:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f5f1;--surface:#fff;--surface-soft:#f8f8f4;--line:#d9ddd2;--line-strong:#b8c0ae;--text:#1e2520;--muted:#657062;--primary:#146c5f;--primary-strong:#0c4f45;--accent:#b65d2f;--danger:#a33838;--shadow:0 18px 45px #1b231d17;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;color:var(--text);margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:1.7rem;line-height:1.15}h2{margin-bottom:.9rem;font-size:1.25rem;line-height:1.2}h3{margin-bottom:.65rem;font-size:1rem;line-height:1.25}pre{border:1px solid var(--line);color:#edf4ec;background:#17211d;border-radius:8px;max-width:100%;padding:.85rem;font-size:.78rem;line-height:1.45;overflow:auto}.auth-screen,.setup-missing{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.auth-card{border:1px solid var(--line);background:var(--surface);width:min(760px,100%);box-shadow:var(--shadow);border-radius:10px;padding:clamp(1.2rem,4vw,2rem)}.app-frame{min-height:100vh}.app-header{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f4f5f1f0;justify-content:space-between;align-items:center;gap:1rem;padding:1rem clamp(1rem,3vw,2rem);display:flex;position:sticky;top:0}.user-box,.button-row,.questionnaire-footer,.editor-header,.question-title{align-items:center;gap:.7rem;display:flex}.user-box{color:var(--muted);flex-wrap:wrap;justify-content:flex-end}.admin-layout,.client-layout{align-items:start;gap:1rem;padding:clamp(1rem,3vw,2rem);display:grid}.admin-layout{grid-template-columns:minmax(280px,360px) minmax(0,1fr)}.client-layout{grid-template-columns:minmax(240px,310px) minmax(0,1fr)}.client-layout-single{grid-template-columns:minmax(0,1fr)}.admin-sidebar,.client-projects{gap:1rem;display:grid;position:sticky;top:92px}.admin-main{gap:1rem;min-width:0;display:grid}.panel,.questionnaire-shell,.admin-editor{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:10px}.panel{padding:1rem}.questionnaire-shell{gap:1rem;padding:1rem;display:grid}.questionnaire-header{box-shadow:none;justify-content:space-between;gap:1rem;display:flex}.progress-box{border-left:1px solid var(--line);min-width:170px;color:var(--muted);text-align:right;align-content:center;gap:.25rem;padding-left:1rem;display:grid}.progress-box strong{color:var(--primary);font-size:1.65rem;line-height:1}.progress-box span,.progress-box small{font-size:.82rem}.section-tabs{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.55rem;display:grid}.tab,.project-button{border:1px solid var(--line);background:var(--surface-soft);width:100%;color:var(--text);text-align:left;border-radius:8px;padding:.75rem;display:grid}.tab{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;min-height:64px;transition:border-color .14s,background .14s,transform .14s,box-shadow .14s}.tab span{width:28px;height:28px;color:var(--primary-strong);background:#e1e6db;border-radius:999px;place-items:center;font-weight:700;display:inline-grid}.tab strong{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:normal;word-break:normal;font-size:.9rem;line-height:1.15}.tab small{border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:999px;min-width:42px;padding:.18rem .42rem}.project-button strong{overflow-wrap:anywhere;font-size:.9rem}.tab small,.project-button span,.project-button small{color:var(--muted);font-size:.78rem}.tab.active,.project-button.active{border-color:var(--primary);background:#edf7f2;box-shadow:inset 0 0 0 1px #146c5f24}.tab:hover{border-color:#146c5f6b;transform:translateY(-1px);box-shadow:0 8px 18px #1b231d12}.question-section{box-shadow:none;scroll-margin-top:112px}.proposal-section-host{box-shadow:none;padding:clamp(.75rem,2vw,1rem);scroll-margin-top:112px}.proposal{gap:1rem;display:grid}.proposal h2{font-size:clamp(1.25rem,2vw,1.8rem)}.proposal-hero{color:#fff;background:#161916;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:end;gap:1rem;min-height:420px;padding:clamp(1rem,3vw,2rem);display:grid;position:relative;overflow:hidden}.proposal-hero:after{content:"";background:linear-gradient(90deg,#101411db,#1014116b),linear-gradient(#10141114,#101411b8);position:absolute;inset:0}.proposal-fleet{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(4,1fr);gap:2px;display:grid;position:absolute;inset:0}.proposal-fleet img{object-fit:cover;width:100%;height:100%}.proposal-hero-copy,.proposal-hero-card{z-index:1;position:relative}.proposal-hero-copy{max-width:760px}.proposal-hero-copy h2{max-width:760px;margin-bottom:.8rem;font-size:clamp(2rem,4vw,3.75rem);line-height:.98}.proposal-hero-copy p{color:#ffffffd6;max-width:650px;margin-bottom:0;font-size:1.02rem;line-height:1.55}.proposal-hero-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1c;border:1px solid #ffffff3d;border-radius:8px;gap:.45rem;padding:1rem;display:grid}.proposal-hero-card span,.proposal-hero-card small{color:#ffffffc2}.proposal-hero-card strong{font-size:clamp(2rem,4vw,3rem);line-height:1}.proposal-metrics,.proposal-card-grid,.proposal-selector-wrap,.proposal-split,.proposal-scope-list{gap:.85rem;display:grid}.proposal-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.proposal-metrics article,.proposal-info-card,.proposal-note,.proposal-selector-panel,.proposal-summary-card{border:1px solid var(--line);background:var(--surface);border-radius:8px}.proposal-metrics article{gap:.2rem;padding:.85rem;display:grid}.proposal-metrics span{color:var(--muted);font-size:.78rem}.proposal-metrics strong{font-size:1rem}.proposal-section{border:1px solid var(--line);background:#fff;border-radius:8px;gap:.85rem;padding:clamp(.9rem,2vw,1.2rem);display:grid}.proposal-split{grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);align-items:start}.proposal-pill-list,.proposal-scope-list,.proposal-info-card ul,.proposal-note ul{color:var(--muted);margin:0;padding-left:1.1rem;line-height:1.55}.proposal-pill-list{flex-wrap:wrap;gap:.55rem;padding:0;list-style:none;display:flex}.proposal-pill-list li{border:1px solid var(--line);background:var(--surface-soft);color:var(--text);border-radius:999px;padding:.5rem .7rem;font-size:.88rem}.proposal-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.proposal-card-grid.terms{grid-template-columns:repeat(2,minmax(0,1fr))}.proposal-info-card,.proposal-note{padding:1rem}.proposal-info-card.featured{background:#f1f8f4;border-color:#146c5f61}.proposal-note.warning{background:#fff7ed;border-color:#b65d2f4d}.proposal-selector-wrap{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:start}.proposal-selector-panel{background:var(--surface-soft);gap:1rem;padding:1rem;display:grid}.proposal-selector-group{gap:.6rem;display:grid}.proposal-selector-group>div{gap:.55rem;display:grid}.proposal-selector-option{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.7rem;padding:.8rem;display:grid}.proposal-selector-option.selected{background:#f1f8f4;border-color:#146c5f9e;box-shadow:inset 0 0 0 1px #146c5f1a}.proposal-selector-option.disabled{opacity:.78}.proposal-selector-option input{width:auto;accent-color:var(--primary);margin-top:.25rem}.proposal-selector-option span{gap:.2rem;display:grid}.proposal-selector-option small{color:var(--muted);line-height:1.4}.proposal-selector-option em{min-width:112px;color:var(--text);text-align:right;font-style:normal;font-weight:800}.proposal-summary-card{color:#fff;background:#17211d;gap:.75rem;padding:1rem;display:grid;position:sticky;top:112px}.proposal-summary-card .muted{color:#ffffffb8}.proposal-total-line,.proposal-grand-total{border-top:1px solid #ffffff24;justify-content:space-between;gap:.75rem;padding-top:.7rem;display:flex}.proposal-total-line span{color:#ffffffb8}.proposal-grand-total{border-top-color:#ffffff47;display:grid}.proposal-grand-total strong{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1}.question-list,.project-list,.editable-question-list,.form-grid,.responses-panel,.automation-panel{gap:.85rem;display:grid}.question-card,.editable-question,.response-card{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;padding:clamp(.85rem,2vw,1rem)}.question-title{justify-content:space-between;align-items:flex-start}.question-title h3{margin:0}.badge{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;flex:none;padding:.2rem .55rem;font-size:.72rem;font-weight:700}.badge.required{color:var(--primary-strong);border-color:#146c5f57}.option-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.6rem;display:grid}.option-item{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:.55rem;padding:.75rem;transition:border-color .14s,background .14s,box-shadow .14s;display:grid}.option-item:hover{border-color:#146c5f52}.option-item.selected{background:#f1f8f4;border-color:#146c5f9e;box-shadow:inset 0 0 0 1px #146c5f1a}.option-item input{accent-color:var(--primary);margin-top:.2rem}.option-item span{gap:.18rem;display:grid}.option-item strong{align-items:center;gap:.35rem;display:inline-flex}.option-item small{color:var(--muted);line-height:1.35}.option-item-custom{grid-column:1/-1}.inline-other-input{margin-top:.45rem}.custom-options{border:1px dashed var(--line-strong);background:var(--surface-soft);border-radius:8px;gap:.55rem;margin-top:.7rem;padding:.75rem;display:grid}.custom-option-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;display:grid}.small-secondary{border:1px solid var(--line-strong);background:var(--surface);color:var(--text);border-radius:8px;padding:.55rem .7rem;font-size:.85rem;font-weight:700}.info-tooltip{width:18px;height:18px;color:var(--primary);border:1px solid #146c5f59;border-radius:999px;flex:none;place-items:center;font-size:.72rem;font-weight:800;line-height:1;display:inline-grid;position:relative}.info-tooltip>span{z-index:30;border:1px solid var(--line-strong);color:#f5faf3;width:min(320px,72vw);box-shadow:var(--shadow);background:#17211d;border-radius:8px;padding:.7rem;font-size:.78rem;font-weight:500;line-height:1.35;display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.info-tooltip:hover>span,.info-tooltip:focus>span{display:block}.field-input,.field-textarea,input,textarea,select{border:1px solid var(--line-strong);width:100%;color:var(--text);background:#fff;border-radius:8px;padding:.72rem .78rem}textarea,.field-textarea{resize:vertical;min-height:110px}input:focus,textarea:focus,select:focus{border-color:var(--primary);outline:3px solid #146c5f29}label{color:var(--muted);gap:.35rem;font-size:.88rem;display:grid}.form-grid.compact{gap:.65rem}.two-col,.two-col.wide,.admin-editor-grid{gap:.85rem;display:grid}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col.wide,.admin-editor-grid{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr)}.admin-editor{gap:1rem;padding:1rem;display:grid}.editor-header{justify-content:space-between}.editor-side,.editor-content{min-width:0}.editor-side{border-right:1px solid var(--line);align-content:start;gap:.75rem;padding-right:.85rem;display:grid}.editor-content{gap:.9rem;display:grid}.editable-question{grid-template-columns:160px minmax(180px,1fr);gap:.65rem;display:grid}.editable-question textarea{min-height:74px}.editable-question .checkbox-line,.editable-question .button-row{grid-column:1/-1}.automation-panel{border-top:1px solid var(--line);padding-top:1rem}.responses-panel{border-top:1px solid var(--line);gap:1rem;padding-top:1rem;display:grid}.response-card summary{cursor:pointer;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:.75rem;display:grid}.status-note{color:var(--primary-strong);background:#edf7f2;border:1px solid #146c5f47;border-radius:8px;margin:0;padding:.8rem .9rem;font-size:.92rem;line-height:1.4}.checkbox-line{color:var(--text);align-items:center;gap:.5rem;display:flex}.checkbox-line input{width:auto;accent-color:var(--primary)}.primary,.secondary,.danger,.link-button{border:1px solid #0000;border-radius:8px;padding:.72rem .95rem;font-weight:700}.primary{background:var(--primary);color:#fff}.primary:hover{background:var(--primary-strong)}.secondary{border-color:var(--line-strong);background:var(--surface);color:var(--text)}.secondary:hover{border-color:var(--primary)}.danger{color:var(--danger);background:#fff4f1;border-color:#a3383859}.link-button{color:var(--primary);text-align:left;background:0 0}.questionnaire-footer{flex-wrap:wrap;justify-content:flex-end}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin-bottom:.35rem;font-size:.72rem;font-weight:800}.muted{color:var(--muted);line-height:1.45}.alert,.toast{color:#7d3c1a;background:#fff7ed;border:1px solid #b65d2f40;border-radius:8px;padding:.75rem}.toast.inline{padding:.45rem .6rem;font-size:.82rem}.empty-panel{min-height:220px;color:var(--muted);place-items:center;display:grid}@media (width<=1080px){.admin-layout,.client-layout,.admin-editor-grid,.two-col.wide,.proposal-hero,.proposal-split,.proposal-selector-wrap,.proposal-card-grid,.proposal-card-grid.terms{grid-template-columns:1fr}.admin-sidebar,.client-projects,.proposal-summary-card{position:static}.editor-side{border-right:0;border-bottom:1px solid var(--line);padding-bottom:.85rem;padding-right:0}}@media (width<=720px){.app-header,.questionnaire-header,.two-col,.editable-question{grid-template-columns:1fr}.app-header,.questionnaire-header{display:grid}.user-box,.progress-box{text-align:left;justify-content:start}.progress-box{border-left:0;border-top:1px solid var(--line);padding-top:.8rem;padding-left:0}.admin-layout,.client-layout,.questionnaire-shell,.admin-editor{padding:.75rem}.section-tabs{grid-template-columns:1fr}.proposal-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.proposal-selector-option{grid-template-columns:auto minmax(0,1fr)}.proposal-selector-option em{text-align:left;grid-column:2;min-width:0}.response-card summary,.custom-option-row{grid-template-columns:1fr}}
