:root { color-scheme:light; --blue:#00118D; --ink:#172543; --muted:#52627C; --line:#CED9E7; --ground:#F1F5FA; --white:#fff; --error:#8D3124; font-family:"IBM Plex Sans",sans-serif; color:var(--ink); background:var(--ground); }
* { box-sizing:border-box; }
body { margin:0; font-size:14px; line-height:1.5; }
[hidden] { display:none!important; }
a { color:var(--blue); }
button,input,textarea { font:inherit; }
button { cursor:pointer; }
button:disabled,[aria-disabled=true] { cursor:default; opacity:.55; }
button,a,input,textarea { -webkit-tap-highlight-color:transparent; }
:focus-visible { outline:3px solid var(--blue); outline-offset:3px; }
h1,h2,p { margin-top:0; }
h1 { font-family:"Unbounded",sans-serif; font-size:25px; font-weight:500; line-height:1.25; letter-spacing:-.7px; overflow-wrap:anywhere; }
h2 { font-size:24px; font-weight:500; line-height:1.3; overflow-wrap:anywhere; }
.icon { flex-shrink:0; }
.workspace { min-height:100dvh; }
.topbar { position:sticky; top:0; z-index:20; height:64px; padding:0 26px; display:flex; align-items:center; gap:18px; border-bottom:1px solid var(--line); background:var(--white); }
.wordmark { display:grid; flex-shrink:0; min-width:120px; color:var(--blue); text-decoration:none; }
.wordmark-name { display:block; width:4.495949em; height:1.15em; font-size:27px; }
.wordmark-caption { display:block; width:88.28125px; height:16.5px; }
.main-nav { display:flex; align-items:center; gap:4px; }
.main-nav>a,.nav-unavailable { position:relative; min-height:44px; padding:11px 12px; border-radius:7px; display:flex; align-items:center; gap:7px; color:var(--ink); text-decoration:none; white-space:nowrap; }
.main-nav .icon { display:none; }
.main-nav [aria-current=page] { background:#E7E5FC; color:var(--blue); font-weight:600; }
.main-nav [aria-current=page]:after { content:""; position:absolute; height:3px; bottom:-7px; left:12px; right:12px; background:var(--blue); }
.account-tools { display:flex; align-items:center; gap:10px; margin-left:auto; }
.role-label { font-size:13px; color:var(--muted); }
.icon-button,.profile-button { width:44px; min-width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center; padding:0; border:1px solid var(--line); background:var(--ground); color:var(--blue); border-radius:7px; text-decoration:none; }
.profile-button { background:#E7E5FC; font-weight:600; }
.content-main { padding:18px 26px; min-width:0; max-width:1652px; margin-inline:auto; }
.page-heading { margin-bottom:24px; }
.page-heading h1 { margin:0; }
.eyebrow { margin-bottom:8px; font-size:11px; letter-spacing:1.6px; color:var(--muted); }
.panel { border:1px solid var(--line); border-radius:12px; padding:24px; background:var(--white); }
.profile-panel { max-width:820px; }
.password-panel { max-width:520px; margin:0 auto; }
.password-panel h1 { font-size:24px; }
.person-summary { display:flex; gap:18px; align-items:center; margin-bottom:24px; }
.person-summary h2 { margin-bottom:6px; }
.person-summary p { margin-bottom:0; }
.avatar { flex-shrink:0; width:64px; height:64px; display:grid; place-items:center; background:#E7E5FC; color:var(--blue); border-radius:10px; font-size:22px; font-weight:600; }
.profile-details { margin:0 0 24px; }
.profile-details>div { padding:12px 0; display:grid; grid-template-columns:150px minmax(0,1fr); gap:12px; border-top:1px solid var(--line); }
.profile-details dt { color:var(--muted); }
.profile-details dd { margin:0; overflow-wrap:anywhere; }
.muted { color:var(--muted); }
.primary,.secondary { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:48px; padding:10px 16px; border-radius:7px; font:inherit; text-decoration:none; }
.primary { color:var(--white); background:var(--blue); border:1px solid var(--blue); }
.secondary { color:var(--ink); background:var(--white); border:1px solid var(--line); }
.account-actions,.dialog-footer { display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.dialog-footer { margin-top:24px; border-top:1px solid var(--line); padding-top:18px; }
.field { display:grid; align-content:start; gap:6px; margin:18px 0; min-width:0; }
.field>label,.field>span { font-weight:600; }
input:not([type=hidden]):not([type=checkbox]),textarea { width:100%; min-width:0; min-height:48px; padding:10px 12px; border:1px solid var(--line); border-radius:7px; font:inherit; color:var(--ink); background:var(--white); }
textarea { resize:vertical; min-height:100px; }
input[type=checkbox] { accent-color:var(--blue); width:20px; height:20px; }
.input-wrap { position:relative; }
.input-wrap input { padding-right:50px!important; }
.password-toggle { position:absolute; inset:2px 2px 2px auto; width:44px; min-height:44px; padding:0; border:0; color:var(--muted); background:transparent; }
.field-error,.form-error { color:var(--error); }
.errorlist { padding:0; margin:0; list-style:none; }
[aria-invalid=true] { border-color:var(--error)!important; }
.notice { padding:12px; border-radius:7px; background:#DCEDE6; color:var(--ink); }
.back { min-height:44px; display:inline-flex; align-items:center; margin-bottom:16px; }
.menu-control,.choice-control,.date-control { position:relative; }
.menu-popover,.choice-options,.date-popover { position:absolute; z-index:5; top:calc(100% + 7px); border:1px solid var(--line); border-radius:7px; padding:6px; background:var(--white); box-shadow:0 12px 40px #11284626; }
.menu-popover { right:0; min-width:180px; }
.menu-popover [role=menuitem],.choice-options [role=option] { display:flex; width:100%; min-height:44px; align-items:center; padding:10px 12px; border:0; border-radius:5px; background:transparent; color:var(--ink); text-decoration:none; text-align:left; }
.menu-popover [role=menuitem]:hover,.choice-options [role=option]:hover { background:var(--ground); }
.choice-toggle { display:flex; width:100%; min-width:0; align-items:center; justify-content:space-between; gap:10px; min-height:48px; padding:10px 12px; border:1px solid var(--line); border-radius:7px; background:var(--white); color:var(--ink); text-align:left; }
.choice-toggle>[data-choice-selected],.choice-toggle>[data-date-selected],.choice-toggle>[data-month-selected] { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.choice-options { left:0; right:0; max-height:260px; overflow:auto; }
.choice-options [aria-selected=true] { color:var(--blue); background:#E7E5FC; font-weight:600; }
.date-popover { width:min(312px,100%); padding:12px; left:0; }
.calendar-nav { display:flex; align-items:center; justify-content:space-between; gap:6px; margin-bottom:12px; }
.calendar-nav strong { text-align:center; font-weight:500; }
.calendar-week,.calendar-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:0; }
.calendar-week { text-align:center; color:var(--muted); font-size:12px; margin-bottom:6px; }
.calendar-grid button { min-height:44px; min-width:0; padding:0; border:0; border-radius:5px; background:transparent; color:var(--ink); }
.calendar-grid button[aria-pressed=true] { color:var(--white); background:var(--blue); }
.calendar-grid button[data-today=true] { box-shadow:inset 0 0 0 1px var(--blue); }
.date-popover>.secondary { margin-top:12px; width:100%; }
.calendar-grid.month-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; }
.team-filters .month-control { width:230px; max-width:100%; }
#workspace-dialog { padding:0; margin:auto; width:min(820px,calc(100vw - 40px)); max-width:none; max-height:88dvh; border:1px solid var(--line); border-radius:12px; box-shadow:0 24px 100px #1128463D; color:var(--ink); background:var(--white); overflow:visible; }
@media(min-width:761px) {
  #workspace-dialog:has(.dialog-body > :not([hidden]) [data-task-list-content]) { width:min(1200px,calc(100vw - 40px)); }
}
#workspace-dialog[open] { display:flex; flex-direction:column; }
#workspace-dialog::backdrop { background:#15264250; backdrop-filter:blur(7px); }
.dialog-header { flex-shrink:0; display:flex; align-items:center; gap:10px; padding:16px 24px; border-bottom:1px solid var(--line); }
.dialog-header h2 { margin:0; flex:1; min-width:0; font-weight:500; }
.dialog-header .icon-button { background:var(--white); }
.dialog-body { min-height:0; overflow:auto; padding:24px; overscroll-behavior:contain; }
.dialog-error { margin:0; color:var(--error); }
.mutation-message { margin:12px 0; }
.mutation-message.error { color:var(--error); }
.mutation-message.uncertain { padding:12px; border-radius:7px; background:#F7E9D5; }
.mutation-retry { margin-bottom:12px; }
.skip-link { position:fixed; top:-80px; left:12px; z-index:100; padding:10px; background:var(--white); border:1px solid var(--blue); }
.skip-link:focus { top:8px; }
@media(min-width:761px) and (max-width:1050px) { .topbar { gap:10px; padding-inline:18px; } .main-nav>a,.nav-unavailable { padding-inline:8px; } .role-label { display:none; } .wordmark { min-width:100px; } }
@media(max-width:760px) {
  /* Native focus scrolling must leave room for the fixed bottom navigation. */
  html:has(.main-nav) { scroll-padding-bottom:calc(88px + env(safe-area-inset-bottom)); }
  .topbar { height:67px; padding-inline:14px; gap:10px; } .wordmark { min-width:100px; } .wordmark-name { font-size:24px; } .role-label { display:none; } .account-tools { gap:6px; }
  .main-nav { position:fixed; z-index:10; left:0; right:0; bottom:0; padding:6px 8px max(6px,env(safe-area-inset-bottom)); border-top:1px solid var(--blue); background:var(--blue); justify-content:space-around; }
  .main-nav>a,.nav-unavailable { flex:1; flex-direction:column; justify-content:center; gap:2px; min-width:0; min-height:52px; padding:4px; font-size:12px; white-space:normal; text-align:center; }
  .main-nav .icon { display:none; } .main-nav>a,.nav-unavailable { color:var(--white); border-radius:0; } .main-nav [aria-current=page] { color:var(--white); background:#ffffff24; font-weight:500; } .main-nav [aria-current=page]:after { display:block; top:-6px; bottom:auto; background:var(--white); } .main-nav>a:focus-visible { outline:2px solid var(--white); outline-offset:-4px; }
  .content-main { padding:18px 15px calc(88px + env(safe-area-inset-bottom)); } h1 { font-size:22px; } h2 { font-size:20px; }
  .panel { padding:18px; border-radius:10px; } .password-panel h1 { font-size:20px; } .person-summary { gap:12px; } .avatar { width:48px; height:48px; font-size:18px; }
  .profile-details>div { grid-template-columns:1fr; gap:4px; }
  #workspace-dialog { width:calc(100vw - 20px); max-height:90dvh; border-radius:10px; }
  .dialog-header { padding:12px 14px; gap:7px; } .dialog-header h2 { font-size:20px; } .dialog-body { padding:18px 14px; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
.task-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:14px; }
.task-heading h1 { margin:0 0 6px; font-size:24px; } .task-heading p { margin:0; }
.task-filters { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:18px; }
.task-filters input { max-width:320px; flex:1; min-width:130px!important; }
.task-rows { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:12px; margin-bottom:18px; }
.task-row { background:var(--white); border:1px solid var(--line); border-radius:6px 14px 6px 6px; padding:14px 16px; min-width:0; }
.task-row-meta,.task-row-foot { display:flex; flex-wrap:wrap; gap:6px 12px; font-size:12px; color:var(--muted); }
.task-status { margin-left:auto; color:var(--blue); } .task-status[data-draft] { color:var(--muted); }
.task-name { display:inline-flex; align-items:center; min-height:44px; font-size:16px; font-weight:500; line-height:1.25; text-decoration:none; overflow-wrap:anywhere; margin:4px 0; }
.task-name:hover { text-decoration:underline; } .task-row-foot { justify-content:space-between; }
.overdue { color:var(--error); } .empty-tasks { padding:24px; grid-column:1/-1; }
.form-grid { display:grid; align-items:start; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.task-form-panel { max-width:820px; } .task-help { font-size:12px; margin-top:4px; }
.task-extra summary { min-height:44px; cursor:pointer; display:flex; align-items:center; color:var(--muted); }
.task-detail-meta { color:var(--muted); } .task-description { white-space:pre-wrap; overflow-wrap:anywhere; }
[data-task-form] .field { margin:12px 0; } [data-task-form] textarea { min-height:88px; }
@media(max-width:760px) { .form-grid { grid-template-columns:1fr; gap:0; } .task-heading { align-items:flex-start; } .task-heading .primary { padding-inline:10px; flex-shrink:0; } .task-heading h1 { font-size:20px; } .task-rows { grid-template-columns:1fr; } }
.task-footer { display:block; }
.task-form-actions { display:flex; flex-wrap:wrap; gap:8px; }
.dialog-body .task-footer { position:sticky; bottom:-24px; z-index:1; background:var(--white); box-shadow:0 -8px 12px var(--white); padding-bottom:24px; margin-bottom:-24px; }
.task-footer .mutation-message:empty { margin:0; }
@media(max-width:760px) { .dialog-body .task-footer { bottom:-18px; padding-bottom:18px; margin-bottom:-18px; } }
.task-primary-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.submission-panel { border:1px solid var(--line); border-radius:7px; padding:14px; margin:12px 0; }
.submission-panel[data-decision=accepted] { background:#DCEDE6; }
.submission-heading { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; }
.submission-panel p { margin:8px 0 0; } .decision-comment { border-top:1px solid var(--line); padding-top:10px; }
.task-attention { background:#F7E9D5; border-radius:7px; padding:12px 14px; margin:16px 0; }
.task-attention p { margin:6px 0 0; }
@media(max-width:760px) { .task-primary-actions>.primary { flex:1; } }

.personal-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:10px; }
.personal-heading h1 { font-size:24px; margin:0; }
.personal-tabs { display:flex; gap:6px; flex-wrap:wrap; }
[data-personal-workspace]>.personal-tabs,
[data-personal-workspace]>.board-filter-main { margin-bottom:12px; }
.personal-tabs [aria-current=page] { color:var(--blue); background:#e7edfb; border-color:var(--blue); }
.personal-search { display:flex; gap:8px; max-width:650px; margin-bottom:10px; }
.personal-search input { min-width:0; flex:1; }
.personal-total { font-size:12px; margin:0 0 14px; }
.personal-group { margin-bottom:24px; }
.personal-group-heading { display:flex; gap:8px; align-items:center; margin-bottom:10px; }
.personal-group-heading h2 { font-size:18px; margin:0; }
.personal-rows { display:grid; gap:10px; max-width:980px; }
.personal-task { padding:16px 18px; }
.personal-task .task-name { font-size:17px; margin:8px 0 12px; }
.personal-task-footer { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.personal-deadline { display:grid; gap:4px; font-size:13px; }
.personal-task-footer .primary { min-height:48px; flex-shrink:0; }
.personal-return { margin:8px 0 12px; padding:10px 12px; font-size:13px; }
.profile-skills { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:18px; }
.skill-tag { display:inline-block; color:var(--ink); border:1px solid var(--line); background:var(--ground); border-radius:7px; padding:5px 10px; font-size:13px; }
.profile-footer { border-top:1px solid var(--line); padding-top:14px; }
@media(max-width:760px) { .personal-heading { gap:10px; } .personal-heading h1 { font-size:20px; } .personal-tabs .secondary { padding-inline:10px; font-size:13px; } .personal-task { padding:14px; } .personal-task-footer { align-items:flex-end; } .personal-deadline { font-size:12px; } }
.team-tabs { margin-bottom:12px; }
.team-filters { display:flex; align-items:flex-end; gap:10px; margin-bottom:18px; flex-wrap:wrap; }
.team-filters .field { margin:0; } .team-filters>.field:first-child { flex:1; min-width:180px; max-width:420px; }
.team-filters .choice-control { width:190px; }
.team-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:12px; margin-bottom:18px; }
.team-person { min-width:0; padding:16px; border:1px solid var(--line); border-radius:7px; background:var(--white); }
.team-person-heading { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.team-person .task-name { margin:0; } .team-person p { margin-bottom:12px; overflow-wrap:anywhere; }
.person-totals { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
.person-totals a { display:flex; flex-direction:column; justify-content:center; gap:2px; border:1px solid var(--line); border-radius:6px; text-align:center; min-height:64px; padding:8px 3px; text-decoration:none; }
.person-totals strong { font-size:24px; font-weight:500; line-height:1; } .person-totals span { font-size:11px; }
.person-totals a:hover { background:var(--ground); }
.team-activity { grid-template-columns:1fr; } .team-activity .team-person { display:grid; grid-template-columns:1fr minmax(320px,42%); column-gap:24px; }
.team-activity .person-totals { grid-row:1/3; grid-column:2; } .team-activity .team-person>p { margin:0; }
.account-skills { border:0; padding:0; } .account-skills legend { font-weight:600; margin-bottom:8px; }
.skill-choice { display:flex; align-items:center; gap:7px; border:1px solid var(--line); border-radius:7px; padding:7px 10px; min-height:44px; cursor:pointer; }
.skill-tag,.skill-choice { overflow-wrap:anywhere; max-width:100%; }
.conflict-link { display:block; padding:8px 0; overflow-wrap:anywhere; min-height:44px; }
@media(max-width:760px) { .team-grid { grid-template-columns:1fr; } .team-activity .team-person { display:block; } .team-activity .person-totals { margin-top:12px; } .team-filters .choice-control { width:180px; } .personal-return { overflow-wrap:anywhere; } }
.board-workspace { display:flex; flex-direction:column; min-width:0; gap:8px; }

.board-heading { display:flex; align-items:center; gap:12px; min-height:44px; }
.board-heading h1 { font:500 24px/1.3 'IBM Plex Sans',sans-serif; letter-spacing:-.5px; margin:0 auto 0 0; }
.board-views { display:flex; gap:2px; border:1px solid var(--line); border-radius:7px; padding:2px; background:#EAF0FA; }
.board-views .icon-button { background:transparent; border:0; }
.board-views [aria-current=page] { background:var(--white); color:var(--blue); }
.board-create { display:flex; gap:7px; align-items:center; font-size:13px; padding:10px 13px; }
.board-filter-main { display:flex; align-items:flex-end; gap:8px; }
.board-filter-main>input { flex:1; width:auto!important; }
.board-filters .field { margin:0; } .board-filter-main .choice-control { width:190px; flex-shrink:0; }
.board-filter-main .choice-control>span { font-size:12px; }
.board-filter-extra { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:12px; margin-top:10px; background:var(--white); border:1px solid var(--line); border-radius:7px; }
.board-filter-extra>.secondary { align-self:end; justify-self:start; }
.board-summary { display:flex; align-items:center; gap:12px; font-size:12px; color:var(--muted); }
.board-summary [data-board-summary] { margin-right:auto; } .board-summary .icon-button { min-height:44px; }
.board-message { margin:0; } .board-message:empty { display:none; }
.board-empty { padding:4px 0; } .board-empty h2 { font-size:18px; margin:0; } .board-empty p { margin:0; }
.kanban { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; min-width:0; height:calc(100dvh - 264px); min-height:280px; }
.kanban-lane { display:flex; flex-direction:column; min-height:0; min-width:0; border:1px solid var(--line); border-radius:8px; background:#EBF0F7; overflow:hidden; }
.lane-heading { flex-shrink:0; display:flex; align-items:center; gap:6px; padding:10px 12px; min-height:54px; background:#E6EBF3; border-bottom:1px solid var(--line); }
.lane-heading h2 { font-size:14px; font-weight:500; margin:0 auto 0 0; } .lane-total { font-size:22px; }
[data-lane=in_progress]>.lane-heading { background:#DDE7FA; } [data-lane=waiting]>.lane-heading { background:#F7E9D5; }
[data-lane=review]>.lane-heading { background:#DCE8F5; } [data-lane=done]>.lane-heading { background:#DCEDE6; }
.lane-body { overflow-y:auto; min-height:0; padding:9px; overscroll-behavior:contain; flex:1; }
.lane-cards { display:grid; gap:9px; } .lane-empty { margin:10px 2px; font-size:12px; } .lane-more { width:100%; margin-top:10px; }
.lane-message { margin:8px 0 0; font-size:12px; }
.kanban-card { padding:0 10px 8px; border:1px solid var(--line); border-radius:6px 14px 6px 6px; background:var(--white); min-width:0; transition:box-shadow 140ms; }
.kanban-card:focus-within { outline:2px solid var(--blue); outline-offset:1px; }
.kanban-card-top { display:flex; align-items:center; gap:6px; min-height:36px; font-size:11px; color:var(--muted); }
.card-category { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-left:auto; }
.card-priority { flex-shrink:0; font-size:17px; } .card-priority[data-priority=high] { color:var(--blue); }
.kanban-card-title { display:flex; align-items:center; min-height:44px; font-size:16px; line-height:1.25; font-weight:500; text-decoration:none; overflow-wrap:anywhere; }
.kanban-card-title:hover { text-decoration:underline; }
.kanban-card-meta { display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:12px; min-height:44px; }
.card-person { min-width:0; max-width:58%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:flex; align-items:center; min-height:44px; }
.card-deadline { white-space:nowrap; font-size:11px; color:var(--muted); } .card-deadline.overdue { color:var(--error); }
.card-overdue { font-size:11px; } .card-note { font-size:12px; margin:3px 0 0; color:var(--muted); overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.kanban[data-density=comfortable] .kanban-card { padding:6px 14px 14px; } .kanban[data-density=comfortable] .kanban-card-title { min-height:70px; }
.kanban[data-density=comfortable] .lane-cards { gap:14px; } [data-board-density][aria-pressed=true] { color:var(--blue); background:#E7EDFB; border-color:var(--blue); }
@media(max-width:1150px) { .kanban { display:flex; overflow-x:auto; padding-bottom:8px; scroll-snap-type:x proximity; } .kanban-lane { flex:0 0 270px; scroll-snap-align:start; } .board-filter-main .choice-control { width:165px; } }
@media(max-width:760px) { .board-heading { gap:6px; flex-wrap:wrap; } .board-heading h1 { font-size:20px; } .board-views .icon-button { width:44px; min-width:44px; } .board-create { margin-left:auto; } .board-filter-main { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px; align-items:end; } .board-filter-main>input { grid-column:1/3; width:100%!important; } .board-filter-main .choice-control { width:auto; min-width:0; } .board-filter-main>[data-board-more] { grid-column:3; grid-row:2; padding-inline:4px; font-size:11px; } .board-filter-extra { grid-template-columns:minmax(0,1fr); } .kanban { height:calc(100dvh - 374px); min-height:320px; } .kanban-lane { flex-basis:285px; } .board-summary { font-size:11px; } }
.kanban-card.is-selected { border-color:var(--blue); box-shadow:0 0 0 1px var(--blue); }
.board-filter-main .choice-control>span { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
.board-filter-main [data-board-more] { width:44px; min-width:44px; padding:10px; display:grid; place-items:center; }
.board-summary { min-height:20px; }
.board-filter-main [data-choice-selected] { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.kanban-card { position:relative; }
.kanban-card-title { display:-webkit-box; min-height:0; padding:4px 0; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.kanban-card-title::after { content:""; position:absolute; inset:0; border-radius:inherit; }
.card-person { position:relative; z-index:1; }
@media(max-width:760px) {
  .board-filter-main .choice-control:has([name=assignee]) { grid-row:2; grid-column:1; }
  .board-filter-main .choice-control:has([name=attention]) { grid-row:2; grid-column:2; }
  .board-filter-main>[type=submit] { grid-row:1; grid-column:3; }
}
.kanban-lane { background:#E7EDF5; border-radius:11px 11px 7px 7px; }
.lane-heading { background:#DCE5F1; border-bottom-color:#BECDE1; }
[data-lane=in_progress] { background:#E9EFFB; } [data-lane=in_progress]>.lane-heading { background:#D8E5FA; border-bottom-color:#B4C8EE; }
[data-lane=waiting] { background:#F5EEE7; } [data-lane=waiting]>.lane-heading { background:#F8DFC9; border-bottom-color:#EBC2A0; }
[data-lane=review] { background:#E7EDF7; } [data-lane=review]>.lane-heading { background:#DEE8FB; border-bottom-color:#BDD0F2; }
[data-lane=done] { background:#E4F0E8; } [data-lane=done]>.lane-heading { background:#CEE5D7; border-bottom-color:#ACD0B9; }
/* T-009: list and week share the compact F controls. */
.task-view-workspace { min-width:0; }
.task-rows:has(> .task-table) { display:block; }
.board-filter-main [data-view-more] { width:44px; min-width:44px; padding:10px; display:grid; place-items:center; }
.list-buckets { margin:8px 0 12px; gap:6px; flex-wrap:wrap; }
.list-buckets [aria-current=page] { color:var(--blue); background:#E7EDFB; border-color:#BAC9ED; }
.task-table { width:100%; table-layout:fixed; border-collapse:collapse; background:var(--white); font-size:13px; }
.task-table th { padding:12px; color:var(--muted); font-weight:400; text-align:left; border-bottom:1px solid var(--line); }
.task-table .task-row { display:table-row; background:transparent; border:0; border-radius:0; }
.task-table td { border-bottom:1px solid var(--line); padding:8px 12px; overflow-wrap:anywhere; }
.task-table .task-status { border-radius:0; background:transparent; font-size:12px; }
.task-table th:nth-child(1) { width:8%; } .task-table th:nth-child(2) { width:34%; } .task-table th:nth-child(3) { width:18%; } .task-table th:nth-child(4) { width:18%; }
.task-table .task-name { display:flex; align-items:center; min-height:44px; font-size:15px; margin:0; }
.task-table small { display:block; font-size:11px; } .list-person>a { display:flex; min-height:44px; align-items:center; }
.list-person>a { text-decoration:none; }
.list-person>a:hover,.list-person>a:focus-visible { text-decoration:underline; }
[data-task-list-content] .task-table { table-layout:auto; }
[data-task-list-content] .task-table th:nth-child(1) { width:7%; }
[data-task-list-content] .task-table th:nth-child(2) { width:34%; }
[data-task-list-content] .task-table th:nth-child(5) { width:11%; }
[data-task-list-content] .task-table th:nth-child(6) { width:12%; }
[data-task-list-content] .task-table .list-number,
[data-task-list-content] .task-table .list-priority,
[data-task-list-content] .task-table .task-status { overflow-wrap:normal; }
@media(min-width:761px) {
  [data-task-list-content] .task-table .list-number,
  [data-task-list-content] .task-table .list-due,
  [data-task-list-content] .task-table .list-priority,
  [data-task-list-content] .task-table .task-status { white-space:nowrap; }
}
.list-pagination { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin:15px 0; }
.task-calendar-nav { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin:10px 0 16px; font-size:13px; }
.task-calendar-next svg { transform:rotate(180deg); } .calendar-total { margin-left:auto; }
.task-calendar-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:8px; align-items:start; }
.task-calendar-day { min-width:0; background:#E7EDF5; border:1px solid var(--line); border-radius:8px 14px 8px 8px; }
.task-calendar-day.today { border-color:var(--blue); }
.task-calendar-day header { padding:10px; border-bottom:1px solid var(--line); display:flex; gap:6px; justify-content:space-between; align-items:center; min-height:60px; }
.task-calendar-day h2 { font-size:12px; font-weight:400; margin:0; overflow-wrap:anywhere; }
.task-calendar-day h2 strong { display:block; font-size:19px; font-weight:500; }
.task-calendar-day.today header { background:#D8E5FA; color:var(--blue); border-radius:8px 14px 0 0; }
.task-calendar-day-body { padding:8px; max-height:calc(100dvh - 342px); min-height:110px; overflow-y:auto; overscroll-behavior:contain; }
.task-calendar-day-body>p { font-size:12px; }
.calendar-task { background:var(--white); border:1px solid var(--line); border-radius:5px 12px 5px 5px; padding:8px; margin-bottom:8px; min-width:0; }
.calendar-task small { display:block; font-size:11px; color:var(--muted); overflow-wrap:anywhere; }
.calendar-task-name { display:flex; min-height:44px; align-items:center; font-size:14px; line-height:1.3; overflow-wrap:anywhere; }
.calendar-task>div { display:flex; justify-content:space-between; gap:5px; font-size:11px; }
.calendar-task>div>a { display:flex; align-items:center; min-height:44px; min-width:0; overflow-wrap:anywhere; }
.task-calendar-day-body>.secondary { font-size:12px; text-align:center; width:100%; }
@media(max-width:1000px) { .task-calendar-grid { grid-template-columns:1fr; gap:12px; } .task-calendar-day h2 strong { display:inline; margin-left:8px; } .task-calendar-day header { min-height:48px; } .task-calendar-day-body { max-height:430px; } }
@media(max-width:760px) {
  .board-filter-main>[data-view-more] { grid-column:3; grid-row:2; }
  .task-table,.task-table tbody { display:block; } .task-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
  .task-table .task-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:0 12px; padding:10px 12px; border-bottom:1px solid var(--line); }
  .task-table td { border:0; padding:2px 0; font-size:12px; }
  .task-table .list-title { grid-column:1/3; grid-row:2; } .task-table .list-number { grid-column:1; grid-row:1; }
  .task-table .task-status { grid-column:2; grid-row:1; text-align:right; }
  .task-table .list-person { grid-row:3; grid-column:1; } .task-table .list-due { grid-row:3; grid-column:2; align-self:center; text-align:right; }
  .task-table .list-priority { grid-column:1/3; color:var(--muted); }
  .task-calendar-nav>span:not(.calendar-total) { width:100%; order:2; } .calendar-total { margin-left:auto; }
}
.calendar-task-name { text-decoration:none; font-weight:500; }
.calendar-task-name:hover { text-decoration:underline; }
.view-feedback:empty { margin:0; }
@media(max-width:760px) { .list-buckets { flex-wrap:nowrap; overflow-x:auto; max-width:100%; padding-bottom:4px; } .list-buckets>a { flex-shrink:0; } }
.task-context-links { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0; }
.context-message { border-top:1px solid var(--line); padding:12px 0; }
.context-message header { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; font-size:13px; }
.context-message header>a { min-height:44px; display:flex; align-items:center; }
.context-message time { color:var(--muted); font-size:11px; }
.context-message p { white-space:pre-wrap; overflow-wrap:anywhere; margin:8px 0; }
.card-comments { display:flex; align-items:center; gap:4px; font-size:11px; color:var(--muted); }
.card-comments .icon { width:14px; height:14px; }
.notification-bell{position:relative}.notification-badge{position:absolute;right:-6px;top:-5px;min-width:20px;height:20px;padding:0 4px;display:grid;place-items:center;border-radius:10px;background:var(--blue);color:white;font-size:10px;line-height:1;border:2px solid white}.notifications-workspace{max-width:1060px;margin:auto}.notification-list{display:grid;gap:9px}.notification-row{display:flex;gap:14px;align-items:flex-start;padding:20px;border:1px solid var(--line);border-radius:8px;background:white;min-width:0}.notification-row.is-unread{border-left:3px solid var(--blue)}.notification-dot{width:8px;height:8px;border-radius:50%;background:var(--line);margin-top:8px;flex-shrink:0}.is-unread .notification-dot{background:var(--blue)}.notification-body{flex:1;min-width:0}.notification-body>p{margin:0 0 7px;color:var(--muted)}.notification-body>a{display:inline-flex;align-items:center;min-height:44px;overflow-wrap:anywhere}.notification-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin-top:7px}.notification-row>form{flex-shrink:0;max-width:240px}.notification-row>form .mutation-message:empty{display:none}.notifications-workspace .personal-heading>form{min-width:0}.notifications-workspace .personal-heading>form .mutation-message{font-size:12px;max-width:360px}.notification-bell.is-stale{opacity:.65}@media(max-width:760px){.notification-row{padding:14px;gap:10px;flex-wrap:wrap}.notification-row>form{margin-left:18px;max-width:100%}.notification-body{flex-basis:calc(100% - 20px)}.notification-meta{gap:6px}.notifications-workspace .personal-heading{align-items:flex-start;flex-wrap:wrap}.notifications-workspace .personal-heading h1{font-size:24px}}

.notification-bell[aria-current=page]{background:#E7E5FC;border-color:#D3D0F7}
.report-workspace{min-width:0}.report-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;padding:18px;background:white;border:1px solid var(--line);border-radius:8px}.report-filters .field{flex:1 1 160px;margin:0;min-width:0}.report-filters .date-control{flex-basis:140px}.report-result-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.report-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0 20px}.report-metric{padding:20px;border-radius:8px;display:grid;gap:8px}.report-metric.blue{background:#DCE6FF}.report-metric.mint{background:#DCEDE6}.report-metric.lilac{background:#E7E5FC}.report-metric.sand{background:#F7E9D5}.report-metric strong{font-family:"IBM Plex Sans",sans-serif;font-size:36px;line-height:1.1}.report-metric small{color:var(--muted)}.report-method{margin:18px 0;padding:18px;border:1px solid var(--line);border-radius:8px;background:white}.report-method summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600}.report-method p{color:var(--muted);font-size:13px}.report-extra{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:12px 0}.report-extra>div{display:grid;gap:5px}.report-extra strong{font-size:24px}.report-table{display:block;min-width:0;overflow-x:auto}.report-table .task-row{display:table-row}.report-table .task-table{width:100%;min-width:960px}.report-table td small{display:block}.report-table .list-title{min-width:220px}.report-table .list-person{min-width:160px}[data-report-results].is-stale{opacity:.65}[data-report-export][aria-disabled=true]{opacity:.5;cursor:not-allowed}@media(max-width:760px){.report-filters{padding:14px}.report-filters .field{flex-basis:calc(50% - 12px)}.report-result-header{align-items:flex-start;flex-direction:column;gap:0}.report-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.report-metric{padding:14px}.report-metric strong{font-size:28px}.report-extra{grid-template-columns:repeat(2,minmax(0,1fr))}.report-table .task-table{min-width:0}.report-table .task-table thead{display:none}.report-table .task-table tr{display:grid;grid-template-columns:1fr 1fr;padding:14px;border-bottom:1px solid var(--line);gap:10px}.report-table .task-table td{display:block;padding:0;border:0;min-width:0}.report-table .list-title{grid-column:1/-1}.report-table .list-person{grid-column:1/-1}.report-table td:nth-child(3):before{content:'Первоначальный срок';display:block;color:var(--muted);font-size:11px}.report-table td:nth-child(4):before{content:'Действующий срок';display:block;color:var(--muted);font-size:11px}.report-table td:nth-child(5):before{content:'Сдача';display:block;color:var(--muted);font-size:11px}}

.report-table th:nth-child(1){width:26%}.report-table th:nth-child(2){width:18%}.report-table th:nth-child(3),.report-table th:nth-child(4){width:14%}.report-table th:nth-child(5){width:18%}.report-table th:nth-child(6){width:10%}@media(max-width:760px){.report-table .list-title{grid-row:1}.report-table .list-person{grid-row:2}.report-table td:nth-child(3),.report-table td:nth-child(4){grid-row:3}.report-table td:nth-child(5),.report-table td:nth-child(6){grid-row:4}}

/* Reference v1: shared page titles outside the compact task toolbar. */
.personal-heading h1 { font-size:25px; font-weight:500; }

/* B-010: F details with the accessible controls of the server application. */
.board-title-narrow { display:none; }
.board-workspace .board-summary [data-board-refresh] { order:2; }
.kanban { counter-reset:lane; }
.lane-heading::before { counter-increment:lane; content:counter(lane,decimal-leading-zero); font-size:11px; color:var(--muted); margin-right:3px; }
.lane-heading h2 { font-weight:600; }
.lane-total { font-size:14px; line-height:22px; min-width:22px; padding-inline:5px; text-align:center; background:#FFFFFF70; border-radius:5px; }
.kanban-card { box-shadow:0 3px 0 #CBD5E157; }
.kanban-card::before { content:""; position:absolute; left:0; top:35px; bottom:12px; width:3px; border-radius:0 2px 2px 0; background:var(--blue); pointer-events:none; }
.kanban-card[data-state=done]::before { background:#487C61; }
.kanban-card-title { color:var(--ink); font-weight:600; }
.card-category { margin-left:0; flex:1; }
.card-person { gap:5px; }
.card-person .mini-avatar { width:20px; height:20px; flex:0 0 20px; display:grid; place-items:center; border-radius:50%; background:#E7E5FC; color:var(--blue); font-size:8px; font-weight:600; }
.card-person-name { overflow:hidden; text-overflow:ellipsis; }
@media(max-width:760px) {
  .board-workspace .board-heading { flex-wrap:nowrap; }
  .board-title-wide { display:none; }
  .board-title-narrow { display:inline; }
  .board-create { width:44px; min-width:44px; height:44px; padding:10px; justify-content:center; }
  .board-create>span { display:none; }
}

/* B-011: frozen team card composition; keep the four accepted live metrics. */
.team-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.team-person { display:flex; flex-direction:column; padding:24px 24px 0; border-radius:8px 20px 8px 8px; box-shadow:0 3px 0 #CBD5E157; }
.team-avatar { width:50px; height:50px; font-size:20px; border-radius:7px; margin-bottom:16px; }
.team-person-heading { gap:8px; }
.team-person .task-name { color:var(--ink); font-size:24px; font-weight:500; line-height:1.25; min-height:44px; display:flex; align-items:center; }
.team-person>p { margin:8px 0 16px; }
.team-person .profile-skills { margin-bottom:24px; }
.team-person .person-totals { margin:auto -24px 0; padding:12px 16px; background:#F0F3FF; border-top:1px solid var(--line); border-radius:0 0 8px 8px; gap:4px; }
.team-person .person-totals a { border:0; border-radius:4px; min-height:50px; padding:4px 0; }
.team-person .person-totals strong { font-size:22px; }
.team-tabs { padding-bottom:10px; border-bottom:1px solid var(--line); }
.team-tabs .secondary { border-color:transparent; background:transparent; }
.team-tabs [aria-current=page] { background:var(--lilac,#E7E5FC); }
.personal-heading:has(+.team-tabs)>.primary { border-radius:8px 18px 8px 8px; }
@media(max-width:1100px) { .team-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) { .team-grid { grid-template-columns:1fr; } }

/* B-012: two panels on the full profile page; modal fragments keep their layout. */
.content-main>.profile-panel { max-width:none; background:transparent; border:0; padding:0; }
.content-main>.profile-panel>[data-dialog-content] { display:grid; grid-template-columns:1.2fr 1fr; grid-template-rows:auto auto auto 1fr; column-gap:18px; position:relative; }
.content-main>.profile-panel>[data-dialog-content]::before { content:""; grid-column:1; grid-row:1/5; background:white; border:1px solid var(--line); border-radius:8px; }
.content-main>.profile-panel .person-summary { grid-column:1; grid-row:1; margin:24px 24px 18px; position:relative; }
.content-main>.profile-panel .person-summary .avatar { width:50px; height:50px; font-size:20px; }
.content-main>.profile-panel .person-summary h2 { font-size:23px; font-weight:500; }
.content-main>.profile-panel .profile-details { grid-column:1; grid-row:2; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:0 24px 24px; position:relative; }
.content-main>.profile-panel .profile-details>div { display:block; padding:0; border:0; }
.content-main>.profile-panel .profile-details dd { margin-top:6px; }
.content-main>.profile-panel [data-dialog-content]>h3 { grid-column:1; grid-row:3; margin:0 24px 10px; font-size:16px; font-weight:500; position:relative; }
.content-main>.profile-panel .profile-skills { grid-column:1; grid-row:4; margin:0 24px 24px; align-content:start; position:relative; }
.content-main>.profile-panel [data-profile-form] { grid-column:2; grid-row:1/5; padding:24px; border:1px solid var(--line); border-radius:8px; background:white; align-self:start; min-width:0; }
.content-main>.profile-panel [data-profile-form]>h3 { margin:0 0 20px; font-size:20px; font-weight:500; }
.content-main>.profile-panel .form-grid { grid-template-columns:1fr; }
@media(max-width:960px) { .content-main>.profile-panel .profile-details { grid-template-columns:1fr; gap:14px; } }
@media(max-width:760px) {
  .content-main>.profile-panel>[data-dialog-content] { grid-template-columns:minmax(0,1fr); }
  .content-main>.profile-panel .profile-details>div { display:grid; grid-template-columns:110px minmax(0,1fr); gap:10px; }
  .content-main>.profile-panel .profile-details dd { margin:0; }
  .content-main>.profile-panel [data-profile-form] { grid-column:1; grid-row:5; margin-top:18px; }
}

/* B-013: spacious employee task cards with the primary action across the card. */
.personal-group .personal-rows { max-width:none; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.personal-task { position:relative; min-width:0; padding:24px 20px 16px; border-radius:8px 24px 8px 8px; box-shadow:0 3px 0 #CBD5E157; display:flex; flex-direction:column; }
.personal-task::before { content:""; position:absolute; left:0; top:15px; width:10px; height:30px; border-radius:0 4px 4px 0; background:var(--blue); pointer-events:none; }
.personal-task .task-row-meta { padding-left:8px; }
.personal-task .task-name { color:var(--ink); font-size:24px; font-weight:600; line-height:1.25; margin:12px 8px 20px; }
.personal-task-footer { flex-direction:column; align-items:stretch; gap:16px; margin-top:auto; }
.personal-deadline { padding-inline:8px; }
.personal-task-footer .primary { width:100%; text-align:center; justify-content:center; font-size:16px; }
@media(max-width:1100px) { .personal-group .personal-rows { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) { .personal-group .personal-rows { grid-template-columns:1fr; } .personal-task-footer { align-items:stretch; } }

/* B-014: list/calendar share the F header and calm reference surfaces. */
.task-view-workspace .board-heading { flex-wrap:nowrap; }
.task-view-update { position:absolute; right:0; top:0; }
.task-view-workspace { position:relative; }
.task-view-workspace .board-heading { padding-right:56px; }
.task-table { border:1px solid var(--line); border-collapse:separate; border-spacing:0; border-radius:8px; overflow:hidden; }
.task-table th { background:#E9EEFA; font-weight:600; }
.task-table .task-name { font-weight:400; }
.task-table .task-status { color:var(--muted); }
.task-calendar-day { background:#E9EEF9; border-color:transparent; border-radius:8px; }
.task-calendar-day.today { border:2px solid var(--blue); }
.task-calendar-day header { border:0; min-height:44px; }
.task-calendar-day h2 { font-weight:600; }
.task-calendar-day h2 strong { display:inline; font-size:inherit; font-weight:inherit; }
.task-calendar-day.today header { background:transparent; }
.task-calendar-day-body { min-height:70px; }
@media(max-width:760px) {
  .task-view-workspace .board-heading { padding-right:0; }
  .task-view-update { position:static; display:flex; justify-content:flex-end; }
  .task-table .task-row:last-child { border-bottom:0; }
  .task-calendar-day { padding:8px 4px; }
  .task-calendar-day h2 { font-size:16px; }
  .task-calendar-day-body { min-height:0; }
  .task-calendar-day-body>p { margin:0 0 12px; font-size:14px; }
}

/* B-016: task details use the frozen modal hierarchy, with live server fields. */
.task-detail-meta { display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-size:12px; margin-bottom:24px; }
.task-status-badge { display:inline-flex; padding:6px 10px; border-radius:5px; background:#E9EFF7; color:#3C557B; font-weight:500; }
.task-status-badge[data-state=in_progress],.task-status-badge[data-state=review] { color:var(--blue); background:#E3ECFF; }
.task-status-badge[data-state=waiting] { color:#8D3124; background:#F7E9D5; }
.task-status-badge[data-state=done] { color:#286242; background:#DCEDE6; }
.task-detail-data { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; margin:24px 0; padding:18px 0; border-block:1px solid var(--line); }
.task-detail-data>div { min-width:0; }
.task-detail-data dt { font-size:12px; color:var(--muted); margin-bottom:5px; }
.task-detail-data dd { margin:0; font-size:14px; font-weight:500; overflow-wrap:anywhere; }
.task-detail-data dd>a { display:inline-flex; align-items:center; min-height:44px; }
.task-detail-data>div:last-child { grid-column:1/-1; }
@media(max-width:760px) {
  .task-detail-meta { margin-bottom:22px; }
  .task-detail-data { grid-template-columns:1fr; gap:12px; padding:17px 0; margin-block:20px; }
  .task-detail-data>div { display:grid; grid-template-columns:90px minmax(0,1fr); gap:10px; align-items:center; }
  .task-detail-data dt { font-size:13px; margin:0; }
}

/* B-017: title/result first; primary action follows cancel at the right edge. */
[data-task-form]>.task-footer>.task-form-actions { justify-content:flex-end; }
[data-task-form]>.task-footer [name=intent][value=draft] { order:-1; margin-right:auto; }
[data-task-form] .field>label,[data-task-form] .field>span { font-weight:500; }
@media(max-width:760px) {
  [data-task-form]>.task-footer [name=intent][value=draft] { flex-basis:100%; margin-right:0; }
}

.dialog-header:has([data-task-title]) { align-items:flex-start; }
@media(max-width:760px) {
  .dialog-header:has([data-task-title]) { display:grid; grid-template-columns:44px minmax(0,1fr) 44px; }
  .dialog-header [data-task-title] { grid-column:1/-1; grid-row:2; }
  .dialog-header:has([data-task-title])>[aria-label="Назад"] { grid-column:1; grid-row:1; }
  .dialog-header:has([data-task-title])>[data-dialog-header-actions] { grid-column:2; grid-row:1; justify-self:end; }
  .dialog-header:has([data-task-title])>[data-dialog-close] { grid-column:3; grid-row:1; }
}
.task-detail-data dd { min-height:44px; display:flex; align-items:center; }