.nav-item { transition: background 0.15s, color 0.15s; }
.nav-top-item { margin-top: 0.125rem; }
.nav-item-inner,
.nav-group-label {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    min-width: 0;
}
.nav-icon {
    width: 1.125rem;
    height: 1.125rem;
    flex-shrink: 0;
    opacity: 0.85;
}
.nav-divider {
    margin: 0.75rem 0.5rem;
    border-top: 1px solid #334155;
}
.sidebar-nav {
    scrollbar-width: thin;
    scrollbar-color: #475569 transparent;
}
.stat-card { transition: box-shadow 0.15s; }
.stat-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.06); }

/* Sidebar açılır menü grupları */
.nav-group { margin-top: 0.25rem; }
.nav-group-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0.5rem 0.75rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #94a3b8;
    background: transparent;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
    text-align: left;
}
.nav-group-toggle:hover {
    background: #1e293b;
    color: #e2e8f0;
}
.nav-group.open > .nav-group-toggle {
    color: #f1f5f9;
}
.nav-chevron {
    font-size: 0.65rem;
    opacity: 0.45;
    transition: transform 0.2s ease;
    line-height: 1;
    flex-shrink: 0;
    margin-left: 0.5rem;
}
.nav-group.open .nav-chevron { transform: rotate(0deg); }
.nav-group:not(.open) .nav-chevron { transform: rotate(-90deg); }
.nav-group-items {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height 0.28s ease, opacity 0.2s ease;
    padding-left: 0.25rem;
}
.nav-group.open .nav-group-items {
    max-height: min(52vh, 28rem);
    opacity: 1;
}
.nav-group.open .nav-group-items--md {
    max-height: min(52vh, 28rem);
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-gutter: stable;
}
.nav-group.open .nav-group-items--lg {
    max-height: min(52vh, 30rem);
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-gutter: stable;
}
.nav-group.open .nav-group-items--xl {
    max-height: min(60vh, 36rem);
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-gutter: stable;
}
.nav-section-label {
    padding: 0.625rem 0.75rem 0.25rem 2rem;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #64748b;
}
.sgk-subtabs-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    padding: 0.5rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
}
.sgk-subtab {
    padding: 0.375rem 0.75rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: #475569;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 9999px;
    cursor: pointer;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sgk-subtab:hover {
    background: #f8fafc;
    border-color: #cbd5e1;
}
.sgk-subtab.is-active {
    color: #fff;
    background: #0d9488;
    border-color: #0d9488;
}
.sgk-open-portal-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.25;
    color: #fff;
    background: linear-gradient(135deg, #0d9488 0%, #0f766e 100%);
    border: 1px solid transparent;
    border-radius: 0.625rem;
    box-shadow: 0 1px 3px rgba(13, 148, 136, 0.35), 0 1px 2px rgba(15, 23, 42, 0.06);
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease, opacity 0.15s ease;
    white-space: nowrap;
}
.sgk-open-portal-btn:hover:not(:disabled):not(.is-loading) {
    background: linear-gradient(135deg, #0f766e 0%, #115e59 100%);
    box-shadow: 0 4px 12px rgba(13, 148, 136, 0.38);
    transform: translateY(-1px);
}
.sgk-open-portal-btn:active:not(:disabled):not(.is-loading) {
    transform: translateY(0);
    box-shadow: 0 1px 2px rgba(13, 148, 136, 0.3);
}
.sgk-open-portal-btn:disabled,
.sgk-open-portal-btn.is-loading {
    opacity: 0.72;
    cursor: wait;
    transform: none;
}
.sgk-open-portal-btn--nav {
    justify-content: flex-start;
    gap: 0.625rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #5eead4;
    background: transparent;
    border: 1px solid rgba(94, 234, 212, 0.28);
    box-shadow: none;
    border-radius: 0.5rem;
}
.sgk-open-portal-btn--nav:hover:not(:disabled):not(.is-loading) {
    color: #ccfbf1;
    background: rgba(13, 148, 136, 0.14);
    border-color: rgba(94, 234, 212, 0.45);
    box-shadow: none;
    transform: none;
}
.sgk-open-portal-btn__icon {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
}
.sgk-standalone-apps {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
}
.sgk-standalone-app {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    padding: 1.25rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
}
.sgk-standalone-app--featured {
    border-color: #0d9488;
    background: linear-gradient(180deg, #f0fdfa 0%, #fff 100%);
    box-shadow: 0 4px 14px rgba(13, 148, 136, 0.12);
}
.sgk-standalone-app__title {
    font-size: 1rem;
    font-weight: 600;
    color: #0f172a;
    margin: 0 0 0.5rem;
}
.sgk-standalone-app__desc {
    font-size: 0.875rem;
    color: #64748b;
    margin: 0 0 1rem;
    line-height: 1.45;
}
.sgk-standalone-app__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}
.sgk-ebildirge-pdf-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem;
}
.sgk-ebildirge-pdf-chip {
    min-width: 1.75rem;
    height: 1.75rem;
    padding: 0 0.35rem;
    font-size: 0.6875rem;
    font-weight: 700;
    line-height: 1;
    border: 1px solid #cbd5e1;
    border-radius: 0.375rem;
    background: #f8fafc;
    color: #0f766e;
    cursor: pointer;
}
.sgk-ebildirge-pdf-chip:hover {
    background: #ccfbf1;
    border-color: #14b8a6;
}
.sgk-ebildirge-pdf-chip--dl {
    font-weight: 600;
    color: #475569;
    min-width: 1.5rem;
}
.sgk-table-card--ebildirge-decl .sgk-data-table th:last-child,
.sgk-table-card--ebildirge-decl .sgk-data-table td:last-child {
    min-width: 11rem;
}
.sgk-module-layout {
    align-items: stretch;
}
.sgk-module-sidebar {
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
}
.sgk-module-sidebar-head {
    padding: 0.5rem 0.75rem;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #1e3a5f;
    background: linear-gradient(180deg, #dbeafe 0%, #bfdbfe 100%);
    border-bottom: 1px solid #93c5fd;
}
.sgk-module-sidebar-nav {
    display: flex;
    flex-direction: column;
    max-height: min(50vh, 28rem);
    overflow-y: auto;
}
.sgk-module-sidebar-item {
    display: block;
    width: 100%;
    text-align: left;
    padding: 0.5rem 0.75rem;
    font-size: 0.6875rem;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #334155;
    background: #fff;
    border: none;
    border-bottom: 1px solid #e2e8f0;
    cursor: pointer;
    transition: background 0.12s, color 0.12s;
}
.sgk-module-sidebar-item:last-child {
    border-bottom: none;
}
.sgk-module-sidebar-item:hover {
    background: #f1f5f9;
}
.sgk-module-sidebar-item.is-active {
    background: linear-gradient(180deg, #e0f2fe 0%, #bae6fd 100%);
    color: #0c4a6e;
    box-shadow: inset 0 0 0 1px #7dd3fc;
}
.sgk-module-main .sgk-subtabs-bar {
    padding: 0.5rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    margin-bottom: 1rem;
}
.nav-sub-item {
    margin-top: 0.0625rem;
    padding: 0.4375rem 0.75rem 0.4375rem 2.25rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #94a3b8;
    background: transparent;
    border: none;
    border-radius: 0.375rem;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}
.nav-sub-item:hover {
    background: #1e293b;
    color: #e2e8f0;
}
.nav-item.bg-slate-800,
.nav-sub-item.bg-slate-800 {
    background: #1e293b !important;
    color: #fff !important;
    font-weight: 600;
}

/* Mükellef modern sayfalama */
.mp-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem 1rem;
    padding: 0.75rem 1rem;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.mp-controls {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}
.mp-per-page {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
}
.mp-select {
    padding: 0.375rem 0.5rem;
    font-size: 0.8125rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    background: #fff;
    color: #334155;
}
.mp-nav {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}
.mp-btn {
    min-width: 2rem;
    height: 2rem;
    padding: 0 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #475569;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
}
.mp-btn:hover:not(:disabled) {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #1e293b;
}
.mp-btn:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}
.mp-pages {
    display: inline-flex;
    align-items: center;
    gap: 0.125rem;
}
.mp-page {
    min-width: 2rem;
    height: 2rem;
    padding: 0 0.375rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #475569;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}
.mp-page:hover:not(.mp-page-active):not(.mp-page-gap) {
    background: #f1f5f9;
    color: #1e293b;
}
.mp-page-active {
    background: #1d4ed8;
    color: #fff;
    border-color: #1d4ed8;
    cursor: default;
}
.mp-page-gap {
    cursor: default;
    color: #94a3b8;
    min-width: 1.5rem;
}
.mukellef-table-busy {
    opacity: 0.55;
    pointer-events: none;
}

/* Mali Müşavir tanımı */
.mm-page-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.mm-tabs {
    display: flex;
    gap: 0;
    border-bottom: 1px solid #e2e8f0;
    background: #f8fafc;
    padding: 0 0.5rem;
    overflow-x: auto;
}
.mm-tab {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.875rem 1.125rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #64748b;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    cursor: pointer;
    white-space: nowrap;
    transition: color 0.15s, border-color 0.15s, background 0.15s;
}
.mm-tab:hover { color: #334155; background: rgba(255, 255, 255, 0.6); }
.mm-tab.active {
    color: #1e293b;
    border-bottom-color: #6366f1;
    background: #fff;
}
.mm-tab-icon { font-size: 1rem; line-height: 1; }
.mm-tab-panel { padding: 1.5rem 1.25rem; }
.mm-tab-desc {
    font-size: 0.8125rem;
    color: #64748b;
    margin-bottom: 1.25rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #f1f5f9;
}
.mm-form-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
    padding: 1rem 1.25rem;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
}
.mm-action-row { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.mm-portal-actions {
    margin-top: 0.25rem;
    padding-top: 1rem;
    border-top: 1px solid #e2e8f0;
}
.mm-portal-actions__head {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin-bottom: 0.75rem;
}
.mm-portal-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr));
    gap: 0.625rem;
}
.mm-portal-btn {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.15rem;
    width: 100%;
    padding: 0.75rem 0.9rem;
    text-align: left;
    border-radius: 0.625rem;
    border: 1px solid transparent;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease, opacity 0.15s ease;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}
.mm-portal-btn:hover:not(:disabled):not(.is-loading) {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.1);
}
.mm-portal-btn:active:not(:disabled):not(.is-loading) {
    transform: translateY(0);
}
.mm-portal-btn:disabled,
.mm-portal-btn.is-loading {
    opacity: 0.72;
    cursor: wait;
    transform: none;
}
.mm-portal-btn__title {
    font-size: 0.875rem;
    font-weight: 650;
    line-height: 1.25;
}
.mm-portal-btn__sub {
    font-size: 0.7rem;
    font-weight: 500;
    opacity: 0.85;
    line-height: 1.2;
}
.mm-portal-btn--dijital {
    color: #fff;
    background: linear-gradient(135deg, #16a34a 0%, #15803d 100%);
}
.mm-portal-btn--dijital:hover:not(:disabled):not(.is-loading) {
    background: linear-gradient(135deg, #15803d 0%, #166534 100%);
}
.mm-portal-btn--ivd {
    color: #fff;
    background: linear-gradient(135deg, #059669 0%, #047857 100%);
}
.mm-portal-btn--ivd:hover:not(:disabled):not(.is-loading) {
    background: linear-gradient(135deg, #047857 0%, #065f46 100%);
}
.mm-portal-btn--ebirlik {
    color: #fff;
    background: linear-gradient(135deg, #ea580c 0%, #c2410c 100%);
}
.mm-portal-btn--ebirlik:hover:not(:disabled):not(.is-loading) {
    background: linear-gradient(135deg, #c2410c 0%, #9a3412 100%);
}
.mm-card {    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    overflow: hidden;
}
.mm-card-header {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #f1f5f9;
    background: linear-gradient(to bottom, #fafbfc, #fff);
}
.mm-card-icon {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    flex-shrink: 0;
}
.mm-card-body { padding: 1.25rem; }
.mm-label {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: #334155;
    margin-bottom: 0.25rem;
}
.mm-input {
    width: 100%;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    border: 1px solid #cbd5e1;
    border-radius: 0.5rem;
    transition: border-color 0.15s, box-shadow 0.15s;
}
.mm-input:focus {
    outline: none;
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);
}
.mm-hint {
    font-size: 0.75rem;
    color: #94a3b8;
    margin-top: 0.25rem;
}
.mm-integration-block {
    border-left: 4px solid;
    padding-left: 1rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
.mm-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.6rem;
    font-size: 0.7rem;
    font-weight: 600;
    border-radius: 9999px;
    white-space: nowrap;
}
.mm-badge-neutral { background: #f1f5f9; color: #64748b; }
.mm-badge-ok { background: #dcfce7; color: #166534; }
.mm-badge-warn { background: #ffedd5; color: #c2410c; }
.mm-badge-error { background: #fee2e2; color: #b91c1c; }
.mm-badge-btn {
    border: none;
    cursor: pointer;
    transition: opacity 0.15s, transform 0.1s;
}
.mm-badge-btn:hover:not(:disabled) { opacity: 0.85; transform: translateY(-1px); }
.mm-badge-btn:active:not(:disabled) { transform: translateY(0); }
.mm-badge-btn:disabled { opacity: 0.55; cursor: wait; }
.mm-btn {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    border-radius: 0.5rem;
    transition: background 0.15s, opacity 0.15s;
    border: none;
    cursor: pointer;
}
.mm-btn:disabled { opacity: 0.6; cursor: not-allowed; }
.mm-btn-primary { background: #334155; color: #fff; }
.mm-btn-primary:hover:not(:disabled) { background: #1e293b; }
.mm-btn-green { background: #16a34a; color: #fff; }
.mm-btn-green:hover:not(:disabled) { background: #15803d; }
.mm-btn-emerald { background: #059669; color: #fff; }
.mm-btn-emerald:hover:not(:disabled) { background: #047857; }
.mm-btn-emerald-outline { background: #ecfdf5; color: #047857; border: 1px solid #a7f3d0; }
.mm-btn-emerald-outline:hover:not(:disabled) { background: #d1fae5; }
.mm-btn-orange { background: #ea580c; color: #fff; }
.mm-btn-orange:hover:not(:disabled) { background: #c2410c; }
.mm-btn-violet { background: #7c3aed; color: #fff; }
.mm-btn-violet:hover:not(:disabled) { background: #6d28d9; }
.mm-btn-violet-outline { background: #f5f3ff; color: #6d28d9; border: 1px solid #ddd6fe; }
.mm-btn-violet-outline:hover:not(:disabled) { background: #ede9fe; }
.mm-btn-danger-outline { background: #fef2f2; color: #b91c1c; border: 1px solid #fecaca; }
.mm-btn-danger-outline:hover:not(:disabled) { background: #fee2e2; }
.mm-turmob-cred-row + .mm-turmob-cred-row { margin-top: 0; }
.mm-turmob-token {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.375rem;
    padding: 0.5rem 0.625rem;
    line-height: 1.45;
    word-break: break-all;
}
.mm-btn-blue { background: #2563eb; color: #fff; }
.mm-btn-blue:hover:not(:disabled) { background: #1d4ed8; }

.mm-password-field {
    position: relative;
}
.mm-input-password {
    padding-right: 2.75rem;
}
.mm-password-toggle {
    position: absolute;
    top: 50%;
    right: 0.5rem;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border: none;
    border-radius: 0.5rem;
    background: transparent;
    color: #64748b;
    cursor: pointer;
}
.mm-password-toggle:hover {
    background: #f1f5f9;
    color: #334155;
}
.mm-password-toggle svg {
    width: 1.125rem;
    height: 1.125rem;
    display: block;
}
.mm-password-toggle .mm-eye-closed { display: none; }
.mm-password-toggle.is-visible .mm-eye-open { display: none; }
.mm-password-toggle.is-visible .mm-eye-closed { display: block; }

.mm-inline-alert {
    margin-top: 0.75rem;
    padding: 0.75rem 0.875rem;
    border-radius: 0.625rem;
    font-size: 0.8125rem;
    line-height: 1.45;
}
.mm-inline-alert-success {
    background: #ecfdf5;
    color: #065f46;
    border: 1px solid #a7f3d0;
}
.mm-inline-alert-error {
    background: #fef2f2;
    color: #991b1b;
    border: 1px solid #fecaca;
}
.mm-inline-alert-warn {
    background: #fffbeb;
    color: #92400e;
    border: 1px solid #fde68a;
}

/* Modern toast */
.toast {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    z-index: 9999;
    display: flex;
    align-items: flex-start;
    gap: 0.625rem;
    max-width: min(24rem, calc(100vw - 2rem));
    padding: 0.875rem 1rem;
    border-radius: 0.75rem;
    box-shadow: 0 10px 40px rgba(15, 23, 42, 0.18);
    font-size: 0.875rem;
    line-height: 1.45;
    opacity: 0;
    transform: translateY(0.5rem);
    transition: opacity 0.2s ease, transform 0.2s ease;
    pointer-events: none;
}
.toast-visible { opacity: 1; transform: translateY(0); }
.toast-success { background: #ecfdf5; color: #065f46; border: 1px solid #a7f3d0; }
.toast-error { background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; }
.toast-icon { flex-shrink: 0; width: 1.25rem; height: 1.25rem; margin-top: 0.05rem; }
.toast-icon svg { width: 100%; height: 100%; display: block; }
.toast-success .toast-icon { color: #059669; }
.toast-error .toast-icon { color: #dc2626; }
.toast-message { flex: 1; min-width: 0; }

/* Modern dialog */
.modern-dialog {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}
.modern-dialog.hidden {
    display: none !important;
    pointer-events: none;
    visibility: hidden;
}
.modern-dialog-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(2px);
}
.modern-dialog-panel {
    position: relative;
    width: 100%;
    max-width: 24rem;
    background: #fff;
    border-radius: 1rem;
    padding: 1.5rem;
    box-shadow: 0 25px 50px rgba(15, 23, 42, 0.2);
    transform: scale(0.96);
    opacity: 0;
    transition: transform 0.18s ease, opacity 0.18s ease;
}
.modern-dialog-open .modern-dialog-panel {
    transform: scale(1);
    opacity: 1;
}
.modern-dialog-icon {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.875rem;
}
.modern-dialog-icon-svg { width: 1.35rem; height: 1.35rem; }
.modern-dialog-icon-info { background: #eff6ff; color: #2563eb; }
.modern-dialog-icon-success { background: #ecfdf5; color: #059669; }
.modern-dialog-icon-warning { background: #fffbeb; color: #d97706; }
.modern-dialog-icon-error { background: #fef2f2; color: #dc2626; }
.modern-dialog-title {
    font-size: 1.0625rem;
    font-weight: 600;
    color: #0f172a;
    margin: 0 0 0.5rem;
}
.modern-dialog-message {
    font-size: 0.875rem;
    color: #475569;
    line-height: 1.55;
    margin-bottom: 1.25rem;
    white-space: pre-wrap;
}
.modern-dialog-actions {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    flex-wrap: wrap;
}
.modern-dialog-btn {
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    border: none;
    cursor: pointer;
    transition: background 0.15s ease;
}
.modern-dialog-btn-cancel {
    background: #f1f5f9;
    color: #475569;
}
.modern-dialog-btn-cancel:hover { background: #e2e8f0; }
.modern-dialog-btn-primary {
    background: #2563eb;
    color: #fff;
}
.modern-dialog-btn-primary:hover { background: #1d4ed8; }
.modern-dialog-btn-danger {
    background: #dc2626;
    color: #fff;
}
.modern-dialog-btn-danger:hover { background: #b91c1c; }

/* SGK anlık filtre çubuğu */
.sgk-filter-bar {
    transition: box-shadow 0.15s ease;
}
.sgk-filter-bar:focus-within {
    box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.08);
}
.sgk-search-icon {
    position: absolute;
    left: 0.65rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1rem;
    height: 1rem;
    color: #94a3b8;
    pointer-events: none;
}
.sgk-search-input::-webkit-search-cancel-button {
    display: none;
}
.sgk-result-count {
    display: inline-flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: #0f766e;
    background: #ccfbf1;
    border-radius: 9999px;
    white-space: nowrap;
}
.sgk-result-count.is-empty {
    color: #64748b;
    background: #f1f5f9;
}
.sgk-table-empty-filter td {
    color: #94a3b8;
}
.sgk-highlight {
    background: #fef08a;
    color: inherit;
    border-radius: 2px;
    padding: 0 1px;
}

/* E-Borcu Yoktur — modern sayfa */
.sgk-eborcu-page .sgk-page-hero {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
    padding: 1.25rem 1.5rem;
    background: linear-gradient(135deg, #f0fdfa 0%, #fff 55%, #f8fafc 100%);
    border: 1px solid #ccfbf1;
    border-radius: 1rem;
    box-shadow: 0 1px 3px rgba(13, 148, 136, 0.08);
}
.sgk-page-hero__title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.3;
}
.sgk-page-hero__desc {
    margin-top: 0.35rem;
    font-size: 0.875rem;
    color: #64748b;
    max-width: 42rem;
    line-height: 1.5;
}
.sgk-action-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}
.sgk-action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.25;
    border-radius: 0.625rem;
    border: 1px solid transparent;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease, opacity 0.15s ease;
    white-space: nowrap;
}
.sgk-action-btn__icon {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
}
.sgk-action-btn--ghost {
    color: #475569;
    background: #fff;
    border-color: #e2e8f0;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.sgk-action-btn--ghost:hover:not(:disabled):not(.is-loading) {
    background: #f8fafc;
    border-color: #cbd5e1;
}
.sgk-action-btn--primary {
    color: #fff;
    background: linear-gradient(135deg, #0d9488 0%, #0f766e 100%);
    box-shadow: 0 1px 3px rgba(13, 148, 136, 0.35);
}
.sgk-action-btn--primary:hover:not(:disabled):not(.is-loading) {
    background: linear-gradient(135deg, #0f766e 0%, #115e59 100%);
    box-shadow: 0 4px 12px rgba(13, 148, 136, 0.35);
    transform: translateY(-1px);
}
.sgk-action-btn--dark {
    color: #fff;
    background: linear-gradient(135deg, #334155 0%, #1e293b 100%);
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.2);
}
.sgk-action-btn--dark:hover:not(:disabled):not(.is-loading) {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
    transform: translateY(-1px);
}
.sgk-action-btn:disabled,
.sgk-action-btn.is-loading {
    opacity: 0.72;
    cursor: wait;
    transform: none;
}
.sgk-eborcu-page .sgk-open-portal-btn {
    padding: 0.5rem 1rem;
}
.sgk-filter-panel__subhead--with-count {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem 1rem;
    margin-bottom: 0.75rem;
}
.page-header-left {
    flex-wrap: wrap;
}
.sgk-page-header-actions .sgk-action-btn,
.sgk-page-header-actions .sgk-open-portal-btn {
    font-size: 0.8125rem;
}
.sgk-filter-panel--eborcu {
    margin-bottom: 1rem;
}
.sgk-filter-panel {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    padding: 1rem 1.25rem;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
}
.sgk-filter-panel__head-left {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1rem;
    flex: 1;
    min-width: 0;
}
.sgk-eborcu-title {
    font-size: 1.125rem;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.3;
    margin: 0;
}
.sgk-filter-panel__actions--inline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    border: none;
}
.sgk-filter-panel__subhead {
    margin-bottom: 0.75rem;
}
.sgk-filter-panel--eborcu .sgk-filter-panel__head {
    align-items: flex-start;
}
.sgk-pagination {
    margin-top: 0.75rem;
    justify-content: flex-start;
}
.sgk-pagination .mp-controls {
    margin-left: auto;
}
@media (max-width: 767px) {
    .sgk-filter-panel__head-left {
        flex-direction: column;
        align-items: stretch;
    }
    .sgk-filter-panel__actions--inline {
        width: 100%;
    }
    .sgk-pagination {
        flex-direction: column;
        align-items: stretch;
    }
    .sgk-pagination .mp-controls {
        margin-left: 0;
        justify-content: flex-start;
    }
}
.sgk-filter-panel__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #f1f5f9;
}
.sgk-filter-panel__title {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: #334155;
}
.sgk-filter-panel__title svg {
    width: 1rem;
    height: 1rem;
    color: #0d9488;
}
.sgk-filter-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
    gap: 0.75rem 1rem;
}
.sgk-filter-field--wide {
    grid-column: 1 / -1;
}
@media (min-width: 768px) {
    .sgk-filter-field--wide {
        grid-column: span 2;
    }
    .sgk-filter-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
.sgk-filter-label {
    display: block;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #64748b;
    margin-bottom: 0.35rem;
}
.sgk-filter-input {
    width: 100%;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    color: #0f172a;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    outline: none;
    transition: border-color 0.15s, box-shadow 0.15s, background 0.15s;
}
.sgk-filter-input[type="date"] {
    min-height: 2.375rem;
    font-variant-numeric: tabular-nums;
    color: #0f172a;
}
.sgk-filter-input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0.55;
    cursor: pointer;
}
.sgk-filter-input[type="date"]:hover::-webkit-calendar-picker-indicator {
    opacity: 0.85;
}
.sgk-filter-input:focus {
    background: #fff;
    border-color: #14b8a6;
    box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.12);
}
.sgk-filter-panel__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1rem;
    padding-top: 0.75rem;
    border-top: 1px solid #f1f5f9;
}
.sgk-ebildirge-bulk-variant {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-left: auto;
}
.sgk-ebildirge-bulk-variant .sgk-filter-input {
    min-width: 11rem;
}
.sgk-cell-summary,
.sgk-cell-status {
    max-width: 22rem;
    white-space: normal;
    line-height: 1.4;
    word-break: break-word;
}
.sgk-cell-status {
    color: #0f766e;
}
.sgk-long-text {
    display: inline;
    line-height: 1.4;
    word-break: break-word;
}
.sgk-long-text--full {
    display: block;
    white-space: pre-wrap;
}
.sgk-long-text--bad {
    color: #b91c1c;
    font-weight: 500;
}
.sgk-long-text--ok {
    color: #047857;
    font-weight: 500;
}
.sgk-long-text--warn {
    color: #b45309;
    font-weight: 500;
}
.sgk-long-text__more {
    display: inline-block;
    margin-left: 0.25rem;
    padding: 0;
    border: none;
    background: none;
    font-size: 0.6875rem;
    font-weight: 600;
    color: #0d9488;
    text-decoration: underline;
    cursor: pointer;
    vertical-align: baseline;
    white-space: nowrap;
}
.sgk-long-text__more:hover {
    color: #0f766e;
}
.sgk-portal-page__status .sgk-long-text--full {
    white-space: pre-wrap;
    word-break: break-word;
}
.sgk-text-dialog.hidden {
    display: none !important;
}
.sgk-text-dialog__close {
    font-size: 1.25rem;
    line-height: 1;
    padding: 0.15rem 0.35rem;
    border: none;
    background: none;
    cursor: pointer;
}
.sgk-portal-page__alert--bad {
    background: #fef2f2;
    border-color: #fecaca;
    color: #991b1b;
}
.sgk-portal-page__intro {
    font-size: 0.8125rem;
    line-height: 1.5;
    color: #334155;
    margin: 0 0 0.75rem;
    padding: 0.75rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
}
.sgk-portal-page__query {
    font-size: 0.8125rem;
    color: #475569;
    margin: 0 0 0.75rem;
}
.sgk-portal-page__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}
.sgk-portal-page__document {
    font-family: "Times New Roman", Georgia, serif;
    font-size: 12pt;
    line-height: 1.45;
}
.sgk-portal-page__document .sgk-portal-document p {
    margin: 0.5rem 0;
}
.sgk-table-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    overflow-x: auto;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
}
.sgk-table-card--aphb .sgk-data-table {
    font-size: 11px;
    min-width: 1200px;
}
.sgk-eborcu-page .sgk-table-card--aphb .sgk-data-table thead {
    background: linear-gradient(180deg, #1e3a5f 0%, #1a3354 100%);
    color: #fff;
    border-bottom: 1px solid #2d4a6f;
}
.sgk-eborcu-page .sgk-table-card--aphb .sgk-data-table thead .sgk-aphb-th {
    color: #fff;
    font-weight: 600;
    border-color: #2d4a6f;
    background: transparent;
}
.sgk-table-card--aphb .sgk-data-table thead {
    background: linear-gradient(180deg, #1e3a5f 0%, #1a3354 100%);
    color: #fff;
}
.sgk-table-card--aphb .sgk-aphb-th {
    color: #fff;
    font-weight: 600;
    border-color: #2d4a6f;
    background: transparent;
}
.sgk-table-card--aphb .sgk-data-table tbody tr:nth-child(even) {
    background: #f1f5f9;
}
.sgk-table-card--aphb .sgk-data-table tbody tr:nth-child(odd) {
    background: #fff;
}
.sgk-table-card--aphb .sgk-data-table th,
.sgk-table-card--aphb .sgk-data-table td {
    white-space: nowrap;
}
.sgk-aphb-period-bar {
    padding: 0.875rem 1rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border: 1px solid #e2e8f0;
    border-radius: 0.875rem;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
}
.sgk-aphb-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.75rem 1.25rem;
}
.sgk-aphb-toolbar__actions {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-shrink: 0;
}
.sgk-aphb-toolbar__actions-label {
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #64748b;
    white-space: nowrap;
}
.sgk-action-strip--toolbar {
    padding: 0.2rem 0.35rem;
    gap: 0.25rem;
}
.sgk-aphb-toolbar__filters {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.75rem 1rem;
    flex: 1 1 auto;
    min-width: 0;
}
.sgk-aphb-toolbar__filters .sgk-filter-field {
    flex: 1 1 10rem;
    min-width: 9rem;
    max-width: 14rem;
}
.sgk-aphb-toolbar__cta {
    flex-shrink: 0;
}
.sgk-aphb-listele-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 2.25rem;
    padding: 0.45rem 1rem;
    font-size: 0.8125rem;
    border-radius: 0.625rem;
    box-shadow: 0 1px 2px rgba(13, 148, 136, 0.2);
}
.sgk-aphb-listele-btn svg {
    width: 0.95rem;
    height: 0.95rem;
    flex-shrink: 0;
}
@media (max-width: 640px) {
    .sgk-aphb-toolbar {
        flex-direction: column;
        align-items: stretch;
    }
    .sgk-aphb-toolbar__filters .sgk-filter-field {
        max-width: none;
    }
    .sgk-aphb-toolbar__cta .sgk-aphb-listele-btn {
        width: 100%;
        justify-content: center;
    }
}
.sgk-icon-btn--accent {
    color: #0f766e;
    border-color: #99f6e4;
    background: #f0fdfa;
}
.sgk-icon-btn--accent:hover {
    background: #ccfbf1;
    border-color: #5eead4;
    color: #0d9488;
}
.sgk-aphb-period-hint {
    font-size: 0.75rem;
    color: #b45309;
    margin-top: 0.5rem;
}
.sgk-table-card--portal-page .sgk-data-table thead {
    display: none;
}
.sgk-table-card--portal-page .sgk-data-table td {
    white-space: normal;
    border: none;
}
.sgk-portal-page {
    padding: 0.75rem 0.5rem 1rem;
}
.sgk-portal-page__section {
    margin-bottom: 1rem;
}
.sgk-portal-page__section-title {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #1e3a5f;
    margin: 0 0 0.5rem;
    padding: 0.35rem 0.5rem;
    background: linear-gradient(180deg, #e8eef5 0%, #dce6f0 100%);
    border: 1px solid #b8c9dc;
    border-radius: 0.375rem;
    text-align: center;
}
.sgk-portal-page__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
    gap: 0.5rem 1rem;
    padding: 0.75rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
}
.sgk-portal-page__field {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}
.sgk-portal-page__label {
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #64748b;
}
.sgk-portal-page__value {
    font-size: 0.8125rem;
    color: #0f172a;
    line-height: 1.35;
}
.sgk-portal-page__alert {
    padding: 0.75rem 1rem;
    border-radius: 0.5rem;
    font-size: 0.8125rem;
    line-height: 1.45;
    margin-bottom: 1rem;
    border: 1px solid transparent;
}
.sgk-portal-page__alert--ok {
    background: #ecfdf5;
    border-color: #a7f3d0;
    color: #065f46;
}
.sgk-portal-page__alert--info {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1e40af;
}
.sgk-portal-page__alert--warn {
    background: #fffbeb;
    border-color: #fde68a;
    color: #92400e;
}
.sgk-portal-page__alert--neutral {
    background: #f1f5f9;
    border-color: #e2e8f0;
    color: #334155;
}
.sgk-portal-page__prose {
    font-size: 0.8125rem;
    line-height: 1.55;
    color: #334155;
    padding: 0.75rem 1rem;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
}
.sgk-portal-page__prose p {
    margin: 0.5rem 0;
}
.sgk-portal-page__table-wrap {
    overflow-x: auto;
    border: 1px solid #cbd5e1;
    border-radius: 0.375rem;
}
.sgk-portal-page__table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.75rem;
}
.sgk-portal-page__table th,
.sgk-portal-page__table td {
    border: 1px solid #cbd5e1;
    padding: 0.35rem 0.45rem;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}
.sgk-portal-page__table thead {
    background: #1e3a5f;
    color: #fff;
}
.sgk-portal-page__table tbody tr:nth-child(even) {
    background: #f8fafc;
}
.sgk-portal-page__count {
    text-align: right;
    font-size: 0.75rem;
    color: #64748b;
    margin: 0.5rem 0 0;
}
.sgk-portal-page-empty {
    padding: 2rem;
    text-align: center;
    color: #94a3b8;
}
.sgk-eborcu-page .sgk-data-table thead {
    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
    color: #475569;
    border-bottom: 1px solid #e2e8f0;
}
.sgk-eborcu-page .sgk-data-table tbody tr {
    border-bottom: 1px solid #f1f5f9;
    transition: background 0.12s ease;
}
.sgk-eborcu-page .sgk-data-table tbody tr:hover {
    background: #f0fdfa;
}
.sgk-row-btn {
    padding: 0.35rem 0.75rem;
    font-size: 0.75rem;
    font-weight: 600;
    border: none;
    border-radius: 0.375rem;
    cursor: pointer;
    transition: background 0.15s, transform 0.12s;
}
.sgk-row-btn--primary {
    color: #fff;
    background: #0d9488;
}
.sgk-row-btn--primary:hover {
    background: #0f766e;
}
.sgk-row-btn--dark {
    color: #fff;
    background: #475569;
}
.sgk-row-btn--dark:hover {
    background: #334155;
}
.sgk-row-btn--ghost {
    color: #475569;
    background: #fff;
    border: 1px solid #e2e8f0;
}
.sgk-row-btn--ghost:hover {
    background: #f8fafc;
    border-color: #cbd5e1;
}
/* E-Borcu işlem şeridi */
.sgk-action-strip {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.2rem;
    border-radius: 0.75rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.sgk-action-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    padding: 0.35rem 0.55rem;
    font-size: 0.7rem;
    font-weight: 600;
    line-height: 1;
    border: none;
    border-radius: 0.5rem;
    background: transparent;
    color: #475569;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
    white-space: nowrap;
}
.sgk-action-chip svg {
    width: 0.9rem;
    height: 0.9rem;
    flex-shrink: 0;
}
.sgk-action-chip:hover {
    background: #fff;
    color: #0f766e;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
}
.sgk-action-chip--preview.sgk-action-chip--accent,
.sgk-action-chip--accent.sgk-action-chip--download {
    color: #0f766e;
}
.sgk-action-chip--preview.sgk-action-chip--accent:hover {
    background: #f0fdfa;
    color: #0d9488;
}
.sgk-action-chip--detail {
    color: #334155;
}
.sgk-action-chip--download {
    padding: 0.35rem 0.45rem;
    color: #64748b;
}
.sgk-action-chip--download:hover {
    color: #0f766e;
}
.sgk-icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    background: #fff;
    color: #0f766e;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    vertical-align: middle;
}
.sgk-icon-btn svg {
    width: 1rem;
    height: 1rem;
}
.sgk-icon-btn:hover {
    background: #f0fdfa;
    border-color: #99f6e4;
    color: #0d9488;
}
.sgk-row-actions {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
}
.sgk-page-title--eborcu {
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    background: linear-gradient(135deg, #0f172a 0%, #0f766e 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.page-header-left {
    flex-wrap: wrap;
}
.sgk-eborcu-modal__panel {
    animation: sgkModalIn 0.22s ease-out;
    font-feature-settings: "kern" 1, "liga" 1;
    -webkit-font-smoothing: antialiased;
}
.sgk-eborcu-modal__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.15rem 1.35rem 1.05rem;
    border-bottom: 1px solid rgba(226, 232, 240, 0.7);
    background: linear-gradient(165deg, #f8fafc 0%, #fff 42%, #f0fdfa 100%);
}
.sgk-eborcu-modal__header-text {
    min-width: 0;
    padding-right: 0.5rem;
}
.sgk-eborcu-modal__badge {
    display: inline-flex;
    align-items: center;
    margin-bottom: 0.45rem;
    padding: 0.2rem 0.55rem;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #0f766e;
    background: rgba(255, 255, 255, 0.85);
    border: 1px solid rgba(153, 246, 228, 0.65);
    border-radius: 9999px;
    line-height: 1.3;
}
.sgk-eborcu-modal__title {
    margin: 0;
    font-size: 1.3125rem;
    font-weight: 600;
    letter-spacing: -0.028em;
    line-height: 1.25;
    color: #0f172a;
    text-wrap: balance;
}
.sgk-eborcu-modal__subtitle {
    margin: 0.35rem 0 0;
    font-size: 0.9375rem;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 1.45;
    color: #64748b;
    text-transform: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sgk-eborcu-modal__panel--preview {
    max-width: min(96vw, 72rem);
    width: 100%;
    height: min(92vh, 880px);
    max-height: 92vh;
    display: flex;
    flex-direction: column;
}
.sgk-eborcu-modal--preview-mode #sgkDebtPdfPreviewWrap {
    flex: 1;
    min-height: 0;
}
.sgk-eborcu-modal--fullscreen {
    padding: 0;
    align-items: stretch;
    justify-content: stretch;
}
.sgk-eborcu-modal--fullscreen .sgk-eborcu-modal__backdrop {
    background: rgba(15, 23, 42, 0.45);
}
.sgk-eborcu-modal--fullscreen .sgk-eborcu-modal__panel {
    max-width: none;
    width: 100%;
    height: 100vh;
    max-height: 100vh;
    border-radius: 0;
    border: none;
    box-shadow: none;
}
.sgk-eborcu-modal--fullscreen .sgk-eborcu-modal__panel--preview {
    max-width: none;
}
.sgk-eborcu-modal--fullscreen #sgkDebtPdfPreviewWrap {
    flex: 1;
    min-height: 0;
}
.sgk-eborcu-modal--fullscreen .sgk-eborcu-preview__viewer {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}
.sgk-eborcu-modal--fullscreen .sgk-eborcu-preview__frame {
    flex: 1;
    height: auto;
    min-height: 0;
}
.sgk-preview-tool-btn.is-active {
    background: #f0fdfa;
    border-color: #99f6e4;
    color: #0f766e;
}
.sgk-eborcu-modal__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.375rem;
    height: 2.375rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    background: rgba(255, 255, 255, 0.9);
    color: #94a3b8;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
    flex-shrink: 0;
}
.sgk-eborcu-modal__close svg {
    width: 1.1rem;
    height: 1.1rem;
}
.sgk-eborcu-modal__close:hover {
    background: #fff;
    border-color: #cbd5e1;
    color: #334155;
    transform: scale(1.02);
}
.sgk-eborcu-preview__toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.65rem;
    padding: 0.75rem 1rem;
    background: #fff;
    border-bottom: 1px solid #e2e8f0;
}
.sgk-eborcu-preview__tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    padding: 0.2rem;
    background: #f1f5f9;
    border-radius: 0.75rem;
}
.sgk-preview-tab {
    padding: 0.45rem 0.9rem;
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: -0.01em;
    border: none;
    border-radius: 0.55rem;
    background: transparent;
    color: #64748b;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
.sgk-preview-tab:hover {
    color: #0f766e;
}
.sgk-preview-tab.is-active {
    background: #fff;
    color: #0f766e;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.1);
}
.sgk-preview-tab.hidden {
    display: none;
}
.sgk-eborcu-preview__toolbar-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
}
.sgk-preview-action-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 0.85rem;
    font-size: 0.8125rem;
    font-weight: 600;
    border-radius: 0.5rem;
    border: 1px solid transparent;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.sgk-preview-action-btn svg {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
}
.sgk-preview-action-btn--ghost {
    background: #fff;
    border-color: #e2e8f0;
    color: #475569;
}
.sgk-preview-action-btn--ghost:hover {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #0f766e;
}
.sgk-preview-action-btn--primary {
    background: #0d9488;
    border-color: #0d9488;
    color: #fff;
}
.sgk-preview-action-btn--primary:hover {
    background: #0f766e;
    border-color: #0f766e;
}
.sgk-preview-tool-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    background: #fff;
    color: #64748b;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.sgk-preview-tool-btn svg {
    width: 1rem;
    height: 1rem;
}
.sgk-preview-tool-btn:hover {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #0f766e;
}
.sgk-eborcu-preview__viewer {
    position: relative;
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    background: #f1f5f9;
}
.sgk-eborcu-preview__frame {
    display: block;
    flex: 1;
    width: 100%;
    height: 100%;
    min-height: 0;
    border: none;
    background: #f1f5f9;
}
.sgk-eborcu-preview__loading {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    background: rgba(241, 245, 249, 0.92);
    color: #475569;
    font-size: 0.875rem;
    font-weight: 500;
}
.sgk-eborcu-preview__spinner {
    width: 2rem;
    height: 2rem;
    border: 3px solid #e2e8f0;
    border-top-color: #0d9488;
    border-radius: 50%;
    animation: sgkSpin 0.7s linear infinite;
}
@keyframes sgkSpin {
    to { transform: rotate(360deg); }
}
@keyframes sgkModalIn {
    from { opacity: 0; transform: translateY(8px) scale(0.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}
.sgk-eborcu-modal__panel--detail {
    max-width: min(96vw, 52rem);
    width: 100%;
    max-height: 92vh;
}
.sgk-eborcu-detail-body {
    padding: 1.25rem 1.5rem;
}
.sgk-eborcu-detail-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 0.85rem 1.25rem;
    border-top: 1px solid #f1f5f9;
    background: #fafafa;
}
.sgk-eborcu-detail-hero {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem;
    margin-bottom: 1rem;
    border-radius: 1rem;
    background: linear-gradient(135deg, #f0fdfa 0%, #f8fafc 55%, #fff 100%);
    border: 1px solid #ccfbf1;
}
.sgk-eborcu-detail-hero__type {
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #0f766e;
    margin-bottom: 0.4rem;
}
.sgk-eborcu-detail-hero__name {
    font-size: 1.0625rem;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: #0f172a;
    line-height: 1.35;
    margin: 0;
}
.sgk-eborcu-detail-hero__barcode {
    margin-top: 0.65rem;
    font-size: 0.75rem;
    color: #64748b;
}
.sgk-eborcu-detail-hero__barcode span {
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 0.65rem;
    margin-bottom: 0.2rem;
}
.sgk-eborcu-detail-hero__barcode code {
    display: block;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.78rem;
    color: #334155;
    word-break: break-all;
    line-height: 1.45;
}
.sgk-eborcu-detail-hero__synced {
    margin: 0.35rem 0 0;
    font-size: 0.75rem;
    color: #64748b;
    line-height: 1.4;
}
.sgk-eborcu-detail-hero__status {
    flex-shrink: 0;
}
.sgk-eborcu-status-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.75rem;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    border-radius: 9999px;
    border: 1px solid transparent;
}
.sgk-eborcu-status-badge--ok {
    background: #ecfdf5;
    color: #047857;
    border-color: #a7f3d0;
}
.sgk-eborcu-status-badge--warn {
    background: #fffbeb;
    color: #b45309;
    border-color: #fde68a;
}
.sgk-eborcu-status-badge--bad {
    background: #fef2f2;
    color: #b91c1c;
    border-color: #fecaca;
}
.sgk-eborcu-status-badge--neutral {
    background: #f1f5f9;
    color: #475569;
    border-color: #e2e8f0;
}
.sgk-eborcu-detail-meta-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem 1rem;
    margin-bottom: 1rem;
}
@media (max-width: 640px) {
    .sgk-eborcu-detail-meta-grid {
        grid-template-columns: 1fr;
    }
    .sgk-eborcu-detail-hero {
        flex-direction: column;
    }
}
.sgk-eborcu-detail-meta {
    padding: 0.65rem 0.85rem;
    border-radius: 0.75rem;
    background: #fff;
    border: 1px solid #f1f5f9;
}
.sgk-eborcu-detail-meta__label {
    display: block;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #94a3b8;
    margin-bottom: 0.25rem;
}
.sgk-eborcu-detail-meta__value {
    display: block;
    font-size: 0.9rem;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: #1e293b;
    line-height: 1.45;
}
.sgk-eborcu-detail-section {
    margin-top: 0.25rem;
}
.sgk-eborcu-detail-section__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.65rem;
}
.sgk-eborcu-detail-section__title {
    font-size: 0.875rem;
    font-weight: 700;
    color: #334155;
    margin: 0;
}
.sgk-eborcu-detail-section__count {
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    padding: 0.2rem 0.55rem;
    background: #f1f5f9;
    border-radius: 9999px;
}
.sgk-eborcu-detail-table-card {
    overflow: auto;
    max-height: min(42vh, 320px);
    border-radius: 0.85rem;
    border: 1px solid #e2e8f0;
    background: #fff;
}
.sgk-eborcu-detail-tables {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    margin-top: 0.25rem;
}
.sgk-eborcu-detail-section--table {
    width: 100%;
    min-width: 0;
}
.sgk-eborcu-detail-table-card--stretch {
    width: 100%;
    max-width: 100%;
    max-height: none;
    overflow: hidden;
}
.sgk-eborcu-detail-table-card--stretch .sgk-eborcu-detail-table {
    width: 100%;
    table-layout: fixed;
    font-size: 0.72rem;
}
.sgk-eborcu-detail-table-card--stretch .sgk-eborcu-detail-table th,
.sgk-eborcu-detail-table-card--stretch .sgk-eborcu-detail-table td {
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
    padding: 0.38rem 0.4rem;
    line-height: 1.2;
    vertical-align: middle;
}
.sgk-eborcu-detail-prose {
    overflow-x: hidden;
    max-width: 100%;
}
.sgk-eborcu-detail-prose table {
    width: 100% !important;
    max-width: 100%;
    font-size: 0.72rem !important;
    table-layout: fixed;
}
.sgk-eborcu-detail-prose table td,
.sgk-eborcu-detail-prose table th {
    white-space: normal !important;
    word-break: break-word;
    padding: 0.35rem 0.4rem !important;
}
.sgk-eborcu-detail-table {
    width: 100%;
    font-size: 0.8125rem;
    border-collapse: collapse;
}
.sgk-eborcu-detail-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.75rem;
    color: #475569;
}
.sgk-eborcu-pill {
    display: inline-flex;
    padding: 0.15rem 0.5rem;
    font-size: 0.7rem;
    font-weight: 700;
    border-radius: 9999px;
}
.sgk-eborcu-pill--ok {
    background: #ecfdf5;
    color: #047857;
}
.sgk-eborcu-pill--bad {
    background: #fef2f2;
    color: #b91c1c;
}
.sgk-eborcu-detail-table th {
    padding: 0.55rem 0.75rem;
    text-align: left;
    font-weight: 600;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    position: sticky;
    top: 0;
}
.sgk-eborcu-detail-table td {
    padding: 0.55rem 0.75rem;
    border-bottom: 1px solid #f1f5f9;
    color: #334155;
    vertical-align: top;
}
.sgk-eborcu-detail-table tbody tr:hover td {
    background: #f8fafc;
}
.sgk-modal-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0.5rem 0.9rem;
    font-size: 0.8125rem;
    font-weight: 600;
    border-radius: 0.625rem;
    border: 1px solid transparent;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.sgk-modal-btn svg {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
}
.sgk-modal-btn.is-active {
    box-shadow: inset 0 0 0 1px #0d9488;
    background: #f0fdfa;
    color: #0f766e;
    border-color: #99f6e4;
}
.sgk-modal-btn--primary {
    color: #fff;
    background: linear-gradient(135deg, #0d9488 0%, #0f766e 100%);
}
.sgk-modal-btn--primary:hover {
    filter: brightness(1.05);
}
.sgk-modal-btn--dark {
    color: #fff;
    background: #475569;
}
.sgk-modal-btn--dark:hover {
    background: #334155;
}
.sgk-modal-btn--ghost {
    color: #475569;
    background: #fff;
    border-color: #e2e8f0;
}
.sgk-modal-btn--ghost:hover {
    background: #f8fafc;
}
.sgk-eborcu-page .sgk-subtabs-bar {
    background: #fff;
    border-color: #e2e8f0;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    max-width: 100%;
}
.sgk-eborcu-page .sgk-subtabs-bar--vizite {
    flex-wrap: wrap;
    overflow-x: visible;
    overflow-y: visible;
    gap: 0.5rem;
}
.sgk-eborcu-page .sgk-subtab {
    max-width: none;
    flex: 0 0 auto;
}
.sgk-eborcu-page .sgk-subtab[data-sgk-portal-only="1"] {
    opacity: 0.92;
    border-style: dashed;
    color: #64748b;
}
.sgk-vizite-menu-hint {
    margin: 0;
    font-size: 0.75rem;
    line-height: 1.4;
    color: #64748b;
}

/* E-Tebligat satır durumları */
.tebligat-legend {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1.25rem;
    margin-top: 0.75rem;
    font-size: 0.75rem;
    color: #64748b;
}
.tebligat-legend__item {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}
.tebligat-row {
    border-bottom: 1px solid #e2e8f0;
    transition: background 0.2s ease, box-shadow 0.2s ease;
}
.tebligat-row--read {
    background: linear-gradient(90deg, rgba(34, 197, 94, 0.08) 0%, #fff 12%);
    border-left: 4px solid #22c55e;
}
.tebligat-row--read:hover {
    background: linear-gradient(90deg, rgba(34, 197, 94, 0.12) 0%, #f8fafc 12%);
}
.tebligat-row--unread {
    background: linear-gradient(90deg, rgba(249, 115, 22, 0.12) 0%, #fffbf5 14%);
    border-left: 4px solid #f97316;
}
.tebligat-row--unread:hover {
    background: linear-gradient(90deg, rgba(249, 115, 22, 0.16) 0%, #fff7ed 14%);
}
.tebligat-row--new {
    border-left-color: #ea580c;
    box-shadow: inset 0 0 0 1px rgba(249, 115, 22, 0.18);
}
.tebligat-row--unread.tebligat-row--blink {
    animation: tebligatUnreadPulse 1.8s ease-in-out infinite;
}
.tebligat-row--new.tebligat-row--blink {
    box-shadow: inset 0 0 0 1px rgba(249, 115, 22, 0.22);
}
@keyframes tebligatUnreadPulse {
    0%, 100% {
        background: linear-gradient(90deg, rgba(249, 115, 22, 0.14) 0%, #fff7ed 14%);
        box-shadow: inset 0 0 0 1px rgba(249, 115, 22, 0.12);
    }
    50% {
        background: linear-gradient(90deg, rgba(249, 115, 22, 0.32) 0%, #ffedd5 14%);
        box-shadow: inset 0 0 0 1px rgba(234, 88, 12, 0.38), 0 0 0 3px rgba(249, 115, 22, 0.14);
    }
}
@media (prefers-reduced-motion: reduce) {
    .tebligat-row--unread.tebligat-row--blink {
        animation: none;
        background: linear-gradient(90deg, rgba(249, 115, 22, 0.2) 0%, #fff7ed 14%);
        box-shadow: inset 0 0 0 1px rgba(234, 88, 12, 0.28);
    }
}
.tebligat-status-cell {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}
.tebligat-pdf-dot {
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 9999px;
    flex-shrink: 0;
    box-shadow: 0 0 0 2px #fff;
}
.tebligat-pdf-dot--read {
    background: #22c55e;
}
.tebligat-pdf-dot--unread {
    background: #f97316;
}
.tebligat-pdf-dot--new {
    background: #ea580c;
}
.tebligat-pdf-dot--blink {
    animation: tebligatDotBlink 1.2s ease-in-out infinite;
}
@keyframes tebligatDotBlink {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.45; transform: scale(0.88); }
}
@media (prefers-reduced-motion: reduce) {
    .tebligat-pdf-dot--blink {
        animation: none;
        opacity: 1;
    }
}
.tebligat-pdf-btn--unread {
    box-shadow: 0 0 0 2px rgba(249, 115, 22, 0.35);
}
.sgk-action-chip.tebligat-pdf-btn--unread {
    box-shadow: 0 0 0 2px rgba(249, 115, 22, 0.35);
}
.tebligat-pdf-btn--new {
    animation: tebligatBtnPulse 1.8s ease-in-out infinite;
}
.sgk-action-chip.tebligat-pdf-btn--new {
    animation: tebligatBtnPulse 1.8s ease-in-out infinite;
}
@keyframes tebligatBtnPulse {
    0%, 100% { box-shadow: 0 0 0 2px rgba(249, 115, 22, 0.35); }
    50% { box-shadow: 0 0 0 4px rgba(249, 115, 22, 0.55); }
}
.tebligat-recent-item--read {
    border-left: 3px solid #22c55e;
    padding-left: 0.5rem;
}
.tebligat-recent-item--unread {
    border-left: 3px solid #f97316;
    padding-left: 0.5rem;
    background: #fff7ed;
    border-radius: 0.375rem;
}
.tebligat-recent-item--new {
    animation: tebligatUnreadPulse 1.8s ease-in-out infinite;
}

.tebligat-star-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border: none;
    background: transparent;
    color: #cbd5e1;
    font-size: 1.1rem;
    line-height: 1;
    cursor: pointer;
    border-radius: 0.375rem;
    transition: color 0.15s, transform 0.15s;
}
.tebligat-star-btn:hover {
    color: #f59e0b;
    transform: scale(1.08);
}
.tebligat-star-btn--active {
    color: #f59e0b;
}
.tebligat-row--starred {
    box-shadow: inset 3px 0 0 #f59e0b;
}

.tebligat-select-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 1.5rem;
    cursor: pointer;
}

.tebligat-select-cell--empty {
    display: block;
    width: 1rem;
    cursor: default;
}

.tebligat-row-select-cb,
.tebligat-row-select-all {
    width: 1rem;
    height: 1rem;
    cursor: pointer;
    accent-color: #0d9488;
}

.tebligat-action-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.5rem 0.95rem;
    border-radius: 0.65rem;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.2;
    border: 1px solid transparent;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
    transition: background 0.15s, border-color 0.15s, box-shadow 0.15s, transform 0.1s, opacity 0.15s;
    white-space: nowrap;
}

.tebligat-action-btn:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.1);
}

.tebligat-action-btn:disabled {
    opacity: 0.45;
    cursor: not-allowed;
    box-shadow: none;
}

.tebligat-action-btn__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 999px;
    font-size: 0.7rem;
    background: rgba(255, 255, 255, 0.22);
}

.tebligat-action-btn--gib {
    color: #fff;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    border-color: rgba(29, 78, 216, 0.35);
}

.tebligat-action-btn--gib:hover:not(:disabled) {
    background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%);
}

.tebligat-action-btn--sgk {
    color: #fff;
    background: linear-gradient(135deg, #0d9488 0%, #0f766e 100%);
    border-color: rgba(15, 118, 110, 0.35);
}

.tebligat-action-btn--sgk:hover:not(:disabled) {
    background: linear-gradient(135deg, #0f766e 0%, #115e59 100%);
}

.tebligat-action-btn--bulk {
    color: #334155;
    background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
    border-color: #cbd5e1;
}

.tebligat-action-btn--bulk:hover:not(:disabled) {
    background: #fff;
    border-color: #94a3b8;
    color: #0f172a;
}

.tebligat-action-btn--bulk .tebligat-action-btn__icon {
    background: #e2e8f0;
    color: #475569;
}

.tebligat-sort-btn {
    color: inherit;
    background: transparent;
    border: none;
    font: inherit;
    font-weight: 500;
    cursor: pointer;
    padding: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}
.tebligat-sort-btn:hover {
    text-decoration: underline;
}
.tebligat-sort-btn--active {
    text-decoration: underline;
    font-weight: 700;
}

.tebligat-stat-card,
.ebeyanname-stat-card,
.ebeyanname-kontrol-stat-card,
.beyanname-stat-card {
    cursor: pointer;
}
.tebligat-stat-card--active,
.ebeyanname-stat-card--active,
.beyanname-stat-card--active {
    border-color: var(--stat-accent, #0d9488) !important;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--stat-accent, #0d9488) 22%, transparent), var(--ui-shadow-md);
}
.stat-card-v2.tebligat-stat-card--active::before,
.stat-card-v2.ebeyanname-stat-card--active::before,
.stat-card-v2.beyanname-stat-card--active::before {
    height: 4px;
    opacity: 1;
}
.theme-dark .tebligat-stat-card--active,
.theme-dark .ebeyanname-stat-card--active,
.theme-dark .beyanname-stat-card--active {
    background: var(--ui-surface) !important;
}

.ebeyanname-detail-modal__header {
    flex-shrink: 0;
}
.ebeyanname-modal-tab {
    padding: 0.5rem 1rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #64748b;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    transition: color 0.15s, border-color 0.15s;
}
.ebeyanname-modal-tab:hover {
    color: #0f766e;
}
.ebeyanname-modal-tab--active {
    color: #0f766e;
    border-bottom-color: #0d9488;
}
.ebeyanname-detail-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    overflow: hidden;
}
.ebeyanname-detail-card table thead {
    background: #f8fafc;
}
.ebeyanname-detail-card table th {
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
    padding: 0.625rem 0.75rem;
}
.ebeyanname-detail-card table td {
    padding: 0.75rem;
    vertical-align: middle;
}
.ebeyanname-mesaj-item {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    padding: 1rem;
}
.ebeyanname-mesaj-item + .ebeyanname-mesaj-item {
    margin-top: 0.75rem;
}

.ebeyanname-action-btn {
    flex-shrink: 0;
    transition: transform 0.12s ease, box-shadow 0.12s ease;
}
.ebeyanname-action-btn:hover {
    transform: translateY(-1px);
}
.ebeyanname-action-btn--mesaj {
    animation: ebeyanname-mesaj-pulse 2s ease-in-out infinite;
}
@keyframes ebeyanname-mesaj-pulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.35); }
    50% { box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.15); }
}
.ebeyanname-modal-tab--active[data-ebeyanname-modal-tab="mesajlar"] {
    color: #b45309;
    border-bottom-color: #f59e0b;
}

.ebeyanname-tur-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.75rem;
    font-size: 0.75rem;
    font-weight: 500;
    border-radius: 9999px;
    border: 1px solid #e2e8f0;
    background: #fff;
    color: #475569;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
}
.ebeyanname-tur-chip:hover {
    border-color: #99f6e4;
    background: #f0fdfa;
    color: #0f766e;
}
.ebeyanname-tur-chip--active {
    border-color: #0d9488;
    background: #ccfbf1;
    color: #115e59;
    box-shadow: 0 0 0 1px rgba(13, 148, 136, 0.15);
}
.ebeyanname-tur-chip__count {
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 0.1rem 0.4rem;
    border-radius: 9999px;
    background: rgba(15, 118, 110, 0.12);
    color: #0f766e;
}
.ebeyanname-view-btn--active {
    background: #fff;
    color: #0f766e;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}
.ebeyanname-group-header {
    cursor: pointer;
    user-select: none;
}
.ebeyanname-group-header td {
    background: linear-gradient(90deg, #f0fdfa 0%, #fff 100%);
    border-top: 2px solid #99f6e4;
    border-bottom: 1px solid #ccfbf1;
    padding: 0.625rem 1rem;
    font-weight: 600;
    color: #115e59;
}
.ebeyanname-group-header:hover td {
    background: linear-gradient(90deg, #ccfbf1 0%, #f0fdfa 100%);
}
.ebeyanname-group-header__chevron {
    display: inline-block;
    width: 0.875rem;
    margin-right: 0.375rem;
    font-size: 0.625rem;
    line-height: 1;
    transition: transform 0.15s ease;
    color: #0d9488;
}
.ebeyanname-group-header:not(.ebeyanname-group-header--collapsed) .ebeyanname-group-header__chevron {
    transform: rotate(90deg);
}
.ebeyanname-group-row--hidden {
    display: none;
}
.ebeyanname-group-header__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.5rem;
    padding: 0.125rem 0.5rem;
    margin-left: 0.5rem;
    font-size: 0.6875rem;
    font-weight: 700;
    border-radius: 9999px;
    background: #0d9488;
    color: #fff;
}

.ebeyanname-kontrol-view-btn.ebeyanname-view-btn--active,
.ebeyanname-kontrol-tab--active {
    background: #fff;
    color: #0f172a;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}
.ebeyanname-kontrol-periyot {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.625rem;
    font-size: 0.6875rem;
    font-weight: 500;
    border-radius: 9999px;
    border: 1px solid #e2e8f0;
    background: #fff;
    color: #475569;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
}
.ebeyanname-kontrol-periyot:hover {
    border-color: #94a3b8;
    background: #f8fafc;
}
.ebeyanname-kontrol-periyot--active {
    border-color: #0d9488;
    background: #f0fdfa;
    color: #0f766e;
}
.ebeyanname-periyot-badge {
    display: inline-flex;
    padding: 0.125rem 0.5rem;
    font-size: 0.625rem;
    font-weight: 600;
    border-radius: 0.375rem;
    background: #dbeafe;
    color: #1d4ed8;
    white-space: nowrap;
}
.ebeyanname-takvim-row--due {
    background: #f0fdfa;
}
.ebeyanname-takvim-row--due:hover {
    background: #ccfbf1 !important;
}
.ebeyanname-takvim-table td {
    vertical-align: top;
}
.ebeyanname-ozel-badge {
    display: inline-block;
    margin-left: 0.375rem;
    padding: 0.0625rem 0.375rem;
    font-size: 0.5625rem;
    font-weight: 700;
    border-radius: 9999px;
    background: #fef3c7;
    color: #b45309;
    vertical-align: middle;
}
.ebeyanname-uyari-badge {
    display: inline-flex;
    padding: 0.25rem 0.625rem;
    font-size: 0.6875rem;
    font-weight: 700;
    border-radius: 9999px;
    white-space: nowrap;
}
.ebeyanname-uyari-badge--red { background: #fee2e2; color: #b91c1c; }
.ebeyanname-uyari-badge--orange { background: #ffedd5; color: #c2410c; }
.ebeyanname-uyari-badge--amber { background: #fef3c7; color: #b45309; }
.ebeyanname-uyari-badge--slate { background: #f1f5f9; color: #475569; }

.ebeyanname-tur-ayar-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.875rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #0f766e;
    background: #fff;
    border: 1px solid #99f6e4;
    border-radius: 0.625rem;
    box-shadow: 0 1px 2px rgba(15, 118, 110, 0.08);
    transition: background 0.15s, border-color 0.15s, box-shadow 0.15s;
}
.ebeyanname-tur-ayar-btn:hover {
    background: #f0fdfa;
    border-color: #5eead4;
    box-shadow: 0 2px 8px rgba(15, 118, 110, 0.12);
}
.ebeyanname-tur-ayar-btn__icon {
    width: 1rem;
    height: 1rem;
    opacity: 0.85;
}

.ebeyanname-tur-ayar-search {
    padding: 0.5rem 0.75rem;
    font-size: 0.8125rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.625rem;
    background: #fff;
}
.ebeyanname-tur-ayar-search:focus {
    outline: none;
    border-color: #5eead4;
    box-shadow: 0 0 0 3px rgba(45, 212, 191, 0.2);
}
.ebeyanname-tur-ayar-count {
    font-size: 0.75rem;
    font-weight: 600;
    color: #0f766e;
    background: #ccfbf1;
    padding: 0.375rem 0.625rem;
    border-radius: 9999px;
}

#ebeyannameTurAyarTableWrap {
    overflow-x: hidden;
    overflow-y: auto;
}
#ebeyannameTurAyarTable {
    position: relative;
    padding-bottom: 0.5rem;
}

.ebeyanname-tur-ayar-card {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.75rem 1rem;
    align-items: center;
    padding: 0.875rem 1rem;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    transition: border-color 0.15s, box-shadow 0.15s;
    position: relative;
    z-index: 1;
}
.ebeyanname-tur-ayar-card:focus-within,
.ebeyanname-tur-ayar-card.ebeyanname-tur-ayar-card--open {
    z-index: 30;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
}
.ebeyanname-tur-ayar-card__field,
.ebeyanname-tur-ayar-card__gonderim {
    grid-column: 1 / -1;
}
@media (min-width: 640px) {
    .ebeyanname-tur-ayar-card {
        grid-template-columns: auto 1fr 9rem 8.5rem;
    }
    .ebeyanname-tur-ayar-card__field,
    .ebeyanname-tur-ayar-card__gonderim {
        grid-column: auto;
    }
}
.ebeyanname-tur-ayar-card--active {
    border-color: #99f6e4;
    background: linear-gradient(90deg, #f0fdfa 0%, #fff 40%);
    box-shadow: 0 1px 3px rgba(15, 118, 110, 0.08);
}
.ebeyanname-tur-ayar-card__kod {
    font-family: ui-monospace, monospace;
    font-size: 0.75rem;
    font-weight: 700;
    color: #0f172a;
}
.ebeyanname-tur-ayar-card__ad {
    font-size: 0.8125rem;
    color: #64748b;
    margin-top: 0.125rem;
    line-height: 1.3;
}
.ebeyanname-tur-ayar-card__badge {
    font-size: 0.5625rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0.125rem 0.375rem;
    border-radius: 9999px;
    background: #e0e7ff;
    color: #4338ca;
}
.ebeyanname-tur-ayar-card__label {
    display: block;
    font-size: 0.625rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #94a3b8;
    margin-bottom: 0.25rem;
}
.ebeyanname-tur-ayar-card__field select,
.ebeyanname-tur-periyot {
    width: 100%;
    padding: 0.375rem 0.5rem;
    font-size: 0.8125rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    background: #fff;
}
.ebeyanname-tur-ayar-card__gonderim-text {
    font-size: 0.75rem;
    color: #64748b;
}
.ebeyanname-tur-ayar-toggle {
    position: relative;
    display: inline-flex;
    cursor: pointer;
}
.ebeyanname-tur-ayar-toggle__track {
    width: 2.5rem;
    height: 1.375rem;
    background: #cbd5e1;
    border-radius: 9999px;
    transition: background 0.2s;
    position: relative;
}
.ebeyanname-tur-ayar-toggle__track::after {
    content: '';
    position: absolute;
    top: 0.125rem;
    left: 0.125rem;
    width: 1.125rem;
    height: 1.125rem;
    background: #fff;
    border-radius: 9999px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    transition: transform 0.2s;
}
.ebeyanname-tur-aktif:checked + .ebeyanname-tur-ayar-toggle__track {
    background: #14b8a6;
}
.ebeyanname-tur-aktif:checked + .ebeyanname-tur-ayar-toggle__track::after {
    transform: translateX(1.125rem);
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}

.tebligat-bulk-progress {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    z-index: 9000;
    width: min(22rem, calc(100vw - 2rem));
    padding: 1rem 1.1rem;
    border-radius: 0.875rem;
    border: 1px solid #cbd5e1;
    background: #fff;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.18);
}
.tebligat-bulk-progress__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    color: #0f172a;
}
.tebligat-bulk-progress__close {
    border: none;
    background: transparent;
    color: #64748b;
    font-size: 1.25rem;
    line-height: 1;
    cursor: pointer;
}
.tebligat-bulk-progress__message {
    font-size: 0.875rem;
    color: #334155;
    margin: 0 0 0.65rem;
}
.tebligat-bulk-progress__bar-wrap {
    height: 0.45rem;
    border-radius: 999px;
    background: #e2e8f0;
    overflow: hidden;
}
.tebligat-bulk-progress__bar {
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #0d9488, #0f766e);
    transition: width 0.35s ease;
}
.tebligat-bulk-progress__meta {
    margin: 0.55rem 0 0;
    font-size: 0.75rem;
    color: #64748b;
}
.tebligat-bulk-progress__zips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.65rem;
}
.tebligat-bulk-progress__zip-btn {
    font-size: 0.75rem;
    padding: 0.25rem 0.55rem;
    border-radius: 0.5rem;
    border: 1px solid #99f6e4;
    background: #f0fdfa;
    color: #0f766e;
    cursor: pointer;
}
.tebligat-bulk-progress__zip-btn:hover {
    background: #ccfbf1;
}
.floating-job-progress__bar--indeterminate {
    width: 35%;
    animation: floatingJobIndeterminate 1.4s ease-in-out infinite;
}
.floating-job-progress--ivd .floating-job-progress__bar:not(.floating-job-progress__bar--indeterminate) {
    background: linear-gradient(90deg, #0284c7, #0369a1);
}
@keyframes floatingJobIndeterminate {
    0% { margin-left: 0; }
    50% { margin-left: 65%; }
    100% { margin-left: 0; }
}

.gib-borc-card {
    border-radius: 0.75rem;
    border: 1px solid #e2e8f0;
    padding: 1rem 1.1rem;
    background: #fff;
    transition: box-shadow 0.15s, transform 0.15s;
}
.gib-borc-card:hover { box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08); transform: translateY(-1px); }
.gib-borc-card__label {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
.gib-borc-card__value {
    margin-top: 0.45rem;
    font-size: 1.35rem;
    font-weight: 700;
    color: #0f172a;
}
.gib-borc-card--overdue .gib-borc-card__label { color: #8e0808; }
.gib-borc-card--future .gib-borc-card__label { color: #0a808b; }
.gib-borc-card--total .gib-borc-card__label { color: #308cb6; }
.gib-borc-card.is-active { outline: 2px solid #0ea5e9; outline-offset: 2px; }

/* Beyanname Kontrol — grafik görünümü */
.ebeyanname-chart-durum {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.5rem;
}
.ebeyanname-chart-donut {
    width: 9.5rem;
    height: 9.5rem;
    border-radius: 50%;
    position: relative;
    flex-shrink: 0;
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.06);
}
.ebeyanname-chart-donut__hole {
    position: absolute;
    inset: 1.35rem;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
}
.ebeyanname-chart-donut__total {
    font-size: 1.35rem;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.1;
}
.ebeyanname-chart-donut__label {
    font-size: 0.625rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #94a3b8;
}
.ebeyanname-chart-legend {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 10rem;
}
.ebeyanname-chart-legend__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    font-size: 0.8125rem;
}
.ebeyanname-chart-legend__swatch {
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 9999px;
    flex-shrink: 0;
}
.ebeyanname-chart-legend__name {
    flex: 1;
    color: #475569;
}
.ebeyanname-chart-legend__val {
    font-weight: 700;
    color: #0f172a;
    font-variant-numeric: tabular-nums;
}
.ebeyanname-chart-hbar {
    display: grid;
    grid-template-columns: 4.5rem 1fr 2rem;
    gap: 0.5rem;
    align-items: center;
}
.ebeyanname-chart-hbar__label {
    font-family: ui-monospace, monospace;
    font-size: 0.6875rem;
    font-weight: 700;
    color: #334155;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ebeyanname-chart-hbar__track {
    height: 0.625rem;
    background: #f1f5f9;
    border-radius: 9999px;
    overflow: hidden;
    display: flex;
}
.ebeyanname-chart-hbar__seg {
    height: 100%;
    min-width: 0;
    transition: width 0.2s ease;
}
.ebeyanname-chart-hbar__seg--verildi { background: #16a34a; }
.ebeyanname-chart-hbar__seg--bekliyor { background: #ea580c; }
.ebeyanname-chart-hbar__seg--gecikti { background: #c2410c; }
.ebeyanname-chart-hbar__seg--iptal { background: #dc2626; }
.ebeyanname-chart-hbar__total {
    font-size: 0.75rem;
    font-weight: 700;
    color: #64748b;
    text-align: right;
    font-variant-numeric: tabular-nums;
}
.ebeyanname-chart-empty {
    text-align: center;
    color: #94a3b8;
    font-size: 0.875rem;
    padding: 2rem 1rem;
}

/* ── Modern App Shell ─────────────────────────────────────────────── */
:root {
    --app-sidebar-w: 15.5rem;
    --app-header-h: 3.5rem;
    --app-radius: 0.75rem;
    --app-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.04), 0 1px 3px rgba(15, 23, 42, 0.06);
    --app-shadow-md: 0 4px 6px -1px rgba(15, 23, 42, 0.06), 0 2px 4px -2px rgba(15, 23, 42, 0.04);
    --app-shadow-lg: 0 10px 25px -5px rgba(15, 23, 42, 0.08), 0 4px 10px -4px rgba(15, 23, 42, 0.04);
}

.app-body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 0.8125rem;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

.app-shell {
    position: relative;
    min-height: 100vh;
    min-height: 100dvh;
}

/* Sidebar */
.app-sidebar {
    width: var(--app-sidebar-w);
    background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);
    color: #fff;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    z-index: 50;
    transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.app-sidebar__brand {
    padding: 1rem 1.125rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.app-sidebar__logo {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 0.625rem;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.8125rem;
    letter-spacing: -0.02em;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.35);
}
.app-sidebar__title {
    font-weight: 600;
    font-size: 0.8125rem;
    letter-spacing: -0.01em;
}
.app-sidebar__tenant {
    font-size: 0.6875rem;
    color: #94a3b8;
    margin-top: 0.125rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 10rem;
}
.app-sidebar .sidebar-nav {
    padding: 0.625rem 0.5rem;
}
.app-sidebar .nav-item,
.app-sidebar .nav-top-item {
    font-size: 0.8125rem;
}
.app-sidebar .nav-group-toggle {
    font-size: 0.75rem;
}
.app-sidebar .nav-sub-item {
    font-size: 0.75rem;
    padding: 0.4375rem 0.75rem 0.4375rem 2rem;
}
.app-sidebar__footer {
    padding: 0.75rem 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    margin-top: auto;
}
.app-sidebar__footer-text {
    font-size: 0.6875rem;
    color: #64748b;
    padding: 0 0.25rem;
}

.sidebar-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(2px);
    z-index: 40;
    opacity: 0;
    transition: opacity 0.25s ease;
}
.sidebar-overlay.is-visible {
    display: block;
    opacity: 1;
}

@media (max-width: 1023px) {
    .app-sidebar {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        transform: translateX(-100%);
        box-shadow: var(--app-shadow-lg);
    }
    .app-sidebar.is-open {
        transform: translateX(0);
    }
}

/* Main area */
.app-main {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
}

/* Header — tek satır, ekran daralınca otomatik sıkışır */
.app-header {
    height: var(--app-header-h);
    min-height: var(--app-header-h);
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.5rem 0.75rem;
    padding: 0 1rem;
    position: sticky;
    top: 0;
    z-index: 30;
    box-shadow: var(--app-shadow-sm);
    container-type: inline-size;
    container-name: app-header;
}
@media (min-width: 768px) {
    .app-header { padding: 0 1.25rem; }
}
@media (min-width: 1280px) {
    .app-header { padding: 0 1.5rem; }
}

.app-header__start {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    min-width: 0;
    flex: 0 1 auto;
}
.app-header__center {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
}
.app-header__center .sgk-page-header-actions {
    display: none !important;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.375rem;
    min-width: 0;
}
.app-header__center .sgk-page-header-actions:not(.hidden) {
    display: inline-flex !important;
}
.app-header__center .sgk-page-header-actions .sgk-action-btn,
.app-header__center .sgk-page-header-actions .sgk-open-portal-btn {
    padding: 0.375rem 0.7rem;
    font-size: 0.75rem;
    line-height: 1.2;
    white-space: nowrap;
    flex-shrink: 0;
}
.app-header__end {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0.375rem;
    flex: 0 0 auto;
    margin-left: 0;
}

/* app-header-btn display kurallarının Tailwind .hidden'ı ezmesini engelle */
.app-header .hidden,
.app-header-btn.hidden,
.app-toolbar .hidden,
#headerAdminPanelBtn.hidden {
    display: none !important;
}

/* Dar alanda otomatik sıkıştır — hizalı tek satır kalsın */
@container app-header (max-width: 1320px) {
    .app-search-trigger kbd { display: none; }
    .app-search-trigger {
        flex: 0 1 6.5rem;
        max-width: 6.5rem;
        min-width: 2.125rem;
    }
    .app-header__end .app-header-btn span:not(.sr-only),
    .app-header__end #headerAdminPanelBtn span {
        display: none;
    }
    .app-header__end .app-header-btn:not(.app-header-btn--icon),
    .app-header__end #headerAdminPanelBtn {
        width: 2.125rem;
        height: 2.125rem;
        min-width: 2.125rem;
        padding: 0;
    }
    .app-header__center .sgk-page-header-actions .sgk-action-btn,
    .app-header__center .sgk-page-header-actions .sgk-open-portal-btn {
        padding: 0.375rem 0.55rem;
        font-size: 0.6875rem;
        gap: 0.25rem;
    }
    .app-profile__info,
    .app-profile__chevron { display: none !important; }
}

@container app-header (max-width: 1080px) {
    .app-search-trigger {
        flex: 0 0 2.125rem;
        width: 2.125rem;
        max-width: 2.125rem;
        padding: 0;
        justify-content: center;
        gap: 0;
    }
    .app-search-trigger span,
    .app-search-trigger kbd { display: none; }
    .app-header__center .sgk-page-header-actions .sgk-action-btn,
    .app-header__center .sgk-page-header-actions .sgk-open-portal-btn {
        padding: 0.35rem 0.45rem;
        font-size: 0.625rem;
    }
    .app-page-title { max-width: 8rem; }
    .app-toolbar { padding-left: 0.25rem; margin-left: 0.25rem; }
}

.app-page-title {
    font-size: 0.9375rem;
    font-weight: 600;
    color: #0f172a;
    letter-spacing: -0.02em;
    line-height: 1.3;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: min(28vw, 12rem);
}
@media (min-width: 640px) {
    .app-page-title { max-width: min(40vw, 18rem); font-size: 1rem; }
}
@media (min-width: 1024px) {
    .app-page-title { max-width: none; }
}

.app-header-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    padding: 0.4375rem 0.75rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: #475569;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s, color 0.15s, box-shadow 0.15s;
    white-space: nowrap;
    line-height: 1.25;
}
.app-header-btn:hover:not(:disabled) {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #1e293b;
}
.app-header-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}
.app-header-btn--primary {
    color: #fff;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    border-color: transparent;
    box-shadow: 0 1px 3px rgba(37, 99, 235, 0.3);
}
.app-header-btn--primary:hover:not(:disabled) {
    background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%);
    color: #fff;
}
.app-header-btn--icon {
    width: 2.125rem;
    height: 2.125rem;
    padding: 0;
    border-radius: 0.5rem;
    flex-shrink: 0;
}
.app-header-btn__icon {
    width: 1rem;
    height: 1rem;
}

.app-header-actions {
    display: flex;
    align-items: center;
    gap: 0.375rem;
}
@media (max-width: 639px) {
    .app-header-actions .app-header-btn span:not(.sr-only) {
        display: none;
    }
    .app-header-actions .app-header-btn {
        width: 2.125rem;
        height: 2.125rem;
        padding: 0;
    }
}

/* Toolbar icons */
.app-toolbar {
    display: flex;
    align-items: center;
    gap: 0.125rem;
    padding-left: 0.375rem;
    margin-left: 0.375rem;
    border-left: 1px solid #e2e8f0;
}
.app-toolbar-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.125rem;
    height: 2.125rem;
    border: none;
    background: transparent;
    border-radius: 0.5rem;
    color: #64748b;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}
.app-toolbar-btn:hover {
    background: #f1f5f9;
    color: #334155;
}
.app-toolbar-btn svg {
    width: 1.125rem;
    height: 1.125rem;
}
.app-toolbar-btn__badge {
    position: absolute;
    top: 0.25rem;
    right: 0.25rem;
    min-width: 1rem;
    height: 1rem;
    padding: 0 0.25rem;
    font-size: 0.5625rem;
    font-weight: 700;
    line-height: 1rem;
    text-align: center;
    color: #fff;
    background: #ef4444;
    border-radius: 9999px;
    border: 1.5px solid #fff;
}

/* Profile menu */
.app-profile {
    position: relative;
    margin-left: 0.25rem;
}
.app-profile__trigger {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.25rem 0.375rem 0.25rem 0.25rem;
    border: 1px solid transparent;
    border-radius: 9999px;
    background: transparent;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s;
    max-width: 11rem;
}
.app-profile__trigger:hover,
.app-profile.is-open .app-profile__trigger {
    background: #f1f5f9;
    border-color: #e2e8f0;
}
.app-profile__avatar {
    width: 2rem;
    height: 2rem;
    border-radius: 9999px;
    background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
    color: #fff;
    font-size: 0.6875rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    letter-spacing: 0.02em;
}
.app-profile__info {
    text-align: left;
    min-width: 0;
    display: none;
}
@media (min-width: 768px) {
    .app-profile__info { display: block; }
}
.app-profile__name {
    font-size: 0.75rem;
    font-weight: 600;
    color: #1e293b;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.2;
}
.app-profile__role {
    font-size: 0.625rem;
    color: #94a3b8;
    line-height: 1.2;
}
.app-profile__chevron {
    width: 0.875rem;
    height: 0.875rem;
    color: #94a3b8;
    flex-shrink: 0;
    display: none;
}
@media (min-width: 768px) {
    .app-profile__chevron { display: block; }
}

/* Dropdowns */
.app-dropdown {
    position: absolute;
    top: calc(100% + 0.375rem);
    right: 0;
    min-width: 16rem;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: var(--app-radius);
    box-shadow: var(--app-shadow-lg);
    z-index: 60;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-4px) scale(0.98);
    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s;
    overflow: hidden;
}
.app-dropdown.is-open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
}
.app-dropdown--wide { min-width: 18rem; }
.app-dropdown__header {
    padding: 0.875rem 1rem;
    border-bottom: 1px solid #f1f5f9;
    background: linear-gradient(180deg, #fafbfc 0%, #fff 100%);
}
.app-dropdown__title {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #0f172a;
    margin: 0;
}
.app-dropdown__subtitle {
    font-size: 0.6875rem;
    color: #94a3b8;
    margin-top: 0.125rem;
}
.app-dropdown__body {
    padding: 0.375rem;
    max-height: 16rem;
    overflow-y: auto;
}
.app-dropdown__empty {
    padding: 1.25rem 1rem;
    text-align: center;
    font-size: 0.75rem;
    color: #94a3b8;
}
.app-dropdown__item {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    width: 100%;
    padding: 0.5rem 0.75rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #475569;
    background: transparent;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    text-align: left;
    transition: background 0.12s, color 0.12s;
}
.app-dropdown__item:hover {
    background: #f1f5f9;
    color: #1e293b;
}
.app-dropdown__item svg {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    opacity: 0.7;
}
.app-dropdown__item--danger {
    color: #dc2626;
}
.app-dropdown__item--danger:hover {
    background: #fef2f2;
    color: #b91c1c;
}
.app-dropdown__divider {
    margin: 0.375rem 0.5rem;
    border-top: 1px solid #f1f5f9;
}

.app-notif-item {
    padding: 0.625rem 0.75rem;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: background 0.12s;
}
.app-notif-item:hover { background: #f8fafc; }
.app-notif-item__title {
    font-size: 0.75rem;
    font-weight: 600;
    color: #334155;
}
.app-notif-item__meta {
    font-size: 0.6875rem;
    color: #94a3b8;
    margin-top: 0.125rem;
}

/* Content */
.app-content {
    flex: 1;
    overflow: auto;
    padding: 1rem;
}
@media (min-width: 768px) {
    .app-content { padding: 1.25rem 1.5rem; }
}
@media (min-width: 1280px) {
    .app-content { padding: 1.5rem 1.75rem; }
}

/* Modern stat cards */
.stat-card {
    background: #fff;
    border: 1px solid #e8edf3;
    border-radius: var(--app-radius);
    box-shadow: var(--app-shadow-sm);
    transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}
.stat-card:hover {
    box-shadow: var(--app-shadow-md);
    border-color: #dbeafe;
    transform: translateY(-1px);
}
.stat-card > div:first-child {
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #94a3b8;
}
.stat-card .text-3xl,
.stat-card [class*="text-3xl"] {
    font-size: 1.625rem !important;
    letter-spacing: -0.03em;
}

/* Page header left (SGK actions) */
.page-header-left {
    flex-wrap: wrap;
    gap: 0.5rem;
}

@media (min-width: 1024px) {
    #sidebarToggle,
    #adminSidebarToggle { display: none; }
}

/* Admin shell variant */
.admin-shell .app-sidebar__logo {
    background: linear-gradient(135deg, #d97706 0%, #b45309 100%);
    box-shadow: 0 2px 8px rgba(217, 119, 6, 0.35);
}
.admin-shell .app-profile__avatar {
    background: linear-gradient(135deg, #d97706 0%, #b45309 100%);
}

/* Inbox items */
.app-inbox-item {
    padding: 0.625rem 0.75rem;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: background 0.12s;
    border-left: 3px solid transparent;
}
.app-inbox-item:hover { background: #f8fafc; }
.app-inbox-item--high { border-left-color: #ef4444; }
.app-inbox-item__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.25rem;
}
.app-inbox-item__type {
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #6366f1;
}
.app-inbox-item__title {
    font-size: 0.75rem;
    font-weight: 600;
    color: #334155;
    line-height: 1.35;
}
.app-inbox-item__body {
    font-size: 0.6875rem;
    color: #64748b;
    margin-top: 0.125rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.app-inbox-item--read {
    opacity: 0.5;
    border-left-color: transparent !important;
}
.app-inbox-item--read .app-inbox-item__title {
    font-weight: 500;
    color: #94a3b8;
}
.theme-dark .app-inbox-item--read .app-inbox-item__title { color: #64748b; }
.theme-dark #headerMessagesMarkAllBtn { color: #94a3b8; }
.theme-dark .app-content .border-slate-100,
.theme-dark #headerMessagesDropdown .border-slate-100 { border-color: #334155 !important; }

.inbox-page-list {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.inbox-page-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    overflow: hidden;
}
.inbox-page-card .app-inbox-item {
    border-radius: 0;
}
.inbox-page-empty {
    text-align: center;
    padding: 3rem 1rem;
    color: #94a3b8;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
}
.mesajlar-page-btn {
    min-width: 2rem;
    height: 2rem;
    padding: 0 0.5rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    background: #fff;
    color: #475569;
    font-size: 0.8125rem;
}
.mesajlar-page-btn.is-active {
    background: #0d9488;
    border-color: #0d9488;
    color: #fff;
}
.mesajlar-page-btn:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}
.mesajlar-page-ellipsis {
    padding: 0 0.25rem;
    color: #94a3b8;
}
.theme-dark .inbox-page-card {
    background: #1e293b;
    border-color: #334155;
}
.theme-dark .inbox-page-empty {
    background: #1e293b;
    border-color: #334155;
    color: #64748b;
}
.theme-dark .mesajlar-page-btn {
    background: #1e293b;
    border-color: #334155;
    color: #cbd5e1;
}


/* ── Dark Mode ─────────────────────────────────────────────────────── */
.theme-dark {
    color-scheme: dark;
}
.theme-dark .app-body {
    background: #0b1120;
    color: #e2e8f0;
}
.theme-dark .app-header {
    background: rgba(15, 23, 42, 0.92);
    border-bottom-color: #1e293b;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.theme-dark .app-page-title { color: #f1f5f9; }
.theme-dark .app-header-btn {
    background: #1e293b;
    border-color: #334155;
    color: #cbd5e1;
}
.theme-dark .app-header-btn:hover:not(:disabled) {
    background: #334155;
    border-color: #475569;
    color: #f1f5f9;
}
.theme-dark .app-toolbar {
    border-left-color: #334155;
}
.theme-dark .app-toolbar-btn {
    color: #94a3b8;
}
.theme-dark .app-toolbar-btn:hover {
    background: #1e293b;
    color: #e2e8f0;
}
.theme-dark .app-profile__trigger:hover,
.theme-dark .app-profile.is-open .app-profile__trigger {
    background: #1e293b;
    border-color: #334155;
}
.theme-dark .app-profile__name { color: #f1f5f9; }
.theme-dark .app-dropdown {
    background: #1e293b;
    border-color: #334155;
}
.theme-dark .app-dropdown__header {
    background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);
    border-bottom-color: #334155;
}
.theme-dark .app-dropdown__title { color: #f1f5f9; }
.theme-dark .app-dropdown__subtitle { color: #64748b; }
.theme-dark .app-dropdown__item {
    color: #cbd5e1;
}
.theme-dark .app-dropdown__item:hover {
    background: #334155;
    color: #f8fafc;
}
.theme-dark .app-dropdown__item--danger { color: #f87171; }
.theme-dark .app-dropdown__item--danger:hover {
    background: rgba(239, 68, 68, 0.15);
    color: #fca5a5;
}
.theme-dark .app-dropdown__divider { border-top-color: #334155; }
.theme-dark .app-dropdown__empty { color: #64748b; }
.theme-dark .app-notif-item:hover,
.theme-dark .app-inbox-item:hover { background: #334155; }
.theme-dark .app-notif-item__title,
.theme-dark .app-inbox-item__title { color: #e2e8f0; }
.theme-dark .app-notif-item__meta,
.theme-dark .app-inbox-item__body,
.theme-dark .app-inbox-item__meta { color: #94a3b8; }
.theme-dark .app-inbox-item__type { color: #818cf8; }

.theme-dark .stat-card {
    background: #1e293b;
    border-color: #334155;
}
.theme-dark .stat-card:hover {
    border-color: #475569;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}
.theme-dark .stat-card > div:first-child { color: #64748b; }

.theme-dark .app-content .bg-white {
    background-color: #1e293b !important;
    border-color: #334155 !important;
}
.theme-dark .app-content .border-slate-200,
.theme-dark .app-content .border-slate-100 {
    border-color: #334155 !important;
}
.theme-dark .app-content .text-slate-900,
.theme-dark .app-content .text-slate-800,
.theme-dark .app-content .text-slate-700 {
    color: #e2e8f0 !important;
}
.theme-dark .app-content .text-slate-600,
.theme-dark .app-content .text-slate-500 {
    color: #94a3b8 !important;
}
.theme-dark .app-content .text-slate-400 {
    color: #64748b !important;
}
.theme-dark .app-content .hover\:bg-slate-50:hover {
    background-color: #334155 !important;
}
.theme-dark .app-content input,
.theme-dark .app-content select,
.theme-dark .app-content textarea {
    background-color: #0f172a;
    border-color: #475569;
    color: #e2e8f0;
}
.theme-dark .app-content thead th {
    color: #94a3b8 !important;
}
.theme-dark .app-content .bg-slate-50,
.theme-dark .app-content .bg-slate-50\/80 {
    background-color: #0f172a !important;
}
.theme-dark .sgk-filter-panel {
    background: #1e293b;
    border-color: #334155;
}
.theme-dark .sgk-subtabs-bar {
    background: #0f172a;
    border-color: #334155;
}
.theme-dark .sgk-subtab {
    background: #1e293b;
    border-color: #334155;
    color: #cbd5e1;
}
.theme-dark .sgk-subtab.is-active {
    background: #334155;
    border-color: #475569;
    color: #f1f5f9;
}
.theme-dark .sgk-filter-label,
.theme-dark .sgk-filter-panel__title,
.theme-dark .sgk-eborcu-title,
.theme-dark .sgk-portal-page__label,
.theme-dark .sgk-portal-page__section-title {
    color: #94a3b8;
}
.theme-dark .sgk-filter-input,
.theme-dark .sgk-search-input {
    background: #0f172a;
    border-color: #475569;
    color: #e2e8f0;
}
.theme-dark .sgk-filter-input:focus,
.theme-dark .sgk-search-input:focus {
    border-color: #64748b;
    box-shadow: 0 0 0 2px rgba(100, 116, 139, 0.25);
}
.theme-dark .sgk-filter-panel__subhead,
.theme-dark .sgk-result-count,
.theme-dark .sgk-aphb-period-hint,
.theme-dark .sgk-portal-page__value,
.theme-dark .sgk-cell-summary,
.theme-dark .sgk-cell-status {
    color: #94a3b8;
}
.theme-dark .sgk-table-card,
.theme-dark .sgk-eborcu-detail-table-card,
.theme-dark .sgk-module-sidebar {
    background: #1e293b;
    border-color: #334155;
}
.theme-dark .sgk-data-table thead,
.theme-dark .sgk-portal-page__table thead,
.theme-dark .sgk-eborcu-detail-table thead {
    background: #0f172a !important;
}
.theme-dark .sgk-data-table th,
.theme-dark .sgk-data-table td,
.theme-dark .sgk-portal-page__table th,
.theme-dark .sgk-portal-page__table td,
.theme-dark .sgk-eborcu-detail-table th,
.theme-dark .sgk-eborcu-detail-table td {
    border-color: #334155 !important;
    color: #e2e8f0;
}
.theme-dark .sgk-data-table tbody tr:nth-child(even),
.theme-dark .sgk-portal-page__table tbody tr:nth-child(even) {
    background: rgba(15, 23, 42, 0.45);
}
.theme-dark .sgk-data-table tbody tr:hover td,
.theme-dark .sgk-eborcu-detail-table tbody tr:hover td {
    background: #334155;
}
.theme-dark .sgk-text-dialog__panel,
.theme-dark .sgk-eborcu-modal__panel {
    background: #1e293b;
    border-color: #334155;
    color: #e2e8f0;
}
.theme-dark .sgk-text-dialog__header,
.theme-dark .sgk-eborcu-modal__header,
.theme-dark .sgk-eborcu-preview__toolbar,
.theme-dark .sgk-eborcu-detail-footer {
    background: #0f172a;
    border-color: #334155;
}
.theme-dark .sgk-text-dialog__title,
.theme-dark .sgk-eborcu-modal__title,
.theme-dark .sgk-eborcu-detail-hero__name {
    color: #f1f5f9;
}
.theme-dark .sgk-text-dialog__body,
.theme-dark .sgk-eborcu-modal__subtitle,
.theme-dark .sgk-eborcu-detail-meta__value {
    color: #cbd5e1;
}
.theme-dark .sgk-eborcu-modal__backdrop,
.theme-dark .sgk-text-dialog__backdrop {
    background: rgba(2, 6, 23, 0.72);
}
.theme-dark .sgk-preview-tab,
.theme-dark .sgk-preview-tool-btn,
.theme-dark .sgk-preview-action-btn--ghost,
.theme-dark .sgk-modal-btn--ghost {
    background: #1e293b;
    border-color: #475569;
    color: #cbd5e1;
}
.theme-dark .sgk-preview-tab.is-active {
    background: #334155;
    color: #f8fafc;
}
.theme-dark .sgk-portal-page__intro,
.theme-dark .sgk-portal-page__alert--neutral {
    background: #1e293b;
    border-color: #334155;
    color: #cbd5e1;
}
.theme-dark .sgk-portal-page__field {
    background: #0f172a;
    border-color: #334155;
}
.theme-dark .sgk-module-sidebar-item {
    color: #94a3b8;
    border-color: #334155;
}
.theme-dark .sgk-module-sidebar-item.is-active,
.theme-dark .sgk-module-sidebar-item:hover {
    background: #334155;
    color: #f1f5f9;
}
.theme-dark .sgk-highlight {
    background: rgba(251, 191, 36, 0.2);
    color: #fde68a;
}
.theme-dark .sgk-long-text--bad { color: #fca5a5; }
.theme-dark .sgk-long-text--ok { color: #86efac; }
.theme-dark .sgk-long-text--warn { color: #fcd34d; }
.theme-dark .sgk-action-chip,
.theme-dark .sgk-row-btn--ghost {
    background: #1e293b;
    border-color: #475569;
    color: #cbd5e1;
}
.theme-dark .sgk-action-chip:hover,
.theme-dark .sgk-row-btn--ghost:hover {
    background: #334155;
}
.theme-dark .sgk-page-hero {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    border-color: #334155;
}
.theme-dark .sgk-page-hero__title { color: #f1f5f9; }
.theme-dark .sgk-page-hero__desc { color: #94a3b8; }

.theme-dark .min-h-screen.flex.items-center.justify-center {
    background: linear-gradient(to bottom right, #0b1120, #1e1b4b33, #0b1120) !important;
}
.theme-dark .min-h-screen.flex.items-center.justify-center form {
    background: rgba(30, 41, 59, 0.95) !important;
    border-color: #334155 !important;
}
.theme-dark .min-h-screen.flex.items-center.justify-center h1 {
    color: #f1f5f9 !important;
}
.theme-dark .min-h-screen.flex.items-center.justify-center label {
    color: #94a3b8 !important;
}

/* Admin panel dark mode */
.theme-dark .admin-shell .app-content h2,
.theme-dark .admin-shell .app-content h3 {
    color: #f1f5f9;
}
.theme-dark .admin-shell .app-content .text-slate-800,
.theme-dark .admin-shell .app-content .text-slate-600,
.theme-dark .admin-shell .app-content .text-slate-500 {
    color: #94a3b8 !important;
}
.theme-dark .admin-shell .app-content .text-amber-800 {
    color: #fcd34d !important;
}

/* Mükellef kartı modal */
.mukellef-modal { animation: mukellefModalIn 0.18s ease; }
@keyframes mukellefModalIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
.mukellef-modal__panel { animation: mukellefPanelIn 0.22s ease; }
@keyframes mukellefPanelIn {
    from { opacity: 0; transform: translateY(10px) scale(0.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}
.mukellef-modal__tabs { scrollbar-width: thin; }
.mukellef-modal-tab {
    flex-shrink: 0;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #64748b;
    border-bottom: 2px solid transparent;
    border-radius: 0.5rem 0.5rem 0 0;
    transition: color 0.15s, border-color 0.15s, background 0.15s;
}
.mukellef-modal-tab:hover { color: #334155; background: #f8fafc; }
.mukellef-modal-tab.is-active {
    color: #1d4ed8;
    border-bottom-color: #2563eb;
    background: #eff6ff;
}
.mukellef-label {
    display: block;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #334155;
    margin-bottom: 0.375rem;
}
.mukellef-input {
    display: block;
    width: 100%;
    padding: 0.625rem 0.75rem;
    font-size: 0.875rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.625rem;
    background: #fff;
    transition: border-color 0.15s, box-shadow 0.15s;
}
.mukellef-input:focus {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}
.mukellef-input--readonly {
    background: #f8fafc;
    color: #64748b;
    cursor: default;
}
.mukellef-field-check { display: flex; align-items: flex-start; gap: 0.5rem; cursor: pointer; }
.mukellef-field-hint { margin-top: 0.375rem; font-size: 0.75rem; color: #64748b; }
.mukellef-card {
    border: 1px solid #e2e8f0;
    border-radius: 0.875rem;
    padding: 1rem 1.125rem;
    background: #fff;
}
.mukellef-card--accent { border-color: #bfdbfe; background: linear-gradient(180deg, #f8fbff 0%, #fff 100%); }
.mukellef-card--warn { border-color: #fcd34d; background: #fffbeb; }
.mukellef-card--muted { border-color: #e2e8f0; background: #f8fafc; }
.mukellef-card__title { font-size: 0.9375rem; font-weight: 600; color: #0f172a; }
.mukellef-card__desc { font-size: 0.8125rem; color: #64748b; margin-top: 0.125rem; }
.mukellef-badge {
    flex-shrink: 0;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0.25rem 0.5rem;
    border-radius: 9999px;
    background: #dcfce7;
    color: #166534;
}
.mukellef-modal__close { font-size: 1.5rem; line-height: 1; }

/* ÖKC IVD detay modal — sticky tablo başlığının üstüne binmemesi için */
.okc-detay-modal {
    position: fixed;
    inset: 0;
    z-index: 9000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(15, 23, 42, 0.45);
}
.okc-detay-modal__panel {
    position: relative;
    z-index: 1;
    isolation: isolate;
    background: #fff;
    border-radius: 0.75rem;
    box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.35);
    max-width: 42rem;
    width: 100%;
    max-height: 90vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.okc-detay-modal__body {
    background: #f8fafc;
    position: relative;
    z-index: 1;
}
.okc-ivd-section table {
    background: #fff;
}
body.okc-detay-modal-open {
    overflow: hidden;
}
body.okc-detay-modal-open #tab-ivd-pos-todeb thead,
body.okc-detay-modal-open #tab-ivd-pos-todeb thead th {
    z-index: 0 !important;
}

.theme-dark .mukellef-modal-tab { color: #94a3b8; }
.theme-dark .mukellef-modal-tab:hover { color: #e2e8f0; background: #1e293b; }
.theme-dark .mukellef-modal-tab.is-active { color: #93c5fd; border-bottom-color: #3b82f6; background: rgba(59, 130, 246, 0.12); }
.theme-dark .mukellef-label { color: #cbd5e1; }
.theme-dark .mukellef-input { background: #0f172a; border-color: #334155; color: #f1f5f9; }
.theme-dark .mukellef-input:focus { border-color: #3b82f6; box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2); }
.theme-dark .mukellef-input--readonly { background: #1e293b; color: #94a3b8; }
.theme-dark .mukellef-field-hint { color: #94a3b8; }
.theme-dark .mukellef-card { background: #0f172a; border-color: #334155; }
.theme-dark .mukellef-card--accent { border-color: #1e40af; background: linear-gradient(180deg, rgba(30, 58, 138, 0.25) 0%, #0f172a 100%); }
.theme-dark .mukellef-card--warn { border-color: #b45309; background: rgba(180, 83, 9, 0.15); }
.theme-dark .mukellef-card--muted { background: #1e293b; border-color: #334155; }
.theme-dark .mukellef-card__title { color: #f1f5f9; }
.theme-dark .mukellef-card__desc { color: #94a3b8; }
.theme-dark .mukellef-modal__header,
.theme-dark .mukellef-modal__footer { background: #0f172a; border-color: #334155; }
.theme-dark .mukellef-modal__close:hover { background: #1e293b; color: #e2e8f0; }

/* Global modals (dashboard + admin) */
.theme-dark .mukellef-modal__panel,
.theme-dark #gibModal > div,
.theme-dark #sgkModal > div,
.theme-dark #edevletSmsModal > div,
.theme-dark #mmEbirlikModal > div,
.theme-dark #mmGibModal > div,
.theme-dark #tenantUserModal > div,
.theme-dark #modal > div,
.theme-dark #mukellefBulkModal > div,
.theme-dark #tebligatModal > div,
.theme-dark #queueMukellefModal > div,
.theme-dark #tenantModal > div,
.theme-dark #licenseModal > div,
.theme-dark #tenantEditModal > div,
.theme-dark #userModal > div,
.theme-dark .fixed.inset-0.bg-black\/50 > .bg-white,
.theme-dark .fixed.inset-0.bg-black\/40 > .bg-white,
.theme-dark .fixed.inset-0[class*="bg-black"] > .rounded-2xl.bg-white,
.theme-dark .fixed.inset-0[class*="bg-black"] > .rounded-xl.bg-white.shadow-xl,
.theme-dark .fixed.inset-0[class*="bg-black"] > .rounded-xl.shadow-xl.bg-white {
    background: #1e293b !important;
    border: 1px solid #334155;
    color: #e2e8f0;
}
.theme-dark #gibModal h3,
.theme-dark #sgkModal h3,
.theme-dark #edevletSmsModal h3,
.theme-dark #mmEbirlikModal h3,
.theme-dark #mmGibModal h3,
.theme-dark #tenantUserModal h3,
.theme-dark #modal h3,
.theme-dark #mukellefBulkModal h3,
.theme-dark #tebligatModal h3,
.theme-dark #queueMukellefModal h3,
.theme-dark #tenantModal h3,
.theme-dark #licenseModal h3,
.theme-dark #tenantEditModal h3,
.theme-dark #userModal h3,
.theme-dark .fixed.inset-0[class*="bg-black"] .font-semibold {
    color: #f1f5f9;
}
.theme-dark #gibModal .text-slate-500,
.theme-dark #sgkModal .text-slate-500,
.theme-dark #modal .text-slate-500,
.theme-dark #modal .text-slate-600,
.theme-dark #modal .text-slate-700,
.theme-dark #modal label,
.theme-dark #tenantUserModal .text-slate-500,
.theme-dark #mukellefBulkModal .text-slate-500,
.theme-dark #queueMukellefModal .text-slate-500,
.theme-dark .fixed.inset-0[class*="bg-black"] .text-slate-400 {
    color: #94a3b8 !important;
}
.theme-dark #modal input,
.theme-dark #modal select,
.theme-dark #modal textarea,
.theme-dark #tenantUserModal input,
.theme-dark #tenantUserModal select,
.theme-dark #tenantModal input,
.theme-dark #tenantModal select,
.theme-dark #tenantModal textarea,
.theme-dark #licenseModal input,
.theme-dark #licenseModal select,
.theme-dark #tenantEditModal input,
.theme-dark #tenantEditModal select,
.theme-dark #tenantEditModal textarea,
.theme-dark #userModal input,
.theme-dark #userModal select,
.theme-dark #gibModal input,
.theme-dark #sgkModal input,
.theme-dark #edevletSmsModal input,
.theme-dark #mmEbirlikModal input,
.theme-dark #mmGibModal input,
.theme-dark #mukellefBulkModal input,
.theme-dark #mukellefBulkModal select,
.theme-dark .fixed.inset-0[class*="bg-black"] input:not([type="checkbox"]):not([type="radio"]),
.theme-dark .fixed.inset-0[class*="bg-black"] select,
.theme-dark .fixed.inset-0[class*="bg-black"] textarea {
    background: #0f172a;
    border-color: #475569;
    color: #e2e8f0;
}
.theme-dark #modal .border-slate-100,
.theme-dark #modal .border-slate-200,
.theme-dark #tenantUserModal .border-slate-100,
.theme-dark #queueMukellefModal .border-slate-100,
.theme-dark .fixed.inset-0[class*="bg-black"] .border-slate-100,
.theme-dark .fixed.inset-0[class*="bg-black"] .border-slate-200 {
    border-color: #334155 !important;
}
.theme-dark #ebeyannameTurAyarModal .bg-white,
.theme-dark #ebeyannameSgkModal .bg-white {
    background: #1e293b !important;
    border-color: #334155;
    color: #e2e8f0;
}
.theme-dark #ebeyannameTurAyarModal input,
.theme-dark #ebeyannameSgkModal input,
.theme-dark #ebeyannameSgkModal select {
    background: #0f172a;
    border-color: #475569;
    color: #e2e8f0;
}