/* The approved task sheet: one content column, local add menu and compact rows. */
.task-dialog {width:min(690px,calc(100% - 24px));background:var(--solid);border-radius:24px;}
.task-page {max-width:690px;margin-inline:auto;background:var(--solid);}
.task-dialog .task-sheet-header,.task-page .task-sheet-header {padding:24px 26px 18px;gap:16px;align-items:flex-start;}
.task-sheet-header .eyebrow {font-size:10px;letter-spacing:.08em;}
.task-sheet-header h2 {font-size:24px;line-height:1.3;letter-spacing:-.03em;margin:5px 0 0;}
.task-sheet-header .close-panel {width:34px;height:34px;min-height:34px;flex:none;padding:7px;border:0;background:transparent;box-shadow:none;}
.task-dialog .task-sheet,.task-page .task-sheet {padding:20px 26px;}
.task-sheet-properties {display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0;}
.task-sheet-property {display:inline-flex;align-items:center;gap:7px;min-width:0;max-width:100%;padding:5px 0;background:none;border:0;color:var(--muted);font:inherit;font-size:12px;line-height:1.5;cursor:pointer;}
.task-sheet-property>.icon {width:14px;height:14px;flex:none;}
.task-sheet-property .status-pill {font-size:11px;padding:6px 10px;}
.task-sheet-people>span:not(.assignee-avatars) {max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.task-sheet-people .assignee-avatars {flex:none;}
.task-sheet-properties .avatar {width:24px;height:24px;font-size:10px;}
.task-sheet .task-sheet-gear {margin-left:auto;width:34px;height:34px;min-height:34px;padding:7px;border:0;background:none;box-shadow:none;color:var(--muted);}
.task-sheet-description {margin:20px 0 26px;color:var(--muted);font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;}
.task-sheet-description p {margin:0;}
.task-sheet-description:empty {margin-bottom:20px;}
.task-sheet .task-main {display:grid;grid-template-columns:minmax(0,1fr);gap:24px;}
.task-sheet .task-main>.task-materials,.task-sheet .task-main>.task-attachments,.task-sheet .task-main>.task-comments {padding:0;border:0;border-radius:0;background:none;box-shadow:none;margin:0;}
.task-sheet h3 {font-size:14px;font-weight:600;line-height:1.5;}
.task-sheet .section-heading {gap:12px;margin:0 0 14px;align-items:center;}
.task-sheet .section-heading h3 {margin:0;display:flex;gap:8px;align-items:center;}
.task-sheet .count-label,.task-sheet .task-comments .section-heading>span {font-size:11px;color:var(--muted);font-weight:400;margin:0;padding:0;}
.task-sheet .icon-more {mask-image:url('/icons/more.svg');-webkit-mask-image:url('/icons/more.svg');}
.task-sheet .checklist-block .material-actions>.field-hint {margin:0;font-size:11px;}
.task-sheet .task-tables:empty {display:none;}
.task-sheet .task-checklists>.checklist-block:last-child {margin-bottom:0;}
.task-sheet .task-add-menu {margin:0;flex:none;}
.task-sheet .task-add-menu>summary {min-height:38px;padding:8px 14px;font-size:12px;gap:7px;}
.task-sheet .task-add-menu>summary>.icon {width:14px;height:14px;}
.task-sheet .task-add-menu>.workspace-menu-panel {width:196px;min-width:0;padding:6px;border-radius:16px;background:var(--solid);}
.task-sheet .workspace-menu-panel button {display:flex;align-items:center;gap:10px;min-height:40px;padding:9px 10px;font-size:13px;white-space:normal;text-align:left;}
.task-sheet .workspace-menu-panel button>.icon {width:16px;height:16px;color:var(--muted);flex:none;}
.task-sheet .checklist-block {padding:14px 16px;border:1px solid var(--divider);border-radius:16px;background:none;margin:0 0 12px;}
.task-sheet .task-checklists {margin:0;padding:0;border:0;}
.task-sheet .task-tables {margin:20px 0 0;padding:0;border:0;}
.task-sheet .checklist-block h4 {font-size:13px;margin:0;}
.task-sheet .checklist-block .section-heading {margin-bottom:8px;}
.task-sheet .checklist-row {min-height:34px;font-size:13px;gap:10px;padding:2px 0;}
.task-sheet .checklist-row .check-button {width:16px;height:16px;min-width:16px;min-height:16px;border-radius:4px;}
.task-sheet .checklist-progress {height:3px;margin:4px 0 8px;}
.task-sheet .checklist-progress {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
.task-sheet .checklist-block .material-actions .icon-button {width:30px;height:30px;min-height:30px;border:0;background:none;box-shadow:none;}
.task-sheet .checklist-add {font-size:11px;color:var(--muted);margin-top:7px;}
.task-sheet .checklist-add>summary {cursor:pointer;min-height:28px;width:fit-content;}
.task-sheet .add-item {margin-top:10px;gap:8px;}
.task-sheet .add-item input {min-height:34px;padding:7px 10px;font-size:12px;}
.task-sheet .add-item .button {min-height:34px;padding:7px 10px;font-size:11px;}
.task-sheet .file-materials-list {display:block;margin:0;padding:0;}
.task-sheet .file-material-card {display:flex;align-items:center;gap:10px;padding:10px 0;border:0;border-bottom:1px solid var(--divider);border-radius:0;background:none;min-height:56px;}
.task-sheet .file-material-icon {width:20px;height:24px;background:none;border:0;border-radius:0;color:var(--muted);}
.task-sheet .file-material-icon .icon {width:16px;height:16px;}
.task-sheet .file-material-main {min-width:0;flex:1;}
.task-sheet .file-material-title {font-size:12px;font-weight:500;line-height:1.5;padding:0;overflow-wrap:anywhere;color:var(--text);}
.task-sheet .file-material-meta {font-size:11px;margin:1px 0 0;line-height:1.5;}
.task-sheet .file-material-actions {flex:none;align-self:center;}
.task-sheet .file-material-actions>summary {width:34px;height:34px;min-height:34px;border:0;background:none;box-shadow:none;}
.task-sheet .file-material-actions .workspace-menu-panel {width:230px;min-width:0;padding:6px;background:var(--solid);}
.task-sheet .file-material-actions .workspace-menu-panel form {margin:0;}
.task-sheet .file-material-actions .workspace-menu-panel p {font-size:11px;padding:5px 10px;margin:0;overflow-wrap:anywhere;}
.task-sheet .file-material-actions .workspace-menu-panel button {width:100%;}
.task-sheet .task-main>.task-comments {border-top:1px solid var(--divider);padding-top:20px;}
.task-sheet .comment-thread {gap:14px;}
.task-sheet .comment-bubble {padding:0 0 4px;border:0;border-radius:0;background:none;}
.task-sheet .comment-bubble-header {padding-inline-end:34px;min-height:30px;}
.task-sheet .comment-bubble-header>div:first-child {display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;}
.task-sheet .comment-bubble-header strong {font-size:12px;}
.task-sheet .comment-bubble-header time {font-size:10px;}
.task-sheet .comment-bubble {padding-inline-end:64px;}
.task-sheet .comment-bubble-header,.task-sheet .comment-bubble:has(.comment-edit) .comment-bubble-header {min-height:24px;padding-inline-end:0;}
.task-sheet .comment-bubble-header>div:first-child {width:100%;}
.task-sheet .comment-bubble-header time {margin-left:auto;}
.task-sheet .comment-icon-actions {position:absolute;right:32px;top:0;}
.task-sheet .comment-icon-actions .icon-button,.task-sheet .comment-edit>summary {width:28px;height:28px;min-height:28px;min-width:28px;padding:6px;border:0;background:none;box-shadow:none;}
.task-sheet .comment-edit>summary {top:0;right:0;}
.task-sheet .check-button[aria-pressed=true] {background:var(--accent);border-color:var(--accent);color:var(--solid);}
.task-sheet .comment-body {font-size:12px;line-height:1.6;margin:3px 0;}
.task-sheet .comment-avatar {width:30px;height:30px;flex-basis:30px;font-size:11px;}
.task-sheet .comment-composer-row {margin:16px 0 0;gap:10px;}
.task-sheet .comment-create textarea {min-height:46px;height:46px;padding:11px 12px;font-size:12px;}
.task-sheet .comment-create .comment-mention-tools p {display:none;}
.task-sheet .comment-create .comment-mention-tools {gap:8px;align-items:center;}
.task-sheet .comment-create .comment-composer-actions {margin:0 0 0 auto;}
.task-sheet .comment-create .comment-mention-button {width:30px;min-height:30px;flex-basis:30px;font-size:16px;}
.task-sheet .comment-create .comment-composer-actions .button {min-height:34px;padding:7px 12px;font-size:12px;}
.task-sheet .comment-create .comment-mention-editor>textarea {padding-inline-end:88px;}
.task-sheet .comment-create .comment-mention-tools {position:absolute;right:6px;top:6px;margin:0;}
.task-sheet .comment-create .comment-composer-actions .button {width:34px;min-width:34px;min-height:34px;height:34px;padding:8px;}
.task-sheet .comment-create .comment-composer-actions .button>.icon {width:16px;height:16px;transform:rotate(-45deg);}
.task-sheet-activity {position:relative;min-width:0;}
.task-sheet-activity>a {position:absolute;top:9px;right:0;font-size:11px;margin:0;}
.task-sheet-activity .task-history {margin:0;border:0;padding:0;}
.task-sheet-activity .task-history>summary {max-width:calc(100% - 90px);}
.task-page .task-sheet-footer {display:none;}
.task-sheet .comment-empty {font-size:12px;}
.task-sheet-footer {display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:10px;}
.task-sheet-footer .field-hint {font-size:11px;margin:0;}
.task-sheet .task-history {font-size:11px;}
.task-sheet .task-properties-dialog {max-width:620px;}
.task-properties-dialog .task-property-fields {grid-template-columns:repeat(2,minmax(0,1fr));}
.task-properties-dialog .assignee-menu {position:static;min-width:0;width:100%;max-width:100%;box-shadow:none;}
.task-sheet-extra-tools {display:grid;gap:12px;border-top:1px solid var(--divider);padding-top:20px;margin-top:22px;}
.task-sheet-extra-tools form {margin:0;}
.task-sheet-extra-tools .task-personal-tools {display:grid;gap:12px;}
.task-sheet-extra-tools .button {white-space:normal;}
.task-sheet .workspace-dialog .file-material-edit-form {display:grid;gap:14px;border:0;padding:0;margin:0;}
.task-sheet .workspace-dialog .form-field {display:grid;gap:7px;}
@media(max-width:640px) {
 .task-dialog {width:calc(100% - 12px);}
 .task-dialog .task-sheet-header,.task-page .task-sheet-header {padding:20px 16px 16px;}
 .task-dialog .task-sheet,.task-page .task-sheet {padding:18px 16px;}
 .task-sheet-header h2 {font-size:21px;}
 .task-sheet-properties {gap:8px;}
 .task-sheet .task-main {gap:20px;}
 .task-sheet .task-add-menu {position:relative;}
 .task-sheet .task-add-menu>.workspace-menu-panel {position:absolute;top:calc(100% + 8px);left:auto;right:0;width:196px;max-width:calc(100vw - 48px);z-index:20;transform:translateX(var(--task-popup-shift,0px));}
 .task-sheet .file-material-actions .workspace-menu-panel {position:absolute;top:calc(100% + 6px);left:auto;right:0;z-index:20;max-width:calc(100vw - 48px);}
 .task-sheet .comment-bubble-header>div:first-child {display:block;}
 .task-sheet .comment-bubble-header time {display:block;margin-top:2px;}
 .task-sheet .checklist-row .check-button {width:22px;height:22px;min-width:22px;min-height:22px;}
 .task-sheet .comment-create textarea {font-size:16px;}
 .task-properties-dialog .task-property-fields {grid-template-columns:minmax(0,1fr);}
}
@media(pointer:coarse) {
 .task-sheet-property,.task-sheet .task-sheet-gear,.task-sheet .task-add-menu>summary,.task-sheet .file-material-actions>summary,.task-sheet .workspace-menu-panel button {min-height:44px;}
 .task-sheet .file-material-actions>summary,.task-sheet .task-sheet-gear {min-width:44px;}
 .task-sheet .checklist-row {min-height:44px;}
 .task-sheet .checklist-row>form {display:flex;align-items:center;min-height:44px;min-width:32px;}
 .task-sheet .comment-create .comment-mention-editor>textarea {min-height:56px;padding-inline-end:108px;}
 .task-sheet .comment-create .comment-mention-button,.task-sheet .comment-create .comment-composer-actions .button {width:44px;height:44px;min-width:44px;min-height:44px;flex-basis:44px;}
}