/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-guoz51lgle] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-guoz51lgle] {
    background-color: rgba(255, 255, 255, 0.5);
}

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

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

.bi[b-guoz51lgle] {
    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-guoz51lgle] {
    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-guoz51lgle] {
    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-guoz51lgle] {
    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-guoz51lgle] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

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

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

    .nav-item[b-guoz51lgle]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

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

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

.nav-scrollable[b-guoz51lgle] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-guoz51lgle] {
    display: block;
}

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

    .nav-scrollable[b-guoz51lgle] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(var(--app-height, 100vh) - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/PortalLayout.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   PORTAL LAYOUT — Sponsor / Koordinatör harici kullanıcı arayüzü
   ─────────────────────────────────────────────────────────────── */

/* Portal kendi içinde scroll yapsın — 100vh sabit yükseklik + overflow-y auto.
   Sticky topbar bu container'ın direkt çocuğu olduğu için doğru çalışır. */
.portal-shell[b-p8hcj8r3db] {
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    background: linear-gradient(135deg, #f8fafc 0%, #eef2ff 100%);
    color: #1e293b;
    font-family: var(--font-family-current, 'Segoe UI', system-ui, sans-serif);
    -webkit-overflow-scrolling: touch;
}

.portal-shell.portal-sponsor[b-p8hcj8r3db] {
    --portal-accent: #1e40af;
    --portal-accent-2: #3b82f6;
    --portal-accent-soft: #dbeafe;
    --portal-accent-text: #1e3a8a;
    background: linear-gradient(135deg, #f8fafc 0%, #eff6ff 60%, #dbeafe 100%);
}

.portal-shell.portal-koord[b-p8hcj8r3db] {
    --portal-accent: #047857;
    --portal-accent-2: #10b981;
    --portal-accent-soft: #d1fae5;
    --portal-accent-text: #064e3b;
    background: linear-gradient(135deg, #f8fafc 0%, #f0fdf4 60%, #d1fae5 100%);
}

/* ═══ TOPBAR ═══ */
.portal-topbar[b-p8hcj8r3db] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 28px;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid #e2e8f0;
    position: sticky;
    top: 0;
    z-index: 50;
    box-shadow: 0 2px 12px rgba(15, 23, 42, 0.04);
}

.portal-brand[b-p8hcj8r3db] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.portal-logo-icon[b-p8hcj8r3db] {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--portal-accent), var(--portal-accent-2));
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.15);
}

.portal-logo-icon svg[b-p8hcj8r3db] {
    width: 22px;
    height: 22px;
    fill: white;
}

.portal-brand-text[b-p8hcj8r3db] {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.portal-brand-name[b-p8hcj8r3db] {
    display: inline-flex;
    align-items: baseline;
    gap: 0; /* MEDİ ile SİST arasında boşluk olmasın */
}

.portal-brand-medi[b-p8hcj8r3db] {
    font-weight: 800;
    font-size: 1.15rem;
    color: #0f172a;
    letter-spacing: 0.5px;
}

.portal-brand-sist[b-p8hcj8r3db] {
    font-weight: 800;
    font-size: 1.15rem;
    color: var(--portal-accent);
    letter-spacing: 0.5px;
}

.portal-brand-rozet[b-p8hcj8r3db] {
    margin-left: 6px;
    padding: 4px 10px;
    background: var(--portal-accent-soft);
    color: var(--portal-accent-text);
    font-size: 0.72rem;
    font-weight: 700;
    border-radius: 999px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.portal-top-actions[b-p8hcj8r3db] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.portal-user[b-p8hcj8r3db] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 14px 6px 6px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.6);
    border: 1px solid #e2e8f0;
}

.portal-user-avatar[b-p8hcj8r3db] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--portal-accent), var(--portal-accent-2));
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.85rem;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.15);
}

.portal-user-meta[b-p8hcj8r3db] {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
}

.portal-user-ad[b-p8hcj8r3db] {
    font-weight: 700;
    font-size: 0.88rem;
    color: #0f172a;
}

.portal-user-tip[b-p8hcj8r3db] {
    font-size: 0.7rem;
    color: var(--portal-accent-text);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.portal-cikis-btn[b-p8hcj8r3db] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 16px;
    border-radius: 10px;
    background: white;
    border: 1px solid #e2e8f0;
    color: #475569;
    font-size: 0.85rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
}

.portal-cikis-btn:hover[b-p8hcj8r3db] {
    background: #fef2f2;
    border-color: #fecaca;
    color: #991b1b;
    transform: translateY(-1px);
}

.portal-cikis-ikon[b-p8hcj8r3db] {
    font-size: 1.05rem;
}

/* ═══ DİL SEÇİCİ ═══ */
.portal-dil-dropdown[b-p8hcj8r3db] {
    position: relative;
}
.portal-dil-toggle[b-p8hcj8r3db] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    color: #475569;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}
.portal-dil-toggle:hover[b-p8hcj8r3db] {
    background: var(--portal-accent-soft, #eef2ff);
    border-color: var(--portal-accent, #6366f1);
    color: var(--portal-accent-text, #1e3a8a);
}
/* Emoji bayraklar bazı Windows kurulumlarında görünmez; ISO kodu her zaman yedekte. */
.portal-dil-flag[b-p8hcj8r3db] {
    font-size: 1.1rem;
    line-height: 1;
    font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "Apple Color Emoji", sans-serif;
}
.portal-dil-code[b-p8hcj8r3db] {
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    color: var(--portal-accent-text, #334155);
    opacity: 0.85;
    min-width: 1.35rem;
    text-align: center;
}
.portal-dil-toggle svg[b-p8hcj8r3db] { transition: transform .2s; opacity: .55; }
.portal-dil-toggle svg.acik[b-p8hcj8r3db] { transform: rotate(180deg); }

.portal-dil-menu[b-p8hcj8r3db] {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    min-width: 180px;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 12px 36px rgba(15,23,42,0.12);
    padding: 6px;
    z-index: 100;
    animation: portalDilIn .15s ease;
}
@@keyframes portalDilIn {
    from[b-p8hcj8r3db] { opacity: 0; transform: translateY(-6px); }
    to[b-p8hcj8r3db] { opacity: 1; transform: translateY(0); }
}
.portal-dil-item[b-p8hcj8r3db] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    background: transparent;
    border: none;
    border-radius: 8px;
    color: #1e293b;
    font-size: 0.88rem;
    font-weight: 500;
    text-align: left;
    cursor: pointer;
    transition: background .12s;
}
.portal-dil-item:hover[b-p8hcj8r3db] { background: #f1f5f9; }
.portal-dil-item.aktif[b-p8hcj8r3db] {
    background: var(--portal-accent-soft, #eef2ff);
    color: var(--portal-accent-text, #1e3a8a);
    font-weight: 700;
}

/* ═══ MAIN ═══ */
.portal-main[b-p8hcj8r3db] {
    flex: 1;
    padding: 28px 28px 40px;
    max-width: 1500px;
    width: 100%;
    margin: 0 auto;
}

/* ═══ FOOTER ═══ */
.portal-footer[b-p8hcj8r3db] {
    text-align: center;
    padding: 18px 28px;
    color: #64748b;
    font-size: 0.78rem;
    border-top: 1px solid #e2e8f0;
    background: rgba(255, 255, 255, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.portal-footer-sep[b-p8hcj8r3db] {
    color: #cbd5e1;
}

.portal-footer-text[b-p8hcj8r3db] {
    color: var(--portal-accent-text);
    font-weight: 600;
}

/* ═══ MOBİL ═══ */
@media (max-width: 720px) {
    .portal-topbar[b-p8hcj8r3db] {
        padding: 10px 14px;
    }

    .portal-brand-rozet[b-p8hcj8r3db] {
        display: none;
    }

    .portal-user-meta[b-p8hcj8r3db] {
        display: none;
    }

    .portal-cikis-text[b-p8hcj8r3db] {
        display: none;
    }

    .portal-cikis-btn[b-p8hcj8r3db] {
        padding: 9px 12px;
    }

    .portal-main[b-p8hcj8r3db] {
        padding: 16px 12px 28px;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
/* ═══ Varsayılan: tüm durum metinleri gizli ═══ */
.components-reconnect-first-attempt-visible[b-6wh4bxiduk],
.components-reconnect-repeated-attempt-visible[b-6wh4bxiduk],
.components-reconnect-failed-visible[b-6wh4bxiduk],
.components-pause-visible[b-6wh4bxiduk],
.components-resume-failed-visible[b-6wh4bxiduk] {
    display: none !important;
}

/* ═══ Durumlara göre görünürlük ═══ */
#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-6wh4bxiduk],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-6wh4bxiduk],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-6wh4bxiduk],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-6wh4bxiduk],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-6wh4bxiduk] {
    display: flex !important;
}

/* ═══ Dialog temel ═══ */
#components-reconnect-modal[b-6wh4bxiduk] {
    position: fixed;
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
    width: 100vw;
    height: 100vh;
    max-width: 100vw;
    max-height: 100vh;
    z-index: 99999;
    opacity: 0;
    transition: display 0.4s allow-discrete, overlay 0.4s allow-discrete;
    animation: rcFadeOut-b-6wh4bxiduk 0.4s both;
}

#components-reconnect-modal[open][b-6wh4bxiduk] {
    animation: rcFadeIn-b-6wh4bxiduk 0.4s ease both;
}

#components-reconnect-modal[b-6wh4bxiduk]::backdrop {
    display: none;
}

@keyframes rcFadeIn-b-6wh4bxiduk {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes rcFadeOut-b-6wh4bxiduk {
    from { opacity: 1; }
    to { opacity: 0; }
}

/* ═══ Overlay ═══ */
.reconnect-overlay[b-6wh4bxiduk] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

/* ═══ Kart ═══ */
.reconnect-card[b-6wh4bxiduk] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 380px;
    max-width: calc(100vw - 32px);
    background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);
    border-radius: 20px;
    padding: 32px 28px 24px;
    box-shadow:
        0 20px 60px rgba(0, 0, 0, 0.15),
        0 0 0 1px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    animation: rcCardIn-b-6wh4bxiduk 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.15s both;
}

@keyframes rcCardIn-b-6wh4bxiduk {
    from { opacity: 0; transform: translate(-50%, -45%) scale(0.92); }
    to { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}

/* ═══ İkon alanı ═══ */
.reconnect-icon-area[b-6wh4bxiduk] {
    position: relative;
    width: 72px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.reconnect-pulse-ring[b-6wh4bxiduk] {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 2px solid rgba(245, 158, 11, 0.3);
    animation: rcPulse-b-6wh4bxiduk 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.reconnect-pulse-ring.r2[b-6wh4bxiduk] {
    animation-delay: 0.7s;
}

@keyframes rcPulse-b-6wh4bxiduk {
    0% { transform: scale(0.8); opacity: 1; }
    100% { transform: scale(1.6); opacity: 0; }
}

.reconnect-icon-svg[b-6wh4bxiduk] {
    width: 32px;
    height: 32px;
    color: #f59e0b;
    z-index: 1;
    filter: drop-shadow(0 2px 4px rgba(245, 158, 11, 0.3));
}

.reconnect-icon-slash[b-6wh4bxiduk] {
    animation: rcSlash-b-6wh4bxiduk 1.5s ease-in-out infinite;
}

@keyframes rcSlash-b-6wh4bxiduk {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.3; }
}

/* ═══ Metin alanı ═══ */
.reconnect-text-area[b-6wh4bxiduk] {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

.reconnect-title[b-6wh4bxiduk] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 700;
    color: #1e293b;
    letter-spacing: -0.02em;
}

.reconnect-desc[b-6wh4bxiduk] {
    margin: 0;
    font-size: 0.82rem;
    color: #64748b;
    line-height: 1.5;
    max-width: 300px;
}

.reconnect-countdown[b-6wh4bxiduk] {
    font-weight: 700;
    color: #f59e0b;
    font-variant-numeric: tabular-nums;
}

/* ═══ İlerleme çubuğu ═══ */
.reconnect-progress[b-6wh4bxiduk] {
    width: 100%;
    height: 3px;
    background: #e2e8f0;
    border-radius: 4px;
    overflow: hidden;
}

.reconnect-progress-bar[b-6wh4bxiduk] {
    height: 100%;
    width: 30%;
    background: linear-gradient(90deg, #f59e0b, #eab308, #f59e0b);
    background-size: 200% 100%;
    border-radius: 4px;
    animation: rcProgressSlide-b-6wh4bxiduk 1.5s ease-in-out infinite;
}

/* show/retrying durumlarında progress animasyonu göster */
#components-reconnect-modal.components-reconnect-show .reconnect-progress-bar[b-6wh4bxiduk],
#components-reconnect-modal.components-reconnect-retrying .reconnect-progress-bar[b-6wh4bxiduk] {
    animation: rcProgressSlide-b-6wh4bxiduk 1.5s ease-in-out infinite;
}

/* failed durumunda progress bar dursun */
#components-reconnect-modal.components-reconnect-failed .reconnect-progress-bar[b-6wh4bxiduk] {
    animation: none;
    width: 100%;
    background: #fca5a5;
}

@keyframes rcProgressSlide-b-6wh4bxiduk {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(400%); }
}

/* ═══ Butonlar ═══ */
.reconnect-actions[b-6wh4bxiduk] {
    display: flex;
    gap: 10px;
    width: 100%;
}

.reconnect-btn[b-6wh4bxiduk] {
    flex: 1;
    padding: 10px 16px;
    border: none;
    border-radius: 10px;
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.reconnect-btn-icon[b-6wh4bxiduk] {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
}

.reconnect-btn-primary[b-6wh4bxiduk] {
    background: linear-gradient(135deg, #f59e0b, #d97706);
    color: white;
    box-shadow: 0 2px 8px rgba(245, 158, 11, 0.3);
}

.reconnect-btn-primary:hover[b-6wh4bxiduk] {
    background: linear-gradient(135deg, #d97706, #b45309);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.4);
}

.reconnect-btn-secondary[b-6wh4bxiduk] {
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #e2e8f0;
}

.reconnect-btn-secondary:hover[b-6wh4bxiduk] {
    background: #e2e8f0;
    transform: translateY(-1px);
}

/* ═══ Otomatik retry bilgisi ═══ */
.reconnect-auto-info[b-6wh4bxiduk] {
    margin: 0;
    font-size: 0.72rem;
    color: #94a3b8;
    display: flex;
    align-items: center;
    gap: 6px;
}

.reconnect-auto-dot[b-6wh4bxiduk] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #f59e0b;
    animation: rcDotBlink-b-6wh4bxiduk 1s ease-in-out infinite;
    flex-shrink: 0;
}

@keyframes rcDotBlink-b-6wh4bxiduk {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.3; }
}

#reconnect-auto-countdown[b-6wh4bxiduk] {
    font-weight: 700;
    color: #f59e0b;
    font-variant-numeric: tabular-nums;
}

/* ═══ Dark / Midnight Tema ═══ */
:global([data-theme="dark"]) .reconnect-card[b-6wh4bxiduk],
:global([data-theme="midnight"]) .reconnect-card[b-6wh4bxiduk] {
    background: linear-gradient(145deg, #1e293b 0%, #0f172a 100%);
    box-shadow:
        0 20px 60px rgba(0, 0, 0, 0.4),
        0 0 0 1px rgba(255, 255, 255, 0.05);
}

:global([data-theme="dark"]) .reconnect-title[b-6wh4bxiduk],
:global([data-theme="midnight"]) .reconnect-title[b-6wh4bxiduk] {
    color: #e2e8f0;
}

:global([data-theme="dark"]) .reconnect-desc[b-6wh4bxiduk],
:global([data-theme="midnight"]) .reconnect-desc[b-6wh4bxiduk] {
    color: #94a3b8;
}

:global([data-theme="dark"]) .reconnect-progress[b-6wh4bxiduk],
:global([data-theme="midnight"]) .reconnect-progress[b-6wh4bxiduk] {
    background: #334155;
}

:global([data-theme="dark"]) .reconnect-btn-secondary[b-6wh4bxiduk],
:global([data-theme="midnight"]) .reconnect-btn-secondary[b-6wh4bxiduk] {
    background: #334155;
    border-color: #475569;
    color: #cbd5e1;
}

:global([data-theme="dark"]) .reconnect-btn-secondary:hover[b-6wh4bxiduk],
:global([data-theme="midnight"]) .reconnect-btn-secondary:hover[b-6wh4bxiduk] {
    background: #475569;
}

:global([data-theme="dark"]) .reconnect-auto-info[b-6wh4bxiduk],
:global([data-theme="midnight"]) .reconnect-auto-info[b-6wh4bxiduk] {
    color: #64748b;
}

:global([data-theme="dark"]) .reconnect-overlay[b-6wh4bxiduk],
:global([data-theme="midnight"]) .reconnect-overlay[b-6wh4bxiduk] {
    background: rgba(0, 0, 0, 0.7);
}

/* ═══ Mobil uyum ═══ */
@media (max-width: 440px) {
    .reconnect-card[b-6wh4bxiduk] {
        padding: 24px 20px 20px;
        gap: 16px;
        border-radius: 16px;
    }

    .reconnect-actions[b-6wh4bxiduk] {
        flex-direction: column;
        gap: 8px;
    }

    .reconnect-title[b-6wh4bxiduk] {
        font-size: 1rem;
    }
}
/* /Components/Pages/Arama.razor.rz.scp.css */
/* ═══ ARAMA SAYFASI ═══ */
.ar-page[b-cdqonezu1c] {
    min-height: 100vh;
    background: var(--t-body);
    color: var(--t-text);
    font-family: inherit;
}

.ar-header[b-cdqonezu1c] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
    background: var(--t-card);
    border-bottom: 1px solid var(--t-card-border);
    position: sticky;
    top: 0;
    z-index: 100;
    backdrop-filter: blur(12px);
    box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}

.ar-back[b-cdqonezu1c] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    border: 1.5px solid var(--t-card-border);
    background: var(--t-hover);
    color: var(--t-text-muted);
    cursor: pointer;
    transition: all 0.2s;
    flex-shrink: 0;
}

.ar-back:hover[b-cdqonezu1c] {
    background: var(--t-accent-light);
    color: var(--t-accent);
    border-color: var(--t-accent);
}

.ar-back svg[b-cdqonezu1c] {
    width: 20px;
    height: 20px;
}

.ar-input-wrap[b-cdqonezu1c] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 10px;
    background: var(--t-hover);
    border: 1.5px solid var(--t-card-border);
    border-radius: 14px;
    padding: 10px 16px;
    transition: all 0.25s;
}

.ar-input-wrap:focus-within[b-cdqonezu1c] {
    border-color: var(--t-accent);
    box-shadow: 0 0 0 3px rgba(99,102,241,0.12);
    background: var(--t-card);
}

.ar-input-icon[b-cdqonezu1c] {
    width: 20px;
    height: 20px;
    opacity: 0.5;
    flex-shrink: 0;
}

.ar-input[b-cdqonezu1c] {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    color: var(--t-text);
    font-size: 1rem;
    font-family: inherit;
}

.ar-input[b-cdqonezu1c]::placeholder {
    color: var(--t-text-muted);
    opacity: 0.6;
}

.ar-clear[b-cdqonezu1c] {
    background: var(--t-hover);
    border: none;
    color: var(--t-text-muted);
    cursor: pointer;
    font-size: 0.75rem;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.2s;
}

.ar-clear:hover[b-cdqonezu1c] {
    background: var(--t-card-border);
    color: var(--t-text);
}

/* ═══ BODY ═══ */
.ar-body[b-cdqonezu1c] {
    max-width: 100%;
    margin: 0 auto;
    padding: 20px 16px 40px;
}

/* ═══ LOADING ═══ */
.ar-loading[b-cdqonezu1c] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 60px 20px;
    color: var(--t-text-muted);
    font-size: 0.9rem;
}

.ar-spinner[b-cdqonezu1c] {
    width: 22px;
    height: 22px;
    border: 2.5px solid var(--t-card-border);
    border-top-color: var(--t-accent);
    border-radius: 50%;
    animation: arSpin-b-cdqonezu1c 0.6s linear infinite;
}

@keyframes arSpin-b-cdqonezu1c {
    to { transform: rotate(360deg); }
}

/* ═══ RESULTS HEADER ═══ */
.ar-results-header[b-cdqonezu1c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    flex-wrap: nowrap;
    gap: 12px;
}

.ar-results-count[b-cdqonezu1c] {
    font-size: 0.8rem;
    color: var(--t-text-muted);
}

.ar-filter-clear[b-cdqonezu1c] {
    background: rgba(239,68,68,0.1);
    border: 1px solid rgba(239,68,68,0.2);
    color: #dc2626;
    font-size: 0.75rem;
    padding: 4px 10px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
}

.ar-filter-clear:hover[b-cdqonezu1c] {
    background: rgba(239,68,68,0.18);
}

/* ═══ CATEGORY PILLS ═══ */
.ar-categories[b-cdqonezu1c] {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 8px;
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--t-card-border);
    -webkit-overflow-scrolling: touch;
}

.ar-cat-btn[b-cdqonezu1c] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 20px;
    border: 1px solid var(--t-card-border);
    background: var(--t-card);
    color: var(--t-text-muted);
    font-size: 0.8rem;
    cursor: pointer;
    transition: all 0.2s;
    flex-shrink: 0;
    white-space: nowrap;
}

.ar-cat-btn:hover[b-cdqonezu1c] {
    background: var(--t-accent-light);
    border-color: var(--t-accent);
}

.ar-cat-btn.active[b-cdqonezu1c] {
    background: var(--t-accent-light);
    border-color: var(--t-accent);
    color: var(--t-accent);
    font-weight: 600;
}

.ar-cat-count[b-cdqonezu1c] {
    background: var(--t-hover);
    padding: 1px 7px;
    border-radius: 10px;
    font-size: 0.7rem;
}

.ar-cat-btn.active .ar-cat-count[b-cdqonezu1c] {
    background: var(--t-accent);
    color: #fff;
}

/* ═══ RESULT ITEMS ═══ */
.ar-results[b-cdqonezu1c] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ar-item[b-cdqonezu1c] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    border-radius: 14px;
    border: 1px solid var(--t-card-border);
    background: var(--t-card);
    cursor: pointer;
    transition: all 0.2s;
}

.ar-item:hover[b-cdqonezu1c] {
    background: var(--t-accent-light);
    border-color: var(--t-accent);
    transform: translateX(4px);
}

.ar-item-icon[b-cdqonezu1c] {
    font-size: 1.4rem;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--t-hover);
    border-radius: 12px;
    flex-shrink: 0;
}

.ar-item-content[b-cdqonezu1c] {
    flex: 1;
    min-width: 0;
}

.ar-item-cat[b-cdqonezu1c] {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--t-accent);
    opacity: 0.8;
    margin-bottom: 2px;
}

.ar-item-title[b-cdqonezu1c] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--t-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ar-item-detail[b-cdqonezu1c] {
    font-size: 0.78rem;
    color: var(--t-text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 2px;
}

.ar-item-match[b-cdqonezu1c] {
    font-size: 0.73rem;
    color: var(--t-accent);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 4px;
    padding: 3px 10px;
    background: var(--t-accent-light);
    border-radius: 8px;
    border-left: 2px solid var(--t-accent);
    display: flex;
    align-items: center;
    gap: 5px;
}

.ar-match-icon[b-cdqonezu1c] {
    width: 13px;
    height: 13px;
    flex-shrink: 0;
    opacity: 0.7;
}

.ar-item-arrow[b-cdqonezu1c] {
    width: 18px;
    height: 18px;
    color: var(--t-text-muted);
    opacity: 0.4;
    flex-shrink: 0;
    transition: all 0.2s;
}

.ar-item:hover .ar-item-arrow[b-cdqonezu1c] {
    opacity: 0.8;
    color: var(--t-accent);
}

[b-cdqonezu1c] .ar-hl {
    background: var(--t-accent-light);
    color: var(--t-accent);
    border-radius: 3px;
    padding: 0 2px;
    font-weight: 600;
}

/* ═══ EMPTY ═══ */
.ar-empty[b-cdqonezu1c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 80px 20px;
    text-align: center;
}

.ar-empty-icon[b-cdqonezu1c] {
    width: 48px;
    height: 48px;
    opacity: 0.25;
}

.ar-empty-text[b-cdqonezu1c] {
    font-size: 1rem;
    color: var(--t-text-muted);
}

.ar-empty-hint[b-cdqonezu1c] {
    font-size: 0.82rem;
    color: var(--t-text-muted);
    opacity: 0.6;
}

/* ═══ WELCOME ═══ */
.ar-welcome[b-cdqonezu1c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 100px 20px;
    text-align: center;
}

.ar-welcome-icon[b-cdqonezu1c] {
    width: 56px;
    height: 56px;
    opacity: 0.15;
}

.ar-welcome-text[b-cdqonezu1c] {
    font-size: 1.1rem;
    color: var(--t-text-muted);
    font-weight: 500;
}

.ar-welcome-hint[b-cdqonezu1c] {
    font-size: 0.85rem;
    color: var(--t-text-muted);
    opacity: 0.5;
}

/* ═══ MOBİL ═══ */
@media (max-width: 768px) {
    .ar-header[b-cdqonezu1c] {
        padding: 12px 12px;
        gap: 8px;
    }

    .ar-input-wrap[b-cdqonezu1c] {
        padding: 8px 12px;
    }

    .ar-input[b-cdqonezu1c] {
        font-size: 0.9rem;
    }

    .ar-body[b-cdqonezu1c] {
        padding: 16px 12px 32px;
    }

    .ar-item[b-cdqonezu1c] {
        padding: 12px;
        gap: 10px;
    }

    .ar-item-icon[b-cdqonezu1c] {
        width: 38px;
        height: 38px;
        font-size: 1.2rem;
    }
}
/* /Components/Pages/Ayarlar.razor.rz.scp.css */
.page-container[b-jhmvk2rtif] { width: 100%; margin: auto; padding: 6px 8px; }

/* Şifre zorunlu banner */
.sifre-zorunlu-banner[b-jhmvk2rtif] {
    display: flex; align-items: center; gap: 16px;
    background: linear-gradient(135deg, #fef2f2, #fee2e2);
    border: 2px solid #f87171; border-radius: 14px;
    padding: 20px 24px; margin-bottom: 18px;
    animation: szb-pulse-b-jhmvk2rtif 3s ease-in-out infinite;
}
@keyframes szb-pulse-b-jhmvk2rtif { 0%, 100% { border-color: #f87171; } 50% { border-color: #dc2626; } }
.szb-icon[b-jhmvk2rtif] { font-size: 2rem; flex-shrink: 0; }
.szb-text strong[b-jhmvk2rtif] { display: block; color: #991b1b; font-size: 1rem; margin-bottom: 4px; }
.szb-text span[b-jhmvk2rtif] { color: #b91c1c; font-size: 0.85rem; line-height: 1.5; }
.sifre-zorunlu-box[b-jhmvk2rtif] { border-color: #f87171 !important; box-shadow: 0 0 20px rgba(248,113,113,0.2); }
.sifre-zorunlu-box .box-header[b-jhmvk2rtif] { background: linear-gradient(135deg, #fef2f2, #fee2e2); color: #991b1b; }

.settings-card[b-jhmvk2rtif] {
    background: var(--t-card, #fff); border-radius: 14px; border: 1px solid var(--t-card-border, #e2e8f0);
    padding: 24px; box-shadow: 0 4px 24px rgba(0,0,0,0.04);
    color: var(--t-text, #1e293b);
}

.settings-header[b-jhmvk2rtif] { display: flex; align-items: center; gap: 10px; margin-bottom: 24px; }
.accent[b-jhmvk2rtif] { width: 5px; height: 26px; background: var(--t-accent, #6366f1); border-radius: 4px; }
.settings-header h2[b-jhmvk2rtif] { margin: 0; font-size: 1.4rem; font-weight: 800; color: var(--t-text, #1e293b); }

.settings-grid[b-jhmvk2rtif] {
    display: grid; grid-template-columns: 1fr 1fr; gap: 18px;
}

/* Destek Taleplerim — tam genişlik banner */
.destek-box[b-jhmvk2rtif] {
    grid-column: 1 / -1;
    background: linear-gradient(135deg, var(--t-hover, #f8fafc), rgba(99,102,241,0.04));
    border-color: rgba(99,102,241,0.2);
    position: relative;
    overflow: hidden;
}
.destek-box:hover[b-jhmvk2rtif] { border-color: rgba(99,102,241,0.35); }
.destek-box .box-header[b-jhmvk2rtif] { background: linear-gradient(135deg, rgba(99,102,241,0.06), rgba(59,130,246,0.04)); }

/* Yanıt var — dikkat çekici animasyon */
.destek-yanit-var[b-jhmvk2rtif] {
    border-color: rgba(239,68,68,0.35) !important;
    animation: destekGlow-b-jhmvk2rtif 2.5s ease-in-out infinite;
}
.destek-yanit-var[b-jhmvk2rtif]::before {
    content: '';
    position: absolute; inset: 0;
    background: linear-gradient(135deg, rgba(239,68,68,0.04), rgba(239,68,68,0.08), rgba(99,102,241,0.04));
    background-size: 200% 200%;
    animation: destekShimmer-b-jhmvk2rtif 3s ease-in-out infinite;
    pointer-events: none;
    z-index: 0;
}
.destek-yanit-var > *[b-jhmvk2rtif] { position: relative; z-index: 1; }
.destek-yanit-var .box-header[b-jhmvk2rtif] {
    background: linear-gradient(135deg, rgba(239,68,68,0.06), rgba(239,68,68,0.03)) !important;
}
.destek-badge-yanit[b-jhmvk2rtif] {
    position: absolute; top: 12px; right: 16px; z-index: 2;
    background: linear-gradient(135deg, #ef4444, #dc2626);
    color: #fff; font-size: 0.75rem; font-weight: 700;
    padding: 4px 12px; border-radius: 20px;
    animation: destekBadgePulse-b-jhmvk2rtif 2s ease-in-out infinite;
    box-shadow: 0 2px 8px rgba(239,68,68,0.3);
}
@keyframes destekGlow-b-jhmvk2rtif {
    0%, 100% { border-color: rgba(239,68,68,0.25); box-shadow: 0 0 0 0 rgba(239,68,68,0); }
    50% { border-color: rgba(239,68,68,0.45); box-shadow: 0 0 12px rgba(239,68,68,0.08); }
}
@keyframes destekShimmer-b-jhmvk2rtif {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
@keyframes destekBadgePulse-b-jhmvk2rtif {
    0%, 100% { transform: scale(1); box-shadow: 0 2px 8px rgba(239,68,68,0.3); }
    50% { transform: scale(1.05); box-shadow: 0 4px 16px rgba(239,68,68,0.45); }
}
.destek-body[b-jhmvk2rtif] {
    display: flex; align-items: center; gap: 18px;
}
.destek-body .box-desc[b-jhmvk2rtif] { margin: 0; flex: 1; }
.destek-body .s-btn[b-jhmvk2rtif] { flex-shrink: 0; white-space: nowrap; }

.setting-box[b-jhmvk2rtif] {
    background: var(--t-hover, #f8fafc); border: 1px solid var(--t-card-border, #e2e8f0); border-radius: 14px;
    overflow: hidden; transition: border-color 0.2s;
}

.setting-box:hover[b-jhmvk2rtif] { border-color: var(--t-input-border, #cbd5e1); }

.box-header[b-jhmvk2rtif] {
    padding: 14px 18px; font-weight: 800; font-size: 0.95rem; color: var(--t-text, #1e293b);
    border-bottom: 2px solid var(--t-card-border, #e2e8f0); background: var(--t-card, #fff);
    display: flex; align-items: center; gap: 8px;
}

.box-header span[b-jhmvk2rtif] { font-size: 1.1rem; }

.box-body[b-jhmvk2rtif] { padding: 18px; }
.box-desc[b-jhmvk2rtif] { margin: 0 0 14px; font-size: 0.85rem; color: var(--t-text-muted, #64748b); line-height: 1.5; }

.s-field[b-jhmvk2rtif] { margin-bottom: 12px; }
.s-field label[b-jhmvk2rtif] { display: block; font-weight: 700; font-size: 0.85rem; color: var(--t-text-muted, #475569); margin-bottom: 5px; }

.s-input[b-jhmvk2rtif] {
    width: 100%; padding: 9px 12px; border: 1.5px solid var(--t-input-border, #e2e8f0); border-radius: 8px;
    font-size: 0.88rem; outline: none; transition: all 0.2s; box-sizing: border-box;
    background: var(--t-input-bg, #fff); color: var(--t-text, #1e293b);
}

.s-input:focus[b-jhmvk2rtif] { border-color: var(--t-accent, #6366f1); box-shadow: 0 0 0 3px rgba(99,102,241,0.1); }
.s-input:disabled[b-jhmvk2rtif] { background: var(--t-hover, #f1f5f9); color: var(--t-text-muted, #94a3b8); }

.field-hint[b-jhmvk2rtif] { font-size: 0.75rem; color: var(--t-text-muted, #94a3b8); margin-top: 4px; display: block; font-style: italic; }

/* Password strength */
.pw-strength[b-jhmvk2rtif] { margin-top: 6px; display: flex; align-items: center; gap: 8px; }
.pw-bar[b-jhmvk2rtif] { flex: 1; height: 5px; background: var(--t-card-border, #e2e8f0); border-radius: 4px; overflow: hidden; }
.pw-fill[b-jhmvk2rtif] { height: 100%; border-radius: 4px; transition: width 0.3s, background 0.3s; }

.pw-rules[b-jhmvk2rtif] { margin: 8px 0 0; padding: 0; list-style: none; font-size: 0.78rem; color: var(--t-text-muted, #94a3b8); }
.pw-rules li[b-jhmvk2rtif] { padding: 2px 0; }
.pw-rules li[b-jhmvk2rtif]::before { content: "✗ "; color: #ef4444; }
.pw-rules li.ok[b-jhmvk2rtif] { color: #16a34a; }
.pw-rules li.ok[b-jhmvk2rtif]::before { content: "✓ "; color: #16a34a; }

/* Contact */
.contact-row[b-jhmvk2rtif] {
    display: flex; align-items: center; gap: 12px;
    padding: 12px 0; border-bottom: 1px solid var(--t-card-border, #f1f5f9);
    font-size: 0.92rem; color: var(--t-text, #334155); font-weight: 600;
}

.contact-row:last-child[b-jhmvk2rtif] { border-bottom: none; }
.contact-icon[b-jhmvk2rtif] { font-size: 1.2rem; }

/* Buttons */
.s-btn[b-jhmvk2rtif] {
    padding: 10px 20px; border-radius: 8px; border: none; font-weight: 700; font-size: 0.88rem;
    cursor: pointer; transition: all 0.2s; margin-top: 6px;
}

.s-btn.primary[b-jhmvk2rtif] {
    background: linear-gradient(135deg, var(--t-accent, #6366f1), #8b5cf6); color: white;
    box-shadow: 0 4px 12px rgba(99,102,241,0.3);
}

.s-btn.primary:hover[b-jhmvk2rtif] { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(99,102,241,0.4); }

.s-msg[b-jhmvk2rtif] {
    padding: 10px 14px; border-radius: 8px; font-weight: 700; font-size: 0.85rem; margin: 8px 0;
}
.s-msg.success[b-jhmvk2rtif] { background: #dcfce7; color: #166534; }
.s-msg.error[b-jhmvk2rtif] { background: #fef2f2; color: #dc2626; }

/* ═══ GÖRÜNÜM AYARLARI KUTUSU ═══ */
.gorunum-box[b-jhmvk2rtif] {
    grid-column: 1 / -1;
}

.g-section[b-jhmvk2rtif] {
    margin-bottom: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--t-card-border, #f1f5f9);
}
.g-section:last-child[b-jhmvk2rtif] {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.sifirla-btn[b-jhmvk2rtif] {
    background: var(--t-hover, #f1f5f9);
    color: var(--t-text-muted, #64748b);
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    padding: 10px 24px;
}
.sifirla-btn:hover[b-jhmvk2rtif] {
    border-color: #ef4444;
    color: #ef4444;
    background: #fef2f2;
}

@media (max-width: 900px) {
    .settings-grid[b-jhmvk2rtif] { grid-template-columns: 1fr; }
    .destek-box[b-jhmvk2rtif] { grid-column: 1; }
}

@media (max-width: 600px) {
    .page-container[b-jhmvk2rtif] { padding: 4px; }
    .settings-card[b-jhmvk2rtif] { padding: 14px; }
    .box-body[b-jhmvk2rtif] { padding: 14px; }
    .destek-body[b-jhmvk2rtif] { flex-direction: column; align-items: stretch; }
    .s-input[b-jhmvk2rtif] {
        font-size: 0.78rem;
        padding: 8px 10px;
        height: auto;
        min-height: 0;
        -webkit-appearance: none;
        appearance: none;
    }
    .s-input[b-jhmvk2rtif]::placeholder { font-size: 0.75rem; }
    .s-field label[b-jhmvk2rtif] { font-size: 0.78rem; }
    .pw-rules[b-jhmvk2rtif] { font-size: 0.7rem; }
    .field-hint[b-jhmvk2rtif] { font-size: 0.68rem; }
}

/* ═══ GÜVENİLEN CİHAZLAR ═══ */
.gc-list[b-jhmvk2rtif] { display: flex; flex-direction: column; gap: 8px; }
.gc-item[b-jhmvk2rtif] {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    padding: 12px 14px; border-radius: 10px;
    background: var(--t-hover, #f8fafc);
    border: 1px solid var(--t-card-border, #e2e8f0);
    transition: all 0.2s;
}
.gc-item:hover[b-jhmvk2rtif] { border-color: var(--t-accent, #6366f1); }
.gc-current[b-jhmvk2rtif] {
    background: linear-gradient(135deg, rgba(99,102,241,0.06), rgba(59,130,246,0.04));
    border-color: rgba(99,102,241,0.3);
}
.gc-info[b-jhmvk2rtif] { flex: 1; min-width: 0; }
.gc-name[b-jhmvk2rtif] {
    font-size: 0.88rem; font-weight: 700; color: var(--t-text, #1e293b);
    display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
}
.gc-badge[b-jhmvk2rtif] {
    font-size: 0.68rem; font-weight: 700; color: #6366f1;
    background: rgba(99,102,241,0.1); padding: 2px 8px; border-radius: 6px;
}
.gc-meta[b-jhmvk2rtif] { font-size: 0.76rem; color: var(--t-text-muted, #94a3b8); margin-top: 2px; }
.gc-remove[b-jhmvk2rtif] {
    background: none; border: 1px solid transparent; cursor: pointer;
    font-size: 1rem; padding: 6px 8px; border-radius: 8px; transition: all 0.2s;
    flex-shrink: 0;
}
.gc-remove:hover[b-jhmvk2rtif] { background: #fef2f2; border-color: #fecaca; }
.gc-rename[b-jhmvk2rtif] {
    background: none; border: none; cursor: pointer; font-size: 0.78rem;
    padding: 2px 4px; border-radius: 4px; transition: all 0.15s; opacity: 0.5;
}
.gc-rename:hover[b-jhmvk2rtif] { opacity: 1; background: #eff6ff; }
.gc-edit-input[b-jhmvk2rtif] {
    padding: 4px 10px; border: 1.5px solid #6366f1; border-radius: 8px;
    font-size: 0.84rem; outline: none; width: 180px; font-weight: 600;
    background: var(--t-input-bg, #fff); color: var(--t-text, #1e293b);
}
.gc-edit-input:focus[b-jhmvk2rtif] { box-shadow: 0 0 0 3px rgba(99,102,241,0.12); }
.gc-edit-ok[b-jhmvk2rtif] {
    background: none; border: none; cursor: pointer; font-size: 0.85rem;
    padding: 2px 6px; border-radius: 4px; transition: all 0.15s;
}
.gc-edit-ok:hover[b-jhmvk2rtif] { background: #dcfce7; }
.gc-edit-cancel[b-jhmvk2rtif] {
    background: none; border: none; cursor: pointer; font-size: 0.78rem;
    padding: 2px 6px; border-radius: 4px; color: #94a3b8; font-weight: 700;
    transition: all 0.15s;
}
.gc-edit-cancel:hover[b-jhmvk2rtif] { background: #fef2f2; color: #dc2626; }

.s-btn.danger[b-jhmvk2rtif] {
    background: linear-gradient(135deg, #dc2626, #ef4444); color: white;
    border: none; padding: 10px 20px; border-radius: 10px; font-weight: 700;
    font-size: 0.82rem; cursor: pointer; transition: all 0.2s;
}
.s-btn.danger:hover[b-jhmvk2rtif] { box-shadow: 0 4px 16px rgba(220,38,38,0.25); transform: translateY(-1px); }
/* /Components/Pages/Belgelerim.razor.rz.scp.css */
/* ═══ BELGELERIM ═══ */
.blg-card[b-oat4kidb36] {
    background: var(--t-card, #fff);
    border-radius: 0 0 18px 18px;
    box-shadow: 0 2px 16px rgba(0,0,0,0.07);
    overflow: hidden;
    border: 1px solid var(--t-card-border, #e2e8f0);
    border-top: none;
}

/* Upload butonları */
.blg-upload-btns[b-oat4kidb36] {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-shrink: 0;
}

.blg-body[b-oat4kidb36] { padding: 20px; }

/* İstatistik kartları */
.blg-stats[b-oat4kidb36] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}
.blg-stat[b-oat4kidb36] {
    flex: 0 0 auto;
    min-width: 80px;
    padding: 10px 16px;
    border-radius: 12px;
    text-align: center;
    background: var(--t-accent-light, #f1f5f9);
    cursor: pointer;
    transition: all 0.2s;
    border: 2px solid transparent;
}
.blg-stat:hover[b-oat4kidb36] { border-color: var(--t-accent, #6366f1); opacity: 0.9; }
.blg-stat.active[b-oat4kidb36] {
    background: var(--t-accent-light, rgba(99,102,241,0.1));
    border-color: var(--t-accent, #6366f1);
}
.blg-stat-num[b-oat4kidb36] { font-size: 1.3rem; font-weight: 800; color: var(--t-accent, #6366f1); }
.blg-stat-lbl[b-oat4kidb36] { font-size: 0.72rem; color: var(--t-text-muted, #64748b); font-weight: 600; margin-top: 2px; }

/* Kota */
.blg-kota[b-oat4kidb36] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    border-radius: 10px;
    background: var(--t-accent-light, #f8fafc);
    font-size: 0.82rem;
    color: var(--t-text-muted, #64748b);
    margin-bottom: 16px;
}
.blg-kota-bar[b-oat4kidb36] {
    flex: 1;
    height: 6px;
    border-radius: 3px;
    background: var(--t-card-border, #e2e8f0);
    overflow: hidden;
}
.blg-kota-fill[b-oat4kidb36] {
    height: 100%;
    border-radius: 3px;
    background: linear-gradient(90deg, var(--t-accent, #6366f1), #818cf8);
    transition: width 0.4s ease;
}

/* Yükleme alanı */
.blg-upload-area[b-oat4kidb36] {
    padding: 20px;
    border-radius: 16px;
    background: var(--t-accent-light, #f0f9ff);
    border: 1.5px dashed color-mix(in srgb, var(--t-accent, #6366f1) 40%, transparent);
    margin-bottom: 16px;
}
.blg-upload-header[b-oat4kidb36] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
    flex-wrap: wrap;
    gap: 6px;
}
.blg-upload-title[b-oat4kidb36] {
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--t-text, #1e293b);
}
.blg-upload-hint[b-oat4kidb36] {
    font-size: 0.72rem;
    color: var(--t-text-muted, #94a3b8);
    font-weight: 500;
}
.blg-upload-grid[b-oat4kidb36] {
    display: flex;
    gap: 12px;
    align-items: flex-end;
    margin-bottom: 12px;
    flex-wrap: wrap;
}
.blg-upload-bottom[b-oat4kidb36] {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
}
.blg-upload-field[b-oat4kidb36] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 160px;
}
.blg-upload-field label[b-oat4kidb36] {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--t-text-muted, #64748b);
}
.blg-upload-field select[b-oat4kidb36],
.blg-upload-field input[type="text"][b-oat4kidb36] {
    padding: 8px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--t-input-border, #e2e8f0);
    font-size: 0.85rem;
    background: var(--t-input-bg, #fff);
    color: var(--t-text, #334155);
}
.blg-grow[b-oat4kidb36] { flex: 1; min-width: 180px; }

/* ::deep — Child component stiller */
[b-oat4kidb36] .ss-wrap { min-width: 180px; }
[b-oat4kidb36] .ss-wrap .m-input {
    padding: 8px 12px !important;
    border-radius: 8px !important;
    border: 1.5px solid var(--t-input-border, #e2e8f0) !important;
    background: var(--t-input-bg, #fff) !important;
    color: var(--t-text, #334155) !important;
    font-size: 0.85rem !important;
    width: 100% !important;
    box-sizing: border-box;
}
[b-oat4kidb36] .ss-wrap .m-input:focus {
    border-color: var(--t-accent, #6366f1) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--t-accent, #6366f1) 10%, transparent) !important;
}

/* Drag & Drop + Dosya seçici */
.blg-upload-area.blg-dragging[b-oat4kidb36],
.blg-upload-bottom.blg-dragging[b-oat4kidb36] {
    border-color: var(--t-accent, #6366f1);
    background: color-mix(in srgb, var(--t-accent, #6366f1) 8%, var(--t-accent-light, #f0f9ff));
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--t-accent, #6366f1) 12%, transparent);
}
.blg-upload-bottom.blg-dragging[b-oat4kidb36] {
    border-radius: 12px;
    padding: 12px;
    border: 1.5px dashed var(--t-accent, #6366f1);
}
.blg-drop-label[b-oat4kidb36] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    border-radius: 10px;
    border: 1.5px dashed var(--t-input-border, #cbd5e1);
    background: var(--t-input-bg, #fff);
    cursor: pointer;
    transition: all 0.2s;
    min-height: 40px;
    flex: 1;
    min-width: 180px;
}
.blg-drop-label:hover[b-oat4kidb36] {
    border-color: var(--t-accent, #6366f1);
    background: var(--t-accent-light, #eef2ff);
}
.blg-dragging .blg-drop-label[b-oat4kidb36] {
    border-color: var(--t-accent, #6366f1);
    background: color-mix(in srgb, var(--t-accent, #6366f1) 10%, white);
}
.blg-drop-zone-text[b-oat4kidb36] {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--t-text-muted, #94a3b8);
}
.blg-dragging .blg-drop-zone-text[b-oat4kidb36] {
    color: var(--t-accent, #6366f1);
}
.blg-file-name[b-oat4kidb36] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--t-accent, #6366f1);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 260px;
}
.blg-file-size[b-oat4kidb36] {
    font-weight: 500;
    color: var(--t-text-muted, #94a3b8);
}

/* Butonlar */
.blg-btn[b-oat4kidb36] {
    padding: 9px 18px;
    border: none;
    border-radius: 10px;
    font-size: 0.85rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    text-decoration: none;
}
.blg-btn-upload[b-oat4kidb36] {
    background: linear-gradient(135deg, var(--t-accent, #6366f1), #818cf8);
    color: #fff;
    box-shadow: 0 2px 8px rgba(99,102,241,0.2);
}
.blg-btn-upload:hover:not(:disabled)[b-oat4kidb36] { transform: translateY(-1px); box-shadow: 0 4px 14px rgba(99,102,241,0.3); }
.blg-btn-upload:disabled[b-oat4kidb36] { opacity: 0.5; cursor: not-allowed; }
.blg-btn-cancel[b-oat4kidb36] {
    background: var(--t-card, #fff);
    color: #dc2626;
    border: 1.5px solid #fecaca;
    animation: blg-cancel-in-b-oat4kidb36 0.2s ease;
}
.blg-btn-cancel:hover[b-oat4kidb36] { background: #fef2f2; border-color: #f87171; }
@keyframes blg-cancel-in-b-oat4kidb36 { from { opacity: 0; transform: scale(0.9); } to { opacity: 1; transform: scale(1); } }
.blg-btn-del[b-oat4kidb36] { background: linear-gradient(135deg, #dc2626, #ef4444); color: #fff; }

.blg-spinner[b-oat4kidb36] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: blg-spin-b-oat4kidb36 0.6s linear infinite;
}
@keyframes blg-spin-b-oat4kidb36 { to { transform: rotate(360deg); } }

/* Arama */
.blg-search-row[b-oat4kidb36] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}
.blg-search-wrap[b-oat4kidb36] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 10px;
    border: 1.5px solid var(--t-input-border, #e2e8f0);
    background: var(--t-input-bg, #fff);
    transition: border-color 0.2s;
}
.blg-search-wrap:focus-within[b-oat4kidb36] {
    border-color: var(--t-accent, #6366f1);
}
.blg-search-wrap input[b-oat4kidb36] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 0.85rem;
    color: var(--t-text, #334155);
}
.blg-search-ico[b-oat4kidb36] { font-size: 0.9rem; }
.blg-count[b-oat4kidb36] {
    font-size: 0.8rem;
    color: var(--t-text-muted, #94a3b8);
    font-weight: 600;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 8px 14px;
    border-radius: 20px;
    background: var(--t-accent-light, #f1f5f9);
}
.blg-count-num[b-oat4kidb36] {
    font-weight: 800;
    color: var(--t-accent, #6366f1);
    font-size: 0.88rem;
}

/* Belge listesi */
.blg-list[b-oat4kidb36] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.blg-item[b-oat4kidb36] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    border-radius: 12px;
    background: var(--t-card, #fff);
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    transition: all 0.2s;
}
.blg-item:hover[b-oat4kidb36] {
    border-color: var(--t-accent, #818cf8);
    box-shadow: 0 2px 8px rgba(99,102,241,0.08);
}
.blg-item-icon[b-oat4kidb36] {
    font-size: 1.8rem;
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: var(--t-accent-light, #f1f5f9);
}
.blg-item-info[b-oat4kidb36] { flex: 1; min-width: 0; }
.blg-item-name[b-oat4kidb36] {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--t-text, #1e293b);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.blg-item-meta[b-oat4kidb36] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 4px;
    font-size: 0.75rem;
    color: var(--t-text-muted, #94a3b8);
}
.blg-badge[b-oat4kidb36] {
    padding: 2px 8px;
    border-radius: 6px;
    font-size: 0.7rem;
    font-weight: 700;
    background: var(--t-accent-light, rgba(99,102,241,0.1));
    color: var(--t-accent, #6366f1);
}
.blg-badge.sirket[b-oat4kidb36] {
    background: rgba(16,185,129,0.12);
    color: #059669;
}
.blg-uploader[b-oat4kidb36] {
    font-weight: 600;
    color: var(--t-text, #475569);
}
.blg-item-desc[b-oat4kidb36] {
    font-size: 0.78rem;
    color: var(--t-text-muted, #64748b);
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.blg-item-actions[b-oat4kidb36] {
    display: flex;
    gap: 6px;
    flex-shrink: 0;
}
.blg-act[b-oat4kidb36] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    font-size: 1rem;
    transition: all 0.2s;
    text-decoration: none;
    background: var(--t-accent-light, #f1f5f9);
    color: var(--t-text, #334155);
}
.blg-act.download:hover[b-oat4kidb36] { background: rgba(99,102,241,0.15); }
.blg-act.del:hover[b-oat4kidb36] { background: rgba(220,38,38,0.12); }

/* Boş */
.blg-empty[b-oat4kidb36] {
    text-align: center;
    padding: 56px 24px 48px;
    color: var(--t-text-muted, #94a3b8);
}
.blg-empty-visual[b-oat4kidb36] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
.blg-empty-ico[b-oat4kidb36] {
    font-size: 3.2rem;
    position: relative;
    z-index: 1;
    animation: blg-empty-bounce-b-oat4kidb36 2s ease-in-out infinite;
}
.blg-empty-circle[b-oat4kidb36] {
    position: absolute;
    width: 88px;
    height: 88px;
    border-radius: 50%;
    background: linear-gradient(135deg, color-mix(in srgb, var(--t-accent, #6366f1) 8%, transparent), color-mix(in srgb, var(--t-accent, #6366f1) 14%, transparent));
    border: 2px dashed color-mix(in srgb, var(--t-accent, #6366f1) 20%, transparent);
    animation: blg-empty-pulse-b-oat4kidb36 3s ease-in-out infinite;
}
.blg-empty h3[b-oat4kidb36] {
    font-size: 1.12rem;
    margin: 0 0 8px;
    color: var(--t-text, #475569);
    font-weight: 700;
}
.blg-empty p[b-oat4kidb36] {
    font-size: 0.85rem;
    margin: 0 0 18px;
    max-width: 320px;
    margin-inline: auto;
    line-height: 1.5;
}
.blg-empty-hint[b-oat4kidb36] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 18px;
    border-radius: 12px;
    background: var(--t-accent-light, rgba(99,102,241,0.06));
    border: 1.5px dashed color-mix(in srgb, var(--t-accent, #6366f1) 25%, transparent);
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--t-accent, #6366f1);
}
@keyframes blg-empty-bounce-b-oat4kidb36 {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-6px); }
}
@keyframes blg-empty-pulse-b-oat4kidb36 {
    0%, 100% { transform: scale(1); opacity: 0.7; }
    50% { transform: scale(1.08); opacity: 1; }
}

/* Sayfalama */
.blg-pager[b-oat4kidb36] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 16px;
}
.blg-page-btn[b-oat4kidb36] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    background: var(--t-card, #fff);
    font-size: 1.1rem;
    font-weight: 700;
    cursor: pointer;
    color: var(--t-accent, #6366f1);
    transition: all 0.2s;
}
.blg-page-btn:hover:not(:disabled)[b-oat4kidb36] { background: var(--t-hover, rgba(99,102,241,0.08)); }
.blg-page-btn:disabled[b-oat4kidb36] { opacity: 0.3; cursor: not-allowed; }
.blg-page-info[b-oat4kidb36] { font-size: 0.85rem; font-weight: 700; color: var(--t-text-muted, #64748b); }

/* Popup */
.blg-overlay[b-oat4kidb36] {
    position: fixed;
    inset: 0;
    z-index: 9000;
    background: rgba(0,0,0,0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.blg-popup[b-oat4kidb36] {
    background: var(--t-card, #fff);
    border-radius: 18px;
    max-width: 380px;
    width: 100%;
    padding: 28px;
    text-align: center;
    box-shadow: 0 20px 60px rgba(0,0,0,0.3);
    border: 1px solid var(--t-card-border, #e2e8f0);
}
.blg-popup-icon[b-oat4kidb36] { font-size: 2.5rem; margin-bottom: 10px; }
.blg-popup h3[b-oat4kidb36] { margin: 0 0 8px; font-size: 1.1rem; color: var(--t-text, #1e293b); }
.blg-popup p[b-oat4kidb36] { font-size: 0.85rem; color: var(--t-text-muted, #64748b); margin: 0 0 20px; word-break: break-word; }
.blg-popup-btns[b-oat4kidb36] { display: flex; gap: 10px; justify-content: center; }

/* Görüntüleme butonu */
.blg-act.view[b-oat4kidb36] { background: rgba(99,102,241,0.08); color: var(--t-accent, #6366f1); }
.blg-act.view:hover[b-oat4kidb36] { background: rgba(99,102,241,0.18); transform: scale(1.05); }

/* ═══ BELGE GÖRÜNTÜLEME OVERLAY ═══ */
.blg-viewer-overlay[b-oat4kidb36] {
    position: fixed;
    inset: 0;
    z-index: 9500;
    background: rgba(0,0,0,0.6);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    animation: blg-viewer-fade-b-oat4kidb36 0.2s ease;
}
@keyframes blg-viewer-fade-b-oat4kidb36 { from { opacity: 0; } to { opacity: 1; } }
.blg-viewer[b-oat4kidb36] {
    background: var(--t-card, #fff);
    border-radius: 18px;
    max-width: 900px;
    width: 100%;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 24px 80px rgba(0,0,0,0.3);
    border: 1px solid var(--t-card-border, #e2e8f0);
    animation: blg-viewer-in-b-oat4kidb36 0.25s ease;
    overflow: hidden;
}
@keyframes blg-viewer-in-b-oat4kidb36 { from { opacity: 0; transform: scale(0.95) translateY(10px); } to { opacity: 1; transform: scale(1) translateY(0); } }
.blg-viewer-header[b-oat4kidb36] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1.5px solid var(--t-card-border, #e2e8f0);
    background: var(--t-accent-light, #f8fafc);
    gap: 12px;
    flex-wrap: wrap;
}
.blg-viewer-title[b-oat4kidb36] {
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--t-text, #1e293b);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    flex: 1;
}
.blg-viewer-actions[b-oat4kidb36] {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}
.blg-viewer-body[b-oat4kidb36] {
    flex: 1;
    overflow: auto;
    padding: 20px;
    min-height: 300px;
}
.blg-viewer-img[b-oat4kidb36] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
}
.blg-viewer-img img[b-oat4kidb36] {
    max-width: 100%;
    max-height: 70vh;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    object-fit: contain;
}
.blg-viewer-unsupported[b-oat4kidb36] {
    text-align: center;
    padding: 60px 20px;
    color: var(--t-text-muted, #94a3b8);
}
.blg-viewer-unsupported-icon[b-oat4kidb36] {
    font-size: 3rem;
    margin-bottom: 16px;
}
.blg-viewer-unsupported p[b-oat4kidb36] {
    font-size: 0.9rem;
    margin: 0 0 20px;
}

/* ═══ ŞİRKET ÖZGEÇMİŞİ ═══ */
.blg-oz-info[b-oat4kidb36] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px 20px;
    border-radius: 14px;
    margin-bottom: 18px;
    border: 1.5px solid transparent;
}
.blg-oz-info-icon[b-oat4kidb36] { font-size: 1.6rem; flex-shrink: 0; margin-top: 2px; }
.blg-oz-info-text[b-oat4kidb36] { display: flex; flex-direction: column; gap: 4px; }
.blg-oz-info-text strong[b-oat4kidb36] { font-size: 0.92rem; }
.blg-oz-info-text span[b-oat4kidb36] { font-size: 0.82rem; color: inherit; opacity: 0.85; }

.blg-oz-ok[b-oat4kidb36] {
    background: linear-gradient(135deg, #dcfce7, #f0fdf4);
    border-color: #86efac;
    color: #166534;
}
.blg-oz-beklemede[b-oat4kidb36] {
    background: linear-gradient(135deg, #fef3c7, #fffbeb);
    border-color: #fcd34d;
    color: #92400e;
}
.blg-oz-uyari[b-oat4kidb36] {
    background: linear-gradient(135deg, #fed7aa, #fff7ed);
    border-color: #fb923c;
    color: #9a3412;
}
.blg-oz-suresi-doldu[b-oat4kidb36] {
    background: linear-gradient(135deg, #fee2e2, #fef2f2);
    border-color: #fca5a5;
    color: #991b1b;
}

.blg-oz-step[b-oat4kidb36] {
    display: flex;
    gap: 16px;
    padding: 18px 20px;
    border-radius: 14px;
    background: var(--t-card, #fff);
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    margin-bottom: 12px;
    transition: all 0.2s;
}
.blg-oz-step-done[b-oat4kidb36] {
    border-color: #86efac;
    background: linear-gradient(135deg, #f0fdf4, #fff);
}
.blg-oz-step-disabled[b-oat4kidb36] {
    opacity: 0.55;
    pointer-events: none;
}
.blg-oz-step-num[b-oat4kidb36] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--t-accent-light, #f1f5f9);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.88rem;
    font-weight: 800;
    color: var(--t-accent, #6366f1);
    flex-shrink: 0;
    border: 2px solid var(--t-card-border, #e2e8f0);
}
.blg-oz-step-done .blg-oz-step-num[b-oat4kidb36] {
    background: #dcfce7;
    border-color: #86efac;
    color: #16a34a;
}
.blg-oz-step-content[b-oat4kidb36] { flex: 1; min-width: 0; }
.blg-oz-step-content strong[b-oat4kidb36] { font-size: 0.9rem; color: var(--t-text, #1e293b); }
.blg-oz-step-content p[b-oat4kidb36] { font-size: 0.82rem; color: var(--t-text-muted, #64748b); margin: 4px 0 10px; }

.blg-oz-file[b-oat4kidb36] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-radius: 10px;
    background: var(--t-accent-light, #f8fafc);
    border: 1px solid var(--t-card-border, #e2e8f0);
}
.blg-oz-file-icon[b-oat4kidb36] { font-size: 1.2rem; }
.blg-oz-file-name[b-oat4kidb36] {
    flex: 1;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--t-text, #334155);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.blg-oz-file-meta[b-oat4kidb36] {
    font-size: 0.75rem;
    color: var(--t-text-muted, #94a3b8);
    margin-top: 6px;
    font-weight: 500;
}
.blg-file-pick[b-oat4kidb36] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    border-radius: 10px;
    border: 1.5px dashed var(--t-input-border, #cbd5e1);
    background: var(--t-input-bg, #fff);
    cursor: pointer;
    transition: all 0.2s;
    min-height: 40px;
    flex: 1;
    min-width: 180px;
}
.blg-file-pick:hover[b-oat4kidb36] {
    border-color: var(--t-accent, #6366f1);
    background: var(--t-accent-light, #eef2ff);
}

/* Süre uyarı metni */
.blg-oz-sure-uyari[b-oat4kidb36] {
    display: block;
    margin-top: 6px;
    font-size: 0.76rem;
    font-weight: 600;
    opacity: 1 !important;
    color: inherit;
    padding: 6px 10px;
    border-radius: 8px;
    background: rgba(0,0,0,0.06);
    line-height: 1.4;
}

/* Kaldır butonu */
.blg-btn-kaldir[b-oat4kidb36] {
    background: var(--t-card, #fff);
    color: #dc2626;
    border: 1.5px solid #fecaca;
    padding: 9px 18px;
    font-size: 0.85rem;
    font-weight: 700;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}
.blg-btn-kaldir:hover[b-oat4kidb36] {
    background: #fef2f2;
    border-color: #f87171;
    transform: translateY(-1px);
}

.blg-oz-onay-btn[b-oat4kidb36] {
    background: linear-gradient(135deg, #16a34a, #22c55e) !important;
    color: #fff !important;
    padding: 11px 24px;
    font-size: 0.9rem;
    margin-top: 8px;
    box-shadow: 0 2px 10px rgba(22,163,74,0.25);
}
.blg-oz-onay-btn:hover:not(:disabled)[b-oat4kidb36] {
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(22,163,74,0.35);
}
.blg-oz-onay-btn:disabled[b-oat4kidb36] { opacity: 0.5; cursor: not-allowed; }
.blg-oz-onay-ok[b-oat4kidb36] {
    padding: 10px 16px;
    border-radius: 10px;
    background: #dcfce7;
    color: #166534;
    font-size: 0.85rem;
    font-weight: 600;
    margin-top: 8px;
}
.blg-oz-onay-hint[b-oat4kidb36] {
    padding: 10px 16px;
    border-radius: 10px;
    background: #fef3c7;
    color: #92400e;
    font-size: 0.82rem;
    font-weight: 600;
    margin-top: 8px;
}

/* ═══ MOBİL ═══ */
@media (max-width: 768px) {
    .blg-card[b-oat4kidb36] { border-radius: 0 0 12px 12px; }
    .blg-body[b-oat4kidb36] { padding: 14px; }
    .blg-stats[b-oat4kidb36] { gap: 6px; }
    .blg-stat[b-oat4kidb36] { min-width: 60px; padding: 8px 10px; border-radius: 10px; }
    .blg-stat-num[b-oat4kidb36] { font-size: 1rem; }
    .blg-stat-lbl[b-oat4kidb36] { font-size: 0.65rem; }
    .blg-upload-area[b-oat4kidb36] { padding: 14px; }
    .blg-upload-grid[b-oat4kidb36] { flex-direction: column; align-items: stretch; }
    .blg-upload-bottom[b-oat4kidb36] { flex-direction: column; align-items: stretch; }
    .blg-upload-btns[b-oat4kidb36] { width: 100%; }
    .blg-upload-field[b-oat4kidb36] { min-width: 100%; }
    .blg-drop-label[b-oat4kidb36] { min-width: 100%; }
    .blg-btn-upload[b-oat4kidb36] { flex: 1; justify-content: center; padding: 11px 18px; }
    .blg-btn-cancel[b-oat4kidb36] { flex-shrink: 0; }
    .blg-item[b-oat4kidb36] { padding: 10px 12px; gap: 10px; flex-wrap: wrap; }
    .blg-item-icon[b-oat4kidb36] { width: 36px; height: 36px; font-size: 1.4rem; }
    .blg-item-info[b-oat4kidb36] { min-width: calc(100% - 100px); }
    .blg-item-name[b-oat4kidb36] { font-size: 0.82rem; }
    .blg-item-meta[b-oat4kidb36] { font-size: 0.7rem; gap: 6px; }
    .blg-item-actions[b-oat4kidb36] { gap: 4px; }
    .blg-act[b-oat4kidb36] { width: 32px; height: 32px; font-size: 0.9rem; }
    .blg-search-row[b-oat4kidb36] { flex-direction: row; align-items: center; gap: 8px; }
    .blg-search-wrap[b-oat4kidb36] { padding: 5px 10px; }
    .blg-search-wrap input[b-oat4kidb36] { font-size: 0.8rem; min-height: 32px; }
    .blg-count[b-oat4kidb36] { font-size: 0.72rem; }
    .blg-kota[b-oat4kidb36] { flex-direction: column; gap: 6px; align-items: flex-start; }
    .blg-popup[b-oat4kidb36] { margin: 16px; padding: 20px; }
    .blg-oz-info[b-oat4kidb36] { flex-direction: column; gap: 10px; padding: 14px; }
    .blg-oz-step[b-oat4kidb36] { flex-direction: column; gap: 10px; padding: 14px; }
    .blg-oz-file[b-oat4kidb36] { flex-wrap: wrap; }
    .blg-file-pick[b-oat4kidb36] { min-width: 100%; }
}

@media (max-width: 480px) {
    .blg-body[b-oat4kidb36] { padding: 10px; }
    .blg-stat[b-oat4kidb36] { min-width: 50px; padding: 6px 8px; }
    .blg-stat-num[b-oat4kidb36] { font-size: 0.9rem; }
    .blg-item[b-oat4kidb36] { padding: 8px 10px; }
    .blg-item-icon[b-oat4kidb36] { width: 32px; height: 32px; font-size: 1.2rem; border-radius: 8px; }
    .blg-upload-header[b-oat4kidb36] { flex-direction: column; align-items: flex-start; }
}
/* /Components/Pages/Dashboard.razor.rz.scp.css */
/* ═══ TEMA UYUMU ═══ */

/* Dashboard'da .main-content üzerindeki animation/transform'u kaldır,
   yoksa position:fixed çocuklar scroll ile hareket eder */
:global(.main-content:has(.dashboard-wrapper))[b-smygjhfeyj] {
    animation: none !important;
    transform: none !important;
    filter: none !important;
    will-change: auto !important;
    contain: none !important;
    perspective: none !important;
    backdrop-filter: none !important;
    /* Yükleme sonrası dikey scrollbar belirince layout kaymasın (kartlar sağa-sola oynamaz) */
    scrollbar-gutter: stable;
}

.dashboard-wrapper[b-smygjhfeyj] {
    background: var(--t-body, #f1f5f9); min-height: var(--app-height, 100dvh);
    display: flex; flex-direction: column;
    font-family: inherit;
    transition: background 0.3s;
}
/* Yüklenirken veya overlay açıkken çift scrollbar engelle */
.dashboard-wrapper.dash-loading[b-smygjhfeyj] {
    height: var(--app-height, 100dvh);
    overflow: hidden;
}
.main-header[b-smygjhfeyj] {
    background: var(--t-card, white); padding: 0 35px; display: flex; justify-content: space-between;
    align-items: center; box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    border-bottom: 1px solid var(--t-card-border, #e5e7eb); flex-wrap: nowrap; gap: 14px;
    position: relative; z-index: 100; height: 56px; box-sizing: border-box;
    transition: background 0.3s;
}
.logo-medi[b-smygjhfeyj] { color: var(--t-text, #1e293b) !important; -webkit-text-fill-color: var(--t-text, #1e293b) !important; }
.system-subtitle[b-smygjhfeyj] { color: var(--t-text-muted, #94a3b8) !important; }
.header-btn[b-smygjhfeyj] {
    background: var(--t-hover, #f8fafc) !important; color: var(--t-text, #475569) !important;
    border-color: var(--t-card-border, #e2e8f0) !important;
}
.header-btn:hover[b-smygjhfeyj] { background: var(--t-accent-light, #e2e8f0) !important; }
.user-dropdown[b-smygjhfeyj] {
    background: var(--t-card, white) !important; border-color: var(--t-card-border, #e2e8f0) !important;
}
.ud-item[b-smygjhfeyj] { color: var(--t-text, #334155) !important; }
.ud-item:hover[b-smygjhfeyj] { background: var(--t-hover, #f0f9ff) !important; color: var(--t-accent, #0369a1) !important; }
.ud-item.ud-exit[b-smygjhfeyj] { color: #dc2626 !important; border-top-color: var(--t-card-border, #f1f5f9) !important; }
.ud-item.ud-exit:hover[b-smygjhfeyj] { background: #fef2f2 !important; }
.menu-card[b-smygjhfeyj] {
    background: var(--t-card, white) !important; border-color: var(--t-card-border, #e2e8f0) !important;
    transition: all 0.3s cubic-bezier(0.4,0,0.2,1);
}
.menu-card.has-unread[b-smygjhfeyj] {
    border-color: #7dd3fc !important;
    background: #f0f9ff !important;
}
.menu-card:hover[b-smygjhfeyj] {
    border-color: var(--t-accent, #0ea5e9) !important;
    background: var(--t-accent-light, #f0f9ff) !important;
}
.card-label[b-smygjhfeyj] { color: var(--t-text, #0f172a) !important; }
.card-desc[b-smygjhfeyj]  { color: var(--t-text-muted, #94a3b8) !important; }
.footer-ticker[b-smygjhfeyj] {
    background: var(--t-card, white) !important;
    border-top-color: color-mix(in srgb, var(--t-accent, #3b82f6) 20%, var(--t-card-border, #e2e8f0)) !important;
    box-shadow: 0 -4px 20px var(--t-shadow, rgba(0,0,0,0.08)) !important;
}
.ticker-item[b-smygjhfeyj] { color: var(--t-text, #334155) !important; }
.ticker-icon-wrap[b-smygjhfeyj] {
    background: linear-gradient(135deg,
        color-mix(in srgb, var(--t-accent, #3b82f6) 85%, transparent),
        color-mix(in srgb, var(--t-accent, #3b82f6) 55%, transparent)) !important;
    border-right-color: color-mix(in srgb, var(--t-accent, #3b82f6) 25%, var(--t-card-border, #e2e8f0)) !important;
}
.ticker-label[b-smygjhfeyj] { color: #ffffff !important; }
.ticker-dot[b-smygjhfeyj] { color: var(--t-accent, #3b82f6) !important; opacity: 0.7; }
.online-panel[b-smygjhfeyj] { background: var(--t-card, white) !important; }
.online-panel-header[b-smygjhfeyj] { background: var(--t-topbar, linear-gradient(135deg, #1e293b, #334155)) !important; color: white !important; }
.online-panel-header h3[b-smygjhfeyj] { color: white !important; }
.close-btn[b-smygjhfeyj] { color: white !important; }
.online-user-row:hover[b-smygjhfeyj] { background: var(--t-hover, #f0f9ff) !important; }
.user-name[b-smygjhfeyj] { color: var(--t-text, #1e293b) !important; }
.user-birim[b-smygjhfeyj] { color: var(--t-text-muted, #64748b) !important; }

/* ══ Çevrimiçi durum — aydınlık temada canlı yeşil, karanlık temada neon yeşil ══ */
.online-status[b-smygjhfeyj] {
    background: rgba(34, 197, 94, 0.15);
    color: #15803d;
    border-color: rgba(34, 197, 94, 0.45);
}
.online-status:hover[b-smygjhfeyj] {
    background: rgba(34, 197, 94, 0.22);
    border-color: rgba(34, 197, 94, 0.6);
}
.online-label[b-smygjhfeyj] { color: #15803d; }
.online-num[b-smygjhfeyj] { background: #22c55e; color: #fff; }
.online-dot[b-smygjhfeyj] { color: #16a34a; }

/* ── Karanlık temalar (gece / gece mavisi) — orijinal neon yeşil ── */
[data-theme="dark"] .online-status[b-smygjhfeyj],
[data-theme="midnight"] .online-status[b-smygjhfeyj] {
    background: rgba(34, 197, 94, 0.15);
    color: #4ade80;
    border-color: rgba(34, 197, 94, 0.3);
}
[data-theme="dark"] .online-status:hover[b-smygjhfeyj],
[data-theme="midnight"] .online-status:hover[b-smygjhfeyj] {
    background: rgba(34, 197, 94, 0.25);
    border-color: rgba(34, 197, 94, 0.45);
}
[data-theme="dark"] .online-label[b-smygjhfeyj],
[data-theme="midnight"] .online-label[b-smygjhfeyj] { color: #4ade80; }
[data-theme="dark"] .online-num[b-smygjhfeyj],
[data-theme="midnight"] .online-num[b-smygjhfeyj] { background: rgba(34, 197, 94, 0.35); color: #fff; }
[data-theme="dark"] .online-dot[b-smygjhfeyj],
[data-theme="midnight"] .online-dot[b-smygjhfeyj] { color: #4ade80; }
.hb-text[b-smygjhfeyj] { color: inherit !important; }

/* Bildirim + arama: aynı sınıflar (notif-btn dash-notif-btn); stiller app.css
   .dashboard-wrapper .dash-notif-btn ile veriliyor — scoped dash-notif-btn
   kullanmayın (GlobalSearch alt bileşeninde uygulanmaz, hover farkı oluşuyordu). */
.dash-notif-wrap[b-smygjhfeyj] { margin-right: 0; }
.dash-notif-btn .notif-badge[b-smygjhfeyj] {
    border-color: white !important;
}

.msg-quick-btn[b-smygjhfeyj] { background: var(--t-card, white) !important; border-color: var(--t-card-border, #e2e8f0) !important; }
.quick-msg-panel[b-smygjhfeyj] { background: var(--t-card, white) !important; }
.qm-input[b-smygjhfeyj] { background: var(--t-input-bg, #f8fafc) !important; border-color: var(--t-input-border, #e2e8f0) !important; color: var(--t-text, #1e293b) !important; }
.qm-label[b-smygjhfeyj] { color: var(--t-text-muted, #475569) !important; }
.online-search input[b-smygjhfeyj] { background: var(--t-input-bg, #f8fafc) !important; border-color: var(--t-input-border, #e2e8f0) !important; color: var(--t-text, #1e293b) !important; }
.online-search[b-smygjhfeyj] { border-bottom-color: var(--t-card-border, #f1f5f9) !important; }
.ss-title[b-smygjhfeyj] { color: var(--t-text, #1e293b) !important; }
.ss-desc[b-smygjhfeyj] { color: var(--t-text-muted, #64748b) !important; }
.no-users[b-smygjhfeyj] { color: var(--t-text-muted, #94a3b8) !important; }
/* .btn-user — Aydınlık temada eski açık mavi gradient sabit kalsın.
   Karanlık temalar için ayrı override aşağıda (text okunabilirliği için). */
.sistem-secim-panel[b-smygjhfeyj] { background: var(--t-card, white) !important; color: var(--t-text, #1e293b) !important; }
.ss-card[b-smygjhfeyj] { border-color: var(--t-card-border, #e2e8f0) !important; background: var(--t-card, white) !important; }

/* Şifre süresi uyarı banner */
.dash-sifre-uyari[b-smygjhfeyj] {
    display: flex; align-items: center; gap: 14px;
    background: linear-gradient(135deg, #fefce8, #fef9c3);
    border: 1.5px solid #facc15; border-radius: 14px;
    padding: 16px 22px; margin-bottom: 18px; cursor: pointer;
    transition: all 0.2s; grid-column: 1 / -1;
}
.dash-sifre-uyari:hover[b-smygjhfeyj] { box-shadow: 0 4px 16px rgba(250,204,21,0.25); transform: translateY(-1px); }
.dash-sifre-icon[b-smygjhfeyj] {
    font-size: 1.8rem; flex-shrink: 0;
    display: inline-flex; align-items: center; justify-content: center;
    width: 36px; height: 36px;
    filter: drop-shadow(0 2px 3px rgba(180,83,9,0.3));
}
.dash-sifre-icon svg.ms-icon[b-smygjhfeyj] { width: 32px; height: 32px; display: block; }
.dash-sifre-text[b-smygjhfeyj] { flex: 1; }
.dash-sifre-text strong[b-smygjhfeyj] { color: #854d0e; font-size: 0.92rem; display: block; margin-bottom: 3px; }
.dash-sifre-text span[b-smygjhfeyj] { color: #a16207; font-size: 0.82rem; line-height: 1.5; }
.dash-sifre-text span strong[b-smygjhfeyj] { display: inline; font-size: inherit; }
.dash-sifre-btn[b-smygjhfeyj] {
    background: #f59e0b; color: #fff; padding: 8px 18px; border-radius: 8px;
    font-size: 0.82rem; font-weight: 700; white-space: nowrap; flex-shrink: 0;
}
@media (max-width: 600px) {
    .dash-sifre-uyari[b-smygjhfeyj] { flex-wrap: wrap; }
    .dash-sifre-btn[b-smygjhfeyj] { width: 100%; text-align: center; }
}

.logo-area[b-smygjhfeyj] { display: flex; align-items: center; gap: 14px; min-width: 0; flex: 1 1 auto; }
.logo-icon[b-smygjhfeyj] {
    width: 42px; height: 42px; border-radius: 12px; position: relative;
    background: linear-gradient(135deg, var(--t-sidebar, #1e3a5f) 0%, var(--t-accent, #2563eb) 50%, var(--t-sidebar-active, #3b82f6) 100%);
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 4px 20px color-mix(in srgb, var(--t-accent, #2563eb) 25%, transparent);
}
.logo-pulse[b-smygjhfeyj] {
    position: absolute; inset: -3px; border-radius: 14px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--t-accent, #2563eb) 15%, transparent), color-mix(in srgb, var(--t-sidebar-active, #3b82f6) 10%, transparent));
    animation: logo-glow-b-smygjhfeyj 3s ease-in-out infinite; z-index: 0;
}
@keyframes logo-glow-b-smygjhfeyj {
    0%, 100% { opacity: 0.5; transform: scale(1); }
    50% { opacity: 0.9; transform: scale(1.06); }
}
.logo-letter[b-smygjhfeyj] {
    width: 60%; height: 60%; z-index: 1;
    fill: white;
    filter: drop-shadow(0 2px 3px rgba(0,0,0,0.2));
}
.logo-text[b-smygjhfeyj] { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1 1 auto; }
.logo-title[b-smygjhfeyj] { display: flex; align-items: baseline; line-height: 1.1; }
.logo-medi[b-smygjhfeyj] {
    font-size: 1.2rem; font-weight: 900; letter-spacing: 1.5px;
    color: var(--t-text, #1e293b);
}
.logo-sist[b-smygjhfeyj] {
    font-size: 1.2rem; font-weight: 900; letter-spacing: 1.5px;
    background: linear-gradient(90deg, var(--t-accent, #2563eb), var(--t-sidebar-active, #3b82f6));
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    background-clip: text;
}
.system-subtitle[b-smygjhfeyj] {
    color: var(--t-text-muted, #94a3b8); font-size: 0.6rem; font-weight: 600;
    letter-spacing: 3.5px; text-transform: uppercase;
    display: flex; align-items: center; gap: 4px; min-width: 0; flex-wrap: nowrap;
}
.system-subtitle .subtitle-text[b-smygjhfeyj] {
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; flex: 0 1 auto;
}
.system-subtitle .ver-sep[b-smygjhfeyj],
.system-subtitle .ver-inline[b-smygjhfeyj],
.system-subtitle .ver-new-dot[b-smygjhfeyj] { flex-shrink: 0; }

.header-right[b-smygjhfeyj] { display: flex; align-items: center; gap: 8px; flex-wrap: nowrap; min-width: 0; flex-shrink: 0; }

/* Online Status — sadece layout, renkler tema bölümünde */
.online-status[b-smygjhfeyj] {
    padding: 0 14px; border-radius: 10px;
    font-size: 0.82rem; font-weight: 700;
    display: flex; align-items: center; gap: 6px; cursor: pointer;
    transition: all 0.2s; user-select: none; height: 40px; box-sizing: border-box;
    border-width: 1.5px; border-style: solid;
}
.online-dot[b-smygjhfeyj] { font-size: 0.9rem; animation: pulse-dot-b-smygjhfeyj 2s ease-in-out infinite; }
.online-label[b-smygjhfeyj] { font-size: 0.8rem; font-weight: 500; }
.online-num[b-smygjhfeyj] { padding: 2px 8px; border-radius: 6px; font-size: 0.75rem; }
@keyframes pulse-dot-b-smygjhfeyj { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }

/* Header Buttons */
.header-btn[b-smygjhfeyj] {
    display: flex; align-items: center; gap: 6px; padding: 0 14px;
    border-radius: 10px; cursor: pointer; font-weight: 600;
    font-size: 0.82rem; transition: all 0.2s;
    height: 40px; box-sizing: border-box;
}
.hb-icon[b-smygjhfeyj] { font-size: 0.9rem; }
.btn-user[b-smygjhfeyj] {
    background: linear-gradient(135deg, #f0f9ff, #e0f2fe); color: #0369a1; border: 1px solid #7dd3fc;
    gap: 8px;
    position: relative;
    overflow: visible;
    min-height: 40px;
    height: auto;
    padding: 5px 14px;
}
.btn-user:hover[b-smygjhfeyj] { background: linear-gradient(135deg, #e0f2fe, #bae6fd); border-color: #38bdf8; }
.btn-user .ku-user-stack[b-smygjhfeyj] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-width: 0;
    gap: 0;
    line-height: 1.15;
}
.btn-user .ku-dash-username[b-smygjhfeyj] {
    font-weight: 600;
    font-size: 0.82rem;
    max-width: 14rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.btn-user .ku-presence-inline[b-smygjhfeyj] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 2px;
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #475569;
    max-width: 14rem;
}
.btn-user .ku-presence-inline-label[b-smygjhfeyj] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.btn-user .ku-presence-inline-dot[b-smygjhfeyj] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    flex-shrink: 0;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.6);
}
.btn-user .ku-presence-inline-musait .ku-presence-inline-dot[b-smygjhfeyj] { background: #22c55e; }
.btn-user .ku-presence-inline-mesgul .ku-presence-inline-dot[b-smygjhfeyj] { background: #f59e0b; }
.btn-user .ku-presence-inline-rahatsiz_etme .ku-presence-inline-dot[b-smygjhfeyj] { background: #ef4444; }
.btn-user .ku-presence-inline-gorunmez .ku-presence-inline-dot[b-smygjhfeyj] { background: #64748b; }
.btn-user .dash-user-chevron.topbar-user-chevron-wrap[b-smygjhfeyj] {
    font-size: 0.58rem;
    color: rgba(3, 105, 161, 0.45);
    line-height: 1;
    width: 1em;
    margin-left: 0;
}
.btn-user .dash-user-chevron .topbar-user-chevron[b-smygjhfeyj] { display: none; }
@media (max-width: 520px) {
    .btn-user .ku-presence-inline-label[b-smygjhfeyj] { display: none; }
}

/* User Dropdown */
.user-menu-wrap[b-smygjhfeyj] { position: relative; }
.user-dropdown[b-smygjhfeyj] {
    position: absolute; top: calc(100% + 6px); right: 0; min-width: 220px;
    background: var(--t-card, white); border-radius: 12px; box-shadow: 0 12px 40px rgba(0,0,0,0.18);
    border: 1px solid var(--t-card-border, #e2e8f0); z-index: 2000; overflow: hidden;
    animation: dropSlide-b-smygjhfeyj 0.2s ease;
}
@keyframes dropSlide-b-smygjhfeyj { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } }

.ud-item[b-smygjhfeyj] {
    display: flex; align-items: center; gap: 10px; width: 100%; padding: 12px 18px;
    border: none; background: none; cursor: pointer; font-size: 0.88rem; font-weight: 600;
    color: #334155; transition: all 0.15s; text-align: left;
}
.ud-item:hover[b-smygjhfeyj] { background: #f0f9ff; color: #0369a1; }
.ud-item.ud-exit[b-smygjhfeyj] { color: #dc2626; border-top: 1px solid #f1f5f9; }
.ud-item.ud-exit:hover[b-smygjhfeyj] { background: #fef2f2; color: #b91c1c; }

/* User notification dot on avatar button */
.user-notif-dot[b-smygjhfeyj] {
    background: #ef4444; color: white; font-size: 0.65rem; font-weight: 800;
    padding: 1px 6px; border-radius: 8px; min-width: 16px; text-align: center;
    animation: pulse-badge-b-smygjhfeyj 2s infinite;
}
@keyframes pulse-badge-b-smygjhfeyj { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.15); } }

/* Badge inside dropdown item */
.ud-badge[b-smygjhfeyj] {
    margin-left: auto; background: #ef4444; color: white; font-size: 0.68rem;
    font-weight: 800; padding: 2px 8px; border-radius: 8px;
}

/* ═══ PROFILE WARNING ═══ */
.profile-warning[b-smygjhfeyj] {
    display: flex; align-items: center; gap: 14px;
    margin: 16px 30px 0; padding: 14px 20px; border-radius: 12px;
    background: linear-gradient(135deg, #fef3c7, #fde68a);
    border: 1.5px solid #f59e0b; cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
    overflow: hidden;
}
.profile-warning:hover[b-smygjhfeyj] { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(245,158,11,0.25); }
@keyframes warningGrow-b-smygjhfeyj {
    from { max-height: 0; padding-top: 0; padding-bottom: 0; margin-top: 0; border-width: 0; }
    to   { max-height: 200px; padding-top: 14px; padding-bottom: 14px; margin-top: 16px; border-width: 1.5px; }
}
@keyframes warningFadeIn-b-smygjhfeyj {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@keyframes warningGrowMobile-b-smygjhfeyj {
    from { max-height: 0; padding-top: 0; padding-bottom: 0; margin-top: 0; border-width: 0; }
    to   { max-height: 200px; padding-top: 12px; padding-bottom: 12px; margin-top: 12px; border-width: 1.5px; }
}
.pw-icon[b-smygjhfeyj] { font-size: 1.5rem; flex-shrink: 0; }
.pw-content[b-smygjhfeyj] { flex: 1; }
.pw-content strong[b-smygjhfeyj] { display: block; color: #92400e; font-size: 0.95rem; }
.pw-content span[b-smygjhfeyj] { font-size: 0.82rem; color: #a16207; line-height: 1.4; }
.pw-action[b-smygjhfeyj] { color: #92400e; font-weight: 800; font-size: 0.88rem; white-space: nowrap; }

/* Konum izni banner */
.konum-warning[b-smygjhfeyj] {
    background: linear-gradient(135deg, #dbeafe, #bfdbfe); border-color: #3b82f6;
}
.konum-warning .pw-content strong[b-smygjhfeyj] { color: #1e40af; }
.konum-warning .pw-content span[b-smygjhfeyj] { color: #1d4ed8; }
.konum-warning .pw-action[b-smygjhfeyj] { color: #1e40af; }
.konum-warning:hover[b-smygjhfeyj] { box-shadow: 0 8px 20px rgba(59,130,246,0.25); }
/* Masaüstü: desktop mesaj göster, mobil gizle */
.konum-msg-desktop[b-smygjhfeyj] { display: inline; }
.konum-msg-mobile[b-smygjhfeyj] { display: none; }
@media (max-width: 767px) {
    .konum-msg-desktop[b-smygjhfeyj] { display: none; }
    .konum-msg-mobile[b-smygjhfeyj] { display: inline; }
}
.konum-banner-btn[b-smygjhfeyj] {
    background: #2563eb; color: white; border: none; padding: 6px 14px;
    border-radius: 8px; cursor: pointer; font-size: 0.82rem; font-weight: 700;
    white-space: nowrap; transition: background 0.2s;
}
.konum-banner-btn:hover[b-smygjhfeyj] { background: #1d4ed8; }
.konum-banner-close[b-smygjhfeyj] {
    background: rgba(59,130,246,0.15); border: none; color: #1e40af; width: 24px; height: 24px;
    border-radius: 6px; cursor: pointer; font-size: 0.8rem; display: flex;
    align-items: center; justify-content: center; transition: background 0.2s;
}
.konum-banner-close:hover[b-smygjhfeyj] { background: rgba(59,130,246,0.3); }

/* Bildirim izni banner */
.bildirim-warning[b-smygjhfeyj] {
    background: linear-gradient(135deg, #d1fae5, #a7f3d0); border-color: #10b981;
}
.bildirim-warning .pw-content strong[b-smygjhfeyj] { color: #065f46; }
.bildirim-warning .pw-content span[b-smygjhfeyj] { color: #047857; }
.bildirim-warning:hover[b-smygjhfeyj] { box-shadow: 0 8px 20px rgba(16,185,129,0.25); }
.bildirim-msg-desktop[b-smygjhfeyj] { display: inline; }
.bildirim-msg-mobile[b-smygjhfeyj] { display: none; }
@media (max-width: 767px) {
    .bildirim-msg-desktop[b-smygjhfeyj] { display: none; }
    .bildirim-msg-mobile[b-smygjhfeyj] { display: inline; }
}
.bildirim-banner-btn[b-smygjhfeyj] {
    background: #059669; color: white; border: none; padding: 6px 14px;
    border-radius: 8px; cursor: pointer; font-size: 0.82rem; font-weight: 700;
    white-space: nowrap; transition: background 0.2s;
}
.bildirim-banner-btn:hover[b-smygjhfeyj] { background: #047857; }
.bildirim-banner-close[b-smygjhfeyj] {
    background: rgba(16,185,129,0.15); border: none; color: #065f46; width: 24px; height: 24px;
    border-radius: 6px; cursor: pointer; font-size: 0.8rem; display: flex;
    align-items: center; justify-content: center; transition: background 0.2s;
}
.bildirim-banner-close:hover[b-smygjhfeyj] { background: rgba(16,185,129,0.3); }

/* ═══ ONLINE PANEL ═══ */
.online-overlay[b-smygjhfeyj] { position: fixed; inset: 0; background: rgba(0,0,0,0.3); z-index: 2000; }

.online-panel[b-smygjhfeyj] {
    position: fixed; top: 80px; right: 30px; width: 380px; max-height: 500px;
    background: var(--t-card, white); border-radius: 16px; box-shadow: 0 20px 60px rgba(0,0,0,0.2);
    z-index: 2001; display: flex; flex-direction: column; overflow: hidden;
    animation: panel-slide-b-smygjhfeyj 0.25s ease; max-width: calc(100vw - 24px);
}
@keyframes panel-slide-b-smygjhfeyj { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }

.online-panel-header[b-smygjhfeyj] {
    background: linear-gradient(135deg, #1e293b, #334155);
    color: white; padding: 16px 20px; display: flex; justify-content: space-between; align-items: center;
}
.online-panel-header h3[b-smygjhfeyj] { margin: 0; font-size: 1rem; font-weight: 700; }

.close-btn[b-smygjhfeyj] {
    background: rgba(255,255,255,0.15); border: none; color: white;
    width: 30px; height: 30px; border-radius: 8px; cursor: pointer;
    font-size: 1rem; display: flex; align-items: center; justify-content: center; transition: background 0.2s;
}
.close-btn:hover[b-smygjhfeyj] { background: rgba(255,255,255,0.3); }

.online-panel-body[b-smygjhfeyj] { overflow-y: auto; padding: 8px 0; max-height: 400px; }

.online-search[b-smygjhfeyj] {
    padding: 8px 16px; border-bottom: 1px solid #f1f5f9;
    position: relative;
}
.online-search input[b-smygjhfeyj] {
    width: 100%; padding: 8px 12px 8px 36px; border: 1.5px solid #e2e8f0; border-radius: 8px;
    font-size: 0.85rem; outline: none; box-sizing: border-box; background: var(--t-input-bg, #f8fafc);
    transition: border-color 0.2s;
}
.online-search input:focus[b-smygjhfeyj] { border-color: #0ea5e9; }
.online-search-icon[b-smygjhfeyj] {
    position: absolute;
    left: 26px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    pointer-events: none;
    filter: drop-shadow(0 1px 1.5px rgba(0,0,0,0.12));
}
.online-search-icon svg[b-smygjhfeyj] { width: 16px; height: 16px; }

.online-user-row[b-smygjhfeyj] {
    display: flex; align-items: center; gap: 10px; padding: 12px 20px;
    transition: background 0.15s;
}
.online-user-row:hover[b-smygjhfeyj] { background: #f0f9ff; }
.online-avatar-wrap[b-smygjhfeyj] {
    position: relative; flex-shrink: 0; width: 38px; height: 38px;
}
.online-dot-sm[b-smygjhfeyj] {
    position: absolute; bottom: 0; right: 0;
    width: 10px; height: 10px; border-radius: 50%;
    background: #22c55e; border: 2px solid white;
}
/* Yeni: müsaitlik durumuna göre renkli dot (online-dot-sm yerine) */
.online-presence-dot[b-smygjhfeyj] {
    position: absolute; bottom: -1px; right: -1px;
    width: 12px; height: 12px; border-radius: 50%;
    box-shadow: 0 0 0 2.5px white;
    z-index: 2;
}
.online-presence-dot.ku-presence-musait[b-smygjhfeyj] { background: #22c55e; animation: onlinePresPulse-b-smygjhfeyj 2.4s ease-in-out infinite; }
.online-presence-dot.ku-presence-mesgul[b-smygjhfeyj] { background: #f59e0b; }
.online-presence-dot.ku-presence-rahatsiz_etme[b-smygjhfeyj] { background: #dc2626; }
.online-presence-dot.ku-presence-gorunmez[b-smygjhfeyj] { background: #94a3b8; }
@keyframes onlinePresPulse-b-smygjhfeyj {
    0%, 100% { box-shadow: 0 0 0 2.5px white, 0 0 0 0 rgba(34, 197, 94, 0.55); }
    50%      { box-shadow: 0 0 0 2.5px white, 0 0 0 5px rgba(34, 197, 94, 0); }
}

/* Müsaitlik rozetleri ad'ın yanında */
.user-presence-rozet[b-smygjhfeyj] {
    display: inline-block;
    margin-left: 6px;
    padding: 1px 7px;
    border-radius: 999px;
    font-size: 0.62rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    vertical-align: middle;
    color: white;
}
.user-presence-rozet-mesgul[b-smygjhfeyj]        { background: linear-gradient(135deg, #f59e0b, #d97706); }
.user-presence-rozet-rahatsiz_etme[b-smygjhfeyj] { background: linear-gradient(135deg, #ef4444, #dc2626); }
.user-presence-rozet-gorunmez[b-smygjhfeyj]      { background: linear-gradient(135deg, #94a3b8, #64748b); }
/* Durum mesajı satırı (birim yerine gösterilir) */
.user-presence-msg[b-smygjhfeyj] {
    color: var(--t-text, #475569);
    font-style: italic;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: 220px;
}
/* Karanlık tema için renk overrides */
[data-theme="dark"] .user-presence-msg[b-smygjhfeyj],
[data-theme="midnight"] .user-presence-msg[b-smygjhfeyj] { color: var(--t-text-muted, #94a3b8); }
/* "Rahatsız etme" satırı — soluk arka plan */
.online-user-row.online-pres-rahatsiz_etme[b-smygjhfeyj] { background: color-mix(in srgb, #ef4444 4%, transparent); }
.online-user-row.online-pres-mesgul[b-smygjhfeyj]        { background: color-mix(in srgb, #f59e0b 4%, transparent); }
.online-avatar[b-smygjhfeyj] {
    width: 38px; height: 38px; min-width: 38px; min-height: 38px;
    border-radius: 50%; object-fit: cover;
    border: 2px solid #e2e8f0; display: block;
}
.online-avatar-placeholder[b-smygjhfeyj] {
    width: 38px; height: 38px; min-width: 38px; min-height: 38px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--t-accent, #0ea5e9), var(--t-sidebar-active, #6366f1)); color: white;
    display: flex; align-items: center; justify-content: center;
    font-weight: 700; font-size: 0.75rem; text-transform: uppercase;
}
.user-info[b-smygjhfeyj] { display: flex; flex-direction: column; gap: 2px; flex: 1; }
.user-name[b-smygjhfeyj] { font-weight: 700; color: #1e293b; font-size: 0.92rem; }
.user-birim[b-smygjhfeyj] { color: #64748b; font-size: 0.8rem; font-weight: 500; }

.msg-quick-btn[b-smygjhfeyj] {
    width: 34px; height: 34px; border-radius: 8px; border: 1.5px solid #e2e8f0;
    background: white; cursor: pointer; font-size: 0.9rem;
    display: flex; align-items: center; justify-content: center;
    transition: all 0.2s; flex-shrink: 0;
}
.msg-quick-btn:hover[b-smygjhfeyj] { background: #eff6ff; border-color: #0ea5e9; transform: scale(1.1); }

.no-users[b-smygjhfeyj] { padding: 30px 20px; text-align: center; color: #94a3b8; font-size: 0.9rem; }

/* ═══ QUICK MSG POPUP ═══ */
.quick-msg-panel[b-smygjhfeyj] {
    position: fixed; inset: 0; margin: auto;
    width: 440px; height: fit-content; background: var(--t-card, white); border-radius: 20px;
    box-shadow: 0 25px 80px rgba(0,0,0,0.25), 0 0 0 1px rgba(0,0,0,0.04); z-index: 2001;
    overflow: hidden; animation: qmSlideUp-b-smygjhfeyj 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@keyframes qmSlideUp-b-smygjhfeyj { from { opacity: 0; transform: translateY(20px) scale(0.97); } to { opacity: 1; transform: translateY(0) scale(1); } }
.qm-header[b-smygjhfeyj] {
    background: linear-gradient(135deg, #0ea5e9, #6366f1);
    color: white; padding: 18px 22px; display: flex; justify-content: space-between; align-items: center;
}
.qm-header-info[b-smygjhfeyj] { display: flex; align-items: center; gap: 12px; }
.qm-header-icon[b-smygjhfeyj] { font-size: 1.5rem; }
.qm-header-text[b-smygjhfeyj] { display: flex; flex-direction: column; gap: 2px; }
.qm-header-title[b-smygjhfeyj] { font-size: 0.78rem; opacity: 0.85; font-weight: 500; }
.qm-header-to[b-smygjhfeyj] { font-size: 1.05rem; font-weight: 700; }
.qm-body[b-smygjhfeyj] { padding: 22px; display: flex; flex-direction: column; gap: 4px; }
.qm-field[b-smygjhfeyj] { display: flex; flex-direction: column; gap: 6px; }
.qm-label[b-smygjhfeyj] { font-size: 0.8rem; font-weight: 600; color: #475569; }

.qm-input[b-smygjhfeyj] {
    width: 100%; padding: 11px 14px; border: 1.5px solid #e2e8f0; border-radius: 10px;
    font-size: 0.88rem; outline: none; transition: all 0.2s; box-sizing: border-box;
    background: var(--t-input-bg, #f8fafc);
}
.qm-input:focus[b-smygjhfeyj] { border-color: #0ea5e9; box-shadow: 0 0 0 3px rgba(14,165,233,0.12); background: white; }
.qm-textarea[b-smygjhfeyj] { resize: vertical; min-height: 90px; font-family: inherit; }

.qm-send[b-smygjhfeyj] {
    width: 100%; padding: 12px; border-radius: 10px; border: none; font-weight: 700; font-size: 0.9rem;
    background: linear-gradient(135deg, #0ea5e9, #6366f1); color: white; cursor: pointer;
    transition: all 0.2s; margin-top: 6px;
}
.qm-send:hover[b-smygjhfeyj] { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(14,165,233,0.3); }
.qm-send:active[b-smygjhfeyj] { transform: translateY(0); }

.qm-msg[b-smygjhfeyj] { padding: 10px 14px; border-radius: 10px; font-weight: 600; font-size: 0.85rem; margin-top: 4px; }
.qm-msg.success[b-smygjhfeyj] { background: #dcfce7; color: #166534; border: 1px solid #bbf7d0; }
.qm-msg.error[b-smygjhfeyj] { background: #fef2f2; color: #dc2626; border: 1px solid #fecaca; }

/* ═══ MENU CARDS ═══ */
.menu-container[b-smygjhfeyj] {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 22px; padding: 40px 150px;
}

.menu-card[b-smygjhfeyj] {
    background: var(--t-card, white);
    border-radius: 20px; padding: 34px 22px; text-align: center;
    cursor: pointer; box-shadow: 0 2px 12px rgba(0,0,0,0.06); border: 1.5px solid var(--t-card-border, #e2e8f0);
    display: flex; flex-direction: column; align-items: center; justify-content: flex-start;
    transition: all 0.3s cubic-bezier(0.4,0,0.2,1); min-height: 180px; position: relative;
}
.menu-card:hover[b-smygjhfeyj] {
    transform: translateY(-5px); box-shadow: 0 16px 40px color-mix(in srgb, var(--t-accent, #0ea5e9) 15%, transparent);
    border-color: var(--t-accent, #0ea5e9); background: linear-gradient(145deg, var(--t-accent-light, #f0f9ff) 0%, color-mix(in srgb, var(--t-accent-light, #e0f2fe) 80%, var(--t-accent, #0ea5e9) 20%) 100%);
}
.icon-box[b-smygjhfeyj] {
    font-size: 1.6rem; margin-bottom: 14px; transition: all 0.3s ease;
    width: 56px; height: 56px; display: flex; align-items: center; justify-content: center;
    border-radius: 14px; background: transparent;
}
.icon-box > svg.ms-icon[b-smygjhfeyj],
.icon-box[b-smygjhfeyj]  svg.ms-icon {
    width: 40px !important; height: 40px !important; display: block;
    transition: transform 0.35s cubic-bezier(0.4,0,0.2,1), filter 0.3s ease;
    filter: drop-shadow(0 2px 4px rgba(15,23,42,0.12));
}
.menu-card:hover .icon-box[b-smygjhfeyj] {
    transform: scale(1.08) rotate(-3deg);
    background: transparent;
}
.menu-card:hover .icon-box > svg.ms-icon[b-smygjhfeyj],
.menu-card:hover .icon-box[b-smygjhfeyj]  svg.ms-icon { filter: drop-shadow(0 5px 9px rgba(15,23,42,0.18)); }
.card-label[b-smygjhfeyj] { font-weight: 800; color: var(--t-text, #0f172a); font-size: 1rem; margin-bottom: 8px; line-height: 1.3; }
.card-desc[b-smygjhfeyj] { font-size: 0.82rem; color: var(--t-text-muted, #94a3b8); line-height: 1.45; }

/* Mesaj kutusu badge */
.menu-card.has-unread[b-smygjhfeyj] {
    border-color: #7dd3fc;
    background: #f0f9ff;
    animation: cardGlow-b-smygjhfeyj 2s ease-in-out 0.6s infinite both;
}
@keyframes cardGlow-b-smygjhfeyj {
    0%, 100% { box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
    50% { box-shadow: 0 0 16px rgba(14,165,233,0.25); }
}
.card-badge[b-smygjhfeyj] {
    position: absolute; top: 8px; right: 8px;
    background: #ef4444; color: white; padding: 3px 10px; border-radius: 12px;
    font-size: 0.72rem; font-weight: 800; z-index: 2;
    animation: cardBadgeBounceIn-b-smygjhfeyj 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) 0.3s both;
}
@keyframes cardBadgeBounceIn-b-smygjhfeyj {
    0% { opacity: 0; transform: scale(0) translateY(8px); }
    50% { opacity: 1; transform: scale(1.15) translateY(-2px); }
    70% { transform: scale(0.95) translateY(1px); }
    100% { opacity: 1; transform: scale(1) translateY(0); }
}

/* ═══ DOĞUM GÜNÜ MENU CARD & WİDGET ═══ */
.menu-card-bday[b-smygjhfeyj] {
    border-color: #f472b6 !important;
    background: linear-gradient(145deg, #fdf2f8, #fce7f3) !important;
    animation: menuCardBday-b-smygjhfeyj 3s ease-in-out infinite;
    position: relative;
    overflow: hidden;
}
.menu-card-bday[b-smygjhfeyj]::after {
    content: '🎈';
    position: absolute;
    top: 8px;
    right: 10px;
    font-size: 1.1rem;
    animation: bdayFloatEmoji-b-smygjhfeyj 3s ease-in-out infinite;
    opacity: 0.7;
}
@keyframes menuCardBday-b-smygjhfeyj {
    0%, 100% { box-shadow: 0 2px 12px rgba(0,0,0,0.06); border-color: #f472b6; }
    50% { box-shadow: 0 4px 20px rgba(236,72,153,0.2); border-color: #a855f7; }
}
@keyframes bdayFloatEmoji-b-smygjhfeyj {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-6px) rotate(8deg); }
}
.menu-card-bday:hover[b-smygjhfeyj] {
    border-color: #a855f7 !important;
    background: linear-gradient(145deg, #fce7f3, #f5d0fe) !important;
}
/* ════════ MOLA KÖŞESİ KARTI ════════
   Diğer kartlar gibi sade (default .menu-card stilinden faydalanır).
   Hover'da soldan sağa parlayan ışık (shimmer) efekti tetiklenir,
   ayrıca sağ üst köşede gamepad ikonu hafifçe belirip nazikçe yüzer.
*/
.menu-card-mola[b-smygjhfeyj] {
    position: relative;
    overflow: hidden;
}

/* Soldan sağa parlayan ışık şeridi (sadece hover'da çalışır) */
.menu-card-mola[b-smygjhfeyj]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        110deg,
        transparent 0%,
        transparent 35%,
        color-mix(in srgb, var(--t-accent, #0ea5e9) 28%, transparent) 50%,
        rgba(255, 255, 255, 0.55) 50%,
        color-mix(in srgb, var(--t-accent, #0ea5e9) 28%, transparent) 50%,
        transparent 65%,
        transparent 100%
    );
    transform: skewX(-18deg);
    pointer-events: none;
    opacity: 0;
    transition: opacity .15s ease;
    z-index: 1;
}
.menu-card-mola:hover[b-smygjhfeyj]::before {
    opacity: 1;
    animation: molaShimmer-b-smygjhfeyj 1.4s ease-in-out infinite;
}
@keyframes molaShimmer-b-smygjhfeyj {
    0%   { left: -75%; }
    60%  { left: 125%; }
    100% { left: 125%; }
}

/* Sağ üstte gamepad ikonu — sadece hover'da nazikçe belirir */
.menu-card-mola[b-smygjhfeyj]::after {
    content: '🎮';
    position: absolute;
    top: 10px;
    right: 12px;
    font-size: 1.05rem;
    opacity: 0;
    transform: translateY(-4px) scale(0.85);
    transition: opacity .25s ease, transform .35s ease;
    pointer-events: none;
    z-index: 2;
}
.menu-card-mola:hover[b-smygjhfeyj]::after {
    opacity: 0.75;
    transform: translateY(0) scale(1);
    animation: bdayFloatEmoji-b-smygjhfeyj 2.8s ease-in-out infinite;
}

/* Mola köşesi kartının ikonu biraz daha büyük */
.menu-card-mola .icon-box > svg.ms-icon[b-smygjhfeyj],
.menu-card-mola .icon-box[b-smygjhfeyj]  svg.ms-icon {
    width: 44px !important; height: 44px !important;
}

/* İkon kutusu hover'da hafifçe accent rengine kayar (mola özel) */
.menu-card-mola:hover .icon-box[b-smygjhfeyj] {
    background: color-mix(in srgb, var(--t-accent, #0ea5e9) 22%, transparent);
}

/* ════════ YAKLAŞAN BAŞARIMLAR — WIDGET-SECTION TAB ════════ */
.ws-header-tabs[b-smygjhfeyj] {
    display: flex; align-items: center; gap: 4px;
    padding: 8px 16px; background: linear-gradient(180deg, #fafbfc, white);
    border-bottom: 1px solid #e2e8f0;
}
.ws-tab[b-smygjhfeyj] {
    flex: 0 1 auto;
    display: inline-flex; align-items: center; gap: 8px;
    padding: 10px 18px;
    background: transparent; border: none;
    border-radius: 10px;
    cursor: pointer; transition: all .15s;
    font-family: inherit; font-size: 0.92rem; font-weight: 700;
    color: #64748b;
}
.ws-tab:hover[b-smygjhfeyj] { background: #f1f5f9; color: #0f172a; }
.ws-tab.active[b-smygjhfeyj] { background: linear-gradient(135deg, #eff6ff, #dbeafe); color: #1e40af; box-shadow: inset 0 -2px 0 #3b82f6; }
.ws-tab.ws-tab-bsr.active[b-smygjhfeyj] { background: linear-gradient(135deg, #fff7ed, #fed7aa); color: #92400e; box-shadow: inset 0 -2px 0 #f59e0b; }
.ws-tab .ws-icon[b-smygjhfeyj] { font-size: 1.05rem; }
.ws-tab .ws-badge[b-smygjhfeyj] { background: rgba(15,23,42,0.08); color: #475569; padding: 2px 8px; border-radius: 999px; font-size: 0.74rem; font-weight: 800; }
.ws-tab.active .ws-badge[b-smygjhfeyj] { background: white; color: #1e3a8a; }
.ws-tab.ws-tab-bsr.active .ws-badge-bsr[b-smygjhfeyj] { background: white; color: #92400e; }

.dash-bsr-strip-inline[b-smygjhfeyj] {
    padding: 18px 22px;
    background: var(--t-card, white);
    border-top: 1px solid var(--t-card-border, #e2e8f0);
}
.dash-bsr-strip-aciklama-ust[b-smygjhfeyj] {
    margin: 0 0 12px; font-size: 0.92rem; color: var(--t-text-muted, #475569); font-weight: 600;
}
.dash-bsr-strip-tum[b-smygjhfeyj] {
    padding: 7px 14px;
    background: var(--t-card, white); color: var(--t-text, #0f172a);
    border: 1px solid var(--t-card-border, #e2e8f0); border-radius: 10px;
    text-decoration: none; font-size: 0.85rem; font-weight: 700;
    transition: all .15s;
    display: inline-block;
}
.dash-bsr-strip-tum:hover[b-smygjhfeyj] {
    background: color-mix(in srgb, var(--t-accent, #f59e0b) 8%, transparent);
    border-color: var(--t-accent, #f59e0b);
    transform: translateX(2px);
}
.dash-bsr-strip-grid[b-smygjhfeyj] {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 12px;
}
.dash-bsr-strip-kart[b-smygjhfeyj] {
    background: var(--t-card, white); border: 1px solid var(--t-card-border, #e2e8f0); border-radius: 14px;
    padding: 14px; display: flex; gap: 12px; cursor: pointer;
    transition: all .15s; box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
}
.dash-bsr-strip-kart:hover[b-smygjhfeyj] {
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.10);
    border-color: var(--t-accent, #f59e0b);
}
.dash-bsr-strip-ikon[b-smygjhfeyj] {
    width: 50px; height: 50px; border-radius: 12px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.6rem; color: white; flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.12);
}
.dash-bsr-strip-meta[b-smygjhfeyj] { flex: 1; min-width: 0; }
.dash-bsr-strip-ad[b-smygjhfeyj] { font-weight: 800; color: #0f172a; font-size: 0.95rem; line-height: 1.2; }
.dash-bsr-strip-aciklama[b-smygjhfeyj] { font-size: 0.78rem; color: #64748b; margin: 3px 0 8px; line-height: 1.4; }
.dash-bsr-strip-bar[b-smygjhfeyj] { height: 6px; background: #e2e8f0; border-radius: 999px; overflow: hidden; margin-bottom: 4px; }
.dash-bsr-strip-bar-dolu[b-smygjhfeyj] { height: 100%; background: linear-gradient(90deg, #f59e0b, #dc2626); border-radius: 999px; transition: width .4s; }
.dash-bsr-strip-progress[b-smygjhfeyj] { font-size: 0.78rem; color: #475569; }
.dash-bsr-strip-progress strong[b-smygjhfeyj] { color: #92400e; }
.bday-card-badge[b-smygjhfeyj] {
    background: linear-gradient(135deg, #ec4899, #a855f7) !important;
    color: white;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 0.72rem;
    font-weight: 800;
    right: 28px;
    animation: cardBadgeBounceIn-b-smygjhfeyj 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) 0.3s both, bdayBadgePop-b-smygjhfeyj 2s ease-in-out 0.9s infinite;
}
@keyframes bdayBadgePop-b-smygjhfeyj {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.06); }
}

/* Widget — bugün doğum günü var */
.w-dogum-today[b-smygjhfeyj] {
    border-color: #f472b6 !important;
    background: linear-gradient(135deg, #fdf2f8, #fce7f3) !important;
}
.w-dogum-today[b-smygjhfeyj]::before {
    background: linear-gradient(90deg, #ec4899, #a855f7) !important;
}
.w-dogum-today:hover[b-smygjhfeyj] {
    box-shadow: 0 12px 32px rgba(236,72,153,0.2) !important;
}
.w-bday-today[b-smygjhfeyj] {
    color: #db2777 !important;
}

/* ═══ FOOTER DUYURU — modern, tema uyumlu ═══ */
.footer-ticker[b-smygjhfeyj] {
    position: fixed; bottom: 0; width: 100%; z-index: 1000;
    background: var(--t-card, #ffffff);
    border-top: 1px solid color-mix(in srgb, var(--t-accent, #3b82f6) 20%, var(--t-card-border, #e2e8f0));
    box-shadow: 0 -4px 20px var(--t-shadow, rgba(0,0,0,0.08));
    display: flex; align-items: center; height: 36px; overflow: hidden;
    animation: tickerSlideUp-b-smygjhfeyj 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) both;
    transition: background 0.3s, border-color 0.3s, box-shadow 0.3s;
}
@keyframes tickerSlideUp-b-smygjhfeyj {
    from { opacity: 0; transform: translateY(100%); }
    to   { opacity: 1; transform: translateY(0); }
}
.ticker-icon-wrap[b-smygjhfeyj] {
    position: relative; flex-shrink: 0;
    padding: 0 16px; display: flex; align-items: center; justify-content: center;
    height: 100%; gap: 8px;
    background: linear-gradient(135deg,
        color-mix(in srgb, var(--t-accent, #3b82f6) 85%, transparent),
        color-mix(in srgb, var(--t-accent, #3b82f6) 55%, transparent));
    border-right: 1px solid color-mix(in srgb, var(--t-accent, #3b82f6) 25%, var(--t-card-border, #e2e8f0));
    box-shadow: inset 0 0 24px color-mix(in srgb, var(--t-accent, #3b82f6) 18%, transparent);
    transition: background 0.3s, border-color 0.3s;
}
.ticker-icon-wrap[b-smygjhfeyj]::after {
    content: ""; position: absolute; right: -1px; top: 20%; bottom: 20%;
    width: 2px; background: linear-gradient(180deg, transparent, var(--t-accent, #3b82f6), transparent);
    opacity: 0.6;
}
.ticker-icon[b-smygjhfeyj] {
    font-size: 1.15rem; position: relative; z-index: 1;
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.25));
    animation: tickerIconBounce-b-smygjhfeyj 3s ease-in-out infinite;
}
@keyframes tickerIconBounce-b-smygjhfeyj {
    0%, 100% { transform: scale(1) rotate(0deg); }
    15% { transform: scale(1.15) rotate(-8deg); }
    30% { transform: scale(1) rotate(4deg); }
    45% { transform: scale(1.08) rotate(-4deg); }
    60% { transform: scale(1) rotate(0deg); }
}
.ticker-pulse[b-smygjhfeyj] { display: none; }
.ticker-label[b-smygjhfeyj] {
    font-size: 0.68rem; font-weight: 800; color: #ffffff;
    letter-spacing: 1.8px; position: relative; z-index: 1;
    text-transform: uppercase;
    text-shadow: 0 1px 2px rgba(0,0,0,0.25);
}
.ticker-content[b-smygjhfeyj] {
    flex: 1; overflow: hidden; position: relative; height: 100%;
    display: flex; align-items: center;
    mask-image: linear-gradient(90deg, transparent 0%, black 4%, black 96%, transparent 100%);
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, black 4%, black 96%, transparent 100%);
}
.ticker-scroll[b-smygjhfeyj] {
    display: flex; align-items: center; gap: 0; white-space: nowrap;
    animation: tickerSlide-b-smygjhfeyj 35s linear infinite;
    padding-left: 100%;
}
.ticker-scroll:hover[b-smygjhfeyj] { animation-play-state: paused; cursor: default; }
@keyframes tickerSlide-b-smygjhfeyj { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } }
.ticker-item[b-smygjhfeyj] {
    font-size: 0.85rem; font-weight: 500; color: var(--t-text, #334155);
    padding: 0 12px; letter-spacing: 0.2px;
}
.ticker-dot[b-smygjhfeyj] {
    color: var(--t-accent, #3b82f6); font-size: 0.5rem; padding: 0 10px;
    opacity: 0.7;
}

/* ═══ RESPONSIVE ═══ */

/* ═══ SİSTEM SEÇİM POPUP ═══ */
.sistem-secim-overlay[b-smygjhfeyj] {
    position: fixed; inset: 0; z-index: 9999;
    background: linear-gradient(135deg, rgba(15,23,42,0.92), rgba(30,41,59,0.95));
    backdrop-filter: blur(12px);
    display: flex; align-items: center; justify-content: center; padding: 20px;
}
.sistem-secim-panel[b-smygjhfeyj] {
    background: var(--t-card, white); border-radius: 24px; max-width: 620px; width: 100%;
    box-shadow: 0 25px 80px rgba(0,0,0,0.4); overflow: hidden;
    animation: ssSlide-b-smygjhfeyj 0.4s ease;
}
@keyframes ssSlide-b-smygjhfeyj { from { opacity: 0; transform: translateY(30px) scale(0.95); } to { opacity: 1; transform: none; } }
.ss-header[b-smygjhfeyj] {
    background: linear-gradient(135deg, #0ea5e9 0%, #6366f1 50%, #a855f7 100%);
    padding: 36px 32px 28px; text-align: center; color: white;
}
.ss-brand[b-smygjhfeyj] {
    display: flex; align-items: center; justify-content: center;
    gap: 14px; margin-bottom: 14px;
}
.ss-logo-icon[b-smygjhfeyj] {
    width: 54px; height: 54px; border-radius: 14px; position: relative;
    background: rgba(255,255,255,0.2);
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 6px 20px rgba(0,0,0,0.15);
    backdrop-filter: blur(8px); flex-shrink: 0;
}
.ss-logo-pulse[b-smygjhfeyj] {
    position: absolute; inset: -4px; border-radius: 16px;
    background: rgba(255,255,255,0.1);
    animation: ss-glow-b-smygjhfeyj 4s ease-in-out infinite; z-index: 0;
}
@keyframes ss-glow-b-smygjhfeyj {
    0%, 100% { opacity: 0.4; transform: scale(1); }
    50% { opacity: 0.8; transform: scale(1.05); }
}
.ss-logo-letter[b-smygjhfeyj] {
    width: 60%; height: 60%; z-index: 1;
    fill: white;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));
}
.ss-logo-title[b-smygjhfeyj] {
    display: flex; align-items: baseline;
    line-height: 1;
}
.ss-logo-medi[b-smygjhfeyj] {
    font-size: 2rem; font-weight: 900; letter-spacing: 5px;
    color: white;
}
.ss-logo-sist[b-smygjhfeyj] {
    font-size: 2rem; font-weight: 900; letter-spacing: 5px;
    color: rgba(255,255,255,0.75);
}
.ss-header p[b-smygjhfeyj] { margin: 0; font-size: 0.95rem; opacity: 0.9; }
.ss-cards[b-smygjhfeyj] { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; padding: 32px; }
.ss-card[b-smygjhfeyj] {
    border-radius: 16px; padding: 28px 20px; text-align: center; cursor: pointer;
    border: 2px solid #e2e8f0; transition: all 0.25s;
}
.ss-card:hover[b-smygjhfeyj] { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,0,0,0.12); }
.ss-user:hover[b-smygjhfeyj] { border-color: #0ea5e9; background: #f0f9ff; }
.ss-admin:hover[b-smygjhfeyj] { border-color: #a855f7; background: #faf5ff; }
.ss-icon[b-smygjhfeyj] {
    font-size: 2.8rem; margin-bottom: 12px;
    display: inline-flex; align-items: center; justify-content: center;
    width: 80px; height: 80px; margin-left: auto; margin-right: auto;
    filter: drop-shadow(0 6px 14px rgba(15,23,42,0.22));
    transition: transform 0.35s cubic-bezier(0.4,0,0.2,1), filter 0.3s ease;
}
.ss-icon svg.ms-icon[b-smygjhfeyj] { width: 72px; height: 72px; display: block; }
.ss-card:hover .ss-icon[b-smygjhfeyj] { transform: scale(1.08) rotate(-2deg); filter: drop-shadow(0 10px 20px rgba(15,23,42,0.28)); }
.ss-title[b-smygjhfeyj] { font-weight: 800; font-size: 1.05rem; color: var(--t-text, #1e293b); margin-bottom: 8px; }
.ss-desc[b-smygjhfeyj] { font-size: 0.82rem; color: var(--t-text-muted, #64748b); line-height: 1.5; }

@media (max-width: 500px) {
    .ss-cards[b-smygjhfeyj] { grid-template-columns: 1fr; gap: 14px; padding: 20px; }
    .ss-brand[b-smygjhfeyj] { gap: 8px; }
    .ss-logo-icon[b-smygjhfeyj] { width: 44px; height: 44px; border-radius: 12px; }
    .ss-logo-letter[b-smygjhfeyj] { width: 58%; height: 58%; }
    .ss-logo-medi[b-smygjhfeyj], .ss-logo-sist[b-smygjhfeyj] { font-size: 1.5rem; letter-spacing: 3px; }
    .ss-header[b-smygjhfeyj] { padding: 28px 20px 22px; }
}

@media (max-width: 900px) {
    .menu-container[b-smygjhfeyj] { grid-template-columns: repeat(2, 1fr); gap: 18px; padding: 30px 24px; }
    .menu-card[b-smygjhfeyj] { padding: 28px 18px; min-height: 160px; }
    .icon-box[b-smygjhfeyj] { font-size: 2.4rem; width: 54px; height: 54px; border-radius: 14px; }
    .icon-box > svg.ms-icon[b-smygjhfeyj] { width: 46px; height: 46px; }
    .main-header[b-smygjhfeyj] { padding: 0 20px; gap: 10px; }
    .online-label[b-smygjhfeyj] { display: none; }
    .online-status[b-smygjhfeyj] { padding: 0 10px; font-size: 0.78rem; }
}

@media (max-width: 768px) {
    .btn-user .ku-user-stack[b-smygjhfeyj] { display: none; }
    .btn-user .topbar-user-chevron-wrap[b-smygjhfeyj] { display: none; }
}

@media (max-width: 600px) {
    .main-header[b-smygjhfeyj] { padding: 0 12px; gap: 8px; }
    .logo-area[b-smygjhfeyj] { gap: 8px; }
    .logo-icon[b-smygjhfeyj] { width: 34px; height: 34px; border-radius: 9px; flex-shrink: 0; }
    .logo-letter[b-smygjhfeyj] { width: 58%; height: 58%; }
    .logo-pulse[b-smygjhfeyj] { inset: -2px; border-radius: 11px; }
    .logo-medi[b-smygjhfeyj], .logo-sist[b-smygjhfeyj] { font-size: 0.95rem; letter-spacing: 1px; }
    .system-subtitle[b-smygjhfeyj] { font-size: 0.5rem; letter-spacing: 2.5px; }
    .header-right[b-smygjhfeyj] { gap: 4px; }
    .online-status[b-smygjhfeyj] { height: 34px; font-size: 0.72rem; padding: 0 8px; gap: 4px; border-radius: 8px; }
    .online-label[b-smygjhfeyj] { display: none; }
    .online-num[b-smygjhfeyj] { font-size: 0.68rem; padding: 1px 5px; }
    .header-btn[b-smygjhfeyj] { min-height: 34px; height: auto; font-size: 0.78rem; padding: 4px 10px; border-radius: 8px; white-space: nowrap; }
    .btn-user .ku-user-stack[b-smygjhfeyj] { display: none; }
    .btn-user .topbar-user-chevron-wrap[b-smygjhfeyj] { display: none; }
    .dash-notif-btn[b-smygjhfeyj] { width: 34px !important; height: 34px !important; font-size: 0.95rem !important; border-radius: 8px !important; }
    .online-panel[b-smygjhfeyj] { right: 12px; left: 12px; width: auto; top: 60px; max-height: calc(var(--app-height, 100vh) - 80px); }
    .quick-msg-panel[b-smygjhfeyj] { width: calc(100% - 24px); max-width: 440px; }
    .user-dropdown[b-smygjhfeyj] { right: 0; min-width: 200px; }
    .user-notif-dot[b-smygjhfeyj] { font-size: 0.6rem; padding: 1px 4px; }
    .system-title[b-smygjhfeyj] { font-size: 1.3rem; }
    .menu-container[b-smygjhfeyj] { grid-template-columns: repeat(2, 1fr); padding: 24px 16px; gap: 14px; padding-bottom: 60px; }
    .menu-card[b-smygjhfeyj] { padding: 26px 16px; border-radius: 16px; min-height: 150px; }
    .icon-box[b-smygjhfeyj] { font-size: 1.6rem; margin-bottom: 10px; width: 46px; height: 46px; border-radius: 12px; }
    .icon-box > svg.ms-icon[b-smygjhfeyj] { width: 38px; height: 38px; }
    .card-label[b-smygjhfeyj] { font-size: 0.92rem; }
    .card-desc[b-smygjhfeyj] { font-size: 0.76rem; }
    .footer-ticker[b-smygjhfeyj] { font-size: 0.78rem; height: 36px; }
    .ticker-icon-wrap[b-smygjhfeyj] { padding: 0 10px; }
    .ticker-icon[b-smygjhfeyj] { font-size: 0.95rem; }
    .ticker-scroll[b-smygjhfeyj] { animation-duration: 12s; }
    .profile-warning[b-smygjhfeyj] { margin: 12px 12px 0; padding: 12px 14px; flex-wrap: wrap;
        animation: warningGrowMobile-b-smygjhfeyj 0.15s ease both,
                   warningFadeIn-b-smygjhfeyj 0.1s ease both,
                   dashNudge-b-smygjhfeyj 6s ease-in-out 3s infinite;
    }
    .konum-warning[b-smygjhfeyj] {
        animation: warningGrowMobile-b-smygjhfeyj 0.15s ease 0.03s both,
                   warningFadeIn-b-smygjhfeyj 0.1s ease 0.03s both,
                   dashNudge-b-smygjhfeyj 6s ease-in-out 4s infinite;
    }
    .bildirim-warning[b-smygjhfeyj] {
        animation: warningGrowMobile-b-smygjhfeyj 0.15s ease 0.06s both,
                   warningFadeIn-b-smygjhfeyj 0.1s ease 0.06s both,
                   dashNudge-b-smygjhfeyj 6s ease-in-out 5s infinite;
    }
    .pw-action[b-smygjhfeyj] { width: 100%; text-align: right; }
    .ziyaret-banner[b-smygjhfeyj] { padding: 10px 12px; border-radius: 12px; }
    .zb-header[b-smygjhfeyj] { font-size: 0.8rem; margin-bottom: 6px; }
    .zb-is-btn[b-smygjhfeyj] { font-size: 0.65rem; padding: 3px 8px; }
}

@media (max-width: 400px) {
    .menu-container[b-smygjhfeyj] { grid-template-columns: 1fr; gap: 12px; padding: 20px 12px; }
    .menu-card[b-smygjhfeyj] { flex-direction: row; min-height: auto; padding: 18px; gap: 14px; text-align: left; }
    .icon-box[b-smygjhfeyj] { font-size: 1.5rem; margin-bottom: 0; flex-shrink: 0; width: 44px; height: 44px; border-radius: 11px; }
    .icon-box > svg.ms-icon[b-smygjhfeyj] { width: 36px; height: 36px; }
    .card-label[b-smygjhfeyj] { font-size: 0.92rem; margin-bottom: 2px; }
    .card-desc[b-smygjhfeyj] { font-size: 0.76rem; }
    .system-title[b-smygjhfeyj] { font-size: 1.1rem; letter-spacing: 0; }
}

/* ═══ BUGÜNKÜ ZİYARETLER BANNER ═══ */
.ziyaret-banner[b-smygjhfeyj] {
    grid-column: 1 / -1;
    background: var(--t-card, white);
    border: 1.5px solid color-mix(in srgb, var(--t-accent, #6366f1) 20%, var(--t-card-border, #e2e8f0) 80%);
    border-radius: 16px;
    padding: 14px 18px; transition: all 0.15s;
    overflow: hidden; box-sizing: border-box; max-width: 100%;
}
.ziyaret-banner-gecikmis[b-smygjhfeyj] {
    background: #fef2f2;
    border-color: color-mix(in srgb, #ef4444 25%, var(--t-card-border, #e2e8f0) 75%);
}
.ziyaret-banner-gecikmis .zb-header[b-smygjhfeyj] { color: #ef4444; }
.ziyaret-banner:hover[b-smygjhfeyj] { box-shadow: 0 4px 16px color-mix(in srgb, var(--t-accent, #6366f1) 10%, transparent); }
.ziyaret-banner-gecikmis:hover[b-smygjhfeyj] { box-shadow: 0 4px 16px rgba(239, 68, 68, 0.1); }
.zb-header[b-smygjhfeyj] { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; font-size: 0.88rem; color: var(--t-accent, #6366f1); font-weight: 700; }
.zb-icon[b-smygjhfeyj] {
    display: inline-flex; align-items: center; justify-content: center;
    width: 26px; height: 26px; flex-shrink: 0;
    filter: drop-shadow(0 1px 2px rgba(15,23,42,0.2));
}
.zb-icon svg.ms-icon[b-smygjhfeyj] { width: 24px; height: 24px; display: block; }
.zb-list[b-smygjhfeyj] { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.zb-item[b-smygjhfeyj] {
    display: flex; align-items: center; gap: 8px; padding: 7px 12px;
    background: var(--t-hover, #f8fafc); border-radius: 10px; border: 1px solid var(--t-card-border, #e2e8f0);
    font-size: 0.8rem; flex-wrap: nowrap; color: var(--t-text, #1e293b); cursor: pointer;
    transition: all 0.15s;
    animation: zbItemFadeIn-b-smygjhfeyj 0.15s ease both;
    min-width: 0; box-sizing: border-box; max-width: 100%;
}
.zb-item:nth-child(1)[b-smygjhfeyj] { animation-delay: 0.03s; }
.zb-item:nth-child(2)[b-smygjhfeyj] { animation-delay: 0.06s; }
.zb-item:nth-child(3)[b-smygjhfeyj] { animation-delay: 0.09s; }
.zb-item:nth-child(4)[b-smygjhfeyj] { animation-delay: 0.12s; }
.zb-item:nth-child(5)[b-smygjhfeyj] { animation-delay: 0.15s; }
.zb-item:hover[b-smygjhfeyj] { background: color-mix(in srgb, var(--t-accent, #6366f1) 6%, var(--t-card, white) 94%); }
.zb-item.blue[b-smygjhfeyj] { border-left: 3px solid var(--t-accent, #6366f1); }
.zb-item.green[b-smygjhfeyj] { border-left: 3px solid #22c55e; }
.zb-item.red[b-smygjhfeyj] { border-left: 3px solid #ef4444; }
.zb-durum[b-smygjhfeyj] { font-size: 0.9rem; flex-shrink: 0; }
.zb-merkez[b-smygjhfeyj] { font-weight: 700; color: var(--t-text, #1e293b); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.zb-hasta[b-smygjhfeyj] { color: var(--t-accent, #6366f1); font-weight: 600; font-size: 0.75rem; background: var(--t-accent-light, #eef2ff); padding: 1px 6px; border-radius: 5px; white-space: nowrap; flex-shrink: 0; }
.zb-sponsor[b-smygjhfeyj] { color: var(--t-text-muted, #64748b); font-weight: 600; font-size: 0.72rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.zb-proje[b-smygjhfeyj] { color: var(--t-text-muted, #64748b); font-weight: 600; font-size: 0.72rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.zb-saat[b-smygjhfeyj] { color: var(--t-text-muted, #64748b); font-weight: 600; font-size: 0.75rem; margin-left: auto; white-space: nowrap; flex-shrink: 0; }
.zb-is-btn[b-smygjhfeyj] {
    margin-left: auto; padding: 4px 14px; border-radius: 8px;
    border: 1.5px solid var(--t-accent, #6366f1);
    background: var(--t-accent, #6366f1); color: white;
    font-size: 0.72rem; font-weight: 700; cursor: pointer; white-space: nowrap;
    transition: all 0.15s; flex-shrink: 0;
}
.zb-is-btn:hover[b-smygjhfeyj] { filter: brightness(0.9); box-shadow: 0 2px 8px color-mix(in srgb, var(--t-accent, #6366f1) 30%, transparent); }
.ziyaret-banner-gecikmis .zb-is-btn[b-smygjhfeyj] {
    border-color: #ef4444;
    background: #ef4444;
    color: white;
}
.ziyaret-banner-gecikmis .zb-is-btn:hover[b-smygjhfeyj] { filter: brightness(0.9); box-shadow: 0 2px 8px rgba(239,68,68,0.3); }

@keyframes zbSlideDown-b-smygjhfeyj {
    from { opacity: 0; transform: translateY(-18px) scale(0.97); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes zbItemFadeIn-b-smygjhfeyj {
    from { opacity: 0; transform: translateX(-12px); }
    to   { opacity: 1; transform: translateX(0); }
}

/* ═══ DİKKAT ÇEKİCİ TİTREŞİM ═══ */
@keyframes dashNudge-b-smygjhfeyj {
    0%, 92%  { transform: translateX(0); }
    93%      { transform: translateX(-3px) rotate(-0.5deg); }
    95%      { transform: translateX(3px) rotate(0.5deg); }
    97%      { transform: translateX(-2px); }
    99%      { transform: translateX(1px); }
    100%     { transform: translateX(0); }
}
.profile-warning[b-smygjhfeyj] {
    animation: warningGrow-b-smygjhfeyj 0.15s ease both,
               warningFadeIn-b-smygjhfeyj 0.1s ease both,
               dashNudge-b-smygjhfeyj 6s ease-in-out 3s infinite;
}
.konum-warning[b-smygjhfeyj] {
    animation: warningGrow-b-smygjhfeyj 0.15s ease 0.03s both,
               warningFadeIn-b-smygjhfeyj 0.1s ease 0.03s both,
               dashNudge-b-smygjhfeyj 6s ease-in-out 4s infinite;
}
.bildirim-warning[b-smygjhfeyj] {
    animation: warningGrow-b-smygjhfeyj 0.15s ease 0.06s both,
               warningFadeIn-b-smygjhfeyj 0.1s ease 0.06s both,
               dashNudge-b-smygjhfeyj 6s ease-in-out 5s infinite;
}
.dash-sifre-uyari[b-smygjhfeyj] {
    animation: dashNudge-b-smygjhfeyj 6s ease-in-out 3.5s infinite;
}
.ziyaret-banner[b-smygjhfeyj] {
    animation: zbSlideDown-b-smygjhfeyj 0.2s ease both, dashNudge-b-smygjhfeyj 7s ease-in-out 4s infinite;
}
.ziyaret-banner-gecikmis[b-smygjhfeyj] {
    animation: zbSlideDown-b-smygjhfeyj 0.2s ease 0.05s both, dashNudge-b-smygjhfeyj 5s ease-in-out 3s infinite;
}

/* ═══ BİLGİ WİDGET'LARI ═══ */
/* Widget-section: kapalıyken minimal (sadece tab header), açılınca tam kart görünümü */
.widget-section[b-smygjhfeyj] {
    max-width: 1400px; margin: 0 auto 50px; box-sizing: border-box;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 20px;
    overflow: hidden;
    transition: background 0.25s, border-color 0.25s, box-shadow 0.3s, max-width 0.3s, padding 0.25s;
}
.widget-section.ws-open[b-smygjhfeyj] {
    max-width: none; margin: 0 150px 50px;
    background: var(--t-card, white);
    border-color: var(--t-card-border, #e2e8f0);
    box-shadow: 0 2px 12px rgba(0,0,0,0.04);
}
.widget-section.ws-open:hover[b-smygjhfeyj] {
    box-shadow: 0 4px 20px rgba(0,0,0,0.07);
}
/* Kapalıyken header daha kompakt — kendi başına yüzen küçük bir bar gibi */
.widget-section:not(.ws-open) .ws-header-tabs[b-smygjhfeyj] {
    background: var(--t-card, white);
    border: 1px solid var(--t-card-border, #e2e8f0);
    border-bottom: 1px solid var(--t-card-border, #e2e8f0);
    border-radius: 14px;
    padding: 6px 10px;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04);
}
.ws-header[b-smygjhfeyj] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 16px 0; cursor: pointer;
    transition: opacity 0.2s;
    user-select: none;
}
.ws-header:hover[b-smygjhfeyj] { opacity: 0.85; }
.ws-header-left[b-smygjhfeyj] {
    display: flex; align-items: center; gap: 10px;
}
.ws-icon[b-smygjhfeyj] { font-size: 1.1rem; }
.ws-title[b-smygjhfeyj] {
    font-size: 0.88rem; font-weight: 800; color: var(--t-text, #1e293b);
    letter-spacing: 0.2px;
}
.ws-badge[b-smygjhfeyj] {
    font-size: 0.68rem; font-weight: 700; color: var(--t-accent, #6366f1);
    background: color-mix(in srgb, var(--t-accent, #6366f1) 8%, transparent);
    padding: 2px 10px; border-radius: 20px;
}
.ws-chevron[b-smygjhfeyj] {
    font-size: 0.6rem; color: var(--t-text-muted, #94a3b8);
    transition: transform 0.3s;
}
.ws-open .ws-header[b-smygjhfeyj] {
    border-bottom: 1px solid var(--t-card-border, #f1f5f9);
    padding-bottom: 14px;
    margin-bottom: 2px;
}

.widget-container[b-smygjhfeyj] {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 14px; width: 100%; box-sizing: border-box;
    padding: 18px 20px 20px;
    animation: widgetFadeIn-b-smygjhfeyj 0.4s ease;
}
@keyframes widgetFadeIn-b-smygjhfeyj { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }

/* ═══ WİDGET YÜKLENME ANİMASYONU ═══ */
.wl-wrap[b-smygjhfeyj] {
    padding: 24px 0 28px;
    animation: wlFadeIn-b-smygjhfeyj 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}
@keyframes wlFadeIn-b-smygjhfeyj { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }

.wl-header[b-smygjhfeyj] {
    display: flex; align-items: center; gap: 14px;
    justify-content: center; margin-bottom: 18px;
}
.wl-spinner[b-smygjhfeyj] {
    width: 44px; height: 44px; position: relative;
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.wl-spinner-ring[b-smygjhfeyj] {
    position: absolute; inset: 0; border-radius: 50%;
    border: 2.5px solid color-mix(in srgb, var(--t-accent, #6366f1) 12%, transparent);
    border-top-color: var(--t-accent, #6366f1);
    animation: wlSpin-b-smygjhfeyj 1s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
@keyframes wlSpin-b-smygjhfeyj { to { transform: rotate(360deg); } }
.wl-spinner-icon[b-smygjhfeyj] {
    font-size: 1.15rem; z-index: 1;
    animation: wlIconPulse-b-smygjhfeyj 2s ease-in-out infinite;
}
@keyframes wlIconPulse-b-smygjhfeyj {
    0%, 100% { transform: scale(1); opacity: 0.9; }
    50% { transform: scale(1.12); opacity: 1; }
}
.wl-text[b-smygjhfeyj] { display: flex; flex-direction: column; gap: 2px; }
.wl-title[b-smygjhfeyj] {
    font-size: 0.88rem; font-weight: 800; color: var(--t-text, #1e293b);
    letter-spacing: 0.2px;
}
.wl-desc[b-smygjhfeyj] {
    font-size: 0.76rem; color: var(--t-text-muted, #94a3b8); font-weight: 600;
}
.wl-dots span[b-smygjhfeyj] {
    animation: wlDot-b-smygjhfeyj 1.4s steps(1) infinite;
    opacity: 0;
}
.wl-dots span:nth-child(1)[b-smygjhfeyj] { animation-delay: 0s; }
.wl-dots span:nth-child(2)[b-smygjhfeyj] { animation-delay: 0.35s; }
.wl-dots span:nth-child(3)[b-smygjhfeyj] { animation-delay: 0.7s; }
@keyframes wlDot-b-smygjhfeyj { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } }

.wl-bar[b-smygjhfeyj] {
    width: 200px; height: 3px; border-radius: 3px; margin: 0 auto 20px;
    background: var(--t-card-border, rgba(0,0,0,0.06)); overflow: hidden;
}
.wl-bar-fill[b-smygjhfeyj] {
    width: 40%; height: 100%; border-radius: 3px;
    background: linear-gradient(90deg, var(--t-accent, #6366f1), #a78bfa, #38bdf8, var(--t-accent, #6366f1));
    background-size: 300% 100%;
    animation: wlBarSlide-b-smygjhfeyj 1.8s ease-in-out infinite;
}
@keyframes wlBarSlide-b-smygjhfeyj {
    0% { transform: translateX(-120%); background-position: 0% 50%; }
    100% { transform: translateX(350%); background-position: 100% 50%; }
}

.wl-skeletons[b-smygjhfeyj] {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 14px;
}
.wl-skel[b-smygjhfeyj] {
    display: flex; align-items: center; gap: 12px;
    background: var(--t-hover, #f8fafc);
    border: 1px solid var(--t-card-border, #e2e8f0);
    border-radius: 14px; padding: 16px 14px;
    position: relative; overflow: hidden;
}
.wl-skel[b-smygjhfeyj]::after {
    content: ""; position: absolute; inset: 0;
    background: linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--t-card, white) 60%, transparent) 50%, transparent 100%);
    animation: wlShimmer-b-smygjhfeyj 1.6s ease-in-out infinite;
}
@keyframes wlShimmer-b-smygjhfeyj { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }

.wl-skel-icon[b-smygjhfeyj] {
    width: 40px; height: 40px; border-radius: 12px; flex-shrink: 0;
    background: color-mix(in srgb, var(--t-accent, #6366f1) 8%, var(--t-card-border, #e2e8f0));
}
.wl-skel-lines[b-smygjhfeyj] { display: flex; flex-direction: column; gap: 6px; flex: 1; }
.wl-skel-line[b-smygjhfeyj] {
    height: 8px; border-radius: 4px;
    background: color-mix(in srgb, var(--t-text-muted, #94a3b8) 12%, transparent);
}
.wl-sl1[b-smygjhfeyj] { width: 55%; }
.wl-sl2[b-smygjhfeyj] { width: 38%; height: 14px; border-radius: 5px; background: color-mix(in srgb, var(--t-text-muted, #94a3b8) 18%, transparent); }
.wl-sl3[b-smygjhfeyj] { width: 70%; }

@media (max-width: 900px) {
    .wl-skeletons[b-smygjhfeyj] { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 10px; }
    .wl-skel[b-smygjhfeyj] { padding: 14px 12px; }
    .wl-skel-icon[b-smygjhfeyj] { width: 36px; height: 36px; }
}
@media (max-width: 600px) {
    .wl-wrap[b-smygjhfeyj] { padding: 18px 0 22px; }
    .wl-skeletons[b-smygjhfeyj] { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 8px; }
    .wl-skel[b-smygjhfeyj] { padding: 12px 10px; border-radius: 12px; gap: 10px; }
    .wl-skel-icon[b-smygjhfeyj] { width: 32px; height: 32px; border-radius: 10px; }
    .wl-skel-hide-sm[b-smygjhfeyj] { display: none; }
    .wl-spinner[b-smygjhfeyj] { width: 38px; height: 38px; }
    .wl-spinner-icon[b-smygjhfeyj] { font-size: 1rem; }
    .wl-title[b-smygjhfeyj] { font-size: 0.82rem; }
    .wl-desc[b-smygjhfeyj] { font-size: 0.7rem; }
    .wl-bar[b-smygjhfeyj] { width: 160px; }
}

.widget[b-smygjhfeyj] {
    background: var(--t-hover, #f8fafc);
    border: 1px solid var(--t-card-border, #e2e8f0);
    border-radius: 14px; padding: 16px 14px; position: relative; overflow: hidden;
    transition: all 0.25s cubic-bezier(0.4,0,0.2,1);
    cursor: pointer; display: flex; align-items: center; gap: 12px;
    min-height: 68px;
}
.widget[b-smygjhfeyj]::before {
    content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
}
.w-is[b-smygjhfeyj]::before { background: linear-gradient(90deg, var(--t-accent, #6366f1), #818cf8); }
.w-masraf[b-smygjhfeyj]::before { background: linear-gradient(90deg, #16a34a, #4ade80); }
.w-hasta[b-smygjhfeyj]::before { background: linear-gradient(90deg, #0891b2, #22d3ee); }
.w-izin[b-smygjhfeyj]::before { background: linear-gradient(90deg, #ea580c, #fb923c); }
.w-mesaj[b-smygjhfeyj]::before { background: linear-gradient(90deg, #8b5cf6, #a78bfa); }
.w-ziyaret[b-smygjhfeyj]::before { background: linear-gradient(90deg, #0369a1, #38bdf8); }
.w-egitim[b-smygjhfeyj]::before { background: linear-gradient(90deg, #b45309, #fbbf24); }
.w-ekipman[b-smygjhfeyj]::before { background: linear-gradient(90deg, #64748b, #94a3b8); }
.w-destek[b-smygjhfeyj]::before { background: linear-gradient(90deg, #dc2626, #f87171); }
.w-yetki[b-smygjhfeyj]::before { background: linear-gradient(90deg, #7c3aed, #c084fc); }
.w-dogum[b-smygjhfeyj]::before { background: linear-gradient(90deg, #db2777, #f472b6); }
.w-belge[b-smygjhfeyj]::before { background: linear-gradient(90deg, #6366f1, #818cf8); }
.w-aktivite[b-smygjhfeyj]::before { background: linear-gradient(90deg, #059669, #34d399); }
.w-rapor[b-smygjhfeyj]::before { background: linear-gradient(90deg, #0891b2, #22d3ee); }
.w-profil[b-smygjhfeyj]::before { background: linear-gradient(90deg, #ea580c, #fb923c); }
.w-takvim[b-smygjhfeyj]::before { background: linear-gradient(90deg, #2563eb, #60a5fa); }
.w-sozlesme[b-smygjhfeyj]::before { background: linear-gradient(90deg, #0369a1, #38bdf8); }
.w-haftalik[b-smygjhfeyj]::before { background: linear-gradient(90deg, #0369a1, #38bdf8); }
.w-isgun[b-smygjhfeyj]::before { background: linear-gradient(90deg, #15803d, #4ade80); }

.widget:hover[b-smygjhfeyj] {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0,0,0,0.12);
}
.widget:active[b-smygjhfeyj] { transform: translateY(-1px); }

/* — İkon — */
.w-sm-icon[b-smygjhfeyj] {
    width: 48px; height: 48px; border-radius: 14px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.4rem; flex-shrink: 0;
}
.w-masraf .w-sm-icon[b-smygjhfeyj] { background: linear-gradient(135deg, #dcfce7, #bbf7d0); }
.w-hasta .w-sm-icon[b-smygjhfeyj] { background: linear-gradient(135deg, #cffafe, #a5f3fc); }
.w-mesaj .w-sm-icon[b-smygjhfeyj] { background: linear-gradient(135deg, #ede9fe, #ddd6fe); }
.w-ziyaret .w-sm-icon[b-smygjhfeyj] { background: linear-gradient(135deg, #e0f2fe, #bae6fd); }
.w-egitim .w-sm-icon[b-smygjhfeyj] { background: linear-gradient(135deg, #fef3c7, #fde68a); }
.w-ekipman .w-sm-icon[b-smygjhfeyj] { background: linear-gradient(135deg, #f1f5f9, #e2e8f0); }
.w-destek .w-sm-icon[b-smygjhfeyj] { background: linear-gradient(135deg, #fee2e2, #fecaca); }
.w-yetki .w-sm-icon[b-smygjhfeyj] { background: linear-gradient(135deg, #ede9fe, #ddd6fe); }
.w-dogum .w-sm-icon[b-smygjhfeyj] { background: linear-gradient(135deg, #fce7f3, #fbcfe8); }
.w-belge .w-sm-icon[b-smygjhfeyj] { background: linear-gradient(135deg, #eef2ff, #e0e7ff); }
.w-aktivite .w-sm-icon[b-smygjhfeyj] { background: linear-gradient(135deg, #d1fae5, #a7f3d0); }
.w-rapor .w-sm-icon[b-smygjhfeyj] { background: linear-gradient(135deg, #cffafe, #a5f3fc); }
.w-takvim .w-sm-icon[b-smygjhfeyj] { background: linear-gradient(135deg, #dbeafe, #bfdbfe); }
.w-sozlesme .w-sm-icon[b-smygjhfeyj] { background: linear-gradient(135deg, #e0f2fe, #bae6fd); }
.w-haftalik .w-sm-icon[b-smygjhfeyj] { background: linear-gradient(135deg, #e0f2fe, #bae6fd); }
.w-isgun .w-sm-icon[b-smygjhfeyj] { background: linear-gradient(135deg, #dcfce7, #bbf7d0); }

/* — İş Girişi: Dairesel ilerleme — */
.w-ring-wrap[b-smygjhfeyj] {
    position: relative; width: 52px; height: 52px; flex-shrink: 0;
}
.w-ring[b-smygjhfeyj] { width: 100%; height: 100%; transform: rotate(-90deg); }
.w-ring-bg[b-smygjhfeyj] { fill: none; stroke: var(--t-card-border, #f1f5f9); stroke-width: 3; }
.w-ring-fill[b-smygjhfeyj] { fill: none; stroke-width: 3; stroke-linecap: round; transition: stroke-dasharray 1s cubic-bezier(0.4,0,0.2,1); }
.w-ring-is[b-smygjhfeyj] { stroke: var(--t-accent, #6366f1); }
.w-ring-profil[b-smygjhfeyj] { stroke: #ea580c; }
.w-ring-val[b-smygjhfeyj] {
    position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
    font-size: 1.15rem; font-weight: 900; color: var(--t-text, #1e293b);
}

/* — Masraf tutar — */
.w-amount[b-smygjhfeyj] { font-size: 1.2rem; font-weight: 900; color: #16a34a; line-height: 1.2; }

/* — Büyük sayı — */
.w-big[b-smygjhfeyj] { font-size: 1.6rem; font-weight: 900; line-height: 1; color: var(--t-text, #1e293b); }
.w-big.w-alert[b-smygjhfeyj] { color: #dc2626; }

/* — Mesaj pulse — */
.w-pulse-dot[b-smygjhfeyj] {
    position: absolute; top: 10px; right: 10px;
    width: 8px; height: 8px; border-radius: 50%; background: #8b5cf6;
    animation: wPulse-b-smygjhfeyj 2s ease-in-out infinite;
}
@keyframes wPulse-b-smygjhfeyj { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.4; transform: scale(1.5); } }

/* — İzin bar — */
.w-izin[b-smygjhfeyj] { flex-direction: column; align-items: stretch; gap: 8px; }
.w-izin-top[b-smygjhfeyj] { display: flex; align-items: center; justify-content: space-between; }
.w-izin-badge[b-smygjhfeyj] {
    font-size: 0.72rem; font-weight: 800; padding: 2px 8px; border-radius: 20px;
    background: linear-gradient(135deg, #fff7ed, #fed7aa); color: #ea580c;
}
.w-izin-bar-wrap[b-smygjhfeyj] {
    height: 6px; border-radius: 6px; width: 100%;
    background: var(--t-card-border, #f1f5f9); overflow: hidden;
}
.w-izin-bar[b-smygjhfeyj] {
    height: 100%; border-radius: 6px;
    background: linear-gradient(90deg, #ea580c, #fb923c);
    transition: width 1s cubic-bezier(0.4,0,0.2,1);
}
.w-izin-labels[b-smygjhfeyj] {
    display: flex; justify-content: space-between;
    font-size: 0.7rem; font-weight: 600; color: var(--t-text-muted, #94a3b8);
}

/* — Ortak — */
.w-info[b-smygjhfeyj] { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.w-title[b-smygjhfeyj] {
    font-size: 0.78rem; font-weight: 700; color: var(--t-text-muted, #64748b);
    text-transform: uppercase; letter-spacing: 0.3px;
}
.w-detail[b-smygjhfeyj] {
    font-size: 0.76rem; font-weight: 600; color: var(--t-text-muted, #94a3b8);
}
.w-detail-trunc[b-smygjhfeyj] {
    font-size: 0.7rem; font-weight: 600; color: var(--t-text-muted, #94a3b8);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;
}

@media (max-width: 900px) {
    .widget-section[b-smygjhfeyj], .widget-section.ws-open[b-smygjhfeyj] { padding: 0 18px; margin: 0 20px 50px; max-width: none; overflow-x: hidden; }
    .widget-container[b-smygjhfeyj] { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 10px; padding: 16px 0 18px; }
    .widget[b-smygjhfeyj] { padding: 14px 12px; min-height: 64px; }
    .ws-header-tabs[b-smygjhfeyj] { flex-wrap: nowrap; }
    .ws-tab[b-smygjhfeyj] { flex: 1 1 0; min-width: 0; justify-content: center; }
    .ws-tab .ws-title[b-smygjhfeyj] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}
@media (max-width: 600px) {
    .widget-section[b-smygjhfeyj], .widget-section.ws-open[b-smygjhfeyj] { padding: 0 14px; margin: 0 12px 50px; border-radius: 14px; max-width: none; overflow-x: hidden; }
    .widget-container[b-smygjhfeyj] { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 8px; padding: 14px 0 16px; }
    .widget[b-smygjhfeyj] { padding: 12px 10px; border-radius: 12px; gap: 10px; min-height: 56px; }
    .ws-title[b-smygjhfeyj] { font-size: 0.82rem; }
    .ws-badge[b-smygjhfeyj] { font-size: 0.62rem; padding: 2px 8px; }
    .ws-header-tabs[b-smygjhfeyj] { flex-wrap: nowrap; padding: 6px 8px; gap: 4px; }
    .ws-tab[b-smygjhfeyj] { flex: 1 1 0; padding: 8px 8px; font-size: 0.78rem; gap: 5px; min-width: 0; justify-content: center; }
    .ws-tab .ws-title[b-smygjhfeyj] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .dash-bsr-strip-inline[b-smygjhfeyj] { padding: 14px 12px; }
    .dash-bsr-strip-grid[b-smygjhfeyj] { grid-template-columns: 1fr; gap: 10px; }
    .dash-bsr-strip-kart[b-smygjhfeyj] { padding: 12px; gap: 10px; min-width: 0; }
    .dash-bsr-strip-meta[b-smygjhfeyj] { min-width: 0; overflow: hidden; }
    .dash-bsr-strip-ad[b-smygjhfeyj], .dash-bsr-strip-aciklama[b-smygjhfeyj] { word-break: break-word; overflow-wrap: anywhere; }
    .w-ring-wrap[b-smygjhfeyj] { width: 42px; height: 42px; }
    .w-ring-val[b-smygjhfeyj] { font-size: 0.95rem; }
    .w-sm-icon[b-smygjhfeyj] { width: 38px; height: 38px; font-size: 1.15rem; border-radius: 10px; }
    .w-amount[b-smygjhfeyj] { font-size: 1rem; }
    .w-big[b-smygjhfeyj] { font-size: 1.3rem; }
    .w-title[b-smygjhfeyj] { font-size: 0.66rem; }
    .w-detail[b-smygjhfeyj] { font-size: 0.64rem; }
    .w-detail-trunc[b-smygjhfeyj] { font-size: 0.6rem; }
    .w-izin-badge[b-smygjhfeyj] { font-size: 0.6rem; }
    .w-izin-labels[b-smygjhfeyj] { font-size: 0.58rem; }
}

/* ═══ ZİYARET BANNER DARK MODE ═══ */
:global([data-theme="dark"]) .ziyaret-banner-gecikmis[b-smygjhfeyj],
:global([data-theme="midnight"]) .ziyaret-banner-gecikmis[b-smygjhfeyj] {
    border-color: rgba(239,68,68,0.3);
}
:global([data-theme="dark"]) .ziyaret-banner-gecikmis .zb-header[b-smygjhfeyj],
:global([data-theme="midnight"]) .ziyaret-banner-gecikmis .zb-header[b-smygjhfeyj] {
    color: #fca5a5;
}
:global([data-theme="dark"]) .zb-item.red[b-smygjhfeyj],
:global([data-theme="midnight"]) .zb-item.red[b-smygjhfeyj] {
    border-left-color: #f87171;
}
:global([data-theme="dark"]) .zb-item.green[b-smygjhfeyj],
:global([data-theme="midnight"]) .zb-item.green[b-smygjhfeyj] {
    border-left-color: #4ade80;
}
:global([data-theme="dark"]) .zb-item.blue[b-smygjhfeyj],
:global([data-theme="midnight"]) .zb-item.blue[b-smygjhfeyj] {
    border-left-color: var(--t-accent, #818cf8);
}

/* ═══ YETKİ YOK MESAJI ═══ */
.dash-no-access[b-smygjhfeyj] {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    padding: 60px 30px; text-align: center; grid-column: 1 / -1;
}
.dash-no-access-icon[b-smygjhfeyj] {
    font-size: 3.5rem; margin-bottom: 16px; opacity: 0.9;
    display: inline-flex; align-items: center; justify-content: center;
    width: 72px; height: 72px;
    filter: drop-shadow(0 4px 8px rgba(220,38,38,0.28));
}
.dash-no-access-icon svg.ms-icon[b-smygjhfeyj] { width: 64px; height: 64px; display: block; }
.dash-no-access-title[b-smygjhfeyj] {
    font-size: 1.3rem; font-weight: 700; color: var(--t-text, #1e293b); margin-bottom: 10px;
}
.dash-no-access-desc[b-smygjhfeyj] {
    font-size: 0.88rem; color: var(--t-text-muted, #64748b); max-width: 420px; line-height: 1.6;
}

/* ═══ YETKİ YÜKLENME ANİMASYONU ═══ */
.dash-load-screen[b-smygjhfeyj] {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    padding: 60px 20px 40px; grid-column: 1 / -1;
    animation: dashLoadFadeIn-b-smygjhfeyj 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}
@keyframes dashLoadFadeIn-b-smygjhfeyj { from { opacity: 0; transform: translateY(24px) scale(0.96); } to { opacity: 1; transform: translateY(0) scale(1); } }

/* Orb — çok katmanlı logo */
.dash-load-orb[b-smygjhfeyj] {
    width: 110px; height: 110px; position: relative;
    display: flex; align-items: center; justify-content: center;
    margin-bottom: 28px;
}
.dash-load-ring[b-smygjhfeyj] {
    position: absolute; border-radius: 50%; border: 2px solid transparent;
}
.dash-load-ring-1[b-smygjhfeyj] {
    inset: 0;
    border-top-color: var(--t-accent, #6366f1);
    border-right-color: color-mix(in srgb, var(--t-accent, #6366f1) 30%, transparent);
    animation: dashOrbSpin-b-smygjhfeyj 1.6s linear infinite;
}
.dash-load-ring-2[b-smygjhfeyj] {
    inset: 10px;
    border-bottom-color: #a78bfa;
    border-left-color: rgba(167,139,250,0.3);
    animation: dashOrbSpin-b-smygjhfeyj 2.4s linear infinite reverse;
}
.dash-load-ring-3[b-smygjhfeyj] {
    inset: 20px;
    border-top-color: #38bdf8;
    border-right-color: rgba(56,189,248,0.2);
    animation: dashOrbSpin-b-smygjhfeyj 3.2s linear infinite;
}
@keyframes dashOrbSpin-b-smygjhfeyj { to { transform: rotate(360deg); } }

/* Parçacıklar */
.dash-load-dot[b-smygjhfeyj] {
    position: absolute; width: 5px; height: 5px; border-radius: 50%;
}
.dash-ld1[b-smygjhfeyj] { background: var(--t-accent, #818cf8); top: 0; left: 50%; transform: translateX(-50%); animation: dashDotPulse-b-smygjhfeyj 2.4s ease-in-out infinite; }
.dash-ld2[b-smygjhfeyj] { background: #c084fc; top: 50%; right: 0; transform: translateY(-50%); animation: dashDotPulse-b-smygjhfeyj 2.4s ease-in-out 0.8s infinite; }
.dash-ld3[b-smygjhfeyj] { background: #38bdf8; bottom: 0; left: 50%; transform: translateX(-50%); animation: dashDotPulse-b-smygjhfeyj 2.4s ease-in-out 1.6s infinite; }
@keyframes dashDotPulse-b-smygjhfeyj {
    0%   { opacity: 0; transform: scale(0.4); }
    20%  { opacity: 1; transform: scale(1); }
    80%  { opacity: 1; transform: scale(1); }
    100% { opacity: 0; transform: scale(0.4); }
}

/* Core logo */
.dash-load-core[b-smygjhfeyj] {
    width: 50px; height: 50px; border-radius: 14px; z-index: 2;
    background: linear-gradient(135deg, var(--t-sidebar, #1e3a5f) 0%, var(--t-accent, #2563eb) 50%, var(--t-sidebar-active, #3b82f6) 100%);
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 0 36px color-mix(in srgb, var(--t-accent, #6366f1) 35%, transparent),
                0 0 72px color-mix(in srgb, var(--t-accent, #6366f1) 15%, transparent),
                0 0 0 1px rgba(255,255,255,0.1) inset;
    animation: dashCorePulse-b-smygjhfeyj 2s ease-in-out infinite;
}
@keyframes dashCorePulse-b-smygjhfeyj {
    0%, 100% { box-shadow: 0 0 36px color-mix(in srgb, var(--t-accent, #6366f1) 35%, transparent), 0 0 72px color-mix(in srgb, var(--t-accent, #6366f1) 15%, transparent), 0 0 0 1px rgba(255,255,255,0.1) inset; }
    50% { box-shadow: 0 0 52px color-mix(in srgb, var(--t-accent, #6366f1) 50%, transparent), 0 0 100px color-mix(in srgb, var(--t-accent, #6366f1) 20%, transparent), 0 0 0 1px rgba(255,255,255,0.15) inset; }
}
.dash-load-letter[b-smygjhfeyj] {
    width: 60%; height: 60%;
    fill: white;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.25));
    animation: dashLetterFloat-b-smygjhfeyj 2s ease-in-out infinite;
}
@keyframes dashLetterFloat-b-smygjhfeyj {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-2px); }
}

/* Başlık */
.dash-load-title[b-smygjhfeyj] {
    display: flex; gap: 7px; margin-bottom: 22px;
    animation: dashLoadFadeIn-b-smygjhfeyj 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.15s both;
}
.dash-lt-word[b-smygjhfeyj] {
    font-size: 0.95rem; font-weight: 700; color: var(--t-text-muted, #94a3b8);
    letter-spacing: 0.02em;
}
.dash-lt-accent[b-smygjhfeyj] {
    background: linear-gradient(90deg, var(--t-accent, #818cf8), #c084fc);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Adım göstergesi */
.dash-load-steps[b-smygjhfeyj] {
    display: flex; flex-direction: column; gap: 10px; margin-bottom: 24px;
    animation: dashLoadFadeIn-b-smygjhfeyj 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.3s both;
}
.dash-ls[b-smygjhfeyj] {
    display: flex; align-items: center; gap: 10px;
    font-size: 0.82rem; font-weight: 600; color: var(--t-text-muted, #94a3b8);
    opacity: 0.5; transition: all 0.3s;
}
.dash-ls-dot[b-smygjhfeyj] {
    width: 8px; height: 8px; border-radius: 50%;
    background: var(--t-card-border, #cbd5e1); flex-shrink: 0;
    transition: all 0.3s;
}
.dash-ls.dash-ls-done[b-smygjhfeyj] { opacity: 1; color: #4ade80; }
.dash-ls.dash-ls-done .dash-ls-dot[b-smygjhfeyj] {
    background: #22c55e;
    box-shadow: 0 0 8px rgba(34,197,94,0.5);
}
.dash-ls.dash-ls-active[b-smygjhfeyj] { opacity: 1; color: var(--t-accent, #818cf8); }
.dash-ls.dash-ls-active .dash-ls-dot[b-smygjhfeyj] {
    background: var(--t-accent, #818cf8);
    box-shadow: 0 0 10px color-mix(in srgb, var(--t-accent, #818cf8) 60%, transparent);
    animation: dashStepPulse-b-smygjhfeyj 1.2s ease-in-out infinite;
}
@keyframes dashStepPulse-b-smygjhfeyj {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.5); opacity: 0.6; }
}

/* İlerleme çubuğu */
.dash-load-bar[b-smygjhfeyj] {
    width: 220px; height: 3px; border-radius: 3px;
    background: var(--t-card-border, rgba(0,0,0,0.06)); overflow: hidden;
    animation: dashLoadFadeIn-b-smygjhfeyj 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.45s both;
}
.dash-load-bar-fill[b-smygjhfeyj] {
    width: 30%; height: 100%; border-radius: 3px;
    background: linear-gradient(90deg, var(--t-accent, #6366f1), #a78bfa, #38bdf8, var(--t-accent, #6366f1));
    background-size: 300% 100%;
    animation: dashBarSlide-b-smygjhfeyj 2s ease-in-out infinite;
}
@keyframes dashBarSlide-b-smygjhfeyj {
    0% { transform: translateX(-100%); background-position: 0% 50%; }
    100% { transform: translateX(400%); background-position: 100% 50%; }
}

@media (max-width: 600px) {
    .dash-load-orb[b-smygjhfeyj] { width: 85px; height: 85px; margin-bottom: 22px; }
    .dash-load-core[b-smygjhfeyj] { width: 40px; height: 40px; border-radius: 11px; }
    .dash-load-letter[b-smygjhfeyj] { width: 58%; height: 58%; }
    .dash-load-ring-2[b-smygjhfeyj] { inset: 8px; }
    .dash-load-ring-3[b-smygjhfeyj] { inset: 16px; }
    .dash-load-bar[b-smygjhfeyj] { width: 160px; }
    .dash-load-title[b-smygjhfeyj] { gap: 5px; }
    .dash-lt-word[b-smygjhfeyj] { font-size: 0.85rem; }
    .dash-load-steps[b-smygjhfeyj] { gap: 8px; }
    .dash-ls[b-smygjhfeyj] { font-size: 0.76rem; }
}

/* ═══ ŞİFRE ZORUNLU DEĞİŞTİRME POPUP ═══ */
.sp-overlay[b-smygjhfeyj] {
    position: fixed; inset: 0; z-index: 99999;
    background: rgba(0,0,0,0.65); backdrop-filter: blur(6px);
    animation: spFadeIn-b-smygjhfeyj 0.3s ease;
}
.sp-popup[b-smygjhfeyj] {
    position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
    z-index: 100000;
    width: 94%; max-width: 460px;
    background: var(--t-card, white);
    border-radius: 20px;
    box-shadow: 0 24px 80px rgba(0,0,0,0.25), 0 0 0 1px rgba(0,0,0,0.06);
    overflow: hidden;
    animation: spSlideIn-b-smygjhfeyj 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes spFadeIn-b-smygjhfeyj { from { opacity: 0; } to { opacity: 1; } }
@keyframes spSlideIn-b-smygjhfeyj { from { opacity: 0; transform: translate(-50%, -46%); } to { opacity: 1; transform: translate(-50%, -50%); } }

.sp-header[b-smygjhfeyj] {
    display: flex; align-items: flex-start; gap: 14px;
    padding: 24px 24px 16px;
    background: linear-gradient(135deg, #fef2f2, #fee2e2);
    border-bottom: 1px solid #fecaca;
    position: relative;
}
.sp-header-warn[b-smygjhfeyj] {
    background: linear-gradient(135deg, #fffbeb, #fef3c7) !important;
    border-bottom-color: #fde68a !important;
}
.sp-header-warn .sp-header-icon[b-smygjhfeyj] {
    background: linear-gradient(135deg, #d97706, #f59e0b) !important;
    box-shadow: 0 4px 16px rgba(217,119,6,0.25) !important;
}
.sp-header-warn .sp-header-text h3[b-smygjhfeyj] { color: #92400e !important; }
.sp-header-warn .sp-header-text p[b-smygjhfeyj] { color: #a16207 !important; }
.sp-close[b-smygjhfeyj] {
    position: absolute; top: 14px; right: 14px;
    background: none; border: none; font-size: 1.2rem; cursor: pointer;
    color: #94a3b8; width: 32px; height: 32px; border-radius: 8px;
    display: flex; align-items: center; justify-content: center;
    transition: all 0.2s;
}
.sp-close:hover[b-smygjhfeyj] { background: rgba(0,0,0,0.06); color: #475569; }
.sp-header-icon[b-smygjhfeyj] {
    width: 48px; height: 48px; border-radius: 14px; flex-shrink: 0;
    background: linear-gradient(135deg, #dc2626, #ef4444);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.5rem;
    box-shadow: 0 4px 16px rgba(220,38,38,0.25);
}
.sp-header-text h3[b-smygjhfeyj] { margin: 0 0 4px; font-size: 1rem; color: #991b1b; font-weight: 800; }
.sp-header-text p[b-smygjhfeyj] { margin: 0; font-size: 0.8rem; color: #b91c1c; line-height: 1.5; }
.sp-body[b-smygjhfeyj] { padding: 20px 24px; display: flex; flex-direction: column; gap: 14px; }
.sp-field[b-smygjhfeyj] { display: flex; flex-direction: column; gap: 5px; }
.sp-field label[b-smygjhfeyj] { font-size: 0.78rem; font-weight: 700; color: var(--t-text, #334155); }
.sp-input[b-smygjhfeyj] {
    padding: 10px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 10px; font-size: 0.88rem; background: var(--t-hover, #f8fafc);
    color: var(--t-text, #1e293b); outline: none; transition: border-color 0.2s;
}
.sp-input:focus[b-smygjhfeyj] { border-color: var(--t-accent, #6366f1); box-shadow: 0 0 0 3px rgba(99,102,241,0.12); }

.sp-strength[b-smygjhfeyj] { display: flex; align-items: center; gap: 10px; margin-top: 2px; }
.sp-bar[b-smygjhfeyj] { flex: 1; height: 5px; background: #e2e8f0; border-radius: 4px; overflow: hidden; }
.sp-fill[b-smygjhfeyj] { height: 100%; border-radius: 4px; transition: width 0.3s, background 0.3s; }

.sp-rules[b-smygjhfeyj] {
    list-style: none; padding: 0; margin: 4px 0 0; display: flex; flex-wrap: wrap; gap: 4px 12px;
}
.sp-rules li[b-smygjhfeyj] {
    font-size: 0.72rem; color: #94a3b8; position: relative; padding-left: 16px;
}
.sp-rules li[b-smygjhfeyj]::before { content: '○'; position: absolute; left: 0; font-size: 0.7rem; }
.sp-rules li.ok[b-smygjhfeyj] { color: #16a34a; font-weight: 600; }
.sp-rules li.ok[b-smygjhfeyj]::before { content: '✓'; color: #16a34a; }

.sp-msg[b-smygjhfeyj] {
    padding: 10px 14px; border-radius: 10px; font-size: 0.82rem; font-weight: 600;
}
.sp-msg.error[b-smygjhfeyj] { background: #fef2f2; border: 1px solid #fecaca; color: #dc2626; }
.sp-msg.success[b-smygjhfeyj] { background: #f0fdf4; border: 1px solid #bbf7d0; color: #16a34a; }

.sp-btn[b-smygjhfeyj] {
    width: 100%; padding: 12px; border: none; border-radius: 12px;
    background: linear-gradient(135deg, #dc2626, #ef4444);
    color: white; font-size: 0.92rem; font-weight: 800; cursor: pointer;
    box-shadow: 0 4px 16px rgba(220,38,38,0.25);
    transition: all 0.2s;
}
.sp-btn:hover:not(:disabled)[b-smygjhfeyj] { transform: translateY(-1px); box-shadow: 0 6px 24px rgba(220,38,38,0.35); }
.sp-btn:disabled[b-smygjhfeyj] { opacity: 0.6; cursor: not-allowed; }

.sp-footer[b-smygjhfeyj] {
    padding: 12px 24px 16px;
    background: var(--t-hover, #f8fafc);
    border-top: 1px solid var(--t-card-border, #e2e8f0);
    font-size: 0.74rem; color: var(--t-text-muted, #94a3b8); line-height: 1.5;
    display: flex; align-items: flex-start; gap: 6px;
}

/* Dark mode */
:global([data-theme="dark"]) .sp-header[b-smygjhfeyj],
:global([data-theme="midnight"]) .sp-header[b-smygjhfeyj] {
    background: linear-gradient(135deg, rgba(127,29,29,0.35), rgba(153,27,27,0.25));
    border-color: rgba(248,113,113,0.3);
}
:global([data-theme="dark"]) .sp-header-text h3[b-smygjhfeyj],
:global([data-theme="midnight"]) .sp-header-text h3[b-smygjhfeyj] { color: #fca5a5; }
:global([data-theme="dark"]) .sp-header-text p[b-smygjhfeyj],
:global([data-theme="midnight"]) .sp-header-text p[b-smygjhfeyj] { color: #fca5a5; }
:global([data-theme="dark"]) .sp-header-icon[b-smygjhfeyj],
:global([data-theme="midnight"]) .sp-header-icon[b-smygjhfeyj] { box-shadow: 0 4px 16px rgba(220,38,38,0.35); }

@media (max-width: 500px) {
    .sp-popup[b-smygjhfeyj] { width: 96%; border-radius: 16px; }
    .sp-header[b-smygjhfeyj] { padding: 18px 18px 14px; }
    .sp-body[b-smygjhfeyj] { padding: 16px 18px; gap: 12px; }
    .sp-header-icon[b-smygjhfeyj] { width: 40px; height: 40px; font-size: 1.2rem; }
    .sp-header-text h3[b-smygjhfeyj] { font-size: 0.92rem; }
    .sp-header-text p[b-smygjhfeyj] { font-size: 0.76rem; }
    .sp-footer[b-smygjhfeyj] { padding: 10px 18px 14px; }
}

/* ═══════════════════════════════════════════════════════════
   ÖZEL GÜN BANNER + DASHBOARD ARKA PLAN TEMALARI
   ═══════════════════════════════════════════════════════════ */

/* ═══ BANNER ORTAK ═══ */
.ozel-gun-banner[b-smygjhfeyj] {
    position: relative; overflow: hidden;
    border-radius: 16px; padding: 20px 28px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    display: flex; flex-direction: column; justify-content: center;
    min-height: 180px; box-sizing: border-box;
}
.ozel-gun-banner[b-smygjhfeyj]::after {
    content: ''; position: absolute; right: 16px; top: 50%; transform: translateY(-50%);
    width: 100px; height: 100px; z-index: 1; pointer-events: none;
    background-size: contain; background-repeat: no-repeat; background-position: center;
    opacity: 0.13;
}
.ogb-content[b-smygjhfeyj] {
    display: flex; align-items: center; gap: 16px;
    position: relative; z-index: 2;
}
.ogb-icon[b-smygjhfeyj] { font-size: 2.2rem; flex-shrink: 0; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.15)); }
.ogb-text[b-smygjhfeyj] { display: flex; flex-direction: column; gap: 4px; }
.ogb-title[b-smygjhfeyj] { font-size: 1.05rem; font-weight: 800; letter-spacing: 0.02em; }
.ogb-msg[b-smygjhfeyj] { font-size: 0.84rem; font-weight: 500; line-height: 1.5; opacity: 0.92; }

/* Parçacıklar */
.ogb-particles[b-smygjhfeyj] { position: absolute; inset: 0; z-index: 1; pointer-events: none; overflow: hidden; }
.ogb-p[b-smygjhfeyj] {
    position: absolute; border-radius: 50%; opacity: 0;
    animation: ogbFloat-b-smygjhfeyj 6s ease-in-out infinite;
}
.ogb-p:nth-child(1)[b-smygjhfeyj] { width: 6px; height: 6px; left: 10%; top: 20%; animation-delay: 0s; }
.ogb-p:nth-child(2)[b-smygjhfeyj] { width: 4px; height: 4px; left: 25%; top: 70%; animation-delay: 1s; }
.ogb-p:nth-child(3)[b-smygjhfeyj] { width: 8px; height: 8px; left: 50%; top: 10%; animation-delay: 2s; }
.ogb-p:nth-child(4)[b-smygjhfeyj] { width: 5px; height: 5px; left: 70%; top: 60%; animation-delay: 3s; }
.ogb-p:nth-child(5)[b-smygjhfeyj] { width: 3px; height: 3px; left: 85%; top: 30%; animation-delay: 4s; }
.ogb-p:nth-child(6)[b-smygjhfeyj] { width: 7px; height: 7px; left: 40%; top: 80%; animation-delay: 5s; }
@keyframes ogbFloat-b-smygjhfeyj {
    0%, 100% { opacity: 0; transform: translateY(0) scale(1); }
    20% { opacity: 0.6; }
    50% { opacity: 0.4; transform: translateY(-20px) scale(1.3); }
    80% { opacity: 0.2; }
}

/* ═══ MİLLİ BAYRAMLAR — Kırmızı-beyaz tema ═══ */
.ozel-gun-banner.ozel-29ekim[b-smygjhfeyj],
.ozel-gun-banner.ozel-30agustos[b-smygjhfeyj],
.ozel-gun-banner.ozel-23nisan[b-smygjhfeyj],
.ozel-gun-banner.ozel-19mayis[b-smygjhfeyj],
.ozel-gun-banner.ozel-canakkale[b-smygjhfeyj],
.ozel-gun-banner.ozel-15temmuz[b-smygjhfeyj] {
    background: linear-gradient(135deg, #dc2626, #991b1b);
    border: 1.5px solid rgba(255,255,255,0.2);
}
.ozel-gun-banner.ozel-29ekim .ogb-title[b-smygjhfeyj],
.ozel-gun-banner.ozel-30agustos .ogb-title[b-smygjhfeyj],
.ozel-gun-banner.ozel-23nisan .ogb-title[b-smygjhfeyj],
.ozel-gun-banner.ozel-19mayis .ogb-title[b-smygjhfeyj],
.ozel-gun-banner.ozel-canakkale .ogb-title[b-smygjhfeyj],
.ozel-gun-banner.ozel-15temmuz .ogb-title[b-smygjhfeyj] { color: #fff; }
.ozel-gun-banner.ozel-29ekim .ogb-msg[b-smygjhfeyj],
.ozel-gun-banner.ozel-30agustos .ogb-msg[b-smygjhfeyj],
.ozel-gun-banner.ozel-23nisan .ogb-msg[b-smygjhfeyj],
.ozel-gun-banner.ozel-19mayis .ogb-msg[b-smygjhfeyj],
.ozel-gun-banner.ozel-canakkale .ogb-msg[b-smygjhfeyj],
.ozel-gun-banner.ozel-15temmuz .ogb-msg[b-smygjhfeyj] { color: rgba(255,255,255,0.9); }
.ozel-gun-banner.ozel-29ekim .ogb-p[b-smygjhfeyj],
.ozel-gun-banner.ozel-30agustos .ogb-p[b-smygjhfeyj],
.ozel-gun-banner.ozel-23nisan .ogb-p[b-smygjhfeyj],
.ozel-gun-banner.ozel-19mayis .ogb-p[b-smygjhfeyj],
.ozel-gun-banner.ozel-canakkale .ogb-p[b-smygjhfeyj],
.ozel-gun-banner.ozel-15temmuz .ogb-p[b-smygjhfeyj] { background: rgba(255,255,255,0.4); }

/* Milli bayram simgeleri — Ay-yıldız (Türkiye'ye özel tarihler) */
.ozel-gun-banner.ozel-29ekim[b-smygjhfeyj]::after,
.ozel-gun-banner.ozel-30agustos[b-smygjhfeyj]::after,
.ozel-gun-banner.ozel-19mayis[b-smygjhfeyj]::after {
    opacity: 0.12; width: 120px; height: 120px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Ccircle cx='52' cy='60' r='30' fill='white'/%3E%3Ccircle cx='60' cy='60' r='24' fill='%23dc2626'/%3E%3Cpolygon points='90,60 78,55 82,67 72,58 84,58' fill='white'/%3E%3C/svg%3E");
}

/* Kahramanlar (global) — defne yapraklı yıldızlı madalya */
.ozel-gun-banner.ozel-15temmuz[b-smygjhfeyj]::after {
    opacity: 0.16; width: 120px; height: 120px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M30 50 Q22 60 30 78 Q40 88 52 84' /%3E%3Cpath d='M28 56 Q24 58 22 62'/%3E%3Cpath d='M30 64 Q26 66 24 70'/%3E%3Cpath d='M34 72 Q32 76 32 80'/%3E%3Cpath d='M90 50 Q98 60 90 78 Q80 88 68 84' /%3E%3Cpath d='M92 56 Q96 58 98 62'/%3E%3Cpath d='M90 64 Q94 66 96 70'/%3E%3Cpath d='M86 72 Q88 76 88 80'/%3E%3C/g%3E%3Cpath d='M52 22 L60 14 L68 22 L62 30 L66 38 L54 38 L58 30 Z' fill='white'/%3E%3Ccircle cx='60' cy='60' r='22' fill='white'/%3E%3Ccircle cx='60' cy='60' r='17' fill='%23991b1b'/%3E%3Cpolygon points='60,49 63,57 71,57 64,62 67,71 60,66 53,71 56,62 49,57 57,57' fill='white'/%3E%3C/svg%3E");
}

/* Çanakkale — Kılıç + kalkan */
.ozel-gun-banner.ozel-canakkale[b-smygjhfeyj]::after {
    opacity: 0.12; width: 110px; height: 110px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cellipse cx='50' cy='52' rx='28' ry='32' fill='none' stroke='white' stroke-width='3'/%3E%3Cline x1='50' y1='10' x2='50' y2='90' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3Cline x1='38' y1='14' x2='62' y2='14' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* 23 Nisan — Çocuksu pastel tonu + balonlar */
.ozel-gun-banner.ozel-23nisan[b-smygjhfeyj] {
    background: linear-gradient(135deg, #ec4899, #f472b6, #a855f7);
}
.ozel-gun-banner.ozel-23nisan[b-smygjhfeyj]::after {
    opacity: 0.15; width: 110px; height: 110px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cellipse cx='30' cy='30' rx='12' ry='16' fill='white'/%3E%3Cline x1='30' y1='46' x2='32' y2='70' stroke='white' stroke-width='1.5'/%3E%3Cellipse cx='55' cy='22' rx='10' ry='14' fill='white'/%3E%3Cline x1='55' y1='36' x2='53' y2='65' stroke='white' stroke-width='1.5'/%3E%3Cellipse cx='75' cy='35' rx='11' ry='15' fill='white'/%3E%3Cline x1='75' y1='50' x2='73' y2='72' stroke='white' stroke-width='1.5'/%3E%3Cpath d='M25,70 Q50,60 75,72' fill='none' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");
}

/* Arka plan: milli bayramlar */
.dashboard-wrapper.ozel-29ekim[b-smygjhfeyj],
.dashboard-wrapper.ozel-30agustos[b-smygjhfeyj],
.dashboard-wrapper.ozel-19mayis[b-smygjhfeyj],
.dashboard-wrapper.ozel-canakkale[b-smygjhfeyj],
.dashboard-wrapper.ozel-15temmuz[b-smygjhfeyj] { background: linear-gradient(180deg, #fef2f2 0%, #f1f5f9 30%); }
.dashboard-wrapper.ozel-23nisan[b-smygjhfeyj] { background: linear-gradient(180deg, #fdf2f8 0%, #f1f5f9 30%); }

/* ═══ 10 KASIM — Saygı teması, siyah-gri ═══ */
.ozel-gun-banner.ozel-10kasim[b-smygjhfeyj] {
    background: linear-gradient(135deg, #1e293b, #0f172a);
    border: 1.5px solid #334155;
}
.ozel-gun-banner.ozel-10kasim .ogb-title[b-smygjhfeyj] { color: #e2e8f0; }
.ozel-gun-banner.ozel-10kasim .ogb-msg[b-smygjhfeyj] { color: #94a3b8; }
.ozel-gun-banner.ozel-10kasim .ogb-p[b-smygjhfeyj] { background: rgba(148,163,184,0.3); }
.ozel-gun-banner.ozel-10kasim[b-smygjhfeyj]::after {
    opacity: 0.08; width: 100px; height: 100px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50,15 C45,25 35,30 30,45 C28,55 32,65 40,72 C44,75 48,76 50,85 C52,76 56,75 60,72 C68,65 72,55 70,45 C65,30 55,25 50,15Z' fill='%23e2e8f0' opacity='0.6'/%3E%3Cline x1='50' y1='85' x2='50' y2='95' stroke='%23e2e8f0' stroke-width='2'/%3E%3Cline x1='44' y1='93' x2='56' y2='93' stroke='%23e2e8f0' stroke-width='1.5'/%3E%3C/svg%3E");
}
.dashboard-wrapper.ozel-10kasim[b-smygjhfeyj] { background: linear-gradient(180deg, #f1f5f9 0%, #e2e8f0 30%); }

/* ═══ 1 MAYIS — Emek kırmızısı ═══ */
.ozel-gun-banner.ozel-1mayis[b-smygjhfeyj] {
    background: linear-gradient(135deg, #b91c1c, #dc2626, #f59e0b);
    border: 1.5px solid rgba(255,255,255,0.15);
}
.ozel-gun-banner.ozel-1mayis .ogb-title[b-smygjhfeyj] { color: #fff; }
.ozel-gun-banner.ozel-1mayis .ogb-msg[b-smygjhfeyj] { color: rgba(255,255,255,0.88); }
.ozel-gun-banner.ozel-1mayis .ogb-p[b-smygjhfeyj] { background: rgba(255,255,255,0.3); }
.ozel-gun-banner.ozel-1mayis[b-smygjhfeyj]::after {
    opacity: 0.12; width: 100px; height: 100px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='42' r='22' fill='none' stroke='white' stroke-width='3'/%3E%3Ccircle cx='50' cy='42' r='10' fill='none' stroke='white' stroke-width='2'/%3E%3Crect x='47' y='16' width='6' height='8' rx='1' fill='white'/%3E%3Crect x='47' y='60' width='6' height='8' rx='1' fill='white'/%3E%3Crect x='24' y='39' width='8' height='6' rx='1' fill='white'/%3E%3Crect x='68' y='39' width='8' height='6' rx='1' fill='white'/%3E%3Crect x='44' y='68' width='12' height='20' rx='2' fill='white'/%3E%3C/svg%3E");
}
.dashboard-wrapper.ozel-1mayis[b-smygjhfeyj] { background: linear-gradient(180deg, #fef2f2 0%, #f1f5f9 30%); }

/* ═══ DİNİ BAYRAMLAR — Altın-lacivert ═══ */
.ozel-gun-banner.ozel-ramazan[b-smygjhfeyj],
.ozel-gun-banner.ozel-kurban[b-smygjhfeyj] {
    background: linear-gradient(135deg, #1e3a5f, #1e40af, #312e81);
    border: 1.5px solid rgba(250,204,21,0.3);
}
.ozel-gun-banner.ozel-ramazan .ogb-title[b-smygjhfeyj],
.ozel-gun-banner.ozel-kurban .ogb-title[b-smygjhfeyj] { color: #fde68a; }
.ozel-gun-banner.ozel-ramazan .ogb-msg[b-smygjhfeyj],
.ozel-gun-banner.ozel-kurban .ogb-msg[b-smygjhfeyj] { color: rgba(253,230,138,0.85); }
.ozel-gun-banner.ozel-ramazan .ogb-p[b-smygjhfeyj],
.ozel-gun-banner.ozel-kurban .ogb-p[b-smygjhfeyj] { background: rgba(250,204,21,0.35); }
/* Hilal + yıldız */
.ozel-gun-banner.ozel-ramazan[b-smygjhfeyj]::after,
.ozel-gun-banner.ozel-kurban[b-smygjhfeyj]::after {
    opacity: 0.12; width: 120px; height: 120px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Ccircle cx='55' cy='60' r='32' fill='%23fde68a'/%3E%3Ccircle cx='65' cy='55' r='26' fill='%231e3a5f'/%3E%3Cpolygon points='88,42 84,52 92,52' fill='%23fde68a'/%3E%3Cpolygon points='95,55 91,62 99,62' fill='%23fde68a'/%3E%3Cpolygon points='85,68 81,76 89,76' fill='%23fde68a'/%3E%3C/svg%3E");
}
.dashboard-wrapper.ozel-ramazan[b-smygjhfeyj],
.dashboard-wrapper.ozel-kurban[b-smygjhfeyj] { background: linear-gradient(180deg, #eef2ff 0%, #f1f5f9 30%); }

/* ═══ SEVGİLİLER GÜNÜ — Kırmızı kalpler ═══ */
.ozel-gun-banner.ozel-sevgililer[b-smygjhfeyj] {
    background: linear-gradient(135deg, #e11d48, #be123c, #9f1239);
    border: 1.5px solid rgba(255,255,255,0.15);
}
.ozel-gun-banner.ozel-sevgililer .ogb-title[b-smygjhfeyj] { color: #fff; }
.ozel-gun-banner.ozel-sevgililer .ogb-msg[b-smygjhfeyj] { color: rgba(255,255,255,0.9); }
.ozel-gun-banner.ozel-sevgililer .ogb-p[b-smygjhfeyj] { background: rgba(255,182,193,0.5); border-radius: 2px; }
/* Kalpler */
.ozel-gun-banner.ozel-sevgililer[b-smygjhfeyj]::after {
    opacity: 0.14; width: 130px; height: 100px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 130 100'%3E%3Cpath d='M65,85 C45,65 15,55 15,35 C15,20 30,10 45,20 C55,27 60,30 65,40 C70,30 75,27 85,20 C100,10 115,20 115,35 C115,55 85,65 65,85Z' fill='white'/%3E%3Cpath d='M30,70 C22,62 10,58 10,48 C10,40 18,35 26,40 C30,43 32,45 35,50 C38,45 40,43 44,40 C52,35 60,40 60,48 C60,58 48,62 40,70Z' fill='white' opacity='0.5' transform='translate(-5,5) scale(0.5)'/%3E%3C/svg%3E");
}
.dashboard-wrapper.ozel-sevgililer[b-smygjhfeyj] { background: linear-gradient(180deg, #fff1f2 0%, #f1f5f9 30%); }

/* ═══ KADINLAR GÜNÜ — Pembe-mor ═══ */
.ozel-gun-banner.ozel-kadinlar[b-smygjhfeyj] {
    background: linear-gradient(135deg, #a855f7, #ec4899);
    border: 1.5px solid rgba(255,255,255,0.15);
}
.ozel-gun-banner.ozel-kadinlar .ogb-title[b-smygjhfeyj] { color: #fff; }
.ozel-gun-banner.ozel-kadinlar .ogb-msg[b-smygjhfeyj] { color: rgba(255,255,255,0.9); }
.ozel-gun-banner.ozel-kadinlar .ogb-p[b-smygjhfeyj] { background: rgba(255,255,255,0.35); }
/* Çiçek */
.ozel-gun-banner.ozel-kadinlar[b-smygjhfeyj]::after {
    opacity: 0.14; width: 110px; height: 110px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cellipse cx='50' cy='30' rx='10' ry='16' fill='white' transform='rotate(0 50 50)'/%3E%3Cellipse cx='50' cy='30' rx='10' ry='16' fill='white' transform='rotate(60 50 50)'/%3E%3Cellipse cx='50' cy='30' rx='10' ry='16' fill='white' transform='rotate(120 50 50)'/%3E%3Cellipse cx='50' cy='30' rx='10' ry='16' fill='white' transform='rotate(180 50 50)'/%3E%3Cellipse cx='50' cy='30' rx='10' ry='16' fill='white' transform='rotate(240 50 50)'/%3E%3Cellipse cx='50' cy='30' rx='10' ry='16' fill='white' transform='rotate(300 50 50)'/%3E%3Ccircle cx='50' cy='50' r='8' fill='white' opacity='0.8'/%3E%3C/svg%3E");
}
.dashboard-wrapper.ozel-kadinlar[b-smygjhfeyj] { background: linear-gradient(180deg, #fdf4ff 0%, #f1f5f9 30%); }

/* ═══ ÖĞRETMENLER GÜNÜ — Mavi-beyaz ═══ */
.ozel-gun-banner.ozel-ogretmenler[b-smygjhfeyj] {
    background: linear-gradient(135deg, #1d4ed8, #2563eb, #3b82f6);
    border: 1.5px solid rgba(255,255,255,0.15);
}
.ozel-gun-banner.ozel-ogretmenler .ogb-title[b-smygjhfeyj] { color: #fff; }
.ozel-gun-banner.ozel-ogretmenler .ogb-msg[b-smygjhfeyj] { color: rgba(255,255,255,0.9); }
.ozel-gun-banner.ozel-ogretmenler .ogb-p[b-smygjhfeyj] { background: rgba(255,255,255,0.3); }
/* Kitap + kalem */
.ozel-gun-banner.ozel-ogretmenler[b-smygjhfeyj]::after {
    opacity: 0.12; width: 110px; height: 110px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='20' y='25' width='45' height='55' rx='3' fill='none' stroke='white' stroke-width='3'/%3E%3Cline x1='28' y1='38' x2='58' y2='38' stroke='white' stroke-width='2'/%3E%3Cline x1='28' y1='48' x2='55' y2='48' stroke='white' stroke-width='2'/%3E%3Cline x1='28' y1='58' x2='50' y2='58' stroke='white' stroke-width='2'/%3E%3Cline x1='72' y1='18' x2='78' y2='78' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3Cpolygon points='78,78 74,88 82,88' fill='white'/%3E%3Ccircle cx='72' cy='18' r='3' fill='white'/%3E%3C/svg%3E");
}
.dashboard-wrapper.ozel-ogretmenler[b-smygjhfeyj] { background: linear-gradient(180deg, #eff6ff 0%, #f1f5f9 30%); }

/* ═══ ANNELER GÜNÜ — Pembe çiçek tonu ═══ */
.ozel-gun-banner.ozel-anneler[b-smygjhfeyj] {
    background: linear-gradient(135deg, #db2777, #ec4899, #f472b6);
    border: 1.5px solid rgba(255,255,255,0.15);
}
.ozel-gun-banner.ozel-anneler .ogb-title[b-smygjhfeyj] { color: #fff; }
.ozel-gun-banner.ozel-anneler .ogb-msg[b-smygjhfeyj] { color: rgba(255,255,255,0.9); }
.ozel-gun-banner.ozel-anneler .ogb-p[b-smygjhfeyj] { background: rgba(255,255,255,0.35); }
/* Lale / Çiçek buketi */
.ozel-gun-banner.ozel-anneler[b-smygjhfeyj]::after {
    opacity: 0.14; width: 110px; height: 110px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M40,55 Q40,30 50,20 Q60,30 60,55Z' fill='white'/%3E%3Cpath d='M25,60 Q30,38 45,32 Q42,48 38,60Z' fill='white' opacity='0.7'/%3E%3Cpath d='M75,60 Q70,38 55,32 Q58,48 62,60Z' fill='white' opacity='0.7'/%3E%3Cline x1='50' y1='55' x2='50' y2='85' stroke='white' stroke-width='2.5'/%3E%3Cline x1='38' y1='58' x2='42' y2='82' stroke='white' stroke-width='2'/%3E%3Cline x1='62' y1='58' x2='58' y2='82' stroke='white' stroke-width='2'/%3E%3Cellipse cx='50' cy='86' rx='16' ry='6' fill='none' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
}
.dashboard-wrapper.ozel-anneler[b-smygjhfeyj] { background: linear-gradient(180deg, #fdf2f8 0%, #f1f5f9 30%); }

/* ═══ BABALAR GÜNÜ — Lacivert-mavi ═══ */
.ozel-gun-banner.ozel-babalar[b-smygjhfeyj] {
    background: linear-gradient(135deg, #1e3a5f, #1e40af);
    border: 1.5px solid rgba(255,255,255,0.1);
}
.ozel-gun-banner.ozel-babalar .ogb-title[b-smygjhfeyj] { color: #bfdbfe; }
.ozel-gun-banner.ozel-babalar .ogb-msg[b-smygjhfeyj] { color: rgba(191,219,254,0.85); }
.ozel-gun-banner.ozel-babalar .ogb-p[b-smygjhfeyj] { background: rgba(147,197,253,0.3); }
/* Kravat */
.ozel-gun-banner.ozel-babalar[b-smygjhfeyj]::after {
    opacity: 0.12; width: 80px; height: 110px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 100'%3E%3Cpath d='M22,12 L38,12 L35,18 L25,18Z' fill='%23bfdbfe'/%3E%3Cpath d='M25,18 L35,18 L38,72 L30,80 L22,72Z' fill='%23bfdbfe'/%3E%3Cline x1='30' y1='18' x2='30' y2='75' stroke='%231e3a5f' stroke-width='1' opacity='0.3'/%3E%3C/svg%3E");
}
.dashboard-wrapper.ozel-babalar[b-smygjhfeyj] { background: linear-gradient(180deg, #eff6ff 0%, #f1f5f9 30%); }

/* ═══ YILBAŞI — Gece mavisi + altın ışıklar ═══ */
.ozel-gun-banner.ozel-yilbasi[b-smygjhfeyj] {
    background: linear-gradient(135deg, #0f172a, #1e293b, #312e81);
    border: 1.5px solid rgba(250,204,21,0.25);
}
.ozel-gun-banner.ozel-yilbasi .ogb-title[b-smygjhfeyj] { color: #fde68a; }
.ozel-gun-banner.ozel-yilbasi .ogb-msg[b-smygjhfeyj] { color: rgba(253,230,138,0.85); }
.ozel-gun-banner.ozel-yilbasi .ogb-p[b-smygjhfeyj] { background: rgba(250,204,21,0.4); }
/* Kar tanesi + yıldız */
.ozel-gun-banner.ozel-yilbasi[b-smygjhfeyj]::after {
    opacity: 0.12; width: 120px; height: 120px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cline x1='60' y1='15' x2='60' y2='105' stroke='%23fde68a' stroke-width='2'/%3E%3Cline x1='15' y1='60' x2='105' y2='60' stroke='%23fde68a' stroke-width='2'/%3E%3Cline x1='28' y1='28' x2='92' y2='92' stroke='%23fde68a' stroke-width='2'/%3E%3Cline x1='92' y1='28' x2='28' y2='92' stroke='%23fde68a' stroke-width='2'/%3E%3Ccircle cx='60' cy='60' r='6' fill='%23fde68a'/%3E%3Ccircle cx='60' cy='25' r='3' fill='%23fde68a'/%3E%3Ccircle cx='60' cy='95' r='3' fill='%23fde68a'/%3E%3Ccircle cx='25' cy='60' r='3' fill='%23fde68a'/%3E%3Ccircle cx='95' cy='60' r='3' fill='%23fde68a'/%3E%3Ccircle cx='35' cy='35' r='2.5' fill='%23fde68a'/%3E%3Ccircle cx='85' cy='35' r='2.5' fill='%23fde68a'/%3E%3Ccircle cx='35' cy='85' r='2.5' fill='%23fde68a'/%3E%3Ccircle cx='85' cy='85' r='2.5' fill='%23fde68a'/%3E%3C/svg%3E");
}
.dashboard-wrapper.ozel-yilbasi[b-smygjhfeyj] { background: linear-gradient(180deg, #f5f3ff 0%, #f1f5f9 30%); }

/* ═══ GENEL FALLBACK ═══ */
.ozel-gun-banner.ozel-genel[b-smygjhfeyj] {
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    border: 1.5px solid rgba(255,255,255,0.15);
}
.ozel-gun-banner.ozel-genel .ogb-title[b-smygjhfeyj] { color: #fff; }
.ozel-gun-banner.ozel-genel .ogb-msg[b-smygjhfeyj] { color: rgba(255,255,255,0.9); }
.ozel-gun-banner.ozel-genel .ogb-p[b-smygjhfeyj] { background: rgba(255,255,255,0.3); }
.ozel-gun-banner.ozel-genel[b-smygjhfeyj]::after {
    opacity: 0.1; width: 100px; height: 100px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpolygon points='50,8 61,38 94,38 67,56 78,88 50,68 22,88 33,56 6,38 39,38' fill='white'/%3E%3C/svg%3E");
}

/* ═══ DOĞUM GÜNÜ ═══ */
.ozel-gun-banner.ozel-dogumgunu[b-smygjhfeyj] {
    background: linear-gradient(135deg, #f472b6, #a855f7, #6366f1);
    border: 1.5px solid rgba(255,255,255,0.2);
}
.ozel-gun-banner.ozel-dogumgunu .ogb-title[b-smygjhfeyj] { color: #fff; }
.ozel-gun-banner.ozel-dogumgunu .ogb-msg[b-smygjhfeyj] { color: rgba(255,255,255,0.92); }
.ozel-gun-banner.ozel-dogumgunu .ogb-p[b-smygjhfeyj] {
    border-radius: 50%;
}
.ozel-gun-banner.ozel-dogumgunu .ogb-p:nth-child(1)[b-smygjhfeyj] { background: #fbbf24; }
.ozel-gun-banner.ozel-dogumgunu .ogb-p:nth-child(2)[b-smygjhfeyj] { background: #f472b6; }
.ozel-gun-banner.ozel-dogumgunu .ogb-p:nth-child(3)[b-smygjhfeyj] { background: #34d399; }
.ozel-gun-banner.ozel-dogumgunu .ogb-p:nth-child(4)[b-smygjhfeyj] { background: #60a5fa; }
.ozel-gun-banner.ozel-dogumgunu .ogb-p:nth-child(5)[b-smygjhfeyj] { background: #fb923c; }
.ozel-gun-banner.ozel-dogumgunu .ogb-p:nth-child(6)[b-smygjhfeyj] { background: #a78bfa; }
.ozel-gun-banner.ozel-dogumgunu[b-smygjhfeyj]::after {
    opacity: 0.12; width: 110px; height: 110px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Crect x='35' y='50' width='50' height='45' rx='6' fill='white'/%3E%3Crect x='30' y='42' width='60' height='14' rx='4' fill='white' opacity='0.7'/%3E%3Crect x='58' y='22' width='4' height='22' rx='2' fill='white' opacity='0.8'/%3E%3Cellipse cx='60' cy='20' rx='5' ry='6' fill='%23fbbf24' opacity='0.9'/%3E%3C/svg%3E");
}

/* Doğum günü — Dashboard arka plan (sadece light tema) */
.dashboard-wrapper.dogum-gunu-bg[b-smygjhfeyj] {
    background:
        linear-gradient(180deg, #fdf2f8 0%, #f5f3ff 15%, #f1f5f9 35%);
}

/* ═══ YÖNETİCİ TANIMLI ÖZEL OLAY KARTLARI — TEMALAR ═══ */
/* Yas / Siyah Kurdele */
.ozel-gun-banner.ozel-yas[b-smygjhfeyj] {
    background: linear-gradient(135deg, #0a0a0a 0%, #1f2937 100%);
    border-left: 4px solid #000;
}
.ozel-gun-banner.ozel-yas .ogb-title[b-smygjhfeyj] { color: #f3f4f6; }
.ozel-gun-banner.ozel-yas .ogb-msg[b-smygjhfeyj] { color: rgba(229,231,235,0.85); }
.ozel-gun-banner.ozel-yas .ogb-p[b-smygjhfeyj] { background: rgba(75,85,99,0.4); }
.ozel-gun-banner.ozel-yas[b-smygjhfeyj]::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 120'%3E%3Cpath d='M50 10 C36 10 28 22 28 36 C28 50 38 58 44 64 L44 70 L36 110 L50 96 L64 110 L56 70 L56 64 C62 58 72 50 72 36 C72 22 64 10 50 10 Z M50 18 C58 18 64 26 64 36 C64 46 56 54 50 60 C44 54 36 46 36 36 C36 26 42 18 50 18 Z' fill='%23000' stroke='%23475569' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E");
    opacity: 0.6;
    width: 100px; height: 120px;
}
.dashboard-wrapper.ozel-yas[b-smygjhfeyj] {
    background: linear-gradient(180deg, #1f2937 0%, #111827 35%, #f1f5f9 60%);
}

/* Deprem anma */
.ozel-gun-banner.ozel-deprem[b-smygjhfeyj] {
    background: linear-gradient(135deg, #292524, #44403c);
    border-left: 4px solid #fbbf24;
}
.ozel-gun-banner.ozel-deprem .ogb-title[b-smygjhfeyj] { color: #fde68a; }
.ozel-gun-banner.ozel-deprem .ogb-msg[b-smygjhfeyj] { color: rgba(253,230,138,0.85); }
.ozel-gun-banner.ozel-deprem .ogb-p[b-smygjhfeyj] { background: rgba(251,191,36,0.3); }
.ozel-gun-banner.ozel-deprem[b-smygjhfeyj]::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 18 L46 60 Q50 64 54 60 Z' fill='%23fde68a'/%3E%3Cellipse cx='50' cy='72' rx='6' ry='10' fill='%23fbbf24'/%3E%3C/svg%3E");
}
.dashboard-wrapper.ozel-deprem[b-smygjhfeyj] { background: linear-gradient(180deg, #292524 0%, #44403c 25%, #f5f5f4 60%); }

/* ═══ DOĞUM GÜNÜ EFEKTLERİ — Scroll'dan bağımsız ═══ */

/* Fixed viewport overlay — scroll'dan tamamen bağımsız, taşma yok */
.dg-efektler[b-smygjhfeyj] {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
}

/* Konfeti katmanları — absolute, viewport boyutunda */
.dg-konfeti[b-smygjhfeyj] {
    position: absolute;
    top: -10%;
    left: 0;
    width: 100%;
    height: 120%;
    pointer-events: none;
}

/* Katman 1 — Büyük konfeti parçaları (yavaş düşen) */
.dg-konfeti-1[b-smygjhfeyj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='500' viewBox='0 0 320 500'%3E%3Crect x='18' y='30' width='7' height='4' rx='1' fill='%23f472b6' transform='rotate(25 21 32)' opacity='0.7'/%3E%3Ccircle cx='85' cy='70' r='4' fill='%23fbbf24' opacity='0.6'/%3E%3Crect x='155' y='20' width='9' height='4' rx='1' fill='%236366f1' transform='rotate(-18 159 22)' opacity='0.65'/%3E%3Cpolygon points='260,55 263,60 267,60.2 264,62.5 265.2,66 262,64 258.8,66 260,62.5 257,60.2 261,60' fill='%23fb923c' opacity='0.6'/%3E%3Crect x='42' y='120' width='6' height='10' rx='1.5' fill='%2334d399' transform='rotate(40 45 125)' opacity='0.55'/%3E%3Ccircle cx='200' cy='100' r='3.5' fill='%23a78bfa' opacity='0.65'/%3E%3Crect x='290' y='85' width='8' height='3.5' rx='1' fill='%2360a5fa' transform='rotate(30 294 87)' opacity='0.55'/%3E%3Crect x='120' y='145' width='7' height='4' rx='1' fill='%23f472b6' transform='rotate(-35 123 147)' opacity='0.6'/%3E%3Cpolygon points='50,200 53,205 57,205.2 54,207.5 55.2,211 52,209 48.8,211 50,207.5 47,205.2 51,205' fill='%23fbbf24' opacity='0.55'/%3E%3Crect x='180' y='180' width='8' height='4' rx='1' fill='%236366f1' transform='rotate(50 184 182)' opacity='0.6'/%3E%3Ccircle cx='270' cy='170' r='4.5' fill='%23fb923c' opacity='0.5'/%3E%3Crect x='30' y='270' width='6' height='11' rx='1.5' fill='%23a78bfa' transform='rotate(-25 33 275)' opacity='0.55'/%3E%3Crect x='240' y='240' width='7' height='3.5' rx='1' fill='%2334d399' transform='rotate(15 243 242)' opacity='0.6'/%3E%3Ccircle cx='100' cy='290' r='3' fill='%2360a5fa' opacity='0.65'/%3E%3Cpolygon points='300,300 303,305 307,305.2 304,307.5 305.2,311 302,309 298.8,311 300,307.5 297,305.2 301,305' fill='%23f472b6' opacity='0.55'/%3E%3Crect x='160' y='310' width='9' height='4' rx='1' fill='%23fbbf24' transform='rotate(-40 164 312)' opacity='0.6'/%3E%3Crect x='60' y='360' width='7' height='4' rx='1' fill='%236366f1' transform='rotate(35 63 362)' opacity='0.55'/%3E%3Ccircle cx='220' cy='380' r='3.5' fill='%23fb923c' opacity='0.6'/%3E%3Crect x='130' y='400' width='6' height='10' rx='1.5' fill='%23f472b6' transform='rotate(-20 133 405)' opacity='0.5'/%3E%3Crect x='280' y='420' width='8' height='3.5' rx='1' fill='%23a78bfa' transform='rotate(45 284 422)' opacity='0.6'/%3E%3Cpolygon points='15,450 18,455 22,455.2 19,457.5 20.2,461 17,459 13.8,461 15,457.5 12,455.2 16,455' fill='%2334d399' opacity='0.55'/%3E%3Ccircle cx='190' cy='470' r='4' fill='%2360a5fa' opacity='0.55'/%3E%3Crect x='95' y='480' width='8' height='4' rx='1' fill='%23fbbf24' transform='rotate(55 99 482)' opacity='0.6'/%3E%3C/svg%3E");
    background-size: 320px 500px;
    background-repeat: repeat;
    opacity: 0.55;
    animation: dgFall1-b-smygjhfeyj 14s linear infinite;
}

/* Katman 2 — Küçük konfetiler + serpantin (hızlı, yatay salınım) */
.dg-konfeti-2[b-smygjhfeyj] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='450' viewBox='0 0 280 450'%3E%3Crect x='25' y='18' width='5' height='3' rx='0.8' fill='%23fbbf24' transform='rotate(-20 27 19)' opacity='0.6'/%3E%3Cpath d='M80,10 Q82,20 80,30 Q78,40 80,50' fill='none' stroke='%23f472b6' stroke-width='1.5' opacity='0.45'/%3E%3Ccircle cx='150' cy='35' r='2.8' fill='%2360a5fa' opacity='0.55'/%3E%3Cpath d='M220,5 Q218,15 220,25 Q222,35 220,45' fill='none' stroke='%23a78bfa' stroke-width='1.2' opacity='0.4'/%3E%3Cpolygon points='40,80 42,84 45,84.2 43,86 43.8,89 41,87.5 38.2,89 39,86 37,84.2 40,84' fill='%23fbbf24' opacity='0.5'/%3E%3Crect x='120' y='70' width='4' height='7' rx='1' fill='%2334d399' transform='rotate(35 122 73)' opacity='0.55'/%3E%3Crect x='200' y='90' width='5' height='3' rx='0.8' fill='%23fb923c' transform='rotate(-30 202 91)' opacity='0.5'/%3E%3Cpath d='M260,60 Q258,72 260,84 Q262,96 260,108' fill='none' stroke='%23fb923c' stroke-width='1.2' opacity='0.4'/%3E%3Crect x='15' y='140' width='5' height='3' rx='0.8' fill='%236366f1' transform='rotate(42 17 141)' opacity='0.55'/%3E%3Ccircle cx='90' cy='155' r='2.5' fill='%23f472b6' opacity='0.5'/%3E%3Cpath d='M170,120 Q172,132 170,144 Q168,156 170,168' fill='none' stroke='%2334d399' stroke-width='1.5' opacity='0.4'/%3E%3Crect x='240' y='150' width='4' height='7' rx='1' fill='%23a78bfa' transform='rotate(-28 242 153)' opacity='0.5'/%3E%3Cpolygon points='55,210 57,214 60,214.2 58,216 58.8,219 56,217.5 53.2,219 54,216 52,214.2 55,214' fill='%23fb923c' opacity='0.45'/%3E%3Crect x='140' y='220' width='5' height='3' rx='0.8' fill='%23fbbf24' transform='rotate(25 142 221)' opacity='0.55'/%3E%3Ccircle cx='210' cy='235' r='2.8' fill='%236366f1' opacity='0.5'/%3E%3Cpath d='M30,250 Q32,262 30,274 Q28,286 30,298' fill='none' stroke='%23f472b6' stroke-width='1.2' opacity='0.4'/%3E%3Crect x='100' y='280' width='5' height='3' rx='0.8' fill='%2360a5fa' transform='rotate(-45 102 281)' opacity='0.55'/%3E%3Crect x='180' y='300' width='4' height='7' rx='1' fill='%23fbbf24' transform='rotate(38 182 303)' opacity='0.5'/%3E%3Ccircle cx='250' cy='310' r='2.5' fill='%2334d399' opacity='0.55'/%3E%3Cpath d='M65,330 Q63,342 65,354 Q67,366 65,378' fill='none' stroke='%23a78bfa' stroke-width='1.5' opacity='0.4'/%3E%3Crect x='155' y='360' width='5' height='3' rx='0.8' fill='%23f472b6' transform='rotate(-15 157 361)' opacity='0.5'/%3E%3Cpolygon points='225,380 227,384 230,384.2 228,386 228.8,389 226,387.5 223.2,389 224,386 222,384.2 225,384' fill='%2360a5fa' opacity='0.45'/%3E%3Crect x='40' y='410' width='5' height='3' rx='0.8' fill='%23fb923c' transform='rotate(50 42 411)' opacity='0.55'/%3E%3Ccircle cx='130' cy='430' r='2.8' fill='%23a78bfa' opacity='0.5'/%3E%3Crect x='200' y='440' width='4' height='7' rx='1' fill='%236366f1' transform='rotate(-35 202 443)' opacity='0.5'/%3E%3C/svg%3E");
    background-size: 280px 450px;
    background-repeat: repeat;
    opacity: 0.5;
    animation: dgFall2-b-smygjhfeyj 10s linear infinite;
}

@keyframes dgFall1-b-smygjhfeyj {
    0%   { transform: translateY(-100%) rotate(0deg); }
    100% { transform: translateY(100%) rotate(2deg); }
}
@keyframes dgFall2-b-smygjhfeyj {
    0%   { transform: translateY(-100%) translateX(0); }
    25%  { transform: translateY(-50%) translateX(8px); }
    50%  { transform: translateY(0%) translateX(0); }
    75%  { transform: translateY(50%) translateX(-8px); }
    100% { transform: translateY(100%) translateX(0); }
}

/* ═══ BALONLAR — Gerçek boyutlu, aşağıdan yukarı uçan ═══ */
.dg-balonlar[b-smygjhfeyj] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
}

.dg-balon[b-smygjhfeyj] {
    position: absolute;
    bottom: -120px;
    border-radius: 50% 50% 50% 50% / 45% 45% 55% 55%;
    opacity: 0;
    animation: dgBalonUc-b-smygjhfeyj linear infinite;
}
/* Parlak yansıma */
.dg-balon[b-smygjhfeyj]::before {
    content: '';
    position: absolute;
    top: 18%;
    left: 22%;
    width: 30%;
    height: 35%;
    border-radius: 50%;
    background: radial-gradient(ellipse at 40% 35%, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0) 70%);
}
/* İp */
.dg-balon[b-smygjhfeyj]::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    width: 1.5px;
    height: 30px;
    background: linear-gradient(180deg, currentColor 0%, transparent 100%);
    opacity: 0.35;
}

/* 7 ayrı balon — farklı renk, boyut, hız, yol */
.dg-b1[b-smygjhfeyj] {
    width: 52px; height: 62px;
    left: 6%;
    background: radial-gradient(ellipse at 35% 30%, #fb7bb8 0%, #f472b6 40%, #db2777 100%);
    color: #f472b6;
    animation-duration: 18s;
    animation-delay: 0s;
}
.dg-b2[b-smygjhfeyj] {
    width: 44px; height: 54px;
    left: 20%;
    background: radial-gradient(ellipse at 35% 30%, #fde68a 0%, #fbbf24 40%, #d97706 100%);
    color: #fbbf24;
    animation-duration: 22s;
    animation-delay: -4s;
}
.dg-b3[b-smygjhfeyj] {
    width: 58px; height: 68px;
    left: 38%;
    background: radial-gradient(ellipse at 35% 30%, #a5b4fc 0%, #6366f1 40%, #4338ca 100%);
    color: #6366f1;
    animation-duration: 20s;
    animation-delay: -8s;
}
.dg-b4[b-smygjhfeyj] {
    width: 40px; height: 50px;
    left: 52%;
    background: radial-gradient(ellipse at 35% 30%, #6ee7b7 0%, #34d399 40%, #059669 100%);
    color: #34d399;
    animation-duration: 24s;
    animation-delay: -2s;
}
.dg-b5[b-smygjhfeyj] {
    width: 48px; height: 58px;
    left: 68%;
    background: radial-gradient(ellipse at 35% 30%, #fdba74 0%, #fb923c 40%, #ea580c 100%);
    color: #fb923c;
    animation-duration: 19s;
    animation-delay: -12s;
}
.dg-b6[b-smygjhfeyj] {
    width: 54px; height: 64px;
    left: 82%;
    background: radial-gradient(ellipse at 35% 30%, #c4b5fd 0%, #a78bfa 40%, #7c3aed 100%);
    color: #a78bfa;
    animation-duration: 21s;
    animation-delay: -6s;
}
.dg-b7[b-smygjhfeyj] {
    width: 42px; height: 52px;
    left: 93%;
    background: radial-gradient(ellipse at 35% 30%, #93c5fd 0%, #60a5fa 40%, #2563eb 100%);
    color: #60a5fa;
    animation-duration: 23s;
    animation-delay: -15s;
}

@keyframes dgBalonUc-b-smygjhfeyj {
    0% {
        opacity: 0;
        bottom: -120px;
        transform: translateX(0) rotate(0deg);
    }
    5% {
        opacity: 0.55;
    }
    25% {
        transform: translateX(18px) rotate(4deg);
    }
    50% {
        transform: translateX(-14px) rotate(-3deg);
    }
    75% {
        transform: translateX(10px) rotate(2deg);
    }
    92% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
        bottom: 110%;
        transform: translateX(-6px) rotate(-1deg);
    }
}

/* ═══ MOBİL UYUM ═══ */
@media (max-width: 768px) {
    .ozel-gun-banner[b-smygjhfeyj] { padding: 16px 18px; border-radius: 12px; min-height: auto; }
    .ogb-icon[b-smygjhfeyj] { font-size: 1.8rem; }
    .ogb-title[b-smygjhfeyj] { font-size: 0.92rem; }
    .ogb-msg[b-smygjhfeyj] { font-size: 0.78rem; }
    .ozel-gun-banner[b-smygjhfeyj]::after { width: 70px; height: 70px; right: 10px; opacity: 0.08; }
}

/* ═══ VERSİYON (inline pill) ═══ */
.ver-sep[b-smygjhfeyj] {
    opacity: 0.2;
    margin: 0 4px;
    letter-spacing: 0;
    font-size: 0.4rem;
    vertical-align: middle;
}
.ver-inline[b-smygjhfeyj] {
    display: inline-flex;
    align-items: center;
    padding: 2px 9px;
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.07) 0%, rgba(99, 102, 241, 0.1) 100%);
    border: 1px solid rgba(59, 130, 246, 0.18);
    border-radius: 20px;
    font-weight: 800;
    letter-spacing: 1px;
    color: #3b82f6;
    opacity: 1;
    font-variant-numeric: tabular-nums;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    transition: all 0.3s ease;
    text-shadow: 0 0 12px rgba(59, 130, 246, 0.12);
    line-height: 1;
}
.ver-inline[b-smygjhfeyj]::before {
    content: '';
    position: absolute;
    top: 0; left: -100%;
    width: 60%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.12), transparent);
    animation: ver-shimmer-b-smygjhfeyj 6s ease-in-out infinite;
}
@keyframes ver-shimmer-b-smygjhfeyj {
    0%, 70%, 100% { left: -100%; }
    45% { left: 150%; }
}
.ver-new-dot[b-smygjhfeyj] {
    display: inline-flex; align-items: center;
    font-size: 0.5rem; font-weight: 800;
    background: linear-gradient(135deg, #22c55e, #16a34a);
    color: white;
    padding: 3px 7px; border-radius: 10px; letter-spacing: 0.5px;
    cursor: pointer; margin-left: 5px; vertical-align: middle;
    box-shadow: 0 1px 6px rgba(34, 197, 94, 0.3);
    animation: ver-pulse-b-smygjhfeyj 2s ease-in-out infinite;
    line-height: 1;
    border: 1px solid transparent;
}
@keyframes ver-pulse-b-smygjhfeyj { 0%, 100% { opacity: 1; } 50% { opacity: 0.7; } }

/* ═══ CHANGELOG POPUP ═══ */
.cl-overlay[b-smygjhfeyj] {
    position: fixed;
    inset: 0;
    background: rgba(15,23,42,0.5);
    backdrop-filter: blur(4px);
    z-index: 9000;
    animation: cl-fade-b-smygjhfeyj 0.2s ease;
}

.cl-panel[b-smygjhfeyj] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border-radius: 18px;
    width: 560px;
    max-width: calc(100vw - 24px);
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 25px 60px rgba(0,0,0,0.25);
    z-index: 9001;
    animation: cl-slide-b-smygjhfeyj 0.3s cubic-bezier(0.175,0.885,0.32,1.275);
    overflow: hidden;
}

.cl-header[b-smygjhfeyj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    border-bottom: 1px solid #e2e8f0;
    flex-shrink: 0;
}

.cl-header h3[b-smygjhfeyj] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 800;
    color: #1e293b;
}

.cl-close[b-smygjhfeyj] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    font-size: 1rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}

.cl-close:hover[b-smygjhfeyj] {
    background: #fee2e2;
    color: #dc2626;
    border-color: #fecaca;
}

.cl-body[b-smygjhfeyj] {
    flex: 1;
    overflow-y: auto;
    padding: 20px 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cl-entry[b-smygjhfeyj] {
    padding: 16px;
    border-radius: 12px;
    border: 1.5px solid #e2e8f0;
    background: #fafbfc;
    transition: all 0.2s;
}

.cl-entry.cl-current[b-smygjhfeyj] {
    border-color: #6366f1;
    background: linear-gradient(135deg, #eef2ff, #f5f3ff);
}

.cl-entry-head[b-smygjhfeyj] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.cl-ver[b-smygjhfeyj] {
    font-weight: 800;
    font-size: 0.95rem;
    color: #1e293b;
}

.cl-badge-current[b-smygjhfeyj] {
    font-size: 0.65rem;
    font-weight: 700;
    background: #6366f1;
    color: white;
    padding: 2px 8px;
    border-radius: 6px;
}

.cl-date[b-smygjhfeyj] {
    font-size: 0.78rem;
    color: #94a3b8;
    font-weight: 600;
    margin-left: auto;
}

.cl-changes[b-smygjhfeyj] {
    margin: 0;
    padding: 0 0 0 18px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cl-changes li[b-smygjhfeyj] {
    font-size: 0.84rem;
    color: #475569;
    line-height: 1.5;
}

@keyframes cl-fade-b-smygjhfeyj {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes cl-slide-b-smygjhfeyj {
    from { opacity: 0; transform: translate(-50%,-50%) scale(0.92); }
    to { opacity: 1; transform: translate(-50%,-50%) scale(1); }
}

/* Widget loading shimmer */
.w-loading-shimmer[b-smygjhfeyj] {
    display: flex;
    align-items: center;
}

.w-shimmer-bar[b-smygjhfeyj] {
    display: inline-block;
    width: 38px;
    height: 22px;
    border-radius: 6px;
    background: linear-gradient(90deg, rgba(255,255,255,.08) 25%, rgba(255,255,255,.18) 50%, rgba(255,255,255,.08) 75%);
    background-size: 200% 100%;
    animation: wShimmerSlide-b-smygjhfeyj 1.4s ease-in-out infinite;
}

.w-shimmer-bar.w-shimmer-sm[b-smygjhfeyj] {
    width: 52px;
    height: 12px;
    border-radius: 4px;
}

[b-smygjhfeyj] .dashboard-wrapper[class*="light"] .w-shimmer-bar,
.w-dogum .w-shimmer-bar[b-smygjhfeyj] {
    background: linear-gradient(90deg, rgba(0,0,0,.06) 25%, rgba(0,0,0,.12) 50%, rgba(0,0,0,.06) 75%);
    background-size: 200% 100%;
    animation: wShimmerSlide-b-smygjhfeyj 1.4s ease-in-out infinite;
}

@keyframes wShimmerSlide-b-smygjhfeyj {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

@media (max-width: 600px) {
    .cl-panel[b-smygjhfeyj] { width: calc(100vw - 16px); max-height: 75vh; }
    .cl-body[b-smygjhfeyj] { padding: 14px; }
    .cl-entry[b-smygjhfeyj] { padding: 12px; }
}

/* ═══ ONBOARDING BANNER ═══ */

.onboarding-banner[b-smygjhfeyj] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px 24px;
    border-radius: 14px;
    margin-bottom: 0;
    grid-column: 1 / -1;
    animation: ob-slide-b-smygjhfeyj 0.4s ease;
}

@keyframes ob-slide-b-smygjhfeyj {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

.onboarding-aktif[b-smygjhfeyj] {
    background: linear-gradient(135deg, var(--t-accent-light, #eff6ff) 0%, color-mix(in srgb, var(--t-accent, #2563eb) 12%, var(--t-card, #fff)) 100%);
    border: 1px solid color-mix(in srgb, var(--t-accent, #2563eb) 40%, transparent);
    color: var(--t-text, #1e3a5f);
}

.onboarding-suresi-doldu[b-smygjhfeyj] {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 50%, #fcd34d 100%);
    border: 1px solid #f59e0b;
    color: #78350f;
}

.onboarding-yeni-zorunlu[b-smygjhfeyj] {
    background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 50%, #fde68a 100%);
    border: 1px solid #f59e0b;
    color: #78350f;
}

.onboarding-yeni-zorunlu .ob-action[b-smygjhfeyj] {
    background: #d97706;
    color: #fff;
}

.ob-icon[b-smygjhfeyj] {
    font-size: 1.8rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.18));
}
.ob-icon svg.ms-icon[b-smygjhfeyj] { width: 32px; height: 32px; display: block; }
.ob-icon-area[b-smygjhfeyj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.ob-content[b-smygjhfeyj] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    min-width: 0;
}

.ob-title[b-smygjhfeyj] {
    font-size: 1rem;
    font-weight: 700;
    white-space: nowrap;
}

.ob-desc[b-smygjhfeyj] {
    font-size: 0.88rem;
    font-weight: 500;
    opacity: 0.85;
    line-height: 1.5;
    white-space: normal;
    margin: 0;
}

.ob-meta[b-smygjhfeyj] {
    margin-top: 4px;
}

.ob-kalan[b-smygjhfeyj] {
    font-size: 0.88rem;
    font-weight: 600;
    white-space: nowrap;
}

.ob-sure-uyari[b-smygjhfeyj] {
    display: block;
    margin-top: 4px;
    font-size: 0.78rem;
    font-weight: 600;
    opacity: 0.9;
    padding: 6px 10px;
    border-radius: 8px;
    background: rgba(0,0,0,0.06);
    line-height: 1.4;
    color: inherit;
}

.onboarding-aktif .ob-kalan[b-smygjhfeyj] { color: var(--t-accent, #2563eb); }

.ob-action[b-smygjhfeyj] {
    flex-shrink: 0;
    padding: 10px 24px;
    border: none;
    border-radius: 10px;
    font-size: 0.88rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: transform 0.15s, box-shadow 0.15s;
}

.ob-action:hover[b-smygjhfeyj] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
}

.onboarding-aktif .ob-action[b-smygjhfeyj] {
    background: var(--t-accent, #2563eb);
    color: #fff;
}

.onboarding-suresi-doldu .ob-action[b-smygjhfeyj] {
    background: #d97706;
    color: #fff;
}

/* Dark tema uyumu */
:global(.dark) .onboarding-aktif[b-smygjhfeyj] {
    background: linear-gradient(135deg, #1e293b 0%, #1e3a5f 100%);
    border-color: #3b82f6;
    color: #e2e8f0;
}

:global(.dark) .onboarding-aktif .ob-kalan[b-smygjhfeyj] { color: #60a5fa; }
:global(.dark) .onboarding-aktif .ob-action[b-smygjhfeyj] { background: var(--t-accent, #3b82f6); }

:global(.dark) .onboarding-suresi-doldu[b-smygjhfeyj] {
    background: linear-gradient(135deg, #1e293b 0%, #422006 100%);
    border-color: #d97706;
    color: #fef3c7;
}

:global(.dark) .onboarding-suresi-doldu .ob-action[b-smygjhfeyj] { background: #b45309; }

@media (max-width: 600px) {
    .onboarding-banner[b-smygjhfeyj] {
        flex-wrap: wrap;
        padding: 12px 14px;
        gap: 8px;
    }
    .ob-title[b-smygjhfeyj] { white-space: normal; font-size: 0.92rem; }
    .ob-desc[b-smygjhfeyj] { font-size: 0.82rem; }
    .ob-kalan[b-smygjhfeyj] { margin-left: 0; width: 100%; }
    .ob-action[b-smygjhfeyj] { width: 100%; text-align: center; }
}
/* /Components/Pages/DestekTaleplerim.razor.rz.scp.css */
/* ═══ PAGE CONTAINER — sayfayı tam ekran doldur ═══ */
.page-container[b-deirxpe2hc] {
    display: flex; flex-direction: column;
    height: calc(var(--app-height, 100vh) - 56px); overflow: hidden;
    padding: 8px;
}

/* ═══ ACTION BAR ═══ */
.dt-back-btn[b-deirxpe2hc] {
    height: 36px; width: 36px; display: flex; align-items: center; justify-content: center;
    background: #f1f5f9; border: 1.5px solid #e2e8f0;
    border-radius: 10px; cursor: pointer; font-weight: 700; font-size: 1rem;
    color: #6366f1; transition: all 0.2s; flex-shrink: 0; padding: 0;
}
.dt-back-btn:hover[b-deirxpe2hc] { background: #e0e7ff; border-color: #6366f1; }
.dt-new-btn[b-deirxpe2hc] {
    height: 36px; padding: 0 16px;
    background: linear-gradient(135deg, #6366f1, #8b5cf6, #a855f7);
    background-size: 200% 200%; animation: dt-gradient-shift-b-deirxpe2hc 3s ease infinite;
    color: white; border: none; border-radius: 10px; cursor: pointer;
    font-weight: 700; font-size: 0.8rem; transition: all 0.25s;
    box-shadow: 0 2px 10px rgba(99,102,241,0.3); white-space: nowrap; flex-shrink: 0;
    display: inline-flex; align-items: center; gap: 6px;
}
.dt-new-btn:hover[b-deirxpe2hc] { transform: translateY(-2px) scale(1.03); box-shadow: 0 6px 20px rgba(99,102,241,0.4); }
.dt-new-btn:active[b-deirxpe2hc] { transform: scale(0.97); }
.dt-new-icon[b-deirxpe2hc] { font-size: 0.9rem; font-weight: 900; }
@keyframes dt-gradient-shift-b-deirxpe2hc {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* ═══ MESAJ ═══ */
.dt-msg[b-deirxpe2hc] {
    margin: 0 8px 8px; padding: 10px 14px; border-radius: 10px;
    font-weight: 600; font-size: 0.9rem;
}
.dt-msg.success[b-deirxpe2hc] { background: #f0fdf4; color: #16a34a; border: 1px solid #bbf7d0; }
.dt-msg.error[b-deirxpe2hc] { background: #fef2f2; color: #dc2626; border: 1px solid #fecaca; }

/* ═══ FİLTRE SATIRI ═══ */
.dt-filter-wrap[b-deirxpe2hc] {
    display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
    margin: 0 8px 6px; padding: 6px 10px; border-radius: 12px;
    background: var(--t-card, white); border: 1.5px solid var(--t-card-border, #f1f5f9);
    box-shadow: 0 1px 4px rgba(0,0,0,0.03);
}
.dt-filter-wrap .pl-search input[b-deirxpe2hc] { height: 36px; box-sizing: border-box; }
.dt-birim-select[b-deirxpe2hc] {
    height: 36px; padding: 0 10px; border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 8px; font-size: 0.8rem; font-weight: 600;
    color: var(--t-text, #334155); background: var(--t-card, white);
    cursor: pointer; outline: none; box-sizing: border-box;
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
    flex-shrink: 0; max-width: 180px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.dt-birim-select:focus[b-deirxpe2hc] { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.1); }
.dt-card-birim[b-deirxpe2hc] {
    display: inline-block; font-size: 0.66rem; font-weight: 600;
    padding: 2px 7px; border-radius: 5px;
    background: var(--t-hover, #f1f5f9); color: var(--t-text-muted, #64748b);
}

/* ═══ YENİ TALEP FORMU ═══ */
.dt-new-form[b-deirxpe2hc] {
    margin: 0 8px 10px; padding: 20px; background: var(--t-card, white);
    border-radius: 16px; box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    border: 1.5px solid #e0e7ff;
}
.dt-new-form h3[b-deirxpe2hc] { margin: 0 0 16px; font-size: 1rem; color: #1e293b; }
.dt-form-grid[b-deirxpe2hc] { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.dt-field label[b-deirxpe2hc] { display: block; font-weight: 600; font-size: 0.82rem; color: #475569; margin-bottom: 5px; }
.dt-field.span-full[b-deirxpe2hc] { grid-column: 1 / -1; }
.dt-input[b-deirxpe2hc] {
    width: 100%; padding: 10px 14px; border: 1.5px solid #e2e8f0;
    border-radius: 10px; font-size: 0.9rem; outline: none; font-family: inherit;
    box-sizing: border-box;
}
.dt-input:focus[b-deirxpe2hc] { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.1); }

/* ═══ LAYOUT ═══ */
.dt-layout[b-deirxpe2hc] {
    display: grid; grid-template-columns: 380px 1fr; grid-template-rows: 1fr; gap: 0;
    margin: 0 8px 4px; border-radius: 16px; overflow: hidden;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06); background: var(--t-card, white);
    flex: 1; min-height: 0;
}

/* ═══ LİSTE ═══ */
.dt-list[b-deirxpe2hc] {
    border-right: 1px solid #f1f5f9; overflow-y: auto;
    min-height: 0; background: #fafbfc;
}
.dt-card[b-deirxpe2hc] {
    padding: 16px 20px; border-bottom: 1px solid #f1f5f9; cursor: pointer;
    transition: all 0.15s;
}
.dt-card:hover[b-deirxpe2hc] { background: #f8fafc; }
.dt-card.selected[b-deirxpe2hc] { background: #eff6ff; border-left: 3px solid #6366f1; }
.dt-card.has-reply[b-deirxpe2hc] { background: #f0fdf4; border-left: 3px solid #16a34a; }
.dt-card.has-reply.selected[b-deirxpe2hc] { background: #eff6ff; border-left: 3px solid #6366f1; }
.dt-card-header[b-deirxpe2hc] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; gap: 6px; flex-wrap: wrap; }
.dt-card-konu[b-deirxpe2hc] { font-size: 0.85rem; color: #1e293b; font-weight: 600; margin-bottom: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dt-card-meta[b-deirxpe2hc] { display: flex; align-items: center; justify-content: space-between; }
.dt-card-date[b-deirxpe2hc] { font-size: 0.75rem; color: #94a3b8; }
.dt-card-no[b-deirxpe2hc] {
    font-size: 0.72rem; font-weight: 700; color: #6366f1;
    background: #eef2ff; padding: 1px 7px; border-radius: 5px;
}
.dt-talep-no[b-deirxpe2hc] {
    font-size: 0.78rem; font-weight: 800; color: #6366f1;
    background: #eef2ff; padding: 2px 10px; border-radius: 6px;
}
.dt-card-msg-count[b-deirxpe2hc] { font-size: 0.72rem; color: #6366f1; font-weight: 700; }

/* OKUNDU / OKUNMADI — mesaj seviyesi */
.dt-msg-okundu[b-deirxpe2hc] {
    font-size: 0.68rem; font-weight: 700; color: #6366f1;
    white-space: nowrap;
}
.dt-msg-gonderildi[b-deirxpe2hc] {
    font-size: 0.68rem; font-weight: 600; color: #94a3b8;
    white-space: nowrap;
}

.dt-card-meta[b-deirxpe2hc] { flex-wrap: wrap; gap: 4px; }

/* TÜR + DURUM TAG */
.dt-tur-tag[b-deirxpe2hc] {
    padding: 3px 10px; border-radius: 6px; font-size: 0.72rem; font-weight: 700;
}
.dt-tur-tag.oneri[b-deirxpe2hc] { background: #eff6ff; color: #3b82f6; }
.dt-tur-tag.sikayet[b-deirxpe2hc] { background: #fef2f2; color: #dc2626; }
.dt-tur-tag.destek[b-deirxpe2hc] { background: #f0fdf4; color: #16a34a; }
.dt-tur-tag.tesekkur[b-deirxpe2hc] { background: #faf5ff; color: #a855f7; }
.dt-durum-pill[b-deirxpe2hc] {
    padding: 3px 10px; border-radius: 6px; font-size: 0.72rem; font-weight: 700;
}
.dt-durum-pill.beklemede[b-deirxpe2hc] { background: #fffbeb; color: #d97706; }
.dt-durum-pill.yanitlandi[b-deirxpe2hc] { background: #f0fdf4; color: #16a34a; }
.dt-durum-pill.kapatildi[b-deirxpe2hc] { background: #f1f5f9; color: #64748b; }

/* ═══ DETAY ═══ */
.dt-detail[b-deirxpe2hc] { padding: 0; min-height: 0; display: flex; flex-direction: column; overflow: hidden; }
.dt-detail-card[b-deirxpe2hc] {
    padding: 0; display: flex; flex-direction: column;
    flex: 1; min-height: 0; overflow: hidden;
}
.dt-detail-header[b-deirxpe2hc] {
    padding: 24px 24px 0; flex-shrink: 0;
}
.dt-detail-header h3[b-deirxpe2hc] { margin: 0 0 8px; font-size: 1.1rem; font-weight: 700; color: #1e293b; }
.dt-detail-meta[b-deirxpe2hc] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.dt-detail-date[b-deirxpe2hc] { font-size: 0.82rem; color: #94a3b8; }

/* ═══ THREAD — flex:1 ile kalan alanın yarısını al ═══ */
.dt-thread[b-deirxpe2hc] {
    padding: 16px 24px; display: flex; flex-direction: column; gap: 14px;
    border-top: 1px solid #f1f5f9; margin-top: 14px;
    flex: 1 1 50%; min-height: 0; overflow-y: auto;
    scrollbar-width: thin; scrollbar-color: #cbd5e1 transparent;
}
.dt-thread[b-deirxpe2hc]::-webkit-scrollbar { width: 5px; }
.dt-thread[b-deirxpe2hc]::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
.dt-thread[b-deirxpe2hc]::-webkit-scrollbar-track { background: transparent; }
.dt-bubble[b-deirxpe2hc] {
    max-width: 80%; padding: 14px 18px; border-radius: 14px;
}
.dt-bubble.sent[b-deirxpe2hc] {
    background: #eff6ff; border: 1px solid #bfdbfe; align-self: flex-end;
    border-bottom-right-radius: 4px;
}
.dt-bubble.received[b-deirxpe2hc] {
    background: #f1f5f9; align-self: flex-start;
    border-bottom-left-radius: 4px;
}
.dt-bubble-name[b-deirxpe2hc] { font-weight: 700; font-size: 0.8rem; color: #6366f1; margin-bottom: 4px; }
.dt-bubble.received .dt-bubble-name[b-deirxpe2hc] { color: #16a34a; }
.dt-bubble-text[b-deirxpe2hc] { font-size: 0.9rem; color: #334155; line-height: 1.6; white-space: pre-wrap; }
.dt-bubble-time[b-deirxpe2hc] { font-size: 0.72rem; color: #94a3b8; margin-top: 6px; text-align: right; }

/* ═══ DÜZENLEME ═══ */
.dt-bubble-top[b-deirxpe2hc] { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 4px; }
.dt-edit-btn[b-deirxpe2hc] {
    background: none; border: none; cursor: pointer; font-size: 0.72rem; color: #94a3b8;
    padding: 2px 6px; border-radius: 6px; transition: all 0.15s; flex-shrink: 0; line-height: 1;
    opacity: 0;
}
[b-deirxpe2hc] .dt-bubble:hover .dt-edit-btn { opacity: 0.6; }
.dt-edit-btn:hover[b-deirxpe2hc] { opacity: 1 !important; background: rgba(99,102,241,0.1); color: #6366f1; }
.dt-geri-al-btn[b-deirxpe2hc] {
    background: none; border: none; cursor: pointer; font-size: 0.72rem; color: #94a3b8;
    padding: 2px 6px; border-radius: 6px; transition: all 0.15s; flex-shrink: 0; line-height: 1;
    opacity: 0;
}
.dt-geri-al-btn:hover[b-deirxpe2hc] { background: rgba(239,68,68,0.1); color: #ef4444; }
[b-deirxpe2hc] .dt-bubble:hover .dt-geri-al-btn { opacity: 0.6; }
.dt-edit-bar[b-deirxpe2hc] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 8px 14px; margin-bottom: 8px;
    background: linear-gradient(135deg, #eef2ff, #e0e7ff);
    border: 1.5px solid #c7d2fe; border-radius: 10px;
    font-size: 0.82rem; font-weight: 700; color: #4338ca;
    animation: dtEditBarIn-b-deirxpe2hc 0.2s ease;
}
@keyframes dtEditBarIn-b-deirxpe2hc { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
.dt-edit-bar-iptal[b-deirxpe2hc] {
    background: none; border: 1.5px solid #a5b4fc; color: #6366f1;
    padding: 4px 12px; border-radius: 8px; font-size: 0.76rem; font-weight: 700;
    cursor: pointer; transition: all 0.15s;
}
.dt-edit-bar-iptal:hover[b-deirxpe2hc] { background: #e0e7ff; border-color: #6366f1; }
.dt-reply-editing[b-deirxpe2hc] {
    border-color: #a5b4fc !important;
    background: #faf5ff !important;
}
.dt-reply-editing:focus[b-deirxpe2hc] { border-color: #6366f1 !important; box-shadow: 0 0 0 3px rgba(99,102,241,0.15) !important; }
.dt-bubble-footer[b-deirxpe2hc] { display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin-top: 6px; }
.dt-edited-badge[b-deirxpe2hc] {
    display: inline-flex; align-items: center; gap: 4px;
    font-size: 0.68rem; color: #6366f1; cursor: pointer; font-weight: 700;
    background: rgba(99,102,241,0.08); padding: 2px 10px; border-radius: 6px;
    border: none; transition: all 0.15s; white-space: nowrap;
}
.dt-edited-badge:hover[b-deirxpe2hc] { background: rgba(99,102,241,0.15); color: #4338ca; }

/* ═══ DÜZENLEME GEÇMİŞİ POPUP ═══ */
.dt-gecmis-overlay[b-deirxpe2hc] { position: fixed; inset: 0; background: rgba(0,0,0,0.4); z-index: 9999; display: flex; align-items: center; justify-content: center; padding: 20px; }
.dt-gecmis-panel[b-deirxpe2hc] {
    background: white; border-radius: 16px; width: 100%; max-width: 460px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.2); overflow: hidden;
    animation: dtGecmisSlide-b-deirxpe2hc 0.25s ease;
}
@keyframes dtGecmisSlide-b-deirxpe2hc { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
.dt-gecmis-header[b-deirxpe2hc] {
    background: linear-gradient(135deg, #6366f1, #818cf8); color: white;
    padding: 14px 20px; display: flex; justify-content: space-between; align-items: center;
}
.dt-gecmis-header h4[b-deirxpe2hc] { margin: 0; font-size: 0.92rem; font-weight: 700; }
.dt-gecmis-close[b-deirxpe2hc] {
    background: rgba(255,255,255,0.2); border: none; color: white; width: 28px; height: 28px;
    border-radius: 8px; cursor: pointer; font-size: 0.9rem; display: flex;
    align-items: center; justify-content: center; transition: background 0.15s;
}
.dt-gecmis-close:hover[b-deirxpe2hc] { background: rgba(255,255,255,0.35); }
.dt-gecmis-body[b-deirxpe2hc] { padding: 16px 20px; max-height: 320px; overflow-y: auto; display: flex; flex-direction: column; gap: 10px; }
.dt-gecmis-item[b-deirxpe2hc] {
    padding: 12px 14px; background: #f8fafc; border: 1px solid #e2e8f0;
    border-radius: 10px; border-left: 3px solid #c7d2fe;
}
.dt-gecmis-text[b-deirxpe2hc] { font-size: 0.85rem; color: #334155; line-height: 1.55; white-space: pre-wrap; }
.dt-gecmis-tarih[b-deirxpe2hc] { font-size: 0.7rem; color: #94a3b8; margin-top: 6px; }
.dt-gecmis-empty[b-deirxpe2hc] { padding: 20px; text-align: center; color: #94a3b8; font-size: 0.85rem; }

/* ═══ YANIT ALANI — sabit ═══ */
.dt-reply-area[b-deirxpe2hc] {
    margin: 0; padding: 16px 24px; border-top: 1px solid #f1f5f9;
    flex-shrink: 0;
}
.dt-reply-input[b-deirxpe2hc] {
    width: 100%; padding: 12px 16px; border: 1.5px solid #e2e8f0; border-radius: 12px;
    font-size: 0.9rem; outline: none; resize: vertical; font-family: inherit;
    box-sizing: border-box;
}
.dt-reply-input:focus[b-deirxpe2hc] { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.1); }
.dt-reply-actions[b-deirxpe2hc] { display: flex; gap: 8px; margin-top: 10px; flex-wrap: wrap; }
.dt-btn[b-deirxpe2hc] {
    padding: 8px 16px; border: none; border-radius: 10px; cursor: pointer;
    font-weight: 700; font-size: 0.84rem; transition: all 0.2s; white-space: nowrap;
}
.dt-btn-attach[b-deirxpe2hc] {
    padding: 8px 12px; border-radius: 10px; border: 1.5px solid var(--t-card-border, #e2e8f0);
    background: var(--t-card, white); color: var(--t-text-muted, #64748b);
    font-weight: 700; font-size: 0.9rem; cursor: pointer; transition: all 0.2s; flex-shrink: 0;
}
.dt-btn-attach:hover[b-deirxpe2hc] { background: #eef2ff; border-color: #c7d2fe; color: #6366f1; }
.dt-btn-send[b-deirxpe2hc] {
    background: linear-gradient(135deg, #6366f1, #a855f7); color: white;
    box-shadow: 0 4px 14px rgba(99,102,241,0.25);
}
.dt-btn-send:hover[b-deirxpe2hc] { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(99,102,241,0.3); }
.dt-btn-close[b-deirxpe2hc] {
    background: var(--t-card, white); color: #16a34a; border: 1.5px solid #bbf7d0;
}
.dt-btn-close:hover[b-deirxpe2hc] { background: #f0fdf4; border-color: #16a34a; }
.dt-btn-cancel[b-deirxpe2hc] {
    background: var(--t-card, white); color: var(--t-text-muted, #64748b); border: 1.5px solid var(--t-card-border, #e2e8f0);
}
.dt-btn-cancel:hover[b-deirxpe2hc] { border-color: #94a3b8; }

.dt-closed-info[b-deirxpe2hc] {
    margin: 0; padding: 14px 24px; background: #f1f5f9;
    color: #64748b; font-weight: 600; text-align: center;
    font-size: 0.88rem; flex-shrink: 0; border-top: 1px solid #e2e8f0;
    display: flex; flex-direction: column; gap: 6px;
}
.dt-closed-main[b-deirxpe2hc] { font-size: 0.88rem; }
.dt-closed-info span[b-deirxpe2hc] { font-size: 0.78rem; color: #94a3b8; margin-left: 4px; }
.dt-closed-reason[b-deirxpe2hc] {
    font-size: 0.84rem; font-weight: 500; color: #475569;
    background: #e2e8f0; border-radius: 8px; padding: 8px 14px;
    text-align: left; line-height: 1.45; margin-top: 2px;
}

/* ═══ PLACEHOLDER / EMPTY ═══ */
.dt-placeholder[b-deirxpe2hc] {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    flex: 1; height: 100%; color: #94a3b8; gap: 12px;
}
.dt-placeholder-icon[b-deirxpe2hc] { font-size: 3rem; }
.dt-placeholder p[b-deirxpe2hc] { font-size: 0.9rem; }
.dt-empty[b-deirxpe2hc] {
    padding: 60px 20px; text-align: center; color: #94a3b8;
    display: flex; flex-direction: column; align-items: center; gap: 10px;
}
.dt-empty-icon[b-deirxpe2hc] { font-size: 2.5rem; }
.dt-empty p[b-deirxpe2hc] { font-size: 0.9rem; margin: 0; font-weight: 600; color: #64748b; }
.dt-empty-hint[b-deirxpe2hc] { font-size: 0.78rem; color: #94a3b8; }

/* Form bottom: dosya + gönder + iptal tek satır */
.dt-form-bottom[b-deirxpe2hc] {
    display: flex; align-items: center; gap: 8px;
    margin-top: 14px; flex-wrap: nowrap;
}
.dt-form-bottom .dt-btn[b-deirxpe2hc] { flex-shrink: 0; white-space: nowrap; }

/* Detay üst satırı (geri + başlık) */
.dt-detail-top[b-deirxpe2hc] { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.dt-detail-top h3[b-deirxpe2hc] { margin: 0; font-size: 1.05rem; font-weight: 700; color: var(--t-text, #1e293b); flex: 1; min-width: 0; }
.dt-detail-back[b-deirxpe2hc] {
    display: none; align-items: center; gap: 4px;
    padding: 6px 14px; border-radius: 10px;
    background: #eef2ff; border: 1.5px solid #c7d2fe;
    color: #6366f1; font-weight: 700; font-size: 0.8rem;
    cursor: pointer; transition: all 0.2s; flex-shrink: 0; white-space: nowrap;
}
.dt-detail-back:hover[b-deirxpe2hc] { background: #e0e7ff; border-color: #6366f1; transform: translateX(-2px); }

/* ═══ MOBİL UYUMLULUK ═══ */
@media (max-width: 768px) {
    /* Sayfa container mobil */
    .page-container[b-deirxpe2hc] { height: var(--app-height, 100dvh); min-height: 0; overflow: hidden; padding: 6px 6px 0; box-sizing: border-box; }

    /* Action bar */
    .dt-back-btn[b-deirxpe2hc] { height: 32px; width: 32px; font-size: 0.9rem; border-radius: 8px; }
    .dt-new-btn[b-deirxpe2hc] { height: 32px; font-size: 0.72rem; padding: 0 10px; border-radius: 8px; }

    /* Filtreler */
    .dt-filter-wrap[b-deirxpe2hc] {
        margin: 0 10px 10px; padding: 8px 10px; gap: 6px;
        overflow-x: auto; flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .dt-filter-wrap[b-deirxpe2hc]::-webkit-scrollbar { display: none; }
    .dt-filter-wrap > button[b-deirxpe2hc] { flex-shrink: 0; font-size: 0.74rem; padding: 6px 10px; }
    .dt-filter-wrap > .pl-search[b-deirxpe2hc] { min-width: 120px; flex-shrink: 0; }
    .dt-filter-wrap > .pl-search input[b-deirxpe2hc] { font-size: 0.8rem; padding: 7px 10px; }
    .dt-back-btn[b-deirxpe2hc] { font-size: 0.74rem; padding: 5px 10px; }
    .dt-new-btn[b-deirxpe2hc] { font-size: 0.74rem; padding: 5px 10px; }
    .dt-birim-select[b-deirxpe2hc] { flex-shrink: 0; max-width: 160px; font-size: 0.74rem; height: 32px; padding: 0 8px; }

    /* Form */
    .dt-new-form[b-deirxpe2hc] { margin: 0 14px 12px; padding: 16px; }
    .dt-form-grid[b-deirxpe2hc] { grid-template-columns: 1fr; gap: 10px; }
    .dt-form-bottom .dt-btn[b-deirxpe2hc] { font-size: 0.76rem; padding: 7px 10px; }

    /* Layout — tek panel geçişli */
    .dt-layout[b-deirxpe2hc] {
        display: block; margin: 0; padding: 0;
        height: auto; min-height: 0; border-radius: 0;
        box-shadow: none; border: none;
    }

    /* Liste */
    .dt-list[b-deirxpe2hc] { display: block; border-right: none; max-height: none; }
    .dt-card[b-deirxpe2hc] { padding: 12px 14px; }
    .dt-card-konu[b-deirxpe2hc] { font-size: 0.82rem; }
    .dt-card-date[b-deirxpe2hc] { font-size: 0.72rem; }

    /* Detay — varsayılan gizli */
    .dt-detail[b-deirxpe2hc] { display: none; }

    /* === DETAY AKTİF: tam ekran kaplasın, topbar dahil gizle === */
    .dt-detail-mode[b-deirxpe2hc] {
        position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
        z-index: 300;
        display: flex !important; flex-direction: column;
        overflow: hidden !important; background: var(--t-bg, #f8fafc);
    }
    .dt-detail-mode .dt-new-form[b-deirxpe2hc],
    .dt-detail-mode .dt-filter-wrap[b-deirxpe2hc] { display: none !important; }
    .dt-detail-mode .dt-layout[b-deirxpe2hc] {
        flex: 1; min-height: 0; overflow: hidden;
        display: flex; flex-direction: column;
    }

    .dt-layout.dt-detail-active .dt-list[b-deirxpe2hc] { display: none; }
    .dt-layout.dt-detail-active .dt-detail[b-deirxpe2hc] {
        display: flex; flex-direction: column;
        flex: 1; min-height: 0; overflow: hidden;
    }
    .dt-layout.dt-detail-active .dt-detail-card[b-deirxpe2hc] {
        display: flex; flex-direction: column;
        flex: 1; min-height: 0; overflow: hidden;
    }

    /* Detay geri butonu — mobilde göster */
    .dt-detail-back[b-deirxpe2hc] { display: inline-flex; }

    /* Detay header */
    .dt-detail-header[b-deirxpe2hc] { padding: 14px 14px 0; }
    .dt-detail-header h3[b-deirxpe2hc] { font-size: 0.95rem; }
    .dt-detail-meta[b-deirxpe2hc] { gap: 6px; }

    /* Thread — flex:1 ile kalan alanı doldur */
    .dt-thread[b-deirxpe2hc] {
        flex: 1; min-height: 0; overflow-y: auto;
        max-height: none; padding: 12px 14px;
        -webkit-overflow-scrolling: touch;
    }
    .dt-bubble[b-deirxpe2hc] { max-width: 90%; padding: 12px 14px; border-radius: 12px; }
    .dt-bubble-text[b-deirxpe2hc] { font-size: 0.85rem; }

    /* Mobilde aksiyon butonları her zaman görünür */
    .dt-reply-btn[b-deirxpe2hc],
    .dt-edit-btn[b-deirxpe2hc],
    .dt-geri-al-btn[b-deirxpe2hc] { opacity: 0.6 !important; }

    /* Yanıt — dosya ekle + mesaj gönder yan yana */
    .dt-reply-area[b-deirxpe2hc] { padding: 10px 14px; padding-bottom: max(10px, env(safe-area-inset-bottom)); flex-shrink: 0; }
    .dt-reply-input[b-deirxpe2hc] { font-size: 0.85rem; padding: 10px 12px; }
    .dt-reply-actions[b-deirxpe2hc] { flex-direction: row; flex-wrap: nowrap; gap: 6px; }
    .dt-reply-actions .dt-btn[b-deirxpe2hc] { flex: 1; text-align: center; font-size: 0.76rem; padding: 8px 6px; }
    .dt-reply-actions .dt-btn-attach[b-deirxpe2hc] { flex: 0 0 auto; padding: 8px 10px; font-size: 0.88rem; }
    .dt-closed-info[b-deirxpe2hc] { padding: 14px 16px; flex-shrink: 0; }

    /* Placeholder / Empty */
    .dt-placeholder-icon[b-deirxpe2hc] { font-size: 2.2rem; }
    .dt-placeholder p[b-deirxpe2hc] { font-size: 0.84rem; }
    .dt-empty[b-deirxpe2hc] { padding: 40px 16px; }
}

/* ═══ DOSYA / FOTOĞRAF ═══ */
.dt-msg-img[b-deirxpe2hc] {
    max-width: 100%; max-height: 240px; border-radius: 8px;
    cursor: pointer; object-fit: cover; display: block; margin-bottom: 6px;
}
.dt-msg-img:hover[b-deirxpe2hc] { opacity: 0.9; }
.dt-msg-dosya[b-deirxpe2hc] {
    display: flex; align-items: center; gap: 8px;
    padding: 8px 12px; border-radius: 8px; cursor: pointer;
    background: rgba(99,102,241,0.08); margin-bottom: 6px; transition: background 0.15s;
}
.dt-msg-dosya:hover[b-deirxpe2hc] { background: rgba(99,102,241,0.14); }
.dt-msg-dosya-ad[b-deirxpe2hc] { font-size: 0.78rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1; }

/* ═══ YANITLAMA ═══ */
.dt-reply-btn[b-deirxpe2hc] {
    background: none; border: none; cursor: pointer; font-size: 0.75rem;
    padding: 2px 4px; border-radius: 4px; opacity: 0;
    transition: all 0.15s; line-height: 1;
}
[b-deirxpe2hc] .dt-bubble:hover .dt-reply-btn { opacity: 0.6; }
.dt-reply-btn:hover[b-deirxpe2hc] { opacity: 1 !important; background: rgba(99,102,241,0.1); }

.dt-reply-quote[b-deirxpe2hc] {
    display: flex; flex-direction: column; gap: 1px;
    padding: 6px 10px; margin-bottom: 6px; border-radius: 8px;
    border-left: 3px solid var(--t-accent, #6366f1); cursor: pointer;
    background: color-mix(in srgb, var(--t-accent, #6366f1) 8%, transparent);
    font-size: 0.78rem; line-height: 1.35; transition: opacity 0.15s;
    max-width: 100%; overflow: hidden;
}
.dt-reply-quote:hover[b-deirxpe2hc] { opacity: 0.8; }
.dt-reply-quote-name[b-deirxpe2hc] { font-weight: 800; font-size: 0.72rem; color: var(--t-accent, #6366f1); }
.dt-reply-quote-text[b-deirxpe2hc] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; opacity: 0.75; font-size: 0.72rem; }

.dt-yanit-bar[b-deirxpe2hc] {
    display: flex; align-items: center; gap: 8px;
    padding: 8px 14px; border-bottom: 1px solid var(--t-card-border, #e2e8f0);
    background: color-mix(in srgb, var(--t-accent, #6366f1) 6%, var(--t-card, #fff));
    border-left: 3px solid var(--t-accent, #6366f1);
    border-radius: 10px 10px 0 0;
    animation: dt-reply-slide-b-deirxpe2hc 0.15s ease;
}
@keyframes dt-reply-slide-b-deirxpe2hc { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
.dt-yanit-bar-content[b-deirxpe2hc] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.dt-yanit-bar-name[b-deirxpe2hc] { font-size: 0.74rem; font-weight: 800; color: var(--t-accent, #6366f1); }
.dt-yanit-bar-text[b-deirxpe2hc] { font-size: 0.74rem; color: var(--t-text-muted, #64748b); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dt-yanit-bar-close[b-deirxpe2hc] {
    background: none; border: none; cursor: pointer; font-size: 0.85rem;
    color: var(--t-text-muted, #94a3b8); padding: 4px 6px; border-radius: 6px;
    transition: all 0.15s; flex-shrink: 0; line-height: 1;
}
.dt-yanit-bar-close:hover[b-deirxpe2hc] { background: rgba(239,68,68,0.1); color: #ef4444; }

.dt-highlight[b-deirxpe2hc] { animation: dt-msg-flash-b-deirxpe2hc 1.5s ease; }
@keyframes dt-msg-flash-b-deirxpe2hc { 0%, 100% { background: transparent; } 30% { background: color-mix(in srgb, var(--t-accent, #6366f1) 15%, transparent); } }

.dt-ek-bar[b-deirxpe2hc] {
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;
    padding: 8px 14px; background: color-mix(in srgb, var(--t-accent, #6366f1) 6%, var(--t-card, #fff));
    border-bottom: 1px solid var(--t-card-border, #e2e8f0);
    font-size: 0.78rem; font-weight: 600; color: var(--t-text, #1e293b);
}
.dt-ek-kaldir[b-deirxpe2hc] {
    background: none; border: none; cursor: pointer; font-size: 0.85rem;
    color: var(--t-text-muted, #94a3b8); padding: 2px 6px; border-radius: 6px; transition: all 0.15s;
}
.dt-ek-kaldir:hover[b-deirxpe2hc] { background: rgba(239,68,68,0.1); color: #ef4444; }

/* Dosya yükleme animasyonu */
.upload-spin[b-deirxpe2hc] {
    display: inline-block;
    animation: uploadSpin-b-deirxpe2hc 1s linear infinite;
}
@keyframes uploadSpin-b-deirxpe2hc { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
.upload-progress-bar[b-deirxpe2hc] {
    width: 100%; height: 3px; border-radius: 3px;
    background: var(--t-card-border, #e2e8f0);
    overflow: hidden; margin-top: 4px;
}
.upload-progress-fill[b-deirxpe2hc] {
    height: 100%; border-radius: 3px;
    background: linear-gradient(90deg, var(--t-accent, #6366f1), #818cf8, var(--t-accent, #6366f1));
    background-size: 200% 100%;
    animation: uploadFill-b-deirxpe2hc 1.5s ease-in-out infinite;
}
@keyframes uploadFill-b-deirxpe2hc { 0% { width: 0%; background-position: 0% 0; } 50% { width: 70%; } 100% { width: 100%; background-position: -200% 0; } }

.dt-btn-attach[b-deirxpe2hc] {
    padding: 8px 16px; border-radius: 10px; border: 1.5px solid var(--t-card-border, #e2e8f0);
    background: var(--t-card, white); color: var(--t-text-muted, #64748b);
    font-weight: 700; font-size: 0.84rem; cursor: pointer; transition: all 0.2s;
}
.dt-btn-attach:hover[b-deirxpe2hc] { background: #eef2ff; border-color: #c7d2fe; color: #6366f1; }

/* ═══ GÖRÜNTÜ VIEWER (image-viewer.js) ═══ */
.image-overlay[b-deirxpe2hc] {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.92);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.image-overlay-toolbar[b-deirxpe2hc] {
    position: fixed;
    top: 16px;
    display: flex;
    align-items: center;
    gap: 4px;
    background: rgba(15,23,42,0.85);
    backdrop-filter: blur(12px);
    padding: 5px 6px;
    border-radius: 12px;
    z-index: 10001;
    box-shadow: 0 4px 24px rgba(0,0,0,0.5);
    border: 1px solid rgba(255,255,255,0.08);
}
.iot-btn[b-deirxpe2hc] {
    background: transparent;
    color: rgba(255,255,255,0.8);
    border: none;
    border-radius: 8px;
    width: 36px;
    height: 36px;
    font-size: 0.85rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s;
}
.iot-btn:hover[b-deirxpe2hc] { background: rgba(255,255,255,0.15); color: white; }
.iot-btn:active[b-deirxpe2hc] { transform: scale(0.92); }
.iot-close:hover[b-deirxpe2hc] { background: rgba(239,68,68,0.35); color: #fca5a5; }
.iot-sep[b-deirxpe2hc] { width: 1px; height: 20px; background: rgba(255,255,255,0.15); margin: 0 2px; }
.iot-level[b-deirxpe2hc] { color: rgba(255,255,255,0.6); font-size: 0.72rem; font-weight: 700; min-width: 38px; text-align: center; user-select: none; letter-spacing: -0.3px; }
.image-overlay-container[b-deirxpe2hc] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: grab;
    overflow: hidden;
    touch-action: none;
}
.image-overlay-container:active[b-deirxpe2hc] { cursor: grabbing; }
.image-overlay-container img[b-deirxpe2hc] {
    border-radius: 6px;
    box-shadow: 0 0 60px rgba(0,0,0,0.6);
    user-select: none;
    -webkit-user-drag: none;
    pointer-events: none;
    flex-shrink: 0;
    image-rendering: auto;
}

/* ═══ GERİ AL ONAY DİALOG ═══ */
.dt-geri-al-overlay[b-deirxpe2hc] {
    position: fixed; inset: 0; z-index: 9999;
    background: rgba(0,0,0,.45); display: flex; align-items: center; justify-content: center;
    backdrop-filter: blur(3px); animation: dtGeriAlFadeIn-b-deirxpe2hc .2s;
}
@keyframes dtGeriAlFadeIn-b-deirxpe2hc { from { opacity: 0; } to { opacity: 1; } }
.dt-geri-al-panel[b-deirxpe2hc] {
    background: #fff; border-radius: 16px; padding: 28px 32px 24px;
    width: 400px; max-width: 92vw; box-shadow: 0 16px 48px rgba(0,0,0,.18);
    display: flex; flex-direction: column; align-items: center; gap: 6px;
    animation: dtGeriAlSlideUp-b-deirxpe2hc .25s ease;
}
@keyframes dtGeriAlSlideUp-b-deirxpe2hc { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
.dt-geri-al-icon[b-deirxpe2hc] { font-size: 2.4rem; margin-bottom: 2px; }
.dt-geri-al-title[b-deirxpe2hc] { margin: 0; font-size: 1.1rem; font-weight: 700; color: #1e293b; }
.dt-geri-al-msg[b-deirxpe2hc] { margin: 0; font-size: 0.88rem; color: #64748b; text-align: center; }
.dt-geri-al-actions[b-deirxpe2hc] { display: flex; gap: 10px; margin-top: 14px; width: 100%; }
.dt-geri-al-btn-confirm[b-deirxpe2hc] {
    flex: 1; padding: 10px 0; border: none; border-radius: 10px;
    font-size: 0.88rem; font-weight: 600; cursor: pointer; transition: .2s;
    background: #ef4444; color: #fff;
}
.dt-geri-al-btn-confirm:hover[b-deirxpe2hc] { background: #dc2626; }
.dt-geri-al-btn-cancel[b-deirxpe2hc] {
    flex: 1; padding: 10px 0; border: none; border-radius: 10px;
    font-size: 0.88rem; font-weight: 600; cursor: pointer; transition: .2s;
    background: #f1f5f9; color: #64748b;
}
.dt-geri-al-btn-cancel:hover[b-deirxpe2hc] { background: #e2e8f0; }
/* /Components/Pages/DogumGunleri.razor.rz.scp.css */
.page-container[b-tz55a48hq1] { width: 100%; margin: auto; padding: 8px; }

.bday-section[b-tz55a48hq1] {
    display: flex; flex-direction: column; gap: 24px;
}

/* ═══ TODAY BANNER ═══ */
.today-banner[b-tz55a48hq1] {
    background: linear-gradient(135deg, #fef9c3 0%, #fde68a 40%, #fbbf24 100%);
    border-radius: 20px; padding: 32px 28px 28px; text-align: center;
    position: relative; overflow: hidden;
    border: 1.5px solid rgba(251,191,36,0.35);
    box-shadow: 0 8px 32px rgba(251,191,36,0.15);
}
.today-banner[b-tz55a48hq1]::before {
    content: ""; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.25) 0%, transparent 60%);
    animation: bannerGlow-b-tz55a48hq1 4s ease-in-out infinite;
}
@keyframes bannerGlow-b-tz55a48hq1 {
    0%, 100% { transform: translate(0, 0) scale(1); }
    50% { transform: translate(5%, 5%) scale(1.1); }
}

.confetti[b-tz55a48hq1] {
    font-size: 2.2rem; margin-bottom: 8px; position: relative;
    animation: confettiWave-b-tz55a48hq1 2s ease-in-out infinite;
}
@keyframes confettiWave-b-tz55a48hq1 {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-4px); }
}

.today-banner h3[b-tz55a48hq1] {
    margin: 0; font-size: 1.6rem; font-weight: 900; color: #78350f;
    position: relative; letter-spacing: -0.01em;
}
.today-banner p[b-tz55a48hq1] {
    margin: 6px 0 20px; color: #92400e; font-weight: 600; font-size: 0.9rem;
    position: relative; opacity: 0.85;
}

.today-names[b-tz55a48hq1] { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; position: relative; }

.today-card[b-tz55a48hq1] {
    background: rgba(255,255,255,0.9); border-radius: 16px; padding: 14px 20px;
    display: flex; align-items: center; gap: 14px;
    backdrop-filter: blur(12px);
    border: 1.5px solid rgba(251,191,36,0.3);
    box-shadow: 0 4px 16px rgba(161,98,7,0.08);
    transition: all 0.25s;
}
.today-card:hover[b-tz55a48hq1] {
    transform: translateY(-3px); box-shadow: 0 8px 24px rgba(161,98,7,0.15);
    border-color: rgba(251,191,36,0.5);
}

.today-avatar[b-tz55a48hq1] {
    width: 48px; height: 48px; border-radius: 50%;
    background: linear-gradient(135deg, #f59e0b, #ef4444);
    color: white; display: flex; align-items: center; justify-content: center;
    font-weight: 800; font-size: 0.95rem; flex-shrink: 0;
    box-shadow: 0 3px 10px rgba(245,158,11,0.3);
}

.today-avatar-img[b-tz55a48hq1] {
    width: 48px; height: 48px; border-radius: 50%; object-fit: cover;
    border: 2.5px solid rgba(251,191,36,0.5); flex-shrink: 0;
    box-shadow: 0 3px 10px rgba(245,158,11,0.2);
}

.today-card strong[b-tz55a48hq1] { font-size: 0.92rem; color: #1c1917; }
.today-birim[b-tz55a48hq1] { display: block; font-size: 0.76rem; color: #92400e; font-weight: 600; margin-top: 1px; }

/* ═══ MESAJ BUTONLARI ═══ */
.bday-msg-btn[b-tz55a48hq1] {
    width: 40px; height: 40px; border-radius: 50%; border: 1.5px solid rgba(251,191,36,0.4);
    background: rgba(255,255,255,0.8); cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.1rem; flex-shrink: 0;
    transition: all 0.25s; backdrop-filter: blur(4px);
}
.bday-msg-btn:hover[b-tz55a48hq1] {
    background: #6366f1; border-color: #6366f1;
    transform: scale(1.12);
    box-shadow: 0 4px 16px rgba(99,102,241,0.35);
}

.bday-msg-btn-sm[b-tz55a48hq1] {
    width: 34px; height: 34px; border-radius: 50%; border: 1.5px solid var(--t-card-border, #e2e8f0);
    background: var(--t-card, #fff); cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    font-size: 0.95rem; flex-shrink: 0;
    transition: all 0.25s;
}
.bday-msg-btn-sm:hover[b-tz55a48hq1] {
    background: #6366f1; border-color: #6366f1;
    transform: scale(1.12);
    box-shadow: 0 4px 12px rgba(99,102,241,0.3);
}

/* ═══ UPCOMING LIST ═══ */
.bday-list[b-tz55a48hq1] {
    background: var(--t-card, white); border-radius: 18px; border: 1.5px solid var(--t-card-border, #e2e8f0);
    padding: 24px; box-shadow: 0 4px 24px rgba(0,0,0,0.04);
}
.bday-list h3[b-tz55a48hq1] {
    margin: 0 0 18px; font-size: 1.1rem; font-weight: 800; color: var(--t-text, #1e293b);
    display: flex; align-items: center; gap: 8px;
}

.bday-row[b-tz55a48hq1] {
    display: flex; align-items: center; gap: 14px;
    padding: 14px 16px; border-radius: 14px;
    background: var(--t-hover, #fafbfc); border: 1.5px solid transparent;
    margin-bottom: 8px; transition: all 0.25s;
}
.bday-row:hover[b-tz55a48hq1] {
    background: var(--t-card, white); border-color: var(--t-card-border, #e2e8f0);
    transform: translateX(4px); box-shadow: 0 4px 16px rgba(0,0,0,0.04);
}
.bday-row.today[b-tz55a48hq1] {
    background: linear-gradient(135deg, #fefce8, #fef9c3);
    border-color: #fbbf24;
    box-shadow: 0 4px 16px rgba(251,191,36,0.12);
}

.bday-avatar[b-tz55a48hq1] {
    width: 44px; height: 44px; border-radius: 14px; flex-shrink: 0;
    background: linear-gradient(135deg, #6366f1, #818cf8);
    color: white; display: flex; align-items: center; justify-content: center;
    font-weight: 800; font-size: 0.85rem;
    box-shadow: 0 2px 8px rgba(99,102,241,0.2);
}
.bday-avatar.soon[b-tz55a48hq1] {
    background: linear-gradient(135deg, #f59e0b, #ef4444);
    box-shadow: 0 2px 8px rgba(245,158,11,0.25);
}

.bday-avatar-img[b-tz55a48hq1] {
    width: 44px; height: 44px; border-radius: 14px; flex-shrink: 0;
    object-fit: cover; border: 2px solid #e2e8f0;
}
.bday-avatar-img.soon[b-tz55a48hq1] { border-color: #f59e0b; }

.bday-info[b-tz55a48hq1] { flex: 1; min-width: 0; }
.bday-name[b-tz55a48hq1] { font-weight: 700; font-size: 0.92rem; color: var(--t-text, #1e293b); display: block; }
.bday-birim[b-tz55a48hq1] { font-size: 0.76rem; color: var(--t-text-muted, #94a3b8); font-weight: 600; }

.bday-right[b-tz55a48hq1] {
    display: flex; align-items: center; gap: 10px;
    flex-shrink: 1; min-width: 0;
}
.bday-day[b-tz55a48hq1] {
    font-weight: 700; font-size: 0.88rem; color: var(--t-text, #475569);
    white-space: nowrap;
}

.countdown-today[b-tz55a48hq1] {
    display: inline-block;
    background: linear-gradient(135deg, #fef3c7, #fde68a); color: #92400e;
    padding: 6px 16px; border-radius: 20px;
    font-weight: 800; font-size: 0.82rem;
    border: 1.5px solid rgba(251,191,36,0.4);
    animation: pulse-b-tz55a48hq1 1.5s ease-in-out infinite;
    white-space: nowrap;
}
@keyframes pulse-b-tz55a48hq1 { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.06); } }

.countdown-days[b-tz55a48hq1] {
    display: inline-block;
    background: var(--t-hover, #f1f5f9); color: var(--t-text-muted, #64748b);
    padding: 6px 16px; border-radius: 20px;
    font-weight: 700; font-size: 0.82rem;
    white-space: nowrap;
}
.countdown-days.urgent[b-tz55a48hq1] {
    background: linear-gradient(135deg, #fee2e2, #fecaca); color: #dc2626;
    border: 1px solid rgba(220,38,38,0.15);
}

.empty-text[b-tz55a48hq1] { text-align: center; color: var(--t-text-muted, #94a3b8); padding: 24px; font-style: italic; }

/* ═══ ENHANCED EMPTY STATE — tema uyumlu ═══ */
.bday-empty[b-tz55a48hq1] {
    text-align: center; padding: 48px 24px;
    background:
        radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--t-accent, #f59e0b) 12%, transparent), transparent 60%),
        linear-gradient(135deg, var(--t-card, #ffffff) 0%, color-mix(in srgb, var(--t-accent, #f59e0b) 6%, var(--t-card, #ffffff)) 100%);
    border-radius: 16px;
    border: 1.5px dashed color-mix(in srgb, var(--t-accent, #f59e0b) 35%, transparent);
}
.bday-empty-icon[b-tz55a48hq1] {
    font-size: 3.2rem; margin-bottom: 12px;
    animation: emptyBounce-b-tz55a48hq1 2.5s ease-in-out infinite;
    filter: drop-shadow(0 2px 6px color-mix(in srgb, var(--t-accent, #f59e0b) 30%, transparent));
}
@keyframes emptyBounce-b-tz55a48hq1 {
    0%, 100% { transform: translateY(0) scale(1); }
    50% { transform: translateY(-6px) scale(1.08); }
}
.bday-empty-title[b-tz55a48hq1] {
    margin: 0 0 8px; font-size: 1.05rem; font-weight: 800;
    color: var(--t-text, #0f172a);
}
.bday-empty-desc[b-tz55a48hq1] {
    margin: 0; font-size: 0.85rem; font-weight: 500;
    color: var(--t-text-muted, #64748b); opacity: 0.9;
}

@media (max-width: 600px) {
    .bday-row[b-tz55a48hq1] { gap: 10px; padding: 12px; }
    .bday-right[b-tz55a48hq1] {
        flex-direction: column; align-items: flex-end; gap: 4px;
        margin-left: auto; flex-shrink: 1; min-width: 0;
    }
    .bday-right .bday-day[b-tz55a48hq1] {
        font-size: 0.8rem; color: var(--t-text, #334155);
    }
    .bday-right .countdown-days[b-tz55a48hq1] {
        padding: 3px 10px; font-size: 0.72rem; border-radius: 8px;
    }
    .bday-right .countdown-today[b-tz55a48hq1] {
        padding: 3px 10px; font-size: 0.72rem; border-radius: 8px;
    }
    .today-card[b-tz55a48hq1] { flex-direction: column; text-align: center; padding: 16px; }
    .today-banner[b-tz55a48hq1] { padding: 24px 16px 20px; }
    .bday-list[b-tz55a48hq1] { padding: 16px; }
}
/* /Components/Pages/Egitimler.razor.rz.scp.css */
.page-container[b-ug8f6m155w] {
    width: 100%;
    margin: auto;
    padding: 6px 8px;
}

/* ═══ KİLİTLİ EKRAN ═══ */
.locked-card[b-ug8f6m155w] {
    text-align: center;
    background: linear-gradient(135deg, #fef2f2, #fff1f2);
    border: 2px solid #fecaca;
    border-radius: 20px;
    padding: 50px 30px;
}
.locked-icon[b-ug8f6m155w] { font-size: 4rem; margin-bottom: 16px; }
.locked-card h2[b-ug8f6m155w] { color: #dc2626; margin: 0 0 12px; font-weight: 800; }
.locked-card p[b-ug8f6m155w] { color: #64748b; margin: 6px 0; }

.btn-destek[b-ug8f6m155w] {
    margin-top: 20px; padding: 14px 28px; border: none; border-radius: 12px;
    background: linear-gradient(135deg, #ef4444, #dc2626); color: white;
    font-weight: 800; font-size: 1rem; cursor: pointer;
    box-shadow: 0 4px 15px rgba(239,68,68,0.3); transition: all 0.2s;
}
.btn-destek:hover[b-ug8f6m155w] { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(239,68,68,0.4); }

/* ═══ KİLİTLİ BİLGİ ADIMLARI ═══ */
.locked-info-steps[b-ug8f6m155w] {
    max-width: 480px; margin: 20px auto 0; text-align: left;
    display: flex; flex-direction: column; gap: 10px;
}
.locked-step[b-ug8f6m155w] {
    display: flex; align-items: flex-start; gap: 12px;
    background: white; border-radius: 12px; padding: 14px 16px;
    border: 1px solid #fecaca;
}
.locked-step-icon[b-ug8f6m155w] { font-size: 1.4rem; flex-shrink: 0; margin-top: 2px; }
.locked-step strong[b-ug8f6m155w] { display: block; color: #1e293b; font-size: 0.88rem; margin-bottom: 2px; }
.locked-step span[b-ug8f6m155w] { display: block; color: #64748b; font-size: 0.82rem; line-height: 1.4; }

/* ═══ SERTİFİKA BANNER (muaf / sertifika — tema: --eg-cert-*, app.css) ═══ */
.sertifika-banner[b-ug8f6m155w] {
    text-align: center;
    background: var(--eg-cert-banner-bg, linear-gradient(135deg, #f0fdf4, #ecfdf5));
    border: 2px solid var(--eg-cert-banner-border, #86efac);
    border-radius: 20px;
    padding: 40px 30px;
    margin-bottom: 20px;
}
.sertifika-banner--warning[b-ug8f6m155w] {
    background: var(--eg-warn-banner-bg, linear-gradient(135deg, #fffbeb, #fef3c7));
    border-color: var(--eg-warn-banner-border, #f59e0b);
}
.sertifika-banner--warning h2[b-ug8f6m155w] { color: var(--eg-warn-banner-title, #92400e); }
.sertifika-banner--warning p[b-ug8f6m155w] { color: var(--eg-warn-banner-body, #a16207); }
.sertifika-banner--warning p strong[b-ug8f6m155w] { color: var(--eg-warn-banner-title, #92400e); }
.sertifika-warn-progress[b-ug8f6m155w] { font-size: 0.85rem; margin-top: 6px; }

.sertifika-badge[b-ug8f6m155w] { font-size: 3.5rem; margin-bottom: 12px; }
.sertifika-banner h2[b-ug8f6m155w] { color: var(--eg-cert-banner-title, #166534); margin: 0 0 8px; font-weight: 800; }
.sertifika-banner p[b-ug8f6m155w] { color: var(--eg-cert-banner-body, #64748b); margin: 0; }
.sertifika-banner p strong[b-ug8f6m155w] { color: var(--eg-cert-banner-title, #166534); }

.btn-sertifika[b-ug8f6m155w] {
    padding: 12px 24px; border: none; border-radius: 10px;
    background: linear-gradient(135deg, #22c55e, #16a34a); color: white;
    font-weight: 800; font-size: 0.95rem; cursor: pointer;
    box-shadow: 0 4px 15px rgba(34,197,94,0.3); transition: all 0.2s;
}
.btn-sertifika:hover[b-ug8f6m155w] { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(34,197,94,0.4); }

.btn-sertifika-yazdir[b-ug8f6m155w] {
    padding: 12px 24px; border: none; border-radius: 10px;
    background: linear-gradient(135deg, #3b82f6, #2563eb); color: white;
    font-weight: 800; font-size: 0.95rem; cursor: pointer;
    box-shadow: 0 4px 15px rgba(59,130,246,0.3); transition: all 0.2s;
}
.btn-sertifika-yazdir:hover[b-ug8f6m155w] { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(59,130,246,0.4); }

/* ═══ EĞİTİM BİLGİ BANNER ═══ */
.egitim-info-banner[b-ug8f6m155w] {
    background: linear-gradient(135deg, #eff6ff, #dbeafe);
    border: 1.5px solid #93c5fd; border-radius: 16px;
    padding: 20px 24px; margin-bottom: 16px;
}
.egitim-info-header[b-ug8f6m155w] {
    display: flex; align-items: flex-start; gap: 12px; margin-bottom: 14px;
}
.egitim-info-header span:first-child[b-ug8f6m155w] { font-size: 2rem; flex-shrink: 0; }
.egitim-info-header h3[b-ug8f6m155w] { margin: 0 0 4px; color: #1e3a5f; font-weight: 800; font-size: 1.05rem; }
.egitim-info-header p[b-ug8f6m155w] { margin: 0; color: #3b82f6; font-size: 0.85rem; font-weight: 600; }
.egitim-info-steps[b-ug8f6m155w] { display: flex; flex-direction: column; gap: 8px; }
.egitim-info-step[b-ug8f6m155w] {
    display: flex; align-items: flex-start; gap: 12px;
    background: rgba(255,255,255,0.7); border-radius: 10px; padding: 12px 14px;
}
.eis-num[b-ug8f6m155w] {
    width: 28px; height: 28px; border-radius: 50%;
    background: linear-gradient(135deg, #3b82f6, #6366f1);
    color: white; font-size: 0.78rem; font-weight: 800;
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.eis-body strong[b-ug8f6m155w] { display: block; color: #1e293b; font-size: 0.88rem; margin-bottom: 2px; }
.eis-body span[b-ug8f6m155w] { display: block; color: #64748b; font-size: 0.82rem; line-height: 1.4; }

/* ═══ ONBOARDING DURUM BANNER ═══ */
.eg-onboarding-info[b-ug8f6m155w] {
    background: linear-gradient(135deg, #fffbeb, #fef3c7);
    border: 1.5px solid #fde68a;
    border-radius: 12px;
    padding: 14px 20px;
    margin-bottom: 16px;
}

.eg-ob-row[b-ug8f6m155w] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.eg-ob-icon[b-ug8f6m155w] {
    font-size: 1.5rem;
    flex-shrink: 0;
}

.eg-ob-text[b-ug8f6m155w] {
    font-size: 0.88rem;
    color: #92400e;
    line-height: 1.6;
    font-weight: 500;
}

.eg-ob-text strong[b-ug8f6m155w] {
    color: #78350f;
    font-weight: 700;
}

:global(.dark) .eg-onboarding-info[b-ug8f6m155w] {
    background: linear-gradient(135deg, #1e293b 0%, #422006 100%);
    border-color: #92400e;
}

:global(.dark) .eg-ob-text[b-ug8f6m155w] {
    color: #fef3c7;
}

:global(.dark) .eg-ob-text strong[b-ug8f6m155w] {
    color: #fde68a;
}

/* ═══ İLERLEME ÇUBUĞU ═══ */
.progress-strip[b-ug8f6m155w] {
    display: flex; align-items: center; justify-content: center;
    gap: 0; padding: 20px; margin-bottom: 20px;
    background: var(--t-card, white); border: 1px solid var(--t-card-border, #e2e8f0); border-radius: 14px;
}
.progress-step[b-ug8f6m155w] {
    display: flex; align-items: center; gap: 8px; padding: 8px 16px;
    border-radius: 20px; transition: all 0.3s;
}
.progress-step .step-num[b-ug8f6m155w] {
    width: 32px; height: 32px; border-radius: 50%;
    background: #e2e8f0; color: #94a3b8;
    display: flex; align-items: center; justify-content: center;
    font-weight: 800; font-size: 0.85rem;
}
.progress-step .step-text[b-ug8f6m155w] { font-weight: 700; font-size: 0.85rem; color: #94a3b8; }
.progress-step.active .step-num[b-ug8f6m155w] { background: #0ea5e9; color: white; box-shadow: 0 2px 8px rgba(14,165,233,0.3); }
.progress-step.active .step-text[b-ug8f6m155w] { color: #0ea5e9; }
.progress-step.done .step-num[b-ug8f6m155w] { background: #22c55e; color: white; }
.progress-step.done .step-text[b-ug8f6m155w] { color: #16a34a; }
.progress-line[b-ug8f6m155w] { width: 60px; height: 3px; background: #e2e8f0; border-radius: 2px; }
.progress-line.done[b-ug8f6m155w] { background: #22c55e; }

/* ═══ SECTION CARD ═══ */
.section-card[b-ug8f6m155w] {
    background: var(--t-card, white); border: 1px solid var(--t-card-border, #e2e8f0); border-radius: 16px;
    overflow: hidden; margin-bottom: 20px;
}
.section-header[b-ug8f6m155w] {
    display: flex; align-items: center; gap: 8px; padding: 18px 24px;
    font-weight: 800; font-size: 1.05rem; color: #1e293b;
    border-bottom: 2px solid #f1f5f9;
}
.header-badge[b-ug8f6m155w] {
    margin-left: auto; background: #e0f2fe; color: #0369a1;
    padding: 4px 12px; border-radius: 20px; font-size: 0.78rem; font-weight: 700;
}

/* ═══ VİDEO LİSTESİ ═══ */
.video-progress-bar[b-ug8f6m155w] {
    height: 4px; background: #f1f5f9; margin: 0 24px;
}
.video-progress-fill[b-ug8f6m155w] {
    height: 100%; background: linear-gradient(90deg, #0ea5e9, #22c55e);
    border-radius: 2px; transition: width 0.5s;
}
.video-list[b-ug8f6m155w] { padding: 12px 24px; }
.video-item[b-ug8f6m155w] {
    display: flex; align-items: center; gap: 14px;
    padding: 14px; border-radius: 12px; cursor: pointer;
    transition: all 0.2s; border: 1.5px solid transparent;
}
.video-item:hover[b-ug8f6m155w] { background: #f8fafc; }
.video-item.playing[b-ug8f6m155w] { background: #f0f9ff; border-color: #0ea5e9; }
.video-item.watched[b-ug8f6m155w] { opacity: 0.7; }
.video-item.watched:hover[b-ug8f6m155w] { opacity: 1; }

.video-status[b-ug8f6m155w] { flex-shrink: 0; }
.v-num[b-ug8f6m155w] {
    width: 32px; height: 32px; border-radius: 50%; background: #e2e8f0;
    display: flex; align-items: center; justify-content: center;
    font-weight: 800; font-size: 0.85rem; color: #64748b;
}
.v-check[b-ug8f6m155w] { font-size: 1.3rem; }
.v-done-label[b-ug8f6m155w] {
    display: inline-block; margin-left: 6px; padding: 1px 8px; border-radius: 6px;
    background: #dcfce7; color: #16a34a; font-size: 0.7rem; font-weight: 700;
    vertical-align: middle;
}
.video-item.watched .v-done-label[b-ug8f6m155w] { background: #f0fdf4; }
.video-info[b-ug8f6m155w] { flex: 1; }
.video-title[b-ug8f6m155w] { font-weight: 700; font-size: 0.92rem; color: #1e293b; }
.video-desc[b-ug8f6m155w] { font-size: 0.8rem; color: #94a3b8; margin-top: 2px; }
.video-dur[b-ug8f6m155w] { font-size: 0.78rem; color: #94a3b8; font-weight: 600; white-space: nowrap; }

/* ═══ VİDEO PLAYER ═══ */
.video-player[b-ug8f6m155w] {
    padding: 20px 24px; border-top: 2px solid #f1f5f9;
}
.video-player h3[b-ug8f6m155w] { margin: 0 0 12px; color: #1e293b; font-size: 1rem; }
.player-wrapper[b-ug8f6m155w] {
    position: relative; padding-bottom: 56.25%; height: 0; border-radius: 12px;
    overflow: hidden; background: #0f172a;
}
.player-wrapper iframe[b-ug8f6m155w] {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;
}
.btn-izledim[b-ug8f6m155w] { display: none; }
.btn-izledim:hover:not(:disabled)[b-ug8f6m155w] { display: none; }
.btn-izledim:disabled[b-ug8f6m155w] { display: none; }

/* ═══ VİDEO İZLEME İLERLEME ═══ */
.watch-progress[b-ug8f6m155w] {
    display: flex; align-items: center; gap: 10px; margin-top: 12px;
}
.watch-progress-bar[b-ug8f6m155w] {
    flex: 1; height: 8px; background: #e2e8f0; border-radius: 4px; overflow: hidden;
}
.watch-progress-fill[b-ug8f6m155w] {
    height: 100%; background: #f59e0b; border-radius: 4px; transition: width 1s linear;
}
.watch-progress-fill.ready[b-ug8f6m155w] { background: linear-gradient(90deg, #22c55e, #16a34a); }
.watch-progress-text[b-ug8f6m155w] { font-size: 0.78rem; font-weight: 700; color: #64748b; white-space: nowrap; }

/* ═══ SINAV ZAMANLAYICI ═══ */
.timer-bar[b-ug8f6m155w] {
    display: flex; align-items: center; gap: 10px;
    padding: 12px 20px; margin: 0 0 4px;
    background: #f8fafc; border-bottom: 1px solid #e2e8f0;
}
.timer-icon[b-ug8f6m155w] { font-size: 1.2rem; }
.timer-text[b-ug8f6m155w] { font-size: 1.3rem; font-weight: 900; color: #1e293b; font-variant-numeric: tabular-nums; min-width: 60px; }
.timer-text.timer-warn[b-ug8f6m155w] { color: #f59e0b; }
.timer-text.timer-critical[b-ug8f6m155w] { color: #dc2626; animation: timerBlink-b-ug8f6m155w 0.5s infinite alternate; }
.timer-progress[b-ug8f6m155w] { flex: 1; height: 6px; background: #e2e8f0; border-radius: 3px; overflow: hidden; }
.timer-fill[b-ug8f6m155w] { height: 100%; background: #0ea5e9; border-radius: 3px; transition: width 1s linear; }
.timer-fill.timer-fill-warn[b-ug8f6m155w] { background: #f59e0b; }
.timer-fill.timer-fill-critical[b-ug8f6m155w] { background: #dc2626; }

@keyframes timerBlink-b-ug8f6m155w { from { opacity: 1; } to { opacity: 0.4; } }
@keyframes fadeIn-b-ug8f6m155w { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } }

.already-watched[b-ug8f6m155w] {
    margin-top: 12px; text-align: center; color: #16a34a; font-weight: 700; font-size: 0.9rem;
    padding: 10px; background: #dcfce7; border-radius: 8px;
    animation: fadeIn-b-ug8f6m155w 0.5s ease;
}

.btn-sonraki-video[b-ug8f6m155w] {
    margin-top: 10px; padding: 10px 24px; border: none; border-radius: 10px;
    background: linear-gradient(135deg, #0ea5e9, #6366f1); color: white;
    font-weight: 700; font-size: 0.88rem; cursor: pointer; width: 100%;
    transition: all 0.2s; box-shadow: 0 2px 10px rgba(14,165,233,0.2);
}

.btn-sonraki-video:hover[b-ug8f6m155w] {
    transform: translateY(-2px); box-shadow: 0 4px 18px rgba(14,165,233,0.3);
}

/* ═══ TÜM VİDEOLAR TAMAMLANDI ═══ */
.all-done-box[b-ug8f6m155w] {
    display: flex; align-items: center; gap: 14px;
    padding: 18px 24px; margin: 16px 24px 24px;
    background: linear-gradient(135deg, #eff6ff, #e0f2fe);
    border: 1.5px solid #93c5fd; border-radius: 12px;
}
.all-done-box span:first-child[b-ug8f6m155w] { font-size: 2rem; }
.all-done-box strong[b-ug8f6m155w] { font-size: 0.95rem; color: #1e40af; }
.all-done-box p[b-ug8f6m155w] { margin: 2px 0 0; font-size: 0.82rem; color: #64748b; }
.btn-sinava-gec[b-ug8f6m155w] {
    margin-left: auto; padding: 10px 20px; border: none; border-radius: 10px;
    background: linear-gradient(135deg, #0ea5e9, #6366f1); color: white;
    font-weight: 800; font-size: 0.88rem; cursor: pointer; white-space: nowrap;
    box-shadow: 0 4px 15px rgba(14,165,233,0.3); transition: all 0.2s;
}
.btn-sinava-gec:hover[b-ug8f6m155w] { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(14,165,233,0.4); }

/* ═══ SINAV INTRO ═══ */
.sinav-intro[b-ug8f6m155w] {
    text-align: center; padding: 40px 30px;
}
.sinav-intro-icon[b-ug8f6m155w] { font-size: 3rem; margin-bottom: 12px; }
.sinav-intro h3[b-ug8f6m155w] { margin: 0 0 16px; color: #1e293b; font-weight: 800; }
.sinav-intro ul[b-ug8f6m155w] {
    text-align: left; max-width: 450px; margin: 0 auto 24px;
    list-style: none; padding: 0;
}
.sinav-intro li[b-ug8f6m155w] {
    padding: 8px 0; border-bottom: 1px solid #f1f5f9;
    font-size: 0.9rem; color: #475569; font-weight: 600;
}
.sinav-intro li.warn[b-ug8f6m155w] { color: #dc2626; font-weight: 800; }
.btn-sinav-baslat[b-ug8f6m155w] {
    padding: 14px 32px; border: none; border-radius: 12px;
    background: linear-gradient(135deg, #0ea5e9, #6366f1); color: white;
    font-weight: 800; font-size: 1.05rem; cursor: pointer;
    box-shadow: 0 4px 15px rgba(14,165,233,0.3); transition: all 0.2s;
}
.btn-sinav-baslat:hover[b-ug8f6m155w] { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(14,165,233,0.4); }

/* ═══ SORU PANELİ ═══ */
.soru-panel[b-ug8f6m155w] { padding: 24px; }
.soru-header[b-ug8f6m155w] { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; }
.soru-no[b-ug8f6m155w] { font-weight: 800; font-size: 0.85rem; color: #0ea5e9; white-space: nowrap; }
.soru-progress-bar[b-ug8f6m155w] { flex: 1; height: 6px; background: #f1f5f9; border-radius: 3px; }
.soru-progress-fill[b-ug8f6m155w] { height: 100%; background: linear-gradient(90deg, #0ea5e9, #6366f1); border-radius: 3px; transition: width 0.3s; }
.soru-metni[b-ug8f6m155w] {
    font-size: 1.05rem; font-weight: 700; color: #1e293b;
    padding: 20px; background: #f8fafc; border-radius: 12px;
    border-left: 4px solid #0ea5e9; margin-bottom: 20px; line-height: 1.6;
}
.siklar[b-ug8f6m155w] { display: flex; flex-direction: column; gap: 10px; }
.sik-item[b-ug8f6m155w] {
    display: flex; align-items: center; gap: 12px;
    padding: 14px 16px; border: 2px solid #e2e8f0; border-radius: 12px;
    cursor: pointer; transition: all 0.2s;
}
.sik-item:hover[b-ug8f6m155w] { border-color: #0ea5e9; background: #f0f9ff; }
.sik-item.selected[b-ug8f6m155w] { border-color: #0ea5e9; background: #e0f2fe; box-shadow: 0 2px 8px rgba(14,165,233,0.15); }
.sik-harf[b-ug8f6m155w] {
    width: 36px; height: 36px; border-radius: 50%; background: #e2e8f0;
    display: flex; align-items: center; justify-content: center;
    font-weight: 800; font-size: 0.9rem; color: #64748b; flex-shrink: 0;
}
.sik-item.selected .sik-harf[b-ug8f6m155w] { background: #0ea5e9; color: white; }
.sik-text[b-ug8f6m155w] { font-weight: 600; font-size: 0.92rem; color: #334155; }

.soru-nav[b-ug8f6m155w] { display: flex; justify-content: space-between; margin-top: 24px; }
.btn-soru-nav[b-ug8f6m155w] {
    padding: 10px 20px; border: 1.5px solid #e2e8f0; border-radius: 10px;
    background: var(--t-card, white); font-weight: 700; font-size: 0.88rem; color: var(--t-text-muted, #475569);
    cursor: pointer; transition: all 0.2s;
}
.btn-soru-nav:hover[b-ug8f6m155w] { border-color: #0ea5e9; color: #0ea5e9; }
.btn-soru-nav.next[b-ug8f6m155w] { background: #0ea5e9; color: white; border-color: #0ea5e9; }
.btn-soru-nav.next:hover[b-ug8f6m155w] { background: #0284c7; }
.btn-soru-nav:disabled[b-ug8f6m155w], .btn-sinav-bitir:disabled[b-ug8f6m155w] { opacity: 0.5; cursor: not-allowed; }

.btn-sinav-bitir[b-ug8f6m155w] {
    padding: 12px 24px; border: none; border-radius: 10px;
    background: linear-gradient(135deg, #22c55e, #16a34a); color: white;
    font-weight: 800; font-size: 0.9rem; cursor: pointer;
    box-shadow: 0 4px 15px rgba(34,197,94,0.3); transition: all 0.2s;
}
.btn-sinav-bitir:hover[b-ug8f6m155w] { transform: translateY(-2px); }

/* ═══ SINAV SONUÇ ═══ */
.sonuc-panel[b-ug8f6m155w] {
    text-align: center; padding: 40px 30px; margin: 20px 24px 24px;
    border-radius: 16px;
}
.sonuc-panel.sonuc-ok[b-ug8f6m155w] { background: linear-gradient(135deg, #f0fdf4, #dcfce7); border: 2px solid #86efac; }
.sonuc-panel.sonuc-fail[b-ug8f6m155w] { background: linear-gradient(135deg, #fef2f2, #fee2e2); border: 2px solid #fca5a5; }
.sonuc-icon[b-ug8f6m155w] { font-size: 3rem; margin-bottom: 12px; }
.sonuc-panel h3[b-ug8f6m155w] { margin: 0 0 16px; font-weight: 800; }
.sonuc-ok h3[b-ug8f6m155w] { color: #166534; }
.sonuc-fail h3[b-ug8f6m155w] { color: #dc2626; }
.sonuc-puan[b-ug8f6m155w] { display: flex; align-items: baseline; justify-content: center; gap: 4px; margin-bottom: 8px; }
.puan-num[b-ug8f6m155w] { font-size: 3rem; font-weight: 900; }
.sonuc-ok .puan-num[b-ug8f6m155w] { color: #16a34a; }
.sonuc-fail .puan-num[b-ug8f6m155w] { color: #dc2626; }
.puan-max[b-ug8f6m155w] { font-size: 1.2rem; color: #94a3b8; font-weight: 700; }
.sonuc-info[b-ug8f6m155w] { color: #475569; margin: 12px 0; font-weight: 600; }
.sonuc-locked[b-ug8f6m155w] { color: #dc2626; font-weight: 800; margin: 12px 0; }

.btn-sertifika-git[b-ug8f6m155w] {
    margin-top: 16px; padding: 12px 24px; border: none; border-radius: 10px;
    background: linear-gradient(135deg, #22c55e, #16a34a); color: white;
    font-weight: 800; cursor: pointer; box-shadow: 0 4px 15px rgba(34,197,94,0.3); transition: all 0.2s;
}
.btn-sertifika-git:hover[b-ug8f6m155w] { transform: translateY(-2px); }

.btn-tekrar[b-ug8f6m155w] {
    margin-top: 12px; padding: 12px 24px; border: none; border-radius: 10px;
    background: linear-gradient(135deg, #f59e0b, #d97706); color: white;
    font-weight: 800; cursor: pointer; box-shadow: 0 4px 15px rgba(245,158,11,0.3); transition: all 0.2s;
}
.btn-tekrar:hover[b-ug8f6m155w] { transform: translateY(-2px); }

/* ═══ SERTİFİKA SEÇİM POPUP ═══ */
.cert-select-popup[b-ug8f6m155w] {
    position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
    z-index: 9001; width: 460px; max-width: calc(100vw - 24px); max-height: 80vh;
    background: #fff; border-radius: 16px; box-shadow: 0 20px 60px rgba(0,0,0,0.3);
    padding: 24px; overflow-y: auto; animation: certSlide-b-ug8f6m155w 0.3s ease;
}
.cert-select-title[b-ug8f6m155w] {
    font-size: 1.15rem; font-weight: 800; color: #1e293b; margin: 0 0 4px;
}
.cert-select-sub[b-ug8f6m155w] {
    font-size: 0.8rem; color: #64748b; margin: 0 0 16px;
}
.cert-select-list[b-ug8f6m155w] {
    display: flex; flex-direction: column; gap: 8px;
}
.cert-select-item[b-ug8f6m155w] {
    display: flex; align-items: center; gap: 12px; padding: 12px 16px;
    border: 1.5px solid #e2e8f0; border-radius: 10px; cursor: pointer;
    transition: all 0.2s; background: #f8fafc;
}
.cert-select-item:hover[b-ug8f6m155w] {
    border-color: #3b82f6; background: #eff6ff; transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(59,130,246,0.15);
}
.cert-select-icon[b-ug8f6m155w] {
    font-size: 1.5rem; flex-shrink: 0;
}
.cert-select-info[b-ug8f6m155w] {
    display: flex; flex-direction: column; gap: 2px; min-width: 0;
}
.cert-select-info strong[b-ug8f6m155w] {
    font-size: 0.85rem; color: #1e293b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.cert-select-info small[b-ug8f6m155w] {
    font-size: 0.72rem; color: #94a3b8;
}

/* ═══ SERTİFİKA POPUP ═══ */
.cert-overlay[b-ug8f6m155w] {
    position: fixed; inset: 0; background: rgba(15,23,42,0.75);
    backdrop-filter: blur(8px); z-index: 9000;
}
.cert-popup[b-ug8f6m155w] {
    position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
    z-index: 9001; width: 780px; max-width: calc(100vw - 24px); max-height: 94vh;
    overflow-y: auto; animation: certSlide-b-ug8f6m155w 0.5s cubic-bezier(0.175,0.885,0.32,1.275);
}
.cert-close[b-ug8f6m155w] {
    position: absolute; top: 10px; right: 10px; z-index: 2;
    width: 34px; height: 34px; border-radius: 50%; border: none;
    background: rgba(0,0,0,0.25); color: white; font-size: 1rem;
    cursor: pointer; transition: all 0.2s; backdrop-filter: blur(4px);
}
.cert-close:hover[b-ug8f6m155w] { background: rgba(0,0,0,0.5); transform: scale(1.1); }

.cert-print[b-ug8f6m155w] {
    position: absolute; top: 10px; right: 50px; z-index: 2;
    width: 34px; height: 34px; border-radius: 50%; border: none;
    background: rgba(0,0,0,0.25); color: white; font-size: 1rem;
    cursor: pointer; transition: all 0.2s; backdrop-filter: blur(4px);
}
.cert-print:hover[b-ug8f6m155w] { background: rgba(0,0,0,0.5); transform: scale(1.1); }

.cert-body[b-ug8f6m155w] {
    background: #1a365d; border-radius: 6px; padding: 10px;
    box-shadow: 0 30px 80px rgba(0,0,0,0.35), 0 0 0 1px rgba(201,168,76,0.3);
}
.cert-frame[b-ug8f6m155w] {
    position: relative; text-align: center;
    background: linear-gradient(180deg, #fdfcf8 0%, #ffffff 30%, #ffffff 70%, #fdfcf8 100%);
    border: 2px solid #c9a84c; padding: 0; overflow: hidden;
}
.cert-watermark[b-ug8f6m155w] {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 320px; height: 320px; pointer-events: none; z-index: 0;
}
.cert-accent-top[b-ug8f6m155w], .cert-accent-bottom[b-ug8f6m155w] {
    height: 5px;
    background: linear-gradient(90deg, #8b6914, #c9a84c, #e8d48b, #c9a84c, #8b6914);
}

/* Certificate Header */
.cert-header[b-ug8f6m155w] {
    display: flex; justify-content: space-between; align-items: flex-start;
    padding: 24px 32px 0; position: relative; z-index: 1;
}
.cert-logo[b-ug8f6m155w] {
    width: 72px; height: 72px; object-fit: contain; border-radius: 6px;
    border: 1px solid #e2e8f0;
}
.cert-logo-ph[b-ug8f6m155w] { width: 72px; }
.cert-header-center[b-ug8f6m155w] { flex: 1; padding: 0 16px; }
.cert-pre-title[b-ug8f6m155w] {
    font-size: 0.58rem; font-weight: 700; color: #94a3b8;
    letter-spacing: 4px; text-transform: uppercase; margin-bottom: 2px;
}
.cert-title[b-ug8f6m155w] {
    font-size: 1.65rem; font-weight: 900; color: #1a365d;
    letter-spacing: 6px; margin: 0; text-transform: uppercase; line-height: 1.2;
}
.cert-ornament[b-ug8f6m155w] { margin: 8px 0 0; }
.cert-ornament svg[b-ug8f6m155w] { width: 180px; height: 12px; }
.cert-seal[b-ug8f6m155w] { width: 76px; height: 76px; flex-shrink: 0; }
.cert-seal-svg[b-ug8f6m155w] { width: 100%; height: 100%; }

/* Recipient */
.cert-recipient[b-ug8f6m155w] { margin: 20px 0 8px; position: relative; z-index: 1; }
.cert-sayin[b-ug8f6m155w] {
    font-size: 0.85rem; color: #94a3b8; font-weight: 600;
    display: block; margin-bottom: 4px;
}
.cert-name[b-ug8f6m155w] {
    font-size: 1.6rem; font-weight: 900; color: #1a365d; margin: 0;
    display: inline-block; padding: 0 24px 6px;
    border-bottom: 2.5px solid #c9a84c; letter-spacing: 1.5px;
}

/* Body Text */
.cert-text[b-ug8f6m155w] {
    color: #475569; font-size: 0.88rem; margin: 14px auto 0;
    max-width: 500px; line-height: 1.7; position: relative; z-index: 1;
    font-style: italic;
}

/* Training Program */
.cert-program[b-ug8f6m155w] { margin: 20px 32px 0; position: relative; z-index: 1; }
.cert-program-header[b-ug8f6m155w] {
    display: flex; align-items: center; gap: 12px;
    justify-content: center; margin-bottom: 12px;
}
.cert-program-line[b-ug8f6m155w] {
    flex: 1; max-width: 80px; height: 1px;
    background: linear-gradient(90deg, transparent, #c9a84c, transparent);
}
.cert-program-title[b-ug8f6m155w] {
    font-size: 0.68rem; font-weight: 800; color: #1a365d;
    letter-spacing: 3px; text-transform: uppercase;
}
.cert-program-grid[b-ug8f6m155w] {
    display: grid; grid-template-columns: 1fr 1fr; gap: 5px 20px;
    max-width: 520px; margin: 0 auto;
}
.cert-program-item[b-ug8f6m155w] {
    display: flex; align-items: center; gap: 10px;
    padding: 5px 0; text-align: left;
}
.cert-program-no[b-ug8f6m155w] {
    width: 22px; height: 22px; border-radius: 50%;
    background: linear-gradient(135deg, #c9a84c, #e8d48b);
    color: #1a365d; font-size: 0.65rem; font-weight: 800;
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.cert-program-name[b-ug8f6m155w] {
    font-size: 0.78rem; color: #334155; font-weight: 600; line-height: 1.3;
}

/* Details */
.cert-details[b-ug8f6m155w] {
    display: flex; justify-content: center; align-items: center;
    gap: 0; margin: 20px 32px 0; position: relative; z-index: 1;
    background: linear-gradient(135deg, #f8f6f0, #faf9f5);
    border: 1px solid #e8dfc4; border-radius: 8px; padding: 14px 0;
}
.cert-detail-card[b-ug8f6m155w] {
    flex: 1; display: flex; flex-direction: column; gap: 2px; padding: 0 16px;
}
.cert-detail-label[b-ug8f6m155w] {
    font-size: 0.62rem; color: #94a3b8; font-weight: 700;
    text-transform: uppercase; letter-spacing: 1.5px;
}
.cert-detail-card strong[b-ug8f6m155w] { font-size: 0.85rem; color: #1a365d; font-weight: 800; }
.cert-detail-sep[b-ug8f6m155w] { width: 1px; height: 32px; background: #d4c9a0; }

/* Signatures */
.cert-signatures[b-ug8f6m155w] {
    display: flex; justify-content: space-between; align-items: flex-end;
    padding: 24px 40px 20px; position: relative; z-index: 1;
}
.cert-sign-block[b-ug8f6m155w] { text-align: center; flex: 1; }
.cert-sign-line[b-ug8f6m155w] { width: 130px; height: 1px; background: #475569; margin: 0 auto 8px; }
.cert-sign-role[b-ug8f6m155w] { font-size: 0.7rem; color: #64748b; font-weight: 700; display: block; }
.cert-sign-center[b-ug8f6m155w] { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.cert-logo-footer[b-ug8f6m155w] { width: 36px; height: 36px; object-fit: contain; opacity: 0.6; }

@keyframes certSlide-b-ug8f6m155w {
    from { opacity: 0; transform: translate(-50%,-50%) scale(0.92); }
    to { opacity: 1; transform: translate(-50%,-50%) scale(1); }
}

/* ═══ GEÇMİŞ TABLO ═══ */
.gecmis-table[b-ug8f6m155w] { width: 100%; border-collapse: collapse; font-size: 0.85rem; }
.gecmis-table th[b-ug8f6m155w] {
    text-align: left; padding: 10px 16px; background: #f8fafc;
    font-weight: 700; color: #64748b; font-size: 0.78rem;
    text-transform: uppercase; border-bottom: 2px solid #e2e8f0;
}
.gecmis-table td[b-ug8f6m155w] { padding: 12px 16px; border-bottom: 1px solid #f1f5f9; color: #334155; }
.puan-ok[b-ug8f6m155w] { color: #16a34a; font-weight: 800; }
.puan-fail[b-ug8f6m155w] { color: #dc2626; font-weight: 800; }
.sonuc-pill[b-ug8f6m155w] {
    padding: 3px 10px; border-radius: 20px; font-size: 0.78rem; font-weight: 700;
}
.sonuc-pill.basarili[b-ug8f6m155w] { background: #dcfce7; color: #166534; }
.sonuc-pill.basarisiz[b-ug8f6m155w] { background: #fef2f2; color: #dc2626; }

/* ═══ MATERYAL GÖRÜNTÜLEYICI ═══ */
.mat-link-box[b-ug8f6m155w] {
    display: flex; align-items: center; justify-content: center;
    padding: 30px 20px;
    background: linear-gradient(135deg, #f8fafc, #f1f5f9);
    border: 2px dashed #cbd5e1; border-radius: 12px;
}
.mat-open-link[b-ug8f6m155w] {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 12px 24px; border-radius: 10px;
    background: linear-gradient(135deg, #6366f1, #a855f7); color: white;
    font-weight: 700; font-size: 0.9rem; text-decoration: none;
    box-shadow: 0 4px 15px rgba(99,102,241,0.3); transition: all 0.2s;
}
.mat-open-link:hover[b-ug8f6m155w] { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(99,102,241,0.4); }

/* ═══ MESAJ ═══ */
.form-message[b-ug8f6m155w] { margin: 12px 0; padding: 12px 16px; border-radius: 10px; font-weight: 700; font-size: 0.9rem; }
.form-message.success[b-ug8f6m155w] { background: #dcfce7; color: #166534; border-left: 4px solid #22c55e; }
.form-message.error[b-ug8f6m155w] { background: #fef2f2; color: #dc2626; border-left: 4px solid #ef4444; }

/* ═══ RESPONSIVE ═══ */
@media (max-width: 600px) {
    .page-container[b-ug8f6m155w] { padding: 6px; }
    .progress-strip[b-ug8f6m155w] { flex-wrap: wrap; gap: 8px; padding: 14px; }
    .progress-line[b-ug8f6m155w] { width: 30px; }
    .step-text[b-ug8f6m155w] { font-size: 0.75rem; }
    .section-header[b-ug8f6m155w] { padding: 14px 16px; font-size: 0.95rem; }
    .video-list[b-ug8f6m155w] { padding: 8px 14px; }
    .video-item[b-ug8f6m155w] { padding: 10px; gap: 10px; }
    .video-player[b-ug8f6m155w] { padding: 14px; }
    .soru-panel[b-ug8f6m155w] { padding: 16px; }
    .soru-metni[b-ug8f6m155w] { padding: 14px; font-size: 0.95rem; }
    .sik-item[b-ug8f6m155w] { padding: 10px 12px; }
    .sinav-intro[b-ug8f6m155w] { padding: 24px 16px; }
    .cert-popup[b-ug8f6m155w] { width: calc(100vw - 16px); }
    .cert-header[b-ug8f6m155w] { padding: 16px 16px 0; flex-direction: column; align-items: center; gap: 8px; }
    .cert-title[b-ug8f6m155w] { font-size: 1.2rem; letter-spacing: 3px; }
    .cert-name[b-ug8f6m155w] { font-size: 1.25rem; }
    .cert-program[b-ug8f6m155w] { margin: 16px 16px 0; }
    .cert-program-grid[b-ug8f6m155w] { grid-template-columns: 1fr; }
    .cert-details[b-ug8f6m155w] { flex-direction: column; gap: 8px; padding: 12px 16px; margin: 16px 16px 0; }
    .cert-detail-sep[b-ug8f6m155w] { width: 40px; height: 1px; }
    .cert-signatures[b-ug8f6m155w] { flex-direction: column; align-items: center; gap: 16px; padding: 20px 16px 16px; }
    .cert-ornament svg[b-ug8f6m155w] { width: 140px; }
    .all-done-box[b-ug8f6m155w] { flex-direction: column; text-align: center; }
    .btn-sinava-gec[b-ug8f6m155w] { margin-left: 0; width: 100%; }
    .egitim-info-banner[b-ug8f6m155w] { padding: 14px 16px; }
    .egitim-info-header[b-ug8f6m155w] { flex-direction: column; gap: 6px; }
    .locked-info-steps[b-ug8f6m155w] { max-width: 100%; }
}

/* ═══ DOKÜMAN GÖRÜNTÜLEYICI ═══ */
.doc-render-container[b-ug8f6m155w] {
    min-height: 300px;
    background: var(--t-card, white);
    border: 1px solid var(--t-card-border, #e2e8f0);
    border-radius: 12px;
    overflow: hidden;
}

/* Doc-viewer stiller app.css'de global olarak tanımlı */

/* ═══ ZORUNLU EĞİTİM TAMAMLANDI BAŞARI EKRANI ═══ */
.zorunlu-basari-overlay[b-ug8f6m155w] {
    display: flex; align-items: center; justify-content: center;
    min-height: 60vh; padding: 20px;
}
.zorunlu-basari-card[b-ug8f6m155w] {
    background: white; border-radius: 28px; max-width: 500px; width: 100%;
    box-shadow: 0 20px 60px rgba(0,0,0,0.08), 0 4px 20px rgba(0,0,0,0.04);
    overflow: hidden; animation: zorunluBasariSlide-b-ug8f6m155w 0.6s ease;
}
@keyframes zorunluBasariSlide-b-ug8f6m155w {
    from { opacity: 0; transform: translateY(20px) scale(0.95); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}
.zorunlu-basari-header[b-ug8f6m155w] {
    background: linear-gradient(135deg, #059669 0%, #10b981 50%, #34d399 100%);
    padding: 44px 28px 38px; text-align: center; position: relative;
}
.zorunlu-basari-icon[b-ug8f6m155w] {
    font-size: 4rem; filter: drop-shadow(0 4px 12px rgba(0,0,0,0.15));
    animation: zorunluBounce-b-ug8f6m155w 1s ease infinite;
}
@keyframes zorunluBounce-b-ug8f6m155w {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}
.zorunlu-basari-confetti[b-ug8f6m155w] {
    position: absolute; top: 14px; right: 24px; font-size: 1.8rem;
    animation: zorunluSpin-b-ug8f6m155w 3s linear infinite; opacity: 0.7;
}
@keyframes zorunluSpin-b-ug8f6m155w {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
.zorunlu-basari-body[b-ug8f6m155w] {
    padding: 32px 28px 28px; text-align: center;
}
.zorunlu-basari-title[b-ug8f6m155w] {
    margin: 0 0 8px; font-size: 1.6rem; font-weight: 900;
    color: #059669;
}
.zorunlu-basari-text[b-ug8f6m155w] {
    margin: 0 0 20px; font-size: 0.95rem; color: #64748b; line-height: 1.5;
}
.zorunlu-basari-info[b-ug8f6m155w] {
    display: flex; align-items: center; gap: 10px; justify-content: center;
    padding: 14px 20px; border-radius: 14px;
    background: linear-gradient(135deg, #f0fdf4, #ecfdf5);
    border: 1.5px solid #86efac; margin-bottom: 24px;
    font-size: 0.88rem; font-weight: 700; color: #166534;
}
.zorunlu-basari-btns[b-ug8f6m155w] {
    display: flex; gap: 12px; margin-bottom: 20px;
}
.zorunlu-basari-btn[b-ug8f6m155w] {
    padding: 14px 20px; border: none; border-radius: 14px;
    font-weight: 800; font-size: 0.95rem; cursor: pointer;
    color: white; flex: 1;
    background: linear-gradient(135deg, #059669, #10b981);
    box-shadow: 0 4px 20px rgba(16,185,129,0.3);
    transition: all 0.25s;
}
.zorunlu-basari-btn-cert[b-ug8f6m155w] {
    background: linear-gradient(135deg, #1a365d, #2563eb);
    box-shadow: 0 4px 20px rgba(37,99,235,0.3);
}
.zorunlu-basari-btn:hover[b-ug8f6m155w] {
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(16,185,129,0.4);
}
.zorunlu-basari-btn:active[b-ug8f6m155w] { transform: translateY(0); }
.zorunlu-basari-timer[b-ug8f6m155w] {
    display: flex; flex-direction: column; gap: 8px;
}
.zorunlu-basari-timer-bar[b-ug8f6m155w] {
    height: 4px; border-radius: 4px; background: #e2e8f0; overflow: hidden;
}
.zorunlu-basari-timer-fill[b-ug8f6m155w] {
    height: 100%; border-radius: 4px;
    background: linear-gradient(90deg, #10b981, #059669);
    transition: width 1s linear;
}
.zorunlu-basari-timer-text[b-ug8f6m155w] {
    font-size: 0.75rem; color: #94a3b8; font-weight: 600;
}

/* ═══ DOSYA TÜRÜ ETİKETİ (LİSTE) ═══ */
.v-type-tag[b-ug8f6m155w] {
    display: inline-block; margin-left: 6px; padding: 1px 8px; border-radius: 6px;
    background: #e0f2fe; color: #0369a1; font-size: 0.68rem; font-weight: 700;
    vertical-align: middle;
}

/* ═══ DOSYA TÜRÜ BİLGİSİ (PLAYER ÜSTÜ) ═══ */
.player-type-info[b-ug8f6m155w] {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 3px 10px; border-radius: 6px;
    background: #f0f9ff; color: #0369a1; font-size: 0.78rem; font-weight: 700;
    margin-bottom: 6px;
}

/* ═══ PER-EĞİTİM SINAV BADGE/BUTON ═══ */
.eg-sinav-pill[b-ug8f6m155w] {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 4px 10px; border-radius: 20px;
    font-size: 0.72rem; font-weight: 700;
    white-space: nowrap; flex-shrink: 0;
    border: none; cursor: default;
    transition: all 0.2s;
}
.eg-basarili[b-ug8f6m155w] {
    background: #dcfce7; color: #166534;
}
.eg-kilitli[b-ug8f6m155w] {
    background: #fef2f2; color: #dc2626;
}
.eg-giris[b-ug8f6m155w] {
    background: linear-gradient(135deg, #7c3aed, #a855f7);
    color: white; cursor: pointer;
    box-shadow: 0 2px 8px rgba(124,58,237,0.25);
}
.eg-giris:hover[b-ug8f6m155w] {
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(124,58,237,0.35);
}
.eg-giris:active[b-ug8f6m155w] { transform: translateY(0); }
.eg-bekliyor[b-ug8f6m155w] {
    background: #f1f5f9; color: #94a3b8;
    opacity: 0.7;
}
.eg-gecmis[b-ug8f6m155w] {
    background: #eff6ff; color: #1d4ed8;
    cursor: pointer; font-size: 0.68rem;
    padding: 3px 7px;
}
.eg-gecmis:hover[b-ug8f6m155w] {
    background: #dbeafe;
    transform: translateY(-1px);
}

/* ═══ SINAV GEÇMİŞİ EĞİTİM PILL ═══ */
.eg-gecmis-pill[b-ug8f6m155w] {
    display: inline-block;
    padding: 3px 10px; border-radius: 8px;
    font-size: 0.75rem; font-weight: 700;
    white-space: nowrap;
}
.eg-gecmis-pill.egitim[b-ug8f6m155w] {
    background: #f3e8ff; color: #7c3aed;
}
.eg-gecmis-pill.genel[b-ug8f6m155w] {
    background: #e0f2fe; color: #0369a1;
}
/* /Components/Pages/Ekipmanlarim.razor.rz.scp.css */
/* ═══ EKİPMANLARIM — Hakkimda stiline uyumlu ═══ */

.page-container[b-p75b1vdbq8] {
    width: 100%;
    margin: auto;
    padding: 6px 8px;
}

/* Ana Kart */
.ekm-card[b-p75b1vdbq8] {
    background: var(--t-card, #fff);
    border-radius: 16px;
    border: 1px solid var(--t-card-border, #e2e8f0);
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(0,0,0,0.06), 0 1px 3px rgba(0,0,0,0.04);
}

/* Başlık Banner */
.ekm-header[b-p75b1vdbq8] {
    position: relative;
    background: linear-gradient(135deg, #1e293b 0%, #312e81 60%, #4338ca 100%);
    padding: 32px 28px 28px;
    overflow: hidden;
}
.ekm-header-gradient[b-p75b1vdbq8] {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 20% 80%, rgba(255,255,255,0.12) 0%, transparent 50%),
                radial-gradient(circle at 80% 20%, rgba(255,255,255,0.08) 0%, transparent 40%);
}
.ekm-header-content[b-p75b1vdbq8] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
}
.ekm-header-icon[b-p75b1vdbq8] {
    font-size: 2rem;
    background: rgba(255,255,255,0.18);
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    backdrop-filter: blur(8px);
}
.ekm-header-content h1[b-p75b1vdbq8] {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 800;
    color: white;
    letter-spacing: 0.01em;
}
.ekm-header-content p[b-p75b1vdbq8] {
    margin: 2px 0 0;
    font-size: 0.82rem;
    color: rgba(255,255,255,0.7);
    font-weight: 500;
}

/* Body */
.ekm-body[b-p75b1vdbq8] {
    padding: 20px 24px 24px;
}

/* Stat Kartları */
.ekm-stats[b-p75b1vdbq8] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-bottom: 18px;
}
.ekm-stat[b-p75b1vdbq8] {
    text-align: center;
    padding: 14px 10px;
    border-radius: 12px;
    background: #f8fafc;
    border: 1.5px solid #e2e8f0;
    cursor: pointer;
    transition: all 0.2s;
}
.ekm-stat:hover[b-p75b1vdbq8] { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.06); }
.ekm-stat.active[b-p75b1vdbq8] { box-shadow: 0 0 0 2px #6366f1, 0 4px 12px rgba(99,102,241,0.15); transform: translateY(-2px); }
.ekm-stat.green[b-p75b1vdbq8] { background: #f0fdf4; border-color: #bbf7d0; }
.ekm-stat.orange[b-p75b1vdbq8] { background: #fff7ed; border-color: #fed7aa; }
.ekm-stat.purple[b-p75b1vdbq8] { background: #faf5ff; border-color: #e9d5ff; }

.ekm-stat-num[b-p75b1vdbq8] { font-size: 1.5rem; font-weight: 900; color: #1e293b; line-height: 1; }
.ekm-stat.green .ekm-stat-num[b-p75b1vdbq8] { color: #16a34a; }
.ekm-stat.orange .ekm-stat-num[b-p75b1vdbq8] { color: #d97706; }
.ekm-stat.purple .ekm-stat-num[b-p75b1vdbq8] { color: #7c3aed; }
.ekm-stat-lbl[b-p75b1vdbq8] { font-size: 0.7rem; font-weight: 700; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.5px; margin-top: 3px; }

/* Arama */
.ekm-search-row[b-p75b1vdbq8] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}
.ekm-search-wrap[b-p75b1vdbq8] {
    flex: 1;
    position: relative;
}
.ekm-search-wrap input[b-p75b1vdbq8] {
    width: 100%;
    padding: 9px 14px;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    font-size: 0.85rem;
    transition: border-color 0.2s;
    box-sizing: border-box;
    background: #fcfdfe;
    -webkit-appearance: none;
    appearance: none;
}
.ekm-search-wrap input:focus[b-p75b1vdbq8] { border-color: #6366f1; outline: none; background: white; box-shadow: 0 0 0 3px rgba(99,102,241,0.1); }
.ekm-count[b-p75b1vdbq8] {
    font-size: 0.72rem; font-weight: 700; white-space: nowrap;
    background: #f1f5f9; color: #64748b;
    padding: 0 12px; border-radius: 8px;
    border: 1px solid #e2e8f0;
    flex-shrink: 0;
    height: 36px; display: flex; align-items: center;
    box-sizing: border-box;
}

/* Boş Durum */
.ekm-empty[b-p75b1vdbq8] {
    text-align: center;
    padding: 50px 20px;
    color: #94a3b8;
}
.ekm-empty-ico[b-p75b1vdbq8] { font-size: 3rem; margin-bottom: 12px; }
.ekm-empty h3[b-p75b1vdbq8] { margin: 0 0 6px; font-size: 1.05rem; font-weight: 800; color: #1e293b; }
.ekm-empty p[b-p75b1vdbq8] { margin: 0; font-size: 0.85rem; color: #94a3b8; }

/* Gelişmiş boş durum — kart, gradient çerçeve, ikon halkası */
.ekm-empty-state[b-p75b1vdbq8] {
    max-width: 460px;
    margin: 8px auto 0;
    padding: 36px 28px 40px;
    border-radius: 20px;
    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 45%);
    border: 1px solid #e2e8f0;
    box-shadow: 0 8px 32px rgba(15, 23, 42, 0.06), 0 1px 0 rgba(255,255,255,0.9) inset;
    position: relative;
    overflow: hidden;
}
.ekm-empty-state[b-p75b1vdbq8]::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(135deg, rgba(99,102,241,0.45), rgba(56,189,248,0.35), rgba(168,85,247,0.35));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    opacity: 0.9;
}
.ekm-empty-state .ekm-empty-visual[b-p75b1vdbq8] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 18px;
    width: 88px;
    height: 88px;
}
.ekm-empty-glow[b-p75b1vdbq8] {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: radial-gradient(circle at 50% 40%, rgba(99,102,241,0.2) 0%, transparent 68%);
    filter: blur(8px);
    transform: scale(1.15);
}
.ekm-empty-state .ekm-empty-ico[b-p75b1vdbq8] {
    position: relative;
    font-size: 2.45rem;
    line-height: 1;
    margin: 0;
    width: 72px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 22px;
    background: linear-gradient(145deg, #eef2ff, #e0f2fe);
    border: 1px solid rgba(99,102,241,0.25);
    box-shadow: 0 6px 18px rgba(79, 70, 229, 0.12);
}
.ekm-empty-state h3[b-p75b1vdbq8] {
    position: relative;
    font-size: 1.12rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #0f172a;
    margin: 0 0 10px;
}
.ekm-empty-state p[b-p75b1vdbq8] {
    position: relative;
    font-size: 0.9rem;
    line-height: 1.55;
    color: #64748b;
    margin: 0 auto;
    max-width: 36ch;
}
.ekm-empty-state--muted .ekm-empty-ico[b-p75b1vdbq8] {
    background: linear-gradient(145deg, #f1f5f9, #e2e8f0);
    border-color: rgba(100, 116, 139, 0.35);
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.08);
}
.ekm-empty-state--muted[b-p75b1vdbq8]::before {
    background: linear-gradient(135deg, rgba(148,163,184,0.5), rgba(99,102,241,0.3));
}

/* Tablo — cfp/th-sf/col-filter stiller personel-liste.css'tedir */
.ekm-table[b-p75b1vdbq8] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 0.84rem;
}
.ekm-table thead[b-p75b1vdbq8] {
    background: #f8fafc;
}
.ekm-table th[b-p75b1vdbq8] {
    padding: 10px 12px;
    text-align: left;
    font-weight: 700;
    color: #64748b;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    border-bottom: 2px solid #e2e8f0;
    white-space: nowrap;
}
.ekm-table td[b-p75b1vdbq8] {
    padding: 10px 12px;
    color: #334155;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
}
.ekm-table tbody tr:last-child td[b-p75b1vdbq8] { border-bottom: none; }
.ekm-table tbody tr:hover[b-p75b1vdbq8] { background: #f8fafc; }
.ekm-table tbody tr.row-transit[b-p75b1vdbq8] { border-left: 3px solid #f59e0b; }
.ekm-table tbody tr.row-delivered[b-p75b1vdbq8] { border-left: 3px solid #16a34a; }

.td-id[b-p75b1vdbq8] { white-space: nowrap; font-size: 0.82rem; color: #1e293b; width: 1%; }
.td-device[b-p75b1vdbq8] { font-weight: 700; color: #1e293b; max-width: 160px; }
.td-date[b-p75b1vdbq8] { font-size: 0.78rem; color: #94a3b8; white-space: nowrap; width: 1%; }
.td-teslim[b-p75b1vdbq8] { color: #16a34a; font-weight: 600; margin-top: 2px; }
.td-cert[b-p75b1vdbq8] { text-align: center; width: 1%; }

.ekm-marka-cell[b-p75b1vdbq8] { display: flex; flex-direction: column; }
.ekm-marka-cell span:first-child[b-p75b1vdbq8] { font-weight: 600; color: #334155; }
.ekm-model[b-p75b1vdbq8] { font-size: 0.75rem; color: #94a3b8; }

/* Pill */
.ekm-pill[b-p75b1vdbq8] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 3px 10px;
    border-radius: 8px;
    font-size: 0.72rem;
    font-weight: 700;
    white-space: nowrap;
}
.ekm-pill.green[b-p75b1vdbq8] { background: #dcfce7; color: #16a34a; }
.ekm-pill.orange[b-p75b1vdbq8] { background: #fed7aa; color: #d97706; }
.ekm-pill.blue[b-p75b1vdbq8] { background: #dbeafe; color: #2563eb; }
.ekm-pill.gray[b-p75b1vdbq8] { background: #f1f5f9; color: #64748b; }

/* Sertifika Butonu */
.ekm-cert-btn[b-p75b1vdbq8] {
    background: linear-gradient(135deg, #4f46e5, #6366f1);
    color: white;
    border: none;
    padding: 5px 12px;
    border-radius: 7px;
    font-size: 0.75rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
    box-shadow: 0 2px 6px rgba(99,102,241,0.2);
}
.ekm-cert-btn:hover[b-p75b1vdbq8] { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(99,102,241,0.3); }
.ekm-no-cert[b-p75b1vdbq8] { color: #cbd5e1; font-size: 0.8rem; }

/* Sonuç Yok */
.ekm-no-result[b-p75b1vdbq8] {
    text-align: center;
    padding: 30px;
    color: #94a3b8;
    font-weight: 600;
    font-size: 0.85rem;
}

/* Sekmeler */
.ekm-tabs[b-p75b1vdbq8] {
    display: flex;
    gap: 0;
    border-bottom: 2px solid #e2e8f0;
    background: #f8fafc;
}
.ekm-tab[b-p75b1vdbq8] {
    flex: 1;
    padding: 14px 20px;
    border: none;
    background: transparent;
    font-size: 0.85rem;
    font-weight: 700;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.ekm-tab:hover[b-p75b1vdbq8] { color: #4f46e5; background: #eef2ff; }
.ekm-tab.active[b-p75b1vdbq8] {
    color: #4f46e5;
    border-bottom-color: #4f46e5;
    background: var(--t-card, white);
}
.ekm-tab-badge[b-p75b1vdbq8] {
    background: #6366f1;
    color: white;
    padding: 1px 7px;
    border-radius: 10px;
    font-size: 0.7rem;
    font-weight: 800;
}

/* Sertifika Header */
.ekm-sert-header[b-p75b1vdbq8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    background: linear-gradient(135deg, #f5f3ff, #eef2ff);
    border: 1.5px solid #e0e7ff;
    border-radius: 12px;
    margin-bottom: 16px;
    gap: 12px;
    flex-wrap: wrap;
}
.ekm-sert-info[b-p75b1vdbq8] {
    display: flex;
    align-items: center;
    gap: 12px;
}
.ekm-sert-info-ico[b-p75b1vdbq8] { font-size: 1.6rem; }
.ekm-sert-info strong[b-p75b1vdbq8] {
    display: block;
    font-size: 0.92rem;
    font-weight: 800;
    color: #1e293b;
}
.ekm-sert-info span[b-p75b1vdbq8] {
    font-size: 0.78rem;
    color: #64748b;
}
.ekm-sert-total[b-p75b1vdbq8] {
    font-size: 0.82rem;
    font-weight: 700;
    color: #6366f1;
    white-space: nowrap;
}

.td-dosya[b-p75b1vdbq8] {
    font-size: 0.78rem;
    color: #4f46e5;
    font-weight: 600;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Responsive */
@media (max-width: 768px) {
    .page-container[b-p75b1vdbq8] { padding: 6px; }
    .ekm-body[b-p75b1vdbq8] { padding: 14px 12px; }
    .ekm-stats[b-p75b1vdbq8] { grid-template-columns: repeat(2, 1fr); gap: 8px; }
    .ekm-header[b-p75b1vdbq8] { padding: 22px 16px 20px; }
    .ekm-table[b-p75b1vdbq8] { font-size: 0.78rem; }
    .ekm-table th[b-p75b1vdbq8], .ekm-table td[b-p75b1vdbq8] { padding: 8px 8px; }
    .ekm-tabs[b-p75b1vdbq8] {
        display: flex; flex-wrap: wrap; gap: 8px;
        padding: 14px; border-bottom: none;
        background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    }
    .ekm-tab[b-p75b1vdbq8] {
        flex: 1 1 auto; min-width: 0;
        padding: 10px 14px; border: 1.5px solid #e2e8f0; background: white;
        border-radius: 12px; font-size: 0.78rem; font-weight: 700;
        color: #64748b; text-align: center;
        display: flex; align-items: center; justify-content: center; gap: 5px;
        border-bottom: none; margin-bottom: 0;
        box-shadow: 0 1px 3px rgba(0,0,0,0.04);
        transition: all 0.2s;
    }
    .ekm-tab:hover[b-p75b1vdbq8] {
        color: #6366f1; border-color: #c7d2fe; background: #fafaff;
        box-shadow: 0 2px 6px rgba(99,102,241,0.08);
    }
    .ekm-tab.active[b-p75b1vdbq8] {
        color: white;
        background: linear-gradient(135deg, #6366f1, #818cf8);
        border-color: #6366f1;
        box-shadow: 0 3px 12px rgba(99,102,241,0.25);
    }
}

@media (max-width: 480px) {
    .page-container[b-p75b1vdbq8] { padding: 4px; }
    .ekm-stats[b-p75b1vdbq8] { grid-template-columns: 1fr 1fr; }
    .ekm-search-wrap input[b-p75b1vdbq8] { font-size: 0.8rem; }
}

/* ═══ TESLİM AL BUTONU ═══ */
.ekm-teslim-btn[b-p75b1vdbq8] {
    padding: 6px 14px;
    border: 1.5px solid #6366f1;
    border-radius: 8px;
    background: linear-gradient(135deg, #eef2ff, #e0e7ff);
    color: #4338ca;
    font-weight: 700;
    font-size: 0.76rem;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
}
.ekm-teslim-btn:hover[b-p75b1vdbq8] {
    background: linear-gradient(135deg, #6366f1, #a855f7);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 3px 12px rgba(99,102,241,0.25);
}

.td-action[b-p75b1vdbq8] { white-space: nowrap; text-align: center; width: 1%; }

/* ═══ TOAST MESAJ ═══ */
.ekm-toast[b-p75b1vdbq8] {
    position: fixed;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    padding: 12px 24px;
    border-radius: 12px;
    font-weight: 700;
    font-size: 0.88rem;
    z-index: 10000;
    box-shadow: 0 8px 32px rgba(0,0,0,0.18);
    animation: ekm-toast-in-b-p75b1vdbq8 0.3s ease-out;
}
.ekm-toast.success[b-p75b1vdbq8] { background: #f0fdf4; color: #16a34a; border: 1.5px solid #bbf7d0; }
.ekm-toast.error[b-p75b1vdbq8] { background: #fef2f2; color: #dc2626; border: 1.5px solid #fecaca; }
@keyframes ekm-toast-in-b-p75b1vdbq8 {
    from { opacity: 0; transform: translateX(-50%) translateY(20px); }
    to { opacity: 1; transform: translateX(-50%) translateY(0); }
}

/* ═══ TESLİM FORMU POPUP ═══ */
.ekm-popup-overlay[b-p75b1vdbq8] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    z-index: 9990;
    backdrop-filter: blur(3px);
}
.ekm-popup[b-p75b1vdbq8] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--t-card, white);
    border-radius: 16px;
    padding: 24px 28px;
    box-shadow: 0 8px 40px rgba(0,0,0,0.15);
    z-index: 9991;
    max-width: 650px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
}
.ekm-popup h3[b-p75b1vdbq8] {
    margin: 0 0 4px;
    font-size: 1.05rem;
    color: var(--t-text, #1e293b);
}
.ekm-popup p[b-p75b1vdbq8] {
    margin: 0 0 16px;
    font-size: 0.85rem;
    color: var(--t-text-muted, #64748b);
    line-height: 1.5;
}

/* Özet Kutusu */
.ekm-tf-ozet[b-p75b1vdbq8] {
    background: var(--t-hover, #f8fafc);
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 12px;
    padding: 14px 18px;
    margin-bottom: 16px;
}
.ekm-tf-row[b-p75b1vdbq8] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    font-size: 0.85rem;
    padding: 3px 0;
    color: var(--t-text, #334155);
}
.ekm-tf-row span:first-child[b-p75b1vdbq8] {
    color: var(--t-text-muted, #94a3b8);
    font-size: 0.78rem;
    font-weight: 600;
    min-width: 110px;
}

/* Form Alanları */
.ekm-tf-form[b-p75b1vdbq8] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 16px;
}
.ekm-tf-field[b-p75b1vdbq8] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 140px;
}
.ekm-tf-grow[b-p75b1vdbq8] {
    flex: 1;
    min-width: 180px;
}
.ekm-tf-label[b-p75b1vdbq8] {
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--t-text-muted, #475569);
}
.ekm-tf-input[b-p75b1vdbq8] {
    padding: 9px 14px;
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 8px;
    font-size: 0.88rem;
    outline: none;
    font-family: inherit;
    box-sizing: border-box;
    width: 100%;
    background: var(--t-card, white);
    color: var(--t-text, #1e293b);
}
.ekm-tf-input:focus[b-p75b1vdbq8] {
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99,102,241,0.1);
}

/* Aksiyon Butonları */
.ekm-tf-actions[b-p75b1vdbq8] {
    display: flex;
    gap: 10px;
    margin-top: 8px;
    flex-wrap: wrap;
}
.ekm-tf-btn-save[b-p75b1vdbq8] {
    padding: 10px 24px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 700;
    font-size: 0.88rem;
    background: #4f46e5;
    color: white;
    box-shadow: 0 2px 8px rgba(79,70,229,0.2);
    transition: all 0.2s;
    white-space: nowrap;
}
.ekm-tf-btn-save:hover[b-p75b1vdbq8] {
    background: #4338ca;
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(79,70,229,0.3);
}
.ekm-tf-btn-upload[b-p75b1vdbq8] {
    padding: 10px 24px;
    border: 1.5px solid #6366f1;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 700;
    font-size: 0.88rem;
    background: linear-gradient(135deg, #eef2ff, #e0e7ff);
    color: #4338ca;
    transition: all 0.2s;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.ekm-tf-btn-upload:hover[b-p75b1vdbq8] {
    background: linear-gradient(135deg, #e0e7ff, #c7d2fe);
    transform: translateY(-1px);
    box-shadow: 0 3px 12px rgba(99,102,241,0.2);
}
.ekm-tf-btn-cancel[b-p75b1vdbq8] {
    padding: 10px 24px;
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 10px;
    cursor: pointer;
    font-weight: 700;
    font-size: 0.88rem;
    background: var(--t-card, white);
    color: var(--t-text-muted, #64748b);
    transition: all 0.2s;
    white-space: nowrap;
}
.ekm-tf-btn-cancel:hover[b-p75b1vdbq8] {
    border-color: #94a3b8;
    color: #475569;
}

/* Tablo İçi Teslim Formu Butonu */
.ekm-tf-btn[b-p75b1vdbq8] {
    padding: 4px 10px;
    border: 1.5px solid #a5b4fc;
    border-radius: 7px;
    background: #eef2ff;
    color: #4338ca;
    font-weight: 700;
    font-size: 0.72rem;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
    margin-top: 4px;
}
.ekm-tf-btn:hover[b-p75b1vdbq8] {
    background: #6366f1;
    color: white;
    border-color: #6366f1;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(99,102,241,0.25);
}

/* ═══ TESLİM FORMU — DARK THEME ═══ */
:global([data-theme]) .ekm-popup[b-p75b1vdbq8] {
    background: var(--t-card);
    box-shadow: 0 8px 40px rgba(0,0,0,0.4);
}
:global([data-theme]) .ekm-popup h3[b-p75b1vdbq8] { color: var(--t-text); }
:global([data-theme]) .ekm-popup p[b-p75b1vdbq8] { color: var(--t-text-muted); }
:global([data-theme]) .ekm-tf-ozet[b-p75b1vdbq8] {
    background: var(--t-hover);
    border-color: var(--t-card-border);
}
:global([data-theme]) .ekm-tf-row[b-p75b1vdbq8] { color: var(--t-text); }
:global([data-theme]) .ekm-tf-row span:first-child[b-p75b1vdbq8] { color: var(--t-text-muted); }
:global([data-theme]) .ekm-tf-label[b-p75b1vdbq8] { color: var(--t-text-muted); }
:global([data-theme]) .ekm-tf-input[b-p75b1vdbq8] {
    background: var(--t-card);
    border-color: var(--t-card-border);
    color: var(--t-text);
}
:global([data-theme]) .ekm-tf-btn-cancel[b-p75b1vdbq8] {
    background: var(--t-card);
    border-color: var(--t-card-border);
    color: var(--t-text-muted);
}
:global([data-theme]) .ekm-tf-btn[b-p75b1vdbq8] {
    background: rgba(99,102,241,0.1);
    border-color: rgba(99,102,241,0.3);
    color: #a5b4fc;
}
:global([data-theme]) .ekm-tf-btn:hover[b-p75b1vdbq8] {
    background: #6366f1;
    color: white;
    border-color: #6366f1;
}
:global([data-theme]) .ekm-tf-btn-upload[b-p75b1vdbq8] {
    background: rgba(99,102,241,0.1);
    border-color: rgba(99,102,241,0.3);
    color: #a5b4fc;
}
:global([data-theme]) .ekm-tf-btn-upload:hover[b-p75b1vdbq8] {
    background: rgba(99,102,241,0.2);
}

/* ═══ TESLİM FORMU — RESPONSIVE ═══ */
@media (max-width: 768px) {
    .ekm-popup[b-p75b1vdbq8] {
        width: 95%;
        padding: 18px 16px;
        max-height: 85vh;
    }
    .ekm-popup h3[b-p75b1vdbq8] { font-size: 0.95rem; }
    .ekm-popup p[b-p75b1vdbq8] { font-size: 0.8rem; }
    .ekm-tf-form[b-p75b1vdbq8] {
        flex-direction: column;
    }
    .ekm-tf-field[b-p75b1vdbq8] {
        width: 100%;
        min-width: 0 !important;
    }
    .ekm-tf-grow[b-p75b1vdbq8] {
        min-width: 0 !important;
    }
    .ekm-tf-actions[b-p75b1vdbq8] {
        flex-direction: column;
    }
    .ekm-tf-actions .ekm-tf-btn-save[b-p75b1vdbq8],
    .ekm-tf-actions .ekm-tf-btn-upload[b-p75b1vdbq8],
    .ekm-tf-actions .ekm-tf-btn-cancel[b-p75b1vdbq8] {
        width: 100%;
        text-align: center;
        justify-content: center;
        box-sizing: border-box;
    }
}
/* /Components/Pages/Hakkimda.razor.rz.scp.css */
.page-container[b-3esqwok0cx] {
    width: 100%;
    margin: auto;
    padding: 6px 8px;
}

/* ═══ PROFILE CARD ═══ */
.profile-card[b-3esqwok0cx] {
    background: var(--t-card, #fff);
    border-radius: 16px;
    border: 1px solid var(--t-card-border, #e2e8f0);
    overflow: hidden;
    box-shadow: 0 4px 24px color-mix(in srgb, var(--t-text, #0f172a) 6%, transparent), 0 1px 3px color-mix(in srgb, var(--t-text, #0f172a) 4%, transparent);
}

/* ═══ BANNER — üst şerit: global tema ile aynı gradient (--t-topbar) ═══ */
.profile-banner[b-3esqwok0cx] {
    position: relative;
    background: var(--t-topbar, linear-gradient(135deg, #1e293b, #334155));
    padding: 32px 28px 28px;
    min-height: 140px;
}

.banner-gradient[b-3esqwok0cx] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.07'%3E%3Ccircle cx='30' cy='30' r='3.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),
        radial-gradient(ellipse 90% 70% at 92% 8%, color-mix(in srgb, var(--t-topbar-text, #f8fafc) 14%, transparent) 0%, transparent 52%),
        radial-gradient(ellipse 70% 50% at 8% 88%, color-mix(in srgb, var(--t-accent, #6366f1) 24%, transparent) 0%, transparent 48%);
    background-repeat: repeat, no-repeat, no-repeat;
}

.profile-top-content[b-3esqwok0cx] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 24px;
    z-index: 1;
}

/* Photo */
.photo-area[b-3esqwok0cx] { position: relative; flex-shrink: 0; }

.profile-photo[b-3esqwok0cx] {
    width: 100px; height: 100px; border-radius: 50%; object-fit: cover;
    border: 4px solid color-mix(in srgb, var(--t-topbar-text, #fff) 82%, transparent);
    box-shadow: 0 4px 20px color-mix(in srgb, var(--t-sidebar-head, #0f172a) 28%, transparent);
}

.photo-placeholder[b-3esqwok0cx] {
    width: 100px; height: 100px; border-radius: 50%;
    background: color-mix(in srgb, var(--t-topbar-text, #fff) 18%, transparent);
    backdrop-filter: blur(10px);
    display: flex; align-items: center; justify-content: center;
    color: var(--t-topbar-text, #fff);
    font-size: 2rem; font-weight: 800;
    border: 4px solid color-mix(in srgb, var(--t-topbar-text, #fff) 38%, transparent);
}

.photo-edit-btn[b-3esqwok0cx] {
    position: absolute; bottom: 2px; right: 2px;
    background: var(--t-card, white); border: 2px solid var(--t-card-border, #e2e8f0); border-radius: 50%;
    width: 30px; height: 30px; display: flex; align-items: center; justify-content: center;
    cursor: pointer; font-size: 0.8rem; transition: all 0.2s;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.photo-edit-btn:hover[b-3esqwok0cx] { transform: scale(1.1); background: var(--t-hover, #f8fafc); }

/* Name Area */
.profile-info[b-3esqwok0cx] { display: flex; flex-direction: column; gap: 6px; }
/* Üst şerit — topbar metin rengi (tema ile değişir) */
.profile-info h2[b-3esqwok0cx] {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 800;
    color: var(--t-topbar-text, #f8fafc) !important;
    text-shadow: 0 1px 3px color-mix(in srgb, var(--t-sidebar-head, #0f172a) 35%, transparent);
}
.profile-role[b-3esqwok0cx] {
    color: color-mix(in srgb, var(--t-topbar-text, #f8fafc) 90%, transparent) !important;
    font-size: 0.95rem;
    font-weight: 600;
}

.profile-badges[b-3esqwok0cx] { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 4px; }

.badge[b-3esqwok0cx] {
    padding: 3px 10px; border-radius: 20px; font-size: 0.72rem; font-weight: 700;
    backdrop-filter: blur(10px);
}

.badge-green[b-3esqwok0cx] { background: rgba(34,197,94,0.25); color: #bbf7d0; border: 1px solid rgba(34,197,94,0.4); }
.badge-red[b-3esqwok0cx] { background: rgba(239,68,68,0.25); color: #fecaca; border: 1px solid rgba(239,68,68,0.4); }
.badge-blue[b-3esqwok0cx] { background: rgba(59,130,246,0.25); color: #bfdbfe; border: 1px solid rgba(59,130,246,0.4); }
.badge-purple[b-3esqwok0cx] { background: rgba(168,85,247,0.25); color: #e9d5ff; border: 1px solid rgba(168,85,247,0.4); }
.badge-orange[b-3esqwok0cx] { background: rgba(245,158,11,0.30); color: #fed7aa; border: 1px solid rgba(245,158,11,0.5); transition: all .15s; }
.badge-orange:hover[b-3esqwok0cx] { background: rgba(245,158,11,0.45); transform: translateY(-1px); }
.badge-pink[b-3esqwok0cx] { background: rgba(236,72,153,0.28); color: #fbcfe8; border: 1px solid rgba(236,72,153,0.5); transition: all .15s; }
.badge-pink:hover[b-3esqwok0cx] { background: rgba(236,72,153,0.42); transform: translateY(-1px); }

/* ═══ TAB BAR ═══ */
.tab-bar-wrap[b-3esqwok0cx] {
    position: relative;
    border-bottom: 2px solid var(--t-card-border, #e2e8f0);
    padding: 0 4px;
}
.tab-bar[b-3esqwok0cx] {
    display: flex; gap: 2px; padding: 12px 20px 0;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.tab-bar[b-3esqwok0cx]::-webkit-scrollbar { display: none; width: 0; height: 0; }
.tab-scroll-btn[b-3esqwok0cx] {
    position: absolute; top: 50%; transform: translateY(-50%);
    width: 30px; height: 30px; border-radius: 50%;
    border: 1px solid var(--t-card-border, #e2e8f0);
    background: var(--t-card, #fff); color: var(--t-text, #1e293b);
    font-size: 1.2rem; font-weight: 700; line-height: 1;
    cursor: pointer; z-index: 2;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.12);
    display: none; align-items: center; justify-content: center;
    transition: all .15s;
}
.tab-bar-wrap.has-overflow .tab-scroll-btn[b-3esqwok0cx] { display: flex; }
.tab-bar-wrap.has-overflow.at-start .tab-scroll-left[b-3esqwok0cx] { display: none; }
.tab-bar-wrap.has-overflow.at-end .tab-scroll-right[b-3esqwok0cx] { display: none; }
.tab-scroll-btn:hover[b-3esqwok0cx] {
    background: var(--t-hover, #f1f5f9);
    border-color: var(--t-accent, #6366f1);
    color: var(--t-accent, #4338ca);
}
.tab-scroll-left[b-3esqwok0cx] { left: 2px; }
.tab-scroll-right[b-3esqwok0cx] { right: 2px; }
@media (max-width: 600px) {
    .tab-bar-wrap.has-overflow .tab-scroll-btn[b-3esqwok0cx] { display: none; }
}

.tab-btn[b-3esqwok0cx] {
    display: flex; align-items: center; gap: 6px;
    padding: 11px 19px; border: none; background: transparent; border-radius: 10px 10px 0 0;
    font-weight: 700; font-size: 0.88rem; color: var(--t-text-muted, #64748b); cursor: pointer;
    border-bottom: 2px solid transparent; transition: all 0.2s; white-space: nowrap;
}

.tab-btn:hover[b-3esqwok0cx] { color: var(--t-text, #1e293b); background: var(--t-hover, #f8fafc); }

.tab-btn.active[b-3esqwok0cx] {
    color: var(--t-accent, #6366f1);
    border-bottom-color: var(--t-accent, #6366f1);
    background: linear-gradient(to bottom, var(--t-accent-light, #eef2ff), transparent);
}

.tab-icon[b-3esqwok0cx] {
    font-size: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    flex-shrink: 0;
}
.tab-icon svg.ms-icon[b-3esqwok0cx] {
    width: 22px;
    height: 22px;
    filter: drop-shadow(0 1px 1.5px rgba(0,0,0,0.12));
    transition: transform 0.2s ease;
}
.tab-btn:hover .tab-icon svg.ms-icon[b-3esqwok0cx] { transform: scale(1.08); }
.tab-btn.active .tab-icon svg.ms-icon[b-3esqwok0cx] { transform: scale(1.05); filter: drop-shadow(0 1.5px 2px rgba(0,0,0,0.16)); }

/* ═══ TAB CONTENT ═══ */
.tab-content[b-3esqwok0cx] { padding: 20px; }
.tab-content > *[b-3esqwok0cx] {
    animation: hkTabSlide-b-3esqwok0cx 0.3s cubic-bezier(0.22,1,0.36,1) both;
}
@keyframes hkTabSlide-b-3esqwok0cx {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ═══ INFO GRID ═══ */
.info-grid[b-3esqwok0cx] {
    display: grid; grid-template-columns: 1fr 1fr; gap: 18px;
}

.info-grid.single[b-3esqwok0cx] { grid-template-columns: 1fr; }

/* ═══ INFO CARD ═══ */
.info-card[b-3esqwok0cx] {
    background: var(--t-card, #fff);
    border: 1px solid var(--t-card-border, #e2e8f0);
    border-radius: 14px;
    padding: 20px; transition: border-color 0.2s;
}

.info-card:hover[b-3esqwok0cx] { border-color: var(--t-text-muted, #94a3b8); }
.info-card.wide[b-3esqwok0cx] { grid-column: 1 / -1; }

.card-header[b-3esqwok0cx] {
    font-weight: 800; font-size: 0.95rem; color: var(--t-text, #1e293b);
    padding-bottom: 12px; margin-bottom: 14px;
    border-bottom: 2px solid var(--t-card-border, #e2e8f0);
    display: flex; align-items: center; justify-content: space-between; gap: 8px;
}

.card-header.mt[b-3esqwok0cx] { margin-top: 20px; }
.card-icon[b-3esqwok0cx] { font-size: 1.1rem; margin-right: 4px; }

/* ═══ FIELDS ═══ */
.field-group[b-3esqwok0cx] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 9px 0; border-bottom: 1px solid var(--t-card-border, #f1f5f9); gap: 12px;
}

.field-group.stacked-field[b-3esqwok0cx] {
    flex-direction: column; align-items: flex-start;
}

.checkbox-group[b-3esqwok0cx] {
    display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px;
}

.chip-check[b-3esqwok0cx] {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 5px 12px; border-radius: 20px; font-size: 0.8rem; font-weight: 700;
    border: 1.5px solid var(--t-card-border, #e2e8f0); background: var(--t-card, white); color: var(--t-text-muted, #64748b);
    cursor: pointer; transition: all 0.2s; user-select: none;
}

.chip-check input[b-3esqwok0cx] { display: none; }
.chip-check:hover[b-3esqwok0cx] { border-color: var(--t-accent, #6366f1); color: var(--t-accent, #6366f1); }

.chip-check.checked[b-3esqwok0cx] {
    background: var(--t-accent, #6366f1);
    color: #fff;
    border-color: var(--t-accent, #6366f1);
    box-shadow: 0 2px 8px color-mix(in srgb, var(--t-accent, #6366f1) 28%, transparent);
}

.field-group:last-child[b-3esqwok0cx] { border-bottom: none; }

.field-group label[b-3esqwok0cx] {
    font-weight: 700; color: var(--t-text-muted, #64748b); font-size: 0.88rem;
    flex-shrink: 0; min-width: 120px;
}

.readonly-val[b-3esqwok0cx] {
    color: var(--t-text, #1e293b); font-size: 0.9rem; font-weight: 500; text-align: right;
}

.field-input[b-3esqwok0cx] {
    padding: 8px 12px; border: 1.5px solid var(--t-input-border, #e2e8f0); border-radius: 8px;
    font-size: 0.88rem; color: var(--t-text, #1e293b); background: var(--t-input-bg, white);
    max-width: 320px; width: 100%; transition: all 0.2s;
    outline: none;
    box-sizing: border-box;
}

.field-input:focus[b-3esqwok0cx] {
    border-color: var(--t-accent, #6366f1);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--t-accent, #6366f1) 18%, transparent);
}

.field-input.full[b-3esqwok0cx] { max-width: 100%; margin-top: 8px; }
.field-input.flex-grow[b-3esqwok0cx] { max-width: none; flex: 1; }

.work-grid[b-3esqwok0cx] {
    display: grid; grid-template-columns: 1fr 1fr; gap: 0 24px;
}

.hint-text[b-3esqwok0cx] {
    margin: 10px 0 0; font-size: 0.78rem; color: #94a3b8; font-style: italic;
}

/* ═══ ADDRESS ROWS ═══ */
.address-row[b-3esqwok0cx] {
    display: flex; align-items: center; gap: 10px;
    padding: 8px 0; border-bottom: 1px solid #f1f5f9;
    animation: fadeIn-b-3esqwok0cx 0.2s ease;
}

.address-row:last-child[b-3esqwok0cx] { border-bottom: none; }

.address-num[b-3esqwok0cx] {
    width: 28px; height: 28px; border-radius: 50%;
    background: #eef2ff; color: #4f46e5; font-weight: 800; font-size: 0.8rem;
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}

.add-btn[b-3esqwok0cx] {
    padding: 5px 14px; border-radius: 8px; border: 1.5px dashed #6366f1;
    background: #eef2ff; color: #6366f1; font-weight: 700; font-size: 0.8rem;
    cursor: pointer; transition: all 0.2s;
}

.add-btn:hover[b-3esqwok0cx] { background: #e0e7ff; transform: translateY(-1px); }

.remove-btn[b-3esqwok0cx] {
    width: 28px; height: 28px; border-radius: 50%; border: none;
    background: #fee2e2; color: #dc2626; font-weight: 800; font-size: 0.8rem;
    cursor: pointer; transition: all 0.2s; flex-shrink: 0;
    display: flex; align-items: center; justify-content: center;
}

.remove-btn:hover[b-3esqwok0cx] { background: #fecaca; transform: scale(1.1); }

.empty-text[b-3esqwok0cx] {
    color: #94a3b8; font-size: 0.85rem; font-style: italic;
    text-align: center; padding: 16px;
}

/* ═══ ACTIONS ═══ */
.form-actions[b-3esqwok0cx] {
    padding: 16px 20px; border-top: 1px solid #f1f5f9;
    display: flex; justify-content: flex-end;
}

.btn-save[b-3esqwok0cx] {
    padding: 12px 32px; border-radius: 10px; font-weight: 800; font-size: 0.88rem;
    border: none; cursor: pointer; color: white;
    background: linear-gradient(135deg, #4f46e5, #6366f1);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-shadow: 0 4px 15px rgba(99,102,241,0.3);
    letter-spacing: 0.01em;
}

.btn-save:hover[b-3esqwok0cx] {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(99,102,241,0.4);
}

/* ═══ MEDİSİST SERTİFİKA KARTI ═══ */
.cert-mini-card[b-3esqwok0cx] {
    display: flex; align-items: center; gap: 14px;
    padding: 16px; border-radius: 12px; margin-bottom: 12px;
}
.cert-mini-card.ok[b-3esqwok0cx] { background: #dcfce7; border: 1.5px solid #86efac; }
.cert-mini-card.fail[b-3esqwok0cx] { background: #fef2f2; border: 1.5px solid #fecaca; }
.cert-mini-card.pending[b-3esqwok0cx] { background: #fefce8; border: 1.5px solid #fde68a; }
.cert-mini-icon[b-3esqwok0cx] { font-size: 2rem; flex-shrink: 0; }
.cert-mini-info[b-3esqwok0cx] { flex: 1; display: flex; flex-direction: column; gap: 2px; font-size: 0.85rem; color: #475569; }
.cert-mini-info strong[b-3esqwok0cx] { font-size: 0.95rem; color: #1e293b; }
.btn-egitim-git[b-3esqwok0cx] {
    padding: 8px 16px; border: none; border-radius: 8px;
    font-weight: 700; font-size: 0.82rem; cursor: pointer;
    background: linear-gradient(135deg, #4f46e5, #6366f1); color: white;
    white-space: nowrap; transition: all 0.2s;
    box-shadow: 0 2px 8px rgba(99,102,241,0.2);
}
.btn-egitim-git:hover[b-3esqwok0cx] { transform: translateY(-2px); box-shadow: 0 4px 15px rgba(99,102,241,0.3); }

/* Sınav geçmişi tablosu */
.gecmis-table[b-3esqwok0cx] { width: 100%; border-collapse: collapse; font-size: 0.85rem; }
.gecmis-table th[b-3esqwok0cx] { text-align: left; padding: 8px 10px; color: #64748b; font-weight: 700; border-bottom: 2px solid #e2e8f0; font-size: 0.8rem; }
.gecmis-table td[b-3esqwok0cx] { padding: 8px 10px; border-bottom: 1px solid #f1f5f9; color: #334155; }
.sonuc-pill[b-3esqwok0cx] { padding: 2px 8px; border-radius: 10px; font-size: 0.75rem; font-weight: 700; }
.sonuc-pill.basarili[b-3esqwok0cx] { background: #dcfce7; color: #166534; }
.sonuc-pill.basarisiz[b-3esqwok0cx] { background: #fef2f2; color: #dc2626; }

/* ═══ MESSAGES ═══ */
.form-message[b-3esqwok0cx] {
    margin: 12px 20px; padding: 12px 16px; border-radius: 10px;
    font-weight: 700; font-size: 0.9rem;
}

.form-message.success[b-3esqwok0cx] { background: #dcfce7; color: #166534; border-left: 4px solid #22c55e; }
.form-message.error[b-3esqwok0cx] { background: #fef2f2; color: #dc2626; border-left: 4px solid #ef4444; }

/* ═══ ANIMATIONS ═══ */
@keyframes fadeIn-b-3esqwok0cx { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } }
@keyframes tooltip-in-b-3esqwok0cx { from { opacity: 0; transform: translateX(-50%) translateY(4px); } to { opacity: 1; transform: translateX(-50%) translateY(0); } }

/* ═══ RESPONSIVE ═══ */
@media (max-width: 900px) {
    .info-grid[b-3esqwok0cx] { grid-template-columns: 1fr; }
    .work-grid[b-3esqwok0cx] { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
    .page-container[b-3esqwok0cx] { padding: 4px; }
    .profile-banner[b-3esqwok0cx] { padding: 20px 16px; }
    .profile-top-content[b-3esqwok0cx] { flex-direction: column; text-align: center; }
    .profile-info[b-3esqwok0cx] { align-items: center; }
    .profile-info h2[b-3esqwok0cx] { font-size: 1.3rem; }
    .profile-photo[b-3esqwok0cx], .photo-placeholder[b-3esqwok0cx] { width: 80px; height: 80px; font-size: 1.5rem; }
    .tab-bar[b-3esqwok0cx] {
        padding: 12px 8px 8px; gap: 8px;
        overflow-x: auto; -webkit-overflow-scrolling: touch;
        scrollbar-width: none; flex-wrap: nowrap; border-bottom: none;
        background: var(--t-hover, #f8fafc);
    }
    .tab-bar[b-3esqwok0cx]::-webkit-scrollbar { display: none; }
    .tab-btn[b-3esqwok0cx] {
        flex: 0 0 auto; min-width: 62px;
        flex-direction: column; gap: 4px;
        padding: 10px 12px 8px; font-size: 0.76rem;
        border-radius: 12px; border: 1.5px solid transparent;
        background: transparent; color: var(--t-text-muted, #94a3b8);
        border-bottom: none; outline: none; -webkit-tap-highlight-color: transparent;
        transition: all 0.2s; position: relative;
    }
    .tab-btn.active[b-3esqwok0cx] {
        background: var(--t-card, white); color: var(--t-accent, #6366f1);
        border-color: var(--t-card-border, #e2e8f0);
        box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    }
    .tab-btn.active[b-3esqwok0cx]::after {
        content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
        width: 20px; height: 3px; border-radius: 3px 3px 0 0;
        background: var(--t-accent, #6366f1);
    }
    .tab-icon[b-3esqwok0cx] { font-size: 1.1rem; width: 24px; height: 24px; }
    .tab-icon svg.ms-icon[b-3esqwok0cx] { width: 24px; height: 24px; }
    .tab-text[b-3esqwok0cx] { display: block; font-size: 0.65rem; font-weight: 700; line-height: 1.2; white-space: nowrap; }
    .tab-btn .tab-bdg[b-3esqwok0cx] {
        position: absolute; top: 4px; right: 4px;
        margin-left: 0; padding: 1px 5px;
        font-size: 0.6rem; line-height: 1.1;
        min-width: 14px; text-align: center;
    }
    .tab-content[b-3esqwok0cx] { padding: 14px; }
    .tab-content > *[b-3esqwok0cx] { animation: hkTabSlide-b-3esqwok0cx 0.3s cubic-bezier(0.22,1,0.36,1) both; }
    .info-card[b-3esqwok0cx] { padding: 14px; overflow-x: auto; }
    .field-group[b-3esqwok0cx] { flex-direction: column; align-items: flex-start; gap: 4px; }
    .field-input[b-3esqwok0cx] { max-width: 100%; }
    .readonly-val[b-3esqwok0cx] { text-align: left; }
    .form-actions[b-3esqwok0cx] { justify-content: stretch; padding: 14px; }
    .btn-save[b-3esqwok0cx] { width: 100%; text-align: center; }
    .address-row[b-3esqwok0cx] { gap: 6px; }
}

/* ═══ İZİN TABLOSU ═══ */
.izin-table[b-3esqwok0cx] { width: 100%; border-collapse: collapse; margin-top: 10px; }
.izin-table th[b-3esqwok0cx] {
    padding: 10px 14px; text-align: left; font-size: 0.75rem; font-weight: 700;
    color: #64748b; text-transform: uppercase; border-bottom: 2px solid #f1f5f9; background: #fafbfc;
}
.izin-table td[b-3esqwok0cx] { padding: 10px 14px; font-size: 0.85rem; color: #334155; border-bottom: 1px solid #f1f5f9; }
.izin-table tbody tr:hover[b-3esqwok0cx] { background: #f8fafc; }
.izin-tur[b-3esqwok0cx] {
    background: #eff6ff; color: #3b82f6; padding: 3px 10px; border-radius: 6px;
    font-size: 0.78rem; font-weight: 700;
}
.izin-gun[b-3esqwok0cx] { font-weight: 700; color: #6366f1; text-align: center; }
.izin-durum[b-3esqwok0cx] {
    padding: 3px 10px; border-radius: 6px; font-size: 0.76rem; font-weight: 700;
}
.izin-durum.onaylandi[b-3esqwok0cx] { background: #f0fdf4; color: #16a34a; }
.izin-durum.beklemede[b-3esqwok0cx] { background: #fffbeb; color: #d97706; }
.izin-durum.reddedildi[b-3esqwok0cx] { background: #fef2f2; color: #dc2626; }
.izin-durum.iptal[b-3esqwok0cx] { background: #f1f5f9; color: #64748b; }
.izin-ack[b-3esqwok0cx] { max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #94a3b8; font-size: 0.82rem; }
.izin-ozet[b-3esqwok0cx] {
    padding: 14px 16px; background: #f8fafc; border-top: 2px solid #f1f5f9;
    font-size: 0.85rem; color: #475569; margin-top: 10px; border-radius: 0 0 12px 12px;
}

/* BAKİYE MİNİ */
.izin-bakiye-mini[b-3esqwok0cx] {
    display: flex; gap: 16px; padding: 14px 16px; background: #f8fafc;
    border-radius: 10px; margin-bottom: 14px; flex-wrap: wrap;
}
.izin-bm-item[b-3esqwok0cx] { font-size: 0.85rem; color: #475569; font-weight: 600; }
.izin-bm-item strong[b-3esqwok0cx] { color: #1e293b; }
.izin-bm-item.borc[b-3esqwok0cx] { color: #dc2626; }
.izin-bm-item.borc strong[b-3esqwok0cx] { color: #dc2626; }

/* Sertifika İndir butonu */
.btn-sertifika-indir[b-3esqwok0cx] {
    background: linear-gradient(135deg, #4f46e5, #6366f1);
    color: white;
    border: none;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s;
}
.btn-sertifika-indir:hover[b-3esqwok0cx] { opacity: 0.85; transform: translateY(-1px); }

/* ═══ MAAŞ BİLGİLERİM ═══ */
.maas-guncel-kart[b-3esqwok0cx] {
    background: linear-gradient(135deg, #f0fdf4, #ecfdf5);
    border: 1.5px solid #bbf7d0;
    border-radius: 14px;
    padding: 20px;
    margin-bottom: 18px;
}
.maas-guncel-header[b-3esqwok0cx] {
    display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; align-items: center;
}
.maas-guncel-badge[b-3esqwok0cx] {
    background: #dcfce7; color: #166534; padding: 4px 12px; border-radius: 20px;
    font-size: 0.8rem; font-weight: 600;
}
.maas-zam-badge[b-3esqwok0cx] {
    background: #dbeafe; color: #1e40af; padding: 4px 12px; border-radius: 20px;
    font-size: 0.8rem; font-weight: 600;
}
.maas-tutar-grid[b-3esqwok0cx] {
    display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 16px;
}
.maas-tutar-item[b-3esqwok0cx] {
    background: #fff; border-radius: 12px; padding: 16px; text-align: center;
    border: 1px solid #e2e8f0;
}
.maas-tutar-item.net[b-3esqwok0cx] {
    border-color: #86efac; background: linear-gradient(135deg, #f0fdf4, #fff);
}
.maas-tutar-item.brut[b-3esqwok0cx] {
    border-color: #93c5fd; background: linear-gradient(135deg, #eff6ff, #fff);
}
.maas-tutar-label[b-3esqwok0cx] {
    display: block; font-size: 0.78rem; color: #64748b; font-weight: 600; margin-bottom: 4px;
}
.maas-tutar-val[b-3esqwok0cx] {
    display: block; font-size: 1.5rem; font-weight: 800; color: #0f172a;
}
.maas-tutar-item.net .maas-tutar-val[b-3esqwok0cx] { color: #059669; }
.maas-tutar-item.brut .maas-tutar-val[b-3esqwok0cx] { color: #2563eb; }

.maas-detay-grid[b-3esqwok0cx] {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px;
}
.maas-detay-item[b-3esqwok0cx] {
    display: flex; justify-content: space-between; align-items: center;
    padding: 8px 12px; background: #fff; border-radius: 8px; border: 1px solid #f1f5f9;
    font-size: 0.82rem; white-space: nowrap; gap: 8px;
}
.maas-detay-label[b-3esqwok0cx] { color: #64748b; font-weight: 500; }
.maas-detay-item span:last-child[b-3esqwok0cx] { font-weight: 700; color: #334155; }

/* Grafik */
.maas-grafik-wrap[b-3esqwok0cx] {
    background: #fff; border: 1px solid #e2e8f0; border-radius: 12px;
    padding: 18px; margin-bottom: 18px;
}
.maas-grafik[b-3esqwok0cx] {
    display: flex; align-items: flex-end; gap: 6px; height: 200px;
    padding: 0 4px;
}
.maas-bar-wrap[b-3esqwok0cx] {
    flex: 1; display: flex; flex-direction: column; align-items: center;
    min-width: 36px; height: 100%;
    justify-content: flex-end;
}
.maas-bar[b-3esqwok0cx] {
    width: 100%; max-width: 48px; min-height: 16px;
    background: linear-gradient(180deg, #6366f1, #818cf8);
    border-radius: 6px 6px 0 0;
    display: flex; align-items: flex-start; justify-content: center;
    transition: height 0.4s ease;
    position: relative;
}
.maas-bar-zam[b-3esqwok0cx] {
    position: absolute; top: -18px; font-size: 0.65rem; font-weight: 700;
    color: #059669; white-space: nowrap;
}
.maas-bar-label[b-3esqwok0cx] {
    font-size: 0.68rem; color: #64748b; margin-top: 4px; font-weight: 600;
}
.maas-bar-val[b-3esqwok0cx] {
    font-size: 0.65rem; color: #334155; font-weight: 700;
}

/* Yıllık Özet */
.maas-yillik-ozet[b-3esqwok0cx] {
    background: linear-gradient(135deg, #eff6ff, #f0f9ff);
    border: 1.5px solid #bfdbfe;
    border-radius: 14px;
    padding: 18px;
    margin-top: 18px;
}
.maas-ozet-grid[b-3esqwok0cx] {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px;
}
.maas-ozet-item[b-3esqwok0cx] {
    display: flex; flex-direction: column; gap: 2px;
    background: #fff; border-radius: 10px; padding: 12px 14px;
    border: 1px solid #e2e8f0;
}
.maas-ozet-item span[b-3esqwok0cx] { font-size: 0.8rem; color: #64748b; }
.maas-ozet-item strong[b-3esqwok0cx] { font-size: 1.05rem; color: #0f172a; }

.row-active[b-3esqwok0cx] { background: #f0fdf4 !important; }

@media (max-width: 600px) {
    .maas-tutar-grid[b-3esqwok0cx] { grid-template-columns: 1fr; }
    .maas-tutar-val[b-3esqwok0cx] { font-size: 1.2rem; }
    .maas-detay-grid[b-3esqwok0cx] { grid-template-columns: 1fr; }
    .maas-detay-item[b-3esqwok0cx] { white-space: normal; flex-wrap: wrap; }
    .maas-ozet-grid[b-3esqwok0cx] { grid-template-columns: 1fr; }
    .maas-grafik[b-3esqwok0cx] { height: 150px; overflow-x: auto; }
    .maas-grafik-wrap[b-3esqwok0cx] { overflow-x: auto; }
    .maas-guncel-kart[b-3esqwok0cx] { padding: 14px; overflow: hidden; }
    .maas-guncel-header[b-3esqwok0cx] { flex-direction: column; align-items: flex-start; }
    .maas-guncel-badge[b-3esqwok0cx], .maas-zam-badge[b-3esqwok0cx] { font-size: 0.72rem; }
    .maas-yillik-ozet[b-3esqwok0cx] { padding: 14px; }
    .izin-table[b-3esqwok0cx] { display: block; overflow-x: auto; white-space: nowrap; }
    .izin-table thead[b-3esqwok0cx], .izin-table tbody[b-3esqwok0cx], .izin-table tr[b-3esqwok0cx] { display: table; width: 100%; table-layout: auto; }
}

/* ═══ MAAŞ ŞİFRE DOĞRULAMA POPUP ═══ */
.maas-kilit-overlay[b-3esqwok0cx] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.55);
    backdrop-filter: blur(4px);
    z-index: 9000;
    animation: maasKilitFade-b-3esqwok0cx 0.2s ease;
}

.maas-kilit-box[b-3esqwok0cx] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--t-card, #fff);
    border-radius: 20px;
    padding: 32px 28px 24px;
    width: 400px;
    max-width: calc(100vw - 32px);
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.25);
    z-index: 9001;
    text-align: center;
    animation: maasKilitSlide-b-3esqwok0cx 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.maas-kilit-icon[b-3esqwok0cx] {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ede9fe, #ddd6fe);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
    font-size: 2rem;
}

.maas-kilit-title[b-3esqwok0cx] {
    margin: 0 0 8px;
    font-size: 1.2rem;
    font-weight: 800;
    color: var(--t-heading, #1e293b);
}

.maas-kilit-desc[b-3esqwok0cx] {
    margin: 0 0 20px;
    font-size: 0.88rem;
    color: var(--t-muted, #64748b);
    line-height: 1.5;
}

.maas-kilit-field[b-3esqwok0cx] {
    margin-bottom: 12px;
}

.maas-kilit-input[b-3esqwok0cx] {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid var(--t-card-border, #e2e8f0);
    border-radius: 12px;
    font-size: 0.95rem;
    background: var(--t-input-bg, #f8fafc);
    color: var(--t-text, #1e293b);
    outline: none;
    transition: border-color 0.2s;
    box-sizing: border-box;
}

.maas-kilit-input:focus[b-3esqwok0cx] {
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);
}

.maas-kilit-hata[b-3esqwok0cx] {
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 10px;
    padding: 8px 14px;
    font-size: 0.82rem;
    font-weight: 600;
    color: #dc2626;
    margin-bottom: 14px;
}

.maas-kilit-actions[b-3esqwok0cx] {
    display: flex;
    gap: 10px;
    margin-bottom: 12px;
}

.maas-kilit-btn[b-3esqwok0cx] {
    flex: 1;
    padding: 12px 16px;
    border-radius: 12px;
    border: none;
    font-weight: 700;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.2s;
}

.maas-kilit-onayla[b-3esqwok0cx] {
    background: linear-gradient(135deg, #6366f1, #4f46e5);
    color: white;
    box-shadow: 0 4px 14px rgba(99, 102, 241, 0.3);
}

.maas-kilit-onayla:hover:not(:disabled)[b-3esqwok0cx] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(99, 102, 241, 0.4);
}

.maas-kilit-onayla:disabled[b-3esqwok0cx] {
    opacity: 0.6;
    cursor: not-allowed;
}

.maas-kilit-vazgec[b-3esqwok0cx] {
    background: var(--t-btn-secondary-bg, #f1f5f9);
    color: var(--t-muted, #475569);
    border: 1px solid var(--t-card-border, #e2e8f0);
}

.maas-kilit-vazgec:hover[b-3esqwok0cx] {
    background: var(--t-btn-secondary-hover, #e2e8f0);
}

.maas-kilit-not[b-3esqwok0cx] {
    margin: 0;
    font-size: 0.75rem;
    color: var(--t-muted, #94a3b8);
}

/* Maaş Kilitli Placeholder */
.maas-kilitli-alan[b-3esqwok0cx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 24px;
    text-align: center;
    background: linear-gradient(135deg, #f8fafc, #f1f5f9);
    border: 2px dashed var(--t-card-border, #cbd5e1);
    border-radius: 14px;
}

.maas-kilitli-ikon[b-3esqwok0cx] {
    font-size: 3rem;
    margin-bottom: 14px;
    opacity: 0.7;
}

.maas-kilitli-mesaj[b-3esqwok0cx] {
    margin: 0 0 18px;
    font-size: 0.92rem;
    color: var(--t-muted, #64748b);
    font-weight: 500;
    line-height: 1.5;
}

.maas-kilitli-btn[b-3esqwok0cx] {
    padding: 12px 28px;
    border-radius: 12px;
    border: none;
    background: linear-gradient(135deg, #6366f1, #4f46e5);
    color: white;
    font-weight: 700;
    font-size: 0.9rem;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(99, 102, 241, 0.3);
    transition: all 0.2s;
}

.maas-kilitli-btn:hover[b-3esqwok0cx] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(99, 102, 241, 0.4);
}

@keyframes maasKilitFade-b-3esqwok0cx {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes maasKilitSlide-b-3esqwok0cx {
    from { opacity: 0; transform: translate(-50%, -50%) scale(0.9); }
    to { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}

@media (max-width: 600px) {
    .maas-kilit-box[b-3esqwok0cx] { width: 92vw; padding: 24px 18px 18px; }
    .maas-kilitli-alan[b-3esqwok0cx] { padding: 32px 16px; }
    .maas-kilitli-ikon[b-3esqwok0cx] { font-size: 2.4rem; }
}

/* ════════════════════════════════════════════════════════════════
   BAŞARIMLAR (BSR) + KUDOS (KUD) + ODAK (ODK) — yeni sekmeler
   ════════════════════════════════════════════════════════════════ */
.tab-bdg[b-3esqwok0cx] { background: linear-gradient(135deg, #ec4899, #db2777); color: white; font-size: 0.7rem; font-weight: 800; padding: 2px 7px; border-radius: 999px; margin-left: 6px; }

/* BAŞARIMLAR */
.bsr-card .card-header[b-3esqwok0cx] { display: flex; align-items: center; gap: 10px; }
.bsr-ozet[b-3esqwok0cx] { margin-left: auto; background: linear-gradient(135deg, #fef3c7, #fde68a); color: #78350f; font-size: 0.78rem; font-weight: 700; padding: 4px 10px; border-radius: 999px; }
.bsr-grup-baslik[b-3esqwok0cx] { display: flex; align-items: center; gap: 10px; margin: 18px 0 10px; padding: 8px 14px; background: linear-gradient(90deg, #f1f5f9, white); border-left: 3px solid #f59e0b; border-radius: 6px; font-weight: 700; color: #0f172a; }
.bsr-grup-baslik small[b-3esqwok0cx] { margin-left: auto; color: #64748b; font-weight: 600; font-size: 0.78rem; }
.bsr-rozet-grid[b-3esqwok0cx] { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px; margin-bottom: 10px; }
.bsr-rozet[b-3esqwok0cx] { background: white; border: 1px solid #e2e8f0; border-radius: 14px; padding: 14px; text-align: center; transition: all .2s; position: relative; overflow: hidden; }
.bsr-rozet.kazanildi[b-3esqwok0cx] { background: linear-gradient(135deg, #fff7ed, white); border-color: var(--bsr-renk, #f59e0b); box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05); }
.bsr-rozet.kazanildi[b-3esqwok0cx]::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--bsr-renk, #f59e0b); }
.bsr-rozet.bekliyor[b-3esqwok0cx] { opacity: 0.65; filter: grayscale(0.5); }
.bsr-rozet:hover[b-3esqwok0cx] { transform: translateY(-2px); box-shadow: 0 8px 22px rgba(15, 23, 42, 0.10); }
.bsr-ikon[b-3esqwok0cx] { font-size: 2.4rem; margin-bottom: 6px; line-height: 1; }
.bsr-ad[b-3esqwok0cx] { font-weight: 800; color: #0f172a; font-size: 0.95rem; margin-bottom: 3px; }
.bsr-aciklama[b-3esqwok0cx] { font-size: 0.78rem; color: #64748b; line-height: 1.4; margin-bottom: 10px; min-height: 32px; }
.bsr-tarih[b-3esqwok0cx] { font-size: 0.74rem; color: #15803d; font-weight: 700; }
.bsr-ilerleme-bar[b-3esqwok0cx] { height: 6px; background: #e2e8f0; border-radius: 999px; overflow: hidden; margin-bottom: 4px; }
.bsr-ilerleme-dolu[b-3esqwok0cx] { height: 100%; background: linear-gradient(90deg, #94a3b8, #64748b); border-radius: 999px; transition: width .4s; }
.bsr-ilerleme-text[b-3esqwok0cx] { font-size: 0.74rem; color: #64748b; font-weight: 600; }

/* KUDOS */
.kud-card .card-header[b-3esqwok0cx] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.kud-ozet[b-3esqwok0cx] { margin-left: auto; display: flex; align-items: center; gap: 6px; font-size: 0.85rem; color: #475569; }
.kud-stat strong[b-3esqwok0cx] { color: #0f172a; font-size: 1.1rem; }
.kud-sep[b-3esqwok0cx] { color: #cbd5e1; }
.kud-tab-bar[b-3esqwok0cx] { display: flex; gap: 8px; margin: 16px 0 14px; flex-wrap: wrap; }
.kud-tab[b-3esqwok0cx] { padding: 8px 14px; background: white; border: 1px solid #e2e8f0; border-radius: 10px; font-weight: 700; font-size: 0.86rem; color: #475569; cursor: pointer; transition: all .15s; font-family: inherit; }
.kud-tab:hover[b-3esqwok0cx] { background: #fdf4ff; color: #831843; }
.kud-tab.active[b-3esqwok0cx] { background: linear-gradient(135deg, #fce7f3, #fbcfe8); color: #831843; border-color: #f9a8d4; }
.kud-tab-cta[b-3esqwok0cx] { margin-left: auto; background: linear-gradient(135deg, #ec4899, #db2777); color: white; border-color: transparent; }
.kud-tab-cta:hover[b-3esqwok0cx] { background: linear-gradient(135deg, #db2777, #9d174d); color: white; transform: translateY(-1px); box-shadow: 0 6px 16px rgba(236, 72, 153, 0.3); }
.kud-liste[b-3esqwok0cx] { display: flex; flex-direction: column; gap: 10px; }
.kud-kart[b-3esqwok0cx] { display: flex; gap: 14px; padding: 14px 18px; background: linear-gradient(90deg, #fdf4ff, white); border: 1px solid #fce7f3; border-radius: 14px; transition: all .15s; }
.kud-kart:hover[b-3esqwok0cx] { transform: translateX(4px); border-color: #f9a8d4; box-shadow: 0 4px 14px rgba(236, 72, 153, 0.10); }
.kud-kart-out[b-3esqwok0cx] { background: linear-gradient(90deg, #eff6ff, white); border-color: #dbeafe; }
.kud-kart-emoji[b-3esqwok0cx] { font-size: 2rem; flex-shrink: 0; }
.kud-kart-meta[b-3esqwok0cx] { flex: 1; min-width: 0; }
.kud-kart-baslik[b-3esqwok0cx] { font-size: 0.95rem; color: #0f172a; margin-bottom: 4px; }
.kud-kart-kat[b-3esqwok0cx] { color: #831843; font-size: 0.78rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.4px; }
.kud-kart-mesaj[b-3esqwok0cx] { color: #475569; font-size: 0.88rem; font-style: italic; line-height: 1.5; margin-bottom: 4px; }
.kud-kart-tarih[b-3esqwok0cx] { color: #94a3b8; font-size: 0.74rem; }

.kud-lider-aciklama[b-3esqwok0cx] { margin: 0 0 14px; color: #64748b; font-size: 0.92rem; line-height: 1.5; }
.kud-lider-liste[b-3esqwok0cx] { display: flex; flex-direction: column; gap: 4px; background: white; border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden; }
.kud-lider-satir[b-3esqwok0cx] { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-bottom: 1px solid #f1f5f9; transition: all .15s; }
.kud-lider-satir:hover[b-3esqwok0cx] { background: #fdf4ff; }
.kud-lider-satir.podyum[b-3esqwok0cx] { background: linear-gradient(90deg, transparent, rgba(245, 158, 11, 0.06)); }
.kud-lider-satir.isMe[b-3esqwok0cx] { background: linear-gradient(90deg, rgba(236, 72, 153, 0.10), rgba(236, 72, 153, 0.02)); border-left: 3px solid #ec4899; }
.kud-lider-sira[b-3esqwok0cx] { width: 38px; text-align: center; flex-shrink: 0; }
.kud-lider-madalya[b-3esqwok0cx] { font-size: 1.4rem; }
.kud-lider-no[b-3esqwok0cx] { color: #94a3b8; font-size: 0.85rem; font-weight: 700; }
.kud-lider-avatar[b-3esqwok0cx] { width: 32px; height: 32px; border-radius: 50%; background: linear-gradient(135deg, #ec4899, #db2777); color: white; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 0.74rem; flex-shrink: 0; }
.kud-lider-meta[b-3esqwok0cx] { flex: 1; display: flex; flex-direction: column; line-height: 1.15; min-width: 0; }
.kud-lider-ad[b-3esqwok0cx] { font-weight: 700; color: #0f172a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kud-lider-meta small[b-3esqwok0cx] { font-size: 0.72rem; color: #94a3b8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kud-lider-skor[b-3esqwok0cx] { font-weight: 800; color: #831843; font-variant-numeric: tabular-nums; font-size: 1rem; padding: 4px 10px; background: linear-gradient(135deg, #fce7f3, #fbcfe8); border-radius: 999px; }

/* ODAK (Pomodoro stats) */
.odk-card .card-header[b-3esqwok0cx] { display: flex; align-items: center; gap: 10px; }
.odk-aciklama[b-3esqwok0cx] { margin: 6px 0 16px; color: #64748b; font-size: 0.92rem; line-height: 1.5; }
.odk-kpi-grid[b-3esqwok0cx] { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; margin-bottom: 18px; }
.odk-kpi[b-3esqwok0cx] { background: white; border: 1px solid #e2e8f0; border-radius: 16px; padding: 16px; text-align: center; transition: all .2s; }
.odk-kpi:hover[b-3esqwok0cx] { transform: translateY(-2px); box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08); }
.odk-kpi-1[b-3esqwok0cx] { background: linear-gradient(135deg, #fff7ed, white); border-color: #fed7aa; }
.odk-kpi-2[b-3esqwok0cx] { background: linear-gradient(135deg, #eff6ff, white); border-color: #bfdbfe; }
.odk-kpi-3[b-3esqwok0cx] { background: linear-gradient(135deg, #fef3c7, white); border-color: #fde68a; }
.odk-kpi-4[b-3esqwok0cx] { background: linear-gradient(135deg, #fef2f2, white); border-color: #fecaca; }
.odk-kpi-emoji[b-3esqwok0cx] { font-size: 2rem; margin-bottom: 4px; }
.odk-kpi-deger[b-3esqwok0cx] { font-size: 2rem; font-weight: 800; color: #0f172a; line-height: 1; }
.odk-kpi-baslik[b-3esqwok0cx] { font-size: 0.78rem; font-weight: 700; color: #475569; text-transform: uppercase; letter-spacing: 0.4px; margin-top: 6px; }
.odk-kpi-alt[b-3esqwok0cx] { font-size: 0.78rem; color: #94a3b8; margin-top: 2px; }
.odk-info-kart[b-3esqwok0cx] { background: linear-gradient(135deg, #f1f5f9, white); border-left: 3px solid #0ea5e9; border-radius: 8px; padding: 12px 16px; }
.odk-info-kart strong[b-3esqwok0cx] { color: #0c4a6e; display: block; margin-bottom: 4px; font-size: 0.95rem; }
.odk-info-kart p[b-3esqwok0cx] { margin: 0; color: #475569; font-size: 0.86rem; line-height: 1.5; }

/* ════════ AKTİVİTE HEATMAP ════════ */
.akt-card .card-header[b-3esqwok0cx] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.akt-ozet[b-3esqwok0cx] { margin-left: auto; background: linear-gradient(135deg, #d1fae5, #a7f3d0); color: #064e3b; font-size: 0.78rem; font-weight: 700; padding: 4px 10px; border-radius: 999px; }
.akt-aciklama[b-3esqwok0cx] { margin: 6px 0 16px; color: #64748b; font-size: 0.92rem; line-height: 1.5; }

.akt-heatmap-wrap[b-3esqwok0cx] { display: flex; gap: 8px; overflow-x: auto; padding: 6px 0 10px; }
.akt-yan[b-3esqwok0cx] { display: flex; flex-direction: column; gap: 3px; padding-top: 18px; }
.akt-gun[b-3esqwok0cx] { font-size: 0.65rem; color: #94a3b8; height: 13px; line-height: 13px; }
.akt-grid-wrap[b-3esqwok0cx] { display: flex; flex-direction: column; }
.akt-aylar[b-3esqwok0cx] { display: grid; grid-auto-flow: column; grid-template-rows: 14px; gap: 0; }
.akt-ay-et[b-3esqwok0cx] { font-size: 0.7rem; color: #64748b; font-weight: 600; }
.akt-grid[b-3esqwok0cx] {
    display: grid;
    grid-template-columns: repeat(53, 13px);
    grid-template-rows: repeat(7, 13px);
    gap: 3px;
}
.akt-hucre[b-3esqwok0cx] {
    width: 13px; height: 13px; border-radius: 3px;
    background: #f1f5f9; border: 1px solid rgba(15,23,42,0.04);
    transition: transform .12s;
    cursor: pointer;
}
.akt-hucre:hover[b-3esqwok0cx] { transform: scale(1.4); z-index: 2; box-shadow: 0 2px 8px rgba(0,0,0,0.15); }
.akt-l0[b-3esqwok0cx] { background: #f1f5f9; }
.akt-l1[b-3esqwok0cx] { background: #bbf7d0; }
.akt-l2[b-3esqwok0cx] { background: #4ade80; }
.akt-l3[b-3esqwok0cx] { background: #16a34a; }
.akt-l4[b-3esqwok0cx] { background: #14532d; }

.akt-legend[b-3esqwok0cx] { display: flex; align-items: center; gap: 6px; margin-top: 8px; padding: 0 6px; font-size: 0.74rem; color: #94a3b8; justify-content: flex-end; }
.akt-legend .akt-hucre:hover[b-3esqwok0cx] { transform: none; box-shadow: none; cursor: default; }

.akt-detay-grid[b-3esqwok0cx] { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 8px; margin-top: 18px; }
.akt-detay[b-3esqwok0cx] {
    background: white; border: 1px solid #e2e8f0; border-radius: 10px;
    padding: 10px 14px; font-size: 1rem; font-weight: 800; color: #0f172a;
    display: flex; align-items: center; gap: 8px;
}
.akt-detay small[b-3esqwok0cx] { font-size: 0.74rem; font-weight: 600; color: #64748b; text-transform: uppercase; letter-spacing: 0.4px; margin-left: auto; }
/* /Components/Pages/Hastalar.razor.rz.scp.css */
.page-container[b-jf1js0yfgc] {
    width: 100%;
    margin: auto;
    padding: 6px 8px;
    outline: none;
}

.readonly-badge[b-jf1js0yfgc] {
    background: #fef3c7;
    color: #92400e;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 700;
    margin-left: 12px;
    white-space: nowrap;
}

.row-active[b-jf1js0yfgc] {
    background: #eff6ff !important;
    outline: 2px solid #3b82f6;
    outline-offset: -2px;
}

.form-section[b-jf1js0yfgc] {
    background: var(--t-card, #fff);
    padding: 25px;
    border-radius: 12px;
    border: 1px solid var(--t-card-border, #e2e8f0);
    margin-bottom: 25px;
    overflow: hidden;
    max-width: 100%;
    box-sizing: border-box;
}

.form-header[b-jf1js0yfgc] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;
    border-left: 4px solid #6366f1;
    padding-left: 14px;
}

.form-header h2[b-jf1js0yfgc] {
    font-size: 1.4rem;
    font-weight: 800;
    color: #1e293b;
    margin: 0;
}

.form-grid[b-jf1js0yfgc] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.group label[b-jf1js0yfgc] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #475569;
    margin-bottom: 6px;
    display: block;
}

.form-actions[b-jf1js0yfgc] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #f1f5f9;
    flex-wrap: wrap;
    gap: 15px;
}

.btns[b-jf1js0yfgc] {
    display: flex;
    gap: 12px;
}

.btn[b-jf1js0yfgc] {
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 800;
    border: none;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    font-size: 0.95rem;
}

.btn-save[b-jf1js0yfgc] {
    background: linear-gradient(135deg, #4f46e5, #6366f1);
    color: white;
    box-shadow: 0 2px 8px rgba(99,102,241,0.2);
}

.btn-save:hover[b-jf1js0yfgc] {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(99,102,241,0.3);
}

.btn-delete[b-jf1js0yfgc] {
    background: #fee2e2;
    color: #b91c1c;
}

.btn-delete:hover[b-jf1js0yfgc] {
    background: #fecaca;
    transform: translateY(-3px);
    box-shadow: 0 8px 15px rgba(239, 68, 68, 0.2);
}

.btn-new[b-jf1js0yfgc] {
    background: var(--t-hover, #f1f5f9);
    color: var(--t-text-muted, #475569);
}

.btn-new:hover[b-jf1js0yfgc] {
    background: var(--t-card-border, #e2e8f0);
    transform: translateY(-3px);
}

.list-header[b-jf1js0yfgc] {
    background: var(--t-sidebar, #1e293b);
    color: var(--t-topbar-text, white);
    padding: 15px 20px;
    border-radius: 12px 12px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.title-with-icon[b-jf1js0yfgc] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.title-with-icon h3[b-jf1js0yfgc] {
    margin: 0;
    font-size: 1.1rem;
}

.count-badge[b-jf1js0yfgc] {
    background: #6366f1;
    color: white;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 0.78rem;
    font-weight: 700;
}

.search-bar[b-jf1js0yfgc] {
    position: relative;
    display: flex;
    align-items: center;
    width: 250px;
    max-width: 100%;
}

.search-bar input[b-jf1js0yfgc] {
    padding: 8px 36px 8px 15px;
    border-radius: 20px;
    border: none;
    width: 100%;
    outline: none;
}

.search-bar .search-icon[b-jf1js0yfgc] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 0.9rem;
    opacity: 0.8;
}

.table-responsive[b-jf1js0yfgc] {
    background: var(--t-card, white);
    border: 1px solid var(--t-card-border, #e2e8f0);
    border-radius: 0 0 12px 12px;
    overflow-x: auto;
}

.modern-table[b-jf1js0yfgc] {
    width: 100%;
    border-collapse: collapse;
    min-width: 900px;
}

.modern-table th[b-jf1js0yfgc] {
    background: var(--t-hover, #f8fafc);
    padding: 12px 15px;
    text-align: left;
    font-size: 0.85rem;
    color: var(--t-text-muted, #64748b);
    border-bottom: 2px solid var(--t-card-border, #e2e8f0);
    text-transform: uppercase;
}

.modern-table td[b-jf1js0yfgc] {
    padding: 12px 15px;
    border-bottom: 1px solid var(--t-card-border, #f1f5f9);
    font-size: 0.95rem;
}

.modern-table tr:hover[b-jf1js0yfgc] {
    background: var(--t-hover, #f0f9ff);
    cursor: pointer;
}

.status-pill[b-jf1js0yfgc] {
    padding: 4px 12px;
    border-radius: 16px;
    font-weight: 700;
    font-size: 0.8rem;
    display: inline-block;
}

.status-pill.success[b-jf1js0yfgc] {
    background: #dcfce7;
    color: #166534;
}

.status-pill.pending[b-jf1js0yfgc] {
    background: #fef3c7;
    color: #92400e;
}

.status-pill.passive[b-jf1js0yfgc] {
    background: #fee2e2;
    color: #b91c1c;
}

.patient-tag[b-jf1js0yfgc] {
    background: var(--t-hover, #f1f5f9);
    padding: 4px 8px;
    border-radius: 6px;
    font-weight: 600;
    color: var(--t-text-muted, #475569);
}

.form-message[b-jf1js0yfgc] {
    margin-top: 15px;
    padding: 12px 16px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 0.95rem;
}

.form-message.success[b-jf1js0yfgc] {
    background: #dcfce7;
    color: #166534;
    border-left: 4px solid #22c55e;
}

.form-message.error[b-jf1js0yfgc] {
    background: #fef2f2;
    color: #dc2626;
    border-left: 4px solid #ef4444;
}

@media (max-width: 900px) {
    .form-grid[b-jf1js0yfgc] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 600px) {
    .page-container[b-jf1js0yfgc] {
        padding: 6px;
        max-width: 100%;
    }

    .form-section[b-jf1js0yfgc] {
        padding: 14px;
        border-radius: 8px;
        word-break: break-word;
    }

    .form-grid[b-jf1js0yfgc] {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .form-header h2[b-jf1js0yfgc] {
        font-size: 1.1rem;
    }

    .form-actions[b-jf1js0yfgc] {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .btns[b-jf1js0yfgc] {
        flex-direction: column;
        width: 100%;
    }

    .btn[b-jf1js0yfgc] {
        width: 100%;
        text-align: center;
        padding: 14px;
    }

    .f2-hint[b-jf1js0yfgc] { display: none; }

    .list-header[b-jf1js0yfgc] {
        flex-direction: column;
        gap: 10px;
        padding: 12px 14px;
    }

    .search-bar[b-jf1js0yfgc] {
        width: 100%;
    }

    .search-bar input[b-jf1js0yfgc] {
        width: 100%;
    }

    .modern-table[b-jf1js0yfgc] {
        min-width: 700px;
    }

    .modern-table th[b-jf1js0yfgc],
    .modern-table td[b-jf1js0yfgc] {
        padding: 8px 10px;
        font-size: 0.82rem;
    }

    .readonly-badge[b-jf1js0yfgc] {
        display: block;
        margin-left: 0;
        margin-top: 6px;
        text-align: center;
    }

    .form-message[b-jf1js0yfgc] {
        font-size: 0.88rem;
        padding: 10px 12px;
    }
}

/* Baş Harf bilgi kutusu */
.bas-harf-info[b-jf1js0yfgc] {
    margin-top: 6px;
    padding: 8px 12px;
    border-radius: 8px;
    background: linear-gradient(135deg, #eff6ff, #f0f9ff);
    border: 1px solid #bfdbfe;
    font-size: 0.78rem;
    font-weight: 600;
    color: #1e40af;
    animation: basHarfFade-b-jf1js0yfgc 0.25s ease;
}

@keyframes basHarfFade-b-jf1js0yfgc {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}
/* /Components/Pages/IsGirisi.razor.rz.scp.css */
.page-container[b-lnhqai5ept] {
    width: 100%;
    margin: auto;
    padding: 6px 8px;
    outline: none;
}

.readonly-badge[b-lnhqai5ept] {
    background: #fef3c7;
    color: #92400e;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 700;
    margin-left: 12px;
    white-space: nowrap;
}

.row-active[b-lnhqai5ept] {
    background: #eff6ff !important;
    outline: 2px solid #3b82f6;
    outline-offset: -2px;
}

/* İkiz giriş banner */
.ikiz-banner[b-lnhqai5ept] {
    background: #fef3c7;
    color: #92400e;
    padding: 10px 16px;
    border-radius: 8px;
    border-left: 4px solid #f59e0b;
    font-weight: 700;
    font-size: 0.9rem;
}

.ikiz-pill[b-lnhqai5ept] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fef3c7;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    font-size: 0.85rem;
    cursor: help;
}

.note-info[b-lnhqai5ept] {
    display: block;
    font-size: 0.8rem;
    color: #6366f1;
    margin-top: 4px;
    font-style: italic;
}

/* ═══ İŞ GİRİŞİ ŞABLONLARI ═══ */
.sablon-bar[b-lnhqai5ept] {
    display: flex; align-items: center; gap: 8px; padding: 10px 20px;
    background: linear-gradient(135deg, #faf5ff, #eff6ff);
    border-bottom: 1.5px solid var(--t-card-border, #e2e8f0); flex-wrap: wrap;
    margin-bottom: 16px; border-radius: 10px;
}
.sablon-list[b-lnhqai5ept] {
    display: flex; align-items: center; gap: 6px; flex-wrap: wrap; flex: 1;
}
.sablon-chip[b-lnhqai5ept] {
    display: flex; align-items: center; gap: 4px;
    padding: 5px 12px; border-radius: 20px;
    background: var(--t-card, white); border: 1.5px solid var(--t-card-border, #e2e8f0);
    font-size: 0.78rem; font-weight: 700; color: #475569;
    cursor: pointer; transition: all 0.2s; white-space: nowrap;
}
.sablon-chip:hover[b-lnhqai5ept] {
    border-color: #6366f1; color: #6366f1;
    background: #eef2ff; transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(99,102,241,0.12);
}
.sablon-chip-icon[b-lnhqai5ept] { font-size: 0.82rem; }
.sablon-chip-text[b-lnhqai5ept] { max-width: 140px; overflow: hidden; text-overflow: ellipsis; }
.sablon-chip-del[b-lnhqai5ept] {
    font-size: 0.68rem; color: #94a3b8; margin-left: 2px;
    width: 16px; height: 16px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    transition: all 0.15s;
}
.sablon-chip-del:hover[b-lnhqai5ept] { background: #fee2e2; color: #dc2626; }
.sablon-save-btn[b-lnhqai5ept] {
    padding: 5px 14px; border-radius: 20px;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    color: white; border: none; font-weight: 700;
    font-size: 0.78rem; cursor: pointer;
    transition: all 0.2s; white-space: nowrap;
}
.sablon-save-btn:hover[b-lnhqai5ept] {
    transform: translateY(-1px);
    box-shadow: 0 3px 10px rgba(99,102,241,0.3);
}
.sablon-save-btn:disabled[b-lnhqai5ept] {
    background: #94a3b8; cursor: not-allowed;
    box-shadow: none; transform: none;
}
.sablon-kaydet-panel[b-lnhqai5ept] {
    margin: 0 0 16px; padding: 14px 18px;
    background: linear-gradient(135deg, #faf5ff, #f5f3ff); border: 1.5px solid #c4b5fd;
    border-radius: 12px; animation: sabSlide-b-lnhqai5ept 0.2s ease;
}
@keyframes sabSlide-b-lnhqai5ept { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } }
.sablon-kaydet-head[b-lnhqai5ept] {
    display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 10px; font-weight: 800; font-size: 0.88rem; color: #4f46e5;
}
.sablon-kaydet-close[b-lnhqai5ept] {
    background: none; border: none; cursor: pointer;
    font-size: 1rem; color: #94a3b8; transition: color 0.15s;
}
.sablon-kaydet-close:hover[b-lnhqai5ept] { color: #dc2626; }
.sablon-kaydet-body[b-lnhqai5ept] {
    display: flex; gap: 8px; align-items: center;
}
.sablon-kaydet-body .m-input[b-lnhqai5ept] {
    flex: 1; padding: 8px 12px; font-size: 0.85rem;
}
.sablon-kaydet-body .btn-save[b-lnhqai5ept] {
    padding: 8px 16px; font-size: 0.82rem;
}

.form-section[b-lnhqai5ept] {
    background: var(--t-card, #fff);
    padding: 25px;
    border-radius: 12px;
    border: 1px solid var(--t-card-border, #e2e8f0);
    margin-bottom: 25px;
    overflow: hidden;
    max-width: 100%;
    box-sizing: border-box;
}

.form-header[b-lnhqai5ept] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;
    border-left: 4px solid #6366f1;
    padding-left: 14px;
}

.form-header h2[b-lnhqai5ept] {
    font-size: 1.4rem;
    font-weight: 800;
    color: var(--t-text, #1e293b);
    margin: 0;
}

.form-grid[b-lnhqai5ept] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.span-all[b-lnhqai5ept] {
    grid-column: span 3;
}

.group label[b-lnhqai5ept] {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--t-text-muted, #475569);
    margin-bottom: 6px;
    display: block;
}

.yetki-info[b-lnhqai5ept] {
    margin-top: 12px;
    padding: 10px 14px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 0.92rem;
}

.yetki-info.ok[b-lnhqai5ept] {
    background: #dcfce7;
    color: #166534;
    border-left: 4px solid #22c55e;
}

.yetki-info.warn[b-lnhqai5ept] {
    background: #fef2f2;
    color: #b91c1c;
    border-left: 4px solid #ef4444;
}

.sabit-veri-box[b-lnhqai5ept] {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #f0f9ff;
    padding: 10px 18px;
    border-radius: 30px;
    border: 1px solid #bae6fd;
}

.sabit-label[b-lnhqai5ept] {
    font-weight: 800;
    font-size: 0.9rem;
    color: #0369a1;
}

.switch[b-lnhqai5ept] {
    position: relative;
    width: 44px;
    height: 22px;
}

.switch input[b-lnhqai5ept] {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider[b-lnhqai5ept] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #cbd5e1;
    transition: .4s;
    border-radius: 34px;
}

.slider[b-lnhqai5ept]:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: .4s;
    border-radius: 50%;
}

input:checked + .slider[b-lnhqai5ept] {
    background-color: #6366f1;
}

input:checked + .slider[b-lnhqai5ept]:before {
    transform: translateX(22px);
}

.form-actions[b-lnhqai5ept] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--t-card-border, #f1f5f9);
    flex-wrap: wrap;
    gap: 15px;
}

.btns[b-lnhqai5ept] {
    display: flex;
    gap: 12px;
}

.btn[b-lnhqai5ept] {
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 800;
    border: none;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    font-size: 0.95rem;
}

.btn-save[b-lnhqai5ept] {
    background: linear-gradient(135deg, #4f46e5, #6366f1);
    color: white;
    box-shadow: 0 2px 8px rgba(99,102,241,0.2);
}

.btn-save:hover[b-lnhqai5ept] {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(99,102,241,0.3);
}

.btn-delete[b-lnhqai5ept] {
    background: #fee2e2;
    color: #b91c1c;
}

.btn-delete:hover[b-lnhqai5ept] {
    background: #fecaca;
    transform: translateY(-3px);
    box-shadow: 0 8px 15px rgba(239, 68, 68, 0.2);
}

.btn-new[b-lnhqai5ept] {
    background: var(--t-hover, #f1f5f9);
    color: var(--t-text-muted, #475569);
}

.btn-new:hover[b-lnhqai5ept] {
    background: var(--t-card-border, #e2e8f0);
    transform: translateY(-3px);
}

.btn-cancel[b-lnhqai5ept] {
    background: var(--t-hover, #f1f5f9);
    color: #dc2626;
    border: 1.5px solid #fecaca;
}

.btn-cancel:hover[b-lnhqai5ept] {
    background: #fef2f2;
    border-color: #f87171;
    transform: translateY(-3px);
}

.list-header[b-lnhqai5ept] {
    background: #1e293b;
    color: white;
    padding: 15px 20px;
    border-radius: 12px 12px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.title-with-icon[b-lnhqai5ept] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.title-with-icon h3[b-lnhqai5ept] {
    margin: 0;
    font-size: 1.1rem;
}

.search-bar[b-lnhqai5ept] {
    position: relative;
    display: flex;
    align-items: center;
    width: 250px;
    max-width: 100%;
}

.search-bar input[b-lnhqai5ept] {
    padding: 8px 36px 8px 15px;
    border-radius: 20px;
    border: none;
    width: 100%;
    outline: none;
}

.search-bar .search-icon[b-lnhqai5ept] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 0.9rem;
    opacity: 0.8;
}

.yetki-filter[b-lnhqai5ept] {
    display: flex;
    align-items: center;
    min-width: 220px;
}

.yetki-filter select[b-lnhqai5ept] {
    width: 100%;
}

.yetki-pill[b-lnhqai5ept] {
    padding: 4px 10px;
    border-radius: 14px;
    font-weight: 700;
    font-size: 0.8rem;
    display: inline-block;
    white-space: nowrap;
}

.yetki-pill.ok[b-lnhqai5ept] {
    background: #dcfce7;
    color: #166534;
}

.yetki-pill.pending[b-lnhqai5ept] {
    background: #fef3c7;
    color: #92400e;
}

.yetki-pill.none[b-lnhqai5ept] {
    background: #fee2e2;
    color: #b91c1c;
}

.yetki-pill.end[b-lnhqai5ept] {
    background: #e2e8f0;
    color: #475569;
}

.table-responsive[b-lnhqai5ept] {
    background: var(--t-card, white);
    border: 1px solid var(--t-card-border, #e2e8f0);
    border-radius: 0 0 12px 12px;
    overflow-x: auto;
}

.modern-table[b-lnhqai5ept] {
    width: 100%;
    border-collapse: collapse;
    min-width: 1100px;
}

.modern-table th[b-lnhqai5ept] {
    background: var(--t-hover, #f8fafc);
    padding: 12px 15px;
    text-align: left;
    font-size: 0.85rem;
    color: var(--t-text-muted, #64748b);
    border-bottom: 2px solid var(--t-card-border, #e2e8f0);
    text-transform: uppercase;
}

.modern-table td[b-lnhqai5ept] {
    padding: 12px 15px;
    border-bottom: 1px solid var(--t-card-border, #f1f5f9);
    font-size: 0.95rem;
}

.modern-table tr:hover[b-lnhqai5ept] {
    background: var(--t-hover, #f0f9ff);
    cursor: pointer;
}

.status-pill.success[b-lnhqai5ept] {
    background: #dcfce7;
    color: #166534;
    padding: 6px 14px;
    border-radius: 20px;
    font-weight: 800;
    font-size: 0.8rem;
}

.status-pill.pending[b-lnhqai5ept] {
    background: #fef3c7;
    color: #92400e;
    padding: 6px 14px;
    border-radius: 20px;
    font-weight: 800;
    font-size: 0.8rem;
}

.patient-tag[b-lnhqai5ept] {
    background: var(--t-hover, #f1f5f9);
    padding: 4px 8px;
    border-radius: 6px;
    font-weight: 600;
    color: var(--t-text-muted, #475569);
}

.form-message[b-lnhqai5ept] {
    margin-top: 15px;
    padding: 12px 16px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 0.95rem;
}

.form-message.success[b-lnhqai5ept] {
    background: #dcfce7;
    color: #166534;
    border-left: 4px solid #22c55e;
}

.form-message.error[b-lnhqai5ept] {
    background: #fef2f2;
    color: #dc2626;
    border-left: 4px solid #ef4444;
}

@media (max-width: 900px) {
    .form-grid[b-lnhqai5ept] {
        grid-template-columns: 1fr 1fr;
    }

    .span-all[b-lnhqai5ept] {
        grid-column: span 2;
    }
}

@media (max-width: 600px) {
    .page-container[b-lnhqai5ept] {
        padding: 6px;
        max-width: 100%;
    }

    .sablon-bar[b-lnhqai5ept] { padding: 8px 12px; gap: 6px; border-radius: 8px; }
    .sablon-chip[b-lnhqai5ept] { padding: 4px 10px; font-size: 0.72rem; }
    .sablon-save-btn[b-lnhqai5ept] { font-size: 0.72rem; padding: 4px 10px; }
    .sablon-kaydet-panel[b-lnhqai5ept] { padding: 10px 12px; }
    .sablon-kaydet-body[b-lnhqai5ept] { flex-direction: column; }
    .sablon-kaydet-body .btn-save[b-lnhqai5ept] { width: 100%; text-align: center; }

    .form-section[b-lnhqai5ept] {
        padding: 14px;
        border-radius: 8px;
        word-break: break-word;
    }

    .form-grid[b-lnhqai5ept] {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .span-all[b-lnhqai5ept] {
        grid-column: span 1;
    }

    .form-header h2[b-lnhqai5ept] {
        font-size: 1.1rem;
    }

    .form-actions[b-lnhqai5ept] {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .sabit-veri-box[b-lnhqai5ept] {
        justify-content: center;
        padding: 8px 12px;
        border-radius: 12px;
    }

    .btns[b-lnhqai5ept] {
        flex-direction: column;
        width: 100%;
    }

    .btn[b-lnhqai5ept] {
        width: 100%;
        text-align: center;
        padding: 14px;
    }

    .f2-hint[b-lnhqai5ept] { display: none; }

    .list-header[b-lnhqai5ept] {
        flex-direction: column;
        gap: 10px;
        padding: 12px 14px;
    }

    .search-bar[b-lnhqai5ept] {
        width: 100%;
    }

    .search-bar input[b-lnhqai5ept] {
        width: 100%;
    }

    .yetki-filter[b-lnhqai5ept] {
        width: 100%;
    }

    .modern-table[b-lnhqai5ept] {
        min-width: 800px;
    }

    .modern-table th[b-lnhqai5ept],
    .modern-table td[b-lnhqai5ept] {
        padding: 8px 10px;
        font-size: 0.82rem;
    }

    .readonly-badge[b-lnhqai5ept] {
        display: block;
        margin-left: 0;
        margin-top: 6px;
        text-align: center;
    }

    .form-message[b-lnhqai5ept] {
        font-size: 0.88rem;
        padding: 10px 12px;
    }
}

/* ═══ ZİYARET PLANLAMA BANNER ═══ */
.zp-banner[b-lnhqai5ept] {
    background: var(--t-hover, linear-gradient(135deg, #eef2ff 0%, #e0e7ff 100%));
    border: 1.5px solid var(--t-card-border, #c7d2fe);
    border-radius: 14px; padding: 14px 18px; margin-bottom: 14px;
    animation: zpSlideDown-b-lnhqai5ept 0.2s ease both;
}
.zp-banner-head[b-lnhqai5ept] {
    display: flex; align-items: center; gap: 8px;
    font-size: 0.92rem; color: var(--t-accent, #4338ca); margin-bottom: 10px;
}
.zp-banner-head .btn-plan[b-lnhqai5ept] { margin-left: auto; }
.zp-banner-list[b-lnhqai5ept] { display: flex; flex-direction: column; gap: 6px; }
.zp-banner-item[b-lnhqai5ept] {
    display: flex; align-items: center; gap: 8px; padding: 8px 12px;
    border-radius: 10px; background: var(--t-card, white); border: 1px solid var(--t-card-border, #e2e8f0);
    font-size: 0.82rem; transition: all 0.15s; flex-wrap: wrap;
    animation: zpItemFadeIn-b-lnhqai5ept 0.15s ease both;
}
.zp-banner-item:nth-child(1)[b-lnhqai5ept] { animation-delay: 0.03s; }
.zp-banner-item:nth-child(2)[b-lnhqai5ept] { animation-delay: 0.06s; }
.zp-banner-item:nth-child(3)[b-lnhqai5ept] { animation-delay: 0.09s; }
.zp-banner-item:nth-child(4)[b-lnhqai5ept] { animation-delay: 0.12s; }
.zp-banner-item:nth-child(5)[b-lnhqai5ept] { animation-delay: 0.15s; }
.zp-banner-item.blue[b-lnhqai5ept] { border-left: 4px solid var(--t-accent, #6366f1); }
.zp-banner-item.green[b-lnhqai5ept] { border-left: 4px solid #16a34a; background: var(--t-success-bg, #f0fdf4); }
.zp-banner-item.red[b-lnhqai5ept] { border-left: 4px solid #dc2626; background: var(--t-danger-bg, #fef2f2); }
.zp-bi-durum[b-lnhqai5ept] { font-size: 1rem; flex-shrink: 0; }
.zp-bi-merkez[b-lnhqai5ept] { font-weight: 700; color: var(--t-text, #1e293b); }
.zp-bi-hasta[b-lnhqai5ept] { color: var(--t-accent, #6366f1); font-weight: 600; font-size: 0.78rem; background: var(--t-accent-light, #eef2ff); padding: 2px 8px; border-radius: 6px; }
.zp-bi-sponsor[b-lnhqai5ept] { color: var(--t-text-muted, #64748b); font-weight: 600; font-size: 0.72rem; }
.zp-bi-proje[b-lnhqai5ept] { color: var(--t-text-muted, #64748b); font-weight: 600; font-size: 0.72rem; }
.zp-bi-saat[b-lnhqai5ept] { color: var(--t-text-muted, #64748b); font-weight: 600; font-size: 0.78rem; }
.zp-bi-btn[b-lnhqai5ept] {
    margin-left: auto; padding: 4px 12px; border: 1.5px solid var(--t-accent, #6366f1);
    border-radius: 8px; background: var(--t-accent, #6366f1); color: white;
    font-weight: 700; font-size: 0.75rem; cursor: pointer; transition: all 0.15s;
    white-space: nowrap;
}
.zp-bi-btn:hover[b-lnhqai5ept] { filter: brightness(0.9); }

@keyframes zpSlideDown-b-lnhqai5ept {
    from { opacity: 0; transform: translateY(-18px) scale(0.97); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes zpItemFadeIn-b-lnhqai5ept {
    from { opacity: 0; transform: translateX(-12px); }
    to   { opacity: 1; transform: translateX(0); }
}

/* ═══ ZİYARET PLANLAMA POPUP ═══ */
.zp-overlay[b-lnhqai5ept] {
    position: fixed; inset: 0; z-index: 10000;
    background: rgba(0,0,0,0.45); backdrop-filter: blur(3px);
}
.zp-popup[b-lnhqai5ept] {
    position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%);
    z-index: 10001; background: var(--t-card, white); border-radius: 18px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.2); width: 480px; max-width: 95vw;
    max-height: 90vh; overflow-y: auto;
}
.zp-popup-header[b-lnhqai5ept] {
    display: flex; justify-content: space-between; align-items: center;
    padding: 16px 20px; border-bottom: 2px solid var(--t-card-border, #f1f5f9);
}
.zp-popup-header h3[b-lnhqai5ept] { margin: 0; font-size: 1rem; font-weight: 800; color: var(--t-text, #1e293b); }
.zp-popup-close[b-lnhqai5ept] {
    width: 30px; height: 30px; border: none; border-radius: 8px;
    background: var(--t-hover, #f1f5f9); cursor: pointer; color: var(--t-text-muted, #64748b);
    display: flex; align-items: center; justify-content: center;
}
.zp-popup-close:hover[b-lnhqai5ept] { background: #fef2f2; color: #dc2626; }
.zp-popup-body[b-lnhqai5ept] { padding: 16px 20px; display: flex; flex-direction: column; gap: 12px; }
.zp-popup-footer[b-lnhqai5ept] {
    display: flex; justify-content: flex-end; gap: 8px;
    padding: 14px 20px; border-top: 1px solid var(--t-card-border, #f1f5f9);
}
.zp-form-group[b-lnhqai5ept] { display: flex; flex-direction: column; gap: 4px; }
.zp-form-group label[b-lnhqai5ept] { font-size: 0.78rem; font-weight: 700; color: var(--t-text-muted, #64748b); }
.zp-form-hint[b-lnhqai5ept] { font-weight: 500; font-size: 0.68rem; color: var(--t-text-muted, #94a3b8); }
.zp-form-row[b-lnhqai5ept] { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.zp-hasta-bilgi[b-lnhqai5ept] {
    display: flex; gap: 10px; flex-wrap: wrap;
    padding: 8px 12px; border-radius: 10px;
    background: var(--t-success-bg, #f0fdf4); border: 1px solid var(--t-card-border, #bbf7d0);
    font-size: 0.78rem; font-weight: 600; color: var(--t-text, #166534);
}
.btn-plan[b-lnhqai5ept] {
    padding: 7px 14px; border: 1.5px solid var(--t-accent, #6366f1); border-radius: 10px;
    background: var(--t-accent-light, #eef2ff); color: var(--t-accent, #6366f1); font-weight: 700; font-size: 0.8rem;
    cursor: pointer; transition: all 0.15s; white-space: nowrap;
}
.btn-plan:hover[b-lnhqai5ept] { background: var(--t-accent, #6366f1); color: white; }
.btn-warning[b-lnhqai5ept] {
    padding: 8px 16px; border: 1.5px solid #f59e0b; border-radius: 10px;
    background: var(--t-warning-bg, #fefce8); color: #ca8a04; font-weight: 700; font-size: 0.82rem;
    cursor: pointer; transition: all 0.15s;
}
.btn-warning:hover[b-lnhqai5ept] { background: #fef9c3; }

/* ═══ PLANLI ZİYARETLER LİSTESİ ═══ */
.zp-list-section[b-lnhqai5ept] {
    background: var(--t-card, white); border-radius: 16px; padding: 16px 18px;
    margin-top: 14px; box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    border: 1.5px solid var(--t-card-border, #f1f5f9);
}
.zp-list-header[b-lnhqai5ept] {
    display: flex; align-items: center; gap: 8px; margin-bottom: 12px;
}
.zp-list-header h3[b-lnhqai5ept] { margin: 0; font-size: 0.95rem; font-weight: 800; color: var(--t-text, #1e293b); flex: 1; }
.zp-list-header .icon[b-lnhqai5ept] { font-size: 1.1rem; }
.zp-list-table[b-lnhqai5ept] { display: flex; flex-direction: column; gap: 5px; }
.zp-row[b-lnhqai5ept] {
    display: flex; align-items: center; gap: 8px; padding: 8px 12px;
    border-radius: 10px; border: 1px solid var(--t-card-border, #e2e8f0);
    cursor: pointer; transition: all 0.15s; font-size: 0.82rem; flex-wrap: wrap;
    background: var(--t-card, white);
}
.zp-row:hover[b-lnhqai5ept] { background: var(--t-hover, #f8fafc); }
.zp-row.blue[b-lnhqai5ept] { border-left: 4px solid var(--t-accent, #6366f1); }
.zp-row.green[b-lnhqai5ept] { border-left: 4px solid #16a34a; background: var(--t-success-bg, #f0fdf4); }
.zp-row.red[b-lnhqai5ept] { border-left: 4px solid #dc2626; background: var(--t-danger-bg, #fef2f2); }
.zp-row.gray[b-lnhqai5ept] { border-left: 4px solid var(--t-text-muted, #94a3b8); opacity: 0.6; }
.zp-r-durum[b-lnhqai5ept] { font-size: 0.95rem; flex-shrink: 0; }
.zp-r-tarih[b-lnhqai5ept] { font-weight: 800; color: var(--t-accent, #6366f1); min-width: 70px; }
.zp-r-merkez[b-lnhqai5ept] { font-weight: 700; color: var(--t-text, #1e293b); }
.zp-r-hasta[b-lnhqai5ept] { color: var(--t-accent, #6366f1); font-weight: 600; font-size: 0.75rem; background: var(--t-accent-light, #eef2ff); padding: 2px 8px; border-radius: 6px; }
.zp-r-vizit[b-lnhqai5ept] { color: var(--t-text-muted, #64748b); font-size: 0.75rem; }
.zp-r-durum-text[b-lnhqai5ept] { margin-left: auto; font-weight: 700; font-size: 0.72rem; color: var(--t-text-muted, #64748b); }

@media (max-width: 768px) {
    .zp-popup[b-lnhqai5ept] { width: 95vw; }
    .zp-form-row[b-lnhqai5ept] { grid-template-columns: 1fr; }
    .zp-banner-item[b-lnhqai5ept] { flex-wrap: wrap; }
    .zp-bi-btn[b-lnhqai5ept] { margin-left: 0; width: 100%; text-align: center; margin-top: 4px; }
}

/* ═══ ⚡ HIZLI ERİŞİM KARTLARI ═══ */
.hizli-erisim[b-lnhqai5ept] {
    margin-bottom: 16px;
    background:
        linear-gradient(135deg,
            color-mix(in srgb, var(--t-accent, #6366f1) 8%, var(--t-card, #fff)),
            color-mix(in srgb, var(--t-accent, #6366f1) 4%, var(--t-card, #fff)),
            var(--t-card, #fff));
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 12px;
    padding: 14px 18px;
    overflow: hidden;
}

.hizli-erisim-header[b-lnhqai5ept] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.hizli-erisim-icon[b-lnhqai5ept] {
    font-size: 1.1rem;
}

.hizli-erisim-title[b-lnhqai5ept] {
    font-weight: 800;
    font-size: 0.85rem;
    color: var(--t-text, #1e293b);
}

.hizli-erisim-hint[b-lnhqai5ept] {
    font-size: 0.72rem;
    color: var(--t-text-muted, #94a3b8);
    font-weight: 500;
    margin-left: 4px;
}

.hizli-erisim-cards[b-lnhqai5ept] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.hek-card[b-lnhqai5ept] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border-radius: 10px;
    background: var(--t-card, white);
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    font-size: 0.76rem;
    font-weight: 600;
    color: var(--t-text, #475569);
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
}

.hek-card:hover[b-lnhqai5ept] {
    border-color: #6366f1;
    background: #eef2ff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.15);
}

.hek-card.selected[b-lnhqai5ept] {
    border-color: #16a34a;
    background: linear-gradient(135deg, #f0fdf4, #dcfce7);
    color: #15803d;
    box-shadow: 0 2px 12px rgba(22, 163, 74, 0.18);
    transform: translateY(-1px);
}

.hek-card.selected:hover[b-lnhqai5ept] {
    background: linear-gradient(135deg, #dcfce7, #bbf7d0);
    box-shadow: 0 4px 16px rgba(22, 163, 74, 0.22);
}

.hek-check[b-lnhqai5ept] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    background: #16a34a;
    color: white;
    border-radius: 50%;
    font-size: 0.65rem;
    font-weight: 800;
    flex-shrink: 0;
}

.hek-sponsor[b-lnhqai5ept] { color: #6366f1; font-weight: 700; }
.hek-proje[b-lnhqai5ept] { color: #0891b2; font-weight: 700; }
.hek-merkez[b-lnhqai5ept] { color: #c026d3; font-weight: 700; }

.hek-card.selected .hek-sponsor[b-lnhqai5ept],
.hek-card.selected .hek-proje[b-lnhqai5ept],
.hek-card.selected .hek-merkez[b-lnhqai5ept] {
    color: #15803d;
}

.hek-sep[b-lnhqai5ept] {
    color: var(--t-text-muted, #cbd5e1);
    font-size: 0.8rem;
    font-weight: 400;
}

/* Seçili kart bilgi barı */
.hek-selected-bar[b-lnhqai5ept] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 18px;
    background: linear-gradient(135deg, #f0fdf4, #dcfce7);
    border: 1.5px solid #86efac;
    border-radius: 10px;
    margin-bottom: 14px;
}

.hek-sb-icon[b-lnhqai5ept] {
    font-size: 1rem;
    flex-shrink: 0;
}

.hek-sb-info[b-lnhqai5ept] {
    flex: 1;
    font-size: 0.82rem;
    color: #15803d;
    font-weight: 600;
}

.hek-sb-info strong[b-lnhqai5ept] {
    font-weight: 800;
    color: #166534;
}

.hek-sb-sep[b-lnhqai5ept] {
    color: #86efac;
    margin: 0 2px;
    font-weight: 400;
}

.hek-sb-clear[b-lnhqai5ept] {
    padding: 5px 12px;
    border-radius: 8px;
    border: 1.5px solid #86efac;
    background: white;
    color: #16a34a;
    font-size: 0.72rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
}

.hek-sb-clear:hover[b-lnhqai5ept] {
    background: #fee2e2;
    border-color: #fca5a5;
    color: #dc2626;
}

@media (max-width: 768px) {
    .hizli-erisim[b-lnhqai5ept] { padding: 10px 12px; }
    .hizli-erisim-cards[b-lnhqai5ept] { gap: 6px; }
    .hek-card[b-lnhqai5ept] { padding: 6px 10px; font-size: 0.7rem; flex-wrap: wrap; white-space: normal; }
    .hek-selected-bar[b-lnhqai5ept] { flex-wrap: wrap; gap: 8px; padding: 8px 12px; }
    .hek-sb-info[b-lnhqai5ept] { font-size: 0.76rem; }
    .hek-sb-clear[b-lnhqai5ept] { width: 100%; text-align: center; }
}
/* /Components/Pages/Izinlerim.razor.rz.scp.css */
.page-container[b-0ci0e21o9y] { padding: 6px 8px; margin: 0 auto; }

/* ═══ BAKİYE KARTLARI ═══ */
.izn-bakiye-row[b-0ci0e21o9y] { display: flex; gap: 14px; margin-bottom: 20px; flex-wrap: wrap; }
.izn-bakiye-card[b-0ci0e21o9y] {
    flex: 1; min-width: 140px; display: flex; align-items: center; gap: 12px;
    background: var(--t-card, white); border-radius: 14px; padding: 16px 20px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.04); border-left: 4px solid #6366f1;
}
.izn-bakiye-card.toplam[b-0ci0e21o9y] { border-left-color: #3b82f6; }
.izn-bakiye-card.kullanilan[b-0ci0e21o9y] { border-left-color: #f59e0b; }
.izn-bakiye-card.bekleyen[b-0ci0e21o9y] { border-left-color: #8b5cf6; }
.izn-bakiye-card.kalan[b-0ci0e21o9y] { border-left-color: #16a34a; }
.izn-bakiye-card.borc[b-0ci0e21o9y] { border-left-color: #dc2626; background: #fef2f2; }
.izn-bk-icon[b-0ci0e21o9y] { font-size: 1.6rem; }
.izn-bk-val[b-0ci0e21o9y] { font-size: 1.3rem; font-weight: 800; color: #1e293b; }
.izn-bakiye-card.borc .izn-bk-val[b-0ci0e21o9y] { color: #dc2626; }
.izn-bk-label[b-0ci0e21o9y] { font-size: 0.75rem; color: #94a3b8; font-weight: 600; }

/* ═══ TALEP FORMU ═══ */
.izn-talep-section[b-0ci0e21o9y] {
    background: var(--t-card, white); border-radius: 16px; box-shadow: 0 2px 16px rgba(0,0,0,0.06);
    overflow: visible; margin-bottom: 20px;
}
.izn-talep-header[b-0ci0e21o9y] {
    display: flex; align-items: center; gap: 14px; padding: 18px 24px;
    background: linear-gradient(135deg, #f8fafc, #eff6ff); border-bottom: 2px solid #e2e8f0;
    border-left: 4px solid #6366f1;
}
.izn-talep-header h2[b-0ci0e21o9y] { margin: 0; font-size: 1rem; font-weight: 800; color: #1e293b; }
.izn-talep-grid[b-0ci0e21o9y] {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px; padding: 22px 24px 0;
}
.izn-grp[b-0ci0e21o9y] { display: flex; flex-direction: column; gap: 5px; }
.izn-grp label[b-0ci0e21o9y] { font-size: 0.8rem; font-weight: 700; color: #475569; }
.izn-grp .req[b-0ci0e21o9y] { color: #ef4444; }
.izn-span-full[b-0ci0e21o9y] { grid-column: 1 / -1; }

.izn-grp[b-0ci0e21o9y]  .m-input,
.m-input[b-0ci0e21o9y] {
    padding: 10px 14px; border: 1.5px solid var(--t-input-border, #e2e8f0); border-radius: 10px;
    font-size: 0.9rem; outline: none; background: var(--t-input-bg, white); transition: all 0.2s;
    width: 100%; box-sizing: border-box;
}
.izn-grp[b-0ci0e21o9y]  .m-input:focus, .izn-grp[b-0ci0e21o9y]  .m-input.ss-open,
.m-input:focus[b-0ci0e21o9y] { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.1); }
.m-input:disabled[b-0ci0e21o9y] { background: var(--t-hover, #f8fafc); color: var(--t-text-muted, #64748b); }
textarea.m-input[b-0ci0e21o9y] { resize: vertical; }

.izn-talep-actions[b-0ci0e21o9y] { display: flex; gap: 10px; padding: 18px 24px; flex-wrap: wrap; justify-content: flex-end; }
.btn[b-0ci0e21o9y] {
    padding: 12px 24px; border: none; border-radius: 12px; font-weight: 700;
    font-size: 0.88rem; cursor: pointer; transition: all 0.25s;
    display: flex; align-items: center; justify-content: center; gap: 6px;
}
.btn-save[b-0ci0e21o9y] {
    background: linear-gradient(135deg, #6366f1, #a855f7); color: white;
    box-shadow: 0 2px 10px rgba(99,102,241,0.2);
}
.btn-save:hover[b-0ci0e21o9y] { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(99,102,241,0.35); }
.btn-save:active[b-0ci0e21o9y] { transform: translateY(0); }
.btn-delete[b-0ci0e21o9y] { background: #fef2f2; color: #dc2626; border: 1.5px solid #fecaca; }
.btn-delete:hover[b-0ci0e21o9y] { background: #dc2626; color: white; }
.btn-new[b-0ci0e21o9y] { background: var(--t-card, white); color: var(--t-text-muted, #64748b); border: 1.5px solid var(--t-card-border, #e2e8f0); }
.btn-new:hover[b-0ci0e21o9y] { border-color: #6366f1; color: #6366f1; }

.form-message[b-0ci0e21o9y] {
    margin: 0 24px 18px; padding: 12px 18px; border-radius: 10px;
    font-weight: 600; font-size: 0.9rem;
}
.form-message.success[b-0ci0e21o9y] { background: #f0fdf4; color: #16a34a; border: 1px solid #bbf7d0; }
.form-message.error[b-0ci0e21o9y] { background: #fef2f2; color: #dc2626; border: 1px solid #fecaca; }

/* ═══ HAKEDİŞ ═══ */
.izn-hakedis-section[b-0ci0e21o9y] {
    background: var(--t-card, white); border-radius: 16px; box-shadow: 0 2px 12px rgba(0,0,0,0.04);
    padding: 18px 24px; margin-bottom: 20px;
}
.izn-hakedis-section h3[b-0ci0e21o9y] { margin: 0 0 14px; font-size: 0.95rem; font-weight: 700; color: var(--t-text, #1e293b); }
.izn-hakedis-list[b-0ci0e21o9y] { display: flex; flex-wrap: wrap; gap: 8px; }
.izn-hakedis-item[b-0ci0e21o9y] {
    display: flex; align-items: center; gap: 8px; padding: 8px 14px;
    background: var(--t-hover, #f8fafc); border: 1px solid var(--t-card-border, #e2e8f0); border-radius: 10px;
}
.izn-hk-yil[b-0ci0e21o9y] { font-weight: 800; color: #6366f1; font-size: 0.88rem; }
.izn-hk-gun[b-0ci0e21o9y] { font-weight: 700; color: #16a34a; font-size: 0.82rem; background: #f0fdf4; padding: 2px 8px; border-radius: 6px; }
.izn-hk-ack[b-0ci0e21o9y] { font-size: 0.78rem; color: #94a3b8; }

/* ═══ LİSTE ═══ */
.izn-liste-section[b-0ci0e21o9y] {
    background: var(--t-card, white); border-radius: 16px; box-shadow: 0 2px 12px rgba(0,0,0,0.06); overflow: hidden;
}
.izn-liste-header[b-0ci0e21o9y] {
    padding: 16px 24px; border-bottom: 2px solid var(--t-card-border, #f1f5f9);
    background: linear-gradient(135deg, #f8fafc, #eff6ff);
}
.title-with-icon[b-0ci0e21o9y] { display: flex; align-items: center; gap: 10px; }
.title-with-icon .icon[b-0ci0e21o9y] { font-size: 1.2rem; }
.title-with-icon h3[b-0ci0e21o9y] { margin: 0; font-size: 1rem; font-weight: 800; color: var(--t-text, #1e293b); }
.izn-table-wrap[b-0ci0e21o9y] { overflow-x: auto; }
.izn-tablo[b-0ci0e21o9y] { width: 100%; border-collapse: collapse; }
.izn-tablo th[b-0ci0e21o9y] {
    padding: 12px 16px; text-align: left; font-size: 0.75rem; font-weight: 700;
    color: var(--t-text-muted, #64748b); text-transform: uppercase; letter-spacing: 0.5px;
    border-bottom: 2px solid var(--t-card-border, #f1f5f9); background: var(--t-hover, #fafbfc);
}
.izn-tablo td[b-0ci0e21o9y] { padding: 12px 16px; font-size: 0.88rem; color: var(--t-text, #334155); border-bottom: 1px solid var(--t-card-border, #f1f5f9); }
.izn-tablo tr[b-0ci0e21o9y] { transition: background 0.15s; }
.izn-tablo tbody tr:hover[b-0ci0e21o9y] { background: var(--t-hover, #f8fafc); cursor: pointer; }
.izn-tablo .row-active[b-0ci0e21o9y] { background: #eff6ff !important; }
.izn-tablo .row-dim[b-0ci0e21o9y] { opacity: 0.55; }
.izn-tablo .row-readonly[b-0ci0e21o9y] { cursor: default; opacity: 0.7; }
.izn-tablo .row-readonly:hover[b-0ci0e21o9y] { background: transparent; cursor: default; }
.td-gun[b-0ci0e21o9y] { font-weight: 700; color: #6366f1; text-align: center; }
.td-ack[b-0ci0e21o9y] { max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #94a3b8; }
.empty-row[b-0ci0e21o9y] { text-align: center; padding: 40px 16px !important; color: #94a3b8; }

/* Türü pill */
.izn-tur-pill[b-0ci0e21o9y] { padding: 4px 12px; border-radius: 8px; font-size: 0.76rem; font-weight: 700; }
.izn-tur-pill.yillik[b-0ci0e21o9y] { background: #eff6ff; color: #3b82f6; }
.izn-tur-pill.saglik[b-0ci0e21o9y] { background: #fef2f2; color: #dc2626; }
.izn-tur-pill.mazeret[b-0ci0e21o9y] { background: #fffbeb; color: #d97706; }
.izn-tur-pill.diger[b-0ci0e21o9y] { background: #f3e8ff; color: #7c3aed; }

/* Durum pill */
.izn-durum-pill[b-0ci0e21o9y] { padding: 4px 12px; border-radius: 8px; font-size: 0.76rem; font-weight: 700; display: inline-block; }
.izn-durum-pill.onaylandi[b-0ci0e21o9y] { background: #f0fdf4; color: #16a34a; }
.izn-durum-pill.beklemede[b-0ci0e21o9y] { background: #fffbeb; color: #d97706; }
.izn-durum-pill.reddedildi[b-0ci0e21o9y] { background: #fef2f2; color: #dc2626; }
.izn-durum-pill.iptal[b-0ci0e21o9y] { background: var(--t-hover, #f1f5f9); color: var(--t-text-muted, #64748b); }
.izn-durum-pill.planlandi[b-0ci0e21o9y] { background: #ecfeff; color: #0891b2; }

/* ═══ EK DOSYA YÜKLEME ALANLARI ═══ */
.izn-ek-row[b-0ci0e21o9y] {
    display: grid; grid-template-columns: 1fr 1fr; gap: 16px;
    padding: 0 24px 16px; margin-top: 24px;
}
.izn-ek-zone[b-0ci0e21o9y] {
    border: 2px dashed var(--t-input-border, #e2e8f0); border-radius: 14px;
    background: var(--t-hover, #fafbfc); transition: all 0.25s;
    overflow: hidden;
}
.izn-ek-zone.dilekce[b-0ci0e21o9y] { border-color: #c7d2fe; }
.izn-ek-zone.mail[b-0ci0e21o9y] { border-color: #fbcfe8; }
.izn-ek-header[b-0ci0e21o9y] {
    display: flex; align-items: center; gap: 8px; padding: 12px 16px;
    background: linear-gradient(135deg, #f8fafc, #eff6ff);
    border-bottom: 1px solid var(--t-card-border, #f1f5f9);
}
.izn-ek-zone.mail .izn-ek-header[b-0ci0e21o9y] { background: linear-gradient(135deg, #fdf2f8, #fce7f3); }
.izn-ek-icon[b-0ci0e21o9y] { font-size: 1.2rem; }
.izn-ek-title[b-0ci0e21o9y] { font-size: 0.82rem; font-weight: 800; color: var(--t-text, #1e293b); }
.izn-ek-hint[b-0ci0e21o9y] { font-size: 0.7rem; color: #94a3b8; margin-left: auto; font-weight: 600; }
.izn-ek-body[b-0ci0e21o9y] {
    display: flex; align-items: center; justify-content: center;
    min-height: 80px; position: relative; cursor: pointer; padding: 12px 16px;
}
.izn-ek-empty[b-0ci0e21o9y] {
    display: flex; flex-direction: column; align-items: center; gap: 6px;
    color: #94a3b8; font-size: 0.8rem; font-weight: 600;
}
.izn-ek-empty-label[b-0ci0e21o9y] {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 6px; width: 100%; min-height: 80px; cursor: pointer;
    color: #94a3b8; font-size: 0.8rem; font-weight: 600;
}
.izn-ek-drop-icon[b-0ci0e21o9y] { font-size: 1.5rem; opacity: 0.5; }
.izn-ek-loaded[b-0ci0e21o9y] {
    display: flex; align-items: center; gap: 8px; padding: 8px 14px;
    background: #f0fdf4; border: 1.5px solid #86efac; border-radius: 10px; width: 100%;
}
.izn-ek-loaded.existing[b-0ci0e21o9y] { background: #eff6ff; border-color: #93c5fd; }
.izn-ek-loaded.existing .izn-ek-file-name[b-0ci0e21o9y] { color: #3b82f6; text-decoration: none; }
.izn-ek-loaded.existing .izn-ek-file-name:hover[b-0ci0e21o9y] { text-decoration: underline; }
.izn-ek-file-icon[b-0ci0e21o9y] { font-size: 1.1rem; }
.izn-ek-file-name[b-0ci0e21o9y] { font-size: 0.82rem; font-weight: 700; color: #16a34a; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.izn-ek-file-size[b-0ci0e21o9y] { font-size: 0.72rem; color: #94a3b8; font-weight: 600; }
.izn-ek-remove[b-0ci0e21o9y] {
    background: #fef2f2; border: 1.5px solid #fecaca; color: #dc2626; border-radius: 8px;
    width: 28px; height: 28px; display: flex; align-items: center; justify-content: center;
    cursor: pointer; font-size: 0.8rem; font-weight: 800; transition: all 0.2s; flex-shrink: 0;
}
.izn-ek-remove:hover[b-0ci0e21o9y] { background: #dc2626; color: white; }

/* Uyarı */
.izn-ek-uyari[b-0ci0e21o9y] {
    display: flex; align-items: center; gap: 8px; margin: 0 24px 8px;
    padding: 10px 16px; border-radius: 10px;
    background: #fffbeb; border: 1.5px solid #fde68a; color: #92400e;
    font-size: 0.8rem; font-weight: 600;
}
.izn-ek-uyari-icon[b-0ci0e21o9y] { font-size: 1rem; flex-shrink: 0; }

/* Gün bilgi satırı */
.izn-gun-bilgi[b-0ci0e21o9y] {
    display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
    padding: 8px 14px; border-radius: 10px;
    background: var(--t-hover, #f8fafc); border: 1px solid var(--t-card-border, #e2e8f0);
    font-size: 0.8rem; font-weight: 600; color: var(--t-text-muted, #64748b);
}
.izn-gun-bilgi-sm[b-0ci0e21o9y] {
    padding: 5px 10px; font-size: 0.72rem; margin-top: 4px;
}
.izn-gun-cikar[b-0ci0e21o9y] { color: #dc2626; font-weight: 700; }
.izn-gun-sonuc[b-0ci0e21o9y] { color: #16a34a; font-weight: 800; }

/* Kaynak tag */
.izn-kaynak-tag[b-0ci0e21o9y] {
    padding: 3px 10px; border-radius: 6px; font-size: 0.72rem; font-weight: 700; white-space: nowrap;
}
.izn-kaynak-tag.kisisel[b-0ci0e21o9y] { background: #eff6ff; color: #3b82f6; }
.izn-kaynak-tag.yonetim[b-0ci0e21o9y] { background: #f3e8ff; color: #7c3aed; }
.td-center[b-0ci0e21o9y] { text-align: center; }

/* Satır seçim */
.izn-tablo .row-selected[b-0ci0e21o9y] { background: #f0f4ff !important; }

/* Detay satırı */
.izn-detail-row td[b-0ci0e21o9y] { padding: 0 !important; border-bottom: 1px solid #f1f5f9; }
.izn-detail-card[b-0ci0e21o9y] {
    margin: 4px 12px 12px; padding: 16px 20px; border-radius: 12px;
    background: linear-gradient(135deg, #fafbff, #f8fafc); border: 1.5px solid #e2e8f0;
    animation: izn-detail-in-b-0ci0e21o9y 0.2s ease;
}
@keyframes izn-detail-in-b-0ci0e21o9y {
    from { opacity: 0; transform: translateY(-6px); }
    to { opacity: 1; transform: translateY(0); }
}
.izn-detail-grid[b-0ci0e21o9y] {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px;
}
.izn-detail-full[b-0ci0e21o9y] { grid-column: 1 / -1; }
.izn-detail-item[b-0ci0e21o9y] { display: flex; flex-direction: column; gap: 3px; }
.izn-dt-label[b-0ci0e21o9y] { font-size: 0.7rem; font-weight: 700; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.3px; }
.izn-dt-val[b-0ci0e21o9y] { font-size: 0.85rem; color: var(--t-text, #334155); }
.izn-dt-bold[b-0ci0e21o9y] { font-weight: 800; color: #6366f1; }
.izn-dt-red[b-0ci0e21o9y] { color: #dc2626; font-weight: 600; }
.izn-detail-ekler[b-0ci0e21o9y] {
    display: flex; gap: 8px; margin-top: 12px; padding-top: 12px;
    border-top: 1px solid #e2e8f0; flex-wrap: wrap;
}
.izn-detail-ek[b-0ci0e21o9y] {
    display: inline-flex; align-items: center; gap: 4px; padding: 6px 14px;
    border-radius: 8px; font-size: 0.78rem; font-weight: 700;
    text-decoration: none; transition: all 0.2s;
}
.izn-detail-ek.dilekce[b-0ci0e21o9y] { background: #eff6ff; color: #3b82f6; border: 1px solid #bfdbfe; }
.izn-detail-ek.dilekce:hover[b-0ci0e21o9y] { background: #dbeafe; }
.izn-detail-ek.mail[b-0ci0e21o9y] { background: #fdf2f8; color: #db2777; border: 1px solid #fbcfe8; }
.izn-detail-ek.mail:hover[b-0ci0e21o9y] { background: #fce7f3; }

@media (max-width: 768px) {
    .page-container[b-0ci0e21o9y] { padding: 12px; }
    .izn-bakiye-card[b-0ci0e21o9y] { min-width: calc(50% - 10px); }
    .izn-talep-grid[b-0ci0e21o9y] { grid-template-columns: 1fr; padding: 12px 16px 0; gap: 10px; }
    .izn-talep-actions[b-0ci0e21o9y] { padding: 14px 16px 16px; flex-direction: column; }
    .btn[b-0ci0e21o9y] { width: 100%; }
    .form-message[b-0ci0e21o9y] { margin: 0 16px 16px; }
    [b-0ci0e21o9y] .pl-list-header { flex-direction: row !important; align-items: center; flex-wrap: nowrap; }
    [b-0ci0e21o9y] .pl-title-with-icon h3 { font-size: 0.85rem; }
    [b-0ci0e21o9y] .export-btn { margin-left: auto; }
    .izn-ek-row[b-0ci0e21o9y] { grid-template-columns: 1fr; padding: 0 16px 12px; gap: 10px; }
    .izn-ek-uyari[b-0ci0e21o9y] { margin: 0 16px 8px; }
}
/* /Components/Pages/Login.razor.rz.scp.css */
/* =========================================
   MEDİSİST KURUMSAL GİRİŞ EKRANI STİLLERİ
   ========================================= */

/* 1. ANA SAYFA VE ARKA PLAN YAPISI */
.login-page[b-50ld4j534t] {
    position: fixed;
    /* inset:0 + 100dvh — iPhone PWA'da safe-area dahil tüm ekranı kapsar.
       'height: 100%' iOS PWA standalone'da home indicator safe-area'sını
       ATLAYABİLİR; bu yüzden 100dvh / -webkit-fill-available kullanıyoruz. */
    inset: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: -webkit-fill-available;
    height: 100dvh;
    height: 100lvh; /* klavye açılsa bile küçülmesin → rozetler klavye arkasında kalsın */
    min-height: 100lvh;
    z-index: 9999;
    background:
        radial-gradient(ellipse at 20% 80%, rgba(219, 234, 254, 0.5) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 20%, rgba(224, 231, 255, 0.4) 0%, transparent 50%),
        linear-gradient(160deg, #f8fafc 0%, #e2e8f0 30%, #f1f5f9 60%, #e8edf5 100%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* Üst/alt safe-area için iç padding; arka plan ekranın en altına kadar uzanır,
       form içeriği ise home indicator/status bar'ın üstüne girmez. */
    padding: max(15px, env(safe-area-inset-top, 0px)) 15px max(15px, env(safe-area-inset-bottom, 0px)) 15px;
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    overflow-y: auto;
    overflow-x: hidden;
}

.login-page[b-50ld4j534t]::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background:
        radial-gradient(600px 600px at 10% 90%, rgba(59, 130, 246, 0.06), transparent),
        radial-gradient(400px 400px at 90% 10%, rgba(99, 102, 241, 0.05), transparent);
    pointer-events: none;
    z-index: 0;
}

.login-page[b-50ld4j534t]::after {
    content: '';
    position: absolute;
    top: -20%; right: -15%;
    width: 500px; height: 500px;
    background: radial-gradient(circle, rgba(59, 130, 246, 0.04) 0%, transparent 60%);
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

.skip-link[b-50ld4j534t] {
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.skip-link:focus[b-50ld4j534t] {
    left: 12px;
    top: 12px;
    width: auto;
    height: auto;
    background: #0ea5e9;
    color: white;
    padding: 8px 12px;
    border-radius: 6px;
    z-index: 99999;
}

@media (max-width: 400px) {
    .glass-card[b-50ld4j534t] { padding: 0; max-width: 100%; }
    .login-content[b-50ld4j534t] { padding: 18px 16px; }
    .brand-section[b-50ld4j534t] { padding: 20px 16px 14px; }
    .btn-modern-login[b-50ld4j534t] { padding: 13px; font-size: 0.92rem; }
}

/* 2. CAM EFEKTLİ GİRİŞ KARTI (GLASSMORPHISM) */
.glass-card[b-50ld4j534t] {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(20px) saturate(1.4);
    -webkit-backdrop-filter: blur(20px) saturate(1.4);
    border: 1px solid rgba(226, 232, 240, 0.6);
    border-radius: 24px;
    box-shadow:
        0 25px 60px rgba(0, 0, 0, 0.08),
        0 4px 16px rgba(0, 0, 0, 0.04);
    width: 100%;
    max-width: 420px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    animation: login-card-in-b-50ld4j534t 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes login-card-in-b-50ld4j534t {
    0% { opacity: 0; transform: translateY(30px) scale(0.96); }
    100% { opacity: 1; transform: translateY(0) scale(1); }
}

/* 3. LOGO VE BAŞLIK BÖLÜMÜ */
.brand-section[b-50ld4j534t] {
    background: rgba(248, 250, 252, 0.6);
    padding: 30px;
    text-align: center;
    border-bottom: 1px solid #e2e8f0;
}

.brand-section *[b-50ld4j534t] {
    outline: none;
    border: none;
    box-shadow: none;
}

.brand-section h1[b-50ld4j534t] {
    border: none;
}

.main-logo[b-50ld4j534t] {
    color: #004a99;
    font-size: 2.6rem;
    font-weight: 900;
    margin: 0;
    letter-spacing: 5px;
    outline: none;
    border: none;
    -webkit-text-stroke: 0;
    text-decoration: none;
}

.login-logo-icon[b-50ld4j534t] {
    width: 62px; height: 62px; border-radius: 16px; position: relative;
    background: linear-gradient(135deg, #1e3a5f 0%, #2563eb 50%, #3b82f6 100%);
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 6px 20px rgba(37, 99, 235, 0.25);
    margin: 0 auto 14px;
}
.login-logo-pulse[b-50ld4j534t] {
    position: absolute; inset: -4px; border-radius: 18px;
    background: linear-gradient(135deg, rgba(37,99,235,0.15), rgba(59,130,246,0.1));
    animation: login-glow-b-50ld4j534t 4s ease-in-out infinite; z-index: 0;
}
@keyframes login-glow-b-50ld4j534t {
    0%, 100% { opacity: 0.4; transform: scale(1); }
    50% { opacity: 0.8; transform: scale(1.05); }
}
.login-logo-letter[b-50ld4j534t] {
    width: 60%; height: 60%; z-index: 1;
    fill: white;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));
}
.login-logo-title[b-50ld4j534t] {
    display: flex; align-items: baseline; justify-content: center;
    line-height: 1; margin-bottom: 4px;
}
.login-logo-medi[b-50ld4j534t] {
    font-size: 2.4rem; font-weight: 900; letter-spacing: 5px;
    background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 50%, #334155 100%);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    background-clip: text;
    font-family: 'Segoe UI', 'Inter', 'Helvetica Neue', Arial, sans-serif;
}
.login-logo-sist[b-50ld4j534t] {
    font-size: 2.4rem; font-weight: 900; letter-spacing: 5px;
    background: linear-gradient(135deg, #2563eb 0%, #3b82f6 40%, #60a5fa 100%);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    background-clip: text;
    font-family: 'Segoe UI', 'Inter', 'Helvetica Neue', Arial, sans-serif;
}

.sub-title[b-50ld4j534t] {
    color: #94a3b8;
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 3.5px;
    margin-top: 2px;
    text-transform: uppercase;
}
.sub-title .ver-sep[b-50ld4j534t] {
    opacity: 0.2;
    margin: 0 4px;
    letter-spacing: 0;
    font-size: 0.4rem;
    vertical-align: middle;
}
.sub-title .ver-inline[b-50ld4j534t],
.login-ver-wrapper .ver-inline[b-50ld4j534t] {
    display: inline-flex;
    align-items: center;
    padding: 2px 9px;
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.07) 0%, rgba(99, 102, 241, 0.1) 100%);
    border: 1px solid rgba(59, 130, 246, 0.18);
    border-radius: 20px;
    font-weight: 800;
    font-size: 0.6rem;
    letter-spacing: 1px;
    color: #3b82f6;
    opacity: 1;
    font-variant-numeric: tabular-nums;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    transition: all 0.3s ease;
    text-shadow: 0 0 12px rgba(59, 130, 246, 0.12);
}
.sub-title .ver-inline[b-50ld4j534t]::before,
.login-ver-wrapper .ver-inline[b-50ld4j534t]::before {
    content: '';
    position: absolute;
    top: 0; left: -100%;
    width: 60%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.12), transparent);
    animation: ver-shimmer-b-50ld4j534t 6s ease-in-out infinite;
}
@keyframes ver-shimmer-b-50ld4j534t {
    0%, 70%, 100% { left: -100%; }
    45% { left: 150%; }
}

/* 4. FORM İÇERİĞİ VE GİRİŞ ALANLARI */
.login-content[b-50ld4j534t] {
    padding: 28px 32px;
}

.input-container[b-50ld4j534t] {
    margin-bottom: 18px;
}

    .input-container label[b-50ld4j534t] {
        display: block;
        margin-bottom: 8px;
        color: #475569;
        font-weight: 700;
        font-size: 0.8rem;
        letter-spacing: 1px;
    }

    .input-container input[b-50ld4j534t] {
        width: 100%;
        padding: 11px 14px;
        border: 1.5px solid #e2e8f0;
        border-radius: 12px;
        box-sizing: border-box;
        transition: border-color 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
        font-size: 0.95rem;
        background: white;
        color: #1e293b;
    }

    .input-container input[b-50ld4j534t]::placeholder {
        color: #94a3b8;
    }

    .input-container input:focus[b-50ld4j534t] {
        border-color: #3b82f6;
        outline: none;
        box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);
        background: white;
    }

/* Validation — label yanında inline hata */
.field-error[b-50ld4j534t] {
    font-size: 0.7rem;
    font-weight: 700;
    color: #ef4444;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    animation: fieldErrorIn-b-50ld4j534t 0.2s ease;
}

@keyframes fieldErrorIn-b-50ld4j534t {
    from { opacity: 0; transform: translateX(-4px); }
    to   { opacity: 1; transform: translateX(0); }
}

.input-error[b-50ld4j534t] {
    border-color: #fca5a5 !important;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.08) !important;
}

/* 5. GİRİŞ BUTONU VE ETKİLEŞİMİ */
.btn-modern-login[b-50ld4j534t] {
    width: 100%;
    padding: 14px;
    background: linear-gradient(135deg, #1e40af 0%, #2563eb 50%, #3b82f6 100%);
    color: white;
    border: none;
    border-radius: 12px;
    font-weight: 800;
    font-size: 1.02rem;
    letter-spacing: 1px;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-top: 6px;
    box-shadow: 0 4px 15px rgba(37, 99, 235, 0.25);
    position: relative;
    overflow: hidden;
}

    .btn-modern-login[b-50ld4j534t]::before {
        content: '';
        position: absolute;
        top: 0; left: -100%;
        width: 100%; height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);
        transition: left 0.5s;
    }

    .btn-modern-login:hover[b-50ld4j534t]::before {
        left: 100%;
    }

    .btn-modern-login:hover[b-50ld4j534t] {
        box-shadow: 0 8px 25px rgba(37, 99, 235, 0.35);
        transform: translateY(-2px);
    }

    .btn-modern-login:disabled[b-50ld4j534t] {
        opacity: 0.6;
        cursor: not-allowed;
        transform: none;
    }

/* spinner inside button */
.btn-modern-login .spinner[b-50ld4j534t] {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 3px solid rgba(255,255,255,0.3);
    border-top-color: white;
    border-radius: 50%;
    margin-right: 8px;
    animation: spin-b-50ld4j534t 1s linear infinite;
}

@keyframes spin-b-50ld4j534t { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

.password-wrap[b-50ld4j534t] { display:flex; gap:8px; align-items:center; }
.btn-pass-toggle[b-50ld4j534t] { background:transparent; border:none; cursor:pointer; font-size:18px; color:#64748b; }

.forgot-modal[b-50ld4j534t] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.35);
    z-index: 30000;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    animation: forgot-overlay-in-b-50ld4j534t 0.25s ease;
}
@keyframes forgot-overlay-in-b-50ld4j534t {
    from { opacity: 0; }
    to { opacity: 1; }
}

.forgot-card[b-50ld4j534t] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    width: 400px;
    max-width: calc(100vw - 32px);
    color: #1e293b;
    box-shadow:
        0 25px 60px rgba(0, 0, 0, 0.12),
        0 4px 16px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    animation: forgot-card-in-b-50ld4j534t 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes forgot-card-in-b-50ld4j534t {
    from { opacity: 0; transform: translateY(24px) scale(0.96); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

.forgot-header[b-50ld4j534t] {
    background: linear-gradient(135deg, #f8fafc 0%, #eef2ff 100%);
    padding: 28px 28px 20px;
    text-align: center;
    border-bottom: 1px solid #e2e8f0;
}
.forgot-icon-wrap[b-50ld4j534t] {
    width: 56px;
    height: 56px;
    border-radius: 16px;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 14px;
    box-shadow: 0 6px 20px rgba(37, 99, 235, 0.25);
}
.forgot-icon[b-50ld4j534t] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.25));
}
.forgot-icon svg[b-50ld4j534t] { width: 40px; height: 40px; }
.forgot-card h3[b-50ld4j534t] {
    color: #1e293b;
    margin: 0 0 8px;
    font-size: 1.2rem;
    font-weight: 800;
    letter-spacing: 0.3px;
}
.forgot-card p[b-50ld4j534t] {
    color: #64748b;
    font-size: 0.84rem;
    margin: 0;
    line-height: 1.55;
}

.forgot-body[b-50ld4j534t] {
    padding: 24px 28px;
}
.forgot-field[b-50ld4j534t] {
    margin-bottom: 16px;
}
.forgot-field label[b-50ld4j534t] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8rem;
    font-weight: 700;
    color: #475569;
    margin-bottom: 7px;
    letter-spacing: 0.5px;
}
.forgot-field-icon[b-50ld4j534t] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.18));
}
.forgot-field-icon svg[b-50ld4j534t] { width: 18px; height: 18px; }
.forgot-card input[b-50ld4j534t] {
    width: 100%;
    padding: 13px 16px;
    border: 1.5px solid #e2e8f0;
    border-radius: 12px;
    background: white;
    color: #1e293b;
    box-sizing: border-box;
    font-size: 0.95rem;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.forgot-card input[b-50ld4j534t]::placeholder {
    color: #94a3b8;
}
.forgot-card input:focus[b-50ld4j534t] {
    border-color: #3b82f6;
    outline: none;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);
}
.forgot-card input:disabled[b-50ld4j534t] {
    background: #f1f5f9;
    cursor: not-allowed;
    opacity: 0.7;
}

/* ═══ DESTEK POPUP — GENİŞ VE 2 SÜTUNLU GRID ═══ */
.forgot-card.support-card-wide[b-50ld4j534t] {
    width: 760px;
    max-width: calc(100vw - 32px);
}

.forgot-body.support-body-grid[b-50ld4j534t] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px 18px;
}

.forgot-body.support-body-grid .forgot-field[b-50ld4j534t] {
    margin-bottom: 0;
}

.forgot-body.support-body-grid .span-full[b-50ld4j534t] {
    grid-column: 1 / -1;
}

/* Select (destek türü) — input ile aynı stil */
.forgot-card select[b-50ld4j534t] {
    width: 100%;
    padding: 13px 16px;
    border: 1.5px solid #e2e8f0;
    border-radius: 12px;
    background: white;
    color: #1e293b;
    box-sizing: border-box;
    font-size: 0.95rem;
    transition: border-color 0.2s, box-shadow 0.2s;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%2394a3b8' d='M6 8 0 0h12z'/></svg>");
    background-repeat: no-repeat;
    background-position: right 16px center;
    padding-right: 40px;
}
.forgot-card select:focus[b-50ld4j534t] {
    border-color: #3b82f6;
    outline: none;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);
}
.forgot-card select:disabled[b-50ld4j534t] {
    background-color: #f1f5f9;
    cursor: not-allowed;
    opacity: 0.7;
}

/* Textarea (mesaj) — input ile aynı stil */
.forgot-card textarea[b-50ld4j534t] {
    width: 100%;
    padding: 13px 16px;
    border: 1.5px solid #e2e8f0;
    border-radius: 12px;
    background: white;
    color: #1e293b;
    box-sizing: border-box;
    font-size: 0.95rem;
    font-family: inherit;
    line-height: 1.5;
    resize: vertical;
    min-height: 100px;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.forgot-card textarea[b-50ld4j534t]::placeholder {
    color: #94a3b8;
}
.forgot-card textarea:focus[b-50ld4j534t] {
    border-color: #3b82f6;
    outline: none;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);
}
.forgot-card textarea:disabled[b-50ld4j534t] {
    background: #f1f5f9;
    cursor: not-allowed;
    opacity: 0.7;
}

/* Mobilde tek sütuna düş */
@media (max-width: 640px) {
    .forgot-card.support-card-wide[b-50ld4j534t] {
        width: 100%;
    }
    .forgot-body.support-body-grid[b-50ld4j534t] {
        grid-template-columns: 1fr;
    }
}

.forgot-msg[b-50ld4j534t] {
    margin-bottom: 4px;
    padding: 11px 14px;
    border-radius: 10px;
    font-size: 0.86rem;
    line-height: 1.5;
    font-weight: 500;
}
.forgot-msg-ok[b-50ld4j534t] {
    color: #166534;
    background: linear-gradient(135deg, #dcfce7, #d1fae5);
    border: 1px solid #bbf7d0;
}
.forgot-msg-err[b-50ld4j534t] {
    color: #991b1b;
    background: linear-gradient(135deg, #fee2e2, #fecaca);
    border: 1px solid #fca5a5;
}

.forgot-actions[b-50ld4j534t] {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}
.forgot-btn-send[b-50ld4j534t] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 13px 20px;
    background: linear-gradient(135deg, #1e40af 0%, #2563eb 50%, #3b82f6 100%);
    color: white;
    border: none;
    border-radius: 12px;
    font-weight: 700;
    font-size: 0.92rem;
    cursor: pointer;
    transition: all 0.2s;
    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.25);
    letter-spacing: 0.3px;
}
.forgot-btn-send:hover:not(:disabled)[b-50ld4j534t] {
    box-shadow: 0 6px 20px rgba(37, 99, 235, 0.35);
    transform: translateY(-1px);
}
.forgot-btn-send:disabled[b-50ld4j534t] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}
.forgot-btn-close[b-50ld4j534t] {
    padding: 13px 20px;
    background: #f1f5f9;
    color: #475569;
    border: 1.5px solid #e2e8f0;
    border-radius: 12px;
    font-weight: 700;
    font-size: 0.92rem;
    cursor: pointer;
    transition: all 0.2s;
}
.forgot-btn-close:hover:not(:disabled)[b-50ld4j534t] {
    background: #e2e8f0;
    border-color: #cbd5e1;
}
.forgot-btn-close:disabled[b-50ld4j534t] {
    opacity: 0.5;
    cursor: not-allowed;
}

.forgot-spinner[b-50ld4j534t] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2.5px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-50ld4j534t 0.8s linear infinite;
}

.forgot-footer[b-50ld4j534t] {
    padding: 12px 28px;
    text-align: center;
    font-size: 0.72rem;
    color: #94a3b8;
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    letter-spacing: 0.2px;
}

@media (max-width: 480px) {
    .forgot-card[b-50ld4j534t] { border-radius: 16px; }
    .forgot-header[b-50ld4j534t] { padding: 22px 20px 16px; }
    .forgot-body[b-50ld4j534t] { padding: 20px; }
    .forgot-icon-wrap[b-50ld4j534t] { width: 48px; height: 48px; border-radius: 14px; }
    .forgot-icon[b-50ld4j534t] { width: 38px; height: 38px; }
    .forgot-icon svg[b-50ld4j534t] { width: 34px; height: 34px; }
    .forgot-card h3[b-50ld4j534t] { font-size: 1.05rem; }
    .forgot-actions[b-50ld4j534t] { flex-direction: column; }
    .forgot-footer[b-50ld4j534t] { padding: 10px 20px; }
}

/* 6. GÜVENLİ BAĞLANTI BADGE — sol alt köşe (creator badge'ın karşısı) */
.secure-badge[b-50ld4j534t] {
    position: absolute;
    left: 22px;
    bottom: max(18px, env(safe-area-inset-bottom, 0px));
    z-index: 10;
    display: flex;
    align-items: center;
    gap: 7px;
    height: 30px;
    padding: 0 14px 0 10px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(34, 197, 94, 0.2);
    box-shadow: 0 2px 12px rgba(34, 197, 94, 0.08);
    color: #94a3b8;
    font-size: 0.62rem;
    font-weight: 600;
    letter-spacing: 0.3px;
    user-select: none;
    cursor: pointer;
    animation: creator-fade-in-b-50ld4j534t 1.2s ease forwards;
    transition: all 0.2s ease;
}

.secure-badge:hover[b-50ld4j534t] {
    box-shadow: 0 4px 18px rgba(34, 197, 94, 0.18);
    transform: translateY(-1px);
    border-color: rgba(34, 197, 94, 0.4);
}

.secure-icon[b-50ld4j534t] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    animation: secure-pulse-b-50ld4j534t 3s ease-in-out infinite;
    filter: drop-shadow(0 0 4px rgba(34, 197, 94, 0.5));
}
.secure-icon svg[b-50ld4j534t] { width: 18px; height: 18px; }

@keyframes secure-pulse-b-50ld4j534t {
    0%, 100% { transform: scale(1); opacity: 0.8; filter: drop-shadow(0 0 3px rgba(34, 197, 94, 0.3)); }
    50% { transform: scale(1.2); opacity: 1; filter: drop-shadow(0 0 8px rgba(34, 197, 94, 0.6)); }
}

.secure-text[b-50ld4j534t] {
    font-size: 0.62rem;
    color: #94a3b8;
    letter-spacing: 0.3px;
    font-weight: 600;
}

/* ═══ CREATOR BADGE — sağ alt köşe ═══ */
.creator-badge[b-50ld4j534t] {
    position: absolute;
    bottom: max(18px, env(safe-area-inset-bottom, 0px));
    right: 22px;
    z-index: 10;
    display: flex;
    align-items: center;
    gap: 7px;
    height: 30px;
    padding: 0 14px 0 10px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(59, 130, 246, 0.18);
    box-shadow: 0 2px 12px rgba(37, 99, 235, 0.08);
    animation: creator-fade-in-b-50ld4j534t 1.2s ease forwards;
    cursor: pointer;
    user-select: none;
    transition: all 0.2s ease;
}

.creator-badge:hover[b-50ld4j534t] {
    box-shadow: 0 4px 18px rgba(37, 99, 235, 0.18);
    transform: translateY(-1px);
    border-color: rgba(59, 130, 246, 0.35);
}
@keyframes creator-fade-in-b-50ld4j534t {
    0% { opacity: 0; transform: translateY(10px); }
    100% { opacity: 1; transform: translateY(0); }
}

.creator-star[b-50ld4j534t] {
    font-size: 0.7rem;
    color: #3b82f6;
    flex-shrink: 0;
    display: inline-block;
    animation: star-spin-b-50ld4j534t 4s linear infinite;
    filter: drop-shadow(0 0 4px rgba(59, 130, 246, 0.5));
}
@keyframes star-spin-b-50ld4j534t {
    0% { transform: rotate(0deg) scale(1); opacity: 1; }
    25% { transform: rotate(90deg) scale(0.7); opacity: 0.5; }
    50% { transform: rotate(180deg) scale(1); opacity: 1; }
    75% { transform: rotate(270deg) scale(0.7); opacity: 0.5; }
    100% { transform: rotate(360deg) scale(1); opacity: 1; }
}

.creator-text[b-50ld4j534t] {
    font-size: 0.62rem;
    color: #94a3b8;
    letter-spacing: 0.8px;
    font-weight: 500;
}

.creator-badge .creator-name[b-50ld4j534t] {
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 2.5px;
    background: linear-gradient(135deg, #1e40af, #2563eb, #3b82f6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: name-glow-b-50ld4j534t 3s ease-in-out infinite;
}
@keyframes name-glow-b-50ld4j534t {
    0%, 100% { filter: brightness(1); }
    50% { filter: brightness(1.35); }
}

/* Dark mode badge */
:global([data-theme="dark"]) .creator-badge[b-50ld4j534t],
:global([data-theme="midnight"]) .creator-badge[b-50ld4j534t] {
    background: rgba(15, 23, 42, 0.6);
    border-color: rgba(59, 130, 246, 0.25);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
}
:global([data-theme="dark"]) .creator-text[b-50ld4j534t],
:global([data-theme="midnight"]) .creator-text[b-50ld4j534t] {
    color: rgba(203, 213, 225, 0.6);
}
:global([data-theme="dark"]) .creator-badge .creator-name[b-50ld4j534t],
:global([data-theme="midnight"]) .creator-badge .creator-name[b-50ld4j534t] {
    background: linear-gradient(135deg, #60a5fa, #3b82f6, #93c5fd);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}

/* 7. MOBİL CİHAZLAR İÇİN EKSTRA AYARLAR */
@media (max-width: 480px) {
    .login-page[b-50ld4j534t] {
        /* justify-content: center MİRAS ALINIR — kart ekrana sığdığı sürece dikey ortalı.
           Sığmadığında overflow-y:auto sayesinde scroll devreye girer; üste "sıçrama" olmaz.
           Altta rozetler için ekstra padding bırakıyoruz. */
        padding: max(12px, env(safe-area-inset-top, 0px)) 8px calc(56px + max(12px, env(safe-area-inset-bottom, 0px))) 8px;
    }

    .glass-card[b-50ld4j534t] {
        border-radius: 18px;
        max-width: 100%;
    }

    .brand-section[b-50ld4j534t] {
        padding: 20px 18px 14px;
    }

    .login-logo-icon[b-50ld4j534t] {
        width: 48px; height: 48px;
        margin-bottom: 8px;
    }
    .login-logo-letter[b-50ld4j534t] { width: 58%; height: 58%; }
    .login-logo-medi[b-50ld4j534t], .login-logo-sist[b-50ld4j534t] { font-size: 1.9rem; letter-spacing: 3px; }
    .sub-title[b-50ld4j534t] { font-size: 0.56rem; letter-spacing: 2.5px; }

    .login-content[b-50ld4j534t] {
        padding: 18px 16px;
    }

    .input-container[b-50ld4j534t] { margin-bottom: 14px; }
    .input-container input[b-50ld4j534t],
    .pw-shell > input.pw-shell-input[b-50ld4j534t] { padding: 11px 13px; font-size: 0.93rem; }
    .input-container label[b-50ld4j534t] { font-size: 0.73rem; margin-bottom: 5px; }

    .btn-modern-login[b-50ld4j534t] {
        padding: 13px;
        font-size: 0.93rem;
    }

    .form-actions[b-50ld4j534t] { margin-top: 6px; }
    .remember-text[b-50ld4j534t] { font-size: 0.78rem; }
    .remember-hint[b-50ld4j534t] { font-size: 0.68rem; padding: 7px 10px; margin-top: 8px; }
    .forgot-password-link[b-50ld4j534t] { font-size: 0.78rem; }
    .login-message[b-50ld4j534t] { font-size: 0.68rem; padding: 7px 10px; margin-top: 8px; }

    /* Mobilde rozetler ekrana sabitlensin (scroll edilse bile altta görünür kalsınlar). */
    .secure-badge[b-50ld4j534t], .creator-badge[b-50ld4j534t] {
        position: fixed;
        font-size: 0.54rem;
        height: 26px;
        padding: 0 10px 0 8px;
        bottom: max(10px, env(safe-area-inset-bottom, 0px));
        border-radius: 16px;
        gap: 5px;
    }
    .secure-badge[b-50ld4j534t] { left: 8px; }
    .creator-badge[b-50ld4j534t] { right: 8px; }
    .secure-icon[b-50ld4j534t], .creator-star[b-50ld4j534t] { font-size: 0.54rem; }
    .secure-text[b-50ld4j534t], .creator-text[b-50ld4j534t] { font-size: 0.54rem; }
    .creator-name[b-50ld4j534t] { font-size: 0.62rem; letter-spacing: 2px; }
}

/* Kısa ekranlarda yalnızca içerik küçültülür; dikey hizalama 'center' korunur.
   (Eskiden justify-content: flex-start vardı — bu, ekran 640px altına inince
    kartı birdenbire üste sıçratıyordu, alt boşluk kalsa bile. Artık scroll
    devreye girene kadar her zaman ortalı.) */
@media (max-height: 640px) {
    .brand-section[b-50ld4j534t] { padding: 14px 18px 10px; }
    .login-logo-icon[b-50ld4j534t] { width: 42px; height: 42px; margin-bottom: 6px; }
    .login-logo-pulse[b-50ld4j534t] { inset: -3px; }
    .login-logo-letter[b-50ld4j534t] { width: 56%; height: 56%; }
    .login-logo-medi[b-50ld4j534t], .login-logo-sist[b-50ld4j534t] { font-size: 1.7rem; letter-spacing: 3px; }
    .sub-title[b-50ld4j534t] { font-size: 0.54rem; margin-top: 1px; }
    .login-content[b-50ld4j534t] { padding: 14px 16px; }
    .input-container[b-50ld4j534t] { margin-bottom: 12px; }
    .input-container input[b-50ld4j534t],
    .pw-shell > input.pw-shell-input[b-50ld4j534t] { padding: 10px 12px; }
    .input-container label[b-50ld4j534t] { margin-bottom: 4px; font-size: 0.72rem; }
    .btn-modern-login[b-50ld4j534t] { padding: 12px; margin-top: 4px; font-size: 0.92rem; }
    .form-actions[b-50ld4j534t] { margin-top: 4px; }
    .remember-hint[b-50ld4j534t] { font-size: 0.66rem; padding: 6px 10px; margin-top: 6px; }
    .login-message[b-50ld4j534t] { font-size: 0.78rem; padding: 8px 12px; margin-top: 6px; }
    .secure-badge[b-50ld4j534t], .creator-badge[b-50ld4j534t] {
        font-size: 0.5rem;
        height: 22px;
        padding: 0 8px 0 6px;
        bottom: 6px;
        border-radius: 14px;
        gap: 4px;
    }
    .secure-badge[b-50ld4j534t] { left: 6px; }
    .creator-badge[b-50ld4j534t] { right: 6px; }
    .secure-icon[b-50ld4j534t], .creator-star[b-50ld4j534t] { font-size: 0.5rem; }
    .secure-text[b-50ld4j534t], .creator-text[b-50ld4j534t] { font-size: 0.5rem; }
    .creator-name[b-50ld4j534t] { font-size: 0.58rem; letter-spacing: 1.5px; }
    .flag-wrapper svg[b-50ld4j534t] { width: 28px; }
    .flag-wrapper[b-50ld4j534t] { left: 12px; top: 10px; }
    .login-ver-wrapper[b-50ld4j534t] { right: 12px; top: 10px; }
}

/* =========================================
   ŞİFREMİ UNUTTUM ALANI STİLLERİ
   ========================================= */

/* Bağlantının ana kutusu */
.form-footer[b-50ld4j534t] {
    display: flex;
    justify-content: center; /* Merkeze hizalar */
    margin-top: 15px;
    font-size: 0.85rem;
}

/* Linkin kendisi */
.forgot-password-link[b-50ld4j534t] {
    color: #3b82f6;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.2s ease;
    cursor: pointer;
    font-size: 0.85rem;
}

    .forgot-password-link:hover[b-50ld4j534t] {
        color: #2563eb;
        text-decoration: underline;
    }

/* Ayırıcı nokta — şifremi unuttum ile yardım linki arasında */
.login-link-sep[b-50ld4j534t] {
    color: #94a3b8;
    font-size: 0.85rem;
    user-select: none;
    flex-shrink: 0;
}

/* Destek linki — şık mor çip görünümü, tek satırda sığacak şekilde kompakt */
.forgot-password-link.support-link[b-50ld4j534t] {
    color: #7c3aed;
    background: linear-gradient(135deg, #ede9fe, #ddd6fe);
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid rgba(124, 58, 237, 0.22);
    display: inline-flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
    transition: all 0.2s ease;
}
.forgot-password-link.support-link:hover[b-50ld4j534t] {
    background: linear-gradient(135deg, #ddd6fe, #c4b5fd);
    color: #4c1d95;
    border-color: rgba(124, 58, 237, 0.45);
    text-decoration: none;
    box-shadow: 0 3px 8px rgba(124, 58, 237, 0.18);
}

/* =========================================
   TÜRK BAYRAĞI KONUMLANDIRMA
   ========================================= */

.flag-wrapper[b-50ld4j534t] {
    /* Bayrağı kartın sol üst köşesine sabitler */
    position: absolute;
    left: 15px;
    top: 15px;
    /* Bayrağa hafif bir derinlik (gölge) katar */
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.15));
    /* Bayrağın kenarlarını çok hafif yuvarlayarak modernleştirir */
    border-radius: 3px;
    overflow: hidden;
    display: flex;
}

.login-ver-wrapper[b-50ld4j534t] {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 1;
}

    .flag-wrapper svg[b-50ld4j534t] {
        width: 35px;
        height: auto;
        transform-origin: left center;
        animation: flag-sway-b-50ld4j534t 2.5s ease-in-out infinite;
    }

@keyframes flag-sway-b-50ld4j534t {
    0%, 100% {
        transform: rotate(0deg) scaleX(1) skewY(0deg);
    }
    15% {
        transform: rotate(1.2deg) scaleX(0.97) skewY(-0.5deg);
    }
    30% {
        transform: rotate(-0.6deg) scaleX(1.01) skewY(0.3deg);
    }
    50% {
        transform: rotate(0.8deg) scaleX(0.98) skewY(-0.4deg);
    }
    70% {
        transform: rotate(-0.4deg) scaleX(1.005) skewY(0.2deg);
    }
    85% {
        transform: rotate(0.5deg) scaleX(0.99) skewY(-0.2deg);
    }
}

/* Logonun bayrakla çakışmaması için üst boşluğu ayarlar */
.brand-section[b-50ld4j534t] {
    position: relative;
    padding-top: 40px; /* Bayrağa yer açmak için artırdık */
}

.login-message[b-50ld4j534t] {
    background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid #fecaca;
    border-left: 4px solid #ef4444;
    color: #dc2626;
    margin-top: 10px;
    text-align: center;
    font-weight: 700;
    font-size: 0.88rem;
    line-height: 1.5;
    word-break: break-word;
    animation: rememberHintIn-b-50ld4j534t 0.25s ease;
}

/* Bağlantı uyarı kartı */
.login-baglanti-uyari[b-50ld4j534t] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
    padding: 14px 16px;
    border-radius: 12px;
    background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
    border: 1px solid #fde68a;
    border-left: 4px solid #f59e0b;
    animation: lbuSlideIn-b-50ld4j534t 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes lbuSlideIn-b-50ld4j534t {
    from { opacity: 0; transform: translateY(-8px) scale(0.97); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

.lbu-icon-wrap[b-50ld4j534t] {
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: linear-gradient(135deg, #f59e0b, #d97706);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(245, 158, 11, 0.3);
}

.lbu-icon[b-50ld4j534t] {
    width: 20px;
    height: 20px;
    color: white;
}

.lbu-content[b-50ld4j534t] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}

.lbu-title[b-50ld4j534t] {
    font-size: 0.82rem;
    font-weight: 700;
    color: #92400e;
    letter-spacing: -0.01em;
}

.lbu-desc[b-50ld4j534t] {
    font-size: 0.72rem;
    color: #a16207;
    line-height: 1.4;
}

.lbu-retry[b-50ld4j534t] {
    flex-shrink: 0;
    padding: 6px 14px;
    border: none;
    border-radius: 8px;
    background: linear-gradient(135deg, #f59e0b, #d97706);
    color: white;
    font-size: 0.72rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(245, 158, 11, 0.25);
    white-space: nowrap;
}

.lbu-retry:hover[b-50ld4j534t] {
    background: linear-gradient(135deg, #d97706, #b45309);
    transform: translateY(-1px);
    box-shadow: 0 3px 10px rgba(245, 158, 11, 0.35);
}

.lbu-retry:active[b-50ld4j534t] {
    transform: translateY(0);
}

/* Beni hatırla özelleştirmeleri */
.form-actions[b-50ld4j534t] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 24px;
    flex-wrap: nowrap;
}

/* Artık sadece linkler var; ortala ve kompakt tut */
.form-actions.form-actions-links[b-50ld4j534t] {
    justify-content: center;
    margin-top: 18px;
}

/* ═══ Beni Hatırla — şifre inputunun sağında entegre toggle ═══ */
/* Wrap'ın kendi flex/gap'ini ezelim; shell tek parça olacak */
.password-wrap.pw-with-remember[b-50ld4j534t] {
    display: block;
    gap: 0;
    margin: 0;
    padding: 0;
}

/* Shell — e-posta inputu ile birebir aynı görünüm: border, radius, background, transition */
.pw-shell[b-50ld4j534t] {
    display: flex;
    align-items: stretch;
    width: 100%;
    border: 1.5px solid #e2e8f0;
    border-radius: 12px;
    background: white;
    box-sizing: border-box;
    overflow: hidden;
    transition: border-color 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}
.pw-shell:focus-within[b-50ld4j534t] {
    border-color: #3b82f6;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);
    background: white;
}
.pw-shell.pw-shell-error[b-50ld4j534t] {
    border-color: #ef4444;
}
.pw-shell.pw-shell-error:focus-within[b-50ld4j534t] {
    box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.12);
}

/* Shell içindeki input — e-posta inputu ile birebir aynı (11px 14px / 0.95rem) */
.pw-shell > input.pw-shell-input[b-50ld4j534t],
.input-container .pw-shell > input.pw-shell-input[b-50ld4j534t] {
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
    padding: 11px 14px;
    border: none;
    outline: none;
    background: transparent;
    color: #1e293b;
    font-size: 0.95rem;
    box-sizing: border-box;
    border-radius: 0;
    margin: 0;
    box-shadow: none;
}
.pw-shell > input.pw-shell-input[b-50ld4j534t]::placeholder {
    color: #94a3b8;
}
/* .input-container input:focus shell-input'a uygulanmasın (shell kendi focus'unu gösteriyor) */
.input-container .pw-shell > input.pw-shell-input:focus[b-50ld4j534t] {
    border: none;
    outline: none;
    box-shadow: none;
    background: transparent;
}

/* Toggle — shell'in iç öğesi, aynı yükseklikte esneyen */
.pw-shell > .pw-remember-toggle[b-50ld4j534t] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0 14px;
    margin: 0;
    cursor: pointer;
    user-select: none;
    background: #f8fafc;
    border: none;
    border-left: 1.5px solid #e2e8f0;
    color: #94a3b8;
    font-size: 0.8rem;
    font-weight: 700;
    transition: all 0.2s ease;
    position: relative;
    flex-shrink: 0;
    white-space: nowrap;
    letter-spacing: 0.2px;
}
.pw-shell > .pw-remember-toggle:hover[b-50ld4j534t] {
    background: #f1f5f9;
    color: #475569;
}

/* Gizli checkbox */
.pw-remember-toggle input[type="checkbox"][b-50ld4j534t] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}

.pw-remember-icon[b-50ld4j534t] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: inherit;
    transition: transform 0.2s ease;
}

/* Aktif durum — mavi gradient, koyu mavi metin/ikon */
.pw-shell > .pw-remember-toggle.is-on[b-50ld4j534t] {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
    color: #1e40af;
    border-left-color: #93c5fd;
}
.pw-shell > .pw-remember-toggle.is-on .pw-remember-icon[b-50ld4j534t] {
    color: #2563eb;
    transform: scale(1.1);
}

/* Focus anında ayırıcı çizgi maviye */
.pw-shell:focus-within > .pw-remember-toggle[b-50ld4j534t] {
    border-left-color: #93c5fd;
}

/* Mobilde sadece kilit ikonu */
@media (max-width: 480px) {
    .pw-shell > .pw-remember-toggle[b-50ld4j534t] { padding: 0 12px; }
    .pw-remember-label[b-50ld4j534t] { display: none; }
}

.remember-me[b-50ld4j534t] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    user-select: none;
    position: relative;
}

/* Gizli gerçek checkbox */
.remember-me input[type="checkbox"][b-50ld4j534t] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.remember-box[b-50ld4j534t] {
    width: 22px;
    height: 22px;
    border: 2px solid #cbd5e1;
    border-radius: 6px;
    background: white;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    transition: all 0.15s ease;
}

.remember-box .checkmark[b-50ld4j534t] {
    width: 12px;
    height: 12px;
    color: white;
    font-weight: 900;
    display: none;
    align-items: center;
    justify-content: center;
}

/* show checkmark when input is checked */
.remember-me input[type="checkbox"]:checked + .remember-box[b-50ld4j534t] {
    background: linear-gradient(135deg, #2563eb, #3b82f6);
    border-color: #2563eb;
}

.remember-me input[type="checkbox"]:checked + .remember-box .checkmark[b-50ld4j534t] {
    display: inline-flex;
}

.remember-text[b-50ld4j534t] {
    color: #475569;
    font-weight: 600;
    font-size: 0.85rem;
}

.remember-hint[b-50ld4j534t] {
    background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
    border: 1px solid #fde68a;
    border-radius: 8px;
    padding: 8px 12px;
    margin-top: 10px;
    font-size: 0.72rem;
    color: #92400e;
    line-height: 1.45;
    font-weight: 500;
    display: flex;
    align-items: flex-start;
    gap: 6px;
    animation: rememberHintIn-b-50ld4j534t 0.25s ease;
}

@keyframes rememberHintIn-b-50ld4j534t {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}

.flex-spacer[b-50ld4j534t] {
    flex: 1;
}

/* ═══ DARK MODE / TEMA UYUMU ═══ */
:global([data-theme="dark"]) .login-page[b-50ld4j534t],
:global([data-theme="midnight"]) .login-page[b-50ld4j534t] {
    background:
        radial-gradient(ellipse at 20% 80%, rgba(30, 58, 95, 0.5) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 20%, rgba(49, 46, 129, 0.4) 0%, transparent 50%),
        linear-gradient(160deg, #0f172a 0%, #1e293b 30%, #0f172a 60%, #1e293b 100%);
}
:global([data-theme="dark"]) .login-page[b-50ld4j534t]::before,
:global([data-theme="midnight"]) .login-page[b-50ld4j534t]::before {
    background:
        radial-gradient(600px 600px at 10% 90%, rgba(59, 130, 246, 0.08), transparent),
        radial-gradient(400px 400px at 90% 10%, rgba(99, 102, 241, 0.06), transparent);
}
:global([data-theme="dark"]) .login-page[b-50ld4j534t]::after,
:global([data-theme="midnight"]) .login-page[b-50ld4j534t]::after {
    background: radial-gradient(circle, rgba(59, 130, 246, 0.06) 0%, transparent 60%);
}
:global([data-theme="dark"]) .glass-card[b-50ld4j534t],
:global([data-theme="midnight"]) .glass-card[b-50ld4j534t] {
    background: rgba(30, 41, 59, 0.85);
    border-color: rgba(51, 65, 85, 0.6);
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.4), 0 4px 16px rgba(0, 0, 0, 0.2);
}
:global([data-theme="dark"]) .brand-section[b-50ld4j534t],
:global([data-theme="midnight"]) .brand-section[b-50ld4j534t] {
    background: rgba(15, 23, 42, 0.6);
    border-bottom-color: #334155;
}
:global([data-theme="dark"]) .login-logo-medi[b-50ld4j534t],
:global([data-theme="midnight"]) .login-logo-medi[b-50ld4j534t] {
    background: linear-gradient(135deg, #e2e8f0 0%, #f1f5f9 50%, #cbd5e1 100%);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
:global([data-theme="dark"]) .sub-title[b-50ld4j534t],
:global([data-theme="midnight"]) .sub-title[b-50ld4j534t] {
    color: #64748b;
}
:global([data-theme="dark"]) .sub-title .ver-inline[b-50ld4j534t],
:global([data-theme="dark"]) .login-ver-wrapper .ver-inline[b-50ld4j534t],
:global([data-theme="midnight"]) .sub-title .ver-inline[b-50ld4j534t],
:global([data-theme="midnight"]) .login-ver-wrapper .ver-inline[b-50ld4j534t] {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(99, 102, 241, 0.15) 100%);
    border-color: rgba(96, 165, 250, 0.2);
    color: #60a5fa;
    text-shadow: 0 0 12px rgba(96, 165, 250, 0.2);
}
:global([data-theme="dark"]) .input-container label[b-50ld4j534t],
:global([data-theme="midnight"]) .input-container label[b-50ld4j534t] {
    color: #94a3b8;
}
:global([data-theme="dark"]) .input-container input[b-50ld4j534t],
:global([data-theme="midnight"]) .input-container input[b-50ld4j534t] {
    background: #0f172a;
    border-color: #334155;
    color: #e2e8f0;
}
:global([data-theme="dark"]) .input-container input[b-50ld4j534t]::placeholder,
:global([data-theme="midnight"]) .input-container input[b-50ld4j534t]::placeholder {
    color: #475569;
}
:global([data-theme="dark"]) .input-container input:focus[b-50ld4j534t],
:global([data-theme="midnight"]) .input-container input:focus[b-50ld4j534t] {
    border-color: #3b82f6;
    background: #1e293b;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.15);
}
:global([data-theme="dark"]) .login-message[b-50ld4j534t],
:global([data-theme="midnight"]) .login-message[b-50ld4j534t] {
    background: rgba(127, 29, 29, 0.3);
    border-left-color: #ef4444;
    border-color: rgba(248, 113, 113, 0.3);
    color: #fca5a5;
}
:global([data-theme="dark"]) .login-baglanti-uyari[b-50ld4j534t],
:global([data-theme="midnight"]) .login-baglanti-uyari[b-50ld4j534t] {
    background: linear-gradient(135deg, rgba(120, 53, 15, 0.25) 0%, rgba(146, 64, 14, 0.2) 100%);
    border-color: rgba(251, 191, 36, 0.25);
    border-left-color: #f59e0b;
}
:global([data-theme="dark"]) .lbu-title[b-50ld4j534t],
:global([data-theme="midnight"]) .lbu-title[b-50ld4j534t] {
    color: #fbbf24;
}
:global([data-theme="dark"]) .lbu-desc[b-50ld4j534t],
:global([data-theme="midnight"]) .lbu-desc[b-50ld4j534t] {
    color: #fcd34d;
}
:global([data-theme="dark"]) .field-error[b-50ld4j534t],
:global([data-theme="midnight"]) .field-error[b-50ld4j534t] {
    color: #fca5a5;
}
:global([data-theme="dark"]) .input-error[b-50ld4j534t],
:global([data-theme="midnight"]) .input-error[b-50ld4j534t] {
    border-color: rgba(248, 113, 113, 0.5) !important;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.12) !important;
}
:global([data-theme="dark"]) .remember-text[b-50ld4j534t],
:global([data-theme="midnight"]) .remember-text[b-50ld4j534t] {
    color: #94a3b8;
}
:global([data-theme="dark"]) .remember-hint[b-50ld4j534t],
:global([data-theme="midnight"]) .remember-hint[b-50ld4j534t] {
    background: linear-gradient(135deg, rgba(120, 53, 15, 0.25) 0%, rgba(146, 64, 14, 0.2) 100%);
    border-color: rgba(251, 191, 36, 0.3);
    color: #fbbf24;
}
:global([data-theme="dark"]) .remember-box[b-50ld4j534t],
:global([data-theme="midnight"]) .remember-box[b-50ld4j534t] {
    background: #0f172a;
    border-color: #475569;
}
:global([data-theme="dark"]) .secure-badge[b-50ld4j534t],
:global([data-theme="midnight"]) .secure-badge[b-50ld4j534t] {
    background: rgba(15, 23, 42, 0.6);
    border-color: rgba(34, 197, 94, 0.25);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
    color: #64748b;
}
:global([data-theme="dark"]) .secure-text[b-50ld4j534t],
:global([data-theme="midnight"]) .secure-text[b-50ld4j534t] {
    color: rgba(203, 213, 225, 0.6);
}
:global([data-theme="dark"]) .forgot-password-link[b-50ld4j534t],
:global([data-theme="midnight"]) .forgot-password-link[b-50ld4j534t] {
    color: #60a5fa;
}
:global([data-theme="dark"]) .forgot-card[b-50ld4j534t],
:global([data-theme="midnight"]) .forgot-card[b-50ld4j534t] {
    background: #1e293b;
    border-color: #334155;
    color: #e2e8f0;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.5);
}
:global([data-theme="dark"]) .forgot-header[b-50ld4j534t],
:global([data-theme="midnight"]) .forgot-header[b-50ld4j534t] {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    border-bottom-color: #334155;
}
:global([data-theme="dark"]) .forgot-card h3[b-50ld4j534t],
:global([data-theme="midnight"]) .forgot-card h3[b-50ld4j534t] {
    color: #e2e8f0;
}
:global([data-theme="dark"]) .forgot-card p[b-50ld4j534t],
:global([data-theme="midnight"]) .forgot-card p[b-50ld4j534t] {
    color: #94a3b8;
}
:global([data-theme="dark"]) .forgot-field label[b-50ld4j534t],
:global([data-theme="midnight"]) .forgot-field label[b-50ld4j534t] {
    color: #94a3b8;
}
:global([data-theme="dark"]) .forgot-card input[b-50ld4j534t],
:global([data-theme="midnight"]) .forgot-card input[b-50ld4j534t] {
    background: #0f172a;
    border-color: #334155;
    color: #e2e8f0;
}
:global([data-theme="dark"]) .forgot-card input[b-50ld4j534t]::placeholder,
:global([data-theme="midnight"]) .forgot-card input[b-50ld4j534t]::placeholder {
    color: #475569;
}
:global([data-theme="dark"]) .forgot-card input:focus[b-50ld4j534t],
:global([data-theme="midnight"]) .forgot-card input:focus[b-50ld4j534t] {
    border-color: #3b82f6;
    background: #1e293b;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.15);
}
:global([data-theme="dark"]) .forgot-card input:disabled[b-50ld4j534t],
:global([data-theme="midnight"]) .forgot-card input:disabled[b-50ld4j534t] {
    background: #0f172a;
}
:global([data-theme="dark"]) .forgot-btn-close[b-50ld4j534t],
:global([data-theme="midnight"]) .forgot-btn-close[b-50ld4j534t] {
    background: #334155;
    border-color: #475569;
    color: #cbd5e1;
}
:global([data-theme="dark"]) .forgot-btn-close:hover:not(:disabled)[b-50ld4j534t],
:global([data-theme="midnight"]) .forgot-btn-close:hover:not(:disabled)[b-50ld4j534t] {
    background: #475569;
    border-color: #64748b;
}
:global([data-theme="dark"]) .forgot-footer[b-50ld4j534t],
:global([data-theme="midnight"]) .forgot-footer[b-50ld4j534t] {
    background: #0f172a;
    border-top-color: #334155;
    color: #475569;
}
:global([data-theme="dark"]) .forgot-msg-ok[b-50ld4j534t],
:global([data-theme="midnight"]) .forgot-msg-ok[b-50ld4j534t] {
    background: rgba(22, 101, 52, 0.2);
    border-color: rgba(34, 197, 94, 0.3);
    color: #86efac;
}
:global([data-theme="dark"]) .forgot-msg-err[b-50ld4j534t],
:global([data-theme="midnight"]) .forgot-msg-err[b-50ld4j534t] {
    background: rgba(153, 27, 27, 0.2);
    border-color: rgba(248, 113, 113, 0.3);
    color: #fca5a5;
}

/* ═══ İKİ ADIMLI DOĞRULAMA (2FA) POPUP ═══ */
.tfa-overlay[b-50ld4j534t] {
    position: fixed; inset: 0; z-index: 10000;
    background: rgba(0,0,0,0.6); backdrop-filter: blur(8px);
    animation: tfaFadeIn-b-50ld4j534t 0.3s ease;
}
.tfa-card[b-50ld4j534t] {
    position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
    z-index: 10001; width: 94%; max-width: 440px;
    background: white; border-radius: 20px;
    box-shadow: 0 24px 80px rgba(0,0,0,0.25), 0 0 0 1px rgba(0,0,0,0.05);
    overflow: hidden;
    animation: tfaSlideIn-b-50ld4j534t 0.35s cubic-bezier(0.16,1,0.3,1);
}
@keyframes tfaFadeIn-b-50ld4j534t { from { opacity: 0 } to { opacity: 1 } }
@keyframes tfaSlideIn-b-50ld4j534t { from { opacity: 0; transform: translate(-50%,-46%) } to { opacity: 1; transform: translate(-50%,-50%) } }

.tfa-header[b-50ld4j534t] {
    text-align: center; padding: 28px 24px 18px;
    background: linear-gradient(135deg, #eff6ff, #e0e7ff);
    border-bottom: 1px solid #c7d2fe;
}
.tfa-shield[b-50ld4j534t] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin-bottom: 8px;
    filter: drop-shadow(0 3px 6px rgba(0,0,0,0.25));
}
.tfa-shield svg[b-50ld4j534t] { width: 44px; height: 44px; }
.tfa-header h3[b-50ld4j534t] { margin: 0 0 6px; font-size: 1.1rem; color: #1e293b; font-weight: 800; }
.tfa-header p[b-50ld4j534t] { margin: 0; font-size: 0.82rem; color: #475569; line-height: 1.5; }

.tfa-body[b-50ld4j534t] { padding: 20px 24px; display: flex; flex-direction: column; gap: 14px; }
.tfa-code-wrap[b-50ld4j534t], .tfa-device-wrap[b-50ld4j534t] { display: flex; flex-direction: column; gap: 5px; }
.tfa-code-wrap label[b-50ld4j534t], .tfa-device-wrap label[b-50ld4j534t] { font-size: 0.78rem; font-weight: 700; color: #334155; }
.tfa-opt[b-50ld4j534t] { font-weight: 400; color: #94a3b8; }

.tfa-code-input[b-50ld4j534t] {
    padding: 14px 16px; border: 2px solid #e2e8f0; border-radius: 12px;
    font-size: 1.6rem; font-weight: 800; text-align: center; letter-spacing: 10px;
    color: #1e293b; background: #f8fafc; outline: none; transition: border-color 0.2s;
}
.tfa-code-input:focus[b-50ld4j534t] { border-color: #6366f1; box-shadow: 0 0 0 4px rgba(99,102,241,0.12); }

.tfa-device-input[b-50ld4j534t] {
    padding: 10px 14px; border: 1.5px solid #e2e8f0; border-radius: 10px;
    font-size: 0.88rem; background: #f8fafc; color: #1e293b; outline: none; transition: border-color 0.2s;
}
.tfa-device-input:focus[b-50ld4j534t] { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.1); }

.tfa-trust-label[b-50ld4j534t] {
    display: flex; align-items: center; gap: 10px; cursor: pointer; user-select: none;
    font-size: 0.82rem; color: #475569;
}
.tfa-trust-label input[type="checkbox"][b-50ld4j534t] { position: absolute; opacity: 0; width: 0; height: 0; }
.tfa-trust-box[b-50ld4j534t] {
    width: 20px; height: 20px; border: 2px solid #cbd5e1; border-radius: 6px;
    background: white; display: flex; align-items: center; justify-content: center;
    transition: all 0.15s; flex-shrink: 0;
}
.tfa-trust-label input:checked ~ .tfa-trust-box[b-50ld4j534t] { background: #6366f1; border-color: #6366f1; }
.tfa-trust-check[b-50ld4j534t] { width: 10px; height: 10px; opacity: 0; transition: 0.15s; }
.tfa-trust-label input:checked ~ .tfa-trust-box .tfa-trust-check[b-50ld4j534t] {
    opacity: 1; background: white; clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}

.tfa-msg[b-50ld4j534t] { padding: 10px 14px; border-radius: 10px; font-size: 0.82rem; font-weight: 600; }
.tfa-msg-err[b-50ld4j534t] { background: #fef2f2; border: 1px solid #fecaca; color: #dc2626; }
.tfa-msg-ok[b-50ld4j534t] { background: #f0fdf4; border: 1px solid #bbf7d0; color: #16a34a; }

.tfa-btn-verify[b-50ld4j534t] {
    width: 100%; padding: 13px; border: none; border-radius: 12px;
    background: linear-gradient(135deg, #4338ca, #6366f1); color: white;
    font-size: 0.95rem; font-weight: 800; cursor: pointer;
    box-shadow: 0 4px 16px rgba(99,102,241,0.3); transition: all 0.2s;
}
.tfa-btn-verify:hover:not(:disabled)[b-50ld4j534t] { transform: translateY(-1px); box-shadow: 0 6px 24px rgba(99,102,241,0.4); }
.tfa-btn-verify:disabled[b-50ld4j534t] { opacity: 0.6; cursor: not-allowed; }

.tfa-resend[b-50ld4j534t] { text-align: center; }
.tfa-resend-wait[b-50ld4j534t] { font-size: 0.78rem; color: #94a3b8; }
.tfa-resend-btn[b-50ld4j534t] {
    background: none; border: none; color: #6366f1; font-weight: 700;
    font-size: 0.82rem; cursor: pointer; padding: 4px 12px; border-radius: 8px;
    transition: all 0.2s;
}
.tfa-resend-btn:hover[b-50ld4j534t] { background: #eef2ff; }

.tfa-footer[b-50ld4j534t] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 12px 24px 16px;
    background: #f8fafc; border-top: 1px solid #e2e8f0;
}
.tfa-btn-cancel[b-50ld4j534t] {
    background: none; border: 1px solid #e2e8f0; color: #64748b;
    padding: 8px 16px; border-radius: 10px; font-size: 0.8rem; font-weight: 600;
    cursor: pointer; transition: all 0.2s;
}
.tfa-btn-cancel:hover[b-50ld4j534t] { background: #f1f5f9; border-color: #cbd5e1; }
.tfa-footer-info[b-50ld4j534t] { font-size: 0.74rem; color: #94a3b8; }

@media (max-width: 500px) {
    .tfa-card[b-50ld4j534t] { width: 96%; border-radius: 16px; }
    .tfa-header[b-50ld4j534t] { padding: 20px 18px 14px; }
    .tfa-body[b-50ld4j534t] { padding: 16px 18px; }
    .tfa-code-input[b-50ld4j534t] { font-size: 1.3rem; letter-spacing: 8px; padding: 12px; }
    .tfa-footer[b-50ld4j534t] { padding: 10px 18px 14px; flex-direction: column; gap: 8px; }
}

/* ═══ BİLGİ POPUP (created by MAY tıklanınca) ═══ */
.info-overlay[b-50ld4j534t] {
    position: fixed;
    inset: 0;
    z-index: 30000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    animation: forgot-overlay-in-b-50ld4j534t 0.25s ease;
}

.info-card[b-50ld4j534t] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    width: 400px;
    max-width: calc(100vw - 32px);
    color: #1e293b;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    animation: forgot-card-in-b-50ld4j534t 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.info-header[b-50ld4j534t] {
    background: linear-gradient(135deg, #f8fafc 0%, #eef2ff 100%);
    padding: 28px 24px 20px;
    text-align: center;
    border-bottom: 1px solid #e2e8f0;
}

.info-icon-wrap[b-50ld4j534t] {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: linear-gradient(135deg, #1e3a5f 0%, #2563eb 50%, #3b82f6 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 12px;
    box-shadow: 0 6px 20px rgba(37, 99, 235, 0.25);
}

.info-icon-letter[b-50ld4j534t] {
    width: 60%; height: 60%;
    fill: white;
    filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.2));
}

.info-card h3[b-50ld4j534t] {
    margin: 0 0 4px;
    font-size: 1.1rem;
    font-weight: 900;
    letter-spacing: 3px;
    background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 50%, #2563eb 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.info-header p[b-50ld4j534t] {
    color: #94a3b8;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0;
}

.info-body[b-50ld4j534t] {
    padding: 16px 24px;
}

.info-body > p[b-50ld4j534t] {
    color: #475569;
    font-size: 0.84rem;
    line-height: 1.6;
    margin: 0 0 16px;
}

.info-tagline[b-50ld4j534t] {
    font-size: 0.82rem;
    font-weight: 600;
    color: #475569;
    text-align: center;
    margin: 0 0 14px;
    line-height: 1.5;
}

.info-features[b-50ld4j534t] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 14px;
}

.info-feature[b-50ld4j534t] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-radius: 10px;
    background: rgba(248, 250, 252, 0.8);
    border: 1px solid rgba(226, 232, 240, 0.5);
    transition: all 0.2s ease;
}

.info-feature:hover[b-50ld4j534t] {
    background: rgba(239, 246, 255, 0.9);
    border-color: rgba(59, 130, 246, 0.15);
    transform: translateX(2px);
}

.info-feature-icon[b-50ld4j534t] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.18));
}
.info-feature-icon svg[b-50ld4j534t] { width: 28px; height: 28px; }

.info-feature-text[b-50ld4j534t] {
    font-size: 0.76rem;
    font-weight: 600;
    color: #334155;
    line-height: 1.35;
}

.info-divider[b-50ld4j534t] {
    height: 1px;
    background: linear-gradient(90deg, transparent, #e2e8f0, transparent);
    margin-bottom: 14px;
}

.info-contact[b-50ld4j534t] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    background: linear-gradient(135deg, #f0f9ff 0%, #eff6ff 100%);
    border: 1px solid rgba(59, 130, 246, 0.15);
    border-radius: 12px;
}

.info-contact-icon[b-50ld4j534t] {
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #2563eb, #3b82f6);
    border-radius: 10px;
    box-shadow: 0 3px 10px rgba(37, 99, 235, 0.2);
}

.info-contact-label[b-50ld4j534t] {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    color: #64748b;
    letter-spacing: 0.5px;
    margin-bottom: 2px;
}

.info-email[b-50ld4j534t] {
    font-size: 0.92rem;
    font-weight: 800;
    color: #2563eb;
    text-decoration: none;
    letter-spacing: 0.3px;
    transition: color 0.2s;
}

.info-email:hover[b-50ld4j534t] {
    color: #1e40af;
    text-decoration: underline;
}

.info-footer[b-50ld4j534t] {
    padding: 12px 24px 16px;
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.info-footer-text[b-50ld4j534t] {
    font-size: 0.62rem;
    color: #94a3b8;
    letter-spacing: 0.2px;
    font-weight: 500;
}

.info-btn-close[b-50ld4j534t] {
    padding: 10px 28px;
    background: #f1f5f9;
    color: #475569;
    border: 1.5px solid #e2e8f0;
    border-radius: 12px;
    font-weight: 700;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.2s;
}

.info-btn-close:hover[b-50ld4j534t] {
    background: #e2e8f0;
    border-color: #cbd5e1;
}

/* Info popup dark mode */
:global([data-theme="dark"]) .info-card[b-50ld4j534t],
:global([data-theme="midnight"]) .info-card[b-50ld4j534t] {
    background: #1e293b;
    border-color: #334155;
    color: #e2e8f0;
}
:global([data-theme="dark"]) .info-header[b-50ld4j534t],
:global([data-theme="midnight"]) .info-header[b-50ld4j534t] {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    border-bottom-color: #334155;
}
:global([data-theme="dark"]) .info-card h3[b-50ld4j534t],
:global([data-theme="midnight"]) .info-card h3[b-50ld4j534t] {
    background: linear-gradient(135deg, #e2e8f0 0%, #60a5fa 100%);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
:global([data-theme="dark"]) .info-header p[b-50ld4j534t],
:global([data-theme="midnight"]) .info-header p[b-50ld4j534t] {
    color: #64748b;
}
:global([data-theme="dark"]) .info-body > p[b-50ld4j534t],
:global([data-theme="midnight"]) .info-body > p[b-50ld4j534t] {
    color: #94a3b8;
}
:global([data-theme="dark"]) .info-tagline[b-50ld4j534t],
:global([data-theme="midnight"]) .info-tagline[b-50ld4j534t] {
    color: #cbd5e1;
}
:global([data-theme="dark"]) .info-feature[b-50ld4j534t],
:global([data-theme="midnight"]) .info-feature[b-50ld4j534t] {
    background: rgba(15, 23, 42, 0.4);
    border-color: rgba(51, 65, 85, 0.5);
}
:global([data-theme="dark"]) .info-feature:hover[b-50ld4j534t],
:global([data-theme="midnight"]) .info-feature:hover[b-50ld4j534t] {
    background: rgba(30, 41, 59, 0.6);
    border-color: rgba(59, 130, 246, 0.2);
}
:global([data-theme="dark"]) .info-feature-text[b-50ld4j534t],
:global([data-theme="midnight"]) .info-feature-text[b-50ld4j534t] {
    color: #cbd5e1;
}
:global([data-theme="dark"]) .info-divider[b-50ld4j534t],
:global([data-theme="midnight"]) .info-divider[b-50ld4j534t] {
    background: linear-gradient(90deg, transparent, #334155, transparent);
}
:global([data-theme="dark"]) .info-contact[b-50ld4j534t],
:global([data-theme="midnight"]) .info-contact[b-50ld4j534t] {
    background: rgba(15, 23, 42, 0.5);
    border-color: rgba(59, 130, 246, 0.2);
}
:global([data-theme="dark"]) .info-contact-label[b-50ld4j534t],
:global([data-theme="midnight"]) .info-contact-label[b-50ld4j534t] {
    color: #94a3b8;
}
:global([data-theme="dark"]) .info-email[b-50ld4j534t],
:global([data-theme="midnight"]) .info-email[b-50ld4j534t] {
    color: #60a5fa;
}
:global([data-theme="dark"]) .info-footer[b-50ld4j534t],
:global([data-theme="midnight"]) .info-footer[b-50ld4j534t] {
    background: #0f172a;
    border-top-color: #334155;
}
:global([data-theme="dark"]) .info-footer-text[b-50ld4j534t],
:global([data-theme="midnight"]) .info-footer-text[b-50ld4j534t] {
    color: #475569;
}
:global([data-theme="dark"]) .info-btn-close[b-50ld4j534t],
:global([data-theme="midnight"]) .info-btn-close[b-50ld4j534t] {
    background: #334155;
    border-color: #475569;
    color: #cbd5e1;
}
:global([data-theme="dark"]) .info-btn-close:hover[b-50ld4j534t],
:global([data-theme="midnight"]) .info-btn-close:hover[b-50ld4j534t] {
    background: #475569;
    border-color: #64748b;
}

@media (max-width: 480px) {
    .info-card[b-50ld4j534t] { border-radius: 16px; width: calc(100vw - 24px); }
    .info-header[b-50ld4j534t] { padding: 22px 20px 16px; }
    .info-body[b-50ld4j534t] { padding: 16px 18px; }
    .info-footer[b-50ld4j534t] { padding: 10px 18px 14px; }
}

/* ═══════════════════════════════════════════════════════════
   ÖZEL GÜN ŞERİDİ — Login kartının üstünde ince tematik bant
   ═══════════════════════════════════════════════════════════ */
.login-ozel-serit[b-50ld4j534t] {
    display: flex; align-items: center; gap: 10px;
    padding: 10px 20px; font-size: 0.78rem; font-weight: 600;
    line-height: 1.45; position: relative; overflow: hidden;
}
.login-ozel-serit[b-50ld4j534t]::after {
    content: ''; position: absolute; right: 14px; top: 50%; transform: translateY(-50%);
    width: 50px; height: 50px; z-index: 0; pointer-events: none;
    background-size: contain; background-repeat: no-repeat; background-position: center;
    opacity: 0.1;
}
.los-icon[b-50ld4j534t] { font-size: 1.15rem; flex-shrink: 0; z-index: 1; }
.los-text[b-50ld4j534t] { z-index: 1; }

/* ═══ MİLLİ BAYRAMLAR ═══ */
.login-ozel-serit.ozel-29ekim[b-50ld4j534t],
.login-ozel-serit.ozel-30agustos[b-50ld4j534t],
.login-ozel-serit.ozel-19mayis[b-50ld4j534t],
.login-ozel-serit.ozel-canakkale[b-50ld4j534t],
.login-ozel-serit.ozel-15temmuz[b-50ld4j534t] {
    background: linear-gradient(135deg, #dc2626, #991b1b); color: rgba(255,255,255,0.95);
}
.login-ozel-serit.ozel-29ekim[b-50ld4j534t]::after,
.login-ozel-serit.ozel-30agustos[b-50ld4j534t]::after,
.login-ozel-serit.ozel-19mayis[b-50ld4j534t]::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Ccircle cx='52' cy='60' r='30' fill='white'/%3E%3Ccircle cx='60' cy='60' r='24' fill='%23dc2626'/%3E%3Cpolygon points='90,60 78,55 82,67 72,58 84,58' fill='white'/%3E%3C/svg%3E");
}
/* Kahramanlar (global) — defne yapraklı yıldızlı madalya */
.login-ozel-serit.ozel-15temmuz[b-50ld4j534t]::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M30 50 Q22 60 30 78 Q40 88 52 84' /%3E%3Cpath d='M28 56 Q24 58 22 62'/%3E%3Cpath d='M30 64 Q26 66 24 70'/%3E%3Cpath d='M34 72 Q32 76 32 80'/%3E%3Cpath d='M90 50 Q98 60 90 78 Q80 88 68 84' /%3E%3Cpath d='M92 56 Q96 58 98 62'/%3E%3Cpath d='M90 64 Q94 66 96 70'/%3E%3Cpath d='M86 72 Q88 76 88 80'/%3E%3C/g%3E%3Cpath d='M52 22 L60 14 L68 22 L62 30 L66 38 L54 38 L58 30 Z' fill='white'/%3E%3Ccircle cx='60' cy='60' r='22' fill='white'/%3E%3Ccircle cx='60' cy='60' r='17' fill='%23991b1b'/%3E%3Cpolygon points='60,49 63,57 71,57 64,62 67,71 60,66 53,71 56,62 49,57 57,57' fill='white'/%3E%3C/svg%3E");
}
.login-ozel-serit.ozel-canakkale[b-50ld4j534t]::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cellipse cx='50' cy='52' rx='28' ry='32' fill='none' stroke='white' stroke-width='3'/%3E%3Cline x1='50' y1='10' x2='50' y2='90' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3Cline x1='38' y1='14' x2='62' y2='14' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
}
/* Arka plan: milli bayramlar */
.login-page.ozel-29ekim[b-50ld4j534t],
.login-page.ozel-30agustos[b-50ld4j534t],
.login-page.ozel-19mayis[b-50ld4j534t],
.login-page.ozel-canakkale[b-50ld4j534t],
.login-page.ozel-15temmuz[b-50ld4j534t] {
    background:
        radial-gradient(ellipse at 20% 80%, rgba(254,202,202,0.35) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 20%, rgba(254,226,226,0.3) 0%, transparent 50%),
        linear-gradient(160deg, #fff5f5 0%, #fee2e2 30%, #fef2f2 60%, #f1f5f9 100%);
}

/* 23 Nisan — Çocuk Bayramı */
.login-ozel-serit.ozel-23nisan[b-50ld4j534t] {
    background: linear-gradient(135deg, #ec4899, #a855f7); color: rgba(255,255,255,0.95);
}
.login-ozel-serit.ozel-23nisan[b-50ld4j534t]::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cellipse cx='30' cy='30' rx='12' ry='16' fill='white'/%3E%3Cline x1='30' y1='46' x2='32' y2='70' stroke='white' stroke-width='1.5'/%3E%3Cellipse cx='55' cy='22' rx='10' ry='14' fill='white'/%3E%3Cline x1='55' y1='36' x2='53' y2='65' stroke='white' stroke-width='1.5'/%3E%3Cellipse cx='75' cy='35' rx='11' ry='15' fill='white'/%3E%3Cline x1='75' y1='50' x2='73' y2='72' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");
}
.login-page.ozel-23nisan[b-50ld4j534t] {
    background:
        radial-gradient(ellipse at 20% 80%, rgba(251,207,232,0.35) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 20%, rgba(243,232,255,0.3) 0%, transparent 50%),
        linear-gradient(160deg, #fdf2f8 0%, #fce7f3 30%, #faf5ff 60%, #f1f5f9 100%);
}

/* ═══ 10 KASIM ═══ */
.login-ozel-serit.ozel-10kasim[b-50ld4j534t] {
    background: linear-gradient(135deg, #1e293b, #0f172a); color: #94a3b8;
}
.login-ozel-serit.ozel-10kasim[b-50ld4j534t]::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50,15 C45,25 35,30 30,45 C28,55 32,65 40,72 C44,75 48,76 50,85 C52,76 56,75 60,72 C68,65 72,55 70,45 C65,30 55,25 50,15Z' fill='%23e2e8f0' opacity='0.6'/%3E%3C/svg%3E");
}
.login-page.ozel-10kasim[b-50ld4j534t] {
    background:
        radial-gradient(ellipse at 50% 50%, rgba(148,163,184,0.12) 0%, transparent 60%),
        linear-gradient(160deg, #f1f5f9 0%, #e2e8f0 40%, #cbd5e1 80%, #e2e8f0 100%);
}

/* ═══ 1 MAYIS ═══ */
.login-ozel-serit.ozel-1mayis[b-50ld4j534t] {
    background: linear-gradient(135deg, #b91c1c, #dc2626, #f59e0b); color: rgba(255,255,255,0.95);
}
.login-ozel-serit.ozel-1mayis[b-50ld4j534t]::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='42' r='22' fill='none' stroke='white' stroke-width='3'/%3E%3Ccircle cx='50' cy='42' r='10' fill='none' stroke='white' stroke-width='2'/%3E%3Crect x='44' y='68' width='12' height='20' rx='2' fill='white'/%3E%3C/svg%3E");
}
.login-page.ozel-1mayis[b-50ld4j534t] {
    background:
        radial-gradient(ellipse at 20% 80%, rgba(254,202,202,0.3) 0%, transparent 50%),
        linear-gradient(160deg, #fff5f5 0%, #fef2f2 40%, #f1f5f9 100%);
}

/* ═══ DİNİ BAYRAMLAR ═══ */
.login-ozel-serit.ozel-ramazan[b-50ld4j534t],
.login-ozel-serit.ozel-kurban[b-50ld4j534t] {
    background: linear-gradient(135deg, #1e3a5f, #1e40af, #312e81); color: #fde68a;
}
.login-ozel-serit.ozel-ramazan[b-50ld4j534t]::after,
.login-ozel-serit.ozel-kurban[b-50ld4j534t]::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Ccircle cx='55' cy='60' r='32' fill='%23fde68a'/%3E%3Ccircle cx='65' cy='55' r='26' fill='%231e3a5f'/%3E%3Cpolygon points='88,42 84,52 92,52' fill='%23fde68a'/%3E%3C/svg%3E");
}
.login-page.ozel-ramazan[b-50ld4j534t],
.login-page.ozel-kurban[b-50ld4j534t] {
    background:
        radial-gradient(ellipse at 20% 80%, rgba(199,210,254,0.3) 0%, transparent 50%),
        linear-gradient(160deg, #eef2ff 0%, #e0e7ff 30%, #f1f5f9 100%);
}

/* ═══ SEVGİLİLER GÜNÜ ═══ */
.login-ozel-serit.ozel-sevgililer[b-50ld4j534t] {
    background: linear-gradient(135deg, #e11d48, #be123c); color: rgba(255,255,255,0.95);
}
.login-ozel-serit.ozel-sevgililer[b-50ld4j534t]::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50,80 C35,65 10,55 10,35 C10,20 25,10 38,20 C44,25 47,28 50,35 C53,28 56,25 62,20 C75,10 90,20 90,35 C90,55 65,65 50,80Z' fill='white'/%3E%3C/svg%3E");
}
.login-page.ozel-sevgililer[b-50ld4j534t] {
    background:
        radial-gradient(ellipse at 20% 80%, rgba(255,228,230,0.4) 0%, transparent 50%),
        linear-gradient(160deg, #fff1f2 0%, #ffe4e6 30%, #fecdd3 50%, #f1f5f9 100%);
}

/* ═══ KADINLAR GÜNÜ ═══ */
.login-ozel-serit.ozel-kadinlar[b-50ld4j534t] {
    background: linear-gradient(135deg, #a855f7, #ec4899); color: rgba(255,255,255,0.95);
}
.login-ozel-serit.ozel-kadinlar[b-50ld4j534t]::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cellipse cx='50' cy='30' rx='10' ry='16' fill='white' transform='rotate(0 50 50)'/%3E%3Cellipse cx='50' cy='30' rx='10' ry='16' fill='white' transform='rotate(60 50 50)'/%3E%3Cellipse cx='50' cy='30' rx='10' ry='16' fill='white' transform='rotate(120 50 50)'/%3E%3Cellipse cx='50' cy='30' rx='10' ry='16' fill='white' transform='rotate(180 50 50)'/%3E%3Cellipse cx='50' cy='30' rx='10' ry='16' fill='white' transform='rotate(240 50 50)'/%3E%3Cellipse cx='50' cy='30' rx='10' ry='16' fill='white' transform='rotate(300 50 50)'/%3E%3Ccircle cx='50' cy='50' r='8' fill='white' opacity='0.8'/%3E%3C/svg%3E");
}
.login-page.ozel-kadinlar[b-50ld4j534t] {
    background:
        radial-gradient(ellipse at 20% 80%, rgba(243,232,255,0.4) 0%, transparent 50%),
        linear-gradient(160deg, #fdf4ff 0%, #fae8ff 30%, #f5f3ff 60%, #f1f5f9 100%);
}

/* ═══ ÖĞRETMENLER GÜNÜ ═══ */
.login-ozel-serit.ozel-ogretmenler[b-50ld4j534t] {
    background: linear-gradient(135deg, #1d4ed8, #2563eb, #3b82f6); color: rgba(255,255,255,0.95);
}
.login-ozel-serit.ozel-ogretmenler[b-50ld4j534t]::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect x='20' y='25' width='45' height='55' rx='3' fill='none' stroke='white' stroke-width='3'/%3E%3Cline x1='28' y1='38' x2='58' y2='38' stroke='white' stroke-width='2'/%3E%3Cline x1='28' y1='48' x2='55' y2='48' stroke='white' stroke-width='2'/%3E%3Cline x1='28' y1='58' x2='50' y2='58' stroke='white' stroke-width='2'/%3E%3Cline x1='72' y1='18' x2='78' y2='78' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3Cpolygon points='78,78 74,88 82,88' fill='white'/%3E%3C/svg%3E");
}
.login-page.ozel-ogretmenler[b-50ld4j534t] {
    background:
        radial-gradient(ellipse at 20% 80%, rgba(219,234,254,0.4) 0%, transparent 50%),
        linear-gradient(160deg, #eff6ff 0%, #dbeafe 30%, #f1f5f9 100%);
}

/* ═══ ANNELER GÜNÜ ═══ */
.login-ozel-serit.ozel-anneler[b-50ld4j534t] {
    background: linear-gradient(135deg, #db2777, #ec4899, #f472b6); color: rgba(255,255,255,0.95);
}
.login-ozel-serit.ozel-anneler[b-50ld4j534t]::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M40,55 Q40,30 50,20 Q60,30 60,55Z' fill='white'/%3E%3Cpath d='M25,60 Q30,38 45,32 Q42,48 38,60Z' fill='white' opacity='0.7'/%3E%3Cpath d='M75,60 Q70,38 55,32 Q58,48 62,60Z' fill='white' opacity='0.7'/%3E%3Cline x1='50' y1='55' x2='50' y2='85' stroke='white' stroke-width='2.5'/%3E%3C/svg%3E");
}
.login-page.ozel-anneler[b-50ld4j534t] {
    background:
        radial-gradient(ellipse at 20% 80%, rgba(251,207,232,0.35) 0%, transparent 50%),
        linear-gradient(160deg, #fdf2f8 0%, #fce7f3 30%, #f1f5f9 100%);
}

/* ═══ BABALAR GÜNÜ ═══ */
.login-ozel-serit.ozel-babalar[b-50ld4j534t] {
    background: linear-gradient(135deg, #1e3a5f, #1e40af); color: #bfdbfe;
}
.login-ozel-serit.ozel-babalar[b-50ld4j534t]::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 100'%3E%3Cpath d='M22,12 L38,12 L35,18 L25,18Z' fill='%23bfdbfe'/%3E%3Cpath d='M25,18 L35,18 L38,72 L30,80 L22,72Z' fill='%23bfdbfe'/%3E%3C/svg%3E");
}
.login-page.ozel-babalar[b-50ld4j534t] {
    background:
        radial-gradient(ellipse at 20% 80%, rgba(219,234,254,0.3) 0%, transparent 50%),
        linear-gradient(160deg, #eff6ff 0%, #dbeafe 30%, #f1f5f9 100%);
}

/* ═══ YILBAŞI ═══ */
.login-ozel-serit.ozel-yilbasi[b-50ld4j534t] {
    background: linear-gradient(135deg, #0f172a, #1e293b, #312e81); color: #fde68a;
}
.login-ozel-serit.ozel-yilbasi[b-50ld4j534t]::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cline x1='60' y1='15' x2='60' y2='105' stroke='%23fde68a' stroke-width='2'/%3E%3Cline x1='15' y1='60' x2='105' y2='60' stroke='%23fde68a' stroke-width='2'/%3E%3Cline x1='28' y1='28' x2='92' y2='92' stroke='%23fde68a' stroke-width='2'/%3E%3Cline x1='92' y1='28' x2='28' y2='92' stroke='%23fde68a' stroke-width='2'/%3E%3Ccircle cx='60' cy='60' r='6' fill='%23fde68a'/%3E%3C/svg%3E");
}
.login-page.ozel-yilbasi[b-50ld4j534t] {
    background:
        radial-gradient(ellipse at 20% 80%, rgba(233,213,255,0.3) 0%, transparent 50%),
        linear-gradient(160deg, #f5f3ff 0%, #ede9fe 30%, #e0e7ff 60%, #f1f5f9 100%);
}

/* ═══ GENEL FALLBACK ═══ */
.login-ozel-serit.ozel-genel[b-50ld4j534t] {
    background: linear-gradient(135deg, #6366f1, #8b5cf6); color: rgba(255,255,255,0.95);
}
.login-ozel-serit.ozel-genel[b-50ld4j534t]::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpolygon points='50,8 61,38 94,38 67,56 78,88 50,68 22,88 33,56 6,38 39,38' fill='white'/%3E%3C/svg%3E");
}

/* ═══ MOBİL ═══ */
@media (max-width: 480px) {
    .login-ozel-serit[b-50ld4j534t] { padding: 8px 14px; font-size: 0.72rem; gap: 8px; }
    .los-icon[b-50ld4j534t] { font-size: 1rem; }
    .login-ozel-serit[b-50ld4j534t]::after { width: 36px; height: 36px; right: 10px; }
}

/* ═══════════════════════════════════════════════════════════
   MEVSİMSEL ARKA PLAN ANİMASYONLARI
   Kış: Kar yağışı  |  İlkbahar: Çiçek yaprakları
   Yaz: Ateşböcekleri  |  Sonbahar: Düşen yapraklar
   ═══════════════════════════════════════════════════════════ */

.mevsim-bg[b-50ld4j534t] {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    z-index: 0;
}

.mevsim-p[b-50ld4j534t] {
    position: absolute;
    display: block;
    pointer-events: none;
    will-change: transform;
}

/* ─────────────────────────────
   KIŞ — Kar Yağışı ❄️
   ───────────────────────────── */
.mevsim-kis .mevsim-p[b-50ld4j534t] {
    top: -20px;
    width: 1em;
    height: 1em;
    background: radial-gradient(circle, rgba(255,255,255,0.95) 0%, rgba(200,220,255,0.3) 100%);
    border-radius: 50%;
    filter: blur(0.5px);
    opacity: 0.7;
    animation: kar-yag-b-50ld4j534t linear infinite;
}

.mevsim-kis .mevsim-p:nth-child(3n)[b-50ld4j534t] {
    background: radial-gradient(circle, rgba(220,235,255,0.9) 0%, rgba(180,210,255,0.2) 100%);
    filter: blur(1px);
    opacity: 0.5;
}

.mevsim-kis .mevsim-p:nth-child(5n+1)[b-50ld4j534t] {
    box-shadow: 0 0 6px rgba(255,255,255,0.4);
}

@keyframes kar-yag-b-50ld4j534t {
    0% {
        transform: translateY(-20px) translateX(0);
    }
    25% {
        transform: translateY(25vh) translateX(18px);
    }
    50% {
        transform: translateY(50vh) translateX(-12px);
    }
    75% {
        transform: translateY(75vh) translateX(22px);
    }
    100% {
        transform: translateY(calc(100vh + 20px)) translateX(-8px);
    }
}

/* ─────────────────────────────
   İLKBAHAR — Çiçek Açan Ağaç + Süzülen Yapraklar 🌸
   ───────────────────────────── */

/* Minimal papatyalar — ekranın en altında, saplarıyla birlikte */
.ilkbahar-papatyalar[b-50ld4j534t] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
}

.papatya[b-50ld4j534t] {
    position: absolute;
    bottom: 0;
    opacity: 0;
    filter: drop-shadow(0 1px 3px rgba(0,0,0,0.06));
    animation: papatya-ac-b-50ld4j534t 1s ease forwards;
}

.p1[b-50ld4j534t] { width: 42px; height: 84px; left: 4%;   animation-delay: 0.8s; }
.p2[b-50ld4j534t] { width: 36px; height: 72px; left: 14%;  animation-delay: 1.2s; }
.p3[b-50ld4j534t] { width: 40px; height: 80px; left: 28%;  animation-delay: 1.6s; }
.p4[b-50ld4j534t] { width: 38px; height: 76px; right: 4%;  animation-delay: 2s; }
.p5[b-50ld4j534t] { width: 32px; height: 64px; right: 16%; animation-delay: 2.4s; }
.p6[b-50ld4j534t] { width: 44px; height: 88px; left: 48%;  animation-delay: 1s; }
.p7[b-50ld4j534t] { width: 30px; height: 60px; right: 30%; animation-delay: 2.8s; }
.p8[b-50ld4j534t] { width: 38px; height: 76px; left: 38%;  animation-delay: 1.8s; }
.p9[b-50ld4j534t] { width: 28px; height: 56px; right: 42%; animation-delay: 3s; }

@keyframes papatya-ac-b-50ld4j534t {
    0%   { opacity: 0; transform: scale(0); }
    70%  { opacity: 0.65; transform: scale(1.08); }
    100% { opacity: 0.55; transform: scale(1); }
}

/* Dark mode */
:global([data-theme="dark"]) .ilkbahar-papatyalar[b-50ld4j534t],
:global([data-theme="midnight"]) .ilkbahar-papatyalar[b-50ld4j534t] {
    opacity: 0.3;
}

/* Mobil */
@media (max-width: 480px) {
    .p5[b-50ld4j534t], .p7[b-50ld4j534t], .p8[b-50ld4j534t], .p9[b-50ld4j534t] { display: none; }
    .p1[b-50ld4j534t] { width: 32px; height: 64px; }
    .p2[b-50ld4j534t] { width: 26px; height: 52px; }
    .p3[b-50ld4j534t] { width: 28px; height: 56px; }
    .p4[b-50ld4j534t] { width: 26px; height: 52px; }
    .p6[b-50ld4j534t] { width: 30px; height: 60px; }
}

@media (max-height: 640px) {
    .p3[b-50ld4j534t], .p5[b-50ld4j534t], .p6[b-50ld4j534t], .p7[b-50ld4j534t], .p8[b-50ld4j534t], .p9[b-50ld4j534t] { display: none; }
    .p1[b-50ld4j534t] { width: 26px; height: 52px; }
    .p2[b-50ld4j534t] { width: 22px; height: 44px; }
    .p4[b-50ld4j534t] { width: 24px; height: 48px; }
}

/* Süzülen yapraklar (İlkbahar parçacıkları) */
.mevsim-ilkbahar .mevsim-p[b-50ld4j534t] {
    top: -30px;
    width: 1em;
    height: 1em;
    background: linear-gradient(135deg, rgba(255,182,193,0.85) 0%, rgba(255,105,180,0.5) 100%);
    border-radius: 80% 0 55% 50% / 55% 0 80% 50%;
    opacity: 0.75;
    animation: cicek-dus-b-50ld4j534t linear infinite;
}

.mevsim-ilkbahar .mevsim-p:nth-child(3n)[b-50ld4j534t] {
    background: linear-gradient(135deg, rgba(255,228,235,0.9) 0%, rgba(244,114,182,0.4) 100%);
    border-radius: 50% 0 80% 50% / 80% 0 50% 50%;
}

.mevsim-ilkbahar .mevsim-p:nth-child(4n+1)[b-50ld4j534t] {
    background: linear-gradient(135deg, rgba(255,255,255,0.9) 0%, rgba(255,192,203,0.5) 100%);
}

.mevsim-ilkbahar .mevsim-p:nth-child(5n+2)[b-50ld4j534t] {
    background: linear-gradient(135deg, rgba(252,165,241,0.7) 0%, rgba(219,39,119,0.3) 100%);
}

@keyframes cicek-dus-b-50ld4j534t {
    0% {
        transform: translateY(-30px) translateX(0) rotate(0deg) scale(1);
    }
    20% {
        transform: translateY(20vh) translateX(35px) rotate(100deg) scale(0.9);
    }
    40% {
        transform: translateY(40vh) translateX(-25px) rotate(220deg) scale(1.05);
    }
    60% {
        transform: translateY(60vh) translateX(30px) rotate(310deg) scale(0.92);
    }
    80% {
        transform: translateY(80vh) translateX(-15px) rotate(390deg) scale(1);
    }
    100% {
        transform: translateY(calc(100vh + 30px)) translateX(10px) rotate(460deg) scale(0.95);
    }
}

/* ─────────────────────────────
   YAZ — Ateşböcekleri / Sıcak Parıltılar ✨
   ───────────────────────────── */
.mevsim-yaz .mevsim-p[b-50ld4j534t] {
    bottom: -20px;
    width: 1em;
    height: 1em;
    background: radial-gradient(circle, rgba(255,215,0,0.95) 0%, rgba(255,165,0,0.15) 100%);
    border-radius: 50%;
    box-shadow: 0 0 10px 2px rgba(255,215,0,0.35);
    opacity: 0;
    animation: atesbocegi-b-50ld4j534t linear infinite;
}

.mevsim-yaz .mevsim-p:nth-child(3n)[b-50ld4j534t] {
    background: radial-gradient(circle, rgba(255,255,200,0.9) 0%, rgba(255,200,50,0.1) 100%);
    box-shadow: 0 0 12px 3px rgba(255,255,150,0.3);
}

.mevsim-yaz .mevsim-p:nth-child(4n+2)[b-50ld4j534t] {
    background: radial-gradient(circle, rgba(255,180,50,0.9) 0%, rgba(255,120,0,0.1) 100%);
    box-shadow: 0 0 8px 2px rgba(255,180,50,0.3);
}

@keyframes atesbocegi-b-50ld4j534t {
    0% {
        transform: translateY(20px) translateX(0) scale(0.5);
        opacity: 0;
    }
    10% {
        opacity: 0.8;
        transform: translateY(-5vh) translateX(8px) scale(1);
    }
    30% {
        opacity: 0.6;
        transform: translateY(-25vh) translateX(-15px) scale(0.85);
    }
    50% {
        opacity: 0.9;
        transform: translateY(-45vh) translateX(20px) scale(1.1);
    }
    70% {
        opacity: 0.5;
        transform: translateY(-65vh) translateX(-10px) scale(0.7);
    }
    90% {
        opacity: 0.3;
        transform: translateY(-85vh) translateX(12px) scale(0.5);
    }
    100% {
        opacity: 0;
        transform: translateY(calc(-100vh - 20px)) translateX(-5px) scale(0.3);
    }
}

/* ─────────────────────────────
   SONBAHAR — Düşen Yapraklar 🍂
   ───────────────────────────── */
.mevsim-sonbahar .mevsim-p[b-50ld4j534t] {
    top: -30px;
    width: 1em;
    height: 0.65em;
    background: linear-gradient(135deg, #d97706 0%, #ea580c 100%);
    border-radius: 3px 50% 50% 3px;
    opacity: 0.7;
    animation: yaprak-dokulme-b-50ld4j534t linear infinite;
}

.mevsim-sonbahar .mevsim-p:nth-child(3n)[b-50ld4j534t] {
    background: linear-gradient(135deg, #b45309 0%, #c2410c 100%);
    border-radius: 50% 3px 3px 50%;
    opacity: 0.6;
}

.mevsim-sonbahar .mevsim-p:nth-child(4n+1)[b-50ld4j534t] {
    background: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);
    opacity: 0.65;
}

.mevsim-sonbahar .mevsim-p:nth-child(5n+2)[b-50ld4j534t] {
    background: linear-gradient(135deg, #92400e 0%, #78350f 100%);
    opacity: 0.5;
}

.mevsim-sonbahar .mevsim-p:nth-child(7n)[b-50ld4j534t] {
    background: linear-gradient(135deg, #dc2626 0%, #9a3412 100%);
    border-radius: 50% 50% 3px 3px;
}

@keyframes yaprak-dokulme-b-50ld4j534t {
    0% {
        transform: translateY(-30px) translateX(0) rotate(0deg) rotateY(0deg);
    }
    15% {
        transform: translateY(15vh) translateX(45px) rotate(65deg) rotateY(40deg);
    }
    30% {
        transform: translateY(30vh) translateX(-35px) rotate(150deg) rotateY(-30deg);
    }
    50% {
        transform: translateY(50vh) translateX(40px) rotate(230deg) rotateY(50deg);
    }
    70% {
        transform: translateY(70vh) translateX(-30px) rotate(310deg) rotateY(-40deg);
    }
    85% {
        transform: translateY(85vh) translateX(20px) rotate(370deg) rotateY(25deg);
    }
    100% {
        transform: translateY(calc(100vh + 30px)) translateX(-10px) rotate(420deg) rotateY(-10deg);
    }
}

/* ─── MEVSİM: DARK MODE UYUMU ─── */
:global([data-theme="dark"]) .mevsim-kis .mevsim-p[b-50ld4j534t],
:global([data-theme="midnight"]) .mevsim-kis .mevsim-p[b-50ld4j534t] {
    background: radial-gradient(circle, rgba(200,220,255,0.7) 0%, rgba(150,180,220,0.2) 100%);
    opacity: 0.45;
}

:global([data-theme="dark"]) .mevsim-ilkbahar .mevsim-p[b-50ld4j534t],
:global([data-theme="midnight"]) .mevsim-ilkbahar .mevsim-p[b-50ld4j534t] {
    opacity: 0.5;
}

:global([data-theme="dark"]) .mevsim-yaz .mevsim-p[b-50ld4j534t],
:global([data-theme="midnight"]) .mevsim-yaz .mevsim-p[b-50ld4j534t] {
    box-shadow: 0 0 14px 3px rgba(255,215,0,0.25);
}

:global([data-theme="dark"]) .mevsim-sonbahar .mevsim-p[b-50ld4j534t],
:global([data-theme="midnight"]) .mevsim-sonbahar .mevsim-p[b-50ld4j534t] {
    opacity: 0.45;
}

/* ─── MEVSİM: MOBİL PERFORMANS ─── */
@media (max-width: 480px) {
    .mevsim-p:nth-child(n+20)[b-50ld4j534t] {
        display: none;
    }
}

@media (max-height: 640px) {
    .mevsim-p:nth-child(n+15)[b-50ld4j534t] {
        display: none;
    }
}

/* ═══════════════════════════════════════════════════════════
   DİNAMİK KARŞILAMA & CANLI SAAT
   ═══════════════════════════════════════════════════════════ */
.login-karsilama[b-50ld4j534t] {
    position: fixed;
    top: 18px;
    left: 50%;
    transform: translateX(-50%);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 18px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(226, 232, 240, 0.5);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
    z-index: 10;
    animation: karsilama-in-b-50ld4j534t 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.3s forwards;
    opacity: 0;
    user-select: none;
    white-space: nowrap;
}

@keyframes karsilama-in-b-50ld4j534t {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

.karsilama-ikon[b-50ld4j534t] {
    font-size: 1rem;
    line-height: 1;
}

.karsilama-metin[b-50ld4j534t] {
    font-size: 0.72rem;
    font-weight: 700;
    color: #334155;
    letter-spacing: 0.5px;
}

.karsilama-ayirici[b-50ld4j534t] {
    color: #cbd5e1;
    font-size: 0.6rem;
    font-weight: 300;
}

.karsilama-saat[b-50ld4j534t] {
    font-size: 0.68rem;
    font-weight: 800;
    color: #2563eb;
    letter-spacing: 2.5px;
    font-variant-numeric: tabular-nums;
}

:global([data-theme="dark"]) .login-karsilama[b-50ld4j534t],
:global([data-theme="midnight"]) .login-karsilama[b-50ld4j534t] {
    background: rgba(15, 23, 42, 0.6);
    border-color: rgba(51, 65, 85, 0.5);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

:global([data-theme="dark"]) .karsilama-metin[b-50ld4j534t],
:global([data-theme="midnight"]) .karsilama-metin[b-50ld4j534t] {
    color: #cbd5e1;
}

:global([data-theme="dark"]) .karsilama-ayirici[b-50ld4j534t],
:global([data-theme="midnight"]) .karsilama-ayirici[b-50ld4j534t] {
    color: #475569;
}

:global([data-theme="dark"]) .karsilama-saat[b-50ld4j534t],
:global([data-theme="midnight"]) .karsilama-saat[b-50ld4j534t] {
    color: #60a5fa;
}

@media (max-width: 480px) {
    .login-karsilama[b-50ld4j534t] { gap: 6px; padding: 5px 12px; top: 8px; }
    .karsilama-ikon[b-50ld4j534t] { font-size: 0.85rem; }
    .karsilama-metin[b-50ld4j534t] { font-size: 0.64rem; }
    .karsilama-saat[b-50ld4j534t] { font-size: 0.6rem; letter-spacing: 2px; }
}

@media (max-height: 640px) {
    .login-karsilama[b-50ld4j534t] { padding: 3px 10px; gap: 5px; top: 4px; }
    .karsilama-ikon[b-50ld4j534t] { font-size: 0.8rem; }
    .karsilama-metin[b-50ld4j534t] { font-size: 0.6rem; }
    .karsilama-saat[b-50ld4j534t] { font-size: 0.56rem; }
}

/* ═══════════════════════════════════════════════════════════
   CAPS LOCK UYARISI
   ═══════════════════════════════════════════════════════════ */
.caps-lock-uyari[b-50ld4j534t] {
    align-items: center;
    gap: 6px;
    margin-top: 8px;
    padding: 7px 12px;
    background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
    border: 1px solid #fde68a;
    border-radius: 8px;
    font-size: 0.72rem;
    font-weight: 600;
    color: #92400e;
    animation: fieldErrorIn-b-50ld4j534t 0.2s ease;
}

:global([data-theme="dark"]) .caps-lock-uyari[b-50ld4j534t],
:global([data-theme="midnight"]) .caps-lock-uyari[b-50ld4j534t] {
    background: linear-gradient(135deg, rgba(120, 53, 15, 0.25) 0%, rgba(146, 64, 14, 0.2) 100%);
    border-color: rgba(251, 191, 36, 0.3);
    color: #fbbf24;
}

@media (max-width: 480px) {
    .caps-lock-uyari[b-50ld4j534t] { font-size: 0.66rem; padding: 5px 10px; }
}

/* ═══════════════════════════════════════════════════════════
   GİRİŞ BAŞARI ANİMASYONU
   ═══════════════════════════════════════════════════════════ */
.login-basari-overlay[b-50ld4j534t] {
    position: fixed;
    inset: 0;
    z-index: 50000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    animation: basari-fade-in-b-50ld4j534t 0.2s ease;
}

.login-basari-wrap[b-50ld4j534t] {
    text-align: center;
    animation: basari-scale-in-b-50ld4j534t 0.4s cubic-bezier(0.16, 1, 0.3, 1) 0.05s both;
    z-index: 2;
}

.login-basari-circle[b-50ld4j534t] {
    width: 80px;
    height: 80px;
    margin: 0 auto 16px;
    position: relative;
}

.basari-ring[b-50ld4j534t] {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: linear-gradient(135deg, #22c55e, #16a34a);
    animation: basari-ring-pop-b-50ld4j534t 0.35s cubic-bezier(0.16, 1, 0.3, 1) 0.05s both;
    box-shadow: 0 8px 32px rgba(34, 197, 94, 0.35);
}

@keyframes basari-ring-pop-b-50ld4j534t {
    0% { transform: scale(0); opacity: 0; }
    60% { transform: scale(1.1); }
    100% { transform: scale(1); opacity: 1; }
}

.login-basari-circle svg[b-50ld4j534t] {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.basari-check-anim[b-50ld4j534t] {
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: basari-check-draw-b-50ld4j534t 0.25s ease-in-out 0.3s forwards;
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.1));
}

.login-basari-metin[b-50ld4j534t] {
    font-size: 1.1rem;
    font-weight: 800;
    color: #16a34a;
    letter-spacing: 0.3px;
    opacity: 0;
    animation: basari-text-in-b-50ld4j534t 0.3s ease 0.4s forwards;
}

.login-basari-alt[b-50ld4j534t] {
    font-size: 0.72rem;
    font-weight: 600;
    color: #94a3b8;
    margin-top: 6px;
    opacity: 0;
    animation: basari-text-in-b-50ld4j534t 0.3s ease 0.6s forwards;
}

.login-basari-isim[b-50ld4j534t] {
    font-size: 0.88rem;
    font-weight: 700;
    color: #334155;
    margin-top: 8px;
    opacity: 0;
    animation: basari-text-in-b-50ld4j534t 0.3s ease 0.5s forwards;
}

/* ─── Confetti ─── */
.basari-confetti[b-50ld4j534t] {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    z-index: 1;
}

.confetti-p[b-50ld4j534t] {
    position: absolute;
    width: 8px;
    height: 8px;
    top: 50%;
    left: 50%;
    border-radius: 2px;
    opacity: 0;
    animation: confetti-burst-b-50ld4j534t 0.8s ease-out 0.2s forwards;
}

.confetti-p:nth-child(4n)[b-50ld4j534t]   { background: #22c55e; width: 6px; height: 10px; }
.confetti-p:nth-child(4n+1)[b-50ld4j534t] { background: #3b82f6; width: 8px; height: 6px; border-radius: 50%; }
.confetti-p:nth-child(4n+2)[b-50ld4j534t] { background: #f59e0b; width: 5px; height: 9px; }
.confetti-p:nth-child(4n+3)[b-50ld4j534t] { background: #ec4899; width: 7px; height: 7px; border-radius: 50%; }

.confetti-p:nth-child(1)[b-50ld4j534t]  { --cx: -120px; --cy: -180px; --cr: 200deg; }
.confetti-p:nth-child(2)[b-50ld4j534t]  { --cx: 130px;  --cy: -160px; --cr: -150deg; }
.confetti-p:nth-child(3)[b-50ld4j534t]  { --cx: -80px;  --cy: -200px; --cr: 300deg; }
.confetti-p:nth-child(4)[b-50ld4j534t]  { --cx: 160px;  --cy: -100px; --cr: -200deg; }
.confetti-p:nth-child(5)[b-50ld4j534t]  { --cx: -170px; --cy: -90px;  --cr: 250deg; }
.confetti-p:nth-child(6)[b-50ld4j534t]  { --cx: 50px;   --cy: -210px; --cr: -300deg; }
.confetti-p:nth-child(7)[b-50ld4j534t]  { --cx: -140px; --cy: -140px; --cr: 180deg; }
.confetti-p:nth-child(8)[b-50ld4j534t]  { --cx: 100px;  --cy: -190px; --cr: -120deg; }
.confetti-p:nth-child(9)[b-50ld4j534t]  { --cx: -30px;  --cy: -220px; --cr: 350deg; }
.confetti-p:nth-child(10)[b-50ld4j534t] { --cx: 180px;  --cy: -60px;  --cr: -250deg; }
.confetti-p:nth-child(11)[b-50ld4j534t] { --cx: -190px; --cy: -50px;  --cr: 160deg; }
.confetti-p:nth-child(12)[b-50ld4j534t] { --cx: 70px;   --cy: -230px; --cr: -180deg; }
.confetti-p:nth-child(13)[b-50ld4j534t] { --cx: -100px; --cy: -170px; --cr: 280deg; }
.confetti-p:nth-child(14)[b-50ld4j534t] { --cx: 140px;  --cy: -130px; --cr: -220deg; }
.confetti-p:nth-child(15)[b-50ld4j534t] { --cx: -160px; --cy: -120px; --cr: 220deg; }
.confetti-p:nth-child(16)[b-50ld4j534t] { --cx: 30px;   --cy: -240px; --cr: -280deg; }
.confetti-p:nth-child(17)[b-50ld4j534t] { --cx: -50px;  --cy: 100px;  --cr: 190deg; }
.confetti-p:nth-child(18)[b-50ld4j534t] { --cx: 110px;  --cy: 80px;   --cr: -170deg; }
.confetti-p:nth-child(19)[b-50ld4j534t] { --cx: -130px; --cy: 60px;   --cr: 310deg; }
.confetti-p:nth-child(20)[b-50ld4j534t] { --cx: 90px;   --cy: 110px;  --cr: -260deg; }
.confetti-p:nth-child(n+21):nth-child(-n+30)[b-50ld4j534t] { --cx: calc(-200px + var(--cx, 50px)); --cy: calc(50px + var(--cy, -100px)); --cr: 240deg; }
.confetti-p:nth-child(21)[b-50ld4j534t] { --cx: -60px;  --cy: -150px; --cr: 140deg; }
.confetti-p:nth-child(22)[b-50ld4j534t] { --cx: 170px;  --cy: -40px;  --cr: -190deg; }
.confetti-p:nth-child(23)[b-50ld4j534t] { --cx: -110px; --cy: 90px;   --cr: 260deg; }
.confetti-p:nth-child(24)[b-50ld4j534t] { --cx: 40px;   --cy: 120px;  --cr: -310deg; }
.confetti-p:nth-child(25)[b-50ld4j534t] { --cx: -180px; --cy: -30px;  --cr: 170deg; }
.confetti-p:nth-child(26)[b-50ld4j534t] { --cx: 120px;  --cy: -200px; --cr: -140deg; }
.confetti-p:nth-child(27)[b-50ld4j534t] { --cx: -40px;  --cy: 130px;  --cr: 290deg; }
.confetti-p:nth-child(28)[b-50ld4j534t] { --cx: 80px;   --cy: -170px; --cr: -230deg; }
.confetti-p:nth-child(29)[b-50ld4j534t] { --cx: -150px; --cy: 40px;   --cr: 200deg; }
.confetti-p:nth-child(30)[b-50ld4j534t] { --cx: 60px;   --cy: -140px; --cr: -160deg; }
.confetti-p:nth-child(31)[b-50ld4j534t] { --cx: -90px;  --cy: -210px; --cr: 320deg; }
.confetti-p:nth-child(32)[b-50ld4j534t] { --cx: 150px;  --cy: 30px;   --cr: -270deg; }
.confetti-p:nth-child(33)[b-50ld4j534t] { --cx: -200px; --cy: -70px;  --cr: 230deg; }
.confetti-p:nth-child(34)[b-50ld4j534t] { --cx: 20px;   --cy: -250px; --cr: -340deg; }
.confetti-p:nth-child(35)[b-50ld4j534t] { --cx: -70px;  --cy: 70px;   --cr: 150deg; }
.confetti-p:nth-child(36)[b-50ld4j534t] { --cx: 200px;  --cy: -80px;  --cr: -130deg; }
.confetti-p:nth-child(37)[b-50ld4j534t] { --cx: -20px;  --cy: -190px; --cr: 340deg; }
.confetti-p:nth-child(38)[b-50ld4j534t] { --cx: 100px;  --cy: 50px;   --cr: -210deg; }
.confetti-p:nth-child(39)[b-50ld4j534t] { --cx: -140px; --cy: -100px; --cr: 270deg; }
.confetti-p:nth-child(40)[b-50ld4j534t] { --cx: 50px;   --cy: -160px; --cr: -290deg; }

@keyframes confetti-burst-b-50ld4j534t {
    0% {
        opacity: 1;
        transform: translate(0, 0) rotate(0deg) scale(0);
    }
    20% {
        opacity: 1;
        transform: translate(calc(var(--cx) * 0.3), calc(var(--cy) * 0.3)) rotate(calc(var(--cr) * 0.3)) scale(1.2);
    }
    100% {
        opacity: 0;
        transform: translate(var(--cx), calc(var(--cy) + 60px)) rotate(var(--cr)) scale(0.5);
    }
}

@keyframes basari-fade-in-b-50ld4j534t {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes basari-scale-in-b-50ld4j534t {
    from { opacity: 0; transform: scale(0.5); }
    to { opacity: 1; transform: scale(1); }
}

@keyframes basari-check-draw-b-50ld4j534t {
    to { stroke-dashoffset: 0; }
}

@keyframes basari-text-in-b-50ld4j534t {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

:global([data-theme="dark"]) .login-basari-overlay[b-50ld4j534t],
:global([data-theme="midnight"]) .login-basari-overlay[b-50ld4j534t] {
    background: rgba(15, 23, 42, 0.9);
}

:global([data-theme="dark"]) .login-basari-metin[b-50ld4j534t],
:global([data-theme="midnight"]) .login-basari-metin[b-50ld4j534t] {
    color: #4ade80;
}

:global([data-theme="dark"]) .basari-ring[b-50ld4j534t],
:global([data-theme="midnight"]) .basari-ring[b-50ld4j534t] {
    background: linear-gradient(135deg, #4ade80, #22c55e);
    box-shadow: 0 8px 32px rgba(74, 222, 128, 0.3);
}

:global([data-theme="dark"]) .login-basari-alt[b-50ld4j534t],
:global([data-theme="midnight"]) .login-basari-alt[b-50ld4j534t] {
    color: #64748b;
}

:global([data-theme="dark"]) .login-basari-isim[b-50ld4j534t],
:global([data-theme="midnight"]) .login-basari-isim[b-50ld4j534t] {
    color: #cbd5e1;
}

/* ═══ GÜVENLİK POPUP ═══ */
.secure-overlay[b-50ld4j534t] {
    position: fixed;
    inset: 0;
    z-index: 30000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    animation: forgot-overlay-in-b-50ld4j534t 0.25s ease;
}

.secure-card[b-50ld4j534t] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    width: 420px;
    max-width: calc(100vw - 32px);
    color: #1e293b;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    animation: forgot-card-in-b-50ld4j534t 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.secure-header[b-50ld4j534t] {
    background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 50%, #f0f9ff 100%);
    padding: 28px 24px 20px;
    text-align: center;
    border-bottom: 1px solid #d1fae5;
}

.secure-icon-wrap[b-50ld4j534t] {
    width: 56px;
    height: 56px;
    border-radius: 16px;
    background: linear-gradient(135deg, #059669 0%, #10b981 50%, #34d399 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 14px;
    box-shadow: 0 6px 20px rgba(16, 185, 129, 0.25);
}

.secure-header-icon[b-50ld4j534t] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    filter: drop-shadow(0 3px 6px rgba(0,0,0,0.3));
}
.secure-header-icon svg[b-50ld4j534t] { width: 42px; height: 42px; }

.secure-card h3[b-50ld4j534t] {
    color: #1e293b;
    margin: 0 0 6px;
    font-size: 1.15rem;
    font-weight: 800;
    letter-spacing: 0.3px;
}

.secure-header p[b-50ld4j534t] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 500;
    margin: 0;
}

.secure-body[b-50ld4j534t] {
    padding: 18px 24px;
    max-height: 55vh;
    overflow-y: auto;
}

.secure-tagline[b-50ld4j534t] {
    font-size: 0.82rem;
    font-weight: 600;
    color: #475569;
    text-align: center;
    margin: 0 0 16px;
    line-height: 1.5;
}

.secure-features[b-50ld4j534t] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.secure-feature[b-50ld4j534t] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 12px;
    background: rgba(248, 250, 252, 0.8);
    border: 1px solid rgba(226, 232, 240, 0.5);
    transition: all 0.2s ease;
}

.secure-feature:hover[b-50ld4j534t] {
    background: rgba(240, 253, 244, 0.9);
    border-color: rgba(16, 185, 129, 0.2);
    transform: translateX(2px);
}

.secure-feature-icon[b-50ld4j534t] {
    flex-shrink: 0;
    margin-top: 1px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));
}
.secure-feature-icon svg[b-50ld4j534t] { width: 28px; height: 28px; }

.secure-feature-title[b-50ld4j534t] {
    display: block;
    font-size: 0.78rem;
    font-weight: 800;
    color: #1e293b;
    margin-bottom: 3px;
    letter-spacing: 0.2px;
}

.secure-feature-desc[b-50ld4j534t] {
    display: block;
    font-size: 0.7rem;
    font-weight: 500;
    color: #64748b;
    line-height: 1.45;
}

.secure-footer[b-50ld4j534t] {
    padding: 12px 24px 16px;
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.secure-footer-text[b-50ld4j534t] {
    font-size: 0.62rem;
    color: #94a3b8;
    letter-spacing: 0.2px;
    font-weight: 500;
}

.secure-btn-close[b-50ld4j534t] {
    padding: 10px 28px;
    background: #f1f5f9;
    color: #475569;
    border: 1.5px solid #e2e8f0;
    border-radius: 12px;
    font-weight: 700;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.2s;
}

.secure-btn-close:hover[b-50ld4j534t] {
    background: #e2e8f0;
    border-color: #cbd5e1;
}

/* Güvenlik popup dark mode */
:global([data-theme="dark"]) .secure-card[b-50ld4j534t],
:global([data-theme="midnight"]) .secure-card[b-50ld4j534t] {
    background: #1e293b;
    border-color: #334155;
    color: #e2e8f0;
}
:global([data-theme="dark"]) .secure-header[b-50ld4j534t],
:global([data-theme="midnight"]) .secure-header[b-50ld4j534t] {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    border-bottom-color: #334155;
}
:global([data-theme="dark"]) .secure-card h3[b-50ld4j534t],
:global([data-theme="midnight"]) .secure-card h3[b-50ld4j534t] {
    color: #e2e8f0;
}
:global([data-theme="dark"]) .secure-header p[b-50ld4j534t],
:global([data-theme="midnight"]) .secure-header p[b-50ld4j534t] {
    color: #94a3b8;
}
:global([data-theme="dark"]) .secure-tagline[b-50ld4j534t],
:global([data-theme="midnight"]) .secure-tagline[b-50ld4j534t] {
    color: #cbd5e1;
}
:global([data-theme="dark"]) .secure-feature[b-50ld4j534t],
:global([data-theme="midnight"]) .secure-feature[b-50ld4j534t] {
    background: rgba(15, 23, 42, 0.4);
    border-color: rgba(51, 65, 85, 0.5);
}
:global([data-theme="dark"]) .secure-feature:hover[b-50ld4j534t],
:global([data-theme="midnight"]) .secure-feature:hover[b-50ld4j534t] {
    background: rgba(30, 41, 59, 0.6);
    border-color: rgba(16, 185, 129, 0.25);
}
:global([data-theme="dark"]) .secure-feature-title[b-50ld4j534t],
:global([data-theme="midnight"]) .secure-feature-title[b-50ld4j534t] {
    color: #e2e8f0;
}
:global([data-theme="dark"]) .secure-feature-desc[b-50ld4j534t],
:global([data-theme="midnight"]) .secure-feature-desc[b-50ld4j534t] {
    color: #94a3b8;
}
:global([data-theme="dark"]) .secure-footer[b-50ld4j534t],
:global([data-theme="midnight"]) .secure-footer[b-50ld4j534t] {
    background: #0f172a;
    border-top-color: #334155;
}
:global([data-theme="dark"]) .secure-footer-text[b-50ld4j534t],
:global([data-theme="midnight"]) .secure-footer-text[b-50ld4j534t] {
    color: #475569;
}
:global([data-theme="dark"]) .secure-btn-close[b-50ld4j534t],
:global([data-theme="midnight"]) .secure-btn-close[b-50ld4j534t] {
    background: #334155;
    border-color: #475569;
    color: #cbd5e1;
}
:global([data-theme="dark"]) .secure-btn-close:hover[b-50ld4j534t],
:global([data-theme="midnight"]) .secure-btn-close:hover[b-50ld4j534t] {
    background: #475569;
    border-color: #64748b;
}

@media (max-width: 480px) {
    .secure-card[b-50ld4j534t] { border-radius: 16px; width: calc(100vw - 24px); }
    .secure-header[b-50ld4j534t] { padding: 22px 20px 16px; }
    .secure-body[b-50ld4j534t] { padding: 16px 18px; }
    .secure-footer[b-50ld4j534t] { padding: 10px 18px 14px; }
    .secure-feature[b-50ld4j534t] { padding: 10px 12px; gap: 10px; }
    .secure-feature-icon[b-50ld4j534t] { width: 28px; height: 28px; }
    .secure-feature-icon svg[b-50ld4j534t] { width: 24px; height: 24px; }
}

/* ═══ DİL SEÇİCİ (Custom Dropdown) ═══ */
.login-dil-dropdown[b-50ld4j534t] {
    /* brand-section icinde konumlanir (versiyon wrapper ile ayni container) */
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 5;
}




.login-dil-toggle[b-50ld4j534t] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    background: rgba(99,102,241,0.06);
    border: 1.5px solid rgba(99,102,241,0.18);
    border-radius: 8px;
    color: #334155;
    font-size: 0.76rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s ease;
}

.login-dil-toggle:hover[b-50ld4j534t] {
    background: rgba(99,102,241,0.10);
    border-color: rgba(99,102,241,0.35);
}

.login-dil-flag[b-50ld4j534t] {
    width: 18px;
    height: 13px;
    border-radius: 2px;
    flex-shrink: 0;
    box-shadow: 0 0 0 0.5px rgba(0,0,0,0.1);
}

.login-dil-chevron[b-50ld4j534t] {
    transition: transform 0.2s ease;
    opacity: 0.5;
}

.login-dil-chevron.acik[b-50ld4j534t] {
    transform: rotate(180deg);
}

.login-dil-menu[b-50ld4j534t] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    background: #fff;
    border: 1.5px solid rgba(99,102,241,0.15);
    border-radius: 10px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.12), 0 2px 8px rgba(0,0,0,0.06);
    padding: 4px;
    min-width: 150px;
    animation: loginDilMenuIn-b-50ld4j534t 0.15s ease;
}

@keyframes loginDilMenuIn-b-50ld4j534t {
    from { opacity: 0; transform: translateY(-6px); }
    to { opacity: 1; transform: translateY(0); }
}

.login-dil-item[b-50ld4j534t] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 7px 10px;
    border: none;
    border-radius: 7px;
    background: transparent;
    color: #334155;
    font-size: 0.78rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
    text-align: left;
}

.login-dil-item:hover[b-50ld4j534t] {
    background: rgba(99,102,241,0.08);
    color: #1e293b;
}

.login-dil-item.aktif[b-50ld4j534t] {
    background: rgba(99,102,241,0.10);
    color: #6366f1;
    font-weight: 700;
}

/* ═══ ÖZEL OLAY KARTLARI — YÖNETİCİ TANIMLI TEMALAR ═══ */
/* Yas / Siyah Kurdele */
.login-ozel-serit.ozel-yas[b-50ld4j534t] {
    background: linear-gradient(135deg, #0a0a0a 0%, #1c1c1c 60%, #000 100%); color: #e5e7eb;
    border-bottom: 3px solid #1f2937;
}
.login-ozel-serit.ozel-yas[b-50ld4j534t]::after {
    /* Siyah kurdele */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 90'%3E%3Cpath d='M30 6 L18 30 L30 26 L42 30 Z' fill='%23000' stroke='%23374151' stroke-width='1.5'/%3E%3Cpath d='M30 26 L20 60 L30 50 L40 60 Z' fill='%23000' stroke='%23374151' stroke-width='1.5'/%3E%3Ccircle cx='30' cy='28' r='3' fill='%23374151'/%3E%3C/svg%3E");
    opacity: 0.55;
}
.login-page.ozel-yas[b-50ld4j534t] {
    background:
        radial-gradient(ellipse at 50% 20%, rgba(0,0,0,0.20) 0%, transparent 50%),
        linear-gradient(160deg, #1f2937 0%, #111827 50%, #0f172a 100%);
}
/* Deprem anma */
.login-ozel-serit.ozel-deprem[b-50ld4j534t] {
    background: linear-gradient(135deg, #292524 0%, #44403c 100%); color: #fde68a;
}
.login-ozel-serit.ozel-deprem[b-50ld4j534t]::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 18 L46 60 Q50 64 54 60 Z' fill='%23fde68a'/%3E%3Cellipse cx='50' cy='72' rx='6' ry='10' fill='%23fbbf24'/%3E%3C/svg%3E");
}
.login-page.ozel-deprem[b-50ld4j534t] {
    background:
        radial-gradient(ellipse at 50% 50%, rgba(252,211,77,0.10) 0%, transparent 60%),
        linear-gradient(160deg, #1c1917 0%, #292524 100%);
}
/* Kahramanlar (global) — defne yapraklı yıldızlı madalya */
.login-ozel-serit.ozel-15temmuz[b-50ld4j534t] {
    background: linear-gradient(135deg, #7f1d1d, #b91c1c); color: #fef2f2;
}
.login-ozel-serit.ozel-15temmuz[b-50ld4j534t]::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23fef2f2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M30 50 Q22 60 30 78 Q40 88 52 84' /%3E%3Cpath d='M28 56 Q24 58 22 62'/%3E%3Cpath d='M30 64 Q26 66 24 70'/%3E%3Cpath d='M34 72 Q32 76 32 80'/%3E%3Cpath d='M90 50 Q98 60 90 78 Q80 88 68 84' /%3E%3Cpath d='M92 56 Q96 58 98 62'/%3E%3Cpath d='M90 64 Q94 66 96 70'/%3E%3Cpath d='M86 72 Q88 76 88 80'/%3E%3C/g%3E%3Cpath d='M52 22 L60 14 L68 22 L62 30 L66 38 L54 38 L58 30 Z' fill='%23fef2f2'/%3E%3Ccircle cx='60' cy='60' r='22' fill='%23fef2f2'/%3E%3Ccircle cx='60' cy='60' r='17' fill='%237f1d1d'/%3E%3Cpolygon points='60,49 63,57 71,57 64,62 67,71 60,66 53,71 56,62 49,57 57,57' fill='%23fef2f2'/%3E%3C/svg%3E");
}
.login-page.ozel-15temmuz[b-50ld4j534t] {
    background:
        radial-gradient(ellipse at 50% 30%, rgba(239,68,68,0.18) 0%, transparent 55%),
        linear-gradient(160deg, #1c1917 0%, #7f1d1d 100%);
}

/* RTL kuralları wwwroot/app.css içine yazılmıştır (dir attribute html element'inde olduğu için scoped CSS uygun değil) */

/* ═══ FİN ═══ */
/* /Components/Pages/MasrafGirisi.razor.rz.scp.css */
.page-container[b-qjnkgolvqr] {
    width: 100%;
    margin: auto;
    padding: 6px 8px;
    outline: none;
}

.req[b-qjnkgolvqr] { color: #ef4444; font-weight: 800; }

/* === BAKİYE STRIP === */
.balance-strip[b-qjnkgolvqr] {
    display: flex;
    align-items: center;
    gap: 0;
    background: var(--mg-strip-bg, var(--t-card, #fff));
    border: 1px solid var(--t-card-border, #e2e8f0);
    border-radius: 12px;
    padding: 14px 20px;
    margin-bottom: 18px;
    flex-wrap: wrap;
}

.bal-details[b-qjnkgolvqr] {
    display: contents;
}

.bal-item[b-qjnkgolvqr] {
    flex: 1;
    min-width: 110px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: 4px 8px;
}

.bal-item.highlight[b-qjnkgolvqr] {
    background: var(--mg-balance-box-bg, var(--t-hover, #f8fafc));
    border-radius: 10px;
    padding: 8px 16px;
}

.bal-expand-hint[b-qjnkgolvqr] { display: none; }

.bal-divider[b-qjnkgolvqr] {
    width: 1px;
    height: 36px;
    background: var(--t-card-border, #e2e8f0);
    flex-shrink: 0;
}

.bal-label[b-qjnkgolvqr] {
    font-size: 0.68rem;
    font-weight: 700;
    color: var(--mg-strip-label, var(--t-text-muted, #64748b));
    text-transform: uppercase;
    letter-spacing: 0.3px;
    text-align: center;
    line-height: 1.3;
}

.bal-val[b-qjnkgolvqr] {
    font-size: 1.12rem;
    font-weight: 800;
    color: var(--t-text, #1e293b);
    letter-spacing: -0.02em;
}

.bal-val.waiting-val[b-qjnkgolvqr] { color: var(--mg-val-not-arrived, #2c3e50); }
.bal-val.arrived-val[b-qjnkgolvqr] { color: var(--mg-val-arrived, #06b6d4); }
.bal-val.pending-val[b-qjnkgolvqr] { color: var(--mg-val-reported, #ea580c); }
.bal-val.debt-val[b-qjnkgolvqr] { color: var(--mg-val-debt, #ef4444); }
.bal-val.paid-val[b-qjnkgolvqr] { color: var(--mg-val-paid, #22c55e); }
.bal-val.total-val[b-qjnkgolvqr] { color: var(--mg-val-total, #5b21b6); }
.bal-val.positive[b-qjnkgolvqr] { color: var(--mg-balance-positive, #16a34a); }
.bal-val.negative[b-qjnkgolvqr] { color: var(--mg-balance-negative, #dc2626); }

.bal-bakiye .bal-val:not(.positive):not(.negative)[b-qjnkgolvqr] {
    color: var(--mg-balance-value, var(--t-text, #1e293b));
}

.bal-note[b-qjnkgolvqr] {
    font-size: 0.68rem;
    color: var(--mg-strip-note, #64748b);
    font-weight: 500;
}

.bal-note-balanced[b-qjnkgolvqr] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--mg-strip-note, #64748b);
}

.bal-note-balanced .bal-check[b-qjnkgolvqr] {
    color: var(--mg-val-paid, #22c55e);
    font-weight: 900;
}

/* Clickable bal-item */
.bal-item.clickable[b-qjnkgolvqr] {
    cursor: pointer;
    transition: all 0.2s;
    border-radius: 8px;
}
.bal-item.clickable:hover[b-qjnkgolvqr] {
    background: color-mix(in srgb, var(--mg-val-paid, #22c55e) 10%, var(--t-card, #fff));
    transform: translateY(-1px);
    box-shadow: 0 2px 8px color-mix(in srgb, var(--mg-val-paid, #22c55e) 16%, transparent);
}

/* === ÖDENEN DETAY POPUP === */
.odenen-overlay[b-qjnkgolvqr] {
    position: fixed; inset: 0; background: rgba(15,23,42,0.5);
    backdrop-filter: blur(4px); z-index: 8000;
    animation: odenenFadeIn-b-qjnkgolvqr 0.2s ease;
}

.odenen-panel[b-qjnkgolvqr] {
    position: fixed; top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    background: var(--t-card, white); border-radius: 18px;
    width: 800px; max-width: calc(100vw - 24px);
    max-height: 85vh;
    display: flex; flex-direction: column;
    box-shadow: 0 25px 60px rgba(0,0,0,0.25);
    z-index: 8001;
    animation: odenenSlide-b-qjnkgolvqr 0.3s cubic-bezier(0.175,0.885,0.32,1.275);
}

.odenen-header[b-qjnkgolvqr] {
    display: flex; justify-content: space-between; align-items: center;
    padding: 20px 24px; border-bottom: 1px solid #e2e8f0; flex-shrink: 0;
}
.odenen-header h3[b-qjnkgolvqr] { margin: 0; font-size: 1.15rem; font-weight: 800; color: #1e293b; }
.odenen-header-actions[b-qjnkgolvqr] { display: flex; align-items: center; gap: 8px; }
.odenen-export[b-qjnkgolvqr] { padding: 6px 12px; font-size: 0.78rem; border-radius: 8px; }

.odenen-close[b-qjnkgolvqr] {
    width: 32px; height: 32px; border-radius: 8px; border: 1px solid #e2e8f0;
    background: #f8fafc; font-size: 1rem; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    transition: all 0.2s;
}
.odenen-close:hover[b-qjnkgolvqr] { background: #fee2e2; color: #dc2626; border-color: #fecaca; }

.odenen-body[b-qjnkgolvqr] {
    flex: 1; overflow-y: auto; padding: 20px 24px; min-height: 0;
    display: flex; flex-direction: column; gap: 20px;
}

.odenen-section-title[b-qjnkgolvqr] {
    font-weight: 800; font-size: 0.9rem; color: #475569;
    padding-bottom: 10px; margin-bottom: 10px;
    border-bottom: 2px solid #f1f5f9;
}

.odenen-table[b-qjnkgolvqr] {
    width: 100%; border-collapse: collapse; font-size: 0.82rem;
}
.odenen-table th[b-qjnkgolvqr] {
    text-align: left; padding: 8px 10px; background: #f8fafc;
    font-weight: 700; color: #64748b; font-size: 0.75rem;
    text-transform: uppercase; letter-spacing: 0.3px;
    border-bottom: 2px solid #e2e8f0;
}
.odenen-table td[b-qjnkgolvqr] {
    padding: 10px 10px; border-bottom: 1px solid #f1f5f9; color: #334155;
}
.odenen-table tr:hover td[b-qjnkgolvqr] { background: #f8fafc; }
.odenen-table .right[b-qjnkgolvqr] { text-align: right; }
.odenen-table .tutar-cell[b-qjnkgolvqr] { font-weight: 700; color: #16a34a; white-space: nowrap; }

.odenen-subtotal[b-qjnkgolvqr] {
    display: flex; justify-content: space-between; align-items: center;
    padding: 12px 10px; margin-top: 8px;
    background: #f0fdf4; border-radius: 10px; border: 1px solid #bbf7d0;
}
.odenen-subtotal span[b-qjnkgolvqr] { font-weight: 700; font-size: 0.85rem; color: #166534; }
.odenen-subtotal strong[b-qjnkgolvqr] { font-size: 1rem; color: #16a34a; }

.odenen-empty[b-qjnkgolvqr] {
    text-align: center; color: #94a3b8; font-size: 0.88rem;
    font-style: italic; padding: 20px;
}

.odenen-footer[b-qjnkgolvqr] {
    padding: 16px 24px; border-top: 2px solid #e2e8f0; flex-shrink: 0;
}
.odenen-grand-total[b-qjnkgolvqr] {
    display: flex; justify-content: space-between; align-items: center;
    padding: 12px 16px; background: linear-gradient(135deg, #f0fdf4, #ecfdf5);
    border-radius: 12px; border: 1.5px solid #86efac;
}
.odenen-grand-total span[b-qjnkgolvqr] { font-weight: 800; font-size: 0.95rem; color: #166534; }
.odenen-grand-total strong[b-qjnkgolvqr] { font-size: 1.2rem; }

@keyframes odenenFadeIn-b-qjnkgolvqr { from { opacity: 0; } to { opacity: 1; } }
@keyframes odenenSlide-b-qjnkgolvqr {
    from { opacity: 0; transform: translate(-50%,-50%) scale(0.92); }
    to { opacity: 1; transform: translate(-50%,-50%) scale(1); }
}
@keyframes balExpand-b-qjnkgolvqr {
    from { opacity: 0; max-height: 0; }
    to { opacity: 1; max-height: 500px; }
}

/* === READONLY === */
.readonly-badge[b-qjnkgolvqr] {
    background: #fef3c7;
    color: #92400e;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 700;
    margin-left: 12px;
    white-space: nowrap;
}

.row-active[b-qjnkgolvqr] {
    background: #eff6ff !important;
    outline: 2px solid #3b82f6;
    outline-offset: -2px;
}

/* === FORM === */
.form-section[b-qjnkgolvqr] {
    background: var(--t-card, #fff);
    padding: 25px;
    border-radius: 12px;
    border: 1px solid var(--t-card-border, #e2e8f0);
    margin-bottom: 25px;
    overflow: hidden;
    box-sizing: border-box;
}

.form-header[b-qjnkgolvqr] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;
    border-left: 4px solid #6366f1;
    padding-left: 14px;
}

.form-header h2[b-qjnkgolvqr] {
    font-size: 1.4rem;
    font-weight: 800;
    color: #1e293b;
    margin: 0;
}

.form-grid[b-qjnkgolvqr] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px 14px;
    align-items: start;
}

.form-grid .group[b-qjnkgolvqr] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-height: 0;
}

.form-grid .group label[b-qjnkgolvqr] {
    height: 22px;
    line-height: 22px;
    flex-shrink: 0;
}

.form-grid .group .m-input[b-qjnkgolvqr] {
    height: 40px;
    box-sizing: border-box;
}

.span-2[b-qjnkgolvqr] { grid-column: span 2; }
.span-full[b-qjnkgolvqr] { grid-column: 1 / -1; }

.group label[b-qjnkgolvqr] {
    font-size: 0.85rem;
    font-weight: 700;
    color: #475569;
    margin-bottom: 6px;
    display: block;
}

.field-hint[b-qjnkgolvqr] {
    font-size: 0.78rem;
    color: #94a3b8;
    margin-top: 3px;
    display: block;
}

.field-hint.warn-hint[b-qjnkgolvqr] {
    color: #f59e0b;
    font-weight: 600;
}

/* === UPLOAD BUTTON === */
.upload-btn[b-qjnkgolvqr] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 14px 16px;
    background: linear-gradient(135deg, #eff6ff, #dbeafe);
    border: 2px dashed #93c5fd;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s;
    font-weight: 700;
    font-size: 0.85rem;
    color: #1e40af;
    margin-top: 4px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    min-height: 48px;
}

.upload-btn span[b-qjnkgolvqr] {
    position: relative;
    z-index: 2;
    line-height: 1;
}

.upload-btn:hover[b-qjnkgolvqr] {
    background: linear-gradient(135deg, #dbeafe, #bfdbfe);
    border-color: #3b82f6;
    color: #1e3a8a;
    box-shadow: 0 2px 12px rgba(59, 130, 246, 0.15);
}

.upload-btn:active[b-qjnkgolvqr] {
    transform: translateY(0);
}

.upload-icon[b-qjnkgolvqr] {
    font-size: 1.2rem;
}

/* === GÖRÜNTÜ SECTION === */
.goruntu-section[b-qjnkgolvqr] {
    margin-top: 16px;
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 14px;
    overflow: hidden;
    transition: all 0.25s;
}

.goruntu-section.has-image[b-qjnkgolvqr] {
    border-color: #86efac;
    background: #f0fdf4;
}

.goruntu-section.empty[b-qjnkgolvqr] {
    border-color: #c7d2fe;
    background: transparent;
}

/* — Yüklü durum — */
.goruntu-loaded[b-qjnkgolvqr] {
    display: flex;
    align-items: stretch;
    gap: 0;
}

.goruntu-loaded .goruntu-preview[b-qjnkgolvqr] {
    flex-shrink: 0;
    cursor: zoom-in;
    position: relative;
    background: #f8fafc;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-right: 1px solid rgba(134, 239, 172, 0.3);
}

.goruntu-loaded .goruntu-preview img[b-qjnkgolvqr] {
    height: 80px;
    max-width: 120px;
    border-radius: 8px;
    border: 1.5px solid #d1d5db;
    object-fit: cover;
    transition: all 0.2s;
    display: block;
}

.goruntu-loaded .goruntu-preview:hover img[b-qjnkgolvqr] {
    border-color: #6366f1;
    box-shadow: 0 2px 10px rgba(99,102,241,0.18);
    transform: scale(1.04);
}

.goruntu-zoom-hint[b-qjnkgolvqr] {
    position: absolute;
    bottom: 6px;
    right: 6px;
    font-size: 0.65rem;
    background: rgba(0,0,0,0.5);
    color: white;
    padding: 2px 5px;
    border-radius: 4px;
    opacity: 0;
    transition: opacity 0.2s;
}

.goruntu-loaded .goruntu-preview:hover .goruntu-zoom-hint[b-qjnkgolvqr] {
    opacity: 1;
}

.goruntu-loaded-info[b-qjnkgolvqr] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    padding: 12px 16px;
    min-width: 0;
}

.goruntu-badge[b-qjnkgolvqr] {
    font-size: 0.72rem;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 6px;
    width: fit-content;
}

.goruntu-badge.ok[b-qjnkgolvqr] {
    background: #dcfce7;
    color: #15803d;
}

.goruntu-actions[b-qjnkgolvqr] {
    display: flex;
    gap: 6px;
}

.goruntu-btn[b-qjnkgolvqr] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 5px 12px;
    border-radius: 7px;
    font-size: 0.75rem;
    font-weight: 700;
    cursor: pointer;
    border: 1.5px solid transparent;
    transition: all 0.2s;
}

.goruntu-btn.change[b-qjnkgolvqr] {
    background: #eff6ff;
    color: #2563eb;
    border-color: #bfdbfe;
}

.goruntu-btn.change:hover[b-qjnkgolvqr] {
    background: #dbeafe;
}

.goruntu-btn.remove[b-qjnkgolvqr] {
    background: #fef2f2;
    color: #dc2626;
    border-color: #fecaca;
}

.goruntu-btn.remove:hover[b-qjnkgolvqr] {
    background: #fee2e2;
}

/* — OCR Alanı (yüklü durumda sağda) — */
.goruntu-ocr-area[b-qjnkgolvqr] {
    margin-left: auto;
    display: flex;
    align-items: center;
    padding: 10px 14px;
    min-width: 260px;
}

.ocr-btn[b-qjnkgolvqr] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 12px 16px;
    background: linear-gradient(135deg, #eef2ff 0%, #faf5ff 100%);
    border: 1.5px solid #c7d2fe;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.25s;
    text-align: left;
}

.ocr-btn:hover[b-qjnkgolvqr] {
    border-color: #818cf8;
    background: linear-gradient(135deg, #e0e7ff 0%, #f3e8ff 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(99, 102, 241, 0.15);
}

.ocr-btn-icon[b-qjnkgolvqr] {
    font-size: 1.4rem;
    flex-shrink: 0;
}

.ocr-btn-content[b-qjnkgolvqr] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}

.ocr-btn-content strong[b-qjnkgolvqr] {
    font-size: 0.82rem;
    font-weight: 800;
    color: #4338ca;
}

.ocr-btn-content small[b-qjnkgolvqr] {
    font-size: 0.7rem;
    color: #6366f1;
    font-weight: 500;
    line-height: 1.3;
}

.ocr-btn-arrow[b-qjnkgolvqr] {
    font-size: 1.1rem;
    color: #a5b4fc;
    flex-shrink: 0;
    transition: transform 0.2s;
}

.ocr-btn:hover .ocr-btn-arrow[b-qjnkgolvqr] {
    transform: translateX(3px);
    color: #6366f1;
}

.ocr-progress[b-qjnkgolvqr] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 12px 16px;
    background: linear-gradient(135deg, #eef2ff, #faf5ff);
    border: 1.5px solid #c7d2fe;
    border-radius: 12px;
    font-size: 0.82rem;
    font-weight: 600;
    color: #4338ca;
}

.ocr-spinner[b-qjnkgolvqr] {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 2.5px solid rgba(99, 102, 241, 0.2);
    border-top-color: #6366f1;
    border-radius: 50%;
    animation: ocr-spin-b-qjnkgolvqr 0.7s linear infinite;
    flex-shrink: 0;
}

@keyframes ocr-spin-b-qjnkgolvqr {
    to { transform: rotate(360deg); }
}

.ocr-result-banner[b-qjnkgolvqr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    padding: 10px 14px;
    border-radius: 10px;
    background: rgba(16, 185, 129, 0.08);
    border: 1.5px solid rgba(16, 185, 129, 0.25);
    font-size: 0.78rem;
    font-weight: 600;
    color: #059669;
}

.ocr-dismiss[b-qjnkgolvqr] {
    background: none;
    border: none;
    color: #94a3b8;
    cursor: pointer;
    font-size: 0.8rem;
    padding: 2px;
}

/* — Yükleme alanı (boş durum) — */
.goruntu-upload-area[b-qjnkgolvqr] {
    width: 100%;
}

.goruntu-drop-zone[b-qjnkgolvqr] {
    display: block;
    cursor: pointer;
    width: 100%;
}

.goruntu-drop-visual[b-qjnkgolvqr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    padding: 0;
    transition: all 0.25s;
}

.goruntu-drop-visual.drag-hover[b-qjnkgolvqr] {
    background: #eef2ff;
}

.goruntu-drop-main[b-qjnkgolvqr] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 24px;
    width: 100%;
    box-sizing: border-box;
}

.goruntu-drop-icon[b-qjnkgolvqr] {
    font-size: 2rem;
    flex-shrink: 0;
}

.goruntu-drop-texts[b-qjnkgolvqr] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.goruntu-drop-title[b-qjnkgolvqr] {
    font-size: 0.95rem;
    font-weight: 800;
    color: var(--t-text, #1e293b);
}

.goruntu-drop-subtitle[b-qjnkgolvqr] {
    font-size: 0.78rem;
    color: var(--t-text-muted, #94a3b8);
    font-weight: 500;
}

.goruntu-drop-ocr-hint[b-qjnkgolvqr] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 10px 24px;
    background: linear-gradient(135deg, #eef2ff 0%, #faf5ff 100%);
    border-top: 1px solid #e0e7ff;
    font-size: 0.75rem;
    color: #6366f1;
    font-weight: 500;
    box-sizing: border-box;
}

.ocr-hint-icon[b-qjnkgolvqr] {
    font-size: 1rem;
    flex-shrink: 0;
}

.goruntu-drop-ocr-hint strong[b-qjnkgolvqr] {
    font-weight: 700;
}

.goruntu-drop-zone:hover .goruntu-drop-visual[b-qjnkgolvqr] {
    background: #f8fafc;
}

.goruntu-drop-zone:hover .goruntu-drop-ocr-hint[b-qjnkgolvqr] {
    background: linear-gradient(135deg, #e0e7ff 0%, #f3e8ff 100%);
}

/* Drop zone — dz-valid (geçerli dosya sürükleniyor) */
.goruntu-drop-zone.dz-valid .goruntu-drop-visual[b-qjnkgolvqr] {
    background: rgba(16, 185, 129, 0.06);
}
.goruntu-drop-zone.dz-valid .goruntu-drop-title[b-qjnkgolvqr] {
    color: #059669;
}
.goruntu-drop-zone.dz-valid .goruntu-drop-subtitle[b-qjnkgolvqr]::after {
    content: ' — Bırakın!';
    color: #10b981;
    font-weight: 700;
}
.goruntu-drop-zone.dz-valid .goruntu-drop-icon[b-qjnkgolvqr] {
    animation: mg-drop-bounce-b-qjnkgolvqr 0.6s ease infinite alternate;
}

/* Drop zone — dz-invalid (geçersiz dosya sürükleniyor) */
.goruntu-drop-zone.dz-invalid .goruntu-drop-visual[b-qjnkgolvqr] {
    background: rgba(239, 68, 68, 0.06);
}
.goruntu-drop-zone.dz-invalid .goruntu-drop-title[b-qjnkgolvqr] {
    color: #dc2626;
}
.goruntu-drop-zone.dz-invalid .goruntu-drop-subtitle[b-qjnkgolvqr]::after {
    content: ' — Desteklenmeyen dosya!';
    color: #ef4444;
    font-weight: 700;
}
.goruntu-drop-zone.dz-invalid .goruntu-drop-icon[b-qjnkgolvqr] {
    animation: mg-drop-bounce-b-qjnkgolvqr 0.6s ease infinite alternate;
}

@keyframes mg-drop-bounce-b-qjnkgolvqr { 0% { transform: translateY(0); } 100% { transform: translateY(-6px); } }

/* Readonly boş */
.goruntu-empty-readonly[b-qjnkgolvqr] {
    padding: 18px 24px;
    text-align: center;
}

.goruntu-na[b-qjnkgolvqr] {
    font-size: 0.85rem;
    color: #94a3b8;
    font-weight: 600;
}

/* === IMAGE OVERLAY === */
.image-overlay[b-qjnkgolvqr] {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.92);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.image-overlay-toolbar[b-qjnkgolvqr] {
    position: fixed;
    top: 16px;
    display: flex;
    align-items: center;
    gap: 4px;
    background: rgba(15,23,42,0.85);
    backdrop-filter: blur(12px);
    padding: 5px 6px;
    border-radius: 12px;
    z-index: 10001;
    box-shadow: 0 4px 24px rgba(0,0,0,0.5);
    border: 1px solid rgba(255,255,255,0.08);
}

.iot-btn[b-qjnkgolvqr] {
    background: transparent;
    color: rgba(255,255,255,0.8);
    border: none;
    border-radius: 8px;
    width: 36px;
    height: 36px;
    font-size: 0.85rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s;
}

.iot-btn:hover[b-qjnkgolvqr] {
    background: rgba(255,255,255,0.15);
    color: white;
}

.iot-btn:active[b-qjnkgolvqr] {
    transform: scale(0.92);
}

.iot-close:hover[b-qjnkgolvqr] {
    background: rgba(239,68,68,0.35);
    color: #fca5a5;
}

.iot-sep[b-qjnkgolvqr] {
    width: 1px;
    height: 20px;
    background: rgba(255,255,255,0.15);
    margin: 0 2px;
}

.iot-level[b-qjnkgolvqr] {
    color: rgba(255,255,255,0.6);
    font-size: 0.72rem;
    font-weight: 700;
    min-width: 38px;
    text-align: center;
    user-select: none;
    letter-spacing: -0.3px;
}

.image-overlay-container[b-qjnkgolvqr] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: grab;
    overflow: hidden;
    touch-action: none;
}

.image-overlay-container:active[b-qjnkgolvqr] {
    cursor: grabbing;
}

.image-overlay-container img[b-qjnkgolvqr] {
    border-radius: 6px;
    box-shadow: 0 0 60px rgba(0,0,0,0.6);
    user-select: none;
    -webkit-user-drag: none;
    pointer-events: none;
    flex-shrink: 0;
    image-rendering: auto;
}

/* === TOGGLE === */
.sabit-veri-box[b-qjnkgolvqr] {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #f0f9ff;
    padding: 10px 18px;
    border-radius: 30px;
    border: 1px solid #bae6fd;
}

.sabit-label[b-qjnkgolvqr] { font-weight: 800; font-size: 0.9rem; color: #0369a1; }

.switch[b-qjnkgolvqr] { position: relative; width: 44px; height: 22px; }
.switch input[b-qjnkgolvqr] { opacity: 0; width: 0; height: 0; }

.slider[b-qjnkgolvqr] {
    position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0;
    background-color: #cbd5e1; transition: .4s; border-radius: 34px;
}

.slider[b-qjnkgolvqr]:before {
    position: absolute; content: ""; height: 16px; width: 16px;
    left: 3px; bottom: 3px; background-color: white; transition: .4s; border-radius: 50%;
}

input:checked + .slider[b-qjnkgolvqr] { background-color: #6366f1; }
input:checked + .slider[b-qjnkgolvqr]:before { transform: translateX(22px); }

/* === ACTIONS === */
.form-actions[b-qjnkgolvqr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #f1f5f9;
    flex-wrap: wrap;
    gap: 15px;
}

.btns[b-qjnkgolvqr] { display: flex; gap: 12px; }

.btn[b-qjnkgolvqr] {
    padding: 12px 24px; border-radius: 8px; font-weight: 800;
    border: none; cursor: pointer; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); font-size: 0.95rem;
}

.btn-save[b-qjnkgolvqr] { background: linear-gradient(135deg, #4f46e5, #6366f1); color: white; box-shadow: 0 2px 8px rgba(99,102,241,0.2); }
.btn-save:hover[b-qjnkgolvqr] { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(99,102,241,0.3); }
.btn-delete[b-qjnkgolvqr] { background: #fee2e2; color: #b91c1c; }
.btn-delete:hover[b-qjnkgolvqr] { background: #fecaca; transform: translateY(-3px); }
.btn-new[b-qjnkgolvqr] { background: #f1f5f9; color: #475569; }
.btn-new:hover[b-qjnkgolvqr] { background: #e2e8f0; transform: translateY(-3px); }

/* === LIST === */
.list-header[b-qjnkgolvqr] {
    background: #1e293b; color: white; padding: 15px 20px;
    border-radius: 12px 12px 0 0; display: flex; justify-content: space-between;
    align-items: center; flex-wrap: wrap; gap: 10px;
}

.list-header.green[b-qjnkgolvqr] { background: #166534; }

.title-with-icon[b-qjnkgolvqr] { display: flex; align-items: center; gap: 10px; }
.title-with-icon h3[b-qjnkgolvqr] { margin: 0; font-size: 1.1rem; }

.count-badge[b-qjnkgolvqr] {
    background: #6366f1; color: white; padding: 3px 10px;
    border-radius: 12px; font-size: 0.78rem; font-weight: 700;
}

.green-badge[b-qjnkgolvqr] { background: #22c55e; }

.search-bar[b-qjnkgolvqr] { position: relative; display: flex; align-items: center; width: 260px; max-width: 100%; }
.search-bar input[b-qjnkgolvqr] { padding: 8px 36px 8px 15px; border-radius: 20px; border: none; width: 100%; outline: none; }
.search-bar .search-icon[b-qjnkgolvqr] { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); pointer-events: none; }

/* === FILTER BAR === */
.filter-bar[b-qjnkgolvqr] {
    display: flex; flex-wrap: wrap; gap: 6px; padding: 10px 16px;
    background: var(--t-hover, #f8fafc); border-left: 1px solid var(--t-card-border, #e2e8f0); border-right: 1px solid var(--t-card-border, #e2e8f0);
}

.filter-btn[b-qjnkgolvqr] {
    padding: 6px 14px; border-radius: 20px; font-size: 0.75rem; font-weight: 700;
    cursor: pointer; border: 1px solid var(--t-card-border, #e2e8f0); background: var(--t-card, white); color: var(--t-text-muted, #64748b); transition: all 0.2s;
}

.filter-btn:hover[b-qjnkgolvqr] { background: var(--t-hover, #f1f5f9); }
.filter-btn.active[b-qjnkgolvqr] { color: white; border-color: transparent; }
.filter-btn:not(.waiting):not(.arrived):not(.reported):not(.approved):not(.paid).active[b-qjnkgolvqr] { background: var(--t-sidebar, #1e293b); }
.filter-btn.waiting.active[b-qjnkgolvqr] { background: #dc2626; }
.filter-btn.arrived.active[b-qjnkgolvqr] { background: #d97706; }
.filter-btn.reported.active[b-qjnkgolvqr] { background: #7c3aed; }
.filter-btn.approved.active[b-qjnkgolvqr] { background: var(--t-accent, #2563eb); }
.filter-btn.paid.active[b-qjnkgolvqr] { background: #16a34a; }

/* === TABLE === */
.table-responsive[b-qjnkgolvqr] {
    background: var(--t-card, white); border: 1px solid var(--t-card-border, #e2e8f0);
    border-radius: 0 0 12px 12px; overflow-x: auto;
}

.modern-table[b-qjnkgolvqr] { width: 100%; border-collapse: collapse; min-width: 1200px; }

.modern-table th[b-qjnkgolvqr] {
    background: var(--t-hover, #f8fafc); padding: 12px 14px; text-align: left;
    font-size: 0.8rem; color: var(--t-text-muted, #64748b); border-bottom: 2px solid var(--t-card-border, #e2e8f0);
    text-transform: uppercase; white-space: nowrap;
}

.modern-table td[b-qjnkgolvqr] { padding: 11px 14px; border-bottom: 1px solid var(--t-card-border, #f1f5f9); font-size: 0.88rem; }
.modern-table tr:hover[b-qjnkgolvqr] { background: #f0f9ff; cursor: pointer; }

.td-merkez[b-qjnkgolvqr] { max-width: 180px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.td-tutar[b-qjnkgolvqr] { font-weight: 800; color: #dc2626; white-space: nowrap; }

.patient-tag[b-qjnkgolvqr] {
    background: #f1f5f9; padding: 3px 8px; border-radius: 6px;
    font-weight: 600; color: #475569; font-size: 0.82rem;
}

.status-pill[b-qjnkgolvqr] {
    padding: 4px 10px; border-radius: 14px; font-weight: 700;
    font-size: 0.75rem; display: inline-block; white-space: nowrap;
}

.status-pill.paid[b-qjnkgolvqr] { background: #dcfce7; color: #166534; }
.status-pill.approved[b-qjnkgolvqr] { background: #dbeafe; color: #1e40af; }
.status-pill.reported[b-qjnkgolvqr] { background: #ede9fe; color: #6d28d9; }
.status-pill.processing[b-qjnkgolvqr] { background: #fff7ed; color: #c2410c; }
.status-pill.arrived[b-qjnkgolvqr] { background: #fef3c7; color: #92400e; }
.status-pill.waiting[b-qjnkgolvqr] { background: #fee2e2; color: #b91c1c; }

/* === MESSAGES === */
.form-message[b-qjnkgolvqr] {
    margin-top: 15px; padding: 12px 16px; border-radius: 8px;
    font-weight: 700; font-size: 0.92rem;
}

.form-message.success[b-qjnkgolvqr] { background: #dcfce7; color: #166534; border-left: 4px solid #22c55e; }
.form-message.error[b-qjnkgolvqr] { background: #fef2f2; color: #dc2626; border-left: 4px solid #ef4444; }

/* === ÖDEME DETAY PANELİ === */
.detay-row td[b-qjnkgolvqr] {
    padding: 0 !important;
    background: #f0fdf4;
}

.odeme-detay-panel[b-qjnkgolvqr] {
    padding: 16px 20px;
    border-left: 4px solid #22c55e;
    animation: slideDown-b-qjnkgolvqr 0.2s ease-out;
}

.odeme-detay-panel.empty[b-qjnkgolvqr] {
    color: #94a3b8;
    font-weight: 600;
    font-size: 0.88rem;
    padding: 16px 20px;
}

@keyframes slideDown-b-qjnkgolvqr {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}

.detay-header[b-qjnkgolvqr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    font-weight: 800;
    font-size: 0.9rem;
    color: #166534;
}

.detay-count[b-qjnkgolvqr] {
    background: #dcfce7;
    color: #166534;
    padding: 2px 10px;
    border-radius: 10px;
    font-size: 0.75rem;
    font-weight: 700;
}

.detay-table[b-qjnkgolvqr] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.84rem;
}

.detay-table th[b-qjnkgolvqr] {
    background: #dcfce7;
    padding: 8px 12px;
    text-align: left;
    font-size: 0.75rem;
    color: #166534;
    text-transform: uppercase;
    font-weight: 700;
    border-bottom: 1px solid #bbf7d0;
}

.detay-table td[b-qjnkgolvqr] {
    padding: 8px 12px;
    border-bottom: 1px solid #ecfdf5;
    color: #334155;
}

.detay-table tr:hover[b-qjnkgolvqr] {
    background: #ecfdf5;
}

/* === RESPONSIVE === */
@media (max-width: 900px) {
    .balance-strip[b-qjnkgolvqr] { gap: 8px; }
    .bal-divider[b-qjnkgolvqr] { display: none; }
    .bal-item[b-qjnkgolvqr] { min-width: 120px; }
}

@media (max-width: 600px) {
    .page-container[b-qjnkgolvqr] { padding: 6px 0; }
    .form-section[b-qjnkgolvqr] { padding: 14px; }
    .form-grid[b-qjnkgolvqr] { grid-template-columns: 1fr; gap: 12px; }
    .form-grid .group[b-qjnkgolvqr] { gap: 4px; }
    .span-2[b-qjnkgolvqr], .span-full[b-qjnkgolvqr] { grid-column: span 1; }
    .form-header h2[b-qjnkgolvqr] { font-size: 1.1rem; }
    .form-actions[b-qjnkgolvqr] { flex-direction: column; align-items: stretch; gap: 10px; }
    .sabit-veri-box[b-qjnkgolvqr] { justify-content: center; }
    .btns[b-qjnkgolvqr] { flex-direction: column; width: 100%; }
    .btn[b-qjnkgolvqr] { width: 100%; text-align: center; padding: 14px; }
    .f2-hint[b-qjnkgolvqr] { display: none; }
    .list-header[b-qjnkgolvqr] { flex-direction: column; gap: 10px; padding: 12px 14px; }
    .search-bar[b-qjnkgolvqr] { width: 100%; }
    .filter-bar[b-qjnkgolvqr] { overflow-x: auto; flex-wrap: nowrap; padding: 8px 12px; gap: 6px; }
    .filter-btn[b-qjnkgolvqr] { flex-shrink: 0; font-size: 0.7rem; padding: 5px 10px; }
    .modern-table[b-qjnkgolvqr] { min-width: 1000px; }
    .modern-table th[b-qjnkgolvqr], .modern-table td[b-qjnkgolvqr] { padding: 8px 10px; font-size: 0.8rem; }
    .readonly-badge[b-qjnkgolvqr] { display: block; margin-left: 0; margin-top: 6px; text-align: center; }
    .balance-strip[b-qjnkgolvqr] { flex-direction: column; align-items: stretch; padding: 10px; gap: 0; }
    .bal-details[b-qjnkgolvqr] {
        display: none;
        flex-direction: column;
        overflow: hidden;
    }
    .bal-details.open[b-qjnkgolvqr] {
        display: flex;
        animation: balExpand-b-qjnkgolvqr 0.3s ease;
    }
    .bal-details .bal-divider[b-qjnkgolvqr] { display: none; }
    .bal-details .bal-item[b-qjnkgolvqr] {
        flex-direction: row; justify-content: space-between;
        padding: 8px 4px; min-width: unset;
        border-bottom: 1px solid #f1f5f9;
    }
    .bal-details .bal-item:last-child[b-qjnkgolvqr] { border-bottom: none; }
    .bal-item.bal-bakiye[b-qjnkgolvqr] {
        flex-direction: column; align-items: center;
        cursor: pointer; padding: 10px 8px;
    }
    .bal-expand-hint[b-qjnkgolvqr] {
        display: inline;
        font-size: 0.68rem; color: #94a3b8; font-weight: 600;
        margin-top: 2px;
    }
    .upload-btn[b-qjnkgolvqr] { width: 100%; justify-content: center; padding: 14px; }
    .goruntu-section[b-qjnkgolvqr] { border-radius: 12px; }
    .goruntu-loaded[b-qjnkgolvqr] { flex-direction: column; }
    .goruntu-loaded .goruntu-preview[b-qjnkgolvqr] { border-right: none; border-bottom: 1px solid rgba(134, 239, 172, 0.3); padding: 12px; }
    .goruntu-loaded .goruntu-preview img[b-qjnkgolvqr] { height: 100px; max-width: 160px; }
    .goruntu-loaded-info[b-qjnkgolvqr] { padding: 10px 14px; }
    .goruntu-ocr-area[b-qjnkgolvqr] { margin-left: 0; padding: 0 14px 14px; min-width: 0; width: 100%; box-sizing: border-box; }
    .ocr-btn[b-qjnkgolvqr] { flex-direction: column; text-align: center; gap: 8px; }
    .ocr-btn-arrow[b-qjnkgolvqr] { display: none; }
    .goruntu-drop-main[b-qjnkgolvqr] { flex-direction: column; text-align: center; gap: 8px; padding: 16px; }
    .goruntu-drop-texts[b-qjnkgolvqr] { align-items: center; }
    .goruntu-drop-ocr-hint[b-qjnkgolvqr] { justify-content: center; text-align: center; padding: 10px 14px; }
    .odenen-panel[b-qjnkgolvqr] { width: calc(100vw - 16px); max-height: 80vh; }
    .odenen-body[b-qjnkgolvqr] { padding: 14px; }
    .odenen-table[b-qjnkgolvqr] { font-size: 0.75rem; }
    .odenen-table th[b-qjnkgolvqr], .odenen-table td[b-qjnkgolvqr] { padding: 6px 6px; }
}

/* ═══ MASRAF AVANSI ═══ */
.avans-section[b-qjnkgolvqr] { margin: 0 24px 16px; background: var(--t-card, white); border-radius: 14px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); overflow: hidden; }
.avans-header[b-qjnkgolvqr] {
    display: flex; align-items: center; gap: 10px; padding: 14px 20px;
    cursor: pointer; transition: background 0.2s; user-select: none;
}
.avans-header:hover[b-qjnkgolvqr] { background: #f8fafc; }
.avans-icon[b-qjnkgolvqr] { font-size: 1.2rem; }
.avans-title[b-qjnkgolvqr] { font-weight: 800; font-size: 0.95rem; color: #1e293b; flex: 1; }
.avans-aktif-badge[b-qjnkgolvqr] {
    background: #eff6ff; color: #3b82f6; font-size: 0.72rem; font-weight: 700;
    padding: 3px 10px; border-radius: 8px;
}
.avans-toggle[b-qjnkgolvqr] { color: #94a3b8; font-size: 0.75rem; }
.avans-body[b-qjnkgolvqr] { padding: 0 20px 20px; }
.avans-list[b-qjnkgolvqr] { display: flex; flex-direction: column; gap: 10px; margin-bottom: 16px; }
.avans-list-compact[b-qjnkgolvqr] { max-height: 230px; overflow-y: auto; margin-top: 16px; }
.avans-card[b-qjnkgolvqr] {
    border: 1.5px solid #e2e8f0; border-radius: 12px; padding: 14px 16px;
    background: #fafbfc; transition: all 0.2s;
}
.avans-card-top[b-qjnkgolvqr] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; }
.avans-tutar[b-qjnkgolvqr] { font-weight: 800; font-size: 1.05rem; color: #1e293b; }
.avans-card-desc[b-qjnkgolvqr] { font-size: 0.85rem; color: #475569; margin-bottom: 6px; }
.avans-card-detail-row[b-qjnkgolvqr] {
    display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
    margin-bottom: 4px; font-size: 0.78rem;
}
.avans-card-proje[b-qjnkgolvqr] { color: #6366f1; font-weight: 600; }
.avans-card-tarih[b-qjnkgolvqr] { color: #94a3b8; font-weight: 600; }
.avans-card-mail-link[b-qjnkgolvqr] {
    color: #4f46e5; font-weight: 600; text-decoration: none;
    display: inline-flex; align-items: center; gap: 2px;
    background: #eef2ff; padding: 2px 8px; border-radius: 6px;
    border: 1px solid #c7d2fe; transition: all 0.2s;
}
.avans-card-mail-link:hover[b-qjnkgolvqr] { background: #dbeafe; color: #3730a3; border-color: #93c5fd; }
.avans-card-meta[b-qjnkgolvqr] { display: flex; gap: 16px; font-size: 0.75rem; color: #94a3b8; font-weight: 600; flex-wrap: wrap; }
.avans-red-aciklama[b-qjnkgolvqr] { margin-top: 8px; padding: 8px 12px; background: #fef2f2; border-radius: 8px; font-size: 0.82rem; color: #dc2626; font-weight: 600; }
.avans-durum-pill[b-qjnkgolvqr] {
    display: inline-block; padding: 3px 10px; border-radius: 6px;
    font-size: 0.72rem; font-weight: 700;
}
.avans-durum-pill.green[b-qjnkgolvqr] { background: #f0fdf4; color: #16a34a; }
.avans-durum-pill.blue[b-qjnkgolvqr] { background: #eff6ff; color: #3b82f6; }
.avans-durum-pill.red[b-qjnkgolvqr] { background: #fef2f2; color: #dc2626; }
.avans-durum-pill.gray[b-qjnkgolvqr] { background: #f1f5f9; color: #64748b; }
.avans-form[b-qjnkgolvqr] { border-top: 1.5px solid #f1f5f9; padding-top: 16px; }
.avans-form h4[b-qjnkgolvqr] { margin: 0 0 10px; font-size: 0.88rem; font-weight: 700; color: #334155; }
.avans-form-row[b-qjnkgolvqr] { display: flex; gap: 10px; align-items: flex-end; flex-wrap: wrap; margin-bottom: 10px; margin-top: 16px; }
.avans-field[b-qjnkgolvqr] { display: flex; flex-direction: column; gap: 6px; }
.avans-field.grow[b-qjnkgolvqr] { flex: 1; min-width: 200px; }
.avans-field label[b-qjnkgolvqr] { font-size: 0.78rem; font-weight: 700; color: #475569; height: 22px; line-height: 22px; flex-shrink: 0; }
.avans-field .m-input[b-qjnkgolvqr] { height: 40px; box-sizing: border-box; }
.avans-btn[b-qjnkgolvqr] { white-space: nowrap; height: 40px; box-sizing: border-box; }

/* Avans istinaden toggle */
.avans-istinaden-box[b-qjnkgolvqr] {
    display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
    padding: 8px 14px; background: #eff6ff; border-radius: 10px; border: 1.5px solid #bfdbfe;
}
.avans-select[b-qjnkgolvqr] {
    padding: 6px 10px; border-radius: 8px; font-size: 0.82rem;
    min-width: 200px; border: 1.5px solid #bfdbfe;
}

/* Avans kart aksiyon butonları */
.avans-card-actions[b-qjnkgolvqr] {
    display: flex; gap: 8px; margin-top: 8px; padding-top: 8px;
    border-top: 1px dashed #e2e8f0;
}
.avans-action-btn[b-qjnkgolvqr] {
    display: flex; align-items: center; gap: 4px; padding: 5px 14px;
    border-radius: 8px; border: 1.5px solid transparent; cursor: pointer;
    font-size: 0.78rem; font-weight: 700; transition: all 0.2s;
}
.avans-action-btn.edit[b-qjnkgolvqr] {
    background: #eff6ff; color: #2563eb; border-color: #bfdbfe;
}
.avans-action-btn.edit:hover[b-qjnkgolvqr] { background: #dbeafe; transform: translateY(-1px); box-shadow: 0 3px 8px rgba(37,99,235,0.15); }
.avans-action-btn.del[b-qjnkgolvqr] {
    background: #fef2f2; color: #dc2626; border-color: #fecaca;
}
.avans-action-btn.del:hover[b-qjnkgolvqr] { background: #fee2e2; transform: translateY(-1px); box-shadow: 0 3px 8px rgba(220,38,38,0.15); }
.btn-cancel[b-qjnkgolvqr] {
    background: var(--t-hover, #f1f5f9) !important; color: var(--t-text-muted, #64748b) !important; border: 1.5px solid var(--t-card-border, #e2e8f0) !important;
}
.btn-cancel:hover[b-qjnkgolvqr] { background: var(--t-card-border, #e2e8f0) !important; }

/* ═══ MASRAF ŞABLONLARI ═══ */
.sablon-bar[b-qjnkgolvqr] {
    display: flex; align-items: center; gap: 8px; padding: 10px 20px;
    background: linear-gradient(135deg, #faf5ff, #eff6ff);
    border-bottom: 1.5px solid var(--t-card-border, #e2e8f0); flex-wrap: wrap;
    margin-bottom: 16px;
}

.sablon-list[b-qjnkgolvqr] {
    display: flex; align-items: center; gap: 6px; flex-wrap: wrap; flex: 1;
}

.sablon-chip[b-qjnkgolvqr] {
    display: flex; align-items: center; gap: 4px;
    padding: 5px 12px; border-radius: 20px;
    background: var(--t-card, white); border: 1.5px solid var(--t-card-border, #e2e8f0);
    font-size: 0.78rem; font-weight: 700; color: #475569;
    cursor: pointer; transition: all 0.2s; white-space: nowrap;
}
.sablon-chip:hover[b-qjnkgolvqr] {
    border-color: #6366f1; color: #6366f1;
    background: #eef2ff; transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(99,102,241,0.12);
}
.sablon-chip-icon[b-qjnkgolvqr] { font-size: 0.82rem; }
.sablon-chip-text[b-qjnkgolvqr] { max-width: 140px; overflow: hidden; text-overflow: ellipsis; }
.sablon-chip-del[b-qjnkgolvqr] {
    font-size: 0.68rem; color: #94a3b8; margin-left: 2px;
    width: 16px; height: 16px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    transition: all 0.15s;
}
.sablon-chip-del:hover[b-qjnkgolvqr] { background: #fee2e2; color: #dc2626; }

.sablon-save-btn[b-qjnkgolvqr] {
    padding: 5px 14px; border-radius: 20px;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    color: white; border: none; font-weight: 700;
    font-size: 0.78rem; cursor: pointer;
    transition: all 0.2s; white-space: nowrap;
}
.sablon-save-btn:hover[b-qjnkgolvqr] {
    transform: translateY(-1px);
    box-shadow: 0 3px 10px rgba(99,102,241,0.3);
}
.sablon-save-btn:disabled[b-qjnkgolvqr] {
    background: #94a3b8; cursor: not-allowed;
    box-shadow: none; transform: none;
}

.sablon-kaydet-panel[b-qjnkgolvqr] {
    margin: 0 20px 10px; padding: 14px 18px;
    background: linear-gradient(135deg, #faf5ff, #f5f3ff); border: 1.5px solid #c4b5fd;
    border-radius: 12px; animation: sabSlide-b-qjnkgolvqr 0.2s ease;
}
@keyframes sabSlide-b-qjnkgolvqr { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } }

.sablon-kaydet-head[b-qjnkgolvqr] {
    display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 10px; font-weight: 800; font-size: 0.88rem; color: #4f46e5;
}
.sablon-kaydet-close[b-qjnkgolvqr] {
    background: none; border: none; cursor: pointer;
    font-size: 1rem; color: #94a3b8; transition: color 0.15s;
}
.sablon-kaydet-close:hover[b-qjnkgolvqr] { color: #dc2626; }

.sablon-kaydet-body[b-qjnkgolvqr] {
    display: flex; gap: 8px; align-items: center;
}
.sablon-kaydet-body .m-input[b-qjnkgolvqr] {
    flex: 1; padding: 8px 12px; font-size: 0.85rem;
}
.sablon-kaydet-body .btn-save[b-qjnkgolvqr] {
    padding: 8px 16px; font-size: 0.82rem;
}

.sablon-mesaj[b-qjnkgolvqr] {
    margin-top: 8px; padding: 6px 12px; border-radius: 8px;
    font-size: 0.8rem; font-weight: 700;
}
.sablon-mesaj.ok[b-qjnkgolvqr] { background: #dcfce7; color: #166534; }
.sablon-mesaj.err[b-qjnkgolvqr] { background: #fef2f2; color: #dc2626; }

@media (max-width: 600px) {
    .sablon-bar[b-qjnkgolvqr] { padding: 8px 12px; gap: 6px; }
    .sablon-chip[b-qjnkgolvqr] { padding: 4px 10px; font-size: 0.72rem; }
    .sablon-save-btn[b-qjnkgolvqr] { font-size: 0.72rem; padding: 4px 10px; }
    .sablon-kaydet-panel[b-qjnkgolvqr] { margin: 0 12px 8px; padding: 10px 12px; }
    .sablon-kaydet-body[b-qjnkgolvqr] { flex-direction: column; }
    .sablon-kaydet-body .btn-save[b-qjnkgolvqr] { width: 100%; text-align: center; }
}

/* ═══ AVANS CRA ONAY MAİLİ ═══ */
.avans-ek-zone[b-qjnkgolvqr] {
    border: 2px dashed #e2e8f0; border-radius: 14px;
    background: var(--t-hover, #fafbfc); transition: all 0.25s;
    overflow: hidden; margin: 14px 0 4px;
    border-color: #fbcfe8;
}
.avans-ek-header[b-qjnkgolvqr] {
    display: flex; align-items: center; gap: 8px; padding: 12px 16px;
    background: linear-gradient(135deg, #fdf2f8, #fce7f3);
    border-bottom: 1px solid var(--t-card-border, #f1f5f9);
}
.avans-ek-icon[b-qjnkgolvqr] { font-size: 1.2rem; }
.avans-ek-title[b-qjnkgolvqr] { font-size: 0.82rem; font-weight: 800; color: var(--t-text, #1e293b); }
.avans-ek-hint[b-qjnkgolvqr] { font-size: 0.7rem; color: #94a3b8; margin-left: auto; font-weight: 600; }
.avans-ek-body[b-qjnkgolvqr] {
    display: flex; align-items: center; justify-content: center;
    min-height: 80px; position: relative; cursor: pointer; padding: 12px 16px;
}
.avans-ek-empty-label[b-qjnkgolvqr] {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 6px; width: 100%; min-height: 80px; cursor: pointer;
    color: #94a3b8; font-size: 0.8rem; font-weight: 600;
}
.avans-ek-drop-icon[b-qjnkgolvqr] { font-size: 1.5rem; opacity: 0.5; }
.avans-ek-loaded[b-qjnkgolvqr] {
    display: flex; align-items: center; gap: 8px; padding: 8px 14px;
    background: #f0fdf4; border: 1.5px solid #86efac; border-radius: 10px; width: 100%;
}
.avans-ek-loaded.existing[b-qjnkgolvqr] { background: #eff6ff; border-color: #93c5fd; }
.avans-ek-loaded.existing .avans-ek-file-name[b-qjnkgolvqr] { color: #3b82f6; text-decoration: none; }
.avans-ek-loaded.existing .avans-ek-file-name:hover[b-qjnkgolvqr] { text-decoration: underline; }
.avans-ek-file-icon[b-qjnkgolvqr] { font-size: 1.1rem; }
.avans-ek-file-name[b-qjnkgolvqr] { font-size: 0.82rem; font-weight: 700; color: #16a34a; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
a.avans-ek-file-name[b-qjnkgolvqr] { color: #3b82f6; }
a.avans-ek-file-name:hover[b-qjnkgolvqr] { text-decoration: underline; }
.avans-ek-file-size[b-qjnkgolvqr] { font-size: 0.72rem; color: #94a3b8; font-weight: 600; }
.avans-ek-remove[b-qjnkgolvqr] {
    background: #fef2f2; border: 1.5px solid #fecaca; color: #dc2626; border-radius: 8px;
    width: 28px; height: 28px; display: flex; align-items: center; justify-content: center;
    cursor: pointer; font-size: 0.8rem; font-weight: 800; transition: all 0.2s; flex-shrink: 0;
}
.avans-ek-remove:hover[b-qjnkgolvqr] { background: #dc2626; color: white; }
/* avans-card-mail — kullanılmıyor artık, avans-card-mail-link ile değiştirildi */

/* Avans mobil — base stillerden SONRA gelmeli (CSS cascade) */
@media (max-width: 600px) {
    .avans-section[b-qjnkgolvqr] { margin: 0 0 12px; }
    .avans-body[b-qjnkgolvqr] { padding: 0 14px 14px; }
    .avans-form-row[b-qjnkgolvqr] { flex-direction: column; gap: 10px; align-items: stretch; }
    .avans-form h4[b-qjnkgolvqr] { text-align: left; }
    .avans-field[b-qjnkgolvqr] { text-align: left; width: 100%; }
    .avans-field.grow[b-qjnkgolvqr] { min-width: 0; flex: none; width: 100%; }
    .avans-field label[b-qjnkgolvqr] { text-align: left; }
    .avans-btn[b-qjnkgolvqr] { width: 100%; text-align: center; height: auto; padding: 12px; box-sizing: border-box; }
    .avans-ek-zone[b-qjnkgolvqr] { margin: 10px 0; }
    .avans-ek-body[b-qjnkgolvqr] { min-height: 60px; padding: 10px 12px; }
    .avans-ek-file-name[b-qjnkgolvqr] { max-width: 160px; }
}

/* ═══ HASTA MASRAF LİMİT UYARI + CRA ONAY EKİ ═══ */
.cra-limit-warn[b-qjnkgolvqr] {
    margin: 16px 0 8px;
    border: 2px solid #f59e0b;
    border-radius: 14px;
    background: linear-gradient(135deg, #fffbeb, #fef3c7);
    overflow: hidden;
    animation: cra-pulse-b-qjnkgolvqr 2s ease-in-out infinite;
}
@keyframes cra-pulse-b-qjnkgolvqr {
    0%, 100% { box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.15); }
    50% { box-shadow: 0 0 0 6px rgba(245, 158, 11, 0.08); }
}
.cra-limit-warn-head[b-qjnkgolvqr] {
    display: flex; align-items: flex-start; gap: 12px;
    padding: 16px 18px;
}
.cra-limit-warn-icon[b-qjnkgolvqr] { font-size: 1.6rem; flex-shrink: 0; line-height: 1; }
.cra-limit-warn-text[b-qjnkgolvqr] {
    display: flex; flex-direction: column; gap: 4px;
    font-size: 0.82rem; color: #92400e; line-height: 1.5;
}
.cra-limit-warn-text strong[b-qjnkgolvqr] { color: #78350f; }

/* CRA Limit Onay Mail Ek Yükleme Alanı */
.cra-limit-ek-zone[b-qjnkgolvqr] {
    border-top: 1.5px dashed #fbbf24;
    background: rgba(255, 255, 255, 0.5);
    overflow: hidden;
}
.cra-limit-ek-header[b-qjnkgolvqr] {
    display: flex; align-items: center; gap: 8px; padding: 12px 18px;
    background: linear-gradient(135deg, #fef9c3, #fef08a33);
    border-bottom: 1px solid #fde68a;
    font-size: 0.82rem;
}
.cra-limit-ek-title[b-qjnkgolvqr] { font-weight: 800; color: var(--t-text, #1e293b); }
.cra-limit-ek-hint[b-qjnkgolvqr] { font-size: 0.7rem; color: #94a3b8; margin-left: auto; font-weight: 600; }
.cra-limit-ek-body[b-qjnkgolvqr] {
    display: flex; align-items: center; justify-content: center;
    min-height: 80px; position: relative; cursor: pointer; padding: 12px 18px;
}
.cra-limit-ek-loaded[b-qjnkgolvqr] {
    display: flex; align-items: center; gap: 8px; padding: 8px 14px;
    background: #f0fdf4; border: 1.5px solid #86efac; border-radius: 10px; width: 100%;
}
.cra-limit-ek-loaded.existing[b-qjnkgolvqr] { background: #eff6ff; border-color: #93c5fd; }
.cra-limit-ek-loaded.existing .cra-limit-ek-name[b-qjnkgolvqr] { color: #3b82f6; text-decoration: none; }
.cra-limit-ek-loaded.existing .cra-limit-ek-name:hover[b-qjnkgolvqr] { text-decoration: underline; }
.cra-limit-ek-name[b-qjnkgolvqr] { font-size: 0.82rem; font-weight: 700; color: #16a34a; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
a.cra-limit-ek-name[b-qjnkgolvqr] { color: #3b82f6; }
a.cra-limit-ek-name:hover[b-qjnkgolvqr] { text-decoration: underline; }
.cra-limit-ek-size[b-qjnkgolvqr] { font-size: 0.72rem; color: #94a3b8; font-weight: 600; }
.cra-limit-ek-remove[b-qjnkgolvqr] {
    background: #fef2f2; border: 1.5px solid #fecaca; color: #dc2626; border-radius: 8px;
    width: 28px; height: 28px; display: flex; align-items: center; justify-content: center;
    cursor: pointer; font-size: 0.8rem; font-weight: 800; transition: all 0.2s; flex-shrink: 0;
}
.cra-limit-ek-remove:hover[b-qjnkgolvqr] { background: #dc2626; color: white; }
.cra-limit-ek-empty[b-qjnkgolvqr] {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 6px; width: 100%; min-height: 80px; cursor: pointer;
    color: #b45309; font-size: 0.8rem; font-weight: 600;
}
.cra-limit-ek-empty:hover[b-qjnkgolvqr] { color: #92400e; }

@media (max-width: 600px) {
    .cra-limit-warn-head[b-qjnkgolvqr] { padding: 12px 14px; gap: 10px; }
    .cra-limit-warn-icon[b-qjnkgolvqr] { font-size: 1.3rem; }
    .cra-limit-warn-text[b-qjnkgolvqr] { font-size: 0.78rem; }
    .cra-limit-ek-zone[b-qjnkgolvqr] { margin: 0; }
    .cra-limit-ek-body[b-qjnkgolvqr] { min-height: 60px; padding: 10px 12px; }
    .cra-limit-ek-name[b-qjnkgolvqr] { max-width: 160px; }
}

/* ═══ ⚡ HIZLI ERİŞİM KARTLARI ═══ */
.hizli-erisim[b-qjnkgolvqr] {
    margin-bottom: 16px;
    background:
        linear-gradient(135deg,
            color-mix(in srgb, var(--t-accent, #6366f1) 8%, var(--t-card, #fff)),
            color-mix(in srgb, var(--t-accent, #6366f1) 4%, var(--t-card, #fff)),
            var(--t-card, #fff));
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 12px;
    padding: 14px 18px;
    overflow: hidden;
}

.hizli-erisim-header[b-qjnkgolvqr] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.hizli-erisim-icon[b-qjnkgolvqr] {
    font-size: 1.1rem;
}

.hizli-erisim-title[b-qjnkgolvqr] {
    font-weight: 800;
    font-size: 0.85rem;
    color: var(--t-text, #1e293b);
}

.hizli-erisim-hint[b-qjnkgolvqr] {
    font-size: 0.72rem;
    color: var(--t-text-muted, #94a3b8);
    font-weight: 500;
    margin-left: 4px;
}

.hizli-erisim-cards[b-qjnkgolvqr] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.hek-card[b-qjnkgolvqr] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border-radius: 10px;
    background: var(--t-card, white);
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    font-size: 0.76rem;
    font-weight: 600;
    color: var(--t-text, #475569);
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
}

.hek-card:hover[b-qjnkgolvqr] {
    border-color: #6366f1;
    background: #eef2ff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.15);
}

.hek-card.selected[b-qjnkgolvqr] {
    border-color: #16a34a;
    background: linear-gradient(135deg, #f0fdf4, #dcfce7);
    color: #15803d;
    box-shadow: 0 2px 12px rgba(22, 163, 74, 0.18);
    transform: translateY(-1px);
}

.hek-card.selected:hover[b-qjnkgolvqr] {
    background: linear-gradient(135deg, #dcfce7, #bbf7d0);
    box-shadow: 0 4px 16px rgba(22, 163, 74, 0.22);
}

.hek-check[b-qjnkgolvqr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    background: #16a34a;
    color: white;
    border-radius: 50%;
    font-size: 0.65rem;
    font-weight: 800;
    flex-shrink: 0;
}

.hek-sponsor[b-qjnkgolvqr] { color: #6366f1; font-weight: 700; }
.hek-proje[b-qjnkgolvqr] { color: #0891b2; font-weight: 700; }
.hek-merkez[b-qjnkgolvqr] { color: #c026d3; font-weight: 700; }

.hek-card.selected .hek-sponsor[b-qjnkgolvqr],
.hek-card.selected .hek-proje[b-qjnkgolvqr],
.hek-card.selected .hek-merkez[b-qjnkgolvqr] {
    color: #15803d;
}

.hek-sep[b-qjnkgolvqr] {
    color: var(--t-text-muted, #cbd5e1);
    font-size: 0.8rem;
    font-weight: 400;
}

/* Seçili kart bilgi barı */
.hek-selected-bar[b-qjnkgolvqr] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 18px;
    background: linear-gradient(135deg, #f0fdf4, #dcfce7);
    border: 1.5px solid #86efac;
    border-radius: 10px;
    margin-bottom: 14px;
}

.hek-sb-icon[b-qjnkgolvqr] {
    font-size: 1rem;
    flex-shrink: 0;
}

.hek-sb-info[b-qjnkgolvqr] {
    flex: 1;
    font-size: 0.82rem;
    color: #15803d;
    font-weight: 600;
}

.hek-sb-info strong[b-qjnkgolvqr] {
    font-weight: 800;
    color: #166534;
}

.hek-sb-sep[b-qjnkgolvqr] {
    color: #86efac;
    margin: 0 2px;
    font-weight: 400;
}

.hek-sb-clear[b-qjnkgolvqr] {
    padding: 5px 12px;
    border-radius: 8px;
    border: 1.5px solid #86efac;
    background: white;
    color: #16a34a;
    font-size: 0.72rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
}

.hek-sb-clear:hover[b-qjnkgolvqr] {
    background: #fee2e2;
    border-color: #fca5a5;
    color: #dc2626;
}

@media (max-width: 768px) {
    .hizli-erisim[b-qjnkgolvqr] { padding: 10px 12px; }
    .hizli-erisim-cards[b-qjnkgolvqr] { gap: 6px; }
    .hek-card[b-qjnkgolvqr] { padding: 6px 10px; font-size: 0.7rem; flex-wrap: wrap; white-space: normal; }
    .hek-selected-bar[b-qjnkgolvqr] { flex-wrap: wrap; gap: 8px; padding: 8px 12px; }
    .hek-sb-info[b-qjnkgolvqr] { font-size: 0.76rem; }
    .hek-sb-clear[b-qjnkgolvqr] { width: 100%; text-align: center; }
}
/* /Components/Pages/MedisRealm.razor.rz.scp.css */
/* ???????????????????????????????????????????????????????????????
   MEDISREALM ? MMORPG Tarz? Ana Oyun Sayfas? Stilleri
   ??????????????????????????????????????????????????????????????? */

.rl-loading[b-6nzhnzb1wo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 70vh;
    gap: 18px;
    color: #cbd5e1;
}
.rl-loading-spinner[b-6nzhnzb1wo] {
    font-size: 4rem;
    animation: rl-spin-b-6nzhnzb1wo 1.6s ease-in-out infinite;
}
@keyframes rl-spin-b-6nzhnzb1wo {
    0%   { transform: rotate(-15deg) scale(1); }
    50%  { transform: rotate(15deg) scale(1.15); }
    100% { transform: rotate(-15deg) scale(1); }
}

.rl-tam-ekran[b-6nzhnzb1wo] {
    position: fixed;
    inset: 0;
    background: #0f172a;
    overflow: hidden;
    user-select: none;
    z-index: 50;
    cursor: crosshair;
}

/* Eski mini strip — artık kullanılmıyor; yine de sınıflar zarar vermez */
.rl-hud-ozet[b-6nzhnzb1wo] {
    position: fixed;
    top: 12px;
    left: 12px;
    z-index: 180;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    pointer-events: auto;
}
.rl-ozet-can[b-6nzhnzb1wo] {
    position: relative;
    min-width: 200px;
    height: 22px;
    background: rgba(15, 23, 42, 0.92);
    border-radius: 8px;
    border: 1px solid rgba(34, 197, 94, 0.5);
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0,0,0,0.4);
}
.rl-ozet-can-ic[b-6nzhnzb1wo] {
    position: absolute;
    left: 0; top: 0; bottom: 0;
    background: linear-gradient(90deg, #22c55e, #4ade80);
    transition: width 0.2s ease;
}
.rl-ozet-can span[b-6nzhnzb1wo] {
    position: relative;
    z-index: 1;
    display: block;
    padding: 2px 8px;
    font-size: 0.8rem;
    color: #f1f5f9;
    text-shadow: 0 1px 2px #000a;
}
.rl-ozet-cikis[b-6nzhnzb1wo] {
    padding: 8px 14px;
    background: rgba(30, 41, 59, 0.95);
    color: #f1f5f9;
    border: 1px solid rgba(248, 113, 113, 0.45);
    border-radius: 10px;
    font-size: 0.9rem;
    cursor: pointer;
    font-weight: 600;
    transition: background 0.15s;
}
.rl-ozet-cikis:hover[b-6nzhnzb1wo] {
    background: rgba(220, 38, 38, 0.25);
    border-color: #f87171;
}

.rl-cikis-yazi[b-6nzhnzb1wo] {
    padding: 4px 10px;
    font-size: 0.8rem;
    font-weight: 600;
    border-radius: 8px;
}

/* Tab / HUD gizle: paneller, sohbet, ipuçları, mobil kontrol — üst kart (can/XP/altın) GİZLİ DEĞİL */
.rl-tam-ekran.rl-ui-gizli .rl-panel[b-6nzhnzb1wo],
.rl-tam-ekran.rl-ui-gizli .rl-chat[b-6nzhnzb1wo],
.rl-tam-ekran.rl-ui-gizli .rl-kontrol-ipucu[b-6nzhnzb1wo],
.rl-tam-ekran.rl-ui-gizli .rl-mobil-kontrol[b-6nzhnzb1wo] {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease-out;
}

/* Üst kart sade küçültme (Alan kazan, okunabilir kalsın) */
.rl-hud-strip-kompakt.rl-hud-ust[b-6nzhnzb1wo] {
    gap: 8px;
}
.rl-hud-strip-kompakt .rl-karakter-kart[b-6nzhnzb1wo] {
    min-width: min(246px, 46vw);
    padding: 6px 10px;
    border-radius: 11px;
}
.rl-hud-strip-kompakt .rl-avatar[b-6nzhnzb1wo] {
    width: 38px;
    height: 38px;
    font-size: 1.05rem;
}
.rl-hud-strip-kompakt .rl-isim[b-6nzhnzb1wo] { font-size: 0.86rem; }
.rl-hud-strip-kompakt .rl-can-row[b-6nzhnzb1wo] { margin-top: 2px; gap: 4px; }
.rl-hud-strip-kompakt .rl-xp-bar[b-6nzhnzb1wo],
.rl-hud-strip-kompakt .rl-can-bar[b-6nzhnzb1wo] { height: 12px; margin-top: 2px; }
.rl-hud-strip-kompakt .rl-can-row .rl-can-bar[b-6nzhnzb1wo] { margin-top: 0; }
.rl-hud-strip-kompakt .rl-sifa-hizli[b-6nzhnzb1wo] { width: 28px; min-height: 22px; font-size: 0.78rem; border-radius: 5px; }
.rl-hud-strip-kompakt .rl-xp-text[b-6nzhnzb1wo],
.rl-hud-strip-kompakt .rl-can-text[b-6nzhnzb1wo] { font-size: 0.6rem; }
.rl-hud-strip-kompakt .rl-hud-orta[b-6nzhnzb1wo] {
    padding: 6px 10px;
    font-size: 0.76rem;
    border-radius: 10px;
}
.rl-hud-strip-kompakt .rl-hud-sag .rl-altin[b-6nzhnzb1wo] { font-size: 0.82rem; }
.rl-hud-strip-kompakt .rl-cikis-yazi[b-6nzhnzb1wo] {
    padding: 3px 7px;
    font-size: 0.72rem;
}

.rl-ui-gizle-btn[b-6nzhnzb1wo] {
    position: fixed;
    top: 12px;
    right: 12px;
    width: 42px;
    height: 42px;
    background: rgba(15, 23, 42, 0.85);
    border: 2px solid rgba(251, 191, 36, 0.5);
    border-radius: 10px;
    color: white;
    font-size: 1.3rem;
    cursor: pointer;
    z-index: 200;
    transition: all 0.2s;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}
.rl-ui-gizle-btn:hover[b-6nzhnzb1wo] {
    background: rgba(251, 191, 36, 0.2);
    border-color: rgba(251, 191, 36, 0.9);
    transform: scale(1.08);
}

.rl-canvas[b-6nzhnzb1wo] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    cursor: crosshair;
    display: block;
}

/* ??? ?ST HUD ??? */
.rl-hud-ust[b-6nzhnzb1wo] {
    position: absolute;
    top: 12px;
    left: 12px;
    right: 12px;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    z-index: 10;
    pointer-events: none;
}
.rl-karakter-kart[b-6nzhnzb1wo] {
    display: flex;
    gap: 9px;
    background: rgba(15, 23, 42, 0.85);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    padding: 8px 12px;
    border-radius: 12px;
    border: 1px solid rgba(251, 191, 36, 0.3);
    box-shadow: 0 4px 18px rgba(251, 191, 36, 0.15);
    min-width: min(252px, 48vw);
    pointer-events: auto;
}
.rl-avatar[b-6nzhnzb1wo] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.4rem;
    font-weight: 800;
    border: 2px solid rgba(255, 255, 255, 0.25);
    box-shadow: inset 0 -3px 6px rgba(0, 0, 0, 0.25);
    flex-shrink: 0;
}
.rl-karakter-info[b-6nzhnzb1wo] { flex: 1; min-width: 0; }
.rl-isim-row[b-6nzhnzb1wo] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 4px;
}
.rl-isim[b-6nzhnzb1wo] {
    color: white;
    font-weight: 700;
    font-size: 0.95rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.rl-seviye[b-6nzhnzb1wo] {
    color: #fbbf24;
    font-weight: 800;
    font-size: 0.85rem;
    background: rgba(251, 191, 36, 0.15);
    padding: 2px 8px;
    border-radius: 6px;
}
.rl-can-row[b-6nzhnzb1wo] {
    display: flex;
    align-items: stretch;
    gap: 6px;
    margin-top: 3px;
}
.rl-can-row .rl-can-bar[b-6nzhnzb1wo] {
    flex: 1;
    min-width: 0;
    margin-top: 0;
}
.rl-sifa-hizli[b-6nzhnzb1wo] {
    flex-shrink: 0;
    width: 36px;
    min-height: 28px;
    padding: 0 4px;
    font-size: 0.95rem;
    line-height: 1;
    border-radius: 6px;
    border: 1px solid rgba(34, 197, 94, 0.5);
    background: linear-gradient(145deg, rgba(22, 101, 52, 0.92), rgba(6, 95, 70, 0.88));
    color: #ecfdf5;
    cursor: pointer;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
    transition: transform 0.12s ease, filter 0.12s ease;
}
.rl-sifa-hizli:hover[b-6nzhnzb1wo] {
    filter: brightness(1.08);
    transform: scale(1.04);
}
.rl-sifa-hizli:active[b-6nzhnzb1wo] {
    transform: scale(0.96);
}
.rl-xp-bar[b-6nzhnzb1wo], .rl-can-bar[b-6nzhnzb1wo] {
    position: relative;
    background: rgba(0, 0, 0, 0.35);
    border-radius: 6px;
    height: 14px;
    overflow: hidden;
    margin-top: 3px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.rl-xp-fill[b-6nzhnzb1wo] {
    background: linear-gradient(90deg, #fbbf24, #f59e0b);
    height: 100%;
    transition: width 0.4s ease;
}
.rl-can-fill[b-6nzhnzb1wo] {
    background: linear-gradient(90deg, #ef4444, #dc2626);
    height: 100%;
    transition: width 0.4s ease;
}
.rl-xp-text[b-6nzhnzb1wo], .rl-can-text[b-6nzhnzb1wo] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 0.66rem;
    font-weight: 700;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.9);
    line-height: 1;
}

.rl-hud-orta[b-6nzhnzb1wo] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 10px 14px;
    background: rgba(15, 23, 42, 0.85);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: white;
    font-size: 0.85rem;
    font-weight: 600;
    pointer-events: auto;
}
.rl-bolge[b-6nzhnzb1wo] { color: #a78bfa; }
.rl-online[b-6nzhnzb1wo] { color: #4ade80; }

/* === HEDEF MOB HUD (?st-orta, sava??lan mob) === */
.rl-hedef-hud[b-6nzhnzb1wo] {
    position: absolute;
    top: 88px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 14px;
    background: linear-gradient(135deg, rgba(127, 29, 29, 0.85), rgba(15, 23, 42, 0.92));
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 2px solid rgba(248, 113, 113, 0.55);
    border-radius: 18px;
    box-shadow: 0 10px 35px rgba(220, 38, 38, 0.35),
                0 0 0 1px rgba(255, 255, 255, 0.08) inset;
    color: white;
    z-index: 60;
    pointer-events: none;
    min-width: min(268px, 92vw);
    max-width: 400px;
    animation: rl-hedef-pulse-b-6nzhnzb1wo 2.5s ease-in-out infinite;
}
@keyframes rl-hedef-pulse-b-6nzhnzb1wo {
    0%, 100% { box-shadow: 0 10px 35px rgba(220, 38, 38, 0.35),
                            0 0 0 1px rgba(255, 255, 255, 0.08) inset; }
    50%      { box-shadow: 0 10px 50px rgba(220, 38, 38, 0.65),
                            0 0 0 1px rgba(255, 255, 255, 0.12) inset; }
}
.rl-hedef-icon[b-6nzhnzb1wo] {
    font-size: 1.8rem;
    filter: drop-shadow(0 0 8px rgba(248, 113, 113, 0.7));
    animation: rl-hedef-icon-spin-b-6nzhnzb1wo 4s linear infinite;
}
@keyframes rl-hedef-icon-spin-b-6nzhnzb1wo {
    0% { transform: rotate(-8deg); }
    50% { transform: rotate(8deg); }
    100% { transform: rotate(-8deg); }
}
.rl-hedef-bilgi[b-6nzhnzb1wo] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.rl-hedef-isim-row[b-6nzhnzb1wo] {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: space-between;
}
.rl-hedef-isim[b-6nzhnzb1wo] {
    font-size: 1.05rem;
    font-weight: 800;
    color: #fef2f2;
    letter-spacing: 0.5px;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.7);
}
.rl-hedef-seviye[b-6nzhnzb1wo] {
    background: rgba(220, 38, 38, 0.85);
    color: #fff5f5;
    padding: 3px 10px;
    border-radius: 10px;
    font-size: 0.78rem;
    font-weight: 700;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}
.rl-hedef-can-bar[b-6nzhnzb1wo] {
    position: relative;
    height: 18px;
    background: rgba(0, 0, 0, 0.55);
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.18);
}
.rl-hedef-can-fill[b-6nzhnzb1wo] {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #dc2626 0%, #ef4444 50%, #f87171 100%);
    box-shadow: 0 0 12px rgba(248, 113, 113, 0.6) inset;
    transition: width 0.35s ease-out;
}
.rl-hedef-can-text[b-6nzhnzb1wo] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.78rem;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);
    letter-spacing: 0.3px;
}

@media (max-width: 720px) {
    .rl-hedef-hud[b-6nzhnzb1wo] {
        top: auto;
        bottom: 90px;
        min-width: 0;
        width: calc(100% - 32px);
        max-width: 380px;
        padding: 10px 14px;
    }
}

.rl-hud-sag[b-6nzhnzb1wo] {
    margin-left: auto;
    display: flex;
    gap: 10px;
    align-items: center;
    pointer-events: auto;
}
.rl-altin[b-6nzhnzb1wo] {
    background: rgba(15, 23, 42, 0.85);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    padding: 10px 16px;
    border-radius: 14px;
    border: 1px solid rgba(251, 191, 36, 0.3);
    color: #fbbf24;
    font-weight: 800;
    font-size: 0.95rem;
}
.rl-cikis[b-6nzhnzb1wo] {
    background: rgba(220, 38, 38, 0.85);
    color: white;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 1.2rem;
    cursor: pointer;
    transition: all 0.2s;
    box-shadow: 0 2px 8px rgba(220, 38, 38, 0.4);
}
.rl-cikis:hover[b-6nzhnzb1wo] { background: #dc2626; transform: scale(1.1); }

/* ??? YAN PANELLER ??? */
.rl-panel[b-6nzhnzb1wo] {
    position: absolute;
    top: 86px;
    bottom: 92px;
    width: 258px;
    background: rgba(15, 23, 42, 0.92);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(251, 191, 36, 0.2);
    border-radius: 14px;
    z-index: 9;
    transition: transform 0.3s ease;
    color: #e2e8f0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.rl-panel-sol[b-6nzhnzb1wo] { left: 10px; transform: translateX(-275px); }
.rl-panel-sol.acik[b-6nzhnzb1wo] { transform: translateX(0); }
.rl-panel-sag[b-6nzhnzb1wo] { right: 10px; transform: translateX(275px); }
.rl-panel-sag.acik[b-6nzhnzb1wo] { transform: translateX(0); }

.rl-panel-toggle[b-6nzhnzb1wo] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(15, 23, 42, 0.95);
    color: white;
    border: 1px solid rgba(251, 191, 36, 0.3);
    padding: 16px 8px;
    cursor: pointer;
    border-radius: 10px;
    font-weight: 700;
    font-size: 0.78rem;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transition: all 0.2s;
    z-index: 11;
}
.rl-panel-toggle:hover[b-6nzhnzb1wo] { background: rgba(251, 191, 36, 0.2); }
.rl-panel-toggle-sol[b-6nzhnzb1wo] { right: -38px; }
.rl-panel-toggle-sag[b-6nzhnzb1wo] { left: -38px; }

.rl-panel-icerik[b-6nzhnzb1wo] {
    flex: 1;
    overflow-y: auto;
    padding: 10px 11px;
}
.rl-panel-icerik h4[b-6nzhnzb1wo] {
    font-size: 0.88rem;
    color: #fbbf24;
    margin: 0 0 10px 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.rl-panel-icerik[b-6nzhnzb1wo]::-webkit-scrollbar { width: 6px; }
.rl-panel-icerik[b-6nzhnzb1wo]::-webkit-scrollbar-thumb { background: rgba(251, 191, 36, 0.4); border-radius: 3px; }

.rl-panel-tab-bar[b-6nzhnzb1wo] {
    display: flex;
    gap: 4px;
    margin-bottom: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    padding-bottom: 4px;
}
.rl-panel-tab[b-6nzhnzb1wo] {
    flex: 1;
    background: transparent;
    color: #94a3b8;
    border: none;
    padding: 8px 4px;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.78rem;
    border-radius: 6px;
    transition: all 0.2s;
    white-space: nowrap;
}
.rl-panel-tab:hover[b-6nzhnzb1wo] { background: rgba(251, 191, 36, 0.1); color: white; }
.rl-panel-tab.aktif[b-6nzhnzb1wo] {
    background: rgba(251, 191, 36, 0.2);
    color: #fbbf24;
}

/* ??? QUEST KARTLAR ??? */
.rl-quest-kart[b-6nzhnzb1wo], .rl-mob-kart[b-6nzhnzb1wo] {
    background: rgba(30, 41, 59, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-left: 3px solid #fbbf24;
    border-radius: 8px;
    padding: 10px 12px;
    margin-bottom: 8px;
    transition: all 0.2s;
}
.rl-quest-kart.tamam[b-6nzhnzb1wo] {
    border-left-color: #22c55e;
    background: rgba(34, 197, 94, 0.12);
}
.rl-quest-baslik[b-6nzhnzb1wo] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 6px;
    margin-bottom: 6px;
}
.rl-quest-baslik strong[b-6nzhnzb1wo] { color: #fbbf24; font-size: 0.88rem; }
.rl-quest-tamam[b-6nzhnzb1wo] { color: #22c55e; font-weight: 800; font-size: 1rem; }
.rl-quest-min[b-6nzhnzb1wo] { color: #94a3b8; font-size: 0.7rem; }
.rl-quest-aciklama[b-6nzhnzb1wo] { font-size: 0.78rem; color: #cbd5e1; margin: 4px 0 8px 0; line-height: 1.4; }
.rl-quest-ilerleme[b-6nzhnzb1wo] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.74rem;
    color: #cbd5e1;
    margin-bottom: 6px;
}
.rl-quest-bar[b-6nzhnzb1wo] {
    flex: 1;
    height: 6px;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 3px;
    overflow: hidden;
}
.rl-quest-fill[b-6nzhnzb1wo] {
    height: 100%;
    background: linear-gradient(90deg, #fbbf24, #f59e0b);
    transition: width 0.4s ease;
}
.rl-quest-odul[b-6nzhnzb1wo] {
    display: flex;
    gap: 8px;
    font-size: 0.72rem;
    color: #fde047;
    margin-bottom: 6px;
}

/* ??? MOB KARTLAR ??? */
.rl-mob-baslik[b-6nzhnzb1wo] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}
.rl-mob-emoji[b-6nzhnzb1wo] { font-size: 1.4rem; }
.rl-mob-info[b-6nzhnzb1wo] { display: flex; flex-direction: column; }
.rl-mob-info strong[b-6nzhnzb1wo] { color: #fbbf24; font-size: 0.85rem; }
.rl-mob-seviye[b-6nzhnzb1wo] { color: #ef4444; font-size: 0.72rem; font-weight: 700; }
.rl-mob-stats[b-6nzhnzb1wo] {
    display: flex;
    gap: 8px;
    font-size: 0.72rem;
    color: #cbd5e1;
    margin-bottom: 6px;
}

.rl-bolge-secim[b-6nzhnzb1wo] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.rl-bos[b-6nzhnzb1wo] {
    color: #64748b;
    font-style: italic;
    text-align: center;
    padding: 16px;
}

/* ??? SKILL ??? */
.rl-skill-bilgi[b-6nzhnzb1wo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    background: rgba(251, 191, 36, 0.12);
    border: 1px solid rgba(251, 191, 36, 0.3);
    border-radius: 8px;
    margin-bottom: 12px;
    font-size: 0.85rem;
}
.rl-skill-puan[b-6nzhnzb1wo] {
    color: #fbbf24;
    font-size: 1.5rem;
    font-weight: 900;
}
.rl-skill-row[b-6nzhnzb1wo] {
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    gap: 10px;
    align-items: center;
    padding: 10px;
    background: rgba(30, 41, 59, 0.6);
    border-radius: 6px;
    margin-bottom: 6px;
}
.rl-skill-emoji[b-6nzhnzb1wo] { font-size: 1.2rem; }
.rl-skill-isim[b-6nzhnzb1wo] { font-weight: 600; color: #cbd5e1; }
.rl-skill-deger[b-6nzhnzb1wo] {
    font-weight: 800;
    color: #fbbf24;
    font-size: 1.1rem;
    min-width: 30px;
    text-align: right;
}
.rl-skill-toplam[b-6nzhnzb1wo] {
    margin-top: 12px;
    padding: 10px;
    text-align: center;
    background: rgba(220, 38, 38, 0.15);
    border: 1px solid rgba(220, 38, 38, 0.3);
    border-radius: 8px;
    font-size: 0.85rem;
}
.rl-skill-toplam span[b-6nzhnzb1wo] {
    color: #fb923c;
    font-weight: 900;
    font-size: 1.2rem;
    margin-left: 6px;
}

/* ??? ENVANTER ??? */
.rl-envanter-aciklama[b-6nzhnzb1wo] {
    font-size: 0.68rem;
    color: #94a3b8;
    margin-bottom: 6px;
    padding: 4px 6px;
    background: rgba(30, 41, 59, 0.5);
    border-radius: 6px;
    text-align: center;
    font-style: italic;
}
.rl-envanter-grid[b-6nzhnzb1wo] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
}
.rl-env-item[b-6nzhnzb1wo] {
    position: relative;
    background: rgba(30, 41, 59, 0.7);
    border: 2px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    padding: 8px 6px;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.rl-env-item:hover[b-6nzhnzb1wo] { transform: translateY(-2px); border-color: #fbbf24; box-shadow: 0 8px 18px rgba(251,191,36,0.18); }
.rl-env-item.kusanmis[b-6nzhnzb1wo] {
    background: linear-gradient(135deg, rgba(34,197,94,0.18) 0%, rgba(30,41,59,0.7) 100%);
    border-color: rgba(34, 197, 94, 0.55);
    box-shadow: 0 0 12px rgba(34,197,94,0.18) inset;
}

/* ??? BA?LAM (CONTEXT) MEN? ??? */
.rl-baglam-overlay[b-6nzhnzb1wo] {
    position: fixed;
    inset: 0;
    z-index: 8000;
    pointer-events: auto;
    background: transparent;
}
.rl-baglam-menu[b-6nzhnzb1wo] {
    position: fixed;
    min-width: 240px;
    max-width: 280px;
    background: linear-gradient(180deg, rgba(15,23,42,0.97) 0%, rgba(2,6,23,0.98) 100%);
    border: 2px solid rgba(251, 191, 36, 0.6);
    border-radius: 10px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.7), 0 0 30px rgba(251,191,36,0.18);
    padding: 10px;
    color: white;
    font-family: system-ui, sans-serif;
    animation: rl-baglam-acil-b-6nzhnzb1wo 0.18s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@keyframes rl-baglam-acil-b-6nzhnzb1wo {
    0% { transform: scale(0.85); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
}
.rl-baglam-baslik[b-6nzhnzb1wo] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 4px 8px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    margin-bottom: 6px;
}
.rl-baglam-emoji[b-6nzhnzb1wo] { font-size: 1.6rem; }
.rl-baglam-isim[b-6nzhnzb1wo] { font-size: 0.95rem; }
.rl-baglam-stat[b-6nzhnzb1wo] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 4px 4px 8px;
    font-size: 0.78rem;
    color: #cbd5e1;
}
.rl-baglam-stat span[b-6nzhnzb1wo] {
    background: rgba(30,41,59,0.7);
    padding: 2px 8px;
    border-radius: 6px;
    border: 1px solid rgba(255,255,255,0.08);
}
.rl-baglam-plus[b-6nzhnzb1wo] {
    color: #fde047 !important;
    border-color: rgba(251, 191, 36, 0.45) !important;
    font-weight: 700;
}
.rl-baglam-ayrac[b-6nzhnzb1wo] {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(251,191,36,0.4), transparent);
    margin: 6px 0;
}
.rl-baglam-btn[b-6nzhnzb1wo] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 9px 12px;
    background: rgba(30,41,59,0.6);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 6px;
    color: white;
    font-size: 0.88rem;
    font-weight: 500;
    cursor: pointer;
    margin-bottom: 4px;
    transition: all 0.15s;
}
.rl-baglam-btn:hover[b-6nzhnzb1wo] {
    background: rgba(251,191,36,0.18);
    border-color: rgba(251,191,36,0.55);
    transform: translateX(2px);
}
.rl-baglam-btn span[b-6nzhnzb1wo] { font-size: 1.05rem; }
.rl-baglam-btn-danger[b-6nzhnzb1wo] {
    color: #fca5a5;
    border-color: rgba(220,38,38,0.4);
}
.rl-baglam-btn-danger:hover[b-6nzhnzb1wo] {
    background: rgba(220,38,38,0.22);
    border-color: rgba(220,38,38,0.7);
    color: white;
}
.rl-baglam-btn-iptal[b-6nzhnzb1wo] {
    color: #94a3b8;
    margin-top: 4px;
    justify-content: center;
}
.rl-env-emoji[b-6nzhnzb1wo] { font-size: 1.6rem; }
.rl-env-isim[b-6nzhnzb1wo] { font-size: 0.72rem; color: white; font-weight: 600; line-height: 1.2; }
.rl-env-seviye[b-6nzhnzb1wo] { font-size: 0.66rem; color: #94a3b8; }
.rl-env-kusanmis[b-6nzhnzb1wo] {
    position: absolute;
    top: 4px;
    right: 4px;
    background: #22c55e;
    color: white;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    font-size: 0.7rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
}
.rl-rarity-common[b-6nzhnzb1wo]    { border-color: rgba(148, 163, 184, 0.5); }
.rl-rarity-uncommon[b-6nzhnzb1wo]  { border-color: rgba(34, 197, 94, 0.6); box-shadow: 0 0 8px rgba(34, 197, 94, 0.2); }
.rl-rarity-rare[b-6nzhnzb1wo]      { border-color: rgba(59, 130, 246, 0.7); box-shadow: 0 0 10px rgba(59, 130, 246, 0.3); }
.rl-rarity-epic[b-6nzhnzb1wo]      { border-color: rgba(168, 85, 247, 0.8); box-shadow: 0 0 12px rgba(168, 85, 247, 0.4); }
.rl-rarity-legendary[b-6nzhnzb1wo] { border-color: rgba(251, 191, 36, 0.9); box-shadow: 0 0 16px rgba(251, 191, 36, 0.55); animation: rl-legendary-pulse-b-6nzhnzb1wo 2s infinite; }
@keyframes rl-legendary-pulse-b-6nzhnzb1wo {
    0%, 100% { box-shadow: 0 0 16px rgba(251, 191, 36, 0.55); }
    50%      { box-shadow: 0 0 24px rgba(251, 191, 36, 0.9); }
}

/* ??? L?DER L?STES? ??? */
.rl-lider-row[b-6nzhnzb1wo] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px;
    border-radius: 8px;
    margin-bottom: 4px;
    transition: all 0.2s;
}
.rl-lider-row:hover[b-6nzhnzb1wo] { background: rgba(255, 255, 255, 0.05); }
.rl-lider-row.ben[b-6nzhnzb1wo] { background: rgba(251, 191, 36, 0.15); border: 1px solid rgba(251, 191, 36, 0.4); }
.rl-lider-sira[b-6nzhnzb1wo] {
    color: #fbbf24;
    font-weight: 900;
    font-size: 1rem;
    min-width: 24px;
    text-align: center;
}
.rl-lider-avatar[b-6nzhnzb1wo] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: white;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid rgba(255, 255, 255, 0.2);
}
.rl-lider-info[b-6nzhnzb1wo] { flex: 1; display: flex; flex-direction: column; min-width: 0; }
.rl-lider-info strong[b-6nzhnzb1wo] { color: white; font-size: 0.85rem; }
.rl-lider-info small[b-6nzhnzb1wo] { color: #94a3b8; font-size: 0.7rem; }

/* ??? CHAT ??? */
.rl-chat[b-6nzhnzb1wo] {
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 292px;
    max-width: calc(100vw - 24px);
    background: rgba(15, 23, 42, 0.92);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(251, 191, 36, 0.2);
    border-radius: 14px;
    z-index: 9;
    overflow: hidden;
    transition: all 0.3s ease;
}
.rl-chat-toggle[b-6nzhnzb1wo] {
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    color: #fbbf24;
    border: none;
    padding: 8px 14px;
    text-align: left;
    font-weight: 700;
    cursor: pointer;
    font-size: 0.85rem;
}
.rl-chat-mesajlar[b-6nzhnzb1wo] {
    max-height: 140px;
    min-height: 88px;
    overflow-y: auto;
    padding: 8px 12px;
    font-size: 0.78rem;
    color: #cbd5e1;
}
.rl-chat-mesajlar[b-6nzhnzb1wo]::-webkit-scrollbar { width: 4px; }
.rl-chat-mesajlar[b-6nzhnzb1wo]::-webkit-scrollbar-thumb { background: rgba(251, 191, 36, 0.4); }
.rl-chat-mesaj[b-6nzhnzb1wo] {
    margin-bottom: 4px;
    line-height: 1.4;
    word-break: break-word;
}
.rl-chat-mesaj.ben strong[b-6nzhnzb1wo] { color: #fde047; }
.rl-chat-mesaj strong[b-6nzhnzb1wo] { color: #a78bfa; margin-right: 4px; }
.rl-chat-seviye[b-6nzhnzb1wo] {
    color: #fbbf24;
    font-weight: 800;
    font-size: 0.7rem;
    margin-right: 4px;
}
.rl-chat-mesaj.rl-chat-yerel[b-6nzhnzb1wo] {
    color: #94a3b8;
    font-size: 0.72rem;
    font-style: italic;
    padding-left: 2px;
    border-left: 2px solid rgba(148, 163, 184, 0.45);
}
.rl-chat-yerel-etiket[b-6nzhnzb1wo] {
    color: #64748b;
    margin-right: 4px;
    user-select: none;
}
.rl-chat-input-row[b-6nzhnzb1wo] {
    display: flex;
    gap: 4px;
    padding: 6px 8px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.rl-chat-input[b-6nzhnzb1wo] {
    flex: 1;
    background: rgba(0, 0, 0, 0.4);
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 6px;
    padding: 6px 10px;
    font-size: 0.85rem;
    outline: none;
}
.rl-chat-input:focus[b-6nzhnzb1wo] { border-color: #fbbf24; }

/* ??? BUTONLAR ??? */
.rl-btn[b-6nzhnzb1wo] {
    background: linear-gradient(180deg, #fbbf24, #f59e0b);
    color: #0f172a;
    border: none;
    padding: 8px 16px;
    border-radius: 6px;
    font-weight: 700;
    cursor: pointer;
    font-size: 0.85rem;
    transition: all 0.2s;
    box-shadow: 0 2px 6px rgba(251, 191, 36, 0.3);
}
.rl-btn:hover:not(:disabled)[b-6nzhnzb1wo] { transform: translateY(-1px); box-shadow: 0 4px 10px rgba(251, 191, 36, 0.5); }
.rl-btn:disabled[b-6nzhnzb1wo] { opacity: 0.5; cursor: not-allowed; }
.rl-btn-sm[b-6nzhnzb1wo] { padding: 5px 10px; font-size: 0.75rem; }
.rl-btn-success[b-6nzhnzb1wo] { background: linear-gradient(180deg, #22c55e, #16a34a); color: white; box-shadow: 0 2px 6px rgba(34, 197, 94, 0.3); }
.rl-btn-danger[b-6nzhnzb1wo] { background: linear-gradient(180deg, #ef4444, #dc2626); color: white; box-shadow: 0 2px 6px rgba(239, 68, 68, 0.3); }
.rl-btn-aktif[b-6nzhnzb1wo] { background: linear-gradient(180deg, #a78bfa, #7c3aed); color: white; }

/* ??? SAVA? MODAL ??? */
.rl-savas-modal[b-6nzhnzb1wo] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
    animation: rl-fade-in-b-6nzhnzb1wo 0.3s ease;
}
@keyframes rl-fade-in-b-6nzhnzb1wo { from { opacity: 0; } to { opacity: 1; } }
.rl-savas-icerik[b-6nzhnzb1wo] {
    background: linear-gradient(180deg, #1e293b, #0f172a);
    border: 2px solid #fbbf24;
    border-radius: 14px;
    padding: 28px 36px;
    text-align: center;
    color: white;
    box-shadow: 0 0 40px rgba(251, 191, 36, 0.4);
    min-width: 300px;
    animation: rl-pop-in-b-6nzhnzb1wo 0.4s ease;
}
@keyframes rl-pop-in-b-6nzhnzb1wo {
    from { opacity: 0; transform: scale(0.85); }
    to   { opacity: 1; transform: scale(1); }
}
.rl-savas-icerik h2[b-6nzhnzb1wo] {
    margin: 0 0 16px 0;
    font-size: 1.6rem;
    color: #fbbf24;
}
.rl-savas-row[b-6nzhnzb1wo] {
    padding: 6px 0;
    color: #cbd5e1;
}
.rl-savas-row strong[b-6nzhnzb1wo] { color: white; margin-left: 6px; }
.rl-savas-odul[b-6nzhnzb1wo] {
    color: #fde047;
    font-weight: 800;
    font-size: 1.05rem;
}
.rl-level-up[b-6nzhnzb1wo] {
    margin: 14px 0;
    padding: 10px;
    background: linear-gradient(90deg, rgba(168, 85, 247, 0.3), rgba(236, 72, 153, 0.3));
    border-radius: 8px;
    color: #fde047;
    font-size: 1.2rem;
    font-weight: 900;
    animation: rl-glow-b-6nzhnzb1wo 1.5s infinite;
    border: 1px solid #fbbf24;
}
@keyframes rl-glow-b-6nzhnzb1wo {
    0%, 100% { box-shadow: 0 0 10px rgba(251, 191, 36, 0.5); }
    50%      { box-shadow: 0 0 30px rgba(251, 191, 36, 0.9); }
}
.rl-savas-drop[b-6nzhnzb1wo] {
    margin: 12px 0;
    padding: 10px;
    background: rgba(168, 85, 247, 0.15);
    border: 1px solid rgba(168, 85, 247, 0.4);
    border-radius: 8px;
}
.rl-savas-icerik > .rl-btn[b-6nzhnzb1wo] { margin-top: 18px; padding: 10px 24px; }

/* ??? MOBIL ??? */
@media (max-width: 768px) {
    .rl-panel[b-6nzhnzb1wo] { width: 90vw; }
    .rl-hud-ust[b-6nzhnzb1wo] { flex-direction: column; gap: 8px; }
    .rl-karakter-kart[b-6nzhnzb1wo] { min-width: 0; width: 100%; }
    .rl-hud-orta[b-6nzhnzb1wo], .rl-hud-sag[b-6nzhnzb1wo] { width: 100%; }
    .rl-hud-sag[b-6nzhnzb1wo] { justify-content: space-between; }
    .rl-chat[b-6nzhnzb1wo] { width: calc(100vw - 24px); }
    .rl-chat-mesajlar[b-6nzhnzb1wo] { max-height: 130px; }
    .rl-envanter-grid[b-6nzhnzb1wo] { grid-template-columns: repeat(2, 1fr); }
}

/* === 3D Render canvas — üstteki .rl-canvas kuralı ile birlikte: nişan, el imleci yok */
.rl-canvas[b-6nzhnzb1wo] {
    position: absolute !important;
    top: 0; left: 0;
    width: 100% !important;
    height: 100% !important;
    display: block;
    cursor: crosshair !important;
    z-index: 0;
}

/* HUD ve panellerin canvas üzerinde olması */
.rl-hud-ust[b-6nzhnzb1wo], .rl-panel[b-6nzhnzb1wo], .rl-chat[b-6nzhnzb1wo], .rl-savas-modal[b-6nzhnzb1wo] { z-index: 10; }

/* Taktik harita (.rl-minimap-wrap) JS ile eklenir; stiller css/medis-realm.css (global). */

/* Kritik vuruş: yumuşak altın vignette (tam ekran değil, realm alanı içi) */
.rl-kritik-vignette[b-6nzhnzb1wo] {
    pointer-events: none;
    position: absolute;
    inset: 0;
    z-index: 7;
    opacity: 0;
    transition: opacity 95ms ease-out;
    background: radial-gradient(
        ellipse 90% 80% at 50% 48%,
        transparent 42%,
        rgba(251, 191, 36, 0.18) 68%,
        rgba(217, 119, 6, 0.28) 100%
    );
}
/* Kontrol ipucu (sag alt) — üst checkbox tıklanabilir (konteyner pointer-events:none) */
.rl-kontrol-ipucu .rl-grafik-secim[b-6nzhnzb1wo] {
    pointer-events: auto;
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(251, 191, 36, 0.2);
}
.rl-kontrol-ipucu .rl-grafik-secim label[b-6nzhnzb1wo] {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-weight: 600;
    color: #fde68a;
    user-select: none;
}

/* Kontrol ipucu (sag alt) */
.rl-kontrol-ipucu[b-6nzhnzb1wo] {
    position: absolute;
    right: 12px;
    bottom: 12px;
    background: rgba(15, 23, 42, 0.85);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    color: #cbd5e1;
    padding: 10px 14px;
    border-radius: 10px;
    border: 1px solid rgba(251, 191, 36, 0.25);
    font-size: 0.74rem;
    line-height: 1.5;
    z-index: 9;
    pointer-events: none;
    transition: opacity 0.5s ease;
    max-width: 240px;
    max-height: min(340px, 38vh);
    overflow-y: auto;
}
.rl-kontrol-ipucu kbd[b-6nzhnzb1wo] {
    background: rgba(251, 191, 36, 0.2);
    color: #fde047;
    border: 1px solid rgba(251, 191, 36, 0.4);
    border-radius: 4px;
    padding: 1px 6px;
    font-size: 0.7rem;
    font-weight: 700;
    margin: 0 2px;
}

/* Canvas tarayici varsayilan touch davranislarini kapat */
.rl-tam-ekran[b-6nzhnzb1wo], .rl-canvas[b-6nzhnzb1wo] {
    touch-action: none;
}

/* ===========================================================
   MOBIL KONTROL: sanal joystick + aksiyon butonlari
   =========================================================== */
[b-6nzhnzb1wo] .rl-mobil-kontrol {
    display: none;
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 11;
}
[b-6nzhnzb1wo] .rl-joystick {
    position: absolute;
    bottom: 30px;
    left: 30px;
    width: 130px;
    height: 130px;
    background: rgba(15, 23, 42, 0.55);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 2px solid rgba(251, 191, 36, 0.5);
    border-radius: 50%;
    pointer-events: auto;
    touch-action: none;
    box-shadow: 0 4px 16px rgba(0,0,0,0.4);
}
[b-6nzhnzb1wo] .rl-joystick-thumb {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 56px;
    height: 56px;
    transform: translate(-50%, -50%);
    background: linear-gradient(180deg, #fbbf24, #f59e0b);
    border: 2px solid #fde047;
    border-radius: 50%;
    pointer-events: none;
    box-shadow: 0 2px 8px rgba(251,191,36,0.5);
    transition: transform 0.05s linear;
    will-change: transform;
}
[b-6nzhnzb1wo] .rl-mobil-aksiyon {
    position: absolute;
    bottom: 30px;
    right: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 10px;
    pointer-events: auto;
}
[b-6nzhnzb1wo] .rl-mob-btn {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid rgba(251, 191, 36, 0.5);
    background: rgba(15, 23, 42, 0.7);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    color: #fde047;
    font-size: 1.6rem;
    font-weight: 800;
    cursor: pointer;
    touch-action: manipulation;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    box-shadow: 0 4px 12px rgba(0,0,0,0.4);
    transition: transform 0.1s;
}
[b-6nzhnzb1wo] .rl-mob-btn:active {
    transform: scale(0.92);
    background: rgba(251, 191, 36, 0.3);
}

/* Mobil cihazlarda gosterilir, masaustunde gizli */
@media (max-width: 900px), (pointer: coarse) {
    [b-6nzhnzb1wo] .rl-mobil-kontrol { display: block; }
    [b-6nzhnzb1wo] .rl-kontrol-ipucu { display: none; }

    /* HUD kuculsun */
    [b-6nzhnzb1wo] .rl-hud-ust {
        padding: 6px 10px !important;
        font-size: 0.8rem;
    }
    [b-6nzhnzb1wo] .rl-hud-ust .rl-hud-stat {
        padding: 4px 8px !important;
    }

    /* Paneller tam genislik (acilinca) */
    [b-6nzhnzb1wo] .rl-panel {
        width: 90vw !important;
        max-width: 360px;
        max-height: 70vh !important;
    }

    /* Chat kucuk */
    [b-6nzhnzb1wo] .rl-chat {
        width: 90vw !important;
        max-width: 320px;
        max-height: 40vh !important;
    }

    /* Cikis butonu daha buyuk */
    [b-6nzhnzb1wo] .rl-cikis-btn {
        width: 44px !important;
        height: 44px !important;
        font-size: 1.4rem !important;
    }
}

/* ===========================================================
   SINIF SECIM MODALI
   =========================================================== */
[b-6nzhnzb1wo] .rl-sinif-modal {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 200;
    padding: 16px;
    overflow-y: auto;
}
[b-6nzhnzb1wo] .rl-sinif-icerik {
    background: linear-gradient(180deg, #1e293b, #0f172a);
    border: 2px solid rgba(251, 191, 36, 0.5);
    border-radius: 16px;
    padding: 32px;
    max-width: 900px;
    width: 100%;
    box-shadow: 0 20px 60px rgba(0,0,0,0.6), 0 0 80px rgba(251,191,36,0.2);
    color: #f1f5f9;
    text-align: center;
}
[b-6nzhnzb1wo] .rl-sinif-icerik h2 {
    margin: 0 0 12px 0;
    font-size: 2rem;
    color: #fde047;
    text-shadow: 0 2px 8px rgba(251,191,36,0.4);
}
[b-6nzhnzb1wo] .rl-sinif-aciklama {
    color: #cbd5e1;
    margin-bottom: 28px;
    font-size: 1.05rem;
}
[b-6nzhnzb1wo] .rl-sinif-kartlar {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-bottom: 28px;
}
[b-6nzhnzb1wo] .rl-sinif-kart {
    background: rgba(15, 23, 42, 0.7);
    border: 2px solid rgba(100, 116, 139, 0.4);
    border-radius: 12px;
    padding: 20px 16px;
    cursor: pointer;
    transition: all 0.25s;
    user-select: none;
}
[b-6nzhnzb1wo] .rl-sinif-kart:hover {
    border-color: rgba(251, 191, 36, 0.5);
    background: rgba(30, 41, 59, 0.9);
    transform: translateY(-3px);
}
[b-6nzhnzb1wo] .rl-sinif-kart.secili {
    border-color: #fbbf24;
    background: rgba(251, 191, 36, 0.12);
    box-shadow: 0 0 30px rgba(251, 191, 36, 0.4);
    transform: translateY(-3px);
}
[b-6nzhnzb1wo] .rl-sinif-emoji {
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 10px;
}
[b-6nzhnzb1wo] .rl-sinif-kart h3 {
    margin: 8px 0;
    color: #fde047;
    font-size: 1.3rem;
}
[b-6nzhnzb1wo] .rl-sinif-kart p {
    color: #94a3b8;
    font-size: 0.92rem;
    margin: 8px 0 12px 0;
    line-height: 1.4;
    min-height: 56px;
}
[b-6nzhnzb1wo] .rl-sinif-stat {
    color: #4ade80;
    font-size: 0.85rem;
    font-weight: 700;
    padding: 6px 10px;
    background: rgba(74, 222, 128, 0.1);
    border-radius: 6px;
    display: inline-block;
}
[b-6nzhnzb1wo] .rl-btn-buyuk {
    padding: 14px 32px !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
}
[b-6nzhnzb1wo] .rl-btn-buyuk:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

/* Mobil siniftakart 1 sutun */
@media (max-width: 700px) {
    [b-6nzhnzb1wo] .rl-sinif-kartlar { grid-template-columns: 1fr; }
    [b-6nzhnzb1wo] .rl-sinif-icerik { padding: 20px; }
    [b-6nzhnzb1wo] .rl-sinif-icerik h2 { font-size: 1.5rem; }
}

/* ─── Envanter: takılı ekipman özeti ─── */
[b-6nzhnzb1wo] .rl-env-uygun {
    margin: 10px 0 12px;
    padding: 8px 10px;
    background: rgba(15,23,42,0.72);
    border: 1px solid rgba(251,191,36,0.28);
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
    font-size: 0.78rem;
}
[b-6nzhnzb1wo] .rl-env-uygun-baslik {
    width: 100%;
    font-weight: 700;
    color: #fde68a;
    font-size: 0.74rem;
    letter-spacing: 0.02em;
}
[b-6nzhnzb1wo] .rl-env-uygun-etik {
    padding: 3px 8px;
    border-radius: 6px;
    background: rgba(30,41,59,0.85);
    border: 1px solid rgba(255,255,255,0.1);
}

/* ─── NPC mağaza modali ─── */
[b-6nzhnzb1wo] .rl-ticaret-modal {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.82);
    backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 8100;
    padding: 16px;
    overflow-y: auto;
}
[b-6nzhnzb1wo] .rl-ticaret-icerik {
    background: linear-gradient(180deg, #1e293b, #0f172a);
    border: 2px solid rgba(251, 191, 36, 0.48);
    border-radius: 14px;
    padding: 20px;
    max-width: 520px;
    width: 100%;
    color: #f1f5f9;
    box-shadow: 0 20px 50px rgba(0,0,0,0.55);
}
[b-6nzhnzb1wo] .rl-ticaret-baslik {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}
[b-6nzhnzb1wo] .rl-ticaret-baslik h2 {
    margin: 0;
    font-size: 1.25rem;
    color: #fde047;
}
[b-6nzhnzb1wo] .rl-ticaret-x {
    background: rgba(30,41,59,0.9);
    border: 1px solid rgba(148,163,184,0.35);
    color: #e2e8f0;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 1rem;
}
[b-6nzhnzb1wo] .rl-ticaret-x:hover {
    background: rgba(220,38,38,0.35);
    border-color: #f87171;
}
[b-6nzhnzb1wo] .rl-ticaret-altin {
    color: #fbbf24;
    font-weight: 600;
    margin-bottom: 14px;
    font-size: 0.95rem;
}
[b-6nzhnzb1wo] .rl-ticaret-liste {
    max-height: min(52vh, 340px);
    overflow-y: auto;
    margin-bottom: 14px;
    padding-right: 4px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
[b-6nzhnzb1wo] .rl-ticaret-satir {
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    gap: 8px;
    align-items: center;
    padding: 8px 10px;
    background: rgba(15,23,42,0.65);
    border-radius: 8px;
    border: 1px solid rgba(100,116,139,0.35);
}
[b-6nzhnzb1wo] .rl-ticaret-emoji {
    font-size: 1.35rem;
    line-height: 1;
}
[b-6nzhnzb1wo] .rl-ticaret-metin {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}
[b-6nzhnzb1wo] .rl-ticaret-metin strong {
    font-size: 0.92rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
[b-6nzhnzb1wo] .rl-ticaret-metin small {
    color: #94a3b8;
    font-size: 0.72rem;
}
[b-6nzhnzb1wo] .rl-ticaret-fiyat {
    color: #fbbf24;
    font-weight: 700;
    font-size: 0.82rem;
    white-space: nowrap;
}

@media (max-width: 480px) {
    [b-6nzhnzb1wo] .rl-ticaret-satir {
        grid-template-columns: auto 1fr;
        grid-template-rows: auto auto;
    }
    [b-6nzhnzb1wo] .rl-ticaret-fiyat { grid-column: 2; }
}

/* Yardım düğmesi (F1) — HUD gizliyken de kullanılabilsin */
.rl-yardim-pin[b-6nzhnzb1wo] {
    position: fixed;
    top: 56px;
    right: 12px;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    border: 2px solid rgba(56, 189, 248, 0.55);
    background: rgba(15, 23, 42, 0.9);
    color: #38bdf8;
    font-size: 1.15rem;
    font-weight: 800;
    cursor: pointer;
    z-index: 200;
    line-height: 1;
    backdrop-filter: blur(8px);
}
.rl-yardim-pin:hover[b-6nzhnzb1wo] {
    background: rgba(14, 116, 144, 0.35);
    border-color: #7dd3fc;
    color: #e0f2fe;
}

/* Yardım modali */
.rl-yardim-modal[b-6nzhnzb1wo] {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.78);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 8300;
    padding: 16px;
}
.rl-yardim-icerik[b-6nzhnzb1wo] {
    background: linear-gradient(180deg, #1e293b, #0f172a);
    border: 2px solid rgba(56, 189, 248, 0.45);
    border-radius: 14px;
    padding: 18px 22px;
    max-width: 420px;
    width: 100%;
    color: #e2e8f0;
    box-shadow: 0 18px 44px rgba(0,0,0,0.55);
}
.rl-yardim-baslik[b-6nzhnzb1wo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}
.rl-yardim-baslik h2[b-6nzhnzb1wo] {
    margin: 0;
    font-size: 1.15rem;
    color: #7dd3fc;
}
.rl-yardim-x[b-6nzhnzb1wo] {
    background: rgba(30,41,59,0.9);
    border: 1px solid rgba(148,163,184,0.35);
    color: #e2e8f0;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    cursor: pointer;
}
.rl-yardim-liste[b-6nzhnzb1wo] {
    margin: 0 0 14px 18px;
    padding: 0;
    font-size: 0.86rem;
    line-height: 1.65;
    color: #cbd5e1;
}
.rl-yardim-liste kbd[b-6nzhnzb1wo] {
    background: rgba(15,23,42,0.95);
    border: 1px solid rgba(251,191,36,0.35);
    border-radius: 4px;
    padding: 1px 5px;
    font-size: 0.76rem;
    color: #fde68a;
}
/* /Components/Pages/MesajKutusu.razor.rz.scp.css */
.page-container[b-3o2v653pzp] { width: 100%; margin: auto; padding: 6px 8px; outline: none; height: calc(var(--app-height, 100vh) - 68px); display: flex; flex-direction: column; }

.msg-layout[b-3o2v653pzp] {
    display: grid; grid-template-columns: 340px 1fr; grid-template-rows: minmax(0, 1fr); gap: 0;
    background: var(--t-card, #fff); border-radius: 12px; border: 1px solid var(--t-card-border, #e2e8f0);
    overflow: hidden; flex: 1; min-height: 0; box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 8px 32px rgba(0,0,0,0.03);
}

/* ═══ SOL PANEL ═══ */
.msg-sidebar[b-3o2v653pzp] { border-right: 1px solid var(--t-card-border, #e2e8f0); display: flex; flex-direction: column; min-height: 0; overflow: hidden; }

.msg-search-header[b-3o2v653pzp] {
    display: flex; align-items: center; gap: 8px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--t-card-border, #e2e8f0);
    background: var(--t-card, #fff);
}
.msg-search-wrap[b-3o2v653pzp] {
    flex: 1; position: relative; display: flex; align-items: center; min-width: 0;
}
.msg-search-wrap input[b-3o2v653pzp] {
    width: 100%; padding: 9px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 10px; font-size: 0.84rem; outline: none; box-sizing: border-box; transition: all 0.2s;
    background: var(--t-bg, #f8fafc); color: var(--t-text, #1e293b); min-width: 0;
}
.msg-search-wrap input[b-3o2v653pzp]::placeholder { color: var(--t-text-muted, #94a3b8); }
.msg-search-wrap input:focus[b-3o2v653pzp] { border-color: #818cf8; box-shadow: 0 0 0 3px rgba(129,140,248,0.12); background: var(--t-card, #fff); }
.msg-header-btns[b-3o2v653pzp] { display: flex; gap: 6px; flex-shrink: 0; align-items: center; }

.compose-btn[b-3o2v653pzp] {
    width: 36px; height: 36px; border-radius: 10px; border: 1.5px solid var(--t-card-border, #e2e8f0);
    background: var(--t-card, #fff); color: var(--t-text, #475569); cursor: pointer;
    display: inline-flex; align-items: center; justify-content: center; font-size: 0.92rem;
    line-height: 1; padding: 0;
    transition: transform 0.18s cubic-bezier(.4,1.4,.6,1), background 0.2s, border-color 0.2s, box-shadow 0.2s, color 0.2s;
    position: relative;
}
.compose-btn:hover[b-3o2v653pzp] {
    background: var(--t-hover, #f1f5f9);
    border-color: #cbd5e1;
    color: #0f172a;
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(15, 23, 42, 0.08);
}
.compose-btn:active[b-3o2v653pzp] { transform: translateY(0) scale(0.96); box-shadow: none; }
.compose-btn.compose-danger:hover[b-3o2v653pzp] { background: #fee2e2; border-color: #fca5a5; color: #dc2626; }

.compose-btn.compose-menu-btn[b-3o2v653pzp] { font-size: 1.15rem; font-weight: 700; line-height: 1; padding-bottom: 3px; letter-spacing: -0.02em; }

/* Sidebar kebab menü */
.msg-header-menu-wrap[b-3o2v653pzp] { position: relative; display: inline-flex; }
.msg-header-menu-wrap.open .compose-menu-btn[b-3o2v653pzp] {
    background: var(--t-hover, #f1f5f9);
    border-color: #cbd5e1;
    color: #0f172a;
}
.msg-header-menu-overlay[b-3o2v653pzp] { position: fixed; inset: 0; z-index: 900; background: transparent; }
.msg-header-menu[b-3o2v653pzp] {
    position: absolute; top: calc(100% + 6px); right: 0;
    min-width: 220px; background: var(--t-card, #fff);
    border: 1px solid var(--t-card-border, #e2e8f0); border-radius: 12px;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.18);
    padding: 6px; z-index: 901;
    animation: mhm-pop-b-3o2v653pzp 140ms ease-out;
}
@keyframes mhm-pop-b-3o2v653pzp { from { opacity: 0; transform: translateY(-4px) scale(0.98); } to { opacity: 1; transform: translateY(0) scale(1); } }
.msg-header-menu-item[b-3o2v653pzp] {
    width: 100%; display: flex; align-items: center; gap: 10px;
    padding: 10px 12px; border: none; background: transparent; cursor: pointer;
    border-radius: 8px; font-size: 0.9rem; color: var(--t-text, #1e293b); text-align: left;
    transition: background 0.12s;
}
.msg-header-menu-item:hover[b-3o2v653pzp] { background: #f1f5f9; }
.msg-header-menu-item .mhm-icon[b-3o2v653pzp] { font-size: 1.1rem; width: 22px; text-align: center; }
.msg-header-menu-item .mhm-text[b-3o2v653pzp] { flex: 1; font-weight: 600; }
.msg-header-menu-item.msg-header-menu-danger[b-3o2v653pzp] { color: #dc2626; }
.msg-header-menu-item.msg-header-menu-danger:hover[b-3o2v653pzp] { background: #fee2e2; }
.msg-header-menu-item.msg-header-menu-active[b-3o2v653pzp] { background: #eef2ff; color: #4338ca; }
.msg-header-menu-item .mhm-check[b-3o2v653pzp] { color: #22c55e; font-weight: 900; margin-left: auto; }
.msg-header-menu-item .mhm-count[b-3o2v653pzp] { margin-left: auto; background: #eef2ff; color: #4338ca; font-weight: 700; font-size: 0.75rem; padding: 2px 8px; border-radius: 999px; min-width: 22px; text-align: center; }
.msg-header-menu-sep[b-3o2v653pzp] { height: 1px; background: var(--t-card-border, #e2e8f0); margin: 4px 2px; }

/* === Kebab menü modalları === */
.mk-modal-overlay[b-3o2v653pzp] { position: fixed; inset: 0; background: rgba(15, 23, 42, 0.45); z-index: 1000; backdrop-filter: blur(2px); transition: opacity 0.2s, backdrop-filter 0.2s; }
.mk-modal[b-3o2v653pzp] { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(--t-card, #fff); border-radius: 14px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25); z-index: 1001; max-height: 85vh; display: flex; flex-direction: column; animation: mk-modal-pop-b-3o2v653pzp 180ms ease-out; transition: opacity 0.2s; }

/* Görünüm ayarları preview modu — arkadaki sohbette değişiklikleri görebilmek için
   sadece overlay (karartma + blur) kısa süreli kaybolur; modal normal görünür kalır. */
.mk-modal-overlay.preview[b-3o2v653pzp] { opacity: 0; backdrop-filter: none; pointer-events: none; }
.mk-modal.mk-modal-sm[b-3o2v653pzp] { width: min(420px, 92vw); }
@keyframes mk-modal-pop-b-3o2v653pzp { from { opacity: 0; transform: translate(-50%, -48%) scale(0.96); } to { opacity: 1; transform: translate(-50%, -50%) scale(1); } }
.mk-modal-header[b-3o2v653pzp] { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; border-bottom: 1px solid var(--t-card-border, #e2e8f0); }
.mk-modal-header h4[b-3o2v653pzp] { margin: 0; font-size: 1rem; font-weight: 700; color: var(--t-text, #1e293b); }
.mk-modal-close[b-3o2v653pzp] { border: none; background: transparent; font-size: 1.1rem; cursor: pointer; color: var(--t-text-muted, #94a3b8); width: 28px; height: 28px; border-radius: 6px; }
.mk-modal-close:hover[b-3o2v653pzp] { background: #f1f5f9; color: #1e293b; }
.mk-modal-body[b-3o2v653pzp] { padding: 14px 18px 18px; overflow-y: auto; }
.mk-modal-empty[b-3o2v653pzp] { text-align: center; padding: 24px 12px; color: var(--t-text-muted, #94a3b8); }
.mk-modal-empty-icon[b-3o2v653pzp] { font-size: 2.2rem; margin-bottom: 6px; }

/* Engellenenler */
.mk-blocked-list[b-3o2v653pzp] { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 6px; }
.mk-blocked-item[b-3o2v653pzp] { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; background: #f8fafc; border-radius: 10px; }
.mk-blocked-info[b-3o2v653pzp] { display: flex; align-items: center; gap: 10px; min-width: 0; flex: 1; }
.mk-blocked-avatar[b-3o2v653pzp] { width: 36px; height: 36px; border-radius: 50%; background: linear-gradient(135deg, #6366f1, #8b5cf6); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 0.95rem; flex-shrink: 0; }
.mk-blocked-meta[b-3o2v653pzp] { min-width: 0; flex: 1; }
.mk-blocked-name[b-3o2v653pzp] { font-weight: 600; color: #1e293b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mk-blocked-mail[b-3o2v653pzp] { font-size: 0.78rem; color: #94a3b8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mk-blocked-unblock[b-3o2v653pzp] { border: 1.5px solid #10b981; background: #fff; color: #059669; font-weight: 600; font-size: 0.82rem; padding: 6px 12px; border-radius: 8px; cursor: pointer; flex-shrink: 0; transition: all 0.15s; }
.mk-blocked-unblock:hover[b-3o2v653pzp] { background: #10b981; color: #fff; }

/* Modal boy varyantları */
.mk-modal.mk-modal-lg[b-3o2v653pzp] { width: min(760px, 94vw); max-height: 88vh; }

/* Menü rozeti (yumuşak, aktif tema adı için) */
.mhm-count.mhm-count-soft[b-3o2v653pzp] { background: color-mix(in srgb, var(--t-accent, #6366f1) 12%, transparent); color: var(--t-accent, #6366f1); font-weight: 600; }

/* === Görünüm / Tema ayarları === */
.mk-gorunum-bolum[b-3o2v653pzp] { margin-bottom: 16px; }
.mk-gorunum-bolum:last-child[b-3o2v653pzp] { margin-bottom: 0; }
.mk-gorunum-baslik[b-3o2v653pzp] { font-size: 0.78rem; font-weight: 700; color: var(--t-text-muted, #64748b); text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 8px; }

/* Tema bölümünün altındaki alt gruplar (Vurgu / Baloncuk) */
.mk-gorunum-alt-bolum[b-3o2v653pzp] {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px dashed var(--t-card-border, #e2e8f0);
}
.mk-gorunum-alt-baslik[b-3o2v653pzp] {
    font-size: 0.72rem; font-weight: 700;
    color: var(--t-text-muted, #94a3b8);
    text-transform: uppercase; letter-spacing: 0.04em;
    margin-bottom: 8px;
}
.mk-gorunum-grid[b-3o2v653pzp] { display: grid; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: 10px; }
.mk-tema-kart[b-3o2v653pzp] { position: relative; border: 2px solid var(--t-card-border, #e2e8f0); border-radius: 12px; padding: 8px; background: var(--t-card, #fff); cursor: pointer; transition: all 0.15s; overflow: hidden; }
.mk-tema-kart:hover[b-3o2v653pzp] { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0,0,0,0.08); }
.mk-tema-kart.selected[b-3o2v653pzp] { border-color: var(--t-accent, #6366f1); box-shadow: 0 0 0 3px color-mix(in srgb, var(--t-accent, #6366f1) 20%, transparent); }
.mk-tema-onizleme[b-3o2v653pzp] { height: 56px; border-radius: 8px; position: relative; margin-bottom: 6px; overflow: hidden; }
.mk-tema-baloncuk[b-3o2v653pzp] { position: absolute; width: 48%; height: 14px; border-radius: 6px; }
.mk-tema-baloncuk-sent[b-3o2v653pzp] { bottom: 8px; right: 6px; border-bottom-right-radius: 2px; }
.mk-tema-baloncuk-recv[b-3o2v653pzp] { top: 8px; left: 6px; border-bottom-left-radius: 2px; }
.mk-tema-ad[b-3o2v653pzp] { font-size: 0.8rem; font-weight: 600; color: var(--t-text, #1e293b); text-align: center; }
.mk-tema-check[b-3o2v653pzp] { position: absolute; top: 6px; right: 6px; width: 22px; height: 22px; border-radius: 50%; background: var(--t-accent, #6366f1); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 0.7rem; font-weight: 700; }

.mk-gorunum-yogunluk[b-3o2v653pzp] { display: flex; gap: 8px; flex-wrap: wrap; }
.mk-yog-btn[b-3o2v653pzp] { flex: 1; min-width: 90px; display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 10px 8px; border: 2px solid var(--t-card-border, #e2e8f0); background: var(--t-card, #fff); border-radius: 10px; cursor: pointer; color: var(--t-text, #1e293b); font-size: 0.82rem; font-weight: 500; transition: all 0.15s; }
.mk-yog-btn:hover[b-3o2v653pzp] { border-color: var(--t-accent, #6366f1); }
.mk-yog-btn.selected[b-3o2v653pzp] { border-color: var(--t-accent, #6366f1); background: color-mix(in srgb, var(--t-accent, #6366f1) 8%, transparent); color: var(--t-accent, #6366f1); font-weight: 700; }
.mk-yog-emoji[b-3o2v653pzp] { font-size: 1.3rem; }
.mk-gorunum-altbilgi[b-3o2v653pzp] { font-size: 0.75rem; color: var(--t-text-muted, #94a3b8); text-align: center; margin-top: 10px; font-style: italic; }

/* === Medya galerisi === */
.mk-medya-tabs[b-3o2v653pzp] { display: flex; border-bottom: 1px solid var(--t-card-border, #e2e8f0); padding: 0 10px; gap: 4px; }
.mk-medya-tab[b-3o2v653pzp] { flex: 1; background: transparent; border: none; border-bottom: 2.5px solid transparent; padding: 10px 8px; font-size: 0.86rem; font-weight: 600; color: var(--t-text-muted, #64748b); cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 6px; transition: all 0.15s; }
.mk-medya-tab:hover[b-3o2v653pzp] { color: var(--t-text, #1e293b); }
.mk-medya-tab.active[b-3o2v653pzp] { color: var(--t-accent, #6366f1); border-bottom-color: var(--t-accent, #6366f1); }
.mk-medya-tab-count[b-3o2v653pzp] { background: color-mix(in srgb, var(--t-accent, #6366f1) 12%, transparent); color: var(--t-accent, #6366f1); font-size: 0.7rem; padding: 1px 7px; border-radius: 10px; font-weight: 700; }
.mk-medya-body[b-3o2v653pzp] { max-height: 60vh; }
.mk-medya-resim-grid[b-3o2v653pzp] { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 8px; }
.mk-medya-resim[b-3o2v653pzp] { position: relative; border: none; padding: 0; background: transparent; aspect-ratio: 1; border-radius: 10px; overflow: hidden; cursor: pointer; transition: transform 0.15s; }
.mk-medya-resim:hover[b-3o2v653pzp] { transform: scale(1.04); }
.mk-medya-resim img[b-3o2v653pzp] { width: 100%; height: 100%; object-fit: cover; display: block; }
.mk-medya-resim-tarih[b-3o2v653pzp] { position: absolute; bottom: 0; left: 0; right: 0; padding: 10px 6px 4px; font-size: 0.66rem; font-weight: 600; color: #fff; background: linear-gradient(transparent, rgba(0,0,0,0.55)); text-align: right; }
.mk-medya-liste[b-3o2v653pzp] { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 4px; }
.mk-medya-oge[b-3o2v653pzp] { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 10px; cursor: pointer; transition: background 0.15s; }
.mk-medya-oge:hover[b-3o2v653pzp] { background: var(--t-hover, #f8fafc); }
.mk-medya-ikon[b-3o2v653pzp] { font-size: 1.4rem; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: color-mix(in srgb, var(--t-accent, #6366f1) 10%, transparent); border-radius: 10px; flex-shrink: 0; }
.mk-medya-meta[b-3o2v653pzp] { flex: 1; min-width: 0; }
.mk-medya-ad[b-3o2v653pzp] { font-weight: 600; color: var(--t-text, #1e293b); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.88rem; }
.mk-medya-alt[b-3o2v653pzp] { font-size: 0.75rem; color: var(--t-text-muted, #94a3b8); }
.mk-medya-indir[b-3o2v653pzp] { background: transparent; border: 1.5px solid var(--t-card-border, #e2e8f0); color: var(--t-text-muted, #64748b); width: 34px; height: 34px; border-radius: 8px; cursor: pointer; font-size: 1rem; transition: all 0.15s; }
.mk-medya-indir:hover[b-3o2v653pzp] { border-color: var(--t-accent, #6366f1); color: var(--t-accent, #6366f1); }

/* === Tema varyantları (mesaj kutusu bölgesi için override) === */
/* Okyanus */
html[data-mk-tema="okyanus"] .chat-container[b-3o2v653pzp] { background-color: #f0f9ff; background-image: radial-gradient(ellipse 600px 400px at 10% 15%, rgba(14,165,233,0.12) 0%, transparent 70%), radial-gradient(ellipse 500px 350px at 90% 80%, rgba(2,132,199,0.10) 0%, transparent 70%); }
html[data-mk-tema="okyanus"] .chat-msg.sent .chat-bubble[b-3o2v653pzp] { background: #0284c7; box-shadow: 0 1px 4px rgba(2,132,199,0.3); }
html[data-mk-tema="okyanus"] .chat-msg.received .chat-bubble[b-3o2v653pzp] { border-color: #bae6fd; }
/* Orman */
html[data-mk-tema="orman"] .chat-container[b-3o2v653pzp] { background-color: #f0fdf4; background-image: radial-gradient(ellipse 600px 400px at 10% 15%, rgba(22,163,74,0.12) 0%, transparent 70%), radial-gradient(ellipse 500px 350px at 90% 80%, rgba(132,204,22,0.10) 0%, transparent 70%); }
html[data-mk-tema="orman"] .chat-msg.sent .chat-bubble[b-3o2v653pzp] { background: #16a34a; box-shadow: 0 1px 4px rgba(22,163,74,0.3); }
html[data-mk-tema="orman"] .chat-msg.received .chat-bubble[b-3o2v653pzp] { border-color: #bbf7d0; }
/* Gün batımı */
html[data-mk-tema="gunbatimi"] .chat-container[b-3o2v653pzp] { background-color: #fff7ed; background-image: radial-gradient(ellipse 600px 400px at 10% 15%, rgba(234,88,12,0.14) 0%, transparent 70%), radial-gradient(ellipse 500px 350px at 90% 80%, rgba(239,68,68,0.10) 0%, transparent 70%); }
html[data-mk-tema="gunbatimi"] .chat-msg.sent .chat-bubble[b-3o2v653pzp] { background: #ea580c; box-shadow: 0 1px 4px rgba(234,88,12,0.3); }
html[data-mk-tema="gunbatimi"] .chat-msg.received .chat-bubble[b-3o2v653pzp] { border-color: #fed7aa; }
/* Lavanta */
html[data-mk-tema="lavanta"] .chat-container[b-3o2v653pzp] { background-color: #faf5ff; background-image: radial-gradient(ellipse 600px 400px at 10% 15%, rgba(147,51,234,0.12) 0%, transparent 70%), radial-gradient(ellipse 500px 350px at 90% 80%, rgba(217,70,239,0.10) 0%, transparent 70%); }
html[data-mk-tema="lavanta"] .chat-msg.sent .chat-bubble[b-3o2v653pzp] { background: #9333ea; box-shadow: 0 1px 4px rgba(147,51,234,0.3); }
html[data-mk-tema="lavanta"] .chat-msg.received .chat-bubble[b-3o2v653pzp] { border-color: #e9d5ff; }
/* Gece */
html[data-mk-tema="gece"] .chat-container[b-3o2v653pzp] { background-color: #0f172a; background-image: radial-gradient(ellipse 600px 400px at 10% 15%, rgba(99,102,241,0.18) 0%, transparent 70%), radial-gradient(ellipse 500px 350px at 90% 80%, rgba(129,140,248,0.12) 0%, transparent 70%); }
html[data-mk-tema="gece"] .chat-msg.sent .chat-bubble[b-3o2v653pzp] { background: #818cf8; color: #0f172a; box-shadow: 0 1px 4px rgba(129,140,248,0.4); }
html[data-mk-tema="gece"] .chat-msg.received .chat-bubble[b-3o2v653pzp] { background: #334155; color: #f1f5f9; border-color: #475569; }
html[data-mk-tema="gece"] .chat-msg.received .chat-bubble-time[b-3o2v653pzp] { color: #cbd5e1; }
/* Sade */
html[data-mk-tema="sade"] .chat-container[b-3o2v653pzp] { background-color: #f8fafc; background-image: none; }
html[data-mk-tema="sade"] .chat-container[b-3o2v653pzp]::before,
html[data-mk-tema="sade"] .chat-container[b-3o2v653pzp]::after { display: none; }
html[data-mk-tema="sade"] .chat-msg.sent .chat-bubble[b-3o2v653pzp] { background: #475569; box-shadow: 0 1px 4px rgba(71,85,105,0.25); }

/* Baloncuk yoğunluğu */
html[data-mk-yogunluk="rahat"] .chat-bubble[b-3o2v653pzp] { padding: 14px 18px; font-size: 0.95rem; line-height: 1.65; }
html[data-mk-yogunluk="kompakt"] .chat-bubble[b-3o2v653pzp] { padding: 6px 10px; font-size: 0.82rem; line-height: 1.4; }

/* Baloncuk köşe */
html[data-mk-kose="kare"] .chat-bubble[b-3o2v653pzp] { border-radius: 6px; }
html[data-mk-kose="kare"] .chat-msg.sent .chat-bubble[b-3o2v653pzp] { border-bottom-right-radius: 2px; }
html[data-mk-kose="kare"] .chat-msg.received .chat-bubble[b-3o2v653pzp] { border-bottom-left-radius: 2px; }

/* Yazı boyutu */
html[data-mk-yazi="kucuk"] .chat-bubble[b-3o2v653pzp] { font-size: 0.78rem; }
html[data-mk-yazi="buyuk"] .chat-bubble[b-3o2v653pzp] { font-size: 1.02rem; line-height: 1.6; }

/* Vurgu rengi — mesaj kutusu bölgesi */
html[data-mk-vurgu="mavi"]    .page-container[b-3o2v653pzp] { --t-accent: #0284c7; }
html[data-mk-vurgu="yesil"]   .page-container[b-3o2v653pzp] { --t-accent: #16a34a; }
html[data-mk-vurgu="turuncu"] .page-container[b-3o2v653pzp] { --t-accent: #ea580c; }
html[data-mk-vurgu="mor"]     .page-container[b-3o2v653pzp] { --t-accent: #9333ea; }
html[data-mk-vurgu="pembe"]   .page-container[b-3o2v653pzp] { --t-accent: #ec4899; }
html[data-mk-vurgu="kirmizi"] .page-container[b-3o2v653pzp] { --t-accent: #dc2626; }
html[data-mk-vurgu="gri"]     .page-container[b-3o2v653pzp] { --t-accent: #475569; }

/* Duvar kağıdı desenleri (chat-container::before üzerine tema dışında uygulanır) */
html[data-mk-duvar="noktalar"] .chat-container[b-3o2v653pzp]::before {
    background-image:
        radial-gradient(circle 2px at 30px 30px, color-mix(in srgb, var(--t-text-muted, #94a3b8) 22%, transparent) 2px, transparent 0);
    background-size: 50px 50px;
}
html[data-mk-duvar="izgara"] .chat-container[b-3o2v653pzp]::before {
    background-image:
        linear-gradient(to right, color-mix(in srgb, var(--t-text-muted, #94a3b8) 10%, transparent) 1px, transparent 1px),
        linear-gradient(to bottom, color-mix(in srgb, var(--t-text-muted, #94a3b8) 10%, transparent) 1px, transparent 1px);
    background-size: 40px 40px;
}
html[data-mk-duvar="dalga"] .chat-container[b-3o2v653pzp]::before {
    background-image:
        repeating-linear-gradient(45deg,
            color-mix(in srgb, var(--t-accent, #6366f1) 6%, transparent) 0 10px,
            transparent 10px 22px);
}
html[data-mk-duvar="petekler"] .chat-container[b-3o2v653pzp]::before {
    background-image:
        radial-gradient(circle at 50% 50%, transparent 12px, color-mix(in srgb, var(--t-accent, #6366f1) 8%, transparent) 13px, transparent 14px);
    background-size: 34px 60px;
}
html[data-mk-duvar="yok"] .chat-container[b-3o2v653pzp]::before,
html[data-mk-duvar="yok"] .chat-container[b-3o2v653pzp]::after { display: none; }

/* Baloncuk rengi — sohbet temasından bağımsız olarak sadece gönderilen baloncuğun arka planını değiştirir */
html[data-mk-baloncuk="indigo"]  .chat-msg.sent .chat-bubble[b-3o2v653pzp] { background: #6366f1 !important; color: #fff !important; }
html[data-mk-baloncuk="mavi"]    .chat-msg.sent .chat-bubble[b-3o2v653pzp] { background: #0284c7 !important; color: #fff !important; }
html[data-mk-baloncuk="yesil"]   .chat-msg.sent .chat-bubble[b-3o2v653pzp] { background: #16a34a !important; color: #fff !important; }
html[data-mk-baloncuk="turuncu"] .chat-msg.sent .chat-bubble[b-3o2v653pzp] { background: #ea580c !important; color: #fff !important; }
html[data-mk-baloncuk="mor"]     .chat-msg.sent .chat-bubble[b-3o2v653pzp] { background: #9333ea !important; color: #fff !important; }
html[data-mk-baloncuk="pembe"]   .chat-msg.sent .chat-bubble[b-3o2v653pzp] { background: #ec4899 !important; color: #fff !important; }
html[data-mk-baloncuk="kirmizi"] .chat-msg.sent .chat-bubble[b-3o2v653pzp] { background: #dc2626 !important; color: #fff !important; }
html[data-mk-baloncuk="gri"]     .chat-msg.sent .chat-bubble[b-3o2v653pzp] { background: #475569 !important; color: #fff !important; }

/* Kompakt avatar */
html[data-mk-avatar="kompakt"] .chat-grup-peer-avatar[b-3o2v653pzp] { width: 28px; height: 28px; }
html[data-mk-avatar="kompakt"] .chat-grup-peer-avatar img[b-3o2v653pzp],
html[data-mk-avatar="kompakt"] .chat-grup-peer-avatar[b-3o2v653pzp] { font-size: 0.7rem; }

/* === Görünüm modalı ek kontroller === */
.mk-gorunum-duvar[b-3o2v653pzp] { display: grid; grid-template-columns: repeat(auto-fill, minmax(92px, 1fr)); gap: 8px; }
.mk-duvar-kart[b-3o2v653pzp] { position: relative; border: 2px solid var(--t-card-border, #e2e8f0); border-radius: 10px; padding: 6px; background: var(--t-card, #fff); cursor: pointer; transition: all 0.15s; }
.mk-duvar-kart:hover[b-3o2v653pzp] { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); }
.mk-duvar-kart.selected[b-3o2v653pzp] { border-color: var(--t-accent, #6366f1); box-shadow: 0 0 0 3px color-mix(in srgb, var(--t-accent, #6366f1) 20%, transparent); }
.mk-duvar-onizleme[b-3o2v653pzp] { height: 46px; border-radius: 6px; margin-bottom: 4px; background-color: #f8fafc; }
.mk-duvar-bulutlar[b-3o2v653pzp] {
    background-image:
        radial-gradient(ellipse 40px 28px at 20% 40%, rgba(99,102,241,0.18) 0%, transparent 70%),
        radial-gradient(ellipse 30px 20px at 75% 65%, rgba(99,102,241,0.14) 0%, transparent 70%);
}
.mk-duvar-noktalar[b-3o2v653pzp] { background-image: radial-gradient(circle 1.5px at 8px 8px, rgba(100,116,139,0.4) 1.5px, transparent 0); background-size: 14px 14px; }
.mk-duvar-izgara[b-3o2v653pzp] {
    background-image:
        linear-gradient(to right, rgba(100,116,139,0.2) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(100,116,139,0.2) 1px, transparent 1px);
    background-size: 12px 12px;
}
.mk-duvar-dalga[b-3o2v653pzp] { background-image: repeating-linear-gradient(45deg, rgba(99,102,241,0.12) 0 4px, transparent 4px 9px); }
.mk-duvar-petekler[b-3o2v653pzp] { background-image: radial-gradient(circle at 50% 50%, transparent 5px, rgba(99,102,241,0.18) 6px, transparent 7px); background-size: 14px 22px; }
.mk-duvar-yok[b-3o2v653pzp] { background: repeating-linear-gradient(-45deg, #f1f5f9 0 6px, #e2e8f0 6px 7px); }
.mk-duvar-ad[b-3o2v653pzp] { font-size: 0.72rem; font-weight: 600; color: var(--t-text, #1e293b); text-align: center; }

.mk-gorunum-vurgu[b-3o2v653pzp] { display: flex; flex-wrap: wrap; gap: 10px; }
.mk-vurgu-nokta[b-3o2v653pzp] { width: 34px; height: 34px; border-radius: 50%; border: 2px solid transparent; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 700; font-size: 0.85rem; transition: all 0.15s; box-shadow: 0 2px 6px rgba(0,0,0,0.1); }
.mk-vurgu-nokta:hover[b-3o2v653pzp] { transform: scale(1.1); }
.mk-vurgu-nokta.selected[b-3o2v653pzp] { border-color: var(--t-text, #1e293b); box-shadow: 0 0 0 3px color-mix(in srgb, currentColor 30%, transparent); transform: scale(1.08); }
.mk-vurgu-tema[b-3o2v653pzp] { background: conic-gradient(from 0deg, #6366f1, #0284c7, #16a34a, #ea580c, #9333ea, #ec4899, #dc2626, #6366f1) !important; color: #fff; }
.mk-gorunum-baslik-alt[b-3o2v653pzp] { font-size: 0.72rem; color: var(--t-text-muted, #94a3b8); margin: -4px 0 8px 0; font-weight: 500; }

/* Switch satırları */
.mk-switch-satir[b-3o2v653pzp] { display: flex; align-items: center; justify-content: space-between; padding: 8px 4px; cursor: pointer; user-select: none; }
.mk-switch-satir + .mk-switch-satir[b-3o2v653pzp] { border-top: 1px dashed var(--t-card-border, #f1f5f9); }
.mk-switch-baslik[b-3o2v653pzp] { display: flex; align-items: center; gap: 8px; font-size: 0.86rem; color: var(--t-text, #1e293b); font-weight: 500; }
.mk-switch-emoji[b-3o2v653pzp] { font-size: 1rem; }
.mk-switch[b-3o2v653pzp] { position: relative; display: inline-block; width: 38px; height: 22px; border-radius: 12px; background: #cbd5e1; transition: background 0.2s; flex-shrink: 0; }
.mk-switch.on[b-3o2v653pzp] { background: var(--t-accent, #6366f1); }
.mk-switch-knob[b-3o2v653pzp] { position: absolute; top: 2px; left: 2px; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.25); transition: transform 0.2s; }
.mk-switch.on .mk-switch-knob[b-3o2v653pzp] { transform: translateX(16px); }

.mk-reset-btn[b-3o2v653pzp] { margin-top: 10px; width: 100%; padding: 9px 14px; border: 1.5px dashed var(--t-card-border, #e2e8f0); background: transparent; color: var(--t-text-muted, #64748b); border-radius: 10px; cursor: pointer; font-size: 0.85rem; font-weight: 600; display: flex; align-items: center; justify-content: center; gap: 8px; transition: all 0.15s; }
.mk-reset-btn:hover[b-3o2v653pzp] { border-color: var(--t-accent, #6366f1); color: var(--t-accent, #6366f1); background: color-mix(in srgb, var(--t-accent, #6366f1) 6%, transparent); }

.sidebar-search-results[b-3o2v653pzp] {
    flex: 1; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #cbd5e1 transparent;
    border-bottom: 2px solid #eef2ff;
}

/* Arama sonucu kişi + mesaj */
.search-result-item .msg-preview[b-3o2v653pzp] { gap: 2px; }
.search-badge[b-3o2v653pzp] {
    font-size: 0.6rem; font-weight: 700; padding: 1px 7px; border-radius: 8px;
    flex-shrink: 0; text-transform: uppercase; letter-spacing: 0.3px;
}
.kisi-badge[b-3o2v653pzp] { background: #eef2ff; color: #6366f1; }

.search-msg-match[b-3o2v653pzp] {
    display: flex; align-items: center; gap: 6px;
    padding: 3px 0; cursor: pointer; transition: background 0.12s;
    border-radius: 4px; margin: 0 -2px; padding-left: 2px; padding-right: 2px;
}
.search-msg-match:hover[b-3o2v653pzp] { background: color-mix(in srgb, var(--t-accent, #6366f1) 8%, transparent); }
.search-msg-icon[b-3o2v653pzp] { font-size: 0.68rem; flex-shrink: 0; opacity: 0.5; }
.search-msg-text[b-3o2v653pzp] {
    flex: 1; min-width: 0; font-size: 0.74rem; color: var(--t-text-muted, #64748b);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 500;
}
.search-msg-date[b-3o2v653pzp] { font-size: 0.64rem; color: var(--t-text-muted, #94a3b8); font-weight: 600; flex-shrink: 0; white-space: nowrap; }

[b-3o2v653pzp] .search-highlight {
    background: rgba(251,191,36,0.3); color: inherit; border-radius: 2px;
    padding: 0 1px; font-weight: 700;
}

.msg-list[b-3o2v653pzp] { flex: 1; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #cbd5e1 transparent; }
.msg-list[b-3o2v653pzp]::-webkit-scrollbar { width: 5px; }
.msg-list[b-3o2v653pzp]::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }

.msg-item[b-3o2v653pzp] {
    display: flex; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--t-card-border, #f1f5f9);
    cursor: pointer; transition: all 0.15s;
}
.msg-item:hover[b-3o2v653pzp] { background: var(--t-hover, #f8fafc); }
.msg-item.selected[b-3o2v653pzp] { background: #eef2ff; border-left: 3px solid #818cf8; }
.msg-item.unread[b-3o2v653pzp] { background: #faf5ff; }
.msg-item.unread .msg-from[b-3o2v653pzp] { font-weight: 800; color: #6366f1; }

/* Long-press silme efekti */
.msg-item.long-pressed[b-3o2v653pzp] { background: rgba(239,68,68,0.08) !important; }
.msg-item[b-3o2v653pzp] { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }

.msg-avatar-wrap[b-3o2v653pzp] { position: relative; flex-shrink: 0; }
.msg-avatar[b-3o2v653pzp] {
    width: 44px; height: 44px; border-radius: 50%; flex-shrink: 0;
    background: linear-gradient(135deg, #a5b4fc, #818cf8); color: white;
    display: flex; align-items: center; justify-content: center;
    font-weight: 800; font-size: 0.82rem;
}
.msg-avatar-img[b-3o2v653pzp] {
    width: 44px; height: 44px; border-radius: 50%; flex-shrink: 0;
    object-fit: cover; border: 2px solid var(--t-card-border, #e2e8f0);
}
.online-dot-sm[b-3o2v653pzp] {
    position: absolute; bottom: 1px; right: 1px;
    width: 11px; height: 11px; border-radius: 50%;
    background: #22c55e; border: 2px solid var(--t-card, #fff);
}

.msg-preview[b-3o2v653pzp] { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; gap: 3px; }
.msg-from-row[b-3o2v653pzp] { display: flex; justify-content: space-between; align-items: center; }
.msg-from[b-3o2v653pzp] { font-weight: 700; font-size: 0.86rem; color: var(--t-text, #1e293b); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.msg-date[b-3o2v653pzp] { font-size: 0.68rem; color: var(--t-text-muted, #94a3b8); font-weight: 600; flex-shrink: 0; }

.msg-last-row[b-3o2v653pzp] { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.msg-last-text[b-3o2v653pzp] { font-size: 0.78rem; color: var(--t-text-muted, #64748b); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1; }
.msg-unread-count[b-3o2v653pzp] {
    background: #6366f1; color: white;
    font-size: 0.66rem; font-weight: 800; padding: 2px 7px; border-radius: 10px;
    min-width: 18px; text-align: center; flex-shrink: 0;
}

.msg-empty[b-3o2v653pzp] { padding: 40px 20px; text-align: center; color: var(--t-text-muted, #94a3b8); font-size: 0.88rem; }

/* ═══ SAĞ PANEL ═══ */
.msg-content[b-3o2v653pzp] { display: flex; flex-direction: column; min-height: 0; overflow: hidden; position: relative; height: auto; }
.msg-placeholder[b-3o2v653pzp] { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--t-text-muted, #94a3b8); gap: 16px; }
.placeholder-graphic[b-3o2v653pzp] { display: flex; align-items: center; gap: 12px; opacity: 0.25; }
.ph-circle[b-3o2v653pzp] { width: 48px; height: 48px; border-radius: 50%; background: var(--t-text-muted, #cbd5e1); }
.ph-lines[b-3o2v653pzp] { display: flex; flex-direction: column; gap: 6px; }
.ph-lines div[b-3o2v653pzp] { height: 8px; border-radius: 4px; background: var(--t-text-muted, #cbd5e1); }
.ph-lines div:nth-child(1)[b-3o2v653pzp] { width: 120px; }
.ph-lines div:nth-child(2)[b-3o2v653pzp] { width: 80px; }
.ph-lines div:nth-child(3)[b-3o2v653pzp] { width: 100px; }
.msg-placeholder p[b-3o2v653pzp] { font-size: 0.88rem; font-weight: 500; margin: 0; }
.ph-security-info[b-3o2v653pzp] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 12px;
    padding: 14px 20px;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(34,197,94,0.08), rgba(16,185,129,0.06));
    border: 1px solid rgba(34,197,94,0.18);
    max-width: 380px;
}
.ph-security-icon[b-3o2v653pzp] {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(34,197,94,0.12);
    color: #22c55e;
}
.ph-security-text[b-3o2v653pzp] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.ph-security-title[b-3o2v653pzp] {
    font-size: 0.82rem;
    font-weight: 700;
    color: #22c55e;
}
.ph-security-desc[b-3o2v653pzp] {
    font-size: 0.76rem;
    line-height: 1.45;
    color: var(--t-text-muted, #94a3b8);
}

/* ═══ SOHBET ═══ */
.chat-container[b-3o2v653pzp] {
    flex: 1; display: flex; flex-direction: column; min-height: 0; overflow: hidden;
    background-color: var(--t-body, #f8fafc);
    background-image:
        radial-gradient(ellipse 600px 400px at 10% 15%, color-mix(in srgb, var(--t-accent, #6366f1) 8%, transparent) 0%, transparent 70%),
        radial-gradient(ellipse 500px 350px at 90% 80%, color-mix(in srgb, var(--t-accent, #6366f1) 6%, transparent) 0%, transparent 70%),
        radial-gradient(ellipse 400px 300px at 50% 50%, color-mix(in srgb, var(--t-accent, #6366f1) 3%, transparent) 0%, transparent 70%);
    position: relative;
}
.chat-container[b-3o2v653pzp]::before {
    content: '';
    position: absolute; inset: 0; z-index: 0; pointer-events: none;
    background-image:
        radial-gradient(circle 1.5px at 30px 30px, color-mix(in srgb, var(--t-text-muted, #94a3b8) 10%, transparent) 1.5px, transparent 0),
        radial-gradient(circle 1px at 70px 60px, color-mix(in srgb, var(--t-text-muted, #94a3b8) 7%, transparent) 1px, transparent 0),
        radial-gradient(circle 1px at 45px 80px, color-mix(in srgb, var(--t-text-muted, #94a3b8) 5%, transparent) 1px, transparent 0);
    background-size: 100px 100px, 120px 120px, 80px 80px;
    background-attachment: fixed;
}
.chat-container[b-3o2v653pzp]::after {
    content: '';
    position: absolute; inset: 0; z-index: 0; pointer-events: none;
    background-image:
        linear-gradient(135deg, color-mix(in srgb, var(--t-text-muted, #94a3b8) 3%, transparent) 25%, transparent 25%),
        linear-gradient(225deg, color-mix(in srgb, var(--t-text-muted, #94a3b8) 3%, transparent) 25%, transparent 25%),
        linear-gradient(315deg, color-mix(in srgb, var(--t-text-muted, #94a3b8) 3%, transparent) 25%, transparent 25%),
        linear-gradient(45deg, color-mix(in srgb, var(--t-text-muted, #94a3b8) 3%, transparent) 25%, transparent 25%);
    background-size: 60px 60px;
    background-position: 0 0, 0 30px, 30px -30px, 30px 0;
    background-attachment: fixed;
}
.chat-container > *[b-3o2v653pzp] { position: relative; z-index: 1; }

.chat-header[b-3o2v653pzp] {
    display: flex; align-items: center; gap: 10px;
    padding: 12px 20px;
    background: var(--t-card, #fff);
    border-bottom: 1px solid var(--t-card-border, #e2e8f0);
    color: var(--t-text, #1e293b); flex-shrink: 0;
}
.chat-header-left[b-3o2v653pzp] { display: flex; align-items: center; gap: 12px; flex: 1; min-width: 0; }
.chat-header-avatar-btn[b-3o2v653pzp] {
    border: none; background: transparent; padding: 0; margin: 0; cursor: pointer;
    border-radius: 50%; flex-shrink: 0; line-height: 0;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.chat-header-avatar-btn:hover[b-3o2v653pzp] { transform: scale(1.04); box-shadow: 0 4px 14px rgba(99, 102, 241, 0.25); }
.chat-header-avatar-btn:focus-visible[b-3o2v653pzp] {
    outline: 2px solid var(--t-accent, #6366f1); outline-offset: 3px;
}
.chat-avatar-wrap[b-3o2v653pzp] { position: relative; flex-shrink: 0; }
.chat-avatar-img[b-3o2v653pzp] {
    width: 40px; height: 40px; border-radius: 50%;
    object-fit: cover; border: 2px solid var(--t-card-border, #e2e8f0);
}
.chat-avatar[b-3o2v653pzp] {
    width: 40px; height: 40px; border-radius: 50%;
    background: linear-gradient(135deg, #a5b4fc, #818cf8); color: white;
    display: flex; align-items: center; justify-content: center;
    font-weight: 800; font-size: 0.82rem;
}
.chat-status-dot[b-3o2v653pzp] {
    position: absolute; bottom: 0; right: 0;
    width: 11px; height: 11px; border-radius: 50%;
    border: 2px solid var(--t-card, #fff);
}
.chat-status-dot.online[b-3o2v653pzp] { background: #22c55e; }
.chat-status-dot.offline[b-3o2v653pzp] { background: #cbd5e1; }
.chat-status-dot.presence-dot.ku-presence-musait[b-3o2v653pzp] { background: #22c55e; }
.chat-status-dot.presence-dot.ku-presence-mesgul[b-3o2v653pzp] { background: #eab308; }
.chat-status-dot.presence-dot.ku-presence-rahatsiz_etme[b-3o2v653pzp] { background: #dc2626; }
.chat-status-dot.presence-dot.ku-presence-gorunmez[b-3o2v653pzp] { background: #64748b; }

.chat-header-info[b-3o2v653pzp] { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.chat-header-info.chat-header-info-clickable[b-3o2v653pzp] { cursor: pointer; padding: 2px 4px; margin: -2px -4px; border-radius: 6px; transition: background 0.15s; }
.chat-header-info.chat-header-info-clickable:hover[b-3o2v653pzp] { background: var(--t-surface-hover, rgba(99, 102, 241, 0.08)); }
.chat-header-name[b-3o2v653pzp] { font-weight: 700; font-size: 0.94rem; color: var(--t-text, #1e293b); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.chat-header-status[b-3o2v653pzp] { font-size: 0.74rem; font-weight: 600; }
.chat-header-status.online[b-3o2v653pzp] { color: #22c55e; }
.chat-header-status.offline[b-3o2v653pzp] { color: var(--t-text-muted, #94a3b8); }
.chat-header-status.typing[b-3o2v653pzp] { color: #6366f1; }

.chat-search-toggle[b-3o2v653pzp] {
    background: none; border: none; border-radius: 50%;
    width: 36px; height: 36px; display: flex; align-items: center; justify-content: center;
    cursor: pointer; flex-shrink: 0; transition: all 0.2s;
    color: var(--t-text-muted, #94a3b8);
}
.chat-search-toggle:hover[b-3o2v653pzp] { background: var(--t-hover, #f1f5f9); color: #6366f1; }
.chat-search-toggle.active[b-3o2v653pzp] { background: #eef2ff; color: #6366f1; }

.typing-dots span[b-3o2v653pzp] { animation: typingBounce-b-3o2v653pzp 1.4s infinite; display: inline-block; }
.typing-dots span:nth-child(2)[b-3o2v653pzp] { animation-delay: 0.2s; }
.typing-dots span:nth-child(3)[b-3o2v653pzp] { animation-delay: 0.4s; }
@keyframes typingBounce-b-3o2v653pzp { 0%, 60%, 100% { opacity: 0.3; } 30% { opacity: 1; } }

/* Konuşma içi arama barı */
.chat-search-bar[b-3o2v653pzp] {
    display: flex; align-items: center; gap: 6px;
    padding: 8px 16px; background: var(--t-card, #fff);
    border-bottom: 1px solid var(--t-card-border, #e2e8f0); flex-shrink: 0;
}
.chat-search-bar input[b-3o2v653pzp] {
    flex: 1; padding: 7px 12px; border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 8px; font-size: 0.82rem; outline: none; box-sizing: border-box;
    background: var(--t-bg, #f8fafc); color: var(--t-text, #1e293b); transition: all 0.2s;
}
.chat-search-bar input:focus[b-3o2v653pzp] { border-color: #818cf8; box-shadow: 0 0 0 3px rgba(129,140,248,0.12); }
.chat-search-count[b-3o2v653pzp] { font-size: 0.74rem; font-weight: 700; color: var(--t-text-muted, #64748b); white-space: nowrap; }
.chat-search-nav[b-3o2v653pzp] {
    background: none; border: 1px solid var(--t-card-border, #e2e8f0); border-radius: 6px;
    width: 28px; height: 28px; cursor: pointer; font-size: 0.7rem; display: flex;
    align-items: center; justify-content: center; color: var(--t-text-muted, #64748b); transition: all 0.15s;
}
.chat-search-nav:hover[b-3o2v653pzp] { background: #eef2ff; color: #6366f1; border-color: #c7d2fe; }
.chat-search-close[b-3o2v653pzp] {
    background: none; border: none; cursor: pointer; font-size: 0.9rem;
    color: var(--t-text-muted, #94a3b8); padding: 2px 4px; transition: color 0.15s;
}
.chat-search-close:hover[b-3o2v653pzp] { color: #ef4444; }

/* Sohbet Mesajları */
.chat-messages[b-3o2v653pzp] {
    flex: 1; overflow-y: auto; overflow-x: hidden; min-height: 0;
    padding: 16px 24px;
    display: flex; flex-direction: column; gap: 3px;
    background: transparent;
    scrollbar-width: thin; scrollbar-color: #cbd5e1 transparent;
}
.chat-messages[b-3o2v653pzp]::-webkit-scrollbar { width: 5px; }
.chat-messages[b-3o2v653pzp]::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
.chat-messages[b-3o2v653pzp]::-webkit-scrollbar-track { background: transparent; }

/* Sohbet başlamadan önce güvenli mesajlaşma bilgisi */
.chat-empty-security[b-3o2v653pzp] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: auto;
    padding: 14px 20px;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(34,197,94,0.08), rgba(16,185,129,0.06));
    border: 1px solid rgba(34,197,94,0.18);
    max-width: 380px;
}

.chat-date-sep[b-3o2v653pzp] {
    display: flex; justify-content: center; padding: 12px 0 8px;
}

/* Lazy loading sentinel */
.chat-load-more[b-3o2v653pzp] {
    display: flex; align-items: center; justify-content: center; gap: 8px;
    padding: 12px 0; color: var(--t-text-muted, #94a3b8); font-size: 0.75rem; font-weight: 600;
    min-height: 40px;
}
.chat-load-spinner[b-3o2v653pzp] {
    width: 18px; height: 18px; border: 2.5px solid var(--t-card-border, #e2e8f0);
    border-top-color: var(--t-accent, #3b82f6); border-radius: 50%;
    animation: chatLoadSpin-b-3o2v653pzp 0.7s linear infinite;
}
@keyframes chatLoadSpin-b-3o2v653pzp { to { transform: rotate(360deg); } }

/* ═══ EN ALTA DÖN BUTONU ═══ */
.chat-scroll-bottom-btn[b-3o2v653pzp] {
    position: absolute; bottom: 84px; right: 20px; z-index: 10;
    width: 40px; height: 40px; border-radius: 50%;
    background: color-mix(in srgb, var(--t-card, #fff) 82%, transparent);
    backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
    color: var(--t-text-muted, #94a3b8);
    border: 1px solid color-mix(in srgb, var(--t-card-border, #e2e8f0) 50%, transparent);
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    cursor: pointer; display: flex; align-items: center; justify-content: center;
    font-size: 1.05rem; transition: all 0.25s cubic-bezier(0.4,0,0.2,1);
    opacity: 0; pointer-events: none; transform: translateY(8px) scale(0.9);
}
/* Yanıtla/düzenle barı açıkken oku yukarı kaydır */
.chat-container:has(.chat-reply-bar) .chat-scroll-bottom-btn[b-3o2v653pzp] { bottom: 124px; }
.chat-container:has(.chat-ek-bar) .chat-scroll-bottom-btn[b-3o2v653pzp] { bottom: 134px; }
.chat-container:has(.chat-reply-bar):has(.chat-ek-bar) .chat-scroll-bottom-btn[b-3o2v653pzp] { bottom: 174px; }
.chat-scroll-bottom-btn.visible[b-3o2v653pzp] {
    opacity: 0.88; pointer-events: auto; transform: translateY(0) scale(1);
}
.chat-scroll-bottom-btn:hover[b-3o2v653pzp] {
    opacity: 1;
    background: color-mix(in srgb, var(--t-accent-light, #eef2ff) 80%, transparent);
    border-color: color-mix(in srgb, var(--t-accent, #6366f1) 25%, transparent);
    color: var(--t-accent, #6366f1);
    box-shadow: 0 4px 16px color-mix(in srgb, var(--t-accent, #6366f1) 12%, transparent);
    transform: translateY(-2px) scale(1);
}
.chat-scroll-bottom-btn:active[b-3o2v653pzp] { transform: scale(0.9); opacity: 0.9; }
.chat-scroll-bottom-btn span[b-3o2v653pzp] { display: block; line-height: 1; }
.chat-date-sep span[b-3o2v653pzp] {
    background: color-mix(in srgb, var(--t-card, #fff) 85%, transparent);
    backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
    color: var(--t-text-muted, #64748b);
    font-size: 0.7rem; font-weight: 700; padding: 4px 14px;
    border-radius: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.04);
    border: 1px solid var(--t-card-border, #e2e8f0);
}

.chat-msg[b-3o2v653pzp] { display: flex; margin-bottom: 2px; position: relative; overflow: visible; touch-action: pan-y; }
.chat-msg.sent[b-3o2v653pzp] { justify-content: flex-end; }
.chat-msg.received[b-3o2v653pzp] { justify-content: flex-start; }
.chat-msg--grup-peer[b-3o2v653pzp] { align-items: flex-end; gap: 8px; }
.chat-msg--grup-peer .chat-bubble[b-3o2v653pzp] { max-width: min(420px, calc(100% - 40px)); }
.chat-grup-peer-avatar[b-3o2v653pzp] {
    flex-shrink: 0; width: 30px; height: 30px; border-radius: 50%; overflow: hidden;
    border: none; padding: 0; cursor: pointer;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 0.68rem; font-weight: 800; color: white;
    background: linear-gradient(135deg, #a5b4fc, #818cf8);
    align-self: flex-end; margin-bottom: 2px;
    box-shadow: 0 1px 4px rgba(99, 102, 241, 0.35);
    transition: transform 0.12s ease, box-shadow 0.12s ease;
}
.chat-grup-peer-avatar:hover[b-3o2v653pzp] { transform: scale(1.06); box-shadow: 0 3px 10px rgba(99, 102, 241, 0.4); }
.chat-grup-peer-avatar:focus-visible[b-3o2v653pzp] { outline: 2px solid var(--t-accent, #6366f1); outline-offset: 2px; }
.chat-grup-peer-avatar img[b-3o2v653pzp] { width: 100%; height: 100%; object-fit: cover; }
.chat-msg.search-hit .chat-bubble[b-3o2v653pzp] { box-shadow: 0 0 0 2px rgba(251,191,36,0.4); }
.chat-msg.search-current .chat-bubble[b-3o2v653pzp] { box-shadow: 0 0 0 2px #f59e0b, 0 0 12px rgba(245,158,11,0.25); }

/* Yanıtlanan mesaja gittiğinde yanıp sönen animasyon */
.chat-msg.msg-flash .chat-bubble[b-3o2v653pzp] {
    animation: msgFlashAnim-b-3o2v653pzp 0.5s ease-in-out 6;
}
@keyframes msgFlashAnim-b-3o2v653pzp {
    0%, 100% { box-shadow: 0 0 0 0 transparent; }
    50% { box-shadow: 0 0 0 3px rgba(59,130,246,0.5), 0 0 16px rgba(59,130,246,0.2); }
}

.chat-bubble[b-3o2v653pzp] {
    max-width: 60%; padding: 10px 14px; border-radius: 16px;
    font-size: 0.88rem; line-height: 1.55;
    position: relative; transition: box-shadow 0.2s, transform 0.2s ease;
    will-change: transform;
}
.chat-msg.sent .chat-bubble[b-3o2v653pzp] {
    background: var(--t-accent, #6366f1);
    color: white;
    border-bottom-right-radius: 4px;
    box-shadow: 0 1px 4px color-mix(in srgb, var(--t-accent, #6366f1) 20%, transparent);
}
.chat-msg.received .chat-bubble[b-3o2v653pzp] {
    background: var(--t-card, #fff);
    color: var(--t-text, #1e293b);
    border: 1px solid var(--t-card-border, #e2e8f0);
    border-bottom-left-radius: 4px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.03);
}

.chat-bubble-text[b-3o2v653pzp] { white-space: pre-wrap; word-break: break-word; }
.chat-bubble-text.emoji-only[b-3o2v653pzp] {
    font-size: 2.8rem; line-height: 1.25; letter-spacing: 2px;
    padding: 4px 0;
}
.chat-bubble-footer[b-3o2v653pzp] {
    display: flex; justify-content: flex-end; align-items: center; gap: 4px;
    margin-top: 3px;
}
.chat-bubble-time[b-3o2v653pzp] { font-size: 0.64rem; opacity: 0.6; }
.chat-edited[b-3o2v653pzp] { font-size: 0.6rem; opacity: 0.5; font-style: italic; }
.chat-bubble-tick[b-3o2v653pzp] { font-size: 0.68rem; opacity: 0.6; }
.chat-tick-btn[b-3o2v653pzp] {
    background: none; border: none; padding: 0 1px; cursor: pointer;
    font-size: 0.68rem; color: inherit; opacity: 0.6; transition: all 0.15s;
}
.chat-tick-btn.read[b-3o2v653pzp] { opacity: 1; color: color-mix(in srgb, var(--t-accent, #6366f1) 60%, white); }
.chat-tick-btn:hover[b-3o2v653pzp] { transform: scale(1.3); }
.chat-msg.received .chat-bubble-time[b-3o2v653pzp] { color: var(--t-text-muted, #94a3b8); }

/* Long-press mesaj silme */
.chat-bubble[b-3o2v653pzp] { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; cursor: pointer; touch-action: pan-y; }

/* ═══ MESAJ CONTEXT MENÜ ═══ */
.ctx-overlay[b-3o2v653pzp] {
    position: fixed; inset: 0; z-index: 999;
    background: rgba(0,0,0,0.25); backdrop-filter: blur(2px);
    animation: ctx-fade-b-3o2v653pzp 0.12s ease;
}
@keyframes ctx-fade-b-3o2v653pzp { from { opacity: 0; } to { opacity: 1; } }
.ctx-menu[b-3o2v653pzp] {
    position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
    z-index: 1000; background: var(--t-card, #fff);
    border-radius: 14px; box-shadow: 0 12px 40px rgba(0,0,0,0.18);
    border: 1px solid var(--t-card-border, #e2e8f0);
    min-width: 220px; overflow: hidden;
    animation: ctx-pop-b-3o2v653pzp 0.15s ease;
}
@keyframes ctx-pop-b-3o2v653pzp { from { opacity: 0; transform: translate(-50%, -50%) scale(0.92); } to { opacity: 1; transform: translate(-50%, -50%) scale(1); } }
.ctx-preview[b-3o2v653pzp] {
    padding: 12px 16px; font-size: 0.78rem; color: var(--t-text-muted, #64748b);
    border-bottom: 1px solid var(--t-card-border, #e2e8f0);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    font-style: italic;
}
.ctx-item[b-3o2v653pzp] {
    display: flex; align-items: center; gap: 10px; width: 100%;
    padding: 12px 16px; border: none; background: none; cursor: pointer;
    font-size: 0.88rem; font-weight: 600; color: var(--t-text, #1e293b);
    transition: background 0.12s; text-align: left;
}
.ctx-item:hover[b-3o2v653pzp] { background: var(--t-hover, #f8fafc); }
.ctx-item span[b-3o2v653pzp] { font-size: 1rem; flex-shrink: 0; }
.ctx-item.ctx-danger[b-3o2v653pzp] { color: #ef4444; }
.ctx-item.ctx-danger:hover[b-3o2v653pzp] { background: rgba(239,68,68,0.06); }
.ctx-item.ctx-warn[b-3o2v653pzp] { color: #f59e0b; }
.ctx-item.ctx-warn:hover[b-3o2v653pzp] { background: rgba(245,158,11,0.06); }

/* ═══ CONTEXT MENÜ TEPKİ BARI ═══ */
.ctx-reactions[b-3o2v653pzp] {
    display: flex; align-items: center; justify-content: center; gap: 4px;
    padding: 12px 14px 8px; border-bottom: 1px solid var(--t-card-border, #e2e8f0);
}
.ctx-reaction-btn[b-3o2v653pzp] {
    width: 42px; height: 42px; border-radius: 50%;
    border: 2px solid transparent; background: var(--t-hover, #f1f5f9);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.25rem; cursor: pointer;
    transition: all 0.18s cubic-bezier(.34,1.56,.64,1);
}
.ctx-reaction-btn:hover[b-3o2v653pzp] { transform: scale(1.3); background: var(--t-card-border, #e2e8f0); animation: ctx-emoji-bounce-b-3o2v653pzp 0.4s ease; }
@keyframes ctx-emoji-bounce-b-3o2v653pzp {
    0% { transform: scale(1); }
    40% { transform: scale(1.4) rotate(-8deg); }
    70% { transform: scale(1.2) rotate(4deg); }
    100% { transform: scale(1.3) rotate(0deg); }
}
.ctx-reaction-btn:active[b-3o2v653pzp] { transform: scale(0.9); }
.ctx-reaction-btn.active[b-3o2v653pzp] {
    border-color: var(--t-accent, #6366f1);
    background: color-mix(in srgb, var(--t-accent, #6366f1) 12%, transparent);
}

/* ═══ MESAJ BALON TEPKİ GÖSTERİMİ ═══ */
.chat-reactions[b-3o2v653pzp] {
    display: flex; flex-wrap: wrap; gap: 4px;
    margin-top: 4px; padding: 0 2px;
}
.chat-reaction-chip[b-3o2v653pzp] {
    display: inline-flex; align-items: center; gap: 3px;
    padding: 2px 7px 2px 5px; border-radius: 12px;
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    background: var(--t-bg, #f8fafc); cursor: pointer;
    font-size: 0.75rem; transition: all 0.18s;
    animation: reaction-pop-b-3o2v653pzp 0.35s cubic-bezier(.34,1.56,.64,1);
}
.chat-reaction-chip:hover[b-3o2v653pzp] { background: var(--t-hover, #f1f5f9); transform: scale(1.08); }
.chat-reaction-chip.no-click[b-3o2v653pzp] { cursor: default; pointer-events: none; }
.chat-reaction-chip.mine[b-3o2v653pzp] {
    border-color: var(--t-accent, #6366f1);
    background: color-mix(in srgb, var(--t-accent, #6366f1) 10%, transparent);
}
.reaction-emoji[b-3o2v653pzp] { font-size: 0.95rem; line-height: 1; display: inline-block; animation: emoji-wiggle-b-3o2v653pzp 2s ease-in-out infinite; }
@keyframes emoji-wiggle-b-3o2v653pzp {
    0%, 100% { transform: rotate(0deg) scale(1); }
    15% { transform: rotate(-12deg) scale(1.15); }
    30% { transform: rotate(10deg) scale(1.1); }
    45% { transform: rotate(-6deg) scale(1.05); }
    60% { transform: rotate(0deg) scale(1); }
}
.reaction-count[b-3o2v653pzp] { font-weight: 700; color: var(--t-text-muted, #64748b); font-size: 0.72rem; }
.chat-reaction-chip.mine .reaction-count[b-3o2v653pzp] { color: var(--t-accent, #6366f1); }

@keyframes reaction-pop-b-3o2v653pzp {
    0% { opacity: 0; transform: scale(0.3); }
    60% { transform: scale(1.15); }
    100% { opacity: 1; transform: scale(1); }
}

/* ═══ YANITLAMA (REPLY) — Quote ═══ */
.chat-reply-quote[b-3o2v653pzp] {
    display: flex; flex-direction: column; gap: 1px;
    padding: 6px 10px; margin-bottom: 6px; border-radius: 8px;
    border-left: 3px solid; cursor: pointer; transition: opacity 0.15s;
    font-size: 0.78rem; line-height: 1.35; max-width: 100%;
    overflow: hidden;
}
.chat-reply-quote:hover[b-3o2v653pzp] { opacity: 0.8; }
.chat-msg.sent .chat-reply-quote[b-3o2v653pzp] {
    background: rgba(255,255,255,0.15); border-left-color: rgba(255,255,255,0.5);
}
.chat-msg.received .chat-reply-quote[b-3o2v653pzp] {
    background: color-mix(in srgb, var(--t-accent, #6366f1) 8%, transparent);
    border-left-color: var(--t-accent, #6366f1);
}
.chat-reply-name[b-3o2v653pzp] { font-weight: 800; font-size: 0.72rem; }
.chat-msg.sent .chat-reply-name[b-3o2v653pzp] { color: rgba(255,255,255,0.85); }
.chat-msg.received .chat-reply-name[b-3o2v653pzp] { color: var(--t-accent, #6366f1); }
.chat-reply-text[b-3o2v653pzp] {
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    opacity: 0.75; font-size: 0.72rem;
}

/* ═══ YANITLAMA — Input Bar ═══ */
.chat-reply-bar[b-3o2v653pzp] {
    display: flex; align-items: center; gap: 8px;
    padding: 8px 14px; border-bottom: 1px solid var(--t-card-border, #e2e8f0);
    background: color-mix(in srgb, var(--t-accent, #6366f1) 6%, var(--t-card, #fff));
    border-left: 3px solid var(--t-accent, #6366f1);
    animation: reply-slide-in-b-3o2v653pzp 0.15s ease;
}
@keyframes reply-slide-in-b-3o2v653pzp { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
.chat-reply-bar-content[b-3o2v653pzp] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.chat-reply-bar-name[b-3o2v653pzp] { font-size: 0.74rem; font-weight: 800; color: var(--t-accent, #6366f1); }
.chat-reply-bar-text[b-3o2v653pzp] { font-size: 0.74rem; color: var(--t-text-muted, #64748b); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.chat-reply-bar-close[b-3o2v653pzp] {
    background: none; border: none; cursor: pointer; font-size: 0.85rem;
    color: var(--t-text-muted, #94a3b8); padding: 4px 6px; border-radius: 6px;
    transition: all 0.15s; flex-shrink: 0; line-height: 1;
}
.chat-reply-bar-close:hover[b-3o2v653pzp] { background: rgba(239,68,68,0.1); color: #ef4444; }
.chat-edit-bar[b-3o2v653pzp] {
    border-left-color: #f59e0b;
    background: color-mix(in srgb, #f59e0b 6%, var(--t-card, #fff));
}
.chat-edit-bar .chat-reply-bar-name[b-3o2v653pzp] { color: #f59e0b; }

/* Input row wrapper */
.chat-input-row[b-3o2v653pzp] { display: flex; gap: 8px; align-items: flex-end; }

/* ═══ MESAJ BİLGİ POPUP ═══ */
.msj-bilgi-overlay[b-3o2v653pzp] {
    position: fixed; inset: 0; z-index: 1000;
    background: rgba(0,0,0,0.35); backdrop-filter: blur(4px);
    display: flex; align-items: center; justify-content: center;
    animation: msj-fade-in-b-3o2v653pzp 0.15s ease;
}
@keyframes msj-fade-in-b-3o2v653pzp { from { opacity: 0; } to { opacity: 1; } }
.msj-bilgi-popup[b-3o2v653pzp] {
    background: var(--t-card, #fff); border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.18);
    min-width: 300px; max-width: 380px; overflow: hidden;
    border: 1px solid var(--t-card-border, #e2e8f0);
}
.msj-bilgi-head[b-3o2v653pzp] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 14px 18px; border-bottom: 1px solid var(--t-card-border, #e2e8f0);
    font-weight: 800; font-size: 0.88rem; color: var(--t-text, #1e293b);
}
.msj-bilgi-x[b-3o2v653pzp] {
    background: none; border: none; font-size: 1rem; cursor: pointer;
    color: var(--t-text-muted, #94a3b8); padding: 0 4px;
}
.msj-bilgi-x:hover[b-3o2v653pzp] { color: var(--t-text, #1e293b); }
.msj-bilgi-body[b-3o2v653pzp] { padding: 16px 18px; }
.msj-bilgi-preview[b-3o2v653pzp] {
    padding: 10px 14px; border-radius: 10px; margin-bottom: 16px;
    background: var(--t-bg, #f8fafc); font-size: 0.82rem; line-height: 1.5;
    color: var(--t-text-muted, #64748b); font-style: italic;
    border: 1px solid var(--t-card-border, #e2e8f0);
}
.msj-bilgi-rows[b-3o2v653pzp] { display: flex; flex-direction: column; gap: 12px; }
.msj-bilgi-row[b-3o2v653pzp] { display: flex; align-items: flex-start; gap: 12px; }
.msj-bilgi-icon[b-3o2v653pzp] {
    font-size: 0.9rem; color: var(--t-text-muted, #94a3b8);
    flex-shrink: 0; margin-top: 2px;
}
.msj-bilgi-icon.read[b-3o2v653pzp] { color: var(--t-accent, #6366f1); }
.msj-bilgi-label[b-3o2v653pzp] { font-size: 0.74rem; font-weight: 700; color: var(--t-text-muted, #94a3b8); text-transform: uppercase; letter-spacing: 0.3px; }
.msj-bilgi-value[b-3o2v653pzp] { font-size: 0.84rem; font-weight: 600; color: var(--t-text, #1e293b); }

.chat-recall-btn[b-3o2v653pzp] {
    background: none; border: none; cursor: pointer;
    font-size: 0.72rem; opacity: 0.45; padding: 0 2px;
    color: inherit; transition: opacity 0.2s;
}
.chat-recall-btn:hover[b-3o2v653pzp] { opacity: 1; }

/* Mesaj Yazma */
.chat-input-area[b-3o2v653pzp] {
    display: flex; flex-direction: column;
    background: var(--t-card, #fff);
    border-top: 1px solid var(--t-card-border, #e2e8f0);
    flex-shrink: 0; position: relative;
}
.chat-input-row[b-3o2v653pzp] {
    display: flex; align-items: center; gap: 10px;
    padding: 12px 20px;
}
.chat-input[b-3o2v653pzp] {
    flex: 1; padding: 10px 16px; border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 22px; background: var(--t-bg, #f8fafc);
    font-size: 0.88rem; outline: none; resize: none;
    max-height: 120px; overflow-y: hidden;
    font-family: inherit; line-height: 1.5; box-sizing: border-box;
    color: var(--t-text, #1e293b); transition: border-color 0.2s, box-shadow 0.2s;
    scrollbar-width: thin; scrollbar-color: #cbd5e1 transparent;
}
.chat-input[b-3o2v653pzp]::-webkit-scrollbar { width: 4px; }
.chat-input[b-3o2v653pzp]::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
.chat-input[b-3o2v653pzp]::placeholder { color: var(--t-text-muted, #94a3b8); }
.chat-input:focus[b-3o2v653pzp] { border-color: #818cf8; box-shadow: 0 0 0 3px rgba(129,140,248,0.12); }

.chat-send-btn[b-3o2v653pzp] {
    width: 42px; height: 42px; border-radius: 50%; border: none;
    background: var(--t-accent, #6366f1); color: white;
    font-size: 1.15rem; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    transition: all 0.2s; flex-shrink: 0;
}
.chat-send-btn:hover:not(:disabled)[b-3o2v653pzp] { background: #4f46e5; transform: scale(1.05); }
.chat-send-btn:disabled[b-3o2v653pzp] { opacity: 0.3; cursor: not-allowed; }
.chat-send-btn span[b-3o2v653pzp] { transform: rotate(-30deg); display: block; margin-left: 2px; }

/* ═══ COMPOSE ═══ */
.compose-area[b-3o2v653pzp] { padding: 0; flex: 1; overflow: hidden; display: flex; flex-direction: column; }
.compose-area h3[b-3o2v653pzp] { margin: 0; font-size: 1.08rem; font-weight: 800; color: var(--t-text, #1e293b); }
.compose-title-row[b-3o2v653pzp] {
    display: flex; align-items: center; gap: 8px;
    padding: 14px 20px; border-bottom: 1px solid var(--t-card-border, #e2e8f0);
    flex-shrink: 0;
}
.compose-title-row .chat-back-btn[b-3o2v653pzp] { display: none; }
.compose-title-row .compose-cancel-top[b-3o2v653pzp] {
    margin-left: auto;
    padding: 6px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    background: var(--t-card, white);
    color: var(--t-text-muted, #64748b);
    font-weight: 600; font-size: 0.78rem;
    cursor: pointer; transition: all .15s;
    display: inline-flex; align-items: center; gap: 4px;
    white-space: nowrap;
}
.compose-title-row .compose-cancel-top:hover[b-3o2v653pzp] {
    background: var(--t-hover, #f1f5f9);
    border-color: color-mix(in srgb, var(--t-accent, #6366f1) 35%, var(--t-card-border, #e2e8f0));
    color: var(--t-text, #1e293b);
}
.compose-search-bar[b-3o2v653pzp] { padding: 12px 16px; border-bottom: 1px solid var(--t-card-border, #e2e8f0); flex-shrink: 0; }
.compose-search-bar input[b-3o2v653pzp] {
    width: 100%; padding: 9px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 10px; font-size: 0.84rem; outline: none; box-sizing: border-box; transition: all 0.2s;
    background: var(--t-bg, #f8fafc); color: var(--t-text, #1e293b);
}
.compose-search-bar input[b-3o2v653pzp]::placeholder { color: var(--t-text-muted, #94a3b8); }
.compose-search-bar input:focus[b-3o2v653pzp] { border-color: var(--t-accent, #818cf8); box-shadow: 0 0 0 3px color-mix(in srgb, var(--t-accent, #818cf8) 12%, transparent); background: var(--t-card, #fff); }
.compose-kisi-list[b-3o2v653pzp] { flex: 1; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #cbd5e1 transparent; }
.compose-field[b-3o2v653pzp] { margin-bottom: 14px; padding: 0; }
.compose-field label[b-3o2v653pzp] { display: block; font-weight: 700; font-size: 0.86rem; color: var(--t-text, #475569); margin-bottom: 5px; }
.field-input[b-3o2v653pzp] {
    width: 100%; padding: 10px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 10px;
    font-size: 0.88rem; outline: none; transition: all 0.2s; box-sizing: border-box;
    background: var(--t-card, #fff); color: var(--t-text, #1e293b);
}
.field-input:focus[b-3o2v653pzp] { border-color: var(--t-accent, #818cf8); box-shadow: 0 0 0 3px color-mix(in srgb, var(--t-accent, #818cf8) 12%, transparent); }
.compose-actions[b-3o2v653pzp] { display: flex; gap: 10px; margin-top: 16px; padding: 0; }
.send-btn[b-3o2v653pzp] {
    padding: 10px 24px; border-radius: 10px; border: none; font-weight: 700; font-size: 0.88rem;
    background: var(--t-accent, #6366f1); color: white; cursor: pointer; transition: all 0.2s;
}
.send-btn:hover[b-3o2v653pzp] { background: color-mix(in srgb, var(--t-accent, #6366f1) 85%, black); transform: translateY(-1px); }
.cancel-btn[b-3o2v653pzp] { padding: 10px 20px; border-radius: 10px; border: 1.5px solid var(--t-card-border, #e2e8f0); background: var(--t-card, white); color: var(--t-text-muted, #64748b); font-weight: 700; cursor: pointer; font-size: 0.88rem; }
.cancel-btn:hover[b-3o2v653pzp] { background: var(--t-hover, #f8fafc); }

/* ═══ CHAT GERİ BUTONU ═══ */
.chat-back-btn[b-3o2v653pzp] {
    display: none; background: none; border: none; color: var(--t-text, #1e293b); font-size: 1.4rem;
    cursor: pointer; padding: 0 4px; line-height: 1; opacity: 0.65;
    transition: opacity 0.15s; flex-shrink: 0;
}
.chat-back-btn:hover[b-3o2v653pzp] { opacity: 1; }

/* ═══ COMPOSE MOBİL GERİ ═══ */
.mobile-back-btn[b-3o2v653pzp] {
    display: none; width: 100%; padding: 10px 16px; border: none; border-bottom: 1px solid var(--t-card-border, #e2e8f0);
    background: var(--t-card, #f8fafc); color: var(--t-accent, #6366f1); font-weight: 700; font-size: 0.85rem;
    cursor: pointer; text-align: left; transition: background 0.15s;
}
.mobile-back-btn:hover[b-3o2v653pzp] { background: var(--t-accent-light, #eef2ff); }

@media (max-width: 768px) {
    .page-container[b-3o2v653pzp] { height: auto; min-height: 0; padding: 4px 4px; }
    .msg-layout[b-3o2v653pzp] { display: block; flex: none; min-height: auto; border-radius: 12px; }
    .msg-sidebar[b-3o2v653pzp] { border-right: none; }
    .msg-list[b-3o2v653pzp] { max-height: none; }
    .msg-content[b-3o2v653pzp] { display: none; }
    .msg-layout.detail-active .msg-sidebar[b-3o2v653pzp] { display: none; }
    .compose-actions[b-3o2v653pzp] { flex-direction: column; }
    .compose-actions button[b-3o2v653pzp] { width: 100%; text-align: center; }
    .compose-area[b-3o2v653pzp] { padding: 16px; }
    .grup-olustur-panel[b-3o2v653pzp] { padding: 0; }
    .grup-olustur-body[b-3o2v653pzp] { padding: 14px 14px; }
    .grup-olustur-panel .grup-actions[b-3o2v653pzp] { padding: 10px 14px; }

    .msg-layout.detail-active .msg-content[b-3o2v653pzp] {
        display: flex; flex-direction: column;
        position: fixed; top: 0; left: 0; right: 0;
        height: var(--vv-height, var(--app-full-height, 100vh));
        z-index: 200;
        background: var(--t-bg, #f8fafc);
        border-radius: 0;
        overflow: hidden;
        overscroll-behavior: contain;
    }
    .chat-container[b-3o2v653pzp] {
        flex: 1; display: flex; flex-direction: column;
        min-height: 0; overflow: hidden; height: 100%;
    }
    .chat-back-btn[b-3o2v653pzp] { display: block; }
    .chat-header[b-3o2v653pzp] { padding: 10px 14px; padding-top: max(10px, env(safe-area-inset-top)); }
    .chat-header-name[b-3o2v653pzp] { font-size: 0.88rem; }
    .chat-messages[b-3o2v653pzp] {
        flex: 1; overflow-y: auto; min-height: 0;
        padding: 10px 12px;
        max-height: none;
    }
    .chat-bubble[b-3o2v653pzp] { max-width: 85%; }
    .chat-scroll-bottom-btn[b-3o2v653pzp] { bottom: 76px; right: 12px; width: 36px; height: 36px; font-size: 1rem; }
    .chat-container:has(.chat-reply-bar) .chat-scroll-bottom-btn[b-3o2v653pzp] { bottom: 116px; }
    .chat-container:has(.chat-ek-bar) .chat-scroll-bottom-btn[b-3o2v653pzp] { bottom: 126px; }
    .chat-container:has(.chat-reply-bar):has(.chat-ek-bar) .chat-scroll-bottom-btn[b-3o2v653pzp] { bottom: 166px; }
    .chat-input-row[b-3o2v653pzp] {
        padding: 8px 10px;
        padding-bottom: max(8px, env(safe-area-inset-bottom));
    }
    .chat-input[b-3o2v653pzp] {
        font-size: 16px;
        padding: 12px 16px;
    }

    /* Compose/Toplu alanlarında geri butonunu göster */
    .compose-title-row .chat-back-btn[b-3o2v653pzp] { display: block; }
    .toplu-compose .toplu-header .chat-back-btn[b-3o2v653pzp] { display: block; }
    .toplu-detay-header .chat-back-btn[b-3o2v653pzp] { display: block; }
    /* Mobilde sol tarafta geri oku zaten var; sağ üstteki Cancel butonu gereksiz */
    .compose-title-row .compose-cancel-top[b-3o2v653pzp] { display: none; }

    /* Emoji picker mobil */
    .emoji-picker[b-3o2v653pzp] { left: 2px; right: 2px; width: auto; max-height: 220px; bottom: calc(100% + 4px); overflow: hidden; }
    .emoji-picker-header[b-3o2v653pzp] { flex-wrap: nowrap; gap: 4px; padding: 4px 6px; }
    .emoji-tabs[b-3o2v653pzp] { flex-wrap: nowrap; overflow-x: auto; gap: 0; scrollbar-width: none; -ms-overflow-style: none; }
    .emoji-tabs[b-3o2v653pzp]::-webkit-scrollbar { display: none; }
    .emoji-tab[b-3o2v653pzp] { padding: 5px 7px; font-size: 1.1rem; }
    .emoji-body[b-3o2v653pzp] { -ms-overflow-style: none; scrollbar-width: none; overflow-x: hidden; padding: 6px 8px 4px; }
    .emoji-body[b-3o2v653pzp]::-webkit-scrollbar { display: none; }
    .emoji-grid[b-3o2v653pzp] { grid-template-columns: repeat(7, 1fr); gap: 1px; overflow: hidden; }
    .emoji-item[b-3o2v653pzp] { font-size: 1.4rem; padding: 4px; min-width: 0; overflow: hidden; }
    .emoji-footer[b-3o2v653pzp] { display: none; }
    .chat-emoji-btn[b-3o2v653pzp] { width: 34px; height: 34px; font-size: 1rem; }

    /* Mobilde üç-nokta (kebab) menüsü: ortalı popup */
    .msg-header-menu-overlay[b-3o2v653pzp] { z-index: 9500; background: rgba(15, 23, 42, 0.45); backdrop-filter: blur(3px); }
    .msg-header-menu[b-3o2v653pzp] {
        position: fixed;
        top: 50%; left: 50%; right: auto;
        transform: translate(-50%, -50%);
        width: min(340px, calc(100vw - 32px));
        min-width: 0;
        z-index: 9501;
        max-height: calc(100vh - 80px); overflow-y: auto;
        box-shadow: 0 24px 60px rgba(15, 23, 42, 0.35);
        animation: mhm-pop-center-b-3o2v653pzp 160ms ease-out;
    }
    @keyframes mhm-pop-center-b-3o2v653pzp {
        from { opacity: 0; transform: translate(-50%, -50%) scale(0.94); }
        to   { opacity: 1; transform: translate(-50%, -50%) scale(1); }
    }
    }

/* ═══ PROFİL POPUP ═══ */
.profil-overlay[b-3o2v653pzp] {
    position: fixed; inset: 0; z-index: 1000;
    background: rgba(0,0,0,0.4); backdrop-filter: blur(6px);
    display: flex; align-items: center; justify-content: center;
    animation: profil-fade-b-3o2v653pzp 0.15s ease;
}
@keyframes profil-fade-b-3o2v653pzp { from { opacity: 0; } to { opacity: 1; } }
.profil-popup[b-3o2v653pzp] {
    background: var(--t-card, #fff); border-radius: 20px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.2);
    border: 1px solid var(--t-card-border, #e2e8f0);
    width: 320px; max-width: 90vw; overflow: hidden;
    animation: profil-pop-b-3o2v653pzp 0.2s ease;
    position: relative; text-align: center;
    padding: 28px 24px 24px;
}
@keyframes profil-pop-b-3o2v653pzp { from { opacity: 0; transform: scale(0.9); } to { opacity: 1; transform: scale(1); } }
.profil-close[b-3o2v653pzp] {
    position: absolute; top: 12px; right: 14px;
    background: none; border: none; font-size: 1rem; cursor: pointer;
    color: var(--t-text-muted, #94a3b8); padding: 4px 6px; border-radius: 8px;
    transition: all 0.15s; line-height: 1; z-index: 1;
}
.profil-close:hover[b-3o2v653pzp] { background: rgba(239,68,68,0.1); color: #ef4444; }
.profil-avatar-area[b-3o2v653pzp] {
    position: relative; display: inline-block; margin-bottom: 14px;
}
.profil-avatar-img[b-3o2v653pzp] {
    width: 96px; height: 96px; border-radius: 50%;
    object-fit: cover; border: 3px solid var(--t-card-border, #e2e8f0);
    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}
.profil-avatar-clickable[b-3o2v653pzp] {
    cursor: pointer; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
}
.profil-avatar-clickable:hover[b-3o2v653pzp] {
    transform: scale(1.08);
    box-shadow: 0 6px 24px rgba(0,0,0,0.18);
    border-color: var(--t-accent, #6366f1);
}
.profil-avatar-placeholder[b-3o2v653pzp] {
    width: 96px; height: 96px; border-radius: 50%;
    background: linear-gradient(135deg, #a5b4fc, #818cf8); color: white;
    display: flex; align-items: center; justify-content: center;
    font-weight: 800; font-size: 1.8rem;
    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}
.profil-status-dot[b-3o2v653pzp] {
    position: absolute; bottom: 4px; right: 4px;
    width: 16px; height: 16px; border-radius: 50%;
    border: 3px solid var(--t-card, #fff);
}
.profil-status-dot.online[b-3o2v653pzp] { background: #22c55e; }
.profil-status-dot.offline[b-3o2v653pzp] { background: #cbd5e1; }
.profil-status-dot.presence-dot.ku-presence-musait[b-3o2v653pzp] { background: #22c55e; }
.profil-status-dot.presence-dot.ku-presence-mesgul[b-3o2v653pzp] { background: #eab308; }
.profil-status-dot.presence-dot.ku-presence-rahatsiz_etme[b-3o2v653pzp] { background: #dc2626; }
.profil-status-dot.presence-dot.ku-presence-gorunmez[b-3o2v653pzp] { background: #64748b; }
.profil-durum.ku-presence-color-mesgul[b-3o2v653pzp],
.profil-durum.ku-presence-color-rahatsiz_etme[b-3o2v653pzp],
.profil-durum.ku-presence-color-musait[b-3o2v653pzp] { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.profil-ad[b-3o2v653pzp] {
    font-size: 1.12rem; font-weight: 800; color: var(--t-text, #1e293b);
    margin-bottom: 2px;
}
.profil-durum[b-3o2v653pzp] { font-size: 0.78rem; font-weight: 600; margin-bottom: 16px; }
/* Çevrimiçi metin rengi — ku-presence-color-* (Müsait yeşil, Rahatsız kırmızı vb.); .online tek başına yeşil yapmaz */
.profil-durum.offline[b-3o2v653pzp] { color: var(--t-text-muted, #94a3b8); }
.profil-durum-msg[b-3o2v653pzp] { color: inherit; opacity: 0.92; }
.profil-bilgiler[b-3o2v653pzp] {
    display: flex; flex-direction: column; gap: 10px;
    text-align: left; padding: 14px 0 0;
    border-top: 1px solid var(--t-card-border, #e2e8f0);
}
.profil-row[b-3o2v653pzp] {
    display: flex; align-items: flex-start; gap: 12px;
}
.profil-icon[b-3o2v653pzp] {
    font-size: 0.95rem; flex-shrink: 0; margin-top: 2px;
    width: 24px; text-align: center;
}
.profil-label[b-3o2v653pzp] {
    font-size: 0.7rem; font-weight: 700; color: var(--t-text-muted, #94a3b8);
    text-transform: uppercase; letter-spacing: 0.3px;
}
.profil-value[b-3o2v653pzp] {
    font-size: 0.86rem; font-weight: 600; color: var(--t-text, #1e293b);
    word-break: break-all;
}

/* ═══ DOSYA / FOTOĞRAF ═══ */
.chat-attach-btn[b-3o2v653pzp] {
    width: 38px; height: 38px; border-radius: 50%; border: 1.5px solid var(--t-card-border, #e2e8f0);
    background: var(--t-card, #fff); color: var(--t-text-muted, #64748b);
    font-size: 1rem; cursor: pointer; display: flex; align-items: center; justify-content: center;
    transition: all 0.2s; flex-shrink: 0;
}
.chat-attach-btn:hover[b-3o2v653pzp] { background: #eef2ff; border-color: #c7d2fe; color: #6366f1; }

/* ═══ EMOJİ BUTON & PİCKER ═══ */
.chat-emoji-btn[b-3o2v653pzp] {
    width: 38px; height: 38px; border-radius: 50%; border: 1.5px solid var(--t-card-border, #e2e8f0);
    background: var(--t-card, #fff); color: var(--t-text-muted, #64748b);
    font-size: 1.1rem; cursor: pointer; display: flex; align-items: center; justify-content: center;
    transition: all 0.2s; flex-shrink: 0;
}
.chat-emoji-btn:hover[b-3o2v653pzp] { background: #fef9c3; border-color: #fbbf24; }

.emoji-picker[b-3o2v653pzp] {
    position: absolute; bottom: calc(100% + 8px); left: 8px;
    width: 700px; max-width: calc(100vw - 24px);
    background: var(--t-card, #fff); border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 14px; box-shadow: 0 -4px 24px rgba(0,0,0,0.10), 0 0 0 1px rgba(0,0,0,0.04);
    display: flex; flex-direction: column; z-index: 100;
    animation: emoji-slide-up-b-3o2v653pzp 0.2s ease;
    max-height: 400px; overflow: hidden;
}
@keyframes emoji-slide-up-b-3o2v653pzp { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }

.emoji-picker-header[b-3o2v653pzp] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 4px 8px 4px 6px; border-bottom: 1px solid var(--t-card-border, #e2e8f0);
    flex-shrink: 0; background: var(--t-bg, #f8fafc);
}
.emoji-tabs[b-3o2v653pzp] { display: flex; gap: 1px; overflow-x: auto; flex: 1; }
.emoji-tabs[b-3o2v653pzp]::-webkit-scrollbar { display: none; }
.emoji-tab[b-3o2v653pzp] {
    padding: 7px 9px; border: none; background: none; border-radius: 8px;
    font-size: 1.2rem; cursor: pointer; transition: all 0.15s; flex-shrink: 0;
    line-height: 1; position: relative;
}
.emoji-tab:hover[b-3o2v653pzp] { background: var(--t-bg, rgba(0,0,0,0.05)); }
.emoji-tab.active[b-3o2v653pzp] { background: color-mix(in srgb, var(--t-accent, #6366f1) 12%, transparent); }
.emoji-tab.active[b-3o2v653pzp]::after {
    content: ''; position: absolute; bottom: 0; left: 25%; right: 25%; height: 2.5px;
    background: var(--t-accent, #6366f1); border-radius: 2px;
}
.emoji-close-btn[b-3o2v653pzp] {
    width: 28px; height: 28px; border-radius: 8px; border: none;
    background: var(--t-bg, #f1f5f9); color: var(--t-text-muted, #94a3b8);
    font-size: 0.8rem; cursor: pointer; display: flex; align-items: center; justify-content: center;
    flex-shrink: 0; transition: all 0.15s;
}
.emoji-close-btn:hover[b-3o2v653pzp] { background: #fee2e2; color: #dc2626; }
.emoji-search-btn[b-3o2v653pzp] {
    width: 28px; height: 28px; border-radius: 8px; border: none;
    background: var(--t-bg, #f1f5f9); color: var(--t-text-muted, #94a3b8);
    font-size: 0.85rem; cursor: pointer; display: flex; align-items: center; justify-content: center;
    flex-shrink: 0; margin-left: auto; transition: all 0.15s;
}
.emoji-search-btn:hover[b-3o2v653pzp] { background: color-mix(in srgb, var(--t-accent, #6366f1) 15%, transparent); color: var(--t-accent, #6366f1); }

.emoji-search-box[b-3o2v653pzp] { padding: 6px 10px; flex-shrink: 0; animation: emoji-search-open-b-3o2v653pzp 0.15s ease; }
@keyframes emoji-search-open-b-3o2v653pzp { from { opacity: 0; max-height: 0; padding: 0 10px; } to { opacity: 1; max-height: 50px; padding: 6px 10px; } }
.emoji-search-box input[b-3o2v653pzp] {
    width: 100%; padding: 7px 12px; border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 10px; font-size: 0.84rem; outline: none; box-sizing: border-box;
    background: var(--t-bg, #f8fafc); color: var(--t-text, #1e293b); transition: all 0.2s;
}
.emoji-search-box input:focus[b-3o2v653pzp] { border-color: var(--t-accent, #6366f1); background: var(--t-card, #fff); }
.emoji-search-box input[b-3o2v653pzp]::placeholder { color: var(--t-text-muted, #94a3b8); }

.emoji-body[b-3o2v653pzp] { flex: 1; overflow-y: auto; padding: 8px 12px 6px; min-height: 0; }
.emoji-body[b-3o2v653pzp]::-webkit-scrollbar { width: 4px; }
.emoji-body[b-3o2v653pzp]::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }

.emoji-cat-header[b-3o2v653pzp] {
    display: flex; align-items: center; justify-content: space-between; padding: 4px 2px 6px;
}
.emoji-cat-label[b-3o2v653pzp] {
    font-size: 0.72rem; font-weight: 700; color: var(--t-text-muted, #94a3b8);
    text-transform: uppercase; letter-spacing: 0.5px;
}
.emoji-clear-btn[b-3o2v653pzp] {
    background: none; border: 1px solid var(--t-card-border, #e2e8f0); border-radius: 6px;
    font-size: 0.66rem; font-weight: 700; color: var(--t-text-muted, #94a3b8);
    cursor: pointer; padding: 2px 8px; transition: all 0.15s;
}
.emoji-clear-btn:hover[b-3o2v653pzp] { background: rgba(239,68,68,0.08); color: #ef4444; border-color: #fca5a5; }
.emoji-grid[b-3o2v653pzp] { display: grid; grid-template-columns: repeat(8, 1fr); gap: 2px; }
.emoji-item[b-3o2v653pzp] {
    padding: 5px; border: none; background: none; border-radius: 8px;
    font-size: 1.55rem; cursor: pointer; transition: all 0.1s ease;
    display: flex; align-items: center; justify-content: center;
    line-height: 1; aspect-ratio: 1;
}
.emoji-item:hover[b-3o2v653pzp] { background: var(--t-bg, #e8eaed); transform: scale(1.15); }
.emoji-item:active[b-3o2v653pzp] { transform: scale(0.9); }

.emoji-empty[b-3o2v653pzp] {
    padding: 24px; text-align: center; color: var(--t-text-muted, #94a3b8);
    font-size: 0.85rem;
}

.emoji-footer[b-3o2v653pzp] {
    padding: 6px 12px; border-top: 1px solid var(--t-card-border, #e2e8f0);
    flex-shrink: 0;
}
.emoji-tip[b-3o2v653pzp] {
    font-size: 0.68rem; color: var(--t-text-muted, #94a3b8); font-weight: 500;
}
.emoji-tip kbd[b-3o2v653pzp] {
    display: inline-block; padding: 1px 5px; border: 1px solid var(--t-card-border, #d1d5db);
    border-radius: 4px; background: var(--t-bg, #f3f4f6); font-size: 0.65rem;
    font-family: inherit; font-weight: 600; line-height: 1.4;
    color: var(--t-text, #374151);
}

.chat-ek-bar[b-3o2v653pzp] {
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;
    padding: 8px 16px; background: color-mix(in srgb, var(--t-accent, #6366f1) 6%, var(--t-card, #fff));
    border-bottom: 1px solid var(--t-card-border, #e2e8f0);
    animation: reply-slide-in-b-3o2v653pzp 0.15s ease;
}
.chat-ek-info[b-3o2v653pzp] { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }
.chat-ek-icon[b-3o2v653pzp] { font-size: 1rem; flex-shrink: 0; }
.chat-ek-ad[b-3o2v653pzp] {
    font-size: 0.78rem; font-weight: 600; color: var(--t-text, #1e293b);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.chat-ek-tek[b-3o2v653pzp] {
    display: flex; align-items: center; gap: 6px;
    font-size: 0.74rem; font-weight: 700;
    color: var(--t-accent, #6366f1); cursor: pointer; white-space: nowrap; flex-shrink: 0;
    padding: 4px 10px; border-radius: 8px;
    background: color-mix(in srgb, var(--t-accent, #6366f1) 8%, transparent);
    border: 1.5px solid color-mix(in srgb, var(--t-accent, #6366f1) 20%, transparent);
    transition: all 0.2s;
}
.chat-ek-tek:hover[b-3o2v653pzp] { background: color-mix(in srgb, var(--t-accent, #6366f1) 14%, transparent); border-color: var(--t-accent, #6366f1); }
.chat-ek-tek input[b-3o2v653pzp] { accent-color: #6366f1; width: 15px; height: 15px; cursor: pointer; }
.chat-ek-kaldir[b-3o2v653pzp] {
    background: none; border: none; cursor: pointer; font-size: 0.85rem;
    color: var(--t-text-muted, #94a3b8); padding: 4px 6px; border-radius: 6px;
    transition: all 0.15s; flex-shrink: 0; line-height: 1;
}
.chat-ek-kaldir:hover[b-3o2v653pzp] { background: rgba(239,68,68,0.1); color: #ef4444; }

/* Dosya yükleme animasyonu */
.upload-spin[b-3o2v653pzp] {
    display: inline-block;
    animation: uploadSpin-b-3o2v653pzp 1s linear infinite;
}
@keyframes uploadSpin-b-3o2v653pzp { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
.upload-progress-bar[b-3o2v653pzp] {
    width: 100%; height: 3px; border-radius: 3px;
    background: var(--t-card-border, #e2e8f0);
    overflow: hidden; margin-top: 4px;
}
.upload-progress-fill[b-3o2v653pzp] {
    height: 100%; border-radius: 3px;
    background: linear-gradient(90deg, var(--t-accent, #6366f1), #818cf8, var(--t-accent, #6366f1));
    background-size: 200% 100%;
    animation: uploadFill-b-3o2v653pzp 1.5s ease-in-out infinite;
}
@keyframes uploadFill-b-3o2v653pzp { 0% { width: 0%; background-position: 0% 0; } 50% { width: 70%; } 100% { width: 100%; background-position: -200% 0; } }

/* Bubble içi resim */
.chat-img[b-3o2v653pzp] {
    max-width: 100%; max-height: 280px; border-radius: 10px;
    cursor: pointer; object-fit: cover; display: block;
    margin-bottom: 4px; transition: opacity 0.15s;
}
.chat-img:hover[b-3o2v653pzp] { opacity: 0.9; }

/* Bubble içi dosya */
.chat-dosya[b-3o2v653pzp] {
    display: flex; align-items: center; gap: 10px;
    padding: 10px 14px; border-radius: 10px; cursor: pointer;
    background: rgba(255,255,255,0.12); margin-bottom: 4px;
    transition: background 0.15s; min-width: 180px;
}
.chat-msg.received .chat-dosya[b-3o2v653pzp] { background: color-mix(in srgb, var(--t-accent, #6366f1) 6%, transparent); }
.chat-dosya:hover[b-3o2v653pzp] { background: rgba(255,255,255,0.2); }
.chat-msg.received .chat-dosya:hover[b-3o2v653pzp] { background: color-mix(in srgb, var(--t-accent, #6366f1) 10%, transparent); }
.chat-dosya-icon[b-3o2v653pzp] { font-size: 1.4rem; flex-shrink: 0; }
.chat-dosya-info[b-3o2v653pzp] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.chat-dosya-ad[b-3o2v653pzp] {
    font-size: 0.78rem; font-weight: 700;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.chat-dosya-boyut[b-3o2v653pzp] { font-size: 0.66rem; opacity: 0.65; }
.chat-dosya-indir[b-3o2v653pzp] { font-size: 0.9rem; flex-shrink: 0; opacity: 0.6; }

/* Tek görünümlük */
.chat-tek-gorunum[b-3o2v653pzp] {
    position: relative; overflow: hidden;
    display: flex; align-items: center; gap: 10px; padding: 16px 20px;
    border-radius: 12px; cursor: pointer; margin-bottom: 4px;
    background: linear-gradient(135deg, #312e81, #6366f1, #8b5cf6);
    border: none;
    transition: all 0.25s ease;
}
.chat-tek-gorunum:hover[b-3o2v653pzp] { transform: scale(1.02); box-shadow: 0 4px 18px rgba(99,102,241,0.3); }
.tek-shimmer[b-3o2v653pzp] {
    position: absolute; inset: 0;
    background: linear-gradient(110deg, transparent 30%, rgba(255,255,255,0.12) 50%, transparent 70%);
    background-size: 200% 100%;
    animation: tek-shimmer-anim-b-3o2v653pzp 2.5s infinite;
    pointer-events: none;
}
@keyframes tek-shimmer-anim-b-3o2v653pzp { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
.chat-tek-icon[b-3o2v653pzp] { font-size: 1.3rem; position: relative; z-index: 1; }
.chat-tek-text[b-3o2v653pzp] { font-size: 0.82rem; font-weight: 700; color: rgba(255,255,255,0.92); position: relative; z-index: 1; }
.chat-tek-acildi[b-3o2v653pzp] {
    display: flex; align-items: center; gap: 8px;
    padding: 12px 18px; border-radius: 12px; margin-bottom: 4px;
    font-size: 0.78rem; font-weight: 600; font-style: italic;
    background: linear-gradient(135deg, #ddd6fe, #c7d2fe);
    border: 1px dashed #a5b4fc;
    color: #4338ca;
}
.chat-tek-bekleniyor[b-3o2v653pzp] {
    display: flex; align-items: center; gap: 8px;
    padding: 12px 18px; border-radius: 12px; margin-bottom: 4px;
    font-size: 0.78rem; font-weight: 600; font-style: italic;
    background: linear-gradient(135deg, #e0e7ff, #ede9fe);
    border: 1px solid #c7d2fe;
    color: #6366f1;
}

/* Büyük resim görüntüleyici — sağ tık / kaydetme koruması */
.resim-overlay[b-3o2v653pzp] {
    position: fixed; inset: 0; z-index: 2000;
    background: rgba(0,0,0,0.85); backdrop-filter: blur(8px);
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; animation: profil-fade-b-3o2v653pzp 0.15s ease;
    -webkit-touch-callout: none;
    outline: none;
}
.resim-no-save[b-3o2v653pzp] {
    -webkit-user-select: none; user-select: none;
    -webkit-touch-callout: none;
    pointer-events: none;
    -webkit-user-drag: none;
}
.resim-overlay[b-3o2v653pzp]::after {
    content: '';
    position: absolute; inset: 0; z-index: 1;
    pointer-events: none;
}
.resim-close[b-3o2v653pzp] {
    position: absolute; top: 16px; right: 20px;
    background: rgba(255,255,255,0.15); border: none; color: white;
    font-size: 1.4rem; width: 44px; height: 44px; border-radius: 50%;
    cursor: pointer; display: flex; align-items: center; justify-content: center;
    transition: background 0.15s; z-index: 1;
}
.resim-close:hover[b-3o2v653pzp] { background: rgba(255,255,255,0.3); }
.resim-buyuk[b-3o2v653pzp] {
    max-width: 90vw; max-height: 90vh; border-radius: 12px;
    object-fit: contain; box-shadow: 0 8px 40px rgba(0,0,0,0.4);
    cursor: default;
}

/* ═══ TOPLU MESAJ ═══ */
.toplu-btn[b-3o2v653pzp] { background: linear-gradient(135deg, #f59e0b, #ef4444) !important; border-color: transparent !important; color: white !important; }
.toplu-btn:hover[b-3o2v653pzp] { box-shadow: 0 4px 12px rgba(245,158,11,0.3) !important; }
.toplu-compose[b-3o2v653pzp] { padding: 24px !important; overflow-y: auto !important; }
.toplu-compose .toplu-header[b-3o2v653pzp] {
    margin-bottom: 20px;
    display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
}
.toplu-desc
.toplu-compose .toplu-header h3[b-3o2v653pzp] {
    margin: 0 0 4px; padding: 0; font-size: 1.15rem; font-weight: 800; color: var(--t-text, #1e293b);
    background: linear-gradient(135deg, #f59e0b, #ef4444); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.toplu-hedef-sec[b-3o2v653pzp] { margin-bottom: 16px; }
.toplu-hedef-sec > label[b-3o2v653pzp] { display: block; font-weight: 700; font-size: 0.86rem; color: var(--t-text, #475569); margin-bottom: 8px; }
.hedef-chips[b-3o2v653pzp] { display: flex; gap: 8px; flex-wrap: wrap; }
.hedef-chip[b-3o2v653pzp] {
    padding: 9px 16px; border-radius: 12px; border: 1.5px solid var(--t-card-border, #e2e8f0);
    background: var(--t-card, white); color: var(--t-text, #475569); font-weight: 700; font-size: 0.84rem; cursor: pointer; transition: all 0.2s;
}
.hedef-chip:hover[b-3o2v653pzp] { border-color: var(--t-accent, #818cf8); color: var(--t-accent, #6366f1); background: var(--t-accent-light, #eef2ff); }
.hedef-chip.active[b-3o2v653pzp] { background: var(--t-accent, #6366f1); color: white; border-color: var(--t-accent, #6366f1); }
.toplu-birim-sec[b-3o2v653pzp] { margin-bottom: 16px; }
.toplu-birim-sec > label[b-3o2v653pzp] { display: block; font-weight: 700; font-size: 0.86rem; color: var(--t-text, #475569); margin-bottom: 8px; }
.toplu-hint[b-3o2v653pzp] { font-weight: 500; color: var(--t-text-muted, #94a3b8); font-size: 0.78rem; }
.birim-grid[b-3o2v653pzp] { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 8px; }
.birim-check[b-3o2v653pzp] {
    display: flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 10px;
    border: 1.5px solid var(--t-card-border, #e2e8f0); background: var(--t-card, white); cursor: pointer;
    font-weight: 600; font-size: 0.84rem; color: var(--t-text, #475569); transition: all 0.2s;
}
.birim-check:hover[b-3o2v653pzp] { border-color: #818cf8; background: #f8fafc; }
.birim-check.checked[b-3o2v653pzp] { border-color: #818cf8; background: #eef2ff; color: #4f46e5; }
.birim-check input[b-3o2v653pzp] { accent-color: #6366f1; width: 16px; height: 16px; cursor: pointer; }
.toplu-personel-sec[b-3o2v653pzp] { margin-bottom: 16px; }
.toplu-personel-sec > label[b-3o2v653pzp] { display: block; font-weight: 700; font-size: 0.86rem; color: var(--t-text, #475569); margin-bottom: 8px; }
.personel-sec-toolbar[b-3o2v653pzp] { display: flex; gap: 8px; margin-bottom: 8px; align-items: center; flex-wrap: wrap; }
.personel-ara[b-3o2v653pzp] {
    flex: 1; min-width: 160px; padding: 8px 12px; border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 8px; font-size: 0.84rem; outline: none; transition: all 0.2s; box-sizing: border-box;
}
.personel-ara:focus[b-3o2v653pzp] { border-color: #818cf8; box-shadow: 0 0 0 3px rgba(129,140,248,0.12); }
.sec-all-btn[b-3o2v653pzp], .sec-none-btn[b-3o2v653pzp] { padding: 7px 14px; border-radius: 8px; font-weight: 700; font-size: 0.78rem; cursor: pointer; transition: all 0.2s; border: 1.5px solid var(--t-card-border, #e2e8f0); }
.sec-all-btn[b-3o2v653pzp] { background: #eef2ff; color: #6366f1; border-color: #c7d2fe; }
.sec-all-btn:hover[b-3o2v653pzp] { background: #e0e7ff; }
.sec-none-btn[b-3o2v653pzp] { background: var(--t-card, white); color: var(--t-text-muted, #94a3b8); }
.sec-none-btn:hover[b-3o2v653pzp] { background: #f8fafc; }
.personel-check-list[b-3o2v653pzp] { max-height: 240px; overflow-y: auto; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 10px; padding: 6px; scrollbar-width: thin; scrollbar-color: #cbd5e1 transparent; }
.personel-check-list[b-3o2v653pzp]::-webkit-scrollbar { width: 5px; }
.personel-check-list[b-3o2v653pzp]::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
.personel-check[b-3o2v653pzp] { display: flex; align-items: center; gap: 10px; padding: 8px 12px; border-radius: 8px; cursor: pointer; transition: background 0.15s; font-size: 0.84rem; }
.personel-check:hover[b-3o2v653pzp] { background: #f8fafc; }
.personel-check.checked[b-3o2v653pzp] { background: #eef2ff; }
.personel-check input[b-3o2v653pzp] { accent-color: #6366f1; width: 16px; height: 16px; cursor: pointer; flex-shrink: 0; }
.pc-ad[b-3o2v653pzp] { font-weight: 700; color: var(--t-text, #1e293b); flex: 1; }
.pc-birim[b-3o2v653pzp] { font-size: 0.76rem; color: var(--t-text-muted, #94a3b8); font-weight: 600; }
.toplu-alici-ozet[b-3o2v653pzp] { display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-radius: 12px; margin-bottom: 16px; background: #f0fdf4; border: 1.5px solid #86efac; }
.alici-icon[b-3o2v653pzp] { font-size: 1.2rem; }
.alici-sayi[b-3o2v653pzp] { font-weight: 800; font-size: 0.86rem; color: #166534; }
.toplu-send[b-3o2v653pzp] { background: linear-gradient(135deg, #f59e0b, #ef4444) !important; }
.toplu-send:hover[b-3o2v653pzp] { box-shadow: 0 4px 16px rgba(245,158,11,0.35) !important; }
.toplu-send:disabled[b-3o2v653pzp] { opacity: 0.6; cursor: not-allowed; transform: none !important; box-shadow: none !important; }

@media (max-width: 768px) {
    .hedef-chips[b-3o2v653pzp] { flex-direction: column; }
    .hedef-chip[b-3o2v653pzp] { text-align: center; }
    .birim-grid[b-3o2v653pzp] { grid-template-columns: 1fr; }
    .personel-sec-toolbar[b-3o2v653pzp] { flex-wrap: wrap; }
    .personel-ara[b-3o2v653pzp] { width: 100%; flex: 1 1 100%; }
    .sec-all-btn[b-3o2v653pzp], .sec-none-btn[b-3o2v653pzp] { flex: 1; text-align: center; }
}

/* ═══ TOPLU MESAJ — SİDEBAR İTEM ═══ */
.toplu-item .toplu-avatar[b-3o2v653pzp] {
    background: linear-gradient(135deg, #fbbf24, #f59e0b); font-size: 0.92rem;
}
.toplu-okunan[b-3o2v653pzp] {
    font-size: 0.7rem; font-weight: 700; color: #22c55e; white-space: nowrap;
}

/* ═══ TOPLU MESAJ — DETAY GÖRÜNÜMÜ ═══ */
.toplu-detay[b-3o2v653pzp] {
    flex: 1; display: flex; flex-direction: column; overflow: hidden;
}
.toplu-detay-header[b-3o2v653pzp] {
    display: flex; align-items: center; gap: 14px;
    padding: 18px 24px; border-bottom: 1px solid var(--t-card-border, #e2e8f0);
    background: var(--t-card, #fff); flex-shrink: 0;
}
.toplu-detay-icon[b-3o2v653pzp] {
    width: 44px; height: 44px; border-radius: 50%;
    background: linear-gradient(135deg, #fbbf24, #f59e0b);
    display: flex; align-items: center; justify-content: center; font-size: 1.2rem; flex-shrink: 0;
}
.toplu-detay-info[b-3o2v653pzp] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.toplu-detay-konu[b-3o2v653pzp] {
    font-weight: 800; font-size: 0.94rem; color: var(--t-text, #1e293b);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.toplu-detay-meta[b-3o2v653pzp] { font-size: 0.76rem; font-weight: 600; color: var(--t-text-muted, #94a3b8); }
.toplu-detay-mesaj[b-3o2v653pzp] {
    padding: 20px 24px; flex-shrink: 0;
    background: var(--t-bg, #f8fafc);
    border-bottom: 1px solid var(--t-card-border, #e2e8f0);
    display: flex; justify-content: flex-end;
}
.toplu-bubble[b-3o2v653pzp] {
    background: #6366f1 !important; color: white !important;
    max-width: 70%; border-radius: 16px 16px 4px 16px !important;
}
.toplu-bubble .chat-bubble-text[b-3o2v653pzp] { color: white; }
.toplu-bubble .chat-bubble-time[b-3o2v653pzp] { color: rgba(255,255,255,0.7) !important; }
.toplu-detay-alicilar-header[b-3o2v653pzp] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 14px 24px 8px; flex-shrink: 0;
    font-weight: 800; font-size: 0.84rem; color: var(--t-text-muted, #64748b);
}
.toplu-detay-okunan[b-3o2v653pzp] { font-weight: 700; color: #22c55e; font-size: 0.8rem; }
.toplu-detay-alicilar[b-3o2v653pzp] {
    flex: 1; overflow-y: auto; padding: 0 24px 16px;
    scrollbar-width: thin; scrollbar-color: #cbd5e1 transparent;
}
.toplu-alici-row[b-3o2v653pzp] {
    display: flex; align-items: center; gap: 12px;
    padding: 8px 0; border-bottom: 1px solid var(--t-card-border, #f1f5f9);
}
.toplu-alici-row:last-child[b-3o2v653pzp] { border-bottom: none; }
.toplu-alici-row .msg-avatar-img.sm[b-3o2v653pzp],
.toplu-alici-row .msg-avatar.sm[b-3o2v653pzp] { width: 32px; height: 32px; font-size: 0.7rem; }
.toplu-alici-ad[b-3o2v653pzp] { flex: 1; font-weight: 600; font-size: 0.86rem; color: var(--t-text, #1e293b); }
.toplu-alici-tarih[b-3o2v653pzp] { font-size: 0.68rem; font-weight: 600; color: var(--t-text-muted, #94a3b8); white-space: nowrap; flex-shrink: 0; }
.toplu-alici-tick[b-3o2v653pzp] { font-size: 0.82rem; font-weight: 700; color: var(--t-text-muted, #94a3b8); flex-shrink: 0; }
.toplu-alici-tick.read[b-3o2v653pzp] { color: #22c55e; }

/* ═══ SIDEBAR YAZIYOR GÖSTERGESİ ═══ */
.sidebar-typing[b-3o2v653pzp] {
    color: #6366f1 !important; font-weight: 700 !important; font-style: italic;
}

/* ═══ KONUŞMA İÇİ YAZIYOR BALONCUĞU ═══ */
.typing-bubble[b-3o2v653pzp] {
    padding: 10px 16px !important;
    min-width: 64px;
    animation: typingBubbleFadeIn-b-3o2v653pzp 0.25s ease-out;
}
@keyframes typingBubbleFadeIn-b-3o2v653pzp {
    from { opacity: 0; transform: translateY(8px) scale(0.92); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}
.typing-indicator[b-3o2v653pzp] {
    display: flex; align-items: center; gap: 4px; height: 18px;
}
.typing-indicator span[b-3o2v653pzp] {
    display: block; width: 7px; height: 7px; border-radius: 50%;
    background: var(--t-text-muted, #94a3b8);
    animation: typingDotPulse-b-3o2v653pzp 1.4s ease-in-out infinite;
}
.typing-indicator span:nth-child(2)[b-3o2v653pzp] { animation-delay: 0.16s; }
.typing-indicator span:nth-child(3)[b-3o2v653pzp] { animation-delay: 0.32s; }
@keyframes typingDotPulse-b-3o2v653pzp {
    0%, 100% { transform: scale(0.75); opacity: 0.35; }
    50% { transform: scale(1.15); opacity: 1; }
}

/* ═══ ENGELLEME SİSTEMİ ═══ */
.profil-actions[b-3o2v653pzp] {
    margin-top: 16px; padding-top: 14px;
    border-top: 1px solid var(--t-card-border, #e2e8f0);
}
.profil-engel-btn[b-3o2v653pzp] {
    width: 100%; padding: 10px 16px; border-radius: 10px;
    border: 1.5px solid transparent; cursor: pointer;
    font-size: 0.84rem; font-weight: 700;
    display: flex; align-items: center; justify-content: center; gap: 8px;
    transition: all 0.2s;
}
.profil-engel-btn.engelle[b-3o2v653pzp] {
    background: rgba(239,68,68,0.08); color: #ef4444;
    border-color: rgba(239,68,68,0.2);
}
.profil-engel-btn.engelle:hover[b-3o2v653pzp] {
    background: rgba(239,68,68,0.15); border-color: #ef4444;
    transform: translateY(-1px); box-shadow: 0 2px 8px rgba(239,68,68,0.15);
}
.profil-engel-btn.engel-kaldir[b-3o2v653pzp] {
    background: rgba(34,197,94,0.08); color: #16a34a;
    border-color: rgba(34,197,94,0.2);
}
.profil-engel-btn.engel-kaldir:hover[b-3o2v653pzp] {
    background: rgba(34,197,94,0.15); border-color: #16a34a;
    transform: translateY(-1px); box-shadow: 0 2px 8px rgba(34,197,94,0.15);
}

.chat-engel-bar[b-3o2v653pzp] {
    display: flex; align-items: center; gap: 10px;
    padding: 14px 20px; margin: 0;
    background: var(--t-card, #fff);
    border-top: 1.5px solid rgba(239,68,68,0.25);
    flex-shrink: 0;
}
.chat-engel-icon[b-3o2v653pzp] { font-size: 1.1rem; flex-shrink: 0; }
.chat-engel-text[b-3o2v653pzp] {
    flex: 1; font-size: 0.82rem; font-weight: 600;
    color: var(--t-text-muted, #64748b);
}
.chat-engel-kaldir-btn[b-3o2v653pzp] {
    padding: 6px 14px; border-radius: 8px;
    background: rgba(34,197,94,0.1); color: #16a34a;
    border: 1.5px solid rgba(34,197,94,0.25);
    font-size: 0.78rem; font-weight: 700;
    cursor: pointer; white-space: nowrap;
    transition: all 0.2s;
}
.chat-engel-kaldir-btn:hover[b-3o2v653pzp] {
    background: rgba(34,197,94,0.2); border-color: #16a34a;
    transform: translateY(-1px);
}

.chat-engel-bar.karsi-engel[b-3o2v653pzp] {
    background: var(--t-card, #fff);
    border-top: 1.5px solid rgba(100,116,139,0.25);
}
/* Pasif personel bar — turuncu/amber tonu (engelleme değil ama erişilemez) */
.chat-engel-bar.chat-pasif-bar[b-3o2v653pzp] {
    background: linear-gradient(180deg, color-mix(in srgb, #f59e0b 6%, var(--t-card, #fff)), var(--t-card, #fff));
    border-top: 1.5px solid rgba(245, 158, 11, 0.35);
}
.chat-pasif-bar .chat-engel-text[b-3o2v653pzp] {
    color: #b45309;
}
[data-theme="dark"] .chat-pasif-bar .chat-engel-text[b-3o2v653pzp],
[data-theme="midnight"] .chat-pasif-bar .chat-engel-text[b-3o2v653pzp] { color: #fbbf24; }

/* Header'da PASİF rozeti */
.chat-header-pasif-rozet[b-3o2v653pzp] {
    display: inline-block;
    margin-left: 8px;
    padding: 2px 8px;
    background: linear-gradient(135deg, #f59e0b, #d97706);
    color: white;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.6px;
    border-radius: 999px;
    vertical-align: middle;
    text-transform: uppercase;
    box-shadow: 0 1px 3px rgba(245, 158, 11, 0.35);
}
.chat-header-status.pasif[b-3o2v653pzp] {
    color: #b45309;
    font-weight: 600;
}
[data-theme="dark"] .chat-header-status.pasif[b-3o2v653pzp],
[data-theme="midnight"] .chat-header-status.pasif[b-3o2v653pzp] { color: #fbbf24; }

/* Sidebar listesinde pasif kişiler — soluk + rozet */
.msg-item.msg-pasif .msg-avatar[b-3o2v653pzp],
.msg-item.msg-pasif .msg-avatar-img[b-3o2v653pzp] {
    filter: grayscale(0.6) opacity(0.75);
}
.msg-item.msg-pasif .msg-from[b-3o2v653pzp] { color: var(--t-text-muted, #64748b); }
.msg-item.msg-pasif .msg-last-text[b-3o2v653pzp] { opacity: 0.65; }
.msg-pasif-rozet[b-3o2v653pzp] {
    display: inline-block;
    margin-left: 6px;
    padding: 1px 6px;
    background: linear-gradient(135deg, #f59e0b, #d97706);
    color: white;
    font-size: 0.55rem;
    font-weight: 800;
    letter-spacing: 0.5px;
    border-radius: 999px;
    vertical-align: middle;
    text-transform: uppercase;
}

.profil-engel-info[b-3o2v653pzp] {
    width: 100%; padding: 10px 16px; border-radius: 10px;
    border: 1.5px solid rgba(100,116,139,0.2);
    background: rgba(100,116,139,0.06);
    color: var(--t-text-muted, #64748b);
    font-size: 0.84rem; font-weight: 700;
    display: flex; align-items: center; justify-content: center; gap: 8px;
}

/* ═══ SIDEBAR OKUNDU TİK ═══ */
.sidebar-tick[b-3o2v653pzp] {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--t-text-muted, #94a3b8);
    margin-right: 4px;
    letter-spacing: -2px;
    flex-shrink: 0;
}
.sidebar-tick.read[b-3o2v653pzp] {
    color: #22c55e;
}

/* ═══════════════════════════════════════════════════════════
   YENİ: SABİTLENMİŞ MESAJLAR ŞERİDİ (chat header altı)
   ═══════════════════════════════════════════════════════════ */
.chat-pinned-bar[b-3o2v653pzp] {
    background: color-mix(in srgb, var(--t-accent, #f59e0b) 6%, var(--t-card, #fff));
    border-bottom: 1px solid color-mix(in srgb, var(--t-accent, #f59e0b) 18%, transparent);
    user-select: none;
    flex-shrink: 0;
}
.chat-pinned-header[b-3o2v653pzp] {
    display: flex; align-items: center; gap: 10px;
    padding: 8px 14px;
    cursor: pointer;
    transition: background .15s;
}
.chat-pinned-header:hover[b-3o2v653pzp] {
    background: color-mix(in srgb, var(--t-accent, #f59e0b) 12%, transparent);
}
.chat-pinned-icon[b-3o2v653pzp] { font-size: 0.95rem; }
.chat-pinned-title[b-3o2v653pzp] {
    flex: 1; font-size: 0.78rem;
    color: var(--t-text, #0f172a);
}
.chat-pinned-title strong[b-3o2v653pzp] { font-weight: 700; }
.chat-pinned-toggle[b-3o2v653pzp] {
    font-size: 0.65rem; color: var(--t-text-muted, #94a3b8);
    transition: transform .2s;
}
.chat-pinned-list[b-3o2v653pzp] {
    padding: 4px 14px 10px;
    display: flex; flex-direction: column; gap: 4px;
    animation: chatPinnedExpand-b-3o2v653pzp .22s ease;
}
@keyframes chatPinnedExpand-b-3o2v653pzp {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}
.chat-pinned-item[b-3o2v653pzp] {
    display: flex; gap: 10px; align-items: center;
    background: var(--t-card, #fff);
    border: 1px solid var(--t-card-border, #e2e8f0);
    border-left: 3px solid color-mix(in srgb, var(--t-accent, #f59e0b) 75%, transparent);
    border-radius: 8px;
    padding: 6px 10px;
    cursor: pointer;
    transition: background .15s, transform .15s;
    font-size: 0.78rem;
}
.chat-pinned-item:hover[b-3o2v653pzp] {
    background: color-mix(in srgb, var(--t-accent, #f59e0b) 6%, var(--t-card, #fff));
    transform: translateX(2px);
}
.chat-pinned-from[b-3o2v653pzp] {
    font-weight: 700; color: var(--t-accent, #f59e0b);
    flex-shrink: 0;
}
.chat-pinned-text[b-3o2v653pzp] {
    color: var(--t-text-muted, #475569);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

/* ═══════════════════════════════════════════════════════════
   YENİ: MESAJ BALONUNDA ROZETLER (📌 sabit, ⭐ yıldızlı)
   ═══════════════════════════════════════════════════════════ */
.chat-bubble-badges[b-3o2v653pzp] {
    position: absolute;
    top: -8px;
    right: 6px;
    display: flex; gap: 2px;
    pointer-events: none;
    z-index: 2;
}
.chat-bubble-badges > span[b-3o2v653pzp] {
    background: var(--t-card, #fff);
    border: 1px solid var(--t-card-border, #e2e8f0);
    border-radius: 50%;
    width: 18px; height: 18px;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 0.62rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.chat-msg.sent .chat-bubble-badges > span[b-3o2v653pzp] {
    background: var(--t-card, #fff);
}
.chat-bubble-pinned[b-3o2v653pzp] {
    box-shadow: 0 0 0 1.5px color-mix(in srgb, #f59e0b 45%, transparent), 0 1px 4px rgba(0,0,0,0.05) !important;
}
.chat-bubble-starred[b-3o2v653pzp] {
    /* Yıldızlı için sade vurgu — rozet zaten var */
}

/* ═══════════════════════════════════════════════════════════
   YENİ: HERKESTEN SİLİNMİŞ MESAJ
   ═══════════════════════════════════════════════════════════ */
.chat-bubble-deleted[b-3o2v653pzp] {
    background: var(--t-hover, #f1f5f9) !important;
    color: var(--t-text-muted, #94a3b8) !important;
    border: 1px dashed var(--t-card-border, #cbd5e1) !important;
    box-shadow: none !important;
    font-style: italic;
}
.chat-msg.sent .chat-bubble-deleted[b-3o2v653pzp] {
    background: color-mix(in srgb, var(--t-accent, #6366f1) 12%, var(--t-card, #fff)) !important;
}
.chat-deleted-text[b-3o2v653pzp] {
    display: flex; align-items: center; gap: 6px;
    opacity: 0.85;
}
.chat-deleted-text em[b-3o2v653pzp] { font-style: italic; }

/* ═══════════════════════════════════════════════════════════
   SİDEBAR SEKMELER — minimal & kompakt (alt çubuk indicator)
   ═══════════════════════════════════════════════════════════ */
.msg-sidebar-tabs[b-3o2v653pzp] {
    display: flex;
    gap: 6px;
    padding: 10px 10px 12px;
    background: linear-gradient(180deg, var(--t-bg, #f8fafc) 0%, var(--t-card, #fff) 100%);
    border-bottom: 1px solid var(--t-card-border, #e2e8f0);
}
.mst-tab[b-3o2v653pzp] {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 8px 9px;
    background: color-mix(in srgb, var(--t-text, #0f172a) 4%, transparent);
    border: 1px solid transparent;
    border-radius: 12px;
    color: var(--t-text-muted, #64748b);
    font-size: 0.72rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s, color .15s, border-color .15s, box-shadow .15s, transform .12s;
    position: relative;
    white-space: nowrap;
    line-height: 1.15;
}
.mst-tab:hover[b-3o2v653pzp] {
    color: var(--t-text, #0f172a);
    background: color-mix(in srgb, var(--t-accent, #6366f1) 8%, transparent);
}
.mst-tab.active[b-3o2v653pzp] {
    color: var(--t-accent, #6366f1);
    font-weight: 700;
    background: color-mix(in srgb, var(--t-accent, #6366f1) 14%, transparent);
    border-color: color-mix(in srgb, var(--t-accent, #6366f1) 35%, transparent);
    box-shadow: 0 2px 8px color-mix(in srgb, var(--t-accent, #6366f1) 22%, transparent);
}
.mst-tab.active[b-3o2v653pzp]::after { display: none; }
.mst-emoji[b-3o2v653pzp] {
    font-size: 1.05rem;
    line-height: 1;
}
.mst-label[b-3o2v653pzp] { font-size: inherit; }
.mst-badge[b-3o2v653pzp] {
    background: var(--t-accent, #6366f1);
    color: white;
    font-size: 0.58rem;
    padding: 1px 5px;
    border-radius: 999px;
    font-weight: 700;
    min-width: 14px;
    text-align: center;
    line-height: 1.3;
    margin-left: 2px;
}
@media (max-width: 720px) {
    .msg-sidebar-tabs[b-3o2v653pzp] { padding: 8px 8px 10px; gap: 4px; }
    .mst-tab[b-3o2v653pzp] { padding: 8px 4px; font-size: 0.68rem; gap: 0; flex-direction: column; }
    .mst-tab .mst-label:not(.mst-badge)[b-3o2v653pzp] { display: none; }
    .mst-emoji[b-3o2v653pzp] { font-size: 1.15rem; }
}

/* ═══════════════════════════════════════════════════════════
   GRUP SOHBETLERİ — sidebar item + grup avatar
   ═══════════════════════════════════════════════════════════ */
.msg-item.grup-item .grup-avatar[b-3o2v653pzp] {
    background: linear-gradient(135deg, var(--t-accent, #6366f1), color-mix(in srgb, var(--t-accent, #6366f1) 60%, #0f172a));
    color: white;
    font-size: 1.2rem;
    box-shadow: 0 2px 8px color-mix(in srgb, var(--t-accent, #6366f1) 30%, transparent);
}
.grup-uye-sayi[b-3o2v653pzp] {
    font-size: 0.72rem;
    color: var(--t-text-muted, #94a3b8);
    font-weight: 500;
    margin-left: 4px;
}

/* "+ Grup" butonu — header'da */
.msg-header-btns .compose-btn.grup-btn[b-3o2v653pzp] {
    background: linear-gradient(135deg, color-mix(in srgb, var(--t-accent, #6366f1) 18%, transparent), color-mix(in srgb, var(--t-accent, #6366f1) 6%, transparent));
}
.msg-header-btns .compose-btn.grup-btn:hover[b-3o2v653pzp] {
    background: color-mix(in srgb, var(--t-accent, #6366f1) 25%, transparent);
}

/* ═══════════════════════════════════════════════════════════
   GRUP OLUŞTUR MODAL
   ═══════════════════════════════════════════════════════════ */
.grup-olustur-modal[b-3o2v653pzp] { width: min(580px, calc(100vw - 32px)); }
.grup-form-row[b-3o2v653pzp] { margin-bottom: 16px; }
.grup-label[b-3o2v653pzp] {
    display: block;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--t-text, #0f172a);
    margin-bottom: 6px;
}
.grup-label small[b-3o2v653pzp] { color: var(--t-text-muted, #94a3b8); font-weight: 500; margin-left: 4px; }

.grup-name-row[b-3o2v653pzp] {
    display: flex; gap: 8px; align-items: stretch;
}
.grup-ikon-pick[b-3o2v653pzp] {
    width: 48px; height: 44px;
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    background: var(--t-card, white);
    border-radius: 10px;
    cursor: pointer;
    font-size: 1.5rem;
    flex-shrink: 0;
    transition: all .15s;
}
.grup-ikon-pick:hover[b-3o2v653pzp] { transform: scale(1.05); border-color: var(--t-accent, #6366f1); }

.grup-input[b-3o2v653pzp],
.grup-textarea[b-3o2v653pzp] {
    width: 100%; box-sizing: border-box;
    padding: 10px 12px;
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 10px;
    background: var(--t-card, white);
    color: var(--t-text, #0f172a);
    font-family: inherit;
    font-size: 0.9rem;
    resize: vertical;
}
.grup-input:focus[b-3o2v653pzp],
.grup-textarea:focus[b-3o2v653pzp] {
    outline: none;
    border-color: var(--t-accent, #6366f1);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--t-accent, #6366f1) 18%, transparent);
}

.grup-ikon-grid[b-3o2v653pzp] {
    margin-top: 8px;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 4px;
    padding: 10px;
    background: color-mix(in srgb, var(--t-accent, #6366f1) 4%, var(--t-card, white));
    border-radius: 10px;
    border: 1px solid var(--t-card-border, #e2e8f0);
}
.grup-ikon-item[b-3o2v653pzp] {
    width: 38px; height: 38px;
    border: none; background: transparent;
    border-radius: 8px;
    font-size: 1.2rem;
    cursor: pointer;
    transition: all .15s;
}
.grup-ikon-item:hover[b-3o2v653pzp] { background: var(--t-hover, #f1f5f9); transform: scale(1.1); }
.grup-ikon-item.active[b-3o2v653pzp] {
    background: var(--t-accent, #6366f1);
    box-shadow: 0 2px 8px color-mix(in srgb, var(--t-accent, #6366f1) 40%, transparent);
}

.grup-arama-wrap[b-3o2v653pzp] { position: relative; margin-bottom: 8px; }
.grup-arama[b-3o2v653pzp] {
    width: 100%; box-sizing: border-box;
    padding: 10px 14px;
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 10px;
    background: var(--t-card, white);
    color: var(--t-text, #0f172a);
    font-family: inherit;
    font-size: 0.85rem;
}
.grup-arama:focus[b-3o2v653pzp] {
    outline: none;
    border-color: var(--t-accent, #6366f1);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--t-accent, #6366f1) 18%, transparent);
}

.grup-uye-list[b-3o2v653pzp] {
    max-height: 280px; overflow-y: auto;
    border: 1px solid var(--t-card-border, #e2e8f0);
    border-radius: 10px;
    padding: 4px;
    background: var(--t-card, white);
}
.grup-uye-row[b-3o2v653pzp] {
    display: flex; align-items: center; gap: 10px;
    padding: 8px 10px;
    border-radius: 8px;
    cursor: pointer;
    transition: background .12s;
}
.grup-uye-row:hover[b-3o2v653pzp] { background: var(--t-hover, #f1f5f9); }
.grup-uye-row.selected[b-3o2v653pzp] { background: color-mix(in srgb, var(--t-accent, #6366f1) 14%, transparent); }
.grup-uye-check[b-3o2v653pzp] {
    width: 22px; height: 22px;
    border: 2px solid var(--t-card-border, #cbd5e1);
    border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 0.78rem; font-weight: 800;
    color: white; flex-shrink: 0;
    transition: all .12s;
}
.grup-uye-row.selected .grup-uye-check[b-3o2v653pzp] {
    background: var(--t-accent, #6366f1);
    border-color: var(--t-accent, #6366f1);
}
.grup-uye-avatar[b-3o2v653pzp],
.grup-uye-avatar-img[b-3o2v653pzp] {
    width: 36px; height: 36px; border-radius: 50%; flex-shrink: 0;
    display: inline-flex; align-items: center; justify-content: center;
    background: linear-gradient(135deg, var(--t-accent, #6366f1), color-mix(in srgb, var(--t-accent, #6366f1) 70%, #0f172a));
    color: white; font-weight: 700; font-size: 0.8rem;
    object-fit: cover;
}
.grup-uye-meta[b-3o2v653pzp] { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.grup-uye-ad[b-3o2v653pzp] { font-size: 0.86rem; font-weight: 700; color: var(--t-text, #0f172a); }
.grup-uye-mail[b-3o2v653pzp] { font-size: 0.72rem; color: var(--t-text-muted, #94a3b8); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.grup-uye-empty[b-3o2v653pzp] { padding: 30px; text-align: center; color: var(--t-text-muted, #94a3b8); font-size: 0.88rem; }

.grup-actions[b-3o2v653pzp] {
    display: flex; gap: 8px; justify-content: flex-end;
    margin-top: 16px; padding-top: 14px;
    border-top: 1px solid var(--t-card-border, #e2e8f0);
}

/* ═══ GRUP OLUŞTUR — sağ panel modu ═══ */
.grup-olustur-panel[b-3o2v653pzp] { display: flex; flex-direction: column; height: 100%; }
.grup-olustur-body[b-3o2v653pzp] {
    flex: 1; overflow-y: auto;
    padding: 18px 20px;
    scrollbar-width: thin; scrollbar-color: #cbd5e1 transparent;
}
.grup-olustur-body .grup-form-row:last-child[b-3o2v653pzp] { margin-bottom: 0; }
.grup-olustur-panel .grup-actions[b-3o2v653pzp] {
    margin-top: 0;
    padding: 12px 20px;
    flex-shrink: 0;
    background: var(--t-card, white);
}
.grup-olustur-panel .grup-uye-list[b-3o2v653pzp] { max-height: none; }
.grup-iptal-btn[b-3o2v653pzp] {
    padding: 9px 18px;
    background: var(--t-card, white);
    color: var(--t-text-muted, #64748b);
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 10px;
    font-weight: 600; font-size: 0.88rem;
    cursor: pointer;
    transition: all .15s;
}
.grup-iptal-btn:hover[b-3o2v653pzp] { background: var(--t-hover, #f1f5f9); }
.grup-olustur-btn[b-3o2v653pzp] {
    padding: 9px 22px;
    background: linear-gradient(135deg, var(--t-accent, #6366f1), color-mix(in srgb, var(--t-accent, #6366f1) 70%, #0f172a));
    color: white; border: none; border-radius: 10px;
    font-weight: 800; font-size: 0.88rem;
    cursor: pointer;
    box-shadow: 0 4px 14px color-mix(in srgb, var(--t-accent, #6366f1) 35%, transparent);
    transition: all .15s;
}
.grup-olustur-btn:disabled[b-3o2v653pzp] { opacity: 0.5; cursor: not-allowed; }
.grup-olustur-btn:hover:not(:disabled)[b-3o2v653pzp] { transform: translateY(-1px); }

/* ═══════════════════════════════════════════════════════════
   YILDIZLANANLAR LİSTESİ
   ═══════════════════════════════════════════════════════════ */
.msg-list-yildizli .yildizli-item[b-3o2v653pzp] {
    cursor: pointer;
}
.yildizli-badge[b-3o2v653pzp] {
    position: absolute;
    bottom: -2px;
    right: -2px;
    background: #fbbf24;
    color: white;
    width: 16px; height: 16px;
    border-radius: 50%;
    font-size: 0.62rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--t-card, white);
    box-shadow: 0 1px 3px rgba(245, 158, 11, 0.4);
}
.yildizli-onizleme[b-3o2v653pzp] {
    color: var(--t-text-muted, #64748b);
    font-style: italic;
    font-size: 0.82rem;
}
.yildizli-from[b-3o2v653pzp] {
    color: var(--t-accent, #6366f1);
    font-style: normal;
    font-weight: 700;
    margin-right: 4px;
}

/* ═══════════════════════════════════════════════════════════
   SESSİZE ALMA İKONU + ARŞİV GÖRSELLİĞİ
   ═══════════════════════════════════════════════════════════ */
.msg-sessiz-icon[b-3o2v653pzp] {
    position: absolute;
    bottom: -2px; left: -4px;
    background: var(--t-card, white);
    width: 18px; height: 18px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.1);
}
.msg-item.msg-sessiz .msg-from[b-3o2v653pzp] { color: var(--t-text-muted, #64748b); }
.msg-item.msg-sessiz .msg-last-text[b-3o2v653pzp] { opacity: 0.7; }
.msg-unread-count.msg-unread-sessiz[b-3o2v653pzp] {
    background: var(--t-text-muted, #94a3b8) !important;
    color: white;
    opacity: 0.7;
}

/* Sohbet context menü — biraz daha kompakt */
.sohbet-ctx-menu[b-3o2v653pzp] {
    min-width: 200px;
}
.sohbet-ctx-menu .ctx-preview[b-3o2v653pzp] {
    font-weight: 700;
    color: var(--t-text, #0f172a);
}

/* ═══════════════════════════════════════════════════════════
   TUR 3: SESLİ MESAJ — KAYIT + ÖNİZLEME + BUBBLE OYNATICI
   ═══════════════════════════════════════════════════════════ */

/* Kayıt sırasında input row yerine geçen overlay */
.chat-ses-kayit[b-3o2v653pzp] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    background: linear-gradient(135deg, color-mix(in srgb, #ef4444 8%, var(--t-card, white)), var(--t-card, white));
    border-top: 1px solid var(--t-card-border, #e2e8f0);
    border-radius: 0 0 12px 12px;
    animation: sesIn-b-3o2v653pzp .25s cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes sesIn-b-3o2v653pzp { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
.chat-ses-kayit .ses-kayit-info[b-3o2v653pzp] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--t-text, #0f172a);
}
.ses-kayit-dot[b-3o2v653pzp] {
    width: 12px; height: 12px;
    background: #ef4444; border-radius: 50%;
    animation: sesPulse-b-3o2v653pzp 1s ease-in-out infinite;
    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.5);
}
@keyframes sesPulse-b-3o2v653pzp {
    0%, 100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.6); transform: scale(1); }
    50%      { box-shadow: 0 0 0 8px rgba(239, 68, 68, 0);   transform: scale(1.15); }
}
.ses-kayit-yazi[b-3o2v653pzp] {
    font-size: 0.85rem; font-weight: 600; color: var(--t-text, #0f172a);
}
.ses-kayit-sure[b-3o2v653pzp] {
    font-variant-numeric: tabular-nums;
    font-weight: 800; font-size: 0.95rem;
    color: #dc2626;
    margin-left: auto;
}
.ses-kayit-iptal[b-3o2v653pzp],
.ses-kayit-bitir[b-3o2v653pzp] {
    width: 38px; height: 38px;
    border: none; border-radius: 50%;
    cursor: pointer;
    font-size: 1.1rem;
    display: inline-flex; align-items: center; justify-content: center;
    transition: transform .15s, box-shadow .15s;
}
.ses-kayit-iptal[b-3o2v653pzp] {
    background: var(--t-hover, #f1f5f9); color: #ef4444;
}
.ses-kayit-iptal:hover[b-3o2v653pzp] { transform: scale(1.08); }
.ses-kayit-bitir[b-3o2v653pzp] {
    background: linear-gradient(135deg, #10b981, #059669); color: white;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.35);
}
.ses-kayit-bitir:hover[b-3o2v653pzp] { transform: scale(1.08); box-shadow: 0 6px 16px rgba(16, 185, 129, 0.45); }

/* Kayıt sonrası önizleme (gönder/sil/oynat) */
.chat-ses-onizleme[b-3o2v653pzp] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    background: var(--t-card, white);
    border-top: 1px solid var(--t-card-border, #e2e8f0);
    border-radius: 0 0 12px 12px;
    animation: sesIn-b-3o2v653pzp .25s cubic-bezier(0.16, 1, 0.3, 1);
}
.chat-ses-onizleme audio[b-3o2v653pzp] {
    flex: 1;
    height: 36px;
    max-width: none;
}
.ses-on-sure[b-3o2v653pzp] {
    font-size: 0.78rem; color: var(--t-text-muted, #64748b);
    font-variant-numeric: tabular-nums;
    flex-shrink: 0;
}
.ses-on-sil[b-3o2v653pzp],
.ses-on-gonder[b-3o2v653pzp] {
    width: 36px; height: 36px;
    border: none; border-radius: 50%;
    cursor: pointer;
    font-size: 1rem;
    display: inline-flex; align-items: center; justify-content: center;
    transition: transform .15s, box-shadow .15s;
    flex-shrink: 0;
}
.ses-on-sil[b-3o2v653pzp] {
    background: var(--t-hover, #f1f5f9); color: #ef4444;
}
.ses-on-sil:hover[b-3o2v653pzp] { transform: scale(1.08); }
.ses-on-gonder[b-3o2v653pzp] {
    background: linear-gradient(135deg, var(--t-accent, #6366f1), color-mix(in srgb, var(--t-accent, #6366f1) 70%, #0f172a));
    color: white;
    box-shadow: 0 4px 12px color-mix(in srgb, var(--t-accent, #6366f1) 35%, transparent);
}
.ses-on-gonder:hover[b-3o2v653pzp] { transform: scale(1.08); }

/* Mikrofon butonu (input row'da, dosya butonu gibi) */
.chat-mic-btn[b-3o2v653pzp] {
    background: linear-gradient(135deg, #ef4444, #dc2626) !important;
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.35) !important;
}
.chat-mic-btn:hover[b-3o2v653pzp] { transform: scale(1.08); }

/* === BUBBLE İÇİ SESLİ MESAJ OYNATICISI === */
.chat-ses-wrap[b-3o2v653pzp] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    min-width: 240px;
    max-width: 320px;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 14px;
}
.chat-msg.sent .chat-ses-wrap[b-3o2v653pzp] {
    background: rgba(255, 255, 255, 0.18);
}
.chat-ses-oynat[b-3o2v653pzp] {
    width: 36px; height: 36px;
    border: none; border-radius: 50%;
    background: linear-gradient(135deg, var(--t-accent, #6366f1), color-mix(in srgb, var(--t-accent, #6366f1) 70%, #0f172a));
    color: white;
    cursor: pointer;
    font-size: 0.95rem;
    display: inline-flex; align-items: center; justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 2px 8px color-mix(in srgb, var(--t-accent, #6366f1) 35%, transparent);
    transition: transform .15s, box-shadow .15s;
}
.chat-ses-oynat:hover[b-3o2v653pzp] { transform: scale(1.08); }
.chat-msg.sent .chat-ses-oynat[b-3o2v653pzp] {
    background: rgba(255, 255, 255, 0.95); color: var(--t-accent, #6366f1);
}
.chat-ses-orta[b-3o2v653pzp] {
    flex: 1; min-width: 0;
    display: flex; flex-direction: column; gap: 4px;
}
.chat-ses-bar[b-3o2v653pzp] {
    height: 6px;
    background: rgba(0, 0, 0, 0.12);
    border-radius: 999px;
    overflow: hidden;
    position: relative;
}
.chat-msg.sent .chat-ses-bar[b-3o2v653pzp] {
    background: rgba(255, 255, 255, 0.25);
}
.chat-ses-bar-dolu[b-3o2v653pzp] {
    height: 100%;
    background: var(--t-accent, #6366f1);
    border-radius: 999px;
    /* Genişlik JS tarafında requestAnimationFrame ile her frame güncellenir;
       transition overlap titreşime yol açıyordu → kaldırıldı. */
    width: 0;
    will-change: width;
}
.chat-msg.sent .chat-ses-bar-dolu[b-3o2v653pzp] {
    background: white;
}
.chat-ses-sure[b-3o2v653pzp] {
    font-size: 0.72rem;
    color: var(--t-text-muted, #64748b);
    font-variant-numeric: tabular-nums;
    font-weight: 600;
}
.chat-msg.sent .chat-ses-sure[b-3o2v653pzp] { color: rgba(255, 255, 255, 0.85); }
.chat-ses-hiz[b-3o2v653pzp] {
    border: 1px solid var(--t-card-border, #cbd5e1);
    background: var(--t-card, white);
    color: var(--t-text, #0f172a);
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 700;
    cursor: pointer;
    flex-shrink: 0;
    font-variant-numeric: tabular-nums;
    transition: background .15s, transform .15s;
}
.chat-ses-hiz:hover[b-3o2v653pzp] { background: var(--t-hover, #f1f5f9); transform: scale(1.05); }
.chat-msg.sent .chat-ses-hiz[b-3o2v653pzp] {
    background: rgba(255, 255, 255, 0.18);
    color: white;
    border-color: rgba(255, 255, 255, 0.3);
}
.chat-msg.sent .chat-ses-hiz:hover[b-3o2v653pzp] { background: rgba(255, 255, 255, 0.28); }
.chat-ses-audio[b-3o2v653pzp] {
    /* Görünmez — sadece native audio API kullanılır */
    display: none !important;
}

/* Sesli mesaj transkript (yazıya dök) */
.chat-ses-metin-toggle[b-3o2v653pzp] {
    margin-top: 4px;
    background: transparent;
    border: none;
    padding: 2px 0;
    font-size: 0.72rem;
    color: inherit;
    opacity: 0.75;
    cursor: pointer;
    text-align: left;
}
.chat-ses-metin-toggle:hover[b-3o2v653pzp] { opacity: 1; text-decoration: underline; }
.chat-ses-metin[b-3o2v653pzp] {
    margin-top: 4px;
    padding: 6px 8px;
    background: rgba(0, 0, 0, 0.06);
    border-radius: 6px;
    font-size: 0.82rem;
    line-height: 1.35;
    white-space: pre-wrap;
    word-break: break-word;
}
.chat-msg.sent .chat-ses-metin[b-3o2v653pzp] { background: rgba(255, 255, 255, 0.18); }

@media (max-width: 720px) {
    .chat-ses-wrap[b-3o2v653pzp] { min-width: 200px; max-width: 260px; }
    .chat-ses-oynat[b-3o2v653pzp] { width: 32px; height: 32px; font-size: 0.85rem; }
    .ses-kayit-yazi[b-3o2v653pzp] { font-size: 0.78rem; }
}

/* ═══════════════════════════════════════════════════════════
   TUR 3: ŞABLONLAR — input üstü dropdown + CRUD modal
   ═══════════════════════════════════════════════════════════ */
.chat-sablon-btn[b-3o2v653pzp] {
    background: linear-gradient(135deg, color-mix(in srgb, var(--t-accent, #6366f1) 14%, transparent), transparent) !important;
}

/* Input üstünde açılan şablon dropdown */
.chat-sablon-popup[b-3o2v653pzp] {
    position: absolute;
    bottom: calc(100% + 8px);
    left: 16px; right: 16px;
    max-width: 440px;
    background: var(--t-card, white);
    border: 1px solid var(--t-card-border, #e2e8f0);
    border-radius: 14px;
    box-shadow: 0 12px 36px rgba(15, 23, 42, 0.18);
    z-index: 200;
    animation: sablonIn-b-3o2v653pzp .18s cubic-bezier(0.16, 1, 0.3, 1);
    overflow: hidden;
}
@keyframes sablonIn-b-3o2v653pzp {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}
.chat-sablon-header[b-3o2v653pzp] {
    display: flex; justify-content: space-between; align-items: center;
    padding: 10px 14px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--t-accent, #6366f1) 12%, var(--t-card, white)), var(--t-card, white));
    border-bottom: 1px solid var(--t-card-border, #e2e8f0);
    font-weight: 700; font-size: 0.86rem;
    color: var(--t-text, #0f172a);
}
.chat-sablon-header-actions[b-3o2v653pzp] { display: flex; gap: 4px; }
.chat-sablon-header-btn[b-3o2v653pzp] {
    width: 26px; height: 26px;
    border: none; border-radius: 6px;
    background: transparent; cursor: pointer;
    color: var(--t-text-muted, #64748b);
    transition: background .12s;
}
.chat-sablon-header-btn:hover[b-3o2v653pzp] { background: var(--t-hover, #f1f5f9); color: var(--t-text, #0f172a); }
.chat-sablon-list[b-3o2v653pzp] {
    max-height: 280px; overflow-y: auto;
    padding: 6px;
}
.chat-sablon-item[b-3o2v653pzp] {
    display: flex; flex-direction: column; gap: 3px;
    width: 100%; padding: 9px 12px;
    background: transparent; border: none;
    border-radius: 8px; cursor: pointer;
    text-align: left;
    transition: background .12s;
}
.chat-sablon-item:hover[b-3o2v653pzp] { background: var(--t-hover, #f1f5f9); }
.chat-sablon-baslik[b-3o2v653pzp] { font-weight: 700; font-size: 0.85rem; color: var(--t-text, #0f172a); }
.chat-sablon-onizleme[b-3o2v653pzp] {
    font-size: 0.76rem; color: var(--t-text-muted, #64748b);
    overflow: hidden; text-overflow: ellipsis;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.chat-sablon-empty[b-3o2v653pzp] {
    display: flex; flex-direction: column; align-items: center; gap: 10px;
    padding: 24px; text-align: center;
    color: var(--t-text-muted, #64748b); font-size: 0.85rem;
}
.chat-sablon-empty-btn[b-3o2v653pzp] {
    padding: 6px 14px; border: 1px solid var(--t-accent, #6366f1);
    background: color-mix(in srgb, var(--t-accent, #6366f1) 10%, transparent);
    color: var(--t-accent, #6366f1);
    border-radius: 8px; cursor: pointer; font-size: 0.78rem; font-weight: 700;
}
.chat-sablon-empty-btn:hover[b-3o2v653pzp] { background: color-mix(in srgb, var(--t-accent, #6366f1) 18%, transparent); }

/* ═══════════════════════════════════════════════════════════
   TUR 3: MENTION POPUP — input üstünde autocomplete
   ═══════════════════════════════════════════════════════════ */
.chat-mention-popup[b-3o2v653pzp] {
    position: absolute;
    bottom: calc(100% + 8px);
    left: 16px;
    width: 320px;
    max-width: calc(100% - 32px);
    background: var(--t-card, white);
    border: 1px solid var(--t-card-border, #e2e8f0);
    border-radius: 12px;
    box-shadow: 0 12px 36px rgba(15, 23, 42, 0.20);
    z-index: 200;
    animation: sablonIn-b-3o2v653pzp .18s cubic-bezier(0.16, 1, 0.3, 1);
    overflow: hidden;
}
.chat-mention-header[b-3o2v653pzp] {
    padding: 8px 14px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--t-accent, #6366f1) 12%, var(--t-card, white)), var(--t-card, white));
    font-size: 0.78rem; font-weight: 700;
    color: var(--t-text-muted, #64748b);
    border-bottom: 1px solid var(--t-card-border, #e2e8f0);
}
.chat-mention-item[b-3o2v653pzp] {
    display: flex; align-items: center; gap: 10px;
    width: 100%; padding: 8px 12px;
    background: transparent; border: none; cursor: pointer;
    text-align: left; transition: background .12s;
}
.chat-mention-item:hover[b-3o2v653pzp] { background: var(--t-hover, #f1f5f9); }
.chat-mention-avatar[b-3o2v653pzp],
.chat-mention-avatar-img[b-3o2v653pzp] {
    width: 32px; height: 32px; border-radius: 50%; flex-shrink: 0;
    display: inline-flex; align-items: center; justify-content: center;
    background: linear-gradient(135deg, var(--t-accent, #6366f1), color-mix(in srgb, var(--t-accent, #6366f1) 70%, #0f172a));
    color: white; font-weight: 700; font-size: 0.78rem;
    object-fit: cover;
}
.chat-mention-meta[b-3o2v653pzp] { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.chat-mention-ad[b-3o2v653pzp] { font-size: 0.85rem; font-weight: 700; color: var(--t-text, #0f172a); }
.chat-mention-mail[b-3o2v653pzp] { font-size: 0.72rem; color: var(--t-text-muted, #64748b); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ═══════════════════════════════════════════════════════════
   TUR 3: ORTAK MODAL (Şablon yönet + Forward)
   ═══════════════════════════════════════════════════════════ */
.msg-modal-overlay[b-3o2v653pzp] {
    position: fixed; inset: 0;
    background: rgba(15, 23, 42, 0.55);
    backdrop-filter: blur(4px);
    z-index: 9000;
    animation: pdpFade .18s ease;
}
@keyframes msgModalIn-b-3o2v653pzp {
    from { opacity: 0; transform: translate(-50%, -50%) scale(0.95); }
    to { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}
.msg-modal[b-3o2v653pzp] {
    position: fixed;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: min(560px, calc(100vw - 32px));
    max-height: 85vh;
    background: var(--t-card, white);
    border-radius: 18px;
    z-index: 9001;
    display: flex; flex-direction: column;
    overflow: hidden;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.30);
    animation: msgModalIn-b-3o2v653pzp .22s cubic-bezier(0.16, 1, 0.3, 1);
}
.msg-modal-head[b-3o2v653pzp] {
    display: flex; justify-content: space-between; align-items: center;
    padding: 16px 22px;
    background: linear-gradient(135deg, var(--t-accent, #6366f1), color-mix(in srgb, var(--t-accent, #6366f1) 70%, #0f172a));
    color: white;
}
.msg-modal-head h3[b-3o2v653pzp] { margin: 0; font-size: 1.05rem; font-weight: 700; }
.msg-modal-close[b-3o2v653pzp] {
    width: 30px; height: 30px;
    border: 1px solid rgba(255,255,255,0.3);
    background: rgba(255,255,255,0.18);
    color: white; cursor: pointer;
    border-radius: 8px; font-size: 1rem;
}
.msg-modal-close:hover[b-3o2v653pzp] { background: rgba(255,255,255,0.32); }
.msg-modal-body[b-3o2v653pzp] {
    padding: 18px 22px 22px;
    overflow-y: auto;
    flex: 1;
    background: var(--t-bg, #f8fafc);
}

/* Şablon yönet modal içerik */
.sablon-yeni[b-3o2v653pzp] {
    background: var(--t-card, white);
    border: 1px solid var(--t-card-border, #e2e8f0);
    border-radius: 12px;
    padding: 14px;
    margin-bottom: 18px;
}
.sablon-yeni-row[b-3o2v653pzp] { margin-bottom: 10px; }
.sablon-yeni-row:last-child[b-3o2v653pzp] { margin-bottom: 0; }
.sablon-input[b-3o2v653pzp],
.sablon-textarea[b-3o2v653pzp] {
    width: 100%; padding: 9px 12px; box-sizing: border-box;
    border: 1px solid var(--t-card-border, #e2e8f0);
    border-radius: 8px; font-family: inherit; font-size: 0.88rem;
    background: var(--t-card, white); color: var(--t-text, #0f172a);
    resize: vertical;
}
.sablon-input:focus[b-3o2v653pzp],
.sablon-textarea:focus[b-3o2v653pzp] { outline: none; border-color: var(--t-accent, #6366f1); box-shadow: 0 0 0 3px color-mix(in srgb, var(--t-accent, #6366f1) 18%, transparent); }
.sablon-yeni-actions[b-3o2v653pzp] { display: flex; gap: 8px; }
.sablon-kaydet-btn[b-3o2v653pzp] {
    padding: 8px 18px; border: none; border-radius: 8px;
    background: linear-gradient(135deg, var(--t-accent, #6366f1), color-mix(in srgb, var(--t-accent, #6366f1) 70%, #0f172a));
    color: white; font-weight: 700; cursor: pointer; font-size: 0.85rem;
    transition: opacity .12s, transform .12s;
}
.sablon-kaydet-btn:disabled[b-3o2v653pzp] { opacity: 0.5; cursor: not-allowed; }
.sablon-kaydet-btn:hover:not(:disabled)[b-3o2v653pzp] { transform: translateY(-1px); }
.sablon-iptal-btn[b-3o2v653pzp] {
    padding: 8px 16px; border: 1px solid var(--t-card-border, #e2e8f0);
    border-radius: 8px; background: var(--t-card, white);
    color: var(--t-text-muted, #64748b); cursor: pointer; font-size: 0.85rem;
}

.sablon-mevcut-baslik[b-3o2v653pzp] {
    font-size: 0.78rem; font-weight: 700;
    color: var(--t-text-muted, #64748b);
    text-transform: uppercase; letter-spacing: 0.5px;
    margin-bottom: 8px;
}
.sablon-mevcut-empty[b-3o2v653pzp] {
    padding: 24px; text-align: center;
    color: var(--t-text-muted, #64748b); font-size: 0.85rem;
    background: var(--t-card, white); border-radius: 10px;
}
.sablon-mevcut-list[b-3o2v653pzp] { display: flex; flex-direction: column; gap: 8px; }
.sablon-mevcut-item[b-3o2v653pzp] {
    display: flex; align-items: flex-start; gap: 12px;
    padding: 12px;
    background: var(--t-card, white);
    border: 1px solid var(--t-card-border, #e2e8f0);
    border-radius: 10px;
}
.sablon-mevcut-meta[b-3o2v653pzp] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.sablon-mevcut-meta strong[b-3o2v653pzp] { color: var(--t-text, #0f172a); font-size: 0.9rem; }
.sablon-mevcut-icerik[b-3o2v653pzp] {
    color: var(--t-text-muted, #64748b); font-size: 0.8rem; line-height: 1.4;
    overflow: hidden; text-overflow: ellipsis;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.sablon-mevcut-actions[b-3o2v653pzp] { display: flex; gap: 4px; flex-shrink: 0; }
.sablon-mevcut-btn[b-3o2v653pzp] {
    width: 30px; height: 30px;
    border: 1px solid var(--t-card-border, #e2e8f0);
    background: var(--t-card, white); cursor: pointer;
    border-radius: 6px; transition: all .12s;
}
.sablon-mevcut-btn:hover[b-3o2v653pzp] { background: var(--t-hover, #f1f5f9); transform: translateY(-1px); }
.sablon-mevcut-btn.ctx-danger[b-3o2v653pzp] { color: #dc2626; }
.sablon-mevcut-btn.ctx-danger:hover[b-3o2v653pzp] { background: #fef2f2; border-color: #fecaca; }

/* Forward modal */
.forward-onizleme[b-3o2v653pzp] {
    background: color-mix(in srgb, var(--t-accent, #6366f1) 6%, var(--t-card, white));
    border: 1.5px solid color-mix(in srgb, var(--t-accent, #6366f1) 25%, transparent);
    border-left: 4px solid var(--t-accent, #6366f1);
    border-radius: 10px;
    padding: 12px 14px;
    margin-bottom: 14px;
}
.forward-onizleme-baslik[b-3o2v653pzp] {
    font-size: 0.7rem; font-weight: 700;
    color: var(--t-accent, #6366f1);
    text-transform: uppercase; letter-spacing: 0.5px;
    margin-bottom: 6px;
}
.forward-onizleme-icerik[b-3o2v653pzp] {
    font-size: 0.88rem; color: var(--t-text, #0f172a);
    line-height: 1.45; word-break: break-word;
}
.forward-arama-wrap[b-3o2v653pzp] {
    position: relative;
    margin-bottom: 12px;
}
.forward-arama-ikon[b-3o2v653pzp] {
    position: absolute; left: 12px; top: 50%; transform: translateY(-50%);
    opacity: 0.5; font-size: 0.95rem;
}
.forward-arama[b-3o2v653pzp] {
    width: 100%; box-sizing: border-box;
    padding: 10px 12px 10px 36px;
    border: 1px solid var(--t-card-border, #e2e8f0);
    border-radius: 10px; font-family: inherit; font-size: 0.88rem;
    background: var(--t-card, white); color: var(--t-text, #0f172a);
}
.forward-arama:focus[b-3o2v653pzp] { outline: none; border-color: var(--t-accent, #6366f1); box-shadow: 0 0 0 3px color-mix(in srgb, var(--t-accent, #6366f1) 18%, transparent); }

.forward-secim-bar[b-3o2v653pzp] {
    display: flex; justify-content: space-between; align-items: center;
    padding: 10px 12px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--t-accent, #6366f1) 14%, var(--t-card, white)), var(--t-card, white));
    border: 1px solid color-mix(in srgb, var(--t-accent, #6366f1) 25%, transparent);
    border-radius: 10px;
    margin-bottom: 10px;
}
.forward-secim-sayi[b-3o2v653pzp] { font-weight: 700; font-size: 0.85rem; color: var(--t-text, #0f172a); }
.forward-gonder-btn[b-3o2v653pzp] {
    padding: 8px 18px;
    background: linear-gradient(135deg, var(--t-accent, #6366f1), color-mix(in srgb, var(--t-accent, #6366f1) 70%, #0f172a));
    color: white; border: none; border-radius: 8px;
    font-weight: 700; font-size: 0.85rem; cursor: pointer;
    box-shadow: 0 2px 8px color-mix(in srgb, var(--t-accent, #6366f1) 35%, transparent);
}
.forward-gonder-btn:hover[b-3o2v653pzp] { transform: translateY(-1px); }

.forward-kisi-list[b-3o2v653pzp] {
    max-height: 360px; overflow-y: auto;
    background: var(--t-card, white);
    border: 1px solid var(--t-card-border, #e2e8f0);
    border-radius: 10px;
    padding: 4px;
}
.forward-kisi-item[b-3o2v653pzp] {
    display: flex; align-items: center; gap: 10px;
    padding: 8px 10px;
    border-radius: 8px;
    cursor: pointer;
    transition: background .12s;
}
.forward-kisi-item:hover[b-3o2v653pzp] { background: var(--t-hover, #f1f5f9); }
.forward-kisi-item.selected[b-3o2v653pzp] {
    background: color-mix(in srgb, var(--t-accent, #6366f1) 14%, transparent);
}
.forward-kisi-check[b-3o2v653pzp] {
    width: 22px; height: 22px;
    border: 2px solid var(--t-card-border, #cbd5e1);
    border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 0.78rem; font-weight: 800;
    color: white; flex-shrink: 0;
    transition: all .12s;
}
.forward-kisi-item.selected .forward-kisi-check[b-3o2v653pzp] {
    background: var(--t-accent, #6366f1);
    border-color: var(--t-accent, #6366f1);
}
.forward-kisi-avatar[b-3o2v653pzp],
.forward-kisi-avatar-img[b-3o2v653pzp] {
    width: 36px; height: 36px; border-radius: 50%; flex-shrink: 0;
    display: inline-flex; align-items: center; justify-content: center;
    background: linear-gradient(135deg, var(--t-accent, #6366f1), color-mix(in srgb, var(--t-accent, #6366f1) 70%, #0f172a));
    color: white; font-weight: 700; font-size: 0.82rem;
    object-fit: cover;
}
.forward-kisi-meta[b-3o2v653pzp] { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.forward-kisi-ad[b-3o2v653pzp] { font-size: 0.88rem; font-weight: 700; color: var(--t-text, #0f172a); }
.forward-kisi-mail[b-3o2v653pzp] { font-size: 0.74rem; color: var(--t-text-muted, #64748b); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.forward-kisi-empty[b-3o2v653pzp] { padding: 30px; text-align: center; color: var(--t-text-muted, #94a3b8); font-size: 0.88rem; }

@media (max-width: 720px) {
    .msg-modal[b-3o2v653pzp] { width: calc(100vw - 16px); max-height: 90vh; }
    .chat-sablon-popup[b-3o2v653pzp], .chat-mention-popup[b-3o2v653pzp] { left: 8px; right: 8px; max-width: none; width: auto; }
}

/* ═══════════════════════════════════════════════════════════
   MÜSAİTLİK DURUMU — sidebar avatar dot + chat header
   ═══════════════════════════════════════════════════════════ */
/* Avatar üzeri renkli müsaitlik dot (online-dot-sm yerine) */
.msg-avatar-wrap .msg-presence-dot[b-3o2v653pzp] {
    position: absolute;
    bottom: -2px; right: -2px;
    width: 12px; height: 12px;
    border-radius: 50%;
    box-shadow: 0 0 0 2.5px var(--t-card, white);
    z-index: 3;
}
/* musait için yumuşak nabız animasyonu */
.msg-avatar-wrap .msg-presence-dot.ku-presence-musait[b-3o2v653pzp] {
    animation: msgPresPulse-b-3o2v653pzp 2.4s ease-in-out infinite;
}
@keyframes msgPresPulse-b-3o2v653pzp {
    0%, 100% { box-shadow: 0 0 0 2.5px var(--t-card, white), 0 0 0 0 rgba(34, 197, 94, 0.55); }
    50%      { box-shadow: 0 0 0 2.5px var(--t-card, white), 0 0 0 5px rgba(34, 197, 94, 0); }
}

/* Chat header'da müsaitlik durumu */
.chat-header-status.presence[b-3o2v653pzp] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    font-size: 0.78rem;
}
.chat-header-status.presence .ku-presence-dot[b-3o2v653pzp] {
    width: 8px; height: 8px;
    box-shadow: 0 0 0 1.5px rgba(255,255,255,0.85);
}
.ku-presence-color-musait[b-3o2v653pzp]         { color: #16a34a; }
.ku-presence-color-mesgul[b-3o2v653pzp]        { color: #d97706; }
.ku-presence-color-rahatsiz_etme[b-3o2v653pzp] { color: #dc2626; }
.ku-presence-color-gorunmez[b-3o2v653pzp]      { color: #64748b; }

.chat-header-status.online[b-3o2v653pzp] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.chat-header-status.online .ku-presence-dot[b-3o2v653pzp] {
    width: 8px; height: 8px;
    box-shadow: 0 0 0 1.5px rgba(255,255,255,0.85);
}
.chat-header-status-msg[b-3o2v653pzp] {
    font-style: italic;
    opacity: 0.8;
    font-weight: 400;
    margin-left: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 220px;
}

/* Grup üye yönetimi modal */
.grup-detay-modal .msg-modal-body[b-3o2v653pzp] { padding-top: 14px; }
.grup-detay-baslik[b-3o2v653pzp] {
    font-weight: 800; font-size: 1.05rem; margin-bottom: 12px; color: var(--t-text, #0f172a);
    letter-spacing: -0.02em;
}
.grup-detay-arama[b-3o2v653pzp] { margin-bottom: 12px; }
.grup-detay-body .grup-arama[b-3o2v653pzp] {
    border-radius: 12px;
    border-width: 1.5px;
    background: var(--t-card, #fff);
}
.grup-detay-uye-list[b-3o2v653pzp] { display: flex; flex-direction: column; gap: 10px; max-height: 42vh; overflow-y: auto; padding-right: 2px; }
.grup-detay-row[b-3o2v653pzp] {
    display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
    padding: 10px 12px; border-radius: 14px;
    background: var(--t-card, #fff);
    border: 1px solid var(--t-card-border, #e2e8f0);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    transition: border-color 0.15s, box-shadow 0.15s;
}
.grup-detay-row:hover[b-3o2v653pzp] {
    border-color: color-mix(in srgb, var(--t-accent, #6366f1) 28%, var(--t-card-border, #e2e8f0));
    box-shadow: 0 4px 14px color-mix(in srgb, var(--t-accent, #6366f1) 12%, transparent);
}
.grup-detay-avatar[b-3o2v653pzp] {
    width: 44px; height: 44px; border-radius: 50%; overflow: hidden; flex-shrink: 0;
    background: linear-gradient(135deg, #e0e7ff, #c7d2fe);
    display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 0.78rem;
    color: #4338ca;
    box-shadow: 0 0 0 2px rgba(255,255,255,0.95), 0 2px 8px rgba(99, 102, 241, 0.2);
}
.grup-detay-avatar img[b-3o2v653pzp] { width: 100%; height: 100%; object-fit: cover; }
.grup-detay-meta[b-3o2v653pzp] { flex: 1; min-width: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; }
.grup-detay-ad[b-3o2v653pzp] { font-weight: 700; font-size: 0.9rem; color: var(--t-text, #1e293b); }
.grup-detay-rozet[b-3o2v653pzp] {
    font-size: 0.62rem; text-transform: uppercase; letter-spacing: 0.04em;
    color: #fff; background: linear-gradient(135deg, var(--t-accent, #6366f1), color-mix(in srgb, var(--t-accent, #6366f1) 65%, #312e81));
    padding: 2px 8px; border-radius: 999px; font-weight: 800;
}
.grup-detay-actions[b-3o2v653pzp] { display: flex; flex-wrap: wrap; gap: 8px; margin-left: auto; }
.grup-detay-mini[b-3o2v653pzp] {
    font-size: 0.72rem; font-weight: 600; padding: 6px 10px; border-radius: 10px;
    border: 1px solid var(--t-card-border, #e2e8f0);
    background: var(--t-bg, #f8fafc); color: var(--t-text, #334155); cursor: pointer;
    transition: background 0.12s, border-color 0.12s;
}
.grup-detay-mini:hover[b-3o2v653pzp] {
    background: color-mix(in srgb, var(--t-accent, #6366f1) 10%, var(--t-card, #fff));
    border-color: color-mix(in srgb, var(--t-accent, #6366f1) 35%, var(--t-card-border, #e2e8f0));
}
.grup-detay-mini.ctx-danger[b-3o2v653pzp] { color: #b91c1c; border-color: #fecaca; background: #fff1f2; }
.grup-detay-mini.ctx-danger:hover[b-3o2v653pzp] { background: #ffe4e6; }
.grup-detay-ekle-baslik[b-3o2v653pzp] {
    font-weight: 700; margin: 18px 0 10px; font-size: 0.82rem; color: var(--t-text-muted, #64748b);
    text-transform: uppercase; letter-spacing: 0.06em;
}
.grup-detay-ekle-list[b-3o2v653pzp] { display: flex; flex-direction: column; gap: 8px; max-height: 28vh; overflow-y: auto; }
.grup-detay-ekle-row[b-3o2v653pzp] {
    display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 12px; cursor: pointer;
    border: 1px solid var(--t-card-border, #e8ecf1); background: var(--t-card, #fff);
    transition: background 0.15s, border-color 0.15s, transform 0.12s;
}
.grup-detay-ekle-row:hover[b-3o2v653pzp] {
    background: color-mix(in srgb, var(--t-accent, #6366f1) 6%, var(--t-card, #fff));
    border-color: color-mix(in srgb, var(--t-accent, #6366f1) 25%, var(--t-card-border, #e8ecf1));
    transform: translateY(-1px);
}
.grup-detay-ekle-avatar[b-3o2v653pzp] { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; }
.grup-detay-ekle-placeholder[b-3o2v653pzp] {
    width: 34px; height: 34px; border-radius: 50%; background: #a5b4fc; color: white; font-weight: 700;
    font-size: 0.7rem; display: flex; align-items: center; justify-content: center;
}
.grup-detay-ekle-ad[b-3o2v653pzp] { font-weight: 600; font-size: 0.82rem; }
.grup-detay-ekle-mail[b-3o2v653pzp] { font-size: 0.72rem; color: var(--t-text-muted, #64748b); }
.grup-detay-ekle-plus[b-3o2v653pzp] { margin-left: auto; font-weight: 800; color: #6366f1; font-size: 1.1rem; }
/* /Components/Pages/MolaKosesi.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   MOLA KÖŞESİ — Eğlence + Yarışma Sayfası
   ─────────────────────────────────────────────────────────────── */

.mola-page[b-gpc3npbus5] {
    padding: 24px 28px 60px;
    background: linear-gradient(180deg, #fef3c7 0%, #fff 30%, #f8fafc 100%);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Geri butonu — yalnızca mobilde görünür; masaüstünde yönetim sidebar'ı yeterli dönüş aracı sağlar */
.mola-geri-btn[b-gpc3npbus5] {
    display: none;
    align-self: flex-start;
    align-items: center; gap: 6px;
    padding: 8px 14px;
    background: rgba(255,255,255,0.8);
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    font-weight: 700; font-size: 0.85rem;
    color: #334155;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(15,23,42,0.05);
    transition: background 0.15s, transform 0.15s, box-shadow 0.15s;
}
@media (max-width: 900px) {
    .mola-geri-btn[b-gpc3npbus5] { display: inline-flex; }
}
.mola-geri-btn:hover[b-gpc3npbus5] { background: #fff; transform: translateX(-2px); box-shadow: 0 4px 12px rgba(15,23,42,0.08); }
.mola-geri-btn:active[b-gpc3npbus5] { transform: translateX(-1px); }

/* D-pad — oyunlarda klavye alternatifi (mobil dostu) */
[b-gpc3npbus5] .mola-dpad {
    display: grid;
    grid-template-columns: repeat(3, 56px);
    grid-template-rows: repeat(3, 56px);
    gap: 6px;
    margin: 16px auto 0;
    justify-content: center;
}
[b-gpc3npbus5] .mola-dpad-btn {
    background: linear-gradient(135deg, #f1f5f9, #e2e8f0);
    border: 1.5px solid #cbd5e1;
    border-radius: 12px;
    color: #1e293b;
    font-size: 1.3rem;
    font-weight: 800;
    cursor: pointer;
    touch-action: manipulation;
    -webkit-user-select: none;
    user-select: none;
    display: flex; align-items: center; justify-content: center;
    transition: transform .1s, background .15s, box-shadow .15s;
    box-shadow: 0 2px 4px rgba(15,23,42,0.08);
}
[b-gpc3npbus5] .mola-dpad-btn:hover { background: #e2e8f0; }
[b-gpc3npbus5] .mola-dpad-btn:active { transform: scale(0.92); background: #cbd5e1; }
[b-gpc3npbus5] .mola-dpad-up    { grid-column: 2; grid-row: 1; }
[b-gpc3npbus5] .mola-dpad-left  { grid-column: 1; grid-row: 2; }
[b-gpc3npbus5] .mola-dpad-right { grid-column: 3; grid-row: 2; }
[b-gpc3npbus5] .mola-dpad-down  { grid-column: 2; grid-row: 3; }

/* ═══ HERO ═══ */
.mola-hero[b-gpc3npbus5] {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #f97316 0%, #db2777 60%, #7c3aed 100%);
    color: white;
    padding: 36px 40px;
    border-radius: 24px;
    box-shadow: 0 18px 50px rgba(124, 58, 237, 0.25);
}

.mola-hero-text[b-gpc3npbus5] { position: relative; z-index: 2; }

.mola-hero-eyebrow[b-gpc3npbus5] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
    background: rgba(255, 255, 255, 0.22);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    margin-bottom: 14px;
}
.mola-eyebrow-icon[b-gpc3npbus5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.2));
}
.mola-eyebrow-icon svg.ms-icon[b-gpc3npbus5] { width: 22px; height: 22px; display: block; }

.mola-hero-baslik[b-gpc3npbus5] {
    font-size: 1.95rem;
    font-weight: 800;
    margin: 0 0 6px;
    letter-spacing: -0.4px;
    text-decoration: none;          /* Browser/app.css'in default underline'ını engelle */
    border: none;                   /* H1 için olası border'ı engelle */
    outline: none !important;       /* Blazor FocusOnNavigate'in h1'e verdiği focus outline */
    -webkit-tap-highlight-color: transparent;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
    line-height: 1.2;
}
.mola-hero-baslik:focus[b-gpc3npbus5],
.mola-hero-baslik:focus-visible[b-gpc3npbus5],
.mola-hero-baslik:active[b-gpc3npbus5] {
    outline: none !important;
    box-shadow: none !important;
}

/* SSR sırasında ad bilgisi henüz yüklenmemişken "boş" görünmesi yerine
   placeholder skeleton gösterilebilir — şimdilik default yeterli */

.mola-hero-emoji[b-gpc3npbus5] {
    display: inline-block;
    animation: molaWiggle-b-gpc3npbus5 2.5s ease-in-out infinite;
}

@keyframes molaWiggle-b-gpc3npbus5 {
    0%, 100% { transform: rotate(0); }
    25% { transform: rotate(-12deg); }
    75% { transform: rotate(12deg); }
}

.mola-hero-alt[b-gpc3npbus5] {
    margin: 0 0 18px;
    opacity: 0.95;
    font-size: 1rem;
    max-width: 580px;
    line-height: 1.5;
}

.mola-hero-stats[b-gpc3npbus5] {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

.mola-hero-stat[b-gpc3npbus5] {
    background: rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.25);
    padding: 10px 18px;
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    min-width: 110px;
}

.mola-hero-stat-deger[b-gpc3npbus5] {
    font-size: 1.4rem;
    font-weight: 800;
    line-height: 1.1;
}

.mola-hero-stat-baslik[b-gpc3npbus5] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    opacity: 0.85;
    font-weight: 600;
}

.mola-hero-decor[b-gpc3npbus5] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
}

.mola-blob[b-gpc3npbus5] {
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.10);
    animation: molaBlob-b-gpc3npbus5 18s ease-in-out infinite;
}

.mola-blob-1[b-gpc3npbus5] { width: 320px; height: 320px; right: -80px; top: -120px; }
.mola-blob-2[b-gpc3npbus5] { width: 220px; height: 220px; right: 200px; bottom: -100px; animation-delay: -6s; }
.mola-blob-3[b-gpc3npbus5] { width: 130px; height: 130px; right: 380px; top: 60px; animation-delay: -12s; }

@keyframes molaBlob-b-gpc3npbus5 {
    0%, 100% { transform: scale(1) translate(0, 0); }
    33% { transform: scale(1.15) translate(20px, -20px); }
    66% { transform: scale(0.9) translate(-15px, 25px); }
}

/* ═══ ŞAMPİYON BANNER ═══ */
.mola-sampiyon[b-gpc3npbus5] {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #fef3c7, #fde68a 60%, #f59e0b);
    border: 2px solid #fcd34d;
    border-radius: 18px;
    padding: 16px 24px;
    display: flex;
    align-items: center;
    gap: 16px;
    box-shadow: 0 6px 20px rgba(245, 158, 11, 0.18);
}

.mola-sampiyon-ikon[b-gpc3npbus5] { font-size: 2.4rem; flex-shrink: 0; }

/* Şampiyon avatarı — fotoğraf veya baş harf, üstünde küçük taç */
.mola-sampiyon-avatar[b-gpc3npbus5] {
    position: relative;
    flex-shrink: 0;
    width: 64px;
    height: 64px;
}
.mola-sampiyon-foto[b-gpc3npbus5] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #fff;
    box-shadow: 0 4px 12px rgba(120, 53, 15, 0.25);
    background: #fff;
    display: block;
}
.mola-sampiyon-initial[b-gpc3npbus5] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #f59e0b, #b45309);
    color: #fff;
    font-weight: 800;
    font-size: 1.55rem;
    letter-spacing: 0.5px;
    user-select: none;
}
.mola-sampiyon-crown[b-gpc3npbus5] {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%) rotate(-12deg);
    font-size: 1.4rem;
    filter: drop-shadow(0 2px 4px rgba(120, 53, 15, 0.35));
    pointer-events: none;
}

.mola-sampiyon-meta[b-gpc3npbus5] { flex: 1; }

.mola-sampiyon-baslik[b-gpc3npbus5] {
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #78350f;
    font-weight: 700;
}

.mola-sampiyon-ad[b-gpc3npbus5] {
    font-size: 1.2rem;
    font-weight: 800;
    color: #451a03;
}

.mola-sampiyon-alt[b-gpc3npbus5] {
    font-size: 0.85rem;
    color: #78350f;
    font-weight: 600;
}

.mola-sampiyon-bg[b-gpc3npbus5] {
    position: absolute;
    right: -10px;
    bottom: -30px;
    font-size: 7rem;
    opacity: 0.15;
    transform: rotate(-15deg);
}

/* ═══ TAB SEÇİMİ ═══ */
.mola-tabs[b-gpc3npbus5] {
    display: flex;
    gap: 10px;
    background: white;
    padding: 8px;
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06);
    flex-wrap: wrap;
}

.mola-tab[b-gpc3npbus5] {
    flex: 1;
    min-width: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 18px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    color: #475569;
    font-weight: 700;
    font-size: 0.95rem;
}

.mola-tab:hover[b-gpc3npbus5] { background: #f1f5f9; color: #0f172a; transform: translateY(-1px); }

.mola-tab.active[b-gpc3npbus5] {
    background: linear-gradient(135deg, var(--tab-renk, #f97316), var(--tab-renk2, #db2777));
    color: white;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.18);
    transform: translateY(-2px);
}

.mola-tab-emoji[b-gpc3npbus5] {
    font-size: 1.3rem;
    transition: transform 0.2s;
}

.mola-tab.active .mola-tab-emoji[b-gpc3npbus5] { transform: scale(1.15); }

/* ═══ ANA GRİD: OYUN + LEADERBOARD ═══ */
.mola-grid[b-gpc3npbus5] {
    display: grid;
    grid-template-columns: 1.6fr 1fr;
    gap: 18px;
    align-items: start;
}

@media (max-width: 1100px) {
    .mola-grid[b-gpc3npbus5] { grid-template-columns: 1fr; }
}

/* ═══ OYUN KART ═══ */
.mola-oyun-kart[b-gpc3npbus5] {
    background: white;
    border-radius: 18px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 6px 20px rgba(15, 23, 42, 0.06);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.mola-oyun-header[b-gpc3npbus5] {
    padding: 18px 22px;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
}

.mola-oyun-baslik[b-gpc3npbus5] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.mola-oyun-emoji[b-gpc3npbus5] { font-size: 2.2rem; }

.mola-oyun-baslik h2[b-gpc3npbus5] { margin: 0; font-size: 1.2rem; font-weight: 800; }
.mola-oyun-baslik p[b-gpc3npbus5]  { margin: 2px 0 0; font-size: 0.85rem; opacity: 0.92; }

.mola-oyun-rekor[b-gpc3npbus5] {
    background: rgba(255, 255, 255, 0.22);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 8px 14px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: 1.1;
}

.mola-oyun-rekor span[b-gpc3npbus5] { font-size: 0.7rem; opacity: 0.9; font-weight: 600; }
.mola-oyun-rekor strong[b-gpc3npbus5] { font-size: 1.15rem; font-weight: 800; }

/* Header'ın sağ köşesi: rekor kutusu + tam ekran butonu yan yana */
.mola-oyun-header-sag[b-gpc3npbus5] {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* ═══ TAM EKRAN BUTONU ═══ */
.mola-fullscreen-btn[b-gpc3npbus5] {
    background: rgba(255, 255, 255, 0.22);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: white;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    cursor: pointer;
    font-size: 1.1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease, transform 0.15s ease;
    flex-shrink: 0;
}
.mola-fullscreen-btn:hover[b-gpc3npbus5] {
    background: rgba(255, 255, 255, 0.35);
    transform: scale(1.05);
}
.mola-fullscreen-btn:active[b-gpc3npbus5] { transform: scale(0.95); }

/* ═══ FULLSCREEN MODU ═══
   Kart tam ekrandayken: tüm viewport'u kapla, saha alanı genişlesin. */
.mola-oyun-kart:fullscreen[b-gpc3npbus5],
.mola-oyun-kart:-webkit-full-screen[b-gpc3npbus5] {
    width: 100vw;
    height: 100vh;
    border-radius: 0;
    border: none;
    background: white;
    display: flex;
    flex-direction: column;
}
.mola-oyun-kart:fullscreen .mola-oyun-saha[b-gpc3npbus5],
.mola-oyun-kart:-webkit-full-screen .mola-oyun-saha[b-gpc3npbus5] {
    flex: 1 1 auto;
    min-height: 0;
    padding: 32px;
}
.mola-oyun-kart:fullscreen .mola-oyun-header[b-gpc3npbus5],
.mola-oyun-kart:-webkit-full-screen .mola-oyun-header[b-gpc3npbus5] {
    flex-shrink: 0;
}

.mola-oyun-saha[b-gpc3npbus5] {
    min-height: 480px;
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #fafbfc, #f1f5f9);
    position: relative;
    overflow: hidden;
}

/* JS tarafından üretilen içeriği kapsayan wrapper — overlay'ler vs. düzgün konumlansın */
.mola-oyun-saha > div[b-gpc3npbus5] { width: 100%; max-width: 100%; }

.mola-oyun-baslat[b-gpc3npbus5] {
    text-align: center;
    max-width: 420px;
}

.mola-oyun-baslat-emoji[b-gpc3npbus5] {
    font-size: 5rem;
    margin-bottom: 14px;
    animation: molaPulse-b-gpc3npbus5 2s ease-in-out infinite;
}

@keyframes molaPulse-b-gpc3npbus5 {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.08); }
}

.mola-oyun-baslat h3[b-gpc3npbus5] {
    font-size: 1.4rem;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 10px;
}

.mola-oyun-baslat p[b-gpc3npbus5] {
    color: #64748b;
    font-size: 0.95rem;
    line-height: 1.55;
    margin: 0 0 20px;
}

/* ═══ ORTAK BUTON ═══
   JS tarafından üretilen "Tekrar Oyna" butonlarını da kapsasın diye
   hem normal scoped, hem ::deep tanımlıyoruz. */
.mola-btn[b-gpc3npbus5],
[b-gpc3npbus5] .mola-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: 10px;
    border: none;
    font-size: 0.92rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.18s ease;
    font-family: inherit;
    text-decoration: none;
    line-height: 1.2;
}

.mola-btn-buyuk[b-gpc3npbus5],
[b-gpc3npbus5] .mola-btn-buyuk {
    padding: 14px 36px;
    font-size: 1.02rem;
    border-radius: 14px;
}

.mola-btn-primary[b-gpc3npbus5],
[b-gpc3npbus5] .mola-btn-primary {
    background: linear-gradient(135deg, #1e40af, #3b82f6);
    color: white;
    box-shadow: 0 4px 14px rgba(59, 130, 246, 0.4);
}

.mola-btn-primary:hover[b-gpc3npbus5],
[b-gpc3npbus5] .mola-btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(59, 130, 246, 0.5);
}

.mola-btn-secondary[b-gpc3npbus5],
[b-gpc3npbus5] .mola-btn-secondary {
    background: white;
    color: #475569;
    border: 1px solid #e2e8f0;
}

.mola-btn-secondary:hover[b-gpc3npbus5],
[b-gpc3npbus5] .mola-btn-secondary:hover { background: #f1f5f9; color: #0f172a; }

/* ═══ REKOR BİLDİRİM ═══ */
.mola-rekor-bildirim[b-gpc3npbus5] {
    margin: 14px 22px;
    padding: 14px 18px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 600;
    font-size: 0.95rem;
    animation: molaSlide-b-gpc3npbus5 .35s ease;
}

@keyframes molaSlide-b-gpc3npbus5 {
    from { opacity: 0; transform: translateY(-10px); }
    to   { opacity: 1; transform: translateY(0); }
}

.mola-rekor-bildirim.iyi[b-gpc3npbus5] {
    background: linear-gradient(135deg, #dbeafe, #eff6ff);
    border: 1px solid #93c5fd;
    color: #1e3a8a;
}

.mola-rekor-bildirim.rekor[b-gpc3npbus5] {
    background: linear-gradient(135deg, #fef3c7, #fde68a);
    border: 1px solid #fbbf24;
    color: #78350f;
    animation: molaSlide-b-gpc3npbus5 .35s ease, molaGlow-b-gpc3npbus5 1.6s ease-in-out infinite;
}

@keyframes molaGlow-b-gpc3npbus5 {
    0%, 100% { box-shadow: 0 0 0 rgba(245, 158, 11, 0); }
    50%      { box-shadow: 0 0 24px rgba(245, 158, 11, 0.5); }
}

.mola-rekor-bildirim-emoji[b-gpc3npbus5] { font-size: 1.4rem; }

/* ═══ LEADERBOARD ═══ */
.mola-leaderboard[b-gpc3npbus5] {
    background: white;
    border-radius: 18px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 6px 20px rgba(15, 23, 42, 0.06);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.mola-lb-tabs[b-gpc3npbus5] {
    display: flex;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

.mola-lb-tab[b-gpc3npbus5] {
    flex: 1;
    padding: 12px;
    background: transparent;
    border: none;
    font-size: 0.84rem;
    font-weight: 700;
    color: #64748b;
    cursor: pointer;
    border-bottom: 3px solid transparent;
    transition: all 0.15s;
}

.mola-lb-tab:hover[b-gpc3npbus5] { color: #0f172a; background: rgba(241, 245, 249, 0.6); }

.mola-lb-tab.active[b-gpc3npbus5] {
    color: #db2777;
    border-bottom-color: #db2777;
    background: white;
}

.mola-lb-baslik[b-gpc3npbus5] {
    padding: 14px 18px;
    background: linear-gradient(180deg, #fafbfc, white);
    border-bottom: 1px solid #f1f5f9;
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    color: #0f172a;
    font-size: 0.95rem;
}

.mola-lb-emoji[b-gpc3npbus5] { font-size: 1.2rem; }

.mola-lb-bos[b-gpc3npbus5] {
    padding: 50px 20px;
    text-align: center;
    color: #94a3b8;
}

.mola-lb-bos > div[b-gpc3npbus5] { font-size: 3rem; margin-bottom: 10px; }
.mola-lb-bos p[b-gpc3npbus5] { margin: 0 0 4px; font-weight: 700; color: #475569; }
.mola-lb-bos small[b-gpc3npbus5] { font-size: 0.82rem; }

.mola-lb-liste[b-gpc3npbus5] {
    max-height: 540px;
    overflow-y: auto;
}

.mola-lb-satir[b-gpc3npbus5] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 18px;
    border-bottom: 1px solid #f1f5f9;
    transition: all 0.15s;
}

.mola-lb-satir:hover[b-gpc3npbus5] { background: #fafbfc; }

.mola-lb-satir.podyum[b-gpc3npbus5] {
    background: linear-gradient(90deg, transparent, rgba(245, 158, 11, 0.06));
}

.mola-lb-satir.isMe[b-gpc3npbus5] {
    background: linear-gradient(90deg, rgba(59, 130, 246, 0.08), rgba(59, 130, 246, 0.02));
    border-left: 3px solid #3b82f6;
}

.mola-lb-sira[b-gpc3npbus5] {
    width: 38px;
    text-align: center;
    flex-shrink: 0;
}

.mola-lb-madalya[b-gpc3npbus5] { font-size: 1.5rem; }

.mola-lb-numara[b-gpc3npbus5] {
    color: #94a3b8;
    font-size: 0.85rem;
    font-weight: 700;
}

.mola-lb-ad[b-gpc3npbus5] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.mola-lb-avatar[b-gpc3npbus5] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: linear-gradient(135deg, #1e293b, #475569);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.72rem;
    flex-shrink: 0;
}

.mola-lb-satir.isMe .mola-lb-avatar[b-gpc3npbus5] {
    background: linear-gradient(135deg, #1e40af, #3b82f6);
}

.mola-lb-ad-meta[b-gpc3npbus5] {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
    min-width: 0;
}

.mola-lb-ad-text[b-gpc3npbus5] {
    font-weight: 700;
    color: #0f172a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mola-lb-ad-meta small[b-gpc3npbus5] {
    font-size: 0.72rem;
    color: #94a3b8;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mola-lb-skor[b-gpc3npbus5] {
    font-weight: 800;
    color: #0f172a;
    font-variant-numeric: tabular-nums;
    font-size: 1rem;
}

/* ═══ KONFETİ (Yeni rekor) ═══ */
.mola-konfeti[b-gpc3npbus5] {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 9999;
    overflow: hidden;
}

.mola-konfeti-parca[b-gpc3npbus5] {
    position: absolute;
    top: -10px;
    width: 10px;
    height: 14px;
    border-radius: 2px;
    animation-name: molaKonfetiYagmur-b-gpc3npbus5;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes molaKonfetiYagmur-b-gpc3npbus5 {
    0%   { transform: translateY(0) rotate(0); opacity: 1; }
    100% { transform: translateY(110vh) rotate(720deg); opacity: 0.4; }
}

/* ═══════════════════════════════════════════════════════════════
   OYUN STİLLERİ — JS tarafından oluşturulan markup
   :deep() kullanıyoruz çünkü scoped CSS dinamik HTML'e uygulanmaz
   ─────────────────────────────────────────────────────────────── */

/* — REFLEKS — */
[b-gpc3npbus5] .rfl-cikti {
    width: 100%;
    height: 360px;
    border-radius: 22px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    cursor: pointer;
    user-select: none;
    transition: all 0.18s;
    color: white;
    text-align: center;
    padding: 20px;
}

[b-gpc3npbus5] .rfl-kirmizi  { background: linear-gradient(135deg, #fb7185, #be123c); }
[b-gpc3npbus5] .rfl-yesil    { background: linear-gradient(135deg, #34d399, #047857); animation: molaPulse-b-gpc3npbus5 0.4s ease-in-out infinite; }
[b-gpc3npbus5] .rfl-mavi     { background: linear-gradient(135deg, #60a5fa, #1e40af); }
[b-gpc3npbus5] .rfl-turuncu  { background: linear-gradient(135deg, #fb923c, #c2410c); }

[b-gpc3npbus5] .rfl-buyuk { font-size: 4.5rem; line-height: 1; }
[b-gpc3npbus5] .rfl-orta  { font-size: 1.6rem; font-weight: 800; letter-spacing: 1px; }
[b-gpc3npbus5] .rfl-kucuk { font-size: 0.95rem; opacity: 0.92; max-width: 360px; }
[b-gpc3npbus5] .rfl-tur   { font-size: 0.78rem; opacity: 0.85; font-weight: 600; margin-top: 8px; }

[b-gpc3npbus5] .rfl-final {
    text-align: center;
    padding: 30px 20px;
    background: linear-gradient(135deg, #f0f9ff, white);
    border-radius: 22px;
    width: 100%;
    max-width: 460px;
    margin: 0 auto;
    animation: molaFinalIn-b-gpc3npbus5 0.45s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 12px 40px rgba(15, 23, 42, 0.10);
    border: 1px solid #e2e8f0;
}

@keyframes molaFinalIn-b-gpc3npbus5 {
    from { opacity: 0; transform: translateY(20px) scale(0.96); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

[b-gpc3npbus5] .rfl-final-emoji { font-size: 4rem; margin-bottom: 8px; }
[b-gpc3npbus5] .rfl-final-skor { font-size: 3.6rem; font-weight: 900; color: #db2777; line-height: 1; }
[b-gpc3npbus5] .rfl-final-baslik { font-size: 0.85rem; color: #64748b; font-weight: 700; text-transform: uppercase; letter-spacing: 0.6px; margin-bottom: 14px; }
[b-gpc3npbus5] .rfl-final-detay { font-size: 1rem; color: #0f172a; font-weight: 600; margin-bottom: 16px; }
[b-gpc3npbus5] .rfl-final-mini { display: flex; gap: 6px; justify-content: center; flex-wrap: wrap; margin-bottom: 22px; }
[b-gpc3npbus5] .rfl-mini-bar {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 5px 10px;
    font-size: 0.78rem;
    font-weight: 600;
    color: #475569;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
[b-gpc3npbus5] .rfl-mini-bar-no {
    width: 18px;
    height: 18px;
    background: #db2777;
    color: white;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    font-weight: 800;
}

/* — 2048 — */
[b-gpc3npbus5] .g2-ust {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}

[b-gpc3npbus5] .g2-skor-kart {
    background: linear-gradient(135deg, #fbbf24, #d97706);
    color: white;
    padding: 10px 16px;
    border-radius: 12px;
    text-align: center;
    box-shadow: 0 4px 14px rgba(217, 119, 6, 0.3);
}

[b-gpc3npbus5] .g2-skor-kart-alt { background: linear-gradient(135deg, #1e40af, #3b82f6); box-shadow: 0 4px 14px rgba(59, 130, 246, 0.3); }

[b-gpc3npbus5] .g2-skor-baslik { font-size: 0.7rem; font-weight: 700; opacity: 0.92; }
[b-gpc3npbus5] .g2-skor-deger { font-size: 1.4rem; font-weight: 900; line-height: 1.1; font-variant-numeric: tabular-nums; }

[b-gpc3npbus5] .g2-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr);
    gap: 8px;
    background: #cbd5e1;
    padding: 10px;
    border-radius: 14px;
    width: 380px;
    height: 380px;
    margin: 0 auto;
}

[b-gpc3npbus5] .g2-hucre {
    background: rgba(255, 255, 255, 0.5);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 1.5rem;
    color: #1e293b;
    transition: all 0.15s;
}

[b-gpc3npbus5] .g2-h-2    { background: #fef3c7; color: #78350f; }
[b-gpc3npbus5] .g2-h-4    { background: #fde68a; color: #78350f; }
[b-gpc3npbus5] .g2-h-8    { background: #fb923c; color: white; font-size: 1.45rem; }
[b-gpc3npbus5] .g2-h-16   { background: #f97316; color: white; font-size: 1.4rem; }
[b-gpc3npbus5] .g2-h-32   { background: #ea580c; color: white; font-size: 1.4rem; }
[b-gpc3npbus5] .g2-h-64   { background: #dc2626; color: white; font-size: 1.4rem; }
[b-gpc3npbus5] .g2-h-128  { background: #be185d; color: white; font-size: 1.2rem; }
[b-gpc3npbus5] .g2-h-256  { background: #9d174d; color: white; font-size: 1.15rem; }
[b-gpc3npbus5] .g2-h-512  { background: #7e22ce; color: white; font-size: 1.1rem; }
[b-gpc3npbus5] .g2-h-1024 { background: #6d28d9; color: white; font-size: 1rem; }
[b-gpc3npbus5] .g2-h-2048 { background: linear-gradient(135deg, #fbbf24, #ec4899); color: white; font-size: 1rem; box-shadow: 0 0 20px rgba(236, 72, 153, 0.6); }

[b-gpc3npbus5] .g2-yardim { text-align: center; margin-top: 12px; color: #64748b; font-size: 0.85rem; }

[b-gpc3npbus5] .g2-bitti-overlay {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.65);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
    border-radius: inherit;
    animation: molaSlide-b-gpc3npbus5 0.25s ease-out;
    padding: 20px;
}

[b-gpc3npbus5] .g2-bitti-kart {
    background: white;
    border-radius: 22px;
    padding: 36px 30px;
    text-align: center;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.35);
    max-width: 380px;
    width: 100%;
    animation: molaFinalIn-b-gpc3npbus5 0.4s cubic-bezier(0.16, 1, 0.3, 1) 0.05s both;
}

[b-gpc3npbus5] .g2-bitti-emoji { font-size: 4rem; margin-bottom: 6px; }
[b-gpc3npbus5] .g2-bitti-baslik { font-size: 1.4rem; font-weight: 800; color: #0f172a; }
[b-gpc3npbus5] .g2-bitti-skor { font-size: 3rem; font-weight: 900; color: #db2777; margin: 8px 0 4px; }
[b-gpc3npbus5] .g2-bitti-detay { color: #475569; margin-bottom: 18px; }

/* — HATIRLA — */
[b-gpc3npbus5] .hl-ust {
    display: flex;
    gap: 10px;
    margin-bottom: 14px;
    flex-wrap: wrap;
    align-items: center;
}

[b-gpc3npbus5] .hl-stat {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 8px 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 80px;
}

[b-gpc3npbus5] .hl-stat-baslik { font-size: 0.7rem; font-weight: 700; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px; }
[b-gpc3npbus5] .hl-stat-deger { font-size: 1.2rem; font-weight: 800; color: #0f172a; font-variant-numeric: tabular-nums; }

[b-gpc3npbus5] .hl-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    width: 380px;
    margin: 0 auto;
}

[b-gpc3npbus5] .hl-kart {
    aspect-ratio: 1;
    border: none;
    border-radius: 12px;
    background: linear-gradient(135deg, #6366f1, #4f46e5);
    color: white;
    font-size: 2rem;
    font-weight: 800;
    cursor: pointer;
    position: relative;
    transform-style: preserve-3d;
    transition: transform 0.45s, opacity 0.3s;
    box-shadow: 0 4px 14px rgba(99, 102, 241, 0.3);
}

[b-gpc3npbus5] .hl-kart:hover { transform: translateY(-3px); }

[b-gpc3npbus5] .hl-kart-on, [b-gpc3npbus5] .hl-kart-arka {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    backface-visibility: hidden;
}

[b-gpc3npbus5] .hl-kart-on { background: linear-gradient(135deg, #6366f1, #4f46e5); }
[b-gpc3npbus5] .hl-kart-arka {
    background: linear-gradient(135deg, #fbbf24, #ec4899);
    transform: rotateY(180deg);
}

[b-gpc3npbus5] .hl-kart.acik { transform: rotateY(180deg); }
[b-gpc3npbus5] .hl-kart.eslesti { opacity: 0.5; cursor: default; box-shadow: none; }

/* — HIZLI MATEMATİK — */
[b-gpc3npbus5] .hm-ust {
    display: flex;
    gap: 12px;
    margin-bottom: 18px;
    justify-content: center;
    flex-wrap: wrap;
}

[b-gpc3npbus5] .hm-stat {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 10px 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 100px;
    transition: all 0.2s;
}

[b-gpc3npbus5] .hm-stat-baslik { font-size: 0.7rem; font-weight: 700; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px; }
[b-gpc3npbus5] .hm-stat-deger { font-size: 1.4rem; font-weight: 800; color: #0f172a; font-variant-numeric: tabular-nums; }

[b-gpc3npbus5] .hm-stat-sure { background: linear-gradient(135deg, #f0f9ff, #dbeafe); border-color: #93c5fd; }
[b-gpc3npbus5] .hm-stat-sure .hm-stat-deger { color: #1e40af; }

[b-gpc3npbus5] .hm-stat-yesil { background: linear-gradient(135deg, #f0fdf4, #dcfce7); border-color: #86efac; }
[b-gpc3npbus5] .hm-stat-yesil .hm-stat-deger { color: #047857; }

[b-gpc3npbus5] .hm-stat-kirmizi { background: linear-gradient(135deg, #fef2f2, #fee2e2); border-color: #fca5a5; }
[b-gpc3npbus5] .hm-stat-kirmizi .hm-stat-deger { color: #b91c1c; }

[b-gpc3npbus5] .hm-tehlike {
    animation: molaTehlike-b-gpc3npbus5 0.5s ease-in-out infinite;
}

@keyframes molaTehlike-b-gpc3npbus5 {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); border-color: #dc2626; }
}

[b-gpc3npbus5] .hm-soru-kart {
    background: linear-gradient(135deg, #fef3c7, #fde68a);
    border: 2px solid #fbbf24;
    border-radius: 18px;
    padding: 26px 30px;
    text-align: center;
    margin-bottom: 18px;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
}

[b-gpc3npbus5] .hm-soru-no { font-size: 0.78rem; font-weight: 700; color: #78350f; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 8px; }
[b-gpc3npbus5] .hm-soru { font-size: 2.4rem; font-weight: 900; color: #451a03; }

[b-gpc3npbus5] .hm-siklar {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    max-width: 480px;
    margin: 0 auto;
}

[b-gpc3npbus5] .hm-sik {
    padding: 18px;
    background: white;
    border: 2px solid #e2e8f0;
    border-radius: 14px;
    font-size: 1.4rem;
    font-weight: 800;
    color: #0f172a;
    cursor: pointer;
    transition: all 0.15s ease;
    font-variant-numeric: tabular-nums;
    font-family: inherit;
}

[b-gpc3npbus5] .hm-sik:hover { background: #f1f5f9; transform: translateY(-2px); border-color: #94a3b8; }

[b-gpc3npbus5] .hm-sik-dogru {
    background: linear-gradient(135deg, #34d399, #047857);
    color: white;
    border-color: transparent;
    transform: scale(1.05);
}

[b-gpc3npbus5] .hm-sik-yanlis {
    background: linear-gradient(135deg, #fb7185, #be123c);
    color: white;
    border-color: transparent;
    animation: molaShake-b-gpc3npbus5 0.4s;
}

@keyframes molaShake-b-gpc3npbus5 {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-6px); }
    75% { transform: translateX(6px); }
}

[b-gpc3npbus5] .hm-final {
    text-align: center;
    padding: 30px 20px;
    background: linear-gradient(135deg, #eff6ff, white);
    border-radius: 22px;
    width: 100%;
    max-width: 460px;
    margin: 0 auto;
    animation: molaFinalIn-b-gpc3npbus5 0.45s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 12px 40px rgba(15, 23, 42, 0.10);
    border: 1px solid #e2e8f0;
}

[b-gpc3npbus5] .hm-final-emoji { font-size: 4rem; margin-bottom: 4px; }
[b-gpc3npbus5] .hm-final-skor { font-size: 3.6rem; font-weight: 900; color: #0369a1; line-height: 1; }
[b-gpc3npbus5] .hm-final-baslik { font-size: 0.85rem; color: #64748b; font-weight: 700; text-transform: uppercase; letter-spacing: 0.6px; margin-bottom: 14px; }
[b-gpc3npbus5] .hm-final-detay { font-size: 0.95rem; color: #0f172a; font-weight: 600; margin-bottom: 22px; }

/* — KÖSTEBEK VUR — */
[b-gpc3npbus5] .kt-ust {
    display: flex;
    gap: 10px;
    margin-bottom: 14px;
    justify-content: center;
    flex-wrap: wrap;
}
[b-gpc3npbus5] .kt-stat {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 8px 16px;
    min-width: 90px;
    text-align: center;
    display: flex;
    flex-direction: column;
}
[b-gpc3npbus5] .kt-stat-baslik { font-size: 0.7rem; font-weight: 700; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px; }
[b-gpc3npbus5] .kt-stat-deger { font-size: 1.3rem; font-weight: 800; color: #0f172a; font-variant-numeric: tabular-nums; }

[b-gpc3npbus5] .kt-stat-sure   { background: linear-gradient(135deg, #f0f9ff, #dbeafe); border-color: #93c5fd; }
[b-gpc3npbus5] .kt-stat-sure   .kt-stat-deger { color: #1e40af; }
[b-gpc3npbus5] .kt-stat-yesil  { background: linear-gradient(135deg, #f0fdf4, #dcfce7); border-color: #86efac; }
[b-gpc3npbus5] .kt-stat-yesil  .kt-stat-deger { color: #047857; }
[b-gpc3npbus5] .kt-stat-kirmizi{ background: linear-gradient(135deg, #fef2f2, #fee2e2); border-color: #fca5a5; }
[b-gpc3npbus5] .kt-stat-kirmizi .kt-stat-deger{ color: #b91c1c; }
[b-gpc3npbus5] .kt-stat-mor    { background: linear-gradient(135deg, #f5f3ff, #ede9fe); border-color: #c4b5fd; }
[b-gpc3npbus5] .kt-stat-mor    .kt-stat-deger { color: #6d28d9; }
[b-gpc3npbus5] .kt-tehlike { animation: molaTehlike-b-gpc3npbus5 0.5s ease-in-out infinite; }

[b-gpc3npbus5] .kt-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    width: 380px;
    margin: 0 auto;
}

[b-gpc3npbus5] .kt-delik {
    aspect-ratio: 1;
    border: none;
    background: transparent;
    cursor: pointer;
    position: relative;
    padding: 0;
}

[b-gpc3npbus5] .kt-delik-icHavuz {
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at center bottom, #92400e 0%, #78350f 60%, #451a03 100%);
    border-radius: 50%;
    box-shadow: inset 0 8px 16px rgba(0, 0, 0, 0.5), 0 4px 14px rgba(120, 53, 15, 0.4);
}

[b-gpc3npbus5] .kt-mol {
    position: absolute;
    left: 0; right: 0;
    bottom: -30%;
    height: 75%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    transition: bottom 0.18s cubic-bezier(0.34, 1.56, 0.64, 1);
    pointer-events: none;
}

[b-gpc3npbus5] .kt-mol.aktif {
    bottom: 18%;
}

[b-gpc3npbus5] .kt-yardim { text-align: center; margin-top: 14px; color: #64748b; font-size: 0.85rem; }

/* — YILAN — */
[b-gpc3npbus5] .yl-ust {
    display: flex;
    gap: 10px;
    margin-bottom: 14px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

[b-gpc3npbus5] .yl-stat {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 8px 16px;
    min-width: 100px;
    text-align: center;
    display: flex;
    flex-direction: column;
}
[b-gpc3npbus5] .yl-stat-baslik { font-size: 0.7rem; font-weight: 700; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px; }
[b-gpc3npbus5] .yl-stat-deger { font-size: 1.3rem; font-weight: 800; color: #15803d; font-variant-numeric: tabular-nums; }

[b-gpc3npbus5] .yl-grid {
    display: grid;
    margin: 0 auto;
    background: #f0fdf4;
    border: 2px solid #86efac;
    border-radius: 12px;
    padding: 4px;
    box-shadow: 0 4px 14px rgba(34, 197, 94, 0.12);
    user-select: none;
    touch-action: none;
}

[b-gpc3npbus5] .yl-h { background: transparent; }
[b-gpc3npbus5] .yl-bas {
    background: #16a34a;
    border-radius: 4px;
    box-shadow: 0 0 6px rgba(22, 163, 74, 0.5);
}
[b-gpc3npbus5] .yl-govde {
    background: linear-gradient(135deg, #22c55e, #16a34a);
    border-radius: 3px;
}
[b-gpc3npbus5] .yl-elma {
    background: #fee2e2;
    border-radius: 50%;
    box-shadow: 0 0 4px rgba(220, 38, 38, 0.4);
    animation: ylElmaPulse-b-gpc3npbus5 0.9s ease-in-out infinite;
}

@keyframes ylElmaPulse-b-gpc3npbus5 {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.18); }
}

[b-gpc3npbus5] .yl-yardim { text-align: center; margin-top: 12px; color: #64748b; font-size: 0.85rem; }

/* MOBİL */
@media (max-width: 720px) {
    .mola-page[b-gpc3npbus5] { padding: 14px 12px 40px; }
    .mola-hero[b-gpc3npbus5] { padding: 22px 18px; }
    .mola-hero-baslik[b-gpc3npbus5] { font-size: 1.4rem; }
    .mola-hero-stat[b-gpc3npbus5] { min-width: 0; padding: 8px 12px; }
    .mola-hero-stat-deger[b-gpc3npbus5] { font-size: 1.1rem; }
    .mola-tabs[b-gpc3npbus5] { padding: 6px; }
    .mola-tab[b-gpc3npbus5] { min-width: 0; padding: 10px 12px; font-size: 0.82rem; flex: 1 1 calc(50% - 5px); }
    .mola-oyun-saha[b-gpc3npbus5] { padding: 14px; min-height: 420px; }
    [b-gpc3npbus5] .g2-grid, [b-gpc3npbus5] .hl-grid, [b-gpc3npbus5] .kt-grid { width: 100%; max-width: 360px; }
    [b-gpc3npbus5] .g2-grid { height: auto; aspect-ratio: 1; }
    [b-gpc3npbus5] .hm-sik { padding: 14px; font-size: 1.2rem; }
    [b-gpc3npbus5] .hm-soru { font-size: 1.8rem; }
    [b-gpc3npbus5] .yl-grid { transform: scale(0.8); transform-origin: center top; }
}

/* ===========================================================
   OYUN: ARABA YARI�I (yarisi)
   =========================================================== */
[b-gpc3npbus5] .yr-wrap {
    position: relative;
    margin: 0 auto;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.25);
    background: #1f2937;
    user-select: none;
    touch-action: none;
}

[b-gpc3npbus5] .yr-wrap canvas {
    display: block;
    width: 100%;
    height: 100%;
    background: #1f2937;
}

[b-gpc3npbus5] .yr-hud {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    display: flex;
    justify-content: space-between;
    z-index: 5;
    pointer-events: none;
}

[b-gpc3npbus5] .yr-skor, [b-gpc3npbus5] .yr-hiz {
    background: rgba(15, 23, 42, 0.78);
    color: white;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 0.85rem;
    font-weight: 700;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border: 1px solid rgba(255, 255, 255, 0.15);
}

[b-gpc3npbus5] .yr-skor strong, [b-gpc3npbus5] .yr-hiz strong {
    font-variant-numeric: tabular-nums;
    font-weight: 900;
    margin-left: 4px;
}

[b-gpc3npbus5] .yr-mobil-kontrol {
    position: absolute;
    bottom: 14px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    padding: 0 14px;
    pointer-events: none;
    z-index: 6;
}

[b-gpc3npbus5] .yr-mk {
    pointer-events: auto;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.3);
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    color: white;
    font-size: 1.4rem;
    font-weight: 900;
    cursor: pointer;
    transition: transform 0.1s ease, background 0.15s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}
[b-gpc3npbus5] .yr-mk:hover { background: rgba(15, 23, 42, 0.85); }
[b-gpc3npbus5] .yr-mk:active { transform: scale(0.92); background: rgba(59, 130, 246, 0.8); }

/* Geni� ekranda mobil butonlar� daha ufak ve sadece touch cihazlarda g�ster.
   Klavye + mouse kullan�c�lar� zaten ok tu�lar�yla oynayabilir. */
@media (hover: hover) and (pointer: fine) {
    [b-gpc3npbus5] .yr-mobil-kontrol { opacity: 0.35; }
    [b-gpc3npbus5] .yr-mobil-kontrol:hover { opacity: 1; }
}

/* ===========================================================
   ORTAK SWIPE HINT (araba yar\u0131\u015f\u0131 vb.)
   =========================================================== */
[b-gpc3npbus5] .yr-swipe-hint {
    position: absolute;
    bottom: 90px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(15, 23, 42, 0.78);
    color: white;
    padding: 8px 16px;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 600;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border: 1px solid rgba(255, 255, 255, 0.18);
    pointer-events: none;
    z-index: 7;
    transition: opacity 0.5s ease;
    white-space: nowrap;
}

/* ===========================================================
   OYUN: BALON PATLATMA (balon)
   =========================================================== */
[b-gpc3npbus5] .bp-wrap {
    position: relative;
    margin: 0 auto;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(236, 72, 153, 0.25);
    user-select: none;
    touch-action: none;
}
/* Balon patlatma — özel "iğne" imleci (gerçek bir iğne ipucuyla balona dokunma hissi).
   Hotspot (4,28): SVG'nin sol-alt ucu, yani iğnenin sivri ucu balona değen nokta. */
[b-gpc3npbus5] .bp-wrap canvas {
    display: block;
    cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23fde047'/><stop offset='1' stop-color='%23dc2626'/></linearGradient></defs><circle cx='22' cy='10' r='6' fill='url(%23g)' stroke='%23000' stroke-width='1.5'/><line x1='4' y1='28' x2='18' y2='14' stroke='%23000' stroke-width='2.5' stroke-linecap='round'/><line x1='4' y1='28' x2='18' y2='14' stroke='%23e2e8f0' stroke-width='1' stroke-linecap='round'/></svg>") 4 28, crosshair;
}
/* Tıklarken (mouse-down) iğne kırmızıya döner — bastığını net hissettirir. */
[b-gpc3npbus5] .bp-wrap canvas:active {
    cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><circle cx='22' cy='10' r='7' fill='%23ef4444' stroke='%23000' stroke-width='1.5'/><line x1='4' y1='28' x2='18' y2='14' stroke='%23000' stroke-width='3' stroke-linecap='round'/></svg>") 4 28, crosshair;
}
[b-gpc3npbus5] .bp-hud {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    display: flex;
    justify-content: space-between;
    z-index: 5;
    pointer-events: none;
}
[b-gpc3npbus5] .bp-skor, [b-gpc3npbus5] .bp-sure {
    background: rgba(255, 255, 255, 0.85);
    color: #831843;
    padding: 6px 14px;
    border-radius: 999px;
    font-size: 0.85rem;
    font-weight: 800;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border: 1px solid rgba(236, 72, 153, 0.3);
    box-shadow: 0 2px 8px rgba(236, 72, 153, 0.15);
}
[b-gpc3npbus5] .bp-skor strong, [b-gpc3npbus5] .bp-sure strong {
    font-variant-numeric: tabular-nums;
    color: #be185d;
    margin-left: 4px;
}

/* ===========================================================
   OYUN: TA\u015E KIRAN (taskiran / brick breaker)
   =========================================================== */
[b-gpc3npbus5] .tk-wrap {
    position: relative;
    margin: 0 auto;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.35);
    user-select: none;
    touch-action: none;
}
[b-gpc3npbus5] .tk-wrap canvas { display: block; cursor: none; }
[b-gpc3npbus5] .tk-hud {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    display: flex;
    justify-content: space-between;
    gap: 8px;
    z-index: 5;
    pointer-events: none;
}
[b-gpc3npbus5] .tk-skor, [b-gpc3npbus5] .tk-can, [b-gpc3npbus5] .tk-dalga {
    background: rgba(15, 23, 42, 0.78);
    color: white;
    padding: 6px 14px;
    border-radius: 999px;
    font-size: 0.85rem;
    font-weight: 700;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border: 1px solid rgba(255, 255, 255, 0.15);
}
[b-gpc3npbus5] .tk-skor strong, [b-gpc3npbus5] .tk-can strong, [b-gpc3npbus5] .tk-dalga strong {
    font-variant-numeric: tabular-nums;
    font-weight: 900;
    margin-left: 4px;
    color: #fbbf24;
}
[b-gpc3npbus5] .tk-baslat-yardim {
    position: absolute;
    bottom: 70px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(59, 130, 246, 0.92);
    color: white;
    padding: 10px 18px;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 700;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border: 1px solid rgba(255, 255, 255, 0.25);
    box-shadow: 0 4px 14px rgba(59, 130, 246, 0.4);
    pointer-events: none;
    z-index: 6;
    transition: opacity 0.4s ease;
    animation: tk-zip-b-gpc3npbus5 1.6s ease-in-out infinite;
}
@keyframes tk-zip-b-gpc3npbus5 {
    0%, 100% { transform: translateX(-50%) scale(1); }
    50%      { transform: translateX(-50%) scale(1.06); }
}

/* ===========================================================
   OYUN: T�NEL S�R��� 3D (tunel)
   =========================================================== */
[b-gpc3npbus5] .tn-wrap {
    position: relative;
    margin: 0 auto;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 8px 30px rgba(124, 58, 237, 0.5);
    user-select: none;
    touch-action: none;
    background: #000;
}
[b-gpc3npbus5] .tn-wrap canvas { display: block; cursor: crosshair; }
[b-gpc3npbus5] .tn-hud {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    display: flex;
    justify-content: space-between;
    gap: 6px;
    flex-wrap: wrap;
    z-index: 5;
    pointer-events: none;
}
[b-gpc3npbus5] .tn-skor, [b-gpc3npbus5] .tn-yildiz, [b-gpc3npbus5] .tn-can {
    background: rgba(15, 23, 42, 0.78);
    color: white;
    padding: 6px 13px;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 700;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(167, 139, 250, 0.4);
    box-shadow: 0 0 12px rgba(167, 139, 250, 0.25);
}
[b-gpc3npbus5] .tn-skor strong, [b-gpc3npbus5] .tn-yildiz strong, [b-gpc3npbus5] .tn-can strong {
    font-variant-numeric: tabular-nums;
    font-weight: 900;
    margin-left: 4px;
}
[b-gpc3npbus5] .tn-skor strong   { color: #a78bfa; }
[b-gpc3npbus5] .tn-yildiz strong { color: #fde047; }
[b-gpc3npbus5] .tn-can strong    { color: #fb7185; }

[b-gpc3npbus5] .tn-yardim {
    position: absolute;
    bottom: 18px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(124, 58, 237, 0.85);
    color: white;
    padding: 9px 18px;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 600;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.25);
    box-shadow: 0 4px 14px rgba(124, 58, 237, 0.5);
    pointer-events: none;
    z-index: 6;
    transition: opacity 0.5s ease;
    white-space: nowrap;
}

/* ===========================================================
   MEDISREALM ANA OYUN BANNER (mola sayfasinda)
   =========================================================== */
[b-gpc3npbus5] .mk-realm-banner {
    position: relative;
    display: flex;
    align-items: center;
    gap: 24px;
    margin: 18px 0 22px 0;
    padding: 26px 32px;
    background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #581c87 100%);
    border: 2px solid rgba(251, 191, 36, 0.4);
    border-radius: 18px;
    box-shadow: 0 12px 32px rgba(124, 58, 237, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.08);
    cursor: pointer;
    overflow: hidden;
    transition: all 0.3s ease;
}
[b-gpc3npbus5] .mk-realm-banner:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 44px rgba(251, 191, 36, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.12);
    border-color: rgba(251, 191, 36, 0.7);
}
[b-gpc3npbus5] .mk-realm-banner:focus-visible {
    outline: 3px solid #fbbf24;
    outline-offset: 4px;
}

[b-gpc3npbus5] .mk-realm-banner-bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
}
[b-gpc3npbus5] .mk-realm-glyph {
    position: absolute;
    font-size: 4rem;
    opacity: 0.10;
    animation: mk-realm-float-b-gpc3npbus5 6s ease-in-out infinite;
}
[b-gpc3npbus5] .mk-realm-glyph-1 { top:  10%; left:  6%;  animation-delay: 0s;   }
[b-gpc3npbus5] .mk-realm-glyph-2 { top:  60%; left: 18%;  animation-delay: 1.2s; }
[b-gpc3npbus5] .mk-realm-glyph-3 { top:  20%; right: 22%; font-size: 5rem; animation-delay: 2.4s; opacity: 0.12; }
[b-gpc3npbus5] .mk-realm-glyph-4 { top:  70%; right: 10%; animation-delay: 3.6s; }
[b-gpc3npbus5] .mk-realm-glyph-5 { top:  40%; left: 45%;  animation-delay: 4.8s; }
@keyframes mk-realm-float-b-gpc3npbus5 {
    0%, 100% { transform: translate(0, 0) rotate(0deg); }
    50%      { transform: translate(8px, -10px) rotate(8deg); }
}

[b-gpc3npbus5] .mk-realm-banner-icerik {
    position: relative;
    flex: 1;
    z-index: 2;
    color: white;
}
[b-gpc3npbus5] .mk-realm-rozet {
    display: inline-block;
    background: linear-gradient(90deg, #fbbf24, #f59e0b);
    color: #0f172a;
    font-weight: 800;
    font-size: 0.74rem;
    padding: 4px 12px;
    border-radius: 999px;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    margin-bottom: 10px;
    box-shadow: 0 2px 8px rgba(251, 191, 36, 0.45);
}
[b-gpc3npbus5] .mk-realm-baslik {
    margin: 0 0 6px 0;
    font-size: 2rem;
    font-weight: 900;
    background: linear-gradient(90deg, #fde047 0%, #fbbf24 50%, #fb923c 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: 0 2px 12px rgba(251, 191, 36, 0.3);
    letter-spacing: 0.5px;
}
[b-gpc3npbus5] .mk-realm-aciklama {
    margin: 0 0 12px 0;
    font-size: 0.92rem;
    color: #cbd5e1;
    line-height: 1.5;
    max-width: 580px;
}
[b-gpc3npbus5] .mk-realm-ozellikler {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
[b-gpc3npbus5] .mk-realm-ozellikler span {
    background: rgba(251, 191, 36, 0.15);
    color: #fde047;
    border: 1px solid rgba(251, 191, 36, 0.35);
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 600;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

[b-gpc3npbus5] .mk-realm-cta {
    position: relative;
    z-index: 2;
    flex-shrink: 0;
}
[b-gpc3npbus5] .mk-realm-cta-btn {
    display: inline-block;
    background: linear-gradient(180deg, #fbbf24, #f59e0b);
    color: #0f172a;
    font-weight: 800;
    padding: 14px 26px;
    border-radius: 12px;
    font-size: 1rem;
    box-shadow: 0 6px 18px rgba(251, 191, 36, 0.5);
    transition: all 0.2s;
    white-space: nowrap;
}
[b-gpc3npbus5] .mk-realm-banner:hover .mk-realm-cta-btn {
    transform: scale(1.05);
    box-shadow: 0 8px 24px rgba(251, 191, 36, 0.7);
}

/* Mini oyunlar baslik */
[b-gpc3npbus5] .mk-mini-baslik {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 26px 0 12px 0;
    padding: 0 4px;
}
[b-gpc3npbus5] .mk-mini-emoji { font-size: 1.6rem; }
[b-gpc3npbus5] .mk-mini-baslik h3 {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 800;
    color: var(--text-primary, #1e293b);
}
[b-gpc3npbus5] .mk-mini-baslik p {
    margin: 0;
    font-size: 0.85rem;
    color: var(--text-muted, #64748b);
}

/* Mobil */
@media (max-width: 768px) {
    [b-gpc3npbus5] .mk-realm-banner {
        flex-direction: column;
        text-align: center;
        padding: 20px;
        gap: 16px;
    }
    [b-gpc3npbus5] .mk-realm-aciklama { margin: 0 auto 12px auto; }
    [b-gpc3npbus5] .mk-realm-ozellikler { justify-content: center; }
    [b-gpc3npbus5] .mk-realm-baslik { font-size: 1.6rem; }
}
/* /Components/Pages/NotFound.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   404 — Bulunamadı sayfası (EmptyLayout, sidebarsız fullscreen)
   ═══════════════════════════════════════════════════════════ */
[b-6dkpwc8keh] .nf-root {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    font-family: 'Segoe UI', system-ui, sans-serif;
    background:
        radial-gradient(circle at 20% 20%, #312e81 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, #0e7490 0%, transparent 50%),
        linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);
    overflow: auto;
    z-index: 1;
}

/* Arka plan dekoratif öğeler */
[b-6dkpwc8keh] .nf-bg {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    z-index: 0;
}
[b-6dkpwc8keh] .nf-blob {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.35;
    animation: nfFloat-b-6dkpwc8keh 18s ease-in-out infinite;
}
[b-6dkpwc8keh] .nf-blob-1 {
    width: 500px; height: 500px;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    top: -120px; left: -120px;
}
[b-6dkpwc8keh] .nf-blob-2 {
    width: 420px; height: 420px;
    background: linear-gradient(135deg, #22d3ee, #0ea5e9);
    bottom: -100px; right: -100px;
    animation-delay: -9s;
}
@keyframes nfFloat-b-6dkpwc8keh {
    0%, 100% { transform: translate(0, 0) scale(1); }
    50%      { transform: translate(40px, 30px) scale(1.1); }
}
[b-6dkpwc8keh] .nf-grid {
    position: absolute;
    inset: -50%;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
    background-size: 48px 48px;
    animation: nfGridMove-b-6dkpwc8keh 60s linear infinite;
}
@keyframes nfGridMove-b-6dkpwc8keh {
    to { transform: translate(48px, 48px); }
}

/* Kart */
[b-6dkpwc8keh] .nf-card {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 520px;
    padding: 44px 40px 36px;
    background: rgba(15, 23, 42, 0.7);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 24px;
    box-shadow:
        0 40px 80px -20px rgba(0, 0, 0, 0.6),
        0 0 0 1px rgba(99, 102, 241, 0.1) inset;
    color: #e2e8f0;
    text-align: center;
    animation: nfCardIn-b-6dkpwc8keh 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes nfCardIn-b-6dkpwc8keh {
    from { opacity: 0; transform: translateY(20px) scale(0.96); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

/* Marka satırı: logo + Medisist */
[b-6dkpwc8keh] .nf-brand {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 28px;
}
[b-6dkpwc8keh] .nf-brand svg {
    border-radius: 10px;
    filter: drop-shadow(0 6px 16px rgba(99, 102, 241, 0.5));
}
[b-6dkpwc8keh] .nf-brand-name {
    font-size: 1.6rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    background: linear-gradient(135deg, #ffffff 0%, #c7d2fe 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1;
}

/* 404 görseli — çok katmanlı SVG + orbit */
[b-6dkpwc8keh] .nf-404 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 4px auto 18px;
    width: 100%;
    max-width: 340px;
    height: 140px;
    animation: nfFloat404-b-6dkpwc8keh 6s ease-in-out infinite;
}
@keyframes nfFloat404-b-6dkpwc8keh {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-6px); }
}

[b-6dkpwc8keh] .nf-404-svg {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    overflow: visible;
}

/* Üç katman: glow (blur) + stroke (outline) + fill (gradient) */
[b-6dkpwc8keh] .nf-404-svg text {
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    font-size: 130px;
    font-weight: 900;
    letter-spacing: -0.04em;
}
[b-6dkpwc8keh] .nf-404-glow {
    opacity: 0.55;
    animation: nfPulseGlow-b-6dkpwc8keh 3s ease-in-out infinite;
}
@keyframes nfPulseGlow-b-6dkpwc8keh {
    0%, 100% { opacity: 0.45; }
    50%      { opacity: 0.75; }
}
[b-6dkpwc8keh] .nf-404-stroke {
    opacity: 0.4;
    transform: translate(0, 0);
    animation: nfShimmer-b-6dkpwc8keh 4s ease-in-out infinite;
}
@keyframes nfShimmer-b-6dkpwc8keh {
    0%, 100% { transform: translate(0, 0); opacity: 0.4; }
    50%      { transform: translate(-2px, -1px); opacity: 0.7; }
}
[b-6dkpwc8keh] .nf-404-fill {
    filter: drop-shadow(0 6px 18px rgba(99, 102, 241, 0.4));
}

/* Orbit eden 3 nokta — uzayda kaybolmuş hissi */
[b-6dkpwc8keh] .nf-orbit {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}
[b-6dkpwc8keh] .nf-dot {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px; height: 8px;
    border-radius: 50%;
    transform-origin: 0 0;
}
[b-6dkpwc8keh] .nf-dot-1 {
    background: #818cf8;
    box-shadow: 0 0 16px #818cf8, 0 0 6px #fff;
    animation: nfOrbit1-b-6dkpwc8keh 7s linear infinite;
}
[b-6dkpwc8keh] .nf-dot-2 {
    width: 6px; height: 6px;
    background: #22d3ee;
    box-shadow: 0 0 14px #22d3ee, 0 0 4px #fff;
    animation: nfOrbit2-b-6dkpwc8keh 9s linear infinite;
}
[b-6dkpwc8keh] .nf-dot-3 {
    width: 5px; height: 5px;
    background: #f0abfc;
    box-shadow: 0 0 12px #f0abfc;
    animation: nfOrbit3-b-6dkpwc8keh 11s linear infinite;
}
@keyframes nfOrbit1-b-6dkpwc8keh {
    from { transform: rotate(0deg) translateX(160px) rotate(0deg); }
    to   { transform: rotate(360deg) translateX(160px) rotate(-360deg); }
}
@keyframes nfOrbit2-b-6dkpwc8keh {
    from { transform: rotate(120deg) translateX(135px) rotate(-120deg); }
    to   { transform: rotate(480deg) translateX(135px) rotate(-480deg); }
}
@keyframes nfOrbit3-b-6dkpwc8keh {
    from { transform: rotate(240deg) translateX(180px) rotate(-240deg); }
    to   { transform: rotate(600deg) translateX(180px) rotate(-600deg); }
}

[b-6dkpwc8keh] .nf-card h1 {
    margin: 0 0 10px;
    font-size: 1.8rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    background: linear-gradient(135deg, #ffffff 0%, #c7d2fe 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
[b-6dkpwc8keh] .nf-sub {
    margin: 0 0 28px;
    color: #cbd5e1;
    font-size: 0.98rem;
    line-height: 1.55;
}

/* Aksiyonlar */
[b-6dkpwc8keh] .nf-actions {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 24px;
}
[b-6dkpwc8keh] .nf-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 22px;
    border: none;
    border-radius: 12px;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.25s ease, background 0.25s ease;
    font-family: inherit;
}
[b-6dkpwc8keh] .nf-btn-primary {
    background: linear-gradient(135deg, #6366f1, #22d3ee);
    color: #fff;
    box-shadow: 0 8px 22px rgba(99, 102, 241, 0.4);
}
[b-6dkpwc8keh] .nf-btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(99, 102, 241, 0.55);
}
[b-6dkpwc8keh] .nf-btn-secondary {
    background: rgba(255, 255, 255, 0.08);
    color: #e2e8f0;
    border: 1px solid rgba(255, 255, 255, 0.12);
}
[b-6dkpwc8keh] .nf-btn-secondary:hover {
    background: rgba(255, 255, 255, 0.14);
    transform: translateY(-2px);
}

[b-6dkpwc8keh] .nf-hint {
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    color: #94a3b8;
    font-size: 0.82rem;
    line-height: 1.55;
}

@media (max-width: 520px) {
    [b-6dkpwc8keh] .nf-card { padding: 32px 24px 28px; }
    [b-6dkpwc8keh] .nf-404 { height: 100px; max-width: 260px; }
    [b-6dkpwc8keh] .nf-404-svg text { font-size: 92px; }
    [b-6dkpwc8keh] .nf-dot-1 { animation-name: nfOrbit1Sm-b-6dkpwc8keh; }
    [b-6dkpwc8keh] .nf-dot-2 { animation-name: nfOrbit2Sm-b-6dkpwc8keh; }
    [b-6dkpwc8keh] .nf-dot-3 { animation-name: nfOrbit3Sm-b-6dkpwc8keh; }
    [b-6dkpwc8keh] .nf-card h1 { font-size: 1.5rem; }
    [b-6dkpwc8keh] .nf-actions { flex-direction: column; }
    [b-6dkpwc8keh] .nf-btn { width: 100%; justify-content: center; }
}
@keyframes nfOrbit1Sm-b-6dkpwc8keh {
    from { transform: rotate(0deg) translateX(115px) rotate(0deg); }
    to   { transform: rotate(360deg) translateX(115px) rotate(-360deg); }
}
@keyframes nfOrbit2Sm-b-6dkpwc8keh {
    from { transform: rotate(120deg) translateX(95px) rotate(-120deg); }
    to   { transform: rotate(480deg) translateX(95px) rotate(-480deg); }
}
@keyframes nfOrbit3Sm-b-6dkpwc8keh {
    from { transform: rotate(240deg) translateX(130px) rotate(-240deg); }
    to   { transform: rotate(600deg) translateX(130px) rotate(-600deg); }
}
/* /Components/Pages/Portal/PortalKoordinator.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   KOORDİNATÖR PORTAL — PortalSponsor.razor.css ile aynı stil paleti.
   Blazor scoped CSS bileşen başına çalıştığı için tekrarlıyoruz.
   Stil değişiklikleri her iki dosyada da yapılmalı.
   ─────────────────────────────────────────────────────────────── */

.portal-page[b-49h48ul5ry] { display:flex; flex-direction:column; gap:22px; }

.portal-hero[b-49h48ul5ry] {
    position:relative; overflow:hidden;
    background: linear-gradient(135deg, var(--portal-accent, #047857) 0%, var(--portal-accent-2, #10b981) 100%);
    color:white; padding:30px 36px; border-radius:22px;
    box-shadow: 0 14px 40px rgba(15, 23, 42, 0.18);
}
.portal-hero-text[b-49h48ul5ry] { position:relative; z-index:2; }
.portal-hero-eyebrow[b-49h48ul5ry] {
    display:inline-block; padding:5px 12px;
    background:rgba(255,255,255,0.18); backdrop-filter:blur(8px);
    border:1px solid rgba(255,255,255,0.25); border-radius:999px;
    font-size:0.7rem; font-weight:700; text-transform:uppercase; letter-spacing:0.6px;
    margin-bottom:12px;
}
.portal-hero-title[b-49h48ul5ry] { font-size:1.7rem; font-weight:800; margin:0 0 6px; letter-spacing:-0.3px; outline:none !important; box-shadow:none !important; }
.portal-hero-title:focus[b-49h48ul5ry], .portal-hero-title:focus-visible[b-49h48ul5ry], .portal-hero-title:active[b-49h48ul5ry] { outline:none !important; box-shadow:none !important; }
.portal-hero-sub[b-49h48ul5ry] { margin:0 0 14px; opacity:0.92; font-size:0.96rem; line-height:1.5; max-width:640px; }
.portal-hero-kapsam[b-49h48ul5ry] {
    display:inline-flex; align-items:center; gap:9px; padding:8px 14px;
    background:rgba(255,255,255,0.18); backdrop-filter:blur(8px);
    border:1px solid rgba(255,255,255,0.25); border-radius:12px;
    font-size:0.85rem; font-weight:600;
}
.portal-hero-kapsam-ikon[b-49h48ul5ry] { font-size:1.05rem; }
.portal-hero-decor[b-49h48ul5ry] { position:absolute; inset:0; pointer-events:none; }
.phd-circle[b-49h48ul5ry] { position:absolute; border-radius:50%; background:rgba(255,255,255,0.08); }
.phd-c1[b-49h48ul5ry] { width:280px; height:280px; right:-80px; top:-120px; }
.phd-c2[b-49h48ul5ry] { width:180px; height:180px; right:120px; bottom:-100px; }
.phd-c3[b-49h48ul5ry] { width:80px;  height:80px;  right:320px; top:30px; }

.portal-tabs[b-49h48ul5ry] {
    display:flex; flex-wrap:wrap; gap:8px; background:var(--t-card, white);
    padding:8px; border-radius:16px; border:1px solid var(--t-card-border, #e2e8f0);
    box-shadow:0 4px 14px rgba(15,23,42,0.05);
}
.portal-tab[b-49h48ul5ry] {
    display:inline-flex; align-items:center; gap:8px;
    padding:10px 18px; background:transparent; border:1px solid transparent;
    border-radius:10px; color:var(--t-text-muted, #475569); font-size:0.9rem; font-weight:600;
    cursor:pointer; transition:all 0.15s ease;
}
.portal-tab:hover[b-49h48ul5ry] { background:var(--t-hover, #f1f5f9); color:var(--t-text, #0f172a); }
.portal-tab.active[b-49h48ul5ry] {
    background: linear-gradient(135deg, var(--portal-accent, #047857), var(--portal-accent-2, #10b981));
    color:white; box-shadow:0 4px 14px rgba(15,23,42,0.18);
}
.portal-tab-ikon[b-49h48ul5ry] { font-size:1.05rem; }
.portal-tab-badge[b-49h48ul5ry] {
    margin-left:4px; padding:2px 8px;
    background: var(--portal-accent-soft, #d1fae5);
    color: var(--portal-accent-text, #064e3b);
    font-size:0.7rem; font-weight:700; border-radius:999px;
    min-width:22px; text-align:center;
}
.portal-tab.active .portal-tab-badge[b-49h48ul5ry] { background:rgba(255,255,255,0.28); color:white; }
.portal-tab-badge-warn[b-49h48ul5ry] { background:#fef3c7; color:#92400e; }
.portal-tab.active .portal-tab-badge-warn[b-49h48ul5ry] { background:rgba(255,224,130,0.95); color:#78350f; }

.portal-content[b-49h48ul5ry] { display:flex; flex-direction:column; gap:18px; }

.portal-kpi-grid[b-49h48ul5ry] {
    display:grid; grid-template-columns:repeat(auto-fit, minmax(220px,1fr)); gap:14px;
}
.portal-kpi[b-49h48ul5ry] {
    display:flex; align-items:center; gap:14px;
    padding:18px 20px; background:var(--t-card, white); border:1px solid var(--t-card-border, #e2e8f0);
    border-radius:16px; box-shadow:0 4px 14px rgba(15,23,42,0.05);
    transition:transform 0.15s ease, box-shadow 0.15s ease;
}
.portal-kpi:hover[b-49h48ul5ry] { transform:translateY(-2px); box-shadow:0 12px 28px rgba(15,23,42,0.10); }
.portal-kpi-ikon[b-49h48ul5ry] {
    width:52px; height:52px; border-radius:14px;
    display:flex; align-items:center; justify-content:center;
    font-size:1.6rem; flex-shrink:0;
}
.portal-kpi-blue    .portal-kpi-ikon[b-49h48ul5ry] { background:linear-gradient(135deg,#dbeafe,#bfdbfe); color:#1e40af; }
.portal-kpi-violet  .portal-kpi-ikon[b-49h48ul5ry] { background:linear-gradient(135deg,#ede9fe,#ddd6fe); color:#5b21b6; }
.portal-kpi-cyan    .portal-kpi-ikon[b-49h48ul5ry] { background:linear-gradient(135deg,#cffafe,#a5f3fc); color:#155e75; }
.portal-kpi-amber   .portal-kpi-ikon[b-49h48ul5ry] { background:linear-gradient(135deg,#fef3c7,#fde68a); color:#92400e; }
.portal-kpi-emerald .portal-kpi-ikon[b-49h48ul5ry] { background:linear-gradient(135deg,#d1fae5,#a7f3d0); color:#047857; }
.portal-kpi-rose    .portal-kpi-ikon[b-49h48ul5ry] { background:linear-gradient(135deg,#fce7f3,#fbcfe8); color:#9d174d; }
.portal-kpi-meta[b-49h48ul5ry] { display:flex; flex-direction:column; }
.portal-kpi-deger[b-49h48ul5ry] { font-size:1.45rem; font-weight:800; color:var(--t-text, #0f172a); line-height:1.1; }
.portal-kpi-baslik[b-49h48ul5ry] {
    font-size:0.78rem; font-weight:600; color:var(--t-text-muted, #64748b);
    text-transform:uppercase; letter-spacing:0.4px; margin-top:2px;
}

.portal-panel[b-49h48ul5ry] {
    background:var(--t-card, white); border:1px solid var(--t-card-border, #e2e8f0); border-radius:16px;
    box-shadow:0 4px 14px rgba(15,23,42,0.05); overflow:hidden;
}
.portal-panel-header[b-49h48ul5ry] {
    display:flex; justify-content:space-between; align-items:center;
    padding:18px 22px; border-bottom:1px solid var(--t-card-border, #e2e8f0);
    background:linear-gradient(180deg, var(--t-hover, #f8fafc), var(--t-card, white));
}
.portal-panel-header h3[b-49h48ul5ry] { margin:0; font-size:1.02rem; font-weight:700; color:var(--t-text, #0f172a); }
.portal-soft[b-49h48ul5ry] { color:var(--t-text-muted, #94a3b8); font-weight:500; font-size:0.85rem; }
.portal-panel-btn[b-49h48ul5ry] {
    background:transparent; border:1px solid var(--t-card-border, #e2e8f0);
    color: var(--portal-accent-text, #064e3b);
    padding:6px 12px; border-radius:8px; font-size:0.82rem;
    font-weight:600; cursor:pointer; transition:all 0.15s;
}
.portal-panel-btn:hover[b-49h48ul5ry] {
    background: var(--portal-accent-soft, #d1fae5);
    border-color: var(--portal-accent-2, #10b981);
}
.portal-toplam-rozet[b-49h48ul5ry] { font-size:0.88rem; color:var(--t-text-muted, #475569); }
.portal-toplam-rozet strong[b-49h48ul5ry] { color:var(--t-text, #0f172a); font-size:1rem; margin-left:4px; }

.portal-table-wrap[b-49h48ul5ry] { overflow-x:auto; max-height:70vh; }
.portal-table[b-49h48ul5ry] { width:100%; border-collapse:collapse; font-size:0.88rem; }
.portal-table thead th[b-49h48ul5ry] {
    position:sticky; top:0; z-index:5;
    background:var(--t-hover, #f8fafc); color:var(--t-text-muted, #475569);
    font-weight:600; font-size:0.75rem;
    text-transform:uppercase; letter-spacing:0.5px;
    text-align:left; padding:12px 16px; border-bottom:1px solid var(--t-card-border, #e2e8f0);
}
.portal-table tbody td[b-49h48ul5ry] {
    padding:12px 16px; border-bottom:1px solid var(--t-card-border, #f1f5f9);
    color:var(--t-text, #1e293b); vertical-align:middle;
}
.portal-table tbody tr:hover[b-49h48ul5ry] { background:var(--t-hover, #f8fafc); }
.portal-col-num[b-49h48ul5ry] {
    text-align:right; font-variant-numeric:tabular-nums;
    white-space:nowrap; font-weight:600;
}
.portal-clip[b-49h48ul5ry] { max-width:320px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.portal-rozet[b-49h48ul5ry] {
    display:inline-block; padding:3px 10px; border-radius:999px;
    font-size:0.72rem; font-weight:700;
    text-transform:uppercase; letter-spacing:0.4px;
}
.portal-rozet-ok[b-49h48ul5ry]   { background:#d1fae5; color:#047857; }
.portal-rozet-no[b-49h48ul5ry]   { background:#fee2e2; color:#b91c1c; }
.portal-rozet-warn[b-49h48ul5ry] { background:#fef3c7; color:#92400e; }
.portal-rozet-info[b-49h48ul5ry] { background:#e0f2fe; color:#075985; }
.portal-rozet-off[b-49h48ul5ry]  { background:#f1f5f9; color:#64748b; }

.portal-empty[b-49h48ul5ry] {
    text-align:center; padding:60px 30px;
    background:var(--t-card, white); border:2px dashed var(--t-card-border, #e2e8f0); border-radius:18px;
}
.portal-empty-ikon[b-49h48ul5ry] { font-size:3rem; margin-bottom:12px; }
.portal-empty-baslik[b-49h48ul5ry] { font-size:1.15rem; font-weight:700; color:var(--t-text, #0f172a); margin-bottom:6px; }
.portal-empty-text[b-49h48ul5ry] {
    font-size:0.92rem; color:var(--t-text-muted, #64748b); max-width:480px;
    margin:0 auto; line-height:1.5;
}
.portal-mini-empty[b-49h48ul5ry] { padding:30px 20px; text-align:center; color:#94a3b8; font-size:0.92rem; }

@media (max-width:720px) {
    .portal-hero[b-49h48ul5ry] { padding:22px 20px; }
    .portal-hero-title[b-49h48ul5ry] { font-size:1.3rem; }
    .portal-tabs[b-49h48ul5ry] { padding:6px; }
    .portal-tab[b-49h48ul5ry] { padding:9px 14px; font-size:0.85rem; }
    .portal-kpi-grid[b-49h48ul5ry] { grid-template-columns:repeat(2,1fr); }
    .portal-kpi[b-49h48ul5ry] { padding:14px 16px; }
    .portal-kpi-deger[b-49h48ul5ry] { font-size:1.2rem; }
    .portal-table thead th[b-49h48ul5ry], .portal-table tbody td[b-49h48ul5ry] { padding:10px 12px; font-size:0.82rem; }
}
/* /Components/Pages/Portal/PortalSponsor.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   PORTAL SAYFALARI ORTAK STİL
   (Sponsor + Koordinator paylaşıyor)
   ─────────────────────────────────────────────────────────────── */

.portal-page[b-nhq2u3riab] {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

/* ═══ HERO ═══ */
.portal-hero[b-nhq2u3riab] {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, var(--portal-accent, #1e40af) 0%, var(--portal-accent-2, #3b82f6) 100%);
    color: white;
    padding: 30px 36px;
    border-radius: 22px;
    box-shadow: 0 14px 40px rgba(15, 23, 42, 0.18);
}

.portal-hero-text[b-nhq2u3riab] {
    position: relative;
    z-index: 2;
}

.portal-hero-eyebrow[b-nhq2u3riab] {
    display: inline-block;
    padding: 5px 12px;
    background: rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    margin-bottom: 12px;
}

.portal-hero-title[b-nhq2u3riab] {
    font-size: 1.7rem;
    font-weight: 800;
    margin: 0 0 6px;
    letter-spacing: -0.3px;
    /* Blazor FocusOnNavigate kaynaklı outline'ı engelle (ilk açılışta çevre çizgisi çıkıyor) */
    outline: none !important;
    box-shadow: none !important;
}
.portal-hero-title:focus[b-nhq2u3riab],
.portal-hero-title:focus-visible[b-nhq2u3riab],
.portal-hero-title:active[b-nhq2u3riab] { outline: none !important; box-shadow: none !important; }

.portal-hero-sub[b-nhq2u3riab] {
    margin: 0 0 14px;
    opacity: 0.92;
    font-size: 0.96rem;
    line-height: 1.5;
    max-width: 640px;
}

.portal-hero-kapsam[b-nhq2u3riab] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 8px 14px;
    background: rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 12px;
    font-size: 0.85rem;
    font-weight: 600;
}

.portal-hero-kapsam-ikon[b-nhq2u3riab] {
    font-size: 1.05rem;
}

.portal-hero-decor[b-nhq2u3riab] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.phd-circle[b-nhq2u3riab] {
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
}

.phd-c1[b-nhq2u3riab] { width: 280px; height: 280px; right: -80px; top: -120px; }
.phd-c2[b-nhq2u3riab] { width: 180px; height: 180px; right: 120px; bottom: -100px; }
.phd-c3[b-nhq2u3riab] { width: 80px;  height: 80px;  right: 320px; top: 30px; }

/* ═══ TABS ═══ */
.portal-tabs[b-nhq2u3riab] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    background: var(--t-card, white);
    padding: 8px;
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05);
}

.portal-tab[b-nhq2u3riab] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 10px;
    color: #475569;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
}

.portal-tab:hover[b-nhq2u3riab] {
    background: #f1f5f9;
    color: #0f172a;
}

.portal-tab.active[b-nhq2u3riab] {
    background: linear-gradient(135deg, var(--portal-accent, #1e40af), var(--portal-accent-2, #3b82f6));
    color: white;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.18);
}

.portal-tab-ikon[b-nhq2u3riab] {
    font-size: 1.05rem;
}

.portal-tab-badge[b-nhq2u3riab] {
    margin-left: 4px;
    padding: 2px 8px;
    background: var(--portal-accent-soft, #dbeafe);
    color: var(--portal-accent-text, #1e3a8a);
    font-size: 0.7rem;
    font-weight: 700;
    border-radius: 999px;
    min-width: 22px;
    text-align: center;
}

.portal-tab.active .portal-tab-badge[b-nhq2u3riab] {
    background: rgba(255, 255, 255, 0.28);
    color: white;
}

.portal-tab-badge-warn[b-nhq2u3riab] {
    background: #fef3c7;
    color: #92400e;
}

.portal-tab.active .portal-tab-badge-warn[b-nhq2u3riab] {
    background: rgba(255, 224, 130, 0.95);
    color: #78350f;
}

/* ═══ CONTENT ═══ */
.portal-content[b-nhq2u3riab] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

/* ═══ KPI ═══ */
.portal-kpi-grid[b-nhq2u3riab] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 14px;
}

.portal-kpi[b-nhq2u3riab] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 20px;
    background: var(--t-card, white);
    border: 1px solid var(--t-card-border, #e2e8f0);
    border-radius: 16px;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.portal-kpi:hover[b-nhq2u3riab] {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.10);
}

.portal-kpi-ikon[b-nhq2u3riab] {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    flex-shrink: 0;
}

.portal-kpi-blue    .portal-kpi-ikon[b-nhq2u3riab] { background: linear-gradient(135deg, #dbeafe, #bfdbfe); color: #1e40af; }
.portal-kpi-violet  .portal-kpi-ikon[b-nhq2u3riab] { background: linear-gradient(135deg, #ede9fe, #ddd6fe); color: #5b21b6; }
.portal-kpi-cyan    .portal-kpi-ikon[b-nhq2u3riab] { background: linear-gradient(135deg, #cffafe, #a5f3fc); color: #155e75; }
.portal-kpi-amber   .portal-kpi-ikon[b-nhq2u3riab] { background: linear-gradient(135deg, #fef3c7, #fde68a); color: #92400e; }
.portal-kpi-emerald .portal-kpi-ikon[b-nhq2u3riab] { background: linear-gradient(135deg, #d1fae5, #a7f3d0); color: #047857; }
.portal-kpi-rose    .portal-kpi-ikon[b-nhq2u3riab] { background: linear-gradient(135deg, #fce7f3, #fbcfe8); color: #9d174d; }

.portal-kpi-meta[b-nhq2u3riab] {
    display: flex;
    flex-direction: column;
}

.portal-kpi-deger[b-nhq2u3riab] {
    font-size: 1.45rem;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.1;
}

.portal-kpi-baslik[b-nhq2u3riab] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    margin-top: 2px;
}

/* Genel bakışta üst üste iki panel — ikincisinin üst boşluğu hafif azaltılır (yükseklik artmaz) */
.portal-panel-narrow-top[b-nhq2u3riab] {
    margin-top: -6px;
}

/* ═══ PANEL ═══ */
.portal-panel[b-nhq2u3riab] {
    background: var(--t-card, white);
    border: 1px solid var(--t-card-border, #e2e8f0);
    border-radius: 16px;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05);
    overflow: hidden;
}

.portal-panel-header[b-nhq2u3riab] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 22px;
    border-bottom: 1px solid #e2e8f0;
    background: linear-gradient(180deg, #f8fafc, white);
}

.portal-panel-header h3[b-nhq2u3riab] {
    margin: 0;
    font-size: 1.02rem;
    font-weight: 700;
    color: #0f172a;
}

.portal-soft[b-nhq2u3riab] {
    color: #94a3b8;
    font-weight: 500;
    font-size: 0.85rem;
}

.portal-panel-btn[b-nhq2u3riab] {
    background: transparent;
    border: 1px solid #e2e8f0;
    color: var(--portal-accent-text, #1e3a8a);
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s;
}

.portal-panel-btn:hover[b-nhq2u3riab] {
    background: var(--portal-accent-soft, #dbeafe);
    border-color: var(--portal-accent-2, #3b82f6);
}

.portal-toplam-rozet[b-nhq2u3riab] {
    font-size: 0.88rem;
    color: #475569;
}

.portal-toplam-rozet strong[b-nhq2u3riab] {
    color: #0f172a;
    font-size: 1rem;
    margin-left: 4px;
}

/* ═══ TABLO ═══ */
.portal-table-wrap[b-nhq2u3riab] {
    overflow-x: auto;
    overflow-y: visible;
    max-height: none;
    background: var(--t-card, white);
    width: 100%;
}

.portal-table[b-nhq2u3riab] {
    width: 100%;
    min-width: 100%;
    border-collapse: collapse;
    font-size: 0.88rem;
    table-layout: auto;
}

.portal-table thead th[b-nhq2u3riab] {
    position: sticky;
    top: 0;
    z-index: 5;
    background: #f8fafc;
    color: #475569;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-align: left;
    padding: 12px 16px;
    border-bottom: 2px solid #e2e8f0;
    white-space: nowrap;
}

.portal-table tbody td[b-nhq2u3riab] {
    padding: 12px 16px;
    border-bottom: 1px solid #f1f5f9;
    color: #1e293b;
    vertical-align: middle;
}

.portal-table tbody tr[b-nhq2u3riab] {
    transition: background .12s;
}
.portal-table tbody tr:hover[b-nhq2u3riab] {
    background: #f8fafc;
}
.portal-table tbody tr.pdt-clickable[b-nhq2u3riab] {
    cursor: pointer;
}
.portal-table tbody tr.pdt-clickable:hover[b-nhq2u3riab] {
    background: var(--portal-accent-soft, #eef2ff);
}

.portal-col-num[b-nhq2u3riab] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    font-weight: 600;
}

.portal-clip[b-nhq2u3riab] {
    max-width: 280px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.portal-cell-bold[b-nhq2u3riab] { font-weight: 700; color: #0f172a; }
.portal-cell-sub[b-nhq2u3riab] { font-size: 0.74rem; color: #94a3b8; margin-top: 2px; }

/* ═══ PORTAL DATA TABLE TOOLBAR (arama + sayım — sağa hizalı) ═══ */
.pdt-toolbar[b-nhq2u3riab] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 10px 18px;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    flex-wrap: wrap;
}
.pdt-toolbar-spacer[b-nhq2u3riab] { flex: 1; }
.pdt-toolbar-actions[b-nhq2u3riab] {
    display: flex;
    align-items: stretch;
    gap: 8px;
}
.pdt-search[b-nhq2u3riab] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 12px;
    height: 36px;
    background: var(--t-card, white);
    border: 1px solid var(--t-card-border, #e2e8f0);
    border-radius: 10px;
    width: 280px;
    max-width: 100%;
    transition: border-color .15s, box-shadow .15s;
}
.pdt-search:focus-within[b-nhq2u3riab] {
    border-color: var(--portal-accent, #3b82f6);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--portal-accent, #3b82f6) 18%, transparent);
}
.pdt-search-ikon[b-nhq2u3riab] { font-size: 0.95rem; opacity: 0.65; }
.pdt-search-input[b-nhq2u3riab] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 0.88rem;
    color: #0f172a;
    font-family: inherit;
    padding: 0;
    height: 100%;
}
.pdt-search-input[b-nhq2u3riab]::placeholder { color: #94a3b8; }
.pdt-search-temizle[b-nhq2u3riab] {
    background: #f1f5f9;
    border: none;
    color: #64748b;
    width: 22px; height: 22px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 0.7rem;
    display: inline-flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}
.pdt-search-temizle:hover[b-nhq2u3riab] { background: #e2e8f0; }
/* Kayıt sayısı rozeti — arama input'u ile aynı yükseklik, gradient tema */
.pdt-info[b-nhq2u3riab] {
    display: inline-flex;
    align-items: center;
    height: 36px;
    padding: 0 14px;
    gap: 4px;
    background: linear-gradient(135deg, var(--portal-accent, #3b82f6), var(--portal-accent-2, #6366f1));
    border-radius: 10px;
    color: white;
    font-weight: 700;
    font-size: 0.85rem;
    box-shadow: 0 2px 8px color-mix(in srgb, var(--portal-accent, #3b82f6) 30%, transparent);
    user-select: none;
}
.pdt-count-num[b-nhq2u3riab] { font-weight: 800; }
.pdt-count-sep[b-nhq2u3riab] { opacity: 0.65; font-weight: 500; }
.pdt-count-total[b-nhq2u3riab] { opacity: 0.85; font-weight: 600; }

@media (max-width: 720px) {
    .pdt-toolbar[b-nhq2u3riab] { padding: 10px 12px; }
    .pdt-search[b-nhq2u3riab] { width: 100%; flex: 1; }
    .pdt-toolbar-actions[b-nhq2u3riab] { width: 100%; }
}

/* ═══ ROZET ═══ */
.portal-rozet[b-nhq2u3riab] {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.portal-rozet-ok[b-nhq2u3riab]   { background: #d1fae5; color: #047857; }
.portal-rozet-no[b-nhq2u3riab]   { background: #fee2e2; color: #b91c1c; }
.portal-rozet-warn[b-nhq2u3riab] { background: #fef3c7; color: #92400e; }
.portal-rozet-info[b-nhq2u3riab] { background: #e0f2fe; color: #075985; }
.portal-rozet-off[b-nhq2u3riab]  { background: #f1f5f9; color: #64748b; }
.portal-rozet-sm[b-nhq2u3riab] { padding: 2px 7px; font-size: 0.64rem; letter-spacing: 0.35px; }

/* ═══ PROJE KART — ek bilgi satırları (yükseklik: birkaç metin satırı) ═══ */
.portal-proje-meta[b-nhq2u3riab] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 16px;
    margin: 6px 0 10px;
    font-size: 0.82rem;
    color: #475569;
    line-height: 1.4;
}
.portal-proje-meta-line[b-nhq2u3riab] {
    flex: 1 1 100%;
    color: #64748b;
    font-weight: 500;
}
.portal-proje-meta-kv[b-nhq2u3riab] { white-space: nowrap; }
.portal-proje-meta-k[b-nhq2u3riab] { color: #94a3b8; font-weight: 700; font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.35px; margin-right: 4px; }

.portal-merkez-mini[b-nhq2u3riab] { font-size: 0.72rem; color: #64748b; margin-top: 4px; line-height: 1.35; }
.portal-merkez-yok-strip[b-nhq2u3riab] {
    width: 100%;
    padding: 7px 12px;
    font-size: 0.8rem;
    font-weight: 600;
    color: #64748b;
    text-align: center;
    letter-spacing: 0.02em;
    background: linear-gradient(90deg, #f1f5f9 0%, #f8fafc 50%, #f1f5f9 100%);
    border: 1px dashed color-mix(in srgb, var(--portal-accent, #6366f1) 22%, #cbd5e1);
    border-radius: 8px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.65);
}

/* Yetkilendirme detay popup — geniş grid */
.pdp-modal-yetki[b-nhq2u3riab] {
    max-width: min(920px, 96vw);
}
.pdp-grid-yetki-full[b-nhq2u3riab] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* ═══ PROJE KART ═══ */
.portal-proje-card[b-nhq2u3riab] {
    padding: 18px 22px;
    border-bottom: 1px solid #f1f5f9;
}

.portal-proje-card:last-child[b-nhq2u3riab] {
    border-bottom: none;
}

.portal-proje-head[b-nhq2u3riab] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    gap: 10px;
}

.portal-proje-baslik[b-nhq2u3riab] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.portal-proje-kod[b-nhq2u3riab] {
    font-size: 0.74rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--portal-accent-text, #1e3a8a);
    letter-spacing: 0.5px;
}

.portal-proje-ad[b-nhq2u3riab] {
    font-size: 1rem;
    font-weight: 700;
    color: #0f172a;
}

.portal-proje-merkezler[b-nhq2u3riab] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.portal-merkez-chip[b-nhq2u3riab] {
    padding: 8px 12px;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 200px;
}

.portal-merkez-ad[b-nhq2u3riab] {
    font-weight: 700;
    font-size: 0.86rem;
    color: #0f172a;
}

.portal-merkez-pi[b-nhq2u3riab] {
    font-size: 0.74rem;
    color: #64748b;
}

.portal-merkez-sehir[b-nhq2u3riab] {
    font-size: 0.72rem;
    color: var(--portal-accent-text, #1e3a8a);
    margin-top: 2px;
}

.portal-merkez-chip[b-nhq2u3riab] {
    cursor: pointer;
    transition: transform .15s, box-shadow .15s, border-color .15s;
}
.portal-merkez-chip:hover[b-nhq2u3riab] {
    transform: translateY(-1px);
    border-color: var(--portal-accent, #3b82f6);
    box-shadow: 0 4px 12px rgba(15,23,42,0.08);
}

.portal-proje-sponsor[b-nhq2u3riab] {
    margin-top: 4px;
    font-size: 0.78rem;
    color: var(--portal-accent-text, #1e3a8a);
    font-weight: 600;
}

/* ═══ YÜKLENİYOR DURUMU ═══ */
.portal-yukleniyor[b-nhq2u3riab] {
    text-align: center;
    padding: 60px 30px;
    color: #64748b;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
}
.portal-spinner[b-nhq2u3riab] {
    width: 36px; height: 36px;
    border: 3px solid #e2e8f0;
    border-top-color: var(--portal-accent, #3b82f6);
    border-radius: 50%;
    animation: portalSpin-b-nhq2u3riab 0.7s linear infinite;
}
@keyframes portalSpin-b-nhq2u3riab {
    to { transform: rotate(360deg); }
}

/* ═══ DETAY POPUP ═══ */
.pdp-overlay[b-nhq2u3riab] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.55);
    backdrop-filter: blur(4px);
    z-index: 9000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    animation: pdpFade-b-nhq2u3riab .18s ease;
}
@keyframes pdpFade-b-nhq2u3riab { from { opacity: 0; } to { opacity: 1; } }

.pdp-modal[b-nhq2u3riab] {
    background: var(--t-card, white);
    border-radius: 18px;
    width: 100%;
    max-width: 620px;
    max-height: 90vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.30);
    animation: pdpSlide-b-nhq2u3riab .25s cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes pdpSlide-b-nhq2u3riab {
    from { opacity: 0; transform: translateY(20px) scale(0.97); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

.pdp-head[b-nhq2u3riab] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 22px;
    border-bottom: 1px solid #e2e8f0;
    background: linear-gradient(135deg, var(--portal-accent, #3b82f6), var(--portal-accent-2, #6366f1));
    color: white;
}
.pdp-title[b-nhq2u3riab] { display: flex; align-items: center; gap: 10px; }
.pdp-ikon[b-nhq2u3riab] { font-size: 1.4rem; }
.pdp-title h3[b-nhq2u3riab] { margin: 0; font-size: 1.05rem; font-weight: 700; color: white; }
.pdp-close[b-nhq2u3riab] {
    background: rgba(255,255,255,0.2);
    border: 1px solid rgba(255,255,255,0.3);
    color: white;
    width: 30px; height: 30px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 1rem;
    transition: background .15s;
}
.pdp-close:hover[b-nhq2u3riab] { background: rgba(255,255,255,0.32); }

.pdp-body[b-nhq2u3riab] {
    padding: 22px;
    overflow-y: auto;
    background: #f8fafc;
}

.pdp-grid[b-nhq2u3riab] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}
.pdp-row[b-nhq2u3riab] {
    background: var(--t-card, white);
    border: 1px solid var(--t-card-border, #e2e8f0);
    border-radius: 10px;
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.pdp-row-full[b-nhq2u3riab] { grid-column: 1 / -1; }
.pdp-label[b-nhq2u3riab] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    font-weight: 700;
    color: #64748b;
}
.pdp-val[b-nhq2u3riab] { font-size: 0.92rem; color: #0f172a; word-break: break-word; }
.pdp-val-strong[b-nhq2u3riab] { font-weight: 700; font-size: 1rem; }
.pdp-image[b-nhq2u3riab] {
    max-width: 100%;
    max-height: 360px;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    margin-top: 6px;
    display: block;
}
.pdp-file[b-nhq2u3riab] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: var(--portal-accent-soft, #eef2ff);
    color: var(--portal-accent-text, #1e3a8a);
    border-radius: 10px;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.88rem;
    margin-top: 6px;
    border: 1px solid color-mix(in srgb, var(--portal-accent, #3b82f6) 25%, transparent);
}
.pdp-file:hover[b-nhq2u3riab] { background: color-mix(in srgb, var(--portal-accent, #3b82f6) 15%, white); }

@media (max-width: 600px) {
    .pdp-grid[b-nhq2u3riab] { grid-template-columns: 1fr; }
    .pdp-modal[b-nhq2u3riab] { max-width: 100%; }
}

/* ═══ EMPTY STATES ═══ */
.portal-empty[b-nhq2u3riab] {
    text-align: center;
    padding: 60px 30px;
    background: var(--t-card, white);
    border: 2px dashed var(--t-card-border, #e2e8f0);
    border-radius: 18px;
}

.portal-empty-ikon[b-nhq2u3riab] {
    font-size: 3rem;
    margin-bottom: 12px;
}

.portal-empty-baslik[b-nhq2u3riab] {
    font-size: 1.15rem;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 6px;
}

.portal-empty-text[b-nhq2u3riab] {
    font-size: 0.92rem;
    color: #64748b;
    max-width: 480px;
    margin: 0 auto;
    line-height: 1.5;
}

.portal-mini-empty[b-nhq2u3riab] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 48px 24px;
    text-align: center;
    color: var(--portal-accent-text, #475569);
    font-size: 0.95rem;
    font-weight: 600;
    background:
        radial-gradient(ellipse at center, color-mix(in srgb, var(--portal-accent, #6366f1) 6%, transparent) 0%, transparent 70%),
        linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-radius: 14px;
    border: 1.5px dashed color-mix(in srgb, var(--portal-accent, #6366f1) 28%, #cbd5e1);
    margin: 8px 14px 14px;
}
.portal-mini-empty[b-nhq2u3riab]::before {
    content: '🗂️';
    font-size: 2.2rem;
    opacity: 0.8;
    filter: grayscale(0.2);
    display: block;
}
.portal-mini-empty span[b-nhq2u3riab] { display: block; }

/* ═══ MOBİL ═══ */
@media (max-width: 720px) {
    .portal-hero[b-nhq2u3riab] {
        padding: 22px 20px;
    }
    .portal-hero-title[b-nhq2u3riab] {
        font-size: 1.3rem;
    }
    .portal-tabs[b-nhq2u3riab] {
        padding: 6px;
    }
    .portal-tab[b-nhq2u3riab] {
        padding: 9px 14px;
        font-size: 0.85rem;
    }
    .portal-tab-text[b-nhq2u3riab] {
        display: inline;
    }
    .portal-kpi-grid[b-nhq2u3riab] {
        grid-template-columns: repeat(2, 1fr);
    }
    .portal-kpi[b-nhq2u3riab] {
        padding: 14px 16px;
    }
    .portal-kpi-deger[b-nhq2u3riab] {
        font-size: 1.2rem;
    }
    .portal-table thead th[b-nhq2u3riab], .portal-table tbody td[b-nhq2u3riab] {
        padding: 10px 12px;
        font-size: 0.82rem;
    }
}
/* /Components/Pages/Projelerim.razor.rz.scp.css */
/* === Projelerim Sayfası Stilleri === */

.pm-card[b-n6ti548ri4] {
    background: var(--t-card, #fff);
    border-radius: 18px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.06);
    min-height: 300px;
    overflow: hidden;
}

.pm-loading[b-n6ti548ri4] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 80px 20px;
    font-size: 1rem;
    color: #64748b;
    font-weight: 600;
}

.pm-empty-root[b-n6ti548ri4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 24px 48px;
    text-align: center;
}

.pm-empty-visual[b-n6ti548ri4] {
    position: relative;
    margin-bottom: 28px;
}

.pm-empty-circle[b-n6ti548ri4] {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: linear-gradient(145deg, #f0f4ff, #e8ecf4);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 32px rgba(100, 116, 139, 0.10), inset 0 -2px 6px rgba(100, 116, 139, 0.06);
    animation: pm-empty-float-b-n6ti548ri4 3s ease-in-out infinite;
    position: relative;
    z-index: 1;
}

.pm-empty-main-icon[b-n6ti548ri4] {
    font-size: 2.8rem;
    line-height: 1;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.08));
}

.pm-empty-ring[b-n6ti548ri4] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 138px;
    height: 138px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    border: 2px dashed #cbd5e1;
    opacity: 0.5;
    animation: pm-ring-spin-b-n6ti548ri4 20s linear infinite;
}

.pm-empty-title[b-n6ti548ri4] {
    font-size: 1.15rem;
    font-weight: 800;
    color: var(--t-text, #334155);
    margin-bottom: 8px;
    letter-spacing: -0.01em;
}

.pm-empty-desc[b-n6ti548ri4] {
    font-size: 0.88rem;
    color: var(--t-text-muted, #64748b);
    max-width: 360px;
    line-height: 1.6;
}

.pm-empty-hint[b-n6ti548ri4] {
    margin-top: 24px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 20px;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 10px;
    font-size: 0.82rem;
    color: #92400e;
    font-weight: 500;
}

.pm-empty-hint-icon[b-n6ti548ri4] {
    font-size: 1rem;
    flex-shrink: 0;
}

@keyframes pm-empty-float-b-n6ti548ri4 {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}

@keyframes pm-ring-spin-b-n6ti548ri4 {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}

.pm-section[b-n6ti548ri4] {
    padding: 16px 24px;
}

/* İstatistik Kartları */
.pm-stats[b-n6ti548ri4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 10px;
    margin-bottom: 18px;
}

.pm-stat-card[b-n6ti548ri4] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 12px;
    background: var(--t-card, #fff);
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    transition: all 0.25s ease;
    position: relative;
    overflow: hidden;
}

.pm-stat-card[b-n6ti548ri4]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
}

.pm-stat-card:hover[b-n6ti548ri4] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
}

.pm-sc-proje[b-n6ti548ri4]::before { background: linear-gradient(90deg, #3b82f6, #6366f1); }
.pm-sc-merkez[b-n6ti548ri4]::before { background: linear-gradient(90deg, #22c55e, #10b981); }
.pm-sc-sponsor[b-n6ti548ri4]::before { background: linear-gradient(90deg, #8b5cf6, #a855f7); }
.pm-sc-yeni[b-n6ti548ri4]::before { background: linear-gradient(90deg, #a78bfa, #7c3aed); }
.pm-sc-startup[b-n6ti548ri4]::before { background: linear-gradient(90deg, #3b82f6, #2563eb); }
.pm-sc-aktif[b-n6ti548ri4]::before { background: linear-gradient(90deg, #22c55e, #16a34a); }
.pm-sc-kapali[b-n6ti548ri4]::before { background: linear-gradient(90deg, #ef4444, #dc2626); }
.pm-sc-iptal[b-n6ti548ri4]::before { background: linear-gradient(90deg, #f97316, #ea580c); }

.pm-sc-icon-wrap[b-n6ti548ri4] {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.pm-sc-proje .pm-sc-icon-wrap[b-n6ti548ri4] { background: linear-gradient(135deg, #eff6ff, #dbeafe); }
.pm-sc-merkez .pm-sc-icon-wrap[b-n6ti548ri4] { background: linear-gradient(135deg, #f0fdf4, #dcfce7); }
.pm-sc-sponsor .pm-sc-icon-wrap[b-n6ti548ri4] { background: linear-gradient(135deg, #faf5ff, #f3e8ff); }
.pm-sc-yeni .pm-sc-icon-wrap[b-n6ti548ri4] { background: linear-gradient(135deg, #f5f3ff, #ede9fe); }
.pm-sc-startup .pm-sc-icon-wrap[b-n6ti548ri4] { background: linear-gradient(135deg, #eff6ff, #dbeafe); }
.pm-sc-aktif .pm-sc-icon-wrap[b-n6ti548ri4] { background: linear-gradient(135deg, #f0fdf4, #dcfce7); }
.pm-sc-kapali .pm-sc-icon-wrap[b-n6ti548ri4] { background: linear-gradient(135deg, #fef2f2, #fecaca); }
.pm-sc-iptal .pm-sc-icon-wrap[b-n6ti548ri4] { background: linear-gradient(135deg, #fff7ed, #fed7aa); }

.pm-sc-icon-bg[b-n6ti548ri4] {
    font-size: 1.25rem;
    line-height: 1;
}

.pm-sc-content[b-n6ti548ri4] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.pm-sc-val[b-n6ti548ri4] {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--t-text, #1e293b);
    line-height: 1;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.pm-sc-lbl[b-n6ti548ri4] {
    font-size: 0.73rem;
    font-weight: 600;
    color: var(--t-text-muted, #64748b);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.2;
}

/* Arama */
.pm-search-row[b-n6ti548ri4] {
    margin-bottom: 14px;
}

.pm-search-input[b-n6ti548ri4] {
    width: 100%;
    padding: 8px 14px;
    border: 1.5px solid var(--t-input-border, #e2e8f0);
    border-radius: 8px;
    font-size: 0.85rem;
    outline: none;
    transition: border-color 0.2s;
    height: 36px;
    box-sizing: border-box;
    background: var(--t-input-bg, #fff);
    color: var(--t-text, #1e293b);
}

.pm-search-input:focus[b-n6ti548ri4] {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59,130,246,0.1);
}

/* Proje grupları */
.pm-proje-group[b-n6ti548ri4] {
    margin-bottom: 16px;
    border-radius: 14px;
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    overflow: hidden;
    background: var(--t-card, #fff);
    box-shadow: 0 2px 10px rgba(0,0,0,0.04);
}

.pm-proje-head[b-n6ti548ri4] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    background: var(--t-hover, linear-gradient(135deg, #f8fafc, #f1f5f9));
    border-bottom: 1px solid var(--t-card-border, #e2e8f0);
    flex-wrap: wrap;
}

.pm-proje-badge[b-n6ti548ri4] {
    font-weight: 700;
    font-size: 0.92rem;
    color: var(--t-text, #1e293b);
    background: var(--t-accent-light, #e0e7ff);
    padding: 4px 12px;
    border-radius: 8px;
    /* Uzun proje adları sığmazsa kırılsın; çok uzunsa biraz küçülsün */
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.25;
}
@container (max-width: 360px) {
    .pm-proje-badge[b-n6ti548ri4] { font-size: 0.82rem; }
}

.pm-proje-sponsor[b-n6ti548ri4] {
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--t-text-muted, #475569);
}

.pm-proje-count[b-n6ti548ri4] {
    margin-left: auto;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--t-text-muted, #94a3b8);
}

.pm-merkez-list[b-n6ti548ri4] {
    display: flex;
    flex-direction: column;
}

.pm-merkez-row[b-n6ti548ri4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 18px;
    cursor: pointer;
    transition: background 0.15s;
    border-bottom: 1px solid var(--t-card-border, #f1f5f9);
}

.pm-merkez-row:last-child[b-n6ti548ri4] {
    border-bottom: none;
}

.pm-merkez-row:hover[b-n6ti548ri4] {
    background: var(--t-accent-light, linear-gradient(135deg, #eff6ff, #dbeafe));
}

.pm-mr-info[b-n6ti548ri4] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    min-width: 0;
}

.pm-mr-name[b-n6ti548ri4] {
    font-weight: 700;
    font-size: 0.88rem;
    color: var(--t-text, #1e293b);
}

.pm-mr-pi[b-n6ti548ri4] {
    font-size: 0.8rem;
    color: var(--t-text-muted, #475569);
    font-weight: 500;
}

.pm-mr-site[b-n6ti548ri4] {
    font-size: 0.75rem;
    color: var(--t-text-muted, #94a3b8);
    font-weight: 500;
}

.pm-mr-right[b-n6ti548ri4] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.pm-mr-role[b-n6ti548ri4] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--t-accent, #6366f1);
    background: var(--t-accent-light, #e0e7ff);
    padding: 2px 10px;
    border-radius: 6px;
    white-space: nowrap;
}

.pm-mr-arrow[b-n6ti548ri4] {
    font-size: 1.2rem;
    color: #94a3b8;
    font-weight: 300;
}

.pm-no-result[b-n6ti548ri4] {
    text-align: center;
    padding: 20px;
    color: #94a3b8;
    font-size: 0.85rem;
    font-style: italic;
}

/* Pill */
.pm-pill[b-n6ti548ri4] {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    white-space: nowrap;
}

.pm-pill.green[b-n6ti548ri4] { background: linear-gradient(135deg, #dcfce7, #bbf7d0); color: #166534; }
.pm-pill.blue[b-n6ti548ri4] { background: linear-gradient(135deg, #dbeafe, #bfdbfe); color: #1e40af; }
.pm-pill.red[b-n6ti548ri4] { background: linear-gradient(135deg, #fecaca, #fca5a5); color: #991b1b; }
.pm-pill.gray[b-n6ti548ri4] { background: #f1f5f9; color: #475569; }

/* Geri dönüş */
.pm-back-row[b-n6ti548ri4] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.pm-view-mode[b-n6ti548ri4] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 8px;
    background: linear-gradient(135deg, #fef3c7, #fffbeb);
    border: 1.5px solid #f59e0b;
    font-size: 0.8rem;
    font-weight: 600;
    color: #92400e;
    white-space: nowrap;
}

.pm-gor-kendisi-badge[b-n6ti548ri4] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 8px;
    background: linear-gradient(135deg, #ede9fe, #f5f3ff);
    border: 1.5px solid #8b5cf6;
    font-size: 0.8rem;
    font-weight: 600;
    color: #5b21b6;
    white-space: nowrap;
}

.pm-back-btn[b-n6ti548ri4] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 16px;
    border-radius: 8px;
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    background: var(--t-hover, #f8fafc);
    color: var(--t-text-muted, #475569);
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.pm-back-btn:hover[b-n6ti548ri4] {
    background: #e2e8f0;
    border-color: #cbd5e1;
}

/* ═══════════ Merkez Detay (md-*) ═══════════ */

.md-header[b-n6ti548ri4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0 0 16px;
    padding: 16px 20px;
    background: var(--t-hover, linear-gradient(135deg, #f8fafc, #f1f5f9));
    border-radius: 14px;
    border: 1.5px solid var(--t-card-border, #e2e8f0);
}

.md-h-info[b-n6ti548ri4] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.md-h-badge[b-n6ti548ri4] { font-weight: 700; font-size: 1rem; color: var(--t-text, #1e293b); background: var(--t-accent-light, #e0e7ff); padding: 4px 12px; border-radius: 8px; }
.md-h-sep[b-n6ti548ri4] { color: #cbd5e1; font-weight: 300; }
.md-h-sponsor[b-n6ti548ri4] { font-weight: 600; color: var(--t-text-muted, #475569); }
.md-h-merkez[b-n6ti548ri4] { font-weight: 700; color: var(--t-accent, #6366f1); font-size: 1.05rem; }

.md-pill[b-n6ti548ri4] { display: inline-flex; align-items: center; gap: 4px; padding: 4px 14px; border-radius: 20px; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.02em; white-space: nowrap; }
.md-pill.green[b-n6ti548ri4] { background: linear-gradient(135deg, #dcfce7, #bbf7d0); color: #15803d; border: 1px solid #86efac; }
.md-pill.blue[b-n6ti548ri4] { background: linear-gradient(135deg, #dbeafe, #bfdbfe); color: #1d4ed8; border: 1px solid #93c5fd; }
.md-pill.red[b-n6ti548ri4] { background: linear-gradient(135deg, #fee2e2, #fecaca); color: #dc2626; border: 1px solid #fca5a5; }
.md-pill.gray[b-n6ti548ri4] { background: #f1f5f9; color: #64748b; border: 1px solid #e2e8f0; }

.md-two-col[b-n6ti548ri4] { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 0 0 16px; }

.md-card[b-n6ti548ri4] { background: var(--t-card, #fff); border-radius: 14px; border: 1.5px solid var(--t-card-border, #e2e8f0); overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,0.04); }
.md-card-wide[b-n6ti548ri4] { margin: 0 0 16px; }
.md-card-head[b-n6ti548ri4] { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; background: var(--t-hover, linear-gradient(135deg, #f8fafc, #f1f5f9)); border-bottom: 1.5px solid var(--t-card-border, #e2e8f0); }
.md-card-title[b-n6ti548ri4] { font-size: 0.92rem; font-weight: 700; color: var(--t-text, #1e293b); margin: 0; }

.md-form[b-n6ti548ri4] { padding: 16px 18px; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.md-field[b-n6ti548ri4] { display: flex; flex-direction: column; gap: 5px; }
.md-field label[b-n6ti548ri4] { font-size: 0.78rem; font-weight: 600; color: #475569; }
.md-field.md-full[b-n6ti548ri4] { grid-column: 1 / -1; }

.md-input[b-n6ti548ri4] { padding: 8px 12px; border: 1.5px solid var(--t-input-border, #e2e8f0); border-radius: 8px; font-size: 0.85rem; color: var(--t-text, #1e293b); background: var(--t-input-bg, #fff); transition: border-color 0.2s, box-shadow 0.2s; outline: none; }
.md-input:disabled[b-n6ti548ri4] { background: var(--t-hover, #f8fafc); color: var(--t-text-muted, #94a3b8); cursor: not-allowed; }

.md-radio-group[b-n6ti548ri4] { display: flex; gap: 8px; flex-wrap: wrap; }
.md-radio[b-n6ti548ri4] { display: flex; align-items: center; gap: 6px; padding: 6px 14px; border-radius: 8px; font-size: 0.82rem; font-weight: 600; color: #64748b; background: #f8fafc; border: 1.5px solid #e2e8f0; cursor: pointer; transition: all 0.2s; }
.md-radio.active[b-n6ti548ri4] { background: linear-gradient(135deg, #e0e7ff, #c7d2fe); color: #4338ca; border-color: #818cf8; }
.md-radio input[type="radio"][b-n6ti548ri4] { display: none; }

.md-toggle-wrap[b-n6ti548ri4] { display: flex; gap: 8px; }
.md-toggle[b-n6ti548ri4] { padding: 8px 18px; border-radius: 8px; font-size: 0.82rem; font-weight: 600; border: 1.5px solid #e2e8f0; background: #f8fafc; color: #64748b; cursor: pointer; transition: all 0.2s; }
.md-toggle:disabled[b-n6ti548ri4] { cursor: not-allowed; opacity: 0.7; }
.md-toggle.active.green[b-n6ti548ri4] { background: linear-gradient(135deg, #dcfce7, #bbf7d0); color: #15803d; border-color: #86efac; }
.md-toggle.active.red[b-n6ti548ri4] { background: linear-gradient(135deg, #fee2e2, #fecaca); color: #dc2626; border-color: #fca5a5; }

.md-hasta-summary[b-n6ti548ri4] { grid-column: 1 / -1; display: flex; gap: 16px; margin-top: 4px; }
.md-hs-item[b-n6ti548ri4] { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 14px; border-radius: 10px; background: #f8fafc; border: 1.5px solid #e2e8f0; }
.md-hs-item.green[b-n6ti548ri4] { background: linear-gradient(135deg, #f0fdf4, #dcfce7); border-color: #86efac; }
.md-hs-label[b-n6ti548ri4] { font-size: 0.75rem; font-weight: 600; color: #64748b; }
.md-hs-val[b-n6ti548ri4] { font-size: 1.5rem; font-weight: 800; color: #1e293b; }
.md-hs-item.green .md-hs-val[b-n6ti548ri4] { color: #15803d; }

/* CRA */
.md-cra-body[b-n6ti548ri4] { padding: 14px 18px; display: flex; flex-direction: column; gap: 14px; }
.md-cra-group[b-n6ti548ri4] { display: flex; flex-direction: column; gap: 8px; padding: 12px 14px; border-radius: 10px; background: linear-gradient(135deg, #f8fafc, #f1f5f9); border: 1.5px solid #e2e8f0; transition: border-color 0.2s; }
.md-cra-group:hover[b-n6ti548ri4] { border-color: #c7d2fe; }
.md-cra-label[b-n6ti548ri4] { font-size: 0.8rem; font-weight: 700; color: #475569; margin-bottom: 2px; }
.md-cra-row-3[b-n6ti548ri4] { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px; }

/* SC Atamaları */
.md-sc-search[b-n6ti548ri4] { padding: 0 18px 8px; }
.md-sc-search-input[b-n6ti548ri4] { width: 100%; padding: 7px 12px; border: 1.5px solid var(--t-input-border, #e2e8f0); border-radius: 8px; font-size: 0.82rem; outline: none; background: var(--t-input-bg, #fff); color: var(--t-text, #1e293b); box-sizing: border-box; transition: border-color 0.2s; }
.md-sc-search-input:focus[b-n6ti548ri4] { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.08); }
.md-sc-list[b-n6ti548ri4] { padding: 10px 18px 16px; display: flex; flex-direction: column; gap: 8px; }
.md-sc-row[b-n6ti548ri4] { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: 10px; background: linear-gradient(135deg, #f8fafc, #f1f5f9); border: 1.5px solid #e2e8f0; transition: all 0.2s; }
.md-sc-row:hover[b-n6ti548ri4] { border-color: #c7d2fe; background: linear-gradient(135deg, #fafafe, #f5f3ff); }
.md-sc-chip[b-n6ti548ri4] { display: inline-flex; align-items: center; padding: 4px 12px; border-radius: 6px; font-size: 0.8rem; font-weight: 600; background: #e0e7ff; color: #3730a3; white-space: nowrap; }
.md-sc-chip.blind[b-n6ti548ri4] { background: #fef3c7; color: #92400e; }
.md-sc-personel[b-n6ti548ri4] { flex: 1; font-size: 0.85rem; font-weight: 600; color: #1e293b; }
.md-sc-no-result[b-n6ti548ri4] { text-align: center; padding: 16px; font-size: 0.82rem; color: #94a3b8; font-style: italic; }
.md-empty-personel[b-n6ti548ri4] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 36px 20px; background: linear-gradient(135deg, #f0f4ff 0%, #e8ecf8 50%, #f5f3ff 100%); border-top: 1px solid #e2e8f0; border-radius: 0 0 12px 12px; }
.md-ep-icon[b-n6ti548ri4] { font-size: 2.2rem; opacity: 0.5; filter: grayscale(0.3); }
.md-ep-text[b-n6ti548ri4] { display: flex; flex-direction: column; align-items: center; gap: 4px; }
.md-ep-title[b-n6ti548ri4] { font-size: 0.9rem; font-weight: 600; color: #64748b; }

/* ═══════════ Alt Bilgi Kartları (pj-sub-card) ═══════════ */

.pj-sub-cards[b-n6ti548ri4] { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 20px; }
.md-sub-cards[b-n6ti548ri4] { margin-top: 16px; }
.md-sub-cards .pj-sc-body[b-n6ti548ri4] { max-height: 350px; }

.pj-sub-card[b-n6ti548ri4] { background: var(--t-card, #fff); border-radius: 14px; border: 1.5px solid var(--t-card-border, #e2e8f0); overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,0.04); transition: box-shadow 0.2s, border-color 0.2s; }
.pj-sub-card:hover[b-n6ti548ri4] { box-shadow: 0 4px 16px rgba(0,0,0,0.08); }
.pj-sc-full[b-n6ti548ri4] { grid-column: 1 / -1; }

.pj-sc-head[b-n6ti548ri4] { display: flex; align-items: center; gap: 10px; padding: 14px 18px; cursor: pointer; transition: background 0.15s; user-select: none; }
.pj-sc-yetki .pj-sc-head[b-n6ti548ri4] { background: linear-gradient(135deg, #e8eaf6, #c5cae9); }
.pj-sc-yetki .pj-sc-head:hover[b-n6ti548ri4] { background: linear-gradient(135deg, #c5cae9, #9fa8da); }
.pj-sc-hasta .pj-sc-head[b-n6ti548ri4] { background: linear-gradient(135deg, #e0f2f1, #b2dfdb); }
.pj-sc-hasta .pj-sc-head:hover[b-n6ti548ri4] { background: linear-gradient(135deg, #b2dfdb, #80cbc4); }
.pj-sc-isgiris .pj-sc-head[b-n6ti548ri4] { background: linear-gradient(135deg, #fff3e0, #ffe0b2); }
.pj-sc-isgiris .pj-sc-head:hover[b-n6ti548ri4] { background: linear-gradient(135deg, #ffe0b2, #ffcc80); }
.pj-sc-masraf .pj-sc-head[b-n6ti548ri4] { background: linear-gradient(135deg, #e1f5fe, #b3e5fc); }
.pj-sc-masraf .pj-sc-head:hover[b-n6ti548ri4] { background: linear-gradient(135deg, #b3e5fc, #81d4fa); }
.pj-sc-ekipman .pj-sc-head[b-n6ti548ri4] { background: linear-gradient(135deg, #e8f5e9, #c8e6c9); }
.pj-sc-ekipman .pj-sc-head:hover[b-n6ti548ri4] { background: linear-gradient(135deg, #c8e6c9, #a5d6a7); }

.pj-sc-icon[b-n6ti548ri4] { font-size: 1.3rem; flex-shrink: 0; }
.pj-sc-info[b-n6ti548ri4] { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }
.pj-sc-title[b-n6ti548ri4] { font-size: 0.9rem; font-weight: 700; color: var(--t-text, #1e293b); white-space: nowrap; }
.pj-sc-badge[b-n6ti548ri4] { display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 22px; padding: 0 7px; border-radius: 11px; background: rgba(0,0,0,0.1); font-size: 0.72rem; font-weight: 700; color: #1e293b; }
.pj-sc-arrow[b-n6ti548ri4] { font-size: 0.78rem; color: #64748b; flex-shrink: 0; transition: transform 0.2s; }
.pj-sc-body[b-n6ti548ri4] { padding: 16px 18px 20px; border-top: 1px solid var(--t-card-border, #e2e8f0); max-height: 400px; overflow-y: auto; }
.pj-sc-empty[b-n6ti548ri4] { text-align: center; padding: 24px 16px; color: #94a3b8; font-size: 0.84rem; font-style: italic; }

/* Tablo Hizalama */
.th-center[b-n6ti548ri4] { text-align: center; }

/* Pill */
.pj-pill[b-n6ti548ri4] { display: inline-block; padding: 3px 10px; border-radius: 20px; font-size: 0.75rem; font-weight: 700; white-space: nowrap; }
.pj-pill.green[b-n6ti548ri4] { background: linear-gradient(135deg, #dcfce7, #bbf7d0); color: #166534; }
.pj-pill.blue[b-n6ti548ri4] { background: linear-gradient(135deg, #dbeafe, #bfdbfe); color: #1e40af; }
.pj-pill.red[b-n6ti548ri4] { background: linear-gradient(135deg, #fecaca, #fca5a5); color: #991b1b; }
.pj-pill.gray[b-n6ti548ri4] { background: #f1f5f9; color: #475569; }
.pj-pill.orange[b-n6ti548ri4] { background: linear-gradient(135deg, #fed7aa, #fdba74); color: #9a3412; }

.pj-fte-toplam-row[b-n6ti548ri4] { background: linear-gradient(135deg, #f3e5f5, #ede7f6) !important; }
.pj-fte-toplam-row td[b-n6ti548ri4] { border-top: 2px solid #ce93d8; }

/* ═══════════ Masraf Takip Paneli ═══════════ */

.pj-sc-masraftakip .pj-sc-head[b-n6ti548ri4] { background: linear-gradient(135deg, #faf5ff, #f3e8ff); }
.pj-sc-masraftakip .pj-sc-head:hover[b-n6ti548ri4] { background: linear-gradient(135deg, #f3e8ff, #e9d5ff); }

.mt-summary[b-n6ti548ri4] { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.mt-summary-item[b-n6ti548ri4] { flex: 1 1 140px; display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; border-radius: 10px; background: linear-gradient(135deg, #f8fafc, #f1f5f9); border: 1px solid #e2e8f0; }
.mt-s-label[b-n6ti548ri4] { font-size: 0.75rem; color: #64748b; font-weight: 500; }
.mt-s-value[b-n6ti548ri4] { font-size: 1.05rem; font-weight: 700; color: #1e293b; }
.mt-s-warn[b-n6ti548ri4] { background: linear-gradient(135deg, #fef2f2, #fff1f2); border-color: #fca5a5; }
.mt-s-warn .mt-s-value[b-n6ti548ri4] { color: #dc2626; }

.mt-list[b-n6ti548ri4] { display: flex; flex-direction: column; gap: 8px; }
.mt-row[b-n6ti548ri4] { padding: 10px 14px; border-radius: 10px; background: var(--t-card, #fff); border: 1px solid var(--t-card-border, #e2e8f0); transition: border-color 0.2s; }
.mt-row:hover[b-n6ti548ri4] { border-color: #cbd5e1; }
.mt-row-over[b-n6ti548ri4] { background: linear-gradient(135deg, #fff5f5, #fef2f2); border-color: #fca5a5; }
.mt-row-top[b-n6ti548ri4] { display: flex; align-items: center; gap: 12px; margin-bottom: 6px; flex-wrap: wrap; }
.mt-hasta-no[b-n6ti548ri4] { font-weight: 700; font-size: 0.85rem; color: #1e293b; min-width: 80px; }
.mt-hasta-kayit[b-n6ti548ri4] { font-size: 0.75rem; color: #94a3b8; font-weight: 500; }
.mt-hasta-tutar[b-n6ti548ri4] { margin-left: auto; font-size: 0.82rem; font-weight: 600; }
.mt-hasta-oran[b-n6ti548ri4] { font-size: 0.82rem; font-weight: 700; min-width: 48px; text-align: right; }
.mt-hasta-tutar.green[b-n6ti548ri4], .mt-hasta-oran.green[b-n6ti548ri4] { color: #16a34a; }
.mt-hasta-tutar.amber[b-n6ti548ri4], .mt-hasta-oran.amber[b-n6ti548ri4] { color: #d97706; }
.mt-hasta-tutar.red[b-n6ti548ri4], .mt-hasta-oran.red[b-n6ti548ri4] { color: #dc2626; }

.mt-vizit-info[b-n6ti548ri4] { display: inline-flex; gap: 4px; align-items: center; flex-shrink: 0; }
.mt-vizit-tag[b-n6ti548ri4] { display: inline-flex; align-items: center; gap: 3px; padding: 2px 8px; border-radius: 6px; font-size: 0.72rem; font-weight: 600; white-space: nowrap; }
.mt-vizit-tag.vt[b-n6ti548ri4] { background: linear-gradient(135deg, #ede9fe, #ddd6fe); color: #6d28d9; border: 1px solid #c4b5fd; }
.mt-vizit-tag.va[b-n6ti548ri4] { background: linear-gradient(135deg, #e0f2fe, #bae6fd); color: #0369a1; border: 1px solid #7dd3fc; }
.mt-vizit-tag.genel[b-n6ti548ri4] { background: linear-gradient(135deg, #f1f5f9, #e2e8f0); color: #475569; border: 1px solid #cbd5e1; }

.mt-row-expanded[b-n6ti548ri4] { border-color: #93c5fd; background: linear-gradient(135deg, #f8fafc, #eff6ff); }
.mt-detay-wrap[b-n6ti548ri4] { margin-top: 10px; padding: 10px; background: var(--t-card, #fff); border-radius: 8px; border: 1px solid var(--t-card-border, #e2e8f0); overflow-x: auto; }
.mt-detay-table[b-n6ti548ri4] { width: 100%; border-collapse: collapse; font-size: 0.78rem; }
.mt-detay-table th[b-n6ti548ri4] { padding: 6px 10px; background: #f1f5f9; color: #475569; font-weight: 700; text-align: left; border-bottom: 1.5px solid #e2e8f0; white-space: nowrap; }
.mt-detay-table td[b-n6ti548ri4] { padding: 6px 10px; border-bottom: 1px solid #f1f5f9; color: #334155; white-space: nowrap; }
.mt-detay-table tr:hover td[b-n6ti548ri4] { background: #f8fafc; }

/* Progress Bar */
.vl-progress-bar[b-n6ti548ri4] { width: 100%; height: 6px; background: #e2e8f0; border-radius: 3px; overflow: hidden; }
.vl-progress-fill[b-n6ti548ri4] { height: 100%; border-radius: 3px; transition: width 0.3s; }
.vl-progress-fill.green[b-n6ti548ri4] { background: #22c55e; }
.vl-progress-fill.amber[b-n6ti548ri4] { background: #f59e0b; }
.vl-progress-fill.red[b-n6ti548ri4] { background: #ef4444; }

/* View-Only Readonly Span */
.md-readonly[b-n6ti548ri4] {
    display: block;
    padding: 8px 12px;
    background: var(--t-hover, #f8fafc);
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 8px;
    font-size: 0.85rem;
    color: var(--t-text, #334155);
    min-height: 36px;
    box-sizing: border-box;
    line-height: 1.4;
    word-break: break-word;
}

/* Durum Badge Grubu */
.md-durum-badges[b-n6ti548ri4] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.md-durum-tag[b-n6ti548ri4] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 5px 12px;
    border-radius: 8px;
    font-size: 0.78rem;
    font-weight: 600;
    background: #f1f5f9;
    color: #94a3b8;
    border: 1.5px solid #e2e8f0;
    transition: all 0.2s;
}

.md-durum-tag.active[b-n6ti548ri4] {
    color: #fff;
    border-color: transparent;
    font-weight: 700;
    box-shadow: 0 2px 8px rgba(0,0,0,0.10);
}

.md-durum-tag.active.green[b-n6ti548ri4] { background: linear-gradient(135deg, #22c55e, #16a34a); }
.md-durum-tag.active.blue[b-n6ti548ri4] { background: linear-gradient(135deg, #3b82f6, #2563eb); }
.md-durum-tag.active.red[b-n6ti548ri4] { background: linear-gradient(135deg, #ef4444, #dc2626); }
.md-durum-tag.active.gray[b-n6ti548ri4] { background: linear-gradient(135deg, #64748b, #475569); }

/* Hasta Alımı Badge */
.md-alim-badge[b-n6ti548ri4] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 7px 16px;
    border-radius: 10px;
    font-size: 0.85rem;
    font-weight: 700;
}

.md-alim-acik[b-n6ti548ri4] {
    background: linear-gradient(135deg, #f0fdf4, #dcfce7);
    color: #16a34a;
    border: 1.5px solid #bbf7d0;
}

.md-alim-kapali[b-n6ti548ri4] {
    background: linear-gradient(135deg, #fef2f2, #fecaca);
    color: #dc2626;
    border: 1.5px solid #fca5a5;
}

/* Tablo Arama */
.pj-sc-search-wrap[b-n6ti548ri4] {
    padding: 0 0 8px;
}

.pj-sc-search[b-n6ti548ri4] {
    width: 100%;
    padding: 6px 12px;
    border: 1.5px solid var(--t-input-border, #e2e8f0);
    border-radius: 8px;
    font-size: 0.8rem;
    outline: none;
    transition: border-color 0.2s;
    height: 32px;
    box-sizing: border-box;
    background: var(--t-input-bg, #fff);
    color: var(--t-text, #1e293b);
}

.pj-sc-search:focus[b-n6ti548ri4] {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59,130,246,0.08);
}

/* Yetki Satır Stili */
[b-n6ti548ri4] .row-no-yetki {
    background: #fef2f2 !important;
}

[b-n6ti548ri4] .row-no-yetki:hover {
    background: #fee2e2 !important;
}

/* Ekleyen Kolonu */
[b-n6ti548ri4] .td-ekleyen {
    font-size: 0.78rem;
    color: #64748b;
    max-width: 180px;
    word-break: break-word;
}

/* ═══════════ Responsive ═══════════ */

@media (max-width: 900px) {
    .pj-sub-cards[b-n6ti548ri4] { grid-template-columns: 1fr; }
    .pj-sc-full[b-n6ti548ri4] { grid-column: 1; }
    .pm-stats[b-n6ti548ri4] { grid-template-columns: repeat(4, 1fr); }
}

@media (max-width: 480px) {
    .pm-stats[b-n6ti548ri4] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
    .pm-section[b-n6ti548ri4] { padding: 12px 14px; }
    .pm-stats[b-n6ti548ri4] { grid-template-columns: repeat(4, 1fr); }
    .md-two-col[b-n6ti548ri4] { grid-template-columns: 1fr; }
    .md-cra-row-3[b-n6ti548ri4] { grid-template-columns: 1fr; }
    .md-form[b-n6ti548ri4] { grid-template-columns: 1fr; }
    .pm-merkez-row[b-n6ti548ri4] { flex-direction: column; align-items: flex-start; gap: 8px; }
    .pm-mr-right[b-n6ti548ri4] { width: 100%; justify-content: flex-start; }
    .mt-summary[b-n6ti548ri4] { gap: 8px; }
    .mt-summary-item[b-n6ti548ri4] { flex: 1 1 100%; padding: 10px 12px; }
    .mt-row-top[b-n6ti548ri4] { gap: 8px; }
    .mt-hasta-tutar[b-n6ti548ri4] { margin-left: 0; }
}
/* /Components/Pages/Raporlarim.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   RAPORLARIM SAYFASI STİLLERİ
   ═══════════════════════════════════════════════════════════ */

.rapor-wrapper[b-fcr0h6kydb] {
    min-height: var(--app-height, 100vh);
    background: var(--t-body, #f1f5f9);
    padding: 6px 8px 60px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Loading */
.rapor-loading[b-fcr0h6kydb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
    gap: 16px;
    color: var(--t-text-muted, #94a3b8);
    font-weight: 600;
    font-size: 0.9rem;
}
.rapor-spinner[b-fcr0h6kydb] {
    width: 40px;
    height: 40px;
    border: 4px solid var(--t-card-border, #e2e8f0);
    border-top-color: var(--t-accent, #6366f1);
    border-radius: 50%;
    animation: rapor-spin-b-fcr0h6kydb 0.8s linear infinite;
}
@keyframes rapor-spin-b-fcr0h6kydb { to { transform: rotate(360deg); } }

/* Header */
.rapor-header[b-fcr0h6kydb] {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap;
    gap: 10px;
    padding: 12px 16px;
    background: var(--t-card, white);
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 14px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.03);
}
.rapor-header-info h2[b-fcr0h6kydb] {
    margin: 0;
    font-size: 1.4rem;
    font-weight: 800;
    color: var(--t-text, #1e293b);
}
.rapor-header-info p[b-fcr0h6kydb] {
    margin: 4px 0 0;
    font-size: 0.82rem;
    color: var(--t-text-muted, #94a3b8);
    font-weight: 600;
}
.rapor-header-aciklama[b-fcr0h6kydb] {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--t-text-muted, #64748b);
    padding: 6px 14px;
    background: var(--t-hover, #f8fafc);
    border-radius: 8px;
}
.rapor-donem[b-fcr0h6kydb] {
    display: flex;
    align-items: center;
    gap: 8px;
}
.rapor-donem-select[b-fcr0h6kydb] {
    padding: 8px 14px;
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 10px;
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--t-text, #1e293b);
    background: var(--t-card, white);
    cursor: pointer;
    outline: none;
    transition: all 0.2s;
}
.rapor-donem-select:focus[b-fcr0h6kydb] {
    border-color: var(--t-accent, #6366f1);
    box-shadow: 0 0 0 3px rgba(99,102,241,0.1);
}

/* Özet kartlar */
.rapor-card[b-fcr0h6kydb] {
    background: var(--t-card, white);
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 16px;
    padding: 22px 20px;
    display: flex;
    align-items: center;
    gap: 16px;
    transition: all 0.2s;
}
.rapor-card:hover[b-fcr0h6kydb] {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.06);
}
.rc-icon[b-fcr0h6kydb] {
    font-size: 2rem;
    width: 52px;
    height: 52px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.rc-is .rc-icon[b-fcr0h6kydb] { background: linear-gradient(135deg, #e0e7ff, #c7d2fe); }
.rc-masraf .rc-icon[b-fcr0h6kydb] { background: linear-gradient(135deg, #dcfce7, #bbf7d0); }
.rc-hasta .rc-icon[b-fcr0h6kydb] { background: linear-gradient(135deg, #ccfbf1, #99f6e4); }
.rc-izin .rc-icon[b-fcr0h6kydb] { background: linear-gradient(135deg, #dbeafe, #bfdbfe); }
.rc-ziyaret .rc-icon[b-fcr0h6kydb] { background: linear-gradient(135deg, #fef3c7, #fde68a); }
.rc-yetki .rc-icon[b-fcr0h6kydb] { background: linear-gradient(135deg, #f3e8ff, #e9d5ff); }

.rc-body[b-fcr0h6kydb] { flex: 1; min-width: 0; }
.rc-value[b-fcr0h6kydb] {
    font-size: 1.6rem;
    font-weight: 900;
    color: var(--t-text, #1e293b);
    line-height: 1.2;
}
.rc-label[b-fcr0h6kydb] {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--t-text-muted, #64748b);
    margin-top: 2px;
}
.rc-sub[b-fcr0h6kydb] {
    font-size: 0.72rem;
    color: var(--t-text-muted, #94a3b8);
    font-weight: 600;
    margin-top: 4px;
}

/* Detay panelleri grid */
.rapor-detay-grid[b-fcr0h6kydb] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}
.rapor-panel[b-fcr0h6kydb] {
    background: var(--t-card, white);
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.rp-head[b-fcr0h6kydb] {
    padding: 16px 20px;
    border-bottom: 1.5px solid var(--t-card-border, #f1f5f9);
}
.rp-head h3[b-fcr0h6kydb] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 800;
    color: var(--t-text, #1e293b);
}
.rp-body[b-fcr0h6kydb] {
    padding: 16px 20px;
    flex: 1;
}
.rp-empty[b-fcr0h6kydb] {
    text-align: center;
    padding: 30px 10px;
    color: var(--t-text-muted, #94a3b8);
    font-size: 0.85rem;
    font-weight: 600;
}

/* Bar chart rows */
.rp-bar-row[b-fcr0h6kydb] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}
.rp-bar-label[b-fcr0h6kydb] {
    width: 110px;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--t-text, #1e293b);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-shrink: 0;
}
.rp-bar-wrap[b-fcr0h6kydb] {
    flex: 1;
    height: 22px;
    background: var(--t-card-border, #f1f5f9);
    border-radius: 6px;
    overflow: hidden;
}
.rp-bar[b-fcr0h6kydb] {
    height: 100%;
    border-radius: 6px;
    transition: width 0.6s cubic-bezier(0.4,0,0.2,1);
    min-width: 4px;
}
.rp-bar-is[b-fcr0h6kydb] { background: linear-gradient(90deg, #818cf8, #6366f1); }
.rp-bar-merkez[b-fcr0h6kydb] { background: linear-gradient(90deg, #38bdf8, #0284c7); }
.rp-bar-trend[b-fcr0h6kydb] { background: linear-gradient(90deg, #a78bfa, #7c3aed); }
.rp-bar-masraf-trend[b-fcr0h6kydb] { background: linear-gradient(90deg, #34d399, #059669); }
.rp-bar-proje[b-fcr0h6kydb] { background: linear-gradient(90deg, #f472b6, #db2777); }
.rp-bar-masraf-tur[b-fcr0h6kydb] { background: linear-gradient(90deg, #fb923c, #ea580c); }
.rp-bar-gun[b-fcr0h6kydb] { background: linear-gradient(90deg, #22d3ee, #0891b2); }
.rp-bar-masraf-sponsor[b-fcr0h6kydb] { background: linear-gradient(90deg, #c084fc, #9333ea); }
.rp-bar-ok[b-fcr0h6kydb] { background: linear-gradient(90deg, #4ade80, #16a34a); }
.rp-bar-red[b-fcr0h6kydb] { background: linear-gradient(90deg, #f87171, #dc2626); }
.rp-bar-wait[b-fcr0h6kydb] { background: linear-gradient(90deg, #fbbf24, #f59e0b); }
.rp-bar-default[b-fcr0h6kydb] { background: linear-gradient(90deg, #94a3b8, #64748b); }

.rp-bar-val[b-fcr0h6kydb] {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--t-text-muted, #64748b);
    white-space: nowrap;
    min-width: 30px;
    text-align: right;
}

/* Stat rows */
.rp-stat-row[b-fcr0h6kydb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid var(--t-card-border, #f1f5f9);
}
.rp-stat-row:last-child[b-fcr0h6kydb] { border-bottom: none; }
.rp-stat-label[b-fcr0h6kydb] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--t-text, #334155);
}
.rp-stat-value[b-fcr0h6kydb] {
    font-size: 0.9rem;
    font-weight: 800;
    color: var(--t-accent, #6366f1);
}
.rp-stat-highlight[b-fcr0h6kydb] {
    background: var(--t-hover, #f0f9ff);
    border-radius: 8px;
    padding: 10px 12px !important;
    margin: 4px -4px;
}
.rp-stat-highlight .rp-stat-value[b-fcr0h6kydb] {
    color: var(--t-accent, #4f46e5);
    font-size: 0.95rem;
}
.rp-divider[b-fcr0h6kydb] {
    height: 1px;
    background: var(--t-card-border, #e2e8f0);
    margin: 8px 0;
}

/* Kartlar 6'lı grid */
.rapor-cards[b-fcr0h6kydb] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 12px;
    margin-bottom: 16px;
}
@media (max-width: 1100px) {
    .rapor-cards[b-fcr0h6kydb] { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 768px) {
    .rapor-wrapper[b-fcr0h6kydb] { padding: 16px 14px 60px; }
    .rapor-cards[b-fcr0h6kydb] { grid-template-columns: 1fr 1fr; gap: 10px; }
    .rapor-card[b-fcr0h6kydb] { padding: 16px 14px; gap: 12px; }
    .rc-icon[b-fcr0h6kydb] { width: 42px; height: 42px; font-size: 1.5rem; border-radius: 11px; }
    .rc-value[b-fcr0h6kydb] { font-size: 1.2rem; }
    .rapor-detay-grid[b-fcr0h6kydb] { grid-template-columns: 1fr; }
    .rapor-header-info h2[b-fcr0h6kydb] { font-size: 1.15rem; }
}

@media (max-width: 480px) {
    .rapor-cards[b-fcr0h6kydb] { grid-template-columns: 1fr; }
    .rp-bar-label[b-fcr0h6kydb] { width: 80px; font-size: 0.72rem; }
}
/* /Components/Pages/ResetPassword.razor.rz.scp.css */
/* =========================================
   ŞİFRE SIFIRLAMA SAYFASI STİLLERİ
   ========================================= */

.reset-page[b-5o27n4ch47] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background:
        radial-gradient(ellipse at 20% 80%, rgba(219, 234, 254, 0.5) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 20%, rgba(224, 231, 255, 0.4) 0%, transparent 50%),
        linear-gradient(160deg, #f8fafc 0%, #e2e8f0 30%, #f1f5f9 60%, #e8edf5 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.reset-card[b-5o27n4ch47] {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    width: 100%;
    max-width: 440px;
    box-shadow:
        0 25px 60px rgba(0, 0, 0, 0.08),
        0 4px 16px rgba(0, 0, 0, 0.04);
    overflow: hidden;
    animation: reset-card-in-b-5o27n4ch47 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes reset-card-in-b-5o27n4ch47 {
    from { opacity: 0; transform: translateY(20px) scale(0.97); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

/* Header */
.reset-header[b-5o27n4ch47] {
    background: linear-gradient(135deg, #f8fafc 0%, #eef2ff 100%);
    padding: 28px;
    text-align: center;
    border-bottom: 1px solid #e2e8f0;
}

.reset-logo-icon[b-5o27n4ch47] {
    width: 54px;
    height: 54px;
    border-radius: 14px;
    background: linear-gradient(135deg, #1e3a5f 0%, #2563eb 50%, #3b82f6 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 12px;
    box-shadow: 0 6px 18px rgba(37, 99, 235, 0.25);
}

.reset-logo-letter[b-5o27n4ch47] {
    color: white;
    font-size: 1.6rem;
    font-weight: 900;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.reset-logo-title[b-5o27n4ch47] {
    display: flex;
    align-items: baseline;
    justify-content: center;
    line-height: 1;
}

.reset-logo-medi[b-5o27n4ch47] {
    font-size: 1.8rem;
    font-weight: 900;
    letter-spacing: 4px;
    background: linear-gradient(135deg, #0f172a, #1e3a5f, #334155);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.reset-logo-sist[b-5o27n4ch47] {
    font-size: 1.8rem;
    font-weight: 900;
    letter-spacing: 4px;
    background: linear-gradient(135deg, #2563eb, #3b82f6, #60a5fa);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Body */
.reset-body[b-5o27n4ch47] {
    padding: 28px;
}

.reset-info[b-5o27n4ch47] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: linear-gradient(135deg, #eff6ff, #eef2ff);
    border: 1px solid #bfdbfe;
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 22px;
}

.reset-info-icon[b-5o27n4ch47] {
    font-size: 1.5rem;
    flex-shrink: 0;
    margin-top: 2px;
}

.reset-info div[b-5o27n4ch47] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.reset-info strong[b-5o27n4ch47] {
    font-size: 0.92rem;
    color: #1e293b;
}

.reset-info span[b-5o27n4ch47] {
    font-size: 0.84rem;
    color: #475569;
}

.reset-field[b-5o27n4ch47] {
    margin-bottom: 18px;
}

.reset-field label[b-5o27n4ch47] {
    display: block;
    font-size: 0.8rem;
    font-weight: 700;
    color: #475569;
    margin-bottom: 7px;
    letter-spacing: 0.5px;
}

.reset-field input[b-5o27n4ch47] {
    width: 100%;
    padding: 13px 16px;
    border: 1.5px solid #e2e8f0;
    border-radius: 12px;
    background: white;
    color: #1e293b;
    box-sizing: border-box;
    font-size: 0.95rem;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.reset-field input[b-5o27n4ch47]::placeholder {
    color: #94a3b8;
}

.reset-field input:focus[b-5o27n4ch47] {
    border-color: #3b82f6;
    outline: none;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);
}

/* Buttons */
.reset-btn-primary[b-5o27n4ch47] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 24px;
    background: linear-gradient(135deg, #1e40af 0%, #2563eb 50%, #3b82f6 100%);
    color: white;
    border: none;
    border-radius: 12px;
    font-weight: 700;
    font-size: 0.95rem;
    cursor: pointer;
    transition: all 0.2s;
    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.25);
    letter-spacing: 0.3px;
    margin-top: 6px;
}

.reset-btn-primary:hover:not(:disabled)[b-5o27n4ch47] {
    box-shadow: 0 6px 20px rgba(37, 99, 235, 0.35);
    transform: translateY(-1px);
}

.reset-btn-primary:disabled[b-5o27n4ch47] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

/* Messages */
.reset-msg[b-5o27n4ch47] {
    padding: 11px 14px;
    border-radius: 10px;
    font-size: 0.86rem;
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: 14px;
}

.reset-msg-err[b-5o27n4ch47] {
    color: #991b1b;
    background: linear-gradient(135deg, #fee2e2, #fecaca);
    border: 1px solid #fca5a5;
}

/* Status screens */
.reset-status[b-5o27n4ch47] {
    text-align: center;
    padding: 20px 0;
}

.reset-status-icon[b-5o27n4ch47] {
    font-size: 3rem;
    display: block;
    margin-bottom: 16px;
}

.reset-status h3[b-5o27n4ch47] {
    font-size: 1.2rem;
    font-weight: 800;
    margin: 0 0 10px;
    color: #1e293b;
}

.reset-status p[b-5o27n4ch47] {
    font-size: 0.9rem;
    color: #64748b;
    line-height: 1.6;
    margin: 0 0 24px;
}

.reset-status.success h3[b-5o27n4ch47] { color: #166534; }
.reset-status.error h3[b-5o27n4ch47] { color: #991b1b; }

/* Loading */
.reset-loading[b-5o27n4ch47] {
    text-align: center;
    padding: 40px 0;
}

.reset-loading p[b-5o27n4ch47] {
    color: #64748b;
    font-size: 0.92rem;
    margin-top: 16px;
}

.reset-spinner-lg[b-5o27n4ch47] {
    width: 40px;
    height: 40px;
    border: 4px solid #e2e8f0;
    border-top-color: #2563eb;
    border-radius: 50%;
    margin: 0 auto;
    animation: reset-spin-b-5o27n4ch47 0.8s linear infinite;
}

.reset-spinner-sm[b-5o27n4ch47] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2.5px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: reset-spin-b-5o27n4ch47 0.8s linear infinite;
}

@keyframes reset-spin-b-5o27n4ch47 {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Footer */
.reset-footer[b-5o27n4ch47] {
    padding: 12px 28px;
    text-align: center;
    font-size: 0.72rem;
    color: #94a3b8;
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    letter-spacing: 0.2px;
}

/* Mobile */
@media (max-width: 480px) {
    .reset-card[b-5o27n4ch47] { border-radius: 18px; }
    .reset-header[b-5o27n4ch47] { padding: 22px 20px; }
    .reset-body[b-5o27n4ch47] { padding: 22px 20px; }
    .reset-logo-icon[b-5o27n4ch47] { width: 46px; height: 46px; }
    .reset-logo-letter[b-5o27n4ch47] { font-size: 1.4rem; }
    .reset-logo-medi[b-5o27n4ch47], .reset-logo-sist[b-5o27n4ch47] { font-size: 1.5rem; letter-spacing: 3px; }
}

/* ═══ DARK MODE ═══ */
:global([data-theme="dark"]) .reset-page[b-5o27n4ch47],
:global([data-theme="midnight"]) .reset-page[b-5o27n4ch47] {
    background:
        radial-gradient(ellipse at 20% 80%, rgba(30, 58, 95, 0.5) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 20%, rgba(49, 46, 129, 0.4) 0%, transparent 50%),
        linear-gradient(160deg, #0f172a 0%, #1e293b 30%, #0f172a 60%, #1e293b 100%);
}

:global([data-theme="dark"]) .reset-card[b-5o27n4ch47],
:global([data-theme="midnight"]) .reset-card[b-5o27n4ch47] {
    background: rgba(30, 41, 59, 0.9);
    border-color: #334155;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.4);
}

:global([data-theme="dark"]) .reset-header[b-5o27n4ch47],
:global([data-theme="midnight"]) .reset-header[b-5o27n4ch47] {
    background: linear-gradient(135deg, #0f172a, #1e293b);
    border-bottom-color: #334155;
}

:global([data-theme="dark"]) .reset-logo-medi[b-5o27n4ch47],
:global([data-theme="midnight"]) .reset-logo-medi[b-5o27n4ch47] {
    background: linear-gradient(135deg, #e2e8f0, #f1f5f9, #cbd5e1);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}

:global([data-theme="dark"]) .reset-info[b-5o27n4ch47],
:global([data-theme="midnight"]) .reset-info[b-5o27n4ch47] {
    background: linear-gradient(135deg, rgba(30, 58, 138, 0.2), rgba(49, 46, 129, 0.15));
    border-color: rgba(59, 130, 246, 0.3);
}

:global([data-theme="dark"]) .reset-info strong[b-5o27n4ch47],
:global([data-theme="midnight"]) .reset-info strong[b-5o27n4ch47] {
    color: #e2e8f0;
}

:global([data-theme="dark"]) .reset-info span[b-5o27n4ch47],
:global([data-theme="midnight"]) .reset-info span[b-5o27n4ch47] {
    color: #94a3b8;
}

:global([data-theme="dark"]) .reset-field label[b-5o27n4ch47],
:global([data-theme="midnight"]) .reset-field label[b-5o27n4ch47] {
    color: #94a3b8;
}

:global([data-theme="dark"]) .reset-field input[b-5o27n4ch47],
:global([data-theme="midnight"]) .reset-field input[b-5o27n4ch47] {
    background: #0f172a;
    border-color: #334155;
    color: #e2e8f0;
}

:global([data-theme="dark"]) .reset-field input[b-5o27n4ch47]::placeholder,
:global([data-theme="midnight"]) .reset-field input[b-5o27n4ch47]::placeholder {
    color: #475569;
}

:global([data-theme="dark"]) .reset-field input:focus[b-5o27n4ch47],
:global([data-theme="midnight"]) .reset-field input:focus[b-5o27n4ch47] {
    border-color: #3b82f6;
    background: #1e293b;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.15);
}

:global([data-theme="dark"]) .reset-status h3[b-5o27n4ch47],
:global([data-theme="midnight"]) .reset-status h3[b-5o27n4ch47] {
    color: #e2e8f0;
}

:global([data-theme="dark"]) .reset-status p[b-5o27n4ch47],
:global([data-theme="midnight"]) .reset-status p[b-5o27n4ch47] {
    color: #94a3b8;
}

:global([data-theme="dark"]) .reset-status.success h3[b-5o27n4ch47],
:global([data-theme="midnight"]) .reset-status.success h3[b-5o27n4ch47] {
    color: #86efac;
}

:global([data-theme="dark"]) .reset-status.error h3[b-5o27n4ch47],
:global([data-theme="midnight"]) .reset-status.error h3[b-5o27n4ch47] {
    color: #fca5a5;
}

:global([data-theme="dark"]) .reset-loading p[b-5o27n4ch47],
:global([data-theme="midnight"]) .reset-loading p[b-5o27n4ch47] {
    color: #94a3b8;
}

:global([data-theme="dark"]) .reset-spinner-lg[b-5o27n4ch47],
:global([data-theme="midnight"]) .reset-spinner-lg[b-5o27n4ch47] {
    border-color: #334155;
    border-top-color: #3b82f6;
}

:global([data-theme="dark"]) .reset-footer[b-5o27n4ch47],
:global([data-theme="midnight"]) .reset-footer[b-5o27n4ch47] {
    background: #0f172a;
    border-top-color: #334155;
    color: #475569;
}

:global([data-theme="dark"]) .reset-msg-err[b-5o27n4ch47],
:global([data-theme="midnight"]) .reset-msg-err[b-5o27n4ch47] {
    background: rgba(153, 27, 27, 0.2);
    border-color: rgba(248, 113, 113, 0.3);
    color: #fca5a5;
}

/* Password rules */
.reset-pw-rules[b-5o27n4ch47] {
    list-style: none;
    padding: 0;
    margin: 10px 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px 14px;
}

.reset-pw-rules li[b-5o27n4ch47] {
    font-size: 0.78rem;
    color: #94a3b8;
    display: flex;
    align-items: center;
    gap: 4px;
}

.reset-pw-rules li[b-5o27n4ch47]::before {
    content: "✗";
    color: #ef4444;
    font-weight: 700;
    font-size: 0.7rem;
}

.reset-pw-rules li.ok[b-5o27n4ch47] {
    color: #16a34a;
}

.reset-pw-rules li.ok[b-5o27n4ch47]::before {
    content: "✓";
    color: #16a34a;
}

:global([data-theme="dark"]) .reset-pw-rules li[b-5o27n4ch47],
:global([data-theme="midnight"]) .reset-pw-rules li[b-5o27n4ch47] {
    color: #64748b;
}

:global([data-theme="dark"]) .reset-pw-rules li.ok[b-5o27n4ch47],
:global([data-theme="midnight"]) .reset-pw-rules li.ok[b-5o27n4ch47] {
    color: #4ade80;
}

:global([data-theme="dark"]) .reset-pw-rules li.ok[b-5o27n4ch47]::before,
:global([data-theme="midnight"]) .reset-pw-rules li.ok[b-5o27n4ch47]::before {
    color: #4ade80;
}
/* /Components/Pages/Takvim.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════
   TAKVİM SAYFASI — Takvim.razor.css
   Aylık takvim görünümü, etkinlik renkleri, detay paneli
   ═══════════════════════════════════════════════════════ */

/* ═══ KONTROL BARI ═══ */
.tkv-controls[b-we7m74u8oa] {
    display: flex; flex-direction: column; gap: 10px;
    padding: 16px 20px; margin-bottom: 12px;
    background: var(--t-card, white); border-radius: 16px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}
.tkv-nav-row[b-we7m74u8oa] {
    display: flex; align-items: center; gap: 8px;
}
.tkv-ay-baslik[b-we7m74u8oa] {
    margin: 0; font-size: 1.15rem; font-weight: 800;
    color: var(--t-text, #1e293b); text-transform: capitalize;
    min-width: 160px; text-align: center;
}
.tkv-nav-btn[b-we7m74u8oa] {
    width: 36px; height: 36px; border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 10px; background: var(--t-card, white); color: var(--t-text, #334155);
    font-size: 0.9rem; font-weight: 700; cursor: pointer; transition: all 0.15s;
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.tkv-nav-btn:hover[b-we7m74u8oa] { border-color: var(--t-accent, #6366f1); color: var(--t-accent, #6366f1); background: var(--t-hover, #eef2ff); }

.tkv-today-btn[b-we7m74u8oa] {
    padding: 7px 14px; border: 1.5px solid var(--t-accent, #6366f1); border-radius: 10px;
    background: var(--t-accent, #6366f1); color: white; font-weight: 700; font-size: 0.82rem;
    cursor: pointer; transition: all 0.15s; white-space: nowrap; margin-left: auto;
}
.tkv-today-btn:hover[b-we7m74u8oa] { filter: brightness(0.9); }

.tkv-filtreler[b-we7m74u8oa] {
    display: flex; gap: 4px; padding-bottom: 2px;
}
.tkv-filtreler[b-we7m74u8oa]::-webkit-scrollbar { display: none; }
.tkv-filtre[b-we7m74u8oa] {
    padding: 6px 10px; border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 8px; background: var(--t-card, white); font-weight: 700;
    font-size: 0.78rem; cursor: pointer; color: var(--t-text-muted, #64748b);
    transition: all 0.15s; white-space: nowrap; flex: 1;
    display: flex; align-items: center; justify-content: center; gap: 4px;
}
.tkv-filtre .f-ikon[b-we7m74u8oa] { font-size: 0.82rem; flex-shrink: 0; }
.tkv-filtre .f-text[b-we7m74u8oa] { font-size: 0.72rem; }
.tkv-filtre .f-count[b-we7m74u8oa] {
    font-size: 0.62rem; font-weight: 800; min-width: 16px; text-align: center;
    padding: 1px 5px; border-radius: 8px;
    background: var(--t-card-border, #e2e8f0); color: var(--t-text-muted, #64748b);
}
.tkv-filtre.active .f-count[b-we7m74u8oa] {
    background: rgba(255,255,255,0.25); color: white;
}
.tkv-filtre:hover[b-we7m74u8oa] { border-color: var(--t-accent, #6366f1); color: var(--t-accent, #6366f1); }
.tkv-filtre.active[b-we7m74u8oa] { background: var(--t-accent, #6366f1); color: white; border-color: var(--t-accent, #6366f1); }
.tkv-filtre.is.active[b-we7m74u8oa] { background: #3b82f6; border-color: #3b82f6; }
.tkv-filtre.izin.active[b-we7m74u8oa] { background: #16a34a; border-color: #16a34a; }
.tkv-filtre.masraf.active[b-we7m74u8oa] { background: #ea580c; border-color: #ea580c; }
.tkv-filtre.dogum.active[b-we7m74u8oa] { background: #ec4899; border-color: #ec4899; }

/* ═══ TAKVİM GRID ═══ */
.tkv-grid[b-we7m74u8oa] {
    background: var(--t-card, white); border-radius: 16px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    overflow: hidden; margin-bottom: 12px;
    display: flex; flex-direction: column;
}
.tkv-hafta-row[b-we7m74u8oa] {
    display: grid; grid-template-columns: repeat(7, minmax(0, 1fr));
    border-bottom: 1px solid var(--t-card-border, #f1f5f9);
    flex: 1;
}
.tkv-hafta-row:first-child[b-we7m74u8oa] { flex: 0 0 auto; }
.tkv-hafta-row:last-child[b-we7m74u8oa] { border-bottom: none; }

.tkv-hafta-hucre[b-we7m74u8oa] {
    padding: 10px 8px; text-align: center; font-weight: 800;
    font-size: 0.78rem; color: var(--t-text-muted, #64748b);
    background: var(--t-hover, linear-gradient(135deg, #f8fafc, #eff6ff));
    border-right: 1px solid var(--t-card-border, #f1f5f9);
}
.tkv-hafta-hucre:last-child[b-we7m74u8oa] { border-right: none; }

/* ═══ TAKVİM GÜN HÜCRESİ ═══ */
.tkv-gun[b-we7m74u8oa] {
    min-height: 90px; padding: 6px; cursor: pointer;
    border-right: 1px solid var(--t-card-border, #f1f5f9);
    transition: background 0.12s;
    display: flex; flex-direction: column; gap: 3px;
    overflow: hidden; min-width: 0;
}
.tkv-gun:last-child[b-we7m74u8oa] { border-right: none; }
.tkv-gun:hover[b-we7m74u8oa] { background: var(--t-hover, #fafbfc); }
.tkv-gun.dis-ay[b-we7m74u8oa] { opacity: 0.35; }
.tkv-gun.bugun[b-we7m74u8oa] { background: var(--t-hover, #eff6ff); }
.tkv-gun.secili[b-we7m74u8oa] { background: var(--t-hover, #eef2ff); box-shadow: inset 0 0 0 2px var(--t-accent, #6366f1); border-radius: 4px; }

.tkv-gun-no[b-we7m74u8oa] {
    font-size: 0.82rem; font-weight: 700; color: var(--t-text, #334155);
    width: 24px; height: 24px; display: flex; align-items: center; justify-content: center;
    border-radius: 50%; line-height: 1;
}
.tkv-gun-no.bugun-badge[b-we7m74u8oa] {
    background: var(--t-accent, #6366f1); color: white; font-weight: 800;
}

/* ═══ ETKİNLİK KARTLARI (gün içi) ═══ */
.tkv-etkinlik-list[b-we7m74u8oa] { display: flex; flex-direction: column; gap: 2px; min-width: 0; overflow: hidden; }

.tkv-etkinlik[b-we7m74u8oa] {
    display: flex; align-items: center; gap: 3px;
    padding: 2px 5px; border-radius: 4px;
    font-size: 0.65rem; font-weight: 600; line-height: 1.3;
    overflow: hidden; white-space: nowrap; min-width: 0;
}
.tkv-etkinlik.blue[b-we7m74u8oa] { background: #eff6ff; color: #2563eb; }
.tkv-etkinlik.green[b-we7m74u8oa] { background: #f0fdf4; color: #16a34a; }
.tkv-etkinlik.orange[b-we7m74u8oa] { background: #fff7ed; color: #ea580c; }
.tkv-etkinlik.pink[b-we7m74u8oa] { background: #fdf2f8; color: #db2777; }
.tkv-etkinlik.gray[b-we7m74u8oa] { background: var(--t-card-border, #f1f5f9); color: var(--t-text-muted, #94a3b8); text-decoration: line-through; opacity: 0.7; }
.tkv-etkinlik.red[b-we7m74u8oa] { background: #fef2f2; color: #dc2626; font-weight: 700; }
.tkv-etkinlik.teal[b-we7m74u8oa] { background: #f0fdfa; color: #0d9488; }
.tkv-etkinlik.indigo[b-we7m74u8oa] { background: #eef2ff; color: #4f46e5; }
.tkv-etkinlik.more[b-we7m74u8oa] { color: var(--t-accent, #6366f1); background: var(--t-accent-light, #eef2ff); font-style: italic; justify-content: center; }

.tkv-e-ikon[b-we7m74u8oa] { font-size: 0.7rem; flex-shrink: 0; }
.tkv-e-text[b-we7m74u8oa] { overflow: hidden; text-overflow: ellipsis; min-width: 0; }

/* ═══ DETAY PANELİ ═══ */
.tkv-detay-panel[b-we7m74u8oa] {
    background: var(--t-card, white); border-radius: 16px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    margin-bottom: 12px; overflow: hidden;
    animation: tkvSlide-b-we7m74u8oa 0.2s ease;
}
@keyframes tkvSlide-b-we7m74u8oa { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }

.tkv-detay-header[b-we7m74u8oa] {
    display: flex; justify-content: space-between; align-items: center;
    padding: 14px 20px; border-bottom: 2px solid var(--t-card-border, #f1f5f9);
    background: var(--t-hover, linear-gradient(135deg, #f8fafc, #eff6ff));
}
.tkv-detay-header h3[b-we7m74u8oa] { margin: 0; font-size: 0.95rem; font-weight: 800; color: var(--t-text, #1e293b); }
.tkv-detay-kapat[b-we7m74u8oa] {
    width: 30px; height: 30px; border: none; border-radius: 8px;
    background: var(--t-hover, #f1f5f9); cursor: pointer;
    font-size: 0.9rem; color: var(--t-text-muted, #64748b); transition: all 0.15s;
    display: flex; align-items: center; justify-content: center;
}
.tkv-detay-kapat:hover[b-we7m74u8oa] { background: #fef2f2; color: #dc2626; }

.tkv-detay-bos[b-we7m74u8oa] {
    padding: 30px; text-align: center; color: var(--t-text-muted, #94a3b8);
    font-size: 0.88rem; display: flex; flex-direction: column; align-items: center; gap: 6px;
}
.tkv-detay-bos .bos-ikon[b-we7m74u8oa] { font-size: 2rem; opacity: 0.6; }

.tkv-detay-liste[b-we7m74u8oa] { padding: 8px 12px; display: flex; flex-direction: column; gap: 6px; }

.tkv-detay-item[b-we7m74u8oa] {
    display: flex; align-items: center; gap: 12px; padding: 10px 14px;
    border-radius: 10px; cursor: pointer; transition: all 0.15s;
    border: 1.5px solid transparent;
}
.tkv-detay-item:hover[b-we7m74u8oa] { transform: translateX(3px); }
.tkv-detay-item.blue[b-we7m74u8oa] { background: #eff6ff; border-color: #bfdbfe; }
.tkv-detay-item.green[b-we7m74u8oa] { background: #f0fdf4; border-color: #bbf7d0; }
.tkv-detay-item.orange[b-we7m74u8oa] { background: #fff7ed; border-color: #fed7aa; }
.tkv-detay-item.pink[b-we7m74u8oa] { background: #fdf2f8; border-color: #fbcfe8; }
.tkv-detay-item.gray[b-we7m74u8oa] { background: var(--t-card-border, #f1f5f9); border-color: var(--t-card-border, #e2e8f0); opacity: 0.65; }
.tkv-detay-item.gray .tkv-detay-baslik[b-we7m74u8oa] { text-decoration: line-through; color: var(--t-text-muted, #94a3b8); }
.tkv-detay-item.red[b-we7m74u8oa] { background: #fef2f2; border-color: #fecaca; }
.tkv-detay-item.teal[b-we7m74u8oa] { background: #f0fdfa; border-color: #99f6e4; }

.tkv-detay-ikon[b-we7m74u8oa] { font-size: 1.3rem; flex-shrink: 0; }
.tkv-detay-info[b-we7m74u8oa] { flex: 1; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.tkv-detay-baslik[b-we7m74u8oa] { font-weight: 700; font-size: 0.88rem; color: var(--t-text, #1e293b); }
.tkv-detay-aciklama[b-we7m74u8oa] { font-size: 0.78rem; color: var(--t-text-muted, #64748b); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tkv-detay-durum[b-we7m74u8oa] {
    display: inline-block; padding: 2px 8px; border-radius: 6px;
    font-size: 0.7rem; font-weight: 700; width: fit-content;
}
.tkv-detay-durum.green[b-we7m74u8oa] { background: #dcfce7; color: #16a34a; }
.tkv-detay-durum.yellow[b-we7m74u8oa] { background: #fef9c3; color: #ca8a04; }
.tkv-detay-durum.red[b-we7m74u8oa] { background: #fee2e2; color: #dc2626; }
.tkv-detay-durum.gray[b-we7m74u8oa] { background: #f1f5f9; color: #64748b; }
.tkv-detay-tarih[b-we7m74u8oa] { font-size: 0.72rem; font-weight: 600; color: var(--t-text-muted, #94a3b8); white-space: nowrap; flex-shrink: 0; }

.tkv-detay-actions[b-we7m74u8oa] { display: flex; gap: 6px; align-items: center; }
.tkv-detay-ekle[b-we7m74u8oa] {
    width: 30px; height: 30px; border: 1.5px solid var(--t-accent, #6366f1); border-radius: 8px;
    background: var(--t-accent-light, #eef2ff); cursor: pointer; font-size: 1rem; color: var(--t-accent, #6366f1);
    display: flex; align-items: center; justify-content: center; transition: all 0.15s;
}
.tkv-detay-ekle:hover[b-we7m74u8oa] { background: var(--t-accent, #6366f1); color: white; }
.tkv-detay-sil[b-we7m74u8oa] {
    width: 30px; height: 30px; border: none; border-radius: 8px;
    background: transparent; cursor: pointer; font-size: 0.85rem;
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
    transition: all 0.15s;
}
.tkv-detay-sil:hover[b-we7m74u8oa] { background: #fee2e2; }
.tkv-detay-hatirlatma[b-we7m74u8oa] { font-size: 0.72rem; color: var(--t-accent, #6366f1); font-weight: 600; }

.tkv-bos-ekle[b-we7m74u8oa] {
    margin-top: 8px; padding: 8px 18px; border: 1.5px dashed var(--t-accent, #6366f1);
    border-radius: 10px; background: transparent; color: var(--t-accent, #6366f1);
    font-weight: 700; font-size: 0.82rem; cursor: pointer; transition: all 0.15s;
}
.tkv-bos-ekle:hover[b-we7m74u8oa] { background: var(--t-hover, #eef2ff); }

/* ═══ ETKİNLİK OLUŞTURMA BUTONU ═══ */
.tkv-add-btn[b-we7m74u8oa] {
    padding: 7px 14px; border: 1.5px solid var(--t-accent, #6366f1); border-radius: 10px;
    background: var(--t-accent-light, #eef2ff); color: var(--t-accent, #6366f1); font-weight: 700; font-size: 0.82rem;
    cursor: pointer; transition: all 0.15s; white-space: nowrap; flex-shrink: 0;
}
.tkv-add-btn:hover[b-we7m74u8oa] { background: var(--t-accent, #6366f1); color: white; }

.tkv-plan-btn[b-we7m74u8oa] {
    padding: 7px 14px; border: 1.5px solid var(--t-accent, #6366f1); border-radius: 10px;
    background: var(--t-accent-light, #eef2ff); color: var(--t-accent, #6366f1); font-weight: 700; font-size: 0.82rem;
    cursor: pointer; transition: all 0.15s; white-space: nowrap; flex-shrink: 0;
}
.tkv-plan-btn:hover[b-we7m74u8oa] { background: var(--t-accent, #6366f1); color: white; }

/* ═══ POPUP SEKMELERİ ═══ */
.tkv-popup-tabs[b-we7m74u8oa] {
    display: grid; grid-template-columns: 1fr 1fr; gap: 0;
    border-bottom: 2px solid var(--t-card-border, #f1f5f9);
}
.tkv-tab[b-we7m74u8oa] {
    padding: 10px 12px; border: none; background: transparent;
    font-weight: 700; font-size: 0.82rem; cursor: pointer;
    color: var(--t-text-muted, #94a3b8); transition: all 0.15s;
    border-bottom: 3px solid transparent;
}
.tkv-tab:hover[b-we7m74u8oa] { color: var(--t-accent, #6366f1); background: var(--t-hover, #f8fafc); }
.tkv-tab.active[b-we7m74u8oa] { color: var(--t-accent, #6366f1); border-bottom-color: var(--t-accent, #6366f1); background: var(--t-accent-light, #eef2ff); }

/* ═══ KİŞİSEL ETKİNLİK RENKLERİ ═══ */
.tkv-etkinlik.purple[b-we7m74u8oa] { background: #f5f3ff; color: #7c3aed; }
.tkv-etkinlik.red[b-we7m74u8oa] { background: #fef2f2; color: #dc2626; }
.tkv-etkinlik.teal[b-we7m74u8oa] { background: #f0fdfa; color: #0d9488; }
.tkv-etkinlik.yellow[b-we7m74u8oa] { background: #fefce8; color: #ca8a04; }
.tkv-detay-item.purple[b-we7m74u8oa] { background: #f5f3ff; border-color: #ddd6fe; }
.tkv-detay-item.indigo[b-we7m74u8oa] { background: #eef2ff; border-color: #c7d2fe; }
.tkv-detay-item.yellow[b-we7m74u8oa] { background: #fefce8; border-color: #fde68a; }
.tkv-filtre.kisisel.active[b-we7m74u8oa] { background: #7c3aed; border-color: #7c3aed; }
.tkv-filtre.tatil.active[b-we7m74u8oa] { background: #dc2626; border-color: #dc2626; }
.tkv-filtre.ozel-gun.active[b-we7m74u8oa] { background: #0d9488; border-color: #0d9488; }
.tkv-filtre.ziyaret.active[b-we7m74u8oa] { background: #4f46e5; border-color: #4f46e5; }

/* ═══ POPUP ═══ */
.tkv-popup-overlay[b-we7m74u8oa] {
    position: fixed; inset: 0; z-index: 10000;
    background: rgba(0,0,0,0.5); backdrop-filter: blur(4px);
    animation: tkvFadeIn-b-we7m74u8oa 0.15s ease;
}
@keyframes tkvFadeIn-b-we7m74u8oa { from { opacity: 0; } to { opacity: 1; } }

.tkv-popup[b-we7m74u8oa] {
    position: fixed; inset: 0; margin: auto;
    z-index: 10001; background: var(--t-card, white); border-radius: 18px;
    box-shadow: 0 25px 60px rgba(0,0,0,0.25); width: 460px; max-width: 95vw;
    height: fit-content; max-height: 90vh; overflow-y: auto; animation: tkvPopIn-b-we7m74u8oa 0.2s ease;
}
.tkv-popup.tkv-popup-sm[b-we7m74u8oa] { width: 380px; }
@keyframes tkvPopIn-b-we7m74u8oa { from { opacity: 0; } to { opacity: 1; } }

.tkv-popup-header[b-we7m74u8oa] {
    display: flex; justify-content: space-between; align-items: center;
    padding: 16px 20px; border-bottom: 2px solid var(--t-card-border, #f1f5f9);
}
.tkv-popup-header h3[b-we7m74u8oa] { margin: 0; font-size: 1rem; font-weight: 800; color: var(--t-text, #1e293b); }
.tkv-popup-kapat[b-we7m74u8oa] {
    width: 30px; height: 30px; border: none; border-radius: 8px;
    background: var(--t-hover, #f1f5f9); cursor: pointer; font-size: 0.9rem;
    color: var(--t-text-muted, #64748b); transition: all 0.15s;
    display: flex; align-items: center; justify-content: center;
}
.tkv-popup-kapat:hover[b-we7m74u8oa] { background: #fef2f2; color: #dc2626; }

.tkv-popup-body[b-we7m74u8oa] { padding: 16px 20px; display: flex; flex-direction: column; gap: 14px; }
.tkv-popup-footer[b-we7m74u8oa] {
    display: flex; justify-content: flex-end; gap: 8px;
    padding: 14px 20px; border-top: 1px solid var(--t-card-border, #f1f5f9);
}

.tkv-form-group[b-we7m74u8oa] { display: flex; flex-direction: column; gap: 4px; }
.tkv-form-group label[b-we7m74u8oa] { font-size: 0.78rem; font-weight: 700; color: var(--t-text-muted, #64748b); }
.tkv-form-input[b-we7m74u8oa] {
    padding: 9px 12px; border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 10px; font-size: 0.88rem; color: var(--t-text, #1e293b);
    background: var(--t-input-bg, #fcfdfe); outline: none; transition: border-color 0.15s;
    font-family: inherit;
}
.tkv-form-input:focus[b-we7m74u8oa] { border-color: var(--t-accent, #6366f1); }
.tkv-form-row[b-we7m74u8oa] { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }

.tkv-form-mesaj[b-we7m74u8oa] {
    padding: 8px 12px; border-radius: 8px; font-size: 0.82rem; font-weight: 600;
}
.tkv-form-mesaj.success[b-we7m74u8oa] { background: #dcfce7; color: #16a34a; }
.tkv-form-mesaj.error[b-we7m74u8oa] { background: #fef2f2; color: #dc2626; }

/* Renk seçici */
.tkv-renk-grid[b-we7m74u8oa] { display: flex; gap: 8px; flex-wrap: wrap; }
.tkv-renk-btn[b-we7m74u8oa] {
    width: 32px; height: 32px; border-radius: 10px; border: 2.5px solid transparent;
    cursor: pointer; transition: all 0.15s;
}
.tkv-renk-btn.secili[b-we7m74u8oa] { border-color: var(--t-text, #1e293b); transform: scale(1.15); }
.tkv-renk-btn.purple[b-we7m74u8oa] { background: #8b5cf6; }
.tkv-renk-btn.blue[b-we7m74u8oa] { background: #3b82f6; }
.tkv-renk-btn.green[b-we7m74u8oa] { background: #16a34a; }
.tkv-renk-btn.orange[b-we7m74u8oa] { background: #ea580c; }
.tkv-renk-btn.red[b-we7m74u8oa] { background: #dc2626; }
.tkv-renk-btn.pink[b-we7m74u8oa] { background: #ec4899; }
.tkv-renk-btn.teal[b-we7m74u8oa] { background: #0d9488; }
.tkv-renk-btn.yellow[b-we7m74u8oa] { background: #ca8a04; }

/* Butonlar */
.tkv-btn[b-we7m74u8oa] {
    padding: 9px 18px; border: none; border-radius: 10px;
    font-weight: 700; font-size: 0.85rem; cursor: pointer; transition: all 0.15s;
}
.tkv-btn.primary[b-we7m74u8oa] { background: var(--t-accent, #6366f1); color: white; }
.tkv-btn.primary:hover[b-we7m74u8oa] { filter: brightness(0.9); }
.tkv-btn.secondary[b-we7m74u8oa] { background: var(--t-hover, #f1f5f9); color: var(--t-text, #334155); }
.tkv-btn.secondary:hover[b-we7m74u8oa] { background: var(--t-card-border, #e2e8f0); }
.tkv-btn.danger[b-we7m74u8oa] { background: var(--t-danger-bg, #fef2f2); color: #dc2626; }
.tkv-btn.danger:hover[b-we7m74u8oa] { background: #fee2e2; }
.tkv-btn.warning[b-we7m74u8oa] { background: var(--t-warning-bg, #fefce8); color: #ca8a04; }
.tkv-btn.warning:hover[b-we7m74u8oa] { background: #fef9c3; }

/* ═══ DETAY AKSYON BUTONLARI ═══ */
.tkv-detay-aksyon[b-we7m74u8oa] {
    width: 30px; height: 30px; border: none; border-radius: 8px;
    background: transparent; cursor: pointer; font-size: 0.85rem;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0; transition: all 0.15s;
}
.tkv-detay-aksyon.tkv-edit:hover[b-we7m74u8oa] { background: var(--t-hover, #eef2ff); }
.tkv-detay-aksyon.tkv-go:hover[b-we7m74u8oa] { background: var(--t-hover, #eff6ff); }
.tkv-detay-badge[b-we7m74u8oa] {
    font-size: 0.85rem; display: flex; align-items: center; justify-content: center;
    width: 28px; height: 28px; flex-shrink: 0;
}

/* ═══ ZİYARET HASTA BİLGİ KUTUSU ═══ */
.zp-hasta-bilgi[b-we7m74u8oa] {
    display: flex; gap: 10px; flex-wrap: wrap;
    padding: 8px 12px; border-radius: 10px;
    background: var(--t-success-bg, #f0fdf4); border: 1px solid var(--t-card-border, #bbf7d0);
    font-size: 0.78rem; font-weight: 600; color: var(--t-text, #166534);
}
.tkv-form-hint[b-we7m74u8oa] {
    font-weight: 500; font-size: 0.68rem; color: var(--t-text-muted, #94a3b8);
}

/* Tatil günleri arka planı */
.tkv-gun.tatil-gunu[b-we7m74u8oa] { background: #fef2f2; }

/* ═══ MASAÜSTÜ: Takvim ekranı kaplasın ═══ */
@media (min-width: 769px) {
    .tkv-grid[b-we7m74u8oa] {
        min-height: calc(var(--app-height, 100vh) - 220px);
    }
}

/* ═══ RESPONSİVE ═══ */
@media (max-width: 768px) {
    .tkv-controls[b-we7m74u8oa] { padding: 12px; gap: 8px; }
    .tkv-nav-row[b-we7m74u8oa] { gap: 6px; }
    .tkv-ay-baslik[b-we7m74u8oa] { font-size: 0.95rem; min-width: 0; flex: 1; }
    .tkv-today-btn[b-we7m74u8oa] { padding: 6px 10px; font-size: 0.75rem; }
    .tkv-filtreler[b-we7m74u8oa] { gap: 3px; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
    .tkv-filtre[b-we7m74u8oa] { padding: 5px 8px; font-size: 0.72rem; border-radius: 6px; flex: 0 0 auto; }
    .tkv-filtre .f-text[b-we7m74u8oa] { display: none; }
    .tkv-gun[b-we7m74u8oa] { min-height: 58px; padding: 3px; }
    .tkv-gun-no[b-we7m74u8oa] { font-size: 0.75rem; width: 20px; height: 20px; }
    .tkv-etkinlik[b-we7m74u8oa] { font-size: 0.55rem; padding: 1px 3px; }
    .tkv-e-ikon[b-we7m74u8oa] { display: none; }
    .tkv-e-text[b-we7m74u8oa] { display: block; }
    .tkv-popup[b-we7m74u8oa] { width: 95vw; }
    .tkv-form-row[b-we7m74u8oa] { grid-template-columns: 1fr; }
    .tkv-form-input[type="date"][b-we7m74u8oa],
    .tkv-form-input[type="time"][b-we7m74u8oa],
    .tkv-form-input[type="datetime-local"][b-we7m74u8oa] {
        font-size: 0.82rem;
        padding: 7px 10px;
        height: auto;
        min-height: 0;
        -webkit-appearance: none;
        appearance: none;
    }
}

@media (max-width: 480px) {
    .tkv-controls[b-we7m74u8oa] { padding: 10px; gap: 6px; }
    .tkv-nav-row[b-we7m74u8oa] { gap: 4px; }
    .tkv-nav-btn[b-we7m74u8oa] { width: 32px; height: 32px; font-size: 0.8rem; }
    .tkv-ay-baslik[b-we7m74u8oa] { font-size: 0.88rem; }
    .tkv-today-btn[b-we7m74u8oa] { padding: 5px 8px; font-size: 0.7rem; }
    .tkv-add-btn[b-we7m74u8oa] { padding: 5px 8px; font-size: 0.7rem; }
    .tkv-plan-btn[b-we7m74u8oa] { padding: 5px 8px; font-size: 0.7rem; }
    .tkv-form-input[b-we7m74u8oa] { font-size: 0.78rem; padding: 7px 10px; }
    .tkv-form-input[type="date"][b-we7m74u8oa],
    .tkv-form-input[type="time"][b-we7m74u8oa],
    .tkv-form-input[type="datetime-local"][b-we7m74u8oa] {
        font-size: 0.75rem;
        padding: 6px 8px;
    }
    .tkv-popup-body[b-we7m74u8oa] { padding: 12px 14px; gap: 10px; }
    .tkv-popup-footer[b-we7m74u8oa] { padding: 10px 14px; }
    .tkv-form-group label[b-we7m74u8oa] { font-size: 0.72rem; }
    .tkv-filtreler[b-we7m74u8oa] { gap: 3px; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
    .tkv-filtre[b-we7m74u8oa] { padding: 5px 8px; font-size: 0.72rem; flex: 0 0 auto; }
    .tkv-filtre .f-text[b-we7m74u8oa] { display: inline; }
    .tkv-gun[b-we7m74u8oa] { height: 80px; padding: 3px; }
    .tkv-hafta-hucre[b-we7m74u8oa] { font-size: 0.68rem; padding: 6px 4px; }
    /* Mobilde metin göster */
    .tkv-etkinlik-list[b-we7m74u8oa] {
        gap: 2px; margin-top: 2px; flex: 1;
    }
    .tkv-etkinlik[b-we7m74u8oa] {
        display: block;
        border-radius: 3px; padding: 1px 3px;
        white-space: normal; word-break: break-word;
        font-size: 0.5rem; font-weight: 700; line-height: 1.3;
        max-height: 2.6em; flex-shrink: 0;
    }
    .tkv-etkinlik .tkv-e-ikon[b-we7m74u8oa] { display: none; }
    .tkv-etkinlik .tkv-e-text[b-we7m74u8oa] { display: block; }
    /* Tek etkinlik: sınırsız satır */
    .tkv-etkinlik:only-child[b-we7m74u8oa] { max-height: none; }
    /* 3+ etkinlik: tek satır */
    .tkv-etkinlik:first-child:nth-last-child(n+3)[b-we7m74u8oa],
    .tkv-etkinlik:first-child:nth-last-child(n+3) ~ .tkv-etkinlik[b-we7m74u8oa] { max-height: 1.3em; }
    .tkv-etkinlik.blue[b-we7m74u8oa] { background: #eff6ff; color: #2563eb; }
    .tkv-etkinlik.green[b-we7m74u8oa] { background: #f0fdf4; color: #16a34a; }
    .tkv-etkinlik.orange[b-we7m74u8oa] { background: #fff7ed; color: #ea580c; }
    .tkv-etkinlik.pink[b-we7m74u8oa] { background: #fdf2f8; color: #db2777; }
    .tkv-etkinlik.purple[b-we7m74u8oa] { background: #f5f3ff; color: #7c3aed; }
    .tkv-etkinlik.red[b-we7m74u8oa] { background: #fef2f2; color: #dc2626; }
    .tkv-etkinlik.teal[b-we7m74u8oa] { background: #f0fdfa; color: #0d9488; }
    .tkv-etkinlik.indigo[b-we7m74u8oa] { background: #eef2ff; color: #4f46e5; }
    .tkv-etkinlik.yellow[b-we7m74u8oa] { background: #fefce8; color: #ca8a04; }
    .tkv-etkinlik.gray[b-we7m74u8oa] { background: #f1f5f9; color: #94a3b8; }
    .tkv-etkinlik.more[b-we7m74u8oa] { display: block; font-size: 0.5rem; text-align: center; font-style: italic; }
}
/* /Components/Pages/Tanitim.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════
   Medisist Tanıtım Sayfası — premium, modern, satılabilir
   ═══════════════════════════════════════════════════════ */

[b-koj8tcye5j] * { box-sizing: border-box; }

/* ═══════════════════════════════════════════════════════════
   YÜKLENİYOR / DOĞRULANIYOR EKRANI — premium overlay
   ═══════════════════════════════════════════════════════════ */
[b-koj8tcye5j] .tnt-loader-overlay {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    width: 100vw; height: 100vh;
    display: flex; align-items: center; justify-content: center;
    background:
        radial-gradient(circle at 25% 15%, rgba(99,102,241,0.35) 0%, transparent 45%),
        radial-gradient(circle at 80% 85%, rgba(14,116,144,0.30) 0%, transparent 50%),
        linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #0f172a 100%);
    color: #e2e8f0;
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    z-index: 9999;
    padding: 24px;
    overflow: hidden;
    animation: tntFadeIn-b-koj8tcye5j 0.4s ease;
}

[b-koj8tcye5j] .tnt-loader-overlay::before {
    content: '';
    position: absolute; inset: 0;
    background:
        radial-gradient(2px 2px at 20% 30%, #fde047 50%, transparent),
        radial-gradient(2px 2px at 70% 60%, #a78bfa 50%, transparent),
        radial-gradient(1.5px 1.5px at 40% 80%, #22d3ee 50%, transparent),
        radial-gradient(1.5px 1.5px at 85% 25%, #fde047 50%, transparent);
    background-size: 600px 600px;
    opacity: 0.6;
    animation: tntStars-b-koj8tcye5j 8s linear infinite;
    pointer-events: none;
}

[b-koj8tcye5j] .tnt-loader-card {
    position: relative;
    display: flex; flex-direction: column; align-items: center;
    gap: 22px;
    padding: 56px 64px 44px;
    background: linear-gradient(135deg, rgba(30,27,75,0.85) 0%, rgba(15,23,42,0.85) 100%);
    border: 1px solid rgba(167,139,250,0.25);
    border-radius: 24px;
    box-shadow:
        0 20px 60px rgba(0,0,0,0.5),
        0 0 80px rgba(99,102,241,0.15),
        inset 0 1px 0 rgba(255,255,255,0.08);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    max-width: 90vw;
    z-index: 1;
}

/* ─── Çoklu halka animasyonu (ortada bilet emojisi) ─── */
[b-koj8tcye5j] .tnt-loader-rings {
    position: relative;
    width: 120px; height: 120px;
    display: flex; align-items: center; justify-content: center;
}
[b-koj8tcye5j] .tnt-ring {
    position: absolute;
    border-radius: 50%;
    border-style: solid;
    border-color: transparent;
}
[b-koj8tcye5j] .tnt-ring-1 {
    width: 120px; height: 120px;
    border-width: 3px;
    border-top-color: #a78bfa;
    border-right-color: #a78bfa;
    animation: tntSpin-b-koj8tcye5j 1.4s cubic-bezier(0.5, 0.1, 0.5, 0.9) infinite;
}
[b-koj8tcye5j] .tnt-ring-2 {
    width: 92px; height: 92px;
    border-width: 3px;
    border-top-color: #22d3ee;
    border-left-color: #22d3ee;
    animation: tntSpin-b-koj8tcye5j 1.8s cubic-bezier(0.5, 0.1, 0.5, 0.9) infinite reverse;
}
[b-koj8tcye5j] .tnt-ring-3 {
    width: 64px; height: 64px;
    border-width: 2px;
    border-top-color: #fde047;
    animation: tntSpin-b-koj8tcye5j 1.0s linear infinite;
}
[b-koj8tcye5j] .tnt-loader-emoji {
    font-size: 36px;
    animation: tntPulse-b-koj8tcye5j 1.6s ease-in-out infinite;
    filter: drop-shadow(0 0 12px rgba(253,224,71,0.5));
}

[b-koj8tcye5j] .tnt-loader-title {
    font-size: 1.5rem; font-weight: 700;
    background: linear-gradient(90deg, #ffffff 0%, #c7d2fe 100%);
    -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: 0.5px;
    margin: 0;
}

[b-koj8tcye5j] .tnt-loader-sub {
    font-size: 0.92rem; color: #94a3b8;
    text-align: center; margin: 0;
    max-width: 320px;
}

[b-koj8tcye5j] .tnt-loader-dots {
    display: flex; gap: 6px; margin-top: 4px;
}
[b-koj8tcye5j] .tnt-loader-dots span {
    width: 8px; height: 8px; border-radius: 50%;
    background: #a78bfa;
    animation: tntDot-b-koj8tcye5j 1.2s ease-in-out infinite;
}
[b-koj8tcye5j] .tnt-loader-dots span:nth-child(2) { animation-delay: 0.2s; background: #22d3ee; }
[b-koj8tcye5j] .tnt-loader-dots span:nth-child(3) { animation-delay: 0.4s; background: #fde047; }

@keyframes tntSpin-b-koj8tcye5j { to { transform: rotate(360deg); } }
@keyframes tntPulse-b-koj8tcye5j {
    0%, 100% { transform: scale(1); }
    50%      { transform: scale(1.1); }
}
@keyframes tntDot-b-koj8tcye5j {
    0%, 80%, 100% { transform: scale(0.6); opacity: 0.4; }
    40%           { transform: scale(1.0); opacity: 1; }
}
@keyframes tntFadeIn-b-koj8tcye5j {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@keyframes tntStars-b-koj8tcye5j {
    from { background-position: 0 0; }
    to   { background-position: 600px 600px; }
}

@media (max-width: 480px) {
    [b-koj8tcye5j] .tnt-loader-card { padding: 40px 32px 32px; gap: 18px; }
    [b-koj8tcye5j] .tnt-loader-rings { width: 100px; height: 100px; }
    [b-koj8tcye5j] .tnt-ring-1 { width: 100px; height: 100px; }
    [b-koj8tcye5j] .tnt-ring-2 { width: 76px; height: 76px; }
    [b-koj8tcye5j] .tnt-ring-3 { width: 52px; height: 52px; }
    [b-koj8tcye5j] .tnt-loader-emoji { font-size: 30px; }
    [b-koj8tcye5j] .tnt-loader-title { font-size: 1.25rem; }
}

/* ─── GİRİŞ EKRANI ─── */
[b-koj8tcye5j] .tnt-gate {
    position: fixed; inset: 0;
    display: flex; align-items: center; justify-content: center;
    background:
        radial-gradient(circle at 20% 20%, #312e81 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, #0e7490 0%, transparent 50%),
        linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);
    padding: 24px;
    font-family: 'Segoe UI', system-ui, sans-serif;
    overflow: hidden;
}
[b-koj8tcye5j] .tnt-gate::before {
    content: ''; position: absolute; inset: -50%;
    background-image:
        linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
    background-size: 40px 40px;
    animation: tnt-grid-move-b-koj8tcye5j 60s linear infinite;
    pointer-events: none;
}
@keyframes tnt-grid-move-b-koj8tcye5j { to { transform: translate(40px, 40px); } }

[b-koj8tcye5j] .tnt-gate-card {
    position: relative;
    background: rgba(15,23,42,0.7);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 24px;
    padding: 48px 40px 32px;
    width: 100%; max-width: 460px;
    box-shadow: 0 40px 80px -20px rgba(0,0,0,0.6), 0 0 0 1px rgba(99,102,241,0.1) inset;
    color: #e2e8f0;
    animation: tnt-gate-in-b-koj8tcye5j 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes tnt-gate-in-b-koj8tcye5j {
    from { opacity: 0; transform: translateY(20px) scale(0.96); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}
[b-koj8tcye5j] .tnt-gate-logo { display: flex; justify-content: center; margin-bottom: 18px; }
[b-koj8tcye5j] .tnt-gate-logo svg { filter: drop-shadow(0 8px 20px rgba(99,102,241,0.5)); }
[b-koj8tcye5j] .tnt-gate-card h1 {
    margin: 0 0 8px; font-size: 1.8rem; font-weight: 800;
    text-align: center; letter-spacing: -0.02em;
    background: linear-gradient(135deg, #fff 0%, #c7d2fe 100%);
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
[b-koj8tcye5j] .tnt-gate-sub {
    margin: 0 0 28px; text-align: center; color: #94a3b8;
    font-size: 0.95rem; line-height: 1.5;
}
[b-koj8tcye5j] .tnt-gate-input {
    display: flex; flex-direction: column; gap: 12px;
}
[b-koj8tcye5j] .tnt-gate-input input {
    padding: 16px 18px; font-size: 1.1rem; letter-spacing: 0.18em; text-align: center;
    background: rgba(15,23,42,0.6); color: #fff;
    border: 2px solid rgba(99,102,241,0.25); border-radius: 14px;
    outline: none; font-family: 'Consolas', 'Monaco', monospace; font-weight: 600;
    transition: all 0.2s ease;
}
[b-koj8tcye5j] .tnt-gate-input input:focus {
    border-color: #6366f1; background: rgba(15,23,42,0.85);
    box-shadow: 0 0 0 4px rgba(99,102,241,0.18);
}
[b-koj8tcye5j] .tnt-gate-input input::placeholder { color: #475569; letter-spacing: 0.15em; }
[b-koj8tcye5j] .tnt-gate-btn {
    padding: 16px 24px; font-size: 1rem; font-weight: 700;
    background: linear-gradient(135deg, #6366f1 0%, #22d3ee 100%);
    color: #fff; border: none; border-radius: 14px; cursor: pointer;
    display: flex; align-items: center; justify-content: center; gap: 8px;
    transition: all 0.25s ease;
    box-shadow: 0 10px 24px -8px rgba(99,102,241,0.6);
}
[b-koj8tcye5j] .tnt-gate-btn:hover:not(:disabled) {
    transform: translateY(-2px);
    box-shadow: 0 16px 32px -10px rgba(99,102,241,0.7);
}
[b-koj8tcye5j] .tnt-gate-btn:disabled { opacity: 0.55; cursor: not-allowed; }
[b-koj8tcye5j] .tnt-arrow { transition: transform 0.2s; }
[b-koj8tcye5j] .tnt-gate-btn:hover:not(:disabled) .tnt-arrow { transform: translateX(4px); }
[b-koj8tcye5j] .tnt-btn-spin {
    width: 18px; height: 18px;
    border: 2.5px solid rgba(255,255,255,0.3); border-top-color: #fff;
    border-radius: 50%; animation: tnt-spin 0.8s linear infinite;
}
[b-koj8tcye5j] .tnt-gate-msg {
    margin-top: 14px; padding: 12px 14px;
    background: rgba(220,38,38,0.15); border: 1px solid rgba(220,38,38,0.4);
    border-radius: 10px; color: #fca5a5; font-size: 0.88rem; text-align: center;
    animation: tnt-shake-b-koj8tcye5j 0.4s;
}
@keyframes tnt-shake-b-koj8tcye5j {
    0%,100% { transform: translateX(0); }
    25% { transform: translateX(-6px); } 75% { transform: translateX(6px); }
}
[b-koj8tcye5j] .tnt-gate-footer {
    margin-top: 28px; padding-top: 20px;
    border-top: 1px solid rgba(255,255,255,0.08);
    text-align: center; color: #64748b; font-size: 0.78rem;
}
[b-koj8tcye5j] .tnt-gate-error h1 { background: linear-gradient(135deg, #fff 0%, #fca5a5 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
[b-koj8tcye5j] .tnt-gate-icon-err { display: flex; justify-content: center; margin-bottom: 18px; }
[b-koj8tcye5j] .tnt-gate-hint { margin-top: 14px; color: #64748b; font-size: 0.82rem; text-align: center; line-height: 1.6; }


/* ═══════════ ANA TANITIM SAYFASI ═══════════ */
[b-koj8tcye5j] .tnt-root {
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    color: #e2e8f0; background: #020617;
    min-height: 100vh; overflow-x: hidden;
    line-height: 1.6;
}

/* ─── HERO ─── */
[b-koj8tcye5j] .tnt-hero {
    position: relative; min-height: 100vh; padding: 0 24px;
    display: flex; flex-direction: column;
    background: radial-gradient(ellipse at top, #1e1b4b 0%, #020617 70%);
    overflow: hidden;
}
[b-koj8tcye5j] .tnt-bg { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
[b-koj8tcye5j] .tnt-blob {
    position: absolute; border-radius: 50%; filter: blur(80px); opacity: 0.55;
    animation: tnt-blob-float-b-koj8tcye5j 18s ease-in-out infinite;
}
[b-koj8tcye5j] .tnt-blob-1 { width: 480px; height: 480px; background: #6366f1; top: -120px; left: -100px; }
[b-koj8tcye5j] .tnt-blob-2 { width: 420px; height: 420px; background: #22d3ee; bottom: -100px; right: -80px; animation-delay: -6s; }
[b-koj8tcye5j] .tnt-blob-3 { width: 360px; height: 360px; background: #a78bfa; top: 40%; left: 50%; animation-delay: -12s; }
@keyframes tnt-blob-float-b-koj8tcye5j {
    0%,100% { transform: translate(0,0) scale(1); }
    33% { transform: translate(40px,-30px) scale(1.1); }
    66% { transform: translate(-30px,40px) scale(0.95); }
}
[b-koj8tcye5j] .tnt-grid {
    position: absolute; inset: 0;
    background-image:
        linear-gradient(rgba(99,102,241,0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(99,102,241,0.06) 1px, transparent 1px);
    background-size: 50px 50px;
    mask-image: radial-gradient(circle at 50% 40%, #000 30%, transparent 70%);
    -webkit-mask-image: radial-gradient(circle at 50% 40%, #000 30%, transparent 70%);
}

[b-koj8tcye5j] .tnt-nav {
    position: relative; z-index: 5;
    display: flex; align-items: center; justify-content: space-between;
    padding: 24px 12px;
    max-width: 1200px; width: 100%; margin: 0 auto;
}
[b-koj8tcye5j] .tnt-nav-logo {
    display: flex; align-items: center; gap: 10px;
    font-weight: 800; font-size: 1.25rem; color: #fff; letter-spacing: -0.01em;
}
[b-koj8tcye5j] .tnt-nav-logo svg { filter: drop-shadow(0 4px 12px rgba(99,102,241,0.5)); }
[b-koj8tcye5j] .tnt-nav-tag {
    color: #94a3b8; font-size: 0.85rem;
    padding: 6px 14px; border-radius: 999px;
    background: rgba(99,102,241,0.1); border: 1px solid rgba(99,102,241,0.25);
}
[b-koj8tcye5j] .tnt-nav-links {
    display: flex; align-items: center; gap: 6px;
    flex-wrap: wrap; justify-content: flex-end;
}
[b-koj8tcye5j] .tnt-nav-links a {
    color: #cbd5e1; text-decoration: none;
    padding: 8px 14px; border-radius: 8px;
    font-size: 0.9rem; font-weight: 500;
    transition: all 0.2s ease;
    position: relative;
}
[b-koj8tcye5j] .tnt-nav-links a:hover {
    color: #fff;
    background: rgba(99,102,241,0.15);
}
[b-koj8tcye5j] .tnt-nav-links a::after {
    content: ''; position: absolute;
    left: 50%; bottom: 4px;
    width: 0; height: 2px;
    background: linear-gradient(90deg, #6366f1, #22d3ee);
    transition: all 0.25s ease;
    transform: translateX(-50%);
}
[b-koj8tcye5j] .tnt-nav-links a:hover::after { width: 60%; }

[b-koj8tcye5j] .tnt-hero-inner {
    position: relative; z-index: 5;
    max-width: 960px; width: 100%; margin: 0 auto;
    flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center;
    text-align: center; padding: 40px 0 80px;
}
[b-koj8tcye5j] .tnt-pill {
    display: inline-block; padding: 8px 18px;
    background: rgba(99,102,241,0.15); border: 1px solid rgba(99,102,241,0.35);
    color: #a5b4fc; border-radius: 999px; font-size: 0.85rem; font-weight: 600;
    margin-bottom: 28px; letter-spacing: 0.02em;
    animation: tnt-fadein-b-koj8tcye5j 0.8s cubic-bezier(0.16,1,0.3,1);
}
@keyframes tnt-fadein-b-koj8tcye5j {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
[b-koj8tcye5j] .tnt-hero-title {
    font-size: clamp(2.2rem, 6vw, 4.5rem); font-weight: 900;
    line-height: 1.05; letter-spacing: -0.03em; margin: 0 0 24px;
    color: #fff;
    animation: tnt-fadein-b-koj8tcye5j 0.9s 0.1s cubic-bezier(0.16,1,0.3,1) backwards;
}
[b-koj8tcye5j] .tnt-hero-title span { display: block; }
[b-koj8tcye5j] .tnt-grad {
    background: linear-gradient(135deg, #6366f1 0%, #22d3ee 50%, #a78bfa 100%);
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
    background-size: 200% 200%;
    animation: tnt-grad-shift-b-koj8tcye5j 8s ease infinite;
}
@keyframes tnt-grad-shift-b-koj8tcye5j { 0%,100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } }

[b-koj8tcye5j] .tnt-hero-sub {
    font-size: clamp(1rem, 1.6vw, 1.2rem); color: #cbd5e1;
    max-width: 720px; margin: 0 auto 40px; line-height: 1.6;
    animation: tnt-fadein-b-koj8tcye5j 1s 0.2s cubic-bezier(0.16,1,0.3,1) backwards;
}
[b-koj8tcye5j] .tnt-hero-sub strong { color: #fff; font-weight: 700; }

[b-koj8tcye5j] .tnt-hero-stats {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px;
    margin-bottom: 40px; width: 100%; max-width: 700px;
    animation: tnt-fadein-b-koj8tcye5j 1s 0.3s cubic-bezier(0.16,1,0.3,1) backwards;
}
[b-koj8tcye5j] .tnt-stat {
    padding: 18px 8px; border-radius: 16px;
    background: rgba(15,23,42,0.5); border: 1px solid rgba(255,255,255,0.08);
    backdrop-filter: blur(12px);
}
[b-koj8tcye5j] .tnt-stat-num {
    font-size: clamp(1.4rem, 2.5vw, 2rem); font-weight: 900;
    background: linear-gradient(135deg, #6366f1 0%, #22d3ee 100%);
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
    line-height: 1;
}
[b-koj8tcye5j] .tnt-stat-lbl { color: #94a3b8; font-size: 0.78rem; margin-top: 6px; }

[b-koj8tcye5j] .tnt-hero-actions {
    display: flex; gap: 14px; flex-wrap: wrap; justify-content: center;
    animation: tnt-fadein-b-koj8tcye5j 1.1s 0.4s cubic-bezier(0.16,1,0.3,1) backwards;
}
[b-koj8tcye5j] .tnt-cta-primary, [b-koj8tcye5j] .tnt-cta-secondary {
    padding: 16px 28px; border-radius: 14px; font-weight: 700; font-size: 1rem;
    text-decoration: none; display: inline-flex; align-items: center; gap: 8px;
    transition: all 0.25s ease;
}
[b-koj8tcye5j] .tnt-cta-primary {
    background: linear-gradient(135deg, #6366f1 0%, #22d3ee 100%); color: #fff;
    box-shadow: 0 14px 32px -10px rgba(99,102,241,0.6);
}
[b-koj8tcye5j] .tnt-cta-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 20px 40px -10px rgba(99,102,241,0.75);
}
[b-koj8tcye5j] .tnt-cta-secondary {
    background: rgba(255,255,255,0.08); color: #fff;
    border: 1px solid rgba(255,255,255,0.15);
}
[b-koj8tcye5j] .tnt-cta-secondary:hover { background: rgba(255,255,255,0.15); transform: translateY(-2px); }

/* ─── SECTIONS ─── */
[b-koj8tcye5j] .tnt-section {
    padding: 100px 24px;
    max-width: 1200px; margin: 0 auto;
    position: relative;
}
[b-koj8tcye5j] .tnt-section-alt { background: linear-gradient(180deg, transparent 0%, rgba(99,102,241,0.04) 50%, transparent 100%); }
[b-koj8tcye5j] .tnt-section-head { text-align: center; max-width: 760px; margin: 0 auto 60px; }
[b-koj8tcye5j] .tnt-eyebrow {
    display: inline-block; padding: 6px 16px;
    background: rgba(99,102,241,0.12); color: #a5b4fc;
    border-radius: 999px; font-size: 0.82rem; font-weight: 600;
    margin-bottom: 18px; letter-spacing: 0.04em;
}
[b-koj8tcye5j] .tnt-section-head h2 {
    font-size: clamp(1.8rem, 4vw, 3rem); font-weight: 900;
    line-height: 1.15; letter-spacing: -0.02em; color: #fff; margin: 0 0 18px;
}
[b-koj8tcye5j] .tnt-section-head p { color: #94a3b8; font-size: clamp(1rem, 1.4vw, 1.1rem); margin: 0; }

/* ─── ÖZELLİKLER ─── */
[b-koj8tcye5j] .tnt-features {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 24px;
}
[b-koj8tcye5j] .tnt-feat {
    position: relative;
    padding: 36px 28px;
    background: linear-gradient(180deg, rgba(99,102,241,0.06) 0%, rgba(15,23,42,0.4) 100%);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 24px;
    transition: all 0.4s cubic-bezier(0.16,1,0.3,1);
    overflow: hidden;
}
[b-koj8tcye5j] .tnt-feat::before {
    content: ''; position: absolute; inset: 0; border-radius: 24px;
    background: radial-gradient(circle at 20% 0%, rgba(99,102,241,0.18), transparent 60%);
    opacity: 0; transition: opacity 0.4s;
}
[b-koj8tcye5j] .tnt-feat:hover {
    transform: translateY(-6px);
    border-color: rgba(99,102,241,0.35);
    box-shadow: 0 30px 60px -20px rgba(99,102,241,0.3);
}
[b-koj8tcye5j] .tnt-feat:hover::before { opacity: 1; }
[b-koj8tcye5j] .tnt-feat-icon {
    width: 76px; height: 76px; border-radius: 20px;
    background: rgba(15,23,42,0.6);
    display: flex; align-items: center; justify-content: center;
    margin-bottom: 22px;
    border: 1px solid rgba(255,255,255,0.06);
    position: relative;
}
[b-koj8tcye5j] .tnt-feat-icon svg { filter: drop-shadow(0 6px 14px rgba(0,0,0,0.4)); }
[b-koj8tcye5j] .tnt-feat-tag {
    display: inline-block; padding: 4px 12px; margin-bottom: 12px;
    background: linear-gradient(135deg, #f59e0b 0%, #dc2626 100%);
    color: #fff; font-size: 0.7rem; font-weight: 800; letter-spacing: 0.08em;
    border-radius: 999px;
}
[b-koj8tcye5j] .tnt-feat h3 {
    font-size: 1.4rem; font-weight: 800; color: #fff;
    margin: 0 0 12px; letter-spacing: -0.01em; line-height: 1.25;
}
[b-koj8tcye5j] .tnt-feat p { color: #94a3b8; margin: 0 0 18px; font-size: 0.95rem; line-height: 1.6; }
[b-koj8tcye5j] .tnt-feat p strong { color: #c7d2fe; font-weight: 700; }
[b-koj8tcye5j] .tnt-feat-list { list-style: none; padding: 0; margin: 0; }
[b-koj8tcye5j] .tnt-feat-list li {
    color: #cbd5e1; font-size: 0.9rem; padding: 6px 0;
    border-top: 1px solid rgba(255,255,255,0.05);
}
[b-koj8tcye5j] .tnt-feat-list li:first-child { border-top: none; }

/* ─── MODÜLLER GRID ─── */
[b-koj8tcye5j] .tnt-modules {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 14px;
}
[b-koj8tcye5j] .tnt-module {
    padding: 22px 16px; text-align: center;
    background: rgba(15,23,42,0.5);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 16px;
    transition: all 0.3s ease;
}
[b-koj8tcye5j] .tnt-module:hover {
    transform: translateY(-4px) scale(1.03);
    border-color: rgba(34,211,238,0.4);
    background: rgba(34,211,238,0.05);
}
[b-koj8tcye5j] .tnt-mod-emoji { font-size: 2.2rem; margin-bottom: 10px; line-height: 1; }
[b-koj8tcye5j] .tnt-mod-name { font-weight: 700; color: #fff; font-size: 0.95rem; margin-bottom: 4px; }
[b-koj8tcye5j] .tnt-mod-desc { color: #94a3b8; font-size: 0.78rem; line-height: 1.4; }

/* ─── NEDEN BİZ ─── */
[b-koj8tcye5j] .tnt-why {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px;
}
[b-koj8tcye5j] .tnt-why-card {
    padding: 32px 28px; border-radius: 20px;
    background: linear-gradient(180deg, rgba(99,102,241,0.05) 0%, rgba(15,23,42,0.3) 100%);
    border: 1px solid rgba(255,255,255,0.07);
    transition: all 0.35s ease;
}
[b-koj8tcye5j] .tnt-why-card:hover {
    border-color: rgba(167,139,250,0.4);
    background: linear-gradient(180deg, rgba(167,139,250,0.08) 0%, rgba(15,23,42,0.4) 100%);
}
[b-koj8tcye5j] .tnt-why-num {
    font-size: 2.5rem; font-weight: 900; line-height: 1;
    background: linear-gradient(135deg, #6366f1 0%, #a78bfa 100%);
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
    margin-bottom: 14px;
}
[b-koj8tcye5j] .tnt-why-card h3 {
    font-size: 1.25rem; font-weight: 800; color: #fff;
    margin: 0 0 10px; letter-spacing: -0.01em;
}
[b-koj8tcye5j] .tnt-why-card p { color: #94a3b8; font-size: 0.92rem; margin: 0; line-height: 1.6; }

/* ─── CTA SECTION ─── */
[b-koj8tcye5j] .tnt-cta-section { padding: 60px 24px 100px; }
[b-koj8tcye5j] .tnt-cta-card {
    position: relative;
    max-width: 880px; margin: 0 auto;
    padding: 60px 40px; text-align: center;
    border-radius: 32px;
    background:
        radial-gradient(circle at 20% 20%, rgba(99,102,241,0.18), transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(34,211,238,0.18), transparent 50%),
        linear-gradient(135deg, rgba(15,23,42,0.95) 0%, rgba(30,27,75,0.95) 100%);
    border: 1px solid rgba(99,102,241,0.3);
    overflow: hidden;
}
[b-koj8tcye5j] .tnt-cta-glow {
    position: absolute; inset: 0; pointer-events: none;
    background: conic-gradient(from 0deg, transparent, rgba(99,102,241,0.15), transparent 30%);
    animation: tnt-rotate-b-koj8tcye5j 12s linear infinite;
}
@keyframes tnt-rotate-b-koj8tcye5j { to { transform: rotate(360deg); } }
[b-koj8tcye5j] .tnt-cta-card > * { position: relative; z-index: 1; }
[b-koj8tcye5j] .tnt-cta-card h2 {
    font-size: clamp(1.6rem, 3.5vw, 2.5rem); font-weight: 900;
    color: #fff; margin: 0 0 16px; letter-spacing: -0.02em; line-height: 1.2;
}
[b-koj8tcye5j] .tnt-cta-card p { color: #cbd5e1; font-size: 1.05rem; margin: 0 0 32px; }
[b-koj8tcye5j] .tnt-cta-actions {
    display: flex; gap: 14px; flex-wrap: wrap; justify-content: center;
    margin-bottom: 32px;
}
[b-koj8tcye5j] .tnt-cta-meta {
    padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.08);
    color: #64748b; font-size: 0.82rem;
}

/* ─── FOOTER ─── */
[b-koj8tcye5j] .tnt-footer {
    padding: 40px 24px; text-align: center;
    border-top: 1px solid rgba(255,255,255,0.06);
    color: #64748b; font-size: 0.85rem;
}
[b-koj8tcye5j] .tnt-footer-sub { margin-top: 6px; font-size: 0.78rem; color: #475569; }

/* ─── RESPONSIVE ─── */
@media (max-width: 720px) {
    [b-koj8tcye5j] .tnt-section { padding: 70px 18px; }
    [b-koj8tcye5j] .tnt-hero-stats { grid-template-columns: repeat(2, 1fr); }
    [b-koj8tcye5j] .tnt-nav { padding: 18px 6px; }
    [b-koj8tcye5j] .tnt-nav-tag { display: none; }
    [b-koj8tcye5j] .tnt-nav-links a { padding: 6px 10px; font-size: 0.82rem; }
    [b-koj8tcye5j] .tnt-cta-card { padding: 40px 24px; }
}

/* ═══════════════════════════════════════════════════════════
   SPONSOR SUNUMU — yeni bölümler için stiller
   ═══════════════════════════════════════════════════════════ */

/* ─── Ne Yapıyoruz: 3 sütunlu özet ─── */
[b-koj8tcye5j] .tnt-summary {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
    max-width: 1200px; margin: 0 auto;
}
[b-koj8tcye5j] .tnt-summary-item {
    background: rgba(30, 27, 75, 0.4);
    border: 1px solid rgba(167, 139, 250, 0.2);
    border-radius: 16px;
    padding: 32px 28px;
    transition: all 0.3s ease;
}
[b-koj8tcye5j] .tnt-summary-item:hover {
    transform: translateY(-4px);
    border-color: rgba(167, 139, 250, 0.4);
    box-shadow: 0 12px 32px rgba(99, 102, 241, 0.15);
}
[b-koj8tcye5j] .tnt-summary-num {
    display: inline-block;
    font-size: 0.78rem; font-weight: 700;
    text-transform: uppercase; letter-spacing: 0.1em;
    background: linear-gradient(90deg, #6366f1, #22d3ee);
    -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 12px;
}
[b-koj8tcye5j] .tnt-summary-item h3 {
    color: #fff; font-size: 1.25rem; font-weight: 700;
    margin: 0 0 12px 0;
}
[b-koj8tcye5j] .tnt-summary-item p {
    color: #cbd5e1; font-size: 0.95rem; line-height: 1.6;
    margin: 0;
}
[b-koj8tcye5j] .tnt-summary-item p strong { color: #fff; }

/* ─── Yetenekler grid (Capability cards) ─── */
[b-koj8tcye5j] .tnt-cap-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 22px;
    max-width: 1200px; margin: 0 auto;
}
[b-koj8tcye5j] .tnt-cap {
    background: linear-gradient(135deg, rgba(30,27,75,0.5) 0%, rgba(15,23,42,0.5) 100%);
    border: 1px solid rgba(167, 139, 250, 0.18);
    border-radius: 16px;
    padding: 28px 24px;
    display: flex; flex-direction: column;
    gap: 12px;
    transition: all 0.3s ease;
    position: relative; overflow: hidden;
}
[b-koj8tcye5j] .tnt-cap::before {
    content: '';
    position: absolute; top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, #6366f1, #22d3ee, #a78bfa);
    opacity: 0; transition: opacity 0.3s ease;
}
[b-koj8tcye5j] .tnt-cap:hover {
    transform: translateY(-4px);
    border-color: rgba(167, 139, 250, 0.5);
    box-shadow: 0 16px 40px rgba(99, 102, 241, 0.2);
}
[b-koj8tcye5j] .tnt-cap:hover::before { opacity: 1; }
[b-koj8tcye5j] .tnt-cap-emoji {
    font-size: 2.5rem;
    line-height: 1;
    filter: drop-shadow(0 4px 12px rgba(99,102,241,0.3));
}
[b-koj8tcye5j] .tnt-cap h3 {
    color: #fff; font-size: 1.15rem; font-weight: 700;
    margin: 0;
}
[b-koj8tcye5j] .tnt-cap p {
    color: #cbd5e1; font-size: 0.9rem; line-height: 1.55;
    margin: 0; flex: 1;
}
[b-koj8tcye5j] .tnt-cap-tags {
    display: flex; gap: 6px; flex-wrap: wrap; margin-top: 6px;
}
[b-koj8tcye5j] .tnt-cap-tags span {
    font-size: 0.72rem; font-weight: 600;
    color: #a78bfa;
    background: rgba(167, 139, 250, 0.12);
    border: 1px solid rgba(167, 139, 250, 0.25);
    padding: 4px 10px; border-radius: 6px;
}

/* ─── Mimari/Teknoloji kartları ─── */
[b-koj8tcye5j] .tnt-tech-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    max-width: 1200px; margin: 0 auto;
}
[b-koj8tcye5j] .tnt-tech-card {
    background: rgba(15, 23, 42, 0.6);
    border: 1px solid rgba(99, 102, 241, 0.2);
    border-radius: 14px;
    padding: 24px 22px;
    display: flex; align-items: flex-start; gap: 16px;
    transition: all 0.3s ease;
}
[b-koj8tcye5j] .tnt-tech-card:hover {
    border-color: rgba(99, 102, 241, 0.5);
    transform: translateY(-2px);
}
[b-koj8tcye5j] .tnt-tech-icon {
    flex-shrink: 0;
    width: 56px; height: 56px;
    border-radius: 12px;
    display: flex; align-items: center; justify-content: center;
    color: #fff; font-weight: 800; font-size: 0.9rem;
    letter-spacing: -0.02em;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
}
[b-koj8tcye5j] .tnt-tech-card h3 {
    color: #fff; font-size: 1.05rem; font-weight: 700;
    margin: 0 0 6px 0;
}
[b-koj8tcye5j] .tnt-tech-card p {
    color: #94a3b8; font-size: 0.85rem; line-height: 1.55;
    margin: 0;
}

/* ─── Yol Haritası ─── */
[b-koj8tcye5j] .tnt-roadmap {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 22px;
    max-width: 1200px; margin: 0 auto;
}
[b-koj8tcye5j] .tnt-road-item {
    background: linear-gradient(135deg, rgba(30,27,75,0.5) 0%, rgba(15,23,42,0.5) 100%);
    border: 1px solid rgba(167, 139, 250, 0.2);
    border-radius: 16px;
    padding: 26px 24px;
    transition: all 0.3s ease;
    position: relative;
}
[b-koj8tcye5j] .tnt-road-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.3);
}
[b-koj8tcye5j] .tnt-road-status {
    display: inline-block;
    font-size: 0.78rem; font-weight: 700;
    padding: 5px 12px; border-radius: 999px;
    margin-bottom: 14px;
}
[b-koj8tcye5j] .tnt-road-done .tnt-road-status {
    color: #22c55e; background: rgba(34, 197, 94, 0.12);
    border: 1px solid rgba(34, 197, 94, 0.3);
}
[b-koj8tcye5j] .tnt-road-active .tnt-road-status {
    color: #fde047; background: rgba(253, 224, 71, 0.12);
    border: 1px solid rgba(253, 224, 71, 0.3);
}
[b-koj8tcye5j] .tnt-road-next .tnt-road-status {
    color: #22d3ee; background: rgba(34, 211, 238, 0.12);
    border: 1px solid rgba(34, 211, 238, 0.3);
}
[b-koj8tcye5j] .tnt-road-future .tnt-road-status {
    color: #a78bfa; background: rgba(167, 139, 250, 0.12);
    border: 1px solid rgba(167, 139, 250, 0.3);
}
[b-koj8tcye5j] .tnt-road-item h3 {
    color: #fff; font-size: 1.15rem; font-weight: 700;
    margin: 0 0 12px 0;
}
[b-koj8tcye5j] .tnt-road-item ul {
    list-style: none; padding: 0; margin: 0;
}
[b-koj8tcye5j] .tnt-road-item li {
    color: #cbd5e1; font-size: 0.9rem; line-height: 1.6;
    padding: 5px 0 5px 18px;
    position: relative;
}
[b-koj8tcye5j] .tnt-road-item li::before {
    content: '▸';
    position: absolute; left: 0;
    color: #6366f1;
}
[b-koj8tcye5j] .tnt-road-item li em {
    color: #fde047; font-style: normal; font-weight: 600;
}

/* ─── Sayılarla grid ─── */
[b-koj8tcye5j] .tnt-numbers-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 18px;
    max-width: 1100px; margin: 0 auto;
}
[b-koj8tcye5j] .tnt-num-card {
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.1), rgba(34, 211, 238, 0.05));
    border: 1px solid rgba(99, 102, 241, 0.25);
    border-radius: 14px;
    padding: 28px 16px;
    text-align: center;
    transition: all 0.3s ease;
}
[b-koj8tcye5j] .tnt-num-card:hover {
    transform: translateY(-3px) scale(1.03);
    border-color: rgba(99, 102, 241, 0.5);
    box-shadow: 0 10px 28px rgba(99, 102, 241, 0.2);
}
[b-koj8tcye5j] .tnt-num {
    font-size: 2.2rem; font-weight: 800;
    background: linear-gradient(90deg, #6366f1, #22d3ee);
    -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.1; margin-bottom: 6px;
    letter-spacing: -0.02em;
}
[b-koj8tcye5j] .tnt-num-label {
    color: #94a3b8; font-size: 0.82rem; font-weight: 500;
}

@media (max-width: 640px) {
    [b-koj8tcye5j] .tnt-summary, [b-koj8tcye5j] .tnt-cap-grid,
    [b-koj8tcye5j] .tnt-tech-grid, [b-koj8tcye5j] .tnt-roadmap { grid-template-columns: 1fr; }
    [b-koj8tcye5j] .tnt-numbers-grid { grid-template-columns: repeat(2, 1fr); }
    [b-koj8tcye5j] .tnt-num { font-size: 1.8rem; }
}
/* ═══════════════════════════════════════════════════════════
   STICKY NAV — sayfa kayarken üstte sabit
   ═══════════════════════════════════════════════════════════ */
[b-koj8tcye5j] .tnt-sticky-nav {
    position: sticky;
    top: 0;
    z-index: 100;
    background: rgba(15, 23, 42, 0.85);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(99, 102, 241, 0.2);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}
[b-koj8tcye5j] .tnt-sticky-inner {
    max-width: 1200px; margin: 0 auto;
    padding: 14px 24px;
    display: flex; align-items: center; justify-content: space-between;
    gap: 24px;
}
[b-koj8tcye5j] .tnt-sticky-nav .tnt-nav-logo {
    font-size: 1.05rem;
    color: #fff; display: flex; align-items: center; gap: 10px;
    font-weight: 800;
}
[b-koj8tcye5j] .tnt-nav-btn {
    background: transparent;
    border: none;
    color: #cbd5e1;
    padding: 8px 14px;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    font-family: inherit;
    position: relative;
}
[b-koj8tcye5j] .tnt-nav-btn:hover {
    color: #fff;
    background: rgba(99, 102, 241, 0.18);
}
[b-koj8tcye5j] .tnt-nav-btn::after {
    content: '';
    position: absolute;
    left: 50%; bottom: 4px;
    width: 0; height: 2px;
    background: linear-gradient(90deg, #6366f1, #22d3ee);
    transition: all 0.25s ease;
    transform: translateX(-50%);
}
[b-koj8tcye5j] .tnt-nav-btn:hover::after { width: 60%; }
[b-koj8tcye5j] .tnt-nav-btn-cta {
    background: linear-gradient(135deg, #6366f1, #22d3ee);
    color: #fff !important;
    padding: 8px 18px;
}
[b-koj8tcye5j] .tnt-nav-btn-cta:hover {
    background: linear-gradient(135deg, #7c3aed, #06b6d4);
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(99, 102, 241, 0.4);
}

/* Hero buttons artık <button> elementi olduğu için reset */
[b-koj8tcye5j] button.tnt-cta-primary,
[b-koj8tcye5j] button.tnt-cta-secondary {
    font-family: inherit;
    cursor: pointer;
}

/* hero scroll hint */
[b-koj8tcye5j] .tnt-hero-scroll {
    margin-top: 32px;
    color: #64748b;
    font-size: 0.82rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    animation: tntBounce-b-koj8tcye5j 2s ease-in-out infinite;
}
@keyframes tntBounce-b-koj8tcye5j {
    0%, 100% { transform: translateY(0); opacity: 0.6; }
    50%      { transform: translateY(8px); opacity: 1; }
}

/* ═══════════════════════════════════════════════════════════
   ÇALIŞMA AKIŞI — 4 step
   ═══════════════════════════════════════════════════════════ */
[b-koj8tcye5j] .tnt-flow {
    max-width: 1200px; margin: 0 auto;
    display: flex; align-items: stretch;
    flex-wrap: wrap; justify-content: center;
    gap: 8px;
}
[b-koj8tcye5j] .tnt-flow-step {
    flex: 1 1 220px; max-width: 270px;
    background: linear-gradient(135deg, rgba(30,27,75,0.5), rgba(15,23,42,0.5));
    border: 1px solid rgba(167, 139, 250, 0.25);
    border-radius: 16px;
    padding: 24px 20px;
    position: relative;
    transition: all 0.3s ease;
}
[b-koj8tcye5j] .tnt-flow-step:hover {
    transform: translateY(-4px);
    border-color: rgba(167, 139, 250, 0.5);
    box-shadow: 0 12px 32px rgba(99, 102, 241, 0.2);
}
[b-koj8tcye5j] .tnt-flow-num {
    position: absolute;
    top: -14px; left: 20px;
    width: 32px; height: 32px;
    border-radius: 50%;
    background: linear-gradient(135deg, #6366f1, #22d3ee);
    color: #fff;
    display: flex; align-items: center; justify-content: center;
    font-weight: 800; font-size: 0.95rem;
    box-shadow: 0 6px 16px rgba(99, 102, 241, 0.5);
}
[b-koj8tcye5j] .tnt-flow-icon {
    font-size: 2.2rem;
    margin-bottom: 10px;
    line-height: 1;
}
[b-koj8tcye5j] .tnt-flow-step h4 {
    color: #fff; font-size: 1.05rem;
    margin: 0 0 8px 0; font-weight: 700;
}
[b-koj8tcye5j] .tnt-flow-step p {
    color: #cbd5e1; font-size: 0.85rem; line-height: 1.5;
    margin: 0 0 12px 0;
}
[b-koj8tcye5j] .tnt-flow-tag {
    display: inline-block;
    font-size: 0.72rem; font-weight: 700;
    padding: 4px 10px; border-radius: 999px;
}
[b-koj8tcye5j] .tnt-flow-tag-manual { color: #fde047; background: rgba(253, 224, 71, 0.12); border: 1px solid rgba(253, 224, 71, 0.3); }
[b-koj8tcye5j] .tnt-flow-tag-auto   { color: #22d3ee; background: rgba(34, 211, 238, 0.12); border: 1px solid rgba(34, 211, 238, 0.3); }
[b-koj8tcye5j] .tnt-flow-tag-mixed  { color: #a78bfa; background: rgba(167, 139, 250, 0.12); border: 1px solid rgba(167, 139, 250, 0.3); }

[b-koj8tcye5j] .tnt-flow-arrow {
    display: flex; align-items: center;
    color: #6366f1; font-size: 1.8rem; font-weight: 800;
    flex: 0 0 auto;
}

[b-koj8tcye5j] .tnt-flow-note {
    max-width: 1100px; margin: 32px auto 0;
    padding: 18px 24px;
    background: linear-gradient(90deg, rgba(99, 102, 241, 0.12), rgba(34, 211, 238, 0.08));
    border: 1px solid rgba(99, 102, 241, 0.3);
    border-radius: 12px;
    color: #cbd5e1; font-size: 0.92rem; line-height: 1.6;
    text-align: center;
}

/* ═══════════════════════════════════════════════════════════
   MODÜL ATLAS TABLOSU
   ═══════════════════════════════════════════════════════════ */
[b-koj8tcye5j] .tnt-atlas-wrap {
    max-width: 1100px; margin: 0 auto;
    overflow-x: auto;
    border-radius: 16px;
    border: 1px solid rgba(99, 102, 241, 0.25);
    background: rgba(15, 23, 42, 0.4);
}
[b-koj8tcye5j] .tnt-atlas {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}
[b-koj8tcye5j] .tnt-atlas thead {
    background: linear-gradient(90deg, rgba(99, 102, 241, 0.18), rgba(34, 211, 238, 0.12));
}
[b-koj8tcye5j] .tnt-atlas th {
    text-align: left;
    padding: 14px 18px;
    color: #fff;
    font-weight: 700;
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 1px solid rgba(99, 102, 241, 0.3);
}
[b-koj8tcye5j] .tnt-atlas td {
    padding: 12px 18px;
    color: #cbd5e1;
    border-bottom: 1px solid rgba(99, 102, 241, 0.08);
}
[b-koj8tcye5j] .tnt-atlas tbody tr {
    transition: background 0.2s ease;
}
[b-koj8tcye5j] .tnt-atlas tbody tr:hover {
    background: rgba(99, 102, 241, 0.06);
}
[b-koj8tcye5j] .tnt-atlas tbody tr:last-child td { border-bottom: none; }
[b-koj8tcye5j] .tnt-atlas-badge {
    display: inline-block;
    font-size: 0.75rem; font-weight: 700;
    padding: 3px 10px; border-radius: 999px;
    white-space: nowrap;
}
[b-koj8tcye5j] .tnt-atlas-live {
    color: #22c55e; background: rgba(34, 197, 94, 0.12);
    border: 1px solid rgba(34, 197, 94, 0.3);
}
[b-koj8tcye5j] .tnt-atlas-beta {
    color: #fde047; background: rgba(253, 224, 71, 0.12);
    border: 1px solid rgba(253, 224, 71, 0.3);
}
[b-koj8tcye5j] .tnt-atlas-soon {
    color: #a78bfa; background: rgba(167, 139, 250, 0.12);
    border: 1px solid rgba(167, 139, 250, 0.3);
}

/* ═══════════════════════════════════════════════════════════
   METRİK KARTLARI
   ═══════════════════════════════════════════════════════════ */
[b-koj8tcye5j] .tnt-metric-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 22px;
    max-width: 1200px; margin: 0 auto;
}
[b-koj8tcye5j] .tnt-metric-card {
    background: linear-gradient(135deg, rgba(30,27,75,0.6), rgba(15,23,42,0.6));
    border: 1px solid rgba(167, 139, 250, 0.25);
    border-radius: 18px;
    padding: 28px 26px;
    transition: all 0.3s ease;
    position: relative; overflow: hidden;
}
[b-koj8tcye5j] .tnt-metric-card::before {
    content: '';
    position: absolute; top: 0; left: 0; right: 0;
    height: 4px;
    background: linear-gradient(90deg, #6366f1, #22d3ee, #a78bfa);
}
[b-koj8tcye5j] .tnt-metric-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 40px rgba(99, 102, 241, 0.2);
}
[b-koj8tcye5j] .tnt-metric-perf::before { background: linear-gradient(90deg, #6366f1, #22d3ee); }
[b-koj8tcye5j] .tnt-metric-sec::before  { background: linear-gradient(90deg, #10b981, #047857); }
[b-koj8tcye5j] .tnt-metric-uptime::before { background: linear-gradient(90deg, #f59e0b, #dc2626); }
[b-koj8tcye5j] .tnt-metric-label {
    font-size: 0.78rem; font-weight: 700;
    text-transform: uppercase; letter-spacing: 0.1em;
    color: #94a3b8;
    margin-bottom: 18px;
}
[b-koj8tcye5j] .tnt-metric-rows {
    display: flex; flex-direction: column; gap: 2px;
}
[b-koj8tcye5j] .tnt-mr {
    display: flex; justify-content: space-between; align-items: center;
    padding: 10px 0;
    border-bottom: 1px dashed rgba(99, 102, 241, 0.15);
}
[b-koj8tcye5j] .tnt-mr:last-child { border-bottom: none; }
[b-koj8tcye5j] .tnt-mr span { color: #94a3b8; font-size: 0.88rem; }
[b-koj8tcye5j] .tnt-mr strong {
    color: #fff; font-weight: 700; font-size: 0.95rem;
    background: linear-gradient(90deg, #fff, #c7d2fe);
    -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* ═══════════════════════════════════════════════════════════
   YUKARI ÇIK BUTONU
   ═══════════════════════════════════════════════════════════ */
[b-koj8tcye5j] .tnt-up-btn {
    position: fixed;
    bottom: 24px; right: 24px;
    z-index: 50;
    width: 48px; height: 48px;
    border-radius: 50%;
    border: none;
    background: linear-gradient(135deg, #6366f1, #22d3ee);
    color: #fff;
    font-size: 1.4rem; font-weight: 800;
    cursor: pointer;
    box-shadow: 0 8px 24px rgba(99, 102, 241, 0.5);
    transition: opacity 0.3s ease, transform 0.25s ease, box-shadow 0.25s ease;
    display: flex; align-items: center; justify-content: center;
    /* Varsayılan: gizli; JS scroll listener tnt-up-visible class'ını ekleyip gösterir */
    opacity: 0;
    pointer-events: none;
    transform: translateY(8px);
}
[b-koj8tcye5j] .tnt-up-btn.tnt-up-visible {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}
[b-koj8tcye5j] .tnt-up-btn:hover {
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 12px 32px rgba(99, 102, 241, 0.7);
}

/* ═══════════════════════════════════════════════════════════
   RESPONSIVE — sticky nav, flow, atlas
   ═══════════════════════════════════════════════════════════ */
@media (max-width: 900px) {
    [b-koj8tcye5j] .tnt-sticky-inner { flex-direction: column; gap: 10px; padding: 10px 12px; }
    [b-koj8tcye5j] .tnt-nav-links { flex-wrap: wrap; justify-content: center; }
    [b-koj8tcye5j] .tnt-flow-arrow { display: none; }
    [b-koj8tcye5j] .tnt-flow-step { max-width: 100%; }
}

@media (max-width: 640px) {
    [b-koj8tcye5j] .tnt-metric-grid { grid-template-columns: 1fr; }
    [b-koj8tcye5j] .tnt-atlas { font-size: 0.82rem; }
    [b-koj8tcye5j] .tnt-atlas th, [b-koj8tcye5j] .tnt-atlas td { padding: 10px 12px; }
    [b-koj8tcye5j] .tnt-up-btn { width: 42px; height: 42px; bottom: 16px; right: 16px; font-size: 1.2rem; }
}
/* CTA meta — uzun bilgilendirme bloğu için */
[b-koj8tcye5j] .tnt-cta-meta-large {
    margin-top: 28px !important;
    padding: 18px 22px;
    background: rgba(99, 102, 241, 0.08);
    border: 1px solid rgba(99, 102, 241, 0.25);
    border-radius: 12px;
    line-height: 1.7 !important;
    font-size: 0.88rem !important;
    text-align: left;
}
/* ═══════════════════════════════════════════════════════════
   BİR ÇALIŞMA GÜNÜ — dikey timeline
   ═══════════════════════════════════════════════════════════ */
[b-koj8tcye5j] .tnt-timeline {
    max-width: 920px;
    margin: 0 auto;
    position: relative;
    padding: 20px 0;
}

/* dikey çizgi */
[b-koj8tcye5j] .tnt-timeline::before {
    content: '';
    position: absolute;
    left: 88px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(180deg,
        rgba(99, 102, 241, 0.0) 0%,
        rgba(99, 102, 241, 0.5) 8%,
        rgba(34, 211, 238, 0.5) 92%,
        rgba(34, 211, 238, 0.0) 100%);
}

[b-koj8tcye5j] .tnt-tl-item {
    position: relative;
    display: grid;
    grid-template-columns: 80px 16px 1fr;
    gap: 16px;
    align-items: flex-start;
    margin-bottom: 28px;
}
[b-koj8tcye5j] .tnt-tl-item:last-child { margin-bottom: 0; }

[b-koj8tcye5j] .tnt-tl-time {
    text-align: right;
    font-weight: 800;
    font-size: 1.05rem;
    color: #c7d2fe;
    padding-top: 18px;
    letter-spacing: -0.01em;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
}

[b-koj8tcye5j] .tnt-tl-dot {
    position: relative;
    width: 16px; height: 16px;
    border-radius: 50%;
    background: linear-gradient(135deg, #6366f1, #22d3ee);
    box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.15),
                0 0 16px rgba(99, 102, 241, 0.5);
    margin-top: 22px;
    flex-shrink: 0;
}
[b-koj8tcye5j] .tnt-tl-dot::after {
    content: '';
    position: absolute;
    inset: -4px;
    border-radius: 50%;
    background: linear-gradient(135deg, #6366f1, #22d3ee);
    opacity: 0.3;
    z-index: -1;
    animation: tntPulse-b-koj8tcye5j 2.5s ease-in-out infinite;
}
@keyframes tntPulse-b-koj8tcye5j {
    0%, 100% { transform: scale(1); opacity: 0.3; }
    50%      { transform: scale(1.4); opacity: 0; }
}

[b-koj8tcye5j] .tnt-tl-card {
    background: linear-gradient(135deg, rgba(30, 27, 75, 0.55), rgba(15, 23, 42, 0.55));
    border: 1px solid rgba(167, 139, 250, 0.22);
    border-radius: 14px;
    padding: 18px 22px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}
[b-koj8tcye5j] .tnt-tl-card::before {
    content: '';
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 3px;
    background: linear-gradient(180deg, #6366f1, #22d3ee);
    opacity: 0;
    transition: opacity 0.3s ease;
}
[b-koj8tcye5j] .tnt-tl-card:hover {
    transform: translateX(4px);
    border-color: rgba(167, 139, 250, 0.5);
    box-shadow: 0 12px 32px rgba(99, 102, 241, 0.18);
}
[b-koj8tcye5j] .tnt-tl-card:hover::before { opacity: 1; }

[b-koj8tcye5j] .tnt-tl-icon {
    font-size: 1.6rem;
    line-height: 1;
    margin-bottom: 8px;
    filter: drop-shadow(0 4px 10px rgba(99, 102, 241, 0.3));
}

[b-koj8tcye5j] .tnt-tl-card h4 {
    color: #fff;
    font-size: 1.05rem;
    font-weight: 700;
    margin: 0 0 6px 0;
    letter-spacing: -0.01em;
}

[b-koj8tcye5j] .tnt-tl-card p {
    color: #cbd5e1;
    font-size: 0.9rem;
    line-height: 1.55;
    margin: 0 0 10px 0;
}

[b-koj8tcye5j] .tnt-tl-tags {
    display: flex; gap: 6px; flex-wrap: wrap;
}
[b-koj8tcye5j] .tnt-tl-tags span {
    font-size: 0.72rem;
    font-weight: 600;
    color: #a78bfa;
    background: rgba(167, 139, 250, 0.12);
    border: 1px solid rgba(167, 139, 250, 0.25);
    padding: 3px 9px;
    border-radius: 6px;
}

[b-koj8tcye5j] .tnt-tl-note {
    max-width: 920px;
    margin: 32px auto 0;
    padding: 16px 22px;
    background: linear-gradient(90deg, rgba(99, 102, 241, 0.10), rgba(34, 211, 238, 0.06));
    border: 1px solid rgba(99, 102, 241, 0.28);
    border-radius: 12px;
    color: #cbd5e1;
    font-size: 0.92rem;
    line-height: 1.6;
    text-align: center;
}
[b-koj8tcye5j] .tnt-tl-note em {
    font-style: italic;
    color: #c7d2fe;
}
[b-koj8tcye5j] .tnt-tl-note strong {
    color: #fff;
}

@media (max-width: 720px) {
    [b-koj8tcye5j] .tnt-timeline::before { left: 28px; }
    [b-koj8tcye5j] .tnt-tl-item {
        grid-template-columns: 0 16px 1fr;
        gap: 14px;
    }
    [b-koj8tcye5j] .tnt-tl-time {
        position: absolute;
        top: -8px; left: 0;
        text-align: left;
        font-size: 0.82rem;
        background: rgba(99, 102, 241, 0.18);
        padding: 3px 10px;
        border-radius: 999px;
        color: #c7d2fe;
        z-index: 2;
    }
    [b-koj8tcye5j] .tnt-tl-card { margin-top: 12px; }
}
/* ═══════════════════════════════════════════════════════════
   VERİ YAŞAM DÖNGÜSÜ — yatay 5 adımlı flow
   ═══════════════════════════════════════════════════════════ */
[b-koj8tcye5j] .tnt-lifecycle {
    max-width: 1200px; margin: 0 auto;
    display: flex; align-items: stretch;
    flex-wrap: wrap; justify-content: center;
    gap: 6px;
}
[b-koj8tcye5j] .tnt-lc-item {
    flex: 1 1 200px; max-width: 230px;
    background: linear-gradient(180deg, rgba(99, 102, 241, 0.08) 0%, rgba(15, 23, 42, 0.5) 100%);
    border: 1px solid rgba(99, 102, 241, 0.3);
    border-radius: 16px;
    padding: 22px 18px;
    position: relative;
    transition: all 0.3s ease;
}
[b-koj8tcye5j] .tnt-lc-item:hover {
    transform: translateY(-4px);
    border-color: rgba(34, 211, 238, 0.5);
    box-shadow: 0 14px 36px rgba(99, 102, 241, 0.22);
}
[b-koj8tcye5j] .tnt-lc-num {
    position: absolute; top: -12px; right: 14px;
    background: linear-gradient(135deg, #6366f1, #22d3ee);
    color: #fff; font-weight: 800; font-size: 0.78rem;
    padding: 4px 10px; border-radius: 8px;
    letter-spacing: 0.05em;
    box-shadow: 0 6px 14px rgba(99, 102, 241, 0.4);
}
[b-koj8tcye5j] .tnt-lc-icon {
    font-size: 2rem; line-height: 1; margin-bottom: 10px;
    filter: drop-shadow(0 4px 12px rgba(99, 102, 241, 0.4));
}
[b-koj8tcye5j] .tnt-lc-item h4 {
    color: #fff; font-size: 1rem; font-weight: 700;
    margin: 0 0 8px 0;
}
[b-koj8tcye5j] .tnt-lc-item p {
    color: #cbd5e1; font-size: 0.85rem; line-height: 1.5;
    margin: 0 0 12px 0;
}
[b-koj8tcye5j] .tnt-lc-meta {
    font-size: 0.72rem; font-weight: 600;
    color: #a78bfa; letter-spacing: 0.02em;
    padding-top: 10px; border-top: 1px dashed rgba(167, 139, 250, 0.25);
}
[b-koj8tcye5j] .tnt-lc-arrow {
    display: flex; align-items: center;
    color: #6366f1; font-size: 1.6rem; font-weight: 800;
}
[b-koj8tcye5j] .tnt-lc-note {
    max-width: 1100px; margin: 30px auto 0;
    padding: 16px 22px;
    background: rgba(34, 197, 94, 0.08);
    border: 1px solid rgba(34, 197, 94, 0.3);
    border-radius: 12px;
    color: #cbd5e1; font-size: 0.92rem; line-height: 1.6;
    text-align: center;
}
[b-koj8tcye5j] .tnt-lc-note strong { color: #86efac; }

/* ═══════════════════════════════════════════════════════════
   KLİNİK ARAŞTIRMA UYUMU — GCP/ALCOA+/21CFR
   ═══════════════════════════════════════════════════════════ */
[b-koj8tcye5j] .tnt-compliance {
    max-width: 1200px; margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 22px;
}
[b-koj8tcye5j] .tnt-comp-card {
    background: linear-gradient(180deg, rgba(30, 27, 75, 0.6), rgba(15, 23, 42, 0.6));
    border: 1px solid rgba(167, 139, 250, 0.25);
    border-radius: 18px;
    padding: 28px 26px;
    position: relative;
    transition: all 0.3s ease;
}
[b-koj8tcye5j] .tnt-comp-card:hover {
    transform: translateY(-4px);
    border-color: rgba(167, 139, 250, 0.5);
    box-shadow: 0 14px 36px rgba(99, 102, 241, 0.22);
}
[b-koj8tcye5j] .tnt-comp-card-highlight {
    grid-column: span 2;
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.18), rgba(34, 211, 238, 0.10));
    border-color: rgba(34, 211, 238, 0.4);
}
[b-koj8tcye5j] .tnt-comp-badge {
    display: inline-block;
    background: linear-gradient(135deg, #6366f1, #22d3ee);
    color: #fff; font-weight: 800; font-size: 0.78rem;
    padding: 5px 12px; border-radius: 8px;
    letter-spacing: 0.05em;
    margin-bottom: 14px;
}
[b-koj8tcye5j] .tnt-comp-card h3 {
    color: #fff; font-size: 1.15rem; font-weight: 700;
    margin: 0 0 10px 0;
}
[b-koj8tcye5j] .tnt-comp-card p {
    color: #cbd5e1; font-size: 0.9rem; line-height: 1.6;
    margin: 0 0 14px 0;
}
[b-koj8tcye5j] .tnt-comp-card ul {
    list-style: none; padding: 0; margin: 0;
}
[b-koj8tcye5j] .tnt-comp-card ul li {
    color: #cbd5e1; font-size: 0.88rem;
    padding: 6px 0 6px 22px; position: relative;
}
[b-koj8tcye5j] .tnt-comp-card ul li::before {
    content: '✓'; position: absolute; left: 0;
    color: #22d3ee; font-weight: 800;
}
[b-koj8tcye5j] .tnt-alcoa-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 8px;
    margin-top: 4px;
}
[b-koj8tcye5j] .tnt-alcoa-item {
    background: rgba(99, 102, 241, 0.12);
    border: 1px solid rgba(99, 102, 241, 0.3);
    border-radius: 10px;
    padding: 10px 12px;
    display: flex; flex-direction: column; gap: 2px;
}
[b-koj8tcye5j] .tnt-alcoa-item strong {
    color: #c7d2fe;
    font-size: 1.1rem; font-weight: 800;
    line-height: 1; letter-spacing: -0.02em;
}
[b-koj8tcye5j] .tnt-alcoa-item span {
    color: #94a3b8; font-size: 0.74rem;
}

@media (max-width: 720px) {
    [b-koj8tcye5j] .tnt-comp-card-highlight { grid-column: span 1; }
}

/* ═══════════════════════════════════════════════════════════
   NE YAPMIYORUZ — şeffaflık kartları
   ═══════════════════════════════════════════════════════════ */
[b-koj8tcye5j] .tnt-dont-grid {
    max-width: 1200px; margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 18px;
}
[b-koj8tcye5j] .tnt-dont-card {
    background: linear-gradient(135deg, rgba(127, 29, 29, 0.18), rgba(15, 23, 42, 0.55));
    border: 1px solid rgba(239, 68, 68, 0.25);
    border-radius: 14px;
    padding: 22px 20px;
    transition: all 0.3s ease;
    position: relative; overflow: hidden;
}
[b-koj8tcye5j] .tnt-dont-card::before {
    content: ''; position: absolute;
    top: 0; left: 0; bottom: 0;
    width: 3px;
    background: linear-gradient(180deg, #ef4444, #dc2626);
}
[b-koj8tcye5j] .tnt-dont-card:hover {
    transform: translateY(-3px);
    border-color: rgba(239, 68, 68, 0.5);
    box-shadow: 0 12px 28px rgba(239, 68, 68, 0.18);
}
[b-koj8tcye5j] .tnt-dont-icon {
    font-size: 1.8rem; margin-bottom: 10px;
    line-height: 1; opacity: 0.85;
}
[b-koj8tcye5j] .tnt-dont-card h4 {
    color: #fff; font-size: 1.02rem; font-weight: 700;
    margin: 0 0 8px 0;
}
[b-koj8tcye5j] .tnt-dont-card p {
    color: #cbd5e1; font-size: 0.88rem; line-height: 1.55;
    margin: 0;
}
[b-koj8tcye5j] .tnt-dont-card em { font-style: italic; color: #fca5a5; }

/* ═══════════════════════════════════════════════════════════
   STANDART ROZETLERİ
   ═══════════════════════════════════════════════════════════ */
[b-koj8tcye5j] .tnt-badges {
    max-width: 1200px; margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 14px;
}
[b-koj8tcye5j] .tnt-badge {
    background: linear-gradient(180deg, rgba(99, 102, 241, 0.10), rgba(15, 23, 42, 0.55));
    border: 1px solid rgba(167, 139, 250, 0.22);
    border-radius: 12px;
    padding: 18px 14px;
    text-align: center;
    transition: all 0.3s ease;
}
[b-koj8tcye5j] .tnt-badge:hover {
    transform: translateY(-3px);
    border-color: rgba(34, 211, 238, 0.5);
    box-shadow: 0 10px 24px rgba(99, 102, 241, 0.2);
}
[b-koj8tcye5j] .tnt-badge-emoji {
    font-size: 1.8rem; line-height: 1; margin-bottom: 6px;
    filter: drop-shadow(0 4px 10px rgba(99, 102, 241, 0.3));
}
[b-koj8tcye5j] .tnt-badge-name {
    color: #fff; font-weight: 700; font-size: 0.92rem;
    letter-spacing: -0.01em;
}
[b-koj8tcye5j] .tnt-badge-sub {
    color: #94a3b8; font-size: 0.74rem;
    margin-top: 2px; letter-spacing: 0.04em;
    text-transform: uppercase;
}

/* ═══════════════════════════════════════════════════════════
   SSS — accordion (details/summary)
   ═══════════════════════════════════════════════════════════ */
[b-koj8tcye5j] .tnt-faq {
    max-width: 920px; margin: 0 auto;
    display: flex; flex-direction: column; gap: 12px;
}
[b-koj8tcye5j] .tnt-faq-item {
    background: linear-gradient(135deg, rgba(30, 27, 75, 0.55), rgba(15, 23, 42, 0.55));
    border: 1px solid rgba(99, 102, 241, 0.25);
    border-radius: 14px;
    overflow: hidden;
    transition: all 0.3s ease;
}
[b-koj8tcye5j] .tnt-faq-item[open] {
    border-color: rgba(34, 211, 238, 0.45);
    box-shadow: 0 8px 24px rgba(99, 102, 241, 0.18);
}
[b-koj8tcye5j] .tnt-faq-item summary {
    list-style: none;
    cursor: pointer;
    padding: 18px 22px;
    display: flex; align-items: center; justify-content: space-between;
    gap: 14px;
    user-select: none;
}
[b-koj8tcye5j] .tnt-faq-item summary::-webkit-details-marker { display: none; }
[b-koj8tcye5j] .tnt-faq-q {
    color: #fff; font-weight: 600; font-size: 0.98rem;
    letter-spacing: -0.01em; line-height: 1.4;
}
[b-koj8tcye5j] .tnt-faq-icon {
    flex-shrink: 0;
    width: 28px; height: 28px;
    border-radius: 50%;
    background: rgba(99, 102, 241, 0.18);
    color: #a5b4fc;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.3rem; font-weight: 600;
    transition: all 0.3s ease;
}
[b-koj8tcye5j] .tnt-faq-item[open] .tnt-faq-icon {
    background: linear-gradient(135deg, #6366f1, #22d3ee);
    color: #fff;
    transform: rotate(45deg);
}
[b-koj8tcye5j] .tnt-faq-item summary:hover .tnt-faq-icon {
    background: rgba(99, 102, 241, 0.35);
}
[b-koj8tcye5j] .tnt-faq-a {
    padding: 0 22px 20px;
    border-top: 1px solid rgba(99, 102, 241, 0.15);
    margin-top: -2px;
    padding-top: 16px;
    animation: tntFaqSlide-b-koj8tcye5j 0.3s ease;
}
[b-koj8tcye5j] .tnt-faq-a p {
    color: #cbd5e1; font-size: 0.92rem; line-height: 1.65;
    margin: 0;
}
[b-koj8tcye5j] .tnt-faq-a strong { color: #fff; }
[b-koj8tcye5j] .tnt-faq-a em { color: #c7d2fe; font-style: italic; }
@keyframes tntFaqSlide-b-koj8tcye5j {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ═══════════════════════════════════════════════════════════
   İLETİŞİM BİRİMİ KARTLARI
   ═══════════════════════════════════════════════════════════ */
[b-koj8tcye5j] .tnt-contact-grid {
    max-width: 1100px; margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 22px;
}
[b-koj8tcye5j] .tnt-contact-card {
    background: linear-gradient(180deg, rgba(30, 27, 75, 0.6), rgba(15, 23, 42, 0.55));
    border: 1px solid rgba(167, 139, 250, 0.25);
    border-radius: 16px;
    padding: 28px 24px;
    transition: all 0.3s ease;
    position: relative; overflow: hidden;
}
[b-koj8tcye5j] .tnt-contact-card::before {
    content: ''; position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, #6366f1, #22d3ee);
}
[b-koj8tcye5j] .tnt-contact-card:hover {
    transform: translateY(-4px);
    border-color: rgba(34, 211, 238, 0.5);
    box-shadow: 0 14px 36px rgba(99, 102, 241, 0.22);
}
[b-koj8tcye5j] .tnt-contact-highlight {
    background: linear-gradient(135deg, rgba(34, 211, 238, 0.10), rgba(99, 102, 241, 0.10));
    border-color: rgba(34, 211, 238, 0.4);
}
[b-koj8tcye5j] .tnt-contact-icon {
    font-size: 2rem; line-height: 1; margin-bottom: 12px;
    filter: drop-shadow(0 4px 12px rgba(99, 102, 241, 0.4));
}
[b-koj8tcye5j] .tnt-contact-role {
    font-size: 0.74rem; font-weight: 700;
    color: #a5b4fc;
    text-transform: uppercase; letter-spacing: 0.08em;
    margin-bottom: 6px;
}
[b-koj8tcye5j] .tnt-contact-card h4 {
    color: #fff; font-size: 1.15rem; font-weight: 700;
    margin: 0 0 10px 0; letter-spacing: -0.01em;
}
[b-koj8tcye5j] .tnt-contact-card p {
    color: #cbd5e1; font-size: 0.9rem; line-height: 1.6;
    margin: 0 0 14px 0;
}
[b-koj8tcye5j] .tnt-contact-meta {
    padding-top: 12px;
    border-top: 1px dashed rgba(167, 139, 250, 0.25);
    color: #94a3b8; font-size: 0.78rem;
    letter-spacing: 0.02em;
}
[b-koj8tcye5j] .tnt-contact-note {
    max-width: 920px; margin: 28px auto 0;
    padding: 14px 22px;
    background: rgba(99, 102, 241, 0.08);
    border-left: 3px solid #6366f1;
    border-radius: 8px;
    color: #94a3b8; font-size: 0.86rem; line-height: 1.6;
    text-align: center;
}

/* ═══════════════════════════════════════════════════════════
   TL;DR ŞERİDİ — kapanış üstü özet
   ═══════════════════════════════════════════════════════════ */
[b-koj8tcye5j] .tnt-tldr {
    max-width: 1100px; margin: 0 auto 40px;
    background: linear-gradient(90deg, rgba(34, 197, 94, 0.10), rgba(34, 211, 238, 0.08));
    border: 1px solid rgba(34, 197, 94, 0.3);
    border-radius: 14px;
    padding: 18px 24px;
    display: flex; align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}
[b-koj8tcye5j] .tnt-tldr-label {
    font-weight: 800; font-size: 0.86rem;
    color: #86efac;
    text-transform: uppercase; letter-spacing: 0.08em;
    flex-shrink: 0;
}
[b-koj8tcye5j] .tnt-tldr-items {
    display: flex; flex-wrap: wrap;
    gap: 8px 18px;
    flex: 1;
}
[b-koj8tcye5j] .tnt-tldr-item {
    color: #cbd5e1; font-size: 0.88rem; font-weight: 500;
    display: inline-flex; align-items: center; gap: 6px;
    white-space: nowrap;
}
[b-koj8tcye5j] .tnt-tldr-check {
    display: inline-flex; align-items: center; justify-content: center;
    width: 18px; height: 18px;
    border-radius: 50%;
    background: linear-gradient(135deg, #22c55e, #16a34a);
    color: #fff;
    font-size: 0.72rem; font-weight: 800;
    flex-shrink: 0;
}

@media (max-width: 720px) {
    [b-koj8tcye5j] .tnt-tldr { flex-direction: column; align-items: flex-start; }
    [b-koj8tcye5j] .tnt-lifecycle { gap: 14px; }
    [b-koj8tcye5j] .tnt-lc-arrow { display: none; }
    [b-koj8tcye5j] .tnt-lc-item { max-width: 100%; }
}
/* /Components/Pages/Yetkilendirme.razor.rz.scp.css */
.page-container[b-rey0pt5tw4] {
    width: 100%;
    margin: auto;
    padding: 6px 8px;
}

[b-rey0pt5tw4] .pl-list-section {
    background: var(--t-card, white);
    border: 1px solid var(--t-card-border, #e2e8f0);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(0,0,0,0.04);
}

[b-rey0pt5tw4] .pl-list-header {
    border-radius: 14px 14px 0 0;
    display: flex; align-items: center; gap: 10px;
    flex-direction: row !important;
}
[b-rey0pt5tw4] .pl-list-header .pl-search { flex: 1; min-width: 0; }
[b-rey0pt5tw4] .pl-list-header .pl-count-badge {
    flex-shrink: 0; white-space: nowrap;
    height: 36px; display: inline-flex; align-items: center;
    padding: 0 12px; border-radius: 10px; box-sizing: border-box;
    background: #f1f5f9; color: #64748b; border: 1px solid #e2e8f0;
    font-size: 0.78rem; font-weight: 700;
}

[b-rey0pt5tw4] .pl-table-wrap {
    border-radius: 0 0 14px 14px;
    overflow-x: auto;
}

/* List Header */
.list-header[b-rey0pt5tw4] {
    background: #1e293b;
    color: white;
    padding: 15px 20px;
    border-radius: 12px 12px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.title-with-icon[b-rey0pt5tw4] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.title-with-icon h3[b-rey0pt5tw4] {
    margin: 0;
    font-size: 1.1rem;
}

.count-badge[b-rey0pt5tw4] {
    background: #6366f1;
    color: white;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 0.78rem;
    font-weight: 700;
}

.search-bar[b-rey0pt5tw4] {
    position: relative;
    display: flex;
    align-items: center;
    width: 280px;
    max-width: 100%;
}

.search-bar input[b-rey0pt5tw4] {
    padding: 8px 36px 8px 15px;
    border-radius: 20px;
    border: none;
    width: 100%;
    outline: none;
}

.search-bar .search-icon[b-rey0pt5tw4] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 0.9rem;
    opacity: 0.8;
}

/* Table */
.table-responsive[b-rey0pt5tw4] {
    background: var(--t-card, white);
    border: 1px solid var(--t-card-border, #e2e8f0);
    border-radius: 0 0 12px 12px;
    overflow-x: auto;
    margin-bottom: 20px;
}

.modern-table[b-rey0pt5tw4] {
    width: 100%;
    border-collapse: collapse;
    min-width: 1000px;
}

.modern-table th[b-rey0pt5tw4] {
    background: var(--t-hover, #f8fafc);
    padding: 12px 15px;
    text-align: left;
    font-size: 0.82rem;
    color: var(--t-text-muted, #64748b);
    border-bottom: 2px solid var(--t-card-border, #e2e8f0);
    text-transform: uppercase;
    white-space: nowrap;
}

.modern-table td[b-rey0pt5tw4] {
    padding: 12px 15px;
    border-bottom: 1px solid var(--t-card-border, #f1f5f9);
    font-size: 0.9rem;
    color: var(--t-text, inherit);
}

.modern-table tr:hover[b-rey0pt5tw4] {
    background: var(--t-hover, #f0f9ff);
    cursor: pointer;
}

.row-active[b-rey0pt5tw4] {
    background: #eff6ff !important;
    outline: 2px solid #3b82f6;
    outline-offset: -2px;
}

.code-tag[b-rey0pt5tw4] {
    background: var(--t-hover, #f1f5f9);
    padding: 3px 8px;
    border-radius: 6px;
    font-weight: 700;
    font-size: 0.85rem;
    color: var(--t-text, #334155);
    font-family: monospace;
}

.yetki-pill[b-rey0pt5tw4] {
    padding: 4px 10px;
    border-radius: 14px;
    font-weight: 700;
    font-size: 0.78rem;
    display: inline-block;
    white-space: nowrap;
}

.yetki-pill.ok[b-rey0pt5tw4] {
    background: #dcfce7;
    color: #166534;
}

.yetki-pill.pending[b-rey0pt5tw4] {
    background: #fef3c7;
    color: #92400e;
}

.yetki-pill.end[b-rey0pt5tw4] {
    background: #fee2e2;
    color: #b91c1c;
}

/* Detail Panel */
.detail-section[b-rey0pt5tw4] {
    background: var(--t-card, white);
    border: 1px solid var(--t-card-border, #e2e8f0);
    border-radius: 12px;
    overflow: hidden;
    animation: slide-up-b-rey0pt5tw4 0.3s ease;
}

@keyframes slide-up-b-rey0pt5tw4 {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.detail-header[b-rey0pt5tw4] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 18px 24px;
    border-bottom: 1px solid var(--t-card-border, #e2e8f0);
    background: var(--t-hover, #f8fafc);
    border-left: 4px solid var(--t-accent, #6366f1);
}

.detail-header h2[b-rey0pt5tw4] {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 800;
    color: var(--t-text, #1e293b);
    flex: 1;
}

.close-detail[b-rey0pt5tw4] {
    background: var(--t-hover, #f1f5f9);
    border: 1px solid var(--t-card-border, #e2e8f0);
    border-radius: 8px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    color: #64748b;
}

.close-detail:hover[b-rey0pt5tw4] {
    background: #fee2e2;
    color: #dc2626;
    border-color: #fecaca;
}

.detail-grid[b-rey0pt5tw4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
}

.detail-card[b-rey0pt5tw4] {
    padding: 20px 24px;
    border-right: 1px solid var(--t-card-border, #f1f5f9);
    border-bottom: 1px solid var(--t-card-border, #f1f5f9);
}

.detail-card:nth-child(even)[b-rey0pt5tw4] {
    border-right: none;
}

.detail-card.full[b-rey0pt5tw4] {
    grid-column: span 2;
    border-right: none;
}

.detail-card h4[b-rey0pt5tw4] {
    margin: 0 0 14px 0;
    font-size: 0.95rem;
    font-weight: 800;
    color: var(--t-text, #1e293b);
    padding-bottom: 8px;
    border-bottom: 2px solid var(--t-card-border, #e2e8f0);
}

.d-row[b-rey0pt5tw4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0;
    border-bottom: 1px solid #f8fafc;
    gap: 10px;
}

.d-row:last-child[b-rey0pt5tw4] {
    border-bottom: none;
}

.d-row.stacked[b-rey0pt5tw4] {
    flex-direction: column;
    align-items: flex-start;
}

.d-label[b-rey0pt5tw4] {
    font-weight: 700;
    color: var(--t-text-muted, #64748b);
    font-size: 0.82rem;
    flex-shrink: 0;
}

.d-value[b-rey0pt5tw4] {
    color: var(--t-text, #1e293b);
    font-size: 0.88rem;
    font-weight: 500;
    text-align: right;
}

.d-row.stacked .d-value[b-rey0pt5tw4] {
    text-align: left;
}

.note-text[b-rey0pt5tw4] {
    background: var(--t-hover, #f8fafc);
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid var(--t-card-border, #e2e8f0);
    font-size: 0.85rem;
    line-height: 1.5;
    width: 100%;
    white-space: pre-wrap;
    color: var(--t-text, inherit);
}

/* Responsive */
@media (max-width: 900px) {
    .detail-grid[b-rey0pt5tw4] {
        grid-template-columns: 1fr;
    }

    .detail-card[b-rey0pt5tw4] {
        border-right: none;
    }

    .detail-card.full[b-rey0pt5tw4] {
        grid-column: span 1;
    }
}

@media (max-width: 600px) {
    .page-container[b-rey0pt5tw4] {
        padding: 6px;
    }

    .list-header[b-rey0pt5tw4] {
        flex-direction: column;
        gap: 10px;
        padding: 12px 14px;
    }

    .search-bar[b-rey0pt5tw4] {
        width: 100%;
    }

    .modern-table[b-rey0pt5tw4] {
        min-width: 800px;
    }

    .modern-table th[b-rey0pt5tw4],
    .modern-table td[b-rey0pt5tw4] {
        padding: 8px 10px;
        font-size: 0.82rem;
    }

    .detail-header[b-rey0pt5tw4] {
        padding: 14px 16px;
    }

    .detail-header h2[b-rey0pt5tw4] {
        font-size: 1rem;
    }

    .detail-card[b-rey0pt5tw4] {
        padding: 14px 16px;
    }

    .d-row[b-rey0pt5tw4] {
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
    }

    .d-value[b-rey0pt5tw4] {
        text-align: left;
    }
}

/* ═══ EVRAK BÖLÜMÜ ═══ */
.evrak-card[b-rey0pt5tw4] {
    background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 100%) !important;
    border: 1.5px solid #bbf7d0 !important;
}

.evrak-card h4[b-rey0pt5tw4] {
    color: #047857;
}

.evrak-info[b-rey0pt5tw4] {
    font-size: 0.85rem;
    color: #065f46;
    line-height: 1.6;
    margin: 0 0 16px;
    padding: 12px 16px;
    background: rgba(255,255,255,0.7);
    border-radius: 10px;
    border: 1px solid #d1fae5;
}

.evrak-grid[b-rey0pt5tw4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.evrak-btn[b-rey0pt5tw4] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 14px 16px;
    border: 1.5px solid #d1fae5;
    border-radius: 12px;
    background: white;
    font-size: 0.84rem;
    font-weight: 700;
    color: #047857;
    cursor: pointer;
    transition: all 0.25s;
    text-align: left;
}

.evrak-btn:hover[b-rey0pt5tw4] {
    border-color: #059669;
    background: #ecfdf5;
    color: #065f46;
    transform: translateY(-2px);
    box-shadow: 0 4px 14px rgba(5, 150, 105, 0.15);
}

.evrak-btn:active[b-rey0pt5tw4] {
    transform: scale(0.97);
}

@media (max-width: 600px) {
    .evrak-grid[b-rey0pt5tw4] {
        grid-template-columns: 1fr;
    }
}

/* ═══ EMPTY STATE — Adına Kayıtlı Yetkilendirme Yok ═══ */
.yt-empty-card[b-rey0pt5tw4] {
    background: var(--t-card, #fff);
    border-radius: 18px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.06);
    min-height: 300px;
    overflow: hidden;
}

.yt-empty-root[b-rey0pt5tw4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 24px 48px;
    text-align: center;
}

.yt-empty-visual[b-rey0pt5tw4] {
    position: relative;
    margin-bottom: 28px;
}

.yt-empty-circle[b-rey0pt5tw4] {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: linear-gradient(145deg, #f0f4ff, #e8ecf4);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 32px rgba(100, 116, 139, 0.10), inset 0 -2px 6px rgba(100, 116, 139, 0.06);
    animation: yt-empty-float-b-rey0pt5tw4 3s ease-in-out infinite;
    position: relative;
    z-index: 1;
}

.yt-empty-main-icon[b-rey0pt5tw4] {
    font-size: 2.8rem;
    line-height: 1;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.08));
}

.yt-empty-ring[b-rey0pt5tw4] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 138px;
    height: 138px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    border: 2px dashed #cbd5e1;
    opacity: 0.5;
    animation: yt-ring-spin-b-rey0pt5tw4 20s linear infinite;
}

.yt-empty-title[b-rey0pt5tw4] {
    font-size: 1.15rem;
    font-weight: 800;
    color: var(--t-text, #334155);
    margin-bottom: 8px;
    letter-spacing: -0.01em;
}

.yt-empty-desc[b-rey0pt5tw4] {
    font-size: 0.88rem;
    color: var(--t-text-muted, #64748b);
    max-width: 360px;
    line-height: 1.6;
}

.yt-empty-hint[b-rey0pt5tw4] {
    margin-top: 24px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 20px;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 10px;
    font-size: 0.82rem;
    color: #92400e;
    font-weight: 500;
}

.yt-empty-hint-icon[b-rey0pt5tw4] {
    font-size: 1rem;
    flex-shrink: 0;
}

@keyframes yt-empty-float-b-rey0pt5tw4 {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}

@keyframes yt-ring-spin-b-rey0pt5tw4 {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}
/* /Components/Pages/Yonetim/BelgeYonetimi.razor.rz.scp.css */
/* ═══ BELGE YÖNETİMİ ═══ */

/* Sekmeler: ortak ym-tabs-wrapper (yonetim-liste.css) */

/* Upload butonları */
.by-upload-btns[b-2pqppum07e] {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-shrink: 0;
}

.by-body[b-2pqppum07e] {
    margin: 16px 24px 24px;
    padding: 20px;
    background: var(--t-card, white);
    border-radius: 16px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    animation: byFadeIn-b-2pqppum07e 0.3s ease;
}
@keyframes byFadeIn-b-2pqppum07e { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

/* Yükleme */
.by-upload-area[b-2pqppum07e] {
    padding: 20px;
    border-radius: 16px;
    background: var(--t-accent-light, #f0f9ff);
    border: 1.5px dashed color-mix(in srgb, var(--t-accent, #6366f1) 40%, transparent);
    margin-bottom: 18px;
    position: relative;
}
.by-upload-area-clickable[b-2pqppum07e] {
    cursor: pointer;
    transition: all 0.2s;
}
.by-upload-area-clickable:hover[b-2pqppum07e] {
    border-color: var(--t-accent, #6366f1);
    background: color-mix(in srgb, var(--t-accent, #6366f1) 6%, var(--t-accent-light, #f0f9ff));
}
.by-drop-label-info[b-2pqppum07e] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    border-radius: 10px;
    border: 1.5px dashed var(--t-input-border, #cbd5e1);
    background: var(--t-input-bg, #fff);
    min-height: 40px;
    flex: 1;
    min-width: 180px;
}
.by-upload-header[b-2pqppum07e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
    flex-wrap: wrap;
    gap: 6px;
}
.by-upload-title[b-2pqppum07e] {
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--t-text, #1e293b);
}
.by-upload-hint[b-2pqppum07e] {
    font-size: 0.72rem;
    color: var(--t-text-muted, #94a3b8);
    font-weight: 500;
}
.by-upload-grid[b-2pqppum07e] {
    display: flex;
    gap: 12px;
    align-items: flex-end;
    margin-bottom: 12px;
    flex-wrap: wrap;
}
.by-upload-bottom[b-2pqppum07e] {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
}
.by-upload-field[b-2pqppum07e] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 160px;
}
.by-upload-field label[b-2pqppum07e] {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--t-text-muted, #64748b);
}
.by-upload-field select[b-2pqppum07e],
.by-upload-field input[type="text"][b-2pqppum07e] {
    padding: 8px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--t-input-border, #e2e8f0);
    font-size: 0.85rem;
    background: var(--t-input-bg, #fff);
    color: var(--t-text, #334155);
}
.by-grow[b-2pqppum07e] { flex: 1; min-width: 180px; }

/* ::deep — Child component stiller */
[b-2pqppum07e] .ss-wrap { min-width: 180px; }
[b-2pqppum07e] .ss-wrap .m-input {
    padding: 8px 12px !important;
    border-radius: 8px !important;
    border: 1.5px solid var(--t-input-border, #e2e8f0) !important;
    background: var(--t-input-bg, #fff) !important;
    color: var(--t-text, #334155) !important;
    font-size: 0.85rem !important;
    width: 100% !important;
    box-sizing: border-box;
}
[b-2pqppum07e] .ss-wrap .m-input:focus {
    border-color: var(--t-accent, #6366f1) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--t-accent, #6366f1) 10%, transparent) !important;
}

/* Drag & Drop + Dosya seçici */
.by-upload-area.by-dragging[b-2pqppum07e] {
    border-color: var(--t-accent, #6366f1);
    background: color-mix(in srgb, var(--t-accent, #6366f1) 8%, var(--t-accent-light, #f0f9ff));
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--t-accent, #6366f1) 12%, transparent);
}
.by-drop-label[b-2pqppum07e] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    border-radius: 10px;
    border: 1.5px dashed var(--t-input-border, #cbd5e1);
    background: var(--t-input-bg, #fff);
    cursor: pointer;
    transition: all 0.2s;
    min-height: 40px;
    flex: 1;
    min-width: 180px;
}
.by-drop-label:hover[b-2pqppum07e] {
    border-color: var(--t-accent, #6366f1);
    background: var(--t-accent-light, #eef2ff);
}
.by-dragging .by-drop-label[b-2pqppum07e] {
    border-color: var(--t-accent, #6366f1);
    background: color-mix(in srgb, var(--t-accent, #6366f1) 10%, white);
}
.by-drop-zone-text[b-2pqppum07e] {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--t-text-muted, #94a3b8);
}
.by-dragging .by-drop-zone-text[b-2pqppum07e] {
    color: var(--t-accent, #6366f1);
}
.by-file-name[b-2pqppum07e] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--t-accent, #6366f1);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 260px;
}
/* İstatistikler */
.by-stats[b-2pqppum07e] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}
.by-stat[b-2pqppum07e] {
    flex: 0 0 auto;
    min-width: 80px;
    padding: 10px 16px;
    border-radius: 12px;
    text-align: center;
    background: var(--t-accent-light, #f1f5f9);
    cursor: pointer;
    transition: all 0.2s;
    border: 2px solid transparent;
}
.by-stat:hover[b-2pqppum07e] { border-color: var(--t-accent, #6366f1); opacity: 0.9; }
.by-stat.active[b-2pqppum07e] {
    background: var(--t-accent-light, rgba(99,102,241,0.1));
    border-color: var(--t-accent, #6366f1);
}
.by-stat-num[b-2pqppum07e] { font-size: 1.3rem; font-weight: 800; color: var(--t-accent, #6366f1); }
.by-stat-lbl[b-2pqppum07e] { font-size: 0.72rem; color: var(--t-text-muted, #64748b); font-weight: 600; margin-top: 2px; }

/* Filtre satırı */
.by-filter-row[b-2pqppum07e] {
    display: flex;
    gap: 14px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}
.by-filter-field[b-2pqppum07e] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 160px;
}
.by-filter-field label[b-2pqppum07e] {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--t-text-muted, #64748b);
}
.by-btn-filter-clear[b-2pqppum07e] {
    align-self: flex-end;
    padding: 8px 16px;
    border: 1.5px solid #fecdd3;
    border-radius: 8px;
    background: #fef2f2;
    color: #ef4444;
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
    height: 40px;
    box-sizing: border-box;
}
.by-btn-filter-clear:hover[b-2pqppum07e] {
    border-color: #f87171;
    color: #dc2626;
    background: #fee2e2;
}

/* Arama */
.by-search-row[b-2pqppum07e] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}
.by-search-wrap[b-2pqppum07e] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 14px;
    height: 34px;
    border-radius: 10px;
    border: 1.5px solid var(--t-input-border, #e2e8f0);
    background: var(--t-input-bg, #fff);
    transition: border-color 0.2s;
    box-sizing: border-box;
}
.by-search-wrap:focus-within[b-2pqppum07e] { border-color: var(--t-accent, #6366f1); }
.by-search-wrap input[b-2pqppum07e] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 0.85rem;
    color: var(--t-text, #334155);
}
.by-search-ico[b-2pqppum07e] { font-size: 0.9rem; }
.by-count[b-2pqppum07e] { font-size: 0.8rem; color: var(--t-text-muted, #94a3b8); font-weight: 600; white-space: nowrap; }
.by-count-badge[b-2pqppum07e] {
    padding: 0 12px;
    height: 34px;
    border-radius: 8px;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--t-accent, #6366f1);
    background: var(--t-accent-light, rgba(99,102,241,0.08));
    border: 1.5px solid color-mix(in srgb, var(--t-accent, #6366f1) 20%, transparent);
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    box-sizing: border-box;
}

/* Tablo */
.by-table-wrap[b-2pqppum07e] { overflow-x: auto; }
.by-table[b-2pqppum07e] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}
.by-table th[b-2pqppum07e] {
    padding: 10px 12px;
    text-align: left;
    font-weight: 700;
    color: var(--t-text-muted, #64748b);
    font-size: 0.78rem;
    border-bottom: 2px solid var(--t-card-border, #e2e8f0);
    white-space: nowrap;
}
.by-table td[b-2pqppum07e] {
    padding: 10px 12px;
    border-bottom: 1px solid var(--t-card-border, #f1f5f9);
    color: var(--t-text, #334155);
}
.by-table tr:hover[b-2pqppum07e] { background: var(--t-hover, rgba(99,102,241,0.03)); }
.td-icon[b-2pqppum07e] { font-size: 1.3rem; width: 40px; text-align: center; }
.td-name[b-2pqppum07e] { min-width: 180px; max-width: 280px; }
.td-name > div:first-child[b-2pqppum07e] {
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.td-desc[b-2pqppum07e] {
    font-size: 0.75rem;
    color: var(--t-text-muted, #94a3b8);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 2px;
}
.td-sm[b-2pqppum07e] { font-size: 0.8rem; white-space: nowrap; color: var(--t-text-muted, #64748b); }
.td-actions[b-2pqppum07e] {
    white-space: nowrap;
    vertical-align: middle;
}

.by-badge[b-2pqppum07e] {
    padding: 2px 8px;
    border-radius: 6px;
    font-size: 0.72rem;
    font-weight: 700;
    background: rgba(16,185,129,0.12);
    color: #059669;
    white-space: nowrap;
}
.by-badge.kisisel[b-2pqppum07e] {
    background: var(--t-accent-light, rgba(99,102,241,0.1));
    color: var(--t-accent, #6366f1);
}

/* Butonlar */
.by-btn[b-2pqppum07e] {
    padding: 9px 18px;
    border: none;
    border-radius: 10px;
    font-size: 0.85rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    text-decoration: none;
}
.by-btn-upload[b-2pqppum07e] {
    background: linear-gradient(135deg, var(--t-accent, #6366f1), #818cf8);
    color: #fff;
    box-shadow: 0 2px 8px rgba(99,102,241,0.2);
}
.by-btn-upload:hover:not(:disabled)[b-2pqppum07e] { transform: translateY(-1px); box-shadow: 0 4px 14px rgba(99,102,241,0.3); }
.by-btn-upload:disabled[b-2pqppum07e] { opacity: 0.5; cursor: not-allowed; }
.by-btn-cancel[b-2pqppum07e] {
    background: var(--t-card, #fff);
    color: #dc2626;
    border: 1.5px solid #fecaca;
    animation: by-cancel-in-b-2pqppum07e 0.2s ease;
}
.by-btn-cancel:hover[b-2pqppum07e] { background: #fef2f2; border-color: #f87171; }
@keyframes by-cancel-in-b-2pqppum07e { from { opacity: 0; transform: scale(0.9); } to { opacity: 1; transform: scale(1); } }
.by-btn-del[b-2pqppum07e] { background: linear-gradient(135deg, #dc2626, #ef4444); color: #fff; }

.by-act[b-2pqppum07e] {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    font-size: 0.9rem;
    transition: all 0.2s;
    text-decoration: none;
    background: var(--t-accent-light, #f1f5f9);
    color: var(--t-text, #334155);
    margin-right: 4px;
}
.by-act:last-child[b-2pqppum07e] {
    margin-right: 0;
}
.by-act.download:hover[b-2pqppum07e] { background: rgba(99,102,241,0.15); }
.by-act.del:hover[b-2pqppum07e] { background: rgba(220,38,38,0.12); }

.by-spinner[b-2pqppum07e] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: by-spin-b-2pqppum07e 0.6s linear infinite;
}
@keyframes by-spin-b-2pqppum07e { to { transform: rotate(360deg); } }

/* Boş */
.by-empty[b-2pqppum07e] {
    text-align: center;
    padding: 50px 20px;
    color: var(--t-text-muted, #94a3b8);
}
.by-empty-ico[b-2pqppum07e] { font-size: 3rem; margin-bottom: 12px; }
.by-empty h3[b-2pqppum07e] { font-size: 1.1rem; margin: 0 0 6px; color: var(--t-text, #475569); }
.by-empty p[b-2pqppum07e] { font-size: 0.85rem; margin: 0; }

/* Gelişmiş Boş Ekran */
.by-empty-enhanced[b-2pqppum07e] {
    text-align: center;
    background: linear-gradient(135deg, #eff6ff, #dbeafe);
    border: 2px solid #93c5fd;
    border-radius: 20px;
    padding: 40px 30px;
}
.by-empty-enhanced.by-empty-bakanlik[b-2pqppum07e] {
    background: linear-gradient(135deg, #fdf4ff, #fae8ff);
    border-color: #d8b4fe;
}
.by-empty-icon-wrap[b-2pqppum07e] {
    margin-bottom: 16px;
}
.by-empty-icon-bg[b-2pqppum07e] {
    font-size: 3.5rem;
    display: inline-block;
    filter: drop-shadow(0 4px 12px rgba(0,0,0,0.1));
}
.by-empty-enhanced h3[b-2pqppum07e] {
    color: #1e3a5f;
    margin: 0 0 8px;
    font-weight: 800;
    font-size: 1.15rem;
}
.by-empty-enhanced.by-empty-bakanlik h3[b-2pqppum07e] {
    color: #581c87;
}
.by-empty-enhanced p[b-2pqppum07e] {
    color: #64748b;
    margin: 0 0 20px;
    font-size: 0.88rem;
}
.by-empty-steps[b-2pqppum07e] {
    max-width: 480px;
    margin: 0 auto;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.by-empty-step[b-2pqppum07e] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: rgba(255,255,255,0.8);
    border-radius: 12px;
    padding: 14px 16px;
    border: 1px solid rgba(147,197,253,0.4);
}
.by-empty-bakanlik .by-empty-step[b-2pqppum07e] {
    border-color: rgba(216,180,254,0.4);
}
.by-empty-step-icon[b-2pqppum07e] {
    font-size: 1.4rem;
    flex-shrink: 0;
    margin-top: 2px;
}
.by-empty-step strong[b-2pqppum07e] {
    display: block;
    color: #1e293b;
    font-size: 0.88rem;
    margin-bottom: 2px;
}
.by-empty-step span[b-2pqppum07e] {
    display: block;
    color: #64748b;
    font-size: 0.82rem;
    line-height: 1.4;
}
.by-empty-enhanced.by-empty-personel[b-2pqppum07e] {
    background: linear-gradient(135deg, #ecfdf5, #d1fae5);
    border-color: #6ee7b7;
}
.by-empty-enhanced.by-empty-personel h3[b-2pqppum07e] {
    color: #065f46;
}
.by-empty-personel .by-empty-step[b-2pqppum07e] {
    border-color: rgba(110,231,183,0.4);
}

/* Sayfalama */
.by-pager[b-2pqppum07e] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 16px;
}
.by-page-btn[b-2pqppum07e] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    background: var(--t-card, #fff);
    font-size: 1.1rem;
    font-weight: 700;
    cursor: pointer;
    color: var(--t-accent, #6366f1);
    transition: all 0.2s;
}
.by-page-btn:hover:not(:disabled)[b-2pqppum07e] { background: var(--t-hover, rgba(99,102,241,0.08)); }
.by-page-btn:disabled[b-2pqppum07e] { opacity: 0.3; cursor: not-allowed; }
.by-page-info[b-2pqppum07e] { font-size: 0.85rem; font-weight: 700; color: var(--t-text-muted, #64748b); }

/* Popup */
.by-overlay[b-2pqppum07e] {
    position: fixed;
    inset: 0;
    z-index: 9000;
    background: rgba(0,0,0,0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.by-popup[b-2pqppum07e] {
    background: var(--t-card, #fff);
    border-radius: 18px;
    max-width: 380px;
    width: 100%;
    padding: 28px;
    text-align: center;
    box-shadow: 0 20px 60px rgba(0,0,0,0.3);
    border: 1px solid var(--t-card-border, #e2e8f0);
}
.by-popup-icon[b-2pqppum07e] { font-size: 2.5rem; margin-bottom: 10px; }
.by-popup h3[b-2pqppum07e] { margin: 0 0 8px; font-size: 1.1rem; color: var(--t-text, #1e293b); }
.by-popup p[b-2pqppum07e] { font-size: 0.85rem; color: var(--t-text-muted, #64748b); margin: 0 0 20px; word-break: break-word; }
.by-popup-btns[b-2pqppum07e] { display: flex; gap: 10px; justify-content: center; }

/* Görüntüleme butonu */
.by-act.view[b-2pqppum07e] { background: rgba(99,102,241,0.08); color: var(--t-accent, #6366f1); }
.by-act.view:hover[b-2pqppum07e] { background: rgba(99,102,241,0.18); transform: scale(1.05); }

/* İşlem kolon başlığı */
.th-actions[b-2pqppum07e] {
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--t-text-muted, #64748b);
    text-align: center;
    white-space: nowrap;
}

/* ═══ BELGE GÖRÜNTÜLEME OVERLAY ═══ */
.by-viewer-overlay[b-2pqppum07e] {
    position: fixed;
    inset: 0;
    z-index: 9500;
    background: rgba(0,0,0,0.6);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    animation: by-viewer-fade-b-2pqppum07e 0.2s ease;
}
@keyframes by-viewer-fade-b-2pqppum07e { from { opacity: 0; } to { opacity: 1; } }
.by-viewer[b-2pqppum07e] {
    background: var(--t-card, #fff);
    border-radius: 18px;
    max-width: 900px;
    width: 100%;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 24px 80px rgba(0,0,0,0.3);
    border: 1px solid var(--t-card-border, #e2e8f0);
    animation: by-viewer-in-b-2pqppum07e 0.25s ease;
    overflow: hidden;
}
@keyframes by-viewer-in-b-2pqppum07e { from { opacity: 0; transform: scale(0.95) translateY(10px); } to { opacity: 1; transform: scale(1) translateY(0); } }
.by-viewer-header[b-2pqppum07e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1.5px solid var(--t-card-border, #e2e8f0);
    background: var(--t-accent-light, #f8fafc);
    gap: 12px;
    flex-wrap: wrap;
}
.by-viewer-title[b-2pqppum07e] {
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--t-text, #1e293b);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    flex: 1;
}
.by-viewer-actions[b-2pqppum07e] {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}
.by-viewer-body[b-2pqppum07e] {
    flex: 1;
    overflow: auto;
    padding: 20px;
    min-height: 300px;
}
.by-viewer-img[b-2pqppum07e] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
}
.by-viewer-img img[b-2pqppum07e] {
    max-width: 100%;
    max-height: 70vh;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    object-fit: contain;
}
.by-viewer-unsupported[b-2pqppum07e] {
    text-align: center;
    padding: 60px 20px;
    color: var(--t-text-muted, #94a3b8);
}
.by-viewer-unsupported-icon[b-2pqppum07e] {
    font-size: 3rem;
    margin-bottom: 16px;
}
.by-viewer-unsupported p[b-2pqppum07e] {
    font-size: 0.9rem;
    margin: 0 0 20px;
}

/* MOBİL */
@media (max-width: 768px) {
    .by-tabs[b-2pqppum07e] {
        display: flex; flex-wrap: wrap; gap: 8px;
        padding: 14px; margin: 0; border-bottom: none;
        background: linear-gradient(180deg, var(--t-card, #fff) 0%, var(--t-hover, #f8fafc) 100%);
    }
    .by-tab[b-2pqppum07e] {
        flex: 1 1 auto; min-width: 0;
        padding: 10px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0);
        background: var(--t-card, white);
        border-radius: 12px; font-size: 0.8rem; font-weight: 700;
        color: var(--t-text-muted, #64748b); text-align: center;
        display: flex; align-items: center; justify-content: center; gap: 5px;
        border-bottom: none;
        box-shadow: 0 1px 3px rgba(0,0,0,0.04);
    }
    .by-tab:hover:not(.active)[b-2pqppum07e] {
        color: var(--t-accent, #6366f1);
        border-color: color-mix(in srgb, var(--t-accent, #6366f1) 40%, transparent);
        background: var(--t-accent-light, #fafaff);
        box-shadow: 0 2px 6px rgba(99,102,241,0.08);
    }
    .by-tab.active[b-2pqppum07e] {
        color: white;
        background: linear-gradient(135deg, var(--t-accent, #6366f1), #818cf8);
        border-color: var(--t-accent, #6366f1);
        box-shadow: 0 3px 12px rgba(99,102,241,0.25);
    }
    .by-body[b-2pqppum07e] { padding: 14px; }
    .by-stats[b-2pqppum07e] { gap: 6px; }
    .by-stat[b-2pqppum07e] { min-width: 60px; padding: 8px 10px; }
    .by-stat-num[b-2pqppum07e] { font-size: 1rem; }
    .by-upload-area[b-2pqppum07e] { padding: 14px; }
    .by-upload-grid[b-2pqppum07e] { flex-direction: column; align-items: stretch; }
    .by-upload-bottom[b-2pqppum07e] { flex-direction: column; align-items: stretch; }
    .by-upload-btns[b-2pqppum07e] { width: 100%; }
    .by-upload-field[b-2pqppum07e] { min-width: 100%; }
    .by-drop-label[b-2pqppum07e] { min-width: 100%; }
    .by-btn-upload[b-2pqppum07e] { flex: 1; justify-content: center; }
    .by-btn-cancel[b-2pqppum07e] { flex-shrink: 0; }
    .by-filter-row[b-2pqppum07e] { flex-direction: column; }
    .by-filter-field[b-2pqppum07e] { min-width: 100%; }
    .by-search-row[b-2pqppum07e] { flex-direction: row; align-items: stretch; gap: 6px; }
    .by-search-wrap[b-2pqppum07e] { padding: 0 10px; height: 40px; }
    .by-search-wrap input[b-2pqppum07e] { font-size: 0.84rem; height: 40px; }
    .by-count[b-2pqppum07e] { font-size: 0.74rem; }
    .by-count-badge[b-2pqppum07e] { font-size: 0.76rem; padding: 0 10px; height: 40px; display: inline-flex; align-items: center; }
    .by-popup[b-2pqppum07e] { margin: 16px; padding: 20px; }
    .by-dual-row[b-2pqppum07e] { flex-direction: column; }
    .by-bulk-card[b-2pqppum07e] { flex: 1 1 100%; }
}

@media (max-width: 480px) {
    .by-body[b-2pqppum07e] { padding: 10px; }
    .by-upload-header[b-2pqppum07e] { flex-direction: column; align-items: flex-start; }
    .by-stat[b-2pqppum07e] { min-width: 50px; padding: 6px 8px; }
    .by-stat-num[b-2pqppum07e] { font-size: 0.9rem; }
    .by-search-wrap[b-2pqppum07e] { padding: 0 8px; height: 36px; }
    .by-search-wrap input[b-2pqppum07e] { font-size: 0.82rem; height: 36px; }
    .by-count-badge[b-2pqppum07e] { font-size: 0.72rem; padding: 0 8px; height: 36px; }
}

/* ═══ İNDİR BUTONLARI ═══ */
.by-dl-btn[b-2pqppum07e] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 5px 12px;
    border-radius: 8px;
    font-size: 0.78rem;
    font-weight: 700;
    text-decoration: none;
    background: linear-gradient(135deg, #eef2ff, #e0e7ff);
    color: var(--t-accent, #6366f1);
    border: 1px solid color-mix(in srgb, var(--t-accent, #6366f1) 25%, transparent);
    transition: all 0.2s;
    white-space: nowrap;
}
.by-dl-btn:hover[b-2pqppum07e] {
    background: linear-gradient(135deg, #e0e7ff, #c7d2fe);
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(99,102,241,0.2);
}
.by-dl-btn-ok[b-2pqppum07e] {
    background: linear-gradient(135deg, #dcfce7, #bbf7d0);
    color: #16a34a;
    border-color: #86efac;
}
.by-dl-btn-ok:hover[b-2pqppum07e] {
    background: linear-gradient(135deg, #bbf7d0, #86efac);
    box-shadow: 0 2px 8px rgba(22,163,74,0.2);
}

/* ═══ TOPLU İNDİRME ═══ */
.by-bulk-download[b-2pqppum07e] {
    margin-top: 16px;
    padding: 16px 20px;
    border-radius: 14px;
    background: linear-gradient(135deg, #f0fdf4, #ecfdf5);
    border: 1.5px solid #86efac;
}
.by-bulk-header[b-2pqppum07e] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}
.by-bulk-title[b-2pqppum07e] {
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--t-text, #1e293b);
}
.by-bulk-hint[b-2pqppum07e] {
    font-size: 0.78rem;
    color: var(--t-text-muted, #64748b);
}
.by-bulk-row[b-2pqppum07e] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
.by-bulk-field[b-2pqppum07e] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.by-bulk-field label[b-2pqppum07e] {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--t-text-muted, #64748b);
}
.by-bulk-field input[type="date"][b-2pqppum07e] {
    padding: 8px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--t-input-border, #e2e8f0);
    font-size: 0.85rem;
    background: var(--t-input-bg, #fff);
    color: var(--t-text, #334155);
}
.by-bulk-info[b-2pqppum07e] {
    display: flex;
    align-items: center;
}
.by-bulk-count[b-2pqppum07e] {
    font-size: 0.85rem;
    font-weight: 700;
    color: #16a34a;
    padding: 6px 14px;
    border-radius: 20px;
    background: #dcfce7;
}
.by-btn-bulk[b-2pqppum07e] {
    background: linear-gradient(135deg, #16a34a, #22c55e);
    color: #fff;
    box-shadow: 0 2px 8px rgba(22,163,74,0.2);
}
.by-btn-bulk:hover:not(:disabled)[b-2pqppum07e] {
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(22,163,74,0.3);
}
.by-btn-bulk:disabled[b-2pqppum07e] { opacity: 0.5; cursor: not-allowed; }

/* ═══ GÖNDER UYARI ═══ */
.by-gonder-uyari[b-2pqppum07e] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 16px;
    border-radius: 10px;
    background: linear-gradient(135deg, #fef3c7, #fffbeb);
    border: 1.5px solid #fcd34d;
    margin: 12px 0;
    font-size: 0.82rem;
    color: #92400e;
    line-height: 1.5;
}
.by-gonder-uyari span:first-child[b-2pqppum07e] {
    font-size: 1.2rem;
    flex-shrink: 0;
    margin-top: -2px;
}

/* ═══ DUAL ROW (Upload + Toplu İndir yan yana) ═══ */
.by-dual-row[b-2pqppum07e] {
    display: flex;
    gap: 16px;
    margin-bottom: 18px;
    align-items: stretch;
}
.by-dual-row .by-upload-area[b-2pqppum07e] {
    flex: 1;
    min-width: 0;
    margin-bottom: 0;
}
.by-bulk-card[b-2pqppum07e] {
    flex: 0 0 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 20px 18px;
    border-radius: 16px;
    background: linear-gradient(135deg, var(--t-card, #fff), var(--t-accent-light, #f8fafc));
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    text-align: center;
    transition: all 0.2s;
}
.by-bulk-card:hover[b-2pqppum07e] {
    border-color: color-mix(in srgb, var(--t-accent, #6366f1) 40%, transparent);
    box-shadow: 0 4px 16px rgba(99,102,241,0.08);
}
.by-bulk-card-icon[b-2pqppum07e] {
    font-size: 2rem;
}
.by-bulk-card-title[b-2pqppum07e] {
    font-size: 0.92rem;
    font-weight: 800;
    color: var(--t-text, #1e293b);
}
.by-bulk-card-hint[b-2pqppum07e] {
    font-size: 0.72rem;
    color: var(--t-text-muted, #94a3b8);
    font-weight: 500;
    line-height: 1.4;
}
.by-bulk-card .by-bulk-date[b-2pqppum07e] {
    width: 100%;
}
.by-bulk-card-btn[b-2pqppum07e] {
    width: 100%;
    justify-content: center;
}

/* ═══ TOPLU İNDİRME TARİH ═══ */
.by-bulk-date-label[b-2pqppum07e] {
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--t-text-muted, #64748b);
}
.by-bulk-date[b-2pqppum07e] {
    padding: 6px 10px;
    border-radius: 8px;
    border: 1.5px solid var(--t-input-border, #e2e8f0);
    font-size: 0.82rem;
    background: var(--t-input-bg, #fff);
    color: var(--t-text, #334155);
    max-width: 150px;
}
.by-bulk-date:focus[b-2pqppum07e] {
    border-color: var(--t-accent, #6366f1);
    outline: none;
}
/* /Components/Pages/Yonetim/DestekMerkezi.razor.rz.scp.css */
/* ═══ DESTEK MERKEZİ — Sayfa-Özel Stiller ═══ */
/* Ortak stiller (ym-page, ym-topbar, ym-back, vb.): /css/yonetim-liste.css */

.dm-message[b-5tp09dnl16] {
    margin: 16px 24px 0; padding: 12px 18px; border-radius: 10px;
    font-weight: 600; font-size: 0.9rem;
}
.dm-message.success[b-5tp09dnl16] { background: #f0fdf4; color: #16a34a; border: 1px solid #bbf7d0; }
.dm-message.error[b-5tp09dnl16] { background: #fef2f2; color: #dc2626; border: 1px solid #fecaca; }

/* FİLTRELER */
.dm-filters[b-5tp09dnl16] {
    display: flex; align-items: center; gap: 6px; padding: 6px 12px 4px; flex-wrap: wrap;
    flex-shrink: 0;
}
.dm-filter[b-5tp09dnl16] {
    padding: 0 14px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 20px;
    background: var(--t-card, white); font-weight: 600; font-size: 0.8rem; cursor: pointer;
    color: var(--t-text-muted, #64748b); transition: all 0.2s; display: inline-flex; align-items: center; gap: 5px;
    height: 36px;
}
.dm-filter:hover:not(.active):not(.download)[b-5tp09dnl16] {
    border-color: var(--t-input-border, #cbd5e1);
    background: var(--t-hover, #f8fafc);
    color: var(--t-text, #334155);
}
.dm-filter.active[b-5tp09dnl16] {
    color: white; font-weight: 700;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.dm-filter.active:not(.beklemede):not(.yanitlandi):not(.kapatildi)[b-5tp09dnl16] { background: #4f46e5; border-color: #4f46e5; }
.dm-filter.beklemede[b-5tp09dnl16] { border-left: 3px solid #f59e0b; }
.dm-filter.beklemede.active[b-5tp09dnl16] { background: #d97706; border-color: #d97706; }
.dm-filter.yanitlandi[b-5tp09dnl16] { border-left: 3px solid #10b981; }
.dm-filter.yanitlandi.active[b-5tp09dnl16] { background: #059669; border-color: #059669; }
.dm-filter.kapatildi[b-5tp09dnl16] { border-left: 3px solid #94a3b8; }
.dm-filter.kapatildi.active[b-5tp09dnl16] { background: #64748b; border-color: #64748b; }
.dm-badge[b-5tp09dnl16] {
    background: rgba(255,255,255,0.25); padding: 1px 8px; border-radius: 8px;
    font-size: 0.75rem; font-weight: 700;
}
.dm-filter:not(.active) .dm-badge[b-5tp09dnl16] { background: #f1f5f9; color: #475569; }
.dm-filter.download[b-5tp09dnl16] {
    background: linear-gradient(135deg, #059669, #10b981); color: white;
    border-color: #059669; border-left: none; border-radius: 10px; font-weight: 700;
    height: 36px; box-sizing: border-box;
}
.dm-filter.download:hover[b-5tp09dnl16] { background: linear-gradient(135deg, #047857, #059669); border-color: #047857; transform: translateY(-1px); box-shadow: 0 3px 10px rgba(5,150,105,0.25); }
.dm-search[b-5tp09dnl16] { flex: 1; min-width: 200px; position: relative; }

/* Birim select */
.dm-birim-select[b-5tp09dnl16] {
    height: 36px; padding: 0 10px; border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 10px; font-size: 0.82rem; font-weight: 600;
    color: var(--t-text, #334155); background: var(--t-card, white);
    cursor: pointer; outline: none; box-sizing: border-box;
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
    flex-shrink: 0; max-width: 180px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.dm-birim-select:focus[b-5tp09dnl16] { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.1); }

/* Kart birim etiketi */
.dm-card-birim[b-5tp09dnl16] {
    display: inline-block; font-size: 0.68rem; font-weight: 600;
    padding: 1px 6px; border-radius: 4px; margin-left: 6px;
    background: var(--t-hover, #f1f5f9); color: var(--t-text-muted, #64748b);
    vertical-align: middle;
}
.dm-search-icon[b-5tp09dnl16] {
    position: absolute; left: 10px; top: 50%; transform: translateY(-50%);
    font-size: 0.82rem; pointer-events: none; opacity: 0.5;
}
.dm-search input[b-5tp09dnl16] {
    width: 100%; padding: 0 14px; border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 10px; font-size: 0.84rem; outline: none; box-sizing: border-box;
    height: 36px;
}
.dm-search input:focus[b-5tp09dnl16] { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.1); }

/* Sayfa container — desktop: sabit, mobil: scroll */
.dm-page[b-5tp09dnl16] {
    position: fixed; inset: 0;
    display: flex; flex-direction: column;
    overflow: hidden; z-index: 1;
}

/* LAYOUT */
.dm-layout[b-5tp09dnl16] {
    display: grid; grid-template-columns: 380px 1fr; grid-template-rows: 1fr; gap: 0;
    margin: 4px 12px 14px; border-radius: 16px; overflow: hidden;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06); background: var(--t-card, white);
    flex: 1; min-height: 0;
}

/* LİSTE */
.dm-list[b-5tp09dnl16] {
    border-right: 1px solid var(--t-card-border, #f1f5f9); overflow-y: auto;
    min-height: 0; height: 100%; background: var(--t-hover, #fafbfc);
}
.dm-sol-panel[b-5tp09dnl16] {
    width: 380px; border-right: 1px solid var(--t-card-border, #f1f5f9); overflow-y: auto;
    background: var(--t-hover, #fafbfc); min-height: 0;
}
.dm-card[b-5tp09dnl16] {
    padding: 16px 20px; border-bottom: 1px solid var(--t-card-border, #f1f5f9); cursor: pointer;
    transition: all 0.15s;
}
.dm-card:hover[b-5tp09dnl16] { background: var(--t-hover, #f8fafc); }
.dm-card.selected[b-5tp09dnl16] { background: #eff6ff; border-left: 3px solid #6366f1; }
.dm-card.unread[b-5tp09dnl16] { background: #fffbeb; border-left: 3px solid #f59e0b; }
.dm-card.unread.selected[b-5tp09dnl16] { background: #eff6ff; border-left: 3px solid #6366f1; }
.dm-card-header[b-5tp09dnl16] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }
.dm-card-from[b-5tp09dnl16] { font-weight: 700; font-size: 0.9rem; color: var(--t-text, #1e293b); margin-bottom: 2px; }
.dm-card-konu[b-5tp09dnl16] { font-size: 0.82rem; color: #475569; margin-bottom: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dm-card-date[b-5tp09dnl16] { font-size: 0.75rem; color: #94a3b8; }
.dm-card-meta[b-5tp09dnl16] { display: flex; align-items: center; justify-content: space-between; }
.dm-card-msg-count[b-5tp09dnl16] { font-size: 0.72rem; color: #6366f1; font-weight: 700; }
.dm-card-no[b-5tp09dnl16] {
    font-size: 0.72rem; font-weight: 700; color: #6366f1;
    background: #eef2ff; padding: 1px 7px; border-radius: 5px;
}
.dm-talep-no[b-5tp09dnl16] {
    font-size: 0.78rem; font-weight: 800; color: #6366f1;
    background: #eef2ff; padding: 2px 10px; border-radius: 6px;
}

/* TÜR TAG */
.dm-tur-tag[b-5tp09dnl16] {
    padding: 3px 10px; border-radius: 6px; font-size: 0.72rem; font-weight: 700;
}
.dm-tur-tag.oneri[b-5tp09dnl16] { background: #eff6ff; color: #3b82f6; }
.dm-tur-tag.sikayet[b-5tp09dnl16] { background: #fef2f2; color: #dc2626; }
.dm-tur-tag.destek[b-5tp09dnl16] { background: #f0fdf4; color: #16a34a; }
.dm-tur-tag.tesekkur[b-5tp09dnl16] { background: #faf5ff; color: #a855f7; }

/* DURUM PİLL */
.dm-durum-pill[b-5tp09dnl16] {
    padding: 3px 10px; border-radius: 6px; font-size: 0.72rem; font-weight: 700;
}
.dm-durum-pill.beklemede[b-5tp09dnl16] { background: #fffbeb; color: #d97706; }
.dm-durum-pill.yanitlandi[b-5tp09dnl16] { background: #f0fdf4; color: #16a34a; }
.dm-durum-pill.kapatildi[b-5tp09dnl16] { background: #f1f5f9; color: var(--t-text-muted, #64748b); }

/* DETAY */
.dm-detail[b-5tp09dnl16] { padding: 0; min-height: 0; display: flex; flex-direction: column; overflow: hidden; }
.dm-detail-card[b-5tp09dnl16] {
    padding: 0; display: flex; flex-direction: column;
    flex: 1; min-height: 0; overflow: hidden;
}
.dm-detail-header[b-5tp09dnl16] {
    padding: 24px 24px 0; flex-shrink: 0;
}
.dm-detail-header h3[b-5tp09dnl16] { margin: 0 0 8px; font-size: 1.1rem; font-weight: 700; color: var(--t-text, #1e293b); }
.dm-detail-meta[b-5tp09dnl16] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.dm-detail-date[b-5tp09dnl16] { font-size: 0.82rem; color: #94a3b8; }
.dm-detail-parties[b-5tp09dnl16] {
    padding: 12px 24px; margin: 12px 0 0; border-top: 1px solid #f1f5f9;
    border-bottom: 1px solid var(--t-card-border, #f1f5f9); font-size: 0.88rem; color: #475569;
    flex-shrink: 0;
    display: flex; flex-wrap: wrap; align-items: center; gap: 14px;
}

/* BUBBLE — thread akışı: flex:1 ile kalan alanın yarısını al, min 50% */
.dm-detail-body[b-5tp09dnl16] {
    padding: 16px 24px; display: flex; flex-direction: column; gap: 16px;
    flex: 1 1 50%; min-height: 0; overflow-y: auto;
    scrollbar-width: thin; scrollbar-color: #cbd5e1 transparent;
}
.dm-detail-body[b-5tp09dnl16]::-webkit-scrollbar { width: 5px; }
.dm-detail-body[b-5tp09dnl16]::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
.dm-detail-body[b-5tp09dnl16]::-webkit-scrollbar-track { background: transparent; }
.dm-bubble[b-5tp09dnl16] {
    max-width: 80%; padding: 14px 18px; border-radius: 14px;
    position: relative;
}
.dm-bubble.received[b-5tp09dnl16] {
    background: var(--t-hover, #f1f5f9); align-self: flex-start; border-bottom-left-radius: 4px;
    color: var(--t-text, #334155);
}
.dm-bubble.sent[b-5tp09dnl16] {
    background: var(--t-accent-light, #eff6ff); border: 1px solid color-mix(in srgb, var(--t-accent, #3b82f6) 30%, transparent);
    align-self: flex-end; border-bottom-right-radius: 4px; color: var(--t-text, #334155);
}
.dm-bubble-top[b-5tp09dnl16] { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 4px; }
.dm-bubble-name[b-5tp09dnl16] { font-weight: 700; font-size: 0.8rem; color: #6366f1; }
.dm-bubble-text[b-5tp09dnl16] { font-size: 0.9rem; color: var(--t-text, #334155); line-height: 1.6; white-space: pre-wrap; }
.dm-bubble-time[b-5tp09dnl16] { font-size: 0.72rem; color: #94a3b8; margin-top: 6px; text-align: right; }
.dm-halledildi-btn[b-5tp09dnl16] {
    background: none; border: 1.5px solid #cbd5e1; border-radius: 6px; cursor: pointer;
    font-size: 0.85rem; padding: 2px 6px; color: #94a3b8; transition: all 0.2s;
    line-height: 1; flex-shrink: 0;
}
.dm-halledildi-btn:hover[b-5tp09dnl16] { border-color: #10b981; color: #10b981; background: #f0fdf4; }
.dm-halledildi-btn.checked[b-5tp09dnl16] {
    border-color: #10b981; color: #10b981; background: #ecfdf5;
}
.dm-halledildi-badge[b-5tp09dnl16] { font-size: 0.85rem; flex-shrink: 0; }
.dm-bubble.halledildi[b-5tp09dnl16] { opacity: 0.65; }
.dm-bubble.halledildi .dm-bubble-text[b-5tp09dnl16] { text-decoration: line-through; text-decoration-color: #94a3b8; }
.dm-bubble-footer-row[b-5tp09dnl16] {
    display: flex; align-items: center; justify-content: space-between; gap: 8px;
    margin-top: 6px; flex-wrap: wrap;
}
.dm-bubble-footer-row .dm-bubble-time[b-5tp09dnl16] { margin-top: 0; }
.dm-halledildi-info[b-5tp09dnl16] {
    display: flex; align-items: center; gap: 4px;
    font-size: 0.68rem; font-weight: 600; color: #10b981;
    background: rgba(16,185,129,0.08); padding: 2px 8px; border-radius: 6px;
    white-space: nowrap;
}
.dm-msg-okundu[b-5tp09dnl16] {
    font-size: 0.68rem; font-weight: 700; color: #6366f1;
    white-space: nowrap;
}
.dm-msg-gonderildi[b-5tp09dnl16] {
    font-size: 0.68rem; font-weight: 600; color: #94a3b8;
    white-space: nowrap;
}

/* ═══ DÜZENLEME ═══ */
.dm-edit-btn[b-5tp09dnl16] {
    background: none; border: none; cursor: pointer; font-size: 0.72rem; color: #94a3b8;
    padding: 2px 6px; border-radius: 6px; transition: all 0.15s; flex-shrink: 0; line-height: 1;
    opacity: 0;
}
[b-5tp09dnl16] .dm-bubble:hover .dm-edit-btn { opacity: 0.6; }
.dm-edit-btn:hover[b-5tp09dnl16] { opacity: 1 !important; background: rgba(99,102,241,0.1); color: #6366f1; }
.dm-geri-al-btn[b-5tp09dnl16] {
    background: none; border: none; cursor: pointer; font-size: 0.72rem; color: #94a3b8;
    padding: 2px 6px; border-radius: 6px; transition: all 0.15s; flex-shrink: 0; line-height: 1;
    opacity: 0;
}
.dm-geri-al-btn:hover[b-5tp09dnl16] { background: rgba(239,68,68,0.1); color: #ef4444; }
[b-5tp09dnl16] .dm-bubble:hover .dm-geri-al-btn { opacity: 0.6; }
.dm-edit-bar[b-5tp09dnl16] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 8px 14px; margin-bottom: 8px;
    background: linear-gradient(135deg, #eef2ff, #e0e7ff);
    border: 1.5px solid #c7d2fe; border-radius: 10px;
    font-size: 0.82rem; font-weight: 700; color: #4338ca;
    animation: dmEditBarIn-b-5tp09dnl16 0.2s ease;
}
@keyframes dmEditBarIn-b-5tp09dnl16 { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
.dm-edit-bar-iptal[b-5tp09dnl16] {
    background: none; border: 1.5px solid #a5b4fc; color: #6366f1;
    padding: 4px 12px; border-radius: 8px; font-size: 0.76rem; font-weight: 700;
    cursor: pointer; transition: all 0.15s;
}
.dm-edit-bar-iptal:hover[b-5tp09dnl16] { background: #e0e7ff; border-color: #6366f1; }
.dm-reply-editing[b-5tp09dnl16] {
    border-color: #a5b4fc !important;
    background: #faf5ff !important;
}
.dm-reply-editing:focus[b-5tp09dnl16] { border-color: #6366f1 !important; box-shadow: 0 0 0 3px rgba(99,102,241,0.15) !important; }
.dm-edited-badge[b-5tp09dnl16] {
    display: inline-flex; align-items: center; gap: 4px;
    font-size: 0.68rem; color: #6366f1; cursor: pointer; font-weight: 700;
    background: rgba(99,102,241,0.08); padding: 2px 10px; border-radius: 6px;
    transition: all 0.15s; white-space: nowrap;
}
.dm-edited-badge:hover[b-5tp09dnl16] { background: rgba(99,102,241,0.15); color: #4338ca; }

/* ═══ DÜZENLEME GEÇMİŞİ POPUP ═══ */
.dm-gecmis-overlay[b-5tp09dnl16] { position: fixed; inset: 0; background: rgba(0,0,0,0.4); z-index: 9999; display: flex; align-items: center; justify-content: center; padding: 20px; }
.dm-gecmis-panel[b-5tp09dnl16] {
    background: var(--t-card, white); border-radius: 16px; width: 100%; max-width: 460px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.2); overflow: hidden;
    animation: dmGecmisSlide-b-5tp09dnl16 0.25s ease;
}
@keyframes dmGecmisSlide-b-5tp09dnl16 { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
.dm-gecmis-header[b-5tp09dnl16] {
    background: linear-gradient(135deg, #6366f1, #818cf8); color: white;
    padding: 14px 20px; display: flex; justify-content: space-between; align-items: center;
}
.dm-gecmis-header h4[b-5tp09dnl16] { margin: 0; font-size: 0.92rem; font-weight: 700; }
.dm-gecmis-close[b-5tp09dnl16] {
    background: rgba(255,255,255,0.2); border: none; color: white; width: 28px; height: 28px;
    border-radius: 8px; cursor: pointer; font-size: 0.9rem; display: flex;
    align-items: center; justify-content: center; transition: background 0.15s;
}
.dm-gecmis-close:hover[b-5tp09dnl16] { background: rgba(255,255,255,0.35); }
.dm-gecmis-body[b-5tp09dnl16] { padding: 16px 20px; max-height: 320px; overflow-y: auto; display: flex; flex-direction: column; gap: 10px; }
.dm-gecmis-item[b-5tp09dnl16] {
    padding: 12px 14px; background: var(--t-hover, #f8fafc); border: 1px solid var(--t-card-border, #e2e8f0);
    border-radius: 10px; border-left: 3px solid color-mix(in srgb, var(--t-accent, #6366f1) 40%, transparent);
}
.dm-gecmis-text[b-5tp09dnl16] { font-size: 0.85rem; color: var(--t-text, #334155); line-height: 1.55; white-space: pre-wrap; }
.dm-gecmis-tarih[b-5tp09dnl16] { font-size: 0.7rem; color: var(--t-text-muted, #94a3b8); margin-top: 6px; }
.dm-gecmis-empty[b-5tp09dnl16] { padding: 20px; text-align: center; color: #94a3b8; font-size: 0.85rem; }

/* YANIT ALANI — sabit, scroll olmaz */
.dm-reply-area[b-5tp09dnl16] {
    margin: 0; padding: 16px 24px; border-top: 1px solid var(--t-card-border, #f1f5f9);
    flex-shrink: 0;
}
.dm-reply-input[b-5tp09dnl16] {
    width: 100%; padding: 12px 16px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 12px;
    font-size: 0.9rem; outline: none; resize: vertical; font-family: inherit;
    box-sizing: border-box;
}
.dm-reply-input:focus[b-5tp09dnl16] { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.1); }
.dm-reply-actions[b-5tp09dnl16] { display: flex; gap: 10px; margin-top: 12px; }
.dm-btn[b-5tp09dnl16] {
    padding: 10px 24px; border: none; border-radius: 10px; cursor: pointer;
    font-weight: 700; font-size: 0.88rem; transition: all 0.2s;
}
.dm-btn-reply[b-5tp09dnl16] {
    background: linear-gradient(135deg, #6366f1, #a855f7); color: white;
    box-shadow: 0 4px 14px rgba(99,102,241,0.25);
}
.dm-btn-reply:hover[b-5tp09dnl16] { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(99,102,241,0.3); }
.dm-btn-close[b-5tp09dnl16] {
    background: var(--t-card, white); color: var(--t-text-muted, #64748b); border: 1.5px solid var(--t-card-border, #e2e8f0);
}
.dm-btn-close:hover[b-5tp09dnl16] { border-color: var(--t-text-muted, #64748b); }

.dm-birim-uyari[b-5tp09dnl16] {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 8px 14px;
    background: linear-gradient(135deg, #fef3c7, #fffbeb);
    border: 1.5px solid #fcd34d; border-radius: 10px;
    font-size: 0.78rem; color: #92400e; font-weight: 500;
    line-height: 1.4;
}
.dm-birim-uyari strong[b-5tp09dnl16] { font-weight: 800; color: #78350f; }
.dm-birim-uyari-icon[b-5tp09dnl16] {
    font-size: 1rem; flex-shrink: 0;
}

.dm-closed-info[b-5tp09dnl16] {
    margin: 0; padding: 14px 24px; background: var(--t-hover, #f1f5f9);
    color: var(--t-text-muted, #64748b); font-weight: 600; text-align: center;
    flex-shrink: 0; border-top: 1px solid var(--t-card-border, #e2e8f0);
    display: flex; flex-direction: column; gap: 6px;
}
.dm-closed-main[b-5tp09dnl16] { font-size: 0.88rem; }
.dm-closed-main span[b-5tp09dnl16] { font-size: 0.78rem; color: #94a3b8; margin-left: 2px; }
.dm-closed-reason[b-5tp09dnl16] {
    font-size: 0.84rem; font-weight: 500; color: var(--t-text, #475569);
    background: var(--t-hover, #e2e8f0); border-radius: 8px; padding: 8px 14px;
    text-align: left; line-height: 1.45; margin-top: 2px;
}

/* KAPAT ONAY DIALOG */
.dm-kapat-overlay[b-5tp09dnl16] {
    position: fixed; inset: 0; z-index: 9999;
    background: rgba(0,0,0,.45); display: flex; align-items: center; justify-content: center;
    backdrop-filter: blur(3px); animation: dmFadeIn-b-5tp09dnl16 .2s;
}
@keyframes dmFadeIn-b-5tp09dnl16 { from { opacity: 0; } to { opacity: 1; } }
.dm-kapat-panel[b-5tp09dnl16] {
    background: var(--t-card, #fff); border-radius: 16px; padding: 28px 32px 24px;
    width: 420px; max-width: 92vw; box-shadow: 0 16px 48px rgba(0,0,0,.18);
    display: flex; flex-direction: column; align-items: center; gap: 6px;
    animation: dmSlideUp-b-5tp09dnl16 .25s ease;
}
@keyframes dmSlideUp-b-5tp09dnl16 { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
.dm-kapat-icon[b-5tp09dnl16] { font-size: 2.4rem; margin-bottom: 2px; }
.dm-kapat-title[b-5tp09dnl16] { margin: 0; font-size: 1.15rem; font-weight: 700; color: var(--t-text, #1e293b); }
.dm-kapat-msg[b-5tp09dnl16] { margin: 0; font-size: 0.88rem; color: var(--t-text-muted, #64748b); text-align: center; }
.dm-kapat-aciklama[b-5tp09dnl16] {
    width: 100%; margin-top: 6px; padding: 10px 14px; border: 1.5px solid var(--t-input-border, #e2e8f0);
    border-radius: 10px; font-size: 0.87rem; resize: none; outline: none;
    font-family: inherit; color: var(--t-text, #334155); background: var(--t-input-bg, #fff); transition: border-color .2s;
}
.dm-kapat-aciklama:focus[b-5tp09dnl16] { border-color: #3b82f6; }
.dm-kapat-aciklama[b-5tp09dnl16]::placeholder { color: #94a3b8; }
.dm-kapat-karakter[b-5tp09dnl16] {
    font-size: 0.78rem; color: #94a3b8; text-align: right; margin-top: 4px;
}
.dm-kapat-btn.confirm:disabled[b-5tp09dnl16] {
    opacity: 0.5; cursor: not-allowed; background: #94a3b8;
}
.dm-kapat-btn.confirm:disabled:hover[b-5tp09dnl16] { background: #94a3b8; }
.dm-kapat-actions[b-5tp09dnl16] { display: flex; gap: 10px; margin-top: 10px; width: 100%; }
.dm-kapat-btn[b-5tp09dnl16] {
    flex: 1; padding: 10px 0; border: none; border-radius: 10px;
    font-size: 0.88rem; font-weight: 600; cursor: pointer; transition: .2s;
}
.dm-kapat-btn.confirm[b-5tp09dnl16] { background: #ef4444; color: #fff; }
.dm-kapat-btn.confirm:hover[b-5tp09dnl16] { background: #dc2626; }
.dm-kapat-btn.cancel[b-5tp09dnl16] { background: #f1f5f9; color: #64748b; }
.dm-kapat-btn.cancel:hover[b-5tp09dnl16] { background: #e2e8f0; }

/* PLACEHOLDER */
.dm-placeholder[b-5tp09dnl16] {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    flex: 1; height: 100%; color: #94a3b8; gap: 12px;
}
.dm-placeholder-icon[b-5tp09dnl16] { font-size: 3rem; }
.dm-placeholder p[b-5tp09dnl16] { font-size: 0.9rem; }

.dm-empty[b-5tp09dnl16] {
    padding: 40px 20px; text-align: center; color: #94a3b8; font-size: 0.9rem;
}

/* Detay üst satırı (geri + başlık) */
.dm-detail-top[b-5tp09dnl16] { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.dm-detail-top h3[b-5tp09dnl16] { margin: 0; font-size: 1.1rem; font-weight: 700; color: var(--t-text, #1e293b); flex: 1; min-width: 0; }
.dm-detail-back[b-5tp09dnl16] {
    display: none; align-items: center; gap: 4px;
    padding: 6px 14px; border-radius: 10px;
    background: #eef2ff; border: 1.5px solid #c7d2fe;
    color: #6366f1; font-weight: 700; font-size: 0.8rem;
    cursor: pointer; transition: all 0.2s; flex-shrink: 0; white-space: nowrap;
}
.dm-detail-back:hover[b-5tp09dnl16] { background: #e0e7ff; border-color: #6366f1; transform: translateX(-2px); }

@media (max-width: 768px) {
    /* Sayfa: sabit değil, scroll olabilir */
    .dm-page[b-5tp09dnl16] {
        position: relative; inset: auto;
        overflow-y: auto; overflow-x: hidden;
        min-height: var(--app-height, 100dvh); height: auto;
        padding: 0;
        padding-bottom: env(safe-area-inset-bottom, 0px);
    }
    .dm-layout[b-5tp09dnl16] {
        display: block; margin: 0 8px; margin-bottom: 0;
        height: auto; min-height: 0; flex: none;
        border-radius: 14px; overflow: visible;
    }
    .dm-list[b-5tp09dnl16] {
        display: block; border-right: none; max-height: none;
    }
    .dm-sol-panel[b-5tp09dnl16] {
        display: block; width: auto; border-right: none; max-height: none;
    }
    .dm-detail[b-5tp09dnl16] { display: none; overflow: visible; }

    /* Detay aktifken: filtre/topbar gizle, tam ekran */
    .dm-layout.dm-detail-active ~ .dm-filters[b-5tp09dnl16],
    .dm-page .dm-layout.dm-detail-active ~ *[b-5tp09dnl16] { }
    .dm-layout.dm-detail-active .dm-list[b-5tp09dnl16] { display: none; }
    .dm-layout.dm-detail-active .dm-sol-panel[b-5tp09dnl16] { display: none; }
    .dm-layout.dm-detail-active .dm-detail[b-5tp09dnl16] { display: flex; flex-direction: column; overflow: hidden; }
    .dm-detail-card[b-5tp09dnl16] { overflow: hidden; }

    /* Detay aktifken tam ekran */
    .dm-layout.dm-detail-active[b-5tp09dnl16] {
        position: fixed; top: 0; left: 0; right: 0; bottom: 0;
        z-index: 300;
        margin: 0; border-radius: 0;
        display: flex; flex-direction: column;
        background: var(--t-bg, #f8fafc);
        padding-bottom: env(safe-area-inset-bottom, 0px);
    }
    .dm-layout.dm-detail-active .dm-detail[b-5tp09dnl16] {
        flex: 1; min-height: 0; overflow: hidden;
    }
    .dm-layout.dm-detail-active .dm-detail-card[b-5tp09dnl16] {
        flex: 1; min-height: 0; overflow: hidden;
        display: flex; flex-direction: column;
    }

    /* Detay geri butonu — mobilde göster */
    .dm-detail-back[b-5tp09dnl16] { display: inline-flex; }

    .dm-detail-header[b-5tp09dnl16] { padding: 14px 16px 0; }
    .dm-detail-parties[b-5tp09dnl16] { padding: 12px 16px; }

    /* Thread — kalan alanı doldur */
    .dm-detail-body[b-5tp09dnl16] {
        flex: 1; min-height: 0; overflow-y: auto;
        max-height: none;
        padding: 16px; -webkit-overflow-scrolling: touch;
    }

    .dm-reply-area[b-5tp09dnl16] { padding: 12px 16px; padding-bottom: max(12px, env(safe-area-inset-bottom)); flex-shrink: 0; }
    .dm-closed-info[b-5tp09dnl16] { padding: 14px 16px; flex-shrink: 0; }
    .dm-kapat-panel[b-5tp09dnl16] { width: 92vw; padding: 22px 18px 18px; }
    .dm-filters[b-5tp09dnl16] {
        display: flex; flex-wrap: nowrap;
        gap: 6px; padding: 8px 12px; margin: 4px 8px; align-items: center;
        overflow-x: auto; -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        background: var(--t-card, white); border-radius: 14px;
        border: 1px solid var(--t-card-border, #e2e8f0);
        box-shadow: 0 1px 6px rgba(0,0,0,0.04);
    }
    .dm-filters[b-5tp09dnl16]::-webkit-scrollbar { display: none; }
    .dm-search[b-5tp09dnl16] { order: -1; flex: 0 0 auto; min-width: 140px; }
    .dm-birim-select[b-5tp09dnl16] { order: 0; flex: 0 0 auto; max-width: 160px; font-size: 0.76rem; height: 34px; padding: 0 8px; }
    .dm-search input[b-5tp09dnl16] { padding: 0 10px; font-size: 0.8rem; height: 34px; }
    .dm-filter[b-5tp09dnl16] { order: 1; flex-shrink: 0; font-size: 0.74rem; padding: 0 10px; height: 34px; white-space: nowrap; }
    .dm-filter.download[b-5tp09dnl16] { order: 10; flex: 0 0 auto; border-radius: 8px; font-size: 0.74rem; padding: 0 10px; height: 34px; white-space: nowrap; }
    .dm-card[b-5tp09dnl16] { padding: 12px 14px; }
    .dm-bubble[b-5tp09dnl16] { max-width: 90%; padding: 12px 14px; border-radius: 12px; }

    /* Mobilde aksiyon butonları her zaman görünür */
    .dm-reply-btn[b-5tp09dnl16],
    .dm-edit-btn[b-5tp09dnl16],
    .dm-geri-al-btn[b-5tp09dnl16] { opacity: 0.6 !important; }
    .dm-reply-actions[b-5tp09dnl16] { flex-direction: row; flex-wrap: wrap; gap: 8px; }
    .dm-reply-actions .dm-btn[b-5tp09dnl16] { flex: 1; text-align: center; font-size: 0.8rem; padding: 8px 10px; white-space: nowrap; }
    .dm-birim-uyari[b-5tp09dnl16] { margin-left: 0; flex: 0 0 100%; order: 10; padding: 9px 14px; font-size: 0.76rem; border-radius: 8px; }
    .dm-birim-uyari-icon[b-5tp09dnl16] { font-size: 0.95rem; }
}

/* ═══ DOSYA / FOTOĞRAF ═══ */
.dm-msg-img[b-5tp09dnl16] {
    max-width: 100%; max-height: 240px; border-radius: 8px;
    cursor: pointer; object-fit: cover; display: block; margin-bottom: 6px;
}
.dm-msg-img:hover[b-5tp09dnl16] { opacity: 0.9; }
.dm-msg-dosya[b-5tp09dnl16] {
    display: flex; align-items: center; gap: 8px;
    padding: 8px 12px; border-radius: 8px; cursor: pointer;
    background: rgba(99,102,241,0.08); margin-bottom: 6px; transition: background 0.15s;
}
.dm-msg-dosya:hover[b-5tp09dnl16] { background: rgba(99,102,241,0.14); }
.dm-msg-dosya-ad[b-5tp09dnl16] { font-size: 0.78rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1; }

/* ═══ YANITLAMA ═══ */
.dm-reply-btn[b-5tp09dnl16] {
    background: none; border: none; cursor: pointer; font-size: 0.75rem;
    padding: 2px 4px; border-radius: 4px; opacity: 0;
    transition: all 0.15s; line-height: 1;
}
[b-5tp09dnl16] .dm-bubble:hover .dm-reply-btn { opacity: 0.6; }
.dm-reply-btn:hover[b-5tp09dnl16] { opacity: 1 !important; background: rgba(99,102,241,0.1); }

.dm-reply-quote[b-5tp09dnl16] {
    display: flex; flex-direction: column; gap: 1px;
    padding: 6px 10px; margin-bottom: 6px; border-radius: 8px;
    border-left: 3px solid var(--t-accent, #6366f1); cursor: pointer;
    background: color-mix(in srgb, var(--t-accent, #6366f1) 8%, transparent);
    font-size: 0.78rem; line-height: 1.35; transition: opacity 0.15s;
    max-width: 100%; overflow: hidden;
}
.dm-reply-quote:hover[b-5tp09dnl16] { opacity: 0.8; }
.dm-reply-quote-name[b-5tp09dnl16] { font-weight: 800; font-size: 0.72rem; color: var(--t-accent, #6366f1); }
.dm-reply-quote-text[b-5tp09dnl16] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; opacity: 0.75; font-size: 0.72rem; }

.dm-yanit-bar[b-5tp09dnl16] {
    display: flex; align-items: center; gap: 8px;
    padding: 8px 14px; border-bottom: 1px solid var(--t-card-border, #e2e8f0);
    background: color-mix(in srgb, var(--t-accent, #6366f1) 6%, var(--t-card, #fff));
    border-left: 3px solid var(--t-accent, #6366f1);
    border-radius: 10px 10px 0 0;
    animation: dm-reply-slide-b-5tp09dnl16 0.15s ease;
}
@keyframes dm-reply-slide-b-5tp09dnl16 { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
.dm-yanit-bar-content[b-5tp09dnl16] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.dm-yanit-bar-name[b-5tp09dnl16] { font-size: 0.74rem; font-weight: 800; color: var(--t-accent, #6366f1); }
.dm-yanit-bar-text[b-5tp09dnl16] { font-size: 0.74rem; color: var(--t-text-muted, #64748b); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dm-yanit-bar-close[b-5tp09dnl16] {
    background: none; border: none; cursor: pointer; font-size: 0.85rem;
    color: var(--t-text-muted, #94a3b8); padding: 4px 6px; border-radius: 6px;
    transition: all 0.15s; flex-shrink: 0; line-height: 1;
}
.dm-yanit-bar-close:hover[b-5tp09dnl16] { background: rgba(239,68,68,0.1); color: #ef4444; }

.dm-highlight[b-5tp09dnl16] { animation: dm-msg-flash-b-5tp09dnl16 1.5s ease; }
@keyframes dm-msg-flash-b-5tp09dnl16 { 0%, 100% { background: transparent; } 30% { background: color-mix(in srgb, var(--t-accent, #6366f1) 15%, transparent); } }

.dm-ek-bar[b-5tp09dnl16] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 8px 14px; background: color-mix(in srgb, var(--t-accent, #6366f1) 6%, var(--t-card, #fff));
    border-bottom: 1px solid var(--t-card-border, #e2e8f0);
    font-size: 0.78rem; font-weight: 600; color: var(--t-text, #1e293b);
}
.dm-ek-kaldir[b-5tp09dnl16] {
    background: none; border: none; cursor: pointer; font-size: 0.85rem;
    color: var(--t-text-muted, #94a3b8); padding: 2px 6px; border-radius: 6px; transition: all 0.15s;
}
.dm-ek-kaldir:hover[b-5tp09dnl16] { background: rgba(239,68,68,0.1); color: #ef4444; }

.dm-btn-attach[b-5tp09dnl16] {
    padding: 8px 16px; border-radius: 10px; border: 1.5px solid var(--t-card-border, #e2e8f0);
    background: var(--t-card, white); color: var(--t-text-muted, #64748b);
    font-weight: 700; font-size: 0.84rem; cursor: pointer; transition: all 0.2s;
}
.dm-btn-attach:hover[b-5tp09dnl16] { background: #eef2ff; border-color: #c7d2fe; color: #6366f1; }

/* ═══ GÖRÜNTÜ VIEWER (image-viewer.js) ═══ */
.image-overlay[b-5tp09dnl16] {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.92);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.image-overlay-toolbar[b-5tp09dnl16] {
    position: fixed;
    top: 16px;
    display: flex;
    align-items: center;
    gap: 4px;
    background: rgba(15,23,42,0.85);
    backdrop-filter: blur(12px);
    padding: 5px 6px;
    border-radius: 12px;
    z-index: 10001;
    box-shadow: 0 4px 24px rgba(0,0,0,0.5);
    border: 1px solid rgba(255,255,255,0.08);
}
.iot-btn[b-5tp09dnl16] {
    background: transparent;
    color: rgba(255,255,255,0.8);
    border: none;
    border-radius: 8px;
    width: 36px;
    height: 36px;
    font-size: 0.85rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s;
}
.iot-btn:hover[b-5tp09dnl16] { background: rgba(255,255,255,0.15); color: white; }
.iot-btn:active[b-5tp09dnl16] { transform: scale(0.92); }
.iot-close:hover[b-5tp09dnl16] { background: rgba(239,68,68,0.35); color: #fca5a5; }
.iot-sep[b-5tp09dnl16] { width: 1px; height: 20px; background: rgba(255,255,255,0.15); margin: 0 2px; }
.iot-level[b-5tp09dnl16] { color: rgba(255,255,255,0.6); font-size: 0.72rem; font-weight: 700; min-width: 38px; text-align: center; user-select: none; letter-spacing: -0.3px; }
.image-overlay-container[b-5tp09dnl16] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: grab;
    overflow: hidden;
    touch-action: none;
}
.image-overlay-container:active[b-5tp09dnl16] { cursor: grabbing; }
.image-overlay-container img[b-5tp09dnl16] {
    border-radius: 6px;
    box-shadow: 0 0 60px rgba(0,0,0,0.6);
    user-select: none;
    -webkit-user-drag: none;
    pointer-events: none;
    flex-shrink: 0;
    image-rendering: auto;
}

/* ═══ GERİ AL ONAY DİALOG ═══ */
.dm-geri-al-overlay[b-5tp09dnl16] {
    position: fixed; inset: 0; z-index: 9999;
    background: rgba(0,0,0,.45); display: flex; align-items: center; justify-content: center;
    backdrop-filter: blur(3px); animation: dmGeriAlFadeIn-b-5tp09dnl16 .2s;
}
@keyframes dmGeriAlFadeIn-b-5tp09dnl16 { from { opacity: 0; } to { opacity: 1; } }
.dm-geri-al-panel[b-5tp09dnl16] {
    background: var(--t-card, #fff); border-radius: 16px; padding: 28px 32px 24px;
    width: 400px; max-width: 92vw; box-shadow: 0 16px 48px rgba(0,0,0,.18);
    display: flex; flex-direction: column; align-items: center; gap: 6px;
    animation: dmGeriAlSlideUp-b-5tp09dnl16 .25s ease;
}
@keyframes dmGeriAlSlideUp-b-5tp09dnl16 { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
.dm-geri-al-icon[b-5tp09dnl16] { font-size: 2.4rem; margin-bottom: 2px; }
.dm-geri-al-title[b-5tp09dnl16] { margin: 0; font-size: 1.1rem; font-weight: 700; color: var(--t-text, #1e293b); }
.dm-geri-al-msg[b-5tp09dnl16] { margin: 0; font-size: 0.88rem; color: var(--t-text-muted, #64748b); text-align: center; }
.dm-geri-al-actions[b-5tp09dnl16] { display: flex; gap: 10px; margin-top: 14px; width: 100%; }
.dm-geri-al-btn-confirm[b-5tp09dnl16] {
    flex: 1; padding: 10px 0; border: none; border-radius: 10px;
    font-size: 0.88rem; font-weight: 600; cursor: pointer; transition: .2s;
    background: #ef4444; color: #fff;
}
.dm-geri-al-btn-confirm:hover[b-5tp09dnl16] { background: #dc2626; }
.dm-geri-al-btn-cancel[b-5tp09dnl16] {
    flex: 1; padding: 10px 0; border: none; border-radius: 10px;
    font-size: 0.88rem; font-weight: 600; cursor: pointer; transition: .2s;
    background: #f1f5f9; color: #64748b;
}
.dm-geri-al-btn-cancel:hover[b-5tp09dnl16] { background: #e2e8f0; }

/* ═══════════════════════════════════════════════════════════
   ANONİM TALEP (Login'den gelen) — özel UI
   ═══════════════════════════════════════════════════════════ */

/* Liste kartında anonim rozeti */
.dm-card.anonim[b-5tp09dnl16] {
    border-left: 3px solid #f59e0b;
}
.dm-card-anonim[b-5tp09dnl16] {
    display: inline-flex; align-items: center; justify-content: center;
    width: 22px; height: 22px;
    background: linear-gradient(135deg, #f59e0b, #d97706);
    color: #fff; border-radius: 50%;
    font-size: 0.78rem;
    box-shadow: 0 2px 6px rgba(245, 158, 11, 0.35);
    margin-left: auto;
}
.dm-card-birim-yok[b-5tp09dnl16] {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 2px 8px;
    background: #fef3c7; color: #92400e;
    border-radius: 10px;
    font-size: 0.72rem; font-weight: 600;
    margin-left: 6px;
}

/* Detay başlığında anonim etiketi */
.dm-anonim-tag[b-5tp09dnl16] {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 4px 10px;
    background: linear-gradient(135deg, #fef3c7, #fde68a);
    color: #92400e;
    border: 1px solid #fbbf24;
    border-radius: 12px;
    font-size: 0.78rem; font-weight: 700;
}

/* Anonim panel */
.dm-anonim-panel[b-5tp09dnl16] {
    margin: 14px 18px 0;
    padding: 0;
    background: #fff;
    border: 1px solid #fde68a;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 4px 14px rgba(245, 158, 11, 0.08);
    flex-shrink: 0;
}

.dm-anonim-warn[b-5tp09dnl16] {
    display: flex; align-items: flex-start; gap: 12px;
    padding: 14px 18px;
    background: linear-gradient(135deg, #fef3c7 0%, #fef9c3 100%);
    border-bottom: 1px solid #fde68a;
}
.dm-anonim-warn-icon[b-5tp09dnl16] {
    font-size: 1.5rem; line-height: 1;
}
.dm-anonim-warn strong[b-5tp09dnl16] {
    display: block;
    color: #92400e; font-size: 0.95rem;
    margin-bottom: 4px;
}
.dm-anonim-warn-text[b-5tp09dnl16] {
    color: #78350f; font-size: 0.85rem; line-height: 1.45;
}

.dm-anonim-bilgiler[b-5tp09dnl16] {
    padding: 14px 18px;
}
.dm-anonim-bilgi-baslik[b-5tp09dnl16] {
    font-size: 0.85rem; font-weight: 700;
    color: #475569;
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e2e8f0;
}
.dm-anonim-row[b-5tp09dnl16] {
    display: flex; align-items: center; gap: 10px;
    padding: 8px 0;
    border-bottom: 1px dashed #f1f5f9;
}
.dm-anonim-row:last-child[b-5tp09dnl16] { border-bottom: none; }
.dm-anonim-row-icon[b-5tp09dnl16] {
    width: 22px; text-align: center;
    font-size: 1rem;
}
.dm-anonim-row-label[b-5tp09dnl16] {
    font-weight: 600; color: #64748b;
    min-width: 80px;
    font-size: 0.85rem;
}
.dm-anonim-row-value[b-5tp09dnl16] {
    flex: 1;
    color: #0f172a; font-weight: 600;
    font-size: 0.9rem;
    word-break: break-all;
}
.dm-anonim-ip[b-5tp09dnl16] {
    font-family: 'Consolas', 'Courier New', monospace;
    background: #f1f5f9;
    padding: 2px 8px;
    border-radius: 6px;
    font-size: 0.85rem;
    flex: 0 1 auto;
}
.dm-anonim-copy[b-5tp09dnl16] {
    background: transparent;
    border: 1px solid #e2e8f0;
    color: #64748b;
    width: 28px; height: 28px;
    border-radius: 8px;
    cursor: pointer;
    transition: .15s;
    font-size: 0.85rem;
    display: inline-flex; align-items: center; justify-content: center;
}
.dm-anonim-copy:hover[b-5tp09dnl16] {
    background: #6366f1; color: #fff; border-color: #6366f1;
    transform: translateY(-1px);
}
.dm-anonim-mailto[b-5tp09dnl16] {
    display: inline-flex; align-items: center; justify-content: center;
    width: 28px; height: 28px;
    background: #eef2ff; color: #4338ca;
    border-radius: 8px;
    text-decoration: none;
    font-size: 0.95rem;
    transition: .15s;
}
.dm-anonim-mailto:hover[b-5tp09dnl16] {
    background: #6366f1; color: #fff;
    transform: translateY(-1px);
}
.dm-anonim-ban[b-5tp09dnl16] {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 5px 12px;
    background: #fee2e2; color: #b91c1c;
    border: 1px solid #fca5a5;
    border-radius: 8px;
    font-size: 0.78rem; font-weight: 700;
    cursor: pointer;
    transition: .15s;
    margin-left: 4px;
}
.dm-anonim-ban:hover[b-5tp09dnl16] {
    background: #ef4444; color: #fff; border-color: #ef4444;
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(239, 68, 68, 0.25);
}

/* IP banlanmış durumunda butonun yerine pasif rozet — açıkça "Banlandı" yazısı görünür */
.dm-anonim-banlandi[b-5tp09dnl16] {
    display: inline-flex; align-items: center; gap: 5px;
    padding: 5px 12px;
    background: linear-gradient(135deg, #ef4444, #dc2626);
    color: #fff;
    border: 1px solid #b91c1c;
    border-radius: 8px;
    font-size: 0.78rem; font-weight: 700;
    letter-spacing: 0.01em;
    cursor: default;
    margin-left: 4px;
    box-shadow: 0 2px 6px rgba(239, 68, 68, 0.30);
    user-select: none;
    white-space: nowrap;
}

/* Anonim talep — sistem içi yanıt yok bildirimi */
.dm-anonim-no-reply[b-5tp09dnl16] {
    display: flex; align-items: center; gap: 14px;
    margin: 14px 18px 18px;
    padding: 14px 18px;
    background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
    border: 1px dashed #94a3b8;
    border-radius: 12px;
    flex-shrink: 0;
}
.dm-anonim-no-reply > span:first-child[b-5tp09dnl16] {
    font-size: 1.6rem; line-height: 1;
}
.dm-anonim-no-reply > div[b-5tp09dnl16] {
    flex: 1;
}
.dm-anonim-no-reply strong[b-5tp09dnl16] {
    display: block;
    color: #334155; font-size: 0.92rem;
    margin-bottom: 3px;
}
.dm-anonim-no-reply-hint[b-5tp09dnl16] {
    color: #64748b; font-size: 0.82rem; line-height: 1.45;
}

/* Birim atama paneli */
.dm-birim-ata[b-5tp09dnl16] {
    display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
    margin: 12px 18px 0;
    padding: 12px 16px;
    background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
    border: 1px solid #fbbf24;
    border-radius: 12px;
    flex-shrink: 0;
}
.dm-birim-ata-icon[b-5tp09dnl16] {
    font-size: 1.4rem;
}
.dm-birim-ata-label[b-5tp09dnl16] {
    flex: 1; min-width: 0;
    display: flex; flex-direction: column;
}
.dm-birim-ata-label strong[b-5tp09dnl16] {
    color: #92400e; font-size: 0.9rem;
}
.dm-birim-ata-hint[b-5tp09dnl16] {
    color: #78350f; font-size: 0.78rem;
}
.dm-birim-ata-select[b-5tp09dnl16] {
    padding: 7px 10px;
    border: 1px solid #fbbf24;
    border-radius: 8px;
    background: #fff;
    color: #0f172a;
    font-size: 0.86rem; font-weight: 600;
    min-width: 160px;
}
.dm-birim-ata-btn[b-5tp09dnl16] {
    padding: 8px 16px;
    background: linear-gradient(135deg, #f59e0b, #d97706);
    color: #fff;
    border: none; border-radius: 8px;
    font-size: 0.85rem; font-weight: 700;
    cursor: pointer;
    transition: .15s;
    box-shadow: 0 3px 8px rgba(245, 158, 11, 0.3);
}
.dm-birim-ata-btn:hover:not(:disabled)[b-5tp09dnl16] {
    transform: translateY(-1px);
    box-shadow: 0 5px 14px rgba(245, 158, 11, 0.45);
}
.dm-birim-ata-btn:disabled[b-5tp09dnl16] {
    opacity: 0.5; cursor: not-allowed; box-shadow: none;
}

/* IP Ban listesi popup */
.dm-ip-ban-panel[b-5tp09dnl16] {
    max-width: 640px !important;
    width: 92%;
}
.dm-ip-ban-list[b-5tp09dnl16] {
    max-height: 50vh;
    overflow-y: auto;
    margin-bottom: 12px;
    text-align: left;
}
.dm-ip-ban-row[b-5tp09dnl16] {
    display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
    padding: 12px;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 10px;
    margin-bottom: 8px;
}
.dm-ip-ban-row-main[b-5tp09dnl16] {
    flex: 1 1 100%;
    display: flex; align-items: center; gap: 6px; flex-wrap: wrap;
}
.dm-ip-ban-row-ip[b-5tp09dnl16] {
    font-family: 'Consolas', monospace;
    font-weight: 700; color: #b91c1c;
    background: #fff;
    padding: 3px 10px;
    border-radius: 6px;
    border: 1px solid #fca5a5;
}
.dm-ip-ban-row-sebep[b-5tp09dnl16] {
    color: #7f1d1d; font-size: 0.85rem;
}
.dm-ip-ban-row-meta[b-5tp09dnl16] {
    flex: 1 1 auto;
    display: flex; gap: 12px; flex-wrap: wrap;
    color: #64748b; font-size: 0.8rem;
}
.dm-ip-ban-row-kaldir[b-5tp09dnl16] {
    padding: 6px 14px;
    background: #fff;
    border: 1px solid #fca5a5;
    color: #b91c1c;
    border-radius: 8px;
    font-size: 0.82rem; font-weight: 700;
    cursor: pointer;
    transition: .15s;
}
.dm-ip-ban-row-kaldir:hover[b-5tp09dnl16] {
    background: #b91c1c; color: #fff; border-color: #b91c1c;
}

/* Topbar IP Ban Listesi butonu */
.dm-filter.dm-ip-ban-aç[b-5tp09dnl16] {
    background: linear-gradient(135deg, #fef2f2, #fee2e2);
    color: #b91c1c;
    border-color: #fca5a5;
}
.dm-filter.dm-ip-ban-aç:hover[b-5tp09dnl16] {
    background: linear-gradient(135deg, #fee2e2, #fecaca);
}

/* ═══════════════════════════════════════════════════════════
   DARK MODE
   ═══════════════════════════════════════════════════════════ */
[data-theme="dark"] .dm-anonim-panel[b-5tp09dnl16] {
    background: #1e293b;
    border-color: #78350f;
}
[data-theme="dark"] .dm-anonim-warn[b-5tp09dnl16] {
    background: linear-gradient(135deg, #422006 0%, #3f2c0a 100%);
    border-bottom-color: #78350f;
}
[data-theme="dark"] .dm-anonim-warn strong[b-5tp09dnl16] { color: #fbbf24; }
[data-theme="dark"] .dm-anonim-warn-text[b-5tp09dnl16] { color: #fde68a; }
[data-theme="dark"] .dm-anonim-bilgi-baslik[b-5tp09dnl16] {
    color: #cbd5e1; border-bottom-color: #334155;
}
[data-theme="dark"] .dm-anonim-row[b-5tp09dnl16] { border-bottom-color: #1e293b; }
[data-theme="dark"] .dm-anonim-row-label[b-5tp09dnl16] { color: #94a3b8; }
[data-theme="dark"] .dm-anonim-row-value[b-5tp09dnl16] { color: #e2e8f0; }
[data-theme="dark"] .dm-anonim-ip[b-5tp09dnl16] {
    background: #0f172a; color: #38bdf8;
}
[data-theme="dark"] .dm-anonim-copy[b-5tp09dnl16] {
    background: transparent; color: #94a3b8; border-color: #334155;
}
[data-theme="dark"] .dm-anonim-mailto[b-5tp09dnl16] {
    background: #1e1b4b; color: #a5b4fc;
}
[data-theme="dark"] .dm-anonim-no-reply[b-5tp09dnl16] {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
    border-color: #475569;
}
[data-theme="dark"] .dm-anonim-no-reply strong[b-5tp09dnl16] { color: #e2e8f0; }
[data-theme="dark"] .dm-anonim-no-reply-hint[b-5tp09dnl16] { color: #94a3b8; }
[data-theme="dark"] .dm-birim-ata[b-5tp09dnl16] {
    background: linear-gradient(135deg, #422006 0%, #3f2c0a 100%);
    border-color: #92400e;
}
[data-theme="dark"] .dm-birim-ata-label strong[b-5tp09dnl16] { color: #fbbf24; }
[data-theme="dark"] .dm-birim-ata-hint[b-5tp09dnl16] { color: #fde68a; }
[data-theme="dark"] .dm-birim-ata-select[b-5tp09dnl16] {
    background: #0f172a; color: #e2e8f0; border-color: #92400e;
}
[data-theme="dark"] .dm-card-birim-yok[b-5tp09dnl16] {
    background: #422006; color: #fbbf24;
}
[data-theme="dark"] .dm-anonim-tag[b-5tp09dnl16] {
    background: linear-gradient(135deg, #422006, #3f2c0a);
    color: #fbbf24; border-color: #92400e;
}
[data-theme="dark"] .dm-ip-ban-row[b-5tp09dnl16] {
    background: #1e1b1b; border-color: #7f1d1d;
}
[data-theme="dark"] .dm-ip-ban-row-ip[b-5tp09dnl16] {
    background: #0f172a; color: #fca5a5; border-color: #7f1d1d;
}
[data-theme="dark"] .dm-ip-ban-row-sebep[b-5tp09dnl16] { color: #fca5a5; }
[data-theme="dark"] .dm-ip-ban-row-meta[b-5tp09dnl16] { color: #94a3b8; }
[data-theme="dark"] .dm-ip-ban-row-kaldir[b-5tp09dnl16] {
    background: #0f172a; color: #fca5a5; border-color: #7f1d1d;
}
[data-theme="dark"] .dm-filter.dm-ip-ban-aç[b-5tp09dnl16] {
    background: linear-gradient(135deg, #1e1b1b, #2d1414);
    color: #fca5a5; border-color: #7f1d1d;
}
/* ═══ Anonim İletişim — yeni grid layout (kompakt, yan yana) ═══ */
.dm-anonim-grid[b-5tp09dnl16] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 10px;
}
.dm-anonim-cell[b-5tp09dnl16] {
    display: flex; flex-direction: column;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 10px 12px;
    min-width: 0;
}
.dm-anonim-cell-head[b-5tp09dnl16] {
    display: flex; align-items: center; gap: 6px;
    margin-bottom: 6px;
    padding-bottom: 6px;
    border-bottom: 1px dashed #e2e8f0;
}
.dm-anonim-cell-icon[b-5tp09dnl16] { font-size: 0.95rem; }
.dm-anonim-cell-label[b-5tp09dnl16] {
    font-size: 0.74rem; font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}
.dm-anonim-cell-body[b-5tp09dnl16] {
    display: flex; align-items: center; gap: 6px;
    min-width: 0;
}
.dm-anonim-cell-value[b-5tp09dnl16] {
    flex: 1; min-width: 0;
    color: #0f172a; font-weight: 600;
    font-size: 0.88rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dm-anonim-cell-body .dm-anonim-ip[b-5tp09dnl16] {
    font-family: 'Consolas', 'Courier New', monospace;
    background: #fff;
    padding: 2px 8px;
    border-radius: 6px;
    border: 1px solid #e2e8f0;
    font-size: 0.82rem;
    color: #4338ca;
    flex: 1;
}
.dm-anonim-cell-body .dm-anonim-copy[b-5tp09dnl16],
.dm-anonim-cell-body .dm-anonim-mailto[b-5tp09dnl16],
.dm-anonim-cell-body .dm-anonim-ban[b-5tp09dnl16] {
    flex-shrink: 0;
    width: 28px; height: 28px;
    padding: 0;
    display: inline-flex; align-items: center; justify-content: center;
}
.dm-anonim-cell-body .dm-anonim-ban[b-5tp09dnl16] {
    width: auto; padding: 0 8px;
    font-size: 0.85rem;
}

/* Dark mode */
[data-theme="dark"] .dm-anonim-cell[b-5tp09dnl16] {
    background: #0f172a;
    border-color: #334155;
}
[data-theme="dark"] .dm-anonim-cell-head[b-5tp09dnl16] { border-bottom-color: #334155; }
[data-theme="dark"] .dm-anonim-cell-label[b-5tp09dnl16] { color: #94a3b8; }
[data-theme="dark"] .dm-anonim-cell-value[b-5tp09dnl16] { color: #e2e8f0; }
[data-theme="dark"] .dm-anonim-cell-body .dm-anonim-ip[b-5tp09dnl16] {
    background: #1e293b;
    border-color: #334155;
    color: #38bdf8;
}
/* /Components/Pages/Yonetim/EgitimYonetimi.razor.rz.scp.css */
/* ═══ EĞİTİM YÖNETİMİ — Sayfa-Özel Stiller ═══ */
/* Ortak stiller: /css/yonetim-liste.css */

/* SECTION — sekme geçiş animasyonu */
.ym-section[b-uddky3ms03] { animation: eyFadeIn-b-uddky3ms03 0.3s ease; }
@keyframes eyFadeIn-b-uddky3ms03 { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

/* İSTATİSTİK KARTLARI — igt-stat */
.igt-stats[b-uddky3ms03] { display: flex; gap: 12px; margin-bottom: 16px; flex-wrap: wrap; }
.igt-stat[b-uddky3ms03] {
    flex: 1; min-width: 100px; text-align: center; padding: 14px 12px;
    border-radius: 12px; border: 1.5px solid var(--t-card-border, #e2e8f0);
    background: var(--t-hover, #f8fafc);
    transition: transform 0.15s, box-shadow 0.15s, background 0.15s, border-color 0.15s;
    position: relative; overflow: hidden;
}
.igt-stat.blue[b-uddky3ms03] { background: #eff6ff; border-color: #bfdbfe; }
.igt-stat.green[b-uddky3ms03] { background: #f0fdf4; border-color: #bbf7d0; }
.igt-stat.orange[b-uddky3ms03] { background: #fffbeb; border-color: #fde68a; }
.igt-stat.cyan[b-uddky3ms03] { background: #ecfeff; border-color: #a5f3fc; }
.igt-stat.red[b-uddky3ms03] { background: #fef2f2; border-color: #fecaca; }
.igt-stat.purple[b-uddky3ms03] { background: #f5f3ff; border-color: #ddd6fe; }
.igt-stat:hover[b-uddky3ms03] { transform: scale(1.02); }
.igt-stat[b-uddky3ms03]::after {
    content: ''; position: absolute; left: 0; top: 0; bottom: 0;
    width: 0; border-radius: 12px 0 0 12px;
    transition: width 0.2s ease;
}
.igt-stat.active[b-uddky3ms03]::after { width: 4px; }
.igt-stat.blue.active[b-uddky3ms03]::after { background: #3b82f6; }
.igt-stat.green.active[b-uddky3ms03]::after { background: #16a34a; }
.igt-stat.orange.active[b-uddky3ms03]::after { background: #d97706; }
.igt-stat.cyan.active[b-uddky3ms03]::after { background: #0891b2; }
.igt-stat.red.active[b-uddky3ms03]::after { background: #dc2626; }
.igt-stat.purple.active[b-uddky3ms03]::after { background: #7c3aed; }
.igt-stat.active[b-uddky3ms03] { transform: scale(1.03); box-shadow: 0 4px 16px rgba(0,0,0,0.1); }
.igt-stat.blue.active[b-uddky3ms03] { background: #dbeafe; border-color: #93c5fd; }
.igt-stat.green.active[b-uddky3ms03] { background: #dcfce7; border-color: #86efac; }
.igt-stat.orange.active[b-uddky3ms03] { background: #fef3c7; border-color: #fbbf24; }
.igt-stat.cyan.active[b-uddky3ms03] { background: #cffafe; border-color: #67e8f9; }
.igt-stat.red.active[b-uddky3ms03] { background: #fee2e2; border-color: #fca5a5; }
.igt-stat.purple.active[b-uddky3ms03] { background: #ede9fe; border-color: #c4b5fd; }
.igt-st-val[b-uddky3ms03] { display: block; font-size: 1.5rem; font-weight: 800; color: var(--t-text, #1e293b); }
.igt-stat.blue .igt-st-val[b-uddky3ms03] { color: #3b82f6; }
.igt-stat.green .igt-st-val[b-uddky3ms03] { color: #16a34a; }
.igt-stat.orange .igt-st-val[b-uddky3ms03] { color: #d97706; }
.igt-stat.cyan .igt-st-val[b-uddky3ms03] { color: #0891b2; }
.igt-stat.red .igt-st-val[b-uddky3ms03] { color: #dc2626; }
.igt-stat.purple .igt-st-val[b-uddky3ms03] { color: #7c3aed; }
.igt-st-label[b-uddky3ms03] { display: block; font-size: 0.72rem; font-weight: 600; color: #94a3b8; text-transform: uppercase; }
.igt-stat.active .igt-st-label[b-uddky3ms03] { color: #64748b; }

/* Filtre satırı */
.ey-filter-row[b-uddky3ms03] {
    display: flex; gap: 12px; margin-bottom: 16px; align-items: center; flex-wrap: wrap;
}
.ey-search-field[b-uddky3ms03] { min-width: 280px; flex: 1; position: relative; z-index: 10; }
.ey-search-field[b-uddky3ms03]  .m-input {
    padding: 7px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 10px;
    font-size: 0.84rem; transition: all 0.2s; outline: none;
    background: var(--t-card, white); width: 100%; box-sizing: border-box; height: 36px;
}
.ey-search-field[b-uddky3ms03]  .m-input:focus,
.ey-search-field[b-uddky3ms03]  .m-input.ss-open {
    border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.1);
}
.ey-btn-download[b-uddky3ms03] {
    padding: 0 16px; background: linear-gradient(135deg, #059669, #10b981); color: white;
    border: 1.5px solid #059669; border-radius: 10px; cursor: pointer;
    font-size: 0.82rem; font-weight: 700; white-space: nowrap;
    transition: all 0.2s; display: inline-flex; align-items: center; gap: 4px; height: 36px;
}
.ey-btn-download:hover[b-uddky3ms03] { background: linear-gradient(135deg, #047857, #059669); border-color: #047857; transform: translateY(-1px); box-shadow: 0 3px 10px rgba(5,150,105,0.25); }

/* Personel hücre */
.ey-personel-cell[b-uddky3ms03] { display: flex; flex-direction: column; gap: 2px; }
.ey-personel-cell strong[b-uddky3ms03] { font-size: 0.88rem; }
.ey-mail[b-uddky3ms03] { font-size: 0.72rem; color: #94a3b8; }

/* Cevap badge */
.ey-cevap[b-uddky3ms03] {
    display: inline-flex; align-items: center; justify-content: center;
    width: 28px; height: 28px; border-radius: 8px;
    background: #16a34a; color: white; font-weight: 800; font-size: 0.85rem;
}

/* Soru/şık hücreleri */
.td-soru[b-uddky3ms03] { max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.td-sik[b-uddky3ms03] { max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.8rem; color: var(--t-text-muted, #64748b); }

/* Form alanları (sayfa-özel) */
.ey-form-row[b-uddky3ms03] { display: flex; gap: 10px; margin-bottom: 10px; flex-wrap: wrap; align-items: flex-start; }
.ey-form-col[b-uddky3ms03] { display: flex; flex-direction: column; gap: 10px; margin-bottom: 16px; }
.ey-input[b-uddky3ms03] {
    padding: 9px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 8px;
    font-size: 0.88rem; outline: none; font-family: inherit; box-sizing: border-box;
    height: 38px;
}
.ey-input:focus[b-uddky3ms03] { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.1); }
.ey-grow[b-uddky3ms03] { flex: 1; min-width: 150px; }
.ey-btn[b-uddky3ms03] {
    padding: 9px 20px; border: none; border-radius: 8px; cursor: pointer;
    font-weight: 700; font-size: 0.85rem; transition: all 0.2s; white-space: nowrap;
    height: 38px; box-sizing: border-box; display: inline-flex; align-items: center;
}
.ey-btn.save[b-uddky3ms03] { background: linear-gradient(135deg, #6366f1, #a855f7); color: white; box-shadow: 0 3px 10px rgba(99,102,241,0.2); }
.ey-btn.save:hover[b-uddky3ms03] { transform: translateY(-1px); }
.ey-btn.cancel[b-uddky3ms03] { background: var(--t-card, white); color: var(--t-text-muted, #64748b); border: 1.5px solid var(--t-card-border, #e2e8f0); }
.ey-btn.cancel:hover[b-uddky3ms03] { border-color: #94a3b8; }

/* Soru sayısı — artık global ym-toolbar-badge kullanılıyor */

/* Field + Label */
.ey-field[b-uddky3ms03] { display: flex; flex-direction: column; gap: 4px; }
.ey-label[b-uddky3ms03] { font-size: 0.78rem; font-weight: 700; color: #475569; }
.ey-field[b-uddky3ms03]  .m-input { height: 38px; box-sizing: border-box; }

/* Aksiyon butonları */
.ey-act[b-uddky3ms03] {
    display: inline-flex; align-items: center; justify-content: center;
    border: none; background: none; cursor: pointer;
    width: 32px; height: 32px; border-radius: 8px;
    font-size: 1rem; line-height: 1; padding: 0;
    transition: all 0.15s; vertical-align: middle;
}
.ey-act:hover[b-uddky3ms03] { background: #f1f5f9; transform: scale(1.15); }
.ey-act.info:hover[b-uddky3ms03] { background: #eef2ff; }
.ey-act.unlock[b-uddky3ms03] {
    width: auto; height: auto;
    background: linear-gradient(135deg, #16a34a, #22c55e); color: white;
    font-size: 0.78rem; padding: 6px 14px; border-radius: 8px; font-weight: 700;
}
.ey-act.unlock:hover[b-uddky3ms03] { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(22,163,74,0.3); }

/* Dosya yükleme alanı */
.ey-upload-area[b-uddky3ms03] {
    display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
}
.ey-upload-area[b-uddky3ms03]  input[type="file"] {
    font-size: 0.82rem; color: var(--t-text, #334155);
}
.ey-upload-name[b-uddky3ms03] {
    font-size: 0.82rem; font-weight: 600; color: #6366f1;
    background: #eef2ff; padding: 4px 12px; border-radius: 8px;
}

/* Sürükle-Bırak Drop Zone */
.ey-drop-zone[b-uddky3ms03] {
    border: 2px dashed #cbd5e1; border-radius: 14px;
    padding: 20px 24px; margin-bottom: 12px;
    background: var(--t-hover, #f8fafc);
    transition: all 0.25s ease;
}
.ey-drop-zone.ey-dragging[b-uddky3ms03] {
    border-color: #0ea5e9; background: #f0f9ff;
    box-shadow: 0 0 0 4px rgba(14,165,233,0.12);
}
.ey-dz-header[b-uddky3ms03] {
    display: flex; flex-direction: column; gap: 2px; margin-bottom: 14px;
}
.ey-dz-title[b-uddky3ms03] {
    font-weight: 800; font-size: 1rem; color: var(--t-text, #1e293b);
}
.ey-dz-hint[b-uddky3ms03] {
    font-size: 0.78rem; color: #94a3b8; font-weight: 600;
}
.ey-file-pick[b-uddky3ms03] {
    position: relative; display: flex; align-items: center; justify-content: center;
    min-height: 48px; border: 2px dashed #d1d5db; border-radius: 10px;
    cursor: pointer; transition: all 0.2s;
    background: var(--t-card, white); padding: 10px 16px;
}
.ey-file-pick:hover[b-uddky3ms03] {
    border-color: #0ea5e9; background: #f0f9ff;
}
.ey-file-pick.ey-file-dragging[b-uddky3ms03] {
    border-color: #0ea5e9; background: #e0f2fe;
    box-shadow: 0 0 0 3px rgba(14,165,233,0.15);
}
.ey-file-text[b-uddky3ms03] {
    font-size: 0.88rem; font-weight: 600; color: #94a3b8;
}
.ey-file-selected[b-uddky3ms03] {
    font-size: 0.88rem; font-weight: 700; color: #6366f1;
}
.ey-file-size[b-uddky3ms03] {
    font-size: 0.78rem; font-weight: 600; color: #94a3b8;
    margin-left: 4px;
}

@media (max-width: 768px) {
    .ey-form-col[b-uddky3ms03] { max-width: 100%; overflow: hidden; }
    .ey-form-row[b-uddky3ms03] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }
    .ey-form-row .ey-field[b-uddky3ms03] { min-width: 0; }
    .ey-form-row .ey-grow[b-uddky3ms03] { min-width: 0; }
    .ey-input[b-uddky3ms03] { width: 100% !important; box-sizing: border-box !important; }
    .ey-form-row .ey-field.ey-grow:only-child[b-uddky3ms03],
    .ey-form-row > :only-child[b-uddky3ms03] { grid-column: 1 / -1; }
    .ey-form-row .ey-field[style*="width"][b-uddky3ms03] { width: auto !important; }
    .ey-form-row .ey-field[style*="align-self"][b-uddky3ms03] {
        align-self: flex-end !important;
        grid-column: auto;
    }
    .ey-form-row .ey-field[style*="align-self"] .ey-btn[b-uddky3ms03] {
        width: 100%; justify-content: center; height: 40px; font-size: 0.82rem;
    }
    .igt-stats[b-uddky3ms03] { gap: 8px; }
    .igt-stat[b-uddky3ms03] { min-width: calc(50% - 6px); padding: 10px 8px; }
    .ey-filter-row[b-uddky3ms03] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        align-items: center;
    }
    .ey-search-field[b-uddky3ms03] { grid-column: 1 / -1; max-width: 100%; min-width: 0; }
    .ym-btn-clear[b-uddky3ms03] { grid-column: 1 / -1; }
    [b-uddky3ms03] .ym-toolbar-badge {
        font-size: 0.75rem;
        height: 36px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
    }
    .ey-btn-download[b-uddky3ms03] {
        height: 36px;
        padding: 0 12px;
        font-size: 0.76rem;
        box-sizing: border-box;
        justify-content: center;
        width: 100%;
    }
}

@media (max-width: 480px) {
    .ey-form-row[b-uddky3ms03] { grid-template-columns: 1fr; }
    .ey-form-row .ey-field.ey-grow:only-child[b-uddky3ms03],
    .ey-form-row > :only-child[b-uddky3ms03] { grid-column: auto; }
    .igt-stat[b-uddky3ms03] { min-width: calc(50% - 6px); padding: 8px 6px; }
    .igt-st-val[b-uddky3ms03] { font-size: 1.2rem; }
    .igt-st-label[b-uddky3ms03] { font-size: 0.65rem; }
}

/* ═══ ZORUNLU TOGGLE ═══ */
.ey-zorunlu-toggle[b-uddky3ms03] {
    display: inline-flex; align-items: center; gap: 10px;
    cursor: pointer; user-select: none;
    padding: 5px 14px 5px 5px;
    border-radius: 10px; height: 38px; box-sizing: border-box;
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    background: var(--t-card, white);
    transition: all 0.25s ease;
}
.ey-zorunlu-toggle:hover[b-uddky3ms03] {
    border-color: #94a3b8;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.ey-zorunlu-toggle.aktif[b-uddky3ms03] {
    border-color: #fca5a5;
    background: linear-gradient(135deg, #fef2f2, #fee2e2);
}
.ey-zorunlu-toggle.aktif:hover[b-uddky3ms03] {
    border-color: #f87171;
    box-shadow: 0 2px 10px rgba(239,68,68,0.15);
}
.ey-zt-track[b-uddky3ms03] {
    position: relative;
    width: 36px; height: 20px;
    border-radius: 12px;
    background: #cbd5e1;
    transition: background 0.25s ease;
    flex-shrink: 0;
}
.ey-zorunlu-toggle.aktif .ey-zt-track[b-uddky3ms03] {
    background: linear-gradient(135deg, #ef4444, #f87171);
}
.ey-zt-thumb[b-uddky3ms03] {
    position: absolute;
    top: 2px; left: 2px;
    width: 16px; height: 16px;
    border-radius: 50%;
    background: white;
    box-shadow: 0 1px 4px rgba(0,0,0,0.15);
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.ey-zorunlu-toggle.aktif .ey-zt-thumb[b-uddky3ms03] {
    transform: translateX(16px);
}
.ey-zt-label[b-uddky3ms03] {
    font-size: 0.82rem; font-weight: 700;
    color: #94a3b8;
    white-space: nowrap;
    transition: color 0.25s ease;
}
.ey-zorunlu-toggle.aktif .ey-zt-label[b-uddky3ms03] {
    color: #dc2626;
}

/* ═══ SINAV TOGGLE ═══ */
.ey-sinav-toggle[b-uddky3ms03] {
    display: inline-flex; align-items: center; gap: 10px;
    cursor: pointer; user-select: none;
    padding: 5px 14px 5px 5px;
    border-radius: 10px; height: 38px; box-sizing: border-box;
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    background: var(--t-card, white);
    transition: all 0.25s ease;
}
.ey-sinav-toggle:hover[b-uddky3ms03] {
    border-color: #94a3b8;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.ey-sinav-toggle.aktif[b-uddky3ms03] {
    border-color: #c4b5fd;
    background: linear-gradient(135deg, #f5f3ff, #ede9fe);
}
.ey-sinav-toggle.aktif:hover[b-uddky3ms03] {
    border-color: #a78bfa;
    box-shadow: 0 2px 10px rgba(139,92,246,0.15);
}
.ey-st-track[b-uddky3ms03] {
    position: relative;
    width: 36px; height: 20px;
    border-radius: 12px;
    background: #cbd5e1;
    transition: background 0.25s ease;
    flex-shrink: 0;
}
.ey-sinav-toggle.aktif .ey-st-track[b-uddky3ms03] {
    background: linear-gradient(135deg, #7c3aed, #a78bfa);
}
.ey-st-thumb[b-uddky3ms03] {
    position: absolute;
    top: 2px; left: 2px;
    width: 16px; height: 16px;
    border-radius: 50%;
    background: white;
    box-shadow: 0 1px 4px rgba(0,0,0,0.15);
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.ey-sinav-toggle.aktif .ey-st-thumb[b-uddky3ms03] {
    transform: translateX(16px);
}
.ey-st-label[b-uddky3ms03] {
    font-size: 0.82rem; font-weight: 700;
    color: #94a3b8;
    white-space: nowrap;
    transition: color 0.25s ease;
}
.ey-sinav-toggle.aktif .ey-st-label[b-uddky3ms03] {
    color: #7c3aed;
}

/* ═══ İZLEYENLER POPUP ═══ */
@keyframes eyPopupIn-b-uddky3ms03 {
    from { opacity: 0; transform: translate(-50%, -50%) scale(0.95); }
    to   { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}
.ey-izl-overlay[b-uddky3ms03] {
    position: fixed; inset: 0; z-index: 9998;
    background: rgba(15, 23, 42, 0.5);
    backdrop-filter: blur(4px);
    animation: eyFadeIn-b-uddky3ms03 0.2s ease;
}
.ey-izl-popup[b-uddky3ms03] {
    position: fixed; top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    width: 680px; max-width: 95vw; max-height: 85vh;
    background: var(--t-bg, #fff);
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
    display: flex; flex-direction: column;
    overflow: hidden;
    animation: eyPopupIn-b-uddky3ms03 0.25s ease;
}
.ey-izl-header[b-uddky3ms03] {
    display: flex; align-items: flex-start; justify-content: space-between;
    padding: 20px 24px 16px;
    border-bottom: 1px solid var(--t-card-border, #e2e8f0);
    background: linear-gradient(135deg, #f8fafc, #f1f5f9);
}
.ey-izl-header h3[b-uddky3ms03] {
    margin: 0; font-size: 1.1rem; font-weight: 800;
    color: var(--t-text, #1e293b);
}
.ey-izl-sub[b-uddky3ms03] {
    display: inline-flex; align-items: center; gap: 6px;
    margin: 8px 0 0; font-size: 0.78rem;
    color: #6366f1; font-weight: 600;
    background: #eef2ff; padding: 4px 12px;
    border-radius: 8px; border: 1px solid #e0e7ff;
    max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.ey-izl-close[b-uddky3ms03] {
    background: none; border: none; font-size: 1.2rem;
    cursor: pointer; color: #94a3b8; padding: 4px 8px;
    border-radius: 8px; transition: all 0.15s;
}
.ey-izl-close:hover[b-uddky3ms03] { background: #fee2e2; color: #dc2626; }
.ey-izl-stats[b-uddky3ms03] {
    display: flex; gap: 10px; padding: 14px 24px;
    border-bottom: 1px solid var(--t-card-border, #e2e8f0);
}
.ey-izl-stat[b-uddky3ms03] {
    flex: 1; text-align: center; padding: 10px 8px;
    border-radius: 10px; border: 1.5px solid #e2e8f0;
    cursor: pointer; transition: transform 0.15s, box-shadow 0.15s, background 0.15s, border-color 0.15s;
    position: relative; overflow: hidden;
}
.ey-izl-stat:hover[b-uddky3ms03] { transform: scale(1.02); }
.ey-izl-stat[b-uddky3ms03]::after {
    content: ''; position: absolute; left: 0; top: 0; bottom: 0;
    width: 0; border-radius: 10px 0 0 10px;
    transition: width 0.2s ease;
}
.ey-izl-stat.active[b-uddky3ms03]::after { width: 4px; }
.ey-izl-stat.green[b-uddky3ms03] { background: #f0fdf4; border-color: #bbf7d0; }
.ey-izl-stat.orange[b-uddky3ms03] { background: #fffbeb; border-color: #fde68a; }
.ey-izl-stat.blue[b-uddky3ms03] { background: #eff6ff; border-color: #bfdbfe; }
.ey-izl-stat.red[b-uddky3ms03] { background: #fef2f2; border-color: #fecaca; }
.ey-izl-stat.active[b-uddky3ms03] { transform: scale(1.03); box-shadow: 0 4px 16px rgba(0,0,0,0.1); }
.ey-izl-stat.green.active[b-uddky3ms03] { background: #dcfce7; border-color: #86efac; }
.ey-izl-stat.green.active[b-uddky3ms03]::after { background: #16a34a; }
.ey-izl-stat.orange.active[b-uddky3ms03] { background: #fef3c7; border-color: #fbbf24; }
.ey-izl-stat.orange.active[b-uddky3ms03]::after { background: #d97706; }
.ey-izl-stat.blue.active[b-uddky3ms03] { background: #dbeafe; border-color: #93c5fd; }
.ey-izl-stat.blue.active[b-uddky3ms03]::after { background: #3b82f6; }
.ey-izl-stat.red.active[b-uddky3ms03] { background: #fee2e2; border-color: #fca5a5; }
.ey-izl-stat.red.active[b-uddky3ms03]::after { background: #dc2626; }
.ey-izl-stat-val[b-uddky3ms03] {
    display: block; font-size: 1.3rem; font-weight: 800;
}
.ey-izl-stat.green .ey-izl-stat-val[b-uddky3ms03] { color: #16a34a; }
.ey-izl-stat.orange .ey-izl-stat-val[b-uddky3ms03] { color: #d97706; }
.ey-izl-stat.blue .ey-izl-stat-val[b-uddky3ms03] { color: #3b82f6; }
.ey-izl-stat.red .ey-izl-stat-val[b-uddky3ms03] { color: #dc2626; }
.ey-izl-stat-lbl[b-uddky3ms03] {
    display: block; font-size: 0.7rem; font-weight: 700;
    color: #94a3b8; text-transform: uppercase; letter-spacing: 0.5px;
}
.ey-izl-body[b-uddky3ms03] {
    flex: 1; overflow-y: auto; padding: 16px 24px 20px;
    max-height: 400px; position: relative;
}
.ey-izl-empty[b-uddky3ms03] {
    display: flex; flex-direction: column; align-items: center;
    gap: 8px; padding: 40px 16px; color: #94a3b8;
    font-size: 0.9rem; font-weight: 600;
}
.ey-izl-empty span:first-child[b-uddky3ms03] { font-size: 2rem; }

@media (max-width: 640px) {
    .ey-izl-popup[b-uddky3ms03] { width: 98vw; max-height: 90vh; }
    .ey-izl-stats[b-uddky3ms03] { flex-wrap: wrap; }
    .ey-izl-stat[b-uddky3ms03] { min-width: 80px; }
}

/* Sertifika Seçim Popup */
.cert-select-item[b-uddky3ms03] {
    display: flex; align-items: center; gap: 14px;
    padding: 14px 18px; border-radius: 10px;
    background: var(--card-bg, #f8fafc); border: 1px solid var(--border, #e2e8f0);
    cursor: pointer; transition: all .2s;
}
.cert-select-item:hover[b-uddky3ms03] {
    background: var(--primary-light, #eff6ff); border-color: var(--primary, #3b82f6);
    transform: translateY(-1px); box-shadow: 0 2px 8px rgba(59,130,246,.12);
}
.cert-select-icon[b-uddky3ms03] {
    font-size: 2rem; flex-shrink: 0;
}
.cert-select-info[b-uddky3ms03] {
    display: flex; flex-direction: column; gap: 2px;
}
.cert-select-info strong[b-uddky3ms03] {
    font-size: 0.95rem; color: var(--text, #1e293b);
}
.cert-select-info small[b-uddky3ms03] {
    font-size: 0.8rem; color: var(--text-secondary, #64748b);
}
/* /Components/Pages/Yonetim/EkipmanYonetimi.razor.rz.scp.css */
/* ═══ EKİPMAN YÖNETİMİ — Sayfa-Özel Stiller ═══ */
/* Ortak stiller (ym-page, ym-topbar, ym-back, vb.): /css/yonetim-liste.css */

/* MESAJ */
.ek-msg[b-swjfnqk3lg] { margin: 16px 24px 0; padding: 12px 18px; border-radius: 10px; font-weight: 600; font-size: 0.9rem; }
.ek-msg.success[b-swjfnqk3lg] { background: #f0fdf4; color: #16a34a; border: 1px solid #bbf7d0; }
.ek-msg.error[b-swjfnqk3lg] { background: #fef2f2; color: #dc2626; border: 1px solid #fecaca; }

/* Sekmeler: ortak ym-tabs-wrapper (yonetim-liste.css) */
.ek-tab-badge[b-swjfnqk3lg] {
    background: #dc2626; color: white; font-size: 0.65rem; font-weight: 800;
    padding: 1px 6px; border-radius: 6px; margin-left: 4px;
}
@media (max-width: 768px) {
    .ek-section[b-swjfnqk3lg] { margin: 12px; padding: 14px; }
    .igt-stats[b-swjfnqk3lg] { gap: 8px; }
    .igt-stat[b-swjfnqk3lg] { min-width: calc(50% - 6px); padding: 10px 8px; }
    /* Ekipman listesi: arama tam genişlik, altındakiler yan yana eşit yükseklik */
    .ek-search-row[b-swjfnqk3lg] { flex-direction: row; flex-wrap: wrap; gap: 8px; align-items: stretch; }
    .ek-search-full[b-swjfnqk3lg] { flex: 1 1 100%; min-width: 0; }
    .ek-search-row .ym-btn-clear[b-swjfnqk3lg] { flex: 1 1 0; min-width: 0; text-align: center; justify-content: center; box-sizing: border-box; order: 1; height: 34px; }
    .ek-search-row .ym-toolbar-badge[b-swjfnqk3lg] { flex: 1 1 0; min-width: 0; text-align: center; justify-content: center; box-sizing: border-box; order: 2; height: 34px; font-size: 0.75rem; padding: 0 8px; }
    .ek-search-row .ek-btn-download[b-swjfnqk3lg] { flex: 1 1 0; min-width: 0; text-align: center; justify-content: center; box-sizing: border-box; order: 3; height: 34px; font-size: 0.75rem; padding: 0 8px; }
    /* Gönderi / Kalibrasyon / Zimmet: arama tam, filtreler tam genişlik 2 sütun */
    .ek-search-filter-row[b-swjfnqk3lg] { flex-direction: column; gap: 8px; align-items: stretch; }
    .ek-search-left[b-swjfnqk3lg] { flex: 1 1 100%; min-width: 0; }
    .ek-filter-btns[b-swjfnqk3lg] { width: 100%; display: flex; flex-wrap: wrap; gap: 6px; }
    .ek-filter-btns .ek-fbtn[b-swjfnqk3lg] { flex: 1 1 calc(50% - 3px); min-width: calc(50% - 3px); max-width: calc(50% - 3px); text-align: center; justify-content: center; font-size: 0.73rem; padding: 6px 4px; box-sizing: border-box; white-space: normal; line-height: 1.2; }
    .ek-filter-btns-row[b-swjfnqk3lg] { flex-wrap: nowrap !important; }
    .ek-filter-btns-row .ek-fbtn[b-swjfnqk3lg] { flex: 1 1 0 !important; min-width: 0 !important; max-width: none !important; white-space: nowrap !important; }
    /* Düzenle başlığı: sola-sağa yasla */
    .ek-form-title[b-swjfnqk3lg] { flex-wrap: nowrap; gap: 8px; }
    .ek-form-title h3[b-swjfnqk3lg] { font-size: 0.9rem; flex: 1; min-width: 0; }
}

/* SECTION */
.ek-section[b-swjfnqk3lg] { margin: 16px 24px 24px; background: var(--t-card, white); border-radius: 16px; box-shadow: 0 2px 12px rgba(0,0,0,0.06); padding: 20px; animation: ekFadeIn-b-swjfnqk3lg 0.3s ease; }
@keyframes ekFadeIn-b-swjfnqk3lg { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

/* STATS — igt-stat (kartlardan filtreleme) */
.igt-stats[b-swjfnqk3lg] { display: flex; gap: 12px; margin-bottom: 16px; flex-wrap: wrap; }
.igt-stat[b-swjfnqk3lg] {
    flex: 1; min-width: 100px; text-align: center; padding: 14px 12px;
    border-radius: 12px; border: 1.5px solid var(--t-card-border, #e2e8f0);
    background: var(--t-hover, #f8fafc);
    transition: transform 0.15s, box-shadow 0.15s, background 0.15s, border-color 0.15s;
    position: relative; overflow: hidden;
}
.igt-stat.blue[b-swjfnqk3lg] { background: #eff6ff; border-color: #bfdbfe; }
.igt-stat.green[b-swjfnqk3lg] { background: #f0fdf4; border-color: #bbf7d0; }
.igt-stat.orange[b-swjfnqk3lg] { background: #fffbeb; border-color: #fde68a; }
.igt-stat.cyan[b-swjfnqk3lg] { background: #ecfeff; border-color: #a5f3fc; }
.igt-stat.red[b-swjfnqk3lg] { background: #fef2f2; border-color: #fecaca; }
.igt-stat.purple[b-swjfnqk3lg] { background: #f5f3ff; border-color: #ddd6fe; }
.igt-stat.teal[b-swjfnqk3lg] { background: #f0fdfa; border-color: #99f6e4; }
.igt-stat:hover[b-swjfnqk3lg] { transform: scale(1.02); }
.igt-stat[b-swjfnqk3lg]::after {
    content: ''; position: absolute; left: 0; top: 0; bottom: 0;
    width: 0; border-radius: 12px 0 0 12px;
    transition: width 0.2s ease;
}
.igt-stat.active[b-swjfnqk3lg]::after { width: 4px; }
.igt-stat.blue.active[b-swjfnqk3lg]::after { background: #3b82f6; }
.igt-stat.green.active[b-swjfnqk3lg]::after { background: #16a34a; }
.igt-stat.orange.active[b-swjfnqk3lg]::after { background: #d97706; }
.igt-stat.cyan.active[b-swjfnqk3lg]::after { background: #0891b2; }
.igt-stat.red.active[b-swjfnqk3lg]::after { background: #dc2626; }
.igt-stat.purple.active[b-swjfnqk3lg]::after { background: #7c3aed; }
.igt-stat.teal.active[b-swjfnqk3lg]::after { background: #0d9488; }
.igt-stat.active[b-swjfnqk3lg] { transform: scale(1.03); box-shadow: 0 4px 16px rgba(0,0,0,0.1); }
.igt-stat.blue.active[b-swjfnqk3lg] { background: #dbeafe; border-color: #93c5fd; }
.igt-stat.green.active[b-swjfnqk3lg] { background: #dcfce7; border-color: #86efac; }
.igt-stat.orange.active[b-swjfnqk3lg] { background: #fef3c7; border-color: #fbbf24; }
.igt-stat.cyan.active[b-swjfnqk3lg] { background: #cffafe; border-color: #67e8f9; }
.igt-stat.red.active[b-swjfnqk3lg] { background: #fee2e2; border-color: #fca5a5; }
.igt-stat.purple.active[b-swjfnqk3lg] { background: #ede9fe; border-color: #c4b5fd; }
.igt-stat.teal.active[b-swjfnqk3lg] { background: #ccfbf1; border-color: #5eead4; }
.igt-st-val[b-swjfnqk3lg] { display: block; font-size: 1.5rem; font-weight: 800; color: var(--t-text, #1e293b); }
.igt-stat.blue .igt-st-val[b-swjfnqk3lg] { color: #3b82f6; }
.igt-stat.green .igt-st-val[b-swjfnqk3lg] { color: #16a34a; }
.igt-stat.orange .igt-st-val[b-swjfnqk3lg] { color: #d97706; }
.igt-stat.cyan .igt-st-val[b-swjfnqk3lg] { color: #0891b2; }
.igt-stat.red .igt-st-val[b-swjfnqk3lg] { color: #dc2626; }
.igt-stat.purple .igt-st-val[b-swjfnqk3lg] { color: #7c3aed; }
.igt-stat.teal .igt-st-val[b-swjfnqk3lg] { color: #0d9488; }
.igt-st-label[b-swjfnqk3lg] { display: block; font-size: 0.72rem; font-weight: 600; color: #94a3b8; text-transform: uppercase; }
.igt-stat.active .igt-st-label[b-swjfnqk3lg] { color: #64748b; }

/* Arama + İndir satırı */
.ek-search-row[b-swjfnqk3lg] {
    display: flex; gap: 12px; margin-bottom: 16px; align-items: center; flex-wrap: wrap;
}
.ek-search-full[b-swjfnqk3lg] { flex: 1; min-width: 280px; }
.ek-btn-download[b-swjfnqk3lg] {
    padding: 0 16px; background: linear-gradient(135deg, #059669, #10b981); color: white;
    border: 1.5px solid #059669; border-radius: 10px; cursor: pointer;
    font-size: 0.82rem; font-weight: 700; white-space: nowrap;
    transition: all 0.2s; display: inline-flex; align-items: center; gap: 4px; height: 36px;
}
.ek-btn-download:hover[b-swjfnqk3lg] { background: linear-gradient(135deg, #047857, #059669); border-color: #047857; transform: translateY(-1px); box-shadow: 0 3px 10px rgba(5,150,105,0.25); }

/* Arama sol + filtre butonları sağ */
.ek-search-filter-row[b-swjfnqk3lg] {
    display: flex; gap: 12px; margin-bottom: 16px; align-items: center; flex-wrap: wrap;
}
.ek-search-left[b-swjfnqk3lg] { min-width: 240px; flex: 1; }
.ek-filter-btns[b-swjfnqk3lg] { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
.ek-filter-row[b-swjfnqk3lg] {
    display: flex; gap: 8px; margin-bottom: 0; flex-wrap: wrap; align-items: center;
}
.ek-fbtn[b-swjfnqk3lg] {
    padding: 6px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 20px;
    background: var(--t-card, white); font-weight: 600; font-size: 0.78rem; cursor: pointer;
    color: var(--t-text-muted, #64748b); transition: all 0.2s; white-space: nowrap;
    display: inline-flex; align-items: center; gap: 4px;
}
.ek-fbtn:hover:not(.active):not(.download)[b-swjfnqk3lg] {
    border-color: var(--t-input-border, #cbd5e1);
    background: var(--t-hover, #f8fafc);
    color: var(--t-text, #334155);
}
.ek-fbtn.active[b-swjfnqk3lg] {
    color: white; font-weight: 700;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.ek-fbtn.active:not(.stokta):not(.yolda):not(.merkezde):not(.faturali):not(.dede):not(.kalibre-yaklasan):not(.hazir):not(.teslim):not(.dolmus):not(.yaklasan):not(.gecerli):not(.zimmetli):not(.zimmetsiz)[b-swjfnqk3lg] {
    background: #4f46e5; border-color: #4f46e5;
}
.ek-fbtn.stokta[b-swjfnqk3lg] { border-left: 3px solid #10b981; }
.ek-fbtn.stokta.active[b-swjfnqk3lg] { background: #059669; border-color: #059669; }
.ek-fbtn.yolda[b-swjfnqk3lg] { border-left: 3px solid #f59e0b; }
.ek-fbtn.yolda.active[b-swjfnqk3lg] { background: #d97706; border-color: #d97706; }
.ek-fbtn.merkezde[b-swjfnqk3lg] { border-left: 3px solid #3b82f6; }
.ek-fbtn.merkezde.active[b-swjfnqk3lg] { background: #2563eb; border-color: #2563eb; }
.ek-fbtn.faturali[b-swjfnqk3lg] { border-left: 3px solid #8b5cf6; }
.ek-fbtn.faturali.active[b-swjfnqk3lg] { background: #7c3aed; border-color: #7c3aed; }
.ek-fbtn.dede[b-swjfnqk3lg] { border-left: 3px solid #475569; }
.ek-fbtn.dede.active[b-swjfnqk3lg] { background: #334155; border-color: #334155; }
.ek-fbtn.kalibre-yaklasan[b-swjfnqk3lg] { border-left: 3px solid #ef4444; }
.ek-fbtn.kalibre-yaklasan.active[b-swjfnqk3lg] { background: #dc2626; border-color: #dc2626; }
.ek-fbtn.hazir[b-swjfnqk3lg] { border-left: 3px solid #f59e0b; }
.ek-fbtn.hazir.active[b-swjfnqk3lg] { background: #d97706; border-color: #d97706; }
.ek-fbtn.teslim[b-swjfnqk3lg] { border-left: 3px solid #10b981; }
.ek-fbtn.teslim.active[b-swjfnqk3lg] { background: #059669; border-color: #059669; }
.ek-fbtn.dolmus[b-swjfnqk3lg] { border-left: 3px solid #ef4444; }
.ek-fbtn.dolmus.active[b-swjfnqk3lg] { background: #dc2626; border-color: #dc2626; }
.ek-fbtn.yaklasan[b-swjfnqk3lg] { border-left: 3px solid #f59e0b; }
.ek-fbtn.yaklasan.active[b-swjfnqk3lg] { background: #d97706; border-color: #d97706; }
.ek-fbtn.gecerli[b-swjfnqk3lg] { border-left: 3px solid #10b981; }
.ek-fbtn.gecerli.active[b-swjfnqk3lg] { background: #059669; border-color: #059669; }
.ek-fbtn.zimmetli[b-swjfnqk3lg] { border-left: 3px solid #3b82f6; }
.ek-fbtn.zimmetli.active[b-swjfnqk3lg] { background: #2563eb; border-color: #2563eb; }
.ek-fbtn.zimmetsiz[b-swjfnqk3lg] { border-left: 3px solid #94a3b8; }
.ek-fbtn.zimmetsiz.active[b-swjfnqk3lg] { background: #64748b; border-color: #64748b; }
.ek-fbtn.download[b-swjfnqk3lg] {
    background: linear-gradient(135deg, #059669, #10b981); color: white;
    border-color: #059669; border-left: none; border-radius: 10px; font-weight: 700;
}
.ek-fbtn.download:hover[b-swjfnqk3lg] { background: linear-gradient(135deg, #047857, #059669); border-color: #047857; transform: translateY(-1px); box-shadow: 0 3px 10px rgba(5,150,105,0.25); }
.ek-search[b-swjfnqk3lg] { flex: 1; min-width: 200px; }
.ek-search input[b-swjfnqk3lg] { width: 100%; padding: 7px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 10px; font-size: 0.84rem; outline: none; box-sizing: border-box; height: 36px; }
.ek-search input:focus[b-swjfnqk3lg] { border-color: #6366f1; }
.ek-search-compact[b-swjfnqk3lg] { flex: 0 1 180px; min-width: 120px; }
.ek-search-compact input[b-swjfnqk3lg] { padding: 7px 10px; font-size: 0.8rem; }

/* TABLE */
.ek-table-wrap[b-swjfnqk3lg] { overflow-x: auto; }
.ek-table[b-swjfnqk3lg] { width: 100%; border-collapse: collapse; font-size: 0.83rem; }
.ek-table thead[b-swjfnqk3lg] { background: var(--t-hover, #f8fafc); }
.ek-table th[b-swjfnqk3lg] { padding: 10px 12px; text-align: left; font-weight: 700; color: #475569; border-bottom: 2px solid var(--t-card-border, #e2e8f0); white-space: nowrap; }
.ek-table th.th-sort[b-swjfnqk3lg] { cursor: pointer; user-select: none; transition: color 0.15s; }
.ek-table th.th-sort:hover[b-swjfnqk3lg] { color: #6366f1; }
.sort-icon[b-swjfnqk3lg] { font-size: 0.65rem; opacity: 0.5; margin-left: 2px; }
.ek-table th.th-sort:hover .sort-icon[b-swjfnqk3lg] { opacity: 1; }

/* ═══ KOLON BAŞLIK ═══ — global cfp-* app.css'tedir */

.ek-table td[b-swjfnqk3lg] { padding: 10px 12px; border-bottom: 1px solid var(--t-card-border, #f1f5f9); color: var(--t-text, #334155); }
.ek-table tr:hover[b-swjfnqk3lg] { background: #fafbfc; }
.ek-table .row-danger[b-swjfnqk3lg] { background: #fef2f2 !important; }
.ek-table .row-warning[b-swjfnqk3lg] { background: #fffbeb !important; }
.ek-table tr.row-highlight[b-swjfnqk3lg] {
    box-shadow: inset 3px 0 0 #6366f1;
    animation: ekHeartbeat-b-swjfnqk3lg 3s ease-in-out;
    background: #eef2ff !important;
}
@keyframes ekHeartbeat-b-swjfnqk3lg {
    0%   { background-color: #e0e7ff; }
    8%   { background-color: #a5b4fc; }
    16%  { background-color: #e0e7ff; }
    24%  { background-color: #c7d2fe; }
    32%  { background-color: #e0e7ff; }
    44%  { background-color: #c7d2fe; }
    52%  { background-color: #e0e7ff; }
    64%  { background-color: #dbeafe; }
    72%  { background-color: #eef2ff; }
    100% { background-color: #eef2ff; }
}
.td-center[b-swjfnqk3lg] { text-align: center; }
.td-bold[b-swjfnqk3lg] { font-weight: 700; }
.td-mid[b-swjfnqk3lg] { font-family: 'Cascadia Code', 'Consolas', monospace; font-size: 0.85rem; color: var(--t-text, #1e293b); }
.td-seri[b-swjfnqk3lg] { font-size: 0.8rem; color: var(--t-text-muted, #64748b); font-family: monospace; }
.td-sponsor[b-swjfnqk3lg] { max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.8rem; color: var(--t-text-muted, #64748b); }
.td-merkez[b-swjfnqk3lg] { max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.8rem; }
.td-desc[b-swjfnqk3lg] { max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.8rem; color: #94a3b8; }
.td-actions[b-swjfnqk3lg] { white-space: nowrap; }
.empty-row[b-swjfnqk3lg] { text-align: center; color: #94a3b8; padding: 30px !important; }

/* PILL */
.ek-pill[b-swjfnqk3lg] {
    display: inline-block; padding: 3px 10px; border-radius: 6px;
    font-size: 0.72rem; font-weight: 700;
}
.ek-pill.green[b-swjfnqk3lg] { background: #f0fdf4; color: #16a34a; }
.ek-pill.blue[b-swjfnqk3lg] { background: #eff6ff; color: #3b82f6; }
.ek-pill.red[b-swjfnqk3lg] { background: #fef2f2; color: #dc2626; }
.ek-pill.gray[b-swjfnqk3lg] { background: #f1f5f9; color: var(--t-text-muted, #64748b); }
.ek-pill.purple[b-swjfnqk3lg] { background: #faf5ff; color: #9333ea; }
.ek-pill.orange[b-swjfnqk3lg] { background: #fff7ed; color: #ea580c; }

/* MARKA CELL */
.ek-marka-cell[b-swjfnqk3lg] { display: flex; flex-direction: column; gap: 1px; }
.ek-model[b-swjfnqk3lg] { font-size: 0.75rem; color: #94a3b8; }

/* ACTION BUTTONS */
.ek-act[b-swjfnqk3lg] {
    border: none; background: none; cursor: pointer; font-size: 1rem;
    padding: 4px 6px; border-radius: 6px; transition: all 0.2s;
}
.ek-act.edit:hover[b-swjfnqk3lg] { background: #eff6ff; }
.ek-act.del:hover[b-swjfnqk3lg] { background: #fef2f2; }
.ek-act.info:hover[b-swjfnqk3lg] { background: #faf5ff; }

/* ═══ FORM ═══ */
.ek-form-title[b-swjfnqk3lg] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; gap: 12px; flex-wrap: wrap; }
.ek-form-title h3[b-swjfnqk3lg] { margin: 0; font-size: 1.05rem; color: var(--t-text, #1e293b); display: flex; align-items: center; gap: 6px; }
.ek-etiket-ico[b-swjfnqk3lg] {
    display: inline-flex; align-items: center; justify-content: center;
    width: 28px; height: 28px; border-radius: 8px; font-size: 0.95rem;
    border: 1.5px solid #c7d2fe; background: #eef2ff; color: #6366f1;
    cursor: pointer; transition: all 0.2s; vertical-align: middle; padding: 0;
}
.ek-etiket-ico:hover[b-swjfnqk3lg] { background: #dbeafe; border-color: #818cf8; transform: scale(1.08); }
.ek-etiket-ico:active[b-swjfnqk3lg] { transform: scale(0.95); }
:global([data-theme]) .ek-etiket-ico[b-swjfnqk3lg] {
    border-color: var(--t-card-border); background: var(--t-hover); color: var(--t-accent, #818cf8);
}
:global([data-theme]) .ek-etiket-ico:hover[b-swjfnqk3lg] {
    background: var(--t-accent-light); border-color: var(--t-accent, #818cf8);
}

.ek-form-group[b-swjfnqk3lg] {
    border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 12px; margin-bottom: 16px;
    position: relative;
}
.ek-form-group-header[b-swjfnqk3lg] {
    background: var(--t-hover, #f8fafc); padding: 10px 16px; font-weight: 700; font-size: 0.88rem;
    color: var(--t-text, #334155); border-bottom: 1.5px solid #e2e8f0;
    border-radius: 12px 12px 0 0;
}
.ek-form-grid[b-swjfnqk3lg] {
    display: flex; gap: 12px; padding: 16px; flex-wrap: wrap; align-items: flex-start;
}
.ek-field[b-swjfnqk3lg] { display: flex; flex-direction: column; gap: 4px; min-width: 140px; }
.ek-field.ek-grow[b-swjfnqk3lg] { flex: 1; min-width: 180px; }
.ek-label[b-swjfnqk3lg] { font-size: 0.78rem; font-weight: 700; color: #475569; }
.ek-label .req[b-swjfnqk3lg] { color: #dc2626; }
.ek-input[b-swjfnqk3lg] {
    padding: 9px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 8px;
    font-size: 0.88rem; outline: none; font-family: inherit; box-sizing: border-box;
    width: 100%;
}
.ek-input:focus[b-swjfnqk3lg] { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.1); }
.ek-input:disabled[b-swjfnqk3lg] { background: var(--t-hover, #f8fafc); color: #94a3b8; cursor: not-allowed; }
select.ek-input[b-swjfnqk3lg] { cursor: pointer; }
textarea.ek-input[b-swjfnqk3lg] { resize: vertical; }

/* Input suffix */
.ek-input-suffix[b-swjfnqk3lg] { display: flex; align-items: center; gap: 6px; }
.ek-input-suffix select[b-swjfnqk3lg] { flex: 1; }
.ek-suffix[b-swjfnqk3lg] { font-size: 0.82rem; font-weight: 600; color: var(--t-text-muted, #64748b); white-space: nowrap; }

/* Stok banner */
.ek-stok-banner[b-swjfnqk3lg] {
    margin: 0 16px 16px; padding: 10px 16px; border-radius: 8px;
    font-weight: 600; font-size: 0.85rem;
}
.ek-stok-banner.green[b-swjfnqk3lg] { background: #f0fdf4; color: #16a34a; border: 1px solid #bbf7d0; }
.ek-stok-banner.orange[b-swjfnqk3lg] { background: #fff7ed; color: #ea580c; border: 1px solid #fed7aa; }
.ek-stok-banner.blue[b-swjfnqk3lg] { background: #eff6ff; color: #2563eb; border: 1px solid #bfdbfe; }

/* Kalibrasyon info */
.ek-kalibrasyon-info[b-swjfnqk3lg] {
    margin: 0 16px 16px; padding: 10px 16px; border-radius: 8px;
    font-size: 0.85rem; font-weight: 600;
}
.ek-kalibrasyon-info.green[b-swjfnqk3lg] { background: #f0fdf4; color: #16a34a; border: 1px solid #bbf7d0; }
.ek-kalibrasyon-info.orange[b-swjfnqk3lg] { background: #fff7ed; color: #ea580c; border: 1px solid #fed7aa; }
.ek-kalibrasyon-info.red[b-swjfnqk3lg] { background: #fef2f2; color: #dc2626; border: 1px solid #fecaca; }

/* Buttons */
.ek-btn[b-swjfnqk3lg] {
    padding: 10px 24px; border: none; border-radius: 10px; cursor: pointer;
    font-weight: 700; font-size: 0.88rem; transition: all 0.2s; white-space: nowrap;
}
.ek-btn.save[b-swjfnqk3lg] { background: #4f46e5; color: white; box-shadow: 0 2px 8px rgba(79,70,229,0.2); }
.ek-btn.save:hover[b-swjfnqk3lg] { background: #4338ca; transform: translateY(-1px); box-shadow: 0 4px 14px rgba(79,70,229,0.3); }
.ek-btn.cancel[b-swjfnqk3lg] { background: var(--t-card, white); color: var(--t-text-muted, #64748b); border: 1.5px solid var(--t-card-border, #e2e8f0); }
.ek-btn.cancel:hover[b-swjfnqk3lg] { border-color: #94a3b8; color: #475569; }

.ek-form-actions[b-swjfnqk3lg] { display: flex; gap: 10px; margin-top: 8px; }

@media (max-width: 768px) {
    .ek-stats-row[b-swjfnqk3lg] { flex-direction: column; }
    .ek-filter-row[b-swjfnqk3lg] { flex-direction: row; flex-wrap: wrap; align-items: center; }
    .ek-filter-row .ek-fbtn[b-swjfnqk3lg] { flex: 1 1 0; min-width: 0; width: auto; text-align: center; box-sizing: border-box; }
    .ek-fbtn.download[b-swjfnqk3lg] { flex: 1 1 100%; border-radius: 8px; text-align: center; justify-content: center; }
    .ek-search[b-swjfnqk3lg] { min-width: 100%; }
    /* Kayıt formu: inputlar tam genişlik, sağa yaslı */
    .ek-form-grid[b-swjfnqk3lg] { flex-direction: column; }
    .ek-form-grid .ek-field[b-swjfnqk3lg] { width: 100%; min-width: 0 !important; }
    .ek-form-grid .ek-field.ek-grow[b-swjfnqk3lg] { min-width: 0 !important; }
    .ek-form-grid .ek-field .ek-input[b-swjfnqk3lg],
    .ek-form-grid .ek-field[b-swjfnqk3lg]  .m-input { width: 100%; box-sizing: border-box; }
    .ek-section[b-swjfnqk3lg] { margin: 12px; padding: 14px; }
    .ek-form-actions[b-swjfnqk3lg] {
        display: flex; flex-wrap: wrap; gap: 8px;
    }
    .ek-form-actions .ek-btn[b-swjfnqk3lg] {
        flex: 1 1 calc(50% - 4px); min-width: 0; justify-content: center; text-align: center;
        padding: 12px 10px; font-size: 0.84rem; height: 44px; box-sizing: border-box;
        display: flex; align-items: center;
    }
    .ek-form-actions .ek-btn:only-child[b-swjfnqk3lg] { flex: 1 1 100%; }
    .ek-rapor-filtre-grid[b-swjfnqk3lg] { grid-template-columns: 1fr; }
    .ek-rapor-actions[b-swjfnqk3lg] { flex-direction: column; }
    .ek-rapor-actions .ek-btn[b-swjfnqk3lg] { width: 100%; text-align: center; box-sizing: border-box; }
    /* Rapor özet kartları — mobilde 2'li grid */
    .ek-rapor-ozet[b-swjfnqk3lg] { grid-template-columns: repeat(2, 1fr); gap: 8px; }
    .ek-rapor-ozet-kart[b-swjfnqk3lg] { padding: 10px 8px; }
    .ek-rok-val[b-swjfnqk3lg] { font-size: 0.95rem; word-break: break-word; }
    .ek-rok-lbl[b-swjfnqk3lg] { font-size: 0.62rem; }
    /* Rapor grup tabloları — yatay scroll */
    .ek-rapor-group-table[b-swjfnqk3lg] { padding: 10px; overflow-x: auto; }
    .ek-rapor-group-table .ek-table[b-swjfnqk3lg] { min-width: 520px; }
    .ek-rapor-group-table h4[b-swjfnqk3lg] { font-size: 0.82rem; }
    .ek-rapor-header h3[b-swjfnqk3lg] { font-size: 0.95rem; }
    .ek-rapor-header p[b-swjfnqk3lg] { font-size: 0.78rem; }
}

/* TAB BADGE */
.ek-tab-badge[b-swjfnqk3lg] {
    display: inline-block; background: #ef4444; color: white; font-size: 0.65rem;
    font-weight: 800; padding: 1px 7px; border-radius: 10px; margin-left: 6px;
    vertical-align: middle; line-height: 1.3;
}

/* TEAL */
.ek-stat.teal[b-swjfnqk3lg] { background: #f0fdfa; border-color: #99f6e4; }
.ek-stat.teal .ek-stat-val[b-swjfnqk3lg] { color: #0d9488; }
.ek-pill.teal[b-swjfnqk3lg] { background: #f0fdfa; color: #0d9488; }

/* SEND BUTTON */
.ek-act.send:hover[b-swjfnqk3lg] { background: #fff7ed; }

/* ═══ POPUP ═══ */
.ek-popup-overlay[b-swjfnqk3lg] {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.4); z-index: 9990; backdrop-filter: blur(3px);
}
.ek-popup[b-swjfnqk3lg] {
    position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%);
    background: var(--t-card, white); border-radius: 16px; padding: 24px 28px;
    box-shadow: 0 8px 40px rgba(0,0,0,0.15); z-index: 9991;
    max-width: 650px; width: 90%; max-height: 90vh; overflow-y: auto;
}
.ek-popup h3[b-swjfnqk3lg] { margin: 0 0 4px; font-size: 1.05rem; color: var(--t-text, #1e293b); }
.ek-popup p[b-swjfnqk3lg] { margin: 0 0 16px; font-size: 0.88rem; color: var(--t-text-muted, #64748b); }

/* ═══ ETİKET POPUP ═══ */
.ek-etiket-secim[b-swjfnqk3lg] {
    display: flex; gap: 12px; margin-bottom: 16px;
}
.ek-etiket-kart[b-swjfnqk3lg] {
    flex: 1; border: 2px solid var(--t-card-border, #e2e8f0); border-radius: 12px;
    padding: 14px; cursor: pointer; transition: all 0.2s;
    text-align: center; background: var(--t-hover, #f8fafc);
}
.ek-etiket-kart:hover[b-swjfnqk3lg] { border-color: #a5b4fc; background: #f5f3ff; }
.ek-etiket-kart.selected[b-swjfnqk3lg] { border-color: #6366f1; background: #eef2ff; box-shadow: 0 0 0 3px rgba(99,102,241,0.15); }
.ek-etiket-icon[b-swjfnqk3lg] { font-size: 1.6rem; margin-bottom: 4px; }
.ek-etiket-boyut[b-swjfnqk3lg] { font-size: 0.95rem; font-weight: 800; color: var(--t-text, #1e293b); }
.ek-etiket-aciklama[b-swjfnqk3lg] { font-size: 0.75rem; font-weight: 600; color: var(--t-text-muted, #64748b); margin-top: 2px; }
.ek-etiket-detay[b-swjfnqk3lg] { font-size: 0.68rem; color: #94a3b8; margin-top: 4px; }

.ek-etiket-onizleme[b-swjfnqk3lg] {
    background: var(--t-hover, #f8fafc); border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 10px;
    padding: 12px; text-align: center;
}
.ek-etiket-onizleme-title[b-swjfnqk3lg] {
    font-size: 0.75rem; font-weight: 700; color: #94a3b8;
    text-transform: uppercase; margin-bottom: 10px;
}

/* Büyük etiket önizleme (58×40mm oranı) */
.ek-etiket-preview.buyuk[b-swjfnqk3lg] {
    width: 174px; height: 120px;
    border: 1.5px solid #334155; border-radius: 4px; margin: 0 auto;
    display: flex; flex-direction: column; justify-content: space-between; align-items: center;
    padding: 5px 8px; background: var(--t-card, white); font-family: 'Segoe UI', sans-serif;
}
.ek-ep-logo[b-swjfnqk3lg] { height: 14px; width: auto; object-fit: contain; }
.ek-ep-firma[b-swjfnqk3lg] { font-size: 0.5rem; font-weight: 700; color: #94a3b8; letter-spacing: 0.5px; }
.ek-ep-tel[b-swjfnqk3lg] { font-size: 0.44rem; color: #94a3b8; }
.ek-ep-mid-accent[b-swjfnqk3lg] {
    background: #1e293b; color: #fff; font-size: 0.85rem; font-weight: 900; letter-spacing: 1.5px;
    padding: 2px 10px; border-radius: 3px; text-align: center; line-height: 1.2;
}
.ek-ep-mid[b-swjfnqk3lg] { font-size: 0.95rem; font-weight: 900; color: var(--t-text, #1e293b); letter-spacing: 1.5px; }
.ek-ep-cihaz[b-swjfnqk3lg] { font-size: 0.72rem; font-weight: 700; color: var(--t-text, #334155); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 155px; text-align: center; }
.ek-ep-marka[b-swjfnqk3lg] { font-size: 0.62rem; color: #475569; text-align: center; }
.ek-ep-seri[b-swjfnqk3lg] { font-size: 0.52rem; color: var(--t-text-muted, #64748b); font-family: monospace; }
.ek-ep-kal[b-swjfnqk3lg] { font-size: 0.48rem; color: #6b7280; border-top: 1px dashed #cbd5e1; padding-top: 1px; width: 100%; text-align: right; }

/* Küçük etiket önizleme 2'li (40×20mm oranı) */
.ek-etiket-preview-2li[b-swjfnqk3lg] {
    display: flex; gap: 4px; justify-content: center;
}
.ek-etiket-preview.kucuk[b-swjfnqk3lg] {
    width: 120px; height: 60px;
    border: 1px solid #334155; border-radius: 2px;
    display: flex; flex-direction: column; justify-content: center; align-items: center;
    padding: 2px 3px; background: var(--t-card, white); font-family: 'Segoe UI', sans-serif; gap: 0px;
    overflow: hidden;
}
.ek-ep-mid-sm[b-swjfnqk3lg] { font-size: 0.72rem; font-weight: 900; color: var(--t-text, #1e293b); letter-spacing: 0.8px; }
.ek-ep-mid-sm-accent[b-swjfnqk3lg] {
    background: #1e293b; color: #fff; font-size: 0.65rem; font-weight: 900; letter-spacing: 0.8px;
    padding: 1px 6px; border-radius: 2px; line-height: 1.1;
}
.ek-ep-cihaz-sm[b-swjfnqk3lg] { font-size: 0.55rem; font-weight: 700; color: var(--t-text, #334155); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 110px; }
.ek-ep-marka-sm[b-swjfnqk3lg] { font-size: 0.48rem; color: var(--t-text-muted, #64748b); }

/* ═══ RAPORLAR & EXCEL ═══ */
.ek-rapor-header[b-swjfnqk3lg] {
    margin-bottom: 16px;
}
.ek-rapor-header h3[b-swjfnqk3lg] { margin: 0 0 4px; font-size: 1.1rem; color: var(--t-text, #1e293b); }
.ek-rapor-header p[b-swjfnqk3lg] { margin: 0; font-size: 0.82rem; color: var(--t-text-muted, #64748b); }

.ek-rapor-filtreler[b-swjfnqk3lg] {
    background: #f0f4ff; border: 1.5px solid #c7d2fe; border-radius: 12px;
    padding: 16px; margin-bottom: 16px;
}
.ek-rapor-filtre-grid[b-swjfnqk3lg] {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap: 12px; margin-bottom: 12px;
}
.ek-rapor-actions[b-swjfnqk3lg] {
    display: flex; gap: 8px; flex-wrap: wrap;
}
.ek-rapor-actions .ek-btn[b-swjfnqk3lg] {
    flex: 1; min-width: 0; text-align: center;
}
.ek-btn.excel[b-swjfnqk3lg] {
    background: linear-gradient(135deg, #16a34a, #15803d); color: white;
    border: none; padding: 10px 22px; border-radius: 10px; cursor: pointer;
    font-weight: 700; font-size: 0.85rem; transition: all 0.2s;
}
.ek-btn.excel:hover[b-swjfnqk3lg] { background: linear-gradient(135deg, #15803d, #166534); transform: translateY(-1px); }

.ek-rapor-ozet[b-swjfnqk3lg] {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 10px; margin-bottom: 16px;
}
.ek-rapor-ozet-kart[b-swjfnqk3lg] {
    background: var(--t-card, white); border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 12px;
    padding: 14px; text-align: center; transition: transform 0.15s;
}
.ek-rapor-ozet-kart:hover[b-swjfnqk3lg] { transform: translateY(-2px); }
.ek-rapor-ozet-kart.green[b-swjfnqk3lg] { border-color: #bbf7d0; background: #f0fdf4; }
.ek-rapor-ozet-kart.orange[b-swjfnqk3lg] { border-color: #fed7aa; background: #fff7ed; }
.ek-rapor-ozet-kart.blue[b-swjfnqk3lg] { border-color: #bfdbfe; background: #eff6ff; }
.ek-rapor-ozet-kart.purple[b-swjfnqk3lg] { border-color: #ddd6fe; background: #f5f3ff; }
.ek-rapor-ozet-kart.teal[b-swjfnqk3lg] { border-color: #99f6e4; background: #f0fdfa; }
.ek-rok-val[b-swjfnqk3lg] { font-size: 1.2rem; font-weight: 900; color: var(--t-text, #1e293b); }
.ek-rok-lbl[b-swjfnqk3lg] { font-size: 0.7rem; font-weight: 600; color: var(--t-text-muted, #64748b); margin-top: 2px; }

.ek-rapor-group-table[b-swjfnqk3lg] {
    background: var(--t-card, white); border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 12px;
    padding: 14px; margin-bottom: 12px; overflow-x: auto;
}
.ek-rapor-group-table h4[b-swjfnqk3lg] { margin: 0 0 10px; font-size: 0.9rem; color: var(--t-text, #334155); }
.ek-table.compact td[b-swjfnqk3lg], .ek-table.compact th[b-swjfnqk3lg] { padding: 6px 10px; font-size: 0.78rem; }

/* ═══ EK ALANI ═══ */
.ek-ek-row[b-swjfnqk3lg] {
    display: flex; align-items: center; gap: 12px;
    padding: 10px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 10px;
    margin-bottom: 8px; background: var(--t-card, white); transition: all 0.15s;
}
.ek-ek-row:hover[b-swjfnqk3lg] { border-color: #c7d2fe; background: #f8faff; }
.ek-ek-icon[b-swjfnqk3lg] { font-size: 1.4rem; flex-shrink: 0; }
.ek-ek-info[b-swjfnqk3lg] { flex: 1; min-width: 0; }
.ek-ek-tur[b-swjfnqk3lg] { font-weight: 700; font-size: 0.85rem; color: var(--t-text, #1e293b); }
.ek-ek-dosya[b-swjfnqk3lg] { margin-top: 2px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.ek-ek-tarih[b-swjfnqk3lg] { font-size: 0.7rem; color: #94a3b8; }
.ek-ek-actions[b-swjfnqk3lg] { display: flex; gap: 4px; flex-shrink: 0; align-items: center; }

/* Sürükle-bırak: tüm satır drop zone */
.ek-ek-dropzone[b-swjfnqk3lg] { position: relative; }
.ek-ek-dropzone.ek-drag-active[b-swjfnqk3lg] {
    border-color: #3b82f6 !important; background: #eff6ff !important;
    box-shadow: inset 0 0 0 2px rgba(59,130,246,0.15), 0 0 0 3px rgba(59,130,246,0.1);
}
.ek-ek-dropzone.ek-drag-active .ek-ek-drop-hint[b-swjfnqk3lg] { color: #2563eb; font-weight: 600; }

/* Boş durum: sürükle ipucu */
.ek-ek-drop-hint[b-swjfnqk3lg] { font-size: 0.78rem; color: #94a3b8; font-style: italic; }

/* Yükle butonu */
.ek-upload-btn[b-swjfnqk3lg] {
    cursor: pointer; display: inline-flex; align-items: center; gap: 4px;
    padding: 5px 12px; border-radius: 8px; font-size: 0.78rem; font-weight: 600;
    background: #eff6ff; color: #2563eb; border: 1.5px solid #bfdbfe;
    transition: all 0.15s; white-space: nowrap;
}
.ek-upload-btn:hover[b-swjfnqk3lg] { background: #dbeafe; border-color: #93c5fd; }

/* Eski label uyumluluğu — kaldırıldı */
.ek-upload-label[b-swjfnqk3lg] { display: none; }
.ek-upload-label.ek-drag-over[b-swjfnqk3lg] { display: none; }
.ek-stok-banner.red[b-swjfnqk3lg] { background: #fef2f2; border: 1px solid #fecaca; color: #dc2626; }

/* Opsiyonel ek stili */
.ek-ek-opsiyonel[b-swjfnqk3lg] { border-style: dashed; opacity: 0.85; }
.ek-ek-opsiyonel:hover[b-swjfnqk3lg] { opacity: 1; }
.ek-ek-opsiyonel-badge[b-swjfnqk3lg] {
    display: inline-block;
    background: #f1f5f9;
    color: #94a3b8;
    font-size: 0.65rem;
    font-weight: 600;
    padding: 1px 8px;
    border-radius: 6px;
    margin-left: 6px;
    vertical-align: middle;
}

/* ═══ SWAP BUTTON ═══ */
.ek-act.swap[b-swjfnqk3lg] { background: #eef2ff; color: #4f46e5; }
.ek-act.swap:hover[b-swjfnqk3lg] { background: #c7d2fe; }

/* ═══ DEĞİŞTİRME POPUP ═══ */
.ek-degistir-info[b-swjfnqk3lg] {
    display: flex;
    align-items: stretch;
    gap: 12px;
    margin-bottom: 16px;
}
.ek-degistir-card[b-swjfnqk3lg] {
    flex: 1;
    border-radius: 12px;
    padding: 14px;
    font-size: 0.84rem;
}
.ek-degistir-card.eski[b-swjfnqk3lg] {
    background: #fef2f2;
    border: 1.5px solid #fecaca;
}
.ek-degistir-card.yeni[b-swjfnqk3lg] {
    background: #f0fdf4;
    border: 1.5px solid #bbf7d0;
}
.ek-degistir-card-title[b-swjfnqk3lg] {
    font-weight: 800;
    font-size: 0.82rem;
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(0,0,0,0.06);
}
.ek-degistir-card.eski .ek-degistir-card-title[b-swjfnqk3lg] { color: #dc2626; }
.ek-degistir-card.yeni .ek-degistir-card-title[b-swjfnqk3lg] { color: #16a34a; }
.ek-degistir-row[b-swjfnqk3lg] {
    display: flex;
    gap: 6px;
    padding: 2px 0;
    font-size: 0.8rem;
    color: var(--t-text, #334155);
}
.ek-degistir-row span:first-child[b-swjfnqk3lg] {
    color: #94a3b8;
    font-weight: 600;
    min-width: 85px;
    flex-shrink: 0;
}
.ek-degistir-arrow[b-swjfnqk3lg] {
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    flex-shrink: 0;
}
.ek-degistir-empty[b-swjfnqk3lg] {
    padding: 18px 10px;
    text-align: center;
    color: #94a3b8;
    font-size: 0.82rem;
}
.ek-degistir-neden[b-swjfnqk3lg] {
    margin-bottom: 14px;
}
.ek-degistir-select[b-swjfnqk3lg] {
    margin-bottom: 14px;
}
.ek-degistir-liste[b-swjfnqk3lg] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-height: 200px;
    overflow-y: auto;
    margin-top: 8px;
}
.ek-degistir-secim[b-swjfnqk3lg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 14px;
    background: var(--t-hover, #f8fafc);
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.15s;
    gap: 10px;
}
.ek-degistir-secim:hover[b-swjfnqk3lg] {
    border-color: #a5b4fc;
    background: #eef2ff;
}
.ek-degistir-secim.selected[b-swjfnqk3lg] {
    border-color: #16a34a;
    background: #f0fdf4;
    box-shadow: 0 0 0 2px rgba(22,163,106,0.15);
}
.ek-degistir-secim-left[b-swjfnqk3lg] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    font-size: 0.84rem;
}
.ek-degistir-seri[b-swjfnqk3lg] {
    font-size: 0.72rem;
    color: #94a3b8;
    background: #f1f5f9;
    padding: 1px 6px;
    border-radius: 4px;
}
.ek-degistir-ozet[b-swjfnqk3lg] {
    margin-bottom: 8px;
}

@media (max-width: 600px) {
    .ek-degistir-info[b-swjfnqk3lg] { flex-direction: column; }
    .ek-degistir-arrow[b-swjfnqk3lg] { justify-content: center; transform: rotate(90deg); }
}

/* ═══ SORGULAR KARTLARI ═══ */
.ek-rapor-card[b-swjfnqk3lg] {
    background: var(--t-card, white); border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 16px;
    padding: 22px; cursor: pointer; transition: all 0.3s;
}
.ek-rapor-card:hover[b-swjfnqk3lg] {
    border-color: #6366f1; transform: translateY(-3px); box-shadow: 0 8px 30px rgba(99,102,241,0.12);
}
.hy-rp-icon[b-swjfnqk3lg] { font-size: 1.8rem; display: block; margin-bottom: 10px; }
.hy-rp-title[b-swjfnqk3lg] { font-weight: 800; font-size: 0.95rem; color: var(--t-text, #1e293b); margin-bottom: 6px; }
.hy-rp-desc[b-swjfnqk3lg] { font-size: 0.8rem; color: #94a3b8; line-height: 1.5; }

/* Dark tema — satır vurgu */
:global([data-theme]) .ek-table tr.row-highlight[b-swjfnqk3lg] {
    box-shadow: inset 3px 0 0 var(--t-accent, #818cf8);
    animation: ekHeartbeatDark-b-swjfnqk3lg 3s ease-in-out;
    background: rgba(99,102,241,0.08) !important;
}
@keyframes ekHeartbeatDark-b-swjfnqk3lg {
    0%   { background-color: rgba(99,102,241,0.1); }
    8%   { background-color: rgba(99,102,241,0.3); }
    16%  { background-color: rgba(99,102,241,0.1); }
    24%  { background-color: rgba(99,102,241,0.25); }
    32%  { background-color: rgba(99,102,241,0.1); }
    44%  { background-color: rgba(99,102,241,0.2); }
    52%  { background-color: rgba(99,102,241,0.1); }
    64%  { background-color: rgba(99,102,241,0.12); }
    72%  { background-color: rgba(99,102,241,0.08); }
    100% { background-color: rgba(99,102,241,0.08); }
}

/* ═══ TESLİM FORMU OLUŞTUR ═══ */
.ek-tf-box[b-swjfnqk3lg] {
    display: flex; align-items: center; gap: 16px; padding: 16px 20px;
    background: linear-gradient(135deg, #eff6ff, #f0f9ff);
    border: 1.5px solid #bfdbfe; border-radius: 12px;
}
.ek-tf-info[b-swjfnqk3lg] {
    display: flex; align-items: flex-start; gap: 12px; flex: 1;
}
.ek-tf-icon[b-swjfnqk3lg] {
    font-size: 1.8rem; flex-shrink: 0; margin-top: 2px;
}
.ek-tf-text[b-swjfnqk3lg] {
    display: flex; flex-direction: column; gap: 4px;
}
.ek-tf-text strong[b-swjfnqk3lg] {
    font-size: 0.9rem; color: var(--t-text, #1e293b);
}
.ek-tf-text span[b-swjfnqk3lg] {
    font-size: 0.78rem; color: var(--t-text-muted, #64748b); line-height: 1.5;
}
.ek-tf-ozet[b-swjfnqk3lg] {
    background: var(--t-hover, #f8fafc); border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 12px; padding: 14px 18px; margin-bottom: 4px;
}
.ek-tf-ozet-row[b-swjfnqk3lg] {
    display: flex; align-items: baseline; gap: 8px; font-size: 0.85rem;
    padding: 3px 0; color: var(--t-text, #334155);
}
.ek-tf-ozet-row span:first-child[b-swjfnqk3lg] {
    color: var(--t-text-muted, #94a3b8); font-size: 0.78rem; font-weight: 600; min-width: 100px;
}
@media (max-width: 768px) {
    .ek-tf-box[b-swjfnqk3lg] { flex-direction: column; align-items: stretch; gap: 12px; }
    .ek-tf-box .ek-btn[b-swjfnqk3lg] { width: 100%; justify-content: center; }
}
:global([data-theme]) .ek-tf-box[b-swjfnqk3lg] {
    background: linear-gradient(135deg, rgba(59,130,246,0.06), rgba(59,130,246,0.03));
    border-color: rgba(59,130,246,0.2);
}
:global([data-theme]) .ek-tf-ozet[b-swjfnqk3lg] {
    background: var(--t-hover); border-color: var(--t-card-border);
}
:global([data-theme]) .ek-tf-ozet-row[b-swjfnqk3lg] { color: var(--t-text); }
:global([data-theme]) .ek-tf-ozet-row span:first-child[b-swjfnqk3lg] { color: var(--t-text-muted); }
/* /Components/Pages/Yonetim/HastaYonetimi.razor.rz.scp.css */
/* ═══ HASTA TAKİBİ — Sayfa-Özel Stiller ═══ */
/* Ortak stiller (ym-page, ym-topbar, ym-back, vb.): /css/yonetim-liste.css */

/* ═══ SECTION ═══ */
.hy-section[b-x32v83lotc] {
    margin: 16px 24px 24px;
    background: var(--t-card, white);
    border-radius: 16px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    padding: 20px;
    animation: hyFadeIn-b-x32v83lotc 0.3s ease;
}
@keyframes hyFadeIn-b-x32v83lotc { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

/* ═══ İSTATİSTİK KARTLARI ═══ */
.hy-stats[b-x32v83lotc] { display: flex; gap: 12px; margin-bottom: 14px; flex-wrap: wrap; }
.hy-stat[b-x32v83lotc] {
    flex: 1; min-width: 100px; text-align: center; padding: 14px 12px;
    border-radius: 12px; border: 1.5px solid var(--t-card-border, #e2e8f0);
    background: var(--t-hover, #f8fafc); cursor: pointer;
    transition: transform 0.15s, box-shadow 0.15s, background 0.15s, border-color 0.15s;
    position: relative; overflow: hidden;
}
.hy-stat.green[b-x32v83lotc] { background: #f0fdf4; border-color: #bbf7d0; }
.hy-stat.red[b-x32v83lotc] { background: #fef2f2; border-color: #fecaca; }
.hy-stat.purple[b-x32v83lotc] { background: #faf5ff; border-color: #e9d5ff; }
.hy-stat.orange[b-x32v83lotc] { background: #fff7ed; border-color: #fed7aa; }
.hy-stat:hover[b-x32v83lotc] { transform: scale(1.02); }
.hy-stat[b-x32v83lotc]::after {
    content: ''; position: absolute; left: 0; top: 0; bottom: 0;
    width: 0; border-radius: 12px 0 0 12px;
    transition: width 0.2s ease;
}
.hy-stat.active[b-x32v83lotc]::after { width: 4px; }
.hy-stat.active[b-x32v83lotc]::after { background: #6366f1; }
.hy-stat.green.active[b-x32v83lotc]::after { background: #16a34a; }
.hy-stat.red.active[b-x32v83lotc]::after { background: #dc2626; }
.hy-stat.purple.active[b-x32v83lotc]::after { background: #9333ea; }
.hy-stat.orange.active[b-x32v83lotc]::after { background: #ea580c; }
.hy-stat.active[b-x32v83lotc] { transform: scale(1.03); box-shadow: 0 4px 16px rgba(0,0,0,0.1); }
.hy-stat.green.active[b-x32v83lotc] { background: #dcfce7; border-color: #86efac; }
.hy-stat.red.active[b-x32v83lotc] { background: #fee2e2; border-color: #fca5a5; }
.hy-stat.purple.active[b-x32v83lotc] { background: #f3e8ff; border-color: #d8b4fe; }
.hy-stat.orange.active[b-x32v83lotc] { background: #ffedd5; border-color: #fdba74; }
.hy-stat.active:not(.green):not(.red):not(.purple):not(.orange)[b-x32v83lotc] { background: #e0e7ff; border-color: #a5b4fc; }
.hy-st-val[b-x32v83lotc] { display: block; font-size: 1.5rem; font-weight: 800; color: var(--t-text, #1e293b); }
.hy-stat.green .hy-st-val[b-x32v83lotc] { color: #16a34a; }
.hy-stat.red .hy-st-val[b-x32v83lotc] { color: #dc2626; }
.hy-stat.purple .hy-st-val[b-x32v83lotc] { color: #9333ea; }
.hy-stat.orange .hy-st-val[b-x32v83lotc] { color: #ea580c; }
.hy-stat.active:not(.green):not(.red):not(.purple):not(.orange) .hy-st-val[b-x32v83lotc] { color: #4f46e5; }
.hy-st-label[b-x32v83lotc] { display: block; font-size: 0.72rem; font-weight: 600; color: #94a3b8; text-transform: uppercase; }
.hy-stat.active .hy-st-label[b-x32v83lotc] { color: #64748b; }

/* ═══ FİLTRE ═══ */
.hy-filter-header[b-x32v83lotc] {
    display: flex; align-items: center; gap: 8px;
    padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1.5px solid #f1f5f9;
    width: 100%;
}
.hy-filter-header span:first-child[b-x32v83lotc] { font-size: 1.1rem; }
.hy-filter-title[b-x32v83lotc] { font-size: 0.92rem; font-weight: 800; color: var(--t-text, #1e293b); }
.hy-filter-desc[b-x32v83lotc] { font-size: 0.78rem; color: #94a3b8; font-weight: 500; margin-left: 4px; }
.hy-filter-label[b-x32v83lotc] { display: block; font-size: 0.78rem; font-weight: 700; color: #475569; margin-bottom: 4px; }
.hy-filter-bar[b-x32v83lotc] {
    display: flex; gap: 12px; flex-wrap: wrap; align-items: flex-end;
    background: var(--t-card, white); padding: 20px; border-radius: 14px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.04); border: 1px solid #f1f5f9;
    margin-bottom: 0;
}
.hy-search-action-row[b-x32v83lotc] {
    display: flex; gap: 10px; margin: 8px 0; align-items: center; flex-wrap: wrap;
}
.hy-search-wrap[b-x32v83lotc] { flex: 1; min-width: 200px; }
.hy-search-wrap .hy-input[b-x32v83lotc] { padding: 7px 14px; font-size: 0.84rem; height: 36px; }
.hy-filter-group[b-x32v83lotc] { display: flex; flex-direction: column; gap: 4px; }
.hy-input[b-x32v83lotc] {
    padding: 10px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 10px;
    font-size: 0.9rem; outline: none; background: var(--t-card, white); transition: border 0.2s;
    width: 100%; box-sizing: border-box;
}
.hy-input:focus[b-x32v83lotc] { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.1); }

/* SearchSelect in filter */
.hy-filter-group[b-x32v83lotc]  .m-input {
    padding: 10px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 10px;
    font-size: 0.9rem; transition: border 0.2s; outline: none;
    background: var(--t-card, white); width: 100%; box-sizing: border-box;
}
.hy-filter-group[b-x32v83lotc]  .m-input:focus,
.hy-filter-group[b-x32v83lotc]  .m-input.ss-open {
    border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.1);
}

.hy-table-info[b-x32v83lotc] {
    font-size: 0.8rem; color: #94a3b8; font-weight: 600; margin-bottom: 8px; padding-left: 4px;
    display: flex; align-items: center; gap: 8px;
}
.igt-btn-download[b-x32v83lotc] {
    background: linear-gradient(135deg, #059669, #10b981); color: white; border: 1.5px solid #059669;
    padding: 0 16px; border-radius: 10px; font-weight: 700; font-size: 0.82rem;
    cursor: pointer; transition: all 0.2s; white-space: nowrap;
    display: inline-flex; align-items: center; gap: 4px; height: 36px;
}
.igt-btn-download:hover[b-x32v83lotc] { background: linear-gradient(135deg, #047857, #059669); border-color: #047857; transform: translateY(-1px); box-shadow: 0 3px 10px rgba(5,150,105,0.25); }

/* ═══ TABLO — yonetim-liste.css'teki global ym-table kuralları kullanılır ═══ */
.td-id[b-x32v83lotc] { font-weight: 700; color: #94a3b8; font-size: 0.8rem; }
.td-merkez[b-x32v83lotc] { max-width: 160px; overflow: hidden; text-overflow: ellipsis; }
.empty-row[b-x32v83lotc] { text-align: center; padding: 40px 16px !important; color: #94a3b8; font-size: 0.9rem; }

.hasta-tag[b-x32v83lotc] {
    background: #fef3c7; color: #92400e; padding: 3px 10px; border-radius: 6px;
    font-size: 0.78rem; font-weight: 700;
}
.crc-tag[b-x32v83lotc] {
    background: #eff6ff; color: #1e40af; padding: 3px 10px; border-radius: 6px;
    font-size: 0.8rem; font-weight: 700; white-space: nowrap;
}

/* DURUM PİLLLERİ */
.durum-pill[b-x32v83lotc] {
    padding: 4px 12px; border-radius: 8px; font-size: 0.76rem; font-weight: 700; display: inline-block;
}
.durum-pill.aktif[b-x32v83lotc] { background: #f0fdf4; color: #16a34a; }
.durum-pill.pasif[b-x32v83lotc] { background: #fef2f2; color: #dc2626; }
.durum-pill.rnd-evet[b-x32v83lotc] { background: #f0fdf4; color: #16a34a; }
.durum-pill.rnd-hayir[b-x32v83lotc] { background: #fffbeb; color: #d97706; }

/* ═══ İŞLEM BUTONLARI ═══ */
.hy-actions[b-x32v83lotc] {
    display: flex; gap: 6px; align-items: center; justify-content: flex-start;
}
.hy-act-btn[b-x32v83lotc] {
    width: 32px; height: 32px; border-radius: 8px; border: 1.5px solid var(--t-card-border, #e2e8f0);
    background: var(--t-card, #fff); cursor: pointer; font-size: 0.85rem;
    display: flex; align-items: center; justify-content: center;
    transition: all 0.2s; flex-shrink: 0;
}
.hy-act-btn:hover[b-x32v83lotc] { transform: scale(1.12); }
.hy-act-aktif:hover[b-x32v83lotc] { background: #f0fdf4; border-color: #86efac; box-shadow: 0 3px 10px rgba(22,163,74,0.15); }
.hy-act-pasif:hover[b-x32v83lotc] { background: #fff7ed; border-color: #fdba74; box-shadow: 0 3px 10px rgba(234,88,12,0.15); }
.hy-act-sil:hover[b-x32v83lotc] { background: #fef2f2; border-color: #fca5a5; box-shadow: 0 3px 10px rgba(220,38,38,0.15); }

/* ═══ RAPOR KARTLARI ═══ */
.hy-rapor-grid[b-x32v83lotc] {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px;
    margin-bottom: 20px;
}
.hy-rapor-card[b-x32v83lotc] {
    background: var(--t-card, white); border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 16px;
    padding: 22px; cursor: pointer; transition: all 0.3s;
}
.hy-rapor-card:hover[b-x32v83lotc] {
    border-color: #6366f1; transform: translateY(-3px); box-shadow: 0 8px 30px rgba(99,102,241,0.12);
}
.hy-rp-icon[b-x32v83lotc] { font-size: 1.8rem; display: block; margin-bottom: 10px; }
.hy-rp-title[b-x32v83lotc] { font-weight: 800; font-size: 0.95rem; color: var(--t-text, #1e293b); margin-bottom: 6px; }
.hy-rp-desc[b-x32v83lotc] { font-size: 0.8rem; color: #94a3b8; line-height: 1.5; }

.hy-rapor-result[b-x32v83lotc] {
    background: var(--t-card, white); border-radius: 16px; box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    overflow: hidden;
}
.hy-rapor-result h3[b-x32v83lotc] {
    margin: 0; padding: 18px 24px; background: #fafbfc; border-bottom: 2px solid #f1f5f9;
    font-size: 1rem; font-weight: 700; color: var(--t-text, #1e293b);
}

/* ═══ EXCEL KARTLARI ═══ */
.hy-excel-card[b-x32v83lotc] {
    background: var(--t-card, white); border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 16px;
    padding: 22px; cursor: pointer; transition: all 0.3s;
}
.hy-excel-card:hover[b-x32v83lotc] {
    border-color: #6366f1; transform: translateY(-3px); box-shadow: 0 8px 30px rgba(99,102,241,0.12);
}

/* ═══ MESAJ ═══ */
.hy-message[b-x32v83lotc] {
    margin-top: 16px; padding: 12px 18px; border-radius: 10px;
    font-weight: 600; font-size: 0.9rem;
}
.hy-message.success[b-x32v83lotc] { background: #f0fdf4; color: #16a34a; border: 1px solid #bbf7d0; }
.hy-message.error[b-x32v83lotc] { background: #fef2f2; color: #dc2626; border: 1px solid #fecaca; }

/* ═══ RESPONSİVE ═══ */
@media (max-width: 768px) {
    .hy-section[b-x32v83lotc] { margin: 12px; padding: 12px; }
    .hy-stat[b-x32v83lotc] { flex: 1 1 calc(33.33% - 8px); min-width: 90px; padding: 10px 6px; }
    .hy-st-val[b-x32v83lotc] { font-size: 1.15rem; }
    .hy-st-label[b-x32v83lotc] { font-size: 0.62rem; }
    .hy-rapor-grid[b-x32v83lotc] { grid-template-columns: 1fr; }
    .hy-rapor-filters[b-x32v83lotc] { flex-direction: column; gap: 8px; }
    .hy-rapor-filters .igt-filter-group[b-x32v83lotc] { min-width: 100%; flex: 1 1 100%; }
    .hy-rapor-filters .igt-filter-group .igt-input[b-x32v83lotc] { width: 100%; box-sizing: border-box; }
    .cfp-dropdown[b-x32v83lotc] { width: 90vw; }
    /* Badge + İndir yan yana, eşit genişlik */
    .hy-search-action-row[b-x32v83lotc] { display: flex; flex-wrap: wrap; }
    .hy-search-action-row .hy-search-wrap[b-x32v83lotc] { flex: 1 1 100%; order: 0; }
    .hy-search-action-row .ym-btn-clear[b-x32v83lotc] { flex: 1 1 100%; order: 0; }
    .hy-search-action-row .ym-toolbar-badge[b-x32v83lotc],
    .hy-search-action-row .igt-btn-download[b-x32v83lotc] {
        flex: 1 1 0; min-width: 0; text-align: center; box-sizing: border-box; justify-content: center;
    }
    .hy-search-action-row .ym-toolbar-badge[b-x32v83lotc] { order: 1; }
    .hy-search-action-row .igt-btn-download[b-x32v83lotc] { order: 2; }
}

@media (max-width: 480px) {
    .hy-stat[b-x32v83lotc] { flex: 1 1 calc(33.33% - 6px); min-width: 80px; padding: 8px 4px; }
    .hy-st-val[b-x32v83lotc] { font-size: 1rem; }
    .hy-st-label[b-x32v83lotc] { font-size: 0.58rem; }
    .hy-section[b-x32v83lotc] { margin: 8px; padding: 10px; }
}
/* /Components/Pages/Yonetim/IsGirisiTakibi.razor.rz.scp.css */
/* ═══ İŞ GİRİŞİ TAKİBİ — Sayfa-Özel Stiller ═══ */
/* Ortak stiller (ym-page, ym-topbar, ym-back, vb.): /css/yonetim-liste.css */

/* Sekmeler: ortak ym-tabs-wrapper kullanılıyor (yonetim-liste.css) */

/* ═══ SECTION ═══ */
.igt-section[b-pglkjn28lm] {
    margin: 16px 24px 24px;
    background: var(--t-card, white);
    border-radius: 16px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    padding: 20px;
    animation: igtFadeIn-b-pglkjn28lm 0.3s ease;
}
@keyframes igtFadeIn-b-pglkjn28lm { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

/* ═══ İSTATİSTİK KARTLARI ═══ */
.igt-stats[b-pglkjn28lm] { display: flex; gap: 12px; margin-bottom: 16px; flex-wrap: wrap; }
.igt-stat[b-pglkjn28lm] {
    flex: 1; min-width: 100px; text-align: center; padding: 14px 12px;
    border-radius: 12px; border: 1.5px solid var(--t-card-border, #e2e8f0);
    background: var(--t-hover, #f8fafc);
    transition: transform 0.15s, box-shadow 0.15s, background 0.15s, border-color 0.15s;
    position: relative; overflow: hidden;
}
.igt-stat.blue[b-pglkjn28lm] { background: #eff6ff; border-color: #bfdbfe; }
.igt-stat.teal[b-pglkjn28lm] { background: #f0fdfa; border-color: #99f6e4; }
.igt-stat.orange[b-pglkjn28lm] { background: #fffbeb; border-color: #fde68a; }
.igt-stat.green[b-pglkjn28lm] { background: #f0fdf4; border-color: #bbf7d0; }
.igt-stat.purple[b-pglkjn28lm] { background: #f5f3ff; border-color: #ddd6fe; }
.igt-stat:hover[b-pglkjn28lm] { transform: scale(1.02); }
.igt-stat[b-pglkjn28lm]::after {
    content: ''; position: absolute; left: 0; top: 0; bottom: 0;
    width: 0; border-radius: 12px 0 0 12px;
    transition: width 0.2s ease;
}
.igt-stat.active[b-pglkjn28lm]::after { width: 4px; }
.igt-stat.blue.active[b-pglkjn28lm]::after { background: #3b82f6; }
.igt-stat.orange.active[b-pglkjn28lm]::after { background: #d97706; }
.igt-stat.green.active[b-pglkjn28lm]::after { background: #16a34a; }
.igt-stat.active[b-pglkjn28lm] { transform: scale(1.03); box-shadow: 0 4px 16px rgba(0,0,0,0.1); }
.igt-stat.blue.active[b-pglkjn28lm] { background: #dbeafe; border-color: #93c5fd; }
.igt-stat.orange.active[b-pglkjn28lm] { background: #fef3c7; border-color: #fbbf24; }
.igt-stat.green.active[b-pglkjn28lm] { background: #dcfce7; border-color: #86efac; }
.igt-st-val[b-pglkjn28lm] { display: block; font-size: 1.5rem; font-weight: 800; color: var(--t-text, #1e293b); }
.igt-stat.blue .igt-st-val[b-pglkjn28lm] { color: #3b82f6; }
.igt-stat.teal .igt-st-val[b-pglkjn28lm] { color: #0d9488; }
.igt-stat.orange .igt-st-val[b-pglkjn28lm] { color: #d97706; }
.igt-stat.green .igt-st-val[b-pglkjn28lm] { color: #16a34a; }
.igt-stat.purple .igt-st-val[b-pglkjn28lm] { color: #7c3aed; }
.igt-st-label[b-pglkjn28lm] { display: block; font-size: 0.72rem; font-weight: 600; color: #94a3b8; text-transform: uppercase; }
.igt-stat.active .igt-st-label[b-pglkjn28lm] { color: #64748b; }

/* ═══ FİLTRE ═══ */
.igt-filter-row[b-pglkjn28lm] {
    display: flex; gap: 10px; flex-wrap: wrap; align-items: flex-end;
}
.igt-filter-group[b-pglkjn28lm] {
    display: flex; flex-direction: column; gap: 4px; min-width: 130px;
}
.igt-filter-group label[b-pglkjn28lm] {
    font-size: 0.75rem; font-weight: 700; color: var(--t-text-muted, #64748b);
}
.igt-filter-actions[b-pglkjn28lm] {
    margin-left: auto;
}
.igt-filter-btns[b-pglkjn28lm] {
    display: flex; gap: 8px; align-items: center;
}
.igt-input[b-pglkjn28lm] {
    padding: 7px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 10px;
    font-size: 0.84rem; outline: none; background: var(--t-card, white); transition: border 0.2s; width: 100%; box-sizing: border-box; height: 36px;
}
.igt-input:focus[b-pglkjn28lm] { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.1); }
textarea.igt-input[b-pglkjn28lm] { resize: vertical; }

/* SearchSelect in filter */
.igt-filter-group[b-pglkjn28lm]  .ss-wrap { position: relative; }
.igt-filter-group[b-pglkjn28lm]  .m-input {
    padding: 7px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 10px;
    font-size: 0.84rem; transition: border 0.2s; outline: none;
    background: var(--t-card, white); width: 100%; box-sizing: border-box; height: 36px;
}
.igt-filter-group[b-pglkjn28lm]  .m-input:focus,
.igt-filter-group[b-pglkjn28lm]  .m-input.ss-open {
    border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.1);
}

.igt-search-input[b-pglkjn28lm] {
    padding: 7px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 10px;
    font-size: 0.84rem; outline: none; box-sizing: border-box; min-width: 160px; width: 100%; height: 36px;
}
.igt-search-input:focus[b-pglkjn28lm] { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.08); }
.igt-btn[b-pglkjn28lm] {
    padding: 0 16px; border: none; border-radius: 10px; font-weight: 700;
    font-size: 0.82rem; cursor: pointer; transition: all 0.2s; white-space: nowrap;
    height: 36px; display: inline-flex; align-items: center; gap: 4px;
}
.igt-btn-reset[b-pglkjn28lm] {
    background: #f1f5f9; color: #475569; border: 1.5px solid var(--t-card-border, #e2e8f0);
    padding: 0 16px; border-radius: 10px; font-weight: 700; font-size: 0.82rem;
    cursor: pointer; transition: all 0.2s; white-space: nowrap;
    height: 36px; display: inline-flex; align-items: center; gap: 4px;
}
.igt-btn-reset:hover[b-pglkjn28lm] { background: #e2e8f0; color: var(--t-text, #1e293b); border-color: #cbd5e1; }
.igt-btn-download[b-pglkjn28lm] {
    background: linear-gradient(135deg, #059669, #10b981); color: white; border: 1.5px solid #059669;
    padding: 0 16px; border-radius: 10px; font-weight: 700; font-size: 0.82rem;
    cursor: pointer; transition: all 0.2s; white-space: nowrap;
    height: 36px; display: inline-flex; align-items: center; gap: 4px;
}
.igt-btn-download:hover[b-pglkjn28lm] { background: linear-gradient(135deg, #047857, #059669); border-color: #047857; transform: translateY(-1px); box-shadow: 0 3px 10px rgba(5,150,105,0.25); }
.igt-btn-clear[b-pglkjn28lm] { background: var(--t-card, white); color: var(--t-text-muted, #64748b); border: 1.5px solid var(--t-card-border, #e2e8f0); }
.igt-btn-clear:hover[b-pglkjn28lm] { border-color: #ef4444; color: #ef4444; }
.igt-btn-save[b-pglkjn28lm] {
    background: #4f46e5; color: white;
    box-shadow: 0 2px 8px rgba(79,70,229,0.2);
}
.igt-btn-save:hover[b-pglkjn28lm] { background: #4338ca; transform: translateY(-1px); box-shadow: 0 4px 14px rgba(79,70,229,0.3); }
.igt-btn-delete[b-pglkjn28lm] {
    background: #fef2f2; color: #dc2626; border: 1.5px solid #fecaca;
}
.igt-btn-delete:hover[b-pglkjn28lm] { background: #dc2626; color: white; border-color: #dc2626; }

/* ═══ ÖZET KARTLAR ═══ */
.igt-summary-row[b-pglkjn28lm] {
    display: flex; gap: 14px; margin: 16px 24px 0; flex-wrap: wrap;
}
.igt-summary-card[b-pglkjn28lm] {
    display: flex; align-items: center; gap: 12px; background: var(--t-card, white);
    border-radius: 14px; padding: 14px 20px; box-shadow: 0 2px 10px rgba(0,0,0,0.04);
    border-left: 4px solid #6366f1; flex: 1; min-width: 130px;
}
.igt-summary-card.blue[b-pglkjn28lm] { border-left-color: #3b82f6; }
.igt-summary-card.teal[b-pglkjn28lm] { border-left-color: #14b8a6; }
.igt-summary-card.orange[b-pglkjn28lm] { border-left-color: #f59e0b; }
.igt-summary-card.green[b-pglkjn28lm] { border-left-color: #16a34a; }
.igt-summary-card.purple[b-pglkjn28lm] { border-left-color: #a855f7; }
.igt-s-icon[b-pglkjn28lm] { font-size: 1.5rem; }
.igt-s-val[b-pglkjn28lm] { font-size: 1.2rem; font-weight: 800; color: var(--t-text, #1e293b); }
.igt-s-label[b-pglkjn28lm] { font-size: 0.75rem; color: #94a3b8; font-weight: 600; }

/* ═══ DÜZENLEME FORMU ═══ */
.igt-edit-section[b-pglkjn28lm] {
    background: var(--t-card, white); margin: 16px 0 0; border-radius: 16px;
    box-shadow: 0 2px 12px rgba(99,102,241,0.1); padding: 22px 24px;
    border: 2px solid #c7d2fe;
}
.igt-edit-header[b-pglkjn28lm] {
    display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; flex-wrap: wrap; gap: 10px;
}
.igt-edit-header h3[b-pglkjn28lm] { margin: 0; font-size: 1rem; font-weight: 700; color: var(--t-text, #1e293b); }
.igt-edit-personel[b-pglkjn28lm] { color: #6366f1; font-weight: 600; }
.igt-edit-grid[b-pglkjn28lm] {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px;
}
.igt-edit-field[b-pglkjn28lm] { display: flex; flex-direction: column; gap: 5px; }
.igt-edit-field label[b-pglkjn28lm] { font-size: 0.8rem; font-weight: 700; color: #475569; }
.igt-span-full[b-pglkjn28lm] { grid-column: 1 / -1; }
.igt-edit-actions[b-pglkjn28lm] { display: flex; gap: 10px; margin-top: 14px; }

/* SearchSelect in edit form */
.igt-edit-field[b-pglkjn28lm]  .m-input {
    padding: 10px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 10px;
    font-size: 0.9rem; transition: border 0.2s; outline: none;
    background: var(--t-card, white); width: 100%; box-sizing: border-box;
}
.igt-edit-field[b-pglkjn28lm]  .m-input:focus,
.igt-edit-field[b-pglkjn28lm]  .m-input.ss-open {
    border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.1);
}

/* ═══ MESAJ ═══ */
.igt-message[b-pglkjn28lm] {
    margin: 14px 24px 0; padding: 12px 18px; border-radius: 10px;
    font-weight: 600; font-size: 0.9rem;
}
.igt-message.success[b-pglkjn28lm] { background: #f0fdf4; color: #16a34a; border: 1px solid #bbf7d0; }
.igt-message.error[b-pglkjn28lm] { background: #fef2f2; color: #dc2626; border: 1px solid #fecaca; }

/* ═══ TABLO — yonetim-liste.css'teki global ym-table kuralları kullanılır ═══ */
.igt-list-section[b-pglkjn28lm] {
    margin: 16px 0 0; border-radius: 16px; overflow: hidden;
}
.td-id[b-pglkjn28lm] { font-weight: 700; color: #94a3b8; font-size: 0.8rem; }
.td-personel[b-pglkjn28lm] { max-width: 160px; }
.personel-tag[b-pglkjn28lm] {
    background: #eff6ff; color: #3b82f6; padding: 3px 10px; border-radius: 6px;
    font-size: 0.78rem; font-weight: 700; white-space: nowrap;
    overflow: hidden; text-overflow: ellipsis; display: inline-block; max-width: 150px;
}
.hasta-tag[b-pglkjn28lm] {
    background: #fef3c7; color: #92400e; padding: 2px 8px; border-radius: 6px;
    font-size: 0.78rem; font-weight: 600;
}
.td-sure[b-pglkjn28lm] { font-weight: 700; color: #6366f1; }
.td-merkez[b-pglkjn28lm] { max-width: 220px; overflow: hidden; text-overflow: ellipsis; }
.td-vizit[b-pglkjn28lm] { max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.82rem; }
.td-notlar[b-pglkjn28lm] { max-width: 180px; overflow: hidden; text-overflow: ellipsis; color: #94a3b8; font-size: 0.82rem; }
.durum-pill[b-pglkjn28lm] {
    padding: 4px 12px; border-radius: 8px; font-size: 0.76rem; font-weight: 700; display: inline-block;
}
.durum-pill.raporlandi[b-pglkjn28lm] { background: #f0fdf4; color: #16a34a; }
.durum-pill.raporlanmadi[b-pglkjn28lm] { background: #fffbeb; color: #d97706; }
.empty-row[b-pglkjn28lm] { text-align: center; padding: 40px 16px !important; color: #94a3b8; font-size: 0.9rem; }

/* ═══ SORGULAR ═══ */
.igt-sorgu-section[b-pglkjn28lm] { padding: 20px 24px; }
.igt-sorgu-cards[b-pglkjn28lm] {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; margin-bottom: 20px;
}
.igt-sorgu-card[b-pglkjn28lm] {
    background: var(--t-card, white); border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 16px;
    padding: 22px; cursor: pointer; transition: all 0.3s;
}
.igt-sorgu-card:hover[b-pglkjn28lm] {
    border-color: #6366f1; transform: translateY(-3px); box-shadow: 0 8px 30px rgba(99,102,241,0.12);
}
.igt-sq-icon[b-pglkjn28lm] { font-size: 1.8rem; display: block; margin-bottom: 10px; }
.igt-sq-title[b-pglkjn28lm] { font-weight: 800; font-size: 0.95rem; color: var(--t-text, #1e293b); margin-bottom: 6px; }
.igt-sq-desc[b-pglkjn28lm] { font-size: 0.8rem; color: #94a3b8; line-height: 1.5; }
.igt-sorgu-filters[b-pglkjn28lm] {
    display: flex; gap: 14px; margin-bottom: 20px; flex-wrap: wrap; align-items: flex-end;
}
.igt-sorgu-filters .igt-filter-group[b-pglkjn28lm] { flex: 1 1 0; min-width: 180px; }
.igt-sorgu-result[b-pglkjn28lm] {
    background: var(--t-card, white); border-radius: 16px; box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    overflow: hidden;
}
.igt-sorgu-result h3[b-pglkjn28lm] {
    margin: 0; padding: 18px 24px; background: #fafbfc; border-bottom: 2px solid #f1f5f9;
    font-size: 1rem; font-weight: 700; color: var(--t-text, #1e293b);
}

/* ═══ RAPORLAR ═══ */
.igt-rapor-section[b-pglkjn28lm] { padding: 20px 24px; }
.igt-rapor-filters[b-pglkjn28lm] {
    display: flex; gap: 14px; margin-bottom: 20px; flex-wrap: wrap; align-items: flex-end;
}
.igt-rapor-filters .igt-filter-group[b-pglkjn28lm] { flex: 1 1 0; min-width: 180px; }
/* SearchSelect in rapor filters */
.igt-rapor-filters[b-pglkjn28lm]  .m-input {
    padding: 10px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 10px;
    font-size: 0.9rem; transition: border 0.2s; outline: none;
    background: var(--t-card, white); width: 100%; box-sizing: border-box;
}
.igt-rapor-filters[b-pglkjn28lm]  .m-input:focus,
.igt-rapor-filters[b-pglkjn28lm]  .m-input.ss-open {
    border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.1);
}
.igt-rapor-cards[b-pglkjn28lm] {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px;
}
.igt-rapor-card[b-pglkjn28lm] {
    background: var(--t-card, white); border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 16px;
    padding: 22px; cursor: pointer; transition: all 0.3s;
}
.igt-rapor-card:hover[b-pglkjn28lm] {
    border-color: #16a34a; transform: translateY(-3px); box-shadow: 0 8px 30px rgba(22,163,106,0.12);
}
.igt-rapor-card.raporlandi-card[b-pglkjn28lm] { border: 1.5px solid #f59e0b; background: linear-gradient(135deg, #fef3c7, #fde68a); }
.igt-rapor-card.raporlandi-card:hover[b-pglkjn28lm] { border-color: #d97706; box-shadow: 0 8px 30px rgba(245,158,11,0.2); }
.igt-rp-icon[b-pglkjn28lm] { font-size: 1.8rem; display: block; margin-bottom: 10px; }
.igt-rp-title[b-pglkjn28lm] { font-weight: 800; font-size: 0.95rem; color: var(--t-text, #1e293b); margin-bottom: 6px; }
.igt-rp-desc[b-pglkjn28lm] { font-size: 0.8rem; color: #94a3b8; line-height: 1.5; }

/* ═══ RESPONSİVE ═══ */
@media (max-width: 768px) {
    .igt-section[b-pglkjn28lm] { margin: 12px; padding: 14px; }
    .igt-edit-section[b-pglkjn28lm] { margin: 12px 0 0; }
    .igt-filter-row[b-pglkjn28lm] { flex-direction: column; gap: 6px; }
    .igt-filter-group[b-pglkjn28lm] { min-width: 100% !important; flex: 1 1 100% !important; }
    .igt-filter-group label[b-pglkjn28lm] { margin-bottom: 0; }
    .igt-filter-actions[b-pglkjn28lm] { width: 100%; justify-content: stretch; margin-top: 0; }
    .igt-filter-actions > label[b-pglkjn28lm] { display: none !important; }
    .igt-filter-actions .igt-btn[b-pglkjn28lm] { flex: 1; text-align: center; }
    .igt-filter-btns[b-pglkjn28lm] { width: 100%; }
    .igt-filter-btns .igt-btn[b-pglkjn28lm] { flex: 1; justify-content: center; }
    .igt-stats[b-pglkjn28lm] { gap: 8px; }
    .igt-stat[b-pglkjn28lm] { min-width: calc(50% - 6px); padding: 10px 8px; }
    .igt-st-val[b-pglkjn28lm] { font-size: 1.2rem; }
    .igt-summary-card[b-pglkjn28lm] { min-width: calc(50% - 10px); }
    .igt-edit-grid[b-pglkjn28lm] { grid-template-columns: 1fr; }
    .igt-sorgu-section[b-pglkjn28lm], .igt-rapor-section[b-pglkjn28lm] { padding: 12px; }
    .igt-rapor-filters[b-pglkjn28lm] { flex-direction: column; gap: 8px; }
    .igt-rapor-filters .igt-filter-group[b-pglkjn28lm] { min-width: 100%; flex: 1 1 100%; }
    .igt-rapor-filters .igt-filter-group .igt-input[b-pglkjn28lm] { width: 100%; box-sizing: border-box; }
    .igt-rapor-cards[b-pglkjn28lm] { grid-template-columns: 1fr; }
    .igt-sorgu-cards[b-pglkjn28lm] { grid-template-columns: 1fr; }
    .cfp-dropdown[b-pglkjn28lm] { width: 90vw; }
}

@media (max-width: 480px) {
    .igt-stat[b-pglkjn28lm] { min-width: calc(50% - 6px); }
    .igt-summary-card[b-pglkjn28lm] { min-width: 100%; }
}
/* /Components/Pages/Yonetim/IzinYonetimi.razor.rz.scp.css */
/* ═══ İZİN YÖNETİMİ — Sayfa-Özel Stiller ═══ */
/* Ortak stiller (ym-page, ym-topbar, ym-back, vb.): /css/yonetim-liste.css */

/* Sekmeler: ortak ym-tabs-wrapper kullanılıyor (yonetim-liste.css) */
@media (max-width: 768px) {
    .izn-section[b-jr63w6xl23] { margin: 12px; padding: 14px; }
    .igt-stats[b-jr63w6xl23] { gap: 8px; }
    .igt-stat[b-jr63w6xl23] { min-width: calc(50% - 6px); padding: 10px 8px; }
}

/* SECTION */
.izn-section[b-jr63w6xl23] {
    margin: 16px 24px 24px; background: var(--t-card, white);
    border-radius: 16px; padding: 20px 24px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.05);
    animation: iznFadeIn-b-jr63w6xl23 0.3s ease;
}
@keyframes iznFadeIn-b-jr63w6xl23 {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* PAGE BG */
.ym-page[b-jr63w6xl23] {
    background: #f5f7fa; min-height: var(--app-height, 100vh); padding: 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* TABLO — yonetim-liste.css'teki global ym-table kuralları kullanılır */
.td-id[b-jr63w6xl23] { font-weight: 700; color: #94a3b8; font-size: 0.8rem; }
.td-sure[b-jr63w6xl23] { font-weight: 700; color: #6366f1; }
.td-notlar[b-jr63w6xl23] { max-width: 180px; overflow: hidden; text-overflow: ellipsis; color: #94a3b8; font-size: 0.82rem; }
.personel-tag[b-jr63w6xl23] {
    background: #eff6ff; color: #3b82f6; padding: 3px 10px; border-radius: 6px;
    font-size: 0.78rem; font-weight: 700; white-space: nowrap;
}
.empty-row[b-jr63w6xl23] { text-align: center; padding: 40px 16px !important; color: #94a3b8; font-size: 0.9rem; }

/* MESAJ */
.igt-message[b-jr63w6xl23] {
    margin: 14px 24px 0; padding: 12px 18px; border-radius: 10px;
    font-weight: 600; font-size: 0.9rem;
}
.igt-message.success[b-jr63w6xl23] { background: #f0fdf4; color: #16a34a; border: 1px solid #bbf7d0; }
.igt-message.error[b-jr63w6xl23] { background: #fef2f2; color: #dc2626; border: 1px solid #fecaca; }

/* BUTONLAR */
.igt-btn[b-jr63w6xl23] {
    padding: 10px 18px; border: none; border-radius: 10px; font-weight: 700;
    font-size: 0.82rem; cursor: pointer; transition: all 0.2s;
}
.igt-btn-save[b-jr63w6xl23] {
    background: #4f46e5; color: white;
    box-shadow: 0 2px 8px rgba(79,70,229,0.2);
}
.igt-btn-save:hover[b-jr63w6xl23] { background: #4338ca; transform: translateY(-1px); box-shadow: 0 4px 14px rgba(79,70,229,0.3); }
.igt-btn-delete[b-jr63w6xl23] {
    background: #fef2f2; color: #dc2626; border: 1.5px solid #fecaca;
}
.igt-btn-delete:hover[b-jr63w6xl23] { background: #dc2626; color: white; border-color: #dc2626; }
.igt-btn-clear[b-jr63w6xl23] { background: var(--t-card, white); color: var(--t-text-muted, #64748b); border: 1.5px solid var(--t-card-border, #e2e8f0); }
.igt-btn-clear:hover[b-jr63w6xl23] { border-color: #ef4444; color: #ef4444; }

/* TALEP KARTLARI */
.izn-talep-card[b-jr63w6xl23] {
    background: var(--t-card, white); border-radius: 14px; padding: 20px 24px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.05); margin-bottom: 12px;
    display: flex; align-items: center; gap: 18px;
    border-left: 4px solid #f59e0b; transition: all 0.2s;
}
.izn-talep-card:hover[b-jr63w6xl23] { box-shadow: 0 4px 20px rgba(0,0,0,0.08); }

/* Avatar */
.izn-tc-avatar[b-jr63w6xl23] {
    width: 52px; height: 52px; border-radius: 50%; flex-shrink: 0;
    background: linear-gradient(135deg, #6366f1, #8b5cf6); color: white;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.3rem; font-weight: 800; overflow: hidden;
    box-shadow: 0 2px 8px rgba(99,102,241,0.25);
}
.izn-tc-avatar img[b-jr63w6xl23] {
    width: 100%; height: 100%; object-fit: cover; border-radius: 50%;
}

.izn-tc-left[b-jr63w6xl23] { flex: 1; min-width: 0; }
.izn-tc-name[b-jr63w6xl23] { font-weight: 800; font-size: 1rem; color: var(--t-text, #1e293b); margin-bottom: 6px; }
.izn-tc-meta[b-jr63w6xl23] { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; font-size: 0.85rem; color: var(--t-text-muted, #64748b); }
.izn-tc-gun[b-jr63w6xl23] { font-weight: 700; color: #6366f1; background: #eff6ff; padding: 2px 10px; border-radius: 6px; }
.izn-tc-ack[b-jr63w6xl23] { font-size: 0.82rem; color: #94a3b8; margin-top: 6px; font-style: italic; }

/* Bakiye kutusu — dikkat çekici */
.izn-tc-bakiye-box[b-jr63w6xl23] {
    flex-shrink: 0; text-align: center; padding: 14px 18px; border-radius: 14px;
    background: linear-gradient(135deg, #f0fdf4, #dcfce7); border: 1.5px solid #86efac;
    min-width: 90px; transition: all 0.2s;
}
.izn-tc-bakiye-box.sifir[b-jr63w6xl23] {
    background: linear-gradient(135deg, #f8fafc, #f1f5f9); border-color: #cbd5e1;
}
.izn-tc-bakiye-box.borc[b-jr63w6xl23] {
    background: linear-gradient(135deg, #fef2f2, #fee2e2); border-color: #fca5a5;
    animation: iznBorcPulse-b-jr63w6xl23 2s ease-in-out infinite;
}
@keyframes iznBorcPulse-b-jr63w6xl23 {
    0%, 100% { box-shadow: 0 0 0 0 rgba(220,38,38,0); }
    50% { box-shadow: 0 0 0 6px rgba(220,38,38,0.08); }
}
.izn-tc-bakiye-num[b-jr63w6xl23] {
    display: block; font-size: 1.6rem; font-weight: 900; color: #16a34a; line-height: 1;
}
.izn-tc-bakiye-box.sifir .izn-tc-bakiye-num[b-jr63w6xl23] { color: #64748b; }
.izn-tc-bakiye-box.borc .izn-tc-bakiye-num[b-jr63w6xl23] { color: #dc2626; }
.izn-tc-bakiye-label[b-jr63w6xl23] {
    display: block; font-size: 0.68rem; font-weight: 700; color: #94a3b8;
    text-transform: uppercase; letter-spacing: 0.3px; margin-top: 2px;
}
.izn-tc-bakiye-warn[b-jr63w6xl23] {
    display: block; font-size: 0.68rem; font-weight: 800; color: #dc2626; margin-top: 4px;
}

.izn-tc-actions[b-jr63w6xl23] { display: flex; gap: 8px; flex-shrink: 0; }
.izn-tc-btn[b-jr63w6xl23] {
    padding: 10px 20px; border: none; border-radius: 10px; font-weight: 700;
    font-size: 0.85rem; cursor: pointer; transition: all 0.2s;
}
.izn-tc-btn.onayla[b-jr63w6xl23] { background: #f0fdf4; color: #16a34a; border: 1.5px solid #bbf7d0; }
.izn-tc-btn.onayla:hover[b-jr63w6xl23] { background: #16a34a; color: white; }
.izn-tc-btn.reddet[b-jr63w6xl23] { background: #fef2f2; color: #dc2626; border: 1.5px solid #fecaca; }
.izn-tc-btn.reddet:hover[b-jr63w6xl23] { background: #dc2626; color: white; }
.izn-empty[b-jr63w6xl23] {
    text-align: center; padding: 40px; color: #94a3b8; font-size: 0.95rem;
    background: var(--t-card, white); border-radius: 14px; box-shadow: 0 2px 10px rgba(0,0,0,0.04);
}

/* FİLTRE */
.izn-filter-row[b-jr63w6xl23] {
    display: flex; gap: 14px; margin-bottom: 16px; align-items: center; flex-wrap: wrap;
}
.izn-filter-actions[b-jr63w6xl23] { display: flex; gap: 8px; align-items: center; margin-left: auto; }
.izn-btn-reset[b-jr63w6xl23] {
    padding: 0 16px; background: #f1f5f9; color: #475569; border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 10px; font-weight: 700; font-size: 0.82rem; cursor: pointer; transition: all 0.2s; white-space: nowrap;
    height: 36px; display: inline-flex; align-items: center; gap: 4px;
}
.izn-btn-reset:hover[b-jr63w6xl23] { background: #e2e8f0; color: var(--t-text, #1e293b); border-color: #cbd5e1; }
.izn-field[b-jr63w6xl23] { display: flex; flex-direction: column; gap: 5px; }
.izn-field .req[b-jr63w6xl23] { color: #ef4444; }
.izn-field label[b-jr63w6xl23] { font-size: 0.8rem; font-weight: 700; color: #475569; }
.izn-span-full[b-jr63w6xl23] { grid-column: 1 / -1; }
.izn-input[b-jr63w6xl23] {
    padding: 10px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 10px;
    font-size: 0.9rem; outline: none; background: var(--t-card, white); transition: all 0.2s;
    width: 100%; box-sizing: border-box;
}
.izn-input:focus[b-jr63w6xl23] { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.1); }
.izn-input-sm[b-jr63w6xl23] { padding: 7px 14px; font-size: 0.84rem; height: 36px; }
textarea.izn-input[b-jr63w6xl23] { resize: vertical; }
.izn-btn-download[b-jr63w6xl23] {
    padding: 0 16px; background: linear-gradient(135deg, #059669, #10b981); color: white; border: 1.5px solid #059669;
    border-radius: 10px; cursor: pointer; font-size: 0.82rem; font-weight: 700;
    white-space: nowrap; transition: all 0.2s; box-sizing: border-box;
    display: inline-flex; align-items: center; gap: 4px; height: 36px;
}
.izn-btn-download:hover[b-jr63w6xl23] { background: linear-gradient(135deg, #047857, #059669); border-color: #047857; transform: translateY(-1px); box-shadow: 0 3px 10px rgba(5,150,105,0.25); }

/* SearchSelect */
.izn-field[b-jr63w6xl23]  .m-input {
    padding: 10px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 10px;
    font-size: 0.9rem; transition: all 0.2s; outline: none;
    background: var(--t-card, white); width: 100%; box-sizing: border-box;
}
.izn-filter-row[b-jr63w6xl23]  .m-input {
    padding: 7px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 10px;
    font-size: 0.84rem; transition: all 0.2s; outline: none;
    background: var(--t-card, white); width: 100%; box-sizing: border-box; height: 36px;
}
.izn-field[b-jr63w6xl23]  .m-input:focus, .izn-field[b-jr63w6xl23]  .m-input.ss-open,
.izn-filter-row[b-jr63w6xl23]  .m-input:focus, .izn-filter-row[b-jr63w6xl23]  .m-input.ss-open {
    border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.1);
}

/* İSTATİSTİK KARTLARI — igt-stat kullanılıyor (IsGirisiTakibi ile aynı) */
.igt-stats[b-jr63w6xl23] { display: flex; gap: 12px; margin-bottom: 16px; flex-wrap: wrap; }
.igt-stat[b-jr63w6xl23] {
    flex: 1; min-width: 100px; text-align: center; padding: 14px 12px;
    border-radius: 12px; border: 1.5px solid var(--t-card-border, #e2e8f0);
    background: var(--t-hover, #f8fafc);
    transition: transform 0.15s, box-shadow 0.15s, background 0.15s, border-color 0.15s;
    position: relative; overflow: hidden;
}
.igt-stat.blue[b-jr63w6xl23] { background: #eff6ff; border-color: #bfdbfe; }
.igt-stat.green[b-jr63w6xl23] { background: #f0fdf4; border-color: #bbf7d0; }
.igt-stat.orange[b-jr63w6xl23] { background: #fffbeb; border-color: #fde68a; }
.igt-stat.cyan[b-jr63w6xl23] { background: #ecfeff; border-color: #a5f3fc; }
.igt-stat.red[b-jr63w6xl23] { background: #fef2f2; border-color: #fecaca; }
.igt-stat.purple[b-jr63w6xl23] { background: #f5f3ff; border-color: #ddd6fe; }
.igt-stat:hover[b-jr63w6xl23] { transform: scale(1.02); }
.igt-stat[b-jr63w6xl23]::after {
    content: ''; position: absolute; left: 0; top: 0; bottom: 0;
    width: 0; border-radius: 12px 0 0 12px;
    transition: width 0.2s ease;
}
.igt-stat.active[b-jr63w6xl23]::after { width: 4px; }
.igt-stat.blue.active[b-jr63w6xl23]::after { background: #3b82f6; }
.igt-stat.green.active[b-jr63w6xl23]::after { background: #16a34a; }
.igt-stat.orange.active[b-jr63w6xl23]::after { background: #d97706; }
.igt-stat.cyan.active[b-jr63w6xl23]::after { background: #0891b2; }
.igt-stat.red.active[b-jr63w6xl23]::after { background: #dc2626; }
.igt-stat.active[b-jr63w6xl23] { transform: scale(1.03); box-shadow: 0 4px 16px rgba(0,0,0,0.1); }
.igt-stat.blue.active[b-jr63w6xl23] { background: #dbeafe; border-color: #93c5fd; }
.igt-stat.green.active[b-jr63w6xl23] { background: #dcfce7; border-color: #86efac; }
.igt-stat.orange.active[b-jr63w6xl23] { background: #fef3c7; border-color: #fbbf24; }
.igt-stat.cyan.active[b-jr63w6xl23] { background: #cffafe; border-color: #67e8f9; }
.igt-stat.red.active[b-jr63w6xl23] { background: #fee2e2; border-color: #fca5a5; }
.igt-st-val[b-jr63w6xl23] { display: block; font-size: 1.5rem; font-weight: 800; color: var(--t-text, #1e293b); }
.igt-stat.blue .igt-st-val[b-jr63w6xl23] { color: #3b82f6; }
.igt-stat.green .igt-st-val[b-jr63w6xl23] { color: #16a34a; }
.igt-stat.orange .igt-st-val[b-jr63w6xl23] { color: #d97706; }
.igt-stat.cyan .igt-st-val[b-jr63w6xl23] { color: #0891b2; }
.igt-stat.red .igt-st-val[b-jr63w6xl23] { color: #dc2626; }
.igt-stat.purple .igt-st-val[b-jr63w6xl23] { color: #7c3aed; }
.igt-st-label[b-jr63w6xl23] { display: block; font-size: 0.72rem; font-weight: 600; color: #94a3b8; text-transform: uppercase; }
.igt-stat.active .igt-st-label[b-jr63w6xl23] { color: #64748b; }

/* FORM */
.izn-form-section[b-jr63w6xl23] {
    background: var(--t-card, white); border-radius: 16px; box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    overflow: visible;
}
.izn-form-section h3[b-jr63w6xl23] {
    margin: 0; padding: 18px 24px 14px; font-size: 1.1rem; font-weight: 700; color: var(--t-text, #1e293b);
    border-bottom: 2px solid #f1f5f9;
}
.izn-form-grid[b-jr63w6xl23] {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px; padding: 22px 24px 8px;
}
.izn-actions[b-jr63w6xl23] { display: flex; gap: 10px; padding: 14px 24px 18px; }

/* İzin türü / durum */
.izn-tur-tag[b-jr63w6xl23] {
    padding: 4px 12px; border-radius: 8px; font-size: 0.76rem; font-weight: 700; display: inline-block;
}
.izn-tur-tag.yillik[b-jr63w6xl23] { background: #eff6ff; color: #3b82f6; }
.izn-tur-tag.saglik[b-jr63w6xl23] { background: #fef2f2; color: #dc2626; }
.izn-tur-tag.mazeret[b-jr63w6xl23] { background: #fffbeb; color: #d97706; }
.izn-tur-tag.diger[b-jr63w6xl23] { background: #f3e8ff; color: #7c3aed; }

.durum-pill[b-jr63w6xl23] { padding: 4px 12px; border-radius: 8px; font-size: 0.76rem; font-weight: 700; display: inline-block; }
.durum-pill.onaylandi[b-jr63w6xl23] { background: #f0fdf4; color: #16a34a; }
.durum-pill.beklemede[b-jr63w6xl23] { background: #fffbeb; color: #d97706; }
.durum-pill.reddedildi[b-jr63w6xl23] { background: #fef2f2; color: #dc2626; }
.durum-pill.iptal[b-jr63w6xl23] { background: #f1f5f9; color: var(--t-text-muted, #64748b); }
.durum-pill.planlandi[b-jr63w6xl23] { background: #ecfeff; color: #0891b2; }

.td-talep[b-jr63w6xl23] { text-align: center; }

/* KAYNAK TAG */
.izn-kaynak-tag[b-jr63w6xl23] {
    display: inline-block; padding: 3px 10px; border-radius: 6px;
    font-size: 0.72rem; font-weight: 700; white-space: nowrap;
}
.izn-kaynak-tag.kisisel[b-jr63w6xl23] { background: #eff6ff; color: #3b82f6; }
.izn-kaynak-tag.yonetim[b-jr63w6xl23] { background: #f3e8ff; color: #7c3aed; }

.borc-val[b-jr63w6xl23] { color: #dc2626; font-weight: 800; }
.kalan-val[b-jr63w6xl23] { color: #16a34a; font-weight: 700; }
.hakedis-val[b-jr63w6xl23] { color: #3b82f6; }
.kullanilan-val[b-jr63w6xl23] { color: #f59e0b; }
.bekleyen-val[b-jr63w6xl23] { color: #8b5cf6; }

/* BAKİYE ÖZETİ */

.izn-bakiye-summary[b-jr63w6xl23] {
    display: flex; gap: 12px; margin-bottom: 16px; flex-wrap: wrap;
}
.izn-bk-stat[b-jr63w6xl23] {
    display: flex; align-items: center; gap: 8px; padding: 10px 18px;
    border-radius: 12px; font-weight: 700;
}
.izn-bk-stat.green[b-jr63w6xl23] { background: #f0fdf4; border: 1px solid #bbf7d0; }
.izn-bk-stat.green .izn-bk-num[b-jr63w6xl23] { color: #16a34a; font-size: 1.2rem; }
.izn-bk-stat.green .izn-bk-lbl[b-jr63w6xl23] { color: #16a34a; font-size: 0.82rem; }
.izn-bk-stat.blue[b-jr63w6xl23] { background: #eff6ff; border: 1px solid #bfdbfe; }
.izn-bk-stat.blue .izn-bk-num[b-jr63w6xl23] { color: #3b82f6; font-size: 1.2rem; }
.izn-bk-stat.blue .izn-bk-lbl[b-jr63w6xl23] { color: #3b82f6; font-size: 0.82rem; }
.izn-bk-stat.purple[b-jr63w6xl23] { background: #f3e8ff; border: 1px solid #d8b4fe; }
.izn-bk-stat.purple .izn-bk-num[b-jr63w6xl23] { color: #7c3aed; font-size: 1.2rem; }
.izn-bk-stat.purple .izn-bk-lbl[b-jr63w6xl23] { color: #7c3aed; font-size: 0.82rem; }
.izn-bk-stat.red[b-jr63w6xl23] { background: #fef2f2; border: 1px solid #fecaca; }
.izn-bk-stat.red .izn-bk-num[b-jr63w6xl23] { color: #dc2626; font-size: 1.2rem; }
.izn-bk-stat.red .izn-bk-lbl[b-jr63w6xl23] { color: #dc2626; font-size: 0.82rem; }

.bakiye-durum[b-jr63w6xl23] {
    padding: 3px 10px; border-radius: 8px; font-size: 0.74rem; font-weight: 700; white-space: nowrap;
}
.bakiye-durum.yeterli[b-jr63w6xl23] { background: #f0fdf4; color: #16a34a; }
.bakiye-durum.sifir[b-jr63w6xl23] { background: #f1f5f9; color: var(--t-text-muted, #64748b); }
.bakiye-durum.borc[b-jr63w6xl23] { background: #fef2f2; color: #dc2626; }
.row-borc[b-jr63w6xl23] { background: rgba(254,242,242,0.4) !important; }

/* RED POPUP */
.izn-popup-overlay[b-jr63w6xl23] {
    position: fixed; inset: 0; background: rgba(0,0,0,0.4); z-index: 9998;
}
.izn-popup[b-jr63w6xl23] {
    position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%);
    background: var(--t-card, white); border-radius: 16px; padding: 28px; width: 90%; max-width: 420px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.15); z-index: 9999;
}
.izn-popup h4[b-jr63w6xl23] { margin: 0 0 8px; font-size: 1.1rem; color: var(--t-text, #1e293b); }
.izn-popup p[b-jr63w6xl23] { color: var(--t-text-muted, #64748b); font-size: 0.88rem; margin: 0 0 14px; }
.izn-popup-actions[b-jr63w6xl23] { display: flex; gap: 10px; margin-top: 16px; }

/* ═══ SORGULAR ═══ */
.igt-sorgu-cards[b-jr63w6xl23] {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; margin-bottom: 20px;
}
.igt-sorgu-card[b-jr63w6xl23] {
    background: var(--t-card, white); border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 16px;
    padding: 22px; cursor: pointer; transition: all 0.3s;
}
.igt-sorgu-card:hover[b-jr63w6xl23] {
    border-color: #6366f1; transform: translateY(-3px); box-shadow: 0 8px 30px rgba(99,102,241,0.12);
}
.igt-sq-icon[b-jr63w6xl23] { font-size: 1.8rem; display: block; margin-bottom: 10px; }
.igt-sq-title[b-jr63w6xl23] { font-weight: 800; font-size: 0.95rem; color: var(--t-text, #1e293b); margin-bottom: 6px; }
.igt-sq-desc[b-jr63w6xl23] { font-size: 0.8rem; color: #94a3b8; line-height: 1.5; }
.igt-sorgu-result[b-jr63w6xl23] {
    background: var(--t-card, white); border-radius: 16px; box-shadow: 0 2px 12px rgba(0,0,0,0.06); overflow: hidden;
}
.igt-sorgu-result h3[b-jr63w6xl23] {
    margin: 0; padding: 18px 24px; background: #fafbfc; border-bottom: 2px solid #f1f5f9;
    font-size: 1rem; font-weight: 700; color: var(--t-text, #1e293b);
}

/* ═══ RAPORLAR ═══ */
.igt-rapor-cards[b-jr63w6xl23] {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px;
}
.igt-rapor-card[b-jr63w6xl23] {
    background: var(--t-card, white); border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 16px;
    padding: 22px; cursor: pointer; transition: all 0.3s;
}
.igt-rapor-card:hover[b-jr63w6xl23] {
    border-color: #16a34a; transform: translateY(-3px); box-shadow: 0 8px 30px rgba(22,163,106,0.12);
}
.igt-rp-icon[b-jr63w6xl23] { font-size: 1.8rem; display: block; margin-bottom: 10px; }
.igt-rp-title[b-jr63w6xl23] { font-weight: 800; font-size: 0.95rem; color: var(--t-text, #1e293b); margin-bottom: 6px; }
.igt-rp-desc[b-jr63w6xl23] { font-size: 0.8rem; color: #94a3b8; line-height: 1.5; }
.igt-message[b-jr63w6xl23] {
    margin: 14px 24px 0; padding: 12px 18px; border-radius: 10px; font-weight: 600; font-size: 0.9rem;
}
.igt-message.success[b-jr63w6xl23] { background: #f0fdf4; color: #16a34a; border: 1px solid #bbf7d0; }
.igt-message.error[b-jr63w6xl23] { background: #fef2f2; color: #dc2626; border: 1px solid #fecaca; }

/* ═══ TALEP KART EVRAK LİNKLERİ ═══ */
.izn-tc-ekler[b-jr63w6xl23] {
    display: flex; align-items: center; gap: 8px; margin-top: 8px; flex-wrap: wrap;
}
.izn-tc-ek-link[b-jr63w6xl23] {
    display: inline-flex; align-items: center; gap: 4px; padding: 4px 12px;
    border-radius: 8px; font-size: 0.76rem; font-weight: 700;
    text-decoration: none; transition: all 0.2s;
}
.izn-tc-ek-link.dilekce[b-jr63w6xl23] { background: #eff6ff; color: #3b82f6; border: 1px solid #bfdbfe; }
.izn-tc-ek-link.dilekce:hover[b-jr63w6xl23] { background: #dbeafe; border-color: #93c5fd; }
.izn-tc-ek-link.mail[b-jr63w6xl23] { background: #fdf2f8; color: #db2777; border: 1px solid #fbcfe8; }
.izn-tc-ek-link.mail:hover[b-jr63w6xl23] { background: #fce7f3; border-color: #f9a8d4; }

/* ═══ TABLO EVRAK KOLONU ═══ */
.izn-evrak-cell[b-jr63w6xl23] { white-space: nowrap; }
.izn-evrak-link[b-jr63w6xl23] {
    text-decoration: none; font-size: 1rem; padding: 0 3px;
    transition: transform 0.15s;
}
.izn-evrak-link:hover[b-jr63w6xl23] { transform: scale(1.2); display: inline-block; }

/* ═══ EK DOSYA YÜKLEME ALANLARI ═══ */
.izn-ek-row[b-jr63w6xl23] {
    display: grid; grid-template-columns: 1fr 1fr; gap: 16px;
    padding: 0 24px 16px;
}
.izn-ek-zone[b-jr63w6xl23] {
    border: 2px dashed var(--t-input-border, #e2e8f0); border-radius: 14px;
    background: var(--t-hover, #fafbfc); transition: all 0.25s;
    overflow: hidden;
}
.izn-ek-zone.dilekce[b-jr63w6xl23] { border-color: #c7d2fe; }
.izn-ek-zone.mail[b-jr63w6xl23] { border-color: #fbcfe8; }
.izn-ek-header[b-jr63w6xl23] {
    display: flex; align-items: center; gap: 8px; padding: 12px 16px;
    background: linear-gradient(135deg, #f8fafc, #eff6ff);
    border-bottom: 1px solid var(--t-card-border, #f1f5f9);
}
.izn-ek-zone.mail .izn-ek-header[b-jr63w6xl23] { background: linear-gradient(135deg, #fdf2f8, #fce7f3); }
.izn-ek-icon[b-jr63w6xl23] { font-size: 1.2rem; }
.izn-ek-title[b-jr63w6xl23] { font-size: 0.82rem; font-weight: 800; color: var(--t-text, #1e293b); }
.izn-ek-hint[b-jr63w6xl23] { font-size: 0.7rem; color: #94a3b8; margin-left: auto; font-weight: 600; }
.izn-ek-body[b-jr63w6xl23] {
    display: flex; align-items: center; justify-content: center;
    min-height: 80px; position: relative; cursor: pointer; padding: 12px 16px;
}
.izn-ek-empty[b-jr63w6xl23] {
    display: flex; flex-direction: column; align-items: center; gap: 6px;
    color: #94a3b8; font-size: 0.8rem; font-weight: 600;
}
.izn-ek-empty-label[b-jr63w6xl23] {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 6px; width: 100%; min-height: 80px; cursor: pointer;
    color: #94a3b8; font-size: 0.8rem; font-weight: 600;
}
.izn-ek-drop-icon[b-jr63w6xl23] { font-size: 1.5rem; opacity: 0.5; }
.izn-ek-loaded[b-jr63w6xl23] {
    display: flex; align-items: center; gap: 8px; padding: 8px 14px;
    background: #f0fdf4; border: 1.5px solid #86efac; border-radius: 10px; width: 100%;
}
.izn-ek-loaded.existing[b-jr63w6xl23] { background: #eff6ff; border-color: #93c5fd; }
.izn-ek-file-icon[b-jr63w6xl23] { font-size: 1.1rem; }
.izn-ek-file-name[b-jr63w6xl23] {
    font-size: 0.82rem; font-weight: 700; color: #16a34a; flex: 1;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.izn-ek-loaded.existing .izn-ek-file-name[b-jr63w6xl23] { color: #3b82f6; text-decoration: none; }
.izn-ek-loaded.existing .izn-ek-file-name:hover[b-jr63w6xl23] { text-decoration: underline; }
.izn-ek-file-size[b-jr63w6xl23] { font-size: 0.72rem; color: #94a3b8; font-weight: 600; }
.izn-ek-remove[b-jr63w6xl23] {
    background: #fef2f2; border: 1.5px solid #fecaca; color: #dc2626; border-radius: 8px;
    width: 28px; height: 28px; display: flex; align-items: center; justify-content: center;
    cursor: pointer; font-size: 0.8rem; font-weight: 800; transition: all 0.2s; flex-shrink: 0;
}
.izn-ek-remove:hover[b-jr63w6xl23] { background: #dc2626; color: white; }

@media (max-width: 768px) {
    .izn-tabs[b-jr63w6xl23] { margin: 12px; }
    .izn-section[b-jr63w6xl23] { margin: 12px; }
    .izn-talep-card[b-jr63w6xl23] { flex-direction: column; align-items: stretch; }
    .izn-tc-avatar[b-jr63w6xl23] { width: 40px; height: 40px; font-size: 1rem; align-self: flex-start; }
    .izn-tc-bakiye-box[b-jr63w6xl23] { align-self: flex-start; }
    .izn-tc-actions[b-jr63w6xl23] { justify-content: flex-end; }
    .izn-form-grid[b-jr63w6xl23] { grid-template-columns: 1fr; padding: 16px; }
    .izn-actions[b-jr63w6xl23] { padding: 16px; }
    .izn-filter-row[b-jr63w6xl23] { flex-wrap: nowrap; gap: 8px; }
    .izn-filter-row .izn-field[b-jr63w6xl23] { flex: 1 1 0; min-width: 0 !important; }
    .izn-filter-row .izn-btn-download[b-jr63w6xl23] { flex: 0 0 auto; }
    /* Hakediş — badge */
    .izn-filter-row .ym-toolbar-badge[b-jr63w6xl23] { flex: 0 0 auto; min-width: 0; text-align: center; box-sizing: border-box; }
    .izn-bakiye-header[b-jr63w6xl23] { flex-direction: column; align-items: stretch; }
    .izn-bakiye-search[b-jr63w6xl23] { min-width: auto; }
    .izn-bakiye-summary[b-jr63w6xl23] { flex-direction: column; }
    .izn-ek-row[b-jr63w6xl23] { grid-template-columns: 1fr; padding: 0 16px 12px; gap: 10px; }
    .izn-tc-ekler[b-jr63w6xl23] { gap: 6px; }
    .izn-gun-opts[b-jr63w6xl23] { flex-wrap: wrap; }
    .izn-gun-bilgi[b-jr63w6xl23] { flex-wrap: wrap; font-size: 0.72rem; }
}

/* ═══ GÜN SAYISI AYARLARI ═══ */
.izn-gun-ayarlar[b-jr63w6xl23] {
    background: linear-gradient(135deg, #f8fafc, #f1f5f9);
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 12px;
    padding: 14px 18px;
    margin-top: -4px;
}
.izn-gun-opts[b-jr63w6xl23] {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
}
.izn-gun-cb[b-jr63w6xl23] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--t-text, #334155);
    cursor: pointer;
    user-select: none;
    transition: color 0.2s;
}
.izn-gun-cb:hover[b-jr63w6xl23] { color: var(--t-primary, #3b82f6); }
.izn-gun-cb input[type="checkbox"][b-jr63w6xl23] {
    width: 18px;
    height: 18px;
    accent-color: #3b82f6;
    cursor: pointer;
    border-radius: 4px;
}
.izn-gun-reset[b-jr63w6xl23] {
    background: linear-gradient(135deg, #eff6ff, #dbeafe);
    border: 1.5px solid #93c5fd;
    color: #2563eb;
    padding: 5px 14px;
    border-radius: 8px;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s;
    margin-left: auto;
}
.izn-gun-reset:hover[b-jr63w6xl23] {
    background: #2563eb;
    color: white;
    border-color: #2563eb;
}
.izn-gun-bilgi[b-jr63w6xl23] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
    padding: 10px 14px;
    background: linear-gradient(135deg, #fefce8, #fef9c3);
    border: 1.5px solid #fde68a;
    border-radius: 10px;
    font-size: 0.78rem;
    font-weight: 600;
    color: #92400e;
    flex-wrap: wrap;
}
.izn-gun-cikar[b-jr63w6xl23] {
    color: #dc2626;
    font-weight: 800;
}
.izn-gun-sonuc[b-jr63w6xl23] {
    color: #16a34a;
    font-weight: 800;
    padding: 2px 10px;
    background: #f0fdf4;
    border: 1.5px solid #86efac;
    border-radius: 8px;
}
.izn-gun-manuel[b-jr63w6xl23] {
    border-color: #f59e0b !important;
    background: #fffbeb !important;
}
/* /Components/Pages/Yonetim/KargoYonetimi.razor.rz.scp.css */
/* ═══ KARGO YÖNETİMİ — Sayfa-Özel Stiller ═══ */
/* Ortak stiller (ym-page, ym-topbar, ym-back, vb.): /css/yonetim-liste.css */

/* ═══ SEKMELER ═══ */
.igt-tabs[b-2i5jk7n9s0] {
    display: flex; gap: 4px; padding: 0 24px; background: var(--t-topbar, var(--t-card, white));
    border-bottom: 2px solid var(--t-card-border, #f1f5f9); flex-wrap: wrap;
}
.igt-tab[b-2i5jk7n9s0] {
    padding: 12px 22px; border: none; background: none; cursor: pointer;
    font-weight: 700; font-size: 0.88rem; color: var(--t-text-muted, #94a3b8);
    border-bottom: 3px solid transparent; transition: all 0.2s;
}
.igt-tab:hover[b-2i5jk7n9s0] { color: var(--t-accent); background: color-mix(in srgb, var(--t-hover) 80%, transparent); }
.igt-tab.active[b-2i5jk7n9s0] {
    color: var(--t-accent);
    border-bottom-color: var(--t-accent);
    background: var(--t-accent-light);
}

/* ═══ İÇERİK ALANI ═══ */
.kg-content[b-2i5jk7n9s0] {
    padding: 20px 24px 24px;
}

/* ═══ INFO BANNER ═══ */
.kg-info-banner[b-2i5jk7n9s0] {
    display: flex; gap: 12px; align-items: flex-start;
    background: color-mix(in srgb, var(--t-accent) 12%, var(--t-card, #fff));
    border: 1.5px solid color-mix(in srgb, var(--t-accent) 38%, var(--t-card-border, #e2e8f0));
    border-radius: 12px;
    padding: 16px 20px; margin-bottom: 20px;
}
.kg-info-banner > span:first-child[b-2i5jk7n9s0] { font-size: 1.5rem; flex-shrink: 0; }
.kg-info-banner div[b-2i5jk7n9s0] { flex: 1; min-width: 0; }
.kg-info-banner strong[b-2i5jk7n9s0] { display: block; font-size: 0.95rem; color: var(--t-text); margin-bottom: 2px; }
.kg-info-banner div > span[b-2i5jk7n9s0] { font-size: 0.85rem; color: var(--t-text-muted); line-height: 1.5; }

/* ═══ BOX ═══ */
.kg-box[b-2i5jk7n9s0] {
    background: var(--t-card, white); border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 14px; margin-bottom: 20px; overflow: visible;
    box-shadow: 0 2px 12px rgba(0,0,0,0.04);
}
.kg-box-header[b-2i5jk7n9s0] {
    display: flex; align-items: center; gap: 8px;
    padding: 14px 20px; font-weight: 700; font-size: 0.95rem;
    background: var(--t-hover, #f8fafc); border-bottom: 1.5px solid var(--t-card-border, #e2e8f0);
    color: var(--t-text, #1e293b);
    border-radius: 14px 14px 0 0;
}
.kg-box-body[b-2i5jk7n9s0] { padding: 16px 20px; }

/* ═══ FIELD ═══ */
.kg-field[b-2i5jk7n9s0] { margin-bottom: 12px; }
.kg-field label[b-2i5jk7n9s0] {
    display: block; font-weight: 600; font-size: 0.85rem;
    color: var(--t-text-muted, #64748b); margin-bottom: 6px;
}
.kg-input[b-2i5jk7n9s0] {
    width: 100%; padding: 10px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 10px; font-size: 0.88rem; outline: none;
    background: var(--t-card, white); color: var(--t-text, #1e293b);
    transition: border-color 0.2s; box-sizing: border-box;
}
.kg-input:focus[b-2i5jk7n9s0] { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.1); }
.kg-input-sm[b-2i5jk7n9s0] { padding: 6px 10px; font-size: 0.82rem; min-width: 200px; }
.kg-hint[b-2i5jk7n9s0] { display: block; font-size: 0.8rem; color: #f59e0b; margin-top: 6px; font-weight: 600; }

/* ═══ BADGE ═══ */
.kg-badge[b-2i5jk7n9s0] {
    background: #6366f1; color: white; font-size: 0.75rem; font-weight: 700;
    padding: 2px 10px; border-radius: 20px; margin-left: auto;
}

/* ═══ SEARCH ROW ═══ */
.kg-search-row[b-2i5jk7n9s0] {
    display: flex; gap: 8px; align-items: center; margin-bottom: 12px; flex-wrap: wrap;
}
.kg-search-row .kg-input[b-2i5jk7n9s0] { flex: 1; min-width: 200px; height: 34px; padding: 0 14px; font-size: 0.84rem; }

/* ═══ PERSONEL/FİRMA LİST ═══ */
.kg-personel-list[b-2i5jk7n9s0] {
    max-height: 420px; overflow-y: auto; border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 10px;
}
.kg-personel-item[b-2i5jk7n9s0] {
    display: flex; align-items: center; gap: 12px; padding: 12px 16px;
    border-bottom: 1px solid var(--t-card-border, #f1f5f9); cursor: pointer;
    transition: background 0.15s;
}
.kg-personel-item:last-child[b-2i5jk7n9s0] { border-bottom: none; }
.kg-personel-item:hover[b-2i5jk7n9s0] { background: var(--t-hover, #f8fafc); }
.kg-personel-item.selected[b-2i5jk7n9s0] { background: #eff6ff; border-left: 3px solid #6366f1; }
.kg-personel-item.disabled[b-2i5jk7n9s0] { opacity: 0.5; cursor: not-allowed; background: #fafafa; }
.kg-personel-item.disabled:hover[b-2i5jk7n9s0] { background: #fafafa; }
.kg-check[b-2i5jk7n9s0] { font-size: 1.2rem; flex-shrink: 0; width: 28px; text-align: center; }
.kg-personel-info[b-2i5jk7n9s0] { flex: 1; min-width: 0; }
.kg-personel-info strong[b-2i5jk7n9s0] { display: block; font-size: 0.9rem; color: var(--t-text, #1e293b); }
.kg-personel-detail[b-2i5jk7n9s0] { display: block; font-size: 0.8rem; color: var(--t-text-muted, #64748b); }
.kg-personel-adres[b-2i5jk7n9s0] { flex-shrink: 0; min-width: 320px; flex: 1; }
.kg-firma-adres-text[b-2i5jk7n9s0] { font-size: 0.82rem; color: var(--t-text-muted, #64748b); line-height: 1.4; }
.kg-no-adres[b-2i5jk7n9s0] { font-size: 0.8rem; color: #f87171; font-weight: 600; }

/* ═══ BUTTONS ═══ */
.kg-btn[b-2i5jk7n9s0] {
    padding: 8px 16px; border: none; border-radius: 10px; font-weight: 600;
    font-size: 0.85rem; cursor: pointer; transition: all 0.2s;
    display: inline-flex; align-items: center; gap: 6px;
}
.kg-btn-sm[b-2i5jk7n9s0] {
    padding: 0 12px; height: 34px; font-size: 0.8rem; border-radius: 8px;
    background: color-mix(in srgb, #22c55e 14%, var(--t-card));
    color: #4ade80;
    border: 1.5px solid color-mix(in srgb, #22c55e 35%, var(--t-card-border));
    display: inline-flex; align-items: center;
}
.kg-btn-sm:hover[b-2i5jk7n9s0] { background: color-mix(in srgb, #22c55e 22%, var(--t-card)); }
.kg-btn-outline[b-2i5jk7n9s0] {
    background: color-mix(in srgb, #ef4444 12%, var(--t-card));
    color: #f87171;
    border: 1.5px solid color-mix(in srgb, #ef4444 35%, var(--t-card-border));
}
.kg-btn-outline:hover[b-2i5jk7n9s0] { background: color-mix(in srgb, #ef4444 20%, var(--t-card)); }
.kg-btn-primary[b-2i5jk7n9s0] {
    background: linear-gradient(135deg, #6366f1, #818cf8); color: white;
    padding: 12px 28px; font-size: 0.95rem; border-radius: 12px;
    box-shadow: 0 4px 14px rgba(99,102,241,0.3);
}
.kg-btn-primary:hover[b-2i5jk7n9s0] { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(99,102,241,0.4); }
.kg-btn-primary:disabled[b-2i5jk7n9s0] { opacity: 0.5; cursor: not-allowed; transform: none; box-shadow: none; }

/* ═══ ACTIONS ═══ */
.kg-actions[b-2i5jk7n9s0] {
    display: flex; justify-content: flex-end; gap: 12px; padding: 16px 0;
}

/* ═══ EMPTY ═══ */
.kg-empty[b-2i5jk7n9s0] {
    text-align: center; padding: 32px; color: var(--t-text-muted, #94a3b8);
    font-size: 0.9rem;
}

/* ═══ SECTION ═══ */
.kg-section[b-2i5jk7n9s0] { width: 100%; animation: kgFadeIn-b-2i5jk7n9s0 0.3s ease; }
@keyframes kgFadeIn-b-2i5jk7n9s0 { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

/* ═══ MOBİL UYUM ═══ */
@media (max-width: 768px) {
    /* Sekmeler — pill tarzı */
    .igt-tabs[b-2i5jk7n9s0] {
        display: flex; flex-wrap: wrap; gap: 8px;
        padding: 14px; border-bottom: none;
        background: var(--t-topbar, var(--t-card));
    }
    .igt-tab[b-2i5jk7n9s0] {
        flex: 1 1 auto; min-width: 0;
        padding: 10px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0);
        background: var(--t-card, white);
        border-radius: 12px; font-size: 0.82rem; font-weight: 700;
        color: var(--t-text-muted, #64748b); text-align: center;
        display: flex; align-items: center; justify-content: center; gap: 5px;
        border-bottom: 1.5px solid var(--t-card-border, #e2e8f0);
        box-shadow: 0 1px 3px rgba(0,0,0,0.04);
        transition: all 0.2s;
    }
    .igt-tab:hover[b-2i5jk7n9s0] {
        color: var(--t-accent);
        border-color: color-mix(in srgb, var(--t-accent) 45%, var(--t-card-border));
        background: var(--t-accent-light);
        box-shadow: 0 2px 6px color-mix(in srgb, var(--t-accent) 14%, transparent);
    }
    .igt-tab.active[b-2i5jk7n9s0] {
        color: var(--t-topbar-text, #fff);
        background: linear-gradient(135deg, var(--t-accent), color-mix(in srgb, var(--t-accent) 72%, #fff));
        border-color: var(--t-accent);
        box-shadow: 0 3px 12px color-mix(in srgb, var(--t-accent) 28%, transparent);
    }

    /* İçerik */
    .kg-content[b-2i5jk7n9s0] { padding: 10px; }

    /* Bilgi banner */
    .kg-info-banner[b-2i5jk7n9s0] { flex-direction: column; gap: 8px; padding: 12px; }
    .kg-info-banner > span:first-child[b-2i5jk7n9s0] { font-size: 1.2rem; }
    .kg-info-banner strong[b-2i5jk7n9s0] { font-size: 0.9rem; }
    .kg-info-banner div > span[b-2i5jk7n9s0] { font-size: 0.82rem; }

    /* Box */
    .kg-box[b-2i5jk7n9s0] { border-radius: 10px; margin-bottom: 14px; }
    .kg-box-header[b-2i5jk7n9s0] { padding: 10px 12px; font-size: 0.85rem; border-radius: 10px 10px 0 0; }
    .kg-box-body[b-2i5jk7n9s0] { padding: 10px 12px; }

    /* Arama satırı — input üstte tam genişlik, butonlar altta yan yana */
    .kg-search-row[b-2i5jk7n9s0] {
        flex-wrap: wrap; gap: 8px;
    }
    .kg-search-row .kg-input[b-2i5jk7n9s0] { flex-basis: 100%; min-width: 100%; }
    .kg-search-row .kg-btn[b-2i5jk7n9s0] { flex: 1 1 0; justify-content: center; min-width: 0; white-space: nowrap; }

    /* Personel / firma listesi */
    .kg-personel-list[b-2i5jk7n9s0] { max-height: 55vh; border-radius: 8px; }

    /* Personel satırı — tam genişlik, dikey düzen */
    .kg-personel-item[b-2i5jk7n9s0] {
        flex-wrap: wrap; gap: 6px; padding: 10px 10px;
    }
    .kg-check[b-2i5jk7n9s0] { width: 24px; font-size: 1.1rem; }

    .kg-personel-info[b-2i5jk7n9s0] {
        flex: 1; min-width: 0;
    }
    .kg-personel-info strong[b-2i5jk7n9s0] { font-size: 0.85rem; }
    .kg-personel-detail[b-2i5jk7n9s0] { font-size: 0.78rem; word-break: break-all; }

    /* Adres alanı — tam genişlik, checkbox hizasına kaydır */
    .kg-personel-adres[b-2i5jk7n9s0] {
        max-width: 100%; flex-basis: 100%;
        padding-left: 30px;
    }
    .kg-firma-adres-text[b-2i5jk7n9s0] { font-size: 0.78rem; line-height: 1.3; word-break: break-word; }
    .kg-no-adres[b-2i5jk7n9s0] { font-size: 0.78rem; }

    /* SearchSelect taşma önleme */
    .kg-personel-adres[b-2i5jk7n9s0]  .ss-wrap { width: 100%; }
    .kg-personel-adres[b-2i5jk7n9s0]  .m-input { font-size: 0.82rem; padding: 8px 10px; }
    .kg-personel-adres[b-2i5jk7n9s0]  .ss-panel { max-height: 180px; }

    .kg-field[b-2i5jk7n9s0]  .ss-wrap { width: 100%; }
    .kg-field[b-2i5jk7n9s0]  .m-input { font-size: 0.85rem; }

    /* Butonlar */
    .kg-actions[b-2i5jk7n9s0] { justify-content: center; padding: 12px 0; }
    .kg-btn-primary[b-2i5jk7n9s0] { width: 100%; justify-content: center; padding: 14px 20px; font-size: 0.9rem; }

    /* Badge */
    .kg-badge[b-2i5jk7n9s0] { font-size: 0.7rem; padding: 2px 8px; }

    /* Hint */
    .kg-hint[b-2i5jk7n9s0] { font-size: 0.78rem; }

    /* Input */
    .kg-input[b-2i5jk7n9s0] { font-size: 0.85rem; padding: 10px 12px; border-radius: 8px; }
    .kg-input-sm[b-2i5jk7n9s0] { min-width: 100%; width: 100%; }
}
/* /Components/Pages/Yonetim/KonumTakibi.razor.rz.scp.css */
/* ═══ KONUM TAKİBİ — Sayfa-Özel Stiller ═══ */
/* Ortak stiller yonetim-liste.css ve YonetimRaporlari.razor.css ile paylaşılır */

.yr-section[b-oswpvo155s] { padding: 20px 24px; animation: yrFadeIn-b-oswpvo155s 0.3s ease; }
@keyframes yrFadeIn-b-oswpvo155s { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.yr-loading[b-oswpvo155s] { display: flex; align-items: center; justify-content: center; gap: 14px; padding: 80px 24px; color: #64748b; font-size: 1rem; }
.yr-spinner[b-oswpvo155s] { width: 32px; height: 32px; border: 3px solid #e2e8f0; border-top-color: #6366f1; border-radius: 50%; animation: yr-spin-b-oswpvo155s 0.8s linear infinite; }
@keyframes yr-spin-b-oswpvo155s { to { transform: rotate(360deg); } }

.yr-summary-cards[b-oswpvo155s] { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 16px; margin-bottom: 24px; }
.yr-summary-cards.yr-small[b-oswpvo155s] { grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); margin-bottom: 20px; }
.yr-card[b-oswpvo155s] { background: var(--t-card, white); border-radius: 16px; padding: 20px; display: flex; align-items: center; gap: 16px; box-shadow: 0 2px 12px rgba(0,0,0,0.06); border-left: 4px solid transparent; transition: all 0.2s; }
.yr-card:hover[b-oswpvo155s] { transform: translateY(-2px); box-shadow: 0 4px 20px rgba(0,0,0,0.1); }
.yr-c-blue[b-oswpvo155s] { border-left-color: #3b82f6; }
.yr-c-green[b-oswpvo155s] { border-left-color: #22c55e; }
.yr-c-red[b-oswpvo155s] { border-left-color: #ef4444; }
.yr-card-icon[b-oswpvo155s] { font-size: 2rem; }
.yr-card-body[b-oswpvo155s] { flex: 1; }
.yr-card-val[b-oswpvo155s] { font-size: 1.8rem; font-weight: 800; color: var(--t-text, #1e293b); line-height: 1.1; white-space: nowrap; }
.yr-card-lbl[b-oswpvo155s] { font-size: 0.82rem; color: #64748b; font-weight: 600; margin-top: 2px; }

.yr-panel[b-oswpvo155s] { background: var(--t-card, white); border-radius: 16px; box-shadow: 0 2px 12px rgba(0,0,0,0.06); overflow: hidden; }
.yr-panel.yr-full[b-oswpvo155s] { margin-bottom: 20px; }
.yr-panel-head[b-oswpvo155s] { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid #f1f5f9; }
.yr-panel-head h3[b-oswpvo155s] { margin: 0; font-size: 1rem; font-weight: 700; color: var(--t-text, #1e293b); }
.yr-panel-body[b-oswpvo155s] { padding: 16px 20px; }
.yr-panel-actions[b-oswpvo155s] { display: flex; gap: 8px; align-items: center; }
.yr-input[b-oswpvo155s] { padding: 6px 12px; border: 1px solid #e2e8f0; border-radius: 10px; font-size: 0.85rem; background: var(--t-card, white); color: var(--t-text, #1e293b); height: 34px; box-sizing: border-box; }

.yr-table-wrap[b-oswpvo155s] { overflow-x: auto; }
.yr-table[b-oswpvo155s] { width: 100%; border-collapse: collapse; font-size: 0.85rem; }
.yr-table th[b-oswpvo155s] { background: #f8fafc; padding: 10px 14px; text-align: left; font-weight: 700; color: #64748b; border-bottom: 2px solid #e2e8f0; font-size: 0.8rem; white-space: nowrap; }
.yr-table td[b-oswpvo155s] { padding: 10px 14px; border-bottom: 1px solid #f1f5f9; color: var(--t-text, #334155); }
.yr-table tr:hover td[b-oswpvo155s] { background: #f8fafc; }
.yr-td-bold[b-oswpvo155s] { font-weight: 700; }
.yr-empty[b-oswpvo155s] { text-align: center; padding: 30px; color: #94a3b8; font-size: 0.9rem; }

.yr-konum-grid[b-oswpvo155s] { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; }
.yr-konum-card[b-oswpvo155s] { display: flex; align-items: center; gap: 12px; padding: 12px 16px; background: var(--t-bg, #f8fafc); border-radius: 12px; border: 1px solid #e2e8f0; transition: all 0.2s; }
.yr-konum-card.izinli[b-oswpvo155s] { border-left: 3px solid #22c55e; }
.yr-konum-card.izinsiz[b-oswpvo155s] { border-left: 3px solid #ef4444; }
.yr-konum-avatar[b-oswpvo155s] { width: 36px; height: 36px; border-radius: 50%; background: #e2e8f0; color: #64748b; font-weight: 700; font-size: 0.8rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
img.yr-konum-avatar.yr-avatar-img[b-oswpvo155s] { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; flex-shrink: 0; border: 2px solid #e2e8f0; }
.yr-konum-info[b-oswpvo155s] { flex: 1; }
.yr-konum-name[b-oswpvo155s] { display: block; font-weight: 700; font-size: 0.85rem; color: var(--t-text, #1e293b); }
.yr-konum-birim[b-oswpvo155s] { display: block; font-size: 0.75rem; color: #64748b; }
.yr-konum-status[b-oswpvo155s] { font-size: 0.75rem; font-weight: 700; flex-shrink: 0; }
.yr-konum-tip[b-oswpvo155s] { font-size: 0.78rem; font-weight: 600; padding: 3px 10px; border-radius: 20px; }
.yr-konum-tip.giris[b-oswpvo155s] { background: #dcfce7; color: #16a34a; }
.yr-konum-tip.cikis[b-oswpvo155s] { background: #fee2e2; color: #dc2626; }
.yr-konum-tip.heartbeat[b-oswpvo155s] { background: #dbeafe; color: #2563eb; }

.yr-btn-map[b-oswpvo155s] { background: none; border: none; cursor: pointer; font-size: 1.1rem; padding: 2px 6px; border-radius: 6px; transition: background 0.2s; }
.yr-btn-map:hover[b-oswpvo155s] { background: rgba(37,99,235,0.1); }

.yr-panel-body-scroll[b-oswpvo155s] { max-height: 480px; overflow-y: auto; }
.yr-table-wrap[b-oswpvo155s] { overflow-x: auto; max-height: 520px; overflow-y: auto; }

.yr-harita-overlay[b-oswpvo155s] { position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 5000; display: flex; align-items: center; justify-content: center; padding: 20px; }
.yr-harita-popup[b-oswpvo155s] { background: var(--t-card, white); border-radius: 16px; width: 100%; max-width: 700px; box-shadow: 0 25px 60px rgba(0,0,0,0.3); overflow: hidden; }
.yr-harita-head[b-oswpvo155s] { display: flex; align-items: flex-start; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid var(--t-border, #e2e8f0); }
.yr-harita-head h3[b-oswpvo155s] { margin: 0; font-size: 1rem; color: var(--t-text, #1e293b); }
.yr-harita-meta[b-oswpvo155s] { font-size: 0.8rem; color: #64748b; }
.yr-harita-close[b-oswpvo155s] { background: none; border: none; font-size: 1.2rem; cursor: pointer; color: #94a3b8; padding: 0 4px; line-height: 1; }
.yr-harita-close:hover[b-oswpvo155s] { color: #ef4444; }
.yr-harita-footer[b-oswpvo155s] { display: flex; align-items: center; gap: 16px; padding: 12px 20px; flex-wrap: wrap; font-size: 0.8rem; color: #64748b; border-top: 1px solid var(--t-border, #e2e8f0); }
.yr-btn-gmaps[b-oswpvo155s] { margin-left: auto; background: #2563eb; color: white; padding: 6px 14px; border-radius: 8px; text-decoration: none; font-size: 0.78rem; font-weight: 600; transition: background 0.2s; }
.yr-btn-gmaps:hover[b-oswpvo155s] { background: #1d4ed8; }

@media (max-width: 768px) {
    .yr-section[b-oswpvo155s] { padding: 14px; }
    .yr-summary-cards[b-oswpvo155s] { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .yr-summary-cards.yr-small[b-oswpvo155s] { grid-template-columns: repeat(2, 1fr); }
    .yr-card[b-oswpvo155s] { padding: 14px; gap: 10px; }
    .yr-card-icon[b-oswpvo155s] { font-size: 1.5rem; }
    .yr-card-val[b-oswpvo155s] { font-size: 1.2rem; }
    .yr-konum-grid[b-oswpvo155s] { grid-template-columns: 1fr; }
    .yr-panel-actions[b-oswpvo155s] { flex-wrap: wrap; }
    .yr-panel-body-scroll[b-oswpvo155s] { max-height: 380px; }
    .yr-table-wrap[b-oswpvo155s] { max-height: 400px; }
}
/* /Components/Pages/Yonetim/MasrafYonetimi.razor.rz.scp.css */
/* ═══ MASRAF YÖNETİMİ — Sayfa-Özel Stiller ═══ */
/* Ortak stiller (ym-page, ym-topbar, ym-back, ym-tabs-wrapper, vb.): /css/yonetim-liste.css */

.my-msg[b-2snhbhzqrp] { margin: 16px 24px 0; padding: 12px 18px; border-radius: 10px; font-weight: 600; font-size: 0.9rem; }
.my-msg.success[b-2snhbhzqrp] { background: #f0fdf4; color: #16a34a; border: 1px solid #bbf7d0; }
.my-msg.error[b-2snhbhzqrp] { background: #fef2f2; color: #dc2626; border: 1px solid #fecaca; }

.my-section[b-2snhbhzqrp] { margin: 16px 24px 24px; background: var(--t-card, white); border-radius: 16px; box-shadow: 0 2px 12px rgba(0,0,0,0.06); padding: 20px; animation: myFadeIn-b-2snhbhzqrp 0.3s ease; }
@keyframes myFadeIn-b-2snhbhzqrp { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

.my-stats[b-2snhbhzqrp] { display: flex; gap: 12px; margin-bottom: 10px; flex-wrap: wrap; }
.my-stat[b-2snhbhzqrp] {
    flex: 1; min-width: 100px; text-align: center; padding: 14px 12px;
    border-radius: 12px; border: 1.5px solid var(--t-card-border, #e2e8f0);
    position: relative; overflow: hidden;
    transition: transform 0.15s, box-shadow 0.15s, background 0.15s, border-color 0.15s;
}
.my-stat[b-2snhbhzqrp]::after {
    content: ''; position: absolute; left: 0; top: 0; bottom: 0;
    width: 0; border-radius: 12px 0 0 12px;
    transition: width 0.2s ease;
}
.my-stat.green[b-2snhbhzqrp] { background: #f0fdf4; border-color: #bbf7d0; }
.my-stat.blue[b-2snhbhzqrp] { background: #eff6ff; border-color: #bfdbfe; }
.my-stat.red[b-2snhbhzqrp] { background: #fef2f2; border-color: #fecaca; }
.my-stat.gray[b-2snhbhzqrp] { background: var(--t-hover, #f8fafc); }
.my-stat-val[b-2snhbhzqrp] { display: block; font-size: 1.5rem; font-weight: 800; color: var(--t-text, #1e293b); }
.my-stat.green .my-stat-val[b-2snhbhzqrp] { color: #16a34a; }
.my-stat.blue .my-stat-val[b-2snhbhzqrp] { color: #3b82f6; }
.my-stat.red .my-stat-val[b-2snhbhzqrp] { color: #dc2626; }
.my-stat.purple[b-2snhbhzqrp] { background: #faf5ff; border-color: #e9d5ff; }
.my-stat.purple .my-stat-val[b-2snhbhzqrp] { color: #9333ea; }
.my-stat.teal[b-2snhbhzqrp] { background: #f0fdfa; border-color: #99f6e4; }
.my-stat.teal .my-stat-val[b-2snhbhzqrp] { color: #0d9488; }
.my-stat.indigo[b-2snhbhzqrp] { background: #eef2ff; border-color: #c7d2fe; }
.my-stat.indigo .my-stat-val[b-2snhbhzqrp] { color: #6366f1; }
.my-stat-lbl[b-2snhbhzqrp] { font-size: 0.72rem; font-weight: 600; color: #94a3b8; text-transform: uppercase; }
.my-stat-tutar[b-2snhbhzqrp] { display: block; font-size: 0.72rem; font-weight: 700; color: #94a3b8; margin-top: 2px; }
.my-stat.orange[b-2snhbhzqrp] { background: #fff7ed; border-color: #fed7aa; }
.my-stat.orange .my-stat-val[b-2snhbhzqrp] { color: #ea580c; }
.my-stat:hover[b-2snhbhzqrp] { transform: scale(1.02); }
.my-stat.active[b-2snhbhzqrp] { transform: scale(1.03); box-shadow: 0 4px 16px rgba(0,0,0,0.1); }
.my-stat.active[b-2snhbhzqrp]::after { width: 4px; background: #6366f1; }
.my-stat.green.active[b-2snhbhzqrp] { background: #dcfce7; border-color: #86efac; }
.my-stat.green.active[b-2snhbhzqrp]::after { background: #16a34a; }
.my-stat.blue.active[b-2snhbhzqrp] { background: #dbeafe; border-color: #93c5fd; }
.my-stat.blue.active[b-2snhbhzqrp]::after { background: #3b82f6; }
.my-stat.red.active[b-2snhbhzqrp] { background: #fee2e2; border-color: #fca5a5; }
.my-stat.red.active[b-2snhbhzqrp]::after { background: #dc2626; }
.my-stat.purple.active[b-2snhbhzqrp] { background: #f3e8ff; border-color: #d8b4fe; }
.my-stat.purple.active[b-2snhbhzqrp]::after { background: #9333ea; }
.my-stat.teal.active[b-2snhbhzqrp] { background: #ccfbf1; border-color: #5eead4; }
.my-stat.teal.active[b-2snhbhzqrp]::after { background: #0d9488; }
.my-stat.indigo.active[b-2snhbhzqrp] { background: #e0e7ff; border-color: #a5b4fc; }
.my-stat.indigo.active[b-2snhbhzqrp]::after { background: #6366f1; }
.my-stat.orange.active[b-2snhbhzqrp] { background: #ffedd5; border-color: #fdba74; }
.my-stat.orange.active[b-2snhbhzqrp]::after { background: #ea580c; }
.my-stat.gray.active[b-2snhbhzqrp] { background: #e2e8f0; border-color: #cbd5e1; }
.my-stat.gray.active[b-2snhbhzqrp]::after { background: #64748b; }
.my-stat.active .my-stat-lbl[b-2snhbhzqrp] { color: #64748b; }

/* Toolbar Üst Satır — arama + sonuç badge + aksiyonlar */
.my-toolbar-top[b-2snhbhzqrp] {
    display: flex; align-items: center; gap: 10px;
    padding: 14px 0 10px; flex-wrap: wrap;
}
.my-toolbar-top .my-search[b-2snhbhzqrp] { flex: 1; min-width: 180px; }
.my-search input[b-2snhbhzqrp] {
    width: 100%; padding: 7px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 10px; font-size: 0.84rem; outline: none; box-sizing: border-box;
    background: var(--t-card, white); color: var(--t-text, #1e293b); height: 36px;
}
.my-search input:focus[b-2snhbhzqrp] { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.08); }

/* Filtre Satırı — durum butonları + aksiyonlar */
.my-filter-row[b-2snhbhzqrp] {
    display: flex; gap: 6px; padding-bottom: 6px; margin-bottom: 6px;
    flex-wrap: wrap; align-items: center;
}
.my-filter-row .my-search[b-2snhbhzqrp] { flex: 1; min-width: 180px; }
.my-action-btns[b-2snhbhzqrp] { display: contents; }

/* ── Filtre Butonları — Durum Renkleri ── */
.my-fbtn[b-2snhbhzqrp] {
    padding: 6px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 20px;
    background: var(--t-card, white); font-weight: 600; font-size: 0.78rem; cursor: pointer;
    color: var(--t-text-muted, #64748b); transition: all 0.2s;
    display: inline-flex; align-items: center; gap: 4px;
}
.my-fbtn:hover:not(.active):not(.download):not(.raporlama)[b-2snhbhzqrp] {
    border-color: var(--t-input-border, #cbd5e1);
    background: var(--t-hover, #f8fafc);
    color: var(--t-text, #334155);
}
.my-fbtn.active[b-2snhbhzqrp] {
    color: white; font-weight: 700;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* Tümü — varsayılan indigo */
.my-fbtn.active:not(.waiting):not(.arrived):not(.reporting):not(.reported):not(.approved):not(.paid)[b-2snhbhzqrp] {
    background: #4f46e5; border-color: #4f46e5;
}

/* Ulaşmayan — slate */
.my-fbtn.waiting[b-2snhbhzqrp] { border-left: 3px solid #94a3b8; }
.my-fbtn.waiting.active[b-2snhbhzqrp] { background: #475569; border-color: #475569; }

/* Ulaşan — blue */
.my-fbtn.arrived[b-2snhbhzqrp] { border-left: 3px solid #3b82f6; }
.my-fbtn.arrived.active[b-2snhbhzqrp] { background: #2563eb; border-color: #2563eb; }

/* Raporlanıyor — amber */
.my-fbtn.reporting[b-2snhbhzqrp] { border-left: 3px solid #f59e0b; }
.my-fbtn.reporting.active[b-2snhbhzqrp] { background: #d97706; border-color: #d97706; }

/* Raporlandı — violet */
.my-fbtn.reported[b-2snhbhzqrp] { border-left: 3px solid #8b5cf6; }
.my-fbtn.reported.active[b-2snhbhzqrp] { background: #7c3aed; border-color: #7c3aed; }

/* Onaylandı / Ödeme Talebi — teal */
.my-fbtn.approved[b-2snhbhzqrp] { border-left: 3px solid #14b8a6; }
.my-fbtn.approved.active[b-2snhbhzqrp] { background: #0d9488; border-color: #0d9488; }

/* Ödendi — emerald */
.my-fbtn.paid[b-2snhbhzqrp] { border-left: 3px solid #10b981; }
.my-fbtn.paid.active[b-2snhbhzqrp] { background: #059669; border-color: #059669; }

/* Reddedildi — red */
.my-fbtn.rejected[b-2snhbhzqrp] { border-left: 3px solid #ef4444; }
.my-fbtn.rejected.active[b-2snhbhzqrp] { background: #dc2626; border-color: #dc2626; }

/* Aksiyon butonları — download & raporlama */
.my-fbtn.download[b-2snhbhzqrp] {
    background: linear-gradient(135deg, #059669, #10b981); color: white;
    border-color: #059669; border-left: none; border-radius: 10px; white-space: nowrap; font-weight: 700;
}
.my-fbtn.download:hover[b-2snhbhzqrp] { background: linear-gradient(135deg, #047857, #059669); border-color: #047857; transform: translateY(-1px); box-shadow: 0 3px 10px rgba(5,150,105,0.25); }
.my-fbtn.download:disabled[b-2snhbhzqrp] { opacity: 0.6; cursor: wait; transform: none; box-shadow: none; }
.my-fbtn.raporlama[b-2snhbhzqrp] {
    background: linear-gradient(135deg, #f59e0b, #d97706); color: white;
    border-color: #d97706; border-left: none; border-radius: 10px; white-space: nowrap; font-weight: 700;
}
.my-fbtn.raporlama:hover[b-2snhbhzqrp] { background: linear-gradient(135deg, #d97706, #b45309); border-color: #b45309; transform: translateY(-1px); box-shadow: 0 3px 10px rgba(217,119,6,0.25); }
.my-download-row[b-2snhbhzqrp] {
    display: none;
}
.my-dl-info[b-2snhbhzqrp] { display: none; }
.my-dl-desc[b-2snhbhzqrp] { display: none; }
.my-dl-filter[b-2snhbhzqrp] { min-width: 160px; max-width: 200px; }
.my-dl-filter[b-2snhbhzqrp]  .m-input { height: 34px; font-size: 0.78rem; padding: 5px 10px; }
.my-dl-label[b-2snhbhzqrp] { font-size: 0.82rem; font-weight: 700; color: #166534; white-space: nowrap; }
.my-dl-empty[b-2snhbhzqrp] { font-size: 0.78rem; color: #94a3b8; font-weight: 600; }
.my-dl-sonuc[b-2snhbhzqrp] { margin: 16px 0 4px; padding: 12px 16px; background: var(--t-hover, #f8fafc); border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 10px; }
.my-dl-sonuc-text[b-2snhbhzqrp] { font-size: 0.88rem; color: var(--t-text, #334155); font-weight: 600; }
.my-dl-sonuc-text.empty[b-2snhbhzqrp] { color: #94a3b8; }
/* TABLO — yonetim-liste.css'teki global ym-table kuralları kullanılır */
.td-tutar[b-2snhbhzqrp] { font-weight: 700; color: var(--t-text, #1e293b); white-space: nowrap; width: 1%; }
.td-id[b-2snhbhzqrp] { color: #94a3b8; font-size: 0.78rem; width: 1%; white-space: nowrap; }
.td-desc[b-2snhbhzqrp] { max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--t-text-muted, #64748b); }
.td-actions[b-2snhbhzqrp] { white-space: nowrap; }
.td-durum[b-2snhbhzqrp] { white-space: nowrap; width: 1%; }
.td-islem[b-2snhbhzqrp] { white-space: nowrap; width: 1%; }
.td-islem .my-act[b-2snhbhzqrp],
.td-islem .my-act.edit[b-2snhbhzqrp],
.td-islem .my-act.reject[b-2snhbhzqrp],
.td-islem .my-act.odeme-talebi[b-2snhbhzqrp],
.td-islem .my-act.note-btn[b-2snhbhzqrp],
.td-islem .my-act.detay-btn[b-2snhbhzqrp],
.td-islem .my-act.cra-btn[b-2snhbhzqrp],
.td-islem .my-img-btn[b-2snhbhzqrp] {
    vertical-align: middle;
    font-size: 0.82rem;
    padding: 0;
    margin-right: 3px;
    width: 26px;
    height: 26px;
    min-width: 26px;
    min-height: 26px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border-radius: 6px;
}
.th-durum[b-2snhbhzqrp] { width: 1%; white-space: nowrap; }
.th-islem[b-2snhbhzqrp] { width: 1%; white-space: nowrap; text-align: center; font-size: 0.72rem; font-weight: 700; color: var(--t-text-muted, #94a3b8); }
.empty-row[b-2snhbhzqrp] {
    text-align: center;
    padding: 40px 16px !important;
    color: #dc2626;
    font-size: 0.92rem;
    font-weight: 600;
    background: linear-gradient(135deg, #fef2f2, #fff5f5) !important;
}
.empty-row .empty-icon[b-2snhbhzqrp] {
    display: block;
    font-size: 2.2rem;
    margin-bottom: 8px;
    opacity: 0.7;
}
.empty-row .empty-text[b-2snhbhzqrp] {
    display: block;
    color: #dc2626;
    font-size: 0.88rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.my-personel[b-2snhbhzqrp] { display: flex; flex-direction: column; gap: 2px; }
.my-personel strong[b-2snhbhzqrp] { font-size: 0.88rem; }
.my-mail[b-2snhbhzqrp] { font-size: 0.72rem; color: #94a3b8; }

.my-pill[b-2snhbhzqrp] {
    display: inline-block; padding: 3px 10px; border-radius: 6px;
    font-size: 0.72rem; font-weight: 700;
}
.my-pill.green[b-2snhbhzqrp] { background: #f0fdf4; color: #16a34a; }
.my-pill.blue[b-2snhbhzqrp] { background: #eff6ff; color: #3b82f6; }
.my-pill.red[b-2snhbhzqrp] { background: #fef2f2; color: #dc2626; }
.my-pill.gray[b-2snhbhzqrp] { background: #f1f5f9; color: var(--t-text-muted, #64748b); }
.my-pill.orange[b-2snhbhzqrp] { background: #fff7ed; color: #ea580c; }
.my-pill.purple[b-2snhbhzqrp] { background: #faf5ff; color: #9333ea; }
.my-pill.indigo[b-2snhbhzqrp] { background: #eef2ff; color: #6366f1; }
.my-pill.teal[b-2snhbhzqrp] { background: #f0fdfa; color: #0d9488; }

.my-act[b-2snhbhzqrp] {
    border: none; background: none; cursor: pointer; font-size: 1rem;
    padding: 4px 6px; border-radius: 6px; transition: all 0.2s;
}
.my-act.approve[b-2snhbhzqrp] { background: #f0fdf4; }
.my-act.approve:hover[b-2snhbhzqrp] { background: #dcfce7; }
.my-act.reject[b-2snhbhzqrp] { background: #fef2f2; }
.my-act.reject:hover[b-2snhbhzqrp] { background: #fecaca; }
.my-act.pay[b-2snhbhzqrp], .my-act.receipt[b-2snhbhzqrp] {
    background: linear-gradient(135deg, #16a34a, #22c55e); color: white;
    font-size: 0.75rem; padding: 6px 12px; border-radius: 8px; font-weight: 700;
}
.my-act.pay:hover[b-2snhbhzqrp], .my-act.receipt:hover[b-2snhbhzqrp] { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(22,163,74,0.3); }
.my-act.receipt[b-2snhbhzqrp] { background: linear-gradient(135deg, #3b82f6, #60a5fa); }
.my-act.receipt:hover[b-2snhbhzqrp] { box-shadow: 0 4px 12px rgba(59,130,246,0.3); }

/* RED POPUP */
.my-overlay[b-2snhbhzqrp] { position: fixed; inset: 0; background: rgba(0,0,0,0.4); z-index: 1000; backdrop-filter: blur(4px); }
.my-popup[b-2snhbhzqrp] {
    position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%);
    background: var(--t-card, white); border-radius: 16px; padding: 28px; z-index: 1001;
    width: 90%; max-width: 440px; box-shadow: 0 20px 60px rgba(0,0,0,0.2);
}
.my-popup h3[b-2snhbhzqrp] { margin: 0 0 8px; font-size: 1.1rem; }
.my-popup p[b-2snhbhzqrp] { margin: 0 0 16px; color: var(--t-text-muted, #64748b); font-size: 0.9rem; }
.my-popup-label[b-2snhbhzqrp] { display: block; font-weight: 700; font-size: 0.82rem; color: #475569; margin-bottom: 6px; }
.my-popup-input[b-2snhbhzqrp] {
    width: 100%; padding: 10px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 10px;
    font-size: 0.9rem; outline: none; font-family: inherit; box-sizing: border-box; resize: vertical;
}
.my-popup-input:focus[b-2snhbhzqrp] { border-color: #ef4444; }
.my-popup-actions[b-2snhbhzqrp] { display: flex; gap: 10px; margin-top: 16px; }
.my-btn[b-2snhbhzqrp] {
    padding: 10px 20px; border: none; border-radius: 10px; cursor: pointer;
    font-weight: 700; font-size: 0.85rem; transition: all 0.2s;
}
.my-btn.danger[b-2snhbhzqrp] { background: linear-gradient(135deg, #dc2626, #ef4444); color: white; flex: 1; }
.my-btn.danger:hover[b-2snhbhzqrp] { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(220,38,38,0.3); }
.my-btn.cancel[b-2snhbhzqrp] { background: var(--t-card, white); color: var(--t-text-muted, #64748b); border: 1.5px solid var(--t-card-border, #e2e8f0); }
.my-btn.cancel:hover[b-2snhbhzqrp] { border-color: #94a3b8; }

@media (max-width: 768px) {
    .my-stats[b-2snhbhzqrp] { display: flex; flex-wrap: wrap; gap: 8px; }
    .my-stat[b-2snhbhzqrp] { flex: 1 1 calc(33.33% - 6px); min-width: 90px; padding: 10px 6px; }
    .my-stat-val[b-2snhbhzqrp] { font-size: 1.15rem; }
    .my-stat-lbl[b-2snhbhzqrp] { font-size: 0.62rem; }
    .my-stat-tutar[b-2snhbhzqrp] { font-size: 0.62rem; }
    .my-toolbar-top[b-2snhbhzqrp] { gap: 8px; padding: 10px 0 8px; }
    .my-toolbar-top .my-search[b-2snhbhzqrp] { flex: 1 1 100%; }
    .my-filter-row[b-2snhbhzqrp] { gap: 4px; padding-bottom: 4px; margin-bottom: 4px; flex-wrap: wrap; }
    .my-filter-row .my-search[b-2snhbhzqrp] { flex: 1 1 0; min-width: 120px; }
    .my-result-badge[b-2snhbhzqrp] { flex: 0 0 auto; }
    .my-action-btns[b-2snhbhzqrp] { flex: 1 1 100%; display: flex; gap: 4px; }
    .my-fbtn[b-2snhbhzqrp] { flex: 1 1 auto; font-size: 0.72rem; padding: 5px 8px; text-align: center; min-width: 0; border-radius: 16px; }
    .my-action-btns .my-fbtn.download[b-2snhbhzqrp],
    .my-action-btns .my-fbtn.raporlama[b-2snhbhzqrp] {
        border-radius: 8px; flex: 1 1 0; min-width: 0;
        height: 36px; display: inline-flex; align-items: center; justify-content: center;
        font-size: 0.72rem; padding: 0 8px; white-space: nowrap;
    }
    .my-section[b-2snhbhzqrp] { margin: 12px; padding: 12px; }
    .my-dl-filter[b-2snhbhzqrp] { max-width: 100%; min-width: auto; width: 100%; }
}

@media (max-width: 480px) {
    .my-stat[b-2snhbhzqrp] { flex: 1 1 calc(33.33% - 6px); min-width: 80px; padding: 8px 4px; }
    .my-stat-val[b-2snhbhzqrp] { font-size: 1rem; }
    .my-stat-lbl[b-2snhbhzqrp] { font-size: 0.58rem; }
    .my-stat-tutar[b-2snhbhzqrp] { font-size: 0.58rem; }
    .my-fbtn[b-2snhbhzqrp] { font-size: 0.67rem; padding: 4px 7px; border-radius: 14px; }
    .my-section[b-2snhbhzqrp] { margin: 8px; padding: 10px; }
}

/* Compact table */
.my-table-compact th[b-2snhbhzqrp], .my-table-compact td[b-2snhbhzqrp] { padding: 7px 10px; font-size: 0.78rem; }
.td-tip-badge[b-2snhbhzqrp] {
    display: inline-block; width: 18px; height: 18px; line-height: 18px; text-align: center;
    border-radius: 4px; font-size: 0.65rem; font-weight: 800; margin-right: 4px; vertical-align: middle;
}
.td-tip-badge.hasta[b-2snhbhzqrp] { background: #fef2f2; color: #dc2626; }
.td-tip-badge.personel[b-2snhbhzqrp] { background: #eef2ff; color: #6366f1; }
.td-center[b-2snhbhzqrp] { text-align: center; width: 1%; white-space: nowrap; }
.td-chk[b-2snhbhzqrp] { width: 32px; text-align: center; }
.th-chk[b-2snhbhzqrp] { width: 32px; text-align: center; }
.td-muted[b-2snhbhzqrp] { color: #cbd5e1; }
.row-checked[b-2snhbhzqrp] { background: #eff6ff !important; }

/* Personel filtre */
.my-personel-filter[b-2snhbhzqrp] { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; flex-wrap: wrap; }
.my-pf-select[b-2snhbhzqrp] { padding: 7px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 8px; font-size: 0.82rem; outline: none; min-width: 200px; }
.my-pf-select:focus[b-2snhbhzqrp] { border-color: #6366f1; }
.my-pf-info[b-2snhbhzqrp] { font-size: 0.78rem; color: #94a3b8; font-weight: 600; }

/* Sonuç Badge */
.my-result-badge[b-2snhbhzqrp] {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 0 14px; background: linear-gradient(135deg, #f8fafc, #f1f5f9);
    border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 10px; white-space: nowrap;
    height: 36px;
}
.my-rb-count[b-2snhbhzqrp] { font-size: 0.82rem; font-weight: 700; color: #475569; }
.my-rb-total[b-2snhbhzqrp] { font-size: 0.82rem; font-weight: 800; color: #6366f1; padding-left: 6px; border-left: 1.5px solid #e2e8f0; }

/* Bulk bar */
.my-bulk-bar[b-2snhbhzqrp] {
    display: flex; gap: 8px; align-items: center; padding: 10px 16px;
    background: #eff6ff; border: 1.5px solid #bfdbfe; border-radius: 10px; margin-bottom: 12px; flex-wrap: wrap;
}
.my-bulk-info[b-2snhbhzqrp] { font-size: 0.82rem; font-weight: 700; color: #3b82f6; flex: 1; }
.my-bulk-btn[b-2snhbhzqrp] {
    padding: 6px 14px; border: none; border-radius: 8px; cursor: pointer;
    font-size: 0.78rem; font-weight: 700; color: white; transition: all 0.2s;
}
.my-bulk-btn.arrived[b-2snhbhzqrp] { background: #3b82f6; }
.my-bulk-btn.reporting[b-2snhbhzqrp] { background: #6366f1; }
.my-bulk-btn.reported[b-2snhbhzqrp] { background: #9333ea; }
.my-bulk-btn.approved[b-2snhbhzqrp] { background: #0d9488; }
.my-bulk-btn.paid[b-2snhbhzqrp] { background: linear-gradient(135deg, #16a34a, #22c55e); }
.my-bulk-btn.paid.disabled[b-2snhbhzqrp] { background: #cbd5e1; cursor: not-allowed; opacity: 0.5; }
.my-bulk-btn.paid.disabled:hover[b-2snhbhzqrp] { transform: none; box-shadow: none; }
.my-bulk-btn.cancel[b-2snhbhzqrp] { background: var(--t-card, white); color: var(--t-text-muted, #64748b); border: 1.5px solid var(--t-card-border, #e2e8f0); }
.my-bulk-btn:hover[b-2snhbhzqrp] { transform: translateY(-1px); box-shadow: 0 2px 8px rgba(0,0,0,0.1); }

/* Durum select */
.my-durum-select[b-2snhbhzqrp] {
    padding: 4px 20px 4px 6px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 6px;
    font-size: 0.72rem; font-weight: 600; cursor: pointer; outline: none; background: var(--t-card, white);
    width: 135px; vertical-align: middle;
    appearance: none; -webkit-appearance: none; -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%236366f1' d='M5 6L0 0h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat; background-position: right 6px center; background-size: 7px 4px;
    transition: border 0.2s, box-shadow 0.2s;
}
.my-durum-select:hover[b-2snhbhzqrp] { border-color: #a5b4fc; }
.my-durum-select:focus[b-2snhbhzqrp] { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.1); }

/* Img btn */
.my-img-btn[b-2snhbhzqrp] { border: none; background: #f1f5f9; cursor: pointer; border-radius: 6px; padding: 4px 8px; font-size: 0.9rem; transition: all 0.15s; }
.my-img-btn:hover[b-2snhbhzqrp] { background: #e2e8f0; transform: scale(1.1); }

/* Görüntü viewer */
.image-overlay[b-2snhbhzqrp] {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.92);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.image-overlay-toolbar[b-2snhbhzqrp] {
    position: fixed;
    top: 16px;
    display: flex;
    align-items: center;
    gap: 4px;
    background: rgba(15,23,42,0.85);
    backdrop-filter: blur(12px);
    padding: 5px 6px;
    border-radius: 12px;
    z-index: 10001;
    box-shadow: 0 4px 24px rgba(0,0,0,0.5);
    border: 1px solid rgba(255,255,255,0.08);
}
.iot-btn[b-2snhbhzqrp] {
    background: transparent;
    color: rgba(255,255,255,0.8);
    border: none;
    border-radius: 8px;
    width: 36px;
    height: 36px;
    font-size: 0.85rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s;
}
.iot-btn:hover[b-2snhbhzqrp] { background: rgba(255,255,255,0.15); color: white; }
.iot-btn:active[b-2snhbhzqrp] { transform: scale(0.92); }
.iot-close:hover[b-2snhbhzqrp] { background: rgba(239,68,68,0.35); color: #fca5a5; }
.iot-sep[b-2snhbhzqrp] { width: 1px; height: 20px; background: rgba(255,255,255,0.15); margin: 0 2px; }
.iot-level[b-2snhbhzqrp] { color: rgba(255,255,255,0.6); font-size: 0.72rem; font-weight: 700; min-width: 38px; text-align: center; user-select: none; letter-spacing: -0.3px; }
.image-overlay-container[b-2snhbhzqrp] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: grab;
    overflow: hidden;
    touch-action: none;
}
.image-overlay-container:active[b-2snhbhzqrp] { cursor: grabbing; }
.image-overlay-container img[b-2snhbhzqrp] {
    border-radius: 6px;
    box-shadow: 0 0 60px rgba(0,0,0,0.6);
    user-select: none;
    -webkit-user-drag: none;
    pointer-events: none;
    flex-shrink: 0;
    image-rendering: auto;
}

/* Ödeme formu */
.my-odeme-form[b-2snhbhzqrp] { background: #fafbfc; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 14px; padding: 20px; margin-bottom: 20px; }
.my-odeme-form h4[b-2snhbhzqrp] { margin: 0 0 14px; font-size: 1rem; color: var(--t-text, #1e293b); }
.my-odeme-grid[b-2snhbhzqrp] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.my-of label[b-2snhbhzqrp] { display: block; font-size: 0.78rem; font-weight: 700; color: #475569; margin-bottom: 4px; }
.my-of.span-2[b-2snhbhzqrp] { grid-column: span 2; }
.my-oinput[b-2snhbhzqrp] {
    width: 100%; padding: 9px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 8px;
    font-size: 0.85rem; outline: none; box-sizing: border-box; font-family: inherit;
}
.my-oinput:focus[b-2snhbhzqrp] { border-color: #6366f1; }
/* SearchSelect inside ödeme form — match my-oinput height */
.my-of[b-2snhbhzqrp]  .m-input, .my-cari-select-row[b-2snhbhzqrp]  .m-input {
    padding: 9px 14px; font-size: 0.85rem; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 8px;
}
.my-odeme-actions[b-2snhbhzqrp] { display: flex; justify-content: space-between; align-items: center; margin-top: 14px; gap: 12px; flex-wrap: wrap; }
.my-ode-check[b-2snhbhzqrp] { display: flex; align-items: center; gap: 6px; font-size: 0.82rem; color: #475569; cursor: pointer; }
.my-btn.primary[b-2snhbhzqrp] { background: linear-gradient(135deg, #16a34a, #22c55e); color: white; }
.my-btn.primary:hover[b-2snhbhzqrp] { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(22,163,74,0.3); }

/* Cari */
.my-cari-select-row[b-2snhbhzqrp] { margin-bottom: 16px; }
.my-cari-dd[b-2snhbhzqrp] { padding: 10px 18px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 10px; font-size: 0.9rem; min-width: 300px; outline: none; }
.my-cari-dd:focus[b-2snhbhzqrp] { border-color: #6366f1; }
.my-cari-ozet[b-2snhbhzqrp] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 16px; }
.my-co-item[b-2snhbhzqrp] {
    text-align: center; padding: 14px; background: var(--t-hover, #f8fafc); border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 12px;
}
.my-co-item.highlight[b-2snhbhzqrp] { background: #fffbeb; border-color: #fcd34d; }
.my-co-lbl[b-2snhbhzqrp] { display: block; font-size: 0.72rem; font-weight: 600; color: #94a3b8; text-transform: uppercase; margin-bottom: 4px; }
.my-co-val[b-2snhbhzqrp] { display: block; font-size: 1.2rem; font-weight: 800; color: var(--t-text, #1e293b); }
.my-co-val.green[b-2snhbhzqrp] { color: #16a34a; }
.my-co-val.red[b-2snhbhzqrp] { color: #dc2626; }
.my-co-note[b-2snhbhzqrp] { display: block; font-size: 0.68rem; color: #94a3b8; font-weight: 600; margin-top: 2px; }
.my-cari-tabs[b-2snhbhzqrp] { display: flex; gap: 8px; margin-bottom: 12px; }
.my-ct[b-2snhbhzqrp] { padding: 8px 16px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 8px; background: var(--t-card, white); font-weight: 600; font-size: 0.82rem; cursor: pointer; color: var(--t-text-muted, #64748b); transition: all 0.2s; }
.my-ct.active[b-2snhbhzqrp] { background: #6366f1; color: white; border-color: #6366f1; }

@media (max-width: 768px) {
    .my-odeme-grid[b-2snhbhzqrp] { grid-template-columns: 1fr; }
    .my-of.span-2[b-2snhbhzqrp] { grid-column: span 1; }
    .my-cari-ozet[b-2snhbhzqrp] { grid-template-columns: repeat(2, 1fr); }
    .my-cari-dd[b-2snhbhzqrp] { min-width: auto; width: 100%; }
}

/* Masraf düzenleme popup */
.my-popup-wide[b-2snhbhzqrp] { max-width: 680px; max-height: 90vh; overflow-y: auto; }
.my-popup-nooverflow[b-2snhbhzqrp] { overflow-y: visible; max-height: none; }
.my-popup-nooverflow[b-2snhbhzqrp]  .ss-panel { z-index: 1100; }
.my-popup-sub[b-2snhbhzqrp] { margin: 0 0 16px !important; font-size: 0.85rem; color: var(--t-text-muted, #64748b); }
.my-edit-grid[b-2snhbhzqrp] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 16px; }
.my-ef label[b-2snhbhzqrp] { display: block; font-size: 0.78rem; font-weight: 700; color: #475569; margin-bottom: 4px; }
.my-ef.span-2[b-2snhbhzqrp] { grid-column: span 2; }
.my-ef[b-2snhbhzqrp]  .m-input {
    padding: 9px 14px; font-size: 0.85rem; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 8px;
    width: 100%; box-sizing: border-box;
}
.my-ef[b-2snhbhzqrp]  .m-input:focus, .my-ef[b-2snhbhzqrp]  .m-input.ss-open {
    border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.1);
}
.my-act.edit[b-2snhbhzqrp] { background: #eff6ff; vertical-align: middle; }
.my-act.edit:hover[b-2snhbhzqrp] { background: #dbeafe; }
.my-act.edit.disabled[b-2snhbhzqrp] { opacity: 0.4; cursor: not-allowed; }
.my-act.odeme-talebi[b-2snhbhzqrp] { background: #f0fdf4; vertical-align: middle; font-size: 0.85rem; }
.my-act.odeme-talebi:hover[b-2snhbhzqrp] { background: #dcfce7; transform: scale(1.1); }
.my-act.note-btn[b-2snhbhzqrp] { background: #fffbeb; vertical-align: middle; font-size: 0.85rem; cursor: default; }
.my-act.note-btn:hover[b-2snhbhzqrp] { background: #fef3c7; }
.my-duzenle-goruntu[b-2snhbhzqrp] { margin-bottom: 14px; padding: 14px; background: var(--t-hover, #f8fafc); border-radius: 12px; border: 1px solid var(--t-card-border, #e2e8f0); }
.my-duzenle-goruntu img[b-2snhbhzqrp] { max-width: 240px; max-height: 160px; border-radius: 8px; cursor: pointer; border: 1.5px solid var(--t-card-border, #e2e8f0); transition: all 0.2s; display: block; margin-bottom: 10px; }
.my-duzenle-goruntu img:hover[b-2snhbhzqrp] { border-color: #6366f1; transform: scale(1.02); }
.my-ef-label[b-2snhbhzqrp] { display: block; font-size: 0.82rem; font-weight: 700; color: #475569; margin-bottom: 8px; }
.my-goruntu-actions[b-2snhbhzqrp] { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.my-btn.secondary[b-2snhbhzqrp] {
    padding: 8px 16px; border: 1.5px solid #c7d2fe; border-radius: 10px; background: #eef2ff;
    color: #4f46e5; font-weight: 700; font-size: 0.82rem; cursor: pointer; transition: all 0.2s;
    display: inline-flex; align-items: center; gap: 6px;
}
.my-btn.secondary:hover[b-2snhbhzqrp] { background: #e0e7ff; border-color: #6366f1; }
.my-duzenle-goruntu-empty .my-goruntu-placeholder[b-2snhbhzqrp] {
    display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 20px;
    color: #94a3b8; font-size: 0.88rem;
}
.my-goruntu-placeholder span:first-child[b-2snhbhzqrp] { font-size: 2rem; opacity: 0.4; }

@media (max-width: 600px) {
    .my-edit-grid[b-2snhbhzqrp] { grid-template-columns: 1fr; }
    .my-ef.span-2[b-2snhbhzqrp] { grid-column: span 1; }
    .my-popup-wide[b-2snhbhzqrp] { max-width: 95vw; padding: 20px; }
    /* Mobilde masraf detay/düzenle popup'ları iOS dahil tam ekrana yakın */
    .masraf-detay-popup[b-2snhbhzqrp],
    .masraf-duzenle-popup[b-2snhbhzqrp] {
        width: 96%;
        max-height: min(92vh, 92dvh, calc(var(--vv-height, 100vh) - 16px));
    }
    .md-body[b-2snhbhzqrp] { padding-bottom: env(safe-area-inset-bottom, 0px); }
}

/* ═══ SORGU & RAPOR KARTLARI ═══ */
.igt-sorgu-cards[b-2snhbhzqrp], .igt-rapor-cards[b-2snhbhzqrp] {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; margin-bottom: 20px;
}
.igt-sorgu-card[b-2snhbhzqrp] {
    background: var(--t-card, white); border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 16px;
    padding: 22px; cursor: pointer; transition: all 0.3s;
}
.igt-sorgu-card:hover[b-2snhbhzqrp] {
    border-color: #6366f1; transform: translateY(-3px); box-shadow: 0 8px 30px rgba(99,102,241,0.12);
}
.igt-sq-icon[b-2snhbhzqrp] { font-size: 1.8rem; display: block; margin-bottom: 10px; }
.igt-sq-title[b-2snhbhzqrp] { font-weight: 800; font-size: 0.95rem; color: var(--t-text, #1e293b); margin-bottom: 6px; }
.igt-sq-desc[b-2snhbhzqrp] { font-size: 0.8rem; color: #94a3b8; line-height: 1.5; }
.igt-sorgu-result[b-2snhbhzqrp] {
    background: var(--t-card, white); border-radius: 16px; box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    overflow: hidden;
}
.igt-sorgu-result h3[b-2snhbhzqrp] {
    margin: 0; padding: 18px 24px; background: #fafbfc; border-bottom: 2px solid #f1f5f9;
    font-size: 1rem; font-weight: 700; color: var(--t-text, #1e293b);
}
.igt-rapor-card[b-2snhbhzqrp] {
    background: var(--t-card, white); border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 16px;
    padding: 22px; cursor: pointer; transition: all 0.3s;
}
.igt-rapor-card:hover[b-2snhbhzqrp] {
    border-color: #16a34a; transform: translateY(-3px); box-shadow: 0 8px 30px rgba(22,163,106,0.12);
}
.igt-rapor-card.raporlandi-card[b-2snhbhzqrp] {
    background: linear-gradient(135deg, #fef3c7, #fde68a); border-color: #f59e0b;
}
.igt-rapor-card.raporlandi-card:hover[b-2snhbhzqrp] {
    border-color: #d97706; box-shadow: 0 8px 30px rgba(245,158,11,0.2);
}
.igt-rapor-card.gorsel-card[b-2snhbhzqrp] {
    background: linear-gradient(135deg, #eff6ff, #dbeafe); border-color: #3b82f6;
}
.igt-rapor-card.gorsel-card:hover[b-2snhbhzqrp] {
    border-color: #2563eb; box-shadow: 0 8px 30px rgba(59,130,246,0.2);
}
.igt-rp-icon[b-2snhbhzqrp] { font-size: 1.8rem; display: block; margin-bottom: 10px; }
.igt-rp-title[b-2snhbhzqrp] { font-weight: 800; font-size: 0.95rem; color: var(--t-text, #1e293b); margin-bottom: 6px; }
.igt-rp-desc[b-2snhbhzqrp] { font-size: 0.8rem; color: #94a3b8; line-height: 1.5; }

.my-message[b-2snhbhzqrp] { margin: 16px 0 0; padding: 12px 18px; border-radius: 10px; font-weight: 600; font-size: 0.9rem; }
.my-message.success[b-2snhbhzqrp] { background: #f0fdf4; color: #16a34a; border: 1px solid #bbf7d0; }
.my-message.error[b-2snhbhzqrp] { background: #fef2f2; color: #dc2626; border: 1px solid #fecaca; }

/* Limit tablo — sola yaslı tutar hücreleri */
.td-tutar-left[b-2snhbhzqrp] { text-align: left; white-space: nowrap; }
.th-tutar-left[b-2snhbhzqrp] { text-align: left; white-space: nowrap; }

/* Limit detay satırı */
.limit-detay-row > td[b-2snhbhzqrp] { padding: 0 !important; border-bottom: 2px solid #e2e8f0; }
.limit-detay-wrap[b-2snhbhzqrp] {
    padding: 24px 36px; background: linear-gradient(135deg, #f8fafc, #f1f5f9);
    animation: limitDetayAc-b-2snhbhzqrp 0.2s ease;
}
@keyframes limitDetayAc-b-2snhbhzqrp {
    from { opacity: 0; max-height: 0; }
    to { opacity: 1; max-height: 600px; }
}
.limit-detay-header[b-2snhbhzqrp] {
    display: flex; align-items: center; justify-content: space-between;
    margin-bottom: 12px; flex-wrap: wrap; gap: 8px;
}
.limit-detay-title[b-2snhbhzqrp] { font-size: 0.9rem; font-weight: 800; color: #334155; }
.limit-detay-close[b-2snhbhzqrp] {
    background: none; border: 1px solid #cbd5e1; border-radius: 6px; padding: 4px 10px;
    font-size: 0.78rem; color: #64748b; cursor: pointer;
}
.limit-detay-close:hover[b-2snhbhzqrp] { background: #fee2e2; color: #dc2626; border-color: #fca5a5; }
.limit-detay-table[b-2snhbhzqrp] {
    width: 100%; border-collapse: collapse; font-size: 0.82rem;
    background: #fff; border-radius: 10px; overflow: hidden; border: 1px solid #e2e8f0;
}
.limit-detay-table th[b-2snhbhzqrp] {
    padding: 10px 16px; background: #f1f5f9; color: #64748b;
    font-weight: 700; font-size: 0.75rem; text-align: left; border-bottom: 2px solid #e2e8f0;
}
.limit-detay-table td[b-2snhbhzqrp] { padding: 10px 16px; border-bottom: 1px solid #f1f5f9; color: #334155; }
.limit-detay-table tr:hover td[b-2snhbhzqrp] { background: #fafbfd; }
.limit-detay-empty[b-2snhbhzqrp] {
    padding: 24px; text-align: center; color: #94a3b8; font-size: 0.85rem;
    background: #fff; border-radius: 10px; border: 1px solid #e2e8f0;
}
.limit-row-clickable[b-2snhbhzqrp] { cursor: pointer; transition: background 0.15s; }
.limit-row-clickable:hover[b-2snhbhzqrp] { background: #f8fafc !important; }
.limit-row-active[b-2snhbhzqrp] { background: #eff6ff !important; }

/* Yeni limit ekleme formu */
.limit-ekle-form[b-2snhbhzqrp] {
    display: flex; align-items: flex-end; gap: 10px; flex-wrap: wrap;
    margin-bottom: 16px; padding: 16px 20px;
    background: linear-gradient(135deg, #f0fdf4, #ecfdf5); border: 1.5px solid #86efac;
    border-radius: 12px;
}
.limit-ekle-group[b-2snhbhzqrp] { display: flex; flex-direction: column; gap: 4px; }
.limit-ekle-group label[b-2snhbhzqrp] { font-size: 0.75rem; font-weight: 700; color: #475569; }
.limit-ekle-group .limit-ekle-input[b-2snhbhzqrp] {
    padding: 7px 12px; font-size: 0.82rem; border: 1.5px solid #e2e8f0;
    border-radius: 8px; outline: none; min-width: 160px;
}
.limit-ekle-group .limit-ekle-input:focus[b-2snhbhzqrp] { border-color: #6366f1; }
.limit-ekle-btn[b-2snhbhzqrp] {
    padding: 8px 18px; font-size: 0.82rem; font-weight: 700; border: none;
    border-radius: 8px; cursor: pointer; white-space: nowrap;
}
.limit-ekle-btn.kaydet[b-2snhbhzqrp] { background: linear-gradient(135deg, #16a34a, #15803d); color: #fff; }
.limit-ekle-btn.kaydet:hover[b-2snhbhzqrp] { opacity: 0.9; }
.limit-ekle-btn.iptal[b-2snhbhzqrp] { background: #f1f5f9; color: #64748b; border: 1px solid #e2e8f0; }
.limit-ekle-btn.iptal:hover[b-2snhbhzqrp] { background: #fee2e2; color: #dc2626; }

/* ═══ CRA ONAY MAİLİ — İşlem Butonu ═══ */
.my-act.cra-btn[b-2snhbhzqrp] {
    background: #fef3c7; color: #d97706; border: 1px solid #fcd34d;
}
.my-act.cra-btn:hover[b-2snhbhzqrp] { background: #fde68a; }

.my-act.detay-btn[b-2snhbhzqrp] {
    background: #eff6ff; color: #3b82f6; border: 1px solid #bfdbfe;
}
.my-act.detay-btn:hover[b-2snhbhzqrp] { background: #dbeafe; }

/* ═══ CRA EKİ — Düzenleme Popup ═══ */
.my-cra-ek-section[b-2snhbhzqrp] {
    margin-top: 16px; padding: 14px 18px;
    background: #fffbeb; border: 1.5px solid #fcd34d; border-radius: 12px;
}
.my-cra-ek-row[b-2snhbhzqrp] {
    display: flex; align-items: center; gap: 10px; margin-top: 8px;
}
.my-cra-ek-icon[b-2snhbhzqrp] { font-size: 1.3rem; }
.my-cra-ek-link[b-2snhbhzqrp] {
    color: #d97706; font-weight: 600; font-size: 0.88rem;
    text-decoration: underline; cursor: pointer;
}
.my-cra-ek-link:hover[b-2snhbhzqrp] { color: #b45309; }

/* ═══ MASRAF DETAY / DÜZENLE POPUP ═══ */
.masraf-detay-popup[b-2snhbhzqrp] {
    max-width: 1080px;
    padding: 0;
    overflow: hidden;
    /* Popup kendisi flex column; scroll içerikteki .md-body'de */
    display: flex;
    flex-direction: column;
    /* iOS Safari: vh address bar'ı hesaba katmıyor → dvh / vv-height clamp */
    max-height: min(90vh, 90dvh, calc(var(--vv-height, 100vh) - 32px));
}
.masraf-duzenle-popup[b-2snhbhzqrp] {
    max-width: 1080px;
    display: flex;
    flex-direction: column;
    max-height: min(90vh, 90dvh, calc(var(--vv-height, 100vh) - 32px));
    padding: 0;
    overflow: hidden;
}
.md-header[b-2snhbhzqrp] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 18px 24px; border-bottom: 1.5px solid var(--t-card-border, #e2e8f0);
    flex-shrink: 0;
}
.md-header h3[b-2snhbhzqrp] { margin: 0; font-size: 1.05rem; font-weight: 800; }
.md-close[b-2snhbhzqrp] {
    width: 32px; height: 32px; border: none; background: #f1f5f9; border-radius: 8px;
    font-size: 1rem; cursor: pointer; display: flex; align-items: center; justify-content: center;
    color: #64748b; transition: background 0.15s;
}
.md-close:hover[b-2snhbhzqrp] { background: #fee2e2; color: #dc2626; }

.md-personel[b-2snhbhzqrp] {
    display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
    padding: 14px 24px; background: var(--t-hover, #f8fafc);
    border-bottom: 1px solid var(--t-card-border, #e2e8f0);
    flex-shrink: 0;
}
.md-personel-name[b-2snhbhzqrp] { font-weight: 700; font-size: 0.92rem; color: var(--t-text, #1e293b); }
.md-personel-mail[b-2snhbhzqrp] { font-size: 0.82rem; color: #64748b; }
.md-durum-pill[b-2snhbhzqrp] {
    padding: 4px 12px; border-radius: 20px; font-size: 0.75rem; font-weight: 700;
    display: inline-flex; align-items: center; gap: 4px;
}
.md-durum-pill.green[b-2snhbhzqrp] { background: #dcfce7; color: #16a34a; }
.md-durum-pill.blue[b-2snhbhzqrp] { background: #dbeafe; color: #3b82f6; }
.md-durum-pill.purple[b-2snhbhzqrp] { background: #f3e8ff; color: #9333ea; }
.md-durum-pill.orange[b-2snhbhzqrp] { background: #fff7ed; color: #ea580c; }
.md-durum-pill.yellow[b-2snhbhzqrp] { background: #fefce8; color: #ca8a04; }
.md-durum-pill.red[b-2snhbhzqrp] { background: #fee2e2; color: #dc2626; }

/* İki kolon: sol detaylar, sağ büyük görüntü alanı */
.md-body[b-2snhbhzqrp] {
    display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0; align-items: stretch;
    /* Popup scroll'u burada olsun — header/personel sabit kalır */
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
}
.md-body-left[b-2snhbhzqrp] {
    padding: 0 24px 16px;
    border-right: 1.5px solid var(--t-card-border, #e2e8f0);
    min-width: 0;
}
.md-body-right[b-2snhbhzqrp] {
    padding: 16px 24px;
    background: var(--t-hover, #f8fafc);
    display: flex; flex-direction: column; gap: 12px;
    min-width: 0;
}
.md-body-edit[b-2snhbhzqrp] { padding-top: 4px; }
.md-body-edit .md-body-left[b-2snhbhzqrp] { padding-top: 12px; }

/* Detay/düzenle popup alt buton barı */
.md-footer[b-2snhbhzqrp] {
    display: flex; align-items: center; justify-content: flex-end; gap: 10px;
    padding: 14px 24px;
    border-top: 1.5px solid var(--t-card-border, #e2e8f0);
    background: var(--t-hover, #f8fafc);
    flex-shrink: 0;
}
.md-footer .my-btn[b-2snhbhzqrp] { margin: 0; }
.md-image-label[b-2snhbhzqrp] {
    display: block; font-size: 0.72rem; font-weight: 700; color: #94a3b8;
    text-transform: uppercase; letter-spacing: 0.5px;
}

.md-grid[b-2snhbhzqrp] {
    display: grid; grid-template-columns: 1fr 1fr; gap: 0;
}
.md-field[b-2snhbhzqrp] {
    padding: 12px 0; border-bottom: 1px solid var(--t-card-border, #f1f5f9);
}
.md-field:nth-child(odd)[b-2snhbhzqrp] { padding-right: 12px; }
.md-field:nth-child(even)[b-2snhbhzqrp] { padding-left: 12px; }
.md-field.md-full[b-2snhbhzqrp] { grid-column: 1 / -1; padding-left: 0; padding-right: 0; }
.md-label[b-2snhbhzqrp] {
    display: block; font-size: 0.72rem; font-weight: 700; color: #94a3b8;
    text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 4px;
}
.md-value[b-2snhbhzqrp] {
    font-size: 0.88rem; font-weight: 600; color: var(--t-text, #1e293b);
    word-break: break-word;
}
.md-tutar .md-value[b-2snhbhzqrp] { font-size: 1.1rem; font-weight: 800; color: #16a34a; }

/* Büyük görüntü alanı (sağ panel) */
.md-goruntu-big[b-2snhbhzqrp] {
    position: relative; cursor: pointer; border-radius: 12px; overflow: hidden;
    border: 1.5px solid var(--t-card-border, #e2e8f0); background: #fff;
    transition: box-shadow 0.2s, border-color 0.2s;
    flex: 1; min-height: 320px;
    display: flex; align-items: center; justify-content: center;
}
.md-goruntu-big:hover[b-2snhbhzqrp] { box-shadow: 0 6px 24px rgba(0,0,0,0.15); border-color: #6366f1; }
.md-goruntu-big img[b-2snhbhzqrp] {
    max-width: 100%; max-height: 520px; width: auto; height: auto;
    display: block; object-fit: contain;
}
.md-goruntu-hint[b-2snhbhzqrp] {
    position: absolute; bottom: 10px; right: 10px;
    background: rgba(0,0,0,0.65); color: #fff; padding: 5px 12px;
    border-radius: 6px; font-size: 0.75rem; font-weight: 600;
    pointer-events: none;
}
.md-goruntu-empty[b-2snhbhzqrp] {
    flex: 1; min-height: 320px;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 14px; border: 2px dashed var(--t-card-border, #cbd5e1);
    border-radius: 12px; background: #fff; color: #94a3b8;
}
.md-goruntu-empty > span:first-child[b-2snhbhzqrp] { font-size: 2.6rem; }
.md-goruntu-empty > span:nth-child(2)[b-2snhbhzqrp] { font-size: 0.9rem; font-weight: 600; }

.md-cra-section[b-2snhbhzqrp] {
    margin-top: 14px; padding: 14px 18px;
    background: #fffbeb; border: 1.5px solid #fcd34d; border-radius: 12px;
}
.md-cra-section .md-label[b-2snhbhzqrp] { color: #92400e; margin-bottom: 6px; }
.md-cra-link[b-2snhbhzqrp] {
    display: inline-flex; align-items: center; gap: 6px;
    margin-top: 8px; padding: 8px 16px; background: #fef3c7;
    border: 1.5px solid #fcd34d; border-radius: 8px;
    color: #d97706; font-weight: 700; font-size: 0.85rem;
    text-decoration: none; transition: background 0.15s;
}
.md-cra-link:hover[b-2snhbhzqrp] { background: #fde68a; }

@media (max-width: 880px) {
    .md-body[b-2snhbhzqrp] { grid-template-columns: 1fr; }
    .md-body-left[b-2snhbhzqrp] { border-right: none; border-bottom: 1.5px solid var(--t-card-border, #e2e8f0); }
    .md-grid[b-2snhbhzqrp] { grid-template-columns: 1fr; }
    .md-field:nth-child(odd)[b-2snhbhzqrp], .md-field:nth-child(even)[b-2snhbhzqrp] { padding-left: 0; padding-right: 0; }
    .masraf-detay-popup[b-2snhbhzqrp], .masraf-duzenle-popup[b-2snhbhzqrp] { max-width: 100%; }
    .md-goruntu-big[b-2snhbhzqrp], .md-goruntu-empty[b-2snhbhzqrp] { min-height: 240px; }
}
/* /Components/Pages/Yonetim/MerkezDetay.razor.rz.scp.css */
/* === MerkezDetay.razor scoped CSS === */

/* Loading */
.md-loading[b-zjlbdk6qij] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 80px 20px;
    font-size: 1rem;
    color: #64748b;
}

.md-spinner[b-zjlbdk6qij] {
    width: 28px;
    height: 28px;
    border: 3px solid #e2e8f0;
    border-top-color: #6366f1;
    border-radius: 50%;
    animation: mdSpin-b-zjlbdk6qij 0.7s linear infinite;
}

@keyframes mdSpin-b-zjlbdk6qij {
    to { transform: rotate(360deg); }
}

/* Not Found */
.md-not-found[b-zjlbdk6qij] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 80px 20px;
    text-align: center;
}

.md-nf-icon[b-zjlbdk6qij] {
    font-size: 2.5rem;
}

.md-nf-text[b-zjlbdk6qij] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #64748b;
}

/* Header */
.md-header[b-zjlbdk6qij] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0 24px 16px;
    padding: 16px 20px;
    background: linear-gradient(135deg, #f8fafc, #f1f5f9);
    border-radius: 14px;
    border: 1.5px solid #e2e8f0;
}

.md-h-info[b-zjlbdk6qij] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.md-h-badge[b-zjlbdk6qij] {
    font-weight: 700;
    font-size: 1rem;
    color: #1e293b;
    background: #e0e7ff;
    padding: 4px 12px;
    border-radius: 8px;
}

.md-h-sep[b-zjlbdk6qij] {
    color: #cbd5e1;
    font-weight: 300;
}

.md-h-sponsor[b-zjlbdk6qij] {
    font-weight: 600;
    color: #475569;
}

.md-h-merkez[b-zjlbdk6qij] {
    font-weight: 700;
    color: #6366f1;
    font-size: 1.05rem;
}

/* Pill */
.md-pill[b-zjlbdk6qij] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 14px;
    border-radius: 20px;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.md-pill.green[b-zjlbdk6qij] {
    background: linear-gradient(135deg, #dcfce7, #bbf7d0);
    color: #15803d;
    border: 1px solid #86efac;
}

.md-pill.blue[b-zjlbdk6qij] {
    background: linear-gradient(135deg, #dbeafe, #bfdbfe);
    color: #1d4ed8;
    border: 1px solid #93c5fd;
}

.md-pill.red[b-zjlbdk6qij] {
    background: linear-gradient(135deg, #fee2e2, #fecaca);
    color: #dc2626;
    border: 1px solid #fca5a5;
}

.md-pill.gray[b-zjlbdk6qij] {
    background: #f1f5f9;
    color: #64748b;
    border: 1px solid #e2e8f0;
}

/* Two Column Layout */
.md-two-col[b-zjlbdk6qij] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin: 0 24px 16px;
}

/* Card */
.md-card[b-zjlbdk6qij] {
    background: #fff;
    border-radius: 14px;
    border: 1.5px solid #e2e8f0;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}

.md-card-wide[b-zjlbdk6qij] {
    margin: 0 24px 16px;
}

.md-card-head[b-zjlbdk6qij] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    background: linear-gradient(135deg, #f8fafc, #f1f5f9);
    border-bottom: 1.5px solid #e2e8f0;
}

.md-card-title[b-zjlbdk6qij] {
    font-size: 0.92rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0;
}

/* Form */
.md-form[b-zjlbdk6qij] {
    padding: 16px 18px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.md-field[b-zjlbdk6qij] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.md-field label[b-zjlbdk6qij] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #475569;
}

.md-field.md-full[b-zjlbdk6qij] {
    grid-column: 1 / -1;
}

.md-input[b-zjlbdk6qij] {
    padding: 8px 12px;
    border: 1.5px solid #e2e8f0;
    border-radius: 8px;
    font-size: 0.85rem;
    color: #1e293b;
    background: #fff;
    transition: border-color 0.2s, box-shadow 0.2s;
    outline: none;
}

.md-input:focus[b-zjlbdk6qij] {
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99,102,241,0.1);
}

.md-input:disabled[b-zjlbdk6qij] {
    background: #f8fafc;
    color: #94a3b8;
    cursor: not-allowed;
}

.md-select[b-zjlbdk6qij] {
    padding: 8px 12px;
    border: 1.5px solid #e2e8f0;
    border-radius: 8px;
    font-size: 0.85rem;
    color: #1e293b;
    background: #fff;
    outline: none;
    cursor: pointer;
    min-width: 140px;
}

.md-select:focus[b-zjlbdk6qij] {
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99,102,241,0.1);
}

/* Radio Group (Durum) */
.md-radio-group[b-zjlbdk6qij] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.md-radio[b-zjlbdk6qij] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 0.82rem;
    font-weight: 600;
    color: #64748b;
    background: #f8fafc;
    border: 1.5px solid #e2e8f0;
    cursor: pointer;
    transition: all 0.2s;
}

.md-radio.active[b-zjlbdk6qij] {
    background: linear-gradient(135deg, #e0e7ff, #c7d2fe);
    color: #4338ca;
    border-color: #818cf8;
}

.md-radio input[type="radio"][b-zjlbdk6qij] {
    display: none;
}

/* Toggle (Hasta Alımı) */
.md-toggle-wrap[b-zjlbdk6qij] {
    display: flex;
    gap: 8px;
}

.md-toggle[b-zjlbdk6qij] {
    padding: 8px 18px;
    border-radius: 8px;
    font-size: 0.82rem;
    font-weight: 600;
    border: 1.5px solid #e2e8f0;
    background: #f8fafc;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s;
}

.md-toggle:disabled[b-zjlbdk6qij] {
    cursor: not-allowed;
    opacity: 0.7;
}

.md-toggle.active.green[b-zjlbdk6qij] {
    background: linear-gradient(135deg, #dcfce7, #bbf7d0);
    color: #15803d;
    border-color: #86efac;
}

.md-toggle.active.red[b-zjlbdk6qij] {
    background: linear-gradient(135deg, #fee2e2, #fecaca);
    color: #dc2626;
    border-color: #fca5a5;
}

/* Hasta Summary */
.md-hasta-summary[b-zjlbdk6qij] {
    grid-column: 1 / -1;
    display: flex;
    gap: 16px;
    margin-top: 4px;
}

.md-hs-item[b-zjlbdk6qij] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 14px;
    border-radius: 10px;
    background: #f8fafc;
    border: 1.5px solid #e2e8f0;
}

.md-hs-item.green[b-zjlbdk6qij] {
    background: linear-gradient(135deg, #f0fdf4, #dcfce7);
    border-color: #86efac;
}

.md-hs-label[b-zjlbdk6qij] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
}

.md-hs-val[b-zjlbdk6qij] {
    font-size: 1.5rem;
    font-weight: 800;
    color: #1e293b;
}

.md-hs-item.green .md-hs-val[b-zjlbdk6qij] {
    color: #15803d;
}

/* Checkbox Label */
.md-check-label[b-zjlbdk6qij] {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-size: 0.85rem;
    font-weight: 600;
    color: #1e293b;
}

.md-check-label input[type="checkbox"][b-zjlbdk6qij] {
    width: 18px;
    height: 18px;
    accent-color: #6366f1;
    cursor: pointer;
}

/* Empty Row */
.md-empty-row[b-zjlbdk6qij] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 30px 16px;
    color: #94a3b8;
    font-size: 0.88rem;
    background: linear-gradient(135deg, #f8fafc, #f1f5f9);
    border-top: 1px solid #e2e8f0;
}

/* Buttons */
.md-btn[b-zjlbdk6qij] {
    padding: 9px 20px;
    border-radius: 10px;
    font-size: 0.85rem;
    font-weight: 700;
    border: none;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
}

.md-btn.primary[b-zjlbdk6qij] {
    background: linear-gradient(135deg, #6366f1, #4f46e5);
    color: #fff;
    box-shadow: 0 2px 8px rgba(99,102,241,0.3);
}

.md-btn.primary:hover[b-zjlbdk6qij] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(99,102,241,0.4);
}

.md-btn.primary:disabled[b-zjlbdk6qij] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

.md-btn.primary.sm[b-zjlbdk6qij] {
    padding: 6px 14px;
    font-size: 0.78rem;
}

.md-btn.secondary[b-zjlbdk6qij] {
    background: #f1f5f9;
    color: #475569;
    border: 1.5px solid #e2e8f0;
}

.md-btn.secondary:hover[b-zjlbdk6qij] {
    background: #e2e8f0;
}

.md-icon-btn[b-zjlbdk6qij] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    font-size: 0.85rem;
    transition: all 0.2s;
    background: transparent;
}

.md-icon-btn.delete[b-zjlbdk6qij] {
    color: #ef4444;
}

.md-icon-btn.delete:hover[b-zjlbdk6qij] {
    background: #fee2e2;
}

/* SC Table overrides */
.th-act[b-zjlbdk6qij] {
    width: 60px;
    text-align: center;
}

.td-act[b-zjlbdk6qij] {
    text-align: center;
}

/* Action Bar */
.md-action-bar[b-zjlbdk6qij] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    margin: 8px 24px 24px;
    padding: 16px 20px;
    background: linear-gradient(135deg, #f8fafc, #f1f5f9);
    border-radius: 14px;
    border: 1.5px solid #e2e8f0;
}

/* === RESPONSIVE === */
@media (max-width: 900px) {
    .md-two-col[b-zjlbdk6qij] {
        grid-template-columns: 1fr;
        margin: 0 12px 12px;
    }

    .md-card-wide[b-zjlbdk6qij] {
        margin: 0 12px 12px;
    }

    .md-header[b-zjlbdk6qij] {
        margin: 0 12px 12px;
        flex-direction: column;
        align-items: flex-start;
    }

    .md-action-bar[b-zjlbdk6qij] {
        margin: 8px 12px 16px;
    }

    .md-form[b-zjlbdk6qij] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .md-h-info[b-zjlbdk6qij] {
        flex-direction: column;
        gap: 4px;
    }

    .md-h-sep[b-zjlbdk6qij] {
        display: none;
    }

    .md-hasta-summary[b-zjlbdk6qij] {
        flex-direction: column;
    }

    .md-toggle-wrap[b-zjlbdk6qij] {
        flex-direction: column;
    }

    .md-radio-group[b-zjlbdk6qij] {
        flex-direction: column;
    }

    .md-action-bar[b-zjlbdk6qij] {
        flex-direction: column;
    }

    .md-action-bar .md-btn[b-zjlbdk6qij] {
        width: 100%;
        text-align: center;
    }
}

/* ═══════════════════════════════════════════════════════════
   ALT BİLGİ WİDGETLARI (ProjeYonetimi ile birebir)
   ═══════════════════════════════════════════════════════════ */

.pj-sub-cards[b-zjlbdk6qij] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin: 16px 24px 0;
}

.pj-sub-card[b-zjlbdk6qij] {
    background: #fff;
    border-radius: 14px;
    border: 1.5px solid #e2e8f0;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.04);
    transition: box-shadow 0.2s, border-color 0.2s;
}

.pj-sub-card:hover[b-zjlbdk6qij] {
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
}

.pj-sc-full[b-zjlbdk6qij] {
    grid-column: 1 / -1;
}

.pj-sc-head[b-zjlbdk6qij] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    cursor: pointer;
    transition: background 0.15s;
    user-select: none;
}

.pj-sc-yetki .pj-sc-head[b-zjlbdk6qij] { background: linear-gradient(135deg, #e8eaf6, #c5cae9); }
.pj-sc-yetki .pj-sc-head:hover[b-zjlbdk6qij] { background: linear-gradient(135deg, #c5cae9, #9fa8da); }
.pj-sc-hasta .pj-sc-head[b-zjlbdk6qij] { background: linear-gradient(135deg, #e0f2f1, #b2dfdb); }
.pj-sc-hasta .pj-sc-head:hover[b-zjlbdk6qij] { background: linear-gradient(135deg, #b2dfdb, #80cbc4); }
.pj-sc-isgiris .pj-sc-head[b-zjlbdk6qij] { background: linear-gradient(135deg, #fff3e0, #ffe0b2); }
.pj-sc-isgiris .pj-sc-head:hover[b-zjlbdk6qij] { background: linear-gradient(135deg, #ffe0b2, #ffcc80); }
.pj-sc-fte .pj-sc-head[b-zjlbdk6qij] { background: linear-gradient(135deg, #f3e5f5, #e1bee7); }
.pj-sc-fte .pj-sc-head:hover[b-zjlbdk6qij] { background: linear-gradient(135deg, #e1bee7, #ce93d8); }
.pj-sc-ekipman .pj-sc-head[b-zjlbdk6qij] { background: linear-gradient(135deg, #e8f5e9, #c8e6c9); }
.pj-sc-ekipman .pj-sc-head:hover[b-zjlbdk6qij] { background: linear-gradient(135deg, #c8e6c9, #a5d6a7); }
.pj-sc-masraf .pj-sc-head[b-zjlbdk6qij] { background: linear-gradient(135deg, #e1f5fe, #b3e5fc); }
.pj-sc-masraf .pj-sc-head:hover[b-zjlbdk6qij] { background: linear-gradient(135deg, #b3e5fc, #81d4fa); }
.pj-sc-vizitlimit .pj-sc-head[b-zjlbdk6qij] { background: linear-gradient(135deg, #fff8e1, #ffecb3); }
.pj-sc-vizitlimit .pj-sc-head:hover[b-zjlbdk6qij] { background: linear-gradient(135deg, #ffecb3, #ffe082); }
.pj-sc-hastalimit .pj-sc-head[b-zjlbdk6qij] { background: linear-gradient(135deg, #fce4ec, #f8bbd0); }
.pj-sc-hastalimit .pj-sc-head:hover[b-zjlbdk6qij] { background: linear-gradient(135deg, #f8bbd0, #f48fb1); }

.pj-sc-icon[b-zjlbdk6qij] {
    font-size: 1.3rem;
    flex-shrink: 0;
}

.pj-sc-info[b-zjlbdk6qij] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
    min-width: 0;
}

.pj-sc-title[b-zjlbdk6qij] {
    font-size: 0.9rem;
    font-weight: 700;
    color: #1e293b;
    white-space: nowrap;
}

.pj-sc-badge[b-zjlbdk6qij] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 7px;
    border-radius: 11px;
    background: rgba(0,0,0,0.1);
    font-size: 0.72rem;
    font-weight: 700;
    color: #1e293b;
}

.pj-sc-arrow[b-zjlbdk6qij] {
    font-size: 0.78rem;
    color: #64748b;
    flex-shrink: 0;
    transition: transform 0.2s;
}

.pj-sc-body[b-zjlbdk6qij] {
    padding: 16px 18px 20px;
    border-top: 1px solid #e2e8f0;
    max-height: 350px;
    overflow-y: auto;
}

.pj-sc-empty[b-zjlbdk6qij] {
    text-align: center;
    padding: 24px 16px;
    color: #94a3b8;
    font-size: 0.84rem;
    font-style: italic;
}

/* Pill (widget tablo içi) */
.pj-pill[b-zjlbdk6qij] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 10px;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 700;
    white-space: nowrap;
}

.pj-pill.green[b-zjlbdk6qij] {
    background: #dcfce7;
    color: #15803d;
}

.pj-pill.blue[b-zjlbdk6qij] {
    background: #dbeafe;
    color: #1d4ed8;
}

.pj-pill.red[b-zjlbdk6qij] {
    background: #fee2e2;
    color: #dc2626;
}

.pj-pill.gray[b-zjlbdk6qij] {
    background: #f1f5f9;
    color: #64748b;
}

/* FTE toplam satırı */
.pj-fte-toplam-row[b-zjlbdk6qij] {
    background: linear-gradient(135deg, #f5f3ff, #ede9fe) !important;
    font-weight: 700;
}

.pj-fte-toplam-row td[b-zjlbdk6qij] {
    border-top: 2px solid #c4b5fd !important;
}

/* Tablo hizalama yardımcıları */
.th-center[b-zjlbdk6qij] {
    text-align: center;
}

.td-center[b-zjlbdk6qij] {
    text-align: center;
}

/* Vizit Limit Ekleme Formu */
.vl-add-form[b-zjlbdk6qij] {
    display: flex;
    gap: 10px;
    align-items: flex-end;
    flex-wrap: wrap;
    padding: 12px 16px;
    background: linear-gradient(135deg, #fffde7, #fff9c4);
    border-top: 1px solid #e2e8f0;
}

.vl-add-form .vl-field[b-zjlbdk6qij] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    min-width: 140px;
}

.vl-add-form .vl-field label[b-zjlbdk6qij] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #475569;
}

.vl-add-form .vl-field input[b-zjlbdk6qij],
.vl-add-form .vl-field select[b-zjlbdk6qij] {
    padding: 7px 10px;
    border: 1.5px solid #e2e8f0;
    border-radius: 8px;
    font-size: 0.82rem;
    outline: none;
}

.vl-add-form .vl-field input:focus[b-zjlbdk6qij],
.vl-add-form .vl-field select:focus[b-zjlbdk6qij] {
    border-color: #f59e0b;
    box-shadow: 0 0 0 3px rgba(245,158,11,0.1);
}

.vl-add-btn[b-zjlbdk6qij] {
    padding: 7px 16px;
    border-radius: 8px;
    font-size: 0.82rem;
    font-weight: 700;
    border: none;
    cursor: pointer;
    background: linear-gradient(135deg, #f59e0b, #d97706);
    color: #fff;
    white-space: nowrap;
    transition: all 0.2s;
}

.vl-add-btn:hover[b-zjlbdk6qij] {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(245,158,11,0.3);
}

.vl-add-btn:disabled[b-zjlbdk6qij] {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
}

.vl-progress-bar[b-zjlbdk6qij] {
    width: 100%;
    height: 6px;
    background: #e2e8f0;
    border-radius: 3px;
    overflow: hidden;
}

.vl-progress-fill[b-zjlbdk6qij] {
    height: 100%;
    border-radius: 3px;
    transition: width 0.3s;
}

.vl-progress-fill.green[b-zjlbdk6qij] { background: #22c55e; }
.vl-progress-fill.amber[b-zjlbdk6qij] { background: #f59e0b; }
.vl-progress-fill.red[b-zjlbdk6qij] { background: #ef4444; }

/* === HASTA MASRAF TAKİBİ WİDGETI === */
.hmt-limit-info[b-zjlbdk6qij] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    margin-bottom: 14px;
    border-radius: 10px;
    background: linear-gradient(135deg, #fef3c7, #fffbeb);
    border: 1.5px solid #fbbf24;
    font-size: 0.85rem;
    color: #92400e;
}

.hmt-limit-icon[b-zjlbdk6qij] {
    font-size: 1.2rem;
}

.hmt-cards[b-zjlbdk6qij] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 14px;
}

.hmt-card[b-zjlbdk6qij] {
    border: 1.5px solid #e2e8f0;
    border-radius: 12px;
    background: #fff;
    padding: 14px 16px;
    transition: box-shadow 0.2s, border-color 0.2s;
}

.hmt-card:hover[b-zjlbdk6qij] {
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
    border-color: #cbd5e1;
}

.hmt-card.hmt-exceeded[b-zjlbdk6qij] {
    border-color: #fca5a5;
    background: linear-gradient(135deg, #fff5f5, #fef2f2);
}

.hmt-card-head[b-zjlbdk6qij] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.hmt-card-hasta[b-zjlbdk6qij] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.hmt-hasta-icon[b-zjlbdk6qij] {
    font-size: 1.3rem;
}

.hmt-hasta-ad[b-zjlbdk6qij] {
    display: block;
    font-size: 0.78rem;
    color: #64748b;
    margin-top: 1px;
}

.hmt-exceeded-badge[b-zjlbdk6qij] {
    font-size: 0.75rem;
    font-weight: 700;
    color: #dc2626;
    background: #fee2e2;
    padding: 3px 10px;
    border-radius: 20px;
    border: 1px solid #fca5a5;
    white-space: nowrap;
    animation: hmt-pulse-b-zjlbdk6qij 2s ease-in-out infinite;
}

@keyframes hmt-pulse-b-zjlbdk6qij {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.65; }
}

.hmt-card-bar[b-zjlbdk6qij] {
    margin-bottom: 8px;
}

.hmt-bar-labels[b-zjlbdk6qij] {
    display: flex;
    justify-content: space-between;
    font-size: 0.75rem;
    color: #64748b;
    margin-top: 4px;
}

.hmt-negative[b-zjlbdk6qij] {
    color: #dc2626 !important;
    font-weight: 700;
}

.hmt-vizit-list[b-zjlbdk6qij] {
    border-top: 1px solid #f1f5f9;
    padding-top: 8px;
    margin-top: 6px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.hmt-vizit-row[b-zjlbdk6qij] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.78rem;
    padding: 3px 6px;
    border-radius: 6px;
    background: #f8fafc;
}

.hmt-vizit-name[b-zjlbdk6qij] {
    flex: 1;
    color: #334155;
    font-weight: 500;
}

.hmt-vizit-tutar[b-zjlbdk6qij] {
    font-weight: 700;
    color: #1e293b;
    margin: 0 10px;
}

.hmt-vizit-adet[b-zjlbdk6qij] {
    font-size: 0.72rem;
    color: #94a3b8;
}

@media (max-width: 600px) {
    .hmt-cards[b-zjlbdk6qij] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .pj-sub-cards[b-zjlbdk6qij] {
        grid-template-columns: 1fr;
        margin: 12px 12px 0;
    }

    .pj-sc-full[b-zjlbdk6qij] {
        grid-column: auto;
    }
}

@media (max-width: 600px) {
    .pj-sc-body[b-zjlbdk6qij] {
        padding: 12px 14px 16px;
        max-height: 300px;
    }
}

/* Yetkilendirmesi olmayan personel satırları */
[b-zjlbdk6qij] .row-no-yetki {
    background: #fef2f2 !important;
    border-left: 3px solid #ef4444;
}

[b-zjlbdk6qij] .row-no-yetki td {
    color: #991b1b;
}

[b-zjlbdk6qij] .row-no-yetki:hover {
    background: #fee2e2 !important;
}

[b-zjlbdk6qij] .no-yetki-icon {
    font-size: 0.75rem;
    vertical-align: middle;
    margin-left: 2px;
}

[b-zjlbdk6qij] .sc-personel-link {
    color: #6366f1;
    text-decoration: none;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

[b-zjlbdk6qij] .sc-personel-link:hover {
    color: #4f46e5;
    text-decoration: underline;
}
/* /Components/Pages/Yonetim/Muhasebe.razor.rz.scp.css */
/* ═══ MUHASEBE MODÜLÜ ═══ */

/* ═══ İÇERİK KAPSAYICI ═══ */
.muh-content[b-b99fl5h0tm] {
    background: var(--t-card, white); border-radius: 20px;
    box-shadow: 0 2px 16px rgba(0,0,0,0.06), 0 0 0 1px var(--t-card-border, rgba(226,232,240,0.6));
    margin: 16px 20px 24px; padding: 24px;
    animation: muhFadeIn-b-b99fl5h0tm 0.3s ease;
}

/* Muhasebe sayfa düzeni — toolbar ve tablo alanları */
[b-b99fl5h0tm] .ym-toolbar {
    display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
    margin-bottom: 16px; padding: 0; max-width: none;
    animation: muhFadeIn-b-b99fl5h0tm 0.3s ease;
    justify-content: space-between;
}
/* Toolbar yükseklik eşitleme — search, select, SearchSelect, badge */
[b-b99fl5h0tm] .ym-toolbar input.ym-search {
    height: 38px; box-sizing: border-box;
}
[b-b99fl5h0tm] .ym-toolbar .ym-input {
    height: 38px; box-sizing: border-box;
}
[b-b99fl5h0tm] .ym-toolbar .ss-wrap .m-input {
    height: 38px; box-sizing: border-box;
}
[b-b99fl5h0tm] .ym-toolbar .ym-add-btn {
    height: 38px; box-sizing: border-box;
    padding: 0 14px; font-size: 0.8rem; border-radius: 10px; white-space: nowrap; flex-shrink: 0;
}
[b-b99fl5h0tm] .ym-table-wrap {
    background: none; border-radius: 12px; border: 1.5px solid var(--t-card-border, #e2e8f0);
    overflow-x: auto;
    animation: muhFadeIn-b-b99fl5h0tm 0.3s ease;
}
[b-b99fl5h0tm] .ym-table-wrap .ym-table { margin: 0; }
[b-b99fl5h0tm] .muh-sorgu-sonuc .ym-table-wrap {
    max-width: none; margin: 0; padding: 0;
    background: none; border-radius: 0; border: none;
}
[b-b99fl5h0tm] .ym-filter-row {
    display: flex; gap: 8px; align-items: center; flex-wrap: wrap;
    min-width: 0;
}

/* Kayıt sayısı badge */
.muh-count-badge[b-b99fl5h0tm] {
    display: inline-flex; align-items: center; padding: 0 10px;
    background: var(--t-hover, #f1f5f9); border: 1px solid var(--t-card-border, #e2e8f0);
    border-radius: 8px; font-size: 0.73rem; font-weight: 700;
    color: var(--t-text-muted, #64748b); white-space: nowrap; flex-shrink: 0;
    height: 38px; box-sizing: border-box;
}

/* Özet Grid */
.muh-ozet-grid[b-b99fl5h0tm] {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px;
    margin-bottom: 20px;
    animation: muhFadeIn-b-b99fl5h0tm 0.3s ease;
}
@keyframes muhFadeIn-b-b99fl5h0tm { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.muh-ozet-card[b-b99fl5h0tm] {
    background: var(--t-card, white); border-radius: 16px; padding: 22px 20px;
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    display: flex; align-items: center; gap: 16px; cursor: pointer;
    transition: all 0.25s; position: relative; overflow: hidden;
}
.muh-ozet-card[b-b99fl5h0tm]::before {
    content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
}
.muh-ozet-card.blue[b-b99fl5h0tm]::before { background: linear-gradient(90deg, #2563eb, #60a5fa); }
.muh-ozet-card.green[b-b99fl5h0tm]::before { background: linear-gradient(90deg, #16a34a, #4ade80); }
.muh-ozet-card.emerald[b-b99fl5h0tm]::before { background: linear-gradient(90deg, #059669, #34d399); }
.muh-ozet-card.red[b-b99fl5h0tm]::before { background: linear-gradient(90deg, #dc2626, #f87171); }
.muh-ozet-card.purple[b-b99fl5h0tm]::before { background: linear-gradient(90deg, #7c3aed, #a78bfa); }
.muh-ozet-card.orange[b-b99fl5h0tm]::before { background: linear-gradient(90deg, #ea580c, #fb923c); }
.muh-ozet-card.cyan[b-b99fl5h0tm]::before { background: linear-gradient(90deg, #0891b2, #22d3ee); }
.muh-ozet-card.slate[b-b99fl5h0tm]::before { background: linear-gradient(90deg, #475569, #94a3b8); }
.muh-ozet-card:hover[b-b99fl5h0tm] { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,0.12); }

.muh-ozet-icon[b-b99fl5h0tm] {
    width: 52px; height: 52px; border-radius: 14px; display: flex; align-items: center; justify-content: center;
    font-size: 1.6rem; flex-shrink: 0;
}
.muh-ozet-card.blue .muh-ozet-icon[b-b99fl5h0tm] { background: linear-gradient(135deg, #dbeafe, #bfdbfe); }
.muh-ozet-card.green .muh-ozet-icon[b-b99fl5h0tm] { background: linear-gradient(135deg, #dcfce7, #bbf7d0); }
.muh-ozet-card.emerald .muh-ozet-icon[b-b99fl5h0tm] { background: linear-gradient(135deg, #d1fae5, #a7f3d0); }
.muh-ozet-card.red .muh-ozet-icon[b-b99fl5h0tm] { background: linear-gradient(135deg, #fee2e2, #fecaca); }
.muh-ozet-card.purple .muh-ozet-icon[b-b99fl5h0tm] { background: linear-gradient(135deg, #ede9fe, #ddd6fe); }
.muh-ozet-card.orange .muh-ozet-icon[b-b99fl5h0tm] { background: linear-gradient(135deg, #fff7ed, #fed7aa); }
.muh-ozet-card.cyan .muh-ozet-icon[b-b99fl5h0tm] { background: linear-gradient(135deg, #cffafe, #a5f3fc); }
.muh-ozet-card.slate .muh-ozet-icon[b-b99fl5h0tm] { background: linear-gradient(135deg, #f1f5f9, #e2e8f0); }

.muh-ozet-info[b-b99fl5h0tm] { display: flex; flex-direction: column; gap: 4px; }
.muh-ozet-label[b-b99fl5h0tm] { font-size: 0.78rem; font-weight: 600; color: var(--t-text-muted, #64748b); text-transform: uppercase; letter-spacing: 0.3px; }
.muh-ozet-val[b-b99fl5h0tm] { font-size: 1.3rem; font-weight: 900; color: var(--t-text, #1e293b); }

/* Son Hareketler */
.muh-son-hareketler[b-b99fl5h0tm] {
    margin-top: 20px;
    animation: muhFadeIn-b-b99fl5h0tm 0.3s ease;
}
.muh-son-hareketler h3[b-b99fl5h0tm] { font-size: 1rem; font-weight: 700; color: var(--t-text, #1e293b); margin-bottom: 12px; }
.muh-sh-list[b-b99fl5h0tm] { display: flex; flex-direction: column; gap: 4px; }
.muh-sh-item[b-b99fl5h0tm] {
    display: flex; align-items: center; gap: 12px; padding: 10px 16px;
    background: var(--t-card, white); border-radius: 10px; border: 1px solid var(--t-card-border, #e2e8f0);
    font-size: 0.85rem; transition: background 0.15s;
}
.muh-sh-item:hover[b-b99fl5h0tm] { background: var(--t-hover, #f8fafc); }
.muh-sh-tarih[b-b99fl5h0tm] { font-weight: 700; color: var(--t-text-muted, #64748b); min-width: 50px; }
.muh-sh-tip[b-b99fl5h0tm] { font-weight: 600; color: var(--t-accent, #6366f1); min-width: 120px; font-size: 0.8rem; }
.muh-sh-aciklama[b-b99fl5h0tm] { flex: 1; color: var(--t-text, #334155); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.muh-sh-tutar[b-b99fl5h0tm] { font-weight: 800; min-width: 120px; text-align: right; }
.muh-sh-item.pozitif .muh-sh-tutar[b-b99fl5h0tm] { color: #16a34a; }
.muh-sh-item.negatif .muh-sh-tutar[b-b99fl5h0tm] { color: #dc2626; }

/* Banka Grid */
.muh-banka-grid[b-b99fl5h0tm] {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px;
    margin-top: 16px;
    animation: muhFadeIn-b-b99fl5h0tm 0.3s ease;
}
.muh-banka-card[b-b99fl5h0tm] {
    background: var(--t-card, white); border-radius: 16px; padding: 22px;
    border: 1.5px solid var(--t-card-border, #e2e8f0); border-top: 4px solid;
    cursor: pointer; transition: all 0.25s;
}
.muh-banka-card:hover[b-b99fl5h0tm] { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,0.12); }
.muh-banka-header[b-b99fl5h0tm] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.muh-banka-adi[b-b99fl5h0tm] { font-weight: 800; font-size: 0.95rem; color: var(--t-text, #1e293b); }
.muh-banka-tip[b-b99fl5h0tm] { font-size: 0.72rem; font-weight: 600; padding: 2px 8px; border-radius: 6px; background: #f1f5f9; color: #64748b; }
.muh-banka-hesap[b-b99fl5h0tm] { font-size: 0.82rem; font-weight: 600; color: var(--t-text, #334155); }
.muh-banka-iban[b-b99fl5h0tm] { font-size: 0.75rem; color: var(--t-text-muted, #94a3b8); font-family: monospace; margin: 6px 0; }
.muh-banka-bakiye[b-b99fl5h0tm] { font-size: 1.5rem; font-weight: 900; margin: 10px 0; }
.muh-banka-bakiye.pozitif[b-b99fl5h0tm] { color: #16a34a; }
.muh-banka-bakiye.negatif[b-b99fl5h0tm] { color: #dc2626; }
.muh-banka-actions[b-b99fl5h0tm] { display: flex; gap: 6px; }

/* Mini Buttons */
.muh-mini-btn[b-b99fl5h0tm] {
    padding: 4px 12px; border-radius: 6px; border: 1.5px solid var(--t-card-border, #e2e8f0);
    background: var(--t-card, white); font-size: 0.75rem; font-weight: 700;
    cursor: pointer; transition: all 0.15s; color: var(--t-text, #334155);
}
.muh-mini-btn:hover[b-b99fl5h0tm] { background: var(--t-hover, #f0f9ff); border-color: var(--t-accent, #6366f1); }

/* Toolbar özet */
.muh-toolbar-ozet[b-b99fl5h0tm] {
    font-size: 0.82rem; color: var(--t-text, #334155); display: inline-flex; align-items: center; gap: 6px;
    flex-shrink: 0; white-space: nowrap;
    padding: 0 12px; border-radius: 8px; height: 38px; box-sizing: border-box;
    background: var(--t-hover, #f1f5f9); border: 1px solid var(--t-card-border, #e2e8f0);
}
.muh-toolbar-ozet strong[b-b99fl5h0tm] { color: var(--t-accent, #6366f1); }

/* Gelir/Gider özet bar */
.muh-gg-ozet[b-b99fl5h0tm] {
    display: inline-flex; gap: 10px; align-items: center; font-size: 0.78rem; flex-wrap: wrap;
    padding: 0 12px; border-radius: 8px; height: 38px; box-sizing: border-box;
    background: var(--t-hover, #f1f5f9); border: 1px solid var(--t-card-border, #e2e8f0);
    flex-shrink: 0;
}

/* Ay seçici */
.muh-ay-select[b-b99fl5h0tm] {
    width: 160px; height: 38px; font-size: 0.82rem !important;
    padding: 5px 32px 5px 10px !important; flex-shrink: 0; box-sizing: border-box;
}
.muh-gg-gelir[b-b99fl5h0tm] { color: #16a34a; }
.muh-gg-gider[b-b99fl5h0tm] { color: #dc2626; }
.muh-gg-net[b-b99fl5h0tm] { font-weight: 800; }
.muh-gg-net.pozitif[b-b99fl5h0tm] { color: #16a34a; }
.muh-gg-net.negatif[b-b99fl5h0tm] { color: #dc2626; }

/* Entegratör uyarı */
.muh-entegrator-uyari[b-b99fl5h0tm] {
    display: flex; align-items: flex-start; gap: 12px;
    margin: 16px 0;
    padding: 16px 20px; border-radius: 12px;
    background: linear-gradient(135deg, #fefce8, #fef9c3); border: 1.5px solid #facc15;
}
.muh-entegrator-uyari > span[b-b99fl5h0tm] { font-size: 1.4rem; flex-shrink: 0; }
.muh-entegrator-uyari > div > strong[b-b99fl5h0tm] { display: block; color: #854d0e; font-size: 0.88rem; margin-bottom: 4px; }
.muh-entegrator-uyari > div > p[b-b99fl5h0tm] { color: #a16207; font-size: 0.82rem; line-height: 1.5; }
.muh-entegrator-uyari span[b-b99fl5h0tm] { color: #a16207; font-size: 0.8rem; line-height: 1.5; }

/* Badge Stiller */
.muh-tip-badge[b-b99fl5h0tm] {
    display: inline-block; padding: 2px 10px; border-radius: 6px;
    font-size: 0.72rem; font-weight: 700; text-align: center;
}
.muh-tip-badge.musteri[b-b99fl5h0tm] { background: #dbeafe; color: #1e40af; }
.muh-tip-badge.tedarikci[b-b99fl5h0tm] { background: #fef3c7; color: #92400e; }
.muh-tip-badge.personel[b-b99fl5h0tm] { background: #ede9fe; color: #5b21b6; }
.muh-tip-badge.diger[b-b99fl5h0tm] { background: #f1f5f9; color: #475569; }
.muh-tip-badge.gelir[b-b99fl5h0tm] { background: #dcfce7; color: #166534; }
.muh-tip-badge.gider[b-b99fl5h0tm] { background: #fee2e2; color: #991b1b; }
.muh-tip-badge.giden[b-b99fl5h0tm] { background: #fee2e2; color: #991b1b; }
.muh-tip-badge.gelen[b-b99fl5h0tm] { background: #dcfce7; color: #166534; }
.muh-tip-badge.cek[b-b99fl5h0tm] { background: #dbeafe; color: #1e40af; }
.muh-tip-badge.senet[b-b99fl5h0tm] { background: #fef3c7; color: #92400e; }

.muh-risk-badge[b-b99fl5h0tm] {
    display: inline-block; padding: 2px 8px; border-radius: 6px; font-size: 0.7rem; font-weight: 700;
}
.muh-risk-badge.normal[b-b99fl5h0tm] { background: #dcfce7; color: #166534; }
.muh-risk-badge.riskli[b-b99fl5h0tm] { background: #fef3c7; color: #92400e; }
.muh-risk-badge.karaliste[b-b99fl5h0tm] { background: #fee2e2; color: #991b1b; }

.muh-durum-badge[b-b99fl5h0tm] {
    display: inline-block; padding: 2px 8px; border-radius: 6px; font-size: 0.7rem; font-weight: 700;
}
.muh-durum-badge.beklemede[b-b99fl5h0tm] { background: #fef3c7; color: #92400e; }
.muh-durum-badge.kismiodendi[b-b99fl5h0tm] { background: #dbeafe; color: #1e40af; }
.muh-durum-badge.odendi[b-b99fl5h0tm] { background: #dcfce7; color: #166534; }
.muh-durum-badge.portfoyde[b-b99fl5h0tm] { background: #dbeafe; color: #1e40af; }
.muh-durum-badge.tahsiledildi[b-b99fl5h0tm] { background: #dcfce7; color: #166534; }
.muh-durum-badge.karsiliksiz[b-b99fl5h0tm] { background: #fee2e2; color: #991b1b; }
.muh-durum-badge.ciroedildi[b-b99fl5h0tm] { background: #ede9fe; color: #5b21b6; }
.muh-durum-badge.iadeedildi[b-b99fl5h0tm] { background: #f1f5f9; color: #475569; }
.muh-durum-badge.tahsileverilen[b-b99fl5h0tm] { background: #fef3c7; color: #92400e; }
.muh-durum-badge.protesto[b-b99fl5h0tm] { background: #fef2f2; color: #dc2626; }

.muh-gib-badge[b-b99fl5h0tm] {
    display: inline-block; padding: 2px 8px; border-radius: 6px; font-size: 0.7rem; font-weight: 700;
}
.muh-gib-badge.taslak[b-b99fl5h0tm] { background: #f1f5f9; color: #475569; }
.muh-gib-badge.gonderildi[b-b99fl5h0tm] { background: #dbeafe; color: #1e40af; }
.muh-gib-badge.kabuledildi[b-b99fl5h0tm] { background: #dcfce7; color: #166534; }
.muh-gib-badge.reddedildi[b-b99fl5h0tm] { background: #fee2e2; color: #991b1b; }
.muh-gib-badge.iptal[b-b99fl5h0tm] { background: #fef2f2; color: #dc2626; }

/* Yardımcı sınıflar */
.bold[b-b99fl5h0tm] { font-weight: 700; }
.pozitif[b-b99fl5h0tm] { color: #16a34a !important; }
.negatif[b-b99fl5h0tm] { color: #dc2626 !important; }
.pasif-row[b-b99fl5h0tm] { opacity: 0.5; }
.vade-yakin[b-b99fl5h0tm] { background: #fef2f2 !important; }
.vade-uyari[b-b99fl5h0tm] { color: #dc2626; font-size: 0.7rem; font-weight: 700; margin-left: 4px; }

/* Responsive */
@media (max-width: 1100px) {
    .muh-ozet-grid[b-b99fl5h0tm] { grid-template-columns: repeat(2, 1fr); }
    .muh-banka-grid[b-b99fl5h0tm] { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
    .muh-content[b-b99fl5h0tm] { margin: 10px 8px 16px; padding: 14px; border-radius: 14px; overflow: hidden; }
    [b-b99fl5h0tm] .ym-toolbar { gap: 8px; padding: 0; max-width: none; flex-wrap: wrap; overflow: hidden; }
    [b-b99fl5h0tm] .ym-toolbar > * { width: 100%; min-width: 0; }
    [b-b99fl5h0tm] .ym-filter-row {
        display: flex; flex-wrap: nowrap; gap: 6px; width: 100%;
    }
    [b-b99fl5h0tm] .ym-filter-row > * { flex: 1 1 0; min-width: 0; }
    [b-b99fl5h0tm] .ym-table-wrap { border-radius: 10px; }
    [b-b99fl5h0tm] .ym-add-btn { font-size: 0.76rem; padding: 6px 10px; }
    .muh-ay-select[b-b99fl5h0tm] { width: auto !important; flex: 1 1 0 !important; min-width: 0 !important; font-size: 0.76rem !important; }
    .muh-count-badge[b-b99fl5h0tm] { display: none; }
    .muh-ozet-grid[b-b99fl5h0tm] { grid-template-columns: 1fr 1fr; gap: 10px; }
    .muh-ozet-card[b-b99fl5h0tm] { padding: 14px 12px; }
    .muh-ozet-icon[b-b99fl5h0tm] { width: 40px; height: 40px; font-size: 1.3rem; }
    .muh-ozet-val[b-b99fl5h0tm] { font-size: 1rem; }
    .muh-ozet-label[b-b99fl5h0tm] { font-size: 0.7rem; }
    .muh-banka-grid[b-b99fl5h0tm] { grid-template-columns: 1fr; }
    .muh-son-hareketler[b-b99fl5h0tm] { margin-top: 14px; }
    .muh-sh-item[b-b99fl5h0tm] { flex-wrap: wrap; gap: 6px; }
    .muh-sh-tip[b-b99fl5h0tm] { min-width: auto; }
    .muh-gg-ozet[b-b99fl5h0tm] { flex-wrap: wrap; gap: 6px; font-size: 0.72rem; padding: 4px 8px; width: 100%; box-sizing: border-box; height: auto; flex-shrink: 1; }
    .muh-toolbar-ozet[b-b99fl5h0tm] { font-size: 0.76rem; padding: 4px 8px; width: 100%; box-sizing: border-box; flex-shrink: 1; white-space: normal; }
    .muh-toolbar-btns[b-b99fl5h0tm] {
        display: flex; flex-wrap: wrap; gap: 6px; width: 100%;
    }
    .muh-toolbar-btns .ym-add-btn[b-b99fl5h0tm],
    .muh-toolbar-btns .muh-secondary-btn[b-b99fl5h0tm] { flex: 1 1 auto; text-align: center; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .muh-entegrator-uyari[b-b99fl5h0tm] { margin: 12px 0; }
    .muh-csv-panel[b-b99fl5h0tm] { margin: 0 0 12px; }
    .muh-efatura-steps[b-b99fl5h0tm] { gap: 8px; }
    .muh-step[b-b99fl5h0tm] { padding: 8px 10px; }
    .muh-enteg-body[b-b99fl5h0tm] { grid-template-columns: 1fr 1fr; gap: 8px; }
}

/* CSV Import Panel */
.muh-csv-panel[b-b99fl5h0tm] {
    margin: 0 0 16px; border-radius: 14px;
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    background: var(--t-card, white); overflow: hidden;
}
.muh-csv-header[b-b99fl5h0tm] {
    display: flex; justify-content: space-between; align-items: center;
    padding: 14px 20px; background: linear-gradient(135deg, #eff6ff, #dbeafe); border-bottom: 1px solid #bfdbfe;
}
.muh-csv-header h4[b-b99fl5h0tm] { margin: 0; font-size: 0.95rem; color: #1e40af; }
.muh-csv-close[b-b99fl5h0tm] { background: none; border: none; font-size: 1.2rem; cursor: pointer; color: #64748b; padding: 4px; }
.muh-csv-body[b-b99fl5h0tm] { padding: 20px; }
.muh-csv-info[b-b99fl5h0tm] {
    background: #f8fafc; border-radius: 10px; padding: 14px 18px; margin-bottom: 16px;
    font-size: 0.82rem; color: var(--t-text, #334155); line-height: 1.6;
}
.muh-csv-info strong[b-b99fl5h0tm] { display: block; margin-bottom: 4px; color: var(--t-text, #1e293b); }
.muh-csv-info ul[b-b99fl5h0tm] { margin: 4px 0 8px 18px; padding: 0; }
.muh-csv-info li[b-b99fl5h0tm] { margin-bottom: 2px; }
.muh-csv-form[b-b99fl5h0tm] { display: flex; flex-direction: column; gap: 14px; }
.muh-csv-row[b-b99fl5h0tm] { display: flex; flex-direction: column; gap: 6px; }
.muh-csv-row label[b-b99fl5h0tm] { font-size: 0.8rem; font-weight: 700; color: var(--t-text, #334155); }
.muh-csv-preview[b-b99fl5h0tm] {
    background: #f1f5f9; border-radius: 8px; padding: 12px; font-size: 0.75rem;
}
.muh-csv-preview strong[b-b99fl5h0tm] { display: block; margin-bottom: 6px; font-size: 0.78rem; }
.muh-csv-preview pre[b-b99fl5h0tm] {
    white-space: pre-wrap; word-break: break-all; margin: 0;
    font-size: 0.72rem; color: #475569; max-height: 120px; overflow-y: auto;
}
.muh-csv-status[b-b99fl5h0tm] {
    padding: 10px 14px; background: #dcfce7; border-radius: 8px;
    font-size: 0.82rem; font-weight: 600; color: #166534;
}

/* Toolbar ikili buton */
.muh-toolbar-btns[b-b99fl5h0tm] { display: flex; gap: 6px; align-items: center; flex-shrink: 0; }
.muh-secondary-btn[b-b99fl5h0tm] {
    background: var(--t-card, white) !important; color: var(--t-accent, #6366f1) !important;
    border: 1.5px solid var(--t-accent, #6366f1) !important; font-size: 0.78rem !important;
    padding: 6px 12px !important;
}
.muh-secondary-btn:hover[b-b99fl5h0tm] { background: #eef2ff !important; }

/* E-Fatura Steps */
.muh-efatura-steps[b-b99fl5h0tm] { display: flex; flex-direction: column; gap: 10px; margin: 12px 0; }
.muh-step[b-b99fl5h0tm] {
    display: flex; align-items: flex-start; gap: 12px; padding: 10px 14px;
    background: white; border-radius: 10px; border: 1px solid #fde68a;
}
.muh-step-no[b-b99fl5h0tm] {
    width: 28px; height: 28px; border-radius: 50%; flex-shrink: 0;
    background: linear-gradient(135deg, #f59e0b, #d97706); color: white;
    display: flex; align-items: center; justify-content: center;
    font-size: 0.78rem; font-weight: 800;
}
.muh-step div[b-b99fl5h0tm] { display: flex; flex-direction: column; gap: 2px; }
.muh-step strong[b-b99fl5h0tm] { font-size: 0.82rem; color: #92400e; }
.muh-step span[b-b99fl5h0tm] { font-size: 0.78rem; color: #a16207; line-height: 1.4; }
.muh-efatura-note[b-b99fl5h0tm] { font-size: 0.78rem; color: #92400e; font-weight: 600; margin-top: 4px; }

/* Entegratör uyarı genişletilmiş */
.muh-entegrator-uyari p[b-b99fl5h0tm] { margin: 6px 0; font-size: 0.82rem; color: #a16207; }

/* ═══ SORGULAR & RAPORLAR ═══ */
.muh-sorgu-container[b-b99fl5h0tm], .muh-rapor-container[b-b99fl5h0tm] {
    animation: muhFadeIn-b-b99fl5h0tm 0.3s ease;
}
.muh-sorgu-grid[b-b99fl5h0tm], .muh-rapor-grid[b-b99fl5h0tm] {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 20px;
}
.muh-sorgu-card[b-b99fl5h0tm], .muh-rapor-card[b-b99fl5h0tm] {
    background: var(--t-card, white); border-radius: 14px; padding: 20px;
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    display: flex; align-items: flex-start; gap: 14px;
    cursor: pointer; transition: all 0.25s;
}
.muh-sorgu-card:hover[b-b99fl5h0tm], .muh-rapor-card:hover[b-b99fl5h0tm] {
    transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,0.1);
    border-color: var(--t-accent, #6366f1);
}
.muh-sorgu-icon[b-b99fl5h0tm], .muh-rapor-icon[b-b99fl5h0tm] {
    width: 46px; height: 46px; border-radius: 12px; display: flex;
    align-items: center; justify-content: center; font-size: 1.3rem; flex-shrink: 0;
}
.muh-sorgu-icon.blue[b-b99fl5h0tm], .muh-rapor-icon.blue[b-b99fl5h0tm] { background: linear-gradient(135deg, #dbeafe, #bfdbfe); }
.muh-sorgu-icon.red[b-b99fl5h0tm], .muh-rapor-icon.red[b-b99fl5h0tm] { background: linear-gradient(135deg, #fee2e2, #fecaca); }
.muh-sorgu-icon.emerald[b-b99fl5h0tm], .muh-rapor-icon.emerald[b-b99fl5h0tm] { background: linear-gradient(135deg, #d1fae5, #a7f3d0); }
.muh-sorgu-icon.purple[b-b99fl5h0tm], .muh-rapor-icon.purple[b-b99fl5h0tm] { background: linear-gradient(135deg, #ede9fe, #ddd6fe); }
.muh-sorgu-icon.orange[b-b99fl5h0tm], .muh-rapor-icon.orange[b-b99fl5h0tm] { background: linear-gradient(135deg, #fff7ed, #fed7aa); }
.muh-sorgu-icon.cyan[b-b99fl5h0tm], .muh-rapor-icon.cyan[b-b99fl5h0tm] { background: linear-gradient(135deg, #cffafe, #a5f3fc); }
.muh-sorgu-icon.green[b-b99fl5h0tm], .muh-rapor-icon.green[b-b99fl5h0tm] { background: linear-gradient(135deg, #dcfce7, #bbf7d0); }

.muh-sorgu-info[b-b99fl5h0tm], .muh-rapor-info[b-b99fl5h0tm] { display: flex; flex-direction: column; gap: 4px; }
.muh-sorgu-info strong[b-b99fl5h0tm], .muh-rapor-info strong[b-b99fl5h0tm] { font-size: 0.88rem; color: var(--t-text, #1e293b); }
.muh-sorgu-info span[b-b99fl5h0tm], .muh-rapor-info span[b-b99fl5h0tm] { font-size: 0.78rem; color: var(--t-text-muted, #64748b); line-height: 1.4; }

.muh-sorgu-sonuc[b-b99fl5h0tm] {
    background: var(--t-card, white); border-radius: 14px;
    border: 1.5px solid var(--t-card-border, #e2e8f0); overflow: hidden;
}
.muh-sorgu-sonuc-header[b-b99fl5h0tm] {
    display: flex; justify-content: space-between; align-items: center;
    padding: 14px 20px; background: var(--t-hover, #f8fafc);
    border-bottom: 1px solid var(--t-card-border, #e2e8f0);
}
.muh-sorgu-sonuc-header h4[b-b99fl5h0tm] { margin: 0; font-size: 0.92rem; font-weight: 700; color: var(--t-text, #1e293b); }

/* ═══ ENTEGRASYON PANELİ ═══ */
.muh-enteg-panel[b-b99fl5h0tm] {
    margin-top: 20px;
}
.muh-enteg-header[b-b99fl5h0tm] {
    display: flex; align-items: center; gap: 10px; margin-bottom: 12px;
}
.muh-enteg-header span[b-b99fl5h0tm] { font-size: 1.2rem; }
.muh-enteg-header strong[b-b99fl5h0tm] { font-size: 0.95rem; font-weight: 800; color: var(--t-text, #1e293b); }
.muh-enteg-body[b-b99fl5h0tm] {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px;
}
.muh-enteg-stat[b-b99fl5h0tm] {
    background: var(--t-card, white); border-radius: 12px; padding: 16px;
    border: 1.5px solid var(--t-card-border, #e2e8f0); text-align: center;
    display: flex; flex-direction: column; gap: 4px;
}
.muh-enteg-val[b-b99fl5h0tm] { font-size: 1.2rem; font-weight: 900; color: var(--t-text, #1e293b); }
.muh-enteg-label[b-b99fl5h0tm] { font-size: 0.75rem; font-weight: 600; color: var(--t-text-muted, #64748b); text-transform: uppercase; letter-spacing: 0.3px; }

@media (max-width: 1100px) {
    .muh-sorgu-grid[b-b99fl5h0tm], .muh-rapor-grid[b-b99fl5h0tm] { grid-template-columns: repeat(2, 1fr); }
    .muh-enteg-body[b-b99fl5h0tm] { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
    .muh-sorgu-grid[b-b99fl5h0tm], .muh-rapor-grid[b-b99fl5h0tm] { grid-template-columns: 1fr; }
    .muh-enteg-body[b-b99fl5h0tm] { grid-template-columns: 1fr 1fr; }
    .muh-sorgu-sonuc-header[b-b99fl5h0tm] { padding: 10px 14px; }
    .muh-form-grid[b-b99fl5h0tm] { grid-template-columns: 1fr; }
    .muh-csv-drop[b-b99fl5h0tm] { min-height: 100px; }
}

/* ═══ FORM GRİD ═══ */
.muh-form-grid[b-b99fl5h0tm] {
    display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 16px;
}
.muh-form-field[b-b99fl5h0tm] { display: flex; flex-direction: column; gap: 4px; }
.muh-form-field label[b-b99fl5h0tm] { font-size: 0.78rem; font-weight: 700; color: var(--t-text-muted, #475569); }
.muh-form-field.muh-full[b-b99fl5h0tm] { grid-column: 1 / -1; }

/* ═══ CSV SÜRÜKLE-BIRAK ═══ */
.muh-csv-drop[b-b99fl5h0tm] {
    position: relative; border: 2px dashed var(--t-input-border, #cbd5e1);
    border-radius: 14px; background: var(--t-accent-light, #f0f9ff);
    transition: all 0.25s; min-height: 120px;
}
.muh-csv-drop.muh-csv-dragging[b-b99fl5h0tm] {
    border-color: var(--t-accent, #6366f1);
    background: color-mix(in srgb, var(--t-accent, #6366f1) 8%, var(--t-accent-light, #f0f9ff));
    box-shadow: 0 0 0 4px rgba(99,102,241,0.12);
}
.muh-csv-drop-label[b-b99fl5h0tm] {
    position: relative; display: flex; align-items: center; justify-content: center;
    min-height: 120px; cursor: pointer; padding: 20px;
}
.muh-csv-drop-content[b-b99fl5h0tm] {
    display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center;
}
.muh-csv-drop-icon[b-b99fl5h0tm] { font-size: 2.2rem; opacity: 0.6; }
.muh-csv-drop-text[b-b99fl5h0tm] {
    font-size: 0.88rem; font-weight: 700; color: var(--t-text-muted, #64748b);
}
.muh-csv-drop-text.active[b-b99fl5h0tm] { color: var(--t-accent, #6366f1); font-size: 1rem; }
.muh-csv-drop-text.ok[b-b99fl5h0tm] { color: #16a34a; }
.muh-csv-drop-hint[b-b99fl5h0tm] {
    font-size: 0.75rem; color: var(--t-text-muted, #94a3b8); max-width: 340px; line-height: 1.4;
}

/* ═══ E-FATURA AYAR PANELİ ═══ */
.muh-ef-ayar-panel[b-b99fl5h0tm] {
    margin: 16px 0; border-radius: 14px;
    background: var(--t-card, #fff); border: 1.5px solid var(--t-card-border, #e2e8f0);
    overflow: hidden;
}
.muh-ef-ayar-panel .box-header[b-b99fl5h0tm] {
    display: flex; align-items: center; gap: 8px; padding: 14px 20px;
    background: linear-gradient(135deg, #f8fafc, #f1f5f9); border-bottom: 1px solid var(--t-card-border, #e2e8f0);
    font-size: 0.9rem; font-weight: 700; color: var(--t-text, #1e293b);
}
.muh-ef-ayar-panel .box-body[b-b99fl5h0tm] { padding: 20px; }

/* ═══ E-FATURA POPUP ═══ */
[b-b99fl5h0tm] .ef-popup { max-width: 920px; }

/* Taraf kartları (Düzenleyen ➜ Alıcı) */
.ef-parties[b-b99fl5h0tm] {
    display: grid; grid-template-columns: 1fr auto 1fr; gap: 12px; align-items: stretch;
    margin: 12px 0;
}
.ef-party-card[b-b99fl5h0tm] {
    background: var(--t-hover, #f8fafc); border-radius: 12px; padding: 14px 16px;
    border: 1.5px solid var(--t-card-border, #e2e8f0);
}
.ef-party-card.ef-party-editable[b-b99fl5h0tm] {
    background: var(--t-card, #fff); border-color: var(--t-accent, #6366f1); border-style: dashed;
}
.ef-party-header[b-b99fl5h0tm] { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
.ef-party-logo[b-b99fl5h0tm] { width: 32px; height: 32px; border-radius: 6px; object-fit: contain; }
.ef-party-label[b-b99fl5h0tm] { font-size: 0.72rem; font-weight: 700; color: var(--t-text-muted, #64748b); text-transform: uppercase; letter-spacing: 0.4px; }
.ef-party-name[b-b99fl5h0tm] { font-size: 0.9rem; font-weight: 800; color: var(--t-text, #1e293b); margin-bottom: 4px; }
.ef-party-detail[b-b99fl5h0tm] { font-size: 0.78rem; color: var(--t-text-muted, #64748b); line-height: 1.5; }
.ef-party-warn[b-b99fl5h0tm] { font-size: 0.75rem; color: #d97706; font-weight: 600; margin-top: 6px; }
.ef-party-arrow[b-b99fl5h0tm] { display: flex; align-items: center; font-size: 1.5rem; color: var(--t-text-muted, #94a3b8); }

.ef-section-title[b-b99fl5h0tm] {
    font-size: 0.85rem; font-weight: 800; color: var(--t-text, #1e293b);
    padding: 10px 0 6px; border-bottom: 1px solid var(--t-card-border, #e2e8f0);
    margin: 12px 0 10px;
}

/* Kalemler */
.ef-kalemler[b-b99fl5h0tm] { margin-bottom: 12px; }
.ef-kalem-header[b-b99fl5h0tm] {
    display: grid; grid-template-columns: 30px 1fr 70px 80px 100px 60px 100px 36px; gap: 6px;
    padding: 6px 0; font-size: 0.7rem; font-weight: 700; color: var(--t-text-muted, #64748b);
    text-transform: uppercase; letter-spacing: 0.3px; border-bottom: 1px solid var(--t-card-border, #e2e8f0);
}
.ef-kalem-row[b-b99fl5h0tm] {
    display: grid; grid-template-columns: 30px 1fr 70px 80px 100px 60px 100px 36px; gap: 6px;
    padding: 6px 0; align-items: center; border-bottom: 1px solid var(--t-card-border, #f1f5f9);
}
.ef-kr-sira[b-b99fl5h0tm] { font-size: 0.78rem; font-weight: 700; color: var(--t-text-muted, #94a3b8); text-align: center; }
.ef-kr-urun[b-b99fl5h0tm], .ef-kr-miktar[b-b99fl5h0tm], .ef-kr-fiyat[b-b99fl5h0tm], .ef-kr-birim[b-b99fl5h0tm], .ef-kr-kdv[b-b99fl5h0tm] {
    font-size: 0.82rem; padding: 6px 8px;
}
.ef-kr-toplam[b-b99fl5h0tm] { font-size: 0.82rem; font-weight: 700; color: var(--t-text, #1e293b); text-align: right; }
.ef-kr-sil[b-b99fl5h0tm] { background: none; border: none; cursor: pointer; font-size: 0.85rem; padding: 4px; border-radius: 6px; transition: all 0.15s; }
.ef-kr-sil:hover[b-b99fl5h0tm] { background: #fef2f2; }
.ef-kalem-ekle[b-b99fl5h0tm] {
    background: none; border: 1.5px dashed var(--t-card-border, #cbd5e1); border-radius: 8px;
    padding: 8px; width: 100%; margin-top: 6px; cursor: pointer; font-size: 0.82rem;
    font-weight: 700; color: var(--t-accent, #6366f1); transition: all 0.15s;
}
.ef-kalem-ekle:hover[b-b99fl5h0tm] { border-color: var(--t-accent, #6366f1); background: rgba(99,102,241,0.04); }

/* Toplamlar */
.ef-toplamlar[b-b99fl5h0tm] {
    display: flex; flex-direction: column; align-items: flex-end; gap: 4px;
    padding: 12px 0; border-top: 2px solid var(--t-card-border, #e2e8f0);
}
.ef-toplam-row[b-b99fl5h0tm] { display: flex; gap: 16px; align-items: center; font-size: 0.85rem; }
.ef-toplam-row span[b-b99fl5h0tm] { color: var(--t-text-muted, #64748b); min-width: 100px; text-align: right; }
.ef-toplam-row strong[b-b99fl5h0tm] { color: var(--t-text, #1e293b); min-width: 120px; text-align: right; }
.ef-genel-toplam[b-b99fl5h0tm] { font-size: 1rem; padding-top: 6px; border-top: 1px solid var(--t-card-border, #e2e8f0); }
.ef-genel-toplam strong[b-b99fl5h0tm] { color: var(--t-accent, #6366f1); font-size: 1.1rem; }

/* Detay popup */
.ef-detay-grid[b-b99fl5h0tm] { display: flex; flex-direction: column; gap: 8px; }
.ef-detay-info[b-b99fl5h0tm] {
    display: grid; grid-template-columns: 1fr 1fr; gap: 8px;
    background: var(--t-hover, #f8fafc); border-radius: 10px; padding: 14px;
}
.ef-detay-row[b-b99fl5h0tm] { display: flex; align-items: center; gap: 8px; font-size: 0.85rem; }
.ef-detay-row > span:first-child[b-b99fl5h0tm] { color: var(--t-text-muted, #64748b); min-width: 100px; }
.ef-detay-row strong[b-b99fl5h0tm] { color: var(--t-text, #1e293b); }

/* Satır tıklanabilir */
[b-b99fl5h0tm] .ef-clickable { cursor: pointer; transition: background 0.15s; }
[b-b99fl5h0tm] .ef-clickable:hover { background: var(--t-hover, #f8fafc); }

@media (max-width: 700px) {
    .ef-kalem-header[b-b99fl5h0tm] { display: none; }
    .ef-kalem-row[b-b99fl5h0tm] {
        grid-template-columns: 1fr 1fr; gap: 6px; padding: 10px 0;
        border-bottom: 2px solid var(--t-card-border, #e2e8f0);
    }
    .ef-kr-sira[b-b99fl5h0tm] { display: none; }
    .ef-kr-urun[b-b99fl5h0tm] { grid-column: 1 / -1; }
    .ef-kr-toplam[b-b99fl5h0tm] { text-align: left; }
    .ef-detay-info[b-b99fl5h0tm] { grid-template-columns: 1fr; }
    .ef-parties[b-b99fl5h0tm] { grid-template-columns: 1fr; }
    .ef-party-arrow[b-b99fl5h0tm] { justify-content: center; transform: rotate(90deg); }
}

/* ═══ PERSONEL MAAŞLARI ═══ */
.muh-maas-container[b-b99fl5h0tm] { }
.muh-toolbar[b-b99fl5h0tm] {
    display: flex; flex-wrap: wrap; gap: 10px; align-items: center;
    padding: 12px 0; margin-bottom: 8px;
}
.row-passive[b-b99fl5h0tm] { opacity: 0.55; }
.td-actions[b-b99fl5h0tm] { white-space: nowrap; }
.td-actions button[b-b99fl5h0tm] { background: none; border: none; cursor: pointer; font-size: 0.85rem; padding: 2px 5px; }
.td-actions button:hover[b-b99fl5h0tm] { transform: scale(1.15); }

.muh-maas-preview[b-b99fl5h0tm] {
    display: flex; flex-wrap: wrap; gap: 14px; align-items: center;
    padding: 12px 16px; background: #f0fdf4; border: 1px solid #bbf7d0;
    border-radius: 10px; margin: 12px 0; font-size: 0.88rem;
}
.pozitif[b-b99fl5h0tm] { color: #059669; }
.negatif[b-b99fl5h0tm] { color: #dc2626; }
.bold[b-b99fl5h0tm] { font-weight: 700; }

/* ═══ POPUP HEADER & TOOLBAR ═══ */
.muh-popup-header[b-b99fl5h0tm] {
    display: flex; flex-direction: column; gap: 12px; margin-bottom: 16px;
}
.muh-popup-header h3[b-b99fl5h0tm] { margin: 0; }
.muh-popup-toolbar[b-b99fl5h0tm] {
    display: flex; align-items: center; gap: 8px;
}
.muh-popup-search[b-b99fl5h0tm] {
    flex: 1; min-width: 0; height: 36px; box-sizing: border-box;
    border: 1.5px solid var(--t-input-border, #e2e8f0); border-radius: 8px;
    padding: 0 12px; font-size: 0.82rem; outline: none;
    background: var(--t-input-bg, white); color: var(--t-text, #1e293b);
    transition: border-color 0.2s;
}
.muh-popup-search:focus[b-b99fl5h0tm] { border-color: var(--t-accent, #6366f1); box-shadow: 0 0 0 3px rgba(99,102,241,0.1); }
.muh-popup-footer[b-b99fl5h0tm] {
    display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
    padding: 12px 16px; margin-top: 12px;
    background: var(--t-hover, #f8fafc); border-radius: 10px;
    border: 1px solid var(--t-card-border, #e2e8f0);
    font-size: 0.85rem;
}
@media (max-width: 600px) {
    .muh-popup-toolbar[b-b99fl5h0tm] { flex-wrap: wrap; }
    .muh-popup-footer[b-b99fl5h0tm] { gap: 8px; font-size: 0.78rem; padding: 10px 12px; }
}
/* /Components/Pages/Yonetim/OdemeYonetimi.razor.rz.scp.css */
/* ═══ ÖDEME YÖNETİMİ — Sayfa-Özel Stiller ═══ */
/* Ortak stiller (ym-page, ym-topbar, ym-back, vb.): /css/yonetim-liste.css */

.od-msg[b-uqthrqsie9] { margin: 16px 24px 0; padding: 12px 18px; border-radius: 10px; font-weight: 600; font-size: 0.9rem; }
.od-msg.success[b-uqthrqsie9] { background: #f0fdf4; color: #16a34a; border: 1px solid #bbf7d0; }
.od-msg.error[b-uqthrqsie9] { background: #fef2f2; color: #dc2626; border: 1px solid #fecaca; }

/* Sekmeler: ortak ym-tabs-wrapper (yonetim-liste.css) */

/* Section */
.od-section[b-uqthrqsie9] { margin: 16px 24px 24px; background: var(--t-card, white); border-radius: 16px; box-shadow: 0 2px 12px rgba(0,0,0,0.06); padding: 20px; animation: odFadeIn-b-uqthrqsie9 0.3s ease; }
@keyframes odFadeIn-b-uqthrqsie9 { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.od-section-header[b-uqthrqsie9] { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; flex-wrap: wrap; }
.od-section-header h3[b-uqthrqsie9] { margin: 0; font-size: 1.05rem; font-weight: 700; color: var(--t-text, #1e293b); }
.od-section-count[b-uqthrqsie9] { background: #fef3c7; color: #92400e; padding: 4px 12px; border-radius: 8px; font-size: 0.78rem; font-weight: 700; }
.od-section-desc[b-uqthrqsie9] { color: var(--t-text-muted, #64748b); font-size: 0.82rem; }

/* Stats */
.od-stats[b-uqthrqsie9] { display: flex; gap: 12px; margin-bottom: 16px; flex-wrap: wrap; }
.od-stat[b-uqthrqsie9] {
    flex: 1; min-width: 100px; text-align: center; padding: 14px 12px;
    border-radius: 12px; border: 1.5px solid var(--t-card-border, #e2e8f0);
    cursor: pointer; transition: transform 0.15s, box-shadow 0.15s, background 0.15s, border-color 0.15s;
    position: relative; overflow: hidden;
}
.od-stat:hover[b-uqthrqsie9] { transform: scale(1.02); box-shadow: 0 4px 14px rgba(0,0,0,0.08); }
.od-stat.green[b-uqthrqsie9] { background: #f0fdf4; border-color: #bbf7d0; }
.od-stat.blue[b-uqthrqsie9] { background: #eff6ff; border-color: #bfdbfe; }
.od-stat.red[b-uqthrqsie9] { background: #fef2f2; border-color: #fecaca; }
.od-stat.orange[b-uqthrqsie9] { background: #fff7ed; border-color: #fed7aa; }
.od-stat.teal[b-uqthrqsie9] { background: #f0fdfa; border-color: #99f6e4; }
.od-stat.purple[b-uqthrqsie9] { background: #f5f3ff; border-color: #ddd6fe; }
.od-stat[b-uqthrqsie9]::after {
    content: ''; position: absolute; left: 0; top: 0; bottom: 0;
    width: 0; border-radius: 12px 0 0 12px;
    transition: width 0.2s ease;
}
.od-stat.active[b-uqthrqsie9]::after { width: 4px; }
.od-stat.blue.active[b-uqthrqsie9]::after { background: #3b82f6; }
.od-stat.green.active[b-uqthrqsie9]::after { background: #16a34a; }
.od-stat.orange.active[b-uqthrqsie9]::after { background: #d97706; }
.od-stat.teal.active[b-uqthrqsie9]::after { background: #0d9488; }
.od-stat.red.active[b-uqthrqsie9]::after { background: #dc2626; }
.od-stat.purple.active[b-uqthrqsie9]::after { background: #7c3aed; }
.od-stat.active[b-uqthrqsie9] { transform: scale(1.03); box-shadow: 0 4px 16px rgba(0,0,0,0.1); }
.od-stat.blue.active[b-uqthrqsie9] { background: #dbeafe; border-color: #93c5fd; }
.od-stat.green.active[b-uqthrqsie9] { background: #dcfce7; border-color: #86efac; }
.od-stat.orange.active[b-uqthrqsie9] { background: #fef3c7; border-color: #fbbf24; }
.od-stat.teal.active[b-uqthrqsie9] { background: #ccfbf1; border-color: #5eead4; }
.od-stat.red.active[b-uqthrqsie9] { background: #fee2e2; border-color: #fca5a5; }
.od-stat.purple.active[b-uqthrqsie9] { background: #ede9fe; border-color: #c4b5fd; }
.od-stat-val[b-uqthrqsie9] { display: block; font-size: 1.5rem; font-weight: 800; color: var(--t-text, #1e293b); }
.od-stat.green .od-stat-val[b-uqthrqsie9] { color: #16a34a; }
.od-stat.blue .od-stat-val[b-uqthrqsie9] { color: #3b82f6; }
.od-stat.red .od-stat-val[b-uqthrqsie9] { color: #dc2626; }
.od-stat.orange .od-stat-val[b-uqthrqsie9] { color: #d97706; }
.od-stat.teal .od-stat-val[b-uqthrqsie9] { color: #0d9488; }
.od-stat.purple .od-stat-val[b-uqthrqsie9] { color: #7c3aed; }
.od-stat-lbl[b-uqthrqsie9] { display: block; font-size: 0.72rem; font-weight: 600; color: #94a3b8; text-transform: uppercase; margin-top: 2px; }
.od-stat.active .od-stat-lbl[b-uqthrqsie9] { color: #64748b; }
.od-stat-tutar[b-uqthrqsie9] { display: block; font-size: 0.72rem; color: #94a3b8; margin-top: 4px; }
.od-stat.active .od-stat-tutar[b-uqthrqsie9] { color: #475569; font-weight: 600; }

/* Search + Badge row */
.od-search-row[b-uqthrqsie9] {
    display: flex; gap: 12px; margin-bottom: 16px; align-items: center; flex-wrap: wrap;
}
.od-search[b-uqthrqsie9] { flex: 1; min-width: 200px; padding: 7px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 10px; font-size: 0.84rem; outline: none; box-sizing: border-box; background: var(--t-card, white); color: var(--t-text, #1e293b); height: 36px; }
.od-search:focus[b-uqthrqsie9] { border-color: #8b5cf6; box-shadow: 0 0 0 3px rgba(139,92,246,0.1); }
.od-search[b-uqthrqsie9]::placeholder { color: #94a3b8; }
.od-result-badge[b-uqthrqsie9] {
    display: flex; gap: 8px; align-items: center; flex-shrink: 0;
}
.od-rb-count[b-uqthrqsie9] {
    background: #eff6ff; color: #3b82f6; padding: 0 14px; border-radius: 10px;
    border: 1px solid #bfdbfe; font-size: 0.8rem; font-weight: 700;
    display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; height: 36px;
}
.od-rb-total[b-uqthrqsie9] {
    background: #f0fdf4; color: #16a34a; padding: 0 14px; border-radius: 10px;
    border: 1px solid #bbf7d0; font-size: 0.8rem; font-weight: 700;
    display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; height: 36px;
}

/* Table — yonetim-liste.css'teki global ym-table kuralları kullanılır */
.td-id[b-uqthrqsie9] { font-weight: 700; color: #8b5cf6; white-space: nowrap; }
.td-tutar[b-uqthrqsie9] { font-weight: 700; color: var(--t-text, #1e293b); white-space: nowrap; }
.td-desc[b-uqthrqsie9] { max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.td-center[b-uqthrqsie9] { text-align: center; white-space: nowrap; }
/* İşlem (action) kolonu yatay kaydırmada sabit kalsın — !important: scoped CSS ve global stil çakışmalarını ezmek için */
.td-actions[b-uqthrqsie9] {
    white-space: nowrap;
    position: -webkit-sticky !important;
    position: sticky !important;
    left: 0 !important;
    z-index: 5 !important;
    background: #ffffff;
    box-shadow: 2px 0 4px rgba(0,0,0,0.06);
    min-width: 110px;
}
.th-actions[b-uqthrqsie9] {
    position: -webkit-sticky !important;
    position: sticky !important;
    left: 0 !important;
    z-index: 6 !important;
    background: #f8fafc;
    white-space: nowrap;
    box-shadow: 2px 0 4px rgba(0,0,0,0.06);
    min-width: 110px;
}
[b-uqthrqsie9] .ym-table tr:hover .td-actions { background: #fafbfc; }
.empty-row[b-uqthrqsie9] {
    text-align: center;
    padding: 40px 16px !important;
    color: #dc2626;
    font-size: 0.92rem;
    font-weight: 600;
    background: linear-gradient(135deg, #fef2f2, #fff5f5) !important;
}
.empty-row .empty-icon[b-uqthrqsie9] {
    display: block;
    font-size: 2.2rem;
    margin-bottom: 8px;
    opacity: 0.7;
}
.empty-row .empty-text[b-uqthrqsie9] {
    display: block;
    color: #dc2626;
    font-size: 0.88rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

/* Pills */
.od-durum-pill[b-uqthrqsie9] { display: inline-flex; align-items: center; gap: 4px; padding: 4px 12px; border-radius: 8px; font-size: 0.75rem; font-weight: 700; white-space: nowrap; }
.od-durum-pill.green[b-uqthrqsie9] { background: #dcfce7; color: #16a34a; }
.od-durum-pill.blue[b-uqthrqsie9] { background: #dbeafe; color: #2563eb; }
.od-durum-pill.red[b-uqthrqsie9] { background: #fee2e2; color: #dc2626; }
.od-durum-pill.orange[b-uqthrqsie9] { background: #ffedd5; color: #c2410c; }
.od-durum-pill.teal[b-uqthrqsie9] { background: #ccfbf1; color: #0d9488; }

.od-tur-pill[b-uqthrqsie9] { display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border-radius: 6px; font-size: 0.72rem; font-weight: 700; white-space: nowrap; }
.od-tur-pill.firma[b-uqthrqsie9] { background: #ede9fe; color: #7c3aed; }
.od-tur-pill.avans[b-uqthrqsie9] { background: #fef3c7; color: #92400e; }
.od-tur-pill.diger[b-uqthrqsie9] { background: #f1f5f9; color: var(--t-text-muted, #64748b); }

.od-firma-cell[b-uqthrqsie9] { display: flex; flex-direction: column; gap: 1px; }
.od-firma-cell strong[b-uqthrqsie9] { font-size: 0.85rem; }
.od-alici[b-uqthrqsie9] { font-size: 0.72rem; color: #94a3b8; }
.od-personel-cell[b-uqthrqsie9] { font-size: 0.82rem; }
.od-iban[b-uqthrqsie9] { font-family: 'Consolas', 'Courier New', monospace; font-size: 0.82rem; letter-spacing: 0.5px; }

/* Action buttons */
.od-btn-icon[b-uqthrqsie9] {
    display: inline-flex; align-items: center; justify-content: center;
    border: none; cursor: pointer; background: none;
    width: 30px; height: 30px; border-radius: 8px;
    font-size: 0.92rem; line-height: 1;
    transition: all 0.15s; vertical-align: middle;
    padding: 0;
}
.od-btn-icon:hover[b-uqthrqsie9] { background: #f1f5f9; transform: scale(1.15); }
.od-btn-icon:active[b-uqthrqsie9] { transform: scale(0.9); }

.od-act[b-uqthrqsie9] { width: 32px; height: 32px; border: none; border-radius: 8px; background: none; cursor: pointer; font-size: 0.85rem; transition: all 0.2s; display: inline-flex; align-items: center; justify-content: center; }
.od-act:hover[b-uqthrqsie9] { background: var(--t-hover, #f8fafc); }
.od-act.detail:hover[b-uqthrqsie9] { border-color: #8b5cf6; }

/* Card list for approval/payment */
.od-card-list[b-uqthrqsie9] { display: flex; flex-direction: column; gap: 16px; }
.od-onay-card[b-uqthrqsie9], .od-odeme-card[b-uqthrqsie9] { border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 14px; overflow: hidden; transition: all 0.2s; }
.od-onay-card:hover[b-uqthrqsie9], .od-odeme-card:hover[b-uqthrqsie9] { box-shadow: 0 4px 20px rgba(0,0,0,0.06); }
.od-onay-top[b-uqthrqsie9] { display: flex; align-items: center; gap: 10px; padding: 12px 18px; background: var(--t-hover, #f8fafc); border-bottom: 1px solid var(--t-card-border, #f1f5f9); flex-wrap: wrap; }
.od-onay-id[b-uqthrqsie9] { font-weight: 700; color: #8b5cf6; font-size: 0.82rem; }
.od-onay-tarih[b-uqthrqsie9] { color: #94a3b8; font-size: 0.78rem; margin-left: auto; }
.od-onay-body[b-uqthrqsie9] { padding: 16px 18px; }
.od-onay-info[b-uqthrqsie9] { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 10px; }
.od-onay-row[b-uqthrqsie9] { display: flex; align-items: baseline; gap: 8px; font-size: 0.85rem; }
.od-onay-label[b-uqthrqsie9] { color: #94a3b8; font-size: 0.78rem; font-weight: 600; min-width: 70px; }
.od-tutar-big[b-uqthrqsie9] { font-size: 1.1rem; color: var(--t-text, #1e293b); }
.od-onay-aciklama[b-uqthrqsie9] { margin-top: 12px; padding-top: 12px; border-top: 1px solid #f1f5f9; }
.od-onay-aciklama p[b-uqthrqsie9] { margin: 4px 0 0; font-size: 0.85rem; color: #475569; line-height: 1.5; }
.od-onay-actions[b-uqthrqsie9] { display: flex; gap: 10px; padding: 12px 18px; background: #fafafa; border-top: 1px solid #f1f5f9; flex-wrap: wrap; align-items: center; }

.od-odeme-form-inline[b-uqthrqsie9] { display: flex; gap: 8px; flex: 1; min-width: 200px; }
.od-inline-input[b-uqthrqsie9] { flex: 1; min-width: 120px; }
.od-odeme-btn-row[b-uqthrqsie9] { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }

/* Buttons */
.od-btn[b-uqthrqsie9] { padding: 9px 20px; border: none; border-radius: 10px; font-weight: 700; font-size: 0.85rem; cursor: pointer; transition: all 0.2s; display: inline-flex; align-items: center; gap: 6px; }
.od-btn.primary[b-uqthrqsie9] { background: linear-gradient(135deg, #8b5cf6, #a78bfa); color: white; }
.od-btn.primary:hover[b-uqthrqsie9] { background: linear-gradient(135deg, #7c3aed, #8b5cf6); box-shadow: 0 4px 12px rgba(139,92,246,0.3); }
.od-btn.approve[b-uqthrqsie9] { background: linear-gradient(135deg, #16a34a, #22c55e); color: white; }
.od-btn.approve:hover[b-uqthrqsie9] { box-shadow: 0 4px 12px rgba(22,163,74,0.3); }
.od-btn.reject[b-uqthrqsie9] { background: var(--t-card, white); border: 1.5px solid #fecaca; color: #dc2626; }
.od-btn.reject:hover[b-uqthrqsie9] { background: #fef2f2; }
.od-btn.pay[b-uqthrqsie9] { background: linear-gradient(135deg, #0d9488, #14b8a6); color: white; }
.od-btn.pay:hover[b-uqthrqsie9] { box-shadow: 0 4px 12px rgba(13,148,136,0.3); }
.od-btn.danger[b-uqthrqsie9] { background: linear-gradient(135deg, #dc2626, #ef4444); color: white; }
.od-btn.danger:hover[b-uqthrqsie9] { box-shadow: 0 4px 12px rgba(220,38,38,0.3); }
.od-btn.cancel[b-uqthrqsie9] { background: var(--t-card, white); border: 1.5px solid var(--t-card-border, #e2e8f0); color: var(--t-text-muted, #64748b); }
.od-btn.cancel:hover[b-uqthrqsie9] { background: var(--t-hover, #f8fafc); }
.od-btn.small[b-uqthrqsie9] { padding: 6px 14px; font-size: 0.78rem; }

/* Input */
.od-input[b-uqthrqsie9] { width: 100%; padding: 10px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 10px; font-size: 0.85rem; outline: none; box-sizing: border-box; font-family: inherit; }
.od-input:focus[b-uqthrqsie9] { border-color: #8b5cf6; box-shadow: 0 0 0 3px rgba(139,92,246,0.1); }
.od-textarea[b-uqthrqsie9] { resize: vertical; min-height: 60px; }

/* Tutar + Para birimi */
.od-tutar-wrap[b-uqthrqsie9] { display: flex; gap: 8px; align-items: stretch; }
.od-tutar-input[b-uqthrqsie9] { flex: 1; min-width: 0; }
.od-para-select[b-uqthrqsie9] {
    width: auto; min-width: 100px; flex-shrink: 0;
    cursor: pointer; appearance: none; -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%238b5cf6' d='M5 6L0 0h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat; background-position: right 12px center; background-size: 10px 6px;
    padding-right: 32px; background-color: var(--t-card, white); color: var(--t-text, #1e293b);
    font-weight: 700; font-size: 0.82rem;
}

/* Form */
.od-form[b-uqthrqsie9] { }
.od-form h4[b-uqthrqsie9] { margin: 0 0 20px; font-size: 1rem; font-weight: 700; color: var(--t-text, #1e293b); }
.od-form-grid[b-uqthrqsie9] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.od-fg[b-uqthrqsie9] { display: flex; flex-direction: column; gap: 6px; }
.od-fg label[b-uqthrqsie9] { font-size: 0.78rem; font-weight: 700; color: #475569; }
.od-fg.span-2[b-uqthrqsie9] { grid-column: span 2; }
.od-form-actions[b-uqthrqsie9] { display: flex; gap: 10px; margin-top: 20px; }

@media (max-width: 768px) {
    .od-form-grid[b-uqthrqsie9] { grid-template-columns: 1fr; }
    .od-fg.span-2[b-uqthrqsie9] { grid-column: span 1; }
    .od-tutar-wrap[b-uqthrqsie9] { flex-direction: column; }
    .od-para-select[b-uqthrqsie9] { min-width: 0; width: 100%; }
    .od-stats[b-uqthrqsie9] { gap: 8px; }
    .od-stat[b-uqthrqsie9] { min-width: calc(50% - 6px); padding: 10px 8px; }
    .od-search-row[b-uqthrqsie9] { flex-direction: column; align-items: stretch; }
    .od-result-badge[b-uqthrqsie9] { width: 100%; gap: 8px; }
    .od-rb-count[b-uqthrqsie9], .od-rb-total[b-uqthrqsie9] { flex: 1; justify-content: center; }
    .od-form-actions[b-uqthrqsie9] {
        display: flex; flex-wrap: wrap; gap: 8px;
    }
    .od-form-actions .od-btn[b-uqthrqsie9] {
        flex: 1 1 calc(50% - 4px); min-width: 0; justify-content: center;
        padding: 12px 10px; font-size: 0.84rem; height: 44px;
    }
    .od-form-actions .od-btn:only-child[b-uqthrqsie9] { flex: 1 1 100%; }
    .od-popup-actions[b-uqthrqsie9] {
        display: flex; flex-wrap: wrap; gap: 8px;
    }
    .od-popup-actions .od-btn[b-uqthrqsie9] {
        flex: 1 1 calc(50% - 4px); min-width: 0; justify-content: center;
        padding: 12px 10px; font-size: 0.84rem; height: 44px;
    }
    .od-popup-actions .od-btn:only-child[b-uqthrqsie9] { flex: 1 1 100%; }
}

/* Empty state */
.od-empty[b-uqthrqsie9] { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 60px 20px; color: #94a3b8; }
.od-empty-icon[b-uqthrqsie9] { font-size: 2.5rem; }

/* Overlay & Popup */
.od-overlay[b-uqthrqsie9] { position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 3000; }
.od-popup[b-uqthrqsie9] { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(--t-card, white); border-radius: 18px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); z-index: 3001; padding: 28px; width: 90vw; max-width: 520px; max-height: 85vh; overflow-y: auto; animation: odSlide-b-uqthrqsie9 0.2s ease; }
.od-popup.od-popup-wide[b-uqthrqsie9] { max-width: 700px; }
@keyframes odSlide-b-uqthrqsie9 { from { opacity: 0; transform: translate(-50%, -48%); } to { opacity: 1; transform: translate(-50%, -50%); } }
.od-popup h3[b-uqthrqsie9] { margin: 0 0 12px; font-size: 1.05rem; font-weight: 700; color: var(--t-text, #1e293b); }
.od-popup p[b-uqthrqsie9] { margin: 0 0 16px; font-size: 0.9rem; color: #475569; }
.od-popup-header[b-uqthrqsie9] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 16px; }
.od-popup-header h3[b-uqthrqsie9] { margin: 0; }
.od-close-btn[b-uqthrqsie9] { background: #f1f5f9; border: none; width: 30px; height: 30px; border-radius: 8px; cursor: pointer; font-size: 0.9rem; display: flex; align-items: center; justify-content: center; color: var(--t-text-muted, #64748b); }
.od-close-btn:hover[b-uqthrqsie9] { background: #e2e8f0; }
.od-popup-body[b-uqthrqsie9] { }
.od-popup-label[b-uqthrqsie9] { display: block; font-size: 0.78rem; font-weight: 700; color: #475569; margin: 12px 0 6px; }
.od-popup-input[b-uqthrqsie9] { width: 100%; padding: 10px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 10px; font-size: 0.85rem; outline: none; box-sizing: border-box; font-family: inherit; resize: vertical; }
.od-popup-input:focus[b-uqthrqsie9] { border-color: #8b5cf6; box-shadow: 0 0 0 3px rgba(139,92,246,0.1); }
.od-popup-actions[b-uqthrqsie9] { display: flex; gap: 10px; margin-top: 20px; }

.od-popup-transfer[b-uqthrqsie9] { background: var(--t-hover, #f8fafc); border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 10px; padding: 12px 16px; margin-bottom: 16px; }
.od-popup-trow[b-uqthrqsie9] { display: flex; gap: 10px; align-items: baseline; font-size: 0.85rem; padding: 4px 0; }
.od-popup-trow span[b-uqthrqsie9] { color: #94a3b8; font-size: 0.78rem; min-width: 50px; }

/* Detail grid */
.od-detail-grid[b-uqthrqsie9] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-bottom: 20px; }
.od-detail-item[b-uqthrqsie9] { display: flex; flex-direction: column; gap: 4px; }
.od-detail-item.span-2[b-uqthrqsie9] { grid-column: span 2; }
.od-dl[b-uqthrqsie9] { font-size: 0.72rem; font-weight: 700; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.5px; }
.od-dv[b-uqthrqsie9] { font-size: 0.88rem; color: var(--t-text, #1e293b); font-weight: 500; }

/* Timeline */
.od-timeline[b-uqthrqsie9] { display: flex; flex-direction: column; gap: 0; border-left: 3px solid #e2e8f0; margin-left: 16px; padding-left: 20px; margin-top: 10px; }
.od-tl-item[b-uqthrqsie9] { position: relative; padding: 12px 0; }
.od-tl-item[b-uqthrqsie9]::before { content: ''; position: absolute; left: -25px; top: 14px; width: 11px; height: 11px; border-radius: 50%; background: #e2e8f0; border: 2px solid white; }
.od-tl-item.done[b-uqthrqsie9]::before { background: #22c55e; }
.od-tl-item.active[b-uqthrqsie9]::before { background: #f59e0b; animation: tlPulse-b-uqthrqsie9 2s infinite; }
.od-tl-item.rejected[b-uqthrqsie9]::before { background: #ef4444; }
@keyframes tlPulse-b-uqthrqsie9 { 0%, 100% { box-shadow: 0 0 0 0 rgba(245,158,11,0.4); } 50% { box-shadow: 0 0 0 6px rgba(245,158,11,0); } }
.od-tl-dot[b-uqthrqsie9] { font-size: 1rem; margin-bottom: 2px; }
.od-tl-text[b-uqthrqsie9] { font-size: 0.85rem; font-weight: 600; color: var(--t-text, #334155); }
.od-tl-date[b-uqthrqsie9] { font-size: 0.75rem; color: #94a3b8; }

/* Yetki Yönetimi */
.od-yetki-grid[b-uqthrqsie9] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
@media (max-width: 900px) { .od-yetki-grid[b-uqthrqsie9] { grid-template-columns: 1fr; } }

.od-yetki-panel[b-uqthrqsie9] { border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 14px; overflow: hidden; display: flex; flex-direction: column; }
.od-yetki-header[b-uqthrqsie9] { display: flex; align-items: center; gap: 10px; padding: 14px 16px; font-weight: 700; color: var(--t-text, #1e293b); border-bottom: 2px solid transparent; }
.od-yetki-header h4[b-uqthrqsie9] { margin: 0; flex: 1; font-size: 0.85rem; }
.od-yetki-header span:first-child[b-uqthrqsie9] { font-size: 1.1rem; }
.od-yetki-header.orange[b-uqthrqsie9] { background: #fff7ed; border-bottom-color: #fed7aa; }
.od-yetki-header.blue[b-uqthrqsie9] { background: #eff6ff; border-bottom-color: #bfdbfe; }
.od-yetki-header.green[b-uqthrqsie9] { background: #f0fdf4; border-bottom-color: #bbf7d0; }
.od-yetki-count[b-uqthrqsie9] { background: rgba(0,0,0,0.06); padding: 2px 10px; border-radius: 8px; font-size: 0.75rem; font-weight: 800; }
.od-yetki-body[b-uqthrqsie9] { padding: 8px 0; min-height: 60px; flex: 1; }
.od-yetki-row[b-uqthrqsie9] { display: flex; align-items: center; justify-content: space-between; padding: 8px 16px; font-size: 0.85rem; color: var(--t-text, #334155); font-weight: 500; }
.od-yetki-row:hover[b-uqthrqsie9] { background: var(--t-hover, #f8fafc); }
.od-yetki-sil[b-uqthrqsie9] { background: none; border: none; color: #ef4444; cursor: pointer; font-size: 0.8rem; padding: 4px 8px; border-radius: 6px; }
.od-yetki-sil:hover[b-uqthrqsie9] { background: #fef2f2; }
.od-yetki-add[b-uqthrqsie9] { display: flex; gap: 8px; padding: 12px 16px; border-top: 1px solid #f1f5f9; align-items: center; }

/* ViewOnly Banner */
.ym-viewonly-banner[b-uqthrqsie9] { display: flex; align-items: center; gap: 16px; margin: 16px 24px 0; padding: 14px 20px; background: linear-gradient(135deg, #fef3c7, #fde68a); border: 1.5px solid #fbbf24; border-radius: 12px; }
.ym-viewonly-icon[b-uqthrqsie9] { font-size: 1.3rem; }
.ym-viewonly-content[b-uqthrqsie9] { display: flex; flex-direction: column; gap: 2px; }
.ym-viewonly-content strong[b-uqthrqsie9] { font-size: 0.88rem; color: #92400e; }
.ym-viewonly-content span[b-uqthrqsie9] { font-size: 0.78rem; color: #a16207; }

/* Topbar user menu - stiller yonetim-liste.css'den gelir */

@media (max-width: 768px) {
    .od-section[b-uqthrqsie9] { margin: 12px 12px 16px; padding: 14px; }
    .od-stats[b-uqthrqsie9] { gap: 8px; }
    .od-stat[b-uqthrqsie9] { min-width: 80px; padding: 10px 8px; }
    .od-stat-val[b-uqthrqsie9] { font-size: 1.1rem; }
    .od-onay-info[b-uqthrqsie9] { grid-template-columns: 1fr; }
    .od-detail-grid[b-uqthrqsie9] { grid-template-columns: 1fr; }
    .od-detail-item.span-2[b-uqthrqsie9] { grid-column: span 1; }
    .od-odeme-form-inline[b-uqthrqsie9] { flex-direction: column; }
    .od-odeme-btn-row[b-uqthrqsie9] { flex-direction: column; }
    .od-odeme-btn-row .od-btn[b-uqthrqsie9] { width: 100%; justify-content: center; text-align: center; }
    .od-onay-actions[b-uqthrqsie9] {
        flex-direction: column; align-items: stretch;
    }
    .od-onay-actions .od-btn[b-uqthrqsie9] {
        width: 100%; justify-content: center; text-align: center;
        padding: 12px 10px; font-size: 0.84rem; height: 44px; box-sizing: border-box;
    }
    .od-onay-actions .od-btn.approve[b-uqthrqsie9],
    .od-onay-actions .od-btn.reject[b-uqthrqsie9] {
        flex: 1 1 calc(50% - 4px);
    }
    .od-onay-actions:has(.od-btn.approve)[b-uqthrqsie9] {
        flex-direction: row; flex-wrap: wrap; gap: 8px;
    }
    .od-popup[b-uqthrqsie9] { padding: 20px; width: 95vw; }
    .igt-sorgu-grid[b-uqthrqsie9], .igt-rapor-grid[b-uqthrqsie9] { grid-template-columns: 1fr; }
}

/* ═══ SORGU & RAPOR KARTLARI ═══ */
.igt-sorgu-grid[b-uqthrqsie9], .igt-rapor-grid[b-uqthrqsie9] {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; margin-bottom: 20px;
}
.igt-sorgu-card[b-uqthrqsie9] {
    background: var(--t-card, white); border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 16px;
    padding: 22px; cursor: pointer; transition: all 0.3s;
}
.igt-sorgu-card:hover[b-uqthrqsie9] {
    border-color: #6366f1; transform: translateY(-3px); box-shadow: 0 8px 30px rgba(99,102,241,0.12);
}
.igt-sq-icon[b-uqthrqsie9] { font-size: 1.8rem; display: block; margin-bottom: 10px; }
.igt-sq-title[b-uqthrqsie9] { font-weight: 800; font-size: 0.95rem; color: var(--t-text, #1e293b); margin-bottom: 6px; }
.igt-sq-desc[b-uqthrqsie9] { font-size: 0.8rem; color: #94a3b8; line-height: 1.5; }

.igt-sorgu-sonuc[b-uqthrqsie9] { background: var(--t-card, white); border-radius: 16px; box-shadow: 0 2px 12px rgba(0,0,0,0.06); overflow: hidden; margin-top: 16px; }
.igt-ss-header[b-uqthrqsie9] { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; background: var(--t-hover, #f8fafc); border-bottom: 2px solid #f1f5f9; }
.igt-ss-header h4[b-uqthrqsie9] { margin: 0; font-size: 1rem; font-weight: 700; color: var(--t-text, #1e293b); }
.igt-ss-count[b-uqthrqsie9] { background: #e0e7ff; color: #4338ca; padding: 4px 12px; border-radius: 8px; font-size: 0.78rem; font-weight: 700; }

.igt-rapor-header[b-uqthrqsie9] { margin-bottom: 20px; }
.igt-rapor-header h3[b-uqthrqsie9] { margin: 0 0 6px; font-size: 1.05rem; font-weight: 700; color: var(--t-text, #1e293b); }
.igt-rapor-header p[b-uqthrqsie9] { margin: 0; font-size: 0.85rem; color: #94a3b8; }

.igt-rapor-card[b-uqthrqsie9] {
    background: var(--t-card, white); border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 16px;
    padding: 22px; cursor: pointer; transition: all 0.3s;
}
.igt-rapor-card:hover[b-uqthrqsie9] {
    border-color: #16a34a; transform: translateY(-3px); box-shadow: 0 8px 30px rgba(22,163,106,0.12);
}
.igt-rp-icon[b-uqthrqsie9] { font-size: 1.8rem; display: block; margin-bottom: 10px; }
.igt-rp-title[b-uqthrqsie9] { font-weight: 800; font-size: 0.95rem; color: var(--t-text, #1e293b); margin-bottom: 6px; }
.igt-rp-desc[b-uqthrqsie9] { font-size: 0.8rem; color: #94a3b8; line-height: 1.5; }

/* ═══ TEMA DESTEĞİ ═══ */
[data-theme] .od-tabs[b-uqthrqsie9] { background: var(--t-card); border-bottom-color: var(--t-card-border); }
[data-theme] .od-tab[b-uqthrqsie9] { color: var(--t-text-muted); }
[data-theme] .od-tab:hover[b-uqthrqsie9] { color: var(--t-accent); background: var(--t-hover); }
[data-theme] .od-tab.active[b-uqthrqsie9] { color: var(--t-accent); border-bottom-color: var(--t-accent); background: var(--t-hover); }
[data-theme] .od-tab-count[b-uqthrqsie9] { background: var(--t-hover); color: var(--t-text-muted); }
[data-theme] .od-section[b-uqthrqsie9] { background: var(--t-card); box-shadow: 0 2px 12px rgba(0,0,0,0.15); }
[data-theme] .od-stat[b-uqthrqsie9] { background: var(--t-hover); border-color: var(--t-card-border); }
[data-theme] .od-stat-val[b-uqthrqsie9] { color: var(--t-text); }
[data-theme] .od-stat-lbl[b-uqthrqsie9] { color: var(--t-text-muted); }
[data-theme] .od-stat-tutar[b-uqthrqsie9] { color: var(--t-text-muted); }
[data-theme] .od-stat.green[b-uqthrqsie9] { background: rgba(16,185,129,0.08); border-color: rgba(16,185,129,0.2); }
[data-theme] .od-stat.blue[b-uqthrqsie9] { background: rgba(59,130,246,0.08); border-color: rgba(59,130,246,0.2); }
[data-theme] .od-stat.red[b-uqthrqsie9] { background: rgba(239,68,68,0.08); border-color: rgba(239,68,68,0.2); }
[data-theme] .od-stat.orange[b-uqthrqsie9] { background: rgba(245,158,11,0.08); border-color: rgba(245,158,11,0.2); }
[data-theme] .od-stat.teal[b-uqthrqsie9] { background: rgba(20,184,166,0.08); border-color: rgba(20,184,166,0.2); }
[data-theme] .od-filter-row[b-uqthrqsie9] { background: transparent; }
[data-theme] .od-fbtn[b-uqthrqsie9] { color: var(--t-text-muted); border-color: var(--t-card-border); background: var(--t-card); }
[data-theme] .od-fbtn:hover:not(.active)[b-uqthrqsie9] { color: var(--t-text); background: var(--t-hover); border-color: var(--t-input-border); }
[data-theme] .od-fbtn.active[b-uqthrqsie9] { color: white; }
[data-theme] .od-search[b-uqthrqsie9] { background: var(--t-surface); border-color: var(--t-card-border); color: var(--t-text); }
[data-theme] .od-result-badge[b-uqthrqsie9] { background: transparent; }
[data-theme] .od-rb-count[b-uqthrqsie9], [data-theme] .od-rb-total[b-uqthrqsie9] { color: var(--t-text-muted); }
[data-theme] .od-msg.success[b-uqthrqsie9] { background: rgba(16,185,129,0.1); color: #34d399; border-color: rgba(16,185,129,0.2); }
[data-theme] .od-msg.error[b-uqthrqsie9] { background: rgba(239,68,68,0.1); color: #f87171; border-color: rgba(239,68,68,0.2); }
[data-theme] .od-onay-card[b-uqthrqsie9], [data-theme] .od-odeme-card[b-uqthrqsie9] { background: var(--t-card); border-color: var(--t-card-border); }
[data-theme] .od-onay-top[b-uqthrqsie9] { border-color: var(--t-card-border); }
[data-theme] .od-onay-label[b-uqthrqsie9] { color: var(--t-text-muted); }
[data-theme] .od-onay-aciklama[b-uqthrqsie9] { background: var(--t-hover); border-color: var(--t-card-border); }
[data-theme] .od-onay-aciklama p[b-uqthrqsie9] { color: var(--t-text); }
[data-theme] .od-input[b-uqthrqsie9] { background: var(--t-surface); border-color: var(--t-card-border); color: var(--t-text); }
[data-theme] .od-input:focus[b-uqthrqsie9] { border-color: var(--t-accent); }
[data-theme] .od-textarea[b-uqthrqsie9] { background: var(--t-surface); color: var(--t-text); }
[data-theme] .od-popup[b-uqthrqsie9] { background: var(--t-card); box-shadow: 0 25px 60px rgba(0,0,0,0.5); }
[data-theme] .od-popup h3[b-uqthrqsie9] { color: var(--t-text); }
[data-theme] .od-popup p[b-uqthrqsie9] { color: var(--t-text-muted); }
[data-theme] .od-popup-label[b-uqthrqsie9] { color: var(--t-text-muted); }
[data-theme] .od-popup-input[b-uqthrqsie9] { background: var(--t-surface); border-color: var(--t-card-border); color: var(--t-text); }
[data-theme] .od-popup-transfer[b-uqthrqsie9] { background: var(--t-hover); border-color: var(--t-card-border); }
[data-theme] .od-overlay[b-uqthrqsie9] { background: rgba(0,0,0,0.5); }
[data-theme] .od-detail-grid[b-uqthrqsie9] { color: var(--t-text); }
[data-theme] .od-dl[b-uqthrqsie9] { color: var(--t-text-muted); }
[data-theme] .od-dv[b-uqthrqsie9] { color: var(--t-text); }
[data-theme] .od-timeline[b-uqthrqsie9] { border-color: var(--t-card-border); }
[data-theme] .od-tl-text[b-uqthrqsie9] { color: var(--t-text); }
[data-theme] .od-tl-date[b-uqthrqsie9] { color: var(--t-text-muted); }
[data-theme] .od-close-btn[b-uqthrqsie9] { color: var(--t-text-muted); }
[data-theme] .od-close-btn:hover[b-uqthrqsie9] { color: var(--t-text); background: var(--t-hover); }
[data-theme] .od-form[b-uqthrqsie9] { background: transparent; }
[data-theme] .od-form h4[b-uqthrqsie9] { color: var(--t-text); }
[data-theme] .od-form label[b-uqthrqsie9] { color: var(--t-text-muted); }
[data-theme] .od-form select[b-uqthrqsie9] { background: var(--t-surface); border-color: var(--t-card-border); color: var(--t-text); }
[data-theme] .od-empty[b-uqthrqsie9] { color: var(--t-text-muted); }
[data-theme] .od-section-header h3[b-uqthrqsie9] { color: var(--t-text); }
[data-theme] .od-section-count[b-uqthrqsie9] { background: rgba(245,158,11,0.15); color: #fbbf24; }
/* Sorgu & Rapor kartları tema */
[data-theme] .igt-sorgu-card[b-uqthrqsie9] { background: var(--t-card); border-color: var(--t-card-border); }
[data-theme] .igt-sorgu-card:hover[b-uqthrqsie9] { border-color: var(--t-accent); box-shadow: 0 8px 30px rgba(99,102,241,0.15); }
[data-theme] .igt-sq-title[b-uqthrqsie9] { color: var(--t-text); }
[data-theme] .igt-sq-desc[b-uqthrqsie9] { color: var(--t-text-muted); }
[data-theme] .igt-sorgu-sonuc[b-uqthrqsie9] { background: var(--t-card); box-shadow: 0 2px 12px rgba(0,0,0,0.15); }
[data-theme] .igt-ss-header[b-uqthrqsie9] { background: var(--t-hover); border-bottom-color: var(--t-card-border); }
[data-theme] .igt-ss-header h4[b-uqthrqsie9] { color: var(--t-text); }
[data-theme] .igt-ss-count[b-uqthrqsie9] { background: rgba(99,102,241,0.15); color: #818cf8; }
[data-theme] .igt-rapor-header h3[b-uqthrqsie9] { color: var(--t-text); }
[data-theme] .igt-rapor-header p[b-uqthrqsie9] { color: var(--t-text-muted); }
[data-theme] .igt-rapor-card[b-uqthrqsie9] { background: var(--t-card); border-color: var(--t-card-border); }
[data-theme] .igt-rapor-card:hover[b-uqthrqsie9] { border-color: #10b981; box-shadow: 0 8px 30px rgba(16,185,129,0.15); }
[data-theme] .igt-rp-title[b-uqthrqsie9] { color: var(--t-text); }
[data-theme] .igt-rp-desc[b-uqthrqsie9] { color: var(--t-text-muted); }
/* Yetki paneli tema */
[data-theme] .od-yetki-panel[b-uqthrqsie9] { border-color: var(--t-card-border); }
[data-theme] .od-yetki-header[b-uqthrqsie9] { color: var(--t-text); }
[data-theme] .od-yetki-header.orange[b-uqthrqsie9] { background: rgba(245,158,11,0.1); border-bottom-color: rgba(245,158,11,0.2); }
[data-theme] .od-yetki-header.blue[b-uqthrqsie9] { background: rgba(59,130,246,0.1); border-bottom-color: rgba(59,130,246,0.2); }
[data-theme] .od-yetki-header.green[b-uqthrqsie9] { background: rgba(16,185,129,0.1); border-bottom-color: rgba(16,185,129,0.2); }
[data-theme] .od-yetki-row[b-uqthrqsie9] { color: var(--t-text); }
[data-theme] .od-yetki-row:hover[b-uqthrqsie9] { background: var(--t-hover); }
[data-theme] .od-yetki-add[b-uqthrqsie9] { border-top-color: var(--t-card-border); }
[data-theme] .od-para-select[b-uqthrqsie9] { background-color: var(--t-surface); color: var(--t-text); border-color: var(--t-card-border); }
[data-theme] .td-actions[b-uqthrqsie9] { background: var(--t-card); }
[data-theme] .th-actions[b-uqthrqsie9] { background: var(--t-hover); }
/* /Components/Pages/Yonetim/PerformansFaturaTakibi.razor.rz.scp.css */
/* ═══ PERFORMANS & FATURA TAKİBİ — v2 ═══ */

/* Sekmeler: ortak ym-tabs-wrapper (yonetim-liste.css) */

/* ────── Sayfa içeriği ortak ────── */
.pf-page-content[b-d44f7qlyhc] {
    margin: 14px 20px 24px;
    animation: pfFadeIn-b-d44f7qlyhc 0.3s ease;
}
@keyframes pfFadeIn-b-d44f7qlyhc { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.pf-page-header[b-d44f7qlyhc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
    flex-wrap: wrap;
    gap: 8px;
}
.pf-page-title[b-d44f7qlyhc] {
    font-size: 1.1rem;
    font-weight: 800;
    color: var(--t-text, #1e293b);
}
.pf-header-actions[b-d44f7qlyhc] {
    display: flex;
    gap: 6px;
    align-items: center;
    flex-wrap: wrap;
}
.pf-lock-badge[b-d44f7qlyhc] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(99,102,241,0.05), rgba(99,102,241,0.02));
    border: 1px solid var(--t-accent, #6366f1);
    font-weight: 700;
    color: var(--t-accent, #6366f1);
    font-size: 0.82rem;
}
.pf-chip-close[b-d44f7qlyhc] {
    border: none;
    background: #ef4444;
    color: #fff;
    font-size: 0.65rem;
    padding: 2px 7px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 700;
}
.pf-filter-row[b-d44f7qlyhc] {
    display: flex;
    gap: 6px;
    margin-bottom: 12px;
    flex-wrap: wrap;
    align-items: center;
}
.pf-section-label[b-d44f7qlyhc] {
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--t-text-muted, #94a3b8);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-bottom: 6px;
    margin-top: 2px;
}
.pf-detail-label[b-d44f7qlyhc] {
    font-weight: 600;
    color: var(--t-text-muted, #94a3b8);
    font-size: 0.82rem;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    margin-bottom: 1px;
}

/* ────── Oturum setup ────── */
.pf-session-setup[b-d44f7qlyhc] {
    margin: 14px 20px;
    padding: 22px;
    border-radius: 14px;
    background: var(--t-card, #fff);
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    box-shadow: 0 1px 4px rgba(0,0,0,0.03);
    animation: pfFadeIn-b-d44f7qlyhc 0.3s ease;
}
.pf-session-title[b-d44f7qlyhc] { font-size: 1.05rem; font-weight: 800; margin-bottom: 14px; color: var(--t-text, #1e293b); }
.pf-session-grid[b-d44f7qlyhc] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 12px;
    margin-bottom: 14px;
}

/* ────── Form elemanları ────── */
.pf-group[b-d44f7qlyhc] { display: flex; flex-direction: column; gap: 3px; }
.pf-group label[b-d44f7qlyhc] { font-size: 0.82rem; font-weight: 600; color: var(--t-text-muted, #64748b); }
.pf-req[b-d44f7qlyhc] { color: #ef4444; font-weight: 800; }
.pf-input[b-d44f7qlyhc] {
    padding: 8px 11px;
    border-radius: 8px;
    border: 1.5px solid var(--t-input-border, #e2e8f0);
    font-size: 0.84rem;
    background: var(--t-input-bg, #fff);
    color: var(--t-text, #334155);
    transition: border-color 0.2s, box-shadow 0.2s;
    width: 100%;
    box-sizing: border-box;
}
.pf-input:focus[b-d44f7qlyhc] { border-color: var(--t-accent, #6366f1); outline: none; box-shadow: 0 0 0 3px rgba(99,102,241,0.08); }
.pf-input[b-d44f7qlyhc]::placeholder { color: var(--t-text-muted, #cbd5e1); }

/* Dönem picker */
.pf-donem-picker[b-d44f7qlyhc] { display: flex; gap: 6px; height: 100%; }
.pf-donem-picker select[b-d44f7qlyhc] { flex: 1; }
.pf-donem-ay[b-d44f7qlyhc] { flex: 2; }
.pf-donem-yil[b-d44f7qlyhc] { flex: 1; }
.pf-para-select[b-d44f7qlyhc] { font-size: 0.85rem; font-weight: 700; }

/* Oturum grid yükseklik eşitleme */
.pf-session-grid .pf-group[b-d44f7qlyhc] { min-height: 0; }
.pf-session-grid .pf-input[b-d44f7qlyhc],
.pf-session-grid[b-d44f7qlyhc]  .ss-wrap .m-input {
    height: 38px;
    box-sizing: border-box;
}
.pf-form-grid .pf-input[b-d44f7qlyhc],
.pf-form-grid[b-d44f7qlyhc]  .ss-wrap .m-input {
    height: 38px;
    box-sizing: border-box;
}

[b-d44f7qlyhc] .ss-wrap { min-width: 140px; }
[b-d44f7qlyhc] .ss-wrap .m-input {
    padding: 8px 11px !important;
    border-radius: 8px !important;
    border: 1.5px solid var(--t-input-border, #e2e8f0) !important;
    background: var(--t-input-bg, #fff) !important;
    color: var(--t-text, #334155) !important;
    font-size: 0.82rem !important;
    width: 100% !important;
    box-sizing: border-box;
}

/* ────── Oturum banner ────── */
.pf-session-banner[b-d44f7qlyhc] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 12px 20px;
    padding: 9px 16px;
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(99,102,241,0.05), rgba(99,102,241,0.09));
    border: 1.5px solid rgba(99,102,241,0.18);
    flex-wrap: wrap;
}
.pf-session-chip[b-d44f7qlyhc] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 6px;
    background: var(--t-card, #fff);
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--t-text, #334155);
    border: 1px solid var(--t-card-border, #e2e8f0);
}
.pf-session-chip strong[b-d44f7qlyhc] { color: var(--t-accent, #6366f1); margin-right: 2px; }
.pf-session-change[b-d44f7qlyhc] {
    margin-left: auto;
    padding: 5px 13px;
    border-radius: 6px;
    border: 1.5px solid var(--t-accent, #6366f1);
    background: transparent;
    color: var(--t-accent, #6366f1);
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s;
}
.pf-session-change:hover[b-d44f7qlyhc] { background: var(--t-accent, #6366f1); color: #fff; }
.pf-session-excel-btn[b-d44f7qlyhc] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 14px;
    border-radius: 6px;
    background: #10b981;
    color: #fff;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s;
    border: none;
    white-space: nowrap;
}
.pf-session-excel-btn:hover[b-d44f7qlyhc] { background: #059669; transform: translateY(-1px); }

/* ────── Ana layout ────── */
.pf-main-layout[b-d44f7qlyhc] {
    display: grid;
    grid-template-columns: 1fr 280px;
    gap: 14px;
    margin: 0 20px 20px;
    align-items: start;
    animation: pfFadeIn-b-d44f7qlyhc 0.3s ease;
}
.pf-content[b-d44f7qlyhc] { min-width: 0; }
.pf-sidebar[b-d44f7qlyhc] { position: sticky; top: 80px; }

/* ────── Giriş formu ────── */
.pf-entry-form[b-d44f7qlyhc] {
    padding: 16px;
    border-radius: 12px;
    background: var(--t-card, #fff);
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    box-shadow: 0 1px 4px rgba(0,0,0,0.03);
    margin-bottom: 14px;
}
.pf-entry-form.editing[b-d44f7qlyhc] { border-color: var(--t-accent, #6366f1); box-shadow: 0 0 0 3px rgba(99,102,241,0.06); }
.pf-form-title[b-d44f7qlyhc] { font-size: 1rem; font-weight: 800; margin-bottom: 12px; color: var(--t-text, #1e293b); }
.pf-form-grid[b-d44f7qlyhc] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.pf-span-full[b-d44f7qlyhc] { grid-column: 1 / -1; }

/* ────── Kategori seçici ────── */
.pf-kategori-row[b-d44f7qlyhc] { display: flex; gap: 6px; align-items: center; }
.pf-kategori-btn[b-d44f7qlyhc] {
    padding: 6px 14px;
    border-radius: 7px;
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    background: var(--t-input-bg, #fff);
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    color: var(--t-text-muted, #94a3b8);
}
.pf-kategori-btn.active[b-d44f7qlyhc] { border-color: var(--t-accent, #6366f1); background: rgba(99,102,241,0.06); color: var(--t-accent, #6366f1); }

/* ────── Masraf ────── */
.pf-masraf-grid[b-d44f7qlyhc] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 10px;
    border-radius: 8px;
    background: var(--t-accent-light, #f8fafc);
    border: 1px solid var(--t-card-border, #e2e8f0);
}
.pf-masraf-title[b-d44f7qlyhc] { grid-column: 1 / -1; font-size: 0.76rem; font-weight: 700; color: var(--t-text-muted, #64748b); margin-bottom: 2px; }
.pf-masraf-sub[b-d44f7qlyhc] { font-size: 0.7rem; color: var(--t-text-muted, #94a3b8); }
.pf-masraf-auto[b-d44f7qlyhc] {
    padding: 8px 11px;
    border-radius: 8px;
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    background: var(--t-input-bg, #f1f5f9);
    font-size: 0.82rem;
    color: var(--t-text-muted, #64748b);
    font-weight: 600;
}

/* ────── Butonlar ────── */
.pf-btn[b-d44f7qlyhc] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 8px 16px;
    border-radius: 8px;
    border: none;
    font-size: 0.84rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s;
}
.pf-btn-primary[b-d44f7qlyhc] { background: var(--t-accent, #6366f1); color: #fff; }
.pf-btn-primary:hover[b-d44f7qlyhc] { filter: brightness(1.08); transform: translateY(-1px); }
.pf-btn-cancel[b-d44f7qlyhc] { background: var(--t-card, #f8fafc); color: var(--t-text-muted, #64748b); border: 1.5px solid var(--t-card-border, #e2e8f0); }
.pf-btn-cancel:hover[b-d44f7qlyhc] { background: var(--t-input-bg, #f1f5f9); }
.pf-btn-success[b-d44f7qlyhc] { background: #10b981; color: #fff; }
.pf-btn-success:hover[b-d44f7qlyhc] { filter: brightness(1.08); }
.pf-btn-danger[b-d44f7qlyhc] { background: #ef4444; color: #fff; padding: 5px 10px; font-size: 0.78rem; }
.pf-btn:disabled[b-d44f7qlyhc] { opacity: 0.5; cursor: not-allowed; pointer-events: none; }
.pf-form-actions[b-d44f7qlyhc] { display: flex; gap: 8px; margin-top: 12px; }

/* ────── Tablo ────── */
.pf-table-wrap[b-d44f7qlyhc] {
    margin-bottom: 14px;
    border-radius: 12px;
    overflow: hidden;
    background: var(--t-card, #fff);
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    overflow-x: auto;
}
/* Filtre toolbar'ı tablo scroll'undan bağımsız sabit */
.pf-table-wrap > div:first-child:not(table)[b-d44f7qlyhc] {
    position: sticky;
    left: 0;
    z-index: 2;
    background: var(--t-card, #fff);
}
.pf-table-wrap > .col-filter-banner[b-d44f7qlyhc] {
    position: sticky;
    left: 0;
    z-index: 2;
}
.pf-table[b-d44f7qlyhc] { width: 100%; border-collapse: collapse; font-size: 0.85rem; }
.pf-table th[b-d44f7qlyhc] {
    padding: 10px 12px;
    text-align: left;
    font-weight: 700;
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--t-text-muted, #94a3b8);
    background: var(--t-accent-light, #f8fafc);
    border-bottom: 1.5px solid var(--t-card-border, #e2e8f0);
    white-space: nowrap;
}
.pf-table td[b-d44f7qlyhc] {
    padding: 9px 12px;
    border-bottom: 1px solid var(--t-card-border, #f1f5f9);
    color: var(--t-text, #334155);
    vertical-align: middle;
}
.pf-table tr:hover[b-d44f7qlyhc] { background: rgba(99,102,241,0.02); }
.pf-table tr.locked[b-d44f7qlyhc] { opacity: 0.5; }
.ym-table tr.locked[b-d44f7qlyhc] { opacity: 0.5; }
.pf-td-tutar[b-d44f7qlyhc] { font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.pf-td-center[b-d44f7qlyhc] { text-align: center; }
.pf-td-acts[b-d44f7qlyhc] { display: flex; gap: 4px; align-items: center; }
.pf-act-btn[b-d44f7qlyhc] {
    padding: 4px 7px;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    font-size: 0.76rem;
    background: transparent;
    transition: background 0.15s;
}
.pf-act-btn:hover[b-d44f7qlyhc] { background: rgba(99,102,241,0.06); }
.pf-act-btn:disabled[b-d44f7qlyhc] { opacity: 0.35; cursor: not-allowed; }
.pf-act-add[b-d44f7qlyhc] {
    background: #10b981;
    color: #fff;
    font-size: 0.66rem;
    padding: 2px 8px;
    border-radius: 4px;
}
.pf-act-add:hover[b-d44f7qlyhc] { filter: brightness(1.1); }
.pf-act-remove[b-d44f7qlyhc] {
    background: #ef4444;
    color: #fff;
    font-size: 0.66rem;
    padding: 2px 8px;
    border-radius: 4px;
}
.pf-act-remove:hover[b-d44f7qlyhc] { filter: brightness(1.1); }
.pf-kategori-badge[b-d44f7qlyhc] {
    display: inline-block;
    padding: 3px 9px;
    border-radius: 5px;
    font-size: 0.75rem;
    font-weight: 700;
    white-space: nowrap;
}
.pf-kategori-badge.hizmet[b-d44f7qlyhc] { background: rgba(16,185,129,0.1); color: #059669; }
.pf-kategori-badge.masraf[b-d44f7qlyhc] { background: rgba(245,158,11,0.1); color: #d97706; }
.pf-kategori-badge.diger[b-d44f7qlyhc] { background: rgba(99,102,241,0.1); color: #6366f1; }

/* Durum badge */
.pf-durum-badge[b-d44f7qlyhc] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 3px 9px;
    border-radius: 6px;
    font-size: 0.78rem;
    font-weight: 700;
    white-space: nowrap;
}
.pf-durum-locked[b-d44f7qlyhc] {
    background: rgba(245,158,11,0.12);
    color: #b45309;
    border: 1px solid rgba(245,158,11,0.25);
}
.pf-durum-pending[b-d44f7qlyhc] {
    background: rgba(100,116,139,0.08);
    color: #64748b;
    border: 1px solid rgba(100,116,139,0.15);
}
.pf-durum-onayli[b-d44f7qlyhc] {
    background: rgba(16,185,129,0.1);
    color: #059669;
    border: 1px solid rgba(16,185,129,0.2);
}
.pf-durum-fatura[b-d44f7qlyhc] {
    background: rgba(99,102,241,0.1);
    color: #6366f1;
    border: 1px solid rgba(99,102,241,0.2);
}
.pf-durum-odendi[b-d44f7qlyhc] {
    background: rgba(16,185,129,0.15);
    color: #047857;
    border: 1px solid rgba(16,185,129,0.3);
    font-weight: 800;
}
.pf-durum-red[b-d44f7qlyhc] {
    background: rgba(239,68,68,0.08);
    color: #dc2626;
    border: 1px solid rgba(239,68,68,0.15);
}

/* Geri çek butonu */
.pf-btn-gericek[b-d44f7qlyhc] {
    background: var(--t-card, #fff);
    color: #d97706;
    border: 1.5px solid #fbbf24;
}
.pf-btn-gericek:hover[b-d44f7qlyhc] { background: #fffbeb; border-color: #f59e0b; }

.pf-toplam-row td[b-d44f7qlyhc] { font-weight: 800; background: var(--t-accent-light, #f8fafc); }
.pf-table tr.row-active[b-d44f7qlyhc] { background: rgba(99,102,241,0.05); }
.pf-empty-row[b-d44f7qlyhc] {
    text-align: center; padding: 40px 16px !important;
    color: #dc2626; font-size: 0.92rem; font-weight: 600;
    background: linear-gradient(135deg, #fef2f2, #fff5f5) !important;
}

/* ────── Detay satırı ────── */
.pf-detay-row td[b-d44f7qlyhc] { padding: 0 !important; background: var(--t-accent-light, #f8fafc); }
.pf-detay-box[b-d44f7qlyhc] {
    padding: 12px 14px;
    border-left: 3px solid var(--t-accent, #6366f1);
    margin: 6px 10px;
    border-radius: 8px;
    background: var(--t-card, #fff);
}
.pf-detay-title[b-d44f7qlyhc] { font-size: 0.82rem; font-weight: 700; margin-bottom: 8px; color: var(--t-accent, #6366f1); display: flex; align-items: center; flex-wrap: wrap; }

/* ────── Kilit ────── */
.pf-perf-lock[b-d44f7qlyhc] {
    font-size: 0.7rem;
    color: var(--t-text-muted, #94a3b8);
    cursor: help;
    padding: 2px 6px;
    border-radius: 4px;
    background: rgba(148,163,184,0.08);
}

/* ────── Excel ────── */
.pf-excel-preview[b-d44f7qlyhc] {
    margin-bottom: 14px;
    padding: 14px;
    border-radius: 12px;
    background: var(--t-card, #fff);
    border: 1.5px solid var(--t-accent, #6366f1);
    box-shadow: 0 0 0 3px rgba(99,102,241,0.06);
}
.pf-excel-preview-header[b-d44f7qlyhc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--t-text, #1e293b);
}
.pf-excel-map-grid[b-d44f7qlyhc] { display: flex; flex-direction: column; gap: 6px; }
.pf-excel-map-row[b-d44f7qlyhc] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 8px;
    border-radius: 6px;
    background: var(--t-accent-light, #f8fafc);
}
.pf-excel-map-label[b-d44f7qlyhc] { font-size: 0.78rem; font-weight: 600; min-width: 160px; color: var(--t-text, #334155); }
.pf-excel-map-arrow[b-d44f7qlyhc] { font-size: 0.9rem; color: var(--t-accent, #6366f1); font-weight: 700; }
.pf-excel-upload[b-d44f7qlyhc] {
    margin-bottom: 14px;
    padding: 24px 14px;
    border-radius: 12px;
    border: 2.5px dashed var(--t-card-border, #c7d2fe);
    background: linear-gradient(135deg, rgba(99,102,241,0.02), rgba(99,102,241,0.06));
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}
.pf-excel-upload[b-d44f7qlyhc]::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(16,185,129,0.08), rgba(16,185,129,0.02));
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}
.pf-excel-upload:hover[b-d44f7qlyhc] {
    border-color: var(--t-accent, #6366f1);
    box-shadow: 0 4px 20px rgba(99,102,241,0.08);
    transform: translateY(-1px);
}
.pf-excel-upload.dz-valid[b-d44f7qlyhc] {
    border-color: #10b981;
    border-style: solid;
    background: rgba(16,185,129,0.06);
    box-shadow: 0 0 0 4px rgba(16,185,129,0.12), 0 8px 30px rgba(16,185,129,0.15);
    transform: scale(1.01);
}
.pf-excel-upload.dz-valid[b-d44f7qlyhc]::before { opacity: 1; }
.pf-excel-upload.dz-valid .pf-excel-icon[b-d44f7qlyhc] { animation: pf-drop-bounce-b-d44f7qlyhc 0.6s ease infinite alternate; }
.pf-excel-upload.dz-valid .pf-excel-text[b-d44f7qlyhc]::after { content: ' — Bırakın!'; color: #10b981; }
.pf-excel-upload.dz-valid .pf-excel-hint[b-d44f7qlyhc] { color: #10b981; font-weight: 600; }

/* Geçersiz dosya sürüklendiğinde — kırmızı */
.pf-excel-upload.dz-invalid[b-d44f7qlyhc]::before { opacity: 1; }
.pf-excel-upload.dz-invalid .pf-excel-icon[b-d44f7qlyhc] { animation: pf-drop-bounce-b-d44f7qlyhc 0.6s ease infinite alternate; }
.pf-excel-upload.dz-invalid .pf-excel-text[b-d44f7qlyhc]::after { content: ' — Desteklenmeyen dosya!'; color: #ef4444; }
.pf-excel-upload.dz-invalid .pf-excel-hint[b-d44f7qlyhc] { color: #ef4444; font-weight: 600; }
@keyframes pf-drop-bounce-b-d44f7qlyhc { 0% { transform: translateY(0); } 100% { transform: translateY(-6px); } }
.pf-excel-label[b-d44f7qlyhc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    text-align: center;
    position: relative;
    z-index: 1;
}
.pf-excel-icon[b-d44f7qlyhc] { font-size: 1.6rem; transition: transform 0.3s; }
.pf-excel-text[b-d44f7qlyhc] { font-size: 0.88rem; font-weight: 700; color: var(--t-text, #334155); }
.pf-excel-hint[b-d44f7qlyhc] { font-size: 0.78rem; color: var(--t-text-muted, #94a3b8); margin-top: 2px; }

/* ────── Sidebar ────── */
.pf-summary-card[b-d44f7qlyhc] {
    padding: 16px;
    border-radius: 12px;
    background: var(--t-card, #fff);
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    box-shadow: 0 1px 4px rgba(0,0,0,0.03);
}
.pf-summary-title[b-d44f7qlyhc] { font-size: 0.95rem; font-weight: 800; margin-bottom: 12px; color: var(--t-text, #1e293b); }
.pf-summary-stat[b-d44f7qlyhc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0;
    border-bottom: 1px solid var(--t-card-border, #f1f5f9);
    font-size: 0.84rem;
}
.pf-summary-stat:last-child[b-d44f7qlyhc] { border-bottom: none; }
.pf-summary-label[b-d44f7qlyhc] { color: var(--t-text-muted, #64748b); }
.pf-summary-value[b-d44f7qlyhc] { font-weight: 700; color: var(--t-text, #1e293b); font-size: 0.82rem; }
.pf-summary-total[b-d44f7qlyhc] {
    margin-top: 10px;
    padding: 10px;
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(99,102,241,0.05), rgba(99,102,241,0.1));
    text-align: center;
}
.pf-summary-total-label[b-d44f7qlyhc] { font-size: 0.75rem; font-weight: 600; color: var(--t-text-muted, #64748b); text-transform: uppercase; }
.pf-summary-total-value[b-d44f7qlyhc] { font-size: 1.2rem; font-weight: 800; color: var(--t-accent, #6366f1); margin-top: 2px; }
.pf-summary-actions[b-d44f7qlyhc] { margin-top: 12px; display: flex; flex-direction: column; gap: 6px; }
.pf-summary-actions .pf-btn[b-d44f7qlyhc] { width: 100%; justify-content: center; }

/* ────── Rapor Kartları ────── */
.pf-rapor-header[b-d44f7qlyhc] { margin-bottom: 14px; }
.pf-rapor-header h3[b-d44f7qlyhc] { font-size: 1.05rem; font-weight: 700; color: var(--t-text, #1e293b); margin: 0 0 6px; }
.pf-rapor-header p[b-d44f7qlyhc] { font-size: 0.85rem; color: var(--t-text-muted, #94a3b8); margin: 0; }
.pf-rapor-grid[b-d44f7qlyhc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 16px;
    margin-bottom: 8px;
}
.pf-rapor-card[b-d44f7qlyhc] {
    padding: 22px;
    border-radius: 16px;
    background: var(--t-card, #fff);
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    cursor: pointer;
    transition: all 0.3s;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.pf-rapor-card:hover[b-d44f7qlyhc] {
    border-color: #16a34a;
    transform: translateY(-3px);
    box-shadow: 0 8px 30px rgba(22,163,106,0.12);
}
.pf-rp-icon[b-d44f7qlyhc] { font-size: 1.8rem; display: block; margin-bottom: 10px; }
.pf-rp-title[b-d44f7qlyhc] { font-size: 0.95rem; font-weight: 800; color: var(--t-text, #1e293b); margin-bottom: 6px; }
.pf-rp-desc[b-d44f7qlyhc] { font-size: 0.8rem; color: var(--t-text-muted, #94a3b8); line-height: 1.5; }

/* ────── Yakında ────── */
.pf-coming-soon[b-d44f7qlyhc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 50px 20px;
    font-size: 0.85rem;
    color: var(--t-text-muted, #94a3b8);
}
.pf-coming-soon span:first-child[b-d44f7qlyhc] { font-size: 2rem; }

/* ────── Spinner ────── */
.pf-spinner[b-d44f7qlyhc] {
    display: inline-block; width: 13px; height: 13px;
    border: 2px solid rgba(255,255,255,0.3); border-top-color: #fff;
    border-radius: 50%; animation: pf-spin-b-d44f7qlyhc 0.6s linear infinite;
}
@keyframes pf-spin-b-d44f7qlyhc { to { transform: rotate(360deg); } }

/* ────── Arama Toolbar ────── */
.pf-search-toolbar[b-d44f7qlyhc] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}
.pf-search-left[b-d44f7qlyhc] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
    min-width: 0;
}
.pf-search-input[b-d44f7qlyhc] {
    flex: 1;
    min-width: 200px;
    padding: 0 14px;
    border-radius: 10px;
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    background: var(--t-input-bg, #fff);
    font-size: 0.84rem;
    color: var(--t-text, #334155);
    outline: none;
    box-sizing: border-box;
    transition: border-color 0.2s, box-shadow 0.2s;
    height: 34px;
}
.pf-search-input:focus[b-d44f7qlyhc] {
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99,102,241,0.1);
}
.pf-search-input[b-d44f7qlyhc]::placeholder { color: var(--t-text-muted, #94a3b8); }
.pf-search-right[b-d44f7qlyhc] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}
.pf-search-count[b-d44f7qlyhc] {
    font-size: 0.78rem;
    font-weight: 700;
    color: #3b82f6;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    padding: 0 12px;
    border-radius: 8px;
    white-space: nowrap;
    height: 34px;
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
}
.pf-search-clear[b-d44f7qlyhc] {
    padding: 0 12px;
    border-radius: 8px;
    border: 1.5px solid #ef4444;
    background: rgba(239,68,68,0.04);
    color: #ef4444;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
    height: 34px;
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
}
.pf-search-clear:hover[b-d44f7qlyhc] {
    background: #ef4444;
    color: #fff;
}

/* ────── Modal / Popup ────── */
.pf-modal-overlay[b-d44f7qlyhc] {
    position: fixed;
    inset: 0;
    background: rgba(15,23,42,0.5);
    backdrop-filter: blur(6px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    animation: pf-fade-in-b-d44f7qlyhc 0.15s ease;
}
.pf-modal[b-d44f7qlyhc] {
    background: var(--t-card, #fff);
    border-radius: 14px;
    box-shadow: 0 16px 48px rgba(0,0,0,0.18);
    width: 92%;
    max-width: 520px;
    max-height: 85vh;
    overflow-y: auto;
    animation: pf-slide-up-b-d44f7qlyhc 0.2s ease;
}
.pf-modal-header[b-d44f7qlyhc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    border-bottom: 1px solid var(--t-card-border, #e2e8f0);
    font-size: 0.84rem;
    font-weight: 700;
    color: var(--t-text, #1e293b);
}
.pf-modal-close[b-d44f7qlyhc] {
    width: 26px;
    height: 26px;
    border-radius: 6px;
    border: none;
    background: var(--t-accent-light, #f1f5f9);
    color: var(--t-text-muted, #94a3b8);
    font-size: 0.85rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s;
}
.pf-modal-close:hover[b-d44f7qlyhc] { background: #ef4444; color: #fff; }
.pf-modal-body[b-d44f7qlyhc] { padding: 18px; }
@keyframes pf-fade-in-b-d44f7qlyhc { from { opacity: 0; } to { opacity: 1; } }
@keyframes pf-slide-up-b-d44f7qlyhc { from { transform: translateY(16px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }

/* ═══ MOBİL RESPONSIVE ═══ */
@media (max-width: 1100px) {
    .pf-fatura-grid[b-d44f7qlyhc] { grid-template-columns: 1fr !important; }
}
@media (max-width: 900px) {
    .pf-main-layout[b-d44f7qlyhc] { grid-template-columns: 1fr; }
    .pf-sidebar[b-d44f7qlyhc] { position: static; }
}
@media (max-width: 768px) {
    .pf-tab-scroll[b-d44f7qlyhc] { margin: 0 10px; }
    .pf-tab[b-d44f7qlyhc] { padding: 9px 10px; font-size: 0.7rem; }
    .pf-session-setup[b-d44f7qlyhc] { margin: 10px 12px; padding: 14px; }
    .pf-session-grid[b-d44f7qlyhc] { grid-template-columns: 1fr; }
    .pf-session-banner[b-d44f7qlyhc] { margin: 8px 12px; padding: 8px 12px; }
    .pf-session-chip[b-d44f7qlyhc] { font-size: 0.7rem; padding: 2px 7px; }
    .pf-main-layout[b-d44f7qlyhc] { margin: 12px; gap: 10px; }
    .pf-page-content[b-d44f7qlyhc] { margin: 10px 12px 20px; }
    .pf-page-header[b-d44f7qlyhc] { flex-direction: column; align-items: flex-start; }
    .pf-entry-form[b-d44f7qlyhc] { padding: 12px; }
    .pf-form-grid[b-d44f7qlyhc] { grid-template-columns: 1fr; }
    .pf-masraf-grid[b-d44f7qlyhc] { grid-template-columns: 1fr; }
    .pf-form-actions[b-d44f7qlyhc] {
        display: flex; flex-wrap: wrap; gap: 8px;
    }
    .pf-form-actions .pf-btn[b-d44f7qlyhc] {
        flex: 1 1 calc(50% - 4px); min-width: 0; justify-content: center;
        padding: 12px 10px; font-size: 0.85rem; height: 44px;
    }
    .pf-form-actions .pf-btn:only-child[b-d44f7qlyhc] { flex: 1 1 100%; }
    .pf-session-setup .pf-btn[b-d44f7qlyhc] {
        width: 100%; justify-content: center; padding: 12px 10px; font-size: 0.88rem; height: 44px;
    }
    .pf-table[b-d44f7qlyhc] { font-size: 0.72rem; }
    .pf-table th[b-d44f7qlyhc] { padding: 7px 8px; font-size: 0.62rem; }
    .pf-table td[b-d44f7qlyhc] { padding: 6px 8px; }
    .pf-filter-row[b-d44f7qlyhc] { flex-direction: column; }
    .pf-filter-row .pf-input[b-d44f7qlyhc] { width: 100%; }
    .pf-filter-row select[b-d44f7qlyhc] { width: 100% !important; }
    .pf-lock-badge[b-d44f7qlyhc] { font-size: 0.7rem; padding: 4px 8px; }
    .pf-modal[b-d44f7qlyhc] { width: 96%; max-width: none; border-radius: 12px; }
    .pf-modal-header[b-d44f7qlyhc] { padding: 12px 14px; font-size: 0.8rem; }
    .pf-modal-body[b-d44f7qlyhc] { padding: 14px; }
    .pf-summary-card[b-d44f7qlyhc] { padding: 12px; }
    .pf-summary-total-value[b-d44f7qlyhc] { font-size: 1rem; }
    .pf-rapor-grid[b-d44f7qlyhc] { grid-template-columns: 1fr 1fr; }
    .pf-rapor-card[b-d44f7qlyhc] { padding: 14px 12px; }
    /* Performans girişi: arama + kayıt sayısı sola-sağa */
    .pf-search-toolbar[b-d44f7qlyhc] { flex-direction: column; gap: 8px; align-items: stretch; }
    .pf-search-left[b-d44f7qlyhc] { width: 100%; }
    .pf-search-input[b-d44f7qlyhc] { min-width: 0 !important; width: 100% !important; }
    .pf-search-right[b-d44f7qlyhc] { width: 100%; display: flex; flex-wrap: wrap; gap: 6px; justify-content: stretch; }
    .pf-search-count[b-d44f7qlyhc] { flex: 1 1 0; min-width: 0; text-align: center; font-size: 0.75rem; padding: 0 8px; height: 34px; }
    .pf-search-clear[b-d44f7qlyhc] { flex: 1 1 0; min-width: 0; text-align: center; justify-content: center; font-size: 0.75rem; padding: 0 8px; height: 34px; }
    /* Hizmet / Fatura / Ödeme / Takip: inline toolbar → mobil dikey */
    .pf-page-content > div[style*="display:flex"][style*="flex-wrap"][b-d44f7qlyhc],
    .pf-table-wrap > div[style*="display:flex"][style*="flex-wrap"][b-d44f7qlyhc] {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 6px !important;
    }
    .pf-page-content > div[style*="display:flex"] > input[type="text"][b-d44f7qlyhc],
    .pf-page-content > div[style*="display:flex"] > input[type="search"][b-d44f7qlyhc],
    .pf-table-wrap > div[style*="display:flex"] > input[type="text"][b-d44f7qlyhc],
    .pf-table-wrap > div[style*="display:flex"] > input[type="search"][b-d44f7qlyhc] {
        width: 100% !important; min-width: 0 !important; flex: 1 1 100% !important;
    }
    .pf-page-content > div[style*="display:flex"] > select[b-d44f7qlyhc],
    .pf-table-wrap > div[style*="display:flex"] > select[b-d44f7qlyhc] {
        width: 100% !important; min-width: 0 !important;
    }
    .pf-page-content > div[style*="display:flex"] > input[type="date"][b-d44f7qlyhc],
    .pf-table-wrap > div[style*="display:flex"] > input[type="date"][b-d44f7qlyhc] {
        width: 100% !important; min-width: 0 !important;
    }
    .pf-page-content > div[style*="display:flex"] > button[b-d44f7qlyhc],
    .pf-page-content > div[style*="display:flex"] > .pf-session-excel-btn[b-d44f7qlyhc],
    .pf-table-wrap > div[style*="display:flex"] > button[b-d44f7qlyhc],
    .pf-table-wrap > div[style*="display:flex"] > .pf-session-excel-btn[b-d44f7qlyhc] {
        width: 100% !important; text-align: center !important; justify-content: center !important; box-sizing: border-box;
    }
    .pf-page-content > div[style*="display:flex"] > div[style*="font-size"][b-d44f7qlyhc],
    .pf-table-wrap > div[style*="display:flex"] > div[style*="font-size"][b-d44f7qlyhc] {
        text-align: center;
    }
    .pf-lock-badge[b-d44f7qlyhc] { width: 100% !important; margin-right: 0 !important; box-sizing: border-box; }
    /* Tablo yatay scroll ederken filtre barları sabit genişlikte kalsın */
    .pf-table-wrap > div:first-child:not(table)[b-d44f7qlyhc] {
        min-width: 0;
        width: auto;
        box-sizing: border-box;
    }
    .pf-table-wrap .ym-table[b-d44f7qlyhc] { min-width: 700px; }
    .pf-table-wrap .pf-table[b-d44f7qlyhc] { min-width: 600px; }
    /* Performans girişi tablo üst toolbar iç div */
    .pf-table-wrap > div[style*="display:flex"] > div[style*="display:flex"][b-d44f7qlyhc] {
        width: 100%; flex-wrap: wrap; gap: 6px;
    }
    .pf-table-wrap > div[style*="display:flex"] > div[style*="display:flex"] > select[b-d44f7qlyhc] {
        width: 100% !important; min-width: 0 !important;
    }
    .pf-table-wrap > div[style*="display:flex"] > div[style*="display:flex"] > button[b-d44f7qlyhc] {
        width: 100% !important; text-align: center !important; justify-content: center !important;
    }
}
@media (max-width: 480px) {
    .pf-tab[b-d44f7qlyhc] { padding: 8px 8px; font-size: 0.66rem; }
    .pf-page-content[b-d44f7qlyhc] { margin: 8px 8px 16px; }
    .pf-session-setup[b-d44f7qlyhc] { margin: 8px; padding: 12px; }
    .pf-main-layout[b-d44f7qlyhc] { margin: 12px 8px 12px; }
    .pf-entry-form[b-d44f7qlyhc] { padding: 10px; }
    .pf-btn[b-d44f7qlyhc] { padding: 7px 12px; font-size: 0.72rem; }
    .pf-table[b-d44f7qlyhc] { font-size: 0.68rem; }
    .pf-table th[b-d44f7qlyhc] { font-size: 0.58rem; }
    .pf-rapor-grid[b-d44f7qlyhc] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Yonetim/PersonelYonetimi.razor.rz.scp.css */
/* ═══ PERSONEL YÖNETİMİ — Sayfa-Özel Stiller ═══ */
/* Ortak stiller (ym-page, ym-topbar, ym-back, vb.): /css/yonetim-liste.css */

/* ═══ FORM ═══ */
.ym-form-section[b-mfm3czpjur] {
    background: var(--t-card, white); margin: 24px; border-radius: 16px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06); padding: 28px;
    color: var(--t-text, #1e293b);
}
.ym-form-section > .ym-form-grid[b-mfm3czpjur],
.ym-form-section > fieldset > .ym-form-grid[b-mfm3czpjur],
.ym-form-section > .ym-izin-container[b-mfm3czpjur],
.ym-form-section > .ym-izin-info[b-mfm3czpjur],
.ym-form-section > fieldset > .edu-group[b-mfm3czpjur] {
    animation: pyFadeIn-b-mfm3czpjur 0.25s ease;
}
@keyframes pyFadeIn-b-mfm3czpjur { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.ym-form-section > fieldset[b-mfm3czpjur] {
    animation: pyFadeIn-b-mfm3czpjur 0.3s cubic-bezier(0.22,1,0.36,1) both;
}
.ym-photo-row[b-mfm3czpjur] {
    display: flex; justify-content: center; margin-bottom: 18px;
}
.ym-photo-box[b-mfm3czpjur] {
    position: relative; width: 180px; height: 180px; border-radius: 50%;
    background: var(--t-hover, #f1f5f9); display: flex; align-items: center; justify-content: center;
    box-shadow: 0 4px 24px rgba(30,41,59,0.13);
    margin-bottom: 8px;
    transition: box-shadow 0.2s;
}
.ym-photo-box:hover[b-mfm3czpjur] {
    box-shadow: 0 8px 32px #6366f144;
}
.ym-photo-img[b-mfm3czpjur] {
    width: 180px; height: 180px; object-fit: cover; border-radius: 50%; border: 3px solid #6366f1;
    box-shadow: 0 2px 12px #6366f122;
}
.ym-photo-placeholder[b-mfm3czpjur] {
    color: #6366f1; font-weight: 600; font-size: 2.5rem; cursor: pointer; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; text-align: center;
}
.ym-photo-upload[b-mfm3czpjur] { cursor: pointer; }
.ym-photo-del[b-mfm3czpjur] {
    position: absolute; top: 8px; right: 8px; background: #fef2f2; color: #dc2626;
    border: 1px solid #fecaca; border-radius: 50%; width: 32px; height: 32px;
    display: flex; align-items: center; justify-content: center; font-size: 1.2rem; cursor: pointer;
    z-index: 2;
    box-shadow: 0 2px 8px #dc262622;
}
.ym-form-header[b-mfm3czpjur] {
    display: flex; align-items: center; justify-content: space-between; margin-bottom: 0; flex-wrap: wrap; gap: 12px;
}
.ym-form-header h3[b-mfm3czpjur] { margin: 0; color: var(--t-text, #1e293b); font-size: 1.1rem; font-weight: 700; }

/* ═══ BÖLÜM NAVİGASYONU ═══ */
.ym-section-nav[b-mfm3czpjur] {
    display: flex; align-items: center; gap: 6px;
    padding: 10px 14px; margin-bottom: 14px;
    background: var(--t-hover, #f1f5f9); border-radius: 12px;
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    position: sticky; top: 0; z-index: 50;
}
.ym-snav-left[b-mfm3czpjur] {
    display: flex; flex-wrap: wrap; gap: 6px; flex: 1; min-width: 0;
}
.ym-snav-actions[b-mfm3czpjur] {
    display: flex; gap: 6px; flex-shrink: 0; margin-left: auto;
}
.ym-btn-nav-save[b-mfm3czpjur] {
    padding: 7px 16px; border: none; border-radius: 10px; cursor: pointer;
    font-weight: 700; font-size: 0.82rem; color: white;
    background: #4f46e5; white-space: nowrap;
    box-shadow: 0 2px 8px rgba(79,70,229,0.18); transition: all 0.2s;
}
.ym-btn-nav-save:hover[b-mfm3czpjur] {
    background: #4338ca; transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(79,70,229,0.28);
}
.ym-btn-nav-cancel[b-mfm3czpjur] {
    padding: 7px 16px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 10px;
    cursor: pointer; font-weight: 700; font-size: 0.82rem; color: var(--t-text-muted, #64748b);
    background: var(--t-card, white); transition: all 0.2s; white-space: nowrap;
}
.ym-btn-nav-cancel:hover[b-mfm3czpjur] {
    border-color: #dc2626; color: #dc2626; background: #fef2f2;
}
/* Bölüm scroll offset — sticky nav arkasında kalmasın */
.edu-group[id^="sec-"][b-mfm3czpjur] {
    scroll-margin-top: 60px;
}
.ym-snav-btn[b-mfm3czpjur] {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 7px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 20px; background: var(--t-card, white);
    color: var(--t-text, #475569); font-size: 0.82rem; font-weight: 600;
    cursor: pointer; transition: all 0.2s; white-space: nowrap;
}
.ym-snav-btn:hover[b-mfm3czpjur] {
    background: #6366f1; color: #fff; border-color: #6366f1;
    box-shadow: 0 2px 8px #6366f133; transform: translateY(-1px);
}
.ym-snav-btn.active[b-mfm3czpjur] {
    background: #4f46e5; color: #fff; border-color: #4f46e5;
    box-shadow: 0 2px 10px #4f46e533;
}
.ym-snav-btn:active[b-mfm3czpjur] { transform: translateY(0); }

/* Header yetki butonu */
.ym-yetki-btn-header[b-mfm3czpjur] {
    padding: 8px 18px; border: 1.5px solid #c4b5fd; border-radius: 10px;
    background: linear-gradient(135deg, #faf5ff, #ede9fe); color: #7c3aed; font-weight: 700;
    font-size: 0.82rem; cursor: pointer; transition: all 0.2s;
    white-space: nowrap; flex-shrink: 0;
}
.ym-yetki-btn-header:hover[b-mfm3czpjur] {
    border-color: #a78bfa; background: linear-gradient(135deg, #ede9fe, #ddd6fe);
    transform: translateY(-1px); box-shadow: 0 4px 14px rgba(124,58,237,0.15);
}
.ym-kendi-uyari-header[b-mfm3czpjur] {
    padding: 6px 14px; border-radius: 8px;
    background: #fffbeb; color: #92400e; border: 1px solid #fde68a;
    font-size: 0.78rem; font-weight: 600; white-space: nowrap; flex-shrink: 0;
}

/* TAB BAR */
.ym-tab-bar[b-mfm3czpjur] {
    display: flex; gap: 4px; margin-bottom: 20px; margin-top: 16px;
    border-bottom: 2px solid var(--t-card-border, #f1f5f9); padding-bottom: 0; flex-wrap: wrap;
}
.ym-tab-bar .ym-tab[b-mfm3czpjur] {
    padding: 10px 18px; border: none; background: none; cursor: pointer;
    font-weight: 600; font-size: 0.85rem; color: var(--t-text-muted, #94a3b8);
    border-bottom: 3px solid transparent; transition: all 0.2s; border-radius: 8px 8px 0 0;
}
.ym-tab-bar .ym-tab:hover[b-mfm3czpjur] {
    color: var(--t-text, #1e293b);
    background: var(--t-hover, #f8fafc);
    border-bottom-color: var(--t-card-border, #cbd5e1);
}
.ym-tab-bar .ym-tab.active[b-mfm3czpjur] {
    color: #4f46e5;
    border-bottom-color: #4f46e5;
    background: var(--t-accent-light, #eef2ff);
}

.ym-form-grid[b-mfm3czpjur] { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; }
.ym-span-full[b-mfm3czpjur] { grid-column: 1 / -1; }
.ym-group[b-mfm3czpjur] { display: flex; flex-direction: column; gap: 5px; }
.ym-group label[b-mfm3czpjur] { font-size: 0.82rem; font-weight: 600; color: var(--t-text-muted, #475569); }
.ym-group .req[b-mfm3czpjur] { color: #ef4444; }

/* ═══ EĞİTİM GRUPLARI ═══ */
.edu-group[b-mfm3czpjur] {
    background: var(--t-hover, #f8fafc); border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 12px;
    padding: 16px 20px; margin-bottom: 14px;
    transition: border-color 0.2s;
}
.edu-group:hover[b-mfm3czpjur] { border-color: var(--t-input-border, #cbd5e1); }
.edu-group:last-child[b-mfm3czpjur] { margin-bottom: 0; }
.edu-group-header[b-mfm3czpjur] {
    display: flex; align-items: center; gap: 8px;
    margin-bottom: 14px; padding-bottom: 10px;
    border-bottom: 1px solid #e2e8f0;
}
.edu-group-icon[b-mfm3czpjur] { font-size: 1.15rem; }
.edu-group-title[b-mfm3czpjur] { font-size: 0.9rem; font-weight: 700; color: var(--t-text, #1e293b); }
.ym-input[b-mfm3czpjur] {
    padding: 10px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 10px;
    font-size: 0.9rem; transition: border 0.2s; outline: none;
    height: 42px; box-sizing: border-box; width: 100%;
}
.ym-input:focus[b-mfm3czpjur] { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.1); }

/* SearchSelect bileşenini ym-input ile aynı görünüme getir */
.ym-group[b-mfm3czpjur]  .ss-wrap { position: relative; }
.ym-group[b-mfm3czpjur]  .m-input {
    padding: 10px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 10px;
    font-size: 0.9rem; transition: border 0.2s; outline: none;
    background: var(--t-card, white); width: 100%; box-sizing: border-box;
    height: 42px;
}
.ym-group[b-mfm3czpjur]  .m-input:focus,
.ym-group[b-mfm3czpjur]  .m-input.ss-open {
    border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.1);
}
.ym-group[b-mfm3czpjur]  .m-input:disabled {
    background: #f1f5f9; color: #94a3b8; cursor: not-allowed; opacity: 0.8;
}
.ym-checkbox-label[b-mfm3czpjur] {
    display: flex; align-items: center; gap: 8px; cursor: pointer;
    font-weight: 600; color: #475569; padding-top: 22px;
}
.ym-checkbox-label input[type="checkbox"][b-mfm3czpjur] { width: 18px; height: 18px; accent-color: #a855f7; }

.ym-form-actions[b-mfm3czpjur] { display: flex; gap: 12px; margin-top: 20px; }
.ym-btn-save[b-mfm3czpjur] {
    padding: 10px 28px; border: none; border-radius: 10px; cursor: pointer;
    font-weight: 700; font-size: 0.9rem; color: white;
    background: #4f46e5;
    box-shadow: 0 2px 8px rgba(79,70,229,0.18); transition: all 0.2s;
}
.ym-btn-save:hover[b-mfm3czpjur] { background: #4338ca; transform: translateY(-1px); box-shadow: 0 4px 14px rgba(79,70,229,0.28); }
.ym-btn-cancel[b-mfm3czpjur] {
    padding: 10px 28px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 10px;
    cursor: pointer; font-weight: 700; font-size: 0.9rem; color: var(--t-text-muted, #64748b);
    background: var(--t-card, white); transition: all 0.2s;
}
.ym-btn-cancel:hover[b-mfm3czpjur] { border-color: #dc2626; color: #dc2626; background: #fef2f2; }

/* CHIP GROUP (Ehliyet) */
.ym-chip-group[b-mfm3czpjur] { display: flex; flex-wrap: wrap; gap: 8px; }
.ym-chip[b-mfm3czpjur] {
    padding: 6px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 8px;
    cursor: pointer; font-weight: 600; font-size: 0.82rem; color: var(--t-text-muted, #64748b);
    background: var(--t-card, white); transition: all 0.2s; display: flex; align-items: center; gap: 6px;
}
.ym-chip input[type="checkbox"][b-mfm3czpjur] { display: none; }
.ym-chip.checked[b-mfm3czpjur] { background: #eff6ff; border-color: #6366f1; color: #6366f1; }

/* ADDRESS ROW */
.ym-address-row[b-mfm3czpjur] { display: flex; align-items: center; gap: 10px; margin-top: 8px; }
.ym-addr-num[b-mfm3czpjur] { font-weight: 700; color: #94a3b8; font-size: 0.85rem; min-width: 22px; text-align: center; }
.ym-address-row .ym-input[b-mfm3czpjur] { flex: 1; }
.ym-addr-del[b-mfm3czpjur] {
    width: 32px; height: 32px; border-radius: 8px; border: 1px solid #fecaca;
    background: #fef2f2; color: #dc2626; cursor: pointer; font-size: 0.8rem;
    display: flex; align-items: center; justify-content: center;
}
.ym-add-btn[b-mfm3czpjur] {
    background: none; border: 1px dashed #6366f1; color: #6366f1; padding: 4px 12px;
    border-radius: 8px; font-size: 0.78rem; font-weight: 700; cursor: pointer;
    margin-left: 8px;
}

.ym-message[b-mfm3czpjur] {
    margin-top: 14px; padding: 12px 18px; border-radius: 10px;
    font-weight: 600; font-size: 0.9rem;
}
.ym-message.success[b-mfm3czpjur] { background: #f0fdf4; color: #16a34a; border: 1px solid #bbf7d0; }
.ym-message.error[b-mfm3czpjur] { background: #fef2f2; color: #dc2626; border: 1px solid #fecaca; }

/* ═══ LİSTE ═══ */
.ym-list-section[b-mfm3czpjur] {
    animation: pyListFadeIn-b-mfm3czpjur 0.3s ease;
}
@keyframes pyListFadeIn-b-mfm3czpjur { from { opacity: 0; } to { opacity: 1; } }

/* Toolbar — arama + filtreler + indir tek satır */
.ym-list-toolbar[b-mfm3czpjur] {
    display: flex; align-items: center; gap: 10px;
    padding: 14px 20px;
    border-bottom: 1px solid var(--t-card-border, #f1f5f9);
    flex-wrap: wrap;
}
.ym-list-toolbar .ym-search[b-mfm3czpjur] { flex: 1; min-width: 180px; }
.ym-search input[b-mfm3czpjur] {
    width: 100%; padding: 7px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 10px; font-size: 0.84rem; outline: none; box-sizing: border-box;
    background: var(--t-card, white); color: var(--t-text, #1e293b); height: 36px;
}
.ym-search input:focus[b-mfm3czpjur] { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.08); }
.ym-filters[b-mfm3czpjur] { display: flex; gap: 6px; flex-shrink: 0; align-items: center; }
.ym-filter[b-mfm3czpjur] {
    padding: 0 14px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 20px;
    background: var(--t-card, white); font-weight: 600; font-size: 0.78rem; cursor: pointer;
    color: var(--t-text-muted, #64748b); transition: all 0.2s;
    display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; height: 36px;
}
.ym-filter:hover:not(.active):not(.download)[b-mfm3czpjur] {
    border-color: var(--t-input-border, #cbd5e1);
    background: var(--t-hover, #f8fafc);
    color: var(--t-text, #334155);
}
.ym-filter.active[b-mfm3czpjur] {
    color: white; font-weight: 700;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.ym-filter.active:not(.aktif):not(.pasif)[b-mfm3czpjur] { background: #4f46e5; border-color: #4f46e5; }
.ym-filter.aktif[b-mfm3czpjur] { border-left: 3px solid #10b981; }
.ym-filter.aktif.active[b-mfm3czpjur] { background: #059669; border-color: #059669; }
.ym-filter.pasif[b-mfm3czpjur] { border-left: 3px solid #ef4444; }
.ym-filter.pasif.active[b-mfm3czpjur] { background: #dc2626; border-color: #dc2626; }
.ym-fbadge[b-mfm3czpjur] {
    padding: 0 6px; border-radius: 8px; font-size: 0.68rem; font-weight: 800;
    background: rgba(0,0,0,0.06); color: inherit; line-height: 1.5;
}
.ym-filter.active .ym-fbadge[b-mfm3czpjur] { background: rgba(255,255,255,0.25); }
.ym-filter.download[b-mfm3czpjur] {
    background: linear-gradient(135deg, #059669, #10b981); color: white;
    border-color: #059669; border-left: none; border-radius: 10px; font-weight: 700;
}
.ym-filter.download:hover[b-mfm3czpjur] { background: linear-gradient(135deg, #047857, #059669); border-color: #047857; transform: translateY(-1px); box-shadow: 0 3px 10px rgba(5,150,105,0.25); }

/* TABLO — yonetim-liste.css'teki global ym-table kuralları kullanılır */
.td-id[b-mfm3czpjur] { font-weight: 700; color: #94a3b8; font-size: 0.82rem; width: 1%; white-space: nowrap; }
.td-name[b-mfm3czpjur] { font-weight: 600; vertical-align: middle; }
.td-name-inner[b-mfm3czpjur] { display: flex; align-items: center; gap: 10px; }
.td-avatar[b-mfm3czpjur] { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; border: 2px solid var(--t-card-border, #e2e8f0); flex-shrink: 0; cursor: pointer; }
.td-avatar-ph[b-mfm3czpjur] {
    width: 32px; height: 32px; min-width: 32px; border-radius: 50%;
    background: linear-gradient(135deg, #6366f1, #a855f7); color: white;
    display: flex; align-items: center; justify-content: center;
    font-size: 0.7rem; font-weight: 700; text-transform: uppercase;
    flex-shrink: 0;
}
.durum-pill[b-mfm3czpjur] {
    padding: 4px 12px; border-radius: 8px; font-size: 0.78rem; font-weight: 700;
}
.durum-pill.aktif[b-mfm3czpjur] { background: #f0fdf4; color: #16a34a; }
.durum-pill.pasif[b-mfm3czpjur] { background: #fef2f2; color: #dc2626; }
.durum-pill.beklemede[b-mfm3czpjur] { background: #fffbeb; color: #d97706; }
.durum-pill.planlandi[b-mfm3czpjur] { background: #ecfeff; color: #0891b2; }
.durum-pill.profil-tam[b-mfm3czpjur] { background: #f0fdf4; color: #16a34a; }
.durum-pill.profil-eksik[b-mfm3czpjur] { background: #fffbeb; color: #d97706; }
.empty-row[b-mfm3czpjur] {
    text-align: center;
    padding: 40px 16px !important;
    color: #dc2626;
    font-size: 0.92rem;
    font-weight: 600;
    background: linear-gradient(135deg, #fef2f2, #fff5f5) !important;
}
.empty-row .empty-icon[b-mfm3czpjur] {
    display: block;
    font-size: 2.2rem;
    margin-bottom: 8px;
    opacity: 0.7;
}
.empty-row .empty-text[b-mfm3czpjur] {
    display: block;
    color: #dc2626;
    font-size: 0.88rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}
.td-center[b-mfm3czpjur] { text-align: center; width: 1%; white-space: nowrap; }
.td-desc[b-mfm3czpjur] { max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--t-text-muted, #64748b); font-size: 0.82rem; }

/* ═══ İZİN TAB ═══ */
.ym-izin-container[b-mfm3czpjur] { padding: 8px 0; }
.ym-izin-info[b-mfm3czpjur] {
    display: flex; align-items: center; gap: 8px;
    padding: 20px; background: var(--t-hover, #f8fafc); border-radius: 12px;
    color: var(--t-text-muted, #64748b); font-size: 0.9rem;
}
.ym-izin-icon[b-mfm3czpjur] { font-size: 1.2rem; }
.ym-izin-cards[b-mfm3czpjur] {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 20px;
}
.ym-izin-card[b-mfm3czpjur] {
    padding: 20px; border-radius: 14px; text-align: center;
    border: 1.5px solid var(--t-card-border, #e2e8f0);
}
.ym-izin-card.hakedis[b-mfm3czpjur] { background: #eff6ff; border-color: #bfdbfe; }

/* ═══ YETKİ BUTONU ═══ */
.ym-kendi-uyari[b-mfm3czpjur] {
    margin-top: 6px; padding: 8px 14px; border-radius: 8px;
    background: #fffbeb; color: #92400e; border: 1px solid #fde68a;
    font-size: 0.8rem; font-weight: 600;
}

.ym-yetki-btn[b-mfm3czpjur] {
    margin-top: 6px; padding: 6px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 8px;
    background: linear-gradient(135deg, #faf5ff, #ede9fe); color: #7c3aed; font-weight: 700;
    font-size: 0.78rem; cursor: pointer; transition: all 0.2s;
}
.ym-yetki-btn:hover[b-mfm3czpjur] { border-color: #a78bfa; background: #ede9fe; transform: translateY(-1px); }

/* ═══ YETKİ POPUP ═══ */
.ym-yetki-overlay[b-mfm3czpjur] { position: fixed; inset: 0; background: rgba(0,0,0,0.4); z-index: 1000; backdrop-filter: blur(4px); }
.ym-yetki-popup[b-mfm3czpjur] {
    position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%);
    background: var(--t-card, white); border-radius: 16px; padding: 28px; z-index: 1001;
    width: 90%; max-width: 520px; max-height: 90vh;
    display: flex; flex-direction: column;
    box-shadow: 0 20px 60px rgba(0,0,0,0.2);
    animation: yetkiSlide-b-mfm3czpjur 0.25s ease;
    box-sizing: border-box;
}
@keyframes yetkiSlide-b-mfm3czpjur { from { opacity: 0; transform: translate(-50%,-50%) translateY(20px); } to { opacity: 1; transform: translate(-50%,-50%); } }
.ym-yetki-popup h3[b-mfm3czpjur] { margin: 0 0 4px; font-size: 1.1rem; color: var(--t-text, #1e293b); flex-shrink: 0; }
.ym-yetki-sub[b-mfm3czpjur] { margin: 0; font-size: 0.85rem; color: var(--t-text-muted, #64748b); flex-shrink: 0; }

/* Yetki popup header */
.ym-yetki-header[b-mfm3czpjur] {
    display: flex; align-items: flex-start; justify-content: space-between; gap: 12px;
    margin-bottom: 18px; flex-shrink: 0;
}
.ym-yetki-header-left[b-mfm3czpjur] { flex: 1; min-width: 0; }

/* Yönetici toggle */
.ym-yonetici-toggle[b-mfm3czpjur] {
    display: flex; align-items: center; gap: 8px;
    padding: 6px 14px; border-radius: 10px;
    background: #f8fafc; border: 1.5px solid #e2e8f0;
    transition: all 0.25s ease; flex-shrink: 0;
}
.ym-yonetici-toggle.active[b-mfm3czpjur] {
    background: linear-gradient(135deg, #fef3c7, #fde68a);
    border-color: #f59e0b;
}
.ym-yonetici-toggle-label[b-mfm3czpjur] {
    font-size: 0.82rem; font-weight: 700; color: #475569;
    white-space: nowrap;
}
.ym-yonetici-toggle.active .ym-yonetici-toggle-label[b-mfm3czpjur] { color: #92400e; }
.ym-yonetici-track[b-mfm3czpjur] {
    position: relative; width: 42px; height: 24px;
    background: #cbd5e1; border-radius: 12px;
    cursor: pointer; transition: background 0.25s ease;
    display: inline-block; flex-shrink: 0;
}
.ym-yonetici-track.on[b-mfm3czpjur] {
    background: linear-gradient(135deg, #f59e0b, #eab308);
}
.ym-yonetici-thumb[b-mfm3czpjur] {
    position: absolute; top: 2px; left: 2px;
    width: 20px; height: 20px; border-radius: 50%;
    background: white; box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    transition: transform 0.25s ease;
}
.ym-yonetici-track.on .ym-yonetici-thumb[b-mfm3czpjur] {
    transform: translateX(18px);
}
.ym-yetki-grid[b-mfm3czpjur] { display: flex; flex-direction: column; gap: 5px; margin-bottom: 18px; overflow-y: auto; flex: 1; min-height: 0; }
.ym-yetki-toplu[b-mfm3czpjur] {
    display: flex; gap: 8px; margin-bottom: 14px; flex-wrap: wrap; flex-shrink: 0;
}
.ym-yt-btn[b-mfm3czpjur] { font-size: 0.8rem; padding: 6px 14px; }
.ym-yetki-row[b-mfm3czpjur] {
    display: flex; align-items: center; gap: 10px; padding: 10px 14px;
    background: var(--t-hover, #f8fafc); border-radius: 10px; border: 1px solid var(--t-card-border, #e2e8f0);
    flex-wrap: wrap;
}
.ym-yetki-icon[b-mfm3czpjur] { font-size: 1.1rem; flex-shrink: 0; }
.ym-yetki-label[b-mfm3czpjur] { flex: 1; font-weight: 600; font-size: 0.85rem; color: var(--t-text, #334155); }
.ym-yetki-select[b-mfm3czpjur] {
    padding: 6px 34px 6px 10px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 8px;
    font-size: 0.78rem; font-weight: 600; cursor: pointer; outline: none;
    background: var(--t-card, white); min-width: 0; flex-shrink: 1;
    appearance: none; -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%237c3aed' d='M5 6L0 0h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat; background-position: right 10px center; background-size: 10px 6px;
}
.ym-yetki-select:hover[b-mfm3czpjur] { border-color: #c4b5fd; }
.ym-yetki-select:focus[b-mfm3czpjur] { border-color: #7c3aed; box-shadow: 0 0 0 3px rgba(124,58,237,0.1); }

/* Yetki buton grubu (select yerine) */
.ym-yetki-btns[b-mfm3czpjur] {
    display: flex; gap: 3px; flex-shrink: 0; border-radius: 10px;
    background: var(--t-card-border, #e2e8f0); padding: 3px;
}
.ym-yb[b-mfm3czpjur] {
    border: none; cursor: pointer; font-size: 0.88rem; padding: 8px 14px;
    border-radius: 8px; background: transparent; color: var(--t-text-muted, #94a3b8);
    transition: all 0.2s; line-height: 1; white-space: nowrap;
    font-weight: 500;
}
.ym-yb:hover[b-mfm3czpjur] { background: rgba(255,255,255,0.8); transform: scale(1.05); }
.ym-yb-on.ym-yb-none[b-mfm3czpjur] {
    background: linear-gradient(135deg, #fef2f2, #fee2e2); color: #dc2626;
    box-shadow: 0 2px 6px rgba(239,68,68,0.2); font-weight: 700;
}
.ym-yb-on.ym-yb-view[b-mfm3czpjur] {
    background: linear-gradient(135deg, #fffbeb, #fef3c7); color: #d97706;
    box-shadow: 0 2px 6px rgba(245,158,11,0.2); font-weight: 700;
}
.ym-yb-on.ym-yb-edit[b-mfm3czpjur] {
    background: linear-gradient(135deg, #f0fdf4, #dcfce7); color: #16a34a;
    box-shadow: 0 2px 6px rgba(34,197,94,0.2); font-weight: 700;
}

.ym-yetki-actions[b-mfm3czpjur] { display: flex; gap: 10px; flex-shrink: 0; }
.ym-btn-yetki-save[b-mfm3czpjur] {
    flex: 1; padding: 10px 20px; border: none; border-radius: 10px; cursor: pointer;
    font-weight: 700; font-size: 0.85rem; color: white;
    background: linear-gradient(135deg, #7c3aed, #a855f7); transition: all 0.2s;
}
.ym-btn-yetki-save:hover[b-mfm3czpjur] { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(124,58,237,0.3); }
.ym-btn-yetki-cancel[b-mfm3czpjur] {
    padding: 10px 20px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 10px; cursor: pointer;
    font-weight: 700; font-size: 0.85rem; color: var(--t-text-muted, #64748b); background: var(--t-card, white); transition: all 0.2s;
}
.ym-btn-yetki-cancel:hover[b-mfm3czpjur] { border-color: #94a3b8; }
.ym-izin-card.kullanilan[b-mfm3czpjur] { background: #fef2f2; border-color: #fecaca; }
.ym-izin-card.kalan[b-mfm3czpjur] { background: #f0fdf4; border-color: #bbf7d0; }
.ym-izin-card-value[b-mfm3czpjur] { font-size: 2rem; font-weight: 800; line-height: 1; }
.ym-izin-card.hakedis .ym-izin-card-value[b-mfm3czpjur] { color: #3b82f6; }
.ym-izin-card.kullanilan .ym-izin-card-value[b-mfm3czpjur] { color: #ef4444; }
.ym-izin-card.kalan .ym-izin-card-value[b-mfm3czpjur] { color: #16a34a; }
.ym-izin-card-label[b-mfm3czpjur] { font-size: 0.82rem; font-weight: 600; color: var(--t-text-muted, #64748b); margin-top: 6px; }
.ym-izin-table-wrap[b-mfm3czpjur] { overflow-x: auto; }

/* ═══ ANA SEKMELER ═══ */
.igt-tabs[b-mfm3czpjur] {
    display: flex; gap: 4px; background: var(--t-card, white);
    border-bottom: 2px solid #f1f5f9; flex-wrap: wrap;
}
.igt-tab[b-mfm3czpjur] {
    padding: 12px 22px; border: none; background: none; cursor: pointer;
    font-weight: 700; font-size: 0.88rem; color: #94a3b8;
    border-bottom: 3px solid transparent; transition: all 0.2s;
}
.igt-tab:hover[b-mfm3czpjur] { color: #6366f1; background: var(--t-hover, #f8fafc); }
.igt-tab.active[b-mfm3czpjur] { color: #6366f1; border-bottom-color: #6366f1; background: #eff6ff; }
@media (max-width: 768px) {
    .igt-tabs[b-mfm3czpjur] {
        display: flex; flex-wrap: wrap; gap: 8px;
        padding: 14px; border-bottom: none;
        background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    }
    .igt-tab[b-mfm3czpjur] {
        flex: 1 1 auto; min-width: 0;
        padding: 10px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0); background: var(--t-card, white);
        border-radius: 12px; font-size: 0.78rem; font-weight: 700;
        color: var(--t-text-muted, #64748b); text-align: center;
        display: flex; align-items: center; justify-content: center; gap: 5px;
        border-bottom: none;
        box-shadow: 0 1px 3px rgba(0,0,0,0.04);
        transition: all 0.2s;
    }
    .igt-tab:hover[b-mfm3czpjur] {
        color: #6366f1; border-color: #c7d2fe; background: #fafaff;
        box-shadow: 0 2px 6px rgba(99,102,241,0.08);
    }
    .igt-tab.active[b-mfm3czpjur] {
        color: white;
        background: linear-gradient(135deg, #6366f1, #818cf8);
        border-color: #6366f1;
        box-shadow: 0 3px 12px rgba(99,102,241,0.25);
    }
}

/* ═══ SORGULAR ═══ */
.igt-sorgu-section[b-mfm3czpjur] { padding: 20px 0; }
.igt-sorgu-cards[b-mfm3czpjur] {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; margin-bottom: 20px;
}
.igt-sorgu-card[b-mfm3czpjur] {
    background: var(--t-card, white); border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 16px;
    padding: 22px; cursor: pointer; transition: all 0.3s;
}
.igt-sorgu-card:hover[b-mfm3czpjur] {
    border-color: #6366f1; transform: translateY(-3px); box-shadow: 0 8px 30px rgba(99,102,241,0.12);
}
.igt-sq-icon[b-mfm3czpjur] { font-size: 1.8rem; display: block; margin-bottom: 10px; }
.igt-sq-title[b-mfm3czpjur] { font-weight: 800; font-size: 0.95rem; color: var(--t-text, #1e293b); margin-bottom: 6px; }
.igt-sq-desc[b-mfm3czpjur] { font-size: 0.8rem; color: #94a3b8; line-height: 1.5; }
.igt-sorgu-result[b-mfm3czpjur] {
    background: var(--t-card, white); border-radius: 16px; box-shadow: 0 2px 12px rgba(0,0,0,0.06); overflow: hidden;
}
.igt-sorgu-result h3[b-mfm3czpjur] {
    margin: 0; padding: 18px 24px; background: #fafbfc; border-bottom: 2px solid #f1f5f9;
    font-size: 1rem; font-weight: 700; color: var(--t-text, #1e293b);
}

/* ═══ RAPORLAR ═══ */
.igt-rapor-section[b-mfm3czpjur] { padding: 20px 0; }
.igt-rapor-cards[b-mfm3czpjur] {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px;
}
.igt-rapor-card[b-mfm3czpjur] {
    background: var(--t-card, white); border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 16px;
    padding: 22px; cursor: pointer; transition: all 0.3s;
}
.igt-rapor-card:hover[b-mfm3czpjur] {
    border-color: #16a34a; transform: translateY(-3px); box-shadow: 0 8px 30px rgba(22,163,106,0.12);
}
.igt-rp-icon[b-mfm3czpjur] { font-size: 1.8rem; display: block; margin-bottom: 10px; }
.igt-rp-title[b-mfm3czpjur] { font-weight: 800; font-size: 0.95rem; color: var(--t-text, #1e293b); margin-bottom: 6px; }
.igt-rp-desc[b-mfm3czpjur] { font-size: 0.8rem; color: #94a3b8; line-height: 1.5; }
.igt-message[b-mfm3czpjur] {
    margin: 14px 0 0; padding: 12px 18px; border-radius: 10px; font-weight: 600; font-size: 0.9rem;
}
.igt-message.success[b-mfm3czpjur] { background: #f0fdf4; color: #16a34a; border: 1px solid #bbf7d0; }
.igt-message.error[b-mfm3czpjur] { background: #fef2f2; color: #dc2626; border: 1px solid #fecaca; }

/* ═══ KOLON BAŞLIK ═══ */
.th-sf[b-mfm3czpjur] { cursor: pointer; user-select: none; position: relative; transition: all 0.15s; }
.th-sf:hover[b-mfm3czpjur] { color: #6366f1; background: #f0f4ff; }
.th-sf.filtered[b-mfm3czpjur] { color: #4f46e5; background: #eef2ff; }
.th-sf.filterable[b-mfm3czpjur] { border-bottom: 2.5px solid #c7d2fe; }
.th-sf.filterable.filtered[b-mfm3czpjur] { border-bottom-color: #6366f1; }

/* ═══ FİLTRE DROPDOWN — yonetim-liste.css'teki global cfp-* kuralları kullanılır ═══ */

@media (max-width: 768px) {
    .ym-topbar[b-mfm3czpjur] { padding: 14px 16px; gap: 10px; }
    .ym-back[b-mfm3czpjur] { padding: 6px 12px; font-size: 0.78rem; }
    .ym-topbar h2[b-mfm3czpjur] { font-size: 1rem; }
    .ym-count[b-mfm3czpjur] { font-size: 0.78rem; }

    .ym-form-header[b-mfm3czpjur] { flex-direction: column; align-items: stretch; gap: 8px; }
    .ym-yetki-btn-header[b-mfm3czpjur] { width: 100%; text-align: center; }
    .ym-kendi-uyari-header[b-mfm3czpjur] { text-align: center; }
    .ym-form-section[b-mfm3czpjur], .ym-list-section[b-mfm3czpjur] { margin: 12px; }
    .ym-form-section[b-mfm3czpjur] { padding: 16px; }
    .ym-form-header[b-mfm3czpjur] { margin-bottom: 12px; }
    .ym-section-nav[b-mfm3czpjur] {
        gap: 4px; padding: 8px 10px; margin-bottom: 10px;
        flex-wrap: wrap;
    }
    .ym-snav-left[b-mfm3czpjur] {
        overflow-x: auto; flex-wrap: nowrap; -webkit-overflow-scrolling: touch;
        scrollbar-width: none; gap: 4px;
    }
    .ym-snav-left[b-mfm3czpjur]::-webkit-scrollbar { display: none; }
    .ym-snav-actions[b-mfm3czpjur] {
        width: 100%; justify-content: stretch; gap: 6px; margin-left: 0;
    }
    .ym-btn-nav-save[b-mfm3czpjur], .ym-btn-nav-cancel[b-mfm3czpjur] {
        flex: 1; text-align: center; font-size: 0.76rem; padding: 7px 10px;
    }
    .ym-snav-btn[b-mfm3czpjur] { padding: 6px 10px; font-size: 0.76rem; flex-shrink: 0; }
    .edu-group[id^="sec-"][b-mfm3czpjur] { scroll-margin-top: 100px; }
    .ym-form-grid[b-mfm3czpjur] { grid-template-columns: 1fr; }
    .edu-group[b-mfm3czpjur] { padding: 12px 14px; margin-bottom: 10px; }
    .edu-group-header[b-mfm3czpjur] { margin-bottom: 10px; padding-bottom: 8px; }
    .edu-group-title[b-mfm3czpjur] { font-size: 0.84rem; }
    .igt-sorgu-section[b-mfm3czpjur], .igt-rapor-section[b-mfm3czpjur] { padding: 12px 0; }
    .ym-list-toolbar[b-mfm3czpjur] { padding: 12px 14px; gap: 8px; }
    .ym-list-toolbar .ym-search[b-mfm3czpjur] { flex: 1 1 0; min-width: 0; order: 0; }
    .ym-filter.download[b-mfm3czpjur] { flex: 0 0 auto; border-radius: 8px; order: 0; white-space: nowrap; font-size: 0.75rem; padding: 0 10px; text-align: center; justify-content: center; }
    .ym-filters[b-mfm3czpjur] { flex-wrap: wrap; width: 100%; order: 1; }
    .ym-filter:not(.download)[b-mfm3czpjur] { flex: 1; min-width: 0; text-align: center; justify-content: center; border-radius: 16px; }
    .cfp-dropdown[b-mfm3czpjur] { width: 90vw; }

    .ym-tab-bar[b-mfm3czpjur] {
        display: flex; flex-wrap: nowrap; gap: 8px;
        border-bottom: none; padding: 8px 8px 6px; margin-top: 10px; margin-bottom: 12px;
        overflow-x: auto; -webkit-overflow-scrolling: touch;
        scrollbar-width: none; background: var(--t-hover, #f8fafc); border-radius: 12px;
    }
    .ym-tab-bar[b-mfm3czpjur]::-webkit-scrollbar { display: none; }
    .ym-tab-bar .ym-tab[b-mfm3czpjur] {
        flex: 0 0 auto; min-width: 0;
        padding: 8px 14px; border: 1.5px solid transparent; background: transparent;
        border-radius: 10px; font-size: 0.76rem; font-weight: 700;
        color: var(--t-text-muted, #94a3b8); text-align: center; border-bottom: none;
        white-space: nowrap; -webkit-tap-highlight-color: transparent;
        transition: all 0.2s;
    }
    .ym-tab-bar .ym-tab:hover[b-mfm3czpjur] {
        color: #6366f1; background: rgba(99,102,241,0.06);
    }
    .ym-tab-bar .ym-tab.active[b-mfm3czpjur] {
        color: #6366f1;
        background: var(--t-card, white); border-color: var(--t-card-border, #e2e8f0);
        box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    }
    .ym-tab-bar .ym-tab:last-child[b-mfm3czpjur] { grid-column: unset; }

    /* İzin kartları mobil */
    .ym-izin-cards[b-mfm3czpjur] { grid-template-columns: 1fr; gap: 10px; }
}

/* ═══ YETKİ POPUP EK STİLLER ═══ */

/* Sekme barı */
.ym-yetki-tabs[b-mfm3czpjur] {
    display: flex; gap: 0; border-bottom: 2px solid var(--t-card-border, #e2e8f0); margin-bottom: 14px;
}
.ym-yetki-tab[b-mfm3czpjur] {
    padding: 10px 20px; font-size: 0.88rem; font-weight: 600;
    background: none; border: none; border-bottom: 3px solid transparent;
    color: var(--t-text-muted, #64748b); cursor: pointer; transition: all 0.2s;
    border-radius: 8px 8px 0 0;
}
.ym-yetki-tab:hover[b-mfm3czpjur] { color: var(--t-text, #334155); background: var(--t-hover, #f8fafc); }
.ym-yetki-tab.active[b-mfm3czpjur] {
    color: #6366f1; border-bottom-color: #6366f1; background: #f0f0ff;
}

/* Ödeme alt yetki kutusu */
.ym-odeme-yetki-box[b-mfm3czpjur] {
    background: #f0f9ff; border: 1px solid #bae6fd; border-radius: 10px;
    padding: 10px 14px; margin: -4px 0 6px 32px;
    animation: ym-fade-in-b-mfm3czpjur 0.2s ease;
}
.ym-odeme-yetki-title[b-mfm3czpjur] {
    font-size: 0.78rem; font-weight: 700; color: #0369a1; display: block; margin-bottom: 6px;
}
.ym-odeme-yetki-checks[b-mfm3czpjur] {
    display: flex; flex-wrap: wrap; gap: 10px 18px;
}
.ym-odeme-check[b-mfm3czpjur] {
    display: flex; align-items: center; gap: 6px; cursor: pointer;
    font-size: 0.84rem; color: var(--t-text, #334155); user-select: none;
}
.ym-odeme-check input[type="checkbox"][b-mfm3czpjur] {
    width: 17px; height: 17px; accent-color: #6366f1; cursor: pointer;
}
.ym-odeme-check-icon[b-mfm3czpjur] { font-size: 1rem; }

@keyframes ym-fade-in-b-mfm3czpjur {
    from { opacity: 0; transform: translateY(-6px); }
    to { opacity: 1; transform: translateY(0); }
}

.ym-toggle[b-mfm3czpjur] {
    display: flex; align-items: center; gap: 8px; cursor: pointer; user-select: none;
}
.ym-toggle input[b-mfm3czpjur] { display: none; }
.ym-toggle-slider[b-mfm3czpjur] {
    width: 40px; height: 22px; background: #cbd5e1; border-radius: 22px;
    position: relative; transition: background 0.2s;
}
.ym-toggle-slider[b-mfm3czpjur]::after {
    content: ''; position: absolute; top: 3px; left: 3px;
    width: 16px; height: 16px; background: var(--t-card, #fff); border-radius: 50%;
    transition: transform 0.2s; box-shadow: 0 1px 3px rgba(0,0,0,0.15);
}
.ym-toggle input:checked + .ym-toggle-slider[b-mfm3czpjur] {
    background: #10b981;
}
.ym-toggle input:checked + .ym-toggle-slider[b-mfm3czpjur]::after {
    transform: translateX(18px);
}

/* ═══ YETKİ POPUP MOBİL — dosya sonunda, tüm desktop stillerden sonra ═══ */
@media (max-width: 768px) {
    .ym-yetki-popup[b-mfm3czpjur] {
        width: calc(100% - 20px) !important;
        padding: 18px 14px 20px !important;
        border-radius: 16px !important;
        max-height: 90vh !important;
    }
    .ym-yetki-popup h3[b-mfm3czpjur] { font-size: 0.95rem !important; }
    .ym-yetki-sub[b-mfm3czpjur] { font-size: 0.76rem !important; margin-bottom: 2px !important; }

    /* Header */
    .ym-yetki-header[b-mfm3czpjur] {
        flex-direction: column !important; gap: 10px !important; margin-bottom: 14px !important;
    }

    /* Yönetici toggle */
    .ym-yonetici-toggle[b-mfm3czpjur] {
        padding: 6px 12px !important; gap: 8px !important; align-self: flex-start;
        border-radius: 8px !important;
    }
    .ym-yonetici-toggle-label[b-mfm3czpjur] { font-size: 0.78rem !important; }
    .ym-yonetici-track[b-mfm3czpjur] { width: 36px !important; height: 20px !important; }
    .ym-yonetici-thumb[b-mfm3czpjur] { width: 16px !important; height: 16px !important; }
    .ym-yonetici-track.on .ym-yonetici-thumb[b-mfm3czpjur] { transform: translateX(16px) !important; }

    /* Sekmeler */
    .ym-yetki-tabs[b-mfm3czpjur] { gap: 0 !important; margin-bottom: 12px !important; }
    .ym-yetki-tab[b-mfm3czpjur] { padding: 8px 14px !important; font-size: 0.78rem !important; }

    /* Toplu işlem butonları — .ym-yetki-toplu ile spesifik, alt butonlarla çakışmasın */
    .ym-yetki-toplu[b-mfm3czpjur] {
        display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important;
        gap: 6px !important; margin-bottom: 12px !important;
    }
    .ym-yetki-toplu .ym-yt-btn[b-mfm3czpjur] {
        flex: 1 1 0 !important; min-width: 0 !important; font-size: 0.68rem !important;
        padding: 8px 4px !important; text-align: center !important; white-space: nowrap !important;
        overflow: hidden !important; text-overflow: ellipsis !important; border-radius: 8px !important;
    }

    /* Yetki satırları grid */
    .ym-yetki-grid[b-mfm3czpjur] { gap: 4px !important; margin-bottom: 14px !important; }
    .ym-yetki-row[b-mfm3czpjur] {
        gap: 8px !important; padding: 0 10px !important;
        flex-wrap: nowrap !important; min-height: 38px !important;
        border-radius: 10px !important;
    }
    .ym-yetki-row .ym-yetki-icon[b-mfm3czpjur] { font-size: 0.85rem !important; }
}

/* ═══════════════════════════════════════════════
   İŞLEM SÜTUNU (Action Column)
   — global sticky kurallarından bağımsız, normal sütun
   ═══════════════════════════════════════════════ */
.pr-th-act[b-mfm3czpjur] {
    width: 1%;
    white-space: nowrap;
    text-align: center;
    padding: 10px 14px;
    font-weight: 700;
    color: var(--t-text-muted, #475569);
    border-bottom: 2px solid var(--t-card-border, #e2e8f0);
    position: relative;
}

.pr-td-act[b-mfm3czpjur] {
    width: 1%;
    white-space: nowrap;
    padding: 6px 8px;
}

.pr-actions[b-mfm3czpjur] {
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: center;
}

.pr-action-btn[b-mfm3czpjur] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1.5px solid transparent;
    border-radius: 8px;
    background: #f1f5f9;
    color: #64748b;
    cursor: pointer;
    font-size: 0.85rem;
    transition: all 0.2s ease;
    padding: 0;
}
.pr-action-btn:hover[b-mfm3czpjur] {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.pr-act-edit[b-mfm3czpjur] { color: #2563eb; border-color: #bfdbfe; background: #eff6ff; }
.pr-act-edit:hover[b-mfm3czpjur] { background: #2563eb; color: #fff; border-color: #2563eb; }

.pr-act-view[b-mfm3czpjur] { color: #8b5cf6; border-color: #ddd6fe; background: #f5f3ff; }
.pr-act-view:hover[b-mfm3czpjur] { background: #8b5cf6; color: #fff; border-color: #8b5cf6; }

.pr-act-yetki[b-mfm3czpjur] { color: #f59e0b; border-color: #fde68a; background: #fffbeb; }
.pr-act-yetki:hover[b-mfm3czpjur] { background: #f59e0b; color: #fff; border-color: #f59e0b; }

.pr-act-pasif[b-mfm3czpjur] { color: #ef4444; border-color: #fecaca; background: #fef2f2; }
.pr-act-pasif:hover[b-mfm3czpjur] { background: #ef4444; color: #fff; border-color: #ef4444; }

.pr-act-aktif[b-mfm3czpjur] { color: #10b981; border-color: #a7f3d0; background: #ecfdf5; }
.pr-act-aktif:hover[b-mfm3czpjur] { background: #10b981; color: #fff; border-color: #10b981; }

/* ═══ RAPOR ALAN SEÇİMİ POPUP ═══ */
.pr-rapor-overlay[b-mfm3czpjur] {
    position: fixed; inset: 0; background: rgba(15,23,42,0.5); backdrop-filter: blur(4px);
    z-index: 9000; animation: prRapFade-b-mfm3czpjur 0.2s ease;
}
.pr-rapor-popup[b-mfm3czpjur] {
    position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%);
    background: var(--t-card, #fff); border-radius: 20px;
    width: 680px; max-width: calc(100vw - 32px); max-height: 85vh;
    box-shadow: 0 25px 60px rgba(0,0,0,0.25); z-index: 9001;
    display: flex; flex-direction: column;
    animation: prRapSlide-b-mfm3czpjur 0.3s cubic-bezier(0.175,0.885,0.32,1.275);
}
.pr-rapor-header[b-mfm3czpjur] {
    padding: 24px 24px 16px; border-bottom: 1px solid var(--t-card-border, #f1f5f9);
}
.pr-rapor-header h3[b-mfm3czpjur] { margin: 0 0 4px; font-size: 1.15rem; font-weight: 800; color: var(--t-heading, #1e293b); }
.pr-rapor-sub[b-mfm3czpjur] { margin: 0; font-size: 0.85rem; color: var(--t-muted, #64748b); }
.pr-rapor-actions-top[b-mfm3czpjur] {
    display: flex; align-items: center; gap: 8px; padding: 12px 24px;
    border-bottom: 1px solid var(--t-card-border, #f1f5f9);
}
.pr-rapor-sec-btn[b-mfm3czpjur] {
    padding: 5px 12px; border-radius: 8px; border: 1.5px solid var(--t-card-border, #e2e8f0);
    background: var(--t-card, white); color: var(--t-text, #475569);
    font-size: 0.78rem; font-weight: 700; cursor: pointer; transition: all 0.2s;
}
.pr-rapor-sec-btn:hover[b-mfm3czpjur] { border-color: #6366f1; color: #6366f1; }
.pr-rapor-sayac[b-mfm3czpjur] { margin-left: auto; font-size: 0.8rem; color: var(--t-muted, #94a3b8); font-weight: 600; }
.pr-rapor-gruplar[b-mfm3czpjur] { flex: 1; overflow-y: auto; padding: 16px 24px; }
.pr-rapor-grup[b-mfm3czpjur] { margin-bottom: 16px; }
.pr-rapor-grup-baslik[b-mfm3czpjur] {
    display: flex; align-items: center; justify-content: space-between;
    font-weight: 800; font-size: 0.88rem; color: var(--t-heading, #1e293b);
    padding-bottom: 8px; margin-bottom: 8px; border-bottom: 2px solid var(--t-card-border, #e2e8f0);
}
.pr-rapor-grup-sec[b-mfm3czpjur] {
    padding: 2px 10px; border-radius: 6px; border: 1px solid var(--t-card-border, #e2e8f0);
    background: transparent; font-size: 0.72rem; font-weight: 700; color: var(--t-muted, #64748b);
    cursor: pointer; transition: all 0.2s;
}
.pr-rapor-grup-sec:hover[b-mfm3czpjur] { border-color: #6366f1; color: #6366f1; }
.pr-rapor-alanlar[b-mfm3czpjur] { display: flex; flex-wrap: wrap; gap: 6px; }
.pr-rapor-chip[b-mfm3czpjur] {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 5px 12px; border-radius: 20px; font-size: 0.8rem; font-weight: 700;
    border: 1.5px solid var(--t-card-border, #e2e8f0); background: var(--t-card, white);
    color: var(--t-text-muted, #64748b); cursor: pointer; transition: all 0.2s; user-select: none;
}
.pr-rapor-chip input[b-mfm3czpjur] { display: none; }
.pr-rapor-chip:hover[b-mfm3czpjur] { border-color: #6366f1; color: #6366f1; }
.pr-rapor-chip.checked[b-mfm3czpjur] {
    background: #6366f1; color: white; border-color: #6366f1;
    box-shadow: 0 2px 8px rgba(99,102,241,0.25);
}
.pr-rapor-footer[b-mfm3czpjur] {
    display: flex; align-items: center; justify-content: flex-end; gap: 10px;
    padding: 16px 24px; border-top: 1px solid var(--t-card-border, #f1f5f9);
}
.pr-rapor-vazgec[b-mfm3czpjur] {
    padding: 10px 20px; border-radius: 10px; border: 1px solid var(--t-card-border, #e2e8f0);
    background: var(--t-card, #f1f5f9); color: var(--t-muted, #475569);
    font-weight: 700; font-size: 0.88rem; cursor: pointer; transition: all 0.2s;
}
.pr-rapor-vazgec:hover[b-mfm3czpjur] { background: var(--t-hover, #e2e8f0); }
.pr-rapor-indir[b-mfm3czpjur] {
    padding: 10px 24px; border-radius: 10px; border: none;
    background: linear-gradient(135deg, #4f46e5, #6366f1); color: white;
    font-weight: 700; font-size: 0.88rem; cursor: pointer; transition: all 0.2s;
    box-shadow: 0 4px 14px rgba(99,102,241,0.3);
}
.pr-rapor-indir:hover:not(:disabled)[b-mfm3czpjur] { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(99,102,241,0.4); }
.pr-rapor-indir:disabled[b-mfm3czpjur] { opacity: 0.5; cursor: not-allowed; }
@keyframes prRapFade-b-mfm3czpjur { from { opacity: 0; } to { opacity: 1; } }
@keyframes prRapSlide-b-mfm3czpjur { from { opacity: 0; transform: translate(-50%,-50%) scale(0.9); } to { opacity: 1; transform: translate(-50%,-50%) scale(1); } }

@media (max-width: 600px) {
    .pr-rapor-popup[b-mfm3czpjur] { width: 95vw; max-height: 90vh; }
    .pr-rapor-header[b-mfm3czpjur] { padding: 18px 16px 12px; }
    .pr-rapor-gruplar[b-mfm3czpjur] { padding: 12px 16px; }
    .pr-rapor-footer[b-mfm3czpjur] { padding: 12px 16px; }
    .pr-rapor-actions-top[b-mfm3czpjur] { padding: 10px 16px; flex-wrap: wrap; }
}


/* ═══════════════════════════════════════════════
   PERSONEL GÖRÜNTÜLEME POPUP (View Popup)
   ═══════════════════════════════════════════════ */
.pv-overlay[b-mfm3czpjur] {
    position: fixed;
    inset: 0;
    background: rgba(15,23,42,0.5);
    backdrop-filter: blur(4px);
    z-index: 1100;
    animation: pvFadeIn-b-mfm3czpjur 0.2s ease;
}
.pv-popup[b-mfm3czpjur] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 94%;
    max-width: 720px;
    max-height: 90vh;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 24px 64px rgba(0,0,0,0.18);
    z-index: 1101;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: pvSlideIn-b-mfm3czpjur 0.3s ease;
}
@keyframes pvFadeIn-b-mfm3czpjur { from { opacity: 0; } to { opacity: 1; } }
@keyframes pvSlideIn-b-mfm3czpjur { from { opacity: 0; transform: translate(-50%, -48%); } to { opacity: 1; transform: translate(-50%, -50%); } }

.pv-header[b-mfm3czpjur] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 28px 20px;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    color: #fff;
}
.pv-header-left[b-mfm3czpjur] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 1;
    min-width: 0;
}
.pv-avatar[b-mfm3czpjur] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid rgba(255,255,255,0.35);
    flex-shrink: 0;
    box-shadow: 0 4px 16px rgba(0,0,0,0.2);
}
.pv-avatar-ph[b-mfm3czpjur] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: rgba(255,255,255,0.15);
    border: 3px solid rgba(255,255,255,0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 800;
    color: #fff;
    flex-shrink: 0;
    text-transform: uppercase;
}
.pv-title[b-mfm3czpjur] {
    min-width: 0;
}
.pv-title h3[b-mfm3czpjur] {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pv-subtitle[b-mfm3czpjur] {
    display: block;
    font-size: 0.82rem;
    color: rgba(255,255,255,0.8);
    margin-top: 2px;
}
.pv-badges[b-mfm3czpjur] {
    display: flex;
    gap: 6px;
    margin-top: 8px;
    flex-wrap: wrap;
}
.pv-badges .durum-pill[b-mfm3czpjur] {
    font-size: 0.7rem;
    padding: 2px 10px;
}
.pv-close[b-mfm3czpjur] {
    background: rgba(255,255,255,0.15);
    border: none;
    color: #fff;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 1.1rem;
    transition: background 0.2s;
    flex-shrink: 0;
}
.pv-close:hover[b-mfm3czpjur] { background: rgba(255,255,255,0.3); }

.pv-body[b-mfm3czpjur] {
    flex: 1;
    overflow-y: auto;
    padding: 24px 28px;
}
.pv-section[b-mfm3czpjur] {
    margin-bottom: 24px;
}
.pv-section:last-child[b-mfm3czpjur] { margin-bottom: 0; }
.pv-section h4[b-mfm3czpjur] {
    font-size: 0.88rem;
    font-weight: 700;
    color: #334155;
    margin: 0 0 14px;
    padding-bottom: 8px;
    border-bottom: 2px solid #e2e8f0;
    display: flex;
    align-items: center;
    gap: 8px;
}
.pv-section h4 i[b-mfm3czpjur] { color: #6366f1; font-size: 1.05rem; }

.pv-grid[b-mfm3czpjur] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 24px;
}
.pv-grid-3[b-mfm3czpjur] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 12px 24px;
}
.pv-field[b-mfm3czpjur] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.pv-field-wide[b-mfm3czpjur] {
    grid-column: 1 / -1;
}
.pv-label[b-mfm3czpjur] {
    font-size: 0.72rem;
    font-weight: 600;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.pv-value[b-mfm3czpjur] {
    font-size: 0.88rem;
    color: #1e293b;
    font-weight: 500;
}
.pv-mono[b-mfm3czpjur] {
    font-family: 'Cascadia Code', Consolas, monospace;
    font-size: 0.82rem;
    letter-spacing: 0.5px;
}
.pv-mail[b-mfm3czpjur] {
    color: #6366f1;
    font-weight: 600;
}

.pv-footer[b-mfm3czpjur] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 16px 28px;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
}
.pv-btn-edit[b-mfm3czpjur] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 22px;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    color: #fff;
    border: none;
    border-radius: 10px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}
.pv-btn-edit:hover[b-mfm3czpjur] { box-shadow: 0 4px 14px rgba(99,102,241,0.35); transform: translateY(-1px); }
.pv-btn-close[b-mfm3czpjur] {
    padding: 10px 22px;
    background: #e2e8f0;
    color: #475569;
    border: none;
    border-radius: 10px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}
.pv-btn-close:hover[b-mfm3czpjur] { background: #cbd5e1; }
.pv-btn-pdf[b-mfm3czpjur] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 22px;
    background: linear-gradient(135deg, #dc2626, #ef4444);
    color: #fff;
    border: none;
    border-radius: 10px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    margin-right: auto;
}
.pv-btn-pdf:hover:not(:disabled)[b-mfm3czpjur] { box-shadow: 0 4px 14px rgba(239,68,68,0.35); transform: translateY(-1px); }
.pv-btn-pdf:disabled[b-mfm3czpjur] { opacity: 0.6; cursor: not-allowed; }

/* ═══ İşlem Sütunu & View Popup Mobil ═══ */
@media (max-width: 768px) {
    .pr-action-btn[b-mfm3czpjur] {
        width: 26px;
        height: 26px;
        font-size: 0.75rem;
        border-radius: 6px;
    }
    .pr-actions[b-mfm3czpjur] { gap: 3px; }

    .pv-popup[b-mfm3czpjur] {
        width: 98%;
        max-height: 95vh;
        border-radius: 14px;
    }
    .pv-header[b-mfm3czpjur] {
        padding: 18px 16px 14px;
        flex-wrap: wrap;
        gap: 10px;
    }
    .pv-avatar[b-mfm3czpjur], .pv-avatar-ph[b-mfm3czpjur] {
        width: 56px;
        height: 56px;
        font-size: 1.1rem;
    }
    .pv-title h3[b-mfm3czpjur] { font-size: 1rem; }
    .pv-subtitle[b-mfm3czpjur] { font-size: 0.75rem; }
    .pv-body[b-mfm3czpjur] { padding: 16px; }
    .pv-grid[b-mfm3czpjur] { grid-template-columns: 1fr; gap: 10px; }
    .pv-grid-3[b-mfm3czpjur] { grid-template-columns: 1fr; gap: 10px; }
    .pv-footer[b-mfm3czpjur] { padding: 12px 16px; }
    .pv-btn-edit[b-mfm3czpjur], .pv-btn-close[b-mfm3czpjur] { padding: 8px 16px; font-size: 0.8rem; }
}
    .ym-yetki-label[b-mfm3czpjur] {
        font-size: 0.76rem !important; flex: 1 !important; min-width: 0 !important;
        overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important;
        line-height: 38px !important;
    }
    /* Yetki buton grubu mobil */
    .ym-yetki-btns[b-mfm3czpjur] {
        gap: 2px !important; padding: 2px !important; border-radius: 8px !important;
    }
    .ym-yb[b-mfm3czpjur] {
        font-size: 0.82rem !important; padding: 6px 10px !important;
        border-radius: 6px !important;
    }
    .ym-toggle-slider[b-mfm3czpjur] {
        width: 36px !important; height: 20px !important;
        flex-shrink: 0 !important;
    }

    /* Alt butonlar */
    .ym-yetki-actions[b-mfm3czpjur] { flex-direction: row !important; gap: 8px !important; margin-top: 4px !important; }
    .ym-btn-yetki-save[b-mfm3czpjur], .ym-btn-yetki-cancel[b-mfm3czpjur] {
        flex: 1 !important; text-align: center !important;
        font-size: 0.8rem !important; padding: 10px 10px !important;
        border-radius: 10px !important;
    }

    /* Sekme yetki kutuları (ödeme, personel, modül) */
    .ym-odeme-yetki-box[b-mfm3czpjur] {
        margin-left: 12px !important; padding: 6px 8px !important;
        margin-top: 1px !important; margin-bottom: 1px !important;
        border-radius: 8px !important;
    }
    .ym-odeme-yetki-title[b-mfm3czpjur] { font-size: 0.7rem !important; margin-bottom: 3px !important; }
    .ym-odeme-yetki-checks[b-mfm3czpjur] { gap: 1px 10px !important; }
    .ym-odeme-check[b-mfm3czpjur] {
        font-size: 0.7rem !important; gap: 3px !important;
        padding: 1px 0 !important;
    }
    .ym-odeme-check input[type="checkbox"][b-mfm3czpjur] { width: 14px !important; height: 14px !important; }
    .ym-odeme-check-icon[b-mfm3czpjur] { font-size: 0.78rem !important; }

    /* Kullanıcı sekmesi toggle */
    .ym-toggle-slider[b-mfm3czpjur]::after { width: 16px !important; height: 16px !important; top: 2px !important; left: 2px !important; }
    .ym-toggle input:checked + .ym-toggle-slider[b-mfm3czpjur]::after { transform: translateX(16px) !important; }
}

/* ═══ FOTOĞRAF LİGHTBOX ═══ */
.td-avatar-click[b-mfm3czpjur] {
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
}
.td-avatar-click:hover[b-mfm3czpjur] {
    transform: scale(1.15);
    box-shadow: 0 4px 16px rgba(99,102,241,0.3);
    border-color: #6366f1;
}
.foto-lb-overlay[b-mfm3czpjur] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(15,23,42,0.7);
    backdrop-filter: blur(6px);
    display: flex;
    align-items: center;
    justify-content: center;
    animation: fotoLbFadeIn-b-mfm3czpjur 0.2s ease;
}
@keyframes fotoLbFadeIn-b-mfm3czpjur { from { opacity: 0; } to { opacity: 1; } }
.foto-lb-img[b-mfm3czpjur] {
    max-width: 90vw;
    max-height: 85vh;
    border-radius: 16px;
    box-shadow: 0 24px 64px rgba(0,0,0,0.4);
    object-fit: contain;
    animation: fotoLbZoomIn-b-mfm3czpjur 0.25s ease;
}
@keyframes fotoLbZoomIn-b-mfm3czpjur { from { opacity: 0; transform: scale(0.85); } to { opacity: 1; transform: scale(1); } }
.foto-lb-close[b-mfm3czpjur] {
    position: fixed;
    top: 20px;
    right: 24px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: none;
    background: rgba(255,255,255,0.15);
    color: #fff;
    font-size: 1.3rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
    backdrop-filter: blur(8px);
}
.foto-lb-close:hover[b-mfm3czpjur] {
    background: rgba(255,255,255,0.3);
}

/* ═══ DURUM ONAY DİALOG ═══ */
.pr-durum-overlay[b-mfm3czpjur] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(0,0,0,.45);
    backdrop-filter: blur(3px);
    animation: prDurumFadeIn-b-mfm3czpjur .2s;
}
@keyframes prDurumFadeIn-b-mfm3czpjur { from { opacity: 0; } to { opacity: 1; } }
.pr-durum-panel[b-mfm3czpjur] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10000;
    background: #fff;
    border-radius: 16px;
    padding: 28px 32px 24px;
    width: 420px;
    max-width: 92vw;
    box-shadow: 0 16px 48px rgba(0,0,0,.18);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    animation: prDurumSlideUp-b-mfm3czpjur .25s ease;
}
@keyframes prDurumSlideUp-b-mfm3czpjur { from { opacity: 0; transform: translate(-50%, -48%); } to { opacity: 1; transform: translate(-50%, -50%); } }
.pr-durum-icon[b-mfm3czpjur] { font-size: 2.4rem; margin-bottom: 2px; }
.pr-durum-title[b-mfm3czpjur] { margin: 0; font-size: 1.15rem; font-weight: 700; color: #1e293b; }
.pr-durum-msg[b-mfm3czpjur] { margin: 0; font-size: 0.88rem; color: #64748b; text-align: center; line-height: 1.5; }
.pr-durum-actions[b-mfm3czpjur] { display: flex; gap: 10px; margin-top: 14px; width: 100%; }
.pr-durum-btn[b-mfm3czpjur] {
    flex: 1; padding: 10px 0; border: none; border-radius: 10px;
    font-size: 0.88rem; font-weight: 600; cursor: pointer; transition: .2s;
}
.pr-durum-btn.confirm[b-mfm3czpjur] { background: #ef4444; color: #fff; }
.pr-durum-btn.confirm:hover[b-mfm3czpjur] { background: #dc2626; }
.pr-durum-btn.cancel[b-mfm3czpjur] { background: #f1f5f9; color: #64748b; }
.pr-durum-btn.cancel:hover[b-mfm3czpjur] { background: #e2e8f0; }

/* ════════ PERSONEL DETAY: BAŞARIM + KUDOS BÖLÜMÜ ════════ */
.prsbas-stat-grid[b-mfm3czpjur] { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; margin-bottom: 18px; }
.prsbas-stat[b-mfm3czpjur] { background: white; border: 1px solid #e2e8f0; border-radius: 14px; padding: 14px; text-align: center; transition: transform .15s; }
.prsbas-stat:hover[b-mfm3czpjur] { transform: translateY(-2px); box-shadow: 0 8px 22px rgba(15,23,42,0.08); }
.prsbas-stat-1[b-mfm3czpjur] { background: linear-gradient(135deg, #fff7ed, white); border-color: #fed7aa; }
.prsbas-stat-2[b-mfm3czpjur] { background: linear-gradient(135deg, #fdf4ff, white); border-color: #f9a8d4; }
.prsbas-stat-3[b-mfm3czpjur] { background: linear-gradient(135deg, #eff6ff, white); border-color: #bfdbfe; }
.prsbas-stat-4[b-mfm3czpjur] { background: linear-gradient(135deg, #ecfdf5, white); border-color: #86efac; }
.prsbas-stat-emoji[b-mfm3czpjur] { font-size: 1.8rem; margin-bottom: 4px; }
.prsbas-stat-deger[b-mfm3czpjur] { font-size: 1.5rem; font-weight: 800; color: #0f172a; line-height: 1; }
.prsbas-stat-baslik[b-mfm3czpjur] { font-size: 0.74rem; font-weight: 700; color: #475569; text-transform: uppercase; letter-spacing: 0.4px; margin-top: 6px; }

.prsbas-grup-baslik[b-mfm3czpjur] { display: flex; align-items: center; gap: 10px; margin: 18px 0 10px; padding: 8px 14px; background: linear-gradient(90deg, #f1f5f9, white); border-left: 3px solid #f59e0b; border-radius: 6px; font-weight: 700; color: #0f172a; }
.prsbas-grup-baslik small[b-mfm3czpjur] { margin-left: auto; color: #64748b; font-weight: 600; font-size: 0.78rem; }

.prsbas-rozet-grid[b-mfm3czpjur] { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 10px; margin-bottom: 6px; }
.prsbas-rozet[b-mfm3czpjur] { background: white; border: 1px solid #e2e8f0; border-radius: 12px; padding: 12px; text-align: center; transition: all .15s; position: relative; overflow: hidden; }
.prsbas-rozet.kazanildi[b-mfm3czpjur] { background: linear-gradient(135deg, #fff7ed, white); border-color: var(--bsr-renk, #f59e0b); }
.prsbas-rozet.kazanildi[b-mfm3czpjur]::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--bsr-renk, #f59e0b); }
.prsbas-rozet.bekliyor[b-mfm3czpjur] { opacity: 0.6; filter: grayscale(0.4); }
.prsbas-rozet:hover[b-mfm3czpjur] { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(15,23,42,0.10); }
.prsbas-rozet-ikon[b-mfm3czpjur] { font-size: 2rem; margin-bottom: 4px; line-height: 1; }
.prsbas-rozet-ad[b-mfm3czpjur] { font-weight: 700; color: #0f172a; font-size: 0.86rem; margin-bottom: 6px; }
.prsbas-rozet-tarih[b-mfm3czpjur] { font-size: 0.7rem; color: #15803d; font-weight: 700; }
.prsbas-rozet-bar[b-mfm3czpjur] { height: 5px; background: #e2e8f0; border-radius: 999px; overflow: hidden; margin-bottom: 3px; }
.prsbas-rozet-bar-dolu[b-mfm3czpjur] { height: 100%; background: linear-gradient(90deg, #94a3b8, #64748b); border-radius: 999px; transition: width .4s; }
.prsbas-rozet-progress[b-mfm3czpjur] { font-size: 0.7rem; color: #64748b; font-weight: 600; }

.prsbas-kudos-liste[b-mfm3czpjur] { display: flex; flex-direction: column; gap: 8px; }
.prsbas-kudos-kart[b-mfm3czpjur] { display: flex; gap: 12px; padding: 12px 14px; background: linear-gradient(90deg, #fdf4ff, white); border: 1px solid #fce7f3; border-radius: 12px; }
.prsbas-kudos-emoji[b-mfm3czpjur] { font-size: 1.6rem; flex-shrink: 0; }
.prsbas-kudos-meta[b-mfm3czpjur] { flex: 1; min-width: 0; }
.prsbas-kudos-meta div:first-child[b-mfm3czpjur] { font-size: 0.92rem; color: #0f172a; }
.prsbas-kudos-kat[b-mfm3czpjur] { color: #831843; font-size: 0.74rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.4px; }
.prsbas-kudos-mesaj[b-mfm3czpjur] { color: #475569; font-size: 0.86rem; font-style: italic; line-height: 1.4; margin: 4px 0; }
.prsbas-kudos-tarih[b-mfm3czpjur] { color: #94a3b8; font-size: 0.72rem; }
.ym-btn-secondary[b-mfm3czpjur] { background: #f1f5f9; color: #475569; border: 1px solid #e2e8f0; padding: 8px 14px; border-radius: 8px; font-family: inherit; font-weight: 600; font-size: 0.85rem; cursor: pointer; transition: all .15s; }
.ym-btn-secondary:hover[b-mfm3czpjur] { background: #e2e8f0; color: #0f172a; }

/* ════════ GÖRÜNTÜLEME POPUP — Başarım & Kudos bölümü ════════ */
.pv-bsr-stats[b-mfm3czpjur] { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 8px; margin: 6px 0 4px; }
.pv-bsr-stat[b-mfm3czpjur] { background: linear-gradient(135deg, #fff7ed, white); border: 1px solid #fed7aa; border-radius: 10px; padding: 10px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 2px; }
.pv-bsr-stat-emoji[b-mfm3czpjur] { font-size: 1.4rem; }
.pv-bsr-stat strong[b-mfm3czpjur] { font-size: 1.2rem; font-weight: 800; color: #0f172a; line-height: 1; }
.pv-bsr-stat-lbl[b-mfm3czpjur] { font-size: 0.68rem; font-weight: 600; color: #92400e; text-transform: uppercase; letter-spacing: 0.4px; }

.pv-bsr-rozet-grid[b-mfm3czpjur] { display: grid; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: 8px; }
.pv-bsr-rozet[b-mfm3czpjur] { background: white; border: 1px solid #e2e8f0; border-radius: 10px; padding: 10px 8px; text-align: center; position: relative; overflow: hidden; }
.pv-bsr-rozet[b-mfm3czpjur]::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--bsr-renk, #f59e0b); }
.pv-bsr-rozet-ikon[b-mfm3czpjur] { font-size: 1.6rem; line-height: 1; margin-bottom: 4px; }
.pv-bsr-rozet-ad[b-mfm3czpjur] { font-size: 0.78rem; font-weight: 700; color: #0f172a; line-height: 1.2; margin-bottom: 3px; }
.pv-bsr-rozet-tarih[b-mfm3czpjur] { font-size: 0.68rem; color: #15803d; font-weight: 700; }

.pv-kudos-liste[b-mfm3czpjur] { display: flex; flex-direction: column; gap: 6px; }
.pv-kudos-kart[b-mfm3czpjur] { display: flex; gap: 10px; padding: 8px 12px; background: linear-gradient(90deg, #fdf4ff, white); border: 1px solid #fce7f3; border-radius: 10px; align-items: flex-start; }
.pv-kudos-emoji[b-mfm3czpjur] { font-size: 1.3rem; flex-shrink: 0; }
.pv-kudos-meta[b-mfm3czpjur] { flex: 1; min-width: 0; font-size: 0.82rem; }
.pv-kudos-meta div:first-child strong[b-mfm3czpjur] { color: #831843; }
.pv-kudos-mesaj[b-mfm3czpjur] { color: #475569; font-style: italic; line-height: 1.4; margin: 2px 0; font-size: 0.78rem; }
.pv-kudos-tarih[b-mfm3czpjur] { color: #94a3b8; font-size: 0.68rem; }

/* ═══ TOPLU YETKİ YÖNETİMİ POPUP ═══ */
.ym-filter.toplu-yetki[b-mfm3czpjur] {
    background: linear-gradient(135deg, #fef3c7, #fde68a);
    border: 1.5px solid #f59e0b;
    color: #92400e;
    font-weight: 700;
}
.ym-filter.toplu-yetki:hover[b-mfm3czpjur] {
    background: linear-gradient(135deg, #fde68a, #fcd34d);
    border-color: #d97706;
}

.toplu-yetki-popup[b-mfm3czpjur] { max-width: 560px; }
.toplu-yetki-info[b-mfm3czpjur] {
    display: flex; align-items: flex-start; gap: 10px;
    padding: 12px 14px; margin-bottom: 16px;
    background: #eff6ff; border: 1px solid #bfdbfe;
    border-radius: 10px; color: #1e40af; font-size: 0.85rem; line-height: 1.5;
}
.toplu-yetki-info > span:first-child[b-mfm3czpjur] { font-size: 1.1rem; flex-shrink: 0; }

.toplu-yetki-row[b-mfm3czpjur] {
    display: flex; flex-direction: column; gap: 8px; margin-bottom: 16px;
}
.toplu-yetki-row label[b-mfm3czpjur] {
    font-size: 0.78rem; font-weight: 700; color: #475569;
    text-transform: uppercase; letter-spacing: 0.5px;
}

.toplu-yetki-segment[b-mfm3czpjur] {
    display: flex; gap: 8px; flex-wrap: wrap;
}
.toplu-yetki-segment button[b-mfm3czpjur] {
    flex: 1; min-width: 0;
    padding: 10px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 10px; background: #fff; cursor: pointer;
    font-size: 0.87rem; font-weight: 600; color: var(--t-text, #334155);
    transition: all 0.2s; white-space: nowrap;
}
.toplu-yetki-segment button:hover[b-mfm3czpjur] {
    border-color: #6366f1; background: #eef2ff;
}
.toplu-yetki-segment button.active[b-mfm3czpjur] {
    background: #6366f1; color: white; border-color: #6366f1;
    box-shadow: 0 2px 8px rgba(99, 102, 241, 0.3);
}
.toplu-yetki-segment button.btn-ver.active[b-mfm3czpjur] {
    background: #16a34a; border-color: #16a34a;
    box-shadow: 0 2px 8px rgba(22, 163, 74, 0.3);
}
.toplu-yetki-segment button.btn-al.active[b-mfm3czpjur] {
    background: #dc2626; border-color: #dc2626;
    box-shadow: 0 2px 8px rgba(220, 38, 38, 0.3);
}

.toplu-yetki-select[b-mfm3czpjur] {
    width: 100%; padding: 10px 14px;
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 10px; background: #fff;
    font-size: 0.9rem; color: var(--t-text, #1e293b);
}
.toplu-yetki-select:focus[b-mfm3czpjur] {
    outline: none; border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);
}

.toplu-yetki-hint[b-mfm3czpjur] {
    margin-top: 8px; padding: 8px 12px;
    background: #fffbeb; border: 1px solid #fcd34d; border-radius: 8px;
    color: #92400e; font-size: 0.78rem; line-height: 1.45; font-weight: 600;
}

.toplu-yetki-sonuc[b-mfm3czpjur] {
    padding: 12px 14px; border-radius: 10px;
    font-size: 0.88rem; font-weight: 600; margin-top: 4px;
}
.toplu-yetki-sonuc.ok[b-mfm3czpjur] {
    background: #dcfce7; border: 1px solid #86efac; color: #15803d;
}
.toplu-yetki-sonuc.err[b-mfm3czpjur] {
    background: #fee2e2; border: 1px solid #fca5a5; color: #b91c1c;
}

/* Toplu yetki popup — head / body / footer */
.toplu-yetki-popup[b-mfm3czpjur] { padding: 0; overflow: hidden; }
.toplu-yetki-popup .ym-yetki-head[b-mfm3czpjur] {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    padding: 18px 24px;
    border-bottom: 1.5px solid var(--t-card-border, #e2e8f0);
    background: linear-gradient(135deg, #fef3c7, #fef9c3);
    flex-shrink: 0;
}
.toplu-yetki-popup .ym-yetki-head h3[b-mfm3czpjur] {
    margin: 0; font-size: 1.05rem; font-weight: 800; color: #78350f;
}
.toplu-yetki-popup .ym-yetki-close[b-mfm3czpjur] {
    width: 32px; height: 32px; border: none; background: rgba(255,255,255,0.7);
    border-radius: 8px; font-size: 1rem; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    color: #92400e; transition: all 0.15s; flex-shrink: 0;
}
.toplu-yetki-popup .ym-yetki-close:hover[b-mfm3czpjur] {
    background: #fee2e2; color: #dc2626;
}
.toplu-yetki-popup .ym-yetki-body[b-mfm3czpjur] {
    padding: 20px 24px;
    overflow-y: auto; flex: 1;
}
.toplu-yetki-popup .ym-yetki-footer[b-mfm3czpjur] {
    display: flex; align-items: center; justify-content: flex-end; gap: 10px;
    padding: 14px 24px;
    border-top: 1.5px solid var(--t-card-border, #e2e8f0);
    background: var(--t-hover, #f8fafc);
    flex-shrink: 0;
}
.toplu-yetki-popup .btn-iptal[b-mfm3czpjur] {
    padding: 10px 20px; border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 10px; background: white; cursor: pointer;
    font-size: 0.88rem; font-weight: 600; color: var(--t-text-muted, #64748b);
    transition: all 0.15s;
}
.toplu-yetki-popup .btn-iptal:hover[b-mfm3czpjur] {
    background: #f1f5f9; border-color: #cbd5e1; color: #334155;
}
.toplu-yetki-popup .btn-uygula[b-mfm3czpjur] {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 10px 22px; border: none; border-radius: 10px;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    color: white; cursor: pointer;
    font-size: 0.9rem; font-weight: 700;
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.35);
    transition: all 0.2s;
}
.toplu-yetki-popup .btn-uygula:hover:not(:disabled)[b-mfm3czpjur] {
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(99, 102, 241, 0.45);
}
.toplu-yetki-popup .btn-uygula:disabled[b-mfm3czpjur] {
    background: #cbd5e1; color: #94a3b8; cursor: not-allowed;
    box-shadow: none; transform: none;
}
.toplu-yetki-popup .btn-uygula span[b-mfm3czpjur] { font-size: 1rem; }

/* ═══════════════════════════════════════════════════════════
   YETKİ MATRİSİ — Modern & şık
   ═══════════════════════════════════════════════════════════ */

/* Üst sekme — altın gradient, aktive olunca daha derin */
.ym-tab.ym-tab-yetki[b-mfm3czpjur] {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    color: #92400e; font-weight: 700;
    position: relative;
}
.ym-tab.ym-tab-yetki[b-mfm3czpjur]::before {
    content: ""; position: absolute; left: 10px; top: 50%;
    transform: translateY(-50%);
    width: 4px; height: 4px; border-radius: 50%;
    background: #f59e0b;
    box-shadow: 0 0 8px #f59e0b;
}
.ym-tab.ym-tab-yetki.active[b-mfm3czpjur] {
    background: linear-gradient(135deg, #d97706 0%, #b45309 100%);
    color: white;
    box-shadow: 0 6px 20px rgba(245, 158, 11, 0.45);
}
.ym-tab.ym-tab-yetki.active[b-mfm3czpjur]::before { background: #fef3c7; box-shadow: 0 0 10px #fef3c7; }

/* Sekme içeriği */
.yetki-matris-section[b-mfm3czpjur] {
    padding: 48px 24px 28px;
    display: flex; flex-direction: column; gap: 18px;
    animation: yetkiSecFade-b-mfm3czpjur 0.3s ease;
}
@keyframes yetkiSecFade-b-mfm3czpjur {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ───── Toolbar ───── */
.yetki-matris-toolbar[b-mfm3czpjur] {
    display: flex; flex-wrap: wrap; gap: 12px; align-items: center;
    padding: 14px 18px;
    background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);
    border: 1px solid var(--t-card-border, #e2e8f0);
    border-radius: 14px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 4px 12px rgba(0,0,0,0.02);
}
.yetki-matris-search[b-mfm3czpjur] {
    flex: 1; min-width: 240px;
    display: flex; align-items: center;
    background: #fff;
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 10px;
    padding: 0 12px;
    transition: all 0.15s;
}
.yetki-matris-search:focus-within[b-mfm3czpjur] {
    border-color: #6366f1;
    box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.12);
}
.yetki-matris-search-ikon[b-mfm3czpjur] {
    flex: 0 0 auto;
    width: 18px; height: 18px;
    display: inline-flex; align-items: center; justify-content: center;
    color: #94a3b8;
    margin-right: 8px;
    pointer-events: none;
}
.yetki-matris-search input[b-mfm3czpjur] {
    flex: 1 1 auto;
    width: 100%; min-width: 0;
    padding: 10px 0;
    border: none; background: transparent;
    font-size: 0.88rem;
    outline: none;
}
.yetki-matris-search input:focus[b-mfm3czpjur] {
    outline: none;
}

.yetki-matris-filters[b-mfm3czpjur], .yetki-matris-segment[b-mfm3czpjur] {
    display: flex; gap: 6px;
}
.yetki-matris-filters .ym-filter[b-mfm3czpjur],
.yetki-matris-segment button[b-mfm3czpjur] {
    padding: 10px 18px; border: 1.5px solid var(--t-card-border, #e2e8f0);
    background: #fff; cursor: pointer;
    font-size: 0.85rem; font-weight: 600;
    color: var(--t-text, #334155);
    border-radius: 10px; transition: all 0.18s;
    white-space: nowrap;
    display: inline-flex; align-items: center; gap: 6px;
}
.yetki-matris-filters .ym-filter:hover[b-mfm3czpjur],
.yetki-matris-segment button:hover[b-mfm3czpjur] {
    border-color: #6366f1; background: #eef2ff; color: #4f46e5;
}
.yetki-matris-filters .ym-filter.active[b-mfm3czpjur],
.yetki-matris-segment button.active[b-mfm3czpjur] {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
    color: #fff; border-color: transparent;
    box-shadow: 0 3px 10px rgba(99, 102, 241, 0.35);
}

.yetki-matris-toolbar .ym-filter.toplu-yetki[b-mfm3czpjur] {
    padding: 8px 16px !important; border-radius: 10px !important;
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    color: #fff !important; border: none !important;
    font-weight: 700 !important; font-size: 0.82rem;
    box-shadow: 0 3px 10px rgba(245, 158, 11, 0.35);
    transition: all 0.18s;
}
.yetki-matris-toolbar .ym-filter.toplu-yetki:hover[b-mfm3czpjur],
.yetki-matris-toolbar .ym-filter.toplu-yetki:focus[b-mfm3czpjur] {
    background: linear-gradient(135deg, #d97706 0%, #b45309 100%) !important;
    color: #fff !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(245, 158, 11, 0.5);
}

.yetki-matris-toolbar > .ym-filter:not(.toplu-yetki)[b-mfm3czpjur] {
    padding: 8px 14px; border-radius: 10px;
    background: #fff; border: 1.5px solid var(--t-card-border, #e2e8f0);
    color: var(--t-text, #475569); font-weight: 600;
    font-size: 0.82rem; cursor: pointer;
    transition: all 0.15s;
}
.yetki-matris-toolbar > .ym-filter:not(.toplu-yetki):hover[b-mfm3czpjur] {
    border-color: #6366f1; background: #eef2ff; color: #4f46e5;
}

/* ───── Loading ───── */
.yetki-matris-loading[b-mfm3czpjur] {
    padding: 60px; text-align: center;
    color: var(--t-text-muted, #64748b);
    font-size: 1rem; font-weight: 600;
    background: #fff; border: 1px solid var(--t-card-border, #e2e8f0);
    border-radius: 14px;
}

/* ───── Tablo konteyner ───── */
.yetki-matris-wrap[b-mfm3czpjur] {
    overflow: auto;
    max-height: calc(100vh - 340px);
    background: #fff;
    border: 1px solid var(--t-card-border, #e2e8f0);
    border-radius: 14px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 8px 24px rgba(0,0,0,0.04);
}
.yetki-matris-wrap[b-mfm3czpjur]::-webkit-scrollbar { width: 10px; height: 10px; }
.yetki-matris-wrap[b-mfm3czpjur]::-webkit-scrollbar-track { background: #f8fafc; }
.yetki-matris-wrap[b-mfm3czpjur]::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; border: 2px solid #f8fafc; }
.yetki-matris-wrap[b-mfm3czpjur]::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* ───── Tablo ───── */
.yetki-matris-table[b-mfm3czpjur] {
    width: 100%; border-collapse: separate; border-spacing: 0;
    font-size: 0.82rem;
}

/* Başlık satırı */
.yetki-matris-table thead th[b-mfm3czpjur] {
    position: sticky; top: 0; z-index: 2;
    background: linear-gradient(180deg, #fafbfc 0%, #f1f5f9 100%);
    border-bottom: 2px solid #e2e8f0;
    padding: 12px 8px; text-align: center;
    font-weight: 700; color: #334155;
    white-space: nowrap;
}
.yetki-matris-table thead th.ym-col-personel[b-mfm3czpjur] {
    position: sticky; left: 0; z-index: 4;
    text-align: left; padding: 14px 20px;
    min-width: 260px;
    background: linear-gradient(135deg, #f8fafc 0%, #eef2ff 100%);
    border-right: 2px solid #e2e8f0;
    font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.6px;
    color: #475569;
}
.yetki-matris-table thead th.ym-col-modul[b-mfm3czpjur] {
    min-width: 100px; max-width: 130px;
    padding: 10px 6px;
    border-right: 1px solid #f1f5f9;
}
.yetki-matris-table .ym-modul-icon[b-mfm3czpjur] {
    display: block; font-size: 1.4rem;
    margin-bottom: 4px;
    filter: grayscale(0.2);
}
.yetki-matris-table .ym-modul-ad[b-mfm3czpjur] {
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    font-size: 0.68rem; font-weight: 600;
    color: #64748b; line-height: 1.25;
    max-width: 120px; white-space: normal;
    overflow: hidden; text-overflow: ellipsis;
}

/* Gövde satırları */
.yetki-matris-table tbody tr[b-mfm3czpjur] {
    transition: background 0.1s;
}
.yetki-matris-table tbody tr:nth-child(even)[b-mfm3czpjur] { background: #fcfcfd; }
.yetki-matris-table tbody tr:nth-child(even) .ym-col-personel[b-mfm3czpjur] { background: #fcfcfd; }
.yetki-matris-table tbody tr:hover[b-mfm3czpjur] { background: #eef2ff !important; }
.yetki-matris-table tbody tr:hover .ym-col-personel[b-mfm3czpjur] { background: #eef2ff !important; }

.yetki-matris-table td[b-mfm3czpjur] {
    padding: 8px; text-align: center;
    border-bottom: 1px solid #f1f5f9;
    border-right: 1px solid #f8fafc;
}
.yetki-matris-table td.ym-col-personel[b-mfm3czpjur] {
    position: sticky; left: 0; z-index: 1;
    background: #fff; text-align: left;
    padding: 12px 20px;
    border-right: 2px solid #e2e8f0;
}

/* Personel kartı (ilk sütun) */
.ym-p-wrap[b-mfm3czpjur] {
    display: flex; flex-direction: column; gap: 3px;
    min-width: 0;
}
.ym-p-ad[b-mfm3czpjur] {
    font-weight: 700; color: #1e293b; font-size: 0.9rem;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    max-width: 240px;
}
.ym-p-mail[b-mfm3czpjur] {
    color: #94a3b8; font-size: 0.72rem;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    max-width: 240px;
}
.ym-p-badge[b-mfm3czpjur] {
    align-self: flex-start;
    padding: 3px 10px; border-radius: 12px;
    font-size: 0.66rem; font-weight: 700;
    margin-top: 4px;
    display: inline-flex; align-items: center; gap: 4px;
}
.ym-p-badge.super[b-mfm3czpjur] {
    background: linear-gradient(135deg, #fce7f3, #fbcfe8);
    color: #9f1239;
    box-shadow: 0 1px 3px rgba(190, 24, 93, 0.15);
}
.ym-p-badge.yon[b-mfm3czpjur] {
    background: linear-gradient(135deg, #fef3c7, #fde68a);
    color: #92400e;
    box-shadow: 0 1px 3px rgba(217, 119, 6, 0.15);
}

/* Hücreler — şık toggle */
.ym-col-hucre[b-mfm3czpjur] {
    padding: 4px !important;
}
.ym-hucre-btn[b-mfm3czpjur] {
    width: 38px; height: 38px;
    border: none; border-radius: 10px;
    background: transparent; cursor: pointer;
    font-size: 1.05rem; font-weight: 700;
    transition: all 0.18s cubic-bezier(0.34, 1.56, 0.64, 1);
    display: inline-flex; align-items: center; justify-content: center;
    color: #cbd5e1;
    position: relative;
}
/* AKTİF (yetki var) — yeşil */
.ym-col-hucre.aktif .ym-hucre-btn[b-mfm3czpjur] {
    background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);
    color: #15803d;
    box-shadow: inset 0 0 0 1.5px #86efac, 0 1px 2px rgba(22, 163, 74, 0.1);
}
.ym-col-hucre.aktif .ym-hucre-btn:hover:not(:disabled)[b-mfm3czpjur] {
    background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
    color: #dc2626;
    box-shadow: inset 0 0 0 1.5px #fca5a5, 0 3px 10px rgba(220, 38, 38, 0.2);
    transform: scale(1.15) rotate(5deg);
}
.ym-col-hucre.aktif .ym-hucre-btn:hover:not(:disabled)[b-mfm3czpjur]::after {
    content: "⛔"; position: absolute; font-size: 0.7rem;
    top: -4px; right: -4px;
    animation: pulseIn-b-mfm3czpjur 0.3s;
}

/* PASİF (yetki yok) — gri */
.ym-col-hucre.pasif .ym-hucre-btn[b-mfm3czpjur] {
    background: #f8fafc;
    color: #cbd5e1;
    box-shadow: inset 0 0 0 1px #e2e8f0;
}
.ym-col-hucre.pasif .ym-hucre-btn:hover:not(:disabled)[b-mfm3czpjur] {
    background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);
    color: #15803d;
    box-shadow: inset 0 0 0 1.5px #86efac, 0 3px 10px rgba(22, 163, 74, 0.25);
    transform: scale(1.15) rotate(-5deg);
}
.ym-col-hucre.pasif .ym-hucre-btn:hover:not(:disabled)[b-mfm3czpjur]::after {
    content: "✨"; position: absolute; font-size: 0.7rem;
    top: -4px; right: -4px;
    animation: pulseIn-b-mfm3czpjur 0.3s;
}

@keyframes pulseIn-b-mfm3czpjur {
    from { opacity: 0; transform: scale(0.3); }
    to { opacity: 1; transform: scale(1); }
}

.ym-hucre-btn:active:not(:disabled)[b-mfm3czpjur] {
    transform: scale(0.95) !important;
}
.ym-hucre-btn:disabled[b-mfm3czpjur] {
    opacity: 0.3; cursor: not-allowed;
    filter: grayscale(1);
}

/* Boş durum */
.ym-empty[b-mfm3czpjur] {
    padding: 60px !important; text-align: center;
    color: #94a3b8; font-style: italic; font-size: 0.95rem;
    background: linear-gradient(180deg, #fff, #fafbfc);
}

/* Alt bilgi (legend) — modern kart tasarımı */
.yetki-matris-legend[b-mfm3czpjur] {
    display: flex; align-items: center; gap: 0;
    padding: 14px 8px 14px 18px;
    background: linear-gradient(135deg, #ffffff 0%, #fafbfc 100%);
    border: 1px solid var(--t-card-border, #e2e8f0);
    border-radius: 14px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 4px 12px rgba(0,0,0,0.02);
    flex-wrap: wrap; row-gap: 10px;
}
.ym-legend-item[b-mfm3czpjur] {
    display: inline-flex; align-items: center; gap: 10px;
    padding: 6px 14px; border-radius: 10px;
    font-size: 0.82rem; font-weight: 700;
    transition: transform 0.15s;
}
.ym-legend-item:hover[b-mfm3czpjur] { transform: translateY(-1px); }
.ym-legend-item.ver[b-mfm3czpjur] {
    background: linear-gradient(135deg, #dcfce7, #bbf7d0);
    color: #15803d;
    box-shadow: inset 0 0 0 1.5px #86efac;
}
.ym-legend-item.al[b-mfm3czpjur] {
    background: #f8fafc;
    color: #64748b;
    box-shadow: inset 0 0 0 1.5px #e2e8f0;
}
.ym-legend-icon[b-mfm3czpjur] {
    display: inline-flex; align-items: center; justify-content: center;
    width: 24px; height: 24px; border-radius: 7px;
    background: rgba(255,255,255,0.7);
    font-size: 0.9rem;
}
.ym-legend-item.al .ym-legend-icon[b-mfm3czpjur] {
    background: #fff;
    color: #94a3b8; font-weight: 800; font-size: 1.1rem;
}
.ym-legend-text[b-mfm3czpjur] { letter-spacing: 0.2px; }
.ym-legend-divider[b-mfm3czpjur] {
    width: 1px; height: 24px; background: #e2e8f0;
    margin: 0 14px;
}
.ym-legend-hint[b-mfm3czpjur] {
    margin-left: auto;
    display: inline-flex; align-items: center; gap: 8px;
    padding: 8px 16px;
    background: linear-gradient(135deg, #eef2ff 0%, #e0e7ff 100%);
    border-radius: 10px;
    color: #4f46e5; font-weight: 600; font-size: 0.82rem;
    box-shadow: 0 1px 3px rgba(79, 70, 229, 0.12);
    max-width: 100%;
}
.ym-legend-hint-icon[b-mfm3czpjur] {
    display: inline-flex; align-items: center; justify-content: center;
    width: 22px; height: 22px; border-radius: 50%;
    background: #fff; font-size: 0.8rem;
    flex-shrink: 0;
    box-shadow: 0 1px 2px rgba(79, 70, 229, 0.2);
}

/* Dark theme legend */
[data-theme="dark"] .yetki-matris-legend[b-mfm3czpjur] { background: #1e293b; border-color: #334155; }
[data-theme="dark"] .ym-legend-item.al[b-mfm3czpjur] { background: #0f172a; color: #94a3b8; box-shadow: inset 0 0 0 1.5px #334155; }
[data-theme="dark"] .ym-legend-item.al .ym-legend-icon[b-mfm3czpjur] { background: #1e293b; color: #64748b; }
[data-theme="dark"] .ym-legend-divider[b-mfm3czpjur] { background: #334155; }
[data-theme="dark"] .ym-legend-hint[b-mfm3czpjur] { background: linear-gradient(135deg, #312e81 0%, #3730a3 100%); color: #c7d2fe; }
[data-theme="dark"] .ym-legend-hint-icon[b-mfm3czpjur] { background: #1e293b; }

/* Responsive — küçük ekranlarda toolbar'ı wrap'le */
@media (max-width: 900px) {
    .yetki-matris-section[b-mfm3czpjur] { padding: 20px 16px 20px; gap: 14px; }
    .yetki-matris-toolbar[b-mfm3czpjur] {
        padding: 12px; gap: 10px;
        flex-direction: column; align-items: stretch;
    }
    .yetki-matris-search[b-mfm3czpjur] { min-width: 0; width: 100%; }
    .yetki-matris-filters[b-mfm3czpjur],
    .yetki-matris-segment[b-mfm3czpjur] {
        width: 100%;
    }
    .yetki-matris-filters .ym-filter[b-mfm3czpjur],
    .yetki-matris-segment button[b-mfm3czpjur] {
        flex: 1;
    }
    .yetki-matris-toolbar .ym-filter.toplu-yetki[b-mfm3czpjur] {
        width: 100%; justify-content: center;
        padding: 10px 16px !important;
    }
    .yetki-matris-wrap[b-mfm3czpjur] { max-height: calc(100vh - 420px); min-height: 300px; }

    /* Legend: Yetki Ver + Yetki Al yan yana, ipucu altta */
    .yetki-matris-legend[b-mfm3czpjur] {
        padding: 12px;
        flex-direction: row; flex-wrap: wrap;
        align-items: center; gap: 10px;
    }
    .yetki-matris-legend > .ym-legend-item[b-mfm3czpjur] {
        flex: 1; min-width: 0;
        justify-content: center;
    }
    .ym-legend-divider[b-mfm3czpjur] { display: none; }
    .ym-legend-hint[b-mfm3czpjur] {
        margin-left: 0;
        flex-basis: 100%;
        justify-content: flex-start;
    }
}

@media (max-width: 600px) {
    .yetki-matris-section[b-mfm3czpjur] { padding: 16px 10px; gap: 12px; }
    .yetki-matris-toolbar[b-mfm3czpjur] { padding: 10px; border-radius: 12px; }

    /* Toplu yetki butonu emoji + kısa metin */
    .yetki-matris-toolbar .ym-filter.toplu-yetki[b-mfm3czpjur] {
        font-size: 0.78rem !important;
        padding: 10px 12px !important;
    }

    /* Tablo: ilk sütun daha dar, modül sütunu kompakt */
    .yetki-matris-wrap[b-mfm3czpjur] {
        border-radius: 12px;
        max-height: calc(100vh - 460px); min-height: 280px;
    }
    .yetki-matris-table[b-mfm3czpjur] { font-size: 0.78rem; }
    .yetki-matris-table thead th.ym-col-personel[b-mfm3czpjur],
    .yetki-matris-table td.ym-col-personel[b-mfm3czpjur] {
        min-width: 160px; padding: 10px 12px;
    }
    .ym-p-ad[b-mfm3czpjur], .ym-p-mail[b-mfm3czpjur] { max-width: 140px; }
    .ym-p-ad[b-mfm3czpjur] { font-size: 0.82rem; }
    .ym-p-mail[b-mfm3czpjur] { font-size: 0.68rem; }
    .ym-p-badge[b-mfm3czpjur] {
        padding: 2px 7px; font-size: 0.6rem;
        margin-top: 3px;
    }

    .yetki-matris-table thead th.ym-col-modul[b-mfm3czpjur] {
        min-width: 68px; max-width: 90px;
        padding: 8px 4px;
    }
    .yetki-matris-table .ym-modul-icon[b-mfm3czpjur] { font-size: 1.1rem; margin-bottom: 2px; }
    .yetki-matris-table .ym-modul-ad[b-mfm3czpjur] { font-size: 0.6rem; max-width: 80px; }

    .ym-col-hucre[b-mfm3czpjur] { padding: 2px !important; }
    .ym-hucre-btn[b-mfm3czpjur] {
        width: 32px; height: 32px;
        font-size: 0.95rem; border-radius: 8px;
    }

    /* Hover döndürme efektleri touchpad/dokunmatik için azaltılsın */
    .ym-col-hucre.aktif .ym-hucre-btn:hover:not(:disabled)[b-mfm3czpjur],
    .ym-col-hucre.pasif .ym-hucre-btn:hover:not(:disabled)[b-mfm3czpjur] {
        transform: scale(1.08);
    }

    /* Legend kompakt */
    .ym-legend-item[b-mfm3czpjur] {
        padding: 6px 10px; font-size: 0.76rem;
    }
    .ym-legend-icon[b-mfm3czpjur] { width: 20px; height: 20px; font-size: 0.8rem; }
    .ym-legend-hint[b-mfm3czpjur] {
        padding: 8px 12px; font-size: 0.76rem;
        line-height: 1.4;
    }
    .ym-legend-hint-icon[b-mfm3czpjur] { width: 20px; height: 20px; font-size: 0.72rem; }
}

@media (max-width: 400px) {
    .yetki-matris-filters .ym-filter[b-mfm3czpjur],
    .yetki-matris-segment button[b-mfm3czpjur] {
        padding: 6px 8px;
        font-size: 0.74rem;
    }
}

/* Dark theme uyumu */
[data-theme="dark"] .yetki-matris-toolbar[b-mfm3czpjur],
[data-theme="dark"] .yetki-matris-wrap[b-mfm3czpjur],
[data-theme="dark"] .yetki-matris-legend[b-mfm3czpjur],
[data-theme="dark"] .yetki-matris-loading[b-mfm3czpjur] {
    background: #1e293b; border-color: #334155;
}
[data-theme="dark"] .yetki-matris-table thead th[b-mfm3czpjur] { background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%); color: #e2e8f0; border-bottom-color: #334155; }
[data-theme="dark"] .yetki-matris-table thead th.ym-col-personel[b-mfm3czpjur] { background: linear-gradient(135deg, #1e293b 0%, #312e81 100%); color: #c7d2fe; border-right-color: #334155; }
[data-theme="dark"] .yetki-matris-table tbody tr:nth-child(even)[b-mfm3czpjur],
[data-theme="dark"] .yetki-matris-table tbody tr:nth-child(even) .ym-col-personel[b-mfm3czpjur] { background: #1a2332; }
[data-theme="dark"] .yetki-matris-table tbody tr:hover[b-mfm3czpjur],
[data-theme="dark"] .yetki-matris-table tbody tr:hover .ym-col-personel[b-mfm3czpjur] { background: #312e81 !important; }
[data-theme="dark"] .yetki-matris-table td[b-mfm3czpjur] { border-bottom-color: #334155; border-right-color: #1e293b; }
[data-theme="dark"] .yetki-matris-table td.ym-col-personel[b-mfm3czpjur] { background: #1e293b; border-right-color: #334155; }
[data-theme="dark"] .ym-p-ad[b-mfm3czpjur] { color: #f1f5f9; }
[data-theme="dark"] .ym-p-mail[b-mfm3czpjur] { color: #64748b; }
[data-theme="dark"] .yetki-matris-filters[b-mfm3czpjur],
[data-theme="dark"] .yetki-matris-segment[b-mfm3czpjur] { background: #0f172a; }
.toplu-yetki-popup .btn-uygula span[b-mfm3czpjur] { font-size: 1rem; }

/* ═══ YETKİ MATRİSİ ═══ */
.ym-tab.ym-tab-yetki[b-mfm3czpjur] {
    background: linear-gradient(135deg, #fef3c7, #fde68a);
    color: #92400e; font-weight: 700;
}
.ym-tab.ym-tab-yetki.active[b-mfm3czpjur] {
    background: linear-gradient(135deg, #f59e0b, #d97706);
    color: white;
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.35);
}

.yetki-matris-section[b-mfm3czpjur] {
    padding: 0 24px 24px;
    display: flex; flex-direction: column; gap: 14px;
}
.yetki-matris-toolbar[b-mfm3czpjur] {
    display: flex; flex-wrap: wrap; gap: 10px; align-items: center;
    padding: 12px 16px;
    background: var(--t-card, white);
    border: 1px solid var(--t-card-border, #e2e8f0);
    border-radius: 12px;
}
.yetki-matris-search[b-mfm3czpjur] { flex: 1; min-width: 220px; }
.yetki-matris-search input[b-mfm3czpjur] {
    width: 100%; padding: 8px 14px;
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 10px; background: #fff;
    font-size: 0.88rem;
}
.yetki-matris-search input:focus[b-mfm3czpjur] {
    outline: none; border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);
}
.yetki-matris-filters[b-mfm3czpjur], .yetki-matris-segment[b-mfm3czpjur] {
    display: flex; gap: 6px;
}
.yetki-matris-segment button[b-mfm3czpjur] {
    padding: 8px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 10px; background: #fff; cursor: pointer;
    font-size: 0.85rem; font-weight: 600; color: var(--t-text, #334155);
    transition: all 0.15s;
}
.yetki-matris-segment button:hover[b-mfm3czpjur] { border-color: #6366f1; background: #eef2ff; }
.yetki-matris-segment button.active[b-mfm3czpjur] {
    background: #6366f1; color: white; border-color: #6366f1;
}

.yetki-matris-loading[b-mfm3czpjur] {
    padding: 40px; text-align: center; color: var(--t-text-muted, #64748b);
    font-size: 1rem;
}

.yetki-matris-wrap[b-mfm3czpjur] {
    overflow: auto; max-height: calc(100vh - 320px);
    background: var(--t-card, white);
    border: 1px solid var(--t-card-border, #e2e8f0);
    border-radius: 12px;
}
.yetki-matris-table[b-mfm3czpjur] {
    width: 100%; border-collapse: separate; border-spacing: 0;
    font-size: 0.82rem;
}
.yetki-matris-table thead th[b-mfm3czpjur] {
    position: sticky; top: 0; z-index: 2;
    background: linear-gradient(180deg, #f8fafc, #f1f5f9);
    border-bottom: 2px solid var(--t-card-border, #e2e8f0);
    padding: 10px 8px; text-align: center;
    font-weight: 700; color: #334155;
    white-space: nowrap;
}
.yetki-matris-table thead th.ym-col-personel[b-mfm3czpjur] {
    position: sticky; left: 0; z-index: 3;
    text-align: left; padding-left: 16px;
    min-width: 220px;
    background: linear-gradient(180deg, #f8fafc, #f1f5f9);
    border-right: 2px solid var(--t-card-border, #e2e8f0);
}
.yetki-matris-table thead th.ym-col-modul[b-mfm3czpjur] {
    min-width: 90px; max-width: 120px;
}
.yetki-matris-table .ym-modul-icon[b-mfm3czpjur] {
    display: block; font-size: 1.1rem; margin-bottom: 2px;
}
.yetki-matris-table .ym-modul-ad[b-mfm3czpjur] {
    display: block; font-size: 0.7rem; font-weight: 600;
    color: #64748b; line-height: 1.2;
    overflow: hidden; text-overflow: ellipsis;
    max-width: 110px; white-space: normal;
}

.yetki-matris-table tbody tr:hover[b-mfm3czpjur] {
    background: #f8fafc;
}
.yetki-matris-table tbody tr:hover .ym-col-personel[b-mfm3czpjur] {
    background: #f8fafc;
}

.yetki-matris-table td[b-mfm3czpjur] {
    padding: 6px 8px; text-align: center;
    border-bottom: 1px solid #f1f5f9;
}
.yetki-matris-table td.ym-col-personel[b-mfm3czpjur] {
    position: sticky; left: 0; z-index: 1;
    background: #fff; text-align: left;
    padding: 8px 16px;
    border-right: 2px solid var(--t-card-border, #e2e8f0);
}
.ym-p-wrap[b-mfm3czpjur] { display: flex; flex-direction: column; gap: 2px; }
.ym-p-ad[b-mfm3czpjur] { font-weight: 700; color: var(--t-text, #1e293b); font-size: 0.88rem; }
.ym-p-mail[b-mfm3czpjur] { color: #64748b; font-size: 0.72rem; }
.ym-p-badge[b-mfm3czpjur] {
    align-self: flex-start;
    padding: 2px 8px; border-radius: 10px;
    font-size: 0.65rem; font-weight: 700;
    margin-top: 3px;
}
.ym-p-badge.super[b-mfm3czpjur] { background: #fce7f3; color: #9f1239; }
.ym-p-badge.yon[b-mfm3czpjur] { background: #fef3c7; color: #92400e; }

.ym-hucre-btn[b-mfm3czpjur] {
    width: 34px; height: 34px;
    border: none; border-radius: 8px;
    background: transparent; cursor: pointer;
    font-size: 1rem; transition: all 0.12s;
    color: #cbd5e1;
}
.ym-col-hucre.aktif .ym-hucre-btn[b-mfm3czpjur] {
    background: #dcfce7; color: #15803d;
}
.ym-col-hucre.pasif .ym-hucre-btn[b-mfm3czpjur] {
    background: #fef2f2; color: #94a3b8;
}
.ym-hucre-btn:hover:not(:disabled)[b-mfm3czpjur] {
    transform: scale(1.1);
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.ym-col-hucre.aktif .ym-hucre-btn:hover:not(:disabled)[b-mfm3czpjur] {
    background: #bbf7d0;
}
.ym-col-hucre.pasif .ym-hucre-btn:hover:not(:disabled)[b-mfm3czpjur] {
    background: #fee2e2; color: #dc2626;
}
.ym-hucre-btn:disabled[b-mfm3czpjur] {
    opacity: 0.4; cursor: not-allowed;
}

.ym-empty[b-mfm3czpjur] {
    padding: 40px !important; text-align: center;
    color: var(--t-text-muted, #94a3b8); font-style: italic;
}

.yetki-matris-legend[b-mfm3czpjur] {
    display: flex; gap: 16px; flex-wrap: wrap; align-items: center;
    padding: 10px 16px;
    background: var(--t-card, #f8fafc);
    border: 1px solid var(--t-card-border, #e2e8f0);
    border-radius: 10px;
    font-size: 0.8rem; color: var(--t-text-muted, #64748b);
}
.yetki-matris-hint[b-mfm3czpjur] {
    margin-left: auto; color: #6366f1; font-weight: 600;
}
/* /Components/Pages/Yonetim/PortalKullanicilari.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   PORTAL KULLANICILARI YÖNETİMİ
   ─────────────────────────────────────────────────────────────── */

/* ym-page kendi içinde topbar render eder.
   Topbar diğer yönetim sayfalarındaki gibi kenarlara yapışık olmalı.
   Sadece içerik alanlarına (başlık, filtre, tablo) padding veriyoruz. */
.pk-page[b-328a92wft0] {
    padding-bottom: 40px;
}

/* Topbar HARİCİNDEKİ tüm içeriğe sol/sağ padding */
.pk-baslik-cubuk[b-328a92wft0],
.pk-filtreler[b-328a92wft0],
.pk-table-wrap[b-328a92wft0] {
    margin-left: 24px;
    margin-right: 24px;
}

.pk-baslik-cubuk[b-328a92wft0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 16px;
    margin-bottom: 18px;
    padding: 16px 22px;
    background: white;
    border-radius: 14px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 2px 10px rgba(15,23,42,0.04);
}

@media (max-width: 720px) {
    .pk-baslik-cubuk[b-328a92wft0],
    .pk-filtreler[b-328a92wft0],
    .pk-table-wrap[b-328a92wft0] {
        margin-left: 12px;
        margin-right: 12px;
    }
}

.pk-altyazi[b-328a92wft0] {
    margin: 0;
    color: #64748b;
    font-size: 0.92rem;
    max-width: 660px;
    line-height: 1.5;
}

.pk-header-actions[b-328a92wft0] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

/* BUTONS */
.pk-btn[b-328a92wft0] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: 10px;
    border: none;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
}

.pk-btn-primary[b-328a92wft0] {
    background: linear-gradient(135deg, #1e40af, #3b82f6);
    color: white;
    box-shadow: 0 4px 14px rgba(59,130,246,0.30);
}

.pk-btn-primary:hover[b-328a92wft0] { transform: translateY(-1px); box-shadow: 0 8px 22px rgba(59,130,246,0.40); }
.pk-btn-primary:disabled[b-328a92wft0] { opacity: 0.6; cursor: not-allowed; transform: none; }

.pk-btn-success[b-328a92wft0] {
    background: linear-gradient(135deg, #047857, #10b981);
    color: white;
    box-shadow: 0 4px 14px rgba(16,185,129,0.30);
}

.pk-btn-success:hover[b-328a92wft0] { transform: translateY(-1px); box-shadow: 0 8px 22px rgba(16,185,129,0.40); }

.pk-btn-secondary[b-328a92wft0] {
    background: white;
    color: #475569;
    border: 1px solid #e2e8f0;
}

.pk-btn-secondary:hover[b-328a92wft0] { background: #f1f5f9; }

/* FILTRELER */
.pk-filtreler[b-328a92wft0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 18px;
}

.pk-filter-grup[b-328a92wft0] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.pk-chip[b-328a92wft0] {
    padding: 8px 16px;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    font-size: 0.85rem;
    font-weight: 600;
    color: #475569;
    cursor: pointer;
    transition: all 0.15s;
}

.pk-chip:hover[b-328a92wft0] { background: #f1f5f9; color: #0f172a; }

.pk-chip.active.pk-chip-blue[b-328a92wft0] {
    background: linear-gradient(135deg, #1e40af, #3b82f6);
    color: white;
    border-color: transparent;
}

.pk-chip.active.pk-chip-green[b-328a92wft0] {
    background: linear-gradient(135deg, #047857, #10b981);
    color: white;
    border-color: transparent;
}

.pk-chip.active:not(.pk-chip-blue):not(.pk-chip-green)[b-328a92wft0] {
    background: #0f172a;
    color: white;
    border-color: transparent;
}

.pk-search[b-328a92wft0] {
    position: relative;
    min-width: 280px;
    display: flex;
    align-items: center;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 0 12px;
    transition: all 0.15s;
}

.pk-search:focus-within[b-328a92wft0] {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59,130,246,0.15);
}

.pk-search-ikon[b-328a92wft0] {
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
    font-size: 14px;
    line-height: 1;
    margin-right: 8px;
    pointer-events: none;
}

.pk-search input[b-328a92wft0] {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    padding: 10px 0;
    border: none;
    background: transparent;
    font-size: 0.88rem;
    color: #0f172a;
    outline: none;
}

.pk-search input:focus[b-328a92wft0] {
    outline: none;
}

/* TABLO */
.pk-table-wrap[b-328a92wft0] {
    background: white;
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 14px rgba(15,23,42,0.05);
    overflow-x: auto;
}

.pk-table[b-328a92wft0] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.pk-table thead th[b-328a92wft0] {
    background: #f8fafc;
    color: #475569;
    font-weight: 600;
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-align: left;
    padding: 14px 16px;
    border-bottom: 1px solid #e2e8f0;
}

.pk-table tbody td[b-328a92wft0] {
    padding: 14px 16px;
    border-bottom: 1px solid #f1f5f9;
    color: #1e293b;
    vertical-align: middle;
}

.pk-table tbody tr:hover[b-328a92wft0] { background: #f8fafc; }

.pk-cell-ad[b-328a92wft0] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pk-avatar[b-328a92wft0] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(135deg, #1e293b, #475569);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.78rem;
    flex-shrink: 0;
}

.pk-cell-ad-baslik[b-328a92wft0] {
    font-weight: 700;
    color: #0f172a;
    line-height: 1.15;
}

.pk-cell-ad-alt[b-328a92wft0] {
    font-size: 0.74rem;
    color: #94a3b8;
    margin-top: 2px;
}

.pk-mail[b-328a92wft0] {
    font-family: 'Consolas', monospace;
    font-size: 0.84rem;
    color: #475569;
}

.pk-kapsam-mini[b-328a92wft0] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.pk-mini-chip[b-328a92wft0] {
    padding: 3px 9px;
    background: #f1f5f9;
    border-radius: 999px;
    font-size: 0.72rem;
    color: #475569;
    font-weight: 600;
}

.pk-mini-chip-warn[b-328a92wft0] {
    background: #fef3c7;
    color: #92400e;
}

.pk-rozet[b-328a92wft0] {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.pk-rozet-blue[b-328a92wft0]  { background: #dbeafe; color: #1e3a8a; }
.pk-rozet-green[b-328a92wft0] { background: #d1fae5; color: #047857; }
.pk-rozet-ok[b-328a92wft0]    { background: #d1fae5; color: #047857; }
.pk-rozet-off[b-328a92wft0]   { background: #f1f5f9; color: #64748b; }

.pk-col-acts[b-328a92wft0] {
    text-align: right;
    white-space: nowrap;
}

.pk-icon-btn[b-328a92wft0] {
    background: transparent;
    border: 1px solid transparent;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.15s;
    font-size: 0.95rem;
}

.pk-icon-btn:hover[b-328a92wft0] {
    background: #f1f5f9;
    border-color: #e2e8f0;
}

.pk-icon-btn-danger:hover[b-328a92wft0] {
    background: #fef2f2;
    border-color: #fecaca;
}

/* EMPTY */
.pk-empty[b-328a92wft0] {
    padding: 80px 24px;
    text-align: center;
}

.pk-empty-ikon[b-328a92wft0] { font-size: 3.5rem; margin-bottom: 14px; }
.pk-empty-baslik[b-328a92wft0] { font-size: 1.2rem; font-weight: 700; color: #0f172a; margin-bottom: 6px; }
.pk-empty-text[b-328a92wft0] { font-size: 0.9rem; color: #64748b; }

/* MODAL */
.pk-modal-overlay[b-328a92wft0] {
    position: fixed;
    inset: 0;
    background: rgba(15,23,42,0.55);
    backdrop-filter: blur(6px);
    z-index: 998;
    animation: pkOverlayIn-b-328a92wft0 0.2s ease;
}

@keyframes pkOverlayIn-b-328a92wft0 { from { opacity: 0; } to { opacity: 1; } }

.pk-modal[b-328a92wft0] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
    max-width: 820px;
    max-height: 92vh;
    background: white;
    border-radius: 20px;
    z-index: 999;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: 0 24px 80px rgba(15,23,42,0.30);
    animation: pkModalIn-b-328a92wft0 0.25s ease;
}

@keyframes pkModalIn-b-328a92wft0 {
    from { opacity: 0; transform: translate(-50%, -48%); }
    to   { opacity: 1; transform: translate(-50%, -50%); }
}

.pk-modal-header[b-328a92wft0] {
    padding: 20px 28px;
    background: linear-gradient(135deg, #1e293b, #334155);
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pk-modal-header-sponsor[b-328a92wft0] { background: linear-gradient(135deg, #1e40af, #3b82f6); }
.pk-modal-header-koord[b-328a92wft0]   { background: linear-gradient(135deg, #047857, #10b981); }

.pk-modal-header h2[b-328a92wft0] {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 700;
}

.pk-modal-close[b-328a92wft0] {
    background: rgba(255,255,255,0.18);
    border: 1px solid rgba(255,255,255,0.28);
    color: white;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    cursor: pointer;
    font-size: 0.95rem;
    transition: all 0.15s;
}

.pk-modal-close:hover[b-328a92wft0] { background: rgba(255,255,255,0.28); }

.pk-modal-body[b-328a92wft0] {
    padding: 24px 28px;
    overflow-y: auto;
}

.pk-modal-footer[b-328a92wft0] {
    padding: 14px 28px;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

/* FORM */
.pk-form-grid[b-328a92wft0] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 14px;
    margin-bottom: 4px;
}

.pk-form-row[b-328a92wft0] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 14px;
}

.pk-form-row label[b-328a92wft0] {
    font-size: 0.78rem;
    font-weight: 700;
    color: #475569;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.pk-form-row input[b-328a92wft0],
.pk-form-row select[b-328a92wft0],
.pk-form-row textarea[b-328a92wft0] {
    padding: 10px 12px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: white;
    font-size: 0.9rem;
    color: #0f172a;
    transition: all 0.15s;
    font-family: inherit;
    width: 100%;
    box-sizing: border-box;
}

.pk-form-row input:focus[b-328a92wft0],
.pk-form-row select:focus[b-328a92wft0],
.pk-form-row textarea:focus[b-328a92wft0] {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59,130,246,0.15);
}

.pk-form-row-wide[b-328a92wft0] { grid-column: 1 / -1; }

.pk-zorunlu[b-328a92wft0] {
    color: #dc2626;
    font-weight: 800;
    margin-left: 2px;
}

.pk-label-not[b-328a92wft0] {
    color: #94a3b8;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
    font-size: 0.74rem;
    margin-left: 6px;
}

/* Hata stilleri */
.pk-input-hatali[b-328a92wft0] {
    border-color: #dc2626 !important;
    background: #fef2f2 !important;
}
.pk-input-hatali:focus[b-328a92wft0] {
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.15) !important;
    border-color: #dc2626 !important;
}

.pk-input-hata[b-328a92wft0] {
    margin-top: 4px;
    font-size: 0.78rem;
    color: #b91c1c;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 4px;
}

.pk-input-hata[b-328a92wft0]::before {
    content: '⚠';
    font-size: 0.85rem;
}

/* Şifre alanı */
.pk-sifre-wrap[b-328a92wft0] {
    position: relative;
    display: flex;
    align-items: stretch;
}

.pk-sifre-wrap input[b-328a92wft0] {
    flex: 1;
    padding-right: 42px;
}

.pk-sifre-toggle[b-328a92wft0] {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    cursor: pointer;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    transition: background 0.15s;
}

.pk-sifre-toggle:hover[b-328a92wft0] { background: #f1f5f9; }

/* Şifre güç göstergesi */
.pk-sifre-guc[b-328a92wft0] {
    margin-top: 6px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.pk-sifre-bar[b-328a92wft0] {
    flex: 1;
    height: 6px;
    border-radius: 999px;
    background: #e2e8f0;
    position: relative;
    overflow: hidden;
}

.pk-sifre-bar[b-328a92wft0]::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 999px;
    transition: all 0.25s;
}

.pk-sifre-bar-1[b-328a92wft0]::after { width: 25%; background: linear-gradient(90deg, #ef4444, #f87171); }
.pk-sifre-bar-2[b-328a92wft0]::after { width: 50%; background: linear-gradient(90deg, #f59e0b, #fbbf24); }
.pk-sifre-bar-3[b-328a92wft0]::after { width: 75%; background: linear-gradient(90deg, #10b981, #34d399); }
.pk-sifre-bar-4[b-328a92wft0]::after { width: 100%; background: linear-gradient(90deg, #047857, #10b981); }

.pk-sifre-etiket[b-328a92wft0] {
    font-size: 0.75rem;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    min-width: 50px;
    text-align: right;
}

/* Datalist combobox stil — chrome/firefox/edge browser native ama input görünümü uyumlu */
.pk-form-row input[list][b-328a92wft0] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 32px;
}

/* TİP SEÇİMİ */
.pk-tip-secim[b-328a92wft0] {
    display: flex;
    gap: 10px;
}

.pk-tip-btn[b-328a92wft0] {
    flex: 1;
    padding: 14px 18px;
    background: white;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    font-size: 0.95rem;
    font-weight: 700;
    cursor: pointer;
    color: #475569;
    transition: all 0.15s;
}

.pk-tip-btn:hover[b-328a92wft0] { background: #f8fafc; }

.pk-tip-btn.active.pk-tip-btn-blue[b-328a92wft0] {
    background: linear-gradient(135deg, #dbeafe, #eff6ff);
    border-color: #3b82f6;
    color: #1e3a8a;
    box-shadow: 0 4px 14px rgba(59,130,246,0.18);
}

.pk-tip-btn.active.pk-tip-btn-green[b-328a92wft0] {
    background: linear-gradient(135deg, #d1fae5, #ecfdf5);
    border-color: #10b981;
    color: #064e3b;
    box-shadow: 0 4px 14px rgba(16,185,129,0.18);
}

/* BÖLÜM */
.pk-bolum[b-328a92wft0] {
    margin-top: 22px;
    padding-top: 22px;
    border-top: 1px dashed #e2e8f0;
}

/* İç Notlar — son bölümlere üstten ekstra boşluk */
.pk-form-row.pk-form-row-notlar[b-328a92wft0] {
    margin-top: 22px;
    padding-top: 22px;
    border-top: 1px dashed #e2e8f0;
}

.pk-bolum-baslik[b-328a92wft0] {
    margin: 0 0 4px;
    font-size: 1rem;
    font-weight: 700;
    color: #0f172a;
}

.pk-bolum-aciklama[b-328a92wft0] {
    margin: 0 0 12px;
    font-size: 0.85rem;
    color: #64748b;
    line-height: 1.5;
}

.pk-secim-grup[b-328a92wft0] {
    margin-bottom: 14px;
}

/* Erişim kapsamı içindeki arama kutusu (sponsor / proje / merkez) */
.pk-secim-arama[b-328a92wft0] {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    padding: 0 8px;
    transition: border-color .15s, box-shadow .15s;
}
.pk-secim-arama:focus-within[b-328a92wft0] {
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99,102,241,0.15);
}
.pk-secim-arama-ikon[b-328a92wft0] {
    flex: 0 0 auto;
    font-size: 0.95rem;
    opacity: 0.65;
    margin-right: 4px;
}
.pk-secim-arama input[b-328a92wft0] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    padding: 8px 4px;
    font-size: 0.9rem;
    font-family: inherit;
    color: #0f172a;
}
.pk-secim-arama input[b-328a92wft0]::placeholder { color: #94a3b8; }
.pk-secim-arama-temizle[b-328a92wft0] {
    flex: 0 0 auto;
    background: #f1f5f9;
    border: none;
    color: #64748b;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 0.7rem;
    line-height: 1;
    transition: all .15s;
}
.pk-secim-arama-temizle:hover[b-328a92wft0] { background: #e2e8f0; color: #0f172a; }

.pk-secim-baslik[b-328a92wft0] {
    display: block;
    font-size: 0.78rem;
    font-weight: 700;
    color: #475569;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    margin-bottom: 8px;
}

.pk-secim-liste[b-328a92wft0] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    max-height: 200px;
    overflow-y: auto;
    padding: 4px;
    background: #f8fafc;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    min-height: 50px;
}

.pk-secim-bos[b-328a92wft0] {
    color: #94a3b8;
    font-size: 0.85rem;
    padding: 12px;
}

.pk-secim-chip[b-328a92wft0] {
    padding: 7px 12px;
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    font-size: 0.82rem;
    color: #475569;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s;
}

.pk-secim-chip:hover[b-328a92wft0] {
    background: #eff6ff;
    border-color: #93c5fd;
}

.pk-secim-chip.active[b-328a92wft0] {
    background: linear-gradient(135deg, #1e40af, #3b82f6);
    color: white;
    border-color: transparent;
    box-shadow: 0 2px 8px rgba(59,130,246,0.3);
}

.pk-secim-chip small[b-328a92wft0] {
    opacity: 0.7;
    margin-left: 4px;
    font-size: 0.78rem;
}

.pk-secim-not[b-328a92wft0] {
    font-weight: 500;
    color: #94a3b8;
    text-transform: none;
    letter-spacing: 0;
    font-size: 0.74rem;
    margin-left: 6px;
}

.pk-chip-kod[b-328a92wft0] {
    display: inline-block;
    padding: 2px 7px;
    background: rgba(15, 23, 42, 0.08);
    border-radius: 6px;
    font-size: 0.72rem;
    font-weight: 800;
    color: #1e3a8a;
    margin-right: 6px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.pk-secim-chip.active .pk-chip-kod[b-328a92wft0] {
    background: rgba(255, 255, 255, 0.25);
    color: white;
}

/* MOBİL */
@media (max-width: 720px) {
    .pk-page[b-328a92wft0] { padding: 0 0 28px; }
    .pk-header[b-328a92wft0] { padding: 18px 18px; }
    .pk-baslik[b-328a92wft0] { font-size: 1.3rem; }
    .pk-search[b-328a92wft0] { min-width: 0; width: 100%; }
    .pk-modal[b-328a92wft0] { width: 100%; height: 100%; max-height: 100vh; border-radius: 0; }
    .pk-table thead[b-328a92wft0] { display: none; }
    .pk-table tbody td[b-328a92wft0] {
        display: block;
        padding: 8px 16px;
        border-bottom: none;
    }
    .pk-table tbody tr[b-328a92wft0] {
        display: block;
        border-bottom: 1px solid #f1f5f9;
        padding: 10px 0;
    }
    .pk-form-grid[b-328a92wft0] { grid-template-columns: 1fr; }
    .pk-tip-secim[b-328a92wft0] { flex-direction: column; }
}
/* /Components/Pages/Yonetim/ProjeYonetimi.razor.rz.scp.css */
/* === Proje Yönetimi Stilleri === */

.pj-section[b-x2whxv9uqh] {
    padding: 16px 24px;
}

/* İstatistik kartları */
.pj-stats[b-x2whxv9uqh] {
    display: flex;
    gap: 10px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.pj-stat[b-x2whxv9uqh] {
    flex: 1 1 0;
    min-width: 100px;
    padding: 14px 16px;
    border-radius: 12px;
    background: #f8fafc;
    border: 1.5px solid #e2e8f0;
    text-align: center;
    transition: all 0.2s;
}

.pj-stat:hover[b-x2whxv9uqh] {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.pj-stat.active[b-x2whxv9uqh] {
    border-color: #3b82f6;
    background: linear-gradient(135deg, #eff6ff, #dbeafe);
    box-shadow: 0 2px 8px rgba(59,130,246,0.15);
}

.pj-stat.green[b-x2whxv9uqh] { border-left: 3px solid #22c55e; }
.pj-stat.blue[b-x2whxv9uqh] { border-left: 3px solid #3b82f6; }
.pj-stat.red[b-x2whxv9uqh] { border-left: 3px solid #ef4444; }
.pj-stat.green.active[b-x2whxv9uqh] { border-color: #22c55e; background: linear-gradient(135deg, #f0fdf4, #dcfce7); }
.pj-stat.blue.active[b-x2whxv9uqh] { border-color: #3b82f6; background: linear-gradient(135deg, #eff6ff, #dbeafe); }
.pj-stat.red.active[b-x2whxv9uqh] { border-color: #ef4444; background: linear-gradient(135deg, #fef2f2, #fecaca); }

.pj-stat-val[b-x2whxv9uqh] {
    display: block;
    font-size: 1.5rem;
    font-weight: 800;
    color: #1e293b;
    line-height: 1;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.pj-stat-lbl[b-x2whxv9uqh] {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    margin-top: 4px;
    /* Uzun isimler sığmazsa kırılsın, yeterince yer yoksa biraz küçülsün */
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.2;
}

/* Filtre satırı */
.pj-filter-row[b-x2whxv9uqh] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.pj-search[b-x2whxv9uqh] {
    flex: 0 1 260px;
    min-width: 180px;
}

.pj-search input[b-x2whxv9uqh] {
    width: 100%;
    padding: 8px 14px;
    border: 1.5px solid #e2e8f0;
    border-radius: 8px;
    font-size: 0.85rem;
    outline: none;
    transition: border-color 0.2s;
    height: 34px;
    box-sizing: border-box;
}

.pj-search input:focus[b-x2whxv9uqh] {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59,130,246,0.1);
}

.pj-result-badge[b-x2whxv9uqh] {
    display: flex;
    gap: 8px;
    font-size: 0.8rem;
    font-weight: 600;
    color: #475569;
}

.pj-rb-count[b-x2whxv9uqh] {
    padding: 4px 10px;
    border-radius: 6px;
    background: #f1f5f9;
}

/* Butonlar */
.pj-btn[b-x2whxv9uqh] {
    padding: 8px 16px;
    border-radius: 8px;
    border: none;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.15s;
    white-space: nowrap;
}

.pj-btn.primary[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #3b82f6, #2563eb);
    color: #fff;
}

.pj-btn.primary:hover[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
    transform: translateY(-1px);
}

.pj-btn.download[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #10b981, #059669);
    color: #fff;
}

.pj-btn.download:hover[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #059669, #047857);
}

.pj-btn.cancel[b-x2whxv9uqh] {
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #e2e8f0;
}

.pj-btn.cancel:hover[b-x2whxv9uqh] {
    background: #e2e8f0;
}

.pj-btn-close-red[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #fef2f2, #fecaca);
    color: #dc2626;
    border: 1.5px solid #fca5a5;
    padding: 6px 12px;
    font-size: 0.9rem;
    font-weight: 700;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.15s;
    white-space: nowrap;
}

.pj-btn-close-red:hover[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #fecaca, #fca5a5);
    color: #991b1b;
    transform: translateY(-1px);
}

/* İşlem butonları */
.pj-act[b-x2whxv9uqh] {
    width: 30px;
    height: 30px;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    font-size: 0.82rem;
    transition: all 0.15s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.pj-act.detail[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #eff6ff, #dbeafe);
}

.pj-act.detail:hover[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #dbeafe, #bfdbfe);
    transform: scale(1.05);
}

.pj-act.edit[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #fefce8, #fef9c3);
}

.pj-act.edit:hover[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #fef9c3, #fef08a);
    transform: scale(1.05);
}

.pj-act.delete[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #fef2f2, #fecaca);
}

.pj-act.delete:hover[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #fecaca, #fca5a5);
    transform: scale(1.05);
}

/* Veya etiketi */
.pj-veya[b-x2whxv9uqh] {
    display: block;
    text-align: center;
    font-size: 0.75rem;
    font-weight: 600;
    color: #94a3b8;
    margin: 4px 0;
}

/* Durum pilleri */
.pj-pill[b-x2whxv9uqh] {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    white-space: nowrap;
}

.pj-pill.green[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #dcfce7, #bbf7d0);
    color: #166534;
}

.pj-pill.blue[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #dbeafe, #bfdbfe);
    color: #1e40af;
}

.pj-pill.red[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #fecaca, #fca5a5);
    color: #991b1b;
}

.pj-pill.gray[b-x2whxv9uqh] {
    background: #f1f5f9;
    color: #475569;
}

.pj-pill.orange[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #fed7aa, #fdba74);
    color: #9a3412;
}

/* Sayı badge'leri */
.pj-count[b-x2whxv9uqh] {
    font-weight: 700;
    font-size: 0.85rem;
}

.pj-count.green[b-x2whxv9uqh] { color: #16a34a; }
.pj-count.red[b-x2whxv9uqh] { color: #dc2626; }

/* Tablo ek class'lar */
.row-kapali[b-x2whxv9uqh] {
    opacity: 0.55;
}

.td-sub[b-x2whxv9uqh] {
    font-size: 0.75rem;
    color: #94a3b8;
    font-weight: 400;
}

.th-center[b-x2whxv9uqh],
.td-center[b-x2whxv9uqh] {
    text-align: center;
}

/* Merkez alt listesi */
.pj-merkez-section[b-x2whxv9uqh] {
    margin-top: 24px;
    padding: 18px;
    border-radius: 14px;
    background: linear-gradient(135deg, #f0f9ff, #f8fafc);
    border: 1.5px solid #bae6fd;
}

.pj-merkez-header[b-x2whxv9uqh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 14px;
}

.pj-merkez-header h3[b-x2whxv9uqh] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #0c4a6e;
}

.pj-merkez-header-right[b-x2whxv9uqh] {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.pj-merkez-stats[b-x2whxv9uqh] {
    display: flex;
    gap: 8px;
    margin-bottom: 14px;
    flex-wrap: wrap;
    font-size: 0.82rem;
    color: #334155;
}

.pj-ms-item[b-x2whxv9uqh] {
    padding: 6px 12px;
    border-radius: 8px;
    background: rgba(255,255,255,0.7);
    border: 1px solid #e2e8f0;
}

.pj-ms-item.green[b-x2whxv9uqh] { border-color: #86efac; background: rgba(220,252,231,0.5); }
.pj-ms-item.red[b-x2whxv9uqh] { border-color: #fca5a5; background: rgba(254,202,202,0.3); }
.pj-ms-item.blue[b-x2whxv9uqh] { border-color: #93c5fd; background: rgba(219,234,254,0.5); }
.pj-ms-item.purple[b-x2whxv9uqh] { border-color: #c4b5fd; background: rgba(237,233,254,0.5); }
.pj-ms-item.orange[b-x2whxv9uqh] { border-color: #fdba74; background: rgba(255,237,213,0.5); }
.pj-ms-item.gray[b-x2whxv9uqh] { border-color: #cbd5e1; background: rgba(241,245,249,0.5); }
.pj-ms-item.yellow[b-x2whxv9uqh] { border-color: #fde047; background: rgba(254,249,195,0.5); }

/* Sorgu kartları */
.pj-sorgu-cards[b-x2whxv9uqh] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 16px;
    margin-bottom: 20px;
}

.pj-sorgu-card[b-x2whxv9uqh] {
    background: var(--t-card, white);
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 16px;
    padding: 22px;
    cursor: pointer;
    transition: all 0.3s;
}

.pj-sorgu-card:hover[b-x2whxv9uqh] {
    border-color: #6366f1;
    transform: translateY(-3px);
    box-shadow: 0 8px 30px rgba(99,102,241,0.12);
}

.pj-sq-icon[b-x2whxv9uqh] {
    font-size: 1.8rem;
    display: block;
    margin-bottom: 10px;
}

.pj-sq-title[b-x2whxv9uqh] {
    font-weight: 800;
    font-size: 0.95rem;
    color: var(--t-text, #1e293b);
    margin-bottom: 6px;
}

.pj-sq-desc[b-x2whxv9uqh] {
    font-size: 0.8rem;
    color: #94a3b8;
    line-height: 1.5;
}

.pj-sorgu-result[b-x2whxv9uqh] {
    margin-top: 10px;
}

.pj-sorgu-result h3[b-x2whxv9uqh] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 12px;
}

/* Rapor kartları */
.pj-rapor-cards[b-x2whxv9uqh] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 16px;
    margin-bottom: 20px;
}

.pj-rapor-card[b-x2whxv9uqh] {
    background: var(--t-card, white);
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 16px;
    padding: 22px;
    cursor: pointer;
    transition: all 0.3s;
}

.pj-rapor-card:hover[b-x2whxv9uqh] {
    border-color: #16a34a;
    transform: translateY(-3px);
    box-shadow: 0 8px 30px rgba(22,163,106,0.12);
}

.pj-rp-icon[b-x2whxv9uqh] {
    font-size: 1.8rem;
    display: block;
    margin-bottom: 10px;
}

.pj-rp-title[b-x2whxv9uqh] {
    font-weight: 800;
    font-size: 0.95rem;
    color: var(--t-text, #1e293b);
    margin-bottom: 6px;
}

.pj-rp-desc[b-x2whxv9uqh] {
    font-size: 0.8rem;
    color: #94a3b8;
    line-height: 1.5;
}

/* Genel Özet Çubuğu */
.pj-ozet-bar[b-x2whxv9uqh] {
    display: flex;
    gap: 12px;
    margin-bottom: 18px;
    flex-wrap: wrap;
    padding: 16px 18px;
    border-radius: 14px;
    background: linear-gradient(135deg, #f0f9ff, #eff6ff, #f8fafc);
    border: 1.5px solid #bae6fd;
}

.pj-ozet-item[b-x2whxv9uqh] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1 1 0;
    min-width: 120px;
    padding: 10px 14px;
    border-radius: 10px;
    background: rgba(255,255,255,0.8);
    border: 1px solid #e0f2fe;
    transition: all 0.2s;
}

.pj-ozet-item:hover[b-x2whxv9uqh] {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.pj-ozet-item.green[b-x2whxv9uqh] {
    border-color: #86efac;
    background: rgba(220,252,231,0.5);
}

.pj-ozet-icon[b-x2whxv9uqh] {
    font-size: 1.4rem;
}

.pj-ozet-data[b-x2whxv9uqh] {
    display: flex;
    flex-direction: column;
}

.pj-ozet-val[b-x2whxv9uqh] {
    font-size: 1.3rem;
    font-weight: 800;
    color: #0c4a6e;
    line-height: 1;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.pj-ozet-lbl[b-x2whxv9uqh] {
    font-size: 0.72rem;
    font-weight: 600;
    color: #64748b;
    margin-top: 2px;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.2;
}

/* Uzun proje adı sığmazsa kırılsın */
.pj-td-proje-name[b-x2whxv9uqh] {
    overflow-wrap: anywhere;
    word-break: break-word;
}

/* Klonla butonu */
.pj-act.clone[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #f0fdf4, #dcfce7);
}

.pj-act.clone:hover[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #dcfce7, #bbf7d0);
    transform: scale(1.05);
}

/* Merkez arama */
.pj-merkez-search[b-x2whxv9uqh] {
    flex: 0 1 220px;
}

.pj-merkez-search input[b-x2whxv9uqh] {
    width: 100%;
    padding: 7px 12px;
    border: 1.5px solid #bae6fd;
    border-radius: 8px;
    font-size: 0.82rem;
    outline: none;
    background: rgba(255,255,255,0.9);
    transition: border-color 0.2s;
}

.pj-merkez-search input:focus[b-x2whxv9uqh] {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59,130,246,0.1);
}

/* Toplu işlem barı */
.pj-toplu-bar[b-x2whxv9uqh] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    margin-bottom: 12px;
    border-radius: 10px;
    background: linear-gradient(135deg, #eff6ff, #dbeafe);
    border: 1.5px solid #93c5fd;
    font-size: 0.82rem;
    font-weight: 600;
    color: #1e40af;
    flex-wrap: wrap;
    animation: pj-toplu-in-b-x2whxv9uqh 0.3s ease;
}

@keyframes pj-toplu-in-b-x2whxv9uqh {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}

.pj-btn.toplu-aktif[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #22c55e, #16a34a);
    color: #fff;
    font-size: 0.78rem;
    padding: 5px 12px;
}

.pj-btn.toplu-kapali[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #ef4444, #dc2626);
    color: #fff;
    font-size: 0.78rem;
    padding: 5px 12px;
}

.pj-btn.toplu-hasta-ac[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #3b82f6, #2563eb);
    color: #fff;
    font-size: 0.78rem;
    padding: 5px 12px;
}

.pj-btn.toplu-hasta-kapat[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #f59e0b, #d97706);
    color: #fff;
    font-size: 0.78rem;
    padding: 5px 12px;
}

/* Checkbox sütunu */
.th-chk[b-x2whxv9uqh], .td-chk[b-x2whxv9uqh] {
    width: 36px;
    text-align: center;
}

.th-chk input[b-x2whxv9uqh], .td-chk input[b-x2whxv9uqh] {
    width: 16px;
    height: 16px;
    accent-color: #3b82f6;
    cursor: pointer;
}

/* Proje Notları */
.pj-notlar-section[b-x2whxv9uqh] {
    margin-top: 20px;
    padding: 16px 18px;
    border-radius: 12px;
    background: linear-gradient(135deg, #fefce8, #fffbeb, #fef9c3);
    border: 1.5px solid #fde68a;
}

.pj-notlar-header[b-x2whxv9uqh] {
    margin-bottom: 12px;
}

.pj-notlar-header h4[b-x2whxv9uqh] {
    margin: 0;
    font-size: 0.92rem;
    font-weight: 700;
    color: #92400e;
}

.pj-not-ekle[b-x2whxv9uqh] {
    display: flex;
    gap: 10px;
    margin-bottom: 14px;
    align-items: flex-end;
}

.pj-not-input[b-x2whxv9uqh] {
    flex: 1;
    padding: 10px 14px;
    border: 1.5px solid #fde68a;
    border-radius: 10px;
    font-size: 0.84rem;
    resize: vertical;
    outline: none;
    font-family: inherit;
    min-height: 40px;
    background: rgba(255,255,255,0.8);
    transition: border-color 0.2s;
}

.pj-not-input:focus[b-x2whxv9uqh] {
    border-color: #f59e0b;
    box-shadow: 0 0 0 3px rgba(245,158,11,0.1);
}

.pj-not-btn[b-x2whxv9uqh] {
    white-space: nowrap;
}

.pj-not-loading[b-x2whxv9uqh] {
    text-align: center;
    padding: 20px;
    font-size: 0.82rem;
    color: #92400e;
}

.pj-not-empty[b-x2whxv9uqh] {
    text-align: center;
    padding: 24px 16px;
    font-size: 0.82rem;
    color: #a16207;
    font-style: italic;
}

.pj-not-timeline[b-x2whxv9uqh] {
    display: flex;
    flex-direction: column;
    gap: 0;
    position: relative;
    padding-left: 20px;
}

.pj-not-timeline[b-x2whxv9uqh]::before {
    content: '';
    position: absolute;
    left: 7px;
    top: 8px;
    bottom: 8px;
    width: 2px;
    background: #fde68a;
    border-radius: 2px;
}

.pj-not-item[b-x2whxv9uqh] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 10px 0;
    position: relative;
}

.pj-not-dot[b-x2whxv9uqh] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #f59e0b;
    border: 2px solid #fef3c7;
    flex-shrink: 0;
    margin-top: 5px;
    position: absolute;
    left: -18px;
    z-index: 1;
}

.pj-not-content[b-x2whxv9uqh] {
    flex: 1;
    padding: 10px 14px;
    border-radius: 10px;
    background: rgba(255,255,255,0.85);
    border: 1px solid #fde68a;
}

.pj-not-meta[b-x2whxv9uqh] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

.pj-not-author[b-x2whxv9uqh] {
    font-size: 0.78rem;
    font-weight: 700;
    color: #92400e;
}

.pj-not-date[b-x2whxv9uqh] {
    font-size: 0.72rem;
    color: #a16207;
}

.pj-not-text[b-x2whxv9uqh] {
    font-size: 0.84rem;
    color: #451a03;
    line-height: 1.5;
    white-space: pre-wrap;
}

.pj-not-sil[b-x2whxv9uqh] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: none;
    background: rgba(239,68,68,0.1);
    color: #ef4444;
    font-size: 0.7rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 0.2s;
    flex-shrink: 0;
    margin-top: 4px;
}

.pj-not-item:hover .pj-not-sil[b-x2whxv9uqh] {
    opacity: 1;
}

.pj-not-sil:hover[b-x2whxv9uqh] {
    background: rgba(239,68,68,0.2);
}

/* Mobil uyum */
@media (max-width: 768px) {
    .pj-section[b-x2whxv9uqh] {
        padding: 10px 12px;
    }

    .pj-ozet-bar[b-x2whxv9uqh] {
        padding: 10px;
        gap: 8px;
    }

    .pj-ozet-item[b-x2whxv9uqh] {
        min-width: 90px;
        padding: 8px 10px;
        gap: 8px;
    }

    .pj-ozet-val[b-x2whxv9uqh] {
        font-size: 1.1rem;
    }

    .pj-stats[b-x2whxv9uqh] {
        gap: 6px;
    }

    .pj-stat[b-x2whxv9uqh] {
        min-width: 70px;
        padding: 10px 8px;
    }

    .pj-stat-val[b-x2whxv9uqh] {
        font-size: 1.2rem;
    }

    .pj-filter-row[b-x2whxv9uqh] {
        gap: 8px;
    }

    .pj-merkez-section[b-x2whxv9uqh] {
        padding: 12px;
    }

    .pj-merkez-stats[b-x2whxv9uqh] {
        gap: 8px;
        font-size: 0.78rem;
    }

    .pj-merkez-search[b-x2whxv9uqh] {
        flex: 1 1 100%;
    }

    .pj-toplu-bar[b-x2whxv9uqh] {
        gap: 6px;
        padding: 8px 10px;
        font-size: 0.78rem;
    }

    .pj-not-ekle[b-x2whxv9uqh] {
        flex-direction: column;
    }

    .pj-not-btn[b-x2whxv9uqh] {
        width: 100%;
    }

    .pj-sorgu-cards[b-x2whxv9uqh],
    .pj-rapor-cards[b-x2whxv9uqh] {
        grid-template-columns: 1fr;
    }
}

/* ───────────── Özet Bar – Mavi Varyant ───────────── */
.pj-ozet-item.blue[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
    border-left: 4px solid #1976d2;
}

.pj-ozet-item.blue strong[b-x2whxv9uqh] {
    color: #1565c0;
}

/* ───────────── Vizit Adları Bölümü ───────────── */
.pj-vizit-section[b-x2whxv9uqh] {
    margin-top: 24px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    overflow: hidden;
}

.pj-vizit-header[b-x2whxv9uqh] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    background: linear-gradient(135deg, #e3f2fd, #bbdefb);
    border-bottom: 1px solid #e0e0e0;
    font-weight: 600;
    font-size: .95rem;
    color: #1565c0;
    cursor: pointer;
    transition: background 0.15s;
}

.pj-vizit-header:hover[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #bbdefb, #90caf9);
}

.pj-vizit-hint[b-x2whxv9uqh] {
    font-size: .78rem;
    color: #78909c;
    padding: 6px 18px 0;
}

.pj-vizit-grid[b-x2whxv9uqh] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 14px 18px 18px;
}

.pj-vizit-chip[b-x2whxv9uqh] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #f5f5f5;
    border: 1px solid #e0e0e0;
    border-radius: 20px;
    padding: 6px 14px;
    font-size: .82rem;
    transition: background .15s;
}

.pj-vizit-chip:hover[b-x2whxv9uqh] {
    background: #e3f2fd;
}

.pj-vizit-chip .vizit-name[b-x2whxv9uqh] {
    font-weight: 500;
    color: #333;
}

.pj-vizit-chip .vizit-sure[b-x2whxv9uqh] {
    font-size: .72rem;
    color: #1976d2;
    background: #bbdefb;
    border-radius: 10px;
    padding: 1px 8px;
    font-weight: 600;
}

.pj-vizit-empty[b-x2whxv9uqh] {
    padding: 20px 18px;
    text-align: center;
    color: #9e9e9e;
    font-size: .85rem;
}

/* ───────────── Proje Detay Bilgileri (Katlanır) ───────────── */
.pj-bilgi-section[b-x2whxv9uqh] {
    margin-top: 18px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    overflow: hidden;
}

.pj-bilgi-toggle[b-x2whxv9uqh] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 14px 18px;
    background: linear-gradient(135deg, #fce4ec, #f8bbd0);
    border: none;
    cursor: pointer;
    font-weight: 600;
    font-size: .93rem;
    color: #c62828;
    transition: background .15s;
}

.pj-bilgi-toggle:hover[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #f8bbd0, #f48fb1);
}

.pj-bilgi-arrow[b-x2whxv9uqh] {
    transition: transform .2s;
    font-size: .8rem;
}

.pj-bilgi-arrow.open[b-x2whxv9uqh] {
    transform: rotate(90deg);
}

.pj-bilgi-badge[b-x2whxv9uqh] {
    margin-left: auto;
    background: #c62828;
    color: #fff;
    border-radius: 10px;
    padding: 2px 10px;
    font-size: .72rem;
    font-weight: 700;
}

.pj-bilgi-body[b-x2whxv9uqh] {
    padding: 16px 18px 20px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    border-top: 1px solid #e0e0e0;
}

.pj-bilgi-group[b-x2whxv9uqh] {
    background: #fafafa;
    border: 1px solid #f0f0f0;
    border-radius: 10px;
    padding: 12px 16px;
}

.pj-bilgi-group-title[b-x2whxv9uqh] {
    font-weight: 600;
    font-size: .88rem;
    color: #555;
    margin-bottom: 10px;
    padding-bottom: 6px;
    border-bottom: 1px solid #e8e8e8;
}

.pj-bilgi-item[b-x2whxv9uqh] {
    display: flex;
    gap: 8px;
    padding: 4px 0;
    font-size: .84rem;
}

.pj-bilgi-lbl[b-x2whxv9uqh] {
    min-width: 110px;
    color: #888;
    font-weight: 500;
    flex-shrink: 0;
}

.pj-bilgi-val[b-x2whxv9uqh] {
    color: #333;
    word-break: break-word;
}

.pj-bilgi-empty[b-x2whxv9uqh] {
    padding: 18px;
    text-align: center;
    color: #bdbdbd;
    font-size: .84rem;
}

/* ───────────── Proje Alt Bölüm Toggle Renkleri ───────────── */
.pj-toggle-yetki[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #e8eaf6, #c5cae9) !important;
    color: #283593 !important;
}

.pj-toggle-yetki:hover[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #c5cae9, #9fa8da) !important;
}

.pj-toggle-hasta[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #e0f2f1, #b2dfdb) !important;
    color: #00695c !important;
}

.pj-toggle-hasta:hover[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #b2dfdb, #80cbc4) !important;
}

.pj-toggle-isgiris[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #fff3e0, #ffe0b2) !important;
    color: #e65100 !important;
}

.pj-toggle-isgiris:hover[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #ffe0b2, #ffcc80) !important;
}

.pj-toggle-fte[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #f3e5f5, #e1bee7) !important;
    color: #6a1b9a !important;
}

.pj-toggle-fte:hover[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #e1bee7, #ce93d8) !important;
}

.pj-toggle-ekipman[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #e8f5e9, #c8e6c9) !important;
    color: #2e7d32 !important;
}

.pj-toggle-ekipman:hover[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #c8e6c9, #a5d6a7) !important;
}

/* ───────────── Alt Bilgi Kart Grid ───────────── */
.pj-sub-cards[b-x2whxv9uqh] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-top: 20px;
}

.pj-sub-card[b-x2whxv9uqh] {
    background: #fff;
    border-radius: 14px;
    border: 1.5px solid #e2e8f0;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.04);
    transition: box-shadow 0.2s, border-color 0.2s;
}

.pj-sub-card:hover[b-x2whxv9uqh] {
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
}

.pj-sc-full[b-x2whxv9uqh] {
    grid-column: 1 / -1;
}

.pj-sc-head[b-x2whxv9uqh] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    cursor: pointer;
    transition: background 0.15s;
    user-select: none;
}

.pj-sc-yetki .pj-sc-head[b-x2whxv9uqh] { background: linear-gradient(135deg, #e8eaf6, #c5cae9); }
.pj-sc-yetki .pj-sc-head:hover[b-x2whxv9uqh] { background: linear-gradient(135deg, #c5cae9, #9fa8da); }
.pj-sc-hasta .pj-sc-head[b-x2whxv9uqh] { background: linear-gradient(135deg, #e0f2f1, #b2dfdb); }
.pj-sc-hasta .pj-sc-head:hover[b-x2whxv9uqh] { background: linear-gradient(135deg, #b2dfdb, #80cbc4); }
.pj-sc-isgiris .pj-sc-head[b-x2whxv9uqh] { background: linear-gradient(135deg, #fff3e0, #ffe0b2); }
.pj-sc-isgiris .pj-sc-head:hover[b-x2whxv9uqh] { background: linear-gradient(135deg, #ffe0b2, #ffcc80); }
.pj-sc-fte .pj-sc-head[b-x2whxv9uqh] { background: linear-gradient(135deg, #f3e5f5, #e1bee7); }
.pj-sc-fte .pj-sc-head:hover[b-x2whxv9uqh] { background: linear-gradient(135deg, #e1bee7, #ce93d8); }
.pj-sc-ekipman .pj-sc-head[b-x2whxv9uqh] { background: linear-gradient(135deg, #e8f5e9, #c8e6c9); }
.pj-sc-ekipman .pj-sc-head:hover[b-x2whxv9uqh] { background: linear-gradient(135deg, #c8e6c9, #a5d6a7); }
.pj-sc-masraf .pj-sc-head[b-x2whxv9uqh] { background: linear-gradient(135deg, #e1f5fe, #b3e5fc); }
.pj-sc-masraf .pj-sc-head:hover[b-x2whxv9uqh] { background: linear-gradient(135deg, #b3e5fc, #81d4fa); }
.pj-sc-vizitlimit .pj-sc-head[b-x2whxv9uqh] { background: linear-gradient(135deg, #fff8e1, #ffecb3); }
.pj-sc-vizitlimit .pj-sc-head:hover[b-x2whxv9uqh] { background: linear-gradient(135deg, #ffecb3, #ffe082); }

.pj-sc-icon[b-x2whxv9uqh] {
    font-size: 1.3rem;
    flex-shrink: 0;
}

.pj-sc-info[b-x2whxv9uqh] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
    min-width: 0;
}

.pj-sc-title[b-x2whxv9uqh] {
    font-size: 0.9rem;
    font-weight: 700;
    color: #1e293b;
    white-space: nowrap;
}

.pj-sc-badge[b-x2whxv9uqh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 7px;
    border-radius: 11px;
    background: rgba(0,0,0,0.1);
    font-size: 0.72rem;
    font-weight: 700;
    color: #1e293b;
}

.pj-sc-arrow[b-x2whxv9uqh] {
    font-size: 0.78rem;
    color: #64748b;
    flex-shrink: 0;
    transition: transform 0.2s;
}

.pj-sc-body[b-x2whxv9uqh] {
    padding: 16px 18px 20px;
    border-top: 1px solid #e2e8f0;
    max-height: 400px;
    overflow-y: auto;
}

.pj-sc-empty[b-x2whxv9uqh] {
    text-align: center;
    padding: 24px 16px;
    color: #94a3b8;
    font-size: 0.84rem;
    font-style: italic;
}

.pj-sc-stats[b-x2whxv9uqh] {
    display: flex;
    gap: 10px;
    margin-bottom: 12px;
    flex-wrap: wrap;
    font-size: 0.82rem;
    color: #334155;
}

/* FTE-Vizit CRUD Form */
.pj-fte-form[b-x2whxv9uqh] {
    margin-bottom: 14px;
    padding: 10px 14px;
    border-radius: 10px;
    background: linear-gradient(135deg, #faf5ff, #f3e8ff);
    border: 1.5px solid #e9d5ff;
}

.pj-fte-form-row[b-x2whxv9uqh] {
    display: flex;
    gap: 8px;
    align-items: flex-end;
    flex-wrap: nowrap;
}

.pj-fte-input[b-x2whxv9uqh] {
    width: 100%;
    padding: 0 12px;
    border: 1.5px solid #e2e8f0;
    border-radius: 8px;
    font-size: 0.82rem;
    outline: none;
    box-sizing: border-box;
    font-family: inherit;
    transition: border-color 0.2s;
    height: 34px;
}

.pj-fte-input:focus[b-x2whxv9uqh] {
    border-color: #8b5cf6;
    box-shadow: 0 0 0 3px rgba(139,92,246,0.1);
}

.pj-fte-add-btn[b-x2whxv9uqh] {
    white-space: nowrap;
    padding: 0 14px !important;
    flex-shrink: 0;
    height: 34px;
    display: inline-flex;
    align-items: center;
}

/* Merkez Detay Alt Kartlar */
.md-sub-cards[b-x2whxv9uqh] {
    margin-top: 16px;
}

.md-sub-cards .pj-sc-body[b-x2whxv9uqh] {
    max-height: 350px;
}

@media (max-width: 900px) {
    .pj-sub-cards[b-x2whxv9uqh] {
        grid-template-columns: 1fr;
    }

    .pj-sc-full[b-x2whxv9uqh] {
        grid-column: 1;
    }

    .pj-fte-form-row[b-x2whxv9uqh] {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
        gap: 8px;
    }

    .pj-fte-field[b-x2whxv9uqh],
    .pj-fte-field:first-child[b-x2whxv9uqh] {
        flex: 1 1 100%;
        min-width: 0;
        width: 100%;
    }

    .pj-fte-field.pj-fte-narrow[b-x2whxv9uqh] {
        flex: 1 1 calc(50% - 4px);
        min-width: 0;
        width: auto;
    }

    .pj-fte-add-btn[b-x2whxv9uqh] {
        width: 100%;
        justify-content: center;
    }
}

.pj-fte-field[b-x2whxv9uqh] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    flex: 0 0 auto;
}

.pj-fte-field:first-child[b-x2whxv9uqh] {
    flex: 1 1 0;
    min-width: 120px;
}

/* FTE Değeri ve Tutar alanları dar olsun */
.pj-fte-field.pj-fte-narrow[b-x2whxv9uqh] {
    flex: 0 0 90px;
    min-width: 70px;
}

/* SearchSelect yüksekliği diğerleri ile aynı */
.pj-fte-field[b-x2whxv9uqh]  .ss-wrap {
    height: 34px;
}

.pj-fte-field[b-x2whxv9uqh]  .m-input {
    height: 34px;
    padding: 0 12px;
    font-size: 0.82rem;
    box-sizing: border-box;
}

.pj-fte-field label[b-x2whxv9uqh] {
    font-size: 0.72rem;
    font-weight: 600;
    color: #555;
    line-height: 1;
    white-space: nowrap;
}

.pj-fte-toggle-wrap[b-x2whxv9uqh] {
    display: inline-flex;
    gap: 0;
    border-radius: 8px;
    overflow: hidden;
    border: 1.5px solid #e0e0e0;
    width: fit-content;
    height: 34px;
    box-sizing: border-box;
}

.pj-fte-toggle[b-x2whxv9uqh] {
    padding: 0 10px;
    border: none;
    background: #f5f5f5;
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
    color: #666;
    transition: all 0.15s;
    height: 100%;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    gap: 0;
}

.pj-fte-toggle.active[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #6a1b9a, #8e24aa);
    color: #fff;
}

.pj-fte-toggle:hover:not(.active)[b-x2whxv9uqh] {
    background: #e0e0e0;
}

.pj-fte-toplam-row[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #f3e5f5, #ede7f6) !important;
}

.pj-fte-toplam-row td[b-x2whxv9uqh] {
    border-top: 2px solid #ce93d8;
}

/* ───────────── Proje Tablo – Vizit Sayısı (mavi) ───────────── */
.pj-count.blue[b-x2whxv9uqh] {
    color: #1565c0;
    font-weight: 600;
}

/* ───────────── Responsive – Vizit & Bilgi ───────────── */
@media (max-width: 768px) {
    .pj-vizit-grid[b-x2whxv9uqh] {
        gap: 8px;
        padding: 10px 12px 14px;
    }

    .pj-vizit-chip[b-x2whxv9uqh] {
        font-size: .78rem;
        padding: 5px 10px;
    }

    .pj-bilgi-item[b-x2whxv9uqh] {
        flex-direction: column;
        gap: 2px;
    }

    .pj-bilgi-lbl[b-x2whxv9uqh] {
        min-width: unset;
    }
}

/* ═══════════════════════════════════════════════════════════
   PROJE TABLO TASARIMI (Liste Görünümü)
   ═══════════════════════════════════════════════════════════ */

.pj-table-wrap[b-x2whxv9uqh] {
    overflow-x: auto;
    background: var(--t-card, #fff);
    border-radius: 14px;
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    box-shadow: 0 2px 12px rgba(0,0,0,0.04);
}

.pj-tablo[b-x2whxv9uqh] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 0.85rem;
}

.pj-tablo thead[b-x2whxv9uqh] {
    background: var(--t-hover, #f8fafc);
}

.pj-tablo th[b-x2whxv9uqh] {
    padding: 12px 16px;
    text-align: left;
    font-weight: 700;
    font-size: 0.78rem;
    color: var(--t-text-muted, #64748b);
    border-bottom: 2px solid var(--t-card-border, #e2e8f0);
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.pj-tablo td[b-x2whxv9uqh] {
    padding: 12px 16px;
    border-bottom: 1px solid var(--t-card-border, #f1f5f9);
    color: var(--t-text, #334155);
    vertical-align: middle;
    white-space: nowrap;
}

.pj-tablo tbody tr[b-x2whxv9uqh] {
    cursor: pointer;
    transition: background 0.15s;
}

.pj-tablo tbody tr:hover[b-x2whxv9uqh] {
    background: #f0f4ff;
}

.pj-tablo tbody tr:last-child td[b-x2whxv9uqh] {
    border-bottom: none;
}

/* Seçili satır */
.pj-tablo .row-active[b-x2whxv9uqh] {
    background: #eff6ff !important;
    box-shadow: inset 3px 0 0 #3b82f6;
}

/* Kapalı proje satırı */
.pj-tablo .row-kapali[b-x2whxv9uqh] {
    opacity: 0.55;
}

/* İşlem kolonu */
.pj-th-act[b-x2whxv9uqh] {
    width: 1%;
    white-space: nowrap;
    text-align: center;
}

.pj-td-act[b-x2whxv9uqh] {
    width: 1%;
    white-space: nowrap;
}

.pj-actions[b-x2whxv9uqh] {
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: flex-start;
}

.pj-act-btn[b-x2whxv9uqh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1.5px solid transparent;
    border-radius: 8px;
    background: #f1f5f9;
    color: #64748b;
    cursor: pointer;
    font-size: 0.82rem;
    transition: all 0.2s ease;
    padding: 0;
}

.pj-act-btn:hover[b-x2whxv9uqh] {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.pj-act-edit[b-x2whxv9uqh] { color: #2563eb; border-color: #bfdbfe; background: #eff6ff; }
.pj-act-edit:hover[b-x2whxv9uqh] { background: #2563eb; color: #fff; border-color: #2563eb; }

.pj-act-view[b-x2whxv9uqh] { color: #8b5cf6; border-color: #ddd6fe; background: #f5f3ff; }
.pj-act-view:hover[b-x2whxv9uqh] { background: #8b5cf6; color: #fff; border-color: #8b5cf6; }

.pj-act-clone[b-x2whxv9uqh] { color: #16a34a; border-color: #bbf7d0; background: #f0fdf4; }
.pj-act-clone:hover[b-x2whxv9uqh] { background: #16a34a; color: #fff; border-color: #16a34a; }

.pj-act-delete[b-x2whxv9uqh] { color: #ef4444; border-color: #fecaca; background: #fef2f2; }
.pj-act-delete:hover[b-x2whxv9uqh] { background: #ef4444; color: #fff; border-color: #ef4444; }

/* ID kolonu */
.pj-th-id[b-x2whxv9uqh] {
    width: 1%;
    white-space: nowrap;
}

.pj-td-id[b-x2whxv9uqh] {
    font-weight: 700;
    color: var(--t-text-muted, #94a3b8);
    font-size: 0.82rem;
    white-space: nowrap;
}

/* Proje adı kolonu */
.pj-td-proje[b-x2whxv9uqh] {
    min-width: 180px;
    white-space: normal;
}

.pj-td-proje-inner[b-x2whxv9uqh] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 8px;
}

.pj-td-proje-name[b-x2whxv9uqh] {
    font-weight: 700;
    color: var(--t-text, #1e293b);
    font-size: 0.88rem;
    margin-right: 4px;
}

.pj-td-proje-acik[b-x2whxv9uqh] {
    font-size: 0.74rem;
    color: var(--t-text-muted, #94a3b8);
    line-height: 1.3;
    width: 100%;
}

/* Sayı kolonları */
.pj-th-num[b-x2whxv9uqh] {
    text-align: center;
    width: 1%;
    white-space: nowrap;
}

.pj-td-num[b-x2whxv9uqh] {
    text-align: center;
    font-weight: 700;
    font-size: 0.9rem;
    white-space: nowrap;
}

.pj-num-aktif[b-x2whxv9uqh] { color: #16a34a; }
.pj-num-kapali[b-x2whxv9uqh] { color: #64748b; }
.pj-num-startup[b-x2whxv9uqh] { color: #f59e0b; }

/* Boş satır: artık global .empty-row sınıfı kullanılıyor (yonetim-liste.css).
   Tema uyumlu kırmızı arkaplan ile MasrafYönetimi vb. sayfalarla görsel tutarlılık sağlar. */

/* Tablo Responsive */
@media (max-width: 768px) {
    /* Mobil: tabloların viewport'tan taşmasını önle, sadece tablo kendi alanında yatay kaysın */
    .pj-section[b-x2whxv9uqh],
    .pj-merkez-section[b-x2whxv9uqh] {
        max-width: 100%;
        overflow-x: hidden;
    }

    .pj-table-wrap[b-x2whxv9uqh],
    .pj-merkez-section .ym-table-wrap[b-x2whxv9uqh] {
        margin: 0;
        border-radius: 10px;
        max-width: 100%;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
    }

    /* Tablo, kapsayıcısının içinde kaysın, sayfa düzeyinde değil */
    .pj-tablo[b-x2whxv9uqh],
    .pj-merkez-section .ym-table[b-x2whxv9uqh] {
        min-width: max-content;
    }

    .pj-tablo th[b-x2whxv9uqh],
    .pj-tablo td[b-x2whxv9uqh] {
        padding: 10px 10px;
        font-size: 0.8rem;
    }

    .pj-td-proje-name[b-x2whxv9uqh] {
        font-size: 0.82rem;
    }

    .pj-act-btn[b-x2whxv9uqh] {
        width: 26px;
        height: 26px;
        font-size: 0.75rem;
    }

    .pj-filter-row[b-x2whxv9uqh] {
        flex-direction: column;
        align-items: stretch;
    }

    .pj-filter-row .pj-search[b-x2whxv9uqh] {
        flex: none;
        width: 100%;
        min-width: 0;
    }

    .pj-filter-row .pj-durum-chips[b-x2whxv9uqh] {
        width: 100%;
        box-sizing: border-box;
    }

    .pj-filter-row .pj-btn[b-x2whxv9uqh] {
        width: 100%;
        text-align: center;
    }

    .pj-merkez-header[b-x2whxv9uqh] {
        flex-direction: column;
        align-items: stretch;
    }

    .pj-merkez-header-right[b-x2whxv9uqh] {
        flex-wrap: wrap;
        justify-content: stretch;
    }

    .pj-merkez-search[b-x2whxv9uqh] {
        flex: 1 1 100%;
        min-width: 0;
    }

    }

/* ═══════════════════════════════════════════════════════════
   POPUP STİLLERİ (Proje / Merkez Ekle-Düzenle)
   ═══════════════════════════════════════════════════════════ */

.my-overlay[b-x2whxv9uqh] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.4);
    z-index: 1000;
    backdrop-filter: blur(4px);
}

/* Sabit Verilere de ekle — popup card */
.sv-ekle-card[b-x2whxv9uqh] {
    margin: 0 0 14px;
    padding: 12px 16px;
    border-radius: 10px;
    background: linear-gradient(135deg, #f0f9ff, #e0f2fe);
    border: 1px solid #7dd3fc;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}
.sv-ekle-info[b-x2whxv9uqh] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.78rem;
    color: #0c4a6e;
    line-height: 1.5;
}
.sv-ekle-icon[b-x2whxv9uqh] { font-size: 1.05rem; }

.sv-ekle-toggle[b-x2whxv9uqh] {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    flex-shrink: 0;
}
.sv-ekle-toggle input[type="checkbox"][b-x2whxv9uqh] { display: none; }
.sv-ekle-slider[b-x2whxv9uqh] {
    position: relative;
    width: 38px;
    height: 20px;
    background: #cbd5e1;
    border-radius: 20px;
    transition: background 0.25s;
}
.sv-ekle-slider[b-x2whxv9uqh]::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: white;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    transition: transform 0.25s;
}
.sv-ekle-toggle input:checked ~ .sv-ekle-slider[b-x2whxv9uqh] {
    background: #2563eb;
}
.sv-ekle-toggle input:checked ~ .sv-ekle-slider[b-x2whxv9uqh]::after {
    transform: translateX(18px);
}
.sv-ekle-label[b-x2whxv9uqh] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #1e40af;
    white-space: nowrap;
}

.my-popup[b-x2whxv9uqh] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: white;
    border-radius: 16px;
    padding: 28px;
    z-index: 1001;
    width: 90%;
    max-width: 440px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.2);
    animation: pj-popup-in-b-x2whxv9uqh 0.2s ease;
}

@keyframes pj-popup-in-b-x2whxv9uqh {
    from { opacity: 0; transform: translate(-50%,-50%) scale(0.95); }
    to { opacity: 1; transform: translate(-50%,-50%) scale(1); }
}

.my-popup h3[b-x2whxv9uqh] {
    margin: 0 0 8px;
    font-size: 1.1rem;
    font-weight: 700;
    color: #1e293b;
}

.my-popup-wide[b-x2whxv9uqh] {
    max-width: 680px;
    max-height: 90vh;
    overflow-y: visible;
}

.my-popup-sub[b-x2whxv9uqh] {
    margin: 0 0 16px;
    font-size: 0.85rem;
    color: #64748b;
}

.my-edit-grid[b-x2whxv9uqh] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-bottom: 16px;
}

.my-ef label[b-x2whxv9uqh] {
    display: block;
    font-size: 0.78rem;
    font-weight: 700;
    color: #475569;
    margin-bottom: 4px;
}

.my-ef.span-2[b-x2whxv9uqh] {
    grid-column: span 2;
}

.my-ef[b-x2whxv9uqh]  .m-input {
    padding: 9px 14px;
    font-size: 0.85rem;
    border: 1.5px solid #e2e8f0;
    border-radius: 8px;
    width: 100%;
    box-sizing: border-box;
}

.my-ef[b-x2whxv9uqh]  .m-input:focus,
.my-ef[b-x2whxv9uqh]  .m-input.ss-open {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59,130,246,0.1);
}

.my-ef[b-x2whxv9uqh]  .ss-panel {
    z-index: 1100;
}

.my-oinput[b-x2whxv9uqh] {
    width: 100%;
    padding: 9px 14px;
    border: 1.5px solid #e2e8f0;
    border-radius: 8px;
    font-size: 0.85rem;
    outline: none;
    box-sizing: border-box;
    font-family: inherit;
    transition: border-color 0.2s;
}

.my-oinput:focus[b-x2whxv9uqh] {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59,130,246,0.1);
}

.my-popup-actions[b-x2whxv9uqh] {
    display: flex;
    gap: 10px;
    margin-top: 18px;
}

.my-btn[b-x2whxv9uqh] {
    padding: 10px 20px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 700;
    font-size: 0.85rem;
    transition: all 0.2s;
}

.my-btn.primary[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #3b82f6, #2563eb);
    color: white;
    flex: 1;
}

.my-btn.primary:hover[b-x2whxv9uqh] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(59,130,246,0.3);
}

.my-btn.cancel[b-x2whxv9uqh] {
    background: white;
    color: #64748b;
    border: 1.5px solid #e2e8f0;
}

.my-btn.cancel:hover[b-x2whxv9uqh] {
    border-color: #94a3b8;
}

/* Popup Responsive */
@media (max-width: 600px) {
    .my-edit-grid[b-x2whxv9uqh] {
        grid-template-columns: 1fr;
    }

    .my-ef.span-2[b-x2whxv9uqh] {
        grid-column: span 1;
    }

    .my-popup-wide[b-x2whxv9uqh] {
        max-width: 95vw;
        padding: 20px;
    }
}

/* ═══════════════════════════════════════════════════════════
   ÖZET BAR V2 – Kompakt Chip Tasarımı
   ═══════════════════════════════════════════════════════════ */

.pj-ozet-bar-v2[b-x2whxv9uqh] {
    display: flex;
    gap: 10px;
    margin-bottom: 16px;
    flex-wrap: wrap;
    padding: 12px 16px;
    border-radius: 12px;
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 50%, #f0f4ff 100%);
    border: 1.5px solid #bae6fd;
    align-items: center;
}

.pj-ozet-chip[b-x2whxv9uqh] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 14px;
    border-radius: 20px;
    background: rgba(255,255,255,0.85);
    border: 1px solid #e0f2fe;
    font-size: 0.8rem;
    font-weight: 600;
    color: #334155;
    transition: all 0.2s;
    white-space: nowrap;
}

.pj-ozet-chip:hover[b-x2whxv9uqh] {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.pj-ozet-chip strong[b-x2whxv9uqh] {
    font-size: 1rem;
    font-weight: 800;
    color: #0c4a6e;
}

.pj-ozet-chip.green[b-x2whxv9uqh] {
    border-color: #86efac;
    background: rgba(220,252,231,0.6);
}

.pj-ozet-chip.green strong[b-x2whxv9uqh] { color: #166534; }

.pj-ozet-chip.blue[b-x2whxv9uqh] {
    border-color: #93c5fd;
    background: rgba(219,234,254,0.6);
}

.pj-ozet-chip.blue strong[b-x2whxv9uqh] { color: #1e40af; }

/* ═══════════════════════════════════════════════════════════
   DURUM FİLTRE CHİP'LERİ – Küçük & Kompakt
   ═══════════════════════════════════════════════════════════ */

.pj-durum-chips[b-x2whxv9uqh] {
    display: inline-flex;
    gap: 6px;
    background: #f1f5f9;
    border-radius: 10px;
    padding: 6px 8px;
    align-items: center;
    flex-wrap: wrap;
}

.pj-merkez-section > .pj-durum-chips[b-x2whxv9uqh] {
    margin-bottom: 8px;
}

.pj-chip[b-x2whxv9uqh] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border-radius: 8px;
    border: 1.5px solid #e2e8f0;
    font-size: 0.78rem;
    font-weight: 600;
    color: #64748b;
    background: #fff;
    cursor: pointer;
    transition: all 0.15s;
    white-space: nowrap;
    height: 34px;
    box-sizing: border-box;
}

.pj-chip-num[b-x2whxv9uqh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 18px;
    padding: 0 5px;
    border-radius: 9px;
    background: rgba(100,116,139,0.12);
    font-size: 0.68rem;
    font-weight: 700;
    color: inherit;
    line-height: 1;
}

.pj-chip:hover[b-x2whxv9uqh] {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #334155;
}

.pj-chip.active[b-x2whxv9uqh] {
    background: #fff;
    color: #1e293b;
    border-color: #94a3b8;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.pj-chip.active .pj-chip-num[b-x2whxv9uqh] {
    background: rgba(30,41,59,0.12);
}

.pj-chip.active.green[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #dcfce7, #bbf7d0);
    color: #166534;
    border-color: #86efac;
}

.pj-chip.active.green .pj-chip-num[b-x2whxv9uqh] {
    background: rgba(22,101,52,0.15);
}

.pj-chip.active.blue[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #dbeafe, #bfdbfe);
    color: #1e40af;
    border-color: #93c5fd;
}

.pj-chip.active.blue .pj-chip-num[b-x2whxv9uqh] {
    background: rgba(30,64,175,0.15);
}

.pj-chip.active.red[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #fecaca, #fca5a5);
    color: #991b1b;
    border-color: #fca5a5;
}

.pj-chip.active.red .pj-chip-num[b-x2whxv9uqh] {
    background: rgba(153,27,27,0.15);
}

.pj-chip.active.orange[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #fed7aa, #fdba74);
    color: #9a3412;
    border-color: #fdba74;
}

.pj-chip.active.orange .pj-chip-num[b-x2whxv9uqh] {
    background: rgba(154,52,18,0.15);
}

.pj-chip.active.purple[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #ede9fe, #ddd6fe);
    color: #5b21b6;
    border-color: #c4b5fd;
}

.pj-chip.active.purple .pj-chip-num[b-x2whxv9uqh] {
    background: rgba(91,33,182,0.15);
}

.pj-chip.active.gray[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #f1f5f9, #e2e8f0);
    color: #475569;
    border-color: #94a3b8;
}

.pj-chip.active.gray .pj-chip-num[b-x2whxv9uqh] {
    background: rgba(71,85,105,0.15);
}

.pj-chip-sep[b-x2whxv9uqh] {
    width: 1px;
    height: 20px;
    background: #cbd5e1;
    margin: 0 4px;
    flex-shrink: 0;
}

.pj-ms-item[b-x2whxv9uqh] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 0.78rem;
    color: #64748b;
    white-space: nowrap;
    flex-shrink: 0;
}

    .pj-ms-item strong[b-x2whxv9uqh] {
        color: #334155;
        font-weight: 700;
    }

    .pj-ms-item.blue strong[b-x2whxv9uqh] {
        color: #2563eb;
    }

    .pj-ms-item.yellow strong[b-x2whxv9uqh] {
        color: #d97706;
    }

/* ═══════════════════════════════════════════════════════════
   RESULT BADGE V2
   ═══════════════════════════════════════════════════════════ */

.pj-result-badge-v2[b-x2whxv9uqh] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    border-radius: 8px;
    background: linear-gradient(135deg, #f0f9ff, #e0f2fe);
    border: 1px solid #bae6fd;
    font-size: 0.78rem;
    font-weight: 600;
    color: #0c4a6e;
    white-space: nowrap;
    flex-shrink: 0;
}

.pj-result-badge-v2 strong[b-x2whxv9uqh] {
    font-size: 0.88rem;
    font-weight: 800;
    color: #0369a1;
}

/* ═══════════════════════════════════════════════════════════
   HASTA DETAY PANELİ – İnline
   ═══════════════════════════════════════════════════════════ */

.pj-hasta-panel[b-x2whxv9uqh] {
    margin-top: 12px;
    padding: 16px 18px;
    border-radius: 12px;
    background: linear-gradient(135deg, #f0fdf4, #ecfdf5, #f8fafc);
    border: 1.5px solid #86efac;
    animation: pj-hasta-in-b-x2whxv9uqh 0.25s ease;
}

@keyframes pj-hasta-in-b-x2whxv9uqh {
    from { opacity: 0; transform: translateY(-6px); }
    to { opacity: 1; transform: translateY(0); }
}

.pj-hasta-panel h4[b-x2whxv9uqh] {
    margin: 0 0 12px;
    font-size: 0.9rem;
    font-weight: 700;
    color: #166534;
    display: flex;
    align-items: center;
    gap: 8px;
}

.pj-hasta-panel h4 .pj-hasta-count[b-x2whxv9uqh] {
    font-size: 0.72rem;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 10px;
    background: #166534;
    color: #fff;
}

.pj-hasta-panel .pj-hasta-close[b-x2whxv9uqh] {
    margin-left: auto;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: none;
    background: rgba(22,101,52,0.1);
    color: #166534;
    cursor: pointer;
    font-size: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s;
}

.pj-hasta-panel .pj-hasta-close:hover[b-x2whxv9uqh] {
    background: rgba(22,101,52,0.2);
}

.pj-hasta-empty[b-x2whxv9uqh] {
    text-align: center;
    padding: 20px;
    color: #6b7280;
    font-size: 0.84rem;
}

.pj-hasta-empty span[b-x2whxv9uqh] {
    display: block;
    font-size: 1.5rem;
    margin-bottom: 6px;
    opacity: 0.5;
}

/* ═══════════════════════════════════════════════════════════
   İŞLEM İKONLARI – Gap Artırma
   ═══════════════════════════════════════════════════════════ */

.td-islem[b-x2whxv9uqh] {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    white-space: nowrap;
}

.td-islem > button[b-x2whxv9uqh] {
    flex-shrink: 0;
}

[b-x2whxv9uqh] .th-islem {
    white-space: nowrap;
    width: 110px;
}
}

/* ═══════════════════════════════════════════════════════════
   RESPONSİVE – Yeni Bileşenler
   ═══════════════════════════════════════════════════════════ */

@media (max-width: 768px) {
    .pj-ozet-bar-v2[b-x2whxv9uqh] {
        padding: 10px 12px;
        gap: 8px;
    }

    .pj-ozet-chip[b-x2whxv9uqh] {
        padding: 5px 10px;
        font-size: 0.75rem;
        gap: 6px;
    }

    .pj-ozet-chip strong[b-x2whxv9uqh] {
        font-size: 0.88rem;
    }

    .pj-durum-chips[b-x2whxv9uqh] {
        flex-wrap: wrap;
    }

    .pj-chip[b-x2whxv9uqh] {
        padding: 4px 10px;
        font-size: 0.72rem;
        height: 28px;
    }

    .pj-chip-num[b-x2whxv9uqh] {
        min-width: 16px;
        height: 15px;
        font-size: 0.62rem;
    }

    .pj-ms-item[b-x2whxv9uqh] {
        font-size: 0.7rem;
    }

    .pj-result-badge-v2[b-x2whxv9uqh] {
        padding: 4px 10px;
        font-size: 0.74rem;
    }

    .pj-hasta-panel[b-x2whxv9uqh] {
        padding: 12px;
    }

    .pj-hasta-panel h4[b-x2whxv9uqh] {
        font-size: 0.84rem;
    }

    .td-islem[b-x2whxv9uqh] {
        gap: 6px;
    }
}

/* ═══════════════════════════════════════════════════════════
   MERKEZ DETAY SEKMESİ – Gömülü İçerik Stilleri
   ═══════════════════════════════════════════════════════════ */

.ym-tab-close[b-x2whxv9uqh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    font-size: 0.65rem;
    font-weight: 700;
    color: #94a3b8;
    background: transparent;
    margin-left: 6px;
    transition: all 0.15s;
    cursor: pointer;
    line-height: 1;
}

.ym-tab-close:hover[b-x2whxv9uqh] {
    background: rgba(239,68,68,0.15);
    color: #ef4444;
}

.md-loading[b-x2whxv9uqh] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 80px 20px;
    font-size: 1rem;
    color: #64748b;
}

.md-spinner[b-x2whxv9uqh] {
    width: 28px;
    height: 28px;
    border: 3px solid #e2e8f0;
    border-top-color: #6366f1;
    border-radius: 50%;
    animation: mdSpin-b-x2whxv9uqh 0.7s linear infinite;
}

@keyframes mdSpin-b-x2whxv9uqh {
    to { transform: rotate(360deg); }
}

.md-header[b-x2whxv9uqh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0 0 16px;
    padding: 16px 20px;
    background: linear-gradient(135deg, #f8fafc, #f1f5f9);
    border-radius: 14px;
    border: 1.5px solid #e2e8f0;
}

.md-h-info[b-x2whxv9uqh] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.md-h-badge[b-x2whxv9uqh] {
    font-weight: 700;
    font-size: 1rem;
    color: #1e293b;
    background: #e0e7ff;
    padding: 4px 12px;
    border-radius: 8px;
}

.md-h-sep[b-x2whxv9uqh] {
    color: #cbd5e1;
    font-weight: 300;
}

.md-h-sponsor[b-x2whxv9uqh] {
    font-weight: 600;
    color: #475569;
}

.md-h-merkez[b-x2whxv9uqh] {
    font-weight: 700;
    color: #6366f1;
    font-size: 1.05rem;
}

.md-pill[b-x2whxv9uqh] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 14px;
    border-radius: 20px;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.md-pill.green[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #dcfce7, #bbf7d0);
    color: #15803d;
    border: 1px solid #86efac;
}

.md-pill.blue[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #dbeafe, #bfdbfe);
    color: #1d4ed8;
    border: 1px solid #93c5fd;
}

.md-pill.red[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #fee2e2, #fecaca);
    color: #dc2626;
    border: 1px solid #fca5a5;
}

.md-pill.gray[b-x2whxv9uqh] {
    background: #f1f5f9;
    color: #64748b;
    border: 1px solid #e2e8f0;
}

.md-two-col[b-x2whxv9uqh] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin: 0 0 16px;
}

.md-three-col[b-x2whxv9uqh] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
    margin: 0 0 16px;
}

.md-card[b-x2whxv9uqh] {
    background: #fff;
    border-radius: 14px;
    border: 1.5px solid #e2e8f0;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}

.md-card-wide[b-x2whxv9uqh] {
    margin: 0 0 16px;
}

.md-card-head[b-x2whxv9uqh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    background: linear-gradient(135deg, #f8fafc, #f1f5f9);
    border-bottom: 1.5px solid #e2e8f0;
}

.md-card-title[b-x2whxv9uqh] {
    font-size: 0.92rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0;
}

.md-form[b-x2whxv9uqh] {
    padding: 16px 18px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.md-field[b-x2whxv9uqh] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.md-field label[b-x2whxv9uqh] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #475569;
}

.md-field.md-full[b-x2whxv9uqh] {
    grid-column: 1 / -1;
}

.md-input[b-x2whxv9uqh] {
    padding: 8px 12px;
    border: 1.5px solid #e2e8f0;
    border-radius: 8px;
    font-size: 0.85rem;
    color: #1e293b;
    background: #fff;
    transition: border-color 0.2s, box-shadow 0.2s;
    outline: none;
}

.md-input:focus[b-x2whxv9uqh] {
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99,102,241,0.1);
}

.md-input:disabled[b-x2whxv9uqh] {
    background: #f8fafc;
    color: #94a3b8;
    cursor: not-allowed;
}

.md-select[b-x2whxv9uqh] {
    padding: 8px 12px;
    border: 1.5px solid #e2e8f0;
    border-radius: 8px;
    font-size: 0.85rem;
    color: #1e293b;
    background: #fff;
    outline: none;
    cursor: pointer;
    min-width: 140px;
}

.md-select:focus[b-x2whxv9uqh] {
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99,102,241,0.1);
}

.md-radio-group[b-x2whxv9uqh] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.md-radio[b-x2whxv9uqh] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 0.82rem;
    font-weight: 600;
    color: #64748b;
    background: #f8fafc;
    border: 1.5px solid #e2e8f0;
    cursor: pointer;
    transition: all 0.2s;
}

.md-radio.active[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #e0e7ff, #c7d2fe);
    color: #4338ca;
    border-color: #818cf8;
}

.md-radio input[type="radio"][b-x2whxv9uqh] {
    display: none;
}

.md-toggle-wrap[b-x2whxv9uqh] {
    display: flex;
    gap: 8px;
}

.md-toggle[b-x2whxv9uqh] {
    padding: 8px 18px;
    border-radius: 8px;
    font-size: 0.82rem;
    font-weight: 600;
    border: 1.5px solid #e2e8f0;
    background: #f8fafc;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s;
}

.md-toggle:disabled[b-x2whxv9uqh] {
    cursor: not-allowed;
    opacity: 0.7;
}

.md-toggle.active.green[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #dcfce7, #bbf7d0);
    color: #15803d;
    border-color: #86efac;
}

.md-toggle.active.red[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #fee2e2, #fecaca);
    color: #dc2626;
    border-color: #fca5a5;
}

.md-hasta-summary[b-x2whxv9uqh] {
    grid-column: 1 / -1;
    display: flex;
    gap: 16px;
    margin-top: 4px;
}

.md-hs-item[b-x2whxv9uqh] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 14px;
    border-radius: 10px;
    background: #f8fafc;
    border: 1.5px solid #e2e8f0;
}

.md-hs-item.green[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #f0fdf4, #dcfce7);
    border-color: #86efac;
}

.md-hs-label[b-x2whxv9uqh] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
}

.md-hs-val[b-x2whxv9uqh] {
    font-size: 1.5rem;
    font-weight: 800;
    color: #1e293b;
}

.md-hs-item.green .md-hs-val[b-x2whxv9uqh] {
    color: #15803d;
}

.md-check-label[b-x2whxv9uqh] {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-size: 0.85rem;
    font-weight: 600;
    color: #1e293b;
}

.md-check-label input[type="checkbox"][b-x2whxv9uqh] {
    width: 18px;
    height: 18px;
    accent-color: #6366f1;
    cursor: pointer;
}

.md-empty-row[b-x2whxv9uqh] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 30px 16px;
    color: #94a3b8;
    font-size: 0.88rem;
    background: linear-gradient(135deg, #f8fafc, #f1f5f9);
    border-top: 1px solid #e2e8f0;
}

.md-btn[b-x2whxv9uqh] {
    padding: 9px 20px;
    border-radius: 10px;
    font-size: 0.85rem;
    font-weight: 700;
    border: none;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
}

.md-btn.primary[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #6366f1, #4f46e5);
    color: #fff;
    box-shadow: 0 2px 8px rgba(99,102,241,0.3);
}

.md-btn.primary:hover[b-x2whxv9uqh] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(99,102,241,0.4);
}

.md-btn.primary:disabled[b-x2whxv9uqh] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

.md-btn.primary.sm[b-x2whxv9uqh] {
    padding: 6px 14px;
    font-size: 0.78rem;
}

.md-btn.secondary[b-x2whxv9uqh] {
    background: #f1f5f9;
    color: #475569;
    border: 1.5px solid #e2e8f0;
}

.md-btn.secondary:hover[b-x2whxv9uqh] {
    background: #e2e8f0;
}

.md-icon-btn[b-x2whxv9uqh] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    font-size: 0.85rem;
    transition: all 0.2s;
    background: transparent;
}

.md-icon-btn.delete[b-x2whxv9uqh] {
    color: #ef4444;
}

.md-icon-btn.delete:hover[b-x2whxv9uqh] {
    background: #fee2e2;
}

/* CRA Body */
.md-cra-body[b-x2whxv9uqh] {
    padding: 14px 18px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.md-cra-group[b-x2whxv9uqh] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px 14px;
    border-radius: 10px;
    background: linear-gradient(135deg, #f8fafc, #f1f5f9);
    border: 1.5px solid #e2e8f0;
    transition: border-color 0.2s;
}

.md-cra-group:hover[b-x2whxv9uqh] {
    border-color: #c7d2fe;
}

.md-cra-label[b-x2whxv9uqh] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #475569;
    margin-bottom: 2px;
}

.md-cra-row[b-x2whxv9uqh] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.md-cra-row-3[b-x2whxv9uqh] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
}

/* SC Atamaları FTE-Style */
.md-sc-form[b-x2whxv9uqh] {
    margin: 0 18px 14px;
    padding: 14px 16px;
    border-radius: 10px;
    background: linear-gradient(135deg, #f0fdf4, #ecfdf5);
    border: 1.5px solid #bbf7d0;
}

.md-sc-form-row[b-x2whxv9uqh] {
    display: flex;
    gap: 12px;
    align-items: flex-end;
    flex-wrap: wrap;
}

.md-sc-form-field[b-x2whxv9uqh] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 140px;
}

.md-sc-form-field label[b-x2whxv9uqh] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #555;
}

.md-sc-form-grow[b-x2whxv9uqh] {
    flex: 1;
    min-width: 180px;
}

.md-sc-add-btn[b-x2whxv9uqh] {
    white-space: nowrap;
    padding: 8px 18px !important;
    flex-shrink: 0;
}

.md-sc-list[b-x2whxv9uqh] {
    padding: 10px 18px 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.md-sc-row[b-x2whxv9uqh] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-radius: 10px;
    background: linear-gradient(135deg, #f8fafc, #f1f5f9);
    border: 1.5px solid #e2e8f0;
    transition: all 0.2s;
}

.md-sc-row-content[b-x2whxv9uqh] {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.md-sc-row-line1[b-x2whxv9uqh] {
    display: contents;
}

.md-sc-row-line2[b-x2whxv9uqh] {
    display: contents;
}

.md-sc-row-actions[b-x2whxv9uqh] {
    display: flex;
    flex-direction: row;
    gap: 6px;
    flex-shrink: 0;
    align-items: center;
}

.md-sc-row:hover[b-x2whxv9uqh] {
    border-color: #c7d2fe;
    background: linear-gradient(135deg, #fafafe, #f5f3ff);
}

.md-sc-row.md-sc-yetki-var[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #f0fdf4, #dcfce7);
    border-color: #86efac;
}

.md-sc-row.md-sc-yetki-var:hover[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #dcfce7, #bbf7d0);
    border-color: #4ade80;
}

.md-sc-row.md-sc-yetki-yok[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #fef2f2, #fee2e2);
    border-color: #fca5a5;
}

.md-sc-row.md-sc-yetki-yok:hover[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #fee2e2, #fecaca);
    border-color: #f87171;
}

.md-sc-chip[b-x2whxv9uqh] {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 600;
    background: #e0e7ff;
    color: #3730a3;
    white-space: nowrap;
}

.md-sc-chip.blind[b-x2whxv9uqh] {
    background: #fef3c7;
    color: #92400e;
}

.md-sc-chip.md-sc-gor-tumu[b-x2whxv9uqh] {
    background: #dcfce7;
    color: #166534;
}

.md-sc-chip.md-sc-gor-kendisi[b-x2whxv9uqh] {
    background: #fef3c7;
    color: #92400e;
}

.md-sc-personel[b-x2whxv9uqh] {
    flex: 1;
    font-size: 0.85rem;
    font-weight: 600;
    color: #1e293b;
}

.md-sc-personel-link[b-x2whxv9uqh] {
    cursor: pointer;
    color: #4f46e5;
    transition: all 0.2s;
}

.md-sc-personel-link:hover[b-x2whxv9uqh] {
    color: #3730a3;
    text-decoration: underline;
}

.md-sc-del[b-x2whxv9uqh] {
    align-self: center;
    flex-shrink: 0;
}

.md-sc-yetki-badge[b-x2whxv9uqh] {
    display: inline-flex;
    align-items: center;
    font-size: 0.72rem;
    padding: 2px 10px;
    border-radius: 12px;
    font-weight: 600;
    white-space: nowrap;
    letter-spacing: 0.01em;
}

.md-sc-yetki-badge.green[b-x2whxv9uqh] {
    background: #dcfce7;
    color: #15803d;
}

.md-sc-yetki-badge.red[b-x2whxv9uqh] {
    background: #fee2e2;
    color: #dc2626;
}

.md-action-bar[b-x2whxv9uqh] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    margin: 8px 0 0;
    padding: 16px 20px;
    background: linear-gradient(135deg, #f8fafc, #f1f5f9);
    border-radius: 14px;
    border: 1.5px solid #e2e8f0;
}

@media (max-width: 900px) {
    .md-two-col[b-x2whxv9uqh] {
        grid-template-columns: 1fr;
    }

    .md-three-col[b-x2whxv9uqh] {
        grid-template-columns: 1fr;
    }

    .md-header[b-x2whxv9uqh] {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .md-form[b-x2whxv9uqh] {
        grid-template-columns: 1fr;
    }

    .md-sc-form[b-x2whxv9uqh] {
        margin: 0 10px 12px;
        padding: 12px 12px;
    }

    .md-sc-form-row[b-x2whxv9uqh] {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }

    .md-sc-form-field[b-x2whxv9uqh] {
        min-width: 0;
        width: 100%;
    }

    .md-sc-add-btn[b-x2whxv9uqh] {
        width: 100%;
    }

    .md-sc-list[b-x2whxv9uqh] {
        padding: 8px 10px 14px;
    }

    .md-cra-row-3[b-x2whxv9uqh] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 600px) {
    .md-h-info[b-x2whxv9uqh] {
        flex-direction: column;
        gap: 4px;
        align-items: center;
        text-align: center;
        width: 100%;
    }

    .md-h-sep[b-x2whxv9uqh] {
        display: none;
    }

    .md-header[b-x2whxv9uqh] {
        align-items: center;
    }

    .md-hasta-summary[b-x2whxv9uqh] {
        flex-direction: column;
    }

    .md-toggle-wrap[b-x2whxv9uqh] {
        flex-direction: column;
    }

    .md-radio-group[b-x2whxv9uqh] {
        flex-direction: column;
    }

    .md-cra-row[b-x2whxv9uqh] {
        grid-template-columns: 1fr;
    }

    .md-cra-row-3[b-x2whxv9uqh] {
        grid-template-columns: 1fr;
    }

    .md-sc-row[b-x2whxv9uqh] {
        padding: 8px 10px;
        gap: 8px;
    }

    .md-sc-row-content[b-x2whxv9uqh] {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }

    .md-sc-row-line1[b-x2whxv9uqh],
    .md-sc-row-line2[b-x2whxv9uqh] {
        display: flex;
        align-items: center;
        gap: 6px;
        flex-wrap: wrap;
    }

    .md-sc-row-actions[b-x2whxv9uqh] {
        flex-direction: column;
    }

    .md-sc-row-line1 .md-sc-personel[b-x2whxv9uqh] {
        flex-basis: 100%;
    }

    .md-sc-chip[b-x2whxv9uqh] {
        font-size: 0.72rem;
        padding: 3px 10px;
    }

    .md-sc-personel[b-x2whxv9uqh] {
        font-size: 0.8rem;
    }

    .md-sc-form[b-x2whxv9uqh] {
        margin: 0 8px 10px;
        padding: 10px 10px;
    }

    .md-sc-form-row[b-x2whxv9uqh] {
        flex-direction: column;
        align-items: stretch;
    }

    .md-sc-form-field[b-x2whxv9uqh] {
        min-width: 0;
    }

    .md-sc-list[b-x2whxv9uqh] {
        padding: 8px 8px 12px;
        gap: 6px;
    }

    .md-action-bar[b-x2whxv9uqh] {
        flex-direction: column;
    }

    .md-action-bar .md-btn[b-x2whxv9uqh] {
        width: 100%;
        text-align: center;
    }
}

/* ═══════════════════════════════════════════════════════════
   VİZİT + BİLGİ YAN YANA GRİD
   ═══════════════════════════════════════════════════════════ */

.pj-vizit-bilgi-grid[b-x2whxv9uqh] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-top: 16px;
}

.pj-vizit-bilgi-grid > .pj-vizit-section[b-x2whxv9uqh],
.pj-vizit-bilgi-grid > .pj-bilgi-section[b-x2whxv9uqh] {
    margin-top: 0;
}

@media (max-width: 900px) {
    .pj-vizit-bilgi-grid[b-x2whxv9uqh] {
        grid-template-columns: 1fr;
    }
}

/* ═══════════════════════════════════════════════════════════
   KOMPAKT PROJE NOTLARI
   ═══════════════════════════════════════════════════════════ */

.pj-notlar-compact[b-x2whxv9uqh] {
    margin-top: 16px;
    padding: 12px 16px;
    border-radius: 10px;
    background: linear-gradient(135deg, #fefce8, #fffbeb);
    border: 1.5px solid #fde68a;
}

.pj-notc-header[b-x2whxv9uqh] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.pj-notc-title[b-x2whxv9uqh] {
    font-size: 0.85rem;
    font-weight: 700;
    color: #92400e;
    margin: 0;
}

.pj-notc-badge[b-x2whxv9uqh] {
    font-size: 0.7rem;
    font-weight: 700;
    padding: 1px 7px;
    border-radius: 10px;
    background: #92400e;
    color: #fff;
}

/* Not ekleme toggle + area bkz. dosya sonu */

.pj-notc-btn[b-x2whxv9uqh] {
    padding: 6px 12px;
    border-radius: 8px;
    border: 1.5px solid #fde68a;
    background: rgba(245,158,11,0.1);
    cursor: pointer;
    font-size: 0.82rem;
    transition: background 0.2s;
}

.pj-notc-btn:hover:not(:disabled)[b-x2whxv9uqh] {
    background: rgba(245,158,11,0.2);
}

.pj-notc-btn:disabled[b-x2whxv9uqh] {
    opacity: 0.4;
    cursor: default;
}

.pj-notc-input[b-x2whxv9uqh] {
    flex: 1;
    padding: 7px 12px;
    border: 1.5px solid #fde68a;
    border-radius: 8px;
    font-size: 0.82rem;
    outline: none;
    background: rgba(255,255,255,0.8);
    font-family: inherit;
    transition: border-color 0.2s;
}

.pj-notc-input:focus[b-x2whxv9uqh] {
    border-color: #f59e0b;
    box-shadow: 0 0 0 3px rgba(245,158,11,0.1);
}

.pj-notc-list[b-x2whxv9uqh] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-height: 200px;
    overflow-y: auto;
}

.pj-notc-item[b-x2whxv9uqh] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px 10px;
    border-radius: 8px;
    background: rgba(255,255,255,0.85);
    border: 1px solid #fde68a;
    font-size: 0.8rem;
}

.pj-notc-item:hover .pj-notc-sil[b-x2whxv9uqh] {
    opacity: 1;
}

.pj-notc-row[b-x2whxv9uqh] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.72rem;
    color: #a16207;
}

.pj-notc-author[b-x2whxv9uqh] {
    font-weight: 600;
}

.pj-notc-date[b-x2whxv9uqh] {
    white-space: nowrap;
}

.pj-notc-text[b-x2whxv9uqh] {
    flex: 1;
    color: #451a03;
    line-height: 1.4;
    white-space: pre-wrap;
}

.pj-notc-sil[b-x2whxv9uqh] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: none;
    background: rgba(239,68,68,0.1);
    color: #ef4444;
    font-size: 0.65rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.2s;
    flex-shrink: 0;
    margin-left: auto;
}

.pj-notc-sil:hover[b-x2whxv9uqh] {
    background: rgba(239,68,68,0.2);
}

.pj-notc-empty[b-x2whxv9uqh] {
    text-align: center;
    padding: 16px;
    font-size: 0.8rem;
    color: #a16207;
    font-style: italic;
}

.pj-notc-loading[b-x2whxv9uqh] {
    text-align: center;
    padding: 16px;
    font-size: 0.8rem;
    color: #92400e;
}

/* Not ekleme toggle buton */
.pj-notc-toggle-btn[b-x2whxv9uqh] {
    margin-left: auto;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    border: 1.5px solid #fde68a;
    background: rgba(245,158,11,0.1);
    color: #92400e;
    font-size: 0.82rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    flex-shrink: 0;
}

.pj-notc-toggle-btn:hover[b-x2whxv9uqh] {
    background: rgba(245,158,11,0.2);
    border-color: #f59e0b;
}

/* Not ekleme alanı (açılır) */
.pj-notc-ekle-area[b-x2whxv9uqh] {
    display: flex;
    gap: 8px;
    margin-bottom: 8px;
    animation: pjNotcSlide-b-x2whxv9uqh 0.2s ease;
}

@keyframes pjNotcSlide-b-x2whxv9uqh {
    from { opacity: 0; transform: translateY(-6px); }
    to { opacity: 1; transform: translateY(0); }
}

/* SC Arama */
.md-sc-search[b-x2whxv9uqh] {
    padding: 0 18px 8px;
}

.md-sc-search-input[b-x2whxv9uqh] {
    width: 100%;
    padding: 7px 12px;
    border: 1.5px solid #e2e8f0;
    border-radius: 8px;
    font-size: 0.82rem;
    outline: none;
    background: #fff;
    box-sizing: border-box;
    transition: border-color 0.2s;
}

.md-sc-search-input:focus[b-x2whxv9uqh] {
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99,102,241,0.08);
}

/* SC Düzenleme satırı */
.md-sc-row-edit[b-x2whxv9uqh] {
    flex-wrap: wrap;
    gap: 8px;
    background: linear-gradient(135deg, #f0fdf4, #ecfdf5) !important;
    border-color: #86efac !important;
}

.md-sc-edit-select[b-x2whxv9uqh] {
    min-width: 110px;
    max-width: 160px;
    font-size: 0.82rem !important;
    padding: 6px 10px !important;
    height: 40px;
    box-sizing: border-box;
}

.md-sc-edit-personel[b-x2whxv9uqh] {
    flex: 1;
    min-width: 180px;
}

.md-sc-edit[b-x2whxv9uqh] {
    flex-shrink: 0;
}

.md-sc-save[b-x2whxv9uqh] {
    flex-shrink: 0;
}

/* Personel sonuç yok */
.md-sc-no-result[b-x2whxv9uqh] {
    text-align: center;
    padding: 16px;
    font-size: 0.82rem;
    color: #94a3b8;
    font-style: italic;
}

.pj-merkez-section .ym-table td[b-x2whxv9uqh] {
    white-space: nowrap;
}

.pj-merkez-section .ym-table td:nth-child(3)[b-x2whxv9uqh] {
    white-space: normal;
    min-width: 150px;
}

/* Merkez detay widget tabloları — hücre kaymalarını önle */
.pj-sc-body .ym-table td[b-x2whxv9uqh],
.md-sub-cards .ym-table td[b-x2whxv9uqh] {
    white-space: nowrap;
}

.pj-sc-body .ym-table-wrap[b-x2whxv9uqh],
.md-sub-cards .ym-table-wrap[b-x2whxv9uqh] {
    overflow-x: auto;
}

/* Personel ataması boş durum */
.md-empty-personel[b-x2whxv9uqh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 36px 20px;
    background: linear-gradient(135deg, #f0f4ff 0%, #e8ecf8 50%, #f5f3ff 100%);
    border-top: 1px solid #e2e8f0;
    border-radius: 0 0 12px 12px;
}

.md-ep-icon[b-x2whxv9uqh] {
    font-size: 2.2rem;
    opacity: 0.5;
    filter: grayscale(0.3);
}

.md-ep-text[b-x2whxv9uqh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.md-ep-title[b-x2whxv9uqh] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #64748b;
}

.md-ep-desc[b-x2whxv9uqh] {
    font-size: 0.78rem;
    color: #94a3b8;
}

@media (max-width: 768px) {
    .pj-notc-ekle-area[b-x2whxv9uqh] {
        flex-direction: column;
    }

    .pj-notc-row[b-x2whxv9uqh] {
        flex-wrap: wrap;
    }

    .md-sc-row-edit[b-x2whxv9uqh] {
        flex-direction: column;
        align-items: stretch;
    }

    .md-sc-edit-select[b-x2whxv9uqh] {
        max-width: none;
        width: 100%;
    }

    .md-sc-edit-personel[b-x2whxv9uqh] {
        min-width: 0;
    }
}

/* Vizit Limit Ekleme Formu */
.vl-add-form[b-x2whxv9uqh] {
    display: flex;
    gap: 10px;
    align-items: flex-end;
    flex-wrap: wrap;
    padding: 12px 16px;
    background: linear-gradient(135deg, #fffde7, #fff9c4);
    border-top: 1px solid #e2e8f0;
}

.vl-add-form .vl-field[b-x2whxv9uqh] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    min-width: 140px;
}

.vl-add-form .vl-field label[b-x2whxv9uqh] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #475569;
}

.vl-add-form .vl-field input[b-x2whxv9uqh],
.vl-add-form .vl-field select[b-x2whxv9uqh] {
    padding: 7px 10px;
    border: 1.5px solid #e2e8f0;
    border-radius: 8px;
    font-size: 0.82rem;
    outline: none;
}

.vl-add-form .vl-field input:focus[b-x2whxv9uqh],
.vl-add-form .vl-field select:focus[b-x2whxv9uqh] {
    border-color: #f59e0b;
    box-shadow: 0 0 0 3px rgba(245,158,11,0.1);
}

.vl-add-btn[b-x2whxv9uqh] {
    padding: 7px 16px;
    border-radius: 8px;
    font-size: 0.82rem;
    font-weight: 700;
    border: none;
    cursor: pointer;
    background: linear-gradient(135deg, #f59e0b, #d97706);
    color: #fff;
    white-space: nowrap;
    transition: all 0.2s;
}

.vl-add-btn:hover[b-x2whxv9uqh] {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(245,158,11,0.3);
}

.vl-add-btn:disabled[b-x2whxv9uqh] {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
}

.vl-progress-bar[b-x2whxv9uqh] {
    width: 100%;
    height: 6px;
    background: #e2e8f0;
    border-radius: 3px;
    overflow: hidden;
}

.vl-progress-fill[b-x2whxv9uqh] {
    height: 100%;
    border-radius: 3px;
    transition: width 0.3s;
}

.vl-progress-fill.green[b-x2whxv9uqh] { background: #22c55e; }
.vl-progress-fill.amber[b-x2whxv9uqh] { background: #f59e0b; }
.vl-progress-fill.red[b-x2whxv9uqh] { background: #ef4444; }

/* Yetkilendirmesi olmayan personel satırları */
[b-x2whxv9uqh] .row-no-yetki {
    background: #fef2f2 !important;
    border-left: 3px solid #ef4444;
}
[b-x2whxv9uqh] .row-no-yetki td {
    color: #991b1b;
}
[b-x2whxv9uqh] .row-no-yetki:hover {
    background: #fee2e2 !important;
}
[b-x2whxv9uqh] .no-yetki-icon {
    font-size: 0.75rem;
    vertical-align: middle;
    margin-left: 2px;
}

/* ═══════════════════════════════════════════════
   PERSONEL GÖRÜNTÜLEME POPUP (Proje İçi)
   ═══════════════════════════════════════════════ */
.pv-overlay[b-x2whxv9uqh] {
    position: fixed;
    inset: 0;
    background: rgba(15,23,42,0.5);
    backdrop-filter: blur(4px);
    z-index: 1100;
    animation: pvFadeIn-b-x2whxv9uqh 0.2s ease;
}
.pv-popup[b-x2whxv9uqh] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 94%;
    max-width: 720px;
    max-height: 90vh;
    background: var(--t-card, #fff);
    border-radius: 20px;
    box-shadow: 0 24px 64px rgba(0,0,0,0.18);
    z-index: 1101;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: pvSlideIn-b-x2whxv9uqh 0.3s ease;
}
@keyframes pvFadeIn-b-x2whxv9uqh { from { opacity: 0; } to { opacity: 1; } }
@keyframes pvSlideIn-b-x2whxv9uqh { from { opacity: 0; transform: translate(-50%, -48%); } to { opacity: 1; transform: translate(-50%, -50%); } }

.pv-header[b-x2whxv9uqh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 28px 20px;
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    color: #fff;
}
.pv-header-left[b-x2whxv9uqh] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 1;
    min-width: 0;
}
.pv-avatar[b-x2whxv9uqh] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid rgba(255,255,255,0.35);
    flex-shrink: 0;
    box-shadow: 0 4px 16px rgba(0,0,0,0.2);
}
.pv-avatar-ph[b-x2whxv9uqh] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: rgba(255,255,255,0.15);
    border: 3px solid rgba(255,255,255,0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 800;
    color: #fff;
    flex-shrink: 0;
    text-transform: uppercase;
}
.pv-title[b-x2whxv9uqh] { min-width: 0; }
.pv-title h3[b-x2whxv9uqh] {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pv-subtitle[b-x2whxv9uqh] {
    display: block;
    font-size: 0.82rem;
    color: rgba(255,255,255,0.8);
    margin-top: 2px;
}
.pv-badges[b-x2whxv9uqh] {
    display: flex;
    gap: 6px;
    margin-top: 8px;
    flex-wrap: wrap;
}
.pv-badges .durum-pill[b-x2whxv9uqh] {
    font-size: 0.7rem;
    padding: 2px 10px;
}
.pv-close[b-x2whxv9uqh] {
    background: rgba(255,255,255,0.15);
    border: none;
    color: #fff;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 1.1rem;
    transition: background 0.2s;
    flex-shrink: 0;
}
.pv-close:hover[b-x2whxv9uqh] { background: rgba(255,255,255,0.3); }

.pv-body[b-x2whxv9uqh] {
    flex: 1;
    overflow-y: auto;
    padding: 24px 28px;
}
.pv-section[b-x2whxv9uqh] { margin-bottom: 24px; }
.pv-section:last-child[b-x2whxv9uqh] { margin-bottom: 0; }
.pv-section h4[b-x2whxv9uqh] {
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--t-text, #334155);
    margin: 0 0 14px;
    padding-bottom: 8px;
    border-bottom: 2px solid var(--t-border, #e2e8f0);
    display: flex;
    align-items: center;
    gap: 8px;
}
.pv-section h4 i[b-x2whxv9uqh] { color: #6366f1; font-size: 1.05rem; }

.pv-grid[b-x2whxv9uqh] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 24px;
}
.pv-grid-3[b-x2whxv9uqh] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 12px 24px;
}
.pv-field[b-x2whxv9uqh] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.pv-field-wide[b-x2whxv9uqh] { grid-column: 1 / -1; }
.pv-label[b-x2whxv9uqh] {
    font-size: 0.72rem;
    font-weight: 600;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.pv-value[b-x2whxv9uqh] {
    font-size: 0.88rem;
    color: var(--t-text, #1e293b);
    font-weight: 500;
}
.pv-mono[b-x2whxv9uqh] {
    font-family: 'Cascadia Code', Consolas, monospace;
    font-size: 0.82rem;
    letter-spacing: 0.5px;
}
.pv-mail[b-x2whxv9uqh] {
    color: #6366f1;
    font-weight: 600;
}

.pv-footer[b-x2whxv9uqh] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 16px 28px;
    border-top: 1px solid var(--t-border, #e2e8f0);
    background: var(--t-hover, #f8fafc);
}
.pv-btn-close[b-x2whxv9uqh] {
    padding: 10px 22px;
    background: #e2e8f0;
    color: #475569;
    border: none;
    border-radius: 10px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}
.pv-btn-close:hover[b-x2whxv9uqh] { background: #cbd5e1; }

@media (max-width: 768px) {
    .pv-popup[b-x2whxv9uqh] {
        width: 98%;
        max-height: 95vh;
        border-radius: 14px;
    }
    .pv-header[b-x2whxv9uqh] {
        padding: 18px 16px 14px;
        flex-wrap: wrap;
        gap: 10px;
    }
    .pv-avatar[b-x2whxv9uqh], .pv-avatar-ph[b-x2whxv9uqh] {
        width: 56px;
        height: 56px;
        font-size: 1.1rem;
    }
    .pv-title h3[b-x2whxv9uqh] { font-size: 1rem; }
    .pv-subtitle[b-x2whxv9uqh] { font-size: 0.75rem; }
    .pv-body[b-x2whxv9uqh] { padding: 16px; }
    .pv-grid[b-x2whxv9uqh] { grid-template-columns: 1fr; gap: 10px; }
    .pv-grid-3[b-x2whxv9uqh] { grid-template-columns: 1fr; gap: 10px; }
    .pv-footer[b-x2whxv9uqh] { padding: 12px 16px; }
    .pv-btn-close[b-x2whxv9uqh] { padding: 8px 16px; font-size: 0.8rem; }
}

/* ========== MASRAF TAKİP PANELİ ========== */
.pj-sc-masraftakip .pj-sc-head[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #faf5ff, #f3e8ff);
}
.pj-sc-masraftakip .pj-sc-head:hover[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #f3e8ff, #e9d5ff);
}

.mt-summary[b-x2whxv9uqh] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.mt-summary-item[b-x2whxv9uqh] {
    flex: 1 1 140px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px 14px;
    border-radius: 10px;
    background: linear-gradient(135deg, #f8fafc, #f1f5f9);
    border: 1px solid #e2e8f0;
}

.mt-s-label[b-x2whxv9uqh] {
    font-size: 0.75rem;
    color: #64748b;
    font-weight: 500;
}

.mt-s-value[b-x2whxv9uqh] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #1e293b;
}

.mt-s-warn[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #fef2f2, #fff1f2);
    border-color: #fca5a5;
}

.mt-s-warn .mt-s-value[b-x2whxv9uqh] {
    color: #dc2626;
}

.mt-list[b-x2whxv9uqh] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.mt-row[b-x2whxv9uqh] {
    padding: 10px 14px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #e2e8f0;
    transition: border-color 0.2s;
}

.mt-row:hover[b-x2whxv9uqh] {
    border-color: #cbd5e1;
}

.mt-row-over[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #fff5f5, #fef2f2);
    border-color: #fca5a5;
}

.mt-row-top[b-x2whxv9uqh] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 6px;
    flex-wrap: wrap;
}

.mt-hasta-no[b-x2whxv9uqh] {
    font-weight: 700;
    font-size: 0.85rem;
    color: #1e293b;
    min-width: 80px;
}

.mt-hasta-kayit[b-x2whxv9uqh] {
    font-size: 0.75rem;
    color: #94a3b8;
    font-weight: 500;
}

.mt-hasta-tutar[b-x2whxv9uqh] {
    margin-left: auto;
    font-size: 0.82rem;
    font-weight: 600;
}

.mt-hasta-oran[b-x2whxv9uqh] {
    font-size: 0.82rem;
    font-weight: 700;
    min-width: 48px;
    text-align: right;
}

.mt-hasta-tutar.green[b-x2whxv9uqh],
.mt-hasta-oran.green[b-x2whxv9uqh] {
    color: #16a34a;
}

.mt-hasta-tutar.amber[b-x2whxv9uqh],
.mt-hasta-oran.amber[b-x2whxv9uqh] {
    color: #d97706;
}

.mt-hasta-tutar.red[b-x2whxv9uqh],
.mt-hasta-oran.red[b-x2whxv9uqh] {
    color: #dc2626;
}

@media (max-width: 600px) {
    .mt-summary[b-x2whxv9uqh] { gap: 8px; }
    .mt-summary-item[b-x2whxv9uqh] { flex: 1 1 100%; padding: 10px 12px; }
    .mt-row-top[b-x2whxv9uqh] { gap: 8px; }
    .mt-hasta-tutar[b-x2whxv9uqh] { margin-left: 0; }
}

/* Masraf Takip — Vizit Etiketleri */
.mt-vizit-info[b-x2whxv9uqh] {
    display: inline-flex;
    gap: 4px;
    align-items: center;
    flex-shrink: 0;
}

.mt-vizit-tag[b-x2whxv9uqh] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 2px 8px;
    border-radius: 6px;
    font-size: 0.72rem;
    font-weight: 600;
    white-space: nowrap;
}

.mt-vizit-tag.vt[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #ede9fe, #ddd6fe);
    color: #6d28d9;
    border: 1px solid #c4b5fd;
}

.mt-vizit-tag.va[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #e0f2fe, #bae6fd);
    color: #0369a1;
    border: 1px solid #7dd3fc;
}

.mt-vizit-tag.genel[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #f1f5f9, #e2e8f0);
    color: #475569;
    border: 1px solid #cbd5e1;
}

/* Masraf Takip — Tıkla-genişlet detay */
.mt-row-expanded[b-x2whxv9uqh] {
    border-color: #93c5fd;
    background: linear-gradient(135deg, #f8fafc, #eff6ff);
}

.mt-detay-wrap[b-x2whxv9uqh] {
    margin-top: 10px;
    padding: 10px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    overflow-x: auto;
}

.mt-detay-table[b-x2whxv9uqh] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.78rem;
}

.mt-detay-table th[b-x2whxv9uqh] {
    padding: 6px 10px;
    background: #f1f5f9;
    color: #475569;
    font-weight: 700;
    text-align: left;
    border-bottom: 1.5px solid #e2e8f0;
    white-space: nowrap;
}

.mt-detay-table td[b-x2whxv9uqh] {
    padding: 6px 10px;
    border-bottom: 1px solid #f1f5f9;
    color: #334155;
    white-space: nowrap;
}

.mt-detay-table tr:hover td[b-x2whxv9uqh] {
    background: #f8fafc;
}

/* === ONAY BANNER === */
.pj-onay-banner[b-x2whxv9uqh] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 12px;
    padding: 12px 18px;
    border-radius: 12px;
    background: linear-gradient(135deg, #fef3c7, #fffbeb);
    border: 1.5px solid #f59e0b;
    font-size: 0.85rem;
    font-weight: 500;
    color: #92400e;
    animation: pjOnayPulse-b-x2whxv9uqh 2s ease-in-out infinite;
}

@keyframes pjOnayPulse-b-x2whxv9uqh {
    0%, 100% { box-shadow: 0 0 0 0 rgba(245,158,11,0.15); }
    50% { box-shadow: 0 0 0 6px rgba(245,158,11,0.08); }
}

.pj-onay-banner-icon[b-x2whxv9uqh] {
    font-size: 1.2rem;
    flex-shrink: 0;
}

.pj-onay-banner-text[b-x2whxv9uqh] {
    flex: 1;
}

.pj-onay-banner-hint[b-x2whxv9uqh] {
    font-size: 0.78rem;
    color: #b45309;
    opacity: 0.8;
}

/* === KAYNAK BADGE === */
.pj-kaynak-badge[b-x2whxv9uqh] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 2px 8px;
    border-radius: 6px;
    font-size: 0.68rem;
    font-weight: 600;
    background: linear-gradient(135deg, #ede9fe, #f5f3ff);
    color: #7c3aed;
    border: 1px solid #ddd6fe;
    white-space: nowrap;
}

/* === ONAY PILL === */
.pj-onay-pill[b-x2whxv9uqh] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 2px 8px;
    border-radius: 20px;
    font-size: 0.68rem;
    font-weight: 700;
    white-space: nowrap;
}

.pj-onay-pill.beklemede[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #fef3c7, #fffbeb);
    color: #92400e;
    border: 1px solid #fbbf24;
    animation: onayPillGlow-b-x2whxv9uqh 2s ease-in-out infinite;
}

@keyframes onayPillGlow-b-x2whxv9uqh {
    0%, 100% { box-shadow: 0 0 0 0 rgba(251,191,36,0.2); }
    50% { box-shadow: 0 0 0 4px rgba(251,191,36,0.1); }
}

.pj-onay-pill.reddedildi[b-x2whxv9uqh] {
    background: linear-gradient(135deg, #fef2f2, #fff5f5);
    color: #991b1b;
    border: 1px solid #fca5a5;
}

/* === ROW STATES === */
[b-x2whxv9uqh] tr.row-beklemede {
    background: linear-gradient(135deg, #fffbeb, #fefce8) !important;
    border-left: 3px solid #f59e0b;
}

[b-x2whxv9uqh] tr.row-beklemede:hover {
    background: linear-gradient(135deg, #fef3c7, #fef9c3) !important;
}

[b-x2whxv9uqh] tr.row-reddedildi {
    background: linear-gradient(135deg, #fef2f2, #fff5f5) !important;
    border-left: 3px solid #ef4444;
    opacity: 0.7;
}

[b-x2whxv9uqh] tr.row-reddedildi:hover {
    opacity: 0.9;
    background: linear-gradient(135deg, #fee2e2, #fef2f2) !important;
}

/* === ONAY/RED BUTONLARI === */
.pj-act-onayla[b-x2whxv9uqh] {
    color: #16a34a !important;
    border-color: #bbf7d0 !important;
    background: #f0fdf4 !important;
}

.pj-act-onayla:hover[b-x2whxv9uqh] {
    background: #16a34a !important;
    color: #fff !important;
    border-color: #16a34a !important;
}

.pj-act-reddet[b-x2whxv9uqh] {
    color: #dc2626 !important;
    border-color: #fecaca !important;
    background: #fef2f2 !important;
}

.pj-act-reddet:hover[b-x2whxv9uqh] {
    background: #dc2626 !important;
    color: #fff !important;
    border-color: #dc2626 !important;
}

.pj-act-geri[b-x2whxv9uqh] {
    color: #d97706 !important;
    border-color: #fde68a !important;
    background: #fffbeb !important;
}

.pj-act-geri:hover[b-x2whxv9uqh] {
    background: #d97706 !important;
    color: #fff !important;
    border-color: #d97706 !important;
}

/* === REDDEDİLEN MERKEZ TOGGLE BUTONU === */
.pj-ms-reddedilen-btn[b-x2whxv9uqh] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
    border: 1.5px solid #e5e7eb;
    background: #f9fafb;
    color: #6b7280;
    transition: all 0.2s;
}

.pj-ms-reddedilen-btn:hover[b-x2whxv9uqh] {
    border-color: #ef4444;
    color: #ef4444;
    background: #fef2f2;
}

.pj-ms-reddedilen-btn.active[b-x2whxv9uqh] {
    border-color: #ef4444;
    color: #fff;
    background: #ef4444;
}

/* ═══════════════════════════════════════════════════════════
   MOBİL EK DÜZELTMELERİ
   ═══════════════════════════════════════════════════════════ */

@media (max-width: 600px) {
    .pj-filter-row .pj-durum-chips[b-x2whxv9uqh] {
        width: 100%;
    }

    .pj-chip[b-x2whxv9uqh] {
        padding: 4px 8px;
        font-size: 0.7rem;
        height: 26px;
    }

    .pj-chip-num[b-x2whxv9uqh] {
        min-width: 14px;
        height: 14px;
        font-size: 0.6rem;
    }

    .pj-onay-banner[b-x2whxv9uqh] {
        flex-wrap: wrap;
        padding: 10px 12px;
        font-size: 0.78rem;
    }

    .pj-toplu-bar[b-x2whxv9uqh] {
        font-size: 0.75rem;
        padding: 8px 10px;
    }

    .pj-toplu-bar .pj-btn[b-x2whxv9uqh] {
        flex: 1 1 auto;
        min-width: 0;
        padding: 6px 8px;
        font-size: 0.72rem;
        text-align: center;
    }

    .pj-ms-item[b-x2whxv9uqh] {
        font-size: 0.7rem;
        padding: 4px 8px;
    }

    .pj-merkez-header h3[b-x2whxv9uqh] {
        font-size: 0.88rem;
        text-align: center;
        width: 100%;
    }

    .pj-merkez-header-right[b-x2whxv9uqh] {
        width: 100%;
    }

    .pj-merkez-header-right .pj-btn[b-x2whxv9uqh] {
        flex: 1;
        text-align: center;
    }

    .pj-tablo th[b-x2whxv9uqh],
    .pj-tablo td[b-x2whxv9uqh] {
        padding: 8px 8px;
        font-size: 0.75rem;
    }

    .pj-merkez-section .ym-table th[b-x2whxv9uqh],
    .pj-merkez-section .ym-table td[b-x2whxv9uqh] {
        padding: 8px 8px;
        font-size: 0.75rem;
    }
}
/* /Components/Pages/Yonetim/SabitVeriler.razor.rz.scp.css */
/* ═══ SABİT VERİ YÖNETİMİ — Sayfa-Özel Stiller ═══ */
/* Ortak stiller (ym-page, ym-topbar, ym-back, vb.): /css/yonetim-liste.css */
/* Sekmeler: ortak ym-tabs-wrapper kullanılıyor (yonetim-liste.css) */

/* MESAJ */
.sv-message[b-zi96u1oo19] {
    margin: 14px 12px 0; padding: 12px 18px; border-radius: 10px;
    font-weight: 600; font-size: 0.9rem;
}
.sv-message.success[b-zi96u1oo19] { background: #f0fdf4; color: #16a34a; border: 1px solid #bbf7d0; }
.sv-message.error[b-zi96u1oo19] { background: #fef2f2; color: #dc2626; border: 1px solid #fecaca; }

/* SECTION */
.sv-section[b-zi96u1oo19] {
    margin: 16px 12px 24px;
    overflow: visible;
    animation: svFadeIn-b-zi96u1oo19 0.3s ease;
}
@keyframes svFadeIn-b-zi96u1oo19 { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

/* FORM ROW */
.sv-form-row[b-zi96u1oo19] {
    display: flex; gap: 10px; align-items: flex-end; flex-wrap: wrap;
    background: var(--t-card, white); padding: 16px 16px; border-radius: 14px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.04); border: 1px solid #f1f5f9;
    margin-bottom: 12px;
}
.sv-form-col[b-zi96u1oo19] {
    display: flex; flex-direction: column; gap: 10px;
    background: var(--t-card, white); padding: 16px 16px; border-radius: 14px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.04); border: 1px solid #f1f5f9;
    margin-bottom: 12px;
}
.sv-grow[b-zi96u1oo19] { flex: 1; min-width: 140px; }
.sv-durum[b-zi96u1oo19] { width: 100px; flex: 0 0 100px; }

/* INPUT */
.sv-input[b-zi96u1oo19] {
    padding: 10px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 10px;
    font-size: 0.88rem; outline: none; background: var(--t-card, white); transition: border 0.2s;
    box-sizing: border-box;
}
.sv-input:focus[b-zi96u1oo19] { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.1); }
textarea.sv-input[b-zi96u1oo19] { resize: vertical; width: 100%; }

/* SearchSelect */
.sv-form-row[b-zi96u1oo19]  .m-input,
.sv-form-col[b-zi96u1oo19]  .m-input {
    padding: 10px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 10px;
    font-size: 0.88rem; transition: border 0.2s; outline: none;
    background: var(--t-card, white); width: 100%; box-sizing: border-box;
}
.sv-form-row[b-zi96u1oo19]  .m-input:focus, .sv-form-row[b-zi96u1oo19]  .m-input.ss-open,
.sv-form-col[b-zi96u1oo19]  .m-input:focus, .sv-form-col[b-zi96u1oo19]  .m-input.ss-open {
    border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.1);
}

/* CHECKBOX */
.sv-check[b-zi96u1oo19] {
    display: flex; align-items: center; gap: 6px; font-size: 0.85rem;
    font-weight: 600; color: #475569; white-space: nowrap; cursor: pointer;
    padding: 6px 0;
}
.sv-check input[type="checkbox"][b-zi96u1oo19] {
    width: 18px; height: 18px; accent-color: #6366f1; cursor: pointer;
}

/* BUTONLAR */
.sv-btn[b-zi96u1oo19] {
    padding: 10px 20px; border: none; border-radius: 10px; font-weight: 700;
    font-size: 0.82rem; cursor: pointer; transition: all 0.2s; white-space: nowrap;
}
.sv-btn-save[b-zi96u1oo19] {
    background: linear-gradient(135deg, #6366f1 0%, #818cf8 100%); color: white;
    box-shadow: 0 2px 8px rgba(99,102,241,0.18);
    border: 1px solid rgba(99,102,241,0.3);
    letter-spacing: 0.01em;
}
.sv-btn-save:hover[b-zi96u1oo19] {
    background: linear-gradient(135deg, #4f46e5 0%, #6366f1 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(99,102,241,0.3);
    border-color: rgba(79,70,229,0.4);
}
.sv-btn-cancel[b-zi96u1oo19] { background: #f1f5f9; color: #475569; border: 1.5px solid var(--t-card-border, #e2e8f0); }
.sv-btn-cancel:hover[b-zi96u1oo19] { border-color: #ef4444; color: #ef4444; }

/* ARAMA */
.sv-search-row[b-zi96u1oo19] {
    display: flex; gap: 10px; align-items: center; margin-top: 16px; margin-bottom: 12px;
}
.sv-search-row .sv-input[b-zi96u1oo19] { flex: 1; padding: 7px 14px; font-size: 0.84rem; height: 36px; }
.sv-count[b-zi96u1oo19] {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 0 14px; height: 36px; border-radius: 10px; white-space: nowrap;
    font-size: 0.82rem; font-weight: 700;
    background: linear-gradient(135deg, #eff6ff, #e0e7ff);
    color: #4f46e5; border: 1.5px solid #c7d2fe;
    letter-spacing: 0.01em;
    transition: background 0.2s, border-color 0.2s;
}
.sv-count[b-zi96u1oo19]::before {
    content: '📋';
    font-size: 0.85rem;
}

/* TABLO */
.sv-table-wrap[b-zi96u1oo19] {
    background: var(--t-card, white); border-radius: 14px; box-shadow: 0 2px 10px rgba(0,0,0,0.04);
    overflow-x: auto; border: 1px solid #f1f5f9;
}
.sv-table[b-zi96u1oo19] { width: 100%; border-collapse: collapse; }
.sv-table th[b-zi96u1oo19] {
    padding: 11px 14px; text-align: left; font-size: 0.73rem; font-weight: 700;
    color: var(--t-text-muted, #64748b); text-transform: uppercase; letter-spacing: 0.5px;
    border-bottom: 2px solid #f1f5f9; background: #fafbfc; white-space: nowrap;
}
.sv-table td[b-zi96u1oo19] {
    padding: 10px 14px; font-size: 0.85rem; color: var(--t-text, #334155);
    border-bottom: 1px solid var(--t-card-border, #f1f5f9);
}
.sv-table tbody tr[b-zi96u1oo19] { transition: background 0.15s; }
.sv-table tbody tr:hover[b-zi96u1oo19] { background: var(--t-hover, #f8fafc); }
.sv-table .row-active[b-zi96u1oo19] { background: #eff6ff !important; }
.td-id[b-zi96u1oo19] { font-weight: 700; color: #94a3b8; font-size: 0.8rem; white-space: nowrap; }
.td-bold[b-zi96u1oo19] { font-weight: 700; color: var(--t-text, #1e293b); }
.td-muted[b-zi96u1oo19] { color: #94a3b8; font-size: 0.82rem; }
.td-ekleyen[b-zi96u1oo19] { max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.75rem; }
.td-sure[b-zi96u1oo19] { color: #6366f1; font-weight: 600; font-size: 0.82rem; white-space: nowrap; }
.td-desc[b-zi96u1oo19] { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #94a3b8; font-size: 0.82rem; }
.td-tarih[b-zi96u1oo19] { white-space: nowrap; color: #94a3b8; font-size: 0.82rem; }
.td-actions[b-zi96u1oo19] { white-space: nowrap; text-align: right; }
.empty-row[b-zi96u1oo19] {
    text-align: center;
    padding: 40px 16px !important;
    color: #dc2626;
    font-size: 0.92rem;
    font-weight: 600;
    background: linear-gradient(135deg, #fef2f2, #fff5f5) !important;
}
.empty-row .empty-icon[b-zi96u1oo19] {
    display: block;
    font-size: 2.2rem;
    margin-bottom: 8px;
    opacity: 0.7;
}
.empty-row .empty-text[b-zi96u1oo19] {
    display: block;
    color: #dc2626;
    font-size: 0.88rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

/* TOGGLE SWİTCH (Duyurular Aktif/Pasif) */
.sv-toggle-label[b-zi96u1oo19] {
    display: inline-flex; align-items: center; gap: 10px;
    cursor: pointer; user-select: none; padding: 4px 0;
}
.sv-toggle-track[b-zi96u1oo19] {
    position: relative; width: 44px; height: 24px; border-radius: 12px;
    background: #cbd5e1; transition: background 0.25s ease;
    flex-shrink: 0;
}
.sv-toggle-track.on[b-zi96u1oo19] {
    background: linear-gradient(135deg, #22c55e, #16a34a);
}
.sv-toggle-thumb[b-zi96u1oo19] {
    position: absolute; top: 2px; left: 2px;
    width: 20px; height: 20px; border-radius: 50%;
    background: white; box-shadow: 0 1px 4px rgba(0,0,0,0.18);
    transition: transform 0.25s ease;
}
.sv-toggle-track.on .sv-toggle-thumb[b-zi96u1oo19] {
    transform: translateX(20px);
}
.sv-toggle-text[b-zi96u1oo19] {
    font-size: 0.82rem; font-weight: 700; color: #94a3b8;
    transition: color 0.2s;
}
.sv-toggle-text.on[b-zi96u1oo19] {
    color: #16a34a;
}

/* DURUM PİLLERİ */
.sv-pill[b-zi96u1oo19] {
    padding: 3px 10px; border-radius: 8px; font-size: 0.74rem; font-weight: 700;
    display: inline-block;
}
.sv-pill.aktif[b-zi96u1oo19] { background: #f0fdf4; color: #16a34a; }
.sv-pill.pasif[b-zi96u1oo19] { background: #fef2f2; color: #dc2626; }

.sv-kategori[b-zi96u1oo19] {
    background: #f3e8ff; color: #7c3aed; padding: 2px 8px; border-radius: 6px;
    font-size: 0.76rem; font-weight: 600;
}

/* TOPLU VİZİT EKLEME */
.sv-toplu-panel[b-zi96u1oo19] {
    background: var(--t-card, white); border-radius: 14px; border: 1.5px solid var(--t-card-border, #e2e8f0);
    margin-bottom: 12px;
}
.sv-toplu-header[b-zi96u1oo19] {
    display: flex; justify-content: space-between; align-items: center;
    padding: 12px 20px; cursor: pointer; transition: background 0.2s;
    font-weight: 700; font-size: 0.88rem; color: #475569;
}
.sv-toplu-header:hover[b-zi96u1oo19] { background: var(--t-hover, #f8fafc); }
.sv-toplu-toggle[b-zi96u1oo19] { font-size: 0.75rem; color: #94a3b8; }
.sv-toplu-body[b-zi96u1oo19] { padding: 0 20px 16px; }
.sv-toplu-body .sv-form-row[b-zi96u1oo19] { margin-bottom: 10px; box-shadow: none; padding: 0; border: none; background: none; }
.sv-toplu-fields[b-zi96u1oo19] {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px;
    margin-bottom: 12px;
}
.sv-toplu-field[b-zi96u1oo19] { display: flex; flex-direction: column; gap: 4px; }
.sv-toplu-field label[b-zi96u1oo19] {
    font-size: 0.76rem; font-weight: 700; color: #475569; letter-spacing: 0.01em;
}
.sv-toplu-field .sv-input[b-zi96u1oo19] { width: 100%; }
.sv-toplu-preview[b-zi96u1oo19] {
    display: flex; flex-wrap: wrap; gap: 6px; align-items: center;
    padding: 10px 0; margin-bottom: 8px;
}
.sv-toplu-label[b-zi96u1oo19] { font-size: 0.78rem; font-weight: 700; color: var(--t-text-muted, #64748b); margin-right: 4px; }
.sv-toplu-tag[b-zi96u1oo19] {
    background: #eff6ff; color: #3b82f6; padding: 3px 10px; border-radius: 6px;
    font-size: 0.76rem; font-weight: 600;
}
.sv-toplu-tag.more[b-zi96u1oo19] { background: #f1f5f9; color: #94a3b8; }
.sv-toplu-total[b-zi96u1oo19] { font-size: 0.78rem; font-weight: 700; color: #16a34a; margin-left: auto; }

/* AKSIYON BUTONLARI */
.sv-act[b-zi96u1oo19] {
    background: none; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 8px;
    width: 32px; height: 32px; cursor: pointer; font-size: 0.85rem;
    transition: all 0.2s; display: inline-flex; align-items: center; justify-content: center;
    margin-left: 4px;
}
.sv-act.edit:hover[b-zi96u1oo19] { background: #eff6ff; border-color: #6366f1; }
.sv-act.del:hover[b-zi96u1oo19] { background: #fef2f2; border-color: #dc2626; }

/* RESPONSİVE */
@media (max-width: 768px) {
    .sv-section[b-zi96u1oo19] { margin: 10px 8px; }

    /* ── Genel form satırları: dikey yığılma ── */
    .sv-form-row[b-zi96u1oo19] {
        flex-direction: column;
        padding: 14px 14px;
        align-items: stretch;
        gap: 8px;
    }
    .sv-form-row > *[b-zi96u1oo19] { width: 100% !important; min-width: 0 !important; flex: none !important; }
    .sv-form-row > .sv-btn[b-zi96u1oo19] { text-align: center; }

    .sv-form-col[b-zi96u1oo19] { padding: 12px 14px; }
    .sv-form-col > div[b-zi96u1oo19] { width: 100%; }
    .sv-form-col .sv-input[b-zi96u1oo19] { width: 100%; box-sizing: border-box; }

    /* ── Koordinatör formu ── */
    .sv-koord-form[b-zi96u1oo19] {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 8px;
    }
    .sv-koord-form > *[b-zi96u1oo19] { width: 100% !important; min-width: 0 !important; flex: none !important; }
    .sv-koord-actions[b-zi96u1oo19] {
        display: flex; flex-direction: column; gap: 8px;
        padding-bottom: 0;
    }
    .sv-koord-actions .sv-btn[b-zi96u1oo19] { width: 100%; text-align: center; }

    /* ── Firma form ekle butonu — sağa yaslı ── */
    .sv-firma-row[style*="justify-content"][b-zi96u1oo19] {
        justify-content: stretch !important;
    }
    .sv-firma-row .sv-btn[b-zi96u1oo19] { width: 100%; text-align: center; }

    /* ── Duyurular ── */
    .sv-duyuru-actions[b-zi96u1oo19] {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }
    .sv-duyuru-btns[b-zi96u1oo19] {
        flex-direction: column; gap: 8px;
        margin-left: 0; width: 100%;
    }
    .sv-duyuru-btns .sv-btn[b-zi96u1oo19] { width: 100%; text-align: center; }
    .sv-duyuru-actions > .sv-check[b-zi96u1oo19] { justify-content: flex-start; padding: 2px 0; }

    /* ── Grup içi form satırları ── */
    .sv-group-body[b-zi96u1oo19] { padding: 12px 14px; }
    .sv-group-body .sv-form-row[b-zi96u1oo19] {
        flex-direction: column;
        align-items: stretch;
    }
    .sv-group-body .sv-form-row > *[b-zi96u1oo19] { width: 100% !important; min-width: 0 !important; flex: none !important; }
    .sv-group-header[b-zi96u1oo19] { font-size: 0.82rem; padding: 10px 14px; }

    /* ── Checkbox ── */
    .sv-form-row > .sv-check[b-zi96u1oo19] { justify-content: flex-start; padding: 2px 0; }

    /* ── Sekmeler: global ym-tabs-wrapper kullanılıyor (yonetim-liste.css) ── */

    /* ── Toplu panel ── */
    .sv-toplu-fields[b-zi96u1oo19] { grid-template-columns: 1fr; }
    .sv-toplu-body .sv-form-row[b-zi96u1oo19] { align-items: stretch; }
    .sv-sablon-bar-inner[b-zi96u1oo19] { flex-direction: column; align-items: stretch; }
    .sv-sablon-bar-select[b-zi96u1oo19] { max-width: 100%; min-width: 100%; }

    /* ── Arama ── */
    .sv-search-row[b-zi96u1oo19] { flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 8px; }
    .sv-search-row .sv-input[b-zi96u1oo19] { flex: 1; min-width: 0; padding: 6px 10px; font-size: 0.82rem; height: 32px; }
    .sv-count[b-zi96u1oo19] { height: 32px; padding: 0 10px; font-size: 0.72rem; flex-shrink: 0; }

    /* ── Tablo ── */
    .sv-table th[b-zi96u1oo19], .sv-table td[b-zi96u1oo19] { padding: 8px 8px; font-size: 0.78rem; }
    .td-desc[b-zi96u1oo19] { max-width: 120px; }

    /* ── Topbar ── */
    .ym-topbar[b-zi96u1oo19] { padding: 12px 12px; gap: 8px; }
    .ym-topbar h2[b-zi96u1oo19] { font-size: 1rem; }

    /* ── Grid / inline / actions ── */
    .sv-form-grid-2[b-zi96u1oo19] { grid-template-columns: 1fr; }
    .sv-form-inline[b-zi96u1oo19] { flex-direction: column; }
    .sv-form-inline > *[b-zi96u1oo19] { width: 100%; }
    .sv-form-actions[b-zi96u1oo19] { flex-direction: column; align-items: stretch; }
    .sv-form-actions .sv-btn[b-zi96u1oo19] { width: 100%; text-align: center; }
    .sv-field-unvan[b-zi96u1oo19] { width: 100%; }

    /* ── Duyurular iç satır (fallback) ── */
    .sv-form-col > .sv-form-row[b-zi96u1oo19] {
        flex-direction: column; align-items: stretch; gap: 8px;
    }
    .sv-form-col > .sv-form-row > .sv-btn[b-zi96u1oo19] { width: 100%; text-align: center; }
    .sv-form-col > .sv-form-row > .sv-check[b-zi96u1oo19] { justify-content: flex-start; padding: 2px 0; }
}

@media (max-width: 480px) {
    .sv-section[b-zi96u1oo19] { margin: 6px 4px; }
    .sv-form-row[b-zi96u1oo19] { padding: 10px 10px; }
    .sv-group-body[b-zi96u1oo19] { padding: 10px 10px; }
    .sv-table th[b-zi96u1oo19], .sv-table td[b-zi96u1oo19] { padding: 6px 6px; font-size: 0.74rem; }
    .td-ekleyen[b-zi96u1oo19] { max-width: 80px; }
    .td-desc[b-zi96u1oo19] { max-width: 80px; }
    .sv-search-row .sv-input[b-zi96u1oo19] { padding: 5px 8px; font-size: 0.8rem; height: 30px; }
    .sv-count[b-zi96u1oo19] { height: 30px; padding: 0 8px; font-size: 0.68rem; }
}

/* ═══ ÇALIŞMA FORM GRUPLARI ═══ */
.sv-calisma-form[b-zi96u1oo19] {
    display: flex; flex-direction: column; gap: 14px; margin-bottom: 16px;
}

.sv-group[b-zi96u1oo19] {
    background: var(--t-card, white); border-radius: 14px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.04);
    border: 1px solid #f1f5f9;
    overflow: visible;
}

.sv-group-header[b-zi96u1oo19] {
    padding: 12px 20px; font-weight: 700; font-size: 0.88rem;
    color: var(--t-text, #334155); background: linear-gradient(135deg, #f8fafc, #f1f5f9);
    border-bottom: 1px solid #e2e8f0; letter-spacing: 0.01em;
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    flex-wrap: wrap;
}

.sv-sablon-bar[b-zi96u1oo19] {
    margin-bottom: 6px;
}

.sv-sablon-bar-inner[b-zi96u1oo19] {
    display: flex; align-items: center; gap: 10px;
    background: linear-gradient(135deg, #eef2ff, #e0e7ff);
    border: 1.5px solid #c7d2fe; border-radius: 10px;
    padding: 10px 16px; flex-wrap: wrap;
}

.sv-sablon-bar-icon[b-zi96u1oo19] {
    font-size: 1.2rem; flex-shrink: 0;
}

.sv-sablon-bar-label[b-zi96u1oo19] {
    font-size: 0.82rem; font-weight: 700; color: #4338ca;
    white-space: nowrap; flex-shrink: 0;
}

.sv-sablon-bar-select[b-zi96u1oo19] {
    flex: 1; min-width: 220px; max-width: 340px;
}

.sv-sablon-bar-empty[b-zi96u1oo19] {
    display: flex; flex-direction: column; gap: 2px;
    background: var(--t-hover, #f8fafc); border: 1.5px dashed #cbd5e1; border-radius: 10px;
    padding: 10px 16px; font-size: 0.8rem; color: var(--t-text-muted, #64748b);
}

.sv-sablon-bar-hint[b-zi96u1oo19] {
    font-size: 0.75rem; color: #94a3b8;
}

.sv-group-body[b-zi96u1oo19] {
    padding: 16px 16px; display: flex; flex-direction: column; gap: 10px;
    overflow: visible;
}

.sv-group-body .sv-form-row[b-zi96u1oo19] {
    margin-bottom: 0; box-shadow: none; padding: 0;
    border: none; background: none; border-radius: 0;
}

.sv-field-label[b-zi96u1oo19] {
    display: block; font-size: 0.76rem; font-weight: 700;
    color: #475569; margin-bottom: 5px; letter-spacing: 0.01em;
}
.sv-field-unvan[b-zi96u1oo19] { flex: 0 0 auto; width: 180px; }

/* Koordinatör form */
.sv-koord-form[b-zi96u1oo19] {
    display: flex; gap: 10px; align-items: flex-end; width: 100%;
    flex-wrap: wrap;
}
.sv-koord-unvan[b-zi96u1oo19] { flex: 0 0 200px; }
.sv-koord-adsoyad[b-zi96u1oo19] { flex: 1; min-width: 200px; }
.sv-koord-form[b-zi96u1oo19]  .ss-wrap { position: relative; }
.sv-koord-form[b-zi96u1oo19]  .m-input {
    padding: 10px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 10px;
    font-size: 0.88rem; transition: border 0.2s; outline: none;
    background: var(--t-card, white); width: 100%; box-sizing: border-box;
}
.sv-koord-form[b-zi96u1oo19]  .m-input:focus,
.sv-koord-form[b-zi96u1oo19]  .m-input.ss-open {
    border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.1);
}
.sv-koord-adsoyad .sv-input[b-zi96u1oo19] {
    width: 100%; box-sizing: border-box;
}
.sv-koord-actions[b-zi96u1oo19] {
    display: flex; gap: 6px; align-items: flex-end; flex-shrink: 0;
    padding-bottom: 1px;
}

.sv-req[b-zi96u1oo19] {
    color: #ef4444; font-weight: 800;
}

.sv-form-actions[b-zi96u1oo19] {
    justify-content: flex-end; background: none !important;
    box-shadow: none !important; border: none !important; padding: 0 !important;
}

.sv-preview[b-zi96u1oo19] {
    display: flex; align-items: center; gap: 8px; padding: 8px 14px;
    background: linear-gradient(135deg, #f0fdf4, #ecfdf5); border: 1px solid #bbf7d0;
    border-radius: 10px; margin-top: 4px;
}
.sv-preview-label[b-zi96u1oo19] { font-size: 0.78rem; font-weight: 700; color: #166534; }
.sv-preview-value[b-zi96u1oo19] { font-size: 0.92rem; font-weight: 600; color: #047857; }

/* Form inline — buton + checkbox yan yana */
.sv-form-inline[b-zi96u1oo19] {
    display: flex; gap: 10px; align-items: center; flex-wrap: wrap;
}
.sv-btn-grow[b-zi96u1oo19] { flex: 1; min-width: 120px; }
.sv-full[b-zi96u1oo19] { width: 100%; box-sizing: border-box; }
.sv-field-kategori[b-zi96u1oo19] { flex: 0 0 150px; }
.sv-field-sure[b-zi96u1oo19] { flex: 0 0 130px; }

.sv-form-grid-2[b-zi96u1oo19] {
    display: grid; grid-template-columns: 1fr 1fr; gap: 12px;
}

/* ═══ FİRMALAR ═══ */
.sv-firma-form[b-zi96u1oo19] { display: flex; flex-direction: column; gap: 10px; }
.sv-firma-row[b-zi96u1oo19] { display: flex; gap: 12px; flex-wrap: wrap; }
.sv-firma-field[b-zi96u1oo19] { flex: 1; min-width: 180px; display: flex; flex-direction: column; gap: 4px; }
.sv-firma-wide[b-zi96u1oo19] { flex: 2; min-width: 260px; }
.sv-firma-full[b-zi96u1oo19] { flex: 1 1 100%; min-width: 100%; }

/* ═══ TOGGLE SWITCH ═══ */
.sv-toggle-group[b-zi96u1oo19] {
    display: flex; gap: 16px; align-items: center; flex-wrap: wrap;
    padding: 4px 0;
}
.sv-toggle-label[b-zi96u1oo19] {
    display: flex; align-items: center; gap: 8px; cursor: pointer;
    user-select: none;
}
.sv-toggle-track[b-zi96u1oo19] {
    position: relative; width: 40px; height: 22px;
    background: #cbd5e1; border-radius: 12px;
    transition: background 0.25s ease;
    display: inline-block; flex-shrink: 0;
}
.sv-toggle-track.active[b-zi96u1oo19] {
    background: linear-gradient(135deg, #6366f1, #818cf8);
}
.sv-toggle-thumb[b-zi96u1oo19] {
    position: absolute; top: 2px; left: 2px;
    width: 18px; height: 18px; border-radius: 50%;
    background: white; box-shadow: 0 1px 4px rgba(0,0,0,0.18);
    transition: transform 0.25s ease;
}
.sv-toggle-track.active .sv-toggle-thumb[b-zi96u1oo19] {
    transform: translateX(18px);
}
.sv-toggle-text[b-zi96u1oo19] {
    font-size: 0.82rem; font-weight: 600; color: #475569;
    white-space: nowrap;
}

/* ═══ BADGE ═══ */
.sv-badge[b-zi96u1oo19] {
    display: inline-flex; align-items: center; gap: 3px;
    padding: 3px 10px; border-radius: 8px;
    font-size: 0.78rem; font-weight: 700; letter-spacing: 0.01em;
    white-space: nowrap;
}
.sv-badge-yes[b-zi96u1oo19] {
    background: linear-gradient(135deg, #ecfdf5, #d1fae5);
    color: #047857; border: 1px solid #a7f3d0;
}
.sv-badge-no[b-zi96u1oo19] {
    background: #f8fafc; color: #94a3b8;
    border: 1px solid #e2e8f0;
}

@media (max-width: 640px) {
    .sv-toggle-group[b-zi96u1oo19] { gap: 10px; }
    .sv-toggle-text[b-zi96u1oo19] { font-size: 0.78rem; }
}

/* ═══ FATURA BİLGİLERİMİZ KART ═══ */
.fb-card[b-zi96u1oo19] {
    background: var(--t-card, white);
    border-radius: 16px;
    border: 1.5px solid #e0e7ff;
    box-shadow: 0 4px 20px rgba(99, 102, 241, 0.06);
    margin-bottom: 16px;
    overflow: hidden;
}

.fb-card-header[b-zi96u1oo19] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    background: linear-gradient(135deg, #eef2ff, #e0e7ff);
    border-bottom: 1px solid #c7d2fe;
    gap: 12px;
    flex-wrap: wrap;
}

.fb-header-left[b-zi96u1oo19] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.fb-header-icon[b-zi96u1oo19] {
    font-size: 1.6rem;
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(99, 102, 241, 0.12);
}

.fb-title[b-zi96u1oo19] {
    font-size: 0.95rem;
    font-weight: 800;
    color: #312e81;
    margin: 0;
    letter-spacing: 0.01em;
}

.fb-subtitle[b-zi96u1oo19] {
    font-size: 0.76rem;
    color: #6366f1;
    margin: 2px 0 0;
    font-weight: 500;
}

.fb-toggle-btn[b-zi96u1oo19] {
    padding: 7px 18px;
    border: 1.5px solid #c7d2fe;
    border-radius: 10px;
    background: white;
    color: #4f46e5;
    font-weight: 700;
    font-size: 0.8rem;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
    flex-shrink: 0;
}

.fb-toggle-btn:hover[b-zi96u1oo19] {
    background: #4f46e5;
    color: white;
    border-color: #4f46e5;
}

/* Özet satırı */
.fb-summary[b-zi96u1oo19] {
    display: flex;
    gap: 0;
    flex-wrap: wrap;
    padding: 0;
}

.fb-summary-item[b-zi96u1oo19] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    flex: 1;
    min-width: 200px;
    border-right: 1px solid #f1f5f9;
    border-bottom: 1px solid #f1f5f9;
}

.fb-summary-item:last-child[b-zi96u1oo19] {
    border-right: none;
}

.fb-si-icon[b-zi96u1oo19] {
    font-size: 1.2rem;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8fafc;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
}

.fb-si-label[b-zi96u1oo19] {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #94a3b8;
}

.fb-si-val[b-zi96u1oo19] {
    display: block;
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--t-text, #1e293b);
    word-break: break-all;
}

.fb-summary-empty[b-zi96u1oo19] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 14px 20px;
    width: 100%;
    font-size: 0.82rem;
    font-weight: 600;
    color: #b45309;
    background: linear-gradient(135deg, #fffbeb, #fef3c7);
}

/* Form body */
.fb-body[b-zi96u1oo19] {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.fb-group[b-zi96u1oo19] {
    background: var(--t-hover, #f8fafc);
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    overflow: hidden;
}

.fb-group-title[b-zi96u1oo19] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    font-size: 0.8rem;
    font-weight: 800;
    color: #475569;
    background: linear-gradient(135deg, #f1f5f9, #e2e8f0);
    border-bottom: 1px solid #e2e8f0;
    letter-spacing: 0.02em;
}

/* ═══ DOSYADAN VİZİT AKTARIMI — PANEL ═══ */
.sv-dosya-aktar-panel[b-zi96u1oo19] {
    border-radius: 16px;
    border: 1.5px solid #c7d2fe;
    background: linear-gradient(135deg, #faf5ff 0%, #eef2ff 50%, #eff6ff 100%);
    box-shadow: 0 4px 24px rgba(99, 102, 241, 0.08), 0 1px 4px rgba(99, 102, 241, 0.06);
    margin-bottom: 14px;
    overflow: hidden;
    position: relative;
}
.sv-dosya-aktar-panel[b-zi96u1oo19]::before {
    content: '';
    position: absolute; top: 0; left: 0; right: 0; height: 3px;
    background: linear-gradient(90deg, #8b5cf6, #6366f1, #3b82f6, #06b6d4);
    border-radius: 16px 16px 0 0;
}
.sv-dosya-aktar-header[b-zi96u1oo19] {
    display: flex; justify-content: space-between; align-items: center;
    padding: 14px 20px; cursor: pointer; transition: background 0.2s;
    gap: 12px; flex-wrap: wrap;
}
.sv-dosya-aktar-header:hover[b-zi96u1oo19] { background: rgba(99, 102, 241, 0.04); }
.sv-dosya-aktar-header-left[b-zi96u1oo19] {
    display: flex; align-items: center; gap: 12px; min-width: 0;
}
.sv-dosya-aktar-icon-wrap[b-zi96u1oo19] {
    font-size: 1.5rem; flex-shrink: 0;
    width: 42px; height: 42px;
    display: flex; align-items: center; justify-content: center;
    background: white; border-radius: 12px;
    box-shadow: 0 2px 10px rgba(99, 102, 241, 0.15);
    border: 1.5px solid #e0e7ff;
}
.sv-dosya-aktar-title[b-zi96u1oo19] {
    font-size: 0.92rem; font-weight: 800; color: #312e81;
    letter-spacing: 0.01em; display: block;
}
.sv-dosya-aktar-subtitle[b-zi96u1oo19] {
    font-size: 0.74rem; color: #6366f1; font-weight: 500;
    display: block; margin-top: 1px;
}
.sv-dosya-aktar-badges[b-zi96u1oo19] {
    display: flex; align-items: center; gap: 6px; flex-shrink: 0;
}
.sv-dosya-aktar-badge[b-zi96u1oo19] {
    padding: 3px 10px; border-radius: 8px;
    font-size: 0.68rem; font-weight: 800; letter-spacing: 0.04em;
}
.sv-dosya-aktar-badge.pdf[b-zi96u1oo19] {
    background: linear-gradient(135deg, #fef2f2, #fee2e2);
    color: #dc2626; border: 1px solid #fca5a5;
}
.sv-dosya-aktar-badge.excel[b-zi96u1oo19] {
    background: linear-gradient(135deg, #f0fdf4, #dcfce7);
    color: #16a34a; border: 1px solid #86efac;
}
.sv-dosya-aktar-toggle[b-zi96u1oo19] {
    font-size: 0.75rem; color: #94a3b8; margin-left: 4px;
}
.sv-dosya-aktar-body[b-zi96u1oo19] {
    padding: 0 20px 18px;
}

/* ═══ SÜRÜKLE-BIRAK ALANI ═══ */
.sv-vizit-drop[b-zi96u1oo19] {
    padding: 32px 24px;
    border-radius: 16px;
    border: 2.5px dashed #a5b4fc;
    background: linear-gradient(135deg, rgba(99,102,241,0.02), rgba(139,92,246,0.05), rgba(59,130,246,0.03));
    transition: all 0.3s ease;
    margin-bottom: 14px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
.sv-vizit-drop[b-zi96u1oo19]::before {
    content: '';
    position: absolute; inset: 0;
    background: radial-gradient(ellipse at center, rgba(99,102,241,0.06) 0%, transparent 70%);
    pointer-events: none;
}
.sv-vizit-drop:hover[b-zi96u1oo19] {
    border-color: #6366f1;
    background: linear-gradient(135deg, rgba(99,102,241,0.06), rgba(139,92,246,0.08), rgba(59,130,246,0.06));
    box-shadow: 0 0 0 5px rgba(99,102,241,0.08), 0 8px 32px rgba(99,102,241,0.12);
    transform: translateY(-1px);
}
.sv-vizit-drop.drag-active[b-zi96u1oo19] {
    border-color: #6366f1;
    border-style: solid;
    background: linear-gradient(135deg, rgba(99,102,241,0.08), rgba(139,92,246,0.12), rgba(59,130,246,0.08));
    box-shadow: 0 0 0 6px rgba(99,102,241,0.12), 0 12px 40px rgba(99,102,241,0.18);
    transform: translateY(-2px) scale(1.005);
}
.sv-vizit-drop.drag-active .sv-vizit-drop-icon-main[b-zi96u1oo19] {
    animation: sv-vizit-bounce-b-zi96u1oo19 0.5s ease infinite;
}
.sv-vizit-drop.drag-active .sv-vizit-drop-title[b-zi96u1oo19] {
    color: #4f46e5;
}
.sv-vizit-drop.drag-active .sv-vizit-drop-arrows span[b-zi96u1oo19] {
    opacity: 1;
    color: #6366f1;
    animation: sv-vizit-arrows-fast-b-zi96u1oo19 0.6s ease-in-out infinite;
}
.sv-vizit-drop.drag-active .sv-vizit-drop-or[b-zi96u1oo19] {
    color: #6366f1; font-weight: 700;
}
@keyframes sv-vizit-bounce-b-zi96u1oo19 {
    0%, 100% { transform: translateY(0) scale(1); }
    50% { transform: translateY(-8px) scale(1.1); }
}
@keyframes sv-vizit-arrows-fast-b-zi96u1oo19 {
    0%, 100% { transform: translateY(0); opacity: 0.5; }
    50% { transform: translateY(6px); opacity: 1; }
}
.sv-vizit-drop.loading[b-zi96u1oo19] {
    border-color: #818cf8; border-style: solid;
    animation: sv-vizit-pulse-b-zi96u1oo19 1.5s ease-in-out infinite;
}
@keyframes sv-vizit-pulse-b-zi96u1oo19 { 0%,100% { opacity: 1; box-shadow: 0 0 0 4px rgba(99,102,241,0.1); } 50% { opacity: 0.8; box-shadow: 0 0 0 8px rgba(99,102,241,0.05); } }

.sv-vizit-drop-label[b-zi96u1oo19] {
    display: flex; flex-direction: column; align-items: center;
    gap: 8px; cursor: pointer; text-align: center;
    position: relative; z-index: 1;
}
.sv-vizit-drop-visual[b-zi96u1oo19] {
    display: flex; flex-direction: column; align-items: center; gap: 2px;
}
.sv-vizit-drop-icon-main[b-zi96u1oo19] {
    font-size: 2.8rem;
    filter: drop-shadow(0 4px 8px rgba(99,102,241,0.2));
    animation: sv-vizit-float-b-zi96u1oo19 3s ease-in-out infinite;
}
@keyframes sv-vizit-float-b-zi96u1oo19 {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-6px); }
}
.sv-vizit-drop-arrows[b-zi96u1oo19] {
    display: flex; gap: 8px; font-size: 1rem; color: #a5b4fc;
    animation: sv-vizit-arrows-b-zi96u1oo19 1.5s ease-in-out infinite;
}
@keyframes sv-vizit-arrows-b-zi96u1oo19 {
    0%, 100% { opacity: 0.3; transform: translateY(0); }
    50% { opacity: 1; transform: translateY(4px); }
}
.sv-vizit-drop-icon[b-zi96u1oo19] { font-size: 2rem; }
.sv-vizit-drop-title[b-zi96u1oo19] {
    font-size: 0.95rem; font-weight: 800; color: #4338ca;
    letter-spacing: 0.01em;
}
.sv-vizit-drop-or[b-zi96u1oo19] {
    font-size: 0.76rem; color: #94a3b8; font-weight: 600;
}
.sv-vizit-drop-hint[b-zi96u1oo19] {
    font-size: 0.76rem; color: var(--t-text-muted, #94a3b8);
    max-width: 420px; line-height: 1.6;
}
.sv-vizit-drop-formats[b-zi96u1oo19] {
    display: flex; gap: 8px; margin-top: 4px;
}
.sv-vizit-format[b-zi96u1oo19] {
    padding: 4px 12px; border-radius: 8px;
    font-size: 0.72rem; font-weight: 700;
    border: 1px solid transparent;
}
.sv-vizit-format.pdf[b-zi96u1oo19] { background: #fef2f2; color: #dc2626; border-color: #fecaca; }
.sv-vizit-format.xlsx[b-zi96u1oo19] { background: #f0fdf4; color: #16a34a; border-color: #bbf7d0; }
.sv-vizit-format.xls[b-zi96u1oo19] { background: #f0fdf4; color: #15803d; border-color: #bbf7d0; }
.sv-vizit-spinner[b-zi96u1oo19] {
    display: inline-block; width: 32px; height: 32px;
    border: 3px solid rgba(99,102,241,0.15);
    border-top-color: #6366f1;
    border-radius: 50%; animation: sv-vizit-spin-b-zi96u1oo19 0.7s linear infinite;
}
@keyframes sv-vizit-spin-b-zi96u1oo19 { to { transform: rotate(360deg); } }

/* ═══ IMPORT SONUÇ PANELİ ═══ */
.sv-import-result[b-zi96u1oo19] {
    background: var(--t-card, white);
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 14px; padding: 18px;
    animation: sv-vizit-fade-b-zi96u1oo19 0.3s ease;
    box-shadow: 0 2px 12px rgba(0,0,0,0.04);
}
@keyframes sv-vizit-fade-b-zi96u1oo19 { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
.sv-import-header[b-zi96u1oo19] {
    display: flex; align-items: center; justify-content: space-between;
    margin-bottom: 16px; gap: 12px; flex-wrap: wrap;
}
.sv-import-header-left[b-zi96u1oo19] {
    display: flex; align-items: center; gap: 10px;
}
.sv-import-header-icon[b-zi96u1oo19] {
    font-size: 1.4rem; width: 38px; height: 38px;
    display: flex; align-items: center; justify-content: center;
    background: linear-gradient(135deg, #ecfdf5, #d1fae5);
    border-radius: 10px; border: 1px solid #a7f3d0;
    flex-shrink: 0;
}
.sv-import-header-title[b-zi96u1oo19] {
    font-weight: 800; font-size: 0.92rem; color: var(--t-text, #1e293b);
    display: block;
}
.sv-import-header-sub[b-zi96u1oo19] {
    font-size: 0.74rem; color: #059669; font-weight: 500;
    display: block; margin-top: 1px;
}
.sv-import-fields[b-zi96u1oo19] {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px;
    margin-bottom: 14px;
}
.sv-import-field[b-zi96u1oo19] { display: flex; flex-direction: column; gap: 4px; }
.sv-import-detected[b-zi96u1oo19] {
    font-size: 0.75rem; font-weight: 600; color: #059669;
    background: #f0fdf4; padding: 3px 8px; border-radius: 6px; border: 1px solid #bbf7d0;
    margin-bottom: 2px;
}
.sv-import-list[b-zi96u1oo19] {
    border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 10px;
    max-height: 320px; overflow-y: auto;
}
.sv-import-list-header[b-zi96u1oo19] {
    padding: 8px 14px; background: var(--t-hover, #f8fafc);
    border-bottom: 1px solid var(--t-card-border, #e2e8f0);
    font-size: 0.82rem; font-weight: 700; color: var(--t-text-muted, #64748b);
    position: sticky; top: 0; z-index: 1;
}
.sv-import-chk-all[b-zi96u1oo19] { display: flex; align-items: center; gap: 8px; cursor: pointer; }
.sv-import-chk-all input[type="checkbox"][b-zi96u1oo19] { width: 16px; height: 16px; accent-color: #6366f1; }
.sv-import-row[b-zi96u1oo19] {
    display: flex; align-items: center; gap: 10px; padding: 8px 14px;
    border-bottom: 1px solid var(--t-card-border, #f1f5f9);
    transition: background 0.15s;
}
.sv-import-row:last-child[b-zi96u1oo19] { border-bottom: none; }
.sv-import-row:hover[b-zi96u1oo19] { background: var(--t-hover, #f8fafc); }
.sv-import-row.deselected[b-zi96u1oo19] { opacity: 0.4; }
.sv-import-row input[type="checkbox"][b-zi96u1oo19] { width: 16px; height: 16px; accent-color: #6366f1; flex-shrink: 0; }
.sv-import-vizit-ad[b-zi96u1oo19] { flex: 1; font-weight: 600; font-size: 0.85rem; color: var(--t-text, #334155); }
.sv-import-sure-input[b-zi96u1oo19] { width: 80px !important; flex: none !important; padding: 6px 10px !important; font-size: 0.82rem !important; height: 34px !important; }
.sv-import-sure-lbl[b-zi96u1oo19] { font-size: 0.78rem; color: var(--t-text-muted, #94a3b8); font-weight: 600; flex-shrink: 0; }

@media (max-width: 768px) {
    .sv-dosya-aktar-header[b-zi96u1oo19] { padding: 12px 14px; }
    .sv-dosya-aktar-icon-wrap[b-zi96u1oo19] { width: 36px; height: 36px; font-size: 1.2rem; }
    .sv-dosya-aktar-title[b-zi96u1oo19] { font-size: 0.85rem; }
    .sv-dosya-aktar-body[b-zi96u1oo19] { padding: 0 14px 14px; }
    .sv-vizit-drop[b-zi96u1oo19] { padding: 20px 16px; }
    .sv-vizit-drop-icon-main[b-zi96u1oo19] { font-size: 2rem; }
    .sv-import-fields[b-zi96u1oo19] { grid-template-columns: 1fr; }
    .sv-import-sure-input[b-zi96u1oo19] { width: 60px !important; }
}

.fb-group-title span[b-zi96u1oo19] {
    font-size: 1rem;
}

.fb-fields[b-zi96u1oo19] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    padding: 14px 16px;
}

.fb-field[b-zi96u1oo19] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.fb-field.fb-full[b-zi96u1oo19] {
    grid-column: 1 / -1;
}

.fb-label[b-zi96u1oo19] {
    font-size: 0.74rem;
    font-weight: 700;
    color: #475569;
    letter-spacing: 0.01em;
}

.fb-actions[b-zi96u1oo19] {
    display: flex;
    justify-content: flex-end;
    padding-top: 4px;
}

@media (max-width: 768px) {
    .fb-card-header[b-zi96u1oo19] {
        padding: 12px 14px;
    }
    .fb-header-icon[b-zi96u1oo19] {
        width: 36px;
        height: 36px;
        font-size: 1.3rem;
    }
    .fb-title[b-zi96u1oo19] {
        font-size: 0.88rem;
    }
    .fb-summary-item[b-zi96u1oo19] {
        min-width: 160px;
        padding: 10px 14px;
    }
    .fb-body[b-zi96u1oo19] {
        padding: 14px;
        gap: 14px;
    }
    .fb-fields[b-zi96u1oo19] {
        grid-template-columns: 1fr;
        padding: 10px 12px;
    }
    .fb-field.fb-full[b-zi96u1oo19] {
        grid-column: 1;
    }
}

@media (max-width: 480px) {
    .fb-card-header[b-zi96u1oo19] {
        padding: 10px 10px;
    }
    .fb-summary-item[b-zi96u1oo19] {
        min-width: 100%;
        border-right: none;
    }
    .fb-body[b-zi96u1oo19] {
        padding: 10px;
    }
    .fb-fields[b-zi96u1oo19] {
        padding: 8px 10px;
    }
}


/* ═══════════════════════════════════════════════════════════
   ÖZEL OLAY KARTLARI — POPUP'LAR + CANLI ÖNİZLEME
   ═══════════════════════════════════════════════════════════ */

/* ── Modal Overlay (blur + click-outside-to-close) ── */
.ozk-overlay[b-zi96u1oo19] {
    position: fixed;
    inset: 0;
    z-index: 4000;
    background: rgba(15, 23, 42, 0.55);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    animation: ozkFadeIn-b-zi96u1oo19 0.18s ease-out;
}

@keyframes ozkFadeIn-b-zi96u1oo19 {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes ozkSlideUp-b-zi96u1oo19 {
    from { transform: translateY(20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

.ozk-modal[b-zi96u1oo19] {
    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.35), 0 12px 24px rgba(0, 0, 0, 0.18);
    max-width: 640px;
    width: 100%;
    max-height: 88vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: ozkSlideUp-b-zi96u1oo19 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.ozk-modal-sm[b-zi96u1oo19] { max-width: 460px; }
.ozk-modal-icon[b-zi96u1oo19] { max-width: 720px; }

.ozk-head[b-zi96u1oo19] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    background: linear-gradient(135deg, #f8fafc 0%, #eff6ff 100%);
    border-bottom: 1.5px solid #e2e8f0;
    flex-shrink: 0;
}

.ozk-head-danger[b-zi96u1oo19] {
    background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
    border-bottom-color: #fca5a5;
}

.ozk-head h3[b-zi96u1oo19] {
    margin: 0;
    font-size: 1.08rem;
    font-weight: 800;
    color: #1e293b;
}

.ozk-head-danger h3[b-zi96u1oo19] { color: #b91c1c; }

.ozk-close[b-zi96u1oo19] {
    background: rgba(148, 163, 184, 0.15);
    border: 0;
    width: 32px;
    height: 32px;
    border-radius: 10px;
    cursor: pointer;
    color: #475569;
    font-size: 1rem;
    transition: all 0.15s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.ozk-close:hover[b-zi96u1oo19] {
    background: rgba(239, 68, 68, 0.18);
    color: #dc2626;
    transform: rotate(90deg);
}

.ozk-body[b-zi96u1oo19] {
    padding: 18px 20px 20px;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.ozk-body-grid[b-zi96u1oo19] { padding: 14px 18px 18px; }

.ozk-desc[b-zi96u1oo19] {
    font-size: 0.88rem;
    color: #475569;
    margin: 0 0 14px;
    line-height: 1.5;
}

.ozk-year-row[b-zi96u1oo19] {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 16px;
    padding: 10px 12px;
    background: #f8fafc;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
}

.ozk-actions[b-zi96u1oo19] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid #e2e8f0;
}

.ozk-btn-danger[b-zi96u1oo19] {
    background: linear-gradient(135deg, #ef4444, #dc2626) !important;
    color: #fff !important;
    border: 0 !important;
}

.ozk-importing[b-zi96u1oo19] {
    text-align: center;
    margin-top: 14px;
    color: #0284c7;
    font-weight: 600;
    padding: 10px;
    background: #f0f9ff;
    border-radius: 8px;
}

/* ── Ülke seçim grid'i ── */
.ozk-country-grid[b-zi96u1oo19] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 8px;
}

.ozk-country-btn[b-zi96u1oo19] {
    padding: 16px 10px;
    font-size: 0.86rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    background: #f8fafc;
    color: #1e293b;
    border: 1.5px solid #e2e8f0;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.15s;
    font-weight: 600;
}

.ozk-country-btn:hover[b-zi96u1oo19] {
    background: linear-gradient(135deg, #eff6ff, #dbeafe);
    border-color: #6366f1;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.15);
}

.ozk-country-btn:disabled[b-zi96u1oo19] { opacity: 0.5; cursor: not-allowed; transform: none; }

/* ── İkon picker grid ── */
.ozk-icon-cat[b-zi96u1oo19] { margin-bottom: 14px; }

.ozk-icon-cat-title[b-zi96u1oo19] {
    font-size: 0.75rem;
    color: #64748b;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 6px;
    padding-bottom: 4px;
    border-bottom: 1.5px solid #f1f5f9;
}

.ozk-icon-grid[b-zi96u1oo19] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));
    gap: 4px;
}

.ozk-icon-btn[b-zi96u1oo19] {
    font-size: 1.4rem;
    padding: 6px;
    border: 1.5px solid transparent;
    border-radius: 8px;
    background: transparent;
    cursor: pointer;
    transition: all 0.12s;
    line-height: 1;
    text-align: center;
}

.ozk-icon-btn:hover[b-zi96u1oo19] {
    background: #f1f5f9;
    transform: scale(1.15);
    z-index: 1;
}

.ozk-icon-btn.selected[b-zi96u1oo19] {
    background: linear-gradient(135deg, #dbeafe, #bfdbfe);
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.18);
}

/* ── CANLI ÖNİZLEME — şık çift sütun ── */
.ozk-preview-wrap[b-zi96u1oo19] {
    margin: 16px 0 12px;
    padding: 14px 16px;
    background: linear-gradient(135deg, #f8fafc, #eff6ff);
    border: 1.5px dashed #c7d2fe;
    border-radius: 14px;
}

.ozk-preview-head[b-zi96u1oo19] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    flex-wrap: wrap;
    font-size: 0.78rem;
    color: #475569;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.ozk-preview-eye[b-zi96u1oo19] {
    font-size: 1.1rem;
    text-transform: none;
}

.ozk-preview-label[b-zi96u1oo19] { color: #1e40af; }

.ozk-preview-lang[b-zi96u1oo19] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 2px 8px;
    background: rgba(99, 102, 241, 0.12);
    border-radius: 6px;
    color: #4338ca;
}

/* Dil-duyarlı tablo hücresi — kullanıcı dilinde etiket + küçük TR internal ipucu */
.sv-i18n-cell[b-zi96u1oo19] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.sv-i18n-localized[b-zi96u1oo19] {
    font-weight: 600;
    color: var(--t-text, #1e293b);
    line-height: 1.35;
}

.sv-i18n-internal[b-zi96u1oo19] {
    font-size: 0.7rem;
    color: var(--t-text-muted, #94a3b8);
    font-weight: 500;
    line-height: 1.2;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    letter-spacing: 0.02em;
}

.ozk-preview-meta[b-zi96u1oo19] {
    margin-left: auto;
    font-weight: 600;
    color: #94a3b8;
    text-transform: none;
}

.ozk-preview-grid[b-zi96u1oo19] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.ozk-preview-card[b-zi96u1oo19] {
    background: #fff;
    border-radius: 12px;
    padding: 10px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
}

.ozk-preview-card-header[b-zi96u1oo19] {
    font-size: 0.72rem;
    color: #64748b;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
    padding-bottom: 6px;
    border-bottom: 1px solid #f1f5f9;
}

/* ═══ DASHBOARD BANNER ÖNİZLEME ═══
   Dashboard.razor'daki .ozel-gun-banner yapısının birebir kopyası;
   sadece bu önizleme için ölçek (padding, ikon, font) küçültüldü.
   Tema renkleri (bg, color, ::after svg) wwwroot/css/ozel-gun-temalar.css
   global dosyasından gelir → Dashboard'da nasıl çıkacaksa burada da aynı.
*/
.ozk-preview-banner[b-zi96u1oo19] {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    padding: 18px 22px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.06);
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 110px;
    box-sizing: border-box;
}
.ozk-preview-banner .ogb-content[b-zi96u1oo19] {
    display: flex; align-items: center; gap: 14px;
    position: relative; z-index: 2;
}
.ozk-preview-banner .ogb-icon[b-zi96u1oo19] {
    font-size: 1.9rem; flex-shrink: 0;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.18));
}
.ozk-preview-banner .ogb-text[b-zi96u1oo19] { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.ozk-preview-banner .ogb-title[b-zi96u1oo19] {
    font-size: 0.96rem; font-weight: 800; letter-spacing: 0.02em;
    overflow-wrap: anywhere;
}
.ozk-preview-banner .ogb-msg[b-zi96u1oo19] {
    font-size: 0.78rem; font-weight: 500; line-height: 1.45; opacity: 0.92;
    overflow-wrap: anywhere;
}
.ozk-preview-banner .ogb-particles[b-zi96u1oo19] {
    position: absolute; inset: 0; z-index: 1; pointer-events: none; overflow: hidden;
}
.ozk-preview-banner .ogb-p[b-zi96u1oo19] {
    position: absolute; border-radius: 50%; opacity: 0;
    animation: ozkOgbFloat-b-zi96u1oo19 6s ease-in-out infinite;
}
.ozk-preview-banner .ogb-p:nth-child(1)[b-zi96u1oo19] { width: 5px; height: 5px; left: 10%; top: 20%; animation-delay: 0s; }
.ozk-preview-banner .ogb-p:nth-child(2)[b-zi96u1oo19] { width: 4px; height: 4px; left: 25%; top: 70%; animation-delay: 1s; }
.ozk-preview-banner .ogb-p:nth-child(3)[b-zi96u1oo19] { width: 6px; height: 6px; left: 50%; top: 10%; animation-delay: 2s; }
.ozk-preview-banner .ogb-p:nth-child(4)[b-zi96u1oo19] { width: 5px; height: 5px; left: 70%; top: 60%; animation-delay: 3s; }
.ozk-preview-banner .ogb-p:nth-child(5)[b-zi96u1oo19] { width: 3px; height: 3px; left: 85%; top: 30%; animation-delay: 4s; }
.ozk-preview-banner .ogb-p:nth-child(6)[b-zi96u1oo19] { width: 6px; height: 6px; left: 40%; top: 80%; animation-delay: 5s; }
@keyframes ozkOgbFloat-b-zi96u1oo19 {
    0%, 100% { opacity: 0; transform: translateY(0) scale(1); }
    20% { opacity: 0.6; }
    50% { opacity: 0.4; transform: translateY(-15px) scale(1.3); }
    80% { opacity: 0.2; }
}

/* ═══ LOGIN ŞERİT ÖNİZLEME ═══
   Login.razor'daki .login-ozel-serit yapısının birebir kopyası.
*/
.ozk-preview-strip[b-zi96u1oo19] {
    display: flex; align-items: center; gap: 10px;
    padding: 10px 18px; font-size: 0.78rem; font-weight: 600;
    line-height: 1.45; position: relative; overflow: hidden;
    border-radius: 8px;
}
.ozk-preview-strip .los-icon[b-zi96u1oo19] { font-size: 1.15rem; flex-shrink: 0; z-index: 1; }
.ozk-preview-strip .los-text[b-zi96u1oo19] {
    z-index: 1;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

@media (max-width: 720px) {
    .ozk-preview-grid[b-zi96u1oo19] { grid-template-columns: 1fr; }
    .ozk-country-grid[b-zi96u1oo19] { grid-template-columns: repeat(2, 1fr); }
    .ozk-icon-grid[b-zi96u1oo19] { grid-template-columns: repeat(auto-fill, minmax(36px, 1fr)); }
    .ozk-preview-meta[b-zi96u1oo19] { margin-left: 0; flex: 1 1 100%; }
}

/* Theme support — koyu modda popup arka plan */
[data-theme="dark"] .ozk-modal[b-zi96u1oo19] { background: #1e293b; color: #e2e8f0; }
[data-theme="dark"] .ozk-head[b-zi96u1oo19] { background: linear-gradient(135deg, #0f172a, #1e293b); border-bottom-color: #334155; }
[data-theme="dark"] .ozk-head h3[b-zi96u1oo19] { color: #f1f5f9; }
[data-theme="dark"] .ozk-country-btn[b-zi96u1oo19] { background: #0f172a; color: #e2e8f0; border-color: #334155; }
[data-theme="dark"] .ozk-country-btn:hover[b-zi96u1oo19] { background: linear-gradient(135deg, #1e293b, #312e81); border-color: #6366f1; }
[data-theme="dark"] .ozk-icon-btn:hover[b-zi96u1oo19] { background: #334155; }
[data-theme="dark"] .ozk-preview-wrap[b-zi96u1oo19] { background: linear-gradient(135deg, #0f172a, #1e293b); border-color: #475569; }
[data-theme="dark"] .ozk-preview-card[b-zi96u1oo19] { background: #0f172a; border-color: #334155; }
/* /Components/Pages/Yonetim/SistemLoglari.razor.rz.scp.css */
/* ═══ SİSTEM LOGLARI — Sayfa-Özel Stiller ═══ */
/* Ortak stiller: /css/yonetim-liste.css */

/* ═══ LOADING — Yetki kontrol animasyonu ═══ */
.sl-loading[b-0ab50u0v4a] {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    padding: 90px 24px 70px; gap: 22px;
    animation: slFadeIn-b-0ab50u0v4a 0.5s ease;
}

/* Ana orb — 96px, sparkları taşımak için biraz büyük */
.sl-load-orb[b-0ab50u0v4a] {
    width: 96px; height: 96px; position: relative;
    display: flex; align-items: center; justify-content: center;
}

/* Arka plan halo — yumuşak nefes alan glow */
.sl-load-halo[b-0ab50u0v4a] {
    position: absolute; inset: -12px;
    border-radius: 50%;
    background: radial-gradient(circle at center,
                rgba(99,102,241,0.28) 0%,
                rgba(139,92,246,0.18) 35%,
                rgba(99,102,241,0.0) 70%);
    filter: blur(8px);
    animation: slHalo-b-0ab50u0v4a 2.4s ease-in-out infinite;
}
@keyframes slHalo-b-0ab50u0v4a {
    0%, 100% { transform: scale(0.92); opacity: 0.65; }
    50%      { transform: scale(1.08); opacity: 1; }
}

/* Çift halka — birinci dış, ikincisi iç ters yön */
.sl-load-ring[b-0ab50u0v4a] {
    position: absolute; border-radius: 50%;
    border: 2.5px solid transparent;
}
.sl-load-ring-outer[b-0ab50u0v4a] {
    inset: 4px;
    border-top-color: #6366f1;
    border-right-color: #8b5cf6;
    animation: slSpin-b-0ab50u0v4a 1.1s linear infinite;
}
.sl-load-ring-inner[b-0ab50u0v4a] {
    inset: 18px;
    border-bottom-color: #22d3ee;
    border-left-color: #6366f1;
    animation: slSpinReverse-b-0ab50u0v4a 1.4s linear infinite;
}
@keyframes slSpin-b-0ab50u0v4a        { to { transform: rotate(360deg); } }
@keyframes slSpinReverse-b-0ab50u0v4a { to { transform: rotate(-360deg); } }

/* Merkezdeki ikon — pulse */
.sl-load-core[b-0ab50u0v4a] {
    position: relative; z-index: 2;
    width: 40px; height: 40px; border-radius: 50%;
    background: linear-gradient(135deg, var(--t-card, #fff), var(--t-hover, #f8fafc));
    display: flex; align-items: center; justify-content: center;
    box-shadow:
        0 0 0 1px var(--t-card-border, rgba(99,102,241,0.15)),
        0 4px 14px rgba(99,102,241,0.18);
    animation: slCorePulse-b-0ab50u0v4a 2s ease-in-out infinite;
}
.sl-load-icon[b-0ab50u0v4a] { font-size: 1.15rem; line-height: 1; }
@keyframes slCorePulse-b-0ab50u0v4a {
    0%, 100% { transform: scale(1);    box-shadow: 0 0 0 1px var(--t-card-border, rgba(99,102,241,0.15)), 0 4px 14px rgba(99,102,241,0.18); }
    50%      { transform: scale(1.06); box-shadow: 0 0 0 1px var(--t-card-border, rgba(99,102,241,0.25)), 0 8px 22px rgba(99,102,241,0.32); }
}

/* Yörünge sparkları — orbit eden 3 küçük nokta */
.sl-load-spark[b-0ab50u0v4a] {
    position: absolute; top: 50%; left: 50%;
    width: 6px; height: 6px; border-radius: 50%;
    margin: -3px 0 0 -3px;
    box-shadow: 0 0 8px currentColor;
    transform-origin: 0 0;
}
.sl-load-spark-1[b-0ab50u0v4a] {
    background: #6366f1; color: #6366f1;
    animation: slOrbit-b-0ab50u0v4a 2.2s linear infinite;
}
.sl-load-spark-2[b-0ab50u0v4a] {
    background: #8b5cf6; color: #8b5cf6;
    animation: slOrbit-b-0ab50u0v4a 2.6s linear infinite;
    animation-delay: -0.7s;
}
.sl-load-spark-3[b-0ab50u0v4a] {
    background: #22d3ee; color: #22d3ee;
    animation: slOrbit-b-0ab50u0v4a 2.0s linear infinite;
    animation-delay: -1.3s;
}
@keyframes slOrbit-b-0ab50u0v4a {
    from { transform: rotate(0deg)   translateX(44px) rotate(0deg); }
    to   { transform: rotate(360deg) translateX(44px) rotate(-360deg); }
}

/* Metin */
.sl-load-text[b-0ab50u0v4a] {
    color: var(--t-text-muted, #64748b);
    font-size: 0.92rem; font-weight: 600; letter-spacing: 0.01em;
    display: flex; align-items: center; gap: 2px;
}
.sl-load-dots[b-0ab50u0v4a]::after {
    content: ''; display: inline-block; width: 18px; text-align: left;
    animation: slDots-b-0ab50u0v4a 1.4s steps(4, end) infinite;
}
@keyframes slDots-b-0ab50u0v4a {
    0%   { content: '';    }
    25%  { content: '.';   }
    50%  { content: '..';  }
    75%  { content: '...'; }
}

/* Progress bar — 2 paralel kayan gradient parça */
.sl-load-bar[b-0ab50u0v4a] {
    width: 200px; height: 4px; border-radius: 4px;
    background: var(--t-card-border, rgba(99,102,241,0.10));
    overflow: hidden; position: relative;
}
.sl-load-bar-fill[b-0ab50u0v4a] {
    position: absolute; top: 0; left: 0;
    width: 45%; height: 100%; border-radius: 4px;
    background: linear-gradient(90deg,
                transparent 0%,
                #6366f1 20%,
                #8b5cf6 50%,
                #22d3ee 80%,
                transparent 100%);
    animation: slBarMove-b-0ab50u0v4a 1.4s ease-in-out infinite;
}
@keyframes slBarMove-b-0ab50u0v4a {
    0%   { transform: translateX(-100%); }
    100% { transform: translateX(280%);  }
}

/* Dark/midnight tema — halo daha parlak.
   Scoped CSS'te [data-theme] selector'u <html> üzerindedir; descendant olarak
   bu sayfanın .sl-load-halo elementine ulaşır (Blazor scope attribute'u
   kapsayıcı .sl-load-halo'da uygulandığı için sorunsuz çalışır). */
[data-theme="dark"] .sl-load-halo[b-0ab50u0v4a],
[data-theme="midnight"] .sl-load-halo[b-0ab50u0v4a] {
    background: radial-gradient(circle at center,
                rgba(99,102,241,0.42) 0%,
                rgba(139,92,246,0.28) 35%,
                rgba(99,102,241,0.0) 70%);
}

/* Arama + kayıt sayısı yan yana satır */
.sl-search-badge-row[b-0ab50u0v4a] {
    display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0;
}
.sl-search-badge-row .ym-search[b-0ab50u0v4a] { flex: 1; min-width: 0; }

/* SECTION — sekme geçiş animasyonu */
.ym-section[b-0ab50u0v4a], .ym-list-section[b-0ab50u0v4a] { animation: slFadeIn-b-0ab50u0v4a 0.3s ease; }
@keyframes slFadeIn-b-0ab50u0v4a { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

/* ═══ İSTATİSTİK KARTLARI ═══ */
.sl-stats[b-0ab50u0v4a] { display: flex; gap: 12px; margin-bottom: 16px; flex-wrap: wrap; }
.sl-stat[b-0ab50u0v4a] {
    flex: 1; min-width: 100px; text-align: center; padding: 14px 12px;
    border-radius: 12px; border: 1.5px solid var(--t-card-border, #e2e8f0);
    background: var(--t-hover, #f8fafc);
    transition: transform 0.15s, box-shadow 0.15s, background 0.15s, border-color 0.15s;
    position: relative; overflow: hidden;
}
.sl-stat.blue[b-0ab50u0v4a] { background: #eff6ff; border-color: #bfdbfe; }
.sl-stat.teal[b-0ab50u0v4a] { background: #f0fdfa; border-color: #99f6e4; }
.sl-stat.green[b-0ab50u0v4a] { background: #f0fdf4; border-color: #bbf7d0; }
.sl-stat.purple[b-0ab50u0v4a] { background: #f5f3ff; border-color: #ddd6fe; }
.sl-stat:hover[b-0ab50u0v4a] { transform: scale(1.02); }
.sl-stat[b-0ab50u0v4a]::after {
    content: ''; position: absolute; left: 0; top: 0; bottom: 0;
    width: 0; border-radius: 12px 0 0 12px;
    transition: width 0.2s ease;
}
.sl-stat.active[b-0ab50u0v4a]::after { width: 4px; }
.sl-stat.blue.active[b-0ab50u0v4a]::after { background: #3b82f6; }
.sl-stat.green.active[b-0ab50u0v4a]::after { background: #16a34a; }
.sl-stat.active[b-0ab50u0v4a] { transform: scale(1.03); box-shadow: 0 4px 16px rgba(0,0,0,0.1); }
.sl-stat.blue.active[b-0ab50u0v4a] { background: #dbeafe; border-color: #93c5fd; }
.sl-stat.green.active[b-0ab50u0v4a] { background: #dcfce7; border-color: #86efac; }
.sl-st-val[b-0ab50u0v4a] { display: block; font-size: 1.5rem; font-weight: 800; color: var(--t-text, #1e293b); }
.sl-stat.blue .sl-st-val[b-0ab50u0v4a] { color: #3b82f6; }
.sl-stat.teal .sl-st-val[b-0ab50u0v4a] { color: #0d9488; }
.sl-stat.green .sl-st-val[b-0ab50u0v4a] { color: #16a34a; }
.sl-stat.purple .sl-st-val[b-0ab50u0v4a] { color: #7c3aed; }
.sl-st-label[b-0ab50u0v4a] { display: block; font-size: 0.72rem; font-weight: 600; color: #94a3b8; text-transform: uppercase; }
.sl-stat.active .sl-st-label[b-0ab50u0v4a] { color: #64748b; }

/* Kolon filtre bilgi alanı */
.sl-filter-info[b-0ab50u0v4a] { font-size: 0.78rem; color: #4f46e5; font-weight: 600; margin-left: 12px; background: #eef2ff; padding: 4px 10px; border-radius: 6px; }
.sl-filter-clear[b-0ab50u0v4a] { border: 1px solid #a5b4fc; background: var(--t-card, white); color: #4f46e5; padding: 2px 8px; border-radius: 4px; font-size: 0.7rem; font-weight: 600; cursor: pointer; margin-left: 6px; }
.sl-filter-clear:hover[b-0ab50u0v4a] { background: #eef2ff; }

/* Tarih hücre */
.sl-td-tarih[b-0ab50u0v4a] { white-space: nowrap; }
.sl-td-saat[b-0ab50u0v4a] { font-size: 0.75rem; color: #94a3b8; }

/* Kullanıcı hücre */
.sl-td-user[b-0ab50u0v4a] { display: flex; flex-direction: column; }
.sl-td-user-name[b-0ab50u0v4a] { font-weight: 600; }
.sl-td-user-mail[b-0ab50u0v4a] { font-size: 0.75rem; color: #94a3b8; }

/* Modül pill */
.sl-modul-pill[b-0ab50u0v4a] {
    padding: 4px 10px; border-radius: 6px; font-size: 0.78rem; font-weight: 600;
    background: #f1f5f9; color: #475569; white-space: nowrap;
}

/* İşlem pill'leri */
.sl-islem-pill[b-0ab50u0v4a] {
    padding: 4px 10px; border-radius: 6px; font-size: 0.78rem; font-weight: 700;
    white-space: nowrap;
}
.sl-islem-pill.ekleme[b-0ab50u0v4a] { background: #f0fdf4; color: #16a34a; }
.sl-islem-pill.guncelleme[b-0ab50u0v4a] { background: #eff6ff; color: #2563eb; }
.sl-islem-pill.silme[b-0ab50u0v4a] { background: #fef2f2; color: #dc2626; }
.sl-islem-pill.onay[b-0ab50u0v4a] { background: #f0fdf4; color: #059669; }
.sl-islem-pill.red[b-0ab50u0v4a] { background: #fef2f2; color: #dc2626; }
.sl-islem-pill.giris[b-0ab50u0v4a] { background: #ecfeff; color: #0891b2; }
.sl-islem-pill.cikis[b-0ab50u0v4a] { background: #fefce8; color: #ca8a04; }

/* Hedef & Açıklama hücreleri */
.sl-td-hedef[b-0ab50u0v4a] { max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
.sl-td-aciklama[b-0ab50u0v4a] { max-width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--t-text-muted, #64748b); font-size: 0.82rem; }

/* Filtre çiftleri (modüller+işlemler, tarihler) */
.sl-filter-pair[b-0ab50u0v4a] {
    display: contents;
}

@media (max-width: 768px) {
    .sl-search-badge-row[b-0ab50u0v4a] { display: flex; flex-direction: row; align-items: stretch; gap: 6px; flex-basis: 100%; }
    .sl-search-badge-row .ym-search[b-0ab50u0v4a] { flex: 1; min-width: 0; }
    .sl-search-badge-row .ym-search input[b-0ab50u0v4a] { height: 34px !important; }
    .sl-search-badge-row .ym-toolbar-badge[b-0ab50u0v4a] { flex-shrink: 0; height: 34px !important; display: flex; align-items: center; }
    .sl-td-tarih[b-0ab50u0v4a] { white-space: nowrap; min-width: 90px; }
    .sl-filter-pair[b-0ab50u0v4a] {
        display: flex; gap: 6px; width: 100%;
    }
    .sl-filter-pair .ym-filter-group[b-0ab50u0v4a] {
        flex: 1 1 calc(50% - 3px); min-width: 0 !important; width: auto !important;
    }
}
/* /Components/Pages/Yonetim/SozlesmeYonetimi.razor.rz.scp.css */
/* ═══ SÖZLEŞME YÖNETİMİ ═══ */

/* Sekmeler: ortak ym-tabs-wrapper (yonetim-liste.css) */

/* Section content */
.sz-section-content[b-gb8bqhgw9j] { margin: 16px 24px 20px; animation: szFadeIn-b-gb8bqhgw9j 0.3s ease; }
@keyframes szFadeIn-b-gb8bqhgw9j { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

/* Sorgu kartları */
.sz-sorgu-grid[b-gb8bqhgw9j] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 16px;
    margin-bottom: 20px;
}
.sz-sorgu-card[b-gb8bqhgw9j] {
    padding: 22px;
    border-radius: 16px;
    background: var(--t-card, #fff);
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    cursor: pointer;
    transition: all 0.3s;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.sz-sorgu-card:hover[b-gb8bqhgw9j] {
    border-color: #6366f1;
    transform: translateY(-3px);
    box-shadow: 0 8px 30px rgba(99,102,241,0.12);
}
.sz-sq-icon[b-gb8bqhgw9j] { font-size: 1.8rem; display: block; margin-bottom: 10px; }
.sz-sq-title[b-gb8bqhgw9j] { font-size: 0.95rem; font-weight: 800; color: var(--t-text, #1e293b); margin-bottom: 6px; }
.sz-sq-desc[b-gb8bqhgw9j] { font-size: 0.8rem; color: var(--t-text-muted, #94a3b8); line-height: 1.5; }

/* Sorgu sonuç */
.sz-sorgu-sonuc[b-gb8bqhgw9j] {
    margin-top: 18px;
    border-radius: 16px;
    background: var(--t-card, #fff);
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    overflow: hidden;
}
.sz-ss-header[b-gb8bqhgw9j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 2px solid #f1f5f9;
    background: var(--t-accent-light, #f8fafc);
}
.sz-ss-header h4[b-gb8bqhgw9j] { margin: 0; font-size: 1rem; font-weight: 700; color: var(--t-text, #1e293b); }
.sz-ss-count[b-gb8bqhgw9j] { background: #e0e7ff; color: #4338ca; padding: 4px 12px; border-radius: 8px; font-size: 0.78rem; font-weight: 700; }

/* Rapor kartları */
.sz-rapor-header[b-gb8bqhgw9j] { margin-bottom: 20px; }
.sz-rapor-header h3[b-gb8bqhgw9j] { font-size: 1.05rem; font-weight: 700; color: var(--t-text, #1e293b); margin: 0 0 6px; }
.sz-rapor-header p[b-gb8bqhgw9j] { font-size: 0.85rem; color: var(--t-text-muted, #94a3b8); margin: 0; }
.sz-rapor-grid[b-gb8bqhgw9j] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 16px;
}
.sz-rapor-card[b-gb8bqhgw9j] {
    padding: 22px;
    border-radius: 16px;
    background: var(--t-card, #fff);
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    cursor: pointer;
    transition: all 0.3s;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.sz-rapor-card:hover[b-gb8bqhgw9j] {
    border-color: #16a34a;
    transform: translateY(-3px);
    box-shadow: 0 8px 30px rgba(22,163,106,0.12);
}
.sz-rp-icon[b-gb8bqhgw9j] { font-size: 1.8rem; display: block; margin-bottom: 10px; }
.sz-rp-title[b-gb8bqhgw9j] { font-size: 0.95rem; font-weight: 800; color: var(--t-text, #1e293b); margin-bottom: 6px; }
.sz-rp-desc[b-gb8bqhgw9j] { font-size: 0.8rem; color: var(--t-text-muted, #94a3b8); line-height: 1.5; }

/* Uyarı banner */
.sz-alert-banner[b-gb8bqhgw9j] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 16px 24px;
    padding: 12px 18px;
    border-radius: 12px;
    background: linear-gradient(135deg, #fef3c7, #fffbeb);
    border: 1.5px solid #f59e0b;
    font-size: 0.88rem;
    font-weight: 600;
    color: #92400e;
    animation: sz-alert-in-b-gb8bqhgw9j 0.4s ease;
}
@keyframes sz-alert-in-b-gb8bqhgw9j { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }
.sz-alert-icon[b-gb8bqhgw9j] { font-size: 1.3rem; }
.sz-alert-btn[b-gb8bqhgw9j] {
    margin-left: auto;
    padding: 5px 14px;
    border: 1.5px solid #f59e0b;
    border-radius: 8px;
    background: #fff;
    color: #92400e;
    font-weight: 700;
    font-size: 0.78rem;
    cursor: pointer;
    transition: all 0.2s;
}
.sz-alert-btn:hover[b-gb8bqhgw9j] { background: #fef3c7; }

/* İstatistikler */
.sz-stats[b-gb8bqhgw9j] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin: 16px 24px;
}
.sz-stat[b-gb8bqhgw9j] {
    flex: 1;
    min-width: 80px;
    padding: 10px 12px;
    border-radius: 12px;
    text-align: center;
    background: var(--t-accent-light, #f1f5f9);
    cursor: pointer;
    transition: all 0.2s;
    border: 2px solid transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.sz-stat:hover[b-gb8bqhgw9j] { border-color: var(--t-accent, #6366f1); opacity: 0.9; }
.sz-stat.active[b-gb8bqhgw9j] { border-color: var(--t-accent, #6366f1); background: rgba(99,102,241,0.08); }
.sz-stat-num[b-gb8bqhgw9j] { font-size: 1.4rem; font-weight: 800; color: var(--t-accent, #6366f1); }
.sz-stat.aktif .sz-stat-num[b-gb8bqhgw9j] { color: #059669; }
.sz-stat.yaklasan .sz-stat-num[b-gb8bqhgw9j] { color: #d97706; }
.sz-stat.suresi-dolmus .sz-stat-num[b-gb8bqhgw9j] { color: #dc2626; }
.sz-stat.taslak .sz-stat-num[b-gb8bqhgw9j] { color: #64748b; }
.sz-stat-lbl[b-gb8bqhgw9j] { font-size: 0.72rem; color: var(--t-text-muted, #64748b); font-weight: 600; margin-top: 2px; }

/* Form */
.sz-form-section[b-gb8bqhgw9j] {
    margin: 0 24px 18px;
    padding: 20px;
    border-radius: 16px;
    background: var(--t-card, #fff);
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    animation: szFadeIn-b-gb8bqhgw9j 0.3s ease;
}
.sz-form-section.editing[b-gb8bqhgw9j] { border-color: var(--t-accent, #6366f1); box-shadow: 0 2px 12px rgba(99,102,241,0.1); }
.sz-form-header h3[b-gb8bqhgw9j] { font-size: 1rem; font-weight: 800; color: var(--t-text, #1e293b); margin: 0; }
.sz-form-header[b-gb8bqhgw9j] { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; flex-wrap: wrap; }

/* Sekmeler */
.sz-tab-bar[b-gb8bqhgw9j] {
    display: flex;
    gap: 4px;
    border-bottom: 2px solid var(--t-card-border, #e2e8f0);
    margin-bottom: 16px;
    overflow-x: auto;
}
.sz-tab[b-gb8bqhgw9j] {
    padding: 10px 18px;
    border: none;
    background: transparent;
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--t-text-muted, #64748b);
    cursor: pointer;
    border-bottom: 3px solid transparent;
    white-space: nowrap;
    transition: all 0.2s;
}
.sz-tab.active[b-gb8bqhgw9j] { color: var(--t-accent, #6366f1); border-bottom-color: var(--t-accent, #6366f1); }
.sz-tab:hover:not(.active):not(:disabled)[b-gb8bqhgw9j] { color: var(--t-text, #334155); }
.sz-tab:disabled[b-gb8bqhgw9j] { opacity: 0.4; cursor: not-allowed; }

/* Form grid */
.sz-form-grid[b-gb8bqhgw9j] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 14px;
}
.sz-span-full[b-gb8bqhgw9j] { grid-column: 1 / -1; }
.sz-group[b-gb8bqhgw9j] { display: flex; flex-direction: column; gap: 4px; }
.sz-group label[b-gb8bqhgw9j] { font-size: 0.78rem; font-weight: 600; color: var(--t-text-muted, #64748b); }
.req[b-gb8bqhgw9j] { color: #ef4444; font-weight: 800; }
.sz-input[b-gb8bqhgw9j] {
    padding: 9px 12px;
    border-radius: 8px;
    border: 1.5px solid var(--t-input-border, #e2e8f0);
    font-size: 0.85rem;
    background: var(--t-input-bg, #fff);
    color: var(--t-text, #334155);
    transition: border-color 0.2s;
}
.sz-input:focus[b-gb8bqhgw9j] { border-color: var(--t-accent, #6366f1); outline: none; box-shadow: 0 0 0 3px rgba(99,102,241,0.08); }
.sz-tutar-row[b-gb8bqhgw9j] { display: flex; gap: 8px; align-items: flex-end; }
.sz-tutar-input[b-gb8bqhgw9j] { flex: 1; min-width: 0; }
.sz-pb-select[b-gb8bqhgw9j] { width: 80px; flex: 0 0 80px; text-align: center; }

/* Tutar Display */
.sz-tutar-display[b-gb8bqhgw9j] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    border-radius: 8px;
    background: var(--t-accent-light, #f1f5f9);
    border: 1.5px solid var(--t-input-border, #e2e8f0);
    box-sizing: border-box;
}
.sz-tutar-value[b-gb8bqhgw9j] { font-size: 0.85rem; font-weight: 800; color: var(--t-text, #1e293b); letter-spacing: 0.02em; }
.sz-tutar-hint[b-gb8bqhgw9j] { font-size: 0.68rem; color: var(--t-text-muted, #94a3b8); font-weight: 500; margin-top: 2px; }

/* Para birimi badge */
.sz-pb-badge[b-gb8bqhgw9j] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 24px;
    padding: 0 8px;
    border-radius: 6px;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    flex-shrink: 0;
}
.sz-pb-badge.pb-try[b-gb8bqhgw9j] { background: rgba(16,185,129,0.12); color: #059669; }
.sz-pb-badge.pb-usd[b-gb8bqhgw9j] { background: rgba(34,197,94,0.12); color: #16a34a; }
.sz-pb-badge.pb-eur[b-gb8bqhgw9j] { background: rgba(59,130,246,0.12); color: #2563eb; }
.sz-pb-badge.pb-gbp[b-gb8bqhgw9j] { background: rgba(168,85,247,0.12); color: #9333ea; }
.sz-pb-badge.pb-chf[b-gb8bqhgw9j] { background: rgba(220,38,38,0.10); color: #dc2626; }
.sz-pb-badge.pb-jpy[b-gb8bqhgw9j] { background: rgba(245,158,11,0.12); color: #d97706; }
.sz-pb-badge.pb-other[b-gb8bqhgw9j] { background: rgba(100,116,139,0.10); color: #64748b; }

/* Toplu Önizleme */
.sz-toplu-onizleme[b-gb8bqhgw9j] { margin-top: 10px; border: 1.5px solid var(--t-accent, #6366f1); border-radius: 10px; overflow: hidden; }
.sz-toplu-onizleme-baslik[b-gb8bqhgw9j] { padding: 8px 12px; font-size: 0.78rem; font-weight: 700; color: var(--t-accent, #6366f1); background: rgba(99,102,241,0.06); }

[b-gb8bqhgw9j] .ss-wrap { min-width: 140px; }
[b-gb8bqhgw9j] .ss-wrap .m-input {
    padding: 9px 12px !important;
    border-radius: 8px !important;
    border: 1.5px solid var(--t-input-border, #e2e8f0) !important;
    background: var(--t-input-bg, #fff) !important;
    color: var(--t-text, #334155) !important;
    font-size: 0.85rem !important;
    width: 100% !important;
    box-sizing: border-box;
}
[b-gb8bqhgw9j] .ss-wrap .m-input:focus {
    border-color: var(--t-accent, #6366f1) !important;
    box-shadow: 0 0 0 3px rgba(99,102,241,0.08) !important;
}

/* Butonlar */
.sz-btn[b-gb8bqhgw9j] {
    padding: 9px 18px;
    border: none;
    border-radius: 10px;
    font-size: 0.85rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
.sz-btn-save[b-gb8bqhgw9j] {
    background: linear-gradient(135deg, var(--t-accent, #6366f1), #818cf8);
    color: #fff;
    box-shadow: 0 2px 8px rgba(99,102,241,0.2);
}
.sz-btn-save:hover:not(:disabled)[b-gb8bqhgw9j] { transform: translateY(-1px); box-shadow: 0 4px 14px rgba(99,102,241,0.3); }
.sz-btn-save:disabled[b-gb8bqhgw9j] { opacity: 0.5; cursor: not-allowed; }
.sz-btn-cancel[b-gb8bqhgw9j] { background: var(--t-card, #fff); color: #dc2626; border: 1.5px solid #fecaca; }
.sz-btn-cancel:hover[b-gb8bqhgw9j] { background: #fef2f2; }
.sz-btn-add[b-gb8bqhgw9j] {
    background: #10b981;
    color: #fff;
    padding: 9px 16px;
    border-radius: 10px;
}
.sz-btn-add:hover[b-gb8bqhgw9j] { background: #059669; }
.sz-btn-export[b-gb8bqhgw9j] {
    background: var(--t-card, #fff); color: var(--t-accent, #6366f1); border: 1.5px solid var(--t-card-border, #e2e8f0);
    height: 34px; padding: 0 12px; display: inline-flex; align-items: center;
    font-size: 0.78rem; font-weight: 700; border-radius: 8px; box-sizing: border-box; flex-shrink: 0;
}
.sz-btn-export:hover[b-gb8bqhgw9j] { border-color: var(--t-accent, #6366f1); background: rgba(99,102,241,0.04); }
.sz-form-actions[b-gb8bqhgw9j] { display: flex; gap: 10px; margin-top: 16px; }

.sz-act[b-gb8bqhgw9j] {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    font-size: 0.85rem;
    transition: all 0.2s;
    background: var(--t-accent-light, #f1f5f9);
    color: var(--t-text, #334155);
}
.sz-act.download:hover[b-gb8bqhgw9j] { background: rgba(99,102,241,0.15); }
.sz-act.del:hover[b-gb8bqhgw9j] { background: rgba(220,38,38,0.12); }
.sz-act.save[b-gb8bqhgw9j] { background: rgba(16,185,129,0.12); color: #059669; }
.sz-act.save:hover[b-gb8bqhgw9j] { background: rgba(16,185,129,0.22); }

/* Maddeler */
.sz-madde-section[b-gb8bqhgw9j] { }
.sz-madde-add-row[b-gb8bqhgw9j] { display: flex; gap: 10px; flex-wrap: wrap; align-items: flex-end; margin-bottom: 14px; padding: 14px; border-radius: 12px; border: 1.5px solid transparent; transition: all 0.2s; }
.sz-madde-add-row.editing[b-gb8bqhgw9j] { border-color: var(--t-accent, #6366f1); background: rgba(99,102,241,0.03); box-shadow: 0 0 0 3px rgba(99,102,241,0.06); }
.sz-madde-col-baslik[b-gb8bqhgw9j] { flex: 2; min-width: 200px; }
.sz-madde-col-aciklama[b-gb8bqhgw9j] { flex: 3; min-width: 200px; }
.sz-madde-col-tutar[b-gb8bqhgw9j] { flex: 1; min-width: 140px; }
.sz-madde-btn[b-gb8bqhgw9j] { align-self: flex-end; }
.sz-toplam-row[b-gb8bqhgw9j] { background: var(--t-accent-light, #f8fafc); }

/* Drag & Drop */
.sz-drop-area[b-gb8bqhgw9j] {
    padding: 24px;
    border-radius: 14px;
    border: 2px dashed var(--t-input-border, #cbd5e1);
    background: var(--t-accent-light, #f8fafc);
    transition: all 0.2s;
    margin-bottom: 14px;
}
.sz-drop-area.dz-valid[b-gb8bqhgw9j] {
    border-color: var(--t-accent, #6366f1);
    background: rgba(99,102,241,0.06);
    box-shadow: 0 0 0 4px rgba(99,102,241,0.1);
}
.sz-drop-label[b-gb8bqhgw9j] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    text-align: center;
}
.sz-drop-icon[b-gb8bqhgw9j] { font-size: 2rem; }
.sz-drop-text[b-gb8bqhgw9j] { font-size: 0.88rem; font-weight: 600; color: var(--t-text, #334155); }
.sz-drop-hint[b-gb8bqhgw9j] { font-size: 0.72rem; color: var(--t-text-muted, #94a3b8); }

/* Ek listesi */
.sz-ek-list[b-gb8bqhgw9j] { display: flex; flex-direction: column; gap: 8px; }
.sz-ek-item[b-gb8bqhgw9j] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    border-radius: 10px;
    background: var(--t-card, #fff);
    border: 1px solid var(--t-card-border, #e2e8f0);
    transition: all 0.2s;
}
.sz-ek-item:hover[b-gb8bqhgw9j] { border-color: var(--t-accent, #6366f1); }
.sz-ek-icon[b-gb8bqhgw9j] { font-size: 1.4rem; }
.sz-ek-info[b-gb8bqhgw9j] { flex: 1; min-width: 0; }
.sz-ek-name[b-gb8bqhgw9j] { font-size: 0.85rem; font-weight: 600; color: var(--t-text, #1e293b); display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sz-ek-meta[b-gb8bqhgw9j] { font-size: 0.72rem; color: var(--t-text-muted, #94a3b8); }
.sz-ek-actions[b-gb8bqhgw9j] { display: flex; gap: 4px; }

/* Arama */
.sz-search-row[b-gb8bqhgw9j] { display: flex; align-items: center; gap: 8px; margin-bottom: 14px; }
.sz-search-wrap[b-gb8bqhgw9j] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 14px;
    height: 34px;
    border-radius: 10px;
    border: 1.5px solid var(--t-input-border, #e2e8f0);
    background: var(--t-input-bg, #fff);
    box-sizing: border-box;
}
.sz-search-wrap:focus-within[b-gb8bqhgw9j] { border-color: var(--t-accent, #6366f1); }
.sz-search-wrap input[b-gb8bqhgw9j] { flex: 1; border: none; outline: none; background: transparent; font-size: 0.84rem; color: var(--t-text, #334155); }
.sz-search-ico[b-gb8bqhgw9j] { font-size: 0.9rem; }
.sz-count[b-gb8bqhgw9j] {
    font-size: 0.78rem; font-weight: 700; white-space: nowrap;
    background: #f1f5f9; color: #64748b;
    padding: 0 12px; border-radius: 8px;
    border: 1px solid #e2e8f0;
    height: 34px; display: inline-flex; align-items: center;
    box-sizing: border-box; flex-shrink: 0;
}

/* Liste kartı — form section ile aynı genişlik ve stil */
.sz-liste-card[b-gb8bqhgw9j] {
    margin: 0 24px 18px;
    padding: 20px;
    border-radius: 16px;
    background: var(--t-card, #fff);
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    animation: szFadeIn-b-gb8bqhgw9j 0.3s ease;
}
.sz-liste-card .ym-table-wrap[b-gb8bqhgw9j] { margin: 0; overflow-x: auto; }

/* Tablo */
.sz-table-wrap[b-gb8bqhgw9j] { overflow-x: auto; margin: 0 24px 20px; }
.sz-madde-section .sz-table-wrap[b-gb8bqhgw9j] { margin: 0; }
.sz-table[b-gb8bqhgw9j] { width: 100%; border-collapse: collapse; font-size: 0.85rem; }
.sz-table th[b-gb8bqhgw9j] {
    padding: 10px 12px;
    text-align: left;
    font-weight: 700;
    color: var(--t-text-muted, #64748b);
    font-size: 0.78rem;
    border-bottom: 2px solid var(--t-card-border, #e2e8f0);
    white-space: nowrap;
}
.sz-table td[b-gb8bqhgw9j] {
    padding: 10px 12px;
    border-bottom: 1px solid var(--t-card-border, #f1f5f9);
    color: var(--t-text, #334155);
}
.sz-table tr:hover[b-gb8bqhgw9j] { background: var(--t-hover, rgba(99,102,241,0.03)); }
.sz-table tr.row-active[b-gb8bqhgw9j] { background: rgba(99,102,241,0.06); }

/* Durum badge */
.sz-durum[b-gb8bqhgw9j] {
    padding: 3px 10px;
    border-radius: 8px;
    font-size: 0.72rem;
    font-weight: 700;
    white-space: nowrap;
}
.sz-durum.aktif[b-gb8bqhgw9j] { background: rgba(16,185,129,0.12); color: #059669; }
.sz-durum.taslak[b-gb8bqhgw9j] { background: rgba(100,116,139,0.12); color: #475569; }
.sz-durum.dolmus[b-gb8bqhgw9j] { background: rgba(220,38,38,0.12); color: #dc2626; }
.sz-durum.iptal[b-gb8bqhgw9j] { background: rgba(156,163,175,0.15); color: #6b7280; }
.sz-durum.arsiv[b-gb8bqhgw9j] { background: rgba(107,114,128,0.1); color: #6b7280; }

/* Arşiv stat */
.sz-stat.arsiv .sz-stat-num[b-gb8bqhgw9j] { color: #6b7280; }

/* Toplu madde girişi */
.sz-toplu-madde[b-gb8bqhgw9j] { margin-bottom: 16px; }
.sz-toplu-toggle[b-gb8bqhgw9j] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border: 1.5px dashed var(--t-accent, #6366f1);
    border-radius: 8px;
    background: transparent;
    color: var(--t-accent, #6366f1);
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    margin-bottom: 10px;
}
.sz-toplu-toggle:hover[b-gb8bqhgw9j] { background: rgba(99,102,241,0.06); }
.sz-toplu-area[b-gb8bqhgw9j] {
    padding: 14px;
    border-radius: 12px;
    background: var(--t-accent-light, #f8fafc);
    border: 1px solid var(--t-card-border, #e2e8f0);
}
.sz-toplu-area textarea[b-gb8bqhgw9j] {
    width: 100%;
    min-height: 100px;
    padding: 10px;
    border: 1.5px solid var(--t-input-border, #e2e8f0);
    border-radius: 8px;
    font-size: 0.82rem;
    font-family: monospace;
    background: var(--t-input-bg, #fff);
    color: var(--t-text, #334155);
    resize: vertical;
    box-sizing: border-box;
}
.sz-toplu-hint[b-gb8bqhgw9j] { font-size: 0.72rem; color: var(--t-text-muted, #94a3b8); margin: 6px 0; line-height: 1.5; }
.sz-toplu-actions[b-gb8bqhgw9j] { display: flex; gap: 8px; margin-top: 8px; }

/* Bilgi kutusu */
.sz-info-box[b-gb8bqhgw9j] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-radius: 10px;
    background: rgba(99,102,241,0.06);
    border: 1px solid rgba(99,102,241,0.15);
    font-size: 0.82rem;
    color: var(--t-text, #475569);
    margin-bottom: 12px;
}
.sz-info-box span:first-child[b-gb8bqhgw9j] { font-size: 1.2rem; }

/* Arşive çek butonu */
.sz-btn-arsiv[b-gb8bqhgw9j] {
    background: var(--t-card, #fff);
    color: #6b7280;
    border: 1.5px solid #d1d5db;
}
.sz-btn-arsiv:hover[b-gb8bqhgw9j] { background: #f3f4f6; border-color: #9ca3af; }

/* Akıllı yükleme */
.sz-smart-upload[b-gb8bqhgw9j] {
    margin-bottom: 16px;
    padding: 20px;
    border-radius: 14px;
    border: 2px dashed color-mix(in srgb, var(--t-accent, #6366f1) 40%, transparent);
    background: linear-gradient(135deg, rgba(99,102,241,0.03), rgba(99,102,241,0.06));
    transition: all 0.3s;
}
.sz-smart-upload:hover[b-gb8bqhgw9j], .sz-smart-upload.dz-valid[b-gb8bqhgw9j] {
    border-color: var(--t-accent, #6366f1);
    background: linear-gradient(135deg, rgba(99,102,241,0.06), rgba(99,102,241,0.1));
    box-shadow: 0 0 0 4px rgba(99,102,241,0.08);
}
.sz-smart-upload.loading[b-gb8bqhgw9j] {
    border-color: var(--t-accent, #6366f1);
    animation: sz-pulse-b-gb8bqhgw9j 1.5s ease-in-out infinite;
}
@keyframes sz-pulse-b-gb8bqhgw9j { 0%,100% { opacity: 1; } 50% { opacity: 0.7; } }
.sz-smart-label[b-gb8bqhgw9j] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    text-align: center;
}
.sz-smart-icon[b-gb8bqhgw9j] { font-size: 2rem; }
.sz-smart-title[b-gb8bqhgw9j] { font-size: 0.9rem; font-weight: 700; color: var(--t-accent, #6366f1); }
.sz-smart-hint[b-gb8bqhgw9j] { font-size: 0.75rem; color: var(--t-text-muted, #94a3b8); max-width: 400px; line-height: 1.5; }
.sz-spinner-lg[b-gb8bqhgw9j] {
    display: inline-block;
    width: 28px;
    height: 28px;
    border: 3px solid rgba(99,102,241,0.2);
    border-top-color: var(--t-accent, #6366f1);
    border-radius: 50%;
    animation: sz-spin-b-gb8bqhgw9j 0.7s linear infinite;
}
.sz-smart-done[b-gb8bqhgw9j] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    border-radius: 10px;
    background: rgba(16,185,129,0.08);
    border: 1px solid rgba(16,185,129,0.2);
    font-size: 0.82rem;
    color: #065f46;
    margin-bottom: 14px;
    font-weight: 500;
}
.sz-smart-done span:first-child[b-gb8bqhgw9j] { font-size: 1.2rem; }

/* Kalan gün badge */
.sz-kalan[b-gb8bqhgw9j] { font-size: 0.75rem; font-weight: 700; padding: 2px 8px; border-radius: 6px; }
.sz-kalan.ok[b-gb8bqhgw9j] { background: rgba(16,185,129,0.1); color: #059669; }
.sz-kalan.warning[b-gb8bqhgw9j] { background: rgba(245,158,11,0.15); color: #d97706; }
.sz-kalan.expired[b-gb8bqhgw9j] { background: rgba(220,38,38,0.12); color: #dc2626; }

.sz-empty-mini[b-gb8bqhgw9j] { text-align: center; padding: 30px; color: var(--t-text-muted, #94a3b8); font-size: 0.85rem; }

/* Parsed maddeler preview */
.sz-parsed-preview[b-gb8bqhgw9j] {
    border-radius: 12px;
    background: rgba(99,102,241,0.06);
    border: 1.5px solid rgba(99,102,241,0.18);
    overflow: hidden;
    margin-top: 8px;
}
.sz-parsed-header[b-gb8bqhgw9j] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    font-size: 0.84rem;
    font-weight: 600;
    color: var(--t-accent, #6366f1);
    background: rgba(99,102,241,0.06);
    border-bottom: 1px solid rgba(99,102,241,0.12);
}
.sz-parsed-header span:first-child[b-gb8bqhgw9j] { font-size: 1.1rem; }

.sz-spinner[b-gb8bqhgw9j] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: sz-spin-b-gb8bqhgw9j 0.6s linear infinite;
}
@keyframes sz-spin-b-gb8bqhgw9j { to { transform: rotate(360deg); } }

/* MOBİL */
@media (max-width: 768px) {
    .sz-main-tabs[b-gb8bqhgw9j] { margin: 0 14px; overflow-x: auto; }
    .sz-main-tab[b-gb8bqhgw9j] { padding: 9px 14px; font-size: 0.78rem; }
    .sz-section-content[b-gb8bqhgw9j] { margin: 12px 14px 16px; }
    .sz-sorgu-grid[b-gb8bqhgw9j], .sz-rapor-grid[b-gb8bqhgw9j] { grid-template-columns: 1fr 1fr; }
    .sz-sorgu-card[b-gb8bqhgw9j], .sz-rapor-card[b-gb8bqhgw9j] { padding: 14px 12px; }
    .sz-stats[b-gb8bqhgw9j] { margin: 12px 14px; gap: 6px; }
    .sz-stat[b-gb8bqhgw9j] { min-width: 60px; padding: 8px 10px; }
    .sz-stat-num[b-gb8bqhgw9j] { font-size: 1rem; }
    .sz-form-section[b-gb8bqhgw9j] { margin: 14px; padding: 14px; }
    .sz-liste-card[b-gb8bqhgw9j] { margin: 14px; padding: 14px; }
    .sz-form-grid[b-gb8bqhgw9j] { grid-template-columns: 1fr; }

    /* Arama satırı — mobil düzenleme */
    .sz-search-row[b-gb8bqhgw9j] {
        margin: 0 0 12px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }
    .sz-search-wrap[b-gb8bqhgw9j] {
        grid-column: 1 / -1;
        padding: 0 10px;
        height: 38px;
        min-width: 0;
    }
    .sz-search-wrap input[b-gb8bqhgw9j] {
        font-size: 0.84rem;
        height: 36px;
    }
    .sz-count[b-gb8bqhgw9j] {
        font-size: 0.75rem;
        padding: 0 12px;
        border-radius: 8px;
        background: var(--t-accent-light, #f1f5f9);
        border: 1px solid var(--t-card-border, #e2e8f0);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 4px;
        height: 36px;
        box-sizing: border-box;
    }
    .sz-btn-export[b-gb8bqhgw9j] {
        height: 36px;
        padding: 0 14px;
        font-size: 0.78rem;
        box-sizing: border-box;
        justify-content: center;
        width: 100%;
    }
    .sz-btn-cancel[b-gb8bqhgw9j] {
        height: 36px;
        padding: 0 14px;
        font-size: 0.78rem;
        box-sizing: border-box;
        grid-column: 1 / -1;
    }

    .sz-table-wrap[b-gb8bqhgw9j] { margin: 0; }
    .sz-alert-banner[b-gb8bqhgw9j] { margin: 12px 14px; flex-wrap: wrap; }

    /* Maddeler sekmesi — mobil düzenleme */
    .sz-madde-add-row[b-gb8bqhgw9j] {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }
    .sz-madde-col-baslik[b-gb8bqhgw9j],
    .sz-madde-col-aciklama[b-gb8bqhgw9j],
    .sz-madde-col-tutar[b-gb8bqhgw9j] {
        flex: none;
        min-width: 0;
        width: 100%;
    }
    .sz-madde-btn[b-gb8bqhgw9j] {
        align-self: stretch;
        justify-content: center;
        width: 100%;
    }
    .sz-toplu-toggle[b-gb8bqhgw9j] {
        width: 100%;
        justify-content: center;
        box-sizing: border-box;
    }
    .sz-toplu-actions[b-gb8bqhgw9j] {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .sz-toplu-actions .sz-btn[b-gb8bqhgw9j] {
        flex: 1;
        min-width: 0;
        justify-content: center;
    }

    /* Form aksiyonları — mobil düzenleme, eşit yükseklik */
    .sz-form-actions[b-gb8bqhgw9j] {
        display: flex;
        gap: 8px;
    }
    .sz-form-actions .sz-btn[b-gb8bqhgw9j] {
        flex: 1;
        min-width: 0;
        justify-content: center;
        height: 42px;
        padding: 0 16px;
        box-sizing: border-box;
    }

    .sz-tab-bar[b-gb8bqhgw9j] { gap: 2px; }
    .sz-tab[b-gb8bqhgw9j] { padding: 8px 12px; font-size: 0.8rem; }
    .sz-tutar-row[b-gb8bqhgw9j] { flex-direction: row; }
    .sz-pb-select[b-gb8bqhgw9j] { width: 70px; flex: 0 0 70px; }
    .sz-smart-upload[b-gb8bqhgw9j] { padding: 16px; }
    .sz-smart-hint[b-gb8bqhgw9j] { font-size: 0.7rem; }
}

@media (max-width: 480px) {
    .sz-stats[b-gb8bqhgw9j] { gap: 4px; }
    .sz-stat[b-gb8bqhgw9j] { min-width: 50px; padding: 6px 8px; }
    .sz-stat-num[b-gb8bqhgw9j] { font-size: 0.9rem; }
    .sz-sorgu-grid[b-gb8bqhgw9j], .sz-rapor-grid[b-gb8bqhgw9j] { grid-template-columns: 1fr; }
    .sz-main-tab[b-gb8bqhgw9j] { padding: 8px 10px; font-size: 0.72rem; }
    .sz-liste-card[b-gb8bqhgw9j] { margin: 10px; padding: 12px; }

    /* Arama satırı — küçük ekran */
    .sz-search-row[b-gb8bqhgw9j] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 6px;
    }
    .sz-search-wrap[b-gb8bqhgw9j] {
        grid-column: 1 / -1;
        flex: none;
        height: 36px;
    }
    .sz-count[b-gb8bqhgw9j] {
        font-size: 0.72rem;
        height: 34px;
        padding: 0 10px;
        justify-content: center;
    }
    .sz-btn-export[b-gb8bqhgw9j] {
        height: 34px;
        padding: 0 10px;
        font-size: 0.72rem;
        justify-content: center;
        width: 100%;
        box-sizing: border-box;
    }
    .sz-btn-cancel[b-gb8bqhgw9j] {
        height: 34px;
        padding: 0 10px;
        font-size: 0.72rem;
        grid-column: 1 / -1;
    }

    /* Maddeler butonları */
    .sz-madde-add-row .sz-btn[b-gb8bqhgw9j] {
        font-size: 0.82rem;
        padding: 10px 14px;
    }
    /* Form aksiyonları — eşit yükseklik */
    .sz-form-actions[b-gb8bqhgw9j] {
        display: flex;
        gap: 8px;
    }
    .sz-form-actions .sz-btn[b-gb8bqhgw9j] {
        flex: 1;
        min-width: 0;
        justify-content: center;
        font-size: 0.82rem;
        padding: 0 14px;
        height: 40px;
        box-sizing: border-box;
    }
}
/* /Components/Pages/Yonetim/TanitimKodlari.razor.rz.scp.css */
/* Tanıtım kodları yönetim sayfası */
.tk-page[b-o5xkvkqx8g] { padding: 18px 24px 80px; }

.tk-loading[b-o5xkvkqx8g] {
    text-align: center; padding: 80px 20px;
    color: var(--t-muted, #94a3b8); font-size: 0.95rem;
}

.tk-intro[b-o5xkvkqx8g] {
    background: linear-gradient(135deg, rgba(99,102,241,0.10) 0%, rgba(34,211,238,0.08) 100%);
    border: 1px solid rgba(99,102,241,0.25);
    border-radius: 16px; padding: 22px 24px; margin-bottom: 22px;
}
.tk-intro h3[b-o5xkvkqx8g] { margin: 0 0 8px; color: var(--t-text, #f1f5f9); font-size: 1.15rem; }
.tk-intro p[b-o5xkvkqx8g] { margin: 0; color: var(--t-muted, #94a3b8); font-size: 0.92rem; line-height: 1.55; }
.tk-intro strong[b-o5xkvkqx8g] { color: var(--t-text, #f1f5f9); }

.tk-create[b-o5xkvkqx8g] {
    display: grid; grid-template-columns: 1fr 180px 180px 220px; gap: 12px;
    margin-bottom: 18px;
}
.tk-input[b-o5xkvkqx8g], .tk-select[b-o5xkvkqx8g] {
    padding: 12px 14px; border-radius: 10px;
    border: 1px solid rgba(148,163,184,0.3);
    background: var(--t-card, rgba(15,23,42,0.6)); color: var(--t-text, #f1f5f9);
    font-size: 0.95rem; outline: none;
}
.tk-input:focus[b-o5xkvkqx8g], .tk-select:focus[b-o5xkvkqx8g] { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.18); }

.tk-btn-create[b-o5xkvkqx8g] {
    padding: 12px 18px; border-radius: 10px; border: none; cursor: pointer;
    background: linear-gradient(135deg, #6366f1 0%, #22d3ee 100%);
    color: #fff; font-weight: 700; font-size: 0.95rem;
    transition: all 0.2s ease;
    box-shadow: 0 8px 18px -6px rgba(99,102,241,0.5);
}
.tk-btn-create:hover:not(:disabled)[b-o5xkvkqx8g] { transform: translateY(-1px); box-shadow: 0 12px 22px -6px rgba(99,102,241,0.6); }
.tk-btn-create:disabled[b-o5xkvkqx8g] { opacity: 0.55; cursor: not-allowed; }

.tk-yeni[b-o5xkvkqx8g] {
    background: linear-gradient(135deg, rgba(34,197,94,0.10) 0%, rgba(99,102,241,0.06) 100%);
    border: 1px solid rgba(34,197,94,0.4);
    border-radius: 14px; padding: 20px; margin-bottom: 22px;
}
.tk-yeni-baslik[b-o5xkvkqx8g] { font-weight: 700; color: #22c55e; margin-bottom: 12px; font-size: 1rem; }
.tk-yeni-kod[b-o5xkvkqx8g] {
    font-family: 'Consolas', 'Monaco', monospace; font-size: 1.5rem; font-weight: 800;
    color: var(--t-text, #f1f5f9); letter-spacing: 0.18em; margin-bottom: 14px;
    padding: 14px; background: rgba(15,23,42,0.5); border-radius: 10px; text-align: center;
}
.tk-yeni-link[b-o5xkvkqx8g] { display: flex; gap: 8px; margin-bottom: 10px; }
.tk-yeni-link input[b-o5xkvkqx8g] {
    flex: 1; padding: 10px 12px; border-radius: 8px;
    border: 1px solid rgba(148,163,184,0.3);
    background: rgba(15,23,42,0.5); color: var(--t-text, #f1f5f9);
    font-family: 'Consolas', monospace; font-size: 0.85rem;
}
.tk-yeni-link button[b-o5xkvkqx8g] {
    padding: 10px 16px; border-radius: 8px; border: none; cursor: pointer;
    background: #22c55e; color: #fff; font-weight: 700; font-size: 0.88rem;
    white-space: nowrap;
}
.tk-yeni-link button:hover[b-o5xkvkqx8g] { background: #16a34a; }
.tk-yeni-meta[b-o5xkvkqx8g] { font-size: 0.82rem; color: var(--t-muted, #94a3b8); }

/* ═══ Tablo kart kapsayıcı — diğer yönetim sayfalarıyla görsel tutarlılık ═══ */
.tk-tablo-card[b-o5xkvkqx8g] {
    background: var(--t-card, #fff);
    border: 1px solid var(--t-card-border, #e2e8f0);
    border-radius: 14px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 4px 12px rgba(0,0,0,0.02);
    margin-top: 14px;
}
.tk-yukleniyor[b-o5xkvkqx8g], .tk-bos[b-o5xkvkqx8g] {
    padding: 60px 20px; text-align: center; color: var(--t-text-muted, #94a3b8);
}
.tk-bos-row[b-o5xkvkqx8g] {
    text-align: center; padding: 40px 20px !important;
    color: var(--t-text-muted, #94a3b8); font-size: 0.9rem;
}

/* ═══ Arama + Durum filtre chip'leri ═══ */
.tk-filtre-bar[b-o5xkvkqx8g] {
    display: flex; gap: 12px; padding: 12px 14px;
    flex-wrap: wrap; align-items: center;
    border-bottom: 1px solid var(--t-card-border, #e2e8f0);
}
.tk-arama[b-o5xkvkqx8g] {
    flex: 1 1 240px; min-width: 220px; max-width: 360px;
    position: relative;
}
.tk-arama input[b-o5xkvkqx8g] {
    width: 100%;
    padding: 8px 14px 8px 36px;
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 999px;
    background: var(--t-card, #fff) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><path d='m20 20-3.5-3.5'/></svg>") no-repeat 12px center;
    background-size: 16px 16px;
    color: var(--t-text, #1e293b);
    font-size: 0.85rem; font-weight: 500;
    outline: none; transition: border-color 0.15s, box-shadow 0.15s;
    box-sizing: border-box;
}
.tk-arama input:focus[b-o5xkvkqx8g] {
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99,102,241,0.12);
}
.tk-fchip-grup[b-o5xkvkqx8g] {
    display: flex; gap: 8px; flex-wrap: wrap;
}
.tk-fchip[b-o5xkvkqx8g] {
    padding: 7px 14px; border-radius: 999px;
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    background: var(--t-card, #fff); color: var(--t-text, #475569);
    font-size: 0.82rem; font-weight: 600;
    cursor: pointer; transition: all 0.15s;
    white-space: nowrap;
}
.tk-fchip:hover[b-o5xkvkqx8g] { border-color: #6366f1; color: #4f46e5; }
.tk-fchip.active[b-o5xkvkqx8g] {
    background: linear-gradient(135deg, #6366f1, #8b5cf6); color: #fff;
    border-color: transparent;
    box-shadow: 0 2px 8px rgba(99,102,241,0.25);
}
.tk-fchip-green.active[b-o5xkvkqx8g] { background: linear-gradient(135deg, #22c55e, #16a34a); box-shadow: 0 2px 8px rgba(34,197,94,0.25); }
.tk-fchip-blue.active[b-o5xkvkqx8g]  { background: linear-gradient(135deg, #3b82f6, #2563eb); box-shadow: 0 2px 8px rgba(59,130,246,0.25); }
.tk-fchip-gray.active[b-o5xkvkqx8g]  { background: linear-gradient(135deg, #94a3b8, #64748b); box-shadow: 0 2px 8px rgba(100,116,139,0.25); }
.tk-fchip-red.active[b-o5xkvkqx8g]   { background: linear-gradient(135deg, #ef4444, #dc2626); box-shadow: 0 2px 8px rgba(239,68,68,0.25); }

.tk-kod-hucre[b-o5xkvkqx8g] { font-family: 'Consolas', monospace; font-weight: 700; letter-spacing: 0.1em; }

.tk-badge[b-o5xkvkqx8g] {
    display: inline-block; padding: 4px 10px; border-radius: 999px;
    font-size: 0.75rem; font-weight: 700; letter-spacing: 0.02em;
    white-space: nowrap;
}
.tk-badge-aktif[b-o5xkvkqx8g]      { background: rgba(34,197,94,0.18); color: #16a34a; }
.tk-badge-kismi[b-o5xkvkqx8g]      { background: rgba(59,130,246,0.18); color: #2563eb; }
.tk-badge-kullanildi[b-o5xkvkqx8g] { background: rgba(148,163,184,0.18); color: #64748b; }
.tk-badge-suresiz[b-o5xkvkqx8g]    { background: rgba(245,158,11,0.18); color: #d97706; }
.tk-badge-iptal[b-o5xkvkqx8g]      { background: rgba(220,38,38,0.18); color: #dc2626; }

.tk-uses-cell[b-o5xkvkqx8g] {
    font-family: 'Consolas', monospace; font-weight: 700;
    white-space: nowrap;
}
.tk-uses-num[b-o5xkvkqx8g] { font-size: 0.95rem; }
.tk-uses-max[b-o5xkvkqx8g] { color: var(--t-text-muted, #94a3b8); font-size: 0.85rem; margin-left: 2px; }

.tk-meta[b-o5xkvkqx8g] { font-size: 0.74rem; color: var(--t-text-muted, #94a3b8); margin-top: 2px; }

/* Kullanılan IP'ler — birden fazla farklı IP varsa hepsi chip olarak görünür */
.tk-meta-ip[b-o5xkvkqx8g] {
    display: flex; flex-wrap: wrap; gap: 4px;
    margin-top: 4px;
}
.tk-ip-chip[b-o5xkvkqx8g] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 6px;
    background: var(--t-hover, #f1f5f9);
    border: 1px solid var(--t-card-border, #e2e8f0);
    color: var(--t-text-muted, #64748b);
    font-family: 'Consolas', monospace;
    font-size: 0.72rem;
    font-weight: 500;
    line-height: 1.4;
    white-space: nowrap;
}

/* ═══ İşlem hücresi: butonlar tek satırda, satır yüksekliğini bozmasın ═══ */
.tk-aksiyon[b-o5xkvkqx8g] {
    white-space: nowrap;
    vertical-align: middle;
}
.tk-link-btn[b-o5xkvkqx8g], .tk-iptal-btn[b-o5xkvkqx8g] {
    display: inline-flex; align-items: center;
    padding: 6px 10px; border-radius: 8px;
    border: 1px solid var(--t-card-border, #e2e8f0);
    background: transparent; cursor: pointer;
    font-size: 0.78rem; font-weight: 600;
    color: var(--t-text, #334155);
    vertical-align: middle;
    white-space: nowrap;
    line-height: 1;
}
.tk-link-btn + .tk-iptal-btn[b-o5xkvkqx8g],
.tk-iptal-btn + .tk-link-btn[b-o5xkvkqx8g] { margin-left: 6px; }
.tk-link-btn:hover[b-o5xkvkqx8g] { background: rgba(99,102,241,0.10); border-color: #6366f1; color: #4f46e5; }
.tk-iptal-btn:hover[b-o5xkvkqx8g] { background: rgba(220,38,38,0.10); border-color: #dc2626; color: #dc2626; }

/* İptali geri al — yeşil ton */
.tk-geriAl-btn[b-o5xkvkqx8g] {
    display: inline-flex; align-items: center;
    padding: 6px 10px; border-radius: 8px;
    border: 1px solid rgba(34,197,94,0.35);
    background: rgba(34,197,94,0.08); cursor: pointer;
    font-size: 0.78rem; font-weight: 600;
    color: #16a34a;
    vertical-align: middle;
    white-space: nowrap;
    line-height: 1;
}
.tk-geriAl-btn:hover[b-o5xkvkqx8g] { background: rgba(34,197,94,0.16); border-color: #16a34a; color: #15803d; }

/* ═══ Etiket düzenleme paneli (modal) ═══ */
.tk-edit-overlay[b-o5xkvkqx8g] {
    position: fixed; inset: 0; z-index: 9000;
    background: rgba(15,23,42,0.45);
    backdrop-filter: blur(3px);
    animation: tkEditFade-b-o5xkvkqx8g 0.18s ease;
}
@keyframes tkEditFade-b-o5xkvkqx8g { from { opacity: 0; } to { opacity: 1; } }
.tk-edit-panel[b-o5xkvkqx8g] {
    position: fixed; top: 50%; left: 50%; z-index: 9001;
    transform: translate(-50%, -50%);
    width: min(440px, 92vw);
    background: var(--t-card, #fff);
    border-radius: 16px;
    box-shadow: 0 25px 60px rgba(0,0,0,0.25);
    overflow: hidden;
    animation: tkEditIn-b-o5xkvkqx8g 0.22s cubic-bezier(0.175,0.885,0.32,1.275);
}
@keyframes tkEditIn-b-o5xkvkqx8g {
    from { opacity: 0; transform: translate(-50%, -50%) scale(0.92); }
    to   { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}
.tk-edit-header[b-o5xkvkqx8g] {
    padding: 16px 20px;
    border-bottom: 1px solid var(--t-card-border, #e2e8f0);
    display: flex; align-items: center; justify-content: space-between;
}
.tk-edit-header h3[b-o5xkvkqx8g] { margin: 0; font-size: 1rem; font-weight: 700; color: var(--t-text, #1e293b); }
.tk-edit-close[b-o5xkvkqx8g] {
    border: none; background: var(--t-hover, #f1f5f9); color: var(--t-text-muted, #64748b);
    width: 30px; height: 30px; border-radius: 8px; cursor: pointer;
    font-size: 1.1rem; font-weight: 700;
    display: flex; align-items: center; justify-content: center;
    transition: all 0.15s;
}
.tk-edit-close:hover[b-o5xkvkqx8g] { background: #fef2f2; color: #dc2626; }
.tk-edit-body[b-o5xkvkqx8g] { padding: 20px; }
.tk-edit-kod[b-o5xkvkqx8g] {
    font-family: 'Consolas', monospace; font-weight: 700; letter-spacing: 0.1em;
    background: var(--t-hover, #f8fafc); padding: 10px 14px; border-radius: 10px;
    margin-bottom: 14px; text-align: center;
    color: var(--t-text, #334155); font-size: 0.95rem;
    border: 1px solid var(--t-card-border, #e2e8f0);
}
.tk-edit-body label[b-o5xkvkqx8g] {
    display: block; font-size: 0.82rem; font-weight: 600;
    color: var(--t-text-muted, #64748b); margin-bottom: 6px;
}
.tk-edit-input[b-o5xkvkqx8g] {
    width: 100%; padding: 10px 14px;
    border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 10px;
    background: var(--t-input-bg, #fff); color: var(--t-text, #1e293b);
    font-size: 0.92rem; outline: none; transition: all 0.15s;
    box-sizing: border-box;
}
.tk-edit-input:focus[b-o5xkvkqx8g] { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.12); }
.tk-edit-input:disabled[b-o5xkvkqx8g] { opacity: 0.5; cursor: not-allowed; }
.tk-edit-input-flex[b-o5xkvkqx8g] { flex: 1 1 auto; min-width: 0; }

/* Etiket dışı alanlar için üst boşluk */
.tk-edit-label-mt[b-o5xkvkqx8g] { margin-top: 14px !important; }

/* Geçerlilik / max kullanım satırı: input + "süresiz" checkbox */
.tk-edit-row[b-o5xkvkqx8g] {
    display: flex; gap: 10px; align-items: center;
}
.tk-edit-check[b-o5xkvkqx8g] {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 0.82rem; font-weight: 600; color: var(--t-text-muted, #64748b);
    cursor: pointer; user-select: none; white-space: nowrap;
    margin-bottom: 0 !important;
}
.tk-edit-check input[type="checkbox"][b-o5xkvkqx8g] {
    width: 16px; height: 16px; cursor: pointer; accent-color: #6366f1;
}

.tk-edit-hint[b-o5xkvkqx8g] {
    font-size: 0.76rem; color: var(--t-text-muted, #94a3b8);
    margin-top: 6px;
}
.tk-edit-hata[b-o5xkvkqx8g] {
    margin-top: 12px; padding: 10px 14px; border-radius: 10px;
    background: rgba(220,38,38,0.10); border: 1px solid rgba(220,38,38,0.25);
    color: #dc2626; font-size: 0.85rem; font-weight: 600;
}
.tk-edit-footer[b-o5xkvkqx8g] {
    padding: 14px 20px; display: flex; gap: 10px; justify-content: flex-end;
    border-top: 1px solid var(--t-card-border, #e2e8f0);
    background: var(--t-hover, #f8fafc);
}
.tk-edit-btn-cancel[b-o5xkvkqx8g], .tk-edit-btn-save[b-o5xkvkqx8g] {
    padding: 9px 18px; border-radius: 10px; cursor: pointer;
    font-size: 0.85rem; font-weight: 700;
    transition: all 0.15s;
}
.tk-edit-btn-cancel[b-o5xkvkqx8g] {
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    background: var(--t-card, #fff); color: var(--t-text, #475569);
}
.tk-edit-btn-cancel:hover[b-o5xkvkqx8g] { background: var(--t-hover, #f1f5f9); }
.tk-edit-btn-save[b-o5xkvkqx8g] {
    border: none; background: linear-gradient(135deg, #6366f1, #8b5cf6); color: #fff;
    box-shadow: 0 2px 8px rgba(99,102,241,0.25);
}
.tk-edit-btn-save:hover[b-o5xkvkqx8g] { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(99,102,241,0.35); }
.tk-edit-btn-save:disabled[b-o5xkvkqx8g] { opacity: 0.6; cursor: wait; transform: none; }

@media (max-width: 800px) {
    .tk-create[b-o5xkvkqx8g] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Yonetim/YetkilendirmeYonetimi.razor.rz.scp.css */
/* ═══ YETKİLENDİRME YÖNETİMİ — Sayfa-Özel Stiller ═══ */
/* Ortak stiller (ym-page, ym-topbar, ym-back, vb.): /css/yonetim-liste.css */

/* Global taşma önlemi */
.ev-popup[b-4jl674lq3k], .ev-popup *[b-4jl674lq3k] { box-sizing: border-box; }

/* EVRAK İŞLEM LOADING BAR */
.ev-loading-bar[b-4jl674lq3k] {
    display: flex; align-items: center; gap: 12px;
    padding: 14px 18px; margin-bottom: 12px;
    background: linear-gradient(135deg, #eef2ff, #e0e7ff);
    border: 1.5px solid #c7d2fe; border-radius: 12px;
    font-size: 0.84rem; font-weight: 700; color: #4338ca;
    animation: evLoadPulse-b-4jl674lq3k 1.5s ease-in-out infinite;
}
@keyframes evLoadPulse-b-4jl674lq3k {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}
.ev-loading-spinner[b-4jl674lq3k] {
    width: 20px; height: 20px; border: 3px solid #c7d2fe;
    border-top-color: #6366f1; border-radius: 50%;
    animation: evSpin-b-4jl674lq3k 0.7s linear infinite; flex-shrink: 0;
}
@keyframes evSpin-b-4jl674lq3k {
    to { transform: rotate(360deg); }
}

/* MESAJ */
.yk-msg[b-4jl674lq3k] { margin: 16px 24px 0; padding: 12px 18px; border-radius: 10px; font-weight: 600; font-size: 0.9rem; }
.yk-msg.success[b-4jl674lq3k] { background: #f0fdf4; color: #16a34a; border: 1px solid #bbf7d0; }
.yk-msg.error[b-4jl674lq3k] { background: #fef2f2; color: #dc2626; border: 1px solid #fecaca; }

/* DASHBOARD */
.yk-dashboard[b-4jl674lq3k] {
    display: flex; gap: 16px; margin: 10px 24px 0; flex-wrap: wrap;
}
.yk-dash-left[b-4jl674lq3k] {
    flex: 1; min-width: 260px; background: var(--t-card, white); border-radius: 16px;
    padding: 20px 24px; border: 1.5px solid var(--t-card-border, #e2e8f0);
    box-shadow: 0 2px 12px rgba(0,0,0,0.04);
}
.yk-dash-header[b-4jl674lq3k] { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; }
.yk-dash-icon[b-4jl674lq3k] { font-size: 2rem; }
.yk-dash-title[b-4jl674lq3k] { font-size: 1rem; font-weight: 800; color: var(--t-text, #1e293b); }
.yk-dash-sub[b-4jl674lq3k] { font-size: 0.78rem; color: #94a3b8; font-weight: 600; }
.yk-dash-meters[b-4jl674lq3k] { display: flex; flex-direction: column; gap: 14px; }
.yk-meter[b-4jl674lq3k] { display: flex; align-items: center; gap: 12px; }
.yk-meter-bar[b-4jl674lq3k] {
    flex: 1; height: 10px; background: #f1f5f9; border-radius: 20px; overflow: hidden;
}
.yk-meter-fill[b-4jl674lq3k] {
    height: 100%; border-radius: 20px; transition: width 0.6s ease;
}
.yk-meter-fill.orange[b-4jl674lq3k] { background: linear-gradient(90deg, #f97316, #fb923c); }
.yk-meter-fill.green[b-4jl674lq3k] { background: linear-gradient(90deg, #22c55e, #4ade80); }
.yk-meter-info[b-4jl674lq3k] { display: flex; align-items: baseline; gap: 6px; min-width: 110px; }
.yk-meter-val[b-4jl674lq3k] { font-size: 1.3rem; font-weight: 800; }
.yk-meter-val.orange[b-4jl674lq3k] { color: #ea580c; }
.yk-meter-val.green[b-4jl674lq3k] { color: #16a34a; }
.yk-meter-lbl[b-4jl674lq3k] { font-size: 0.75rem; font-weight: 600; color: #94a3b8; }
.yk-dash-right[b-4jl674lq3k] {
    flex: 1.5; min-width: 340px; background: var(--t-card, white); border-radius: 16px;
    padding: 20px 24px; border: 1.5px solid var(--t-card-border, #e2e8f0);
    box-shadow: 0 2px 12px rgba(0,0,0,0.04);
}
.yk-dash-evrak-title[b-4jl674lq3k] {
    font-size: 0.92rem; font-weight: 800; color: var(--t-text, #1e293b); margin-bottom: 14px;
    display: flex; align-items: center; gap: 10px;
}
.yk-dash-evrak-badge[b-4jl674lq3k] {
    background: linear-gradient(135deg, #dc2626, #ef4444); color: white;
    padding: 3px 12px; border-radius: 20px; font-size: 0.72rem; font-weight: 700;
}
.yk-dash-evrak-grid[b-4jl674lq3k] { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 10px; }
.yk-evrak-card[b-4jl674lq3k] {
    display: flex; flex-direction: column; align-items: center; gap: 4px;
    padding: 14px 10px; border-radius: 12px; background: var(--t-hover, #f8fafc);
    border: 1.5px solid #f1f5f9; transition: all 0.2s;
}
.yk-evrak-card:hover[b-4jl674lq3k] { border-color: #e2e8f0; box-shadow: 0 2px 8px rgba(0,0,0,0.06); }
.yk-ec-icon[b-4jl674lq3k] { font-size: 1.4rem; }
.yk-ec-val[b-4jl674lq3k] { font-size: 1.5rem; font-weight: 800; color: #dc2626; }
.yk-ec-lbl[b-4jl674lq3k] { font-size: 0.7rem; font-weight: 600; color: var(--t-text-muted, #64748b); text-align: center; line-height: 1.2; }
.yk-evrak-card.yk-ec-active[b-4jl674lq3k] { border-color: #6366f1; background: linear-gradient(135deg, #eef2ff, #e0e7ff); box-shadow: 0 2px 10px rgba(99,102,241,0.12); }

/* Evrak Durum Detay */
.yk-ec-detay[b-4jl674lq3k] {
    margin-top: 14px; border-radius: 12px; border: 1.5px solid #e0e7ff;
    background: linear-gradient(135deg, #fafbff, #f0f4ff); overflow: hidden;
    animation: ykEcSlide-b-4jl674lq3k 0.2s ease-out;
}
@keyframes ykEcSlide-b-4jl674lq3k { from { opacity: 0; max-height: 0; } to { opacity: 1; max-height: 600px; } }
.yk-ec-detay-header[b-4jl674lq3k] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 10px 16px; font-size: 0.82rem; font-weight: 800; color: #4338ca;
    border-bottom: 1px solid #e0e7ff; background: rgba(255,255,255,0.6);
}
.yk-ec-detay-close[b-4jl674lq3k] {
    background: none; border: none; cursor: pointer; font-size: 0.85rem;
    color: #94a3b8; padding: 2px 6px; border-radius: 6px; transition: all 0.15s;
}
.yk-ec-detay-close:hover[b-4jl674lq3k] { background: #fef2f2; color: #dc2626; }
.yk-ec-detay-list[b-4jl674lq3k] { max-height: 260px; overflow-y: auto; padding: 6px 0; }
.yk-ec-detay-item[b-4jl674lq3k] {
    display: flex; gap: 10px; align-items: center; padding: 7px 16px;
    font-size: 0.78rem; border-bottom: 1px solid #f1f5f9; transition: background 0.1s;
}
.yk-ec-detay-item:last-child[b-4jl674lq3k] { border-bottom: none; }
.yk-ec-detay-item:hover[b-4jl674lq3k] { background: rgba(255,255,255,0.7); }
.yk-ec-detay-smo[b-4jl674lq3k] { font-weight: 700; color: var(--t-text, #1e293b); min-width: 120px; }
.yk-ec-detay-info[b-4jl674lq3k] { flex: 1; color: #64748b; font-size: 0.74rem; }
.yk-ec-detay-merkez[b-4jl674lq3k] { color: #475569; font-size: 0.74rem; font-weight: 600; text-align: right; }

/* FORM TOGGLE */
.yk-form-toggle[b-4jl674lq3k] { margin: 14px 24px 0; display: flex; gap: 10px; align-items: center; flex-wrap: wrap; animation: ykFadeIn-b-4jl674lq3k 0.3s ease; }
.yk-toggle-btn[b-4jl674lq3k] {
    padding: 12px 28px; border: 1.5px solid #34d399; border-radius: 12px;
    background: linear-gradient(135deg, #d1fae5, #a7f3d0); color: #065f46;
    font-weight: 600; font-size: 0.92rem; cursor: pointer; transition: all 0.25s;
    box-shadow: 0 2px 12px rgba(52,211,153,0.15);
    position: relative; overflow: hidden;
}
.yk-toggle-btn[b-4jl674lq3k]::before {
    content: ''; position: absolute; top: 0; left: -100%;
    width: 100%; height: 100%;
    background: linear-gradient(90deg, transparent 0%, rgba(52,211,153,0.2) 50%, transparent 100%);
    animation: ykShimmer-b-4jl674lq3k 2.5s ease-in-out infinite;
}
.yk-toggle-btn:hover[b-4jl674lq3k] {
    background: linear-gradient(135deg, #a7f3d0, #6ee7b7); border-color: #10b981;
    color: #064e3b; box-shadow: 0 4px 20px rgba(52,211,153,0.25);
    transform: translateY(-2px);
}
.yk-toggle-btn:hover[b-4jl674lq3k]::before { animation: none; }
@keyframes ykShimmer-b-4jl674lq3k {
    0% { left: -100%; }
    60% { left: 100%; }
    100% { left: 100%; }
}
.yk-evrak-btn[b-4jl674lq3k] {
    padding: 10px 24px; border: 1.5px solid #0d9488; border-radius: 10px;
    background: #0d9488; color: white;
    font-weight: 700; font-size: 0.88rem; cursor: pointer; transition: all 0.2s; margin-left: auto;
    box-shadow: 0 2px 8px rgba(13,148,136,0.18);
}
.yk-evrak-btn:hover[b-4jl674lq3k] { background: #0f766e; border-color: #0f766e; box-shadow: 0 4px 14px rgba(13,148,136,0.28); transform: translateY(-1px); }
.yk-sonanim-btn[b-4jl674lq3k] {
    padding: 10px 24px; border: 1.5px solid #e11d48; border-radius: 10px;
    background: var(--t-card, white); color: #e11d48;
    font-weight: 700; font-size: 0.88rem; cursor: pointer; transition: all 0.2s;
}
.yk-sonanim-btn:hover[b-4jl674lq3k] { background: #e11d48; color: white; box-shadow: 0 4px 14px rgba(225,29,72,0.25); transform: translateY(-1px); }

/* FORM AREA */
.yk-form-area[b-4jl674lq3k] { margin: 12px 24px 0; }

/* GROUP */
.yk-group[b-4jl674lq3k] {
    background: var(--t-card, white); border-radius: 14px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.04); border: 1px solid #f1f5f9;
    margin-bottom: 14px; position: relative;
}
.yk-group-header[b-4jl674lq3k] {
    padding: 14px 20px; font-weight: 700; font-size: 0.9rem;
    color: var(--t-text, #334155); background: linear-gradient(135deg, #f8fafc, #f1f5f9);
    border-bottom: 1px solid #e2e8f0;
    border-radius: 14px 14px 0 0;
    display: flex; align-items: center; gap: 10px;
}
.yk-gh-icon[b-4jl674lq3k] { font-size: 1.15rem; }
.yk-gh-text[b-4jl674lq3k] { font-weight: 800; letter-spacing: -0.01em; }
.yk-group-body[b-4jl674lq3k] { padding: 18px 20px; display: flex; flex-direction: column; gap: 14px; }

/* Accent borders — renkli sol şerit */
.yk-group-accent-indigo[b-4jl674lq3k] { border-left: 4px solid #6366f1; }
.yk-group-accent-indigo .yk-group-header[b-4jl674lq3k] { background: linear-gradient(135deg, #eef2ff, #e0e7ff); color: #4338ca; }
.yk-group-accent-blue[b-4jl674lq3k] { border-left: 4px solid #3b82f6; }
.yk-group-accent-blue .yk-group-header[b-4jl674lq3k] { background: linear-gradient(135deg, #eff6ff, #dbeafe); color: #1d4ed8; }
.yk-group-accent-amber[b-4jl674lq3k] { border-left: 4px solid #f59e0b; }
.yk-group-accent-amber .yk-group-header[b-4jl674lq3k] { background: linear-gradient(135deg, #fffbeb, #fef3c7); color: #b45309; }
.yk-group-accent-red[b-4jl674lq3k] { border-left: 4px solid #ef4444; }
.yk-group-accent-red .yk-group-header[b-4jl674lq3k] { background: linear-gradient(135deg, #fef2f2, #fee2e2); color: #b91c1c; }
.yk-group-accent-emerald[b-4jl674lq3k] { border-left: 4px solid #10b981; }
.yk-group-accent-emerald .yk-group-header[b-4jl674lq3k] { background: linear-gradient(135deg, #ecfdf5, #d1fae5); color: #047857; }
.yk-group-accent-slate[b-4jl674lq3k] { border-left: 4px solid #64748b; }
.yk-group-accent-slate .yk-group-header[b-4jl674lq3k] { background: linear-gradient(135deg, #f8fafc, #f1f5f9); color: var(--t-text, #334155); }

/* Grid layouts */
.yk-grid-4[b-4jl674lq3k] {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px;
    position: relative; z-index: 1;
}
.yk-grid-4:focus-within[b-4jl674lq3k] { z-index: 100; }
.yk-grid-2[b-4jl674lq3k] {
    display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px;
    position: relative; z-index: 1;
}
.yk-grid-2:focus-within[b-4jl674lq3k] { z-index: 100; }
.yk-field[b-4jl674lq3k] { min-width: 0; }

/* Dual column layout */
.yk-dual-col[b-4jl674lq3k] { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 14px; }
.yk-dual-col .yk-group[b-4jl674lq3k] { margin-bottom: 0; }

/* Divider */
.yk-divider[b-4jl674lq3k] {
    height: 1px; background: linear-gradient(90deg, transparent, #e2e8f0, transparent);
    margin: 2px 0;
}

/* Short input for date */
.yk-input-short[b-4jl674lq3k] { max-width: 250px; }

/* Old flex rows (kept for backward compatibility) */
.yk-form-row[b-4jl674lq3k] { display: flex; gap: 10px; align-items: flex-end; flex-wrap: wrap; position: relative; z-index: 1; }
.yk-form-row:focus-within[b-4jl674lq3k] { z-index: 100; }
.yk-group-body .yk-form-row[b-4jl674lq3k] { margin-bottom: 0; }
.yk-grow[b-4jl674lq3k] { flex: 1; min-width: 180px; }

/* INPUT */
.yk-input[b-4jl674lq3k] {
    padding: 10px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 10px;
    font-size: 0.88rem; outline: none; background: var(--t-card, white); transition: border 0.2s;
    box-sizing: border-box; width: 100%; font-family: inherit;
}
.yk-input:focus[b-4jl674lq3k] { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.1); }
.yk-input:disabled[b-4jl674lq3k] { background: var(--t-hover, #f8fafc); color: #94a3b8; cursor: not-allowed; }
select.yk-input[b-4jl674lq3k] {
    cursor: pointer; appearance: none; -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%236366f1' d='M5 6L0 0h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat; background-position: right 14px center; background-size: 10px 6px;
    padding-right: 38px;
}
select.yk-input:hover[b-4jl674lq3k] { border-color: #a5b4fc; }

/* SearchSelect inside form */
.yk-group-body[b-4jl674lq3k]  .m-input,
.yk-form-row[b-4jl674lq3k]  .m-input,
.yk-field[b-4jl674lq3k]  .m-input {
    padding: 10px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 10px;
    font-size: 0.88rem; transition: border 0.2s; outline: none;
    background: var(--t-card, white); width: 100%; box-sizing: border-box;
}
.yk-group-body[b-4jl674lq3k]  .m-input:focus,
.yk-form-row[b-4jl674lq3k]  .m-input.ss-open,
.yk-field[b-4jl674lq3k]  .m-input.ss-open {
    border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.1);
}

/* LABEL */
.yk-label[b-4jl674lq3k] { display: block; font-size: 0.76rem; font-weight: 700; color: #475569; margin-bottom: 5px; }
.yk-label-imp[b-4jl674lq3k] { color: #dc2626; }
.yk-req[b-4jl674lq3k] { color: #ef4444; font-weight: 800; }

/* FORM ACTIONS */
.yk-form-actions[b-4jl674lq3k] {
    display: flex; gap: 10px; justify-content: flex-end; margin-bottom: 16px;
}
.yk-btn[b-4jl674lq3k] {
    padding: 10px 24px; border: none; border-radius: 10px; cursor: pointer;
    font-weight: 700; font-size: 0.88rem; transition: all 0.2s;
}
.yk-btn.save[b-4jl674lq3k] { background: #4f46e5; color: white; box-shadow: 0 2px 8px rgba(79,70,229,0.2); }
.yk-btn.save:hover[b-4jl674lq3k] { background: #4338ca; transform: translateY(-1px); box-shadow: 0 4px 14px rgba(79,70,229,0.3); }
.yk-btn.cancel[b-4jl674lq3k] { background: var(--t-card, white); color: var(--t-text-muted, #64748b); border: 1.5px solid var(--t-card-border, #e2e8f0); }
.yk-btn.cancel:hover[b-4jl674lq3k] { border-color: #94a3b8; color: #475569; }

/* FILTER */
.yk-filter-section[b-4jl674lq3k] {
    margin: 16px 24px 24px;
    background: var(--t-card, white);
    border-radius: 16px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    padding: 20px;
    overflow: hidden;
    animation: ykFadeIn-b-4jl674lq3k 0.3s ease;
}
@keyframes ykFadeIn-b-4jl674lq3k { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

/* İstatistik Kartları */
.yk-stats[b-4jl674lq3k] { display: flex; gap: 12px; margin-bottom: 14px; flex-wrap: wrap; }
.yk-stat[b-4jl674lq3k] {
    flex: 1; min-width: 100px; text-align: center; padding: 14px 12px;
    border-radius: 12px; border: 1.5px solid var(--t-card-border, #e2e8f0);
    background: var(--t-hover, #f8fafc); cursor: pointer;
    transition: transform 0.15s, box-shadow 0.15s, background 0.15s, border-color 0.15s;
    position: relative; overflow: hidden;
}
.yk-stat[b-4jl674lq3k]::after {
    content: ''; position: absolute; left: 0; top: 0; bottom: 0;
    width: 0; border-radius: 12px 0 0 12px;
    transition: width 0.2s ease;
}
.yk-stat.orange[b-4jl674lq3k] { background: #fff7ed; border-color: #fed7aa; }
.yk-stat.green[b-4jl674lq3k] { background: #f0fdf4; border-color: #bbf7d0; }
.yk-stat.blue[b-4jl674lq3k] { background: #eff6ff; border-color: #bfdbfe; }
.yk-stat.red[b-4jl674lq3k] { background: #fef2f2; border-color: #fecaca; }
.yk-stat.gray[b-4jl674lq3k] { background: var(--t-hover, #f8fafc); border-color: #cbd5e1; }
.yk-stat:hover[b-4jl674lq3k] { transform: scale(1.02); }
.yk-stat.active[b-4jl674lq3k]::after { width: 4px; background: #6366f1; }
.yk-stat.orange.active[b-4jl674lq3k]::after { background: #ea580c; }
.yk-stat.green.active[b-4jl674lq3k]::after { background: #16a34a; }
.yk-stat.blue.active[b-4jl674lq3k]::after { background: #3b82f6; }
.yk-stat.red.active[b-4jl674lq3k]::after { background: #dc2626; }
.yk-stat.active[b-4jl674lq3k] { transform: scale(1.03); box-shadow: 0 4px 16px rgba(0,0,0,0.1); }
.yk-stat.active:not(.orange):not(.green):not(.blue):not(.red):not(.gray)[b-4jl674lq3k] { background: #e0e7ff; border-color: #a5b4fc; }
.yk-stat.orange.active[b-4jl674lq3k] { background: #ffedd5; border-color: #fdba74; }
.yk-stat.green.active[b-4jl674lq3k] { background: #dcfce7; border-color: #86efac; }
.yk-stat.blue.active[b-4jl674lq3k] { background: #dbeafe; border-color: #93c5fd; }
.yk-stat.red.active[b-4jl674lq3k] { background: #fee2e2; border-color: #fca5a5; }
.yk-stat.gray.active[b-4jl674lq3k] { background: #e2e8f0; border-color: #94a3b8; }
.yk-stat.gray.active[b-4jl674lq3k]::after { background: #64748b; }
.yk-st-val[b-4jl674lq3k] { display: block; font-size: 1.5rem; font-weight: 800; color: var(--t-text, #1e293b); }
.yk-stat.orange .yk-st-val[b-4jl674lq3k] { color: #ea580c; }
.yk-stat.green .yk-st-val[b-4jl674lq3k] { color: #16a34a; }
.yk-stat.blue .yk-st-val[b-4jl674lq3k] { color: #3b82f6; }
.yk-stat.red .yk-st-val[b-4jl674lq3k] { color: #dc2626; }
.yk-stat.gray .yk-st-val[b-4jl674lq3k] { color: #64748b; }
.yk-stat.active:not(.orange):not(.green):not(.blue):not(.red):not(.gray) .yk-st-val[b-4jl674lq3k] { color: #4f46e5; }
.yk-st-label[b-4jl674lq3k] { display: block; font-size: 0.72rem; font-weight: 600; color: #94a3b8; text-transform: uppercase; }
.yk-stat.active .yk-st-label[b-4jl674lq3k] { color: #64748b; }

.yk-filter-row[b-4jl674lq3k] { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.yk-filter-row .yk-input[b-4jl674lq3k],
.yk-search .yk-input[b-4jl674lq3k] { padding: 7px 14px; font-size: 0.84rem; height: 36px; }
.yk-fbtn[b-4jl674lq3k] {
    padding: 0 14px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 20px;
    background: var(--t-card, white); font-weight: 600; font-size: 0.8rem; cursor: pointer;
    color: var(--t-text-muted, #64748b); transition: all 0.2s;
    display: inline-flex; align-items: center; gap: 5px; height: 36px;
}
.yk-fbtn.download[b-4jl674lq3k] {
    background: linear-gradient(135deg, #059669, #10b981); color: white;
    border-color: #059669; border-left: none; border-radius: 10px; font-weight: 700; font-size: 0.78rem;
}
.yk-fbtn.download:hover[b-4jl674lq3k] { background: linear-gradient(135deg, #047857, #059669); border-color: #047857; transform: translateY(-1px); box-shadow: 0 3px 10px rgba(5,150,105,0.25); }
.yk-search[b-4jl674lq3k] { flex: 1; min-width: 250px; }
.yk-search input[b-4jl674lq3k] {
    width: 100%; padding: 9px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 8px;
    font-size: 0.88rem; outline: none; box-sizing: border-box;
}
.yk-search input:focus[b-4jl674lq3k] { border-color: #6366f1; }

/* TABLE */
.yk-table-wrap[b-4jl674lq3k] {
    background: var(--t-card, white); border-radius: 14px; overflow-x: auto;
    box-shadow: 0 2px 10px rgba(0,0,0,0.04); border: 1px solid #f1f5f9;
}

/* ═══ KOLON BAŞLIK / FİLTRE ═══ — global stiller yonetim-liste.css'tedir */

.yk-table[b-4jl674lq3k] { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 0.85rem; }
.yk-table thead[b-4jl674lq3k] { background: var(--t-hover, #f8fafc); }
.yk-table th[b-4jl674lq3k] { padding: 10px 14px; text-align: left; font-weight: 700; color: #475569; border-bottom: 2px solid var(--t-card-border, #e2e8f0); white-space: nowrap; }
.yk-table td[b-4jl674lq3k] { padding: 10px 14px; border-bottom: 1px solid var(--t-card-border, #f1f5f9); color: var(--t-text, #334155); }
.yk-table tr:hover[b-4jl674lq3k] { background: #fafbfc; }
.yk-table .row-active[b-4jl674lq3k] { background: #eff6ff !important; }
.yk-table .row-done[b-4jl674lq3k] { background: #f0fdf4 !important; }
.td-id[b-4jl674lq3k] { color: #94a3b8; font-size: 0.78rem; }
.td-center[b-4jl674lq3k] { text-align: center; }
.td-muted[b-4jl674lq3k] { color: #94a3b8; font-size: 0.82rem; }
.td-merkez[b-4jl674lq3k] { min-width: 160px; white-space: normal; line-height: 1.35; }
.empty-row[b-4jl674lq3k] {
    text-align: center;
    padding: 40px 16px !important;
    color: #dc2626;
    font-size: 0.92rem;
    font-weight: 600;
    background: linear-gradient(135deg, #fef2f2, #fff5f5) !important;
}
.empty-row .empty-icon[b-4jl674lq3k] {
    display: block;
    font-size: 2.2rem;
    margin-bottom: 8px;
    opacity: 0.7;
}
.empty-row .empty-text[b-4jl674lq3k] {
    display: block;
    color: #dc2626;
    font-size: 0.88rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

/* PILL */
.yk-pill[b-4jl674lq3k] {
    display: inline-block; padding: 3px 10px; border-radius: 6px;
    font-size: 0.72rem; font-weight: 700; white-space: nowrap;
}
.yk-pill.green[b-4jl674lq3k] { background: #f0fdf4; color: #16a34a; }
.yk-pill.blue[b-4jl674lq3k] { background: #eff6ff; color: #3b82f6; }
.yk-pill.red[b-4jl674lq3k] { background: #fef2f2; color: #dc2626; }
.yk-pill.orange[b-4jl674lq3k] { background: #fff7ed; color: #ea580c; }
.yk-pill.gray[b-4jl674lq3k] { background: #f1f5f9; color: var(--t-text-muted, #64748b); }

/* MS KODU */
.yk-ms-kodu[b-4jl674lq3k] {
    display: inline-block; padding: 2px 10px; border-radius: 6px;
    font-size: 0.75rem; font-weight: 800; letter-spacing: 0.04em;
    background: linear-gradient(135deg, #eef2ff, #e0e7ff); color: #4338ca;
    border: 1px solid #c7d2fe; font-family: 'Consolas', 'Courier New', monospace;
}
.yk-ms-badge[b-4jl674lq3k] {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 9px 14px; border-radius: 10px; font-size: 0.88rem; font-weight: 700;
    background: linear-gradient(135deg, #eef2ff, #e0e7ff); color: #4338ca;
    border: 1.5px solid #c7d2fe; font-family: 'Consolas', 'Courier New', monospace;
    letter-spacing: 0.06em;
}
.yk-ms-badge.yk-ms-auto[b-4jl674lq3k] {
    background: linear-gradient(135deg, #f8fafc, #f1f5f9); color: #94a3b8;
    border-color: #e2e8f0; font-style: italic; font-family: inherit;
    letter-spacing: normal; font-weight: 600;
}

/* ACTION BUTTONS — en sol sticky sütun */
.yk-table thead th.th-sf[b-4jl674lq3k] {
    z-index: 1;
}
.th-actions[b-4jl674lq3k] {
    position: sticky; left: 0; z-index: 3;
    background: #f8fafc; white-space: nowrap;
    box-shadow: 2px 0 4px rgba(0,0,0,0.06);
}
.td-actions[b-4jl674lq3k] {
    white-space: nowrap;
    position: sticky; left: 0; z-index: 2;
    background: #ffffff;
    box-shadow: 2px 0 4px rgba(0,0,0,0.06);
}
.yk-table tr:hover .td-actions[b-4jl674lq3k] { background: #fafbfc; }
.yk-table .row-active .td-actions[b-4jl674lq3k] { background: #eff6ff; }
.yk-table .row-done .td-actions[b-4jl674lq3k] { background: #f0fdf4; }

.yk-ab[b-4jl674lq3k] {
    display: inline-flex; align-items: center; justify-content: center;
    border: none; cursor: pointer; background: none;
    width: 28px; height: 28px; border-radius: 6px;
    font-size: 0.92rem; line-height: 1;
    transition: all 0.15s; vertical-align: middle;
}
.yk-ab:hover[b-4jl674lq3k] { background: #f1f5f9; transform: scale(1.15); }
.yk-ab:active[b-4jl674lq3k] { transform: scale(0.9); }

.yk-ab-edit:hover[b-4jl674lq3k] { background: #eef2ff; }
.yk-ab-evrak:hover[b-4jl674lq3k] { background: #f0fdfa; }
.yk-ab-info:hover[b-4jl674lq3k] { background: #eff6ff; }
.yk-ab-sonanim:hover[b-4jl674lq3k] { background: #fff7ed; }
.yk-ab-done:hover[b-4jl674lq3k] { background: #f0fdf4; }
.yk-ab-del:hover[b-4jl674lq3k] { background: #fef2f2; }


@media (max-width: 768px) {
    .yk-dashboard[b-4jl674lq3k] { flex-direction: column; margin: 6px 12px 0; }
    .yk-filter-row[b-4jl674lq3k] { display: flex; flex-wrap: wrap; gap: 6px; align-items: stretch; }
    .yk-filter-row .yk-search[b-4jl674lq3k] { flex: 1 1 100%; order: 0; }
    .yk-filter-row .ym-btn-clear[b-4jl674lq3k] { flex: 1 1 100%; order: 0; }
    .yk-filter-row .ym-toolbar-badge[b-4jl674lq3k],
    .yk-filter-row .yk-fbtn.download[b-4jl674lq3k] {
        flex: 1 1 0; min-width: 0; text-align: center; justify-content: center; box-sizing: border-box;
        margin-left: 0 !important; height: 36px;
    }
    .yk-filter-row .ym-toolbar-badge[b-4jl674lq3k] { order: 1; }
    .yk-filter-row .yk-fbtn.download[b-4jl674lq3k] { order: 2; }
    .yk-form-row[b-4jl674lq3k] { flex-direction: column; }
    .yk-form-area[b-4jl674lq3k] { margin: 12px 12px 0; }
    .yk-filter-section[b-4jl674lq3k] { margin: 16px 12px 16px; padding: 12px; }
    .yk-dash-evrak-grid[b-4jl674lq3k] { grid-template-columns: repeat(2, 1fr); }
    .yk-grid-4[b-4jl674lq3k] { grid-template-columns: repeat(2, 1fr); }
    .yk-grid-2[b-4jl674lq3k] { grid-template-columns: 1fr; }
    .yk-dual-col[b-4jl674lq3k] { grid-template-columns: 1fr; }
    .yk-stat[b-4jl674lq3k] { flex: 1 1 calc(33.33% - 8px); min-width: 90px; padding: 10px 6px; }
    .yk-st-val[b-4jl674lq3k] { font-size: 1.15rem; }
    .yk-st-label[b-4jl674lq3k] { font-size: 0.62rem; }

    /* Arama kutuları ve input'lar mobilde küçülsün */
    .yk-search[b-4jl674lq3k] { flex: 1 1 100%; min-width: 0; }
    .yk-search input[b-4jl674lq3k] { font-size: 0.8rem; padding: 7px 12px; height: 34px; }
    .yk-input[b-4jl674lq3k] { font-size: 0.82rem; padding: 8px 12px; }
    .yk-input-short[b-4jl674lq3k] { max-width: 100%; }
    .yk-filter-row .yk-input[b-4jl674lq3k] { font-size: 0.8rem; padding: 6px 10px; height: 34px; }
    select.yk-input[b-4jl674lq3k] { font-size: 0.82rem; padding: 8px 12px; padding-right: 34px; }
    .yk-grow[b-4jl674lq3k] { flex: 1 1 100%; min-width: 0; }
    .yk-label[b-4jl674lq3k] { font-size: 0.74rem; }

    /* Form butonları mobilde ortalansın */
    .yk-form-actions[b-4jl674lq3k] {
        flex-wrap: wrap;
    }
    .yk-form-actions .yk-btn[b-4jl674lq3k] {
        flex: 1 1 calc(50% - 5px); min-width: 0; text-align: center;
        display: flex; align-items: center; justify-content: center;
        padding: 12px 10px; font-size: 0.84rem; height: 44px; box-sizing: border-box;
    }

    /* İşlem sütunu mobilde sticky olmasın */
    .th-actions[b-4jl674lq3k] { position: static; box-shadow: none; }
    .td-actions[b-4jl674lq3k] { position: static; box-shadow: none; }

    /* Merkez alanı genişletme */
    .yk-table td[b-4jl674lq3k], .yk-table th[b-4jl674lq3k] { padding: 8px 10px; }

    /* Evrak detay mobil */
    .yk-ec-detay-item[b-4jl674lq3k] { flex-direction: column; gap: 2px; padding: 8px 14px; }
    .yk-ec-detay-smo[b-4jl674lq3k] { min-width: 0; }
    .yk-ec-detay-merkez[b-4jl674lq3k] { text-align: left; }
}

@media (max-width: 480px) {
    .yk-grid-4[b-4jl674lq3k] { grid-template-columns: 1fr; }
    .yk-stat[b-4jl674lq3k] { flex: 1 1 calc(33.33% - 6px); min-width: 80px; padding: 8px 4px; }
    .yk-st-val[b-4jl674lq3k] { font-size: 1rem; }
    .yk-st-label[b-4jl674lq3k] { font-size: 0.58rem; }
}

/* ═══ EVRAK HAZIRLAMA POPUP ═══ */
.ev-popup[b-4jl674lq3k] {
    position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
    background: var(--t-hover, #f8fafc); border-radius: 22px; z-index: 1001;
    width: 95%; max-width: 1200px; max-height: 92vh; overflow-y: auto; overflow-x: hidden;
    box-shadow: 0 25px 80px rgba(0,0,0,0.22), 0 0 0 1px rgba(0,0,0,0.05);
    animation: evSlide-b-4jl674lq3k 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    scrollbar-width: thin; scrollbar-color: #cbd5e1 transparent;
}
.ev-popup[b-4jl674lq3k]::-webkit-scrollbar { width: 6px; }
.ev-popup[b-4jl674lq3k]::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
@keyframes evSlide-b-4jl674lq3k {
    from { opacity: 0; transform: translate(-50%, -46%) scale(0.97); }
    to { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}
.ev-close[b-4jl674lq3k] {
    position: absolute; top: 12px; right: 12px; background: rgba(255,255,255,0.85); border: 1px solid var(--t-card-border, #e2e8f0);
    width: 38px; height: 38px; border-radius: 12px; cursor: pointer; font-size: 1.05rem;
    color: var(--t-text-muted, #64748b); transition: all 0.2s; z-index: 2; backdrop-filter: blur(8px);
    display: flex; align-items: center; justify-content: center;
}
.ev-close:hover[b-4jl674lq3k] { background: #fef2f2; color: #dc2626; border-color: #fecaca; transform: scale(1.08); }

/* Header */
.ev-header[b-4jl674lq3k] {
    padding: 18px 56px 20px 28px; background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%); border-bottom: 1.5px solid #e2e8f0;
    display: flex; align-items: center; gap: 16px;
    border-radius: 22px 22px 0 0; max-width: 100%; overflow: hidden; box-sizing: border-box;
}
.ev-header-left[b-4jl674lq3k] { display: flex; align-items: center; gap: 14px; flex: 1; min-width: 0; }
.ev-header-text[b-4jl674lq3k] { min-width: 0; }
.ev-header-icon[b-4jl674lq3k] {
    width: 48px; height: 48px; border-radius: 14px; display: flex; align-items: center; justify-content: center;
    background: linear-gradient(135deg, #eff6ff, #dbeafe); font-size: 1.45rem;
    box-shadow: 0 3px 12px rgba(59,130,246,0.14); flex-shrink: 0;
}
.ev-header h3[b-4jl674lq3k] { margin: 0; font-size: 1.15rem; font-weight: 800; color: #0f172a; letter-spacing: -0.01em; }
.ev-header-sub[b-4jl674lq3k] { font-size: 0.8rem; color: var(--t-text-muted, #64748b); margin-top: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ev-header-badges[b-4jl674lq3k] { display: flex; gap: 8px; flex-wrap: wrap; min-width: 0; }
.ev-header-badges-mobile-row[b-4jl674lq3k] { display: flex; gap: 8px; flex-wrap: wrap; }
.ev-badge[b-4jl674lq3k] {
    padding: 5px 14px; border-radius: 10px; font-size: 0.73rem;
    font-weight: 700; letter-spacing: 0.02em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.ev-badge-blue[b-4jl674lq3k] { background: linear-gradient(135deg, #eff6ff, #dbeafe); color: #2563eb; border: 1px solid #bfdbfe; }
.ev-badge-orange[b-4jl674lq3k] { background: linear-gradient(135deg, #fff7ed, #ffedd5); color: #ea580c; border: 1px solid #fed7aa; }
.ev-badge-purple[b-4jl674lq3k] { background: linear-gradient(135deg, #faf5ff, #f3e8ff); color: #7c3aed; border: 1px solid #e9d5ff; }
.ev-badge-gray[b-4jl674lq3k] { background: linear-gradient(135deg, #f8fafc, #f1f5f9); color: #475569; border: 1px solid var(--t-card-border, #e2e8f0); }

/* Şirket Badge */
.ev-badge-sirket[b-4jl674lq3k] {
    background: linear-gradient(135deg, #ecfdf5, #d1fae5); color: #047857; border: 1px solid #a7f3d0;
    cursor: pointer; display: inline-flex; align-items: center; gap: 6px;
    transition: all 0.2s; font-family: inherit; min-width: 0; overflow: hidden;
}
.ev-badge-sirket:hover[b-4jl674lq3k] { background: linear-gradient(135deg, #d1fae5, #a7f3d0); box-shadow: 0 2px 8px rgba(4,120,87,0.12); }
.ev-sirket-arrow[b-4jl674lq3k] {
    font-size: 0.6rem; transition: transform 0.25s ease; display: inline-block;
}
.ev-sirket-arrow.open[b-4jl674lq3k] { transform: rotate(180deg); }
.ev-sirket-detay[b-4jl674lq3k] {
    background: linear-gradient(135deg, #f0fdf4, #ecfdf5); border-bottom: 1.5px solid #a7f3d0;
    padding: 10px 28px; animation: evSirketSlide-b-4jl674lq3k 0.2s ease-out;
}
.ev-sirket-detay-inner[b-4jl674lq3k] {
    display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: 0.78rem; color: #065f46;
    align-items: center;
}
.ev-sirket-detay-inner img[b-4jl674lq3k] { flex-shrink: 0; }
@keyframes evSirketSlide-b-4jl674lq3k {
    from { opacity: 0; max-height: 0; padding-top: 0; padding-bottom: 0; }
    to { opacity: 1; max-height: 120px; }
}

/* Layout */
.ev-layout[b-4jl674lq3k] {
    display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 0; padding: 0; min-width: 0; max-width: 100%;
}
.ev-left[b-4jl674lq3k] { padding: 22px 24px; display: flex; flex-direction: column; gap: 16px; min-width: 0; overflow: hidden; }
.ev-right[b-4jl674lq3k] { padding: 22px 24px 60px; background: linear-gradient(180deg, #ffffff 0%, #fafbfc 100%); border-left: 1.5px solid #e2e8f0; display: flex; flex-direction: column; gap: 16px; min-width: 0; overflow: hidden; }

/* Tarih Bar (kompakt yatay) */
.ev-tarih-bar[b-4jl674lq3k] {
    background: var(--t-card, white); border-radius: 14px; border: 1.5px solid var(--t-card-border, #e2e8f0);
    padding: 12px 16px; transition: all 0.25s; min-width: 0; max-width: 100%; box-sizing: border-box;
}
.ev-tarih-bar:hover[b-4jl674lq3k] { box-shadow: 0 4px 16px rgba(0,0,0,0.04); }
.ev-tarih-bar.ev-tarih-warn[b-4jl674lq3k] { border-color: #fbbf24; background: linear-gradient(135deg, #fffdf7, #fffbeb); }
.ev-tarih-row[b-4jl674lq3k] {
    display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
}
.ev-tarih-icon[b-4jl674lq3k] { font-size: 1.1rem; flex-shrink: 0; }
.ev-tarih-label[b-4jl674lq3k] {
    font-size: 0.8rem; font-weight: 800; color: var(--t-text, #334155);
    text-transform: uppercase; letter-spacing: 0.03em; white-space: nowrap;
}
.ev-tarih-input[b-4jl674lq3k] { max-width: 180px; padding: 8px 12px !important; font-size: 0.84rem !important; border-radius: 10px 0 0 10px !important; }
.ev-tarih-group[b-4jl674lq3k] {
    display: flex; align-items: stretch; margin-left: auto;
}
.ev-tarih-group .ev-tarih-input[b-4jl674lq3k] { border-right: none !important; }
.ev-tarih-save[b-4jl674lq3k] {
    padding: 0 14px; border: 1.5px solid #4f46e5; border-left: none;
    border-radius: 0 10px 10px 0; background: linear-gradient(135deg, #4f46e5, #6366f1);
    color: white; font-size: 0.92rem; cursor: pointer; transition: all 0.2s;
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.ev-tarih-save:hover[b-4jl674lq3k] { background: linear-gradient(135deg, #4338ca, #4f46e5); box-shadow: 0 2px 8px rgba(79,70,229,0.3); }
.ev-tarih-sebep[b-4jl674lq3k] {
    margin-top: 10px; padding-top: 10px; border-top: 1px solid #fde68a;
    display: flex; flex-direction: column; gap: 6px;
}
.ev-tarih-sebep-label[b-4jl674lq3k] { font-size: 0.78rem; font-weight: 700; color: #92400e; }
.ev-tarih-sebep textarea[b-4jl674lq3k] { min-height: 44px; resize: vertical; font-size: 0.82rem; max-width: 100%; box-sizing: border-box; }

/* Cards */
.ev-card[b-4jl674lq3k] {
    background: var(--t-card, white); border-radius: 16px; border: 1px solid var(--t-card-border, #e2e8f0);
    overflow: hidden; transition: all 0.25s; min-width: 0; max-width: 100%;
}
.ev-card:hover[b-4jl674lq3k] { box-shadow: 0 6px 24px rgba(0,0,0,0.05); transform: translateY(-1px); }
.ev-card-highlight[b-4jl674lq3k] { border-color: #c7d2fe; background: linear-gradient(135deg, #fafafe, #f0f4ff); box-shadow: 0 2px 12px rgba(99,102,241,0.06); }
.ev-card-docs[b-4jl674lq3k] { border: none; background: transparent; box-shadow: none; }
.ev-card-docs:hover[b-4jl674lq3k] { box-shadow: none; transform: none; }

.ev-card-header[b-4jl674lq3k] {
    display: flex; align-items: center; gap: 10px; padding: 14px 18px;
    border-bottom: 1px solid var(--t-card-border, #f1f5f9); background: var(--t-card, white);
}
.ev-card-highlight .ev-card-header[b-4jl674lq3k] { background: transparent; border-color: #e0e7ff; }
.ev-card-docs .ev-card-header[b-4jl674lq3k] { background: transparent; padding: 0 0 12px; border-bottom: none; }
.ev-card-icon[b-4jl674lq3k] { font-size: 1.15rem; }
.ev-card-title[b-4jl674lq3k] { font-size: 0.82rem; font-weight: 800; color: var(--t-text, #334155); text-transform: uppercase; letter-spacing: 0.04em; }
.ev-card-body[b-4jl674lq3k] { padding: 14px 18px; min-width: 0; }
.ev-card-grid[b-4jl674lq3k] { display: grid; grid-template-columns: 1fr 1fr; gap: 0; padding: 4px 0; min-width: 0; }

/* Info rows */
.ev-info[b-4jl674lq3k] {
    display: flex; flex-direction: column; gap: 2px; padding: 8px 18px;
    border-bottom: 1px solid #f8fafc; transition: background 0.15s; min-width: 0;
}
.ev-info:hover[b-4jl674lq3k] { background: #fafbfe; }
.ev-info-full[b-4jl674lq3k] { grid-column: span 2; }
.ev-info-label[b-4jl674lq3k] { font-size: 0.69rem; font-weight: 700; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.04em; }
.ev-info-val[b-4jl674lq3k] {
    font-size: 0.83rem; color: var(--t-text, #1e293b); font-weight: 600;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%;
}
.ev-info-val:empty[b-4jl674lq3k]::after { content: "—"; color: #cbd5e1; }
.ev-info-primary[b-4jl674lq3k] { color: #6366f1; font-weight: 800; font-size: 0.92rem; }
.ev-info-wrap[b-4jl674lq3k] { white-space: normal; line-height: 1.45; }

/* Dual grid (Destekleyici / Yasal Temsilci) */
.ev-dual-grid[b-4jl674lq3k] { display: grid; grid-template-columns: 1fr 1fr; gap: 0; }
.ev-info-col[b-4jl674lq3k] { }
.ev-info-col:first-child[b-4jl674lq3k] { border-right: 1px solid #f1f5f9; }
.ev-info-col-title[b-4jl674lq3k] {
    padding: 10px 18px; font-size: 0.73rem; font-weight: 800; color: #6366f1;
    text-transform: uppercase; letter-spacing: 0.04em; background: linear-gradient(135deg, #fafbfe, #f0f4ff);
    border-bottom: 1px solid var(--t-card-border, #f1f5f9);
}

/* Action buttons */
.ev-action-bar[b-4jl674lq3k] { display: flex; gap: 10px; margin-bottom: 18px; flex-wrap: wrap; max-width: 100%; }
.ev-action-bar-grid[b-4jl674lq3k] { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; max-width: 100%; }
.ev-action-btn[b-4jl674lq3k] {
    display: flex; align-items: center; gap: 10px; padding: 12px 14px;
    border-radius: 12px; border: none; cursor: pointer; font-weight: 600; font-size: 0.76rem;
    color: white; transition: all 0.25s; min-width: 0; line-height: 1.4;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1); max-width: 100%; overflow: hidden;
}
.ev-action-btn span[b-4jl674lq3k] { display: flex; flex-direction: column; gap: 2px; text-align: left; min-width: 0; overflow: hidden; }
.ev-action-btn small[b-4jl674lq3k] { font-size: 0.67rem; font-weight: 800; opacity: 0.9; letter-spacing: 0.3px; margin-top: 4px; padding-top: 4px; border-top: 1px solid rgba(255,255,255,0.25); }
.ev-action-icon[b-4jl674lq3k] { font-size: 1.3rem; flex-shrink: 0; }
.ev-action-indigo[b-4jl674lq3k] { background: linear-gradient(135deg, #4f46e5, #6366f1); }
.ev-action-emerald[b-4jl674lq3k] { background: linear-gradient(135deg, #059669, #10b981); }
.ev-action-orange[b-4jl674lq3k] { background: linear-gradient(135deg, #ea580c, #f97316); }
.ev-action-mail[b-4jl674lq3k] { background: linear-gradient(135deg, #0891b2, #06b6d4); flex: 1; }
.ev-action-mail:hover:not(:disabled)[b-4jl674lq3k] { transform: translateY(-3px); box-shadow: 0 8px 28px rgba(8,145,178,0.25); }
.ev-action-btn:hover:not(:disabled)[b-4jl674lq3k] { transform: translateY(-3px); box-shadow: 0 8px 28px rgba(0,0,0,0.18); }
.ev-action-btn:disabled[b-4jl674lq3k] {
    background: linear-gradient(135deg, #94a3b8, #cbd5e1) !important;
    cursor: not-allowed; opacity: 0.6;
    box-shadow: none;
}

/* Mail bar */
.ev-mail-bar[b-4jl674lq3k] { display: flex; gap: 10px; margin-bottom: 10px; }
.ev-mail-ekler[b-4jl674lq3k] {
    margin-bottom: 18px; border-radius: 12px; overflow: hidden;
    border: 1px solid var(--t-card-border, #e2e8f0);
    background: var(--t-card, white);
}
.ev-mail-ekler-header[b-4jl674lq3k] {
    display: flex; align-items: center; gap: 8px;
    padding: 8px 14px; background: linear-gradient(135deg, #f8fafc, #f1f5f9);
    border-bottom: 1px solid var(--t-card-border, #e2e8f0);
}
.ev-mail-ekler-icon[b-4jl674lq3k] { font-size: 0.9rem; }
.ev-mail-ekler-title[b-4jl674lq3k] { font-size: 0.73rem; font-weight: 800; color: #475569; }
.ev-mail-ekler-count[b-4jl674lq3k] {
    margin-left: auto; font-size: 0.67rem; font-weight: 700;
    padding: 2px 8px; border-radius: 6px;
    background: linear-gradient(135deg, #eff6ff, #dbeafe); color: #3b82f6;
}
.ev-mail-ekler-list[b-4jl674lq3k] {
    display: flex; flex-wrap: wrap; gap: 6px; padding: 10px 14px;
}
.ev-mail-ek-chip[b-4jl674lq3k] {
    padding: 4px 10px; border-radius: 8px; font-size: 0.7rem; font-weight: 600;
    background: #f8fafc; color: #475569; border: 1px solid #e2e8f0;
    white-space: nowrap;
}
.ev-mail-ek-blue[b-4jl674lq3k] { background: #eff6ff; color: #2563eb; border-color: #bfdbfe; }
.ev-mail-ek-purple[b-4jl674lq3k] { background: #faf5ff; color: #7c3aed; border-color: #e9d5ff; }
.ev-mail-ek-ok[b-4jl674lq3k] { background: #ecfdf5; color: #047857; border-color: #a7f3d0; }
.ev-mail-ek-warn[b-4jl674lq3k] { background: #fffbeb; color: #b45309; border-color: #fde68a; }
.ev-mail-ekler-alert[b-4jl674lq3k] {
    padding: 8px 14px; font-size: 0.72rem; font-weight: 600; color: #92400e;
    background: linear-gradient(135deg, #fffbeb, #fef3c7); border-top: 1px solid #fde68a;
    line-height: 1.5;
}

/* Document list */
.ev-doc-list[b-4jl674lq3k] { display: flex; flex-direction: column; gap: 16px; }
.ev-doc-category[b-4jl674lq3k] { }
.ev-doc-cat-title[b-4jl674lq3k] {
    font-size: 0.75rem; font-weight: 800; color: #475569; margin-bottom: 10px;
    padding-bottom: 6px; border-bottom: 1.5px dashed #e2e8f0;
    display: flex; align-items: center; gap: 6px;
}
.ev-doc-items[b-4jl674lq3k] { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.ev-doc-item[b-4jl674lq3k] {
    display: flex; align-items: center; gap: 10px; padding: 11px 14px;
    border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 12px; background: var(--t-card, white);
    font-size: 0.79rem; font-weight: 600; color: var(--t-text, #334155); cursor: pointer;
    transition: all 0.2s; text-align: left; width: 100%;
}
.ev-doc-item:hover:not(:disabled)[b-4jl674lq3k] { border-color: #6366f1; color: #4f46e5; background: #f5f3ff; transform: translateY(-2px); box-shadow: 0 4px 14px rgba(99,102,241,0.12); }
.ev-doc-item:disabled[b-4jl674lq3k] { background: #fafbfc; color: #94a3b8; cursor: not-allowed; border-color: #f1f5f9; }
.ev-doc-no[b-4jl674lq3k] {
    flex-shrink: 0; width: 24px; height: 24px; border-radius: 8px;
    background: linear-gradient(135deg, #eff6ff, #dbeafe); color: #3b82f6;
    font-size: 0.72rem; font-weight: 800; display: flex; align-items: center; justify-content: center;
}
.ev-doc-item:disabled .ev-doc-no[b-4jl674lq3k] { background: #f1f5f9; color: #94a3b8; }
.ev-doc-item.ev-doc-active[b-4jl674lq3k] { border-color: #6366f1; background: linear-gradient(135deg, #f5f3ff, #ede9fe); color: #4f46e5; box-shadow: 0 2px 8px rgba(99,102,241,0.1); }
.ev-doc-item.ev-doc-active .ev-doc-no[b-4jl674lq3k] { background: linear-gradient(135deg, #6366f1, #8b5cf6); color: #fff; box-shadow: 0 2px 6px rgba(99,102,241,0.3); }
.ev-doc-mod[b-4jl674lq3k] { font-size: 0.82rem; flex-shrink: 0; opacity: 0.7; margin-left: -2px; }
.ev-doc-item.ev-doc-active:disabled[b-4jl674lq3k] {
    opacity: 0.55; pointer-events: none;
    background: #f8fafc; border-color: #e2e8f0; color: #94a3b8;
    transform: none; box-shadow: none;
}
.ev-doc-item.ev-doc-active:disabled .ev-doc-no[b-4jl674lq3k] {
    background: linear-gradient(135deg, #cbd5e1, #94a3b8); animation: evSpin-b-4jl674lq3k 1s linear infinite;
    font-size: 0.6rem;
}

/* Hint */
.ev-hint[b-4jl674lq3k] {
    display: flex; align-items: flex-start; gap: 12px; padding: 16px 18px;
    background: linear-gradient(135deg, #fffbeb, #fefce8); border: 1px solid #fde68a;
    border-radius: 14px; font-size: 0.82rem; color: #92400e;
}
.ev-hint-icon[b-4jl674lq3k] { font-size: 1.3rem; flex-shrink: 0; margin-top: 1px; }
.ev-hint strong[b-4jl674lq3k] { display: block; font-size: 0.79rem; font-weight: 800; margin-bottom: 3px; }
.ev-hint p[b-4jl674lq3k] { margin: 0; font-weight: 500; line-height: 1.45; }

/* Responsive */
@media (max-width: 900px) {
    .ev-layout[b-4jl674lq3k] { grid-template-columns: 1fr; }
    .ev-right[b-4jl674lq3k] { border-left: none; border-top: 1.5px solid #e2e8f0; }
    .ev-popup[b-4jl674lq3k] { max-width: 95vw; border-radius: 18px; overflow-x: hidden; }
    .ev-header[b-4jl674lq3k] { border-radius: 18px 18px 0 0; flex-wrap: wrap; padding-right: 52px; }
    .ev-header-badges[b-4jl674lq3k] { flex-wrap: wrap; }
    .ev-action-bar-grid[b-4jl674lq3k] { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
    /* Popup: alttan açılan tam genişlik panel */
    .ev-popup[b-4jl674lq3k] {
        width: 100vw; max-width: 100vw; border-radius: 16px 16px 0 0;
        top: auto; bottom: 0; left: 0; right: 0; transform: none;
        max-height: 95vh; overflow-x: hidden; overflow-y: auto;
        animation: evSlideUp-b-4jl674lq3k 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    }
    @keyframes evSlideUp-b-4jl674lq3k { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }

    /* Header: dikey yerleşim, dar padding */
    .ev-header[b-4jl674lq3k] {
        border-radius: 16px 16px 0 0; padding: 14px 44px 12px 14px;
        flex-direction: column; align-items: stretch; gap: 8px;
    }
    .ev-header-left[b-4jl674lq3k] { flex: 1 1 100%; gap: 10px; }
    .ev-header-icon[b-4jl674lq3k] { width: 36px; height: 36px; font-size: 1rem; border-radius: 10px; }
    .ev-header h3[b-4jl674lq3k] { font-size: 0.92rem; }
    .ev-header-sub[b-4jl674lq3k] { font-size: 0.72rem; white-space: normal; word-break: break-word; line-height: 1.35; }
    .ev-close[b-4jl674lq3k] { top: 10px; right: 10px; width: 32px; height: 32px; border-radius: 9px; font-size: 0.9rem; }

    /* Badge'ler: şirket tam genişlik, diğerleri yanyana eşit */
    .ev-header-badges[b-4jl674lq3k] { flex: 1 1 100%; flex-direction: column; gap: 6px; }
    .ev-badge-sirket[b-4jl674lq3k] {
        width: 100%; justify-content: space-between; text-align: left;
        font-size: 0.74rem; padding: 7px 12px; border-radius: 9px;
        white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    }
    .ev-header-badges-mobile-row[b-4jl674lq3k] {
        display: flex !important; gap: 5px; flex-wrap: nowrap; width: 100%;
    }
    .ev-header-badges-mobile-row .ev-badge[b-4jl674lq3k] {
        flex: 1 1 0; min-width: 0; text-align: center; padding: 5px 6px;
        font-size: 0.65rem; display: block !important;
        overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    }

    /* Şirket detay */
    .ev-sirket-detay[b-4jl674lq3k] { padding: 8px 14px; }
    .ev-sirket-detay-inner[b-4jl674lq3k] { gap: 4px 10px; font-size: 0.72rem; }

    /* Layout: tek kolon, dar padding */
    .ev-left[b-4jl674lq3k], .ev-right[b-4jl674lq3k] { padding: 12px 10px !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; overflow: hidden !important; }

    /* Kartlar */
    .ev-card[b-4jl674lq3k] { border-radius: 12px; }
    .ev-card-header[b-4jl674lq3k] { padding: 10px 12px; gap: 8px; }
    .ev-card-icon[b-4jl674lq3k] { font-size: 1rem; }
    .ev-card-title[b-4jl674lq3k] { font-size: 0.76rem; }
    .ev-card-body[b-4jl674lq3k] { padding: 10px 12px; }
    .ev-card-grid[b-4jl674lq3k] { grid-template-columns: 1fr; }
    .ev-info-full[b-4jl674lq3k] { grid-column: span 1; }
    .ev-info[b-4jl674lq3k] { padding: 6px 12px; }
    .ev-info-label[b-4jl674lq3k] { font-size: 0.64rem; }
    .ev-info-val[b-4jl674lq3k] { font-size: 0.78rem; }

    /* Dual grid (Destekleyici/Yasal Temsilci) */
    .ev-dual-grid[b-4jl674lq3k] { grid-template-columns: 1fr; }
    .ev-info-col:first-child[b-4jl674lq3k] { border-right: none; border-bottom: 1px solid var(--t-card-border, #f1f5f9); }
    .ev-info-col-title[b-4jl674lq3k] { padding: 7px 12px; font-size: 0.7rem; }

    /* Tarih bar */
    .ev-tarih-bar[b-4jl674lq3k] { padding: 10px 12px; }
    .ev-tarih-row[b-4jl674lq3k] { flex-direction: column; align-items: stretch; gap: 8px; }
    .ev-tarih-label[b-4jl674lq3k] { font-size: 0.74rem; }
    .ev-tarih-group[b-4jl674lq3k] { margin-left: 0; width: 100%; }
    .ev-tarih-input[b-4jl674lq3k] { max-width: 100% !important; flex: 1; }
    .ev-tarih-sebep textarea[b-4jl674lq3k] { max-width: 100%; }

    /* Evrak işlemi butonları: tek kolon, tam genişlik */
    .ev-doc-items[b-4jl674lq3k] { grid-template-columns: 1fr !important; }
    .ev-doc-item[b-4jl674lq3k] { padding: 9px 10px; font-size: 0.72rem; }
    .ev-doc-no[b-4jl674lq3k] { width: 22px; height: 22px; font-size: 0.66rem; border-radius: 7px; }

    .ev-action-bar[b-4jl674lq3k] { flex-direction: column !important; gap: 8px !important; margin-bottom: 14px; width: 100% !important; }
    .ev-action-bar-grid[b-4jl674lq3k] { display: flex !important; flex-direction: column !important; gap: 8px !important; width: 100% !important; }
    .ev-action-btn[b-4jl674lq3k] {
        padding: 10px 12px !important; border-radius: 10px; font-size: 0.72rem;
        gap: 8px; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important;
    }
    .ev-action-icon[b-4jl674lq3k] { font-size: 1rem; }
    .ev-action-btn span[b-4jl674lq3k] { min-width: 0; overflow: hidden; }
    .ev-action-btn small[b-4jl674lq3k] { font-size: 0.6rem; word-break: break-word; white-space: normal; }

    /* Mail bar + tekrar gönder */
    .ev-mail-bar[b-4jl674lq3k] { flex-direction: column !important; gap: 8px !important; width: 100% !important; }
    .ev-mail-bar .ev-action-btn[b-4jl674lq3k] { width: 100% !important; }
    .ev-resend-btn[b-4jl674lq3k] {
        width: 100% !important; padding: 7px 12px !important; font-size: 0.7rem !important;
        text-align: center; box-sizing: border-box !important;
    }

    /* E-posta ekleri */
    .ev-mail-ekler[b-4jl674lq3k] { border-radius: 10px; width: 100% !important; box-sizing: border-box !important; }
    .ev-mail-ekler-header[b-4jl674lq3k] { padding: 7px 12px; }
    .ev-mail-ekler-list[b-4jl674lq3k] { padding: 8px 10px; gap: 4px; width: 100% !important; box-sizing: border-box !important; }
    .ev-mail-ek-chip[b-4jl674lq3k] { font-size: 0.64rem; padding: 3px 7px; white-space: normal; word-break: break-word; }
    .ev-mail-ekler-alert[b-4jl674lq3k] { padding: 7px 10px; font-size: 0.68rem; }

    /* Hint */
    .ev-hint[b-4jl674lq3k] { padding: 12px 12px; border-radius: 10px; font-size: 0.76rem; }
    .ev-hint-icon[b-4jl674lq3k] { font-size: 1.1rem; }

    /* Şirket seçimi */
    .ev-sirket-secim .ev-card-body[b-4jl674lq3k] { padding: 8px 12px; }
}

/* ═══ OVERLAY ═══ */
.ym-yetki-overlay[b-4jl674lq3k] {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.45); z-index: 1000;
}

/* ═══ ARŞİV POPUP ═══ */
.arsiv-popup[b-4jl674lq3k] {
    position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
    background: var(--t-card, white); border-radius: 20px; z-index: 1001;
    width: 95%; max-width: 960px; max-height: 90vh; overflow-y: auto;
    box-shadow: 0 25px 80px rgba(0,0,0,0.25);
    animation: evSlide-b-4jl674lq3k 0.3s ease;
}
.arsiv-header[b-4jl674lq3k] {
    padding: 24px 60px 14px 28px; display: flex; align-items: center; gap: 14px;
    border-bottom: 1.5px solid #f1f5f9;
}
.arsiv-header h3[b-4jl674lq3k] { margin: 0; font-size: 1.1rem; color: var(--t-text, #1e293b); flex: 1; }
.arsiv-count[b-4jl674lq3k] {
    font-size: 0.78rem; font-weight: 700; color: var(--t-text-muted, #64748b);
    background: #f1f5f9; padding: 4px 12px; border-radius: 6px;
}
.arsiv-search[b-4jl674lq3k] { padding: 14px 28px 0; }
.arsiv-search input[b-4jl674lq3k] {
    width: 100%; padding: 10px 16px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 10px;
    font-size: 0.88rem; outline: none; box-sizing: border-box;
}
.arsiv-search input:focus[b-4jl674lq3k] { border-color: #6366f1; }

.arsiv-table-wrap[b-4jl674lq3k] { padding: 14px 28px 24px; overflow-x: auto; }
.arsiv-table[b-4jl674lq3k] { font-size: 0.82rem; }
.arsiv-table th[b-4jl674lq3k] { font-size: 0.76rem; }

/* Detay görünümü */
.arsiv-detay[b-4jl674lq3k] { padding: 16px 28px 24px; }
.arsiv-detay-header[b-4jl674lq3k] {
    display: flex; align-items: center; gap: 10px; margin-bottom: 16px;
    padding-bottom: 12px; border-bottom: 1.5px solid #f1f5f9;
}
.arsiv-back[b-4jl674lq3k] {
    padding: 6px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 8px;
    background: var(--t-card, white); font-weight: 600; font-size: 0.82rem; cursor: pointer;
    color: var(--t-text-muted, #64748b); transition: all 0.2s;
}
.arsiv-back:hover[b-4jl674lq3k] { border-color: #6366f1; color: #6366f1; }

.arsiv-detay-grid[b-4jl674lq3k] {
    display: grid; grid-template-columns: 1fr 1fr; gap: 8px 20px;
}
.arsiv-detay-grid > div[b-4jl674lq3k] {
    display: flex; flex-direction: column; gap: 1px;
    padding: 6px 0; border-bottom: 1px solid #f8fafc;
}
.arsiv-lbl[b-4jl674lq3k] { font-size: 0.72rem; font-weight: 700; color: #94a3b8; text-transform: uppercase; }
.arsiv-val[b-4jl674lq3k] { font-size: 0.86rem; color: var(--t-text, #1e293b); font-weight: 500; }
.arsiv-val-bold[b-4jl674lq3k] { font-weight: 800; color: #6366f1; }

.arsiv-detay-section[b-4jl674lq3k] {
    margin-top: 14px; padding-top: 12px; border-top: 1.5px solid #f1f5f9;
}
.arsiv-section-title[b-4jl674lq3k] {
    font-size: 0.78rem; font-weight: 800; color: #475569; text-transform: uppercase;
    letter-spacing: 0.04em; margin-bottom: 8px;
}
.arsiv-not[b-4jl674lq3k] {
    font-size: 0.86rem; color: #475569; background: var(--t-hover, #f8fafc);
    padding: 10px 14px; border-radius: 8px; border: 1px solid var(--t-card-border, #e2e8f0);
}

@media (max-width: 600px) {
    .arsiv-popup[b-4jl674lq3k] { max-width: 98vw; }
    .arsiv-header[b-4jl674lq3k], .arsiv-search[b-4jl674lq3k], .arsiv-table-wrap[b-4jl674lq3k], .arsiv-detay[b-4jl674lq3k] { padding-left: 16px; padding-right: 16px; }
    .arsiv-detay-grid[b-4jl674lq3k] { grid-template-columns: 1fr; }
}

/* ═══ SEKMELER ═══ */
.igt-tabs[b-4jl674lq3k] {
    display: flex; gap: 4px; padding: 0 24px; background: var(--t-card, white);
    border-bottom: 2px solid #f1f5f9; flex-wrap: wrap;
}
.igt-tab[b-4jl674lq3k] {
    padding: 12px 22px; border: none; background: none; cursor: pointer;
    font-weight: 700; font-size: 0.88rem; color: #94a3b8;
    border-bottom: 3px solid transparent; transition: all 0.2s;
}
.igt-tab:hover[b-4jl674lq3k] { color: #6366f1; background: var(--t-hover, #f8fafc); }
.igt-tab.active[b-4jl674lq3k] { color: #6366f1; border-bottom-color: #6366f1; background: #eff6ff; }
@media (max-width: 768px) {
    .igt-tabs[b-4jl674lq3k] {
        display: flex; flex-wrap: wrap; gap: 8px;
        padding: 12px 14px 6px; border-bottom: none;
        background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    }
    .igt-tab[b-4jl674lq3k] {
        flex: 1 1 auto; min-width: 0;
        padding: 10px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0); background: var(--t-card, white);
        border-radius: 12px; font-size: 0.78rem; font-weight: 700;
        color: var(--t-text-muted, #64748b); text-align: center;
        display: flex; align-items: center; justify-content: center; gap: 5px;
        border-bottom: none;
        box-shadow: 0 1px 3px rgba(0,0,0,0.04);
        transition: all 0.2s;
    }
    .igt-tab:hover[b-4jl674lq3k] {
        color: #6366f1; border-color: #c7d2fe; background: #fafaff;
        box-shadow: 0 2px 6px rgba(99,102,241,0.08);
    }
    .igt-tab.active[b-4jl674lq3k] {
        color: white;
        background: linear-gradient(135deg, #6366f1, #818cf8);
        border-color: #6366f1;
        box-shadow: 0 3px 12px rgba(99,102,241,0.25);
    }
}

.yk-rapor-section[b-4jl674lq3k] { margin: 16px 12px; animation: ykFadeIn-b-4jl674lq3k 0.3s ease; }

/* ═══ SORGU & RAPOR KARTLARI ═══ */
.igt-sorgu-cards[b-4jl674lq3k], .igt-rapor-cards[b-4jl674lq3k] {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; margin-bottom: 20px;
}
.igt-sorgu-card[b-4jl674lq3k] {
    background: var(--t-card, white); border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 16px;
    padding: 22px; cursor: pointer; transition: all 0.3s;
}
.igt-sorgu-card:hover[b-4jl674lq3k] {
    border-color: #6366f1; transform: translateY(-3px); box-shadow: 0 8px 30px rgba(99,102,241,0.12);
}
.igt-sq-icon[b-4jl674lq3k] { font-size: 1.8rem; display: block; margin-bottom: 10px; }
.igt-sq-title[b-4jl674lq3k] { font-weight: 800; font-size: 0.95rem; color: var(--t-text, #1e293b); margin-bottom: 6px; }
.igt-sq-desc[b-4jl674lq3k] { font-size: 0.8rem; color: #94a3b8; line-height: 1.5; }
.igt-sorgu-result[b-4jl674lq3k] {
    background: var(--t-card, white); border-radius: 16px; box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    overflow: hidden;
}
.igt-sorgu-result h3[b-4jl674lq3k] {
    margin: 0; padding: 18px 24px; background: #fafbfc; border-bottom: 2px solid #f1f5f9;
    font-size: 1rem; font-weight: 700; color: var(--t-text, #1e293b);
}
.igt-rapor-card[b-4jl674lq3k] {
    background: var(--t-card, white); border: 1.5px solid var(--t-card-border, #e2e8f0); border-radius: 16px;
    padding: 22px; cursor: pointer; transition: all 0.3s;
}
.igt-rapor-card:hover[b-4jl674lq3k] {
    border-color: #16a34a; transform: translateY(-3px); box-shadow: 0 8px 30px rgba(22,163,106,0.12);
}
.igt-rp-icon[b-4jl674lq3k] { font-size: 1.8rem; display: block; margin-bottom: 10px; }
.igt-rp-title[b-4jl674lq3k] { font-weight: 800; font-size: 0.95rem; color: var(--t-text, #1e293b); margin-bottom: 6px; }
.igt-rp-desc[b-4jl674lq3k] { font-size: 0.8rem; color: #94a3b8; line-height: 1.5; }

@media (max-width: 768px) {
    .yk-form-toggle[b-4jl674lq3k] { margin: 12px 12px 0; }
    .yk-toggle-btn[b-4jl674lq3k] { flex: 1; text-align: center; padding: 10px 14px; font-size: 0.84rem; }
    .yk-evrak-btn[b-4jl674lq3k] { flex: 1; text-align: center; padding: 10px 14px; font-size: 0.82rem; margin-left: 0; }
    .yk-sonanim-btn[b-4jl674lq3k] { flex: 1 1 100%; text-align: center; padding: 10px 14px; font-size: 0.82rem; }
    .yk-tabs-bar[b-4jl674lq3k] { padding: 8px 10px; gap: 4px; }
    .yk-tabx[b-4jl674lq3k] { padding: 8px 12px; font-size: 0.76rem; }
    .yk-rapor-section[b-4jl674lq3k] { margin: 8px 12px; }
    .igt-rapor-filters[b-4jl674lq3k] { flex-direction: column; gap: 8px; }
    .igt-rapor-filters .igt-filter-group[b-4jl674lq3k] { min-width: 100%; flex: 1 1 100%; }
    .igt-rapor-cards[b-4jl674lq3k] { grid-template-columns: 1fr; }
    .igt-sorgu-cards[b-4jl674lq3k] { grid-template-columns: 1fr; }
}

/* ═══ EVRAK MOD SEÇİCİ ═══ */
.ev-mode-selector[b-4jl674lq3k] {
    display: flex; align-items: center; gap: 10px;
    padding: 10px 16px; margin-bottom: 12px;
    background: linear-gradient(135deg, #f8fafc, #f1f5f9);
    border: 1.5px solid #e2e8f0; border-radius: 12px;
}
.ev-mode-label[b-4jl674lq3k] {
    font-size: 0.78rem; font-weight: 700; color: #64748b;
    white-space: nowrap;
}
.ev-mode-btns[b-4jl674lq3k] {
    display: flex; gap: 4px; flex: 1;
}
.ev-mode-btn[b-4jl674lq3k] {
    flex: 1; padding: 7px 10px; border: 1.5px solid #e2e8f0;
    border-radius: 8px; background: white; cursor: pointer;
    font-size: 0.75rem; font-weight: 700; color: #64748b;
    transition: all 0.2s ease; text-align: center;
    white-space: nowrap;
}
.ev-mode-btn:hover[b-4jl674lq3k] {
    border-color: #c7d2fe; color: #4f46e5;
    background: #fafaff;
}
.ev-mode-btn.active[b-4jl674lq3k] {
    background: linear-gradient(135deg, #4f46e5, #6366f1);
    color: white; border-color: #4f46e5;
    box-shadow: 0 2px 8px rgba(79,70,229,0.25);
}

/* Tekrar Gönder butonu */
.ev-resend-btn[b-4jl674lq3k] {
    padding: 8px 16px; border: 1.5px solid #f59e0b; border-radius: 10px;
    background: linear-gradient(135deg, #fffbeb, #fef3c7); color: #b45309;
    font-weight: 700; font-size: 0.76rem; cursor: pointer; transition: all 0.2s;
    white-space: nowrap; align-self: center;
}
.ev-resend-btn:hover[b-4jl674lq3k] {
    background: linear-gradient(135deg, #fef3c7, #fde68a); border-color: #d97706;
    transform: translateY(-1px); box-shadow: 0 3px 10px rgba(245,158,11,0.2);
}
/* /Components/Pages/Yonetim/YonetimArama.razor.rz.scp.css */
/* ═══ ARAMA SAYFASI (YÖNETİM) ═══ */
.ar-page[b-x2ogf895xy] {
    min-height: 100vh;
    background: linear-gradient(135deg, #020617 0%, #0f172a 100%);
    color: #e2e8f0;
    font-family: inherit;
}

/* Arama sayfasındayken ana scroll container (parent .main-content) scrollbar'ı soluk olsun.
   Scoped CSS parent'a erişemez; bunun için ::deep ile üst katmana çıkıyoruz. */
[b-x2ogf895xy] .main-content:has(.ar-page) {
    scrollbar-width: thin !important;
    scrollbar-color: rgba(255,255,255,0.08) transparent !important;
}
[b-x2ogf895xy] .main-content:has(.ar-page)::-webkit-scrollbar { width: 4px !important; }
[b-x2ogf895xy] .main-content:has(.ar-page)::-webkit-scrollbar-track { background: transparent !important; }
[b-x2ogf895xy] .main-content:has(.ar-page)::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.08) !important; border-radius: 4px !important; transition: background 0.2s; }
[b-x2ogf895xy] .main-content:has(.ar-page):hover::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.18) !important; }

.ar-header[b-x2ogf895xy] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
    background: rgba(0,0,0,0.2);
    border-bottom: 1px solid rgba(255,255,255,0.06);
    position: sticky;
    top: 0;
    z-index: 100;
    backdrop-filter: blur(12px);
}

.ar-back[b-x2ogf895xy] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    border: 1.5px solid rgba(255,255,255,0.1);
    background: rgba(255,255,255,0.06);
    color: rgba(255,255,255,0.7);
    cursor: pointer;
    transition: all 0.2s;
    flex-shrink: 0;
}

.ar-back:hover[b-x2ogf895xy] {
    background: rgba(255,255,255,0.12);
    color: #fff;
    border-color: rgba(99,102,241,0.3);
}

.ar-back svg[b-x2ogf895xy] {
    width: 20px;
    height: 20px;
}

.ar-input-wrap[b-x2ogf895xy] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(255,255,255,0.08);
    border: 1.5px solid rgba(255,255,255,0.1);
    border-radius: 14px;
    padding: 10px 16px;
    transition: all 0.25s;
}

.ar-input-wrap:focus-within[b-x2ogf895xy] {
    background: rgba(255,255,255,0.12);
    border-color: rgba(99,102,241,0.4);
    box-shadow: 0 0 0 3px rgba(99,102,241,0.1);
}

.ar-input-icon[b-x2ogf895xy] {
    width: 20px;
    height: 20px;
    opacity: 0.5;
    flex-shrink: 0;
}

.ar-input[b-x2ogf895xy] {
    flex: 1;
    background: transparent !important;
    border: none !important;
    outline: none;
    color: #e2e8f0 !important;
    font-size: 1rem;
    font-family: inherit;
    -webkit-appearance: none;
    appearance: none;
    box-shadow: none !important;
    padding: 0;
    margin: 0;
}

.ar-input:focus[b-x2ogf895xy] {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
    background: transparent !important;
}

.ar-input[b-x2ogf895xy]::-webkit-search-decoration,
.ar-input[b-x2ogf895xy]::-webkit-search-cancel-button,
.ar-input[b-x2ogf895xy]::-webkit-search-results-button,
.ar-input[b-x2ogf895xy]::-webkit-search-results-decoration {
    -webkit-appearance: none;
    display: none;
}

.ar-input[b-x2ogf895xy]::placeholder {
    color: rgba(255,255,255,0.35);
}

.ar-clear[b-x2ogf895xy] {
    background: rgba(255,255,255,0.12);
    border: none;
    color: rgba(255,255,255,0.6);
    cursor: pointer;
    font-size: 0.75rem;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.2s;
}

.ar-clear:hover[b-x2ogf895xy] {
    background: rgba(255,255,255,0.2);
    color: #fff;
}

/* ═══ BODY ═══ */
.ar-body[b-x2ogf895xy] {
    max-width: 100%;
    margin: 0 auto;
    padding: 20px 16px 40px;
}

/* ═══ LOADING ═══ */
.ar-loading[b-x2ogf895xy] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 60px 20px;
    color: rgba(255,255,255,0.5);
    font-size: 0.9rem;
}

.ar-spinner[b-x2ogf895xy] {
    width: 22px;
    height: 22px;
    border: 2.5px solid rgba(255,255,255,0.1);
    border-top-color: #818cf8;
    border-radius: 50%;
    animation: arSpin-b-x2ogf895xy 0.6s linear infinite;
}

@keyframes arSpin-b-x2ogf895xy {
    to { transform: rotate(360deg); }
}

/* ═══ RESULTS HEADER ═══ */
.ar-results-header[b-x2ogf895xy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    flex-wrap: nowrap;
    gap: 12px;
}

.ar-results-count[b-x2ogf895xy] {
    font-size: 0.8rem;
    color: rgba(255,255,255,0.4);
}

.ar-filter-clear[b-x2ogf895xy] {
    background: rgba(239,68,68,0.15);
    border: 1px solid rgba(239,68,68,0.2);
    color: #fca5a5;
    font-size: 0.75rem;
    padding: 4px 10px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
}

.ar-filter-clear:hover[b-x2ogf895xy] {
    background: rgba(239,68,68,0.25);
}

/* ═══ CATEGORY PILLS ═══ */
.ar-categories[b-x2ogf895xy] {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 8px;
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255,255,255,0.06);
    -webkit-overflow-scrolling: touch;
}

.ar-cat-btn[b-x2ogf895xy] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,0.1);
    background: rgba(255,255,255,0.05);
    color: rgba(255,255,255,0.7);
    font-size: 0.8rem;
    cursor: pointer;
    transition: all 0.2s;
    flex-shrink: 0;
    white-space: nowrap;
}

.ar-cat-btn:hover[b-x2ogf895xy] {
    background: rgba(99,102,241,0.1);
    border-color: rgba(99,102,241,0.3);
}

.ar-cat-btn.active[b-x2ogf895xy] {
    background: rgba(99,102,241,0.2);
    border-color: rgba(99,102,241,0.4);
    color: #a5b4fc;
}

.ar-cat-count[b-x2ogf895xy] {
    background: rgba(255,255,255,0.08);
    padding: 1px 7px;
    border-radius: 10px;
    font-size: 0.7rem;
}

.ar-cat-btn.active .ar-cat-count[b-x2ogf895xy] {
    background: rgba(99,102,241,0.3);
}

/* ═══ RESULT ITEMS ═══ */
.ar-results[b-x2ogf895xy] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ar-item[b-x2ogf895xy] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,0.04);
    background: rgba(255,255,255,0.03);
    cursor: pointer;
    transition: all 0.2s;
}

.ar-item:hover[b-x2ogf895xy] {
    background: rgba(99,102,241,0.1);
    border-color: rgba(99,102,241,0.2);
    transform: translateX(4px);
}

.ar-item-icon[b-x2ogf895xy] {
    font-size: 1.4rem;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.05);
    border-radius: 12px;
    flex-shrink: 0;
}

.ar-item-content[b-x2ogf895xy] {
    flex: 1;
    min-width: 0;
}

.ar-item-cat[b-x2ogf895xy] {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: rgba(129,140,248,0.7);
    margin-bottom: 2px;
}

.ar-item-title[b-x2ogf895xy] {
    font-size: 0.9rem;
    font-weight: 600;
    color: rgba(255,255,255,0.9);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ar-item-detail[b-x2ogf895xy] {
    font-size: 0.78rem;
    color: rgba(255,255,255,0.4);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 2px;
}

.ar-item-match[b-x2ogf895xy] {
    font-size: 0.73rem;
    color: rgba(99,102,241,0.85);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 4px;
    padding: 3px 10px;
    background: rgba(99,102,241,0.08);
    border-radius: 8px;
    border-left: 2px solid rgba(99,102,241,0.35);
    display: flex;
    align-items: center;
    gap: 5px;
}

.ar-match-icon[b-x2ogf895xy] {
    width: 13px;
    height: 13px;
    flex-shrink: 0;
    opacity: 0.7;
}

.ar-item-arrow[b-x2ogf895xy] {
    width: 18px;
    height: 18px;
    opacity: 0.3;
    flex-shrink: 0;
    transition: opacity 0.2s;
}

.ar-item:hover .ar-item-arrow[b-x2ogf895xy] {
    opacity: 0.7;
}

[b-x2ogf895xy] .ar-hl {
    background: rgba(99,102,241,0.3);
    color: #c7d2fe;
    border-radius: 3px;
    padding: 0 2px;
}

/* ═══ EMPTY ═══ */
.ar-empty[b-x2ogf895xy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 80px 20px;
    text-align: center;
}

.ar-empty-icon[b-x2ogf895xy] {
    width: 48px;
    height: 48px;
    opacity: 0.25;
}

.ar-empty-text[b-x2ogf895xy] {
    font-size: 1rem;
    color: rgba(255,255,255,0.5);
}

.ar-empty-hint[b-x2ogf895xy] {
    font-size: 0.82rem;
    color: rgba(255,255,255,0.3);
}

/* ═══ WELCOME ═══ */
.ar-welcome[b-x2ogf895xy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 100px 20px;
    text-align: center;
}

.ar-welcome-icon[b-x2ogf895xy] {
    width: 56px;
    height: 56px;
    opacity: 0.15;
}

.ar-welcome-text[b-x2ogf895xy] {
    font-size: 1.1rem;
    color: rgba(255,255,255,0.45);
    font-weight: 500;
}

.ar-welcome-hint[b-x2ogf895xy] {
    font-size: 0.85rem;
    color: rgba(255,255,255,0.25);
}

/* ═══ MOBİL ═══ */
@media (max-width: 768px) {
    .ar-header[b-x2ogf895xy] {
        padding: 12px 12px;
        gap: 8px;
    }

    .ar-input-wrap[b-x2ogf895xy] {
        padding: 8px 12px;
    }

    .ar-input[b-x2ogf895xy] {
        font-size: 0.9rem;
    }

    .ar-body[b-x2ogf895xy] {
        padding: 16px 12px 32px;
    }

    .ar-item[b-x2ogf895xy] {
        padding: 12px;
        gap: 10px;
    }

    .ar-item-icon[b-x2ogf895xy] {
        width: 38px;
        height: 38px;
        font-size: 1.2rem;
    }
}
/* /Components/Pages/Yonetim/YonetimDashboard.razor.rz.scp.css */
.yonetim-wrapper[b-8wr1jc7r8g] {
    background: linear-gradient(135deg, var(--t-sidebar-head, #0f172a) 0%, var(--t-sidebar, #1e293b) 100%);
    min-height: var(--app-height, 100vh);
    font-family: inherit;
    color: var(--t-topbar-text, #f8fafc);
}

/* Compact loading */
.ym-load-compact[b-8wr1jc7r8g] {
    grid-column: 1 / -1; display: flex; flex-direction: column; align-items: center;
    animation: ymLoadIn-b-8wr1jc7r8g 0.3s ease;
}
@keyframes ymLoadIn-b-8wr1jc7r8g { from { opacity: 0; } to { opacity: 1; } }
@keyframes ym-spin-b-8wr1jc7r8g { to { transform: rotate(360deg); } }

.ym-load-top[b-8wr1jc7r8g] {
    display: flex; flex-direction: column; align-items: center; gap: 14px;
    padding: 36px 0 28px;
}
.ym-load-orb[b-8wr1jc7r8g] {
    width: 52px; height: 52px; position: relative;
    display: flex; align-items: center; justify-content: center;
}
.ym-load-ring[b-8wr1jc7r8g] {
    position: absolute; inset: 0; border-radius: 50%;
    border: 2.5px solid rgba(99,102,241,0.12);
    border-top-color: #818cf8;
    animation: ym-spin-b-8wr1jc7r8g 0.8s linear infinite;
}
.ym-load-letter[b-8wr1jc7r8g] {
    width: 60%; height: 60%; z-index: 1;
    fill: white;
    filter: drop-shadow(0 0 10px rgba(99,102,241,0.5));
}
.ym-load-text[b-8wr1jc7r8g] {
    color: #64748b; font-size: 0.82rem; font-weight: 500; letter-spacing: 0.02em;
}
.ym-load-text strong[b-8wr1jc7r8g] {
    background: linear-gradient(90deg, #818cf8, #c084fc);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.ym-load-bar[b-8wr1jc7r8g] {
    width: 180px; height: 2.5px; border-radius: 2px; background: rgba(255,255,255,0.06); overflow: hidden;
}
.ym-load-bar-fill[b-8wr1jc7r8g] {
    width: 40%; height: 100%; border-radius: 2px;
    background: linear-gradient(90deg, #6366f1, #a78bfa, #6366f1);
    animation: ymBarMove-b-8wr1jc7r8g 1s ease-in-out infinite;
}
@keyframes ymBarMove-b-8wr1jc7r8g { 0% { transform: translateX(-120%); } 100% { transform: translateX(350%); } }

/* Skeleton kartlar */
.ym-load-skeleton[b-8wr1jc7r8g] {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 20px; width: 100%; padding: 0 150px; box-sizing: border-box;
}
.ym-sk-card[b-8wr1jc7r8g] {
    background: rgba(255,255,255,0.025); border: 1.5px solid rgba(255,255,255,0.05);
    border-radius: 18px; padding: 28px 18px;
    display: flex; flex-direction: column; align-items: center; gap: 10px;
    min-height: 140px; position: relative; overflow: hidden;
}
.ym-sk-card[b-8wr1jc7r8g]::after {
    content: ''; position: absolute; inset: 0;
    background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.03) 50%, transparent 100%);
    animation: ymShimmer-b-8wr1jc7r8g 1.5s ease-in-out infinite;
}
@keyframes ymShimmer-b-8wr1jc7r8g { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }
.ym-sk-icon[b-8wr1jc7r8g] {
    width: 42px; height: 42px; border-radius: 12px;
    background: rgba(255,255,255,0.04); margin-bottom: 4px;
}
.ym-sk-line[b-8wr1jc7r8g] { height: 10px; border-radius: 6px; background: rgba(255,255,255,0.04); }
.ym-sk-line.w50[b-8wr1jc7r8g] { width: 50%; } .ym-sk-line.w60[b-8wr1jc7r8g] { width: 60%; }
.ym-sk-line.w70[b-8wr1jc7r8g] { width: 70%; } .ym-sk-line.w80[b-8wr1jc7r8g] { width: 80%; } .ym-sk-line.w90[b-8wr1jc7r8g] { width: 90%; }

@media (max-width: 1100px) { .ym-load-skeleton[b-8wr1jc7r8g] { grid-template-columns: repeat(3, 1fr); gap: 16px; padding: 0 24px; } }
@media (max-width: 800px) { .ym-load-skeleton[b-8wr1jc7r8g] { grid-template-columns: repeat(2, 1fr); gap: 14px; padding: 0 16px; } }
@media (max-width: 480px) {
    .ym-load-skeleton[b-8wr1jc7r8g] { grid-template-columns: 1fr; gap: 10px; padding: 0 12px; }
    .ym-sk-card[b-8wr1jc7r8g] { flex-direction: row; min-height: auto; padding: 16px; gap: 14px; }
    .ym-sk-icon[b-8wr1jc7r8g] { width: 36px; height: 36px; margin-bottom: 0; flex-shrink: 0; }
    .ym-sk-line[b-8wr1jc7r8g] { height: 8px; }
    .ym-load-top[b-8wr1jc7r8g] { padding: 24px 0 20px; }
    .ym-load-orb[b-8wr1jc7r8g] { width: 42px; height: 42px; }
    .ym-load-letter[b-8wr1jc7r8g] { width: 56%; height: 56%; }
    .ym-load-bar[b-8wr1jc7r8g] { width: 140px; }
}

.ym-header[b-8wr1jc7r8g] {
    background: color-mix(in srgb, var(--t-topbar-text, #fff) 5%, transparent);
    padding: 0 35px; display: flex; justify-content: space-between;
    align-items: center; border-bottom: 1px solid color-mix(in srgb, var(--t-topbar-text, #fff) 8%, transparent);
    flex-wrap: nowrap; gap: 14px; position: relative; z-index: 100;
    height: 56px; box-sizing: border-box;
}
.ym-header[b-8wr1jc7r8g]::before {
    content: ''; position: absolute; inset: 0;
    backdrop-filter: blur(10px); z-index: -1;
}
.ym-logo[b-8wr1jc7r8g] { display: flex; align-items: center; gap: 14px; min-width: 0; flex: 1 1 auto; }
.ym-logo-icon[b-8wr1jc7r8g] {
    width: 42px; height: 42px; border-radius: 12px; position: relative;
    background: linear-gradient(135deg, var(--t-sidebar, #1e3a5f) 0%, var(--t-accent, #2563eb) 50%, var(--t-sidebar-active, #3b82f6) 100%);
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 4px 20px color-mix(in srgb, var(--t-accent, #2563eb) 25%, transparent), 0 0 0 1px rgba(255,255,255,0.1) inset;
}
.ym-logo-pulse[b-8wr1jc7r8g] {
    position: absolute; inset: -3px; border-radius: 14px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--t-accent, #2563eb) 15%, transparent), color-mix(in srgb, var(--t-sidebar-active, #3b82f6) 10%, transparent));
    animation: ym-logo-glow-b-8wr1jc7r8g 3s ease-in-out infinite; z-index: 0;
}
@keyframes ym-logo-glow-b-8wr1jc7r8g {
    0%, 100% { opacity: 0.5; transform: scale(1); }
    50% { opacity: 0.9; transform: scale(1.06); }
}
.ym-logo-letter[b-8wr1jc7r8g] {
    width: 60%; height: 60%; z-index: 1;
    fill: white;
    filter: drop-shadow(0 2px 3px rgba(0,0,0,0.25));
}
.ym-logo-text[b-8wr1jc7r8g] { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1 1 auto; }
.ym-logo-title[b-8wr1jc7r8g] { display: flex; align-items: baseline; margin: 0; line-height: 1.1; }
.ym-logo-medi[b-8wr1jc7r8g] {
    font-size: 1.2rem; font-weight: 900; letter-spacing: 1.5px;
    background: linear-gradient(90deg, var(--t-topbar-text, #f1f5f9), #ffffff);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    background-clip: text;
}
.ym-logo-sist[b-8wr1jc7r8g] {
    font-size: 1.2rem; font-weight: 900; letter-spacing: 1.5px;
    background: linear-gradient(90deg, var(--t-accent, #3b82f6), var(--t-sidebar-active, #60a5fa));
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    background-clip: text;
}
.ym-sub[b-8wr1jc7r8g] {
    color: color-mix(in srgb, var(--t-topbar-text, #fff) 60%, transparent); font-size: 0.6rem; font-weight: 600;
    letter-spacing: 3.5px; text-transform: uppercase;
    display: flex; align-items: center; gap: 4px; min-width: 0; flex-wrap: nowrap;
}
.ym-sub .ym-sub-text[b-8wr1jc7r8g] {
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; flex: 0 1 auto;
}
.ym-sub .ver-sep[b-8wr1jc7r8g],
.ym-sub .ver-inline[b-8wr1jc7r8g],
.ym-sub .ver-new-dot[b-8wr1jc7r8g] { flex-shrink: 0; }
.ym-header-right[b-8wr1jc7r8g] { display: flex; align-items: center; gap: 8px; flex-wrap: nowrap; min-width: 0; flex-shrink: 0; }
.ym-user[b-8wr1jc7r8g] { color: color-mix(in srgb, var(--t-topbar-text, #fff) 60%, transparent); font-weight: 600; font-size: 0.9rem; }

/* Online Status — biraz daha soft yeşil */
.ym-online-status[b-8wr1jc7r8g] {
    background: rgba(34, 197, 94, 0.10); color: #86efac; padding: 0 14px; border-radius: 10px;
    font-size: 0.82rem; font-weight: 700; border: 1.5px solid rgba(34, 197, 94, 0.22);
    display: flex; align-items: center; gap: 6px; cursor: pointer;
    transition: all 0.2s; user-select: none; height: 40px; box-sizing: border-box;
    white-space: nowrap;
}
.ym-online-status:hover[b-8wr1jc7r8g] { background: rgba(34, 197, 94, 0.18); border-color: rgba(34, 197, 94, 0.35); }
.ym-online-dot[b-8wr1jc7r8g] { color: #86efac; font-size: 0.9rem; animation: ym-pulse-dot-b-8wr1jc7r8g 2s ease-in-out infinite; }
.ym-online-label[b-8wr1jc7r8g] { font-size: 0.8rem; color: #86efac; font-weight: 500; }
.ym-online-num[b-8wr1jc7r8g] { background: rgba(34, 197, 94, 0.25); color: #f0fdf4; padding: 2px 8px; border-radius: 6px; font-size: 0.75rem; line-height: 1; }
@keyframes ym-pulse-dot-b-8wr1jc7r8g { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }

/* Online Panel — bildirim merkezi ile aynı: yönetimde her iki temada da koyu */
.ym-online-overlay[b-8wr1jc7r8g] { position: fixed; inset: 0; background: rgba(0,0,0,0.4); z-index: 2000; }
.ym-online-panel[b-8wr1jc7r8g] {
    position: fixed; top: 80px; right: 30px; width: 380px; max-height: 500px;
    background: #1e293b; border: 1px solid rgba(255,255,255,0.12); border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.45), 0 0 0 1px rgba(255,255,255,0.05); z-index: 2001;
    display: flex; flex-direction: column; overflow: hidden;
    animation: ym-panel-slide-b-8wr1jc7r8g 0.25s ease;
    max-width: calc(100vw - 24px);
    color: #e2e8f0;
}
@keyframes ym-panel-slide-b-8wr1jc7r8g { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }
.ym-online-panel-header[b-8wr1jc7r8g] {
    background: rgba(255,255,255,0.04); color: #f1f5f9; padding: 14px 18px;
    display: flex; justify-content: space-between; align-items: center;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}
.ym-online-panel-header h3[b-8wr1jc7r8g] {
    margin: 0; font-size: 0.95rem; font-weight: 700;
    display: flex; align-items: center; gap: 8px;
}
.ym-close-btn[b-8wr1jc7r8g] {
    background: rgba(255,255,255,0.08); border: none; color: #e2e8f0;
    width: 28px; height: 28px; border-radius: 8px; cursor: pointer;
    font-size: 0.9rem; display: flex; align-items: center; justify-content: center;
    transition: background 0.15s;
}
.ym-close-btn:hover[b-8wr1jc7r8g] { background: rgba(255,255,255,0.16); }
.ym-online-panel-body[b-8wr1jc7r8g] { overflow-y: auto; padding: 6px 0 10px; max-height: 400px; background: #1e293b; scrollbar-width: thin; scrollbar-color: rgba(255,255,255,0.08) transparent; }
.ym-online-panel-body[b-8wr1jc7r8g]::-webkit-scrollbar { width: 4px; }
.ym-online-panel-body[b-8wr1jc7r8g]::-webkit-scrollbar-track { background: transparent; }
.ym-online-panel-body[b-8wr1jc7r8g]::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.08); border-radius: 4px; transition: background 0.2s; }
.ym-online-panel-body:hover[b-8wr1jc7r8g]::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.18); }

.ym-online-search[b-8wr1jc7r8g] {
    padding: 10px 16px; border-bottom: 1px solid rgba(255,255,255,0.06); background: #1e293b;
    position: relative;
}
.ym-online-search input[b-8wr1jc7r8g] {
    width: 100%; padding: 8px 12px 8px 36px; border: 1.5px solid rgba(255,255,255,0.12) !important; border-radius: 8px;
    font-size: 0.85rem; outline: none; box-sizing: border-box; background: rgba(255,255,255,0.06) !important;
    color: #e2e8f0 !important; transition: border-color 0.2s, background 0.2s;
}
.ym-online-search input:focus[b-8wr1jc7r8g] { border-color: #6366f1 !important; background: rgba(255,255,255,0.10) !important; }
.ym-online-search input[b-8wr1jc7r8g]::placeholder { color: #94a3b8; }
.ym-online-search input[b-8wr1jc7r8g]::-webkit-search-decoration,
.ym-online-search input[b-8wr1jc7r8g]::-webkit-search-cancel-button,
.ym-online-search input[b-8wr1jc7r8g]::-webkit-search-results-button,
.ym-online-search input[b-8wr1jc7r8g]::-webkit-search-results-decoration { -webkit-appearance: none; appearance: none; display: none; }
.ym-online-search-icon[b-8wr1jc7r8g] {
    position: absolute;
    left: 26px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    pointer-events: none;
    color: #94a3b8;
    filter: drop-shadow(0 1px 1.5px rgba(0,0,0,0.25));
}
.ym-online-search-icon svg[b-8wr1jc7r8g] { width: 16px; height: 16px; }

.ym-online-user-row[b-8wr1jc7r8g] {
    display: flex; align-items: center; gap: 10px; padding: 10px 18px;
    transition: background 0.15s;
}
.ym-online-user-row:hover[b-8wr1jc7r8g] { background: rgba(255,255,255,0.04); }
.ym-online-avatar-wrap[b-8wr1jc7r8g] {
    position: relative;
    width: 40px; height: 40px; min-width: 40px;
}
.ym-online-avatar-img[b-8wr1jc7r8g] {
    width: 40px; height: 40px; border-radius: 50%;
    object-fit: cover; border: 2px solid rgba(255,255,255,0.15);
}
.ym-online-avatar[b-8wr1jc7r8g] {
    width: 40px; height: 40px; min-width: 40px; border-radius: 50%;
    background: linear-gradient(135deg, #334155, #475569); color: #f1f5f9;
    display: flex; align-items: center; justify-content: center;
    font-weight: 700; font-size: 0.75rem; text-transform: uppercase;
}
.ym-online-dot-sm[b-8wr1jc7r8g] {
    position: absolute; bottom: 0; right: 0;
    width: 12px; height: 12px; border-radius: 50%;
    background: #22c55e; border: 2px solid #1e293b;
}
/* Müsaitlik durumu — nokta rengi */
.ym-online-dot-sm.ku-presence-musait[b-8wr1jc7r8g]        { background: #22c55e; }
.ym-online-dot-sm.ku-presence-mesgul[b-8wr1jc7r8g]        { background: #f59e0b; }
.ym-online-dot-sm.ku-presence-rahatsiz_etme[b-8wr1jc7r8g] { background: #ef4444; }
.ym-online-dot-sm.ku-presence-gorunmez[b-8wr1jc7r8g]      { background: #94a3b8; }

.ym-online-info[b-8wr1jc7r8g] { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
.ym-online-name[b-8wr1jc7r8g] {
    font-weight: 600; color: #f1f5f9; font-size: 0.88rem;
    display: inline-flex; align-items: center; gap: 6px; flex-wrap: wrap;
}
.ym-online-birim[b-8wr1jc7r8g] { color: #94a3b8; font-size: 0.75rem; font-weight: 500; overflow: hidden; text-overflow: ellipsis; }
.ym-online-empty[b-8wr1jc7r8g] { padding: 30px 20px; text-align: center; color: #94a3b8; font-size: 0.85rem; }

/* Presence rozeti — ad yanında küçük etiket */
.ym-online-presence-rozet[b-8wr1jc7r8g] {
    font-size: 0.65rem; font-weight: 700; padding: 2px 7px; border-radius: 6px;
    display: inline-flex; align-items: center; gap: 3px; letter-spacing: 0.2px;
    text-transform: uppercase;
}
.ym-online-presence-rozet-mesgul[b-8wr1jc7r8g]        { background: rgba(245,158,11,0.15); color: #fbbf24; border: 1px solid rgba(245,158,11,0.3); }
.ym-online-presence-rozet-rahatsiz_etme[b-8wr1jc7r8g] { background: rgba(239,68,68,0.15);  color: #fca5a5; border: 1px solid rgba(239,68,68,0.3); }
.ym-online-presence-rozet-gorunmez[b-8wr1jc7r8g]      { background: rgba(148,163,184,0.15); color: #cbd5e1; border: 1px solid rgba(148,163,184,0.3); }

/* Presence mesajı */
.ym-online-presence-msg[b-8wr1jc7r8g] {
    color: #cbd5e1; font-size: 0.72rem; font-style: italic;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    display: inline-block; max-width: 100%;
}

/* Satır arka planı — durum vurgusu (çok hafif) */
.ym-online-user-row.ym-online-pres-rahatsiz_etme[b-8wr1jc7r8g] { background: rgba(239,68,68,0.05); }
.ym-online-user-row.ym-online-pres-mesgul[b-8wr1jc7r8g]        { background: rgba(245,158,11,0.05); }
.ym-online-user-row.ym-online-pres-rahatsiz_etme:hover[b-8wr1jc7r8g] { background: rgba(239,68,68,0.1); }
.ym-online-user-row.ym-online-pres-mesgul:hover[b-8wr1jc7r8g]        { background: rgba(245,158,11,0.1); }

.ym-msg-quick-btn[b-8wr1jc7r8g] {
    width: 34px; height: 34px; border-radius: 8px; border: 1.5px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.06); cursor: pointer; font-size: 0.9rem;
    display: flex; align-items: center; justify-content: center;
    transition: all 0.2s; flex-shrink: 0; color: #e2e8f0;
}
.ym-msg-quick-btn:hover[b-8wr1jc7r8g] { background: rgba(99,102,241,0.3); border-color: #6366f1; transform: scale(1.1); }

/* ═══ YÖNETİM QUICK MSG POPUP ═══ */
.ym-quick-msg-panel[b-8wr1jc7r8g] {
    position: fixed; inset: 0; margin: auto;
    width: 440px; height: fit-content; background: var(--t-card, #1e293b); border: 1px solid var(--t-card-border, rgba(255,255,255,0.1));
    border-radius: 20px; box-shadow: 0 25px 80px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.05);
    z-index: 2001; overflow: hidden; animation: ymQmSlideUp-b-8wr1jc7r8g 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@keyframes ymQmSlideUp-b-8wr1jc7r8g { from { opacity: 0; transform: translateY(20px) scale(0.97); } to { opacity: 1; transform: translateY(0) scale(1); } }
.ym-qm-header[b-8wr1jc7r8g] {
    background: linear-gradient(135deg, #6366f1, #8b5cf6);
    color: white; padding: 18px 22px; display: flex; justify-content: space-between; align-items: center;
}
.ym-qm-header-info[b-8wr1jc7r8g] { display: flex; align-items: center; gap: 12px; }
.ym-qm-header-icon[b-8wr1jc7r8g] { font-size: 1.5rem; }
.ym-qm-header-text[b-8wr1jc7r8g] { display: flex; flex-direction: column; gap: 2px; }
.ym-qm-header-title[b-8wr1jc7r8g] { font-size: 0.78rem; opacity: 0.85; font-weight: 500; }
.ym-qm-header-to[b-8wr1jc7r8g] { font-size: 1.05rem; font-weight: 700; }
.ym-qm-body[b-8wr1jc7r8g] { padding: 22px; display: flex; flex-direction: column; gap: 4px; }
.ym-qm-field[b-8wr1jc7r8g] { display: flex; flex-direction: column; gap: 6px; }
.ym-qm-label[b-8wr1jc7r8g] { font-size: 0.8rem; font-weight: 600; color: var(--t-text-muted, #94a3b8); }
.ym-qm-input[b-8wr1jc7r8g] {
    width: 100%; padding: 11px 14px; border: 1.5px solid var(--t-input-border, rgba(255,255,255,0.1)); border-radius: 10px;
    font-size: 0.88rem; outline: none; transition: all 0.2s; box-sizing: border-box;
    background: var(--t-input-bg, rgba(255,255,255,0.06)); color: var(--t-text, #e2e8f0);
}
.ym-qm-input:focus[b-8wr1jc7r8g] { border-color: var(--t-accent, #6366f1); box-shadow: 0 0 0 3px color-mix(in srgb, var(--t-accent, #6366f1) 15%, transparent); background: var(--t-input-bg, rgba(255,255,255,0.1)); }
.ym-qm-input[b-8wr1jc7r8g]::placeholder { color: var(--t-text-muted, #64748b); }
.ym-qm-textarea[b-8wr1jc7r8g] { resize: vertical; min-height: 90px; font-family: inherit; }
.ym-qm-send[b-8wr1jc7r8g] {
    width: 100%; padding: 12px; border-radius: 10px; border: none; font-weight: 700; font-size: 0.9rem;
    background: linear-gradient(135deg, #6366f1, #8b5cf6); color: white; cursor: pointer;
    transition: all 0.2s; margin-top: 6px;
}
.ym-qm-send:hover[b-8wr1jc7r8g] { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(99,102,241,0.4); }
.ym-qm-send:active[b-8wr1jc7r8g] { transform: translateY(0); }
.ym-qm-msg[b-8wr1jc7r8g] { padding: 10px 14px; border-radius: 10px; font-weight: 600; font-size: 0.85rem; margin-top: 4px; }
.ym-qm-msg.success[b-8wr1jc7r8g] { background: rgba(22,163,74,0.15); color: #4ade80; border: 1px solid rgba(34,197,94,0.2); }
.ym-qm-msg.error[b-8wr1jc7r8g] { background: rgba(220,38,38,0.15); color: #f87171; border: 1px solid rgba(239,68,68,0.2); }

/* User Menu Dropdown stilleri — YonetimTopbarUserMenu alt bileşeninde render olduğundan
   global olarak app.css içinde tanımlıdır (scoped CSS alt bileşen DOM'una erişemez). */

.ym-btn[b-8wr1jc7r8g] {
    padding: 8px 18px; border-radius: 10px; border: 1.5px solid color-mix(in srgb, var(--t-topbar-text, #fff) 15%, transparent);
    background: color-mix(in srgb, var(--t-topbar-text, #fff) 6%, transparent); color: var(--t-topbar-text, #e2e8f0); font-weight: 600;
    font-size: 0.85rem; cursor: pointer; transition: all 0.2s;
}
.ym-btn:hover[b-8wr1jc7r8g] { background: color-mix(in srgb, var(--t-topbar-text, #fff) 12%, transparent); border-color: color-mix(in srgb, var(--t-topbar-text, #fff) 30%, transparent); }
.ym-exit:hover[b-8wr1jc7r8g] { border-color: #ef4444; color: #fca5a5; }

.ym-menu-container[b-8wr1jc7r8g] {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 20px; padding: 40px 150px;
}

.ym-card[b-8wr1jc7r8g] {
    background: color-mix(in srgb, var(--t-topbar-text, #fff) 4%, transparent);
    border: 1.5px solid color-mix(in srgb, var(--t-topbar-text, #fff) 8%, transparent);
    border-radius: 18px; padding: 28px 18px; text-align: center;
    cursor: pointer; transition: all 0.3s; position: relative;
    display: flex; flex-direction: column; align-items: center; justify-content: flex-start;
    min-height: 140px;
}
.ym-card:hover:not(.disabled)[b-8wr1jc7r8g] {
    background: color-mix(in srgb, var(--t-topbar-text, #fff) 8%, transparent);
    border-color: var(--t-accent, #a855f7);
    transform: translateY(-4px); box-shadow: 0 12px 40px color-mix(in srgb, var(--t-accent, #a855f7) 15%, transparent);
}
.ym-card.disabled[b-8wr1jc7r8g] {
    opacity: 0.45; cursor: not-allowed;
}
.ym-icon[b-8wr1jc7r8g] {
    font-size: 1.7rem; margin-bottom: 10px;
    display: flex; align-items: center; justify-content: center;
    width: 68px; height: 68px;
    transition: transform 0.35s cubic-bezier(0.4,0,0.2,1), filter 0.3s ease;
}
.ym-icon svg.ms-icon[b-8wr1jc7r8g],
.ym-icon[b-8wr1jc7r8g]  svg.ms-icon {
    width: 50px !important; height: 50px !important; display: block;
    filter: drop-shadow(0 2px 4px rgba(15,23,42,0.18));
}
.ym-card:hover:not(.disabled) .ym-icon[b-8wr1jc7r8g] { transform: scale(1.08) rotate(-3deg); }
.ym-card:hover:not(.disabled) .ym-icon svg.ms-icon[b-8wr1jc7r8g],
.ym-card:hover:not(.disabled) .ym-icon[b-8wr1jc7r8g]  svg.ms-icon { filter: drop-shadow(0 5px 9px rgba(15,23,42,0.25)); }
.ym-label[b-8wr1jc7r8g] { font-weight: 800; font-size: 0.95rem; color: var(--t-topbar-text, #f1f5f9); margin-bottom: 6px; line-height: 1.3; }
.ym-desc[b-8wr1jc7r8g] { font-size: 0.78rem; color: color-mix(in srgb, var(--t-topbar-text, #fff) 60%, transparent); line-height: 1.4; }
.ym-soon[b-8wr1jc7r8g] {
    position: absolute; top: 12px; right: 12px;
    background: color-mix(in srgb, var(--t-accent, #a855f7) 20%, transparent);
    color: color-mix(in srgb, var(--t-accent, #c084fc) 80%, #fff); font-size: 0.7rem;
    padding: 3px 10px; border-radius: 8px; font-weight: 700;
}
.ym-notif-badge[b-8wr1jc7r8g] {
    position: absolute; top: 10px; right: 10px;
    background: #ef4444; color: white; font-size: 0.75rem;
    padding: 2px 9px; border-radius: 10px; font-weight: 800;
    animation: pulse-badge-b-8wr1jc7r8g 2s infinite;
    box-shadow: 0 2px 8px rgba(239,68,68,0.4);
}
.ym-notif-badge.ym-notif-warn[b-8wr1jc7r8g] {
    background: #f59e0b; color: #1e293b;
    box-shadow: 0 2px 8px rgba(245,158,11,0.4);
}
.ym-notif-badge.ym-notif-danger[b-8wr1jc7r8g] {
    background: #dc2626; color: white;
    box-shadow: 0 2px 8px rgba(220,38,38,0.5);
    top: 10px;
}
.ym-notif-badge.ym-notif-warn + .ym-notif-badge.ym-notif-danger[b-8wr1jc7r8g],
.ym-notif-badge.ym-notif-danger + .ym-notif-badge.ym-notif-warn[b-8wr1jc7r8g] {
    top: 34px;
}
@keyframes pulse-badge-b-8wr1jc7r8g {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}

/* ═══ ALT BÖLÜM GRİD ═══ */
/* Sabit 4 kolon — asimetrik 3+1 kırılmasın. Dar ekranlar için override aşağıdaki media query'lerde. */
.ym-bottom-grid[b-8wr1jc7r8g] {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;
    max-width: 1400px; margin: 0 auto; padding: 0 36px 24px;
}

.ym-info-panel[b-8wr1jc7r8g] {
    background: color-mix(in srgb, var(--t-topbar-text, #fff) 6%, transparent);
    border: 1px solid color-mix(in srgb, var(--t-topbar-text, #fff) 10%, transparent);
    border-radius: 16px; overflow: hidden; display: flex; flex-direction: column;
}
.ym-info-header[b-8wr1jc7r8g] {
    display: flex; align-items: center; gap: 10px; padding: 14px 18px;
    font-size: 0.85rem; font-weight: 700; color: var(--t-topbar-text, #e2e8f0);
}
.ym-info-header.green[b-8wr1jc7r8g] { background: rgba(22,163,106,0.15); border-bottom: 2px solid rgba(22,163,106,0.3); }
.ym-info-header.red[b-8wr1jc7r8g] { background: rgba(239,68,68,0.15); border-bottom: 2px solid rgba(239,68,68,0.3); }
.ym-info-header.blue[b-8wr1jc7r8g] { background: rgba(59,130,246,0.15); border-bottom: 2px solid rgba(59,130,246,0.3); }
.ym-info-header.purple[b-8wr1jc7r8g] { background: rgba(168,85,247,0.12); border-bottom: 2px solid rgba(168,85,247,0.25); }
.ym-info-header h4[b-8wr1jc7r8g] { margin: 0; flex: 1; font-size: 0.85rem; }
.ym-info-header span:first-child[b-8wr1jc7r8g] { font-size: 1.2rem; }
.ym-info-header .ym-info-icon[b-8wr1jc7r8g] {
    display: inline-flex; align-items: center; justify-content: center;
    width: 26px; height: 26px; flex-shrink: 0;
    filter: drop-shadow(0 1px 2px rgba(15,23,42,0.3));
}
.ym-info-header .ym-info-icon svg.ms-icon[b-8wr1jc7r8g] { width: 24px; height: 24px; display: block; }
.ym-info-count[b-8wr1jc7r8g] {
    background: color-mix(in srgb, var(--t-topbar-text, #fff) 12%, transparent); padding: 2px 10px; border-radius: 8px;
    font-size: 0.78rem; font-weight: 800;
}
.ym-info-list[b-8wr1jc7r8g] { padding: 8px 0; flex: 1; overflow-y: auto; max-height: 240px; scrollbar-width: thin; scrollbar-color: rgba(255,255,255,0.08) transparent; }
.ym-info-list[b-8wr1jc7r8g]::-webkit-scrollbar { width: 4px; }
.ym-info-list[b-8wr1jc7r8g]::-webkit-scrollbar-track { background: transparent; }
.ym-info-list[b-8wr1jc7r8g]::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.08); border-radius: 4px; transition: background 0.2s; }
.ym-info-list:hover[b-8wr1jc7r8g]::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.18); }
.ym-info-row[b-8wr1jc7r8g] {
    display: flex; justify-content: space-between; align-items: center;
    padding: 8px 18px; border-bottom: 1px solid color-mix(in srgb, var(--t-topbar-text, #fff) 5%, transparent);
}
.ym-info-row:last-child[b-8wr1jc7r8g] { border-bottom: none; }
.ym-info-name[b-8wr1jc7r8g] { color: var(--t-topbar-text, #e2e8f0); font-weight: 600; font-size: 0.85rem; }
.ym-info-detail[b-8wr1jc7r8g] { color: color-mix(in srgb, var(--t-topbar-text, #fff) 60%, transparent); font-size: 0.78rem; font-weight: 500; }
.ym-info-empty[b-8wr1jc7r8g] { padding: 20px 18px; color: var(--t-text-muted, #64748b); font-size: 0.85rem; text-align: center; }

/* BİRİM DAĞILIMI */
.ym-birim-grid[b-8wr1jc7r8g] {
    display: flex; flex-direction: column; gap: 6px; padding: 12px 14px;
    flex: 1; overflow-y: auto; max-height: 240px;
    scrollbar-width: thin; scrollbar-color: rgba(255,255,255,0.08) transparent;
}
.ym-birim-grid[b-8wr1jc7r8g]::-webkit-scrollbar { width: 4px; }
.ym-birim-grid[b-8wr1jc7r8g]::-webkit-scrollbar-track { background: transparent; }
.ym-birim-grid[b-8wr1jc7r8g]::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.08); border-radius: 4px; transition: background 0.2s; }
.ym-birim-grid:hover[b-8wr1jc7r8g]::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.18); }
.ym-birim-card[b-8wr1jc7r8g] {
    display: flex; align-items: center; gap: 10px;
    background: color-mix(in srgb, var(--t-topbar-text, #fff) 4%, transparent);
    border: 1px solid color-mix(in srgb, var(--t-topbar-text, #fff) 8%, transparent);
    border-radius: 10px; padding: 8px 12px; transition: all 0.2s;
}
.ym-birim-card:hover[b-8wr1jc7r8g] { background: color-mix(in srgb, var(--t-accent, #a855f7) 10%, transparent); border-color: color-mix(in srgb, var(--t-accent, #a855f7) 30%, transparent); }
.ym-birim-sayi[b-8wr1jc7r8g] {
    font-size: 1rem; font-weight: 800; color: var(--t-accent, #a855f7);
    min-width: 28px; text-align: center;
    background: color-mix(in srgb, var(--t-accent, #a855f7) 10%, transparent); padding: 3px 7px; border-radius: 6px;
}
.ym-birim-ad[b-8wr1jc7r8g] { color: color-mix(in srgb, var(--t-topbar-text, #fff) 78%, transparent); font-size: 0.82rem; font-weight: 600; }

@media (max-width: 1100px) {
    .ym-menu-container[b-8wr1jc7r8g] { grid-template-columns: repeat(3, 1fr); gap: 16px; padding: 30px 24px; }
    .ym-bottom-grid[b-8wr1jc7r8g] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 900px) {
    .ym-header[b-8wr1jc7r8g] { padding: 0 20px; }
}

@media (max-width: 800px) {
    .ym-menu-container[b-8wr1jc7r8g] { grid-template-columns: repeat(2, 1fr); gap: 14px; padding: 24px 16px; }
    .ym-bottom-grid[b-8wr1jc7r8g] { grid-template-columns: 1fr; padding: 0 16px 20px; max-width: none; }
}

@media (max-width: 900px) {
    .ym-online-label[b-8wr1jc7r8g] { display: none; }
    .ym-online-status[b-8wr1jc7r8g] { padding: 0 10px; gap: 5px; font-size: 0.78rem; }
}

@media (max-width: 768px) {
    .ym-user-btn .ku-user-stack[b-8wr1jc7r8g] { display: none; }
    .ym-user-btn .topbar-user-chevron-wrap[b-8wr1jc7r8g] { display: none; }
}

@media (max-width: 600px) {
    .ym-header[b-8wr1jc7r8g] { padding: 0 12px; gap: 8px; }
    .ym-logo[b-8wr1jc7r8g] { gap: 8px; }
    .ym-logo-icon[b-8wr1jc7r8g] { width: 34px; height: 34px; border-radius: 9px; flex-shrink: 0; }
    .ym-logo-letter[b-8wr1jc7r8g] { width: 58%; height: 58%; }
    .ym-logo-pulse[b-8wr1jc7r8g] { inset: -2px; border-radius: 11px; }
    .ym-logo-medi[b-8wr1jc7r8g], .ym-logo-sist[b-8wr1jc7r8g] { font-size: 0.95rem; letter-spacing: 1px; }
    .ym-sub[b-8wr1jc7r8g] { font-size: 0.5rem; letter-spacing: 2.5px; }
    .ym-header-right[b-8wr1jc7r8g] { gap: 4px; }
    .ym-online-status[b-8wr1jc7r8g] { height: 34px; font-size: 0.72rem; padding: 0 8px; gap: 4px; border-radius: 8px; margin-right: 0; }
    .ym-online-label[b-8wr1jc7r8g] { display: none; }
    .ym-online-num[b-8wr1jc7r8g] { font-size: 0.68rem; padding: 1px 5px; }
    .ym-user-btn[b-8wr1jc7r8g] { height: 34px; min-height: 34px; max-height: 34px; font-size: 0.78rem; padding: 0 10px; border-radius: 8px; white-space: nowrap; }
    .ym-user-btn .ku-user-stack[b-8wr1jc7r8g] { display: none; }
    .ym-user-btn .topbar-user-chevron-wrap[b-8wr1jc7r8g] { display: none; }
    .ym-header-right :deep(.notif-btn)[b-8wr1jc7r8g] { width: 34px; height: 34px; font-size: 0.95rem; border-radius: 8px; }
    .ym-online-panel[b-8wr1jc7r8g] { top: 60px; right: 12px; left: 12px; width: auto; max-height: calc(var(--app-height, 100vh) - 80px); }
    .ym-quick-msg-panel[b-8wr1jc7r8g] { width: calc(100% - 24px); max-width: 440px; }
    .ym-user-dropdown[b-8wr1jc7r8g] { right: 0; min-width: 200px; }
}

@media (max-width: 480px) {
    .ym-menu-container[b-8wr1jc7r8g] { grid-template-columns: 1fr; gap: 12px; padding: 20px 12px; }
    .ym-card[b-8wr1jc7r8g] { flex-direction: row; min-height: auto; padding: 16px; gap: 14px; text-align: left; }
    .ym-icon[b-8wr1jc7r8g] { font-size: 1.7rem; margin-bottom: 0; flex-shrink: 0; width: 50px; height: 50px; }
    .ym-icon svg.ms-icon[b-8wr1jc7r8g],
    .ym-icon[b-8wr1jc7r8g]  svg.ms-icon { width: 42px !important; height: 42px !important; }
    .ym-label[b-8wr1jc7r8g] { font-size: 0.9rem; margin-bottom: 2px; }
    .ym-desc[b-8wr1jc7r8g] { font-size: 0.75rem; }
    .ym-soon[b-8wr1jc7r8g] { top: 8px; right: 8px; font-size: 0.65rem; }
    .ym-notif-badge[b-8wr1jc7r8g] { top: 6px; right: 6px; font-size: 0.68rem; }
    .ym-btn:not(.ym-exit)[b-8wr1jc7r8g] { display: none !important; }
}

/* ═══ YETKİ YOK MESAJI ═══ */
.ym-no-access[b-8wr1jc7r8g] {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    padding: 60px 30px; text-align: center; grid-column: 1 / -1;
}
.ym-no-access-icon[b-8wr1jc7r8g] { font-size: 3.5rem; margin-bottom: 16px; opacity: 0.7; }
.ym-no-access-title[b-8wr1jc7r8g] {
    font-size: 1.3rem; font-weight: 700; color: var(--t-topbar-text, #f1f5f9); margin-bottom: 10px;
}
.ym-no-access-desc[b-8wr1jc7r8g] {
    font-size: 0.88rem; color: color-mix(in srgb, var(--t-topbar-text, #fff) 60%, transparent); max-width: 420px; line-height: 1.6;
}

/* ═══ YÜKLENME ANİMASYONU ═══ */
.ym-loading-screen[b-8wr1jc7r8g] {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    padding: 60px 20px 40px; grid-column: 1 / -1;
    animation: ymLoadFadeIn-b-8wr1jc7r8g 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}
@keyframes ymLoadFadeIn-b-8wr1jc7r8g { from { opacity: 0; transform: translateY(24px) scale(0.96); } to { opacity: 1; transform: translateY(0) scale(1); } }

/* ── ORB (çok katmanlı logo) ── */
.ym-loading-orb[b-8wr1jc7r8g] {
    width: 120px; height: 120px; position: relative;
    display: flex; align-items: center; justify-content: center;
    margin-bottom: 32px;
}
.ym-orb-ring[b-8wr1jc7r8g] {
    position: absolute; border-radius: 50%; border: 2px solid transparent;
}
.ym-orb-ring-1[b-8wr1jc7r8g] {
    inset: 0;
    border-top-color: #6366f1; border-right-color: rgba(99,102,241,0.3);
    animation: ymOrbSpin-b-8wr1jc7r8g 1.6s linear infinite;
}
.ym-orb-ring-2[b-8wr1jc7r8g] {
    inset: 10px;
    border-bottom-color: #a78bfa; border-left-color: rgba(167,139,250,0.3);
    animation: ymOrbSpin-b-8wr1jc7r8g 2.4s linear infinite reverse;
}
.ym-orb-ring-3[b-8wr1jc7r8g] {
    inset: 20px;
    border-top-color: #60a5fa; border-right-color: rgba(96,165,250,0.2);
    animation: ymOrbSpin-b-8wr1jc7r8g 3.2s linear infinite;
}
@keyframes ymOrbSpin-b-8wr1jc7r8g { to { transform: rotate(360deg); } }

/* orbiting parçacıklar */
.ym-orb-particle[b-8wr1jc7r8g] {
    position: absolute; width: 6px; height: 6px; border-radius: 50%;
}
.ym-p1[b-8wr1jc7r8g] { background: #818cf8; top: 0; left: 50%; transform: translateX(-50%); animation: ymParticleOrbit-b-8wr1jc7r8g 2.4s linear infinite; }
.ym-p2[b-8wr1jc7r8g] { background: #c084fc; top: 50%; right: 0; transform: translateY(-50%); animation: ymParticleOrbit-b-8wr1jc7r8g 2.4s linear 0.6s infinite; }
.ym-p3[b-8wr1jc7r8g] { background: #38bdf8; bottom: 0; left: 50%; transform: translateX(-50%); animation: ymParticleOrbit-b-8wr1jc7r8g 2.4s linear 1.2s infinite; }
.ym-p4[b-8wr1jc7r8g] { background: #34d399; top: 50%; left: 0; transform: translateY(-50%); animation: ymParticleOrbit-b-8wr1jc7r8g 2.4s linear 1.8s infinite; }
@keyframes ymParticleOrbit-b-8wr1jc7r8g {
    0%   { opacity: 0; transform: scale(0.4); }
    20%  { opacity: 1; transform: scale(1); }
    80%  { opacity: 1; transform: scale(1); }
    100% { opacity: 0; transform: scale(0.4); }
}

/* orb core */
.ym-orb-core[b-8wr1jc7r8g] {
    width: 56px; height: 56px; border-radius: 16px; z-index: 2;
    background: linear-gradient(135deg, #1e3a5f 0%, #2563eb 50%, #3b82f6 100%);
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 0 40px rgba(99,102,241,0.35), 0 0 80px rgba(99,102,241,0.15), 0 0 0 1px rgba(255,255,255,0.1) inset;
    animation: ymCorePulse-b-8wr1jc7r8g 2s ease-in-out infinite;
}
@keyframes ymCorePulse-b-8wr1jc7r8g {
    0%, 100% { box-shadow: 0 0 40px rgba(99,102,241,0.35), 0 0 80px rgba(99,102,241,0.15), 0 0 0 1px rgba(255,255,255,0.1) inset; }
    50% { box-shadow: 0 0 60px rgba(99,102,241,0.5), 0 0 120px rgba(99,102,241,0.2), 0 0 0 1px rgba(255,255,255,0.15) inset; }
}
.ym-orb-letter[b-8wr1jc7r8g] {
    color: white; font-size: 1.6rem; font-weight: 900;
    text-shadow: 0 2px 10px rgba(0,0,0,0.3);
    animation: ymLetterFloat-b-8wr1jc7r8g 2s ease-in-out infinite;
}
@keyframes ymLetterFloat-b-8wr1jc7r8g {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-2px); }
}

/* ── Başlık ── */
.ym-loading-title[b-8wr1jc7r8g] {
    display: flex; gap: 8px; margin-bottom: 24px;
    animation: ymLoadFadeIn-b-8wr1jc7r8g 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.15s both;
}
.ym-lt-word[b-8wr1jc7r8g] {
    font-size: 1rem; font-weight: 700; color: #94a3b8;
    letter-spacing: 0.02em;
}
.ym-lt-accent[b-8wr1jc7r8g] {
    background: linear-gradient(90deg, #818cf8, #c084fc);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ── Adım göstergesi ── */
.ym-loading-steps[b-8wr1jc7r8g] {
    display: flex; flex-direction: column; gap: 10px; margin-bottom: 28px;
    animation: ymLoadFadeIn-b-8wr1jc7r8g 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.3s both;
}
.ym-step[b-8wr1jc7r8g] {
    display: flex; align-items: center; gap: 10px;
    font-size: 0.82rem; font-weight: 600; color: #475569;
    transition: color 0.3s;
}
.ym-step-dot[b-8wr1jc7r8g] {
    width: 8px; height: 8px; border-radius: 50%;
    background: #334155; flex-shrink: 0;
    transition: all 0.3s; position: relative;
}
.ym-step.ym-step-done[b-8wr1jc7r8g] { color: #4ade80; }
.ym-step.ym-step-done .ym-step-dot[b-8wr1jc7r8g] {
    background: #22c55e;
    box-shadow: 0 0 8px rgba(34,197,94,0.5);
}
.ym-step.ym-step-active[b-8wr1jc7r8g] { color: #c4b5fd; }
.ym-step.ym-step-active .ym-step-dot[b-8wr1jc7r8g] {
    background: #818cf8;
    box-shadow: 0 0 10px rgba(129,140,248,0.6);
    animation: ymStepPulse-b-8wr1jc7r8g 1.2s ease-in-out infinite;
}
@keyframes ymStepPulse-b-8wr1jc7r8g {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.5); opacity: 0.6; }
}

/* ── ilerleme çubuğu ── */
.ym-loading-bar[b-8wr1jc7r8g] {
    width: 240px; height: 3px; border-radius: 3px;
    background: rgba(255,255,255,0.06); overflow: hidden;
    margin-bottom: 40px;
    animation: ymLoadFadeIn-b-8wr1jc7r8g 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.45s both;
}
.ym-loading-bar-fill[b-8wr1jc7r8g] {
    width: 30%; height: 100%; border-radius: 3px;
    background: linear-gradient(90deg, #6366f1, #a78bfa, #38bdf8, #6366f1);
    background-size: 300% 100%;
    animation: ymBarSlide-b-8wr1jc7r8g 2s ease-in-out infinite;
}
@keyframes ymBarSlide-b-8wr1jc7r8g {
    0% { transform: translateX(-100%); background-position: 0% 50%; }
    100% { transform: translateX(400%); background-position: 100% 50%; }
}

.ym-skeleton-grid[b-8wr1jc7r8g] {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 20px; width: 100%; padding: 0 150px; box-sizing: border-box;
}
.ym-skeleton-card[b-8wr1jc7r8g] {
    background: rgba(255,255,255,0.03); border: 1.5px solid rgba(255,255,255,0.06);
    border-radius: 18px; padding: 28px 18px;
    display: flex; flex-direction: column; align-items: center; gap: 10px;
    min-height: 140px; position: relative; overflow: hidden;
}
.ym-skeleton-card[b-8wr1jc7r8g]::after {
    content: ''; position: absolute; inset: 0;
    background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.04) 50%, transparent 100%);
    animation: ymSkeletonShimmer-b-8wr1jc7r8g 1.8s ease-in-out infinite;
}
@keyframes ymSkeletonShimmer-b-8wr1jc7r8g {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}
.ym-skeleton-icon[b-8wr1jc7r8g] {
    width: 44px; height: 44px; border-radius: 12px;
    background: rgba(255,255,255,0.06); margin-bottom: 4px;
}
.ym-skeleton-line[b-8wr1jc7r8g] {
    height: 10px; border-radius: 6px;
    background: rgba(255,255,255,0.06);
}
.ym-skeleton-line.w50[b-8wr1jc7r8g] { width: 50%; }
.ym-skeleton-line.w60[b-8wr1jc7r8g] { width: 60%; }
.ym-skeleton-line.w70[b-8wr1jc7r8g] { width: 70%; }
.ym-skeleton-line.w80[b-8wr1jc7r8g] { width: 80%; }
.ym-skeleton-line.w90[b-8wr1jc7r8g] { width: 90%; }

@media (max-width: 768px) {
    .ym-skeleton-grid[b-8wr1jc7r8g] { grid-template-columns: repeat(2, 1fr); gap: 12px; padding: 0 16px; }
    .ym-skeleton-card[b-8wr1jc7r8g] { min-height: 100px; padding: 20px 14px; }
}
@media (max-width: 480px) {
    .ym-skeleton-grid[b-8wr1jc7r8g] { grid-template-columns: 1fr; gap: 10px; padding: 0 12px; }
    .ym-skeleton-card[b-8wr1jc7r8g] {
        flex-direction: row; min-height: auto; padding: 16px; gap: 14px;
    }
    .ym-skeleton-icon[b-8wr1jc7r8g] { width: 36px; height: 36px; margin-bottom: 0; flex-shrink: 0; }
    .ym-skeleton-line[b-8wr1jc7r8g] { height: 8px; }
    .ym-loading-orb[b-8wr1jc7r8g] { width: 90px; height: 90px; margin-bottom: 24px; }
    .ym-orb-core[b-8wr1jc7r8g] { width: 44px; height: 44px; border-radius: 13px; }
    .ym-orb-letter[b-8wr1jc7r8g] { font-size: 1.3rem; }
    .ym-orb-ring-2[b-8wr1jc7r8g] { inset: 8px; }
    .ym-orb-ring-3[b-8wr1jc7r8g] { inset: 16px; }
    .ym-loading-bar[b-8wr1jc7r8g] { width: 160px; }
    .ym-loading-title[b-8wr1jc7r8g] { gap: 6px; }
    .ym-lt-word[b-8wr1jc7r8g] { font-size: 0.88rem; }
    .ym-loading-steps[b-8wr1jc7r8g] { gap: 8px; }
    .ym-step[b-8wr1jc7r8g] { font-size: 0.76rem; }
}

/* ═══ BİLDİRİM İZNİ BANNER ═══ */
.ym-bildirim-warning[b-8wr1jc7r8g] {
    display: flex; align-items: center; gap: 14px;
    margin: 16px 30px 0; padding: 14px 20px; border-radius: 12px;
    background: rgba(99,102,241,0.12);
    border: 1.5px solid rgba(99,102,241,0.3);
    transition: transform 0.2s, box-shadow 0.2s;
    animation: ymBwFadeIn-b-8wr1jc7r8g 0.4s ease;
}
.ym-bildirim-warning:hover[b-8wr1jc7r8g] { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(99,102,241,0.2); }
@keyframes ymBwFadeIn-b-8wr1jc7r8g { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }

.ym-bw-icon[b-8wr1jc7r8g] { font-size: 1.5rem; flex-shrink: 0; }
.ym-bw-content[b-8wr1jc7r8g] { flex: 1; }
.ym-bw-content strong[b-8wr1jc7r8g] { display: block; color: var(--t-topbar-text, #e2e8f0); font-size: 0.95rem; margin-bottom: 2px; }
.ym-bw-content span[b-8wr1jc7r8g] { font-size: 0.82rem; color: color-mix(in srgb, var(--t-topbar-text, #fff) 60%, transparent); line-height: 1.4; }

.ym-bw-msg-desktop[b-8wr1jc7r8g] { display: inline; }
.ym-bw-msg-mobile[b-8wr1jc7r8g] { display: none; }

.ym-bw-btn[b-8wr1jc7r8g] {
    background: #6366f1; color: white; border: none; padding: 6px 14px;
    border-radius: 8px; cursor: pointer; font-size: 0.82rem; font-weight: 700;
    white-space: nowrap; transition: background 0.2s;
}
.ym-bw-btn:hover[b-8wr1jc7r8g] { background: #4f46e5; }

.ym-bw-close[b-8wr1jc7r8g] {
    background: rgba(99,102,241,0.15); border: none; color: #c4b5fd; width: 24px; height: 24px;
    border-radius: 6px; cursor: pointer; font-size: 0.8rem; display: flex;
    align-items: center; justify-content: center; transition: background 0.2s;
}
.ym-bw-close:hover[b-8wr1jc7r8g] { background: rgba(99,102,241,0.3); }

@media (max-width: 767px) {
    .ym-bw-msg-desktop[b-8wr1jc7r8g] { display: none; }
    .ym-bw-msg-mobile[b-8wr1jc7r8g] { display: inline; }
    .ym-bildirim-warning[b-8wr1jc7r8g] { margin: 12px 12px 0; padding: 12px 16px; gap: 10px; flex-wrap: wrap; }
    .ym-bw-btn[b-8wr1jc7r8g] { width: 100%; text-align: center; }
}

/* ═══ VERSİYON (inline pill) ═══ */
.ver-sep[b-8wr1jc7r8g] {
    opacity: 0.2;
    margin: 0 4px;
    letter-spacing: 0;
    font-size: 0.4rem;
    vertical-align: middle;
}
.ver-inline[b-8wr1jc7r8g] {
    display: inline-flex;
    align-items: center;
    padding: 2px 9px;
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.07) 0%, rgba(99, 102, 241, 0.1) 100%);
    border: 1px solid rgba(59, 130, 246, 0.18);
    border-radius: 20px;
    font-weight: 800;
    letter-spacing: 1px;
    color: #3b82f6;
    opacity: 1;
    font-variant-numeric: tabular-nums;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    transition: all 0.3s ease;
    text-shadow: 0 0 12px rgba(59, 130, 246, 0.12);
    line-height: 1;
}
.ver-inline[b-8wr1jc7r8g]::before {
    content: '';
    position: absolute;
    top: 0; left: -100%;
    width: 60%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.12), transparent);
    animation: ver-shimmer-b-8wr1jc7r8g 6s ease-in-out infinite;
}
@keyframes ver-shimmer-b-8wr1jc7r8g {
    0%, 70%, 100% { left: -100%; }
    45% { left: 150%; }
}
.ver-new-dot[b-8wr1jc7r8g] {
    display: inline-flex; align-items: center;
    font-size: 0.5rem; font-weight: 800;
    background: linear-gradient(135deg, #22c55e, #16a34a);
    color: white;
    padding: 3px 7px; border-radius: 10px; letter-spacing: 0.5px;
    cursor: pointer; margin-left: 5px; vertical-align: middle;
    box-shadow: 0 1px 6px rgba(34, 197, 94, 0.3);
    animation: ver-pulse-b-8wr1jc7r8g 2s ease-in-out infinite;
    line-height: 1;
    border: 1px solid transparent;
}
@keyframes ver-pulse-b-8wr1jc7r8g { 0%, 100% { opacity: 1; } 50% { opacity: 0.7; } }

/* ═══ CHANGELOG POPUP ═══ */
.cl-overlay[b-8wr1jc7r8g] {
    position: fixed;
    inset: 0;
    background: rgba(15,23,42,0.5);
    backdrop-filter: blur(4px);
    z-index: 9000;
    animation: cl-fade-b-8wr1jc7r8g 0.2s ease;
}

.cl-panel[b-8wr1jc7r8g] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--t-card, white);
    color: var(--t-text, #1e293b);
    border: 1px solid var(--t-card-border, #e2e8f0);
    border-radius: 18px;
    width: 560px;
    max-width: calc(100vw - 24px);
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 25px 60px rgba(0,0,0,0.25);
    z-index: 9001;
    animation: cl-slide-b-8wr1jc7r8g 0.3s cubic-bezier(0.175,0.885,0.32,1.275);
    overflow: hidden;
}

.cl-header[b-8wr1jc7r8g] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    border-bottom: 1px solid var(--t-card-border, #e2e8f0);
    flex-shrink: 0;
}

.cl-header h3[b-8wr1jc7r8g] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 800;
    color: var(--t-text, #1e293b);
}

.cl-close[b-8wr1jc7r8g] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    border: 1px solid var(--t-card-border, #e2e8f0);
    background: var(--t-hover, #f8fafc);
    color: var(--t-text, #1e293b);
    font-size: 1rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}

.cl-close:hover[b-8wr1jc7r8g] {
    background: #fee2e2;
    color: #dc2626;
    border-color: #fecaca;
}

.cl-body[b-8wr1jc7r8g] {
    flex: 1;
    overflow-y: auto;
    padding: 20px 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,0.08) transparent;
}
.cl-body[b-8wr1jc7r8g]::-webkit-scrollbar { width: 4px; }
.cl-body[b-8wr1jc7r8g]::-webkit-scrollbar-track { background: transparent; }
.cl-body[b-8wr1jc7r8g]::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.08); border-radius: 4px; transition: background 0.2s; }
.cl-body:hover[b-8wr1jc7r8g]::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.18); }

.cl-entry[b-8wr1jc7r8g] {
    padding: 16px;
    border-radius: 12px;
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    background: var(--t-hover, #fafbfc);
    color: var(--t-text, #1e293b);
    transition: all 0.2s;
}

.cl-entry.cl-current[b-8wr1jc7r8g] {
    border-color: var(--t-accent, #6366f1);
    background: linear-gradient(135deg,
        color-mix(in srgb, var(--t-accent, #6366f1) 10%, var(--t-card, #fff)),
        color-mix(in srgb, var(--t-accent, #6366f1) 5%, var(--t-card, #fff)));
}

.cl-entry-head[b-8wr1jc7r8g] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.cl-ver[b-8wr1jc7r8g] {
    font-weight: 800;
    font-size: 0.95rem;
    color: var(--t-text, #1e293b);
}

.cl-badge-current[b-8wr1jc7r8g] {
    font-size: 0.65rem;
    font-weight: 700;
    background: #6366f1;
    color: white;
    padding: 2px 8px;
    border-radius: 6px;
}

.cl-date[b-8wr1jc7r8g] {
    font-size: 0.78rem;
    color: var(--t-text-muted, #94a3b8);
    font-weight: 600;
    margin-left: auto;
}

.cl-changes[b-8wr1jc7r8g] {
    margin: 0;
    padding: 0 0 0 18px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cl-changes li[b-8wr1jc7r8g] {
    font-size: 0.84rem;
    color: var(--t-text-muted, #475569);
    line-height: 1.5;
}

@keyframes cl-fade-b-8wr1jc7r8g {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes cl-slide-b-8wr1jc7r8g {
    from { opacity: 0; transform: translate(-50%,-50%) scale(0.92); }
    to { opacity: 1; transform: translate(-50%,-50%) scale(1); }
}

@media (max-width: 600px) {
    .cl-panel[b-8wr1jc7r8g] { width: calc(100vw - 16px); max-height: 75vh; }
    .cl-body[b-8wr1jc7r8g] { padding: 14px; }
    .cl-entry[b-8wr1jc7r8g] { padding: 12px; }
}

/* Yönetim dashboard ana formu tema değişkenlerine bağlıdır.
   Varsayılan koyu gradient'i korur, tema değişince temaya uygun renklere geçer. */

/* ═══ KUR BİLGİLERİ — Tam genişlik widget (4 panelin altında) ═══ */
.ym-kur-fullwidth[b-8wr1jc7r8g] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 36px 40px;
}

.ym-kur-panel[b-8wr1jc7r8g] {
    background: color-mix(in srgb, var(--t-topbar-text, #fff) 6%, transparent);
    border: 1px solid color-mix(in srgb, var(--t-topbar-text, #fff) 10%, transparent);
    border-radius: 16px;
    overflow: hidden;
    color: var(--t-topbar-text, #fff);
    transition: border-color 0.2s, background 0.2s;
}
.ym-kur-panel.closed:hover[b-8wr1jc7r8g] {
    border-color: rgba(251,146,60,0.4);
    background: color-mix(in srgb, var(--t-topbar-text, #fff) 8%, transparent);
}

/* Tıklanabilir header (kapalıyken) — pointer + hafif vurgulama */
.ym-kur-header.clickable[b-8wr1jc7r8g] {
    cursor: pointer;
    user-select: none;
}
.ym-kur-header.clickable:hover .ym-kur-title-hint[b-8wr1jc7r8g] {
    opacity: 1;
}

/* Açma/kapama davet metni (kapalıyken başlık yanında küçük ipucu) */
.ym-kur-title-hint[b-8wr1jc7r8g] {
    font-size: 0.78rem;
    font-weight: 500;
    opacity: 0.55;
    margin-left: 6px;
    transition: opacity 0.2s;
    font-style: italic;
}

/* Toggle (▼/▲) butonu */
.ym-kur-toggle-btn[b-8wr1jc7r8g] {
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.14);
    color: inherit;
    width: 30px; height: 30px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 0.75rem;
    line-height: 1;
}
.ym-kur-toggle-btn:hover[b-8wr1jc7r8g] {
    background: rgba(251,146,60,0.18);
    border-color: #fb923c;
    color: #fb923c;
}

.ym-kur-header[b-8wr1jc7r8g] {
    display: flex; align-items: center; justify-content: space-between;
    gap: 12px; flex-wrap: wrap;
    padding: 14px 22px;
    background: linear-gradient(135deg, rgba(249,115,22,0.18), rgba(234,88,12,0.10));
    border-bottom: 1px solid color-mix(in srgb, var(--t-topbar-text, #fff) 8%, transparent);
}
.ym-kur-title[b-8wr1jc7r8g] {
    display: flex; align-items: center; gap: 10px;
    font-weight: 700; font-size: 1.05rem;
}
.ym-kur-emoji[b-8wr1jc7r8g] { font-size: 1.4rem; }
.ym-kur-title-sep[b-8wr1jc7r8g] { opacity: 0.4; font-weight: 400; }
.ym-kur-title-cat[b-8wr1jc7r8g] {
    color: #fb923c; font-weight: 700;
    padding: 2px 10px;
    background: rgba(251,146,60,0.12);
    border-radius: 8px;
    font-size: 0.95rem;
}
.ym-kur-header-right[b-8wr1jc7r8g] {
    display: flex; align-items: center; gap: 10px;
    font-size: 0.78rem; opacity: 0.75;
}
.ym-kur-time[b-8wr1jc7r8g] { white-space: nowrap; }

.ym-kur-refresh-btn[b-8wr1jc7r8g] {
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.14);
    color: inherit;
    width: 30px; height: 30px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.25s;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 0.95rem;
}
.ym-kur-refresh-btn:hover[b-8wr1jc7r8g] { background: rgba(99,102,241,0.25); border-color: #6366f1; transform: rotate(90deg); }
.ym-kur-refresh-btn:disabled[b-8wr1jc7r8g] { opacity: 0.4; cursor: wait; transform: none; }

/* Sekmeler — geniş, etiketli */
.ym-kur-tabs[b-8wr1jc7r8g] {
    display: flex; gap: 6px;
    padding: 10px 16px 0 16px;
    border-bottom: 1px solid color-mix(in srgb, var(--t-topbar-text, #fff) 6%, transparent);
    background: rgba(255,255,255,0.02);
    overflow-x: auto;
}
.ym-kur-tab[b-8wr1jc7r8g] {
    background: transparent; border: 0;
    padding: 9px 18px;
    font-size: 0.88rem; font-weight: 600;
    color: color-mix(in srgb, var(--t-topbar-text, #fff) 65%, transparent);
    cursor: pointer;
    border-bottom: 2.5px solid transparent;
    border-radius: 8px 8px 0 0;
    transition: all 0.18s;
    white-space: nowrap;
    display: inline-flex; align-items: center; gap: 6px;
}
.ym-kur-tab:hover[b-8wr1jc7r8g] { color: var(--t-topbar-text, #fff); background: rgba(255,255,255,0.04); }
.ym-kur-tab.active[b-8wr1jc7r8g] {
    color: #fb923c;
    border-bottom-color: #fb923c;
    background: rgba(251,146,60,0.10);
}
.ym-kur-tab-icon[b-8wr1jc7r8g] { font-size: 1.05rem; }
.ym-kur-tab-label[b-8wr1jc7r8g] { font-weight: 600; }

/* Veri grid'i — sabit kolon sayısı ile her zaman dengeli düzen (asimetrik 3+1 olmasın) */
.ym-kur-grid[b-8wr1jc7r8g] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    padding: 16px 22px 20px 22px;
}

@media (max-width: 1500px) { .ym-kur-grid[b-8wr1jc7r8g] { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 1100px) { .ym-kur-grid[b-8wr1jc7r8g] { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 800px)  { .ym-kur-grid[b-8wr1jc7r8g] { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 420px)  { .ym-kur-grid[b-8wr1jc7r8g] { grid-template-columns: 1fr; } }

.ym-kur-card[b-8wr1jc7r8g] {
    display: flex; align-items: center; gap: 8px;
    padding: 10px 12px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 10px;
    transition: all 0.18s;
    min-width: 0;
}
.ym-kur-card:hover[b-8wr1jc7r8g] {
    background: rgba(99,102,241,0.10);
    border-color: rgba(99,102,241,0.4);
    transform: translateY(-1px);
}
.ym-kur-card-icon[b-8wr1jc7r8g] {
    font-size: 1.5rem;
    flex-shrink: 0;
    width: 32px; text-align: center;
    line-height: 1;
}

/* ─── İkon rozetleri (emoji yerine renkli kompakt etiket) ─── */
.ym-kur-ico[b-8wr1jc7r8g] {
    display: inline-flex; align-items: center; justify-content: center;
    width: 34px; height: 24px;
    border-radius: 5px;
    font-size: 0.65rem; font-weight: 800;
    letter-spacing: 0.3px;
    color: #fff;
    background: linear-gradient(135deg, #475569, #1e293b);
    border: 1px solid rgba(255,255,255,0.18);
    flex-shrink: 0;
    text-shadow: 0 1px 1px rgba(0,0,0,0.4);
    overflow: hidden;
}

/* Ülke bayrak renkleri (yaklaşık hızlı tanıma için iki renk gradyan) */
.ym-kur-ico-us[b-8wr1jc7r8g] { background: linear-gradient(180deg, #b22234 50%, #fff 50%); color: #1e3a8a; text-shadow: 0 1px 2px rgba(255,255,255,0.6); }
.ym-kur-ico-eu[b-8wr1jc7r8g] { background: linear-gradient(135deg, #003399, #0055cc); color: #ffcc00; }
.ym-kur-ico-gb[b-8wr1jc7r8g] { background: linear-gradient(135deg, #012169 0%, #c8102e 50%, #ffffff 50%, #012169 100%); color: #fff; }
.ym-kur-ico-ch[b-8wr1jc7r8g] { background: #d52b1e; color: #fff; }
.ym-kur-ico-jp[b-8wr1jc7r8g] { background: #fff; color: #bc002d; border-color: #bc002d; text-shadow: none; }
.ym-kur-ico-ca[b-8wr1jc7r8g] { background: linear-gradient(90deg, #d52b1e 25%, #fff 25%, #fff 75%, #d52b1e 75%); color: #d52b1e; text-shadow: 0 1px 2px rgba(255,255,255,0.6); }
.ym-kur-ico-au[b-8wr1jc7r8g] { background: linear-gradient(135deg, #00247d 0%, #00247d 50%, #e4002b 50%, #e4002b 100%); color: #fff; }
.ym-kur-ico-se[b-8wr1jc7r8g] { background: #006aa7; color: #fecc00; }
.ym-kur-ico-no[b-8wr1jc7r8g] { background: linear-gradient(135deg, #ef2b2d 0%, #ef2b2d 45%, #fff 45%, #fff 55%, #002868 55%); color: #fff; }
.ym-kur-ico-dk[b-8wr1jc7r8g] { background: #c8102e; color: #fff; }
.ym-kur-ico-cn[b-8wr1jc7r8g] { background: #de2910; color: #ffde00; }
.ym-kur-ico-ru[b-8wr1jc7r8g] { background: linear-gradient(180deg, #fff 33%, #0039a6 33%, #0039a6 66%, #d52b1e 66%); color: #0039a6; text-shadow: 0 1px 1px rgba(255,255,255,0.6); }
.ym-kur-ico-sa[b-8wr1jc7r8g] { background: #006c35; color: #fff; }
.ym-kur-ico-ae[b-8wr1jc7r8g] { background: linear-gradient(180deg, #00732f 33%, #fff 33%, #fff 66%, #000 66%); color: #ce1126; text-shadow: 0 1px 1px rgba(255,255,255,0.7); }

/* Altın / Gümüş / Kripto / Oran rozetleri */
.ym-kur-ico-gold[b-8wr1jc7r8g]   { background: linear-gradient(135deg, #fde047, #ca8a04); color: #422006; text-shadow: 0 1px 1px rgba(255,255,255,0.45); border-color: rgba(202,138,4,0.6); }
.ym-kur-ico-silver[b-8wr1jc7r8g] { background: linear-gradient(135deg, #f1f5f9, #94a3b8); color: #1e293b; text-shadow: 0 1px 1px rgba(255,255,255,0.6); border-color: rgba(148,163,184,0.6); }
.ym-kur-ico-ratio[b-8wr1jc7r8g]  { background: linear-gradient(135deg, #6366f1, #8b5cf6); color: #fff; }
.ym-kur-ico-btc[b-8wr1jc7r8g]    { background: linear-gradient(135deg, #f7931a, #b45309); color: #fff; }
.ym-kur-ico-eth[b-8wr1jc7r8g]    { background: linear-gradient(135deg, #627eea, #3c5cd5); color: #fff; }
.ym-kur-ico-bnb[b-8wr1jc7r8g]    { background: linear-gradient(135deg, #f3ba2f, #b8860b); color: #1c1917; text-shadow: 0 1px 1px rgba(255,255,255,0.45); }
.ym-kur-ico-sol[b-8wr1jc7r8g]    { background: linear-gradient(135deg, #14f195, #9945ff); color: #fff; }
.ym-kur-ico-xrp[b-8wr1jc7r8g]    { background: #1f2937; color: #fff; }
.ym-kur-ico-doge[b-8wr1jc7r8g]   { background: linear-gradient(135deg, #c2a633, #8b6914); color: #fff; }
.ym-kur-card-body[b-8wr1jc7r8g] {
    display: flex; flex-direction: column;
    min-width: 0; flex: 1;
}
.ym-kur-card-name[b-8wr1jc7r8g] {
    font-size: 0.78rem;
    color: color-mix(in srgb, var(--t-topbar-text, #fff) 70%, transparent);
    font-weight: 500;
    margin-bottom: 2px;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.ym-kur-card-price[b-8wr1jc7r8g] {
    font-size: 1.02rem; font-weight: 700;
    color: var(--t-topbar-text, #fff);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.ym-kur-card-curr[b-8wr1jc7r8g] {
    font-size: 0.7rem;
    opacity: 0.6;
    margin-left: 4px;
    font-weight: 500;
}

/* Alış / Satış / Fark gösterimi (Türkiye piyasası tipik spread) */
.ym-kur-card-bidask[b-8wr1jc7r8g] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
    margin-top: 2px;
    margin-bottom: 4px;
}
.ym-kur-bid[b-8wr1jc7r8g], .ym-kur-ask[b-8wr1jc7r8g] {
    display: flex; flex-direction: column;
    padding: 4px 7px;
    border-radius: 6px;
    line-height: 1.15;
    min-width: 0;
    overflow: hidden;
}
.ym-kur-bid[b-8wr1jc7r8g] {
    background: rgba(34,197,94,0.10);
    border-left: 2px solid #22c55e;
}
.ym-kur-ask[b-8wr1jc7r8g] {
    background: rgba(239,68,68,0.10);
    border-left: 2px solid #ef4444;
}
.ym-kur-bidask-lbl[b-8wr1jc7r8g] {
    font-size: 0.62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    opacity: 0.7;
}
.ym-kur-bid .ym-kur-bidask-lbl[b-8wr1jc7r8g] { color: #22c55e; }
.ym-kur-ask .ym-kur-bidask-lbl[b-8wr1jc7r8g] { color: #ef4444; }
.ym-kur-bidask-val[b-8wr1jc7r8g] {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--t-topbar-text, #fff);
    white-space: nowrap;
    /* Fiyat sayı kesilmesin: text overflow yerine font-size shrink yapacağız (container query yok)
       Bu yüzden font-variant-numeric: tabular ve letter spacing daraltıldı. */
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.3px;
    overflow: visible;
}

.ym-kur-card-meta[b-8wr1jc7r8g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    font-size: 0.7rem;
}
.ym-kur-card-meta .ym-kur-card-curr[b-8wr1jc7r8g] {
    margin-left: 0;
}
.ym-kur-spread[b-8wr1jc7r8g] {
    font-weight: 700;
    color: #fb923c;
    background: rgba(251,146,60,0.12);
    padding: 2px 7px;
    border-radius: 5px;
    white-space: nowrap;
}

/* 24 saatlik değişim — yön rengiyle (yeşil yükseliş, kırmızı düşüş) */
.ym-kur-degisim[b-8wr1jc7r8g] {
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 5px;
    white-space: nowrap;
    font-size: 0.7rem;
}
.ym-kur-degisim.up[b-8wr1jc7r8g] {
    color: #22c55e;
    background: rgba(34,197,94,0.14);
}
.ym-kur-degisim.down[b-8wr1jc7r8g] {
    color: #ef4444;
    background: rgba(239,68,68,0.14);
}
.ym-kur-degisim-solo[b-8wr1jc7r8g] {
    display: inline-block;
    margin-top: 4px;
}

.ym-kur-empty[b-8wr1jc7r8g] {
    padding: 60px 20px;
    text-align: center;
    opacity: 0.55;
    font-size: 0.95rem;
}

/* Para birimi seçici (TRY/USD/EUR) — segmented control */
.ym-kur-pb-grup[b-8wr1jc7r8g] {
    display: inline-flex;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 8px;
    padding: 2px;
    gap: 1px;
}
.ym-kur-pb[b-8wr1jc7r8g] {
    background: transparent; border: 0;
    color: color-mix(in srgb, var(--t-topbar-text, #fff) 65%, transparent);
    width: 28px; height: 26px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.95rem; font-weight: 700;
    transition: all 0.15s;
    line-height: 1;
}
.ym-kur-pb:hover[b-8wr1jc7r8g] { color: var(--t-topbar-text, #fff); background: rgba(255,255,255,0.06); }
.ym-kur-pb.active[b-8wr1jc7r8g] {
    color: #fb923c;
    background: rgba(251,146,60,0.18);
    box-shadow: 0 0 0 1px rgba(251,146,60,0.4);
}

/* Kaynak bilgisi — grid altında küçük açıklama */
.ym-kur-source[b-8wr1jc7r8g] {
    padding: 10px 22px 16px 22px;
    text-align: right;
    font-size: 0.72rem;
    opacity: 0.55;
    font-style: italic;
}
.ym-kur-source-name[b-8wr1jc7r8g] {
    font-weight: 600;
    font-style: normal;
    opacity: 0.9;
}

@media (max-width: 900px) {
    .ym-kur-fullwidth[b-8wr1jc7r8g] { padding: 0 16px 30px; }
    .ym-kur-tab-label[b-8wr1jc7r8g] { display: none; }
    .ym-kur-tab[b-8wr1jc7r8g] { padding: 8px 14px; }
    .ym-kur-title[b-8wr1jc7r8g] { font-size: 0.95rem; }
}

/* /Components/Pages/Yonetim/YonetimRaporlari.razor.rz.scp.css */
/* ═══ YÖNETİM RAPORLARI — Sayfa-Özel Stiller ═══ */

/* ═══ SEKMELER ═══ */
.igt-tabs[b-wtq3fv402l] {
    display: flex; gap: 4px; padding: 0 24px; background: var(--t-card, white);
    border-bottom: 2px solid #f1f5f9; flex-wrap: wrap;
}
.igt-tab[b-wtq3fv402l] {
    padding: 12px 22px; border: none; background: none; cursor: pointer;
    font-weight: 700; font-size: 0.88rem; color: #94a3b8;
    border-bottom: 3px solid transparent; transition: all 0.2s;
}
.igt-tab:hover[b-wtq3fv402l] { color: #6366f1; background: var(--t-hover, #f8fafc); }
.igt-tab.active[b-wtq3fv402l] { color: #6366f1; border-bottom-color: #6366f1; background: #eff6ff; }

/* ═══ LOADING ═══ */
.yr-loading[b-wtq3fv402l] {
    display: flex; align-items: center; justify-content: center; gap: 14px;
    padding: 80px 24px; color: #64748b; font-size: 1rem;
}
.yr-spinner[b-wtq3fv402l] {
    width: 32px; height: 32px; border: 3px solid #e2e8f0;
    border-top-color: #6366f1; border-radius: 50%;
    animation: yr-spin-b-wtq3fv402l 0.8s linear infinite;
}
@keyframes yr-spin-b-wtq3fv402l { to { transform: rotate(360deg); } }

/* ═══ SECTION ═══ */
.yr-section[b-wtq3fv402l] { padding: 20px 24px; }

/* ═══ ÖZET KARTLARI ═══ */
.yr-summary-cards[b-wtq3fv402l] {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 16px; margin-bottom: 24px;
}
.yr-summary-cards.yr-small[b-wtq3fv402l] {
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    margin-bottom: 20px;
}
.yr-card[b-wtq3fv402l] {
    background: var(--t-card, white); border-radius: 16px;
    padding: 20px; display: flex; align-items: center; gap: 16px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    border-left: 4px solid transparent; transition: all 0.2s;
}
.yr-card:hover[b-wtq3fv402l] { transform: translateY(-2px); box-shadow: 0 4px 20px rgba(0,0,0,0.1); }
.yr-c-blue[b-wtq3fv402l] { border-left-color: #3b82f6; }
.yr-c-green[b-wtq3fv402l] { border-left-color: #22c55e; }
.yr-c-red[b-wtq3fv402l] { border-left-color: #ef4444; }
.yr-c-purple[b-wtq3fv402l] { border-left-color: #8b5cf6; }
.yr-c-orange[b-wtq3fv402l] { border-left-color: #f59e0b; }
.yr-c-teal[b-wtq3fv402l] { border-left-color: #14b8a6; }
.yr-card-icon[b-wtq3fv402l] { font-size: 2rem; }
.yr-card-body[b-wtq3fv402l] { flex: 1; }
.yr-card-val[b-wtq3fv402l] { font-size: 1.8rem; font-weight: 800; color: var(--t-text, #1e293b); line-height: 1.1; white-space: nowrap; }
.yr-card-lbl[b-wtq3fv402l] { font-size: 0.82rem; color: #64748b; font-weight: 600; margin-top: 2px; }

/* ═══ PANEL GRID ═══ */
.yr-panel-grid[b-wtq3fv402l] { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px; }
.yr-panel[b-wtq3fv402l] {
    background: var(--t-card, white); border-radius: 16px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06); overflow: hidden;
}
.yr-panel.yr-full[b-wtq3fv402l] { margin-bottom: 20px; }
.yr-panel-head[b-wtq3fv402l] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 16px 20px; border-bottom: 1px solid #f1f5f9;
}
.yr-panel-head h3[b-wtq3fv402l] { margin: 0; font-size: 1rem; font-weight: 700; color: var(--t-text, #1e293b); }
.yr-panel-badge[b-wtq3fv402l] {
    background: #eff6ff; color: #6366f1; padding: 4px 12px;
    border-radius: 20px; font-size: 0.78rem; font-weight: 700;
}
.yr-panel-body[b-wtq3fv402l] { padding: 16px 20px; }
.yr-panel-body.yr-center[b-wtq3fv402l] { display: flex; flex-direction: column; align-items: center; }
.yr-panel-actions[b-wtq3fv402l] { display: flex; gap: 8px; align-items: center; }

/* ═══ BAR CHART ═══ */
.yr-bar-row[b-wtq3fv402l] { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
.yr-bar-label[b-wtq3fv402l] { width: 130px; font-size: 0.82rem; font-weight: 600; color: var(--t-text, #334155); text-align: right; flex-shrink: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.yr-bar-track[b-wtq3fv402l] { flex: 1; height: 24px; background: #f1f5f9; border-radius: 12px; overflow: hidden; }
.yr-bar-fill[b-wtq3fv402l] { height: 100%; background: linear-gradient(90deg, #3b82f6, #60a5fa); border-radius: 12px; min-width: 4px; transition: width 0.6s ease; }
.yr-bar-fill.yr-fill-purple[b-wtq3fv402l] { background: linear-gradient(90deg, #8b5cf6, #a78bfa); }
.yr-bar-fill.yr-fill-orange[b-wtq3fv402l] { background: linear-gradient(90deg, #f59e0b, #fbbf24); }
.yr-bar-fill.yr-fill-teal[b-wtq3fv402l] { background: linear-gradient(90deg, #14b8a6, #2dd4bf); }
.yr-bar-fill.yr-fill-green[b-wtq3fv402l] { background: linear-gradient(90deg, #22c55e, #4ade80); }
.yr-bar-fill.yr-fill-red[b-wtq3fv402l] { background: linear-gradient(90deg, #ef4444, #f87171); }
.yr-bar-fill.yr-fill-gradient[b-wtq3fv402l] { background: linear-gradient(90deg, #6366f1, #818cf8, #60a5fa); }
.yr-bar-val[b-wtq3fv402l] { min-width: 90px; font-size: 0.85rem; font-weight: 700; color: var(--t-text, #1e293b); text-align: right; flex-shrink: 0; white-space: nowrap; }

/* ═══ CİNSİYET CHART ═══ */
.yr-gender-chart[b-wtq3fv402l] { width: 100%; max-width: 400px; }
.yr-gender-bar[b-wtq3fv402l] { display: flex; height: 40px; border-radius: 20px; overflow: hidden; margin-bottom: 14px; }
.yr-gender-male[b-wtq3fv402l] { background: linear-gradient(90deg, #3b82f6, #60a5fa); display: flex; align-items: center; justify-content: center; }
.yr-gender-male span[b-wtq3fv402l] { color: white; font-weight: 700; font-size: 0.9rem; }
.yr-gender-female[b-wtq3fv402l] { background: linear-gradient(90deg, #a855f7, #c084fc); display: flex; align-items: center; justify-content: center; }
.yr-gender-female span[b-wtq3fv402l] { color: white; font-weight: 700; font-size: 0.9rem; }
.yr-gender-legend[b-wtq3fv402l] { display: flex; gap: 20px; justify-content: center; }
.yr-gender-legend span[b-wtq3fv402l] { font-size: 0.85rem; font-weight: 600; color: #64748b; }

/* ═══ TREND CHART ═══ */
.yr-trend-chart[b-wtq3fv402l] { display: flex; align-items: flex-end; gap: 8px; height: 200px; padding-top: 10px; }
.yr-trend-col[b-wtq3fv402l] { flex: 1; display: flex; flex-direction: column; align-items: center; height: 100%; justify-content: flex-end; }
.yr-trend-bar[b-wtq3fv402l] {
    width: 100%; max-width: 48px; background: linear-gradient(180deg, #6366f1, #818cf8);
    border-radius: 8px 8px 0 0; min-height: 4px; position: relative;
    display: flex; align-items: flex-start; justify-content: center;
    transition: height 0.6s ease;
}
.yr-trend-val[b-wtq3fv402l] { font-size: 0.7rem; font-weight: 700; color: white; margin-top: 4px; }
.yr-trend-lbl[b-wtq3fv402l] { font-size: 0.7rem; color: #64748b; font-weight: 600; margin-top: 6px; text-transform: capitalize; }
.yr-saat-bar[b-wtq3fv402l] { background: linear-gradient(180deg, #f59e0b, #fbbf24); }

/* ═══ HARİTA ═══ */
.yr-map-container[b-wtq3fv402l] { width: 100%; height: 480px; min-height: 350px; border-radius: 12px; overflow: hidden; background: var(--t-bg, #f8fafc); z-index: 0; }
.yr-map-legend[b-wtq3fv402l] { display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 14px; }
.yr-ml-item[b-wtq3fv402l] { display: flex; align-items: center; gap: 6px; font-size: 0.78rem; font-weight: 600; color: #64748b; }
.yr-ml-dot[b-wtq3fv402l] { width: 14px; height: 14px; border-radius: 50%; display: inline-block; }

/* Leaflet harita etiketleri */
[b-wtq3fv402l] .yr-map-label span {
    display: flex; align-items: center; justify-content: center;
    width: 28px; height: 28px; border-radius: 50%;
    background: rgba(255,255,255,0.9); color: #1e293b;
    font-size: 11px; font-weight: 800;
    pointer-events: none;
}
[b-wtq3fv402l] .yr-leaflet-tooltip {
    background: rgba(30,41,59,0.92) !important; color: white !important;
    border: none !important; border-radius: 8px !important;
    padding: 6px 12px !important; font-size: 13px !important;
    font-weight: 600 !important; box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important;
}
[b-wtq3fv402l] .yr-leaflet-tooltip::before { border-top-color: rgba(30,41,59,0.92) !important; }
[b-wtq3fv402l] .leaflet-container { border-radius: 12px; font-family: inherit; }

/* Harita sıfırla butonu */
.yr-map-reset-btn[b-wtq3fv402l] {
    padding: 6px 14px; border: 1px solid #e2e8f0; border-radius: 8px;
    background: var(--t-card, white); color: #64748b; font-size: 0.78rem;
    font-weight: 700; cursor: pointer; transition: all 0.2s;
}
.yr-map-reset-btn:hover[b-wtq3fv402l] { background: #6366f1; color: white; border-color: #6366f1; }

/* ═══ İL DETAY PANELİ ═══ */
.yr-il-detay[b-wtq3fv402l] { animation: yr-fadeIn-b-wtq3fv402l 0.3s ease; }
@keyframes yr-fadeIn-b-wtq3fv402l { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.yr-close-btn[b-wtq3fv402l] { background: none; border: none; font-size: 1.2rem; cursor: pointer; color: #94a3b8; transition: color 0.2s; padding: 4px 8px; }
.yr-close-btn:hover[b-wtq3fv402l] { color: #ef4444; }
.yr-il-persons[b-wtq3fv402l] { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; }
.yr-person-card[b-wtq3fv402l] {
    display: flex; align-items: center; gap: 12px; padding: 12px 16px;
    background: var(--t-bg, #f8fafc); border-radius: 12px; transition: all 0.2s;
}
.yr-person-card:hover[b-wtq3fv402l] { background: #eff6ff; }
.yr-person-avatar[b-wtq3fv402l] {
    width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, #6366f1, #818cf8);
    color: white; font-weight: 700; font-size: 0.85rem;
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
img.yr-person-avatar.yr-avatar-img[b-wtq3fv402l] {
    width: 40px; height: 40px; border-radius: 50%; object-fit: cover; flex-shrink: 0;
    border: 2px solid #e2e8f0;
}
.yr-person-info[b-wtq3fv402l] { flex: 1; }
.yr-person-name[b-wtq3fv402l] { display: block; font-weight: 700; font-size: 0.88rem; color: var(--t-text, #1e293b); }
.yr-person-sub[b-wtq3fv402l] { display: block; font-size: 0.78rem; color: #64748b; }
.yr-person-durum[b-wtq3fv402l] { font-size: 0.75rem; font-weight: 700; padding: 4px 10px; border-radius: 20px; }
.yr-person-durum.aktif[b-wtq3fv402l] { background: #dcfce7; color: #16a34a; }
.yr-person-durum.pasif[b-wtq3fv402l] { background: #fee2e2; color: #dc2626; }

/* ═══ BÖLGE GRID ═══ */
.yr-region-grid[b-wtq3fv402l] { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px; }
.yr-region-card[b-wtq3fv402l] {
    background: var(--t-bg, #f8fafc); border-radius: 14px; padding: 16px;
    border: 1px solid #e2e8f0;
}
.yr-region-header[b-wtq3fv402l] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.yr-region-name[b-wtq3fv402l] { font-weight: 800; font-size: 0.95rem; color: var(--t-text, #1e293b); }
.yr-region-total[b-wtq3fv402l] { font-weight: 700; font-size: 0.85rem; color: #6366f1; background: #eff6ff; padding: 4px 10px; border-radius: 20px; }
.yr-region-cities[b-wtq3fv402l] { display: flex; flex-wrap: wrap; gap: 8px; }
.yr-city-badge[b-wtq3fv402l] {
    background: white; border: 1px solid #e2e8f0; border-radius: 20px;
    padding: 5px 12px; font-size: 0.8rem; color: #334155; cursor: pointer;
    transition: all 0.2s; display: flex; align-items: center; gap: 6px;
}
.yr-city-badge:hover[b-wtq3fv402l] { background: #6366f1; color: white; border-color: #6366f1; }
.yr-city-badge strong[b-wtq3fv402l] { color: #6366f1; font-weight: 800; }
.yr-city-badge:hover strong[b-wtq3fv402l] { color: white; }
.yr-city-empty[b-wtq3fv402l] { font-size: 0.8rem; color: #94a3b8; font-style: italic; }

/* ═══ KONUM TAKİBİ ═══ */
.yr-konum-grid[b-wtq3fv402l] { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; }
.yr-konum-card[b-wtq3fv402l] {
    display: flex; align-items: center; gap: 12px; padding: 12px 16px;
    background: var(--t-bg, #f8fafc); border-radius: 12px; border: 1px solid #e2e8f0;
    transition: all 0.2s;
}
.yr-konum-card.izinli[b-wtq3fv402l] { border-left: 3px solid #22c55e; }
.yr-konum-card.izinsiz[b-wtq3fv402l] { border-left: 3px solid #ef4444; }
.yr-konum-avatar[b-wtq3fv402l] {
    width: 36px; height: 36px; border-radius: 50%; background: #e2e8f0;
    color: #64748b; font-weight: 700; font-size: 0.8rem;
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
img.yr-konum-avatar.yr-avatar-img[b-wtq3fv402l] {
    width: 36px; height: 36px; border-radius: 50%; object-fit: cover; flex-shrink: 0;
    border: 2px solid #e2e8f0;
}
.yr-konum-info[b-wtq3fv402l] { flex: 1; }
.yr-konum-name[b-wtq3fv402l] { display: block; font-weight: 700; font-size: 0.85rem; color: var(--t-text, #1e293b); }
.yr-konum-birim[b-wtq3fv402l] { display: block; font-size: 0.75rem; color: #64748b; }
.yr-konum-status[b-wtq3fv402l] { font-size: 0.75rem; font-weight: 700; flex-shrink: 0; }
.yr-konum-tip[b-wtq3fv402l] { font-size: 0.78rem; font-weight: 600; padding: 3px 10px; border-radius: 20px; }
.yr-konum-tip.giris[b-wtq3fv402l] { background: #dcfce7; color: #16a34a; }
.yr-konum-tip.cikis[b-wtq3fv402l] { background: #fee2e2; color: #dc2626; }
.yr-konum-tip.heartbeat[b-wtq3fv402l] { background: #dbeafe; color: #2563eb; }

/* Haritada göster butonu */
.yr-btn-map[b-wtq3fv402l] {
    background: none; border: none; cursor: pointer; font-size: 1.1rem;
    padding: 2px 6px; border-radius: 6px; transition: background 0.2s;
}
.yr-btn-map:hover[b-wtq3fv402l] { background: rgba(37,99,235,0.1); }

/* Konum harita popup */
.yr-harita-overlay[b-wtq3fv402l] {
    position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 5000;
    display: flex; align-items: center; justify-content: center; padding: 20px;
}
.yr-harita-popup[b-wtq3fv402l] {
    background: var(--t-card, white); border-radius: 16px; width: 100%; max-width: 700px;
    box-shadow: 0 25px 60px rgba(0,0,0,0.3); overflow: hidden;
}
.yr-harita-head[b-wtq3fv402l] {
    display: flex; align-items: flex-start; justify-content: space-between;
    padding: 16px 20px; border-bottom: 1px solid var(--t-border, #e2e8f0);
}
.yr-harita-head h3[b-wtq3fv402l] { margin: 0; font-size: 1rem; color: var(--t-text, #1e293b); }
.yr-harita-meta[b-wtq3fv402l] { font-size: 0.8rem; color: #64748b; }
.yr-harita-close[b-wtq3fv402l] {
    background: none; border: none; font-size: 1.2rem; cursor: pointer;
    color: #94a3b8; padding: 0 4px; line-height: 1;
}
.yr-harita-close:hover[b-wtq3fv402l] { color: #ef4444; }
.yr-harita-footer[b-wtq3fv402l] {
    display: flex; align-items: center; gap: 16px; padding: 12px 20px; flex-wrap: wrap;
    font-size: 0.8rem; color: #64748b; border-top: 1px solid var(--t-border, #e2e8f0);
}
.yr-btn-gmaps[b-wtq3fv402l] {
    margin-left: auto; background: #2563eb; color: white; padding: 6px 14px;
    border-radius: 8px; text-decoration: none; font-size: 0.78rem; font-weight: 600;
    transition: background 0.2s;
}
.yr-btn-gmaps:hover[b-wtq3fv402l] { background: #1d4ed8; }

/* ═══ TABLE ═══ */
.yr-table-wrap[b-wtq3fv402l] { overflow-x: auto; }
.yr-table[b-wtq3fv402l] { width: 100%; border-collapse: collapse; font-size: 0.85rem; }
.yr-table th[b-wtq3fv402l] {
    background: #f8fafc; padding: 10px 14px; text-align: left;
    font-weight: 700; color: #64748b; border-bottom: 2px solid #e2e8f0;
    font-size: 0.8rem; white-space: nowrap;
}
.yr-table td[b-wtq3fv402l] { padding: 10px 14px; border-bottom: 1px solid #f1f5f9; color: var(--t-text, #334155); }
.yr-table tr:hover td[b-wtq3fv402l] { background: #f8fafc; }
.yr-td-bold[b-wtq3fv402l] { font-weight: 700; }
.yr-input[b-wtq3fv402l] {
    padding: 8px 14px; border: 1px solid #e2e8f0; border-radius: 10px;
    font-size: 0.85rem; background: var(--t-card, white); color: var(--t-text, #1e293b);
}

/* ═══ DÖNEM BAR ═══ */
.yr-donem-bar[b-wtq3fv402l] {
    display: flex; align-items: center; gap: 12px; margin-bottom: 20px;
    background: var(--t-card, white); padding: 14px 20px; border-radius: 14px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.yr-donem-bar label[b-wtq3fv402l] { font-weight: 700; color: var(--t-text, #1e293b); font-size: 0.9rem; }
.yr-donem-select[b-wtq3fv402l] { min-width: 180px; }

/* ═══ RANKING ═══ */
.yr-ranking[b-wtq3fv402l] { }
.yr-rank-row[b-wtq3fv402l] { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
.yr-rank-num[b-wtq3fv402l] { width: 40px; text-align: center; font-weight: 800; font-size: 0.9rem; color: #64748b; flex-shrink: 0; }
.yr-rank-num.top[b-wtq3fv402l] { font-size: 1.2rem; }
.yr-rank-avatar[b-wtq3fv402l] {
    width: 32px; height: 32px; border-radius: 50%; background: linear-gradient(135deg, #6366f1, #818cf8);
    color: white; font-weight: 700; font-size: 0.72rem;
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
img.yr-rank-avatar.yr-avatar-img[b-wtq3fv402l] {
    width: 32px; height: 32px; border-radius: 50%; object-fit: cover; flex-shrink: 0;
    border: 2px solid #e2e8f0;
}
.yr-rank-name[b-wtq3fv402l] { width: 160px; font-weight: 600; font-size: 0.85rem; color: var(--t-text, #1e293b); flex-shrink: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.yr-rank-bar[b-wtq3fv402l] { flex: 1; }
.yr-rank-val[b-wtq3fv402l] { font-weight: 700; font-size: 0.82rem; color: #6366f1; flex-shrink: 0; min-width: 60px; text-align: right; }

/* ═══ STAT LIST ═══ */
.yr-stat-list[b-wtq3fv402l] { }
.yr-stat-row[b-wtq3fv402l] { display: flex; align-items: center; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid #f1f5f9; }
.yr-stat-row:last-child[b-wtq3fv402l] { border-bottom: none; }
.yr-stat-row span[b-wtq3fv402l] { color: #64748b; font-size: 0.88rem; }
.yr-stat-row strong[b-wtq3fv402l] { font-size: 1.1rem; color: var(--t-text, #1e293b); }
.yr-stat-row .yr-warn[b-wtq3fv402l] { color: #f59e0b; }
.yr-stat-row .yr-ok[b-wtq3fv402l] { color: #22c55e; }

/* ═══ TOTAL ROW ═══ */
.yr-total-row[b-wtq3fv402l] { text-align: right; padding: 14px 0 0; border-top: 2px solid #e2e8f0; margin-top: 10px; }
.yr-total-row strong[b-wtq3fv402l] { font-size: 1.05rem; color: var(--t-text, #1e293b); }

/* ═══ MINI STATS ═══ */
.yr-summary-cards.yr-inline[b-wtq3fv402l] { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; }
.yr-mini-stat[b-wtq3fv402l] { text-align: center; }
.yr-ms-val[b-wtq3fv402l] { display: block; font-size: 2rem; font-weight: 800; color: var(--t-text, #1e293b); }
.yr-ms-lbl[b-wtq3fv402l] { display: block; font-size: 0.82rem; color: #64748b; font-weight: 600; }

/* ═══ EMPTY ═══ */
.yr-empty[b-wtq3fv402l] { text-align: center; padding: 30px; color: #94a3b8; font-size: 0.9rem; }

/* ═══ MOBİL UYUMLULUK ═══ */
@media (max-width: 768px) {
    .yr-section[b-wtq3fv402l] { padding: 14px; }
    .yr-summary-cards[b-wtq3fv402l] { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .yr-summary-cards.yr-small[b-wtq3fv402l] { grid-template-columns: repeat(2, 1fr); }
    .yr-card[b-wtq3fv402l] { padding: 14px; gap: 10px; }
    .yr-card-icon[b-wtq3fv402l] { font-size: 1.5rem; }
    .yr-card-val[b-wtq3fv402l] { font-size: 1.2rem; }
    .yr-panel-grid[b-wtq3fv402l] { grid-template-columns: 1fr; }
    .yr-bar-label[b-wtq3fv402l] { width: 90px; font-size: 0.75rem; }
    .yr-trend-chart[b-wtq3fv402l] { height: 150px; gap: 4px; }
    .yr-trend-lbl[b-wtq3fv402l] { font-size: 0.6rem; }
    .yr-region-grid[b-wtq3fv402l] { grid-template-columns: 1fr; }
    .yr-il-persons[b-wtq3fv402l] { grid-template-columns: 1fr; }
    .yr-konum-grid[b-wtq3fv402l] { grid-template-columns: 1fr; }
    .yr-rank-name[b-wtq3fv402l] { width: 100px; }
    .yr-donem-bar[b-wtq3fv402l] { flex-wrap: wrap; }
    .yr-map-container[b-wtq3fv402l] { min-height: 300px; height: 350px; }
    .yr-saat-chart[b-wtq3fv402l] { overflow-x: auto; min-width: 600px; }

    .igt-tabs[b-wtq3fv402l] {
        display: flex; flex-wrap: wrap; gap: 8px;
        padding: 14px; border-bottom: none;
        background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    }
    .igt-tab[b-wtq3fv402l] {
        flex: 1 1 auto; min-width: 0;
        padding: 10px 14px; border: 1.5px solid var(--t-card-border, #e2e8f0); background: var(--t-card, white);
        border-radius: 12px; font-size: 0.78rem; font-weight: 700;
        color: var(--t-text-muted, #64748b); text-align: center;
        display: flex; align-items: center; justify-content: center; gap: 5px;
        border-bottom: none;
        box-shadow: 0 1px 3px rgba(0,0,0,0.04);
    }
    .igt-tab:hover[b-wtq3fv402l] {
        color: #6366f1; border-color: #c7d2fe; background: #fafaff;
    }
    .igt-tab.active[b-wtq3fv402l] {
        color: white;
        background: linear-gradient(135deg, #6366f1, #818cf8);
        border-color: #6366f1;
        box-shadow: 0 3px 12px rgba(99,102,241,0.25);
    }
}

@media (max-width: 480px) {
    .yr-summary-cards[b-wtq3fv402l] { grid-template-columns: 1fr; }
    .yr-gender-bar[b-wtq3fv402l] { height: 32px; }
}

/* ═══ PERSONEL ÖZLÜK SEKMESİ ═══ */
.po-select-row[b-wtq3fv402l] {
    display: flex; align-items: center; gap: 12px; margin-bottom: 20px;
}
.po-select-wrap[b-wtq3fv402l] { flex: 1; max-width: 400px; }
.po-clear-btn[b-wtq3fv402l] {
    padding: 8px 16px; border-radius: 10px; border: 1.5px solid #e2e8f0;
    background: var(--t-card, white); font-size: 0.82rem; font-weight: 600;
    cursor: pointer; color: #64748b; transition: all 0.2s;
}
.po-clear-btn:hover[b-wtq3fv402l] { border-color: #ef4444; color: #ef4444; }

.po-empty-state[b-wtq3fv402l] {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    padding: 80px 24px; text-align: center; color: #94a3b8;
}
.po-empty-icon[b-wtq3fv402l] { font-size: 4rem; margin-bottom: 16px; opacity: 0.5; }
.po-empty-state h3[b-wtq3fv402l] { font-size: 1.2rem; color: var(--t-text, #334155); margin: 0 0 8px; }
.po-empty-state p[b-wtq3fv402l] { font-size: 0.88rem; max-width: 420px; line-height: 1.6; }

/* Profil Kartı */
.po-profile-card[b-wtq3fv402l] {
    display: flex; align-items: center; gap: 20px; padding: 24px;
    background: var(--t-card, white); border-radius: 16px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06); margin-bottom: 20px;
    border-left: 4px solid #6366f1;
}
.po-avatar-wrap[b-wtq3fv402l] { position: relative; flex-shrink: 0; }
.po-avatar[b-wtq3fv402l] { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; border: 3px solid #e2e8f0; }
.po-avatar-placeholder[b-wtq3fv402l] {
    width: 72px; height: 72px; border-radius: 50%; background: linear-gradient(135deg, #6366f1, #8b5cf6);
    display: flex; align-items: center; justify-content: center;
    color: white; font-size: 1.4rem; font-weight: 800;
}
.po-status[b-wtq3fv402l] {
    position: absolute; bottom: 2px; right: 2px; width: 16px; height: 16px;
    border-radius: 50%; border: 3px solid var(--t-card, white);
}
.po-status.online[b-wtq3fv402l] { background: #22c55e; }
.po-status.offline[b-wtq3fv402l] { background: #94a3b8; }
.po-profile-info[b-wtq3fv402l] { flex: 1; }
.po-name[b-wtq3fv402l] { font-size: 1.3rem; font-weight: 800; color: var(--t-text, #1e293b); margin: 0 0 6px; }
.po-meta[b-wtq3fv402l] { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }
.po-tag[b-wtq3fv402l] {
    padding: 3px 10px; border-radius: 8px; font-size: 0.75rem; font-weight: 700;
    background: #f1f5f9; color: #475569;
}
.po-tag-green[b-wtq3fv402l] { background: #dcfce7; color: #166534; }
.po-tag-red[b-wtq3fv402l] { background: #fee2e2; color: #991b1b; }
.po-tag-blue[b-wtq3fv402l] { background: #dbeafe; color: #1e40af; }
.po-detail-row[b-wtq3fv402l] { display: flex; flex-wrap: wrap; gap: 16px; font-size: 0.82rem; color: #64748b; }

/* Maaş Grid */
.po-maas-grid[b-wtq3fv402l] { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.po-maas-item[b-wtq3fv402l] {
    display: flex; justify-content: space-between; align-items: center;
    padding: 6px 10px; border-radius: 8px; background: var(--t-hover, #f8fafc);
}
.po-maas-full[b-wtq3fv402l] { grid-column: 1 / -1; }
.po-maas-lbl[b-wtq3fv402l] { font-size: 0.78rem; color: #64748b; font-weight: 600; }
.po-maas-val[b-wtq3fv402l] { font-size: 0.85rem; font-weight: 700; color: var(--t-text, #1e293b); }
.po-maas-net[b-wtq3fv402l] { color: #059669; font-size: 1rem; }

/* Bilgi Grid */
.po-info-grid[b-wtq3fv402l] { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; }
.po-info-item[b-wtq3fv402l] { padding: 5px 8px; border-radius: 8px; background: var(--t-hover, #f8fafc); }
.po-info-full[b-wtq3fv402l] { grid-column: 1 / -1; }
.po-info-lbl[b-wtq3fv402l] { display: block; font-size: 0.72rem; color: #94a3b8; font-weight: 600; text-transform: uppercase; margin-bottom: 2px; }
.po-info-val[b-wtq3fv402l] { font-size: 0.82rem; font-weight: 600; color: var(--t-text, #334155); }

/* Tablo */
.po-table-wrap[b-wtq3fv402l] { overflow-x: auto; }
.po-table[b-wtq3fv402l] { width: 100%; border-collapse: collapse; font-size: 0.8rem; }
.po-table th[b-wtq3fv402l] {
    text-align: left; padding: 8px 10px; font-size: 0.7rem; text-transform: uppercase;
    color: #94a3b8; border-bottom: 2px solid var(--t-card-border, #e2e8f0); font-weight: 700;
}
.po-table td[b-wtq3fv402l] { padding: 8px 10px; border-bottom: 1px solid var(--t-card-border, #f1f5f9); }
.po-table tfoot td[b-wtq3fv402l] { border-top: 2px solid var(--t-card-border, #e2e8f0); }
.po-table-sm th[b-wtq3fv402l], .po-table-sm td[b-wtq3fv402l] { padding: 6px 8px; font-size: 0.76rem; }
.po-td-tutar[b-wtq3fv402l] { text-align: right; font-weight: 700; font-variant-numeric: tabular-nums; }
.po-td-center[b-wtq3fv402l] { text-align: center; }

/* Kategori etiketleri */
.po-kat-tag[b-wtq3fv402l] { padding: 2px 8px; border-radius: 6px; font-size: 0.72rem; font-weight: 700; }
.po-kat-hizmet[b-wtq3fv402l] { background: #dbeafe; color: #1e40af; }
.po-kat-masraf[b-wtq3fv402l] { background: #fef3c7; color: #92400e; }

/* Sponsor özet */
.po-sponsor-ozet[b-wtq3fv402l] { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--t-card-border, #e2e8f0); }
.po-sponsor-ozet h4[b-wtq3fv402l] { font-size: 0.82rem; color: #64748b; margin: 0 0 8px; }
.po-sponsor-tags[b-wtq3fv402l] { display: flex; flex-wrap: wrap; gap: 8px; }
.po-sponsor-tag[b-wtq3fv402l] {
    padding: 8px 14px; border-radius: 10px; background: linear-gradient(135deg, #eff6ff, #dbeafe);
    display: flex; flex-direction: column; gap: 2px;
}
.po-sponsor-tag strong[b-wtq3fv402l] { font-size: 0.82rem; color: #1e40af; }
.po-sponsor-tag span[b-wtq3fv402l] { font-size: 0.72rem; color: #64748b; }

/* Yetkilendirme satırları */
.po-yetki-row[b-wtq3fv402l] {
    display: flex; justify-content: space-between; align-items: center;
    padding: 8px 12px; border-radius: 10px; background: var(--t-hover, #f8fafc);
    margin-bottom: 4px;
}
.po-yetki-info[b-wtq3fv402l] { display: flex; flex-direction: column; gap: 2px; }
.po-yetki-info strong[b-wtq3fv402l] { font-size: 0.82rem; color: var(--t-text, #334155); }
.po-yetki-info span[b-wtq3fv402l] { font-size: 0.72rem; color: #94a3b8; }
.po-yetki-durum[b-wtq3fv402l] { font-size: 0.75rem; font-weight: 700; padding: 4px 10px; border-radius: 8px; }
.po-yd-ok[b-wtq3fv402l] { background: #dcfce7; color: #166534; }
.po-yd-wait[b-wtq3fv402l] { background: #fef3c7; color: #92400e; }

/* İzin durum etiketleri */
.po-izin-durum[b-wtq3fv402l] { padding: 2px 8px; border-radius: 6px; font-size: 0.72rem; font-weight: 700; }
.po-izd-ok[b-wtq3fv402l] { background: #dcfce7; color: #166534; }
.po-izd-wait[b-wtq3fv402l] { background: #fef3c7; color: #92400e; }
.po-izd-red[b-wtq3fv402l] { background: #fee2e2; color: #991b1b; }

/* Ekipman satırları */
.po-ekip-row[b-wtq3fv402l] {
    display: flex; align-items: center; gap: 10px;
    padding: 8px 12px; border-radius: 10px; background: var(--t-hover, #f8fafc);
    margin-bottom: 4px;
}
.po-ekip-icon[b-wtq3fv402l] { font-size: 1.3rem; }
.po-ekip-info[b-wtq3fv402l] { flex: 1; display: flex; flex-direction: column; gap: 1px; }
.po-ekip-info strong[b-wtq3fv402l] { font-size: 0.82rem; color: var(--t-text, #334155); }
.po-ekip-info span[b-wtq3fv402l] { font-size: 0.72rem; color: #94a3b8; }
.po-ekip-meta[b-wtq3fv402l] { font-size: 0.7rem; color: #64748b; }

/* Yıl Filtre */
.po-yil-wrap[b-wtq3fv402l] { display: flex; align-items: center; gap: 6px; }
.po-yil-wrap label[b-wtq3fv402l] { font-size: 1.1rem; }
.po-yil-wrap select[b-wtq3fv402l] { min-width: 100px; }

/* Finansal Özet Kartları */
.po-finans-grid[b-wtq3fv402l] { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px; }
.po-finans-card[b-wtq3fv402l] {
    background: var(--t-bg, #f8fafc); border-radius: 14px; padding: 16px;
    border: 1.5px solid var(--t-card-border, #e2e8f0); transition: all 0.2s;
}
.po-finans-card:hover[b-wtq3fv402l] { border-color: #6366f1; box-shadow: 0 4px 16px rgba(99,102,241,0.1); }
.po-finans-header[b-wtq3fv402l] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.po-finans-para[b-wtq3fv402l] {
    font-size: 1.1rem; font-weight: 800; color: var(--t-text, #1e293b);
    background: linear-gradient(135deg, #eff6ff, #dbeafe); padding: 4px 14px;
    border-radius: 10px;
}
.po-finans-adet[b-wtq3fv402l] { font-size: 0.78rem; font-weight: 600; color: #94a3b8; }
.po-finans-body[b-wtq3fv402l] { display: flex; flex-direction: column; gap: 4px; }
.po-finans-row[b-wtq3fv402l] {
    display: flex; justify-content: space-between; align-items: center;
    padding: 5px 8px; border-radius: 8px;
}
.po-finans-row:hover[b-wtq3fv402l] { background: var(--t-card, white); }
.po-finans-lbl[b-wtq3fv402l] { font-size: 0.8rem; font-weight: 600; color: #64748b; }
.po-finans-val[b-wtq3fv402l] { font-size: 0.88rem; font-weight: 700; color: var(--t-text, #1e293b); font-variant-numeric: tabular-nums; }
.po-val-blue[b-wtq3fv402l] { color: #3b82f6; }
.po-val-orange[b-wtq3fv402l] { color: #f59e0b; }
.po-val-green[b-wtq3fv402l] { color: #059669; }
.po-finans-total[b-wtq3fv402l] { border-top: 2px solid var(--t-card-border, #e2e8f0); padding-top: 8px; margin-top: 4px; }
.po-finans-total .po-finans-val[b-wtq3fv402l] { font-size: 1rem; font-weight: 800; }
.po-finans-highlight[b-wtq3fv402l] {
    background: linear-gradient(135deg, #ecfdf5, #d1fae5); border-radius: 10px;
    padding: 10px 12px; margin-top: 4px;
}
.po-finans-highlight .po-finans-lbl[b-wtq3fv402l] { color: #065f46; font-weight: 700; }
.po-finans-highlight .po-finans-val[b-wtq3fv402l] { font-size: 1rem; font-weight: 800; }

/* Aylık Performans Grid (12 ay kartları) */
.po-aylik-grid[b-wtq3fv402l] {
    display: grid; grid-template-columns: repeat(12, 1fr); gap: 6px;
}
.po-ay-card[b-wtq3fv402l] {
    display: flex; flex-direction: column; align-items: center; gap: 4px;
    padding: 8px 4px; border-radius: 10px;
    background: var(--t-bg, #f8fafc); border: 1px solid transparent;
    transition: all 0.2s; min-height: 120px;
}
.po-ay-card.po-ay-filled[b-wtq3fv402l] { background: #eff6ff; border-color: #bfdbfe; }
.po-ay-card.po-ay-future[b-wtq3fv402l] { opacity: 0.4; }
.po-ay-card:hover[b-wtq3fv402l] { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); }
.po-ay-head[b-wtq3fv402l] {
    font-size: 0.72rem; font-weight: 800; color: #64748b;
    text-transform: uppercase; letter-spacing: 0.5px;
}
.po-ay-bar-wrap[b-wtq3fv402l] {
    flex: 1; width: 100%; display: flex; align-items: flex-end; justify-content: center;
    min-height: 50px;
}
.po-ay-bar[b-wtq3fv402l] {
    width: 60%; max-width: 28px;
    background: linear-gradient(180deg, #6366f1, #818cf8);
    border-radius: 6px 6px 0 0; min-height: 0;
    transition: height 0.5s ease;
}
.po-ay-val[b-wtq3fv402l] {
    font-size: 0.72rem; font-weight: 700; color: #94a3b8;
    white-space: nowrap;
}
.po-ay-val-active[b-wtq3fv402l] { color: var(--t-text, #1e293b); font-size: 0.76rem; }
.po-ay-masraf[b-wtq3fv402l] { font-size: 0.62rem; color: #f59e0b; font-weight: 700; }

/* Trend bar green variant */
.yr-bar-green[b-wtq3fv402l] { background: linear-gradient(180deg, #22c55e, #4ade80); }

/* Compact Panel Body */
.po-compact-body[b-wtq3fv402l] { padding: 12px 16px; }
.po-section-divider[b-wtq3fv402l] { height: 1px; background: var(--t-card-border, #e2e8f0); margin: 10px 0; }
.po-compact-row[b-wtq3fv402l] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 6px 0; gap: 8px;
}
.po-compact-info[b-wtq3fv402l] { display: flex; flex-direction: column; gap: 1px; flex: 1; min-width: 0; }
.po-compact-info strong[b-wtq3fv402l] { font-size: 0.78rem; color: var(--t-text, #334155); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.po-compact-info span[b-wtq3fv402l] { font-size: 0.68rem; color: #94a3b8; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.po-compact-val[b-wtq3fv402l] { font-weight: 800; font-size: 0.82rem; white-space: nowrap; flex-shrink: 0; }

/* Mini Stat Grid */
.po-stat-mini-grid[b-wtq3fv402l] {
    display: flex; gap: 12px; margin-bottom: 12px; padding-bottom: 10px;
    border-bottom: 1px solid var(--t-card-border, #e2e8f0);
}
.po-stat-mini[b-wtq3fv402l] { text-align: center; flex: 1; }
.po-stat-mini-val[b-wtq3fv402l] { display: block; font-size: 1.1rem; font-weight: 800; color: var(--t-text, #1e293b); }
.po-stat-mini-lbl[b-wtq3fv402l] { display: block; font-size: 0.68rem; color: #94a3b8; font-weight: 600; }

@media (max-width: 768px) {
    .po-profile-card[b-wtq3fv402l] { flex-direction: column; align-items: flex-start; }
    .po-maas-grid[b-wtq3fv402l], .po-info-grid[b-wtq3fv402l] { grid-template-columns: 1fr; }
    .po-select-row[b-wtq3fv402l] { flex-direction: column; align-items: stretch; }
    .po-select-wrap[b-wtq3fv402l] { max-width: none; }
    .po-finans-grid[b-wtq3fv402l] { grid-template-columns: 1fr; }
    .po-yil-wrap[b-wtq3fv402l] { justify-content: center; }
    .po-aylik-grid[b-wtq3fv402l] { grid-template-columns: repeat(6, 1fr); }
    .po-ay-card[b-wtq3fv402l] { min-height: 90px; }
    .po-stat-mini-grid[b-wtq3fv402l] { gap: 6px; }
    .po-stat-mini-val[b-wtq3fv402l] { font-size: 0.92rem; }
}

@media (max-width: 480px) {
    .po-aylik-grid[b-wtq3fv402l] { grid-template-columns: repeat(4, 1fr); }
}

/* ═══ KAR / ZARAR ANALİZİ ═══ */
.kz-panel .yr-panel-head[b-wtq3fv402l] { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.kz-badge-profit[b-wtq3fv402l] {
    background: linear-gradient(135deg, #dcfce7, #bbf7d0) !important;
    color: #166534 !important; font-weight: 800;
}
.kz-badge-loss[b-wtq3fv402l] {
    background: linear-gradient(135deg, #fee2e2, #fecaca) !important;
    color: #991b1b !important; font-weight: 800;
}
.kz-grid[b-wtq3fv402l] {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px;
    margin-bottom: 10px;
}
.kz-card[b-wtq3fv402l] {
    background: var(--t-bg, #f8fafc);
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 14px; padding: 18px 20px;
    display: flex; flex-direction: column; gap: 8px;
    transition: all 0.2s;
}
.kz-card:hover[b-wtq3fv402l] { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(0,0,0,0.08); }
.kz-card-head[b-wtq3fv402l] {
    font-size: 0.78rem; font-weight: 700; color: #64748b;
    text-transform: uppercase; letter-spacing: 0.4px;
}
.kz-card-val[b-wtq3fv402l] {
    font-size: 1.6rem; font-weight: 800; color: var(--t-text, #1e293b);
    font-variant-numeric: tabular-nums; line-height: 1.15;
}
.kz-card-sub[b-wtq3fv402l] {
    font-size: 0.76rem; color: #94a3b8; font-weight: 600;
    line-height: 1.45;
}
.kz-card-sub strong[b-wtq3fv402l] { color: #475569; font-weight: 700; }

.kz-gelir[b-wtq3fv402l] {
    background: linear-gradient(135deg, #eff6ff, #dbeafe);
    border-color: #bfdbfe;
}
.kz-gelir .kz-card-val[b-wtq3fv402l] { color: #1d4ed8; }
.kz-gelir .kz-card-head[b-wtq3fv402l] { color: #1e40af; }

.kz-gider[b-wtq3fv402l] {
    background: linear-gradient(135deg, #fff7ed, #fed7aa);
    border-color: #fdba74;
}
.kz-gider .kz-card-val[b-wtq3fv402l] { color: #c2410c; }
.kz-gider .kz-card-head[b-wtq3fv402l] { color: #9a3412; }

.kz-net-profit[b-wtq3fv402l] {
    background: linear-gradient(135deg, #ecfdf5, #bbf7d0);
    border-color: #86efac;
}
.kz-net-profit .kz-card-val[b-wtq3fv402l] { color: #047857; }
.kz-net-profit .kz-card-head[b-wtq3fv402l] { color: #065f46; }

.kz-net-loss[b-wtq3fv402l] {
    background: linear-gradient(135deg, #fef2f2, #fecaca);
    border-color: #fca5a5;
}
.kz-net-loss .kz-card-val[b-wtq3fv402l] { color: #b91c1c; }
.kz-net-loss .kz-card-head[b-wtq3fv402l] { color: #991b1b; }

.kz-uyari[b-wtq3fv402l] {
    margin-top: 10px; padding: 10px 14px;
    background: #fffbeb; border: 1px solid #fcd34d;
    border-radius: 10px; font-size: 0.8rem;
    color: #92400e; font-weight: 600;
}
.kz-uyari.kz-info[b-wtq3fv402l] {
    background: #eff6ff; border-color: #bfdbfe; color: #1e40af;
}

@media (max-width: 768px) {
    .kz-grid[b-wtq3fv402l] { grid-template-columns: 1fr; }
    .kz-card-val[b-wtq3fv402l] { font-size: 1.3rem; }
}
/* /Components/Shared/ConfirmPopup.razor.rz.scp.css */
/* ═══ CONFIRM POPUP ═══ */
.cpopup-overlay[b-ip24ohpj4f] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.5);
    backdrop-filter: blur(4px);
    z-index: 9000;
    animation: cpopupFadeIn-b-ip24ohpj4f 0.2s ease;
}

.cpopup-box[b-ip24ohpj4f] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border-radius: 20px;
    padding: 32px 28px 24px;
    width: 380px;
    max-width: calc(100vw - 32px);
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.25);
    z-index: 9001;
    text-align: center;
    animation: cpopupSlide-b-ip24ohpj4f 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.cpopup-icon-area[b-ip24ohpj4f] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: linear-gradient(135deg, #fef2f2, #fee2e2);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
    font-size: 1.8rem;
}

.cpopup-title[b-ip24ohpj4f] {
    margin: 0 0 8px;
    font-size: 1.15rem;
    font-weight: 800;
    color: #1e293b;
}

.cpopup-message[b-ip24ohpj4f] {
    margin: 0 0 12px;
    font-size: 0.88rem;
    color: #64748b;
    line-height: 1.5;
}

.cpopup-detail[b-ip24ohpj4f] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 10px 14px;
    font-size: 0.82rem;
    font-weight: 600;
    color: #475569;
    margin-bottom: 20px;
    word-break: break-word;
}

.cpopup-actions[b-ip24ohpj4f] {
    display: flex;
    gap: 10px;
}

.cpopup-btn[b-ip24ohpj4f] {
    flex: 1;
    padding: 11px 16px;
    border-radius: 10px;
    border: none;
    font-weight: 700;
    font-size: 0.88rem;
    cursor: pointer;
    transition: all 0.2s;
}

.cpopup-yes[b-ip24ohpj4f] {
    background: linear-gradient(135deg, #ef4444, #dc2626);
    color: white;
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);
}

.cpopup-yes:hover[b-ip24ohpj4f] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(239, 68, 68, 0.4);
}

.cpopup-no[b-ip24ohpj4f] {
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #e2e8f0;
}

.cpopup-no:hover[b-ip24ohpj4f] {
    background: #e2e8f0;
}

@keyframes cpopupFadeIn-b-ip24ohpj4f {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes cpopupSlide-b-ip24ohpj4f {
    from { opacity: 0; transform: translate(-50%, -50%) scale(0.9); }
    to { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}
/* /Components/Shared/GlobalSearch.razor.rz.scp.css */
/* GlobalSearch artık notif-btn stilini kullanıyor, ek CSS gerekmiyor */
/* /Components/Shared/I18nLangBadges.razor.rz.scp.css */
.sv-i18n-langs[b-gtr198kmez] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 4px;
}

.sv-i18n-lang-chip[b-gtr198kmez] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 2px 6px;
    font-size: 0.64rem;
    font-weight: 700;
    color: #0369a1;
    background: #e0f2fe;
    border: 1px solid #bae6fd;
    border-radius: 5px;
    letter-spacing: 0.02em;
    line-height: 1;
    cursor: help;
}

.sv-i18n-lang-chip:hover[b-gtr198kmez] {
    background: #bae6fd;
    border-color: #7dd3fc;
}
/* /Components/Shared/LocalizedNameInput.razor.rz.scp.css */
/* ═══ Dil sekmeli sabit veri input ═══ */
.sv-i18n-input[b-sys507di31] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
}

/* SabitVeriler ile aynı görünüm — scoped CSS nedeniyle burada tekrar tanımlı */
.sv-input[b-sys507di31] {
    padding: 10px 14px;
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 10px;
    font-size: 0.88rem;
    outline: none;
    background: var(--t-card, white);
    color: var(--t-text, #334155);
    transition: border 0.2s, box-shadow 0.2s;
    box-sizing: border-box;
    width: 100%;
}
.sv-input:focus[b-sys507di31] {
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}
.sv-field-label[b-sys507di31] {
    display: block;
    font-size: 0.76rem;
    font-weight: 700;
    color: var(--t-text, #475569);
    margin-bottom: 5px;
    letter-spacing: 0.01em;
}
.sv-req[b-sys507di31] {
    color: #ef4444;
    font-weight: 800;
}

.sv-i18n-head[b-sys507di31] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    row-gap: 6px;
}

.sv-i18n-label[b-sys507di31] {
    margin: 0;
    flex: 0 0 auto;
    min-width: 140px;
}

.sv-i18n-tabs[b-sys507di31] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    row-gap: 6px;
    flex: 1 1 auto;
    justify-content: flex-end;
}

.sv-i18n-field[b-sys507di31] {
    width: 100%;
}

.sv-i18n-lang-btn[b-sys507di31] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 9px;
    font-size: 0.72rem;
    font-weight: 700;
    border: 1px solid var(--t-card-border, #cbd5e1);
    border-radius: 7px;
    background: var(--t-card, #fff);
    color: var(--t-text-muted, #64748b);
    cursor: pointer;
    transition: all 0.15s ease;
    position: relative;
    white-space: nowrap;
}

.sv-i18n-lang-btn:hover[b-sys507di31] {
    background: var(--t-hover, #f1f5f9);
    border-color: var(--t-accent, #4f46e5);
    color: var(--t-text, #334155);
}

.sv-i18n-lang-btn.active[b-sys507di31] {
    background: var(--t-accent, #4f46e5);
    border-color: var(--t-accent, #4f46e5);
    color: #fff;
    box-shadow: 0 2px 6px rgba(79, 70, 229, 0.25);
}

.sv-i18n-lang-btn.active:hover[b-sys507di31] {
    background: var(--t-accent-hover, #4338ca);
}

.sv-i18n-dot[b-sys507di31] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 0 1.5px var(--t-card, #fff);
    margin-left: 1px;
}

.sv-i18n-lang-btn.active .sv-i18n-dot[b-sys507di31] {
    background: #86efac;
    box-shadow: 0 0 0 1.5px var(--t-accent, #4f46e5);
}

.sv-i18n-translate-btn[b-sys507di31] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    font-size: 0.72rem;
    font-weight: 700;
    border: none;
    border-radius: 7px;
    background: linear-gradient(135deg, #10b981, #059669);
    color: #fff;
    cursor: pointer;
    transition: all 0.15s ease;
    box-shadow: 0 2px 6px rgba(16, 185, 129, 0.25);
    white-space: nowrap;
}

.sv-i18n-translate-btn:hover:not(:disabled)[b-sys507di31] {
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(16, 185, 129, 0.35);
    background: linear-gradient(135deg, #059669, #047857);
}

.sv-i18n-translate-btn:disabled[b-sys507di31] {
    opacity: 0.5;
    cursor: not-allowed;
    background: #94a3b8;
    box-shadow: none;
}

@media (max-width: 900px) {
    .sv-i18n-label[b-sys507di31] {
        flex: 1 1 100%;
    }
    .sv-i18n-tabs[b-sys507di31] {
        justify-content: flex-start;
    }
}
/* /Components/Shared/LocalizedTextArea.razor.rz.scp.css */
/* ═══ Dil sekmeli sabit veri textarea ═══ */
.sv-i18n-input[b-2pu78oumne] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
}

/* SabitVeriler ile aynı görünüm — scoped CSS nedeniyle burada tekrar tanımlı */
.sv-input[b-2pu78oumne] {
    padding: 10px 14px;
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 10px;
    font-size: 0.88rem;
    outline: none;
    background: var(--t-card, white);
    color: var(--t-text, #334155);
    transition: border 0.2s, box-shadow 0.2s;
    box-sizing: border-box;
    width: 100%;
    font-family: inherit;
    line-height: 1.5;
}
.sv-input:focus[b-2pu78oumne] {
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}
textarea.sv-input[b-2pu78oumne] {
    resize: vertical;
}
.sv-field-label[b-2pu78oumne] {
    display: block;
    font-size: 0.76rem;
    font-weight: 700;
    color: var(--t-text, #475569);
    margin-bottom: 5px;
    letter-spacing: 0.01em;
}
.sv-req[b-2pu78oumne] {
    color: #ef4444;
    font-weight: 800;
}

.sv-i18n-head[b-2pu78oumne] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    row-gap: 6px;
}

.sv-i18n-label[b-2pu78oumne] {
    margin: 0;
    flex: 0 0 auto;
    min-width: 140px;
}

.sv-i18n-tabs[b-2pu78oumne] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    row-gap: 6px;
    flex: 1 1 auto;
    justify-content: flex-end;
}

.sv-i18n-field[b-2pu78oumne] {
    width: 100%;
    resize: vertical;
}

.sv-i18n-lang-btn[b-2pu78oumne] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 9px;
    font-size: 0.72rem;
    font-weight: 700;
    border: 1px solid var(--t-card-border, #cbd5e1);
    border-radius: 7px;
    background: var(--t-card, #fff);
    color: var(--t-text-muted, #64748b);
    cursor: pointer;
    transition: all 0.15s ease;
    position: relative;
    white-space: nowrap;
}

.sv-i18n-lang-btn:hover[b-2pu78oumne] {
    background: var(--t-hover, #f1f5f9);
    border-color: var(--t-accent, #4f46e5);
    color: var(--t-text, #334155);
}

.sv-i18n-lang-btn.active[b-2pu78oumne] {
    background: var(--t-accent, #4f46e5);
    border-color: var(--t-accent, #4f46e5);
    color: #fff;
    box-shadow: 0 2px 6px rgba(79, 70, 229, 0.25);
}

.sv-i18n-dot[b-2pu78oumne] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 0 1.5px var(--t-card, #fff);
    margin-left: 1px;
}

.sv-i18n-lang-btn.active .sv-i18n-dot[b-2pu78oumne] {
    background: #86efac;
    box-shadow: 0 0 0 1.5px var(--t-accent, #4f46e5);
}

.sv-i18n-translate-btn[b-2pu78oumne] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    font-size: 0.72rem;
    font-weight: 700;
    border: none;
    border-radius: 7px;
    background: linear-gradient(135deg, #10b981, #059669);
    color: #fff;
    cursor: pointer;
    transition: all 0.15s ease;
    box-shadow: 0 2px 6px rgba(16, 185, 129, 0.25);
    white-space: nowrap;
}

.sv-i18n-translate-btn:hover:not(:disabled)[b-2pu78oumne] {
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(16, 185, 129, 0.35);
    background: linear-gradient(135deg, #059669, #047857);
}

.sv-i18n-translate-btn:disabled[b-2pu78oumne] {
    opacity: 0.5;
    cursor: not-allowed;
    background: #94a3b8;
    box-shadow: none;
}

@media (max-width: 900px) {
    .sv-i18n-label[b-2pu78oumne] {
        flex: 1 1 100%;
    }
    .sv-i18n-tabs[b-2pu78oumne] {
        justify-content: flex-start;
    }
}
/* /Components/Shared/MedisistAiAssistantFab.razor.rz.scp.css */
/* Yapay zekâ FAB — küçük buton katmanı + açık panel tam ekran üstünde */



.mai-fab-shell[b-yydtyh2fku] {

    position: fixed;

    right: 20px;

    bottom: calc(20px + env(safe-area-inset-bottom, 0));

    z-index: 12000;

}



.mai-fab-btn[b-yydtyh2fku] {

    width: 52px;

    height: 52px;

    border-radius: 50%;

    border: none;

    cursor: pointer;

    font-size: 1.5rem;

    line-height: 1;

    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.25);

    background: linear-gradient(135deg, #7c3aed, #4f46e5);

    color: #fff;

    transition: transform 0.15s ease, box-shadow 0.15s ease;

}



.mai-fab-btn:hover[b-yydtyh2fku] {

    transform: scale(1.05);

    box-shadow: 0 6px 22px rgba(79, 70, 229, 0.35);

}



.mai-backdrop[b-yydtyh2fku] {

    position: fixed;

    inset: 0;

    z-index: 12004;

    background: rgba(15, 23, 42, 0.42);

}



.mai-panel[b-yydtyh2fku] {

    position: fixed;

    right: calc(16px + env(safe-area-inset-right, 0));

    bottom: calc(16px + env(safe-area-inset-bottom, 0));

    width: min(96vw, 420px);

    max-height: 78vh;

    overflow: auto;

    background: var(--m-surface, #fff);

    border-radius: 14px;

    box-shadow: 0 14px 48px rgba(0, 0, 0, 0.25);

    padding: 14px 14px 16px;

    border: 1px solid rgba(148, 163, 184, 0.35);

    z-index: 12005;

}



.mai-panel-head[b-yydtyh2fku] {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 8px;

}



.mai-title[b-yydtyh2fku] {

    font-weight: 800;

    font-size: 0.95rem;

    color: var(--m-text, #0f172a);

}



.mai-close[b-yydtyh2fku] {

    border: none;

    background: transparent;

    cursor: pointer;

    font-size: 1.1rem;

    line-height: 1;

    opacity: 0.65;

    padding: 4px 8px;

}



.mai-close:hover[b-yydtyh2fku] {

    opacity: 1;

}



.mai-hint[b-yydtyh2fku] {

    font-size: 0.82rem;

    color: #475569;

    margin: 0 0 8px;

    line-height: 1.35;

}



.mai-hint-muted[b-yydtyh2fku] {

    font-size: 0.85rem;

    color: #64748b;

}



.mai-label[b-yydtyh2fku] {

    display: block;

    font-size: 0.78rem;

    font-weight: 700;

    margin: 10px 0 4px;

    color: #334155;

}



.mai-ta[b-yydtyh2fku] {

    width: 100%;

    box-sizing: border-box;

    padding: 10px 12px;

    border-radius: 10px;

    border: 1px solid #cbd5e1;

    font-size: 0.9rem;

    resize: vertical;

    min-height: 100px;

}



.mai-actions[b-yydtyh2fku] {

    margin-top: 10px;

    display: flex;

    flex-direction: column;

    gap: 8px;

}



.mai-btn[b-yydtyh2fku] {

    width: 100%;

    padding: 10px 14px;

}

.mai-btn-secondary[b-yydtyh2fku] {

    background: #f8fafc;

    color: #1e293b;

    border: 1px solid #cbd5e1 !important;

}



.mai-pre[b-yydtyh2fku] {

    margin: 8px 0 0;

    padding: 10px;

    background: #0f172a;

    color: #e2e8f0;

    border-radius: 10px;

    font-size: 0.76rem;

    white-space: pre-wrap;

    word-break: break-word;

    max-height: 240px;

    overflow: auto;

}



.mai-meta[b-yydtyh2fku] {

    margin: 8px 0 0;

    font-size: 0.76rem;

    color: #64748b;

}



.mai-err[b-yydtyh2fku] {

    margin-top: 10px;

    padding: 10px;

    background: #fef2f2;

    border: 1px solid #fecaca;

    border-radius: 10px;

    color: #b91c1c;

    font-size: 0.85rem;

}



@media (max-width: 600px) {

    .mai-panel[b-yydtyh2fku] {

        left: env(safe-area-inset-left, 0);

        right: env(safe-area-inset-right, 0);

        width: auto;

        bottom: 0;

        border-radius: 14px 14px 0 0;

        max-height: 90vh;

    }

}