/* /Desktop/Apps/AccountApp.razor.rz.scp.css */
.account[b-4v0ys823ws] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 18px 20px;
    color: var(--d-text);
    height: 100%;
    overflow: hidden;
    position: relative;
}

/* Hesap penceresi içinde modal (link indirme açıklaması) */
.acct-modal-backdrop[b-4v0ys823ws] {
    position: absolute;
    inset: 0;
    z-index: 30;
    background: rgba(0, 0, 0, .5);
    display: grid;
    place-items: center;
    padding: 18px;
}

.acct-modal[b-4v0ys823ws] {
    width: 100%;
    max-width: 360px;
    background: var(--d-solid);
    border: 1px solid var(--d-border);
    border-radius: 12px;
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    box-shadow: 0 16px 48px rgba(0, 0, 0, .55);
}

.modal-title[b-4v0ys823ws] {
    margin: 0;
    font-size: 15px;
    color: var(--d-text);
}

.modal-actions[b-4v0ys823ws] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.modal-actions > button[b-4v0ys823ws] {
    width: 100%;
    text-align: center;
    align-self: stretch;
}

/* Bir sekmenin gövdesi: pencereye sığar, kaydırmaz. (Kayıt formu .scroll ile kendi içinde kayar.) */
.acct-pane[b-4v0ys823ws] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    flex: 1;
    min-height: 0;
}

.acct-pane.scroll[b-4v0ys823ws] {
    overflow: auto;
    gap: 10px;
}

.acct-backrow[b-4v0ys823ws] {
    margin-bottom: -4px;
}

.acct-tabs[b-4v0ys823ws] {
    display: flex;
    gap: 6px;
    border-bottom: 1px solid var(--d-border);
    margin-bottom: 4px;
    flex: none;
}

.tab[b-4v0ys823ws] {
    background: none;
    border: none;
    color: var(--d-muted);
    padding: 8px 14px;
    cursor: pointer;
    font-size: 14px;
    border-bottom: 2px solid transparent;
}

.tab.on[b-4v0ys823ws] {
    color: var(--d-text);
    border-bottom-color: var(--d-accent);
    font-weight: 600;
}

.account input[b-4v0ys823ws],
.account select[b-4v0ys823ws] {
    background: var(--d-solid);
    border: 1px solid var(--d-border);
    border-radius: 8px;
    color: var(--d-text);
    padding: 10px 12px;
    font-size: 14px;
    outline: none;
    width: 100%;
}

.account input:focus[b-4v0ys823ws],
.account select:focus[b-4v0ys823ws] {
    border-color: var(--d-accent);
}

.account input:disabled[b-4v0ys823ws] {
    opacity: .7;
    cursor: not-allowed;
}

/* ── spacious profile ── */
.prof[b-4v0ys823ws] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.prof-avatar-row[b-4v0ys823ws] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.prof-avatar[b-4v0ys823ws] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    object-fit: cover;
    background: var(--d-accent);
    flex: none;
}

.prof-avatar.initial[b-4v0ys823ws] {
    display: grid;
    place-items: center;
    color: var(--d-ink);
    font-size: 30px;
    font-weight: 700;
}

.prof-avatar.initial.admin[b-4v0ys823ws] {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--d-accent) 35%, transparent);
}

.prof-avatar-actions[b-4v0ys823ws] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.prof-name[b-4v0ys823ws] {
    font-size: 16px;
    font-weight: 600;
}

.prof-photo-btns[b-4v0ys823ws] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 4px;
}

.prof-field[b-4v0ys823ws] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    flex: 1;
}

.prof-row[b-4v0ys823ws] {
    display: flex;
    gap: 14px;
}

.prof-hint[b-4v0ys823ws] {
    font-size: 11px;
    color: var(--d-muted);
}

.prof-btnrow[b-4v0ys823ws] {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* Tüm profil sekmelerinde sabit duran, yalnız değişiklik varsa görünen kaydet barı */
.prof-save-bar[b-4v0ys823ws] {
    display: flex;
    align-items: center;
    gap: 14px;
    flex: none;
    padding-top: 12px;
    margin-top: 2px;
    border-top: 1px solid var(--d-border);
}

.prof-save-hint[b-4v0ys823ws] {
    margin-left: auto;
    font-size: 12px;
    color: var(--d-muted);
}

.acct-soft[b-4v0ys823ws] {
    background: var(--d-solid);
    color: var(--d-text);
    border: 1px solid var(--d-border);
    border-radius: 8px;
    padding: 9px 14px;
    font-size: 13.5px;
    cursor: pointer;
    align-self: flex-start;
}

.acct-soft:hover[b-4v0ys823ws] { border-color: var(--d-accent); }

.acct-link.danger[b-4v0ys823ws] { color: #f85149; }

.acct-primary[b-4v0ys823ws] {
    background: var(--d-accent);
    color: var(--d-ink);
    border: none;
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.acct-primary:disabled[b-4v0ys823ws] {
    opacity: .55;
    cursor: default;
}

.acct-link[b-4v0ys823ws] {
    background: none;
    border: none;
    color: var(--d-muted);
    cursor: pointer;
    text-decoration: underline;
    align-self: flex-start;
    padding: 4px 0;
    font-size: 13px;
}

.acct-head[b-4v0ys823ws] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 4px;
}

.acct-avatar[b-4v0ys823ws] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--d-accent);
    color: var(--d-ink);
    display: grid;
    place-items: center;
    font-size: 20px;
    font-weight: 700;
}

.acct-avatar.admin[b-4v0ys823ws] {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--d-accent) 35%, transparent);
}

.acct-email[b-4v0ys823ws] {
    font-size: 15px;
    font-weight: 600;
}

.acct-role[b-4v0ys823ws] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--d-muted);
    font-size: 12px;
    margin-top: 2px;
}

.badge[b-4v0ys823ws] {
    background: var(--d-title);
    border: 1px solid var(--d-border);
    border-radius: 999px;
    padding: 2px 9px;
    font-size: 11px;
    color: var(--d-text);
}

.badge.admin[b-4v0ys823ws] {
    background: var(--d-accent);
    color: var(--d-ink);
    border-color: transparent;
    font-weight: 700;
}

.account h4[b-4v0ys823ws] {
    margin: 8px 0 0;
    font-size: 13px;
    color: var(--d-muted);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.acct-label[b-4v0ys823ws] {
    font-size: 12px;
    color: var(--d-muted);
    margin: 2px 0 -4px;
}

.acct-hint[b-4v0ys823ws],
.acct-seed[b-4v0ys823ws],
.acct-sub[b-4v0ys823ws] {
    font-size: 12px;
    color: var(--d-muted);
    margin: 0;
}

.acct-check[b-4v0ys823ws] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--d-text);
    cursor: pointer;
    user-select: none;
}

.acct-check input[b-4v0ys823ws] {
    width: 16px;
    height: 16px;
    padding: 0;
    accent-color: var(--d-accent);
    cursor: pointer;
}

.acct-divider[b-4v0ys823ws] {
    height: 1px;
    background: var(--d-border);
    margin: 10px 0 2px;
}

.acct-activate[b-4v0ys823ws] {
    border: 1px dashed var(--d-border);
    border-radius: 10px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 13px;
}

/* ⚠️ DEV-ONLY (geçici): seed test hesaplarına parolasız hızlı giriş paneli — yalnız localhost'ta görünür */
.acct-devlogin[b-4v0ys823ws] {
    border: 1px dashed color-mix(in srgb, #d8a657 60%, var(--d-border));
    background: color-mix(in srgb, #d8a657 8%, transparent);
    border-radius: 10px; padding: 10px 12px;
    display: flex; flex-direction: column; gap: 8px; margin-top: 4px;
}
.acct-devlogin-title[b-4v0ys823ws] { font-size: 11.5px; font-weight: 700; color: #d8a657; letter-spacing: .02em; }
.acct-devlogin-row[b-4v0ys823ws] { display: flex; gap: 8px; align-items: center; }
.acct-devlogin-row select[b-4v0ys823ws] {
    flex: 1; background: var(--d-solid); border: 1px solid var(--d-border); color: var(--d-text);
    border-radius: 7px; padding: 7px 9px; font-size: 13px;
}
.acct-ghost[b-4v0ys823ws] {
    background: transparent; border: 1px solid var(--d-border); color: var(--d-text);
    border-radius: 8px; padding: 7px 14px; font-size: 13px; cursor: pointer; white-space: nowrap;
}
.acct-ghost:hover[b-4v0ys823ws] { border-color: var(--d-accent); }
.acct-ghost:disabled[b-4v0ys823ws] { opacity: .55; cursor: default; }

/* Şifremi unuttum: link-buton + sıfırlama paneli */
.acct-link[b-4v0ys823ws] {
    align-self: flex-start; background: none; border: none; color: var(--d-accent);
    font-size: 12.5px; cursor: pointer; padding: 0; text-decoration: underline; text-underline-offset: 2px;
}
.acct-link:hover[b-4v0ys823ws] { color: var(--d-text); }
.acct-forgot[b-4v0ys823ws] {
    border: 1px solid var(--d-border); border-radius: 10px; padding: 12px;
    display: flex; flex-direction: column; gap: 8px; background: var(--d-title);
}
.acct-forgot-title[b-4v0ys823ws] { font-size: 13px; font-weight: 700; color: var(--d-text); }
.acct-forgot-hint[b-4v0ys823ws] { font-size: 12px; color: var(--d-muted); margin: 0; line-height: 1.45; }
.acct-forgot-row[b-4v0ys823ws] { display: flex; gap: 8px; align-items: center; }

code[b-4v0ys823ws], .token[b-4v0ys823ws] {
    font-family: ui-monospace, "Cascadia Code", Consolas, monospace;
    background: var(--d-title);
    padding: 1px 6px;
    border-radius: 6px;
}

.token[b-4v0ys823ws] {
    word-break: break-all;
    padding: 8px;
}

.acct-msg[b-4v0ys823ws] {
    border-radius: 8px;
    padding: 9px 12px;
    font-size: 13px;
}

.acct-msg.ok[b-4v0ys823ws] {
    background: color-mix(in srgb, #3fb950 18%, transparent);
    border: 1px solid color-mix(in srgb, #3fb950 50%, transparent);
}

.acct-msg.err[b-4v0ys823ws] {
    background: color-mix(in srgb, #f85149 16%, transparent);
    border: 1px solid color-mix(in srgb, #f85149 50%, transparent);
}

/* ── Image tab: pick · scale · square-crop ── */
.img-tab[b-4v0ys823ws] {
    align-items: stretch;
    gap: 14px;
}

/* Büyük "resim seç" alanı */
.img-drop[b-4v0ys823ws] {
    align-self: center;
    width: 300px;
    height: 300px;
    border: 2px dashed var(--d-border);
    border-radius: 14px;
    background: var(--d-solid);
    color: var(--d-muted);
    display: grid;
    place-items: center;
    align-content: center;
    gap: 8px;
    cursor: pointer;
    text-align: center;
    transition: border-color .12s, color .12s;
}

.img-drop:hover[b-4v0ys823ws] {
    border-color: var(--d-accent);
    color: var(--d-text);
}

.img-drop .big[b-4v0ys823ws] { font-size: 44px; }
.img-drop .img-hint[b-4v0ys823ws] { max-width: 220px; }

.img-hint[b-4v0ys823ws] {
    text-align: center;
    font-size: 12px;
    color: var(--d-muted);
    margin: 0;
}

/* Kaydedilmiş fotoğrafın büyük önizlemesi */
.img-preview[b-4v0ys823ws] {
    align-self: center;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    object-fit: cover;
    background: var(--d-accent);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .32);
}

.img-actions[b-4v0ys823ws] {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

/* Kare kırpma çerçevesi */
.crop-frame[b-4v0ys823ws] {
    position: relative;
    align-self: center;
    border-radius: 14px;
    overflow: hidden;
    background: #000;
    touch-action: none;
    cursor: grab;
    user-select: none;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .4);
}

.crop-frame:active[b-4v0ys823ws] { cursor: grabbing; }

.crop-img[b-4v0ys823ws] {
    position: absolute;
    left: 0;
    top: 0;
    max-width: none;
    will-change: transform;
    pointer-events: none;
    -webkit-user-drag: none;
}

/* Dairesel kılavuz: dışını karart, içini çerçeveler (kayıtlı kare, görüntüde yuvarlak) */
.crop-ring[b-4v0ys823ws] {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    box-sizing: border-box;
    border: 2px solid rgba(255, 255, 255, .7);
    box-shadow: 0 0 0 9999px color-mix(in srgb, #000 42%, transparent);
    pointer-events: none;
}

.crop-tools[b-4v0ys823ws] {
    display: flex;
    align-items: center;
    gap: 12px;
    align-self: center;
    width: 300px;
}

.crop-tools input[type=range][b-4v0ys823ws] {
    flex: 1;
    width: auto;
    padding: 0;
    accent-color: var(--d-accent);
    cursor: pointer;
}

.crop-zoom-ico[b-4v0ys823ws] {
    color: var(--d-muted);
    font-size: 18px;
    width: 14px;
    text-align: center;
    user-select: none;
}

/* İki seçenekli (dosya / kamera) seçim satırı */
.img-drop-row[b-4v0ys823ws] {
    display: flex;
    gap: 12px;
    justify-content: center;
}

.img-drop-row .img-drop[b-4v0ys823ws] {
    width: 200px;
    height: 180px;
}

/* ── Kamera / video ── */
.cam-view[b-4v0ys823ws] {
    width: 100%;
    height: 250px;
    object-fit: contain;   /* tüm görüntü görünsün — cover kırpıyordu (görüntü tam görünmüyordu) */
    background: #000;
    border-radius: 12px;
    align-self: stretch;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .35);
    display: block;
}

.vid-frame[b-4v0ys823ws] {
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 12px;
    overflow: hidden;
    background: #000;
    border: none;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .35);
}

.vid-frame iframe[b-4v0ys823ws] {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

video.vid-frame[b-4v0ys823ws] {
    object-fit: contain;
}

.vid-empty[b-4v0ys823ws] {
    width: 100%;
    aspect-ratio: 16 / 9;
    border: 2px dashed var(--d-border);
    border-radius: 12px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 8px;
    color: var(--d-muted);
    background: var(--d-solid);
}

.vid-empty .big[b-4v0ys823ws] { font-size: 40px; }

/* YouTube/Vimeo facade: thumbnail + ▶; gerçek oynatıcı yalnız tıklanınca yüklenir */
.vid-facade[b-4v0ys823ws] {
    width: 100%;
    aspect-ratio: 16 / 9;
    border: none;
    border-radius: 12px;
    padding: 0;
    cursor: pointer;
    position: relative;
    display: grid;
    place-items: center;
    background: #000 center / cover no-repeat;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .35);
    overflow: hidden;
}

.vid-facade.novthumb[b-4v0ys823ws] { background: #1a1a1a; }

.vid-facade[b-4v0ys823ws]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .18);
}

.vid-facade .vid-play[b-4v0ys823ws] {
    position: relative;
    z-index: 1;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-size: 24px;
    display: grid;
    place-items: center;
    padding-left: 4px;
    transition: transform .12s, background .12s;
}

.vid-facade:hover .vid-play[b-4v0ys823ws] { transform: scale(1.08); background: #f00; }

.cam-settings[b-4v0ys823ws] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 12px;
}

.cam-settings .prof-field[b-4v0ys823ws] { gap: 4px; }

.cam-toggles[b-4v0ys823ws] {
    grid-column: 1 / -1;
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
}

/* Canlı kayıt: kontroller player ÜZERİNE overlay; süre rozeti player içinde */
.cam-stage[b-4v0ys823ws] {
    position: relative;
    align-self: stretch;
    line-height: 0;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .35);
}

.cam-stage .cam-view[b-4v0ys823ws] {
    border-radius: 0;
    box-shadow: none;
}

.cam-overlay[b-4v0ys823ws] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.rec-badge[b-4v0ys823ws] {
    position: absolute;
    top: 10px;
    left: 10px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    padding: 4px 11px;
    border-radius: 999px;
    font-size: 13px;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.rec-badge .rec-dot[b-4v0ys823ws] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #f85149;
}

.rec-badge .rec-dot.live[b-4v0ys823ws] { animation: recblink-b-4v0ys823ws 1s steps(1) infinite; }
@keyframes recblink-b-4v0ys823ws { 50% { opacity: .15; } }

.rec-paused[b-4v0ys823ws] { letter-spacing: -3px; opacity: .85; }

/* Kayıt kontrolleri: player'ın ALTINDA, köşeleri yuvarlanmış dörtgen butonlar */
.rec-controls[b-4v0ys823ws] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.rec-ctl[b-4v0ys823ws] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--d-border);
    border-radius: 10px;
    padding: 9px 16px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    background: var(--d-solid);
    color: var(--d-text);
    transition: border-color .12s, filter .12s;
}

.rec-ctl:hover[b-4v0ys823ws] { border-color: var(--d-accent); }
.rec-ctl:disabled[b-4v0ys823ws] { opacity: .5; cursor: default; }

/* Record / Resume = kayıt (kırmızı + beyaz nokta). Resume bilerek "play üçgeni" DEĞİL — kayda devamı anlatır. */
.rec-ctl.rec[b-4v0ys823ws] {
    background: #f85149;
    color: #fff;
    border-color: transparent;
}

.rec-ctl.rec:hover[b-4v0ys823ws] { filter: brightness(1.07); }
.rec-ctl.rec .rec-dot[b-4v0ys823ws] { width: 12px; height: 12px; border-radius: 50%; background: #fff; }

/* Pause = iki çubuk */
.rec-ctl .rec-bars[b-4v0ys823ws] { display: inline-flex; gap: 3px; height: 13px; }
.rec-ctl .rec-bars[b-4v0ys823ws]::before,
.rec-ctl .rec-bars[b-4v0ys823ws]::after { content: ""; width: 4px; height: 100%; border-radius: 1px; background: currentColor; }

/* Stop = dolu kare */
.rec-ctl .rec-square[b-4v0ys823ws] { width: 12px; height: 12px; border-radius: 2px; background: currentColor; }
/* /Desktop/Apps/AuthzPanel.razor.rz.scp.css */
/* Esnek kök: sekme şeridi sabit, içerik bölgesi sınırlı yükseklikte kayar (yalnız bounded bir flex ebeveynde aktif olur — PM Settings). SettingsApp'te içerik-yüksekliğinde kalır (eski davranış). */
.authz[b-wakxxvay91] { display: flex; flex-direction: column; min-height: 0; }
.authz-tabs[b-wakxxvay91] { flex: 0 0 auto; }
.authz-content[b-wakxxvay91] { flex: 1 1 auto; min-height: 0; overflow-y: auto; overflow-x: hidden; display: flex; flex-direction: column; }

.authz-tabs[b-wakxxvay91] { display: flex; gap: 6px; margin: 0 0 6px; border-bottom: 1px solid var(--d-border); }
.authz-tab[b-wakxxvay91] {
    background: none; border: none; border-bottom: 2px solid transparent; color: var(--d-muted);
    padding: 5px 12px; font-size: 13px; cursor: pointer; border-radius: 6px 6px 0 0;
}
/* Info sekmesi açıklaması (set-head global) — Settings içinde kompakt */
.set-head[b-wakxxvay91] { margin-bottom: 4px; }
.set-head p[b-wakxxvay91] { margin: 2px 0 0; line-height: 1.45; }
.authz-tab:hover[b-wakxxvay91] { color: var(--d-text); }
.authz-tab.on[b-wakxxvay91] { color: var(--d-text); border-bottom-color: var(--d-accent); font-weight: 600; }

/* Katalog */
.az-cat[b-wakxxvay91] { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.az-textarea[b-wakxxvay91] {
    background: var(--d-solid); border: 1px solid var(--d-border); color: var(--d-text);
    border-radius: 8px; padding: 9px 11px; font-family: "SF Mono", "Cascadia Code", Consolas, monospace;
    font-size: 12.5px; line-height: 1.5; resize: vertical;
}
.az-actions[b-wakxxvay91] { margin-top: 12px; }

/* Ortak girdiler */
.az-input[b-wakxxvay91] {
    background: var(--d-solid); border: 1px solid var(--d-border); color: var(--d-text);
    border-radius: 7px; padding: 7px 9px; font-size: 13px; min-width: 120px;
}
.az-list[b-wakxxvay91] { display: flex; flex-direction: column; gap: 6px; margin-top: 2px; flex: 1 1 auto; min-height: 0; overflow-y: auto; }

/* Gruplar */
.az-newgroup[b-wakxxvay91] { display: flex; gap: 8px; margin-bottom: 8px; }
.az-newgroup .az-input[b-wakxxvay91] { flex: 1; }
.group-name[b-wakxxvay91] { font-weight: 600; font-size: 14px; }

/* MASTER-DETAIL: SOL grup listesi + SAĞ seçili grubun içeriği. Esnek doldurur — SOL liste kendi içinde kayar,
   SAĞDA tek kaydırıcı member-pick'te (her halkada min-height:0 → dış pencere taşmaz). */
.gm[b-wakxxvay91] { display: flex; gap: 12px; flex: 1 1 auto; min-height: 0; align-items: stretch; }
.gm-list[b-wakxxvay91] { flex: 0 0 190px; display: flex; flex-direction: column; gap: 4px; min-height: 0; overflow-y: auto;
    border-right: 1px solid var(--d-border); padding-right: 10px; }
.gm-empty[b-wakxxvay91] { padding: 6px 2px; }
.gm-item[b-wakxxvay91] { display: flex; align-items: center; gap: 6px; text-align: left; cursor: pointer; font-size: 13px;
    border: 1px solid var(--d-border); border-radius: 8px; padding: 7px 9px; background: var(--d-solid); color: var(--d-text); }
.gm-item:hover[b-wakxxvay91] { border-color: var(--d-accent); }
.gm-item.on[b-wakxxvay91] { border-color: var(--d-accent); background: color-mix(in srgb, var(--d-accent) 12%, var(--d-solid));
    box-shadow: inset 0 0 0 1px var(--d-accent); }
.gm-item-name[b-wakxxvay91] { flex: 1; min-width: 0; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.gm-detail[b-wakxxvay91] { flex: 1 1 auto; min-width: 0; min-height: 0; display: flex; flex-direction: column; gap: 8px; }
.gm-placeholder[b-wakxxvay91] { flex: 1 1 auto; display: flex; align-items: center; justify-content: center; text-align: center;
    padding: 20px; font-size: 13px; }
.gm-detail-head[b-wakxxvay91] { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex: 0 0 auto; }
.gm-detail-title[b-wakxxvay91] { display: flex; align-items: center; gap: 8px; min-width: 0; }
.gm-detail-title .group-name[b-wakxxvay91] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gm-detail .member-section[b-wakxxvay91] { flex: 1 1 auto; min-height: 0; }
.gm-detail .member-pick[b-wakxxvay91] { flex: 1 1 auto; min-height: 0; max-height: none; }

/* Üye ekle/çıkar: filtreli çoklu-seçim bölümü + sorgu ipucu */
.member-section[b-wakxxvay91] { display: flex; flex-direction: column; gap: 5px; }
.member-section-head[b-wakxxvay91] { display: flex; align-items: center; justify-content: space-between; gap: 8px;
    font-size: 11.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--d-muted); }
.op.azm-open[b-wakxxvay91] { text-transform: none; letter-spacing: 0; border-color: color-mix(in srgb, var(--d-accent) 50%, var(--d-border)); color: var(--d-accent); }
.op.azm-open:hover[b-wakxxvay91] { border-color: var(--d-accent); background: color-mix(in srgb, var(--d-accent) 10%, transparent); }
.member-filter[b-wakxxvay91] { display: flex; gap: 6px; align-items: center; }
.member-filter .az-input[b-wakxxvay91] { flex: 1; min-width: 0; }
.member-selbtns[b-wakxxvay91] { display: flex; gap: 4px; flex: 0 0 auto; }
.op.sm[b-wakxxvay91] { padding: 4px 8px; font-size: 11.5px; }
.member-bad[b-wakxxvay91] { font-size: 11.5px; color: #d8a657; margin-top: -2px; }
.member-hint[b-wakxxvay91] { font-size: 11px; line-height: 1.4; }
.member-hint code[b-wakxxvay91] { background: var(--d-title); border: 1px solid var(--d-border); border-radius: 4px; padding: 0 4px; font-size: 11px; }
.member-pick[b-wakxxvay91] { display: flex; flex-direction: column; max-height: 150px; overflow-y: auto; overflow-x: hidden;
    border: 1px solid var(--d-border); border-radius: 8px; background: var(--d-title); }
.member-pick-empty[b-wakxxvay91] { padding: 8px 10px; }
.member-pick-row[b-wakxxvay91] { display: flex; align-items: center; gap: 8px; padding: 4px 10px; cursor: pointer; font-size: 13px; }
.member-pick-row:hover[b-wakxxvay91] { background: var(--d-solid); }
.member-pick-row + .member-pick-row[b-wakxxvay91] { border-top: 1px solid var(--d-border); }
.member-pick-row input[type=checkbox][b-wakxxvay91] { flex: 0 0 auto; cursor: pointer; }
.member-pick-name[b-wakxxvay91] { flex: 1; min-width: 0; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.member-pick-row.self[b-wakxxvay91] { cursor: default; }
.member-pick-row.self input[type=checkbox][b-wakxxvay91] { cursor: not-allowed; }
.member-self[b-wakxxvay91] { color: var(--d-accent); font-weight: 600; }
.member-pick-mail[b-wakxxvay91] { flex: 0 1 auto; min-width: 0; max-width: 48%; color: var(--d-muted); font-size: 12px;
    margin-left: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.member-add-actions[b-wakxxvay91] { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; row-gap: 6px; }
.member-pick-count[b-wakxxvay91] { font-size: 12px; margin-left: auto; }

/* İzinler */
.grant-form[b-wakxxvay91] { border: 1px solid var(--d-border); border-radius: 9px; padding: 10px; background: var(--d-solid); margin-bottom: 10px; }
.az-row[b-wakxxvay91] { display: flex; gap: 10px; align-items: flex-end; flex-wrap: wrap; }
.az-row + .az-row[b-wakxxvay91] { margin-top: 8px; }
.az-grant[b-wakxxvay91] { align-self: flex-end; }
.perm-row[b-wakxxvay91] { display: flex; align-items: center; gap: 10px; border: 1px solid var(--d-border);
    border-radius: 8px; padding: 8px 11px; background: var(--d-solid); font-size: 13px; }
.perm-act[b-wakxxvay91] { font-weight: 600; font-family: "SF Mono", Consolas, monospace; }
.perm-arrow[b-wakxxvay91] { color: var(--d-muted); }
.perm-tgt[b-wakxxvay91] { font-family: "SF Mono", Consolas, monospace; color: var(--d-muted); }
.perm-who[b-wakxxvay91] { color: var(--d-text); }
.perm-del[b-wakxxvay91] { margin-left: auto; }

.badge.ok[b-wakxxvay91] { background: color-mix(in srgb, #3fb950 22%, transparent);
    border-color: color-mix(in srgb, #3fb950 55%, transparent); color: var(--d-text); }

@media (max-width: 560px) { .az-cat[b-wakxxvay91] { grid-template-columns: 1fr; } }

/* Üye-ekleme GENİŞ popup modalı */
.azm-backdrop[b-wakxxvay91] { position: fixed; inset: 0; background: rgba(0,0,0,.5); z-index: 80;
    display: flex; align-items: center; justify-content: center; padding: 24px; }
.azm[b-wakxxvay91] { position: relative; width: 640px; max-width: 94vw; max-height: 86vh; overflow: auto;
    background: var(--d-solid); border: 1px solid var(--d-border); border-radius: 12px;
    padding: 16px 18px; display: flex; flex-direction: column; gap: 10px; }
.azm-x[b-wakxxvay91] { position: absolute; top: 8px; right: 12px; background: none; border: none; color: var(--d-muted);
    font-size: 22px; line-height: 1; cursor: pointer; }
.azm-x:hover[b-wakxxvay91] { color: var(--d-text); }
.azm-title[b-wakxxvay91] { margin: 0 24px 2px 0; font-size: 15px; font-weight: 700; }
.azm-pick[b-wakxxvay91] { max-height: 50vh; }
.azm-actions[b-wakxxvay91] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; row-gap: 6px; }
.azm-done[b-wakxxvay91] { margin-left: auto; }
/* /Desktop/Apps/ProjectManagerApp.razor.rz.scp.css */
.pm[b-qsljflwh7c] { display: flex; flex-direction: column; height: 100%; color: var(--d-text); position: relative; }

.pm-head[b-qsljflwh7c] { padding: 16px 20px 12px; border-bottom: 1px solid var(--d-border); }
/* Settings modunda: başlık + geri-çubuğu TEK SATIR, ortalı, kompakt */
.pm-head.managing[b-qsljflwh7c] { padding: 7px 20px; display: flex; flex-direction: row; align-items: center;
    justify-content: center; gap: 12px; flex-wrap: nowrap; }
.pm-title[b-qsljflwh7c] { font-size: 18px; font-weight: 700; }
.pm-head.managing .pm-title[b-qsljflwh7c] { font-size: 15px; }
.pm-sub[b-qsljflwh7c] { color: var(--d-muted); font-size: 12.5px; margin-top: 4px; }

.pm-body[b-qsljflwh7c] { flex: 1; overflow: auto; padding: 16px 20px 22px; display: flex; flex-direction: column; gap: 18px; }
.pm-body:has(.pm-stabs)[b-qsljflwh7c] { gap: 6px; padding: 8px 20px 12px; overflow: hidden; min-height: 0; }   /* Settings: dış kaydırma yok; içerik bölgesi kendi içinde kayar */
/* AuthzPanel'i kalan yüksekliğe doldur → sekme şeridi sabit, sadece içerik bölgesi kayar (pencere taşmaz) */
.pm-authz[b-qsljflwh7c] { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
.pm-authz[b-qsljflwh7c]  .authz { flex: 1 1 auto; min-height: 0; }

.pm-h[b-qsljflwh7c] { font-size: 14px; font-weight: 600; margin: 0 0 10px; }
.pm-count[b-qsljflwh7c] {
    display: inline-block; min-width: 18px; text-align: center; font-size: 11px; font-weight: 600;
    color: var(--d-muted); background: var(--d-title); border: 1px solid var(--d-border);
    border-radius: 999px; padding: 1px 7px; margin-left: 4px;
}

/* Yeni proje */
.pm-row[b-qsljflwh7c] { display: flex; gap: 8px; align-items: center; }
.pm-input[b-qsljflwh7c] {
    flex: 1; max-width: 420px; background: var(--d-solid); border: 1px solid var(--d-border); color: var(--d-text);
    border-radius: 8px; padding: 9px 11px; font-size: 13.5px;
}
.pm-input:focus[b-qsljflwh7c] { outline: none; border-color: var(--d-accent); }

.pm-btn[b-qsljflwh7c] {
    background: var(--d-solid); border: 1px solid var(--d-border); color: var(--d-text);
    border-radius: 8px; padding: 8px 14px; font-size: 13px; cursor: pointer; white-space: nowrap;
}
.pm-btn:hover[b-qsljflwh7c] { border-color: var(--d-accent); }
.pm-btn:disabled[b-qsljflwh7c] { opacity: .5; cursor: default; }
.pm-btn.primary[b-qsljflwh7c] { background: var(--d-accent); border-color: var(--d-accent); color: #fff; font-weight: 600; }
.pm-btn.ghost[b-qsljflwh7c] { background: none; }

.pm-error[b-qsljflwh7c] { margin-top: 8px; color: #f08a8d; font-size: 12.5px; }

/* Liste */
.pm-list-head[b-qsljflwh7c] { display: flex; align-items: center; justify-content: space-between; }
.pm-list[b-qsljflwh7c] { display: flex; flex-direction: column; gap: 8px; }
.pm-card[b-qsljflwh7c] {
    display: flex; align-items: center; gap: 12px; border: 1px solid var(--d-border);
    border-radius: 10px; padding: 11px 13px; background: var(--d-solid); cursor: pointer;
}
.pm-card:hover[b-qsljflwh7c] { border-color: var(--d-accent); }
.pm-card.on[b-qsljflwh7c] { border-color: var(--d-accent); box-shadow: inset 0 0 0 1px var(--d-accent); }
/* Kendi projelerin ayrışsın */
.pm-card.own[b-qsljflwh7c] { border-left: 3px solid var(--d-accent); background: color-mix(in srgb, var(--d-accent) 9%, var(--d-solid)); }
.pm-mine[b-qsljflwh7c] { display: inline-block; font-size: 10.5px; font-weight: 700; color: #fff; background: var(--d-accent);
    border-radius: 999px; padding: 1px 8px; margin-left: 8px; vertical-align: middle; }
.pm-card-actions[b-qsljflwh7c] { display: flex; gap: 6px; flex-shrink: 0; }
.pm-btn.danger[b-qsljflwh7c] { color: #f08a8d; border-color: color-mix(in srgb, #f08a8d 45%, var(--d-border)); }
.pm-btn.danger:hover[b-qsljflwh7c] { border-color: #f08a8d; }
.pm-card-main[b-qsljflwh7c] { flex: 1; min-width: 0; }
.pm-card-name[b-qsljflwh7c] { font-weight: 600; font-size: 14px; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.pm-owner[b-qsljflwh7c] { color: var(--d-muted); font-weight: 400; font-size: 12px; }
/* Aktif kullanıcının bu projede üye olduğu gruplar — ilk satırın sağında rozetler */
.pm-groups[b-qsljflwh7c] { margin-left: auto; display: inline-flex; align-items: center; gap: 4px; flex-wrap: wrap; }
.pm-group-chip[b-qsljflwh7c] { font-size: 10.5px; font-weight: 600; color: var(--d-muted); background: var(--d-title);
    border: 1px solid var(--d-border); border-radius: 999px; padding: 1px 8px; white-space: nowrap; }
.pm-card-desc[b-qsljflwh7c] { color: var(--d-muted); font-size: 12.5px; margin-top: 3px; line-height: 1.4;
    overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.pm-card-meta[b-qsljflwh7c] { color: var(--d-muted); font-size: 11.5px; font-family: "SF Mono", Consolas, monospace;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Tanıtım medyası (satırın solunda, iki satıra yerleşmiş ön görünüm) */
.pm-media[b-qsljflwh7c] { width: 58px; height: 58px; flex-shrink: 0; border-radius: 8px; overflow: hidden; background: var(--d-title);
    border: 1px solid var(--d-border); display: flex; align-items: center; justify-content: center; position: relative; }
.pm-media.has[b-qsljflwh7c] { cursor: zoom-in; }
.pm-media img[b-qsljflwh7c] { width: 100%; height: 100%; object-fit: cover; }
.pm-media-play[b-qsljflwh7c] { font-size: 20px; color: var(--d-text); }
.pm-media-mono[b-qsljflwh7c] { font-size: 24px; font-weight: 700; color: var(--d-muted); }
/* Klip posteri (kare) üzerinde küçük oynat rozeti */
.pm-play-badge[b-qsljflwh7c] { position: absolute; bottom: 4px; right: 4px; font-size: 11px; line-height: 1; color: #fff;
    background: rgba(0,0,0,.62); border-radius: 6px; padding: 2px 5px; pointer-events: none; }

/* Modallar (medya büyütme + düzenle) — PM penceresi içinde overlay */
.pm-modal[b-qsljflwh7c] { position: absolute; inset: 0; background: rgba(0,0,0,.62); display: flex; align-items: center;
    justify-content: center; z-index: 50; padding: 24px; }
.pm-modal-box[b-qsljflwh7c] { position: relative; background: var(--d-solid); border: 1px solid var(--d-border); border-radius: 12px;
    max-width: 94%; max-height: 94%; padding: 16px; display: flex; flex-direction: column; gap: 10px; overflow: auto; }
.pm-modal-box.edit[b-qsljflwh7c] { width: 470px; }
/* Alt popup modal (link / kamera / kare seç) — Düzenle modalının ÜSTÜNDE durur */
.pm-modal.sub[b-qsljflwh7c] { z-index: 60; background: rgba(0,0,0,.5); }
.pm-modal-box.submodal[b-qsljflwh7c] { width: 540px; }
.pm-modal-x[b-qsljflwh7c] { position: absolute; top: 6px; right: 10px; background: none; border: none; color: var(--d-muted);
    font-size: 24px; line-height: 1; cursor: pointer; }
.pm-modal-x:hover[b-qsljflwh7c] { color: var(--d-text); }
.pm-modal-media[b-qsljflwh7c] { border-radius: 8px; }
img.pm-modal-media[b-qsljflwh7c] { max-width: min(78vw, 900px); max-height: 76vh; object-fit: contain; }
iframe.pm-modal-media[b-qsljflwh7c], video.pm-modal-media[b-qsljflwh7c] { width: min(78vw, 880px); height: min(44vw, 495px); border: none; background: #000; }

.pm-field[b-qsljflwh7c] { display: flex; flex-direction: column; gap: 4px; font-size: 12.5px; color: var(--d-muted); }
.pm-field .pm-input[b-qsljflwh7c] { color: var(--d-text); max-width: none; }
.pm-field textarea.pm-input[b-qsljflwh7c] { resize: vertical; font-family: inherit; }
.pm-edit-prev[b-qsljflwh7c] { border: 1px solid var(--d-border); border-radius: 8px; padding: 6px; background: var(--d-title); }
.pm-edit-prev img[b-qsljflwh7c] { max-width: 100%; max-height: 150px; border-radius: 5px; display: block; }
.pm-edit-actions[b-qsljflwh7c] { justify-content: flex-end; }

/* Düzenle: önizleme + medya editörü */
.pm-btn.on[b-qsljflwh7c] { background: var(--d-accent); border-color: var(--d-accent); color: #fff; }
.pm-prev[b-qsljflwh7c] { border: 1px solid var(--d-border); border-radius: 8px; background: var(--d-title);
    min-height: 96px; max-height: 200px; display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; }
.pm-prev.has[b-qsljflwh7c] { cursor: zoom-in; }
.pm-prev img[b-qsljflwh7c] { max-width: 100%; max-height: 200px; object-fit: contain; display: block; }
.pm-media-ops[b-qsljflwh7c] { display: flex; flex-wrap: wrap; gap: 6px; }

/* Poster seçici (klipten kare) */
.pm-poster[b-qsljflwh7c] { border: 1px solid var(--d-border); border-radius: 10px; padding: 10px; background: var(--d-title);
    display: flex; flex-direction: column; gap: 8px; }
.pm-poster-hint[b-qsljflwh7c] { font-size: 12px; color: var(--d-muted); line-height: 1.5; }
.pm-poster-stage[b-qsljflwh7c] { background: #000; border-radius: 8px; overflow: hidden; }
.pm-poster-video[b-qsljflwh7c] { width: 100%; max-height: 320px; display: block; background: #000; }
.pm-poster-ok[b-qsljflwh7c] { color: #7bd88f; font-size: 12.5px; align-self: center; }
.pm-poster-thumb[b-qsljflwh7c] { position: relative; align-self: flex-start; border: 1px solid var(--d-border);
    border-radius: 8px; overflow: hidden; background: var(--d-solid); }
.pm-poster-thumb img[b-qsljflwh7c] { display: block; max-width: 180px; max-height: 120px; object-fit: cover; }
.pm-poster-thumb-label[b-qsljflwh7c] { position: absolute; bottom: 0; left: 0; right: 0; font-size: 10.5px; color: #fff;
    background: rgba(0,0,0,.55); padding: 2px 6px; text-align: center; }

.pm-cam[b-qsljflwh7c] { border: 1px solid var(--d-border); border-radius: 10px; padding: 10px; background: var(--d-title);
    display: flex; flex-direction: column; gap: 8px; }
.pm-cam-row[b-qsljflwh7c] { display: flex; gap: 6px; flex-wrap: wrap; }
.pm-cam-row .pm-input[b-qsljflwh7c] { flex: 1; min-width: 120px; max-width: none; }
.pm-cam-stage[b-qsljflwh7c] { position: relative; background: #000; border-radius: 8px; overflow: hidden; }
.pm-cam-video[b-qsljflwh7c] { width: 100%; max-height: 320px; display: block; background: #000; }
.pm-cam-rec[b-qsljflwh7c] { position: absolute; top: 8px; left: 8px; display: inline-flex; align-items: center; gap: 6px;
    background: rgba(0,0,0,.55); color: #fff; border-radius: 999px; padding: 3px 9px; font-size: 12px; font-variant-numeric: tabular-nums; }
.pm-cam-rec .dot[b-qsljflwh7c] { width: 9px; height: 9px; border-radius: 50%; background: #ff4d4f; animation: pm-blink-b-qsljflwh7c 1s steps(2,start) infinite; }
@keyframes pm-blink-b-qsljflwh7c { to { opacity: 0; } }

/* Detay */
.pm-detail[b-qsljflwh7c] { border: 1px solid var(--d-border); border-radius: 12px; padding: 14px 16px; background: var(--d-title); }
.pm-kv[b-qsljflwh7c] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 3px; }
.pm-kv li[b-qsljflwh7c] { display: flex; gap: 10px; font-size: 12.5px; }
.pm-kv li span[b-qsljflwh7c] { color: var(--d-muted); min-width: 110px; }
.pm-kv li b[b-qsljflwh7c] { font-family: "SF Mono", Consolas, monospace; word-break: break-all; }
.pm-note[b-qsljflwh7c] { color: var(--d-muted); font-size: 12px; line-height: 1.45; margin: 6px 0 0; }

.pm-empty[b-qsljflwh7c] { color: var(--d-muted); font-size: 13px; padding: 14px 2px; }

/* Yönetim (proje Authorization paneli) görünümü — geri-çubuğu artık başlık bandında (tek satır → üst boşluk yok) */
.pm-manage-head[b-qsljflwh7c] { display: flex; align-items: center; gap: 10px; margin-top: 0; }
.pm-manage-title[b-qsljflwh7c] { font-weight: 700; font-size: 14px; white-space: nowrap; }
.pm-manage-head .pm-btn[b-qsljflwh7c] { padding: 5px 11px; font-size: 12.5px; }

/* Settings üst sekmeleri — şimdilik tek "Manage Access" (biraz küçük); içinde AuthzPanel'in kendi sekmeleri var. */
.pm-stabs[b-qsljflwh7c] { display: flex; gap: 6px; margin-bottom: 2px; }
.pm-stab[b-qsljflwh7c] { background: var(--d-solid); border: 1px solid var(--d-border); border-radius: 7px; color: var(--d-muted);
    padding: 5px 12px; font-size: 12.5px; cursor: pointer; }
.pm-stab:hover[b-qsljflwh7c] { color: var(--d-text); border-color: var(--d-accent); }
.pm-stab.on[b-qsljflwh7c] { color: #fff; background: var(--d-accent); border-color: var(--d-accent); font-weight: 600; }
/* /Desktop/ConfirmHost.razor.rz.scp.css */
.confirm-overlay[b-sy5olsi813] {
    position: fixed;
    inset: 0;
    z-index: 9000;
    display: grid;
    place-items: center;
    background: rgba(0, 0, 0, .45);
    backdrop-filter: blur(2px);
}

.confirm-card[b-sy5olsi813] {
    width: min(420px, calc(100vw - 48px));
    background: var(--d-solid);
    color: var(--d-text);
    border: 1px solid var(--d-border);
    border-radius: 14px;
    box-shadow: var(--d-shadow);
    padding: 20px 22px;
}

.confirm-title[b-sy5olsi813] {
    margin: 0 0 8px;
    font-size: 16px;
}

.confirm-msg[b-sy5olsi813] {
    margin: 0 0 18px;
    color: var(--d-muted);
    font-size: 14px;
    line-height: 1.5;
    white-space: pre-wrap;
}

.confirm-actions[b-sy5olsi813] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.confirm-btn[b-sy5olsi813] {
    border: 1px solid var(--d-border);
    background: var(--d-panel);
    color: var(--d-text);
    border-radius: 8px;
    padding: 8px 16px;
    font-size: 14px;
    cursor: pointer;
}

.confirm-btn:hover[b-sy5olsi813] {
    background: var(--d-border);
}

.confirm-btn.primary[b-sy5olsi813] {
    background: var(--d-accent);
    color: var(--d-ink);
    border-color: transparent;
    font-weight: 600;
}

.confirm-btn.danger[b-sy5olsi813] {
    background: #e5484d;
    color: #fff;
    border-color: transparent;
    font-weight: 600;
}
/* /Desktop/PasswordBox.razor.rz.scp.css */
.pwd-box[b-9ns45rimqc] {
    position: relative;
    display: flex;
    align-items: center;
}

/* Stil, AccountApp'teki .account input ile aynı görünmeli (CSS izolasyonu nedeniyle burada tekrar). */
.pwd-input[b-9ns45rimqc] {
    flex: 1;
    width: 100%;
    background: var(--d-solid);
    border: 1px solid var(--d-border);
    border-radius: 8px;
    color: var(--d-text);
    padding: 10px 40px 10px 12px; /* sağda göz düğmesine yer aç */
    font-size: 14px;
    outline: none;
}

.pwd-input:focus[b-9ns45rimqc] {
    border-color: var(--d-accent);
}

.pwd-toggle[b-9ns45rimqc] {
    position: absolute;
    right: 6px;
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    padding: 0;
    background: none;
    border: none;
    border-radius: 6px;
    color: var(--d-muted);
    cursor: pointer;
}

.pwd-toggle:hover[b-9ns45rimqc] {
    color: var(--d-text);
    background: color-mix(in srgb, var(--d-text) 10%, transparent);
}
/* /Desktop/Scopes/ProjectTaskbar.razor.rz.scp.css */
.ptb[b-nopjyfsyaj] { display: flex; align-items: center; gap: 8px; height: 100%; padding: 0 8px; }

/* Token şeridi: kalan tüm yatay boşluğu kaplar; sığmazsa kırpılır (taşanlar combobox'tan erişilir). */
.ptb-tokens[b-nopjyfsyaj] { flex: 1 1 auto; min-width: 0; display: flex; gap: 6px; overflow: hidden; align-items: center; }
.ptb-empty[b-nopjyfsyaj] { color: var(--d-muted); font-size: 12.5px; white-space: nowrap; }

.ptb-item[b-nopjyfsyaj] { flex: 0 0 auto; display: flex; align-items: center; max-width: 200px; overflow: hidden;
    border: 1px solid var(--d-border); border-radius: 8px; background: var(--d-solid); }
.ptb-item.on[b-nopjyfsyaj] { border-color: var(--d-accent); box-shadow: inset 0 0 0 1px var(--d-accent); }
.ptb-item.min[b-nopjyfsyaj] { opacity: .55; }
/* Tam sığmayan token: görünmez ama yer kaplar (ölçüm kararlı kalır) → yarı token gösterilmez, fazlalar combobox'tan erişilir. */
.ptb-item.ptb-off[b-nopjyfsyaj] { visibility: hidden; }
.ptb-name[b-nopjyfsyaj] { background: none; border: none; color: var(--d-text); font-size: 12.5px; cursor: pointer;
    padding: 5px 9px; max-width: 160px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ptb-item.on .ptb-name[b-nopjyfsyaj] { font-weight: 600; }
.ptb-x[b-nopjyfsyaj] { background: none; border: none; color: var(--d-muted); cursor: pointer; padding: 5px 7px; font-size: 13px; line-height: 1; }
.ptb-x:hover[b-nopjyfsyaj] { background: #e5484d; color: #fff; }
.ptb-ico[b-nopjyfsyaj] { flex: 0 0 auto; }

/* Sağdaki taşma combobox'ı — YALNIZCA taşma varken render edilir (bkz. razor). Kompakt, hafif temalı zeminle
   kendini belli eder; rozette taşan proje sayısı. Menü yukarı açılır (footer altta). */
.ptb-more[b-nopjyfsyaj] { flex: 0 0 auto; position: relative; }
.ptb-more-btn[b-nopjyfsyaj] { display: inline-flex; align-items: center; gap: 6px;
    border: 1px solid var(--d-border); border-radius: 8px; padding: 5px 9px; font-size: 12.5px; cursor: pointer;
    color: var(--d-text); background: color-mix(in srgb, var(--d-accent) 8%, var(--d-solid)); }
.ptb-more-btn:hover[b-nopjyfsyaj] { border-color: var(--d-accent); background: color-mix(in srgb, var(--d-accent) 14%, var(--d-solid)); }
.ptb-more-ico[b-nopjyfsyaj] { flex: 0 0 auto; color: var(--d-accent); }
.ptb-more-count[b-nopjyfsyaj] { flex: 0 0 auto; font-size: 11px; color: var(--d-text); background: var(--d-solid);
    border: 1px solid var(--d-border); border-radius: 999px; padding: 0 6px; }
.ptb-caret[b-nopjyfsyaj] { flex: 0 0 auto; color: var(--d-muted); font-size: 11px; }
.ptb-backdrop[b-nopjyfsyaj] { position: fixed; inset: 0; z-index: 40; }
.ptb-menu[b-nopjyfsyaj] { position: absolute; bottom: calc(100% + 6px); right: 0; z-index: 50; min-width: 220px; max-width: 320px;
    max-height: 60vh; overflow: auto; background: var(--d-panel); border: 1px solid var(--d-border);
    border-radius: 10px; box-shadow: 0 -8px 28px rgba(0,0,0,.45); padding: 6px; }
.ptb-menu-item[b-nopjyfsyaj] { display: flex; align-items: center; gap: 8px; width: 100%; text-align: left; cursor: pointer;
    border: none; background: none; color: var(--d-text); border-radius: 7px; padding: 7px 8px; font-size: 13px; }
.ptb-menu-item:hover[b-nopjyfsyaj] { background: var(--d-solid); }
.ptb-menu-item.on[b-nopjyfsyaj] { background: color-mix(in srgb, var(--d-accent) 16%, transparent); }
.ptb-menu-name[b-nopjyfsyaj] { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ptb-menu-min[b-nopjyfsyaj] { flex: 0 0 auto; font-size: 10px; color: var(--d-muted); }
/* /Desktop/Scopes/ScopeLayout.razor.rz.scp.css */
/* Gövde OPAK olmalı (arkadaki PM/backdrop sızmasın) → her katmanda dolu zemin. */
.sl-root[b-edx55udi0d] { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; background: var(--d-panel); }
.sl-main[b-edx55udi0d] { flex: 1 1 auto; min-height: 0; display: flex; position: relative; overflow: hidden; background: var(--d-panel); }
.sl-center[b-edx55udi0d] { flex: 1 1 auto; min-width: 0; min-height: 0; overflow: auto; background: var(--d-panel); }

/* Yan paneller */
.sl-side[b-edx55udi0d] { flex: 0 0 auto; min-height: 0; display: flex; flex-direction: column; background: var(--d-title); }
.sl-side.left[b-edx55udi0d] { border-right: 1px solid var(--d-border); }
.sl-side.right[b-edx55udi0d] { border-left: 1px solid var(--d-border); }
.sl-side.rail[b-edx55udi0d] { width: 34px; align-items: center; cursor: pointer; }

.sl-side-head[b-edx55udi0d] { display: flex; align-items: center; justify-content: space-between; gap: 6px;
    flex: 0 0 auto; padding: 4px 6px; border-bottom: 1px solid var(--d-border); font-size: 12px; }
.sl-side-title[b-edx55udi0d] { font-weight: 600; color: var(--d-text); min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sl-side-btns[b-edx55udi0d] { display: flex; gap: 2px; flex: 0 0 auto; }
.sl-side-body[b-edx55udi0d] { flex: 1 1 auto; min-height: 0; overflow: auto; }

/* Rail (ince şerit): dikey butonlar + dikey etiket */
.sl-rail-btns[b-edx55udi0d] { display: flex; flex-direction: column; gap: 4px; padding: 6px 0; }
.sl-rail-label[b-edx55udi0d] { writing-mode: vertical-rl; margin-top: 6px; color: var(--d-muted); font-size: 11px;
    white-space: nowrap; overflow: hidden; }

/* Panel başlık butonları (collapse/pin) */
.sl-pb[b-edx55udi0d] { width: 24px; height: 22px; border: none; background: transparent; color: var(--d-muted);
    border-radius: 5px; cursor: pointer; font-size: 12px; line-height: 1; }
.sl-pb:hover[b-edx55udi0d] { background: var(--d-solid); color: var(--d-text); }
.sl-pb.on[b-edx55udi0d] { color: var(--d-accent); }

/* Sürüklenebilir ayraç (resizer) */
.sl-resizer[b-edx55udi0d] { flex: 0 0 5px; cursor: col-resize; background: transparent; }
.sl-resizer:hover[b-edx55udi0d] { background: color-mix(in srgb, var(--d-accent) 60%, transparent); }

/* Unpinned hover'da açılan overlay panel — merkezi itmez, üstüne biner */
.sl-overlay[b-edx55udi0d] { position: absolute; top: 0; bottom: 0; z-index: 20; display: flex; flex-direction: column;
    background: var(--d-panel); box-shadow: 0 8px 28px rgba(0,0,0,.45); }
.sl-overlay.left[b-edx55udi0d] { left: 0; border-right: 1px solid var(--d-border); }
.sl-overlay.right[b-edx55udi0d] { right: 0; border-left: 1px solid var(--d-border); }

/* Footer — overflow VISIBLE: içindeki footer-taskbar combobox'ı yukarı açıldığında kırpılmasın (yoksa menü görünmez). */
.sl-footer[b-edx55udi0d] { flex: 0 0 auto; min-height: 30px; overflow: visible;
    border-top: 1px solid var(--d-border); background: var(--d-title); }

.sl-placeholder[b-edx55udi0d] { display: flex; align-items: center; justify-content: center; height: 100%; min-height: 70px;
    color: var(--d-muted); font-size: 13px; text-align: center; padding: 14px; }

/* Resize sırasında imleci yakalayan örtü */
.sl-dragscrim[b-edx55udi0d] { position: fixed; inset: 0; z-index: 2000; cursor: col-resize; }
/* /Desktop/Scopes/ScopeSwitcher.razor.rz.scp.css */
.scope-switcher[b-4hql0j2sz9] { position: relative; display: inline-flex; margin-left: 8px; }

.sw-trigger[b-4hql0j2sz9] { display: inline-flex; align-items: center; gap: 5px; height: 26px; padding: 0 9px;
    border: 1px solid var(--d-border); background: var(--d-solid); color: var(--d-text);
    border-radius: 7px; cursor: pointer; font-size: 12.5px; }
.sw-trigger:hover[b-4hql0j2sz9] { border-color: var(--d-accent); }
.sw-ico[b-4hql0j2sz9] { font-size: 13px; }
.sw-count[b-4hql0j2sz9] { font-weight: 700; font-variant-numeric: tabular-nums; }
.sw-caret[b-4hql0j2sz9] { color: var(--d-muted); font-size: 11px; }

/* Dışarı tıklayınca kapanış için saydam örtü */
.sw-backdrop[b-4hql0j2sz9] { position: fixed; inset: 0; z-index: 40; }

.sw-menu[b-4hql0j2sz9] { position: absolute; top: calc(100% + 6px); right: 0; z-index: 50; min-width: 240px; max-width: 320px;
    max-height: 60vh; overflow: auto; background: var(--d-panel); border: 1px solid var(--d-border);
    border-radius: 10px; box-shadow: 0 12px 36px rgba(0,0,0,.45); padding: 6px; }
.sw-empty[b-4hql0j2sz9] { padding: 10px; color: var(--d-muted); font-size: 13px; text-align: center; }

/* Filtre kutusu (başlıkta geçen metin) */
.sw-filter[b-4hql0j2sz9] { width: 100%; box-sizing: border-box; margin-bottom: 6px; background: var(--d-solid);
    border: 1px solid var(--d-border); color: var(--d-text); border-radius: 7px; padding: 6px 9px; font-size: 12.5px; outline: none; }
.sw-filter:focus[b-4hql0j2sz9] { border-color: var(--d-accent); }

/* Kategori grubu (akordiyon başlığı = tıklanır buton: caret + ad + sayı) */
.sw-group + .sw-group[b-4hql0j2sz9] { margin-top: 2px; }
.sw-group-head[b-4hql0j2sz9] { display: flex; align-items: center; gap: 6px; width: 100%; text-align: left; cursor: pointer;
    background: none; border: none; color: var(--d-muted); border-radius: 6px; padding: 5px 6px;
    font-size: 10.5px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.sw-group-head:hover[b-4hql0j2sz9] { background: var(--d-solid); color: var(--d-text); }
.sw-gcaret[b-4hql0j2sz9] { flex: 0 0 auto; width: 10px; font-size: 10px; }
.sw-gname[b-4hql0j2sz9] { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sw-gcount[b-4hql0j2sz9] { flex: 0 0 auto; font-weight: 700; }

.sw-item[b-4hql0j2sz9] { display: flex; align-items: center; gap: 8px; width: 100%; text-align: left; cursor: pointer;
    border: none; background: none; color: var(--d-text); border-radius: 7px; padding: 7px 8px; font-size: 13px; }
.sw-item:hover[b-4hql0j2sz9] { background: var(--d-solid); }
.sw-item.on[b-4hql0j2sz9] { background: color-mix(in srgb, var(--d-accent) 16%, transparent); }
.sw-item-ico[b-4hql0j2sz9] { flex: 0 0 auto; font-size: 14px; }
.sw-item-name[b-4hql0j2sz9] { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sw-item-cur[b-4hql0j2sz9] { flex: 0 0 auto; color: var(--d-accent); font-size: 9px; }
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-js09lluytq] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-js09lluytq] {
    flex: 1;
}

.sidebar[b-js09lluytq] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-js09lluytq] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-js09lluytq]  a, .top-row[b-js09lluytq]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-js09lluytq]  a:hover, .top-row[b-js09lluytq]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-js09lluytq]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-js09lluytq] {
        justify-content: space-between;
    }

    .top-row[b-js09lluytq]  a, .top-row[b-js09lluytq]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-js09lluytq] {
        flex-direction: row;
    }

    .sidebar[b-js09lluytq] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-js09lluytq] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-js09lluytq]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-js09lluytq], article[b-js09lluytq] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-ob36al4y0o] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-ob36al4y0o] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-ob36al4y0o] {
    font-size: 1.1rem;
}

.bi[b-ob36al4y0o] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-ob36al4y0o] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-ob36al4y0o] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-ob36al4y0o] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-ob36al4y0o] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-ob36al4y0o] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-ob36al4y0o] {
        padding-bottom: 1rem;
    }

    .nav-item[b-ob36al4y0o]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-ob36al4y0o]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-ob36al4y0o]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-ob36al4y0o] {
        display: none;
    }

    .collapse[b-ob36al4y0o] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .nav-scrollable[b-ob36al4y0o] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}