/* Shared presentation; existing action and status colors stay in styles.css. */
body { background-attachment: scroll; line-height: 1.45; }
body.light-theme {
  --panel: #fff; --panel-2: #f3f6fa; --panel-3: #eaf0f7;
  --line: #c4d0df; --field: #fff; --field-ink: #182c42;
  --muted: #52657b; --surface: #fff; --surface-soft: #f3f6fa;
}
#appView { background: #0a1624; }
body.light-theme #appView { background: #f3f6fa; }
#appView .sidebar { background: #102236; box-shadow: none; backdrop-filter: none; }
body.light-theme #appView .sidebar { background: #fff; border-color: #dce4ed; }
#appView .sidebar-user { border-radius: 6px; box-shadow: none; }
#appView .nav-item { border-radius: 6px; min-height: 42px; font-size: 14px; transition: background-color .15s, color .15s; }
#appView .nav-item.active { background: #245786; color: #fff; box-shadow: inset 3px 0 #76b7ff; }
body.light-theme #appView .nav-item.active { background: #e6f0fc; color: #144c87; box-shadow: inset 3px 0 #176fc5; }
body.light-theme #appView .nav-item:hover { background: #edf3fa; color: #144c87; }
#appView .topbar { gap: 16px; align-items: center; border-bottom: 1px solid var(--line); padding-bottom: 16px; }
#appView .topbar h2 { font-size: 24px; line-height: 1.25; }
#appView .topbar-actions { gap: 8px; flex-wrap: wrap; }
#appView .eyebrow { font-size: 12px; line-height: 1.5; }
#appView :is(.tool-button, .primary-button, .ghost-button, .danger-button) { min-height: 40px; border-radius: 6px; font-size: 13px; }
#appView :is(.report-card, .home-card, .definition-card, .participant-summary-card, .list-panel, .detail-panel) { border-radius: 8px; box-shadow: none; }
#appView .report-card { padding: 14px; min-height: 76px; gap: 10px; text-align: left; }
#appView .report-card .button-icon { width: 20px; height: 20px; flex-shrink: 0; }
#appView .home-card-header { padding-bottom: 12px; border-bottom: 1px solid var(--line); }
#appView .stat { padding: 14px 16px; }
#appView .stat strong { font-size: 30px; line-height: 1.2; font-variant-numeric: tabular-nums; }
#appView .stat span { font-size: 14px; }
#appView input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),
#appView select, #appView textarea,
.modal-panel input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),
.modal-panel select, .modal-panel textarea { border-radius: 6px; border: 1px solid var(--line); min-height: 40px; font-size: 14px; box-shadow: none; }
#appView :is(input[type=checkbox], input[type=radio]), .modal-panel :is(input[type=checkbox], input[type=radio]) {
  width: 18px; height: 18px; min-width: 18px; min-height: 18px; flex: 0 0 18px; accent-color: var(--blue);
}
:is(button, a, input, select, textarea, [tabindex]):focus-visible { outline: 3px solid #4c9deb; outline-offset: 3px; }
body.light-theme :is(button, a, input, select, textarea, [tabindex]):focus-visible { outline-color: #145fab; }
#appView :is(.report-actions, .report-toolbar, .transfer-report-filter, .accommodation-report-filter) { gap: 12px; flex-wrap: wrap; min-width: 0; }
#appView .report-actions > label { flex: 1 1 180px; min-width: 0; }
#appView .report-actions input { width: 100%; }
#appView .table-wrap { max-width: 100%; overflow: auto; overscroll-behavior-x: contain; }
#appView table { font-size: 13px; }
#appView th { font-weight: 700; }
#appView :is(th, td) { padding: 10px 12px; line-height: 1.4; }
body.light-theme #appView tbody tr:hover { background-color: #e9f2fc; }
#appView .status { font-size: 12px; line-height: 1.4; }
#appView #participantsView .split-layout { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); }
#appView :is(.status-pulse, .flight-status-badge) { animation: none; }
#appView :is(.list-panel, .detail-panel, .home-card, .module-view, .topbar) { backdrop-filter: none; }
#appView .content-view:not(.active-view) * { animation-play-state: paused; }
.modal-panel { border-radius: 8px; max-width: calc(100vw - 24px); }
.site-copyright { backdrop-filter: none; box-shadow: none; }
.skip-to-content { position: fixed; left: 16px; top: -80px; z-index: 10000; padding: 12px 18px; background: #fff; color: #144c87; border: 2px solid #176fc5; border-radius: 6px; }
.skip-to-content:focus { top: 12px; }
@media (max-width: 1120px) {
  #appView #participantsView .split-layout { grid-template-columns: minmax(0, 1fr); }
  #appView, #appView.sidebar-collapsed { grid-template-columns: minmax(0, 1fr); }
  #appView .sidebar { min-height: auto; padding: 12px; gap: 12px; }
  #appView .main-nav { display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 6px; padding: 4px 2px 8px; }
  #appView .main-nav .nav-item { flex: 0 0 auto; width: auto; padding: 10px 14px; }
  #appView .main-nav .nav-label { display: inline; }
  #appView .sidebar-toggle { display: none; }
  #appView .workspace { padding: 16px; min-width: 0; }
}
@media (max-width: 760px) {
  #appView .quick-filters { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  #appView .quick-filters > * { min-width: 0; width: 100%; white-space: normal; }
  #appView #participantsView td:nth-child(3)::before { content: "Giriş"; }
  #appView #participantsView td:nth-child(4)::before { content: "İşlem"; }
  #appView #participantsView .table-actions { display: flex; flex-direction: row; flex-wrap: wrap; gap: 8px; }
  body.light-theme #appView #participantsView tbody tr { background: #fff; border: 1px solid #c4d0df; }
  body.light-theme #appView #participantsView tbody tr.selected-row { background: #e6f0fc; }
  body.light-theme #appView #participantsView td::before { color: #455b73; }
  .site-copyright { position: static; transform: none; width: calc(100% - 24px); margin: 12px; }
  #appView .workspace { padding: 12px 12px 64px; }
  #appView .topbar { align-items: stretch; flex-direction: column; }
  #appView .topbar h2 { font-size: 21px; }
  #appView .topbar-actions { justify-content: flex-start; }
  #appView .topbar-actions > button { flex: 1 1 140px; }
  #appView .stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  #appView .stat { padding: 12px; }
  #appView .stat span { font-size: 13px; }
  #appView .report-actions { width: 100%; }
  #appView .report-actions > label { flex-basis: 100%; }
  #appView .report-actions > button { flex: 1 1 120px; }
  #appView :is(.module-grid, .definition-layout, .admin-grid, .course-grid) { grid-template-columns: minmax(0, 1fr); }
  #appView input:not([type=checkbox]):not([type=radio]), #appView select, #appView textarea,
  .modal-panel input:not([type=checkbox]):not([type=radio]), .modal-panel select, .modal-panel textarea { font-size: 16px; }
  #appView :is(.nav-item, .tool-button, .primary-button, .ghost-button, .danger-button) { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  #appView *, .modal-panel * { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}