.task-drawer { width: min(540px,100%); }
.task-drawer .drawer-header .eyebrow { margin: 0; }
.task-drawer .drawer-body { padding: 26px 28px; }
.task-drawer .detail-title { margin: 0; background: transparent !important; padding: 3px 0 8px !important; border: 0 !important; border-radius: 0 !important; font-size: 25px !important; line-height: 1.3; font-weight: 500; }
.drawer-primary-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.task-drawer .field-label { color: #6f7667; font-size: 10px; letter-spacing: .4px; }
.task-drawer .form-field input:not([type=checkbox]), .task-drawer .form-field select, .task-drawer .form-field textarea { font-size: 13px; }
.task-drawer .form-field textarea { min-height: 65px; }
.task-drawer .person-option { font-size: 11px; }
.drawer-blocker { display: flex; gap: 9px; align-items: flex-start; padding: 11px; margin-bottom: 20px; background: var(--orange-wash); border-radius: 3px; color: #a74d2d; font-size: 12px; }
.drawer-checklist { margin: 24px 0; }
.drawer-checklist .section-heading { display: flex; justify-content: space-between; align-items: center; margin: 0 0 12px; }
.drawer-checklist h3 { font-size: 13px; font-weight: 600; }
.drawer-checklist .check-item { display: flex; align-items: center; justify-content: space-between; padding: 8px 0; min-height: 38px; border-bottom: 1px solid #e5e6dc; }
.drawer-checklist .check-item > label { display: flex; align-items: flex-start; flex: 1; gap: 10px; cursor: pointer; font-size: 13px; }
.drawer-checklist .check-item input { margin-top: 3px; width: 15px; height: 15px; }
.drawer-checklist .check-item:has(input:checked) span { text-decoration: line-through; }
.checklist-item-remove { opacity: 0; width: 25px; height: 25px; }
.check-item:hover .checklist-item-remove, .check-item:focus-within .checklist-item-remove { opacity: 1; }
.checklist-add-row { display: flex; gap: 8px; align-items: center; margin-top: 8px; }
.checklist-add-row .inline-checklist-input { flex: 1; border: 0; background: transparent; font-size: 12px; padding: 10px 0; }
.checklist-save-status { min-height: 22px; margin-top: 4px; color: #657955; font: 10px var(--mono); display: flex; align-items: center; gap: 6px; }
.checklist-save-status[data-state=saving] { color: #858a7c; }
.checklist-save-status[data-state=error] { color: #b44b2d; }
.checklist-save-status svg { width: 12px; height: 12px; }
.checklist-save-status .button { min-height: 20px; padding: 2px 5px; }
.drawer-advanced { border-block: 1px solid var(--line); margin-top: 24px; }
.drawer-advanced > summary, .drawer-conversation > summary { display: flex; justify-content: space-between; align-items: center; gap: 12px; cursor: pointer; padding: 16px 0; list-style: none; color: #6d7465; font-size: 12px; }
.drawer-advanced > summary::-webkit-details-marker, .drawer-conversation > summary::-webkit-details-marker { display: none; }
.drawer-advanced > summary > span { display: flex; gap: 8px; align-items: center; }
.drawer-advanced > summary svg { width: 14px; height: 14px; }
.drawer-advanced[open] > summary > svg { transform: rotate(180deg); }
.advanced-content { padding-top: 4px; padding-bottom: 18px; }
.dependency-options > summary { cursor: pointer; font-size: 12px; }
.dependency-options-list { display: grid; gap: 6px; margin-top: 10px; }
.detail-save-row { display: flex; justify-content: space-between; align-items: center; gap: 14px; margin-top: 17px; }
.detail-save-row .help-text { margin: 0; font-size: 10px; }
.drawer-followup-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
.drawer-conversation { border-top: 1px solid var(--line); margin-top: 24px; }
.drawer-conversation > summary { font-size: 12px; }
.drawer-conversation form { margin-top: 10px; }
.drawer-delete { margin-top: 24px; }
.drawer-activity { border-top: 1px solid var(--line); margin-top: 20px; }
.drawer-activity > summary { display: flex; justify-content: space-between; align-items: center; gap: 12px; cursor: pointer; padding: 16px 0; list-style: none; color: #6d7465; font-size: 12px; }
.drawer-activity > summary::-webkit-details-marker { display: none; }
.task-activity-list { list-style: none; margin: 0; padding: 2px 0 0; }
.task-activity-entry { display: flex; gap: 11px; padding: 0 0 18px; position: relative; }
.task-activity-entry:not(:last-child)::before { content: ''; position: absolute; width: 1px; background: var(--line); left: 3px; top: 10px; bottom: 3px; }
.task-activity-dot { width: 7px; height: 7px; background: #a6ad9b; border: 1px solid #919c83; border-radius: 50%; flex: 0 0 auto; margin-top: 5px; }
.task-activity-entry > div { min-width: 0; flex: 1; }
.task-activity-meta { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 4px 12px; }
.task-activity-meta strong { font-size: 11px; font-weight: 500; overflow-wrap: anywhere; }
.task-activity-meta time { color: var(--muted); font: 9px var(--mono); }
.task-activity-entry p { font-size: 11px; line-height: 1.6; margin-top: 4px; overflow-wrap: anywhere; }
.task-activity-entry p span { color: var(--muted); }
.task-activity-empty { color: var(--muted); font-size: 11px; line-height: 1.6; padding-bottom: 17px; }
.task-conflict { margin: 0 0 23px; border: 1px solid #dcb494; border-radius: 4px; padding: 16px; background: #f8eee2; font-size: 12px; }
.task-conflict-heading { display: flex; gap: 8px; align-items: flex-start; margin-bottom: 8px; }
.task-conflict-heading svg { width: 16px; height: 16px; color: #ad5b31; margin-top: 1px; }
.task-conflict h3 { font-size: 13px; font-weight: 600; line-height: 1.45; }
.task-conflict > p { line-height: 1.65; color: #736654; margin-top: 7px; }
.task-conflict-server-changes { font-size: 11px; }
.task-conflict-rows { margin-top: 17px; display: grid; gap: 15px; }
.task-conflict-row { border: 0; margin: 0; padding: 0; min-width: 0; }
.task-conflict-row legend { font-size: 11px; font-weight: 600; margin-bottom: 7px; }
.task-conflict-row legend span { font: 8px var(--mono); margin-left: 8px; padding: 2px 4px; color: #9d5a34; border: 1px solid #e0b99d; border-radius: 2px; }
.task-conflict-options { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.task-conflict-options label { display: flex; align-items: flex-start; gap: 8px; min-width: 0; border: 1px solid #e1d0ba; border-radius: 3px; background: #fffbf3; padding: 10px; cursor: pointer; }
.task-conflict-options label:has(input:checked) { border-color: #c58456; background: #fff6e7; }
.task-conflict-options input { flex: 0 0 auto; margin: 3px 0 0; accent-color: var(--orange); }
.task-conflict-options label > span { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.task-conflict-options strong { font-size: 10px; font-weight: 500; color: #8d775f; }
.task-conflict-options span > span { font-size: 12px; white-space: pre-wrap; overflow-wrap: anywhere; max-height: 180px; overflow-y: auto; }
.task-conflict-actions { margin-top: 17px; display: flex; flex-wrap: wrap; gap: 7px; }
.task-conflict .help-text { font-size: 10px; }
.task-unavailable { background: #f5e8e1; }
.task-delete-confirmation { border: 1px solid #e0bba7; border-radius: 4px; margin-top: 23px; padding: 16px; background: #f8eae1; }
.task-delete-confirmation h3 { font-size: 13px; font-weight: 600; }
.task-delete-confirmation p { color: #80644f; font-size: 11px; line-height: 1.6; margin: 8px 0 13px; }
.task-delete-actions { display: flex; gap: 8px; flex-wrap: wrap; }
@media (max-width:760px) { .task-conflict { padding: 13px; }.task-conflict-options { grid-template-columns: 1fr; }.task-conflict-options label { min-height: 46px; }.task-conflict-actions .button { min-height: 36px; }.task-activity-meta time { font-size: 9px; } }
@media (hover:none) { .checklist-item-remove { opacity: .65; } }
@media (max-width:760px) { .task-drawer .drawer-body { padding: 23px 20px; }.task-drawer .form-field input:not([type=checkbox]), .task-drawer .form-field select, .task-drawer .form-field textarea, .checklist-add-row .inline-checklist-input { font-size: 16px; }.task-drawer .detail-title { font-size: 24px !important; } }