.task-dialog-body{align-items:start}
.task-dialog [hidden]{display:none!important}
.task-dialog .task-dialog-shell>header{display:flex;align-items:flex-start;gap:16px}
.task-dialog .task-dialog-shell>header>div{flex:1;min-width:0}
.task-dialog .task-dialog-close{flex-shrink:0;margin-left:auto}
.task-field{align-content:start;min-width:0}
.task-field>input,.task-field>.common-select{min-height:44px;box-sizing:border-box;width:100%}
.task-field textarea{min-height:132px}
.task-field small{font-weight:400;line-height:1.5}
.task-recurrence{border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;min-width:0}
.task-recurrence legend{padding:0 6px;font-weight:700}
.task-weekdays{display:flex;gap:8px;flex-wrap:wrap}
.task-weekdays label{display:flex;align-items:center;gap:4px}
.task-progress-control{display:grid;gap:4px;min-width:96px;flex:0 0 6.5em}
.personal-tasks-view .my-task-card{grid-template-columns:36px minmax(0,1fr)}
.personal-tasks-view .task-card-copy{grid-column:2}
.personal-tasks-view .task-card-copy>p,.personal-tasks-view .task-card-details{padding-right:0}
.personal-tasks-view .task-card-side{grid-column:2;grid-row:2;justify-self:stretch;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:0;margin:0}
.personal-tasks-view .task-card-side .task-due{flex:1 1 110px;margin:0;text-align:right}
.task-card-side .task-status-select{min-width:126px;height:auto;flex:0 0 auto}
.task-card-side .common-select-trigger{white-space:nowrap;overflow-wrap:normal}
.task-card-side .task-more,.task-card-side .task-ignore{flex:0 0 34px}
.task-repeat-badge{color:#087f75}
.common-select{position:relative;min-width:0;width:100%}
.common-select-native{position:absolute!important;inset:0!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;padding:0!important;border:0!important;clip-path:inset(50%)}
.common-select-trigger{display:flex!important;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;padding:10px 12px!important;border:1px solid var(--workspace-border,#d6e3ec)!important;border-radius:10px!important;background:var(--workspace-field,#fff)!important;color:var(--workspace-field-ink,#344e68)!important;text-align:left;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
.common-select-trigger::after{content:'';display:block;flex:none;width:7px;height:7px;margin:-4px 2px 0 4px;border:solid currentColor;border-width:0 1.6px 1.6px 0;transform:rotate(45deg)}
.common-select.is-icon-only{width:28px;min-width:28px}
.common-select.is-icon-only .common-select-trigger{min-height:31px;padding:4px!important;justify-content:center;gap:0;border:0!important;background:transparent!important;box-shadow:none}
.common-select-trigger:disabled{opacity:.55;cursor:not-allowed}
.common-select-trigger:focus-visible,.common-select-menu button[role=option]:focus-visible{outline:2px solid var(--workspace-accent,#078f88);outline-offset:2px}
.common-select-menu{position:fixed;inset:auto;margin:0;box-sizing:border-box;height:auto;padding:6px;border:1px solid var(--workspace-border,#d6e3ec);border-radius:12px;background:var(--workspace-field,#fff);color:var(--workspace-field-ink,#344e68);box-shadow:0 12px 32px color-mix(in srgb,var(--workspace-ink,#183c56) 16%,transparent);overflow:auto}
.common-select-menu:popover-open{display:grid;gap:3px}
.common-select-menu::-webkit-scrollbar{width:10px;background:transparent}
.common-select-menu::-webkit-scrollbar-track{margin-block:10px;background:transparent}
.common-select-menu::-webkit-scrollbar-thumb{border:2px solid var(--workspace-field,#fff);border-radius:99px;background:var(--workspace-muted,#91a6ae)}
.common-select-menu::-webkit-scrollbar-button{display:none}
.common-select-menu button[role=option]{min-height:40px;display:block;text-align:left;border:0;border-radius:8px;padding:9px 12px;background:var(--workspace-field,#fff);color:inherit;font-weight:400;box-shadow:none;cursor:pointer;white-space:normal;overflow-wrap:anywhere}
.common-select-menu button[role=option]:hover,.common-select-menu button[role=option]:focus{background:var(--workspace-select-hover,#edf8f6)}
.common-select-menu button[role=option][aria-selected=true]{background:var(--workspace-select-active,#def3ee);color:var(--workspace-select-active-ink,#087f75);font-weight:700}
.common-select-menu button[role=option][aria-selected=true]::before{content:'✓ ';}
.common-select-menu button[role=option]:disabled{opacity:.5}
.message-controls{display:flex;justify-content:flex-start;gap:4px;align-items:center;flex-wrap:wrap;margin-top:6px}
.msg.user .message-controls,.interview-message.user .message-controls{justify-content:flex-end}
.message-controls .message-icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;min-width:0;min-height:0;padding:7px;margin:0;border:0;border-radius:8px;background:transparent;color:#6d7f8c;box-shadow:none;cursor:pointer;line-height:1}
.message-icon-button svg{width:18px;height:18px;flex:none;pointer-events:none}
.message-controls .message-icon-button:hover,.message-controls .message-icon-button:focus-visible{background:#eaf3f3;color:#265f65}
.message-controls .message-icon-button:focus-visible{outline:2px solid #168e88;outline-offset:2px}
.message-controls .message-icon-button:disabled{opacity:.4;cursor:default}
.message-icon-tooltip{position:absolute;bottom:calc(100% + 5px);left:50%;transform:translateX(-50%);padding:6px 9px;border-radius:6px;background:#263d48;color:white;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;z-index:10;line-height:1.4;transition:opacity 180ms ease}
.message-icon-button:is(:hover,:focus-visible):not(:disabled) .message-icon-tooltip{opacity:1;visibility:visible}
.generation-stop{border:1px solid #cbdbe5;background:#fff;color:#3b566c;border-radius:8px;padding:6px 10px;cursor:pointer}
.message-edited{color:#6d7f8c}
.message-editor{width:min(620px,calc(var(--workspace-viewport-width,100vw) - 32px));padding:0;border:0;border-radius:16px}
.message-editor form{padding:22px;display:grid;gap:14px}
.message-editor textarea{width:100%;box-sizing:border-box;min-height:160px;padding:12px;border:1px solid #cadbe5;border-radius:10px}
.message-editor p{margin:0;line-height:1.6}
.message-editor footer{display:flex;gap:10px;justify-content:flex-end}
.message-editor::backdrop{background:#19304466}
.message-editor-status{color:#b43f48}
@media(max-width:600px){.task-recurrence{grid-template-columns:1fr}.task-dialog-body{padding:16px}.task-dialog footer>div{gap:8px}.personal-tasks-view .task-card-side{grid-column:1/-1}.personal-tasks-view .task-card-side .task-due{flex-basis:100%;text-align:left}.task-field-wide{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.message-icon-tooltip{transition:none}}

/* List mode shares one set of column headings at every viewport width. */
.personal-tasks-view .task-list{display:block;padding-top:12px;min-width:0}
.task-table-scroll{width:100%;max-width:100%;box-sizing:border-box;overflow:auto;border:1px solid #dce6ee;border-radius:12px;background:#fff;scrollbar-width:thin;position:relative}
.task-table-scroll:focus-visible{outline:3px solid #249b91;outline-offset:2px}
.task-table{width:100%;min-width:1080px;border-collapse:collapse;table-layout:auto;line-height:1.5}
.task-table th,.task-table td{padding:9px 12px;text-align:left;border-bottom:1px solid #e6edf2;vertical-align:middle}
.task-table th{background:#f0f6fa;color:#385269;white-space:nowrap;position:sticky;top:0;z-index:1}
.task-table tbody tr:last-child td{border-bottom:0}
.task-table-row:hover{background:#f3fafa}
.task-table-row.selected{background:#eaf8f3;box-shadow:inset 3px 0 #249b91}
.task-table-row:focus-visible{outline:2px solid #249b91;outline-offset:-2px}
.task-table-row td:not(.task-row-name){white-space:nowrap}
.task-table .task-row-name{position:relative;min-width:230px;max-width:360px}
.task-table .task-row-folder{display:block;color:#617b8a;margin-top:2px}
.task-table .task-row-title{display:inline;background:none;border:0;border-radius:4px;padding:0;color:#234958;text-align:left;font-weight:700;line-height:1.5;overflow-wrap:anywhere;cursor:pointer}
.task-table .task-row-title:hover{text-decoration:underline}
.task-table .task-row-title:focus-visible{outline:2px solid #249b91;outline-offset:3px}
.task-table .task-row-check{width:30px;padding-right:0}
.task-table .task-complete-toggle{width:26px;height:26px;margin:0;padding:0;border-width:1px}
.task-table .completed .task-complete-toggle,.task-table .completion-marked .task-complete-toggle{border-color:#d23d4f;background:#fff7f8;color:#d23d4f}
.task-table .completed .task-row-title{color:#728293;text-decoration:line-through}
.task-table .task-status-select{display:block;min-width:110px;height:auto;margin:0;padding:0;border-radius:10px}
.task-table .task-status-select select{max-width:140px;width:100%;padding:5px 8px}
.task-table .task-progress-control{display:block;min-width:80px;margin:0}
.task-table .task-progress-control select{width:100%;padding:5px 8px}
.task-table .task-due{white-space:nowrap;text-align:left}
.task-table .task-more,.task-table .task-ignore{width:30px;height:30px;display:inline-grid;place-items:center;padding:0;margin:0}
.task-table .task-more{border:0;border-radius:0;background:transparent;box-shadow:none;color:#62798d;cursor:pointer}
.task-table .task-more:hover{color:#087f86}
.task-table .task-more:focus-visible{outline:2px solid #087f86;outline-offset:2px}
.task-table .task-ignore{border:1px solid #dce6ee;border-radius:7px;background:#fff}
.task-table .task-row-actions{white-space:nowrap}
.task-table .task-repeat-badge{margin-left:8px}
.task-list-count{margin:10px 0;color:#607888}
.department-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid var(--line)}
.department-form>.access-select{flex:1;min-width:180px;margin:0}
.department-form input{width:100%;box-sizing:border-box}
.department-form>span{align-self:center}
.department-form button{min-height:44px}
.department-form button:disabled{opacity:.45;cursor:not-allowed}
.access-table-scroll{max-width:100%;overflow:auto;scrollbar-width:thin}
.access-table-scroll:focus-visible{outline:2px solid #249b91;outline-offset:2px}
@media(max-width:760px){.department-form>.access-select{flex-basis:100%}.task-table th,.task-table td{padding:8px 10px}}

.task-row-title-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.task-row-title-line .task-row-title{flex:1;min-width:160px}
.task-row-indicators{display:inline-flex;align-items:center;gap:5px;flex-shrink:0}
.task-row-indicators button{display:inline-flex;align-items:center;gap:3px;min-height:30px;padding:2px 3px;border:0;background:transparent;color:#61768c;cursor:pointer}
.task-row-indicators button:hover{color:#087f86}
.task-row-indicators button:focus-visible{outline:2px solid #087f86;outline-offset:1px}
.task-table .task-row-priority{min-width:64px}
.task-priority-select{display:block;height:auto;margin:0}
.task-table :is(.task-status-select,.task-progress-control,.task-priority-select) .common-select-trigger{box-sizing:border-box;min-height:38px;padding:6px 9px!important;line-height:1.4;white-space:nowrap}
.task-table .task-row-progress>span{display:flex;align-items:center;min-height:38px}
.task-status-select{--task-pill-bg:#eef2f6;--task-pill-fg:#536579}
.task-status-select.in_progress,.task-status-badge.in_progress,.task-management-status.in_progress{--task-pill-bg:#e2f1ff;--task-pill-fg:#096ab4}
.task-status-select.understanding,.task-status-badge.understanding,.task-management-status.understanding{--task-pill-bg:#fff3d4;--task-pill-fg:#946200}
.task-status-select.waiting,.task-status-badge.waiting,.task-management-status.waiting{--task-pill-bg:#fff0df;--task-pill-fg:#ac5700}
.task-status-select.done,.task-status-badge.done,.task-management-status.done{--task-pill-bg:#ddf5e9;--task-pill-fg:#0e7753}
.task-status-select .common-select-trigger{background:var(--task-pill-bg)!important;color:var(--task-pill-fg)!important;border-color:transparent!important}
.task-priority-select.high,.task-priority-badge.high{--task-pill-bg:#ffe7ea;--task-pill-fg:#b72f44}
.task-priority-select.medium,.task-priority-badge.medium{--task-pill-bg:#fff4d6;--task-pill-fg:#946300}
.task-priority-select.low,.task-priority-badge.low{--task-pill-bg:#e0f6f1;--task-pill-fg:#167967}
.task-priority-select.S,.task-priority-badge.S{--task-pill-bg:#fbe0ed;--task-pill-fg:#941f59}
.task-priority-select.A,.task-priority-badge.A{--task-pill-bg:#ffe7ea;--task-pill-fg:#b72f44}
.task-priority-select.B,.task-priority-badge.B{--task-pill-bg:#fff4d6;--task-pill-fg:#946300}
.task-priority-select.C,.task-priority-badge.C{--task-pill-bg:#e0f6f1;--task-pill-fg:#167967}
.task-priority-select.D,.task-priority-badge.D{--task-pill-bg:#eef2f6;--task-pill-fg:#536579}
.task-priority-select .common-select-trigger{background:var(--task-pill-bg)!important;color:var(--task-pill-fg)!important;border-color:transparent!important}
.task-status-badge,.task-priority-badge,.task-management-status{display:inline-block;padding:3px 9px;border-radius:999px;background:var(--task-pill-bg,#eef2f6);color:var(--task-pill-fg,#536579);font-weight:700;white-space:nowrap}
.task-activity{min-width:0}
.task-activity-tabs{display:flex;gap:3px;flex-wrap:wrap;border-bottom:1px solid #e1e9ee;margin:2px 0 12px}
.task-activity-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;padding:8px 5px;color:#63788b;cursor:pointer;line-height:1.4}
.task-activity-tabs button[aria-selected=true]{color:#087f86;border-bottom-color:#087f86;font-weight:700}
.task-activity-tabs button span{display:inline-block;padding:0 4px;border-radius:999px;background:#edf3f7}
.task-activity-content{display:grid;gap:14px;min-width:0}
.task-activity-content[hidden],[data-task-detail-body][hidden],.task-related-knowledge[hidden]{display:none!important}
[data-task-detail-body]>p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;color:#526579;margin:0 0 12px}
.task-comment-list,.task-attachment-list,.task-history-list{display:grid;gap:10px;min-width:0}
.task-comment-list article,.task-attachment-list article,.task-history-list article{display:grid;gap:6px;padding:10px;border:1px solid #e1e9ee;border-radius:10px;min-width:0}
.task-comment-list p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}
.task-activity small{color:#63788b;overflow-wrap:anywhere}
.task-comment-form,.task-attachment-form{display:grid;gap:8px}
.task-comment-form label,.task-attachment-form label{display:grid;gap:6px}
.task-related-panel .task-comment-form textarea{width:100%;min-height:100px;box-sizing:border-box;resize:vertical;border:1px solid #cadbe5;border-radius:10px;padding:10px;background:#fff;color:#344e68;font:inherit}
.task-attachment-form input{max-width:100%;min-width:0}
.task-attachment-form input[hidden]{display:none!important}
.task-file-picker{display:grid;gap:8px;min-width:0;max-width:100%}
.task-file-name{min-width:0;max-width:100%;overflow-wrap:anywhere;line-height:1.5;color:#526579}
.task-upload-status{margin:0;color:#087f86;line-height:1.5;overflow-wrap:anywhere}
.task-related-panel .task-attachment-form [data-choose-task-file]{justify-self:start;max-width:100%;background:#f4faf9;color:#087f86;border-color:#b8d9d5}
.task-related-panel :is(.task-comment-form,.task-attachment-form) button{justify-self:end;padding:9px 13px;min-height:42px;border:1px solid #078f88;border-radius:10px;background:#078f88;color:#fff;font:inherit;font-weight:700;cursor:pointer}
.task-related-panel :is(.task-comment-form,.task-attachment-form) button:disabled{opacity:.55;cursor:wait}
.task-related-panel :is(.task-comment-form,.task-attachment-form) button:focus-visible{outline:2px solid var(--workspace-accent,#078f88);outline-offset:3px}
.task-attachment-list article>button{display:flex;align-items:center;gap:7px;min-width:0;padding:0;border:0;background:transparent;text-align:left;color:#087f86;cursor:pointer}
.task-attachment-list article>button span{overflow-wrap:anywhere;min-width:0}
.task-attachment-list svg{flex-shrink:0}
.task-file-copy{display:grid;gap:5px;min-width:0}
.task-attachment-list .task-file-art{display:grid;place-items:center;position:relative;width:64px;height:64px;flex:0 0 64px;border-radius:8px;background:#edf3f7;color:#526579;overflow:hidden}
.task-file-art svg{width:40px;height:50px}
.task-file-art.is-image{background:#f0f8f7;color:#218879}
.task-file-art.is-word{background:#e9f2ff;color:#2763a3}
.task-file-art.is-powerpoint{background:#fff0e6;color:#bf5b25}
.task-file-art.is-excel{background:#e5f5eb;color:#278052}
.task-file-art.is-pdf{background:#ffedef;color:#bd4152}
.task-file-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff}
.task-file-art img[hidden],.task-file-art.has-thumbnail svg{display:none!important}
.task-history-list ul{margin:0;padding-left:18px;display:grid;gap:7px}
.task-history-list li>span{display:block;overflow-wrap:anywhere;white-space:pre-wrap;color:#526579;line-height:1.5}
.task-activity-empty{margin:0;color:#63788b;line-height:1.6}
.task-activity-error{margin:0;color:#b72f44;line-height:1.6}
.task-reference-link{color:#087f86;overflow-wrap:anywhere}
.managed-task-controls .common-select{display:inline-block;width:auto;min-width:160px;vertical-align:middle}
.managed-task-controls label{display:flex;align-items:center;gap:7px}
@media(max-width:600px){.managed-task-controls label{width:100%}.managed-task-controls .common-select{flex:1;min-width:0}.task-activity-tabs button{padding:8px 4px}}
.my-task-card.task-from-person{border-left:5px solid #8262cc;background:#f8f5ff}
.task-assigned-label{display:inline-flex;align-items:center;padding:4px 9px;border-radius:8px;background:#eee5ff;color:#6845a7}
.task-table-row.task-from-person>td{background:#f8f5ff}
.task-table-row.task-from-person>td:first-child{border-left:5px solid #8262cc}

.common-select-menu:focus{outline:none}

/* Dense reference toolbars use the same dropdown behavior with a smaller desktop trigger. */
.common-select[data-density=compact]>.common-select-trigger{min-height:39px;padding:4px 10px!important;border-radius:5px}
@media(max-width:760px){.common-select[data-density=compact]>.common-select-trigger{min-height:44px}}
.app-shell[data-view=tasks] .task-table-scroll{border-color:var(--workspace-border);border-radius:6px;background:var(--workspace-surface)}
.app-shell[data-view=tasks] .task-table th{background:var(--workspace-subtle);color:var(--workspace-muted)}
.app-shell[data-view=tasks] .task-table td{border-color:var(--workspace-border);background:var(--workspace-surface)}
.app-shell[data-view=tasks] .task-table-row.selected td{background:var(--workspace-menu-active)}
.app-shell[data-view=tasks] .task-table .task-row-title{color:var(--workspace-ink)}
.app-shell[data-view=tasks] .task-table .task-status-select{border-radius:5px;background:var(--workspace-surface-alt);color:var(--workspace-ink)}

/* Personal list follows the compact reference; full metadata remains in the editor. */
.personal-tasks-view .task-table{min-width:760px;table-layout:fixed}
.personal-tasks-view .task-table th:first-child{width:42px}
.personal-tasks-view .task-table th:nth-child(2){width:34%}
.personal-tasks-view .task-table th:nth-child(3){width:88px}
.personal-tasks-view .task-table th:nth-child(4){width:114px}
.personal-tasks-view .task-table th:nth-child(5){width:80px}
.personal-tasks-view .task-table th:nth-child(6){width:145px}
.personal-tasks-view .task-table th:last-child{width:44px}
.personal-tasks-view .task-row-title-line{flex-wrap:nowrap;gap:8px}
.personal-tasks-view .task-table .task-row-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.personal-tasks-view .task-table .task-row-name{min-width:0;max-width:none}
.personal-tasks-view .task-summary{display:flex;gap:0;border:1px solid var(--workspace-border);border-radius:7px;background:var(--workspace-surface);padding:8px;margin-bottom:14px}
.personal-tasks-view .task-summary-card{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:8px 12px;border:0;border-right:1px solid var(--workspace-border);border-radius:0;box-shadow:none;background:var(--workspace-subtle)}
.personal-tasks-view .task-summary-card:last-child{border-right:0}
.personal-tasks-view .task-summary-card small{display:none}
.task-map-preparing{padding:50px 20px;text-align:center;border:1px solid var(--workspace-border);border-radius:9px;background:var(--workspace-surface);color:var(--workspace-muted)}
/* Completion belongs to the saved row and never covers the workspace. */
.task-category-row{--task-category-accent:#60839a;--task-category-tint:#e7eef2}
.task-category-row th{text-align:left;padding:12px 0 4px;background:var(--workspace-surface)}
.task-category-row span{display:flex;align-items:center;gap:8px;width:100%;box-sizing:border-box;padding:6px 10px;border-radius:0;color:var(--task-category-accent);background:linear-gradient(90deg,var(--task-category-tint),color-mix(in srgb,var(--task-category-tint) 30%,transparent));border-left:3px solid var(--task-category-accent)}
.task-category-row.is-overdue{--task-category-accent:#b15a50;--task-category-tint:#f4dcd6}
.task-category-row.is-today{--task-category-accent:#a97221;--task-category-tint:#f5e8bd}
.task-category-row.is-done{--task-category-accent:#557447;--task-category-tint:#e8f0e1}
.task-completing{animation:task-complete-slide .62s ease-in both}
.task-completing td{background-image:linear-gradient(100deg,transparent 20%,#77d7a888 46%,#38a66d 49%,#a2e8bfaa 52%,transparent 78%);background-size:250% 100%;animation:task-complete-line .45s ease-out both}
@keyframes task-complete-line{from{background-position:100% 0}to{background-position:-100% 0}}
@keyframes task-complete-slide{0%,55%{opacity:1;translate:0 0}100%{opacity:0;translate:80px 0}}
@media(prefers-reduced-motion:reduce){.task-completing,.task-completing td{animation:none}}

/* ==========================================================================
   2026-11-06 林の指定：タスク画面を AIチャット・個人note と同じ白黒・丸いボタンの見た目にそろえる
   色は AIチャットと同じ --chat-mono-*。文字の大きさは typography.css
   ========================================================================== */
html body .app-shell[data-view="tasks"] #main{--chat-mono-ink:#0d0d0d;--chat-mono-soft:#f4f4f4;--chat-mono-line:#e5e5e5;--chat-mono-muted:#6b6b6b;--chat-mono-panel:#fff;--chat-mono-hover:#ececec;--task-red:#d4314a;--task-amber:#a86400;--task-green:#2f7d4f;background:var(--chat-mono-panel);color:var(--chat-mono-ink)}
html[data-ui-design=dark] body .app-shell[data-view="tasks"] #main{--chat-mono-ink:#ececec;--chat-mono-soft:#2f2f2f;--chat-mono-line:#3a3a3a;--chat-mono-muted:#a3a3a3;--chat-mono-panel:#212121;--chat-mono-hover:#333;--task-red:#ff7a8a;--task-amber:#f0b44c;--task-green:#7fd19c}
/* 見出し：帯を付けず、題名だけ */
html body .app-shell[data-view="tasks"] #main .task-page-head{background:transparent;border:0;box-shadow:none;color:var(--chat-mono-ink)}
html body .app-shell[data-view="tasks"] #main .task-page-head h1{color:var(--chat-mono-ink)}
html body .app-shell[data-view="tasks"] #main .task-page-head p{color:var(--chat-mono-muted)}
/* 個人用・チーム用：下線の細いタブ */
html body .app-shell[data-view="tasks"] #main .task-workspace-tabs{gap:4px;border-bottom:1px solid var(--chat-mono-line)}
html body .app-shell[data-view="tasks"] #main .task-workspace-tabs button{margin-bottom:-1px;padding:10px 14px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--chat-mono-muted)}
html body .app-shell[data-view="tasks"] #main .task-workspace-tabs button:hover{color:var(--chat-mono-ink)}
html body .app-shell[data-view="tasks"] #main .task-workspace-tabs button.active{border-bottom-color:var(--chat-mono-ink);color:var(--chat-mono-ink)}
html body .app-shell[data-view="tasks"] #main .task-workspace-tabs button.active::after{height:3px;border-radius:0;background:var(--chat-mono-ink)}
/* タスクを追加：黒い丸いボタン */
html body .app-shell[data-view="tasks"] #main .task-page-actions .primary{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 16px;border:1px solid var(--chat-mono-ink);border-radius:999px;background:var(--chat-mono-ink);box-shadow:none;color:var(--chat-mono-panel);text-shadow:none}
html body .app-shell[data-view="tasks"] #main .task-page-actions .primary:hover{opacity:.85;transform:none}
/* 中身の枠：線と影をなくして平らに */
html body .app-shell[data-view="tasks"] #main .tasks-view{border:0;border-radius:0;background:transparent;box-shadow:none}
html body .app-shell[data-view="tasks"] #main .task-list-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin:0 0 12px;padding:0;border:0;background:transparent}
/* 完了以外・完了済み：丸いタブ（件数つき） */
html body .app-shell[data-view="tasks"] #main .task-tabs{display:inline-flex;gap:4px;margin:0;padding:0;border:0}
html body .app-shell[data-view="tasks"] #main .task-tabs button{display:inline-flex;align-items:center;align-self:center;gap:6px;height:36px;min-height:0;padding:0 14px;border:0;border-radius:999px;background:transparent;box-shadow:none;color:var(--chat-mono-muted)}
html body .app-shell[data-view="tasks"] #main .task-tabs button::after{display:none}
html body .app-shell[data-view="tasks"] #main .task-tabs button:hover{background:var(--chat-mono-hover);color:var(--chat-mono-ink)}
html body .app-shell[data-view="tasks"] #main .task-tabs button.active{background:var(--chat-mono-soft);color:var(--chat-mono-ink)}
html body .app-shell[data-view="tasks"] #main .task-tabs button span{min-width:20px;padding:0 6px;border-radius:999px;background:var(--chat-mono-panel);color:inherit;text-align:center;box-shadow:inset 0 0 0 1px var(--chat-mono-line)}
/* 一覧・ガントチャート・分析・タスクマップ：ひとつながりの切り替え */
html body .app-shell[data-view="tasks"] #main .task-display-switch{display:inline-flex;flex-wrap:nowrap;gap:2px;margin-left:auto;padding:3px;border:0;border-radius:999px;background:var(--chat-mono-soft)}
html body .app-shell[data-view="tasks"] #main .task-display-switch button{min-height:30px;padding:0 14px;border:0;border-radius:999px;background:transparent;box-shadow:none;color:var(--chat-mono-muted);white-space:nowrap}
html body .app-shell[data-view="tasks"] #main .task-display-switch button:hover{color:var(--chat-mono-ink)}
html body .app-shell[data-view="tasks"] #main .task-display-switch button[aria-pressed="true"]{background:var(--chat-mono-panel);color:var(--chat-mono-ink);box-shadow:0 1px 2px rgb(0 0 0/.08),0 0 0 1px var(--chat-mono-line)}
html[data-ui-design=dark] body .app-shell[data-view="tasks"] #main .task-display-switch button[aria-pressed="true"]{background:#424242;box-shadow:none}
/* 絞り込み：1行に並ぶ小さな丸い入れ物 */
html body .app-shell[data-view="tasks"] #main .task-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;margin:0 0 14px;padding:0;border:0;border-radius:0;background:transparent}
html body .app-shell[data-view="tasks"] #main .task-folder-picker{display:grid;gap:4px;min-width:0}
html body .app-shell[data-view="tasks"] #main .task-filter-label{color:var(--chat-mono-muted);padding-left:15px}
html body .app-shell[data-view="tasks"] #main .task-folder-dropdown>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:132px;min-height:36px;padding:0 12px 0 14px;border:1px solid var(--chat-mono-line);border-radius:999px;background:var(--chat-mono-panel);box-shadow:none;color:var(--chat-mono-ink);cursor:pointer;list-style:none}
html body .app-shell[data-view="tasks"] #main .task-folder-dropdown>summary::-webkit-details-marker{display:none}
html body .app-shell[data-view="tasks"] #main .task-folder-dropdown>summary:hover{background:var(--chat-mono-hover)}
html body .app-shell[data-view="tasks"] #main .task-folder-dropdown[open]>summary{border-color:var(--chat-mono-ink)}
html body .app-shell[data-view="tasks"] #main .task-folder-dropdown>summary>span[aria-hidden]{color:var(--chat-mono-muted)}
html body .app-shell[data-view="tasks"] #main #clear-task-filters{min-height:36px;padding:0 14px;border:0;border-radius:999px;background:transparent;box-shadow:none;color:var(--chat-mono-muted)}
html body .app-shell[data-view="tasks"] #main #clear-task-filters:hover{background:var(--chat-mono-hover);color:var(--chat-mono-ink)}
html body .app-shell[data-view="tasks"] #main .task-search{display:flex;align-items:center;gap:8px;flex:1 1 220px;min-width:180px;max-width:360px;min-height:36px;margin-left:auto;padding:0 14px;border:1px solid transparent;border-radius:999px;background:var(--chat-mono-soft);box-shadow:none;color:var(--chat-mono-muted)}
html body .app-shell[data-view="tasks"] #main .task-search:focus-within{border-color:var(--chat-mono-line);background:var(--chat-mono-panel)}
html body .app-shell[data-view="tasks"] #main .task-search input{flex:1;min-width:0;padding:0;border:0;outline:0;background:transparent;box-shadow:none;color:var(--chat-mono-ink)}
html body .app-shell[data-view="tasks"] #main .task-search input::placeholder{color:var(--chat-mono-muted)}
/* 一覧の表：細い線・行は押すと選ぶ */
html body .app-shell[data-view="tasks"] #main .task-table-scroll{border:1px solid var(--chat-mono-line);border-radius:16px;background:var(--chat-mono-panel)}
html body .app-shell[data-view="tasks"] #main .task-table-scroll:focus-visible{outline:2px solid var(--chat-mono-ink);outline-offset:2px}
/* Safari（WebKit）でも同じ幅になるよう、列の幅を決めて並べる（自動の割り振りはブラウザーごとに違い、右端の操作がはみ出していた） */
html body .app-shell[data-view="tasks"] #main .task-table{table-layout:fixed;min-width:900px}
/* 名前の列だけを「自動」にすると、Safari は余った幅を全部の列に配り、Chromium は名前の列だけに配る。全部の列を割合で決めて、どちらでも同じ並びにする（合計100%） */
html body .app-shell[data-view="tasks"] #main .task-table thead th:nth-child(1){width:4%}
html body .app-shell[data-view="tasks"] #main .task-table thead th:nth-child(2){width:47%}
html body .app-shell[data-view="tasks"] #main .task-table thead th:nth-child(3){width:8%}
html body .app-shell[data-view="tasks"] #main .task-table thead th:nth-child(4){width:11%}
html body .app-shell[data-view="tasks"] #main .task-table thead th:nth-child(5){width:7%}
html body .app-shell[data-view="tasks"] #main .task-table thead th:nth-child(6){width:14%}
html body .app-shell[data-view="tasks"] #main .task-table thead th:nth-child(7){width:9%}
html body .app-shell[data-view="tasks"] #main .task-table th,html body .app-shell[data-view="tasks"] #main .task-table td{border-bottom:1px solid var(--chat-mono-line)}
html body .app-shell[data-view="tasks"] #main .task-table thead th{background:var(--chat-mono-panel);color:var(--chat-mono-muted)}
html body .app-shell[data-view="tasks"] #main .task-table .task-row-name{min-width:0;max-width:none}
html body .app-shell[data-view="tasks"] #main .task-table-row:hover{background:var(--chat-mono-soft)}
html body .app-shell[data-view="tasks"] #main .task-table-row.selected{background:var(--chat-mono-soft);box-shadow:inset 3px 0 var(--chat-mono-ink)}
html body .app-shell[data-view="tasks"] #main .task-table-row:focus-visible{outline:2px solid var(--chat-mono-ink);outline-offset:-2px}
html body .app-shell[data-view="tasks"] #main .task-table .task-row-title{color:var(--chat-mono-ink)}
html body .app-shell[data-view="tasks"] #main .task-table .task-row-title:focus-visible{outline:2px solid var(--chat-mono-ink)}
html body .app-shell[data-view="tasks"] #main .task-table .task-row-folder{color:var(--chat-mono-muted)}
html body .app-shell[data-view="tasks"] #main .task-row-indicators button{color:var(--chat-mono-muted)}
html body .app-shell[data-view="tasks"] #main .task-row-indicators button:hover{color:var(--chat-mono-ink)}
/* 期限の区切り：色の帯をやめ、色の点と文字だけ */
html body .app-shell[data-view="tasks"] #main .task-category-row th{padding:14px 0 6px 14px;background:var(--chat-mono-panel);border-bottom:0}
html body .app-shell[data-view="tasks"] #main .task-category-row span{display:inline-flex;width:auto;padding:0;border:0;background:none;box-shadow:none;color:var(--chat-mono-muted)}
html body .app-shell[data-view="tasks"] #main .task-category-row span::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--chat-mono-muted);flex:none}
html body .app-shell[data-view="tasks"] #main .task-category-row.is-overdue span{color:var(--task-red)}
html body .app-shell[data-view="tasks"] #main .task-category-row.is-overdue span::before{background:var(--task-red)}
html body .app-shell[data-view="tasks"] #main .task-category-row.is-today span{color:var(--task-amber)}
html body .app-shell[data-view="tasks"] #main .task-category-row.is-today span::before{background:var(--task-amber)}
html body .app-shell[data-view="tasks"] #main .task-category-row.is-done span::before{background:var(--task-green)}
/* 完了の丸 */
html body .app-shell[data-view="tasks"] #main .task-complete-toggle{width:22px;height:22px;border:1.5px solid var(--chat-mono-line);border-radius:50%;background:var(--chat-mono-panel);box-shadow:none}
html body .app-shell[data-view="tasks"] #main .task-complete-toggle:hover{border-color:var(--chat-mono-ink)}
html body .app-shell[data-view="tasks"] #main .task-table .completed .task-complete-toggle,html body .app-shell[data-view="tasks"] #main .task-table .completion-marked .task-complete-toggle{border-color:var(--chat-mono-ink);background:var(--chat-mono-ink);color:var(--chat-mono-panel)}
html body .app-shell[data-view="tasks"] #main .task-table .completed .task-row-title{color:var(--chat-mono-muted)}
html body .app-shell[data-view="tasks"] #main .task-due{color:var(--chat-mono-ink)}
html body .app-shell[data-view="tasks"] #main .task-due.overdue{color:var(--task-red)}
/* ステータス・優先度：丸い小さな選択 */
html body .app-shell[data-view="tasks"] #main .task-table .task-status-select,html body .app-shell[data-view="tasks"] #main .task-table .task-priority-select{min-width:0;border:0;background:transparent;box-shadow:none}
/* 共通の選択（common-select）はこのファイルが持ち主で、形を !important で決めているので、タスクの表の中だけ同じやり方で丸く・白黒にする。色は変数で切り替える */
html body .app-shell[data-view="tasks"] #main .task-table :is(.task-status-select,.task-priority-select){--task-pill-bg:var(--chat-mono-soft);--task-pill-fg:var(--chat-mono-ink)}
/* ステータスは一目で分かるよう、色味をおさえた別々の色にする（未着手は灰色） */
html body .app-shell[data-view="tasks"] #main .task-table .task-status-select.understanding{--task-pill-bg:#f1eefb;--task-pill-fg:#5b4a9e}
html body .app-shell[data-view="tasks"] #main .task-table .task-status-select.in_progress{--task-pill-bg:#e8f1fb;--task-pill-fg:#1d5f9e}
html body .app-shell[data-view="tasks"] #main .task-table .task-status-select.waiting{--task-pill-bg:#fbf1e3;--task-pill-fg:#9a5a00}
html body .app-shell[data-view="tasks"] #main .task-table .task-status-select.done{--task-pill-bg:#e7f4ec;--task-pill-fg:#24714a}
html[data-ui-design=dark] body .app-shell[data-view="tasks"] #main .task-table .task-status-select.understanding{--task-pill-bg:#34304a;--task-pill-fg:#c6bcf5}
html[data-ui-design=dark] body .app-shell[data-view="tasks"] #main .task-table .task-status-select.in_progress{--task-pill-bg:#24344a;--task-pill-fg:#9cc6f2}
html[data-ui-design=dark] body .app-shell[data-view="tasks"] #main .task-table .task-status-select.waiting{--task-pill-bg:#43361f;--task-pill-fg:#f0c27a}
html[data-ui-design=dark] body .app-shell[data-view="tasks"] #main .task-table .task-status-select.done{--task-pill-bg:#22392c;--task-pill-fg:#8fd6ab}
html body .app-shell[data-view="tasks"] #main .task-table .task-priority-select:is(.S,.A){--task-pill-fg:var(--task-red)}
html body .app-shell[data-view="tasks"] #main .task-table .common-select-trigger{width:100%;min-height:30px;padding:0 12px 0 14px!important;border:0!important;border-radius:999px!important;box-shadow:none}
html body .app-shell[data-view="tasks"] #main .task-table .common-select-trigger:hover{--task-pill-bg:var(--chat-mono-hover)}
html body .app-shell[data-view="tasks"] #main .task-table .common-select-trigger[aria-expanded="true"]{box-shadow:0 0 0 1px var(--chat-mono-ink)}
/* 札は列いっぱいに伸ばさず、決まった幅にそろえる（ステータス・優先度・追加経路が散らばって見えないように） */
html body .app-shell[data-view="tasks"] #main .task-table .task-status-select{width:100px;max-width:100%}
html body .app-shell[data-view="tasks"] #main .task-table .task-priority-select{width:60px;max-width:100%}
html body .app-shell[data-view="tasks"] #main .task-table thead th:nth-child(7){text-align:right;padding-right:10px}
/* 追加経路の印 */
html body .app-shell[data-view="tasks"] #main .task-addition-reason{display:inline-block;max-width:100%;overflow:hidden;padding:2px 10px;border:0;border-radius:999px;background:var(--chat-mono-soft);color:var(--chat-mono-muted);text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
/* 操作：丸いアイコンだけのボタン（右端からはみ出さない） */
html body .app-shell[data-view="tasks"] #main .task-table .task-row-actions{white-space:nowrap;text-align:right;padding-right:10px}
html body .app-shell[data-view="tasks"] #main .task-table .task-more,html body .app-shell[data-view="tasks"] #main .task-table .task-ignore{width:30px;height:30px;border:0;border-radius:999px;background:transparent;box-shadow:none;color:var(--chat-mono-muted)}
html body .app-shell[data-view="tasks"] #main .task-table .task-more:hover,html body .app-shell[data-view="tasks"] #main .task-table .task-ignore:hover{background:var(--chat-mono-hover);color:var(--chat-mono-ink)}
html body .app-shell[data-view="tasks"] #main .task-table .task-ignore:hover{color:var(--task-red)}
html body .app-shell[data-view="tasks"] #main .task-list-count{color:var(--chat-mono-muted)}
/* スマホ（760px以下）：表をやめて1件ずつのカードにする（題名と操作が上、期限・ステータス・優先度・追加経路が下）。表示の切り替えは横に流せる */
@media(max-width:760px){
html body .app-shell[data-view="tasks"] #main .task-display-switch{max-width:100%;margin-left:0;overflow-x:auto;scrollbar-width:none}
html body .app-shell[data-view="tasks"] #main .task-display-switch::-webkit-scrollbar{display:none}
html body .app-shell[data-view="tasks"] #main .task-display-switch button{flex:none;padding:0 12px}
html body .app-shell[data-view="tasks"] #main .task-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}
html body .app-shell[data-view="tasks"] #main .task-folder-dropdown>summary{min-width:0}
html body .app-shell[data-view="tasks"] #main .task-search{grid-column:1/-1;max-width:none;margin-left:0}
html body .app-shell[data-view="tasks"] #main #clear-task-filters{justify-self:start;width:auto;margin:0;padding:0 15px}
html body .app-shell[data-view="tasks"] #main .task-table-scroll{overflow:visible;border:0;border-radius:0;background:transparent}
html body .app-shell[data-view="tasks"] #main .task-table{display:block;min-width:0;table-layout:auto}
html body .app-shell[data-view="tasks"] #main .task-table thead{display:none}
html body .app-shell[data-view="tasks"] #main .task-table tbody{display:grid;gap:8px}
html body .app-shell[data-view="tasks"] #main .task-category-row,html body .app-shell[data-view="tasks"] #main .task-category-row th{display:block}
html body .app-shell[data-view="tasks"] #main .task-category-row th{padding:12px 4px 2px}
html body .app-shell[data-view="tasks"] #main .task-table-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 12px 12px 10px;border:1px solid var(--chat-mono-line);border-radius:16px;background:var(--chat-mono-panel)}
html body .app-shell[data-view="tasks"] #main .task-table-row>td{display:block;padding:0;border:0;white-space:nowrap}
html body .app-shell[data-view="tasks"] #main .task-table-row>td.task-row-check{flex:0 0 26px;width:26px}
html body .app-shell[data-view="tasks"] #main .task-table-row>td.task-row-name{flex:1 1 calc(100% - 110px);min-width:0;white-space:normal}
html body .app-shell[data-view="tasks"] #main .task-table-row>td.task-row-actions{flex:none;padding:0}
html body .app-shell[data-view="tasks"] #main .task-table-row>td:nth-child(3){margin-left:34px}
html body .app-shell[data-view="tasks"] #main .task-table-row>td:nth-child(4),html body .app-shell[data-view="tasks"] #main .task-table-row>td:nth-child(5){flex:0 1 auto;min-width:96px}
html body .app-shell[data-view="tasks"] #main .task-table-row>td:nth-child(6){flex:0 1 auto;min-width:0;max-width:100%}
html body .app-shell[data-view="tasks"] #main .task-table-row>td.task-row-actions{order:-1;margin-left:auto}
html body .app-shell[data-view="tasks"] #main .task-table-row>td.task-row-check{order:-3}
html body .app-shell[data-view="tasks"] #main .task-table-row>td.task-row-name{order:-2}
html body .app-shell[data-view="tasks"] #main .task-row-title-line{flex-direction:column;align-items:flex-start;gap:4px}
html body .app-shell[data-view="tasks"] #main .task-table .task-row-title{display:inline;overflow:visible;white-space:normal;text-overflow:clip}
}

/* ---- タスクの作成・編集の画面（body の直下に出る dialog） ---- */
html body dialog.task-dialog{--chat-mono-ink:#0d0d0d;--chat-mono-soft:#f4f4f4;--chat-mono-line:#e5e5e5;--chat-mono-muted:#6b6b6b;--chat-mono-panel:#fff;--chat-mono-hover:#ececec;border:1px solid var(--chat-mono-line);border-radius:24px;background:var(--chat-mono-panel);color:var(--chat-mono-ink);box-shadow:0 24px 64px rgb(0 0 0/.18)}
html[data-ui-design=dark] body dialog.task-dialog{--chat-mono-ink:#ececec;--chat-mono-soft:#2f2f2f;--chat-mono-line:#3a3a3a;--chat-mono-muted:#a3a3a3;--chat-mono-panel:#212121;--chat-mono-hover:#333}
html body dialog.task-dialog .task-dialog-shell{background:var(--chat-mono-panel);color:var(--chat-mono-ink)}
html body dialog.task-dialog :is(header,footer){background:var(--chat-mono-panel);border-color:var(--chat-mono-line)}
html body dialog.task-dialog :is(.task-eyebrow,.page-eyebrow){color:var(--chat-mono-muted);letter-spacing:.08em}
html body dialog.task-dialog :is(h2,h3,label,legend){color:var(--chat-mono-ink)}
html body dialog.task-dialog header p{color:var(--chat-mono-muted)}
html body dialog.task-dialog .task-dialog-close{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:999px;background:transparent;box-shadow:none;color:var(--chat-mono-muted)}
html body dialog.task-dialog .task-dialog-close:hover{background:var(--chat-mono-hover);color:var(--chat-mono-ink)}
html body dialog.task-dialog :is(input:not([type=checkbox]):not([type=radio]),textarea,select){border:1px solid var(--chat-mono-line);border-radius:12px;background:var(--chat-mono-panel);box-shadow:none;color:var(--chat-mono-ink)}
html body dialog.task-dialog :is(input,textarea,select):focus-visible{outline:0;border-color:var(--chat-mono-ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--chat-mono-ink) 10%,transparent)}
html body dialog.task-dialog .common-select-trigger{border:1px solid var(--chat-mono-line)!important;border-radius:12px!important;background:var(--chat-mono-panel)!important;box-shadow:none;color:var(--chat-mono-ink)}
html body dialog.task-dialog .common-select-trigger[aria-expanded="true"]{border-color:var(--chat-mono-ink)!important}
html body dialog.task-dialog .task-recurrence{border:1px solid var(--chat-mono-line);border-radius:16px;background:transparent}
html body dialog.task-dialog .task-assistant{border:1px solid var(--chat-mono-line);border-radius:16px;background:var(--chat-mono-soft);box-shadow:none;color:var(--chat-mono-ink)}
html body dialog.task-dialog .task-weekdays :is(label,button){border-radius:999px}
html body dialog.task-dialog footer :is(.secondary,.task-cancel-button){min-height:38px;padding:0 18px;border:1px solid var(--chat-mono-line);border-radius:999px;background:var(--chat-mono-panel);box-shadow:none;color:var(--chat-mono-ink)}
html body dialog.task-dialog footer :is(.secondary,.task-cancel-button):hover{background:var(--chat-mono-hover)}
html body dialog.task-dialog footer .primary{min-height:38px;padding:0 20px;border:1px solid var(--chat-mono-ink);border-radius:999px;background:var(--chat-mono-ink);box-shadow:none;color:var(--chat-mono-panel);text-shadow:none}
html body dialog.task-dialog footer .primary:hover:not(:disabled){opacity:.85}
html body dialog.task-dialog .task-dialog-status{color:var(--chat-mono-muted)}

/* ---- 右の欄：選んでいるタスクの関連情報（NUKO の見出しは全画面の共通なので触らない） ---- */
html body .app-shell[data-view="tasks"] #concierge .task-related-panel{--chat-mono-ink:#0d0d0d;--chat-mono-soft:#f4f4f4;--chat-mono-line:#e5e5e5;--chat-mono-muted:#6b6b6b;--chat-mono-panel:#fff;border:1px solid var(--chat-mono-line);border-radius:20px;background:var(--chat-mono-panel);box-shadow:none;color:var(--chat-mono-ink)}
html[data-ui-design=dark] body .app-shell[data-view="tasks"] #concierge .task-related-panel{--chat-mono-ink:#ececec;--chat-mono-soft:#2f2f2f;--chat-mono-line:#3a3a3a;--chat-mono-muted:#a3a3a3;--chat-mono-panel:#212121}
html body .app-shell[data-view="tasks"] #concierge .task-related-kicker{color:var(--chat-mono-muted);letter-spacing:.08em}
html body .app-shell[data-view="tasks"] #concierge .task-related-panel h3{color:var(--chat-mono-ink)}
html body .app-shell[data-view="tasks"] #concierge .task-related-panel :is(p,.task-related-facts dt,.task-related-facts span){color:var(--chat-mono-muted)}
html body .app-shell[data-view="tasks"] #concierge .task-related-panel :is([role=tab],.task-activity-tabs button){border-radius:999px;color:var(--chat-mono-muted)}
html body .app-shell[data-view="tasks"] #concierge .task-related-panel :is([role=tab][aria-selected=true],.task-activity-tabs button.active){background:var(--chat-mono-soft);color:var(--chat-mono-ink);box-shadow:none}
html body .app-shell[data-view="tasks"] #concierge .task-related-panel :is([role=tab],.task-activity-tabs button)::after{display:none}
html body .app-shell[data-view="tasks"] #concierge .task-related-facts>*{border-color:var(--chat-mono-line)}

/* ---- 分析：期間と基準日を同じ高さに・数字のカードは白黒 ---- */
html body .app-shell[data-view="tasks"] #main .task-analytics-panel{border:0;background:transparent;box-shadow:none;padding-left:0;padding-right:0}
html body .app-shell[data-view="tasks"] #main .task-analytics-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}
html body .app-shell[data-view="tasks"] #main .task-analytics-controls label{display:grid;gap:4px;color:var(--chat-mono-muted)}
html body .app-shell[data-view="tasks"] #main .task-analytics-controls input{box-sizing:border-box;height:36px;min-height:36px;padding:0 14px;border:1px solid var(--chat-mono-line);border-radius:999px;background:var(--chat-mono-panel);box-shadow:none;color:var(--chat-mono-ink)}
html body .app-shell[data-view="tasks"] #main .task-analytics-controls .task-folder-dropdown>summary{box-sizing:border-box;height:36px}
html body .app-shell[data-view="tasks"] #main :is(.task-analytics-metrics,.task-deadline-metrics)>*{border:1px solid var(--chat-mono-line);border-radius:16px;background:var(--chat-mono-panel);box-shadow:none;color:var(--chat-mono-ink)}
html body .app-shell[data-view="tasks"] #main :is(.task-analytics-metrics,.task-deadline-metrics)>* :is(span,small,dt){color:var(--chat-mono-muted)}
html body .app-shell[data-view="tasks"] #main :is(.task-analytics-metrics,.task-deadline-metrics)>* :is(b,strong,dd){color:var(--chat-mono-ink)}
html body .app-shell[data-view="tasks"] #main .task-analytics-empty-chart{border:1px dashed var(--chat-mono-line);border-radius:16px;background:transparent;color:var(--chat-mono-muted)}
html body .app-shell[data-view="tasks"] #main .task-analytics-table-wrap{border:1px solid var(--chat-mono-line);border-radius:16px;background:var(--chat-mono-panel)}
html body .app-shell[data-view="tasks"] #main .task-analytics-table :is(th,td){border-color:var(--chat-mono-line);background:transparent;color:var(--chat-mono-ink)}
html body .app-shell[data-view="tasks"] #main .task-analytics-table th{color:var(--chat-mono-muted)}

/* ---- ガントチャート：操作は丸いボタン、見出しの帯は白黒（土日・今日・期限の色はそのまま） ---- */
html body .app-shell[data-view="tasks"] #main .task-gantt{border:0;background:transparent;box-shadow:none}
html body .app-shell[data-view="tasks"] #main .task-gantt-toolbar :is(button,.secondary){min-height:34px;padding:0 14px;border:1px solid var(--chat-mono-line);border-radius:999px;background:var(--chat-mono-panel);box-shadow:none;color:var(--chat-mono-ink)}
html body .app-shell[data-view="tasks"] #main .task-gantt-toolbar :is(button,.secondary):hover{background:var(--chat-mono-hover)}
html body .app-shell[data-view="tasks"] #main .task-gantt-toolbar input{box-sizing:border-box;height:34px;padding:0 12px;border:1px solid var(--chat-mono-line);border-radius:999px;background:var(--chat-mono-panel);color:var(--chat-mono-ink)}
html body .app-shell[data-view="tasks"] #main .task-gantt-note{color:var(--chat-mono-muted)}
html body .app-shell[data-view="tasks"] #main .task-gantt-scroll{border:1px solid var(--chat-mono-line);border-radius:16px;background:var(--chat-mono-panel)}
html body .app-shell[data-view="tasks"] #main .task-gantt{--task-gantt-label-bg:var(--chat-mono-panel);--task-gantt-label-odd:var(--chat-mono-panel);--task-gantt-head-bg:var(--chat-mono-soft);--task-gantt-line:var(--chat-mono-line)}
html body .app-shell[data-view="tasks"] #main .task-gantt-header{background:var(--chat-mono-soft);color:var(--chat-mono-ink);border-color:var(--chat-mono-line)}
html body .app-shell[data-view="tasks"] #main .task-gantt-label{color:var(--chat-mono-ink)}
html body .app-shell[data-view="tasks"] #main .task-gantt-month{background:var(--chat-mono-soft);color:var(--chat-mono-ink)}
html body .app-shell[data-view="tasks"] #main .task-gantt-weeks{background:var(--chat-mono-soft);color:var(--chat-mono-ink)}
html body .app-shell[data-view="tasks"] #main .task-gantt-weeks>*{background:transparent;color:inherit;border-color:var(--chat-mono-line)}
html body .app-shell[data-view="tasks"] #main .task-gantt-days>*{background:var(--chat-mono-panel);color:var(--chat-mono-ink);border-color:var(--chat-mono-line)}
html body .app-shell[data-view="tasks"] #main .task-gantt-cell{border-color:var(--chat-mono-line)}

/* ---- チーム用：数字の札・確認通知・共有タスクのカード ---- */
html body .app-shell[data-view="tasks"] #main .task-summary{gap:10px;border:0;background:transparent;box-shadow:none;padding:0}
html body .app-shell[data-view="tasks"] #main .task-summary-card{border:1px solid var(--chat-mono-line);border-radius:16px;background:var(--chat-mono-panel);box-shadow:none;color:var(--chat-mono-ink)}
html body .app-shell[data-view="tasks"] #main .task-summary-card.overdue strong{color:var(--task-red)}
html body .app-shell[data-view="tasks"] #main .task-summary-card.today strong{color:var(--task-amber)}
html body .app-shell[data-view="tasks"] #main .task-list-label{color:var(--chat-mono-ink)}
html body .app-shell[data-view="tasks"] #main .team-task-list-toolbar{border-color:var(--chat-mono-line)}
html body .app-shell[data-view="tasks"] #main .managed-task-controls .common-select-trigger{min-height:36px;padding:0 14px!important;border:1px solid var(--chat-mono-line)!important;border-radius:999px!important;background:var(--chat-mono-panel)!important;box-shadow:none;color:var(--chat-mono-ink)!important}
html body .app-shell[data-view="tasks"] #main .task-summary-card>span{color:var(--chat-mono-muted);white-space:nowrap}
html body .app-shell[data-view="tasks"] #main .task-summary-card.waiting strong{color:var(--chat-mono-ink)}
html body .app-shell[data-view="tasks"] #main .task-summary-card.active{border-color:var(--chat-mono-ink);box-shadow:inset 0 0 0 1px var(--chat-mono-ink)}
html body .app-shell[data-view="tasks"] #main .task-management-notifications .task-eyebrow{display:none}
html body .app-shell[data-view="tasks"] #main .task-management-notifications li b{color:var(--chat-mono-ink)}
html body .app-shell[data-view="tasks"] #main .task-management-notifications li :is(span,small){color:var(--chat-mono-muted)}
html body .app-shell[data-view="tasks"] #main .task-management-notifications li.unread b::before{content:"";display:inline-block;width:7px;height:7px;margin:0 7px 1px 0;border-radius:50%;background:var(--chat-mono-ink);vertical-align:middle}
html body .app-shell[data-view="tasks"] #main .task-management-notifications li{transition:background-color .15s ease}
/* 通知の行：文は左、ボタンは右に小さく（縦に伸ばさない） */
html body .app-shell[data-view="tasks"] #main .task-management-notifications li:not(.report-notification-row){display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:2px;align-items:center;padding:10px 12px 10px 14px}
html body .app-shell[data-view="tasks"] #main .task-management-notifications li:not(.report-notification-row)>:not(button){grid-column:1}
html body .app-shell[data-view="tasks"] #main .task-management-notifications li:not(.report-notification-row)>button{grid-column:2;grid-row:1/span 3;width:auto;min-height:32px;margin:0;padding:0 14px;white-space:nowrap}
html body .app-shell[data-view="tasks"] #main .task-management-notifications li:not(.report-notification-row)>button~button{grid-row:auto}
html body .app-shell[data-view="tasks"] #main .task-management-notifications li :is(span,small){overflow:hidden;text-overflow:ellipsis}
html body .app-shell[data-view="tasks"] #main .task-management-notifications li:has(:is(.report-notification-open,.report-notification-list):hover){background:var(--chat-mono-hover)}
html body .app-shell[data-view="tasks"] #main .task-management-notifications li :is(.report-notification-open,.report-notification-list),html body .app-shell[data-view="tasks"] #main .task-management-notifications li :is(.report-notification-open,.report-notification-list):hover{border:0;border-radius:10px;background:transparent;box-shadow:none}
html body .app-shell[data-view="tasks"] #main .task-management-notifications li .report-notification-list{padding:6px 4px;color:var(--chat-mono-muted)}
html body .app-shell[data-view="tasks"] #main .task-management-notifications li .report-notification-list:hover{color:var(--chat-mono-ink)}
html body .app-shell[data-view="tasks"] #main .task-management-view>.task-summary{margin-bottom:12px}
html body .app-shell[data-view="tasks"] #main .task-management-notifications h2{color:var(--chat-mono-ink)}
html body .app-shell[data-view="tasks"] #main .task-management-notifications h2 em{background:var(--chat-mono-ink);color:var(--chat-mono-panel)}
html body .app-shell[data-view="tasks"] #main .task-management-notifications{border:1px solid var(--chat-mono-line);border-radius:20px;background:var(--chat-mono-panel);box-shadow:none}
html body .app-shell[data-view="tasks"] #main .task-management-notifications .task-management-notification{border:1px solid var(--chat-mono-line);border-radius:16px;background:var(--chat-mono-panel);box-shadow:none}
html body .app-shell[data-view="tasks"] #main .task-management-notifications :is(.secondary,button){border:1px solid var(--chat-mono-line);border-radius:999px;background:var(--chat-mono-panel);box-shadow:none;color:var(--chat-mono-ink)}
html body .app-shell[data-view="tasks"] #main .task-management-notifications :is(.secondary,button):hover{background:var(--chat-mono-hover)}
html body .app-shell[data-view="tasks"] #main .task-management-card{border:1px solid var(--chat-mono-line);border-radius:16px;background:var(--chat-mono-panel);box-shadow:none;color:var(--chat-mono-ink)}
/* チーム用のタスク：縦に伸ばさない。1行目＝グループ・題名・件数｜状態・優先度・編集、2行目＝説明（1行）、3行目＝共有範囲などを1行で */
html body .app-shell[data-view="tasks"] #main .task-management-list{gap:8px}
html body .app-shell[data-view="tasks"] #main .task-management-card{display:grid;gap:4px;padding:12px 16px;transition:background-color .15s ease,border-color .15s ease;transform:none}
html body .app-shell[data-view="tasks"] #main .task-management-card:is(:hover,:focus-visible){background:var(--chat-mono-hover);border-color:var(--chat-mono-line);box-shadow:none;transform:none;outline:none}
html body .app-shell[data-view="tasks"] #main .task-management-card:focus-visible{box-shadow:0 0 0 2px var(--chat-mono-ink)}
html body .app-shell[data-view="tasks"] #main .task-management-card.selected{border-color:var(--chat-mono-ink);box-shadow:inset 0 0 0 1px var(--chat-mono-ink)}
html body .app-shell[data-view="tasks"] #main .task-management-card.waiting{background:var(--chat-mono-panel);border-color:var(--chat-mono-line)}
html body .app-shell[data-view="tasks"] #main .task-management-card.waiting:hover{background:var(--chat-mono-hover)}
html body .app-shell[data-view="tasks"] #main .task-management-card-head{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-width:0}
html body .app-shell[data-view="tasks"] #main .task-management-card-head>div{display:flex;flex:1;flex-wrap:wrap;align-items:center;gap:2px 10px;min-width:0}
html body .app-shell[data-view="tasks"] #main .task-management-card-head .task-eyebrow{flex:none;padding:1px 8px;border-radius:999px;background:var(--chat-mono-soft);color:var(--chat-mono-muted);letter-spacing:0;text-transform:none}
html body .app-shell[data-view="tasks"] #main .task-management-card h3{flex:0 1 auto;min-width:0;margin:0;overflow:hidden;color:var(--chat-mono-ink);text-overflow:ellipsis;white-space:nowrap}
html body .app-shell[data-view="tasks"] #main .task-management-card .task-row-indicators{flex:none}
html body .app-shell[data-view="tasks"] #main .task-management-card-head>:is(.task-management-status,.task-priority-badge){flex:none;padding:2px 10px;border:0;border-radius:999px;background:var(--task-pill-bg,var(--chat-mono-soft));color:var(--task-pill-fg,var(--chat-mono-ink));line-height:1.6}
html body .app-shell[data-view="tasks"] #main .task-management-card-head>.task-priority-badge{--task-pill-bg:var(--chat-mono-soft);--task-pill-fg:var(--chat-mono-ink);min-width:28px;text-align:center}
html body .app-shell[data-view="tasks"] #main .task-management-card-head>.task-priority-badge:is(.S,.A,.high){--task-pill-fg:var(--task-red)}
html body .app-shell[data-view="tasks"] #main .task-management-card-head>.task-management-status{--task-pill-bg:var(--chat-mono-soft);--task-pill-fg:var(--chat-mono-ink)}
html body .app-shell[data-view="tasks"] #main .task-management-card-head>.task-management-status.understanding{--task-pill-bg:#f1eefb;--task-pill-fg:#5b4a9e}
html body .app-shell[data-view="tasks"] #main .task-management-card-head>.task-management-status.in_progress{--task-pill-bg:#e8f1fb;--task-pill-fg:#1d5f9e}
html body .app-shell[data-view="tasks"] #main .task-management-card-head>.task-management-status.waiting{--task-pill-bg:#fbf1e3;--task-pill-fg:#9a5a00}
html body .app-shell[data-view="tasks"] #main .task-management-card-head>.task-management-status.done{--task-pill-bg:#e7f4ec;--task-pill-fg:#24714a}
html[data-ui-design=dark] body .app-shell[data-view="tasks"] #main .task-management-card-head>.task-management-status.understanding{--task-pill-bg:#34304a;--task-pill-fg:#c6bcf5}
html[data-ui-design=dark] body .app-shell[data-view="tasks"] #main .task-management-card-head>.task-management-status.in_progress{--task-pill-bg:#24344a;--task-pill-fg:#9cc6f2}
html[data-ui-design=dark] body .app-shell[data-view="tasks"] #main .task-management-card-head>.task-management-status.waiting{--task-pill-bg:#43361f;--task-pill-fg:#f0c27a}
html[data-ui-design=dark] body .app-shell[data-view="tasks"] #main .task-management-card-head>.task-management-status.done{--task-pill-bg:#22392c;--task-pill-fg:#8fd6ab}
html body .app-shell[data-view="tasks"] #main .task-management-card-head>button{flex:none;min-height:30px;margin-left:4px;padding:0 12px;border:1px solid var(--chat-mono-line);border-radius:999px;background:var(--chat-mono-panel);box-shadow:none;color:var(--chat-mono-ink);white-space:nowrap}
html body .app-shell[data-view="tasks"] #main .task-management-card-head>button:hover{background:var(--chat-mono-soft)}
html body .app-shell[data-view="tasks"] #main .task-management-card>p{margin:0;overflow:hidden;color:var(--chat-mono-muted);line-height:1.6;text-overflow:ellipsis;white-space:nowrap}
html body .app-shell[data-view="tasks"] #main .task-management-card>p.task-management-comment{padding:6px 10px;border-radius:10px;background:var(--chat-mono-soft);color:var(--chat-mono-ink);white-space:normal}
html body .app-shell[data-view="tasks"] #main .task-management-card dl{display:flex;flex-wrap:wrap;gap:2px 18px;margin:0}
html body .app-shell[data-view="tasks"] #main .task-management-card dl div{display:flex;align-items:baseline;gap:6px;min-width:0}
html body .app-shell[data-view="tasks"] #main .task-management-card dt{color:var(--chat-mono-muted);white-space:nowrap}
html body .app-shell[data-view="tasks"] #main .task-management-card dd{margin:0;overflow:hidden;color:var(--chat-mono-ink);font-weight:500;text-overflow:ellipsis;white-space:nowrap}
html body .app-shell[data-view="tasks"] #main .task-management-actions{display:flex;gap:8px;margin-top:4px}
html body .app-shell[data-view="tasks"] #main .task-management-actions :is(.primary,.secondary){min-height:32px;padding:0 16px;border-radius:999px;box-shadow:none}
html body .app-shell[data-view="tasks"] #main .task-management-actions .primary{border:0;background:var(--chat-mono-ink);color:var(--chat-mono-panel)}
html body .app-shell[data-view="tasks"] #main .task-management-actions .secondary{border:1px solid var(--chat-mono-line);background:var(--chat-mono-panel);color:var(--chat-mono-ink)}
@media(max-width:720px){
html body .app-shell[data-view="tasks"] #main .task-management-card-head{display:flex;flex-wrap:wrap}
html body .app-shell[data-view="tasks"] #main .task-management-card-head>div{flex:1 1 100%}
html body .app-shell[data-view="tasks"] #main .task-management-card h3{white-space:normal}
html body .app-shell[data-view="tasks"] #main .task-management-card-head>button{margin-left:auto}
}
html body dialog.task-dialog header>div>small{display:none}
/* 右の欄のタブ：枠のない丸いタブ */
html body .app-shell[data-view="tasks"] #concierge .task-activity-tabs{display:flex;flex-wrap:wrap;gap:4px;border:0}
html body .app-shell[data-view="tasks"] #concierge .task-activity-tabs [role=tab]{min-height:30px;padding:0 12px;border:0;border-radius:999px;background:transparent;box-shadow:none;color:var(--chat-mono-muted)}
html body .app-shell[data-view="tasks"] #concierge .task-activity-tabs [role=tab]:hover{background:var(--chat-mono-soft);color:var(--chat-mono-ink)}
html body .app-shell[data-view="tasks"] #concierge .task-activity-tabs [role=tab][aria-selected=true]{background:var(--chat-mono-soft);color:var(--chat-mono-ink)}
html body .app-shell[data-view="tasks"] #concierge .task-source-reference{border:1px solid var(--chat-mono-line);border-radius:14px;background:var(--chat-mono-soft);box-shadow:none}
/* 右の欄を開いて一覧が狭いときは、追加経路の列を隠して、操作の列まで枠の中に収める（PCで幅1000px未満） */
@media(min-width:761px){@container (max-width:1000px){
html body .app-shell[data-view="tasks"] #main .task-table{min-width:620px}
html body .app-shell[data-view="tasks"] #main .task-table :is(thead th,tbody td):nth-child(6){display:none}
html body .app-shell[data-view="tasks"] #main .task-table thead th:nth-child(1){width:5%}
html body .app-shell[data-view="tasks"] #main .task-table thead th:nth-child(2){width:51%}
html body .app-shell[data-view="tasks"] #main .task-table thead th:nth-child(3){width:10%}
html body .app-shell[data-view="tasks"] #main .task-table thead th:nth-child(4){width:14%}
html body .app-shell[data-view="tasks"] #main .task-table thead th:nth-child(5){width:9%}
html body .app-shell[data-view="tasks"] #main .task-table thead th:nth-child(7){width:11%}
}}

/* 選択の一覧（絞り込み・ステータスなど）：選んでいる項目は灰色、印は黒 */
html body .app-shell[data-view="tasks"] #main .task-folder-menu{border:1px solid var(--chat-mono-line);border-radius:12px;background:var(--chat-mono-panel);box-shadow:0 12px 32px rgb(0 0 0/.12);color:var(--chat-mono-ink)}
html body .app-shell[data-view="tasks"] #main .task-folder-option{border-radius:10px;background:transparent;color:var(--chat-mono-ink)}
html body .app-shell[data-view="tasks"] #main .task-folder-option:hover{background:var(--chat-mono-hover)}
html body .app-shell[data-view="tasks"] #main .task-folder-option:is(.active,[aria-checked=true],[aria-selected=true]){background:var(--chat-mono-soft);color:var(--chat-mono-ink)}
html body .app-shell[data-view="tasks"] #main .task-folder-option-check{color:var(--chat-mono-ink)}
html body .app-shell[data-view="tasks"] #main :is(.task-folder-group-label,.task-folder-help){color:var(--chat-mono-muted)}
html body .app-shell[data-view="tasks"] #main .common-select-menu{border:1px solid var(--chat-mono-line);border-radius:12px;background:var(--chat-mono-panel);box-shadow:0 12px 32px rgb(0 0 0/.12)}
html body .app-shell[data-view="tasks"] #main .common-select-menu [role=option]{border-radius:8px;background:transparent;color:var(--chat-mono-ink)}
html body .app-shell[data-view="tasks"] #main .common-select-menu [role=option]:hover{background:var(--chat-mono-hover)}
html body .app-shell[data-view="tasks"] #main .common-select-menu [role=option][aria-selected=true]{background:var(--chat-mono-soft);color:var(--chat-mono-ink)}
/* 何もないとき：緑の丸をやめて白黒に */
html body .app-shell[data-view="tasks"] #main .task-empty{border:1px dashed var(--chat-mono-line);border-radius:20px;background:transparent;color:var(--chat-mono-muted)}
html body .app-shell[data-view="tasks"] #main .task-empty-icon{background:var(--chat-mono-soft);color:var(--chat-mono-ink)}
html body .app-shell[data-view="tasks"] #main .task-empty b{color:var(--chat-mono-ink)}
html body .app-shell[data-view="tasks"] #main .task-empty .primary{border:1px solid var(--chat-mono-ink);border-radius:999px;background:var(--chat-mono-ink);box-shadow:none;color:var(--chat-mono-panel)}
@media(max-width:760px){html body .app-shell[data-view="tasks"] #main .task-summary-card{min-width:0;grid-template-columns:minmax(0,1fr);align-content:center;padding:10px 12px;gap:2px}html body .app-shell[data-view="tasks"] #main .task-summary-card>span{white-space:nowrap}html body .app-shell[data-view="tasks"] #main .task-summary-card>strong{grid-row:auto;grid-column:auto;justify-self:start}}
html body .app-shell[data-view="tasks"] #main #mark-all-task-notifications-read{display:block;width:auto;min-height:32px;margin:8px 0 0 auto;padding:0 16px}

/* ==== 配置をそろえる（左右の端・行の中心・段の間隔） ====
   - 見出し（題名・作業タブ・追加ボタン）と中身（完了以外・絞り込み・表）の左右の端を同じ線にする
   - 段と段の間は 20px にそろえる
   - 表の各セルは行の中央にそろえ、件数も題名ではなく行の中央に置く */
html body .app-shell[data-view="tasks"] #main .tasks-view{padding:20px 0 0}
html body .app-shell[data-view="tasks"] #main .personal-task-toolbar{border-bottom:1px solid var(--chat-mono-line)}
html body .app-shell[data-view="tasks"] #main .task-workspace-tabs{gap:24px;border-bottom:0}
html body .app-shell[data-view="tasks"] #main .task-workspace-tabs button{padding:10px 0;border-bottom:0}
/* 使い方（?）は題名の行の右端に置き、下の追加ボタンと右端をそろえる */
html body .app-shell[data-view="tasks"] #main .task-page-head{position:relative}
html body .app-shell[data-view="tasks"] #main .task-page-head>.chat-help-button{top:50%;right:var(--task-edge,20px);transform:translateY(-50%)}
/* 表：完了の列は見出しも中身も真ん中。件数は行の中央 */
html body .app-shell[data-view="tasks"] #main .task-table :is(thead th,td):first-child{text-align:center;padding-left:0;padding-right:0}
html body .app-shell[data-view="tasks"] #main .task-table td{vertical-align:middle}
@media(min-width:761px){
html body .app-shell[data-view="tasks"] #main .task-table td.task-row-name{position:relative;padding-right:132px}
html body .app-shell[data-view="tasks"] #main .task-table td.task-row-name .task-row-indicators{position:absolute;top:50%;right:12px;transform:translateY(-50%)}
}
html body .app-shell[data-view="tasks"] #main .tasks-view{display:flex;flex-direction:column;gap:20px}
html body .app-shell[data-view="tasks"] #main .tasks-view>:is(.task-list-toolbar,.task-filters,.task-list){margin:0;padding-top:0;padding-bottom:0}
html body .app-shell[data-view="tasks"] #main .task-list-toolbar{min-height:0;align-items:center}
html body .app-shell[data-view="tasks"] #main .task-list-toolbar .task-tabs{padding-top:0;padding-bottom:0;min-height:0}
html body .app-shell[data-view="tasks"] #main .task-table .task-complete-toggle{margin:0 auto}
/* 分類の行：点は完了の丸の真上、文字はタスク名の頭にそろえる（列幅は割合なので同じ割合で計算） */
@media(min-width:761px){
html body .app-shell[data-view="tasks"] #main .task-table{--task-col1:4%}
html body .app-shell[data-view="tasks"] #main .task-category-row th{position:relative;padding-left:0}
html body .app-shell[data-view="tasks"] #main .task-category-row span{padding-left:calc(var(--task-col1) + 12px)}
html body .app-shell[data-view="tasks"] #main .task-category-row span::before{position:absolute;left:calc(var(--task-col1) / 2 - 4px);top:calc(50% + 4px);transform:translateY(-50%)}
}
@media(min-width:761px){@container (max-width:1000px){html body .app-shell[data-view="tasks"] #main .task-table{--task-col1:5%}}}
html body .app-shell[data-view="tasks"] #main .personal-task-toolbar{margin-inline:var(--task-edge,20px);padding-inline:0}
/* チーム用：段は押しつぶさない。「共有タスク」と検索、その下に表示の切り替えと絞り込み（関係が近い2段は 12px、ほかは 20px） */
html body .app-shell[data-view="tasks"] #main .tasks-view>*{flex:none}
html body .app-shell[data-view="tasks"] #main .task-management-view>:is(.task-summary,.task-management-notifications,.task-management-list){margin:0}
html body .app-shell[data-view="tasks"] #main .team-task-list-toolbar{justify-content:space-between;margin:0;min-height:36px}
html body .app-shell[data-view="tasks"] #main .team-task-list-toolbar .task-search{width:280px}
html body .app-shell[data-view="tasks"] #main .task-management-view>.managed-task-controls{justify-content:flex-start;gap:12px 20px;margin:-8px 0 0}
html body .app-shell[data-view="tasks"] #main .managed-task-controls>.task-display-switch{order:2;margin:0 0 0 auto}
html body .app-shell[data-view="tasks"] #main .managed-task-controls>label{gap:8px;color:var(--chat-mono-muted)}
/* 数字の札：名前は小さく控えめ、数字を大きく */
html body .app-shell[data-view="tasks"] #main .task-summary-card{align-items:center;padding:12px 16px}
html body .app-shell[data-view="tasks"] #main .team-task-list-toolbar .task-list-tools{min-height:0;margin:0;padding:0}
html body .app-shell[data-view="tasks"] #main .team-task-list-toolbar .task-list-label{color:var(--chat-mono-ink)}
/* チーム用：確認通知は「数字の札」のすぐ下へ（絞り込みとタスク一覧の間に挟まないように） */
html body .app-shell[data-view="tasks"] #main .task-management-view>.task-summary{order:1}
html body .app-shell[data-view="tasks"] #main .task-management-view>.task-management-notifications{order:2}
html body .app-shell[data-view="tasks"] #main .task-management-view>.team-task-list-toolbar{order:3}
html body .app-shell[data-view="tasks"] #main .task-management-view>.managed-task-controls{order:4}
html body .app-shell[data-view="tasks"] #main .task-management-view>.task-management-list{order:5}
/* 確認通知：枠の中に枠を重ねず、1つの枠の中に1行ずつ（題名・本文・日時｜ボタン） */
html body .app-shell[data-view="tasks"] #main .task-management-notifications{display:block;padding:0;border:0;border-radius:0;background:transparent}
html body .app-shell[data-view="tasks"] #main .task-management-notifications>div:first-child{display:flex;align-items:center;min-height:36px;margin:0 0 8px}
html body .app-shell[data-view="tasks"] #main .task-management-notifications h2{display:flex;align-items:center;gap:8px;margin:0}
html body .app-shell[data-view="tasks"] #main .task-management-notifications>ul{display:block;margin:0;padding:0;overflow:hidden;border:1px solid var(--chat-mono-line);border-radius:16px;list-style:none}
html body .app-shell[data-view="tasks"] #main .task-management-notifications>ul>li{margin:0;border:0;border-radius:0;box-shadow:none}
html body .app-shell[data-view="tasks"] #main .task-management-notifications>ul>li+li{border-top:1px solid var(--chat-mono-line)}
html body .app-shell[data-view="tasks"] #main .task-management-notifications>ul>li:hover{background:var(--chat-mono-hover)}
html body .app-shell[data-view="tasks"] #main .task-management-notifications>ul>li:not(.report-notification-row){grid-template-columns:auto minmax(0,1fr) auto auto;column-gap:16px;min-height:52px;padding:8px 12px 8px 16px}
html body .app-shell[data-view="tasks"] #main .task-management-notifications>ul>li:not(.report-notification-row)>*{grid-column:auto;grid-row:1}
html body .app-shell[data-view="tasks"] #main .task-management-notifications>ul>li:not(.report-notification-row)>span{white-space:nowrap}
html body .app-shell[data-view="tasks"] #main .task-management-notifications>ul>li:not(.report-notification-row)>small{white-space:nowrap;font-variant-numeric:tabular-nums}
html body .app-shell[data-view="tasks"] #main .task-management-notifications>ul>li.report-notification-row{min-height:52px;padding:0 12px 0 16px}
html body .app-shell[data-view="tasks"] #main .task-management-notifications li .report-notification-open{display:flex;align-items:center;gap:16px}
html body .app-shell[data-view="tasks"] #main .task-management-notifications>p{margin:0;padding:14px 16px;border:1px solid var(--chat-mono-line);border-radius:16px;color:var(--chat-mono-muted)}
@media(max-width:760px){
html body .app-shell[data-view="tasks"] #main .task-management-notifications>ul>li:not(.report-notification-row){grid-template-columns:minmax(0,1fr) auto;row-gap:2px}
html body .app-shell[data-view="tasks"] #main .task-management-notifications>ul>li:not(.report-notification-row)>:not(button){grid-column:1;grid-row:auto}
html body .app-shell[data-view="tasks"] #main .task-management-notifications>ul>li:not(.report-notification-row)>button{grid-column:2;grid-row:1/span 3}
html body .app-shell[data-view="tasks"] #main .task-management-notifications>ul>li:not(.report-notification-row)>span{white-space:normal}
}
/* 「すべて既読にする」は見出し「確認通知」の行の右端へ */
html body .app-shell[data-view="tasks"] #main .task-management-notifications{position:relative}
html body .app-shell[data-view="tasks"] #main #mark-all-task-notifications-read{position:absolute;top:2px;right:0;margin:0;min-height:32px;padding:0 14px}
html body .app-shell[data-view="tasks"] #main .managed-task-controls .common-select-trigger{min-height:36px}
/* スマホ：見出しと中身の左右の端を同じ線（12px）に。作業タブと追加ボタンは1行に並べ、チーム用で空白の段ができないようにする */
@media(max-width:760px){
html body .app-shell[data-view="tasks"] #main{--task-edge:12px}
html body .app-shell[data-view="tasks"] #main .task-page-head{padding-inline:var(--task-edge)}
html body .app-shell[data-view="tasks"] #main .personal-task-toolbar{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:12px;padding-top:0;padding-bottom:0}
html body .app-shell[data-view="tasks"] #main .personal-task-toolbar .task-page-actions{flex:none;width:auto;margin:0}
html body .app-shell[data-view="tasks"] #main .task-page-actions .primary{min-height:36px;padding:0 14px}
}
html body .app-shell[data-view="tasks"] #main .personal-task-toolbar{margin-bottom:0;padding-top:0;padding-bottom:0;min-height:48px}