/* /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(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.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],
.components-rejoining-animation[b-6wh4bxiduk] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-6wh4bxiduk],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[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],
#components-reconnect-modal.components-reconnect-retrying[b-6wh4bxiduk],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-6wh4bxiduk],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-6wh4bxiduk],
#components-reconnect-modal.components-reconnect-failed[b-6wh4bxiduk],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-6wh4bxiduk] {
    display: block;
}


#components-reconnect-modal[b-6wh4bxiduk] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-6wh4bxiduk 0.5s both;
    &[open]

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

}

#components-reconnect-modal[b-6wh4bxiduk]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-6wh4bxiduk 0.5s ease-in-out;
    opacity: 1;
}

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

#components-reconnect-modal p[b-6wh4bxiduk] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-6wh4bxiduk] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-6wh4bxiduk] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-6wh4bxiduk] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-6wh4bxiduk] {
    position: relative;
    width: 80px;
    height: 80px;
}

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

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

@keyframes components-rejoining-animation-b-6wh4bxiduk {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Ayarlar.razor.rz.scp.css */
.page-container[b-jhmvk2rtif] { width: 100%; margin: auto; padding: 20px 30px; }

/* Ş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);
}
.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)); }
.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; }
}

/* ═══ 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: 18px;
    box-shadow: 0 2px 16px rgba(0,0,0,0.07);
    overflow: hidden;
    border: 1px solid var(--t-card-border, #e2e8f0);
}

/* Sekmeler */
.blg-tabs[b-oat4kidb36] {
    display: flex;
    gap: 4px;
    border-bottom: 2px solid var(--t-card-border, #e2e8f0);
    background: var(--t-card, #f8fafc);
    overflow-x: auto;
    flex-wrap: wrap;
}
.blg-tab[b-oat4kidb36] {
    padding: 13px 22px;
    border: none;
    background: transparent;
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--t-text-muted, #64748b);
    cursor: pointer;
    border-bottom: 3px solid transparent;
    white-space: nowrap;
    transition: all 0.2s;
}
.blg-tab.active[b-oat4kidb36] {
    color: var(--t-accent, #6366f1);
    border-bottom-color: var(--t-accent, #6366f1);
    background: var(--t-card, #fff);
}
.blg-tab:hover:not(.active)[b-oat4kidb36] {
    color: var(--t-text, #334155);
    background: var(--t-hover, rgba(99,102,241,0.04));
}

/* 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] {
    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-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;
}
.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; }

/* 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: 50px 20px;
    color: var(--t-text-muted, #94a3b8);
}
.blg-empty-ico[b-oat4kidb36] { font-size: 3rem; margin-bottom: 12px; }
.blg-empty h3[b-oat4kidb36] { font-size: 1.1rem; margin: 0 0 6px; color: var(--t-text, #475569); }
.blg-empty p[b-oat4kidb36] { font-size: 0.85rem; margin: 0; }

/* 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; }

/* ═══ MOBİL ═══ */
@media (max-width: 768px) {
    .blg-card[b-oat4kidb36] { border-radius: 12px; }
    .blg-body[b-oat4kidb36] { padding: 14px; }
    .blg-tabs[b-oat4kidb36] {
        display: flex; flex-wrap: wrap; gap: 8px;
        padding: 14px; border-bottom: none;
        background: linear-gradient(180deg, var(--t-card, #fff) 0%, var(--t-hover, #f8fafc) 100%);
    }
    .blg-tab[b-oat4kidb36] {
        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);
    }
    .blg-tab:hover:not(.active)[b-oat4kidb36] {
        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);
    }
    .blg-tab.active[b-oat4kidb36] {
        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);
    }
    .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; }
}

@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-wrapper[b-smygjhfeyj] {
    background: var(--t-body, #f1f5f9); min-height: 100vh; min-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: 100vh; 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: var(--t-card-border, #e5e7eb) !important;
}
.ticker-item[b-smygjhfeyj] { color: var(--t-text, #334155) !important; }
.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 renkleri — soft yeşil ══ */
/* NOT: !important yok → app.css'teki [data-theme] kuralları override edebilsin */
.online-status[b-smygjhfeyj] {
    background: #f0fdf4;
    color: #15803d;
    border-color: #bbf7d0;
}
.online-status:hover[b-smygjhfeyj] { background: #dcfce7; }
.online-label[b-smygjhfeyj] { color: #15803d; }
.online-num[b-smygjhfeyj] { background: #22c55e; color: #fff; }
.online-dot[b-smygjhfeyj] { color: #4ade80; }
/* Tema override'ları → app.css'te */
.hb-arrow[b-smygjhfeyj] { color: var(--t-text-muted, #94a3b8) !important; }
.hb-text[b-smygjhfeyj] { color: inherit !important; }

/* Dashboard bildirim butonu — header btn ile aynı yükseklik */
.dash-notif-wrap[b-smygjhfeyj] { margin-right: 0; }
.dash-notif-btn[b-smygjhfeyj] {
    width: 40px !important;
    height: 40px !important;
    border-radius: 10px !important;
    font-size: 1.1rem !important;
    background: var(--t-hover, #f8fafc) !important;
    color: var(--t-text, #475569) !important;
    border: 1px solid var(--t-card-border, #e2e8f0) !important;
}
.dash-notif-btn:hover[b-smygjhfeyj] {
    background: var(--t-accent-light, #e2e8f0) !important;
}
.dash-notif-btn .notif-badge[b-smygjhfeyj] {
    border-color: var(--t-card, 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[b-smygjhfeyj] {
    background: var(--t-accent-light, linear-gradient(135deg, #f0f9ff, #e0f2fe)) !important;
    color: var(--t-accent, #0369a1) !important;
    border-color: var(--t-card-border, #7dd3fc) !important;
}
.btn-user:hover[b-smygjhfeyj] {
    background: var(--t-hover, linear-gradient(135deg, #e0f2fe, #bae6fd)) !important;
}
.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; }
.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; }
.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] {
    color: white; font-size: 1.3rem; font-weight: 900; z-index: 1;
    text-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.logo-text[b-smygjhfeyj] { display: flex; flex-direction: column; gap: 2px; }
.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;
}

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

/* 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; }
.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; }
.hb-arrow[b-smygjhfeyj] { font-size: 0.7rem; color: #94a3b8; margin-left: 2px; }

.btn-user[b-smygjhfeyj] {
    background: linear-gradient(135deg, #f0f9ff, #e0f2fe); color: #0369a1; border: 1px solid #7dd3fc;
}
.btn-user:hover[b-smygjhfeyj] { background: linear-gradient(135deg, #e0f2fe, #bae6fd); border-color: #38bdf8; }

/* 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: all 0.2s; animation: warningPulse-b-smygjhfeyj 3s ease-in-out infinite;
}
.profile-warning:hover[b-smygjhfeyj] { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(245,158,11,0.25); }
@keyframes warningPulse-b-smygjhfeyj { 0%, 100% { border-color: #f59e0b; } 50% { border-color: #d97706; } }
.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; animation: none; }
.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); }
.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); }

/* ═══ 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;
}
.online-search input[b-smygjhfeyj] {
    width: 100%; padding: 8px 12px; 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-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;
}
.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(4, 1fr);
    gap: 22px; padding: 40px 36px; max-width: 1400px; margin: 0 auto;
}

.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: 2rem; margin-bottom: 14px; transition: all 0.3s ease;
    width: 52px; height: 52px; display: flex; align-items: center; justify-content: center;
    border-radius: 14px; background: color-mix(in srgb, var(--t-accent, #0ea5e9) 8%, transparent);
}
.menu-card:hover .icon-box[b-smygjhfeyj] { transform: scale(1.1) rotate(-3deg); background: color-mix(in srgb, var(--t-accent, #0ea5e9) 15%, transparent); }
.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 infinite;
}
@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] {
    background: #ef4444; color: white; padding: 3px 10px; border-radius: 12px;
    font-size: 0.72rem; font-weight: 800; margin-top: 8px;
}

/* ═══ FOOTER DUYURU ═══ */
.footer-ticker[b-smygjhfeyj] {
    position: fixed; bottom: 0; width: 100%; z-index: 1000;
    background: var(--t-card, white);
    border-top: 1px solid var(--t-card-border, #e5e7eb);
    box-shadow: 0 -4px 20px rgba(0,0,0,0.06);
    display: flex; align-items: center; height: 44px; overflow: hidden;
}
.ticker-icon-wrap[b-smygjhfeyj] {
    position: relative; flex-shrink: 0;
    padding: 0 16px; display: flex; align-items: center; justify-content: center;
    height: 100%;
    background: linear-gradient(135deg, var(--t-accent, #6366f1), color-mix(in srgb, var(--t-accent, #6366f1) 70%, #a855f7));
}
.ticker-icon[b-smygjhfeyj] { font-size: 1.1rem; position: relative; z-index: 1; filter: grayscale(0) brightness(1.1); }
.ticker-pulse[b-smygjhfeyj] {
    position: absolute; width: 8px; height: 8px; border-radius: 50%;
    background: #4ade80; top: 8px; right: 10px;
    animation: tickerPulse-b-smygjhfeyj 2s ease-in-out infinite;
}
@keyframes tickerPulse-b-smygjhfeyj { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.4; transform: scale(1.4); } }
.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 3%, black 97%, transparent 100%);
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, black 3%, black 97%, transparent 100%);
}
.ticker-scroll[b-smygjhfeyj] {
    display: flex; align-items: center; gap: 0; white-space: nowrap;
    animation: tickerSlide-b-smygjhfeyj 25s linear infinite;
    padding-left: 100%;
}
.ticker-scroll:hover[b-smygjhfeyj] { animation-play-state: paused; }
@keyframes tickerSlide-b-smygjhfeyj { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } }
.ticker-item[b-smygjhfeyj] {
    font-size: 0.82rem; font-weight: 600; color: var(--t-text, #334155);
    padding: 0 8px;
}
.ticker-dot[b-smygjhfeyj] {
    color: var(--t-accent, #6366f1); font-size: 0.6rem; opacity: 0.5; padding: 0 6px;
}

/* ═══ RESPONSIVE ═══ */

@media (max-width: 1300px) {
    .menu-container[b-smygjhfeyj] { grid-template-columns: repeat(3, 1fr); }
}

/* ═══ 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] {
    color: white; font-size: 1.6rem; font-weight: 900; z-index: 1;
    text-shadow: 0 2px 8px 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; }
.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] { font-size: 1.3rem; }
    .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; }
    .main-header[b-smygjhfeyj] { padding: 0 20px; }
}

@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] { font-size: 1rem; }
    .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] { height: 34px; font-size: 0.78rem; padding: 0 10px; border-radius: 8px; white-space: nowrap; }
    .hb-text[b-smygjhfeyj] { display: none; }
    .hb-arrow[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(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: 42px; height: 42px; border-radius: 11px; }
    .card-label[b-smygjhfeyj] { font-size: 0.92rem; }
    .card-desc[b-smygjhfeyj] { font-size: 0.76rem; }
    .footer-ticker[b-smygjhfeyj] { font-size: 0.8rem; height: 38px; }
    .ticker-icon-wrap[b-smygjhfeyj] { padding: 0 10px; }
    .ticker-icon[b-smygjhfeyj] { font-size: 0.95rem; }
    .profile-warning[b-smygjhfeyj] { margin: 12px 12px 0; padding: 12px 14px; flex-wrap: wrap; }
    .pw-action[b-smygjhfeyj] { width: 100%; text-align: right; }
    .zb-item[b-smygjhfeyj] { flex-wrap: wrap; }
    .zb-is-btn[b-smygjhfeyj] { font-size: 0.65rem; padding: 2px 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: 40px; height: 40px; border-radius: 10px; }
    .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: linear-gradient(135deg, var(--t-accent-light, #eef2ff) 0%, color-mix(in srgb, var(--t-accent-light, #e0e7ff) 80%, var(--t-accent, #6366f1) 20%) 100%);
    border: 1.5px solid color-mix(in srgb, var(--t-accent, #6366f1) 30%, var(--t-card-border, #c7d2fe) 70%);
    border-radius: 16px;
    padding: 14px 18px; transition: all 0.15s;
}
.ziyaret-banner:hover[b-smygjhfeyj] { box-shadow: 0 4px 16px color-mix(in srgb, var(--t-accent, #6366f1) 15%, transparent); }
.ziyaret-banner-gecikmis[b-smygjhfeyj] {
    background: linear-gradient(135deg, #fef2f2 0%, #fecaca 100%);
    border-color: #f87171;
}
.ziyaret-banner-gecikmis .zb-header[b-smygjhfeyj] { color: #dc2626; }
.ziyaret-banner-gecikmis:hover[b-smygjhfeyj] { box-shadow: 0 4px 16px rgba(220, 38, 38, 0.15); }
.zb-header[b-smygjhfeyj] { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; font-size: 0.9rem; color: var(--t-accent, #4338ca); }
.zb-list[b-smygjhfeyj] { display: flex; flex-direction: column; gap: 5px; }
.zb-item[b-smygjhfeyj] {
    display: flex; align-items: center; gap: 8px; padding: 6px 10px;
    background: var(--t-card, white); border-radius: 8px; border: 1px solid var(--t-card-border, #e2e8f0);
    font-size: 0.8rem; flex-wrap: nowrap; color: var(--t-text, #1e293b); cursor: pointer;
    transition: background 0.15s;
}
.zb-item:hover[b-smygjhfeyj] { background: var(--t-hover, #f0f9ff); }
.zb-item.blue[b-smygjhfeyj] { border-left: 3px solid var(--t-accent, #6366f1); background: var(--t-accent-light, #eef2ff); }
.zb-item.green[b-smygjhfeyj] { border-left: 3px solid #16a34a; background: #f0fdf4; }
.zb-item.red[b-smygjhfeyj] { border-left: 3px solid #dc2626; background: #fef2f2; }
.zb-durum[b-smygjhfeyj] { font-size: 0.9rem; }
.zb-merkez[b-smygjhfeyj] { font-weight: 700; color: var(--t-text, #1e293b); }
.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; }
.zb-sponsor[b-smygjhfeyj] { color: var(--t-text-muted, #64748b); font-weight: 600; font-size: 0.72rem; }
.zb-proje[b-smygjhfeyj] { color: var(--t-text-muted, #64748b); font-weight: 600; font-size: 0.72rem; }
.zb-saat[b-smygjhfeyj] { color: var(--t-text-muted, #64748b); font-weight: 600; font-size: 0.75rem; margin-left: auto; }
.zb-is-btn[b-smygjhfeyj] {
    margin-left: auto; padding: 3px 10px; border-radius: 6px; border: 1.5px solid var(--t-accent, #0ea5e9);
    background: var(--t-accent-light, #f0f9ff); color: var(--t-accent, #0369a1);
    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] { background: var(--t-accent, #0ea5e9); color: white; }
/* Gecikmiş buton — varsayılan (aydınlık) kırmızı, temalarda accent'e geçer */
.ziyaret-banner-gecikmis .zb-is-btn[b-smygjhfeyj] {
    border-color: #dc2626;
    background: #fef2f2;
    color: #dc2626;
}
.ziyaret-banner-gecikmis .zb-is-btn:hover[b-smygjhfeyj] { background: #dc2626; color: white; }

/* ═══ BİLGİ WİDGET'LARI ═══ */
.widget-section[b-smygjhfeyj] {
    max-width: 1400px; margin: 0 auto 50px; box-sizing: border-box;
    padding: 0 36px;
    background: var(--t-card, white);
    border: 1.5px solid var(--t-card-border, #e2e8f0);
    border-radius: 20px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.04);
    overflow: hidden;
    transition: box-shadow 0.3s;
}
.widget-section:hover[b-smygjhfeyj] {
    box-shadow: 0 4px 20px rgba(0,0,0,0.07);
}
.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(6, 1fr);
    gap: 14px; width: 100%;
    padding: 18px 0 20px;
    animation: widgetFadeIn-b-smygjhfeyj 0.4s ease;
}
@keyframes widgetFadeIn-b-smygjhfeyj { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }

.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: 1200px) {
    .widget-container[b-smygjhfeyj] { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 900px) {
    .widget-section[b-smygjhfeyj] { padding: 0 18px; margin: 0 20px 50px; }
    .widget-container[b-smygjhfeyj] { grid-template-columns: repeat(3, 1fr); gap: 10px; }
    .widget[b-smygjhfeyj] { padding: 14px 12px; min-height: 64px; }
}
@media (max-width: 600px) {
    .widget-section[b-smygjhfeyj] { padding: 0 14px; margin: 0 12px 50px; border-radius: 14px; }
    .widget-container[b-smygjhfeyj] { grid-template-columns: repeat(2, 1fr); gap: 8px; }
    .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; }
    .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] {
    background: linear-gradient(135deg, rgba(127,29,29,0.25) 0%, rgba(153,27,27,0.2) 100%);
    border-color: rgba(248,113,113,0.35);
}
: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] {
    background: rgba(127,29,29,0.3);
    border-color: rgba(248,113,113,0.3);
    border-left-color: #f87171;
}
/* Gecikmiş buton — tema accent'i kullanır, ek override gerekmez */
:global([data-theme="dark"]) .zb-item.green[b-smygjhfeyj],
:global([data-theme="midnight"]) .zb-item.green[b-smygjhfeyj] {
    background: rgba(22,101,52,0.2);
    border-left-color: #4ade80;
}

/* ═══ 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.6; }
.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;
}

/* ═══ Şİ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;
    margin-bottom: 18px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}
.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 */
.ozel-gun-banner.ozel-29ekim[b-smygjhfeyj]::after,
.ozel-gun-banner.ozel-30agustos[b-smygjhfeyj]::after,
.ozel-gun-banner.ozel-19mayis[b-smygjhfeyj]::after,
.ozel-gun-banner.ozel-15temmuz[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");
}

/* Ç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");
}

/* ═══ MOBİL UYUM ═══ */
@media (max-width: 768px) {
    .ozel-gun-banner[b-smygjhfeyj] { padding: 16px 18px; border-radius: 12px; margin-bottom: 14px; }
    .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; }
}
/* /Components/Pages/DestekTaleplerim.razor.rz.scp.css */
/* ═══ HEADER ═══ */
.dt-header-bar[b-deirxpe2hc] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 20px 24px; flex-wrap: wrap; gap: 12px;
}
.dt-header-left h2[b-deirxpe2hc] { margin: 0; font-size: 1.2rem; font-weight: 800; color: #1e293b; }
.dt-header-sub[b-deirxpe2hc] { font-size: 0.82rem; color: #94a3b8; }
.dt-back-btn[b-deirxpe2hc] {
    padding: 6px 14px; background: #f1f5f9; border: 1.5px solid #e2e8f0;
    border-radius: 8px; cursor: pointer; font-weight: 600; font-size: 0.82rem;
    color: #6366f1; transition: all 0.2s; margin-bottom: 6px;
}
.dt-back-btn:hover[b-deirxpe2hc] { background: #e0e7ff; border-color: #6366f1; }
.dt-new-btn[b-deirxpe2hc] {
    padding: 10px 24px; background: linear-gradient(135deg, #6366f1, #a855f7);
    color: white; border: none; border-radius: 10px; cursor: pointer;
    font-weight: 700; font-size: 0.88rem; transition: all 0.2s;
    box-shadow: 0 4px 14px rgba(99,102,241,0.25); white-space: nowrap;
}
.dt-new-btn:hover[b-deirxpe2hc] { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(99,102,241,0.3); }

/* ═══ MESAJ ═══ */
.dt-msg[b-deirxpe2hc] {
    margin: 0 24px 12px; padding: 12px 18px; 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 24px 16px; padding: 10px 16px; 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);
}

/* ═══ YENİ TALEP FORMU ═══ */
.dt-new-form[b-deirxpe2hc] {
    margin: 0 24px 16px; padding: 24px; 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); }
.dt-form-actions[b-deirxpe2hc] { display: flex; gap: 10px; margin-top: 14px; }

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

/* ═══ 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-msg-count[b-deirxpe2hc] { font-size: 0.72rem; color: #6366f1; font-weight: 700; }

/* 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; }

/* ═══ 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: 10px; margin-top: 12px; flex-wrap: wrap; }
.dt-btn[b-deirxpe2hc] {
    padding: 10px 24px; border: none; border-radius: 10px; cursor: pointer;
    font-weight: 700; font-size: 0.88rem; transition: all 0.2s;
}
.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 #f1f5f9;
}
.dt-closed-info span[b-deirxpe2hc] { font-size: 0.78rem; color: #94a3b8; margin-left: 4px; }

/* ═══ 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; }

/* ═══ MOBİL GERİ BUTONU (desktop'ta gizli) ═══ */
.dt-mobil-back[b-deirxpe2hc] { display: none; padding: 12px 24px 0; flex-shrink: 0; }

/* ═══ MOBİL UYUMLULUK ═══ */
@media (max-width: 768px) {
    /* Header */
    .dt-header-bar[b-deirxpe2hc] {
        flex-direction: column; align-items: stretch;
        padding: 14px 14px; gap: 10px;
    }
    .dt-header-left h2[b-deirxpe2hc] { font-size: 1.05rem; }
    .dt-header-sub[b-deirxpe2hc] { font-size: 0.76rem; display: block; margin-top: 4px; }
    .dt-new-btn[b-deirxpe2hc] {
        width: 100%; text-align: center; padding: 12px 16px; font-size: 0.85rem;
    }
    .dt-back-btn[b-deirxpe2hc] { font-size: 0.78rem; padding: 5px 10px; margin-bottom: 4px; }

    /* Mesaj */
    .dt-msg[b-deirxpe2hc] { margin: 0 14px 10px; padding: 10px 14px; font-size: 0.84rem; }

    /* Filtreler */
    .dt-filter-wrap[b-deirxpe2hc] {
        margin: 0 14px 12px; 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.76rem; padding: 6px 10px; }
    .dt-filter-wrap > .pl-search[b-deirxpe2hc] { min-width: 160px; flex-shrink: 0; }
    .dt-filter-wrap > .pl-search input[b-deirxpe2hc] { font-size: 0.82rem; padding: 7px 10px; }

    /* 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-actions[b-deirxpe2hc] { flex-direction: column; }
    .dt-form-actions .dt-btn[b-deirxpe2hc] { width: 100%; text-align: center; }

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

    /* Liste — varsayılan: görünür */
    .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 aktifken: listeyi gizle, detayı göster */
    .dt-layout.dt-detail-active .dt-list[b-deirxpe2hc] { display: none; }
    .dt-layout.dt-detail-active .dt-detail[b-deirxpe2hc] { display: flex; overflow: visible; }
    .dt-detail-card[b-deirxpe2hc] { overflow: visible; }

    /* Mobil geri butonu */
    .dt-mobil-back[b-deirxpe2hc] {
        display: inline-flex; align-items: center; gap: 6px;
        padding: 12px 16px 0; margin-bottom: 0;
        background: transparent; border: none;
        cursor: pointer; font-weight: 700; font-size: 0.82rem; color: #6366f1;
        transition: all 0.2s;
    }
    .dt-mobil-back:hover[b-deirxpe2hc] { color: #4f46e5; }

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

    /* Thread — mobilde max yükseklik, kendi içinde scroll */
    .dt-thread[b-deirxpe2hc] {
        max-height: 50vh; overflow-y: auto;
        padding: 16px; flex: none;
    }
    .dt-bubble[b-deirxpe2hc] { max-width: 90%; padding: 12px 14px; border-radius: 12px; }
    .dt-bubble-text[b-deirxpe2hc] { font-size: 0.85rem; }

    /* Yanıt */
    .dt-reply-area[b-deirxpe2hc] { padding: 16px; }
    .dt-reply-input[b-deirxpe2hc] { font-size: 0.85rem; padding: 10px 12px; }
    .dt-reply-actions[b-deirxpe2hc] { flex-direction: column; }
    .dt-reply-actions .dt-btn[b-deirxpe2hc] { width: 100%; text-align: center; font-size: 0.84rem; }
    .dt-closed-info[b-deirxpe2hc] { padding: 14px 16px; }

    /* 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; }
}
/* /Components/Pages/DogumGunleri.razor.rz.scp.css */
.page-container[b-tz55a48hq1] { width: 100%; margin: auto; padding: 20px 30px; }

.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; }

/* ═══ 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-date[b-tz55a48hq1] { text-align: right; }
.bday-day[b-tz55a48hq1] {
    display: block; font-weight: 700; font-size: 0.88rem; color: var(--t-text, #475569);
}

.bday-countdown[b-tz55a48hq1] { min-width: 90px; text-align: center; }

.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;
}
@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;
}
.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; }

@media (max-width: 600px) {
    .bday-row[b-tz55a48hq1] { flex-wrap: wrap; gap: 10px; padding: 12px; }
    .bday-date[b-tz55a48hq1] { text-align: left; }
    .bday-countdown[b-tz55a48hq1] { width: 100%; text-align: left; }
    .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: 20px 30px;
}

/* ═══ 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); }

/* ═══ SERTİFİKA BANNER ═══ */
.sertifika-banner[b-ug8f6m155w] {
    text-align: center;
    background: linear-gradient(135deg, #f0fdf4, #ecfdf5);
    border: 2px solid #86efac;
    border-radius: 20px;
    padding: 40px 30px;
    margin-bottom: 20px;
}
.sertifika-badge[b-ug8f6m155w] { font-size: 3.5rem; margin-bottom: 12px; }
.sertifika-banner h2[b-ug8f6m155w] { color: #166534; margin: 0 0 8px; font-weight: 800; }
.sertifika-banner p[b-ug8f6m155w] { color: #64748b; margin: 0; }

.btn-sertifika[b-ug8f6m155w] {
    margin-top: 16px; 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); }

/* ═══ İ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; }
.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, #f0fdf4, #ecfdf5);
    border: 1.5px solid #86efac; 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: #166534; }
.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 POPUP ═══ */
.cert-overlay[b-ug8f6m155w] {
    position: fixed; inset: 0; background: rgba(15,23,42,0.7);
    backdrop-filter: blur(6px); z-index: 9000;
}
.cert-popup[b-ug8f6m155w] {
    position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
    z-index: 9001; width: 700px; max-width: calc(100vw - 24px); max-height: 90vh;
    overflow-y: auto; animation: certSlide-b-ug8f6m155w 0.4s cubic-bezier(0.175,0.885,0.32,1.275);
}
.cert-close[b-ug8f6m155w] {
    position: absolute; top: 12px; right: 12px; z-index: 2;
    width: 36px; height: 36px; border-radius: 50%; border: none;
    background: rgba(0,0,0,0.3); color: white; font-size: 1.1rem;
    cursor: pointer; transition: all 0.2s;
}
.cert-close:hover[b-ug8f6m155w] { background: rgba(0,0,0,0.5); }

.cert-body[b-ug8f6m155w] {
    background: white; border-radius: 4px; padding: 8px;
    box-shadow: 0 25px 60px rgba(0,0,0,0.3);
}
.cert-border[b-ug8f6m155w] {
    border: 3px solid #b8860b; padding: 40px 36px; text-align: center;
    position: relative;
    background: linear-gradient(135deg, #fffef7 0%, #fefce8 50%, #fffef7 100%);
}
.cert-top-line[b-ug8f6m155w] { height: 4px; background: linear-gradient(90deg, #b8860b, #daa520, #b8860b); margin: -40px -36px 24px; }
.cert-emblem[b-ug8f6m155w] { font-size: 2.5rem; margin-bottom: 8px; }
.cert-title[b-ug8f6m155w] {
    font-size: 1.8rem; font-weight: 900; color: #1a365d;
    letter-spacing: 4px; margin: 0 0 4px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.cert-subtitle[b-ug8f6m155w] { font-size: 0.85rem; color: #b8860b; font-weight: 700; letter-spacing: 2px; }
.cert-divider[b-ug8f6m155w] {
    width: 120px; height: 2px; margin: 20px auto;
    background: linear-gradient(90deg, transparent, #b8860b, transparent);
}
.cert-text[b-ug8f6m155w] { color: #475569; font-size: 0.95rem; margin: 8px 0; }
.cert-name[b-ug8f6m155w] {
    font-size: 1.8rem; font-weight: 900; color: #1a365d; margin: 12px 0;
    font-style: italic; border-bottom: 2px solid #b8860b;
    display: inline-block; padding-bottom: 4px;
}
.cert-details[b-ug8f6m155w] {
    display: flex; justify-content: center; gap: 28px; margin: 24px 0;
    flex-wrap: wrap;
}
.cert-detail-item[b-ug8f6m155w] { display: flex; flex-direction: column; gap: 2px; }
.cert-label[b-ug8f6m155w] { font-size: 0.72rem; color: #94a3b8; font-weight: 700; text-transform: uppercase; }
.cert-detail-item strong[b-ug8f6m155w] { font-size: 0.9rem; color: #1e293b; }
.cert-footer[b-ug8f6m155w] {
    display: flex; justify-content: space-between; align-items: flex-end;
    margin-top: 32px; padding-top: 20px;
}
.cert-sign[b-ug8f6m155w] { text-align: center; }
.cert-sign-line[b-ug8f6m155w] { width: 120px; height: 1px; background: #94a3b8; margin-bottom: 4px; }
.cert-sign span[b-ug8f6m155w] { font-size: 0.75rem; color: #64748b; font-weight: 700; }
.cert-stamp[b-ug8f6m155w] {
    font-size: 1rem; color: #b8860b; font-weight: 900; letter-spacing: 2px;
    border: 2px solid #b8860b; border-radius: 50%; width: 80px; height: 80px;
    display: flex; align-items: center; justify-content: center;
    transform: rotate(-15deg); opacity: 0.6;
}

@keyframes certSlide-b-ug8f6m155w {
    from { opacity: 0; transform: translate(-50%,-50%) scale(0.9); }
    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; }

/* ═══ 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-border[b-ug8f6m155w] { padding: 24px 16px; }
    .cert-title[b-ug8f6m155w] { font-size: 1.3rem; letter-spacing: 2px; }
    .cert-name[b-ug8f6m155w] { font-size: 1.3rem; }
    .cert-details[b-ug8f6m155w] { gap: 16px; }
    .cert-footer[b-ug8f6m155w] { flex-direction: column; align-items: center; gap: 16px; }
    .all-done-box[b-ug8f6m155w] { flex-direction: column; text-align: center; }
    .btn-sinava-gec[b-ug8f6m155w] { margin-left: 0; width: 100%; }
}
/* /Components/Pages/Ekipmanlarim.razor.rz.scp.css */
/* ═══ EKİPMANLARIM — Hakkimda stiline uyumlu ═══ */

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

/* 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-ico[b-p75b1vdbq8] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.88rem;
    pointer-events: none;
}
.ekm-search-wrap input[b-p75b1vdbq8] {
    width: 100%;
    padding: 9px 14px 9px 34px;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    font-size: 0.85rem;
    transition: border-color 0.2s;
    box-sizing: border-box;
    background: #fcfdfe;
}
.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.78rem; font-weight: 700; color: #94a3b8; white-space: nowrap; }

/* 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; }

/* 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; }
.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; }
.td-teslim[b-p75b1vdbq8] { color: #16a34a; font-weight: 600; margin-top: 2px; }
.td-cert[b-p75b1vdbq8] { text-align: center; }

.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-row[b-p75b1vdbq8] { flex-direction: column; align-items: stretch; }
}

/* ═══ 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; }

/* ═══ 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); }
}
/* /Components/Pages/Hakkimda.razor.rz.scp.css */
.page-container[b-3esqwok0cx] {
    width: 100%;
    margin: auto;
    padding: 20px 30px;
}

/* ═══ 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 rgba(0,0,0,0.06), 0 1px 3px rgba(0,0,0,0.04);
}

/* ═══ BANNER ═══ */
.profile-banner[b-3esqwok0cx] {
    position: relative;
    background: linear-gradient(135deg, #1e293b 0%, #312e81 60%, #4338ca 100%);
    padding: 32px 28px 28px;
    min-height: 140px;
}

.banner-gradient[b-3esqwok0cx] {
    position: absolute;
    inset: 0;
    background: 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.05'%3E%3Ccircle cx='30' cy='30' r='4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    pointer-events: none;
}

.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 rgba(255,255,255,0.8);
    box-shadow: 0 4px 20px rgba(0,0,0,0.2);
}

.photo-placeholder[b-3esqwok0cx] {
    width: 100px; height: 100px; border-radius: 50%;
    background: rgba(255,255,255,0.2); backdrop-filter: blur(10px);
    display: flex; align-items: center; justify-content: center;
    color: white; font-size: 2rem; font-weight: 800;
    border: 4px solid rgba(255,255,255,0.4);
}

.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: #f0f9ff; }

/* Name Area */
.profile-info[b-3esqwok0cx] { display: flex; flex-direction: column; gap: 6px; }
.profile-info h2[b-3esqwok0cx] { margin: 0; font-size: 1.6rem; font-weight: 800; color: white; text-shadow: 0 1px 3px rgba(0,0,0,0.15); }
.profile-role[b-3esqwok0cx] { color: rgba(255,255,255,0.85); 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); }

/* ═══ TAB BAR ═══ */
.tab-bar[b-3esqwok0cx] {
    display: flex; gap: 2px; padding: 12px 20px 0;
    border-bottom: 2px solid #f1f5f9;
    overflow-x: auto;
}

.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: #94a3b8; cursor: pointer;
    border-bottom: 3px solid transparent; transition: all 0.2s; white-space: nowrap;
}

.tab-btn:hover[b-3esqwok0cx] { color: #475569; background: #f8fafc; }

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

.tab-icon[b-3esqwok0cx] { font-size: 1rem; }

/* ═══ TAB CONTENT ═══ */
.tab-content[b-3esqwok0cx] { padding: 20px; }

/* ═══ 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: #f8fafc; border: 1px solid #e2e8f0; border-radius: 14px;
    padding: 20px; transition: border-color 0.2s;
}

.info-card:hover[b-3esqwok0cx] { border-color: #cbd5e1; }
.info-card.wide[b-3esqwok0cx] { grid-column: 1 / -1; }

.card-header[b-3esqwok0cx] {
    font-weight: 800; font-size: 0.95rem; color: #1e293b;
    padding-bottom: 12px; margin-bottom: 14px;
    border-bottom: 2px solid #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 #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: #6366f1; color: #6366f1; }

.chip-check.checked[b-3esqwok0cx] {
    background: #6366f1; color: white; border-color: #6366f1;
    box-shadow: 0 2px 8px rgba(99,102,241,0.25);
}

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

.field-group label[b-3esqwok0cx] {
    font-weight: 700; color: #475569; font-size: 0.88rem;
    flex-shrink: 0; min-width: 120px;
}

.readonly-val[b-3esqwok0cx] {
    color: #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: 240px; width: 100%; transition: all 0.2s;
    outline: none;
}

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

.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: 8px 12px 0; }
    .tab-btn[b-3esqwok0cx] { padding: 8px 10px; font-size: 0.78rem; }
    .tab-text[b-3esqwok0cx] { display: none; }
    .tab-btn[b-3esqwok0cx] { position: relative; }
    .tab-btn:active[b-3esqwok0cx]::after, .tab-btn:focus[b-3esqwok0cx]::after {
        content: attr(data-label);
        position: absolute;
        bottom: calc(100% + 6px);
        left: 50%;
        transform: translateX(-50%);
        background: #1e293b;
        color: white;
        padding: 4px 10px;
        border-radius: 6px;
        font-size: 0.72rem;
        font-weight: 700;
        white-space: nowrap;
        z-index: 100;
        pointer-events: none;
        animation: tooltip-in-b-3esqwok0cx 0.15s ease;
    }
    .tab-btn:active[b-3esqwok0cx]::before, .tab-btn:focus[b-3esqwok0cx]::before {
        content: '';
        position: absolute;
        bottom: calc(100% + 2px);
        left: 50%;
        transform: translateX(-50%);
        border: 5px solid transparent;
        border-top-color: #1e293b;
        z-index: 100;
        pointer-events: none;
    }
    .tab-content[b-3esqwok0cx] { padding: 14px; }
    .info-card[b-3esqwok0cx] { padding: 14px; }
    .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-ozet-grid[b-3esqwok0cx] { grid-template-columns: 1fr; }
    .maas-grafik[b-3esqwok0cx] { height: 150px; }
}
/* /Components/Pages/Hastalar.razor.rz.scp.css */
.page-container[b-jf1js0yfgc] {
    width: 100%;
    margin: auto;
    padding: 20px 30px;
    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;
    }

    .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;
    }
}
/* /Components/Pages/IsGirisi.razor.rz.scp.css */
.page-container[b-lnhqai5ept] {
    width: 100%;
    margin: auto;
    padding: 20px 30px;
    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;
    }

    .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;
}
.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-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;
}
.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); }

/* ═══ 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; }
}
/* /Components/Pages/Izinlerim.razor.rz.scp.css */
.page-container[b-0ci0e21o9y] { padding: 20px 30px; 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; }
.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; }

@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; }
}
/* /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;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    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;
    padding: 15px;
    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] {
    color: white; font-size: 1.8rem; font-weight: 900; z-index: 1;
    text-shadow: 0 2px 8px 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;
}

/* 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: 14px 16px;
        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: 1rem;
        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] {
    font-size: 1.5rem;
    filter: grayscale(1) brightness(10);
}
.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] {
    font-size: 0.9rem;
}
.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;
}

.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] { font-size: 1.3rem; }
    .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: fixed;
    left: 22px;
    bottom: 18px;
    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: default;
    animation: creator-fade-in-b-50ld4j534t 1.2s ease forwards;
}

.secure-icon[b-50ld4j534t] {
    font-size: 0.62rem;
    flex-shrink: 0;
    display: inline-block;
    animation: secure-pulse-b-50ld4j534t 3s ease-in-out infinite;
    filter: drop-shadow(0 0 4px rgba(34, 197, 94, 0.5));
}

@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: fixed;
    bottom: 18px;
    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] {
        padding: 12px 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] { font-size: 1.4rem; }
    .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] { 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; }

    .secure-badge[b-50ld4j534t], .creator-badge[b-50ld4j534t] {
        font-size: 0.54rem;
        height: 26px;
        padding: 0 10px 0 8px;
        bottom: 10px;
        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; }
}

/* Sadece ekran yüksekliği gerçekten yetersizse yukarı hizala */
@media (max-height: 640px) {
    .login-page[b-50ld4j534t] {
        justify-content: flex-start;
        padding-top: 8px;
    }
    .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] { font-size: 1.3rem; }
    .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] { 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; }
}

/* =========================================
   Şİ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;
    }

/* =========================================
   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;
}

    .flag-wrapper svg[b-50ld4j534t] {
        /* Bayrağın boyutunu buradan ayarlayabilirsin */
        width: 35px;
        height: auto;
        /* SVG feTurbulence ile dalgalanma sağlanır, CSS ile hafif sallantı eklenir */
        transform-origin: left center;
        animation: flag-sway-b-50ld4j534t 4s ease-in-out infinite;
    }

@keyframes flag-sway-b-50ld4j534t {
    0%, 100% {
        transform: rotate(0deg) scaleX(1);
    }
    25% {
        transform: rotate(0.8deg) scaleX(0.98);
    }
    50% {
        transform: rotate(-0.5deg) scaleX(1.01);
    }
    75% {
        transform: rotate(0.6deg) scaleX(0.99);
    }
}

/* 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;
}

/* Beni hatırla özelleştirmeleri */
.form-actions[b-50ld4j534t] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 24px;
}

.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"]) .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"]) .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] { font-size: 2.5rem; margin-bottom: 8px; }
.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] {
    color: white;
    font-size: 1.5rem;
    font-weight: 900;
    text-shadow: 0 2px 6px 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] {
    font-size: 0.95rem;
    flex-shrink: 0;
}

.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,
.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%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");
}
.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; }
}
/* /Components/Pages/MasrafGirisi.razor.rz.scp.css */
.page-container[b-qjnkgolvqr] {
    width: 100%;
    margin: auto;
    padding: 20px 30px;
    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(--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(--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(--t-text-muted, #94a3b8);
    text-transform: uppercase;
    letter-spacing: 0.3px;
    text-align: center;
    line-height: 1.3;
}

.bal-val[b-qjnkgolvqr] {
    font-size: 1rem;
    font-weight: 800;
    color: var(--t-text, #1e293b);
}

.bal-val.waiting-val[b-qjnkgolvqr] { color: #64748b; }
.bal-val.arrived-val[b-qjnkgolvqr] { color: #0ea5e9; }
.bal-val.pending-val[b-qjnkgolvqr] { color: #d97706; }
.bal-val.debt-val[b-qjnkgolvqr] { color: #dc2626; }
.bal-val.paid-val[b-qjnkgolvqr] { color: #16a34a; }
.bal-val.total-val[b-qjnkgolvqr] { color: #6366f1; }
.bal-val.positive[b-qjnkgolvqr] { color: #16a34a; }
.bal-val.negative[b-qjnkgolvqr] { color: #dc2626; }

.bal-note[b-qjnkgolvqr] {
    font-size: 0.68rem;
    color: #94a3b8;
    font-weight: 500;
}

/* Clickable bal-item */
.bal-item.clickable[b-qjnkgolvqr] {
    cursor: pointer;
    transition: all 0.2s;
    border-radius: 8px;
}
.bal-item.clickable:hover[b-qjnkgolvqr] {
    background: #f0fdf4;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(22,163,74,0.1);
}

/* === Ö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: 14px;
    align-items: start;
}

.form-grid .group[b-qjnkgolvqr] {
    display: flex;
    flex-direction: column;
    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: 4px;
    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;
    transition: width 0.2s ease, height 0.2s ease;
}

/* === 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; }
    .form-section[b-qjnkgolvqr] { padding: 14px; }
    .form-grid[b-qjnkgolvqr] { grid-template-columns: 1fr; gap: 10px; }
    .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; }
    .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-proje[b-qjnkgolvqr] { font-size: 0.78rem; color: #6366f1; font-weight: 600; margin-bottom: 4px; }
.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; }
.avans-field[b-qjnkgolvqr] { display: flex; flex-direction: column; gap: 4px; }
.avans-field.grow[b-qjnkgolvqr] { flex: 1; min-width: 200px; }
.avans-field label[b-qjnkgolvqr] { font-size: 0.78rem; font-weight: 700; color: #475569; }
.avans-btn[b-qjnkgolvqr] { white-space: nowrap; height: fit-content; }

/* 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; }
}
/* /Components/Pages/MesajKutusu.razor.rz.scp.css */
.page-container[b-3o2v653pzp] { width: 100%; margin: auto; padding: 20px 30px; outline: none; height: calc(100vh - 80px); display: flex; flex-direction: column; }

.msg-layout[b-3o2v653pzp] {
    display: grid; grid-template-columns: 360px 1fr; gap: 0;
    background: var(--t-card, #fff); border-radius: 14px; border: 1px solid var(--t-card-border, #e2e8f0);
    overflow: hidden; flex: 1; min-height: 0; box-shadow: 0 4px 24px rgba(0,0,0,0.04);
}

/* Sidebar */
.msg-sidebar[b-3o2v653pzp] { border-right: 1px solid var(--t-card-border, #e2e8f0); display: flex; flex-direction: column; min-height: 0; overflow: hidden; }

.msg-sidebar-header[b-3o2v653pzp] {
    display: flex; justify-content: space-between; align-items: center;
    padding: 16px 18px; border-bottom: 1px solid var(--t-card-border, #e2e8f0);
}
.msg-sidebar-header h3[b-3o2v653pzp] { margin: 0; font-size: 1.15rem; font-weight: 800; color: var(--t-text, #1e293b); }
.msg-header-btns[b-3o2v653pzp] { display: flex; gap: 6px; }

.compose-btn[b-3o2v653pzp] {
    padding: 7px 14px; border-radius: 8px; border: none; font-weight: 700; font-size: 0.82rem;
    background: linear-gradient(135deg, #4f46e5, #6366f1); color: white; cursor: pointer;
    transition: all 0.2s;
}
.compose-btn:hover[b-3o2v653pzp] { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(99,102,241,0.3); }

.msg-tabs[b-3o2v653pzp] { display: flex; border-bottom: 1px solid #e2e8f0; }

.msg-tab[b-3o2v653pzp] {
    flex: 1; padding: 10px; text-align: center; border: none; background: transparent;
    font-weight: 700; font-size: 0.85rem; color: #94a3b8; cursor: pointer;
    border-bottom: 3px solid transparent; transition: all 0.2s;
}
.msg-tab:hover[b-3o2v653pzp] { color: #475569; background: #f8fafc; }
.msg-tab.active[b-3o2v653pzp] { color: #6366f1; border-bottom-color: #6366f1; }

.unread-badge[b-3o2v653pzp] {
    background: #ef4444; color: white; padding: 1px 7px; border-radius: 10px;
    font-size: 0.7rem; margin-left: 4px; font-weight: 800;
}

.msg-search-bar[b-3o2v653pzp] {
    padding: 10px 14px; border-bottom: 1px solid #e2e8f0; flex-shrink: 0;
}
.msg-search-bar input[b-3o2v653pzp] {
    width: 100%; padding: 8px 12px; border: 1.5px solid #e2e8f0;
    border-radius: 8px; font-size: 0.82rem; outline: none;
    box-sizing: border-box; transition: all 0.2s;
}
.msg-search-bar input:focus[b-3o2v653pzp] { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.1); }

.msg-list[b-3o2v653pzp] { flex: 1; overflow-y: auto; }

.msg-item[b-3o2v653pzp] {
    display: flex; gap: 12px; padding: 14px 16px; border-bottom: 1px solid #f1f5f9;
    cursor: pointer; transition: background 0.15s;
}
.msg-item:hover[b-3o2v653pzp] { background: #f8fafc; }
.msg-item.selected[b-3o2v653pzp] { background: #eef2ff; border-left: 3px solid #6366f1; }
.msg-item.unread[b-3o2v653pzp] { background: #fefce8; }
.msg-item.unread .msg-from[b-3o2v653pzp] { font-weight: 900; }

.msg-avatar[b-3o2v653pzp] {
    width: 40px; height: 40px; border-radius: 50%; flex-shrink: 0;
    background: linear-gradient(135deg, #4f46e5, #6366f1); color: white;
    display: flex; align-items: center; justify-content: center;
    font-weight: 800; font-size: 0.85rem;
}

.msg-avatar-img[b-3o2v653pzp] {
    width: 40px; height: 40px; border-radius: 50%; flex-shrink: 0;
    object-fit: cover; border: 2px solid #e2e8f0;
}

.msg-preview[b-3o2v653pzp] { flex: 1; min-width: 0; }
.msg-from[b-3o2v653pzp] { font-weight: 700; font-size: 0.88rem; color: #1e293b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.msg-subject[b-3o2v653pzp] { font-size: 0.82rem; color: #64748b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 2px; }
.msg-meta[b-3o2v653pzp] { display: flex; align-items: center; gap: 8px; margin-top: 4px; }
.msg-date[b-3o2v653pzp] { font-size: 0.72rem; color: #94a3b8; }

.read-status[b-3o2v653pzp] { font-size: 0.68rem; font-weight: 700; padding: 1px 6px; border-radius: 6px; }
.read-status.read[b-3o2v653pzp] { color: #6366f1; background: #eef2ff; }
.read-status.unread-status[b-3o2v653pzp] { color: #94a3b8; background: #f1f5f9; }

.msg-empty[b-3o2v653pzp] { padding: 30px; text-align: center; color: #94a3b8; font-size: 0.9rem; }

/* Content Area */
.msg-content[b-3o2v653pzp] { display: flex; flex-direction: column; min-height: 0; overflow: hidden; }

.msg-placeholder[b-3o2v653pzp] {
    flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center;
    color: #94a3b8;
}
.placeholder-icon[b-3o2v653pzp] { font-size: 3rem; margin-bottom: 12px; opacity: 0.4; }

/* Detail Wrapper — fills entire content area */
.msg-detail-wrapper[b-3o2v653pzp] {
    flex: 1; display: flex; flex-direction: column; min-height: 0; overflow: hidden;
}

/* Detail — yarı alan, içinden scroll */
.msg-detail[b-3o2v653pzp] { padding: 24px; flex: 1 1 50%; min-height: 0; overflow-y: auto;
    scrollbar-width: thin; scrollbar-color: #cbd5e1 transparent;
}
.msg-detail[b-3o2v653pzp]::-webkit-scrollbar { width: 5px; }
.msg-detail[b-3o2v653pzp]::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
.msg-detail[b-3o2v653pzp]::-webkit-scrollbar-track { background: transparent; }
.detail-header[b-3o2v653pzp] { margin-bottom: 16px; }
.detail-header h3[b-3o2v653pzp] { margin: 0 0 4px; font-size: 1.2rem; font-weight: 800; color: #1e293b; }
.detail-date[b-3o2v653pzp] { font-size: 0.8rem; color: #94a3b8; }
.detail-parties[b-3o2v653pzp] { display: flex; gap: 20px; font-size: 0.85rem; color: #475569; margin-bottom: 20px; padding-bottom: 16px; border-bottom: 1px solid #f1f5f9; }
.detail-body[b-3o2v653pzp] {
    font-size: 0.92rem; color: #334155; line-height: 1.7; white-space: pre-wrap;
}

.detail-actions[b-3o2v653pzp] {
    display: flex; align-items: center; gap: 12px; margin-top: 20px;
    padding-top: 16px; border-top: 1px solid #f1f5f9; flex-wrap: wrap;
}

.detail-read-status[b-3o2v653pzp] {
    font-size: 0.82rem; font-weight: 700; padding: 4px 12px; border-radius: 16px;
}
.detail-read-status.read[b-3o2v653pzp] { color: #6366f1; background: #eef2ff; }
.detail-read-status.unread-status[b-3o2v653pzp] { color: #94a3b8; background: #f1f5f9; }

.reply-btn[b-3o2v653pzp] {
    padding: 9px 18px; border-radius: 10px; border: 1.5px solid #6366f1;
    background: #eef2ff; color: #6366f1; font-weight: 700; font-size: 0.85rem; cursor: pointer;
    transition: all 0.2s;
}
.reply-btn:hover[b-3o2v653pzp] { background: #e0e7ff; transform: translateY(-1px); }

.thread-toggle-btn[b-3o2v653pzp] {
    padding: 9px 18px; border-radius: 10px; border: 1.5px solid #0ea5e9;
    background: #f0f9ff; color: #0369a1; font-weight: 700; font-size: 0.85rem;
    cursor: pointer; transition: all 0.2s;
}
.thread-toggle-btn:hover[b-3o2v653pzp] { background: #e0f2fe; transform: translateY(-1px); }

.thread-back-btn[b-3o2v653pzp] {
    padding: 6px 14px; border-radius: 8px; 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.82rem;
    cursor: pointer; transition: all 0.2s; margin-right: 10px;
}
.thread-back-btn:hover[b-3o2v653pzp] { background: var(--t-hover, #f1f5f9); }

.recall-btn[b-3o2v653pzp] {
    padding: 9px 18px; border-radius: 10px; border: 1.5px solid #f59e0b;
    background: #fffbeb; color: #d97706; font-weight: 700; font-size: 0.85rem;
    cursor: pointer; transition: all 0.2s;
}
.recall-btn:hover[b-3o2v653pzp] { background: #fef3c7; transform: translateY(-1px); }

.recall-confirm[b-3o2v653pzp] {
    background: #fef3c7; border: 1.5px solid #f59e0b; border-radius: 12px;
    padding: 12px 16px; width: 100%;
}
.recall-confirm span[b-3o2v653pzp] { display: block; font-size: 0.85rem; font-weight: 700; color: #92400e; margin-bottom: 10px; }
.recall-actions[b-3o2v653pzp] { display: flex; gap: 8px; }
.recall-yes[b-3o2v653pzp] {
    padding: 7px 16px; border-radius: 8px; border: none;
    background: #ef4444; color: white; font-weight: 700; font-size: 0.82rem;
    cursor: pointer; transition: all 0.2s;
}
.recall-yes:hover[b-3o2v653pzp] { background: #dc2626; }
.recall-no[b-3o2v653pzp] {
    padding: 7px 16px; border-radius: 8px; border: 1px solid #e2e8f0;
    background: white; color: #64748b; font-weight: 700; font-size: 0.82rem;
    cursor: pointer;
}
.recall-no:hover[b-3o2v653pzp] { background: #f8fafc; }

/* Compose */
.compose-area[b-3o2v653pzp] { padding: 24px; flex: 1; overflow-y: auto; }
.compose-area h3[b-3o2v653pzp] { margin: 0 0 20px; font-size: 1.15rem; font-weight: 800; color: #1e293b; }

.compose-field[b-3o2v653pzp] { margin-bottom: 14px; }
.compose-field label[b-3o2v653pzp] { display: block; font-weight: 700; font-size: 0.88rem; color: #475569; margin-bottom: 5px; }

.field-input[b-3o2v653pzp] {
    width: 100%; padding: 10px 14px; border: 1.5px solid #e2e8f0; border-radius: 8px;
    font-size: 0.9rem; outline: none; transition: all 0.2s; box-sizing: border-box;
}
.field-input:focus[b-3o2v653pzp] { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.1); }

.compose-actions[b-3o2v653pzp] { display: flex; gap: 10px; margin-top: 16px; }

.send-btn[b-3o2v653pzp] {
    padding: 10px 24px; border-radius: 8px; border: none; font-weight: 700;
    background: linear-gradient(135deg, #4f46e5, #6366f1); color: white; cursor: pointer;
    transition: all 0.2s;
}
.send-btn:hover[b-3o2v653pzp] { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(99,102,241,0.3); }

.cancel-btn[b-3o2v653pzp] {
    padding: 10px 20px; border-radius: 8px; border: 1px solid #e2e8f0;
    background: white; color: #64748b; font-weight: 700; cursor: pointer;
}
.cancel-btn:hover[b-3o2v653pzp] { background: #f8fafc; }

.form-message[b-3o2v653pzp] { padding: 10px 14px; border-radius: 8px; font-weight: 700; font-size: 0.88rem; margin-top: 10px; }
.form-message.success[b-3o2v653pzp] { background: #dcfce7; color: #166534; }
.form-message.error[b-3o2v653pzp] { background: #fef2f2; color: #dc2626; }

/* ═══ THREAD / KONUŞMA AKIŞI ═══ */
.thread-section[b-3o2v653pzp] {
    flex: 1 1 auto; display: flex; flex-direction: column;
    min-height: 0; overflow: hidden;
}

.thread-header[b-3o2v653pzp] {
    padding: 12px 24px; background: #f8fafc;
    font-weight: 800; font-size: 0.88rem; color: #475569;
    border-bottom: 1px solid #e2e8f0; flex-shrink: 0;
    display: flex; align-items: center;
}

.thread-list[b-3o2v653pzp] {
    padding: 16px 24px; flex: 1; overflow-y: auto; min-height: 0;
    display: flex; flex-direction: column; gap: 10px;
    scroll-behavior: smooth;
    scrollbar-width: thin; scrollbar-color: #cbd5e1 transparent;
}
.thread-list[b-3o2v653pzp]::-webkit-scrollbar { width: 5px; }
.thread-list[b-3o2v653pzp]::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
.thread-list[b-3o2v653pzp]::-webkit-scrollbar-track { background: transparent; }

.thread-msg[b-3o2v653pzp] { display: flex; }
.thread-msg.sent[b-3o2v653pzp] { justify-content: flex-end; }
.thread-msg.received[b-3o2v653pzp] { justify-content: flex-start; }

.thread-bubble[b-3o2v653pzp] {
    max-width: 75%; padding: 10px 14px; border-radius: 14px;
    font-size: 0.88rem; line-height: 1.5;
}

.thread-msg.sent .thread-bubble[b-3o2v653pzp] {
    background: linear-gradient(135deg, #4f46e5, #6366f1); color: white;
    border-bottom-right-radius: 4px;
}

.thread-msg.received .thread-bubble[b-3o2v653pzp] {
    background: #f1f5f9; color: #1e293b;
    border-bottom-left-radius: 4px;
}

.thread-msg.current .thread-bubble[b-3o2v653pzp] {
    box-shadow: 0 0 0 2px #f59e0b;
}

.thread-name[b-3o2v653pzp] { font-weight: 800; font-size: 0.78rem; margin-bottom: 2px; opacity: 0.8; }
.thread-text[b-3o2v653pzp] { white-space: pre-wrap; }
.thread-time[b-3o2v653pzp] { font-size: 0.7rem; opacity: 0.6; margin-top: 4px; text-align: right; }

/* Mobile back button — only visible on mobile */
.mobile-back-btn[b-3o2v653pzp] {
    display: none;
    width: 100%; padding: 10px 16px; border: none; border-bottom: 1px solid #e2e8f0;
    background: #f8fafc; color: #6366f1; font-weight: 700; font-size: 0.85rem;
    cursor: pointer; text-align: left; transition: background 0.15s;
}
.mobile-back-btn:hover[b-3o2v653pzp] { background: #eef2ff; }

@media (max-width: 768px) {
    .page-container[b-3o2v653pzp] { height: auto; min-height: 0; padding: 10px 6px; }
    .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; }
    .thread-list[b-3o2v653pzp] { padding: 12px; }
    .thread-bubble[b-3o2v653pzp] { max-width: 90%; }
    .thread-section[b-3o2v653pzp] { min-height: 0; overflow: hidden; max-height: none; flex: 1 1 auto; }
    .thread-list[b-3o2v653pzp] { flex: 1; overflow-y: auto; min-height: 0; max-height: 70vh; }
    .msg-detail[b-3o2v653pzp] { flex: none; overflow-y: visible; max-height: none; }
    .detail-body[b-3o2v653pzp] { max-height: none; overflow-y: visible; }
    .msg-detail-wrapper[b-3o2v653pzp] { overflow: visible; }
    .msg-content[b-3o2v653pzp] { overflow: visible; }

    /* Varsayılan: liste görünür, detay gizli */
    .msg-content[b-3o2v653pzp] { display: none; }

    /* Detay aktifken: listeyi gizle, detayı göster */
    .msg-layout.detail-active .msg-sidebar[b-3o2v653pzp] { display: none; }
    .msg-layout.detail-active .msg-content[b-3o2v653pzp] { display: block; }
    .mobile-back-btn[b-3o2v653pzp] { display: block; margin-bottom: 12px; }

    /* Butonlar */
    .detail-actions[b-3o2v653pzp] { flex-direction: row; flex-wrap: wrap; gap: 8px; }
    .reply-btn[b-3o2v653pzp], .thread-toggle-btn[b-3o2v653pzp], .recall-btn[b-3o2v653pzp] { flex: 1 1 auto; text-align: center; min-width: 0; font-size: 0.8rem; padding: 10px 12px; }
    .compose-actions[b-3o2v653pzp] { flex-direction: column; }
    .compose-actions button[b-3o2v653pzp] { width: 100%; text-align: center; }
    .compose-area[b-3o2v653pzp] { padding: 16px; }
    .msg-detail[b-3o2v653pzp] { padding: 16px; }

    /* Thread geri butonu mobilde belirgin */
    .thread-back-btn[b-3o2v653pzp] { width: 100%; text-align: center; margin-right: 0; margin-bottom: 0; }
    .thread-header[b-3o2v653pzp] { flex-wrap: wrap; gap: 8px; padding: 12px 16px; }
}

/* ═══ TOPLU MESAJ BUTONU ═══ */
.toplu-btn[b-3o2v653pzp] {
    background: linear-gradient(135deg, #f59e0b, #ef4444) !important;
}
.toplu-btn:hover[b-3o2v653pzp] {
    box-shadow: 0 4px 12px rgba(245,158,11,0.3) !important;
}

/* ═══ TOPLU MESAJ COMPOSE ═══ */
.toplu-compose .toplu-header[b-3o2v653pzp] {
    margin-bottom: 20px;
}
.toplu-compose .toplu-header h3[b-3o2v653pzp] {
    margin: 0 0 4px; font-size: 1.2rem; 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-desc[b-3o2v653pzp] {
    font-size: 0.82rem; color: var(--t-text-muted, #94a3b8); font-weight: 600;
}

/* Hedef kitle seçimi */
.toplu-hedef-sec[b-3o2v653pzp] { margin-bottom: 16px; }
.toplu-hedef-sec > label[b-3o2v653pzp] {
    display: block; font-weight: 700; font-size: 0.88rem;
    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: #6366f1; color: #6366f1; background: #eef2ff;
}
.hedef-chip.active[b-3o2v653pzp] {
    background: linear-gradient(135deg, #4f46e5, #6366f1);
    color: white; border-color: #4f46e5;
    box-shadow: 0 4px 12px rgba(99,102,241,0.25);
}

/* Birim seçimi */
.toplu-birim-sec[b-3o2v653pzp] { margin-bottom: 16px; }
.toplu-birim-sec > label[b-3o2v653pzp] {
    display: block; font-weight: 700; font-size: 0.88rem;
    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: #6366f1; background: #f8fafc; }
.birim-check.checked[b-3o2v653pzp] {
    border-color: #6366f1; background: #eef2ff; color: #4f46e5;
}
.birim-check input[b-3o2v653pzp] { accent-color: #6366f1; width: 16px; height: 16px; cursor: pointer; }

/* Personel seçimi */
.toplu-personel-sec[b-3o2v653pzp] { margin-bottom: 16px; }
.toplu-personel-sec > label[b-3o2v653pzp] {
    display: block; font-weight: 700; font-size: 0.88rem;
    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: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.1); }
.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; }

/* Alıcı özet */
.toplu-alici-ozet[b-3o2v653pzp] {
    display: flex; align-items: center; gap: 10px;
    padding: 12px 16px; border-radius: 12px; margin-bottom: 16px;
    background: linear-gradient(135deg, #f0fdf4, #dcfce7);
    border: 1.5px solid #86efac;
}
.alici-icon[b-3o2v653pzp] { font-size: 1.2rem; }
.alici-sayi[b-3o2v653pzp] { font-weight: 800; font-size: 0.88rem; color: #166534; }

/* Toplu gönder butonu */
.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; }
}
/* /Components/Pages/Raporlarim.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════
   RAPORLARIM SAYFASI STİLLERİ
   ═══════════════════════════════════════════════════════════ */

.rapor-wrapper[b-fcr0h6kydb] {
    min-height: 100vh;
    background: var(--t-body, #f1f5f9);
    padding: 20px 30px 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;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    flex-wrap: wrap;
    gap: 12px;
}
.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.85rem;
    font-weight: 600;
    color: var(--t-text-muted, #94a3b8);
}
.rapor-donem-label[b-fcr0h6kydb] {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--t-text-muted, #94a3b8);
    white-space: nowrap;
}
.rapor-donem[b-fcr0h6kydb] {
    display: flex;
    align-items: center;
    gap: 8px;
}
.rapor-donem-select[b-fcr0h6kydb] {
    padding: 9px 16px;
    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;
}
.rapor-donem-select:focus[b-fcr0h6kydb] {
    border-color: var(--t-accent, #6366f1);
}

/* Ö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: 18px;
}
.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: 18px;
    margin-bottom: 24px;
}
@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: 12px; }
    .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;
}
.tkv-hafta-row[b-we7m74u8oa] {
    display: grid; grid-template-columns: repeat(7, 1fr);
    border-bottom: 1px solid var(--t-card-border, #f1f5f9);
}
.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;
}
.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; }

.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;
}
.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; }

/* ═══ 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; }

/* ═══ 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] { font-size: 0.6rem; }
    .tkv-e-text[b-we7m74u8oa] { display: none; }
    .tkv-popup[b-we7m74u8oa] { width: 95vw; }
    .tkv-form-row[b-we7m74u8oa] { grid-template-columns: 1fr; }
}

@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-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] { min-height: 46px; padding: 2px; }
    .tkv-hafta-hucre[b-we7m74u8oa] { font-size: 0.68rem; padding: 6px 4px; }
    /* Mobilde tam kartlar yerine renkli noktalar göster */
    .tkv-etkinlik-list[b-we7m74u8oa] {
        display: flex; flex-direction: row; flex-wrap: wrap;
        gap: 2px; justify-content: center; margin-top: 1px;
    }
    .tkv-etkinlik[b-we7m74u8oa] {
        width: 6px; height: 6px; min-width: 6px; border-radius: 50%;
        padding: 0; overflow: hidden; font-size: 0;
    }
    .tkv-etkinlik .tkv-e-ikon[b-we7m74u8oa], .tkv-etkinlik .tkv-e-text[b-we7m74u8oa] { display: none; }
    .tkv-etkinlik.blue[b-we7m74u8oa] { background: #3b82f6; }
    .tkv-etkinlik.green[b-we7m74u8oa] { background: #16a34a; }
    .tkv-etkinlik.orange[b-we7m74u8oa] { background: #ea580c; }
    .tkv-etkinlik.pink[b-we7m74u8oa] { background: #ec4899; }
    .tkv-etkinlik.purple[b-we7m74u8oa] { background: #7c3aed; }
    .tkv-etkinlik.red[b-we7m74u8oa] { background: #dc2626; }
    .tkv-etkinlik.teal[b-we7m74u8oa] { background: #0d9488; }
    .tkv-etkinlik.indigo[b-we7m74u8oa] { background: #4f46e5; }
    .tkv-etkinlik.yellow[b-we7m74u8oa] { background: #ca8a04; }
    .tkv-etkinlik.gray[b-we7m74u8oa] { background: #94a3b8; }
    .tkv-etkinlik.more[b-we7m74u8oa] { display: none; }
}
/* /Components/Pages/Yetkilendirme.razor.rz.scp.css */
.page-container[b-rey0pt5tw4] {
    width: 100%;
    margin: auto;
    padding: 20px 30px;
}

[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; }

[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;
    }
}
/* /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] {
    padding: 20px;
}

/* 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;
}
.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);
}

/* 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: 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;
}
.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: 4px 12px;
    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;
}

/* 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] {
    display: flex;
    gap: 4px;
    white-space: nowrap;
}

.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;
}
.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);
}
.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; }

/* 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; }

/* 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; }
}

@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; }
}
/* /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: 16px 24px; 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;
}
.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; }
.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: 7px 14px 7px 30px; 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: 0 24px; 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; margin-bottom: 4px;
}

/* LİSTE */
.dm-list[b-5tp09dnl16] {
    border-right: 1px solid #f1f5f9; overflow-y: auto;
    min-height: 0; height: 100%; background: #fafbfc;
}
/* TEST: dm-list yerine tamamen yeni class */
.dm-sol-panel[b-5tp09dnl16] {
    width: 380px; border-right: 1px solid #f1f5f9; overflow-y: auto;
    background: #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; }

/* 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;
}

/* 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: #f1f5f9; align-self: flex-start; border-bottom-left-radius: 4px;
}
.dm-bubble.sent[b-5tp09dnl16] {
    background: #eff6ff; border: 1px solid #bfdbfe; align-self: flex-end;
    border-bottom-right-radius: 4px;
}
.dm-bubble-name[b-5tp09dnl16] { font-weight: 700; font-size: 0.8rem; color: #6366f1; margin-bottom: 4px; }
.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; }

/* YANIT ALANI — sabit, scroll olmaz */
.dm-reply-area[b-5tp09dnl16] {
    margin: 0; padding: 16px 24px; border-top: 1px solid #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-closed-info[b-5tp09dnl16] {
    margin: 0; padding: 14px 24px; background: #f1f5f9;
    color: var(--t-text-muted, #64748b); font-weight: 600; text-align: center;
    flex-shrink: 0; border-top: 1px solid #f1f5f9;
}

/* 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;
}

/* Mobil geri butonu (desktop'ta gizli) */
.dm-mobil-back[b-5tp09dnl16] { display: none; padding: 12px 24px 0; flex-shrink: 0; }

@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: 100vh; height: auto;
    }
    .dm-layout[b-5tp09dnl16] {
        display: block; margin: 0 14px; margin-bottom: 8px;
        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; }
    .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: visible; }
    .dm-detail-card[b-5tp09dnl16] { overflow: visible; }
    .dm-detail-header[b-5tp09dnl16] { padding: 16px 16px 0; }
    .dm-detail-parties[b-5tp09dnl16] { padding: 12px 16px; }

    /* Thread — mobilde max yükseklik, kendi içinde scroll */
    .dm-detail-body[b-5tp09dnl16] {
        max-height: 50vh; overflow-y: auto;
        padding: 16px; flex: none;
    }

    .dm-reply-area[b-5tp09dnl16] { padding: 16px; }
    .dm-closed-info[b-5tp09dnl16] { padding: 14px 16px; }
    .dm-mobil-back[b-5tp09dnl16] {
        display: inline-flex; align-items: center; gap: 6px;
        padding: 12px 16px 0; margin-bottom: 0;
        background: transparent; border: none;
        cursor: pointer; font-weight: 700; font-size: 0.82rem; color: #6366f1;
        transition: all 0.2s;
    }
    .dm-mobil-back:hover[b-5tp09dnl16] { color: #4f46e5; }
    .dm-filters[b-5tp09dnl16] {
        display: grid; grid-template-columns: 1fr 1fr;
        gap: 8px; padding: 14px; align-items: stretch;
    }
    .dm-filter[b-5tp09dnl16] { width: 100%; text-align: center; box-sizing: border-box; justify-content: center; white-space: nowrap; font-size: 0.74rem; padding: 6px 10px; border-radius: 16px; }
    .dm-search[b-5tp09dnl16] { grid-column: 1 / 2; min-width: 0; }
    .dm-search input[b-5tp09dnl16] { padding: 7px 10px 7px 28px; font-size: 0.8rem; }
    .dm-search-icon[b-5tp09dnl16] { left: 8px; font-size: 0.75rem; }
    .dm-filter.download[b-5tp09dnl16] { grid-column: 2 / 3; border-radius: 8px; font-size: 0.72rem; padding: 0 8px; height: 36px; }
    .dm-card[b-5tp09dnl16] { padding: 12px 14px; }
    .dm-bubble[b-5tp09dnl16] { max-width: 90%; padding: 12px 14px; border-radius: 12px; }
    .dm-reply-actions[b-5tp09dnl16] { flex-direction: column; }
    .dm-reply-actions .dm-btn[b-5tp09dnl16] { width: 100%; text-align: center; }
}
/* /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;
}
.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;
}
.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; }

/* 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); }

@media (max-width: 768px) {
    .ey-form-row[b-uddky3ms03] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }
    .ey-form-row .ey-grow[b-uddky3ms03] { min-width: 0; }
    .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: stretch !important; }
    .ey-form-row .ey-field[style*="align-self"] .ey-btn[b-uddky3ms03] { width: 100%; justify-content: center; }
    .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%;
    }
}
/* /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: 0 12px 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; 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: 0 12px 16px; padding: 14px; }
    .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); }
}
/* /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-cell[b-x32v83lotc] {
    display: flex; flex-direction: column; gap: 2px;
}
.crc-tag[b-x32v83lotc] {
    background: #eff6ff; color: #1e40af; padding: 3px 10px; border-radius: 6px;
    font-size: 0.8rem; font-weight: 700; white-space: nowrap;
}
.crc-mail[b-x32v83lotc] {
    font-size: 0.7rem; color: #94a3b8; white-space: nowrap;
    overflow: hidden; text-overflow: ellipsis; max-width: 180px;
}

/* 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; }

/* ═══ 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: 0 8px 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: 0 4px 10px; 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: 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: 20px;
    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); }
.izn-tc-left[b-jr63w6xl23] { flex: 1; }
.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; }
.izn-tc-bakiye[b-jr63w6xl23] { font-size: 0.82rem; color: var(--t-text-muted, #64748b); margin-top: 6px; }
.izn-tc-bakiye .borc[b-jr63w6xl23] { color: #dc2626; }
.borc-label[b-jr63w6xl23] { color: #dc2626; font-weight: 600; font-size: 0.78rem; }
.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; }
.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; }

@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-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-direction: row; flex-wrap: wrap; gap: 8px; }
    .izn-filter-row .izn-field[b-jr63w6xl23] { flex: 1 1 100%; min-width: 0 !important; }
    /* Temizle + İndir yan yana, eşit genişlik */
    .izn-filter-actions[b-jr63w6xl23] { margin-left: 0; width: 100%; }
    .izn-filter-actions .izn-btn-reset[b-jr63w6xl23],
    .izn-filter-actions .izn-btn-download[b-jr63w6xl23] { flex: 1; text-align: center; justify-content: center; }
    /* Hakediş — badge + indir yan yana */
    .izn-filter-row .ym-toolbar-badge[b-jr63w6xl23] { flex: 1 1 0; min-width: 0; text-align: center; box-sizing: border-box; order: 1; }
    .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; }
}
/* /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-card, white);
    border-bottom: 2px solid #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: #94a3b8;
    border-bottom: 3px solid transparent; transition: all 0.2s;
}
.igt-tab:hover[b-2i5jk7n9s0] { color: #6366f1; background: var(--t-hover, #f8fafc); }
.igt-tab.active[b-2i5jk7n9s0] { color: #6366f1; border-bottom-color: #6366f1; background: #eff6ff; }

/* ═══ İÇ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: linear-gradient(135deg, #eff6ff 0%, #f0fdf4 100%);
    border: 1.5px solid #bfdbfe; 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: #1e3a5f; margin-bottom: 2px; }
.kg-info-banner div > span[b-2i5jk7n9s0] { font-size: 0.85rem; color: #475569; 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-card-header, #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; }

/* ═══ 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: #ef4444; 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: 6px 12px; font-size: 0.8rem; border-radius: 8px;
    background: #f0fdf4; color: #16a34a; border: 1.5px solid #bbf7d0;
}
.kg-btn-sm:hover[b-2i5jk7n9s0] { background: #dcfce7; }
.kg-btn-outline[b-2i5jk7n9s0] { background: #fef2f2; color: #ef4444; border: 1.5px solid #fecaca; }
.kg-btn-outline:hover[b-2i5jk7n9s0] { background: #fee2e2; }
.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: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    }
    .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: #6366f1; border-color: #c7d2fe; background: #fafaff;
        box-shadow: 0 2px 6px rgba(99,102,241,0.08);
    }
    .igt-tab.active[b-2i5jk7n9s0] {
        color: white;
        background: linear-gradient(135deg, #6366f1, #818cf8);
        border-color: #6366f1;
        box-shadow: 0 3px 12px rgba(99,102,241,0.25);
    }

    /* İç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; }

/* ── 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; }
.td-id[b-2snhbhzqrp] { color: #94a3b8; font-size: 0.78rem; }
.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; }
.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; }
    .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-fbtn.download[b-2snhbhzqrp], .my-fbtn.raporlama[b-2snhbhzqrp] { border-radius: 8px; flex: 1 1 auto; }
    .my-section[b-2snhbhzqrp] { margin: 0 8px 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: 0 4px 10px; 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; }
.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: 140px; vertical-align: middle; margin-right: 4px;
    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;
    transition: width 0.2s ease, height 0.2s ease;
}

/* Ö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-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; }
}

/* ═══ 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; }
/* /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;
    animation: muhFadeIn-b-b99fl5h0tm 0.3s ease;
}
/* 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; flex: 1; 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; }
    [b-b99fl5h0tm] .ym-toolbar { gap: 8px; flex-direction: column; align-items: stretch; }
    [b-b99fl5h0tm] .ym-filter-row {
        display: flex; flex-wrap: nowrap; gap: 6px;
    }
    [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; }
    .muh-toolbar-ozet[b-b99fl5h0tm] { font-size: 0.76rem; padding: 4px 8px; width: 100%; box-sizing: border-box; }
    .muh-toolbar-btns[b-b99fl5h0tm] {
        display: flex; flex-direction: row; gap: 6px; width: 100%;
    }
    .muh-toolbar-btns .ym-add-btn[b-b99fl5h0tm],
    .muh-toolbar-btns .muh-secondary-btn[b-b99fl5h0tm] { flex: 1; text-align: center; min-width: 0; }
    .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; }
/* /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; }
.td-actions[b-uqthrqsie9] {
    white-space: nowrap;
    position: sticky; left: 0; z-index: 2;
    background: #ffffff;
    box-shadow: 2px 0 4px rgba(0,0,0,0.06);
}
.th-actions[b-uqthrqsie9] {
    position: sticky; left: 0; z-index: 3;
    background: #f8fafc; white-space: nowrap;
    box-shadow: 2px 0 4px rgba(0,0,0,0.06);
}
.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; }

/* 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; }
}

/* 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-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: 7px 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: 36px;
}
.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.8rem;
    font-weight: 700;
    color: #3b82f6;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    padding: 0 14px;
    border-radius: 10px;
    white-space: nowrap;
    height: 36px;
    display: inline-flex;
    align-items: center;
}
.pf-search-clear[b-d44f7qlyhc] {
    padding: 0 14px;
    border-radius: 10px;
    border: 1.5px solid #ef4444;
    background: rgba(239,68,68,0.04);
    color: #ef4444;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
    height: 36px;
    display: inline-flex;
    align-items: center;
}
.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: 0 12px 14px; 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-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: 0 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);
    animation: pyFadeIn-b-mfm3czpjur 0.3s ease;
}
@keyframes pyFadeIn-b-mfm3czpjur { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.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; }

/* 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] {
    background: var(--t-card, white); margin: 0 24px 24px; border-radius: 16px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06); overflow: hidden;
    animation: pyFadeIn-b-mfm3czpjur 0.3s ease;
}

/* 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; }
.td-name[b-mfm3czpjur] { display: flex; align-items: center; gap: 10px; font-weight: 600; }
.td-avatar[b-mfm3czpjur] { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; border: 2px solid var(--t-card-border, #e2e8f0); }
.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;
}
.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; }
.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; }
.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: 8px; 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); }
.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-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 100%; min-width: 0; order: 0; }
    .ym-filters[b-mfm3czpjur] { flex-wrap: wrap; width: 100%; order: 1; }
    .ym-filter[b-mfm3czpjur] { flex: 1; min-width: 0; text-align: center; justify-content: center; border-radius: 16px; }
    .ym-filter.download[b-mfm3czpjur] { flex: 1 1 100%; border-radius: 8px; order: 2; }
    .cfp-dropdown[b-mfm3czpjur] { width: 90vw; }

    .ym-tab-bar[b-mfm3czpjur] {
        display: grid; grid-template-columns: 1fr 1fr;
        gap: 6px; border-bottom: none; padding: 0; margin-top: 12px; margin-bottom: 14px;
    }
    .ym-tab-bar .ym-tab[b-mfm3czpjur] {
        padding: 9px 8px; border: 1.5px solid var(--t-card-border, #e2e8f0); background: var(--t-card, white);
        border-radius: 10px; font-size: 0.76rem; font-weight: 700;
        color: var(--t-text-muted, #64748b); text-align: center; border-bottom: none;
        box-shadow: 0 1px 3px rgba(0,0,0,0.04);
    }
    .ym-tab-bar .ym-tab:hover[b-mfm3czpjur] {
        color: #6366f1; border-color: #c7d2fe; background: #fafaff;
    }
    .ym-tab-bar .ym-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);
    }
    .ym-tab-bar .ym-tab:last-child[b-mfm3czpjur] { grid-column: 1 / -1; }

    /* Yetki Popup mobil */
    .ym-yetki-popup[b-mfm3czpjur] {
        width: calc(100% - 24px); padding: 18px 14px; border-radius: 14px;
        max-height: 85vh;
    }
    .ym-yetki-popup h3[b-mfm3czpjur] { font-size: 1rem; }
    .ym-yetki-sub[b-mfm3czpjur] { font-size: 0.8rem; }
    .ym-yetki-header[b-mfm3czpjur] { flex-direction: column; gap: 10px; }
    .ym-yonetici-toggle[b-mfm3czpjur] { align-self: flex-start; }
    .ym-yetki-row[b-mfm3czpjur] {
        flex-direction: column; align-items: stretch; gap: 6px; padding: 10px 12px;
    }
    .ym-yetki-row .ym-yetki-icon[b-mfm3czpjur] { display: none; }
    .ym-yetki-select[b-mfm3czpjur] { width: 100%; box-sizing: border-box; font-size: 0.82rem; padding: 8px 34px 8px 10px; }
    .ym-yetki-actions[b-mfm3czpjur] { flex-direction: column; gap: 8px; }
    .ym-btn-yetki-save[b-mfm3czpjur], .ym-btn-yetki-cancel[b-mfm3czpjur] { width: 100%; text-align: center; }
    .ym-yetki-toplu[b-mfm3czpjur] { gap: 6px; }
    .ym-yt-btn[b-mfm3czpjur] { flex: 1 1 auto; min-width: 0; font-size: 0.72rem; padding: 7px 8px; text-align: center; white-space: nowrap; }

    /* İzin kartları mobil */
    .ym-izin-cards[b-mfm3czpjur] { grid-template-columns: 1fr; gap: 10px; }

    /* Yetki popup sekme barı mobil */
    .ym-yetki-tabs[b-mfm3czpjur] { gap: 0; }
    .ym-yetki-tab[b-mfm3czpjur] { padding: 8px 14px; font-size: 0.78rem; }

    /* Ödeme alt yetki kutusu mobil */
    .ym-odeme-yetki-box[b-mfm3czpjur] { margin-left: 0; }
}

/* ═══ 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);
}
/* /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;
}

.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;
    }
}
/* /Components/Pages/Yonetim/SistemLoglari.razor.rz.scp.css */
/* ═══ SİSTEM LOGLARI — Sayfa-Özel Stiller ═══ */
/* Ortak stiller: /css/yonetim-liste.css */

/* 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; }

@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-toolbar-badge[b-0ab50u0v4a] { flex-shrink: 0; }
    .sl-td-tarih[b-0ab50u0v4a] { white-space: nowrap; min-width: 90px; }
}
/* /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: 12px 16px;
    border-radius: 12px;
    text-align: center;
    background: var(--t-accent-light, #f1f5f9);
    cursor: pointer;
    transition: all 0.2s;
    border: 2px solid transparent;
}
.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); }
.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: 12px; margin: 0 24px 14px; }
.sz-search-wrap[b-gb8bqhgw9j] {
    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);
}
.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.85rem; color: var(--t-text, #334155); }
.sz-search-ico[b-gb8bqhgw9j] { font-size: 0.9rem; }
.sz-count[b-gb8bqhgw9j] { font-size: 0.8rem; color: var(--t-text-muted, #94a3b8); font-weight: 600; white-space: nowrap; }

/* 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; }

.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: 0 14px 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 14px 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 14px 16px; }
    .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; }

    /* 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/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] { flex-direction: column; align-items: stretch; }
    .yk-filter-row .yk-fbtn[b-4jl674lq3k] { width: 100%; text-align: center; box-sizing: border-box; margin-left: 0 !important; }
    /* Badge + İndir yan yana, eşit genişlik */
    .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; box-sizing: border-box;
    }
    .yk-filter-row .ym-toolbar-badge[b-4jl674lq3k] { order: 1; }
    .yk-filter-row .yk-fbtn.download[b-4jl674lq3k] { order: 2; }
    .yk-filter-row[b-4jl674lq3k] { display: flex; flex-wrap: wrap; }
    .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-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; }

    /* İş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/YonetimDashboard.razor.rz.scp.css */
.yonetim-wrapper[b-8wr1jc7r8g] {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); min-height: 100vh;
    font-family: inherit;
}

.ym-header[b-8wr1jc7r8g] {
    background: rgba(255,255,255,0.05);
    padding: 0 35px; display: flex; justify-content: space-between;
    align-items: center; border-bottom: 1px solid rgba(255,255,255,0.08);
    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; flex-shrink: 0; }
.ym-logo-icon[b-8wr1jc7r8g] {
    width: 42px; height: 42px; border-radius: 12px; position: relative;
    background: linear-gradient(135deg, #1e3a5f 0%, #2563eb 50%, #3b82f6 100%);
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 4px 20px rgba(37,99,235,0.25), 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, rgba(37,99,235,0.15), rgba(59,130,246,0.1));
    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] {
    color: white; font-size: 1.3rem; font-weight: 900; z-index: 1;
    text-shadow: 0 2px 6px rgba(0,0,0,0.25);
}
.ym-logo-text[b-8wr1jc7r8g] { display: flex; flex-direction: column; gap: 2px; }
.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, #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, #3b82f6, #60a5fa);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    background-clip: text;
}
.ym-sub[b-8wr1jc7r8g] {
    color: #94a3b8; font-size: 0.6rem; font-weight: 600;
    letter-spacing: 3.5px; text-transform: uppercase;
}
.ym-header-right[b-8wr1jc7r8g] { display: flex; align-items: center; gap: 6px; flex-shrink: 0; }
.ym-user[b-8wr1jc7r8g] { color: #94a3b8; font-weight: 600; font-size: 0.9rem; }

/* Online Status */
.ym-online-status[b-8wr1jc7r8g] {
    background: rgba(34,197,94,0.15); color: #4ade80; padding: 0 14px; border-radius: 10px;
    font-size: 0.82rem; font-weight: 700; border: 1.5px solid rgba(34,197,94,0.3);
    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; flex-shrink: 0; margin-right: 6px;
}
.ym-online-status:hover[b-8wr1jc7r8g] { background: rgba(34,197,94,0.25); }
.ym-online-dot[b-8wr1jc7r8g] { color: #22c55e; font-size: 0.9rem; animation: ym-pulse-dot-b-8wr1jc7r8g 2s ease-in-out infinite; }
.ym-online-label[b-8wr1jc7r8g] { font-size: 0.8rem; }
.ym-online-num[b-8wr1jc7r8g] { background: rgba(34,197,94,0.3); color: #fff; 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 */
.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.1); border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4); z-index: 2001;
    display: flex; flex-direction: column; overflow: hidden;
    animation: ym-panel-slide-b-8wr1jc7r8g 0.25s ease;
    max-width: calc(100vw - 24px);
}
@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.06); color: white; padding: 16px 20px;
    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; }
.ym-close-btn[b-8wr1jc7r8g] {
    background: rgba(255,255,255,0.1); 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;
}
.ym-close-btn:hover[b-8wr1jc7r8g] { background: rgba(255,255,255,0.2); }
.ym-online-panel-body[b-8wr1jc7r8g] { overflow-y: auto; padding: 8px 0; max-height: 400px; }

.ym-online-search[b-8wr1jc7r8g] {
    padding: 8px 16px; border-bottom: 1px solid rgba(255,255,255,0.08);
}
.ym-online-search input[b-8wr1jc7r8g] {
    width: 100%; padding: 8px 12px; border: 1.5px solid rgba(255,255,255,0.12); border-radius: 8px;
    font-size: 0.85rem; outline: none; box-sizing: border-box; background: rgba(255,255,255,0.06);
    color: #e2e8f0; transition: border-color 0.2s;
}
.ym-online-search input:focus[b-8wr1jc7r8g] { border-color: #6366f1; background: rgba(255,255,255,0.1); }
.ym-online-search input[b-8wr1jc7r8g]::placeholder { color: #64748b; }

.ym-online-user-row[b-8wr1jc7r8g] {
    display: flex; align-items: center; gap: 10px; padding: 10px 20px;
    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: 36px; height: 36px; min-width: 36px;
}
.ym-online-avatar-img[b-8wr1jc7r8g] {
    width: 36px; height: 36px; border-radius: 50%;
    object-fit: cover; border: 2px solid rgba(255,255,255,0.15);
}
.ym-online-avatar[b-8wr1jc7r8g] {
    width: 36px; height: 36px; min-width: 36px; border-radius: 50%;
    background: linear-gradient(135deg, #334155, #475569); color: white;
    display: flex; align-items: center; justify-content: center;
    font-weight: 700; font-size: 0.7rem; text-transform: uppercase;
}
.ym-online-dot-sm[b-8wr1jc7r8g] {
    position: absolute; bottom: 0; right: 0;
    width: 10px; height: 10px; border-radius: 50%;
    background: #22c55e; border: 2px solid #1e293b;
}
.ym-online-info[b-8wr1jc7r8g] { display: flex; flex-direction: column; gap: 1px; flex: 1; }
.ym-online-name[b-8wr1jc7r8g] { font-weight: 600; color: #e2e8f0; font-size: 0.88rem; }
.ym-online-birim[b-8wr1jc7r8g] { color: var(--t-text-muted, #64748b); font-size: 0.75rem; font-weight: 500; }
.ym-online-empty[b-8wr1jc7r8g] { padding: 30px 20px; text-align: center; color: var(--t-text-muted, #64748b); font-size: 0.85rem; }

.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: #1e293b; border: 1px solid 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: #94a3b8; }
.ym-qm-input[b-8wr1jc7r8g] {
    width: 100%; padding: 11px 14px; border: 1.5px solid rgba(255,255,255,0.1); border-radius: 10px;
    font-size: 0.88rem; outline: none; transition: all 0.2s; box-sizing: border-box;
    background: rgba(255,255,255,0.06); color: #e2e8f0;
}
.ym-qm-input:focus[b-8wr1jc7r8g] { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,0.15); background: rgba(255,255,255,0.1); }
.ym-qm-input[b-8wr1jc7r8g]::placeholder { color: #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 */
.ym-user-menu-wrap[b-8wr1jc7r8g] { position: relative; }
.ym-user-btn[b-8wr1jc7r8g] {
    padding: 0 18px; border-radius: 10px; border: 1.5px solid rgba(255,255,255,0.2);
    background: rgba(255,255,255,0.08); color: #e2e8f0; font-weight: 600;
    font-size: 0.9rem; cursor: pointer; transition: all 0.2s;
    display: flex; align-items: center; gap: 8px; height: 40px; box-sizing: border-box;
}
.ym-user-btn:hover[b-8wr1jc7r8g] { background: rgba(255,255,255,0.14); border-color: rgba(255,255,255,0.35); }
.ym-arrow[b-8wr1jc7r8g] { font-size: 0.7rem; color: #94a3b8; margin-left: 2px; }

.ym-user-dropdown[b-8wr1jc7r8g] {
    position: absolute; top: calc(100% + 6px); right: 0; min-width: 220px;
    background: #ffffff; border-radius: 12px; box-shadow: 0 12px 40px rgba(0,0,0,0.3);
    border: 1px solid #e2e8f0; z-index: 2000; overflow: hidden;
    animation: ymDropSlide-b-8wr1jc7r8g 0.2s ease;
}
@keyframes ymDropSlide-b-8wr1jc7r8g { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } }

.ym-ud-item[b-8wr1jc7r8g] {
    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;
}
.ym-ud-item:hover[b-8wr1jc7r8g] { background: #f0f9ff; color: #0369a1; }
.ym-ud-item.ym-ud-exit[b-8wr1jc7r8g] { color: #dc2626; border-top: 1px solid #f1f5f9; }
.ym-ud-item.ym-ud-exit:hover[b-8wr1jc7r8g] { background: #fef2f2; color: #b91c1c; }

/* YonetimAyarlar bileşeni — dropdown içinde ym-td-item uyumu */
.ym-user-dropdown :deep(.ym-td-item)[b-8wr1jc7r8g] {
    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;
}
.ym-user-dropdown :deep(.ym-td-item):hover[b-8wr1jc7r8g] { background: #f0f9ff; color: #0369a1; }

.ym-btn[b-8wr1jc7r8g] {
    padding: 8px 18px; border-radius: 10px; border: 1.5px solid rgba(255,255,255,0.15);
    background: rgba(255,255,255,0.06); color: #e2e8f0; font-weight: 600;
    font-size: 0.85rem; cursor: pointer; transition: all 0.2s;
}
.ym-btn:hover[b-8wr1jc7r8g] { background: rgba(255,255,255,0.12); border-color: rgba(255,255,255,0.3); }
.ym-exit:hover[b-8wr1jc7r8g] { border-color: #ef4444; color: #fca5a5; }

.ym-menu-container[b-8wr1jc7r8g] {
    display: grid; grid-template-columns: repeat(5, 1fr);
    gap: 20px; padding: 40px 36px; max-width: 1400px; margin: 0 auto;
}

.ym-card[b-8wr1jc7r8g] {
    background: rgba(255,255,255,0.04); border: 1.5px solid rgba(255,255,255,0.08);
    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: rgba(255,255,255,0.08); border-color: #a855f7;
    transform: translateY(-4px); box-shadow: 0 12px 40px rgba(168,85,247,0.15);
}
.ym-card.disabled[b-8wr1jc7r8g] {
    opacity: 0.45; cursor: not-allowed;
}
.ym-icon[b-8wr1jc7r8g] { font-size: 2.2rem; margin-bottom: 10px; }
.ym-label[b-8wr1jc7r8g] { font-weight: 800; font-size: 0.95rem; color: #f1f5f9; margin-bottom: 6px; line-height: 1.3; }
.ym-desc[b-8wr1jc7r8g] { font-size: 0.78rem; color: #94a3b8; line-height: 1.4; }
.ym-soon[b-8wr1jc7r8g] {
    position: absolute; top: 12px; right: 12px;
    background: rgba(168,85,247,0.2); color: #c084fc; 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);
}
@keyframes pulse-badge-b-8wr1jc7r8g {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}

/* ═══ ALT BÖLÜM: 4'LÜ GRİD ═══ */
.ym-bottom-grid[b-8wr1jc7r8g] {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;
    padding: 0 40px 40px; max-width: 1400px; margin: 0 auto;
}

.ym-info-panel[b-8wr1jc7r8g] {
    background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1);
    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: #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-count[b-8wr1jc7r8g] {
    background: rgba(255,255,255,0.12); 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; }
.ym-info-row[b-8wr1jc7r8g] {
    display: flex; justify-content: space-between; align-items: center;
    padding: 8px 18px; border-bottom: 1px solid rgba(255,255,255,0.05);
}
.ym-info-row:last-child[b-8wr1jc7r8g] { border-bottom: none; }
.ym-info-name[b-8wr1jc7r8g] { color: #e2e8f0; font-weight: 600; font-size: 0.85rem; }
.ym-info-detail[b-8wr1jc7r8g] { color: #94a3b8; 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;
}
.ym-birim-card[b-8wr1jc7r8g] {
    display: flex; align-items: center; gap: 10px;
    background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08);
    border-radius: 10px; padding: 8px 12px; transition: all 0.2s;
}
.ym-birim-card:hover[b-8wr1jc7r8g] { background: rgba(168,85,247,0.1); border-color: rgba(168,85,247,0.3); }
.ym-birim-sayi[b-8wr1jc7r8g] {
    font-size: 1rem; font-weight: 800; color: #a855f7;
    min-width: 28px; text-align: center;
    background: rgba(168,85,247,0.1); padding: 3px 7px; border-radius: 6px;
}
.ym-birim-ad[b-8wr1jc7r8g] { color: #cbd5e1; font-size: 0.82rem; font-weight: 600; }

@media (max-width: 1300px) {
    .ym-menu-container[b-8wr1jc7r8g] { grid-template-columns: repeat(4, 1fr); }
}

@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: 800px) {
    .ym-menu-container[b-8wr1jc7r8g] { grid-template-columns: repeat(2, 1fr); gap: 14px; padding: 24px 16px; }
    .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] { font-size: 1rem; }
    .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; }
    .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; font-size: 0.78rem; padding: 0 10px; border-radius: 8px; white-space: nowrap; }
    .ym-bottom-grid[b-8wr1jc7r8g] { grid-template-columns: 1fr; padding: 0 16px 20px; }
    .ym-online-panel[b-8wr1jc7r8g] { top: 60px; right: 12px; left: 12px; width: auto; max-height: calc(100vh - 80px); }
    .ym-quick-msg-panel[b-8wr1jc7r8g] { width: calc(100% - 24px); max-width: 440px; }
}

@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.8rem; margin-bottom: 0; flex-shrink: 0; }
    .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: #f1f5f9; margin-bottom: 10px;
}
.ym-no-access-desc[b-8wr1jc7r8g] {
    font-size: 0.88rem; color: #94a3b8; 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.5s ease;
}
@keyframes ymLoadFadeIn-b-8wr1jc7r8g { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }

.ym-loading-logo[b-8wr1jc7r8g] {
    width: 72px; height: 72px; border-radius: 20px; position: relative;
    display: flex; align-items: center; justify-content: center;
    background: linear-gradient(135deg, #1e3a5f 0%, #2563eb 50%, #3b82f6 100%);
    box-shadow: 0 8px 40px rgba(37,99,235,0.35), 0 0 0 1px rgba(255,255,255,0.1) inset;
    margin-bottom: 20px;
}
.ym-loading-logo-ring[b-8wr1jc7r8g] {
    position: absolute; inset: -6px; border-radius: 24px;
    border: 2.5px solid transparent;
    border-top-color: #60a5fa; border-right-color: #a78bfa;
    animation: ymLoadRingSpin-b-8wr1jc7r8g 1.2s linear infinite;
}
@keyframes ymLoadRingSpin-b-8wr1jc7r8g { to { transform: rotate(360deg); } }
.ym-loading-logo-letter[b-8wr1jc7r8g] {
    color: white; font-size: 1.8rem; font-weight: 900; z-index: 1;
    text-shadow: 0 2px 8px rgba(0,0,0,0.3);
    animation: ymLoadLetterPulse-b-8wr1jc7r8g 1.5s ease-in-out infinite;
}
@keyframes ymLoadLetterPulse-b-8wr1jc7r8g {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.1); opacity: 0.85; }
}

.ym-loading-text[b-8wr1jc7r8g] {
    font-size: 0.92rem; font-weight: 700; color: #cbd5e1;
    margin-bottom: 16px; letter-spacing: 0.03em;
    animation: ymLoadTextPulse-b-8wr1jc7r8g 2s ease-in-out infinite;
}
@keyframes ymLoadTextPulse-b-8wr1jc7r8g {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

.ym-loading-bar[b-8wr1jc7r8g] {
    width: 200px; height: 4px; border-radius: 4px;
    background: rgba(255,255,255,0.08); overflow: hidden;
    margin-bottom: 40px;
}
.ym-loading-bar-fill[b-8wr1jc7r8g] {
    width: 40%; height: 100%; border-radius: 4px;
    background: linear-gradient(90deg, #6366f1, #a78bfa, #6366f1);
    background-size: 200% 100%;
    animation: ymLoadBarSlide-b-8wr1jc7r8g 1.5s ease-in-out infinite;
}
@keyframes ymLoadBarSlide-b-8wr1jc7r8g {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(350%); }
}

.ym-skeleton-grid[b-8wr1jc7r8g] {
    display: grid; grid-template-columns: repeat(5, 1fr);
    gap: 20px; width: 100%; max-width: 1400px; padding: 0 36px; 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-logo[b-8wr1jc7r8g] { width: 56px; height: 56px; border-radius: 16px; }
    .ym-loading-logo-letter[b-8wr1jc7r8g] { font-size: 1.4rem; }
    .ym-loading-logo-ring[b-8wr1jc7r8g] { inset: -5px; border-radius: 20px; }
    .ym-loading-bar[b-8wr1jc7r8g] { width: 160px; }
}
/* /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); }
}
/* /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); }
}