@import '_content/MashaErp.DesignerUI/MashaErp.DesignerUI.91sypefo3a.bundle.scp.css';
@import '_content/MashaErp.Modules.Dokuman/MashaErp.Modules.Dokuman.gszl32lcq3.bundle.scp.css';
@import '_content/MashaErp.Modules.Gida/MashaErp.Modules.Gida.f71tjg9kgd.bundle.scp.css';
@import '_content/MashaErp.Modules.Ik/MashaErp.Modules.Ik.3ej5bdflh7.bundle.scp.css';
@import '_content/MashaErp.Modules.Lojistik/MashaErp.Modules.Lojistik.2zrngs3y90.bundle.scp.css';
@import '_content/MashaErp.Modules.Mobilya/MashaErp.Modules.Mobilya.jma14aw3ym.bundle.scp.css';
@import '_content/MashaErp.Modules.Muhasebe/MashaErp.Modules.Muhasebe.r5eg2dh33v.bundle.scp.css';
@import '_content/MashaErp.Modules.Pazarlama/MashaErp.Modules.Pazarlama.xyfgqlz79v.bundle.scp.css';
@import '_content/MashaErp.Modules.Proje/MashaErp.Modules.Proje.64343tmmxo.bundle.scp.css';
@import '_content/MashaErp.Modules.Satinalma/MashaErp.Modules.Satinalma.ocvf4jrjiw.bundle.scp.css';
@import '_content/MashaErp.Modules.SatisCrm/MashaErp.Modules.SatisCrm.y58zgyzq53.bundle.scp.css';
@import '_content/MashaErp.Modules.Servis/MashaErp.Modules.Servis.6l3378ub09.bundle.scp.css';
@import '_content/MashaErp.Modules.Sistem/MashaErp.Modules.Sistem.u0pclruj60.bundle.scp.css';
@import '_content/MashaErp.Modules.Stok/MashaErp.Modules.Stok.yul9iv22iy.bundle.scp.css';
@import '_content/MashaErp.Modules.Tekstil/MashaErp.Modules.Tekstil.guau11obz9.bundle.scp.css';
@import '_content/MashaErp.Modules.Uretim/MashaErp.Modules.Uretim.n9y09aeqv9.bundle.scp.css';
@import '_content/MashaErp.Modules.Varlik/MashaErp.Modules.Varlik.tuth6946cp.bundle.scp.css';
@import '_content/MashaErp.UI/MashaErp.UI.4j5ltzpaqo.bundle.scp.css';

/* /Components/Account/Pages/Login.razor.rz.scp.css */
.account-language-switcher[b-aytznd8ql7] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0.75rem;
}
/* /Components/Account/Shared/AccountLayout.razor.rz.scp.css */
.account-shell[b-0rgpo1lsdc] {
    display: flex;
    min-height: 100vh;
    font-family: var(--font-family);
    background-color: var(--color-gray-50);
}

.account-brand[b-0rgpo1lsdc] {
    flex: 1 1 40%;
    display: flex;
    align-items: center;
    gap: var(--space-4);
    background-color: var(--color-ink);
    color: #FFFFFF;
    padding: var(--space-6);
}

.account-brand-mark[b-0rgpo1lsdc] {
    flex: none;
    width: 56px;
    height: 56px;
    border-radius: var(--radius-md);
    background-color: var(--color-primary);
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 700;
}

.account-brand-name[b-0rgpo1lsdc] {
    margin: 0 0 var(--space-2);
    font-size: 22px;
    font-weight: 700;
}

.account-brand-tagline[b-0rgpo1lsdc] {
    margin: 0;
    color: #D4D4D4;
    font-size: var(--text-body);
    max-width: 320px;
}

.account-panel[b-0rgpo1lsdc] {
    flex: 1 1 60%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-4);
    padding: var(--space-5);
}

.account-version[b-0rgpo1lsdc] {
    margin: 0;
    font-size: var(--text-caption);
    color: var(--color-gray-500);
}

.account-card[b-0rgpo1lsdc] {
    width: 100%;
    max-width: 380px;
    background-color: var(--color-surface);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
    padding: var(--space-6) var(--space-5);
}

@media (max-width: 720px) {
    .account-shell[b-0rgpo1lsdc] {
        flex-direction: column;
    }

    .account-brand[b-0rgpo1lsdc] {
        flex: none;
        padding: var(--space-5);
    }

    .account-panel[b-0rgpo1lsdc] {
        padding: var(--space-4);
    }
}

/* Hesap sayfalarının (statik SSR, MashaErp.UI bileşenleri kullanamaz — bkz.
   AccountLayout özeti) kendi düz HTML'lerini bu tek yerden stiller. ::deep,
   @Body ile projelenen çocuk sayfa içeriğine ulaşmak için gerekli. */
.account-card[b-0rgpo1lsdc]  h1 {
    margin: 0 0 var(--space-1);
    font-size: var(--text-h1);
    color: var(--color-ink);
}

.account-card[b-0rgpo1lsdc]  h2 {
    margin: 0 0 var(--space-4);
    font-size: var(--text-body);
    font-weight: 400;
    color: var(--color-gray-500);
}

.account-card[b-0rgpo1lsdc]  p {
    font-size: var(--text-body);
    color: var(--color-ink);
    line-height: 1.6;
}

.account-card[b-0rgpo1lsdc]  .account-field {
    margin-bottom: var(--space-3);
}

.account-card[b-0rgpo1lsdc]  .account-field label {
    display: block;
    margin-bottom: var(--space-1);
    font-size: var(--text-caption);
    color: var(--color-gray-500);
}

.account-card[b-0rgpo1lsdc]  .account-field input {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 10px;
    border: 1px solid var(--color-gray-200);
    border-radius: var(--radius-sm);
    font-size: var(--text-body);
    font-family: inherit;
}

.account-card[b-0rgpo1lsdc]  .account-field input:focus {
    outline: 2px solid var(--color-primary);
    outline-offset: -1px;
}

.account-card[b-0rgpo1lsdc]  .account-checkbox-row {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin-bottom: var(--space-4);
    font-size: var(--text-body);
    color: var(--color-ink);
}

.account-card[b-0rgpo1lsdc]  button[type="submit"] {
    width: 100%;
    padding: 10px;
    background-color: var(--color-primary);
    color: #FFFFFF;
    border: none;
    border-radius: var(--radius-sm);
    font-size: var(--text-body);
    font-weight: 600;
    cursor: pointer;
}

.account-card[b-0rgpo1lsdc]  button[type="submit"]:hover {
    background-color: var(--color-primary-dark);
}

.account-card[b-0rgpo1lsdc]  .account-links {
    margin-top: var(--space-4);
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    font-size: var(--text-body);
    text-align: center;
}

.account-card[b-0rgpo1lsdc]  a {
    color: var(--color-primary);
    text-decoration: none;
}

.account-card[b-0rgpo1lsdc]  a:hover {
    text-decoration: underline;
}

.account-card[b-0rgpo1lsdc]  .account-validation {
    color: var(--color-danger);
    font-size: var(--text-caption);
    display: block;
    margin-top: 2px;
}

.account-card[b-0rgpo1lsdc]  .account-alert {
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius-sm);
    font-size: var(--text-body);
    margin-bottom: var(--space-4);
}

.account-card[b-0rgpo1lsdc]  .account-alert--danger {
    background-color: var(--color-danger-bg);
    color: var(--color-danger);
}

.account-card[b-0rgpo1lsdc]  .account-alert--success {
    background-color: var(--color-success-bg);
    color: var(--color-success);
}
/* /Components/Account/Shared/ManageLayout.razor.rz.scp.css */
.manage-shell[b-x75othbb9r] {
    padding: var(--space-4, 1.5rem);
}

.manage-shell-subtitle[b-x75othbb9r] {
    color: var(--color-gray-500, #6b7280);
    margin-top: var(--space-1, 0.25rem);
    margin-bottom: var(--space-4, 1.5rem);
}

.manage-shell-body[b-x75othbb9r] {
    display: flex;
    gap: var(--space-4, 1.5rem);
    align-items: flex-start;
}

.manage-shell-nav[b-x75othbb9r] {
    flex: 0 0 220px;
}

.manage-shell-content[b-x75othbb9r] {
    flex: 1 1 auto;
    min-width: 0;
}

@media (max-width: 720px) {
    .manage-shell-body[b-x75othbb9r] {
        flex-direction: column;
    }

    .manage-shell-nav[b-x75othbb9r] {
        flex-basis: auto;
        width: 100%;
    }
}

/* V2-2: Manage sayfaları statik SSR — MashaErp.UI bileşenleri çalışmaz (bkz. AccountLayout
   özeti). AccountLayout.razor.css'teki account-* stillerinin manage karşılığı burada, tek
   yerden. ::deep, @Body ile projelenen çocuk sayfa içeriğine ulaşmak için gerekli. */
.manage-shell-content[b-x75othbb9r]  h3 {
    margin: 0 0 var(--space-3);
    font-size: var(--text-h2);
    color: var(--color-ink);
}

.manage-shell-content[b-x75othbb9r]  h4 {
    margin: var(--space-4) 0 var(--space-2);
    font-size: var(--text-body);
    color: var(--color-ink);
}

.manage-shell-content[b-x75othbb9r]  p {
    font-size: var(--text-body);
    color: var(--color-ink);
    line-height: 1.6;
}

.manage-shell-content[b-x75othbb9r]  .manage-form {
    max-width: 420px;
}

.manage-shell-content[b-x75othbb9r]  .manage-field {
    margin-bottom: var(--space-3);
}

.manage-shell-content[b-x75othbb9r]  .manage-field label {
    display: block;
    margin-bottom: var(--space-1);
    font-size: var(--text-caption);
    color: var(--color-gray-500);
}

.manage-shell-content[b-x75othbb9r]  .manage-field input {
    width: 100%;
    box-sizing: border-box;
    padding: 8px 10px;
    border: 1px solid var(--color-gray-200);
    border-radius: var(--radius-sm);
    font-size: var(--text-body);
    font-family: inherit;
}

.manage-shell-content[b-x75othbb9r]  .manage-field input:focus {
    outline: 2px solid var(--color-primary);
    outline-offset: -1px;
}

.manage-shell-content[b-x75othbb9r]  .manage-field input:disabled {
    background: var(--color-gray-50);
    color: var(--color-gray-500);
}

.manage-shell-content[b-x75othbb9r]  .manage-checkbox-row {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin-bottom: var(--space-3);
    font-size: var(--text-body);
    color: var(--color-ink);
}

.manage-shell-content[b-x75othbb9r]  .manage-validation {
    color: var(--color-danger);
    font-size: var(--text-caption);
    display: block;
    margin-top: 2px;
}

.manage-shell-content[b-x75othbb9r]  .manage-actions {
    margin-top: var(--space-4);
    display: flex;
    gap: var(--space-2);
    flex-wrap: wrap;
}

.manage-shell-content[b-x75othbb9r]  .manage-button {
    display: inline-block;
    padding: 9px 18px;
    background-color: var(--color-primary);
    color: #FFFFFF;
    border: none;
    border-radius: var(--radius-sm);
    font-size: var(--text-body);
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    text-decoration: none;
}

.manage-shell-content[b-x75othbb9r]  .manage-button:hover {
    background-color: var(--color-primary-dark);
    text-decoration: none;
}

.manage-shell-content[b-x75othbb9r]  .manage-button--danger {
    background-color: var(--color-danger);
}

.manage-shell-content[b-x75othbb9r]  .manage-button--danger:hover {
    filter: brightness(0.92);
    background-color: var(--color-danger);
}

.manage-shell-content[b-x75othbb9r]  .manage-button--secondary {
    background-color: var(--color-surface);
    color: var(--color-ink);
    border: 1px solid var(--color-gray-200);
}

.manage-shell-content[b-x75othbb9r]  .manage-button--secondary:hover {
    background-color: var(--color-gray-50);
}

.manage-shell-content[b-x75othbb9r]  a {
    color: var(--color-primary);
    text-decoration: none;
}

.manage-shell-content[b-x75othbb9r]  a:hover {
    text-decoration: underline;
}

.manage-shell-content[b-x75othbb9r]  .manage-links {
    margin-top: var(--space-4);
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.manage-shell-content[b-x75othbb9r]  .manage-note {
    color: var(--color-gray-500);
    font-size: var(--text-caption);
}

/* StatusMessage account-alert üretir (paylaşılan bileşen); manage-alert kendi
   sayfalarımın uyarıları — ikisi de aynı görünür. */
.manage-shell-content[b-x75othbb9r]  .manage-alert,
.manage-shell-content[b-x75othbb9r]  .account-alert {
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius-sm);
    font-size: var(--text-body);
    margin-bottom: var(--space-4);
}

.manage-shell-content[b-x75othbb9r]  .manage-alert--danger,
.manage-shell-content[b-x75othbb9r]  .account-alert--danger {
    background-color: var(--color-danger-bg);
    color: var(--color-danger);
}

.manage-shell-content[b-x75othbb9r]  .manage-alert--success,
.manage-shell-content[b-x75othbb9r]  .account-alert--success {
    background-color: var(--color-success-bg);
    color: var(--color-success);
}

.manage-shell-content[b-x75othbb9r]  .manage-alert--warning {
    background-color: var(--color-warning-bg);
    color: var(--color-warning);
}

.manage-shell-content[b-x75othbb9r]  .manage-alert--info {
    background-color: var(--color-gray-50);
    color: var(--color-gray-500);
}

.manage-shell-content[b-x75othbb9r]  .manage-key {
    display: inline-block;
    padding: 6px 10px;
    background: var(--color-gray-50);
    border: 1px solid var(--color-gray-200);
    border-radius: var(--radius-sm);
    font-family: monospace;
    font-size: var(--text-body);
    letter-spacing: 0.08em;
}

.manage-shell-content[b-x75othbb9r]  .manage-recovery-codes {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-2);
    max-width: 420px;
    margin: var(--space-3) 0;
}

.manage-shell-content[b-x75othbb9r]  .manage-recovery-codes code {
    padding: 6px 10px;
    background: var(--color-gray-50);
    border: 1px solid var(--color-gray-200);
    border-radius: var(--radius-sm);
    font-family: monospace;
    text-align: center;
}

.manage-shell-content[b-x75othbb9r]  .manage-qr svg,
.manage-shell-content[b-x75othbb9r]  .manage-qr img {
    margin: var(--space-3) 0;
}
/* /Components/Account/Shared/ManageNavMenu.razor.rz.scp.css */
.manage-nav[b-4e92539j0n] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-1, 0.25rem);
}

.manage-nav-link[b-4e92539j0n] {
    display: block;
    padding: var(--space-2, 0.5rem) var(--space-3, 0.75rem);
    border-radius: var(--radius-sm, 6px);
    color: var(--color-ink, #1a1a1a);
    text-decoration: none;
}

.manage-nav-link:hover[b-4e92539j0n] {
    background: var(--color-gray-50, #f9fafb);
}

.manage-nav-link.active[b-4e92539j0n] {
    background: var(--color-primary, #d9642b);
    color: #fff;
}
/* /Components/Layout/CompanySwitcher.razor.rz.scp.css */
.company-switcher[b-28rmqg4sub] {
    position: relative;
}

.company-switcher-trigger[b-28rmqg4sub] {
    background: none;
    border: 1px solid var(--color-gray-500);
    color: var(--color-surface);
    border-radius: 4px;
    padding: 6px 10px;
    font-size: 11px;
    font-family: var(--font-family);
    cursor: pointer;
    transition: border-color 0.15s ease;
}

.company-switcher-trigger:hover[b-28rmqg4sub] {
    border-color: var(--color-primary);
}

.company-switcher-panel[b-28rmqg4sub] {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    min-width: 220px;
    background-color: var(--color-surface);
    border: 1px solid var(--color-gray-200);
    border-radius: 6px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    padding: 8px;
    z-index: 50;
}

.company-switcher-group + .company-switcher-group[b-28rmqg4sub] {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid var(--color-gray-200);
}

.company-switcher-company-name[b-28rmqg4sub] {
    font-size: var(--text-caption);
    font-weight: 600;
    color: var(--color-gray-500);
    text-transform: uppercase;
    letter-spacing: 0.02em;
    padding: 2px 8px;
}

.company-switcher-period[b-28rmqg4sub] {
    display: block;
    width: 100%;
    text-align: left;
    background: none;
    border: none;
    padding: 6px 8px;
    border-radius: 4px;
    font-size: var(--text-body);
    font-family: var(--font-family);
    color: var(--color-ink);
    cursor: pointer;
}

.company-switcher-period:hover[b-28rmqg4sub] {
    background-color: var(--color-gray-50);
}

.company-switcher-period--active[b-28rmqg4sub] {
    background-color: var(--color-primary);
    color: var(--color-surface);
}
/* /Components/Layout/DevPortalButton.razor.rz.scp.css */
.devportal-fab[b-lusre8i69n] {
    position: fixed;
    right: 0;
    top: 45%;
    z-index: 60;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: 10px 7px;
    border: 1px solid var(--color-gray-300, #d1d5db);
    border-right: none;
    border-radius: 8px 0 0 8px;
    background: var(--color-ink, #111827);
    color: #fff;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: .04em;
    box-shadow: -2px 2px 8px rgba(0, 0, 0, .18);
    opacity: .85;
    transition: opacity .12s, padding-right .12s;
}

.devportal-fab:hover[b-lusre8i69n] {
    opacity: 1;
    padding-right: 12px;
}

.devportal-fab svg[b-lusre8i69n] {
    width: 18px;
    height: 18px;
}

/* Kayıtsız sayfa: "kaydet" varyantı — biraz daha soluk/nötr, "düzenle"den ayrışsın. */
.devportal-fab-new[b-lusre8i69n] {
    background: var(--color-gray-600, #4b5563);
}
/* /Components/Layout/ImpersonationBanner.razor.rz.scp.css */
.impersonation-band[b-1l1iwlcr8v] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 6px 16px;
    background: var(--color-warning, #b7791f);
    color: #fff;
    font-size: var(--text-caption);
    font-weight: 500;
}

.impersonation-band__form[b-1l1iwlcr8v] {
    margin: 0;
}

.impersonation-band__exit[b-1l1iwlcr8v] {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 4px;
    padding: 2px 12px;
    cursor: pointer;
    font-size: var(--text-caption);
}

.impersonation-band__exit:hover[b-1l1iwlcr8v] {
    background: rgba(255, 255, 255, 0.35);
}
/* /Components/Layout/LanguageSwitcher.razor.rz.scp.css */
.language-switcher[b-q4a8ujn8dk] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.8125rem;
}

.language-switcher-link[b-q4a8ujn8dk] {
    color: var(--color-gray-500, #6b7280);
    text-decoration: none;
    padding: 0.15rem 0.35rem;
    border-radius: 0.25rem;
    font-weight: 500;
}

.language-switcher-link:hover[b-q4a8ujn8dk] {
    color: var(--color-gray-800, #1f2937);
    background: var(--color-gray-100, #f3f4f6);
}

.language-switcher-link--active[b-q4a8ujn8dk] {
    color: var(--color-primary, #ea580c);
    font-weight: 700;
}

.language-switcher-sep[b-q4a8ujn8dk] {
    color: var(--color-gray-300, #d1d5db);
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-zovsdapjhb] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.app-body[b-zovsdapjhb] {
    display: flex;
    flex: 1;
    min-height: 0;
}

main[b-zovsdapjhb] {
    flex: 1;
    min-width: 0;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.top-nav[b-jzv9nocrvi] {
    background: var(--color-ink);
    position: sticky;
    top: 0;
    z-index: 10;
}

.top-nav-inner[b-jzv9nocrvi] {
    width: 100%;
    height: 56px;
    display: flex;
    align-items: center;
    gap: 32px;
    padding: 0 24px;
}

.brand[b-jzv9nocrvi] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--color-surface) !important;
    flex-shrink: 0;
}

.brand:hover[b-jzv9nocrvi] {
    color: var(--color-surface) !important;
}

.brand-mark[b-jzv9nocrvi] {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    background: var(--color-primary);
    color: var(--color-surface);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
}

.brand-name[b-jzv9nocrvi] {
    font-weight: 600;
    font-size: 14px;
}

/* Ürün sürümü — koyu topbar'da soluk, markanın hemen yanında. */
.brand-version[b-jzv9nocrvi] {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: rgba(255, 255, 255, 0.45);
    align-self: flex-end;
    padding-bottom: 3px;
}

/* V2-2: şirket logosu — markanın sağında, dikey ayraçla ayrılır. onerror ile gizlendiğinde
   ayraç da (border-left) gizlenir, ayrı bir ayraç elemanı gerekmez. */
.company-logo[b-jzv9nocrvi] {
    height: 28px;
    width: auto;
    max-width: 160px;
    margin-left: 4px;
    padding-left: 16px;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    flex-shrink: 0;
}

.top-nav-links[b-jzv9nocrvi] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex: 1;
}

.top-nav-actions[b-jzv9nocrvi] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.top-nav[b-jzv9nocrvi]  .nav-link {
    color: rgba(255, 255, 255, 0.75) !important;
    font-size: 11px;
    font-weight: 500;
    padding: 8px 12px;
    border-radius: 6px;
    background: none;
    border-width: 0 0 2px 0;
    border-style: solid;
    border-color: transparent;
    transition: color 0.15s ease, background 0.15s ease, border-color 0.15s ease;
    cursor: pointer;
}

.top-nav[b-jzv9nocrvi]  .nav-link:hover {
    color: var(--color-surface) !important;
    background: rgba(255, 255, 255, 0.06);
}

.top-nav[b-jzv9nocrvi]  .nav-link.active {
    color: var(--color-surface) !important;
    border-bottom-color: var(--color-primary);
}

.top-nav[b-jzv9nocrvi]  .nav-link-primary {
    background: var(--color-primary);
    color: var(--color-surface) !important;
}

.top-nav[b-jzv9nocrvi]  .nav-link-primary:hover {
    background: var(--color-primary-dark);
}

.top-nav[b-jzv9nocrvi]  .nav-link-button {
    font-family: inherit;
}

@media (max-width: 768px) {
    .top-nav-links[b-jzv9nocrvi] {
        display: none;
    }
}
/* /Components/Layout/NotificationBellHost.razor.rz.scp.css */
/* OneNotificationBell (MashaErp.UI) domain-agnostic kalır — bu dosya onu
   sadece BURADA, koyu üst menüde nasıl göründüğü konusunda yeniden derilendirir
   (bkz. ::deep kullanımı OneSidebar.razor.css'teki aynı desen). Bileşenin kendi
   varsayılanı (beyaz zeminli buton) açık bir yüzeyde doğru görünür ama koyu
   `.top-nav` üzerinde yabancı bir beyaz kutu gibi durur — kullanıcı geri
   bildirdi ("topbarı da düzeltelim"). CompanySwitcher'daki aynı "ghost buton"
   deseniyle eşleştirildi. */
.notification-bell-host[b-wjc8qrwpk1] {
    /* Sadece ::deep için scope-attribute çıpası — layout'a katılmasın diye
       içeriği sanki doğrudan .top-nav-actions'ın çocuğuymuş gibi davransın. */
    display: contents;
}

[b-wjc8qrwpk1] .one-notification-bell-toggle {
    background: none;
    border: 1px solid var(--color-gray-500);
    color: var(--color-surface);
}

[b-wjc8qrwpk1] .one-notification-bell-toggle:hover {
    background: rgba(255, 255, 255, 0.06);
    border-color: var(--color-primary);
    color: var(--color-surface);
}
/* /Components/Layout/PageNoteHost.razor.rz.scp.css */
.page-note[b-jndisxgvgf] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    padding: 8px 14px;
    border-radius: var(--radius-md, 6px);
    border: 1px solid transparent;
    font-size: var(--text-body);
}

.page-note i[b-jndisxgvgf] {
    font-size: 16px;
    flex: none;
}

.page-note--info[b-jndisxgvgf] {
    background: var(--color-gray-50, #f7f7f7);
    border-color: var(--color-gray-200, #e5e5e5);
    color: var(--color-gray-700, #374151);
}

.page-note--warning[b-jndisxgvgf] {
    background: var(--color-warning-bg, #FDF3E0);
    border-color: var(--color-warning, #B7791F);
    color: var(--color-warning, #B7791F);
}

.page-note--danger[b-jndisxgvgf] {
    background: var(--color-danger-bg, #FBEEEE);
    border-color: var(--color-danger, #B3261E);
    color: var(--color-danger, #B3261E);
}
/* /Components/Layout/ProcessBellHost.razor.rz.scp.css */
.process-bell-toggle[b-pfx2wa26fy] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid var(--color-gray-500);
    border-radius: 6px;
    background: none;
    color: var(--color-surface) !important;
    font-size: 15px;
    cursor: pointer;
    transition: background-color 0.1s ease, border-color 0.1s ease;
}

.process-bell-toggle:hover[b-pfx2wa26fy] {
    background-color: rgba(255, 255, 255, 0.06);
    border-color: var(--color-primary);
    color: var(--color-surface) !important;
}

.process-bell-badge[b-pfx2wa26fy] {
    position: absolute;
    top: -6px;
    right: -6px;
    min-width: 16px;
    height: 16px;
    padding: 0 3px;
    border-radius: 100px;
    background-color: var(--color-primary);
    color: #fff;
    font-size: 10px;
    line-height: 16px;
    text-align: center;
}
/* /Components/Layout/SystemDrawerHost.razor.rz.scp.css */
/* Koyu topbar'da ghost buton — NotificationBellHost ile aynı desen. */
.system-drawer-host[b-y22ga5tkdt] {
    display: contents;
}

.system-drawer-toggle[b-y22ga5tkdt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 6px;
    background: none;
    border: 1px solid var(--color-gray-500);
    color: var(--color-surface);
    cursor: pointer;
    font-size: 18px;
}

.system-drawer-toggle:hover[b-y22ga5tkdt] {
    background: rgba(255, 255, 255, 0.06);
    border-color: var(--color-primary);
}

.system-drawer-tabs[b-y22ga5tkdt] {
    display: flex;
    gap: 4px;
    margin-bottom: 12px;
    border-bottom: 1px solid var(--color-gray-200);
}

.system-drawer-tab[b-y22ga5tkdt] {
    padding: 8px 14px;
    border: none;
    background: none;
    color: var(--color-gray-500);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
}

.system-drawer-tab:hover[b-y22ga5tkdt] {
    color: var(--color-ink);
}

.system-drawer-tab-on[b-y22ga5tkdt] {
    color: var(--color-primary);
    border-bottom-color: var(--color-primary);
}

.system-drawer-nav[b-y22ga5tkdt] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.system-drawer-item[b-y22ga5tkdt] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 10px 12px;
    border: none;
    border-radius: 6px;
    background: none;
    color: var(--color-ink);
    font-size: 14px;
    text-align: left;
    cursor: pointer;
}

.system-drawer-item:hover[b-y22ga5tkdt] {
    background: var(--color-gray-100);
}

.system-drawer-item i[b-y22ga5tkdt] {
    font-size: 18px;
    color: var(--color-gray-500);
    width: 20px;
    text-align: center;
}

.system-drawer-item i.system-drawer-fav[b-y22ga5tkdt] {
    color: var(--color-warning, #B7791F);
}

.system-drawer-sep[b-y22ga5tkdt] {
    height: 1px;
    background: var(--color-gray-200);
    margin: 6px 0;
}
/* /Components/Layout/UserMenuHost.razor.rz.scp.css */
.user-menu-host[b-wgjxfa71gm] {
    position: relative;
}

.user-menu-trigger[b-wgjxfa71gm] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: none;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 4px 8px 4px 4px;
    cursor: pointer;
    transition: border-color 0.15s ease;
}

.user-menu-trigger:hover[b-wgjxfa71gm] {
    border-color: var(--color-gray-500);
}

.user-menu-avatar[b-wgjxfa71gm] {
    position: relative;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
}

.user-menu-avatar-img[b-wgjxfa71gm] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.user-menu-avatar-fallback[b-wgjxfa71gm] {
    display: none;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background: var(--color-primary);
    color: var(--color-surface);
    font-size: 12px;
    font-weight: 700;
}

.user-menu-name[b-wgjxfa71gm] {
    color: var(--color-surface);
    font-size: 11px;
    font-weight: 500;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-menu-panel[b-wgjxfa71gm] {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    min-width: 220px;
    background-color: var(--color-surface);
    border: 1px solid var(--color-gray-200);
    border-radius: 6px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    padding: 8px;
    z-index: 50;
}

.user-menu-identity[b-wgjxfa71gm] {
    padding: 6px 8px 10px;
    border-bottom: 1px solid var(--color-gray-200);
    margin-bottom: 6px;
}

.user-menu-identity-name[b-wgjxfa71gm] {
    font-size: var(--text-body);
    font-weight: 600;
    color: var(--color-ink);
}

.user-menu-identity-email[b-wgjxfa71gm] {
    font-size: var(--text-caption);
    color: var(--color-gray-500);
}

.user-menu-item[b-wgjxfa71gm] {
    display: block;
    width: 100%;
    text-align: left;
    background: none;
    border: none;
    padding: 8px;
    border-radius: 4px;
    font-size: var(--text-body);
    font-family: var(--font-family);
    color: var(--color-ink);
    cursor: pointer;
    text-decoration: none;
}

.user-menu-item:hover[b-wgjxfa71gm] {
    background-color: var(--color-gray-50);
    color: var(--color-ink);
}

.user-menu-item-button[b-wgjxfa71gm] {
    color: var(--color-danger);
}

.user-menu-divider[b-wgjxfa71gm] {
    height: 1px;
    background: var(--color-gray-200);
    margin: 6px 0;
}
/* /Components/Pages/Bildirimler.razor.rz.scp.css */
.bildirim-toolbar[b-ce5gv6xu9f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.bildirim-ozet[b-ce5gv6xu9f] {
    font-size: 0.9rem;
    color: var(--color-text-muted, #6b7280);
}

.bildirim-bos[b-ce5gv6xu9f] {
    color: var(--color-text-muted, #6b7280);
    margin: 0.5rem 0;
}

.bildirim-liste[b-ce5gv6xu9f] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.bildirim-oge[b-ce5gv6xu9f] {
    padding: 0.65rem 0.85rem;
    border: 1px solid var(--color-border, #e5e7eb);
    border-radius: var(--radius-md, 6px);
    cursor: pointer;
    transition: background 0.12s ease;
}

.bildirim-oge:hover[b-ce5gv6xu9f] {
    background: var(--color-surface-muted, #f3f4f6);
}

.bildirim-oge--okunmamis[b-ce5gv6xu9f] {
    border-left: 3px solid var(--color-primary, #d9642b);
    background: var(--color-surface-muted, #f9fafb);
}

.bildirim-baslik[b-ce5gv6xu9f] {
    font-weight: 600;
    font-size: 0.9rem;
}

.bildirim-govde[b-ce5gv6xu9f] {
    font-size: 0.85rem;
    color: var(--color-text, #374151);
    margin-top: 0.15rem;
}

.bildirim-tarih[b-ce5gv6xu9f] {
    font-size: 0.75rem;
    color: var(--color-text-muted, #9ca3af);
    margin-top: 0.25rem;
}
/* /Components/Pages/DemoVeri.razor.rz.scp.css */
.demo-intro[b-33xn1yjbts],
.demo-warning[b-33xn1yjbts] {
    margin: 0 0 var(--space-3);
    max-width: 90ch;
    font-size: var(--text-body);
}

.demo-warning[b-33xn1yjbts] {
    color: var(--color-gray-500);
}

.demo-result[b-33xn1yjbts] {
    margin-top: var(--space-4);
    padding: var(--space-3);
    border-radius: var(--radius-md);
    border: 1px solid var(--color-gray-200);
}

.demo-result--ok[b-33xn1yjbts] {
    background-color: var(--color-success-bg);
    border-color: var(--color-success);
}

.demo-result--fail[b-33xn1yjbts] {
    background-color: var(--color-warning-bg);
    border-color: var(--color-warning);
}

.demo-result p[b-33xn1yjbts] {
    margin: 0;
}

.demo-notes-title[b-33xn1yjbts] {
    margin-top: var(--space-2) !important;
    font-size: var(--text-caption);
}

.demo-notes[b-33xn1yjbts] {
    margin: var(--space-1) 0 0;
    padding-left: var(--space-4);
    font-size: var(--text-caption);
    color: var(--color-gray-500);
}
/* /Components/Pages/Eklentiler.razor.rz.scp.css */
.eklenti-help[b-gfa216970f] {
    color: var(--color-gray-600);
    font-size: var(--text-caption);
    margin-bottom: 12px;
}
/* /Components/Pages/Home.razor.rz.scp.css */
.home-widgets-toolbar[b-behzdfn63m] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.home-csv[b-behzdfn63m] {
    font-size: var(--text-caption);
    color: var(--color-primary);
    text-decoration: none;
}

.home-csv:hover[b-behzdfn63m] { text-decoration: underline; }

.home-kpis[b-behzdfn63m] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 12px;
}

.home-edit-note[b-behzdfn63m] {
    margin: 0 0 12px;
    font-size: var(--text-caption);
    color: var(--color-gray-500);
}

.home-widgets-empty[b-behzdfn63m] {
    margin: 0;
    color: var(--color-gray-500);
    font-size: var(--text-body);
}

.home-widgets-grid[b-behzdfn63m] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 12px;
}

.home-widget-card[b-behzdfn63m] {
    background-color: var(--color-gray-50);
    border: 1px solid var(--color-gray-200);
    border-radius: 8px;
    padding: 16px;
}

.home-widget-title[b-behzdfn63m] {
    font-size: var(--text-caption);
    color: var(--color-gray-500);
    margin-bottom: 6px;
}

.home-widget-value[b-behzdfn63m] {
    font-size: var(--text-h1);
    font-weight: 600;
    color: var(--color-ink);
}

.pending-work-stats[b-behzdfn63m] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 16px;
}

.pending-work-stat[b-behzdfn63m] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 140px;
    padding: 16px;
    background-color: var(--color-gray-50);
    border: 1px solid var(--color-gray-200);
    border-radius: 8px;
    text-decoration: none;
    color: inherit;
}

a.pending-work-stat:hover[b-behzdfn63m] {
    border-color: var(--color-gray-300);
}

.pending-work-count[b-behzdfn63m] {
    font-size: var(--text-h1);
    font-weight: 600;
    color: var(--color-ink);
}

.pending-work-label[b-behzdfn63m] {
    font-size: var(--text-caption);
    color: var(--color-gray-500);
}

.pending-work-subtitle[b-behzdfn63m] {
    font-size: var(--text-caption);
    color: var(--color-gray-500);
    margin: 0 0 8px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.pending-work-empty[b-behzdfn63m] {
    margin: 0;
    color: var(--color-gray-500);
    font-size: var(--text-body);
}

.pending-work-feed[b-behzdfn63m] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.pending-work-feed li[b-behzdfn63m] {
    display: flex;
    gap: 10px;
    align-items: baseline;
}

.pending-work-date[b-behzdfn63m] {
    font-variant-numeric: tabular-nums;
    color: var(--color-gray-500);
    min-width: 44px;
}
/* /Components/Pages/Kisisellestirme.razor.rz.scp.css */
.kis-intro[b-jpe7ydwc03] {
    margin: 0 0 16px;
    color: var(--color-gray-500);
    font-size: var(--text-body);
}

.kis-section[b-jpe7ydwc03] {
    margin-bottom: 20px;
}

.kis-label[b-jpe7ydwc03] {
    font-weight: 600;
    font-size: var(--text-caption);
    color: var(--color-ink, #111827);
    margin-bottom: 8px;
}

.kis-swatches[b-jpe7ydwc03] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 12px;
}

.kis-swatch[b-jpe7ydwc03] {
    width: 34px;
    height: 34px;
    border-radius: var(--radius-md, 6px);
    border: 2px solid transparent;
    outline: 1px solid var(--color-gray-200, #e5e7eb);
    cursor: pointer;
    padding: 0;
}

.kis-swatch-on[b-jpe7ydwc03] {
    border-color: var(--color-ink, #111827);
    outline-color: var(--color-ink, #111827);
}

.kis-hexrow[b-jpe7ydwc03] {
    max-width: 280px;
}

.kis-warn[b-jpe7ydwc03] {
    display: block;
    margin-top: 4px;
    font-size: var(--text-caption);
    color: var(--color-danger, #dc2626);
}

.kis-actions[b-jpe7ydwc03] {
    display: flex;
    gap: 8px;
    margin-top: 8px;
}
/* /Components/Pages/Konnektorler.razor.rz.scp.css */
.konnektor-help[b-k45i1xvl5t] {
    color: var(--color-gray-600);
    font-size: var(--text-caption);
    margin-bottom: 12px;
}

.konnektor-desc[b-k45i1xvl5t] {
    color: var(--color-gray-500);
    font-size: var(--text-caption);
    margin-top: 2px;
}

.konnektor-cat-note[b-k45i1xvl5t] {
    color: var(--color-gray-600);
    font-size: var(--text-caption);
    margin: 0 0 12px;
}

.konnektor-mode[b-k45i1xvl5t] {
    color: var(--color-gray-500);
    font-style: italic;
    margin-left: 4px;
}

.konnektor-col-action[b-k45i1xvl5t] {
    width: 140px;
    text-align: right;
}
/* /Components/Pages/Kurulum.razor.rz.scp.css */
.kurulum-section[b-rg83nf0rgj] {
    margin-top: 1.5rem;
    margin-bottom: 0.25rem;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--color-text, #111827);
}

.kurulum-section:first-of-type[b-rg83nf0rgj] {
    margin-top: 0.5rem;
}

.kurulum-hint[b-rg83nf0rgj] {
    margin: 0.3rem 0 0;
    font-size: 0.78rem;
    color: var(--color-text-muted, #6b7280);
}
/* /Components/Pages/Lisans.razor.rz.scp.css */
.lisans-uyari[b-r8rbrj6f8b] {
    padding: 0.75rem 1rem;
    border-radius: var(--radius-md, 6px);
    background: var(--color-surface-muted, #f3f4f6);
    margin: 0 0 0.5rem;
}

.lisans-uyari--hata[b-r8rbrj6f8b] {
    background: #fdecea;
    color: #8a1c14;
}

.lisans-ozet[b-r8rbrj6f8b] {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 0.4rem 1.5rem;
    margin: 0;
}

.lisans-ozet dt[b-r8rbrj6f8b] {
    font-weight: 600;
    color: var(--color-text-muted, #6b7280);
}

.lisans-ozet dd[b-r8rbrj6f8b] {
    margin: 0;
}

.lisans-intro[b-r8rbrj6f8b] {
    color: var(--color-text-muted, #6b7280);
    margin: 0 0 0.75rem;
}

.lisans-key-input[b-r8rbrj6f8b] {
    width: 100%;
    font-family: var(--font-mono, monospace);
    font-size: 0.85rem;
    padding: 0.6rem;
    border: 1px solid var(--color-border, #d1d5db);
    border-radius: var(--radius-md, 6px);
    resize: vertical;
    box-sizing: border-box;
}

.lisans-hata[b-r8rbrj6f8b] {
    color: #b91c1c;
    margin: 0.5rem 0 0;
}

.lisans-actions[b-r8rbrj6f8b] {
    margin-top: 0.75rem;
}

.lisans-surum[b-r8rbrj6f8b] {
    margin: 0.85rem 0 0;
    padding-top: 0.6rem;
    border-top: 1px solid var(--color-border, #e5e7eb);
    font-size: 0.8rem;
    color: var(--color-text-muted, #6b7280);
}
/* /Components/Pages/MobilErisim.razor.rz.scp.css */
.mobil-help[b-tc8bmhq6u5] {
    margin: 0 0 var(--space-3);
    color: var(--color-text-muted, #6b7280);
    max-width: 70ch;
}

.mobil-toolbar[b-tc8bmhq6u5] {
    margin-bottom: var(--space-3);
}

.mobil-bos[b-tc8bmhq6u5] {
    color: var(--color-text-muted, #6b7280);
}

.mobil-col-action[b-tc8bmhq6u5] {
    width: 46px;
    text-align: center;
}

.mobil-form[b-tc8bmhq6u5] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    min-width: 320px;
}

.mobil-new-token[b-tc8bmhq6u5] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    background-color: var(--color-warning-bg, #fef3c7);
    border: 1px solid var(--color-warning, #f59e0b);
    border-radius: var(--radius-lg);
    padding: var(--space-3);
    margin-bottom: var(--space-3);
}

.mobil-new-token p[b-tc8bmhq6u5] {
    margin: 0;
    flex: 1;
}

.mobil-new-token code[b-tc8bmhq6u5] {
    background-color: var(--color-surface, #fff);
    padding: var(--space-1) var(--space-2);
    border-radius: var(--radius-sm);
    font-size: var(--text-caption);
}
/* /Components/Pages/ModulAktivasyon.razor.rz.scp.css */
.modul-help[b-8yex4ixjuk] {
    color: var(--color-gray-600, #4b5563);
    font-size: 0.85rem;
    margin-bottom: 0.75rem;
    max-width: 70ch;
}

.modul-table[b-8yex4ixjuk] {
    width: 100%;
    max-width: 560px;
}

.modul-icon[b-8yex4ixjuk] {
    margin-right: 0.4rem;
    color: var(--color-gray-500, #6b7280);
}

.modul-col-action[b-8yex4ixjuk] {
    text-align: right;
    white-space: nowrap;
}
/* /Components/Pages/Parametreler.razor.rz.scp.css */
.param-intro[b-o0dfmgos43] {
    color: var(--color-gray-500);
    margin: 0 0 12px;
    font-size: 13px;
}

.param-group-title[b-o0dfmgos43] {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--color-gray-500);
    margin: 16px 0 8px;
}

.param-list-grid[b-o0dfmgos43],
.param-link-grid[b-o0dfmgos43] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 10px;
}

.param-list-card[b-o0dfmgos43] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    padding: 12px 14px;
    border: 1px solid var(--color-gray-200);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    cursor: pointer;
    text-align: left;
}

.param-list-card:hover[b-o0dfmgos43] {
    border-color: var(--color-primary);
    background: var(--color-gray-100);
}

.param-list-card-name[b-o0dfmgos43] {
    font-weight: 600;
    font-size: 14px;
    color: var(--color-ink);
}

.param-list-card-count[b-o0dfmgos43] {
    font-size: 12px;
    color: var(--color-gray-500);
}

.param-link-card[b-o0dfmgos43] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid var(--color-gray-200);
    border-radius: var(--radius-md);
    background: var(--color-surface);
    color: var(--color-ink) !important;
    text-decoration: none;
    font-size: 14px;
}

.param-link-card:hover[b-o0dfmgos43] {
    border-color: var(--color-primary);
    background: var(--color-gray-100);
}

.param-link-card i[b-o0dfmgos43] {
    font-size: 18px;
    color: var(--color-gray-500);
}

.param-empty[b-o0dfmgos43] {
    color: var(--color-gray-500);
    font-size: 13px;
}

.param-item-table[b-o0dfmgos43] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 16px;
}

.param-item-table th[b-o0dfmgos43],
.param-item-table td[b-o0dfmgos43] {
    text-align: left;
    padding: 8px 10px;
    border-bottom: 1px solid var(--color-gray-200);
    font-size: 13px;
}

.param-item-table th[b-o0dfmgos43] {
    font-weight: 600;
    color: var(--color-gray-500);
}

.param-col-action[b-o0dfmgos43] {
    text-align: right;
    white-space: nowrap;
}

.param-color-dot[b-o0dfmgos43] {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 6px;
    vertical-align: middle;
    border: 1px solid var(--color-gray-200);
}

.param-item-form[b-o0dfmgos43] {
    border-top: 1px solid var(--color-gray-200);
    padding-top: 12px;
}

.param-item-form h4[b-o0dfmgos43] {
    margin: 0 0 10px;
    font-size: 13px;
}

.param-form-row[b-o0dfmgos43] {
    display: grid;
    grid-template-columns: 2fr 1fr auto;
    gap: 12px;
    align-items: end;
}

@media (max-width: 640px) {
    .param-form-row[b-o0dfmgos43] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/RaporCalistir.razor.rz.scp.css */
/* Rapor çalıştırma sayfası — profesyonel/nötr. Üstte "Raporlar"a dönüş + sağda perf ikonu;
   filtreler yan yana; sonuç tablosu Excel benzeri; yeşil aksanlar kaldırıldı. */
.rpr-run-top[b-0qfphg4ues] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.rpr-back[b-0qfphg4ues] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px 4px 6px;
    border: 1px solid var(--color-gray-300);
    border-radius: 7px;
    background: var(--color-surface, #fff);
    color: var(--color-gray-700, #374151);
    text-decoration: none;
    font-size: var(--text-caption);
}

.rpr-back svg[b-0qfphg4ues] {
    width: 15px;
    height: 15px;
}

.rpr-back:hover[b-0qfphg4ues] {
    border-color: var(--color-ink, #111827);
    color: var(--color-ink, #111827);
}

.rpr-perf[b-0qfphg4ues] {
    width: 18px;
    height: 18px;
    display: inline-flex;
}

.rpr-perf svg[b-0qfphg4ues] {
    width: 100%;
    height: 100%;
}

.rpr-perf-fast[b-0qfphg4ues] { color: var(--color-gray-400, #9ca3af); }
.rpr-perf-medium[b-0qfphg4ues] { color: #b45309; }
.rpr-perf-heavy[b-0qfphg4ues] { color: #b91c1c; }

.rpr-run-desc[b-0qfphg4ues] {
    margin: 0 0 16px;
    color: var(--color-gray-600);
    font-size: var(--text-body);
}

/* Çalıştırmadan önce sütun seçimi */
.rpr-columns[b-0qfphg4ues] {
    margin-bottom: 16px;
}

.rpr-columns-label[b-0qfphg4ues] {
    display: block;
    margin-bottom: 6px;
    font-size: var(--text-caption);
    color: var(--color-gray-500);
}

.rpr-columns-chips[b-0qfphg4ues] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.rpr-col-chip[b-0qfphg4ues] {
    font-family: inherit;
    font-size: var(--text-caption);
    padding: 4px 12px;
    border-radius: 999px;
    border: 1px solid var(--color-gray-300);
    background: var(--color-surface, #fff);
    color: var(--color-gray-500);
    cursor: pointer;
    transition: background .12s, border-color .12s, color .12s;
}

.rpr-col-chip:hover[b-0qfphg4ues] {
    border-color: var(--color-ink, #111827);
    color: var(--color-ink, #111827);
}

.rpr-col-chip.is-on[b-0qfphg4ues] {
    border-color: var(--color-ink, #111827);
    background: var(--color-ink, #111827);
    color: #fff;
}

/* Filtreler: yan yana; çalıştır butonu son alanla aynı hizada */
.rpr-filters[b-0qfphg4ues] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
    margin-bottom: 4px;
}

.rpr-filter-field[b-0qfphg4ues] {
    flex: 0 1 220px;
    min-width: 180px;
}

.rpr-filter-field[b-0qfphg4ues]  .one-input {
    width: 100%;
}

.rpr-filter-run[b-0qfphg4ues]  button {
    white-space: nowrap;
}

.rpr-error[b-0qfphg4ues] {
    margin: 12px 0 0;
    color: var(--color-danger, #dc2626);
}

/* Sonuç üst çubuğu: meta solda, dışa aktar dropdown'ı sağda */
.rpr-result-bar[b-0qfphg4ues] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.rpr-result-meta[b-0qfphg4ues] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    color: var(--color-gray-600);
    font-size: var(--text-caption);
}

.rpr-warn[b-0qfphg4ues] {
    color: var(--color-warning-strong, #854d0e);
}

.rpr-empty[b-0qfphg4ues] {
    margin: 0;
    color: var(--color-gray-500);
}

/* Dışa aktar dropdown */
.rpr-export[b-0qfphg4ues] {
    position: relative;
    margin-left: auto;
}

.rpr-export-trigger[b-0qfphg4ues] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 13px;
    border: 1px solid var(--color-gray-300);
    border-radius: 8px;
    background: var(--color-surface, #fff);
    color: var(--color-ink);
    font-size: var(--text-caption);
    font-weight: 600;
    cursor: pointer;
    transition: border-color .12s, box-shadow .12s;
}

.rpr-export-trigger:hover[b-0qfphg4ues] {
    border-color: var(--color-ink, #111827);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .08);
}

.rpr-export-trigger.is-open[b-0qfphg4ues] {
    border-color: var(--color-ink, #111827);
    box-shadow: 0 0 0 3px rgba(17, 24, 39, .1);
}

.rpr-export-ico[b-0qfphg4ues] {
    width: 15px;
    height: 15px;
    color: var(--color-gray-600, #4b5563);
}

.rpr-export-caret[b-0qfphg4ues] {
    font-size: 10px;
    color: var(--color-gray-500);
}

.rpr-export-backdrop[b-0qfphg4ues] {
    position: fixed;
    inset: 0;
    z-index: 40;
}

.rpr-export-menu[b-0qfphg4ues] {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    z-index: 41;
    min-width: 214px;
    padding: 6px;
    background: var(--color-surface, #fff);
    border: 1px solid var(--color-gray-200);
    border-radius: 10px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, .16);
    animation: rpr-pop-b-0qfphg4ues .12s ease-out;
}

@keyframes rpr-pop-b-0qfphg4ues {
    from { opacity: 0; transform: translateY(-4px) scale(.98); }
    to { opacity: 1; transform: none; }
}

.rpr-export-item[b-0qfphg4ues] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 7px;
    text-decoration: none;
    color: var(--color-ink);
}

.rpr-export-item:hover[b-0qfphg4ues] {
    background: var(--color-gray-50, #f6f7f9);
}

.rpr-fmt[b-0qfphg4ues] {
    flex-shrink: 0;
    width: 36px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .03em;
    color: #fff;
}

.rpr-fmt-csv[b-0qfphg4ues] { background: #64748b; }
.rpr-fmt-xlsx[b-0qfphg4ues] { background: #15803d; }
.rpr-fmt-pdf[b-0qfphg4ues] { background: #b91c1c; }

.rpr-export-item-text[b-0qfphg4ues] {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
}

.rpr-export-item-text b[b-0qfphg4ues] {
    font-size: var(--text-caption);
    font-weight: 600;
}

.rpr-export-item-text small[b-0qfphg4ues] {
    font-size: 11px;
    color: var(--color-gray-500);
}

/* Excel benzeri ızgara tablo */
.rpr-table-wrap[b-0qfphg4ues] {
    overflow-x: auto;
    border: 1px solid var(--color-gray-300);
    border-radius: var(--radius-sm, 6px);
}

.rpr-table[b-0qfphg4ues] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--text-table);
}

.rpr-table th[b-0qfphg4ues],
.rpr-table td[b-0qfphg4ues] {
    padding: 6px 10px;
    border: 1px solid var(--color-gray-200);
    text-align: left;
    white-space: nowrap;
}

.rpr-table thead th[b-0qfphg4ues] {
    background: var(--color-gray-100, #f3f4f6);
    font-weight: 600;
    border-bottom: 2px solid var(--color-ink, #111827);
    position: sticky;
    top: 0;
    z-index: 1;
}

.rpr-table tbody tr:nth-child(even) td[b-0qfphg4ues] {
    background: var(--color-gray-50, #f9fafb);
}

.rpr-table tbody tr:hover td[b-0qfphg4ues] {
    background: var(--color-gray-100, #eef0f2);
}

.rpr-table tbody td a[b-0qfphg4ues] {
    color: var(--color-primary, #2563eb);
    text-decoration: none;
}

.rpr-table tbody td a:hover[b-0qfphg4ues] {
    text-decoration: underline;
}

.rpr-table tfoot td[b-0qfphg4ues] {
    border-top: 2px solid var(--color-gray-400);
    background: var(--color-gray-50, #f9fafb);
    font-weight: 600;
}

.rpr-num[b-0qfphg4ues] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}
/* /Components/Pages/Raporlar.razor.rz.scp.css */
/* Raporlar hub'ı: uygulamanın normal tasarımı, profesyonel/nötr. Yeşil aksanlar kaldırıldı;
   perf bilgisi kartta metin değil, sağ üstteki küçük ikonun tooltip'inde. */
.rpr-toolbar[b-vx7p6omzjn] {
    margin-bottom: 18px;
}

.rpr-search[b-vx7p6omzjn] {
    position: relative;
    max-width: 420px;
}

.rpr-search-ico[b-vx7p6omzjn] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    color: var(--color-gray-400, #9ca3af);
    pointer-events: none;
    z-index: 1;
}

.rpr-search[b-vx7p6omzjn]  .one-input-field {
    padding-left: 38px;
    border-radius: 8px;
    border: 1px solid var(--color-gray-300);
}

.rpr-search[b-vx7p6omzjn]  .one-input-field:focus {
    border-color: var(--color-ink, #111827);
    box-shadow: 0 0 0 3px rgba(17, 24, 39, .08);
    outline: none;
}

.rpr-empty[b-vx7p6omzjn] {
    margin: 0;
    color: var(--color-gray-500);
}

.rpr-module[b-vx7p6omzjn] {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin: 24px 0 12px;
    padding-bottom: 6px;
    border-bottom: 2px solid var(--color-ink, #111827);
}

.rpr-module-name[b-vx7p6omzjn] {
    font-weight: 700;
    font-size: 15px;
    letter-spacing: .01em;
    color: var(--color-ink);
}

.rpr-module-count[b-vx7p6omzjn] {
    font-size: var(--text-caption);
    color: var(--color-gray-500);
}

.rpr-grid[b-vx7p6omzjn] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
    gap: 12px;
}

.rpr-card[b-vx7p6omzjn] {
    position: relative;
    display: block;
    padding: 14px 42px 14px 16px;
    border: 1px solid var(--color-gray-200);
    border-radius: 10px;
    background: var(--color-surface, #fff);
    text-decoration: none;
    color: inherit;
    transition: border-color .12s, box-shadow .12s, transform .12s;
}

.rpr-card:hover[b-vx7p6omzjn] {
    border-color: var(--color-ink, #111827);
    box-shadow: 0 4px 14px rgba(0, 0, 0, .09);
    transform: translateY(-1px);
}

.rpr-card-title[b-vx7p6omzjn] {
    display: block;
    font-weight: 600;
    font-size: 15px;
    color: var(--color-ink);
}

.rpr-card-desc[b-vx7p6omzjn] {
    margin-top: 5px;
    font-size: var(--text-caption);
    line-height: 1.45;
    color: var(--color-gray-600);
}

.rpr-perf[b-vx7p6omzjn] {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 18px;
    height: 18px;
    display: inline-flex;
}

.rpr-perf svg[b-vx7p6omzjn] {
    width: 100%;
    height: 100%;
}

.rpr-perf-fast[b-vx7p6omzjn] { color: var(--color-gray-400, #9ca3af); }
.rpr-perf-medium[b-vx7p6omzjn] { color: #b45309; }
.rpr-perf-heavy[b-vx7p6omzjn] { color: #b91c1c; }
/* /Components/Pages/ReportBackdrop.razor.rz.scp.css */
.rpr-backdrop[b-xmbcmmnxb6] {
    position: fixed;
    right: 2.5rem;
    bottom: 2rem;
    width: 300px;
    height: 300px;
    color: var(--color-ink, #111827);
    opacity: .045;
    pointer-events: none;
    z-index: 0;
}

.rpr-backdrop svg[b-xmbcmmnxb6] {
    width: 100%;
    height: 100%;
}

@media (max-width: 900px) {
    .rpr-backdrop[b-xmbcmmnxb6] {
        width: 200px;
        height: 200px;
        right: 1rem;
        bottom: 1rem;
    }
}
/* /Components/Pages/Simulasyon.razor.rz.scp.css */
.sim-intro[b-vpwa6igp7v] {
    margin: 0 0 10px;
    color: var(--color-gray-600, #4b5563);
    font-size: var(--text-body);
}

.sim-warning[b-vpwa6igp7v] {
    margin: 0 0 16px;
    padding: 8px 12px;
    border-left: 3px solid var(--color-warning, #B7791F);
    background: var(--color-warning-bg, #FDF3E0);
    border-radius: 4px;
    font-size: var(--text-caption);
    color: var(--color-gray-700, #374151);
}

.sim-result[b-vpwa6igp7v] {
    margin-top: 16px;
    padding: 12px 14px;
    border-radius: var(--radius-md, 6px);
    font-size: var(--text-caption);
}

.sim-result--ok[b-vpwa6igp7v] { background: var(--color-success-bg, #EAF6EE); color: var(--color-gray-700, #374151); }
.sim-result--fail[b-vpwa6igp7v] { background: var(--color-danger-bg, #FBEEEE); color: var(--color-gray-700, #374151); }

.sim-table[b-vpwa6igp7v] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
    font-size: var(--text-table);
    background: var(--color-surface, #fff);
}

.sim-table th[b-vpwa6igp7v],
.sim-table td[b-vpwa6igp7v] {
    padding: 5px 9px;
    border-bottom: 1px solid var(--color-gray-200);
    text-align: left;
}

.sim-table thead th[b-vpwa6igp7v] {
    color: var(--color-gray-500);
    font-weight: 600;
    font-size: var(--text-caption);
}

.sim-num[b-vpwa6igp7v] { text-align: right; font-variant-numeric: tabular-nums; }

.sim-notes-title[b-vpwa6igp7v] { margin: 12px 0 4px; font-weight: 600; }

.sim-notes[b-vpwa6igp7v] { margin: 0; padding-left: 18px; }
/* /Components/Pages/SistemDenetim.razor.rz.scp.css */
.denetim-help[b-seyit0e8b4] {
    color: var(--color-gray-600);
    font-size: var(--text-caption);
    margin-bottom: 12px;
}

.denetim-filter[b-seyit0e8b4] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.denetim-filter label[b-seyit0e8b4] {
    color: var(--color-gray-600);
    font-size: var(--text-caption);
}

.denetim-bos[b-seyit0e8b4] {
    color: var(--color-gray-500);
    text-align: center;
}
/* /Components/Pages/SistemDurum.razor.rz.scp.css */
.sistem-durum-uyari[b-7u5o2p3t7i] {
    color: var(--color-danger, #c0392b);
    font-weight: 600;
}
/* /Components/Pages/UiGaleri.razor.rz.scp.css */
.gal-kpis[b-12vo7bbre3] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 12px;
}