/* Neutral surfaces follow the site's light/dark palette. Public forms stand alone. */
.forms-section,.form-dialog,.task-form-links,.public-form-page{--form-bg:rgba(246,247,248,.94);--form-input:#fff;--form-ink:#24272c;--form-muted:#626872;--form-line:rgba(61,68,78,.22);--form-hover:rgba(40,48,59,.07);color:var(--form-ink);font:500 14px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
body:not(.light):not([data-theme=light]):not(.public-form-page) .forms-section,body:not(.light):not([data-theme=light]):not(.public-form-page) .form-dialog,body:not(.light):not([data-theme=light]):not(.public-form-page) .task-form-links{--form-bg:rgba(34,35,38,.96);--form-input:#2b2c30;--form-ink:#eef0f3;--form-muted:#b0b3bb;--form-line:rgba(209,214,224,.24);--form-hover:rgba(225,229,237,.08)}
.forms-section{max-width:1220px;margin:24px auto;padding:26px;border-radius:18px;background:var(--surface-two,var(--form-bg));min-width:0}
.forms-page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.forms-page-heading h1{font-size:26px;margin:0;color:var(--form-ink)}
.forms-page-heading p{margin:5px 0 0;color:var(--form-muted)}
.forms-section button,.form-dialog button,.task-form-links button,.public-form-page button{background:var(--form-input);border:1px solid var(--form-line);border-radius:8px;padding:9px 14px;color:var(--form-ink);font:600 14px/1.35 system-ui;cursor:pointer;transition:background .16s,border-color .16s}
.forms-section button:hover,.form-dialog button:hover,.task-form-links button:hover,.public-form-page button:hover{background:var(--form-hover);border-color:var(--form-muted)}
.forms-section button:disabled,.form-dialog button:disabled,.public-form-page button:disabled{opacity:.45;cursor:default}
.forms-section input,.form-dialog input,.form-dialog select,.form-dialog textarea,.public-form-page input,.public-form-page select,.public-form-page textarea{box-sizing:border-box;width:100%;min-width:0;min-height:40px;padding:9px 11px;border:1px solid var(--form-line);border-radius:7px;background:var(--form-input);color:var(--form-ink);font:500 14px/1.5 system-ui;outline:none;box-shadow:none}
.forms-section input:focus,.form-dialog input:focus,.form-dialog select:focus,.form-dialog textarea:focus,.public-form-page input:focus,.public-form-page select:focus,.public-form-page textarea:focus{border-color:var(--form-muted)}
.form-dialog input[type=checkbox]{width:17px;min-height:17px;height:17px;accent-color:#747e8a}
.form-dialog label{display:flex;flex-direction:column;gap:6px;min-width:0;font-weight:600;color:var(--form-ink)}
.form-dialog .form-check{display:flex;flex-direction:row;align-items:center;gap:9px;font-weight:500;margin:8px 0}
.forms-toolbar{display:flex;gap:12px;align-items:center;margin-bottom:20px;flex-wrap:wrap}
.forms-toolbar input{flex:1 1 230px;width:auto;max-width:480px}
.forms-tabs{display:flex;background:var(--form-hover);padding:3px;border-radius:10px;gap:3px}
.forms-tabs button{border-color:transparent;background:transparent}
.forms-tabs button[aria-pressed=true],.forms-toolbar button[aria-pressed=true]{background:var(--form-input);border-color:var(--form-line)}
.form-list-table{overflow:auto;border:1px solid var(--form-line);border-radius:12px}
.form-list-table table,.form-table-scroll table{border-collapse:collapse;width:100%;font:inherit;color:var(--form-ink)}
.form-list-table td,.form-list-table th{padding:14px 16px;text-align:left;border-bottom:1px solid var(--form-line);background:transparent;white-space:nowrap}
.form-list-table td:first-child{width:45%;white-space:normal;min-width:200px}
.form-list-table th{font-weight:600;color:var(--form-muted);font-size:12px;background:var(--form-hover)}
.form-list-table tbody tr:last-child td{border-bottom:0}
.form-list-table td:first-child button{border:0;background:transparent;text-align:left;width:100%;font-size:15px;padding:3px 0}
.form-status{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--form-muted);white-space:nowrap}
.form-status-published{color:#3572b2}.form-status-submitted{color:#27824e}.form-status-expired{color:#ac6934}
body:not(.light):not([data-theme=light]) .form-status-published{color:#8cb9ec}body:not(.light):not([data-theme=light]) .form-status-submitted{color:#8acb9f}body:not(.light):not([data-theme=light]) .form-status-expired{color:#deb78d}
.form-unread{display:block;width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 14%,transparent)}
.form-pagination{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:14px;color:var(--form-muted)}
.form-pagination span{margin-right:auto}
.forms-empty{text-align:center;padding:44px 16px;color:var(--form-muted)}.forms-empty h2{font-size:19px;color:var(--form-ink)}
.form-template-card{display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid var(--form-line);border-radius:12px;background:var(--form-input);padding:18px;margin-bottom:12px}
.form-template-card h3{margin:0;font-size:17px}.form-template-card p{color:var(--form-muted);margin:4px 0 0}.form-template-card>div:last-child{display:flex;gap:8px}
.form-dialog{box-sizing:border-box;width:min(920px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 48px);margin:auto;border:1px solid var(--form-line);border-radius:16px;padding:22px;background:var(--form-bg);overflow:auto;box-shadow:0 24px 90px #0004}
.form-dialog::backdrop{background:#0007;backdrop-filter:blur(4px)}
.form-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.form-dialog>header h2{font-size:21px;margin:0;color:var(--form-ink)}
.form-dialog>header>button{padding:4px 10px;font-size:24px;border:0;background:transparent;line-height:1.2}
.form-dialog footer{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:9px;padding-top:18px;margin-top:18px;border-top:1px solid var(--form-line)}
.form-dialog .stack{display:flex;flex-direction:column;gap:16px}.form-dialog .stack footer{margin-top:0}
.form-dialog.form-picker-dialog{width:min(700px,calc(100vw - 32px))}.form-new{max-width:560px;margin:auto}
.form-error{color:#cc5a55;min-height:1em;font-size:13px;white-space:pre-wrap}
.form-note{color:var(--form-muted);font-size:13px;margin:0}
.form-document-summary{display:flex;gap:20px;align-items:center;flex-wrap:wrap;color:var(--form-muted);padding-bottom:16px;border-bottom:1px solid var(--form-line);margin-bottom:20px}
.form-document-settings{display:grid;gap:16px;margin-bottom:20px}.form-public-link input{font-size:12px;color:var(--form-muted)}
.structured-fields{display:grid;gap:20px;min-width:0}
.form-block{display:flex;flex-direction:column;gap:7px;min-width:0;margin:0}
.form-field-title,.form-section-heading h3,.form-instruction h3{font-size:15px;font-weight:650;color:var(--form-ink);margin:0}
.form-instruction{padding:15px 18px;border-left:3px solid var(--form-line);background:var(--form-hover);border-radius:0 8px 8px 0}
.form-instruction p{white-space:pre-wrap;color:var(--form-muted);margin:7px 0 0;font-weight:400}
.form-section-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px;flex-wrap:wrap}
.form-section-heading>div{display:flex;gap:7px}.form-section-heading button{font-size:12px;padding:6px 10px}
.form-value,output[data-computed]{display:block;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--form-line);border-radius:7px;background:var(--form-hover);padding:10px 12px;min-height:20px;font-weight:450}
.form-table-scroll{overflow:auto;max-height:540px;border:1px solid var(--form-line);border-radius:9px}
.form-table-scroll td,.form-table-scroll th{padding:8px;min-width:150px;vertical-align:top;border-bottom:1px solid var(--form-line);border-right:1px solid var(--form-line);text-align:left;background:transparent;font-size:13px}
.form-table-scroll th{position:sticky;top:0;background:var(--form-input);z-index:1;font-weight:600}
.form-table-scroll td:last-child,.form-table-scroll th:last-child{border-right:0}.form-table-scroll tr:last-child td{border-bottom:0}
.form-table-scroll td:last-child:has(.form-remove),.form-table-scroll th[aria-label]{min-width:35px;width:35px}
.form-table-scroll td input,.form-table-scroll td select{font-size:13px;padding:7px 9px;min-height:36px}
.form-table-scroll .form-value,.form-table-scroll output{background:transparent;border:0;padding:7px 4px}
.form-empty{padding:18px;color:var(--form-muted);font-weight:400;margin:0}
.form-required{color:#b85850}.form-dialog .form-danger{color:#c26661;margin-left:auto}
.form-picker-toolbar{display:flex;gap:12px;margin-bottom:18px}.form-picker-toolbar input{flex:1}.form-picker-toolbar button{white-space:nowrap}
.form-picker-list{display:flex;flex-direction:column;gap:8px;margin-top:15px;max-height:60dvh;overflow:auto}
.form-picker-list>button{display:flex;gap:12px;text-align:left;align-items:center}
.form-picker-row{display:flex;gap:8px;border:1px solid var(--form-line);padding:10px;border-radius:9px;align-items:center}
.form-picker-row>button:first-child{display:flex;flex-direction:column;align-items:flex-start;flex:1;text-align:left;border:0;background:transparent;min-width:0;gap:5px}
.task-form-links{padding:14px 16px;border:1px solid var(--form-line);border-radius:10px;background:var(--form-hover);margin:14px 0;min-width:0}
.task-form-links h3{font-size:15px}.task-form-links button{padding:7px 11px;font-size:13px}
.form-attached-row{display:flex;gap:8px;align-items:center;margin-top:8px}.form-attached-row>button:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:5px;flex:1;min-width:0;text-align:left}.form-attached-row>button:first-child span:first-child{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.form-builder-dialog{width:min(1340px,calc(100vw - 36px))}.form-builder-main{display:grid;grid-template-columns:minmax(380px,1fr) minmax(300px,1fr);gap:30px;align-items:start}
.form-builder-settings{min-width:0;display:grid;gap:12px}.form-builder-preview{position:sticky;top:0;min-width:0;background:var(--form-input);padding:18px;border-radius:12px;border:1px solid var(--form-line)}
.form-builder-preview>h3{margin:0 0 20px;color:var(--form-muted);font-size:13px}.form-builder-block{border:1px solid var(--form-line);border-radius:10px;background:var(--form-input);padding:14px;margin:12px 0;display:grid;gap:10px}
.form-builder-column{background:var(--form-hover);margin:8px 0;padding:12px}.form-builder-block-heading{display:flex;justify-content:space-between;align-items:center}.form-builder-block-heading strong{font-size:12px;color:var(--form-muted)}
.form-builder-block-heading>div{display:flex;gap:4px}.form-builder-block-heading button{padding:4px 9px}
.form-builder-field-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.form-builder-add{display:flex;gap:10px}.form-builder-add select{flex:1}.form-builder-add button{white-space:nowrap}
.form-mapping{display:grid;gap:8px}.form-mapping>label{display:grid;grid-template-columns:minmax(80px,.6fr) minmax(0,1fr);gap:12px;align-items:center;font-weight:450}.form-operands{border:1px solid var(--form-line);border-radius:8px;padding:10px}
.form-builder-dialog>footer>span{margin-right:auto;font-size:12px;color:var(--form-muted)}
.public-form-page{margin:0;min-height:100dvh;background:#f0f1f3;color:#24272c;padding:36px 20px;box-sizing:border-box}
.public-form-card{box-sizing:border-box;max-width:1080px;margin:auto;background:#fff;border:1px solid #dee1e6;border-radius:18px;padding:30px 38px;box-shadow:0 12px 50px #24272c08}
.public-form-brand{display:flex;align-items:center;justify-content:space-between;font-weight:750;font-size:20px}.public-form-brand span{font-size:12px;font-weight:500;color:#787d85}
.public-form-card h1{font-size:27px;line-height:1.3;margin:27px 0 10px;overflow-wrap:anywhere}.public-form-card #form-state{color:#535a64;margin:0 0 7px}.public-form-card #form-deadline{font-size:12px;color:#7a7f87;margin:0 0 28px}
.public-form-card footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;border-top:1px solid #e1e4e9;padding-top:22px;margin-top:24px;flex-wrap:wrap}.public-form-card #form-save-state{margin-right:auto;color:#757b84;font-size:12px}.public-form-card #form-submit{background:#343b44;color:#fff;padding:11px 28px}
[hidden]{display:none!important}
@media(max-width:900px){.form-builder-main{grid-template-columns:1fr}.form-builder-preview{position:static}.forms-section{margin:12px;padding:18px}.forms-page-heading{flex-wrap:wrap}}
@media(max-width:600px){.form-dialog{padding:16px;width:calc(100vw - 18px);max-height:calc(100dvh - 20px)}.public-form-page{padding:12px 8px}.public-form-card{padding:20px 16px}.form-document-actions button{flex:1 1 auto}.form-picker-toolbar{flex-direction:column}.form-builder-field-row{grid-template-columns:1fr}.form-section-heading{align-items:flex-start}.form-template-card{align-items:flex-start;flex-direction:column}.form-list-table td,.form-list-table th{padding:12px}.public-form-brand span{display:none}}
@media(prefers-reduced-motion:reduce){.forms-section button,.form-dialog button,.task-form-links button{transition:none}}

.task-form-add{margin:10px 0;padding:7px 11px;border:1px solid var(--line);border-radius:7px;background:var(--field);color:var(--text);font:500 13px/1.4 system-ui;cursor:pointer}.task-form-add:hover{background:var(--hover)}.task-form-links.forms-attach-only{padding:0;border:0;background:none;margin:10px 0}.forms-attach-only .task-form-add{margin:0}

.forms-page-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.forms-page-actions [data-form-return-task]{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;font-weight:550}.forms-page-actions [data-form-return-task] svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}