/* /Components/Admin/AdminPronunciation.razor.rz.scp.css */
.tts-tabs[b-kqaqa4ednc] { display: flex; gap: .5rem; margin: 0 0 1rem; }
.tts-tab-btn[b-kqaqa4ednc] { border: 1px solid var(--kmp-border, #2a2f3a); background: transparent; color: var(--kmp-text, #cbd5e1);
    padding: .45rem .9rem; border-radius: .5rem; cursor: pointer; font-weight: 600; font-size: .88rem;
    transition: background .15s ease, border-color .15s ease; }
.tts-tab-btn:hover[b-kqaqa4ednc] { background: rgba(99,102,241,.12); }
.tts-tab-btn.is-active[b-kqaqa4ednc] { background: var(--kmp-primary, #4f46e5); border-color: var(--kmp-primary, #4f46e5); color: #fff; }

.tts-stages[b-kqaqa4ednc] { display: flex; flex-direction: column; gap: .35rem; margin: .75rem 0; }
.tts-stage[b-kqaqa4ednc] { display: flex; gap: .6rem; align-items: baseline; font-size: .82rem; }
.tts-stage__k[b-kqaqa4ednc] { flex: 0 0 130px; color: #94a3b8; font-weight: 600; }
.tts-stage__v[b-kqaqa4ednc] { flex: 1; color: #e2e8f0; word-break: break-word; }

.tts-synth[b-kqaqa4ednc], .tts-ab[b-kqaqa4ednc] { display: flex; gap: .5rem; align-items: center; flex-wrap: wrap; margin-top: .5rem; }
.tts-lbl[b-kqaqa4ednc] { color: #94a3b8; font-size: .82rem; }
.tts-synth select[b-kqaqa4ednc], .tts-ab select[b-kqaqa4ednc] { max-width: 260px; }

.tts-usage[b-kqaqa4ednc] { display: flex; flex-direction: column; gap: .4rem; }
.tts-usage__bar[b-kqaqa4ednc] { height: 12px; border-radius: 6px; background: rgba(148,163,184,.15); overflow: hidden; }
.tts-usage__fill[b-kqaqa4ednc] { height: 100%; border-radius: 6px; transition: width .3s ease; }
.tts-usage__fill--ok[b-kqaqa4ednc] { background: #10b981; }
.tts-usage__fill--warn[b-kqaqa4ednc] { background: #f59e0b; }
.tts-usage__fill--danger[b-kqaqa4ednc] { background: #ef4444; }
.tts-usage__txt[b-kqaqa4ednc] { font-size: .82rem; color: #cbd5e1; font-variant-numeric: tabular-nums; }

/* ⚖️ Motor Karşılaştırma — maliyet tablosu */
.cmp-table[b-kqaqa4ednc] { width: 100%; border-collapse: collapse; font-size: .86rem; }
.cmp-table th[b-kqaqa4ednc], .cmp-table td[b-kqaqa4ednc] { padding: .55rem .7rem; border-bottom: 1px solid var(--kmp-border, #2a2f3a); text-align: left; }
.cmp-table th[b-kqaqa4ednc] { color: #94a3b8; font-weight: 600; font-size: .8rem; text-transform: uppercase; letter-spacing: .02em; }
.cmp-table td[b-kqaqa4ednc] { color: #e2e8f0; font-variant-numeric: tabular-nums; }
.cmp-table tbody tr:hover[b-kqaqa4ednc] { background: rgba(99,102,241,.06); }
.cmp-pill[b-kqaqa4ednc] { display: inline-block; padding: .12rem .5rem; border-radius: 999px; font-size: .74rem; font-weight: 600;
    background: rgba(148,163,184,.16); color: #cbd5e1; white-space: nowrap; }
.cmp-pill--free[b-kqaqa4ednc] { background: rgba(16,185,129,.16); color: #34d399; }
.cmp-pill--live[b-kqaqa4ednc] { background: rgba(79,70,229,.18); color: #a5b4fc; }
/* /Components/Approval/ApprovalCard.razor.rz.scp.css */
/* Approval card — title+thumbnail-first layout */

.approval-card[b-2pw33kblrr] {
    background: #131a26;
    border: 1px solid var(--border, #2a3344);
    border-radius: 14px;
    overflow: hidden;
    margin-bottom: 1.25rem;
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
    gap: 0;
    box-shadow: var(--shadow-md);
    transition: box-shadow .18s, border-color .18s;
}

.approval-card:hover[b-2pw33kblrr] {
    box-shadow: var(--shadow-lg);
    border-color: color-mix(in srgb, var(--accent, #6366f1) 35%, var(--border, #2a3344));
}

.approval-video[b-2pw33kblrr] {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: contain;   /* asla kırpma — tüm kareyi göster (Long 16:9 zaten tam oturur) */
    display: block;
    background: #000;
}

/* Dikey 9:16 Short önizlemesi: yatay kutuya cover ile sığdırınca üst/alt kırpılıp
   başlık (top:90) gizleniyordu. Short'u kendi dikey oranında, boyu sınırlı + ortalı göster. */
.approval-video.is-short[b-2pw33kblrr] {
    aspect-ratio: 9 / 16;
    width: auto;
    height: clamp(360px, 60vh, 720px);
    max-width: 100%;
    margin-inline: auto;
}

/* Senaryo onay kapısı: video yerine ONAYA SUNULAN ŞEY görünür — anlatım metni.
   Videonun yokluğu kapının amacıdır; boş kutu yerine okunabilir bir metin bloğu koyarız. */
.script-review[b-2pw33kblrr] {
    /* .approval-video ile aynı hücre; kart yüksekliği ekranlar arası zıplamasın diye tavanlı + scroll. */
    display: flex;
    flex-direction: column;
    gap: .8rem;
    padding: 1.15rem 1.3rem;
    max-height: clamp(320px, 52vh, 620px);
    overflow-y: auto;
    background: linear-gradient(180deg, color-mix(in srgb, var(--accent, #6366f1) 7%, #131a26), #131a26);
    border-right: 1px solid var(--border, #2a3344);
}

.script-review__head[b-2pw33kblrr] {
    font-size: .84rem;
    line-height: 1.5;
    color: var(--muted, #94a3b8);
}

.script-review__head strong[b-2pw33kblrr] { color: #e2e8f0; }

.script-review__lines[b-2pw33kblrr] {
    margin: 0;
    padding-left: 1.35rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    font-size: .95rem;
    line-height: 1.62;
    color: #dbe3ef;
}

.script-review__lines li[b-2pw33kblrr]::marker {
    color: var(--accent, #6366f1);
    font-size: .78rem;
}

.script-review__empty[b-2pw33kblrr] {
    font-size: .86rem;
    color: var(--muted, #94a3b8);
    font-style: italic;
}

.approval-body[b-2pw33kblrr] {
    padding: 1.25rem 1.3rem;
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

/* metadata altbilgisi — ince ayraçlı, soluk */
.approval-body > .muted:last-child[b-2pw33kblrr] {
    margin-top: .15rem;
    padding-top: .7rem;
    border-top: 1px solid var(--border, #2a3344);
    font-size: .74rem;
    font-variant-numeric: tabular-nums;
    color: var(--text-dim, #64748b);
}

/* Visual anchor: title input */
.title-label[b-2pw33kblrr] {
    font-weight: 600;
}

.title-input[b-2pw33kblrr] {
    font-size: 1.05rem !important;
    font-weight: 500;
    color: var(--text, #e2e8f0);
    background: transparent;
    border: 1px solid var(--border, #2a3344);
    border-radius: 6px;
    padding: .4rem .6rem;
    width: 100%;
    box-sizing: border-box;
}

.title-input:focus[b-2pw33kblrr] {
    outline: none;
    border-color: var(--ok, #16a34a);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--ok, #16a34a) 25%, transparent);
}

.desc-input[b-2pw33kblrr] {
    width: 100%;
    box-sizing: border-box;
    resize: vertical;
}

.field-group[b-2pw33kblrr] {
    display: flex;
    flex-direction: column;
}

.field-label[b-2pw33kblrr] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    font-size: .82rem;
    color: var(--text-muted, #94a3b8);
}

.field-label input[b-2pw33kblrr],
.field-label textarea[b-2pw33kblrr] {
    background: transparent;
    border: 1px solid var(--border, #2a3344);
    border-radius: 6px;
    padding: .4rem .6rem;
    color: var(--text, #e2e8f0);
    font-size: max(16px, .9rem);
    transition: border-color .15s;
}

.field-label input:focus[b-2pw33kblrr],
.field-label textarea:focus[b-2pw33kblrr] {
    outline: none;
    border-color: var(--ok, #16a34a);
}

.actions[b-2pw33kblrr] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: .25rem;
}

.actions button[b-2pw33kblrr] { white-space: nowrap; }

.approve[b-2pw33kblrr] {
    background: linear-gradient(135deg, #15803d, #22c55e);
    color: #fff;
    border: none;
    border-radius: 9px;
    padding: .5rem 1.3rem;
    cursor: pointer;
    font-size: max(16px, .9rem);
    font-weight: 600;
    min-height: 44px;
    box-shadow: 0 3px 12px rgba(34, 197, 94, .28);
    transition: transform .15s, box-shadow .15s, filter .15s;
}

.approve:hover[b-2pw33kblrr] {
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(34, 197, 94, .4);
    filter: brightness(1.05);
}

.approve:active[b-2pw33kblrr] {
    transform: translateY(0);
}

.reject[b-2pw33kblrr] {
    background: transparent;
    color: var(--danger, #f87171);
    border: 1px solid var(--danger, #f87171);
    border-radius: 7px;
    padding: .5rem 1.1rem;
    cursor: pointer;
    font-size: max(16px, .9rem);
    min-height: 44px;
    transition: background .15s, color .15s;
}

.reject:hover[b-2pw33kblrr] {
    background: var(--danger, #f87171);
    color: #fff;
}

.produce-status[b-2pw33kblrr] {
    font-size: .8rem;
}

.produce-ok[b-2pw33kblrr]  { color: var(--ok, #4ade80); }
.produce-err[b-2pw33kblrr] { color: var(--danger, #f87171); }

/* Responsive: stack vertically on small screens */
@media (max-width: 700px) {
    .approval-card[b-2pw33kblrr] {
        grid-template-columns: 1fr;
    }
}

/* Mobile: sticky one-tap approval bar at the bottom of the card */
@media (max-width: 800px) {
    .actions[b-2pw33kblrr] {
        position: sticky;
        bottom: 0;
        background: var(--surface, #1e293b);
        border-top: 1px solid var(--border, #2a3344);
        padding: .6rem;
        margin: .25rem -1.1rem -1rem;
        display: flex;
        gap: .6rem;
        z-index: 5;
    }

    .actions button[b-2pw33kblrr] {
        flex: 1;
        min-height: 48px;
    }
}

/* Çatışma-önce hook + ekran ilk cümlesi önizlemesi (video içinde overlay olarak görünür; burada metin) */
.hook-preview[b-2pw33kblrr] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 10px 12px;
    background: color-mix(in srgb, var(--accent, #6366f1) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--accent, #6366f1) 22%, var(--border, #2a3344));
    border-radius: 10px;
}

.hook-line[b-2pw33kblrr] {
    color: var(--text, #e2e8f0);
    font-size: .9rem;
    line-height: 1.35;
}

.hook-tag[b-2pw33kblrr] {
    display: inline-block;
    font-size: .68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--accent, #818cf8);
    background: color-mix(in srgb, var(--accent, #6366f1) 16%, transparent);
    padding: 1px 7px;
    border-radius: 999px;
    margin-right: 7px;
    vertical-align: middle;
}

/* Küçük-resim varyant seçici şeridi (Onay kartı) */
.thumb-picker__row[b-2pw33kblrr] { display: flex; gap: 12px; flex-wrap: wrap; }
.thumb-picker__item[b-2pw33kblrr] {
  display: flex; flex-direction: column; gap: 6px; padding: 6px;
  background: transparent; border: 2px solid var(--border, #2a3344); border-radius: 10px;
  cursor: pointer; max-width: 160px; transition: border-color .15s, transform .15s;
}
.thumb-picker__item:hover[b-2pw33kblrr] { transform: translateY(-2px); }
.thumb-picker__item.is-selected[b-2pw33kblrr] { border-color: var(--accent, #6366f1); }
.thumb-picker__item:focus-visible[b-2pw33kblrr] { outline: 2px solid var(--accent, #6366f1); outline-offset: 2px; }
.thumb-picker__item img[b-2pw33kblrr] { width: 100%; border-radius: 6px; display: block; aspect-ratio: 16/9; object-fit: cover; }
.thumb-picker__label[b-2pw33kblrr] { font-size: 12px; color: var(--text-muted, #94a3b8); text-align: left; line-height: 1.2; }
/* /Components/Create/CreateDrawer.razor.rz.scp.css */
/* Yeni Video artık ERP standardı KmpModal ile açılıyor (sürüklenebilir + boyutlandırılabilir).
   Eski sağdan slide-over stilleri (.create-scrim/.create-drawer/.cd-*) kaldırıldı —
   modal görünümü global .kmp-modal* kurallarından (app.css) gelir, sihirbaz düzeni CreateForm.razor.css'ten. */
/* /Components/Create/CreateForm.razor.rz.scp.css */
/* Yeni Video sihirbazı (CreateForm.razor'a kapsanır). 3 adım: Konu → Ayarlar → Önizle.
   Sabit-yükseklik tab-stack (grid-stack) → adım değişince zıplama yok; çekmece gövdesini doldurur. */
.cv-wizard[b-5o87wy4e4v] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
    flex: 1 1 auto;
    /* Modal gövdesinde makul bir taban yükseklik → adım 1 kısa olsa da modal küçülüp zıplamaz.
       İçerik taşarsa kmp-modal-body (overflow:auto) kaydırır. */
    min-height: min(60vh, 540px);
}

/* --- Stepper --- */
.cv-steps[b-5o87wy4e4v] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}
.cv-step[b-5o87wy4e4v] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex: 1 1 auto;
    padding: .5rem .8rem;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background: var(--surface-2);
    cursor: pointer;
    transition: border-color .2s ease, background .2s ease;
    user-select: none;
}
.cv-step:hover[b-5o87wy4e4v] { border-color: var(--border-2); }
.cv-step.is-active[b-5o87wy4e4v] { border-color: var(--accent); background: var(--surface); }
.cv-step.is-done[b-5o87wy4e4v] { border-color: var(--accent-2); }
.cv-step.is-locked[b-5o87wy4e4v] { opacity: .5; cursor: not-allowed; }
.cv-step__num[b-5o87wy4e4v] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    height: 1.6rem;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--surface);
    border: 1px solid var(--border);
    font-size: .8rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}
.cv-step.is-active .cv-step__num[b-5o87wy4e4v] { background: var(--accent); color: #fff; border-color: var(--accent); }
.cv-step.is-done .cv-step__num[b-5o87wy4e4v] { background: var(--accent-2); color: #fff; border-color: var(--accent-2); }
.cv-step__label[b-5o87wy4e4v] { font-size: .9rem; font-weight: 600; }

.cv-stephint[b-5o87wy4e4v] {
    margin: 0;
    padding: .45rem .7rem;
    border-radius: var(--radius);
    background: var(--surface-2);
    color: var(--text-muted);
    font-size: .85rem;
}

/* --- Tab-stack: tüm adımlar aynı hücrede → en uzun adım kadar sabit yükseklik --- */
.cv-tabstack[b-5o87wy4e4v] {
    display: grid;
    flex: 1 1 auto;
    min-height: 0;
}
.cv-tab[b-5o87wy4e4v] {
    grid-area: 1 / 1;
    min-width: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.cv-tab-off[b-5o87wy4e4v] {
    visibility: hidden;
    pointer-events: none;
}

/* --- Blok/etiket --- */
.cv-block[b-5o87wy4e4v] { display: flex; flex-direction: column; gap: .5rem; }
.cv-label[b-5o87wy4e4v] { font-weight: 600; font-size: .92rem; }
.cv-label-hint[b-5o87wy4e4v] { font-weight: 400; color: var(--text-muted); font-size: .82rem; }

/* ============================================================
   Profesyonel yeniden düzen — bölüm kartları (etiketler / ses /
   biçim / senaryo). Tüm seçiciler bu bileşene kapsanır (Blazor
   scoped CSS) → başka sayfaları ETKİLEMEZ.
   ============================================================ */
.cv-tab[b-5o87wy4e4v] { gap: 1.1rem; padding: .1rem .1rem .3rem; }

.cv-card[b-5o87wy4e4v] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 1.15rem 1.2rem;
    box-shadow: var(--shadow-sm);
    display: flex;
    flex-direction: column;
    gap: .9rem;
}
.cv-card__head[b-5o87wy4e4v] { display: flex; align-items: flex-start; gap: .7rem; }
.cv-card__icon[b-5o87wy4e4v] {
    display: inline-flex; align-items: center; justify-content: center;
    width: 2.15rem; height: 2.15rem; flex: 0 0 auto; border-radius: 11px;
    background: linear-gradient(135deg, rgba(var(--accent-rgb), .2), rgba(var(--accent-rgb), .06));
    font-size: 1.05rem; line-height: 1;
}
.cv-card__head > div[b-5o87wy4e4v] { display: flex; flex-direction: column; gap: .18rem; min-width: 0; }
.cv-card__title[b-5o87wy4e4v] { margin: 0; font-size: .98rem; font-weight: 700; color: var(--text); letter-spacing: -.01em; }
.cv-card__hint[b-5o87wy4e4v] { margin: 0; font-size: .82rem; line-height: 1.5; color: var(--text-muted); }

/* İki-kolon kart ızgarası (Ayarlar adımı) — dar çekmecede alt alta iner */
.cv-cardgrid[b-5o87wy4e4v] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
    gap: 1.1rem;
    align-items: start;
}

/* Kart-içi alan: etiket üstte, kontrol altta */
.cv-field[b-5o87wy4e4v] { display: flex; flex-direction: column; gap: .4rem; }
.cv-field__label[b-5o87wy4e4v] {
    font-size: .72rem; text-transform: uppercase; letter-spacing: .05em;
    color: var(--text-dim); font-weight: 700;
}
.cv-field__opt[b-5o87wy4e4v] { text-transform: none; letter-spacing: 0; font-weight: 400; color: var(--text-muted); }
.cv-field__input[b-5o87wy4e4v] { max-width: none; width: 100%; box-sizing: border-box; }

/* Ses seçimi kart içinde tam genişlik + belirgin yükseklik */
.cv-card .voice-select[b-5o87wy4e4v] { max-width: none; flex: 1 1 auto; min-width: 0; min-height: 42px; }
.cv-card .segment-ctrl[b-5o87wy4e4v] { width: fit-content; }

/* Etiket çipleri — ferah aralık, düzgün sarma */
.tag-chips[b-5o87wy4e4v] { gap: .5rem; }

/* Öneri kartları — ızgara: her kart ≥300px → metin tek-kelime/satır SARMAZ */
.suggest-list[b-5o87wy4e4v] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
    gap: .6rem;
    margin-top: .85rem;
}
.suggest-card[b-5o87wy4e4v] { align-items: flex-start; padding: .7rem .7rem .7rem .85rem; }
/* Öneri metni artık tıklanabilir bir düğme (konuyu seç) → düğme kromunu sıfırla, metin gibi görünsün */
.suggest-text[b-5o87wy4e4v] {
    line-height: 1.5;
    display: flex;
    align-items: baseline;
    gap: .4rem;
    text-align: left;
    background: none;
    border: 0;
    padding: 0;
    margin: 0;
    font-family: inherit;
    cursor: pointer;
    width: 100%;
}
.suggest-text:hover:not(:disabled)[b-5o87wy4e4v] { color: var(--accent); }
.suggest-text:disabled[b-5o87wy4e4v] { cursor: default; opacity: .6; }
.suggest-text:focus-visible[b-5o87wy4e4v] { outline: none; box-shadow: var(--focus-ring); border-radius: 6px; }
.suggest-check[b-5o87wy4e4v] { color: var(--accent); font-weight: 800; }
.suggest-actions[b-5o87wy4e4v] { align-self: stretch; align-items: flex-start; }

/* Seçili öneri kartı — belirgin vurgu (İleri kapısı için hangi konunun seçili olduğu net) */
.suggest-card.is-selected[b-5o87wy4e4v] {
    border-color: var(--accent);
    background: rgba(var(--accent-rgb), .07);
    box-shadow: 0 0 0 1px var(--accent) inset;
}
.suggest-card.is-selected .suggest-text[b-5o87wy4e4v] { color: var(--accent); font-weight: 600; }

/* "Seç ›" düğmesi — eski ikon-kare (✎) yerine metinli seçim düğmesi → otomatik genişlik */
.suggest-edit[b-5o87wy4e4v] {
    width: auto;
    min-width: 0;
    height: 34px;
    padding: 0 .7rem;
    font-size: .8rem;
    font-weight: 600;
    white-space: nowrap;
}
.suggest-edit.is-selected[b-5o87wy4e4v] {
    border-color: var(--accent);
    color: var(--accent);
    background: rgba(var(--accent-rgb), .1);
}

/* ---- 3. adım: önizleme kartı daha ferah + net alt-bölümler ---- */
.preview-card[b-5o87wy4e4v] { padding: 1.15rem 1.2rem; border-radius: 14px; }
.preview-meta[b-5o87wy4e4v] { gap: .5rem .55rem; margin-bottom: .85rem; }
.pv-section[b-5o87wy4e4v] {
    margin-top: 1rem;
    padding-top: .9rem;
    border-top: 1px dashed var(--border);
    display: flex;
    flex-direction: column;
    gap: .55rem;
}
.pv-section__label[b-5o87wy4e4v] {
    font-size: .72rem; text-transform: uppercase; letter-spacing: .05em;
    color: var(--text-dim); font-weight: 700;
}

/* Senaryo düzenleme alanları — etiketli, ferah; her metin kutusu tam genişlik */
.script-preview[b-5o87wy4e4v] { display: flex; flex-direction: column; gap: .85rem; }
.pv-section .cv-field[b-5o87wy4e4v] { gap: .35rem; }
.script-segments[b-5o87wy4e4v] { display: flex; flex-direction: column; gap: .5rem; }
.script-preview textarea[b-5o87wy4e4v],
.script-preview input[b-5o87wy4e4v] { width: 100%; box-sizing: border-box; }

/* Kaynak rozeti — veri kaynağını vurgula (kaynak kontrolü / doğruluk) */
.preview-badge-source[b-5o87wy4e4v] {
    background: rgba(var(--accent-rgb), .12);
    border-color: rgba(var(--accent-rgb), .35);
    color: var(--text);
    font-weight: 600;
}

/* --- 3. adım: önizleme alanı esner --- */
.cv-cta[b-5o87wy4e4v] { align-self: flex-start; }
.cv-preview[b-5o87wy4e4v] { flex: 1 1 auto; min-height: 0; }
.cv-hint[b-5o87wy4e4v] { display: flex; align-items: center; gap: .5rem; color: var(--text-muted); }

/* --- Sihirbaz alt navigasyonu --- */
.cv-wizard-foot[b-5o87wy4e4v] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding-top: .6rem;
    border-top: 1px solid var(--border);
}
.flex-spacer[b-5o87wy4e4v] { flex: 1 1 auto; }

/* Konu durumu — İleri düğmesinin yanında sürekli görünür kapı geri bildirimi.
   Boşken "önce konu seç"; doluyken seçili konuyu (kısaltılmış) gösterir. */
.cv-topicstate[b-5o87wy4e4v] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    max-width: min(48ch, 46%);
    padding: .3rem .6rem;
    border-radius: 999px;
    font-size: .8rem;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
}
.cv-topicstate.is-empty[b-5o87wy4e4v] { color: var(--text-dim); }
.cv-topicstate.is-set[b-5o87wy4e4v] {
    background: rgba(var(--accent-rgb), .12);
    color: var(--text);
    border: 1px solid rgba(var(--accent-rgb), .35);
}
.cv-topicstate__dot[b-5o87wy4e4v] { color: var(--accent); font-weight: 800; }
.cv-topicstate__text[b-5o87wy4e4v] { overflow: hidden; text-overflow: ellipsis; }

@media (prefers-reduced-motion: reduce) {
    .cv-step[b-5o87wy4e4v] { transition: none; }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-fzj6i4m59s] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-fzj6i4m59s] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* Operatör-akışı bölüm etiketleri (Üret · İzle · Büyüt). Etkileşimsiz başlık — günlük
   araçlar hep görünür kalsın (katlanmaz); yalnız az-kullanılan Yönetim katlanır. */
.nav-section-label[b-0avtnmkak5] {
    margin-top: .6rem;
    padding: .35rem .75rem .2rem;
    opacity: .55;
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-weight: 600;
    user-select: none;
}
.nav-section-label:first-of-type[b-0avtnmkak5] { margin-top: .25rem; }

/* Katlanır "Yönetim" grubu — kenar menü (NavMenu.razor'a kapsanır).
   Aç/kapat native onclick="dfNav.toggleAdmin()" + .is-collapsed sınıfı ile (devreden bağımsız). */
.nav-group[b-0avtnmkak5] {
    margin-top: .5rem;
    padding-top: .35rem;
    border-top: 1px solid var(--border, rgba(128, 128, 128, .2));
}
.nav-group-head[b-0avtnmkak5] {
    display: flex;
    align-items: center;
    gap: .4rem;
    width: 100%;
    background: none;
    border: 0;
    padding: .5rem .75rem;
    color: inherit;
    cursor: pointer;
    opacity: .75;
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    font-weight: 600;
}
.nav-group-head:hover[b-0avtnmkak5] { opacity: 1; }
.nav-group-head:focus-visible[b-0avtnmkak5] { outline: none; box-shadow: var(--focus-ring); border-radius: var(--radius, 8px); }
.nav-group-chevron[b-0avtnmkak5] {
    display: inline-block;
    transition: transform .2s ease;
    transform: rotate(90deg); /* varsayılan: açık → aşağı bakar */
}
.nav-group.is-collapsed .nav-group-chevron[b-0avtnmkak5] { transform: rotate(0deg); } /* kapalı → sağa bakar */
.nav-group-body[b-0avtnmkak5] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.nav-group.is-collapsed .nav-group-body[b-0avtnmkak5] { display: none; }
@media (prefers-reduced-motion: reduce) {
    .nav-group-chevron[b-0avtnmkak5] { transition: none; }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-rkn8y1klqx],
.components-reconnect-repeated-attempt-visible[b-rkn8y1klqx],
.components-reconnect-failed-visible[b-rkn8y1klqx],
.components-pause-visible[b-rkn8y1klqx],
.components-resume-failed-visible[b-rkn8y1klqx],
.components-rejoining-animation[b-rkn8y1klqx] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-rkn8y1klqx],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-rkn8y1klqx],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-rkn8y1klqx],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-rkn8y1klqx],
#components-reconnect-modal.components-reconnect-retrying[b-rkn8y1klqx],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-rkn8y1klqx],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-rkn8y1klqx],
#components-reconnect-modal.components-reconnect-failed[b-rkn8y1klqx],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-rkn8y1klqx] {
    display: block;
}

/* ── Koyu tema reconnect modalı (ERP Standardı token'ları) ── */
#components-reconnect-modal[b-rkn8y1klqx] {
    background-color: var(--surface, #131a26);
    color: var(--text, #e2e8f0);
    width: 22rem;
    margin: 20vh auto;
    padding: 2rem 1.75rem;
    border: 1px solid var(--border, #2a3344);
    border-radius: var(--radius-lg, 12px);
    box-shadow: var(--shadow-lg, 0 14px 28px -8px rgba(0,0,0,.42), 0 5px 10px -5px rgba(0,0,0,.28));
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-rkn8y1klqx 0.5s both;
}

#components-reconnect-modal[open][b-rkn8y1klqx] {
    animation: components-reconnect-modal-slideUp-b-rkn8y1klqx 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-rkn8y1klqx 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

#components-reconnect-modal[b-rkn8y1klqx]::backdrop {
    background-color: rgba(7, 11, 18, 0.62);
    backdrop-filter: blur(3px);
    animation: components-reconnect-modal-fadeInOpacity-b-rkn8y1klqx 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-rkn8y1klqx {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-rkn8y1klqx {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-rkn8y1klqx {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-rkn8y1klqx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-rkn8y1klqx] {
    margin: 0;
    text-align: center;
    color: var(--text-muted, #94a3b8);
    font-size: .92rem;
    line-height: 1.5;
}

#components-reconnect-modal button[b-rkn8y1klqx] {
    border: 1px solid var(--accent, #6366f1);
    background-color: var(--accent, #6366f1);
    color: #fff;
    padding: .5rem 1.4rem;
    border-radius: var(--radius, 8px);
    font-size: .92rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s, border-color .15s, transform .15s;
    min-height: 40px;
}

#components-reconnect-modal button:hover[b-rkn8y1klqx] {
    background-color: var(--accent-2, #818cf8);
    border-color: var(--accent-2, #818cf8);
    transform: translateY(-1px);
}

#components-reconnect-modal button:active[b-rkn8y1klqx] {
    transform: translateY(0);
}

/* Animasyonlu yeniden bağlanma halkası (indigo accent) */
.components-rejoining-animation[b-rkn8y1klqx] {
    position: relative;
    width: 64px;
    height: 64px;
}

.components-rejoining-animation div[b-rkn8y1klqx] {
    position: absolute;
    border: 3px solid var(--accent, #6366f1);
    opacity: 1;
    border-radius: 50%;
    animation: components-rejoining-animation-b-rkn8y1klqx 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.components-rejoining-animation div:nth-child(2)[b-rkn8y1klqx] {
    animation-delay: -0.5s;
}

@keyframes components-rejoining-animation-b-rkn8y1klqx {
    0% {
        top: 32px;
        left: 32px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 32px;
        left: 32px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 32px;
        left: 32px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 64px;
        height: 64px;
        opacity: 0;
    }
}
/* /Components/Pages/Buyume.razor.rz.scp.css */
/* Büyüme panosu eşik ölçerleri — token tabanlı (Bootstrap --bs-* bu projede tanımsız). */
.kmp-meter[b-2k8tjbir48] {
    height: 10px;
    border-radius: 999px;
    background: var(--surface-2, #e9ecef);
    overflow: hidden;
}
.kmp-meter__fill[b-2k8tjbir48] {
    height: 100%;
    border-radius: 999px;
    background: var(--accent, #4f46e5);
    transition: width .4s var(--kmp-ease, cubic-bezier(.4, 0, .2, 1));
}
/* Ölçülemeyen (Faz B) koşul — taralı belirsizlik deseni, dolu-yüzde YOK. */
.kmp-meter--unknown[b-2k8tjbir48] {
    background: repeating-linear-gradient(45deg,
        var(--surface-2, #e9ecef), var(--surface-2, #e9ecef) 6px,
        transparent 6px, transparent 12px);
    opacity: .6;
}
@media (prefers-reduced-motion: reduce) {
    .kmp-meter__fill[b-2k8tjbir48] { transition: none; }
}
/* /Components/Pages/Dashboard.razor.rz.scp.css */
/* Birleşik pipeline panosu — Dashboard.razor (Blazor CSS isolation ile bu bileşene kapsanır).
   Not: alt bileşenlerin (JobStrip/ApprovalCard/PlaylistPanel) iç öğeleri kapsam-dışıdır → yalnız buradaki
   sarmalayıcılar (.lane, .flow-strip, .lanes …) etkilenir. Dock-fill: yapay min-height yok → altta boşluk kalmaz. */

.pipeline-page[b-f94ok4k0y8] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
    min-height: 0;
}

/* --- Akış şeridi (mini pipeline) --- */
.flow-strip[b-f94ok4k0y8] {
    display: flex;
    align-items: center;
    gap: .4rem;
    padding: .55rem .1rem;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--border);
    margin-bottom: .15rem;
}
.flow-seg[b-f94ok4k0y8] {
    display: inline-flex;
    align-items: baseline;
    gap: .4rem;
    padding: .3rem .65rem;
    border-radius: 999px;
    background: var(--surface-2);
    border: 1px solid transparent;
    color: inherit;
    cursor: pointer;
    transition: border-color .15s ease, background .15s ease;
}
.flow-seg:hover[b-f94ok4k0y8] { border-color: var(--border-2); }
.flow-seg.is-active[b-f94ok4k0y8] { border-color: var(--accent); }
.flow-seg:focus-visible[b-f94ok4k0y8] { outline: none; box-shadow: var(--focus-ring); }
.flow-count[b-f94ok4k0y8] { font-weight: 700; font-variant-numeric: tabular-nums; }
.flow-label[b-f94ok4k0y8] { font-size: .85rem; color: var(--text-muted); }
.flow-seg.is-active .flow-label[b-f94ok4k0y8] { color: var(--text); }
.flow-sep[b-f94ok4k0y8] { opacity: .35; }
.flow-spacer[b-f94ok4k0y8] { flex: 1 1 auto; }

/* --- Yaşam-döngüsü şeritleri --- */
.lanes[b-f94ok4k0y8] {
    display: flex;
    flex-direction: column;
    gap: .9rem;
    min-height: 0;
}
.lane[b-f94ok4k0y8] {
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background: var(--surface);
    overflow: hidden;
}
.lane.is-focus[b-f94ok4k0y8] { border-color: var(--accent); }
.lane-head[b-f94ok4k0y8] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .6rem .8rem;
    cursor: pointer;
    user-select: none;
    background: var(--surface-2);
}
.lane-chevron[b-f94ok4k0y8] {
    display: inline-block;
    opacity: .6;
    transition: transform .2s ease;
}
.lane-chevron.open[b-f94ok4k0y8] { transform: rotate(90deg); }
.lane-title[b-f94ok4k0y8] { margin: 0; font-size: .95rem; font-weight: 600; }
.lane-badge[b-f94ok4k0y8] { margin-left: auto; font-variant-numeric: tabular-nums; opacity: .7; font-weight: 600; }
.lane-body[b-f94ok4k0y8] { padding: .75rem .8rem; }
.lane-empty[b-f94ok4k0y8] { opacity: .55; padding: .4rem .2rem; font-size: .9rem; }

/* --- Oynatma listeleri (ikincil, katlanır) --- */
.pipeline-secondary[b-f94ok4k0y8] {
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background: var(--surface);
}
.pipeline-secondary__head[b-f94ok4k0y8] {
    padding: .6rem .8rem;
    cursor: pointer;
    font-weight: 600;
    font-size: .9rem;
    color: var(--text-muted);
}
.pipeline-secondary__head:hover[b-f94ok4k0y8] { color: var(--text); }
.pipeline-secondary[open] .pipeline-secondary__head[b-f94ok4k0y8] { color: var(--text); }
.pipeline-secondary__body[b-f94ok4k0y8] { padding: .75rem .8rem; border-top: 1px solid var(--border); }

.dash-tts-budget[b-f94ok4k0y8] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin: .35rem 0 .1rem;
}
.dash-tts-budget__link[b-f94ok4k0y8] {
    font-size: .8rem;
    color: var(--text-muted);
    text-decoration: none;
}
.dash-tts-budget__link:hover[b-f94ok4k0y8] { color: var(--text); text-decoration: underline; }

/* --- Oto-yükleme/oto-herkese-aç pompası (admin) --- */
.dash-pump[b-f94ok4k0y8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .35rem 1.1rem;
    margin: .35rem 0 .1rem;
    padding: .45rem .7rem;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background: var(--surface);
    font-size: .85rem;
}
.dash-pump__ico[b-f94ok4k0y8] { opacity: .75; }
.dash-pump__toggle[b-f94ok4k0y8] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    cursor: pointer;
    user-select: none;
    margin: 0;
}
.dash-pump__toggle input[b-f94ok4k0y8] { accent-color: var(--accent, #4f46e5); cursor: pointer; }
.dash-pump__toggle small[b-f94ok4k0y8] { color: var(--text-muted); font-size: .75rem; }
.dash-pump__nums[b-f94ok4k0y8] { display: inline-flex; align-items: center; gap: .6rem; }
.dash-pump__nums label[b-f94ok4k0y8] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    margin: 0;
    font-size: .75rem;
    color: var(--text-muted);
}
.dash-pump__nums input[b-f94ok4k0y8] {
    width: 3.4rem;
    padding: .1rem .3rem;
    font-size: .75rem;
    border: 1px solid var(--border);
    border-radius: calc(var(--radius) / 2);
    background: transparent;
    color: inherit;
}

@media (prefers-reduced-motion: reduce) {
    .flow-seg[b-f94ok4k0y8] { transition: none; }
    .lane-chevron[b-f94ok4k0y8] { transition: none; }
}
/* /Components/Pages/Kitle.razor.rz.scp.css */
/* Kitle analizi pay çubukları — token tabanlı (Bootstrap --bs-* bu projede tanımsız). */
.kitle-bar[b-gabr0qmkw8] {
    height: 10px;
    border-radius: 999px;
    background: var(--surface-2, #e9ecef);
    overflow: hidden;
    display: flex;
}
.kitle-bar__fill[b-gabr0qmkw8] {
    height: 100%;
    border-radius: 999px;
    background: var(--accent, #4f46e5);
    transition: width .4s var(--kmp-ease, cubic-bezier(.4, 0, .2, 1));
}
/* Cinsiyet ayrık çubuk — segmentler yan yana, köşe yuvarlaması yalnız dışta. */
.kitle-bar--split .kitle-bar__fill[b-gabr0qmkw8] {
    border-radius: 0;
}
.kitle-bar--split .kitle-bar__fill:first-child[b-gabr0qmkw8] {
    border-top-left-radius: 999px;
    border-bottom-left-radius: 999px;
}
.kitle-bar--split .kitle-bar__fill:last-child[b-gabr0qmkw8] {
    border-top-right-radius: 999px;
    border-bottom-right-radius: 999px;
}
.kitle-bar__fill--m[b-gabr0qmkw8] { background: var(--accent, #4f46e5); }
.kitle-bar__fill--f[b-gabr0qmkw8] { background: #d6336c; }
.kitle-bar__fill--o[b-gabr0qmkw8] { background: var(--surface-3, #adb5bd); }

/* Lejant renk kutucukları. */
.kitle-swatch[b-gabr0qmkw8] {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 3px;
    vertical-align: middle;
}
.kitle-swatch--m[b-gabr0qmkw8] { background: var(--accent, #4f46e5); }
.kitle-swatch--f[b-gabr0qmkw8] { background: #d6336c; }

@media (prefers-reduced-motion: reduce) {
    .kitle-bar__fill[b-gabr0qmkw8] { transition: none; }
}
/* /Components/Pages/Ozet.razor.rz.scp.css */
.ozet-grid[b-ytcnjyf8x8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
}

.ozet-card[b-ytcnjyf8x8] {
    border: 1px solid var(--bs-border-color);
    border-radius: var(--kmp-radius-md, .625rem);
    background: var(--bs-body-bg);
    box-shadow: var(--kmp-shadow-xs, 0 1px 2px rgba(0, 0, 0, .05));
    padding: .75rem 1rem;
    transition: box-shadow .2s ease, transform .2s ease;
}

.ozet-card:hover[b-ytcnjyf8x8] {
    box-shadow: var(--kmp-shadow-md, 0 4px 12px rgba(0, 0, 0, .08));
    transform: translateY(-1px);
}

@media (prefers-reduced-motion: reduce) {
    .ozet-card[b-ytcnjyf8x8] { transition: none; }
    .ozet-card:hover[b-ytcnjyf8x8] { transform: none; }
}

.ozet-card__head[b-ytcnjyf8x8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .5rem;
    padding-bottom: .4rem;
    border-bottom: 1px solid var(--bs-border-color-translucent, rgba(0, 0, 0, .08));
}

.ozet-card__title[b-ytcnjyf8x8] { font-weight: 600; letter-spacing: -.01em; }

.ozet-card__count[b-ytcnjyf8x8] {
    font-size: .75rem;
    font-weight: 600;
    color: var(--bs-secondary-color);
    background: var(--bs-secondary-bg);
    border-radius: 999px;
    padding: .05rem .5rem;
    font-variant-numeric: tabular-nums;
}

.ozet-list[b-ytcnjyf8x8] { list-style: none; margin: 0; padding: 0; }

.ozet-item[b-ytcnjyf8x8] {
    padding: .4rem 0;
    border-bottom: 1px solid var(--bs-border-color-translucent, rgba(0, 0, 0, .06));
}
.ozet-item:last-child[b-ytcnjyf8x8] { border-bottom: 0; }

.ozet-item__text[b-ytcnjyf8x8] { display: block; line-height: 1.35; }

.ozet-item__meta[b-ytcnjyf8x8] {
    display: flex;
    gap: .5rem;
    align-items: center;
    margin-top: .15rem;
    font-size: .75rem;
}

.ozet-src[b-ytcnjyf8x8] { color: var(--bs-primary); text-decoration: none; }
.ozet-src:hover[b-ytcnjyf8x8] { text-decoration: underline; }

.ozet-date[b-ytcnjyf8x8] { color: var(--bs-secondary-color); font-variant-numeric: tabular-nums; }

.ozet-empty[b-ytcnjyf8x8] { color: var(--bs-secondary-color); font-size: .9rem; padding: 1rem 0; }

.ozet-empty-cats[b-ytcnjyf8x8] {
    color: var(--bs-secondary-color);
    font-size: .8rem;
    margin-top: 1rem;
    border-top: 1px dashed var(--bs-border-color);
    padding-top: .75rem;
}
/* /Components/Pages/PanelView.razor.rz.scp.css */
/* Kiosk kök çerçevesi — tam ekran, scrollsuz.
   Varsayılan (havalimanı-dışı): dikey flex → sahne (widget grid) üstte esner + alt haber bandı sabit. */
[b-s4iltu1fsj] .pv-root,
.pv-root[b-s4iltu1fsj] {
    position: fixed; inset: 0; background: var(--pv-bg, #060a14);
    display: flex; flex-direction: column; gap: 1rem; padding: 1rem; overflow: hidden;
}
/* Sahne — widget'lar eşit-hücreli dock-fill grid, mevcut yüksekliği doldurur */
.pv-stage[b-s4iltu1fsj] {
    flex: 1 1 auto; min-height: 0;
    display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    grid-auto-rows: 1fr; gap: 1rem;
}
.pv-cell[b-s4iltu1fsj] { background: rgba(255,255,255,.03); border-radius: .875rem; overflow: hidden; min-height: 0; min-width: 0; }
.pv-widget-error[b-s4iltu1fsj] { display: flex; height: 100%; align-items: center; justify-content: center; color: #e8a; opacity: .7; }

/* Üst kompakt şerit — saat (sol) + hava (sağ), havalimanı üst şeridiyle AYNI biçim (otel/restoran/avm/other).
   İki eşit yarım; sabit yükseklik → sahne kalan alanı doldurur. */
.pv-topstrip[b-s4iltu1fsj] { flex: 0 0 auto; height: 4.5rem; display: flex; gap: .7rem; }
.pv-topstrip .pv-cell[b-s4iltu1fsj] { flex: 1 1 0; min-width: 0; }

/* Alt haber bandı — tam genişlik, ince, akan (otel/restoran/avm) */
.pv-newsband[b-s4iltu1fsj] { flex: 0 0 auto; height: 3.4rem; }

/* Tam ekran düğmesi — sağ-üst, sönük; hover'da belirir (signage temiz kalsın). */
.pv-fs[b-s4iltu1fsj] {
    position: fixed; top: .9rem; right: 1rem; z-index: 50;
    width: 2.6rem; height: 2.6rem; border-radius: 50%;
    border: 1px solid rgba(255,255,255,.18); background: rgba(10,16,30,.55); color: #dbe4f5;
    display: flex; align-items: center; justify-content: center; cursor: pointer;
    opacity: .18; transition: opacity .2s ease, background .2s ease, transform .2s ease;
    -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); font-size: 1.05rem;
}
.pv-fs:hover[b-s4iltu1fsj], .pv-fs:focus-visible[b-s4iltu1fsj] { opacity: 1; background: rgba(20,28,50,.85); transform: scale(1.06); }
.pv-fs:focus-visible[b-s4iltu1fsj] { outline: 2px solid var(--pv-primary, #6366f1); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .pv-fs[b-s4iltu1fsj] { transition: none; } }

/* ── Havalimanı yerleşimi ──────────────────────────────────────────────
   Amaç: uçuş bilgisi baskın; saat/hava ince üst şerit; haber ince alt şerit.
   Adlandırılmış grid alanları: üst şerit (saat+hava) / iki büyük uçuş kolonu / alt haber. */
.pv-root.pv-airport[b-s4iltu1fsj] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 4.5rem minmax(0, 1fr) 3.4rem;
    grid-template-areas:
        "topL topR"
        "arr  dep"
        "news news";
    gap: .7rem; padding: .7rem;
}
.pv-airport .pv-cell[data-slot="clock"][b-s4iltu1fsj]      { grid-area: topL; }
.pv-airport .pv-cell[data-slot="weather"][b-s4iltu1fsj]    { grid-area: topR; }
.pv-airport .pv-cell[data-slot="arrivals"][b-s4iltu1fsj]   { grid-area: arr; }
.pv-airport .pv-cell[data-slot="departures"][b-s4iltu1fsj] { grid-area: dep; }
.pv-airport .pv-cell[data-slot="news"][b-s4iltu1fsj]       { grid-area: news; }
/* Slot'a oturmayan (bilinmeyen) widget havalimanı düzenini bozmasın */
.pv-airport .pv-cell[data-slot=""][b-s4iltu1fsj] { display: none; }

/* Üst şerit — saat: yatay kompakt (::deep, dev saat sorununun kökü).
   Aynı kompakt biçim hem havalimanı grid'inde hem havalimanı-dışı üst şeritte (.pv-topstrip) geçerli. */
.pv-airport .pv-cell[data-slot="clock"][b-s4iltu1fsj]  .pw-clock,
.pv-topstrip .pv-cell[data-slot="clock"][b-s4iltu1fsj]  .pw-clock {
    flex-direction: row; align-items: baseline; justify-content: center; gap: .7rem;
}
.pv-airport .pv-cell[data-slot="clock"][b-s4iltu1fsj]  .pw-clock-time,
.pv-topstrip .pv-cell[data-slot="clock"][b-s4iltu1fsj]  .pw-clock-time { font-size: 2rem; line-height: 1; }
.pv-airport .pv-cell[data-slot="clock"][b-s4iltu1fsj]  .pw-clock-label,
.pv-topstrip .pv-cell[data-slot="clock"][b-s4iltu1fsj]  .pw-clock-label { font-size: .8rem; }
.pv-airport .pv-cell[data-slot="clock"][b-s4iltu1fsj]  .pw-clock-date,
.pv-topstrip .pv-cell[data-slot="clock"][b-s4iltu1fsj]  .pw-clock-date { font-size: .8rem; margin-top: 0; }

/* Üst şerit — hava: yatay şehir-derece çipleri, başlık/koşul gizli */
.pv-airport .pv-cell[data-slot="weather"][b-s4iltu1fsj]  .pw-weather,
.pv-topstrip .pv-cell[data-slot="weather"][b-s4iltu1fsj]  .pw-weather { padding: .35rem .6rem; justify-content: center; }
.pv-airport .pv-cell[data-slot="weather"][b-s4iltu1fsj]  .pw-weather-title,
.pv-topstrip .pv-cell[data-slot="weather"][b-s4iltu1fsj]  .pw-weather-title { display: none; }
.pv-airport .pv-cell[data-slot="weather"][b-s4iltu1fsj]  .pw-weather-grid,
.pv-topstrip .pv-cell[data-slot="weather"][b-s4iltu1fsj]  .pw-weather-grid {
    display: flex; gap: .5rem; overflow: hidden; flex-wrap: nowrap;
}
.pv-airport .pv-cell[data-slot="weather"][b-s4iltu1fsj]  .pw-weather-cell,
.pv-topstrip .pv-cell[data-slot="weather"][b-s4iltu1fsj]  .pw-weather-cell {
    flex-direction: row; align-items: baseline; gap: .3rem; padding: .25rem .55rem; white-space: nowrap;
}
.pv-airport .pv-cell[data-slot="weather"][b-s4iltu1fsj]  .pw-w-temp,
.pv-topstrip .pv-cell[data-slot="weather"][b-s4iltu1fsj]  .pw-w-temp { font-size: 1.05rem; }
.pv-airport .pv-cell[data-slot="weather"][b-s4iltu1fsj]  .pw-w-cond,
.pv-topstrip .pv-cell[data-slot="weather"][b-s4iltu1fsj]  .pw-w-cond { display: none; }

/* Dar / portre ekran (lobi tabelası dikey, telefon, tablet): iki uçuş kolonu (varış|kalkış) yan yana
   ~yarım genişliğe düşünce satırlar sığmıyordu → varış ve kalkış panolarını ALT ALTA tam genişliğe al.
   Saat+hava üst şeridi tek satırda yan yana kalır (kompakt); her pano kalan yüksekliği eşit paylaşıp
   kendi içinde kayar. */
@media (max-width: 720px) {
    .pv-root.pv-airport[b-s4iltu1fsj] {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 4.5rem minmax(0, 1fr) minmax(0, 1fr) 3.4rem;
        grid-template-areas:
            "topL topR"
            "arr  arr"
            "dep  dep"
            "news news";
    }
}

/* Alt şerit — haber: akan şerit (ticker). Yerleşim/animasyon NewsWidget.razor.css (.pw-ticker)
   içinde bileşen-kapsamlı tanımlı; havalimanında da otel/avm'de de aynı akan bant kullanılır. */

/* ── Koordinat modu (Wave 7c) ──────────────────────────────────────────
   Editörde serbest x/y/genişlik/yükseklik atanmış widget'lar → sabit tam-ekran 12-kolonlu grid
   (dock-fill, kaydırma yok). display:grid + grid-template inline stille (GridPlacement.ContainerStyle)
   gelir; .pv-root'un varsayılan flex düzenini ezer. */
.pv-root.pv-grid[b-s4iltu1fsj] { gap: .5rem; padding: .5rem; box-sizing: border-box; overflow: hidden; }
.pv-gridcell[b-s4iltu1fsj] { min-width: 0; min-height: 0; overflow: hidden; border-radius: var(--kmp-radius-md, .625rem); }

.pv-placeholder[b-s4iltu1fsj] { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; background: #060a14; }
.pv-ph-card[b-s4iltu1fsj] { color: #e8eefc; text-align: center; opacity: .8; font-size: 1.4rem; }
.pv-ph-card i[b-s4iltu1fsj] { display: block; font-size: 3rem; margin-bottom: .75rem; opacity: .6; }
/* /Components/Pages/Performans.razor.rz.scp.css */
.perf-table th[b-fvs9jwezlg] { font-weight: 600; color: var(--bs-secondary-color); font-size: .8rem; }
.perf-table td[b-fvs9jwezlg] { vertical-align: middle; }
.perf-table a[b-fvs9jwezlg] { max-width: 16rem; display: inline-block; }
/* /Components/Pages/Radar.razor.rz.scp.css */
/* Dock-fill: sayfa viewport'u doldurur; tab içeriği kalan alanı alır, scroll içerde. */
.rd-page[b-lyypll0qvc] {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 2rem);
}

/* Tab-stack: tüm pane'ler aynı grid hücresinde — sekme değişince yükseklik zıplamaz. */
.rd-tabstack[b-lyypll0qvc] { display: grid; flex: 1; min-height: 0; }
.rd-tab[b-lyypll0qvc] { grid-area: 1 / 1; min-width: 0; overflow: auto; }
.rd-tab-off[b-lyypll0qvc] { visibility: hidden; pointer-events: none; }

/* Haftalık rapor gövdesi (Task 12) */
.rd-report[b-lyypll0qvc] { max-width: 860px; line-height: 1.6; }
.rd-report[b-lyypll0qvc]  h2 { font-size: 1.15rem; margin-top: 1.25rem; }
.rd-report[b-lyypll0qvc]  h3 { font-size: 1rem; margin-top: 1rem; }
.rd-report[b-lyypll0qvc]  ul { padding-left: 1.25rem; }
/* /Components/Shared/KmpImagePicker.razor.rz.scp.css */
/* KmpImagePicker — kendine-yeten scoped stiller (StudioWizard + Radar'da aynı görünüm).
   ss-* sınıflarının yerel kopyası (StudioWizard.razor.css scope'u bu bileşene ulaşmaz). */

.kmp-imgpicker[b-9axcqt1qfu] { display: flex; flex-direction: column; gap: .6rem; }

/* seçili b-roll şeridi */
.kmp-imgpicker__strip[b-9axcqt1qfu] {
    display: flex; gap: .5rem; flex-wrap: wrap;
}
.kmp-imgpicker__thumb[b-9axcqt1qfu] {
    position: relative; width: 84px; height: 84px; border-radius: .5rem; overflow: hidden;
    border: 1px solid rgba(255,255,255,.12); background: rgba(0,0,0,.25);
}
.kmp-imgpicker__thumb img[b-9axcqt1qfu] { width: 100%; height: 100%; object-fit: cover; display: block; }
.kmp-imgpicker__x[b-9axcqt1qfu] {
    position: absolute; top: 3px; right: 3px; width: 20px; height: 20px; line-height: 1;
    border-radius: 50%; border: none; cursor: pointer; font-size: .72rem;
    background: rgba(0,0,0,.65); color: #fff; display: flex; align-items: center; justify-content: center;
    transition: background .15s;
}
.kmp-imgpicker__x:hover[b-9axcqt1qfu] { background: #dc2626; }

/* oto-çekim satırı */
.kmp-imgpicker__auto[b-9axcqt1qfu] { display: flex; gap: .6rem; align-items: center; flex-wrap: wrap; }

/* arama satırı */
.kmp-imgpicker__search[b-9axcqt1qfu] { display: flex; gap: .5rem; align-items: center; }
.kmp-imgpicker__search .ss-input[b-9axcqt1qfu] { flex: 1; }

/* aday sonuç ızgarası */
.kmp-imgpicker__results[b-9axcqt1qfu] {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: .6rem;
}
.kmp-imgpicker__cand[b-9axcqt1qfu] {
    display: flex; flex-direction: column; gap: .35rem; padding: .35rem;
    background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.08); border-radius: .55rem;
}
.kmp-imgpicker__cand img[b-9axcqt1qfu] {
    width: 100%; height: 90px; object-fit: cover; border-radius: .4rem; display: block;
}

/* ---- ss-* yerel kopya (StudioWizard.razor.css'ten) ---- */
.ss-input[b-9axcqt1qfu] {
    width: 100%; padding: .6rem .75rem; border-radius: .6rem;
    background: rgba(0,0,0,.25); border: 1px solid rgba(255,255,255,.1); color: #e5e7eb;
    font-size: .92rem; transition: border-color .15s, box-shadow .15s;
}
.ss-input:focus[b-9axcqt1qfu] { outline: none; border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,.25); }
.ss-btn[b-9axcqt1qfu] {
    padding: .6rem 1.1rem; border-radius: .6rem; cursor: pointer; font-size: .9rem; font-weight: 600;
    background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); color: #e5e7eb;
    transition: all .15s; white-space: nowrap;
}
.ss-btn:hover:not(:disabled)[b-9axcqt1qfu] { background: rgba(255,255,255,.1); transform: translateY(-1px); }
.ss-btn:disabled[b-9axcqt1qfu] { opacity: .5; cursor: not-allowed; }
.ss-btn--sm[b-9axcqt1qfu] { padding: .4rem .6rem; font-size: .8rem; }
.ss-btn.is-added[b-9axcqt1qfu] { background: rgba(16,185,129,.18); border-color: #10b981; color: #10b981; }
.ss-hint[b-9axcqt1qfu] { color: #9ca3af; font-weight: 400; font-size: .85rem; }
.ss-err[b-9axcqt1qfu] { color: #f87171; font-size: .85rem; }

@media (prefers-reduced-motion: reduce) {
    .ss-btn[b-9axcqt1qfu], .ss-input[b-9axcqt1qfu], .kmp-imgpicker__x[b-9axcqt1qfu] { transition: none; }
    .ss-btn:hover:not(:disabled)[b-9axcqt1qfu] { transform: none; }
}
/* /Components/Shared/TtsBudgetBadge.razor.rz.scp.css */
.tts-budget-badge[b-c9sh92fvx2] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .25rem .6rem;
    border-radius: var(--kmp-radius-pill, 999px);
    font-size: .8rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    line-height: 1.3;
    white-space: nowrap;
    color: var(--bs-success-text-emphasis, #0f5132);
    background: var(--bs-success-bg-subtle, #d1e7dd);
    border: 1px solid var(--bs-success-border-subtle, #a3cfbb);
}

.tts-budget-badge.is-free[b-c9sh92fvx2] {
    color: var(--bs-info-text-emphasis, #055160);
    background: var(--bs-info-bg-subtle, #cff4fc);
    border-color: var(--bs-info-border-subtle, #9eeaf9);
}

.tts-budget-badge.is-warn[b-c9sh92fvx2] {
    color: var(--bs-warning-text-emphasis, #664d03);
    background: var(--bs-warning-bg-subtle, #fff3cd);
    border-color: var(--bs-warning-border-subtle, #ffe69c);
}

.tts-budget-badge.is-danger[b-c9sh92fvx2] {
    color: var(--bs-danger-text-emphasis, #842029);
    background: var(--bs-danger-bg-subtle, #f8d7da);
    border-color: var(--bs-danger-border-subtle, #f1aeb5);
}
/* /Components/Shared/UploadObservationPanel.razor.rz.scp.css */
/* Salt-gözlem yükleme panosu — saas proje token'ları (dark-native + html[data-theme=light] override).
   Bu proje Bootstrap/--bs-* YÜKLEMEZ → yalnız --surface/--text/--border/--warn/--danger* token'ları kullanılır
   (ApprovalCard.razor.css deseni). İki temada da kusursuz. */
.upload-obs[b-koi76c586m] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin: 0.75rem 0;
    padding: 1rem;
    border: 1px solid var(--border, #2a3344);
    border-radius: var(--radius, 8px);
    background: var(--surface, #131a26);
    color: var(--text, #e2e8f0);
    box-shadow: var(--shadow-sm);
}

.upload-obs__cap[b-koi76c586m] { display: flex; gap: .75rem; align-items: flex-start; }
.upload-obs__ico[b-koi76c586m] { font-size: 1.5rem; line-height: 1; }
.upload-obs__cap-body[b-koi76c586m] { flex: 1 1 auto; min-width: 0; }
.upload-obs__cap-head[b-koi76c586m] { display: flex; align-items: baseline; gap: .5rem; flex-wrap: wrap; }
.upload-obs__cap-val[b-koi76c586m] { font-size: 1.15rem; font-weight: 600; color: var(--text, #e2e8f0); font-variant-numeric: tabular-nums; }
.upload-obs__cap-tag[b-koi76c586m] { color: var(--text-muted, #94a3b8); font-size: .85rem; }
.upload-obs__cap-sub[b-koi76c586m] { color: var(--text-muted, #94a3b8); font-size: .8rem; margin-top: .15rem; }

.upload-obs__flag[b-koi76c586m] { padding: .1rem .45rem; border-radius: 999px; font-size: .72rem; font-weight: 600; }
.upload-obs__flag--warn[b-koi76c586m] { background: var(--warn, #78350f); color: var(--warn-text, #fde68a); }

.upload-obs__consumption[b-koi76c586m] { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .5rem; }
.upload-obs__chip[b-koi76c586m] { padding: .15rem .5rem; border-radius: 999px; background: var(--surface-2, #1e293b); color: var(--text, #e2e8f0); font-size: .78rem; }

.upload-obs__backlog[b-koi76c586m] { display: flex; flex-direction: column; gap: .25rem; }
.upload-obs__empty[b-koi76c586m] { color: var(--text-muted, #94a3b8); font-size: .85rem; padding: .35rem 0; }

.upload-obs__row[b-koi76c586m] {
    display: flex; align-items: center; gap: .5rem;
    padding: .3rem .1rem;
    border-top: 1px solid var(--border, #2a3344);
}
.upload-obs__row-ch[b-koi76c586m] { flex: 0 0 auto; color: var(--text, #e2e8f0); font-size: .78rem; font-variant-numeric: tabular-nums; }
.upload-obs__row-title[b-koi76c586m] { flex: 1 1 auto; min-width: 0; color: var(--text, #e2e8f0); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.upload-obs__row-cat[b-koi76c586m] { flex: 0 0 auto; font-size: .74rem; font-weight: 600; padding: .1rem .45rem; border-radius: 999px; }
.upload-obs__row-cat.is-fail[b-koi76c586m] { background: var(--danger-soft, #2d1a1a); color: var(--danger-text, #f87171); }
.upload-obs__row-cat.is-block[b-koi76c586m] { background: var(--warn, #78350f); color: var(--warn-text, #fde68a); }
.upload-obs__row-cat.is-wait[b-koi76c586m] { background: var(--surface-2, #1e293b); color: var(--text-muted, #94a3b8); }
.upload-obs__row-when[b-koi76c586m] { flex: 0 0 auto; font-size: .74rem; color: var(--text-muted, #94a3b8); font-variant-numeric: tabular-nums; }

.upload-obs__go[b-koi76c586m] { flex: 0 0 auto; border: none; background: none; color: var(--accent, #6366f1); font-size: .78rem; cursor: pointer; padding: .1rem .3rem; }
.upload-obs__go:hover[b-koi76c586m] { text-decoration: underline; }
.upload-obs__go:focus-visible[b-koi76c586m] { outline: 2px solid var(--accent, #6366f1); outline-offset: 2px; border-radius: 4px; }
/* /Components/Short/StudioWizard.razor.rz.scp.css */
.ss[b-drchmg5grn] {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 2rem);
    gap: 1rem;
    padding: 1rem 1.25rem;
    color: var(--kmp-fg, #e5e7eb);
}

/* ---- header ---- */
.ss-head[b-drchmg5grn] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}
.ss-title[b-drchmg5grn] {
    margin: 0;
    font-size: 1.55rem;
    font-weight: 700;
    letter-spacing: -.02em;
    background: linear-gradient(92deg, #a5b4fc, #6366f1);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.ss-badge[b-drchmg5grn] {
    font-size: .7rem; font-weight: 700; vertical-align: middle;
    padding: .15rem .5rem; border-radius: 999px; letter-spacing: .03em; margin-left: .4rem;
    background: rgba(99,102,241,.2); color: #a5b4fc; -webkit-text-fill-color: #a5b4fc;
}
.ss-sub[b-drchmg5grn] { margin: .25rem 0 0; color: #9ca3af; font-size: .9rem; max-width: 60ch; }
.ss-exit[b-drchmg5grn] {
    color: #9ca3af; text-decoration: none; font-size: .85rem; white-space: nowrap;
    padding: .4rem .7rem; border-radius: .5rem; border: 1px solid rgba(255,255,255,.08);
    transition: background .15s, color .15s;
}
.ss-exit:hover[b-drchmg5grn] { background: rgba(255,255,255,.05); color: #e5e7eb; }

/* ---- stepper ---- */
.ss-steps[b-drchmg5grn] {
    display: flex; gap: .5rem; margin: 0; padding: 0; list-style: none;
    flex-wrap: wrap;
}
.ss-step[b-drchmg5grn] {
    display: flex; align-items: center; gap: .5rem;
    padding: .55rem .9rem; border-radius: .7rem; cursor: pointer;
    background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.06);
    transition: background .15s, border-color .15s, transform .15s;
    flex: 1 1 auto;
}
.ss-step:hover[b-drchmg5grn] { background: rgba(255,255,255,.06); }
.ss-step.is-active[b-drchmg5grn] { border-color: #6366f1; background: rgba(99,102,241,.14); }
.ss-step.is-done[b-drchmg5grn] { border-color: rgba(52,211,153,.4); }
.ss-step.is-locked[b-drchmg5grn] { opacity: .5; cursor: not-allowed; }
.ss-step.is-locked:hover[b-drchmg5grn] { background: rgba(255,255,255,.03); }
.ss-step__num[b-drchmg5grn] {
    display: grid; place-items: center; width: 1.6rem; height: 1.6rem;
    border-radius: 50%; font-size: .8rem; font-weight: 700;
    background: rgba(255,255,255,.08); color: #cbd5e1;
}
.ss-step.is-active .ss-step__num[b-drchmg5grn] { background: #6366f1; color: #fff; }
.ss-step.is-done .ss-step__num[b-drchmg5grn] { background: #10b981; color: #062e21; }
.ss-step__label[b-drchmg5grn] { font-size: .82rem; font-weight: 600; letter-spacing: .01em; }
.ss-stephint[b-drchmg5grn] { font-size: .8rem; color: #fcd34d; margin: -.35rem 0 0; }

/* ---- body layout (dock-fill: main mevcut yüksekliği doldurur) ---- */
.ss-body[b-drchmg5grn] { display: grid; grid-template-columns: 1fr 320px; gap: 1rem; flex: 1; align-items: stretch; min-height: 0; }
.ss-main[b-drchmg5grn] {
    background: rgba(255,255,255,.02); border: 1px solid rgba(255,255,255,.06);
    border-radius: .9rem; padding: 1.25rem; min-height: 420px;
    display: flex; flex-direction: column;
}
.ss-score[b-drchmg5grn] { align-self: start; }
@media (max-width: 900px) { .ss-body[b-drchmg5grn] { grid-template-columns: 1fr; } }

/* ---- tab-stack: tüm adımlar aynı hücrede üst üste → sekme değişince zıplama YOK ---- */
.ss-tabstack[b-drchmg5grn] { display: grid; flex: 1; min-height: 0; }
.ss-tab[b-drchmg5grn] { grid-area: 1 / 1; min-width: 0; overflow: auto; }
.ss-tab-off[b-drchmg5grn] { visibility: hidden; pointer-events: none; }

/* ---- inputs ---- */
.ss-block[b-drchmg5grn] { margin-bottom: 1.1rem; }
.ss-label[b-drchmg5grn] { display: block; font-size: .82rem; font-weight: 600; color: #cbd5e1; margin-bottom: .35rem; }
.ss-hint[b-drchmg5grn] { color: #6b7280; font-weight: 400; }
.ss-hint.warn[b-drchmg5grn] { color: #f59e0b; }
.ss-input[b-drchmg5grn] {
    width: 100%; padding: .6rem .75rem; border-radius: .6rem;
    background: rgba(0,0,0,.25); border: 1px solid rgba(255,255,255,.1); color: #e5e7eb;
    font-size: .92rem; transition: border-color .15s, box-shadow .15s;
}
.ss-input:focus[b-drchmg5grn] { outline: none; border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,.25); }
.ss-area[b-drchmg5grn] { resize: vertical; font-family: inherit; }
.ss-row[b-drchmg5grn] { display: flex; gap: .6rem; align-items: center; }
.ss-cb[b-drchmg5grn] { display: inline-flex; align-items: center; gap: .35rem; font-size: .9rem; color: #cbd5e1; }
.ss-note[b-drchmg5grn] { font-size: .82rem; color: #9ca3af; margin: .5rem 0 0; }

/* ---- chips ---- */
.ss-chips[b-drchmg5grn] { display: flex; gap: .5rem; flex-wrap: wrap; }
.ss-chip[b-drchmg5grn] {
    padding: .45rem .8rem; border-radius: 999px; cursor: pointer; font-size: .82rem;
    background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.1); color: #cbd5e1;
    transition: all .15s;
}
.ss-chip:hover[b-drchmg5grn] { background: rgba(255,255,255,.08); }
.ss-chip.on[b-drchmg5grn] { background: rgba(99,102,241,.2); border-color: #6366f1; color: #e0e7ff; }

/* ---- buttons ---- */
.ss-btn[b-drchmg5grn] {
    padding: .6rem 1.1rem; border-radius: .6rem; cursor: pointer; font-size: .9rem; font-weight: 600;
    background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); color: #e5e7eb;
    transition: all .15s;
}
.ss-btn:hover:not(:disabled)[b-drchmg5grn] { background: rgba(255,255,255,.1); transform: translateY(-1px); }
.ss-btn:disabled[b-drchmg5grn] { opacity: .5; cursor: not-allowed; }
.ss-btn--primary[b-drchmg5grn] { background: #6366f1; border-color: #6366f1; color: #fff; }
.ss-btn--primary:hover:not(:disabled)[b-drchmg5grn] { background: #4f46e5; }
.ss-btn--go[b-drchmg5grn] {
    width: 100%; margin-top: 1rem; padding: .85rem; font-size: 1rem;
    background: linear-gradient(92deg, #10b981, #059669); border-color: #10b981; color: #fff;
}
.ss-btn--go:hover:not(:disabled)[b-drchmg5grn] { filter: brightness(1.08); }
.ss-err[b-drchmg5grn] { margin-top: .5rem; color: #f87171; font-size: .85rem; }

/* ---- package cards (9:16 dar / 16:9 geniş) ---- */
.ss-pkgs[b-drchmg5grn] { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: .75rem; margin-top: 1rem; }
.ss-pkgs--wide[b-drchmg5grn] { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
.ss-pkg[b-drchmg5grn] {
    display: flex; flex-direction: column; gap: .4rem; padding: .5rem; text-align: left; cursor: pointer;
    background: rgba(255,255,255,.03); border: 2px solid rgba(255,255,255,.08); border-radius: .7rem;
    color: inherit; transition: all .15s;
}
.ss-pkg:hover[b-drchmg5grn] { border-color: rgba(99,102,241,.5); transform: translateY(-2px); }
.ss-pkg.sel[b-drchmg5grn] { border-color: #6366f1; background: rgba(99,102,241,.1); }
.ss-pkg__frame[b-drchmg5grn] {
    aspect-ratio: 9 / 16; border-radius: .5rem; display: grid; place-items: center; padding: .4rem;
    background: radial-gradient(circle at 30% 20%, #312e81, #0b1020);
}
.ss-pkg__frame--wide[b-drchmg5grn] { aspect-ratio: 16 / 9; }
.ss-pkg__ff[b-drchmg5grn] { font-weight: 800; font-size: .95rem; text-align: center; color: #fff; line-height: 1.1; text-shadow: 0 2px 8px rgba(0,0,0,.6); }
.ss-pkg__frame--wide .ss-pkg__ff[b-drchmg5grn] { font-size: 1.3rem; }
.ss-pkg__title[b-drchmg5grn] { font-size: .78rem; font-weight: 600; color: #e5e7eb; }
.ss-pkg__hook[b-drchmg5grn] { font-size: .72rem; color: #9ca3af; font-style: italic; }

/* ---- edit + mock ---- */
.ss-edit[b-drchmg5grn] { margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid rgba(255,255,255,.08); }
.ss-edit__h[b-drchmg5grn] { font-size: 1rem; margin: 0 0 .75rem; color: #e5e7eb; }
.ss-edit__grid[b-drchmg5grn] { display: grid; grid-template-columns: 1fr 280px; gap: 1rem; align-items: start; }
.ss-edit__fields .ss-label[b-drchmg5grn] { margin-top: .6rem; }
.ss-edit__fields .ss-label:first-child[b-drchmg5grn] { margin-top: 0; }
@media (max-width: 700px) { .ss-edit__grid[b-drchmg5grn] { grid-template-columns: 1fr; } }

.ss-mock[b-drchmg5grn] { display: flex; flex-direction: column; gap: .4rem; }
.ss-mock__frame[b-drchmg5grn] {
    aspect-ratio: 9 / 16; border-radius: .7rem; display: flex; flex-direction: column;
    justify-content: space-between; padding: 1rem .8rem;
    background: radial-gradient(circle at 30% 15%, #312e81, #0b1020);
    box-shadow: 0 8px 28px rgba(0,0,0,.4);
}
.ss-mock__frame--wide[b-drchmg5grn] { aspect-ratio: 16 / 9; justify-content: center; align-items: flex-start; }
.ss-mock--lg .ss-mock__frame[b-drchmg5grn] { max-width: 230px; }
.ss-mock__ff[b-drchmg5grn] { font-weight: 800; font-size: 1.15rem; color: #fff; line-height: 1.15; text-shadow: 0 2px 10px rgba(0,0,0,.7); }
.ss-mock__frame--wide .ss-mock__ff[b-drchmg5grn] { font-size: 1.6rem; }
.ss-mock__title[b-drchmg5grn] { font-size: .8rem; color: #cbd5e1; font-weight: 600; }
.ss-mock__cap[b-drchmg5grn] { font-size: .72rem; color: #6b7280; text-align: center; }

/* ---- plan / retention ---- */
.ss-plan[b-drchmg5grn] { margin-top: 1rem; display: flex; flex-direction: column; gap: .4rem; }
.ss-plan__row[b-drchmg5grn] { display: flex; justify-content: space-between; gap: 1rem; padding: .5rem .7rem; background: rgba(255,255,255,.03); border-radius: .5rem; font-size: .85rem; }
.ss-plan__row span[b-drchmg5grn] { color: #9ca3af; }
.ss-plan__row strong[b-drchmg5grn] { color: #e5e7eb; text-align: right; }
.ss-reten[b-drchmg5grn] { margin-top: 1.25rem; }
.ss-seg[b-drchmg5grn] { display: flex; gap: .7rem; padding: .55rem .7rem; margin-bottom: .4rem; background: rgba(255,255,255,.03); border-left: 3px solid #6366f1; border-radius: .4rem; }
.ss-seg__role[b-drchmg5grn] { flex: 0 0 130px; font-size: .72rem; font-weight: 700; color: #a5b4fc; letter-spacing: .03em; }
.ss-seg__txt[b-drchmg5grn] { font-size: .85rem; color: #d1d5db; }

/* ---- summary ---- */
.ss-sum[b-drchmg5grn] { display: grid; grid-template-columns: 320px 1fr; gap: 1.25rem; align-items: start; }
@media (max-width: 700px) { .ss-sum[b-drchmg5grn] { grid-template-columns: 1fr; } }
.ss-sum__meta[b-drchmg5grn] { display: flex; flex-direction: column; gap: .5rem; }
.ss-sum__row[b-drchmg5grn] { display: flex; justify-content: space-between; gap: 1rem; padding: .55rem .7rem; background: rgba(255,255,255,.03); border-radius: .5rem; font-size: .87rem; }
.ss-sum__row span[b-drchmg5grn] { color: #9ca3af; }
.ss-sum__row strong[b-drchmg5grn] { color: #e5e7eb; text-align: right; }
.ss-warn[b-drchmg5grn] { margin-top: 1rem; padding: .8rem 1rem; background: rgba(245,158,11,.1); border: 1px solid rgba(245,158,11,.3); border-radius: .6rem; font-size: .85rem; color: #fcd34d; }
.ss-warn ul[b-drchmg5grn] { margin: .5rem 0 0; padding-left: 1.2rem; }
.ss-status[b-drchmg5grn] { margin-top: .75rem; padding: .7rem .9rem; border-radius: .6rem; font-size: .88rem; }
.ss-status.ok[b-drchmg5grn] { background: rgba(16,185,129,.12); border: 1px solid rgba(16,185,129,.35); color: #6ee7b7; }
.ss-status.err[b-drchmg5grn] { background: rgba(248,113,113,.12); border: 1px solid rgba(248,113,113,.35); color: #fca5a5; }

/* ---- score rail ---- */
.ss-score[b-drchmg5grn] {
    position: sticky; top: 1rem;
    background: rgba(255,255,255,.02); border: 1px solid rgba(255,255,255,.06);
    border-radius: .9rem; padding: 1.1rem;
}
.ss-gauge[b-drchmg5grn] { display: flex; flex-direction: column; align-items: center; gap: .5rem; }
.ss-gauge__ring[b-drchmg5grn] {
    width: 130px; height: 130px; border-radius: 50%;
    background:
        radial-gradient(closest-side, var(--kmp-card, #131826) 79%, transparent 80% 100%),
        conic-gradient(#6366f1 calc(var(--val) * 1%), rgba(255,255,255,.08) 0);
    display: grid; place-items: center;
    transition: background .4s ease;
}
.ss-gauge__inner[b-drchmg5grn] { display: flex; flex-direction: column; align-items: center; }
.ss-gauge__num[b-drchmg5grn] { font-size: 2.2rem; font-weight: 800; color: #e5e7eb; line-height: 1; }
.ss-gauge__lbl[b-drchmg5grn] { font-size: .72rem; color: #9ca3af; text-transform: uppercase; letter-spacing: .05em; }
.ss-gauge__verdict[b-drchmg5grn] { font-size: .82rem; font-weight: 700; padding: .3rem .8rem; border-radius: 999px; }
.ss-gauge__verdict.v-hi[b-drchmg5grn] { background: rgba(16,185,129,.15); color: #6ee7b7; }
.ss-gauge__verdict.v-mid[b-drchmg5grn] { background: rgba(99,102,241,.15); color: #a5b4fc; }
.ss-gauge__verdict.v-lo[b-drchmg5grn] { background: rgba(245,158,11,.15); color: #fcd34d; }
.ss-gauge__verdict.v-none[b-drchmg5grn] { background: rgba(255,255,255,.06); color: #9ca3af; }

.ss-check[b-drchmg5grn] { list-style: none; margin: 1rem 0 0; padding: 0; display: flex; flex-direction: column; gap: .35rem; }
.ss-check__item[b-drchmg5grn] { display: flex; align-items: center; flex-wrap: wrap; gap: .35rem .5rem; padding: .4rem .55rem;
    border-radius: .5rem; font-size: .82rem; cursor: pointer; transition: background .15s var(--kmp-ease, ease); }
.ss-check__item.ok[b-drchmg5grn] { background: rgba(16,185,129,.08); }
.ss-check__item.no[b-drchmg5grn] { background: rgba(255,255,255,.03); }
.ss-check__item:hover[b-drchmg5grn] { background: rgba(99,102,241,.12); }
.ss-check__item:focus-visible[b-drchmg5grn] { outline: 2px solid var(--kmp-focus-ring, #6366f1); outline-offset: 1px; }
.ss-check__mark[b-drchmg5grn] { font-weight: 800; }
.ss-check__item.ok .ss-check__mark[b-drchmg5grn] { color: #34d399; }
.ss-check__item.no .ss-check__mark[b-drchmg5grn] { color: #6b7280; }
.ss-check__label[b-drchmg5grn] { flex: 1; color: #cbd5e1; }
.ss-check__item.no .ss-check__label[b-drchmg5grn] { color: #9ca3af; }
/* Ölçülen anlık durum — her maddede daima görünür (skor şeffaflığı) */
.ss-check__detail[b-drchmg5grn] { font-size: .72rem; color: #94a3b8; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ss-check__w[b-drchmg5grn] { font-size: .72rem; color: #6b7280; font-variant-numeric: tabular-nums; }
/* Geçmeyen maddenin ipucu — kart altında tam satır (tümü görünür, yalnız ilki değil) */
.ss-check__tip[b-drchmg5grn] { flex-basis: 100%; margin-top: .15rem; padding: .35rem .5rem; background: rgba(99,102,241,.08);
    border-radius: .4rem; font-size: .74rem; line-height: 1.35; color: #c7d2fe; }

@media (prefers-reduced-motion: reduce) {
    .ss-step[b-drchmg5grn], .ss-btn[b-drchmg5grn], .ss-chip[b-drchmg5grn], .ss-pkg[b-drchmg5grn], .ss-input[b-drchmg5grn], .ss-gauge__ring[b-drchmg5grn] { transition: none; }
}

/* Üretim kapıları — fact-check listesi (Task 11) */
.ss-fact[b-drchmg5grn] { margin-top: .75rem; font-size: .85rem; }
.ss-fact ul[b-drchmg5grn] { margin: .25rem 0 0; padding-left: 1.1rem; }
.ss-fact--ok[b-drchmg5grn] { color: var(--bs-success); }
.ss-fact--bad[b-drchmg5grn] { color: var(--bs-danger); font-weight: 600; }
.ss-warn--block[b-drchmg5grn] { border-left: 3px solid var(--bs-danger); }

/* Skoru 100'e tamamla + kota rozeti + sert-kapı bildirimi */
.ss-btn--complete[b-drchmg5grn] { width: 100%; margin-top: .6rem; background: #6366f1; border-color: #6366f1; color: #fff; }
.ss-btn--complete:hover:not(:disabled)[b-drchmg5grn] { background: #4f46e5; }
.ss-btn--complete:disabled[b-drchmg5grn] { opacity: .6; cursor: progress; }
.ss-check__err[b-drchmg5grn] { margin-top: .4rem; font-size: .78rem; color: var(--bs-danger); }
.ss-gateblock[b-drchmg5grn] { margin: .5rem 0; padding: .5rem .75rem; border-radius: .5rem;
    background: rgba(220,53,69,.10); color: var(--bs-danger); font-size: .82rem; border-left: 3px solid var(--bs-danger); }
.ss-quota[b-drchmg5grn] { margin-top: .75rem; padding: .55rem .7rem; border-radius: .5rem;
    background: rgba(99,102,241,.08); display: flex; flex-direction: column; gap: .1rem; }
.ss-quota__lbl[b-drchmg5grn] { font-size: .68rem; text-transform: uppercase; letter-spacing: .03em; opacity: .7; }
.ss-quota__val[b-drchmg5grn] { font-weight: 600; }
.ss-quota__sub[b-drchmg5grn] { font-size: .72rem; opacity: .65; font-variant-numeric: tabular-nums; }

/* Tamamlama modalı içeriği */
.ss-cmpl__head[b-drchmg5grn] { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; margin-bottom: .75rem; }
.ss-cmpl__badge[b-drchmg5grn] { padding: .25rem .6rem; border-radius: 999px; background: rgba(99,102,241,.12); font-size: .85rem; }
.ss-cmpl__note[b-drchmg5grn] { font-size: .8rem; opacity: .85; }
.ss-cmpl__tbl[b-drchmg5grn] { width: 100%; border-collapse: collapse; font-size: .82rem; }
.ss-cmpl__tbl th[b-drchmg5grn], .ss-cmpl__tbl td[b-drchmg5grn] { text-align: left; padding: .35rem .5rem; border-bottom: 1px solid var(--bs-border-color, #dee2e6); vertical-align: top; }
.ss-cmpl__k[b-drchmg5grn] { font-weight: 600; white-space: nowrap; }
.ss-cmpl__cur[b-drchmg5grn] { opacity: .6; }
.ss-cmpl__new[b-drchmg5grn] { color: #6366f1; }
.ss-cmpl__manual[b-drchmg5grn] { margin-top: .75rem; font-size: .82rem; }
.ss-cmpl__manual-h[b-drchmg5grn] { font-weight: 600; margin-bottom: .25rem; }
.ss-cmpl__manual ul[b-drchmg5grn] { margin: .25rem 0 0; padding-left: 1.1rem; }
/* /Components/StatusBar.razor.rz.scp.css */
/* StatusBar — top bar: brand + metric row + notif */
.statusbar[b-dkast431cg] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .75rem;
    margin-bottom: 1.25rem;
}

/* Brand */
.statusbar-brand[b-dkast431cg] {
    display: flex;
    flex-direction: column;
    gap: .05rem;
    margin-right: .25rem;
}

.statusbar-title[b-dkast431cg] {
    margin: 0;
    color: #e2e8f0;
    line-height: 1.1;
}

.statusbar-sub[b-dkast431cg] {
    font-size: .72rem;
    color: #64748b;
    white-space: nowrap;
}

/* Metric row */
.metric-row[b-dkast431cg] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
    flex: 1;
}

/* Automation badge */
.auto-badge[b-dkast431cg] {
    border-radius: 6px;
    padding: .2rem .55rem;
    font-size: .72rem;
    font-weight: 600;
    white-space: nowrap;
}

.auto-badge-on[b-dkast431cg] {
    background: #142a1e;
    color: #4ade80;
    border: 1px solid #166534;
}

.auto-badge-off[b-dkast431cg] {
    background: #1e293b;
    color: #64748b;
    border: 1px solid #2a3344;
}

.ai-live-card[b-dkast431cg] {
    min-width: 190px;
    border: 1px solid #2a3344;
}

.ai-live-on[b-dkast431cg] {
    border-color: rgba(99, 102, 241, .55);
    box-shadow: 0 0 0 1px rgba(99, 102, 241, .18);
}

.ai-live-main[b-dkast431cg] {
    display: flex;
    align-items: center;
    gap: .45rem;
    color: #e2e8f0;
    font-size: .86rem;
    font-weight: 700;
    line-height: 1.2;
}

.ai-live-idle .ai-live-main[b-dkast431cg] {
    color: #64748b;
}

.ai-live-detail[b-dkast431cg] {
    margin-top: .14rem;
    color: #94a3b8;
    font-size: .72rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Notif bar (reuse existing classes from Queue styles; these reinforce them for scoped use) */
.notif-bar[b-dkast431cg] {
    display: flex;
    align-items: center;
    gap: .6rem;
    flex-wrap: wrap;
    margin-left: auto;
}

/* Tablet/mobile */
@media (max-width: 800px) {
    .statusbar[b-dkast431cg] {
        flex-direction: column;
        align-items: flex-start;
    }

    .notif-bar[b-dkast431cg] {
        margin-left: 0;
        flex-wrap: wrap;
    }

    .metric-row[b-dkast431cg] {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .statusbar-title[b-dkast431cg] {
        font-size: 1.4rem;
    }
}
/* /Components/Widgets/ClockWidget.razor.rz.scp.css */
/* Saat kendi hücresine ölçeklenir — container-query ile (viewport'a göre değil).
   Kök neden düzeltmesi: eskiden clamp(...8vw...) → küçük hücrede bile "dev" görünüyordu. */
.pw-clock[b-434awpd81l] {
    container-type: size;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    height: 100%; color: #e8eefc; font-variant-numeric: tabular-nums; overflow: hidden;
}
.pw-clock-label[b-434awpd81l] { font-size: clamp(.7rem, 11cqh, 1.1rem); opacity: .7; letter-spacing: .04em; text-transform: uppercase; }
.pw-clock-time[b-434awpd81l] { font-size: clamp(1.4rem, 40cqh, 6rem); font-weight: 700; line-height: 1.05; }
.pw-clock-date[b-434awpd81l] { font-size: clamp(.7rem, 11cqh, 1.1rem); opacity: .8; margin-top: .25rem; }
/* /Components/Widgets/FlightBoardWidget.razor.rz.scp.css */
/* container-type: size → satırlar hücre yüksekliğine göre ölçeklenir (viewport'a değil),
   böylece uçuş bilgisi büyük ekranda okunaklı-baskın, küçük hücrede taşmadan sığar. */
.fb[b-kgkrguiuem] { container-type: size; display: flex; flex-direction: column; height: 100%; background: #0b1220; color: #e8eef7;
      border-radius: 12px; overflow: hidden; font-variant-numeric: tabular-nums; }
.fb-head[b-kgkrguiuem] { display: flex; justify-content: space-between; align-items: baseline; gap: .5rem;
           padding: .5rem 1rem; background: #111a2e; border-bottom: 1px solid #223; flex: 0 0 auto; }
.fb-title[b-kgkrguiuem] { font-weight: 700; letter-spacing: .03em; font-size: clamp(.9rem, 5cqh, 1.2rem); text-transform: uppercase; }
.fb-asof[b-kgkrguiuem] { font-size: .78rem; opacity: .7; white-space: nowrap; }
.fb-asof.stale[b-kgkrguiuem] { color: #f6c453; }
.fb-rows[b-kgkrguiuem] { flex: 1; overflow-y: auto; }
/* Ayrı-pano satırı: SAAT | ŞEHİR (esner) | UÇUŞ NO (tam genişlik) | DURUM.
   Havayolu adı kolonu KALDIRILDI — uçuş kodu zaten havayolunu kodluyor (TK/PC/LO) ve feed'de
   varış uçuşlarında havayolu boş geliyordu → hem ölü boşluk hem "Turkish ..." kırpılması üretiyordu.
   Uçuş no artık 5.5rem (6 haneli "TK2134"/"DP0977" kırpılmadan sığar). */
.fb-row[b-kgkrguiuem] { display: grid; grid-template-columns: 6rem 1fr 6rem 6.5rem;
          gap: .6rem; padding: clamp(.35rem, 1.8cqh, .7rem) 1rem; border-bottom: 1px solid #17223a; align-items: center;
          font-size: clamp(.9rem, 4cqh, 1.35rem); }
.fb-row:nth-child(even)[b-kgkrguiuem] { background: rgba(255,255,255,.02); }
/* Saat hücresi: planlanan (beyaz) üstte, revize (sarı) ALTINDA — FIDS düzeni. Eskiden yan yanaydı ve
   revize saat sabit-genişlik sütundan taşıp şehir adının üstüne biniyordu ("02:2ERCAN"). Dikey istif
   + nowrap her satırda saatı da şehri de garanti okunur kılar. */
.fb-time[b-kgkrguiuem] { font-weight: 700; display: inline-flex; flex-direction: column; align-items: flex-start;
           line-height: 1.08; white-space: nowrap; min-width: 0; }
.fb-time .est[b-kgkrguiuem] { font-size: .74em; color: #f6c453; margin-left: 0; }
.fb-city[b-kgkrguiuem] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
           font-weight: 600; font-size: 1.08em; letter-spacing: .01em; }
.fb-flight[b-kgkrguiuem] { opacity: .82; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fb-badge[b-kgkrguiuem] { font-size: .62em; padding: .05rem .35rem; border-radius: 4px; background: #223;
            margin-left: .4rem; opacity: .85; vertical-align: middle; }
.fb-badge.dom[b-kgkrguiuem] { background: #1d3a2e; }
.fb-status[b-kgkrguiuem] { justify-self: end; font-size: .78em; padding: .12rem .55rem; border-radius: 999px;
             background: #223; white-space: nowrap; }
.fb-status.landed[b-kgkrguiuem], .fb-status.departed[b-kgkrguiuem] { background: #14532d; color: #bbf7d0; }
.fb-status.delayed[b-kgkrguiuem] { background: #78350f; color: #fde68a; }
.fb-status.cancelled[b-kgkrguiuem] { background: #7f1d1d; color: #fecaca; }
.fb-status.boarding[b-kgkrguiuem] { background: #1e3a8a; color: #bfdbfe; }
.fb-empty[b-kgkrguiuem] { padding: 2rem; text-align: center; opacity: .6; }

/* Ayrı + yan yana: eşit sütunlu dock-fill grid */
.fb-grid[b-kgkrguiuem] { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
           gap: .5rem; height: 100%; }
.fb-cell[b-kgkrguiuem] { min-height: 0; overflow: hidden; display: flex; }
.fb-cell > .fb[b-kgkrguiuem] { flex: 1; }

/* Birleşik: satır başına havalimanı kodu rozeti + 5 sütunlu düzen (uçuş kolonu yerine kaynak) */
.fb-src[b-kgkrguiuem] { font-size: .72rem; font-weight: 600; padding: .05rem .4rem; border-radius: 4px;
          background: #1e3a5f; color: #bfdbfe; align-self: center; justify-self: start; }
.fb-row.multi[b-kgkrguiuem] { grid-template-columns: 3.4rem 6rem 1fr 6rem 6.5rem; }
/* Tek havalimanı: kaynak rozeti gereksiz → 4 sütun (saat/şehir/uçuş/durum).
   Uçuş no 6rem: 6 haneli kod geniş harflerle bile ("MU0703"/"CA0859") kırpılmadan sığar (canlı demo bu modda). */
.fb-row.multi.solo[b-kgkrguiuem] { grid-template-columns: 6rem 1fr 6rem 6.5rem; }

/* Dar konteyner (portre tabela / telefon / çok-panelli sahne): sabit rem sütunlar toplamı
   konteyner genişliğini aşınca `1fr` ŞEHİR sütunu 0px'e çöküyor ve satır taşıp kırpılıyordu
   ("okunmuyor": saat/şehir görünmez, uçuş kodu kırpık). Kompakt modda: havayolu kolonu gizlenir,
   kalan sabit kolonlar daralır → şehre her zaman gerçek genişlik kalır. `container-type:size`
   zaten .fb üzerinde tanımlı olduğundan sorgu doğrudan pano genişliğini ölçer (viewport'u değil). */
@container (max-width: 380px) {
    .fb-title[b-kgkrguiuem] { font-size: clamp(.72rem, 5cqh, .95rem); }
    .fb-asof[b-kgkrguiuem]  { font-size: .68rem; }
    .fb-row[b-kgkrguiuem]   { gap: .4rem; padding-left: .6rem; padding-right: .6rem;
                font-size: clamp(.78rem, 4cqh, 1.02rem);
                grid-template-columns: 3.2rem minmax(0, 1fr) 3.6rem 4.4rem; } /* saat şehir uçuş durum */
    .fb-row.multi[b-kgkrguiuem]              { grid-template-columns: 2.1rem 3.4rem minmax(0, 1fr) 2.9rem 4.4rem; } /* kaynak saat şehir uçuş durum */
    .fb-row.multi.solo[b-kgkrguiuem]         { grid-template-columns: 3.4rem minmax(0, 1fr) 3rem 4.6rem; }          /* saat şehir uçuş durum */
    .fb-badge[b-kgkrguiuem] { display: none; }                                             /* İç/Dış rozeti dar modda gizli */
    .fb-status[b-kgkrguiuem] { font-size: .74em; padding: .1rem .45rem; }
}
/* /Components/Widgets/ImageWidget.razor.rz.scp.css */
.pw-img[b-zte0v5fk46] { height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.pw-img-el[b-zte0v5fk46] { max-width: 100%; max-height: 100%; }
.pw-img-empty[b-zte0v5fk46] { opacity: .35; font-size: 3rem; color: #e8eefc; }
/* /Components/Widgets/KpiWidget.razor.rz.scp.css */
.pw-kpi[b-ntecw498yf] { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;
    color: #e8eefc; text-align: center; gap: .35rem; }
.pw-kpi-title[b-ntecw498yf] { font-size: 1.1rem; opacity: .7; text-transform: uppercase; letter-spacing: .04em; }
.pw-kpi-value[b-ntecw498yf] { font-size: clamp(2.5rem, 7vw, 5rem); font-weight: 800; font-variant-numeric: tabular-nums; }
.pw-kpi-suffix[b-ntecw498yf] { font-size: .5em; opacity: .7; margin-left: .15em; }
.pw-kpi-sub[b-ntecw498yf] { font-size: 1rem; opacity: .75; }
/* /Components/Widgets/MessageWidget.razor.rz.scp.css */
.pw-msg[b-m6hn28mrm3] { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;
    text-align: center; color: #e8eefc; padding: 1.5rem; gap: .75rem; }
.pw-msg-title[b-m6hn28mrm3] { font-size: clamp(1.5rem, 4vw, 3rem); font-weight: 700; }
.pw-msg-body[b-m6hn28mrm3] { font-size: clamp(1.1rem, 2.5vw, 1.8rem); opacity: .85; line-height: 1.4; }
/* /Components/Widgets/NewsWidget.razor.rz.scp.css */
.pw-news[b-9by2716zso] { height: 100%; color: #e8eefc; display: flex; flex-direction: column; padding: 1rem; overflow: hidden; }
.pw-news-title[b-9by2716zso] { font-size: 1.1rem; opacity: .7; text-transform: uppercase; letter-spacing: .04em; margin-bottom: .75rem; }
.pw-news-list[b-9by2716zso] { display: flex; flex-direction: column; gap: .55rem; overflow: hidden; }
.pw-news-item[b-9by2716zso] { display: flex; align-items: center; gap: .5rem; font-size: 1.05rem; line-height: 1.3; }
.pw-news-dot[b-9by2716zso] { width: .5rem; height: .5rem; border-radius: 50%; background: var(--pv-primary, #4f46e5); flex: 0 0 auto; }
.pw-news-empty[b-9by2716zso] { opacity: .6; }

/* ── Akan şerit (marquee) — kiosk alt haber bandı (havalimanı + otel/restoran/avm) ─────────
   Track içerik iki kez basılır; -%50 kaydırma kesintisiz döngü verir. GPU'da transform, timer YOK. */
.pw-news.pw-ticker[b-9by2716zso] {
    flex-direction: row; align-items: center; padding: 0 1.25rem; overflow: hidden;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
            mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
}
.pw-ticker .pw-news-track[b-9by2716zso] {
    display: flex; align-items: center; gap: 2.75rem; white-space: nowrap; flex: 0 0 auto;
    will-change: transform; animation: pw-marquee-b-9by2716zso var(--pw-marquee-dur, 45s) linear infinite;
}
.pw-ticker .pw-news-item[b-9by2716zso] { font-size: clamp(.95rem, 2.6vh, 1.25rem); white-space: nowrap; }
.pw-ticker:hover .pw-news-track[b-9by2716zso] { animation-play-state: paused; }
@keyframes pw-marquee-b-9by2716zso {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
    .pw-ticker .pw-news-track[b-9by2716zso] { animation: none; }
}
/* /Components/Widgets/WeatherWidget.razor.rz.scp.css */
.pw-weather[b-h6fyuy9na8] { height: 100%; color: #e8eefc; display: flex; flex-direction: column; padding: 1rem; }
.pw-weather-title[b-h6fyuy9na8] { font-size: 1.1rem; opacity: .7; text-transform: uppercase; letter-spacing: .04em; margin-bottom: .75rem; }
.pw-weather-grid[b-h6fyuy9na8] { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: .75rem; overflow: hidden; }
.pw-weather-cell[b-h6fyuy9na8] { display: flex; flex-direction: column; align-items: center; background: rgba(255,255,255,.05); border-radius: .625rem; padding: .6rem; }
.pw-w-city[b-h6fyuy9na8] { font-size: .95rem; opacity: .85; }
.pw-w-temp[b-h6fyuy9na8] { font-size: 1.8rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.pw-w-cond[b-h6fyuy9na8] { font-size: .8rem; opacity: .7; text-align: center; }
.pw-weather-empty[b-h6fyuy9na8] { opacity: .6; }