:root{--green:#0f7a4d;--green2:#16a66a;--green3:#eaf8f1;--ink:#13231b;--muted:#6c7b73;--line:#dfe9e3;--bg:#f6faf7;--white:#fff;--danger:#b83232;--shadow:0 18px 50px rgba(21,79,52,.08);--radius:22px}*{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{color:inherit;text-decoration:none}img{max-width:100%}.page-shell{min-height:72vh}.container{width:min(1180px,calc(100% - 32px));margin:auto}.topbar{height:72px;padding:0 max(18px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line)}.brand,.admin-brand{display:flex;gap:10px;align-items:center;font-weight:850;font-size:21px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,var(--green),var(--green2));color:#fff}.desktop-nav{display:flex;gap:22px;align-items:center}.desktop-nav a{font-size:14px;font-weight:650}.btn{border:0;background:linear-gradient(135deg,var(--green),var(--green2));color:#fff;padding:12px 18px;border-radius:14px;font-weight:800;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;gap:8px;box-shadow:0 8px 18px rgba(15,122,77,.14)}.btn:hover{filter:brightness(.97)}.btn.small{padding:9px 13px;border-radius:11px;font-size:13px}.btn.big{padding:15px 22px}.btn.light{background:var(--green3);color:var(--green);box-shadow:none}.btn.secondary{background:#163a2c}.hero{padding:58px 0 42px;background:radial-gradient(circle at 84% 10%,#dff5e9 0,transparent 35%),linear-gradient(#fff,#f7fcf9)}.hero-grid{display:grid;grid-template-columns:1.3fr .8fr;gap:34px;align-items:center}.hero h1{font-size:clamp(42px,6vw,78px);line-height:.98;letter-spacing:-3px;margin:14px 0 18px}.hero p{font-size:18px;line-height:1.7;color:var(--muted);max-width:760px}.hero-card,.detail-card,.form-card,.job-card,.tech-card,.feature-card,.category-card,.metric,.plan-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card{padding:28px;min-height:340px;background:linear-gradient(160deg,#123e2b,#0a2117);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.eyebrow{display:inline-flex;padding:7px 10px;border-radius:999px;background:var(--green3);color:var(--green);font-weight:850;font-size:12px;letter-spacing:.02em}.search-card{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.input,.select,textarea{width:100%;border:1px solid var(--line);border-radius:13px;padding:13px 14px;background:#fff;color:var(--ink);font:inherit;outline:none}.input:focus,.select:focus,textarea:focus{border-color:#8cc9aa;box-shadow:0 0 0 4px #e5f7ed}.section{padding:64px 0}.section.alt{background:#eef7f1}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-head h1,.section-head h2{margin:0 0 6px}.section-head p,.muted{color:var(--muted)}.grid{display:grid;gap:16px}.categories{grid-template-columns:repeat(6,1fr)}.technicians{grid-template-columns:repeat(4,1fr)}.jobs{grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:repeat(3,1fr)}.category-card,.tech-card,.job-card,.feature-card{padding:20px}.category-card{text-align:center}.category-icon{font-size:31px;margin-bottom:8px}.tech-top{display:flex;gap:12px;align-items:center}.avatar{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,#dcefe4,#9cd3b5)}.verified{font-size:12px;color:var(--green);font-weight:800}.pill{display:inline-flex;padding:6px 9px;border-radius:999px;background:#f1f6f3;color:#466056;font-size:12px;font-weight:750}.job-meta{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.price,.offer-price{font-weight:900;font-size:18px}.stat-row,.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat,.metric{padding:18px}.stat strong,.metric strong{display:block;font-size:28px}.stat span,.metric small{color:var(--muted)}.form-card{width:min(760px,calc(100% - 28px));margin:40px auto;padding:28px}.form-card.wide{width:min(1000px,calc(100% - 28px))}.label{display:block;font-weight:750;font-size:13px;margin:15px 0 7px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.flash{padding:13px 15px;background:#e6f7ed;border:1px solid #bde5cd;color:#176a43;border-radius:13px;margin:14px 0}.flash.danger,.warning{background:#fff0f0;border:1px solid #f3c6c6;color:var(--danger);padding:12px;border-radius:12px}.location-box{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:15px;border:1px dashed #b6d7c5;border-radius:16px;margin-top:15px}.switch-row{display:flex;align-items:center;gap:9px;padding:10px 0;font-weight:650}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.plan-card{padding:16px;display:flex;flex-direction:column;gap:6px}.dash-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:34px 0}.dash-hero h1{font-size:40px;margin:7px 0}.job-detail{width:min(980px,calc(100% - 28px));margin:32px auto;display:grid;gap:16px}.detail-card{padding:24px}.timeline{border-left:2px solid #cbe8d8;margin-left:7px;padding-left:18px}.timeline>div{position:relative;padding:0 0 18px}.timeline>div:before{content:"";position:absolute;left:-25px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--green)}.timeline small,.chat-head small,.offer small{display:block;color:var(--muted);margin-top:4px}.offer{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.inline-form{display:flex;gap:8px;align-items:center}.input.mini{width:140px;padding:9px}.score-ring{float:right;background:var(--green3);color:var(--green);font-weight:900;padding:8px;border-radius:12px}.chat-shell{width:min(900px,calc(100% - 18px));margin:18px auto;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.chat-head{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--line)}.messages{height:58vh;overflow:auto;padding:18px;background:linear-gradient(#f6fbf8,#edf7f1)}.msg{max-width:72%;margin:7px 0;padding:10px 12px;border-radius:15px;background:#fff;border:1px solid #e3ebe7}.msg.mine{margin-left:auto;background:#dff5e9}.msg small,.msg time{display:block;font-size:10px;color:#71837a}.chat-image{max-width:260px;border-radius:12px;margin-top:7px}.chat-compose{display:grid;grid-template-columns:1fr auto auto auto;gap:8px;padding:12px}.icon-btn,.attach{width:42px;height:42px;border:0;border-radius:13px;background:var(--green3);display:grid;place-items:center;cursor:pointer}.admin-layout{display:grid;grid-template-columns:245px 1fr;min-height:calc(100vh - 72px)}.admin-nav{background:#0e3022;color:#dff6e9;padding:22px 14px;display:flex;flex-direction:column;gap:4px;position:sticky;top:72px;height:calc(100vh - 72px);overflow:auto}.admin-nav a{padding:10px 12px;border-radius:10px;font-size:14px}.admin-nav a:hover{background:#174b36}.admin-brand{font-size:20px;color:#fff;margin-bottom:10px}.admin-main{padding:26px;min-width:0}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:18px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);font-size:13px}th{background:#f3f8f5}.switch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.switch-grid>div{padding:12px;border:1px solid var(--line);border-radius:13px;display:flex;justify-content:space-between}.mobile-bottom-nav{display:none}.footer{text-align:center;color:var(--muted);padding:28px}.num{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--green3);color:var(--green);font-weight:900}
@media(max-width:900px){.desktop-nav{display:none}.hero{padding:28px 0}.hero-grid,.search-card,.form-row,.plan-grid{grid-template-columns:1fr}.hero h1{font-size:46px;letter-spacing:-2px}.hero-card{min-height:240px}.categories{grid-template-columns:repeat(3,1fr)}.technicians,.jobs,.steps,.metric-grid{grid-template-columns:repeat(2,1fr)}.admin-layout{grid-template-columns:1fr}.admin-nav{position:relative;top:0;height:auto;display:grid;grid-template-columns:repeat(2,1fr)}.admin-main{padding:16px}.switch-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){body{padding-bottom:76px}.topbar{height:62px}.brand{font-size:18px}.container{width:min(100% - 22px,1180px)}.hero h1{font-size:39px}.hero p{font-size:15px}.hero-grid{gap:18px}.categories{grid-template-columns:repeat(2,1fr)}.technicians,.jobs,.steps,.metric-grid,.stat-row{grid-template-columns:1fr}.category-card,.tech-card,.job-card,.feature-card{border-radius:18px}.section{padding:38px 0}.section-head{align-items:flex-start}.dash-hero{align-items:flex-start;flex-direction:column;padding:22px 10px}.dash-hero h1{font-size:32px}.mobile-bottom-nav{position:fixed;left:9px;right:9px;bottom:8px;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:20px;box-shadow:0 18px 50px rgba(0,0,0,.15);display:grid;grid-template-columns:repeat(5,1fr);padding:8px}.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:18px;color:#607168}.mobile-bottom-nav small{font-size:10px}.mobile-bottom-nav .center-action span{width:38px;height:38px;margin-top:-21px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;box-shadow:0 8px 18px rgba(15,122,77,.28)}.footer{display:none}.messages{height:55vh}.msg{max-width:88%}.chat-compose{grid-template-columns:1fr auto auto}.chat-compose .btn{grid-column:1/-1}.offer{grid-template-columns:1fr auto}.offer .inline-form{grid-column:1/-1}.admin-nav{grid-template-columns:1fr 1fr;max-height:280px}.admin-main{padding:12px}.switch-grid{grid-template-columns:1fr}}


/* Live nearby-job / offer alerts */
.live-toast-host{position:fixed;right:18px;top:78px;z-index:9999;display:flex;flex-direction:column;gap:10px;width:min(390px,calc(100vw - 24px));pointer-events:none}
.live-toast{width:100%;border:1px solid rgba(15,122,77,.18);background:#fff;border-radius:18px;box-shadow:0 18px 55px rgba(15,45,33,.18);padding:14px 42px 14px 14px;display:flex;gap:12px;text-align:left;cursor:pointer;pointer-events:auto;position:relative;opacity:0;transform:translateY(-10px) scale(.98);transition:.22s ease;color:#17352a}
.live-toast.show{opacity:1;transform:none}.live-toast:hover{transform:translateY(-2px);box-shadow:0 22px 60px rgba(15,45,33,.24)}
.live-toast.job-alert{border-left:5px solid #0f7a4d}.live-toast.offer-alert{border-left:5px solid #e6a700}
.live-toast-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#edf8f2;font-size:21px;flex:0 0 auto}
.live-toast-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.live-toast-copy strong{font-size:15px}.live-toast-copy small{color:#61766e;line-height:1.4}.live-toast-copy em{font-style:normal;color:#0f7a4d;font-weight:700;font-size:12px;margin-top:4px}
.live-toast-close{position:absolute;right:12px;top:10px;font-size:20px;color:#789087;font-weight:400}
@media(max-width:700px){.live-toast-host{top:12px;right:12px;left:12px;width:auto}.live-toast{border-radius:17px;padding:13px 38px 13px 13px}.live-toast-copy strong{font-size:14px}}

/* UX polish v6 */
.full-btn,.admin-login-btn{width:100%;margin-top:18px}.login-card{max-width:520px}.auth-foot{text-align:center;color:var(--muted);margin:18px 0 0}.auth-foot a{color:var(--green);font-weight:800}.minimal-topbar{justify-content:center}.minimal-topbar .brand{margin:auto}
.communication-unlocked{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#fff,#eefaf3);border-color:#bfe4ce}.communication-copy h2{margin:10px 0 5px}.communication-actions{display:flex;gap:10px;flex:0 0 auto}.communication-locked{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fbfdfc}.communication-locked h2{margin:10px 0 5px}.lock-badge{background:#edf2ef;border:1px solid var(--line);border-radius:14px;padding:12px 14px;font-weight:850;color:#627269;white-space:nowrap}
.app-chat{margin-top:26px}.chat-head{min-height:72px;background:#fff;position:sticky;top:0;z-index:4}.chat-back{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#f1f6f3;font-size:20px}.chat-avatar{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--green),var(--green2));color:#fff;font-weight:900}.chat-person{flex:1;min-width:0}.chat-person strong,.chat-person small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.online-dot{display:inline-block;width:7px;height:7px;background:#22ad69;border-radius:50%;margin-right:3px}.call-primary{color:var(--green);font-size:19px}.chat-security{padding:9px 15px;background:#eef8f2;color:#436558;border-bottom:1px solid #d8eadf;font-size:12px;text-align:center}.chat-loading,.chat-empty{text-align:center;color:var(--muted);padding:40px 18px}.msg{box-shadow:0 4px 14px rgba(22,62,43,.04)}.msg.mine{border-bottom-right-radius:5px}.msg:not(.mine){border-bottom-left-radius:5px}.msg-body{line-height:1.45;white-space:pre-wrap;word-break:break-word}.voice-note{width:min(300px,100%);margin-top:8px}.chat-video{width:min(320px,100%);max-height:280px;border-radius:13px;margin-top:8px}.file-chip{display:inline-flex;padding:9px 11px;margin-top:7px;border-radius:11px;background:#f2f7f4;font-weight:750;font-size:12px}.chat-warning{margin:0 12px 8px}.chat-input{border-radius:999px;background:#f7faf8}.chat-send{width:44px;height:44px;padding:0;border-radius:50%}.icon-btn.recording{background:#ffe7e7;color:#c33;animation:pulseRecord 1s infinite}.voice-status{text-align:center;font-size:12px;color:#b83232;background:#fff0f0;padding:7px}.attach{font-size:22px;font-weight:600}@keyframes pulseRecord{50%{transform:scale(1.08)}}
.call-screen{width:min(520px,calc(100% - 28px));margin:34px auto;text-align:center;background:linear-gradient(165deg,#103e2c,#071d14);color:#fff;border-radius:30px;box-shadow:0 28px 70px rgba(8,50,32,.24);padding:28px 26px 36px;min-height:620px;display:flex;flex-direction:column;align-items:center;justify-content:center}.call-screen .muted{color:#b9d5c7}.call-back{align-self:flex-start;color:#cce7da;font-size:13px}.call-orb{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;font-size:42px;font-weight:900;background:linear-gradient(135deg,#32b678,#0c7146);box-shadow:0 0 0 14px rgba(255,255,255,.05);margin:55px 0 28px}.call-screen h1{margin:12px 0 4px}.call-state{margin:24px 0;color:#d8eee3;font-weight:700}.call-actions{display:flex;gap:36px;margin:20px 0}.call-round{width:72px;height:72px;border:0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:26px;cursor:pointer;color:#fff}.call-round small{font-size:10px;margin-top:3px}.call-round.start{background:#20a766}.call-round.end{background:#d64b4b}.call-privacy{font-size:12px;color:#aacabc;max-width:340px;margin-top:18px}
.admin-login-wrap{min-height:calc(100vh - 72px);display:grid;place-items:center;padding:30px 15px;background:radial-gradient(circle at 50% 0,#dff6e9,transparent 36%),#f6faf7}.admin-login-card{width:min(470px,100%);background:#fff;border:1px solid var(--line);box-shadow:0 30px 80px rgba(10,69,42,.12);border-radius:28px;padding:32px}.admin-login-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.admin-login-brand div{display:flex;flex-direction:column}.admin-login-brand small{color:var(--muted)}.admin-login-card h1{font-size:36px;margin:10px 0 6px}.back-site{display:block;text-align:center;margin-top:18px;color:var(--muted);font-size:13px}
@media(max-width:760px){.communication-unlocked,.communication-locked{align-items:flex-start;flex-direction:column}.communication-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.communication-actions .btn{padding:13px 8px}.chat-shell{margin:0 auto;border-radius:0;border-left:0;border-right:0;min-height:calc(100vh - 138px)}.app-chat .messages{height:calc(100vh - 320px);min-height:330px}.chat-compose{grid-template-columns:auto 1fr auto auto;padding:9px}.chat-compose .btn{grid-column:auto}.call-screen{margin:12px auto;min-height:calc(100vh - 100px);border-radius:25px}.admin-login-wrap{min-height:calc(100vh - 62px)}.admin-login-card{padding:25px 20px;border-radius:24px}.admin-login-card h1{font-size:31px}}

/* Native mobile + chat polish v7 */
html,body{overscroll-behavior-y:none}body{-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}.live-toast.call-alert{border-left:5px solid #18a867;background:linear-gradient(135deg,#fff,#effbf4)}
.app-safe{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
@media(max-width:760px){
 body{background:#fff;padding-bottom:calc(72px + env(safe-area-inset-bottom));user-select:none}.page-shell{min-height:calc(100dvh - 72px)}
 .topbar{height:58px;padding:env(safe-area-inset-top) 16px 0;background:rgba(255,255,255,.96);border-bottom:1px solid #edf2ef}.topbar .brand{font-size:18px}.topbar .brand-mark{width:34px;height:34px;border-radius:11px}.desktop-nav{display:none}
 .container{width:min(100% - 24px,1180px)}.section{padding:34px 0}.hero{padding:26px 0 28px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:39px;letter-spacing:-1.8px}.hero p{font-size:15px}.hero-card{display:none}.search-card{grid-template-columns:1fr;border-radius:20px;padding:9px}.categories{grid-template-columns:repeat(3,1fr)}.technicians,.jobs,.steps,.plan-grid{grid-template-columns:1fr}.category-card,.tech-card,.job-card,.feature-card,.detail-card{border-radius:19px;box-shadow:0 8px 26px rgba(21,79,52,.06)}
 .mobile-bottom-nav{height:calc(66px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:rgba(255,255,255,.96);backdrop-filter:blur(22px);border-top:1px solid #e8efeb;box-shadow:0 -8px 30px rgba(20,60,42,.06)}.mobile-bottom-nav a{min-height:62px}.mobile-bottom-nav span{font-size:21px}.mobile-bottom-nav small{font-size:10px;font-weight:750}.mobile-bottom-nav .center-action span{width:45px;height:45px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--green),var(--green2));color:#fff;box-shadow:0 9px 22px rgba(15,122,77,.25);margin-top:-17px}
 .footer{display:none}.btn,.input,.select,textarea{min-height:46px}.btn:active,.category-card:active,.job-card:active,.tech-card:active{transform:scale(.985)}
 .app-chat{position:fixed;inset:0 0 calc(66px + env(safe-area-inset-bottom)) 0;margin:0!important;width:100%;max-width:none;border:0!important;border-radius:0!important;background:#eef4f0;z-index:45;display:flex;flex-direction:column}.app-chat .chat-head{padding-top:env(safe-area-inset-top);height:calc(62px + env(safe-area-inset-top));flex:0 0 auto;box-shadow:0 1px 0 #e6ece8}.chat-security{flex:0 0 auto;padding:7px 12px;font-size:10.5px}.app-chat .messages{height:auto!important;min-height:0!important;flex:1;overflow:auto;padding:14px 11px 18px;background:linear-gradient(rgba(238,244,240,.94),rgba(238,244,240,.94)),radial-gradient(circle at 20% 20%,#dbece2 1px,transparent 1px);background-size:auto,20px 20px}.chat-compose{position:static!important;flex:0 0 auto;padding:8px 9px calc(8px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e2ebe5}.msg{max-width:84%;border-radius:17px;padding:8px 10px;margin:4px 0}.msg small{font-size:10px}.msg time{font-size:9px;opacity:.62}.chat-image{max-width:min(72vw,310px);border-radius:13px}.chat-person small{font-size:10.5px}.chat-warning{position:absolute;bottom:68px;left:8px;right:8px;z-index:5}.voice-status{position:absolute;bottom:66px;left:0;right:0;z-index:5}
 .call-screen{position:fixed;inset:0;margin:0;width:100%;min-height:100dvh;border-radius:0;padding-top:calc(24px + env(safe-area-inset-top));padding-bottom:calc(30px + env(safe-area-inset-bottom));z-index:60}
}
.chat-day{display:flex;justify-content:center;clear:both;margin:12px 0 8px}.chat-day span{background:rgba(255,255,255,.9);border:1px solid #e0e9e4;border-radius:999px;padding:5px 10px;font-size:10px;color:#6b7d74;box-shadow:0 3px 10px rgba(20,60,42,.04)}

/* v8 — native app experience, SaaS admin, live tracking */
.remember-login{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:13px;margin:12px 0 16px}.remember-login input{accent-color:var(--green)}
.incoming-call-overlay{position:fixed;inset:0;z-index:9999;background:rgba(4,22,14,.74);backdrop-filter:blur(14px);display:grid;place-items:center;padding:22px}.incoming-call-card{width:min(390px,100%);background:linear-gradient(165deg,#0f5137,#08291c);color:#fff;border-radius:34px;padding:34px 26px;text-align:center;box-shadow:0 35px 100px rgba(0,0,0,.35)}.incoming-call-card small{color:#bfe2d1;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.incoming-call-card h2{font-size:28px;margin:12px 0 6px}.incoming-call-card p{color:#d6ece1}.incoming-pulse{width:108px;height:108px;margin:0 auto 28px;border-radius:50%;display:grid;place-items:center;background:#1bac6b;font-size:38px;box-shadow:0 0 0 0 rgba(40,190,118,.45);animation:incomingPulse 1.35s infinite}.incoming-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}.incoming-actions button,.incoming-notify{min-height:52px;border:0;border-radius:18px;font-weight:900;cursor:pointer}.incoming-decline{background:#e04d54;color:#fff}.incoming-answer{background:#2fc47e;color:#fff}.incoming-notify{margin-top:14px;width:100%;background:rgba(255,255,255,.1);color:#d9f0e5}.incoming-notify:hover{background:rgba(255,255,255,.16)}@keyframes incomingPulse{70%{box-shadow:0 0 0 24px rgba(40,190,118,0)}100%{box-shadow:0 0 0 0 rgba(40,190,118,0)}}
.quote-card{border:1px solid #dcebe3;background:linear-gradient(180deg,#fff,#f7fcf9)}.quote-simple{display:grid;gap:14px}.quote-price{font-size:22px;font-weight:900}.offer-copy{flex:1;min-width:180px}.offer-copy p{margin:3px 0;color:#41564b}.danger-btn{background:#b9343c!important}.cancel-box{margin-top:18px;padding:18px;border:1px solid #f0d2d2;background:#fff8f8;border-radius:18px;display:grid;gap:12px}.cancel-box[hidden]{display:none}
.tech-dash-head{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:24px 0 18px}.tech-dash-head h1{font-size:38px;margin:6px 0}.tech-status-row{display:flex;align-items:center;gap:8px;color:#67796f}.status-dot{width:10px;height:10px;border-radius:50%;background:#9ca9a2}.status-dot.on{background:#1ab26a;box-shadow:0 0 0 5px #e5f7ee}.tech-head-actions{display:flex;gap:10px}.tech-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:12px 0 24px}.tech-kpis article{padding:18px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 9px 28px rgba(18,68,44,.05)}.tech-kpis small,.tech-kpis span{display:block;color:var(--muted)}.tech-kpis strong{display:block;font-size:27px;margin:8px 0 4px}.tech-kpis strong em{font-size:13px;font-style:normal;color:var(--muted)}.active-tech-job{display:flex;justify-content:space-between;gap:18px;align-items:center;background:linear-gradient(135deg,#0f6e48,#0b4c34);color:#fff;border-radius:26px;padding:24px;margin:8px 0 28px;box-shadow:0 18px 50px rgba(15,110,72,.2)}.active-tech-job .eyebrow,.active-tech-job p{color:#cce8da}.active-tech-actions{display:flex;gap:9px;flex-wrap:wrap}.active-tech-job .btn.light{background:rgba(255,255,255,.13);color:#fff;border-color:rgba(255,255,255,.18)}.dash-section{margin-top:24px}.technician-job-card{position:relative;overflow:hidden}.tracking-btn{background:#1bab6c}.tracking-shell{width:min(1180px,calc(100% - 28px));margin:28px auto}.tracking-top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}.tracking-top h1{font-size:38px;margin:5px 0}.eta-pill{background:#0e724b;color:#fff;border-radius:18px;padding:12px 18px;min-width:160px}.eta-pill small,.eta-pill strong{display:block}.eta-pill strong{font-size:25px;margin-top:3px}.tracking-map{height:62vh;min-height:420px;border-radius:26px;overflow:hidden;box-shadow:0 18px 50px rgba(25,63,45,.12)}.tracking-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.tracking-stats>div{border:1px solid var(--line);border-radius:17px;padding:14px;background:#fff}.tracking-stats small,.tracking-stats strong{display:block}.tracking-stats small{color:var(--muted)}.tracking-stats strong{font-size:19px;margin-top:4px}.tracking-alert{margin-bottom:12px;background:#fff4db;border:1px solid #ecd28f;color:#74570f;padding:12px 14px;border-radius:14px}
.security-page{width:min(980px,calc(100% - 28px));margin:30px auto}.security-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;background:linear-gradient(135deg,#effaf4,#fff);border:1px solid #dcebe3;border-radius:28px;padding:28px}.security-hero h1{font-size:40px;margin:7px 0}.security-score{min-width:180px;text-align:center;background:#0f724b;color:#fff;border-radius:22px;padding:20px}.security-score>strong,.security-score>small{display:block}.security-score>strong{font-size:22px;margin-top:7px}.security-grid{display:grid;gap:10px;margin-top:16px}.security-option{display:flex;align-items:center;gap:14px;padding:17px;border:1px solid var(--line);border-radius:18px;background:#fff;position:relative;cursor:pointer}.security-option>div{flex:1}.security-option strong,.security-option small{display:block}.security-option small{color:var(--muted);margin-top:4px}.security-option input{position:absolute;opacity:0}.toggle-ui{width:48px;height:28px;border-radius:999px;background:#d8e1dc;position:relative;transition:.2s}.toggle-ui:after{content:'';position:absolute;width:22px;height:22px;border-radius:50%;background:#fff;top:3px;left:3px;box-shadow:0 2px 8px rgba(0,0,0,.16);transition:.2s}.security-option input:checked+.toggle-ui{background:#16a866}.security-option input:checked+.toggle-ui:after{left:23px}
.saas-admin{background:#f5f7f8;min-height:100vh}.saas-nav{background:#0f1f18;color:#d6e3dc;padding:18px 12px;width:250px;position:sticky;top:0;height:100vh;overflow:auto}.saas-nav .admin-brand{display:flex;align-items:center;gap:10px;color:#fff;padding:6px 8px 20px}.admin-logo{width:36px;height:36px;border-radius:11px;background:#23b874;display:grid;place-items:center;font-weight:900}.saas-nav .admin-brand span:last-child{display:grid}.saas-nav .admin-brand small{color:#8eaa9c}.admin-nav-group{margin:8px 0 18px}.admin-nav-group>small{display:block;color:#6f8c7e;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:0 10px 7px;font-size:10px}.saas-nav a{display:block;color:#cbd8d1;padding:9px 10px;border-radius:10px;font-size:13px}.saas-nav a:hover{background:#173126;color:#fff}.saas-admin .admin-main{padding:30px;max-width:none;width:calc(100% - 250px)}.saas-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.saas-top h1{font-size:34px;margin:4px 0}.saas-top p{color:var(--muted);margin:0}.saas-top-actions{display:flex;gap:9px}.saas-metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.saas-metrics article{background:#fff;border:1px solid #e6ece8;border-radius:16px;padding:16px;box-shadow:0 8px 24px rgba(18,47,34,.04)}.saas-metrics small,.saas-metrics span{display:block;color:#74857c}.saas-metrics strong{display:block;font-size:24px;margin:7px 0}.saas-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;margin:14px 0}.saas-panel{background:#fff;border:1px solid #e5ece8;border-radius:18px;padding:18px;box-shadow:0 8px 24px rgba(18,47,34,.035)}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panel-head h2{font-size:18px;margin:0 0 3px}.panel-head p{font-size:12px;color:var(--muted);margin:0}.activity-bars{display:grid;gap:13px}.activity-bars>div{display:grid;grid-template-columns:70px 1fr 34px;gap:10px;align-items:center;font-size:12px}.activity-bars i{height:9px;background:#edf3ef;border-radius:999px;overflow:hidden;position:relative}.activity-bars i:after{content:'';position:absolute;inset:0 auto 0 0;width:var(--w);background:linear-gradient(90deg,#18a866,#56cc8e);border-radius:999px}.comm-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.comm-stats div{padding:14px;background:#f7faf8;border-radius:14px}.comm-stats b,.comm-stats span{display:block}.comm-stats b{font-size:22px}.comm-stats span{font-size:11px;color:var(--muted)}.text-link{display:inline-block;margin-top:14px;font-weight:800;color:var(--green)}.saas-table{overflow:auto}.saas-table table{width:100%;border-collapse:collapse}.saas-table th,.saas-table td{padding:12px 10px;border-bottom:1px solid #edf1ef;text-align:left;font-size:12px;white-space:nowrap}.saas-table th{color:#74857c;font-weight:800}.rank-list{display:grid}.rank-list>div{display:grid;grid-template-columns:36px 1fr auto auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #edf1ef}.rank-list small{color:var(--muted)}.report-chips{display:flex;flex-wrap:wrap;gap:8px}.report-chips span{padding:9px 11px;border-radius:999px;background:#f1f7f4;font-size:12px;color:#436356}
@media(max-width:1000px){.saas-metrics{grid-template-columns:repeat(3,1fr)}.saas-grid{grid-template-columns:1fr}.tech-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.incoming-call-overlay{padding:0}.incoming-call-card{width:100%;height:100dvh;border-radius:0;display:flex;flex-direction:column;justify-content:center}.tech-dash-head{align-items:flex-start;flex-direction:column;padding:18px 0}.tech-dash-head h1{font-size:30px}.tech-head-actions{width:100%}.tech-head-actions .btn{flex:1}.tech-kpis{grid-template-columns:repeat(2,1fr);gap:9px}.tech-kpis article{padding:13px;border-radius:17px}.tech-kpis strong{font-size:20px}.active-tech-job{align-items:flex-start;flex-direction:column;border-radius:22px}.active-tech-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.active-tech-actions .tracking-btn{grid-column:1/-1}.tracking-shell{width:100%;margin:0;padding:0 12px}.tracking-top{align-items:flex-start;flex-direction:column;padding-top:10px}.tracking-top h1{font-size:29px}.eta-pill{width:100%}.tracking-map{height:58dvh;min-height:390px;border-radius:20px}.tracking-stats{grid-template-columns:repeat(3,1fr);gap:7px}.tracking-stats>div{padding:10px}.tracking-stats strong{font-size:15px}.security-page{width:100%;margin:0;padding:12px}.security-hero{align-items:flex-start;flex-direction:column;padding:20px}.security-hero h1{font-size:30px}.security-score{width:100%}.saas-nav{display:none}.saas-admin .admin-main{width:100%;padding:16px}.saas-top{align-items:flex-start;flex-direction:column}.saas-top-actions{width:100%}.saas-top-actions .btn{flex:1}.saas-metrics{grid-template-columns:repeat(2,1fr);gap:8px}.saas-metrics article{padding:12px}.saas-metrics strong{font-size:19px}.comm-stats{grid-template-columns:1fr}.offer{align-items:flex-start;flex-wrap:wrap}.offer-copy{order:3;width:100%}}
.home-trust{padding:0 0 18px;background:#fff}.trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:-12px;position:relative;z-index:3}.trust-row>div{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;padding:14px 16px;border:1px solid #e2ebe6;border-radius:17px;background:#fff;box-shadow:0 8px 26px rgba(19,66,44,.05)}.trust-row>div>span{grid-row:1/3;width:30px;height:30px;border-radius:10px;background:#ebf8f1;color:#0e7c4f;display:grid;place-items:center;font-weight:900}.trust-row b{font-size:13px}.trust-row small{color:var(--muted);font-size:10.5px;margin-top:2px}@media(max-width:760px){.trust-row{grid-template-columns:repeat(2,1fr);gap:7px;margin-top:0}.trust-row>div{padding:11px;grid-template-columns:32px 1fr}.trust-row b{font-size:11px}.trust-row small{font-size:9px}.home-trust{padding:4px 0 10px}}

/* v9 polished public shell + technician workspace */
.app-header{padding:0;background:rgba(255,255,255,.94);box-shadow:0 1px 0 rgba(15,55,36,.04)}.topbar-inner{width:min(1240px,calc(100% - 32px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand-copy{display:grid;line-height:1.05}.brand-copy b{font-size:21px}.brand-copy small{font-size:10px;color:#7a8b82;font-weight:700;margin-top:4px}.app-nav{gap:8px}.app-nav>a:not(.btn):not(.nav-avatar){padding:10px 12px;border-radius:11px}.app-nav>a:not(.btn):not(.nav-avatar):hover{background:#f0f7f3;color:var(--green)}.nav-role-chip{font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:900;padding:6px 9px;border-radius:999px;background:#edf8f2;color:#0f7a4d}.nav-avatar{width:34px;height:34px;border-radius:12px;background:#103d2b;color:white;display:grid;place-items:center;font-weight:900}.nav-logout{color:#8b4a4a!important}.tech-workspace{padding:10px 0 54px}.tech-dash-head.refined{padding:32px 0 20px}.tech-dash-head.refined h1{letter-spacing:-1.25px;font-size:clamp(31px,3.2vw,46px);margin:8px 0}.dot-sep{color:#bcc8c1}.refined-kpis{margin:8px 0 22px}.refined-kpis article{position:relative;overflow:hidden;padding:20px 20px 18px}.refined-kpis .kpi-icon{position:absolute;right:16px;top:14px;width:34px;height:34px;border-radius:12px;background:#eff8f3;color:#0e7950;display:grid;place-items:center;font-weight:950}.refined-kpis article:nth-child(2) .kpi-icon{background:#fff7df;color:#a97400}.refined-kpis article:nth-child(3) .kpi-icon{background:#edf4ff;color:#3868b2}.refined-kpis article:nth-child(4) .kpi-icon{background:#f4f0ff;color:#6847aa}.refined-active{position:relative;overflow:hidden;padding:28px 28px 26px;background:radial-gradient(circle at 85% 0,#169865 0,transparent 34%),linear-gradient(135deg,#0e6e48,#0a4b34)}.refined-active:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-75px;bottom:-100px;background:rgba(255,255,255,.06)}.active-job-badge{position:absolute;left:28px;top:20px;background:rgba(255,255,255,.94);color:#0a6844;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:900}.refined-active .active-tech-main{padding-top:24px}.refined-active h2{font-size:28px;margin:6px 0 4px}.refined-active p{margin:0 0 10px}.white-btn{background:#fff;color:#0d6e49;box-shadow:none}.glass-btn{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);box-shadow:none}.nearby-market{padding:8px 0 0}.nearby-head{align-items:end}.nearby-head h2{font-size:31px;letter-spacing:-.7px}.results-count{display:flex;align-items:baseline;gap:6px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:10px 13px}.results-count b{font-size:20px;color:#0d7a4d}.results-count span{font-size:11px;color:var(--muted)}.job-filter-bar{display:grid;grid-template-columns:minmax(260px,1.7fr) repeat(4,minmax(120px,.7fr)) auto auto;gap:9px;background:#fff;border:1px solid #dfe9e3;border-radius:20px;padding:11px;box-shadow:0 12px 34px rgba(22,69,47,.055);position:sticky;top:84px;z-index:20}.filter-search{position:relative}.filter-search .input{padding-left:42px}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:20px;color:#6e8277;z-index:2}.job-filter-bar .input,.job-filter-bar .select{height:46px;background:#fbfdfc}.quick-filter-chips{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 18px}.quick-filter-chips a{padding:8px 11px;border-radius:999px;background:#edf7f2;border:1px solid #deece4;font-size:12px;font-weight:800;color:#34624c}.refined-job-grid{grid-template-columns:repeat(3,1fr)}.refined-job-card{display:flex;flex-direction:column;min-height:270px;padding:18px;border-radius:20px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.refined-job-card:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(22,74,49,.09);border-color:#c8dfd2}.job-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.category-chip{font-size:11px;font-weight:900;padding:7px 9px;border-radius:10px;background:#edf8f2;color:#0c784b}.refined-job-card .score-ring{float:none;padding:7px 9px;text-align:center;line-height:1}.refined-job-card .score-ring small{display:block;font-size:8px;margin-top:3px;text-transform:uppercase;letter-spacing:.06em}.refined-job-card h3{font-size:20px;margin:14px 0 6px;letter-spacing:-.3px}.refined-job-card p{line-height:1.55;margin:0}.job-facts{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.job-facts span{font-size:11px;font-weight:800;background:#f4f7f5;padding:7px 8px;border-radius:9px;color:#4a6256}.job-card-foot{margin-top:auto;padding-top:14px;border-top:1px solid #edf1ef;display:flex;justify-content:space-between;align-items:center;gap:10px}.job-card-foot small{color:#788980;max-width:48%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-state{text-align:center;padding:54px 20px;background:#fff;border:1px dashed #ccdcd3;border-radius:22px}.empty-state>div{font-size:34px;color:#70a78a}.empty-state h3{margin:10px 0 4px}.empty-state p{color:var(--muted);margin:0 0 16px}.site-footer{background:#0d241a;color:#c7d7cf;text-align:left;padding:0;margin-top:36px}.footer-inner{width:min(1240px,calc(100% - 32px));margin:auto;display:grid;grid-template-columns:1.2fr 1.8fr;gap:70px;padding:42px 0 34px}.footer-brand{display:flex;align-items:flex-start;gap:13px}.footer-brand strong{display:block;color:#fff;font-size:20px}.footer-brand p{max-width:390px;color:#91a79c;line-height:1.6;font-size:13px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.footer-links>div{display:grid;align-content:start;gap:9px}.footer-links b{color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}.footer-links a,.footer-links span{font-size:12px;color:#9fb2a8}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);width:min(1240px,calc(100% - 32px));margin:auto;padding:15px 0 20px;display:flex;justify-content:space-between;gap:14px;font-size:11px;color:#789084}
@media(max-width:1150px){.job-filter-bar{grid-template-columns:1.5fr repeat(2,1fr) auto}.job-filter-bar .budget-filter,.job-filter-bar select[name="sort"]{display:none}.refined-job-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.brand-copy small,.nav-role-chip{display:none}.topbar-inner{width:calc(100% - 22px)}.app-header{border-bottom-color:#edf2ef}.tech-workspace{width:100%;padding:0 12px 24px}.tech-dash-head.refined{padding:18px 2px 13px}.tech-dash-head.refined h1{font-size:29px;letter-spacing:-.8px}.tech-status-row{font-size:12px;flex-wrap:wrap}.refined-kpis{grid-template-columns:repeat(2,1fr);gap:8px;margin:4px 0 14px}.refined-kpis article{padding:13px 12px}.refined-kpis .kpi-icon{width:28px;height:28px;right:10px;top:9px}.refined-active{padding:21px 16px 17px;margin-bottom:18px}.active-job-badge{left:16px;top:14px}.refined-active .active-tech-main{padding-top:25px}.refined-active h2{font-size:23px}.nearby-head{align-items:flex-start}.nearby-head h2{font-size:25px}.results-count{padding:7px 10px}.job-filter-bar{position:static;display:grid;grid-template-columns:1fr auto;padding:8px;border-radius:17px}.job-filter-bar .filter-search{grid-column:1/-1}.job-filter-bar select[name="distance"],.job-filter-bar select[name="urgency"]{display:block}.job-filter-bar .budget-filter,.job-filter-bar select[name="sort"]{display:none}.job-filter-bar .btn{padding:11px 13px}.quick-filter-chips{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px;scrollbar-width:none}.quick-filter-chips::-webkit-scrollbar{display:none}.quick-filter-chips a{white-space:nowrap}.refined-job-grid{grid-template-columns:1fr;gap:10px}.refined-job-card{min-height:auto}.job-card-foot .btn{padding:10px 12px;font-size:12px}.site-footer{display:none}.page-shell{min-height:calc(100dvh - 135px)}}
@media(display-mode:standalone){.site-footer{display:none}.app-header{height:58px}.brand-copy small{display:none}}

/* v10 native experience + design system */
:root{--surface:#fff;--surface-soft:#f4f8f5;--green-900:#0b3b2b;--green-800:#0f5b3f;--green-700:#0f7a4d;--green-500:#1fbb79;--green-100:#eaf8f1;--amber:#c88919;--red:#c74747;--blue:#3f6fc8;--shadow-sm:0 8px 24px rgba(14,69,45,.06);--shadow-md:0 18px 48px rgba(14,69,45,.10);--radius-sm:14px;--radius-md:20px;--radius-lg:28px}.card-pro{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.nav-icon-link{position:relative;width:38px;height:38px!important;padding:0!important;display:grid!important;place-items:center;border:1px solid var(--line);border-radius:12px!important;background:#fff}.bell-icon{font-size:19px}.nav-count{position:absolute;right:-6px;top:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#df4d4d;color:#fff;font-size:10px;display:grid;place-items:center;border:2px solid #fff}.native-page,.native-dashboard{padding:30px 0 60px}.page-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.page-title-row h1{font-size:clamp(34px,4vw,54px);letter-spacing:-1.8px;margin:8px 0}.page-title-row p{color:var(--muted);margin:0}.segmented-scroll{display:flex;gap:7px;padding:6px;background:#edf5f0;border-radius:16px;overflow:auto;margin-bottom:16px}.segmented-scroll a{white-space:nowrap;padding:10px 14px;border-radius:11px;font-size:12px;font-weight:850;color:#5a6f64}.segmented-scroll a.active{background:#fff;color:var(--green);box-shadow:var(--shadow-sm)}.notification-list{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden}.notification-row{display:grid;grid-template-columns:14px 1fr auto;gap:14px;align-items:start;padding:17px 18px;border-bottom:1px solid #edf2ef}.notification-row:last-child{border-bottom:0}.notification-row.is-new{background:#fbfffc}.notification-copy{display:grid;gap:3px}.notification-copy strong{font-size:14px}.notification-copy small,.notification-copy time{color:var(--muted);font-size:11px}.notification-type{width:10px;height:10px;margin-top:6px;border-radius:50%;background:#8aa097}.notification-type.n-offer{background:#c68b27}.notification-type.n-message{background:#4b77cc}.notification-type.n-call{background:#884bc4}.notification-type.n-payment{background:#0f9c63}.unread-dot{width:8px;height:8px;border-radius:50%;background:var(--green);margin-top:7px}.customer-welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;padding:15px 0 20px}.customer-welcome h1{font-size:clamp(38px,5vw,62px);letter-spacing:-2.2px;margin:8px 0 5px}.customer-welcome p{color:var(--muted);margin:0}.safety-shortcut{display:grid;gap:2px;padding:14px 16px;border:1px solid #d8e7df;border-radius:16px;background:#eff9f3;min-width:220px}.safety-shortcut b{color:var(--green)}.safety-shortcut small{color:#6c7c74}.service-search-native{display:grid;grid-template-columns:1.6fr 1fr auto;gap:9px;padding:9px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-md);margin-bottom:22px}.service-search-native input{border:0;background:#f7faf8;border-radius:13px;padding:14px;outline:0}.search-main{position:relative}.search-main input{width:100%;padding-left:44px}.search-lens{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#6c8176;font-size:20px}.customer-live-card{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:24px;background:linear-gradient(135deg,#0d6d48,#0c4936);color:#fff;border-radius:26px;box-shadow:0 24px 60px rgba(10,76,49,.18);margin:20px 0}.live-ring{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18)}.live-ring span{width:14px;height:14px;border-radius:50%;background:#40e89c;box-shadow:0 0 0 8px rgba(64,232,156,.12);animation:pulseLive 1.7s infinite}.customer-live-card .eyebrow{background:rgba(255,255,255,.14);color:#d9ffeb}.customer-live-card h2{font-size:25px;margin:8px 0 4px}.customer-live-card p{margin:0;color:#c6e4d5}.live-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.live-meta span{padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.11);font-size:11px;font-weight:800}.live-actions{display:flex;gap:8px}.customer-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0 34px}.customer-quick-grid>a{display:grid;gap:4px;padding:17px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-sm)}.customer-quick-grid b{font-size:25px;color:var(--green-800)}.customer-quick-grid span{font-weight:850;font-size:13px}.customer-quick-grid small{color:var(--muted);font-size:10px}.dash-section{margin:28px 0}.customer-job-grid{grid-template-columns:repeat(3,1fr)}.customer-job-card{display:flex;flex-direction:column}.offer-count{font-size:10px;font-weight:900;color:#9a6710;background:#fff6df;padding:6px 8px;border-radius:999px}.urgent-pill{background:#fff1e8;color:#a84d1f}.mini-expert-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mini-expert-row>a{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid var(--line);border-radius:16px;background:#fff}.mini-avatar{width:38px;height:38px;border-radius:12px;background:var(--green-100);color:var(--green);display:grid;place-items:center;font-weight:900}.mini-expert-row small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.customer-trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px;border:1px solid var(--line);border-radius:20px;background:#f0f7f3}.customer-trust-strip>div{display:grid;gap:2px}.customer-trust-strip b{font-size:18px}.customer-trust-strip span{font-size:11px;color:var(--muted)}.tech-insight-strip{display:grid;grid-template-columns:auto auto 1fr auto;gap:14px;align-items:center;padding:13px 15px;border:1px solid var(--line);border-radius:17px;background:#fff;margin-bottom:16px}.tech-insight-strip>div:not(.insight-copy){display:grid;min-width:82px}.tech-insight-strip b{font-size:20px;color:var(--green)}.tech-insight-strip span,.tech-insight-strip small{font-size:10px;color:var(--muted)}.insight-copy{display:grid;gap:2px;border-left:1px solid var(--line);padding-left:14px}.insight-copy strong{font-size:12px}.tech-insight-strip>a{font-size:12px;font-weight:850;color:var(--green)}.active-job-experience{padding:30px 0 65px}.active-job-top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}.active-job-top h1{font-size:clamp(34px,4.5vw,58px);letter-spacing:-2px;margin:7px 0 4px}.active-job-top p{margin:0;color:var(--muted)}.status-badge{padding:10px 13px;border-radius:999px;background:#e8f7ef;color:#0e764b;font-size:11px;font-weight:900}.job-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:20px 0 25px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:17px}.progress-step{position:relative;display:grid;place-items:center;gap:6px;text-align:center;color:#8a9991;font-size:10px;font-weight:800}.progress-step:before{content:"";position:absolute;top:7px;left:-50%;right:50%;height:2px;background:#dfe7e2}.progress-step:first-child:before{display:none}.progress-step i{width:16px;height:16px;border-radius:50%;background:#d7e1dc;border:3px solid #fff;box-shadow:0 0 0 1px #cad7d0;z-index:2}.progress-step.done{color:#1c5a41}.progress-step.done i{background:#1dad72;box-shadow:0 0 0 1px #1dad72}.progress-step.done:before{background:#57c491}.progress-step.current i{box-shadow:0 0 0 5px rgba(29,173,114,.13)}.active-job-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.7fr);gap:16px}.active-primary{padding:22px}.active-side{display:grid;gap:16px;align-content:start}.active-side>.card-pro{padding:20px}.action-dock{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:16px 0 22px}.action-tile{display:grid;gap:3px;padding:14px;border-radius:15px;background:#f2f8f5;border:1px solid #e1ece6}.action-tile b{font-size:13px;color:var(--green-800)}.action-tile small{font-size:9px;color:var(--muted)}.stage-action,.completion-review{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.stage-action h3,.completion-review h3{margin:0 0 6px}.stage-action p,.completion-review p{color:var(--muted);line-height:1.5}.form-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.otp-card{padding:16px;border-radius:17px;background:#0f3728;color:#fff;display:grid;gap:5px;margin-top:16px}.otp-card strong{font-size:34px;letter-spacing:8px}.otp-card p{color:#bdd7ca;margin:0;font-size:11px}.mini-otp{display:inline-grid;margin:8px 0 12px}.price-breakdown{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:14px 0}.price-breakdown span{display:flex;justify-content:space-between;padding:11px;border-radius:12px;background:#f3f7f5;font-size:12px}.chat-app-shell{position:relative;width:min(920px,100%);height:calc(100dvh - 72px);margin:0 auto;background:#eef5f0;display:grid;grid-template-rows:auto auto auto 1fr auto auto;overflow:hidden}.native-chat-head{height:68px;background:#fff;border-bottom:1px solid var(--line);display:grid;grid-template-columns:auto auto 1fr auto auto;gap:10px;align-items:center;padding:9px 13px;z-index:4}.chat-back{width:36px;height:36px;border-radius:12px;background:#f2f6f4;display:grid;place-items:center;font-size:26px}.chat-head-btn{width:38px;height:38px;border:0;border-radius:12px;background:#edf7f2;display:grid;place-items:center;cursor:pointer;color:#0e7250}.chat-job-context{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 14px;background:#0d3c2c;color:#dff5e8}.chat-job-context>div{display:grid;gap:1px}.chat-job-context span{font-size:9px;color:#a9cfba}.chat-job-context b{font-size:12px}.chat-job-context a{font-size:10px;font-weight:900;color:#fff}.chat-search-panel{display:grid;grid-template-columns:1fr auto;gap:8px;padding:8px 12px;background:#fff;border-bottom:1px solid var(--line)}.reply-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f1f8f4;border-top:1px solid var(--line)}.reply-bar>div{display:grid}.reply-bar small{font-size:9px;color:var(--muted)}.reply-bar b{font-size:11px}.reply-bar button{border:0;background:none;font-size:20px}.native-messages{height:auto;min-height:0;padding:16px 14px 20px;background:radial-gradient(circle at 10% 10%,rgba(14,122,77,.045),transparent 25%),#eef5f0}.msg-row{display:flex;margin:5px 0}.msg-row.mine{justify-content:flex-end}.msg{position:relative;margin:0;max-width:min(76%,560px);padding:9px 11px 7px;border-radius:15px 15px 15px 4px;box-shadow:0 3px 10px rgba(37,74,57,.04)}.msg.mine{margin:0;border-radius:15px 15px 4px 15px;background:#d7f3e4;border-color:#c4e9d4}.msg:hover .msg-actions{opacity:1;pointer-events:auto}.msg-body{white-space:pre-wrap;line-height:1.45}.msg time{margin-top:5px;text-align:right}.quoted-msg{border-left:3px solid var(--green);padding:6px 8px;background:rgba(255,255,255,.55);border-radius:8px;margin-bottom:6px;display:grid;gap:2px}.quoted-msg b{font-size:9px;color:var(--green)}.quoted-msg span{font-size:10px;color:#5d6c65}.msg-actions{position:absolute;top:-24px;right:0;display:flex;gap:4px;opacity:0;pointer-events:none;transition:.15s}.msg-actions button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:4px 6px;font-size:8px;box-shadow:var(--shadow-sm)}.reaction-strip{display:flex;gap:3px;margin-top:4px}.reaction-strip span{font-size:10px;background:#fff;border-radius:999px;padding:2px 5px;border:1px solid #e2e9e5}.voice-wrap{display:flex;align-items:center;gap:6px;margin-top:6px}.speed-btn{border:0;border-radius:9px;background:#eff6f2;color:#315d49;padding:5px;font-size:9px;font-weight:900}.typing-line{padding:4px 15px;font-size:10px;color:#60746a;background:#eef5f0}.native-compose{display:grid;grid-template-columns:auto 1fr auto auto;gap:7px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line)}.native-compose .chat-input{border:0;background:#f1f5f3;border-radius:999px;padding:11px 15px;outline:0}.native-compose .attach,.voice-btn,.chat-send{width:42px;height:42px;border:0;border-radius:50%;display:grid;place-items:center}.voice-btn{background:#eff6f2;color:#0d714c}.chat-send{background:var(--green);color:#fff}.voice-status{padding:6px 12px;background:#fff;color:#8b3030;font-size:10px;text-align:center}.record-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#d54d4d;margin-right:5px;animation:pulseLive 1s infinite}.technician-public{padding:30px 0 60px}.tech-profile-hero{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:26px;background:linear-gradient(135deg,#fff,#f3faf6);border:1px solid var(--line);border-radius:28px}.profile-avatar-xl{width:92px;height:92px;border-radius:28px;background:linear-gradient(135deg,#0f7a4d,#21b777);color:#fff;display:grid;place-items:center;font-size:36px;font-weight:900}.verified-line{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:12px}.verified-badge{padding:5px 8px;border-radius:999px;background:#e5f8ed;color:#087346;font-weight:900}.tech-profile-main h1{font-size:clamp(34px,4vw,50px);letter-spacing:-1.6px;margin:7px 0}.tech-profile-main p{color:var(--muted);max-width:700px}.profile-stat-row{display:flex;gap:20px;flex-wrap:wrap;margin-top:14px}.profile-stat-row span{display:grid}.profile-stat-row b{font-size:16px}.profile-stat-row small{font-size:9px;color:var(--muted)}.profile-cta{display:grid;gap:9px;min-width:210px}.availability-pill{display:block;text-align:center;padding:8px;border-radius:999px;font-size:10px;font-weight:900}.availability-pill.available{background:#e8f8ef;color:#0e754b}.availability-pill.offline{background:#f2f3f2;color:#6d7772}.profile-tabs{display:flex;gap:8px;padding:10px 0;margin:12px 0;position:sticky;top:76px;z-index:10;background:var(--bg)}.profile-tabs a{padding:9px 12px;border-radius:10px;background:#fff;border:1px solid var(--line);font-size:11px;font-weight:850}.profile-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.6fr);gap:16px}.profile-layout main{display:grid;gap:16px}.profile-section{padding:22px;scroll-margin-top:140px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.info-grid>div{display:grid;gap:3px;padding:11px;border-radius:13px;background:#f4f8f6}.info-grid small{font-size:9px;color:var(--muted)}.info-grid b{font-size:12px}.trust-badges,.skill-cloud{display:flex;gap:7px;flex-wrap:wrap}.trust-badges span,.skill-cloud span{padding:7px 9px;border-radius:999px;background:#edf7f2;font-size:10px;font-weight:800;color:#315b47}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.portfolio-grid article{border:1px solid var(--line);border-radius:15px;padding:10px}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:5px}.before-after figure{margin:0}.before-after img{aspect-ratio:4/3;object-fit:cover;border-radius:10px}.before-after figcaption{font-size:8px;color:var(--muted);margin-top:3px}.review-row{padding:13px 0;border-bottom:1px solid var(--line)}.review-row>div{display:flex;justify-content:space-between}.review-row p{margin:6px 0;color:#42574d}.review-row small{color:var(--muted)}.sticky-hire-card{position:sticky;top:132px;padding:20px;background:#0d3c2c;color:#fff;border-radius:20px}.sticky-hire-card p{color:#c5dfd2;line-height:1.5}.sticky-hire-card .eyebrow{background:rgba(255,255,255,.12);color:#dff5e9}.sticky-hire-card .btn{margin-top:7px}.full-btn{width:100%}.admin-layout.saas-admin{background:#f3f6f4}.saas-admin .admin-main{padding:30px}.saas-panel{border-radius:20px!important;box-shadow:var(--shadow-sm)}
@keyframes pulseLive{0%,100%{box-shadow:0 0 0 8px rgba(64,232,156,.12)}50%{box-shadow:0 0 0 14px rgba(64,232,156,.02)}}
@media(max-width:900px){.customer-quick-grid{grid-template-columns:repeat(2,1fr)}.customer-job-grid{grid-template-columns:repeat(2,1fr)}.mini-expert-row{grid-template-columns:repeat(2,1fr)}.active-job-grid,.profile-layout{grid-template-columns:1fr}.action-dock{grid-template-columns:repeat(2,1fr)}.profile-layout aside{order:-1}.sticky-hire-card{position:static}.tech-profile-hero{grid-template-columns:auto 1fr}.profile-cta{grid-column:1/-1;grid-template-columns:1fr 1fr}.info-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.native-page,.native-dashboard{padding:14px 0 24px}.page-title-row,.customer-welcome,.active-job-top{align-items:flex-start;flex-direction:column}.customer-welcome h1{font-size:34px;letter-spacing:-1.3px}.safety-shortcut{width:100%}.service-search-native{grid-template-columns:1fr;padding:8px;border-radius:17px}.customer-live-card{grid-template-columns:auto 1fr;padding:17px 14px;border-radius:21px}.customer-live-card .live-actions{grid-column:1/-1;width:100%}.live-actions .btn{flex:1}.customer-quick-grid{grid-template-columns:repeat(2,1fr);gap:7px}.customer-quick-grid>a{padding:13px}.customer-job-grid,.mini-expert-row{grid-template-columns:1fr}.customer-trust-strip{grid-template-columns:1fr}.tech-insight-strip{grid-template-columns:repeat(2,1fr)}.tech-insight-strip .insight-copy,.tech-insight-strip>a{grid-column:1/-1}.insight-copy{border-left:0;border-top:1px solid var(--line);padding:9px 0 0}.job-progress{overflow-x:auto;grid-template-columns:repeat(5,minmax(85px,1fr));padding:13px 8px}.active-job-experience{padding:14px 11px 30px}.active-primary{padding:15px}.action-dock{grid-template-columns:repeat(2,1fr)}.form-grid-4,.price-breakdown{grid-template-columns:repeat(2,1fr)}.chat-app-shell{height:100dvh;width:100%;position:fixed;inset:0;z-index:120}.native-chat-head{padding-top:calc(8px + env(safe-area-inset-top));height:calc(62px + env(safe-area-inset-top))}.native-messages{padding:12px 9px}.msg{max-width:86%}.msg-actions{opacity:1;position:static;margin-top:5px;justify-content:flex-end}.msg-actions button{background:transparent;box-shadow:none;border:0;color:#6f8078;padding:2px 4px}.tech-profile-hero{grid-template-columns:auto 1fr;padding:16px}.profile-avatar-xl{width:64px;height:64px;border-radius:20px;font-size:27px}.tech-profile-main h1{font-size:27px}.profile-stat-row{grid-column:1/-1;gap:14px}.profile-cta{grid-template-columns:1fr}.profile-tabs{top:61px;overflow-x:auto;scrollbar-width:none}.info-grid,.portfolio-grid{grid-template-columns:1fr}.site-footer{display:none}}
@media(display-mode:standalone){body{overscroll-behavior-y:contain}.app-header{padding-top:env(safe-area-inset-top)}.page-shell{min-height:calc(100dvh - 58px - env(safe-area-inset-top))}.mobile-bottom-nav{bottom:max(8px,env(safe-area-inset-bottom));}.chat-app-shell{height:100dvh}}
.expert-filter{display:grid;grid-template-columns:1.6fr repeat(3,.8fr) auto;gap:8px;padding:9px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-sm)}.search-result-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 2px;font-size:12px;color:var(--muted)}.search-result-bar b{color:var(--ink)}.search-result-bar a{color:var(--green);font-weight:850}.expert-grid{grid-template-columns:repeat(4,1fr)}.expert-card{display:flex;flex-direction:column;min-height:230px}.expert-avatar{display:grid;place-items:center;color:#0f704a;font-weight:900}.availability-dot{margin-left:auto;width:10px;height:10px;border-radius:50%}.availability-dot.online{background:#22b977;box-shadow:0 0 0 5px rgba(34,185,119,.12)}.availability-dot.offline{background:#b9c2bd}.expert-card-footer{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px}.expert-card-footer span{color:var(--muted)}.expert-card-footer b{color:var(--green)}@media(max-width:980px){.expert-filter{grid-template-columns:1fr 1fr}.expert-filter .filter-search{grid-column:1/-1}.expert-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.expert-filter{grid-template-columns:1fr}.expert-filter .filter-search{grid-column:auto}.expert-grid{grid-template-columns:1fr}.expert-search-page{padding-top:18px}}
.analytics-kpis{grid-template-columns:repeat(4,1fr)}.analytics-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;margin:14px 0}.funnel-list{display:grid;gap:13px}.funnel-list>div{display:grid;grid-template-columns:150px 1fr 60px 42px;gap:10px;align-items:center}.funnel-list span{font-size:11px;font-weight:800}.funnel-list>div>div{height:10px;background:#edf2ef;border-radius:999px;overflow:hidden}.funnel-list i{display:block;width:var(--w);height:100%;background:linear-gradient(90deg,#0f7a4d,#35bd83);border-radius:999px}.funnel-list small{font-size:9px;color:var(--muted)}.spark-bars{height:210px;display:flex;align-items:flex-end;gap:8px;padding-top:20px}.spark-bars>div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;align-items:center}.spark-bars i{width:100%;height:var(--h);max-width:26px;border-radius:8px 8px 3px 3px;background:linear-gradient(#38be83,#0e7049)}.spark-bars small{font-size:8px;color:var(--muted)}.demand-list,.reason-list{display:grid}.demand-list>div{display:grid;grid-template-columns:1.2fr .7fr .8fr 1fr;gap:8px;padding:11px 0;border-bottom:1px solid var(--line);align-items:center}.demand-list b,.demand-list strong{font-size:11px}.demand-list span{font-size:10px;color:var(--muted)}.demand-list strong{color:var(--green)}.reason-list>div{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.reason-list span{font-size:11px}.reason-list small{font-size:9px;color:var(--muted)}@media(max-width:980px){.analytics-kpis{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}}@media(max-width:640px){.funnel-list>div{grid-template-columns:95px 1fr 40px}.funnel-list small{display:none}.demand-list>div{grid-template-columns:1fr 1fr}.analytics-kpis{grid-template-columns:repeat(2,1fr)}}
.home-v10-hero{padding:54px 0 35px;background:radial-gradient(circle at 85% 5%,#d9f6e7,transparent 28%),linear-gradient(180deg,#fff,#f5faf7)}.home-v10-grid{display:grid;grid-template-columns:1.35fr .72fr;gap:30px;align-items:center}.hero-copy-v10 h1{font-size:clamp(48px,6.4vw,84px);line-height:.98;letter-spacing:-3.5px;margin:12px 0 18px;max-width:900px}.hero-copy-v10>p{font-size:18px;line-height:1.65;color:var(--muted);max-width:720px}.home-search-v10{display:grid;grid-template-columns:1.2fr 1fr auto;gap:8px;padding:9px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-md);margin-top:23px}.home-search-v10>div{display:grid;gap:2px;padding:5px 10px;background:#f7faf8;border-radius:12px}.home-search-v10 small{font-size:9px;color:var(--muted);font-weight:800}.home-search-v10 select,.home-search-v10 input{border:0;background:transparent;outline:0;font:inherit;font-weight:750;color:var(--ink);min-width:0}.popular-inline{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;font-size:10px}.popular-inline span{color:var(--muted)}.popular-inline a{font-weight:800;color:var(--green)}.hero-trust-card{padding:25px;border-radius:26px;background:linear-gradient(150deg,#0c3e2c,#0b271d);color:#fff;box-shadow:0 28px 70px rgba(12,62,44,.22)}.hero-trust-head{display:flex;gap:8px;align-items:center;font-size:11px;color:#cbe6d7}.status-light{width:9px;height:9px;border-radius:50%;background:#43e69e;box-shadow:0 0 0 6px rgba(67,230,158,.1)}.hero-trust-card h2{font-size:31px;line-height:1.1;letter-spacing:-1px;margin:18px 0}.hero-trust-card ul{padding:0;margin:0 0 22px;list-style:none;display:grid;gap:11px}.hero-trust-card li{padding-left:22px;position:relative;color:#c7dfd2;font-size:12px}.hero-trust-card li:before{content:'✓';position:absolute;left:0;color:#53e6a4;font-weight:900}.home-active-strip{background:#0d3b2b;color:#fff}.home-active-strip a{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:12px 0}.home-active-strip small{display:block;color:#a9ccbb;font-size:9px}.home-active-strip b{font-size:12px}.home-active-state{font-size:10px;padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.12)}.home-active-strip strong{font-size:11px}.live-ring.tiny{width:32px;height:32px}.home-proof{background:#fff;border-bottom:1px solid var(--line)}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}.proof-grid>div{padding:17px 10px;display:grid;text-align:center;border-right:1px solid var(--line)}.proof-grid>div:last-child{border-right:0}.proof-grid b{font-size:22px;color:var(--green-800)}.proof-grid span{font-size:9px;color:var(--muted)}.service-card-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.service-card-grid>a{position:relative;display:grid;gap:4px;padding:17px;border-radius:18px;background:#fff;border:1px solid var(--line);min-height:126px;transition:.16s}.service-card-grid>a:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#c6dfd1}.service-icon{font-size:25px}.service-card-grid b{font-size:13px}.service-card-grid small{font-size:9px;color:var(--muted)}.service-card-grid i{position:absolute;right:13px;bottom:12px;color:var(--green);font-style:normal}.home-steps-v10{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.home-steps-v10 article{padding:20px;background:#fff;border:1px solid var(--line);border-radius:19px}.home-steps-v10 article>span{font-size:10px;font-weight:900;color:var(--green);background:#e9f7ef;padding:6px 8px;border-radius:999px}.home-steps-v10 h3{margin:16px 0 6px}.home-steps-v10 p{font-size:11px;color:var(--muted);line-height:1.6}.safety-home-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.safety-home-grid h2{font-size:clamp(34px,4vw,52px);letter-spacing:-1.6px;margin:10px 0}.safety-home-grid p{color:var(--muted);line-height:1.7}.safety-points{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.safety-points>div{display:grid;gap:4px;padding:17px;background:#fff;border:1px solid var(--line);border-radius:16px}.safety-points b{font-size:12px}.safety-points small{font-size:9px;color:var(--muted);line-height:1.5}.home-app-cta{padding:35px 0;background:#0b3022;color:#fff}.home-app-cta>.container{display:flex;justify-content:space-between;align-items:center;gap:30px}.home-app-cta h2{font-size:35px;margin:8px 0}.home-app-cta p{color:#bcd4c7;margin:0}.home-app-cta .eyebrow{background:rgba(255,255,255,.1);color:#dff8e9}@media(max-width:980px){.home-v10-grid,.safety-home-grid{grid-template-columns:1fr}.service-card-grid{grid-template-columns:repeat(3,1fr)}.home-steps-v10{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.home-v10-hero{padding:24px 0 20px}.hero-copy-v10 h1{font-size:42px;letter-spacing:-2px}.hero-copy-v10>p{font-size:14px}.home-search-v10{grid-template-columns:1fr}.hero-trust-card{padding:19px;border-radius:21px}.hero-trust-card h2{font-size:25px}.home-active-strip a{grid-template-columns:auto 1fr auto}.home-active-state{display:none}.home-active-strip strong{grid-column:2/-1}.proof-grid{grid-template-columns:repeat(2,1fr)}.proof-grid>div:nth-child(2){border-right:0}.service-card-grid{grid-template-columns:repeat(2,1fr)}.home-steps-v10{grid-template-columns:1fr}.safety-points{grid-template-columns:1fr}.home-app-cta>.container{align-items:flex-start;flex-direction:column}.home-app-cta .btn{width:100%}}
.mobile-head-actions{display:none;gap:8px;align-items:center}.mobile-bell,.mobile-avatar{position:relative;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);font-weight:900}.mobile-avatar{background:#0e5e41;color:#fff;border-color:#0e5e41}.mobile-bell b{position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:99px;background:#d64f4f;color:#fff;font-size:9px;display:grid;place-items:center;border:2px solid #fff}@media(max-width:900px){.mobile-head-actions{display:flex}}
.network-toast{position:fixed;left:50%;bottom:92px;transform:translateX(-50%);z-index:250;padding:10px 14px;border-radius:999px;font-size:11px;font-weight:850;box-shadow:var(--shadow-md)}.network-toast.offline{background:#352a2a;color:#fff}.network-toast.online{background:#0e6e49;color:#fff}.security-subsection{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.security-subsection h2{margin:9px 0 14px}.compact-security{margin-top:8px}

/* v11 background-call setup */
.call-push-banner{position:fixed;z-index:420;right:18px;bottom:20px;width:min(430px,calc(100vw - 24px));display:grid;grid-template-columns:auto 1fr auto auto;gap:12px;align-items:center;padding:14px;background:#092d20;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 24px 70px rgba(5,35,24,.34)}.call-push-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#1bb975;font-size:20px}.call-push-banner strong{display:block;font-size:12px}.call-push-banner small{display:block;margin-top:3px;color:#b9d5c8;font-size:9px;line-height:1.45}.call-push-banner button[data-enable-call-push]{border:0;border-radius:12px;padding:10px 12px;background:#fff;color:#0c6d47;font-weight:900;cursor:pointer}.call-push-x{border:0;background:transparent;color:#9ec6b4;font-size:20px;cursor:pointer}.call-alerts-page{padding:42px 0 70px}.call-alerts-hero{display:grid;grid-template-columns:1.25fr .6fr;gap:32px;align-items:center;padding:34px;border-radius:28px;background:linear-gradient(145deg,#fff,#eff9f3);border:1px solid var(--line);box-shadow:var(--shadow)}.call-alerts-hero h1{font-size:clamp(38px,5vw,64px);letter-spacing:-2.2px;line-height:1;margin:12px 0}.call-alerts-hero p{color:var(--muted);line-height:1.7;max-width:700px}.push-phone-demo{width:230px;min-height:270px;margin:auto;padding:28px 18px 18px;border:8px solid #13251d;border-radius:34px;background:linear-gradient(#0c402e,#10291f);color:#fff;position:relative}.push-notch{position:absolute;top:6px;left:50%;transform:translateX(-50%);width:74px;height:18px;background:#07130e;border-radius:0 0 12px 12px}.push-phone-demo small{color:#94cdb1}.push-phone-demo b{display:block;margin:44px 0 7px;font-size:15px}.push-phone-demo p{color:#c4dfd2;font-size:11px;line-height:1.5}.push-phone-demo span{display:inline-flex;margin-top:18px;padding:8px 10px;border-radius:999px;background:#1db676;font-size:10px;font-weight:850}.call-alert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.call-alert-grid article{padding:20px;background:#fff;border:1px solid var(--line);border-radius:18px}.call-alert-grid article>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#e6f7ee;color:var(--green);font-weight:900}.call-alert-grid h3{margin:14px 0 7px}.call-alert-grid p,.call-alert-notes p{font-size:11px;line-height:1.65;color:var(--muted)}.call-alert-action{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px;background:#0d3c2b;color:#fff;border-radius:20px}.call-alert-action strong{display:block}.call-alert-action strong.enabled{color:#5cf0ad}.call-alert-action small{display:block;color:#b8d2c5;margin-top:4px;max-width:680px;font-size:9px}.call-alert-notes{margin-top:14px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:18px}
@media(max-width:700px){.call-push-banner{left:12px;right:12px;bottom:88px;grid-template-columns:auto 1fr auto}.call-push-x{grid-column:3;grid-row:1}.call-push-banner button[data-enable-call-push]{grid-column:2/-1;width:100%}.call-alerts-page{padding:18px 14px 100px}.call-alerts-hero{grid-template-columns:1fr;padding:22px}.call-alerts-hero h1{font-size:40px}.push-phone-demo{width:210px}.call-alert-grid{grid-template-columns:1fr}.call-alert-action{align-items:stretch;flex-direction:column}.call-alert-action .btn{width:100%}}
.devices-page{padding:38px 0 90px}.device-list{display:grid;gap:10px}.device-card{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;padding:16px;background:#fff;border:1px solid var(--line);border-radius:17px}.device-icon{width:42px;height:42px;border-radius:13px;background:#e8f6ee;color:#0f7a4d;display:grid;place-items:center;font-weight:900}.device-card strong,.device-card small,.device-card span{display:block}.device-card small{margin-top:3px;color:#52665c;font-size:10px}.device-card span{margin-top:4px;color:var(--muted);font-size:9px}.device-current{font-size:10px;color:#0e7a4c;background:#e5f7ed;padding:7px 9px;border-radius:999px}.device-note{margin-top:14px}.device-note p{color:var(--muted);font-size:11px;line-height:1.6}@media(max-width:650px){.devices-page{padding:18px 14px 100px}.devices-page .section-head{align-items:flex-start;flex-direction:column}.device-card{grid-template-columns:auto 1fr}.device-card>form,.device-current{grid-column:2}.device-card>form .btn{width:100%}}

/* v12 */
.impersonation-banner{position:sticky;top:0;z-index:9999;background:#fff3cd;padding:10px 18px;text-align:center;border-bottom:1px solid #e5c96d;font-weight:700}.impersonation-banner a{margin-left:12px}.smart-suggest{display:grid;gap:6px;margin:8px 0}.smart-suggest button{border:1px solid #d9e7df;background:#fff;padding:10px;border-radius:10px;text-align:left}.estimate-box{background:#eefaf4;border:1px solid #bfe6d1;border-radius:14px;padding:12px 14px;margin:12px 0}.status-switcher{margin-bottom:14px}.status-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.smart-install,.update-banner,.call-network-warning{position:fixed;left:50%;transform:translateX(-50%);z-index:9998;bottom:84px;background:#10231a;color:#fff;border-radius:16px;padding:14px 16px;box-shadow:0 16px 50px #0004;display:flex;align-items:center;gap:12px;max-width:min(92vw,620px)}.smart-install span{font-size:13px;opacity:.85}.smart-install button,.update-banner button{border:0;background:#2fc47c;color:#062b1b;padding:9px 12px;border-radius:10px;font-weight:800}.smart-install i{cursor:pointer}.call-network-warning{bottom:18px;background:#7a2d17}.weak-call-network .call-shell:before{content:'Weak network';display:block;background:#fff3cd;color:#7a2d17;padding:7px;text-align:center}@media(max-width:700px){.smart-install{left:12px;right:12px;transform:none;max-width:none;flex-wrap:wrap}}

/* v13 technician join */
.home-join-section{padding:26px 0 8px}.home-join-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.home-join-grid article{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:25px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow)}.home-join-grid article.technician{background:#0d3c2b;color:#fff;border-color:#0d3c2b}.home-join-grid small{font-size:10px;opacity:.7}.home-join-grid h2{margin:5px 0}.home-join-grid p{font-size:11px;opacity:.75;margin:0;line-height:1.55}.join-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:17px;background:#e9f8f0;color:#0d6e48;font-size:23px}.technician .join-icon{background:#1a5a42;color:#fff}.join-role-page,.join-payment-page{padding:48px 0 80px}.join-role-head{text-align:center;max-width:700px;margin:0 auto 26px}.join-role-head h1{font-size:clamp(34px,5vw,54px);margin:8px 0}.join-role-head p{color:var(--muted)}.join-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.join-plan-card{position:relative;padding:25px;border:1px solid var(--line);border-radius:23px;background:#fff;box-shadow:var(--shadow)}.join-plan-card.featured{border:2px solid #19a765}.join-plan-card h2{margin:6px 0}.join-plan-card>strong{font-size:30px;display:block}.join-plan-card>small{color:var(--muted)}.join-plan-card ul{padding-left:18px;min-height:100px;line-height:1.9;font-size:11px}.plan-badge{position:absolute;right:14px;top:14px;background:#e5f8ed;color:#087243;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:900}.selected-plan{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#eef9f3;border:1px solid #c9ead8;padding:12px;border-radius:14px;margin:12px 0}.selected-plan span,.selected-plan a{font-size:10px}.join-total-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.join-total-grid>div{padding:16px;border:1px solid var(--line);border-radius:15px}.join-total-grid small,.join-total-grid b{display:block}.join-total-grid b{font-size:20px;margin-top:4px}.join-total-grid .total{background:#0d3c2b;color:#fff}.payment-instructions{padding:16px;background:#f7f9f8;border-radius:14px;margin:15px 0}.payment-instructions p{white-space:normal;line-height:1.6}.admin-join-action{min-width:220px;display:flex;gap:5px;flex-wrap:wrap}.admin-join-action .input{width:100%}@media(max-width:800px){.home-join-grid,.join-plan-grid{grid-template-columns:1fr}.home-join-grid article{grid-template-columns:auto 1fr}.home-join-grid article .btn{grid-column:1/-1;width:100%}.join-total-grid{grid-template-columns:1fr}.join-role-page,.join-payment-page{padding:24px 12px 100px}}

/* v14 homepage join cards — explicit styles to prevent stale/partial card rendering */
.home-join-section{padding:54px 0;background:linear-gradient(180deg,#f6fbf8 0,#fff 100%)}
.home-join-heading{text-align:center;max-width:680px;margin:0 auto 26px}.home-join-heading h2{font-size:clamp(28px,3.2vw,42px);margin:7px 0 8px;letter-spacing:-1px}.home-join-heading p{margin:0;color:var(--muted);font-size:14px}
.home-join-section .home-join-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
.home-join-section .join-card{min-width:0!important;display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;grid-template-rows:1fr auto!important;gap:18px!important;align-items:start!important;padding:28px!important;border:1px solid #dfeae4!important;border-radius:26px!important;background:#fff!important;box-shadow:0 16px 44px rgba(14,69,45,.08)!important;color:#10231a!important;overflow:hidden!important;position:relative!important}
.home-join-section .join-card.technician{background:linear-gradient(145deg,#103f2e,#0a2e22)!important;color:#fff!important;border-color:#103f2e!important}
.home-join-section .join-icon{width:58px!important;height:58px!important;border-radius:18px!important;background:#e8f8f0!important;color:#0d784d!important;display:grid!important;place-items:center!important;font-size:25px!important}
.home-join-section .technician .join-icon{background:rgba(255,255,255,.11)!important;color:#62e5a4!important}
.home-join-section .join-copy{min-width:0}.home-join-section .join-copy small{font-size:10px!important;letter-spacing:.11em!important;font-weight:900!important;color:#188d5c!important;opacity:1!important}.home-join-section .technician .join-copy small{color:#65e2a6!important}
.home-join-section .join-copy h2{font-size:25px!important;line-height:1.15!important;margin:7px 0 9px!important;color:inherit!important}.home-join-section .join-copy p{font-size:13px!important;line-height:1.65!important;margin:0!important;color:#64766d!important;opacity:1!important}.home-join-section .technician .join-copy p{color:#c2d7cc!important}
.home-join-section .join-benefits{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.home-join-section .join-benefits span{font-size:10px;font-weight:800;padding:7px 9px;border-radius:999px;background:#eff8f3;color:#276047}.home-join-section .technician .join-benefits span{background:rgba(255,255,255,.09);color:#d8eee3}
.home-join-section .join-btn{grid-column:1/-1!important;width:100%!important;display:flex!important;justify-content:space-between!important;align-items:center!important;padding:14px 17px!important;border-radius:14px!important;font-size:13px!important}.home-join-section .technician .join-btn{background:#25bd78!important;color:#072b1d!important}.home-join-section .join-btn b{font-size:18px}
@media(max-width:800px){.home-join-section{padding:32px 0 24px}.home-join-heading{text-align:left;margin-bottom:18px}.home-join-section .home-join-grid{grid-template-columns:1fr!important}.home-join-section .join-card{padding:20px!important;grid-template-columns:50px minmax(0,1fr)!important;gap:14px!important}.home-join-section .join-icon{width:50px!important;height:50px!important}.home-join-section .join-copy h2{font-size:21px!important}.home-join-section .join-benefits{gap:5px}}

/* v14 homepage join cards */
.home-join-section{padding:54px 0;background:linear-gradient(180deg,#f6fbf8 0,#fff 100%)}.home-join-heading{text-align:center;max-width:680px;margin:0 auto 26px}.home-join-heading h2{font-size:clamp(28px,3.2vw,42px);margin:7px 0 8px;letter-spacing:-1px}.home-join-heading p{margin:0;color:var(--muted);font-size:14px}.home-join-section .home-join-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}.home-join-section .join-card{min-width:0!important;display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;grid-template-rows:1fr auto!important;gap:18px!important;align-items:start!important;padding:28px!important;border:1px solid #dfeae4!important;border-radius:26px!important;background:#fff!important;box-shadow:0 16px 44px rgba(14,69,45,.08)!important;color:#10231a!important;overflow:hidden!important;position:relative!important}.home-join-section .join-card.technician{background:linear-gradient(145deg,#103f2e,#0a2e22)!important;color:#fff!important;border-color:#103f2e!important}.home-join-section .join-icon{width:58px!important;height:58px!important;border-radius:18px!important;background:#e8f8f0!important;color:#0d784d!important;display:grid!important;place-items:center!important;font-size:25px!important}.home-join-section .technician .join-icon{background:rgba(255,255,255,.11)!important;color:#62e5a4!important}.home-join-section .join-copy{min-width:0}.home-join-section .join-copy small{font-size:10px!important;letter-spacing:.11em!important;font-weight:900!important;color:#188d5c!important;opacity:1!important}.home-join-section .technician .join-copy small{color:#65e2a6!important}.home-join-section .join-copy h2{font-size:25px!important;line-height:1.15!important;margin:7px 0 9px!important;color:inherit!important}.home-join-section .join-copy p{font-size:13px!important;line-height:1.65!important;margin:0!important;color:#64766d!important;opacity:1!important}.home-join-section .technician .join-copy p{color:#c2d7cc!important}.home-join-section .join-benefits{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.home-join-section .join-benefits span{font-size:10px;font-weight:800;padding:7px 9px;border-radius:999px;background:#eff8f3;color:#276047}.home-join-section .technician .join-benefits span{background:rgba(255,255,255,.09);color:#d8eee3}.home-join-section .join-btn{grid-column:1/-1!important;width:100%!important;display:flex!important;justify-content:space-between!important;align-items:center!important;padding:14px 17px!important;border-radius:14px!important;font-size:13px!important}.home-join-section .technician .join-btn{background:#25bd78!important;color:#072b1d!important}.home-join-section .join-btn b{font-size:18px}@media(max-width:800px){.home-join-section{padding:32px 0 24px}.home-join-heading{text-align:left;margin-bottom:18px}.home-join-section .home-join-grid{grid-template-columns:1fr!important}.home-join-section .join-card{padding:20px!important;grid-template-columns:50px minmax(0,1fr)!important;gap:14px!important}.home-join-section .join-icon{width:50px!important;height:50px!important}.home-join-section .join-copy h2{font-size:21px!important}.home-join-section .join-benefits{gap:5px}}

/* v15 Technician presence control */
.tech-presence-shell{padding-top:18px}
.tech-presence-card{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(520px,1.5fr);align-items:center;gap:24px;background:linear-gradient(135deg,#ffffff 0%,#fbfefc 62%,#f0faf5 100%);border:1px solid #dceae2;border-radius:24px;padding:22px 24px;box-shadow:0 16px 46px rgba(20,72,48,.07);position:relative;overflow:hidden}
.tech-presence-card:after{content:"";position:absolute;right:-70px;top:-85px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(32,178,107,.11),rgba(32,178,107,0) 70%);pointer-events:none}
.presence-summary{display:flex;align-items:center;gap:16px;min-width:0}.presence-summary h2{margin:4px 0 4px;font-size:21px;letter-spacing:-.35px}.presence-summary p{margin:0;color:#6b7f74;font-size:12.5px;line-height:1.5;max-width:420px}.presence-orb{width:56px;height:56px;min-width:56px;border-radius:18px;display:grid;place-items:center;background:#eef3f0;border:1px solid #dae5df}.presence-orb span{width:15px;height:15px;border-radius:50%;background:#809087;box-shadow:0 0 0 6px rgba(128,144,135,.12)}.presence-orb.presence-available{background:#eafaf2;border-color:#c8ead8}.presence-orb.presence-available span{background:#17a768;box-shadow:0 0 0 6px rgba(23,167,104,.14)}.presence-orb.presence-busy{background:#fff7e7;border-color:#f1dfb7}.presence-orb.presence-busy span{background:#d28a13;box-shadow:0 0 0 6px rgba(210,138,19,.14)}.presence-orb.presence-offline{background:#f1f3f2}.presence-orb.presence-offline span{background:#75847d}.presence-orb.presence-on_job{background:#eaf2ff;border-color:#ceddf5}.presence-orb.presence-on_job span{background:#3d6fb7;box-shadow:0 0 0 6px rgba(61,111,183,.13)}
.presence-options{display:grid;grid-template-columns:repeat(4,minmax(118px,1fr));gap:8px;position:relative;z-index:1}.presence-option{appearance:none;border:1px solid #dce7e1;background:#fff;border-radius:16px;padding:12px 11px;display:flex;align-items:center;gap:9px;text-align:left;color:#20362b;min-height:64px;transition:.16s ease;cursor:pointer}.presence-option:hover:not(:disabled):not(.system){border-color:#b8d7c6;transform:translateY(-1px);box-shadow:0 8px 22px rgba(21,78,50,.07)}.presence-option.selected{border-color:#25a56d;background:#effaf4;box-shadow:inset 0 0 0 1px rgba(37,165,109,.08)}.presence-option.system{cursor:default;background:#f6f8f7}.presence-option.system.selected{border-color:#9ebbe4;background:#eef4ff}.presence-option:disabled{opacity:.52;cursor:not-allowed}.presence-icon{width:30px;height:30px;min-width:30px;border-radius:10px;display:grid;place-items:center;background:#eef5f1;color:#19734d;font-weight:950}.presence-option.selected .presence-icon{background:#18a568;color:#fff}.presence-option.system.selected .presence-icon{background:#3d6fb7}.presence-option b,.presence-option small{display:block}.presence-option b{font-size:12px;margin-bottom:2px}.presence-option small{font-size:9.5px;line-height:1.25;color:#7b8d83}.presence-feedback{position:absolute;right:24px;bottom:4px;font-size:10px;color:#4e7460;min-height:14px}
@media(max-width:980px){.tech-presence-card{grid-template-columns:1fr}.presence-options{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.tech-presence-shell{padding:10px 12px 0}.tech-presence-card{padding:16px;border-radius:20px;gap:16px}.presence-orb{width:48px;height:48px;min-width:48px;border-radius:15px}.presence-summary h2{font-size:18px}.presence-options{grid-template-columns:repeat(2,1fr)}.presence-option{min-height:60px}.presence-feedback{position:static;grid-column:1/-1}.tech-dash-head.refined{padding-top:16px}}

/* v16 mobile account actions */
.mobile-logout{display:none;align-items:center;justify-content:center;gap:5px;height:36px;padding:0 10px;border-radius:12px;background:#fff4f4;border:1px solid #f1d1d1;color:#a33f3f;font-weight:850;font-size:12px;line-height:1}.mobile-logout span{font-size:16px;line-height:1}.mobile-logout small{font-size:10px;font-weight:850}@media(max-width:900px){.mobile-logout{display:inline-flex}}@media(max-width:420px){.mobile-head-actions{gap:5px}.mobile-bell,.mobile-avatar{width:34px;height:34px;border-radius:11px}.mobile-logout{height:34px;padding:0 8px}.mobile-logout small{display:none}.mobile-logout span{font-size:18px}}

/* v17 smooth calling experience */
.call-shell-v17{min-height:calc(100vh - 82px);padding:18px 14px 34px;background:radial-gradient(circle at 50% 0,#e9f8f0 0,#f7fbf9 34%,#f4f7f5 100%)}
.call-topbar{max-width:520px;margin:0 auto 14px;display:flex;align-items:center;justify-content:space-between}.call-back-v17{display:inline-flex;align-items:center;gap:5px;color:#274b3a;text-decoration:none;font-weight:850;font-size:13px}.call-back-v17:first-letter{font-size:22px}.call-secure-badge{font-size:10px;font-weight:850;color:#47705c;background:#fff;border:1px solid #dcebe3;padding:7px 10px;border-radius:999px}
.call-card-v17{max-width:520px;margin:0 auto;background:linear-gradient(180deg,#fff,#f9fcfa);border:1px solid #dbe9e1;border-radius:32px;padding:36px 26px 28px;text-align:center;box-shadow:0 24px 70px rgba(16,72,47,.12);overflow:hidden;position:relative}.call-card-v17:before{content:"";position:absolute;width:290px;height:290px;border-radius:50%;background:radial-gradient(circle,rgba(32,185,111,.11),rgba(32,185,111,0) 70%);top:-165px;left:50%;transform:translateX(-50%);pointer-events:none}
.call-avatar-v17{width:104px;height:104px;margin:3px auto 20px;position:relative}.call-avatar-v17>span{width:104px;height:104px;border-radius:32px;display:grid;place-items:center;background:linear-gradient(145deg,#123d2e,#0b2d21);color:#fff;font-size:42px;font-weight:900;box-shadow:0 18px 34px rgba(11,58,38,.2);position:relative;z-index:2}.call-avatar-v17 i{position:absolute;inset:-8px;border:2px solid rgba(27,177,104,.2);border-radius:38px;opacity:0}.call-avatar-v17 i.live{animation:callPulse17 1.8s infinite}@keyframes callPulse17{0%{transform:scale(.96);opacity:.7}70%{transform:scale(1.12);opacity:0}100%{opacity:0}}
.call-party h1{margin:0 0 5px;font-size:28px;letter-spacing:-.7px;color:#102c20}.call-party p{margin:0;color:#718077;font-size:12px}.call-state-v17{margin-top:23px;font-size:15px;font-weight:900;color:#204c37;min-height:22px}.call-timer{margin-top:5px;font-size:12px;font-variant-numeric:tabular-nums;color:#698176;font-weight:800}.call-quality{display:inline-flex;align-items:center;gap:7px;margin-top:13px;padding:7px 10px;border-radius:999px;background:#f2f6f4;color:#718178;font-size:10px}.call-quality span{width:7px;height:7px;border-radius:50%;background:#8b9992}.call-quality.good{background:#eaf9f1;color:#188654}.call-quality.good span{background:#1ab06b;box-shadow:0 0 0 4px rgba(26,176,107,.11)}.call-quality.weak{background:#fff3eb;color:#a05b32}.call-quality.weak span{background:#de7b3e}
.call-controls-v17{display:flex;justify-content:center;align-items:center;gap:28px;margin-top:32px;min-height:84px}.call-controls-v17[hidden]{display:none!important}.call-action-v17{border:0;background:none;padding:0;color:#35483f;cursor:pointer;display:grid;justify-items:center;gap:8px;font:inherit}.call-action-v17 span{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;font-size:24px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.call-action-v17 b{font-size:10px;font-weight:900}.call-action-v17:hover span{transform:translateY(-2px)}.call-action-v17:active span{transform:scale(.96)}.call-action-v17:disabled{opacity:.55;cursor:not-allowed}.call-action-v17.accept span{background:#19ad69;color:#fff;box-shadow:0 13px 25px rgba(25,173,105,.25)}.call-action-v17.decline span{background:#e65353;color:#fff;box-shadow:0 13px 25px rgba(214,67,67,.18)}.call-action-v17.utility span{background:#edf3f0;color:#274d3a}.call-action-v17.utility.active span{background:#244c39;color:#fff}.active-controls .decline span{transform:rotate(135deg)}.call-note-v17{font-size:10.5px;line-height:1.55;color:#7f8e86;max-width:340px;margin:18px auto 0}
@media(max-width:600px){.call-shell-v17{padding:8px 10px 22px;min-height:100dvh}.call-topbar{margin-bottom:8px;padding:0 3px}.call-card-v17{min-height:calc(100dvh - 82px);border-radius:24px;padding:32px 18px 24px;display:flex;flex-direction:column;justify-content:center}.call-avatar-v17,.call-avatar-v17>span{width:92px;height:92px}.call-avatar-v17>span{border-radius:29px;font-size:37px}.call-party h1{font-size:25px}.call-controls-v17{margin-top:28px;gap:30px}.call-action-v17 span{width:60px;height:60px}.call-note-v17{margin-top:16px}}

/* v17 smoother chat */
.chat-connectivity{position:sticky;top:0;z-index:15;background:#fff1e8;color:#8c4d27;text-align:center;font-size:10px;font-weight:900;padding:7px;border-bottom:1px solid #f0d8c8}.chat-call-banner{position:sticky;top:0;z-index:20;margin:8px 10px;padding:12px 13px;border-radius:17px;background:linear-gradient(135deg,#103e2e,#0b2d22);color:#fff;box-shadow:0 15px 35px rgba(9,54,35,.22);display:flex;align-items:center;justify-content:space-between;gap:10px}.chat-call-banner[hidden]{display:none!important}.chat-call-person{display:flex;align-items:center;gap:10px;min-width:0}.chat-call-avatar{width:38px;height:38px;border-radius:12px;background:#22b875;display:grid;place-items:center;font-size:18px}.chat-call-person b,.chat-call-person small{display:block}.chat-call-person b{font-size:12px}.chat-call-person small{font-size:9px;opacity:.72;margin-top:2px}.chat-call-actions{display:flex;gap:6px}.chat-call-actions a{text-decoration:none;font-size:9.5px;font-weight:900;padding:9px 11px;border-radius:10px}.chat-call-decline{background:#fff1f1;color:#a84747}.chat-call-accept{background:#29bd7a;color:#072c1e}.new-message-pill{position:absolute;z-index:12;left:50%;bottom:88px;transform:translateX(-50%);border:0;border-radius:999px;background:#123d2e;color:#fff;padding:8px 12px;font-size:10px;font-weight:900;box-shadow:0 8px 22px rgba(10,48,32,.2);cursor:pointer}.new-message-pill[hidden]{display:none!important}.native-messages{scroll-behavior:smooth;overflow-anchor:none}.msg-row{animation:msgIn17 .18s ease both}@keyframes msgIn17{from{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:none}}.chat-send:disabled,.chat-input:disabled{opacity:.6}.chat-app-shell{position:relative}.typing-line{transition:opacity .15s ease}.online-dot{transition:background .2s ease}.chat-compose{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
@media(max-width:600px){.chat-call-banner{margin:6px 8px;padding:10px}.chat-call-person small{display:none}.chat-call-actions a{padding:8px 9px}.new-message-pill{bottom:82px}}

/* v18 reliability: never let component display rules override the native hidden attribute */
[hidden]{display:none!important}
.chat-send.sending{opacity:.65;pointer-events:none}.chat-send.sending:after{content:'…';margin-left:2px}
.fixme-global-call{position:fixed;inset:0;z-index:99999;background:rgba(5,24,16,.58);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);display:grid;place-items:center;padding:18px}.fixme-global-call-card{width:min(94vw,390px);background:#fff;border-radius:30px;padding:30px 24px 24px;text-align:center;box-shadow:0 30px 90px rgba(0,0,0,.28);border:1px solid #dceae3}.fixme-global-call-pulse{width:82px;height:82px;margin:0 auto 18px;border-radius:28px;display:grid;place-items:center;background:#0f7a4d;color:#fff;font-size:34px;box-shadow:0 0 0 10px rgba(15,122,77,.10);animation:globalCallPulse18 1.4s infinite}.fixme-global-call-card small{display:block;color:#6f8178;font-weight:800}.fixme-global-call-card h2{margin:8px 0 4px;font-size:25px}.fixme-global-call-card p{margin:0;color:#708178}.fixme-global-call-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.fixme-global-call-actions button{border:0;border-radius:16px;padding:14px 12px;font-weight:900;font-size:14px;cursor:pointer}.fixme-global-decline{background:#fff0f0;color:#b13d45}.fixme-global-answer{background:#13a865;color:#fff;box-shadow:0 12px 24px rgba(19,168,101,.22)}@keyframes globalCallPulse18{0%,100%{transform:scale(1)}50%{transform:scale(1.055);box-shadow:0 0 0 16px rgba(15,122,77,.04)}}
.live-toast.booking-alert{border-left:4px solid #18a96b}.live-toast.message-alert{border-left:4px solid #4b77cc}.live-toast.call-alert{border-left:4px solid #864fbd}
