:root{--fw-red:#ef3038;--fw-red-dark:#cc1f29;--fw-ink:#071a2c;--fw-ink-2:#102b47;--fw-electric:#1f7cff;--fw-amber:#ffb51c;--fw-motion:cubic-bezier(.22,.8,.26,1);--fw-spring:cubic-bezier(.2,1.32,.45,1)}
@keyframes fwWheelIn{0%{opacity:0;transform:translateY(18px) rotate(-75deg) scale(.82)}70%{opacity:1;transform:translateY(0) rotate(16deg) scale(1.03)}100%{transform:rotate(0) scale(1)}}@keyframes fwSpin{to{transform:rotate(360deg)}}@keyframes fwRise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fwPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,181,28,0)}50%{box-shadow:0 0 0 7px rgba(255,181,28,.18)}}@keyframes fwToast{from{opacity:0;transform:translate(-50%,18px) scale(.94)}to{opacity:1;transform:translate(-50%,0) scale(1)}}@keyframes fwTread{from{background-position:0 0}to{background-position:42px 0}}@keyframes fwTick{0%{opacity:0;transform:scale(.2) rotate(-25deg)}75%{opacity:1;transform:scale(1.15) rotate(3deg)}100%{transform:scale(1)}}@keyframes fwRipple{to{opacity:0;transform:translate(-50%,-50%) scale(14)}}
.fw-sales-stage{position:relative;overflow:hidden;background:linear-gradient(145deg,#071827,#0d2b49 70%,#10243a);border-radius:24px;padding:18px;margin:0 0 12px;color:#fff;box-shadow:0 20px 48px rgba(7,27,47,.18)}.fw-sales-stage:before{content:"";position:absolute;inset:auto -30px -34px -30px;height:88px;opacity:.12;background:repeating-linear-gradient(115deg,transparent 0 18px,#fff 18px 25px,transparent 25px 40px);transform:skewY(-4deg)}.fw-stage-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;position:relative;z-index:1}.fw-stage-head b{font-size:12px}.fw-stage-head span{font-size:8px;color:#a9bed2;text-transform:uppercase;letter-spacing:.12em}.fw-stage-grid{display:grid;grid-template-columns:minmax(190px,.9fr) 1.3fr;gap:18px;align-items:center;position:relative;z-index:1}
.fw-wheel-shell{width:190px;height:190px;margin:auto;position:relative;border-radius:50%;display:grid;place-items:center;background:repeating-conic-gradient(from 6deg,#132b43 0 8deg,#071421 8deg 15deg);border:16px solid #07121d;box-shadow:inset 0 0 0 5px #2b4154,0 16px 35px rgba(0,0,0,.35);animation:fwWheelIn .8s var(--fw-spring) both}.fw-wheel-shell:before{content:"";position:absolute;inset:17px;border-radius:50%;background:linear-gradient(145deg,#172d42,#061422);box-shadow:inset 0 0 0 7px var(--fw-red),inset 0 0 0 10px rgba(255,255,255,.07)}.fw-wheel-core{position:relative;z-index:2;text-align:center;width:112px}.fw-wheel-core span,.fw-wheel-core small{display:block}.fw-wheel-core span{font-size:9px;color:#a9bdd0}.fw-wheel-core strong{display:block;font-size:25px;line-height:1.05;margin:5px 0;color:#fff}.fw-wheel-core small{font-size:8px;color:#8fe1b3}.fw-wheel-core i{font-style:normal;color:#51d98b;font-weight:900}
.fw-pay-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.fw-pay-card{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.07);border-radius:14px;padding:10px;min-height:74px;backdrop-filter:blur(4px)}.fw-pay-card span,.fw-pay-card small{display:block}.fw-pay-card span{font-size:8px;color:#9fb5ca}.fw-pay-card b{display:block;font-size:15px;margin:4px 0}.fw-pay-card small{font-size:7px;color:#9fb5ca}.fw-pay-card.cash b{color:#63dfa0}.fw-pay-card.upi b{color:#70b6ff}.fw-pay-card.card b{color:#ffbb67}.fw-pay-card.credit b{color:#ff93a0}
.fw-pulse-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.fw-pulse-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:14px;padding:11px}.fw-pulse-card:before{content:"";position:absolute;width:48px;height:48px;border-radius:50%;right:-18px;top:-18px;background:rgba(31,124,255,.07)}.fw-pulse-card span,.fw-pulse-card small{display:block}.fw-pulse-card span{font-size:8px;color:var(--muted)}.fw-pulse-card b{display:block;font-size:17px;margin:4px 0}.fw-pulse-card small{font-size:7px}.fw-pulse-card.alerting{animation:fwPulse 1.3s ease 1}.fw-business-metrics{margin-top:0}.fw-classic-hero{margin-top:3px}
.fw-mobile-bottom,.fw-action-overlay,.fw-pull{display:none}.fw-ripple{position:absolute!important;width:12px;height:12px;border-radius:50%;background:currentColor;opacity:.16;pointer-events:none;transform:translate(-50%,-50%) scale(.2);animation:fwRipple .45s ease-out forwards}.fw-press{transform:scale(.965)!important}.fw-page-enter{animation:fwRise .34s var(--fw-motion) both}.fw-working{position:fixed;inset:0;z-index:10020;background:rgba(3,18,33,.38);backdrop-filter:blur(3px);display:grid;place-items:center}.fw-working-box{min-width:150px;padding:20px;border-radius:20px;background:#fff;text-align:center;color:#213a54;font-size:10px;font-weight:800;box-shadow:0 24px 60px rgba(0,0,0,.25)}.fw-loader-wheel{width:46px;height:46px;border:9px solid #10283f;border-top-color:var(--fw-red);border-radius:50%;margin:0 auto 11px;box-shadow:inset 0 0 0 3px var(--fw-amber);animation:fwSpin .65s linear infinite}.fw-success-toast{position:fixed;left:50%;bottom:92px;z-index:10030;display:flex;align-items:center;gap:10px;max-width:min(360px,calc(100vw - 24px));padding:10px 14px 10px 9px;border-radius:17px;background:#092f29;color:#fff;box-shadow:0 18px 45px rgba(0,0,0,.3);animation:fwToast .3s var(--fw-spring) both}.fw-success-wheel{width:36px;height:36px;border:7px solid #16463e;border-radius:50%;box-shadow:inset 0 0 0 3px #2bd18a;position:relative}.fw-success-wheel:after{content:"✓";position:absolute;inset:-7px;display:grid;place-items:center;font-size:18px;font-weight:1000;animation:fwTick .35s .08s var(--fw-spring) both}.fw-success-toast b,.fw-success-toast small{display:block}.fw-success-toast b{font-size:10px}.fw-success-toast small{font-size:8px;color:#bfe4dc;margin-top:2px}
.fw-road{display:none}.fw-road-track{position:relative;height:4px;background:#dce6f0;border-radius:99px;margin:16px 17px 8px}.fw-road-fill{position:absolute;left:0;top:0;bottom:0;width:calc((var(--fw-step,1) - 1)*33.333%);background:linear-gradient(90deg,var(--fw-red),var(--fw-electric));border-radius:inherit;transition:width .35s var(--fw-motion)}.fw-road-wheel{position:absolute;left:calc((var(--fw-step,1) - 1)*33.333%);top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border:5px solid #0c243c;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px var(--fw-red);transition:left .35s var(--fw-spring)}.fw-road-labels{display:grid;grid-template-columns:repeat(4,1fr);font-size:7px;color:#718398;text-align:center;font-weight:800}.fw-road-labels span.active{color:var(--fw-red)}
@media(max-width:760px){body.fw-signature{background:#f3f6fa;padding-bottom:78px}body.fw-signature>header{height:auto;min-height:72px;padding:calc(env(safe-area-inset-top) + 9px) 14px 9px;background:linear-gradient(145deg,#061727,#0e2c49);z-index:90;box-shadow:0 7px 22px rgba(7,25,43,.16)}body.fw-signature>header:after{content:"";position:absolute;right:-26px;bottom:0;width:145px;height:28px;opacity:.12;background:repeating-linear-gradient(120deg,transparent 0 15px,#fff 15px 20px,transparent 20px 30px);animation:fwTread 8s linear infinite}body.fw-signature>header .brand{font-size:19px;font-style:italic;letter-spacing:-.8px}body.fw-signature>header .brand span{color:var(--fw-red)}body.fw-signature>header>div:nth-child(2){position:relative;z-index:1}body.fw-signature>header>a:last-child{position:relative;z-index:1;padding:7px 9px;border:1px solid rgba(255,255,255,.15);border-radius:9px;font-size:8px}.app-nav{display:none!important}body.fw-signature main{padding:12px 10px 94px;max-width:520px}.fw-classic-hero{margin:2px 2px 10px}.fw-classic-hero h1{font-size:18px}.fw-classic-hero p{font-size:9px}.fw-sales-stage{border-radius:22px;padding:14px 12px}.fw-stage-grid{grid-template-columns:1fr;gap:12px}.fw-wheel-shell{width:178px;height:178px;border-width:15px}.fw-pay-grid{grid-template-columns:repeat(4,1fr);gap:5px}.fw-pay-card{min-height:66px;padding:8px 5px;border-radius:11px;text-align:center}.fw-pay-card span{font-size:7px}.fw-pay-card b{font-size:11px}.fw-pay-card small{font-size:6px}.fw-pulse-grid{grid-template-columns:repeat(4,1fr);gap:5px}.fw-pulse-card{padding:9px 6px;text-align:center;border-radius:12px}.fw-pulse-card b{font-size:14px}.fw-business-metrics{grid-template-columns:repeat(2,1fr)}.fw-business-metrics>div{border-radius:14px;padding:11px}.quick-grid.eight{grid-template-columns:repeat(2,1fr)!important;gap:7px}.quick-grid.eight a{padding:11px;border-radius:14px}.quick-grid.eight span{font-size:20px}.panel,.warning,.metrics>div{border-radius:14px}
.fw-mobile-bottom{position:fixed;display:grid;grid-template-columns:1fr 1fr 64px 1fr 1fr;align-items:end;left:8px;right:8px;bottom:calc(env(safe-area-inset-bottom) + 7px);z-index:10000;height:64px;padding:7px 6px 5px;border-radius:21px;background:rgba(6,24,41,.97);box-shadow:0 18px 48px rgba(3,17,30,.34);backdrop-filter:blur(14px)}.fw-mobile-bottom a,.fw-mobile-bottom button{position:relative;display:grid;place-items:center;gap:1px;margin:0;padding:3px 0;background:none;border:0;color:#aab9c8;font-size:16px;overflow:visible}.fw-mobile-bottom b{font-size:7px}.fw-mobile-bottom a.active{color:#fff}.fw-mobile-bottom a.active:after{content:"";position:absolute;bottom:-4px;width:22px;height:3px;border-radius:99px;background:repeating-linear-gradient(90deg,var(--fw-red) 0 5px,transparent 5px 7px);box-shadow:0 0 10px rgba(239,48,56,.55)}.fw-fab{align-self:start!important;width:54px!important;height:54px!important;margin:-25px auto 0!important;border-radius:50%!important;background:linear-gradient(145deg,#ff3942,#d91f29)!important;color:#fff!important;font-size:30px!important;line-height:1!important;box-shadow:0 11px 24px rgba(226,37,47,.4);transition:transform .25s var(--fw-spring)!important}.fw-fab.open{transform:rotate(45deg)}.fw-action-overlay{position:fixed;display:block;inset:0;z-index:9990;background:rgba(3,17,31,.58);backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:.22s}.fw-action-overlay.open{opacity:1;visibility:visible}.fw-action-ring{position:absolute;left:50%;bottom:92px;width:min(340px,92vw);height:290px;transform:translateX(-50%) scale(.88);transform-origin:50% 100%;transition:transform .28s var(--fw-spring);pointer-events:none}.fw-action-overlay.open .fw-action-ring{transform:translateX(-50%) scale(1);pointer-events:auto}.fw-action-title{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:190px;text-align:center;color:#d6e2ed;font-size:8px}.fw-action-item{position:absolute;width:82px;display:grid;justify-items:center;gap:5px;color:#fff;text-align:center}.fw-action-item i{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;font-style:normal;font-size:20px;background:linear-gradient(145deg,#173c5e,#0a2035);border:1px solid rgba(255,255,255,.16);box-shadow:0 8px 20px rgba(0,0,0,.22)}.fw-action-item b{font-size:8px}.fw-action-item:nth-of-type(1){left:50%;top:0;transform:translateX(-50%)}.fw-action-item:nth-of-type(2){left:7%;top:62px}.fw-action-item:nth-of-type(3){right:7%;top:62px}.fw-action-item:nth-of-type(4){left:18%;top:154px}.fw-action-item:nth-of-type(5){right:18%;top:154px}.fw-more-sheet{position:absolute;left:10px;right:10px;bottom:82px;max-height:70vh;overflow:auto;background:#fff;border-radius:20px;padding:8px;box-shadow:0 22px 60px rgba(0,0,0,.3);transform:translateY(20px);transition:.24s var(--fw-motion)}.fw-action-overlay.open .fw-more-sheet{transform:none}.fw-more-sheet a{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid #edf1f5;font-size:10px;font-weight:800;color:#294058}.fw-more-sheet a:last-child{border-bottom:0}.fw-road{display:block;position:sticky;top:72px;z-index:70;background:rgba(244,247,251,.96);backdrop-filter:blur(8px);padding:5px 5px 9px;margin:-4px -2px 10px}.fw-pull{position:fixed;display:flex;align-items:center;gap:7px;left:50%;top:calc(env(safe-area-inset-top) + 6px);z-index:10040;transform:translate(-50%,-60px);transition:transform .18s var(--fw-motion);padding:7px 10px;border-radius:999px;background:#fff;color:#42566e;box-shadow:0 8px 25px rgba(0,0,0,.16);font-size:8px;font-weight:800;pointer-events:none}.fw-pull.show{transform:translate(-50%,0)}.fw-pull-wheel{width:24px;height:24px;border:5px solid #10283f;border-top-color:var(--fw-red);border-radius:50%;transition:transform .2s}.fw-pull.ready .fw-pull-wheel{transform:rotate(180deg)}
}
@media(min-width:761px){.fw-sales-stage{max-width:1050px}.fw-pulse-grid{max-width:1050px}.fw-mobile-bottom,.fw-action-overlay{display:none!important}}
@media print{.fw-mobile-bottom,.fw-action-overlay,.fw-road,.fw-pull,.fw-working,.fw-success-toast{display:none!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.fw-wheel-shell,.fw-loader-wheel{animation:none!important}}
/* V1.71 right-edge scroll road */
@keyframes fwRoadDash{to{background-position:center 34px}}@keyframes fwCarIdle{0%,100%{margin-left:0}50%{margin-left:1px}}@keyframes fwTailGlow{0%,100%{opacity:.35}50%{opacity:.8}}
@media(max-width:760px){body.fw-signature main{padding-right:29px}.fw-scroll-road{position:fixed;display:block;right:3px;top:calc(env(safe-area-inset-top) + 78px);bottom:calc(env(safe-area-inset-bottom) + 82px);width:20px;z-index:86;pointer-events:none;opacity:.92}.fw-scroll-road-track{position:absolute;inset:0;border-radius:12px;background:linear-gradient(90deg,#071522 0 16%,#23384b 16% 84%,#071522 84% 100%);box-shadow:0 3px 14px rgba(5,18,31,.22),inset 1px 0 rgba(255,255,255,.06),inset -1px 0 rgba(255,255,255,.06);overflow:hidden}.fw-scroll-road-track:before{content:"";position:absolute;left:50%;top:-40px;bottom:-40px;width:2px;transform:translateX(-50%);background:repeating-linear-gradient(to bottom,rgba(255,255,255,.85) 0 9px,transparent 9px 18px);background-position:center var(--fw-road-offset,0px);filter:drop-shadow(0 0 2px rgba(255,255,255,.18))}.fw-scroll-road-track:after{content:"";position:absolute;left:2px;right:2px;top:0;height:var(--fw-road-fill,2%);border-radius:99px;background:linear-gradient(180deg,rgba(239,48,56,.15),var(--fw-red));box-shadow:0 0 9px rgba(239,48,56,.45);opacity:.42}.fw-road-car{position:absolute;left:50%;top:0;width:26px;height:46px;transform:translate(-50%,var(--fw-car-y,0px));will-change:transform;filter:drop-shadow(0 5px 6px rgba(0,0,0,.35));transition:filter .16s ease}.fw-road-car svg{display:block;width:100%;height:100%}.fw-road-car.moving{filter:drop-shadow(0 7px 7px rgba(0,0,0,.4)) drop-shadow(0 0 5px rgba(239,48,56,.18));animation:fwCarIdle .16s linear infinite}.fw-road-car:after{content:"";position:absolute;left:8px;right:8px;bottom:-4px;height:6px;border-radius:50%;background:rgba(239,48,56,.55);filter:blur(4px);opacity:0}.fw-road-car.moving:after{animation:fwTailGlow .35s ease infinite}.fw-road-marker{position:absolute;left:-3px;width:26px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,181,28,.55),transparent);opacity:.45}.fw-road-marker.m1{top:25%}.fw-road-marker.m2{top:50%}.fw-road-marker.m3{top:75%}}
@media(min-width:761px){.fw-scroll-road{display:none!important}}
@media print{.fw-scroll-road{display:none!important}}
@media(prefers-reduced-motion:reduce){.fw-scroll-road{display:none!important}}

/* V1.72 strict mobile fit */
html,body{max-width:100%;overflow-x:hidden}
@media(max-width:760px){
body.fw-signature{width:100%;max-width:100vw;overflow-x:hidden}
body.fw-signature>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;width:100%;max-width:100vw;gap:8px;padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));overflow:hidden}
body.fw-signature>header .brand{flex:none;min-width:0;font-size:16px;line-height:1;white-space:nowrap;letter-spacing:-.9px}
body.fw-signature>header>div:nth-child(2){min-width:0;overflow:hidden}
body.fw-signature>header>div:nth-child(2) b,body.fw-signature>header>div:nth-child(2) small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.fw-signature>header>a:last-child{white-space:nowrap;padding:6px 7px;font-size:7px}
body.fw-signature main{box-sizing:border-box;width:100%;max-width:100%;margin:0;padding:10px 10px 94px}
body.fw-signature main>*{min-width:0;max-width:100%;box-sizing:border-box}
.fw-sales-stage,.fw-pulse-grid,.fw-business-metrics,.quick-grid,.panel,.warning,.hero{width:100%;max-width:100%;min-width:0}
.fw-stage-head{gap:6px}.fw-stage-head>div{min-width:0}.fw-stage-head b,.fw-stage-head span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fw-stage-head>span:last-child{flex:0 0 auto}
.fw-pay-grid{width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.fw-pay-card{min-width:0;padding:7px 3px}.fw-pay-card b{font-size:10px;white-space:nowrap}.fw-pay-card span,.fw-pay-card small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fw-pulse-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.fw-pulse-card{min-width:0;padding:8px 3px}.fw-pulse-card b{font-size:13px}.fw-pulse-card span,.fw-pulse-card small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fw-business-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.fw-business-metrics>div{min-width:0;padding:10px}.fw-business-metrics b{font-size:16px}
.quick-grid.eight{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%;gap:7px}.quick-grid.eight a{min-width:0;overflow:hidden}.quick-grid.eight b,.quick-grid.eight small{overflow:hidden;text-overflow:ellipsis}.quick-grid.eight small{white-space:nowrap}
.branch,.links>div{min-width:0}.branch>div,.links>div>div{min-width:0}.branch b,.branch small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.form-grid,.report-filter,.order-line,.purchase-line,.customer-search{max-width:100%;min-width:0}.form-grid>*{min-width:0}input,select,textarea,button{min-width:0;max-width:100%}
.responsive-table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.fw-mobile-bottom{left:max(6px,env(safe-area-inset-left));right:max(6px,env(safe-area-inset-right));width:auto;max-width:calc(100vw - 12px);grid-template-columns:minmax(0,1fr) minmax(0,1fr) 56px minmax(0,1fr) minmax(0,1fr)}
.fw-scroll-road{right:0;width:12px;opacity:.84;z-index:84}.fw-scroll-road-track{border-radius:7px}.fw-road-car{width:20px;height:36px}.fw-road-marker{left:-2px;width:16px}
}
@media(max-width:370px){body.fw-signature>header .brand{font-size:14px}.fw-wheel-shell{width:162px;height:162px}.fw-wheel-core strong{font-size:23px}.fw-pay-card b{font-size:9px}.fw-pulse-card span{font-size:6.5px}.fw-pulse-card b{font-size:12px}.quick-grid.eight a{padding:10px 8px}}

/* V1.73 integrated right-side road lane */
@media(max-width:760px){
body.fw-signature[data-fw-page="dashboard"] main{width:calc(100% - 62px);max-width:calc(100% - 62px);margin:0 62px 0 0;padding:10px 8px 94px 10px}
body.fw-signature[data-fw-page="dashboard"] .fw-scroll-road{display:block;right:5px;top:calc(env(safe-area-inset-top) + 82px);bottom:calc(env(safe-area-inset-bottom) + 82px);width:50px;opacity:1;z-index:84}
body.fw-signature[data-fw-page="dashboard"] .fw-scroll-road:before{content:"";position:absolute;inset:-3px;border-radius:20px;background:linear-gradient(180deg,#dfe7ef,#cbd6e0);box-shadow:0 9px 28px rgba(7,26,45,.2),inset 0 0 0 1px rgba(255,255,255,.75)}
body.fw-signature[data-fw-page="dashboard"] .fw-scroll-road-track{inset:2px 6px;border-radius:15px;background:linear-gradient(90deg,#07121d 0 10%,#263746 10% 90%,#07121d 90% 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 7px 0 10px rgba(0,0,0,.2),inset -7px 0 10px rgba(0,0,0,.2),0 0 0 2px #f4f7fa}
body.fw-signature[data-fw-page="dashboard"] .fw-scroll-road-track:before{width:3px;top:-60px;bottom:-60px;background:repeating-linear-gradient(to bottom,#fff 0 12px,transparent 12px 26px);filter:drop-shadow(0 0 2px rgba(255,255,255,.32))}
body.fw-signature[data-fw-page="dashboard"] .fw-scroll-road-track:after{left:3px;right:auto;width:2px;height:var(--fw-road-fill,2%);background:linear-gradient(180deg,rgba(239,48,56,.12),var(--fw-red));opacity:.88;box-shadow:0 0 9px rgba(239,48,56,.7)}
body.fw-signature[data-fw-page="dashboard"] .fw-road-car{width:38px;height:68px;left:50%;z-index:4;filter:drop-shadow(0 7px 8px rgba(0,0,0,.42));transform:translate(-50%,var(--fw-car-y,0px))}
body.fw-signature[data-fw-page="dashboard"] .fw-road-car.moving{filter:drop-shadow(0 9px 9px rgba(0,0,0,.45)) drop-shadow(0 0 8px rgba(239,48,56,.28))}
body.fw-signature[data-fw-page="dashboard"] .fw-road-car:after{left:11px;right:11px;bottom:-5px;height:9px}
body.fw-signature[data-fw-page="dashboard"] .fw-road-marker{left:2px;width:34px;height:20px;background:none;opacity:1}
body.fw-signature[data-fw-page="dashboard"] .fw-road-marker:before{content:"";position:absolute;left:-5px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--fw-amber);box-shadow:0 0 8px rgba(255,181,28,.7)}
body.fw-signature[data-fw-page="dashboard"] .fw-road-marker:after{position:absolute;left:-30px;top:2px;width:24px;padding:2px 1px;border-radius:6px;background:#0c263f;color:#fff;font-size:5px;font-weight:900;letter-spacing:.05em;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,.18)}
body.fw-signature[data-fw-page="dashboard"] .fw-road-marker.m1:after{content:"SALE"}body.fw-signature[data-fw-page="dashboard"] .fw-road-marker.m2:after{content:"STOCK"}body.fw-signature[data-fw-page="dashboard"] .fw-road-marker.m3:after{content:"SERVICE"}
body.fw-signature[data-fw-page="dashboard"] .fw-stage-grid{gap:9px}
body.fw-signature[data-fw-page="dashboard"] .fw-wheel-shell{width:166px;height:166px;border-width:14px}
body.fw-signature[data-fw-page="dashboard"] .fw-wheel-core strong{font-size:23px}
body.fw-signature[data-fw-page="dashboard"] .fw-pay-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
body.fw-signature[data-fw-page="dashboard"] .fw-pay-card{min-height:58px;padding:7px 6px}
body.fw-signature[data-fw-page="dashboard"] .fw-pay-card b{font-size:11px}
body.fw-signature[data-fw-page="dashboard"] .fw-pulse-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
body.fw-signature[data-fw-page="dashboard"] .fw-pulse-card{padding:9px 7px;text-align:left}
body.fw-signature[data-fw-page="dashboard"] .fw-business-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
body.fw-signature[data-fw-page="dashboard"] .quick-grid.eight{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px}
body.fw-signature[data-fw-page="dashboard"] .quick-grid.eight .order-quick{grid-column:1/-1;min-height:72px;background:linear-gradient(135deg,#ef3038,#bd1721)!important;border:0!important;color:#fff;box-shadow:0 10px 24px rgba(224,39,49,.23);grid-template-columns:42px 1fr;align-items:center}
body.fw-signature[data-fw-page="dashboard"] .quick-grid.eight .order-quick span{grid-row:1/3;font-size:32px;color:#fff}
body.fw-signature[data-fw-page="dashboard"] .quick-grid.eight .order-quick b{font-size:14px;color:#fff}
body.fw-signature[data-fw-page="dashboard"] .quick-grid.eight .order-quick small{font-size:8px;color:#ffe3e5}
body.fw-signature[data-fw-page="dashboard"] .quick-grid.eight .fw-search-action{border-color:#d8e8fa;background:linear-gradient(145deg,#f8fbff,#edf6ff)}
body.fw-signature[data-fw-page="dashboard"] .panel{padding:11px}
}
@media(max-width:370px){
body.fw-signature[data-fw-page="dashboard"] main{width:calc(100% - 56px);max-width:calc(100% - 56px);margin-right:56px}
body.fw-signature[data-fw-page="dashboard"] .fw-scroll-road{width:45px;right:4px}
body.fw-signature[data-fw-page="dashboard"] .fw-road-car{width:34px;height:61px}
body.fw-signature[data-fw-page="dashboard"] .fw-wheel-shell{width:154px;height:154px}
}

/* V1.74 road milestones + service shortcut */
@media(max-width:760px){
body.fw-signature[data-fw-page="dashboard"] .fw-road-marker:after{left:auto;right:1px;top:3px;width:13px;height:13px;padding:0;border-radius:50%;display:grid;place-items:center;background:#0b2339;border:1px solid rgba(255,255,255,.2);color:#ffca4d;font-size:6px;font-weight:1000;line-height:1;box-shadow:0 3px 8px rgba(0,0,0,.28)}
body.fw-signature[data-fw-page="dashboard"] .fw-road-marker.m1:after{content:"₹"}body.fw-signature[data-fw-page="dashboard"] .fw-road-marker.m2:after{content:"▦"}body.fw-signature[data-fw-page="dashboard"] .fw-road-marker.m3:after{content:"⚙"}
body.fw-signature[data-fw-page="dashboard"] .fw-service-action{border-color:#d9e8f5;background:linear-gradient(145deg,#f7fbff,#edf5fb)}
body.fw-signature[data-fw-page="dashboard"] .fw-service-action span{color:#17a965}
}


/* V1.75 cumulative Service module */
.service-queue{display:grid;gap:8px}.service-queue-row{display:grid;grid-template-columns:1.5fr 1fr 1fr .7fr;gap:10px;align-items:center;padding:12px;border:1px solid rgba(15,23,42,.10);border-radius:14px;background:#fff;color:inherit;text-decoration:none}.service-queue-row>div{display:grid;gap:2px}.service-queue-row small{opacity:.68}.service-queue-row.high{border-left:4px solid #f59e0b}.service-queue-row.urgent,.service-queue-row.overdue{border-left:4px solid #ef4444}.service-reconcile{display:grid;gap:7px}.service-blocker,.service-warning{padding:9px 11px;border-radius:10px;background:rgba(239,68,68,.08)}.service-warning{background:rgba(245,158,11,.10)}.service-reading-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0 16px}.service-reading-grid label{display:grid;gap:5px;font-size:12px}.delivery-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 14px}.delivery-checks label{padding:9px;border:1px solid rgba(15,23,42,.10);border-radius:10px}.service-timeline{display:grid;gap:10px}.service-timeline>div{display:grid;grid-template-columns:14px 1fr;gap:8px}.service-timeline>div>span{width:10px;height:10px;border-radius:50%;background:currentColor;margin-top:6px}.service-timeline section{border-left:1px solid rgba(15,23,42,.12);padding-left:12px}.service-timeline p{margin:3px 0}.service-order-link{display:flex;align-items:center;justify-content:space-between;gap:12px}.rework-card,.followup-row{padding:10px 0;border-bottom:1px solid rgba(15,23,42,.08)}.danger-zone{border-color:rgba(239,68,68,.25)}
@media(max-width:760px){.service-queue-row{grid-template-columns:1fr 1fr}.service-reading-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.delivery-checks{grid-template-columns:1fr}.service-order-link{align-items:flex-start;flex-direction:column}.service-close-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Shared active-shop header and sale tyre search */
body.fw-signature>header.fw-store-header{display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:50;min-height:82px;padding:calc(env(safe-area-inset-top) + 12px) 14px 12px;background:linear-gradient(145deg,#061727,#0e3552)}
.fw-store-identity{display:flex;align-items:center;gap:9px;min-width:0;flex:1;color:#fff;text-decoration:none}
.fw-store-avatar{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:#eef6fa;color:#0a2c46;font-weight:900}
.fw-store-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:850}
.fw-shop-switch{position:relative;flex:none;max-width:140px}
.fw-shop-switch summary{list-style:none;cursor:pointer;border:1px solid #ffffff55;background:#ffffff19;color:white;padding:10px;border-radius:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:750}
.fw-shop-switch summary::-webkit-details-marker{display:none}
.fw-shop-options{position:absolute;right:0;top:calc(100% + 8px);width:min(290px,85vw);max-height:65vh;overflow:auto;border-radius:16px;background:#fff;color:#18334a;padding:12px;box-shadow:0 14px 40px #0005}
.fw-shop-options>b{display:block;padding:5px 8px}
.fw-shop-options form{margin:5px 0}.fw-shop-options button{width:100%;text-align:left;border:0;border-radius:10px;background:#f2f6fa;color:#1d4055;padding:12px;font-weight:750}
.fw-header-logout{color:#d1e1eb;font-size:11px;white-space:nowrap}
.fw-tyre-search{margin:14px 0;padding:12px;border-radius:15px;background:#f4f8fb;border:1px solid #d9e6ed}
.fw-tyre-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:#e5edf2;border-radius:12px;padding:4px}
.fw-tyre-tabs button{border:0;border-radius:9px;padding:11px 3px;color:#4f6979;background:transparent;font-weight:800}
.fw-tyre-tabs button.active{color:#fff;background:#0d3855}
.fw-search-panel{padding:12px 2px}.fw-search-panel p{font-size:12px;margin:0 0 8px}
.fw-size-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.fw-size-inputs select{width:100%}
#fw-car-sizes{display:flex;flex-wrap:wrap;gap:7px;font-size:12px}#fw-car-sizes button{border:1px solid #bed4dd;background:white;border-radius:9px;padding:8px;color:#21495b}#fw-car-sizes button.active{background:#ffe9a7}
#fw-match-count{display:block;color:#587382;margin-top:7px}
@media(max-width:760px){body.fw-signature>header.fw-store-header{min-height:88px}.fw-store-name{font-size:14px}.fw-shop-switch{max-width:108px}.fw-header-logout{font-size:10px}}

/* Invoice creation */
#fw-customer-search{width:100%;margin:7px 0 4px}
#fw-customer-results{display:grid;gap:4px;margin:0 0 10px}
#fw-customer-results:not(:empty){padding:7px;border:1px solid #dce7ed;border-radius:11px;background:#fff}
#fw-customer-results button{border:0;border-radius:8px;background:#f0f6fa;color:#14364d;padding:10px;text-align:left;font-weight:700}
#fw-manual-car{margin-top:13px;padding:12px;border:1px solid #cddfe8;border-radius:12px;background:#f8fbfd}
#fw-manual-car summary{cursor:pointer;font-weight:800;color:#153d57}
#fw-manual-car .fw-size-inputs{margin:12px 0}
#fw-manual-car label,.fw-size-inputs label{display:grid;gap:5px}
#fw-manual-car select,#fw-manual-car input{width:100%}
.fw-category-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:13px}
.fw-category-cards button{display:grid;justify-items:start;gap:4px;min-height:85px;padding:12px;border:1px solid #d8e5eb;border-radius:14px;background:#f8fbfd;color:#224358;cursor:pointer;text-align:left;font-size:20px}
.fw-category-cards button b{font-size:14px}.fw-category-cards button small{font-size:11px}
.fw-category-cards button.active{border-color:#164f70;background:#e6f4fb;box-shadow:0 0 0 2px #72b8d044}
.fw-customer-dialog{width:min(480px,calc(100vw - 24px));max-height:90vh;overflow:auto;border:0;border-radius:19px;padding:22px;box-shadow:0 24px 80px #051b2c88}
.fw-customer-dialog::backdrop{background:#071e32aa}
.fw-dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}
.fw-dialog-head h2{margin:0}.fw-dialog-head button{border:0;border-radius:9px;background:#edf3f7;padding:9px 13px;cursor:pointer}
#fw-quick-customer{display:grid;gap:11px}#fw-quick-customer label{display:grid;gap:5px;font-weight:700}
#fw-quick-customer input{width:100%}#fw-quick-customer>button{background:#0e435f;color:white;border:0;border-radius:10px;padding:13px;font-weight:800;cursor:pointer}
#fw-customer-error{margin:0;color:#bc2635}
@media(max-width:760px){.fw-category-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.fw-size-inputs{grid-template-columns:repeat(3,minmax(0,1fr))}.fw-customer-dialog{padding:17px}}

/* Car details live in the single By Car tyre panel. */
.fw-search-panel[data-panel="car"] #fw-manual-car{margin-top:12px}

.fw-add-line{display:inline-flex;align-items:center;margin:12px 0 4px;padding:10px 14px;border:1px solid #b8d2df;border-radius:10px;background:#edf7fb;color:#114361;font-weight:800;cursor:pointer}

.fw-service-trigger{display:block;width:100%;margin:12px 0;padding:15px;border:1px dashed #78abc4;border-radius:13px;background:#eff8fc;color:#114360;font-weight:850;text-align:left;cursor:pointer}#fw-service-section[hidden],#fw-show-service[hidden]{display:none!important}

#fw-customer-results .fw-register-customer{background:#e2f4fa;color:#0b4864;border:1px solid #9ac7d8}

.fw-hidden-customer-select{display:none}
#fw-selected-customer{margin:9px 0;color:#0d455d;font-weight:800}
.fw-manual-customer-trigger{border:0;background:transparent;color:#0c5775;font-weight:800;text-decoration:underline;padding:8px 0;cursor:pointer}
#fw-manual-customer-wrap{display:grid;gap:6px;margin:8px 0 15px}
#fw-manual-customer-wrap[hidden],#fw-saved-vehicle-wrap[hidden]{display:none!important}
#fw-manual-customer-name{width:100%}

.order-line .fw-line-discount{grid-column:1/-1;display:flex;align-items:center;gap:7px;padding:3px 0 8px}
.fw-line-discount label{font-size:11px;font-weight:750;white-space:nowrap;color:#47647a}
.order-line .fw-line-discount select{width:118px;flex:none}
.order-line .fw-line-discount input{width:110px;flex:none}
.invoice-lines td small{display:block;margin-top:4px;color:#4c7186;font-size:9px}
@media(max-width:620px){.order-line .fw-line-discount select{width:102px}.order-line .fw-line-discount input{width:88px}}

.fw-tyre-identifiers{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px;border:1px solid #c9dfe9;border-radius:10px;background:#f3f9fc}
.fw-tyre-identifiers[hidden],#fw-due-date-wrap[hidden]{display:none!important}
.fw-tyre-identifiers strong{grid-column:1/-1;font-size:11px;color:#194b64}
.fw-tyre-identifiers label{display:grid;gap:4px;font-size:10px;font-weight:750;color:#476477}
.fw-tyre-identifiers input{width:100%;text-transform:uppercase}
@media(max-width:620px){.fw-tyre-identifiers{grid-template-columns:1fr}}

body.fw-signature[data-fw-page="order_new"] .fw-mobile-bottom,
body.fw-signature[data-fw-page="order_new"] .fw-action-overlay{display:none!important}
.fw-live-total{display:grid;gap:5px;margin:12px 0 17px;padding:14px;border:1px solid #bdd8e8;border-radius:13px;background:#eff8fc;color:#25495d}
.fw-live-total>div{display:flex;justify-content:space-between;gap:12px;font-size:12px}
.fw-live-total .fw-live-grand{border-top:1px solid #bcd2dc;margin-top:5px;padding-top:10px;font-size:17px;font-weight:900;color:#0d3a57}

.fw-tyre-tabs[hidden]{display:none!important}

.fw-review-dialog{width:min(560px,calc(100vw - 20px));max-height:min(88vh,800px);overflow:auto;border:0;border-radius:20px;padding:20px;background:#fff;color:#18384c;box-shadow:0 25px 80px #06182a88}
.fw-review-dialog::backdrop{background:#061727aa}
.fw-review-head{display:flex;justify-content:space-between;align-items:start;gap:12px;border-bottom:1px solid #dce6ec;padding-bottom:12px}
.fw-review-head small{font-size:10px;letter-spacing:.14em;font-weight:900;color:#13779d}
.fw-review-head h2{margin:4px 0 0;font-size:20px}
.fw-review-head button{border:0;background:#eef4f7;border-radius:9px;width:32px;height:32px;font-size:20px;color:#315368;cursor:pointer}
#fw-review-content h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#53758a;margin:17px 0 5px}
.fw-review-line{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf2f5;font-size:13px}
.fw-review-line div{min-width:0}
.fw-review-line b,.fw-review-line small{display:block}
.fw-review-line small{color:#647e8e;margin-top:3px;font-size:11px}
.fw-review-line strong{white-space:nowrap}
.fw-review-actions{position:sticky;bottom:-20px;display:flex;gap:8px;padding:14px 0 0;background:white}
.fw-review-actions button{flex:1;border-radius:10px;padding:12px 14px;cursor:pointer;font-weight:800}
#fw-confirm-invoice{background:#0c6f94;color:white;border:1px solid #0c6f94}
.fw-review-error{color:#a62626;font-size:12px;font-weight:700;margin:8px 0}
.fw-review-error[hidden]{display:none!important}
@media(max-width:600px){.fw-review-actions{flex-direction:column-reverse}.fw-review-dialog{padding:16px}.fw-review-actions{bottom:-16px}}

#fw-payment-reference[hidden]{display:none!important}
.fw-sticky-review{display:none}
body.fw-signature[data-fw-page="order_new"]{padding-bottom:90px}
@media(max-width:760px){
 body.fw-signature[data-fw-page="order_new"] main{padding-bottom:120px}
 .fw-sticky-review{position:fixed;bottom:0;left:0;right:0;z-index:80;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px max(14px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:#fff;border-top:1px solid #d6e4eb;box-shadow:0 -8px 28px #102b431c}
 .fw-sticky-review div{display:grid;gap:2px;min-width:0}
 .fw-sticky-review small{font-size:9px;font-weight:850;letter-spacing:.08em;color:#678090}
 .fw-sticky-review strong{font-size:19px;color:#0d3a57}
 .fw-sticky-review button{border:0;border-radius:12px;background:#0c6f94;color:#fff;padding:13px 17px;font-weight:850;white-space:nowrap;box-shadow:0 5px 12px #0c6f9433}
 body:has(.fw-review-dialog[open]) .fw-sticky-review{display:none}
}

@media(max-width:620px){
 .fw-search-panel[data-panel="car"] #fw-manual-car .fw-size-inputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .fw-search-panel[data-panel="car"] #fw-manual-car .fw-size-inputs label:nth-child(3){grid-column:1/-1}
 .fw-search-panel[data-panel="car"] #fw-manual-car select,.fw-search-panel[data-panel="car"] #fw-manual-car input{min-height:46px;font-size:15px}
 .fw-search-panel[data-panel="car"] #fw-manual-car summary{font-size:13px;line-height:1.35}
}

/* Invoice workspace palette */
body.fw-signature[data-fw-page="order_new"]{--inv-ink:#17384d;--inv-muted:#657e8e;--inv-teal:#087b9d;--inv-line:#dce8ee;background:#f1f6f8;color:var(--inv-ink)}
body.fw-signature[data-fw-page="order_new"] main{max-width:1020px}
body.fw-signature[data-fw-page="order_new"] .customer-hero{border:0;border-radius:20px;background:linear-gradient(125deg,#0b2d45 0%,#0e5571 65%,#087a93 100%);color:#fff;box-shadow:0 14px 32px #103e5824;padding:20px 23px;margin:7px 0 17px}
body.fw-signature[data-fw-page="order_new"] .customer-hero h1{color:#fff;font-size:clamp(23px,4vw,32px);letter-spacing:-.03em;margin:7px 0 5px}
body.fw-signature[data-fw-page="order_new"] .customer-hero p{color:#c6e9f1;margin:0}
body.fw-signature[data-fw-page="order_new"] .customer-hero .back-link{color:#d4f0f5}
body.fw-signature[data-fw-page="order_new"] #order-form{display:grid;gap:14px}
body.fw-signature[data-fw-page="order_new"] #order-form>.panel{margin:0;padding:20px 22px;border:1px solid var(--inv-line);border-radius:19px;background:#fff;box-shadow:0 7px 25px #123c5210}
body.fw-signature[data-fw-page="order_new"] #order-form>.panel:nth-of-type(1){border-top:4px solid #0b7896}
body.fw-signature[data-fw-page="order_new"] #order-form>.panel:nth-of-type(2){border-top:4px solid #efaa38}
body.fw-signature[data-fw-page="order_new"] #order-form>.panel:nth-of-type(3){border-top:4px solid #2b8f88}
body.fw-signature[data-fw-page="order_new"] #order-form>.panel:last-of-type{border-top:4px solid #294d72}
body.fw-signature[data-fw-page="order_new"] #order-form>.panel h2{font-size:19px;line-height:1.2;color:#143b54;letter-spacing:-.02em;margin:0 0 13px}
body.fw-signature[data-fw-page="order_new"] #order-form .panel-head h2{margin-bottom:3px}
body.fw-signature[data-fw-page="order_new"] #order-form .panel-head span,body.fw-signature[data-fw-page="order_new"] #order-form label{color:#536f80}
body.fw-signature[data-fw-page="order_new"] #order-form input,body.fw-signature[data-fw-page="order_new"] #order-form select,body.fw-signature[data-fw-page="order_new"] #order-form textarea{border:1px solid #cddde6;border-radius:11px;background:#fff;color:#18384c;min-height:43px}
body.fw-signature[data-fw-page="order_new"] #order-form input:focus,body.fw-signature[data-fw-page="order_new"] #order-form select:focus,body.fw-signature[data-fw-page="order_new"] #order-form textarea:focus{outline:3px solid #98dce9;outline-offset:1px;border-color:#087b9d}
body.fw-signature[data-fw-page="order_new"] #fw-customer-search{background:#f7fbfd;padding-left:14px;min-height:49px}
body.fw-signature[data-fw-page="order_new"] .fw-selected-customer{border-radius:11px;background:#f0f8fb;color:#24566c}
body.fw-signature[data-fw-page="order_new"] .fw-category-cards button{min-height:91px;background:#f7fbfd;border-color:#d9e6ec;transition:background .15s,border-color .15s,transform .15s}
body.fw-signature[data-fw-page="order_new"] .fw-category-cards button.active{background:#e6f6f8;border-color:#0b8297;box-shadow:inset 0 0 0 1px #0b8297,0 6px 18px #107a9418;color:#0b5268}
body.fw-signature[data-fw-page="order_new"] .fw-category-cards button:active{transform:scale(.98)}
body.fw-signature[data-fw-page="order_new"] .fw-tyre-search{background:#f5fafb;border-color:#d5e6eb;border-radius:16px;padding:15px}
body.fw-signature[data-fw-page="order_new"] .fw-tyre-tabs{background:#e4eff3}
body.fw-signature[data-fw-page="order_new"] .fw-tyre-tabs button.active{background:#0c5874;box-shadow:0 4px 11px #114c6429}
body.fw-signature[data-fw-page="order_new"] #fw-manual-car{background:#fff;border-color:#cddfe7}
body.fw-signature[data-fw-page="order_new"] .order-lines{border-radius:13px}
body.fw-signature[data-fw-page="order_new"] .order-line{border-color:#dfe9ee}
body.fw-signature[data-fw-page="order_new"] .fw-line-discount{background:#fbf7ee;border-radius:10px}
body.fw-signature[data-fw-page="order_new"] .fw-add-line{background:#e9f6f8;border-color:#b6dae4;color:#0c5d76}
body.fw-signature[data-fw-page="order_new"] .fw-service-trigger{background:#f2fbf8;border-color:#89c8b5;color:#176754}
body.fw-signature[data-fw-page="order_new"] .fw-live-total{background:linear-gradient(135deg,#eaf7fa,#f5fbfc);border-color:#acd9e4}
body.fw-signature[data-fw-page="order_new"] .fw-live-grand{color:#0a4c68}
body.fw-signature[data-fw-page="order_new"] .order-submit button:not(.secondary-action){background:#087a9a;border-color:#087a9a;color:white}
body.fw-signature[data-fw-page="order_new"] .fw-sticky-review{border-color:#c5dce5}
body.fw-signature[data-fw-page="order_new"] .fw-sticky-review button{background:#087a9a}
@media(max-width:760px){
 body.fw-signature[data-fw-page="order_new"] main{padding-left:12px;padding-right:12px}
 body.fw-signature[data-fw-page="order_new"] .customer-hero{padding:17px;border-radius:17px}
 body.fw-signature[data-fw-page="order_new"] #order-form{gap:11px}
 body.fw-signature[data-fw-page="order_new"] #order-form>.panel{padding:17px 15px;border-radius:16px}
 body.fw-signature[data-fw-page="order_new"] #order-form>.panel h2{font-size:18px}
 body.fw-signature[data-fw-page="order_new"] .fw-category-cards button{min-height:86px}
}
@media print{body.fw-signature[data-fw-page="order_new"] .fw-sticky-review{display:none!important}}

/* Compact counter layout for invoice creation */
body.fw-signature[data-fw-page="order_new"]{background:#f5f7f7;color:#183c4a}
body.fw-signature[data-fw-page="order_new"] .fw-road{display:none}
body.fw-signature[data-fw-page="order_new"] .customer-hero{background:transparent;color:#173d50;box-shadow:none;padding:8px 2px 12px;margin:0}
body.fw-signature[data-fw-page="order_new"] .customer-hero h1{color:#14394b;font-size:25px;margin:4px 0}
body.fw-signature[data-fw-page="order_new"] .customer-hero p{color:#66818c;font-size:12px}
body.fw-signature[data-fw-page="order_new"] .customer-hero .back-link{color:#0b7484}
body.fw-signature[data-fw-page="order_new"] #order-form{gap:10px}
body.fw-signature[data-fw-page="order_new"] #order-form>.panel{border:1px solid #e0e9e8!important;border-top:1px solid #e0e9e8!important;border-radius:18px;padding:18px;background:#fff;box-shadow:0 3px 15px #123c5210}
body.fw-signature[data-fw-page="order_new"] #order-form>.panel h2{color:#153c4c;font-size:17px;font-weight:850;margin:0 0 12px}
body.fw-signature[data-fw-page="order_new"] #order-form>.panel h2:first-letter{color:#087c82}
body.fw-signature[data-fw-page="order_new"] #order-form .panel-head span{font-size:11px;color:#72909a}
body.fw-signature[data-fw-page="order_new"] #order-form label{font-size:12px;font-weight:750;color:#496b79}
body.fw-signature[data-fw-page="order_new"] #order-form input,body.fw-signature[data-fw-page="order_new"] #order-form select,body.fw-signature[data-fw-page="order_new"] #order-form textarea{font-size:14px;min-height:46px;border-radius:12px;border-color:#d2e0e2}
body.fw-signature[data-fw-page="order_new"] #fw-customer-search{background:#f8fbfb}
body.fw-signature[data-fw-page="order_new"] .fw-selected-customer{font-size:12px;font-weight:650;background:#f1f8f7;padding:10px 12px;border-radius:10px}
body.fw-signature[data-fw-page="order_new"] #fw-selected-customer:empty{display:none}
body.fw-signature[data-fw-page="order_new"] #fw-use-manual-customer{display:inline-flex;width:auto;border:1px solid #b9d8d5;border-radius:10px;background:#eff8f6;color:#126762;padding:9px 12px;margin:8px 0 10px;font-size:12px;font-weight:800;text-decoration:none}
body.fw-signature[data-fw-page="order_new"] .fw-optional{grid-column:1/-1;border:1px solid #e0e9ea;border-radius:11px;background:#f8faf9;padding:0 12px}
body.fw-signature[data-fw-page="order_new"] .fw-optional summary{cursor:pointer;padding:12px 0;font-size:12px;font-weight:800;color:#426572}
body.fw-signature[data-fw-page="order_new"] .fw-optional[open]{padding-bottom:12px}
body.fw-signature[data-fw-page="order_new"] .fw-optional .form-grid{gap:10px}
body.fw-signature[data-fw-page="order_new"] .fw-category-cards{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:9px;margin:0 -2px;padding:2px 2px 7px;scrollbar-width:none}
body.fw-signature[data-fw-page="order_new"] .fw-category-cards::-webkit-scrollbar{display:none}
body.fw-signature[data-fw-page="order_new"] .fw-category-cards button{flex:0 0 119px;min-height:92px;border-radius:14px;background:#f8faf9;border-color:#dae7e6;padding:11px;scroll-snap-align:start;font-size:21px}
body.fw-signature[data-fw-page="order_new"] .fw-category-cards button b{font-size:14px}
body.fw-signature[data-fw-page="order_new"] .fw-category-cards button small{font-size:10px}
body.fw-signature[data-fw-page="order_new"] .fw-category-cards button.active{background:#e8f6f3;border-color:#087f79;color:#075b59;box-shadow:inset 0 0 0 1px #087f79}
body.fw-signature[data-fw-page="order_new"] .fw-tyre-search{margin:10px 0 15px;padding:10px;background:#f5f9f9;border-color:#dce9e9}
body.fw-signature[data-fw-page="order_new"] .fw-tyre-tabs{background:#e8f0f0}
body.fw-signature[data-fw-page="order_new"] .fw-tyre-tabs button{font-size:12px;min-height:43px}
body.fw-signature[data-fw-page="order_new"] .fw-tyre-tabs button.active{background:#0d6874}
body.fw-signature[data-fw-page="order_new"] #fw-manual-car{background:#fff;border:1px solid #d8e5e5;padding:10px}
body.fw-signature[data-fw-page="order_new"] #fw-manual-car summary{font-size:12px}
body.fw-signature[data-fw-page="order_new"] .fw-line-discount{background:#f9faf7;border:1px solid #edf0e8}
body.fw-signature[data-fw-page="order_new"] .fw-live-total{background:#edf8f5;border:1px solid #c8e4da;border-radius:14px}
body.fw-signature[data-fw-page="order_new"] .fw-live-total .fw-live-grand{color:#075b59;border-color:#b7d9cd}
body.fw-signature[data-fw-page="order_new"] .fw-service-trigger{background:#fff;border-color:#a9d0c7;color:#0d6865}
body.fw-signature[data-fw-page="order_new"] .fw-add-line{background:#f0f7f5;color:#0e6966;border-color:#c4dfd9}
body.fw-signature[data-fw-page="order_new"] .fw-sticky-review{background:#fff;box-shadow:0 -5px 20px #102b4320}
body.fw-signature[data-fw-page="order_new"] .fw-sticky-review strong{color:#0d5d5e}
body.fw-signature[data-fw-page="order_new"] .fw-sticky-review button,body.fw-signature[data-fw-page="order_new"] .order-submit button:not(.secondary-action){background:#087875;border-color:#087875}
body.fw-signature[data-fw-page="order_new"] .fw-review-dialog{border-top:5px solid #087875}
@media(max-width:760px){
 body.fw-signature[data-fw-page="order_new"] main{padding:9px 12px 125px}
 body.fw-signature[data-fw-page="order_new"] #order-form>.panel{padding:16px}
 body.fw-signature[data-fw-page="order_new"] .customer-hero{padding:2px 2px 10px}
 body.fw-signature[data-fw-page="order_new"] .fw-category-cards button{flex-basis:112px}
 body.fw-signature[data-fw-page="order_new"] .fw-sticky-review{padding:9px 12px calc(9px + env(safe-area-inset-bottom))}
}

#fw-match-count[hidden]{display:none!important}
body.fw-signature[data-fw-page="order_new"] .fw-category-cards .fw-cat-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#d8eeee;color:#087674;font-size:11px;font-weight:900;line-height:1}
body.fw-signature[data-fw-page="order_new"] .fw-category-cards [data-category="two"] .fw-cat-icon{background:#fcebd8;color:#a85b18}
body.fw-signature[data-fw-page="order_new"] .fw-category-cards [data-category="lcv"] .fw-cat-icon{background:#e3e9fb;color:#4b62a5}
body.fw-signature[data-fw-page="order_new"] .fw-category-cards [data-category="scv"] .fw-cat-icon{background:#f8e7ec;color:#a24c68}
body.fw-signature[data-fw-page="order_new"] .fw-category-cards button.active .fw-cat-icon{background:#087875;color:#fff}

@media(max-width:760px){
 body.fw-signature[data-fw-page="order_new"] .fw-category-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:9px;padding:0;margin:0}
 body.fw-signature[data-fw-page="order_new"] .fw-category-cards button{width:100%;min-height:78px;flex:auto;grid-template-columns:30px 1fr;grid-template-rows:auto auto;column-gap:9px;align-content:center}
 body.fw-signature[data-fw-page="order_new"] .fw-category-cards .fw-cat-icon{grid-row:1/3}
 body.fw-signature[data-fw-page="order_new"] .fw-category-cards button b,body.fw-signature[data-fw-page="order_new"] .fw-category-cards button small{grid-column:2}
}

/* Invoice readability and signature motion */
body.fw-signature[data-fw-page="order_new"] .customer-hero h1{font-size:29px;line-height:1.15}
body.fw-signature[data-fw-page="order_new"] .customer-hero p{font-size:14px;line-height:1.45}
body.fw-signature[data-fw-page="order_new"] #order-form>.panel h2{font-size:20px;line-height:1.3}
body.fw-signature[data-fw-page="order_new"] #order-form label{font-size:14px;line-height:1.4}
body.fw-signature[data-fw-page="order_new"] #order-form input,
body.fw-signature[data-fw-page="order_new"] #order-form select,
body.fw-signature[data-fw-page="order_new"] #order-form textarea{font-size:16px;min-height:48px}
body.fw-signature[data-fw-page="order_new"] #order-form input::placeholder{color:#718895;opacity:1}
body.fw-signature[data-fw-page="order_new"] .fw-selected-customer,
body.fw-signature[data-fw-page="order_new"] #fw-use-manual-customer,
body.fw-signature[data-fw-page="order_new"] .fw-optional summary,
body.fw-signature[data-fw-page="order_new"] #fw-manual-car summary{font-size:14px;line-height:1.4}
body.fw-signature[data-fw-page="order_new"] .fw-category-cards button b{font-size:16px}
body.fw-signature[data-fw-page="order_new"] .fw-category-cards button small{font-size:12px;line-height:1.25}
body.fw-signature[data-fw-page="order_new"] .fw-category-cards .fw-cat-icon{width:35px;height:35px;font-size:13px}
body.fw-signature[data-fw-page="order_new"] .fw-tyre-tabs button{font-size:15px;min-height:46px}
body.fw-signature[data-fw-page="order_new"] #order-form .panel-head span,
body.fw-signature[data-fw-page="order_new"] #fw-match-count{font-size:13px}
body.fw-signature[data-fw-page="order_new"] .order-line-head{font-size:11px}
body.fw-signature[data-fw-page="order_new"] .fw-line-discount label{font-size:13px}
body.fw-signature[data-fw-page="order_new"] .fw-add-line,
body.fw-signature[data-fw-page="order_new"] .fw-service-trigger,
body.fw-signature[data-fw-page="order_new"] .order-submit button,
body.fw-signature[data-fw-page="order_new"] .fw-sticky-review button{font-size:15px}
body.fw-signature[data-fw-page="order_new"] .fw-live-total>div{font-size:14px}
body.fw-signature[data-fw-page="order_new"] .fw-live-total .fw-live-grand{font-size:19px}
body.fw-signature[data-fw-page="order_new"] .fw-sticky-review small{font-size:11px}
body.fw-signature[data-fw-page="order_new"] .fw-sticky-review strong{font-size:21px}
body.fw-signature[data-fw-page="order_new"] #order-form>.panel{animation:fwInvoiceRise .45s both}
body.fw-signature[data-fw-page="order_new"] #order-form>.panel:nth-of-type(2){animation-delay:.05s}
body.fw-signature[data-fw-page="order_new"] #order-form>.panel:nth-of-type(3){animation-delay:.1s}
body.fw-signature[data-fw-page="order_new"] #order-form>.panel:nth-of-type(4){animation-delay:.15s}
body.fw-signature[data-fw-page="order_new"] .fw-category-cards button{transition:transform .18s ease,box-shadow .2s ease,background .2s ease}
body.fw-signature[data-fw-page="order_new"] .fw-category-cards button.active{animation:fwInvoiceSelect .32s ease-out}
body.fw-signature[data-fw-page="order_new"] .fw-tyre-tabs button{transition:background .2s ease,color .2s ease,transform .2s ease}
body.fw-signature[data-fw-page="order_new"] .fw-tyre-tabs button.active{animation:fwInvoiceSelect .3s ease-out}
body.fw-signature[data-fw-page="order_new"] .fw-sticky-review button{position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 6px 18px #08787533}
body.fw-signature[data-fw-page="order_new"] .fw-sticky-review button:active{transform:scale(.97)}
body.fw-signature[data-fw-page="order_new"] .fw-sticky-review button:after{content:"";position:absolute;inset:0 auto 0 -55%;width:35%;transform:skewX(-25deg);background:linear-gradient(90deg,transparent,#ffffff55,transparent);animation:fwInvoiceGlint 7s ease-in-out 1.5s infinite;pointer-events:none}
@keyframes fwInvoiceRise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes fwInvoiceSelect{from{transform:scale(.96)}to{transform:scale(1)}}
@keyframes fwInvoiceGlint{0%,82%,100%{left:-55%}90%{left:125%}}
@media(max-width:760px){
 body.fw-signature[data-fw-page="order_new"] .order-line select,
 body.fw-signature[data-fw-page="order_new"] .order-line input{font-size:15px;padding:9px 7px}
 body.fw-signature[data-fw-page="order_new"] .fw-category-cards button{grid-template-columns:35px 1fr;min-height:88px}
}
@media(prefers-reduced-motion:reduce){
 body.fw-signature[data-fw-page="order_new"] #order-form>.panel,
 body.fw-signature[data-fw-page="order_new"] .fw-category-cards button.active,
 body.fw-signature[data-fw-page="order_new"] .fw-tyre-tabs button.active,
 body.fw-signature[data-fw-page="order_new"] .fw-sticky-review button:after{animation:none!important}
 body.fw-signature[data-fw-page="order_new"] .fw-category-cards button,
 body.fw-signature[data-fw-page="order_new"] .fw-tyre-tabs button,
 body.fw-signature[data-fw-page="order_new"] .fw-sticky-review button{transition:none!important}
}

body.fw-signature[data-fw-page="order_new"] .fw-line-field{display:block;min-width:0}
body.fw-signature[data-fw-page="order_new"] .fw-line-field span{display:none}
body.fw-signature[data-fw-page="order_new"] .fw-line-field input{width:100%}
@media(max-width:620px){
 body.fw-signature[data-fw-page="order_new"] .order-line-head{display:none}
 body.fw-signature[data-fw-page="order_new"] .order-line{display:grid;grid-template-columns:minmax(80px,1fr) minmax(0,2fr);gap:9px}
 body.fw-signature[data-fw-page="order_new"] .order-line>select[name="product_id[]"],
 body.fw-signature[data-fw-page="order_new"] .order-line>select[name="service_id[]"]{grid-column:1/-1;width:100%}
 body.fw-signature[data-fw-page="order_new"] .fw-line-field span{display:block;margin:0 0 4px;font-size:13px;font-weight:800;color:#587582}
 body.fw-signature[data-fw-page="order_new"] .fw-line-qty{grid-column:1}
 body.fw-signature[data-fw-page="order_new"] .fw-line-rate{grid-column:2}
 body.fw-signature[data-fw-page="order_new"] .fw-line-discount,
 body.fw-signature[data-fw-page="order_new"] .fw-tyre-identifiers{grid-column:1/-1}
}

/* Scroll linked road edges on invoice screen */
body.fw-signature[data-fw-page="order_new"] .fw-invoice-edge{position:fixed;top:calc(env(safe-area-inset-top) + 78px);bottom:calc(env(safe-area-inset-bottom) + 83px);width:14px;z-index:65;pointer-events:none;opacity:.9}
body.fw-signature[data-fw-page="order_new"] .fw-invoice-edge-left{left:1px}
body.fw-signature[data-fw-page="order_new"] .fw-invoice-edge-right{right:1px}
body.fw-signature[data-fw-page="order_new"] .fw-invoice-edge-road{position:absolute;top:0;bottom:0;left:4px;width:6px;border-radius:9px;background:linear-gradient(90deg,#203b48 0 25%,#3c5360 25% 75%,#203b48 75%);box-shadow:0 0 0 1px #fff8,0 2px 6px #12354630;overflow:hidden}
body.fw-signature[data-fw-page="order_new"] .fw-invoice-edge-road:before{content:"";position:absolute;left:2px;top:-24px;bottom:-24px;width:2px;background:repeating-linear-gradient(to bottom,#e9f0ed 0 7px,transparent 7px 14px);background-position:center var(--fw-edge-dash,0px)}
body.fw-signature[data-fw-page="order_new"] .fw-invoice-edge-road:after{content:"";position:absolute;inset:0 0 auto;height:var(--fw-edge-progress,0%);background:#46b8a4;opacity:.32}
body.fw-signature[data-fw-page="order_new"] .fw-invoice-car,
body.fw-signature[data-fw-page="order_new"] .fw-invoice-bike{position:absolute;left:50%;top:0;transform:translate(-50%,var(--fw-edge-y,0px));filter:drop-shadow(0 2px 3px #10293777);will-change:transform}
body.fw-signature[data-fw-page="order_new"] .fw-invoice-car{width:19px;height:34px}
body.fw-signature[data-fw-page="order_new"] .fw-invoice-bike{width:18px;height:33px}
body.fw-signature[data-fw-page="order_new"] .fw-invoice-edge svg{display:block;width:100%;height:100%}
@media(min-width:761px){body.fw-signature[data-fw-page="order_new"] .fw-invoice-edge{display:none}}
@media(max-width:420px){body.fw-signature[data-fw-page="order_new"] main{padding-left:18px;padding-right:18px}}
@media(prefers-reduced-motion:reduce){body.fw-signature[data-fw-page="order_new"] .fw-invoice-car,body.fw-signature[data-fw-page="order_new"] .fw-invoice-bike{will-change:auto}}
@media print{body.fw-signature[data-fw-page="order_new"] .fw-invoice-edge{display:none!important}}

body.fw-signature[data-fw-page="order_new"] .fw-manual-results{display:grid;gap:7px;margin-top:10px;max-height:280px;overflow:auto}
body.fw-signature[data-fw-page="order_new"] .fw-manual-results:empty{display:none}
body.fw-signature[data-fw-page="order_new"] .fw-manual-result{display:block;width:100%;border:1px solid #d6e5e5;border-radius:11px;background:#fff;color:#1b4859;padding:11px 12px;text-align:left;font-size:14px;font-weight:750;line-height:1.35;cursor:pointer}
body.fw-signature[data-fw-page="order_new"] .fw-manual-result[aria-selected="true"]{border-color:#087875;background:#e7f6f1;box-shadow:inset 3px 0 #087875}
body.fw-signature[data-fw-page="order_new"] .fw-manual-results p{font-size:14px;color:#5d7381;margin:5px 2px}
body.fw-signature[data-fw-page="order_new"] .fw-invoice-edge-marker{position:absolute;left:2px;width:10px;height:10px;border:2px solid #f5f9f8;border-radius:50%;background:#7b929b;box-shadow:0 1px 5px #102f3c50}
body.fw-signature[data-fw-page="order_new"] .fw-invoice-edge-marker.active{background:#28b69b;box-shadow:0 0 0 2px #28b69b33,0 1px 5px #102f3c50}

body.fw-signature[data-fw-page="order_new"] #fw-category-section[hidden],
body.fw-signature[data-fw-page="order_new"] #fw-tyre-section[hidden],
body.fw-signature[data-fw-page="order_new"] #fw-open-tyres[hidden]{display:none!important}
body.fw-signature[data-fw-page="order_new"] .fw-service-add-tyres{display:block;width:100%;border:1px dashed #8ebdb5;border-radius:13px;background:#f4faf8;color:#0d6662;padding:14px 16px;font-size:15px;font-weight:850;text-align:left;cursor:pointer}
body.fw-signature[data-fw-page="order_new"] .fw-service-add-tyres:focus-visible{outline:3px solid #95d7cb;outline-offset:2px}

body.fw-signature[data-fw-page="order_new"] #fw-service-vehicle[hidden]{display:none!important}
body.fw-signature[data-fw-page="order_new"] .fw-service-vehicle{padding:14px;border:1px solid #c7e1dc;border-radius:13px;background:#f2faf7}
body.fw-signature[data-fw-page="order_new"] .fw-service-vehicle h3{font-size:16px;color:#0a625e;margin:0 0 11px}

body.fw-signature.fw-service-order .fw-payment-panel>.form-grid,
body.fw-signature.fw-service-order .fw-payment-panel .order-submit .secondary-action,
body.fw-signature.fw-service-order .fw-payment-panel>small{display:none!important}
body.fw-signature.fw-service-order .service-checkin #fw-service-section{display:block;margin:18px 0 0;padding:16px;border:1px solid #cde3df;border-radius:14px;background:#f7fbfa;box-shadow:none}
body.fw-signature.fw-service-order .service-checkin #fw-service-section h2{font-size:17px!important}
body.fw-signature.fw-service-order .fw-sticky-review small{letter-spacing:.04em}

body.fw-signature[data-fw-page="service_job"] .fw-actual-panel{border-color:#c9e1dc;background:#fbfefd}
body.fw-signature[data-fw-page="service_job"] .fw-actual-panel>p{color:#56717b;font-size:14px}
.fw-actual-grid{display:grid;gap:10px}
.fw-actual-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(110px,.7fr) minmax(110px,.7fr);align-items:end;gap:10px;padding:12px;border:1px solid #d8e8e5;border-radius:12px;background:#f5faf8}
.fw-actual-row>b{color:#164e51;font-size:15px}
.fw-actual-row label{display:grid;gap:5px;font-size:13px;font-weight:750;color:#4e6e77}
.fw-usage-confirm{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:14px;font-weight:750;color:#285d5e}
.fw-usage-confirm input{width:19px;height:19px}
@media(max-width:620px){.fw-actual-row{grid-template-columns:repeat(2,minmax(0,1fr))}.fw-actual-row>b{grid-column:1/-1}}

body.fw-signature.fw-service-order .fw-service-choices{margin:16px 0 18px;padding:18px;border:1px solid #b8d9df;border-radius:18px;background:linear-gradient(155deg,#f2fbff,#fff9ec)}
body.fw-signature.fw-service-order .fw-service-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body.fw-signature.fw-service-order .fw-service-choice{padding:13px;border:1px solid #cbdde2;border-radius:14px;background:#fff;min-width:0}
body.fw-signature.fw-service-order .fw-service-choice:has(.fw-service-toggle:checked){border-color:#08799c;box-shadow:0 3px 12px #08799c20}
body.fw-signature.fw-service-order .fw-service-choice-title{display:flex;align-items:center;gap:9px;margin:0;cursor:pointer;font-size:15px;line-height:1.3}
body.fw-signature.fw-service-order .fw-service-choice-title input{width:20px;height:20px;flex:none;accent-color:#08799c}
body.fw-signature.fw-service-order .fw-service-choice-detail{margin-top:12px}
body.fw-signature.fw-service-order .fw-wheel-positions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 0;padding:10px;border:1px solid #dbe8ea;border-radius:10px}
body.fw-signature.fw-service-order .fw-wheel-positions legend{font-size:13px;font-weight:700;color:#314957}
body.fw-signature.fw-service-order .fw-wheel-positions label{font-size:13px;display:flex;gap:5px;align-items:center}
body.fw-signature.fw-service-order .fw-wheel-positions input{accent-color:#08799c}
body.fw-signature.fw-service-order .fw-service-choice-error{color:#a42a24;font-weight:700}
@media(max-width:440px){body.fw-signature.fw-service-order .fw-service-choice-grid{grid-template-columns:1fr}}

body.fw-signature.fw-service-order .service-checkin .fw-service-choices{grid-column:1/-1;width:100%}

body.fw-signature.fw-service-order .fw-photo-checkin{grid-column:1/-1;border:1px solid #c7e1dc;border-radius:14px;padding:15px;background:#f7fcfa}
body.fw-signature.fw-service-order .fw-photo-checkin h3{margin:0 0 5px;font-size:17px}
body.fw-signature.fw-service-order .fw-photo-checkin p{margin:0 0 12px;color:#52707a}
body.fw-signature.fw-service-order .fw-photo-grid,body.fw-signature .fw-photo-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.fw-signature.fw-service-order .fw-photo-grid label{min-width:0;border:1px dashed #9dbfc5;padding:12px;border-radius:11px;background:#fff;font-weight:700}
body.fw-signature.fw-service-order .fw-photo-grid input{width:100%;margin-top:8px;font-size:13px}
body.fw-signature .fw-photo-gallery figure{margin:0;min-width:0}
body.fw-signature .fw-photo-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}
body.fw-signature .fw-photo-gallery figcaption{font-weight:700;text-align:center}
body.fw-signature .fw-after-sale-service{background:linear-gradient(135deg,#f0fafb,#fff8e9);border:1px solid #bddde0}
body.fw-signature .fw-after-sale-service[hidden],body.fw-signature .fw-service-vehicle label[hidden]{display:none!important}

body.fw-signature .fw-service-rate-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}
body.fw-signature .fw-service-rate-list label{display:grid;gap:6px;font-weight:700}
@media(max-width:600px){body.fw-signature .fw-service-rate-list{grid-template-columns:1fr}}

/* Compact service check-in controls */
body.fw-signature.fw-service-order .fw-service-choices{padding:13px;margin:10px 0;border-radius:14px}
body.fw-signature.fw-service-order .fw-service-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
body.fw-signature.fw-service-order .fw-service-choice{padding:10px;border-radius:11px}
body.fw-signature.fw-service-order .fw-service-choice:has(.fw-service-toggle:checked){grid-column:1/-1}
body.fw-signature.fw-service-order .fw-service-choice-title{font-size:14px;gap:7px}
body.fw-signature.fw-service-order .fw-service-choice-title input{width:18px;height:18px}
body.fw-signature.fw-service-order .fw-service-choice-detail{margin-top:8px}
body.fw-signature.fw-service-order .fw-service-choice-detail .form-grid{display:block}
body.fw-signature.fw-service-order .fw-service-choice-rate{max-width:160px;min-height:38px}
body.fw-signature.fw-service-order .fw-wheel-positions{display:flex;flex-wrap:wrap;gap:5px;margin:7px 0 0;padding:7px;border:0}
body.fw-signature.fw-service-order .fw-wheel-positions legend{font-size:12px;padding:0 3px}
body.fw-signature.fw-service-order .fw-wheel-positions label{display:inline-flex;align-items:center;gap:4px;width:auto;margin:0;padding:6px 8px;border:1px solid #c6dce0;border-radius:999px;background:#f8fcfd;font-size:12px;line-height:1.1;white-space:nowrap;cursor:pointer}
body.fw-signature.fw-service-order .fw-wheel-positions label:has(input:checked){background:#dff4ef;border-color:#16816d;color:#075445}
body.fw-signature.fw-service-order .fw-wheel-positions input{width:15px;height:15px;margin:0}
body.fw-signature.fw-service-order .fw-photo-checkin{padding:0;background:#f7fcfa;overflow:hidden}
body.fw-signature.fw-service-order .fw-photo-checkin summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;cursor:pointer;font-weight:800;color:#195369}
body.fw-signature.fw-service-order .fw-photo-checkin summary::-webkit-details-marker{display:none}
body.fw-signature.fw-service-order .fw-photo-checkin summary:before{content:'▸';font-size:15px;color:#0c7991}
body.fw-signature.fw-service-order .fw-photo-checkin[open] summary:before{content:'▾'}
body.fw-signature.fw-service-order .fw-photo-checkin summary span{flex:1}
body.fw-signature.fw-service-order .fw-photo-checkin summary small{font-size:12px;color:#a15613;white-space:nowrap}
body.fw-signature.fw-service-order .fw-photo-checkin.complete summary small{color:#16735a}
body.fw-signature.fw-service-order .fw-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:0 10px 7px}
body.fw-signature.fw-service-order .fw-photo-grid .fw-photo-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:62px;padding:6px 2px;border:1px dashed #9dbfc5;border-radius:10px;background:#fff;text-align:center;cursor:pointer}
body.fw-signature.fw-service-order .fw-photo-grid .fw-photo-tile b{font-size:12px;line-height:1.2}
body.fw-signature.fw-service-order .fw-photo-grid .fw-photo-tile small{font-size:10px;color:#647b83}
body.fw-signature.fw-service-order .fw-photo-grid .fw-photo-tile.added{border:1px solid #4da989;background:#eaf8f1}
body.fw-signature.fw-service-order .fw-photo-grid .fw-photo-tile.added small{color:#126746}
body.fw-signature.fw-service-order .fw-photo-grid .fw-photo-tile input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
body.fw-signature.fw-service-order .fw-photo-retention{display:block;padding:0 12px 10px;color:#607981;font-size:11px}

/* Simple service flow: one work surface and one estimate */
body.fw-signature.fw-service-order .service-checkin{padding:16px}
body.fw-signature.fw-service-order .service-checkin>.panel-head{margin-bottom:10px}
body.fw-signature.fw-service-order .fw-service-vehicle{padding:0;border:0;background:transparent}
body.fw-signature.fw-service-order .fw-service-vehicle h3{display:none}
body.fw-signature.fw-service-order .fw-service-choices{grid-column:1/-1;margin:5px 0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
body.fw-signature.fw-service-order .fw-service-choices h3{margin:0 0 8px;font-size:16px;color:#193e4d}
body.fw-signature.fw-service-order .fw-service-choice{box-shadow:none}
body.fw-signature.fw-service-order .fw-service-more{grid-column:1/-1;border-top:1px solid #e1e9ed;padding-top:9px}
body.fw-signature.fw-service-order .fw-service-more summary{font-size:13px;font-weight:700;color:#476978;cursor:pointer}
body.fw-signature.fw-service-order .fw-service-more .form-grid{margin-top:10px}
body.fw-signature.fw-service-order .fw-payment-panel{padding:16px}
body.fw-signature.fw-service-order .fw-payment-panel .fw-live-total>div:not(.fw-live-grand){display:none}
body.fw-signature.fw-service-order .fw-payment-panel .fw-live-total{padding:0;margin:10px 0;border:0;background:transparent}
body.fw-signature.fw-service-order .fw-payment-panel .fw-live-grand{margin:0}
body.fw-signature.fw-service-order .fw-invoice-customer .fw-optional{display:none}

/* Invoice and service page title scale */
body.fw-signature[data-fw-page="order_new"] .customer-hero{padding:3px 2px 9px;margin-bottom:8px}
body.fw-signature[data-fw-page="order_new"] .customer-hero h1{font-size:22px;line-height:1.18;letter-spacing:-.015em;margin:2px 0 3px}
body.fw-signature[data-fw-page="order_new"] .customer-hero p{font-size:12px;line-height:1.35}
body.fw-signature[data-fw-page="order_new"] #order-form>.panel h2{font-size:17px;line-height:1.25;margin-bottom:9px}
body.fw-signature[data-fw-page="order_new"] .fw-service-choices h3{font-size:15px}
@media(max-width:760px){body.fw-signature[data-fw-page="order_new"] .customer-hero h1{font-size:20px}body.fw-signature[data-fw-page="order_new"] #order-form>.panel h2{font-size:16px}}

body.fw-signature.fw-service-order .fw-position-details{margin-top:8px;border-top:1px solid #e4edef;padding-top:6px}
body.fw-signature.fw-service-order .fw-position-details summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;cursor:pointer;color:#246276;font-size:13px;font-weight:750;list-style:none}
body.fw-signature.fw-service-order .fw-position-details summary::-webkit-details-marker{display:none}
body.fw-signature.fw-service-order .fw-position-details summary:before{content:'▸';color:#087875}
body.fw-signature.fw-service-order .fw-position-details[open] summary:before{content:'▾'}
body.fw-signature.fw-service-order .fw-position-details summary span{flex:1}
body.fw-signature.fw-service-order .fw-position-details summary small{font-size:11px;color:#607783}
body.fw-signature.fw-service-order .fw-position-details .fw-wheel-positions{margin-top:0}

body.fw-signature .fw-service-prices summary{font-size:15px;font-weight:800;padding:5px 0;color:#165b70}
body.fw-signature .fw-service-prices h3{margin:15px 0 7px;font-size:14px;color:#194c5d}
body.fw-signature .fw-service-prices p{font-size:13px;color:#5e7580}
body.fw-signature.fw-service-order .fw-alignment-car-type{max-width:260px}

/* Keep routine job updates short; show extra workshop records on demand. */
.fw-job-more,
.fw-job-readings details { margin-top: 1rem; }
.fw-job-more summary,
.fw-job-readings summary {
  cursor: pointer;
  color: #245a71;
  font-weight: 700;
  padding: .65rem .8rem;
  border-radius: .7rem;
  background: #eef6f9;
}
.fw-job-more[open] .form-grid,
.fw-job-readings details[open] .service-reading-grid { margin-top: 1rem; }
.fw-job-readings details[open] .form-grid { margin-top: 1rem; }
.fw-job-readings button { margin-top: 1rem; }

.fw-alignment-rate-row { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto; gap:.6rem; align-items:center; margin:.5rem 0; }
.fw-alignment-rate-row input { min-width:0; width:100%; }
.fw-alignment-rate-row label { display:flex; align-items:center; gap:.3rem; white-space:nowrap; font-size:.9rem; }
.fw-alignment-rate-row label input { width:auto; }
@media(max-width:540px){ .fw-alignment-rate-row { grid-template-columns:minmax(0,1fr) minmax(0,.8fr); } .fw-alignment-rate-row label { grid-column:1/-1; } }
body.fw-signature .fw-service-rate-list .fw-alignment-rate-row { grid-column:1/-1; }
body.fw-signature .fw-service-rate-list .fw-alignment-rate-row label { display:flex; }

.fw-customer-extra { margin:7px 0; border:1px solid #dce9ef; border-radius:10px; padding:9px 11px; }
.fw-customer-extra summary { cursor:pointer; font-size:13px; font-weight:700; color:#26576b; }
.fw-customer-extra[open] label { display:block; margin-top:10px; }
.fw-powered-by { text-align:center; color:#82949e; font-size:9px; padding-top:8px; }
.invoice-card .invoice-head .invoice-meta { min-width:0; }
.invoice-card .invoice-parties small { overflow-wrap:anywhere; }

@page { size:A4 portrait; margin:8mm; }
@media print {
  html,body { width:100%; margin:0; padding:0; background:#fff; }
  body.fw-signature main { max-width:none!important; width:100%!important; margin:0!important; padding:0!important; }
  body.fw-signature .invoice-card { width:100%; max-width:none; margin:0; padding:0; border:0; border-radius:0; box-shadow:none; color:#111; font-size:9px; }
  .invoice-card .invoice-head { padding:0 0 5px; gap:8px; }
  .invoice-card .invoice-head>div:first-child>b { font-size:15px; }
  .invoice-card .invoice-head small,.invoice-card .invoice-meta span { font-size:8px; }
  .invoice-card .invoice-parties { grid-template-columns:1.2fr 1fr .6fr; gap:5px; padding:6px 0; }
  .invoice-card .invoice-parties>div { padding:5px 6px; border-radius:0; }
  .invoice-card .invoice-parties b { margin:1px 0; font-size:9px; }
  .invoice-card .gst-invoice-meta { padding:5px 0; gap:4px; }
  .invoice-card .gst-invoice-meta>div { padding:3px 5px; }
  .invoice-card .invoice-fitment { padding:4px 6px; margin:3px 0; }
  .invoice-card .invoice-lines { overflow:visible!important; width:100%; }
  .invoice-card .invoice-lines table { width:100%!important; min-width:0!important; table-layout:fixed; border-collapse:collapse; font-size:8px; }
  .invoice-card .invoice-lines th,.invoice-card .invoice-lines td { padding:4px 3px!important; line-height:1.2; overflow-wrap:anywhere; word-break:normal; vertical-align:top; }
  .invoice-card .invoice-lines th:first-child,.invoice-card .invoice-lines td:first-child { width:29%; }
  .invoice-card .invoice-lines.gst-lines th:first-child,.invoice-card .invoice-lines.gst-lines td:first-child { width:27%; }
  .invoice-card .invoice-lines.gst-lines th:nth-child(2),.invoice-card .invoice-lines.gst-lines td:nth-child(2) { width:11%; }
  .invoice-card .invoice-lines.gst-lines th:nth-child(3),.invoice-card .invoice-lines.gst-lines td:nth-child(3) { width:5%; }
  .invoice-card .invoice-lines td small { font-size:7px; margin-top:1px; }
  .invoice-card .invoice-totals { width:43%; min-width:210px; padding-top:4px; }
  .invoice-card .invoice-totals>div { padding:2px 0; font-size:8px; }
  .invoice-card .invoice-totals .grand { font-size:11px; padding:4px 0; }
  .invoice-card .invoice-footer { margin-top:4px; padding-top:5px; font-size:8px; }
  .invoice-card .fw-powered-by { padding-top:5px; font-size:8px; }
  .invoice-card tr { break-inside:avoid; page-break-inside:avoid; }
}
@media print {
  main>section.fw-page-enter { animation:none!important; opacity:1!important; transform:none!important; }
}

/* Keep the invoice summary compact on screen too. */
body.fw-signature[data-fw-page="order"] .invoice-card .invoice-parties { padding:8px 0; }
body.fw-signature[data-fw-page="order"] .invoice-card .invoice-parties>div { padding:7px 8px; }
body.fw-signature[data-fw-page="order"] .invoice-card .invoice-totals { padding-top:5px; }
body.fw-signature[data-fw-page="order"] .invoice-card .invoice-totals>div { padding:3px 0; }
body.fw-signature[data-fw-page="order"] .invoice-card .invoice-footer { padding-top:6px; margin-top:3px; }

.fw-service-partner { border-top:1px solid #dce8ee; padding-top:9px; }
.fw-service-partner summary { cursor:pointer; color:#24586b; font-size:13px; font-weight:700; }
.fw-service-partner[open] { background:#f5fafc; border:1px solid #dce8ee; border-radius:10px; padding:12px; }
.fw-service-partner label { display:block; margin:9px 0; }
.fw-service-partner label input[type=checkbox] { width:auto; margin-right:6px; }
.fw-service-partner small,.fw-partner-job small { display:block; color:#627885; font-size:11px; }
.fw-partner-job .form-grid { margin-top:12px; }

.fw-service-tax-row { display:grid; grid-template-columns:minmax(160px,1fr) minmax(220px,2fr) minmax(220px,2fr); align-items:end; gap:12px; padding:14px; margin:10px 0; background:#f5f9fc; border:1px solid #dbe8ef; border-radius:14px; }
.fw-service-tax-row>b { color:#123c53; font-size:15px; padding-bottom:10px; }
.fw-service-tax-row label { margin:0; font-size:13px; }
.fw-service-tax-row select,.fw-service-tax-row input { width:100%; margin-top:6px; }
@media(max-width:760px) { .fw-service-tax-row { grid-template-columns:1fr; gap:8px; } .fw-service-tax-row>b { padding-bottom:0; } }
.fw-service-tax-row { grid-template-columns:minmax(130px,1fr) minmax(190px,1.6fr) minmax(180px,1.2fr) minmax(210px,1.5fr); }
@media(max-width:760px) { .fw-service-tax-row { grid-template-columns:1fr; } }

/* Tyre Sales list */
.fw-orders-search { padding:18px; margin-bottom:14px; }
.fw-orders-search form { display:grid; gap:9px; }
.fw-orders-search label { color:#183c50; font-size:15px; font-weight:750; }
.fw-orders-search-field { display:flex; align-items:center; gap:10px; border:1px solid #cbdce6; border-radius:14px; padding:0 13px; background:#f8fbfd; box-shadow:inset 0 1px 2px #102f4508; }
.fw-orders-search-field:focus-within { border-color:#1684a7; box-shadow:0 0 0 3px #1684a720; background:#fff; }
.fw-orders-search-field span { color:#147b9a; font-size:26px; line-height:1; }
.fw-orders-search-field input { flex:1; min-width:0; border:0; box-shadow:none; background:transparent; margin:0; padding:13px 0; font-size:16px; }
.fw-orders-search-field input:focus { outline:0; box-shadow:none; }
.fw-orders-search small { color:#617885; font-size:13px; }
.fw-orders-results { padding:8px; }
.fw-orders-results[aria-busy=true] { opacity:.6; }
.fw-orders-results td small { display:block; color:#6d8490; margin-top:3px; }
@media(max-width:680px) { .fw-orders-results th:nth-child(3),.fw-orders-results td:nth-child(3),.fw-orders-results th:nth-child(4),.fw-orders-results td:nth-child(4) { display:none; } .fw-orders-results table { width:100%; } .fw-orders-results th,.fw-orders-results td { padding:11px 6px; font-size:13px; } .fw-orders-results td:first-child { min-width:120px; } .fw-orders-results td:nth-child(6) { white-space:nowrap; } }

/* Purchase items: readable line discounts and transport on mobile */
.purchase-lines .fw-purchase-item { display:block; border:1px solid #d7e5ec; border-radius:15px; background:#f8fbfd; padding:13px; margin:8px 0; }
.fw-purchase-number { display:block; margin-bottom:10px; color:#17455c; font-size:15px; }
.fw-purchase-main { display:grid; grid-template-columns:minmax(190px,2fr) 75px minmax(110px,1fr) minmax(110px,1fr); gap:10px; }
.fw-purchase-item label,.fw-purchase-discounts>span { display:block; color:#55707e; font-size:12px; font-weight:700; }
.fw-purchase-main input,.fw-purchase-main select,.fw-purchase-extras input,.fw-purchase-extras select { width:100%; margin:5px 0 0; font-size:15px; }
.fw-purchase-extras { display:grid; grid-template-columns:minmax(210px,2fr) minmax(150px,1fr) auto; gap:14px; align-items:end; margin-top:12px; padding-top:11px; border-top:1px solid #e0ebf0; }
.fw-purchase-discount { display:flex; gap:6px; margin-top:5px; }
.fw-purchase-discount select { width:110px; flex:none; }
.fw-purchase-discount input { min-width:0; }
.fw-purchase-discount .fw-remove-discount { width:32px; flex:none; padding:4px; background:#f6e9e8; color:#9c4540; border-radius:9px; }
.fw-purchase-item .fw-add-discount { margin-top:6px; padding:6px 9px; background:#e6f3f8; color:#12647d; border-radius:9px; font-size:12px; }
.fw-purchase-line-total { color:#116f8d; font-size:18px; white-space:nowrap; padding-bottom:8px; }
@media(max-width:700px) { .fw-purchase-main { grid-template-columns:1fr 1fr; } .fw-purchase-main label:first-child { grid-column:1/-1; } .fw-purchase-extras { grid-template-columns:1fr 1fr; } .fw-purchase-discounts { grid-column:1/-1; } .fw-purchase-line-total { text-align:right; } }

/* Mobile card layout for operational list tables; invoice print tables stay as tables. */
@media (max-width:700px) {
 .fw-mobile-cards { overflow:visible; width:100%; }
 .fw-mobile-cards table,.fw-mobile-cards tbody { display:block; width:100%; min-width:0; }
 .fw-mobile-cards thead { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
 .fw-mobile-cards tbody tr { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:11px 14px; margin:0 0 11px; padding:14px; border:1px solid #dce8ee; border-radius:15px; background:#fff; box-shadow:0 3px 12px rgba(19,63,83,.05); }
 .fw-mobile-cards tbody td { display:block; min-width:0; width:auto; padding:0; border:0; font-size:13px; overflow-wrap:anywhere; line-height:1.35; }
 .fw-mobile-cards tbody td::before { content:attr(data-label); display:block; margin-bottom:4px; color:#667d89; font-size:11px; font-weight:750; letter-spacing:.02em; text-transform:uppercase; }
 .fw-mobile-cards tbody td:first-child { grid-column:1/-1; padding-bottom:9px; border-bottom:1px solid #e7eef2; font-size:15px; }
 .fw-mobile-cards tbody td:first-child::before { color:#19748f; }
 .fw-mobile-cards tbody td b { font-weight:750; }
 .fw-mobile-cards tbody td small { display:block; margin-top:4px; color:#70838d; font-size:11px; }
 .fw-mobile-cards tbody td .table-link { display:block; color:#0b5470; }
 .fw-mobile-cards tbody td .order-status,.fw-mobile-cards tbody td .warranty-status { display:inline-block; max-width:100%; white-space:normal; }
 .fw-mobile-cards tbody tr.fw-empty-row { display:block; }
 .fw-mobile-cards tbody tr.fw-empty-row td { border:0; padding:4px; }
 .fw-mobile-cards tbody tr.fw-empty-row td::before { display:none; }
 .fw-orders-results .fw-mobile-cards th:nth-child(3),.fw-orders-results .fw-mobile-cards td:nth-child(3),.fw-orders-results .fw-mobile-cards th:nth-child(4),.fw-orders-results .fw-mobile-cards td:nth-child(4) { display:block; }
}
.fw-list-controls{display:flex;align-items:center;gap:12px;margin:4px 0 14px;flex-wrap:wrap}
.fw-list-controls input{min-width:220px;max-width:430px;flex:1;font-size:16px}
.fw-list-count{color:#61717b;font-size:14px}
.fw-list-more{margin:16px auto 4px;display:block}
.fw-list-more[hidden],.fw-mobile-cards tbody tr[hidden]{display:none!important}
.fw-catalog-tools{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:12px 0}
.fw-catalog-tools input{min-width:220px;flex:2;font-size:16px}
.fw-catalog-tools select{min-width:160px;flex:1;font-size:16px}
.fw-catalog-categories{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 12px;scrollbar-width:thin}
.fw-catalog-categories button{white-space:nowrap;border:1px solid #cbdde4;background:#f4f9fb;color:#24475a;border-radius:999px;padding:9px 13px;font-weight:700;cursor:pointer}
.fw-catalog-categories button.active{background:#0b405b;color:#fff;border-color:#0b405b}
.fw-catalog-categories span{font-size:.85em;opacity:.8;margin-left:4px}
.fw-catalog-result{color:#526875;font-size:14px;margin:0 0 10px}
.fw-list-empty{padding:28px;text-align:center;color:#526875}
.fw-list-empty[hidden]{display:none}
@media(max-width:600px){.fw-catalog-tools{display:grid;grid-template-columns:1fr}.fw-catalog-tools input,.fw-catalog-tools select{width:100%;min-width:0}.fw-catalog-categories{margin-right:-14px}.fw-catalog-panel .panel-head{align-items:center}}
/* Catalog category strip: each pill keeps its own width while the strip scrolls. */
.fw-catalog-panel .fw-catalog-categories{display:flex;flex-wrap:nowrap;gap:8px;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding:5px 3px 14px}
.fw-catalog-panel .fw-catalog-categories button{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:0 0 auto;width:auto;min-width:max-content;max-width:none;height:auto;margin:0;padding:10px 14px;white-space:nowrap;line-height:1.2;font-size:14px}
.fw-catalog-panel .fw-catalog-categories button span{margin:0;font-size:12px}
@media(max-width:600px){.fw-catalog-panel .fw-catalog-categories{margin-right:0}.fw-catalog-panel .fw-catalog-categories button{font-size:14px}}
.fw-stock-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;margin:0 0 16px;border-radius:14px;background:#e8f0f3}
.fw-stock-switch a{display:block;padding:12px 10px;border-radius:10px;text-align:center;font-size:15px;font-weight:800;color:#4a6775}
.fw-stock-switch a.active{background:#0b405b;color:#fff;box-shadow:0 3px 9px #0b405b22}
@media(max-width:600px){.fw-stock-switch{position:relative}.fw-stock-switch a{font-size:14px}}
.fw-bulk-stock{margin-top:12px}.fw-bulk-stock summary{font-size:16px;color:#0b405b}.fw-bulk-stock p{font-size:13px;color:#536c79;line-height:1.5}
.fw-bulk-upload{display:grid;gap:10px;margin:12px 0}.fw-bulk-upload label{font-size:13px}.fw-bulk-upload input{margin-top:6px}.fw-bulk-upload button,.fw-bulk-preview button{max-width:300px;margin:0}
.fw-bulk-preview{margin-top:18px;border-top:1px solid #dce7eb;padding-top:12px}.fw-bulk-preview h3{font-size:16px}.fw-bulk-preview table{min-width:680px}.fw-bulk-preview td{font-size:12px}
.fw-stock-switch{grid-template-columns:repeat(3,minmax(0,1fr))}
.fw-stock-switch a{min-width:0}
@media(max-width:600px){.fw-stock-switch a{font-size:13px;padding:11px 3px}}
.fw-expenses details{border:1px solid #dce7eb;border-radius:12px;padding:12px;margin:12px 0}
.fw-expenses summary{font-size:15px;font-weight:800;color:#0b405b;cursor:pointer}
.fw-expenses .form-grid{margin-top:12px}.fw-expenses td form{margin:0}.fw-expenses td button{width:auto;margin:0;padding:6px 10px}
@media(max-width:600px){.fw-expenses .panel-head span{font-size:12px}.fw-expenses .responsive-table{margin:0}.fw-expenses .fw-mobile-cards tr{margin-bottom:10px}}
.fw-expenses .fw-salary-entry{border-color:#c7dfe4;background:#f8fcfd}
.fw-salary-entry p{font-size:12px;color:#536c79;margin:9px 0}
.fw-salary-summary{margin:12px 0;padding:12px;border:1px solid #d8e7e9;border-radius:12px;background:#f7fbfb}
.fw-salary-summary>b{display:block;font-size:14px;margin-bottom:8px}
.fw-salary-summary span{display:flex;justify-content:space-between;gap:12px;padding:6px 0;font-size:13px;border-top:1px solid #e6eff0}
.fw-salary-summary strong{color:#0b5264}
.fw-salary-summary .fw-salary-head,.fw-salary-summary .fw-salary-row{display:grid;grid-template-columns:minmax(120px,1.5fr) repeat(3,minmax(75px,1fr));gap:8px;align-items:center;padding:8px 2px;border-top:1px solid #e6eff0}
.fw-salary-summary .fw-salary-head span{font-size:11px;color:#647987;font-weight:800;border:0;padding:0;display:block}
.fw-salary-summary .fw-salary-row span{display:block;font-size:12px;border:0;padding:0}
.fw-salary-summary .fw-salary-row b,.fw-salary-summary .fw-salary-row strong{font-size:12px}
.fw-salary-summary>small{display:block;margin-top:9px;font-size:11px;color:#607783}
.fw-salary-rates{margin:12px 0}.fw-salary-rate-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin:8px 0}
.fw-salary-rate-row label{margin:0;font-size:12px}.fw-salary-rate-row input{margin-top:4px}.fw-salary-rate-row button{width:auto;margin:0}
@media(max-width:600px){.fw-salary-summary{overflow-x:auto}.fw-salary-summary .fw-salary-head,.fw-salary-summary .fw-salary-row{min-width:390px}}
@media(max-width:600px){
 .fw-salary-summary{overflow:visible}
 .fw-salary-summary .fw-salary-head{display:none}
 .fw-salary-summary .fw-salary-row{min-width:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px 0}
 .fw-salary-summary .fw-salary-row b{grid-column:1/-1;font-size:14px}
 .fw-salary-summary .fw-salary-row span,.fw-salary-summary .fw-salary-row strong{display:block;min-width:0;font-size:12px;overflow-wrap:anywhere}
 .fw-salary-summary .fw-salary-row span:nth-child(2):before{content:"Monthly";display:block;font-size:10px;color:#6b808b}
 .fw-salary-summary .fw-salary-row span:nth-child(3):before{content:"Paid";display:block;font-size:10px;color:#6b808b}
 .fw-salary-summary .fw-salary-row strong:before{content:"Remaining";display:block;font-size:10px;color:#6b808b}
}
.fw-attendance{border-top:1px solid #dce8eb;margin-top:20px;padding-top:16px}
.fw-attendance h3{margin:0;font-size:17px}.fw-attendance .panel-head span{font-size:12px}
.fw-attendance-month{max-width:190px;margin:8px 0 12px}.fw-attendance-month label{font-size:12px}
.fw-attendance details{margin:10px 0}.fw-attendance details summary{font-size:14px;font-weight:800;color:#0b405b;cursor:pointer}
.fw-attendance-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:9px;margin:12px 0}
.fw-attendance-card{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#f7fbfc;border:1px solid #d9e9ed;border-radius:12px;padding:11px}
.fw-attendance-card>b{grid-column:1/-1;font-size:14px}.fw-attendance-card span{display:flex;justify-content:space-between;gap:5px;font-size:12px;color:#526b78}.fw-attendance-card strong{color:#0b405b}
.fw-attendance-days>div{display:grid;grid-template-columns:92px 1fr auto;gap:6px;padding:9px;border-bottom:1px solid #e8eff1;font-size:12px}.fw-attendance-days small{grid-column:1/-1;font-size:11px}
@media(max-width:600px){.fw-attendance-cards{grid-template-columns:1fr}.fw-attendance-days>div{grid-template-columns:85px 1fr auto}}
.fw-widget-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 16px}
.fw-widget{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:160px;padding:18px;border-radius:22px;border:1px solid #dce8ec;background:#fff;color:#173a50;box-shadow:0 9px 22px #102f4310;overflow:hidden}
.fw-widget:focus-visible{outline:3px solid #087a9a;outline-offset:2px}
.fw-widget-label{font-size:11px;font-weight:850;letter-spacing:.08em;color:#52707e}
.fw-widget strong{display:block;margin:9px 0 3px;font-size:30px;line-height:1.08;letter-spacing:-.04em;overflow-wrap:anywhere}
.fw-widget-detail{font-size:12px;line-height:1.35;color:#617987}
.fw-widget-icon{position:absolute;right:15px;top:12px;color:#0e718c;font-size:21px;opacity:.75}
.fw-widget-sales{grid-column:span 2;min-height:184px;color:#fff;border:0;background:linear-gradient(135deg,#082940,#0c6680 78%,#0e8293);box-shadow:0 16px 30px #063c5360}
.fw-widget-sales:after{content:"";position:absolute;right:-32px;bottom:-65px;width:210px;height:210px;border:22px solid #ffffff17;border-radius:50%}
.fw-widget-sales .fw-widget-label,.fw-widget-sales .fw-widget-detail{color:#d8eff2}
.fw-widget-sales strong{font-size:46px;position:relative;z-index:1}
.fw-widget-arrow{margin-top:12px;font-size:12px;font-weight:800;color:#fff}
.fw-widget-collections{background:#ecf9f5;border-color:#d0eee1}.fw-widget-collections strong{color:#087650}
.fw-widget-service{background:#f2f4fc;border-color:#e1e5f5}.fw-widget-service strong{color:#4158a1}
.fw-widget-stock{background:#fff8eb;border-color:#f2e4bf}.fw-widget-stock strong{color:#946009}
.fw-widget-expenses{background:#fff2f1;border-color:#f1d9d5}.fw-widget-expenses strong{color:#a0443d}
.fw-widget-warranty{background:#f2f8fa;border-color:#dcebf0}
@media(max-width:760px){.fw-widget-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.fw-widget{min-height:145px;padding:13px;border-radius:17px}.fw-widget-sales{grid-column:1/-1;min-height:170px;padding:18px}.fw-widget-label{font-size:10px}.fw-widget strong{font-size:25px}.fw-widget-sales strong{font-size:42px}.fw-widget-detail{font-size:11px}.fw-widget-icon{font-size:18px;right:11px;top:9px}}
@media(max-width:360px){.fw-widget{padding:11px}.fw-widget strong{font-size:22px}.fw-widget-sales strong{font-size:36px}}
.fw-widget:not(.fw-widget-sales) .fw-widget-label{padding-right:28px;line-height:1.25}
@media(max-width:760px){.fw-widget:not(.fw-widget-sales){min-height:153px}.fw-widget-label{font-size:11px}.fw-widget-detail{font-size:12px}}
.fw-widget-hero{display:flex;align-items:center;justify-content:space-between;gap:10px}
.fw-widget-hero>div{min-width:0}.fw-widget-hero h1{font-size:22px}
.fw-customize{white-space:nowrap;margin:0;font-size:12px;padding:9px 12px}
.fw-widget-wide{grid-column:span 2;min-height:184px}
.fw-widget-sales:not(.fw-widget-wide){grid-column:span 1;min-height:160px}
.fw-widget-sales:not(.fw-widget-wide) strong{font-size:30px}
.fw-widget-settings{display:grid;gap:9px}
.fw-widget-setting{display:grid;grid-template-columns:minmax(0,1fr) 150px 90px;gap:12px;align-items:center;border:1px solid #dce8ed;border-radius:14px;background:#f8fbfc;padding:12px}
.fw-widget-setting label{margin:0}.fw-widget-check{display:flex;gap:10px;align-items:center}
.fw-widget-check input{width:20px;height:20px;flex:0 0 auto}.fw-widget-check b,.fw-widget-check small{display:block}
.fw-widget-check b{font-size:15px;color:#123d50}.fw-widget-check small{font-size:11px;margin-top:3px;color:#6a7e88}
.fw-widget-setting select,.fw-widget-setting input[type=number]{margin-top:5px}
@media(max-width:760px){.fw-widget-hero h1{font-size:17px}.fw-widget-hero p{font-size:10px}.fw-customize{font-size:11px;padding:8px}.fw-widget-wide{min-height:170px}.fw-widget-setting{grid-template-columns:1fr 1fr;gap:8px}.fw-widget-check{grid-column:1/-1}}

/* Dashboard widget editor: responsive preview and touch reorder */
.fw-widget-preview-wrap{border:1px solid #d8e6ed;border-radius:20px;padding:16px;background:linear-gradient(155deg,#eff8fa,#f8fbff);margin-bottom:20px}
.fw-widget-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.fw-widget-preview-head h2,.fw-widget-options-title{font-size:18px;margin:0 0 5px;color:#163d50}.fw-widget-preview-head p{font-size:13px;color:#607784;margin:0 0 14px}.fw-widget-preview-head span{white-space:nowrap;font-size:12px;color:#457080}
.fw-widget-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:105px}.fw-preview-card{min-width:0;position:relative;border:1px solid #c9e3e9;border-radius:16px;padding:13px;background:white;box-shadow:0 3px 12px #173d5010}.fw-preview-card[data-size=wide]{grid-column:1/-1}.fw-preview-card.is-dragging{opacity:.65;border-color:#1689aa}.fw-preview-card strong{display:block;font-size:15px;color:#123d50;padding-right:28px}.fw-preview-card small{display:block;color:#617987;font-size:11px;margin-top:4px}.fw-preview-card .fw-preview-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}.fw-preview-card button{border:1px solid #d0e1e8;background:#f5fafb;border-radius:10px;color:#164a60;min-height:36px;min-width:36px;padding:4px 8px;cursor:pointer}.fw-preview-card button:disabled{opacity:.38}.fw-preview-card .fw-drag-handle{touch-action:none;cursor:grab;min-width:52px}.fw-preview-card .fw-drag-handle:active{cursor:grabbing}.fw-widget-empty{grid-column:1/-1;color:#657b87;padding:18px;text-align:center}.fw-widget-options-title{margin:0 0 12px}.fw-widget-setting{grid-template-columns:minmax(0,1fr) 150px}.fw-widget-setting:not(.is-enabled){opacity:.67}
@media(max-width:760px){.fw-widget-preview-wrap{padding:12px}.fw-widget-preview{gap:8px}.fw-preview-card{padding:11px}.fw-preview-card strong{font-size:13px}.fw-widget-setting{grid-template-columns:1fr 110px}.fw-widget-setting .fw-widget-check{grid-column:auto}.fw-widget-check small{font-size:10px}.fw-widget-preview-head h2{font-size:17px}.fw-widget-preview-head p{font-size:12px}}
@media(max-width:390px){.fw-widget-setting{grid-template-columns:1fr}.fw-widget-setting .fw-widget-check{grid-column:1/-1}}

.fw-widget-profit_today,.fw-widget-profit_month{background:#eef9f2;border-color:#cdebd7}.fw-widget-profit_today strong,.fw-widget-profit_month strong{color:#176445}.fw-widget-customer_due_today,.fw-widget-customer_due_soon,.fw-widget-overdue_customers{background:#fff5ed;border-color:#f4ddc7}.fw-widget-supplier_due_today,.fw-widget-upcoming_payments,.fw-widget-supplier_outstanding{background:#f4f4ff;border-color:#dcdcf2}.fw-widget-brand_stock{background:#eef8fc;border-color:#cfe8ef}.fw-widget-brand_stock .fw-widget-detail{line-height:1.6;overflow-wrap:anywhere}

/* Monthly targets and comparisons */
.fw-widget-target_qty,.fw-widget-target_value{background:linear-gradient(145deg,#edf9fb,#fff);border-color:#b9dfe8;overflow:hidden}.fw-widget-target_qty strong,.fw-widget-target_value strong{color:#087697}
.fw-widget-brand_compare,.fw-widget-branch_compare,.fw-widget-brand_targets{background:#f8fbfe;border-color:#d8e7ed}
.fw-speedometer{width:min(205px,100%);margin:4px auto -10px}.fw-speedometer svg{display:block;width:100%;height:auto;overflow:visible}.fw-speed-track,.fw-speed-progress{fill:none;stroke-width:13;stroke-linecap:round}.fw-speed-track{stroke:#d8e7ea}.fw-speed-progress{stroke:#20aa8c;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1.8s cubic-bezier(.16,.7,.24,1)}.fw-speed-needle{stroke:#13475b;stroke-width:3.5;stroke-linecap:round;transform-origin:100px 100px;transform:rotate(-90deg);transition:transform 1.8s cubic-bezier(.16,.7,.24,1)}.fw-speed-pivot{fill:#13475b}.fw-speedometer.is-ready .fw-speed-progress{stroke-dashoffset:calc(100 - var(--target-percent))}.fw-speedometer.is-ready .fw-speed-needle{transform:rotate(var(--target-angle))}
.fw-compare-list{display:grid;gap:10px;margin-top:12px}.fw-compare-row{display:grid;gap:4px}.fw-compare-row>div{display:flex;justify-content:space-between;align-items:center;gap:8px}.fw-compare-row b,.fw-compare-row small{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fw-compare-row small{color:#607883}.fw-compare-track{display:block;height:7px;background:#dceaf0;border-radius:9px;overflow:hidden}.fw-compare-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,#118aae,#20ae8e);border-radius:9px;transition:width 1.8s cubic-bezier(.16,.7,.24,1)}.fw-widget.is-ready .fw-compare-track span{width:var(--bar-width)}.fw-compare-empty{font-size:12px;color:#627b86}
.fw-target-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fw-brand-target-fields{display:grid;gap:8px}.fw-brand-target-row{display:grid;grid-template-columns:minmax(110px,1fr) minmax(90px,130px) minmax(110px,150px);align-items:center;gap:10px;padding:10px;border:1px solid #d8e6eb;border-radius:12px}.fw-brand-target-row label{font-size:12px}.fw-brand-target-row input,.fw-target-fields input{width:100%}.fw-target-month{display:flex;gap:12px;align-items:end;margin-bottom:20px}.fw-target-month label{max-width:210px}.fw-target-settings-link{margin:0 0 12px}
@media(max-width:760px){.fw-target-fields{grid-template-columns:1fr}.fw-brand-target-row{grid-template-columns:1fr 1fr}.fw-brand-target-row strong{grid-column:1/-1}.fw-compare-row>div{flex-wrap:wrap}.fw-widget:not(.fw-widget-wide) .fw-speedometer{width:120px}.fw-widget:not(.fw-widget-wide) .fw-compare-row small{width:100%}}
@media(prefers-reduced-motion:reduce){.fw-speed-progress,.fw-speed-needle,.fw-compare-track span{transition:none}}

/* Dashboard shapes: square, full width, double height and large. */
.fw-widget-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:82px;gap:10px;align-items:stretch}
.fw-widget{grid-column:span 1;grid-row:span 2;min-height:0;height:100%}
.fw-widget.fw-widget-compact{grid-column:span 1;grid-row:span 2;min-height:0}
.fw-widget.fw-widget-wide{grid-column:span 2;grid-row:span 2;min-height:0}
.fw-widget.fw-widget-tall{grid-column:span 1;grid-row:span 4;min-height:0}
.fw-widget.fw-widget-large{grid-column:span 2;grid-row:span 4;min-height:0}
.fw-widget.fw-widget-target_qty.fw-widget-wide,.fw-widget.fw-widget-target_value.fw-widget-wide{grid-row:span 3}
.fw-widget.fw-widget-compact strong,.fw-widget.fw-widget-tall strong{font-size:clamp(20px,3vw,29px)}
.fw-widget.fw-widget-sales.fw-widget-compact strong,.fw-widget.fw-widget-sales.fw-widget-tall strong{font-size:clamp(23px,3.5vw,34px)}
.fw-widget.fw-widget-brand_compare,.fw-widget.fw-widget-branch_compare,.fw-widget.fw-widget-brand_targets,.fw-widget.fw-widget-brand_stock{justify-content:flex-start}
.fw-widget.fw-widget-brand_compare>.fw-widget-detail,.fw-widget.fw-widget-branch_compare>.fw-widget-detail,.fw-widget.fw-widget-brand_targets>.fw-widget-detail{margin-bottom:3px}
.fw-widget.fw-widget-brand_compare .fw-compare-list,.fw-widget.fw-widget-branch_compare .fw-compare-list,.fw-widget.fw-widget-brand_targets .fw-compare-list{overflow:auto;min-height:0;padding-right:3px}
.fw-stock-brands{display:grid;gap:7px;margin-top:12px;overflow:auto;min-height:0}.fw-stock-brand>span{display:flex;justify-content:space-between;gap:8px;font-size:11px}.fw-stock-brand small{color:#597687}.fw-stock-brand>i{display:block;height:6px;margin-top:3px;border-radius:9px;background:#dceaf0;overflow:hidden}.fw-stock-brand>i>i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#1689aa,#22aa90)}.fw-stock-more{font-size:11px;color:#657d88}
.fw-due-split{display:grid;gap:8px;margin-top:15px}.fw-due-split span{display:grid;gap:2px;padding:8px 0;border-top:1px solid #d9e6eb}.fw-due-split small{font-size:11px;color:#627e8b}.fw-due-split b{font-size:16px;color:#16475c}
.fw-widget-preview{grid-auto-rows:55px}.fw-preview-card{grid-column:span 1;grid-row:span 2;display:flex;flex-direction:column;justify-content:space-between;min-height:0;overflow:hidden}.fw-preview-card[data-size=compact]{grid-column:span 1;grid-row:span 2}.fw-preview-card[data-size=wide]{grid-column:span 2;grid-row:span 2}.fw-preview-card[data-size=tall]{grid-column:span 1;grid-row:span 4}.fw-preview-card[data-size=large]{grid-column:span 2;grid-row:span 4}.fw-preview-card[data-widget=target_qty][data-size=wide],.fw-preview-card[data-widget=target_value][data-size=wide]{grid-row:span 3}.fw-preview-card .fw-preview-tools{margin-top:auto}.fw-preview-card button{min-height:30px;min-width:29px;padding:2px 5px}.fw-preview-card .fw-drag-handle{min-width:43px}
@media(max-width:760px){.fw-widget-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:72px;gap:8px}.fw-widget{padding:12px}.fw-widget.fw-widget-sales{min-height:0}.fw-widget.fw-widget-compact strong,.fw-widget.fw-widget-tall strong{font-size:23px}.fw-widget.fw-widget-sales.fw-widget-compact strong,.fw-widget.fw-widget-sales.fw-widget-tall strong{font-size:29px}.fw-widget.fw-widget-target_qty.fw-widget-wide,.fw-widget.fw-widget-target_value.fw-widget-wide{grid-row:span 3}.fw-widget .fw-widget-label{font-size:10px}.fw-widget .fw-widget-detail{font-size:11px}.fw-widget .fw-speedometer{margin:auto auto -9px}.fw-widget-preview{grid-auto-rows:54px}.fw-preview-card{padding:9px}.fw-preview-card small{font-size:10px}.fw-preview-card[data-size=compact] small,.fw-preview-card[data-size=tall] small{display:none}.fw-preview-card .fw-preview-tools{gap:3px}.fw-preview-card .fw-preview-tools button{font-size:12px}.fw-preview-card .fw-drag-handle{font-size:10px}}
@media(max-width:360px){.fw-widget-grid{grid-auto-rows:66px}.fw-widget.fw-widget-compact strong,.fw-widget.fw-widget-tall strong{font-size:20px}}

.fw-widget-service_compare{background:#f2f7fc;border-color:#d8e4f1}.fw-widget-service_compare{justify-content:flex-start}.fw-widget-service_compare .fw-compare-list{overflow:auto;min-height:0;padding-right:3px}

/* Insight charts within resizable dashboard widgets */
.fw-widget-sales_trend,.fw-widget-payment_mix,.fw-widget-due_aging,.fw-widget-stock_health,.fw-widget-expense_split,.fw-widget-staff_collections,.fw-widget-service_pipeline{justify-content:flex-start}
.fw-widget-sales_trend{background:#f0f9fd;border-color:#d3eaf3}.fw-widget-payment_mix{background:#f2faf7;border-color:#d7ece3}.fw-widget-due_aging{background:#fff7f0;border-color:#f0dfd1}.fw-widget-stock_health{background:#f4f9ef;border-color:#dcebd1}.fw-widget-expense_split{background:#fdf5f6;border-color:#f0dde1}.fw-widget-staff_collections{background:#f5f5ff;border-color:#e1e1f1}.fw-widget-service_pipeline{background:#f3f9fb;border-color:#dceaf0}
.fw-trend{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;align-items:end;flex:1;min-height:115px;margin-top:12px}.fw-trend-day{display:flex;flex-direction:column;align-items:center;gap:5px;height:100%;min-width:0}.fw-trend-value{font-size:9px;font-weight:700;color:#456d7b;width:100%;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fw-trend-rail{display:flex;align-items:end;flex:1;width:100%;border-radius:8px;background:#e3eff3;overflow:hidden}.fw-trend-rail i{display:block;width:100%;height:3%;background:linear-gradient(180deg,#27aeab,#1379a9);border-radius:8px 8px 0 0;transition:height 1.3s cubic-bezier(.16,.7,.24,1)}.fw-widget.is-ready .fw-trend-rail i{height:var(--chart-height)}.fw-trend-day small{font-size:10px;color:#607d89}
.fw-chart-donut-layout{display:grid;grid-template-columns:minmax(100px,42%) minmax(0,1fr);align-items:center;gap:10px;flex:1;min-height:0;margin-top:12px}.fw-chart-donut{aspect-ratio:1;display:grid;place-items:center;border-radius:50%;width:min(100%,165px);margin:auto}.fw-chart-donut>span{display:grid;place-items:center;border-radius:50%;width:68%;height:68%;background:#fff;font-size:clamp(12px,2.6vw,18px);font-weight:800;color:#174457;text-align:center;overflow-wrap:anywhere;padding:4px}.fw-chart-legend{display:grid;gap:8px;min-width:0}.fw-chart-legend>div{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:5px;font-size:10px}.fw-chart-legend i{width:8px;height:8px;border-radius:50%}.fw-chart-legend span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#4b6978}.fw-chart-legend b{font-size:10px;color:#234b5d}
.fw-chart-compare{overflow:auto;min-height:0;margin-top:14px;padding-right:3px}.fw-widget .fw-chart-compare{flex:1}
@media(max-width:760px){.fw-chart-donut-layout{grid-template-columns:minmax(98px,43%) minmax(0,1fr);gap:7px}.fw-chart-donut>span{font-size:12px}.fw-chart-legend{gap:7px}.fw-chart-legend>div{font-size:9px}.fw-chart-legend b{font-size:9px}.fw-trend{gap:3px}.fw-trend-value{font-size:8px}}
@media(prefers-reduced-motion:reduce){.fw-trend-rail i{transition:none}}

.fw-trend-rail{position:relative;min-height:0}.fw-trend-rail i{position:absolute;left:0;bottom:0}

/* Searchable widget library and compact preview */
.fw-widget-preview-wrap{display:block}.fw-widget-preview-wrap>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;color:#143f53;font-size:17px;font-weight:800;list-style:none;min-height:40px}.fw-widget-preview-wrap>summary::-webkit-details-marker{display:none}.fw-widget-preview-wrap>summary:before{content:'▸';color:#1683a0;margin-right:4px}.fw-widget-preview-wrap[open]>summary:before{content:'▾'}.fw-widget-preview-wrap>summary span{margin-left:auto;font-size:12px;font-weight:600;color:#66818c}.fw-preview-help{margin:4px 0 13px;font-size:12px;color:#637b87}
.fw-widget-library-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 0 10px}.fw-widget-library-head .fw-widget-options-title{margin:0}.fw-widget-library-head span{font-size:12px;color:#667d88;white-space:nowrap}
.fw-widget-presets{display:flex;flex-wrap:wrap;gap:8px}.fw-widget-presets button{border:1px solid #c5dfe6;background:#eaf6f9;border-radius:10px;padding:9px 12px;color:#155571;font-weight:750;font-size:12px;cursor:pointer}.fw-widget-presets button:focus-visible,.fw-widget-groups button:focus-visible{outline:3px solid #1684a0;outline-offset:2px}
.fw-preset-note{font-size:11px;color:#617c88;margin:7px 0 14px}.fw-widget-search-label{display:block;font-size:12px;font-weight:750;color:#355a69}.fw-widget-search-label input{display:block;width:100%;margin:5px 0 13px}.fw-widget-groups{display:flex;overflow-x:auto;gap:7px;padding-bottom:11px;margin-bottom:6px;scrollbar-width:thin}.fw-widget-groups button{flex:0 0 auto;border:1px solid #cfdfe5;background:#f6fafb;border-radius:30px;padding:8px 12px;font-size:12px;font-weight:700;color:#496c7c;cursor:pointer}.fw-widget-groups button[aria-pressed=true]{background:#0f5873;color:white;border-color:#0f5873}.fw-widget-setting[hidden]{display:none!important}
@media(max-width:760px){.fw-widget-preview-wrap>summary{font-size:15px}.fw-widget-library-head .fw-widget-options-title{font-size:16px}.fw-widget-presets button{flex:1 1 auto}.fw-widget-groups{margin-right:-12px;padding-right:12px}}

.fw-widget-groups button{width:auto!important;min-width:max-content}.fw-widget-presets button{width:calc(50% - 4px)!important;flex:0 0 calc(50% - 4px)}

@media(min-width:1100px){.fw-widget-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Today branch comparisons: two-column cards with scrollable branch rows. */
.fw-widget-branch_sales_today,.fw-widget-branch_services_today{justify-content:flex-start}.fw-widget-branch_sales_today .fw-compare-list,.fw-widget-branch_services_today .fw-compare-list{overflow:auto;min-height:0;padding-right:3px}.fw-widget-branch_services_today{background:#f2f7fc;border-color:#d8e4f1}


/* Evenly spaced round quick actions; no rectangular touch highlight. */
body.fw-signature a,body.fw-signature button{-webkit-tap-highlight-color:transparent}
body.fw-signature .fw-action-ring{height:min(310px,72vh);bottom:calc(env(safe-area-inset-bottom) + 90px)}
body.fw-signature .fw-action-ring .fw-action-item{left:var(--qa-x)!important;top:var(--qa-y)!important;right:auto!important;width:86px;transform:translate(-50%,-50%)!important;background:transparent!important;border-radius:50%;outline:none}
body.fw-signature .fw-action-ring .fw-action-item i{width:54px;height:54px;transition:transform .15s,box-shadow .15s}
body.fw-signature .fw-action-ring .fw-action-item b{font-size:10px;line-height:1.25;max-width:86px;color:#edf6fa}
body.fw-signature .fw-action-ring .fw-action-item:active i{transform:scale(.94);box-shadow:0 0 0 3px #5cd6bf55}
body.fw-signature .fw-action-ring .fw-action-item:focus-visible i{outline:3px solid #ffce69;outline-offset:4px}
body.fw-signature .fw-action-ring .fw-action-item .fw-ripple{display:none!important}
body.fw-signature .fw-action-ring .fw-action-item.fw-press{transform:translate(-50%,-50%)!important}
body.fw-signature .fw-fab:focus:not(:focus-visible),body.fw-signature button:focus:not(:focus-visible),body.fw-signature a:focus:not(:focus-visible){outline:none}
body.fw-signature .fw-fab:focus-visible{outline:3px solid #ffce69;outline-offset:4px}
@media(max-height:560px){body.fw-signature .fw-action-ring{height:260px}.fw-action-item i{width:46px!important;height:46px!important}}


/* Larger bottom navigation icons and labels, consistent alignment. */
@media(max-width:760px){
body.fw-signature .fw-mobile-bottom{height:72px!important;box-sizing:border-box!important;padding:7px 5px!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 64px minmax(0,1fr) minmax(0,1fr)!important;align-items:center!important;column-gap:2px}
body.fw-signature .fw-mobile-bottom>a,body.fw-signature .fw-mobile-bottom>.fw-more{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;min-width:0!important;width:100%!important;height:56px!important;min-height:44px!important;padding:3px 0!important;box-sizing:border-box!important;text-align:center!important;line-height:1!important;border-radius:12px}
body.fw-signature .fw-mobile-bottom>a>span,body.fw-signature .fw-mobile-bottom>.fw-more>span{display:grid;place-items:center;width:30px;height:30px;font-size:27px!important;line-height:1!important;font-weight:600}
body.fw-signature .fw-mobile-bottom b{font-size:11px!important;line-height:14px!important;font-weight:750!important;letter-spacing:0;white-space:nowrap}
body.fw-signature .fw-mobile-bottom>.fw-fab{justify-self:center!important;align-self:center!important;margin:-18px 0 0!important;width:54px!important;height:54px!important;min-width:54px!important;padding:0!important;display:grid!important;place-items:center!important;font-size:32px!important;line-height:1!important;border-radius:50%!important}
body.fw-signature .fw-mobile-bottom>a.active:after{bottom:0!important;left:50%;transform:translateX(-50%);width:24px!important;height:3px!important}
body.fw-signature .fw-mobile-bottom>a:focus-visible,body.fw-signature .fw-mobile-bottom>.fw-more:focus-visible{outline:2px solid #ffce69;outline-offset:1px}
}


@media(max-width:760px){
body.fw-signature .fw-more-sheet{left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom) + 90px);max-height:calc(100dvh - 135px);padding:18px;border-radius:24px;background:#f6f9fc;border:1px solid #dce7ee;box-shadow:0 18px 55px #0005}
body.fw-signature .fw-action-overlay.mode-more .fw-action-ring{visibility:hidden;pointer-events:none}
.fw-more-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.fw-more-handle{display:block;width:36px;height:4px;border-radius:99px;background:#c9d8e2;margin-bottom:12px}
.fw-more-head h2{margin:0;font-size:20px;color:#153449;letter-spacing:-.03em}.fw-more-head p{margin:5px 0 0;font-size:12px;color:#728798}
body.fw-signature .fw-more-close{display:grid;place-items:center;width:36px!important;height:36px!important;min-width:36px;padding:0!important;margin:0!important;border:0;background:#e6eef4;color:#31546a;border-radius:50%;font-size:25px;line-height:1}
.fw-more-group{margin-top:18px}.fw-more-group h3{margin:0 0 9px;font-size:11px;color:#718698;letter-spacing:.06em;text-transform:uppercase}
.fw-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
body.fw-signature .fw-more-sheet a.fw-more-tile{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:58px;box-sizing:border-box;padding:10px;background:#fff;border:1px solid #e1eaf0;border-radius:14px;color:#24465b;text-decoration:none}
.fw-more-icon{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:11px;background:#e0f4f0;color:#167c70;font-size:22px;font-weight:650}
body.fw-signature .fw-more-sheet .fw-more-tile b{font-size:12px;line-height:1.3;font-weight:750}.fw-more-group:nth-of-type(3) .fw-more-icon{background:#fff0cf;color:#a27114}.fw-more-group:nth-of-type(4) .fw-more-icon{background:#ede7fa;color:#7858b3}
body.fw-signature .fw-more-sheet a[aria-current=page]{border-color:#269b91;background:#edf9f6}
body.fw-signature .fw-more-sheet a:focus-visible,body.fw-signature .fw-more-sheet button:focus-visible{outline:3px solid #199e91;outline-offset:2px}
.fw-mobile-bottom .fw-more[aria-expanded=true]{color:#64e1c7}
.fw-more-sheet .fw-ripple{display:none!important}
}


.bs-search-form>label{font-size:13px;font-weight:700}.bs-search-form>div{display:flex;gap:8px}.bs-search-form input{flex:1;min-width:0;margin:0!important}.bs-search-form button{width:auto!important;white-space:nowrap;margin:0!important;font-size:12px;padding:11px}.bs-help,.bs-result-count{font-size:11px;color:#73818c;line-height:1.5}.bs-product h2{font-size:17px;margin:0}.bs-product-size{font-size:13px;color:#647e8e;margin:5px 0 12px}.bs-branch{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:13px 0;border-top:1px solid #e7edf1;align-items:center}.bs-branch-info b{font-size:13px;display:block}.bs-branch-info small{font-size:11px;display:block;margin-top:3px}.bs-availability{text-align:right;padding:6px 10px;border-radius:10px}.bs-availability strong{display:block;font-size:22px}.bs-availability small{font-size:10px}.bs-in{background:#e4f6ee;color:#137650}.bs-out{background:#f1f3f5;color:#7b868f}.bs-contact{grid-column:1/-1;display:flex;align-items:center;gap:10px}.bs-contact a{display:inline-flex;align-items:center;min-height:36px;background:#e8f2fa;color:#235b7c;border-radius:9px;padding:0 12px;font-size:12px;font-weight:700;text-decoration:none}.bs-contact small{font-size:11px}.bs-empty p{font-size:13px;line-height:1.5;color:#62798b}.bs-pagination{display:flex;justify-content:space-between;margin-bottom:18px}@media(max-width:380px){.bs-search-form>div{flex-direction:column}.bs-search-form button{width:100%!important}}


/* Correct mobile list gutters and centre the round plus in the navigation. */
@media(max-width:760px){
body.fw-signature .fw-mobile-bottom>.fw-fab{margin:0!important;align-self:center!important;justify-self:center!important;box-sizing:border-box!important}
body.fw-signature .fw-mobile-bottom>a,body.fw-signature .fw-mobile-bottom>.fw-more{align-self:center!important}
}
@media(max-width:700px){
body.fw-signature .responsive-table.fw-mobile-cards{margin:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}
body.fw-signature .fw-mobile-cards table,body.fw-signature .fw-mobile-cards tbody,body.fw-signature .fw-mobile-cards tbody tr{box-sizing:border-box!important;max-width:100%!important}
body.fw-signature .fw-mobile-cards tbody tr{width:100%!important}
body.fw-signature[data-fw-page="orders"] .fw-orders-results{padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important}
body.fw-signature[data-fw-page="orders"] .fw-orders-results .fw-mobile-cards tbody tr{padding:14px!important;margin:0 0 12px!important}
body.fw-signature[data-fw-page="orders"] main{padding-bottom:110px!important}
}

/* Branch menu must escape header bounds and sit above dashboard cards. */
body.fw-signature>header.fw-store-header{overflow:visible!important;z-index:1000!important;isolation:isolate}
body.fw-signature>header.fw-store-header:after{pointer-events:none;right:0}
.fw-shop-switch[open]{z-index:1002}
.fw-shop-switch .fw-shop-options{z-index:1003!important;max-height:min(60vh,420px);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 15px 35px #071b3540}