: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}.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{grid-template-columns:1fr}.admin-sidebar,.client-projects{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,.response-card summary,.custom-option-row{grid-template-columns:1fr}}
