/* Esnafhan Kasa'ya özel stiller. Ortak kabuk + tasarım sistemi (renkler, kartlar, açılış ekranı):
   _content/PersonelTakip.Mobile.Shared/pts-mobile.css */

/* Kahraman karttaki bakiye + stat kutuları ortak kabuktadır (pts-mobile.css → "Kahraman kart istatistikleri"). */

/* ---- Yeni hareket ---- */
.ptm-direction {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    margin-bottom: 12px;
    padding: 5px;
    border-radius: 16px;
    background: #E9EEF6;
}

.ptm-dir {
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border: 0;
    border-radius: 12px;
    background: transparent;
    color: #64748B;
    font: inherit;
    font-size: 1rem;
    font-weight: 700;
    transition: background-color var(--ptm-ease), color var(--ptm-ease), box-shadow var(--ptm-ease);
}

.ptm-dir.out.active {
    background: #fff;
    color: var(--mud-palette-error);
    box-shadow: 0 4px 14px rgba(220, 38, 38, .16), inset 0 0 0 1.5px rgba(220, 38, 38, .4);
}

.ptm-dir.in.active {
    background: #fff;
    color: var(--mud-palette-success);
    box-shadow: 0 4px 14px rgba(21, 128, 61, .16), inset 0 0 0 1.5px rgba(21, 128, 61, .4);
}

.ptm-amount-field input {
    font-size: 1.6rem !important;
    font-weight: 800 !important;
    letter-spacing: -.02em;
    font-variant-numeric: tabular-nums;
}

/* ---- Hareket listesi ---- */
.ptm-tx-icon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
}

.ptm-tx-icon.in { background: #E7F8EE; color: var(--mud-palette-success); }
.ptm-tx-icon.out { background: #FDECEC; color: var(--mud-palette-error); }

.ptm-cancelled { opacity: .55; }
.ptm-cancelled .ptm-strong { text-decoration: line-through; }
.ptm-tag-cancel { color: var(--mud-palette-error); font-size: .7rem; font-weight: 600; }

/* ---- Profil ---- */
.ptm-perm { padding: 7px 0; }

/* ---- Kasa asistanı (AI) — turuncu kesikli çerçeve: "buradan hızlı doldurabilirsin" ---- */
.ptm-ai {
    border: 1px dashed rgba(255, 74, 20, .5);
    background: linear-gradient(135deg, #FFF4EF 0%, #FFFFFF 70%);
}

.ptm-ai-head { display: flex; align-items: center; gap: 6px; margin-bottom: 4px; color: var(--ptm-navy-800); font-weight: 700; }
.ptm-ai-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
.ptm-ai-actions .mud-button-root { min-height: 44px; }
.ptm-ai-text { display: flex; gap: 8px; align-items: center; margin-top: 12px; }
.ptm-ai-text .mud-input-control { flex: 1; margin-top: 0; }
.ptm-ai-note { font-size: .8rem; opacity: .85; }
.ptm-ai-file { display: flex; align-items: center; gap: 6px; margin-top: 10px; font-size: .8rem; }
.ptm-ai-file span { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ---- Telefondan paylaşım + belge ekleme ---- */
.ptm-share { border: 1px solid var(--ptm-navy-600); }
.ptm-share-file { display: flex; align-items: center; gap: 6px; margin-top: 6px; font-size: .9rem; }
.ptm-share-file span:nth-child(2) { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ptm-share-text { margin-top: 6px; white-space: pre-line; }
.ptm-share-question { margin: 12px 0 8px; font-weight: 600; }
.ptm-attach { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 12px; font-size: .85rem; }
.ptm-attach-name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }