*{box-sizing:border-box}body{margin:0;color:#10213a;background:#f0f2f5;font:15px "Segoe UI",Tahoma,system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:white;color:#10213a;border:1px solid #e2e6ec;border-radius:10px;padding:12px}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #ffad70;outline-offset:3px}h1,h2,h3,p{margin:0}h2{font-size:23px;letter-spacing:-.5px}h3{font-size:16px}p{line-height:1.6}small{font-size:12px;color:#7b879a}svg{width:23px;height:23px;vertical-align:middle}a{color:inherit;text-decoration:none}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.primary,.active{background:#ff701f!important;border-color:#ff701f!important;color:white!important}.primary{font-weight:700;min-height:51px}.primary span{float:right;font-size:21px}.danger{background:#e51e37;color:white;border-color:#e51e37;font-weight:700}.wide{width:100%}.pill{display:inline-block;background:#f1f4f8;color:#6c7b8f;padding:5px 8px;border-radius:6px;font-size:11px}.site-top{max-width:1080px;margin:28px auto;display:flex;justify-content:space-between;align-items:center;padding:0 24px}.brand{font-size:22px;font-weight:900;letter-spacing:-.8px}.brand span{color:#ff701f}.site-top small{display:block;margin-top:4px}.demo-badge{padding:7px 11px;border:1px solid #d8dfe6;border-radius:20px;font-size:11px;color:#6d7a8c}.app-stage{max-width:1060px;margin:35px auto;display:grid;grid-template-columns:440px 1fr;gap:75px;padding:0 24px;align-items:start}.phone{background:#fff;border:7px solid #132236;border-radius:39px;overflow:hidden;position:relative}.statusbar{height:35px;padding:10px 23px 0;display:flex;justify-content:space-between;font-size:11px;font-weight:700}.statusbar i{background:#132236;border-radius:12px;width:92px;height:21px;position:absolute;left:50%;transform:translateX(-50%);top:9px}.app-head{padding:19px 19px 12px;border-bottom:1px solid #f0f2f6;display:flex;align-items:center;justify-content:space-between}.logo-box{background:#132236;color:#fff;border-radius:9px;padding:8px;font-weight:900;font-size:14px}.app-head small{font-size:11px}.screen{padding:24px 17px 18px;min-height:560px}.page-heading{margin-bottom:20px}.page-heading>small{font-size:9px;letter-spacing:1.5px;color:#f57935;font-weight:700}.page-heading h2{margin-top:6px}.page-heading p{font-size:12px;color:#8290a3;margin-top:7px}.vehicle{display:flex;align-items:center;gap:12px;border:1px solid #e4e9f0;border-radius:12px;padding:12px;margin-bottom:22px;background:#fafbfd}.vehicle p{font-size:11px;color:#7c889b;margin:4px 0}.vehicle-tag{color:#e86722;border:1px solid #ffd7bf;font-size:10px;padding:2px 8px;border-radius:5px}.car-art{width:108px;flex-shrink:0}.car-art svg{width:100%;height:80px}.category{display:flex;justify-content:space-between;font-size:12px;padding-bottom:13px;border-bottom:1px solid #e6ebf0}.category b{position:relative}.category b:after{content:'';position:absolute;bottom:-14px;height:3px;background:#ff701f;left:0;right:0}.category span{color:#8c99aa;font-size:11px}.part-card{margin:17px 0;border:1px solid #e4e9ef;border-radius:13px;overflow:hidden}.part-card.chosen{border-color:#ffc9a9}.product-top{display:flex;gap:11px;align-items:center;padding:14px 12px}.product-top>div:nth-child(2){flex:1}.product-top h3{margin:4px 0 8px;font-size:15px}.product-top small{font-size:8px;letter-spacing:.7px}.product-art{width:83px;height:85px;background:#f4f6f8;border-radius:9px;display:grid;place-items:center;flex-shrink:0}.product-art svg{width:80px;height:78px}.product-art img{width:80px;height:78px;object-fit:contain}.product-top input{width:18px;height:18px;accent-color:#ff701f}.price-option{display:flex;align-items:center;gap:10px;width:100%;border:0;border-radius:0;text-align:left;padding:13px 14px;border-top:1px solid #f0f2f6}.price-option>span:nth-child(2){flex:1}.price-option b{font-size:13px}.price-option small{display:block;font-size:10px;margin-top:4px}.price-option b small{display:inline;color:#95a0af;font-weight:400}.price-option strong{font-size:15px}.check-mark{width:18px;height:18px;border:1.5px solid #bdc7d1;border-radius:4px;display:grid;place-items:center;font-size:12px}.picked .check-mark{background:#ff701f;border-color:#ff701f;color:white}.picked{background:#fffaf6}.labor-row{display:flex;justify-content:space-between;padding:14px;background:#fafbfd;border-top:1px solid #edf0f4;font-size:12px}.labor-row svg{width:17px;height:17px;color:#8d98a6;margin-right:7px}.checkout{position:sticky;bottom:0;background:white;padding:12px 0 0;z-index:2}.checkout .row{background:#fff3dd;border-radius:12px;padding:14px;margin-bottom:10px}.grand{font-size:25px}.bottom-nav{position:sticky;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);padding:11px 5px 20px;background:white;border-top:1px solid #edf0f5}.bottom-nav button{border:0;padding:4px;border-radius:0;display:grid;justify-items:center;gap:5px;font-size:10px;color:#8c98a9}.bottom-nav .current{color:#f26c27}.bottom-nav button:last-child{color:#d52d40}.hero{padding-top:70px}.eyebrow{font-size:11px;letter-spacing:2px;color:#f1712c;font-weight:700}.hero h1{font-size:48px;line-height:1.25;letter-spacing:-1.7px;margin:18px 0 20px}.hero h1 span{color:#f1712c}.hero>p{color:#7f8b9d;font-size:16px;line-height:1.9;max-width:400px}.hero-line{border-top:1px solid #dce1e8;margin:28px 0;padding-top:22px;display:flex;gap:30px}.hero-line b{display:block;font-size:20px}.hero-line small{font-size:11px}.feature{display:flex;gap:15px;margin:25px 0}.feature svg{color:#f1712c}.feature p{color:#7f8b9d;font-size:12px;margin-top:5px}.prototype-note{font-size:11px;color:#8691a2;border-top:1px solid #dce1e8;padding-top:18px;margin-top:30px;line-height:1.8}.garage-card{display:flex;gap:14px;padding:14px;border:1px solid #e3e8ee;border-radius:12px}.garage-icon{background:#132236;color:#fff;width:62px;height:62px;display:grid;place-content:center;font-weight:900;border-radius:9px}.garage-card p{font-size:11px;color:#7c8798;margin-top:4px}.garage-card small{font-size:9px}.total{background:#fff3dd;border-radius:12px;padding:15px;margin:17px 0;font-weight:700;font-size:14px}.calendar{padding:17px 0;margin-top:10px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;gap:5px;margin-top:16px}.calendar-grid button{border:0;padding:9px 0;border-radius:50%;font-size:12px}.calendar-grid small{font-size:10px;margin-bottom:5px}.section-title{margin:18px 0 12px}.slots{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.slots button{font-size:12px;padding:10px 5px;border-color:#a6b7ca}.slots button small{font-size:10px;display:block;margin-top:4px}.slots .active small{color:white}.slots button:disabled{background:#e9ecf0}.screen label{display:block;font-size:12px;font-weight:600;margin:15px 0}.screen input:not([type=checkbox]),select,textarea{width:100%;padding:11px;border:1px solid #dce3ec;border-radius:9px;background:#fff;margin-top:7px;font-size:13px;color:#20324a}.screen input[type=date]{margin-top:7px}.note{font-size:11px;line-height:1.8;color:#8a96a7;margin-top:14px}.card{padding:17px;border:1px solid #e1e6ed;border-radius:13px;margin:15px 0}.card p{margin:9px 0;font-size:13px;color:#7c899a}.sos-banner{background:#e51e37;border-radius:12px;padding:19px;color:white;margin-bottom:15px}.sos-banner b{font-size:23px}.sos-banner p{font-size:11px;margin-top:4px}.map{height:210px;background:#e7edf1;position:relative;overflow:hidden;border-radius:13px;background-image:repeating-linear-gradient(0deg,transparent,transparent 34px,#d2dde4 35px,#d2dde4 37px),repeating-linear-gradient(90deg,transparent,transparent 45px,#d2dde4 46px,#d2dde4 48px)}.road{position:absolute;background:white;width:500px;height:13px;transform:rotate(-32deg);left:-60px;top:70px;border:1px solid #d3dce4}.r2{top:170px;transform:rotate(28deg)}.r3{height:8px;transform:rotate(80deg);top:90px}.map-pin{position:absolute;background:#132236;color:white;padding:8px;border-radius:14px;font-size:10px;top:30px;left:38px}.pin2{left:auto;right:24px;top:65px}.you-pin{position:absolute;top:130px;left:110px;border:5px solid #ffc1c9;background:#e51e37;color:white;padding:8px;border-radius:30px;font-size:10px}.map-label{position:absolute;bottom:8px;right:9px;background:white;padding:3px 7px;font-size:9px}#toast{display:none;position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#132236;color:white;padding:14px 22px;border-radius:12px;font-size:13px;z-index:20;max-width:90vw}.admin-shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{background:#102139;color:#fff;padding:29px 18px;position:sticky;top:0;height:100vh}.sidebar .brand{font-size:23px;padding:0 10px}.sidebar>small{display:block;padding:6px 10px 35px;color:#8192a9}.admin-nav{display:grid;gap:8px}.admin-nav button{border:0;background:transparent;color:#a4b3c6;text-align:left;padding:14px;font-size:13px;display:flex;gap:10px;align-items:center}.admin-nav button svg{width:20px;height:20px}.admin-nav .current{background:#ff701f;color:white}.sidebar-footer{position:absolute;bottom:28px;font-size:11px;color:#8192a9;padding:0 10px}.admin-top{padding:23px 35px;background:white;border-bottom:1px solid #e1e6ec;display:flex;justify-content:space-between}.admin-top b{font-size:13px}.admin-main{padding:33px;max-width:1400px}.admin-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.admin-heading h2{font-size:27px}.admin-heading p{color:#8a95a5;font-size:12px;margin-top:8px}.panel{background:white;border:1px solid #e4e8ee;border-radius:14px;padding:24px}.panel h3{margin-bottom:15px}.panel>small{display:block}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.order{border-bottom:1px solid #edf0f4;padding:22px 0}.order:last-child{border:0}.order p{margin:10px 0;font-size:13px;color:#788598}.panel label{display:block;margin:15px 0;font-size:12px}.panel input{width:100%;padding:11px;border:1px solid #dce3ec;border-radius:9px;margin-top:7px}.panel .card img{display:block}.admin-demo{font-size:11px;color:#b06938;padding:12px 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.stat{background:white;border:1px solid #e4e8ee;border-radius:12px;padding:20px}.stat b{display:block;font-size:29px;margin-top:8px}.stat small{font-size:12px}.nav{display:flex;gap:8px}@media(max-width:850px){.app-stage{display:block;margin:0;padding:0}.hero,.site-top{display:none}.phone{border:0;border-radius:0;max-width:480px;margin:auto}.statusbar{display:none}.screen{padding-top:23px}.app-head{padding-top:20px}.bottom-nav{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.admin-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:17px}.sidebar>small,.sidebar-footer{display:none}.admin-nav{display:flex;flex-wrap:wrap;margin-top:15px;gap:4px}.admin-nav button{padding:10px;font-size:11px}.admin-top{padding:15px}.admin-main{padding:18px}.admin-grid{grid-template-columns:1fr}.stats{gap:8px}.stat{padding:12px}.stat b{font-size:22px}.admin-heading h2{font-size:22px}.demo-badge{font-size:9px}}
@media(min-width:851px){.phone .screen{height:660px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d5dde6 transparent}.phone .bottom-nav{position:static}.phone .checkout{padding-bottom:10px}}@media(max-width:850px){body[data-app=customer]{background:white}.phone{height:100dvh;display:flex;flex-direction:column}.phone .screen{flex:1;overflow-y:auto;min-height:0}.bottom-nav{flex-shrink:0}.checkout{padding-bottom:10px}}

.car-picker{border:1px solid #e4e9ef;border-radius:10px;padding:12px;margin:-8px 0 20px;font-size:12px}.car-picker summary{cursor:pointer;color:#ef6c25;font-weight:600}.model-tree{border-left:2px solid #ffd1b7;padding:8px 14px;margin:12px 0 0 8px}.panel hr{border:0;border-top:1px solid #e6eaf0;margin:25px 0}

.delete-small{font-size:11px;padding:6px 9px;color:#c63448;border-color:#f0dce0;white-space:nowrap}.variant-row{margin-top:10px}.recycle{margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.gps-panel{border:1px solid #dce4ee;border-radius:12px;padding:14px;margin:16px 0}.gps-panel p{margin-bottom:12px}.gps-panel #gpsStatus{font-size:11px;padding:12px 0;color:#6c7d92}.gps-panel button{font-size:12px}.maps-open{display:block;color:#246bd1;font-size:12px;margin-top:12px}.gps-panel small{display:block;font-size:10px;margin-top:6px}

.stock-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sku-note{display:block;padding:12px;font-size:10px;line-height:1.7}.request-part{font-size:11px;color:#e56624;padding:9px 12px;margin:5px 10px;border:0;background:#fff8f2}.fitment-input{padding:14px;border:1px solid #e4e9ef;border-radius:10px;margin:12px 0}.panel input[type=checkbox]{width:18px;vertical-align:middle;margin-right:5px;accent-color:#ff701f}.demo-info{font-size:12px;color:#98632d;margin-bottom:20px;background:#fff8ee}.card details{font-size:12px;margin:14px 0}.card summary{cursor:pointer;color:#e56f25}

.stock-alert{padding:15px;border:1px solid #ffc1b9;background:#fff1ee;color:#ac3940;border-radius:12px;margin:14px 0;font-size:12px}.stock-alert p{margin:8px 0;font-size:11px}.stock-alert small{color:#ac6266}.line-settings{margin-bottom:18px}.line-settings label{max-width:650px}.reservation-dialog{width:min(430px,90vw);border:1px solid #dce3ec;border-radius:20px;padding:24px;color:#132236}.reservation-dialog::backdrop{background:rgba(16,33,57,.5)}.reservation-dialog p{margin:12px 0;font-size:14px}.reservation-dialog label{display:block;margin:14px 0;font-size:12px}.reservation-dialog textarea{min-height:175px;line-height:1.6}.reservation-dialog small{display:block;margin:12px 0;font-size:11px;line-height:1.7}.line-button{display:block;width:100%;padding:13px;background:#06a85b;color:white;border:0;border-radius:10px;text-align:center;font-size:13px;font-weight:700}.line-button:disabled{background:#d5dee1;color:#607185;opacity:1}
.easy-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.easy-toolbar h3{font-size:21px}.easy-toolbar p,.easy-caption{font-size:13px;color:#7a899c;margin:10px 0 20px;line-height:1.8}.easy-search{display:block;font-size:12px;margin:20px 0}.easy-search input{width:100%;padding:13px;border:1px solid #dce3ec;border-radius:10px;margin-top:8px}.easy-product{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:20px;background:white;border:1px solid #e4e9f0;border-radius:14px;padding:22px;margin:12px 0;align-items:center}.easy-product h3{margin:7px 0}.easy-product p{font-size:12px;color:#8794a4}.easy-product b,.easy-product span{display:block;margin-top:6px}.easy-product span{font-size:12px;color:#8794a4}.easy-settings{margin:20px 0;font-size:13px;color:#78879a}.easy-settings summary{cursor:pointer;padding:10px 0}.easy-wizard{max-width:900px;margin:auto}.easy-wizard .panel{padding:28px}.easy-steps{display:flex;gap:12px;margin:25px 0}.easy-steps span{flex:1;border-bottom:3px solid #e0e6ed;padding:12px 0;font-size:13px;color:#8995a5}.easy-steps .current{color:#f16b23;border-color:#f16b23;font-weight:700}.easy-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.easy-price{background:#f6f8fb;border-radius:12px;padding:18px;margin:15px 0}.easy-price h3{font-size:18px}.easy-actions{display:flex;justify-content:space-between;padding:20px 0}.easy-actions .primary{min-width:180px}.easy-match{border:1px solid #e3e9f0;border-radius:12px;padding:18px;margin:15px 0}.easy-match h3{margin:0 0 12px}.easy-match-row>label{display:flex;align-items:center;gap:14px;font-size:14px;cursor:pointer}.easy-match-row small{display:block;margin-top:5px}.easy-match-row details{font-size:12px;color:#7f8c9d;margin:10px 0 0 35px}.easy-chips{display:flex;gap:8px;flex-wrap:wrap}.easy-chips button{font-size:11px;color:#e96926;background:#fff6ef;border-color:#ffe0cb}.easy-summary{background:#fff7ed;border-radius:13px;padding:20px;margin:20px 0}.easy-summary b{font-size:20px}.easy-summary p{font-size:14px;margin-top:10px}.easy-review-car{border-bottom:1px solid #e9edf2;padding:14px 0;font-size:14px}@media(max-width:750px){.easy-product{grid-template-columns:1fr 1fr}.easy-product>div:first-child{grid-column:1/-1}.easy-product button{grid-column:1/-1}.easy-two{grid-template-columns:1fr;gap:0}.easy-toolbar{align-items:flex-start;flex-direction:column}.easy-wizard .panel{padding:18px}.easy-steps span{font-size:11px}.easy-actions .primary{min-width:130px}}
.bottom-nav{grid-template-columns:repeat(5,1fr)}
.sos-live{background:#18191d;color:#fff;border-radius:18px;padding:16px}.sos-live-head small{font-size:9px;letter-spacing:1.2px;color:#c9cbd2}.sos-live-head h2{color:#fff;font-size:23px;margin:10px 0}.sos-live-head p,.sos-live-panel p{font-size:12px;line-height:1.8;margin:12px 0}.sos-live-head p{color:#c4c6cc}.sos-live-panel{background:#24262c;border:1px solid #373941;padding:16px;border-radius:14px;margin-top:16px}.sos-live-panel h3{font-size:17px;line-height:1.6;color:#fff;margin-bottom:16px}.sos-live label{color:#e5e6eb;font-size:12px;display:block;margin:14px 0}.sos-live input,.sos-live textarea,.sos-live select{background:#fff;color:#18191d;border:1px solid #e1e2e6;border-radius:8px;width:100%;padding:11px;margin-top:7px;box-sizing:border-box}.sos-live button{background:#32353e;color:#fff;border:1px solid #50545f;border-radius:9px;padding:12px;font-size:12px;cursor:pointer}.sos-live button:disabled{opacity:.55;cursor:default}.sos-live .sos-primary{background:#dc3543;border-color:#dc3543;color:#fff;font-weight:700}.sos-live .sos-check{display:flex;gap:10px;align-items:flex-start;line-height:1.7}.sos-live .sos-check input{width:19px;height:19px;margin:0;flex-shrink:0;accent-color:#dc3543}.sos-categories{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sos-categories button{min-height:66px;font-size:13px}.sos-categories .chosen{background:#dc3543;border-color:#fb6b77}.sos-progress{display:flex;justify-content:space-between;gap:10px;margin-top:20px}.sos-progress span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#34363d;font-size:12px}.sos-progress .active{background:#dc3543}.sos-live-actions{display:flex;gap:10px;margin:22px 0 5px}.sos-live-actions button{flex:1}.sos-coordinates{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sos-muted{color:#b4b7c1;font-size:11px!important}.sos-live-error{border:1px solid #ec6170;background:#47212a;padding:14px;border-radius:10px;font-size:12px;line-height:1.7;margin:15px 0}.sos-map-link{color:#fff;text-decoration:underline;font-size:12px}.sos-tag{display:inline-block;padding:7px 10px;background:#3b3035;color:#ffb5bf;border-radius:6px;font-size:10px;letter-spacing:.6px;margin-bottom:12px}.sos-id{font-size:10px!important;overflow-wrap:anywhere;color:#bec1ca}.sos-history{font-size:12px;margin:20px 0 4px}.sos-history summary{cursor:pointer}.sos-history button{display:block;width:100%;margin-top:10px;text-align:left}

body[data-app="admin"]:not(.admin-authenticated) .admin-shell{display:none}#admin-login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#102137,#203a55);padding:24px}.admin-authenticated #admin-login{display:none}.admin-login-card{width:min(440px,100%);background:white;padding:34px;border-radius:22px;box-shadow:0 24px 70px #0004}.admin-login-card .brand{color:#102137}.admin-login-card label{display:block;margin:18px 0}.admin-login-card input{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #d6dee8;border-radius:10px}.admin-login-card form>.btn{width:100%}#admin-auth-error{color:#c53930}

.nsp-native .site-top,.nsp-native .hero,.nsp-native .statusbar{display:none}.nsp-native .app-stage{display:block;margin:0;padding:0;max-width:none}.nsp-native .phone{height:100dvh;width:100%;max-width:none;margin:0;border:0;border-radius:0;display:flex;flex-direction:column}.nsp-native .phone .screen{height:auto;flex:1;min-height:0;overflow-y:auto}.nsp-native .phone .bottom-nav{position:static;flex-shrink:0}
/* Separate each customer's booking and its actions into one distinct card. */
body[data-app="admin"] #adminScreen .panel:has(> .order){background:transparent;border:0;padding:0;box-shadow:none}
body[data-app="admin"] #adminScreen .panel:has(> .order)>h3{margin:0 0 8px}
body[data-app="admin"] #adminScreen .panel:has(> .order)>small{display:block;margin-bottom:20px}
body[data-app="admin"] #adminScreen .order{background:#fff;border:1px solid #cbd5e1;border-left:5px solid #ff6b18;border-radius:14px;padding:24px;margin:0 0 24px;box-shadow:0 3px 12px rgba(15,35,60,.06);overflow:hidden}
body[data-app="admin"] #adminScreen .order>.row:first-child{background:#f1f5f9;margin:-24px -24px 18px;padding:18px 24px;border-bottom:1px solid #e2e8f0;gap:12px;align-items:flex-start}
body[data-app="admin"] #adminScreen .order>.row:first-child>b:first-child{overflow-wrap:anywhere;line-height:1.6}
body[data-app="admin"] #adminScreen .order>.row:first-child>b:last-child{white-space:nowrap;color:#ea580c;font-size:18px}
@media(max-width:850px){body[data-app="admin"] #adminScreen .order{padding:18px;margin-bottom:20px}body[data-app="admin"] #adminScreen .order>.row:first-child{margin:-18px -18px 16px;padding:16px 18px;flex-wrap:wrap}}
body[data-app="admin"] #adminScreen .order{--order-color:#ea580c;--order-bg:#fff7ed;--order-text:#9a3412;border-left-color:var(--order-color)}
body[data-app="admin"] #adminScreen .order[data-order-status="confirmed"]{--order-color:#0284c7;--order-bg:#e0f2fe;--order-text:#075985}
body[data-app="admin"] #adminScreen .order[data-order-status="repairing"]{--order-color:#7c3aed;--order-bg:#ede9fe;--order-text:#5b21b6}
body[data-app="admin"] #adminScreen .order[data-order-status="completed"]{--order-color:#16a34a;--order-bg:#dcfce7;--order-text:#166534}
body[data-app="admin"] #adminScreen .order[data-order-status="cancelled"]{--order-color:#64748b;--order-bg:#e2e8f0;--order-text:#334155;background:#f8fafc;border-color:#94a3b8}
body[data-app="admin"] #adminScreen .order-status-band{background:var(--order-bg);color:var(--order-text);border-left:4px solid var(--order-color);padding:12px 16px;margin:0 0 18px;border-radius:7px;font-weight:700;font-size:14px}
body[data-app="admin"] #adminScreen .order[data-order-status="cancelled"]>.row:first-child{background:#e2e8f0}
body[data-app="admin"] #adminScreen .order-footer-actions{display:flex;justify-content:flex-end;margin-top:18px;padding-top:16px;border-top:1px solid #e2e8f0}
body[data-app="admin"] #adminScreen .order-cancel-button{border:1px solid #fecaca;color:#b91c1c;background:#fff1f2;font-weight:600;padding:10px 18px}
body[data-app="admin"] #adminScreen .order-cancel-button:hover{background:#fee2e2;border-color:#ef4444}
body[data-app="admin"] #adminScreen .order-cancel-form{width:100%;max-width:560px;background:#fff7f7;border:1px solid #fecaca;border-radius:10px;padding:18px}
body[data-app="admin"] #adminScreen .order-cancel-form h4{color:#b91c1c;margin:0 0 10px}
body[data-app="admin"] #adminScreen .order-cancel-form p{font-size:13px}
body[data-app="admin"] #adminScreen .order-cancel-form .cancel-result{color:#b91c1c;font-weight:600}
body[data-app="customer"] .customer-order-card{--status-color:#ea580c;--status-bg:#fff7ed;--status-text:#9a3412;border-left:4px solid var(--status-color);padding:18px;border-radius:12px;margin-bottom:16px}
body[data-app="customer"] .customer-order-card[data-order-status="confirmed"]{--status-color:#0284c7;--status-bg:#e0f2fe;--status-text:#075985}
body[data-app="customer"] .customer-order-card[data-order-status="repairing"]{--status-color:#7c3aed;--status-bg:#ede9fe;--status-text:#5b21b6}
body[data-app="customer"] .customer-order-card[data-order-status="completed"]{--status-color:#16a34a;--status-bg:#dcfce7;--status-text:#166534}
body[data-app="customer"] .customer-order-card[data-order-status="cancelled"]{--status-color:#64748b;--status-bg:#e2e8f0;--status-text:#334155;background:#f8fafc}
body[data-app="customer"] .customer-order-status{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--status-bg);color:var(--status-text);border-radius:7px;font-size:13px;font-weight:700}
body[data-app="customer"] .status-dot{width:8px;height:8px;flex:none;border-radius:50%;background:var(--status-color)}
body[data-app="customer"] .customer-order-total{font-weight:600;color:#0f233c}
body[data-app="customer"] .checkout{position:sticky;bottom:0;background:#fff;padding:10px 0;z-index:10;border-top:1px solid #e2e8f0}
body[data-app="customer"] .checkout>.row{position:relative;background:#fff4dd;border-radius:10px;padding:12px;gap:8px}
body[data-app="customer"] .estimate-toggle{flex:none;width:34px;height:34px;padding:0;border:1px solid #fed7aa;background:white;font-size:23px;line-height:1;color:#9a3412}
body[data-app="customer"] .checkout.estimate-collapsed{padding:5px 0}
body[data-app="customer"] .checkout.estimate-collapsed>.row{padding:7px 12px}
body[data-app="customer"] .checkout.estimate-collapsed>.row small,body[data-app="customer"] .checkout.estimate-collapsed>.row br,body[data-app="customer"] .checkout.estimate-collapsed>.row>.pill,body[data-app="customer"] .checkout.estimate-collapsed>button{display:none}
body[data-app="customer"] .checkout.estimate-collapsed .grand{font-size:22px}