@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Oswald:wght@500;600;700&display=swap');
:root{font-family:'Instrument Sans',-apple-system,BlinkMacSystemFont,sans-serif;color:#f3efe6;background:#0b0c0e;font-synthesis:none;--ink:#0b0c0e;--text:#f3efe6;--panel:#181a1e;--amber-deep:#e8a317;--amber:#ffbe3a;--muted:#b7b1a6;--line:#343337;--white:#181a1e;--radius:18px}
*{box-sizing:border-box}
body{margin:0}
body{background:#0b0c0e}
.panel,.job-card,.detail-card{box-shadow:inset 0 1px 0 #ffffff06,0 5px 20px #00000012}
.owner-conversation{border:1px solid #5a4930;box-shadow:inset 0 1px 0 #ffd88b16,0 12px 38px #00000028}
.estimate-follow-up summary{cursor:pointer;font-weight:650;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.estimate-follow-up summary span{font-size:12px;color:var(--amber)}
.warranty-policy{padding:12px 0;color:var(--muted);font-size:12px;font-weight:400}
.warranty-policy summary{cursor:pointer;color:var(--amber)}
.warranty-policy p{line-height:1.65}
button,input,textarea,select{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.5}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ffbe3a;outline-offset:3px}
button{border:0}
a{color:inherit}
svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.shell{display:flex;min-height:100vh}
.sidebar{width:236px;position:fixed;inset:0 auto 0 0;background:var(--ink);color:#f3efe6;padding:35px 22px;display:flex;flex-direction:column;z-index:20}
.brand{display:flex;align-items:center;gap:12px;margin:0 2px 48px;font:750 17px/1.18 'Instrument Sans',sans-serif;letter-spacing:-.4px}
.brand-mark{width:39px;height:43px;border:1px solid #343337;border-radius:10px;color:var(--amber);display:grid;place-items:center;font:bold 30px 'Instrument Sans'}
.brand small{display:block;color:#b7b1a6;font:500 10px 'Instrument Sans';letter-spacing:2px;margin-top:6px}
.nav-label{font-size:11px;color:#b7b1a6;letter-spacing:1.6px;padding:0 12px;margin:0 0 12px}
.nav{display:grid;gap:7px}
.nav button{display:flex;align-items:center;gap:13px;padding:13px 14px;border-radius:10px;background:transparent;color:#b7b1a6;text-align:left;font-size:15px}
.nav button.active{background:#332a17;color:var(--amber)}
.nav button:hover{background:#242321;color:var(--text)}
.nav button.active:hover{color:var(--amber)}
.nav-count{margin-left:auto;color:inherit;opacity:.8;font-size:12px}
.side-foot{margin-top:auto;border-top:1px solid #343337;padding-top:20px}
.workspace-note{font-size:12px;color:#b7b1a6;line-height:1.7}
.workspace-note strong{font-weight:500;color:#f3efe6;display:block}
.owner{display:flex;gap:11px;align-items:center;margin-top:23px}
.owner .avatar{background:#ffbe3a;color:#1a1203;width:37px;height:37px;font-size:12px}
.owner strong{font-size:14px;font-weight:500}
.owner small{font-size:12px;color:#b7b1a6;display:block}
.main{margin-left:236px;width:calc(100% - 236px);padding:0 42px 38px;max-width:1800px}
.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.crumb{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--muted)}
.crumb span{color:#f3efe6}
.top-actions{display:flex;gap:10px;align-items:center}
.demo-pill{font-size:12px;font-weight:500;background:#332a17;border:1px solid #343337;color:#b7b1a6;border-radius:7px;padding:5px 9px}
.icon-button{display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:var(--panel);width:36px;height:36px;color:#b7b1a6}
.page-head{display:flex;justify-content:space-between;align-items:center;margin:32px 0 26px;gap:15px}
.eyebrow{font-size:12px;color:var(--muted);letter-spacing:.6px;margin:0 0 8px}
.page-head h1{font:750 30px/1.15 'Instrument Sans',sans-serif;letter-spacing:-1px;margin:0}
.head-sub{font-size:14px;color:var(--muted);margin:9px 0 0}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 15px;border-radius:9px;font-size:14px;font-weight:550;color:var(--ink);background:var(--amber);white-space:nowrap}
.button.secondary{background:#181a1e;border:1px solid #343337}
.button.dark{background:var(--ink);color:var(--text)}
.button.quiet{background:transparent;padding:7px 0;color:var(--muted)}
.button.danger{background:#3d2420;color:#ffb09d}
.voice-bar{border-radius:var(--radius);background:var(--ink);color:var(--text);padding:24px;position:relative;overflow:hidden;margin-bottom:26px}
.voice-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.voice-title{display:flex;gap:10px;align-items:center;color:#b7b1a6;font-size:13px}
.voice-title .icon{width:17px;height:17px;color:var(--amber)}
.voice-status{font-size:11px;color:#b7b1a6;display:flex;align-items:center;gap:6px}
.voice-status:before{content:'';display:block;width:5px;height:5px;background:var(--amber);border-radius:50%}
.voice-form{display:flex;gap:12px;align-items:center}
.voice-form input{width:100%;border:0;background:none;outline:none;color:#181a1e;font:500 21px 'Instrument Sans';letter-spacing:-.4px;padding:6px 0;min-width:0}
.voice-form input::placeholder{color:#b7b1a6}
.mic{display:grid;place-items:center;flex-shrink:0;width:50px;height:50px;border-radius:50%;color:#1a1203;background:var(--amber)}
.mic .icon{width:23px;height:23px}
.mic.listening{animation:pulse 1s infinite}
.ask-button{background:#242321;color:#181a1e;width:38px;height:38px;border-radius:10px;display:grid;place-items:center}
.quick-prompts{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.quick-prompts button{font-size:12px;color:#b7b1a6;border:1px solid #343337;padding:6px 10px;background:none;border-radius:6px}
.quick-prompts button:hover{border-color:#e8a317;color:#181a1e}
.voice-reply{margin-top:16px;padding-top:15px;border-top:1px solid #343337;font-size:14px;color:#f3efe6;line-height:1.65}
.voice-reply button{margin-top:10px}
.overview-line{display:flex;gap:23px;align-items:center;margin:0 2px 23px;color:var(--muted);font-size:13px}
.overview-line b{font-weight:650;color:#f3efe6}
.overview-line span+span{border-left:1px solid #343337;padding-left:23px}
.today-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.9fr);gap:24px}
.panel{border:1px solid var(--line);border-radius:var(--radius);background:#181a1e;overflow:hidden}
.panel-head{display:flex;align-items:center;justify-content:space-between;padding:24px 25px 17px}
.panel-title{font:700 17px 'Instrument Sans';letter-spacing:-.3px;margin:0}
.panel-head p{margin:5px 0 0;color:var(--muted);font-size:12px}
.text-link{background:none;padding:3px 0;font-size:12px;color:#ffbe3a}
.week{display:flex;gap:7px;border-bottom:1px solid var(--line);padding:3px 25px 20px}
.day{flex:1;display:grid;gap:9px;place-items:center;min-height:69px;border-radius:9px;background:#131417;color:#b7b1a6;font-size:11px;padding:9px 3px}
.day b{font:650 18px 'Instrument Sans';color:#f3efe6}
.day.selected{background:var(--amber);color:#1a1203}
.timeline{padding:24px}
.visit{display:grid;grid-template-columns:57px 1fr;gap:16px;margin-bottom:19px}
.visit:last-child{margin:0}
.time{font-size:13px;font-weight:500;color:#b7b1a6;padding-top:7px}
.visit-card{position:relative;border:1px solid #343337;border-left:3px solid #ffbe3a;border-radius:10px;padding:16px 16px 14px;text-align:left;background:#181a1e;width:100%;transition:transform .15s}
.visit-card:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00000030}
.visit-card.work{background:#242321;border-left-color:#ffbe3a}
.visit-card.done{opacity:.6}
.visit-name{font:650 15px 'Instrument Sans';display:flex;justify-content:space-between;gap:8px}
.visit-name .icon{width:16px;height:16px;color:#ffbe3a}
.visit-label{font-size:13px;color:#b7b1a6;margin-top:5px}
.visit-meta{display:flex;gap:10px;align-items:center;font-size:11px;color:#b7b1a6;margin-top:13px}
.visit-meta .icon{width:13px;height:13px}
.attention-list{padding:0 24px 7px}
.attention-item{display:flex;gap:13px;padding:17px 0;border-bottom:1px solid #343337;align-items:flex-start}
.attention-item:last-child{border-bottom:0}
.attention-icon{width:33px;height:33px;border-radius:9px;display:grid;place-items:center;background:#28271f;color:#ffbe3a;flex-shrink:0;margin-top:2px}
.attention-icon.high{background:#352917;color:#e8a317}
.attention-icon .icon{width:17px;height:17px}
.attention-copy{flex:1;min-width:0}
.attention-copy h3{font-size:14px;font-weight:550;margin:0 0 5px;line-height:1.5}
.attention-copy p{font-size:12px;color:var(--muted);line-height:1.55;margin:0}
.attention-copy .button{padding:0;margin-top:9px;font-size:12px;color:#ffbe3a;background:none}
.panel-footer{border-top:1px solid var(--line);padding:13px 24px;background:#131417;font-size:11px;color:#b7b1a6;display:flex;align-items:center;gap:6px}
.panel-footer .icon{width:13px;height:13px}
.lower-note{display:flex;justify-content:space-between;margin-top:22px;color:#b7b1a6;font-size:11px;gap:12px}
.lower-note button{font-size:11px;color:#b7b1a6;background:none;padding:0}
.avatar{width:40px;height:40px;border-radius:12px;background:#28271f;color:#ffbe3a;display:grid;place-items:center;font:600 12px 'Instrument Sans';flex-shrink:0}
.list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.job-card{padding:22px;display:flex;gap:15px;align-items:flex-start;text-align:left;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:inherit}
.job-card:hover{border-color:#ffbe3a}
.job-card h3{margin:0 0 6px;font:650 16px 'Instrument Sans'}
.job-card p{font-size:13px;color:var(--muted);margin:5px 0}
.job-card .badge{margin-top:10px}
.badge{display:inline-flex;align-items:center;font-size:11px;padding:4px 8px;border-radius:6px;background:#28271f;color:#b7b1a6;white-space:nowrap}
.badge.amber{background:#352917;color:#e8a317}
.badge.green{background:#28271f;color:#d7c7a2}
.badge.neutral{background:#23252a;color:#b7b1a6}
.searchbar{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:11px 14px;margin-bottom:18px;max-width:440px;color:var(--muted)}
.searchbar input{border:none;outline:none;min-width:0;width:100%;font-size:14px}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:21px}
.filter{font-size:13px;padding:8px 12px;border-radius:8px;background:#242321;color:#b7b1a6}
.filter.active{background:#242321;color:#f3efe6}
.quote-list{display:grid;gap:12px}
.quote-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:14px;text-align:left;color:inherit}
.quote-row:hover{border-color:#ffbe3a}
.quote-left{display:flex;gap:15px;align-items:center}
.quote-row h3{font:650 16px 'Instrument Sans';margin:0 0 6px}
.quote-row p{font-size:13px;color:var(--muted);margin:0}
.quote-price{font:700 21px 'Instrument Sans';text-align:right}
.quote-price .badge{font-family:'Instrument Sans';font-weight:400;margin-top:6px}
.empty{padding:50px 25px;text-align:center;color:var(--muted);font-size:14px;line-height:1.7}
.empty h3{color:var(--ink);font-size:18px}
.activity{display:grid;gap:0;padding:0 25px}
.event{padding:19px 0;border-bottom:1px solid var(--line);display:flex;gap:14px}
.event:last-child{border:0}
.event strong{font-size:14px;font-weight:550}
.event p{font-size:13px;color:var(--muted);line-height:1.6;margin:5px 0}
.event time{font-size:11px;color:#b7b1a6}
.backdrop{position:fixed;inset:0;background:#00000099;z-index:60;display:flex;align-items:center;justify-content:flex-end;backdrop-filter:blur(3px)}
.drawer{height:100%;width:560px;max-width:100%;background:#131417;overflow:auto;box-shadow:-20px 0 90px #0002;animation:slide .2s ease}
.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:23px 28px;background:var(--panel);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2}
.drawer-head h2{font:700 20px 'Instrument Sans';margin:0}
.drawer-body{padding:26px 28px 40px}
.customer-hero{display:flex;gap:16px;align-items:center;margin-bottom:22px}
.customer-hero .avatar{width:58px;height:58px;font-size:17px;border-radius:16px}
.customer-hero h3{font:700 23px 'Instrument Sans';letter-spacing:-.6px;margin:0 0 6px}
.customer-hero p{font-size:13px;color:var(--muted);margin:0}
.detail-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px;margin:17px 0}
.detail-card h3{font:650 15px 'Instrument Sans';margin:0 0 14px}
.detail-card p{font-size:14px;line-height:1.7;color:#b7b1a6;margin:0;white-space:pre-line}
.detail-line{display:flex;justify-content:space-between;font-size:13px;padding:8px 0;gap:15px}
.detail-line span:first-child{color:var(--muted)}
.detail-actions{display:flex;gap:9px;flex-wrap:wrap}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.field{display:grid;gap:7px;font-size:13px;color:#b7b1a6}
[hidden]{display:none!important}
.field.full{grid-column:1/-1}
.field input,.field textarea,.field select{width:100%;border:1px solid #343337;border-radius:8px;background:var(--panel);padding:11px 12px;color:#f3efe6;min-width:0}
.field textarea{min-height:80px;resize:vertical}
.unit-label{display:flex;justify-content:space-between;font-size:12px}
.unit-label small{color:#b7b1a6;font-size:11px}
.price-summary{background:#332a17;border:1px solid #343337;padding:17px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;margin:20px 0;font-size:14px}
.price-summary b{font:750 24px 'Instrument Sans'}
.muted-note{font-size:12px;color:#b7b1a6;line-height:1.6;margin:13px 0}
.line-items{width:100%;border-collapse:collapse;font-size:13px}
.line-items th{font-size:11px;color:#b7b1a6;text-align:left;font-weight:500;border-bottom:1px solid var(--line);padding:0 0 11px}
.line-items td{padding:12px 0;border-bottom:1px solid #343337}
.line-items td:last-child,.line-items th:last-child{text-align:right}
.line-items td:nth-child(2){color:#b7b1a6}
.check{display:flex;gap:9px;align-items:center;margin:16px 0;font-size:14px}
.check input{width:18px;height:18px;accent-color:#ffbe3a}
.form-error{color:#ffb09d;font-size:13px;line-height:1.6;margin:13px 0}
.warning{font-size:13px;line-height:1.7;padding:14px;border-radius:8px;background:#352917;color:#e8a317;margin:15px 0}
.success{background:#28271f;color:#d7c7a2}
.modal{align-self:center;height:auto;max-height:90vh;width:540px;border-radius:18px;margin:15px;overflow:auto;background:#181a1e}
.modal .drawer-body{padding:24px}
.modal .drawer-head{position:static}
.confirmation-total{font:750 35px 'Instrument Sans';letter-spacing:-1px;margin:18px 0}
.assistant-example{font-size:14px;line-height:1.8;color:#b7b1a6;background:#131417;border:1px solid #343337;padding:15px;border-radius:9px;margin:14px 0}
.mobile-brand,.mobile-nav{display:none}
#toast{position:fixed;bottom:28px;left:calc(50% + 100px);transform:translateX(-50%);padding:13px 19px;background:#181a1e;color:#181a1e;font-size:14px;line-height:1.5;border-radius:10px;max-width:min(450px,90vw);z-index:100;box-shadow:0 6px 30px #0003;display:none}
#toast.show{display:block}
@keyframes slide{from{transform:translateX(30px);opacity:0}
to{transform:none;opacity:1}
}
@keyframes pulse{50%{box-shadow:0 0 0 9px #ffbe3a30}
}
@media(min-width:1550px){.main{padding-left:65px;padding-right:65px}
.voice-bar{padding:26px 30px}
.today-grid{gap:28px}
.panel-head{padding-top:28px}
.timeline{padding:30px}
}
@media(max-width:1180px){.sidebar{width:200px;padding:28px 16px}
.main{margin-left:200px;width:calc(100% - 200px);padding:0 25px 30px}
.today-grid{grid-template-columns:minmax(0,1fr) minmax(290px,.95fr);gap:17px}
.panel-head{padding:20px}
.week{padding-left:20px;padding-right:20px}
.timeline{padding:20px}
.attention-list{padding:0 20px}
.visit{gap:9px;grid-template-columns:46px 1fr}
.visit-card{padding:13px}
.voice-form input{font-size:19px}
}
@media(max-width:950px){.sidebar{width:84px;padding:26px 12px}
.brand{justify-content:center;margin-bottom:38px}
.brand-text,.nav-label,.nav-text,.nav-count,.side-foot{display:none}
.nav button{justify-content:center;padding:14px}
.main{margin-left:84px;width:calc(100% - 84px)}
.today-grid{grid-template-columns:minmax(0,1fr) minmax(270px,.9fr)}
.list-grid{grid-template-columns:1fr}
#toast{left:calc(50% + 42px)}
}
@media(max-width:740px){.sidebar{display:none}
.main{margin-left:0;width:100%;padding:0 18px 105px}
.topbar{height:68px}
.crumb{display:none}
.mobile-brand{display:flex;align-items:center;gap:9px;font:700 14px 'Instrument Sans'}
.mobile-brand .brand-mark{height:29px;width:28px;font-size:20px;border-color:#343337;background:var(--ink)}
.top-actions .icon-button{display:none}
.demo-pill{font-size:10px;padding:4px 7px}
.page-head{margin:25px 0 21px}
.page-head h1{font-size:28px}
.eyebrow{font-size:11px}
.page-head .button{padding:9px 11px;font-size:12px}
.head-sub{font-size:13px;line-height:1.6}
.voice-bar{padding:19px;margin-bottom:19px;border-radius:15px}
.voice-heading{margin-bottom:11px}
.voice-status{font-size:10px}
.voice-form{gap:8px}
.voice-form input{font-size:17px;letter-spacing:-.35px}
.mic{width:43px;height:43px}
.ask-button{width:33px;height:33px;flex-shrink:0}
.quick-prompts{gap:6px;margin-top:13px}
.quick-prompts button{font-size:11px;padding:6px 8px}
.overview-line{font-size:11px;gap:12px;margin:0 0 19px;flex-wrap:wrap}
.overview-line span+span{padding-left:12px}
.today-grid{display:flex;flex-direction:column;gap:19px}
.attention-panel{order:0}
.schedule-panel{order:1}
.panel-head{padding:20px}
.panel-title{font-size:16px}
.attention-list{padding:0 20px}
.attention-item{padding:15px 0}
.attention-copy h3{font-size:14px}
.attention-copy p{font-size:13px}
.attention-copy .button{font-size:13px}
.timeline{padding:20px}
.time{font-size:13px}
.visit{grid-template-columns:48px 1fr;gap:12px}
.visit-card{padding:15px}
.week{gap:6px}
.day{font-size:11px}
.lower-note{font-size:10px;line-height:1.6;flex-wrap:wrap}
.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#181a1e;border-top:1px solid #343337;padding:10px 10px max(13px,env(safe-area-inset-bottom));z-index:40;justify-content:space-around}
.mobile-nav button{display:grid;place-items:center;gap:5px;color:#b7b1a6;background:transparent;font-size:10px;width:70px}
.mobile-nav button.active{color:#ffbe3a}
.mobile-nav button.active svg{background:#332a17;box-sizing:content-box;padding:4px 14px;border-radius:10px;margin-top:-4px;margin-bottom:-4px}
.drawer-body{padding:22px 20px 35px}
.drawer-head{padding:19px 20px}
.drawer-head h2{font-size:18px}
.drawer{width:100%}
.customer-hero h3{font-size:22px}
.quote-row{padding:17px}
.quote-row h3{font-size:14px}
.quote-row p{font-size:12px}
.quote-price{font-size:18px}
.quote-left{gap:10px}
.quote-left .avatar{width:33px;height:33px}
.modal{max-height:88vh;margin:14px;width:calc(100% - 28px)}
#toast{left:50%;bottom:90px}
.fields{gap:12px}
.field{font-size:13px}
.line-items{font-size:12px}
}

@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}
}
@media(prefers-color-scheme:dark){:root{color-scheme:dark}
}


.attention-toggle{display:none}
.field{font-size:14px}
.visit-label{font-size:14px}
.detail-card p{font-size:15px}
.workspace-note{line-height:1.7}

@media(max-width:740px){.mobile-nav .nav-text{display:block;font-size:11px}
.attention-list:not(.expanded) .attention-item:nth-child(n+3){display:none}
.attention-toggle{display:block;background:transparent;color:#ffbe3a;font-size:13px;margin:2px 20px 17px;padding:7px 0}
.voice-status{display:none}
.fields{grid-template-columns:1fr 1fr}
.field{font-size:14px}
.button{min-height:42px}
.quick-prompts button{min-height:34px}
.icon-button{min-height:40px;min-width:40px}
}


/* Brand treatment shared with the website at the source snapshot. */
:root{color-scheme:dark;--line:rgba(255,255,255,.09)}
body{background:#0b0c0e;color:var(--text)}
button,input,textarea,select{color:inherit}
.sidebar{background:#070808;border-right:1px solid var(--line)}
.brand{gap:11px;align-items:center}
.brand-mark{display:block;width:46px;height:46px;border:0;border-radius:50%;object-fit:contain;background:#070808;flex-shrink:0}
.brand-text{font-family:Oswald,sans-serif;font-size:18px;font-weight:600;line-height:1.15;letter-spacing:.035em;text-transform:uppercase}
.brand small{font-family:'Instrument Sans',sans-serif;letter-spacing:1.2px;font-size:9px;color:#b7b1a6;margin-top:8px}
.owner .avatar{background:#ffbe3a;color:#1a1203}
.owner strong,.crumb span,.overview-line b{color:var(--text)}
.nav button.active{background:rgba(232,163,23,.12);box-shadow:inset 2px 0 #e8a317}
.nav button:hover{background:#242321}
.button{background:linear-gradient(180deg,#ffbe3a,#e8a317);color:#1a1203;border-radius:999px;font-weight:600}
.button.secondary{background:transparent;border-color:#393a3e;color:var(--text)}
.button.dark{background:linear-gradient(180deg,#ffbe3a,#e8a317);color:#1a1203}
.button.quiet{background:transparent;color:var(--muted)}
.button.danger{background:#3d2420;color:#ffb09d}
.icon-button{background:#181a1e;color:#d7c7a2}
.page-head h1,.panel-title,.drawer-head h2{font-family:Oswald,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.025em;line-height:1.15}
.page-head h1{font-size:36px}
.panel-title{font-size:22px}
.panel-title .badge{font-family:'Instrument Sans',sans-serif;vertical-align:middle;letter-spacing:0;margin-left:5px}
.eyebrow{color:#ffbe3a;text-transform:uppercase;font-weight:600;letter-spacing:.13em;font-size:11px}
.voice-bar{background:linear-gradient(115deg,#242016 0%,#151619 65%);border:1px solid rgba(232,163,23,.28);box-shadow:inset 0 2px #e8a317}
.voice-title{color:#d7c7a2}.voice-status{color:#b7b1a6}.voice-form input{color:var(--text);font-weight:400}.voice-form input::placeholder{color:#ddd6c8}
.mic{background:linear-gradient(180deg,#ffbe3a,#e8a317);color:#1a1203;box-shadow:0 3px 18px #e8a31718}
.ask-button{background:#34302a;color:#ffbe3a}.quick-prompts button{border-color:#494234;color:#d7c7a2;border-radius:999px}.quick-prompts button:hover{background:#332a17;color:#ffbe3a}
.demo-pill{border-color:#55421e;background:#2b2315;color:#f0c76c}
.day{background:#23252a;color:#b7b1a6}.day b{color:var(--text)}.day.selected{background:linear-gradient(180deg,#ffbe3a,#e8a317);color:#392900}.day.selected b{color:#1a1203}
.visit-card{background:#1c1e22;border-color:#343337;border-left-color:#9e8143;color:var(--text)}.visit-card.work{background:#25231d;border-left-color:#e8a317}.visit-card:hover{border-color:#e8a317}
.attention-icon{background:#2c291e;color:#d7c7a2}.attention-icon.high{background:#3a2b14;color:#ffbe3a}
.attention-copy .button{color:#ffbe3a;background:none;border-radius:0}.attention-toggle{color:#ffbe3a}
.panel-footer{background:#141518;color:#b7b1a6}.badge{background:#2c291f;color:#d7c7a2}.badge.amber{background:#3a2b14;color:#ffbe3a}.badge.green{background:#2b2d24;color:#d7c7a2}.badge.neutral{background:#292c33;color:#c4c8d1}
.searchbar{background:#181a1e}.searchbar input{background:transparent;color:var(--text)}.filter.active{background:#332a17;color:#ffbe3a}.job-card,.quote-row{background:#181a1e;color:var(--text)}
.drawer{background:#131417}.drawer-head,.detail-card,.modal{background:#181a1e}.detail-card p{color:#b7b1a6}.field input,.field textarea,.field select{background:#111215;color:var(--text);border-color:#3f3f42}
.price-summary{background:#2c2518;border-color:#665126;color:var(--text)}.price-summary b{color:#ffbe3a}.empty h3{color:var(--text)}.assistant-example{background:#22211c;color:#d7c7a2}
#toast{background:#2b261c;border:1px solid #6b5524;color:var(--text)}
.mobile-nav{background:rgba(11,12,14,.96);backdrop-filter:blur(16px);border-color:var(--line)}.mobile-nav button.active{color:#ffbe3a}.mobile-nav button.active svg{background:#332a17}.mobile-nav button{color:#b7b1a6}
@media(max-width:950px){.brand-mark{width:46px;height:46px}}
@media(max-width:740px){.mobile-brand{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.04em;font-size:15px;gap:9px}.mobile-brand .brand-mark{height:36px;width:36px;background:#070808;border:0}.page-head h1{font-size:32px}.panel-title{font-size:21px}.drawer-head h2{font-size:23px}.button{padding-left:16px;padding-right:16px}.page-head .button{padding-left:12px;padding-right:12px}.demo-pill{font-size:10px}.voice-form input{font-size:18px}}

.calendar-picker{flex-shrink:0}.calendar-picker input{width:134px;max-width:100%;font-size:12px;background:#131417;border:1px solid #3f3f42;padding:8px;border-radius:8px;color:#d7c7a2}.schedule-panel .panel-head{gap:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:420px){.schedule-panel .panel-head{align-items:flex-start;flex-wrap:wrap}.calendar-picker input{width:145px}}

@media(max-width:740px){.main{padding-top:env(safe-area-inset-top)}.shell{min-height:100svh}.field input,.field textarea,.field select,.searchbar input{font-size:16px}.button{min-height:44px}.drawer{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}
.head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.field-hint{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.estimate-entry-note{font-size:13px;color:var(--muted);line-height:1.6;margin:0 0 18px}
@media(max-width:740px){.page-head:has(.head-actions){flex-wrap:wrap}.head-actions{width:100%;margin-top:5px}.head-actions .button{flex:1;min-height:44px;font-size:13px}.page-head:has(.head-actions) h1{white-space:nowrap}.page-head:has(.head-actions) .head-sub{max-width:100%}}
@media(max-width:740px){.page-head{flex-wrap:wrap}.page-head>div:first-child{flex:1 0 100%;min-width:0}.page-head>.button{flex:1;min-width:0;min-height:44px;white-space:normal}.page-head:has(.head-actions) h1{white-space:normal}}

.weather-day-link{display:inline-flex;align-items:center;gap:6px;background:transparent;color:#ffbe3a;font-size:12px;margin-left:auto;padding:4px 0}.weather-day-link .icon{width:16px;height:16px}@media(max-width:740px){.weather-day-link{margin-left:0;min-height:36px}.mobile-nav button{min-width:0;width:65px}.mobile-nav button.active svg{padding-inline:12px}}

/* Research is supporting evidence, independent of the hidden voice transcript. */
.web-research{margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12)}
.web-research h3{font:600 17px 'Instrument Sans',sans-serif;margin:0 0 8px}
.web-research details{padding:12px 0}.web-research summary{cursor:pointer;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.research-summary{white-space:pre-wrap;font-size:14px;line-height:1.6;overflow-wrap:anywhere;color:var(--text,#eee)}
.research-sources{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.research-sources a{display:block;font-size:13px;line-height:1.4;border:1px solid rgba(215,175,75,.3);border-radius:12px;padding:9px 12px;color:#f4ca63;overflow-wrap:anywhere;max-width:100%}
.web-research small{color:#a8a8a8;font-size:12px}

.notes-workspace .page-head{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.notes-workspace>.field{margin:22px 0}.notes-list{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));margin-top:22px}
.owner-note-card{width:100%;text-align:left;cursor:pointer;color:inherit;font:inherit;margin:0;display:flex;flex-direction:column;gap:10px;min-height:180px}
.owner-note-card h3,.owner-note-card p{margin:0}.owner-note-card p{line-height:1.65;overflow-wrap:anywhere;white-space:pre-line}.owner-note-card small{margin-top:auto;color:var(--muted,#999)}
.note-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.owner-note-detail h3{margin:15px 0}.owner-note-detail small{color:var(--muted,#999)}

/* The same Back control on workspace pages and nested screens. */
.screen-navigation{padding:10px 0 8px;}
.back-button{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 12px;border:1px solid #7775;border-radius:13px;background:transparent;color:inherit;font:inherit;cursor:pointer;white-space:nowrap;}
.back-button:disabled{opacity:.38;cursor:default;}
.back-button .icon{width:18px;height:18px;}
.drawer-head{gap:12px;}
.drawer-head h2{flex:1;min-width:0;}
.drawer-head .back-button{flex-shrink:0;font-size:14px;}
.manual-link{display:block;width:100%;margin-top:12px;}
@media(max-width:740px){.screen-navigation{padding:6px 0;}.drawer-head{gap:8px;padding-left:12px;padding-right:12px;}.drawer-head .back-button{padding:8px;}.drawer-head h2{font-size:clamp(18px,5vw,25px);}}

.invoice-finish{margin-top:20px;padding-top:16px;border-top:1px solid #bfc3bd40;}

/* Customer text conversations */
.sms-conversations{display:grid;gap:12px;margin-top:22px}
.sms-conversation{width:100%;text-align:left;color:inherit;font:inherit;cursor:pointer;display:grid;gap:10px;margin:0;min-width:0}
.sms-conversation-heading,.sms-message-meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.sms-conversation h3,.sms-conversation p,.sms-message p{margin:0}
.sms-conversation p{overflow-wrap:anywhere;line-height:1.5}
.sms-conversation small,.sms-conversation-meta,.sms-message small,.sms-message-meta span{color:var(--muted);font-size:13px}
.sms-conversation-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sms-history{display:flex;flex-direction:column;gap:12px;margin:20px 0}
.sms-message{color:inherit;font:inherit;text-align:left;border:1px solid var(--line);border-radius:18px;padding:16px;display:grid;gap:10px;cursor:pointer;width:92%;background:var(--panel);overflow-wrap:anywhere}
.sms-message.incoming{align-self:flex-start}
.sms-message.outgoing{align-self:flex-end;background:rgba(209,170,87,.08);border-color:rgba(209,170,87,.25)}
.sms-message .note-body{white-space:pre-wrap;line-height:1.55}
.sms-thread summary{cursor:pointer;color:var(--muted);padding:10px 0}
.sms-conversation:focus-visible,.sms-message:focus-visible{outline:2px solid var(--amber);outline-offset:3px}

.sms-reply{border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.sms-reply textarea{min-height:100px;resize:vertical}.sms-thread{padding-bottom:12px}

.sms-conversation-row{display:grid;gap:14px;margin:0;min-width:0}.sms-conversation-row>.sms-conversation{background:transparent;border:0;padding:0}.sms-conversation-delete{justify-self:start;font-size:14px;padding:10px 18px}
