/* Shared workspace legibility and responsive order editing. */
:root{--canvas:#f5f6f8;--muted:#596777;--sidebar:258px;--focus:0 0 0 3px rgba(39,104,178,.3)}
body{font-size:16px;line-height:1.5}
.main,.content,.card,.card-body,.page-head>div{min-width:0}
.small,.help,.field .help{font-size:.875rem;line-height:1.5}
.micro{font-size:.75rem;letter-spacing:.055em}
.btn,.btn.sm,.tabs button,.field>label,.check,.check-label{font-size:.875rem}
.btn{min-height:40px}
.field input,.field select,.field textarea{font-size:1rem}
.card-head h2,.card-head h3{font-size:1rem}
.breadcrumbs,.badge,.save-state,.summary-row,.user-meta strong{font-size:.875rem}
.card-head{flex-wrap:wrap}
.page-head h1{overflow-wrap:anywhere}
table{font-size:.875rem}
th{font-size:.75rem!important;line-height:1.4}
.kpi .label,.quote-card .meta,.quote-card .contact-row{font-size:.8125rem}
.nav-group{margin-bottom:8px}
.nav-group-title{width:100%;padding:12px 10px;min-height:44px;font-size:.75rem;letter-spacing:.035em;color:#acbbca;cursor:pointer;list-style:none;align-items:center;gap:6px}
.nav-group-title::-webkit-details-marker{display:none}
.nav-group-title svg{width:14px;height:14px;flex:none;transition:transform .15s}
.nav-group[open]>.nav-group-title svg{transform:rotate(90deg)}
.nav-group-title:hover{color:white}
.nav-item{font-size:.875rem;line-height:1.4;min-height:42px;font-weight:550;color:#d5dfea}
.nav-item.active{background:#26394d;font-weight:700}
.nav-group-links{padding-bottom:6px}
.sidebar-nav{padding:14px 12px;scrollbar-width:thin;scrollbar-color:#546578 transparent}
.sidebar-brand{gap:10px}.sidebar-brand strong{font-size:1.125rem;font-weight:650}
.sidebar-create{display:flex;width:100%;justify-content:center;margin-bottom:18px;color:#fff}
.sidebar-create:hover{text-decoration:none;color:#fff}
.sidebar-foot{font-size:.75rem;color:#acbbca}
.sidebar-close{display:none;margin-left:auto;color:#fff}
.mobile-nav-toggle{display:inline-flex}
body.nav-collapsed .sidebar{transform:translateX(-100%)}
body.nav-collapsed .main{margin-left:0}
.global-search{max-width:540px}.global-search input{font-size:.875rem;height:42px;padding-right:68px}
.global-search svg{top:12px}.global-search kbd{font-size:.75rem;top:9px}
.sync-state{font-size:.75rem}.topbar-spacer{min-width:0}
.quote-mobile-section{display:none}
.order-workspace>.page-head>.page-actions{flex-shrink:0}
.quote-shell .tabs{flex-wrap:wrap;gap:4px;overflow:visible}
.quote-shell .tabs button{white-space:normal;min-height:44px}
.quote-shell :is(.small,.help){font-size:.875rem}
.quote-shell .micro{font-size:.75rem}
.quote-shell .line-role{font-size:.75rem!important;letter-spacing:0;text-transform:none}
.quote-disclosure>summary small{font-size:.875rem;white-space:normal;line-height:1.5}
.quote-disclosure-toggle::before,.equipment-group-toggle::before{font-size:.8125rem}
.summary-total .label{font-size:.8125rem}.summary-total .amount{font-weight:750}
.quote-summary{scroll-margin-top:calc(var(--topbar) + 18px)}
.quote-shell.table-focus{grid-template-columns:minmax(0,1fr)}
.quote-shell.table-focus .quote-mobile-summary{display:flex;align-items:center;gap:20px;padding:16px;border:1px solid var(--line);border-radius:12px;background:white;margin-bottom:14px}
.quote-mobile-summary>span{display:flex;flex-direction:column}
.quote-mobile-summary small{font-size:.8125rem;color:var(--muted)}
.quote-mobile-summary strong{font-size:1.125rem;font-variant-numeric:tabular-nums}
.quote-mobile-summary .btn{margin-left:auto}
.quote-shell.table-focus>.quote-summary{display:block;position:static;max-width:none}
.quote-shell.table-focus>.quote-summary>section{max-width:560px;margin-left:auto}
.delivery-reference>span{font-size:.875rem;color:var(--muted)}
.delivery-reference>strong{font-size:1.125rem}
.delivery-reference>.btn{align-self:flex-start;margin-top:6px}
.delivery-mode{font-weight:600}.delivery-mode input{width:20px;height:20px;accent-color:var(--brand)}
#deliveryManualField[hidden]{display:none}
#deliveryManualField input{max-width:260px}
#deliveryChargePanel{scroll-margin-top:80px}
.line-table textarea{font:inherit;width:100%;min-height:40px;resize:vertical;border:1px solid transparent;background:transparent;padding:5px 6px;border-radius:6px;line-height:1.4}
.line-table textarea:hover{border-color:var(--line)}
.line-table textarea:focus{background:#fff;border-color:var(--blue)}
.equipment-group-title strong{font-size:1rem}
.equipment-group-title small,.equipment-group-total small,.equipment-catalogue-copy :is(span,small),.function-group>header small{font-size:.8125rem;line-height:1.45}
.equipment-catalogue-copy strong,.equipment-catalogue-price>strong,.function-group>header h3{font-size:.875rem}
.equipment-catalogue-copy strong{white-space:normal;overflow-wrap:anywhere}
.equipment-catalogue-group>summary strong{font-size:.875rem}
.equipment-catalogue-group>summary small,.catalogue-qty span,.equipment-catalogue-pager{font-size:.75rem}
.function-group>header{flex-wrap:wrap}
.function-cost-basis small{font-size:.75rem}
.command{max-width:calc(100vw - 28px)}.command-result strong{font-size:1rem}.command-result span{font-size:.8125rem}
@media(min-width:761px) and (max-width:1150px){
  .quote-shell{grid-template-columns:minmax(0,1fr)}
  .quote-summary{position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .quote-summary>.card{margin-top:0}
  .quote-equipment-workspace{grid-template-columns:260px minmax(0,1fr)}
}
@media(max-width:760px){
  .sidebar-close{display:inline-flex}.sidebar{width:min(310px,88vw)}
  .mobile-nav-backdrop{inset:var(--stage) 0 0 min(310px,88vw)}
  .nav-item{min-height:46px}.sidebar-nav{padding-bottom:max(18px,env(safe-area-inset-bottom))}
  .topbar{gap:8px}.global-search{flex:1;max-width:none}
  .global-search input{width:100%;padding:0 10px 0 36px;color:var(--ink);caret-color:auto;font-size:1rem}
  .global-search input::placeholder{color:var(--muted)}
  .topbar-spacer{display:none}.user-menu{padding:4px}.user-menu>svg{display:none}
  .sync-state.saved{display:none}
  .content{padding:18px 12px 88px}
  .page-head{gap:14px}.page-head h1{font-size:1.375rem;line-height:1.3}
  .order-workspace>.page-head>.page-actions{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:45;min-height:68px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);box-shadow:0 -4px 18px rgba(20,32,46,.06);justify-content:flex-end;gap:10px;flex-wrap:wrap}
  .order-workspace>.page-head>.page-actions .save-state{margin-right:auto;max-width:48%;font-size:.8125rem}
  .order-workspace{padding-bottom:140px}
  body:has(.order-workspace) .claude-fab{bottom:90px}
  body:has(.order-workspace) .demo-badge{bottom:76px}
  .quote-mobile-summary,.quote-shell.table-focus .quote-mobile-summary{display:flex;flex-wrap:wrap;gap:8px 16px;padding:14px;margin-bottom:12px}
  .quote-mobile-summary>.badge{display:inline-flex;flex-direction:row;margin-left:0;font-size:.8125rem}
  .quote-mobile-summary small{font-size:.8125rem;text-transform:none;letter-spacing:0}
  .quote-mobile-summary strong{font-size:1.125rem}
  .quote-mobile-section{display:block;position:sticky;top:var(--topbar);z-index:31;padding:10px 0;background:var(--canvas);border-bottom:1px solid var(--line);margin-bottom:4px}
  .quote-mobile-section label{display:block;font-size:.8125rem;color:var(--muted);margin-bottom:5px}
  .quote-mobile-section select{width:100%;min-height:46px;padding:10px 12px;font-size:1rem;border:1px solid var(--line-2);border-radius:9px;background:white;color:var(--ink)}
  #quoteTabs{display:none}
  .quote-shell .card-head{padding:14px;align-items:flex-start}
  .quote-shell .card-body{padding:14px}
  .quote-shell .page-actions{gap:8px;max-width:100%}
  .quote-shell .btn{min-height:44px;white-space:normal}
  .quote-shell :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:1rem;min-width:0;max-width:100%;min-height:44px}
  .quote-shell .field{min-width:0}.quote-shell .inline-field{flex-wrap:wrap}
  .quote-shell .inline-field>input,.quote-shell .inline-field>select{flex:1 1 150px;min-width:0}
  .equipment-group .line-table tbody{padding:10px;gap:12px}
  .equipment-group .line-table tr{padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .equipment-group .line-table td{min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:0}
  .equipment-group .line-table td::before{font-size:.8125rem;text-transform:none;letter-spacing:0;font-weight:600}
  .equipment-group .line-table td:is(.desc,[data-label="Actions"],.line-total){grid-column:1/-1}
  .equipment-group .line-table .line-handle-cell{display:none}
  .equipment-group .line-table .desc{padding:0!important}
  .equipment-group .line-table .desc>.micro{overflow-wrap:anywhere}
  .line-description-grid{width:100%;min-width:0;gap:8px}
  .line-table input,.line-table textarea{border-color:var(--line);background:#fff}
  .equipment-group .line-table .line-total{display:flex;flex-direction:row;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;font-size:1rem;font-weight:700}
  .equipment-group .line-table .row-actions{flex-wrap:wrap}
  .quote-group-targets{display:none}
  .quote-shell .table-tools:has(+.table-wrap>.mobile-record-table){display:none}
  .mobile-record-table{display:block!important;width:100%!important;min-width:0!important;table-layout:auto!important}
  .mobile-record-table colgroup,.mobile-record-table thead{display:none}
  .mobile-record-table tbody{display:grid;gap:12px}
  .mobile-record-table tr{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#fff}
  .mobile-record-table td{display:flex;flex-direction:column;align-items:stretch;gap:6px;border:0;padding:0;min-width:0;white-space:normal}
  .mobile-record-table td::before{content:attr(data-label);font-size:.8125rem;font-weight:600;color:var(--muted)}
  .mobile-record-table td[data-label="Timing"],.mobile-record-table td[data-label="Name"],.mobile-record-table td[data-label="Start"],.mobile-record-table td[data-label="Finish"]{grid-column:1/-1}
  .mobile-record-table td.table-column-hidden{display:flex!important}
  .mobile-record-table input[type=checkbox]{width:22px;height:22px;accent-color:var(--brand)}
  .mobile-record-table td[data-label="Actions"]{align-items:flex-end;justify-content:flex-end}.mobile-record-table td[data-label="Actions"]::before{display:none}
  .function-group>.table-wrap{padding:12px;overflow:visible}
  .function-group>header{display:block}.function-group>header .page-actions{margin-top:12px;justify-content:space-between}
  .function-cost-basis label{flex-wrap:wrap}
  .quote-summary,.quote-shell.table-focus>.quote-summary{display:block;position:static;min-width:0}
  .quote-shell.table-focus>.quote-summary>section{max-width:none}
  .quote-disclosure>summary{gap:10px}.quote-disclosure>summary>span:first-child{flex:1}
  .quote-disclosure-toggle{flex:none}
  .claude-fab{bottom:12px}
}
@media(prefers-reduced-motion:reduce){.sidebar,.nav-group-title svg{transition:none}html{scroll-behavior:auto}}

.website-orders-workspace>.card{padding:18px;margin-bottom:16px}.website-orders-workspace>.card h2{font-size:1.125rem;margin-top:0}.website-orders-workspace .actions{display:flex;gap:10px;flex-wrap:wrap}.website-orders-workspace details{margin-top:16px}.website-orders-workspace details summary{cursor:pointer;font-size:.875rem}

/* Mobile equipment is a pickable list; occasional controls open on demand. */
.equipment-mobile-card{display:none}
.equipment-group-destination{grid-column:1/-1;min-width:0}
.equipment-group-destination select{width:100%}
.equipment-group>summary{grid-template-columns:minmax(140px,1.2fr) minmax(120px,.8fr) minmax(100px,auto) auto auto}
.equipment-group-menu{min-width:36px}
.equipment-group-tools{display:flex;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line)}
.equipment-group-empty{padding:12px 14px;margin:0;color:var(--muted);font-size:.875rem}
.equipment-group-options{display:grid;gap:10px;margin-top:16px}
.equipment-group-pick-list{display:grid;gap:6px;max-height:50vh;overflow:auto;margin-top:14px}
.equipment-group-pick{padding:10px;border:1px solid var(--line);border-radius:8px;align-items:flex-start;min-height:44px}
.equipment-group-pick[hidden]{display:none}
.equipment-group-pick span{min-width:0;overflow-wrap:anywhere}
.equipment-group-pick strong,.equipment-group-pick small{display:block}
.equipment-group-pick small{color:var(--muted);margin-top:3px}
.equipment-mobile-group>header{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg);border-block:1px solid var(--line)}
.equipment-mobile-group>header h3{flex:1;min-width:0;overflow-wrap:anywhere;margin:0;font-size:.9375rem;font-weight:700}
.equipment-mobile-group>header>.btn{min-width:44px;min-height:44px;flex:none}
.equipment-mobile-group>header>.btn svg{width:18px;height:18px}
.equipment-detail-form{padding:14px 0}
.equipment-detail-form :is(input,textarea){font-size:16px;min-height:44px}
.equipment-detail-actions{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:14px}
.equipment-options-actions{display:grid;gap:10px;margin-bottom:14px}
.equipment-options-actions>.btn{justify-content:flex-start;min-height:44px}
@media(max-width:760px){
  .quote-shell.items-focus #quoteMobileSummary,.quote-shell.items-focus>.quote-summary{display:none}
  .equipment-desktop-card,.equipment-quote-pane>.quote-disclosure{display:none}
  .equipment-mobile-card{display:block}
  .equipment-mobile-card>.card-head{align-items:center;gap:10px}
  .equipment-mobile-card>.card-head>.page-actions{margin-left:auto}
  .equipment-mobile-card>.card-head h2{margin:0}
  .equipment-mobile-labels,.equipment-mobile-line{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:12px;align-items:center;padding:12px 14px}
  .equipment-mobile-labels{padding-top:8px;padding-bottom:8px;color:var(--muted);font-size:.8125rem;background:#fafbfc}
  .equipment-mobile-labels>span:last-child{text-align:center}
  .equipment-mobile-list{list-style:none;margin:0;padding:0}
  .equipment-mobile-line+.equipment-mobile-line{border-top:1px solid var(--line)}
  .equipment-mobile-name{display:flex;align-items:center;gap:8px;min-height:44px;padding:0;border:0;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer;min-width:0}
  .equipment-mobile-name>span{flex:1;min-width:0;overflow-wrap:anywhere;line-height:1.45}
  .equipment-mobile-name>svg{width:14px;height:14px;flex:none;color:var(--muted)}
  .equipment-mobile-name:hover{color:var(--brand)}
  .equipment-mobile-line.is-component>.equipment-mobile-name{padding-left:12px;border-left:2px solid var(--line-2)}
  .equipment-mobile-line>input{width:100%;min-height:44px;border:1px solid var(--line-2);border-radius:8px;padding:8px 6px;font-size:1rem;background:#fff;color:var(--ink);text-align:center}
}
@media(max-width:760px){
  .equipment-mobile-card>.card-head h2{display:none}
  .equipment-mobile-card>.card-head>.page-actions{width:100%;margin-left:0}
  #mobileAddEquipment{flex:1;justify-content:center}
  .order-workspace>.page-head>.page-actions{flex-wrap:nowrap}
  .order-workspace>.page-head>.page-actions .save-state{flex:1;min-width:0;max-width:none;white-space:normal;line-height:1.3}
  .order-workspace>.page-head>.page-actions>.btn{flex-shrink:0}
}