/* POAC HWC-inspired skin: PRESENTATION ONLY. No logic, data or API changes.
   Adapted from HWC v15.3 visual language, while retaining POAC branding. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
body.poac-hwc{font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;--hwc-page:#f5f7fb;--hwc-surface:#fff;--hwc-text:#17243c;--hwc-soft:#65748a;--hwc-border:#e6ebf2;--hwc-accent:#3266d4;--hwc-accent-light:#edf3ff;--hwc-side:#101d35;--hwc-side-muted:#aebdd5;--hwc-shadow:0 7px 22px rgba(25,47,89,.05);background:var(--hwc-page);color:var(--hwc-text)}
body.poac-hwc h1,body.poac-hwc h2,body.poac-hwc h3{font-family:'Plus Jakarta Sans','DM Sans',system-ui,sans-serif;letter-spacing:-.035em}
body.poac-hwc button,body.poac-hwc a{transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s}
body.poac-hwc button:focus-visible,body.poac-hwc a:focus-visible,body.poac-hwc input:focus-visible,body.poac-hwc select:focus-visible{outline:3px solid #79a8ed;outline-offset:2px}
body.poac-hwc .card{border-color:var(--hwc-border);border-radius:17px;box-shadow:var(--hwc-shadow)}
/* Desktop workspace adopts HWC fixed navy sidebar and white workspace header. */
@media(min-width:901px){
 body.poac-hwc.workspace .drawer{position:fixed;top:0;bottom:0;left:0;width:260px;transform:none!important;background:var(--hwc-side);color:white;padding-top:6px;box-shadow:none;border-right:1px solid #1b3051;z-index:45}
 body.poac-hwc.workspace .topbar{position:sticky;top:0;margin-left:260px;width:calc(100% - 260px);z-index:38;height:70px;padding:0 27px 0 33px}
 body.poac-hwc.workspace .shell{width:auto;max-width:1580px;margin:28px 34px 80px calc(260px + 34px)}
 body.poac-hwc.workspace #navToggle,body.poac-hwc.workspace #closeDrawer,body.poac-hwc.workspace #drawerShade{display:none!important}
}
body.poac-hwc.workspace .drawer{background:var(--hwc-side);color:white}
body.poac-hwc.workspace .drawerHead{padding:22px 17px 19px;gap:11px}
body.poac-hwc.workspace .drawerHead b{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;letter-spacing:.025em;color:white}
body.poac-hwc.workspace .drawerHead small{font-size:9px;letter-spacing:.08em;color:#9bafcc}
body.poac-hwc.workspace .drawerHead .brandMark{background:#ffffff1d;box-shadow:none;border:1px solid #ffffff22;width:38px;height:38px;border-radius:11px;color:#eef4ff}
body.poac-hwc.workspace .drawerHead button{color:#e3edff}
body.poac-hwc.workspace .companyBadge{background:#ffffff10;color:#edf3ff;border:1px solid #ffffff1c;padding:13px;margin:0 13px 21px;border-radius:12px}
body.poac-hwc.workspace .navCaption{color:#8197b9;margin-top:15px;letter-spacing:.13em;font-size:9px}
body.poac-hwc.workspace .drawer nav{padding:0 11px;scrollbar-color:#38506a transparent}
body.poac-hwc.workspace .navItem{color:#adbed9;font-size:12px;padding:11px 13px;gap:11px;font-weight:700;border-radius:10px;margin:3px 0}
body.poac-hwc.workspace .navItem span{font-size:18px;width:19px}
body.poac-hwc.workspace .navItem:hover{background:#ffffff12;color:white}
body.poac-hwc.workspace .navItem.selected{background:#3266d4;color:white;box-shadow:0 3px 13px #07132755}
body.poac-hwc.workspace .drawerFoot{border-top:1px solid #ffffff17;color:#a1b1ca;padding:16px}
body.poac-hwc.workspace .topbar{background:white;border-bottom:1px solid var(--hwc-border);box-shadow:0 1px 1px #101d3505}
body.poac-hwc.workspace .topbar .brand strong{font-family:'Plus Jakarta Sans',sans-serif;font-size:17px;letter-spacing:.04em;color:#1b3454}
body.poac-hwc.workspace .topbar .brand small{font-size:9px;color:#879bb7}
body.poac-hwc.workspace .brandMark{background:linear-gradient(135deg,#264b97,#13295c);box-shadow:0 5px 15px #142a5e1e}
body.poac-hwc.workspace .avatar{background:#eaf0fe;color:#3266d4}
body.poac-hwc.workspace .modeSelect{background:#f7f9fc;border:1px solid var(--hwc-border);color:#485d76}
body.poac-hwc.workspace .sync{background:#f1f5fa;border:1px solid var(--hwc-border)}
body.poac-hwc.workspace .sync.live{background:#e7f7f0;color:#168367}
body.poac-hwc.workspace .shell{min-height:calc(100vh - 150px)}
body.poac-hwc.workspace .banner.demo{background:#eef4ff;color:#375c99;border:1px solid #dbe6fb}
body.poac-hwc.workspace .banner.online{background:#e8f8f3;color:#166f5d;border-color:#c9eee1}
body.poac-hwc.workspace .pageHead{padding:0 0 1px;margin:0 0 24px}
body.poac-hwc.workspace .pageHead .eyebrow{color:#316bd0;font-weight:800}
body.poac-hwc.workspace .pageHead h1{color:#203550;font-size:29px}
body.poac-hwc.workspace .pageHead p{color:#697a90}
body.poac-hwc.workspace #main:has(.kpiGrid) .pageHead{min-height:204px;border-radius:18px;background:linear-gradient(113deg,#203d83 0%,#14295e 96%);padding:31px 35px;display:flex;align-items:center;position:relative;overflow:hidden;box-shadow:0 16px 40px #1b367521}
body.poac-hwc.workspace #main:has(.kpiGrid) .pageHead::before{content:"";position:absolute;right:-100px;top:-108px;width:380px;height:380px;border-radius:50%;border:1px solid #ffffff2b;box-shadow:0 0 0 48px #ffffff08,0 0 0 104px #ffffff05;pointer-events:none}
body.poac-hwc.workspace #main:has(.kpiGrid) .pageHead>*{position:relative;z-index:1}
body.poac-hwc.workspace #main:has(.kpiGrid) .pageHead .eyebrow{color:#afc9ff}
body.poac-hwc.workspace #main:has(.kpiGrid) .pageHead h1{color:#fff;font-size:30px;line-height:1.25}
body.poac-hwc.workspace #main:has(.kpiGrid) .pageHead p{color:#cddaf3}
body.poac-hwc.workspace #main:has(.kpiGrid) .pageHead .btn{background:white;border-color:white;color:#244a93;box-shadow:none}
body.poac-hwc.workspace #main:has(.kpiGrid) .pageHead .btn.secondary{background:#ffffff20;color:#f1f7ff;border-color:#ffffff39}
body.poac-hwc.workspace .btn{background:#3266d4;color:white;border-color:#3266d4;border-radius:10px;font-weight:800;box-shadow:0 4px 12px #3266d426}
body.poac-hwc.workspace .btn:hover{background:#2859bf}
body.poac-hwc.workspace .btn.secondary{background:#fff;color:#405776;border-color:#dee7f0;box-shadow:none}
body.poac-hwc.workspace .btn.secondary:hover{background:#f1f5fa}
body.poac-hwc.workspace .btn.danger{background:#a8424b;border-color:#a8424b}
body.poac-hwc.workspace .kpi{min-height:162px;padding:22px}
body.poac-hwc.workspace .kpi small{font-size:11px;color:#748298}
body.poac-hwc.workspace .kpi b{color:#1d3657;font-family:'Plus Jakarta Sans',sans-serif;font-size:23px}
body.poac-hwc.workspace .kpi.profit b{color:#0a8a70}
body.poac-hwc.workspace .kpi .bubble{background:#edf3ff;color:#3266d4;border-radius:12px;width:40px;height:40px}
body.poac-hwc.workspace .panel{padding:22px}
body.poac-hwc.workspace .panelTop h2{font-size:16px;color:#1b3654}
body.poac-hwc.workspace .quick{border-radius:14px;background:#fbfcff;border-color:#e3eaf4}
body.poac-hwc.workspace .quick span{color:#3266d4}
body.poac-hwc.workspace .quick:hover{background:#edf4ff;border-color:#acc6f7}
body.poac-hwc.workspace .dataTable th{background:#f2f5fa;color:#64788f}
body.poac-hwc.workspace .dataTable td{color:#3c516a}
body.poac-hwc.workspace .pill{background:#edf4ff;color:#3261aa}
body.poac-hwc.workspace .pill.warn{background:#fff4db;color:#93691e}
body.poac-hwc.workspace .pill.gray{background:#eff2f6;color:#6a768a}
body.poac-hwc.workspace .summaryStrip{background:#eef4ff;border-color:#d5e4fa}
body.poac-hwc.workspace .summaryStrip strong{color:#2356ad}
body.poac-hwc.workspace .statIcon,body.poac-hwc.workspace .step .check{background:#edf3ff;color:#3266d4}
body.poac-hwc.workspace .field input:focus,body.poac-hwc.workspace .field select:focus,body.poac-hwc.workspace .field textarea:focus{border-color:#3266d4;box-shadow:0 0 0 3px #3266d41f}
body.poac-hwc.workspace .choiceBar button.current{color:#3266d4}
body.poac-hwc.workspace .searchHit:hover{background:#edf4ff}
body.poac-hwc.workspace .companyBadge,body.poac-hwc.workspace .dataTable{font-variant-numeric:tabular-nums}
@media(max-width:900px){
 body.poac-hwc.workspace .drawer{top:0;bottom:0;width:min(300px,86vw);z-index:50;transform:translateX(-105%)}
 body.poac-hwc.workspace .drawer.open{transform:translateX(0)}
 body.poac-hwc.workspace .shade{top:0;z-index:49}
 body.poac-hwc.workspace .topbar{margin-left:0;width:100%;padding:0 16px}
 body.poac-hwc.workspace .shell{width:calc(100% - 36px);max-width:900px;margin:24px auto 70px}
 body.poac-hwc.workspace #closeDrawer{display:grid}
}
@media(max-width:630px){
 body.poac-hwc.workspace .topbar{height:63px;padding:0 10px;gap:7px}
 body.poac-hwc.workspace .shell{width:calc(100% - 24px);margin:15px auto 65px}
 body.poac-hwc.workspace .topbar .brand strong{font-size:17px}
 body.poac-hwc.workspace #main:has(.kpiGrid) .pageHead{min-height:165px;padding:22px;align-items:flex-start}
 body.poac-hwc.workspace #main:has(.kpiGrid) .pageHead h1{font-size:24px}
 body.poac-hwc.workspace #main:has(.kpiGrid) .pageHead .actions{gap:6px}
 body.poac-hwc.workspace #main:has(.kpiGrid) .pageHead .btn{padding:9px 11px;font-size:11px}
 body.poac-hwc.workspace .kpi{padding:15px;min-height:126px}
 body.poac-hwc.workspace .kpi b{font-size:18px}
 body.poac-hwc.workspace .kpi .bubble{width:30px;height:30px}
 body.poac-hwc.workspace .panel{padding:16px}
}
/* HWC login: navy visual half, light authentication half. POAC buttons stay intact. */
body.poac-hwc.welcome{background:#f9fbfe}
body.poac-hwc.welcome .backgroundGlow{background:linear-gradient(90deg,#112449 0%,#162e60 49%,#f9fbfe 49.1%,#f9fbfe 100%)}
body.poac-hwc.welcome .siteHeader{max-width:1150px;padding:24px 26px 8px}
body.poac-hwc.welcome .siteHeader .logo{color:white}
body.poac-hwc.welcome .logoMark{background:#ffffff1e;border:1px solid #ffffff36;box-shadow:none;color:white}
body.poac-hwc.welcome .logoMark span{color:#a7e3ff}
body.poac-hwc.welcome .logo small{color:#b7cae8}
body.poac-hwc.welcome .navLogin{color:#284c83;border-color:#dbe4f3}
body.poac-hwc.welcome .layout{max-width:1150px;gap:70px;min-height:calc(100vh - 155px);margin:38px auto 25px;align-items:center}
body.poac-hwc.welcome .hero{color:white}
body.poac-hwc.welcome .hero .eyebrow{color:#9dc5ff}
body.poac-hwc.welcome .hero .dot{background:#6bdfba}
body.poac-hwc.welcome .hero h1{color:white;font-size:clamp(38px,4.3vw,58px)}
body.poac-hwc.welcome .hero h1 em{color:#9ebeff}
body.poac-hwc.welcome .hero .lead{color:#c7d6f0}
body.poac-hwc.welcome .feature{background:#ffffff0b;border-color:#ffffff27}
body.poac-hwc.welcome .feature span{color:#b6d6ff}
body.poac-hwc.welcome .feature b{color:#eef5ff}
body.poac-hwc.welcome .feature small{color:#b6c5df}
body.poac-hwc.welcome .pilot{color:#ccdae9}
body.poac-hwc.welcome .accessCard{border-color:#e6edf4;border-radius:19px;box-shadow:0 16px 52px #142e4c12;padding:32px}
body.poac-hwc.welcome .kicker{color:#3266d4}
body.poac-hwc.welcome .cardTop h2{color:#1c3455}
body.poac-hwc.welcome .choice{border-color:#e0e7f0}
body.poac-hwc.welcome .choice.primary{background:#edf3ff;border-color:#cbd9f9}
body.poac-hwc.welcome .choiceIcon,body.poac-hwc.welcome .choice.primary .choiceIcon{background:#e9f1ff;color:#3266d4}
body.poac-hwc.welcome .choice:hover,body.poac-hwc.welcome .choice:focus-visible{border-color:#3266d4}
body.poac-hwc.welcome .tabs button.active{color:#3266d4}
body.poac-hwc.welcome .authForm input:focus{border-color:#3266d4;box-shadow:0 0 0 3px #3266d420}
body.poac-hwc.welcome .submit,body.poac-hwc.welcome .existing button{background:#3266d4}
body.poac-hwc.welcome footer{color:#9aa9bb}
@media(max-width:850px){
 body.poac-hwc.welcome .backgroundGlow{background:linear-gradient(180deg,#122754,#203f80 0%,#18366f 44%,#f9fbfe 44.1%,#f9fbfe 100%)}
 body.poac-hwc.welcome .layout{margin:28px auto 35px;min-height:auto;gap:34px}
 body.poac-hwc.welcome .hero{padding:12px 0}
 body.poac-hwc.welcome .hero h1{font-size:42px}
 body.poac-hwc.welcome .hero .featureGrid{margin-top:22px}
}
@media(max-width:480px){
 body.poac-hwc.welcome .siteHeader{padding:17px 17px 6px}
 body.poac-hwc.welcome .layout{padding:0 17px;margin:28px auto 20px;gap:24px}
 body.poac-hwc.welcome .hero h1{font-size:35px}
 body.poac-hwc.welcome .hero .lead{font-size:13px}
 body.poac-hwc.welcome .hero .feature{min-height:99px}
 body.poac-hwc.welcome .accessCard{padding:22px}
}
/* Industry picker draws from HWC showcase cards, yet retains three POAC profiles. */
body.poac-hwc.demoSelect{background:radial-gradient(ellipse at 22% 0,#e9f0ff,transparent 57%),#f5f7fb}
body.poac-hwc.demoSelect header{max-width:1140px}
body.poac-hwc.demoSelect header .brand{color:#142d4a}
body.poac-hwc.demoSelect .brand span{color:#8596ac}
body.poac-hwc.demoSelect h1{color:#17365a}
body.poac-hwc.demoSelect .back{color:#2d5383;border-color:#dce5ef}
body.poac-hwc.demoSelect .cards{gap:20px}
body.poac-hwc.demoSelect .card{border-radius:18px;border-color:#e4ebf3;box-shadow:0 12px 33px #203b6210}
body.poac-hwc.demoSelect .art{background:linear-gradient(115deg,#203d83,#14295e);color:white;position:relative}
body.poac-hwc.demoSelect .art::after{content:"";position:absolute;inset:10px 20%;border:1px solid #ffffff32;border-radius:60%;pointer-events:none}
body.poac-hwc.demoSelect .tag{color:#3266d4}
body.poac-hwc.demoSelect .body h2{font-family:'Plus Jakarta Sans',sans-serif}
body.poac-hwc.demoSelect .stats span{background:#edf3ff;color:#3860a0}
body.poac-hwc.demoSelect .launch{background:#3266d4}
body.poac-hwc.demoSelect .launch:hover{background:#2758bc}
body.poac-hwc.demoSelect .note{border-color:#e0e8f3;box-shadow:var(--hwc-shadow)}
/* Demonstration operations: white HWC cards and blue selected tabs. */
body.poac-hwc.operations{background:#f5f7fb}
body.poac-hwc.operations header{background:#fff;border-bottom-color:#e5ebf3}
body.poac-hwc.operations .brand{color:#1d365c}
body.poac-hwc.operations .back{background:#edf3ff;border-color:#d1def6;color:#2e58a0}
body.poac-hwc.operations .chip{background:#edf3ff;color:#3266d4}
body.poac-hwc.operations .tabs button.active{background:#3266d4;border-color:#3266d4;color:white}
body.poac-hwc.operations .stat,body.poac-hwc.operations .card{border:1px solid #e2e9f3;border-radius:17px;box-shadow:var(--hwc-shadow)}
body.poac-hwc.operations .stat b{color:#193e73}
body.poac-hwc.operations .action{background:#3266d4}
body.poac-hwc.operations .action.secondary{background:#edf3ff;color:#315a99}
body.poac-hwc.operations .action.danger{background:#a8424b;color:white}
body.poac-hwc.operations .fill{background:#3266d4}
body.poac-hwc.operations .hint{background:#edf4ff;border-color:#d5e2f7;color:#3b5c87}
/* Logged-in restaurant module, same HWC surfaces and palette. */
body.poac-hwc.restaurantUi .top{background:linear-gradient(110deg,#142d60,#11254d);border-bottom:1px solid #2b4271}
body.poac-hwc.restaurantUi .logo{background:#3266d4}
body.poac-hwc.restaurantUi .shell{max-width:1470px}
body.poac-hwc.restaurantUi .eyebrow{color:#3266d4}
body.poac-hwc.restaurantUi .tabs{background:#e9eef8}
body.poac-hwc.restaurantUi .tabs button.active{color:#3266d4}
body.poac-hwc.restaurantUi .card{border-radius:17px;border-color:#e5ebf3;box-shadow:var(--hwc-shadow)}
body.poac-hwc.restaurantUi .stat b{color:#224b86}
body.poac-hwc.restaurantUi .btn{background:#3266d4}
body.poac-hwc.restaurantUi .btn.secondary{background:#edf3ff;color:#365e9c}
body.poac-hwc.restaurantUi .bar{background:#3266d4}
body.poac-hwc.restaurantUi .reportSummary{background:#edf3ff;color:#2a579c}
body.poac-hwc.restaurantUi .status.APPROVED{background:#e5f6ed;color:#177750}
@media print{
 body.poac-hwc.workspace .drawer,body.poac-hwc.workspace .topbar,body.poac-hwc.workspace #drawerShade{display:none!important}
 body.poac-hwc.workspace .shell{width:100%!important;max-width:100%!important;margin:0!important}
 body.poac-hwc.workspace #main:has(.kpiGrid) .pageHead{display:none!important}
 body.poac-hwc.workspace .card{box-shadow:none!important}
 body.poac-hwc.operations .tabs,body.poac-hwc.operations header{display:none!important}
 body.poac-hwc.restaurantUi .top{display:none!important}
}

/* On Android, keep the HWC navy area within the hero instead of allowing white text over a light gradient. */
@media(max-width:850px){
 body.poac-hwc.welcome .backgroundGlow{background:linear-gradient(180deg,#f5f7fb,#f9fbfe)!important}
 body.poac-hwc.welcome .siteHeader .logo{color:#1d3760}
 body.poac-hwc.welcome .logoMark{background:linear-gradient(135deg,#244d9e,#142a64);border-color:#365b9a}
 body.poac-hwc.welcome .logo small{color:#8597b1}
 body.poac-hwc.welcome .hero{background:linear-gradient(138deg,#132852,#22478e);border-radius:22px;padding:25px 24px!important;box-shadow:0 16px 42px #1a316021}
 body.poac-hwc.welcome .hero h1{color:white}
 body.poac-hwc.welcome .hero .eyebrow{color:#a9cbff}
 body.poac-hwc.welcome .hero .lead{color:#d4e1f5}
 body.poac-hwc.welcome .hero .pilot{color:#c9d7eb}
}
@media(max-width:480px){
 body.poac-hwc.welcome .hero{padding:20px 17px!important;border-radius:18px}
 body.poac-hwc.welcome .hero .featureGrid{gap:8px}
}

/* SCALE UP v0.7 — readable sidebar, unified owner/manager/employee demo */
body.poac-hwc.workspace .navItem{font-size:15px;font-weight:750;line-height:1.38;padding:12px 13px;gap:12px;min-height:43px}
body.poac-hwc.workspace .navCaption{font-size:11px;letter-spacing:.09em;line-height:1.3}
body.poac-hwc.workspace .drawerHead b{font-size:16px}
body.poac-hwc.workspace .companyBadge{font-size:12px;line-height:1.5}
body.poac-hwc.workspace .drawerFoot{font-size:11px}
body.poac-hwc.workspace .demoControls{display:flex;gap:12px;align-items:end;flex-wrap:wrap}
body.poac-hwc.workspace .demoControls label{font-size:11px;font-weight:800;color:#546987;display:grid;gap:5px}
body.poac-hwc.workspace .demoControls select{font:inherit;font-size:12px;background:#fff;border:1px solid #d7e2f0;border-radius:9px;padding:10px;min-width:175px;max-width:245px;color:#284566}
body.poac-hwc.workspace .demoPerson{display:flex;align-items:center;gap:19px}
body.poac-hwc.workspace .demoPerson img{width:86px;height:105px;object-fit:cover;border-radius:12px;border:1px solid #dce7f4;display:block}
body.poac-hwc.workspace .demoPerson h2{font-size:21px;color:#1b365a;margin:0 0 8px}
body.poac-hwc.workspace .demoPerson p{font-size:13px;color:#637891}
body.poac-hwc.workspace .demoPerson small{color:#8997a9}
body.poac-hwc.workspace .demoThumb{width:45px;height:58px;object-fit:cover;border-radius:7px;border:1px solid #d9e3ed;display:block}
body.poac-hwc.workspace [data-demo-task]{font-weight:700;color:#225cb6;border:1px solid #dce7f4;background:#eff5ff;padding:8px;border-radius:8px;white-space:nowrap}
@media(min-width:901px){
 body.poac-hwc.workspace .drawer{width:290px}
 body.poac-hwc.workspace .topbar{margin-left:290px;width:calc(100% - 290px)}
 body.poac-hwc.workspace .shell{margin-left:calc(290px + 34px)}
}
@media(max-width:630px){
 body.poac-hwc.workspace .navItem{font-size:15px;min-height:45px}
 body.poac-hwc.workspace .demoControls{display:grid;grid-template-columns:1fr 1fr}
 body.poac-hwc.workspace .demoControls select{width:100%;min-width:0;max-width:100%}
 body.poac-hwc.workspace .demoControls .btn{grid-column:1/-1}
 body.poac-hwc.workspace .demoPerson img{width:65px;height:82px}
}
@media print{body.poac-hwc.workspace .demoControls{display:none!important}}

/* SCALE UP v0.7.1 — readable targets and daily revenue graph */
body.poac-hwc.workspace .demoTargetPanel{margin-top:17px;padding:20px 22px}
body.poac-hwc.workspace .demoTargetNumbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:14px 0 20px}
body.poac-hwc.workspace .demoTargetNumbers>div{background:#f4f7fd;border:1px solid #e4eaf4;border-radius:11px;padding:13px 12px}
body.poac-hwc.workspace .demoTargetNumbers small{font-size:11px;display:block;color:#677e9e;font-weight:750;margin-bottom:8px}
body.poac-hwc.workspace .demoTargetNumbers strong{font-family:'Plus Jakarta Sans',sans-serif;display:block;font-size:clamp(14px,1.7vw,21px);font-weight:850;color:#1e477f;overflow-wrap:anywhere}
body.poac-hwc.workspace .demoProgressTrack{height:13px;background:#e6edfb;border-radius:50px;overflow:hidden}
body.poac-hwc.workspace .demoProgressFill{height:100%;background:linear-gradient(100deg,#3266d4,#4cadd7);border-radius:50px}
body.poac-hwc.workspace .demoTrend{height:135px;display:flex;gap:4px;align-items:end;margin-top:14px;border-bottom:1px solid #d9e5f6;padding:0 4px}
body.poac-hwc.workspace .demoTrendBar{flex:1;height:100%;min-width:2px;display:flex;align-items:end}
body.poac-hwc.workspace .demoTrendBar>div{width:100%;min-height:1px;background:linear-gradient(180deg,#458ce6,#2b5ab9);border-radius:5px 5px 0 0}
body.poac-hwc.workspace .demoTrendAxis{display:flex;justify-content:space-between;margin:8px 4px;color:#7b8fa8;font-size:10px}
@media(max-width:650px){
body.poac-hwc.workspace .demoTargetNumbers{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body.poac-hwc.workspace .demoTargetNumbers>div{padding:11px 10px}
body.poac-hwc.workspace .demoTargetNumbers strong{font-size:16px}
body.poac-hwc.workspace .demoTrend{height:105px;gap:2px}
}

/* Demo interactive attendance – identical visibility on laptop and Android */
body.poac-hwc.workspace .demoAttendPanel{margin:13px 0 18px;padding:18px 20px;border:1px solid #cbdff4;background:linear-gradient(140deg,#ffffff,#f8fbff)}
body.poac-hwc.workspace .demoAttendPanel .panelTop{display:flex;justify-content:space-between;align-items:start;gap:10px}
body.poac-hwc.workspace .demoAttendPanel h2{font-size:17px;color:#244d7c;margin:0 0 4px}
body.poac-hwc.workspace .demoAttendStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}
body.poac-hwc.workspace .demoAttendStats>div{background:#eef4fc;border:1px solid #dfebfa;border-radius:12px;padding:11px;display:grid;gap:5px}
body.poac-hwc.workspace .demoAttendStats small{font-size:11px;color:#637e9a}
body.poac-hwc.workspace .demoAttendStats strong{font-size:18px;color:#275a9e;font-variant-numeric:tabular-nums}
body.poac-hwc.workspace .demoAttendLocation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}
body.poac-hwc.workspace .demoAttendLocation label{display:grid;gap:5px;font-size:11px;color:#526b84;font-weight:800}
body.poac-hwc.workspace .demoAttendLocation input,body.poac-hwc.workspace .demoAttendLocation select{font:inherit;font-size:12px;border:1px solid #d4e1f0;border-radius:9px;background:#fff;padding:10px;width:100%;box-sizing:border-box}
body.poac-hwc.workspace .demoAttendActions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
body.poac-hwc.workspace .demoAttendActions button{border:0;border-radius:11px;padding:12px 18px;font-size:13px;font-weight:850;background:#2865b6;color:#fff;cursor:pointer}
body.poac-hwc.workspace .demoAttendActions button:nth-child(2){background:#225c48}
body.poac-hwc.workspace .demoAttendActions button:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:520px){body.poac-hwc.workspace .demoAttendStats{gap:6px}body.poac-hwc.workspace .demoAttendStats strong{font-size:14px}body.poac-hwc.workspace .demoAttendStats>div{padding:8px}body.poac-hwc.workspace .demoAttendLocation{grid-template-columns:1fr}}

/* SCALE UP owner summary: financial-first, daily target and team drill-down */
body.poac-hwc.workspace .ownerFinanceGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
body.poac-hwc.workspace .demoDaily .panelTop{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
body.poac-hwc.workspace .demoShiftHistory{display:grid;gap:8px;margin:12px 0}
body.poac-hwc.workspace .demoShiftHistory>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px;border:1px solid #dce8f5;background:#f7fbff;border-radius:10px}
body.poac-hwc.workspace .demoShiftHistory b{font-size:12px;color:#305e8f}
body.poac-hwc.workspace .demoShiftHistory span{font-size:12px;color:#57738e}
body.poac-hwc.workspace .demoShiftHistory strong{font-size:13px;color:#274c77}
body.poac-hwc.workspace #demoKpiPlanForm{margin-top:12px}
body.poac-hwc.workspace #demoKpiPlanForm .field{display:grid;gap:7px;font-size:12px;color:#425d78}
body.poac-hwc.workspace #demoKpiPlanForm input,body.poac-hwc.workspace #demoKpiPlanForm select{width:100%;box-sizing:border-box;padding:11px 12px;font-size:13px;border:1px solid #d8e4ef;background:#fff;border-radius:9px;color:#244666}
body.poac-hwc.workspace #kpiDailyPreview{font-weight:800;color:#2c629d;font-size:13px}
@media(max-width:640px){body.poac-hwc.workspace .ownerFinanceGrid{grid-template-columns:1fr}body.poac-hwc.workspace .demoShiftHistory>div{gap:6px;flex-wrap:wrap}}