/* Onart visual refresh. Presentation only: no hidden controls, no DOM or behavior changes. */
:root {
  color-scheme: light;
  --bg:#f7f8fb; --surface:#ffffff; --surface-0:#f7f8fb; --surface-1:#ffffff;
  --surface-2:#f3f5f9; --surface-3:#e9edf5;
  --border:#e2e7f0; --border-strong:#cbd4e2;
  --text-primary:#17243a; --text-secondary:#50617a; --text-muted:#697a92;
  --accent:#465bff; --accent-bg:#eef0ff; --accent-border:#c5cdff;
  --success:#14804a; --success-bg:#eaf8f0;
  --warning:#a66407; --warning-bg:#fff5e5;
  --danger:#d33046; --danger-bg:#fff0f2;
  --radius:9px; --onartGlow:none;
}
body {background:var(--bg);color:var(--text-primary);font-size:14px;line-height:1.5;}
button,input,select,textarea {font-family:var(--font);}
button {touch-action:manipulation;}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible {
  outline:3px solid #818fff!important;outline-offset:3px;
}
/* The original navigation buttons remain in place with their exact event handlers. */
#appScreen {position:relative;padding-left:222px;min-width:0;}
#appScreen .navbar {
  position:absolute;inset:0 auto 0 0;width:222px;height:100%;
  padding:24px 12px 14px;flex-direction:column;align-items:stretch;gap:4px;
  background:#142237;border:0;border-right:1px solid #233148;overflow-y:auto;z-index:20;
}
.navbar .nav-logo {font-size:0;color:white;margin:0 10px 24px;padding:0;white-space:normal;}
.navbar .nav-logo::before {content:'onart';display:block;font-size:34px;font-weight:850;letter-spacing:-2px;line-height:1.1;}
.navbar .nav-logo::after {content:'AJANS PANELİ';display:block;font-size:10px;letter-spacing:3px;color:#a3b1c7;margin-top:8px;}
.navbar .nav-btn {width:100%;min-height:41px;justify-content:flex-start;padding:10px 13px;color:#d0d9e7;font-size:13px;border-radius:8px;gap:11px;}
.navbar .nav-btn i {font-size:19px;}
.navbar .nav-btn:hover {background:#203149;color:white;}
.navbar .nav-btn.active {background:#2a3964;color:white;box-shadow:inset 3px 0 #7b89ff;}
.navbar .nav-spacer {min-height:20px;}
.navbar .nav-user {background:transparent;border-top:1px solid #344055;border-radius:0;padding:15px 2px 0;flex-wrap:wrap;gap:9px;}
.navbar .nav-name {color:#f3f6fc;flex:1;min-width:0;font-weight:600;}
.navbar .nav-avatar {width:32px;height:32px;background:#3b527e;}
.navbar .nav-user .nav-btn {width:auto;min-height:32px;padding:5px 8px;font-size:11px;}
.app-body {min-width:0;width:100%;}
.page {scrollbar-gutter:stable;}
/* All existing screen sections stay in their original order. */
body .page .page-inner,body #page-ayarlar,body .onart-pro-dashboard {
  background:var(--bg)!important;padding:28px 30px 40px!important;
}
body .page .page-header,body #page-ayarlar .onart-settings-head {
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;padding:0 0 20px!important;margin-bottom:20px!important;
  border-bottom:1px solid var(--border)!important;gap:16px;flex-wrap:wrap;overflow:visible;
}
body .page .page-header::after,body .onart-settings-head::after {content:none!important;}
body .page .page-header {flex-shrink:0;}
body #page-cekimplan .page-inner {flex:0 0 auto!important;}
body .page .page-title,body #page-ayarlar h2 {font-size:25px!important;font-weight:750!important;letter-spacing:-.6px;color:var(--text-primary)!important;}
body .page .page-sub,body #page-ayarlar .onart-settings-head p {color:var(--text-muted)!important;font-size:13px!important;line-height:1.6;}
body .page :is(.card,.dash-box,.firm-card,.kpi,.stat-card,.op-card,.op-kpi,.op-hero-main,.op-focus,
 .onart-ops-main,.onart-ops-card,.onart-admin-hero-main,.onart-admin-stat,.onart-modern-card,
 .onart-report-card,.onart-settings-sidebar,.onart-settings-main,.onart-data-card,
 .fin-v2-kpi,.fin-v2-card,.onart-share-firm-group,.role-dash-card,.role-dash-stat,
 .onart-prod-card,.graphic-plan-card,.weekly-shoot-settings) {
  background:#fff!important;background-image:none!important;border:1px solid var(--border)!important;
  box-shadow:0 2px 4px #17243a03!important;border-radius:12px!important;color:var(--text-primary);
}
body .page :is(.op-hero-main,.onart-ops-main,.onart-admin-hero-main)::after,
body .page .firm-card::before {content:none!important;}
body .page :is(.op-title,.op-card-title,.op-kpi-num,.op-focus .value,.onart-ops-title,
 .onart-admin-title,.onart-ops-card .num,.onart-admin-stat b,.onart-report-card h3) {color:var(--text-primary)!important;}
body .page :is(.op-subtitle,.onart-ops-desc,.onart-admin-desc,.onart-ops-card .hint,.onart-admin-stat small) {color:var(--text-secondary)!important;}
body .page :is(.card-sm,.op-firm,.op-board-card,.op-alert,.fin-v2-account,.onart-share-item) {
  background:#f8faff!important;border-color:var(--border)!important;box-shadow:none!important;
}
body .page .firm-card:hover {transform:none;box-shadow:0 5px 16px #1f31500a!important;border-color:var(--accent-border)!important;}
body .page .firm-card-row {background:transparent;border:0;border-bottom:1px solid var(--border);border-radius:0;margin:0;padding:8px 0;}
body :is(.btn,.op-btn) {border-radius:8px!important;font-weight:600!important;min-height:34px;line-height:1.35;}
body :is(.btn-primary,.op-btn.primary) {background:var(--accent)!important;color:white!important;border:1px solid var(--accent)!important;box-shadow:0 2px 3px #465bff12;}
body :is(.btn-secondary,.op-btn:not(.primary)) {background:white!important;color:var(--text-secondary)!important;border:1px solid var(--border-strong)!important;}
body .btn-danger {background:var(--danger-bg)!important;color:var(--danger)!important;}
body :is(.field input,.field select,.field textarea,.search-input),body #page-ayarlar :is(input,select,textarea),
body #page-ai .field :is(input,select,textarea),body #page-faturalar .field :is(input,select,textarea),
body .fin-v2-filter :is(input,select) {
  background:white!important;color:var(--text-primary)!important;border:1px solid var(--border-strong)!important;border-radius:8px!important;box-shadow:none;
}
body input::placeholder,body textarea::placeholder {color:#8491a5;}
body input[type=checkbox],body input[type=radio] {accent-color:var(--accent);}
body select option {background:white;color:var(--text-primary);}
body .badge {font-weight:600;padding:4px 8px;}
body :is(.badge-success,.op-status.good) {color:var(--success);background:var(--success-bg);}
body :is(.badge-warning,.op-status.warn) {color:var(--warning);background:var(--warning-bg);}
body :is(.badge-danger,.op-status.danger) {color:var(--danger);background:var(--danger-bg);}
body :is(.badge-accent,.op-status.accent) {color:var(--accent);background:var(--accent-bg);}
body .page :is(.ai-tabs,.finance-tabs,.finance-tabs-v2,.cal-filter-bar,.cal-legend) {background:white!important;border-color:var(--border)!important;box-shadow:none!important;border-radius:10px;}
body .page :is(.ai-tab,.finance-tab,.finance-tab-v2,.detay-tab,.onart-settings-tab) {font-weight:600!important;}
body .page :is(.ai-tab.active,.finance-tab.active,.finance-tab-v2.active,.detay-tab.active,.onart-settings-tab.active) {color:var(--accent)!important;background:var(--accent-bg)!important;border-color:var(--accent-border)!important;}
body #page-ai .ai-tab.active,body #page-faturalar .finance-tab.active {color:var(--accent)!important;background:var(--accent-bg)!important;}
body .page :is(.ai-panel.show,.finance-panel.show) {background:white!important;border-color:var(--border)!important;box-shadow:none!important;}
/* Tables retain their original columns, filters and actions. */
body .page :is(table th,table td) {border-bottom-color:var(--border)!important;}
body .page table th {background:#f7f9fc!important;color:var(--text-muted)!important;line-height:1.5;}
body .page table td {color:var(--text-secondary);}
body .page table tbody tr:hover {background:#f9faff;}
body #page-faturalar .fin-v2-table {min-width:760px;}
body #page-faturalar :is(.fin-v2-status.partial,.fin-v2-status.upcoming) {color:var(--accent);}
/* Calendar, shoot planning, content pool and drag handles keep their dimensions and events. */
body #page-takvim .cal-day {background:white!important;border:1px solid var(--border);box-shadow:none!important;border-radius:9px;}
body #page-takvim .cal-day:hover {transform:none;}
body #page-takvim .cal-day.today {background:#f0f2ff!important;border-color:#aab5ff;}
body :is(.cal-dn,.weekly-shoot-name,.weekly-day-title,.onart-prod-title) {color:var(--text-primary);}
body :is(.weekly-shoot-day,.weekly-shoot-item,.weekly-empty-slot,.onart-shoot-bundle,.onart-design-bundle) {background:white!important;border-color:var(--border)!important;box-shadow:none!important;color:var(--text-primary);}
/* Existing horizontal boards remain horizontally scrollable. */
body #page-icerik .k-col,body #page-tasarim .k-col {background:#f0f3f8!important;border:1px solid var(--border)!important;border-radius:12px;box-shadow:none!important;}
body #page-icerik .k-col-head,body #page-tasarim .k-col-head {background:transparent!important;border-bottom-color:var(--border)!important;}
body #page-icerik .k-card,body #page-tasarim .k-card {background:white!important;border:1px solid var(--border)!important;box-shadow:0 2px 4px #17243a05!important;border-radius:10px;}
body #page-icerik .k-card:hover,body #page-tasarim .k-card:hover {transform:none;border-color:var(--accent-border)!important;}
body :is(.k-card-firm-name,.k-card-type) {color:var(--text-secondary)!important;}
body :is(.k-col-count,.onart-caption-ai-mode) {background:var(--accent-bg)!important;color:var(--accent)!important;}
/* Detail panes, media dialogs, uploads and confirmation dialogs. */
body .modal-bg {background:#111e3266;backdrop-filter:blur(3px);}
body .modal {background:white!important;color:var(--text-primary);border:1px solid var(--border)!important;border-radius:15px;box-shadow:0 24px 80px #15233a29;}
body .modal :is(input:not([type=checkbox]):not([type=radio]),select,textarea) {color:var(--text-primary);background:white;border-color:var(--border-strong);}
body :is(.detay-sidebar,.detay-header) {background:white;border-color:var(--border);}
body :is(.onart-video-detail-card,.onart-design-detail-card,.onart-archive-card,.onart-meta-card) {background:white!important;border-color:var(--border)!important;color:var(--text-primary);box-shadow:none!important;}
body .onart-share-error {color:var(--danger)!important;}
body :is(.onart-media-archive-badge,.onart-media-archive-date,.onart-media-archive-type,.onart-meta-badge,.onart-meta-info,.onart-ig-lock-badge) {color:#3154b8;}
body :is(.onart-media-archive-stat,.onart-media-archive-item) {background:white;border-color:var(--border);}
body .onart-prod-mode-btn>div {display:flex;flex-direction:column;align-items:flex-start;}
body #page-ayarlar .onart-settings-stable-wrap {padding:0;}
body #page-ayarlar :is(.onart-settings-stable-hero,.onart-settings-side,.onart-settings-panel,.onart-settings-stat,.onart-settings-card2,.onart-settings-card3,.onart-settings-user-card,.onart-settings-perm,.onart-settings-placeholder) {
  background:white!important;background-image:none!important;border:1px solid var(--border)!important;box-shadow:none!important;border-radius:12px;
}
body #page-ayarlar .onart-settings-stable-hero::after {content:none;}
body #page-ayarlar :is(.onart-settings-stat b,.onart-settings-section-title,.onart-settings-card2 h4,.onart-settings-card3 h4) {color:var(--text-primary)!important;}
body #page-ayarlar :is(.onart-settings-tab2,.onart-settings-tab3) {color:var(--text-secondary);font-weight:600;}
body #page-ayarlar :is(.onart-settings-tab2.active,.onart-settings-tab3.active) {color:var(--accent);background:var(--accent-bg);}
body #page-ayarlar :is(.onart-settings-tab2:hover,.onart-settings-tab3:hover) {color:var(--accent);background:var(--accent-bg);}
body #page-ayarlar .onart-settings-warning {color:var(--warning);}
body #page-ayarlar .onart-settings-danger {color:var(--danger)!important;}
body :is(.op-empty,.onart-report-empty,.onart-share-empty) {background:#fafbfe!important;border-color:var(--border-strong)!important;}
/* Existing agency center uses the same visual system. */
body .au-panel {background:var(--bg);color:var(--text-primary);border-color:var(--border);}
body :is(.au-head,.au-tabs,.au-table th,.au-table td,.au-dialog-foot) {border-color:var(--border);}
body :is(.au-stat,.au-note,.au-note.unread) {background:white;border-color:var(--border);}
body .au-note.unread {border-left-color:var(--accent);}
body .au-note span,body .au-note small {color:var(--text-secondary);}
body :is(.au-head button,.au-row button,.au-table button,.au-dialog button,.au-quick button) {background:white;color:var(--text-secondary);border-color:var(--border-strong);}
body .au-form :is(input,select,textarea) {background:white;color:var(--text-primary);border-color:var(--border-strong);}
body .au-form label {color:var(--text-secondary);}
body .au-tab.active {background:var(--accent);color:white;}
/* Narrow screens use all original nav buttons in a scrollable navigation strip. */
@media(max-width:1100px) and (min-width:761px) {
  #appScreen{padding-left:190px}.navbar .nav-btn{font-size:12px;padding:9px 10px}#appScreen .navbar{width:190px}
  body .page .page-inner,body #page-ayarlar,body .onart-pro-dashboard{padding:22px 20px 32px!important}
  .firm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px) {
  #appScreen{padding-left:0;padding-top:0}
  #appScreen .navbar{position:relative;inset:auto;flex-direction:row;width:100%;height:auto;min-height:64px;max-height:90px;padding:10px;overflow-x:auto;overflow-y:hidden;align-items:center;flex-shrink:0;gap:6px}
  .navbar .nav-logo{margin:0 10px 0 0;min-width:74px}.navbar .nav-logo::before{font-size:25px}.navbar .nav-logo::after{font-size:7px;letter-spacing:1.5px;margin-top:3px}
  .navbar .nav-btn{width:auto;min-width:max-content;font-size:12px;padding:9px 11px;min-height:38px}
  .navbar .nav-spacer{min-height:0;min-width:8px}.navbar .nav-user{flex-wrap:nowrap;border:0;padding:0;min-width:max-content}.navbar .nav-name{font-size:11px}
  body .page .page-inner,body #page-ayarlar,body .onart-pro-dashboard{padding:18px 14px 30px!important}
  body .page .page-title{font-size:22px!important}.page-header{align-items:flex-start}
  .firm-grid,.dash-grid,.row3{grid-template-columns:1fr}.row2{grid-template-columns:1fr}
  .page .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page .page-header>.btn{max-width:100%}
  .modal-bg{padding:12px}.modal{max-width:100%;max-height:90dvh}
  .au-modal{padding:10px}.au-body{padding:14px}.au-head{padding:14px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;}}