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

/* ---- Müsaitlik anahtarı (ana ekranın kahraman kartı) ---- */
.ptm-availability { display: flex; align-items: center; gap: 12px; margin-top: 6px; }
.ptm-availability-state { font-size: 1.35rem; font-weight: 800; letter-spacing: -.02em; }
.ptm-availability-hint { margin-top: 2px; color: #B7C3DA; font-size: .78rem; }
.ptm-availability-actions { display: flex; flex-direction: column; gap: .35rem; align-items: flex-start; margin-top: .75rem; }
.ptm-availability .mud-switch { margin-left: auto; }

/* ---- Teklif kartı ---- */
.ptm-offer-fee { font-size: 1.15rem; font-weight: 800; white-space: nowrap; }

.ptm-chips { display: flex; flex-wrap: wrap; gap: 6px; }

.ptm-chip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 9px;
    border-radius: 999px;
    background: rgba(19, 40, 94, .07);
    color: #13285E;
    font-size: .74rem;
    font-weight: 600;
}

.ptm-chip .mud-icon-root { font-size: .95rem; }
.ptm-chip-warn { background: rgba(255, 74, 20, .1); color: #C1330B; }

/* ---- Eylem satırı: ikincil solda, birincil sağda (başparmak sağda) ---- */
.ptm-actions { display: flex; gap: 8px; }
.ptm-actions > * { flex: 1; }

/* ---- Teslimat notu ---- */
.ptm-note {
    display: flex;
    gap: 6px;
    padding: 8px 10px;
    border-radius: 10px;
    background: rgba(19, 40, 94, .05);
    font-size: .84rem;
}

/* ---- Firmaya bağlanma QR'ı ---- */
.ptm-qr { display: flex; justify-content: center; padding: 8px 0; }
.ptm-qr img { width: 210px; height: 210px; image-rendering: pixelated; }

.ptm-qr-code {
    margin: 4px 0 8px;
    font-size: 1.6rem;
    font-weight: 800;
    letter-spacing: .28em;
    text-align: center;
    font-variant-numeric: tabular-nums;
}

.ptm-center { text-align: center; }

/* Teslim imzası tuvali. touch-action:none ŞART: yoksa parmak hareketi sayfayı kaydırır ve çizgi kopar. */
.ptm-signature {
    width: 100%;
    height: 180px;
    display: block;
    border: 1px dashed var(--mud-palette-lines-default, #cfd3dc);
    border-radius: 12px;
    background: #fff;
    touch-action: none;
}