/* Canonical JJU workspace theme. Generated copies are synced by scripts/sync-workspace-theme.mjs. */
:root{--bg:#f6f7f9;--ink:#202531;--muted:#707785;--line:#e6e8ed;--border:#e6e8ed;--accent:#6448c4;--teal:#6448c4;--brand:#6448c4;--purple:#6448c4;color:var(--ink);background:var(--bg);font-family:SBAggro,'Malgun Gothic',sans-serif;font-weight:300}
body{background:var(--bg);color:var(--ink);font-family:SBAggro,'Malgun Gothic',sans-serif;font-size:13px;font-weight:300;line-height:1.65}button,input,textarea,select{font-family:inherit!important}button,.button,input,select,textarea{border-radius:7px}button{font-weight:400;box-shadow:none}button:focus-visible,a:focus-visible{outline:3px solid #c7b9ef;outline-offset:3px}button:hover{border-color:#c7b9ef;background:#f6f3fd;color:#5236ad}button.primary,.primary{background:#6448c4;border-color:#6448c4;color:#fff;box-shadow:none}button.primary:hover,.primary:hover{background:#553aaf;color:#fff}input,select,textarea{border-color:#dfe2e9;background:white;color:#303542;font-size:13px}input:focus,select:focus,textarea:focus{outline:2px solid #dcd3f5;border-color:#8e75cd;box-shadow:none}input[type=checkbox]{accent-color:#6448c4}h1,h2,h3,strong,b{font-weight:500}h1{color:#202531;letter-spacing:-.7px}p.muted,.muted{color:#707785}.panel,.card,.stat,.table-wrap,dialog{background:#fff;border-color:#e6e8ed;border-radius:12px;box-shadow:none}.stats .stat{background:white;border-color:#e6e8ed}.stat::after{display:none}.stat strong{font-weight:500;color:#202531}.stat>span,.stat small{color:#707785}.stat.teal strong{color:#6448c4}.stat.warn strong{color:#ae7839}th{background:#fafafb;color:#737986;border-color:#e6e8ed;font-weight:400}td{color:#3f4551;border-color:#eef0f3}tbody tr:hover{background:#faf9fd}.panel-head h2{color:#303542;font-weight:500}.pill{background:#f2f3f6;color:#646c79}.pill.s3{background:#f1edfb;color:#6448c4}.pill.s4{background:#edf7f2;color:#32836a}.pill.s2{background:#fcf5e9;color:#9b7135}dialog::backdrop{background:#20253155;backdrop-filter:blur(3px)}.toast,#toast{background:#303342;color:white;border-radius:8px}.notice{background:#f5f2fc;border:1px solid #e7e0f5;color:#68558d}.danger{color:#b74e5b}a{color:#6448c4}
/* Dark palette: product photographs and print output retain their original colors. */
:root{color-scheme:dark;--bg:#11151e;--surface:#1b2230;--raised:#252f40;--ink:#edf2fa;--muted:#b6c2d5;--line:#46536b;--border:#46536b;--accent:#c6b4ff;--brand:#c6b4ff;--purple:#c6b4ff;--teal:#c6b4ff;--soft:#2b2540;--accent-dark:#aa8cff;background:var(--bg)!important;color:var(--ink)!important}
html body{background:var(--bg)!important;color:var(--ink)!important;font-size:14px;line-height:1.7}
html body :is(main,.shell,.tool-panel,#tool-product-panel,#tool-cafe24-panel){background:var(--bg)!important;color:var(--ink)!important}
html body :is(aside,#tools-bar,header,.panel,.card,.stat,.stats>div,.stats>div:first-child,.cards .card,.cards .card:nth-child(2),dialog,.toolbar,.syncbar,.table-wrap,.scroll,.auth-card,.auth-wrap,.story-step,.product-launch,.invoice-steps section,.invoice-original,.tracking-table){background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line)!important;box-shadow:none!important}
html body :is(h1,h2,h3,h4,strong,b,.heading h1,.heading p,.heading .eyebrow,.top h1,.panel-head h2,.product-cell strong,.stat strong,.stats strong,.stats b,.cards .card strong,.brand,.brand b,.brand span,aside .brand,aside .brand b,aside .brand span){color:var(--ink)!important}
html body :is(p,small,label,legend,.muted,.note,.footnote,.eyebrow,.statusline,.stat>span,.stat small,.product-cell small,.brand small,aside .brand small,.asidefoot,footer,.nav-label,.navlabel,.nav-caption,.heading p,.heading small,.story-description,.story-footer,.story-step small,.auth-card>.muted,.auth-card label,#tool-version,#tool-creator,.account strong,.account small){color:var(--muted)!important;opacity:1}
html body :is(input,select,textarea){background:#141b27!important;color:var(--ink)!important;border-color:#596984!important;caret-color:#e7dcff}
html body input::placeholder,html body textarea::placeholder{color:#acb8cb!important;opacity:1}
html body :is(input,select,textarea):focus{outline:2px solid #bca3ff!important;outline-offset:2px;border-color:#bca3ff!important;box-shadow:none!important}
html body :is(input,select,textarea):disabled,html body input[readonly],html body textarea[readonly]{background:#242d3d!important;color:#bcc7d8!important}
html body :is(button,.button,.file,.action){background:var(--raised)!important;color:var(--ink)!important;border-color:#596984!important;box-shadow:none!important}
html body :is(button,.button,.file,.action):hover:not(:disabled){background:#34415a!important;border-color:#b9a0f7!important;color:#fff!important}
html body :is(button.primary,.primary,.product-download,.cafe24-download,.product-open,#activeExcel,#download,button[data-export],button[data-preflight],#auth-submit){background:#7052c6!important;border-color:#9f86e1!important;color:#fff!important}
html body :is(button.primary,.primary,#auth-submit):hover:not(:disabled){background:#7d5fd3!important;color:#fff!important}
html body button:disabled{opacity:1!important;background:#293244!important;color:#aebbd0!important;border-color:#46536b!important;cursor:default}
html body :is(a,.today-profit>strong,.stat.teal strong){color:#d0bfff!important}
html body :is(button,a,input,select,textarea):focus-visible{outline:3px solid #cfbaff!important;outline-offset:3px}
html body aside :is(nav button,button.nav),html body #shell aside nav button,html body #tools-bar [role=tab]{color:var(--muted)!important;background:transparent!important;border-color:transparent!important}
html body aside :is(nav button.active,button.nav.active),html body #shell aside nav button.active,html body #tools-bar [role=tab][aria-selected=true]{background:#32294b!important;color:#e1d3ff!important;border-color:#b79af8!important}
html body :is(.nav-count,.avatar,.badge,.pill,.product-connection,.cafe24-connection,.notice,.checklist,.toast,#toast,.shipping-note,.app-update-dialog .update-version){background:#2b2540!important;color:#dfd1ff!important;border-color:#776393!important}
html body :is(.danger,.error,[role=alert]){color:#ffb8c4!important}
html body :is(.warn,.notice.warn,.pill.s2){background:#3a3020!important;color:#ffdfab!important;border-color:#a6874f!important}
html body :is(.ok,.success,.pill.s4){background:#18372f!important;color:#a7eccb!important;border-color:#548c77!important}
html body :is(th,thead td){background:#263144!important;color:#d5deed!important;border-color:var(--line)!important}
html body td{background:var(--surface);color:#e2e9f5!important;border-color:#39465c!important}
html body tbody tr:hover td{background:#2a364b!important}
html body tr:has(input:checked) td,html body .mapping-item:has(input:checked){background:#342b4a!important;border-color:#9f86d2!important}
html body :is(input[type=checkbox],input[type=radio]){accent-color:#b89af7;color-scheme:dark}
html body :is(.drop,.drop.over,#preview,pre,code,.detail-preview,.preview-img,.thumb,.invoice-extra,.invoice-footer){background:#18212e!important;color:var(--ink)!important;border-color:#687998!important}
html body .thumb.selected{border-color:#ceb5ff!important;outline:2px solid #ceb5ff}
html body .heading,html body .workspace-intro{background:transparent!important;box-shadow:none!important;color:var(--ink)!important}
html body .auth-story{background:#191d2c!important;border-color:var(--line)!important;color:var(--ink)!important}
html body .auth-story h2{color:#f0f3fb!important}html body .auth-story h2 em{color:#cdb7ff!important}
html body .auth-links button{color:#d0bfff!important;background:transparent!important}
html body dialog::backdrop{background:#050911c7!important;backdrop-filter:none!important}
html body :is(.bar-track,.chart-track){background:#303c50!important}
html body ::selection{background:#7358ab;color:#fff}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{html body,html body main,html body :is(.panel,.card,td,th){color:#111!important;background:#fff!important;border-color:#777!important}html body :is(button,nav,aside,#tools-bar){display:none!important}}
html body .top>div>small,html body .top>small{background:#252f40!important;color:#d8e2f2!important;border:1px solid var(--line)}
html body :is(table,input,select,textarea,label){font-size:14px}
html body :is(small,.note,.footnote,.statusline){font-size:max(12px,.85em)}
html body .actions{background:var(--surface)!important;border-color:var(--line)!important;backdrop-filter:none!important;box-shadow:none!important}
html body .auth-card .auth-links{gap:8px}

html body .shipping-syncbar{background:var(--surface)!important;color:var(--muted)!important;border-color:var(--line)!important}
html body .shipping-syncbar span{color:var(--muted)!important}
html body .tool-panel iframe{background:var(--bg)!important}

html body .jju-workspace-loading{background:var(--bg)!important;color:var(--ink)!important}
html body .jju-workspace-loading-card{background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--line)}
html body :is(.filters,.tablewrap,.help,#auth-panel section,#approval-panel section,.tablewrap tbody tr){background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line)!important}
html body .cards .card:nth-child(2) strong,html body .today-profit>strong{color:#c6b4ff!important}
html body :is(#saved,#sync-status){color:#a7eccb!important}
html body :is(#navcount,#qcount){background:#32294b!important;color:#e1d3ff!important;border-color:#776393!important}
/* Separate order collection from the shipping brand/header below it. */
html body .bulksummary{background:#233b37!important;border:1px solid #507c70;color:#d8f5e9!important}
html body .bulksummary span{color:#c0dfd4!important}
html body .bulksummary b{color:#effff6!important}
html body .bulkerror,html body .bulkerror td{background:#34232d!important;color:#ffe0e5!important}
html body #fields .duplicatecheck{background:#3b3222!important;color:#ffe4af!important}
html body .order-collection{margin-bottom:36px!important}
@media(max-width:640px){html body .order-collection{margin-bottom:24px!important}}
/* Shared light palette */

:root[data-theme="light"]{color-scheme:light;--bg:#f6f7f9;--surface:#ffffff;--raised:#f0f2f7;--ink:#202531;--muted:#596579;--line:#d8deea;--border:#d8deea;--accent:#6448c4;--brand:#6448c4;--purple:#6448c4;--teal:#6448c4;--soft:#f0eafb;--accent-dark:#6448c4;background:var(--bg)!important;color:var(--ink)!important}
html[data-theme="light"] body{background:var(--bg)!important;color:var(--ink)!important;font-size:14px;line-height:1.7}
html[data-theme="light"] body :is(main,.shell,.tool-panel,#tool-product-panel,#tool-cafe24-panel){background:var(--bg)!important;color:var(--ink)!important}
html[data-theme="light"] body :is(aside,#tools-bar,header,.panel,.card,.stat,.stats>div,.stats>div:first-child,.cards .card,.cards .card:nth-child(2),dialog,.toolbar,.syncbar,.table-wrap,.scroll,.auth-card,.auth-wrap,.story-step,.product-launch,.invoice-steps section,.invoice-original,.tracking-table){background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line)!important;box-shadow:none!important}
html[data-theme="light"] body :is(h1,h2,h3,h4,strong,b,.heading h1,.heading p,.heading .eyebrow,.top h1,.panel-head h2,.product-cell strong,.stat strong,.stats strong,.stats b,.cards .card strong,.brand,.brand b,.brand span,aside .brand,aside .brand b,aside .brand span){color:var(--ink)!important}
html[data-theme="light"] body :is(p,small,label,legend,.muted,.note,.footnote,.eyebrow,.statusline,.stat>span,.stat small,.product-cell small,.brand small,aside .brand small,.asidefoot,footer,.nav-label,.navlabel,.nav-caption,.heading p,.heading small,.story-description,.story-footer,.story-step small,.auth-card>.muted,.auth-card label,#tool-version,#tool-creator,.account strong,.account small){color:var(--muted)!important;opacity:1}
html[data-theme="light"] body :is(input,select,textarea){background:#ffffff!important;color:var(--ink)!important;border-color:#a1acc0!important;caret-color:#303542}
html[data-theme="light"] body input::placeholder,html[data-theme="light"] body textarea::placeholder{color:#69758a!important;opacity:1}
html[data-theme="light"] body :is(input,select,textarea):focus{outline:2px solid #7957cc!important;outline-offset:2px;border-color:#7957cc!important;box-shadow:none!important}
html[data-theme="light"] body :is(input,select,textarea):disabled,html[data-theme="light"] body input[readonly],html[data-theme="light"] body textarea[readonly]{background:#edf0f5!important;color:#657187!important}
html[data-theme="light"] body :is(button,.button,.file,.action){background:var(--raised)!important;color:var(--ink)!important;border-color:#a1acc0!important;box-shadow:none!important}
html[data-theme="light"] body :is(button,.button,.file,.action):hover:not(:disabled){background:#ece6f8!important;border-color:#7957cc!important;color:#fff!important}
html[data-theme="light"] body :is(button.primary,.primary,.product-download,.cafe24-download,.product-open,#activeExcel,#download,button[data-export],button[data-preflight],#auth-submit){background:#7052c6!important;border-color:#9f86e1!important;color:#fff!important}
html[data-theme="light"] body :is(button.primary,.primary,#auth-submit):hover:not(:disabled){background:#7d5fd3!important;color:#fff!important}
html[data-theme="light"] body button:disabled{opacity:1!important;background:#e9edf4!important;color:#657187!important;border-color:#d8deea!important;cursor:default}
html[data-theme="light"] body :is(a,.today-profit>strong,.stat.teal strong){color:#6448c4!important}
html[data-theme="light"] body :is(button,a,input,select,textarea):focus-visible{outline:3px solid #7957cc!important;outline-offset:3px}
html[data-theme="light"] body aside :is(nav button,button.nav),html[data-theme="light"] body #shell aside nav button,html[data-theme="light"] body #tools-bar [role=tab]{color:var(--muted)!important;background:transparent!important;border-color:transparent!important}
html[data-theme="light"] body aside :is(nav button.active,button.nav.active),html[data-theme="light"] body #shell aside nav button.active,html[data-theme="light"] body #tools-bar [role=tab][aria-selected=true]{background:#eee7fa!important;color:#5236ad!important;border-color:#7957cc!important}
html[data-theme="light"] body :is(.nav-count,.avatar,.badge,.pill,.product-connection,.cafe24-connection,.notice,.checklist,.toast,#toast,.shipping-note,.app-update-dialog .update-version){background:#f0eafb!important;color:#5236ad!important;border-color:#c8b9e5!important}
html[data-theme="light"] body :is(.danger,.error,[role=alert]){color:#ac2944!important}
html[data-theme="light"] body :is(.warn,.notice.warn,.pill.s2){background:#fff4dd!important;color:#835b20!important;border-color:#d7b679!important}
html[data-theme="light"] body :is(.ok,.success,.pill.s4){background:#e6f4ed!important;color:#23674e!important;border-color:#89b7a0!important}
html[data-theme="light"] body :is(th,thead td){background:#eef1f7!important;color:#49566c!important;border-color:var(--line)!important}
html[data-theme="light"] body td{background:var(--surface);color:#303b4d!important;border-color:#d8deea!important}
html[data-theme="light"] body tbody tr:hover td{background:#f4f0fc!important}
html[data-theme="light"] body tr:has(input:checked) td,html[data-theme="light"] body .mapping-item:has(input:checked){background:#eee7fa!important;border-color:#aa91d2!important}
html[data-theme="light"] body :is(input[type=checkbox],input[type=radio]){accent-color:#7957cc;color-scheme:light}
html[data-theme="light"] body :is(.drop,.drop.over,#preview,pre,code,.detail-preview,.preview-img,.thumb,.invoice-extra,.invoice-footer){background:#f4f6fa!important;color:var(--ink)!important;border-color:#b5bfd0!important}
html[data-theme="light"] body .thumb.selected{border-color:#7957cc!important;outline:2px solid #7957cc}
html[data-theme="light"] body .heading,html[data-theme="light"] body .workspace-intro{background:transparent!important;box-shadow:none!important;color:var(--ink)!important}
html[data-theme="light"] body .auth-story{background:#f0edf9!important;border-color:var(--line)!important;color:var(--ink)!important}
html[data-theme="light"] body .auth-story h2{color:#202531!important}html[data-theme="light"] body .auth-story h2 em{color:#6448c4!important}
html[data-theme="light"] body .auth-links button{color:#6448c4!important;background:transparent!important}
html[data-theme="light"] body dialog::backdrop{background:#20253155!important;backdrop-filter:none!important}
html[data-theme="light"] body :is(.bar-track,.chart-track){background:#e4e8f0!important}
html[data-theme="light"] body ::selection{background:#7358ab;color:#fff}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{html[data-theme="light"] body,html[data-theme="light"] body main,html[data-theme="light"] body :is(.panel,.card,td,th){color:#111!important;background:#fff!important;border-color:#777!important}html[data-theme="light"] body :is(button,nav,aside,#tools-bar){display:none!important}}
html[data-theme="light"] body .top>div>small,html[data-theme="light"] body .top>small{background:#f0f2f7!important;color:#303b4d!important;border:1px solid var(--line)}
html[data-theme="light"] body :is(table,input,select,textarea,label){font-size:14px}
html[data-theme="light"] body :is(small,.note,.footnote,.statusline){font-size:max(12px,.85em)}
html[data-theme="light"] body .actions{background:var(--surface)!important;border-color:var(--line)!important;backdrop-filter:none!important;box-shadow:none!important}
html[data-theme="light"] body .auth-card .auth-links{gap:8px}

html[data-theme="light"] body .shipping-syncbar{background:var(--surface)!important;color:var(--muted)!important;border-color:var(--line)!important}
html[data-theme="light"] body .shipping-syncbar span{color:var(--muted)!important}
html[data-theme="light"] body .tool-panel iframe{background:var(--bg)!important}

html[data-theme="light"] body .jju-workspace-loading{background:var(--bg)!important;color:var(--ink)!important}
html[data-theme="light"] body .jju-workspace-loading-card{background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--line)}
html[data-theme="light"] body :is(.filters,.tablewrap,.help,#auth-panel section,#approval-panel section,.tablewrap tbody tr){background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-theme="light"] body .cards .card:nth-child(2) strong,html[data-theme="light"] body .today-profit>strong{color:#6448c4!important}
html[data-theme="light"] body :is(#saved,#sync-status){color:#23674e!important}
html[data-theme="light"] body :is(#navcount,#qcount){background:#eee7fa!important;color:#5236ad!important;border-color:#c8b9e5!important}
/* Separate order collection from the shipping brand/header below it. */
html[data-theme="light"] body .bulksummary{background:#e6f4ed!important;border:1px solid #89b7a0;color:#23674e!important}
html[data-theme="light"] body .bulksummary span{color:#376d58!important}
html[data-theme="light"] body .bulksummary b{color:#20533e!important}
html[data-theme="light"] body .bulkerror,html[data-theme="light"] body .bulkerror td{background:#fff0f3!important;color:#ac2944!important}
html[data-theme="light"] body #fields .duplicatecheck{background:#fff4dd!important;color:#835b20!important}
html[data-theme="light"] body .order-collection{margin-bottom:36px!important}
@media(max-width:640px){html[data-theme="light"] body .order-collection{margin-bottom:24px!important}}
html[data-theme="light"] body button#workspace-theme-toggle{color:var(--ink)!important;background:var(--raised)!important}html[data-theme="light"] body button:hover:not(:disabled):not(.primary){color:var(--ink)!important}