:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground:#0b0d10;--panel:#12161b;--raised:#1a2027;--line:#262d36;--text:#eef0f2;--muted:#98a1ab;--amber:#f2a516;--amber-ink:#412402;--st-new:#7cc4ff;--st-quoted:#b9a4ff;--st-ordered:#72d6a0;--st-followup:#ff8f7e}[hidden]{display:none!important}*{box-sizing:border-box}html{background:var(--ground);-webkit-text-size-adjust:100%}body{background:var(--ground);min-height:100dvh;color:var(--text);margin:0;font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans SC,Helvetica,Arial,sans-serif}#app{min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));display:flex}.screen{flex-direction:column;gap:16px;width:100%;max-width:420px;margin:auto;display:flex}.screen h1{overflow-wrap:anywhere;margin:0;font-size:24px;line-height:1.3}.screen p{color:var(--muted);overflow-wrap:anywhere;margin:0}.screen .notice{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:12px 14px}.screen .email{color:var(--text);font-weight:600}.button{min-height:44px;font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 22px;font-weight:600;text-decoration:none;display:inline-flex}.button-primary{background:var(--amber);color:var(--amber-ink)}.button-quiet{border:1px solid var(--line);color:var(--text);background:0 0}.button:focus-visible{outline:2px solid var(--text);outline-offset:2px}.app{flex-direction:column;flex:1;gap:16px;min-width:0;display:flex}.pane{flex-direction:column;gap:12px;min-width:0;display:flex}.app[data-view=list]>.pane-page,.app[data-view=page]>.pane-list{display:none}.list-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.list-head h1{margin:0;font-size:24px;line-height:1.3}.list-actions{gap:8px;display:flex}.list-controls{flex-direction:column;gap:12px;display:flex}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);min-height:44px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:0 12px;font-size:15px}.chip[aria-pressed=true]{border-color:var(--muted);background:var(--raised);color:var(--text)}.chip-count{font-variant-numeric:tabular-nums}.search{border:1px solid var(--line);background:var(--panel);width:100%;min-height:44px;color:var(--text);font:inherit;border-radius:12px;padding:0 14px}.search::placeholder{color:var(--muted)}.chip:focus-visible,.search:focus-visible,.row:focus-visible,.list-head .button:focus-visible{outline:2px solid var(--text);outline-offset:-2px}.list-head .button-primary:focus-visible{outline-color:var(--amber-ink)}.list-body{flex-direction:column;gap:12px;display:flex}.rows{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.row{border:1px solid var(--line);background:var(--panel);min-height:64px;color:var(--text);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;text-decoration:none;display:flex}.row:hover,.row.is-selected{background:var(--raised)}.row.is-selected{border-color:var(--muted)}.row-text{flex-direction:column;min-width:0;display:flex}.row-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.row-line{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.row-pills{flex-direction:column;flex:none;align-items:flex-end;gap:4px;display:flex}.pill{border:1px solid var(--pill);border-color:color-mix(in srgb, var(--pill) 45%, transparent);background:color-mix(in srgb, var(--pill) 14%, transparent);color:var(--pill);white-space:nowrap;border-radius:999px;padding:0 9px;font-size:12px;font-weight:600;line-height:1.7}.pill-new{--pill:var(--st-new)}.pill-quoted{--pill:var(--st-quoted)}.pill-ordered{--pill:var(--st-ordered)}.pill-closed{--pill:var(--muted)}.pill-followup{--pill:var(--st-followup)}.list-note,.list-cap{color:var(--muted);text-align:center;overflow-wrap:anywhere;margin:0}.list-note{border:1px dashed var(--line);border-radius:12px;padding:20px 16px}.list-cap{font-size:14px}.list-notice,.page-notice{border:1px solid var(--line);border-left:4px solid var(--st-followup);background:var(--panel);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.list-notice p,.page-notice p{margin:0}.page-bar{display:flex}.back{gap:6px;padding:0 16px}.page{flex-direction:column;gap:12px;display:flex}.page h2{overflow-wrap:anywhere;margin:0;font-size:22px;line-height:1.3}.page-body h1[tabindex="-1"]:focus,.page-body h2[tabindex="-1"]:focus,.customer-state .page-note[tabindex="-1"]:focus{outline:none}.page-note,.page-hint{color:var(--muted);margin:0}.page-hint{display:none}.customer-page{max-width:640px}.page h3{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:600}.customer-state,.customer-state-actions,.customer-details,.customer-section,.controls,.field{flex-direction:column;display:flex}.customer-state{gap:12px}.customer-state-actions{flex-flow:wrap;gap:8px}.customer-details{gap:20px}.customer-details>:empty{display:none}.customer-sub{color:var(--muted);overflow-wrap:anywhere;margin:0}.follow-bar{border:1px solid color-mix(in srgb, var(--st-followup) 45%, transparent);background:color-mix(in srgb, var(--st-followup) 10%, transparent);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:12px 14px;display:flex}.follow-text{flex:1;min-width:12ch}.facts{flex-direction:column;gap:10px;margin:0;display:flex}.fact dt{color:var(--muted);font-size:13px}.fact dd{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;margin:0;display:flex}.fact-value,.fact-link{overflow-wrap:anywhere;min-width:0}.fact-link{color:var(--text);text-decoration:underline}.fact-empty{color:var(--muted)}.fact-actions{flex-wrap:wrap;gap:8px;display:flex}.fact-actions .button{padding:0 16px}.controls{gap:14px}.field{gap:6px}.field label,.field-label{color:var(--muted);font-size:13px}.hint{color:var(--muted);margin:0;font-size:13px}.seg{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.seg-button{border:1px solid var(--line);min-height:44px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:10px;padding:0 4px;font-size:15px}.seg-button[aria-pressed=true]{border-color:var(--text);background:var(--raised);color:var(--text)}.select,.notes,.input{border:1px solid var(--line);background:var(--raised);width:100%;color:var(--text);font:inherit;border-radius:12px}.select,.input{min-height:44px;padding:0 12px}.notes{resize:vertical;min-height:112px;padding:12px 14px}.seg-button:focus-visible,.select:focus-visible,.input:focus-visible,.notes:focus-visible,.fact-link:focus-visible{outline:2px solid var(--text);outline-offset:2px}.ask{background:var(--raised);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:10px;margin:0;padding:12px 14px}.customer-section>.facts,.customer-section>.ask{margin-top:0}.ask+.facts{margin-top:12px}.actions{flex-wrap:wrap;gap:8px;display:flex}.history{margin:0;padding:0;list-style:none}.history>li{border-top:1px solid var(--line)}.history-row{align-items:center;gap:8px;min-height:44px;padding:6px 0;display:flex}summary.history-row{cursor:pointer;list-style:none}summary.history-row::-webkit-details-marker{display:none}summary.history-row:focus-visible{outline:2px solid var(--text);outline-offset:-2px}.history-mark{width:14px;color:var(--muted);text-align:center;flex:none;transition:transform .12s}details[open]>summary .history-mark{transform:rotate(90deg)}.history-title{overflow-wrap:anywhere;flex:1;min-width:0}.history-at{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:14px}.history-detail{background:var(--raised);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:10px;margin:0 0 8px;padding:10px 12px}.history-open>.button{margin-bottom:10px}.button-danger,.button-danger-solid{border:1px solid var(--st-followup)}.button-danger{color:var(--st-followup);background:0 0}.button-danger-solid{background:var(--st-followup);color:var(--ground)}.button:disabled{opacity:.6;cursor:default}.customer-section:has(>.button-danger){border-top:1px solid var(--line);align-items:flex-start;padding-top:8px}.delete-confirm{border:1px solid var(--st-followup);border-radius:12px;flex-direction:column;gap:12px;width:100%;padding:14px;display:flex}.delete-question{overflow-wrap:anywhere;margin:0}.delete-actions{flex-wrap:wrap;gap:8px;display:flex}.page-error{border:1px solid var(--st-followup);background:var(--raised);border-radius:12px;margin:0;padding:12px 14px}.page-error-sticky{position:sticky;bottom:12px}.add-page{gap:18px;max-width:640px}.add-save{align-self:flex-start;padding:0 32px}.input:disabled,.notes:disabled{opacity:.6}.input[aria-invalid=true],.notes[aria-invalid=true]{border-color:var(--st-followup)}.field-error{color:var(--st-followup);margin:0;font-size:14px}.choice{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:6px;display:grid}.choice-option{display:flex;position:relative}.choice-input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.choice-option>span{border:1px solid var(--line);min-height:44px;color:var(--muted);border-radius:10px;flex:1;justify-content:center;align-items:center;padding:0 4px;font-size:15px;display:flex}.choice-input:checked+span{border-color:var(--text);background:var(--raised);color:var(--text)}.choice-input:focus-visible+span{outline:2px solid var(--text);outline-offset:2px}.choice-input:disabled{cursor:default}.choice-input:disabled+span{opacity:.6}.settings-page{gap:24px;max-width:640px}.settings-section{flex-direction:column;gap:12px;display:flex}.settings-section+.settings-section{border-top:1px solid var(--line);padding-top:20px}.settings-section h3{margin:0}.settings-section .page-note,.settings-section .hint{overflow-wrap:anywhere}.settings-section [tabindex="-1"]:focus{outline:none}.settings-save{align-self:flex-start;padding:0 32px}.settings-actions{flex-wrap:wrap;gap:8px;display:flex}@media (width>=900px){#app:has(>.app){height:100dvh;min-height:0}.app{grid-template-columns:minmax(340px,440px) minmax(0,1fr);gap:24px;min-height:0;display:grid}.app[data-layout=full]{grid-template-columns:minmax(0,1fr)}.app[data-view]>.pane{min-height:0;display:flex}.app[data-layout=full]>.pane-list{display:none}.pane-list{overflow:hidden}.list-body{flex:1;min-height:0;overflow-y:auto}.pane-page{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:24px;overflow-y:auto}.app[data-layout=beside] .page-bar{display:none}.app[data-view=list] .page-hint{text-align:center;max-width:30ch;margin:auto;display:block}}.writer-page{gap:16px}.writer{grid-template-columns:minmax(0,1fr);gap:20px;display:grid}.writer-editor,.writer-preview{min-width:0}.writer-fieldset{border:0;min-width:0;margin:0;padding:0}.writer-form{flex-direction:column;gap:16px;display:flex}.writer-form .field{min-width:0}.writer-body{min-height:220px}.select:disabled{opacity:.6}.quote-lines{flex-direction:column;gap:14px;display:flex}.quote-line{border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:12px;padding:14px;display:flex}.quote-line-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.quote-line-title{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:13px;font-weight:600}.quote-line-nums{grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,1.2fr);gap:8px;display:grid}.line-amount,.quote-total{justify-content:space-between;align-items:baseline;gap:12px;margin:0;display:flex}.line-amount span,.quote-total span{color:var(--muted);font-size:13px}.quote-total{background:var(--raised);border-radius:12px;padding:12px 14px}.quote-add{align-self:flex-start}.line-problem{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:14px}.line-problem.is-flagged{color:var(--st-followup)}.price-rows{flex-direction:column;display:flex}.price-row{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) 7.5rem;align-items:end;gap:4px 12px;padding:8px 0;display:grid}.price-row:first-child{border-top:0}.price-check{cursor:pointer;align-items:center;gap:12px;min-height:44px;display:flex}.price-include{width:22px;height:22px;accent-color:var(--text);cursor:pointer;flex:none;margin:0}.price-text{flex-direction:column;min-width:0;display:flex}.price-name{overflow-wrap:anywhere}.price-min{color:var(--muted);font-size:13px}.price-field{flex-direction:column;gap:4px;display:flex}.price-field label{color:var(--muted);font-size:13px}.price-row .line-problem{grid-column:1/-1}.writer-preview{flex-direction:column;gap:10px;display:flex}.writer-preview h3{margin:0}.writer-notice{border:1px solid var(--line);border-left:4px solid var(--st-followup);background:var(--panel);border-radius:12px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.writer-notice span{color:var(--muted);font-size:14px}.writer-subject{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:14px}.writer-empty{border:1px dashed var(--line);border-radius:12px;padding:20px 16px}.writer-frame{border:1px solid var(--line);background:#e9ebee;border-radius:12px;width:100%;height:320px;display:block}.writer-bar{z-index:2;padding:12px 16px max(12px, env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--ground);flex-direction:column;gap:8px;margin-inline:-16px;display:flex;position:sticky;bottom:0}.writer-message,.writer-question{overflow-wrap:anywhere;margin:0}.writer-message{color:var(--muted);font-size:14px}.writer-question{font-weight:600}.writer-actions{flex-wrap:wrap;gap:8px;display:flex}.writer-actions .button{flex:auto}.button[aria-disabled=true]{opacity:.6;cursor:default}html:has(.writer){scroll-padding-bottom:10rem}.pane-page:has(.writer){scroll-padding-bottom:10rem}@media (width>=900px){.writer-bar{background:var(--panel);margin-inline:-24px;padding-inline:24px}}@media (width>=1000px){.writer{grid-template-columns:minmax(340px,480px) minmax(0,1fr);align-items:start;gap:24px}.writer-preview{position:sticky;top:0}.writer-frame{max-height:calc(100dvh - 16rem)}.writer-bar{grid-column:1/-1}.writer-actions .button{flex:none}}