/* Compact task creation shares Planner's theme, controls and local icon set. */
.task-composer.item-editor{width:min(680px,calc(100% - 32px));margin:40px auto;padding:22px;background:var(--panel)}
.embedded-editor .task-composer.item-editor{width:100%;margin:0;padding:8px 22px 22px}
.task-composer .composer-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.task-composer input[data-category-title]{font-size:21px;line-height:1.4;font-weight:500;width:100%;padding:8px 0;border:0;border-radius:3px;background:transparent}
.task-composer input[data-category-title]:focus{outline-offset:4px}
.task-composer .category-title-selection{display:none}
.task-composer textarea{display:block;width:100%;min-height:38px;max-height:220px;border:0;border-radius:3px;padding:8px 0;background:transparent;color:var(--ink);resize:vertical;line-height:1.5}
.task-composer textarea::placeholder,.task-composer input::placeholder{color:var(--muted);opacity:1}
.composer-options{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;margin:14px 0 20px}
.task-composer .composer-choice,.composer-estimate>summary,.composer-planned>summary{display:inline-flex;align-items:center;gap:6px;min-height:34px;margin:0;padding:0 9px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--muted);font-size:13px;font-weight:400}
.task-composer .composer-choice select{width:auto;max-width:240px;min-height:32px;padding:4px 18px 4px 0;border:0;background:transparent;font-size:13px;color:var(--ink)}
.composer-estimate>summary,.composer-planned>summary{padding:7px 9px;cursor:pointer;list-style:none}
.composer-estimate>summary::-webkit-details-marker,.composer-planned>summary::-webkit-details-marker{display:none}
.composer-estimate[open],.composer-planned[open]{flex-basis:100%;order:1}
.composer-planned>div{margin-top:10px}
.task-composer .composer-planned .calendar-fallback label{font-size:12px;margin:0 0 8px;font-weight:400}
.composer-estimate>div{margin-top:10px;max-width:220px}
.task-composer .composer-estimate label{font-size:12px;margin:0 0 6px}
.task-composer .composer-estimate input{width:100%}
.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:16px}
.composer-placement{min-width:0;flex:1}
.composer-placement [data-composer-placement-fallback]{display:grid;gap:5px}
.task-composer .composer-placement label{font-size:12px;margin:0}
.composer-placement select{width:100%}
.composer-placement.is-enhanced [data-composer-placement-fallback]{display:none}
.task-composer .composer-placement .composer-choice{max-width:100%}
.task-composer .composer-placement .composer-choice select{max-width:100%;width:100%;text-overflow:ellipsis}
.composer-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0}
.composer-actions .secondary{background:transparent;color:var(--muted)}
.workitem-modal.create-task-modal{width:min(680px,calc(100vw - 32px))}
.workitem-modal.create-task-modal .modal-toolbar{height:42px;border-bottom:0}
@media(max-width:600px){
    .workitem-modal.create-task-modal{width:100%;margin:auto 0 0;border-radius:18px 18px 0 0}
    .workitem-modal.create-task-modal .modal-toolbar{height:44px}
    .embedded-editor .task-composer.item-editor{padding:4px 16px 18px}
    .task-composer input[data-category-title]{font-size:20px}
    .task-composer .composer-choice,.composer-estimate>summary,.composer-planned>summary{min-height:42px}
    .task-composer .composer-choice select{min-height:40px;max-width:180px}
    .composer-footer{flex-wrap:wrap}
    .composer-placement{flex-basis:100%}
    .composer-actions{width:100%}
    .composer-actions button{min-height:44px}
}