@import '_content/MashaErp.Modules.Dokuman/MashaErp.Modules.Dokuman.qz0kc8y2cy.bundle.scp.css';
@import '_content/MashaErp.Modules.Ik/MashaErp.Modules.Ik.pjbien3zr7.bundle.scp.css';
@import '_content/MashaErp.Modules.Lojistik/MashaErp.Modules.Lojistik.uybgyn00mf.bundle.scp.css';
@import '_content/MashaErp.Modules.Muhasebe/MashaErp.Modules.Muhasebe.zkl4zi6koj.bundle.scp.css';
@import '_content/MashaErp.Modules.Pazarlama/MashaErp.Modules.Pazarlama.xyfgqlz79v.bundle.scp.css';
@import '_content/MashaErp.Modules.Proje/MashaErp.Modules.Proje.673pl7t48r.bundle.scp.css';
@import '_content/MashaErp.Modules.Satinalma/MashaErp.Modules.Satinalma.j53dvwvrxh.bundle.scp.css';
@import '_content/MashaErp.Modules.SatisCrm/MashaErp.Modules.SatisCrm.hgems7qxul.bundle.scp.css';
@import '_content/MashaErp.Modules.Servis/MashaErp.Modules.Servis.tx9th8ivl9.bundle.scp.css';
@import '_content/MashaErp.Modules.Sistem/MashaErp.Modules.Sistem.ofh92dwpzp.bundle.scp.css';
@import '_content/MashaErp.Modules.Stok/MashaErp.Modules.Stok.3w9c1j9mwy.bundle.scp.css';
@import '_content/MashaErp.Modules.Uretim/MashaErp.Modules.Uretim.gb3eojpyao.bundle.scp.css';
@import '_content/MashaErp.Modules.Varlik/MashaErp.Modules.Varlik.en97cwuaq4.bundle.scp.css';
@import '_content/MashaErp.UI/MashaErp.UI.no373ce81s.bundle.scp.css';

/* /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/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/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-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;
}
/* /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/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/Home.razor.rz.scp.css */
.home-widgets-toolbar[b-behzdfn63m] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 12px;
}

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