:root{--bg:#f5f7fb;--card:#fff;--ink:#101828;--muted:#667085;--brand:#ff9f0a;--brand2:#ff7a00;--ok:#12b76a;--bad:#f04438;--line:#e4e7ec;--nav:#0b1220;--nav2:#162033;--shadow:0 16px 46px rgba(16,24,40,.10);--softshadow:0 8px 24px rgba(16,24,40,.06)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.app{max-width:1240px;margin:auto;min-height:100vh}.public-app{background:linear-gradient(180deg,#fff 0,#f7f9fc 44%,#f5f7fb 100%)}.top{height:68px;background:var(--nav);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:50}.top-premium{height:74px;border-radius:0 0 18px 18px;box-shadow:0 8px 28px rgba(5,14,29,.12)}.brand{display:flex;gap:11px;align-items:center;font-weight:900;font-size:18px}.brand>div:last-child{display:flex;flex-direction:column;line-height:1.1}.brand small{font-size:10px;font-weight:600;color:#98a2b3;margin-top:4px;letter-spacing:.2px}.logo{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#ffb800,var(--brand2));display:grid;place-items:center;color:#121826;font-weight:950;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}.top-help{font-size:13px;font-weight:800;padding:9px 13px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.07)}.container{padding:18px}.public-container{padding:22px 22px 34px}.hero{padding:26px 22px;background:linear-gradient(135deg,#111827 0%,#1f2937 65%,#3a2b00 100%);color:#fff;border-radius:24px;box-shadow:var(--shadow);overflow:hidden}.hero-premium{min-height:470px;padding:48px;display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:center;background:radial-gradient(circle at 90% 5%,rgba(255,159,10,.23),transparent 33%),linear-gradient(145deg,#0b1220 0%,#101b2e 68%,#1c2432 100%);position:relative}.hero-premium:after{content:"";position:absolute;inset:auto -120px -170px auto;width:390px;height:390px;border:1px solid rgba(255,255,255,.06);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018)}.hero h1{font-size:clamp(34px,5vw,64px);line-height:.98;margin:0 0 16px;letter-spacing:-2px}.hero h1 span{color:#ffb11a}.hero p{color:#cbd5e1;max-width:700px;font-size:17px;line-height:1.6}.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);font-size:12px;font-weight:800;color:#f8fafc;margin-bottom:20px}.live-dot{width:8px;height:8px;border-radius:50%;background:#30d158;box-shadow:0 0 0 5px rgba(48,209,88,.12)}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:24px}.hero-btn{min-width:150px}.trust-row{display:flex;flex-wrap:wrap;gap:12px 18px;margin-top:25px;color:#cbd5e1;font-size:12px;font-weight:700}.hero-status-card{position:relative;z-index:2;background:#fff;color:var(--ink);border-radius:24px;padding:18px;box-shadow:0 26px 60px rgba(0,0,0,.28);max-width:390px;justify-self:end;width:100%;transform:rotate(1deg)}.mini-top{display:flex;align-items:center;gap:11px}.mini-top div{display:flex;flex-direction:column;gap:3px}.mini-top small,.eta-row small{color:var(--muted)}.mini-icon{width:42px;height:42px;border-radius:14px;background:#fff3dc;display:grid;place-items:center;font-size:20px}.mini-map{height:190px;margin:15px 0;border-radius:18px;position:relative;overflow:hidden;background:linear-gradient(90deg,transparent 48%,#d9e2ec 49%,#d9e2ec 51%,transparent 52%),linear-gradient(0deg,transparent 48%,#d9e2ec 49%,#d9e2ec 51%,transparent 52%),#edf4ef;background-size:90px 90px}.road{position:absolute;background:#fff;border:1px solid #e4e7ec}.r1{width:130%;height:18px;left:-20%;top:55%;transform:rotate(-17deg)}.r2{width:18px;height:130%;left:62%;top:-15%;transform:rotate(8deg)}.mini-pin{position:absolute;width:34px;height:34px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:grid;place-items:center;font-size:10px;font-weight:900;color:#111;border:3px solid #fff;box-shadow:0 4px 14px rgba(0,0,0,.2)}.mini-pin>*{transform:rotate(45deg)}.worker-pin{left:24%;top:35%;background:#ffac16}.home-pin{right:18%;bottom:22%;background:#30d158;color:#fff}.mini-pin.worker-pin,.mini-pin.home-pin{line-height:28px}.eta-row{display:flex;justify-content:space-between;align-items:center}.eta-row div{display:flex;flex-direction:column}.eta-row b{font-size:20px}.quick-section,.how-section{padding:34px 0 6px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:16px}.section-head h2{font-size:28px;margin:3px 0 0;letter-spacing:-.7px}.kicker{font-size:11px;font-weight:900;letter-spacing:1.1px;color:#f37a00}.text-link{font-size:13px;font-weight:800;color:#b54708}.service-showcase{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.service-tile{background:#fff;border:1px solid #eaecf0;border-radius:21px;padding:19px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--softshadow);transition:.2s ease}.service-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.service-tile b{font-size:16px}.service-tile small{color:var(--muted)}.service-ico{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;font-size:22px;margin-bottom:6px}.service-ico.blue{background:#eaf2ff}.service-ico.amber{background:#fff3dc}.service-ico.cyan{background:#e7f9fb}.service-ico.violet{background:#f1ebff}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.how-card{display:flex;gap:14px;background:#fff;border:1px solid #eaecf0;border-radius:20px;padding:20px;box-shadow:var(--softshadow)}.how-card>span{flex:0 0 36px;width:36px;height:36px;border-radius:12px;background:#101828;color:#fff;display:grid;place-items:center;font-weight:900}.how-card b{display:block;margin:2px 0 6px}.how-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.safety-banner{margin-top:28px;border-radius:24px;padding:22px 24px;background:#fff4df;border:1px solid #ffe0a3;display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center}.safety-icon{width:48px;height:48px;border-radius:15px;background:#fff;display:grid;place-items:center;font-size:23px}.safety-banner p{margin:5px 0 0;color:#6f4b12;font-size:13px}.public-footer{display:flex;justify-content:space-between;padding:22px;color:#98a2b3;font-size:12px}.mobile-cta{display:none}.grid{display:grid;gap:14px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 4px 18px rgba(16,24,40,.04)}.section-title{font-size:20px;font-weight:850;margin:22px 0 12px}.btn{border:0;border-radius:14px;padding:13px 16px;font-weight:850;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px}.btn.primary{background:linear-gradient(135deg,#ffb019,var(--brand2));color:#151515;box-shadow:0 8px 20px rgba(255,140,0,.22)}.btn.dark{background:#111827;color:#fff}.btn.glass{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.15)}.btn.soft{background:#fff3d6;color:#7a4500;border:1px solid #ffd77b}.btn.ok{background:#ecfdf3;color:#027a48;border:1px solid #abefc6}.btn.bad{background:#fef3f2;color:#b42318;border:1px solid #fecdca}.btn.full{width:100%}.field{margin:12px 0}.field label{display:block;font-size:13px;font-weight:750;margin-bottom:7px;color:#344054}.field input,.field textarea,.field select{width:100%;padding:14px;border:1px solid #d0d5dd;border-radius:13px;background:#fff;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:#f59e0b;box-shadow:0 0 0 4px #fef3c7}.services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.service{background:#fff;border:1px solid var(--line);border-radius:17px;padding:15px;text-align:center;cursor:pointer;min-height:98px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.service.active{border:2px solid var(--brand2);background:#fff9ea}.service .icon{font-size:28px}.muted{color:var(--muted)}.small{font-size:12px}.pill{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:800;background:#f2f4f7}.pill.ok{background:#ecfdf3;color:#027a48}.pill.warn{background:#fffaeb;color:#b54708}.pill.bad{background:#fef3f2;color:#b42318}.row{display:flex;gap:10px;align-items:center}.space{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:10px}.hidden{display:none!important}.statusline{display:flex;gap:8px;overflow:auto;padding-bottom:4px}.statusstep{white-space:nowrap;padding:8px 11px;border-radius:999px;background:#f2f4f7;color:#667085;font-size:12px;font-weight:700}.statusstep.current{background:#111827;color:#fff}.mapbox{height:220px;border-radius:18px;background:radial-gradient(circle at 25% 30%,#e0f2fe 0 2px,transparent 3px),radial-gradient(circle at 72% 65%,#fee2e2 0 3px,transparent 4px),linear-gradient(45deg,#f8fafc 25%,#eef2f6 25%,#eef2f6 50%,#f8fafc 50%,#f8fafc 75%,#eef2f6 75%);background-size:auto,auto,30px 30px;position:relative;overflow:hidden;border:1px solid var(--line)}.pin{position:absolute;width:18px;height:18px;border-radius:50%;border:4px solid #fff;box-shadow:0 2px 10px rgba(0,0,0,.25)}.pin.customer{left:72%;top:62%;background:#ef4444}.pin.worker{left:24%;top:27%;background:#22c55e}.route{position:absolute;left:28%;top:32%;width:43%;height:36%;border-bottom:4px dashed #667085;transform:rotate(18deg);transform-origin:left bottom}.job{border-left:5px solid var(--brand2)}.stat{padding:16px}.stat b{font-size:28px;display:block}.navlinks{display:flex;gap:8px;flex-wrap:wrap}.navlinks a{padding:9px 12px;border-radius:12px;background:#1f2937;color:#fff;font-size:13px}.toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);background:#111827;color:#fff;padding:12px 15px;border-radius:12px;z-index:99;box-shadow:var(--shadow);max-width:90%;font-weight:700}.portal{max-width:430px;margin:50px auto}.portal .card{padding:26px}.rolecards{display:grid;gap:12px}.role{padding:18px;border-radius:18px;border:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;background:#fff}.quote{background:#fff9ea;border:1px solid #fedf89;border-radius:16px;padding:14px}.money{font-size:28px;font-weight:900}.online-dot{width:10px;height:10px;border-radius:50%;background:var(--ok);display:inline-block}.customer-shell .top,.worker-shell .top{border-radius:0 0 18px 18px}.customer-shell .container,.worker-shell .container{padding-bottom:88px}.customer-intro{border-radius:22px;padding:24px;background:linear-gradient(145deg,#0b1220,#182338);color:#fff;box-shadow:var(--shadow)}.customer-intro h1{margin:0 0 7px;font-size:30px;letter-spacing:-.8px}.customer-intro p{margin:0;color:#cbd5e1}.mobile-bottom-nav{display:none}.login-mark{width:54px;height:54px;border-radius:17px;background:linear-gradient(135deg,#ffb019,#ff7a00);display:grid;place-items:center;font-weight:950;font-size:20px;margin-bottom:15px}.secure-note{display:flex;gap:8px;align-items:flex-start;padding:11px 12px;border-radius:13px;background:#f8fafc;color:#667085;font-size:12px;margin-top:14px}.partner-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;background:#ecfdf3;color:#027a48;border-radius:999px;font-size:12px;font-weight:800}.worker-status-card{background:linear-gradient(135deg,#111827,#1f2937);color:#fff;border:0}.worker-status-card .muted{color:#cbd5e1}
@media(max-width:900px){.hero-premium{grid-template-columns:1fr;padding:34px;min-height:auto}.hero-status-card{justify-self:start;max-width:440px}.service-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}.how-grid{grid-template-columns:1fr}.safety-banner{grid-template-columns:auto 1fr}.safety-banner .btn{grid-column:1/-1}}
@media(max-width:760px){body{background:#f7f9fc}.app{width:100%}.container{padding:12px}.public-container{padding:12px 12px 82px}.top{height:64px;padding:0 14px}.top-premium{border-radius:0 0 16px 16px}.top-help{font-size:11px;padding:8px 10px}.brand{font-size:16px}.brand small{display:none}.logo{width:36px;height:36px}.grid.two,.grid.three{grid-template-columns:1fr}.services{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-premium{padding:28px 20px;border-radius:22px;gap:24px}.hero h1{font-size:40px;letter-spacing:-1.4px}.hero p{font-size:15px}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-btn{min-width:0}.hero-status-card{transform:none}.trust-row{display:grid;grid-template-columns:1fr}.section-head h2{font-size:23px}.service-showcase{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.service-tile{padding:15px;border-radius:18px}.service-tile small{font-size:11px}.how-section{padding-top:26px}.safety-banner{padding:17px;border-radius:20px}.public-footer{display:none}.mobile-cta{display:block;position:fixed;left:12px;right:12px;bottom:10px;z-index:80;padding:7px;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.65);border-radius:18px;box-shadow:0 10px 34px rgba(16,24,40,.16)}.desktop-only{display:none}.portal{margin:20px auto}.card{border-radius:17px}.navlinks{display:none}.customer-intro{padding:21px 18px}.customer-intro h1{font-size:27px}.mobile-bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;background:rgba(255,255,255,.96);backdrop-filter:blur(15px);border-top:1px solid #eaecf0;z-index:70;padding:7px max(10px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));box-shadow:0 -8px 25px rgba(16,24,40,.06)}.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:3px;color:#667085;font-size:10px;font-weight:700;padding:5px}.mobile-bottom-nav a.active{color:#d66a00}.mobile-bottom-nav b{font-size:17px}.worker-shell .top .brand>div:last-child,.customer-shell .top .brand>div:last-child{display:block}.mini-map{height:165px}}

/* ===== Mr Fix Lanka v2.3 reference-driven premium UI ===== */
:root{--mf-orange:#ff6b00;--mf-orange2:#ff8a1f;--mf-yellow:#ffc928;--mf-navy:#0d1b2a;--mf-navy2:#14283f;--mf-bg:#f7f9fc;--mf-green:#12a85b;--mf-blue:#2583ff;--mf-border:#e7ebf1}
.web-home-body,.panel-body,.customer-app-body{background:#f6f8fb;color:#122033}.webapp-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr;max-width:1600px;margin:auto;background:#fff}.customer-sidebar{padding:20px 18px;border-right:1px solid #edf0f4;background:#fff;display:flex;flex-direction:column;gap:18px}.side-brand,.panel-brand{display:flex;align-items:center;gap:11px}.side-brand strong,.panel-brand strong{display:block;font-size:20px;line-height:1.1}.side-brand small,.panel-brand small{display:block;color:#7a8596;font-size:11px;margin-top:3px}.brand-mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#ffb11a,#ff6500);display:grid;place-items:center;color:#fff;font-weight:950;box-shadow:0 8px 20px rgba(255,111,0,.25)}.brand-mark.xl{width:72px;height:72px;border-radius:22px;font-size:25px;margin:auto}.side-menu{display:flex;flex-direction:column;gap:7px}.side-menu a,.panel-sidebar nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;font-weight:700;font-size:14px;color:#27364a}.side-menu a.active{background:linear-gradient(90deg,#ff7a14,#ff5e00);color:#fff;box-shadow:0 10px 24px rgba(255,94,0,.2)}.urgent-card{margin-top:auto;padding:18px;border:1px solid #ffe0c7;border-radius:18px;background:linear-gradient(160deg,#fff9f3,#fff);display:flex;flex-direction:column;gap:7px}.urgent-illus{font-size:56px;text-align:center}.urgent-card p{margin:0 0 5px;color:#657083;font-size:12px}.orange-btn{background:linear-gradient(135deg,#ff7a14,#ff5e00);color:#fff;border:none;border-radius:10px;padding:11px 16px;text-align:center;font-weight:850;display:inline-flex;justify-content:center;align-items:center}.web-main{min-width:0;padding:0 18px 24px}.web-topbar{height:72px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;border-bottom:1px solid #edf0f4}.location-chip{display:inline-flex;gap:8px;align-items:center;padding:10px 14px;background:#f4f6f9;border-radius:11px;font-size:13px;font-weight:700}.web-nav{display:flex;justify-content:center;gap:34px}.web-nav a{font-size:14px;font-weight:750;color:#243246;padding:25px 0 20px;border-bottom:3px solid transparent}.web-nav a.active{color:#f56a00;border-color:#f56a00}.round-profile,.icon-button{width:40px;height:40px;border-radius:50%;border:1px solid #e7ebf1;background:#fff;display:grid;place-items:center}.web-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;padding-top:16px}.web-content{min-width:0}.web-hero{height:300px;border-radius:18px;overflow:hidden;position:relative;background:linear-gradient(120deg,#111d2b 0%,#1f2c38 54%,#5e5142 100%)}.web-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 30%,rgba(255,174,84,.42),transparent 26%),linear-gradient(90deg,transparent 62%,rgba(255,255,255,.08) 63%,transparent 64%)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,20,33,.96) 0%,rgba(8,20,33,.78) 48%,rgba(8,20,33,.08) 100%)}.hero-person{position:absolute;right:10%;bottom:18px;font-size:150px;filter:drop-shadow(0 14px 24px rgba(0,0,0,.24))}.web-hero-copy{position:relative;z-index:2;padding:32px;color:#fff}.web-hero-copy>span{color:#ff9d52;font-weight:850;font-size:14px}.web-hero-copy h1{font-size:44px;line-height:.98;margin:8px 0 14px}.web-hero-copy h1 em{font-style:normal;color:#ff7a14}.hero-points{display:flex;gap:18px;font-size:12px;color:#f3f4f6}.search-service-bar{position:absolute;left:32px;right:32px;bottom:22px;background:#fff;border-radius:12px;padding:7px 8px 7px 14px;display:grid;grid-template-columns:auto minmax(160px,1fr) auto 140px;gap:12px;align-items:center;color:#697386;box-shadow:0 10px 26px rgba(0,0,0,.14)}.search-service-bar input{border:0;outline:0;background:transparent;font:inherit}.location-inline{border-left:1px solid #e7ebf1;padding-left:16px;font-size:12px;color:#1f2d3d}.web-section{margin-top:18px}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head h2,.section-head h3{margin:0;font-size:19px}.section-head a{font-size:12px;color:#1672cc;font-weight:700}.popular-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin-top:12px}.popular-item{background:#fff;border:1px solid #e9edf2;border-radius:14px;padding:10px 7px;text-align:center;box-shadow:0 4px 12px rgba(22,34,51,.04)}.popular-item .svc{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-style:normal;font-size:22px;margin:auto auto 7px}.popular-item span{font-size:11px;font-weight:700}.svc.blue{background:#e8f2ff}.svc.teal{background:#e6fbf7}.svc.yellow{background:#fff6d6}.svc.pink{background:#ffeef3}.svc.tan{background:#fbefe3}.svc.purple{background:#f4e9ff}.svc.slate{background:#edf2f6}.svc.green{background:#e7f8e9}.provider-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}.provider-card{background:#fff;border:1px solid #e9edf2;border-radius:14px;padding:12px;display:grid;gap:5px;box-shadow:0 4px 12px rgba(22,34,51,.04)}.provider-avatar{width:64px;height:64px;border-radius:14px;background:linear-gradient(145deg,#19314d,#09182b);color:#fff;display:grid;place-items:center;font-weight:900}.provider-card .rating,.rating{color:#f6a700;font-weight:800}.provider-card small{color:#7a8596}.verified{color:#0d9d54;font-size:11px;font-weight:800}.provider-card a{border:1px solid #ff7a14;color:#e96600;border-radius:9px;padding:8px;text-align:center;font-size:11px;font-weight:800;margin-top:5px}.how-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}.how-flow div{position:relative;display:grid;grid-template-columns:34px 32px 1fr;grid-template-rows:auto auto;gap:2px 8px;align-items:center}.how-flow div>b{width:30px;height:30px;border-radius:50%;background:#ff6b00;color:#fff;display:grid;place-items:center;grid-row:1/3}.how-flow div>span{font-size:22px}.how-flow strong{font-size:12px}.how-flow small{grid-column:3;color:#7a8596;font-size:10px}.web-right{display:flex;flex-direction:column;gap:12px}.welcome-card,.recent-card,.support-card,.dark-promo{border:1px solid #e8ecf1;border-radius:16px;background:#fff;padding:16px}.welcome-card{background:linear-gradient(145deg,#fff,#fff7f0)}.welcome-card h3{font-size:23px;margin:4px 0}.welcome-card p{color:#6b7788;font-size:12px}.welcome-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.welcome-stats div{background:#fff;border:1px solid #edf0f4;border-radius:11px;padding:9px;text-align:center}.welcome-stats b{display:block}.welcome-stats small{font-size:9px;color:#7a8596}.reason{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid #f0f2f5}.reason:last-child{border-bottom:0}.reason span{display:flex;flex-direction:column}.reason small{color:#7a8596}.dark-promo{background:#111b28;color:#fff;display:flex;align-items:flex-end;justify-content:space-between;min-height:150px;overflow:hidden}.dark-promo h3{font-size:24px;margin:5px 0}.dark-promo em{font-style:normal;color:#ff7a14}.promo-worker{font-size:72px;margin-bottom:-12px}.support-card{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.support-card small{display:block;color:#7a8596}.support-card a{border:1px solid #ff7a14;color:#e96600;border-radius:9px;padding:8px 10px;font-size:11px;font-weight:800}

/* Customer mobile app */
.customer-phone-app{max-width:520px;min-height:100vh;margin:auto;background:#fff;box-shadow:0 0 40px rgba(16,24,40,.08);position:relative;padding-bottom:82px}.mobile-login{min-height:100vh;background:radial-gradient(circle at 10% 0,#fff1b5 0 14%,transparent 15%),radial-gradient(circle at 100% 8%,#fff1b5 0 12%,transparent 13%),#fff;display:flex;flex-direction:column;align-items:center;padding:50px 26px 30px}.login-hero-logo{text-align:center}.login-hero-logo h1{font-size:38px;margin:12px 0 2px}.login-hero-logo p{margin:0;color:#647084}.login-worker{font-size:120px;margin:30px 0 10px}.mobile-login-card{width:100%;max-width:390px;background:#fff;border:1px solid #edf0f4;border-radius:22px;padding:20px;box-shadow:0 16px 40px rgba(17,30,50,.08)}.mobile-login-card h2{margin-top:0}.mobile-login-card>small{display:block;text-align:center;color:#8a93a2;margin-top:10px}.mobile-home-screen{padding:0 18px 24px}.mobile-app-header{display:flex;justify-content:space-between;align-items:center;padding:16px 0 10px}.mobile-app-header small{display:block;color:#7a8596}.mobile-app-header b{font-size:15px}.mobile-greeting h1{font-size:30px;margin:8px 0 0}.mobile-greeting p{margin:3px 0 14px;color:#788392}.mobile-search{height:48px;border-radius:12px;background:#f4f6f9;padding:0 14px;display:flex;gap:9px;align-items:center}.mobile-search input{border:0;background:transparent;outline:0;flex:1}.service-mobile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.mobile-service{border:1px solid #edf0f4;border-radius:14px;padding:11px 5px;background:#fff;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:88px}.mobile-service span{font-size:27px}.mobile-service b{font-size:11px}.mobile-service.blue{background:#edf6ff}.mobile-service.yellow{background:#fff7df}.mobile-service.tan{background:#fff2e7}.mobile-service.cyan{background:#eafbff}.mobile-service.green{background:#edfff0}.mobile-service.pink{background:#fff0f5}.mobile-service.selected{outline:2px solid #ffad00;box-shadow:0 6px 18px rgba(255,173,0,.18)}.reliable-banner{background:linear-gradient(120deg,#e9edf1,#f9f6eb);border-radius:16px;padding:16px;display:flex;justify-content:space-between;align-items:center;margin:14px 0}.reliable-banner h3{font-size:19px;margin:0}.reliable-banner p{font-size:11px;color:#657083}.banner-visual{font-size:62px}.mode-card{border:1px solid #edf0f4;border-radius:18px;padding:15px;margin-top:12px}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#f4f6f9;padding:4px;border-radius:12px;gap:4px}.segmented button{border:0;background:transparent;border-radius:9px;padding:10px;font-weight:800}.segmented button.active{background:#111;color:#fff}.location-button{width:100%;border:1px solid #d9dee6;background:#fff;border-radius:11px;padding:12px;font-weight:750}.book-main-btn{width:100%;border:0;background:#111;color:#fff;border-radius:12px;padding:14px;font-weight:850;margin-top:10px}.mobile-section-title{display:flex;justify-content:space-between;margin:18px 2px 10px;font-weight:850}.mobile-section-title small{color:#758092;font-weight:600}.mobile-jobs-list{display:grid;gap:10px}.mobile-booking-card{border:1px solid #e7ebf1;border-radius:16px;padding:14px;background:#fff;box-shadow:0 5px 16px rgba(16,24,40,.05)}.booking-head{display:flex;justify-content:space-between;gap:10px}.booking-head div{display:flex;flex-direction:column}.booking-head small{color:#768194;margin-top:3px}.tracking-card{margin:12px -4px 4px;border:1px solid #e5eaf0;border-radius:14px;overflow:hidden}.track-map{height:135px;position:relative;background:linear-gradient(90deg,transparent 47%,#e3e8ee 48%,#e3e8ee 52%,transparent 53%),linear-gradient(0deg,transparent 47%,#e3e8ee 48%,#e3e8ee 52%,transparent 53%),#eef4ef;background-size:58px 58px}.track-line{position:absolute;left:24%;top:48%;width:52%;height:4px;background:#1f2f44;transform:rotate(15deg);border-radius:999px}.worker-dot,.home-dot{position:absolute;width:34px;height:34px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 4px 12px rgba(0,0,0,.15)}.worker-dot{left:18%;top:37%}.home-dot{right:14%;bottom:22%;background:#ffb400}.provider-strip{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:10px}.provider-strip div:nth-child(2){display:flex;flex-direction:column}.provider-strip small{color:#768194}.small-avatar{width:38px;height:38px;border-radius:50%}.progress-dots{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:0 10px 10px}.progress-dots i{height:4px;background:#e0e5eb;border-radius:999px}.progress-dots i.done{background:#ffb400}.mobile-quote{margin-top:10px}.extra-mini{margin-top:9px;padding:10px;border-radius:10px;background:#fff8e8;display:flex;flex-direction:column;gap:5px}.cancel-link{border:0;background:transparent;color:#d92d20;padding:9px 0 0}.empty-mobile,.empty-dash{color:#7a8596;text-align:center;padding:24px}.mobile-native-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(520px,100%);background:rgba(255,255,255,.97);border-top:1px solid #e8ecf1;padding:8px 10px calc(8px + env(safe-area-inset-bottom));z-index:100}.mobile-native-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;color:#667085;font-size:10px;font-weight:700}.mobile-native-nav a b{font-size:19px}.mobile-native-nav a.active{color:#ffb400}

/* Worker + Admin panels */
.panel-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh;max-width:1700px;margin:auto;background:#f7f9fc}.panel-sidebar{background:linear-gradient(180deg,#102438,#0b1b2b);color:#fff;padding:18px 14px;display:flex;flex-direction:column;gap:18px}.panel-sidebar .panel-brand strong{color:#fff}.panel-sidebar .panel-brand small{color:#b7c2d0}.panel-sidebar nav{display:flex;flex-direction:column;gap:5px}.panel-sidebar nav a{color:#d9e2ed}.panel-sidebar nav a.active{background:linear-gradient(90deg,#ff7a14,#a74e28);color:#fff}.side-worker-promo,.side-admin-note{margin-top:auto;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px}.side-worker-promo>div,.side-admin-note>div{font-size:56px;text-align:center}.side-worker-promo p,.side-admin-note p{color:#bdc8d6;font-size:11px}.side-worker-promo button{width:100%;border:0;border-radius:10px;padding:11px;background:#ff6b00;color:#fff;font-weight:800}.panel-main{padding:0 20px 30px;min-width:0}.panel-login{max-width:440px;margin:90px auto}.panel-topbar,.admin-topbar,.admin-welcome{display:flex;justify-content:space-between;align-items:center;padding:18px 0}.panel-topbar h1,.admin-welcome h1{margin:2px 0;font-size:27px}.panel-topbar p,.admin-welcome p{margin:0;color:#738094;font-size:12px}.panel-top-actions{display:flex;align-items:center;gap:10px}.status-online{border:0;background:#11a95c;color:#fff;border-radius:11px;padding:11px 18px;font-weight:800}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.dash-stat{background:#fff;border:1px solid #e7ebf1;border-radius:15px;padding:14px;display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:center}.dash-stat>span{width:54px;height:54px;border-radius:13px;display:grid;place-items:center;font-size:24px}.dash-stat.orange>span{background:#fff0e3;color:#ff6b00}.dash-stat.green>span{background:#e9faef;color:#10a95b}.dash-stat.yellow>span{background:#fff7dc}.dash-stat.blue>span{background:#e9f3ff}.dash-stat.purple>span{background:#f4eaff}.dash-stat small,.dash-stat em{display:block;font-size:11px;color:#667085;font-style:normal}.dash-stat b{display:block;font-size:25px;margin:2px 0}.worker-dashboard-grid{display:grid;grid-template-columns:1.6fr .9fr .8fr;gap:14px;margin-top:14px}.dash-card{background:#fff;border:1px solid #e7ebf1;border-radius:15px;padding:14px;min-width:0}.card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-title h2{font-size:16px;margin:0}.card-title a,.card-title span{font-size:11px;color:#1672cc}.dash-job-list{display:grid;gap:9px}.dash-job-row{display:grid;grid-template-columns:50px 1fr 110px auto;gap:10px;align-items:center;border:1px solid #edf0f4;border-radius:12px;padding:9px}.job-icon{width:46px;height:46px;border-radius:11px;background:#eef4f8;display:grid;place-items:center;font-size:20px}.job-info{display:flex;flex-direction:column}.job-info small,.job-info span,.job-price small{color:#798496;font-size:10px}.job-info b{font-size:14px}.job-price{font-weight:850;display:flex;flex-direction:column}.mini-action{border:0;border-radius:8px;background:#ff6b00;color:#fff;padding:9px 12px;font-weight:750;font-size:11px}.green-action{background:#12a85b}.bar-chart{height:170px;border-left:1px solid #e6eaf0;border-bottom:1px solid #e6eaf0;display:flex;align-items:flex-end;justify-content:space-around;padding:0 10px;gap:13px;background:repeating-linear-gradient(to top,#fff 0,#fff 33px,#f2f4f7 34px)}.bar-chart i{width:26px;background:linear-gradient(#ff8a1f,#ff6b00);border-radius:6px 6px 0 0}.chart-labels{display:flex;justify-content:space-around;color:#7a8596;font-size:10px;margin-top:6px}.earnings-card h3{font-size:28px;margin:4px 0 16px}.worker-profile{display:flex;gap:12px;align-items:center}.large-avatar{width:70px;height:70px;border-radius:50%}.worker-profile>div:last-child{display:flex;flex-direction:column;gap:4px}.profile-card ul,.account-card ul{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:8px;font-size:11px;color:#465467}.service-tags{display:flex;flex-wrap:wrap;gap:8px}.service-tags span{padding:8px 10px;border-radius:9px;background:#f2f4f7;font-size:11px}.area-map{height:160px;border-radius:12px;background:#e8f0e8;position:relative;overflow:hidden;display:grid;place-items:center}.radius-circle{position:absolute;width:130px;height:130px;border-radius:50%;background:rgba(255,132,0,.18);border:1px solid rgba(255,132,0,.35)}.area-map span,.area-map b{position:relative;z-index:2}.admin-topbar{border-bottom:1px solid #edf0f4}.admin-search{width:340px;border:1px solid #e3e7ed;background:#fff;border-radius:12px;padding:9px 12px;display:flex;gap:8px}.admin-search input{border:0;outline:0;flex:1}.admin-user{display:flex;align-items:center;gap:10px}.admin-circle{width:40px;height:40px;border-radius:50%;background:#0f1f31;color:#fff;display:grid;place-items:center}.admin-welcome>span{background:#fff;border:1px solid #e7ebf1;border-radius:11px;padding:10px 14px;font-size:12px}.admin-grid{display:grid;grid-template-columns:1.6fr .85fr .72fr;gap:14px;margin-top:14px}.admin-chart-card{grid-column:1/2}.recent-bookings{grid-column:1/3}.line-chart{height:260px;position:relative;padding-top:25px;background:repeating-linear-gradient(to top,#fff 0,#fff 39px,#f0f3f6 40px)}.line-chart svg{width:100%;height:210px}.line{fill:none;stroke-width:4}.green-line{stroke:#14b86a}.blue-line{stroke:#2e8cff}.red-line{stroke:#ff5d57}.legend{position:absolute;top:0;left:20px;display:flex;gap:18px;font-size:10px}.legend .g{color:#14b86a}.legend .b{color:#2e8cff}.legend .r{color:#ff5d57}.category-card{grid-column:2/3}.donut{width:145px;height:145px;border-radius:50%;margin:20px auto;background:conic-gradient(#2e8cff 0 28%,#14b86a 28% 48%,#ff8a1f 48% 66%,#8d5de7 66% 80%,#ff5d83 80% 90%,#ffc928 90%);position:relative}.donut:after{content:"Bookings";position:absolute;inset:30px;background:#fff;border-radius:50%;display:grid;place-items:center;font-weight:850;font-size:12px}.category-card ul{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:11px}.category-card li{display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:center}.dot{width:8px;height:8px;border-radius:50%}.dot.blue{background:#2e8cff}.dot.green{background:#14b86a}.dot.orange{background:#ff8a1f}.dot.purple{background:#8d5de7}.live-providers{grid-column:3/4;grid-row:1/3}.live-worker{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #edf0f4}.mini-avatar{width:38px;height:38px;border-radius:50%}.live-worker span{display:flex;flex-direction:column}.live-worker small{color:#798496}.live-worker em{font-style:normal;font-size:10px}.live-worker .on{color:#0a9b52}.live-worker .off{color:#98a2b3}.admin-table{display:grid}.table-head,.table-row{display:grid;grid-template-columns:70px 1fr 1fr 1fr 110px;gap:10px;align-items:center;padding:10px 6px;font-size:11px}.table-head{font-weight:800;background:#f6f8fa;border-radius:8px}.table-row{border-bottom:1px solid #edf0f4}.app-stats{grid-column:3/4;grid-row:2/3}.app-stat{display:flex;gap:10px;align-items:center;padding:10px 0}.app-stat span{display:flex;flex-direction:column}.app-stat small{color:#798496}.app-stat b{font-size:18px}

@media(max-width:1200px){.popular-grid{grid-template-columns:repeat(4,1fr)}.provider-grid{grid-template-columns:repeat(2,1fr)}.web-grid{grid-template-columns:1fr}.web-right{display:grid;grid-template-columns:repeat(2,1fr)}.worker-dashboard-grid,.admin-grid{grid-template-columns:1fr 1fr}.jobs-card,.recent-bookings{grid-column:1/-1}.live-providers,.app-stats,.admin-chart-card,.category-card{grid-column:auto;grid-row:auto}.stats-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.webapp-shell,.panel-shell{grid-template-columns:1fr}.customer-sidebar,.panel-sidebar{display:none}.web-main,.panel-main{padding:0 12px 24px}.web-topbar{grid-template-columns:1fr auto}.web-nav{display:none}.web-grid{grid-template-columns:1fr}.hero-person{font-size:110px}.search-service-bar{grid-template-columns:auto 1fr 100px}.location-inline{display:none}.web-right{grid-template-columns:1fr 1fr}.stats-row{grid-template-columns:1fr 1fr}.worker-dashboard-grid,.admin-grid{grid-template-columns:1fr}.recent-bookings,.live-providers,.app-stats,.admin-chart-card,.category-card{grid-column:auto;grid-row:auto}}
@media(max-width:620px){.web-main{padding:0 10px 20px}.web-topbar{height:62px}.web-hero{height:350px}.web-hero-copy{padding:24px 18px}.web-hero-copy h1{font-size:37px}.hero-points{display:grid;gap:5px}.hero-person{font-size:94px;right:4%;bottom:55px}.search-service-bar{left:16px;right:16px;grid-template-columns:auto 1fr 82px}.popular-grid{grid-template-columns:repeat(4,1fr);gap:7px}.popular-item{padding:8px 3px}.provider-grid{grid-template-columns:repeat(2,1fr)}.how-flow{grid-template-columns:1fr 1fr}.web-right{grid-template-columns:1fr}.stats-row{grid-template-columns:1fr}.panel-topbar,.admin-welcome{align-items:flex-start;gap:10px}.panel-top-actions{flex-wrap:wrap;justify-content:flex-end}.admin-search{width:100%}.admin-topbar{gap:10px}.table-head,.table-row{grid-template-columns:55px 1fr 1fr}.table-head span:nth-child(4),.table-head span:nth-child(5),.table-row span:nth-child(4),.table-row span:nth-child(5){display:none}.dash-job-row{grid-template-columns:46px 1fr auto}.job-price{display:none}.job-controls{grid-column:3}.mobile-login{padding-top:32px}.login-worker{font-size:90px;margin:18px 0 8px}}

/* ---------- V2.4 public website + shared light/dark theme ---------- */
.theme-toggle{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:var(--card);color:var(--ink);display:grid;place-items:center;cursor:pointer;font-size:18px;box-shadow:var(--softshadow);transition:.2s ease}.theme-toggle:hover{transform:translateY(-1px)}.floating-theme{position:fixed;right:18px;bottom:18px;z-index:999}.inline-theme{box-shadow:none;background:transparent;border-color:rgba(255,255,255,.2);color:#fff}
.marketing-body{background:#fff;color:#101828}.marketing-header{height:78px;max-width:1380px;margin:auto;padding:0 34px;display:flex;align-items:center;justify-content:space-between;gap:28px;position:sticky;top:0;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);z-index:200;border-bottom:1px solid rgba(228,231,236,.7)}.marketing-brand{display:flex;align-items:center;gap:11px}.marketing-brand>span:last-child{display:flex;flex-direction:column}.marketing-brand strong{font-size:17px}.marketing-brand small{font-size:10px;color:#667085;margin-top:2px}.marketing-nav{display:flex;gap:28px;font-size:13px;font-weight:700;color:#475467}.marketing-nav a:hover{color:#ff7a00}.marketing-actions{display:flex;align-items:center;gap:10px}.marketing-header .inline-theme{color:#101828;border-color:#e4e7ec}.header-cta{padding:11px 16px;border-radius:999px;background:#101828;color:#fff;font-size:12px;font-weight:800}.marketing-hero{max-width:1380px;margin:0 auto;padding:88px 64px 70px;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;min-height:690px}.marketing-kicker,.split-copy>span,.marketing-section-head span,.trust-panel>div:first-child>span,.marketing-cta span{font-size:11px;letter-spacing:1.5px;font-weight:900;color:#ff7a00}.marketing-kicker{display:inline-flex;align-items:center;gap:8px}.marketing-kicker i{width:8px;height:8px;border-radius:50%;background:#16b364;box-shadow:0 0 0 6px rgba(22,179,100,.1)}.marketing-hero h1{font-size:clamp(52px,7vw,92px);letter-spacing:-4.5px;line-height:.94;margin:22px 0 24px;color:#101828}.marketing-hero h1 span{color:#ff7a00}.marketing-hero-copy>p{font-size:18px;line-height:1.7;color:#667085;max-width:650px}.marketing-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.primary-large,.secondary-large{padding:15px 20px;border-radius:13px;font-weight:850;font-size:14px}.primary-large{background:#ff7a00;color:#fff;box-shadow:0 12px 28px rgba(255,122,0,.2)}.secondary-large{border:1px solid #d0d5dd;background:#fff}.marketing-trustline{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px;color:#475467;font-size:12px;font-weight:700}.marketing-hero-visual{position:relative;min-height:530px;display:grid;place-items:center}.visual-glow{position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,#fff0cf 0,#fff6e9 45%,transparent 70%)}.phone-preview{width:320px;min-height:540px;border-radius:38px;background:#fff;padding:18px 18px 20px;border:8px solid #111827;box-shadow:0 35px 70px rgba(16,24,40,.18);position:relative;z-index:3;transform:rotate(2deg)}.phone-status{display:flex;justify-content:space-between;font-size:10px;padding:0 4px 15px}.phone-location{display:flex;flex-direction:column;gap:4px;margin-bottom:22px}.phone-location small{font-size:10px;color:#667085}.phone-location b{font-size:13px}.phone-preview h3{font-size:23px;line-height:1.05;margin:0 0 14px}.preview-search{background:#f2f4f7;border-radius:12px;padding:12px;color:#98a2b3;font-size:11px}.preview-services{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0}.preview-services span{min-height:82px;border:1px solid #eef0f3;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:25px;background:#fff}.preview-services b{font-size:10px;margin-top:6px}.preview-card{display:flex;justify-content:space-between;align-items:center;padding:14px;background:#101828;color:#fff;border-radius:16px;margin-top:12px}.preview-card div{display:flex;flex-direction:column;gap:3px}.preview-card small{font-size:9px;color:#cbd5e1}.preview-card b{font-size:13px}.preview-card strong{color:#ffba18}.floating-proof{position:absolute;z-index:4;background:#fff;border:1px solid #eaecf0;border-radius:15px;padding:12px 14px;box-shadow:0 16px 36px rgba(16,24,40,.12);display:flex;flex-direction:column}.floating-proof b{font-size:12px}.floating-proof small{font-size:9px;color:#667085;margin-top:2px}.proof-one{left:0;top:110px}.proof-two{right:-5px;bottom:110px}.marketing-strip{max-width:1310px;margin:0 auto 30px;background:#101828;color:#fff;border-radius:22px;padding:22px 28px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.marketing-strip div{padding:4px 20px;border-right:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:4px}.marketing-strip div:last-child{border-right:0}.marketing-strip b{font-size:13px}.marketing-strip span{font-size:10px;color:#98a2b3}.marketing-section{max-width:1310px;margin:0 auto;padding:90px 28px}.marketing-section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.marketing-section-head h2,.split-copy h2,.trust-panel h2,.marketing-cta h2{font-size:clamp(34px,4vw,54px);letter-spacing:-2.3px;line-height:1.02;margin:8px 0 0}.marketing-section-head>a,.text-link{color:#ff7a00;font-size:13px;font-weight:850}.marketing-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.marketing-service-grid>a{border:1px solid #eaecf0;border-radius:18px;padding:22px;min-height:150px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;transition:.2s ease}.marketing-service-grid>a:hover{transform:translateY(-3px);box-shadow:var(--softshadow);border-color:#ffd0ad}.service-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-style:normal;font-size:22px;margin-bottom:18px}.service-icon.blue{background:#e9f3ff}.service-icon.amber{background:#fff5d9}.service-icon.cyan{background:#e9fbff}.service-icon.green{background:#ebfaef}.service-icon.tan{background:#f8efe7}.service-icon.purple{background:#f3edff}.marketing-service-grid b{font-size:15px}.marketing-service-grid small{font-size:11px;color:#667085;margin-top:5px}.split-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.split-copy p{color:#667085;line-height:1.7;max-width:490px}.process-list{display:grid;gap:4px}.process-list article{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid #eaecf0}.process-list article>b{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff2e8;color:#ff7a00;font-size:12px}.process-list h3{margin:0 0 5px;font-size:17px}.process-list p{margin:0;color:#667085;font-size:12px;line-height:1.6}.trust-section{padding-top:50px}.trust-panel{background:#f6f8fb;border-radius:28px;padding:54px}.trust-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}.trust-cards article{background:#fff;border:1px solid #eaecf0;border-radius:18px;padding:22px}.trust-cards i{font-style:normal;font-size:24px}.trust-cards b{display:block;margin:13px 0 6px;font-size:15px}.trust-cards p{margin:0;color:#667085;font-size:11px;line-height:1.6}.marketing-cta{max-width:1310px;margin:30px auto 80px;padding:52px 58px;border-radius:28px;background:linear-gradient(125deg,#101828,#1d2939);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:35px}.marketing-cta h2{margin:8px 0}.marketing-cta p{color:#cbd5e1}.marketing-cta>a{background:#ff7a00;color:#fff;padding:15px 20px;border-radius:12px;font-weight:850;white-space:nowrap}.marketing-footer{max-width:1310px;margin:auto;padding:34px 28px 46px;border-top:1px solid #eaecf0;display:grid;grid-template-columns:1fr auto auto;gap:30px;align-items:center}.marketing-footer>div:nth-child(2){display:flex;gap:20px;font-size:11px;color:#667085}.marketing-footer>small{color:#98a2b3;font-size:10px}

html[data-theme="dark"]{--bg:#0b1220;--card:#111b2d;--ink:#f2f4f7;--muted:#98a2b3;--line:#283548;--nav:#060b14;--nav2:#101b2e;--shadow:0 18px 48px rgba(0,0,0,.28);--softshadow:0 8px 26px rgba(0,0,0,.22);color-scheme:dark}html[data-theme="dark"] body{background:#0b1220;color:#f2f4f7}html[data-theme="dark"] .marketing-body{background:#0b1220;color:#f2f4f7}html[data-theme="dark"] .marketing-header{background:rgba(11,18,32,.9);border-bottom-color:#243044}html[data-theme="dark"] .marketing-header .inline-theme{color:#f2f4f7;border-color:#334155}html[data-theme="dark"] .marketing-brand small,html[data-theme="dark"] .marketing-nav,html[data-theme="dark"] .marketing-hero-copy>p,html[data-theme="dark"] .marketing-trustline,html[data-theme="dark"] .split-copy p,html[data-theme="dark"] .process-list p,html[data-theme="dark"] .marketing-service-grid small,html[data-theme="dark"] .trust-cards p{color:#98a2b3}html[data-theme="dark"] .marketing-hero h1{color:#f8fafc}html[data-theme="dark"] .secondary-large,html[data-theme="dark"] .phone-preview,html[data-theme="dark"] .preview-services span,html[data-theme="dark"] .floating-proof,html[data-theme="dark"] .marketing-service-grid>a,html[data-theme="dark"] .trust-cards article{background:#111b2d;border-color:#283548;color:#f2f4f7}html[data-theme="dark"] .visual-glow{background:radial-gradient(circle,rgba(255,122,0,.13),rgba(255,122,0,.04) 45%,transparent 70%)}html[data-theme="dark"] .preview-search,html[data-theme="dark"] .trust-panel{background:#0f1929}html[data-theme="dark"] .process-list article,html[data-theme="dark"] .marketing-footer{border-color:#283548}html[data-theme="dark"] .process-list article>b{background:#2a1a10}html[data-theme="dark"] .header-cta{background:#f2f4f7;color:#101828}
html[data-theme="dark"] .card,html[data-theme="dark"] .mode-card,html[data-theme="dark"] .mobile-booking-card,html[data-theme="dark"] .reliable-banner,html[data-theme="dark"] .dash-card,html[data-theme="dark"] .dash-stat,html[data-theme="dark"] .welcome-card,html[data-theme="dark"] .recent-card,html[data-theme="dark"] .support-card,html[data-theme="dark"] .popular-item,html[data-theme="dark"] .provider-card{background:#111b2d!important;border-color:#283548!important;color:#f2f4f7!important}html[data-theme="dark"] .panel-shell,html[data-theme="dark"] .panel-main,html[data-theme="dark"] .customer-app-body,html[data-theme="dark"] .customer-phone-app,html[data-theme="dark"] .web-main,html[data-theme="dark"] .mobile-home-screen{background:#0b1220!important;color:#f2f4f7}html[data-theme="dark"] input,html[data-theme="dark"] textarea,html[data-theme="dark"] select,html[data-theme="dark"] .mobile-search,html[data-theme="dark"] .admin-search{background:#0f1929!important;color:#f2f4f7!important;border-color:#334155!important}html[data-theme="dark"] .mobile-native-nav{background:rgba(17,27,45,.98);border-color:#283548}html[data-theme="dark"] .mobile-native-nav a{color:#98a2b3}html[data-theme="dark"] .admin-topbar,html[data-theme="dark"] .table-row,html[data-theme="dark"] .live-worker{border-color:#283548}html[data-theme="dark"] .table-head{background:#0f1929}html[data-theme="dark"] .bar-chart,html[data-theme="dark"] .line-chart{background-color:#111b2d}html[data-theme="dark"] .donut:after{background:#111b2d;color:#f2f4f7}html[data-theme="dark"] .service-tags span{background:#0f1929}

@media(max-width:900px){.marketing-header{padding:0 18px;height:70px}.marketing-nav{display:none}.marketing-header .header-cta{display:none}.marketing-hero{grid-template-columns:1fr;padding:58px 22px 40px;gap:25px}.marketing-hero-copy{text-align:left}.marketing-hero h1{font-size:58px;letter-spacing:-3px}.marketing-hero-visual{min-height:480px}.phone-preview{width:300px;min-height:510px}.marketing-strip{margin:0 14px 20px;grid-template-columns:1fr 1fr;padding:18px}.marketing-strip div:nth-child(2){border-right:0}.marketing-section{padding:65px 20px}.marketing-service-grid{grid-template-columns:1fr 1fr}.split-section{grid-template-columns:1fr;gap:30px}.trust-panel{padding:32px 20px}.trust-cards{grid-template-columns:1fr}.marketing-cta{margin:20px 14px 60px;padding:36px 24px;align-items:flex-start;flex-direction:column}.marketing-footer{grid-template-columns:1fr;gap:20px;padding:28px 20px}.marketing-footer>div:nth-child(2){flex-wrap:wrap}.marketing-section-head{align-items:flex-start;flex-direction:column}}
@media(max-width:540px){.marketing-header{padding:0 14px}.marketing-brand strong{font-size:15px}.marketing-hero{padding-top:42px}.marketing-hero h1{font-size:46px}.marketing-hero-copy>p{font-size:15px}.marketing-hero-actions{display:grid}.primary-large,.secondary-large{text-align:center}.marketing-trustline{display:grid;gap:8px}.marketing-hero-visual{min-height:430px}.phone-preview{width:270px;min-height:460px;padding:15px}.proof-one{left:-2px;top:70px}.proof-two{right:-2px;bottom:70px}.marketing-strip{grid-template-columns:1fr}.marketing-strip div{border-right:0;border-bottom:1px solid rgba(255,255,255,.12);padding:10px 6px}.marketing-strip div:last-child{border-bottom:0}.marketing-service-grid{grid-template-columns:1fr 1fr;gap:10px}.marketing-service-grid>a{padding:16px;min-height:142px}.marketing-section-head h2,.split-copy h2,.trust-panel h2,.marketing-cta h2{font-size:34px;letter-spacing:-1.5px}.floating-theme{right:12px;bottom:84px}}


/* ===== Mr Fix Lanka v2.5 — polished typography + complete app light/dark themes ===== */
:root{
  --app-bg:#f7f8fb;
  --app-surface:#ffffff;
  --app-surface-2:#f3f5f8;
  --app-text:#101828;
  --app-text-2:#475467;
  --app-text-3:#7a8596;
  --app-border:#e6e9ef;
  --app-input:#ffffff;
  --app-nav:#ffffff;
  --app-shadow:0 14px 36px rgba(16,24,40,.08);
  --app-black:#101214;
}
html[data-theme="dark"]{
  --app-bg:#0d1522;
  --app-surface:#141f30;
  --app-surface-2:#1a2739;
  --app-text:#f7f9fc;
  --app-text-2:#c1cad6;
  --app-text-3:#8f9caf;
  --app-border:#2a394d;
  --app-input:#101a29;
  --app-nav:#101a29;
  --app-shadow:0 14px 36px rgba(0,0,0,.25);
  --app-black:#f6f7f9;
}
body,button,input,textarea,select{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.customer-app-body,.panel-body,.web-home-body{background:var(--app-bg)!important;color:var(--app-text)!important;transition:background .22s ease,color .22s ease}
.customer-phone-app{background:var(--app-bg)!important;color:var(--app-text)!important}
.mobile-home-screen{background:var(--app-bg)!important;color:var(--app-text)!important;padding-bottom:92px}
.mobile-app-header,.mobile-greeting,.mode-card,.mobile-booking-card,.dash-card,.dash-stat,.panel-main,.web-main{color:var(--app-text)}
.mobile-app-header small,.mobile-greeting p,.field label,.muted,.small,.panel-topbar p,.admin-welcome p,.dash-stat small,.dash-stat em{color:var(--app-text-3)!important}
.mobile-app-header b,.mobile-greeting h1,.mobile-section-title span,.reliable-banner h3,.mobile-service b,.card-title h2,.dash-stat b{color:var(--app-text)!important}
.mobile-greeting h1{font-weight:800;letter-spacing:-.7px;line-height:1.12}
.mobile-search,.mode-card,.mobile-booking-card,.dash-card,.dash-stat,.admin-search,.location-chip,.round-profile,.icon-button,.location-button{background:var(--app-surface)!important;border-color:var(--app-border)!important;box-shadow:none}
.mobile-search{box-shadow:inset 0 0 0 1px var(--app-border)}
.mobile-search input,.field input,.field textarea,.field select,.admin-search input{background:transparent!important;color:var(--app-text)!important;border-color:var(--app-border)!important}
.field input,.field textarea,.field select{background:var(--app-input)!important;color:var(--app-text)!important}
.field input::placeholder,.field textarea::placeholder,.mobile-search input::placeholder,.admin-search input::placeholder{color:var(--app-text-3)!important;opacity:1}

.app-theme-toggle{
  position:fixed;right:max(14px,env(safe-area-inset-right));top:max(14px,env(safe-area-inset-top));z-index:1200;
  width:42px;height:42px;border-radius:50%;border:1px solid var(--app-border);background:var(--app-surface);color:var(--app-text);
  display:grid;place-items:center;font-size:18px;box-shadow:var(--app-shadow);cursor:pointer
}
.panel-theme-toggle{top:16px;right:18px}
.customer-app-body .floating-theme,.panel-body .floating-theme{display:none!important}

/* Customer service cards: crisp contrast in both modes */
.mobile-service{border:1px solid var(--app-border)!important;box-shadow:0 5px 16px rgba(16,24,40,.04);transition:.18s ease;color:#101828!important}
.mobile-service b{color:#172033!important;font-weight:750;letter-spacing:-.1px}
.mobile-service span{filter:none}
.mobile-service.blue{background:#eaf5ff!important}.mobile-service.yellow{background:#fff6d9!important}.mobile-service.tan{background:#fff0e4!important}.mobile-service.cyan{background:#e7f8ff!important}.mobile-service.green{background:#eafbec!important}.mobile-service.pink{background:#ffeef4!important}
.mobile-service.selected{outline:2px solid #ff9f0a!important;border-color:#ff9f0a!important;transform:translateY(-1px);box-shadow:0 10px 24px rgba(255,159,10,.14)}
html[data-theme="dark"] .mobile-service{background:#162335!important;border-color:#2d3c50!important;color:#f8fafc!important;box-shadow:none}
html[data-theme="dark"] .mobile-service b{color:#f8fafc!important}
html[data-theme="dark"] .mobile-service.blue{background:#142a42!important}.mobile-service.yellow{}
html[data-theme="dark"] .mobile-service.yellow{background:#302815!important}
html[data-theme="dark"] .mobile-service.tan{background:#302118!important}
html[data-theme="dark"] .mobile-service.cyan{background:#12303a!important}
html[data-theme="dark"] .mobile-service.green{background:#14331f!important}
html[data-theme="dark"] .mobile-service.pink{background:#331d29!important}
html[data-theme="dark"] .mobile-service.selected{outline-color:#ffad19!important;border-color:#ffad19!important}

.reliable-banner{background:linear-gradient(120deg,#eef2f6,#fff8e9)!important;border:1px solid var(--app-border)!important;color:#142033!important}
.reliable-banner p{color:#657083!important}
html[data-theme="dark"] .reliable-banner{background:linear-gradient(120deg,#172334,#252319)!important;color:#f8fafc!important}
html[data-theme="dark"] .reliable-banner h3{color:#f8fafc!important}
html[data-theme="dark"] .reliable-banner p{color:#aab5c4!important}

.segmented{background:var(--app-surface-2)!important;border:1px solid var(--app-border)}
.segmented button{color:var(--app-text-2)!important}
.segmented button.active{background:#111318!important;color:#fff!important;box-shadow:0 3px 10px rgba(0,0,0,.12)}
html[data-theme="dark"] .segmented button.active{background:#f5f7fa!important;color:#121820!important}
.location-button{color:var(--app-text)!important}
.book-main-btn{background:#101214!important;color:#fff!important;font-weight:800;letter-spacing:-.1px;box-shadow:0 9px 22px rgba(16,18,20,.16)}
html[data-theme="dark"] .book-main-btn{background:#ff9f0a!important;color:#151719!important;box-shadow:0 9px 22px rgba(255,159,10,.16)}

.mobile-native-nav{background:color-mix(in srgb,var(--app-nav) 94%,transparent)!important;border-top:1px solid var(--app-border)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding-bottom:max(7px,env(safe-area-inset-bottom))}
.mobile-native-nav a{color:var(--app-text-3)!important}
.mobile-native-nav a.active{color:#f57c00!important}
.mobile-native-nav b{font-size:19px}.mobile-native-nav span{font-size:10px;font-weight:700}

/* Worker/Admin full theme support */
.panel-shell,.panel-main{background:var(--app-bg)!important;color:var(--app-text)!important}
.panel-sidebar{background:#101d2d!important;color:#fff!important}
.panel-sidebar nav a{color:#d3dbe5!important}
.panel-sidebar nav a.active{color:#fff!important}
.panel-brand strong{color:#fff!important}.panel-brand small{color:#93a2b5!important}
.dash-card,.dash-stat,.panel-login .card{background:var(--app-surface)!important;border-color:var(--app-border)!important;color:var(--app-text)!important}
.dash-job-row,.table-row,.live-worker{border-color:var(--app-border)!important}
.table-head,.job-icon,.service-tags span{background:var(--app-surface-2)!important;color:var(--app-text-2)!important}
.card-title a,.card-title span{color:#3b82f6}
.worker-profile small,.job-info small,.job-info span,.job-price small,.live-worker small{color:var(--app-text-3)!important}
.admin-topbar,.panel-topbar,.admin-welcome{border-color:var(--app-border)!important}
.admin-search{background:var(--app-surface-2)!important}
.admin-user b,.panel-topbar h1,.admin-welcome h1{color:var(--app-text)!important}

/* Public/customer web app dark mode: surfaces follow same design language */
.webapp-shell,.customer-sidebar{background:var(--app-surface)!important;color:var(--app-text)!important}
.customer-sidebar{border-color:var(--app-border)!important}
.side-menu a{color:var(--app-text-2)!important}
.web-topbar{border-color:var(--app-border)!important}
.web-nav a{color:var(--app-text-2)!important}
.popular-item,.provider-card,.welcome-card,.recent-card,.support-card{background:var(--app-surface)!important;border-color:var(--app-border)!important;color:var(--app-text)!important}

/* Light theme is explicit and readable even if device is in dark mode */
html[data-theme="light"]{color-scheme:light}
html[data-theme="light"] .customer-app-body,html[data-theme="light"] .customer-phone-app,html[data-theme="light"] .mobile-home-screen{background:#f7f8fb!important;color:#101828!important}

@media(max-width:620px){
  .customer-phone-app{max-width:100%;min-height:100svh}
  .mobile-home-screen{padding-left:18px;padding-right:18px}
  .mobile-app-header{padding-top:max(16px,env(safe-area-inset-top));padding-right:52px}
  .mobile-greeting h1{font-size:29px}
  .service-mobile-grid{gap:9px}
  .mobile-service{min-height:88px;border-radius:16px}
  .reliable-banner{border-radius:18px}
  .mode-card{border-radius:20px}
}

.login-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.login-card-top .login-mark{margin:0}.panel-inline-theme{width:38px;height:38px;flex:0 0 38px;background:var(--app-surface)!important;color:var(--app-text)!important;border-color:var(--app-border)!important;box-shadow:none!important}.admin-user{display:flex;align-items:center;gap:10px}.panel-top-actions .panel-inline-theme{margin-right:2px}@media(max-width:760px){.panel-inline-theme{width:36px;height:36px;flex-basis:36px}}

/* v2.6 real-time maps + nearby worker discovery */
.live-map-card{margin-top:12px;border:1px solid var(--app-border);background:var(--app-surface);border-radius:18px;padding:12px;box-shadow:0 8px 24px rgba(16,24,40,.06);overflow:hidden}
.live-map-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.live-map-head b{display:block;color:var(--app-text);font-size:14px}.live-map-head small{display:block;color:var(--app-text-3);font-size:11px;line-height:1.35;margin-top:3px;max-width:260px}.map-badge{white-space:nowrap;background:#fff4d6;color:#9a5a00;border:1px solid #ffd77c;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:800}
html[data-theme="dark"] .map-badge{background:#302713;color:#ffd36c;border-color:#5a4717}
.live-map{width:100%;height:245px;border-radius:14px;overflow:hidden;background:#dde6ee;border:1px solid var(--app-border);z-index:1}.worker-live-map{height:310px}.worker-live-map-card{margin:16px 0}.worker-live-map-card .card-title{margin-bottom:10px}.worker-live-map-card .card-title small{display:block;color:var(--app-text-3);font-size:12px;margin-top:3px}
.nearby-worker-strip{display:flex;gap:8px;overflow-x:auto;padding:10px 1px 1px;scrollbar-width:none}.nearby-worker-strip::-webkit-scrollbar{display:none}.nearby-worker-chip{display:flex;align-items:center;gap:8px;min-width:155px;padding:8px 10px;border-radius:13px;background:var(--app-surface-2);border:1px solid var(--app-border)}.nearby-worker-chip>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff4d6}.nearby-worker-chip b{display:block;font-size:11px;color:var(--app-text);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nearby-worker-chip small{display:block;font-size:9px;color:var(--app-text-3);margin-top:2px}.no-nearby{font-size:11px;color:var(--app-text-3);padding:5px 2px}
.mrfix-map-marker{background:transparent!important;border:0!important}.map-worker-pin,.map-home-pin{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:3px solid #fff;box-shadow:0 4px 14px rgba(0,0,0,.24);font-size:17px}.map-worker-pin{background:#ff9f0a}.map-worker-pin.self{background:#18a957}.map-home-pin{background:#101d2d;color:#fff;font-size:21px;font-weight:900}.map-home-pin.customer{background:#ef4444}
html[data-theme="dark"] .leaflet-tile-pane{filter:brightness(.72) contrast(1.05) saturate(.8)}html[data-theme="dark"] .leaflet-control-zoom a{background:#172334;color:#fff;border-color:#334155}
.provider-strip-live{margin-top:10px;border:1px solid var(--app-border);border-radius:14px;padding:10px;background:var(--app-surface-2)}
@media(max-width:620px){.live-map{height:225px}.worker-live-map{height:260px}.live-map-card{padding:10px;border-radius:16px}.nearby-worker-chip{min-width:145px}}

/* v2.9 partner verification and account controls */
.header-actions,.panel-top-actions{display:flex;align-items:center;gap:10px}.logout-chip{border:1px solid var(--line,#dfe4ea);background:var(--card,#fff);color:var(--text,#172235);border-radius:999px;padding:9px 14px;font-weight:700;cursor:pointer}.verification-gate{padding:0 0 32px}.verification-card{display:flex;justify-content:space-between;gap:20px;align-items:center;background:linear-gradient(135deg,#fff7e6,#fff);border:1px solid #f2dfb6;border-radius:22px;padding:22px;margin-bottom:18px}.verification-card h2{margin:5px 0}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800;color:#d67a00}.verification-status{font-weight:800;background:#fff;border:1px solid #ead7ad;border-radius:999px;padding:10px 14px;white-space:nowrap}.registration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.registration-grid>.dash-card:last-child{grid-column:1/-1}.skill-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.skill-option input{display:none}.skill-option span{display:block;border:1px solid var(--line,#e2e7ed);border-radius:14px;padding:12px;background:var(--card,#fff);cursor:pointer}.skill-option input:checked+span{border-color:#ff9f1a;box-shadow:0 0 0 2px rgba(255,159,26,.15);background:#fff8ed}.upload-box{padding:12px 0;border-bottom:1px solid var(--line,#eee)}.upload-box label{display:block;font-weight:700;margin-bottom:7px}.verification-policy ul{padding-left:20px;line-height:1.8}.account-alert{margin:12px 0 16px;padding:14px 16px;border-radius:14px;background:#fff3cd;color:#694f00;border:1px solid #ffe08a;font-weight:700}.provider-photo{object-fit:cover;border-radius:50%;background:#eef2f7}.nearby-photo{width:38px;height:38px;border-radius:50%;object-fit:cover}.nav-action{text-decoration:none!important;background:#eef7ff!important;color:#1769aa!important}.danger-action{background:#fff1f1!important;color:#b42318!important}.wait-chip{padding:8px 10px;border-radius:999px;background:#fff7e6;font-size:12px;font-weight:800}.verification-admin-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;padding:14px 0;border-bottom:1px solid var(--line,#eee)}.verification-admin-info{display:grid;gap:3px}.doc-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.doc-links a{font-size:12px;font-weight:700}.verify-actions,.worker-admin-actions{display:flex;gap:6px;flex-wrap:wrap}.worker-admin-actions button{border:1px solid var(--line,#ddd);background:var(--card,#fff);border-radius:8px;padding:6px 8px;cursor:pointer}.live-worker{gap:10px}.live-worker .worker-admin-actions{margin-left:auto}.registration-grid input,.registration-grid textarea{width:100%}
@media(max-width:800px){.registration-grid{grid-template-columns:1fr}.verification-card{align-items:flex-start;flex-direction:column}.panel-top-actions{flex-wrap:wrap}.verification-admin-row{grid-template-columns:auto 1fr}.verify-actions{grid-column:1/-1}.live-worker{align-items:flex-start;flex-wrap:wrap}.live-worker .worker-admin-actions{width:100%;margin-left:52px}.customer-phone-app .logout-chip{padding:7px 10px;font-size:12px}}
[data-theme=dark] .verification-card{background:linear-gradient(135deg,#2b2418,#191d24);border-color:#5b4722}[data-theme=dark] .verification-status,[data-theme=dark] .skill-option input:checked+span{background:#242a33;color:#fff}[data-theme=dark] .account-alert{background:#332c12;color:#ffe8a3;border-color:#66591f}

/* v3.0 consolidated reliability/UI patches */
.registration-grid input,.registration-grid textarea,.registration-grid select{width:100%}
.registration-grid select{min-height:44px;border:1px solid var(--app-border);border-radius:12px;background:var(--app-input);color:var(--app-text);padding:10px 12px}
.book-main-btn:disabled,.btn:disabled,.status-online:disabled{opacity:.48;cursor:not-allowed;filter:grayscale(.25)}
.customer-app-body .account-alert{margin:0 16px 14px}
@media(max-width:620px){.customer-app-body .account-alert{margin:0 12px 12px;font-size:13px}}


/* v3.2 worker approval clarity, job sound and persistent mobile logout */
.alert-sound-chip{border:1px solid var(--app-border,#dfe4ea);background:var(--app-surface,#fff);color:var(--app-text,#172235);border-radius:11px;padding:10px 12px;font-weight:800;cursor:pointer;white-space:nowrap}
.job-state-notice{grid-column:2/-1;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;border-radius:13px;padding:12px 13px;margin-top:4px}.job-state-notice>div{display:grid;gap:3px}.job-state-notice b{font-size:13px}.job-state-notice span{font-size:12px;font-weight:700}.job-state-notice small{font-size:11px;line-height:1.45;color:var(--app-text-3,#667085)}.job-state-notice.waiting{background:#fff8e7;border:1px solid #f4d68b;color:#6f4c00}.job-state-notice.approved{background:#ecfdf3;border:1px solid #a9e5c1;color:#086a39}.state-icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff;font-weight:900}.state-icon.pulse{animation:mrfixPulse 1.25s ease-in-out infinite}.strong-action{box-shadow:0 6px 16px rgba(17,169,92,.22)}@keyframes mrfixPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.7}}
.worker-mobile-nav{display:none}
@media(max-width:900px){body.panel-body{padding-bottom:78px}.worker-mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:150;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-top:1px solid var(--app-border,#e6eaf0);padding:7px 8px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -8px 28px rgba(16,24,40,.08)}[data-theme="dark"] .worker-mobile-nav{background:rgba(13,21,34,.97)}.worker-mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--app-text-3,#667085);font-size:10px;font-weight:800;text-decoration:none;padding:4px}.worker-mobile-nav a b{font-size:18px;color:var(--app-text,#172235)}.panel-main{padding-bottom:92px}.panel-top-actions .logout-chip{display:inline-flex!important}.job-state-notice{grid-column:1/-1}.job-controls{display:flex;flex-wrap:wrap;gap:6px}}
@media(max-width:620px){.panel-topbar{display:block}.panel-top-actions{justify-content:flex-start;margin-top:10px}.panel-top-actions .logout-chip{order:5}.alert-sound-chip{padding:9px 10px;font-size:12px}.customer-phone-app .mobile-app-header{padding-right:0!important}.customer-phone-app .header-actions{display:flex!important}.customer-phone-app .logout-chip{display:inline-flex!important;visibility:visible!important;opacity:1!important}.mobile-native-nav a:last-child{color:#b42318}.mobile-native-nav a:last-child b{color:#b42318}}


/* v3.3 high-contrast logout + persistent incoming job ringing alert */
.logout-chip{background:#e5483f!important;color:#fff!important;border:1px solid #e5483f!important;opacity:1!important;visibility:visible!important;text-shadow:none!important;box-shadow:0 5px 14px rgba(229,72,63,.22)!important;min-width:74px;justify-content:center}
.logout-chip:hover,.logout-chip:focus{background:#c9342c!important;border-color:#c9342c!important;color:#fff!important}
.mobile-native-nav a:last-child,.worker-mobile-nav a:last-child{color:#ef4444!important}.mobile-native-nav a:last-child b,.worker-mobile-nav a:last-child b{color:#ef4444!important}
.incoming-job-alert{position:fixed;inset:0;z-index:9999;background:rgba(3,11,22,.76);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.incoming-job-alert.hidden{display:none!important}.incoming-job-card{width:min(440px,100%);background:var(--app-surface,#fff);color:var(--app-text,#172235);border:2px solid #ff9f0a;border-radius:26px;padding:24px 20px;box-shadow:0 26px 80px rgba(0,0,0,.38);text-align:center;animation:incomingCardPulse 1.15s ease-in-out infinite}.incoming-job-pulse{width:82px;height:82px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;font-size:42px;background:#fff1d5;border:3px solid #ffad1a;animation:incomingBell .62s ease-in-out infinite}.incoming-label{display:inline-block;color:#b75f00;background:#fff4d7;border:1px solid #ffd88a;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900;letter-spacing:.08em}.incoming-job-copy h2{font-size:26px;margin:12px 0 7px}.incoming-job-copy p{margin:0 0 16px;color:var(--app-text-2,#475467);font-weight:700}.incoming-job-actions{display:grid;grid-template-columns:1.35fr .85fr;gap:10px;margin-top:10px}.incoming-job-actions button{border:0;border-radius:14px;padding:14px 12px;font-weight:900;font-size:14px;cursor:pointer}.incoming-accept{background:#11a95c;color:#fff;box-shadow:0 7px 18px rgba(17,169,92,.28)}.incoming-dismiss{background:var(--app-surface-2,#f3f5f8);color:var(--app-text,#172235);border:1px solid var(--app-border,#dde3ea)!important}.incoming-job-copy>small{display:block;margin-top:12px;color:var(--app-text-3,#667085);font-size:11px;line-height:1.4}@keyframes incomingBell{0%,100%{transform:rotate(-10deg) scale(1)}50%{transform:rotate(10deg) scale(1.08)}}@keyframes incomingCardPulse{0%,100%{box-shadow:0 26px 80px rgba(0,0,0,.38),0 0 0 0 rgba(255,159,10,.32)}50%{box-shadow:0 26px 80px rgba(0,0,0,.38),0 0 0 14px rgba(255,159,10,0)}}
@media(max-width:620px){.logout-chip{min-width:72px;padding:8px 11px!important;font-size:12px!important}.incoming-job-alert{padding:14px}.incoming-job-card{border-radius:22px;padding:22px 16px}.incoming-job-copy h2{font-size:23px}.incoming-job-actions{grid-template-columns:1fr}.incoming-job-pulse{width:74px;height:74px;font-size:38px}}

/* V3.4 delegated booking + verification */
.booking-for-field{margin-top:14px}.booking-for-toggle button{min-height:46px}.friend-booking-box{padding:14px;border:1px solid var(--app-border,#dfe5ec);border-radius:16px;background:var(--card,#fff);margin:12px 0}.friend-note,.map-pin-hint{font-size:12px;line-height:1.45;color:var(--muted,#6b7280);padding:8px 2px}.location-choice-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.map-pin-button{background:transparent!important;border:1px solid var(--app-border,#dfe5ec)!important;color:inherit!important}.booking-recipient{font-size:12px;padding:8px 10px;margin:8px 0;border-radius:10px;background:rgba(255,157,0,.10);border:1px solid rgba(255,157,0,.20)}.character-check{margin-top:12px;padding:12px;border:1px dashed var(--app-border,#dfe5ec);border-radius:14px}.character-check h4{margin:0 0 8px}.recipient-line{display:block;margin-top:4px;font-size:12px}.recipient-call{display:inline-block;margin-top:5px;font-size:12px;font-weight:800;color:#0b6cff;text-decoration:none}html[data-theme="dark"] .friend-booking-box,html[data-theme="dark"] .character-check{background:#111b2d;border-color:#334155}.worker-travel-note{font-size:12px}.live-map-card .leaflet-interactive{transition:stroke .2s}
@media(max-width:620px){.location-choice-row{grid-template-columns:1fr}.friend-booking-box .grid.two{grid-template-columns:1fr}}

/* v3.8: active job workflow is always visible above the job history. */
.active-job-card{border:2px solid rgba(255,151,20,.42);box-shadow:0 16px 42px rgba(0,0,0,.09);margin-bottom:16px}
.active-job-card .dash-job-row{margin-top:10px;border-color:rgba(255,151,20,.35)}
.active-job-card .job-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.active-job-card .mini-action{min-height:46px;padding:12px 16px;font-weight:800}
@media(max-width:760px){.active-job-card{margin:12px 0}.active-job-card .dash-job-row{display:grid;grid-template-columns:auto 1fr;gap:10px}.active-job-card .job-price,.active-job-card .job-controls,.active-job-card .job-state-notice{grid-column:1/-1}.active-job-card .job-controls .mini-action{flex:1 1 46%}}

.job-render-error{display:grid;gap:6px;padding:14px;border:1px solid #f2b84b;background:#fff7df;color:#633b00;border-radius:12px}.job-render-error span,.job-render-error small{display:block}

/* V4.0 professional inline OTP flow */
.auth-card{position:relative;overflow:hidden}
.auth-eyebrow{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:900;letter-spacing:.12em;color:#f97316;background:rgba(249,115,22,.09);padding:.38rem .6rem;border-radius:999px;margin-bottom:.65rem}
.auth-subtitle{margin:.35rem 0 1rem;color:var(--muted,#718096);line-height:1.5}
.auth-primary{min-height:54px;font-weight:900;letter-spacing:.01em}
.auth-security{display:block;text-align:center;margin-top:.8rem;color:var(--muted,#8a94a6)}
.otp-step{animation:otpSlide .22s ease}
@keyframes otpSlide{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
.otp-input-wrap{margin:1.1rem 0}
.otp-code{width:100%;height:66px;border:2px solid rgba(148,163,184,.28);border-radius:18px;background:var(--input-bg,#fff);color:var(--text,#0f172a);font-size:2rem;font-weight:900;letter-spacing:.55em;text-align:center;padding-left:.55em;outline:none;box-sizing:border-box;transition:.2s}
.otp-code:focus{border-color:#ff9416;box-shadow:0 0 0 4px rgba(255,148,22,.12)}
.otp-actions{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin:.9rem 0 .55rem;font-size:.88rem;color:var(--muted,#7c8799)}
.otp-link,.change-number{appearance:none;border:0;background:none;color:#f97316;font-weight:800;padding:.35rem .25rem;cursor:pointer}
.otp-link:disabled{color:#9aa4b2;cursor:not-allowed;opacity:.65}
.change-number{width:100%;text-align:center;margin:.2rem 0 .35rem}
.auth-error{margin-top:.8rem;padding:.75rem .85rem;border-radius:12px;background:#fff0f0;color:#c43b32;font-weight:800;font-size:.88rem;border:1px solid #ffd6d3}
[data-theme="dark"] .auth-error{background:#30171a;color:#ff9e98;border-color:#5a2429}
[data-theme="dark"] .otp-code{background:#0f1b2d;color:#fff;border-color:#314158}
.partner-auth{max-width:520px}
@media(max-width:700px){.otp-code{font-size:1.75rem;letter-spacing:.42em}.otp-actions{flex-direction:column;justify-content:center}.auth-card h2{font-size:1.8rem}}


/* v4.1 searchable service catalog + professional quotation */
.service-section-head{display:flex;justify-content:space-between;align-items:center;margin:10px 2px 8px;color:var(--app-text)}.service-section-head span{font-weight:800}.service-section-head small{color:var(--app-text-3)}
.service-search-box{position:relative}.service-search-box input{padding-right:42px!important}.search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:0;border-radius:50%;background:var(--app-surface-2);color:var(--app-text);font-size:20px;cursor:pointer}
.service-search-results{margin:-4px 0 12px;border:1px solid var(--app-border);border-radius:16px;background:var(--app-surface);box-shadow:0 16px 42px rgba(15,23,42,.16);overflow:hidden;max-height:390px;overflow-y:auto;position:relative;z-index:20}.service-search-item{width:100%;display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;text-align:left;border:0;border-bottom:1px solid var(--app-border);background:transparent;color:var(--app-text);padding:11px 13px;cursor:pointer}.service-search-item:last-child{border-bottom:0}.service-search-item:hover,.service-search-item:focus{background:var(--app-surface-2)}.service-search-item>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--app-surface-2);font-size:20px}.service-search-item b,.service-search-item small{display:block}.service-search-item small{color:var(--app-text-3);margin-top:2px}.service-search-item em{font-style:normal;font-size:11px;font-weight:800;color:#f57c00}.service-search-empty{padding:18px;display:grid;gap:5px;color:var(--app-text)}.service-search-empty span{color:var(--app-text-3);font-size:12px}
.selected-service-bar{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;margin:10px 0;padding:11px 13px;border:1px solid #ffb340;border-radius:14px;background:linear-gradient(135deg,rgba(255,159,10,.12),var(--app-surface));color:var(--app-text)}.selected-service-bar>span{font-size:22px}.selected-service-bar small,.selected-service-bar b,.selected-service-bar em{display:block}.selected-service-bar small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--app-text-3)}.selected-service-bar em{font-size:10px;font-style:normal;color:var(--app-text-3);margin-top:2px}.selected-service-bar button{border:0;border-radius:999px;padding:7px 10px;background:var(--app-surface-2);color:var(--app-text);font-weight:800}
.skill-search-row{margin:10px 0}.skill-search-row input{width:100%;min-height:44px;border:1px solid var(--app-border);border-radius:12px;background:var(--app-input);color:var(--app-text);padding:10px 12px}.skill-option span b,.skill-option span small{display:block}.skill-option span small{margin-top:3px;color:var(--app-text-3);font-size:10px}.skill-empty{padding:14px;color:var(--app-text-3)}
.professional-modal{position:fixed;inset:0;z-index:5000;background:rgba(2,8,23,.68);backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px}.professional-modal.hidden{display:none}.professional-modal-card{width:min(560px,100%);max-height:90svh;overflow:auto;border-radius:24px;background:var(--app-surface);color:var(--app-text);border:1px solid var(--app-border);box-shadow:0 28px 90px rgba(0,0,0,.38);padding:20px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.modal-head h2{margin:4px 0 6px;font-size:23px}.modal-head p{margin:0;color:var(--app-text-3);font-size:13px;line-height:1.45}.modal-eyebrow{font-size:10px;font-weight:900;letter-spacing:.12em;color:#f57c00}.modal-close{width:38px;height:38px;border:1px solid var(--app-border);border-radius:50%;background:var(--app-surface-2);color:var(--app-text);font-size:22px;cursor:pointer}.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quote-total-row{display:flex;align-items:center;justify-content:space-between;margin:16px 0;padding:16px;border-radius:15px;background:linear-gradient(135deg,#fff4d6,#fff8ed);border:1px solid #ffd27a;color:#442b00}.quote-total-row b{font-size:22px}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.modal-actions .btn{min-width:120px}.btn.ghost{background:var(--app-surface-2);color:var(--app-text);border:1px solid var(--app-border)}
.service-route{font-size:11px;color:var(--app-text-3);min-height:28px}
@media(max-width:620px){.professional-modal{align-items:end;padding:0}.professional-modal-card{border-radius:24px 24px 0 0;padding:18px 16px max(20px,env(safe-area-inset-bottom));max-height:88svh}.quote-grid{grid-template-columns:1fr}.service-search-results{max-height:340px}.service-section-head small{font-size:10px}}


/* V4.0 booking history, radar search and active-job focus */
.history-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:none}.history-tabs::-webkit-scrollbar{display:none}.history-tabs button{border:1px solid var(--app-border,#dfe5ec);background:var(--app-surface,#fff);color:var(--app-text-3,#667085);border-radius:999px;padding:8px 13px;font-weight:800;font-size:12px;white-space:nowrap;cursor:pointer}.history-tabs button.active{background:#ff9f0a;color:#101828;border-color:#ff9f0a;box-shadow:0 4px 14px rgba(255,159,10,.18)}.history-load-more{width:100%;margin:10px 0 4px;border:1px solid var(--app-border,#dfe5ec);background:var(--app-surface,#fff);color:var(--app-text,#172235);border-radius:14px;padding:12px;font-weight:800;cursor:pointer}.history-load-more.hidden{display:none}.map-stage{position:relative;border-radius:14px;overflow:hidden}.nearby-search-overlay{position:absolute;inset:0;z-index:550;display:flex;align-items:center;justify-content:center;gap:18px;padding:18px;background:rgba(9,20,34,.60);backdrop-filter:blur(2px);color:#fff;text-align:left}.nearby-search-overlay.hidden{display:none}.nearby-search-overlay strong{display:block;font-size:14px}.nearby-search-overlay small{display:block;opacity:.82;font-size:11px;max-width:190px;margin-top:4px;line-height:1.35}.radar-search{position:relative;width:74px;height:74px;flex:0 0 74px;display:grid;place-items:center}.radar-search b{position:relative;z-index:3;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#ff9f0a;color:#111827;font-size:12px;box-shadow:0 0 0 5px rgba(255,255,255,.15)}.radar-search span{position:absolute;inset:18px;border:2px solid #ffb43b;border-radius:50%;opacity:0;animation:mrfixRadar 1.8s ease-out infinite}.radar-search span:nth-child(2){animation-delay:.55s}.radar-search span:nth-child(3){animation-delay:1.1s}@keyframes mrfixRadar{0%{transform:scale(.45);opacity:.95}70%{opacity:.35}100%{transform:scale(2.15);opacity:0}}.live-map-card.is-searching .live-map{filter:saturate(.75) brightness(.92)}.worker-history-tabs{margin-top:4px}.jobs-card .history-load-more{margin-top:12px}.active-job-card{box-shadow:0 0 0 2px rgba(255,159,10,.14),0 16px 34px rgba(15,23,42,.08)}
html[data-theme="dark"] .history-tabs button,html[data-theme="dark"] .history-load-more{background:#111b2d;border-color:#334155;color:#d0d5dd}html[data-theme="dark"] .history-tabs button.active{background:#ff9f0a;color:#101828;border-color:#ff9f0a}
@media(max-width:620px){.history-tabs{padding-bottom:8px}.history-tabs button{padding:8px 12px}.nearby-search-overlay{gap:12px}.radar-search{width:64px;height:64px;flex-basis:64px}}

/* v4.0.3 persistent nearby-search status + clearer map feedback */
.nearby-search-status{display:flex;align-items:center;gap:12px;margin-top:10px;padding:12px 13px;border:1px solid #ffd166;border-radius:14px;background:linear-gradient(135deg,#fff9e8,#fff4cf);color:#4a3510;box-shadow:0 8px 20px rgba(245,158,11,.12)}
.nearby-search-status.hidden{display:none!important}.nearby-search-status b{display:block;font-size:13px}.nearby-search-status small{display:block;font-size:10px;line-height:1.4;margin-top:2px;opacity:.78}.search-spinner{width:25px;height:25px;flex:0 0 25px;border-radius:50%;border:3px solid rgba(255,159,10,.24);border-top-color:#ff9f0a;animation:mrfixSpin .8s linear infinite}@keyframes mrfixSpin{to{transform:rotate(360deg)}}
html[data-theme="dark"] .nearby-search-status{background:linear-gradient(135deg,#2b2415,#211c13);border-color:#6b541e;color:#ffe29b}.live-map-card.is-searching .map-badge{animation:mrfixBadgePulse 1s ease-in-out infinite}@keyframes mrfixBadgePulse{50%{transform:scale(1.06);box-shadow:0 0 0 7px rgba(255,159,10,.12)}}


/* v4.0.4 accepted-job communication */
.job-contact-card{margin-top:10px;padding:12px;border:1px solid var(--app-border);border-radius:14px;background:color-mix(in srgb,var(--app-card) 92%,#fff7e8 8%);display:grid;gap:8px;min-width:230px}
.job-contact-card>b{font-size:13px}.contact-action-set{display:grid;gap:7px}.contact-number{font-weight:800;font-size:14px;letter-spacing:.2px;word-break:break-all}.contact-action-buttons{display:flex;gap:8px;flex-wrap:wrap}.contact-call-btn,.contact-wa-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:9px 11px;border-radius:10px;text-decoration:none!important;font-size:12px;font-weight:800;border:1px solid transparent}.contact-call-btn{background:#0d6efd;color:#fff!important}.contact-wa-btn{background:#1fa855;color:#fff!important}.secondary-contact{padding-top:8px;border-top:1px dashed var(--app-border);display:grid;gap:6px}.secondary-contact>small,.contact-expiry{font-size:11px;color:var(--app-muted)}.contact-action-set.compact{margin-top:7px}.nearby-worker-chip .contact-action-buttons{margin-top:5px}.nearby-worker-chip .contact-call-btn,.nearby-worker-chip .contact-wa-btn{padding:7px 9px;font-size:11px}.customer-contact-card{margin:10px 0 2px}
@media(max-width:560px){.job-contact-card{min-width:0;width:100%}.contact-action-buttons>a{flex:1 1 125px}.contact-number{font-size:13px}}

/* v4.0.5 two-way optional completion ratings */
.rating-modal{position:fixed;inset:0;z-index:12000;background:rgba(6,17,30,.68);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:22px}.rating-modal.hidden{display:none!important}.rating-card{width:min(430px,100%);border-radius:28px;background:var(--surface,#fff);color:var(--text,#172033);box-shadow:0 28px 80px rgba(0,0,0,.28);padding:28px;text-align:center;border:1px solid var(--border,rgba(15,23,42,.1))}.rating-complete-badge{display:inline-flex;align-items:center;gap:6px;background:#eaf8ef;color:#197442;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;letter-spacing:.04em}.rating-card h2{margin:14px 0 5px;font-size:25px}.rating-card p{margin:0 0 16px;color:var(--muted,#6b7280)}.rating-stars{display:flex;justify-content:center;gap:7px;margin:10px 0}.rating-stars button{border:0;background:transparent;color:#c8ced7;font-size:38px;line-height:1;cursor:pointer;padding:3px;transition:transform .15s ease,color .15s ease}.rating-stars button.selected{color:#ffb000;transform:scale(1.08)}.rating-value-text{font-weight:800;color:var(--muted,#6b7280);font-size:13px;margin-bottom:14px}.rating-card textarea{width:100%;box-sizing:border-box;border:1px solid var(--border,#dde3ea);background:var(--surface-2,#f8fafc);color:var(--text,#172033);border-radius:14px;padding:12px;resize:vertical}.rating-actions{display:grid;gap:9px;margin-top:14px}.rating-skip{border:0;background:transparent;color:var(--muted,#6b7280);padding:10px;font-weight:800;cursor:pointer}.review-done{margin-top:9px;padding:10px 12px;border-radius:12px;background:#ecf9f0;color:#177245;font-size:13px;font-weight:800}.rate-later-btn{margin-top:8px}
html[data-theme="dark"] .rating-card{background:#142238;color:#f5f7fb;border-color:#31435d}html[data-theme="dark"] .rating-card textarea{background:#0d192a;color:#f5f7fb;border-color:#344861}html[data-theme="dark"] .review-done{background:#163727;color:#8ee4b3}

/* Supplied Mr Fix Lanka branding */
.supplied-logo{background:#fff;box-shadow:none;border-radius:12px;overflow:hidden}.supplied-logo img{display:block;width:100%;height:100%;object-fit:contain}.login-mark.supplied-logo{width:88px;height:88px}.brand-mark.xl.supplied-logo{width:112px;height:112px}.worker-mobile-nav.hidden{display:none!important}

/* Customer navigation is available only after authentication. */
.mobile-native-nav.hidden{display:none!important}