/* Task detail collaboration uses the same compact hierarchy as the board. */
.task-drawer .tc-discussion,
.task-drawer .tc-schedule { min-width: 0; margin: 20px 0 0; font-size: 12px; line-height: 1.55; color: #384656; }
.task-drawer .tc-schedule { padding: 13px; border: 1px solid #e6ded4; border-radius: 7px; background: #fcfaf7; }
.task-drawer .tc-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-width: 0; margin-bottom: 10px; }
.task-drawer .tc-section-heading h3 { display: flex; align-items: center; gap: 5px; margin: 0; font-size: 13px; font-weight: 700; line-height: 20px; }
.task-drawer .tc-count { display: inline-grid; flex: 0 0 auto; place-items: center; min-width: 19px; min-height: 19px; padding: 0 5px; border-radius: 10px; background: #eee7df; color: #896b50; font-size: 10px; line-height: 19px; }
.task-drawer .tc-muted { color: #8793a2; font-size: 10px; font-weight: 400; white-space: nowrap; }
.task-drawer .tc-text-button { border: 0; border-radius: 3px; background: transparent; padding: 2px 0; color: #926a4e; font-family: inherit; font-size: 11px; line-height: 20px; cursor: pointer; }
.task-drawer .tc-text-button:hover { color: #65432b; text-decoration: underline; text-underline-offset: 3px; }
.task-drawer .tc-text-button:focus-visible,
.task-drawer .tc-more-replies:focus-visible { outline: 2px solid #ad8562; outline-offset: 3px; }
.task-drawer .tc-composer { min-width: 0; margin: 0 0 12px; padding: 11px; border: 1px solid #e1e3e5; border-radius: 6px; background: #fff; scroll-margin-top: 12px; }
.task-drawer .tc-composer.is-help { border-color: #d7b995; background: #fffaf1; }
.task-drawer .tc-composer-heading { display: flex; align-items: center; justify-content: space-between; min-width: 0; gap: 8px; margin-bottom: 7px; }
.task-drawer .tc-composer h4,
.task-drawer .tc-schedule-form h4 { margin: 0; color: #3e4b59; font-size: 12px; font-weight: 650; line-height: 19px; }
.task-drawer .tc-composer textarea,
.task-drawer .tc-schedule textarea { display: block; width: 100%; min-width: 0; min-height: 62px; resize: vertical; box-sizing: border-box; padding: 8px 9px; border: 1px solid #dedfe2; border-radius: 5px; background: #fff; color: #344152; font-family: inherit; font-size: 12px; line-height: 19px; }
.task-drawer .tc-composer textarea { min-height: 75px; }
.task-drawer .tc-composer textarea::placeholder,
.task-drawer .tc-schedule textarea::placeholder { color: #9a9eaa; font-size: 11px; }
.task-drawer .tc-composer-footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 8px; }
.task-drawer .tc-character-count { color: #98a1ad; font-size: 10px; font-variant-numeric: tabular-nums; }
.task-drawer .tc-composer .tc-send { min-height: 31px; padding: 5px 11px; font-size: 11px; line-height: 19px; }
.task-drawer .tc-compose-guide { margin: 0 0 9px; color: #8b7a64; font-size: 11px; line-height: 18px; overflow-wrap: anywhere; }
.task-drawer .tc-compose-guide strong { font-weight: 650; }
.task-drawer .tc-quote { min-width: 0; margin: 0 0 8px; padding: 7px 9px; border-left: 2px solid #bea184; background: #f6f3ee; color: #7f807f; }
.task-drawer .tc-quote strong { display: block; margin-bottom: 2px; color: #8b6545; font-size: 11px; line-height: 17px; }
.task-drawer .tc-quote span { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 11px; line-height: 17px; overflow-wrap: anywhere; }
.task-drawer .tc-threads { min-width: 0; }
.task-drawer .tc-thread { min-width: 0; margin-top: 9px; overflow: hidden; border: 1px solid #e7e5e0; border-radius: 6px; background: #fff; }
.task-drawer .tc-comment { display: flex; align-items: flex-start; gap: 8px; min-width: 0; margin: 0; padding: 11px; outline-offset: -2px; scroll-margin-top: 12px; }
.task-drawer .tc-comment > .avatar { flex: 0 0 25px; width: 25px; height: 25px; font-size: 11px; }
.task-drawer .tc-comment-content { flex: 1 1 auto; min-width: 0; }
.task-drawer .tc-comment-heading { display: flex; align-items: baseline; flex-wrap: wrap; gap: 3px 6px; min-width: 0; }
.task-drawer .tc-comment-heading strong { min-width: 0; color: #3e4b59; font-size: 12px; font-weight: 650; line-height: 19px; overflow-wrap: anywhere; }
.task-drawer .tc-comment-heading time { margin-left: auto; color: #929aa5; font-size: 10px; line-height: 18px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.task-drawer .tc-kind { display: inline-block; padding: 0 5px; border-radius: 3px; background: #eef0f3; color: #718197; font-size: 10px; line-height: 18px; }
.task-drawer .tc-kind.help { background: #fff1d9; color: #a77a3e; }
.task-drawer .tc-kind.estimate { background: #f2e9de; color: #a37a51; }
.task-drawer .tc-comment p { margin: 5px 0 0; color: #4a5868; font-size: 12px; line-height: 19px; white-space: pre-wrap; overflow-wrap: anywhere; }
.task-drawer .tc-comment-actions { margin-top: 4px; }
.task-drawer .tc-comment-actions .tc-text-button { color: #8b95a3; font-size: 10px; line-height: 17px; }
.task-drawer .tc-replies { margin-left: 22px; border-left: 1px solid #e9e3db; background: #fcfbf9; }
.task-drawer .tc-reply { padding: 9px 10px; border-top: 1px solid #eeeae4; }
.task-drawer .tc-reply > .avatar { flex-basis: 22px; width: 22px; height: 22px; font-size: 10px; }
.task-drawer .tc-reply-target { display: block; margin-top: 3px; color: #9c8269; font-size: 10px; line-height: 16px; }
.task-drawer .tc-more-replies { display: block; width: 100%; border: 0; border-top: 1px solid #eeeae4; background: #f7f4ef; padding: 6px 10px; color: #9b795b; font-family: inherit; font-size: 10px; line-height: 18px; text-align: left; cursor: pointer; }
.task-drawer .tc-thread-updated { padding: 5px 10px; border-top: 1px solid #eeeae4; color: #9da3aa; font-size: 9px; line-height: 15px; text-align: right; }
.task-drawer .tc-legacy-period { display: inline-block; margin-top: 4px; color: #9f7957; font-size: 10px; }
.task-drawer .tc-comment.is-new,
.task-drawer .tc-proposal:focus { background: #fcf6eb; box-shadow: inset 2px 0 #b18a67; }
.task-drawer .tc-comment:focus,
.task-drawer .tc-schedule:focus { outline: 2px solid #b18a67; outline-offset: -2px; }
.task-drawer .tc-empty { margin: 0; padding: 14px 12px; border: 1px dashed #e0ddd6; border-radius: 6px; color: #96a0ad; font-size: 11px; line-height: 18px; text-align: center; }
.task-drawer .tc-current-schedule { display: grid; grid-template-columns: 1fr 1fr; min-width: 0; margin-bottom: 9px; gap: 12px; }
.task-drawer .tc-current-schedule > div { min-width: 0; }
.task-drawer .tc-current-schedule > div + div { padding-left: 13px; border-left: 1px solid #e9e1d8; }
.task-drawer .tc-current-schedule span { display: block; color: #93999f; font-size: 10px; line-height: 17px; }
.task-drawer .tc-current-schedule strong { display: block; color: #4a5662; font-size: 12px; font-weight: 650; line-height: 21px; overflow-wrap: anywhere; }
.task-drawer .tc-schedule-guide { margin: 0; color: #9a968f; font-size: 10px; line-height: 17px; }
.task-drawer .tc-proposal { min-width: 0; margin-top: 9px; padding: 10px; border: 1px solid #e9e0d6; border-radius: 5px; background: #fff; }
.task-drawer .tc-proposal-heading { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; min-width: 0; color: #9298a1; font-size: 10px; line-height: 18px; }
.task-drawer .tc-proposal-heading time { margin-left: auto; color: #a0a4ac; font-size: 9px; white-space: nowrap; }
.task-drawer .tc-status { display: inline-flex; align-items: center; padding: 0 5px; border-radius: 3px; background: #edf0f4; color: #8794a4; font-size: 10px; line-height: 19px; }
.task-drawer .tc-status.pending { background: #fff0d4; color: #a77736; }
.task-drawer .tc-status.accepted { background: #e9f1e9; color: #5a8663; }
.task-drawer .tc-status.changes_requested { background: #f7eade; color: #a57852; }
.task-drawer .tc-proposed-values { display: flex; align-items: center; flex-wrap: wrap; gap: 5px 12px; min-width: 0; margin-top: 7px; }
.task-drawer .tc-proposed-values strong { color: #7e6047; font-size: 12px; font-weight: 650; }
.task-drawer .tc-proposed-values > span { display: inline-flex; align-items: center; gap: 5px; color: #77899e; font-size: 11px; }
.task-drawer .tc-proposed-values .icon { flex: 0 0 13px; width: 13px; height: 13px; }
.task-drawer .tc-proposal-reason { margin: 6px 0 0; color: #6c7784; font-size: 11px; line-height: 18px; white-space: pre-wrap; overflow-wrap: anywhere; }
.task-drawer .tc-decision-note { margin-top: 8px; padding: 8px; border-radius: 4px; background: #f7f6f3; }
.task-drawer .tc-decision-note strong { color: #91745c; font-size: 10px; font-weight: 600; }
.task-drawer .tc-decision-note p { margin: 3px 0 0; color: #89929d; font-size: 11px; line-height: 17px; white-space: pre-wrap; overflow-wrap: anywhere; }
.task-drawer .tc-decision-form { margin-top: 9px; padding-top: 9px; border-top: 1px solid #eee8df; }
.task-drawer .tc-decision-form label { display: flex; align-items: center; justify-content: space-between; margin-bottom: 5px; color: #78828d; font-size: 10px; }
.task-drawer .tc-decision-actions,
.task-drawer .tc-schedule-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.task-drawer .tc-decision-actions .button,
.task-drawer .tc-schedule-actions .button { min-height: 30px; padding: 5px 8px; font-size: 10px; line-height: 18px; }
.task-drawer .tc-schedule-form { margin-top: 11px; padding-top: 11px; border-top: 1px solid #e5dbcf; }
.task-drawer .tc-schedule-form h4 { margin-bottom: 4px; }
.task-drawer .tc-schedule-fields { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 9px; }
.task-drawer .tc-schedule-form label { display: block; min-width: 0; margin-bottom: 7px; color: #7a8797; font-size: 10px; line-height: 18px; }
.task-drawer .tc-schedule-form input,
.task-drawer .tc-schedule-form select { width: 100%; min-width: 0; height: 32px; min-height: 32px; margin: 3px 0 0; padding: 5px 7px; box-sizing: border-box; border: 1px solid #d9dce0; border-radius: 4px; background: #fff; color: #4b5b6d; font-family: inherit; font-size: 11px; line-height: 20px; }
.task-drawer .tc-period-control { display: flex; align-items: center; gap: 4px; min-width: 0; }
.task-drawer .tc-period-control input { flex: 1 1 0; width: 0; }
.task-drawer .tc-period-control select { flex: 0 0 60px; width: 60px; }
.task-drawer .tc-schedule-form > label textarea { margin-top: 4px; }
.task-drawer .tc-schedule-history { margin-top: 10px; padding-top: 8px; border-top: 1px solid #e9e1d7; }
.task-drawer .tc-schedule-history summary { color: #9a856e; font-size: 10px; line-height: 19px; cursor: pointer; }
.task-drawer .tc-proposal.is-history { background: #faf9f6; }
.task-drawer .tc-form-error { margin: 5px 0 0; color: #ba5e4b; font-size: 11px; line-height: 18px; overflow-wrap: anywhere; }
.task-drawer .tc-form-error[hidden] { display: none; }
@media (max-width: 550px) {
  .task-drawer .tc-schedule,
  .task-drawer .tc-composer { padding: 11px; }
  .task-drawer .tc-decision-actions { gap: 6px; }
  .task-drawer .tc-decision-actions > .button { flex: 1 1 auto; }
  .task-drawer .tc-comment-heading time { font-size: 9px; }
}

/* Approved compact task drawer: a single schedule card followed by a real
   24px section gap; replies and help requests retain their full composer. */
#task-drawer .tc-schedule { margin: 7px 0 0; padding: 12px; border-color: #e5d9cc; border-radius: 6px; background: #fcfaf7; }
#task-drawer .tc-schedule + .drawer-request { margin-top: 24px; }
#task-drawer .tc-schedule .tc-section-heading { gap: 8px; margin-bottom: 7px; }
#task-drawer .tc-section-heading h3 { font-size: 12px; line-height: 18px; }
#task-drawer .tc-section-heading .tc-text-button { flex: 0 0 auto; min-height: 18px; padding: 0; font-size: 10px; line-height: 18px; }
#task-drawer .tc-current-schedule { gap: 12px; margin-bottom: 0; }
#task-drawer .tc-current-schedule > div + div { padding-left: 13px; }
#task-drawer .tc-current-schedule span { color: #8d96a0; font-size: 10px; line-height: 14px; }
#task-drawer .tc-current-schedule strong { margin-top: 1px; color: #35414e; font-size: 13px; line-height: 19px; }
#task-drawer .tc-actual-effort { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 12px; margin-top: 6px; padding-top: 6px; border-top: 1px solid #e7dfd5; }
#task-drawer .tc-actual-effort > label,
#task-drawer .tc-actual-effort > span { flex: 0 0 auto; color: #7b8795; font-size: 11px; line-height: 18px; }
#task-drawer .tc-actual-effort .period-control { display: grid; grid-template-columns: 56px 54px; gap: 7px; width: auto; }
#task-drawer .tc-actual-effort input[type="number"] { width: 56px; min-width: 0; height: 28px; min-height: 28px; padding: 3px 7px; border: 1px solid #d8dde2; border-radius: 4px; background: #fff; color: #35414e; font-size: 11px; line-height: 20px; }
#task-drawer .tc-actual-effort select { width: 54px; min-width: 0; height: 28px; min-height: 28px; padding: 3px 5px; border: 1px solid #d8dde2; border-radius: 4px; background: #fff; color: #35414e; font-size: 11px; line-height: 20px; }
#task-drawer .tc-actual-effort input:disabled,
#task-drawer .tc-actual-effort select:disabled { background: #f6f4f1; color: #89929c; }
#task-drawer .tc-schedule-guide { margin-top: 6px; color: #8d96a0; font-size: 10px; line-height: 16px; }
#task-drawer .tc-schedule-history,
#task-drawer .tc-schedule-admin { margin-top: 6px; padding-top: 5px; border-top: 1px solid #e7dfd5; }
#task-drawer .tc-schedule-history > summary,
#task-drawer .tc-schedule-admin > summary { position: relative; display: flex; align-items: center; gap: 6px; min-height: 18px; padding-right: 20px; color: #56616d; font-size: 11px; line-height: 18px; list-style: none; cursor: pointer; }
#task-drawer .tc-schedule-history > summary::-webkit-details-marker,
#task-drawer .tc-schedule-admin > summary::-webkit-details-marker { display: none; }
#task-drawer .tc-schedule-history > summary::after,
#task-drawer .tc-schedule-admin > summary::after { content: ''; position: absolute; right: 2px; top: 6px; width: 6px; height: 6px; border-right: 1px solid #6e7781; border-bottom: 1px solid #6e7781; transform: rotate(45deg); }
#task-drawer .tc-schedule-history[open] > summary::after,
#task-drawer .tc-schedule-admin[open] > summary::after { top: 9px; transform: rotate(225deg); }
#task-drawer .tc-schedule-history > summary .icon { width: 15px; height: 15px; color: #956d4d; }
#task-drawer .tc-admin-date,
#task-drawer .tc-admin-period { display: grid; grid-template-columns: 76px minmax(0, 1fr); align-items: center; gap: 8px; min-width: 0; margin-top: 10px; color: #7b8795; font-size: 11px; line-height: 20px; }
#task-drawer .tc-admin-date input[type="date"] { width: 100%; min-width: 0; height: 32px; min-height: 32px; padding: 5px 7px; border: 1px solid #d8dde2; border-radius: 4px; background: #fff; color: #35414e; font-size: 12px; line-height: 20px; }
#task-drawer .tc-admin-period .period-control { grid-template-columns: 56px 54px; gap: 7px; width: auto; justify-content: start; }
#task-drawer .tc-admin-period .period-control input[type="number"],
#task-drawer .tc-admin-period .period-control select { width: 56px; min-width: 0; height: 30px; min-height: 30px; padding: 4px 7px; border: 1px solid #d8dde2; border-radius: 4px; background: #fff; color: #35414e; font-size: 12px; line-height: 20px; }
#task-drawer .tc-admin-period .period-control select { width: 54px; padding-left: 5px; padding-right: 5px; }
#task-drawer .tc-admin-actions { display: flex; justify-content: flex-end; margin-top: 8px; }
#task-drawer .tc-admin-actions .tc-text-button { font-size: 10px; line-height: 18px; }

#task-drawer .tc-discussion { margin-top: 8px; padding-top: 4px; border-top: 1px solid #e7e8e9; }
#task-drawer .tc-discussion > .tc-section-heading { margin-bottom: 3px; }
#task-drawer .tc-count { min-width: 19px; min-height: 19px; margin-left: 3px; background: #e9edf1; color: #677889; font-size: 10px; }
#task-drawer .tc-composer.is-compact { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 7px; row-gap: 0; margin: 0 0 8px; padding: 0; border: 0; border-radius: 0; background: transparent; }
#task-drawer .tc-composer.is-compact textarea { grid-column: 1; grid-row: 1; min-height: 28px; height: 28px; padding: 4px 8px; border-color: #d8dde2; border-radius: 4px; font-size: 11px; line-height: 18px; resize: vertical; }
#task-drawer .tc-composer.is-compact .tc-composer-footer { display: contents; }
#task-drawer .tc-composer.is-compact .tc-send { grid-column: 2; grid-row: 1; align-self: start; min-height: 28px; height: 28px; margin: 0; padding: 3px 9px; border-color: #ad886b; border-radius: 4px; background: #ad886b; color: #fff; font-size: 11px; line-height: 20px; }
#task-drawer .tc-composer.is-compact .tc-send:hover:not(:disabled) { border-color: #956848; background: #956848; }
#task-drawer .tc-composer.is-compact .tc-form-error { grid-column: 1 / -1; margin-top: 5px; }
#task-drawer .tc-composer.is-help,
#task-drawer .tc-composer[data-mode="reply"] { margin-top: 0; }

/* An unassigned waiting task can discuss its schedule before it is claimed.
   These styles deliberately leave assigned-task proposals unchanged. */
#task-drawer:has(.tc-schedule.is-preclaim) .drawer-header { min-height: 34px; }
#task-drawer:has(.tc-schedule.is-preclaim) .drawer-content > h2 { margin-bottom: 10px; font-size: 19px; line-height: 26px; }
#task-drawer:has(.tc-schedule.is-preclaim) .drawer-properties > label,
#task-drawer:has(.tc-schedule.is-preclaim) .drawer-properties > div { font-size: 12px; line-height: 18px; }
#task-drawer:has(.tc-schedule.is-preclaim) .drawer-properties select { height: 30px; min-height: 30px; font-size: 12px; }
#task-drawer:has(.tc-schedule.is-preclaim) .drawer-properties > label:has(select)::after { bottom: 11px; }
#task-drawer:has(.tc-schedule.is-preclaim) .drawer-owner { min-height: 30px; font-size: 12px; }
#task-drawer:has(.tc-schedule.is-preclaim) .drawer-owner .avatar { width: 27px; height: 27px; }
#task-drawer .tc-schedule.is-preclaim .tc-section-heading { margin-bottom: 9px; }
#task-drawer .tc-schedule.is-preclaim .tc-request-button { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; min-height: 28px; padding: 4px 10px; border: 1px solid #ad886b; border-radius: 4px; background: #fff; color: #8d6446; font-family: inherit; font-size: 11px; font-weight: 650; line-height: 18px; white-space: nowrap; cursor: pointer; }
#task-drawer .tc-schedule.is-preclaim .tc-request-button:hover:not(:disabled) { border-color: #956848; background: #f8f3ec; }
#task-drawer .tc-schedule.is-preclaim .tc-request-button:focus-visible { outline: 2px solid #ad8562; outline-offset: 3px; }
#task-drawer .tc-schedule.is-preclaim > .tc-current-schedule { margin-top: 2px; }
#task-drawer .tc-schedule.is-preclaim > .tc-current-schedule span { font-size: 11px; line-height: 16px; }
#task-drawer .tc-schedule.is-preclaim > .tc-current-schedule strong { font-size: 14px; line-height: 21px; }
#task-drawer .tc-schedule.is-preclaim > .tc-actual-effort { margin-top: 9px; padding-top: 8px; }
#task-drawer .tc-schedule.is-preclaim > .tc-schedule-guide { margin-top: 10px; font-size: 11px; line-height: 18px; }
#task-drawer .tc-schedule.is-preclaim > .tc-schedule-history { margin-top: 8px; padding-top: 8px; }

#task-drawer .tc-schedule.is-preclaim .is-preclaim-form { margin-top: 9px; padding-top: 9px; border-top-color: #e7dfd5; }
#task-drawer .tc-schedule.is-preclaim .is-preclaim-form h4 { margin-bottom: 8px; color: #303b49; font-size: 12px; font-weight: 700; line-height: 18px; }
#task-drawer .tc-schedule.is-preclaim .is-preclaim-form .tc-schedule-fields { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 12px; }
#task-drawer .tc-schedule.is-preclaim .is-preclaim-form label { margin-bottom: 8px; color: #758191; font-size: 11px; line-height: 18px; }
#task-drawer .tc-schedule.is-preclaim .is-preclaim-form .tc-schedule-fields > label + label { padding-left: 12px; border-left: 1px solid #e7dfd5; }
#task-drawer .tc-schedule.is-preclaim .is-preclaim-form input,
#task-drawer .tc-schedule.is-preclaim .is-preclaim-form select { height: 32px; min-height: 32px; margin-top: 4px; padding: 5px 7px; border-color: #d8dde2; border-radius: 4px; color: #354252; font-size: 12px; line-height: 20px; }
#task-drawer .tc-schedule.is-preclaim .is-preclaim-form .tc-period-control { gap: 6px; }
#task-drawer .tc-schedule.is-preclaim .is-preclaim-form .tc-period-control select { flex-basis: 54px; width: 54px; }
#task-drawer .tc-schedule.is-preclaim .is-preclaim-form textarea { height: 62px; min-height: 62px; margin-top: 4px; padding: 7px 9px; border-color: #d8dde2; border-radius: 4px; color: #354252; font-size: 12px; line-height: 19px; }
#task-drawer .tc-schedule.is-preclaim .tc-preclaim-notice { display: flex; align-items: flex-start; gap: 6px; margin-top: 8px; padding: 7px 8px; border-radius: 4px; background: #f8f2e8; color: #7a8794; font-size: 11px; line-height: 18px; overflow-wrap: anywhere; }
#task-drawer .tc-schedule.is-preclaim .tc-preclaim-notice > .icon { flex: 0 0 14px; width: 14px; height: 14px; margin-top: 2px; color: #936c4d; }
#task-drawer .tc-schedule.is-preclaim .tc-preclaim-notice p { margin: 0; }
#task-drawer .tc-schedule.is-preclaim .is-preclaim-form .tc-schedule-actions { gap: 9px; margin-top: 11px; }
#task-drawer .tc-schedule.is-preclaim .is-preclaim-form .tc-schedule-actions > .tc-text-button { min-height: 30px; padding: 5px 7px; color: #8b95a0; font-size: 11px; line-height: 20px; }
#task-drawer .tc-schedule.is-preclaim .is-preclaim-form .tc-schedule-actions > .button { min-height: 30px; padding: 5px 11px; border-radius: 4px; background: #a67d5d; border-color: #a67d5d; font-size: 11px; line-height: 20px; }
#task-drawer .tc-schedule.is-preclaim .is-preclaim-form .tc-schedule-actions > .button:hover:not(:disabled) { background: #956848; border-color: #956848; }

#task-drawer .tc-schedule.is-preclaim .is-preclaim-proposal { margin-top: 9px; padding: 10px; border: 1px solid #dec6b0; border-radius: 5px; background: #fff; }
#task-drawer .tc-schedule.is-preclaim .is-preclaim-proposal .tc-proposal-heading { align-items: center; gap: 4px 6px; color: #788594; font-size: 10px; line-height: 18px; }
#task-drawer .tc-schedule.is-preclaim .is-preclaim-proposal .tc-proposal-heading > span:not(.tc-status) { margin-left: auto; color: #647284; font-size: 10px; font-weight: 650; }
#task-drawer .tc-schedule.is-preclaim .is-preclaim-proposal .tc-proposal-heading time { margin-left: 4px; color: #95a0ae; font-size: 10px; line-height: 18px; }
#task-drawer .tc-schedule.is-preclaim .is-preclaim-proposal .tc-status.pending { display: inline-flex; align-items: center; gap: 5px; padding: 2px 8px; border-radius: 13px; background: #ffebbf; color: #ad7b27; font-size: 10px; font-weight: 650; line-height: 19px; }
#task-drawer .tc-schedule.is-preclaim .is-preclaim-proposal .tc-status.pending:not(:has(.icon))::before { content: '!'; display: inline-grid; place-items: center; width: 11px; height: 11px; border-radius: 50%; background: #ba8127; color: #fff; font-size: 8px; line-height: 11px; }
#task-drawer .tc-schedule.is-preclaim .is-preclaim-proposal .tc-status .icon { width: 12px; height: 12px; }
#task-drawer .tc-schedule.is-preclaim .is-preclaim-proposal .tc-proposed-values { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); align-items: end; gap: 12px; margin-top: 12px; }
#task-drawer .tc-schedule.is-preclaim .is-preclaim-proposal .tc-proposed-values > div { min-width: 0; }
#task-drawer .tc-schedule.is-preclaim .is-preclaim-proposal .tc-proposed-values > div + div { padding-left: 12px; border-left: 1px solid #e7dfd5; }
#task-drawer .tc-schedule.is-preclaim .is-preclaim-proposal .tc-proposed-values > div > span { display: block; color: #7f8b9a; font-size: 11px; line-height: 18px; }
#task-drawer .tc-schedule.is-preclaim .is-preclaim-proposal .tc-proposed-values strong { display: block; color: #354252; font-size: 14px; font-weight: 650; line-height: 22px; overflow-wrap: anywhere; }
#task-drawer .tc-schedule.is-preclaim .is-preclaim-proposal .tc-proposal-reason-label { display: block; margin-top: 9px; padding-top: 7px; border-top: 1px solid #e7dfd5; color: #7b8796; font-size: 11px; line-height: 18px; }
#task-drawer .tc-schedule.is-preclaim .is-preclaim-proposal .tc-proposal-reason { margin-top: 2px; color: #526070; font-size: 12px; line-height: 20px; }
#task-drawer .tc-schedule.is-preclaim .tc-pending-guide { display: flex; align-items: flex-start; gap: 6px; margin-top: 8px; padding: 6px 7px; border-radius: 4px; background: #faf6ef; color: #7d8997; font-size: 11px; line-height: 18px; }
#task-drawer .tc-schedule.is-preclaim .tc-pending-guide > .icon { flex: 0 0 13px; width: 13px; height: 13px; margin-top: 2px; color: #926b4d; }
#task-drawer .tc-schedule.is-preclaim .tc-preclaim-state { margin-top: 8px; color: #7e8a98; font-size: 11px; line-height: 19px; }
@media (max-width: 360px) {
  #task-drawer:has(.tc-schedule.is-preclaim) .drawer-properties select { padding-left: 17px; padding-right: 17px; font-size: 11px; }
  #task-drawer:has(.tc-schedule.is-preclaim) .drawer-properties > label:has(select)::after { left: 6px; }
  #task-drawer .tc-schedule.is-preclaim .is-preclaim-form .tc-schedule-fields { grid-template-columns: minmax(0, 1fr); gap: 0; }
  #task-drawer .tc-schedule.is-preclaim .is-preclaim-form .tc-schedule-fields > label + label { padding-left: 0; border-left: 0; }
  #task-drawer .tc-schedule.is-preclaim .is-preclaim-proposal .tc-proposal-heading time { margin-left: auto; }
}

/* Task deletion is a compact header/menu action. The shared confirmation
   surface does not alter the detail drawer layout. */
#task-drawer .drawer-header-actions:has(.drawer-delete-task) { gap: 6px; }
#task-drawer .drawer-header:has(.drawer-delete-task) > .project-tag { flex: 0 1 auto; min-width: 0; max-width: calc(100% - 96px); }
#task-drawer .drawer-delete-task { flex: 0 0 auto; min-height: 24px; margin: 0; padding: 2px 5px; border: 0; border-radius: 4px; background: transparent; color: #ac6259; font-size: 11px; font-weight: 500; line-height: 20px; white-space: nowrap; }
#task-drawer .drawer-delete-task:hover:not(:disabled) { background: #fff5f1; color: #96544b; }
#task-drawer .drawer-delete-task:focus-visible { outline: 2px solid #bd8a7e; outline-offset: 2px; }
.card-menu-content .menu-action.task-delete-menu { color: #ac6259; }
.card-menu-content .menu-action.task-delete-menu:hover:not(:disabled) { background: #fff5f1; color: #96544b; }

/* Desktop space is used for reading, while the existing field order, compact
   number/unit controls and smaller-screen layouts remain unchanged. */
@media (min-width: 1100px) {
  #task-drawer .tc-schedule { padding: 16px; }
  #task-drawer .tc-comment p { font-size: 13px; line-height: 21px; }
  #task-drawer .tc-composer textarea { font-size: 13px; line-height: 21px; }
  #task-drawer .tc-composer textarea::placeholder { font-size: 12px; }
  #task-drawer .tc-composer.is-compact textarea { height: 32px; min-height: 32px; padding: 4px 9px; font-size: 13px; line-height: 21px; }
  #task-drawer .tc-composer.is-compact .tc-send { height: 32px; min-height: 32px; padding: 5px 10px; font-size: 12px; }
}