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

.ptm-column { flex-direction: column; align-items: center; }

/* ---- Durum (lacivert kahraman kart) ---- */
.ptm-pdks-status { padding: 26px 18px 22px; text-align: center; }

.ptm-pdks-status-badge {
    width: 72px;
    height: 72px;
    margin: 0 auto 12px;
    display: grid;
    place-items: center;
    border-radius: 50%;
}

.ptm-pdks-status-badge .mud-icon-root { width: 38px; height: 38px; font-size: 38px; }

/* İçerideyken yeşil nabız: "kaydım açık" bir bakışta okunur. */
.inside .ptm-pdks-status-badge {
    background: rgba(74, 222, 128, .16);
    color: #4ADE80;
    animation: ptm-pulse 2.4s ease-out infinite;
}

.outside .ptm-pdks-status-badge {
    background: rgba(255, 255, 255, .1);
    color: #fff;
    box-shadow: 0 0 0 8px rgba(255, 255, 255, .04);
}

@keyframes ptm-pulse {
    0% { box-shadow: 0 0 0 0 rgba(74, 222, 128, .38); }
    70% { box-shadow: 0 0 0 16px rgba(74, 222, 128, 0); }
    100% { box-shadow: 0 0 0 0 rgba(74, 222, 128, 0); }
}

.ptm-pdks-status-title { margin: 0 0 4px; font-size: 1.4rem; font-weight: 800; letter-spacing: -.02em; }

.ptm-big-action { margin: 2px 0 6px; }

.ptm-day-summary { margin: -4px 6px 8px; }

/* ---- Okutma satırı + durum rozeti ---- */
.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-status {
    padding: 4px 9px;
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 700;
    white-space: nowrap;
}

.ptm-status.ok { background: #DCFCE7; color: #166534; }
.ptm-status.pending { background: #FEF3C7; color: #92400E; }
.ptm-status.rejected { background: #FEE2E2; color: #991B1B; }
.ptm-status.manual { background: #E4EAF7; color: var(--ptm-navy-800); }

/* Kamera (karekod okuyucu) stilleri ortak: _content/PersonelTakip.Mobile.Shared/pts-mobile.css (.ptm-scanner). */

@media (prefers-reduced-motion: reduce) {
    .inside .ptm-pdks-status-badge { animation: none; }
}

/* ---- Onay ---- */
.ptm-pdks-countdown { text-align: center; }
.ptm-pdks-countdown-type { font-size: 2.2rem; font-weight: 800; letter-spacing: .1em; }
.ptm-pdks-countdown-type.in { color: var(--mud-palette-success); }
.ptm-pdks-countdown-type.out { color: var(--mud-palette-error); }

.ptm-pdks-photo { display: flex; align-items: center; gap: 12px; }

.ptm-pdks-photo img {
    width: 56px;
    height: 56px;
    object-fit: cover;
    border: 2px solid var(--mud-palette-success);
    border-radius: 14px;
}

.ptm-pdks-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ptm-pdks-actions .mud-button-root { min-height: 60px; border-radius: 14px; }

/* ---- Sonuç ---- */
.ptm-pdks-result { padding: 30px 16px; border-radius: 22px; text-align: center; }
.ptm-pdks-result.success { border-color: #BBF7D0; background: linear-gradient(160deg, #ECFDF5 0%, #FFFFFF 75%); }
.ptm-pdks-result.pending { border-color: #FDE68A; background: linear-gradient(160deg, #FFFBEB 0%, #FFFFFF 75%); }
.ptm-pdks-result.error { border-color: #FECACA; background: linear-gradient(160deg, #FEF2F2 0%, #FFFFFF 75%); }

.ptm-pdks-result-icon { width: 68px !important; height: 68px !important; font-size: 68px !important; }
.success .ptm-pdks-result-icon { color: var(--mud-palette-success); }
.pending .ptm-pdks-result-icon { color: var(--mud-palette-warning); }
.error .ptm-pdks-result-icon { color: var(--mud-palette-error); }

.ptm-pdks-result-title { margin-top: 8px; color: var(--ptm-navy-900); font-size: 1.25rem; font-weight: 800; }

.ptm-pdks-result-time {
    margin-top: 6px;
    color: var(--ptm-navy-900);
    font-size: 2.8rem;
    font-weight: 800;
    letter-spacing: -.02em;
    font-variant-numeric: tabular-nums;
}

.ptm-pdks-result-message { margin-top: 6px; }