/* OFESKO customer workspace. Self-hosted, no external fonts or tracking. */
:root{--navy:#182b49;--navy-soft:#263d5e;--apricot:#ffab86;--paper:#faf7f2;--white:#fff;--ink:#25364a;--muted:#5f6d7d;--line:#e2e6eb;--tint:#f2f5f9;--green:#24634c;--red:#944032;--radius:18px;--shadow:0 4px 20px #182b4905;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:15px;line-height:1.6}a{color:var(--navy);text-underline-offset:3px}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button,summary,a{touch-action:manipulation}:focus-visible{outline:3px solid #b75731;outline-offset:4px}img,svg{max-width:100%}[hidden]{display:none!important}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:20px;top:-100px;background:white;padding:12px;z-index:100}.skip-link:focus{top:12px}.shell{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;background:var(--navy);padding:30px 18px;color:white;display:flex;flex-direction:column;overflow-y:auto}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:white;padding:0 8px 30px;font-size:25px;font-weight:800;letter-spacing:1.5px;line-height:1.1}.brand:hover{text-decoration:none}.brand svg{width:42px;flex:none}.brand small{display:block;letter-spacing:1.15px;font-size:8px;color:#d0d8e3;margin-top:9px;font-weight:600}.nav-label{text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:1.6px;margin:6px 16px 12px;color:#b9c7d9}.main-nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:13px;color:#d4deeb;border-radius:10px;padding:12px 16px;min-height:46px;text-decoration:none;font-weight:500;font-size:14px}.nav-item svg{width:20px;height:20px;flex:none}.nav-item:hover,.tool-link:hover{color:white;background:#ffffff0d;text-decoration:none}.nav-item.active{color:var(--navy);background:var(--apricot);font-weight:700}.desktop-tools{margin-top:28px;display:grid;gap:3px}.tool-link{color:#d4deeb;text-decoration:none;padding:9px 16px;min-height:42px;font-size:13px;border-radius:9px}.tool-link.active{color:white;background:#ffffff12;box-shadow:inset 3px 0 var(--apricot)}.sidebar-foot{margin-top:auto;padding:38px 16px 4px;font-size:12px;color:#c1cddd;line-height:1.6}.office-more{display:none}main{min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 42px;background:#ffffffa8;border-bottom:1px solid var(--line);min-height:79px}.business-name{font-weight:700;font-size:15px;overflow-wrap:anywhere}.top-right form{margin:0}button.link{background:none;border:0;box-shadow:none;color:var(--muted);padding:6px 0;font-size:13px;min-width:56px;min-height:36px}.function-search{position:relative;max-width:1160px;margin:24px auto 0;padding:0 42px}.function-search>label{font-size:12px;font-weight:600;margin:0 0 6px;color:var(--muted)}.search-field{position:relative}.search-field>svg{position:absolute;left:16px;top:14px;width:20px;height:20px;color:var(--muted);pointer-events:none}.search-field input{width:100%;height:49px;padding:12px 52px 12px 48px;margin:0;background:#fff;border:1px solid #d9dfe7;border-radius:12px;box-shadow:var(--shadow);font-size:14px}.search-field input::placeholder{color:#788393}.search-field kbd{position:absolute;right:17px;top:12px;color:#6f7c8e;border:1px solid var(--line);padding:0 7px;border-radius:5px;background:var(--paper);font-size:12px;pointer-events:none}.search-panel{position:absolute;top:calc(100% + 8px);left:42px;right:42px;z-index:40;border:1px solid #d8dee8;border-radius:14px;background:#fff;box-shadow:0 20px 60px #182b4926;max-height:min(65dvh,510px);overflow:auto}.search-panel ul{list-style:none;padding:0 8px;margin:0}.search-panel li a{display:flex;flex-direction:column;padding:10px 12px;border-radius:8px;text-decoration:none;font-size:14px}.search-panel li a:hover,.search-panel li a:focus{background:var(--tint)}.search-panel li span{font-size:12px;color:var(--muted)}.search-status,.search-foot,.search-empty{padding:12px 20px;margin:0;font-size:12px;color:var(--muted)}.search-foot{border-top:1px solid var(--line);margin-top:8px;background:var(--paper)}.content{max-width:1160px;margin:0 auto;padding:31px 42px 20px;outline:none}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin:0 0 9px}h1,h2,h3{color:var(--navy);line-height:1.25;letter-spacing:-.025em}h1{font-size:clamp(28px,3vw,37px);margin:0 0 12px;font-weight:750}h2{font-size:20px;margin:0 0 16px;font-weight:700}h3{font-size:16px;margin:0 0 10px;font-weight:700}p{margin:0 0 14px}.ws-lead{color:var(--muted);font-size:15px;max-width:680px;margin:0 0 25px}.page-heading,.section-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.page-heading{align-items:flex-start;margin-bottom:20px}.page-heading .ws-lead{margin-bottom:0}.section-head{margin-bottom:14px}.section-head h2{margin:0}.section-head>a{font-size:12px;font-weight:600;white-space:nowrap}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px;margin-bottom:20px;min-width:0;overflow-wrap:anywhere}.card p:last-child{margin-bottom:0}.ws-grid,.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 30px}.ws-metric,.stat{display:flex;flex-direction:column;padding:21px 20px;border:1px solid var(--line);border-radius:15px;background:white;text-decoration:none;min-width:0;transition:transform .15s,border-color .15s}.ws-metric:hover{transform:translateY(-2px);border-color:#c6cdd8;text-decoration:none}.ws-metric div{font-size:12px;color:var(--muted);font-weight:600;min-height:38px}.ws-metric strong,.stat strong{font-size:35px;line-height:1.15;letter-spacing:-1px;margin:7px 0 13px;color:var(--navy);font-weight:700}.ws-metric span{font-size:11px;font-weight:600}.ws-metric:first-child{border-top:3px solid var(--apricot);padding-top:19px}.quick-start{margin-bottom:30px}.quick-start>h2{font-size:17px}.quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.quick-actions a{display:grid;grid-template-columns:38px 1fr;column-gap:12px;align-items:center;text-decoration:none;background:#f0ece6;border:1px solid #e6dfd6;border-radius:14px;padding:17px;min-height:92px}.quick-actions a:hover{background:#ece6de}.action-icon{grid-row:span 2;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#fff;font-size:23px;font-weight:400;color:var(--navy)}.quick-actions strong{font-size:13px;line-height:1.3;letter-spacing:-.01em}.quick-actions small{font-size:11px;color:var(--muted);line-height:1.4;margin-top:4px}.grid,.ws-pair{display:grid;gap:20px}.two,.ws-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.two>.card{margin-bottom:0}.grid.two>div>.card:last-child{margin-bottom:0}.compact{gap:14px}.ws-setting-grid,.settings-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.settings-links .card{margin:0;padding:22px}.settings-group{margin:0 0 30px}.settings-group>h2{font-size:18px;margin-bottom:14px}.settings-group>.hint{margin-top:-4px}.ws-link-card{display:block;text-decoration:none;transition:border-color .15s}.ws-link-card h3{margin-right:18px}.ws-link-card:hover{text-decoration:none;border-color:#b5bfce}.ws-link-card p{font-size:13px;color:var(--muted);line-height:1.6}.card-arrow{float:right;font-size:18px;color:#65758b}.settings-panel>summary{display:block;padding-right:26px;position:relative;font-size:16px}.settings-panel>summary::after{content:'+';position:absolute;right:0;top:2px;font-size:22px;font-weight:400}.settings-panel[open]>summary::after{content:'−'}.settings-panel>summary span{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:5px}.settings-panel>.card{box-shadow:none;border:0;padding:24px 0 0;margin:0;border-radius:0}.settings-panel .card>h2{display:none}.settings-panel[open]>summary{padding-bottom:18px;border-bottom:1px solid var(--line)}.function-directory{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.function-directory a{display:flex;flex-direction:column;padding:12px;background:var(--tint);border-radius:9px;text-decoration:none}.function-directory a span{font-size:12px;color:var(--muted)}label{display:block;font-size:13px;font-weight:600;color:var(--ink);margin:14px 0 7px}input:not([type=checkbox]):not([type=radio]),select,textarea{display:block;width:100%;border:1px solid #cfd6e0;border-radius:9px;background:#fff;color:var(--ink);padding:11px 12px;min-height:45px;margin-top:7px;max-width:100%}textarea{min-height:104px;resize:vertical}input:disabled,select:disabled{background:#f1f3f6;color:var(--muted)}input[type=checkbox],input[type=radio]{accent-color:var(--navy);width:19px;height:19px;flex:none;margin:3px 0 0}label.check,label.ws-check{display:flex;align-items:flex-start;gap:11px;line-height:1.6;font-weight:400;margin:17px 0}.hint,.muted,.ws-subtle{color:var(--muted);font-size:12px;line-height:1.7}.hint{margin:10px 0 15px}button,.ws-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid #cbd3df;border-radius:9px;background:white;color:var(--navy);padding:11px 16px;min-height:45px;font-size:13px;font-weight:650;text-decoration:none;cursor:pointer;line-height:1.5}button:hover,.ws-button:hover{background:var(--tint);text-decoration:none}button.primary,.ws-button:not(.secondary){background:var(--navy);border-color:var(--navy);color:white}button.primary:hover,.ws-button:not(.secondary):hover{background:var(--navy-soft)}button.danger{color:#943d32;border-color:#d6aaa4}.inline,.ws-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.inline input{flex:1;min-width:140px;margin:0!important}.ws-actions{margin-top:14px}.ws-actions a:not(.ws-button){font-size:13px;font-weight:600}.ws-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 20px}.ws-tabs a{display:flex;align-items:center;gap:7px;min-height:43px;padding:9px 15px;border:1px solid var(--line);border-radius:9px;background:white;font-size:13px;text-decoration:none}.ws-tabs a.active{background:var(--navy);color:white;border-color:var(--navy)}.ws-tabs a span{background:#ffffff29;padding:0 6px;border-radius:5px;font-size:11px}.ws-quote-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);min-width:0}.ws-quote-row:first-child{padding-top:0}.ws-quote-row:last-child{border-bottom:0;padding-bottom:0}.ws-quote-row h2{font-size:17px;margin:10px 0}.ws-quote-row p{margin:7px 0}.ws-quote-main{flex:1;min-width:0}.ws-row-right{text-align:right}.ws-amount{font-weight:750;font-size:18px}.ws-status,.badge{display:inline-block;border-radius:6px;background:var(--tint);color:#526073;padding:4px 8px;font-size:11px;font-weight:650;letter-spacing:.01em}.ws-status.good,.badge.confirmed{background:#e6f3eb;color:#24634c}.ws-status.warn{background:#fff0dd;color:#87501c}.notice,.ws-notice{border:1px solid #cbd7e6;background:#edf3fa;border-radius:12px;padding:18px 20px;margin-bottom:22px;font-size:14px}.notice.success{border-color:#b9d5c6;background:#eaf5ed;color:#24563d}.notice.error,.cost-error{border-color:#e5bfb8;background:#fcf0ec;color:#893d32}.notice ul{padding-left:20px;margin:10px 0 0}.empty,.ws-empty{text-align:center;color:var(--muted);padding:24px 12px}.record{border-bottom:1px solid var(--line);padding:19px 0;margin:0}.record:last-child{border-bottom:0;padding-bottom:0}.record strong{color:var(--navy)}details>summary{cursor:pointer;color:var(--navy);font-size:14px;font-weight:650;min-height:28px}details[open]>summary{margin-bottom:16px}.record form{padding-top:10px}.hours-row{display:grid;grid-template-columns:1.15fr 1fr 1fr;align-items:center;gap:8px}.hours-row label{margin:7px 0}.hours-row input[type=time]{font-size:13px;padding:9px 7px;min-width:0}.hours-row .check{font-size:12px;gap:7px}.preline,.inbox-message{white-space:pre-wrap}.reference{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.status-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 0}.total{font-size:21px;font-weight:750;color:var(--navy)}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:12px 8px;overflow-wrap:anywhere}th{color:var(--muted);font-weight:600}.price-line,.ws-delivery,.delivery{padding:12px 0;border-bottom:1px solid var(--line)}.price-lines{margin:16px 0}.price-line{display:flex;gap:14px;justify-content:space-between}.price-line>div{min-width:0}.ws-step,.steps{padding:14px 0}.draft-actions,.draft-services{display:flex;gap:12px;flex-wrap:wrap}.draft-service{border:1px solid var(--line);border-radius:10px;padding:12px}.cancel-form{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.full{grid-column:1/-1}dl{margin:16px 0}dt{font-weight:650}dd{margin:0 0 14px}.content>footer{margin-top:42px;padding:22px 0 10px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}footer span{padding:0 6px}[id]{scroll-margin-top:24px}nav[role=navigation]{display:flex;gap:12px;align-items:center;flex-wrap:wrap}nav[role=navigation] svg{width:20px;height:20px}nav[role=navigation] .hidden{display:none}nav[role=navigation] a,nav[role=navigation] span{font-size:13px}
@media(min-width:1500px){.content,.function-search{max-width:1240px}}@media(max-width:1150px){.shell{grid-template-columns:218px minmax(0,1fr)}.sidebar{padding-inline:12px}.brand{font-size:23px;gap:8px}.brand svg{width:36px}.topbar{padding-inline:28px}.content{padding-inline:28px}.function-search{padding-inline:28px}.search-panel{left:28px;right:28px}.ws-grid,.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ws-metric div{min-height:0}.settings-links{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-actions{gap:10px}.quick-actions a{padding:15px;grid-template-columns:1fr}.action-icon{grid-row:auto;margin-bottom:10px}.two,.ws-pair{grid-template-columns:1fr}.grid.two>.card{margin-bottom:0}}
@media(max-width:760px){body{font-size:15px}.shell{display:block}.sidebar{position:fixed;inset:auto 0 0;height:auto;z-index:50;overflow:visible;padding:6px 6px calc(7px + env(safe-area-inset-bottom));border-top:1px solid #ffffff1a}.sidebar>.brand,.sidebar>.nav-label,.sidebar-foot,.desktop-tools{display:none}.main-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}.nav-item{flex-direction:column;gap:5px;padding:8px 1px 7px;min-height:57px;border-radius:9px;font-size:10px;line-height:1.2;justify-content:center;font-weight:600;white-space:nowrap}.nav-item svg{width:21px;height:21px}.nav-customers{display:none}.office-more{display:block;position:static}.office-more summary{list-style:none;min-height:57px;margin:0!important}.office-more summary::-webkit-details-marker{display:none}.office-more[open] summary{background:#ffffff18;color:white}.more-panel{position:absolute;left:10px;right:10px;bottom:calc(100% + 10px);padding:16px;background:var(--navy);border:1px solid #ffffff24;border-radius:16px;box-shadow:0 -8px 40px #182b4933;max-height:65dvh;overflow:auto}.more-panel .nav-label{margin:0 8px 8px}.more-link{display:block;color:white;text-decoration:none;padding:10px;border-radius:8px;line-height:1.4;font-size:14px}.more-link small{display:block;color:#c3d0df;font-size:11px;margin-top:3px}.more-link:hover{background:#ffffff12;text-decoration:none}.topbar{padding:15px 20px;min-height:65px}.business-name{font-size:14px}.top-right button{min-height:40px}.function-search{padding:0 20px;margin-top:20px}.function-search>label{font-size:12px}.search-field input{font-size:16px;height:50px;padding-right:16px}.search-field kbd{display:none}.search-panel{left:20px;right:20px;max-height:52dvh}.content{padding:27px 20px calc(110px + env(safe-area-inset-bottom))}h1{font-size:29px;margin-bottom:10px}h2{font-size:19px}.ws-lead{font-size:14px;margin-bottom:23px}.page-heading{gap:12px;flex-wrap:wrap;margin-bottom:23px}.card{padding:21px 18px;border-radius:14px;margin-bottom:17px}.ws-grid,.stats{gap:11px;margin-bottom:26px}.ws-metric,.stat{padding:17px 15px;border-radius:13px}.ws-metric:first-child{padding-top:15px}.ws-metric div{font-size:11px;min-height:34px}.ws-metric strong{font-size:32px;margin:5px 0 9px}.ws-metric span{font-size:10px}.quick-actions{grid-template-columns:1fr;gap:9px}.quick-actions a{padding:14px 16px;grid-template-columns:36px 1fr;min-height:76px}.action-icon{grid-row:span 2;margin:0}.quick-actions strong{font-size:14px}.quick-actions small{font-size:12px}.quick-start{margin-bottom:26px}.section-head{gap:12px}.section-head h2{font-size:18px}.settings-links,.ws-setting-grid{grid-template-columns:1fr}.settings-links .card{padding:19px}.settings-group{margin-bottom:27px}.settings-panel>summary{font-size:15px}.function-directory{grid-template-columns:1fr}.ws-quote-row{gap:14px;flex-wrap:wrap}.inbox-row{display:block}.inbox-row>form{margin-top:15px}.ws-tabs{gap:6px}.ws-tabs a{font-size:12px;padding:9px 11px;min-height:44px}.ws-row-right{text-align:left}.hours-row{gap:7px}.hours-row input[type=time]{font-size:16px;padding:8px 3px}.hours-row .check{font-size:12px}input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px}.notice,.ws-notice{padding:16px;font-size:14px}.content>footer{font-size:10px;line-height:1.8}.inline{align-items:stretch}.inline input{flex-basis:100%}.compact{grid-template-columns:1fr 1fr}.compact label{font-size:12px}.page-heading>.ws-button{width:100%}.ws-quote-row .ws-button{min-height:44px}.search-panel li a{min-height:55px}.card table{font-size:12px}.cost-summary,.cost-dates,.cost-inputs{display:grid;gap:12px;grid-template-columns:1fr}.cost-sources{overflow:auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(min-width:1151px){.grid.aside{grid-template-columns:minmax(280px,.85fr) minmax(0,1.4fr)}}
.ws-row-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.ws-row-right .ws-amount{white-space:nowrap}.ws-row-right .ws-status{line-height:1.5}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.content .card:target,.content h3:target{outline:3px solid #ffab86;outline-offset:5px}
@media(max-width:760px){.ws-row-right{justify-content:flex-start}.section-head{flex-wrap:wrap}}
@media(max-width:480px){.hours-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;border-bottom:1px solid var(--line);padding:8px 0}.hours-row>label:first-child{grid-column:1/-1}.hours-row>label{min-width:0}.hours-row input[type=time]{width:100%;min-width:0;padding:8px}}
.function-search .search-field input[type=search]{padding:12px 46px 12px 48px;margin-top:0}.top-right{flex:none}.top-right button.link{white-space:nowrap}.action-icon svg{width:20px;height:20px}
@media(max-width:760px){.function-search .search-field input[type=search]{padding-right:14px}.hint{font-size:13px}}

/* Keep OFESKO visible beside the customer's workspace name, including on phones. */
.office-identity{display:flex;align-items:center;gap:24px;min-width:0}.header-brand{display:inline-flex;align-items:center;gap:8px;flex:none;text-decoration:none;color:var(--navy);font-size:20px;font-weight:800;letter-spacing:1.4px;line-height:1}.header-brand:hover{text-decoration:none}.header-brand svg{width:31px;height:31px;flex:none}.office-identity>.business-name{border-left:1px solid var(--line);padding-left:24px}
@media(max-width:760px){.topbar{align-items:flex-start;gap:16px}.office-identity{align-items:flex-start;flex-direction:column;gap:9px}.header-brand{font-size:20px;min-height:36px}.header-brand svg{width:30px;height:30px}.office-identity>.business-name{padding:0;border:0;font-size:12px;color:var(--muted);line-height:1.5}.top-right button.link{min-height:36px}}

.setup-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 25px}.setup-steps a{display:grid;grid-template-columns:30px 1fr;gap:2px 10px;align-items:center;padding:13px;background:white;border:1px solid var(--line);border-radius:11px;text-decoration:none;font-size:13px;font-weight:650;min-width:0}.setup-steps a>span{grid-row:span 2;display:grid;place-items:center;width:28px;height:28px;background:var(--tint);border-radius:50%;font-size:12px}.setup-steps a>small{font-size:10px;font-weight:400;color:var(--muted)}.setup-steps a.active{border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy)}.setup-steps a.active>span{background:var(--apricot)}.setup-form{max-width:790px}.setup-readiness{list-style:none;padding:0;line-height:2;font-size:14px}.setup-answering .section-head{margin-bottom:10px}.setup-answering p{font-size:13px}.setup-answering{border-left:4px solid var(--apricot)}button:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:760px){.setup-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.setup-steps a{font-size:12px;padding:10px;grid-template-columns:26px 1fr;gap:2px 8px}.setup-steps a>span{width:25px;height:25px}.setup-steps a>small{font-size:10px}.setup-answering p{font-size:14px}}

/* Demo-only controls, fictional records, and interactive adapters. */
.demo-ribbon{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 24px;border-bottom:1px solid #d6dfe8;background:#edf3fa;min-height:58px}.demo-ribbon p{margin:0;line-height:1.5;font-size:12px}.demo-ribbon p>strong{display:block;font-size:12px}.demo-ribbon p>span{font-size:10px;color:var(--muted)}.demo-ribbon-controls{display:flex;align-items:center;gap:16px}.demo-ribbon-controls select{margin:0;min-height:36px;padding:5px 9px;width:auto;font-size:12px}.demo-ribbon-controls button,.demo-ribbon-controls>a{font-size:11px;min-height:36px;padding:6px 10px}.demo-ribbon-controls>a{white-space:nowrap}.demo-body .shell{min-height:calc(100dvh - 58px)}.demo-sidebar .nav-item,.demo-sidebar .tool-link{width:100%;background:transparent;border:0;box-shadow:none;justify-content:flex-start;text-align:left;color:#d4deeb}.demo-sidebar .nav-item.active{color:var(--navy);background:var(--apricot)}.demo-sidebar .tool-link.active{background:#ffffff12;color:white;box-shadow:inset 3px 0 var(--apricot)}.demo-sidebar .nav-item:hover,.demo-sidebar .tool-link:hover{background:#ffffff12}.demo-sidebar .nav-item.active:hover{background:var(--apricot)}.demo-sidebar .tool-link{font-weight:400}.demo-sidebar .main-nav{gap:5px}.demo-sidebar .desktop-tools{display:grid}.demo-sidebar{top:0}.demo-exit{color:var(--muted);font-size:13px;white-space:nowrap;text-decoration:none}.demo-search{z-index:20}.demo-search-results{padding:8px}.demo-search-results button{display:flex;flex-direction:column;align-items:flex-start;width:100%;text-align:left;border:0;box-shadow:none;padding:12px;position:relative}.demo-search-results button:hover{background:var(--tint)}.demo-search-results button>span{font-size:11px;color:var(--muted);font-weight:400;padding-right:25px}.demo-search-results button>.arrow{position:absolute;right:12px;top:15px}.demo-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.demo-heading p:not(.eyebrow){color:var(--muted);font-size:15px;margin-bottom:0}.demo-heading .eyebrow{color:var(--muted);font-size:10px;letter-spacing:2px}.demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px}.demo-grid>.card{margin:0}.demo-card .metric-number{font-size:35px;line-height:1.15;font-weight:700;margin:7px 0 13px;color:var(--navy)}.demo-record{border-bottom:1px solid var(--line);padding:20px 0}.demo-record:first-child{padding-top:0}.demo-record:last-child{border:0;padding-bottom:0}.record-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:10px}.record-top h2,.record-top h3{margin-bottom:0}.record-meta{font-size:12px;color:var(--muted);margin-bottom:10px}.record-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px}.demo-photo-row{display:flex;align-items:center;gap:15px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--tint);margin-top:16px}.demo-photo-row img{width:80px;height:66px;object-fit:cover;border-radius:7px}.demo-photo-row strong{font-size:13px}.demo-photo-row p{font-size:12px;color:var(--muted);margin:5px 0}.demo-photo-row button{border:0;background:none;padding:0;min-height:35px;font-size:12px;text-decoration:underline;text-underline-offset:3px;justify-content:flex-start}.demo-form label{display:block;margin-block:17px}.demo-setting{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.demo-setting:last-child{border:0}.demo-setting p{font-size:12px;color:var(--muted);margin:5px 0 0}.demo-setting strong{font-size:14px}.setting-state{min-width:55px}.setting-state.on{background:#e6f3eb;color:#24634c}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 16px;border:1px solid #cbd3df;border-radius:9px;font-size:13px;font-weight:650;text-decoration:none;min-height:45px;cursor:pointer}.button:hover{text-decoration:none;background:var(--tint)}.button.navy{background:var(--navy);color:white;border-color:var(--navy)}.button.peach{background:var(--apricot);color:var(--navy)}.button.full{width:100%}.pill{display:inline-block;border-radius:6px;background:var(--tint);color:#526073;padding:4px 8px;font-size:11px;font-weight:650;white-space:nowrap}.pill.green{background:#e6f3eb;color:#24634c}.fine-print{font-size:12px;color:var(--muted);line-height:1.7}.estimate-lines{border-top:1px solid var(--line);margin-top:20px;padding-top:14px}.estimate-lines p{display:flex;justify-content:space-between;gap:15px;font-size:13px}.estimate-total{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:15px}.estimate-total strong{font-size:30px;letter-spacing:-.04em}.demo-notice{border:1px solid #cbd7e6;background:#edf3fa;border-radius:12px;padding:16px 18px;margin-block:18px;font-size:14px}.demo-notice a{font-weight:600}.empty-state{text-align:center;color:var(--muted);padding:25px}.demo-dialog{border:1px solid #cbd3df;border-radius:18px;width:min(600px,calc(100% - 24px));padding:26px;background:var(--paper);color:var(--ink);max-height:90dvh;overflow:auto}.demo-dialog::backdrop{background:#182b49b8}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.dialog-top h2{margin-bottom:0}.dialog-close{width:36px;height:36px;min-height:36px;padding:0;border-radius:50%;font-size:22px;flex:none}.dialog-choices{display:flex;gap:10px;flex-wrap:wrap;margin-block:20px}.dialog-choices button{flex:1;min-width:140px}.conversation{display:flex;flex-direction:column;gap:13px}.speech{max-width:90%;padding:13px 16px;background:#e9edf3;border-radius:12px;font-size:14px}.speech.caller{align-self:flex-end;background:#f6dfd0}.speech small{display:block;font-size:10px;color:var(--muted);margin-bottom:5px}.photo-dialog-image{width:100%;display:block;border-radius:12px}.demo-dialog>.hint{margin-top:20px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);background:var(--navy);color:#fff;padding:14px 20px;border-radius:11px;box-shadow:0 8px 32px #182b4933;font-size:13px;z-index:100}.demo-disclaimer{font-size:11px;color:var(--muted);margin-top:12px}.demo-bottom,.mobile-more{display:none}.arrow{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex:none}.of-answering-top{padding:1rem 1.2rem!important}.of-answering-top .section-head{margin-bottom:.3rem}.of-answering-top h2{font-size:1.2rem;margin:0}.of-answer-action{display:inline-flex;align-items:center;gap:.6rem;cursor:pointer;padding:.55rem .8rem;border:1px solid #cbd5e1;border-radius:.65rem;font-weight:700;list-style:none}.of-answering-top summary::-webkit-details-marker{display:none}.of-answer-track{display:inline-block;position:relative;width:2.6rem;height:1.5rem;border-radius:1rem;background:#718096;flex-shrink:0}.of-answer-track:after{content:'';position:absolute;left:.2rem;top:.2rem;width:1.1rem;height:1.1rem;background:#fff;border-radius:50%}.of-answer-track.on{background:#2c6b55}.of-answer-track.on:after{left:1.3rem}.of-answering-top form{margin:.6rem 0 0}.of-balance{padding:1.4rem!important;border:1px solid #d3dfdb!important;background:#edf5f1!important;margin:1rem 0 1.5rem;min-width:0}.of-balance-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.of-balance-label{font-weight:700;margin:0!important}.of-balance-number{display:block;font-size:clamp(2.2rem,7vw,3.5rem);line-height:1.15;letter-spacing:-.04em;margin:.65rem 0}.of-balance p{overflow-wrap:anywhere;margin:.65rem 0}.of-badge{display:inline-block;border-radius:99px;padding:.25rem .65rem;background:#fff;font-size:.85rem;font-weight:700}.of-balance-action{margin-top:.5rem;background:#1d304c;color:white;border:0;padding:.8rem 1.1rem}.of-balance .of-package-banner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.25rem 1rem;margin-top:1rem;padding:.7rem .9rem;border:1px solid #efd6c3;border-radius:.65rem;background:#fff4eb;font-size:.94rem;line-height:1.5}.of-package-banner p{margin:0}.of-package-banner a{display:inline-flex;align-items:center;min-height:44px;font-weight:700}.demo-setup-complete{font-size:14px;padding:14px 18px}.demo-walkthrough{border-left:4px solid var(--apricot)}
@media(max-width:1150px){.demo-heading{flex-wrap:wrap}.demo-grid{grid-template-columns:1fr}.demo-setting{align-items:flex-start}.demo-setting button{flex:none}}
@media(max-width:760px){.demo-ribbon{padding:10px 20px;align-items:flex-start;flex-direction:column;gap:8px}.demo-ribbon-controls{width:100%;gap:10px;flex-wrap:wrap}.demo-ribbon-controls select{font-size:12px;min-height:36px;max-width:160px}.demo-ribbon-controls button{font-size:11px}.demo-ribbon-controls>a{margin-left:auto;font-size:10px;padding:0}.demo-sidebar{display:none}.demo-bottom{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;background:var(--navy);padding:6px 6px calc(7px + env(safe-area-inset-bottom));border-top:1px solid #ffffff1a;z-index:50}.demo-bottom button.nav-item{border:0;background:none;box-shadow:none;color:#d4deeb;min-width:0;font-size:10px;padding:8px 1px 7px;min-height:57px}.demo-bottom button.nav-item.active{background:var(--apricot);color:var(--navy)}.demo-bottom svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}.demo-bottom button[aria-expanded=true]{background:#ffffff18;color:white}.mobile-more.open{display:block;position:fixed;bottom:calc(85px + env(safe-area-inset-bottom));z-index:60}.mobile-more .more-link{width:100%;text-align:left;justify-content:flex-start;display:block;min-height:60px;background:transparent;border:0;box-shadow:none;font-weight:400}.mobile-more .more-link:hover{background:#ffffff12}.demo-heading{margin-bottom:23px}.demo-heading p:not(.eyebrow){font-size:14px}.demo-photo-row{align-items:flex-start;padding:12px;gap:12px}.demo-photo-row img{width:65px;height:60px}.demo-photo-row button{font-size:11px}.demo-setting{gap:12px}.demo-setting p{font-size:12px}.demo-form input,.demo-form select,.demo-form textarea{font-size:16px}.demo-dialog{padding:22px}.toast{bottom:100px}.demo-disclaimer{padding-bottom:10px}.demo-bottom [data-page=appointments]{font-size:9px!important}.demo-ribbon .plain-button{min-height:36px}.record-top{gap:10px}.record-top h3{font-size:16px}.of-answering-top .of-answer-action{font-size:13px}.demo-grid{gap:17px}}

.demo-sidebar .nav-item svg,.action-icon svg{fill:none;stroke:currentColor;stroke-width:1.7}

.demo-sidebar>.brand{display:block;padding:6px 10px;margin:0 8px 28px;background:#fff;border-radius:9px}.demo-sidebar>.brand img{display:block;width:100%;height:auto}.header-brand{display:block;width:175px;min-height:0}.header-brand img{display:block;width:100%;height:auto}@media(max-width:760px){.demo-sidebar>.brand{display:none}.header-brand{width:172px}}