/*
 * One form for a task and a routine (work-form.js; the Founder, 4 and 5 October 2026): Title, What to
 * do, Assigned to, Workspace, then a due date or a schedule, then Supervised by for a task, inside the
 * page under its heading or in a dialog. One left edge, every control at least 44px, nothing scrolls
 * sideways at 320px.
 */
.work-form-card{display:grid;gap:16px;min-width:0;margin-bottom:24px}
.work-form-card h2{margin:0}
.work-form{display:grid;gap:18px;min-width:0}
.work-form [hidden]{display:none!important}
.work-form-field{display:grid;gap:7px;font-size:.85rem;font-weight:600;min-width:0}
.work-form-field .input{width:100%;max-width:100%;min-height:44px;box-sizing:border-box;font-weight:400}
.work-form textarea.input{resize:vertical}
.work-form small.meta{font-weight:400}
.work-form-when>small.meta{margin-top:-12px}
/* A task's when: its due date and its priority side by side, one above the other on a phone. */
.work-form-due{display:grid;gap:6px;min-width:0;align-content:start}
.work-form-when>.work-form-pair{align-items:start}
.work-form fieldset{border:1px solid var(--line);border-radius:12px;padding:10px 14px 14px;margin:0;min-width:0;display:grid;gap:4px}
.work-form legend{font-size:.85rem;font-weight:600;padding:0 4px}
/* The Primary's help in the form goes here, at its top; empty, it takes no room. */
[data-primary-assist]:empty{display:none}
/* Assigned to: an agent or a team, then the agent. */
.work-form-assign{gap:10px}
.work-form-by{display:flex;flex-wrap:wrap;gap:0 20px;min-width:0}
.work-form-choice{display:flex;align-items:center;gap:10px;min-height:44px;font-size:.9rem;font-weight:400}
.work-form-choice input,.work-form .routine-days input{width:18px;height:18px;flex:none;accent-color:var(--purple);margin:0}
.work-form-choice:has(input:disabled){color:var(--muted)}
.work-form-assign>small.meta{margin-top:-8px}
.work-form-field>small.meta{font-weight:400}
.work-form-when{display:grid;gap:18px;min-width:0}
.work-form-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0}
.work-form .routine-days{display:flex;flex-wrap:wrap;gap:4px 8px}
.work-form .routine-days label{display:flex;align-items:center;gap:8px;padding:0 8px 0 0;min-height:44px;font-size:.9rem}
.work-form .form-error:empty{display:none}
.work-form-actions{display:flex;flex-wrap:wrap;gap:10px}
.work-form-actions .btn{min-height:44px}
.routine-what{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0}
@media(max-width:600px){.work-form-pair{grid-template-columns:minmax(0,1fr)}}
[data-agent-work-actions]+.work-form-card{margin-top:12px}
/* What is typed in a sheet's field is regular, at the field's own size (the Founder, 22 October 2026, on Edit task:
   "everything written inside the box is in a bold really incorrect font"): a sheet's label is semibold and its control
   inherited that weight. */
.dialog-body label :is(.input,input,select,textarea){font-weight:400;font-size:1rem}