/* Whole-interface styles. Data, semantic status colours, drawings and print output are untouched. */
.theme-dots{width:360px;max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.style-choice{display:flex;flex-direction:column;gap:6px;text-align:left;padding:7px 7px 10px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#253448;cursor:pointer;font-family:system-ui,"Microsoft YaHei",sans-serif;min-width:0}
.style-choice>strong,.style-choice>small{padding:0 3px}.style-choice>strong{font-size:12px}.style-choice>small{font-size:9px;line-height:1.5;color:#687786;white-space:normal}.style-choice[aria-pressed="true"]{border:2px solid var(--theme-ink);padding:6px 6px 9px;background:var(--accent-soft)}.style-choice:focus-visible{outline:3px solid var(--theme-ink);outline-offset:2px}
.style-preview{display:block;position:relative;overflow:hidden;width:100%;height:57px;border-radius:7px;background:#e9eff6}.style-preview i,.style-preview b{position:absolute;display:block}
.style-preview-classic i{left:0;top:0;bottom:0;width:23%;background:#1c3049}.style-preview-classic b{left:30%;top:12px;width:60%;height:14px;background:#fff;border-radius:3px;box-shadow:0 19px 0 #fff}
.style-preview-nature{background:#e4ebd8}.style-preview-nature i{width:65px;height:65px;right:-5px;top:-20px;border-radius:70% 0 70% 0;background:#789e6c;transform:rotate(-20deg)}.style-preview-nature b{left:12px;bottom:10px;width:72px;height:25px;border-radius:18px 4px;background:#fffcf2;border:1px solid #cbd4bc}
.style-preview-pastoral{background-color:#f4ead5;background-image:linear-gradient(90deg,#a26d3620 50%,transparent 50%),linear-gradient(#a26d3618 50%,transparent 50%);background-size:14px 14px}.style-preview-pastoral i{inset:9px 17px;background:#fffaf0;border:1px solid #ad8962;box-shadow:2px 2px 0 #997b5629}.style-preview-pastoral b{width:18px;height:18px;border:1px solid #ae8558;border-radius:50%;right:25px;top:16px}
.style-preview-neon{background:#11142b;background-image:linear-gradient(#7360b525 1px,transparent 1px),linear-gradient(90deg,#7360b525 1px,transparent 1px);background-size:12px 12px}.style-preview-neon i{inset:12px 14px;border:1px solid #65e8ed;box-shadow:0 0 9px #65e8ed77,inset 0 0 8px #65e8ed22;transform:skewX(-14deg)}.style-preview-neon b{width:3px;height:18px;background:#e389f5;left:30px;bottom:14px;box-shadow:12px -5px 0 #8b7cff,24px 4px 0 #61e8e2,36px -9px 0 #e389f5}
.classic-palette-title{padding-top:8px;border-top:1px solid var(--line)}
html[data-style="nature"] .theme-dot,html[data-style="pastoral"] .theme-dot,html[data-style="neon"] .theme-dot,
html[data-style="nature"] .classic-palette-title,html[data-style="pastoral"] .classic-palette-title,html[data-style="neon"] .classic-palette-title{display:none}

/* The palette includes structural material tokens, not only accent colours. */
html[data-style="nature"]{--primary:#345c43;--primary-2:#466d51;--primary-hi:#466d51;--primary-hi-2:#587b62;--accent:#547b49;--accent-rgb:84,123,73;--accent-soft:#edf3e6;--theme-ink:#436537;--bg:#eef0e4;--bg-grad:#fafbf1;--ink:#2c3d2f;--muted:#61715b;--line:#d6dfcb;--input-border:#c7d3be;--input-hover:#8eac7e;--hover-bg:#f0f5e8;--tab-track:#e1e9d7;--nav-start:#294f3b;--nav-end:#203c2e;--nav-border:#587258;--nav-active:#4e7655;--nav-mark:#dfebbc;--style-paper:#fffff8;--style-wash:#f1f5e9;--style-radius:24px;--style-shadow:0 7px 24px #43563209;--style-font:system-ui,"Microsoft YaHei",sans-serif;--style-title:Georgia,"STKaiti","KaiTi",serif}
html[data-style="pastoral"]{--primary:#785d3e;--primary-2:#947149;--primary-hi:#89633d;--primary-hi-2:#a1835f;--accent:#a47643;--accent-rgb:164,118,67;--accent-soft:#f5ebd8;--theme-ink:#8a6235;--bg:#eee4ce;--bg-grad:#fbf5e8;--ink:#4a3b2e;--muted:#7b6954;--line:#ddd0b5;--input-border:#cebea0;--input-hover:#ad9066;--hover-bg:#faf3e4;--tab-track:#eadeca;--nav-start:#5c4936;--nav-end:#443a2c;--nav-border:#927555;--nav-active:#897053;--nav-mark:#f6dfac;--style-paper:#fffaf0;--style-wash:#f7efde;--style-radius:7px;--style-shadow:3px 4px 0 #80624114;--style-font:"Microsoft YaHei",sans-serif;--style-title:Georgia,"Songti SC","SimSun",serif}
html[data-style="neon"]{--primary:#403082;--primary-2:#6041a6;--primary-hi:#533b9e;--primary-hi-2:#7050b8;--accent:#6341ad;--accent-rgb:99,65,173;--accent-soft:#eee8fc;--theme-ink:#56338d;--bg:#0b1025;--bg-grad:#201335;--ink:#25243e;--muted:#585a77;--line:#d3cfe7;--input-border:#b9b5d4;--input-hover:#8664bf;--hover-bg:#f0ebfa;--tab-track:#e8e3f6;--nav-start:#0d172e;--nav-end:#25132f;--nav-border:#54466f;--nav-active:#273553;--nav-mark:#51f2ed;--style-paper:#fafaff;--style-wash:#efedf8;--style-radius:6px;--style-shadow:0 0 0 1px #b88bff14,0 7px 24px #03041626;--style-font:"Segoe UI","Microsoft YaHei",sans-serif;--style-title:"Segoe UI","Microsoft YaHei",sans-serif}

@media screen{
 html:is([data-style="nature"],[data-style="pastoral"],[data-style="neon"]) body{font-family:var(--style-font)}
 html:is([data-style="nature"],[data-style="pastoral"],[data-style="neon"]) :is(.vb-page,#page-home,#page-order){--vb-ink:var(--ink);--vb-muted:var(--muted);--vb-line:var(--line);--vw-text:var(--ink);--vw-muted:var(--muted);--vw-line:var(--line);--vw-surface:var(--style-wash);font-family:var(--style-font)}
 html:is([data-style="nature"],[data-style="pastoral"],[data-style="neon"]) :is(.header-title,.bw-heading h2,.dashboard-hero h2,.card-title){font-family:var(--style-title);letter-spacing:.5px}
 html:is([data-style="nature"],[data-style="pastoral"],[data-style="neon"]) .header{background:var(--style-paper);border-top:3px solid var(--theme-ink)}
 html:is([data-style="nature"],[data-style="pastoral"],[data-style="neon"]) .app-body>.container :is(.card,.dashboard-metric,.customer-order-row,.track-row,.delivery-row,.mr-list-row,.pd-item,.fin-sum-card,.inventory-collapse-group,.inventory-health-item){background-color:var(--style-paper);border-color:var(--line);border-radius:var(--style-radius);box-shadow:var(--style-shadow)}
 html:is([data-style="nature"],[data-style="pastoral"],[data-style="neon"]) :is(#page-home .dashboard-grid>.card,#page-order .customer-order-row,#page-order #coEntry,#page-track .track-overview,#page-delivery #deliveryCenter,#page-pending .pd-item){background:var(--style-paper);border-color:var(--line);border-radius:var(--style-radius);box-shadow:var(--style-shadow)}
 html:is([data-style="nature"],[data-style="pastoral"],[data-style="neon"]) .app-body :is(input,textarea,select){border-radius:calc(var(--style-radius)/2);background-color:var(--style-paper);border-color:var(--input-border);color:var(--ink);font-family:var(--style-font)}
 html:is([data-style="nature"],[data-style="pastoral"],[data-style="neon"]) .app-body :is(th,.inventory-collapse-group>summary,#trackStats>div){background:var(--style-wash);border-color:var(--line)}
 html:is([data-style="nature"],[data-style="pastoral"],[data-style="neon"]) .app-body :is(td,th){border-color:var(--line)}
 html:is([data-style="nature"],[data-style="pastoral"],[data-style="neon"]) .vb-heading{position:relative;overflow:hidden;background:var(--style-paper);border-radius:var(--style-radius);border-color:var(--line);padding-right:235px;min-height:148px}
 html:is([data-style="nature"],[data-style="pastoral"],[data-style="neon"]) .vb-heading-copy{position:relative;z-index:1}
 html:is([data-style="nature"],[data-style="pastoral"],[data-style="neon"]) :is(.vb-flow,.vw-process-art){display:none}
 html:is([data-style="nature"],[data-style="pastoral"],[data-style="neon"]) #page-home .dashboard-hero{min-height:224px;border-radius:var(--style-radius);position:relative;isolation:isolate;padding-right:260px;background:linear-gradient(115deg,var(--nav-start),var(--nav-active));border-color:var(--nav-border)}
 html:is([data-style="nature"],[data-style="pastoral"],[data-style="neon"]) :is(.vb-heading,#page-home .dashboard-hero)::after{content:'';position:absolute;right:20px;top:50%;transform:translateY(-50%);width:200px;height:130px;background-image:var(--style-scene);background-position:center;background-size:contain;background-repeat:no-repeat;pointer-events:none;opacity:.8}
 html:is([data-style="nature"],[data-style="pastoral"],[data-style="neon"]) .mobile-more-sheet{background:var(--style-paper)}
 html:is([data-style="nature"],[data-style="pastoral"],[data-style="neon"]) .mobile-more-item{border-radius:var(--style-radius);background:var(--style-paper);border-color:var(--line)}
}

/* Botanical silhouettes, paper / farm linework and a neon skyline are code-native assets. */
html[data-style="nature"]{--style-scene:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 140'%3E%3Cg fill='none' stroke='%23739462' stroke-width='2'%3E%3Cpath d='M115 140Q75 75 155 12M65 140Q100 90 45 36'/%3E%3C/g%3E%3Cg fill='%239eb68a'%3E%3Cpath d='M122 51Q94 3 157 10Q161 43 122 51M111 77Q154 31 182 65Q162 91 111 77M111 91Q65 92 78 50Q108 50 111 91M81 91Q39 97 35 65Q65 56 81 91M76 107Q110 82 123 112Q104 128 76 107'/%3E%3C/g%3E%3Ccircle cx='189' cy='23' r='13' fill='%23d9e2ad'/%3E%3C/svg%3E")}
html[data-style="pastoral"]{--style-scene:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 140'%3E%3Cg fill='none' stroke='%23b79360' stroke-width='1.8'%3E%3Ccircle cx='159' cy='30' r='17'/%3E%3Cpath d='M8 114Q74 52 132 99Q168 77 212 102M8 129Q80 91 212 127M68 96V57L94 38L120 57V95M61 58L94 31L128 58M86 91V67H101V93M153 109L172 74M164 90L157 79M167 85L182 83'/%3E%3C/g%3E%3Cpath d='M15 134Q87 109 207 133' stroke='%23cdb591' stroke-width='6' fill='none'/%3E%3C/svg%3E")}
html[data-style="neon"]{--style-scene:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 140'%3E%3Cg fill='none' stroke='%235de8ed' stroke-width='1.4'%3E%3Cpath d='M10 114H209M27 114V64H53V114M70 114V33H105V114M127 114V53H156V114M177 114V75H199V114M76 43H98M76 54H98M76 65H98M134 62H149M134 74H149M134 86H149'/%3E%3C/g%3E%3Ccircle cx='153' cy='29' r='17' stroke='%23ed7bdb' stroke-width='3' fill='none'/%3E%3Cpath d='M6 129H214M25 133L55 118M68 136L84 118M143 136L129 118M194 134L165 118' stroke='%238977df' fill='none'/%3E%3C/svg%3E")}

@media screen{
 html[data-style="nature"] body{background-color:var(--bg);background-image:radial-gradient(ellipse at 95% 4%,#dce6c9 0,transparent 37%),radial-gradient(ellipse at 10% 85%,#e3e9d5 0,transparent 45%)}
 html[data-style="nature"] .vb-navigation{background-image:radial-gradient(ellipse at 10% 95%,#547c474d,transparent 55%),linear-gradient(165deg,var(--nav-start),var(--nav-end))}
 html[data-style="nature"] .vb-navigation .sidenav-item.active{border-radius:18px 5px 18px 5px;background:#6e94554d;border-color:#a0bf7855}
 html[data-style="nature"] :is(.vb-heading-icon,.vb-group-icon){border-radius:50% 50% 15% 50%;background:#e8eedb;color:#537146;border-color:#cbd8bb}
 html[data-style="nature"] .vb-heading h2{font-size:29px}.header .theme-dots{font-family:system-ui,"Microsoft YaHei",sans-serif}
 html[data-style="pastoral"] body{background-color:var(--bg);background-image:repeating-linear-gradient(0deg,#91794f05 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,#91794f05 0 1px,transparent 1px 4px)}
 html[data-style="pastoral"] .header{border-top:4px double #a58b66;border-bottom:1px solid #cdbb9a}
 html[data-style="pastoral"] .vb-navigation{background-image:repeating-linear-gradient(90deg,#ffffff03 0 1px,transparent 1px 5px),linear-gradient(180deg,var(--nav-start),var(--nav-end))}
 html[data-style="pastoral"] .vb-navigation .sidenav-item{border-radius:3px}.vb-navigation .sidenav-item{transition:border-radius .18s}
 html[data-style="pastoral"] .vb-navigation .sidenav-item.active{background:#d5b27a24;border:1px dashed #d5b27a88;box-shadow:none}
 html[data-style="pastoral"] :is(.vb-heading,#page-home .dashboard-hero){border-top:5px double #baa27b;border-bottom:1px solid #baa27b}
 html[data-style="pastoral"] :is(.card-title,.vb-heading h2){font-weight:600}.header .theme-menu-title{font-family:system-ui,"Microsoft YaHei",sans-serif}
 html[data-style="pastoral"] .vb-heading-icon{background:repeating-linear-gradient(90deg,#ad8b5310 0 6px,transparent 6px 12px),repeating-linear-gradient(0deg,#ad8b5310 0 6px,transparent 6px 12px);border:1px solid #d4bf99;border-radius:6px;color:#8a6b43}
 html[data-style="pastoral"] .app-body .card-title{border-bottom:1px dashed #c9b28d;padding-bottom:14px}
 html[data-style="neon"] body{background-color:var(--bg);background-image:radial-gradient(ellipse at 95% 0%,#a533b74a,transparent 52%),radial-gradient(ellipse at 15% 65%,#007d9724,transparent 48%),linear-gradient(#917ae812 1px,transparent 1px),linear-gradient(90deg,#917ae812 1px,transparent 1px);background-size:auto,auto,40px 40px,40px 40px;background-attachment:fixed}
 html[data-style="neon"] .header{background:linear-gradient(110deg,#101c35,#231330 85%);border-top:3px solid #4ce7e6;border-bottom:1px solid #b477d9;box-shadow:0 2px 22px #994eee28}
 html[data-style="neon"] .header :is(.header-title,.header-app-name,.header-meta,.header-user span){color:#cde8f4}
 html[data-style="neon"] .header-user{border-color:#3c456b}
 html[data-style="neon"] .header :is(.header-user button,.theme-switch-btn){color:#a9eeee;background:#182238;border-color:#466989}
 html[data-style="neon"] .vb-navigation{background:radial-gradient(ellipse at 0 15%,#0b78802e,transparent 55%),radial-gradient(ellipse at 100% 90%,#a42c9129,transparent 60%),linear-gradient(170deg,var(--nav-start),var(--nav-end));border-right:1px solid #6c548e;box-shadow:inset -1px 0 0 #cf78ed22,8px 0 28px #05081d33}
 html[data-style="neon"] .vb-navigation .sidenav-brand{border-bottom:1px solid #71578866;margin-bottom:12px}
 html[data-style="neon"] .vb-navigation .sidenav-brand-sub{color:#70dcd9}
 html[data-style="neon"] .vb-navigation .sidenav-group{color:#c1a9de}
 html[data-style="neon"] .vb-navigation .sidenav-group:after{background:linear-gradient(90deg,#9b62c780,#51d3da15)}
 html[data-style="neon"] .vb-navigation .sidenav-item{border-radius:3px}.vb-navigation .sidenav-item{isolation:isolate}
 html[data-style="neon"] .vb-navigation .sidenav-item.active{background:linear-gradient(105deg,#11627180,#683a8855);border-color:#68d2db;border-radius:3px 12px 3px 3px;box-shadow:inset 0 0 18px #54e5e51c,0 0 16px #38d6e323;color:#edffff}
 html[data-style="neon"] .vb-navigation .sidenav-item.active:before{background:#76e9e1;box-shadow:0 0 9px #6de9df}
 html[data-style="neon"] :is(.vb-heading,#page-home .dashboard-hero,#page-order>.bw-heading){position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 94% 20%,#a13e9d50,transparent 45%),linear-gradient(115deg,#112c40,#241b43 58%,#351d44);border-color:#8d65aa;border-top-color:#5de8ed;box-shadow:inset 3px 0 0 #5de8ed,0 0 24px #ae5dec20,0 10px 24px #03051544}
 html[data-style="neon"] :is(.vb-heading,#page-home .dashboard-hero,#page-order>.bw-heading)::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(120deg,transparent 64%,#b774e01c 64.2%,transparent 64.5%),linear-gradient(120deg,transparent 72%,#5de8ed22 72.2%,transparent 72.5%)}
 html[data-style="neon"] :is(.vb-heading,#page-home .dashboard-hero)::after{width:224px;height:144px;opacity:1;filter:drop-shadow(0 0 6px #56f1ed66)}
 html[data-style="neon"] :is(.vb-heading h2,.vb-eyebrow,#page-order>.bw-heading h2){color:#a6f0f3;letter-spacing:1.8px;text-shadow:0 0 18px #65e8ed22}
 html[data-style="neon"] :is(.vb-heading p,#page-order>.bw-heading p){color:#b6c8e6}
 html[data-style="neon"] .vb-heading-icon{border-radius:3px 12px 3px 3px;background:#133649;color:#63f8ec;border:1px solid #62d9d8;box-shadow:0 0 20px #65e8ed28,inset 0 0 14px #65e8ed0a}
 html[data-style="neon"] .bw-tabs{border-bottom-color:#374964}
 html[data-style="neon"] :is(.vb-page,#page-order)>.bw-tabs button{color:#c8c9e2}
 html[data-style="neon"] :is(.vb-page,#page-order)>.bw-tabs button.active{color:#69faf0;border-bottom-color:#69faf0;text-shadow:0 0 12px #53e9ea55;box-shadow:0 2px 0 #69faf0,0 7px 12px -8px #69faf0}
 /* Bright edge accents belong to neutral surfaces, never to warning/status badges. */
 html[data-style="neon"] .app-body>.container .card{background-image:linear-gradient(90deg,#28cedb,#9070de 62%,#d976c9);background-size:100% 2px;background-position:top;background-repeat:no-repeat}
 html[data-style="neon"] .app-body>.container .inventory-item-card{border-radius:4px 14px 4px 4px;border-color:#b9c8e0;background:linear-gradient(100deg,#dff9fa,#ede5fa 65%,#f9e6f4) top/100% 3px no-repeat,var(--style-paper);box-shadow:0 3px 12px #5638940d}
 html[data-style="neon"] :is(.inventory-item-card,.customer-order-row,.track-row,.delivery-row):hover{border-color:#9275bc;box-shadow:0 0 0 1px #ae8bdf22,0 5px 18px #29204e12}
 html[data-style="neon"] :is(.inventory-item-card .inventory-material-icon,.vb-group-icon){background:#e5f5f6;border-color:#b2d9df;color:#166576;border-radius:4px 10px 4px 4px}
 html[data-style="neon"] .app-body>.container .card-title{border-image:linear-gradient(90deg,#8ed9df,#c9ade8 60%,#e7d7ef) 1}
 html[data-style="neon"] .app-body :is(input,textarea,select):focus-visible{outline:2px solid #8052b5!important;outline-offset:2px;box-shadow:0 0 0 4px #b792e51c}
 html[data-style="neon"] #page-track #trackRecordsCard>.card-title{color:#ccecf5;border-bottom-color:#40516d}
 html[data-style="neon"] #page-track #trackRecordsCard>.card-title :is(.ct-ico,span){color:#bdd4eb!important}
 html[data-style="neon"] #coListTools .bw-help{color:#bdd4eb}
 html[data-style="neon"] #page-pending .business-inbox-bar{background:var(--style-paper);padding:18px;border:1px solid var(--line);border-radius:6px}
 html[data-style="neon"] :is(.track-order-no,.customer-order-head,.delivery-no){font-family:Consolas,"Segoe UI",monospace;letter-spacing:.3px}
 html[data-style="neon"] .mobile-bottom-nav{background:linear-gradient(105deg,#10243a,#291936);border-top:1px solid #b076cc;box-shadow:0 -3px 20px #8546b92a}html[data-style="neon"] .mobile-bottom-nav button{color:#d4cde7}
 html[data-style="neon"] .mobile-bottom-nav button.active{color:#6df9ef;background:#27535c66}
 html[data-style="neon"] .mobile-bottom-nav button.active .mobile-nav-icon{color:#77fff2;background:linear-gradient(135deg,#19505b,#503269);box-shadow:0 0 10px #66eddd30}
}
@media screen and (max-width:900px){html:is([data-style="nature"],[data-style="pastoral"],[data-style="neon"]) .vb-heading{padding-right:20px}html:is([data-style="nature"],[data-style="pastoral"],[data-style="neon"]) .vb-heading::after{opacity:.13;right:-20px}html:is([data-style="nature"],[data-style="pastoral"],[data-style="neon"]) #page-home .dashboard-hero{padding-right:28px}html:is([data-style="nature"],[data-style="pastoral"],[data-style="neon"]) #page-home .dashboard-hero::after{opacity:.16;right:-30px}}
@media screen and (max-width:900px){html[data-style="neon"] :is(.vb-heading,#page-home .dashboard-hero)::after{opacity:.14;right:-28px;filter:none}}
@media screen and (prefers-reduced-motion:no-preference){html:is([data-style="nature"],[data-style="pastoral"],[data-style="neon"]) .vb-heading::after{animation:style-scene-enter .5s ease-out both}@keyframes style-scene-enter{from{opacity:0;margin-right:-8px}to{margin-right:0}}}
@media(prefers-reduced-motion:reduce){.vb-navigation .sidenav-item{transition:none}}
@media print{html[data-style]{--ink:#222;--muted:#555;--primary:#333;--accent:#333;--accent-soft:#f6f6f6;--line:#ddd;--bg:#fff;--bg-grad:#fff}html[data-style] body{background:#fff!important}html[data-style] :is(.vb-heading,#page-home .dashboard-hero)::after{display:none!important}}