/* Bitable-like field/value rows, shared by the home form and the create drawer. */
#legacy-form.record-form{display:flex;flex-direction:column;gap:0;padding:22px;max-width:960px;font-size:13px;container-type:inline-size;border:1px solid rgba(255,255,255,.85);border-radius:20px;background:rgba(255,255,255,.86);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 12px 36px #1834540d}
.task-create-drawer #legacy-form.record-form{padding:12px 0 0;max-width:none}
.task-create-drawer #legacy-form.record-form .legacy-heading{display:none}
#legacy-form.record-form .legacy-heading{padding:0 0 16px;margin:0;border:0}
#legacy-form.record-form .legacy-heading h2{font-size:22px;font-weight:650;color:var(--ink)}
#legacy-form.record-form .form-field{display:grid;grid-template-columns:138px minmax(0,1fr);gap:4px 14px;align-items:start;min-width:0;margin:0;padding:6px 0;border:0;border-radius:0;background:transparent;box-shadow:none}
#legacy-form.record-form .form-label{font-size:13px;font-weight:400;line-height:36px;color:var(--muted);margin:0}
#legacy-form.record-form .form-field>input,#legacy-form.record-form .form-field>select,#legacy-form.record-form .form-field>textarea{grid-column:2;width:100%;min-width:0;min-height:36px;height:36px;padding:7px 10px;margin:0;border:1px solid transparent;border-radius:7px;background:transparent;font:inherit;box-shadow:none}
#legacy-form.record-form .form-field>textarea{height:auto;min-height:84px;resize:vertical;line-height:1.6}
#legacy-form.record-form .form-field>input:hover,#legacy-form.record-form .form-field>select:hover,#legacy-form.record-form .form-field>textarea:hover{background:var(--surface-soft);border-color:var(--line)}
#legacy-form.record-form :is(input,select,textarea):focus-visible{outline:2px solid var(--focus);outline-offset:1px;background:var(--surface-soft)}
#legacy-form.record-form .form-field>.form-help{grid-column:2;min-height:0;margin:0;padding:0 10px;font-size:11px;line-height:1.5}
#legacy-form.record-form .people-picker>.form-help{display:none}
#legacy-form.record-form .form-field>.search-selector{grid-column:2;min-width:0;margin:0;gap:4px}
#legacy-form.record-form .search-selector>input{min-height:36px;height:36px;margin:0;padding:7px 10px;border:1px solid transparent;background:transparent;border-radius:7px;font-size:13px}
#legacy-form.record-form .search-selector>input:hover{border-color:var(--line);background:var(--surface-soft)}
#legacy-form.record-form .selection-chips{gap:4px;min-height:0}
#legacy-form.record-form .selection-chips>span{display:none}
#legacy-form.record-form .selection-chips button{min-height:26px;padding:3px 8px;font-size:12px;border-radius:6px}
#legacy-form.record-form .creation-tags{grid-column:2;gap:5px;min-height:36px;padding:3px 0}
#legacy-form.record-form .creation-tag{padding:3px 7px;font-size:12px;border-radius:6px}
#legacy-form.record-form .creation-tags{display:block;padding:0}
#legacy-form.record-form .creation-tag-picker{position:relative;min-width:0;width:100%}
#legacy-form.record-form .creation-tag-picker>summary{list-style:none;display:block;min-height:36px;padding:8px 30px 8px 10px;border:1px solid transparent;border-radius:7px;cursor:pointer;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}
#legacy-form.record-form .creation-tag-picker>summary::-webkit-details-marker{display:none}
#legacy-form.record-form .creation-tag-picker>summary::after{content:'⌄';position:absolute;right:10px;top:7px;color:var(--muted)}
#legacy-form.record-form .creation-tag-picker[open]>summary,#legacy-form.record-form .creation-tag-picker>summary:hover{background:var(--surface-soft);border-color:var(--line)}
#legacy-form.record-form .creation-tag-picker[data-filled=true]>summary{color:var(--ink);font-weight:500}
#legacy-form.record-form .creation-tag-picker[data-filled=false]>summary{background:var(--surface-soft);color:var(--muted)}
#legacy-form.record-form .creation-tag-picker>summary:focus-visible{outline:2px solid var(--focus);outline-offset:1px}
#legacy-form.record-form .creation-tag-options{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:12;max-height:240px;overflow:auto;display:flex;flex-direction:column;gap:2px;padding:6px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 10px 28px #132b4926}
#legacy-form.record-form .creation-tag-options .creation-tag{border:0;background:transparent;display:flex;padding:8px;gap:8px;font-size:13px;cursor:pointer}
#legacy-form.record-form .creation-tag-options .creation-tag:hover{background:var(--surface-soft)}
#legacy-form.record-form .creation-tag-options .creation-tag:has(input:checked){background:var(--blue-tint);color:var(--accent)}
#legacy-form.record-form .form-field[data-value-state=empty]>:is(input,select,textarea){color:var(--muted);background:var(--surface-soft)}
#legacy-form.record-form .form-field[data-value-state=filled]>:is(input,select,textarea){color:var(--ink);font-weight:500;background:var(--surface);border-color:var(--line)}
#legacy-form.record-form .form-field>.search-selector>input{display:block;visibility:visible;background:var(--surface-soft);border:1px solid var(--line)}
#legacy-form.record-form .form-field>.search-selector:focus-within>input{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 12%,transparent)}
#legacy-form.record-form .form-field[data-input-state=searching]>.search-selector::after{content:'搜索文字尚未选定，请勾选候选项';font-size:11px;color:var(--accent);line-height:1.5;grid-column:1/-1}
#legacy-form.record-form .form-field:focus-within>.form-label{color:var(--accent)}
#legacy-form.record-form .form-field[data-value-state=empty]>.search-selector>input{background:var(--surface-soft)}
#legacy-form.record-form .form-field[data-value-state=filled]>.search-selector>.selection-chips button{color:var(--ink);font-weight:500;border-color:var(--line);background:var(--surface-soft)}
#legacy-form.record-form .creation-field-legend{display:flex;flex-wrap:wrap;gap:6px 14px;padding:4px 0 12px;margin-bottom:6px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}
#legacy-form.record-form .creation-field-legend>span::before{content:'';display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:var(--line)}
#legacy-form.record-form .creation-field-legend>.legend-filled{color:var(--ink)}
#legacy-form.record-form .creation-field-legend>.legend-filled::before{background:var(--ink)}
#legacy-form.record-form .creation-field-legend>.legend-auto{color:var(--accent)}
#legacy-form.record-form .creation-field-legend>.legend-auto::before{background:var(--accent)}
#legacy-form.record-form input::placeholder,#legacy-form.record-form textarea::placeholder{color:var(--muted);font-weight:400;opacity:.8}
#legacy-form.record-form .form-field[data-value-state=auto]>.form-label::after{content:'自动';display:inline-block;font-size:10px;line-height:16px;padding:0 4px;margin-left:5px;border-radius:4px;background:var(--blue-tint);color:var(--accent)}
#legacy-form.record-form .form-field[data-value-state=auto]>:is(input,select,textarea){color:var(--accent);background:color-mix(in srgb,var(--accent) 4%,var(--surface))}
#legacy-form.record-form select option{color:var(--ink);background:var(--surface)}
#legacy-form.record-form .record-auto>span:last-child{padding:9px 10px;line-height:18px;font-size:12px;color:var(--muted)}
#legacy-form.record-form .record-advanced{margin:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
#legacy-form.record-form .record-advanced>summary{padding:14px 0;cursor:pointer;color:var(--ink);font-size:13px}
#legacy-form.record-form .record-advanced>summary span{font-size:11px;color:var(--muted);margin-left:8px}
#legacy-form.record-form .record-advanced-body{display:flex;flex-direction:column;gap:10px;padding-bottom:14px}
#legacy-form.record-form .legacy-actions{margin-top:12px}
#legacy-form.record-form #legacy-description-wrap{display:none!important}
#legacy-form.record-form .task-group-picker{display:grid;grid-template-columns:138px minmax(0,1fr);gap:6px 14px;padding:6px 0;border:0;background:transparent}
#legacy-form.record-form .task-group-heading{grid-column:1;display:block;padding:0}
#legacy-form.record-form .task-group-heading>.form-help{display:none}
#legacy-form.record-form .task-group-mode{grid-column:2;display:flex;gap:5px;padding:0;flex-wrap:wrap}
#legacy-form.record-form .task-group-mode-option{display:flex;align-items:center;gap:6px;min-height:36px;padding:6px 9px;border-radius:7px;flex:1;white-space:nowrap}
#legacy-form.record-form .task-group-mode-option small{display:none}
#legacy-form.record-form .task-group-mode-option input{width:14px;height:14px;min-height:14px;flex-basis:14px;margin:0}
#legacy-form.record-form .task-group-mode-option strong{font-size:12px;font-weight:400}
#legacy-form.record-form .task-group-note{display:none}
#legacy-form.record-form .task-group-picker>.resource-directory{grid-column:2;padding:8px;border-radius:8px}
#legacy-form.record-form .task-group-fallback>summary{cursor:pointer;color:var(--muted);font-size:11px;padding:5px 0}
#legacy-form.record-form .task-group-fallback[open]>.task-group-manual-row{margin-top:7px}
#legacy-form.record-form .resource-preview h3{font-size:13px;margin:0;color:var(--ink)}
#legacy-form.record-form .resource-preview p{font-size:11px;margin:4px 0;line-height:1.5}
#legacy-form.record-form .resource-preview:empty{display:none}
#legacy-form.record-form .task-group-manual-row{grid-template-columns:minmax(0,1fr)}
#legacy-form.record-form .task-group-manual-help{font-size:11px}
@container(max-width:380px){#legacy-form.record-form .task-group-picker{grid-template-columns:94px minmax(0,1fr);column-gap:6px}#legacy-form.record-form .task-group-mode-option{padding:5px 7px;flex:0 1 auto}#legacy-form.record-form .task-group-picker>.resource-directory{grid-column:1/-1}}
#legacy-form.record-form [hidden]{display:none!important}
@media(max-width:600px){#legacy-form.record-form{padding:14px}.task-create-drawer #legacy-form.record-form{padding-inline:0}#legacy-form.record-form .form-field{grid-template-columns:112px minmax(0,1fr);column-gap:6px}#legacy-form.record-form .form-label{font-size:12px}.record-advanced>summary span{display:none}}
@media(max-width:420px){#legacy-form.record-form .form-field{grid-template-columns:94px minmax(0,1fr)}#legacy-form.record-form .form-label{line-height:20px;padding-top:8px}#legacy-form.record-form .record-auto>.form-label{padding-top:8px}#legacy-form.record-form .creation-tag-options{max-height:200px}#legacy-form.record-form .form-field[data-value-state=auto]>.form-label::after{margin-left:0;display:table}}
@container(max-width:380px){#legacy-form.record-form .form-field{grid-template-columns:94px minmax(0,1fr);column-gap:6px}#legacy-form.record-form .form-label{font-size:12px;line-height:20px;padding-top:8px}#legacy-form.record-form .form-field[data-value-state=auto]>.form-label::after{margin-left:0;display:table}#legacy-form.record-form .creation-field-legend{font-size:10px;gap:5px 8px}}

/* Neutral macOS-inspired fields; accent is reserved for focus and selection. */
#legacy-form.record-form{--form-fill:#f4f4f5;--form-text:#1d1d1f;--form-hint:#86868b;--form-edge:#e5e5e7;color:var(--form-text)}
#legacy-form.record-form .form-label{color:#556174;font-weight:500}
#legacy-form.record-form .form-field>input,#legacy-form.record-form .form-field>select,#legacy-form.record-form .form-field>textarea,#legacy-form.record-form .form-field>.search-selector>input,#legacy-form.record-form .creation-tag-picker>summary{background:var(--form-fill);border:1px solid var(--form-edge);color:var(--form-text);font-weight:400}
#legacy-form.record-form .form-field[data-value-state=filled]>:is(input,select,textarea),#legacy-form.record-form .form-field[data-value-state=auto]>:is(input,select,textarea),#legacy-form.record-form .creation-tag-picker[data-filled=true]>summary{color:var(--form-text);background:var(--form-fill);font-weight:400}
#legacy-form.record-form .form-field[data-value-state=empty]>:is(input,select,textarea),#legacy-form.record-form .creation-tag-picker[data-filled=false]>summary{background:var(--form-fill);color:var(--form-hint)}
#legacy-form.record-form input::placeholder,#legacy-form.record-form textarea::placeholder{color:var(--form-hint);opacity:1}
#legacy-form.record-form .form-field>.search-selector>input,#legacy-form.record-form .form-field[data-value-state=empty]>.search-selector>input{color:var(--form-text);background:var(--form-fill)}
#legacy-form.record-form .form-field>.search-selector:focus-within>input{background:var(--form-fill)}
#legacy-form.record-form .creation-tag-options,#legacy-form.record-form .task-group-picker>.resource-directory{background:#fff;color:var(--form-text)}
#legacy-form.record-form .form-help,#legacy-form.record-form .record-auto>span:last-child{color:var(--form-hint)}
.task-create-drawer #legacy-form.record-form{padding:14px 12px;margin-top:12px;background:rgba(255,255,255,.9);border:1px solid #ffffffd9;border-radius:14px}
body[data-theme=dark] #legacy-form.record-form{--form-fill:#263c57;--form-text:#f1f5fb;--form-hint:#a3b2c6;--form-edge:#3a536f;background:rgba(28,43,66,.92);border-color:#3a536f}
body[data-theme=dark] #legacy-form.record-form .form-label{color:#c1cddd}
body[data-theme=dark] #legacy-form.record-form .creation-tag-options,body[data-theme=dark] #legacy-form.record-form .task-group-picker>.resource-directory{background:#1c2b42}
@media(prefers-reduced-transparency:reduce){#legacy-form.record-form{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}}
/* One full-width value column shared by fields, search pickers and group reuse. */
#legacy-form.record-form{
  --form-columns:148px minmax(0,1fr);--form-column-gap:28px;
  width:100%;max-width:960px;align-items:stretch;padding:28px;margin-inline:auto;
  font:400 14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;
  border-radius:28px;box-shadow:0 18px 48px rgba(51,79,115,.10),inset 0 1px 0 rgba(255,255,255,.9);
}
.task-create-drawer #legacy-form.record-form{max-width:880px;padding:24px;border-radius:24px}
#legacy-form.record-form>.wide,#legacy-form.record-form>.form-field,#legacy-form.record-form>.creation-field-legend{width:100%;max-width:none;min-width:0;align-self:stretch}
#legacy-form.record-form .form-field,#legacy-form.record-form .task-group-picker{grid-template-columns:var(--form-columns);column-gap:var(--form-column-gap);width:100%;padding-block:7px}
#legacy-form.record-form .form-label{font-family:inherit;font-size:14px;font-weight:500;line-height:44px;padding-top:0;color:#556174}
#legacy-form.record-form :is(input,select,textarea,summary,button),#legacy-form.record-form .task-group-mode-option strong{font-family:inherit;font-size:14px;letter-spacing:normal;font-weight:400}
#legacy-form.record-form .form-field>input,#legacy-form.record-form .form-field>select,#legacy-form.record-form .form-field>textarea,#legacy-form.record-form .search-selector>input,#legacy-form.record-form .creation-tag-picker>summary,#legacy-form.record-form #legacy-number{
  width:100%;max-width:100%;min-width:0;min-height:44px;height:44px;box-sizing:border-box;
  margin:0;padding:10px 16px;border:1px solid var(--form-edge);border-radius:18px;
  background:var(--form-fill);color:var(--form-text);font:inherit;line-height:22px;
}
#legacy-form.record-form .form-field>textarea{height:auto;min-height:96px}
#legacy-form.record-form #legacy-number{grid-column:2;color:var(--form-hint)}
#legacy-form.record-form #legacy-number[data-number-state="ready"]{color:var(--accent)}
#legacy-form.record-form .creation-tag-picker>summary{padding-right:36px}
#legacy-form.record-form .creation-tag-picker>summary::after{right:16px;top:11px}
#legacy-form.record-form .form-field>.search-selector,#legacy-form.record-form .creation-tags{width:100%;max-width:100%;min-width:0}
#legacy-form.record-form .search-selector{gap:6px}
#legacy-form.record-form .selection-chip{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:12px}
#legacy-form.record-form .selection-chips button{font-size:13px;border-radius:12px}
#legacy-form.record-form .selection-results{min-width:0;max-width:100%;border-radius:18px}
#legacy-form.record-form .selection-option{min-width:0;overflow-wrap:anywhere}
#legacy-form.record-form .form-help,#legacy-form.record-form .resource-preview p{font-size:12px;line-height:1.5}
#legacy-form.record-form .task-group-heading{grid-column:1}
#legacy-form.record-form .task-group-mode{grid-column:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;min-width:0;gap:8px}
#legacy-form.record-form .task-group-mode-option{justify-content:center;min-width:0;min-height:44px;padding:8px 4px;gap:5px;border-radius:22px}
#legacy-form.record-form .task-group-picker>.resource-directory{grid-column:2;min-width:0;width:100%;margin:0;border:0;padding:0;background:transparent}
#legacy-form.record-form .task-group-search-row{display:block;width:100%;min-width:0}
#legacy-form.record-form .task-group-search-row>.search-selector{width:100%;min-width:0;margin:0}
#legacy-form.record-form .resource-preview{overflow-wrap:anywhere}
#legacy-form.record-form .legacy-actions{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:16px;width:100%;box-sizing:border-box;margin-inline:0;padding-top:16px;border-top:1px solid var(--form-edge)}
#legacy-form.record-form .legacy-actions>p{flex:1;min-width:0;margin:0;font-size:12px}
#legacy-form.record-form .legacy-actions>button{width:auto;margin-left:auto;flex:0 0 auto;min-width:116px;min-height:44px;border-radius:22px;font-weight:600}
@container(max-width:480px){
  #legacy-form.record-form .form-field,#legacy-form.record-form .task-group-picker{grid-template-columns:116px minmax(0,1fr);column-gap:18px}
  #legacy-form.record-form .form-label{font-size:13px;line-height:22px;padding-top:11px}
  #legacy-form.record-form .task-group-mode{gap:4px}
  #legacy-form.record-form .task-group-mode-option{gap:3px}
  #legacy-form.record-form .task-group-mode-option strong{font-size:12px}
}
@container(max-width:360px){
  #legacy-form.record-form .form-field,#legacy-form.record-form .task-group-picker{grid-template-columns:minmax(0,1fr);row-gap:6px}
  #legacy-form.record-form .form-field>:is(input,select,textarea,.form-help,.search-selector,.creation-tags),#legacy-form.record-form #legacy-number,#legacy-form.record-form .task-group-heading,#legacy-form.record-form .task-group-mode,#legacy-form.record-form .task-group-picker>.resource-directory{grid-column:1}
  #legacy-form.record-form .form-label{padding:0;line-height:24px}
  #legacy-form.record-form .form-field[data-value-state=auto]>.form-label::after{display:inline-block;margin-left:5px}
}
@media(max-width:480px){#legacy-form.record-form,.task-create-drawer #legacy-form.record-form{padding:18px;border-radius:24px}}

/* Shared popover language: the marker is circular, but multi-choice stays a checkbox. */
#legacy-form.record-form .form-field,#legacy-form.record-form .search-selector,#legacy-form.record-form .creation-tags{font-size:14px;font-weight:400}
#legacy-form.record-form .search-selector{position:relative}
#legacy-form.record-form .search-selector>input{padding-right:36px}
#legacy-form.record-form .search-selector::before{content:'⌄';position:absolute;right:16px;top:11px;color:var(--form-hint);pointer-events:none;font-size:14px;line-height:22px}
#legacy-form.record-form .selection-popover,#legacy-form.record-form .creation-tag-options,#legacy-form.record-form .creation-single-panel{
  position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;min-width:0;
  max-height:280px;overflow:auto;overscroll-behavior:contain;margin:0;padding:6px;
  background:var(--surface);color:var(--form-text);border:1px solid var(--form-edge);border-radius:18px;
  box-shadow:0 12px 32px rgba(35,55,82,.16);scrollbar-width:thin;
}
#legacy-form.record-form .search-selector:focus-within,#legacy-form.record-form .creation-tag-picker[open],#legacy-form.record-form .creation-single-select:focus-within{z-index:31}
#legacy-form.record-form .selection-popover .selection-results{display:flex;flex-direction:column;gap:2px;max-height:none;overflow:visible;margin:0;padding:0;border:0;border-radius:0;background:transparent}
#legacy-form.record-form .selection-popover>p{margin:4px 10px;font-size:12px;font-weight:400;color:var(--muted);overflow-wrap:anywhere}
#legacy-form.record-form .selection-option,#legacy-form.record-form .creation-tag-options .creation-tag,#legacy-form.record-form .creation-single-option{
  display:flex;align-items:center;gap:10px;min-height:40px;width:100%;margin:0;padding:9px 10px;
  border:0;border-radius:12px;background:transparent;box-shadow:none;text-align:left;
  color:var(--form-text);font-family:inherit;font-size:14px;font-weight:400;line-height:1.6;cursor:pointer;
}
#legacy-form.record-form .selection-option>span,#legacy-form.record-form .creation-tag>span{min-width:0;font-size:14px;font-weight:400;overflow-wrap:anywhere}
#legacy-form.record-form .selection-option small{display:block;font-size:11px;line-height:1.4;font-weight:400;color:var(--muted)}
#legacy-form.record-form .selection-option:hover,#legacy-form.record-form .creation-tag-options .creation-tag:hover,#legacy-form.record-form .creation-single-option:hover{background:var(--form-fill)}
#legacy-form.record-form .selection-option:has(input:checked),#legacy-form.record-form .creation-tag-options .creation-tag:has(input:checked),#legacy-form.record-form .creation-single-option[aria-selected=true]{background:var(--form-fill);color:var(--form-text)}
#legacy-form.record-form .selection-option input[type=checkbox],#legacy-form.record-form .creation-tag input[type=checkbox]{
  appearance:none;-webkit-appearance:none;display:inline-block;flex:0 0 16px;width:16px;min-width:16px;height:16px;min-height:16px;
  margin:0;padding:0;border:1.5px solid #929baa;border-radius:50%;background:transparent;box-shadow:none;cursor:pointer;
}
#legacy-form.record-form .selection-option input[type=checkbox]:checked,#legacy-form.record-form .creation-tag input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 3px var(--surface)}
#legacy-form.record-form .creation-single-select{grid-column:2;position:relative;width:100%;min-width:0;font:inherit}
#legacy-form.record-form .creation-single-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;height:44px;min-height:44px;margin:0;padding:10px 16px;border:1px solid var(--form-edge);border-radius:18px;background:var(--form-fill);color:var(--form-text);font:inherit;text-align:left;box-shadow:none}
#legacy-form.record-form .creation-single-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#legacy-form.record-form .creation-single-chevron{flex:none;color:var(--form-hint)}
#legacy-form.record-form .creation-single-trigger:disabled{opacity:.6;cursor:not-allowed}
#legacy-form.record-form .form-field[data-value-state=empty] .creation-single-value{color:var(--form-hint)}
#legacy-form.record-form .creation-single-dot{display:inline-block;flex:0 0 16px;width:16px;height:16px;border:1.5px solid #929baa;border-radius:50%}
#legacy-form.record-form .creation-single-option[aria-selected=true] .creation-single-dot{background:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 3px var(--surface)}
#legacy-form.record-form .creation-single-option:disabled{opacity:.5;cursor:not-allowed}
#legacy-form.record-form .creation-single-label{min-width:0;overflow-wrap:anywhere}
@container(max-width:360px){#legacy-form.record-form .creation-single-select{grid-column:1}}
@media(forced-colors:active){#legacy-form.record-form .selection-option input[type=checkbox],#legacy-form.record-form .creation-tag input[type=checkbox]{appearance:auto}#legacy-form.record-form .creation-single-option[aria-selected=true] .creation-single-dot{background:Highlight}}

/* Match the introductory sentence throughout the form, without mixed weights. */
#legacy-form.record-form .form-label,#legacy-form.record-form .form-help,#legacy-form.record-form .selection-option small,#legacy-form.record-form .selection-chips button,#legacy-form.record-form .creation-tag-options .creation-tag,#legacy-form.record-form .task-group-mode-option strong,#legacy-form.record-form .resource-preview h3,#legacy-form.record-form .resource-preview p,#legacy-form.record-form .legacy-actions>p,#legacy-form.record-form .legacy-actions>button,#legacy-form.record-form .creation-field-legend{font-family:inherit;font-size:14px;font-weight:400;letter-spacing:normal}
#legacy-form.record-form .form-label{color:#6e6e73;display:flex;align-items:center;gap:5px;width:max-content;max-width:100%;flex-wrap:wrap}
#legacy-form.record-form .form-field[data-value-state=auto]>.form-label::after{flex:none;margin-left:0}
#legacy-form.record-form .form-field[data-value-state=filled]>.search-selector>.selection-chips button{font-weight:400;background:var(--form-fill);color:var(--form-text)}
#legacy-form.record-form .task-group-mode-option{background:rgba(255,255,255,.75)}
#legacy-form.record-form .task-group-mode-option:has(input:checked){background:var(--form-fill);border-color:#b7bbc2;box-shadow:0 1px 4px #0000000a}
#legacy-form.record-form .form-field>.search-selector:focus-within>input,#legacy-form.record-form .creation-single-trigger:focus-visible{background:var(--form-fill)}
body[data-theme=dark] #legacy-form.record-form{--form-fill:#303033;--form-text:#f5f5f7;--form-hint:#a1a1a6;--form-edge:#464649;background:rgba(30,30,32,.94)}
body[data-theme=dark] #legacy-form.record-form .task-group-mode-option{background:#252528}
body[data-theme=dark] #legacy-form.record-form .form-label{color:#b9b9bf}

/* Reuse the sidebar glass and selected navigation-item surfaces exactly. */
#legacy-form.record-form,.task-create-drawer #legacy-form.record-form,body[data-theme=dark] #legacy-form.record-form{
  --form-fill:var(--surface);--form-edge:var(--glass-edge);
  background:var(--glass);border:1px solid var(--glass-edge);
  backdrop-filter:blur(var(--glass-blur)) saturate(135%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(135%);
  box-shadow:inset 0 1px 0 var(--glass-edge),var(--shadow);
}
#legacy-form.record-form .form-field>input,#legacy-form.record-form .form-field>textarea,#legacy-form.record-form .search-selector>input,#legacy-form.record-form .creation-tag-picker>summary,#legacy-form.record-form .creation-single-trigger,#legacy-form.record-form #legacy-number{
  background:var(--surface);border-color:var(--glass-edge);box-shadow:0 3px 15px #33578512;
}
#legacy-form.record-form .form-field>.search-selector:focus-within>input{background:var(--surface);box-shadow:0 3px 15px #33578512}
#legacy-form.record-form .task-group-mode-option{background:var(--surface);box-shadow:0 3px 15px #33578512}
#legacy-form.record-form .selection-option:hover,#legacy-form.record-form .creation-tag-options .creation-tag:hover,#legacy-form.record-form .creation-single-option:hover,#legacy-form.record-form .selection-option:has(input:checked),#legacy-form.record-form .creation-tag-options .creation-tag:has(input:checked),#legacy-form.record-form .creation-single-option[aria-selected=true]{background:var(--surface-soft)}
#legacy-form.record-form .creation-option-search,#legacy-form.record-form .creation-single-search{position:sticky;top:0;width:100%;min-height:40px;margin:0 0 6px;padding:8px 12px;background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;font:inherit;z-index:1}
#legacy-form.record-form .creation-option-create,#legacy-form.record-form .creation-single-create{width:100%;min-height:40px;margin-top:6px;padding:8px 12px;border-radius:12px;text-align:left;color:var(--accent);background:var(--surface-soft);font:inherit}
#legacy-form.record-form .creation-option-feedback,#legacy-form.record-form .creation-single-status{margin:6px 10px;font:inherit;color:var(--muted);overflow-wrap:anywhere}
#legacy-form.record-form .creation-single-create-status{margin:6px 10px;font:inherit;color:var(--muted);overflow-wrap:anywhere}
@media(prefers-reduced-transparency:reduce){#legacy-form.record-form,.task-create-drawer #legacy-form.record-form,body[data-theme=dark] #legacy-form.record-form{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none}}

/* Selected people use the same quiet blue chips as selected collaboration groups. */
#legacy-form.record-form .creation-form-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;padding-bottom:12px;margin-bottom:6px;border-bottom:1px solid var(--line)}
#legacy-form.record-form .creation-form-toolbar .creation-field-legend{flex:1;min-width:0;align-items:center;padding:0;margin:0;border:0;gap:6px 14px}
#legacy-form.record-form .creation-form-toolbar .creation-field-legend>span{white-space:nowrap}
.form-preset-actions{display:flex;flex:none;align-items:center;gap:8px}
.form-preset-buttons{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
#legacy-form.record-form .form-preset-actions .form-preset-buttons>button{min-width:116px;min-height:44px;padding:12px 20px;border-radius:22px;font:inherit;font-size:14px;font-weight:400}
.form-preset-actions .form-clear-button{background:#fff;color:#344054;border:1px solid #dce1e6;box-shadow:0 2px 8px #18345408}
.form-preset-actions .form-clear-button:hover{background:#f7f9fb}
#legacy-form.record-form .form-preset-help{margin:0 0 10px;padding:0;line-height:1.6}
@container(max-width:700px){#legacy-form.record-form .creation-form-toolbar{flex-wrap:wrap}#legacy-form.record-form .creation-form-toolbar .creation-field-legend{flex-basis:100%}#legacy-form.record-form .creation-form-toolbar .form-preset-actions{margin-left:auto}}
#legacy-form.record-form .legacy-actions{flex-wrap:wrap;gap:10px}
#legacy-form.record-form .legacy-actions>button{margin-left:0;padding:12px 20px}
#legacy-form.record-form #legacy-feedback{width:100%;min-width:0;margin:12px 0 0;font:inherit;font-size:14px;line-height:1.5;overflow-wrap:break-word}
/* 2026-09-22（用户裁定：创建任务页 = 线上发布那版 v5.10）：
   `保存为默认表单` 恢复成包内那版（原来是被 2026-09-22 UI ⑤ 改成共享 `.soft` 的）。
   包内实测：bg #edf0f3 / color #344054 / border 1px #dce1e6 / shadow 0 2px 8px #18345408，
   深色 #343b44 / #e8ecf2 / #48515b。逐字取自
   workspace/releases/kai-baota-node16-20260920-gate-explanation-v5.10/public/kai/creation-form.css。 */
#legacy-form.record-form .legacy-actions>.preset-save-button{background:#edf0f3;color:#344054;border:1px solid #dce1e6;box-shadow:0 2px 8px #18345408}
#legacy-form.record-form .legacy-actions>.preset-save-button:hover{background:#e2e7ec}
@media(max-width:700px){#legacy-form.record-form .legacy-actions>p{flex-basis:100%}}
body[data-theme=dark] #legacy-form.record-form .legacy-actions>.preset-save-button{background:#343b44;color:#e8ecf2;border-color:#48515b}
body[data-theme=dark] .form-preset-actions .form-clear-button{background:#343b44;color:#e8ecf2;border-color:#48515b}
#legacy-form.record-form .form-field.people-picker>.search-selector>.selection-chips button{background:var(--blue-tint);color:var(--accent);border-color:var(--line);font-weight:400}

/* The docked K-Agent form is narrow even on a wide desktop viewport. */
.task-create-drawer #legacy-form.record-form .legacy-actions,
#workspace.agent-full .task-create-docked #legacy-form.record-form .legacy-actions{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;
  margin:4px 0 0;padding:12px 0 calc(14px + env(safe-area-inset-bottom, 0px));position:static;background:transparent;box-shadow:none;
}
#workspace.agent-full .task-create-docked #legacy-form.record-form .legacy-actions>button,
.task-create-drawer #legacy-form.record-form .legacy-actions>button{
  width:100%;min-width:0;max-width:none;margin:0;padding:9px 7px;white-space:normal;
}

/* 2026-09-22（用户 UI ⑥）：`复用群聊`/群模式等框去掉灰色硬边，改用现有阴影 token 维持层级。 */
#legacy-form.record-form .task-group-picker .task-group-mode-option{border-color:transparent;background:var(--surface-soft);box-shadow:0 1px 2px color-mix(in srgb,var(--ink) 8%,transparent)}
#legacy-form.record-form .task-group-picker .task-group-mode-option:has(input:checked){border-color:transparent;background:var(--form-fill);box-shadow:0 1px 4px color-mix(in srgb,var(--ink) 12%,transparent)}
#legacy-form.record-form .task-group-picker>.resource-directory{border-color:transparent;box-shadow:0 1px 2px color-mix(in srgb,var(--ink) 6%,transparent)}
