:root{--green:#125de7;--dark:#0c1d37;--ink:#142442;--muted:#68778f;--bg:#f5f7fc;--line:#e0e6f0;--accent:#125de7;--soft:#eef3ff}body{background:#f5f7fc;color:#142442}.sidebar{background:#fff;border-right:1px solid #e4e9f2;width:238px}.main{margin-left:238px}.brand{padding:22px 25px 10px}.studio-page-logo{width:170px;height:85px;object-fit:contain}.sidebar-new{margin:16px 20px;width:calc(100% - 40px)}.nav button{border-radius:10px}.nav button.active{background:#edf3ff;color:#155bd9;border-left-color:#155bd9}.business{background:#f7f9fd}.avatar{background:#eaf1ff;color:#155bd9}.main-content{max-width:1500px;padding:36px 42px}.topbar{background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #e6eaf2;z-index:30}.topright [data-save-status]{font-size:12px;color:#61748c}.pagehead h1{font-size:clamp(28px,3vw,42px);letter-spacing:-1.3px;color:#102342;line-height:1.15}.pagehead p{color:#6c7a90}.eyebrow{font-size:10px!important;font-weight:750;letter-spacing:1.8px;color:#5a72a0!important;text-transform:uppercase;margin:0 0 12px}.btn{border-radius:10px;border-color:#dce3ef;font-weight:600;min-height:42px}.btn.primary{background:#125de7;border-color:#125de7;color:white;box-shadow:0 3px 7px #125de71a}.btn.primary:hover{background:#104fc5}.btn.soft{background:#edf3ff;color:#245cc5}.btn:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #44c9ec;outline-offset:3px}.card{border:1px solid #e0e7f2;border-radius:16px;box-shadow:0 4px 16px #0d204004}.full{width:100%}.studio-welcome{align-items:center;margin-bottom:32px}.studio-home-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start}.section-label{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:10px;font-weight:750;letter-spacing:1.4px;color:#6a7b95}.section-label button{letter-spacing:0;font-size:12px}.composer{overflow:hidden;background:white;border-top:3px solid transparent;background-image:linear-gradient(white,white),linear-gradient(90deg,#10dbe0,#1868ff,#9c41f6);background-origin:border-box;background-clip:padding-box,border-box}.mode-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 24px 0;background:#f1f4fa;border-radius:12px;padding:5px}.mode-tabs label{position:relative;margin:0;cursor:pointer}.mode-tabs input{position:absolute;opacity:0;width:1px;height:1px}.mode-tabs span{display:block;text-align:center;padding:12px 4px;border-radius:8px;font-size:13px;color:#647490;font-weight:650}.mode-tabs input:checked+span{background:white;color:#155bd9;box-shadow:0 2px 6px #162a4010}.mode-tabs input:focus-visible+span{outline:2px solid #1868ff}.composer-body{padding:24px}.composer-label{font-size:17px;font-weight:650;color:#142442;margin-bottom:14px;display:block}.composer textarea{background:#fafbfe;border:1px solid #e3e8f1;line-height:1.75;font-size:14px;resize:vertical;min-height:165px;border-radius:12px;padding:18px}.composer textarea::placeholder{color:#8c99ae}.composer-files{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:15px;font-size:11px;color:#7a879d}.attachment-label{cursor:pointer;position:relative;overflow:hidden;background:#f1f5ff;border-radius:8px;padding:8px 12px;font-size:12px;color:#245cc5;margin:0}.attachment-label input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.composer-hint{font-size:12px;color:#748298;line-height:1.6;margin-top:18px}.composer .quote-step-footer{position:static;background:none;border-top:1px solid #edf0f6;box-shadow:none;padding:18px 0 0;margin:18px 0 0}.composer .quote-step-footer>span{font-size:11px;max-width:230px}.recent-jobs{display:grid;gap:9px}.recent-job{width:100%;display:flex;align-items:center;gap:14px;background:white;border:1px solid #e1e7f1;border-radius:12px;padding:16px;text-align:left;cursor:pointer;color:#263953}.recent-job>span:nth-child(2){flex:1;min-width:0}.recent-job strong,.recent-job small{display:block;overflow-wrap:anywhere}.recent-job small{font-size:12px;color:#7c8aa0;margin-top:4px}.job-monogram{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#eef3ff;color:#2062de;font-size:18px;font-weight:650}.day-card h2{font-size:18px}.day-card .eyebrow{margin-bottom:7px}.empty-day{padding:20px 0;font-size:14px;line-height:1.8;color:#7a879d}.today-booking{display:flex;gap:10px;align-items:flex-start;width:100%;border:0;background:transparent;text-align:left;padding:14px 0;color:#263953}.today-booking strong,.today-booking small{display:block}.today-booking small{margin-top:5px;color:#7a879d}.time-dot{height:9px;width:9px;flex-shrink:0;background:#2470ef;border-radius:50%;margin-top:5px}.time-dot.install{background:#1b9d6a}.attention-card h2{font-size:24px}.attention-card p:not(.eyebrow){font-size:13px;color:#7a879d}.chat-intro{padding:24px;border-radius:16px;margin-top:20px;background:linear-gradient(125deg,#e4faff,#edf1ff 55%,#f1e8ff);border:1px solid #dfe8fb}.chat-intro p{font-size:13px;color:#586e91;line-height:1.7}.chat-brand{display:flex;gap:9px;align-items:center;color:#264ad0}.chat-launch{position:fixed;bottom:22px;right:24px;border:1px solid #ffffff70;border-radius:30px;padding:13px 20px;background:linear-gradient(110deg,#067eac,#155cea 55%,#8644d9);box-shadow:0 5px 20px #223b9c40;color:white;z-index:70;font-size:14px;font-weight:650;cursor:pointer}.chat-panel{position:fixed;top:82px;bottom:83px;right:24px;width:min(410px,calc(100vw - 24px));border:1px solid #dce4f4;border-radius:18px;background:#fff;box-shadow:0 15px 65px #182d4b30;z-index:69;display:flex;flex-direction:column;overflow:hidden}.chat-panel header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #edf1fa;background:linear-gradient(100deg,#e8fcff,#f3edff)}.chat-caption{font-size:12px;color:#73819b;margin:12px 18px 0}.chat-quick{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 18px}.chat-quick button{font-size:12px;min-height:36px;padding:6px}.chat-output{padding:8px 20px;overflow:auto;flex:1;font-size:14px;line-height:1.65;min-height:80px}.chat-output .chat-answer{white-space:pre-wrap}.chat-output h3{font-size:19px;line-height:1.4}.brief-item{padding:10px 0;border-bottom:1px solid #e9eef8}.brief-item strong,.brief-item small{display:block}.brief-item small{color:#78859a;margin-top:4px}.chat-panel form{display:flex;gap:8px;padding:12px;border-top:1px solid #e5eaf3}.chat-panel textarea{min-width:0;font-size:13px}.chat-panel footer{font-size:10px;color:#8290a5;padding:0 12px 10px}.task-list{display:grid;gap:12px}.task-card{padding:20px;display:flex;gap:16px}.task-check input{width:21px;height:21px;accent-color:#1963e6}.task-content{flex:1;min-width:0}.task-content>strong{font-size:16px;overflow-wrap:anywhere}.task-content>small{display:block;color:#7a879d;margin:7px 0}.task-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:15px 0}.task-controls label{font-size:11px}.task-controls input,.task-controls select{font-size:13px;padding:8px;min-width:0}.task-card.complete{opacity:.65}.task-card.complete .task-content>strong{text-decoration:line-through}.task-content .morelink{margin-right:16px}.stock-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.stock-card{border:1px solid #e1e7f1;border-radius:12px;padding:20px}.stock-card h3{margin-top:14px}.order-row{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:18px 0;border-bottom:1px solid #e1e7f1}.order-row p{font-size:13px}.quote-steps button.active{color:#145be0;background:#edf3ff;border-bottom-color:#145be0}.quote-steps button.active span{background:#145be0}.login-layout{background:radial-gradient(ellipse at 10% 10%,#cefaff,transparent 50%),radial-gradient(ellipse at 90% 90%,#e9dcff,transparent 50%),#f5f8ff}.login-button.primary{background:linear-gradient(100deg,#0879d8,#2456e9,#8249d7)}.login-panel{border-color:#dce5f4}.studio-home-grid>*,.main-content>*,.task-content{min-width:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1500px){.studio-home-grid{grid-template-columns:minmax(0,1fr) 340px}}
@media(max-width:1150px){.studio-home-grid{grid-template-columns:minmax(0,1fr) 265px;gap:20px}.main-content{padding:28px 24px}.sidebar{width:215px}.main{margin-left:215px}.studio-welcome{align-items:flex-start}.studio-welcome .actions{max-width:185px}.task-controls{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.sidebar{width:238px}.main{margin-left:0}.studio-home-grid{grid-template-columns:minmax(0,1fr) 280px}.studio-welcome .actions{max-width:none}.main-content{padding:25px 20px}}
@media(max-width:680px){.main-content{padding:24px 16px 100px}.studio-home-grid{grid-template-columns:1fr}.studio-welcome{display:block}.studio-welcome .actions{margin-top:18px}.studio-welcome h1{font-size:32px}.composer-body{padding:18px}.mode-tabs{margin:15px 15px 0}.mode-tabs span{font-size:12px}.composer textarea{font-size:16px;min-height:195px}.composer .quote-step-footer{align-items:flex-start;gap:14px}.composer .quote-step-footer>span{max-width:none}.composer .quote-step-actions{width:100%;display:flex;justify-content:flex-end}.recent-job{padding:14px 10px;gap:10px}.recent-job .pill{font-size:10px}.chat-panel{top:70px;bottom:82px;right:12px}.chat-launch{right:16px;bottom:18px}.task-card{padding:16px 12px;gap:10px}.task-controls{grid-template-columns:1fr 1fr}.order-row{align-items:flex-start;flex-direction:column}.pagehead .actions{flex-wrap:wrap}.day-column-card{display:grid;gap:16px}.day-column-card .sectiongap,.chat-intro{margin-top:0}.topbar{padding-inline:16px}.topright [data-save-status]{max-width:130px;font-size:10px;line-height:1.5}.statusfooter{padding-bottom:25px}.quote-steps button{font-size:12px;padding:10px 2px}}
@media print{#chattint-root{display:none!important}}
#job-brief>.mode-tabs{margin:18px 0 22px}.printing-pack #app,.printing-pack #toast,.printing-pack #chattint-root{display:none!important}
@media print{body.printing-pack #modal-root{position:static!important;display:block!important}body.printing-pack .modal-overlay{display:block!important;position:static!important;padding:0!important;background:white!important}body.printing-pack .modal{position:static!important;max-height:none!important;max-width:none!important;box-shadow:none!important;overflow:visible!important}body.printing-pack .modal-body{overflow:visible!important;max-height:none!important}body.printing-pack .modal-header,body.printing-pack .btn{display:none!important}.installer-pack section,.installer-pack figure{break-inside:avoid}.installer-pack{color:#132642;font-size:11pt}}
.stock-sheet{border-top:1px solid #dbe5f3;margin-top:24px;padding-top:12px}.stock-sheet svg{display:block}.stock-sheet li{margin:7px 0}.stock-confirm{border-top:1px solid #dbe5f3;margin-top:24px;padding-top:20px}@media print{.stock-confirm{display:none!important}.stock-sheet{break-before:page;break-inside:avoid}.stock-sheet svg{max-height:550px!important}.stock-plan{font-size:10pt}.stock-plan .notice{break-before:page}}
/* Navigation is a separate, touch-scrollable surface on every screen size. */
.sidebar{height:100vh;height:100dvh;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding-bottom:max(24px,env(safe-area-inset-bottom));scrollbar-gutter:stable}
.sidebar>*{flex-shrink:0}.sidebottom{position:static}.sidefoot{display:flex;flex-direction:column;align-items:stretch;margin:18px 2px 0}.sidefoot .btn{min-height:44px}.account-identity{display:grid;gap:5px;min-width:0;overflow-wrap:anywhere}.account-identity strong{font-size:18px}.account-identity span{font-size:13px}.account-identity small{color:var(--muted)}.account-card{margin-bottom:22px}.account-shortcut{border:1px solid var(--line);border-radius:12px;background:white;padding:8px 12px;min-height:44px;font-weight:700;color:var(--ink);cursor:pointer}.account-shortcut span{display:block;font-size:11px;font-weight:400}.drawer-close{display:none}.topright{display:flex;align-items:center;gap:12px}
@media(max-width:850px){
 body.navigation-open{position:fixed;left:0;right:0;overflow:hidden;width:100%}
 .sidebar{width:min(86vw,320px);padding-top:max(14px,env(safe-area-inset-top));z-index:1002;touch-action:pan-y}
 .menuoverlay.open{z-index:1001;touch-action:none}
 .drawer-close{display:block;align-self:flex-end;min-width:70px;min-height:44px;border:1px solid var(--line);border-radius:12px;background:white;color:var(--ink);margin-bottom:8px}
 .sidebar .nav button{min-height:46px}.sidebar .brand{margin-top:0}.topbar{gap:8px;padding:10px 14px;min-height:64px;position:sticky;top:0;z-index:35}.topbar>.actions{min-width:0;flex:1}.topright{display:flex!important;flex-shrink:0}.topright>[data-save-status]{display:none}.account-shortcut{max-width:125px;overflow-wrap:anywhere;font-size:13px}.topbar .breadcrumb{min-width:0;overflow:hidden}.mobile-menu{min-height:44px;min-width:44px}.account-card .actions{display:grid;grid-template-columns:1fr}.account-card .btn{white-space:normal;min-height:48px}
}
@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}