/* Quick Panel Design System · shared across Workspace and Request Form */
:root {
  color-scheme: dark;
  --ds-bg: #090c12;
  --ds-bg-elevated: #0d1119;
  --ds-surface: #111722;
  --ds-surface-2: #171e2a;
  --ds-surface-3: #1d2634;
  --ds-surface-hover: #222d3d;
  --ds-border: rgba(157, 174, 205, .13);
  --ds-border-strong: rgba(172, 189, 220, .22);
  --ds-text: #f5f7fb;
  --ds-text-soft: #c7ced9;
  --ds-muted: #929dad;
  --ds-faint: #657185;
  --ds-primary: #efb957;
  --ds-primary-strong: #ffd68c;
  --ds-primary-ink: #201609;
  --ds-primary-soft: rgba(239, 185, 87, .12);
  --ds-secondary: #91a9ff;
  --ds-secondary-soft: rgba(145, 169, 255, .11);
  --ds-success: #61d39f;
  --ds-success-soft: rgba(97, 211, 159, .11);
  --ds-warning: #f0b866;
  --ds-warning-soft: rgba(240, 184, 102, .11);
  --ds-danger: #ff8588;
  --ds-danger-soft: rgba(255, 133, 136, .1);
  --ds-info: #76b8ff;
  --ds-radius-xs: 7px;
  --ds-radius-sm: 10px;
  --ds-radius-md: 14px;
  --ds-radius-lg: 18px;
  --ds-radius-xl: 22px;
  --ds-control-sm: 36px;
  --ds-control: 42px;
  --ds-control-lg: 48px;
  --ds-shadow-card: 0 16px 45px rgba(0, 0, 0, .2);
  --ds-shadow-float: 0 28px 80px rgba(0, 0, 0, .42);
  --ds-focus: 0 0 0 3px rgba(239, 185, 87, .13);
  --ds-ease: 160ms cubic-bezier(.2, .75, .25, 1);
}

html { background: var(--ds-bg); }
body {
  color: var(--ds-text);
  background:
    radial-gradient(circle at 74% -14%, rgba(80, 117, 199, .12), transparent 34rem),
    radial-gradient(circle at 16% 5%, rgba(239, 185, 87, .07), transparent 29rem),
    var(--ds-bg);
}
::selection { color: #fff8eb; background: rgba(239, 185, 87, .3); }
* { scrollbar-color: rgba(146, 157, 173, .28) transparent; scrollbar-width: thin; }
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb { border: 2px solid transparent; border-radius: 999px; background: rgba(146, 157, 173, .26); background-clip: padding-box; }
button, a, input, textarea, select { transition: color var(--ds-ease), background var(--ds-ease), border-color var(--ds-ease), box-shadow var(--ds-ease), transform var(--ds-ease), opacity var(--ds-ease); }
button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, [tabindex]:focus-visible { outline: 2px solid var(--ds-primary); outline-offset: 2px; }
button:active:not(:disabled) { transform: translateY(0) scale(.98); }

/* Workspace shell */
.qp-app {
  --bg: var(--ds-bg);
  --surface: var(--ds-surface);
  --surface-2: var(--ds-surface-2);
  --surface-3: var(--ds-surface-3);
  --line: var(--ds-border);
  --text: var(--ds-text);
  --muted: var(--ds-muted);
  --accent: var(--ds-primary);
  --accent-soft: var(--ds-primary-soft);
  --green: var(--ds-success);
  --red: var(--ds-danger);
  --sidebar: 258px;
  --app-max-width: 1920px;
}
.qp-app .app-shell { background: rgba(7, 10, 15, .16); }
.qp-app .sidebar {
  padding: 22px 16px 18px;
  border-color: var(--ds-border);
  background: linear-gradient(180deg, rgba(15, 19, 28, .97), rgba(10, 13, 20, .95));
  box-shadow: 18px 0 50px rgba(0, 0, 0, .12);
}
.qp-app .brand { padding: 2px 10px 24px; }
.qp-app .brand-mark {
  width: 38px;
  height: 38px;
  border: 1px solid rgba(255, 223, 166, .32);
  border-radius: 12px;
  background: linear-gradient(145deg, var(--ds-primary-strong), #d9973d);
  box-shadow: 0 10px 28px rgba(239, 185, 87, .2), inset 0 1px rgba(255, 255, 255, .42);
}
.qp-app .brand-name { color: var(--ds-text); font-size: 15px; letter-spacing: -.01em; }
.qp-app .brand-sub, .qp-app .nav-label { color: var(--ds-faint); }
.qp-app .nav-list { gap: 5px; }
.qp-app .nav-item {
  min-height: 44px;
  padding-inline: 13px;
  border-radius: var(--ds-radius-sm);
  color: var(--ds-muted);
  font-size: 13px;
}
.qp-app .nav-item:hover { color: var(--ds-text-soft); background: rgba(255, 255, 255, .04); }
.qp-app .nav-item.active {
  color: var(--ds-text);
  border-color: rgba(239, 185, 87, .22);
  background: linear-gradient(90deg, rgba(239, 185, 87, .12), rgba(255, 255, 255, .035));
  box-shadow: inset 3px 0 var(--ds-primary);
}
.qp-app .nav-icon { color: var(--ds-faint); }
.qp-app .nav-item.active .nav-icon { color: var(--ds-primary); }
.qp-app .utility-nav { border-color: var(--ds-border); }
.qp-app .profile { border-color: var(--ds-border); }
.qp-app main { padding: 28px clamp(26px, 3.6vw, 64px) 42px; }
.qp-app .topbar { min-height: 40px; margin-bottom: 18px; }
.qp-app .clock-time { color: var(--ds-text); font-size: 18px; letter-spacing: -.02em; }
.qp-app .clock-date { color: var(--ds-faint); }
.qp-app .hero { margin-bottom: 22px; }
.qp-app .hero h1 { color: var(--ds-text); letter-spacing: -.04em; line-height: 1.08; }
.qp-app .hero p { color: var(--ds-muted); }
.qp-app .eyebrow { color: var(--ds-primary); letter-spacing: .13em; }

.qp-app .card,
.qp-app .potential-card,
.qp-app .contacts-card,
.qp-app .management-card,
.qp-app .overview-score-card,
.qp-app .note-card,
.qp-app .management-new-panel,
.qp-app .issue-inbox-item,
.qp-app .late-period,
.qp-app .potential-stat {
  border: 1px solid var(--ds-border);
  border-radius: var(--ds-radius-lg);
  background: linear-gradient(155deg, rgba(22, 29, 41, .92), rgba(14, 19, 28, .92));
  box-shadow: var(--ds-shadow-card), inset 0 1px rgba(255, 255, 255, .025);
}
.qp-app .card-head,
.qp-app .potential-card-head,
.qp-app .management-new-panel-head { padding-top: 17px; }
.qp-app .card-title,
.qp-app .potential-card-title,
.qp-app .management-new-panel-title { color: var(--ds-text); font-weight: 720; letter-spacing: -.015em; }
.qp-app .card-meta,
.qp-app .potential-card-meta,
.qp-app .management-new-panel-meta { color: var(--ds-muted); }

.qp-app .management-tabs,
.qp-app .management-utility-tabs,
.qp-app .notion-member-tabs {
  gap: 5px;
  padding: 5px;
  border: 1px solid var(--ds-border);
  border-radius: var(--ds-radius-md);
  background: rgba(11, 15, 23, .76);
  box-shadow: inset 0 1px rgba(255, 255, 255, .025);
}
.qp-app .management-tab,
.qp-app .management-utility-button,
.qp-app .notion-member-tabs button,
.qp-app .filter-chip {
  min-height: 38px;
  border-radius: var(--ds-radius-sm);
  color: var(--ds-muted);
}
.qp-app .management-tab:hover,
.qp-app .management-utility-button:hover,
.qp-app .notion-member-tabs button:hover,
.qp-app .filter-chip:hover { color: var(--ds-text-soft); background: rgba(255, 255, 255, .045); }
.qp-app .management-tab.active,
.qp-app .management-utility-button.active,
.qp-app .notion-member-tabs button.active,
.qp-app .filter-chip.active {
  color: var(--ds-primary-strong);
  background: var(--ds-primary-soft);
  box-shadow: inset 0 0 0 1px rgba(239, 185, 87, .18), 0 7px 20px rgba(0, 0, 0, .14);
}
.qp-app .management-tab-count, .qp-app .badge { background: rgba(255, 255, 255, .07); color: var(--ds-text-soft); }

.qp-app .field input,
.qp-app .field select,
.qp-app .field textarea,
.qp-app .management-search,
.qp-app .management-sort select,
.qp-app .management-filter-row select,
.qp-app .management-new-filter,
.qp-app .management-new-search,
.qp-app .contacts-search-box,
.qp-app .potential-year-select,
.qp-app .issue-inbox-controls input,
.qp-app .issue-inbox-controls select {
  border: 1px solid var(--ds-border);
  border-radius: var(--ds-radius-sm);
  color: var(--ds-text-soft);
  background: rgba(10, 14, 21, .72);
}
.qp-app .field input:focus,
.qp-app .field select:focus,
.qp-app .field textarea:focus,
.qp-app .management-search:focus-within,
.qp-app .management-new-search:focus-within,
.qp-app .contacts-search-box:focus-within { border-color: rgba(239, 185, 87, .45); box-shadow: var(--ds-focus); }

.qp-app .dialog-button,
.qp-app .management-audit-button,
.qp-app .management-utility-button,
.qp-app .notion-refresh,
.qp-app .text-button,
.qp-app .checklist-clear,
.qp-app .copy-button,
.qp-app .team-completion-bulk {
  border-radius: var(--ds-radius-sm);
}
.qp-app .dialog-button,
.qp-app .management-audit-button,
.qp-app .notion-refresh,
.qp-app .team-completion-bulk {
  border-color: var(--ds-border);
  color: var(--ds-text-soft);
  background: var(--ds-surface-2);
}
.qp-app .dialog-button:hover,
.qp-app .management-audit-button:hover,
.qp-app .notion-refresh:hover,
.qp-app .team-completion-bulk:hover { border-color: rgba(239, 185, 87, .34); color: var(--ds-text); background: var(--ds-surface-hover); transform: translateY(-1px); }
.qp-app .dialog-button.primary,
.qp-app .create-icon-button {
  border-color: rgba(255, 218, 151, .32);
  color: var(--ds-primary-ink);
  background: linear-gradient(135deg, var(--ds-primary-strong), #dfa044);
  box-shadow: 0 10px 28px rgba(222, 157, 68, .18), inset 0 1px rgba(255, 255, 255, .36);
}
.qp-app .dialog-button.primary:hover,
.qp-app .create-icon-button:hover { filter: brightness(1.06); transform: translateY(-1px); }
.qp-app .management-new-item {
  border-color: var(--ds-border);
  border-radius: var(--ds-radius-md);
  background: linear-gradient(110deg, rgba(27, 36, 51, .82), rgba(17, 23, 34, .88));
  box-shadow: 0 10px 32px rgba(0, 0, 0, .14), inset 0 1px rgba(255, 255, 255, .025);
}
.qp-app .management-new-edit { border-color: rgba(145, 169, 255, .34); color: #c5d1ff; background: var(--ds-secondary-soft); }
.qp-app .management-new-edit:hover { border-color: rgba(145, 169, 255, .58); color: #edf1ff; background: rgba(145, 169, 255, .17); }
.qp-app .assignee-recommendation { border-color: rgba(97, 211, 159, .2); background: linear-gradient(135deg, rgba(97, 211, 159, .075), rgba(145, 169, 255, .045)); }
.qp-app .assignee-recommendation-person { border-color: rgba(97, 211, 159, .25); color: #bcead6; background: rgba(97, 211, 159, .075); }

.qp-app dialog,
.qp-app .chat-panel {
  border: 1px solid var(--ds-border-strong);
  border-radius: var(--ds-radius-xl);
  color: var(--ds-text);
  background: linear-gradient(155deg, rgba(23, 30, 43, .99), rgba(12, 17, 25, .99));
  box-shadow: var(--ds-shadow-float);
}
.qp-app dialog::backdrop { background: rgba(3, 6, 11, .74); backdrop-filter: blur(7px); }
.qp-app .dialog-head { border-color: var(--ds-border); }
.qp-app .dialog-close { color: var(--ds-muted); background: rgba(255, 255, 255, .055); }
.qp-app .dialog-close:hover { color: var(--ds-text); background: rgba(255, 255, 255, .1); }

/* Request form */
.request-app {
  --bg: var(--ds-bg);
  --card: var(--ds-surface);
  --input: var(--ds-bg-elevated);
  --border: var(--ds-border-strong);
  --border-focus: var(--ds-primary);
  --text: var(--ds-text);
  --muted: var(--ds-muted);
  --accent: var(--ds-primary);
  --accent-hover: var(--ds-primary-strong);
  --danger: var(--ds-danger);
  --warn: var(--ds-warning);
  --ok: var(--ds-success);
  --radius: var(--ds-radius-sm);
  padding: 34px 20px 90px;
}
.request-app::before {
  background:
    radial-gradient(circle at 13% 7%, rgba(239, 185, 87, .11), transparent 31rem),
    radial-gradient(circle at 88% 26%, rgba(90, 128, 210, .13), transparent 30rem);
  animation-duration: 16s;
  opacity: .8;
}
.request-app .wrap { max-width: 880px; }
.request-app .hero {
  padding: 20px 22px 21px;
  border-color: var(--ds-border);
  border-radius: var(--ds-radius-lg);
  background: linear-gradient(145deg, rgba(24, 31, 44, .88), rgba(13, 18, 27, .9));
  box-shadow: var(--ds-shadow-card);
}
.request-app .brand { color: var(--ds-primary-strong); }
.request-app .brand-mark { border-color: rgba(239, 185, 87, .36); color: var(--ds-primary-strong); background: var(--ds-primary-soft); }
.request-app .eyebrow { color: var(--ds-primary); }
.request-app h1 { color: var(--ds-text); letter-spacing: -.04em; }
.request-app .as-chip { border-color: var(--ds-border); background: rgba(10, 14, 21, .76); }
.request-app .stepper-item:not(:last-child)::after { background: var(--ds-border); }
.request-app .step-number { border-color: var(--ds-border-strong); color: var(--ds-muted) !important; background: var(--ds-bg-elevated); box-shadow: 0 0 0 5px var(--ds-bg); }
.request-app .stepper-item.active { color: var(--ds-primary-strong); }
.request-app .stepper-item.active .step-number { border-color: var(--ds-primary); color: var(--ds-primary-strong) !important; background: var(--ds-primary-soft); box-shadow: 0 0 0 5px var(--ds-bg), 0 0 22px rgba(239, 185, 87, .18); }
.request-app .stepper-item.done .step-number { border-color: var(--ds-success); color: var(--ds-success) !important; background: var(--ds-success-soft); }
.request-app .form-section {
  padding: 30px;
  border-color: var(--ds-border);
  border-radius: var(--ds-radius-xl);
  background: linear-gradient(150deg, rgba(22, 29, 41, .96), rgba(13, 18, 27, .96));
  box-shadow: var(--ds-shadow-card), inset 0 1px rgba(255, 255, 255, .025);
}
.request-app .section-label::before { color: var(--ds-primary-strong); background: var(--ds-primary-soft); }
.request-app .field label.title { color: var(--ds-text); font-size: 1.02rem; }
.request-app input[type=text],
.request-app input[type=email],
.request-app input[type=url],
.request-app input[type=date],
.request-app select,
.request-app textarea {
  min-height: var(--ds-control-lg);
  border-color: var(--ds-border-strong);
  border-radius: var(--ds-radius-sm);
  color: var(--ds-text);
  background: rgba(8, 12, 19, .72);
}
.request-app input:focus,
.request-app select:focus,
.request-app textarea:focus { border-color: rgba(239, 185, 87, .58); background: rgba(14, 19, 28, .94); box-shadow: var(--ds-focus); }
.request-app .search-select-menu,
.request-app .date-picker-menu { border-color: var(--ds-border-strong); background: #171e29; box-shadow: var(--ds-shadow-float); }
.request-app .search-select-option:hover,
.request-app .search-select-option.active { color: var(--ds-primary-strong); background: var(--ds-primary-soft); }
.request-app .date-picker-day.today { color: var(--ds-primary-strong); box-shadow: inset 0 0 0 1px var(--ds-primary); }
.request-app .date-picker-day.selected { color: var(--ds-primary-ink); background: var(--ds-primary) !important; box-shadow: 0 6px 18px rgba(239, 185, 87, .23); }
.request-app .chip-group { border-color: var(--ds-border); border-radius: var(--ds-radius-md); background: rgba(8, 12, 19, .34); }
.request-app .chip span { border-color: var(--ds-border-strong); color: var(--ds-muted); background: rgba(10, 14, 21, .8); }
.request-app .chip input:checked + span { border-color: rgba(239, 185, 87, .56); color: var(--ds-primary-strong); background: var(--ds-primary-soft); box-shadow: inset 0 0 0 1px rgba(239, 185, 87, .08); }
.request-app .chip span:hover { border-color: rgba(239, 185, 87, .34); background: var(--ds-surface-2); }
.request-app .conditional-fields,
.request-app .work-estimate,
.request-app .queue-availability,
.request-app .task-name-suggestion { border-color: var(--ds-border); border-radius: var(--ds-radius-md); background: rgba(16, 23, 34, .74); }
.request-app .work-estimate-icon { color: var(--ds-primary-strong); background: var(--ds-primary-soft); }
.request-app .work-estimate-label,
.request-app .task-name-suggestion-label { color: var(--ds-primary); }
.request-app .reference-dropzone { border-color: rgba(239, 185, 87, .32); border-radius: var(--ds-radius-md); background: rgba(239, 185, 87, .035); }
.request-app .reference-dropzone:hover,
.request-app .reference-dropzone.dragging { border-color: var(--ds-primary); background: var(--ds-primary-soft); }
.request-app .reference-dropzone-icon { color: var(--ds-primary-strong); }
.request-app .submit-bar { border-color: var(--ds-border); border-radius: var(--ds-radius-lg); background: rgba(17, 23, 34, .96); box-shadow: var(--ds-shadow-card); }
.request-app .wizard-button { min-height: var(--ds-control); border-color: var(--ds-border-strong); border-radius: var(--ds-radius-sm); color: var(--ds-text-soft); background: var(--ds-surface-2); }
.request-app .wizard-button:hover { border-color: rgba(239, 185, 87, .34); color: var(--ds-text); background: var(--ds-surface-hover); }
.request-app .wizard-button.primary,
.request-app button.submit {
  border-color: rgba(255, 218, 151, .32);
  color: var(--ds-primary-ink);
  background: linear-gradient(135deg, var(--ds-primary-strong), #dfa044);
  box-shadow: 0 10px 28px rgba(222, 157, 68, .2);
}
.request-app .wizard-button.primary:hover,
.request-app button.submit:hover { color: var(--ds-primary-ink); background: linear-gradient(135deg, #ffe0a9, #e6a84d); }

@media (max-width: 820px) {
  .qp-app main { padding: 18px 16px 34px; }
  .qp-app .card,
  .qp-app .potential-card,
  .qp-app .contacts-card,
  .qp-app .management-card { border-radius: var(--ds-radius-md); }
  .request-app { padding: 18px 12px 60px; }
  .request-app .hero { padding: 17px; border-radius: var(--ds-radius-md); }
  .request-app .form-section { padding: 22px 18px; border-radius: var(--ds-radius-lg); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .001ms !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; }
}

/* Task workspace: workflow categories, actionable summaries and progressive detail. */
#taskManagementPage .hero { margin-bottom: 0; }
#taskManagementPage .hero h1 { font-size: clamp(28px, 3vw, 40px); }
#taskManagementPage .hero p { font-size: 13px; }
#taskManagementPage .task-management-toolbar { margin: 0; gap: 10px; flex-wrap: wrap; }
#taskManagementPage .management-tools-label { margin-right: auto; color: var(--ds-muted); font-size: 11px; }
#taskManagementPage .management-utility-tabs { flex-wrap: wrap; border: 0; padding: 0; background: transparent; box-shadow: none; }
#taskManagementPage .management-utility-button { font-size: 11px; min-height: 36px; font-weight: 500; }
#taskManagementPage .management-tabs { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; padding: 0; border: 0; background: transparent; box-shadow: none; }
#taskManagementPage .management-tab { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 8px; padding: 16px; text-align: left; border: 1px solid var(--ds-border); border-radius: var(--ds-radius-md); background: var(--ds-surface); color: var(--ds-text-soft); }
#taskManagementPage .management-tab:hover { border-color: var(--ds-border-strong); background: var(--ds-surface-2); }
#taskManagementPage .management-tab.active { border-color: var(--ds-primary); background: var(--ds-primary-soft); color: var(--ds-primary-strong); box-shadow: inset 0 2px var(--ds-primary); }
#taskManagementPage .management-tab-label { font-size: 13px; font-weight: 650; }
#taskManagementPage .management-tab-count { margin: 0; padding: 0; background: transparent; color: inherit; font-size: 24px; font-weight: 750; line-height: 1.1; }
#taskManagementPage .management-tab-description { grid-column: 1 / -1; color: var(--ds-muted); font-size: 11px; font-weight: 400; }
#taskManagementPage .management-card { border: 1px solid var(--ds-border); border-radius: var(--ds-radius-lg); box-shadow: none; }
#taskManagementPage .management-new-panel { padding: 20px; background: var(--ds-surface); }
#taskManagementPage .management-new-panel-head { padding: 0; align-items: flex-start; flex-wrap: wrap; gap: 18px; margin-bottom: 18px; }
#taskManagementPage .management-new-panel-title { font-size: 19px; }
#taskManagementPage .management-new-panel-meta { font-size: 12px; margin-top: 4px; }
#newTaskPanel .management-new-toolbar { display: flex; width: 100%; flex-wrap: wrap; gap: 8px; }
#newTaskPanel .management-new-search { order: -1; flex: 1 1 280px; width: auto; min-width: 0; }
#newTaskPanel .management-new-search input { font-size: 12px; }
#newTaskPanel .management-new-filter, #newTaskPanel .management-new-sort { width: auto; flex: 0 1 170px; }
#newTaskPanel .management-new-filter select, #newTaskPanel .management-new-sort select { width: 100%; font-size: 12px; }
#newTaskPanel .management-audit-button { order: 2; font-size: 12px; }
#newTaskPanel .management-new-search, #newTaskPanel .management-new-filter, #newTaskPanel .management-new-sort, #newTaskPanel .management-audit-button { min-height: var(--ds-control); }
.management-triage-toolbar { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; gap: 8px; padding: 0 0 14px; border-bottom: 1px solid var(--ds-border); }
.management-quick-filters { display: flex; flex-wrap: wrap; gap: 6px; }
.management-quick-filters button { display: flex; align-items: center; gap: 8px; min-height: 36px; padding: 7px 12px; border: 1px solid transparent; border-radius: var(--ds-radius-sm); color: var(--ds-muted); background: transparent; font: inherit; font-size: 12px; cursor: pointer; }
.management-quick-filters button:hover { color: var(--ds-text); background: var(--ds-surface-2); }
.management-quick-filters button[aria-pressed="true"] { color: var(--ds-primary-strong); background: var(--ds-primary-soft); border-color: var(--ds-primary); }
.management-quick-filters button span { font-size: 11px; opacity: .8; font-variant-numeric: tabular-nums; }
.management-clear-filters { border: 0; min-height: 36px; color: var(--ds-muted); background: transparent; text-decoration: underline; text-underline-offset: 4px; font: inherit; font-size: 11px; cursor: pointer; }
.management-results-meta { padding: 12px 0; color: var(--ds-muted); font-size: 11px; }
#newTaskList { gap: 10px; }
#newTaskList .management-inbox-item { grid-template-columns: minmax(0, 1fr) 270px; min-height: 0; background: var(--ds-surface-2); box-shadow: none; border-radius: var(--ds-radius-md); }
#newTaskList .management-inbox-item::before { width: 3px; background: var(--ds-border-strong); }
#newTaskList .management-inbox-item:hover { border-color: var(--ds-border-strong); }
#newTaskList .management-new-icon-column { display: none; }
#newTaskList .management-new-main { padding: 18px 20px; }
#newTaskList .management-new-title-row { align-items: flex-start; flex-wrap: wrap; gap: 7px; }
#newTaskList .management-project-tags { width: 100%; }
#newTaskList .management-item-name { white-space: normal; overflow-wrap: anywhere; font-size: 14px; line-height: 1.6; }
.management-task-summary { display: flex; flex-wrap: wrap; gap: 5px 16px; margin-top: 8px; color: var(--ds-muted); font-size: 12px; line-height: 1.6; }
.management-readiness { margin-top: 10px; color: var(--ds-warning); font-size: 11px; line-height: 1.6; overflow-wrap: anywhere; }
.management-readiness.is-ready { color: var(--ds-success); }
.management-task-disclosure { margin-top: 10px; }
.management-task-disclosure > summary { width: fit-content; min-height: 28px; padding: 4px 0; color: var(--ds-text-soft); font-size: 11px; cursor: pointer; }
.management-task-disclosure > summary:focus-visible { outline: 2px solid var(--ds-primary); outline-offset: 3px; border-radius: 3px; }
#newTaskList .management-new-details { margin-top: 10px; gap: 14px 18px; padding-top: 14px; border-top: 1px solid var(--ds-border); }
#newTaskList .management-new-detail-label { font-size: 10px; letter-spacing: .04em; }
#newTaskList .management-new-detail-value { font-size: 12px; overflow-wrap: anywhere; }
#newTaskList .management-new-side { display: grid; grid-template-columns: minmax(0, 1fr) 68px; align-content: center; align-items: start; gap: 16px 12px; padding: 18px; background: var(--ds-bg-elevated); border-color: var(--ds-border); }
#newTaskList .management-new-deadline { min-width: 0; margin: 0; padding: 0; border: 0; background: transparent; text-align: left; }
#newTaskList .management-new-deadline-label { color: var(--ds-muted); font-size: 10px; letter-spacing: 0; }
#newTaskList .management-new-deadline-value { font-size: 14px; margin-top: 3px; }
#newTaskList .management-new-deadline-hint { font-size: 10px; color: var(--ds-muted); }
#newTaskList .management-new-deadline.overdue .management-new-deadline-hint { color: var(--ds-danger); }
#newTaskList .management-new-score { padding: 0; border-left: 1px solid var(--ds-border); }
#newTaskList .management-new-score-value { margin-top: 6px; font-size: 24px; text-shadow: none; }
#newTaskList .management-new-score-value.missing { font-size: 11px; }
#newTaskList .management-new-side-actions { grid-column: 1 / -1; gap: 8px; justify-content: stretch; }
#newTaskList .management-new-edit { display: inline-flex; justify-content: center; align-items: center; width: auto; flex: 1; min-height: 36px; font-size: 11px; font-weight: 600; }
#newTaskList .management-new-open { flex: 1; min-height: 36px; font-size: 11px; }
#newTaskList .management-new-parent-suggestion { flex-wrap: wrap; }
#newTaskList .management-new-parent-text { white-space: normal; overflow-wrap: anywhere; }
#taskManagementPage .management-new-hint { color: var(--ds-muted); font-size: 11px; padding-top: 16px; }
@media (max-width: 1150px) {
  #taskManagementPage .management-tab { padding: 12px; gap: 6px; }
  #taskManagementPage .management-tab-label { font-size: 12px; }
  #taskManagementPage .management-tab-count { font-size: 21px; }
  #taskManagementPage .management-tab-description { font-size: 10px; }
}
@media (max-width: 850px) {
  #taskManagementPage .management-tabs { display: flex; overflow-x: auto; padding: 2px 2px 8px; scroll-snap-type: x proximity; }
  #taskManagementPage .management-tab { min-width: 155px; flex: 1 0 155px; scroll-snap-align: start; }
  #newTaskList .management-inbox-item { grid-template-columns: minmax(0, 1fr); }
  #newTaskList .management-new-side { grid-column: 1; grid-template-columns: minmax(0, 1fr) 70px minmax(200px, 1fr); align-items: center; border-left: 0; border-top: 1px solid var(--ds-border); }
  #newTaskList .management-new-side-actions { grid-column: auto; }
}
@media (max-width: 560px) {
  #taskManagementPage .management-new-panel { padding: 14px; }
  #taskManagementPage .management-tools-label { width: 100%; }
  #taskManagementPage .task-management-toolbar { gap: 8px; }
  #taskManagementPage .management-utility-tabs { flex: 1 1 100%; gap: 6px; }
  #taskManagementPage .management-utility-button { flex: 1 1 45%; }
  #newTaskPanel .management-new-search { flex-basis: 100%; }
  #newTaskPanel .management-new-filter, #newTaskPanel .management-new-sort { flex: 1 1 40%; }
  .management-quick-filters { display: grid; width: 100%; grid-template-columns: 1fr 1fr; }
  .management-quick-filters button { justify-content: space-between; font-size: 11px; padding-inline: 8px; }
  #newTaskList .management-new-main { padding: 14px; }
  #newTaskList .management-new-side { grid-template-columns: minmax(0, 1fr) 80px; padding: 14px; }
  #newTaskList .management-new-side-actions { grid-column: 1 / -1; }
  #newTaskList .management-new-details { grid-template-columns: minmax(0, 1fr); }
}
#taskManagementPage .management-settings { position: relative; z-index: 5; }
#taskManagementPage .management-settings > summary { display: flex; align-items: center; min-height: 36px; padding: 0 12px; border: 1px solid var(--ds-border); border-radius: var(--ds-radius-sm); color: var(--ds-text-soft); background: var(--ds-surface); font-size: 12px; cursor: pointer; list-style: none; }
#taskManagementPage .management-settings > summary::-webkit-details-marker { display: none; }
#taskManagementPage .management-settings > summary::after { content: '⌄'; margin-left: 12px; color: var(--ds-muted); }
#taskManagementPage .management-settings > summary:focus-visible { outline: 2px solid var(--ds-primary); outline-offset: 3px; }
#taskManagementPage .management-settings .management-utility-tabs { position: absolute; right: 0; top: calc(100% + 6px); display: grid; min-width: 220px; padding: 8px; gap: 4px; border: 1px solid var(--ds-border-strong); border-radius: var(--ds-radius-md); background: var(--ds-surface-2); box-shadow: var(--ds-shadow-float); }
#taskManagementPage .management-settings .management-utility-button { text-align: left; min-height: 40px; border-color: transparent; }
@media (max-width: 560px) {
  #taskManagementPage .management-tools-label { width: auto; }
  #taskManagementPage .management-settings .management-utility-tabs { right: -70px; }
}