/* Shared Bootstrap-compatible design tokens for every application role. */
:root {
  --ui-brand: #671637; --ui-accent: #98164a; --ui-bg: #f6f8fc; --ui-surface: #fff;
  --ui-text: #18243a; --ui-muted: #526277; --ui-line: #dfe6ef;
  --ui-success: #11875a; --ui-warning: #855200; --ui-error: #b52b3e;
  --ui-radius: 8px; --ui-card-radius: 12px; --ui-space: 16px;
}
body.compact-ui { --admin-sidebar-width: 224px; --admin-topbar-height: 60px; --admin-bg: var(--ui-bg); --admin-text: var(--ui-text); --admin-muted: var(--ui-muted); --admin-border: var(--ui-line); --admin-primary: var(--ui-brand); --admin-primary-dark: #4b1028; --admin-sidebar: var(--ui-brand); --admin-sidebar-active: #98164a; color: var(--ui-text); background: var(--ui-bg); font-size: .9rem; margin-bottom: 0; }
.compact-ui .admin-content { padding: 20px 24px; min-width: 0; }
.compact-ui .admin-main { min-width: 0; }
.compact-ui .admin-sidebar { background: linear-gradient(155deg, var(--ui-brand), #3b0d25); }
.compact-ui .sidebar-brand { min-height: 64px; padding: 12px; }
.compact-ui .sidebar-nav { padding: 8px 10px 20px; }
.compact-ui .sidebar-section { margin: 16px 8px 6px; font-size: .7rem; }
.compact-ui .sidebar-link { min-height: 44px; padding: 10px 12px; border-radius: var(--ui-radius); font-size: .83rem; gap: 12px; white-space: normal; }
.compact-ui .sidebar-link.active { background: var(--ui-accent); color: #fff; }
.compact-ui .sidebar-link i { flex-shrink: 0; font-size: 1rem; }
.compact-ui .sidebar-module-links { display: flex; flex-direction: column; gap: 2px; }
.compact-ui .sidebar-module-links small { display: none; }
.compact-ui .sidebar-module-links .badge { margin-left: auto; }
.compact-ui .sidebar-subnav { margin: 0; padding: 0; border: 0; }
.compact-ui .sidebar-link.disabled { opacity: .65; pointer-events: none; }
.compact-ui .admin-topbar { min-height: 60px; height: auto; gap: 12px; padding: 8px 20px; background: var(--ui-surface); border-bottom: 1px solid var(--ui-line); }
.compact-ui .topbar-left, .compact-ui .topbar-actions { min-width: 0; gap: 12px; }
.compact-ui .topbar-left { flex: 1; }
.compact-ui .topbar-title { font-size: .9rem; }
.compact-ui .topbar-subtitle { font-size: .72rem; }
.compact-ui .topbar-search { position: relative; max-width: 320px; }
.compact-ui .topbar-search input { width: 100%; background: #f6f9fd; border-color: var(--ui-line); font-size: .8rem; }
.ui-active-exam-host { display: flex; align-items: center; gap: 8px; min-width: 0; max-width: 520px; flex: 1; }
.ui-active-exam-host .sinav-panel-select-main { flex: 1; min-width: 0; }
.ui-active-exam-host .form-select { font-size: .8rem; background-color: #f6f9fd; min-height: 44px; }
.ui-active-exam-host #sinavPanelSelectButton { padding: 8px 12px; min-width: auto; width: auto; font-size: .8rem; white-space: nowrap; border-radius: var(--ui-radius); }
.ui-active-exam-host:empty { display: none; }
.ui-active-exam-host:not(:empty) + div:has(.topbar-title) { display: none; }
.compact-ui .btn, .compact-ui .icon-button, .compact-ui .form-control, .compact-ui .form-select, .compact-ui .user-menu { border-radius: var(--ui-radius); min-height: 44px; }
.compact-ui .btn { display: inline-flex; align-items: center; justify-content: center; gap: 4px; font-size: .85rem; }
.compact-ui .btn-sm { min-height: 44px; }
.compact-ui .btn-danger { --bs-btn-bg: var(--ui-error); --bs-btn-border-color: var(--ui-error); }
.compact-ui .text-muted { color: var(--ui-muted) !important; }
.compact-ui .card, .compact-ui .sinav-panel-subcard, .compact-ui .sinav-panel-selected-classes { border: 1px solid var(--ui-line); border-radius: var(--ui-card-radius); box-shadow: 0 2px 8px #18243a06; }
.compact-ui .card-header { background: var(--ui-surface); border-color: var(--ui-line); padding: 16px; border-radius: var(--ui-card-radius) var(--ui-card-radius) 0 0; }
.compact-ui .card-body { padding: 16px; }
.compact-ui .card-header h2, .compact-ui .card-header h3 { font-size: 1rem; font-weight: 700; }
.compact-ui h1 { font-size: clamp(1.35rem, 2vw, 1.65rem); font-weight: 700; line-height: 1.3; }
.compact-ui .form-label { font-weight: 600; color: var(--ui-text); font-size: .85rem; }
.compact-ui .form-control, .compact-ui .form-select { border-color: #bcc9d9; font-size: .85rem; }
.compact-ui .form-check { min-height: 32px; }
.compact-ui .form-check-input { width: 1.1em; height: 1.1em; }
.compact-ui .alert { border-radius: var(--ui-radius); padding: 12px 16px; font-size: .85rem; }
.compact-ui .badge { font-size: .73rem; line-height: 1.3; font-weight: 600; }
.compact-ui .table { --bs-table-color: var(--ui-text); --bs-table-border-color: #e6ecf3; font-size: .83rem; }
.compact-ui .table > :not(caption) > * > * { padding: 10px 12px; }
.compact-ui .table > thead { position: sticky; top: 0; z-index: 2; background: #f2f5fa; }
.compact-ui .table > tbody > tr:hover > td { background-color: #f8fafc; }
.compact-ui .table-responsive { overflow: auto; max-height: 70vh; border-radius: var(--ui-radius); scrollbar-width: thin; }
.compact-ui .table-responsive:focus-visible { outline-offset: -3px; }
.compact-ui .modal-content { border-radius: var(--ui-card-radius); border: 1px solid var(--ui-line); }
.compact-ui .modal-header, .compact-ui .modal-footer { padding: 16px; }
.compact-ui .metric-card { border-radius: var(--ui-card-radius); padding: 16px; box-shadow: 0 2px 8px #18243a06; }
.compact-ui .dashboard-hero { background: white; border: 1px solid var(--ui-line); border-radius: var(--ui-card-radius); color: var(--ui-text); box-shadow: none; padding: 20px; }
.compact-ui .dashboard-hero::after { display: none; }
.compact-ui .dashboard-eyebrow { color: var(--ui-accent); }
.compact-ui .dashboard-hero-copy { color: var(--ui-muted); }
.compact-ui .dashboard-hero .btn-primary { background: var(--ui-brand); color: white; border-color: var(--ui-brand); }
.compact-ui .dashboard-hero .btn-outline-secondary { color: var(--ui-brand); border-color: var(--ui-line); }
.compact-ui .sinav-panel-heading { margin-bottom: 2px; }
.compact-ui .sinav-panel-heading-icon { width: 48px; height: 48px; border-radius: var(--ui-radius); background: #f8e9ef; color: var(--ui-brand); font-size: 1.5rem; }
.compact-ui .sinav-panel-inline-action { width: auto; height: auto; }
.compact-ui .sinav-panel-tip { display: none; }
.compact-ui .sinav-panel-module > .card > .card-header { flex-wrap: wrap; }
.compact-ui .sinav-panel-flow-actions .btn { min-height: 44px; border-width: 1px; box-shadow: none; font-weight: 500; border-radius: var(--ui-radius); }
.ui-workflow-tabs { display: flex; gap: 4px; align-items: center; overflow-x: auto; padding: 0 0 8px; margin-bottom: 16px; border-bottom: 1px solid var(--ui-line); scrollbar-width: thin; }
.ui-workflow-tab { flex: 0 0 auto; border: 0; border-radius: 8px 8px 0 0; border-bottom: 3px solid transparent; background: transparent; color: var(--ui-muted); min-height: 44px; padding: 10px 16px; font-weight: 600; font-size: .85rem; }
.ui-workflow-tab[aria-selected=true] { color: var(--ui-brand); background: #f9edf2; border-bottom-color: var(--ui-accent); }
[data-ui-pane][hidden] { display: none !important; }
.ui-critical-actions { margin-top: 16px; padding: 16px; border: 1px solid #f0ccd3; border-radius: var(--ui-radius); background: #fff8f9; }
.ui-critical-actions > h3 { font-size: .95rem; margin-bottom: 12px; }
.ui-skip-link { position: fixed; left: 12px; top: -100px; z-index: 2000; background: var(--ui-brand); color: #fff; padding: 12px 16px; border-radius: var(--ui-radius); }
.ui-skip-link:focus { top: 12px; color: #fff; }
.compact-ui :where(a, button, input, select, textarea, [tabindex]):focus-visible { outline: 3px solid #2465b0; outline-offset: 3px; box-shadow: none; }
.compact-ui .sidebar-link:focus-visible { outline-color: #ffcd85; outline-offset: -3px; }
.ui-search-results { position: absolute; top: 100%; right: 0; z-index: 1100; width: min(360px, 90vw); padding: 8px; margin-top: 6px; border: 1px solid var(--ui-line); background: white; border-radius: var(--ui-radius); box-shadow: 0 8px 24px #18243a20; }
.ui-search-results a { display: block; padding: 10px 12px; color: var(--ui-text); text-decoration: none; border-radius: 6px; }
.ui-search-results a:hover { background: #f6edf2; }
.ui-empty-state { padding: 32px 16px; text-align: center; color: var(--ui-muted); }
.ui-empty-state > i { display: block; font-size: 2rem; color: var(--ui-brand); margin-bottom: 12px; }
.ui-class-tools { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 12px; }
.ui-class-tools input { max-width: 320px; }
.ui-class-more { margin-top: 12px; }
.compact-ui .ui-class-card { padding: 12px 16px; }
.compact-ui .sinav-panel-selected-class-item { border-radius: var(--ui-radius); border-color: var(--ui-line); }
@media (min-width: 992px) { .compact-ui .sidebar-backdrop { display: none !important; } }
@media (max-width: 1199.98px) { .compact-ui .topbar-search { max-width: 240px; } .compact-ui .topbar-title, .compact-ui .topbar-subtitle { display: none; } .ui-active-exam-host { max-width: 400px; } .compact-ui .topbar-actions { gap: 8px; } }
@media (max-width: 991.98px) { .compact-ui .admin-topbar { flex-wrap: wrap; padding: 8px 12px; } .compact-ui .admin-content { padding: 16px; } .compact-ui .user-name { display: none; } .ui-active-exam-host { max-width: none; } .compact-ui .topbar-actions > form:not(.topbar-search) .btn { font-size: .75rem; } }
@media (max-width: 575.98px) { .compact-ui .admin-content { padding: 12px; } .compact-ui .topbar-left { width: 100%; } .compact-ui .topbar-actions { width: 100%; justify-content: flex-end; flex-wrap: wrap; } .compact-ui .topbar-search { flex: 1; max-width: none; } .compact-ui .btn { white-space: normal; } .compact-ui .sinav-panel-selection-header { align-items: stretch; } .compact-ui .sinav-panel-action-strip { gap: 8px; } .compact-ui .sinav-panel-selection-actions .btn { min-width: 0; } .compact-ui .sinav-panel-heading p { font-size: .8rem; } }
@media (prefers-reduced-motion: reduce) { .compact-ui *, .compact-ui *::before, .compact-ui *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; } }
@media print { .compact-ui .admin-sidebar, .compact-ui .admin-topbar, .ui-workflow-tabs, .ui-skip-link { display: none !important; } .compact-ui .admin-shell { padding-left: 0; } .compact-ui .table-responsive { overflow: visible; max-height: none; } }
.ui-workflow-guidance { width: 100%; margin: 0; color: var(--ui-muted); font-size: .8rem; }
.compact-ui [data-ui-tabs] > .card > .ui-workflow-tabs { margin: 8px 16px 0; }
.compact-ui #sinavPanelModule-sonuc [data-ui-pane] { width: 100%; }
.compact-ui .ui-critical-actions > a, .compact-ui .ui-critical-actions > form { margin: 4px 0; }
.compact-ui .sinav-panel-candidate-list-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.compact-ui .sinav-panel-candidate-list-grid > :nth-child(n+5) { grid-column: auto; }
@media (max-width: 1199.98px) { .compact-ui .sinav-panel-candidate-list-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575.98px) { .compact-ui .sinav-panel-candidate-list-grid { grid-template-columns: 1fr; } }
.ui-page-breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; color: var(--ui-muted); font-size: .8rem; }
.ui-page-breadcrumb a { color: var(--ui-brand); text-decoration: none; min-height: 32px; display: inline-flex; align-items: center; }
.ui-maintenance-card { max-width: 680px; width: 100%; }
.ui-error-state { max-width: 850px; margin: 24px auto; }
.compact-ui .topbar-search { display: flex; width: min(22vw, 260px); height: 44px; }
.compact-ui .user-name { max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 991.98px) { .compact-ui .topbar-search { width: auto; } }
.ui-exam-picker { position: relative; min-width: 0; }
.ui-exam-picker summary { list-style: none; cursor: pointer; }
.ui-exam-picker summary::-webkit-details-marker { display: none; }
.ui-exam-picker-panel { position: absolute; top: calc(100% + 8px); left: 0; z-index: 1100; width: min(420px, 85vw); padding: 16px; background: white; border: 1px solid var(--ui-line); border-radius: var(--ui-card-radius); box-shadow: 0 8px 24px #18243a20; }
.ui-exam-overview { margin-bottom: 16px; }
.ui-kpi-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin-bottom: 12px; }
.ui-kpi-grid .metric-card strong { font-size: 1.4rem; overflow-wrap: anywhere; }
.ui-exam-statuses { display: flex; flex-wrap: wrap; gap: 12px 24px; padding: 12px 16px; background: white; border: 1px solid var(--ui-line); border-radius: var(--ui-radius); font-size: .8rem; color: var(--ui-muted); }
@media (max-width: 1199.98px) { .ui-kpi-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 575.98px) { .ui-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Text remains readable on light status surfaces; badge backgrounds keep their existing meanings. */
.compact-ui .text-warning { color: var(--ui-warning) !important; }
.compact-ui .text-danger { color: #9d2034 !important; }
.compact-ui .btn-outline-secondary { --bs-btn-color: var(--ui-muted); --bs-btn-border-color: #69788a; }
.compact-ui .login-quick-text small { color: var(--ui-muted); }


/* Reference layouts: compact navigation with module-specific content surfaces. */
.compact-ui .sinav-panel-heading { align-items: center; min-height: 72px; }
.compact-ui .sinav-panel-intro { flex: 0 1 480px; gap: 12px; padding: 12px 16px; border-radius: 12px; background: #eaf3ff; border-color: #d8e8ff; }
.compact-ui .sinav-panel-intro > i { display: grid; place-items: center; flex-shrink: 0; width: 44px; height: 44px; padding: 0; font-size: 1.4rem; }
.compact-ui .sinav-panel-intro strong { color: #174c86; font-size: .85rem; }
.compact-ui .sinav-panel-intro p { color: #486589; font-size: .78rem; line-height: 1.5; }
.compact-ui [data-active-module="aday"] .sinav-panel-intro > i { background: #ffe0a3; color: #855200; }
.compact-ui [data-active-module="kitapcik"] .sinav-panel-intro,
.compact-ui [data-active-module="gorevli"] .sinav-panel-intro { background: #fff1f5; border-color: #f0d6e0; }
.compact-ui [data-active-module="kitapcik"] .sinav-panel-intro strong,
.compact-ui [data-active-module="gorevli"] .sinav-panel-intro strong { color: var(--ui-brand); }
.compact-ui .ui-kpi-grid .metric-card { display: flex; align-items: center; gap: 12px; min-height: 92px; padding: 14px; border: 1px solid #dce8f8; background: #f0f6ff; }
.compact-ui .ui-kpi-grid .metric-card > i { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 10px; background: #dceaff; font-size: 1.3rem; flex-shrink: 0; }
.compact-ui .ui-kpi-grid .metric-card span { display: block; font-size: .76rem; color: var(--ui-muted); }
.compact-ui .ui-kpi-grid .metric-card strong { display: block; margin-top: 3px; font-size: 1.65rem; color: var(--ui-text); line-height: 1.15; }
.compact-ui .ui-kpi-grid .metric-card:nth-child(2) { background: #eef9f3; border-color: #d0ecdd; }
.compact-ui .ui-kpi-grid .metric-card:nth-child(2) > i { background: #d8f0e4; }
.compact-ui .ui-kpi-grid .metric-card:nth-child(3) { background: #fff7ef; border-color: #f4dfc5; }
.compact-ui .ui-kpi-grid .metric-card:nth-child(3) > i { background: #f9e7cc; }
.compact-ui .ui-kpi-grid .metric-card:nth-child(5) { background: #faf0f5; border-color: #eed7e3; }
.compact-ui .ui-exam-statuses > span { display: flex; align-items: center; gap: 6px; }
.compact-ui .ui-exam-statuses strong { padding: 4px 8px; border-radius: 6px; background: #f0f4f9; color: var(--ui-text); font-weight: 600; }
.compact-ui .sinav-panel-module > .card { background: transparent; border: 0; box-shadow: none; }
.compact-ui .sinav-panel-module > .card > .card-header { background: transparent !important; padding: 0 0 12px; }
.compact-ui .sinav-panel-module > .card > .card-body { padding: 0; }
.compact-ui .sinav-panel-module .sinav-panel-subcard { background: white; padding: 16px 18px; border: 1px solid var(--ui-line); border-radius: 12px; box-shadow: 0 2px 8px #18243a06; }
.compact-ui [data-ui-tabs] > .card > .ui-workflow-tabs { margin: 0 0 16px; padding-bottom: 0; }
.compact-ui .sinav-panel-selection-header { background: white !important; padding: 18px !important; border-radius: 12px 12px 0 0; }
.compact-ui #sinavPanelModule-sinav-yonetimi > .card > .card-body { background: white; padding: 18px; border-radius: 0 0 12px 12px; border: 1px solid var(--ui-line); border-top: 0; }
.compact-ui #sinavPanelOdemeTamamlananButton { background: #eef9f3; border-color: #cde9da; }
.compact-ui #sinavPanelOdemeKabulEdilmeyenButton { background: #fff1f3; border-color: #f0d3dc; }
.compact-ui .sinav-panel-payment-summary { min-height: 110px; border-radius: 12px; padding: 20px; }
.compact-ui .sinav-panel-payment-count { font-size: 2.1rem; }
.compact-ui .sinav-panel-payment-summary .fw-semibold { font-size: .95rem; }
.compact-ui .sinav-panel-candidate-list-grid { gap: 12px; }
.compact-ui .sinav-panel-candidate-list-grid > a:nth-child(-n+3),
.compact-ui .sinav-panel-candidate-list-grid > form:nth-child(4) > button { gap: 12px; padding: 12px; min-height: 78px; }
.compact-ui .sinav-panel-candidate-list-grid > a > span,
.compact-ui .sinav-panel-candidate-list-grid > form > button > span { min-width: 0; }
.compact-ui .sinav-panel-candidate-list-grid strong { font-size: .8rem; }
.compact-ui .sinav-panel-candidate-list-grid small { font-size: .73rem; }
.compact-ui .sinav-panel-candidate-section-title { gap: 12px; }
.compact-ui #sinavPanelAdayExcelKilitButton { position: relative; z-index: 1; }
.compact-ui .sinav-panel-candidate-dropzone { min-height: 80px; background: #f5f8fd; border-radius: 8px; }
.compact-ui .card-header .sinav-panel-action-strip { background: white; border: 1px solid var(--ui-line); padding: 12px; border-radius: 10px; }
.compact-ui .table > thead > tr > th { color: #354b6a; background: #f1f5fb; font-weight: 600; }
.compact-ui .sinav-panel-selected-classes { background: white; }
.compact-ui .sinav-panel-selected-class-item { background: #f9fbfe; padding: 12px; }
@media (max-width: 1199.98px) { .compact-ui .sinav-panel-intro { flex-basis: 340px; } }
@media (max-width: 767.98px) { .compact-ui .sinav-panel-intro { flex: auto; width: 100%; max-width: none; } .compact-ui .sinav-panel-heading { align-items: stretch; gap: 12px; } }
@media (max-width: 575.98px) { .compact-ui .ui-kpi-grid .metric-card { flex-direction: column; align-items: flex-start; padding: 12px; } .compact-ui .ui-kpi-grid .metric-card strong { font-size: 1.4rem; } }

.compact-ui #sinavPanelModule-sinav-yonetimi > .card > .sinav-panel-selection-header { background: white !important; padding: 18px !important; }
.compact-ui .sinav-panel-subcard .sinav-panel-action-strip { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.compact-ui .sinav-panel-subcard .sinav-panel-action-strip input[type="search"] { flex: 1 1 240px; width: auto; min-width: 0; }
.compact-ui .sinav-panel-candidate-list-grid > form:nth-child(4) > button > i:first-child { color: #11875a; }

.compact-ui #sinavPanelModule-gorevli .sinav-panel-subcard:has(#sinavPanelIhtiyacToplam) .row > div > .border { background: #f1f6fd; border-color: #dce8f8 !important; border-radius: 10px !important; }
.compact-ui #sinavPanelModule-gorevli .sinav-panel-subcard:has(#sinavPanelIhtiyacToplam) .row > div:nth-child(2n) > .border { background: #f2faf6; border-color: #d5eadf !important; }
.compact-ui #sinavPanelModule-gorevli .sinav-panel-subcard:has(#sinavPanelIhtiyacToplam) .row > div:last-child > .border { background: #fff1f3; border-color: #efd2db !important; }
.compact-ui .ui-result-file-prompt { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; min-height: 156px; margin-bottom: 12px; padding: 20px; border: 1px dashed #9bb5d8; border-radius: 10px; background: #f5f8fd; color: #486589; cursor: pointer; text-align: center; }
.compact-ui .ui-result-file-prompt > i { font-size: 2rem; color: #617fa7; }
.compact-ui .ui-result-file-prompt > span { font-size: .8rem; }
.compact-ui .ui-result-upload > .fw-semibold::before { content: ""; display: inline-block; width: 4px; height: 18px; margin-right: 8px; background: var(--ui-accent); vertical-align: middle; border-radius: 2px; }