@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=DM+Sans:wght@400;450;500;600;650;700&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#272930;background:#f5f6f8;font-size:16px;font-synthesis:none;--red:#c51f2d;--red-dark:#a71522;--muted:#626873;--line:#e2e4e8;--soft:#f9f0f1}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;background:white;border:1px solid #d8dbe0;border-radius:7px;padding:10px 15px;color:inherit;font-size:.875rem;font-weight:600;transition:background .15s,border-color .15s}button:hover{background:#f3f4f6;border-color:#a6aab2}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #557be4;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{width:100%;background:#fff;border:1px solid #d6d9df;border-radius:6px;padding:10px 11px;min-height:42px;color:#262930;font-size:.875rem}textarea{resize:vertical;line-height:1.6}label{display:flex;flex-direction:column;gap:7px;font-size:.875rem;font-weight:500;color:#555b65}p{line-height:1.55}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{color:#22252b}h1{font-family:'Barlow Condensed',system-ui,sans-serif;letter-spacing:-.02em;font-size:2.8rem;line-height:1.06;font-weight:600;margin-bottom:12px}h2{font-size:1.25rem}h3{font-size:1.1rem;margin-bottom:15px}small{font-size:.8rem}.primary{background:var(--red);border-color:var(--red);color:#fff}.primary:hover{background:var(--red-dark);border-color:var(--red-dark)}.subtle{background:#f6f7f9}.small{font-size:.8125rem;padding:7px 10px}.link,.textbutton{border:0;background:none;padding:0;color:var(--red);text-align:left}.link:hover,.textbutton:hover{background:none;text-decoration:underline}.quiet{color:var(--muted);font-size:.875rem}.red-text{color:var(--red)}.danger-outline{border-color:#df9ca2;color:var(--red)}
.sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:2}.brand{height:103px;overflow:hidden;margin:0 22px;border-bottom:1px solid var(--line);position:relative}.brand img{width:196px;height:196px;object-fit:contain;position:absolute;left:0;top:-30px}.product{font-size:1.15rem;line-height:1.25;padding:24px 24px 22px;color:#7b818b}.product strong{font-weight:650;color:#25272d}nav{padding:0 12px;display:grid;gap:5px}.nav{border:0;background:none;width:100%;text-align:left;display:flex;align-items:center;gap:12px;font-weight:500;padding:13px 12px;white-space:nowrap}.nav>span{font-size:1.2rem;width:19px;text-align:center;color:#747b85}.nav.active{color:var(--red);background:var(--soft)}.nav.active>span{color:var(--red)}.nav>b,.nav>small{margin-left:auto;background:var(--red);color:white;border-radius:5px;padding:2px 7px;font-size:.75rem}.nav>small{background:#e9ebef;color:#555}.sidebar-bottom{margin-top:auto;padding:28px 24px}.demo-pill{letter-spacing:.11em;font-size:.6875rem;font-weight:700;color:var(--red)}.sidebar-bottom p{font-size:.8125rem;color:#7a808a;margin:10px 0 15px}main{margin-left:240px;min-height:100vh}.topbar{height:76px;display:flex;align-items:center;padding:0 34px;border-bottom:1px solid var(--line);background:#fff;gap:16px}.breadcrumb{font-size:.875rem;font-weight:600}.breadcrumb span{padding:0 12px;color:#b0b3b9}.role{margin-left:auto;display:flex;flex-direction:row;align-items:center;gap:10px;font-size:.8125rem}.role select{width:132px;min-height:36px;padding:7px 10px}.avatar,.initials{background:#f5e6e8;color:#ad2530;border:1px solid #eed4d7;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.avatar{border-radius:50%;width:36px;height:36px}.demo-bar{padding:9px 34px;font-size:.75rem;color:#6d727b;border-bottom:1px solid var(--line);background:#fbfcfd;line-height:1.5}.demo-bar span{font-weight:700;color:var(--red);margin-right:14px;font-size:.68rem;letter-spacing:.09em}.workspace{padding:32px 34px 40px;min-height:calc(100vh - 185px)}.heading{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:27px}.eyebrow{font-size:.7rem;font-weight:700;color:var(--red);letter-spacing:.12em;margin-bottom:13px}.heading p{color:#727882;font-size:.875rem;margin:0}.heading-actions{flex-shrink:0}.metrics,.overview-stats{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:25px}.metrics>div,.overview-stats>div{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-right:1px solid var(--line)}.metrics>div:last-child,.overview-stats>div:last-child{border:0}.metrics span,.overview-stats span{font-size:.8125rem;color:#6e747e}.metrics strong,.overview-stats strong{font-family:'Barlow Condensed',system-ui;font-size:2rem;font-weight:600}.filters{display:flex;align-items:flex-end;gap:12px;margin-bottom:18px}.filters>label{min-width:130px;font-size:.75rem}.filters .search{min-width:200px;flex:1;max-width:350px}.filters input,.filters select{font-size:.8125rem;min-height:40px}.filters>button{min-height:40px}.board-help{font-size:.75rem;color:#858b95;display:flex;justify-content:space-between;margin-bottom:15px}.board{display:grid;grid-auto-flow:column;grid-auto-columns:286px;gap:16px;overflow-x:auto;padding-bottom:22px;align-items:start;scrollbar-color:#c5c8cf #e9ebef;scrollbar-width:thin}.board.sales-board{grid-auto-columns:minmax(260px,1fr)}.column{background:#eceedf00;border-radius:9px;min-height:420px}.column-title{display:flex;gap:9px;align-items:center;padding:0 2px 16px;border-bottom:2px solid #dfe2e7;margin-bottom:14px;min-height:52px}.column:first-child .column-title{border-color:var(--red)}.stage-num{font-size:.68rem;color:#9298a2}.column-title h2{font-size:.875rem;margin:0;font-weight:650;line-height:1.25}.column-title>b{font-size:.75rem;color:#707780;background:#e7e9ed;border-radius:4px;min-width:23px;padding:3px 6px;text-align:center;margin-left:auto}.column-cards{display:grid;gap:14px}.card{background:white;border:1px solid #e1e3e8;box-shadow:0 3px 5px #1b243a04;border-radius:9px;padding:17px 16px;min-width:0;transition:box-shadow .15s}.card:hover{box-shadow:0 5px 16px #1b243a0c}.card[draggable=true]{cursor:grab}.card-top{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:14px}.record-id{font-size:.6875rem;letter-spacing:.03em;color:#979ca6}.chip{display:inline-block;padding:4px 7px;background:#f0f2f5;border-radius:4px;color:#68707c;font-size:.6875rem;font-weight:600;line-height:1.35}.chip.red{background:#fae9eb;color:#b5212e}.card-name{display:block;border:0;padding:0;text-align:left;font-size:1rem;font-weight:650;line-height:1.4;border-radius:2px}.card-name:hover{background:none;color:var(--red)}.cart-name{font-size:.8125rem;color:#717781;margin-top:4px}.card-meta{display:flex;justify-content:space-between;font-size:.75rem;color:#898e97;margin:15px 0 12px}.waiting{font-size:.75rem;color:#a96619;background:#fff6e9;display:inline-block;padding:5px 7px;border-radius:4px;margin-bottom:5px}.tags{display:flex;gap:5px;flex-wrap:wrap;margin:9px 0}.next-action{padding:12px 0}.next-action>span{font-size:.65rem;letter-spacing:.05em;color:#969ba5;font-weight:650}.next-action p{font-size:.8125rem;margin:5px 0 0;font-weight:500;line-height:1.45}.latest{border-top:1px solid #eff0f3;padding:13px 0 3px;min-height:80px}.latest>div{font-size:.65rem;color:#8e95a0;line-height:1.4}.latest>p{font-size:.75rem;color:#737a85;line-height:1.5;margin:6px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.empty-latest{font-size:.75rem;color:#969ca6}.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:11px}.attention-label{font-size:.6875rem;color:#ba2935;line-height:1.4}.card-bottom .quiet{font-size:.6875rem}.card-bottom .small{font-size:.6875rem;border:0;background:#f5f6f8;white-space:nowrap}.service-link{font-size:.75rem;display:block;margin-top:14px}.empty-column{border:1px dashed #d8dbe2;border-radius:9px;padding:32px 20px;text-align:center;font-size:.8125rem;color:#9ba0a9;line-height:1.6}.drag-over{outline:2px dashed var(--red);outline-offset:4px}.large-count{font-size:.875rem;color:var(--red);font-weight:600}.queue{display:grid;gap:18px;max-width:1100px}.queue-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:24px}.queue-title{display:flex;gap:14px;align-items:center;margin-bottom:24px}.queue-title>.chip{margin-left:auto}.initials{width:43px;height:43px;border-radius:9px;font-size:.875rem}.queue-title p{font-size:.8125rem;color:#7d838e;margin:3px 0 0}.queue-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.queue-facts span,.queue-facts strong,.queue-facts small{display:block}.queue-facts span{font-size:.75rem;color:#8a909a;margin-bottom:7px}.queue-facts strong{font-size:.875rem;font-weight:500}.queue-facts small{color:#8c7047;margin-top:5px}.queue-card blockquote{margin:22px 0;border-left:3px solid #e6e8ed;padding:8px 15px;color:#717781;font-size:.875rem;background:#fafbfc}.queue-card blockquote small{display:block;color:#9ba1ab;margin-bottom:5px}.row-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px}.row-actions .link{margin-left:auto}.coverage{background:#f1f3f7;border:1px solid #e4e7ed;border-radius:7px;color:#737c89;font-size:.8125rem;padding:13px 15px;line-height:1.6;margin-bottom:20px}.coverage b{color:#525e70;margin-right:8px}.customer-grid,.archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:18px}.customer-card{border:1px solid var(--line);border-radius:10px;background:#fff;padding:23px}.customer-card>.initials{margin-bottom:16px}.customer-card>p{font-size:.8125rem;color:#747c87;margin:9px 0 15px;line-height:1.8;overflow-wrap:anywhere}.customer-card>button.subtle{width:100%;margin-top:6px}.task-list{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.task{padding:22px;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line)}.task:last-child{border:0}.checkbutton{width:24px;height:24px;min-width:24px;padding:0;border-radius:6px;border:1.5px solid #c9cdd5}.checkbutton.checked{background:var(--red);border-color:var(--red);color:white}.task-main{flex:1}.task-title{font-size:.9375rem;border:0;padding:0;text-align:left}.task-main p{margin:5px 0 0;font-size:.75rem;color:#8a909c}.task.done .task-title{text-decoration:line-through;color:#9b9fa7}.task-due{font-size:.8125rem;white-space:nowrap}.task-due small{display:block;color:#9096a0;margin-top:5px}.overview-stats{grid-template-columns:repeat(3,1fr)}.exception-list{display:grid;gap:12px}.exception-list article{padding:20px;background:#fff;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:25px}.exception-list article>div:first-child{flex:1;min-width:230px}.exception-list .card-name{margin-top:7px}.exception-list p{font-size:.8125rem;margin:5px 0 0;color:#858c96}.exception-tags{max-width:45%;display:flex;flex-wrap:wrap;gap:5px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.panel{padding:26px;border:1px solid var(--line);border-radius:10px;background:white}.panel>p{font-size:.875rem;color:#78808c}.panel h3{margin-top:26px}.connection-list>div,.connection-row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #eceef2;gap:12px}.connection-list strong,.connection-row strong{font-size:.875rem;font-weight:500}.connection-list small{display:block;color:#999fa8;margin-top:6px}.connection-row{padding:20px 0}.connection-row+.coverage{margin-top:20px}.empty{text-align:center;padding:50px 24px;grid-column:1/-1;color:#8a929e;border:1px dashed #d9dee6;border-radius:10px}.empty h3{font-size:1.05rem;font-weight:500;color:#717b89}.empty p{font-size:.875rem;margin:0}footer{padding:10px 34px 20px;font-size:.7rem;color:#a0a5ae}
dialog{border:1px solid #d9dde4;border-radius:14px;box-shadow:0 20px 90px #131c3633;width:min(880px,calc(100% - 40px));max-height:90vh;padding:28px;color:#272930;position:fixed}dialog::backdrop{background:#1a243963;backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.modal-head h2{font-family:'Barlow Condensed',system-ui;font-size:2rem;margin-bottom:5px}.modal-head p{color:#828994;font-size:.875rem;margin:0}.modal-head>button{font-size:1.4rem;border:0;line-height:1;padding:7px 11px;color:#8c929d}.modal-head .eyebrow{margin-bottom:8px}.record-summary{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}.detail-tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:25px;overflow:auto}.detail-tabs button{border:0;border-radius:0;font-size:.8125rem;color:#838b97;white-space:nowrap;padding:14px 16px}.detail-tabs button.selected{border-bottom:2px solid var(--red);color:var(--red)}fieldset{border:0;margin:0;padding:0;min-width:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.wide{grid-column:1/-1}details{border:1px solid #e3e6ec;border-radius:7px;padding:14px 16px;margin:22px 0;background:#fcfcfd}summary{cursor:pointer;color:#606b7b;font-size:.875rem;font-weight:600}details[open]>summary{margin-bottom:20px}.check-label{display:flex;flex-direction:row;align-items:center;gap:10px;font-size:.875rem;font-weight:400;line-height:1.5}.check-label input{width:18px;height:18px;min-height:18px;accent-color:var(--red);flex-shrink:0}.form-actions{display:flex;align-items:center;gap:16px;margin:24px 0}.form-actions span{font-size:.8125rem;color:#8c95a2}.stage-control{padding:20px;background:#f6f7fa;border-radius:8px;display:flex;align-items:flex-end;gap:14px;margin:24px 0}.stage-control>label{flex:1}.stage-control>button{min-height:42px}.qc-panel{padding:22px;border:1px solid #e1ccd0;border-radius:8px;background:#fffafb;margin:25px 0}.qc-panel .check-label{margin-bottom:13px}.qc-panel textarea{margin-bottom:18px}.missing{padding:17px;background:#f8f9fb;color:#88909d;border-radius:7px}.missing h4{margin:0 0 7px;font-size:.8125rem;font-weight:500}.missing p{font-size:.8125rem;margin:0}.timeline-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.timeline-heading h3{margin-bottom:5px}.timeline-heading p{font-size:.8125rem;color:#848c98}.timeline-heading label{min-width:125px}.linked-records{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.timeline-event{display:flex;gap:15px;position:relative;padding-bottom:26px}.timeline-event:before{content:'';position:absolute;top:32px;bottom:0;width:1px;background:#e5e8ee;left:16px}.timeline-event:last-child:before{display:none}.timeline-marker{width:33px;height:33px;background:#f0f2f6;color:#727e91;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.outgoing .timeline-marker{background:#f9e9eb;color:#b42c38}.timeline-content{flex:1;min-width:0;border:1px solid #e5e8ee;border-radius:8px;padding:17px 19px}.timeline-content header{display:flex;justify-content:space-between;gap:10px;font-size:.8125rem;margin-bottom:8px}.timeline-content header time{font-size:.75rem;color:#9ba2ad}.timeline-content>.quiet{font-size:.75rem}.timeline-content>p{font-size:.875rem;margin:12px 0;white-space:pre-wrap;overflow-wrap:anywhere}.timeline-content details{margin:12px 0;padding:10px 13px}.timeline-content details summary{font-size:.8125rem}.transcript{font-size:.875rem;white-space:pre-wrap}.source-ref{color:#a0a7b3;font-size:.6875rem;overflow-wrap:anywhere}.recording{padding:12px 0;display:flex;align-items:center;gap:12px}.recording button{font-size:.75rem}.recording .quiet{font-size:.75rem}.compose-intro p{font-size:.875rem;color:#8a929f}.compose-intro h3{margin-bottom:8px}.note{padding:15px 0;border-bottom:1px solid var(--line)}.note p{font-size:.875rem;margin:5px 0;color:#677282;white-space:pre-wrap}.note small{color:#8c96a4}.note+h3,#note-form{margin-top:25px}#note-form button{margin-top:12px}.oauth-steps{margin:30px 0;display:grid;gap:18px}.oauth-steps>div{display:flex;align-items:center;gap:14px;font-size:.9375rem}.oauth-steps b{border-radius:50%;background:#faeaec;color:var(--red);width:30px;height:30px;display:flex;align-items:center;justify-content:center}.guide{padding-left:23px;line-height:1.6}.guide li{padding-bottom:15px}#gmail-result{color:var(--red);font-size:.875rem;margin-top:16px}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:#242b37;color:white;border-radius:9px;padding:14px 22px;font-size:.875rem;box-shadow:0 7px 30px #17213233;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100% - 30px);z-index:100}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1800px){.board{grid-auto-columns:minmax(250px,1fr)}}@media(max-width:1150px){.sidebar{width:210px}.brand{margin:0 14px}.brand img{width:182px;height:182px;top:-26px}.nav{font-size:.8125rem;padding:12px 10px;gap:8px}.product{padding-left:22px}main{margin-left:210px}.workspace{padding:26px 22px}.topbar{padding:0 22px}.demo-bar{padding:9px 22px}.metrics>div{padding:15px}.metrics span{font-size:.75rem}.filters{flex-wrap:wrap}.filters .search{max-width:none}.settings-grid{grid-template-columns:1fr}.heading h1{font-size:2.5rem}.queue-facts{grid-template-columns:repeat(2,1fr)}.exception-list article{flex-wrap:wrap}.exception-tags{max-width:none;flex:1}}
@media(max-width:760px){.sidebar{position:static;width:100%;height:auto;display:block;border:0;border-bottom:1px solid var(--line);padding-top:0}.brand{height:70px;width:165px;margin-left:15px;border:0}.brand img{width:165px;height:165px;top:-26px}.product{position:absolute;top:20px;right:20px;padding:0;font-size:1rem;text-align:right}nav{display:flex;overflow-x:auto;padding:4px 12px 10px;gap:6px}nav .nav{width:auto;flex-shrink:0;padding:10px 12px;font-size:.8125rem}nav .nav>span{display:none}.sidebar-bottom{display:none}main{margin-left:0}.topbar{height:57px;padding:0 18px}.breadcrumb{font-size:.75rem;white-space:nowrap}.breadcrumb span{padding:0 7px}.role{font-size:0;gap:0}.role select{font-size:.75rem;width:110px}.avatar{display:none}.demo-bar{padding:10px 18px;font-size:.7rem}.demo-bar span{display:block;font-size:.625rem}.workspace{padding:25px 18px}.heading{align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:22px}.heading h1{font-size:2.5rem}.heading .eyebrow{font-size:.65rem}.heading p{font-size:.8125rem}.heading-actions{width:100%}.heading-actions>.primary{width:100%}.metrics{grid-template-columns:repeat(2,1fr);margin-bottom:22px}.metrics>div{padding:12px 14px;border-bottom:1px solid var(--line)}.metrics>div:nth-child(2){border-right:0}.metrics>div:nth-child(3),.metrics>div:nth-child(4){border-bottom:0}.metrics strong{font-size:1.8rem}.filters{gap:10px}.filters>.search{width:100%;max-width:none;flex:auto}.filters>label{min-width:0;flex:1}.filters>button{padding:9px}.board-help{font-size:.6875rem;gap:15px}.board,.board.sales-board{display:flex;flex-direction:column;gap:26px;overflow:visible}.column{width:100%;min-height:0}.column-title{padding-bottom:12px;min-height:0}.column-title h2{font-size:1rem}.column-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.empty-column{padding:18px}.card{padding:19px}.card-name{font-size:1.0625rem}.cart-name,.next-action p{font-size:.875rem}.record-id,.card-meta,.latest>div,.card-bottom .small,.attention-label{font-size:.75rem}.latest>p{font-size:.8125rem}.latest{min-height:auto;padding-bottom:8px}.card-bottom{margin-top:4px}.next-action>span{font-size:.7rem}.chip{font-size:.75rem}.queue-card{padding:18px}.queue-title{flex-wrap:wrap;gap:10px}.queue-title>.chip{margin-left:53px}.queue-facts{gap:20px 12px}.queue-facts strong{font-size:.8125rem}.row-actions>button{flex:1;min-width:150px}.row-actions .link{margin:8px 0;font-size:.8125rem}.task{padding:18px;flex-wrap:wrap;gap:12px}.task-main{min-width:220px}.task-due{margin-left:36px;flex:1}.task>button.small{margin-left:auto}.overview-stats>div{display:block;padding:16px}.overview-stats strong{display:block;margin-top:10px}.overview-stats span{font-size:.75rem}.exception-list article{padding:19px;gap:15px}.exception-list article>div:first-child{min-width:100%}.exception-list article>button{margin-left:auto}.settings-grid .panel{padding:20px}.connection-list button{font-size:.75rem;padding:8px}.connection-row{align-items:flex-start}.connection-row strong{max-width:65%}footer{padding:10px 18px 22px;line-height:1.6;font-size:.65rem}dialog{width:calc(100% - 16px);max-height:95dvh;padding:20px 16px;border-radius:11px}.modal-head{gap:12px}.modal-head h2{font-size:1.85rem}.detail-tabs{margin-left:-6px;margin-right:-6px}.detail-tabs button{font-size:.75rem;padding:13px 10px}.form-grid{grid-template-columns:1fr;gap:17px}.form-grid input,.form-grid select,.form-grid textarea{font-size:1rem}.wide{grid-column:auto}.stage-control{padding:15px;flex-wrap:wrap}.stage-control>label{width:100%;flex:auto}.stage-control>button{width:100%}.form-actions{align-items:flex-start;flex-direction:column}.form-actions button{width:100%}.timeline-heading{display:block}.timeline-heading label{margin:18px 0}.timeline-event{gap:9px}.timeline-marker{width:27px;height:27px}.timeline-event:before{left:13px}.timeline-content{padding:14px 12px}.timeline-content header{display:block;line-height:1.6}.timeline-content header time{display:block}.recording{flex-direction:column;align-items:flex-start}.qc-panel{padding:16px}.modal-head>button{padding:7px}.customer-grid{grid-template-columns:1fr}.panel .form-grid{grid-template-columns:1fr}#toast{width:calc(100% - 24px);text-align:center;bottom:15px}.oauth-steps>div{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.sidebar{overflow-y:auto}.brand{flex-shrink:0;min-height:103px}.sidebar-bottom{flex-shrink:0}.cart-name,.next-action p,.latest>p,.card-meta,.attention-label,.card-bottom .small,.filters>label,.filters input,.filters select,.queue-facts span,.task-main p,.task-due,.customer-card>p{font-size:.875rem}.next-action>span{font-size:.875rem;letter-spacing:0}.card-meta{flex-wrap:wrap;gap:6px}.card-top .chip{font-size:.75rem}.latest>div{font-size:.75rem}.card-bottom{flex-wrap:wrap}.dialog-status{position:sticky;bottom:0;background:#fff2e0;color:#774513;border:1px solid #e5c697;border-radius:7px;padding:14px;margin-top:18px;font-size:.875rem;box-shadow:0 0 18px #fff}.dialog-status[hidden]{display:none}.timeline-content .quiet{overflow-wrap:anywhere}.product{padding-top:17px;padding-bottom:18px}
@media(max-width:760px){.brand{min-height:70px}.product{padding:0}.card-meta{font-size:.8125rem}.sidebar{overflow:visible}.heading h1{font-size:2.3rem}}

.dialog-status{position:static;box-shadow:none}
.dispatch-controls{display:flex;gap:18px;align-items:end;flex-wrap:wrap;margin:22px 0}.dispatch-controls label{min-width:180px}.dispatch-board{display:grid;grid-template-columns:repeat(3,minmax(280px,1fr));gap:18px;overflow-x:auto;padding-bottom:20px}.dispatch-column{background:#eef0f3;border:1px solid #e0e3e8;border-radius:12px;padding:14px;min-height:340px}.dispatch-column.drag-over{outline:3px solid #c51f2d;outline-offset:-3px}.route-card{background:white;border:1px solid #dfe2e7;border-radius:10px;padding:18px;margin:14px 0;box-shadow:0 2px 6px #17213b08;overflow-wrap:anywhere}.route-card h3{margin:12px 0 8px}.route-card p{font-size:.875rem;margin:9px 0}.route-card .row-actions{margin:14px 0;flex-wrap:wrap}.route-card .link{font-size:.8rem}.stop-address{padding:12px;background:#f7f8fa;border-radius:7px}.stop-address b{font-size:.75rem;color:#626873}.stop-address p{white-space:pre-wrap}.route-done{border-left:4px solid #39815f}.driver-route{max-width:850px}.driver-route .route-card{padding:24px}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.inventory-card{border:1px solid #e0e3e8;background:white;border-radius:12px;padding:24px}.inventory-card p{font-size:.875rem;color:#626873}.inventory-art{height:90px;background:#f6f1f2;color:#c51f2d;border-radius:8px;font-size:4rem;text-align:center;margin:18px 0}.inventory-card h2{margin:14px 0}.customer-status{padding:18px;background:#f3f6fb;border:1px solid #dce3ee;border-radius:8px;display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.customer-status small,.customer-status strong,.customer-status span{display:block}.customer-status small{font-size:.7rem;letter-spacing:.08em;color:#626873}.customer-status strong{margin:6px 0}.customer-status span{font-size:.8rem;color:#626873}.transport-actions{margin:16px 0}
@media(max-width:760px){.dispatch-board{grid-template-columns:repeat(3,280px);margin-right:-18px}.dispatch-controls>label{flex:1;min-width:140px}.dispatch-controls>button{width:100%}.driver-route .route-card{padding:17px}.customer-status{align-items:stretch;flex-direction:column}.inventory-grid{grid-template-columns:1fr}}

[hidden]{display:none!important}.product{display:flex;align-items:center;gap:10px}.cruiser-mascot{width:58px;height:76px;object-fit:contain;border-radius:10px;background:#f6ecdb}.admin-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px;margin:20px 0}.schedule-day{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px;padding:10px 0;border-bottom:1px solid #ddd;align-items:center}.schedule-day input[type=checkbox]{width:auto}.schedule-day label{font-size:13px}.button{display:inline-block;padding:10px 14px;border:1px solid #ddd;border-radius:8px}.settings-grid .wide{grid-column:1/-1}.route-card p{overflow-wrap:anywhere}.detail-tabs{flex-wrap:wrap}@media(max-width:650px){.schedule-day{grid-template-columns:1fr 1fr}.schedule-day>label:first-child{grid-column:1/-1}}

.deadline-banner{margin-bottom:24px}.deadline-banner h2{margin:0}.service-clock{margin-bottom:20px}.tech-board{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:28px}.tech-board .dispatch-column{min-width:280px}.service-clock .record-summary{flex-wrap:wrap}

.product{justify-content:center;padding:8px 24px}.product>div{display:none}.cruiser-mascot{width:146px;height:146px;object-fit:contain;background:#fff;border-radius:8px}#profile-pilot details{margin:14px 0}#profile-pilot .schedule-day{padding:8px 0}#lead-inventory-fields,#lead-temporary-fields{margin-top:16px}

/* Keep both brands in normal flow above the horizontally scrolling mobile menu. */
@media(max-width:760px){
 .sidebar{display:grid;grid-template-columns:minmax(0,1fr) 84px;align-items:center;overflow:visible}
 .sidebar .brand{grid-column:1;grid-row:1;width:165px;max-width:100%;height:76px;min-height:76px;margin:0 0 0 12px}
 .sidebar .product{grid-column:2;grid-row:1;position:static;inset:auto;padding:4px 8px 4px 0;margin:0;min-width:0;height:76px}
 .sidebar .cruiser-mascot{width:68px;height:68px;max-width:100%;flex-shrink:0}
 .sidebar nav{grid-column:1/-1;grid-row:2;min-width:0;position:relative;overflow-x:auto;touch-action:pan-x}
}

.signature-block canvas{display:block;width:100%;height:150px;touch-action:none;border:2px solid #b8c1cb;border-radius:8px;background:#fff;margin:10px 0}.proof-image{display:block;max-width:100%;max-height:320px;object-fit:contain;margin:12px 0}.document-list{display:grid;gap:12px;margin:20px 0}.document-preview{border:1px solid #ddd;padding:20px;margin:16px 0;border-radius:8px}.preserve-lines{white-space:pre-wrap}.document-preview p{overflow-wrap:anywhere}

.template-question{padding:14px;border-bottom:1px solid #dde1e6}.pdi-photo-field{border:1px solid #dde1e6;border-radius:8px;padding:14px}.pdi-photo-field figure{margin:12px 0}.pdi-photo-field input[type=file]{width:100%}#pdi-inspection details{margin:14px 0}#pdi-inspection summary{font-weight:650;padding:10px 0}#pdi-inspection .form-grid{margin-top:14px}#pdi-inspection fieldset{min-width:0}

.pdi-serial-correction{margin:14px 0}.pdi-serial-correction label{display:block}.pdi-serial-correction input{width:100%;box-sizing:border-box}

.cloud-login{max-width:440px;margin:8vh auto;padding:28px;background:white;border-radius:14px;box-shadow:0 12px 50px #0001}.cloud-login img{width:210px;margin-bottom:26px}.cloud-login form{display:grid;gap:18px}#save-error{position:sticky;top:0;z-index:10000;background:#9b1824;color:white;padding:14px;font-weight:600}@media(max-width:600px){.cloud-login{margin:20px}.topbar{flex-wrap:wrap}.product .cruiser-mascot{max-height:72px;object-fit:contain}}

@media(max-width:600px){.topbar{height:auto;min-height:64px;padding:12px 16px;gap:10px;align-items:center}.topbar .role{margin-left:auto}.topbar #cloud-signout{flex-shrink:0}.demo-bar{clear:both}}

.workday-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:22px 0}.workday-item{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #e5e7eb}.workday-item>div{flex:1;min-width:0}.workday-item p{margin:6px 0;font-size:.86rem;color:#626873}#workday-ai-result{white-space:pre-wrap;margin:16px 0}#lead-license-preview img{max-width:100%;max-height:220px;object-fit:contain}@media(max-width:760px){.workday-grid{grid-template-columns:1fr}.workday-item{flex-wrap:wrap}.workday-item button{max-width:100%}}

.ai-feedback{font-size:.8rem;clear:both;flex-basis:100%;margin-top:.6rem}.ai-feedback label{display:flex;align-items:center;gap:.4rem}.ai-feedback input{width:auto}.ai-feedback textarea,.ai-approval-dialog textarea{display:block;width:100%;min-height:90px}.ai-approval-dialog{width:min(760px,94vw);max-height:90vh;overflow:auto}.ai-approval-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere}

/* Compact AI feedback entry point; full editing stays in a modal. */
.ai-feedback{display:inline-flex;flex-basis:auto;clear:none;margin:0 0 0 .35rem;vertical-align:middle}
.ai-feedback .ai-feedback-trigger{background:transparent;border:0;box-shadow:none;color:var(--muted,#64748b);font-size:.72rem;font-weight:400;padding:.3rem .4rem;min-height:32px;white-space:nowrap}
.ai-feedback .ai-feedback-trigger:hover,.ai-feedback .ai-feedback-trigger:focus-visible{background:#eef2f6;color:#243b53}
.ai-feedback-editor{width:min(520px,calc(100vw - 24px));max-height:85dvh;overflow:auto;border:1px solid #cbd5e1;border-radius:14px;padding:20px;box-sizing:border-box}
.ai-feedback-editor::backdrop{background:rgb(15 23 42 / .4)}
.ai-feedback-editor form{display:grid;gap:12px}.ai-feedback-editor h2,.ai-feedback-editor p{margin:0}
.ai-feedback-editor label{display:grid;gap:8px}.ai-feedback-editor textarea{width:100%;min-height:120px;box-sizing:border-box}
.ai-feedback-editor pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;overflow:auto;font-size:.8rem}
.ai-feedback-actions{display:flex;justify-content:flex-end;gap:8px}

.ai-approval-panel textarea{display:block;width:100%;min-height:90px;box-sizing:border-box}.ai-approval-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto}.ai-approval-history{margin-top:32px;padding-top:24px;border-top:1px solid #cbd5e1}.ai-approval-panel .panel{margin:12px 0}
/* Service operations: compact readiness and responsive stage controls. */
.readiness{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.readiness .chip{font-size:11px}.service-list{width:100%;border-collapse:collapse}.service-list td{padding:14px 12px;border-bottom:1px solid #d8e1e8}.service-list tbody tr:nth-child(even){background:#edf3f7}.service-list select{max-width:100%;min-height:44px}.filters{align-items:end;flex-wrap:wrap}.filters label{min-width:120px}.filters input[type=number]{width:110px}
@media(max-width:700px){.service-list thead{display:none}.service-list,.service-list tbody,.service-list tr,.service-list td{display:block}.service-list tr{border:1px solid #cad6df;border-radius:12px;margin:10px 0;padding:8px}.service-list td{display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px;align-items:center;padding:8px;border:0}.service-list td:before{content:attr(data-label);font-size:12px;font-weight:600;color:#526372}.service-list button{white-space:normal;text-align:left;min-height:44px}.filters label{flex:1 1 140px}.filters .search{flex-basis:100%}.filters input,.filters select{max-width:100%}.workday-item{flex-wrap:wrap}}
#workspace-save-status{position:fixed;right:18px;bottom:12px;z-index:90;background:#edf7f0;color:#245238;border:1px solid #bdd5c6;border-radius:20px;padding:8px 14px;font-size:12px;box-shadow:0 2px 8px #0001;pointer-events:none}#workspace-save-status[data-state=saving]{background:#fff7dc;color:#705713}#workspace-save-status[data-state=error],#workspace-save-status[data-state=offline]{background:#fff0ef;color:#9b2626}#save-error{padding:12px 18px;background:#fff0ef;color:#8a2222;position:sticky;top:0;z-index:95;border-bottom:1px solid #d69797}#save-error button{margin-left:10px}body{padding-bottom:46px}@media(max-width:700px){#workspace-save-status{right:10px;bottom:8px;max-width:calc(100vw - 20px)}#save-error{font-size:13px}}
/* Distinct service-tile tag categories, with readable text retained. */
.service-card .chip{border:1px solid transparent;font-weight:650}.service-card .service-tag-intake,.service-card .service-tag-tone-0{background:#e5efff;color:#173f86;border-color:#b6cef5}.service-card .service-tag-approval,.service-card .service-tag-tone-1{background:#f0e6ff;color:#60358c;border-color:#d7baf3}.service-card .service-tag-parts,.service-card .service-tag-tone-2{background:#fff0ce;color:#785000;border-color:#ebcf87}.service-card .service-tag-technician,.service-card .service-tag-tone-3{background:#dff5f4;color:#165b5a;border-color:#9dd7d3}.service-card .service-tag-arrived,.service-card .service-tag-tone-4{background:#e3f3e4;color:#255f31;border-color:#afd4b4}.service-card .service-tag-internal{background:#e8edf3;color:#3d4c60;border-color:#bdc9d8}.service-card .service-tag-tone-5{background:#fbe6ef;color:#81375b;border-color:#e7b9cd}.service-card .service-tag-urgent,.service-card .chip.red{background:#fde1de;color:#922d24;border-color:#e9aaa3}

/* Meaning takes priority over tag category: action, waiting, complete. */
.service-card .chip.service-state-action{background:#b42318;color:#fff;border-color:#8f1c13}.service-card .chip.service-state-waiting{background:#fff0cc;color:#854700;border-color:#dc9d32}.service-card .chip.service-state-complete{background:#dcf5e3;color:#176434;border-color:#8ccca2}