/* AdReward 8 — Ocean / Indigo. Shared tokens for every application surface. */
:root{--surface:#fff;--surface-2:#f1f5f9;--surface-3:#e8eef7;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--bg:#f8fafc;--green:#2563eb;--mint:#dbeafe;--nav:#0a2540;--blue:#2563eb;--cyan:#0891b2;--amber:#f59e0b;--soft-blue:#edf3ff;--shadow:0 8px 28px #0a254008;--teal-50:#edf3ff;--teal-100:#dbeafe;--teal-200:#bfdbfe;--teal-300:#67c7dd;--teal-400:#14b8a6;--teal-500:#2563eb;--teal-600:#2563eb;--teal-700:#1e3a8a;--teal-800:#1a237e;--teal-900:#0a2540;--teal-A100:#e0f2fe;--teal-A200:#67e8f9;--teal-A400:#14b8a6;--teal-A700:#0891b2;accent-color:var(--blue)}
:root[data-theme=dark]{--surface:#1e293b;--surface-2:#172236;--surface-3:#243349;--ink:#f8fafc;--muted:#b0bfd1;--line:#344256;--bg:#0b1220;--green:#3b82f6;--mint:#243e69;--nav:#101b2f;--blue:#60a5fa;--cyan:#22d3ee;--soft-blue:#1c3051;--shadow:0 8px 28px #0002;--teal-50:#1c3051;--teal-100:#243e69;--teal-200:#315988;--teal-700:#93c5fd;--teal-800:#a5b4fc;--teal-900:#e2e8f0}
body{background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:inherit}button,a,input,select,textarea{touch-action:manipulation}a{color:var(--blue)}button:focus-visible,a:focus-visible{outline:3px solid var(--amber);outline-offset:4px}h1,h2,h3{color:var(--ink)}h1{letter-spacing:-1.3px}h2{letter-spacing:-.35px}
.theme-switch{position:fixed;right:22px;bottom:22px;z-index:90;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink);box-shadow:0 4px 20px #0a254023;font-size:23px}
aside.side{background:var(--surface);color:var(--ink);border-right:1px solid var(--line);width:232px;padding:25px 16px}.side .brand{color:var(--nav);font-size:25px}.brand span{background:#2563eb;color:#fff;border-radius:12px}.brand b{color:#2563eb}.side .menu-label{color:var(--muted);font-size:10px;letter-spacing:1.4px;margin-top:28px}.side .nav button{color:var(--muted);border-radius:12px;min-height:42px;font-size:12px}.side .nav button svg{width:19px;height:19px}.side .nav button:hover{color:var(--ink);background:var(--surface-2)}.side .nav button.active{background:var(--nav);color:#fff;box-shadow:0 5px 10px #0a254018}.side .side-help{color:var(--muted)}.side-tip{background:var(--soft-blue);color:var(--ink);border-radius:16px}.side-tip strong{color:var(--ink)}.side .copyright{color:var(--muted)}
.shell{margin-left:232px}.shell>header{background:var(--bg);border-bottom:1px solid var(--line);padding:17px 32px;gap:12px}.shell>main{padding:30px 32px;max-width:1720px}.shell>header .account>span{background:var(--soft-blue);color:var(--blue)}.shell>header .account{background:transparent;color:var(--ink)}.shell>header .account small,.breadcrumb{color:var(--muted)}
.btn{background:#2563eb;color:#fff;border-radius:11px;font-weight:600;min-height:42px;box-shadow:none}.btn:hover{background:#1d4ed8;color:#fff}.btn.outline,.btn.ghost{background:var(--surface);border-color:var(--line);color:var(--ink)}.btn.outline:hover{background:var(--surface-2)}.btn.mint{background:var(--amber);color:#172236}.text-btn{color:var(--blue)}.icon-btn{color:var(--ink);background:transparent;border-radius:10px}.icon-btn:hover{background:var(--surface-3)}
.box,.stat,.omni-stat-card,.omni-company,.omni-panel,.omni-connection,.omni-plan,.mk-card,.creator-card,.network-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:20px;color:var(--ink)}.box{padding:24px}.stats{gap:16px}.stat{padding:22px}.stat p{color:var(--muted);font-size:12px}.stat strong{font-size:28px}.stat-icon{background:var(--soft-blue);color:var(--blue);border-radius:12px}.page-head{margin-bottom:28px}.subtitle,.eyebrow,.muted{color:var(--muted)}.eyebrow{letter-spacing:1.3px;font-size:10px;font-weight:700}
.table{background:var(--surface);color:var(--ink);font-size:13px}.table thead,.table th{background:var(--surface-2);color:var(--muted);font-weight:600;font-size:11px}.table th,.table td{border-color:var(--line);padding:15px 16px}.table tbody tr:hover{background:var(--surface-2)}.table small{color:var(--muted)}.table-scroll{border:1px solid var(--line);border-radius:14px;overflow:auto}
.field input,.field select,.field textarea,input,select,textarea{background:var(--surface);color:var(--ink);border-color:var(--line);border-radius:10px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue);outline:2px solid var(--soft-blue)}.field{color:var(--muted);font-size:12px;font-weight:600}.check-label{color:var(--ink)}dialog{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:24px;box-shadow:0 30px 100px #0004}dialog::backdrop{background:#07132790;backdrop-filter:blur(5px)}.modal-head{background:var(--surface-2);border-color:var(--line);border-radius:24px 24px 0 0}.modal-head h2{color:var(--ink)}.modal-body{background:var(--surface)}.modal-actions{border-color:var(--line)}
.badge{background:#eaf8ef;color:#166534;border:none}.badge.gray{background:var(--surface-2);color:var(--muted)}.badge.amber{background:#fff7dc;color:#92400e}.note,.omni-notice,.mk-note,.network-note{background:var(--soft-blue);color:var(--ink);border:1px solid var(--line);border-radius:14px}.error{color:#ef4444}.toast{background:var(--nav);color:#fff;border:1px solid var(--line)}.foot{color:var(--muted);border-color:var(--line)}
.auth-layout{background:var(--bg)}.auth-brand{background:#0a2540 url('/art/omnichannel.png') center bottom/cover no-repeat;color:#fff;position:relative}.auth-brand:before{content:"";position:absolute;inset:0;background:linear-gradient(#0a2540f5 0%,#0a2540dc 52%,#0a254018)}.auth-brand>*{position:relative;z-index:1}.auth-brand .brand,.auth-brand h1,.auth-brand p,.auth-brand small{color:#fff}.auth-brand .eyebrow{color:#93c5fd}.auth-form-wrap{background:var(--bg)}.auth-form{max-width:460px}.auth-role-switch{background:var(--surface-2);border:1px solid var(--line);padding:5px;border-radius:12px}.auth-role-switch button{color:var(--muted);border-radius:8px}.auth-role-switch button.active{background:var(--surface);color:var(--blue);box-shadow:0 2px 8px #0001}
.public-header,.public-footer{background:var(--surface);color:var(--ink);border-color:var(--line)}.public-header .brand,.public-footer .brand{color:var(--ink)}.public-nav a,.public-footer a{color:var(--muted)}
.omni-workspace,.mk-shell{color:var(--ink)}.omni-workspace-bar{background:var(--surface);border-color:var(--line);border-radius:14px}.omni-company-switch{color:var(--ink)}.omni-company-switch>span,.omni-company-initial{background:var(--soft-blue);color:var(--blue)}.omni-tabs{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:5px;gap:3px}.omni-tabs button{color:var(--muted);border-radius:9px;font-size:12px}.omni-tabs button.active{background:var(--nav);color:#fff}.omni-page-header h1{font-size:32px}.omni-page-header p,.omni-kicker,.omni-workspace-note{color:var(--muted)}.omni-kicker{font-size:10px}.omni-header-art{background:var(--soft-blue);color:var(--blue)}
.omni-chart-value,.omni-stat-card strong,.mk-stat strong{color:var(--ink)}.omni-chart text{fill:var(--muted)}.omni-chart rect{fill:#2563eb}.omni-chart rect:last-of-type{fill:#14b8a6}.omni-mobile-tab,.mk-mobile-nav{color:var(--muted)}.mk-side{background:var(--surface);border-color:var(--line)}.mk-side button{color:var(--muted)}.mk-side button.active{background:var(--soft-blue);color:var(--blue)}
.ex-welcome{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.ex-welcome h1{font-size:30px;margin:7px 0}.ex-welcome p{color:var(--muted)}.ex-date{display:flex;align-items:center;gap:9px;border:1px solid var(--line);padding:10px 13px;border-radius:10px;color:var(--muted);background:var(--surface);font-size:12px}.ex-date svg{width:16px}.ex-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.ex-kpi{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:21px;box-shadow:var(--shadow)}.ex-kpi>div{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.ex-kpi svg{width:18px;color:var(--blue)}.ex-kpi>strong{display:block;font-size:32px;letter-spacing:-1px;margin:13px 0 7px;font-weight:600}.ex-kpi small{color:var(--muted);font-size:10px}.ex-dash-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr);gap:22px;margin-bottom:24px}.ex-section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.ex-section-title small{font-size:9px;letter-spacing:1.4px;color:var(--muted)}.ex-section-title h2{font-size:16px}.ex-chart-total{font-size:38px;letter-spacing:-1px}.ex-chart-total small{font-size:12px;letter-spacing:0;color:var(--muted)}.ex-bar-chart{height:200px;display:flex;align-items:flex-end;gap:14px;padding-top:15px}.ex-bar-chart>div{flex:1;display:flex;flex-direction:column;align-items:center;gap:12px}.ex-bar-chart span{width:100%;max-width:44px;border-radius:7px 7px 3px 3px;background:#bfdbfe}.ex-bar-chart>div:nth-child(3n) span{background:#14b8a6}.ex-bar-chart>div:last-child span{background:#2563eb}.ex-bar-chart small{font-size:9px;color:var(--muted)}.ex-feature-card{background:linear-gradient(145deg,#edf3ff,#e5f7f6 68%,#fff0dc);color:#0a2540;padding:25px;border-radius:20px;display:flex;flex-direction:column;gap:14px}.ex-feature-card h2{color:#0a2540;font-size:24px;line-height:1.25}.ex-feature-card p{font-size:12px;color:#52657b}.ex-feature-card>small{font-size:9px;letter-spacing:1.4px}.ex-feature-card .btn{margin-top:auto;align-self:flex-start;background:#0a2540;color:#fff}.ex-feature-icon{width:42px;height:42px;border-radius:12px;background:#fff;display:grid;place-items:center;color:#2563eb}.ex-feature-icon svg{width:20px}.ex-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ex-shortcuts a{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:15px 12px;border-radius:14px;text-decoration:none;color:var(--ink)}.ex-shortcuts a:hover{background:var(--surface-2)}.ex-shortcuts a>span{background:var(--soft-blue);color:var(--blue);width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.ex-shortcuts svg{width:17px}.ex-shortcuts strong{font-size:12px}.ex-shortcuts small{display:block;font-size:10px;color:var(--muted)}.ex-shortcuts b{margin-left:auto;color:var(--muted)}.ex-composition{display:grid;justify-items:center;gap:4px;margin:20px 0}.ex-composition>span{width:58px;height:58px;border:6px solid #2563eb;border-right-color:#14b8a6;border-radius:50%;display:grid;place-items:center;color:var(--blue)}.ex-composition svg{width:21px}.ex-composition strong{font-size:26px}.ex-composition small{color:var(--muted);font-size:10px}.ex-legend>span{display:flex;align-items:center;gap:8px;font-size:12px;margin-top:8px}.ex-legend b{margin-left:auto}.ex-legend i{width:7px;height:7px;border-radius:50%;background:#2563eb}.ex-legend>span+span i{background:#14b8a6}
[data-theme=dark] .side .brand{color:var(--ink)}[data-theme=dark] .badge{background:#12372a;color:#86efac}[data-theme=dark] .badge.gray{background:var(--surface-2);color:var(--muted)}[data-theme=dark] .badge.amber{background:#42331b;color:#fcd34d}[data-theme=dark] :is(.omni-panel-head,.omni-quick-card,.omni-connection,.omni-plan,.network-stat,.creator-stat,.creator-panel,.mk-step,.mk-kpi,.mk-stat,.mk-column,.mk-contact,.mk-post-copy,.mk-chat-thread,.commercial-card,.business-card){background:var(--surface);color:var(--ink);border-color:var(--line)}[data-theme=dark] :is(.omni-progress,.omni-empty-bars i,.progress,.skeleton){background:var(--surface-3)}[data-theme=dark] .mobile-nav{background:var(--surface);border-color:var(--line)}[data-theme=dark] .mobile-nav button{color:var(--muted)}[data-theme=dark] .mobile-nav button.active{color:var(--blue)}[data-theme=dark] .empty{color:var(--muted);background:transparent}
@media(min-width:1500px){.shell>main{padding:35px 45px}}
@media(max-width:1100px){.ex-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ex-dash-grid{grid-template-columns:1fr}.ex-feature-card{min-height:230px}.ex-date{display:none}}
@media(max-width:900px){aside.side{width:232px;transform:translateX(-100%)}aside.side.open{transform:translateX(0)}.shell{margin-left:0}.shell>header{padding:14px 20px}.shell>main{padding:24px 20px 90px}.menu-btn{display:inline-flex}.ex-welcome h1{font-size:27px}}
@media(max-width:600px){.shell>main{padding:20px 14px 90px}.shell>header{padding:12px 14px}.shell>header>.badge{display:none}.box{padding:18px}.ex-kpis{gap:10px}.ex-kpi{padding:16px}.ex-kpi>strong{font-size:27px}.ex-kpi>div{font-size:11px}.ex-kpi svg{display:none}.ex-shortcuts{grid-template-columns:1fr}.ex-section-title{align-items:flex-start;flex-wrap:wrap}.ex-bar-chart{gap:8px}.ex-bar-chart small{font-size:8px}.theme-switch{right:14px;bottom:77px;width:40px;height:40px}.auth-role-switch{display:grid;grid-template-columns:1fr 1fr}.auth-form-wrap{padding:30px 22px 90px}.auth-form h1{font-size:30px}.modal-body{padding:18px}.page-head{gap:15px}.omni-page-header h1{font-size:27px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

body,body.workspace-page{--ink:inherit;--green:inherit;--mint:inherit;--bg:inherit;--line:inherit;--muted:inherit}body.workspace-page .side{background:var(--surface);color:var(--ink);width:232px;padding:25px 16px;border-right:1px solid var(--line)}body.workspace-page .shell{margin-left:232px}body.workspace-page .shell>header{background:var(--bg);border-color:var(--line);padding:17px 32px}body.workspace-page .shell>main{padding:30px 32px;max-width:1720px}body.workspace-page .side .brand,body.workspace-page .side .brand b{color:var(--ink)}body.workspace-page .nav button{color:var(--muted)}body.workspace-page .nav button.active{background:#0a2540;color:#fff}body.workspace-page .side-tip{color:var(--muted);background:var(--soft-blue)}body.workspace-page .side-tip strong{color:var(--ink)}body.workspace-page :is(.omni-workspace,.network-workspace) .btn{background:#2563eb;color:white;border-radius:11px}body.workspace-page :is(.omni-workspace,.network-workspace) .btn.outline{background:var(--surface);color:var(--ink);border-color:var(--line)}
@media(max-width:900px){body.workspace-page .shell{margin-left:0}body.workspace-page .side{transform:translateX(-100%)}body.workspace-page .side.open{transform:translateX(0)}body.workspace-page .shell>main{padding:24px 20px 90px}body.workspace-page .shell>header{padding:14px 20px}}@media(max-width:600px){body.workspace-page .shell>main{padding:20px 14px 90px}body.workspace-page .shell>header{padding:12px 14px}}

aside.side,body.workspace-page aside.side{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.side>.nav{flex-shrink:0}.side>.side-bottom{flex-shrink:0}.large-modal{width:min(1000px,calc(100vw - 28px));max-height:calc(100dvh - 30px)}.empty{border-color:var(--line)}[data-theme=dark] .ex-feature-card{background:linear-gradient(145deg,#203554,#17383e 68%,#34331e)}[data-theme=dark] .ex-feature-card h2{color:#f8fafc}[data-theme=dark] .ex-feature-card p,[data-theme=dark] .ex-feature-card>small{color:#b0bfd1}[data-theme=dark] .ex-feature-icon{background:#1e293b;color:#93c5fd}[data-theme=dark] .ex-feature-card .btn{background:#2563eb}

/* Shared theme treatment for the earlier operational modules. */
.omni-tabs>button{padding:12px 15px;gap:7px;min-height:44px}.omni-tabs>button.active{color:#fff}.omni-tabs>button.active:after{display:none}
.omni-workspace .table th,.network-workspace .table th{background:var(--surface-2);color:var(--muted)}
.omni-channel>.btn{background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line)!important}
.omni-health-row,.omni-placement-footer,.omni-chart-legend{border-color:var(--line)}
.mk-feature,.pf-total-strip{color:#f8fafc}.mk-feature .mk-flow strong{color:#f8fafc}.mk-feature .mk-flow article{border-color:#315988}
.mk-stage header{color:var(--muted)}.mk-stage header b{background:var(--surface-3);color:var(--ink)}
.mk-nav button.active,.mk-trigger,.mk-deal b,.mk-account-grid b,.mk-reward-grid strong{color:var(--blue)}
.mk-metric strong,.mk-head h2,.mk-box-head h3,.mk-page-cover strong{color:var(--ink)}
.mk-search input,.mk-mobile-nav select{background:var(--surface);color:var(--ink);border-color:var(--line)}
.business-feature,.business-feature h2{color:#fff}.business-feature .btn{color:#0a2540}
.wallet{background:#0a2540}.wallet :is(p,small,.wallet-label){color:#bfdbfe}
:is(#story,.story-shell,.story-top){background:#0a2540}.story-top .icon-btn{color:#fff}.story-header small{color:#bfdbfe}
.pf-hero-mark{background:var(--soft-blue);color:var(--blue)}.pf-creative:nth-child(3n+2) .pf-creative-preview{background:var(--surface-2);color:var(--muted)}
[data-theme=dark] :is(.mk-handoff,.mk-pending,.mk-waiting,.mk-external,.mk-credentials,.mk-review,.cr-status-signing,.cr-status-submitted,.cr-status-pending,.cr-status-revision,.cr-status-open,.pf-tag.amber,.omni-alert-card,.business-check.has-errors){background:#42331b;color:#fcd34d;border-color:#715328}
[data-theme=dark] :is(.mk-failed,.mk-lost,.cr-status-rejected,.cr-status-suspended,.omni-error,.network-reconciliation.bad){background:#442826;color:#fecaca;border-color:#704139}
[data-theme=dark] .payment-note{color:#fcd34d!important}
@media(max-width:1180px){.omni-tabs>button{padding:11px 12px}}

.chip.active{background:#0a2540;color:#fff;border-color:#0a2540}.cr-feature{background:#0a2540;color:#fff}.cr-feature h3{color:#fff}.cr-feature :is(p,.cr-eyebrow,.cr-tags span){color:#bfdbfe}.cr-feature .btn{background:#dbeafe;color:#0a2540}

.workspace>*{min-width:0}.rail>*{min-width:0}.chips{max-width:100%}
@media(max-width:1180px){.workspace{grid-template-columns:minmax(0,1fr)}}
.pub-chat button:not(.pub-btn){color:var(--ink)}