:root{--brown:#5a351c;--brown2:#7a4a25;--gold:#b88b4b;--gold2:#d9b26c;--cream:#f7f2ea;--paper:#fffdf9;--line:#eadfce;--ink:#3a291d;--muted:#8a7868;--ok:#2f7d4a;--err:#a3341f;--shadow:0 10px 30px rgba(70,43,20,.08);--shadow2:0 4px 14px rgba(70,43,20,.08)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--cream);color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.muted,.note{color:var(--muted)}.small{font-size:12px;color:var(--muted)}
.appShell{height:100vh;display:flex;overflow:hidden;background:radial-gradient(circle at top right,#fffaf1 0,#f7f2ea 42%,#f1e9de 100%)}
.brandBlockLogoOnly{display:block;padding:10px 8px}.brandLogoWide{max-width:100%;width:100%;height:58px;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fffdf9;border:1px solid #ffffff2b;box-shadow:0 5px 16px #0003}.brandLogoWide img{width:100%;height:100%;object-fit:contain;padding:3px;box-sizing:border-box}.portalBrandLogo{width:118px;height:40px;border-radius:8px;overflow:hidden;background:#fffdf9;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex:0 0 auto}.portalBrandLogo img{width:100%;height:100%;object-fit:contain;padding:2px;box-sizing:border-box}.loginCard .logoMark.big{background:#fffdf9;border:1px solid var(--line);box-shadow:none;width:250px;height:100px;margin:0 auto 12px}.loginCard .logoMark.big img{object-fit:contain;padding:4px}.setupBrand .logoMark{background:#fffdf9;border:1px solid var(--line)}.setupBrand .logoMark img{object-fit:contain;padding:2px}
.side{width:270px;flex:0 0 270px;background:linear-gradient(180deg,#4d2d18,#6f431f 54%,#84562d);color:#fff;display:flex;flex-direction:column;box-shadow:8px 0 28px rgba(52,31,17,.12);min-height:100vh;position:relative;z-index:10}.brandBlock{display:flex;align-items:center;gap:11px;padding:18px 14px 15px;border-bottom:1px solid #ffffff1a;flex:0 0 auto}.brandWords{min-width:0}.brandLogo,.logoMark{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#d4aa67,#7a4b27);color:#fff;font-weight:900;letter-spacing:.5px;box-shadow:0 5px 16px #0004;border:1px solid #ffffff33;overflow:hidden;flex:0 0 auto}.brandLogo img,.logoMark img,.logoPreview img{width:100%;height:100%;object-fit:cover}.brandName{font-weight:850;font-size:20px;letter-spacing:.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brandSub{font-size:9px;letter-spacing:1.1px;opacity:.72;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sideScroll{flex:1;min-height:0;overflow-y:scroll;overflow-x:hidden;padding:12px 10px 10px;scrollbar-width:thin;scrollbar-color:#d9b26c66 #ffffff0d}.sideScroll::-webkit-scrollbar{width:9px}.sideScroll::-webkit-scrollbar-track{background:#ffffff0d;border-radius:9px}.sideScroll::-webkit-scrollbar-thumb{background:#d9b26c88;border-radius:9px;border:2px solid transparent;background-clip:padding-box}.navLabel{font-size:9px;letter-spacing:1.6px;font-weight:850;color:#f2d7ae88;padding:8px 10px 6px}.nav{display:flex;flex-direction:column;gap:5px;margin-bottom:9px}.nav button{width:100%;display:flex;align-items:center;gap:11px;border:1px solid transparent;background:transparent;color:#fff;text-align:left;padding:12px 13px;border-radius:12px;font-weight:650;transition:.15s}.nav button:hover{background:#ffffff12;transform:translateX(2px)}.nav button.active{background:linear-gradient(90deg,#ffffff24,#ffffff08);border-color:#ffffff20;box-shadow:inset 3px 0 0 var(--gold2)}.nav button strong{margin-left:auto;font-size:20px;opacity:.6}.ico{width:22px;text-align:center;opacity:.85}.sideBottom{padding:10px 10px 13px;border-top:1px solid #ffffff1a;display:grid;gap:6px;flex:0 0 auto;background:#57341d}.sideBtn{background:#ffffff0d;border:1px solid #ffffff20;color:#fff;border-radius:10px;padding:10px;text-align:left}.sideBtn:hover{background:#ffffff18}
.main{min-width:0;flex:1;height:100vh;overflow:auto}.topbar{height:82px;background:#fffdf9e8;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:5}.eyebrow{font-size:10px;letter-spacing:1.5px;color:var(--gold);font-weight:850}.topbar h1{margin:1px 0 0;font-size:21px}.profileLine{font-size:10px;color:var(--muted);margin-top:1px}.topActions{display:flex;align-items:center;gap:10px}.pill{background:#f3eadf;color:var(--brown);border-radius:20px;padding:6px 10px;font-size:11px;font-weight:800}.pill.ok{background:#e4f2e8;color:#287344}.iconAction{border:1px solid var(--line);background:#fff;border-radius:11px;width:40px;height:40px;color:var(--brown);font-size:20px}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),var(--brown2));color:#fff;font-weight:850;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.page{padding:30px;max-width:1700px;margin:auto}.head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px}.head h2{margin:0;font-size:29px;letter-spacing:-.5px}.head p{margin:4px 0 0;color:var(--muted)}.headActions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn{border:0;border-radius:11px;padding:11px 16px;background:linear-gradient(135deg,var(--brown2),var(--brown));color:#fff;font-weight:750;box-shadow:0 5px 12px rgba(90,53,28,.14)}.btn:hover{transform:translateY(-1px)}.btn.light{background:#f3eadf;color:var(--brown);border:1px solid var(--line);box-shadow:none}.wide{width:100%;margin-top:8px}.search{padding:11px 13px;border:1px solid var(--line);border-radius:11px;background:#fff;min-width:150px}.search:focus,input:focus,select:focus,textarea:focus{outline:none;border-color:#cda66c;box-shadow:0 0 0 4px #ead2a633}.stats{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:13px;margin-bottom:18px}.statCard{background:#fffdf9ee;border:1px solid var(--line);border-radius:17px;padding:16px 18px;box-shadow:var(--shadow2);display:flex;align-items:flex-end;justify-content:space-between}.statCard span{color:var(--muted);font-size:12px}.statCard b{font-size:28px}.contentCard{background:#fffdf9f2;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow2);min-height:360px}.tablewrap{overflow:auto;border-radius:12px}.table{width:100%;border-collapse:separate;border-spacing:0}.table th,.table td{padding:13px 10px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}.table th{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;background:#fbf6ef;position:sticky;top:0;z-index:1}.table tr:hover td{background:#fff9f0}.table button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 9px;color:var(--brown);font-size:12px;font-weight:700;margin:2px}.status{padding:5px 10px;border-radius:18px;font-size:11px;font-weight:800;background:#e4f2e8;color:#287344}.status.New{background:#fbeedd;color:#8b5a2b}.status.Ready{background:#e3eefb;color:#245b9c}.status.Delivered{background:#eee;color:#555}.status.Rejected,.status.rejected{background:#fde7e3;color:#a3341f}.status.InProduction{background:#efe7fb;color:#6c4aa1}.status.Polish{background:#fff0d8;color:#9a5a00}.status.ready{background:#e3eefb;color:#245b9c}.success{color:var(--ok)}.error,.err{color:var(--err)}.empty{text-align:center;padding:35px;color:var(--muted)}.reportgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.reportcard{border:1px solid var(--line);background:#fffaf4;border-radius:14px;padding:14px}.reportcard span{display:block;color:var(--muted);font-size:11px}.reportcard b{display:block;font-size:25px;margin-top:4px}.sectionTitle{font-weight:800;margin:18px 0 9px}
.dashGrid{display:grid;grid-template-columns:1.45fr 1fr;gap:14px;margin-bottom:14px}.dashGrid.second{grid-template-columns:1.45fr 1fr}.heroCard{border-radius:18px;padding:24px;background:linear-gradient(135deg,#6f431f,#9b6533);color:#fff;box-shadow:var(--shadow)}.heroEyebrow{font-size:10px;letter-spacing:1.7px;opacity:.7;font-weight:850}.heroCard h3{font-size:28px;margin:4px 0}.heroCard p{opacity:.82;max-width:650px;margin:0 0 18px}.heroCard .btn{background:#fff;color:var(--brown);box-shadow:none}.workflowCard,.panel{background:#fffaf4;border:1px solid var(--line);border-radius:16px;padding:18px}.workflow{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.workflow>div{text-align:center;padding:12px 4px;border:1px solid var(--line);border-radius:12px;background:#fff}.workflow b{display:block;font-size:22px}.workflow small{font-size:10px;color:var(--muted)}.workflowDot{display:block;width:9px;height:9px;border-radius:50%;margin:0 auto 5px;background:var(--gold)}.panelHead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.panelHead b{display:block;font-size:15px}.panelHead small{display:block;color:var(--muted);font-size:11px}.miniList{display:grid}.miniRow{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.miniRow:last-child{border-bottom:0}.miniRow b,.miniRow small{display:block}.miniRow small{color:var(--muted);font-size:11px}.summaryRows{display:grid;gap:0}.summaryRows div,.settingRow{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.summaryRows div:last-child,.settingRow:last-child{border-bottom:0}.summaryRows span,.settingRow span{color:var(--muted)}.settingsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settingsGrid .panel:last-child{grid-column:1/-1}
.modal{position:fixed;inset:0;background:#29190f99;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:30}.modal.hidden{display:none}.modalBox{background:#fffdf9;max-width:820px;width:100%;max-height:90vh;overflow:auto;border-radius:22px;padding:24px;box-shadow:0 24px 70px #29190f33}.modalHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.modalHead h2{margin:0}.iconBtn{border:0;background:#f3eadf;color:var(--brown);border-radius:10px;width:38px;height:38px;font-size:22px}.formgrid,.brandForm{display:grid;grid-template-columns:1fr 1fr;gap:13px}.formgrid .full{grid-column:1/-1}.formgrid label,.brandForm label{font-size:11px;color:var(--muted);font-weight:700}.formgrid input,.formgrid select,.formgrid textarea,.brandForm input{width:100%;padding:11px;border:1px solid var(--line);border-radius:10px;background:#fff;margin-top:5px}.modalfooter,.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.logoPreview{width:96px;height:96px;border-radius:20px;background:linear-gradient(135deg,var(--gold),var(--brown2));color:#fff;display:grid;place-items:center;font-size:30px;font-weight:900;overflow:hidden}.setupPage,.loginPage{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 50% 0,#c99a5c 0,#6f431f 47%,#3e2414 100%)}.setupCard,.loginCard{max-width:520px;width:100%;background:#fffdf9;border:1px solid var(--line);border-radius:25px;padding:28px;box-shadow:0 24px 70px #2d180c55}.loginCard{max-width:410px;text-align:center}.setupBrand{display:flex;align-items:center;gap:12px;margin-bottom:20px}.setupBrand h1{margin:0}.setupBrand p{margin:2px 0;color:var(--muted)}.logoMark.big{width:78px;height:78px;border-radius:20px;margin:0 auto 12px;font-size:24px}.loginCard h1{margin:0}.setupCard h2{margin:0 0 5px}.setupCard label{display:block;font-size:11px;color:var(--muted);font-weight:700;margin-top:12px}.setupCard input,.loginCard input{width:100%;padding:13px;border:1px solid var(--line);border-radius:11px;background:#fff;margin-top:5px}.setupCard .actions{justify-content:flex-start}.setupCard .btn{margin-top:0}.loginCard .err{min-height:18px;margin-top:8px}.brandModalBox{max-width:620px}
@media(max-width:1050px){.side{width:230px;flex-basis:230px}.stats{grid-template-columns:repeat(2,1fr)}.reportgrid{grid-template-columns:repeat(2,1fr)}.dashGrid,.dashGrid.second{grid-template-columns:1fr}.settingsGrid{grid-template-columns:1fr}.settingsGrid .panel:last-child{grid-column:auto}}
@media(max-width:720px){.brandLogoWide{width:180px;height:48px}.brandBlockLogoOnly{padding:7px 9px}.portalBrandLogo{width:108px;height:36px}.appShell{display:block;height:auto;overflow:visible}.side{width:100%;height:auto;min-height:0;position:relative}.brandBlock{padding:10px}.sideScroll{overflow-y:hidden;overflow-x:auto;display:flex;gap:6px;padding:8px}.navLabel{display:none}.nav{flex-direction:row;margin:0}.nav button{width:auto;white-space:nowrap;padding:9px 11px}.nav button strong{display:none}.sideBottom{display:none}.topbar{height:72px;padding:0 13px}.topbar .pill{display:none}.page{padding:17px}.head{align-items:flex-start;flex-direction:column}.head h2{font-size:25px}.stats{grid-template-columns:repeat(2,1fr);gap:9px}.statCard{padding:13px}.statCard b{font-size:23px}.headActions{width:100%}.search{flex:1;min-width:120px}.contentCard{padding:13px}.formgrid,.brandForm{grid-template-columns:1fr}.formgrid .full{grid-column:auto}.modalBox{padding:18px;border-radius:18px}.workflow{grid-template-columns:repeat(2,1fr)}.miniRow{grid-template-columns:1fr auto}.miniRow strong{display:none}}

/* V1.7 compact desktop UI: designed to fit laptop screens without browser zoom */
:root{--ui-gap:10px}
html,body{font-size:13px}
.side{width:238px;flex-basis:238px}
.brandBlock{padding:13px 12px 11px}.brandLogo{width:40px;height:40px;border-radius:11px}.brandName{font-size:17px}.brandSub{font-size:8px}
.sideScroll{padding:8px 8px 8px}.nav{gap:3px;margin-bottom:6px}.nav button{padding:9px 10px;border-radius:10px;font-size:12px}.navLabel{padding:6px 8px 4px;font-size:8px}
.sideBottom{padding:7px 8px 9px;gap:5px}.sideBtn{padding:8px;font-size:12px}
.topbar{height:68px;padding:0 20px}.topbar h1{font-size:18px}.iconAction,.avatar{width:36px;height:36px}
.page{padding:20px;max-width:1500px}.head{margin-bottom:12px}.head h2{font-size:24px}.head p{font-size:12px}.stats{gap:9px;margin-bottom:12px}.statCard{padding:12px 14px;border-radius:14px}.statCard b{font-size:23px}.contentCard{padding:14px;border-radius:15px;min-height:300px}
.btn{padding:9px 13px;border-radius:9px}.search{padding:9px 11px}.table th,.table td{padding:9px 8px}.table button{padding:6px 8px;font-size:11px}
.dashGrid{gap:10px;margin-bottom:10px}.heroCard{padding:18px}.heroCard h3{font-size:23px}.workflowCard,.panel{padding:14px}.workflow>div{padding:9px 3px}.workflow b{font-size:19px}.miniRow{padding:9px 0}
.modal{padding:12px}.modalBox{max-width:760px;max-height:88vh;padding:18px;border-radius:18px}.formgrid,.brandForm{gap:10px}.formgrid input,.formgrid select,.formgrid textarea,.brandForm input{padding:9px}.logoPreview{width:80px;height:80px}
@media(max-height:760px) and (min-width:721px){.side{width:220px;flex-basis:220px}.brandBlock{padding:9px}.sideScroll{padding:5px 7px}.nav button{padding:7px 9px}.sideBottom{padding:5px 7px}.topbar{height:60px}.page{padding:15px}.stats{margin-bottom:9px}.contentCard{min-height:250px}.modalBox{max-height:86vh}}
@media(max-width:1050px) and (min-width:721px){.side{width:220px;flex-basis:220px}.page{padding:16px}.topbar{padding:0 16px}.stats{grid-template-columns:repeat(4,minmax(100px,1fr))}.statCard{padding:10px}.statCard b{font-size:21px}}

/* V1.8 COMPACT UI — tighter laptop layout, no browser zoom required */
html,body{font-size:12px}
.side{width:210px;flex-basis:210px}
.brandBlock{padding:10px 10px 9px}.brandLogo{width:36px;height:36px;border-radius:10px}.brandName{font-size:15px}.brandSub{font-size:7px;letter-spacing:.8px}
.sideScroll{padding:6px 6px 6px}.nav{gap:2px;margin-bottom:5px}.navLabel{padding:5px 7px 3px;font-size:7px;letter-spacing:1.2px}.nav button{padding:7px 8px;border-radius:8px;font-size:11px;gap:8px}.nav button strong{font-size:16px}.ico{width:18px}.sideBottom{padding:6px 6px 7px;gap:4px}.sideBtn{padding:7px;font-size:11px;border-radius:8px}
.main{height:100vh}.topbar{height:58px;padding:0 15px}.topbar h1{font-size:16px}.eyebrow{font-size:8px;letter-spacing:1.2px}.profileLine{font-size:9px}.topActions{gap:6px}.pill{padding:4px 8px;font-size:10px}.iconAction,.avatar{width:32px;height:32px;font-size:16px}
.page{padding:14px;max-width:1500px}.head{gap:10px;margin-bottom:9px}.head h2{font-size:21px}.head p{font-size:11px;margin-top:2px}.headActions{gap:6px}.btn{padding:7px 10px;border-radius:8px;font-size:11px}.search{padding:7px 9px;border-radius:8px;font-size:11px;min-width:130px}.stats{gap:7px;margin-bottom:9px}.statCard{padding:9px 11px;border-radius:12px}.statCard span{font-size:10px}.statCard b{font-size:20px}.contentCard{padding:11px;border-radius:13px;min-height:250px}.table th,.table td{padding:7px 7px}.table th{font-size:9px}.table button{padding:5px 7px;font-size:10px}.status{padding:4px 8px;font-size:10px}
.dashGrid,.dashGrid.second{gap:8px;margin-bottom:8px}.heroCard{padding:14px;border-radius:14px}.heroCard h3{font-size:20px}.heroCard p{margin-bottom:12px}.workflowCard,.panel{padding:11px;border-radius:13px}.workflow{gap:6px}.workflow>div{padding:7px 3px;border-radius:9px}.workflow b{font-size:17px}.workflow small{font-size:9px}.miniRow{padding:7px 0;gap:8px}.panelHead{margin-bottom:8px}.panelHead b{font-size:13px}.panelHead small{font-size:10px}
.modal{padding:8px}.modalBox{max-width:680px;max-height:84vh;padding:14px;border-radius:15px}.modalHead{margin-bottom:9px}.modalHead h2{font-size:18px}.iconBtn{width:32px;height:32px;font-size:19px}.formgrid,.brandForm{gap:8px}.formgrid label,.brandForm label{font-size:10px}.formgrid input,.formgrid select,.formgrid textarea,.brandForm input{padding:8px;border-radius:8px;margin-top:3px;font-size:12px}.modalfooter,.actions{gap:6px;margin-top:10px}.logoPreview{width:68px;height:68px;border-radius:14px;font-size:24px}.brandModalBox{max-width:540px}.brandModalBox .muted{font-size:10px;line-height:1.35}
@media(max-height:760px) and (min-width:721px){.side{width:200px;flex-basis:200px}.brandBlock{padding:8px}.sideScroll{padding:4px 5px}.nav button{padding:6px 7px}.sideBottom{padding:4px 5px}.topbar{height:54px}.page{padding:11px}.stats{margin-bottom:7px}.contentCard{min-height:220px}.modalBox{max-height:82vh}}
@media(max-width:1050px) and (min-width:721px){.side{width:200px;flex-basis:200px}.page{padding:12px}.topbar{padding:0 12px}.stats{grid-template-columns:repeat(4,minmax(90px,1fr))}.statCard{padding:8px}.statCard b{font-size:19px}}


/* V1.9 PORTAL EDITOR */
.portalIntro{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.portalIntro b{display:block;font-size:15px}.portalIntro small{display:block;color:var(--muted);font-size:10px}.portalActions{display:flex;gap:6px;flex-wrap:wrap}.portalEditorGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.compactForm{display:grid;grid-template-columns:1fr 1fr;gap:8px}.compactForm label{font-size:10px;color:var(--muted);font-weight:700}.compactForm input{width:100%;padding:8px;border:1px solid var(--line);border-radius:8px;background:#fff;margin-top:3px;font-size:12px}.portalPreviews{display:grid;grid-template-columns:1fr 1fr;gap:12px}.portalPreview{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.portalPreviewTop{display:flex;align-items:center;gap:9px;padding:10px 12px;background:linear-gradient(135deg,#5a351c,#8a572c);color:#fff}.portalPreviewTop b{display:block;font-size:13px}.portalPreviewTop small{display:block;font-size:8px;opacity:.75;letter-spacing:.7px}.portalMiniLogo{width:32px;height:32px;border-radius:9px;background:#d9b26c;color:#fff;display:grid;place-items:center;font-weight:900}.portalPreviewBody{padding:13px}.portalTag{font-size:8px;letter-spacing:1.2px;color:var(--gold);font-weight:850}.portalPreview h3{font-size:19px;margin:3px 0}.portalPreview p{font-size:10px;color:var(--muted);margin:0 0 10px}.portalTiles{display:grid;grid-template-columns:1fr 1fr;gap:7px}.portalTile{padding:10px;border:1px solid var(--line);border-radius:10px;background:#fffaf4;display:flex;align-items:center;gap:7px}.portalTile span{width:20px;height:20px;border-radius:7px;background:#f0dfc5;color:var(--brown);display:grid;place-items:center;font-size:9px;font-weight:850}.portalTile b{font-size:10px}
@media(max-width:900px){.portalEditorGrid,.portalPreviews{grid-template-columns:1fr}.portalIntro{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.compactForm{grid-template-columns:1fr}.portalActions{width:100%}.portalActions .btn{flex:1}}

/* V2.0 LIVE PORTALS + ORDER BUILDER */
.hidden{display:none!important}
.portalApp{min-height:100vh;background:linear-gradient(180deg,#f8f0e5 0%,#fffdf9 45%,#f4eadc 100%);color:var(--text)}
.portalHeader{height:62px;background:#fffdf9;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px;box-shadow:0 3px 16px #3b241012;position:sticky;top:0;z-index:5}
.portalBrand,.portalUserWrap{display:flex;align-items:center;gap:9px}.portalBrand b{display:block;font-size:15px}.portalBrand small{display:block;color:var(--muted);font-size:9px}.portalUser{font-size:11px;color:var(--muted);margin-right:8px}.portalLogout{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 10px;font-size:11px;cursor:pointer}.portalMain{max-width:1100px;margin:0 auto;padding:18px}.portalTopCard{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px;background:linear-gradient(135deg,#5a351c,#8d5a2d);color:#fff;border-radius:16px;box-shadow:0 10px 25px #3b241018;margin-bottom:12px}.portalTopCard h2{margin:3px 0 4px;font-size:22px}.portalTopCard p{margin:0;opacity:.78;font-size:11px}.portalSection{background:#fffdf9;border:1px solid var(--line);border-radius:14px;padding:12px}.karigarCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.jobCard{background:#fffdf9;border:1px solid var(--line);border-radius:14px;padding:13px;display:flex;justify-content:space-between;gap:12px;box-shadow:0 5px 15px #3b241008}.jobCard h3{margin:3px 0;font-size:17px}.jobCard p{margin:5px 0 9px;color:var(--muted);font-size:11px}.jobCard small{color:var(--muted)}.jobActions{display:flex;align-items:center}.orderBuilder{border:1px solid var(--line);border-radius:12px;background:#fffaf4;padding:10px}.builderHint{font-size:10px;color:var(--muted);margin-bottom:9px}.itemRow{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px;margin-bottom:8px}.itemRowHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;font-size:11px}.itemFields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.itemFields label,.compactCustomerPick label{font-size:9px;color:var(--muted);font-weight:800}.itemFields input,.compactCustomerPick select{width:100%;padding:7px;border:1px solid var(--line);border-radius:7px;background:#fff;margin-top:3px;font-size:11px;box-sizing:border-box}.itemFields input:focus,.compactCustomerPick select:focus{outline:2px solid #d8b77755;border-color:#c79a5b}.dangerBtn{border:1px solid #d9b0a5;background:#fff6f3;color:#8a3524;border-radius:7px;padding:5px 7px;font-size:9px;cursor:pointer}.compactCustomerPick{margin-bottom:8px}.compactCustomerPick label{display:block;max-width:360px}.fieldEditor{display:grid;gap:7px}.fieldRow{display:grid;grid-template-columns:1.5fr 1fr auto auto;gap:7px;align-items:center;padding:7px;border:1px solid var(--line);border-radius:9px;background:#fffaf4}.fieldRow input,.fieldRow select{padding:7px;border:1px solid var(--line);border-radius:7px;font-size:11px}.feReq{font-size:9px;color:var(--muted);white-space:nowrap}.feReq input{width:auto!important}.portalMain .tablewrap{overflow:auto}.portalMain .table{min-width:650px}
/* remove numeric spinners everywhere in the app; weights are typed manually */
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield;-moz-appearance:textfield}
@media(max-width:850px){.itemFields{grid-template-columns:repeat(2,minmax(0,1fr))}.karigarCards{grid-template-columns:1fr}.portalTopCard{align-items:flex-start;flex-direction:column}.fieldRow{grid-template-columns:1fr 1fr}.feReq{grid-column:1}.feRemove{grid-column:2}}
@media(max-width:560px){.portalHeader{padding:0 10px}.portalUser{display:none}.portalMain{padding:10px}.itemFields{grid-template-columns:1fr}.portalTopCard h2{font-size:19px}}

/* V2.2 UI OPTIONS — compact, polished themes */
:root{--sidebar1:#4d2d18;--sidebar2:#84562d;--surface:#fffdf9;--surface2:#fffaf4}
body{transition:background .2s,color .2s}
body[data-theme="midnight"]{--brown:#cda86a;--brown2:#9c7138;--gold:#d8b36d;--gold2:#f0d49a;--cream:#15171b;--paper:#1c1f24;--line:#343942;--ink:#f1eee7;--muted:#a9adb5;--ok:#70c58e;--err:#ff8b78;--sidebar1:#111318;--sidebar2:#20242b;--surface:#1c1f24;--surface2:#22262d;--shadow:0 10px 30px rgba(0,0,0,.28);--shadow2:0 4px 14px rgba(0,0,0,.24)}
body[data-theme="midnight"] .appShell{background:radial-gradient(circle at top right,#29241b 0,#181b20 45%,#111318 100%)}
body[data-theme="midnight"] .topbar,body[data-theme="midnight"] .contentCard,body[data-theme="midnight"] .statCard,body[data-theme="midnight"] .modalBox,body[data-theme="midnight"] .panel,body[data-theme="midnight"] .workflowCard,body[data-theme="midnight"] .search,body[data-theme="midnight"] input,body[data-theme="midnight"] select,body[data-theme="midnight"] textarea{background:#1c1f24;color:var(--ink)}
body[data-theme="midnight"] .table th{background:#242830}body[data-theme="midnight"] .table tr:hover td{background:#262a31}body[data-theme="midnight"] .btn.light{background:#292e36;color:#f1eee7;border-color:#424752}
body[data-theme="emerald"]{--brown:#245744;--brown2:#1b4637;--gold:#c8a76a;--gold2:#e6cf9d;--cream:#f2f5f0;--paper:#fffefb;--line:#dbe4dc;--ink:#20332b;--muted:#718178;--sidebar1:#173d32;--sidebar2:#245a48;--surface:#fffefb;--surface2:#f8fbf7}
body[data-theme="emerald"] .appShell{background:radial-gradient(circle at top right,#f8fbf6 0,#f1f5f0 50%,#e7eee9 100%)}
body[data-theme="ivory"]{--brown:#34363a;--brown2:#202226;--gold:#a47a3d;--gold2:#d0a760;--cream:#f5f3ee;--paper:#fff;--line:#e1ddd3;--ink:#292b2e;--muted:#77746e;--sidebar1:#292b2e;--sidebar2:#44474c;--surface:#fff;--surface2:#faf9f5}
body[data-theme="ivory"] .appShell{background:#f5f3ee}
body[data-theme="ivory"] .heroCard{background:linear-gradient(135deg,#303236,#575b61)}

/* More compact laptop fit without browser zoom */
html,body{font-size:12px}.side{width:205px;flex-basis:205px}.brandBlock{padding:9px 9px 8px}.brandLogo{width:35px;height:35px;border-radius:9px}.brandName{font-size:14px}.brandSub{font-size:7px}.sideScroll{padding:5px}.nav{gap:2px;margin-bottom:4px}.navLabel{padding:5px 6px 3px;font-size:7px}.nav button{padding:6px 7px;border-radius:8px;font-size:10px;gap:7px}.ico{width:17px}.sideBottom{padding:5px;gap:4px}.sideBtn{padding:6px;font-size:10px}.topbar{height:54px;padding:0 12px}.topbar h1{font-size:15px}.page{padding:11px;max-width:1550px}.head{margin-bottom:8px}.head h2{font-size:20px}.head p{font-size:10px}.stats{gap:6px;margin-bottom:8px}.statCard{padding:8px 10px;border-radius:10px}.statCard span{font-size:9px}.statCard b{font-size:18px}.contentCard{padding:10px;border-radius:12px;min-height:220px}.btn{padding:6px 9px;border-radius:7px;font-size:10px}.search{padding:6px 8px;border-radius:7px;font-size:10px}.table th,.table td{padding:6px 7px}.table th{font-size:8px}.table td{font-size:10px}.table button{padding:4px 6px;font-size:9px}.modal{padding:7px}.modalBox{max-width:680px;max-height:84vh;padding:13px;border-radius:14px}.modalHead h2{font-size:17px}.formgrid{gap:7px}.formgrid input,.formgrid select,.formgrid textarea{padding:7px;border-radius:7px;font-size:11px}.accountPreview,.credentialBox{margin-top:9px;padding:9px;border:1px solid var(--line);border-radius:9px;background:var(--surface2)}.accountPreview b{display:block;font-size:11px}.accountPreview span{display:block;color:var(--muted);font-size:9px;margin-top:2px}.credentialRow{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--line);font-size:10px}.credentialRow:last-child{border-bottom:0}.credentialRow span{color:var(--muted)}.credentialRow b{text-align:right}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.6px}.linkBreak{max-width:60%;overflow-wrap:anywhere}.shareGrid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.shareGrid .btn{width:100%}.modalfooter{margin-top:10px}
.portalMain{max-width:1180px;padding:12px}.portalHeader{height:54px;padding:0 12px}.portalTopCard{padding:14px;border-radius:13px;margin-bottom:9px}.portalTopCard h2{font-size:20px}.portalSection{padding:10px;border-radius:12px}.jobCard{padding:10px;border-radius:11px}.jobCard h3{font-size:15px}.itemFields{gap:6px}.itemFields input,.compactCustomerPick select{padding:6px;font-size:10px}
@media(max-height:760px) and (min-width:721px){.side{width:195px;flex-basis:195px}.topbar{height:50px}.page{padding:9px}.modalBox{max-height:80vh}}
@media(max-width:720px){.side{width:100%;flex-basis:auto;min-height:auto;max-height:none}.appShell{height:auto;min-height:100vh;overflow:visible;display:block}.sideScroll{max-height:none;overflow:visible}.main{height:auto;min-height:calc(100vh - 1px)}.topbar{position:sticky}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.shareGrid{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.formgrid .full{grid-column:auto}}

/* V2.7 DASHBOARD — Option 2 Modern Light / Clean */
.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;background:rgba(255,253,249,.96);border-bottom:1px solid var(--line);box-shadow:0 4px 18px rgba(76,48,25,.06)}
.topWelcome{min-width:0}.topBrand{justify-self:center;width:270px;height:54px;display:flex;align-items:center;justify-content:center}.topBrand img{width:100%;height:100%;object-fit:contain;padding:2px}.topActions{justify-self:end}
.dashStats{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:9px;margin-bottom:10px}.dashStat{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:10px 11px;box-shadow:var(--shadow2);min-width:0}.dashStat span{display:block;color:var(--muted);font-size:9px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashStat b{display:block;font-size:22px;line-height:1.05;margin:4px 0 2px}.dashStat small{color:var(--muted);font-size:8px}
.dashMainGrid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,.82fr);gap:10px;align-items:start}.dashSideStack{display:grid;gap:10px}.dashBottomGrid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.8fr) minmax(220px,.7fr);gap:10px;margin-top:10px}.dashLatest,.dashStatus,.dashAttention,.dashBottomGrid>.panel{min-width:0}.dashPanelHead{align-items:center}.dashPanelHead p{margin:2px 0 0;font-size:9px}.statusOverview{display:grid;grid-template-columns:125px 1fr;gap:12px;align-items:center;padding:8px}.statusDonut{width:118px;height:118px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(#4b8ef7 0 calc(var(--new)*1%),#f2b63d calc(var(--new)*1%) calc((var(--new) + var(--prod))*1%),#55bd86 calc((var(--new) + var(--prod))*1%) calc((var(--new) + var(--prod) + var(--ready))*1%),#9b5de5 calc((var(--new) + var(--prod) + var(--ready))*1%) calc((var(--new) + var(--prod) + var(--ready) + var(--del))*1%),#e85b65 calc((var(--new) + var(--prod) + var(--ready) + var(--del))*1%) 100%)}.statusDonut:after{content:"";position:absolute;inset:20px;border-radius:50%;background:var(--surface)}.statusDonut strong,.statusDonut small{position:relative;z-index:1}.statusDonut strong{font-size:22px;line-height:1}.statusDonut small{margin-top:-30px;font-size:8px;color:var(--muted)}.statusLegend{display:grid;gap:5px}.statusLegend div{display:grid;grid-template-columns:9px 1fr auto;gap:6px;align-items:center;font-size:9px}.statusLegend .dot{width:8px;height:8px;border-radius:50%;background:#4b8ef7}.statusLegend .dot.InProduction{background:#f2b63d}.statusLegend .dot.Ready{background:#55bd86}.statusLegend .dot.Delivered{background:#9b5de5}.statusLegend .dot.Rejected{background:#e85b65}.statusLegend b{font-size:9px}.attentionList{display:grid}.attentionList>div,.dueList>div{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 5px;border-bottom:1px solid var(--line);font-size:9px}.attentionList>div:last-child,.dueList>div:last-child{border-bottom:0}.attentionList b{font-size:11px}.workRow{display:grid;grid-template-columns:130px minmax(100px,1fr) 30px;gap:10px;align-items:center;padding:8px 4px;border-bottom:1px solid var(--line)}.workRow:last-child{border-bottom:0}.workName{display:flex;align-items:center;gap:7px;font-size:10px}.workAvatar{width:25px;height:25px;border-radius:8px;background:#f0dfc5;color:var(--brown);display:grid;place-items:center;font-weight:850}.workBar{height:9px;background:#eee7dd;border-radius:99px;position:relative;overflow:visible}.workBar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--brown));border-radius:99px}.workBar span{display:block;margin-top:4px;font-size:8px;color:var(--muted)}.workTotal{text-align:right}.quickActions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.quickActions .btn{width:100%;font-size:9px}.btn.sm{padding:5px 8px;font-size:9px}.orderModeNote{margin:7px 0;padding:7px 9px;border-radius:8px;background:#f7efe3;border:1px solid var(--line);color:var(--muted);font-size:9px}.rangeInputs{display:grid;grid-template-columns:1fr auto 1fr;gap:5px;align-items:center}.rangeInputs span{color:var(--muted);font-size:9px}.weightRangeWrap{grid-column:span 2}.wholesaleFields{grid-template-columns:1.4fr 1fr 1.2fr}.orderMeta{margin-bottom:2px}.itemRow{padding:10px;background:#fffdf9}.itemRow:before{content:"";display:block;height:3px;width:38px;border-radius:10px;background:var(--gold);margin-bottom:8px}
@media(max-width:1250px){.dashStats{grid-template-columns:repeat(3,minmax(120px,1fr))}.dashMainGrid{grid-template-columns:1fr}.dashSideStack{grid-template-columns:1fr 1fr}.dashBottomGrid{grid-template-columns:1fr 1fr}.dashBottomGrid>.panel:last-child{grid-column:1/-1}}
@media(max-width:800px){.topbar{grid-template-columns:1fr auto;gap:8px}.topBrand{grid-column:1/-1;grid-row:1;width:190px;height:44px;justify-self:center}.topWelcome{grid-row:2}.topActions{grid-row:2}.dashStats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashSideStack,.dashBottomGrid{grid-template-columns:1fr}.dashBottomGrid>.panel:last-child{grid-column:auto}.statusOverview{grid-template-columns:105px 1fr}.statusDonut{width:100px;height:100px}.workRow{grid-template-columns:105px 1fr 25px}.weightRangeWrap{grid-column:1/-1}.wholesaleFields{grid-template-columns:1fr}.rangeInputs{grid-template-columns:1fr 20px 1fr}}
@media(max-width:520px){.topBrand{width:170px;height:40px}.dashStats{gap:7px}.dashStat{padding:8px}.dashStat b{font-size:19px}.dashStat span{font-size:8px}.dashStat small{font-size:7px}.statusOverview{grid-template-columns:1fr;justify-items:center}.statusLegend{width:100%}.quickActions{grid-template-columns:1fr 1fr}.itemFields{grid-template-columns:1fr}.rangeInputs{grid-template-columns:1fr 16px 1fr}}

/* V2.8 ORDER FORM ALIGNMENT + ACTIVE ORDER PHOTOS */
.itemFields{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start}
.itemFields>div{min-width:0}
.itemFields label{display:block;line-height:1.15;min-height:11px}
.itemFields input,.itemFields select,.itemFields textarea{box-sizing:border-box;width:100%;min-width:0}
.itemFields .weightRangeWrap{grid-column:4}
.itemFields .weightRangeWrap.hidden{display:none}
.rangeInputs{width:100%;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);gap:5px}
.rangeInputs input{min-width:0}
.orderListTable{min-width:980px}
.orderListRow td{vertical-align:middle}
.orderPhotoCell{width:58px;padding:5px!important}
.orderPhotoCell .thumbs{width:48px;height:48px;display:block;margin:0}
.orderPhotoCell .thumbs a{display:block;width:48px;height:48px;border-radius:8px;overflow:hidden;background:#f3eadf;border:1px solid var(--line)}
.orderPhotoCell .thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.orderPhotoCell .emptyPhoto{width:48px;height:48px;border-radius:8px;display:grid;place-items:center;background:#f7efe3;color:var(--muted);font-size:10px;border:1px dashed var(--line)}
.orderListTable tr.click:hover td{background:#fff8ef}
@media(max-width:800px){.itemFields{grid-template-columns:repeat(2,minmax(0,1fr))}.itemFields .weightRangeWrap{grid-column:1/-1}.orderListTable{min-width:900px}}
@media(max-width:520px){.itemFields{grid-template-columns:1fr}.itemFields .weightRangeWrap{grid-column:1}.rangeInputs{grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr)}}

/* V2.9 category editor */
.chipList{display:flex;flex-wrap:wrap;gap:8px;min-height:42px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.catChip{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:var(--soft);border:1px solid var(--line);font-weight:600}
.chipX{border:0;background:transparent;color:inherit;cursor:pointer;font-size:18px;line-height:1;padding:0 2px}
.chipX:hover{opacity:.7}

/* V2.11 DASHBOARD FOCUS + UPPERCASE ENTRY */
.dashMainGrid{grid-template-columns:minmax(0,2.8fr) minmax(230px,.62fr);gap:12px}
.dashSideStack{gap:8px}
.dashSideStack .panel{padding:10px}
.dashSideStack .panelHead{margin-bottom:6px}
.dashSideStack .statusOverview{grid-template-columns:88px 1fr;gap:8px;padding:4px}
.dashSideStack .statusDonut{width:84px;height:84px}
.dashSideStack .statusDonut:after{inset:15px}
.dashSideStack .statusDonut strong{font-size:18px}
.dashSideStack .statusLegend{gap:4px}
.dashSideStack .attentionList>div{padding:6px 3px}
.dashLatest .tablewrap{max-height:560px;overflow:auto}
.dashLatest .orderListTable{min-width:900px}
.dashLatest .orderPhotoCell{width:78px;padding:6px!important}
.dashLatest .orderPhotoCell .thumbs,.dashLatest .orderPhotoCell .thumbs a{width:68px;height:68px}
.dashLatest .orderPhotoCell .emptyPhoto{width:68px;height:68px}
.dashLatest .orderListTable td{padding-top:9px;padding-bottom:9px}
.dashBottomGrid{margin-top:12px}
.dashBottomGrid .quickActions .btn:first-child{grid-column:auto}
input:not([type=file]):not([type=password]):not([type=date]):not([type=time]):not([type=number]):not([type=checkbox]):not([type=radio]),textarea{ text-transform:uppercase }
input[data-keep-case],#publishableKey,#projectUrl,#loginIdentifier,#pUrl,#aU,#sWa,input[type=url],input[type=email],input[type=tel]{text-transform:none!important}
.uppercaseEntry{text-transform:uppercase}
@media(max-width:1250px){.dashMainGrid{grid-template-columns:minmax(0,2.2fr) minmax(220px,.75fr)}}
@media(max-width:800px){.dashMainGrid{grid-template-columns:1fr}.dashSideStack{grid-template-columns:1fr 1fr}.dashLatest .tablewrap{max-height:none}.dashLatest .orderPhotoCell .thumbs,.dashLatest .orderPhotoCell .thumbs a,.dashLatest .orderPhotoCell .emptyPhoto{width:62px;height:62px}}
@media(max-width:520px){.dashSideStack{grid-template-columns:1fr}.dashLatest .orderPhotoCell .thumbs,.dashLatest .orderPhotoCell .thumbs a,.dashLatest .orderPhotoCell .emptyPhoto{width:56px;height:56px}}

/* V2.12 MODERN JEWEL SOUK DASHBOARD + BRANDING */
.sideBrandOnly{height:132px;padding:14px 18px 10px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #ffffff1a;background:linear-gradient(180deg,#4a2a17,#5d351c)}
.sideBrandOnly img{width:108px;height:108px;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(0,0,0,.28))}
.topbar{position:sticky;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:92px;padding:0 28px;background:rgba(255,253,249,.96)}
.topWelcome{justify-self:start}.topBrandText{justify-self:center;text-align:center;line-height:1.05;min-width:310px}.topBrandText strong{display:block;font-family:Georgia,'Times New Roman',serif;font-size:27px;letter-spacing:2px;color:var(--brown);font-weight:800}.topBrandText span{display:block;margin-top:5px;font-size:11px;letter-spacing:3px;font-weight:850;color:var(--ink)}.topBrandText small{display:block;margin-top:5px;font-size:9px;letter-spacing:2px;color:var(--muted);font-weight:750}.topActions{justify-self:end}
.modernDashHead{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:12px}.modernDashHead h2{margin:2px 0 0;font-size:25px;letter-spacing:-.4px}.modernDashHead p{margin:3px 0 0;font-size:9px;letter-spacing:1.2px;color:var(--muted);font-weight:750}
.modernStats{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:9px;margin-bottom:11px}.modernStat{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:11px 12px;box-shadow:var(--shadow2);min-width:0}.modernStat span{display:block;font-size:9px;color:var(--muted);font-weight:850;letter-spacing:.7px}.modernStat b{display:block;font-size:24px;line-height:1.1;margin:5px 0 2px;color:var(--ink)}.modernStat small{display:block;font-size:8px;color:var(--muted)}
.modernDashMain{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:11px;align-items:start}.modernActivePanel{min-width:0}.modernPanelHead{align-items:center}.modernPanelHead p{margin:3px 0 0;font-size:8px;letter-spacing:.7px}.modernSide{display:grid;gap:11px}.modernMiniPanel{min-width:0}.statusRows,.attentionRows{display:grid;gap:0}.statusRows>div,.attentionRows>div{display:flex;align-items:center;justify-content:space-between;padding:11px 4px;border-bottom:1px solid var(--line);font-size:9px}.statusRows>div:last-child,.attentionRows>div:last-child{border-bottom:0}.statusRows b,.attentionRows b{font-size:18px}.statusRows span,.attentionRows span{font-weight:800;color:var(--muted);letter-spacing:.5px}
.activeOrderGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.activeOrderCard{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 13px rgba(70,43,20,.07);transition:transform .15s,box-shadow .15s}.activeOrderCard:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(70,43,20,.12)}.activeOrderPhoto{height:150px;background:#f1e9de;position:relative;overflow:hidden}.activeOrderPhoto .thumbs{height:100%;display:block}.activeOrderPhoto .thumbs .t,.activeOrderPhoto .thumbs a{height:100%;display:block;padding:0}.activeOrderPhoto .thumbs img{width:100%;height:100%;object-fit:cover}.activeOrderNoPhoto{height:100%;display:grid;place-items:center;color:var(--muted);font-size:9px;letter-spacing:1px;font-weight:850}.activeBadge{position:absolute;right:8px;top:8px;border-radius:999px;padding:5px 8px;background:#f3eadf;color:var(--brown);font-size:8px;font-weight:900;letter-spacing:.3px;box-shadow:0 2px 7px #0002}.activeBadge.New{background:#eaf2ff;color:#245b9c}.activeBadge.InProduction{background:#fff0c9;color:#805c14}.activeBadge.Ready{background:#e5f4e9;color:#287344}.activeOrderBody{padding:9px 10px 11px}.activeOrderNo{font-size:8px;color:var(--muted);font-weight:800;letter-spacing:.6px}.activeOrderBody h3{margin:3px 0 8px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activeOrderMeta{display:flex;justify-content:space-between;gap:8px;font-size:8px;color:var(--muted);text-transform:uppercase}.activeOrderMeta+ .activeOrderMeta{margin-top:5px}.activeOrderMeta span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activeEmpty{grid-column:1/-1;padding:50px}
.dueWarningPanel{overflow:hidden}.dueWarningPanel .panelHead{margin-bottom:6px}.dueWarningPanel .panelHead p{margin:3px 0 0;font-size:7px;letter-spacing:.7px}.dueWarningStats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:4px 0 7px}.dueWarn{border:1px solid var(--line);border-radius:9px;padding:7px 4px;text-align:center;background:#fffaf3}.dueWarn span{display:block;font-size:6.5px;font-weight:850;letter-spacing:.4px;color:var(--muted)}.dueWarn b{display:block;font-size:16px;line-height:1.05;margin-top:3px}.dueWarn.overdue{background:#fff1ee}.dueWarn.today{background:#fff8e9}.dueWarn.soon{background:#f8f2e8}.dueWarningList{display:grid;gap:0}.dueWarnRow{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px 3px;border-top:1px solid var(--line);font-size:8px}.dueWarnRow span{min-width:0;overflow-wrap:anywhere;white-space:normal;line-height:1.2}.dueWarnRow small{font-size:7px;font-weight:850;white-space:nowrap;color:var(--muted)}.dueWarnRow.late small{color:#a3341f}.dueWarnRow.todayRow small{color:#9a6811}.modernBottomGrid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:11px}.modernList,.modernDueList{display:grid}.modernList>div,.modernDueList>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:9px 3px;border-bottom:1px solid var(--line);font-size:9px}.modernList>div:last-child,.modernDueList>div:last-child{border-bottom:0}.modernList small,.modernDueList small{font-size:8px;color:var(--muted);text-align:right}.listAvatar{width:25px;height:25px;border-radius:8px;background:#f0dfc5;color:var(--brown);display:grid;place-items:center;font-weight:900}.modernDueList>div{grid-template-columns:55px 1fr auto}.modernDueList b{font-size:9px}.modernWork{grid-template-columns:110px 1fr 22px}.modernWork .workBar{height:7px}
@media(max-width:1250px){.modernStats{grid-template-columns:repeat(3,minmax(120px,1fr))}.modernDashMain{grid-template-columns:1fr}.modernSide{grid-template-columns:1fr 1fr}.activeOrderGrid{grid-template-columns:repeat(4,minmax(150px,1fr));overflow-x:auto}.modernBottomGrid{grid-template-columns:1fr 1fr}.modernBottomGrid>.panel:last-child{grid-column:1/-1}}
@media(max-width:900px){.sideBrandOnly{height:92px}.sideBrandOnly img{width:75px;height:75px}.topbar{height:82px;padding:0 15px}.topBrandText{min-width:220px}.topBrandText strong{font-size:21px}.topBrandText span{font-size:9px}.topBrandText small{font-size:7px}.activeOrderGrid{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.modernStats{grid-template-columns:repeat(2,minmax(0,1fr))}.modernBottomGrid{grid-template-columns:1fr}.modernBottomGrid>.panel:last-child{grid-column:auto}}
@media(max-width:720px){.topbar{display:grid;grid-template-columns:1fr auto;height:auto;min-height:112px;padding:10px 12px;gap:6px}.topBrandText{grid-column:1/-1;grid-row:1;min-width:0}.topWelcome{grid-column:1;grid-row:2}.topActions{grid-column:2;grid-row:2}.modernDashHead{align-items:flex-start;flex-direction:column}.modernDashHead .btn{width:100%}.modernStats{grid-template-columns:repeat(2,minmax(0,1fr))}.modernDashMain{display:block}.modernSide{grid-template-columns:1fr;margin-top:11px}.activeOrderGrid{grid-template-columns:1fr 1fr}.activeOrderPhoto{height:135px}.modernBottomGrid{display:block}.modernBottomGrid>.panel{margin-top:11px}.modernBottomGrid>.panel:first-child{margin-top:0}}
@media(max-width:480px){.activeOrderGrid{grid-template-columns:1fr}.activeOrderPhoto{height:185px}.modernStat b{font-size:20px}.modernStat{padding:9px}.topBrandText strong{font-size:19px;letter-spacing:1.4px}.topBrandText span{letter-spacing:2px}.topBrandText small{letter-spacing:1.3px}}

/* V2.15 customer stamps */
.customerStampBadge{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:24px;padding:0 9px;border:2px solid #b07a22;border-radius:999px;background:linear-gradient(180deg,#f8d98a,#d39a35);color:#5a3512;font-size:11px;font-weight:900;letter-spacing:.8px;box-shadow:0 1px 3px rgba(80,45,10,.18);vertical-align:middle}
.stampChoices{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.stampChoice{min-width:54px;padding:9px 13px;border:1px solid #c9b08a;border-radius:10px;background:#f8f1e6;color:#5b3b20;font-weight:800;cursor:pointer}.stampChoice.selected{background:#d39a35;color:#fff;border-color:#9c691e;box-shadow:0 0 0 2px rgba(211,154,53,.18)}#pStampCustom{min-width:130px}.stampFilterBar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 10px;padding:8px 10px;background:#fbf6ee;border:1px solid #e4d7c5;border-radius:10px}.stampFilterBar select{min-width:120px}

/* V2.17 COMPACT ADMIN DASHBOARD + DEFAULT LOGO PHOTO */
/* Hide the older generic page title/stat strip on the dashboard so the modern dashboard is the only dashboard. */
.page.dashboardCompact > .head,
.page.dashboardCompact > .stats { display:none; }
.page.dashboardCompact > .contentCard { background:transparent; border:0; box-shadow:none; padding:0; min-height:0; }
.page.dashboardCompact { padding:16px 18px 22px; max-width:1600px; }
.side { width:220px; flex-basis:220px; }
.sideBrandOnly { height:92px; padding:9px 14px 7px; }
.sideBrandOnly img { width:72px; height:72px; }
.navLabel { padding:6px 9px 4px; font-size:8px; }
.nav { gap:3px; margin-bottom:6px; }
.nav button { padding:8px 10px; border-radius:9px; font-size:12px; }
.ico { width:19px; }
.sideBtn { padding:8px; font-size:11px; }
.topbar { height:68px; padding:0 18px; }
.topBrandText strong { font-size:22px; letter-spacing:1.6px; }
.topBrandText span { font-size:9px; letter-spacing:2.2px; margin-top:3px; }
.topBrandText small { font-size:7px; letter-spacing:1.4px; margin-top:3px; }
.topWelcome .eyebrow { font-size:8px; }
.topbar h1 { font-size:17px; }
.profileLine { font-size:8px; }
.topActions { gap:6px; }
.pill { padding:4px 7px; font-size:9px; }
.iconAction { width:32px; height:32px; font-size:16px; }
.avatar { width:32px; height:32px; }
.modernDashHead { margin-bottom:8px; gap:10px; }
.modernDashHead h2 { font-size:20px; }
.modernDashHead p { font-size:7px; margin-top:2px; }
.modernDashHead .btn { padding:7px 10px; font-size:9px; }
.modernStats { gap:6px; margin-bottom:8px; }
.modernStat { border-radius:10px; padding:7px 9px; }
.modernStat span { font-size:7px; }
.modernStat b { font-size:18px; margin:3px 0 1px; }
.modernStat small { font-size:7px; }
.modernDashMain { grid-template-columns:minmax(0,1fr) 215px; gap:8px; }
.modernSide { gap:8px; }
.panel { border-radius:11px; }
.modernPanelHead p { font-size:7px; }
.modernPanelHead { padding-bottom:6px; }
.activeOrderGrid { gap:7px; grid-template-columns:repeat(4,minmax(120px,1fr)); }
.activeOrderPhoto { height:112px; }
.activeOrderBody { padding:7px 8px 8px; }
.activeOrderBody h3 { font-size:11px; margin:2px 0 5px; }
.activeOrderMeta { font-size:7px; }
.activeOrderNo { font-size:7px; }
.activeBadge { right:5px; top:5px; padding:3px 6px; font-size:7px; }
.activeOrderNoPhoto { height:100%; position:relative; display:grid; place-items:center; color:var(--muted); }
.activeOrderNoPhoto img { width:58px; height:58px; object-fit:contain; opacity:.9; }
.activeOrderNoPhoto span { position:absolute; bottom:5px; font-size:6px; letter-spacing:.7px; font-weight:850; }
.modernMiniPanel .panelHead { padding-bottom:5px; }
.statusRows>div,.attentionRows>div { padding:7px 3px; font-size:8px; }
.statusRows b,.attentionRows b { font-size:14px; }
.dueWarningStats { gap:4px; margin:3px 0 5px; }
.dueWarn { padding:5px 3px; border-radius:7px; }
.dueWarn b { font-size:13px; }
.dueWarnRow { padding:5px 2px; font-size:7px; }
.dueWarnRow small { font-size:6px; }
.modernBottomGrid { gap:8px; margin-top:8px; }
.modernList>div,.modernDueList>div { padding:7px 2px; font-size:8px; }
.contentCard { padding:12px; }
.orderPhotoCell .emptyPhoto { display:grid; place-items:center; overflow:hidden; }
.orderPhotoCell .emptyPhoto img { width:34px; height:34px; object-fit:contain; }
@media(max-width:1250px){ .side { width:205px; flex-basis:205px; } .modernDashMain { grid-template-columns:1fr 200px; } .activeOrderGrid { grid-template-columns:repeat(3,minmax(120px,1fr)); } }
@media(max-width:900px){ .side { width:190px; flex-basis:190px; } .topbar { height:62px; } .modernDashMain { grid-template-columns:1fr; } .modernSide { grid-template-columns:1fr 1fr; } .activeOrderGrid { grid-template-columns:repeat(3,minmax(120px,1fr)); } }
@media(max-width:720px){ .side { width:180px; flex-basis:180px; } .page.dashboardCompact { padding:10px; } .topbar { min-height:76px; padding:8px 10px; } .topBrandText strong { font-size:18px; } .topBrandText span { font-size:7px; } .topBrandText small { font-size:6px; } .modernStats { grid-template-columns:repeat(3,minmax(0,1fr)); } .modernSide { grid-template-columns:1fr; } .activeOrderGrid { grid-template-columns:repeat(2,minmax(110px,1fr)); } .activeOrderPhoto { height:100px; } }
@media(max-width:520px){ .side { width:165px; flex-basis:165px; } .modernStats { grid-template-columns:repeat(2,minmax(0,1fr)); } .activeOrderGrid { grid-template-columns:repeat(2,minmax(105px,1fr)); } }

/* V2.19 dashboard cleanup */
.modernStats .modernStat:first-child b{font-size:21px}.modernActivePanel .activeOrderGrid{align-items:start}.dueWarningPanel{min-width:0}.dueWarningPanel .panelHead b{font-size:10px}.dueWarningPanel .panelHead p{white-space:normal;line-height:1.2}.dueWarningList{min-width:0}.dueWarnRow small{font-size:7px;text-align:right}
@media(max-width:1250px){.modernDashMain{grid-template-columns:minmax(0,1fr) 280px}}

/* V2.20 professional dashboard layout */
.dashboardTopGrid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:8px;align-items:stretch;margin-bottom:8px}
.modernStatsWrap{min-width:0}.modernStatsWrap .modernStats{height:100%;margin:0;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.modernStatsWrap .modernStat{display:flex;flex-direction:column;justify-content:center;min-height:76px}
.dashboardTopGrid .dueWarningPanel{height:100%;box-sizing:border-box}
.modernLatestFull{width:100%;margin-bottom:8px}
.modernLatestFull .activeOrderGrid{grid-template-columns:repeat(4,minmax(170px,1fr));overflow-x:auto}
.modernWorkloadFull{width:100%;margin-top:0}
.modernWorkloadFull .modernWork{display:grid;grid-template-columns:180px minmax(0,1fr) 30px;align-items:center}
@media(max-width:1250px){.dashboardTopGrid{grid-template-columns:minmax(0,1fr) 280px}.modernStatsWrap .modernStats{grid-template-columns:repeat(3,minmax(0,1fr))}.modernLatestFull .activeOrderGrid{grid-template-columns:repeat(4,minmax(150px,1fr))}}
@media(max-width:900px){.dashboardTopGrid{grid-template-columns:1fr}.modernStatsWrap .modernStats{grid-template-columns:repeat(3,minmax(0,1fr))}.modernLatestFull .activeOrderGrid{grid-template-columns:repeat(3,minmax(140px,1fr))}}
@media(max-width:720px){.modernStatsWrap .modernStats{grid-template-columns:repeat(2,minmax(0,1fr))}.modernLatestFull .activeOrderGrid{grid-template-columns:repeat(2,minmax(110px,1fr))}.modernWorkloadFull .modernWork{grid-template-columns:110px minmax(0,1fr) 22px}}

/* V2.21 compact laptop dashboard + unassigned warning */
.compactDashHead{margin-bottom:5px;align-items:center}.compactDashHead h2{font-size:16px}.compactDashHead p{font-size:6.5px}.compactDashHead .eyebrow{font-size:7px}
.dashboardTopGrid{grid-template-columns:minmax(0,1fr) 270px;gap:7px;margin-bottom:7px}
.modernStatsWrap .modernStats{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
.modernStatsWrap .modernStat{min-height:62px;padding:6px 7px;border-radius:9px}
.modernStatsWrap .modernStat span{font-size:6.5px}.modernStatsWrap .modernStat b{font-size:16px;margin:2px 0 1px}.modernStatsWrap .modernStat small{font-size:6px}
.dueWarningPanel .panelHead{padding-bottom:3px}.dueWarningPanel .panelHead b{font-size:9px}.dueWarningPanel .panelHead p{font-size:6px}
.dueWarningStats{grid-template-columns:repeat(3,1fr) 1.35fr;gap:4px;margin:2px 0 4px}.dueWarn{padding:4px 3px;min-width:0}.dueWarn span{font-size:5.8px}.dueWarn b{font-size:14px}.dueWarn.unassigned{background:#f5ead9;border:1px solid #b9873b}.dueWarn.unassigned small{display:block;font-size:5.5px;color:var(--muted);margin-top:1px;font-weight:700}
.dueListTitle{font-size:6.2px;font-weight:900;letter-spacing:.7px;color:var(--muted);padding:3px 2px 2px;border-top:1px solid var(--line)}
.dueWarnRow{padding:4px 2px;font-size:7px;line-height:1.15}.dueWarnRow small{font-size:6.2px}.dueCustomer{display:block!important;font-size:5.8px!important;color:var(--muted)!important;font-weight:600!important;margin-top:1px}.unassignedRow{background:#fffaf0}.unassignedRow>small{color:#9a6811}
.modernLatestFull .activeOrderGrid{overflow:visible;grid-template-columns:repeat(4,minmax(0,1fr))}.modernLatestFull .activeOrderPhoto{height:125px}
@media(max-width:1050px){.dashboardTopGrid{grid-template-columns:minmax(0,1fr) 245px}.modernStatsWrap .modernStats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.dashboardTopGrid{grid-template-columns:1fr}.modernStatsWrap .modernStats{grid-template-columns:repeat(3,minmax(0,1fr))}.modernLatestFull .activeOrderGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.modernStatsWrap .modernStats{grid-template-columns:repeat(2,minmax(0,1fr))}.modernLatestFull .activeOrderGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.modernLatestFull .activeOrderPhoto{height:105px}.dueWarningStats{grid-template-columns:repeat(2,1fr)}}

/* V2.22 dashboard refinement: compact four-card summary + clickable status */
.dashboardTopGrid{grid-template-columns:minmax(0,1fr) 320px;gap:7px;margin-bottom:7px;align-items:stretch}
.modernStatsWrap .modernStats{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;height:100%;margin:0}
.modernStatsWrap .modernStat{min-height:58px;padding:5px 7px;border-radius:9px;text-align:center;justify-content:center}
.modernStatsWrap .modernStat span{font-size:6.5px}
.modernStatsWrap .modernStat b{font-size:17px;margin:2px 0 1px}
.modernStatsWrap .modernStat small{font-size:5.8px}
.dueWarningPanel .panelHead b{font-size:9px}
.dueWarningStats{grid-template-columns:repeat(3,minmax(0,1fr)) 1.45fr;gap:4px;margin:2px 0 4px}
.dueWarn{appearance:none;-webkit-appearance:none;border-radius:8px;padding:4px 3px;min-width:0;cursor:pointer;font:inherit;color:inherit;transition:transform .12s,box-shadow .12s}
.dueWarn:hover{transform:translateY(-1px);box-shadow:0 3px 10px rgba(70,40,15,.12)}
.dueWarn:focus-visible{outline:2px solid var(--gold);outline-offset:1px}
.dueWarningList{max-height:92px;overflow:auto}
.dueWarnRow{padding:5px 3px;font-size:7.5px}
.dueWarnRow small{font-size:6.5px}
.dueListTitle{font-size:6.5px;font-weight:900;letter-spacing:.55px;padding:3px;color:var(--muted)}
.modernLatestFull{margin-top:0}
.modernLatestFull .activeOrderGrid{grid-template-columns:repeat(4,minmax(150px,1fr));gap:7px}
.modernLatestFull .activeOrderPhoto{height:112px}
.modernLatestFull .activeOrderBody{padding:7px}
.modernLatestFull .activeOrderBody h3{font-size:10px;margin:3px 0}
.modernLatestFull .activeOrderMeta{font-size:7px}
.statusModalList{display:grid;gap:6px}
.statusModalRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 11px;border:1px solid var(--line);border-radius:10px;background:#fffaf3;cursor:pointer}
.statusModalRow:hover{background:#f7ecd9}
.statusModalRow strong{display:block;margin-top:2px;font-size:11px}
.statusModalRow small{display:block;margin-top:3px;color:var(--muted);font-size:9px}
.statusModalRow>span{font-size:8px;font-weight:900;color:var(--brown);white-space:nowrap}
@media(max-width:1250px){.dashboardTopGrid{grid-template-columns:minmax(0,1fr) 285px}.modernLatestFull .activeOrderGrid{grid-template-columns:repeat(3,minmax(140px,1fr))}}
@media(max-width:1050px){.dashboardTopGrid{grid-template-columns:1fr}.modernStatsWrap .modernStats{grid-template-columns:repeat(4,minmax(0,1fr))}.dueWarningPanel{margin-top:6px}}
@media(max-width:720px){.modernStatsWrap .modernStats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboardTopGrid{display:block}.dueWarningPanel{margin-top:6px}.modernLatestFull .activeOrderGrid{grid-template-columns:repeat(2,minmax(110px,1fr))}.dueWarningList{max-height:140px}}

/* V2.22.2 dashboard heading cleanup */
.dashboardSection{min-width:0}.dashboardSectionTitle{font-size:9px;font-weight:900;letter-spacing:1.25px;color:var(--brown);margin:0 0 4px;padding-left:1px}.dashboardSection .panelHead{padding-top:0}.dashboardSection .panelHead p{font-size:7px;letter-spacing:.7px}.dashboardSection+.dashboardSection{margin-top:8px}.dashboardTopGrid .dashboardSection{display:flex;flex-direction:column}.dashboardTopGrid .dashboardSection>.panel,.dashboardTopGrid .dashboardSection>.modernStatsWrap{flex:1}
@media(max-width:720px){.dashboardSectionTitle{font-size:8px;letter-spacing:1px;margin-bottom:4px}.dashboardSection+.dashboardSection{margin-top:7px}}

/* V2.22.3 SIDEBAR + PREMIUM BRAND HEADER */
@media(min-width:721px){
  .sideBrandOnly{flex:0 0 92px;height:92px;box-sizing:border-box;}
  .sideScroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;}
}
.topBrandText strong{
  font-family:"Bodoni 72","Didot","Baskerville","Times New Roman",serif;
  font-weight:800;
  letter-spacing:3.2px;
  font-size:28px;
  background:linear-gradient(90deg,#6b3d1b 0%,#b17a32 42%,#e0b968 55%,#6b3d1b 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 1px 0 rgba(255,255,255,.45);
}
.topBrandText span{font-family:"Avenir Next","Trebuchet MS",Arial,sans-serif;font-weight:900;letter-spacing:3.4px;color:#70421f;}
.topBrandText small{font-family:"Avenir Next","Trebuchet MS",Arial,sans-serif;letter-spacing:2.2px;color:#9a6c34;}
@media(max-width:900px){.topBrandText strong{font-size:22px;letter-spacing:2.4px}}
@media(max-width:720px){.sideBrandOnly{display:none}.topBrandText strong{font-size:19px;letter-spacing:1.8px}}

/* V2.22.4 compact 50/50 dashboard top: active order summary + quick actions */
.dashboardSplitTop{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px;margin-bottom:7px;align-items:stretch}
.dashboardSplitTop .dashboardHalf{min-width:0}
.dashboardSplitTop .modernStats{grid-template-columns:repeat(4,minmax(0,1fr));height:100%;margin:0}
.dashboardSplitTop .modernStat{min-height:82px;display:flex;flex-direction:column;justify-content:center}
.dashboardQuickHalf .dashboardSectionTitle{margin-bottom:5px}
.quickActionGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;height:calc(100% - 16px)}
.dashQuickAction{border:1px solid var(--line);background:linear-gradient(135deg,#fffdf9,#f7eee2);border-radius:10px;padding:8px 9px;display:flex;align-items:center;gap:8px;text-align:left;color:var(--brown);cursor:pointer;box-shadow:0 2px 7px rgba(90,53,28,.07);transition:.15s}
.dashQuickAction:hover{transform:translateY(-1px);border-color:#d3af75;box-shadow:0 5px 12px rgba(90,53,28,.11)}
.dashQuickAction .quickIcon{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;flex:0 0 27px;background:linear-gradient(135deg,var(--gold),var(--brown2));color:#fff;font-size:16px;font-weight:900}
.dashQuickAction b{display:block;font-size:8px;letter-spacing:.45px}
.dashQuickAction small{display:block;margin-top:2px;color:var(--muted);font-size:7px;line-height:1.2}
.dashboardPriorityRow{margin-top:7px}
.dashboardPriorityRow .dueWarningPanel{padding:6px 8px}
.dashboardPriorityRow .dueWarningList{max-height:70px;overflow:auto}
.dashboardPriorityRow .dueWarnRow{padding:4px 2px}
@media(max-width:1050px){.dashboardSplitTop{grid-template-columns:1fr!important}.dashboardSplitTop .modernStats{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:720px){.dashboardSplitTop .modernStats{grid-template-columns:repeat(2,minmax(0,1fr))}.quickActionGrid{height:auto}.dashboardPriorityRow .dueWarningList{max-height:120px}}

/* V2.22.5 dashboard quick action: New Order moved into the 50/50 action panel */
.dashNewOrderAction .quickIcon{background:linear-gradient(135deg,#b17a32,#6b3d1b)}

/* V2.22.5 dashboard quick action: New Order moved into the 50/50 action panel */
.dashNewOrderAction .quickIcon{background:linear-gradient(135deg,#b17a32,#6b3d1b)}

/* V2.22.6 dashboard: three equal compact panels in one row */
.dashboardThreeTop{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:stretch;margin-bottom:9px}
.dashboardTopCard{min-width:0;display:flex;flex-direction:column}
.dashboardTopCard .dashboardSectionTitle{margin:0 0 6px;min-height:12px;line-height:12px;font-size:9px;font-weight:900;letter-spacing:1.25px;color:var(--brown);text-align:left;padding:0 1px;box-sizing:border-box}
.dashboardTileGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,1fr);gap:6px;flex:1;min-height:0}
.dashboardMetricTile,.dashboardPriorityTile,.dashQuickAction{width:100%;height:100%;min-width:0;min-height:68px;box-sizing:border-box;border:1px solid var(--line);border-radius:10px;background:linear-gradient(135deg,#fffdf9,#f7eee2);box-shadow:0 2px 7px rgba(90,53,28,.055)}
.dashboardMetricTile{padding:7px 8px;display:flex;flex-direction:column;justify-content:center;text-align:center}
.dashboardMetricTile span,.dashboardPriorityTile span{font-size:7px;font-weight:900;letter-spacing:.65px;color:var(--brown)}
.dashboardMetricTile b,.dashboardPriorityTile b{font-size:18px;line-height:1.05;margin:3px 0 1px;color:#2f2118}
.dashboardMetricTile small,.dashboardPriorityTile small{font-size:6.5px;color:var(--muted);line-height:1.15}
.dashboardPriorityTile{padding:7px 8px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;cursor:pointer;color:var(--brown);transition:.15s}
.dashboardPriorityTile:hover{transform:translateY(-1px);border-color:#d3af75;box-shadow:0 5px 12px rgba(90,53,28,.1)}
.dashboardPriorityTile.overdue{background:linear-gradient(135deg,#fff9f6,#f9eee8)}
.dashboardPriorityTile.today{background:linear-gradient(135deg,#fffdf5,#f8f0dc)}
.dashboardPriorityTile.soon{background:linear-gradient(135deg,#fbfaf6,#f0eee7)}
.dashboardPriorityTile.unassigned{background:linear-gradient(135deg,#fffdf9,#f3e9db)}
.quickTileGrid .dashQuickAction{padding:8px 9px;gap:8px;display:flex;align-items:center;text-align:left;color:var(--brown);cursor:pointer;transition:.15s}
.quickTileGrid .dashQuickAction:hover{transform:translateY(-1px);border-color:#d3af75;box-shadow:0 5px 12px rgba(90,53,28,.1)}
.quickTileGrid .dashQuickAction .quickIcon{width:27px;height:27px;flex:0 0 27px;border-radius:8px;font-size:14px}
.quickTileGrid .dashQuickAction b{font-size:7.2px;letter-spacing:.35px;display:block}
.quickTileGrid .dashQuickAction small{font-size:6.2px;line-height:1.1;margin-top:1px;display:block;color:var(--muted)}
.dashboardThreeTop + .dashboardSection{margin-top:0}
@media(max-width:980px){.dashboardThreeTop{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.dashboardMetricTile,.dashboardPriorityTile,.dashQuickAction{min-height:62px}.dashboardMetricTile b,.dashboardPriorityTile b{font-size:16px}.quickTileGrid .dashQuickAction .quickIcon{width:20px;height:20px;flex-basis:20px;font-size:11px}}
@media(max-width:720px){.dashboardThreeTop{grid-template-columns:1fr;gap:7px}.dashboardTileGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.dashboardMetricTile,.dashboardPriorityTile,.quickTileGrid .dashQuickAction{min-height:52px;padding:5px}.dashboardMetricTile span,.dashboardPriorityTile span{font-size:6.5px}.dashboardMetricTile b,.dashboardPriorityTile b{font-size:15px}.dashboardMetricTile small,.dashboardPriorityTile small,.quickTileGrid .dashQuickAction small{font-size:5.8px}.quickTileGrid .dashQuickAction{justify-content:center}.quickTileGrid .dashQuickAction span:last-child{text-align:left}.quickTileGrid .dashQuickAction .quickIcon{width:19px;height:19px;flex-basis:19px}}

/* Consistent rounded controls for the New Order dialog */
.formgrid input, .formgrid select, .formgrid textarea { border-radius:10px; }
.btn, .iconBtn, .search { border-radius:10px; }


/* V2.22.9 dashboard symmetry: identical tile geometry and aligned section headings */
.dashboardThreeTop .dashboardTopCard{display:flex;flex-direction:column;min-width:0}
.dashboardThreeTop .dashboardSectionTitle{font-family:"Avenir Next","Trebuchet MS",Arial,sans-serif;font-size:9px;font-weight:900;letter-spacing:1.25px;line-height:12px;height:12px;min-height:12px;margin:0 0 6px;padding:0 1px;box-sizing:border-box}
.dashboardThreeTop .dashboardTileGrid{flex:0 0 auto;height:136px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,68px);gap:6px}
.dashboardThreeTop .dashboardMetricTile,.dashboardThreeTop .dashboardPriorityTile,.dashboardThreeTop .quickTileGrid .dashQuickAction{width:100%;height:68px;min-height:68px;max-height:68px;box-sizing:border-box}
.dashboardThreeTop .dashboardMetricTile,.dashboardThreeTop .dashboardPriorityTile{padding:7px 8px}
.dashboardThreeTop .quickTileGrid .dashQuickAction{padding:7px 8px;gap:7px}
.dashboardThreeTop .quickTileGrid .dashQuickAction .quickIcon{width:25px;height:25px;flex-basis:25px;border-radius:8px;font-size:13px}
@media(max-width:980px){.dashboardThreeTop .dashboardTileGrid{height:124px;grid-template-rows:repeat(2,62px)}.dashboardThreeTop .dashboardMetricTile,.dashboardThreeTop .dashboardPriorityTile,.dashboardThreeTop .quickTileGrid .dashQuickAction{height:62px;min-height:62px;max-height:62px}}
@media(max-width:720px){.dashboardThreeTop .dashboardSectionTitle{font-size:8px;letter-spacing:1px;line-height:11px;height:11px;min-height:11px}.dashboardThreeTop .dashboardTileGrid{height:auto;grid-template-rows:repeat(1,52px)}.dashboardThreeTop .dashboardMetricTile,.dashboardThreeTop .dashboardPriorityTile,.dashboardThreeTop .quickTileGrid .dashQuickAction{height:52px;min-height:52px;max-height:52px}}


/* V2.23 prominent customer stamp identifier */
.prominentStamp{display:inline-flex;align-items:center;gap:9px;width:max-content;max-width:100%;padding:6px 12px;border:2px solid #9b681f;border-radius:12px;background:linear-gradient(180deg,#fff1c9,#e2b458);color:#5b3711;box-shadow:0 2px 7px rgba(80,45,10,.14);vertical-align:middle;margin:5px 0}
.prominentStamp small{font-size:8px;font-weight:900;letter-spacing:.7px;opacity:.78}.prominentStamp strong{font-size:20px;line-height:1;font-weight:950;letter-spacing:1.5px}.activeOrderBody .prominentStamp{margin:2px 0 5px}.activeOrderBody .prominentStamp strong{font-size:24px}.orderListTable .prominentStamp{margin:0 0 0 6px;padding:4px 8px;border-radius:9px}.orderListTable .prominentStamp small{display:none}.orderListTable .prominentStamp strong{font-size:14px}.statusModalRow .prominentStamp,.dueWarnRow .prominentStamp{padding:3px 7px;border-radius:8px;margin:0}.statusModalRow .prominentStamp small,.dueWarnRow .prominentStamp small{display:none}.statusModalRow .prominentStamp strong,.dueWarnRow .prominentStamp strong{font-size:11px}.stampEmptyHint{padding:8px 11px;border:1px dashed #cdbb9f;border-radius:10px;color:var(--muted);font-size:10px;background:#fbf7f0}

/* V2.24 FINAL DASHBOARD SYMMETRY - all three panels share identical geometry */
.dashboardThreeTop{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  align-items:start;
}
.dashboardThreeTop > .dashboardTopCard{
  width:100%;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-self:start;
}
.dashboardThreeTop > .dashboardTopCard > .dashboardSectionTitle{
  width:100%;
  height:18px;
  min-height:18px;
  margin:0 0 7px;
  padding:0;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  font-family:"Avenir Next","Trebuchet MS",Arial,sans-serif;
  font-size:9px;
  line-height:18px;
  font-weight:900;
  letter-spacing:1.25px;
  color:var(--brown);
  text-align:left;
}
.dashboardThreeTop > .dashboardTopCard > .dashboardTileGrid{
  width:100%;
  height:142px;
  min-height:142px;
  max-height:142px;
  flex:none;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:repeat(2,68px);
  gap:6px;
  box-sizing:border-box;
}
.dashboardThreeTop .dashboardMetricTile,
.dashboardThreeTop .dashboardPriorityTile,
.dashboardThreeTop .quickTileGrid .dashQuickAction{
  width:100% !important;
  height:68px !important;
  min-width:0 !important;
  min-height:68px !important;
  max-width:none !important;
  max-height:68px !important;
  margin:0 !important;
  box-sizing:border-box !important;
  border-radius:10px;
}
.dashboardThreeTop .dashboardMetricTile,
.dashboardThreeTop .dashboardPriorityTile{
  padding:7px 8px;
}
.dashboardThreeTop .quickTileGrid .dashQuickAction{
  padding:7px 8px;
  gap:7px;
  display:flex;
  align-items:center;
}
.dashboardThreeTop .quickTileGrid .dashQuickAction .quickIcon{
  width:25px;
  height:25px;
  flex:0 0 25px;
}
@media(max-width:980px){
  .dashboardThreeTop{gap:7px}
  .dashboardThreeTop > .dashboardTopCard > .dashboardTileGrid{
    height:130px;min-height:130px;max-height:130px;
    grid-template-rows:repeat(2,62px);
  }
  .dashboardThreeTop .dashboardMetricTile,
  .dashboardThreeTop .dashboardPriorityTile,
  .dashboardThreeTop .quickTileGrid .dashQuickAction{
    height:62px !important;min-height:62px !important;max-height:62px !important;
  }
}
@media(max-width:720px){
  .dashboardThreeTop{grid-template-columns:1fr;gap:8px}
  .dashboardThreeTop > .dashboardTopCard > .dashboardSectionTitle{
    height:16px;min-height:16px;line-height:16px;font-size:8px;letter-spacing:1px;
  }
  .dashboardThreeTop > .dashboardTopCard > .dashboardTileGrid{
    height:52px;min-height:52px;max-height:52px;
    grid-template-columns:repeat(4,minmax(0,1fr));
    grid-template-rows:52px;
    gap:5px;
  }
  .dashboardThreeTop .dashboardMetricTile,
  .dashboardThreeTop .dashboardPriorityTile,
  .dashboardThreeTop .quickTileGrid .dashQuickAction{
    height:52px !important;min-height:52px !important;max-height:52px !important;
    padding:5px !important;
  }
}

/* V2.25 DASHBOARD - force identical three-panel geometry, including ACTIVE ORDERS */
.dashboardThreeTop{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
  align-items:start !important;
}
.dashboardThreeTop > .dashboardTopCard{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-self:start !important;
  box-sizing:border-box !important;
}
.dashboardThreeTop > .dashboardTopCard > .dashboardSectionTitle{
  width:100% !important;
  height:18px !important;
  min-height:18px !important;
  max-height:18px !important;
  margin:0 0 7px !important;
  padding:0 1px !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  line-height:18px !important;
  font-family:"Avenir Next","Trebuchet MS",Arial,sans-serif !important;
  font-size:9px !important;
  font-weight:900 !important;
  letter-spacing:1.25px !important;
  color:var(--brown) !important;
  text-align:left !important;
}
.dashboardThreeTop > .dashboardTopCard > .dashboardTileGrid{
  width:100% !important;
  height:142px !important;
  min-height:142px !important;
  max-height:142px !important;
  margin:0 !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  grid-template-rows:repeat(2,68px) !important;
  gap:6px !important;
  box-sizing:border-box !important;
  align-items:stretch !important;
}
.dashboardThreeTop > .dashboardTopCard > .dashboardTileGrid > *{
  width:100% !important;
  height:68px !important;
  min-width:0 !important;
  min-height:68px !important;
  max-width:none !important;
  max-height:68px !important;
  margin:0 !important;
  box-sizing:border-box !important;
  border-radius:10px !important;
  align-self:stretch !important;
}
/* Same visual box model for all three groups */
.dashboardThreeTop .dashboardMetricTile,
.dashboardThreeTop .dashboardPriorityTile,
.dashboardThreeTop .quickTileGrid .dashQuickAction{
  border:1px solid var(--line) !important;
  background:linear-gradient(135deg,#fffdf9,#f7eee2) !important;
  box-shadow:0 2px 7px rgba(90,53,28,.055) !important;
}
.dashboardThreeTop .dashboardMetricTile,
.dashboardThreeTop .dashboardPriorityTile{
  padding:7px 8px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
}
.dashboardThreeTop .quickTileGrid .dashQuickAction{
  padding:7px 8px !important;
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  text-align:left !important;
}
@media(max-width:980px){
  .dashboardThreeTop{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:6px !important}
  .dashboardThreeTop > .dashboardTopCard > .dashboardTileGrid{height:124px !important;min-height:124px !important;max-height:124px !important;grid-template-rows:repeat(2,59px) !important;gap:6px !important}
  .dashboardThreeTop > .dashboardTopCard > .dashboardTileGrid > *{height:59px !important;min-height:59px !important;max-height:59px !important}
}
@media(max-width:720px){
  .dashboardThreeTop{grid-template-columns:1fr !important;gap:7px !important}
  .dashboardThreeTop > .dashboardTopCard > .dashboardTileGrid{height:52px !important;min-height:52px !important;max-height:52px !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;grid-template-rows:52px !important;gap:5px !important}
  .dashboardThreeTop > .dashboardTopCard > .dashboardTileGrid > *{height:52px !important;min-height:52px !important;max-height:52px !important}
  .dashboardThreeTop > .dashboardTopCard > .dashboardSectionTitle{height:16px !important;min-height:16px !important;max-height:16px !important;line-height:16px !important;font-size:8px !important;letter-spacing:1px !important;margin-bottom:5px !important}
}

/* PORTALS: editor + live preview controls */
.portalToolsPanel{border:1px solid #dfd0bf;border-radius:16px;background:#fff;padding:14px;box-shadow:0 6px 18px rgba(90,55,25,.05)}
.portalPreviewActions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.portalPreviewActions .btn{min-height:42px;border-radius:12px}


/* V2.41.2 compact latest orders + dedicated Karigar workload */
.modernLatestFull .activeOrderGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;overflow:visible}
.modernLatestFull .activeOrderCard{border-radius:11px}
.modernLatestFull .activeOrderPhoto{height:88px}
.modernLatestFull .activeOrderBody{padding:6px 7px 7px}
.modernLatestFull .activeOrderBody h3{font-size:9.5px;margin:2px 0 4px}
.modernLatestFull .activeOrderNo{font-size:6.5px}
.modernLatestFull .activeOrderMeta{font-size:6.5px;gap:5px}
.modernLatestFull .activeOrderMeta+ .activeOrderMeta{margin-top:3px}
.modernLatestFull .activeBadge{right:4px;top:4px;padding:2px 5px;font-size:6px}
.modernLatestFull .activeOrderNoPhoto img{width:45px;height:45px}
.modernLatestFull .activeOrderNoPhoto span{font-size:5px;bottom:4px}
.workloadSummary{display:grid;grid-template-columns:repeat(2,minmax(0,180px));gap:8px;margin-bottom:10px}
.workloadSummaryCard{background:var(--card);border:1px solid var(--line);border-radius:11px;padding:10px 12px;box-shadow:0 3px 10px rgba(70,43,20,.05)}
.workloadSummaryCard span{display:block;font-size:7px;font-weight:900;letter-spacing:.8px;color:var(--muted)}
.workloadSummaryCard b{display:block;font-size:20px;margin-top:3px}
.karigarWorkloadTable td,.karigarWorkloadTable th{vertical-align:middle}
.karigarWorkloadTable .workloadBig{font-size:18px}
.karigarWorkloadRow{cursor:pointer}
.karigarWorkloadRow:hover{background:#fbf5ec}
@media(max-width:1250px){.modernLatestFull .activeOrderGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.modernLatestFull .activeOrderGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.modernLatestFull .activeOrderGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.modernLatestFull .activeOrderPhoto{height:82px}.workloadSummary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.modernLatestFull .activeOrderGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.modernLatestFull .activeOrderPhoto{height:76px}}

/* V2.41.23: dashboard status tiles are actionable like Today's Priorities. */
.dashboardMetricTile{cursor:pointer;color:var(--brown);font:inherit;appearance:none;-webkit-appearance:none;text-align:center;transition:.15s}
.dashboardMetricTile:hover{transform:translateY(-1px);border-color:#d3af75;box-shadow:0 5px 12px rgba(90,53,28,.1)}
.dashboardMetricTile:focus-visible,.dashboardPriorityTile:focus-visible{outline:2px solid #b8894a;outline-offset:2px}