#task-form.work-editor,#ticket-form.work-editor,#invoice-form.work-editor{width:min(560px,calc(100vw - 24px));padding:0;max-height:calc(100dvh - 32px);overflow:auto;border-radius:8px}
#ticket-form.work-editor-wide{width:min(740px,calc(100vw - 24px))}
#invoice-form.work-editor{width:min(660px,calc(100vw - 24px))}
#invoice-form .invoice-context{font-size:13px;color:var(--muted);margin:0}
#invoice-form .invoice-client-field{display:grid;gap:6px;min-width:0}
#invoice-form .invoice-policy{display:flex;align-items:center;justify-content:space-between;gap:12px}
#invoice-form .invoice-policy input{width:18px;min-height:18px;height:18px;padding:0;margin:0;accent-color:var(--green)}
#invoice-form .invoice-retry{justify-self:start;font-size:13px}
#invoice-form :is([data-invoice-clients-status],[data-invoice-contracts-status]):empty{display:none}
.work-editor{overscroll-behavior:contain}
:is(#task-form,#ticket-form,#invoice-form) .modal-head{display:flex;align-items:center;flex-direction:row;gap:12px;padding:18px 20px;margin:0;border-bottom:1px solid var(--line)}
:is(#task-form,#ticket-form,#invoice-form) .modal-head h2{flex:1;min-width:0;font-size:20px;line-height:1.3;margin:0}
.work-editor-body{display:grid;gap:16px;padding:18px 20px;min-width:0}
:is(#task-form,#ticket-form,#invoice-form) .work-editor-body label{display:grid;align-content:start;gap:6px;margin:0;color:var(--ink);font-size:13px;font-weight:500;min-width:0}
:is(#task-form,#ticket-form,#invoice-form) .work-editor-body :is(input,select,textarea){width:100%;min-height:40px;padding:8px 10px;font:inherit;font-size:14px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);min-width:0}
:is(#task-form,#ticket-form,#invoice-form) .work-editor-body textarea{min-height:112px;resize:vertical;line-height:1.6}
#invoice-form .work-editor-body textarea{min-height:72px}
:is(#task-form,#ticket-form,#invoice-form) [hidden]{display:none!important}
:is(#task-form,#ticket-form,#invoice-form) .form-row{margin:0;gap:14px}
:is(#task-form,#ticket-form,#invoice-form) .modal-actions{padding:14px 20px;margin:0;position:sticky;bottom:0;border-top:1px solid var(--line);background:var(--paper);gap:8px}
:is(#task-form,#ticket-form,#invoice-form) .modal-actions button{min-height:38px;padding:8px 14px;font-size:14px;line-height:1.4;border-radius:6px}
:is(#task-form,#ticket-form,#invoice-form) :is(button,input,select,textarea,summary):focus-visible{outline:2px solid var(--green);outline-offset:2px}
.task-date-presets{display:flex;gap:6px;margin-top:-8px}
#task-form .task-date-presets button{border:1px solid var(--line);background:var(--paper);color:var(--green-dark);padding:5px 10px;border-radius:5px;font-size:12px;min-height:30px;cursor:pointer}
#task-form .task-date-presets button:hover{background:var(--paper-soft)}
.work-editor-error,#ticket-form-status.is-error{color:var(--red);font-size:13px;line-height:1.5;margin:0}
#ticket-form-status{font-size:13px;line-height:1.5;color:var(--muted);margin:0}#ticket-form-status:empty{display:none}
:is(#ticket-form,#invoice-form) .work-editor-details{padding:0;border:0;border-top:1px solid var(--line);border-radius:0;background:none;margin:0}
:is(#ticket-form,#invoice-form) .work-editor-details>summary{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px;min-height:40px;padding:12px 0 0;background:none;border:0;border-radius:0;color:var(--ink);font-size:14px;font-weight:600;cursor:pointer}
:is(#ticket-form,#invoice-form) .work-editor-details>summary{display:list-item;list-style:disclosure-closed inside}:is(#ticket-form,#invoice-form) .work-editor-details[open]>summary{list-style-type:disclosure-open}
:is(#ticket-form,#invoice-form) .work-editor-details>summary>span{flex:1 1 200px;color:var(--muted);font-size:12px;line-height:1.5;font-weight:400;overflow-wrap:anywhere}
.work-editor-fields{display:grid;gap:14px;padding:14px 0 0}
:is(#ticket-form,#invoice-form) .work-editor-note{font-size:12px;line-height:1.5;margin:0;color:var(--muted)}
:is(#task-form,#ticket-form,#invoice-form) .scale-select-search{background:var(--paper-soft);min-height:36px;font-size:13px}
@media(max-width:600px){.work-editor-body{padding:16px}:is(#task-form,#ticket-form,#invoice-form) .modal-head{padding:16px}:is(#task-form,#ticket-form,#invoice-form) .form-row{grid-template-columns:1fr}:is(#task-form,#ticket-form,#invoice-form) .modal-actions{padding:12px 16px}:is(#task-form,#ticket-form,#invoice-form) .modal-actions button{min-height:42px}#task-form .task-date-presets button{min-height:40px}.work-editor-body{gap:14px}}