:root{font-family:Arial,"Noto Sans Hebrew",sans-serif;color:#17211b;background:#f4f7f5;line-height:1.5}*{box-sizing:border-box}body{margin:0;background:var(--sf-bg,#f4f7f5)}a{color:inherit}.sf-topbar{height:64px;background:#fff;border-bottom:1px solid #dce5df;display:flex;align-items:center;padding:0 28px;gap:12px;position:sticky;top:0;z-index:20}.sf-brand{text-decoration:none;font-weight:800;font-size:22px}.sf-badge,.sf-chip{font-size:12px;padding:3px 8px;border-radius:999px;background:#e8f5ec;color:#166534}.sf-shell{max-width:1500px;margin:0 auto;padding:28px}.sf-page-head,.sf-editor-head,.sf-card-row,.sf-progress-line,.sf-actions,.sf-section-toolbar,.sf-dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.sf-page-head h1,.sf-editor-head h1{margin:0}.sf-page-head p{margin:4px 0 0;color:#66736c}.sf-button{border:1px solid #c9d5cd;background:#fff;color:#17211b;padding:10px 15px;border-radius:10px;cursor:pointer;font-weight:700;text-decoration:none;display:inline-flex;justify-content:center;align-items:center}.sf-button:hover{filter:brightness(.98)}.sf-button-primary{background:#166534;color:#fff;border-color:#166534}.sf-button-block{width:100%}.sf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:24px}.sf-survey-card,.sf-panel,.sf-empty,.sf-side-panel section,.sf-section-card,.sf-question-card{background:#fff;border:1px solid #dce5df;border-radius:16px;box-shadow:0 8px 28px rgba(23,33,27,.05)}.sf-survey-card{padding:20px;text-decoration:none}.sf-survey-card p{color:#66736c}.sf-progress-line{font-size:13px;border-top:1px solid #edf1ee;padding-top:12px}.sf-empty{padding:40px;text-align:center;grid-column:1/-1}.sf-narrow{max-width:680px;margin:auto}.sf-stack{display:grid;gap:16px}.sf-panel{padding:24px}label{display:grid;gap:7px;font-weight:700;font-size:14px}input,textarea,select{width:100%;border:1px solid #c9d5cd;border-radius:10px;padding:10px 12px;background:#fff;font:inherit;color:inherit}textarea{resize:vertical}.sf-editor-head{margin-bottom:18px}.sf-back{font-size:13px;color:#647168}.sf-save-state{font-size:13px;color:#647168}.sf-editor-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:20px;align-items:start}.sf-side-panel{display:grid;gap:14px;position:sticky;top:84px;max-height:calc(100vh - 100px);overflow:auto}.sf-side-panel section{padding:16px;display:grid;gap:12px}.sf-side-panel h2{font-size:16px;margin:0}.sf-help{font-size:12px;color:#66736c;margin:0}.sf-builder{min-width:0}.sf-section-toolbar{background:#fff;border:1px solid #dce5df;border-radius:14px;padding:8px;margin-bottom:14px;position:sticky;top:76px;z-index:10}.sf-section-nav{display:flex;gap:8px;overflow:auto;flex:1;padding:2px}.sf-section-tab{border:1px solid #dce5df;background:#f8faf9;padding:8px 12px;border-radius:9px;white-space:nowrap;cursor:pointer}.sf-section-tab.is-active{background:var(--sf-primary,#166534);color:#fff;border-color:var(--sf-primary,#166534)}.sf-section-tab.is-dragging{opacity:.4}.sf-icon-button{width:40px;height:40px;border:0;border-radius:10px;background:#edf5f0;font-size:24px;cursor:pointer}.sf-section-card{padding:22px;background:var(--sf-card,#fff)}.sf-section-card-head{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start}.sf-section-card-head input{font-size:22px;font-weight:800;border-color:transparent;background:transparent;padding-inline:0}.sf-section-description{margin-top:8px}.sf-section-actions{display:flex;gap:8px}.sf-question-list{display:grid;gap:12px;margin-top:20px}.sf-question-card{padding:16px;display:grid;gap:12px;cursor:grab}.sf-question-card.is-dragging{opacity:.45}.sf-question-top{display:grid;grid-template-columns:auto minmax(0,1fr) 180px auto;gap:10px;align-items:center}.sf-drag-handle{font-size:20px;color:#87958d}.sf-question-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sf-question-fields .sf-full{grid-column:1/-1}.sf-inline-check{display:flex;align-items:center;gap:8px;font-size:13px}.sf-inline-check input{width:auto}.sf-danger{color:#a12626}.sf-add-row{display:flex;gap:10px;margin-top:14px}.sf-dialog{border:0;border-radius:18px;padding:24px;max-width:560px;width:calc(100% - 30px);box-shadow:0 24px 80px rgba(0,0,0,.25)}.sf-dialog::backdrop{background:rgba(10,20,15,.45)}.sf-dialog h2{margin:0}.sf-field-error,.sf-alert-danger{color:#9b1c1c;background:#fff0f0;border:1px solid #f2c7c7;padding:10px;border-radius:9px}.sf-alert{margin-bottom:16px}code{direction:ltr;display:inline-block}.sf-toast{position:fixed;bottom:24px;left:24px;background:#17211b;color:#fff;padding:11px 15px;border-radius:10px;z-index:100;box-shadow:0 12px 40px rgba(0,0,0,.25)}@media(max-width:980px){.sf-editor-layout{grid-template-columns:1fr}.sf-side-panel{position:static;max-height:none}.sf-editor-head{align-items:flex-start;flex-direction:column}.sf-actions{flex-wrap:wrap}.sf-shell{padding:18px}.sf-question-top{grid-template-columns:auto 1fr}.sf-question-top select,.sf-question-top .sf-inline-check{grid-column:2}.sf-question-fields{grid-template-columns:1fr}}
.sf-title-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sf-chip-warn{background:#fff4d6;color:#8a5a00}.sf-status-published{background:#e8f5ec;color:#166534}.sf-status-draft{background:#eef1f3;color:#53616a}.sf-status-closed{background:#fff0f0;color:#9b1c1c}.sf-button:disabled{opacity:.5;cursor:not-allowed}.sf-dialog-wide{max-width:900px}.sf-dialog-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.sf-dialog-title-row p{margin-bottom:0;color:#66736c}.sf-dialog-actions-start{justify-content:flex-start}.sf-invite-list{display:grid;gap:10px;max-height:55vh;overflow:auto}.sf-invite-row{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #dce5df;border-radius:12px;padding:10px}.sf-invite-row>div{display:grid}.sf-invite-row span{font-size:12px;color:#66736c}.sf-invite-row input{direction:ltr;text-align:left;font-size:12px}.sf-public-body{background:var(--sf-bg,#f4f7f5)}.sf-public-topbar{justify-content:space-between}.sf-public-shell{max-width:920px;margin:0 auto;padding:28px 18px 60px}.sf-public-intro{background:var(--sf-card,#fff);border:1px solid #dce5df;border-top:7px solid var(--sf-primary,#166534);border-radius:18px;padding:26px;box-shadow:0 10px 34px rgba(23,33,27,.07);margin-bottom:18px}.sf-public-intro h1{font-size:32px;margin:12px 0 6px}.sf-public-intro p{color:#5f6f66;margin:0 0 12px}.sf-public-section-nav{display:flex;gap:8px;overflow:auto;margin-bottom:14px;padding:2px}.sf-public-step{display:flex;align-items:center;gap:8px;border:1px solid #d4ded7;background:#fff;border-radius:999px;padding:8px 12px;white-space:nowrap;cursor:pointer}.sf-public-step span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#edf4ef;font-weight:800}.sf-public-step.is-active{border-color:var(--sf-primary,#166534);color:var(--sf-primary,#166534);box-shadow:0 0 0 2px color-mix(in srgb,var(--sf-primary,#166534) 15%,transparent)}.sf-public-step.is-active span{background:var(--sf-primary,#166534);color:#fff}.sf-public-section-card{background:var(--sf-card,#fff);border:1px solid #dce5df;border-radius:18px;padding:24px;box-shadow:0 10px 34px rgba(23,33,27,.06)}.sf-public-section-head{padding-bottom:18px;border-bottom:1px solid #edf1ee}.sf-public-section-head>span{font-size:12px;color:#68766e}.sf-public-section-head h2{font-size:25px;margin:4px 0}.sf-public-section-head p{margin:0;color:#66736c}.sf-public-question-list{display:grid;gap:16px;margin-top:18px}.sf-public-question{border:1px solid #dde6e0;border-radius:14px;padding:18px;background:#fff}.sf-public-question.has-error{border-color:#d95858;box-shadow:0 0 0 2px rgba(217,88,88,.12)}.sf-public-question-head h3{font-size:18px;margin:0}.sf-public-question-head p{margin:5px 0 0;color:#66736c}.sf-required{color:#b42318}.sf-public-input{margin-top:14px}.sf-choice-list{display:grid;gap:9px;margin-top:14px}.sf-choice{display:flex;align-items:center;gap:10px;border:1px solid #e0e7e2;border-radius:11px;padding:10px 12px;font-weight:500;cursor:pointer}.sf-choice:hover{background:#f8faf9}.sf-choice input{width:auto;accent-color:var(--sf-primary,#166534)}.sf-scale-labels{display:flex;justify-content:space-between;color:#66736c;font-size:12px;margin-top:14px}.sf-rating-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.sf-rating-option{display:block}.sf-rating-option input{position:absolute;opacity:0;pointer-events:none}.sf-rating-option span{display:grid;place-items:center;min-width:42px;height:42px;border:1px solid #d5dfd8;border-radius:10px;background:#fff;cursor:pointer}.sf-rating-option input:checked+span{background:var(--sf-primary,#166534);border-color:var(--sf-primary,#166534);color:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--sf-primary,#166534) 16%,transparent)}.sf-rating-glyphs .sf-rating-option span{font-size:25px}.sf-grid-wrap{overflow:auto;margin-top:14px}.sf-response-grid{width:100%;border-collapse:collapse;min-width:500px}.sf-response-grid th,.sf-response-grid td{border:1px solid #e0e7e2;padding:10px;text-align:center}.sf-response-grid tbody th{text-align:right}.sf-response-grid input{width:auto;accent-color:var(--sf-primary,#166534)}.sf-public-heading{padding:8px 2px}.sf-public-heading h2{margin:0}.sf-public-heading p{color:#66736c}.sf-public-media{margin:0;text-align:center;border:1px solid #e0e7e2;border-radius:14px;padding:14px}.sf-public-media img{display:block;max-width:100%;max-height:520px;margin:auto;border-radius:10px}.sf-public-media figcaption,.sf-public-media p{margin-top:8px;color:#66736c}.sf-runtime-notice{margin-top:12px;background:#fff4d6;color:#7c5500;border:1px solid #ecd390;border-radius:10px;padding:12px}.sf-question-error{color:#a12626;font-size:13px;margin-top:10px}.sf-public-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.sf-save-state.is-error{color:#a12626}.sf-complete-card{background:#fff;border:1px solid #dce5df;border-radius:20px;padding:48px 28px;text-align:center;box-shadow:0 14px 46px rgba(23,33,27,.08);max-width:620px;margin:70px auto}.sf-complete-mark{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;margin:0 auto 18px;background:var(--sf-primary,#166534);color:#fff;font-size:42px;font-weight:800}.sf-complete-card h1{margin:0}.sf-complete-card p{color:#66736c}.sf-score{font-size:22px!important;color:#17211b!important;font-weight:800}@media(max-width:760px){.sf-invite-row{grid-template-columns:1fr}.sf-public-intro h1{font-size:26px}.sf-public-section-card{padding:16px}.sf-public-actions{position:sticky;bottom:0;background:rgba(244,247,245,.94);padding:10px 0}.sf-public-actions .sf-button{flex:1}.sf-public-step{font-size:13px}}
.sf-dialog-ai{max-width:1200px;max-height:92vh;overflow:auto}.sf-ai-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sf-ai-step{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;border:1px solid #dce5df;border-radius:16px;padding:18px;background:#fbfcfb}.sf-ai-step>div{display:grid;gap:12px}.sf-ai-step h3{margin:0;font-size:18px}.sf-ai-step-number{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--sf-primary,#166534);color:#fff;font-weight:800}.sf-ai-or{text-align:center;color:#738078;font-size:12px;position:relative}.sf-ai-or:before,.sf-ai-or:after{content:"";display:inline-block;width:35%;height:1px;background:#dce5df;vertical-align:middle;margin:0 8px}.sf-alert-warn{color:#7c5500;background:#fff8e8;border:1px solid #ecd390;padding:10px;border-radius:9px}.sf-ai-diff{display:grid;gap:9px}.sf-ai-diff-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sf-ai-diff-metrics span,.sf-ai-diff-row{border:1px solid #e0e7e2;background:#fff;border-radius:10px;padding:9px 11px}.sf-ai-diff-metrics strong{font-size:18px}.sf-ai-diff-row{display:flex;justify-content:space-between;gap:12px}.sf-ai-diff-row span{color:#647168;text-align:left}@media(max-width:900px){.sf-ai-grid{grid-template-columns:1fr}.sf-dialog-ai{max-height:96vh}.sf-ai-diff-metrics{grid-template-columns:1fr}}
.sf-results-head{align-items:flex-end}.sf-results-filter{display:flex;align-items:flex-end;gap:12px;background:#fff;border:1px solid #dce5df;border-radius:14px;padding:14px;margin-bottom:16px}.sf-results-filter label{min-width:min(100%,460px)}.sf-metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}.sf-metric-grid-compact{grid-template-columns:repeat(5,minmax(0,1fr));margin:0}.sf-metric-card{background:#fff;border:1px solid #dce5df;border-radius:14px;padding:16px;display:grid;gap:6px;box-shadow:0 8px 26px rgba(23,33,27,.04)}.sf-metric-card span{font-size:13px;color:#66736c}.sf-metric-card strong{font-size:28px}.sf-metric-primary{border-color:var(--sf-primary,#166534);box-shadow:0 0 0 2px color-mix(in srgb,var(--sf-primary,#166534) 12%,transparent)}.sf-results-section{background:#fff;border:1px solid #dce5df;border-radius:16px;padding:20px;margin-bottom:16px}.sf-results-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.sf-results-section-head h2{margin:0}.sf-results-section-head p{margin:5px 0 0;color:#66736c}.sf-funnel,.sf-distribution-list{display:grid;gap:13px}.sf-funnel-row>div:first-child,.sf-distribution-row>div:first-child{display:flex;justify-content:space-between;gap:16px;margin-bottom:6px}.sf-funnel-row span,.sf-distribution-row strong{color:#66736c;font-size:13px}.sf-result-bar{height:12px;border-radius:999px;background:#edf2ef;overflow:hidden}.sf-result-bar>span{display:block;height:100%;border-radius:inherit;background:var(--sf-primary,#166534);min-width:0}.sf-question-analytics-list{display:grid;gap:14px}.sf-question-analytics{border:1px solid #dfe7e2;border-radius:14px;padding:18px}.sf-question-analytics>header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}.sf-question-analytics header span{font-size:12px;color:#66736c}.sf-question-analytics h3{margin:3px 0 0;font-size:19px}.sf-answer-count{white-space:nowrap;font-size:13px;color:#66736c}.sf-scale-summary{display:flex;gap:18px;margin-bottom:12px}.sf-scale-summary span{background:#f5f8f6;border-radius:9px;padding:8px 10px}.sf-text-summary>p{color:#66736c}.sf-text-response-list{display:grid;gap:8px;max-height:520px;overflow:auto}.sf-text-response-list blockquote{margin:0;border-right:3px solid var(--sf-primary,#166534);background:#f8faf9;padding:10px 13px;border-radius:8px;white-space:pre-wrap}.sf-results-table{width:100%;border-collapse:collapse;min-width:680px}.sf-results-table th,.sf-results-table td{padding:11px 12px;border-bottom:1px solid #e6ece8;text-align:right;vertical-align:top}.sf-results-table thead th{background:#f5f8f6;font-size:13px}.sf-results-table td small{display:block;color:#66736c;margin-top:3px}.sf-grid-result-values{display:flex;gap:8px;flex-wrap:wrap}.sf-grid-result-values span{background:#f5f8f6;border-radius:8px;padding:6px 8px;font-size:13px}@media(max-width:980px){.sf-metric-grid,.sf-metric-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-results-head{align-items:flex-start}.sf-question-analytics>header{flex-direction:column}.sf-answer-count{white-space:normal}}@media(max-width:560px){.sf-metric-grid,.sf-metric-grid-compact{grid-template-columns:1fr}.sf-results-section{padding:14px}.sf-results-section-head{flex-direction:column}.sf-funnel-row>div:first-child,.sf-distribution-row>div:first-child{align-items:flex-start}}
.sf-ai-step-wide{grid-column:1/-1}.sf-orchestration-controls{display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:16px;align-items:end}.sf-run-progress{height:12px;background:#e7eee9;border-radius:999px;overflow:hidden}.sf-run-progress span{display:block;height:100%;width:0;background:var(--sf-primary,#166534);transition:width .25s ease}.sf-run-chunks{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px}.sf-run-chunk{border:1px solid #dce5df;background:#fff;border-radius:10px;padding:10px;display:grid;gap:3px}.sf-run-chunk strong{font-size:13px}.sf-run-chunk small{color:#6b7770}.sf-run-chunk.is-completed{border-color:#8bc79c;background:#f2fbf5}.sf-run-chunk.is-invalid{border-color:#e8a3a3;background:#fff5f5}.sf-run-chunk.is-active{outline:2px solid var(--sf-primary,#166534)}.sf-run-active{display:grid;gap:12px;border-top:1px solid #dce5df;padding-top:14px}.sf-run-active[hidden]{display:none}.sf-run-active h4{margin:0}.sf-orchestration-controls .sf-dialog-actions{justify-content:flex-start;flex-wrap:wrap}@media(max-width:700px){.sf-orchestration-controls{grid-template-columns:1fr}.sf-ai-step-wide{grid-column:auto}}
.sf-branching-builder{margin-top:20px;border:1px solid #dce5df;border-radius:14px;padding:16px;background:#f8fbf9;display:grid;gap:14px}.sf-branching-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.sf-branching-head h3{margin:0;font-size:18px}.sf-branching-head p{margin:4px 0 0;color:#66736c;font-size:13px}.sf-branch-rule-list{display:grid;gap:10px}.sf-branch-rule{display:grid;grid-template-columns:auto repeat(5,minmax(130px,1fr)) auto;gap:10px;align-items:end;background:#fff;border:1px solid #dde6e0;border-radius:12px;padding:12px}.sf-branch-rule-number{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--sf-primary,#166534);color:#fff;font-weight:800;align-self:center}.sf-branch-rule label{font-size:12px}.sf-branch-preview{border-top:1px solid #dce5df;padding-top:12px}.sf-branch-preview summary{cursor:pointer;font-weight:800}.sf-branch-preview-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:12px 0}.sf-branch-preview-checks{display:flex;gap:8px;flex-wrap:wrap}.sf-branch-preview-checks label{display:flex;align-items:center;gap:5px;border:1px solid #dce5df;border-radius:8px;padding:6px 8px;font-weight:500}.sf-branch-preview-checks input{width:auto}.sf-branch-preview-result{margin-top:10px;border:1px solid #dce5df;border-radius:10px;padding:10px;background:#fff;display:grid;gap:4px}.sf-branch-preview-result span{color:#66736c;font-size:13px}.sf-public-step.is-skipped{display:none}@media(max-width:1180px){.sf-branch-rule{grid-template-columns:auto repeat(2,minmax(180px,1fr))}.sf-branch-rule .sf-danger{grid-column:-2/-1}}@media(max-width:700px){.sf-branching-head{flex-direction:column}.sf-branch-rule{grid-template-columns:1fr}.sf-branch-rule-number{display:none}.sf-branch-rule .sf-danger{grid-column:auto}.sf-branch-preview-fields{grid-template-columns:1fr}}

/* v0.010 respondent file uploads */
.sf-file-upload-box{display:grid;gap:.7rem;padding:.85rem;border:1px dashed color-mix(in srgb,var(--sf-primary,#166534) 35%,#cbd5e1);border-radius:12px;background:color-mix(in srgb,var(--sf-card,#fff) 92%,var(--sf-primary,#166534) 8%)}
.sf-uploaded-files{display:grid;gap:.5rem}
.sf-uploaded-file{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem .75rem;border:1px solid #dbe4df;border-radius:10px;background:var(--sf-card,#fff)}
.sf-uploaded-file div{display:grid;gap:.1rem;min-width:0}.sf-uploaded-file strong{overflow-wrap:anywhere}.sf-uploaded-file small{color:#64748b}
.sf-file-remove{border:0;background:transparent;font-size:1.45rem;line-height:1;cursor:pointer;color:#9f1239;padding:.25rem .4rem}
.sf-file-picker{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;padding:.7rem 1rem;border-radius:10px;background:var(--sf-primary,#166534);color:#fff;font-weight:700;cursor:pointer}
.sf-file-picker input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.sf-file-picker.is-disabled{opacity:.5;cursor:not-allowed}
.sf-file-result-link{display:block;max-width:22rem;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:2px;margin:.15rem 0}
.sf-invitation-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-bottom:20px}.sf-panel-card{background:#fff;border:1px solid #dce5df;border-radius:16px;padding:20px;box-shadow:0 8px 28px rgba(23,33,27,.05)}.sf-panel-card h2{margin-top:0}.sf-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sf-provider-card{display:grid;gap:8px;border:1px solid #dce5df;border-radius:12px;padding:14px}.sf-campaign-history{display:grid;gap:12px}.sf-campaign-card{display:grid;grid-template-columns:minmax(180px,1fr) minmax(320px,2fr) auto;align-items:center;gap:16px;border:1px solid #dce5df;border-radius:14px;padding:16px}.sf-campaign-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.sf-campaign-metrics span{background:#f7faf8;border-radius:10px;padding:9px;text-align:center;font-size:12px}.sf-campaign-metrics strong{display:block;font-size:18px}.sf-alert-success{color:#166534;background:#edf9f0;border:1px solid #aad6b5;padding:10px;border-radius:9px}@media(max-width:900px){.sf-invitation-grid{grid-template-columns:1fr}.sf-campaign-card{grid-template-columns:1fr}.sf-campaign-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.sf-provider-grid,.sf-campaign-metrics{grid-template-columns:1fr}}


.sf-source-library{margin-top:1rem;padding:1rem;border:1px solid #d8e5dc;border-radius:14px;background:#f8fbf9}
.sf-source-library-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.sf-source-library-head h4{margin:0 0 .25rem}
.sf-source-library-list{display:grid;gap:.55rem;margin-top:.75rem;max-height:240px;overflow:auto}
.sf-source-library-card{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem;border:1px solid #dce8e0;border-radius:10px;background:#fff}
.sf-source-library-card div{display:grid;gap:.15rem;min-width:0}
.sf-source-library-card strong,.sf-source-library-card span,.sf-source-library-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sf-source-library-card span,.sf-source-library-card small{color:#52645a;font-size:.85rem}
.sf-source-library-detail{margin-top:.9rem;padding-top:.9rem;border-top:1px solid #d8e5dc}

.sf-source-library-card-actions{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}
.sf-source-collections{margin-top:1rem;padding-top:1rem;border-top:1px solid #d8e5dc}
.sf-source-collection-selected{display:grid;gap:.45rem;margin:.65rem 0}
.sf-source-collection-selected-row{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.55rem .65rem;border:1px dashed #b8cbbf;border-radius:9px;background:#fff}
.sf-source-collection-selected-row>div{display:flex;gap:.3rem}
.sf-source-collection-items{margin:.65rem 0;padding-inline-start:1.4rem;display:grid;gap:.35rem}

/* v0.038 direct JSON import and editor keyboard controls */
.sf-json-import-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:20px;align-items:start}
.sf-json-import-source,.sf-json-import-preview{display:grid;gap:14px;min-width:0}
.sf-json-import-preview{position:sticky;top:0;border:1px solid #dce5df;border-radius:14px;padding:16px;background:#f8fbf9}
.sf-json-import-preview h3{margin:0}
#sf-json-import-text{direction:ltr;text-align:left;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.55}
.sf-shortcut-list{display:grid;gap:10px;margin:0}.sf-shortcut-list>div{display:grid;grid-template-columns:minmax(190px,auto) 1fr;gap:16px;align-items:center;border-bottom:1px solid #edf1ee;padding-bottom:10px}.sf-shortcut-list dt,.sf-shortcut-list dd{margin:0}.sf-shortcut-list dd{color:#58675f}.sf-shortcut-list kbd{display:inline-block;min-width:30px;padding:4px 7px;border:1px solid #cbd5cf;border-bottom-width:2px;border-radius:6px;background:#fff;text-align:center;font:700 12px/1.2 Arial,sans-serif;box-shadow:0 1px 0 rgba(0,0,0,.05)}
.sf-actions .sf-icon-button{flex:0 0 auto}.sf-icon-button:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:800px){.sf-json-import-grid{grid-template-columns:1fr}.sf-json-import-preview{position:static}.sf-shortcut-list>div{grid-template-columns:1fr}}
.sf-actions{flex-wrap:wrap;justify-content:flex-end}

.sf-button-compact{padding:.45rem .65rem;min-height:2.35rem;white-space:nowrap}

/* v0.041 Gen-Z RTL UI, centered editor, toasts and dark/light */
.sf-dialog-preview{width:min(1180px,calc(100vw - 32px));max-width:1180px}
.sf-full-preview-body,.sf-embedded-survey-preview{min-height:220px;max-height:70vh;overflow:auto;border:1px solid #dce5df;border-radius:14px;background:var(--sf-bg,#f4f7f5);padding:16px}
.sf-embedded-survey-preview{max-height:520px;padding:10px}
.sf-preview-document{display:grid;gap:16px}
.sf-preview-document-head{background:var(--sf-card,#fff);border:1px solid #dce5df;border-top:7px solid var(--sf-primary,#166534);border-radius:18px;padding:22px}
.sf-preview-document-head h1{margin:8px 0 4px;font-size:30px}
.sf-preview-document-head p{margin:0;color:#66736c}
.sf-preview-document-head small{display:block;margin-top:10px;color:#66736c}
.sf-preview-section-list{display:grid;gap:16px}
.sf-preview-placeholder{display:grid;place-items:center;min-height:100px;border:1px dashed #cbd5cf;border-radius:12px;color:#66736c;background:#f8faf9}
.sf-embedded-survey-preview .sf-preview-document-head h1{font-size:22px}
.sf-embedded-survey-preview .sf-public-section-card{padding:14px}
.sf-embedded-survey-preview .sf-public-question{padding:12px}
.sf-save-state{min-height:1.5em}
@media(max-width:800px){.sf-dialog-preview{width:calc(100vw - 16px)}.sf-full-preview-body{padding:8px}.sf-preview-document-head{padding:16px}.sf-preview-document-head h1{font-size:24px}}

/* SmartForm v0.041 — centered Gen-Z UI, accessible icon controls, dark/light mode */
:root{
  --ui-bg:#f5f4fb;
  --ui-surface:#ffffff;
  --ui-surface-soft:#f8f7fc;
  --ui-text:#1d1a26;
  --ui-muted:#6f6a7a;
  --ui-border:#e3dfeb;
  --ui-accent:#6d4aff;
  --ui-accent-strong:#5735ee;
  --ui-danger:#d92d4f;
  --ui-warning:#f4b740;
  --ui-success:#1f9d66;
  --ui-shadow:0 18px 48px rgba(62,45,100,.10);
  --ui-radius:18px;
  color-scheme:light;
}
html[data-theme="dark"]{
  --ui-bg:#111018;
  --ui-surface:#1b1924;
  --ui-surface-soft:#24212f;
  --ui-text:#f6f3ff;
  --ui-muted:#aaa4b8;
  --ui-border:#373244;
  --ui-accent:#a58cff;
  --ui-accent-strong:#b6a3ff;
  --ui-danger:#ff718d;
  --ui-warning:#ffd166;
  --ui-success:#64d6a1;
  --ui-shadow:0 20px 58px rgba(0,0,0,.34);
  color-scheme:dark;
}
html{background:var(--ui-bg)}
body{background:var(--ui-bg)!important;color:var(--ui-text);transition:background-color .2s ease,color .2s ease}
.sf-topbar{height:68px;padding:0 20px;background:color-mix(in srgb,var(--ui-surface) 92%,transparent);border-color:var(--ui-border);backdrop-filter:blur(18px)}
.sf-topbar-inner{width:min(1320px,100%);margin:0 auto;display:flex;align-items:center;gap:16px}
.sf-topbar-branding,.sf-topbar-actions{display:flex;align-items:center;gap:10px}
.sf-topbar-actions{margin-inline-start:auto}
.sf-brand{letter-spacing:-.04em;color:var(--ui-text)}
.sf-badge{background:var(--ui-surface-soft);color:var(--ui-muted);border:1px solid var(--ui-border)}
.sf-topbar-login,.sf-link-button{color:var(--ui-text);font-weight:750;text-decoration:none;background:none;border:0;cursor:pointer;font:inherit;padding:8px}
.sf-shell{width:min(1260px,100%);max-width:1260px;padding:30px 24px 64px}
.sf-page-head,.sf-editor-head{width:min(1100px,100%);margin-inline:auto}
.sf-editor-head{align-items:flex-start;margin-bottom:20px}
.sf-actions{justify-content:flex-end;flex-wrap:wrap;gap:8px;max-width:720px}
.sf-title-line h1{letter-spacing:-.035em}
.sf-editor-layout{grid-template-columns:280px minmax(0,780px);justify-content:center;gap:22px;width:min(1100px,100%);margin-inline:auto}
.sf-builder{width:100%}
.sf-side-panel section,.sf-section-card,.sf-question-card,.sf-section-toolbar,.sf-panel,.sf-empty{background:var(--ui-surface);border-color:var(--ui-border);box-shadow:var(--ui-shadow)}
.sf-side-panel{scrollbar-width:thin}
.sf-side-panel section{border-radius:var(--ui-radius)}
.sf-section-toolbar{top:80px;background:color-mix(in srgb,var(--ui-surface) 94%,transparent);backdrop-filter:blur(16px)}
.sf-section-card{border-radius:22px!important;padding:24px!important;background:var(--ui-surface)!important}
.sf-question-card{border-radius:16px;background:var(--ui-surface-soft);box-shadow:none;transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .18s ease,border-color .18s ease,box-shadow .18s ease}
.sf-question-card:hover{border-color:color-mix(in srgb,var(--ui-accent) 38%,var(--ui-border));box-shadow:0 12px 28px rgba(65,44,110,.08)}
input,textarea,select{background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border);min-height:42px}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--ui-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-accent) 18%,transparent)}
.sf-section-card-head input{min-height:auto;color:var(--ui-text)}
.sf-help,.sf-save-state,.sf-page-head p,.sf-dialog-title-row p{color:var(--ui-muted)}
.sf-button,.sf-icon-button{height:42px;min-height:42px;border-radius:12px;font-weight:760;transition:transform .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease}
.sf-button{padding:0 15px;gap:8px;background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border)}
.sf-button:hover:not(:disabled),.sf-icon-button:hover:not(:disabled){filter:none;transform:translateY(-1px);border-color:color-mix(in srgb,var(--ui-accent) 38%,var(--ui-border));box-shadow:0 8px 20px rgba(69,48,115,.10)}
.sf-button:active:not(:disabled),.sf-icon-button:active:not(:disabled){transform:translateY(0) scale(.98)}
.sf-button-primary,.sf-icon-button-primary{background:var(--ui-accent);border-color:var(--ui-accent);color:#fff}
.sf-button-primary:hover:not(:disabled),.sf-icon-button-primary:hover:not(:disabled){background:var(--ui-accent-strong);border-color:var(--ui-accent-strong)}
.sf-icon-button{width:42px;display:inline-grid;place-items:center;padding:0;border:1px solid var(--ui-border);background:var(--ui-surface);color:var(--ui-text);font-size:inherit;flex:0 0 42px}
.sf-icon-button-danger{color:var(--ui-danger);background:color-mix(in srgb,var(--ui-danger) 8%,var(--ui-surface));border-color:color-mix(in srgb,var(--ui-danger) 24%,var(--ui-border))}
.sf-icon-button:disabled{opacity:.38;cursor:not-allowed;transform:none;box-shadow:none}
.sf-icon,.sf-inline-icon svg,.sf-icon-button svg,.sf-button svg,.sf-toast svg,.sf-survey-tile svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sf-icon-moon{display:none}
html[data-theme="dark"] .sf-icon-sun{display:none}
html[data-theme="dark"] .sf-icon-moon{display:block}
.sf-tooltip{position:relative}
.sf-tooltip::after{content:attr(data-tooltip);position:absolute;inset-block-start:calc(100% + 8px);inset-inline-start:50%;translate:-50% 4px;white-space:nowrap;padding:6px 9px;border-radius:8px;background:#17131f;color:#fff;font-size:12px;font-weight:650;opacity:0;pointer-events:none;transition:opacity .15s ease,translate .15s ease;z-index:300}
.sf-tooltip:hover::after,.sf-tooltip:focus-visible::after{opacity:1;translate:-50% 0}
.sf-section-actions{align-items:center}
.sf-question-top{grid-template-columns:32px minmax(0,1fr) 220px 42px}
.sf-drag-handle{display:grid;place-items:center;color:var(--ui-muted);cursor:grab}
.sf-drag-handle svg{width:22px;height:22px;fill:currentColor;stroke:none}
.sf-type-picker{position:relative;display:flex;align-items:center;min-width:0;font-weight:700}
.sf-type-picker .sf-inline-icon{position:absolute;inset-inline-start:12px;z-index:1;display:grid;color:var(--ui-accent);pointer-events:none}
.sf-type-picker select{appearance:none;padding-inline-start:43px;padding-inline-end:36px;background-image:linear-gradient(45deg,transparent 50%,var(--ui-muted) 50%),linear-gradient(135deg,var(--ui-muted) 50%,transparent 50%);background-position:calc(100% - 18px) 18px,calc(100% - 13px) 18px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;font-weight:760;cursor:pointer}
[dir="rtl"] .sf-type-picker select{background-position:18px 18px,13px 18px;padding-inline-end:43px;padding-inline-start:36px}
.sf-add-row{align-items:center;border-top:1px solid var(--ui-border);padding-top:16px}
.sf-add-row .sf-type-picker{flex:1}
.sf-section-tab{background:var(--ui-surface-soft);border-color:var(--ui-border);color:var(--ui-text);transition:transform .22s cubic-bezier(.2,.8,.2,1),background-color .16s ease,border-color .16s ease}
.sf-section-tab.is-active{background:var(--ui-accent);border-color:var(--ui-accent);color:#fff}
.is-dragging{opacity:.34!important;transform:scale(.97)!important}
.is-drop-target{border-color:var(--ui-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-accent) 18%,transparent)!important;transform:translateY(4px)}
.is-sorting>*:not(.is-dragging){transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.sf-dialog{background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-border)}
.sf-dialog::backdrop{background:rgba(10,8,16,.62);backdrop-filter:blur(4px)}
.sf-rating-glyphs .sf-rating-option span{color:#bbb5c5;background:transparent;border-color:transparent;font-size:30px;transition:transform .12s ease,color .12s ease,text-shadow .12s ease}
.sf-rating-glyphs .sf-rating-option:hover span,.sf-rating-glyphs .sf-rating-option:focus-within span{transform:scale(1.14)}
.sf-rating-glyphs .sf-rating-option.is-filled span,.sf-rating-glyphs .sf-rating-option input:checked+span{color:#f6b900;background:transparent;border-color:transparent;box-shadow:none;text-shadow:0 3px 12px rgba(246,185,0,.28)}
.sf-public-question,.sf-public-section-card,.sf-public-intro{background:var(--ui-surface);border-color:var(--ui-border);color:var(--ui-text)}
.sf-choice{border-color:var(--ui-border)}
.sf-choice:hover{background:var(--ui-surface-soft)}
.sf-public-input,.sf-rating-option span{background:var(--ui-surface);border-color:var(--ui-border);color:var(--ui-text)}
.sf-toast-region{position:fixed;inset-inline-start:22px;inset-block-end:22px;z-index:1000;display:grid;gap:9px;max-width:min(620px,calc(100vw - 44px))}
.sf-toast{position:relative;inset:auto;display:flex;align-items:center;gap:9px;width:max-content;max-width:100%;height:46px;padding:0 8px 0 13px;border-radius:13px;background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-border);box-shadow:0 16px 44px rgba(16,12,25,.24);opacity:0;translate:0 8px;overflow:visible;transition:opacity .18s ease,translate .18s ease}
.sf-toast.is-visible{opacity:1;translate:0 0}
.sf-toast-status{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:var(--ui-success)}
.sf-toast-warning .sf-toast-status,.sf-toast-error .sf-toast-status{color:#8a5b00}
.sf-toast-warning,.sf-toast-error{border-color:color-mix(in srgb,var(--ui-warning) 58%,var(--ui-border));background:color-mix(in srgb,var(--ui-warning) 13%,var(--ui-surface))}
.sf-toast-text{font-size:14px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:430px}
.sf-toast-link{color:inherit;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;font-size:14px}
.sf-toast-icon-button{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:9px;background:transparent;color:inherit;cursor:pointer;padding:0}
.sf-toast-icon-button:hover{background:color-mix(in srgb,var(--ui-text) 8%,transparent)}
.sf-toast-icon-button svg{width:17px;height:17px}
.sf-dashboard-hero{display:grid;justify-items:center;text-align:center;gap:24px;padding:24px 0 38px}
.sf-dashboard-kicker{display:inline-flex;padding:6px 11px;border-radius:999px;background:color-mix(in srgb,var(--ui-accent) 12%,var(--ui-surface));color:var(--ui-accent);font-weight:800;font-size:13px}
.sf-dashboard-hero h1{font-size:clamp(34px,5vw,54px);letter-spacing:-.055em;margin:8px 0 4px}
.sf-dashboard-hero p{margin:0;color:var(--ui-muted)}
.sf-create-tile{width:min(320px,100%);aspect-ratio:1.55/1;display:grid;place-content:center;justify-items:center;gap:8px;text-decoration:none;background:linear-gradient(145deg,var(--ui-accent),#8f71ff);color:#fff;border-radius:26px;box-shadow:0 22px 54px color-mix(in srgb,var(--ui-accent) 30%,transparent);transition:transform .18s ease,box-shadow .18s ease}
.sf-create-tile:hover{transform:translateY(-4px) rotate(-.4deg);box-shadow:0 28px 64px color-mix(in srgb,var(--ui-accent) 38%,transparent)}
.sf-create-tile-icon{font-size:42px;line-height:1}
.sf-create-tile strong{font-size:22px}
.sf-create-tile small{opacity:.82}
.sf-dashboard-divider{height:1px;background:var(--ui-border);margin:0 0 28px}
.sf-dashboard-list-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}
.sf-dashboard-list-head h2{margin:0;font-size:22px}
.sf-dashboard-list-head p{margin:3px 0 0;color:var(--ui-muted)}
.sf-survey-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px;direction:rtl}
.sf-survey-tile{position:relative;aspect-ratio:1/1;min-height:225px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:22px;box-shadow:var(--ui-shadow);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;overflow:visible}
.sf-survey-tile:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--ui-accent) 38%,var(--ui-border));box-shadow:0 22px 52px rgba(62,45,100,.15)}
.sf-survey-tile-top{position:absolute;inset:14px 14px auto 14px;display:flex;justify-content:space-between;align-items:center;z-index:3;pointer-events:none}
.sf-survey-tile-top>*{pointer-events:auto}
.sf-survey-tile-link{height:100%;display:flex;flex-direction:column;padding:58px 18px 18px;text-decoration:none;color:inherit}
.sf-survey-tile-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:color-mix(in srgb,var(--ui-accent) 12%,var(--ui-surface));color:var(--ui-accent);margin-bottom:14px}
.sf-survey-tile-icon svg{width:27px;height:27px}
.sf-survey-tile h3{font-size:19px;line-height:1.25;margin:0 0 7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sf-survey-tile p,.sf-survey-tile small{color:var(--ui-muted);margin:0}
.sf-survey-tile-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:14px;font-size:12px;font-weight:750;color:var(--ui-muted)}
.sf-survey-tile small{margin-top:7px;font-size:11px}
.sf-card-menu-wrap{position:relative}
.sf-card-menu-trigger{width:30px;height:36px;border:0;background:transparent;color:var(--ui-text);font-size:28px;line-height:1;cursor:pointer;padding:0;display:grid;place-items:center;border-radius:9px}
.sf-card-menu-trigger:hover{background:var(--ui-surface-soft)}
.sf-card-menu{position:absolute;inset-block-start:38px;inset-inline-end:0;min-width:160px;padding:7px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:13px;box-shadow:0 18px 48px rgba(20,15,33,.22);display:none;z-index:20}
.sf-card-menu.is-open{display:grid;animation:sf-menu-in .16s ease-out}
.sf-card-menu a,.sf-card-menu button{width:100%;display:block;text-align:start;border:0;background:transparent;color:var(--ui-text);padding:9px 10px;border-radius:8px;text-decoration:none;font:inherit;font-size:14px;cursor:pointer}
.sf-card-menu a:hover,.sf-card-menu button:hover{background:var(--ui-surface-soft)}
.sf-card-menu .sf-card-menu-danger{color:var(--ui-danger)}
@keyframes sf-menu-in{from{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}
.sf-dashboard-empty{grid-column:1/-1;aspect-ratio:auto}
html[data-theme="dark"] .sf-status-draft{background:#2d2937;color:#cfc8dc}
html[data-theme="dark"] .sf-status-published{background:#153929;color:#78dfad}
html[data-theme="dark"] .sf-status-closed{background:#43232c;color:#ff9caf}
html[data-theme="dark"] .sf-chip-warn{background:#443719;color:#ffd36f}
html[data-theme="dark"] .sf-alert-danger{background:#3d2029;border-color:#6d3342;color:#ffb0bf}
html[data-theme="dark"] .sf-public-actions{background:color-mix(in srgb,var(--ui-bg) 92%,transparent)}
@media(max-width:980px){
  .sf-topbar{height:auto;min-height:64px;padding-block:9px}
  .sf-topbar-inner{align-items:flex-start;flex-wrap:wrap}
  .sf-topbar-actions{flex-wrap:wrap;justify-content:flex-end}
  .sf-editor-layout{grid-template-columns:1fr;width:100%}
  .sf-editor-head{flex-direction:column}
  .sf-actions{max-width:none;justify-content:flex-start}
  .sf-question-top{grid-template-columns:32px minmax(0,1fr) 42px}
  .sf-question-top .sf-type-picker{grid-column:2/4}
}
@media(max-width:640px){
  .sf-shell{padding:20px 14px 50px}
  .sf-topbar-actions .sf-badge{display:none}
  .sf-survey-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .sf-survey-tile{min-height:180px;border-radius:17px}
  .sf-survey-tile-link{padding:52px 13px 13px}
  .sf-survey-tile-icon{width:42px;height:42px;margin-bottom:10px}
  .sf-survey-tile h3{font-size:16px}
  .sf-survey-tile-stats{display:none}
  .sf-toast-region{inset-inline:12px;inset-block-end:12px;max-width:calc(100vw - 24px)}
  .sf-toast{width:100%}
  .sf-toast-text{max-width:none;flex:1}
}

/* v0.044 — distinctive skins, design studio and square creation CTAs */
#smartform-editor{color:var(--sf-text,var(--ui-text))}
#smartform-editor[data-surface="glass"] .sf-section-card,#smartform-editor[data-surface="glass"] .sf-side-panel section{background:color-mix(in srgb,var(--sf-card) 78%,transparent);backdrop-filter:blur(18px)}
#smartform-editor[data-surface="flat"] .sf-section-card,#smartform-editor[data-surface="flat"] .sf-side-panel section{box-shadow:none}
#smartform-editor .sf-section-card,#smartform-editor .sf-question-card,#smartform-editor .sf-side-panel section{border-radius:var(--sf-radius,22px)}
#smartform-editor[data-density="compact"] .sf-question-card{padding:12px;gap:8px}
#smartform-editor[data-density="spacious"] .sf-question-card{padding:22px;gap:17px}
.sf-design-studio{gap:15px!important}.sf-design-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.sf-design-title-row h2{margin:0}.sf-skin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sf-skin-card{display:grid;gap:7px;justify-items:start;text-align:start;border:1px solid var(--ui-border);background:var(--ui-surface);color:var(--ui-text);border-radius:14px;padding:10px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.sf-skin-card:hover{transform:translateY(-2px);border-color:var(--ui-accent)}.sf-skin-card[aria-checked="true"]{border-color:var(--ui-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-accent) 16%,transparent)}.sf-skin-swatch{display:block;width:100%;height:33px;border-radius:10px;background:linear-gradient(115deg,var(--skin-a),var(--skin-b))}.sf-skin-card strong{font-size:12px}.sf-design-advanced summary{cursor:pointer;font-weight:800}.sf-design-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.sf-design-fields label:has(input[type="range"]),.sf-design-fields label:has(select){grid-column:1/-1}.sf-design-fields output{font-size:12px;color:var(--ui-muted)}
.sf-dashboard-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,260px));gap:18px;justify-content:center}.sf-create-tile{width:100%;aspect-ratio:1/1}.sf-create-tile-ai{background:linear-gradient(145deg,#111827,#7C3AED 55%,#EC4899);box-shadow:0 22px 54px rgba(124,58,237,.28)}.sf-create-tile-ai:hover{box-shadow:0 28px 64px rgba(236,72,153,.30)}.sf-ai-mark{width:60px;height:60px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.42);border-radius:18px;font-size:22px;font-weight:900;letter-spacing:-.06em;background:rgba(255,255,255,.13);backdrop-filter:blur(10px)}
@media(max-width:640px){.sf-dashboard-create-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.sf-create-tile{border-radius:20px;padding:13px}.sf-create-tile strong{font-size:17px}.sf-create-tile small{font-size:11px}.sf-design-fields{grid-template-columns:1fr}}


/* v0.044 — advanced analytics charts */
.sf-results-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sf-results-chart-card{margin:0}.sf-chart{min-height:230px;display:grid;align-items:center}.sf-chart-empty{display:grid;place-items:center;min-height:190px;color:var(--ui-muted);border:1px dashed var(--ui-border);border-radius:16px}.sf-chart-switch{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.sf-chart-switch button{border:1px solid var(--ui-border);background:var(--ui-surface-soft);color:var(--ui-text);border-radius:999px;padding:7px 11px;cursor:pointer;font:inherit;font-size:12px;font-weight:800}.sf-chart-switch button[aria-pressed="true"]{background:var(--ui-text);color:var(--ui-surface);border-color:var(--ui-text)}.sf-donut-layout{display:grid;grid-template-columns:minmax(180px,240px) 1fr;gap:20px;align-items:center}.sf-donut{width:100%;max-width:230px;margin:auto;overflow:visible;transform:rotate(-90deg)}.sf-donut circle{fill:none;stroke-width:18;transition:stroke-dasharray .4s ease}.sf-donut-track{stroke:var(--ui-surface-soft)}.sf-donut text{fill:var(--ui-text);font-size:22px;font-weight:900;transform:rotate(90deg);transform-origin:70px 70px}.sf-donut text.sf-donut-sub{font-size:10px;font-weight:650;fill:var(--ui-muted)}.sf-chart-legend{display:grid;gap:9px}.sf-chart-legend span{display:grid;grid-template-columns:12px 1fr auto;gap:8px;align-items:center;font-size:13px}.sf-chart-legend i{width:10px;height:10px;border-radius:50%;background:var(--legend)}.sf-chart-legend em{font-style:normal;color:var(--ui-muted)}.sf-bars-chart{display:grid;gap:11px}.sf-bars-row{display:grid;grid-template-columns:minmax(80px,170px) 1fr 38px;gap:10px;align-items:center;font-size:13px}.sf-bars-row>div{height:14px;border-radius:999px;background:var(--ui-surface-soft);overflow:hidden}.sf-bars-row i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--bar),color-mix(in srgb,var(--bar) 55%,#fff));transition:width .45s ease}.sf-columns-chart{height:235px;display:flex;align-items:end;gap:10px;padding-top:20px;border-bottom:1px solid var(--ui-border)}.sf-column{flex:1;min-width:34px;height:100%;display:grid;grid-template-rows:20px 1fr 32px;gap:5px;text-align:center;font-size:11px}.sf-column>div{height:100%;display:flex;align-items:end;justify-content:center}.sf-column i{display:block;width:min(44px,72%);border-radius:10px 10px 3px 3px;background:linear-gradient(180deg,color-mix(in srgb,var(--bar) 70%,#fff),var(--bar));transition:height .45s ease}.sf-line-chart{width:100%;height:210px}.sf-line-area{fill:url(#sfTrendFill);stroke:none}.sf-line-path{fill:none;stroke:#6D4AFF;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.sf-line-chart circle{fill:#FF6B8A;stroke:var(--ui-surface);stroke-width:3}.sf-trend-labels{display:flex;justify-content:space-between;color:var(--ui-muted);font-size:12px}.sf-question-analytics{overflow:hidden}.sf-question-chart{animation:sf-chart-in .25s ease}.sf-results-table{width:100%;border-collapse:separate;border-spacing:0}.sf-results-table th,.sf-results-table td{padding:11px;border-bottom:1px solid var(--ui-border);text-align:start}.sf-results-table thead th{position:sticky;top:0;background:var(--ui-surface-soft);z-index:1}@keyframes sf-chart-in{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}@media(max-width:850px){.sf-results-overview-grid{grid-template-columns:1fr}.sf-donut-layout{grid-template-columns:1fr}.sf-chart-legend{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.sf-chart-legend{grid-template-columns:1fr}.sf-bars-row{grid-template-columns:90px 1fr 28px}.sf-columns-chart{overflow-x:auto}.sf-column{min-width:45px}}

/* v0.044 — public skin variables */
#smartform-public{color:var(--sf-text,#1D1633)}#smartform-public .sf-public-intro,#smartform-public .sf-public-section-card,#smartform-public .sf-public-question{border-radius:var(--sf-radius,22px)}#smartform-public[data-surface="flat"] .sf-public-intro,#smartform-public[data-surface="flat"] .sf-public-section-card{box-shadow:none}#smartform-public[data-surface="glass"] .sf-public-intro,#smartform-public[data-surface="glass"] .sf-public-section-card{background:color-mix(in srgb,var(--sf-card) 82%,transparent);backdrop-filter:blur(18px)}#smartform-public[data-density="compact"] .sf-public-question{padding:13px}#smartform-public[data-density="spacious"] .sf-public-question{padding:23px}.sf-public-intro{border-top-color:var(--sf-secondary,var(--sf-primary))}


/* v0.048 — external AI query packages, token controls and feedback */
.sf-ai-query-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;border:1px solid color-mix(in srgb,var(--sf-ai-accent,var(--ui-accent)) 28%,var(--ui-border));border-radius:var(--ui-radius);background:color-mix(in srgb,var(--ui-surface) var(--sf-ai-panel-opacity,92%),transparent)}
.sf-ai-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sf-feature-toggle{display:flex;align-items:center;gap:12px;min-height:68px;text-align:start;border:1px solid var(--ui-border);border-radius:15px;background:color-mix(in srgb,var(--ui-surface) 92%,transparent);color:var(--ui-text);padding:12px 14px;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .18s ease}
.sf-feature-toggle:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--ui-accent) 42%,var(--ui-border))}
.sf-feature-toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--ui-accent) 28%,transparent);outline-offset:2px}
.sf-feature-toggle-icon{display:grid;place-items:center;min-width:58px;height:30px;border-radius:999px;background:var(--ui-surface-soft);border:1px solid var(--ui-border);color:var(--ui-muted);font-size:9px;font-weight:900;letter-spacing:.04em;transition:all .18s ease}
.sf-feature-toggle span:last-child{display:grid;gap:3px}.sf-feature-toggle small{color:var(--ui-muted);font-weight:550}
.sf-feature-toggle.is-on{border-color:color-mix(in srgb,var(--sf-ai-toggle-glow,#22C55E) 65%,var(--ui-border));background:color-mix(in srgb,var(--sf-ai-toggle-glow,#22C55E) 7%,var(--ui-surface));box-shadow:0 0 0 2px color-mix(in srgb,var(--sf-ai-toggle-glow,#22C55E) 18%,transparent),0 0 24px color-mix(in srgb,var(--sf-ai-toggle-glow,#22C55E) 28%,transparent)}
.sf-feature-toggle.is-on .sf-feature-toggle-icon{background:var(--sf-ai-toggle-glow,#22C55E);border-color:var(--sf-ai-toggle-glow,#22C55E);color:#082d15;box-shadow:0 0 16px color-mix(in srgb,var(--sf-ai-toggle-glow,#22C55E) 58%,transparent)}
.sf-ai-advanced{border:1px solid var(--ui-border);border-radius:14px;padding:12px 14px;background:color-mix(in srgb,var(--ui-surface-soft) 68%,transparent)}
.sf-ai-advanced summary{cursor:pointer;font-weight:800}.sf-ai-minimize-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 14px;margin-top:12px}
.sf-ai-minimize-grid label{display:flex;align-items:flex-start;gap:8px;font-weight:600}.sf-ai-minimize-grid input{margin-top:3px}
.sf-ai-preview-continuation{display:grid;gap:8px;border:1px dashed color-mix(in srgb,var(--ui-accent) 45%,var(--ui-border));border-radius:14px;padding:12px;background:color-mix(in srgb,var(--ui-accent) 5%,var(--ui-surface))}
.sf-ai-feedback{display:grid;gap:12px;margin-top:14px;padding:14px;border:1px solid var(--ui-border);border-radius:16px;background:color-mix(in srgb,var(--ui-surface-soft) 72%,transparent)}
.sf-ai-feedback h4{margin:0}.sf-ai-feedback-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#sf-ai-download-package[hidden],#sf-ai-preview-continuation[hidden],#sf-ai-feedback[hidden]{display:none}
@media(max-width:900px){.sf-ai-query-options,.sf-ai-toggle-grid,.sf-ai-feedback-grid{grid-template-columns:1fr}}
@media(max-width:640px){.sf-ai-minimize-grid{grid-template-columns:1fr}.sf-feature-toggle{min-height:62px;padding:10px}.sf-feature-toggle-icon{min-width:52px}}

.sf-ai-query-options .sf-button-primary,.sf-ai-preview-continuation .sf-button-primary{background:var(--sf-ai-accent,var(--ui-accent));border-color:var(--sf-ai-accent,var(--ui-accent))}
.sf-inline-check{display:flex;align-items:center;gap:10px}.sf-inline-check input[type=checkbox]{width:18px;height:18px}.sf-campaign-metrics-six{grid-template-columns:repeat(6,minmax(0,1fr))}.sf-tracking-disclaimer{margin-top:16px}.sf-table-scroll{overflow:auto}.sf-delivery-table{width:100%;border-collapse:collapse;min-width:900px}.sf-delivery-table th,.sf-delivery-table td{padding:12px 10px;border-bottom:1px solid #dce5df;text-align:right;vertical-align:top}.sf-delivery-table th{font-size:12px;color:#506157;background:#f7faf8;position:sticky;top:0}.sf-delivery-table td{font-size:14px}.sf-delivery-table tr:hover td{background:#fbfdfc}@media(max-width:1100px){.sf-campaign-metrics-six{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.sf-campaign-metrics-six{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* SmartForm v0.054 — BD-02 business-document foundation and menu settings. */
.sf-business-documents-dashboard,.sf-document-settings,.sf-document-foundation-shell{display:grid;gap:1.25rem}
.sf-document-menu-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.sf-document-menu-tile{min-height:9.5rem;border:1px solid var(--sf-border,#d7dce5);border-radius:1.15rem;background:var(--sf-card,#fff);padding:1.25rem;text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.45rem;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.sf-document-menu-tile:hover,.sf-document-menu-tile:focus-visible{transform:translateY(-2px);box-shadow:0 12px 30px rgba(15,23,42,.10);border-color:var(--sf-primary,#635bff)}
.sf-document-menu-icon{font-size:2rem;line-height:1}.sf-default-label{font-weight:700;color:var(--sf-primary,#635bff)}
.sf-business-document-list{display:grid;gap:.6rem}.sf-business-document-row{display:grid;grid-template-columns:minmax(9rem,1fr) 1fr auto;gap:1rem;align-items:center;padding:.9rem 1rem;border:1px solid var(--sf-border,#d7dce5);border-radius:.85rem;color:inherit;text-decoration:none;background:var(--sf-card,#fff)}
.sf-page-heading{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.sf-document-setting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.sf-document-setting-card{border:1px solid var(--sf-border,#d7dce5);border-radius:1rem;background:var(--sf-card,#fff);padding:1.1rem;display:grid;gap:1rem}.sf-document-setting-card-head{display:flex;justify-content:space-between;gap:1rem}.sf-check-row{display:flex;gap:.75rem;align-items:flex-start;cursor:pointer}.sf-check-row input,.sf-radio-default input{width:1.2rem;height:1.2rem;margin-top:.15rem}.sf-check-row span{display:grid;gap:.25rem}.sf-check-row small,.sf-document-restore-form small{color:var(--sf-muted,#667085)}.sf-radio-default{display:flex;gap:.4rem;align-items:center;white-space:nowrap}.sf-document-setting-extra{padding-top:.9rem;border-top:1px solid var(--sf-border,#d7dce5)}.sf-document-settings-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.sf-document-restore-form{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.sf-document-foundation-shell{max-width:52rem;margin-inline:auto;background:var(--sf-card,#fff);border:1px solid var(--sf-border,#d7dce5);border-radius:1.25rem;padding:1.5rem}.sf-document-foundation-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.sf-document-foundation-meta div{padding:.85rem;border-radius:.8rem;background:var(--sf-soft,#f7f8fb)}.sf-document-foundation-meta dt{font-size:.8rem;color:var(--sf-muted,#667085)}.sf-document-foundation-meta dd{margin:.2rem 0 0;font-weight:700;word-break:break-all}.sf-button-danger{background:#b42318;color:#fff;border-color:#b42318}
@media(max-width:900px){.sf-document-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-document-setting-grid{grid-template-columns:1fr}.sf-business-document-row{grid-template-columns:1fr}.sf-page-heading{flex-direction:column}}
@media(max-width:520px){.sf-document-menu-grid{grid-template-columns:1fr}.sf-document-foundation-meta{grid-template-columns:1fr}}

/* SmartForm BD-03 Core Editor & Revision Engine */
.sf-document-editor,.sf-document-list-page,.sf-document-preview{max-width:1280px;margin:0 auto}.sf-document-editor-head,.sf-document-preview-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:20px}.sf-document-editor-meta{display:grid;gap:5px;text-align:left;direction:ltr;font-size:.85rem}.sf-document-editor-meta code{max-width:320px;overflow-wrap:anywhere}.sf-document-editor-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.sf-document-json-status{margin-inline-start:auto;font-weight:700}.sf-document-json-status[data-state=invalid]{color:#b42318}.sf-document-editor-grid{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:18px}.sf-document-editor-fields{display:grid;align-content:start;gap:14px}.sf-document-editor-fields label,.sf-document-json-field{display:grid;gap:7px;font-weight:700}.sf-document-editor-fields input{width:100%;padding:12px;border:1px solid var(--sf-border);border-radius:12px;background:var(--sf-card);color:var(--sf-text)}.sf-document-json-field textarea{min-height:650px;width:100%;padding:16px;border:1px solid var(--sf-border);border-radius:16px;background:#111827;color:#e5e7eb;font:14px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;direction:ltr;text-align:left;resize:vertical}.sf-editor-help{padding:16px;border:1px solid var(--sf-border);border-radius:14px;background:var(--sf-card)}.sf-document-preview-card{background:var(--sf-doc-card);color:#17171c;border-top:6px solid var(--sf-doc-primary);border-radius:18px;padding:28px;box-shadow:0 16px 50px rgba(15,23,42,.1)}.sf-document-preview-card section{margin-block:24px}.sf-document-preview-card pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f6f7fb;padding:16px;border-radius:12px;direction:rtl;text-align:right}.sf-document-preview-card footer{border-top:1px solid #ddd;padding-top:16px;font-size:.8rem;overflow-wrap:anywhere}.sf-revision-list{display:grid;gap:10px}.sf-revision-row{display:grid;grid-template-columns:120px 1fr minmax(220px,2fr) auto;gap:12px;align-items:center;padding:14px 16px;border:1px solid var(--sf-border);border-radius:14px;background:var(--sf-card);text-decoration:none;color:inherit}.sf-revision-row code{overflow-wrap:anywhere;font-size:.75rem}.sf-document-row-card>a{display:grid;gap:4px;text-decoration:none;color:inherit;width:100%}@media(max-width:800px){.sf-document-editor-grid{grid-template-columns:1fr}.sf-document-json-field textarea{min-height:500px}.sf-document-editor-head,.sf-document-preview-head{display:grid}.sf-revision-row{grid-template-columns:1fr}.sf-document-json-status{margin-inline-start:0;width:100%}}


/* v0.061 unified form-type controls */
.sf-inline-link { display:inline-flex; margin-top:.6rem; font-weight:700; text-decoration:underline; text-underline-offset:3px; }
.sf-inline-actions { display:flex; flex-wrap:wrap; gap:.75rem; align-items:center; }
.sf-mode-feature-panel { border:1px solid var(--sf-border, #ded8ef); border-radius:16px; padding:1rem; background:color-mix(in srgb, var(--sf-card, #fff) 92%, var(--sf-primary, #6D4AFF) 8%); }
.sf-mode-feature-panel[hidden] { display:none !important; }

/* v0.061 — BD-04 contract tree, legal references and owner-only private notes */
.sf-contract-tree-node {
  padding-inline-start: calc(12px + (var(--sf-tree-depth, 0) * 20px));
  position: relative;
}
.sf-contract-tree-node::before {
  content: '';
  position: absolute;
  inset-inline-start: calc(7px + (var(--sf-tree-depth, 0) * 20px));
  top: 8px;
  bottom: 8px;
  width: 2px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--sf-primary, #6D4AFF) 35%, transparent);
}
.sf-section-number { min-width: 2.4rem; font-weight: 800; color: var(--sf-primary, #6D4AFF); }
.sf-section-tab.is-nest-target { outline: 2px dashed var(--sf-primary, #6D4AFF); transform: translateX(-8px); }
.sf-section-tab.is-drop-target { box-shadow: 0 -3px 0 var(--sf-primary, #6D4AFF); }
.sf-contract-section-controls { display: grid; gap: 14px; margin: 14px 0 18px; padding: 16px; border: 1px solid color-mix(in srgb, var(--sf-primary, #6D4AFF) 22%, transparent); border-radius: 18px; background: color-mix(in srgb, var(--sf-card, #fff) 92%, var(--sf-primary, #6D4AFF)); }
.sf-contract-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.sf-contract-grid .sf-full { grid-column: 1 / -1; }
.sf-legal-editor { border: 1px solid color-mix(in srgb, var(--sf-primary, #6D4AFF) 24%, transparent); border-radius: 14px; padding: 10px 12px; }
.sf-legal-editor summary { cursor: pointer; list-style: none; }
.sf-legal-editor summary::-webkit-details-marker { display: none; }
.sf-legal-reference { margin-top: 12px; padding: 12px 14px; border-inline-start: 4px solid var(--sf-primary, #6D4AFF); background: color-mix(in srgb, var(--sf-primary, #6D4AFF) 8%, var(--sf-card, #fff)); border-radius: 12px; font-family: Georgia, "Noto Serif Hebrew", serif; }
.sf-legal-reference strong, .sf-legal-reference cite, .sf-legal-reference p { display: block; }
.sf-legal-reference cite { margin-top: 5px; font-style: normal; font-weight: 700; }
.sf-legal-reference p { margin: 6px 0 0; opacity: .82; }
.sf-private-note { display: grid; gap: 9px; padding: 13px; border-radius: 14px; background: color-mix(in srgb, #f59e0b 11%, var(--sf-card, #fff)); border: 1px solid color-mix(in srgb, #f59e0b 34%, transparent); }
.sf-private-note > div:first-child { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px; }
.sf-private-note small { opacity: .72; }
.sf-private-note textarea { width: 100%; min-height: 84px; }
.sf-private-note-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.sf-private-note-actions span { margin-inline-end: auto; font-size: .85rem; opacity: .72; }
.sf-contract-preview-section { margin-inline-start: calc(var(--sf-tree-depth, 0) * 18px); }
@media (max-width: 760px) {
  .sf-contract-grid { grid-template-columns: 1fr; }
  .sf-contract-grid .sf-full { grid-column: auto; }
  .sf-private-note-actions { flex-wrap: wrap; }
  .sf-contract-preview-section { margin-inline-start: calc(var(--sf-tree-depth, 0) * 8px); }
}


/* v0.061 — compact type selection and Google-style inline document naming. */
.sf-create-mode-compact{display:grid;gap:7px;justify-items:start;width:max-content;max-width:100%}
.sf-create-mode-compact .sf-compact-text-select{display:inline-block;width:auto;min-width:92px;max-width:100%;padding-inline:34px 13px;white-space:nowrap}
.sf-title-suggestion-help{margin-top:-7px}
.sf-inline-title-editor{display:inline-flex;align-items:center;min-width:0;max-width:min(100%,720px)}
.sf-inline-title-button{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:3px 7px;border:1px solid transparent;border-radius:8px;background:transparent;color:inherit;font:inherit;font-weight:inherit;line-height:1.15;text-align:start;cursor:text}
.sf-inline-title-button:hover,.sf-inline-title-button:focus-visible{border-color:var(--ui-border);background:color-mix(in srgb,var(--ui-surface) 78%,transparent);outline:none}
.sf-inline-title-button #sf-survey-title-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sf-inline-title-pencil{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;opacity:0;transition:opacity .15s ease}
.sf-inline-title-button:hover .sf-inline-title-pencil,.sf-inline-title-button:focus-visible .sf-inline-title-pencil{opacity:.62}
.sf-inline-title-input{width:min(34ch,72vw);min-height:0;padding:3px 7px;border:1px solid var(--ui-accent);border-radius:8px;background:var(--ui-surface);color:var(--ui-text);font:inherit;font-weight:inherit;line-height:1.15;box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-accent) 16%,transparent)}
@media(max-width:640px){.sf-inline-title-input{width:min(25ch,78vw)}.sf-inline-title-pencil{opacity:.55}}


/* BD-06 signing requests and counterproposal */
.sf-button-compact{min-height:36px;padding:.45rem .75rem;white-space:nowrap}.sf-two-column{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(320px,1.2fr);gap:1rem}.sf-signing-list{display:grid;gap:.75rem}.sf-signing-item{border:1px solid var(--sf-border,#d7d5df);border-radius:14px;padding:1rem;display:grid;gap:.75rem}.sf-signing-item small{display:block;margin-top:.25rem}.sf-copy-row{display:flex;gap:.5rem}.sf-copy-row input{flex:1;direction:ltr;text-align:left}.sf-signing-public{max-width:900px;margin:auto;display:grid;gap:1rem}.sf-signing-document-item{padding:.75rem 0;border-top:1px solid rgba(120,120,140,.18)}@media(max-width:760px){.sf-two-column{grid-template-columns:1fr}.sf-copy-row{flex-direction:column}}


/* BD-07 — signature capture and signing finalization */
.sf-signing-header{display:grid;gap:.55rem}
.sf-signing-binding{display:flex;flex-wrap:wrap;gap:.6rem 1rem;align-items:center;padding:.8rem 1rem;border:1px solid color-mix(in srgb,currentColor 16%,transparent);border-radius:14px}
.sf-signature-card{display:grid;gap:1rem}
.sf-signature-type{display:flex;gap:1rem;flex-wrap:wrap;border:0;padding:0;margin:0}
.sf-signature-type legend{font-weight:700;margin-bottom:.55rem}
.sf-signature-type label{display:flex;align-items:center;gap:.45rem}
.sf-signature-panel{display:grid;gap:.65rem}
.sf-signature-canvas{display:block;width:100%;max-width:760px;aspect-ratio:760/260;border:2px solid color-mix(in srgb,currentColor 22%,transparent);border-radius:14px;background:#fff;touch-action:none;cursor:crosshair;color:#111}
.sf-signature-confirm{display:flex;align-items:flex-start;gap:.65rem;padding:.85rem 1rem;border-radius:14px;background:color-mix(in srgb,currentColor 5%,transparent)}
.sf-signature-confirm input{margin-top:.2rem;flex:0 0 auto}
.sf-signing-terminal{display:grid;gap:.65rem;border-width:2px}
.sf-signing-owner-status{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-top:.45rem}
.sf-signing-snapshot-section{overflow-wrap:anywhere}

/* SmartForm v0.075 — UIUX-01 dedicated AI Intake */
.sf-ai-intake-shell{max-width:1080px;margin:0 auto;position:relative}.sf-ai-intake-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:24px}.sf-ai-intake-head h1{margin:.25rem 0 0}.sf-ai-intake-primary,.sf-ai-preview-shell,.sf-ai-processing{background:var(--sf-card,#fff);border:1px solid var(--sf-border,#d7dce5);border-radius:24px;padding:clamp(20px,4vw,40px);box-shadow:0 18px 55px rgba(15,23,42,.08)}.sf-ai-intake-primary>h2{font-size:clamp(1.6rem,4vw,2.25rem);margin-top:0}.sf-ai-prompt-field textarea,.sf-ai-edit-before textarea{width:100%;border:1px solid var(--sf-border,#d7dce5);border-radius:18px;padding:18px;background:var(--sf-card,#fff);color:var(--sf-text,#17171c);font:inherit;resize:vertical;min-height:220px}.sf-ai-or-divider{display:flex;align-items:center;gap:12px;color:var(--sf-muted,#667085)}.sf-ai-or-divider:before,.sf-ai-or-divider:after{content:"";height:1px;background:var(--sf-border,#d7dce5);flex:1}.sf-ai-file-zone{border:2px dashed color-mix(in srgb,var(--sf-primary,#635bff) 45%,var(--sf-border,#d7dce5));border-radius:20px;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;cursor:pointer;background:color-mix(in srgb,var(--sf-primary,#635bff) 4%,var(--sf-card,#fff))}.sf-ai-file-zone-icon{font-size:2rem}.sf-visually-hidden-file,.sf-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sf-ai-drop-overlay{position:fixed;inset:0;z-index:9999;background:rgba(24,24,35,.50);backdrop-filter:blur(5px);display:grid;place-items:center;padding:24px;pointer-events:none}.sf-ai-drop-overlay[hidden]{display:none}.sf-ai-drop-overlay-card{width:min(620px,92vw);min-height:260px;border:2px dashed rgba(255,255,255,.82);border-radius:28px;background:rgba(49,46,129,.88);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:32px}.sf-ai-drop-overlay-card strong{font-size:clamp(1.4rem,4vw,2.1rem)}.sf-ai-drop-icon{font-size:3rem}.sf-ai-processing ol{list-style:none;padding:0;margin:24px 0;display:grid;gap:14px}.sf-ai-processing li{display:flex;gap:12px;align-items:center;font-weight:700}.sf-ai-intake-status{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;background:rgba(34,197,94,.10);margin-bottom:20px}.sf-ai-intake-status>div{display:grid;gap:3px}.sf-success-mark{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#22c55e;color:white;font-weight:900}.sf-ai-preview-card{border:1px solid var(--sf-border,#d7dce5);border-radius:20px;padding:24px;background:var(--sf-card,#fff)}.sf-ai-preview-card-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border-bottom:1px solid var(--sf-border,#d7dce5);padding-bottom:18px}.sf-ai-preview-sections{display:grid;gap:24px;margin-top:24px}.sf-ai-preview-sections>section{padding:20px;border-radius:16px;background:color-mix(in srgb,var(--sf-primary,#635bff) 3%,var(--sf-card,#fff))}.sf-ai-preview-items{display:grid;gap:10px}.sf-ai-preview-item{display:grid;gap:4px;padding:14px 16px;border-radius:12px;border:1px solid var(--sf-border,#d7dce5);background:var(--sf-card,#fff)}.sf-ai-preview-options{display:flex;gap:6px;flex-wrap:wrap}.sf-ai-preview-options span{padding:4px 9px;border-radius:999px;background:var(--sf-soft,#f3f4f6);font-size:.82rem}.sf-ai-preview-actions,.sf-ai-edit-before{margin-top:20px}.sf-ai-edit-before label{display:grid;gap:8px;font-weight:700}.sf-ai-edit-before textarea{direction:ltr;text-align:left;font:13px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;min-height:420px}@media(max-width:767px){.sf-ai-intake-head{display:grid}.sf-ai-intake-primary,.sf-ai-preview-shell,.sf-ai-processing{border-radius:18px;padding:20px}.sf-ai-preview-card-head{display:grid}.sf-ai-drop-overlay-card{min-height:220px}.sf-create-tile-ai small{display:none}}

/* UIUX-01: mobile input parity — do not instruct touch users to drag. */
.sf-ai-file-mobile{display:none}
@media (max-width:767px),(pointer:coarse){
  .sf-ai-file-desktop{display:none!important}
  .sf-ai-file-mobile{display:inline!important}
}


/* SmartForm v0.076 — UIUX-02 Global Shell & Operational Home */
.sf-topbar[data-uiux02-shell]{height:72px;padding-inline:24px}
.sf-topbar[data-uiux02-shell] .sf-topbar-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px}
.sf-topbar[data-uiux02-shell] .sf-topbar-branding{min-width:max-content}
.sf-topbar[data-uiux02-shell] .sf-brand{font-size:23px;letter-spacing:-.025em}
.sf-primary-nav{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0}
.sf-primary-nav a{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:8px 14px;border-radius:12px;color:var(--ui-muted);text-decoration:none;font-size:14px;font-weight:800;white-space:nowrap;border:1px solid transparent}
.sf-primary-nav a:hover{background:var(--ui-surface-soft);color:var(--ui-text)}
.sf-primary-nav a.is-active{background:color-mix(in srgb,var(--ui-accent) 10%,var(--ui-surface));border-color:color-mix(in srgb,var(--ui-accent) 16%,var(--ui-border));color:var(--ui-accent)}
.sf-primary-nav a>span{font-size:18px;line-height:1}
.sf-topbar[data-uiux02-shell] .sf-topbar-actions{margin-inline-start:0;justify-content:flex-end}
.sf-owner-state{font-size:12px;font-weight:800;color:var(--ui-muted);padding-inline:4px}

.sf-home-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:clamp(28px,5vw,72px);align-items:center;padding:28px 0 42px;border-bottom:1px solid var(--ui-border)}
.sf-home-copy{max-width:700px}
.sf-home-copy h1{font-size:clamp(38px,6vw,66px);line-height:1.02;letter-spacing:-.055em;margin:12px 0}
.sf-home-copy p{font-size:clamp(16px,2vw,20px);margin:0;color:var(--ui-muted);max-width:620px}
.sf-home-create-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sf-home-create-action{position:relative;min-height:190px;padding:24px;border-radius:24px;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;gap:26px;border:1px solid var(--ui-border);background:var(--ui-surface);box-shadow:var(--ui-shadow);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.sf-home-create-action:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--ui-accent) 32%,var(--ui-border));box-shadow:0 20px 48px rgba(62,45,100,.13)}
.sf-home-create-action>span:last-child{display:grid;gap:4px}
.sf-home-create-action strong{font-size:21px}
.sf-home-create-action small{color:var(--ui-muted)}
.sf-home-create-ai{background:linear-gradient(145deg,var(--ui-accent),#8f71ff);border-color:transparent;color:#fff}
.sf-home-create-ai small{color:rgba(255,255,255,.78)}
.sf-home-create-ai:hover{border-color:transparent;box-shadow:0 22px 54px color-mix(in srgb,var(--ui-accent) 34%,transparent)}
.sf-home-create-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:var(--ui-surface-soft);color:var(--ui-accent);font-size:28px;font-weight:900}
.sf-home-create-ai .sf-home-create-icon{background:rgba(255,255,255,.16);color:#fff}

.sf-home-section{padding:34px 0;border-bottom:1px solid var(--ui-border)}
.sf-home-section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:16px}
.sf-home-section-head h2{font-size:24px;margin:3px 0 0}
.sf-section-eyebrow{font-size:12px;font-weight:850;color:var(--ui-muted);letter-spacing:.02em}

.sf-attention-list,.sf-recent-list{display:grid;gap:9px}
.sf-attention-item,.sf-recent-item{display:grid;align-items:center;gap:14px;text-decoration:none;color:inherit;border:1px solid var(--ui-border);background:var(--ui-surface);border-radius:16px;padding:13px 15px;transition:border-color .16s ease,background .16s ease,transform .16s ease}
.sf-attention-item{grid-template-columns:auto minmax(0,1fr) auto}
.sf-attention-item:hover,.sf-recent-item:hover{border-color:color-mix(in srgb,var(--ui-accent) 34%,var(--ui-border));background:color-mix(in srgb,var(--ui-accent) 3%,var(--ui-surface));transform:translateY(-1px)}
.sf-attention-status{display:inline-flex;align-items:center;justify-content:center;min-width:94px;border-radius:999px;padding:6px 9px;background:#fff5df;color:#8a5a00;font-size:12px;font-weight:850}
.sf-attention-copy,.sf-recent-copy{display:grid;min-width:0}
.sf-attention-copy strong,.sf-recent-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sf-attention-copy small,.sf-recent-copy small{color:var(--ui-muted);margin-top:2px}
.sf-attention-action{font-size:13px;color:var(--ui-accent);font-weight:850;white-space:nowrap}

.sf-workspace-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sf-workspace-link{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;text-decoration:none;color:inherit;border:1px solid var(--ui-border);background:var(--ui-surface);border-radius:20px;padding:20px;box-shadow:var(--ui-shadow)}
.sf-workspace-link:hover{border-color:color-mix(in srgb,var(--ui-accent) 34%,var(--ui-border));transform:translateY(-2px)}
.sf-workspace-link>span:nth-child(2){display:grid;gap:3px}
.sf-workspace-link small{color:var(--ui-muted)}
.sf-workspace-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:color-mix(in srgb,var(--ui-accent) 10%,var(--ui-surface));color:var(--ui-accent);font-size:25px;font-weight:900}
.sf-workspace-count{display:grid;place-items:center;min-width:40px;height:40px;border-radius:999px;background:var(--ui-surface-soft);font-weight:850;color:var(--ui-muted)}

.sf-recent-item{grid-template-columns:auto minmax(0,1fr) auto}
.sf-recent-kind{min-width:58px;text-align:center;border-radius:9px;padding:5px 8px;background:var(--ui-surface-soft);color:var(--ui-muted);font-size:12px;font-weight:850}
.sf-recent-item time{color:var(--ui-muted);font-size:12px;white-space:nowrap}

.sf-home-empty-state{margin-top:28px;border:1px solid var(--ui-border);background:var(--ui-surface);border-radius:24px;padding:clamp(24px,5vw,44px);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px}
.sf-home-empty-state h2{margin:0 0 5px}
.sf-home-empty-state p{margin:0;color:var(--ui-muted);max-width:650px}
.sf-home-empty-illustration{width:70px;height:70px;display:grid;place-items:center;border-radius:20px;background:color-mix(in srgb,var(--ui-accent) 10%,var(--ui-surface));color:var(--ui-accent);font-size:34px}

.sf-workspace-page{display:grid;gap:26px}
.sf-workspace-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:10px 0 25px;border-bottom:1px solid var(--ui-border)}
.sf-workspace-head h1{font-size:clamp(34px,5vw,52px);letter-spacing:-.04em;margin:8px 0 4px}
.sf-workspace-head p{margin:0;color:var(--ui-muted);max-width:680px}
.sf-workspace-primary-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.sf-workspace-grid{margin-top:0}
.sf-operational-empty{display:grid;gap:13px;justify-items:center;padding:55px 28px}
.sf-operational-empty h2,.sf-operational-empty p{margin:0}
.sf-operational-empty p{color:var(--ui-muted)}

.sf-signing-filter{display:flex;gap:8px;align-items:center;overflow:auto;padding:2px 0}
.sf-signing-filter a{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;text-decoration:none;border:1px solid var(--ui-border);border-radius:999px;padding:8px 12px;background:var(--ui-surface);font-size:13px;font-weight:800;color:var(--ui-muted)}
.sf-signing-filter a:hover,.sf-signing-filter a.is-active{border-color:color-mix(in srgb,var(--ui-accent) 34%,var(--ui-border));color:var(--ui-accent);background:color-mix(in srgb,var(--ui-accent) 7%,var(--ui-surface))}
.sf-signing-filter a span{display:grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:var(--ui-surface-soft);font-size:11px}
.sf-document-tile{padding-bottom:42px}
.sf-document-signing-status{margin-top:auto;padding-top:14px;display:flex}
.sf-document-signing-status span{display:inline-flex;padding:5px 8px;border-radius:999px;background:var(--ui-surface-soft);color:var(--ui-muted);font-size:11px;font-weight:800}
.sf-document-signing-status .is-success{background:#e8f5ec;color:#166534}
.sf-document-signing-status .is-warning{background:#fff4d6;color:#8a5a00}
.sf-document-signing-status .is-danger{background:#fff0f0;color:#9b1c1c}
.sf-document-signing-link{position:absolute;inset-inline:18px;inset-block-end:13px;text-decoration:none;color:var(--ui-accent);font-size:12px;font-weight:850}

html[data-theme="dark"] .sf-attention-status{background:#443719;color:#ffd36f}
html[data-theme="dark"] .sf-document-signing-status .is-success{background:#153929;color:#78dfad}
html[data-theme="dark"] .sf-document-signing-status .is-warning{background:#443719;color:#ffd36f}
html[data-theme="dark"] .sf-document-signing-status .is-danger{background:#43232c;color:#ff9caf}

@media(max-width:980px){
  .sf-topbar[data-uiux02-shell]{height:auto;min-height:72px;padding-block:9px}
  .sf-topbar[data-uiux02-shell] .sf-topbar-inner{grid-template-columns:1fr auto;gap:8px 14px}
  .sf-primary-nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;overflow:auto;padding-block:2px}
  .sf-primary-nav a{flex:0 0 auto}
  .sf-home-intro{grid-template-columns:1fr;gap:26px}
  .sf-home-create-actions{max-width:700px}
  .sf-home-empty-state{grid-template-columns:auto minmax(0,1fr)}
  .sf-home-empty-state .sf-inline-actions{grid-column:1/-1;justify-content:flex-start}
}
@media(max-width:680px){
  .sf-topbar[data-uiux02-shell]{padding-inline:14px}
  .sf-topbar[data-uiux02-shell] .sf-topbar-inner{gap:6px 10px}
  .sf-topbar[data-uiux02-shell] .sf-topbar-actions{gap:6px}
  .sf-primary-nav{margin-inline:-4px}
  .sf-primary-nav a{padding:7px 10px}
  .sf-primary-nav a>span{display:none}
  .sf-owner-state{display:none}
  .sf-home-intro{padding-top:12px}
  .sf-home-create-actions,.sf-workspace-links{grid-template-columns:1fr}
  .sf-home-create-action{min-height:145px}
  .sf-attention-item{grid-template-columns:1fr auto;gap:6px 12px}
  .sf-attention-status{grid-column:1/-1;justify-self:start;min-width:0}
  .sf-attention-action{align-self:end}
  .sf-recent-item{grid-template-columns:auto minmax(0,1fr)}
  .sf-recent-item time{grid-column:2}
  .sf-home-empty-state{grid-template-columns:1fr;text-align:center;justify-items:center}
  .sf-home-empty-state .sf-inline-actions{grid-column:auto;justify-content:center}
  .sf-workspace-head{align-items:flex-start;flex-direction:column}
  .sf-workspace-primary-actions{justify-content:flex-start}
  .sf-signing-filter{margin-inline:-14px;padding-inline:14px}
}


/* SmartForm v0.077 — UIUX-03 Forms Workspace & Form Lifecycle UX */
.sf-forms-workspace{position:relative}
.sf-forms-controls{display:grid;grid-template-columns:minmax(280px,1fr) auto auto;align-items:end;gap:14px;padding:16px;border:1px solid var(--ui-border);border-radius:18px;background:var(--ui-surface)}
.sf-forms-search{display:grid;gap:7px;min-width:0}
.sf-forms-search>label,.sf-forms-sort>label{font-size:12px;font-weight:850;color:var(--ui-muted)}
.sf-forms-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.sf-forms-search input,.sf-forms-sort select{min-height:44px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface);color:var(--ui-text);font:inherit;padding:9px 12px}
.sf-forms-search input:focus-visible,.sf-forms-sort select:focus-visible{outline:3px solid color-mix(in srgb,var(--ui-accent) 25%,transparent);outline-offset:1px;border-color:var(--ui-accent)}
.sf-form-status-filters{display:flex;gap:7px;align-items:center;overflow:auto;max-width:100%}
.sf-form-status-filters a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;min-height:42px;text-decoration:none;border:1px solid var(--ui-border);border-radius:999px;padding:7px 11px;color:var(--ui-muted);font-size:13px;font-weight:800}
.sf-form-status-filters a:hover,.sf-form-status-filters a.is-active{color:var(--ui-accent);border-color:color-mix(in srgb,var(--ui-accent) 35%,var(--ui-border));background:color-mix(in srgb,var(--ui-accent) 7%,var(--ui-surface))}
.sf-form-status-filters span{display:grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:var(--ui-surface-soft);font-size:11px}
.sf-forms-sort{display:grid;gap:7px;min-width:154px}

.sf-form-lifecycle-list{display:grid;gap:12px}
.sf-form-lifecycle-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;padding:20px;border:1px solid var(--ui-border);border-radius:20px;background:var(--ui-surface);box-shadow:var(--ui-shadow);transition:border-color .16s ease,transform .16s ease}
.sf-form-lifecycle-card:hover{border-color:color-mix(in srgb,var(--ui-accent) 30%,var(--ui-border));transform:translateY(-1px)}
.sf-form-card-main{display:grid;gap:14px;min-width:0}
.sf-form-card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.sf-form-card-title{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 10px;min-width:0}
.sf-form-card-title>a{grid-column:2;min-width:0;text-decoration:none;color:inherit}
.sf-form-card-title h2{margin:0;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sf-form-card-title p{grid-column:2;margin:0;color:var(--ui-muted);font-size:13px}
.sf-form-card-meta{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;color:var(--ui-muted);font-size:13px}
.sf-form-card-meta a{font-weight:800;color:var(--ui-accent);text-decoration:none}
.sf-form-card-next{min-width:175px;display:grid;justify-items:stretch;gap:6px}
.sf-form-card-next>span{font-size:11px;font-weight:850;color:var(--ui-muted)}
.sf-form-primary-action{justify-content:center}

.sf-form-workspace-detail{display:grid;gap:28px;max-width:1120px;margin:0 auto}
.sf-form-detail-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:16px 0 28px;border-bottom:1px solid var(--ui-border)}
.sf-form-detail-heading{min-width:0}
.sf-form-detail-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.sf-form-detail-title-row h1{font-size:clamp(34px,5vw,54px);letter-spacing:-.04em;margin:7px 0 4px;overflow-wrap:anywhere}
.sf-form-detail-heading>p{margin:0;color:var(--ui-muted)}
.sf-form-detail-primary{display:grid;gap:7px;min-width:180px}
.sf-form-detail-primary>span{font-size:11px;font-weight:850;color:var(--ui-muted)}
.sf-form-detail-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px}
.sf-form-detail-card{border:1px solid var(--ui-border);border-radius:20px;background:var(--ui-surface);padding:22px}
.sf-form-detail-card h2{margin:5px 0 18px}
.sf-form-detail-facts{display:grid;gap:0;margin:0}
.sf-form-detail-facts>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;padding:11px 0;border-top:1px solid var(--ui-border)}
.sf-form-detail-facts dt{color:var(--ui-muted);font-size:13px}
.sf-form-detail-facts dd{margin:0;font-weight:800}
.sf-form-detail-facts a{color:var(--ui-accent);text-decoration:none}
.sf-form-detail-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sf-form-detail-actions>a{display:grid;gap:4px;min-height:92px;border:1px solid var(--ui-border);border-radius:15px;padding:15px;text-decoration:none;color:inherit;background:var(--ui-surface-soft)}
.sf-form-detail-actions>a:hover{border-color:color-mix(in srgb,var(--ui-accent) 34%,var(--ui-border));background:color-mix(in srgb,var(--ui-accent) 6%,var(--ui-surface))}
.sf-form-detail-actions small{color:var(--ui-muted)}
.sf-form-lifecycle-guide{display:grid;gap:16px;border:1px solid var(--ui-border);border-radius:20px;background:var(--ui-surface);padding:22px}
.sf-form-lifecycle-guide h2{margin:5px 0 0}
.sf-form-lifecycle-guide ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:0}
.sf-form-lifecycle-guide li{position:relative;display:grid;gap:3px;padding:14px;border:1px solid var(--ui-border);border-radius:14px;color:var(--ui-muted)}
.sf-form-lifecycle-guide li strong{color:var(--ui-text)}
.sf-form-lifecycle-guide li span{font-size:12px}
.sf-form-lifecycle-guide li.is-current{border-color:color-mix(in srgb,var(--ui-accent) 42%,var(--ui-border));background:color-mix(in srgb,var(--ui-accent) 7%,var(--ui-surface))}
.sf-form-lifecycle-guide li.is-current:before{content:"עכשיו";position:absolute;inset-inline-end:8px;inset-block-start:8px;font-size:10px;font-weight:900;color:var(--ui-accent)}
.sf-form-lifecycle-guide li.is-complete strong:before{content:"✓ ";color:#17804a}
.sf-form-danger-zone{border:1px solid var(--ui-border);border-radius:16px;background:var(--ui-surface)}
.sf-form-danger-zone summary{cursor:pointer;padding:14px 18px;font-weight:800}
.sf-form-danger-zone>div{border-top:1px solid var(--ui-border);padding:18px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.sf-form-danger-zone p{margin:0;color:var(--ui-muted)}

@media(max-width:980px){
  .sf-forms-controls{grid-template-columns:1fr 1fr}
  .sf-forms-search{grid-column:1/-1}
  .sf-form-detail-grid{grid-template-columns:1fr}
  .sf-form-lifecycle-guide ol{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .sf-forms-controls{grid-template-columns:1fr;padding:12px}
  .sf-form-status-filters{margin-inline:-4px}
  .sf-forms-sort{min-width:0}
  .sf-form-lifecycle-card{grid-template-columns:1fr;gap:16px;padding:16px}
  .sf-form-card-title-row{align-items:flex-start}
  .sf-form-card-title{grid-template-columns:auto minmax(0,1fr)}
  .sf-form-card-next{min-width:0}
  .sf-form-primary-action{min-height:46px}
  .sf-form-detail-head{align-items:flex-start;flex-direction:column}
  .sf-form-detail-primary{width:100%}
  .sf-form-detail-actions{grid-template-columns:1fr}
  .sf-form-lifecycle-guide ol{grid-template-columns:1fr}
  .sf-form-danger-zone>div{align-items:flex-start;flex-direction:column}
}


/* v0.078 UIUX-04 — Form Builder / Editor UX */
#smartform-editor[data-uiux04-editor="true"]{--sf-editor-inspector:310px}
.sf-uiux04-toolbar{position:sticky;top:72px;z-index:24;width:min(1260px,100%);display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:20px;align-items:center;margin:0 auto 20px;padding:14px 16px;border:1px solid var(--ui-border);border-radius:18px;background:color-mix(in srgb,var(--ui-surface) 94%,transparent);box-shadow:var(--ui-shadow);backdrop-filter:blur(18px)}
.sf-editor-identity{display:grid;gap:5px;min-width:0}.sf-editor-identity .sf-title-line{display:flex;align-items:center;gap:9px;min-width:0;flex-wrap:wrap}.sf-editor-identity h1{margin:0;min-width:0}.sf-editor-back{text-decoration:underline;text-underline-offset:3px;width:max-content;color:var(--ui-muted)}
.sf-editor-global-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.sf-editor-global-actions .sf-button{white-space:nowrap}.sf-editor-save-action{font-weight:850}
.sf-save-state{display:inline-flex;align-items:center;gap:7px;width:max-content;max-width:100%;font-size:13px;font-weight:780}.sf-save-state::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ui-success)}.sf-save-state[data-save-state="saving"]::before{background:var(--ui-warning);animation:sfSavePulse 1s infinite}.sf-save-state[data-save-state="dirty"]::before{background:var(--ui-warning)}.sf-save-state[data-save-state="error"]::before{background:var(--ui-danger)}@keyframes sfSavePulse{50%{opacity:.35}}
.sf-editor-more{position:relative}.sf-editor-more>summary{list-style:none;cursor:pointer}.sf-editor-more>summary::-webkit-details-marker{display:none}.sf-editor-more-menu{position:absolute;inset-inline-end:0;top:calc(100% + 8px);z-index:30;width:240px;padding:8px;border:1px solid var(--ui-border);border-radius:14px;background:var(--ui-surface);box-shadow:var(--ui-shadow);display:grid;gap:3px}.sf-editor-more-menu a,.sf-editor-more-menu button{appearance:none;border:0;background:transparent;color:var(--ui-text);text-align:start;font:inherit;font-weight:720;padding:10px 11px;border-radius:9px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.sf-editor-more-menu button{text-decoration:none}.sf-editor-more-menu a:hover,.sf-editor-more-menu button:hover{background:var(--ui-surface-soft)}.sf-editor-more-menu button:disabled{opacity:.45;cursor:not-allowed}.sf-editor-more-menu .sf-danger{color:var(--ui-danger)}
#smartform-editor[data-uiux04-editor="true"] .sf-editor-layout{width:min(1260px,100%);grid-template-columns:minmax(0,920px) var(--sf-editor-inspector);grid-template-areas:"canvas inspector";align-items:start;gap:22px}
#smartform-editor[data-uiux04-editor="true"] .sf-builder{grid-area:canvas;min-width:0}
#smartform-editor[data-uiux04-editor="true"] .sf-editor-inspector{grid-area:inspector;position:sticky;top:174px;max-height:calc(100vh - 194px);overflow:auto;padding-inline:2px}
.sf-inspector-intro{padding:4px 5px 12px}.sf-inspector-intro h2{margin:3px 0 4px;font-size:20px}.sf-inspector-intro p{margin:0;color:var(--ui-muted);font-size:13px;line-height:1.5}
#smartform-editor[data-uiux04-editor="true"] .sf-section-toolbar{position:sticky;top:174px;z-index:15;border-radius:16px;margin-bottom:12px}
#smartform-editor[data-uiux04-editor="true"] .sf-section-card{min-height:520px;border:1px solid var(--ui-border);box-shadow:0 24px 70px rgba(62,45,100,.12)!important}
.sf-canvas-context{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:4px 0 18px;padding-bottom:12px;border-bottom:1px solid var(--ui-border)}.sf-canvas-context strong{font-size:16px}.sf-canvas-context small{color:var(--ui-muted)}
.sf-question-card{outline:none;cursor:pointer}.sf-question-card.is-selected{border-color:var(--ui-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-accent) 16%,transparent),0 14px 32px rgba(65,44,110,.10)!important;background:var(--ui-surface)!important}.sf-question-card:focus-visible{outline:3px solid color-mix(in srgb,var(--ui-accent) 45%,transparent);outline-offset:3px}
.sf-selected-element-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:10px 0 4px;padding:9px 11px;border-radius:10px;background:color-mix(in srgb,var(--ui-accent) 8%,var(--ui-surface));color:var(--ui-accent-strong)}.sf-selected-element-label span{font-weight:850}.sf-selected-element-label small{color:var(--ui-muted)}
.sf-question-fields.is-collapsed{display:none}.sf-question-fields:not(.is-collapsed){animation:sfInspectorReveal .14s ease-out}@keyframes sfInspectorReveal{from{opacity:.35;transform:translateY(-3px)}to{opacity:1;transform:none}}
.sf-editor-empty-form{display:grid;justify-items:center;text-align:center;gap:7px;margin:18px 0;padding:44px 22px;border:2px dashed color-mix(in srgb,var(--ui-accent) 30%,var(--ui-border));border-radius:18px;background:color-mix(in srgb,var(--ui-accent) 3%,var(--ui-surface))}.sf-editor-empty-form strong{font-size:20px}.sf-editor-empty-form span:last-child{color:var(--ui-muted)}.sf-editor-empty-plus{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:var(--ui-accent);color:#fff;font-size:28px}
#smartform-editor[data-uiux04-editor="true"] .sf-add-row{align-items:center;padding-top:18px;border-top:1px solid var(--ui-border)}.sf-square-add{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:0;border-radius:13px;background:var(--ui-accent);color:#fff;font:inherit;font-weight:850;cursor:pointer}.sf-square-add>span{display:grid;place-items:center;width:26px;height:26px;border:2px solid currentColor;border-radius:7px;font-size:18px;line-height:1}.sf-square-add:hover{background:var(--ui-accent-strong)}
.sf-branching-builder{background:var(--ui-surface-soft)!important;border-color:var(--ui-border)!important}.sf-branching-builder .sf-branch-rule{background:var(--ui-surface)!important;border-color:var(--ui-border)!important}
.sf-section-tab:focus-visible,.sf-square-add:focus-visible,.sf-editor-global-actions button:focus-visible,.sf-editor-more summary:focus-visible{outline:3px solid color-mix(in srgb,var(--ui-accent) 45%,transparent);outline-offset:2px}
@media(max-width:1080px){
  #smartform-editor[data-uiux04-editor="true"]{--sf-editor-inspector:270px}
  .sf-uiux04-toolbar{top:112px;grid-template-columns:1fr}
  .sf-editor-global-actions{justify-content:flex-start}
  #smartform-editor[data-uiux04-editor="true"] .sf-editor-inspector{top:236px}
  #smartform-editor[data-uiux04-editor="true"] .sf-section-toolbar{top:236px}
}
@media(max-width:820px){
  .sf-uiux04-toolbar{position:relative;top:auto;margin-inline:-8px;width:calc(100% + 16px);border-radius:14px;padding:12px}
  .sf-editor-global-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.sf-editor-global-actions .sf-button{width:100%;justify-content:center}.sf-editor-more{grid-column:1/-1}.sf-editor-more>summary{width:100%;justify-content:center}.sf-editor-more-menu{position:static;width:100%;margin-top:8px}
  #smartform-editor[data-uiux04-editor="true"] .sf-editor-layout{display:flex;flex-direction:column;gap:14px}
  #smartform-editor[data-uiux04-editor="true"] .sf-builder{order:1;width:100%}
  #smartform-editor[data-uiux04-editor="true"] .sf-editor-inspector{order:2;position:static;max-height:none;width:100%}
  #smartform-editor[data-uiux04-editor="true"] .sf-section-toolbar{position:sticky;top:8px;z-index:15}
  #smartform-editor[data-uiux04-editor="true"] .sf-section-card{padding:16px!important;min-height:420px}
  .sf-question-top{grid-template-columns:28px minmax(0,1fr) 42px!important}.sf-question-top .sf-type-picker{grid-column:2/-1}.sf-selected-element-label{display:grid}
}
@media(max-width:520px){
  .sf-editor-global-actions{grid-template-columns:1fr 1fr}.sf-editor-publish-action,.sf-editor-save-action{font-weight:850}.sf-editor-more{grid-column:1/-1}
  .sf-section-nav{max-width:calc(100vw - 110px);overflow:auto}.sf-square-add strong{display:none}.sf-square-add{width:48px;padding:0}.sf-add-row .sf-type-picker{flex:1}
}


/* v0.079 UIUX-05 — Respondent / Public Form Experience */
.sf-skip-link{position:fixed;inset-inline-start:12px;top:8px;z-index:1000;transform:translateY(-160%);background:var(--ui-surface,#fff);color:var(--ui-text,#17211b);border:2px solid var(--sf-primary,#166534);border-radius:10px;padding:10px 14px;font-weight:800}
.sf-skip-link:focus{transform:none}
.sf-public-brandbar{max-width:780px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:18px 20px 4px}
.sf-public-brand{font-size:14px;font-weight:850;letter-spacing:.02em;color:color-mix(in srgb,var(--ui-text,#17211b) 72%,transparent)}
.sf-public-theme-toggle{min-width:44px;min-height:44px}
.sf-public-shell{max-width:780px;padding:22px 20px 72px}
.sf-public-footer{max-width:780px;margin:0 auto;padding:0 20px 32px;text-align:center;color:var(--ui-text-muted,#66736c);font-size:12px}
.sf-public-intro{padding:30px 30px 24px;margin-bottom:14px}
.sf-public-intro h1{font-size:clamp(28px,5vw,38px);line-height:1.15;margin:0 0 10px;overflow-wrap:anywhere}
.sf-public-description{font-size:16px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
.sf-public-intro-meta{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin-top:18px;padding-top:16px;border-top:1px solid var(--ui-border,#dce5df)}
.sf-public-progress-copy{font-weight:800;color:var(--sf-primary,#166534)}
.sf-save-state{font-size:13px;color:var(--ui-text-muted,#66736c)}
.sf-public-progress-panel{margin:0 0 14px;padding:10px 2px}
.sf-public-progress-track{height:8px;background:color-mix(in srgb,var(--sf-primary,#166534) 14%,var(--ui-border,#dce5df));border-radius:999px;overflow:hidden}
.sf-public-progress-track>span{display:block;width:0;height:100%;background:var(--sf-primary,#166534);border-radius:inherit;transition:width .25s ease}
.sf-public-section-nav{display:flex;gap:8px;overflow-x:auto;padding:10px 1px 2px;margin:0;scrollbar-width:thin}
.sf-public-step{cursor:default;min-height:40px;border-color:var(--ui-border,#d4ded7);color:var(--ui-text-muted,#66736c);background:var(--ui-surface,#fff)}
.sf-public-step b{font-size:12px;font-weight:700}
.sf-public-step.is-complete span{background:color-mix(in srgb,var(--sf-primary,#166534) 14%,#fff);color:var(--sf-primary,#166534)}
.sf-public-step.is-active{color:var(--ui-text,#17211b);font-weight:800}
.sf-public-section-card{padding:28px}
.sf-public-section-head>span{display:block;font-weight:800;color:var(--sf-primary,#166534);margin-bottom:5px}
.sf-public-section-head h2{font-size:clamp(22px,4vw,28px);line-height:1.2;overflow-wrap:anywhere}
.sf-public-section-head p{line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
.sf-public-question-list{gap:18px}
.sf-public-question{padding:20px;border-radius:16px;transition:border-color .15s,box-shadow .15s}
.sf-public-question:focus-within{border-color:color-mix(in srgb,var(--sf-primary,#166534) 55%,var(--ui-border,#dce5df));box-shadow:0 0 0 3px color-mix(in srgb,var(--sf-primary,#166534) 12%,transparent)}
.sf-public-question-head h3{font-size:17px;line-height:1.45;display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap;overflow-wrap:anywhere}
.sf-public-question-head p{line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.sf-required-badge{display:inline-flex;align-items:center;min-height:22px;padding:2px 7px;border-radius:999px;background:#fff1f0;color:#a12626;font-size:11px;font-weight:850;white-space:nowrap}
.sf-public-input{min-height:48px;font-size:16px;padding:11px 13px}
textarea.sf-public-input{min-height:128px;resize:vertical}
.sf-choice-list{gap:10px}
.sf-choice{min-height:50px;padding:12px 14px;border-radius:13px;align-items:flex-start;line-height:1.45}
.sf-choice input{width:20px;height:20px;min-width:20px;margin-top:1px}
.sf-choice:has(input:checked){border-color:var(--sf-primary,#166534);background:color-mix(in srgb,var(--sf-primary,#166534) 8%,var(--ui-surface,#fff));box-shadow:0 0 0 2px color-mix(in srgb,var(--sf-primary,#166534) 12%,transparent)}
.sf-choice:has(input:focus-visible){outline:3px solid color-mix(in srgb,var(--sf-primary,#166534) 35%,transparent);outline-offset:2px}
.sf-rating-option span{min-width:46px;height:46px}
.sf-rating-option input:focus-visible+span{outline:3px solid color-mix(in srgb,var(--sf-primary,#166534) 35%,transparent);outline-offset:2px}
.sf-response-grid input{width:20px;height:20px}
.sf-question-error{font-size:14px;font-weight:700;line-height:1.45}
.sf-public-global-error{margin-top:16px;border:1px solid #e1a5a5;background:#fff5f5;color:#8e2020;border-radius:12px;padding:12px 14px;font-weight:700;line-height:1.5}
.sf-public-actions{align-items:center;border-top:1px solid var(--ui-border,#dce5df);padding-top:16px}
.sf-public-actions .sf-button{min-height:48px;min-width:112px}
.sf-public-back{margin-inline-end:auto}
.sf-public-next,.sf-public-submit{min-width:132px}
.sf-public-submit{position:relative;gap:8px}
.sf-submit-spinner{display:none;width:16px;height:16px;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;animation:sf-uiux05-spin .7s linear infinite}
.sf-public-submit.is-processing .sf-submit-spinner{display:inline-block}
@keyframes sf-uiux05-spin{to{transform:rotate(360deg)}}
.sf-file-picker{display:flex;align-items:center;justify-content:center;min-height:50px;padding:10px 14px;border:1px solid var(--sf-primary,#166534);border-radius:12px;background:var(--ui-surface,#fff);color:var(--sf-primary,#166534);font-weight:800;cursor:pointer}
.sf-file-picker input{position:absolute;opacity:0;width:1px;height:1px}
.sf-file-picker:focus-within{outline:3px solid color-mix(in srgb,var(--sf-primary,#166534) 35%,transparent);outline-offset:2px}
.sf-file-picker.is-disabled{opacity:.55;cursor:not-allowed}
.sf-file-status{min-height:20px;font-size:13px;font-weight:700;color:var(--sf-primary,#166534)}
.sf-file-status.is-error{color:#a12626}
.sf-file-remove{display:grid;place-items:center;width:44px;height:44px;min-width:44px;border:1px solid var(--ui-border,#dbe4df);border-radius:10px;background:var(--ui-surface,#fff);color:#a12626;font-size:22px;cursor:pointer}
.sf-complete-card,.sf-public-unavailable{background:var(--ui-surface,#fff);border:1px solid var(--ui-border,#dce5df);border-radius:22px;padding:48px 28px;text-align:center;box-shadow:0 14px 46px rgba(23,33,27,.08);max-width:620px;margin:48px auto}
.sf-public-unavailable-mark{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;margin:0 auto 18px;background:#fff4d6;color:#7c5500;font-size:34px;font-weight:900}
.sf-public-unavailable p{color:var(--ui-text-muted,#66736c);line-height:1.6}
.sf-public-unavailable small{display:block;margin-top:16px;color:var(--ui-text-muted,#66736c)}
.sf-public-body :focus-visible{outline:3px solid color-mix(in srgb,var(--sf-primary,#166534) 42%,transparent);outline-offset:3px}
@media(max-width:760px){
  .sf-public-brandbar{padding:12px 14px 2px}
  .sf-public-shell{padding:14px 14px 84px}
  .sf-public-intro{padding:22px 18px}
  .sf-public-intro-meta{display:grid}
  .sf-public-section-card{padding:18px 14px}
  .sf-public-question{padding:16px 13px}
  .sf-public-actions{position:sticky;bottom:0;z-index:20;margin:18px -14px -18px;padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--ui-bg,#f4f7f5) 94%,transparent);backdrop-filter:blur(12px)}
  .sf-public-actions .sf-button{flex:1;min-width:0}
  .sf-public-back{max-width:38%}
  .sf-public-step b{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .sf-response-grid{min-width:540px}
}
@media(max-width:420px){
  .sf-public-actions{gap:8px}
  .sf-public-actions .sf-button{padding-inline:10px}
  .sf-public-back{max-width:36%}
}


/* SmartForm v0.080 — UIUX-06 Business Documents / Signing UX */
.sf-uiux06-documents{display:grid;gap:20px}
.sf-uiux06-document-grid{align-items:stretch}
.sf-uiux06-document-card{display:grid;gap:14px;padding-bottom:18px}
.sf-uiux06-document-card .sf-survey-tile-link{display:grid;gap:8px;text-decoration:none}
.sf-uiux06-human-status{width:max-content}
.sf-uiux06-primary-next{width:100%;margin-top:auto}
.sf-uiux06-document-filters{flex-wrap:wrap}

.sf-uiux06-signing-head{margin-bottom:18px}
.sf-uiux06-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 auto 20px;width:min(1100px,100%)}
.sf-uiux06-flow span{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 10px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface);font-weight:800;font-size:13px;text-align:center}
.sf-uiux06-link-ready,.sf-uiux06-request-create,.sf-uiux06-existing-requests{width:min(1100px,100%);margin:0 auto 18px}
.sf-uiux06-section-head>div{display:flex;gap:12px;align-items:flex-start}
.sf-uiux06-section-head h2,.sf-uiux06-section-head p{margin:0}
.sf-uiux06-section-head p{color:var(--ui-muted);margin-top:4px}
.sf-uiux06-step-number{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:var(--ui-accent);color:#fff;font-weight:900}
.sf-inline-field{display:flex;align-items:center;gap:8px;font-weight:500}
.sf-inline-field input{width:110px}
.sf-uiux06-mode-help{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sf-uiux06-mode-help p{margin:0;padding:10px 12px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface-soft);font-size:13px}
.sf-uiux06-request-card{background:var(--ui-surface);box-shadow:var(--ui-shadow);border-color:var(--ui-border);padding:18px}
.sf-uiux06-request-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:18px;align-items:start}
.sf-uiux06-request-summary h3{margin:8px 0 3px;font-size:22px}
.sf-uiux06-request-summary p{margin:0}
.sf-uiux06-request-meta{margin:0;display:grid;gap:8px}
.sf-uiux06-request-meta>div{display:flex;justify-content:space-between;gap:14px;padding-bottom:7px;border-bottom:1px solid var(--ui-border)}
.sf-uiux06-request-meta dt{color:var(--ui-muted)}
.sf-uiux06-request-meta dd{margin:0;font-weight:800;text-align:left}
.sf-uiux06-next-action{display:flex;justify-content:flex-start}
.sf-uiux06-next-action .sf-button{min-width:220px}
.sf-uiux06-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0 18px}
.sf-uiux06-review-grid>div{display:grid;gap:3px;padding:11px 12px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface-soft)}
.sf-uiux06-review-grid span{font-size:12px;color:var(--ui-muted)}
.sf-uiux06-delivery-choices{margin-top:10px}
.sf-uiux06-channel-card{border:1px solid var(--ui-border);border-radius:14px;padding:14px;background:var(--ui-surface)}
.sf-uiux06-channel-card h4{margin:0}
.sf-uiux06-delivery-statuses{display:grid;gap:9px}
.sf-uiux06-delivery-row{display:grid;grid-template-columns:minmax(130px,.6fr) minmax(160px,1fr) auto;gap:10px;align-items:start;padding:11px 12px;border:1px solid var(--ui-border);border-radius:12px}
.sf-uiux06-delivery-row>div{display:flex;align-items:center;gap:8px}
.sf-uiux06-delivery-row .sf-alert{grid-column:1/-1;margin:0}
.sf-uiux06-timeline{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:0}
.sf-uiux06-timeline li{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:10px 16px 10px 0;border-right:2px solid var(--ui-border)}
.sf-uiux06-timeline li::before{content:"";position:absolute;right:-6px;top:16px;width:10px;height:10px;border-radius:50%;background:var(--ui-accent)}
.sf-uiux06-timeline time{color:var(--ui-muted);font-size:12px}
.sf-uiux06-secondary-actions summary,.sf-uiux06-alternative-action summary,.sf-uiux06-advanced summary{cursor:pointer;font-weight:850}
.sf-uiux06-secondary-grid{display:grid;gap:18px;margin-top:16px}
.sf-uiux06-danger-zone{padding-top:12px;border-top:1px solid var(--ui-border)}
.sf-uiux06-response{margin:0}
.sf-uiux06-completion{border-width:2px}
.sf-uiux06-advanced{margin-top:18px}

.sf-uiux06-public-signing{max-width:900px}
.sf-uiux06-public-head{padding:4px 0}
.sf-uiux06-public-head h1{font-size:clamp(28px,6vw,42px);margin:6px 0}
.sf-uiux06-public-status{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:11px 13px;border:1px solid var(--ui-border);border-radius:13px;background:var(--ui-surface)}
.sf-uiux06-public-status span{color:var(--ui-muted)}
.sf-uiux06-review-intro,.sf-uiux06-action-intro{display:flex;align-items:flex-start;gap:12px;padding:4px 2px}
.sf-uiux06-review-intro h2,.sf-uiux06-review-intro p,.sf-uiux06-action-intro h2,.sf-uiux06-action-intro p{margin:0}
.sf-uiux06-review-intro p,.sf-uiux06-action-intro p{color:var(--ui-muted);margin-top:3px}
.sf-uiux06-document-review{display:grid;gap:12px}
.sf-uiux06-signature-type{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.sf-uiux06-signature-type legend{grid-column:1/-1}
.sf-uiux06-signature-choice{display:flex!important;align-items:flex-start!important;gap:10px!important;padding:12px;border:1px solid var(--ui-border);border-radius:13px;background:var(--ui-surface-soft);cursor:pointer}
.sf-uiux06-signature-choice input{width:auto;margin-top:4px}
.sf-uiux06-signature-choice span{display:grid;gap:2px}
.sf-uiux06-signature-choice small{font-weight:500;color:var(--ui-muted)}
.sf-uiux06-final-confirm{border:1px solid var(--ui-border)}
.sf-uiux06-sign-submit{min-height:48px;font-size:16px}
.sf-uiux06-alternative-action{margin-top:0}
.sf-uiux06-alternative-body{margin-top:16px}
.sf-uiux06-terminal{border-width:2px}

.sf-uiux06-documents :focus-visible,
.sf-uiux06-owner-signing :focus-visible,
.sf-uiux06-public-signing :focus-visible{outline:3px solid color-mix(in srgb,var(--ui-accent) 42%,transparent);outline-offset:3px}

@media(max-width:820px){
  .sf-uiux06-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sf-uiux06-mode-help{grid-template-columns:1fr}
  .sf-uiux06-request-summary{grid-template-columns:1fr}
  .sf-uiux06-review-grid{grid-template-columns:1fr}
  .sf-uiux06-delivery-row{grid-template-columns:1fr}
  .sf-uiux06-delivery-row .sf-alert{grid-column:auto}
}
@media(max-width:600px){
  .sf-uiux06-flow{grid-template-columns:1fr}
  .sf-uiux06-document-filters{margin-inline:-14px;padding-inline:14px;flex-wrap:nowrap}
  .sf-uiux06-request-card{padding:14px}
  .sf-uiux06-next-action .sf-button{width:100%;min-width:0}
  .sf-uiux06-signature-type{grid-template-columns:1fr}
  .sf-signature-canvas{min-height:190px}
  .sf-uiux06-public-signing{padding-inline:14px}
}


/* SmartForm v0.081 — UIUX-07 Responsive / Accessibility / System-wide Polish */
html{overflow-x:clip;scroll-padding-top:96px}
body{min-width:0;overflow-x:clip}
.sf-shell,.sf-public-shell,.sf-topbar-inner,.sf-workspace-page,.sf-form-workspace-detail,.sf-document-editor,.sf-uiux06-owner-signing,.sf-uiux06-public-signing{min-width:0}
.sf-shell *,.sf-public-shell *{min-width:0}
.sf-shell h1,.sf-shell h2,.sf-shell h3,.sf-public-shell h1,.sf-public-shell h2,.sf-public-shell h3,.sf-help,.sf-alert,.sf-status,.sf-chip{overflow-wrap:anywhere}
.sf-bidi-input,.sf-bidi-value,[dir="ltr"]{unicode-bidi:plaintext}
.sf-bidi-input{direction:ltr;text-align:left}
.sf-bidi-value{max-width:100%;overflow-wrap:anywhere;word-break:break-word}

/* Owner skip-link + system focus contract. */
.sf-skip-link{z-index:2000}
.sf-shell :where(a,button,input,textarea,select,summary,[tabindex]):focus-visible,
.sf-topbar :where(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline:3px solid color-mix(in srgb,var(--ui-accent) 48%,transparent);outline-offset:3px}
.sf-button,.sf-topbar-login,.sf-link-button,.sf-card-menu-trigger,.sf-icon-button{min-height:44px}
.sf-icon-button,.sf-card-menu-trigger{min-width:44px}
.sf-button:disabled,.sf-icon-button:disabled,[aria-disabled="true"]{opacity:.5;cursor:not-allowed;filter:saturate(.55)}

/* Dialog: bounded viewport, internal scroll, predictable actions. */
.sf-dialog{max-height:min(88dvh,860px);overflow:auto;overscroll-behavior:contain;margin-block:auto}
.sf-dialog-wide{width:min(920px,calc(100vw - 30px))}
.sf-dialog-actions{flex-wrap:wrap}
.sf-dialog :where(input,textarea,select){scroll-margin-block:90px}

/* Local horizontal scrolling belongs to the component, never the page. */
.sf-grid-wrap,.sf-section-nav,.sf-form-status-filters,.sf-signing-filter,.sf-public-section-nav{max-width:100%;overscroll-behavior-inline:contain;scrollbar-gutter:stable}
.sf-grid-wrap:focus-visible{outline:3px solid color-mix(in srgb,var(--ui-accent) 38%,transparent);outline-offset:2px;border-radius:8px}
.sf-results-table,.sf-response-grid{max-width:none}

/* Long content and card actions. */
.sf-form-card-title h2{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.sf-attention-copy strong,.sf-recent-copy strong{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.sf-survey-tile h3{-webkit-line-clamp:3;overflow-wrap:anywhere}
.sf-workspace-head,.sf-page-head,.sf-editor-head,.sf-document-editor-head,.sf-document-preview-head{min-width:0}
.sf-document-settings-actions,.sf-actions,.sf-inline-actions{flex-wrap:wrap}

/* Toasts remain readable with long Hebrew and on narrow screens. */
.sf-toast-region{max-width:min(680px,calc(100vw - 28px));inset-inline-start:14px;inset-block-end:max(14px,env(safe-area-inset-bottom))}
.sf-toast{height:auto;min-height:46px;align-items:flex-start;padding-block:8px;flex-wrap:wrap}
.sf-toast-text{white-space:normal;overflow:visible;text-overflow:clip;max-width:min(470px,72vw);overflow-wrap:anywhere}
.sf-toast-link{white-space:normal}

/* Card menu keyboard/focus geometry. */
.sf-card-menu{max-width:min(260px,calc(100vw - 28px))}
.sf-card-menu [role="menuitem"]:focus-visible{outline:2px solid var(--ui-accent);outline-offset:1px;background:var(--ui-surface-soft)}

/* Technical evidence stays available but outside the normal flow. */
.sf-uiux07-technical-details{margin-top:8px;color:var(--ui-muted)}
.sf-uiux07-technical-details>summary{cursor:pointer;font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.sf-uiux07-technical-details[open]{padding:8px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-surface-soft)}

/* Public signing touch and keyboard alternative. */
.sf-signature-pad-label{margin:0;font-weight:800}
.sf-signature-canvas{max-width:100%;min-height:210px;touch-action:none;overscroll-behavior:contain;user-select:none;-webkit-user-select:none}
.sf-signature-canvas:focus-visible{outline:3px solid color-mix(in srgb,var(--ui-accent) 48%,transparent);outline-offset:3px}
.sf-uiux06-document-review pre,.sf-document-preview-card pre{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}

/* Tablet: no desktop toolbar collisions. */
@media(max-width:980px){
  .sf-topbar[data-uiux02-shell] .sf-topbar-inner{width:100%}
  .sf-primary-nav{max-width:100%}
  .sf-home-section-head,.sf-results-section-head,.sf-document-preview-head{align-items:flex-start;flex-direction:column}
  .sf-campaign-card,.sf-provider-grid,.sf-invitation-grid{min-width:0}
}

/* Mobile: navigation is a stable 3-column control, actions stay reachable. */
@media(max-width:680px){
  .sf-shell{padding:14px}
  .sf-topbar[data-uiux02-shell]{padding-inline:10px}
  .sf-primary-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;overflow:visible;margin-inline:0;gap:4px}
  .sf-primary-nav a{justify-content:center;padding:8px 5px;white-space:normal;text-align:center}
  .sf-primary-nav a>span{display:none}
  .sf-topbar[data-uiux02-shell] .sf-topbar-actions{max-width:50vw;flex-wrap:wrap}
  .sf-workspace-primary-actions,.sf-document-settings-actions,.sf-actions,.sf-inline-actions{width:100%}
  .sf-workspace-primary-actions>.sf-button,.sf-document-settings-actions>.sf-button,.sf-document-settings-actions>form,.sf-document-settings-actions>form>.sf-button{width:100%}
  .sf-page-head,.sf-document-editor-head,.sf-document-preview-head{align-items:stretch;flex-direction:column}
  .sf-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:16px;border-radius:14px}
  .sf-dialog-title-row{gap:10px;flex-direction:column}
  .sf-dialog-actions>.sf-button{flex:1 1 140px}
  .sf-toast-region{inset-inline:10px;max-width:calc(100vw - 20px)}
  .sf-toast{width:100%}
  .sf-toast-text{max-width:none;flex:1 1 200px}
  .sf-uiux06-request-meta>div{display:grid;gap:3px}
  .sf-uiux06-request-meta dd{text-align:start}
  .sf-uiux06-timeline li{grid-template-columns:1fr;padding-inline-start:14px}
  .sf-uiux06-timeline time{white-space:normal}
  .sf-signature-canvas{min-height:220px}
}

/* Short viewport / virtual keyboard: avoid sticky action obstruction. */
@media(max-height:560px) and (max-width:820px){
  .sf-public-actions{position:static}
  .sf-uiux04-toolbar{position:relative!important;top:auto!important}
  #smartform-editor[data-uiux04-editor="true"] .sf-section-toolbar{position:relative;top:auto}
}

@media(pointer:coarse){
  .sf-button,.sf-icon-button,.sf-card-menu-trigger,.sf-public-step,.sf-choice,.sf-file-remove,.sf-signature-confirm{min-height:48px}
  .sf-signature-canvas{min-height:230px}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}

@media(forced-colors:active){
  .sf-button,.sf-card-menu-trigger,.sf-icon-button,.sf-chip,.sf-status,.sf-alert,.sf-public-question,.sf-signature-canvas{forced-color-adjust:auto;border:1px solid CanvasText}
  :focus-visible{outline:3px solid Highlight!important}
}
