:root{
  --bg:#F5F7FA;
  --surface:#FFFFFF;
  --surface-soft:#F8FAFC;
  --sidebar:#0F172A;
  --sidebar-2:#111C32;
  --text:#111827;
  --text-soft:#374151;
  --muted:#6B7280;
  --line:#E5E7EB;
  --line-strong:#D1D5DB;
  --accent:#B48A2C;
  --accent-soft:#F7EBCB;
  --accent-dark:#7A5A18;
  --green:#15803D;
  --green-soft:#DCFCE7;
  --yellow:#B7791F;
  --yellow-soft:#FEF3C7;
  --red:#B91C1C;
  --red-soft:#FEE2E2;
  --blue-soft:#EAF1FF;
  --shadow:0 10px 28px rgba(15,23,42,.07);
  --radius:16px;
  --radius-lg:22px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14.5px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit}.app-shell{display:flex;min-height:100vh}
.sidebar{width:272px;background:var(--sidebar);color:#E5E7EB;padding:18px 16px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.08);box-shadow:10px 0 26px rgba(15,23,42,.14);z-index:10}
.brand{display:flex;gap:12px;align-items:center;padding:8px 8px 16px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:12px}.brand-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(180,138,44,.14);border:1px solid rgba(180,138,44,.55);color:#F5D778;font-weight:800;letter-spacing:-.04em}.brand-copy strong{display:block;font-size:17px;letter-spacing:-.02em;color:#fff}.brand-copy small{display:block;margin-top:1px;color:#9CA3AF;font-size:12px}.sidebar-nav{overflow:auto;padding-right:4px;display:grid;gap:12px;scrollbar-width:thin}.nav-group{display:grid;gap:4px}.nav-section-title{font-size:11px;font-weight:800;color:#8A94A6;text-transform:uppercase;letter-spacing:.08em;padding:7px 10px 4px}.nav-link{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px;padding:8px 10px;border-radius:10px;text-decoration:none;color:#D1D5DB;font-weight:650;font-size:13.5px;transition:background .15s ease,color .15s ease}.nav-link:hover{background:rgba(255,255,255,.07);color:#fff}.nav-link.active{background:rgba(180,138,44,.18);color:#fff;border:1px solid rgba(180,138,44,.28)}.nav-link.muted-link{color:#9CA3AF;font-weight:600}.sidebar-footer{margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}.sidebar-version{font-size:12px;color:#F5D778;background:rgba(180,138,44,.11);border:1px solid rgba(180,138,44,.24);border-radius:12px;padding:8px 10px;text-align:center;font-weight:750}.logout{display:flex;align-items:center;justify-content:center;margin-top:10px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#fff;text-decoration:none;font-weight:750;padding:10px 12px}.logout:hover{background:rgba(255,255,255,.12)}
.main{flex:1;min-width:0;padding:24px 30px 42px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}.topbar-left{display:flex;align-items:center;gap:12px;min-width:0}.menu-toggle{display:none;width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:20px;cursor:pointer}.eyebrow{font-size:11px;font-weight:850;color:var(--accent-dark);text-transform:uppercase;letter-spacing:.08em}.topbar h1{margin:2px 0 0;font-size:26px;line-height:1.15;letter-spacing:-.035em;color:var(--text)}.userbox{background:var(--surface);border:1px solid var(--line);padding:10px 14px;border-radius:14px;box-shadow:var(--shadow);text-align:right;min-width:210px}.userbox span{display:block;font-weight:800;color:var(--text)}.userbox small{display:block;color:var(--muted);margin-top:2px}.muted{color:var(--muted)}
.grid{display:grid;gap:16px}.grid.cards{grid-template-columns:repeat(6,minmax(145px,1fr))}.section{margin-top:18px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-head h2{font-size:17px;margin:0;letter-spacing:-.02em}.section-head a,.section-links a{color:var(--accent-dark);font-weight:800;text-decoration:none;font-size:13px}.section-links{display:flex;gap:12px;flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow)}.metric-card{min-height:126px}.metric-label{color:var(--muted);font-size:12.5px;font-weight:800}.metric-value{font-size:23px;font-weight:850;margin-top:7px;letter-spacing:-.035em;line-height:1.18}.metric-note{font-size:12.5px;color:var(--muted);margin-top:8px;line-height:1.42}.small-metric{font-size:16px!important;line-height:1.25;word-break:break-word}.page-intro{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow);color:var(--text-soft)}.page-intro strong{color:var(--text)}
.hero-dashboard{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;background:linear-gradient(135deg,#FFFFFF,#F8FAFC);border:1px solid var(--line);border-radius:26px;padding:24px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-dashboard:before{content:"";position:absolute;inset:0 0 auto auto;width:280px;height:280px;background:radial-gradient(circle,rgba(180,138,44,.13),transparent 65%);pointer-events:none}.hero-dashboard h2{font-size:25px;margin:4px 0 8px;letter-spacing:-.035em}.hero-dashboard p{margin:0;color:var(--text-soft)}.hero-dashboard.red{border-left:5px solid var(--red)}.hero-dashboard.yellow{border-left:5px solid var(--yellow)}.hero-dashboard.green{border-left:5px solid var(--green)}.score-ring{width:104px;height:104px;border-radius:50%;display:grid;place-items:center;border:8px solid var(--accent-soft);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);text-align:center}.score-ring span{font-size:28px;font-weight:900;color:var(--text)}.score-ring small{font-size:11px;color:var(--muted);font-weight:800;line-height:1.2}.hero-actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;position:relative;z-index:1}.dashboard-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-soft)}table{width:100%;border-collapse:separate;border-spacing:0}th,td{padding:12px 13px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;vertical-align:middle}th{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.045em;background:#F9FAFB;font-weight:850}tr:last-child td{border-bottom:0}tbody tr:hover td{background:#FCFCFD}.empty,.empty-state{color:var(--muted);text-align:center}.empty{padding:18px}.error-card,.error-box{border-color:#FCA5A5;background:#FFF7F7}code{display:block;background:#0F172A;color:#E5E7EB;padding:10px 12px;border-radius:12px;white-space:pre-wrap;overflow:auto}.flash{background:var(--green-soft);border:1px solid #BBF7D0;color:#166534;padding:12px 14px;border-radius:14px;margin-bottom:16px}.upgrade-confirm{background:var(--blue-soft);border:1px solid #C7D7FE;color:#1E3A8A;padding:12px 14px;border-radius:14px;margin-bottom:16px}.upgrade-confirm a{font-weight:800;color:#1E40AF}.help-box{background:#F9FAFB;border:1px dashed var(--line-strong);border-radius:var(--radius);padding:14px;color:var(--text-soft)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;background:var(--sidebar);color:white;border:1px solid transparent;border-radius:11px;padding:9px 13px;text-decoration:none;cursor:pointer;font-weight:800;font-size:13px;box-shadow:none}.btn:hover{filter:brightness(1.03)}.btn.gold,.btn-gold{background:var(--accent);color:#fff}.btn.light,.btn-light{background:#F3F4F6;color:#111827;border-color:var(--line)}.btn.danger{background:var(--red);color:#fff}.mini-btn{min-height:32px;padding:6px 10px;border-radius:9px;font-size:12px}.actions{margin-top:14px;display:flex;gap:9px;flex-wrap:wrap}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.form{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px}.compact-form{grid-template-columns:repeat(3,minmax(150px,1fr))}.scenario-form{grid-template-columns:repeat(6,minmax(140px,1fr))}.form label,.compact-form label,.scenario-form label{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--muted);font-weight:800}input,select,textarea{border:1px solid var(--line-strong);border-radius:11px;padding:10px 11px;font:inherit;background:#fff;color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(180,138,44,.13)}textarea{min-height:104px}.span-2{grid-column:span 2}.span-3,.compact-form .span-3,.scenario-form .span-3,.report-form .span-3{grid-column:1/-1}
.badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:850;white-space:nowrap;background:#F3F4F6;color:#374151}.badge.green{background:var(--green-soft);color:#166534}.badge.yellow{background:var(--yellow-soft);color:#92400E}.badge.red{background:var(--red-soft);color:#991B1B}.badge.gray{background:#F3F4F6;color:#374151}.text-red{color:var(--red)!important}.text-green{color:var(--green)!important}
.mini-flow{display:grid;gap:9px}.mini-flow-row{display:grid;grid-template-columns:125px 1fr 150px;align-items:center;gap:12px}.mini-flow-row strong,.mini-flow-row small{display:block}.mini-flow-row small{color:var(--muted);font-size:12px}.bar{height:8px;border-radius:999px;background:#EEF2F7;overflow:hidden}.bar span{display:block;height:100%;border-radius:999px;background:var(--accent)}.mini-amount{text-align:right;font-weight:850}.action-list,.performance-list,.risk-logic-list,.alert-stack{display:grid;gap:10px}.action-item{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);background:#FAFAFA;border-radius:14px;padding:12px}.action-item p{margin:0;color:var(--text-soft)}.perf-row{display:grid;grid-template-columns:180px 1fr 62px;gap:12px;align-items:center}.perf-row strong,.perf-row small{display:block}.perf-row small{color:var(--muted);font-size:12px}.progress{height:8px;border-radius:999px;background:#EEF2F7;overflow:hidden}.progress span{display:block;height:100%;background:var(--accent);border-radius:999px}.cfo-draft{line-height:1.7;color:var(--text-soft);background:#FAFAFA;border:1px solid var(--line);border-radius:16px;padding:15px}
.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#0F172A,#1E293B)}.login-card{width:min(440px,92vw);background:var(--surface);border-radius:24px;padding:28px;border:1px solid var(--line);box-shadow:0 30px 80px rgba(0,0,0,.25)}.login-card h1{margin:0 0 8px;letter-spacing:-.04em}.login-card p{color:var(--muted)}
.bank-kpi-grid,.scenario-kpis,.saas-kpis.grid.cards{grid-template-columns:repeat(4,minmax(170px,1fr))}.scenario-form .actions{align-self:end;margin-top:0}.risk-filter-form{grid-template-columns:1fr 260px auto;align-items:end}.risk-row.red td{background:rgba(254,226,226,.25)}.risk-row.yellow td{background:rgba(254,243,199,.22)}.risk-row.green td{background:rgba(220,252,231,.15)}.risk-score-pill{width:70px;min-height:52px;border-radius:14px;display:grid;place-items:center;text-align:center;border:1px solid var(--line);background:#F9FAFB}.risk-score-pill strong{font-size:21px;line-height:1;font-weight:900}.risk-score-pill small{font-size:10px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.04em}.recommendation-cell,.pipeline-note{white-space:normal!important;line-height:1.45;color:var(--text-soft);font-size:13px}.risk-logic-list div{display:grid;grid-template-columns:88px 1fr;gap:12px;padding:13px;border-radius:14px;background:#FAFAFA;border:1px solid var(--line);align-items:center}.risk-logic-list strong{font-size:18px;color:var(--sidebar)}
.alert-board{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;align-items:start}.alert-card{border:1px solid var(--line);border-left:5px solid var(--muted);border-radius:16px;background:white;padding:16px;box-shadow:var(--shadow)}.alert-card.critical,.alert-card.high{border-left-color:var(--red)}.alert-card.medium{border-left-color:var(--yellow)}.alert-card.low{border-left-color:var(--green)}.alert-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.alert-title h3{margin:0 0 6px;font-size:17px}.alert-title p{margin:0;color:var(--muted)}.alert-meta,.alert-actions,.task-meta,.inline-actions{display:flex;gap:7px;flex-wrap:wrap}.alert-meta,.alert-actions{margin-top:12px}.task-board{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px}.task-column,.pipeline-column{background:#F8FAFC;border:1px solid var(--line);border-radius:18px;padding:14px;min-height:180px}.task-column h3,.pipeline-column h3{margin:0 0 11px;font-size:15.5px;display:flex;justify-content:space-between;gap:8px}.task-card,.pipeline-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:13px;margin-bottom:10px;box-shadow:0 8px 22px rgba(15,23,42,.05)}.task-card h4{margin:0 0 6px;font-size:15px}.task-card p,.pipeline-card p{margin:7px 0 0;color:var(--muted)}.side-note{padding:16px;border-radius:18px;background:#111827;color:white}.side-note p{color:#D1D5DB}
.pipeline-board{display:grid;grid-template-columns:repeat(6,minmax(205px,1fr));gap:14px;align-items:start}.pipeline-title{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.pipeline-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.pipeline-meta span{font-size:12px;font-weight:800;background:#F9FAFB;border:1px solid var(--line);border-radius:999px;padding:5px 8px}.sales-sheet{background:white;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:var(--shadow)}.sales-hero{display:flex;justify-content:space-between;gap:22px;align-items:stretch;background:#0F172A;color:white;border-radius:22px;padding:24px}.sales-hero h2{font-size:29px;letter-spacing:-.04em;margin:7px 0}.sales-hero p{color:#DCE5EF;max-width:760px}.sales-price{min-width:220px;background:rgba(255,255,255,.08);border:1px solid rgba(180,138,44,.45);border-radius:18px;padding:18px;text-align:center;display:grid;place-items:center}.sales-price strong{font-size:27px;color:#F5D778}.sales-grid{grid-template-columns:1fr 1fr;margin-top:18px}.sales-list{line-height:1.85;color:var(--text-soft);margin-bottom:0}.sales-packages.grid.cards{grid-template-columns:repeat(3,1fr)}.plan-card h3{margin:8px 0}.plan-card p{color:var(--muted);min-height:62px}.plan-card strong{display:block;font-size:22px;color:var(--sidebar);margin-top:10px}.plan-code{display:inline-flex;border-radius:999px;padding:5px 9px;background:var(--accent-soft);color:var(--accent-dark);font-weight:900;font-size:12px}
.print-body{background:#fff}.print-page,.page{max-width:980px;margin:0 auto;padding:34px;background:#fff}.print-header,.head{display:flex;justify-content:space-between;gap:20px;border-bottom:3px solid var(--sidebar);padding-bottom:18px;margin-bottom:18px}.print-meta,.meta{text-align:right}.print-risk,.risk{border-radius:18px;padding:18px;margin:18px 0;background:#F3F4F6}.print-risk strong{font-size:28px}.print-kpis,.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.print-kpis div,.kpi{border:1px solid var(--line);border-radius:14px;padding:14px}.print-section{margin-top:22px;line-height:1.65}.print-footer,.footer{margin-top:28px;color:var(--muted);border-top:1px solid var(--line);padding-top:14px}.no-print{margin-top:18px}
@media(max-width:1320px){.grid.cards{grid-template-columns:repeat(3,1fr)}.pipeline-board{grid-template-columns:repeat(3,1fr)}.bank-kpi-grid,.scenario-kpis,.saas-kpis.grid.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.app-shell{display:block}.sidebar{width:100%;height:auto;position:relative;display:none}.sidebar.open{display:flex}.menu-toggle{display:inline-grid;place-items:center}.main{padding:18px}.topbar{align-items:flex-start}.userbox{text-align:left;min-width:0}.dashboard-split,.alert-board,.sales-grid,.sales-packages.grid.cards{grid-template-columns:1fr}.hero-dashboard{grid-template-columns:1fr}.score-ring{width:90px;height:90px}.form,.compact-form,.scenario-form,.risk-filter-form{grid-template-columns:1fr}.span-2{grid-column:1/-1}.task-board{grid-template-columns:1fr 1fr}.mini-flow-row{grid-template-columns:1fr}.mini-amount{text-align:left}.perf-row{grid-template-columns:1fr}.pipeline-board{grid-template-columns:1fr}.sales-hero{display:block}.sales-price{margin-top:14px}.risk-logic-list div{grid-template-columns:1fr}}
@media(max-width:620px){.grid.cards,.bank-kpi-grid,.scenario-kpis,.saas-kpis.grid.cards,.task-board,.print-kpis,.kpis{grid-template-columns:1fr}.topbar{display:block}.topbar-left{margin-bottom:12px}.hero-dashboard{padding:18px}.hero-dashboard h2{font-size:21px}.metric-value{font-size:20px}.print-header,.head{display:block}.print-meta,.meta{text-align:left;margin-top:10px}}
@media print{body{background:#fff}.sidebar,.topbar,.upgrade-confirm,.page-intro,.no-print,.flash,.actions,.hero-actions{display:none!important}.app-shell{display:block}.main{padding:0}.card,.sales-sheet{box-shadow:none}.table-wrap{border-color:#ddd}.print-page,.page{padding:0}.sales-hero{color:white!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* v2.0.2 Accordion Sidebar */
.sidebar{padding:16px 14px}.sidebar-nav.accordion-nav{gap:8px;padding-right:2px}.accordion-nav .nav-group{display:block;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.025);border-radius:14px;overflow:hidden}.nav-group-toggle{width:100%;min-height:40px;border:0;background:transparent;color:#E5E7EB;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;cursor:pointer;text-align:left;font-family:var(--font);font-weight:850;font-size:12px;letter-spacing:.055em;text-transform:uppercase}.nav-group-toggle:hover{background:rgba(255,255,255,.055);color:#fff}.nav-group-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-group-meta{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto}.nav-group-count{min-width:22px;height:22px;border-radius:999px;display:inline-grid;place-items:center;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.08);color:#CBD5E1;font-size:11px;font-weight:850;letter-spacing:0;text-transform:none}.nav-group-chevron{font-size:16px;line-height:1;color:#9CA3AF;transition:transform .18s ease,color .18s ease}.nav-group.open .nav-group-chevron{transform:rotate(180deg);color:#F5D778}.nav-group-body{display:none;padding:0 8px 8px;gap:4px}.nav-group.open .nav-group-body{display:grid}.accordion-nav .nav-link{min-height:34px;margin-top:4px;padding:8px 10px 8px 12px;border-radius:10px;font-size:13.2px;font-weight:700}.accordion-nav .nav-link.active{background:rgba(180,138,44,.2);border-color:rgba(180,138,44,.34);box-shadow:inset 3px 0 0 #D4AF37}.accordion-nav .nav-link.muted-link{opacity:.72}.sidebar-version{font-size:11.5px}.brand{margin-bottom:10px}.brand-copy strong{font-size:16.5px}.brand-mark{width:38px;height:38px}
@media(max-width:980px){.sidebar{padding:14px}.accordion-nav .nav-group{border-radius:13px}.nav-group-toggle{min-height:42px}.nav-group.open .nav-group-body{padding-bottom:9px}}

/* v2.0.4 full accordion fix */
.sidebar{min-height:100vh;overflow:hidden}.sidebar-nav.accordion-nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-bottom:18px;scrollbar-width:thin}.accordion-nav .nav-group{flex:0 0 auto}.accordion-nav .nav-group-body{display:none!important;overflow:visible}.accordion-nav .nav-group.open .nav-group-body{display:grid!important}.nav-group-toggle{user-select:none}.nav-group-toggle:focus-visible{outline:2px solid rgba(245,215,120,.75);outline-offset:2px}.nav-group.open{background:rgba(255,255,255,.04);border-color:rgba(180,138,44,.22)}.nav-group.open .nav-group-toggle{color:#FFFFFF}.nav-group-body .nav-link{white-space:normal;line-height:1.25}@media(max-width:980px){.sidebar.open .sidebar-nav.accordion-nav{max-height:calc(100vh - 145px)}}

/* v2.0.5 native accordion + overflow fix
   Sorun: Bazı gruplar açıldığında sadece ilk alt menü görünüyordu. Sebep, eski accordion CSS/JS davranışlarının grup yüksekliğini kesmesiydi.
   Çözüm: details/summary tabanlı doğal accordion, net flex scroll ve max-height sıfırlama. */
.sidebar{
  height:100vh!important;
  min-height:100vh!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.brand,.sidebar-footer{flex:0 0 auto!important;}
.sidebar-nav.accordion-nav,
.sidebar-nav.native-accordion-nav{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  display:block!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-right:4px!important;
  padding-bottom:18px!important;
  overscroll-behavior:contain;
}
.accordion-nav .nav-group,
.native-accordion-nav .nav-group,
details.nav-group-native{
  display:block!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  margin:0 0 8px!important;
  border:1px solid rgba(255,255,255,.075);
  background:rgba(255,255,255,.025);
  border-radius:14px;
}
.nav-group-native[open]{
  background:rgba(255,255,255,.04)!important;
  border-color:rgba(180,138,44,.24)!important;
}
.nav-group-native .nav-group-toggle{
  list-style:none!important;
  width:100%!important;
  min-height:42px!important;
  border:0!important;
  background:transparent!important;
  color:#E5E7EB!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:10px 12px!important;
  cursor:pointer!important;
  text-align:left!important;
  font-family:var(--font)!important;
  font-weight:850!important;
  font-size:12px!important;
  letter-spacing:.052em!important;
  text-transform:uppercase!important;
  user-select:none!important;
}
.nav-group-native .nav-group-toggle::-webkit-details-marker{display:none!important;}
.nav-group-native .nav-group-toggle::marker{content:""!important;}
.nav-group-native .nav-group-toggle:hover{background:rgba(255,255,255,.055)!important;color:#fff!important;}
.nav-group-native[open] .nav-group-toggle{color:#fff!important;}
.nav-group-native .nav-group-chevron{transition:transform .18s ease,color .18s ease!important;}
.nav-group-native[open] .nav-group-chevron{transform:rotate(180deg)!important;color:#F5D778!important;}
.accordion-nav .nav-group-body,
.native-accordion-nav .nav-group-body,
.nav-group-native .nav-group-body{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  padding:0 8px 8px!important;
  gap:4px!important;
}
.nav-group-native:not([open]) .nav-group-body{display:none!important;}
.nav-group-native[open] .nav-group-body{display:flex!important;flex-direction:column!important;}
.nav-group-native .nav-link{
  flex:0 0 auto!important;
  width:100%!important;
  min-height:34px!important;
  height:auto!important;
  max-height:none!important;
  margin:4px 0 0!important;
  padding:8px 10px 8px 12px!important;
  border-radius:10px!important;
  font-size:13.2px!important;
  font-weight:700!important;
  line-height:1.25!important;
  white-space:normal!important;
}
.nav-group-native .nav-link.active{
  background:rgba(180,138,44,.2)!important;
  border-color:rgba(180,138,44,.34)!important;
  box-shadow:inset 3px 0 0 #D4AF37!important;
}
.sidebar-footer{margin-top:12px!important;}
@media(max-width:980px){
  .sidebar{height:auto!important;min-height:0!important;}
  .sidebar.open .sidebar-nav.accordion-nav,
  .sidebar.open .sidebar-nav.native-accordion-nav{max-height:calc(100vh - 145px)!important;}
}

/* v2.1.0 Integration Prep */
.compact-form{
  grid-template-columns: repeat(3, minmax(180px, 1fr));
  gap: 14px;
}
.compact-form .span-2{ grid-column: span 2; }
.inline-form{ display:inline-flex; margin:2px 4px 2px 0; vertical-align:middle; }
.checkbox-line{ display:flex; align-items:center; gap:10px; min-height:44px; }
.checkbox-line input{ width:auto; }
textarea{ resize:vertical; }
.metric-value.small-metric{ font-size:20px; line-height:1.25; }
@media (max-width: 980px){
  .compact-form{ grid-template-columns:1fr; }
  .compact-form .span-2{ grid-column:auto; }
  .inline-form{ display:flex; margin-bottom:6px; }
}

/* v2.2.0 Notification + Email Center */
.mail-preview-frame{
  width:100%;
  min-height:420px;
  max-height:760px;
  overflow:auto;
  border:1px solid var(--line);
  border-radius:18px;
  background:#f6f7f9;
  padding:0;
  margin-top:16px;
}
.notice-list{display:grid;gap:12px;color:var(--muted);line-height:1.55}
.notice-list div{border:1px solid var(--line);background:#F9FAFB;border-radius:14px;padding:14px}
.inline-form button{white-space:nowrap}
.badge.yellow{background:#FEF3C7;color:#92400E;border-color:#FDE68A}
.badge.green{background:#DCFCE7;color:#166534;border-color:#BBF7D0}
.badge.red{background:#FEE2E2;color:#991B1B;border-color:#FECACA}

/* v2.3.0 multi currency */
.soft-warning{border-color:rgba(180,138,44,.35)!important;background:linear-gradient(180deg,#fffaf0,#fff)!important}.danger-text{color:#b91c1c!important}.success-text{color:#047857!important}.currency-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:5px 10px;background:#fff;font-size:12px;font-weight:800}.fx-positive{color:#047857;font-weight:900}.fx-negative{color:#b91c1c;font-weight:900}


/* v2.5.0 AI CFO Assistant */
.ai-kpi-grid.grid.cards{grid-template-columns:repeat(4,minmax(160px,1fr));}
.ai-hero-card{border-left:4px solid var(--accent);}
.ai-insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.ai-insight-card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:16px;display:grid;gap:10px;box-shadow:0 8px 20px rgba(15,23,42,.045);}
.ai-insight-card.red{border-color:#FECACA;background:linear-gradient(180deg,#FFF7F7,#fff);}
.ai-insight-card.yellow{border-color:#FDE68A;background:linear-gradient(180deg,#FFFBEB,#fff);}
.ai-insight-card.green{border-color:#BBF7D0;background:linear-gradient(180deg,#F0FDF4,#fff);}
.ai-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.ai-insight-card h3{font-size:16px;margin:0;letter-spacing:-.02em;}
.ai-insight-card p{margin:0;color:var(--text-soft);line-height:1.55;}
.ai-recommendation{border-top:1px solid var(--line);padding-top:10px;color:var(--text);font-size:13.5px;line-height:1.5;}
@media(max-width:1100px){.ai-kpi-grid.grid.cards{grid-template-columns:repeat(2,1fr)}.ai-insight-grid{grid-template-columns:1fr}}
@media(max-width:620px){.ai-kpi-grid.grid.cards{grid-template-columns:1fr}}


/* v2.6.0 Customer Portal */
.portal-preview-card{border-left:4px solid var(--accent)}
.portal-metric-grid.grid.cards{grid-template-columns:repeat(4,minmax(160px,1fr));}
.portal-summary-box{border:1px solid var(--line);background:#F8FAFC;border-radius:16px;padding:16px;color:var(--text);line-height:1.65;font-weight:650}
.portal-public{background:#F3F4F6;color:#111827;min-height:100vh;font-family:var(--font)}
.portal-shell{max-width:720px;margin:0 auto;padding:48px 20px}.portal-shell.wide{max-width:1180px;padding:32px 20px 48px}
.portal-card{background:#fff;border:1px solid #E5E7EB;border-radius:24px;padding:28px;box-shadow:0 20px 50px rgba(15,23,42,.08)}
.portal-card h1{margin:0 0 10px;font-size:28px;letter-spacing:-.04em}.portal-card p{color:#4B5563;line-height:1.6}
.portal-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;background:#0F172A;color:#fff;border-radius:28px;padding:28px;box-shadow:0 20px 50px rgba(15,23,42,.18)}
.portal-hero h1{margin:4px 0 8px;font-size:30px;letter-spacing:-.04em}.portal-hero p{margin:0;color:#CBD5E1;line-height:1.55;max-width:680px}.portal-hero .eyebrow{color:#F5D778}
.portal-company{display:grid;gap:8px;text-align:right;min-width:210px}.portal-company small{color:#CBD5E1}
.portal-footer-note{text-align:center;color:#6B7280;font-size:12px;margin:24px 0 0}.portal-print{background:#fff}.portal-print .print-page{max-width:1000px;margin:0 auto;padding:32px}
@media(max-width:980px){.portal-metric-grid.grid.cards{grid-template-columns:repeat(2,1fr)}.portal-hero{display:block}.portal-company{text-align:left;margin-top:18px}.portal-shell.wide{padding:18px 12px 38px}}
@media(max-width:620px){.portal-metric-grid.grid.cards{grid-template-columns:1fr}.portal-hero h1{font-size:24px}.portal-card{padding:22px}.portal-shell{padding:28px 14px}}


/* v3.0.0 Commercial SaaS Release */
.commercial-card{border-left:4px solid var(--accent)!important;background:linear-gradient(180deg,#FFFFFF,#FFFCF5)!important}
.commercial-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;background:linear-gradient(135deg,#0F172A,#1E293B);color:white;border-radius:28px;padding:26px;box-shadow:0 18px 46px rgba(15,23,42,.18);overflow:hidden;position:relative}.commercial-hero:after{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:rgba(212,175,55,.18)}.commercial-hero h2{font-size:30px;letter-spacing:-.045em;margin:6px 0}.commercial-hero p{margin:0;color:#CBD5E1;max-width:760px}.commercial-score{position:relative;z-index:1;min-width:158px;min-height:158px;background:rgba(255,255,255,.08);border:1px solid rgba(212,175,55,.38);border-radius:28px;display:grid;place-items:center;text-align:center;padding:18px}.commercial-score span{font-size:42px;font-weight:950;letter-spacing:-.06em;color:#F5D778}.commercial-score small{display:block;color:#E5E7EB;font-weight:800;line-height:1.25}.commercial-kpis.grid.cards{grid-template-columns:repeat(6,minmax(150px,1fr))}.commercial-assets .asset-copy{font-size:16px;line-height:1.65;color:var(--text-soft);font-weight:650}.copy-box{background:#0F172A;color:#E5E7EB;border-radius:18px;padding:18px;white-space:pre-wrap;line-height:1.7;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace}.commercial-public .portal-card,.commercial-public .card{box-shadow:0 16px 40px rgba(15,23,42,.08)}.commercial-public-hero{background:linear-gradient(135deg,#0F172A,#1D3557)}.public-pricing-grid.grid.cards{grid-template-columns:repeat(3,minmax(220px,1fr))}
@media(max-width:1320px){.commercial-kpis.grid.cards{grid-template-columns:repeat(3,1fr)}.public-pricing-grid.grid.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.commercial-hero{grid-template-columns:1fr}.commercial-score{min-width:0;min-height:120px}.commercial-kpis.grid.cards,.public-pricing-grid.grid.cards{grid-template-columns:1fr}.commercial-hero h2{font-size:24px}}


/* v3.1.0 Onboarding & Demo Environment */
.onboarding-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;background:linear-gradient(135deg,#FFFFFF,#F8FAFC);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:28px;padding:24px;box-shadow:var(--shadow)}
.onboarding-hero h2{font-size:28px;letter-spacing:-.04em;margin:5px 0 8px}.onboarding-hero p{margin:0;color:var(--text-soft);max-width:760px}.onboarding-score{min-width:154px;min-height:154px;border:1px solid var(--line);border-radius:28px;background:#fff;display:grid;place-items:center;text-align:center;padding:18px;box-shadow:inset 0 0 0 8px #F8FAFC}.onboarding-score span{font-size:38px;font-weight:950;letter-spacing:-.06em;color:var(--accent-dark)}.onboarding-score small{display:block;color:var(--muted);font-weight:800;line-height:1.25}.onboarding-kpis.grid.cards{grid-template-columns:repeat(4,minmax(160px,1fr))}.form .span-3{grid-column:1/-1}.compact-form .span-2{grid-column:span 2}.checkbox-line{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important}.checkbox-line input{width:auto!important}@media(max-width:1000px){.onboarding-hero{grid-template-columns:1fr}.onboarding-score{min-width:0;min-height:120px}.onboarding-kpis.grid.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.onboarding-kpis.grid.cards{grid-template-columns:1fr}.onboarding-hero h2{font-size:23px}}

/* v3.2.0 Real Integration v1 */
.sync-source-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:5px 10px;background:#fff;font-size:12px;font-weight:800;color:var(--text-soft)}
.table-wrap small strong{color:var(--text)}

/* v3.3.0 Live FX & Financial Data */
.live-fx-panel{border-left:4px solid var(--accent)!important;background:linear-gradient(180deg,#FFFFFF,#FFFCF5)!important}
.live-fx-panel .form{align-items:end}.fx-rate-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;background:#fff;padding:5px 10px;font-size:12px;font-weight:850;color:var(--text-soft)}


/* v3.5.0 Enterprise Security */
.enterprise-security-card{border-left:4px solid #1D4ED8!important;background:linear-gradient(180deg,#FFFFFF,#F8FAFF)!important}
.enterprise-security-grid.grid.cards{grid-template-columns:repeat(4,minmax(180px,1fr));}
.security-policy-list{display:grid;gap:10px}.security-policy-list .policy-item{border:1px solid var(--line);border-radius:14px;background:#fff;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.permission-matrix td,.permission-matrix th{text-align:center}.permission-matrix td:first-child,.permission-matrix th:first-child{text-align:left}
.btn.danger{background:#B91C1C;color:#fff;border-color:#B91C1C}
@media(max-width:1100px){.enterprise-security-grid.grid.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.enterprise-security-grid.grid.cards{grid-template-columns:1fr}}

/* v3.7.0 Mobil Bildirimler */
.check-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.55);font-weight:600;color:var(--text)}
.check-row input{width:auto;min-width:auto}
select{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--text);font:inherit}
.actions select{max-width:240px}
@media (max-width: 760px){.actions select{max-width:none}.check-row{align-items:flex-start}}


/* v3.8.0 White Label / Partner UI */
.brand-logo{width:42px;height:42px;border-radius:14px;background:#fff;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.22)}
.brand-logo img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.brand-preview-hero{border-left:4px solid var(--wl-accent, #C8A64F)}
.brand-swatch{display:flex;gap:10px;align-items:center;justify-content:center}
.brand-swatch span{display:block;width:48px;height:48px;border-radius:16px;border:1px solid rgba(15,23,42,.12);box-shadow:0 12px 30px rgba(15,23,42,.10)}
.two-col-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.two-col-form .full-span{grid-column:1/-1}
.white-label-preview-card{background:linear-gradient(180deg,#fff,rgba(248,250,252,.95));border-radius:24px}
.wl-preview-top{border-radius:24px;color:#fff;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:0 18px 48px rgba(15,23,42,.16)}
.wl-preview-top img{max-height:56px;max-width:180px;object-fit:contain;background:#fff;border-radius:14px;padding:8px;margin-bottom:12px}
.wl-preview-top h2{font-size:28px;margin:0 0 6px}
.wl-preview-top p{margin:0;opacity:.82}
.wl-preview-top span{color:#0f172a;border-radius:999px;padding:14px 18px;font-weight:800;letter-spacing:.08em}
@media (max-width: 760px){.two-col-form{grid-template-columns:1fr}.wl-preview-top{align-items:flex-start;flex-direction:column}}


/* v4.0.0 Enterprise SaaS */
.inline-actions select,.inline-actions input{min-height:32px;padding:6px 8px;border-radius:9px;font-size:12px}.inline-actions{align-items:center}.commercial-card .metric-note{min-height:42px}.help-box strong{color:var(--text)}


/* v4.1.0 Corporate Marketing Topbar UI
   Amaç: Sol menüyü topbar'a taşımak, menü sayılarını kaldırmak, kurumsal/pazarlama odaklı ve daha okunabilir görsel dil sağlamak. */
:root{
  --font: "Inter", "Segoe UI", Roboto, Arial, sans-serif;
  --bg:#F3F6FA;
  --surface:#FFFFFF;
  --surface-soft:#F8FAFC;
  --text:#101828;
  --text-soft:#475467;
  --muted:#667085;
  --sidebar:#0B1220;
  --accent:#C8A64F;
  --accent-dark:#9A6B16;
  --line:#E4E7EC;
  --line-strong:#D0D5DD;
  --shadow:0 14px 38px rgba(16,24,40,.08);
  --shadow-soft:0 8px 22px rgba(16,24,40,.06);
}
html{scroll-behavior:smooth;}
body.corporate-topbar-ui{
  background:
    radial-gradient(circle at 15% -10%, rgba(200,166,79,.13), transparent 28%),
    radial-gradient(circle at 85% 0%, rgba(15,23,42,.10), transparent 26%),
    linear-gradient(180deg,#F7F9FC 0%,#EEF2F7 100%);
  color:var(--text);
  letter-spacing:-.006em;
}
body.corporate-topbar-ui .app-shell,
body.corporate-topbar-ui .topbar-shell{display:block;min-height:100vh;}
body.corporate-topbar-ui .main{padding:26px 34px 46px;max-width:1680px;margin:0 auto;}
body.corporate-topbar-ui .topnav{position:sticky!important;top:0;z-index:1000;width:100%;min-height:68px;display:flex!important;align-items:center;gap:14px;padding:10px 20px;background:linear-gradient(135deg,#081221 0%,#10213A 58%,#0C1728 100%);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px rgba(2,6,23,.22);color:#F8FAFC;height:auto!important;overflow:visible!important;}
body.corporate-topbar-ui .topnav::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(200,166,79,.7),transparent);pointer-events:none;}
body.corporate-topbar-ui .topnav-brand{display:flex;align-items:center;gap:10px;min-width:195px;text-decoration:none;color:#fff;flex:0 0 auto;}
body.corporate-topbar-ui .topnav-mark,
body.corporate-topbar-ui .topnav-logo{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,rgba(200,166,79,.24),rgba(200,166,79,.08));border:1px solid rgba(200,166,79,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.15);color:#F8D878;font-weight:900;font-size:18px;letter-spacing:-.04em;}
body.corporate-topbar-ui .topnav-logo img{width:100%;height:100%;object-fit:contain;background:#fff;padding:4px;}
body.corporate-topbar-ui .topnav-brand-copy strong{display:block;font-size:17px;line-height:1.05;letter-spacing:-.035em;}
body.corporate-topbar-ui .topnav-brand-copy small{display:block;margin-top:3px;color:#A9B4C6;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.075em;}
body.corporate-topbar-ui .topnav-groups{display:flex;align-items:center;justify-content:center;gap:6px;flex:1 1 auto;min-width:0;overflow:visible;padding:0;}
body.corporate-topbar-ui .topnav-group{position:relative;display:block;margin:0!important;border:0!important;background:transparent!important;border-radius:0!important;flex:0 0 auto;overflow:visible!important;}
body.corporate-topbar-ui .topnav-group-toggle{list-style:none;min-height:40px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);color:#E7EDF6;border-radius:12px;padding:8px 12px;cursor:pointer;font-size:12.5px;font-weight:800;letter-spacing:-.01em;white-space:nowrap;transition:background .16s ease,border-color .16s ease,transform .16s ease,color .16s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);}
body.corporate-topbar-ui .topnav-group-toggle::-webkit-details-marker{display:none} body.corporate-topbar-ui .topnav-group-toggle::marker{content:""}
body.corporate-topbar-ui .topnav-group-toggle:hover{background:rgba(255,255,255,.085);border-color:rgba(255,255,255,.20);color:#fff;transform:translateY(-1px);}
body.corporate-topbar-ui .topnav-group-toggle.active{background:linear-gradient(135deg,rgba(200,166,79,.16),rgba(255,255,255,.05));border-color:rgba(200,166,79,.42);color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.12);}
body.corporate-topbar-ui .topnav-chevron{display:none!important;}
body.corporate-topbar-ui .topnav-panel{position:absolute;left:50%;transform:translateX(-50%);top:calc(100% + 10px);z-index:1200;display:none!important;min-width:320px;max-width:min(92vw,620px);max-height:calc(100vh - 118px);overflow:auto;padding:12px;background:rgba(255,255,255,.985);backdrop-filter:blur(18px);border:1px solid rgba(208,213,221,.96);border-radius:18px;box-shadow:0 24px 70px rgba(15,23,42,.22);grid-template-columns:repeat(2,minmax(150px,1fr));gap:7px;}
body.corporate-topbar-ui .topnav-group.align-right .topnav-panel{left:auto;right:0;transform:none;}
body.corporate-topbar-ui .topnav-group[open] .topnav-panel{display:grid!important;}
body.corporate-topbar-ui .topnav-panel::before{content:"";position:absolute;top:-7px;left:50%;margin-left:-7px;width:14px;height:14px;background:#fff;border-left:1px solid rgba(208,213,221,.9);border-top:1px solid rgba(208,213,221,.9);transform:rotate(45deg);}
body.corporate-topbar-ui .topnav-group.align-right .topnav-panel::before{left:auto;right:22px;margin-left:0;}
body.corporate-topbar-ui .topnav-link{width:100%;min-height:42px;margin:0!important;padding:10px 12px!important;border-radius:12px!important;color:#1D2939!important;background:#fff!important;border:1px solid transparent!important;box-shadow:none!important;font-size:13px!important;font-weight:760!important;text-decoration:none;line-height:1.25;white-space:normal;}
body.corporate-topbar-ui .topnav-link:hover{background:#F8FAFC!important;border-color:#E4E7EC!important;color:#0B1220!important;transform:translateY(-1px);}
body.corporate-topbar-ui .topnav-link.active{background:linear-gradient(135deg,#FFF8E7,#FFFFFF)!important;border-color:rgba(200,166,79,.42)!important;box-shadow:inset 3px 0 0 var(--accent)!important;color:#0B1220!important;}
body.corporate-topbar-ui .topnav-link.muted-link{opacity:.72;}
body.corporate-topbar-ui .topnav-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto;}
body.corporate-topbar-ui .topnav-group-title{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;}
body.corporate-topbar-ui .topnav-group[open] .topnav-group-toggle{background:rgba(255,255,255,.10);border-color:rgba(200,166,79,.36);color:#fff;}
body.corporate-topbar-ui .topnav-version{display:inline-flex;align-items:center;min-height:34px;border-radius:999px;padding:0 11px;background:rgba(200,166,79,.14);border:1px solid rgba(200,166,79,.32);color:#F8D878;font-size:12px;font-weight:900;}
body.corporate-topbar-ui .topnav-logout{display:inline-flex;align-items:center;min-height:36px;border-radius:999px;padding:0 14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff;text-decoration:none;font-size:13px;font-weight:820;}
body.corporate-topbar-ui .topnav-logout:hover{background:rgba(255,255,255,.14);}
body.corporate-topbar-ui .page-topbar{margin-bottom:22px;padding:18px 20px;border:1px solid rgba(228,231,236,.92);border-radius:24px;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);box-shadow:var(--shadow-soft);}
body.corporate-topbar-ui .eyebrow{color:#8A6A1D;font-size:11px;letter-spacing:.075em;}
body.corporate-topbar-ui .topbar h1{font-size:28px;font-weight:860;color:#101828;}
body.corporate-topbar-ui .userbox{box-shadow:none;background:#F8FAFC;border:1px solid #E4E7EC;border-radius:18px;}
body.corporate-topbar-ui .card{border:1px solid rgba(228,231,236,.96);border-radius:22px;box-shadow:0 10px 26px rgba(16,24,40,.055);}
body.corporate-topbar-ui .hero-dashboard,.sales-hero{box-shadow:0 22px 54px rgba(15,23,42,.16);}
body.corporate-topbar-ui .metric-value{letter-spacing:-.045em;}
body.corporate-topbar-ui .btn{border-radius:13px;font-weight:820;}
body.corporate-topbar-ui .btn.gold{background:linear-gradient(135deg,#C8A64F,#A7791F);border-color:#A7791F;color:#fff;box-shadow:0 10px 22px rgba(167,121,31,.20);}
body.corporate-topbar-ui .nav-group-count{display:none!important;}
@media(max-width:1180px){
  body.corporate-topbar-ui .topnav-brand{min-width:198px;}
  body.corporate-topbar-ui .topnav-group-toggle{padding:9px 11px;font-size:12.5px;}
}
@media(max-width:980px){
  body.corporate-topbar-ui .topnav{align-items:flex-start;flex-wrap:wrap;padding:10px 14px;}
  body.corporate-topbar-ui .topnav-brand{min-width:0;flex:1 1 auto;}
  body.corporate-topbar-ui .topnav-groups{display:none;order:3;flex:1 0 100%;width:100%;max-height:calc(100vh - 150px);overflow:auto;padding:10px 0 4px;}
  body.corporate-topbar-ui .topnav.open .topnav-groups{display:grid;grid-template-columns:1fr;gap:8px;}
  body.corporate-topbar-ui .topnav-actions{order:2;}
  body.corporate-topbar-ui .topnav-group{width:100%;}
  body.corporate-topbar-ui .topnav-group-toggle{width:100%;justify-content:space-between;border-radius:15px;background:rgba(255,255,255,.07);}
  body.corporate-topbar-ui .topnav-panel{position:static;min-width:0;max-width:none;max-height:none;box-shadow:none;margin-top:8px;border-radius:16px;grid-template-columns:1fr;padding:9px;}
  body.corporate-topbar-ui .topnav-panel::before{display:none;}
  body.corporate-topbar-ui .menu-toggle{display:inline-grid;place-items:center;}
  body.corporate-topbar-ui .main{padding:18px 14px 86px;}
  body.corporate-topbar-ui .page-topbar{border-radius:20px;padding:15px;}
}
@media(max-width:620px){
  body.corporate-topbar-ui .topnav-version{display:none;}
  body.corporate-topbar-ui .topnav-brand-copy small{display:none;}
  body.corporate-topbar-ui .topbar h1{font-size:23px;}
  body.corporate-topbar-ui .userbox{margin-top:12px;}
}
@media print{body.corporate-topbar-ui .topnav{display:none!important;}}

@media (max-width: 1680px){body.corporate-topbar-ui .topnav{padding:10px 14px;gap:10px;}body.corporate-topbar-ui .topnav-brand{min-width:170px;}body.corporate-topbar-ui .topnav-brand-copy strong{font-size:16px;}body.corporate-topbar-ui .topnav-groups{gap:5px;}body.corporate-topbar-ui .topnav-group-toggle{padding:8px 10px;font-size:12px;}}


/* CFO Radar v4.1.4 UX refinement: single topbar nav, executive dashboard, risk visuals */
body.corporate-topbar-ui .topnav{
  min-height:64px!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  padding:9px 18px!important;
  overflow:visible!important;
}
body.corporate-topbar-ui .topnav-groups{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  flex:1 1 auto!important;
  overflow:visible!important;
  scrollbar-width:none!important;
}
body.corporate-topbar-ui .topnav-groups::-webkit-scrollbar{display:none!important;}
body.corporate-topbar-ui .topnav-group{position:relative!important;display:block!important;flex:0 0 auto!important;}
body.corporate-topbar-ui .topnav-group-toggle{
  appearance:none!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.045)!important;
  color:#E7EDF6!important;
  min-height:38px!important;
  border-radius:12px!important;
  padding:8px 11px!important;
  font-size:12.4px!important;
  font-weight:820!important;
  line-height:1!important;
  white-space:nowrap!important;
}
body.corporate-topbar-ui .topnav-group-toggle::after,
body.corporate-topbar-ui .topnav-chevron{display:none!important;content:none!important;}
body.corporate-topbar-ui .topnav-group.open .topnav-group-toggle,
body.corporate-topbar-ui .topnav-group-toggle.active{
  background:linear-gradient(135deg,rgba(200,166,79,.18),rgba(255,255,255,.06))!important;
  border-color:rgba(200,166,79,.44)!important;
  color:#fff!important;
}
body.corporate-topbar-ui .topnav-panel{
  position:absolute!important;
  left:50%!important;
  top:calc(100% + 10px)!important;
  transform:translateX(-50%)!important;
  z-index:1400!important;
  display:none!important;
  grid-template-columns:repeat(2,minmax(160px,1fr))!important;
  gap:7px!important;
  min-width:340px!important;
  max-width:min(92vw,680px)!important;
  max-height:calc(100vh - 115px)!important;
  overflow:auto!important;
  padding:12px!important;
  background:rgba(255,255,255,.985)!important;
  border:1px solid rgba(208,213,221,.95)!important;
  border-radius:18px!important;
  box-shadow:0 26px 80px rgba(15,23,42,.24)!important;
}
body.corporate-topbar-ui .topnav-group.open .topnav-panel{display:grid!important;}
body.corporate-topbar-ui .topnav-group.align-right .topnav-panel{left:auto!important;right:0!important;transform:none!important;}
body.corporate-topbar-ui .topnav-group.align-right .topnav-panel::before{left:auto!important;right:22px!important;margin-left:0!important;}
body.corporate-topbar-ui .topnav-version{display:none!important;}
body.corporate-topbar-ui .topnav-brand{min-width:178px!important;}
body.corporate-topbar-ui .topnav-brand-copy small{font-size:10px!important;letter-spacing:.06em!important;}
body.corporate-topbar-ui .topnav-link{font-size:13px!important;font-weight:760!important;}

/* Dashboard density */
.grid.cards{grid-template-columns:repeat(4,minmax(180px,1fr))!important;}
.grid.cards.dashboard-detail-metrics{grid-template-columns:repeat(2,minmax(180px,1fr))!important;}
.saas-kpis{display:none!important;}
.dashboard-detail-metrics{margin-top:0!important;}
.dashboard-detail-metrics .metric-card{min-height:108px!important;}
.metric-card.primary-metric{
  border-color:rgba(200,166,79,.34)!important;
  background:linear-gradient(180deg,#fff 0%,#FFFBF0 100%)!important;
}
.metric-card.secondary-metric{
  background:#F8FAFC!important;
}
.metric-value{font-size:24px!important;letter-spacing:-.045em!important;}
.metric-note{font-size:12px!important;line-height:1.35!important;}

/* Risk score ring */
.score-ring{
  --score:0;
  --ring-color:#C8A64F;
  width:118px!important;
  height:118px!important;
  border:0!important;
  border-radius:50%!important;
  position:relative!important;
  background:conic-gradient(var(--ring-color) calc(var(--score) * 1%), rgba(226,232,240,.78) 0)!important;
  box-shadow:0 16px 40px rgba(15,23,42,.18)!important;
  animation:scorePulse 2.8s ease-in-out infinite;
}
.score-ring::before{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:50%;
  background:#fff;
  box-shadow:inset 0 0 0 1px rgba(226,232,240,.95);
}
.score-ring span,.score-ring small{position:relative;z-index:1;}
.score-ring span{font-size:30px!important;}
.hero-dashboard.red .score-ring{--ring-color:#DC2626;}
.hero-dashboard.yellow .score-ring{--ring-color:#F59E0B;}
.hero-dashboard.green .score-ring{--ring-color:#16A34A;}
@keyframes scorePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}

/* Sparkline */
.dashboard-sparkline{
  display:flex;
  align-items:flex-end;
  gap:4px;
  height:38px;
  margin-top:12px;
}
.dashboard-sparkline span{
  display:block;
  flex:1;
  min-width:4px;
  border-radius:999px 999px 3px 3px;
  background:linear-gradient(180deg,rgba(200,166,79,.86),rgba(15,23,42,.72));
  opacity:.82;
  animation:sparkRise .5s ease both;
}
.dashboard-sparkline span.is-negative{background:linear-gradient(180deg,rgba(220,38,38,.78),rgba(127,29,29,.72));}
@keyframes sparkRise{from{height:4px;opacity:.35}to{opacity:.86}}

/* Responsive executive layout */
@media(max-width:1280px){
  .grid.cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.corporate-topbar-ui .topnav{gap:9px!important;padding:9px 12px!important;}
  body.corporate-topbar-ui .topnav-brand{min-width:150px!important;}
  body.corporate-topbar-ui .topnav-group-toggle{font-size:11.8px!important;padding:8px 9px!important;}
}
@media(max-width:980px){
  body.corporate-topbar-ui .topnav-groups{display:none!important;order:3;flex:1 0 100%!important;width:100%!important;max-height:calc(100vh - 150px)!important;overflow:auto!important;padding:10px 0 4px!important;}
  body.corporate-topbar-ui .topnav.open .topnav-groups{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}
  body.corporate-topbar-ui .topnav-group{width:100%!important;}
  body.corporate-topbar-ui .topnav-panel{position:static!important;transform:none!important;min-width:0!important;max-width:none!important;max-height:none!important;box-shadow:none!important;margin-top:8px!important;border-radius:16px!important;grid-template-columns:1fr!important;padding:9px!important;}
  body.corporate-topbar-ui .topnav-panel::before{display:none!important;}
  .grid.cards,.grid.cards.dashboard-detail-metrics{grid-template-columns:1fr!important;}
  .score-ring{width:104px!important;height:104px!important;}
}