/* PressFlow styles. Copied unchanged from the approved PressFlow_Dashboard_Preview.html. */
:root{--site-primary:#173B56;--site-on-primary:#FFFFFF;--site-secondary:#E7B64A;--site-on-secondary:#18202A;--site-background:#F4F6F8;--site-on-background:#1B2733;--site-font-body:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--site-font-heading:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--site-heading-scale:1;--site-spacing-scale:1;--site-radius-scale:1;--site-decoration-opacity:1;color-scheme:light dark}
*{box-sizing:border-box}body{margin:0;font-family:var(--site-font-body);background:light-dark(var(--site-background),#111821);color:light-dark(var(--site-on-background),#E9EEF3)}button,input,select{font:inherit}button{cursor:pointer}.app{min-height:100vh;background:light-dark(var(--site-background),#111821);color:light-dark(var(--site-on-background),#E9EEF3)}.layout{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--site-primary);color:var(--site-on-primary);padding:26px 16px;display:flex;flex-direction:column;gap:28px}.brand{display:flex;align-items:center;gap:12px;padding:0 10px}.brandmark{width:38px;height:38px;border-radius:12px;background:var(--site-secondary);color:#18202A;display:grid;place-items:center;font-weight:900;font-size:20px}.brand strong{display:block;letter-spacing:.04em;font-size:16px}.brand small{opacity:.72;font-size:11px;letter-spacing:.12em}.navlabel{font-size:10px;letter-spacing:.14em;text-transform:uppercase;opacity:.55;padding:0 12px;margin-bottom:8px}.nav{display:grid;gap:5px}.nav button{border:0;background:transparent;color:inherit;text-align:left;padding:12px;border-radius:10px;display:flex;align-items:center;gap:12px;opacity:.8}.nav button.active,.nav button:hover{background:#FFFFFF1A;opacity:1}.nav .ico{width:20px;text-align:center;font-size:17px}.sidebar-foot{margin-top:auto;border-top:1px solid #FFFFFF26;padding:18px 10px 0;font-size:12px;opacity:.75;line-height:1.6}.main{min-width:0}.topbar{height:76px;border-bottom:1px solid light-dark(#E1E6EB,#2A3540);display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:light-dark(#FFFFFF,#17212B);gap:20px}.crumb{font-size:12px;color:light-dark(#788594,#A6B3C0)}.crumb strong{color:light-dark(#273746,#EDF3F8)}.top-actions{display:flex;align-items:center;gap:12px}.search{width:min(260px,30vw);border:1px solid light-dark(#DDE3E8,#34424E);background:light-dark(#F7F9FA,#111821);padding:10px 12px;border-radius:9px;color:inherit}.avatar{width:36px;height:36px;border-radius:50%;background:#E8D6BC;color:#62492C;display:grid;place-items:center;font-weight:800;font-size:12px}.content{max-width:1440px;margin:auto;padding:30px 34px 44px}.eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#A17A20;font-weight:800}.headline{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:7px 0 24px}.headline h1{font-family:var(--site-font-heading);font-size:calc(30px * var(--site-heading-scale));letter-spacing:-.04em;margin:0 0 7px}.headline p{margin:0;color:light-dark(#71808D,#AAB5C0);font-size:14px}.primary-btn{border:0;border-radius:9px;background:var(--site-primary);color:white;padding:12px 16px;font-weight:700;box-shadow:0 5px 14px #173B5622}.primary-btn:hover{filter:brightness(1.13)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:25px}.stat{background:light-dark(#FFFFFF,#19242F);border:1px solid light-dark(#E1E6EB,#2A3540);border-radius:calc(14px * var(--site-radius-scale));padding:18px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:light-dark(#6D7B88,#A6B3C0);font-size:12px}.stat-icon{width:34px;height:34px;border-radius:10px;background:light-dark(#EDF3F6,#263541);display:grid;place-items:center}.stat-num{font-size:30px;letter-spacing:-.04em;font-weight:800;margin:13px 0 5px}.stat-foot{font-size:11px;color:light-dark(#778693,#9CAAB6)}.stat-foot em{color:#2E956A;font-style:normal;font-weight:700}.workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.9fr);gap:18px}.panel{background:light-dark(#FFFFFF,#19242F);border:1px solid light-dark(#E1E6EB,#2A3540);border-radius:calc(14px * var(--site-radius-scale));overflow:hidden;min-width:0}.panel-head{padding:20px 21px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-head h2{font-size:16px;margin:0 0 4px;letter-spacing:-.02em}.panel-head p{font-size:12px;color:light-dark(#7D8995,#A6B3C0);margin:0}.text-btn{border:0;background:transparent;color:light-dark(#315B78,#9FC8E3);font-weight:700;font-size:12px}.filters{display:flex;gap:8px;padding:0 20px 15px;flex-wrap:wrap}.filter{border:1px solid light-dark(#E0E5E9,#33414D);border-radius:8px;background:transparent;padding:8px 11px;font-size:12px;color:inherit}.filter.active{background:light-dark(#EAF0F4,#263846);border-color:light-dark(#D3DEE6,#435868);font-weight:700}.joblist{border-top:1px solid light-dark(#E7EBEF,#2A3540)}.job{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:16px 20px;border-bottom:1px solid light-dark(#EDF0F2,#2A3540);align-items:center}.job:last-child{border-bottom:0}.job-title{font-size:13px;font-weight:800;margin-bottom:5px}.job-meta{font-size:11px;color:light-dark(#788692,#A5B1BD);line-height:1.6}.job-right{text-align:right;display:grid;justify-items:end;gap:8px}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:99px;padding:5px 9px;font-size:10px;font-weight:800;white-space:nowrap}.pill::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.pending{background:#FFF3D8;color:#986A0C}.review{background:#E1F0FF;color:#246AA0}.approved{background:#DFF5E8;color:#21784D}.rejected{background:#FBE4E3;color:#B33D38}.job-open{border:0;background:transparent;color:light-dark(#335F7C,#A3C8E0);font-size:11px;font-weight:800}.right-col{display:grid;align-content:start;gap:18px}.pipeline{padding:0 21px 20px}.stage{display:flex;gap:12px;align-items:flex-start;padding:10px 0}.stage-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:light-dark(#EEF2F5,#263541);font-size:13px;flex-shrink:0}.stage strong{font-size:12px;display:block;margin:1px 0 4px}.stage small{color:light-dark(#7B8894,#A4B0BB);font-size:11px}.stage-count{margin-left:auto;font-weight:800;font-size:14px;padding-top:5px}.stage:not(:last-child) .stage-icon{position:relative}.stage:not(:last-child) .stage-icon:after{content:"";position:absolute;top:34px;left:14px;height:19px;border-left:1px solid light-dark(#DDE3E8,#394854)}.notice{margin:0 20px 20px;padding:13px;border-radius:10px;background:light-dark(#F7F4EB,#302B20);color:light-dark(#6F5A2C,#E6D3A5);font-size:11px;line-height:1.5}.quicklinks{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 20px 20px}.quick{border:1px solid light-dark(#E1E6EB,#33414D);border-radius:10px;padding:13px;text-align:left;background:transparent;color:inherit}.quick span{display:block;font-size:17px;margin-bottom:9px}.quick strong{display:block;font-size:12px}.quick small{font-size:10px;color:light-dark(#7A8793,#A6B3C0)}.section-view{display:none}.section-view.active{display:block}.empty-state{padding:36px 20px;text-align:center;color:light-dark(#7B8793,#AAB5BF);font-size:13px}.toast{position:fixed;right:24px;bottom:24px;background:#173B56;color:white;padding:13px 17px;border-radius:10px;box-shadow:0 12px 40px #0003;font-size:13px;display:none;z-index:5}.modal-backdrop{position:fixed;inset:0;background:#0B1824A8;display:none;place-items:center;padding:18px;z-index:4}.modal{width:min(520px,100%);background:light-dark(#FFFFFF,#19242F);border-radius:16px;padding:24px;border:1px solid light-dark(#E1E6EB,#33414D);box-shadow:0 25px 90px #0004}.modal h2{margin:0 0 6px;font-size:20px}.modal p{margin:0 0 20px;color:light-dark(#788692,#A6B3C0);font-size:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:grid;gap:6px;font-size:11px;color:light-dark(#64727F,#A6B3C0)}.field.full{grid-column:1/-1}.field input,.field select{width:100%;padding:11px;border-radius:8px;border:1px solid light-dark(#DDE4E9,#34434F);background:light-dark(#FAFBFC,#111821);color:inherit}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.secondary-btn{border:1px solid light-dark(#DDE4E9,#34434F);background:transparent;color:inherit;border-radius:9px;padding:11px 15px;font-weight:700}.mobile-menu{display:none}
@media(max-width:1050px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{grid-template-columns:1fr}.right-col{grid-template-columns:1fr 1fr;align-items:start}.right-col .panel:last-child{grid-column:1/-1}}
@media(max-width:700px){.layout{grid-template-columns:1fr}.sidebar{display:none}.topbar{height:64px;padding:0 16px}.mobile-menu{display:inline-grid;place-items:center;border:0;background:transparent;color:inherit;font-size:21px}.crumb{display:none}.search{width:min(52vw,240px)}.content{padding:22px 15px 30px}.headline{display:grid;gap:16px}.headline h1{font-size:26px}.headline .primary-btn{justify-self:start}.stats{gap:10px}.stat{padding:14px}.stat-num{font-size:26px}.workspace{gap:13px}.right-col{grid-template-columns:1fr}.right-col .panel:last-child{grid-column:auto}.panel-head{padding:17px 15px 13px}.filters{padding:0 15px 13px}.job{padding:14px 15px}.job-right{max-width:125px}.job-meta{max-width:230px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}
/* PressFlow Option 6: detailed business portal */
:root{--site-primary:#14263A;--site-secondary:#E7B64A;--site-background:#F3F6FA;--site-on-background:#172638}
body,.app{background:#F3F6FA;color:#172638;color-scheme:light}
.layout{grid-template-columns:252px minmax(0,1fr)}
.sidebar{background:linear-gradient(180deg,#14263A 0%,#0D1A29 100%);padding:25px 15px;box-shadow:8px 0 28px #14263A0B;gap:30px}
.brand{padding:0 9px}.brandmark{background:linear-gradient(145deg,#F2C65D,#D99B25);box-shadow:0 5px 14px #0002}.brand strong{font-size:15px;letter-spacing:.08em}.brand small{font-size:10px;letter-spacing:.1em}
.navlabel{color:#A7B8C9;opacity:.85;font-size:10px}.nav{gap:6px}.nav button{padding:12px 11px;border:1px solid transparent;border-radius:9px;color:#D9E4EF;font-size:13px}.nav button.active{background:#FFFFFF17;border-color:#FFFFFF12;box-shadow:inset 3px 0 #E7B64A;color:#fff}.nav button:hover{background:#FFFFFF12}
.sidebar-foot{color:#B8C6D4;border-top-color:#FFFFFF20}.topbar{height:72px;padding:0 32px;background:#fff;border-bottom-color:#E3E9EF;box-shadow:0 3px 14px #1B34470A}.search{width:min(340px,36vw);background:#F6F8FB;border-color:#E1E7EE}.avatar{background:#DCEAF5;color:#244C69;border:2px solid #fff;box-shadow:0 0 0 1px #D7E1E9}
.content{max-width:1600px;padding:28px 32px 42px}.eyebrow{color:#B17B16;font-size:10px}.headline{align-items:center;margin:8px 0 22px}.headline h1{font-size:30px;letter-spacing:-.045em;color:#16283A}.headline p{color:#718195;font-size:13px}.primary-btn{background:#1769AA;border-radius:8px;padding:12px 15px;box-shadow:0 5px 12px #1769AA24}.primary-btn:hover{background:#125A94}
.stats{gap:14px;margin-bottom:20px}.stat{background:#fff;border-color:#E2E8EF;border-radius:12px;padding:17px 18px;box-shadow:0 4px 16px #20384D06;position:relative}.stat:after{content:"";position:absolute;left:0;top:15px;bottom:15px;width:3px;border-radius:0 3px 3px 0;background:#1769AA}.stat:nth-child(2):after{background:#D99A2B}.stat:nth-child(3):after{background:#C95C58}.stat:nth-child(4):after{background:#2D9A72}.stat-top{color:#697B8D;font-weight:600}.stat-icon{background:#EEF5FB;color:#1769AA}.stat-num{font-size:31px;color:#172B3F;margin:10px 0 4px}.stat-foot{color:#8290A0}.workspace{grid-template-columns:minmax(0,1.72fr) minmax(300px,.88fr);gap:16px}.panel{background:#fff;border:1px solid #E1E8EF;border-radius:12px;box-shadow:0 5px 18px #20384D06}.panel-head{padding:18px 19px 14px}.panel-head h2{color:#1A2E42;font-size:15px}.panel-head p{color:#8290A0}.text-btn,.job-open{color:#1769AA}.filters{padding:0 19px 14px}.filter{border-color:#E0E7ED;color:#65778A;background:#fff}.filter.active{background:#EAF4FC;color:#1769AA;border-color:#C9E1F4}.joblist{border-top-color:#EAF0F4}.job{padding:15px 19px;border-bottom-color:#ECF1F5}.job:hover{background:#FAFCFE}.job-title{color:#1B3045;font-size:13px}.job-meta{color:#8290A0}.pill{font-size:10px;padding:5px 8px}.pending{background:#FFF4D9;color:#9A6A0B}.review{background:#E4F2FF;color:#1F6CA8}.approved{background:#E0F6EB;color:#23794F}.rejected{background:#FCE8E7;color:#B33D38}.stage{padding:11px 0}.stage-icon{background:#EDF4F9;color:#24648E}.stage strong{color:#273C50}.stage small{color:#8290A0}.stage-count{color:#21394F}.notice{background:#FFF8E9;border:1px solid #F4E5C4;color:#8A671D}.quicklinks{gap:9px}.quick{border-color:#E1E8EF;background:#FBFCFE;transition:transform .15s,border-color .15s}.quick:hover{border-color:#9FC9E8;transform:translateY(-2px);background:#F4FAFF}.quick span{color:#1769AA}.quick strong{color:#24394D}.quick small{color:#8492A1}.section-view:not(#view-overview) .panel,.section-view:not(#view-specifications) .panel,.section-view:not(#view-artapproval) .panel,.section-view:not(#view-jobs) .panel{box-shadow:0 5px 18px #20384D06}.empty-state{color:#718195}
/* A print-production banner adds the broader portal identity without hiding workflow data. */#view-overview .headline:after,#view-specifications .headline:after,#view-artapproval .headline:after,#view-jobs .headline:after{content:"PRINT • PACKAGING • PRE-PRESS";display:block;position:absolute;right:32px;top:142px;font-size:9px;font-weight:800;letter-spacing:.14em;color:#8A9BAC;background:#EAF0F5;border:1px solid #DFE7EE;border-radius:6px;padding:8px 10px}
.modal{background:#fff;color:#172638}.modal h2{color:#172B3F}.field{color:#617488}.field input,.field select{background:#FBFCFE;color:#172638;border-color:#DDE5EC}.secondary-btn{border-color:#DDE5EC;color:#42586B;background:#fff}
@media(max-width:1050px){.content{padding:24px 22px 34px}.topbar{padding:0 22px}#view-overview .headline:after,#view-specifications .headline:after,#view-artapproval .headline:after,#view-jobs .headline:after{display:none}}
@media(max-width:700px){.layout{grid-template-columns:1fr}.sidebar{display:none}.topbar{padding:0 15px}.content{padding:21px 14px 28px}.headline h1{font-size:25px}.stats{gap:10px}.stat{padding:13px}.stat-num{font-size:25px}.workspace{grid-template-columns:1fr}.right-col{grid-template-columns:1fr}.panel-head{padding:16px 14px 12px}.filters{padding:0 14px 12px}.job{padding:13px 14px}}
/* Distinct Option 6 dashboard composition: hero, operational cards and denser production workspace. */#view-overview .headline,#view-specifications .headline,#view-artapproval .headline,#view-jobs .headline{position:relative;align-items:center}#view-overview .headline:after,#view-specifications .headline:after,#view-artapproval .headline:after,#view-jobs .headline:after{content:"PRINT  /  PACKAGING  /  PRE-PRESS";position:absolute;right:0;top:-16px;font-size:9px;letter-spacing:.16em;font-weight:800;color:#71869A}#view-overview .stats,#view-specifications .stats,#view-artapproval .stats,#view-jobs .stats{margin-bottom:18px}#view-overview .workspace,#view-specifications .workspace,#view-artapproval .workspace,#view-jobs .workspace{grid-template-columns:minmax(0,1.65fr) minmax(290px,.9fr);gap:16px}#view-overview .workspace:before,#view-specifications .workspace:before,#view-artapproval .workspace:before,#view-jobs .workspace:before{content:"Streamline Your Pre-Press Workflow\A From specification to final print — keep approvals, artwork and production in one workspace.";white-space:pre-line;display:flex;flex-direction:column;justify-content:center;min-height:142px;grid-column:1/-1;border-radius:13px;padding:25px 30px;color:#fff;font-size:12px;line-height:1.8;letter-spacing:.01em;background:radial-gradient(ellipse at 85% 30%,#237BAA 0%,transparent 28%),radial-gradient(ellipse at 72% 115%,#D5A63E 0%,transparent 23%),linear-gradient(110deg,#10263A 0%,#183F5B 62%,#10263A 100%);box-shadow:0 9px 25px #183D581C;position:relative;overflow:hidden}#view-overview .workspace:before:first-line,#view-specifications .workspace:before:first-line,#view-artapproval .workspace:before:first-line,#view-jobs .workspace:before:first-line{font-size:23px;font-weight:800;letter-spacing:-.04em;line-height:1.5}#view-overview .workspace>.panel:first-child,#view-specifications .workspace>.panel:first-child,#view-artapproval .workspace>.panel:first-child,#view-jobs .workspace>.panel:first-child{grid-column:1}#view-overview .right-col,#view-specifications .right-col,#view-artapproval .right-col,#view-jobs .right-col{grid-column:2;grid-row:auto}#view-overview .stat,#view-specifications .stat,#view-artapproval .stat,#view-jobs .stat{min-height:124px}#view-overview .stat-foot,#view-specifications .stat-foot,#view-artapproval .stat-foot,#view-jobs .stat-foot{line-height:1.6}#view-overview .panel-head h2,#view-specifications .panel-head h2,#view-artapproval .panel-head h2,#view-jobs .panel-head h2{font-size:15px}#view-overview .job,#view-specifications .job,#view-artapproval .job,#view-jobs .job{grid-template-columns:minmax(0,1fr) auto}#view-overview .job-title,#view-specifications .job-title,#view-artapproval .job-title,#view-jobs .job-title{font-size:13px}#view-overview .right-col .panel,#view-specifications .right-col .panel,#view-artapproval .right-col .panel,#view-jobs .right-col .panel{border-radius:12px}#view-overview .quicklinks,#view-specifications .quicklinks,#view-artapproval .quicklinks,#view-jobs .quicklinks{grid-template-columns:1fr 1fr}#view-overview .quick,#view-specifications .quick,#view-artapproval .quick,#view-jobs .quick{min-height:95px;background:linear-gradient(145deg,#FFFFFF,#F7FAFC)}#view-overview .quick span,#view-specifications .quick span,#view-artapproval .quick span,#view-jobs .quick span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#E8F3FB;font-size:16px}#view-overview .notice,#view-specifications .notice,#view-artapproval .notice,#view-jobs .notice{line-height:1.65}
@media(max-width:1050px){#view-overview .workspace,#view-specifications .workspace,#view-artapproval .workspace,#view-jobs .workspace{grid-template-columns:1fr}#view-overview .workspace>.panel:first-child,#view-overview .right-col,#view-specifications .workspace>.panel:first-child,#view-specifications .right-col,#view-artapproval .workspace>.panel:first-child,#view-artapproval .right-col,#view-jobs .workspace>.panel:first-child,#view-jobs .right-col{grid-column:1}#view-overview .workspace:before,#view-specifications .workspace:before,#view-artapproval .workspace:before,#view-jobs .workspace:before{min-height:128px}}
@media(max-width:700px){#view-overview .headline:after,#view-specifications .headline:after,#view-artapproval .headline:after,#view-jobs .headline:after{display:none}#view-overview .workspace:before,#view-specifications .workspace:before,#view-artapproval .workspace:before,#view-jobs .workspace:before{padding:20px;font-size:11px;min-height:120px}#view-overview .workspace:before:first-line,#view-specifications .workspace:before:first-line,#view-artapproval .workspace:before:first-line,#view-jobs .workspace:before:first-line{font-size:19px}#view-overview .right-col,#view-specifications .right-col,#view-artapproval .right-col,#view-jobs .right-col{grid-row:auto}}
/* Stronger visual dashboard graphics: mini trend charts, illustrated pipeline and hero grid. */#view-overview .stat,#view-specifications .stat,#view-artapproval .stat,#view-jobs .stat{overflow:hidden}#view-overview .stat:before,#view-specifications .stat:before,#view-artapproval .stat:before,#view-jobs .stat:before{content:"";position:absolute;right:16px;bottom:15px;width:76px;height:28px;opacity:.95;background:linear-gradient(160deg,transparent 0 12%,#1769AA 13% 17%,transparent 18% 27%,#1769AA 28% 32%,transparent 33% 42%,#1769AA 43% 47%,transparent 48% 57%,#1769AA 58% 62%,transparent 63%);clip-path:polygon(0 75%,18% 48%,34% 64%,51% 24%,67% 42%,82% 8%,100% 22%,100% 100%,0 100%)}#view-overview .stat:nth-child(2):before,#view-specifications .stat:nth-child(2):before,#view-artapproval .stat:nth-child(2):before,#view-jobs .stat:nth-child(2):before{background:linear-gradient(160deg,transparent 0 12%,#D99A2B 13% 17%,transparent 18% 27%,#D99A2B 28% 32%,transparent 33% 42%,#D99A2B 43% 47%,transparent 48% 57%,#D99A2B 58% 62%,transparent 63%);}#view-overview .stat:nth-child(3):before,#view-specifications .stat:nth-child(3):before,#view-artapproval .stat:nth-child(3):before,#view-jobs .stat:nth-child(3):before{background:linear-gradient(160deg,transparent 0 12%,#C95C58 13% 17%,transparent 18% 27%,#C95C58 28% 32%,transparent 33% 42%,#C95C58 43% 47%,transparent 48% 57%,#C95C58 58% 62%,transparent 63%);}#view-overview .stat:nth-child(4):before,#view-specifications .stat:nth-child(4):before,#view-artapproval .stat:nth-child(4):before,#view-jobs .stat:nth-child(4):before{background:linear-gradient(160deg,transparent 0 12%,#2D9A72 13% 17%,transparent 18% 27%,#2D9A72 28% 32%,transparent 33% 42%,#2D9A72 43% 47%,transparent 48% 57%,#2D9A72 58% 62%,transparent 63%);}#view-overview .stat-num,#view-overview .stat-top,#view-overview .stat-foot,#view-specifications .stat-num,#view-specifications .stat-top,#view-specifications .stat-foot,#view-artapproval .stat-num,#view-artapproval .stat-top,#view-artapproval .stat-foot,#view-jobs .stat-num,#view-jobs .stat-top,#view-jobs .stat-foot{position:relative;z-index:1}#view-overview .workspace:before,#view-specifications .workspace:before,#view-artapproval .workspace:before,#view-jobs .workspace:before{background-image:linear-gradient(#FFFFFF0A 1px,transparent 1px),linear-gradient(90deg,#FFFFFF0A 1px,transparent 1px),radial-gradient(ellipse at 85% 30%,#237BAA 0%,transparent 28%),radial-gradient(ellipse at 72% 115%,#D5A63E 0%,transparent 23%),linear-gradient(110deg,#10263A 0%,#183F5B 62%,#10263A 100%);background-size:28px 28px,28px 28px,auto,auto,auto}#view-overview .stage-icon,#view-specifications .stage-icon,#view-artapproval .stage-icon,#view-jobs .stage-icon{box-shadow:0 0 0 4px #EDF4F9;border:1px solid #D8E6F0}#view-overview .stage-count,#view-specifications .stage-count,#view-artapproval .stage-count,#view-jobs .stage-count{min-width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#EEF5FA;color:#1769AA;padding:0}#view-overview .quick span,#view-specifications .quick span,#view-artapproval .quick span,#view-jobs .quick span{box-shadow:0 3px 8px #1769AA12}
@media(max-width:700px){#view-overview .stat:before,#view-specifications .stat:before,#view-artapproval .stat:before,#view-jobs .stat:before{width:54px;right:9px;opacity:.65}}
/* Approved visual direction: near-black canvas, teal accents, luminous data graphics. */
:root{--site-primary:#07141B;--site-secondary:#25D4C2;--site-background:#05090D;--site-on-background:#E8F2F5;color-scheme:dark}
body,.app{background:#05090D!important;color:#E8F2F5!important;color-scheme:dark}
.layout{background:#05090D}.sidebar{background:#05090D!important;border-right:1px solid #1B2A31;box-shadow:none}.brandmark{background:#25D4C2!important;color:#041114!important;box-shadow:0 0 20px #25D4C233}.brand strong{color:#E8F2F5}.brand small{color:#9AADB5}.nav button{color:#B7C7CD}.nav button.active{background:#0C302F!important;border-color:#124A47!important;box-shadow:inset 3px 0 #25D4C2!important;color:#F4FFFF}.nav button:hover{background:#102226}.sidebar-foot{border-top-color:#213238;color:#9AADB5}
.topbar{background:#070D12!important;border-bottom-color:#1D2B32!important;box-shadow:none}.crumb,.headline p{color:#91A4AD!important}.crumb strong,.headline h1{color:#ECF7F8!important}.search{background:#0A1218!important;border-color:#25363D!important;color:#EAF5F6}.avatar{background:#123E3C!important;color:#5DE9D9!important;border-color:#071116!important;box-shadow:0 0 0 1px #1B5550}
.eyebrow{color:#35D7C5!important}.primary-btn{background:#20CDBB!important;color:#041513!important;box-shadow:0 0 20px #20CDBB20}.primary-btn:hover{background:#50E8D8!important}.secondary-btn{background:#0B151B!important;border-color:#293A42!important;color:#D5E4E8}
.stat,.panel{background:#080F14!important;border-color:#1D2B32!important;box-shadow:0 8px 28px #0005!important}.stat{min-height:130px}.stat:after{background:#25D4C2!important}.stat:nth-child(2):after{background:#2E9FDC!important}.stat:nth-child(3):after{background:#F3B84B!important}.stat:nth-child(4):after{background:#48D18B!important}.stat-top,.stat-foot,.panel-head p,.job-meta,.stage small,.quick small{color:#8FA3AC!important}.stat-num{color:#E8FAFA!important}.stat-icon,.stage-icon{background:#102326!important;color:#38DACA!important}.panel-head h2,.job-title,.stage strong,.quick strong{color:#E7F2F5!important}.panel-head,.job,.joblist{border-color:#1D2B32!important}.job:hover{background:#0B191D!important}.text-btn,.job-open{color:#36D8C7!important}.filter{background:#091117!important;border-color:#25363D!important;color:#A9BCC3}.filter.active{background:#103431!important;border-color:#1A6D64!important;color:#5CE5D6}.review{background:#102D42!important;color:#6CC8FF}.pending{background:#392D12!important;color:#F3C65B}.approved{background:#103324!important;color:#61E6A0}.rejected{background:#3A1D1D!important;color:#FF8983}.notice{background:#28210F!important;border-color:#4B3B18!important;color:#F0CB72}.quick{background:linear-gradient(145deg,#0C171D,#081015)!important;border-color:#21363C!important}.quick:hover{background:#102326!important;border-color:#1E8D81!important}.quick span{background:#103431!important;color:#39DFCE!important;box-shadow:0 0 16px #20CDBB14!important}#view-overview .headline:after,#view-specifications .headline:after,#view-artapproval .headline:after,#view-jobs .headline:after{color:#6C9D9F!important;background:#0A191D!important;border-color:#1D393B!important}#view-overview .workspace:before,#view-specifications .workspace:before,#view-artapproval .workspace:before,#view-jobs .workspace:before{background-image:linear-gradient(#FFFFFF09 1px,transparent 1px),linear-gradient(90deg,#FFFFFF09 1px,transparent 1px),radial-gradient(ellipse at 85% 25%,#0D756D 0%,transparent 34%),radial-gradient(ellipse at 12% 110%,#155D78 0%,transparent 40%),linear-gradient(110deg,#071116 0%,#0B2529 58%,#071116 100%)!important;border:1px solid #1B4545;box-shadow:0 0 28px #20CDBB0B}#view-overview .workspace:after,#view-specifications .workspace:after,#view-artapproval .workspace:after,#view-jobs .workspace:after{content:"PRODUCTION VOLUME  ·  LAST 7 DAYS\A  1,250 ┤                 ╭●\A  1,000 ┤        ╭●────╯  ╰●\A    750 ┤  ╭●──╯              ╲\A    500 ┤●╯                    ╰●\A        └──────────────────────\A          MON   TUE   WED   THU   FRI   SAT   SUN";white-space:pre;display:block;grid-column:1/-1;min-height:210px;padding:24px 28px;border:1px solid #1D333A;border-radius:12px;color:#35DACA;font:600 12px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em;background:radial-gradient(ellipse at 55% 80%,#0A625A55,transparent 48%),linear-gradient(#FFFFFF08 1px,transparent 1px),linear-gradient(90deg,#FFFFFF08 1px,transparent 1px),#080F14;background-size:auto,100% 34px,72px 100%,auto;overflow:hidden}
.modal{background:#091117!important;color:#E8F2F5!important;border-color:#25363D!important}.modal h2{color:#ECF7F8!important}.modal p,.field{color:#91A4AD!important}.field input,.field select{background:#050B0F!important;color:#E8F2F5!important;border-color:#25363D!important}.empty-state{color:#91A4AD!important}.toast{background:#103B38!important;color:#DDFEFA!important;border:1px solid #1C7168}
@media(max-width:700px){#view-overview .workspace:after,#view-specifications .workspace:after,#view-artapproval .workspace:after,#view-jobs .workspace:after{font-size:9px;padding:16px;min-height:180px;overflow:hidden}.sidebar{border-right:0}}
.pr select,.addnew input,.addrow input{width:100%;padding:8px 10px;border:1px solid light-dark(#DDE4E9,#34434F);border-radius:7px;background:light-dark(#FAFBFC,#111821);color:light-dark(#172638,#E9EEF3);font:inherit;font-size:13px}.addnew{grid-column:1/-1;display:flex;gap:8px;align-items:center;margin:-2px 0 4px}.addnew[hidden]{display:none}.addnew input{flex:1}.addrow{display:flex;gap:8px;max-width:440px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.chip{display:inline-flex;gap:8px;align-items:center;padding:6px 8px 6px 12px;border:1px solid light-dark(#D5DEE7,#2A3540);border-radius:99px;font-size:13px;background:light-dark(#F4F7FA,#1B2733);color:light-dark(#1A2E42,#E9EEF3)}.chip small{color:light-dark(#64727F,#A6B3C0)}.chip button{border:0;background:none;cursor:pointer;color:light-dark(#8A99A8,#6F7F8E);font-size:16px;line-height:1;padding:0 4px}.sfhead{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 20px}.dochead{border-collapse:collapse;font-size:12px}.dochead td{border:1px solid light-dark(#CBD5DF,#34434F);padding:3px 10px}.sfsec>h3{margin:0;padding:10px 20px;background:light-dark(#E8EDF3,#1F2C38);border-top:1px solid light-dark(#D5DEE7,#2A3540);font-size:14px;color:light-dark(#1A2E42,#E9EEF3)}.cols3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;padding:14px 20px 4px}.cols2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;padding:8px 20px 6px}.pr{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:end;margin-bottom:10px}.pr label{display:grid;gap:4px;font-size:11px;color:light-dark(#64727F,#A6B3C0)}.pr input,.sfta,.field input[type=file]{width:100%;padding:8px 10px;border:1px solid light-dark(#DDE4E9,#34434F);border-radius:7px;background:light-dark(#FAFBFC,#111821);color:light-dark(#172638,#E9EEF3);font:inherit;font-size:13px}.sfta{resize:vertical}.pr input.iss{text-align:center;padding:8px 4px;background:light-dark(#EEF2F6,#1B2733)}.pr input:disabled,.sfta:disabled{background:light-dark(#F3F6FA,#16202A);color:light-dark(#172638,#E9EEF3);opacity:1}.sidehd{padding:10px 20px 0;font-weight:800;font-size:12px;letter-spacing:.06em;color:light-dark(#1769AA,#6CB8F0)}.colhd{font-size:11px;font-weight:700;color:light-dark(#64727F,#A6B3C0);margin-bottom:8px}.appr{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;padding:26px 20px 18px}.sg{display:grid;gap:6px;text-align:center;font-size:12px}.sn{min-height:24px;border-bottom:1px solid light-dark(#8A99A8,#6F7F8E);font-weight:700;color:light-dark(#1B6E4B,#55D6A0)}.sl{color:light-dark(#64727F,#A6B3C0)}@media(max-width:900px){.cols3,.cols2{grid-template-columns:1fr}.appr{grid-template-columns:repeat(3,minmax(0,1fr))}}
#view-specifications .headline .primary-btn,#view-jobs .headline .primary-btn{margin-top:26px}