/* FoodBiz Planner AI 6.0.2 — Smart Academy Design System
   Appearance-only skin. Existing business state, calculations, routes and permissions are unchanged.
   Palette: deep navy #082653, turquoise #19BDAF, learning gold #F5B928. */
:root{
 color-scheme:light;
 --fb-navy:#082653;--fb-deep:#061b3b;--fb-teal:#19BDAF;--fb-teal-deep:#087d7a;
 --fb-gold:#F5B928;--fb-paper:#f5f9fc;--fb-surface:#fff;--fb-soft:#e8f8f7;
 --fb-ink:#122d49;--fb-muted:#5f7185;--fb-border:#dae6ef;
 --ink:var(--fb-ink);--muted:var(--fb-muted);--green:#087d7a;--green2:#e6f8f6;
 --bg:var(--fb-paper);--line:var(--fb-border);--white:#fff;--orange:#bd7b16;--red:#b53a46;
 --shadow:0 10px 28px rgba(14,51,91,.07)
}
html{color-scheme:light;scroll-behavior:smooth}
body{background:linear-gradient(145deg,#f2f9fd 0%,#f7fbfd 62%,#eef7fc 100%);color:var(--fb-ink);font-family:system-ui,-apple-system,'Noto Sans Thai',Tahoma,sans-serif;font-size:14px}
#content,#content *{box-sizing:border-box}
#content{color:var(--fb-ink)}
#content h1,#content h2,#content h3,#content h4{letter-spacing:-.015em}
button,input,textarea,select{font:inherit}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #19bdaf!important;outline-offset:2px}
button:disabled{opacity:.52}
::selection{background:#aff1e8;color:var(--fb-deep)}
.app{background:transparent}
/* Product shell — premium navy rail, spacious light workspace */
.sidebar{width:264px;background:linear-gradient(175deg,#061c3e 0%,#082653 57%,#0a3559 100%);border-right:1px solid #16426d;color:#eaf6ff;box-shadow:8px 0 34px rgba(3,30,67,.075);padding:23px 12px}
.brand{border-bottom:1px solid rgba(190,221,240,.16);padding:0 9px 21px;gap:11px}
.brand-mark{width:49px;height:49px;border:1px solid #2b7d89;border-radius:15px;background:linear-gradient(135deg,#0f727d,#19bdaf);color:#fff;box-shadow:0 10px 24px #01224165;font-size:25px}
.brand strong{font-size:17px;letter-spacing:-.45px;color:#fff;line-height:1.15}
.brand strong em{color:#80ebd6}
.brand small{font-size:8.5px;letter-spacing:.72px;color:#b7d6e7;margin-top:6px}
.nav{padding-top:9px}.nav-group{color:#9eb9d2;font-size:10px;letter-spacing:1.1px;margin:21px 12px 9px}
.nav button{color:#dcebf7;border-radius:11px;padding:11px 12px;gap:12px;min-height:44px;border:1px solid transparent;font-size:12.5px;line-height:1.3}
.nav button span{font-size:19px;color:#9bd9e0}
.nav button:hover{background:rgba(132,208,219,.13);border-color:rgba(120,205,213,.25);color:#fff}
.nav button.active{background:linear-gradient(95deg,#f7c644,#edb125);color:#09284b;border:1px solid #ffdc7f;border-left:4px solid #ffe8a0;padding-left:9px;box-shadow:0 7px 14px #001c354a;font-weight:800}
.nav button.active span{color:#082653}
.side-bottom{border-top:1px solid rgba(200,230,248,.18);color:#b0cedc}
.save-state{color:#a2f1dd}
.main{background:transparent;min-width:0}
.topbar{height:78px;background:linear-gradient(92deg,#082653 0%,#0a3461 100%);border-bottom:2px solid #e6c24b;box-shadow:0 5px 22px #0f315d21;color:#fff;padding:0 28px;gap:16px}
.crumb{color:#f5fbff;font-weight:800;font-size:14px}
.quick-search{max-width:520px;height:44px;background:#ffffff15;border:1px solid #99bfd08c;border-radius:13px;color:#e8f8fa}
.quick-search input{color:#fff;font-size:12.5px}
.quick-search input::placeholder{color:#c1dae6}
.top-actions{gap:9px}
.topbar .btn.ghost{color:#eefaff;border:1px solid #83afc3;background:#ffffff0c}
.topbar .btn.ghost:hover{background:#ffffff20}
.topbar .btn.primary{background:linear-gradient(120deg,#f5b928,#ffdb67);color:#082653;border-color:#f5b928;box-shadow:0 3px 10px #10283c66}
.mobile-menu{color:white}
.content{max-width:1640px;padding:26px 28px 70px}
.main>footer{color:#6b8193}
/* Global cards, data, forms and messages */
#content .card{background:var(--fb-surface);border:1px solid var(--fb-border);box-shadow:var(--shadow);border-radius:17px;color:var(--fb-ink)}
#content .page-title{font-weight:850;color:#0a2c50}
#content .subtitle,#content .muted{color:var(--fb-muted)}
#content .eyebrow{color:#087d7a;font-weight:850}
#content .card h3,#content .card h4{color:#0d3056}
#content .stat-label{color:#61778d}
#content .stat-number{color:#0a2c52}
#content .positive,#content .good,#content .outcome{color:#087e67}
#content .negative,#content .bad{color:#b53649}
#content .pill{background:#e5f7f4;color:#067e77}
#content .pill.warn{background:#fff3d1;color:#795610}
#content .pill.bad{background:#fff0f1;color:#a12f43}
#content .btn{border-color:#c7dce9;color:#143657;background:#fff;border-radius:11px;box-shadow:none;transition:transform .15s,border-color .15s,background .15s}
#content .btn:hover{background:#f0fbfb;border-color:#65c9c2;transform:translateY(-1px)}
#content .btn.primary{background:linear-gradient(105deg,#078b85,#19bdaf);border-color:#089b91;color:#fff;box-shadow:0 6px 14px #0b968c28}
#content .btn.primary:hover{background:linear-gradient(105deg,#067c77,#0cab9f)}
#content .btn.danger{color:#aa3448;border-color:#eeccd2;background:#fff6f7}
#content :is(.field input,.field select,.field textarea,.field .control,td input,td select){background:#fff!important;color:#17344f!important;border:1px solid #cbdce8!important;border-radius:10px}
#content :is(.field input,.field select,.field textarea):focus{border-color:#14aa9f!important;box-shadow:0 0 0 3px #19bdaf24!important}
#content input::placeholder,#content textarea::placeholder{color:#8598aa}
#content table{color:#1b3855}
#content th{background:#eaf3f9;color:#123454;border-bottom:1px solid #cedeeb}
#content td{border-bottom:1px solid #e4edf4}
#content tbody tr:hover{background:#f2fbfb}
#content .bmc .field{background:#f5fafc;border-color:#dceaf2}
#content .note{background:#e9f8f5;border-color:#16aca3;color:#184d59}
#content .note.warning{background:#fff6df;border-color:#d3a42e;color:#6a5114}
#content .progress,#content .bar{background:#dfecf3}
#content .progress span,#content .bar span{background:linear-gradient(90deg,#08a79d,#5bd7c3)}
#content .toast{background:#082653;color:#fff}
#content input[type=checkbox],#content input[type=radio]{accent-color:#0a9c91}
/* Home hero, cards and guided workflow */
#content .hero-cinematic{position:relative;border:1px solid #185b7c;border-radius:20px;min-height:355px;overflow:hidden;background:linear-gradient(93deg,#082653 2%,rgba(8,38,83,.99) 29%,rgba(8,38,83,.91) 48%,rgba(8,38,83,.18) 82%),url('assets/hero.jpg') 100% 46%/cover no-repeat,#082653;box-shadow:0 16px 30px #122d5138;padding:32px 38px}
#content .hero-cinematic:after{background:linear-gradient(0deg,rgba(4,26,51,.18),transparent 45%);pointer-events:none}
#content .hero-cinematic .hero-content{position:relative;z-index:1;max-width:680px}
#content .hero-cinematic .hero-tag{background:#ffffff1a;border:1px solid #82d9d4;color:#dcffff;font-size:10px;letter-spacing:1.55px}
#content .hero-cinematic .hero-tag b{color:#f5b928}
#content .hero-cinematic h1{font-size:clamp(38px,4.2vw,64px);line-height:1.1;color:#fff;margin:14px 0 7px}
#content .hero-cinematic h1 span,#content .hero-cinematic h1 em{color:#ffd86c;font-style:normal}
#content .hero-cinematic h2{color:#e2fcf7;font-weight:800;font-size:clamp(17px,1.6vw,23px);line-height:1.4}
#content .hero-cinematic p{color:#d9edf7;max-width:560px;font-size:13px;line-height:1.8}
#content .hero-cinematic .btn.primary{background:#f5b928;color:#082653;border-color:#f5b928;font-size:13px}
#content .hero-cinematic .hero-outline{background:#ffffff11;border:1px solid #a1dcd7;color:#fff}
#content .hero-cinematic .hero-foot{color:#b8d5e6}
#content .hero-cinematic .hero-foot span{color:#f5b928}
#content .dashboard-lead{margin:28px 0 14px}
#content .dashboard-lead h2{color:#092e54;font-size:21px}
#content .inline-link{color:#087c80!important;font-weight:750}
#content .metric-grid{gap:14px}
#content .metric-card{border-top:3px solid #19bdaf;background:#fff;min-height:135px}
#content .metric-card:nth-child(even){border-top-color:#f5b928}
#content .metric-icon{color:#0b8f89;background:#dff7f4;border:1px solid #bdebe6}
#content .metric-card:nth-child(even) .metric-icon{color:#ac790e;background:#fff5d9;border-color:#ffe5a3}
#content .metric-card .stat-label{color:#60778b}
#content .metric-card .stat-number{color:#0b3157}
#content .metric-card .small{color:#6b8092}
#content .feature-row{gap:12px}
#content .feature-tile{background:#fff;border:1px solid #dce8ef;border-radius:16px;box-shadow:0 6px 20px #0c365513;transition:transform .2s,box-shadow .2s,border-color .2s}
#content .feature-tile:hover,#content .feature-tile:focus-visible{border-color:#18b4aa;box-shadow:0 13px 28px #0f547c24;transform:translateY(-3px)}
#content .feature-media{height:120px}
#content .feature-number{background:linear-gradient(125deg,#f9cc4f,#dba420);border:1px solid #ffe89d;color:#0b2d4d}
#content .feature-info{background:#fff;padding:14px 13px}
#content .feature-info strong{color:#133b60;font-size:12px}
#content .feature-info>span{color:#627a8e}
#content .feature-info i{background:#e7f8f4;color:#007b75}
#content .dashboard-analytics .analysis-card{min-height:295px}
#content .analysis-title h3{color:#123a5d}
#content .projection-row>span{color:#567188}
#content .projection-track{background:#e7f0f6}
#content .cost-donut{box-shadow:0 7px 20px #143d5c1f}
#content .cost-donut>div{background:#fff}
#content .cost-donut b{color:#09385d}
#content .cost-donut small{color:#62758a}
#content .cost-legend p{color:#416077}
#content .cost-legend p b{color:#183c59}
#content .cost-legend .fineprint{color:#718494}
#content .dot.red{background:#19bdaf}
#content .dot.gray{background:#f5b928}
#content .plan-score strong{color:#082d51}
#content .plan-score span{color:#6b8092}
#content .plan-tasks button{color:#254d69;border-bottom-color:#e4edf4}
#content .plan-tasks button span:last-child{color:#078f89}
#content .task-mark{background:#eaf4f6;color:#0a8985}
#content .task-mark.checked{background:#def7ec;color:#08745e}
#content .dashboard-callout{background:linear-gradient(110deg,#082e59,#0a6177);border:1px solid #238e9e;color:#fff}
#content .dashboard-callout h3{color:#fff}
#content .dashboard-callout p{color:#d1eff4}
/* Guided four-step journey across the academy */
#content .academy-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:15px 0 3px;align-items:center}
#content .academy-path>i{display:none}
#content .academy-path button{display:flex;align-items:center;gap:12px;text-align:left;background:#fff;color:#103a5a;border:1px solid #d9e8f0;border-bottom:3px solid #19bdaf;border-radius:14px;padding:13px 15px;cursor:pointer;box-shadow:0 5px 17px #123e6010;min-height:74px}
#content .academy-path button:nth-of-type(even){border-bottom-color:#f5b928}
#content .academy-path button:hover{border-color:#17b4ab;transform:translateY(-2px)}
#content .path-icon{display:grid;place-items:center;font-size:20px;background:#e4f7f4;color:#087e78;width:39px;height:39px;border-radius:12px;flex:none}
#content .academy-path button:nth-of-type(even) .path-icon{background:#fff3d4;color:#906411}
#content .academy-path b{display:block;font-size:14px}
#content .academy-path small{display:block;font-size:11px;color:#698296;margin-top:2px}
@media(max-width:900px){#content .academy-path{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){#content .academy-path{gap:8px}#content .academy-path button{min-height:68px;padding:10px;gap:8px}#content .path-icon{width:33px;height:33px;font-size:18px}#content .academy-path b{font-size:12px}#content .academy-path small{font-size:10px}}
/* Header smart-learning shortcut belongs to the new palette too. */
.topbar .smart-topbtn,.topbar [data-smart-open],.topbar .smart-open{background:#ffffff17!important;color:#f1fcff!important;border:1px solid #8ac1cc!important}

/* First-screen helper: reassure, do not overwhelm the hero */
#content .smart-banner{border:1px solid #c8e2ea;background:linear-gradient(110deg,#eaf8fb,#fff);box-shadow:0 5px 18px #123c6011;border-radius:15px;padding:14px 18px;margin:0 0 17px;color:#163953}
#content .smart-eyebrow{color:#057b82}
#content .smart-banner h2{color:#133b5b;font-size:17px}
#content .smart-banner .smart-count{color:#0b7973}
#content .smart-banner p,#content .smart-disclaimer{color:#526f83}
#content .smart-banner .btn{background:#fff;color:#1f4b64;border-color:#c2dfe6}
#content .smart-issue{background:#fff6e2;border-color:#e8c66e;color:#664a10}
#content .smart-empty{color:#007a66}
#content .smart-panel{background:#fff;border-color:#d4e5ef;color:#153a56}
#content .smart-help-button,#content .smart-inline{color:#057f84;background:#e9f8f6;border-color:#b7e8e1}
#content .smart-help-text,#content .smart-example{background:#f1fbf9;color:#31536a;border-color:#c5e7e5}
/* Guided lesson studio — classroom white cards and turquoise actions */
#content .learn-panel{background:linear-gradient(145deg,#eaf7ff,#f6fcff);border:1px solid #b8dceb;color:#193953;box-shadow:0 8px 20px #163e6a15}
#content .learn-heading h2{color:#123a5e}
#content .learn-heading p{color:#5f788b}
#content .learn-kicker{color:#087f83}
#content .learn-toggle{background:#fff;color:#0a7578;border-color:#86cfc9}
#content .learn-grid>div,#content .learn-quiz{background:#fff;border-color:#d5e5ed;color:#25465e}
#content .learn-grid h3{color:#0b8e85}
#content .learn-grid p{color:#3d5b71}
#content .learn-options button{background:#f7fbfe;border-color:#c6dce8;color:#1c4967}
#content .learn-options button.learn-selected{background:#def8f2;border-color:#0b9d94;color:#085b62}
#content .learn-feedback.correct{background:#e0f8ee;color:#096d56}
#content .learn-feedback.wrong{background:#fff4da;color:#83590a}
/* Advisor and reports */
#content .ai-hero{background:linear-gradient(115deg,#092f5a,#087b84);border:1px solid #0f8396;color:#fff}
#content .ai-hero span{color:#aaf9e9}
#content .ai-hero h2{color:white}
#content .ai-hero p{color:#ddf4f4}
#content .ai-stats>div,#content .ai-result{background:#fff;border-color:#d9e6ee;color:#143653}
#content .ai-stats small,#content .ai-stats span{color:#607b91}
#content .ai-stats strong{color:#0b4064}
#content .ai-group,#content .ai-item{border-color:#e2ebf1}
#content .ai-item p,#content .ai-group small{color:#60768a}
#content .ai-dot{background:#fff2d5;color:#84600c}
#content .ai-alerts{color:#815b18}
#content .ai-privacy{background:#effaf8;border-color:#c3e6df}
#content .ai-privacy p{color:#46677a}
#content .ai-result{color:#233e57}
/* Named legacy components are re-skinned in a single shared language */
#content :is(.lm-panel,.g34-card,.a40-card,.cl-account,.cl-group,.cl-project,.sim42-panel,.m43-panel,.c44-panel,.p50-panel,.f60-panel){background:#fff!important;color:#143a58!important;border:1px solid #d6e5ef!important;box-shadow:0 6px 21px #143c6010!important;border-radius:16px}
#content :is(.lm33,.g34,.sim42-root,.mentor43-root,.connected44,.p50-root){color:#173e5d}
#content :is(.lm-hero,.g34-hero,.a40-hero,.cl-intro,.sim42-intro,.m43-hero,.c44-title,.p50-hero,.f60-hero){background:linear-gradient(112deg,#082653 0%,#0a4b76 65%,#0e8d8b 100%)!important;color:white!important;border:1px solid #1c8a9a!important;box-shadow:0 12px 24px #10365b24!important;border-radius:18px}
#content :is(.lm-hero,.g34-hero,.a40-hero,.cl-intro,.sim42-intro,.m43-hero,.c44-title,.p50-hero,.f60-hero) :is(h1,h2,h3,strong){color:#fff!important}
#content :is(.lm-hero,.g34-hero,.a40-hero,.cl-intro,.sim42-intro,.m43-hero,.c44-title,.p50-hero,.f60-hero) :is(p,small,span){color:#dbf2f4}
#content :is(.lm-hero,.g34-hero,.a40-hero,.cl-intro,.sim42-intro,.m43-hero,.c44-title,.p50-hero,.f60-hero) :is(.lm-kicker,.g34-eyebrow,.c44-eyebrow,.f60-hero small){color:#ffe188!important}
#content :is(.lm-metrics>div,.g34-kpis>div,.a40-metric,.sim42-kpi,.m43-kpis>div,.c44-kpis>div,.p50-dashboard>div,.f60-kpis article){background:#f3f9fd!important;color:#123958!important;border:1px solid #d8e9f1!important;border-radius:13px}
#content :is(.lm-metrics>div,.g34-kpis>div,.a40-metric,.sim42-kpi,.m43-kpis>div,.c44-kpis>div,.p50-dashboard>div,.f60-kpis article) :is(strong,b){color:#103658!important}
#content :is(.lm-metrics>div,.g34-kpis>div,.a40-metric,.sim42-kpi,.m43-kpis>div,.c44-kpis>div,.p50-dashboard>div,.f60-kpis article) :is(small,span){color:#607d93}
#content :is(.lm-tabs button,.g34-tabs button,.a40-tabs button,.sim42-tabs button,.m43-tabs button,.c44-tabs button,.p50-tabs button,.f60-nav button){background:#f1f8fc!important;color:#17415f!important;border:1px solid #c9e0ea!important;border-radius:11px;min-height:42px}
#content :is(.lm-tabs button.active,.g34-tabs button.active,.a40-tabs button.active,.sim42-tabs button.current,.m43-tabs button.on,.c44-tabs button.active,.p50-tabs button.selected,.f60-nav button.active){background:linear-gradient(110deg,#0c8e8b,#19bdaf)!important;color:#fff!important;border-color:#0a958b!important;box-shadow:0 5px 12px #0e908723}
#content :is(.lm-row,.lm-task,.lm-week,.lm-grid>div,.g34-task,.g34-expcard,.a40-item,.a40-choice,.a40-option,.cl-rubric,.cl-review,.cl-skillrow,.sim42-event,.sim42-reason,.m43-issue,.m43-plan,.c44-evidence,.c44-sourcegrid>div,.p50-skill,.p50-evidence,.p50-project,.f60-task,.f60-question,.f60-record){background:#f8fbfd!important;color:#1a3d59!important;border:1px solid #d8e6ef!important;border-radius:12px}
#content :is(.lm-row,.lm-task,.lm-week,.lm-grid>div,.g34-task,.g34-expcard,.a40-item,.a40-choice,.a40-option,.cl-rubric,.cl-review,.cl-skillrow,.sim42-event,.sim42-reason,.m43-issue,.m43-plan,.c44-evidence,.c44-sourcegrid>div,.p50-skill,.p50-evidence,.p50-project,.f60-task,.f60-question,.f60-record) :is(h3,strong,b){color:#133e5e!important}
#content :is(.lm-row,.lm-task,.g34-card,.g34-task,.a40-card,.a40-item,.cl-group,.cl-project,.sim42-panel,.sim42-event,.m43-panel,.m43-issue,.c44-panel,.c44-evidence,.p50-panel,.p50-skill,.f60-panel,.f60-task) :is(p,small){color:#5c7588}
#content :is(.lm-evidence,.lm-integrations,.lm-notes,.g34-note-label,.a40-note,.a40-foot,.cl-notice,.m43-note,.m43-disclaimer,.c44-note,.c44-foot,.p50-note,.p50-legend,.f60-result){background:#edf9f8!important;color:#2b5267!important;border:1px solid #cce9e6!important;border-radius:11px}
#content :is(.lm-warn,.g34-warning,.g34-alert,.a40-warn,.sim42-warn,.c44-error,.c44-danger,.f60-warning){background:#fff5dc!important;color:#6f5419!important;border:1px solid #e9d29d!important}
#content :is(.lm-hero-no,.g34-emblem,.p50-hero-emblem){color:#ffd65c!important;text-shadow:none!important}
#content :is(.lm-chip,.g34-tags span,.a40-tag,.sim42-chip,.c44-tag,.p50-pill,.f60-pill){background:#e4f7f4!important;color:#057d7b!important;border-color:#b6e9df!important}
#content :is(.lm-check,.g34-switch input,.cl-check,.a40-check){accent-color:#0c9c90}
#content :is(.lm33,.g34,.a40-card,.cl-root,.sim42-root,.mentor43-root,.connected44,.p50-root,.f60-panel) input:not([type=checkbox]):not([type=radio]):not([type=file]),
#content :is(.lm33,.g34,.a40-card,.cl-root,.sim42-root,.mentor43-root,.connected44,.p50-root,.f60-panel) select,
#content :is(.lm33,.g34,.a40-card,.cl-root,.sim42-root,.mentor43-root,.connected44,.p50-root,.f60-panel) textarea{background:#fff!important;color:#193f5c!important;border:1px solid #c8dfec!important;border-radius:10px}
#content :is(.lm33,.g34,.a40-card,.cl-root,.sim42-root,.mentor43-root,.connected44,.p50-root,.f60-panel) label{color:#284d68}
#content :is(.lm33,.g34,.a40-card,.cl-root,.sim42-root,.mentor43-root,.connected44,.p50-root,.f60-panel) :is(h2,h3,h4){color:#123a5b}
#content .g34-big,#content .lm-big{color:#0c5675}
#content .sim42-bars span{background:linear-gradient(180deg,#20cbbb,#087f91)}
#content .sim42-bars{border-bottom-color:#c9dfe8}
#content .sim42-bars small{color:#496881}
#content .sim42-table th,#content .c44-panel th{background:#eaf4fa;color:#123b5e}
#content .sim42-table td,#content .c44-panel td{border-bottom-color:#e3eef3}
#content .p50-tabs{border-bottom-color:#d8e9ed}
#content .p50-skillhead small{color:#0b958b}
#content .p50-current{border-color:#0baca3!important;box-shadow:0 0 0 1px #19bdaf30}
#content .p50-fields{color:#28465e}
#content .f60-panel h2,#content .p50-panel h2{color:#113b5e!important}
#content .f60-panel h3{color:#0c817a!important}
#content .f60-panel p{color:#486b82}
#content .f60-task p{color:#64798c}
#content .f60-form label{color:#315873}
#content .f60-result p{color:#405e73}
#content .f60-question legend{color:#153c59}
/* Audio player: light modal with strong controls, readable Thai content */
.voice50-topbtn{background:linear-gradient(110deg,#0b777c,#16b2ab)!important;color:#fff!important;border-color:#0c9e96!important}
.voice50-dock{background:linear-gradient(130deg,#082653,#0b4670)!important;color:#fff!important;border:1px solid #58c8c9!important;box-shadow:0 16px 50px #092b5566}
.voice50-dock-title strong{color:#fff}
.voice50-progress{color:#beece7}
.voice50-dock-title button{background:#ffffff20;color:#fff;border-color:#8ed6d2}
.voice50-overlay{background:#071d3edc}
.voice50-library{background:#fff;color:#133e5f;border:1px solid #a5d9e0;box-shadow:0 26px 70px #03213b80}
.voice50-library h2{color:#0b2e54}
.voice50-library p{color:#547389}
.voice50-library-top small{color:#078c88}
.voice50-library-top button{background:#e9f5f8;color:#0c5570;border-color:#b9d9e7}
.voice50-settings label{color:#214e68}
.voice50-settings select{background:#fff;color:#103956;border-color:#c3deea}
.voice50-groups button,.voice50-actions button{background:#0b978e;color:#fff;border-color:#0e988c}
.voice50-actions button:not(:first-child){background:#e5f3f7;color:#0f5576;border-color:#b7d9e6}
.voice50-topic{border-bottom-color:#e2ebf0}
.voice50-topic span{color:#254963}
.voice50-topic button{background:#e6f7f5;color:#087f79;border:1px solid #b5e3df}
.voice50-list{border-top-color:#dce8ef}
.voice50-warning{color:#9a6311!important}
.voice50-fab{background:linear-gradient(140deg,#09b5a6,#087f91)!important;color:#fff!important;border-color:#fff!important;box-shadow:0 6px 20px #0c7d8b42}
/* Mobile and tablet layout: keep bottom navigation while maximizing reading space */
@media(max-width:1150px){.sidebar{width:228px}.topbar{padding:0 20px}.content{padding:23px 20px 55px}}
@media(max-width:700px){
 .sidebar{width:274px;left:-285px;position:fixed;box-shadow:18px 0 45px #041c3e50}
 .sidebar.open{left:0}.nav-scrim.visible{background:#041834a8}
 .topbar{height:63px;padding:0 12px;gap:9px}
 .crumb{max-width:123px;font-size:12px}
 .top-actions .btn.primary{font-size:10px;padding:9px 10px}
 .mobile-menu{color:#fff}
 .content{padding:13px 12px 35px}
 #content .hero-cinematic{min-height:370px;padding:21px 20px 23px;align-items:flex-end;background:linear-gradient(180deg,rgba(8,38,83,.12) 0%,rgba(8,38,83,.78) 35%,#082653 77%),url('assets/hero.jpg') center top/auto 61% no-repeat,#082653;border-radius:18px}
 #content .hero-cinematic h1{font-size:39px;letter-spacing:-1.4px}
 #content .hero-cinematic h2{font-size:17px}
 #content .hero-cinematic p{font-size:12px}
 #content .hero-cinematic .hero-tag{font-size:8px}
 #content .smart-banner{margin:0 0 13px;padding:13px 14px}
 #content .smart-banner h2{font-size:15px}
 #content .dashboard-lead h2{font-size:18px}
 #content .feature-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-color:#77cfc9 transparent;gap:10px;margin-right:-12px;padding:2px 12px 12px 1px}
 #content .feature-tile{min-width:156px;max-width:156px;scroll-snap-align:start}
 #content .dashboard-analytics{grid-template-columns:1fr}
 #content .metric-grid{gap:9px}
 #content .metric-card{padding:12px 10px;min-height:125px}
 #content .metric-card .stat-number{font-size:20px}
 .mobile-bottom{background:rgba(255,255,255,.97);box-shadow:0 -6px 24px #143b591e;border-top:1px solid #cde2ed;min-height:66px;backdrop-filter:blur(14px)}
 .bottom-tab{color:#6f879a;font-weight:650}
 .bottom-tab.active{color:#008b84}
 .bottom-main{color:#0b5f68}
 .bottom-main span{background:linear-gradient(145deg,#f7c643,#e9ac21);border:3px solid #fff;box-shadow:0 5px 15px #bf93264d;color:#082653}
 .main>footer{padding-bottom:94px}
 .voice50-dock{right:10px;bottom:77px;width:calc(100vw - 20px)}
 .voice50-fab{bottom:80px!important}
 .voice50-library{max-height:90vh;padding:16px}
 .voice50-settings{grid-template-columns:1fr}
 #content :is(.p50-dashboard,.f60-kpis,.c44-kpis,.lm-metrics,.g34-kpis){grid-template-columns:repeat(2,minmax(0,1fr))}
 #content :is(.f60-form,.p50-cards,.c44-sourcegrid){grid-template-columns:1fr}
 #content .grid.c2,#content .grid.c3,#content .grid.c4{grid-template-columns:repeat(2,minmax(0,1fr))}
 #content .form-grid,#content .toc,#content .bmc{grid-template-columns:1fr}
 #content .g34-card,#content .p50-panel,#content .f60-panel,#content .c44-panel{padding:15px}
}
@media(max-width:390px){#content .grid.c2,#content .grid.c3,#content .grid.c4{grid-template-columns:1fr 1fr}#content .metric-card .stat-number{font-size:18px}.topbar .btn.primary{padding:7px 8px;font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Print is professional, neutral and never navy-background. */
@media print{html,body{color-scheme:light!important;background:white!important;color:#111!important}#content,.content,.sidebar,.topbar,.mobile-bottom,.voice50-fab,.voice50-dock{display:none!important}#reportPrint{display:block!important;color:#111!important;background:#fff!important}#reportPrint *{color:#111!important;background:transparent!important;box-shadow:none!important}}
/* Final legacy-module reconciliation: these banners are header elements rather than .hero classes. */
#content .sim42-root>header,#content .mentor43-root>header{background:linear-gradient(112deg,#082653,#0b567a 70%,#0c878b)!important;border:1px solid #168b9a!important;border-radius:18px!important;box-shadow:0 10px 25px #0a3a5b25!important;color:#fff!important}
#content .sim42-root>header h1,#content .mentor43-root>header h1{color:#fff!important}
#content .sim42-root>header p,#content .mentor43-root>header p{color:#e1f9f8!important}
#content .sim42-eyebrow,#content .m43-eyebrow{color:#ffe28a!important}
#content .sim42-chip{background:#dff8ed!important;color:#0b786d!important}
#content .sim42-progress{background:#b7d9e7}
#content .sim42-progress span{background:linear-gradient(90deg,#0e9b9a,#f5b928)}
#content .m43-muted,#content .sim42-dim,#content .sim42-footer{color:#627d90}
#content .m43-sev{background:#e6f8f3;color:#0c7a70}
#content .m43-evidence span{background:#e5f5f6;border-color:#c6e2e8;color:#25536a}
#content :is(.m43-form label,.m43-plan label,.sim42-form label,.sim42-reason){color:#2a536c}
#content .sim42-event p{color:#4b6579!important}
/* Reading/listening stays in the turquoise family, never legacy burgundy. */
#content .learn-voice-actions button,.learn-voice-actions button{background:#edf8fa!important;border:1px solid #bedfe4!important;color:#0b5773!important}
#content .learn-voice-actions button:first-child,.learn-voice-actions button:first-child{background:linear-gradient(120deg,#0d8e8a,#19bdaf)!important;border-color:#0c978c!important;color:white!important}
#content .a40-option:hover,#content .a40-choice:hover{border-color:#20b4a5!important}
@media(max-width:700px){#content .sim42-root>header,#content .mentor43-root>header{padding:22px 20px!important}}
.voice50-advanced{background:linear-gradient(115deg,#0d8d8a,#19bdaf)!important;color:#fff!important;border:1px solid #0a958e!important;border-radius:10px;box-shadow:0 5px 14px #0b777a1c;margin:8px 0 14px}
.voice50-advanced:hover{filter:brightness(.96)}

/* FoodBiz 6.0.2 — accessible reading colors for Smart Learning.
   The previous dark-theme child rules used white text on light warning cards.
   Keep palette in the Smart Academy family; body text targets >= WCAG AA contrast. */
#content .smart-banner .smart-issue,
#content .smart-banner .smart-issue.critical{
  background:#fff8e8!important;
  border:1px solid #e1bd70!important;
  border-left:4px solid #b57024!important;
  color:#253d4a!important;
  padding:13px 15px;
}
#content .smart-banner .smart-issue.critical{
  background:#fff3e8!important;
  border-color:#dfac92!important;
  border-left-color:#bd4149!important;
}
#content .smart-banner .smart-issue strong{
  color:#743524!important;
  font-weight:800;
  font-size:14px;
  line-height:1.6;
}
#content .smart-banner .smart-issue.critical strong{color:#8f2939!important}
#content .smart-banner .smart-issue p{
  color:#344657!important;
  font-size:13px!important;
  line-height:1.7!important;
  margin:4px 0!important;
}
#content .smart-banner .smart-issue p b{
  color:#5f4118!important;
  font-weight:800;
}
#content .smart-banner .smart-issue .btn{
  color:#16435e!important;
  background:#fff!important;
  border:1px solid #a7c8d7!important;
  font-weight:750;
}
#content .smart-banner .smart-issue .btn:hover,
#content .smart-banner .smart-issue .btn:focus-visible{
  color:#083e55!important;
  background:#e6f8f5!important;
  border-color:#0a8b83!important;
}
#content .smart-inline,#content .smart-help-text{
  background:#eaf8f6!important;
  color:#193e53!important;
  border-color:#a9dad4!important;
}
#content .smart-inline :is(strong,b),
#content .smart-help-text :is(strong,b){color:#0b5e67!important}
#content .smart-inline p,#content .smart-help-text p{
  color:#2c4c61!important;
  font-size:13px!important;
  line-height:1.7!important;
}
/* The guide drawer lives under <body>, not inside #content. */
#smartPanel.smart-panel{
  background:#fff!important;
  color:#163a56!important;
  border-left:1px solid #c5dce6!important;
}
#smartPanel .smart-panel-head{
  border-bottom-color:#d3e4eb!important;
}
#smartPanel :is(h2,h3,h4,strong,b){color:#143c58!important}
#smartPanel p,#smartPanel li{color:#34536a!important}
#smartPanel .smart-example{
  background:#f0faf8!important;
  border-color:#b8dedb!important;
  color:#254c5f!important;
}
#smartPanel .smart-example p{color:#34536a!important}
#smartPanel .smart-panel-head button{
  background:#e9f6f7!important;
  border-color:#a8d6da!important;
  color:#154b5e!important;
}
#smartPanel .smart-disclaimer{color:#5c7385!important;border-top-color:#d5e4ec!important}