:root {
  color-scheme: light;
  --bg: #f7f7f9;
  --panel: #ffffff;
  --panel-muted: #fafafd;
  --border: #e5e6eb;
  --border-strong: #d8dae2;
  --text: #25262b;
  --muted: #727684;
  --faint: #989caa;
  --accent: #5b5bd6;
  --accent-soft: #efefff;
  --danger: #c43d4b;
  --hover: #f1f2f5;
  --shadow: 0 16px 50px rgba(31, 35, 48, .16);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-synthesis: none;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #101116;
  --panel: #191b22;
  --panel-muted: #15171d;
  --border: #2b2e38;
  --border-strong: #3a3e49;
  --text: #eceef4;
  --muted: #a1a6b2;
  --faint: #767c89;
  --accent: #8582f4;
  --accent-soft: #292846;
  --danger: #ee6675;
  --hover: #24272f;
  --shadow: 0 18px 55px rgba(0, 0, 0, .42);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: dark;
    --bg: #101116;
    --panel: #191b22;
    --panel-muted: #15171d;
    --border: #2b2e38;
    --border-strong: #3a3e49;
    --text: #eceef4;
    --muted: #a1a6b2;
    --faint: #767c89;
    --accent: #8582f4;
    --accent-soft: #292846;
    --danger: #ee6675;
    --hover: #24272f;
    --shadow: 0 18px 55px rgba(0, 0, 0, .42);
  }
}

* { box-sizing: border-box; }

html, body { height: 100%; }

body {
  margin: 0;
  overflow: hidden;
  color: var(--text);
  background: var(--bg);
  font-size: 13px;
}

button, input, textarea { color: inherit; font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
svg { width: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
kbd { padding: 2px 5px; color: var(--faint); border: 1px solid var(--border); border-radius: 5px; background: var(--panel); font-size: 10px; }

.app-shell { display: grid; grid-template-columns: 52px 244px minmax(0, 1fr); height: 100vh; }

.rail {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  padding: 12px 8px;
  color: #c5c7d1;
  background: #202127;
  border-right: 1px solid #15161a;
}

.brand-mark, .rail-button {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  color: inherit;
  background: transparent;
  border: 0;
  border-radius: 8px;
}

.brand-mark { color: #fff; background: var(--accent); font-size: 17px; font-weight: 750; }
.rail-button:hover, .rail-button.active { color: #fff; background: #34353d; }
.rail-stack { display: grid; gap: 5px; }
.rail-spacer { flex: 1; }
.rail-button.avatar, .avatar { border-radius: 50%; font-size: 10px; font-weight: 700; }
.rail-button.avatar { color: #fff; background: #a35b72; }

.sidebar {
  display: flex;
  min-width: 0;
  flex-direction: column;
  background: var(--panel-muted);
  border-right: 1px solid var(--border);
}

.workspace-switcher { display: flex; align-items: center; gap: 10px; height: 58px; padding: 9px 12px; border-bottom: 1px solid var(--border); }
.workspace-logo, .project-icon { display: grid; flex: 0 0 auto; place-items: center; width: 30px; height: 30px; color: #fff; border-radius: 7px; background: linear-gradient(135deg, #5961d9, #8a67ca); font-weight: 700; }
.workspace-copy { display: flex; min-width: 0; flex: 1; flex-direction: column; gap: 2px; }
.workspace-copy strong, .workspace-copy span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.workspace-copy strong { font-size: 12.5px; }
.workspace-copy span { color: var(--muted); font-size: 10.5px; }
.icon-button { display: grid; place-items: center; width: 30px; height: 30px; padding: 0; color: var(--muted); background: transparent; border: 0; border-radius: 7px; font-size: 18px; }
.icon-button:hover { color: var(--text); background: var(--hover); }

.workspace-nav { display: grid; gap: 2px; padding: 10px 8px 14px; }
.nav-item { display: flex; align-items: center; gap: 10px; min-height: 34px; padding: 0 9px; color: #50535e; border: 0; border-radius: 6px; background: transparent; text-align: left; }
.nav-item:hover { color: var(--text); background: var(--hover); }
.nav-item span:nth-child(2) { flex: 1; }
.nav-item svg { width: 16px; }
.nav-item kbd { margin-left: auto; background: var(--panel); }
.nav-badge, .count { margin-left: auto; color: var(--muted); font-size: 11px; }

.sidebar-section-title { display: flex; align-items: center; justify-content: space-between; padding: 6px 14px; color: var(--muted); font-size: 10px; font-weight: 700; letter-spacing: .055em; text-transform: uppercase; }
.sidebar-section-title button { width: 24px; height: 24px; color: var(--muted); background: transparent; border: 0; border-radius: 5px; font-size: 17px; }
.sidebar-section-title button:hover { background: var(--hover); }
.project-picker { display: flex; align-items: center; gap: 9px; margin: 2px 8px 6px; padding: 7px; border-radius: 7px; }
.project-picker.active { background: var(--hover); }
.project-picker .project-icon { width: 25px; height: 25px; border-radius: 6px; background: #cc6d4c; font-size: 11px; }
.project-picker strong { flex: 1; font-size: 12px; }
.project-picker > span { color: var(--faint); }
.project-nav { display: grid; gap: 1px; padding: 0 8px; }
.project-nav a { display: flex; align-items: center; gap: 10px; min-height: 32px; padding: 0 10px 0 14px; color: #5d606b; border-radius: 6px; }
.project-nav a:hover, .project-nav a.active { color: var(--text); background: var(--hover); }
.project-nav a.active { font-weight: 600; }
.nav-dot { width: 7px; height: 7px; border: 1.5px solid #8b8e99; border-radius: 2px; }
.nav-dot.work { border-radius: 50%; background: #858a98; }
.nav-dot.cycles { border-color: #ac8057; }
.nav-dot.modules { border-color: #736ab5; transform: rotate(45deg); }
.nav-dot.pages { border-color: #649987; }
.nav-dot.intake { border-radius: 50%; border-color: #b46c73; }
.sidebar-footer { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding: 12px 14px; color: var(--muted); border-top: 1px solid var(--border); font-size: 11px; }

.content { display: flex; min-width: 0; flex-direction: column; overflow: hidden; background: var(--panel); }
.topbar { display: flex; flex: 0 0 58px; align-items: center; justify-content: space-between; padding: 0 22px; border-bottom: 1px solid var(--border); }
.breadcrumbs { display: flex; align-items: center; gap: 8px; min-width: 0; color: var(--muted); font-size: 12px; }
.breadcrumbs span, .breadcrumbs strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.breadcrumbs b { color: #c1c3ca; font-weight: 400; }
.breadcrumbs strong { color: var(--text); }
.topbar-actions { display: flex; align-items: center; gap: 8px; }
.language-link { padding: 6px 8px; color: var(--muted); border-radius: 6px; font-size: 11px; }
.language-link:hover { color: var(--text); background: var(--hover); }
.ai-top-button { display: flex; align-items: center; gap: 6px; height: 32px; padding: 0 12px; color: #4c46a3; background: var(--accent-soft); border: 1px solid #dbdafb; border-radius: 7px; font-weight: 650; }
.ai-top-button:hover { background: var(--accent-soft); }
.spark { font-size: 15px; }
.user-avatar { display: grid; place-items: center; width: 30px; height: 30px; padding: 0; color: #fff; background: #a35b72; border: 0; }

.page-heading { display: flex; align-items: flex-start; justify-content: space-between; padding: 24px 28px 18px; }
.page-heading h1 { margin: 0 0 5px; font-size: 24px; letter-spacing: -.025em; }
.page-heading p { margin: 0; color: var(--muted); }
.primary-button { display: flex; align-items: center; gap: 7px; height: 34px; padding: 0 13px; color: #fff; background: var(--accent); border: 1px solid #4f4fbe; border-radius: 7px; box-shadow: 0 1px 2px rgba(31, 31, 80, .18); font-weight: 650; }
.primary-button:hover { background: #5050c5; }
.primary-button span { font-size: 18px; font-weight: 400; }

.view-toolbar { display: flex; align-items: center; justify-content: space-between; min-height: 44px; padding: 0 28px; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.view-tabs, .toolbar-actions { display: flex; align-items: center; gap: 3px; }
.view-tabs button, .toolbar-actions button { display: flex; align-items: center; gap: 6px; height: 30px; padding: 0 9px; color: var(--muted); background: transparent; border: 0; border-radius: 6px; }
.view-tabs button:hover, .toolbar-actions button:hover { color: var(--text); background: var(--hover); }
.view-tabs button.active { color: var(--accent); background: var(--accent-soft); font-weight: 650; }
.view-tabs svg, .toolbar-actions svg { width: 15px; }
.toolbar-caption { margin-left: 8px; padding-left: 11px; color: var(--faint); border-left: 1px solid var(--border); font-size: 11px; }
.toolbar-actions { position: relative; }
.toolbar-actions .board-display-trigger.active { color: var(--accent); background: var(--accent-soft); }
.board-display-menu { position: absolute; z-index: 20; top: 36px; right: 0; width: min(250px, calc(100vw - 20px)); color: var(--text); background: var(--panel); border: 1px solid var(--border-strong); border-radius: 9px; box-shadow: var(--shadow); }
.board-display-menu[hidden] { display: none; }
.board-display-menu > header { display: flex; flex-direction: column; gap: 4px; padding: 13px 14px 10px; border-bottom: 1px solid #eeeef1; }
.board-display-menu > header strong { font-size: 12px; }
.board-display-menu > header small { color: var(--muted); font-size: 9px; }
.board-display-menu > div { display: grid; gap: 2px; padding: 7px; }
.board-display-menu label { display: flex; align-items: center; gap: 9px; min-height: 32px; padding: 0 7px; color: #555963; border-radius: 6px; cursor: pointer; font-size: 10px; }
.board-display-menu label:hover { background: var(--hover); }
.board-display-menu input { width: 14px; height: 14px; margin: 0; accent-color: var(--accent); }
.board-display-menu > footer { display: grid; gap: 6px; padding: 8px 7px 9px; background: var(--panel-muted); border-top: 1px solid var(--border); border-radius: 0 0 9px 9px; }
.board-display-menu > footer label { min-height: 43px; }
.board-display-menu > footer label > span { display: flex; flex-direction: column; gap: 3px; }
.board-display-menu > footer label b { font-size: 10px; font-weight: 600; }
.board-display-menu > footer label small { color: var(--muted); font-size: 8px; }
.toolbar-actions .board-display-reset { justify-self: end; height: 25px; padding: 0 7px; color: #5b58b3; font-size: 9px; }

.board { display: grid; grid-auto-columns: minmax(255px, 1fr); grid-auto-flow: column; flex: 1; gap: 12px; overflow: auto; padding: 18px 22px 30px; background: var(--panel-muted); }
.board-column { min-width: 255px; }
.column-header { display: flex; align-items: center; justify-content: space-between; height: 34px; padding: 0 3px 0 5px; }
.column-header > div { display: flex; align-items: center; gap: 8px; }
.column-header strong { font-size: 12px; }
.status-dot { display: inline-block; width: 9px; height: 9px; border: 2px solid var(--status-color); border-radius: 50%; }
.status-backlog { --status-color: #8b91a0; }
.status-todo { --status-color: #d49b37; }
.status-progress { --status-color: #5d74de; }
.status-done { --status-color: #4d9b72; }
.status-dot.todo { --status-color: #d49b37; }
.column-count { display: grid; place-items: center; min-width: 20px; height: 19px; padding: 0 5px; color: var(--muted); background: var(--hover); border-radius: 10px; font-size: 10px; }
.column-header button { width: 26px; height: 26px; padding: 0; color: var(--muted); background: transparent; border: 0; border-radius: 5px; font-size: 17px; }
.column-header button:hover { background: var(--hover); }
.card-list { display: grid; gap: 8px; }
.work-card { display: flex; min-height: 126px; flex-direction: column; gap: 8px; padding: 12px; background: var(--panel); border: 1px solid var(--border); border-radius: 8px; box-shadow: 0 1px 2px rgba(32, 34, 45, .035); text-align: left; }
.work-card:hover { border-color: #cfd1db; box-shadow: 0 4px 12px rgba(32, 34, 45, .06); transform: translateY(-1px); }
.work-id { color: var(--faint); font-size: 10.5px; }
.work-card > strong { min-height: 34px; line-height: 1.42; font-size: 12.5px; font-weight: 600; }
.work-id { display: flex; align-items: center; gap: 6px; }
.work-type-badge { padding: 2px 5px; color: var(--type-color); background: color-mix(in srgb, var(--type-color) 12%, transparent); border: 1px solid color-mix(in srgb, var(--type-color) 28%, transparent); border-radius: 5px; font-size: 7px; font-style: normal; font-weight: 750; letter-spacing: .02em; text-transform: uppercase; }
.card-label { --label-color: #626674; align-self: flex-start; padding: 3px 7px; color: var(--label-color); background: color-mix(in srgb, var(--label-color) 11%, white); border: 1px solid color-mix(in srgb, var(--label-color) 22%, white); border-radius: 10px; font-size: 9.5px; }
.card-labels { display: flex; min-width: 0; flex-wrap: wrap; gap: 4px; }
.card-meta { display: flex; align-items: center; gap: 8px; margin-top: auto; color: var(--muted); font-size: 10px; }
.priority { font-size: 10px; }
.priority-urgent { color: #d84d58; }
.priority-high { color: #dc7c42; }
.priority-medium { color: #d0a13b; }
.priority-low { color: #5b93b7; }
.due { color: #b45e64; }
.estimate-chip { padding: 2px 5px; color: var(--muted); background: var(--hover); border-radius: 4px; font-size: 8px; }
.card-avatar { display: inline-grid; place-items: center; width: 21px; height: 21px; margin-left: auto; color: #fff; background: #7a82a9; border-radius: 50%; font-size: 8px; font-weight: 700; }
.card-avatars { display: flex; align-items: center; margin-left: auto; }
.card-avatars .card-avatar { margin-left: -5px; border: 2px solid var(--panel); }
.card-avatars .card-avatar:first-child { margin-left: 0; }
.add-card { height: 31px; color: var(--muted); background: transparent; border: 1px dashed transparent; border-radius: 7px; text-align: left; }
.add-card:hover { background: var(--hover); border-color: var(--border-strong); }
.project-main.display-hide-priority .plane-board .card-meta > .priority,
.project-main.display-hide-labels .plane-board .card-label,
.project-main.display-hide-estimate .plane-board .estimate-chip,
.project-main.display-hide-due .plane-board .due,
.project-main.display-hide-assignee .plane-board .card-avatar { display: none; }
.project-main.display-compact .plane-board .work-card { min-height: 82px; gap: 5px; padding: 9px 10px; }
.project-main.display-compact .plane-board .work-card > strong { min-height: 0; font-size: 11.5px; }
.project-main.display-compact .plane-board .work-id { font-size: 9px; }
.project-main.display-compact .plane-board .card-label { padding: 2px 6px; font-size: 8px; }
.project-main.display-compact .plane-board .card-meta { gap: 6px; }

[data-view-panel][hidden] { display: none; }
.project-list-view, .project-table-view, .project-calendar-view, .project-timeline-view { flex: 1; overflow: auto; padding: 17px 24px 36px; background: var(--bg); }
.list-state-group { margin-bottom: 15px; overflow: hidden; background: var(--panel); border: 1px solid var(--border); border-radius: 8px; }
.list-state-group > header { display: flex; align-items: center; gap: 8px; min-height: 37px; padding: 0 12px; background: var(--panel-muted); border-bottom: 1px solid var(--border); }
.list-state-group > header strong { font-size: 11px; }
.list-state-group > header > span:last-child { display: grid; place-items: center; min-width: 19px; height: 18px; color: var(--muted); background: var(--hover); border-radius: 9px; font-size: 9px; }
.list-work-row { display: grid; grid-template-columns: 20px 16px 62px minmax(180px, 1fr) 110px 84px 28px; align-items: center; gap: 8px; width: 100%; min-height: 45px; padding: 5px 11px; background: var(--panel); border: 0; border-bottom: 1px solid var(--border); text-align: left; cursor: pointer; }
.list-work-row:last-child { border-bottom: 0; }
.list-work-row:hover { background: var(--hover); }
.list-work-row b { color: var(--faint); font-size: 9px; font-weight: 500; }
.list-work-row strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.list-work-row time { color: var(--muted); text-align: right; font-size: 9px; }
.work-table { min-width: 900px; overflow: hidden; background: var(--panel); border: 1px solid var(--border); border-radius: 8px; }
.work-table > header, .table-work-row { display: grid; grid-template-columns: 24px 110px 72px minmax(210px, 1fr) 90px 110px 88px 90px; align-items: center; gap: 8px; min-height: 42px; padding: 0 11px; }
.work-table > header { color: var(--muted); background: var(--panel-muted); border-bottom: 1px solid var(--border); font-size: 9px; font-weight: 650; text-transform: uppercase; }
.table-work-row { width: 100%; background: var(--panel); border: 0; border-bottom: 1px solid var(--border); text-align: left; cursor: pointer; }
.table-work-row:last-child { border-bottom: 0; }
.table-work-row:hover { background: var(--hover); }
.table-work-row > span:nth-child(2) { display: flex; align-items: center; gap: 7px; color: var(--muted); font-size: 9px; }
.table-work-row b { color: var(--faint); font-size: 9px; font-weight: 500; }
.table-work-row strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.table-work-row > span, .table-work-row time { overflow: hidden; color: var(--muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.table-work-row > .table-label { --label-color: #626674; justify-self: start; padding: 3px 7px; color: var(--label-color); background: color-mix(in srgb, var(--label-color) 11%, white); border: 1px solid color-mix(in srgb, var(--label-color) 22%, white); border-radius: 9px; }
.work-select { width: 14px; height: 14px; margin: 0; accent-color: var(--accent); cursor: pointer; }
.bulk-action-bar { display: flex; z-index: 4; align-items: center; gap: 10px; min-height: 48px; padding: 7px 24px; color: var(--text); background: var(--accent-soft); border-bottom: 1px solid color-mix(in srgb, var(--accent) 28%, var(--border)); box-shadow: 0 2px 8px rgba(52, 48, 120, .05); }
.bulk-action-bar[hidden] { display: none; }
.bulk-action-bar > strong { margin-right: auto; color: #4f4bae; font-size: 11px; }
.bulk-action-bar label { display: flex; align-items: center; gap: 6px; color: var(--muted); font-size: 9px; }
.bulk-action-bar select { height: 30px; min-width: 105px; padding: 0 25px 0 8px; background: var(--panel); border: 1px solid var(--border-strong); border-radius: 6px; font-size: 10px; }
.bulk-action-bar .primary-button { height: 30px; }
.bulk-clear { height: 30px; padding: 0 8px; color: #6662b3; background: transparent; border: 0; font-size: 10px; }
.project-calendar-view > header { display: flex; align-items: center; justify-content: space-between; min-width: 780px; margin-bottom: 12px; }
.project-calendar-view > header > div { display: flex; align-items: center; gap: 4px; }
.project-calendar-view > header button { min-width: 29px; height: 29px; padding: 0 9px; color: var(--muted); background: var(--panel); border: 1px solid var(--border); border-radius: 6px; font-size: 11px; }
.project-calendar-view > header button:hover { color: var(--text); background: var(--hover); }
.project-calendar-view > header button:first-child, .project-calendar-view > header button:last-child { padding: 0; font-size: 18px; }
.calendar-month { font-size: 15px; text-transform: capitalize; }
.calendar-weekdays, .calendar-grid { display: grid; grid-template-columns: repeat(7, minmax(110px, 1fr)); min-width: 780px; }
.calendar-weekdays { color: var(--muted); border: 1px solid var(--border); border-bottom: 0; border-radius: 8px 8px 0 0; background: var(--panel-muted); }
.calendar-weekdays span { padding: 8px 9px; border-right: 1px solid var(--border); font-size: 9px; font-weight: 650; text-transform: uppercase; }
.calendar-weekdays span:last-child { border-right: 0; }
.calendar-grid { overflow: hidden; border: 1px solid var(--border); border-radius: 0 0 8px 8px; background: var(--border); gap: 1px; }
.calendar-day { min-height: 112px; padding: 7px; background: var(--panel); }
.calendar-day.is-outside { background: var(--panel-muted); }
.calendar-date { display: grid; place-items: center; width: 23px; height: 23px; margin: 0 0 5px auto; color: var(--muted); border-radius: 50%; font-size: 9px; }
.calendar-day.is-outside .calendar-date { color: #babcc4; }
.calendar-day.is-today .calendar-date { color: #fff; background: var(--accent); font-weight: 700; }
.calendar-work-item { display: grid; grid-template-columns: 5px minmax(0, 1fr); gap: 5px; width: 100%; margin-top: 4px; padding: 5px 6px; color: var(--muted); background: var(--panel-muted); border: 1px solid var(--border); border-radius: 5px; text-align: left; }
.calendar-work-item:hover { color: var(--text); background: var(--hover); border-color: var(--border-strong); }
.calendar-work-item::before { width: 3px; height: 100%; min-height: 23px; background: var(--status-color, #8b91a0); border-radius: 2px; content: ""; }
.calendar-work-item > span { min-width: 0; }
.calendar-work-item b, .calendar-work-item strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.calendar-work-item b { color: var(--faint); font-size: 8px; font-weight: 500; }
.calendar-work-item strong { margin-top: 2px; font-size: 9px; font-weight: 600; }
.project-timeline-view > header { display: flex; align-items: center; justify-content: space-between; min-width: 840px; margin-bottom: 12px; }
.project-timeline-view > header > div { display: flex; gap: 4px; }
.project-timeline-view > header button { min-width: 29px; height: 29px; padding: 0 9px; color: var(--muted); background: var(--panel); border: 1px solid var(--border); border-radius: 6px; font-size: 11px; }
.project-timeline-view > header button:hover { color: var(--text); background: var(--hover); }
.project-timeline-view > header button:first-child, .project-timeline-view > header button:last-child { padding: 0; font-size: 18px; }
.timeline-range { font-size: 15px; text-transform: capitalize; }
.timeline-scroll { min-width: 840px; overflow: auto; background: var(--panel); border: 1px solid var(--border); border-radius: 8px; }
.timeline-chart { position: relative; width: 1406px; }
.timeline-days, .timeline-row { display: grid; grid-template-columns: 230px repeat(42, 28px); }
.timeline-days { position: sticky; z-index: 3; top: 0; min-height: 48px; color: var(--muted); background: var(--panel-muted); border-bottom: 1px solid var(--border); }
.timeline-days > strong { position: sticky; z-index: 4; left: 0; display: flex; align-items: center; padding: 0 12px; background: var(--panel-muted); border-right: 1px solid var(--border); font-size: 10px; }
.timeline-days > span { display: flex; align-items: center; flex-direction: column; justify-content: center; border-right: 1px solid #e8e8ed; font-size: 9px; }
.timeline-days > span small { margin-bottom: 2px; color: var(--faint); font-size: 7px; text-transform: uppercase; }
.timeline-days > span.is-week-start { border-left: 1px solid #d2d3da; }
.timeline-days > span.is-today { color: #fff; background: var(--accent); }
.timeline-days > span.is-today small { color: #e8e8ff; }
.timeline-row { min-height: 48px; border-bottom: 1px solid #eeeef2; }
.timeline-row:last-of-type { border-bottom: 0; }
.timeline-item-label { position: sticky; z-index: 2; left: 0; display: grid; grid-template-columns: 12px minmax(0, 1fr); align-items: center; gap: 7px; width: 230px; padding: 5px 10px; background: var(--panel); border: 0; border-right: 1px solid var(--border); text-align: left; }
.timeline-item-label:hover { background: var(--hover); }
.timeline-item-label > span { min-width: 0; }
.timeline-item-label b, .timeline-item-label strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.timeline-item-label b { color: var(--faint); font-size: 8px; font-weight: 500; }
.timeline-item-label strong { margin-top: 2px; font-size: 10px; }
.timeline-track { position: relative; grid-column: 2 / -1; background: repeating-linear-gradient(to right, transparent 0, transparent 27px, #eeeeF2 27px, #eeeeF2 28px); }
.timeline-bar { position: absolute; z-index: 1; top: 12px; height: 24px; overflow: hidden; padding: 0 8px; color: #fff; background: var(--status-color, #8b91a0); border: 0; border-radius: 5px; box-shadow: 0 1px 2px rgba(40, 41, 50, .14); font-size: 8px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.timeline-bar:hover { filter: brightness(.94); }
.timeline-today-marker { position: absolute; z-index: 1; top: 48px; bottom: 0; width: 1px; background: rgba(91, 86, 220, .55); pointer-events: none; }

.ai-sidecar { display: none; position: fixed; z-index: 20; top: 0; right: 0; width: min(430px, 92vw); height: 100vh; flex-direction: column; background: var(--panel); border-left: 1px solid var(--border); box-shadow: -15px 0 45px rgba(29, 31, 41, .1); }
.ai-sidecar.open { display: flex; }
.ai-sidecar > header { display: flex; align-items: center; justify-content: space-between; min-height: 58px; padding: 0 15px; border-bottom: 1px solid var(--border); }
.ai-sidecar > header > div { display: flex; align-items: center; gap: 10px; }
.ai-sidecar > header > div > div { display: flex; flex-direction: column; gap: 2px; }
.ai-sidecar > header span { color: var(--muted); font-size: 10px; }
.ai-orb { display: grid; place-items: center; width: 30px; height: 30px; color: #fff !important; background: linear-gradient(135deg, #5755cc, #8a61c9); border-radius: 9px; font-size: 16px !important; }
.ai-conversation { display: flex; flex: 1; align-items: center; overflow: auto; padding: 28px; }
.ai-welcome { width: 100%; text-align: center; }
.large-spark { display: inline-grid; place-items: center; width: 45px; height: 45px; margin-bottom: 12px; color: #615bd7; background: var(--accent-soft); border-radius: 13px; font-size: 24px; }
.ai-welcome h2 { max-width: 310px; margin: 0 auto 22px; font-size: 18px; line-height: 1.4; }
.suggestion-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.suggestion-grid button { min-height: 70px; padding: 10px; color: var(--muted); background: var(--panel-muted); border: 1px solid var(--border); border-radius: 9px; text-align: left; }
.suggestion-grid button:hover { color: var(--text); border-color: var(--border-strong); background: var(--hover); }
.ai-composer { margin: 0 14px; padding: 10px; border: 1px solid var(--border-strong); border-radius: 10px; box-shadow: 0 2px 10px rgba(40, 42, 54, .05); }
.ai-composer textarea { width: 100%; resize: none; outline: 0; border: 0; background: transparent; line-height: 1.45; }
.ai-composer > div { display: flex; align-items: center; justify-content: space-between; }
.ai-composer label { color: var(--muted); font-size: 10px; }
.ai-composer button { width: 29px; height: 29px; color: #fff; background: var(--accent); border: 0; border-radius: 7px; font-size: 17px; }
.ai-disclaimer { margin: 8px 16px 12px; color: var(--faint); font-size: 9.5px; text-align: center; }

dialog { padding: 0; color: var(--text); background: var(--panel); border: 1px solid var(--border-strong); border-radius: 12px; box-shadow: var(--shadow); }
dialog::backdrop { background: rgba(25, 27, 35, .28); backdrop-filter: blur(2px); }
.search-dialog { width: min(640px, calc(100vw - 30px)); margin-top: 12vh; }
.search-box { display: flex; align-items: center; gap: 10px; height: 54px; padding: 0 13px; border-bottom: 1px solid var(--border); }
.search-box svg { color: var(--muted); }
.search-box input { flex: 1; outline: 0; border: 0; font-size: 14px; }
.search-box button { padding: 4px 7px; color: var(--faint); background: var(--panel-muted); border: 1px solid var(--border); border-radius: 5px; font-size: 10px; }
.search-body { display: flex; min-height: 245px; flex-direction: column; align-items: center; justify-content: center; color: var(--muted); }
.search-body .search-icon { margin-bottom: 12px; color: #c0c2ca; font-size: 32px; }
.search-body p { margin: 6px 0 0; color: var(--faint); font-size: 11px; }
.search-results { display: grid; align-self: stretch; gap: 3px; width: 100%; max-height: 360px; overflow: auto; padding: 7px; }
.search-results a { display: flex; align-items: center; gap: 10px; min-height: 52px; padding: 7px 9px; color: var(--faint); border-radius: 7px; text-align: left; }
.search-results a:hover { color: var(--text); background: var(--hover); }
.search-results a > span:nth-child(2) { display: flex; flex: 1; min-width: 0; flex-direction: column; gap: 3px; }
.search-results strong, .search-results small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.search-results strong { color: var(--text); font-size: 12px; }
.search-results small { color: var(--muted); font-size: 10px; }
.search-result-icon { display: grid; place-items: center; width: 31px; height: 31px; color: #3298ca; background: color-mix(in srgb, #3298ca 14%, var(--panel)); border-radius: 7px; font-size: 11px; font-weight: 700; }
.search-result-icon.kind-project { color: #b58262; background: color-mix(in srgb, #b58262 16%, var(--panel)); }
.search-result-icon.kind-work_item, .search-result-icon.kind-page { color: var(--accent); background: var(--accent-soft); }

.work-dialog { width: min(1040px, calc(100vw - 50px)); height: min(760px, calc(100vh - 50px)); max-width: none; max-height: none; }
.work-modal { display: flex; height: 100%; flex-direction: column; }
.work-modal > header { display: flex; align-items: center; justify-content: space-between; min-height: 52px; padding: 0 15px; border-bottom: 1px solid var(--border); }
.work-modal > header > div { display: flex; align-items: center; gap: 5px; }
.work-crumb { color: var(--muted); font-size: 11px; }
.work-crumb b { color: var(--border-strong); }
.work-save-state { margin-left: 6px; color: #7d818b; font-size: 10px; }
.work-save-state[data-state="failed"] { color: #b4434e; }
.work-layout { display: grid; grid-template-columns: minmax(0, 1fr) 285px; flex: 1; min-height: 0; }
.work-main { overflow: auto; padding: 32px 42px; }
.work-title { width: 100%; padding: 0; outline: 0; border: 0; font-size: 25px; font-weight: 700; letter-spacing: -.025em; }
.description-editor { margin-top: 32px; }
.section-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 9px; }
.inline-ai-trigger { padding: 4px 8px; color: #5b55bd; background: var(--accent-soft); border: 0; border-radius: 6px; font-size: 10px; }
.description-editor textarea, .comment-editor textarea { width: 100%; resize: vertical; outline: 0; line-height: 1.6; }
.description-editor textarea { padding: 13px; border: 1px solid var(--border); border-radius: 8px; }
.sub-items-section { margin-top: 24px; }
.sub-item-list { display: grid; margin-top: 8px; overflow: hidden; border: 1px solid var(--border); border-radius: 7px; }
.sub-item-list:empty { display: none; }
.sub-item-row { display: grid; grid-template-columns: minmax(0, 1fr) 30px; align-items: center; min-height: 39px; background: var(--panel); border-bottom: 1px solid var(--border); }
.sub-item-row:last-child { border-bottom: 0; }
.sub-item-row:hover { background: var(--hover); }
.sub-item-open { display: grid; grid-template-columns: 12px 64px minmax(0, 1fr) 120px; align-items: center; gap: 8px; min-width: 0; min-height: 38px; padding: 5px 9px; color: var(--text); background: transparent; border: 0; text-align: left; }.sub-item-open b { color: var(--faint); font-size: 9px; font-weight: 500; }.sub-item-open strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }.sub-item-open small { overflow: hidden; color: var(--muted); text-align: right; text-overflow: ellipsis; white-space: nowrap; font-size: 9px; }.sub-item-unlink { width: 24px; height: 24px; color: var(--faint); background: transparent; border: 0; border-radius: 5px; cursor: pointer; }.sub-item-unlink:hover { color: #c34f5e; background: var(--panel-muted); }
.sub-item-form { display: grid; grid-template-columns: 18px minmax(0, 1fr) auto; align-items: center; gap: 5px; margin-top: 7px; }
.sub-item-form > span { color: var(--faint); }
.sub-item-form input { height: 31px; padding: 0 9px; background: var(--panel); border: 1px solid var(--border); border-radius: 6px; outline: 0; }
.sub-item-form input:focus { border-color: #b7b9d8; }
.sub-item-form button { height: 31px; padding: 0 9px; color: var(--accent); background: var(--accent-soft); border: 1px solid color-mix(in srgb, var(--accent) 26%, var(--border)); border-radius: 6px; font-size: 10px; }
.sub-item-link-form { display: grid; grid-template-columns: 18px minmax(0, 1fr) auto; align-items: center; gap: 5px; margin-top: 6px; }.sub-item-link-form > span { color: var(--faint); }.sub-item-link-form input { height: 31px; padding: 0 9px; color: var(--text); background: transparent; border: 1px dashed var(--border-strong); border-radius: 6px; outline: 0; }.sub-item-link-form input:focus { border-color: var(--accent); }.sub-item-link-form button { height: 31px; padding: 0 9px; color: var(--accent); background: var(--accent-soft); border: 1px solid var(--border); border-radius: 6px; font-size: 10px; }
.relations-section { margin-top: 24px; }
.relation-list { display: grid; gap: 5px; }
.relation-list:empty { display: none; }
.relation-row { display: grid; grid-template-columns: 92px 64px minmax(0, 1fr) 24px; align-items: center; gap: 7px; min-height: 36px; padding: 4px 7px 4px 9px; background: var(--panel-muted); border: 1px solid var(--border); border-radius: 6px; }
.relation-kind { color: #696d78; font-size: 9px; }
.relation-kind.custom { color: var(--relation-color); font-weight: 650; }
.relation-row b { color: var(--faint); font-size: 9px; font-weight: 500; }
.relation-row strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.relation-row button { width: 22px; height: 22px; padding: 0; color: var(--faint); background: transparent; border: 0; border-radius: 4px; }
.relation-row button:hover { color: var(--danger); background: color-mix(in srgb, var(--danger) 10%, var(--panel)); }
.links-section { margin-top: 24px; }.link-list { display: grid; gap: 6px; }.link-row { display: grid; grid-template-columns: 26px minmax(0, 1fr) auto; align-items: center; gap: 8px; min-height: 42px; padding: 5px 7px; background: var(--panel-muted); border: 1px solid var(--border); border-radius: 6px; }.link-row > span { display: grid; place-items: center; width: 24px; height: 24px; color: var(--accent); background: var(--accent-soft); border-radius: 6px; }.link-row a { display: grid; min-width: 0; gap: 2px; }.link-row a strong, .link-row a small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.link-row a strong { color: var(--text); font-size: 10px; }.link-row a small { color: var(--faint); font-size: 8px; }.link-row > div { display: flex; gap: 3px; }.link-row button { min-width: 24px; height: 24px; padding: 0 5px; color: var(--faint); background: transparent; border: 0; border-radius: 4px; font-size: 9px; }.link-row button:hover { color: var(--text); background: var(--panel); }.link-form { display: grid; grid-template-columns: minmax(130px, .7fr) minmax(180px, 1.3fr) auto auto; gap: 6px; margin-top: 8px; }.link-form input { min-width: 0; padding: 8px 9px; color: var(--text); background: transparent; border: 1px solid var(--border-strong); border-radius: 6px; }.link-form button { padding: 7px 11px; color: var(--accent); background: var(--accent-soft); border: 0; border-radius: 6px; }.link-form .link-cancel { color: var(--muted); background: var(--panel-muted); }
.page-links-section { margin-top: 24px; }.page-link-list { display: grid; gap: 6px; }.page-link-row { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; align-items: center; gap: 8px; min-height: 44px; padding: 6px 7px; background: var(--panel-muted); border: 1px solid var(--border); border-radius: 6px; }.page-link-icon { display: grid; place-items: center; width: 26px; height: 26px; color: #a46b26; background: #f8eddc; border-radius: 6px; font-size: 12px; }.page-link-row a { display: grid; min-width: 0; gap: 2px; }.page-link-row a strong, .page-link-row a small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.page-link-row a strong { color: var(--text); font-size: 10px; }.page-link-row a small { color: var(--faint); font-size: 8px; }.page-link-row button { height: 25px; padding: 0 6px; color: var(--faint); background: transparent; border: 0; border-radius: 4px; font-size: 9px; }.page-link-row button:hover { color: var(--danger); background: var(--panel); }.page-link-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px; margin-top: 8px; }.page-link-form select { min-width: 0; padding: 8px 9px; color: var(--text); background: transparent; border: 1px solid var(--border-strong); border-radius: 6px; }.page-link-form button { padding: 7px 11px; color: var(--accent); background: var(--accent-soft); border: 0; border-radius: 6px; }.page-link-form button:disabled { opacity: .45; }:root[data-theme="dark"] .page-link-icon { color: #e4b66c; background: #3a2c19; }
.relation-form { display: grid; grid-template-columns: 120px minmax(0, 1fr) auto; gap: 5px; margin-top: 7px; }
.relation-form select, .relation-form input { height: 31px; padding: 0 8px; background: var(--panel); border: 1px solid var(--border); border-radius: 6px; outline: 0; font-size: 10px; }
.relation-form button { height: 31px; padding: 0 9px; color: var(--accent); background: var(--accent-soft); border: 1px solid color-mix(in srgb, var(--accent) 26%, var(--border)); border-radius: 6px; font-size: 10px; }
.attachments-section { margin-top: 24px; }
.attachment-upload-button { display: flex; align-items: center; height: 27px; padding: 0 8px; color: var(--accent); background: var(--accent-soft); border: 1px solid color-mix(in srgb, var(--accent) 26%, var(--border)); border-radius: 5px; cursor: pointer; font-size: 9px; }
.attachment-upload-button input { display: none; }
.attachment-upload-button.is-uploading { opacity: .55; pointer-events: none; }
.attachment-list { display: grid; gap: 5px; }
.attachment-list:empty { display: none; }
.attachment-row { display: grid; grid-template-columns: 29px minmax(0, 1fr) 70px 24px; align-items: center; gap: 8px; min-height: 43px; padding: 5px 7px; background: var(--panel-muted); border: 1px solid var(--border); border-radius: 6px; }
.attachment-icon { display: grid; place-items: center; width: 27px; height: 27px; color: var(--accent); background: var(--accent-soft); border-radius: 6px; font-size: 12px; }
.attachment-row a { display: flex; min-width: 0; flex-direction: column; gap: 3px; }
.attachment-row a strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.attachment-row a small, .attachment-row > small { color: var(--faint); font-size: 8px; }
.attachment-row > small { text-align: right; }
.attachment-row button { width: 22px; height: 22px; padding: 0; color: var(--faint); background: transparent; border: 0; border-radius: 4px; }
.attachment-row button:hover { color: var(--danger); background: color-mix(in srgb, var(--danger) 10%, var(--panel)); }
.attachment-help { margin: 7px 0 0; color: var(--faint); font-size: 8px; }
.activity-section { margin-top: 32px; }
.activity-tabs { display: flex; gap: 4px; border-bottom: 1px solid var(--border); }
.activity-tabs button { padding: 8px 7px; color: var(--muted); background: transparent; border: 0; border-bottom: 2px solid transparent; font-size: 11px; }
.activity-tabs button.active { color: var(--text); border-bottom-color: var(--accent); }
.activity-event { display: flex; gap: 9px; padding: 16px 2px; }
.activity-event .card-avatar { margin: 0; }
.activity-event p { margin: 1px 0; color: var(--muted); font-size: 11px; }
.activity-event p strong { color: var(--text); }
.activity-event small { display: block; margin-top: 3px; color: var(--faint); }
.activity-list:empty { display: none; }
.activity-panel[hidden] { display: none; }
.transition-list { display: grid; gap: 7px; padding-top: 12px; }.transition-entry { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 7px 12px; padding: 11px 12px; background: var(--panel-muted); border: 1px solid var(--border); border-radius: 7px; }.transition-flow { display: flex; min-width: 0; align-items: center; gap: 7px; font-size: 10px; }.transition-flow strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.transition-arrow { color: var(--faint); }.transition-duration { align-self: center; padding: 3px 7px; color: var(--accent); background: var(--accent-soft); border-radius: 999px; font-size: 9px; font-variant-numeric: tabular-nums; }.transition-entry footer { grid-column: 1 / -1; display: flex; align-items: center; gap: 5px; color: var(--faint); font-size: 8px; }.transition-entry footer b { margin-left: auto; padding: 2px 5px; color: #39705a; background: #e8f5ee; border-radius: 4px; }[data-theme="dark"] .transition-entry footer b { color: #83d6ad; background: #183629; }
.comments-panel { padding-top: 12px; }
.worklog-list { display: grid; gap: 7px; padding-top: 12px; }
.worklog-entry { padding: 10px 11px; background: var(--panel-muted); border: 1px solid var(--border); border-radius: 7px; }
.worklog-entry header { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 9px; }
.worklog-entry header strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.worklog-entry header b { color: #565ac0; font-size: 10px; font-variant-numeric: tabular-nums; }
.worklog-entry header time { color: var(--faint); font-size: 8px; }
.worklog-entry > p { margin: 8px 0 0; color: var(--muted); font-size: 10px; line-height: 1.45; white-space: pre-wrap; }
.worklog-entry > p.muted { color: var(--faint); font-style: italic; }
.worklog-entry > footer { display: flex; min-height: 18px; align-items: end; justify-content: space-between; margin-top: 7px; }
.worklog-entry > footer > span { padding: 2px 5px; color: #55aa7a; background: color-mix(in srgb, #55aa7a 14%, var(--panel)); border-radius: 4px; font-size: 8px; }
.worklog-entry > footer > div { display: flex; gap: 3px; margin-left: auto; }
.worklog-entry > footer button { padding: 2px 5px; color: var(--muted); background: transparent; border: 0; border-radius: 4px; font-size: 8px; }
.worklog-entry > footer button:hover { color: var(--text); background: var(--hover); }
.worklog-edit-form { display: grid; grid-template-columns: 135px minmax(0, 1fr); gap: 7px; }
.worklog-edit-form > .worklog-edit-field { display: grid; gap: 4px; color: var(--muted); font-size: 8px; }
.worklog-edit-field > input, .worklog-edit-field > textarea { width: 100%; padding: 7px 8px; color: var(--text); background: var(--panel); border: 1px solid var(--border-strong); border-radius: 6px; }
.worklog-edit-description { grid-column: 1 / -1; }
.worklog-edit-field > textarea { resize: vertical; }
.worklog-edit-form > label:not(.worklog-edit-field) { display: flex; align-items: center; color: var(--muted); font-size: 9px; }
.worklog-edit-form > label:not(.worklog-edit-field) input { margin: 0 5px 0 0; }
.worklog-edit-form > footer { display: flex; justify-content: flex-end; gap: 5px; }
.worklog-edit-form > footer button { min-height: 27px; padding: 0 8px; border: 1px solid var(--border); border-radius: 5px; }
.comment-editor { position: relative; }
.comment-editor textarea { padding: 11px 64px 11px 11px; border: 1px solid var(--border); border-radius: 8px; }
.comment-editor .inline-ai-trigger { position: absolute; top: 8px; right: 8px; }
.comment-editor > .comment-editor-actions { display: flex; justify-content: flex-end; gap: 7px; margin-top: 7px; }
.comment-editor > .comment-editor-actions .inline-ai-trigger { position: static; }
.comment-mention-menu { position: absolute; z-index: 12; right: 0; bottom: 44px; left: 0; max-height: 220px; overflow: auto; padding: 5px; background: var(--panel); border: 1px solid var(--border-strong); border-radius: 8px; box-shadow: 0 12px 30px rgba(25, 28, 38, .16); }
.comment-mention-menu[hidden] { display: none; }
.comment-mention-menu > button { display: flex; width: 100%; align-items: center; gap: 8px; padding: 7px 8px; color: var(--text); text-align: left; background: transparent; border: 0; border-radius: 6px; cursor: pointer; }
.comment-mention-menu > button:hover, .comment-mention-menu > button:focus { background: var(--hover); outline: 0; }
.comment-mention-menu .card-avatar { margin: 0; }
.comment-mention-menu > button > span:last-child { display: grid; min-width: 0; gap: 1px; }
.comment-mention-menu strong, .comment-mention-menu small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.comment-mention-menu strong { font-size: 10px; }
.comment-mention-menu small { color: var(--muted); font-size: 8px; }
.comment-mention-menu > p { margin: 0; padding: 9px; color: var(--muted); font-size: 9px; text-align: center; }
.comment-submit { padding: 5px 10px; color: #fff; background: #0877ae; border: 0; border-radius: 6px; font-size: 10px; font-weight: 650; }
.comment-list { display: grid; gap: 8px; margin-bottom: 10px; }
.comment-entry { display: grid; grid-template-columns: 25px minmax(0, 1fr); gap: 8px; padding: 10px 2px; }
.comment-entry .card-avatar { margin: 0; }
.comment-entry > div { padding: 9px 11px; background: var(--panel-muted); border: 1px solid var(--border); border-radius: 7px; }
.comment-entry header { display: flex; align-items: center; gap: 8px; margin-bottom: 5px; }
.comment-entry header small { color: var(--faint); }
.comment-entry header time { margin-left: auto; color: var(--faint); font-size: 8px; }
.comment-entry p { margin: 0; color: var(--text); line-height: 1.5; white-space: pre-wrap; }
.comment-mention-chips { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 7px; }
.comment-mention-chips span { padding: 2px 6px; color: var(--accent); background: var(--accent-soft); border: 1px solid color-mix(in srgb, var(--accent) 25%, transparent); border-radius: 999px; font-size: 8px; font-weight: 650; }
.comment-actions { display: flex; gap: 3px; }
.comment-actions button { padding: 2px 5px; color: var(--muted); background: transparent; border: 0; border-radius: 4px; font-size: 8px; }
.comment-actions button:hover { color: var(--text); background: var(--hover); }
.comment-edit-form { display: grid; gap: 7px; }
.comment-edit-form textarea { width: 100%; min-height: 72px; padding: 8px 9px; color: var(--text); background: var(--panel-muted); border: 1px solid var(--border-strong); border-radius: 6px; resize: vertical; }
.comment-edit-form footer { display: flex; justify-content: flex-end; gap: 6px; }
.comment-error { margin-top: 8px; }
.properties-panel { overflow: auto; padding: 22px 20px; background: var(--panel-muted); border-left: 1px solid var(--border); }
.properties-panel h3 { margin: 0 0 16px; font-size: 11px; text-transform: uppercase; letter-spacing: .05em; }
.properties-panel dl { display: grid; gap: 2px; margin: 0; }
.properties-panel dl > div { display: grid; grid-template-columns: 95px 1fr; align-items: center; min-height: 38px; }
.properties-panel dt { color: var(--muted); font-size: 11px; }
.properties-panel dd { display: flex; align-items: center; gap: 7px; margin: 0; font-size: 11px; }
.properties-panel .card-avatar { margin: 0; }
.properties-panel dd input, .properties-panel dd select { width: 100%; min-width: 0; height: 30px; padding: 0 7px; color: #4f535e; background: transparent; border: 1px solid transparent; border-radius: 5px; outline: 0; font-size: 11px; }
.properties-panel dd input:hover, .properties-panel dd select:hover { background: var(--panel); border-color: var(--border-strong); }
.properties-panel dd input:focus, .properties-panel dd select:focus { background: var(--panel); border-color: var(--accent); box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 12%, transparent); }
.properties-panel dl > div.multi-property { align-items: start; padding: 4px 0; }
.property-checklist { display: grid; width: 100%; max-height: 112px; gap: 2px; overflow: auto; padding: 3px; border: 1px solid var(--border); border-radius: 6px; }
.property-checklist label { display: flex; align-items: center; gap: 6px; min-height: 25px; padding: 3px 6px; border-radius: 4px; cursor: pointer; }
.property-checklist label:hover, .property-checklist label:has(input:checked) { background: color-mix(in srgb, var(--accent) 12%, transparent); }
.property-checklist input { width: 13px !important; height: 13px !important; padding: 0 !important; accent-color: var(--accent); }
.property-checklist i { width: 7px; height: 7px; flex: 0 0 auto; background: var(--option-color, var(--muted)); border-radius: 50%; }
.property-checklist span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.time-card { margin-top: 25px; padding: 13px; background: var(--panel); border: 1px solid var(--border); border-radius: 8px; }
.time-card > div { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.time-card > div span { color: var(--muted); font-variant-numeric: tabular-nums; }
.time-card button { width: 100%; height: 30px; color: #fff; background: var(--accent); border: 0; border-radius: 6px; font-size: 11px; }
.time-card button.running { background: #bf4d58; }
.time-card button.manual-time-trigger { margin-top: 7px; color: var(--muted); background: var(--panel); border: 1px solid var(--border-strong); }
.time-card button.manual-time-trigger:hover { background: var(--hover); }
.time-card .timer-error { margin-top: 8px; text-align: left; }

.ai-action-menu { position: fixed; z-index: 100; width: 210px; padding: 6px; background: var(--panel); border: 1px solid var(--border-strong); border-radius: 8px; box-shadow: 0 8px 28px rgba(28, 30, 39, .16); }
.ai-action-menu:not([hidden]) { display: grid; }
.ai-action-menu button { padding: 8px 9px; color: #4f5260; background: transparent; border: 0; border-radius: 5px; text-align: left; }
.ai-action-menu button:hover { color: var(--text); background: var(--hover); }

/* Workspace home follows Plane's quiet two-level information architecture. */
.workspace-body { background: var(--bg); }
.global-bar {
  display: grid;
  grid-template-columns: 250px minmax(320px, 1fr) 250px;
  align-items: center;
  height: 40px;
  padding: 0 9px;
  background: var(--bg);
  border-bottom: 1px solid var(--border);
}
.workspace-chip { display: flex; align-items: center; gap: 8px; width: fit-content; height: 32px; padding: 0 8px; background: transparent; border: 0; border-radius: 6px; }
.workspace-chip:hover { background: var(--hover); }
.workspace-chip-logo { display: grid; place-items: center; width: 27px; height: 27px; color: #fff; background: #0877ae; border-radius: 5px; font-weight: 700; }
.workspace-chip strong { font-size: 14px; }
.workspace-chip .chevron { color: #777b84; }
.global-search { display: flex; align-items: center; justify-self: center; gap: 8px; width: min(365px, 100%); height: 29px; padding: 0 10px; color: var(--muted); background: var(--panel); border: 1px solid var(--border-strong); border-radius: 8px; text-align: left; box-shadow: 0 1px 1px rgba(24, 27, 34, .02); }
.global-search:hover { border-color: var(--border-strong); }
.global-search svg { width: 15px; }
.global-search span { flex: 1; }
.global-search kbd { border: 0; background: transparent; }
.global-actions { display: flex; align-items: center; justify-content: flex-end; gap: 5px; }
.realtime-status { display: flex; align-items: center; justify-content: center; gap: 4px; width: 30px; height: 25px; padding: 0; overflow: hidden; color: var(--muted); background: transparent; border: 1px solid transparent; border-radius: 6px; font-size: 8px; white-space: nowrap; }
.realtime-status i { flex: 0 0 auto; width: 6px; height: 6px; background: #a7abb4; border-radius: 50%; }
.realtime-status span { overflow: hidden; text-overflow: ellipsis; }
.realtime-status[data-state="live"] i { background: #38a169; box-shadow: 0 0 0 3px color-mix(in srgb, #38a169 16%, transparent); }
.realtime-status[data-state="updates"] { color: var(--accent); background: var(--accent-soft); border-color: color-mix(in srgb, var(--accent) 28%, transparent); cursor: pointer; }
.realtime-status[data-state="updates"] i { background: var(--accent); }
.global-language { padding: 5px 6px; color: #646873; border-radius: 5px; font-size: 10px; }
.global-icon { display: grid; place-items: center; width: 28px; height: 28px; padding: 0; color: #646873; background: transparent; border: 0; border-radius: 6px; }
.global-icon:hover { background: var(--hover); }
.global-icon svg { width: 17px; }
.inbox-global-link { position: relative; }
.inbox-global-link.active { color: var(--text); background: var(--hover); }
.inbox-global-count { display: grid; position: absolute; top: -2px; right: -3px; place-items: center; min-width: 14px; height: 14px; padding: 0 3px; color: #fff; background: #d84f5f; border: 2px solid #f1f1f2; border-radius: 8px; font-size: 7px; font-weight: 700; }
.global-ai { display: flex; align-items: center; gap: 5px; height: 28px; padding: 0 9px; color: var(--accent); background: var(--accent-soft); border: 1px solid color-mix(in srgb, var(--accent) 26%, var(--border)); border-radius: 6px; font-size: 11px; font-weight: 650; }
.global-avatar { display: grid; place-items: center; width: 25px; height: 25px; padding: 0; color: #fff; background: #0a8d83; border: 0; border-radius: 50%; font-size: 8px; font-weight: 700; }
.user-menu { position: relative; }
.user-menu > summary { list-style: none; cursor: pointer; }
.user-menu > summary::-webkit-details-marker { display: none; }
.user-menu-popover { display: grid; position: absolute; z-index: 80; top: 33px; right: 0; width: 230px; padding: 7px; color: var(--text); background: var(--panel); border: 1px solid var(--border-strong); border-radius: 9px; box-shadow: var(--shadow); }
.user-menu-popover header { display: flex; align-items: center; gap: 9px; padding: 9px 8px 12px; border-bottom: 1px solid var(--border); }
.user-menu-popover header > i { flex: 0 0 auto; font-style: normal; }
.user-menu-popover header > span { display: grid; min-width: 0; gap: 2px; }
.user-menu-popover header strong, .user-menu-popover header small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.user-menu-popover header strong { font-size: 11px; }
.user-menu-popover header small { color: var(--muted); font-size: 9px; font-weight: 400; }
.user-menu-popover a, .user-menu-popover button { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 31px; padding: 0 8px; color: var(--muted); background: transparent; border: 0; border-radius: 5px; font-size: 10px; text-align: left; }
.user-menu-popover a:hover, .user-menu-popover button:hover { color: var(--text); background: var(--hover); }
.god-mode-link { color: #6762b8; }

.workspace-shell { display: grid; grid-template-columns: 250px minmax(0, 1fr); height: calc(100vh - 40px); padding: 0 8px 8px; }
.plane-sidebar { display: flex; min-height: 0; overflow-y: auto; flex-direction: column; background: var(--panel-muted); border: 1px solid var(--border); border-right: 0; border-radius: 8px 0 0 8px; scrollbar-width: thin; }
.sidebar-projects-title { display: flex; align-items: center; justify-content: space-between; height: 43px; padding: 0 13px 0 20px; }
.sidebar-projects-title strong { font-size: 16px; font-weight: 600; }
.sidebar-projects-title div { display: flex; gap: 2px; }
.sidebar-projects-title button { width: 27px; height: 27px; padding: 0; color: #777b84; background: transparent; border: 0; border-radius: 5px; }
.sidebar-projects-title button:hover { background: var(--hover); }
.sidebar-brand { display: flex; align-items: center; gap: 8px; min-width: 0; color: var(--text); }
.sidebar-brand > span { display: grid; flex: 0 0 auto; place-items: center; width: 22px; height: 22px; color: #fff; background: linear-gradient(145deg, #6560d9, #817ce8); border-radius: 6px; font-size: 10px; font-weight: 750; box-shadow: inset 0 0 0 1px rgba(255,255,255,.16); }
.sidebar-brand > strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.new-work-item { display: flex; align-items: center; gap: 7px; height: 33px; margin: 8px 12px 6px; padding: 0 10px; color: var(--muted); background: var(--panel); border: 1px solid var(--border); border-radius: 6px; }
.new-work-item:hover { color: var(--text); background: var(--hover); border-color: var(--border-strong); }
.new-work-item span { font-size: 11px; }
.plane-nav { display: grid; gap: 2px; padding: 0 12px; }
.plane-nav a, .plane-nav-group a { display: flex; align-items: center; gap: 9px; min-height: 31px; padding: 0 8px; color: #5c606a; border-radius: 6px; }
.plane-nav a:hover, .plane-nav a.active, .plane-nav-group a:hover, .plane-nav-group a.active { color: var(--text); background: var(--hover); }
.plane-nav a.active { font-weight: 600; }
.plane-nav svg, .plane-nav-group svg { width: 16px; }
.plane-nav-group { display: grid; gap: 2px; margin-top: 14px; padding: 0 12px; }
.plane-nav-group > span { padding: 0 8px 5px; color: #8a8e97; font-size: 11px; font-weight: 600; }
.plane-nav-group .more-dots { width: 16px; color: #777b84; letter-spacing: 1px; }
.sidebar-nav-more, .project-nav-more { display: grid; }
.sidebar-nav-more > summary, .project-nav-more > summary { display: flex; align-items: center; gap: 9px; min-height: 31px; padding: 0 8px; color: #5c606a; border-radius: 6px; list-style: none; cursor: pointer; user-select: none; }
.sidebar-nav-more > summary::-webkit-details-marker, .project-nav-more > summary::-webkit-details-marker { display: none; }
.sidebar-nav-more > summary:hover, .project-nav-more > summary:hover { color: var(--text); background: var(--hover); }
.sidebar-nav-more > summary i, .project-nav-more > summary i { margin-left: auto; font-size: 10px; font-style: normal; transition: transform .14s ease; }
.sidebar-nav-more[open] > summary i, .project-nav-more[open] > summary i { transform: rotate(180deg); }
.sidebar-nav-more > div, .project-nav-more > div { display: grid; gap: 2px; margin: 2px 0 4px 12px; padding-left: 6px; border-left: 1px solid var(--border); }
.sidebar-nav-more > div > a, .project-nav-more > div > a { min-height: 29px; }
.sidebar-project-list { display: grid; gap: 2px; margin-top: 14px; padding: 0 12px; }
.sidebar-project-list > div { display: flex; align-items: center; justify-content: space-between; padding: 0 8px 5px; color: #737781; font-size: 11px; }
.sidebar-project-list a { display: flex; align-items: center; gap: 9px; min-height: 32px; padding: 0 8px; border-radius: 6px; }
.sidebar-project-list a:hover { background: var(--hover); }
.sidebar-project-list a.active { background: var(--hover); font-weight: 600; }
.sidebar-project-list a span:nth-child(2) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sidebar-project-access { margin-left: auto; color: var(--faint); font-size: 8px; }
.project-briefcase { display: grid; place-items: center; width: 20px; height: 20px; color: #b58262; background: color-mix(in srgb, #b58262 16%, var(--panel)); border-radius: 5px; font-size: 8px; }
.sidebar-project-list button { height: 30px; color: #5e626c; background: transparent; border: 0; border-radius: 6px; text-align: left; }
.sidebar-project-list button:hover { background: var(--hover); }
.community-pill { align-self: flex-start; margin: auto 12px 11px; padding: 5px 8px; color: var(--muted); background: var(--hover); border-radius: 6px; font-size: 11px; }
.active-project-nav { display: grid; gap: 2px; margin: 7px 12px 0 33px; padding-left: 9px; border-left: 1px solid #d8d9dd; }
.active-project-nav a { display: flex; align-items: center; gap: 8px; min-height: 29px; padding: 0 8px; color: #6b6f79; border-radius: 5px; font-size: 11px; }
.active-project-nav a:hover, .active-project-nav a.active { color: var(--text); background: var(--hover); }
.active-project-nav a.active { font-weight: 600; }
.active-project-nav a span { width: 12px; color: #8a8e97; text-align: center; font-size: 8px; }
.project-nav-more > summary { min-height: 29px; color: #6b6f79; font-size: 11px; }
.project-nav-more > summary span { width: 12px; color: #8a8e97; text-align: center; font-size: 8px; }
.project-nav-more > div { margin-left: 5px; padding-left: 5px; }

.workspace-main { min-width: 0; overflow: auto; background: var(--panel); border: 1px solid var(--border); border-radius: 0 8px 8px 0; }
.workspace-page-bar { display: flex; position: sticky; z-index: 4; top: 0; align-items: center; justify-content: space-between; height: 43px; padding: 0 20px 0 27px; background: color-mix(in srgb, var(--panel) 96%, transparent); border-bottom: 1px solid var(--border); backdrop-filter: blur(12px); }
.workspace-page-bar > div, .workspace-page-bar > button { display: flex; align-items: center; gap: 8px; }
.workspace-page-bar svg { width: 16px; }
.workspace-page-bar button { height: 29px; padding: 0 10px; background: var(--panel); border: 1px solid var(--border-strong); border-radius: 6px; }
.workspace-dashboard { width: min(800px, calc(100% - 48px)); margin: 0 auto; padding: 47px 0 60px; }
.workspace-greeting { margin-left: 250px; margin-bottom: 28px; }
.workspace-greeting h1 { margin: 0 0 4px; font-size: 22px; letter-spacing: -.02em; }
.workspace-greeting p { display: flex; align-items: center; gap: 7px; margin: 0; color: #7f838d; font-size: 16px; font-weight: 500; }
.workspace-greeting p span { color: #f0b900; font-size: 24px; }
.quickstart-section > header, .workspace-widget > header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.quickstart-section > header { color: #656974; }
.quickstart-section > header button, .workspace-widget > header button { color: #60646f; background: transparent; border: 0; }
.quickstart-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.quickstart-grid article { display: grid; grid-template-columns: 40px 1fr; grid-template-rows: auto auto auto; min-height: 152px; padding: 18px 16px; border: 1px solid #e0e1e4; border-radius: 10px; }
.quickstart-grid article > strong { align-self: center; font-size: 13px; }
.quickstart-grid article p { grid-column: 1 / -1; margin: 11px 0 5px; color: #747884; line-height: 1.45; }
.quickstart-grid article button, .quickstart-grid article > a { grid-column: 1 / -1; justify-self: start; padding: 0; color: #0874b7; background: transparent; border: 0; font-weight: 600; }
.quick-icon { display: grid; place-items: center; width: 37px; height: 37px; color: #3298ca; background: color-mix(in srgb, #3298ca 14%, var(--panel)); border-radius: 50%; font-size: 15px; }
.quick-icon.people { color: #0878a5; }
.quick-icon.settings { color: #146e96; }
.quick-icon.profile { color: #fff; background: #0a8d83; }
.workspace-widget { margin-top: 18px; }
.workspace-widget > header strong { color: #656974; }
.workspace-widget > header button { color: #0573b5; }
.empty-widget { display: flex; min-height: 210px; flex-direction: column; align-items: center; justify-content: center; padding: 28px; color: var(--muted); background: var(--panel-muted); border: 1px solid var(--border); border-radius: 9px; text-align: center; }
.empty-widget p { max-width: 430px; margin: 14px 0 0; line-height: 1.45; }
.link-stack { display: grid; place-items: center; width: 55px; height: 55px; color: #c2c5cb; border: 2px solid #e2e3e6; border-radius: 9px; font-size: 24px; transform: rotate(-3deg); }
.recent-projects { display: grid; gap: 7px; min-height: 78px; padding: 10px; background: var(--panel-muted); border: 1px solid var(--border); border-radius: 9px; }
.recent-projects > a { display: flex; align-items: center; gap: 10px; padding: 10px; background: var(--panel); border: 1px solid var(--border); border-radius: 7px; }
.recent-projects > a > div { display: flex; flex: 1; flex-direction: column; gap: 3px; }
.recent-projects small { color: #8a8e97; }
.recent-project-icon { display: grid; place-items: center; width: 34px; height: 34px; color: #b58262; background: color-mix(in srgb, #b58262 16%, var(--panel)); border-radius: 7px; font-size: 9px; font-weight: 700; }
.empty-widget.small { min-height: 135px; }
.home-stickies { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.home-sticky { display: flex; min-height: 112px; flex-direction: column; justify-content: space-between; padding: 14px 15px; border: 1px solid rgba(78,72,48,.08); border-radius: 8px; }
.home-sticky:hover { box-shadow: 0 3px 12px rgba(38,39,44,.06); transform: translateY(-1px); }
.home-sticky p { display: -webkit-box; margin: 0; overflow: hidden; line-height: 1.5; white-space: pre-line; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.home-sticky small { color: var(--muted); font-size: 9px; }
.no-projects { display: flex; min-height: 145px; flex-direction: column; align-items: center; justify-content: center; padding: 25px; color: var(--muted); text-align: center; }
.no-projects p { margin: 6px 0 15px; }

/* The same Plane-like shell is used inside projects. */
.project-main { display: flex; flex-direction: column; overflow: hidden; }
.project-page-bar { flex: 0 0 43px; }
.project-breadcrumb { min-width: 0; }
.project-breadcrumb > strong, .project-breadcrumb > b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.project-breadcrumb > span:not(.project-breadcrumb-icon) { color: #b3b5bc; }
.project-breadcrumb > b { color: #6f737d; font-weight: 500; }
.project-breadcrumb-icon { display: grid; place-items: center; width: 24px; height: 24px; color: #b58262; background: color-mix(in srgb, #b58262 16%, var(--panel)); border-radius: 5px; font-size: 7px; font-weight: 750; }
.project-page-actions { display: flex; align-items: center; gap: 7px; }
.project-settings-shortcut { display: grid; place-items: center; width: 30px; height: 29px; padding: 0; color: var(--muted); background: var(--panel); border: 1px solid var(--border-strong); border-radius: 6px; }
.project-settings-shortcut:hover { color: var(--text); background: var(--hover); }
.project-page-actions .primary-button { height: 29px; color: #fff; background: #0877ae; border-color: #076b9d; }
.project-heading { display: flex; flex: 0 0 auto; align-items: flex-start; justify-content: space-between; padding: 22px 27px 17px; }
.project-heading h1 { margin: 0 0 4px; font-size: 20px; letter-spacing: -.02em; }
.project-heading p { margin: 0; color: #7a7e88; font-size: 12px; }
.project-view-toolbar { position: relative; z-index: 5; flex: 0 0 44px; padding: 0 27px; background: var(--panel); }
.plane-board { min-height: 0; padding: 16px 20px 28px; background: var(--bg); }
.plane-board .work-card { min-height: 116px; border-radius: 6px; box-shadow: none; }
.plane-board .work-card:hover { transform: none; border-color: var(--border-strong); box-shadow: 0 2px 6px rgba(32,34,45,.05); }
.plane-board .work-card.dragging { opacity: .38; }
.plane-board .board-column.drag-over { background: color-mix(in srgb, var(--accent) 7%, var(--panel-muted)); border-radius: 7px; outline: 1px dashed color-mix(in srgb, var(--accent) 58%, var(--border-strong)); outline-offset: 4px; }
.app-toast { position: fixed; z-index: 200; right: 18px; bottom: 18px; max-width: 360px; padding: 10px 13px; color: #fff; background: #353942; border-radius: 7px; box-shadow: 0 8px 26px rgba(25,27,35,.2); }
.app-toast.error { background: #a94450; }

/* Workspace switcher and creation flows. */
.compact-dialog { width: min(420px, calc(100vw - 28px)); }
.compact-dialog > header, .form-dialog > header { display: flex; align-items: flex-start; justify-content: space-between; padding: 16px 18px; border-bottom: 1px solid var(--border); }
.compact-dialog > header > div, .form-dialog > header > div { display: flex; flex-direction: column; gap: 3px; }
.compact-dialog > header strong, .form-dialog > header strong { font-size: 14px; }
.compact-dialog > header small, .form-dialog > header small { color: var(--muted); }
.dialog-close { display: grid; place-items: center; width: 28px; height: 28px; padding: 0; color: var(--muted); background: transparent; border: 0; border-radius: 6px; font-size: 19px; }
.dialog-close:hover { color: var(--text); background: var(--hover); }
.workspace-options { display: grid; gap: 4px; max-height: 310px; overflow: auto; padding: 9px; }
.workspace-options a { display: flex; align-items: center; gap: 10px; min-height: 52px; padding: 7px 9px; border-radius: 7px; }
.workspace-options a:hover, .workspace-options a.active { background: var(--hover); }
.workspace-options a > div { display: flex; flex: 1; flex-direction: column; gap: 3px; }
.workspace-options small { color: var(--muted); }
.workspace-options b { color: #0877ae; }
.workspace-option-logo { display: grid; place-items: center; width: 34px; height: 34px; color: #fff; background: #0877ae; border-radius: 7px; font-weight: 700; }
.dialog-secondary-action { width: calc(100% - 18px); height: 38px; margin: 0 9px 9px; color: var(--muted); background: var(--panel-muted); border: 1px solid var(--border); border-radius: 7px; text-align: left; padding: 0 12px; }
.dialog-secondary-action:hover { color: var(--text); background: var(--hover); }
.form-dialog form { display: grid; gap: 15px; padding: 18px; }
.form-dialog label { display: grid; gap: 7px; color: #5f636e; font-size: 11px; font-weight: 600; }
.form-dialog input, .form-dialog textarea, .form-dialog select { width: 100%; padding: 9px 10px; color: var(--text); background: var(--panel); border: 1px solid var(--border-strong); border-radius: 6px; outline: 0; font-weight: 400; }
.form-dialog input:focus, .form-dialog textarea:focus, .form-dialog select:focus { border-color: #7272d8; box-shadow: 0 0 0 2px rgba(91,91,214,.1); }
.form-dialog textarea { resize: vertical; line-height: 1.45; }
.form-dialog .checkbox-label { display: flex; align-items: center; gap: 8px; color: #5f636e; font-weight: 500; }
.form-dialog .checkbox-label input { width: 15px; height: 15px; margin: 0; padding: 0; }
.slug-input { display: flex; align-items: center; border: 1px solid #d9dae0; border-radius: 6px; overflow: hidden; }
.slug-input:focus-within { border-color: #7272d8; box-shadow: 0 0 0 2px rgba(91,91,214,.1); }
.slug-input span { padding-left: 10px; color: var(--faint); font-weight: 400; }
.slug-input input { border: 0; box-shadow: none !important; }
.form-dialog footer { display: flex; justify-content: flex-end; gap: 8px; margin-top: 4px; }
.form-dialog footer button { min-width: 84px; height: 34px; border-radius: 6px; }
.dialog-cancel { color: var(--muted); background: var(--panel); border: 1px solid var(--border-strong); }
.form-error { margin: 0; padding: 9px 10px; color: var(--danger); background: color-mix(in srgb, var(--danger) 10%, var(--panel)); border: 1px solid color-mix(in srgb, var(--danger) 25%, var(--border)); border-radius: 6px; font-size: 11px; }
.form-error[hidden] { display: none; }
.form-dialog button:disabled { cursor: wait; opacity: .6; }

.project-dialog { width: min(650px, calc(100vw - 30px)); max-width: none; }
.project-cover { display: flex; position: relative; height: 125px; align-items: center; justify-content: center; color: rgba(255,255,255,.88); background: linear-gradient(135deg, #6871bd 0%, #7889c7 44%, #95a3cf 100%); overflow: hidden; }
.project-cover::before, .project-cover::after { content: ""; position: absolute; width: 290px; height: 80px; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; transform: rotate(-18deg); }
.project-cover::after { width: 390px; height: 110px; transform: rotate(18deg); }
.project-cover > span { position: relative; z-index: 1; font-size: 32px; }
.cover-close { position: absolute; z-index: 2; top: 10px; right: 10px; color: #fff; background: rgba(35,42,79,.2); }
.project-dialog form { gap: 14px; padding: 21px 24px 22px; }
.project-identity { display: grid; grid-template-columns: 42px minmax(0, 1fr) 130px; align-items: end; gap: 10px; }
.project-dialog-icon { display: grid; place-items: center; width: 42px; height: 38px; color: #b58262; background: color-mix(in srgb, #b58262 16%, var(--panel)); border: 1px solid color-mix(in srgb, #b58262 26%, var(--border)); border-radius: 7px; }
.project-settings-row { display: flex; align-items: center; justify-content: space-between; min-height: 40px; padding: 0 10px; color: var(--muted); background: var(--panel-muted); border: 1px solid var(--border); border-radius: 6px; }
.project-settings-row strong { display: flex; align-items: center; gap: 7px; color: #555963; font-size: 11px; }
.project-settings-row .global-avatar { width: 22px; height: 22px; font-size: 7px; font-style: normal; }
.work-item-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.project-features-dialog { width: min(900px, calc(100vw - 30px)); max-width: none; }
.project-features-dialog[open] { display: block !important; position: fixed; z-index: 300; inset: 80px auto auto 50%; margin: 0; transform: translateX(-50%); }
.project-features-dialog form { gap: 0; padding: 0; }
.project-features-dialog form > header { padding: 24px 22px 20px; }
.project-features-dialog h2 { margin: 0 0 7px; font-size: 24px; letter-spacing: -.025em; }
.project-features-dialog header p { margin: 0; color: var(--muted); }
.project-feature-list { display: grid; gap: 14px; padding: 0 22px 30px; }
.project-feature-list label { display: flex; min-height: 65px; grid-template-columns: none; align-items: center; justify-content: space-between; padding: 10px 16px; background: var(--panel); border: 1px solid var(--border); border-radius: 8px; }
.project-feature-list label > span { display: flex; flex-direction: column; gap: 6px; }
.project-feature-list label strong { color: var(--text); font-size: 14px; }
.project-feature-list label small { color: var(--muted); font-size: 11px; font-weight: 400; }
.project-feature-list input[role="switch"] { position: relative; width: 27px; height: 15px; flex: 0 0 auto; padding: 0; appearance: none; background: #9ca0a7; border: 0; border-radius: 10px; box-shadow: none; transition: background .12s ease; }
.project-feature-list input[role="switch"]::after { content: ""; position: absolute; top: 2px; left: 2px; width: 11px; height: 11px; background: #fff; border-radius: 50%; transition: transform .12s ease; }
.project-feature-list input[role="switch"]:checked { background: #0877ae; }
.project-feature-list input[role="switch"]:checked::after { transform: translateX(12px); }
.project-features-dialog form > footer { align-items: center; margin: 0; padding: 16px 22px; border-top: 1px solid #e1e2e5; }
.project-created-message { margin-right: auto; color: var(--muted); font-size: 11px; }
.project-features-skip { color: var(--muted); background: var(--panel); border: 1px solid var(--border-strong); }

/* Workspace project directory. */
.projects-main { overflow: auto; }
.projects-main .workspace-page-bar .primary-button { height: 29px; color: #fff; background: #0877ae; border-color: #076b9d; }
.projects-page { width: min(1040px, calc(100% - 54px)); margin: 0 auto; padding: 42px 0 60px; }
.projects-heading { display: flex; align-items: flex-end; justify-content: space-between; }
.projects-heading h1 { margin: 0 0 7px; font-size: 24px; letter-spacing: -.025em; }
.projects-heading p { margin: 0; color: var(--muted); }
.projects-heading > span { color: var(--faint); font-size: 11px; }
.projects-tabs { display: flex; gap: 4px; margin-top: 27px; border-bottom: 1px solid var(--border); }
.projects-tabs button { padding: 9px 11px; color: var(--muted); background: transparent; border: 0; border-bottom: 2px solid transparent; }
.projects-tabs button.active { color: var(--text); border-bottom-color: #0877ae; font-weight: 650; }
.projects-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 18px; }
.project-card { display: flex; min-height: 205px; flex-direction: column; padding: 17px; background: var(--panel); border: 1px solid var(--border); border-radius: 9px; transition: border-color .12s ease, box-shadow .12s ease; }
.project-card[hidden], .projects-empty[hidden] { display: none; }
.project-card:hover { border-color: #c9cbd1; box-shadow: 0 5px 18px rgba(32,34,45,.06); }
.project-card > header { display: flex; align-items: center; justify-content: space-between; }
.project-card > header > div { display: flex; align-items: center; gap: 8px; }
.project-card > header button { color: var(--faint); background: transparent; border: 0; }
.project-card > header .project-archive-action { width: auto; padding: 5px 7px; border-radius: 5px; font-size: 8px; }
.project-card > header .project-archive-action:hover { color: var(--danger); background: color-mix(in srgb, var(--danger) 10%, var(--panel)); }
:root[data-theme="dark"] .project-card > header .project-archive-action:hover { background: #382126; }
.archived-project-card { border-style: dashed; opacity: .86; }
.archived-project-card .project-card-icon { filter: grayscale(1); }
.project-card-icon { display: grid; place-items: center; min-width: 38px; height: 36px; padding: 0 6px; color: #b58262; background: color-mix(in srgb, #b58262 16%, var(--panel)); border-radius: 7px; font-size: 8px; font-weight: 750; }
.project-access-badge { padding: 3px 7px; color: var(--muted); background: var(--panel-muted); border: 1px solid var(--border); border-radius: 999px; font-size: 8px; font-weight: 650; }
.project-access-badge.private { color: #d09a4b; background: color-mix(in srgb, #d09a4b 14%, var(--panel)); border-color: color-mix(in srgb, #d09a4b 28%, var(--border)); }
:root[data-theme="dark"] .project-access-badge.private { color: #d9b16d; background: #30291d; border-color: #54452b; }
.project-card > div { flex: 1; padding-top: 16px; }
.project-card h2 { margin: 0 0 7px; font-size: 15px; }
.project-card p { display: -webkit-box; margin: 0; overflow: hidden; color: var(--muted); line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.project-card footer { display: flex; align-items: center; justify-content: space-between; padding-top: 13px; border-top: 1px solid #ececef; }
.project-card footer span { color: var(--faint); font-size: 10px; }
.project-card footer a { color: #0877ae; font-weight: 600; }
.project-card footer .project-archived-badge { padding: 4px 6px; color: var(--muted); background: var(--hover); border-radius: 8px; font-size: 8px; font-weight: 650; }
.projects-empty { display: flex; grid-column: 1 / -1; min-height: 330px; flex-direction: column; align-items: center; justify-content: center; color: var(--muted); background: var(--panel-muted); border: 1px solid var(--border); border-radius: 9px; text-align: center; }
.projects-empty > span { font-size: 34px; }
.projects-empty h2 { margin: 12px 0 4px; color: var(--text); font-size: 16px; }
.projects-empty p { margin: 0 0 16px; }

/* Native workspace time reporting. */
.report-export { padding: 6px 9px; color: var(--accent); background: var(--panel); border: 1px solid var(--border-strong); border-radius: 6px; font-size: 11px; font-weight: 600; }
.time-main { overflow: auto; }
.time-page { width: min(1040px, calc(100% - 54px)); margin: 0 auto; padding: 42px 0 60px; }
.time-page > header h1 { margin: 0 0 7px; font-size: 24px; letter-spacing: -.025em; }
.time-page > header p { margin: 0; color: var(--muted); }
.time-summary-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 27px; }
.time-summary-grid article { display: flex; min-height: 132px; flex-direction: column; padding: 17px; background: var(--panel); border: 1px solid var(--border); border-radius: 9px; }
.time-summary-grid article > span { color: var(--muted); font-size: 11px; }
.time-summary-grid article > strong { margin: 12px 0 7px; font-size: 25px; letter-spacing: -.02em; }
.time-summary-grid article > small { margin-top: auto; color: var(--faint); }
.time-report-card { margin-top: 18px; background: var(--panel); border: 1px solid var(--border); border-radius: 9px; overflow: hidden; }
.time-report-card > header { display: flex; min-height: 58px; align-items: center; padding: 0 17px; border-bottom: 1px solid var(--border); }
.time-report-card > header > div { display: flex; flex-direction: column; gap: 3px; }
.time-report-card > header small { color: var(--faint); }
.time-table-wrap { overflow-x: auto; }
.time-report-card table { width: 100%; border-collapse: collapse; }
.time-report-card th, .time-report-card td { padding: 11px 14px; border-bottom: 1px solid #ececef; text-align: left; white-space: nowrap; }
.time-report-card th { color: var(--muted); background: var(--panel-muted); font-size: 10px; font-weight: 650; text-transform: uppercase; letter-spacing: .03em; }
.time-report-card td { color: #555963; font-size: 11px; }
.time-report-card td:first-child { width: 42%; }
.time-report-card td a { display: flex; flex-direction: column; gap: 3px; }
.time-report-card td a b { color: #0877ae; font-size: 10px; }
.time-report-card td a span { color: var(--text); font-size: 12px; font-weight: 600; }
.report-avatar { display: inline-grid; place-items: center; width: 22px; height: 22px; margin-right: 7px; color: #fff; background: #0a8d83; border-radius: 50%; font-size: 7px; font-weight: 700; }
.time-empty { display: flex; min-height: 310px; flex-direction: column; align-items: center; justify-content: center; color: var(--muted); text-align: center; }
.time-empty > span { color: #b1b4bc; font-size: 36px; }
.time-empty strong { margin-top: 11px; color: var(--text); font-size: 15px; }
.time-empty p { margin: 5px 0 0; }

/* Project overview uses the shared workspace shell and compact data cards. */
.project-overview-main { overflow: auto; }
.project-overview-page { width: min(940px, calc(100% - 54px)); margin: 0 auto; padding: 38px 0 60px; }
.project-overview-hero { display: flex; align-items: flex-start; justify-content: space-between; }
.project-overview-hero > div { display: flex; gap: 14px; min-width: 0; }
.project-hero-icon { display: grid; place-items: center; min-width: 52px; height: 52px; padding: 0 7px; color: #b58262; background: color-mix(in srgb, #b58262 16%, var(--panel)); border-radius: 10px; font-size: 9px; font-weight: 750; }
.project-overview-hero h1 { margin: 1px 0 7px; font-size: 24px; letter-spacing: -.025em; }
.project-overview-hero p { max-width: 590px; margin: 0; color: var(--muted); line-height: 1.5; }
.project-progress-card { margin-top: 28px; padding: 17px; background: var(--panel); border: 1px solid var(--border); border-radius: 9px; }
.project-progress-card header { display: flex; align-items: center; justify-content: space-between; }
.project-progress-card header > div { display: flex; flex-direction: column; gap: 4px; }
.project-progress-card header small { color: var(--muted); }
.project-progress-card header > b { color: #0877ae; font-size: 18px; }
.project-progress-track { display: block; width: 100%; height: 7px; margin-top: 14px; appearance: none; background: var(--hover); border: 0; border-radius: 7px; overflow: hidden; }
.project-progress-track::-webkit-progress-bar { background: var(--hover); border-radius: 7px; }
.project-progress-track::-webkit-progress-value { background: #0877ae; border-radius: 7px; }
.project-progress-track::-moz-progress-bar { background: #0877ae; border-radius: 7px; }
.project-state-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 12px; }
.project-state-grid a { display: grid; grid-template-columns: 18px 1fr auto; align-items: center; min-height: 84px; padding: 13px; background: var(--panel); border: 1px solid var(--border); border-radius: 8px; }
.project-state-grid a:hover { border-color: #c9cbd1; }
.project-state-grid a > div { display: flex; flex-direction: column; gap: 3px; }
.project-state-grid a > div strong { font-size: 18px; }
.project-state-grid a small, .project-state-grid a > b { color: var(--muted); font-size: 10px; }
.project-analytics { margin-top: 26px; }
.project-analytics > header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 11px; }
.project-analytics > header > div { display: flex; flex-direction: column; gap: 4px; }
.project-analytics > header strong { font-size: 14px; }
.project-analytics > header small { color: var(--muted); }
.project-metric-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.project-metric-grid article { display: flex; min-height: 102px; flex-direction: column; padding: 14px; background: var(--panel); border: 1px solid var(--border); border-radius: 8px; }
.project-metric-grid article > span { color: var(--muted); font-size: 10px; }
.project-metric-grid article > strong { margin: 9px 0 3px; font-size: 22px; }
.project-metric-grid article > small { margin-top: auto; color: var(--faint); font-size: 9px; }
.project-metric-grid .risk-metric > strong { color: #c6535d; }
.project-analytics-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; margin-top: 11px; }
.analytics-card { min-width: 0; overflow: hidden; background: var(--panel); border: 1px solid var(--border); border-radius: 8px; }
.analytics-card > header { display: flex; min-height: 47px; align-items: center; justify-content: space-between; padding: 0 13px; background: var(--panel-muted); border-bottom: 1px solid var(--border); }
.analytics-card > header strong { font-size: 11px; }
.analytics-card > header span { display: grid; place-items: center; min-width: 20px; height: 20px; color: var(--muted); background: var(--hover); border-radius: 10px; font-size: 9px; }
.analytics-breakdown, .workload-list { display: grid; padding: 6px 0; }
.analytics-breakdown a { display: grid; grid-template-columns: 14px 90px minmax(65px, 1fr) 22px; align-items: center; gap: 7px; min-height: 36px; padding: 4px 12px; }
.analytics-breakdown a:hover, .workload-list a:hover { background: var(--hover); }
.analytics-breakdown a > b, .workload-list a > b { overflow: hidden; font-size: 10px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.analytics-breakdown progress, .workload-list progress { width: 100%; height: 5px; overflow: hidden; appearance: none; background: var(--hover); border: 0; border-radius: 5px; }
.analytics-breakdown progress::-webkit-progress-bar, .workload-list progress::-webkit-progress-bar { background: var(--hover); border-radius: 5px; }
.analytics-breakdown progress::-webkit-progress-value, .workload-list progress::-webkit-progress-value { background: #777bd4; border-radius: 5px; }
.analytics-breakdown progress::-moz-progress-bar, .workload-list progress::-moz-progress-bar { background: #777bd4; border-radius: 5px; }
.analytics-breakdown a > strong, .workload-list a > strong { color: var(--muted); font-size: 10px; text-align: right; }
.workload-list a { display: grid; grid-template-columns: 26px 40px minmax(55px, 1fr) 48px 22px; align-items: center; gap: 7px; min-height: 41px; padding: 4px 12px; }
.workload-list .card-avatar { width: 23px; height: 23px; margin: 0; font-size: 7px; }
.workload-list small { overflow: hidden; color: var(--faint); font-size: 8px; text-align: right; white-space: nowrap; }
.muted-avatar { color: var(--muted) !important; background: var(--hover) !important; }
.project-recent-work { margin-top: 18px; background: var(--panel); border: 1px solid var(--border); border-radius: 9px; overflow: hidden; }
.project-recent-work > header { display: flex; min-height: 62px; align-items: center; justify-content: space-between; padding: 0 17px; border-bottom: 1px solid var(--border); }
.project-recent-work > header > div { display: flex; flex-direction: column; gap: 3px; }
.project-recent-work > header small { color: var(--muted); }
.project-recent-work > header a { color: #0877ae; font-size: 11px; font-weight: 600; }
.overview-work-list { display: grid; }
.overview-work-list > a { display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; align-items: center; min-height: 55px; padding: 7px 15px; border-bottom: 1px solid #eeeef1; }
.overview-work-list > a:last-child { border-bottom: 0; }
.overview-work-list > a:hover { background: var(--hover); }
.overview-work-list > a > div { display: flex; flex-direction: column; gap: 3px; }
.overview-work-list > a > div small { color: var(--muted); font-size: 10px; }
.overview-work-list .card-avatar { margin: 0; }
.project-overview-lower { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); align-items: start; gap: 11px; margin-top: 18px; }
.project-overview-lower .project-recent-work { margin-top: 0; }
.project-activity-card { overflow: hidden; background: var(--panel); border: 1px solid var(--border); border-radius: 9px; }
.project-activity-card > header { display: flex; min-height: 62px; align-items: center; padding: 0 15px; border-bottom: 1px solid var(--border); }
.project-activity-card > header > div { display: flex; flex-direction: column; gap: 3px; }
.project-activity-card > header small { color: var(--muted); }
.project-activity-list { display: grid; }
.project-activity-list > a { display: grid; grid-template-columns: 27px minmax(0, 1fr); gap: 8px; min-height: 63px; padding: 9px 12px; border-bottom: 1px solid #eeeef1; }
.project-activity-list > a:last-child { border-bottom: 0; }
.project-activity-list > a:hover { background: var(--hover); }
.activity-avatar { display: grid; place-items: center; width: 25px; height: 25px; color: #fff; background: #7a82a9; border-radius: 50%; font-size: 8px; font-weight: 700; }
.project-activity-list a > div { min-width: 0; }
.project-activity-list p { margin: 0; color: #666a74; font-size: 9px; line-height: 1.45; }
.project-activity-list p strong { color: var(--text); }
.project-activity-list p b { color: #5054a8; font-weight: 600; }
.project-activity-list a > div > small, .project-activity-list time { display: block; overflow: hidden; color: var(--faint); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.project-activity-list a > div > small { margin-top: 4px; }
.project-activity-list time { margin-top: 2px; }
.project-activity-empty { padding: 32px 15px; color: var(--muted); text-align: center; }

/* Project settings keep identity and feature controls on a dedicated Plane-style surface. */
.project-settings-main { overflow: auto; }
.project-settings-page { width: min(780px, calc(100% - 54px)); margin: 0 auto; padding: 40px 0 70px; }
.project-settings-page > header h1 { margin: 0 0 7px; font-size: 24px; letter-spacing: -.025em; }
.project-settings-page > header p { margin: 0; color: var(--muted); }
.settings-card { margin-top: 24px; overflow: hidden; background: var(--panel); border: 1px solid var(--border); border-radius: 9px; }
.settings-card > header { display: flex; min-height: 62px; flex-direction: column; justify-content: center; gap: 4px; padding: 0 18px; background: var(--panel-muted); border-bottom: 1px solid var(--border); }
.settings-card > header strong { font-size: 12px; }
.settings-card > header small { color: var(--muted); }
.project-settings-form { display: grid; grid-template-columns: minmax(0, 1fr) 160px; gap: 16px; padding: 20px; }
.project-settings-form label { display: grid; gap: 7px; color: #555963; font-size: 10px; font-weight: 650; }
.project-settings-form input, .project-settings-form textarea, .project-settings-form select { width: 100%; padding: 9px 10px; color: var(--text); background: var(--panel); border: 1px solid var(--border-strong); border-radius: 6px; outline: 0; font-size: 12px; font-weight: 400; }
.project-settings-form input { height: 36px; }
.project-settings-form textarea { resize: vertical; line-height: 1.5; }
.project-settings-form input:focus, .project-settings-form textarea:focus, .project-settings-form select:focus { border-color: #8f91ca; box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 16%, transparent); }
.settings-description { grid-column: 1 / -1; }
.project-settings-form > .form-error, .project-settings-form > footer { grid-column: 1 / -1; }
.project-settings-form > footer, .project-settings-features-form > footer { display: flex; justify-content: flex-end; padding-top: 2px; }
.project-settings-form .primary-button, .project-settings-features-form .primary-button { height: 32px; }
.feature-settings-card .project-feature-list { gap: 8px; padding: 16px 20px; }
.feature-settings-card .project-feature-list label { min-height: 58px; }
.project-settings-features-form > .form-error { margin: 0 20px; }
.project-settings-features-form > footer { padding: 0 20px 20px; }
.project-member-settings-form { padding: 16px 20px 20px; }
.project-member-access-list { overflow: hidden; border: 1px solid var(--border); border-radius: 7px; }
.project-member-access-list > label { display: grid; grid-template-columns: 18px 26px minmax(0, 1fr) auto; align-items: center; gap: 10px; min-height: 52px; padding: 8px 12px; border-bottom: 1px solid var(--border); cursor: pointer; }
.project-member-access-list > label:last-child { border-bottom: 0; }
.project-member-access-list > label:hover { background: var(--panel-muted); }
.project-member-access-list input { accent-color: var(--accent); }
.project-member-access-list .global-avatar { width: 24px; height: 24px; font-size: 8px; }
.project-member-access-list span { display: grid; gap: 2px; min-width: 0; }
.project-member-access-list strong, .project-member-access-list small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.project-member-access-list strong { font-size: 11px; }
.project-member-access-list small, .project-member-settings-form > p { color: var(--muted); font-size: 9px; }
.project-member-access-list b { padding: 3px 7px; color: var(--muted); background: var(--panel-muted); border: 1px solid var(--border); border-radius: 999px; font-size: 8px; font-weight: 650; }
.project-work-item-types-form { padding: 16px 20px 20px; }
.project-work-item-type-list { overflow: hidden; border: 1px solid var(--border); border-radius: 7px; }
.project-work-item-type-list > label { display: grid; grid-template-columns: 18px 11px minmax(0, 1fr) auto; align-items: center; gap: 10px; min-height: 58px; padding: 9px 12px; border-bottom: 1px solid var(--border); cursor: pointer; }
.project-work-item-type-list > label:last-child { border-bottom: 0; }
.project-work-item-type-list > label:hover { background: var(--panel-muted); }
.project-work-item-type-list input { accent-color: var(--accent); }
.project-work-item-type-list > label > span:nth-of-type(2) { display: grid; gap: 3px; }
.project-work-item-type-list strong { font-size: 11px; }
.project-work-item-type-list small, .project-work-item-types-form > p { color: var(--muted); font-size: 9px; }
.project-work-item-type-list b { color: var(--faint); font-size: 8px; font-weight: 600; }
.estimate-settings-form { display: grid; gap: 12px; padding: 18px 20px 20px; }
.estimate-settings-grid { display: grid; grid-template-columns: minmax(0, 1fr) 160px; gap: 10px; }
.estimate-settings-grid label, .estimate-point-create-form label { display: grid; gap: 5px; color: var(--muted); font-size: 9px; font-weight: 600; }
.estimate-settings-grid .estimate-description { grid-column: 1 / -1; }
.estimate-settings-form input, .estimate-settings-form select, .estimate-point-create-form input, .estimate-point-edit-form input { box-sizing: border-box; width: 100%; min-height: 34px; padding: 7px 9px; color: var(--text); background: var(--panel-muted); border: 1px solid var(--border-strong); border-radius: 6px; outline: 0; }
.estimate-settings-form footer { display: flex; justify-content: flex-end; gap: 8px; }
.estimate-point-editor { border-top: 1px solid var(--border); }
.estimate-point-editor > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 15px 20px 5px; }
.estimate-point-editor > header strong { font-size: 11px; }
.estimate-point-editor > header small { color: var(--muted); font-size: 9px; }
.estimate-point-create-form, .estimate-point-edit-form { display: grid; grid-template-columns: 78px minmax(90px, .7fr) minmax(150px, 1.5fr) auto; align-items: end; gap: 8px; padding: 10px 20px; }
.estimate-point-create-form > .form-error, .estimate-point-edit-form > .form-error { grid-column: 1 / -1; }
.estimate-point-list { padding: 2px 0 12px; }
.estimate-point-edit-form { grid-template-columns: 78px minmax(90px, .7fr) minmax(150px, 1.5fr) 30px auto; padding-block: 6px; }
.estimate-point-edit-form + .estimate-point-edit-form { border-top: 1px solid var(--border); }
.estimate-point-edit-form button, .estimate-point-create-form button { min-height: 34px; }
.estimate-point-delete { padding: 0; color: var(--danger); background: transparent; border: 1px solid var(--border); border-radius: 6px; }
.estimate-point-list .project-label-empty { margin: 10px 20px; }
.custom-property-form { display: grid; gap: 12px; padding: 16px 20px 20px; border-bottom: 1px solid var(--border); }.custom-property-form:last-child { border-bottom: 0; }
.custom-property-form > header { display: grid; grid-template-columns: 11px auto 1fr; align-items: center; gap: 9px; }.custom-property-form > header small { color: var(--muted); text-align: right; }
.custom-property-grid { display: grid; grid-template-columns: 1.2fr 1fr 1fr 1.2fr 1.2fr; gap: 9px; }.custom-property-form label { display: grid; gap: 5px; color: var(--muted); font-size: 9px; }.custom-property-form input, .custom-property-form select { box-sizing: border-box; width: 100%; padding: 8px 9px; color: var(--text); background: var(--panel-muted); border: 1px solid var(--border-strong); border-radius: 6px; }.custom-property-switches { display: flex; gap: 18px; }.custom-property-switches label { display: flex; align-items: center; gap: 7px; }.custom-property-switches input { width: 15px; }.custom-property-form footer { display: flex; justify-content: flex-end; gap: 8px; }.custom-property-list { border-top: 1px solid var(--border); }
.detail-custom-property-card { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--border); }.detail-custom-property-card h3 { margin-bottom: 10px; }.detail-custom-properties { display: grid; gap: 8px; }.detail-custom-property { display: grid; grid-template-columns: 95px minmax(0, 1fr); align-items: center; gap: 8px; color: var(--muted); font-size: 10px; }.detail-custom-property input:not([type="checkbox"]), .detail-custom-property select { box-sizing: border-box; width: 100%; min-height: 32px; padding: 6px 8px; color: var(--text); background: transparent; border: 1px solid transparent; border-radius: 5px; }.detail-custom-property input:hover, .detail-custom-property select:hover, .detail-custom-property input:focus, .detail-custom-property select:focus { background: var(--panel); border-color: var(--border-strong); }.detail-custom-property select[multiple] { min-height: 70px; }
.work-item-template-form { display: grid; gap: 12px; padding: 16px 20px 20px; border-bottom: 1px solid var(--border); }.work-item-template-form:last-child { border-bottom: 0; }.work-item-template-form > header { display: grid; grid-template-columns: 11px auto 1fr; align-items: center; gap: 9px; }.work-item-template-form > header small { color: var(--muted); text-align: right; }.work-item-template-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }.work-item-template-form label { display: grid; gap: 5px; color: var(--muted); font-size: 9px; }.work-item-template-form input, .work-item-template-form select, .work-item-template-form textarea { box-sizing: border-box; width: 100%; padding: 8px 9px; color: var(--text); background: var(--panel-muted); border: 1px solid var(--border-strong); border-radius: 6px; }.work-item-template-form textarea { resize: vertical; }.work-item-template-form footer { display: flex; justify-content: flex-end; gap: 8px; }.work-item-template-list { border-top: 1px solid var(--border); }.template-custom-values { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; padding: 11px; background: var(--panel-muted); border: 1px solid var(--border); border-radius: 7px; }.template-custom-values > strong { grid-column: 1 / -1; font-size: 10px; }
.work-vote-controls { display: inline-flex; overflow: hidden; border: 1px solid var(--border-strong); border-radius: 7px; }.work-vote-controls button { min-width: 38px; height: 28px; padding: 0 7px; color: var(--muted); background: transparent; border: 0; border-right: 1px solid var(--border-strong); cursor: pointer; }.work-vote-controls button:last-child { border-right: 0; }.work-vote-controls button:hover { color: var(--text); background: var(--panel-muted); }.work-vote-controls button.active { color: #fff; background: var(--accent); }.work-vote-controls b { font-size: 9px; }
.work-subscribe { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-width: 40px; height: 28px; margin-right: 6px; padding: 0 8px; color: var(--muted); background: transparent; border: 1px solid var(--border-strong); border-radius: 7px; cursor: pointer; }.work-subscribe:hover { color: var(--text); background: var(--panel-muted); }.work-subscribe.active { color: var(--accent); background: var(--accent-soft); border-color: color-mix(in srgb, var(--accent) 45%, var(--border-strong)); }.work-subscribe b { font-size: 9px; }.work-subscribe:disabled { opacity: .55; cursor: wait; }
.recurring-form { display: grid; gap: 12px; padding: 16px 20px 20px; border-bottom: 1px solid var(--border); }.recurring-form:last-child { border-bottom: 0; }.recurring-form > header { display: grid; grid-template-columns: 20px auto 1fr; align-items: center; gap: 8px; }.recurring-form > header small { color: var(--muted); text-align: right; }.recurring-symbol { display: grid; place-items: center; width: 20px; height: 20px; color: var(--accent); background: var(--accent-soft); border-radius: 6px; }.recurring-grid { display: grid; grid-template-columns: 1.2fr 1.2fr .8fr .55fr 1.15fr; gap: 9px; }.recurring-form label { display: grid; gap: 5px; color: var(--muted); font-size: 9px; }.recurring-form input, .recurring-form select { box-sizing: border-box; width: 100%; padding: 8px 9px; color: var(--text); background: var(--panel-muted); border: 1px solid var(--border-strong); border-radius: 6px; }.recurring-enabled { display: flex !important; align-items: center; gap: 7px !important; }.recurring-enabled input { width: 15px; }.recurring-form footer { display: flex; justify-content: flex-end; gap: 8px; }.recurring-list { border-top: 1px solid var(--border); }
.recurring-origin { padding: 7px 18px; color: var(--accent); background: var(--accent-soft); border-bottom: 1px solid var(--border); font-size: 10px; font-weight: 600; }
@media (max-width: 1000px) { .recurring-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 680px) { .recurring-grid { grid-template-columns: 1fr; }.recurring-form > header { grid-template-columns: 20px 1fr; }.recurring-form > header small { grid-column: 2; text-align: left; } }
@media (max-width: 900px) { .custom-property-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 900px) { .work-item-template-grid, .template-custom-values { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 680px) { .custom-property-grid, .work-item-template-grid, .template-custom-values { grid-template-columns: 1fr; }.custom-property-form > header, .work-item-template-form > header { grid-template-columns: 11px 1fr; }.custom-property-form > header small, .work-item-template-form > header small { grid-column: 2; text-align: left; } }
@media (max-width: 680px) { .estimate-settings-grid, .estimate-point-create-form, .estimate-point-edit-form { grid-template-columns: 1fr; }.estimate-settings-grid .estimate-description { grid-column: 1; }.estimate-point-edit-form .estimate-point-delete { width: 34px; justify-self: end; }.estimate-point-edit-form button[type="submit"], .estimate-point-create-form button { justify-self: end; } }
.project-member-settings-form > p { margin: 10px 0 0; line-height: 1.45; }
.project-member-settings-form > .form-error { color: var(--danger); }
.project-member-settings-form > footer { display: flex; justify-content: flex-end; padding-top: 14px; }
.project-danger-settings-card { border-color: color-mix(in srgb, var(--danger) 38%, var(--border)); }
.project-danger-settings-card > header { background: color-mix(in srgb, var(--danger) 6%, var(--panel-muted)); }
.project-danger-settings-card > header strong { color: var(--danger); }
.project-delete-form { display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, 300px); align-items: end; gap: 14px 24px; padding: 20px; }
.project-delete-form > div { align-self: center; }
.project-delete-form > div strong { font-size: 11px; }
.project-delete-form p { margin: 5px 0 0; color: var(--muted); font-size: 9px; line-height: 1.45; }
.project-delete-form label { display: grid; gap: 6px; color: var(--muted); font-size: 9px; font-weight: 650; }
.project-delete-form input { width: 100%; height: 34px; padding: 0 9px; color: var(--text); background: var(--panel); border: 1px solid var(--border-strong); border-radius: 6px; outline: 0; }
.project-delete-form input:focus { border-color: var(--danger); box-shadow: 0 0 0 2px color-mix(in srgb, var(--danger) 14%, transparent); }
.project-delete-form > .form-error, .project-delete-form > footer { grid-column: 1 / -1; }
.project-delete-form > .form-error { color: var(--danger); }
.project-delete-form > footer { display: flex; justify-content: flex-end; }
.danger-button { min-height: 32px; padding: 0 12px; color: #fff; background: var(--danger); border: 1px solid color-mix(in srgb, var(--danger) 76%, #000); border-radius: 6px; font-size: 10px; font-weight: 650; }
.danger-button:hover { filter: brightness(.94); }
.danger-button:disabled { opacity: .55; cursor: wait; }
.work-delete { color: var(--danger); }
.work-delete:hover { color: #fff; background: var(--danger); }
.work-delete-dialog { width: min(470px, calc(100% - 28px)); }
.work-delete-dialog > header h2 { margin: 0 0 5px; font-size: 15px; }
.work-delete-dialog > header p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.45; }
.work-delete-dialog > header .dialog-close { width: 28px; height: 28px; color: var(--muted); background: transparent; border: 0; font-size: 18px; }
.work-delete-form > .work-delete-identifier { justify-self: start; padding: 5px 8px; color: var(--danger); background: color-mix(in srgb, var(--danger) 8%, var(--panel-muted)); border: 1px solid color-mix(in srgb, var(--danger) 28%, var(--border)); border-radius: 6px; font-size: 11px; }
.work-delete-form > .form-error { color: var(--danger); }
.state-settings-list { display: grid; padding: 8px 20px 16px; }
.project-state-settings-form { display: grid; grid-template-columns: 18px minmax(0, 1fr) 86px auto; align-items: end; gap: 10px; padding: 10px 0; border-bottom: 1px solid #eeeef1; }
.project-state-settings-form:last-child { border-bottom: 0; }
.project-state-settings-form > .status-dot { align-self: center; }
.project-state-settings-form label { display: grid; gap: 5px; color: var(--muted); font-size: 9px; font-weight: 650; }
.project-state-settings-form input[type="text"], .project-state-settings-form input:not([type]) { height: 32px; padding: 0 9px; color: var(--text); border: 1px solid var(--border-strong); border-radius: 6px; outline: 0; }
.project-state-settings-form input[type="color"] { width: 100%; height: 32px; padding: 3px; background: var(--panel); border: 1px solid var(--border-strong); border-radius: 6px; }
.project-state-settings-form > button { height: 32px; padding: 0 10px; color: var(--accent); background: var(--accent-soft); border: 1px solid color-mix(in srgb, var(--accent) 26%, var(--border)); border-radius: 6px; font-size: 10px; }
.project-state-settings-form > .form-error { grid-column: 2 / -1; margin: 0; }
.project-label-create-form { display: grid; grid-template-columns: minmax(0, 1fr) 78px auto; gap: 8px; padding: 16px 20px; border-bottom: 1px solid var(--border); }
.project-label-create-form input, .project-label-settings-form input { height: 32px; padding: 0 9px; color: var(--text); background: var(--panel); border: 1px solid var(--border-strong); border-radius: 6px; outline: 0; }
.project-label-create-form input[type="color"], .project-label-settings-form input[type="color"] { width: 100%; padding: 3px; }
.project-label-create-form button, .project-label-settings-form button { height: 32px; padding: 0 10px; color: var(--accent); background: var(--accent-soft); border: 1px solid color-mix(in srgb, var(--accent) 26%, var(--border)); border-radius: 6px; font-size: 10px; }
.project-label-create-form > .form-error { grid-column: 1 / -1; margin: 0; }
.project-label-settings-list { display: grid; padding: 8px 20px 16px; }
.project-label-settings-form { display: grid; grid-template-columns: 16px minmax(0, 1fr) 78px auto 30px; align-items: center; gap: 8px; padding: 9px 0; border-bottom: 1px solid #eeeef1; }
.project-label-settings-form:last-child { border-bottom: 0; }
.label-color-preview { width: 10px; height: 10px; background: var(--label-color, #6b7280); border-radius: 3px; }
.project-label-settings-form .project-label-delete { width: 30px; padding: 0; color: var(--danger); background: var(--panel); border-color: color-mix(in srgb, var(--danger) 25%, var(--border)); font-size: 16px; }
.project-label-settings-form > .form-error { grid-column: 2 / -1; margin: 0; }
.project-label-empty { margin: 10px 0; color: var(--muted); text-align: center; }

.archived-main { overflow: auto; }
.archived-page { width: min(900px, calc(100% - 54px)); margin: 0 auto; padding: 42px 0 70px; }
.archived-page > header { display: flex; align-items: flex-end; justify-content: space-between; }
.archived-page > header h1 { margin: 0 0 7px; font-size: 24px; letter-spacing: -.025em; }
.archived-page > header p { margin: 0; color: var(--muted); }
.archived-page > header > span { display: grid; place-items: center; min-width: 24px; height: 24px; color: var(--muted); background: var(--hover); border-radius: 12px; font-size: 10px; }
.archived-list { margin-top: 24px; overflow: hidden; background: var(--panel); border: 1px solid var(--border); border-radius: 9px; }
.archived-list article { display: grid; grid-template-columns: 16px minmax(0, 1fr) 135px auto; align-items: center; gap: 10px; min-height: 64px; padding: 8px 13px; border-bottom: 1px solid #eeeef1; }
.archived-list article:last-child { border-bottom: 0; }
.archived-list article > div { display: flex; min-width: 0; flex-direction: column; gap: 4px; }
.archived-list article > div strong, .archived-list article > div small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.archived-list article > div strong { font-size: 12px; }
.archived-list article > div small, .archived-list time { color: var(--muted); font-size: 9px; }
.archived-list article > button { height: 29px; padding: 0 9px; color: var(--accent); background: var(--accent-soft); border: 1px solid color-mix(in srgb, var(--accent) 26%, var(--border)); border-radius: 6px; font-size: 10px; }
.archived-list article > button:hover { background: color-mix(in srgb, var(--accent) 22%, var(--panel)); }
.archived-empty { display: flex; min-height: 320px; flex-direction: column; align-items: center; justify-content: center; color: var(--muted); text-align: center; }
.archived-empty > span { color: #b0b2bb; font-size: 34px; }
.archived-empty strong { margin-top: 10px; color: var(--text); font-size: 14px; }
.archived-empty p { margin: 5px 0 0; }

/* Small-team workspace member administration. */
.members-main { overflow: auto; }
.members-main .workspace-page-bar .primary-button { height: 29px; color: #fff; background: #0877ae; border-color: #076b9d; }
.members-page { width: min(940px, calc(100% - 54px)); margin: 0 auto; padding: 42px 0 60px; }
.members-page > header { display: flex; align-items: flex-end; justify-content: space-between; }
.members-page > header h1 { margin: 0 0 7px; font-size: 24px; letter-spacing: -.025em; }
.members-page > header p { margin: 0; color: var(--muted); }
.members-page > header > span { color: var(--faint); }
.members-card { margin-top: 27px; background: var(--panel); border: 1px solid var(--border); border-radius: 9px; overflow: hidden; }
.members-toolbar { display: flex; min-height: 58px; align-items: center; justify-content: space-between; padding: 0 15px; border-bottom: 1px solid var(--border); }
.members-toolbar input { width: min(260px, 45%); height: 31px; padding: 0 10px; background: var(--panel-muted); border: 1px solid var(--border-strong); border-radius: 6px; outline: 0; }
.members-list { display: grid; }
.members-list article { display: grid; grid-template-columns: 38px minmax(0, 1fr) 92px 90px 30px; align-items: center; gap: 10px; min-height: 68px; padding: 8px 14px; border-bottom: 1px solid #eeeef1; }
.members-list article:last-child { border-bottom: 0; }
.members-list article > div { display: flex; flex-direction: column; gap: 4px; }
.members-list article > div small { color: var(--muted); }
.member-avatar { display: grid; place-items: center; width: 34px; height: 34px; color: #fff; background: #0a8d83; border-radius: 8px; font-size: 9px; font-weight: 700; }
.member-status { justify-self: start; padding: 4px 7px; color: #55aa7a; background: color-mix(in srgb, #55aa7a 14%, var(--panel)); border-radius: 10px; font-size: 9px; }
.member-status.status-invited { color: #d19a3d; background: color-mix(in srgb, #d19a3d 15%, var(--panel)); }
.member-role { color: var(--muted); font-size: 11px; }
.members-list article > button { color: var(--faint); background: transparent; border: 0; }

/* Planning surfaces follow Plane's compact list-and-filter rhythm. */
.planning-main { overflow: auto; }
.planning-main .workspace-page-bar .primary-button { height: 29px; color: #fff; background: #0877ae; border-color: #076b9d; }
.planning-page { width: min(940px, calc(100% - 54px)); min-width: 0; margin: 0 auto; padding: 42px 0 60px; }
.planning-heading { display: flex; align-items: flex-end; justify-content: space-between; }
.planning-heading h1 { margin: 0 0 7px; font-size: 24px; letter-spacing: -.025em; }
.planning-heading p { margin: 0; color: var(--muted); }
.planning-heading > span { color: var(--faint); font-size: 11px; }
.planning-list, .views-list { display: grid; min-width: 0; gap: 10px; margin-top: 18px; }
.planning-card { min-width: 0; max-width: 100%; padding: 16px 17px; overflow: hidden; background: var(--panel); border: 1px solid var(--border); border-radius: 8px; }
.planning-card:hover { border-color: #c9cbd1; box-shadow: 0 3px 12px rgba(32,34,45,.04); }
.planning-card > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.planning-card > header > div { display: flex; gap: 11px; min-width: 0; }
.planning-card-actions { display: flex !important; align-items: center; gap: 5px !important; flex: 0 0 auto; }
.planning-edit, .planning-delete { display: grid; place-items: center; width: 26px; height: 26px; padding: 0; color: var(--muted); background: transparent; border: 0; border-radius: 5px; font-size: 13px; }
.planning-edit:hover { color: var(--text); background: var(--hover); }
.planning-delete:hover { color: var(--danger); background: color-mix(in srgb, var(--danger) 10%, var(--panel)); }
:root[data-theme="dark"] .planning-delete:hover { background: #382126; }
:root[data-theme="dark"] .planning-progress,
:root[data-theme="dark"] .planning-progress::-webkit-progress-bar { background: #30333d; }
:root[data-theme="dark"] .milestone-symbol { color: #c4b0ff; background: #2f2548; }
.planning-card h2, .view-card h2 { margin: 0 0 5px; font-size: 13px; }
.planning-card p, .view-card p { margin: 0; overflow: hidden; color: var(--muted); text-overflow: ellipsis; white-space: nowrap; }
.planning-symbol, .view-icon { display: grid; place-items: center; flex: 0 0 auto; width: 31px; height: 31px; color: var(--accent); background: var(--accent-soft); border-radius: 7px; font-size: 17px; }
.module-symbol { color: #d19a3d; background: color-mix(in srgb, #d19a3d 15%, var(--panel)); }
.planning-status { padding: 4px 8px; color: var(--muted); background: var(--hover); border-radius: 10px; font-size: 9px; text-transform: capitalize; }
.planning-status.status-active, .planning-status.status-in_progress { color: #7392e4; background: color-mix(in srgb, #7392e4 15%, var(--panel)); }
.planning-status.status-completed { color: #55aa7a; background: color-mix(in srgb, #55aa7a 14%, var(--panel)); }
.planning-status.status-paused { color: #d19a3d; background: color-mix(in srgb, #d19a3d 15%, var(--panel)); }
.planning-meta { display: flex; align-items: center; justify-content: space-between; margin: 15px 0 9px 42px; color: var(--faint); font-size: 10px; }
.planning-progress { display: block; width: calc(100% - 42px); height: 5px; margin-left: 42px; appearance: none; overflow: hidden; background: var(--hover); border: 0; border-radius: 5px; }
.planning-progress::-webkit-progress-bar { background: var(--hover); border-radius: 5px; }
.planning-progress::-webkit-progress-value { background: #696ed0; border-radius: 5px; }
.planning-progress::-moz-progress-bar { background: #696ed0; border-radius: 5px; }
.module-progress::-webkit-progress-value { background: #c58a3c; }
.module-progress::-moz-progress-bar { background: #c58a3c; }
.milestone-symbol { color: #6d4bb8; background: #f0eaff; }.milestone-progress-label { padding: 4px 8px; color: var(--accent); background: var(--accent-soft); border-radius: 10px; font-size: 9px; font-weight: 650; }.milestone-progress::-webkit-progress-value { background: #805ad5; }.milestone-progress::-moz-progress-bar { background: #805ad5; }.milestone-scope { width: calc(100% - 42px); margin: 17px 0 0 42px; padding-top: 13px; border-top: 1px solid var(--border); }.milestone-scope > header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 7px; }.milestone-scope > header strong { font-size: 10px; }.milestone-scope > header span { color: var(--faint); font-size: 9px; }.milestone-scope-list { display: grid; gap: 4px; }.milestone-scope-list > p { padding: 7px 0; color: var(--faint); font-size: 9px; }.milestone-scope-list article { display: grid; grid-template-columns: minmax(0, 1fr) 26px; align-items: center; min-height: 35px; background: var(--panel-muted); border: 1px solid var(--border); border-radius: 6px; }.milestone-scope-list article > a { display: grid; grid-template-columns: 11px 58px minmax(0, 1fr) 90px; align-items: center; gap: 7px; min-width: 0; padding: 6px 9px; }.milestone-scope-list article b { color: var(--faint); font-size: 9px; }.milestone-scope-list article strong, .milestone-scope-list article small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.milestone-scope-list article strong { font-size: 10px; }.milestone-scope-list article small { color: var(--muted); text-align: right; font-size: 9px; }.milestone-work-remove { width: 22px; height: 22px; padding: 0; color: var(--faint); background: transparent; border: 0; border-radius: 4px; }.milestone-work-remove:hover { color: var(--danger); background: var(--panel); }.milestone-work-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px; margin-top: 7px; }.milestone-work-form input { min-width: 0; padding: 7px 9px; color: var(--text); background: transparent; border: 1px dashed var(--border-strong); border-radius: 6px; }.milestone-work-form button { padding: 7px 10px; color: var(--accent); background: var(--accent-soft); border: 0; border-radius: 6px; font-size: 9px; }.milestone-work-form .form-error { grid-column: 1 / -1; }
.planning-empty { display: flex; min-height: 310px; flex-direction: column; align-items: center; justify-content: center; color: var(--muted); background: var(--panel-muted); border: 1px dashed var(--border-strong); border-radius: 9px; text-align: center; }
.planning-empty > span { color: #aeb1b8; font-size: 34px; }
.planning-empty h2 { margin: 12px 0 5px; color: var(--text); font-size: 15px; }
.planning-empty p { max-width: 390px; margin: 0 0 16px; }
.view-card { display: grid; grid-template-columns: 34px minmax(150px, 1fr) minmax(0, auto) 18px; min-width: 0; max-width: 100%; align-items: center; gap: 12px; min-height: 68px; padding: 10px 14px; overflow: hidden; background: var(--panel); border: 1px solid var(--border); border-radius: 8px; }
.view-card:hover { border-color: var(--border-strong); background: var(--hover); }
.view-card > b { color: var(--faint); font-size: 14px; }
.view-card-row { display: grid; position: relative; grid-template-columns: minmax(0, 1fr) 68px; align-items: center; background: var(--panel); border: 1px solid var(--border); border-radius: 8px; }
.view-card-row .view-card { border: 0; background: transparent; }
.view-actions { display: flex; gap: 3px; padding-right: 7px; }
.view-actions button { width: 27px; height: 27px; padding: 0; color: var(--muted); background: transparent; border: 0; border-radius: 5px; }
.view-actions button:hover { color: var(--text); background: var(--hover); }
:root[data-theme="dark"] .view-card-row { background: var(--panel); border-color: var(--border); }
.view-filters { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 5px; }
.view-filters span { padding: 4px 7px; color: var(--muted); background: var(--hover); border-radius: 10px; font-size: 9px; }

.page-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; margin-top: 25px; }
.page-collections { margin-top: 22px; overflow: hidden; background: var(--panel); border: 1px solid var(--border); border-radius: 9px; }.page-collections > header { display: flex; align-items: center; gap: 8px; min-height: 54px; padding: 9px 13px; border-bottom: 1px solid var(--border); }.page-collections > header > div { display: grid; flex: 1; gap: 3px; }.page-collections > header small { color: var(--muted); font-size: 9px; }.collection-filter { padding: 7px 9px; color: var(--muted); background: transparent; border: 1px solid transparent; border-radius: 6px; font-size: 9px; }.collection-filter:hover, .collection-filter.active { color: var(--text); background: var(--panel-muted); border-color: var(--border); }.page-collection-create, .page-collection-edit { display: grid; grid-template-columns: 1fr 1.6fr 38px auto; gap: 7px; padding: 9px 13px; border-bottom: 1px solid var(--border); }.page-collection-edit { grid-template-columns: 170px 1fr 1.4fr 38px auto auto; }.page-collection-create input, .page-collection-edit input { min-width: 0; padding: 7px 8px; color: var(--text); background: var(--panel-muted); border: 1px solid var(--border-strong); border-radius: 6px; }.page-collection-create input[type="color"], .page-collection-edit input[type="color"] { width: 38px; padding: 3px; }.page-collection-create button, .page-collection-edit button { padding: 7px 9px; color: var(--accent); background: var(--accent-soft); border: 1px solid var(--border); border-radius: 6px; }.page-collection-edit > .collection-filter { display: flex; align-items: center; gap: 8px; text-align: left; }.page-collection-edit > .collection-filter i { width: 10px; height: 10px; background: var(--collection-color); border-radius: 3px; }.page-collection-edit > .collection-filter span { display: grid; }.page-collection-edit > .collection-filter small { color: var(--muted); font-size: 8px; }.page-collection-edit > .page-collection-delete { color: #bf4b59; background: transparent; }.page-collection-create .form-error, .page-collection-edit .form-error { grid-column: 1 / -1; }.page-collection-badge { display: inline-flex; margin: 0 6px 7px 0; padding: 3px 6px; color: var(--collection-color); background: color-mix(in srgb, var(--collection-color) 12%, transparent); border-radius: 8px; font-size: 8px; font-weight: 650; }.page-collection-bar { display: flex; justify-content: flex-end; width: min(940px, calc(100% - 40px)); margin: 18px auto -30px; }.page-collection-bar label { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 9px; }.page-collection-bar select { padding: 7px 9px; color: var(--text); background: var(--panel); border: 1px solid var(--border-strong); border-radius: 6px; }
@media (max-width: 900px) { .page-collection-edit { grid-template-columns: 1fr 1fr 38px auto auto; }.page-collection-edit > .collection-filter { grid-column: 1 / -1; } }
@media (max-width: 680px) { .page-collections > header { align-items: flex-start; flex-wrap: wrap; }.page-collections > header > div { flex-basis: 100%; }.page-collection-create, .page-collection-edit { grid-template-columns: minmax(0, 1fr) 38px auto; }.page-collection-create input[name="description"] { grid-column: 1 / -1; grid-row: 2; }.page-collection-edit input[name="description"] { grid-column: 1 / -1; grid-row: 3; }.page-collection-edit > .collection-filter { grid-column: 1 / -1; }.page-collection-bar { width: calc(100% - 28px); margin-top: 12px; } }
.page-card { display: grid; grid-template-columns: 38px minmax(0, 1fr) 18px; align-items: start; gap: 11px; min-height: 132px; padding: 15px; overflow: hidden; background: var(--panel); border: 1px solid var(--border); border-radius: 8px; }
.page-card:hover { border-color: #c9cbd1; box-shadow: 0 3px 12px rgba(32,34,45,.04); }
.page-card-icon, .page-document-icon { display: grid; place-items: center; width: 36px; height: 36px; color: var(--accent); background: var(--accent-soft); border-radius: 7px; font-size: 17px; }
.page-card h2 { margin: 2px 0 7px; font-size: 13px; }
.page-access-badge { display: inline-flex; align-items: center; gap: 3px; margin: 0 0 7px; padding: 2px 6px; color: var(--muted); background: var(--panel-muted); border: 1px solid var(--border); border-radius: 999px; font-size: 8px; }
.page-access-badge[data-access="private"] { color: #d09a4b; background: color-mix(in srgb, #d09a4b 14%, var(--panel)); border-color: color-mix(in srgb, #d09a4b 28%, var(--border)); }
:root[data-theme="dark"] .page-access-badge[data-access="private"] { color: #e5b783; background: #2e261d; border-color: #51412e; }
.page-card p { display: -webkit-box; margin: 0; overflow: hidden; color: var(--muted); line-height: 1.5; white-space: pre-line; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.page-card > b { align-self: center; color: var(--faint); }
.page-grid > .planning-empty { grid-column: 1 / -1; }

.page-editor-main { overflow: auto; }
.page-editor-actions { flex: 0 0 auto; }
.page-editor-actions .page-access-input { width: auto; min-width: 104px; min-height: 30px; padding: 0 25px 0 8px; color: var(--muted); background: var(--panel); border: 1px solid var(--border); border-radius: 6px; font-size: 9px; }
.page-editor-actions > .page-access-badge { margin: 0; }
.page-editor-actions small { min-width: 55px; color: var(--muted); text-align: right; font-size: 9px; }
.page-editor-actions .page-ai-trigger { color: var(--accent); background: var(--accent-soft); border-color: color-mix(in srgb, var(--accent) 26%, var(--border)); }
.page-editor-actions .page-delete { color: #a64f58; background: transparent; border-color: transparent; }
.page-editor-actions .page-delete:hover { background: color-mix(in srgb, var(--danger) 10%, var(--panel)); }
:root[data-theme="dark"] .page-editor-actions .page-delete:hover { background: #382126; }
.page-editor { width: min(820px, calc(100% - 54px)); min-height: calc(100vh - 115px); margin: 0 auto; padding: 50px 0 90px; }
.page-editor > header { display: grid; grid-template-columns: 44px minmax(0, 1fr); align-items: center; gap: 12px; }
.page-title-input { width: 100%; padding: 0; color: var(--text); background: transparent; border: 0; outline: 0; font-size: 30px; font-weight: 720; letter-spacing: -.035em; }
.page-editor-toolbar { display: flex; gap: 3px; margin: 30px 0 14px; padding-bottom: 10px; border-bottom: 1px solid #e4e5e8; }
.page-editor-toolbar button { min-width: 30px; height: 28px; padding: 0 7px; color: var(--muted); background: var(--panel); border: 1px solid transparent; border-radius: 5px; }
.page-editor-toolbar button:hover { color: var(--text); background: var(--hover); border-color: var(--border); }
.page-editor-toolbar .page-ai-trigger { margin-left: auto; color: var(--accent); background: var(--accent-soft); }
.page-content-input { display: block; width: 100%; min-height: 520px; padding: 0; resize: none; color: #3e4149; background: transparent; border: 0; outline: 0; font: 14px/1.75 ui-monospace, SFMono-Regular, Consolas, monospace; }

.intake-list { display: grid; gap: 9px; margin-top: 18px; }
.intake-card { display: grid; grid-template-columns: 18px minmax(0, 1fr) auto; align-items: start; gap: 10px; min-height: 102px; padding: 15px 16px; background: var(--panel); border: 1px solid var(--border); border-radius: 8px; }
.intake-card[hidden] { display: none; }
.intake-status-dot { width: 9px; height: 9px; margin-top: 5px; background: #e6a72e; border: 2px solid #fff; border-radius: 50%; box-shadow: 0 0 0 1px #e6a72e; }
.intake-status-dot.status-accepted { background: #3e9b69; box-shadow: 0 0 0 1px #3e9b69; }
.intake-status-dot.status-declined { background: #bd626a; box-shadow: 0 0 0 1px #bd626a; }
.intake-status-dot.status-snoozed { background: #7d82c7; box-shadow: 0 0 0 1px #7d82c7; }
.intake-copy { min-width: 0; }
.intake-copy header { display: flex; align-items: center; gap: 8px; }
.intake-copy h2 { margin: 0; overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.intake-copy p { margin: 8px 0 10px; color: var(--muted); line-height: 1.5; }
.intake-copy small { color: var(--faint); }
.planning-status.status-pending { color: #d19a3d; background: color-mix(in srgb, #d19a3d 15%, var(--panel)); }
.planning-status.status-accepted { color: #55aa7a; background: color-mix(in srgb, #55aa7a 14%, var(--panel)); }
.planning-status.status-declined { color: var(--danger); background: color-mix(in srgb, var(--danger) 12%, var(--panel)); }
.planning-status.status-snoozed { color: var(--accent); background: var(--accent-soft); }
.intake-actions { display: flex; align-self: center; gap: 6px; }
.intake-actions button, .intake-actions a { min-height: 29px; padding: 0 9px; color: var(--muted); background: var(--panel); border: 1px solid var(--border-strong); border-radius: 6px; font-size: 10px; }
.intake-actions a { display: flex; align-items: center; color: #0877ae; }
.intake-actions .primary-button { color: #fff; background: #0877ae; border-color: #076b9d; }
.intake-empty { min-height: 330px; }
.intake-filter-empty { padding: 42px 16px; color: var(--muted); background: var(--panel-muted); border: 1px dashed var(--border-strong); border-radius: 8px; text-align: center; }
.intake-filter-empty[hidden] { display: none; }

.my-work-list { margin-top: 18px; background: var(--panel); border: 1px solid var(--border); border-radius: 8px; overflow: hidden; }
.my-work-row { display: grid; grid-template-columns: 16px minmax(220px, 1.4fr) minmax(120px, 1fr) 18px 105px 82px 28px; align-items: center; gap: 10px; min-height: 62px; padding: 8px 13px; border-bottom: 1px solid #ececef; }
.my-work-row:last-of-type { border-bottom: 0; }
.my-work-row:hover { background: var(--hover); }
.my-work-row[hidden] { display: none; }
.my-work-title { display: flex; min-width: 0; flex-direction: column; gap: 4px; }
.my-work-title strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.my-work-title small { color: var(--faint); font-size: 10px; }
.my-work-tags { display: flex; min-width: 0; gap: 4px; overflow: hidden; }
.my-work-tags span { flex: 0 0 auto; max-width: 120px; padding: 3px 6px; overflow: hidden; color: var(--muted); background: var(--hover); border-radius: 9px; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.my-work-state, .my-work-row time { color: var(--muted); font-size: 10px; }
.my-work-filter-empty { padding: 42px 16px; color: var(--muted); text-align: center; }
.my-work-filter-empty[hidden] { display: none; }

.inbox-read-all { height: 29px; padding: 0 9px; color: var(--muted); background: var(--panel); border: 1px solid var(--border-strong); border-radius: 6px; font-size: 10px; }
.inbox-read-all:hover:not(:disabled) { color: var(--text); background: var(--hover); border-color: var(--border-strong); }
.inbox-read-all:disabled { color: #a5a8b0; cursor: default; }
.inbox-tab-count { display: inline-grid; place-items: center; min-width: 17px; height: 17px; margin-left: 3px; padding: 0 4px; color: var(--muted); background: var(--hover); border-radius: 9px; font-size: 8px; }
.inbox-list { margin-top: 18px; overflow: hidden; background: var(--panel); border: 1px solid var(--border); border-radius: 8px; }
.inbox-item { display: grid; grid-template-columns: 8px 34px minmax(0, 1fr) auto; align-items: center; gap: 11px; min-height: 86px; padding: 12px 13px; border-bottom: 1px solid #ececef; }
.inbox-item:last-of-type { border-bottom: 0; }
.inbox-item:hover { background: var(--hover); }
.inbox-item[hidden] { display: none; }
.inbox-item.is-unread { background: color-mix(in srgb, var(--accent) 7%, var(--panel)); }
.inbox-item.is-unread:hover { background: color-mix(in srgb, var(--accent) 11%, var(--panel)); }
.inbox-unread-dot { width: 6px; height: 6px; background: transparent; border-radius: 50%; }
.inbox-item.is-unread .inbox-unread-dot { background: #6669d7; }
.inbox-avatar { display: grid; place-items: center; width: 32px; height: 32px; color: #fff; background: #7d82a8; border-radius: 8px; font-size: 9px; font-weight: 700; }
.inbox-avatar.kind-assignment { background: #9a6b55; }
.inbox-avatar.kind-mention { background: #6268bd; }
.inbox-avatar.kind-due { background: #0a8d83; }
.inbox-copy { display: flex; min-width: 0; flex-direction: column; gap: 5px; }
.inbox-copy p { margin: 0; color: #575b65; }
.inbox-copy p strong { color: var(--text); }
.inbox-copy a { overflow: hidden; color: #30333a; text-overflow: ellipsis; white-space: nowrap; }
.inbox-copy a:hover { color: #5459bd; }
.inbox-copy a b { margin-right: 5px; color: #7d818d; font-size: 10px; font-weight: 500; }
.inbox-copy small { color: var(--faint); font-size: 9px; }
.inbox-actions { display: flex; gap: 3px; opacity: 0; }
.inbox-item:hover .inbox-actions, .inbox-actions:focus-within { opacity: 1; }
.inbox-actions button { display: grid; place-items: center; width: 27px; height: 27px; padding: 0; color: var(--muted); background: var(--panel); border: 1px solid var(--border-strong); border-radius: 5px; }
.inbox-actions button:hover { color: var(--text); background: var(--hover); }
.inbox-filter-empty { padding: 52px 16px; color: var(--muted); text-align: center; }
.inbox-filter-empty[hidden] { display: none; }

.drafts-main { overflow: hidden; }
.drafts-main .workspace-page-bar .primary-button { height: 29px; color: #fff; background: #0877ae; border-color: #076b9d; }
.drafts-layout { display: grid; grid-template-columns: 280px minmax(0, 1fr); height: calc(100% - 43px); background: var(--panel); }
.drafts-list-panel { min-width: 0; overflow: auto; background: var(--panel-muted); border-right: 1px solid var(--border); }
.drafts-list-panel > header { padding: 18px 16px 12px; }
.drafts-list-panel h1 { margin: 0 0 3px; font-size: 15px; letter-spacing: -.015em; }
.drafts-list-panel p { margin: 0; color: var(--faint); font-size: 9px; }
.drafts-list { display: grid; gap: 3px; padding: 0 8px 20px; }
.draft-list-item { display: grid; grid-template-columns: 28px minmax(0, 1fr); align-items: center; gap: 9px; min-height: 56px; padding: 7px 9px; border: 1px solid transparent; border-radius: 7px; }
.draft-list-item:hover { background: var(--hover); }
.draft-list-item.active { background: var(--accent-soft); border-color: color-mix(in srgb, var(--accent) 24%, var(--border)); }
.draft-list-icon { display: grid; place-items: center; width: 27px; height: 27px; color: var(--accent); background: var(--accent-soft); border-radius: 6px; }
.draft-list-item > span:last-child { display: flex; min-width: 0; flex-direction: column; gap: 5px; }
.draft-list-item strong, .draft-list-item small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.draft-list-item strong { font-size: 11px; font-weight: 600; }
.draft-list-item small { color: var(--faint); font-size: 8px; }
.draft-editor-panel { min-width: 0; overflow: auto; background: var(--panel); }
.draft-editor { width: min(800px, calc(100% - 64px)); margin: 0 auto; padding: 30px 0 80px; }
.draft-editor > header { display: flex; align-items: center; justify-content: space-between; min-height: 34px; margin-bottom: 28px; }
.draft-document-icon { display: grid; place-items: center; width: 34px; height: 34px; color: var(--accent); background: var(--accent-soft); border-radius: 7px; font-size: 17px; }
.draft-editor-actions { display: flex; align-items: center; gap: 7px; }
.draft-editor-actions small { min-width: 54px; color: var(--faint); text-align: right; font-size: 9px; }
.draft-editor-actions button { height: 30px; padding: 0 10px; color: var(--muted); background: var(--panel); border: 1px solid var(--border-strong); border-radius: 6px; font-size: 10px; }
.draft-editor-actions .draft-delete-button:hover { color: var(--danger); background: color-mix(in srgb, var(--danger) 10%, var(--panel)); border-color: color-mix(in srgb, var(--danger) 28%, var(--border)); }
.draft-editor-actions .draft-publish-button { color: #fff; background: #0877ae; border-color: #076b9d; }
.draft-title-input { display: block; width: 100%; padding: 0; color: var(--text); background: transparent; border: 0; outline: 0; font-size: 27px; font-weight: 680; letter-spacing: -.03em; }
.draft-properties { display: flex; gap: 10px; margin: 24px 0 22px; padding: 12px 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.draft-properties label { display: flex; align-items: center; gap: 7px; color: var(--muted); font-size: 10px; }
.draft-properties select { height: 29px; padding: 0 25px 0 8px; color: var(--text); background: var(--panel-muted); border: 1px solid var(--border); border-radius: 6px; outline: 0; font-size: 10px; }
.draft-description-input { display: block; width: 100%; min-height: 430px; padding: 0; resize: none; color: var(--text); background: transparent; border: 0; outline: 0; font: 14px/1.75 Inter, ui-sans-serif, sans-serif; }
.drafts-empty { display: flex; height: 100%; min-height: 380px; flex-direction: column; align-items: center; justify-content: center; color: var(--muted); text-align: center; }
.drafts-empty > span { color: #a8abb3; font-size: 34px; }
.drafts-empty h2 { margin: 12px 0 6px; color: var(--text); font-size: 16px; }
.drafts-empty p { max-width: 360px; margin: 0 0 17px; }

.stickies-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 22px; }
.sticky-card { display: flex; min-width: 0; min-height: 235px; flex-direction: column; padding: 15px; border: 1px solid color-mix(in srgb, var(--sticky-color) 24%, var(--border)); border-radius: 9px; box-shadow: 0 1px 2px rgba(32,34,45,.025); }
.sticky-card:focus-within { border-color: color-mix(in srgb, var(--sticky-color) 42%, var(--border-strong)); box-shadow: 0 5px 20px rgba(32,34,45,.06); }
.sticky-yellow { --sticky-color: #d6ad24; background: color-mix(in srgb, var(--sticky-color) 18%, var(--panel)); }
.sticky-blue { --sticky-color: #4e91d4; background: color-mix(in srgb, var(--sticky-color) 18%, var(--panel)); }
.sticky-green { --sticky-color: #4b9b65; background: color-mix(in srgb, var(--sticky-color) 18%, var(--panel)); }
.sticky-pink { --sticky-color: #c96f83; background: color-mix(in srgb, var(--sticky-color) 18%, var(--panel)); }
.sticky-purple { --sticky-color: #8068d6; background: color-mix(in srgb, var(--sticky-color) 18%, var(--panel)); }
.sticky-card textarea { flex: 1; width: 100%; min-height: 155px; padding: 0; resize: none; color: var(--text); background: transparent; border: 0; outline: 0; font: 13px/1.6 Inter, ui-sans-serif, sans-serif; }
.sticky-card footer { display: flex; align-items: center; gap: 8px; min-height: 25px; margin-top: 12px; }
.sticky-card footer small { min-width: 44px; margin-left: auto; color: var(--muted); text-align: right; font-size: 8px; }
.sticky-colors { display: flex; gap: 4px; }
.sticky-colors button { width: 14px; height: 14px; padding: 0; border: 2px solid transparent; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(40,42,48,.09); }
.sticky-colors button.active { border-color: rgba(50,52,58,.45); }
.sticky-colors .color-yellow { background: #f2d96e; }
.sticky-colors .color-blue { background: #9fc8ef; }
.sticky-colors .color-green { background: #9ed1aa; }
.sticky-colors .color-pink { background: #e7aeb9; }
.sticky-colors .color-purple { background: #bbb0ec; }
.sticky-delete-button { display: grid; place-items: center; width: 24px; height: 24px; padding: 0; color: var(--muted); background: transparent; border: 0; border-radius: 5px; }
.sticky-delete-button:hover { color: var(--danger); background: color-mix(in srgb, var(--panel) 55%, transparent); }
.stickies-empty { grid-column: 1 / -1; min-height: 360px; }

.board-filter-panel { flex: 0 0 auto; margin: 0 27px; padding: 11px 12px; background: var(--panel-muted); border: 1px solid var(--border); border-radius: 7px; }
.board-filter-panel[hidden] { display: none; }
.board-filter-panel form { display: grid; grid-template-columns: repeat(5, minmax(120px, 1fr)) auto auto; align-items: end; gap: 8px; }
.board-filter-panel label { display: grid; gap: 5px; color: var(--muted); font-size: 9px; font-weight: 650; }
.board-filter-panel select, .board-filter-panel input { width: 100%; height: 29px; padding: 0 8px; color: var(--text); background: var(--panel); border: 1px solid var(--border-strong); border-radius: 5px; outline: 0; font-size: 11px; }
.board-filter-panel form .primary-button { height: 29px; color: #fff; background: #0877ae; border-color: #076b9d; }
.board-filter-panel form > a { align-self: center; color: var(--muted); font-size: 10px; }
.toolbar-actions .board-filter-trigger.active { color: var(--accent); background: var(--accent-soft); }
.saved-view-strip { display: flex; align-items: center; gap: 6px; margin-top: 10px; padding-top: 9px; border-top: 1px solid var(--border); }
.saved-view-strip strong { margin-right: 3px; color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .03em; }
.saved-view-strip a, .saved-view-strip button { padding: 4px 7px; color: var(--muted); background: var(--panel); border: 1px solid var(--border-strong); border-radius: 5px; font-size: 9px; }

@media (max-width: 900px) {
  .global-bar { grid-template-columns: 210px minmax(220px, 1fr) 190px; }
  .workspace-shell { grid-template-columns: 210px minmax(0, 1fr); }
  .workspace-greeting { margin-left: 0; }
  .board-filter-panel form { grid-template-columns: 1fr 1fr 1fr; }
  .drafts-layout { grid-template-columns: 230px minmax(0, 1fr); }
}

@media (max-width: 680px) {
  .global-bar { grid-template-columns: 1fr auto; }
  .global-search { display: none; }
  .global-language, .global-icon { display: none; }
  .workspace-shell { display: block; padding: 0; }
  .plane-sidebar { display: none; }
  .workspace-main { height: calc(100vh - 40px); border-radius: 0; }
  .workspace-dashboard { width: calc(100% - 28px); padding-top: 28px; }
  .workspace-greeting { margin-left: 0; }
  .quickstart-grid { grid-template-columns: 1fr; }
  .project-identity { grid-template-columns: 38px minmax(0, 1fr); }
  .project-identity .identifier-field { grid-column: 2; }
  .project-page-bar { padding-inline: 10px; }
  .project-breadcrumb > strong { max-width: 78px; }
  .project-page-actions .primary-button { min-width: 118px; justify-content: center; white-space: nowrap; }
  .projects-page { width: calc(100% - 28px); padding-top: 26px; }
  .projects-grid { grid-template-columns: 1fr; }
  .time-page { width: calc(100% - 28px); padding-top: 26px; }
  .time-summary-grid { grid-template-columns: 1fr; }
  .project-overview-page { width: calc(100% - 28px); padding-top: 26px; }
  .project-settings-page { width: calc(100% - 28px); padding-top: 26px; }
  .archived-page { width: calc(100% - 28px); padding-top: 26px; }
  .archived-list article { grid-template-columns: 14px minmax(0, 1fr) auto; }
  .archived-list time { display: none; }
  .project-settings-form { grid-template-columns: 1fr; }
  .project-delete-form { grid-template-columns: 1fr; }
  .project-state-settings-form { grid-template-columns: 16px minmax(0, 1fr) 70px; }
  .project-state-settings-form > button { grid-column: 2 / -1; justify-self: end; }
  .project-label-create-form { grid-template-columns: minmax(0, 1fr) 66px; }
  .project-label-create-form button { grid-column: 1 / -1; justify-self: end; }
  .project-label-settings-form { grid-template-columns: 12px minmax(0, 1fr) 62px 30px; }
  .project-label-settings-form > button[type="submit"] { grid-column: 2 / 4; justify-self: end; }
  .settings-description, .project-settings-form > .form-error, .project-settings-form > footer { grid-column: 1; }
  .project-metric-grid { grid-template-columns: 1fr 1fr; }
  .project-analytics-grid { grid-template-columns: 1fr; }
  .project-overview-lower { grid-template-columns: 1fr; }
  .project-state-grid { grid-template-columns: 1fr 1fr; }
  .members-page { width: calc(100% - 28px); padding-top: 26px; }
  .members-list article { grid-template-columns: 36px minmax(0, 1fr) 30px; }
  .member-status, .member-role { display: none; }
  .planning-page { width: calc(100% - 28px); padding-top: 26px; }
  .planning-heading p { max-width: 260px; }
  .planning-heading > span { display: none; }
  .planning-main .workspace-page-bar { padding-inline: 10px; overflow: hidden; }
  .planning-main .workspace-page-bar > div { min-width: 0; }
  .planning-main .workspace-page-bar > .primary-button { flex: 0 0 32px; width: 32px; padding: 0; justify-content: center; overflow: hidden; font-size: 0; }
  .planning-main .workspace-page-bar > .primary-button span { font-size: 12px; }
  .planning-card > header > div { min-width: 0; }
  .planning-card > header > div > div { min-width: 0; }
  .planning-status { flex: 0 0 auto; }
  .milestone-progress-label { display: none; }
  .milestone-scope { width: 100%; margin-left: 0; }
  .milestone-scope-list article > a { grid-template-columns: 10px 54px minmax(0, 1fr); }
  .milestone-scope-list article small { display: none; }
  .milestone-work-form { grid-template-columns: 1fr; }
  .planning-meta { flex-wrap: wrap; gap: 5px 12px; }
  .view-card { grid-template-columns: 34px minmax(0, 1fr) 18px; }
  .view-filters { display: none; }
  .page-grid { grid-template-columns: 1fr; }
  .page-editor { width: calc(100% - 32px); padding-top: 28px; }
  .page-editor > header { grid-template-columns: 36px minmax(0, 1fr); }
  .page-title-input { font-size: 24px; }
  .page-editor-actions small, .page-editor-actions > button:last-child { display: none; }
  .project-features-dialog[open] { top: 12px; max-height: calc(100vh - 24px); overflow: auto; }
  .project-features-dialog form > header { padding: 18px 16px 15px; }
  .project-feature-list { gap: 8px; padding: 0 16px 18px; }
  .project-feature-list label { min-height: 58px; padding: 8px 11px; }
  .project-created-message { display: none; }
  .intake-card { grid-template-columns: 14px minmax(0, 1fr); }
  .intake-actions { grid-column: 2; justify-self: start; flex-wrap: wrap; margin-top: 3px; }
  .my-work-row { grid-template-columns: 14px minmax(0, 1fr) 18px 27px; }
  .my-work-tags, .my-work-state, .my-work-row time { display: none; }
  .inbox-item { grid-template-columns: 7px 30px minmax(0, 1fr); padding-inline: 10px; }
  .inbox-avatar { width: 29px; height: 29px; }
  .inbox-actions { grid-column: 3; opacity: 1; }
  .inbox-read-all { font-size: 0; }
  .inbox-read-all::first-letter { font-size: 11px; }
  .drafts-layout { display: block; }
  .drafts-list-panel { display: none; }
  .draft-editor { width: calc(100% - 30px); padding-top: 20px; }
  .draft-editor-actions small { display: none; }
  .draft-title-input { font-size: 21px; letter-spacing: -.04em; }
  .draft-properties { align-items: stretch; flex-direction: column; }
  .stickies-grid, .home-stickies { grid-template-columns: 1fr; }
  .board-filter-panel { margin: 0 10px; }
  .board-filter-panel form { grid-template-columns: 1fr; }
  .saved-view-strip { overflow-x: auto; }
  .project-list-view, .project-table-view, .project-calendar-view, .project-timeline-view { padding: 10px; }
  .list-work-row { grid-template-columns: 20px 14px 56px minmax(0, 1fr) 27px; }
  .list-work-row > .card-label, .list-work-row time { display: none; }
  .bulk-action-bar { flex-wrap: wrap; padding: 8px 10px; }
  .bulk-action-bar > strong { width: 100%; }
}

.dashboards-page { width: min(1020px, calc(100% - 48px)); }
.dashboard-list-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.dashboard-list-card { display: grid; min-height: 210px; gap: 16px; padding: 18px; color: var(--text); background: var(--panel); border: 1px solid var(--border); border-radius: 10px; text-decoration: none; transition: border-color .15s ease, transform .15s ease; }
.dashboard-list-card:hover { border-color: var(--border-strong); transform: translateY(-2px); }
.dashboard-list-card > header, .dashboard-list-card > footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.dashboard-list-icon, .dashboard-title-icon { display: grid; width: 32px; height: 32px; place-items: center; color: var(--accent); background: var(--accent-soft); border-radius: 8px; font-size: 16px; }
.visibility-badge { display: inline-flex; width: max-content; padding: 4px 7px; border-radius: 999px; font-size: 8px; font-weight: 750; }
.visibility-badge.public { color: #33845d; background: color-mix(in srgb, #44a474 14%, var(--panel)); }
.visibility-badge.private { color: #6a61cf; background: var(--accent-soft); }
.dashboard-list-card h2 { margin: 0 0 7px; font-size: 16px; }
.dashboard-list-card p { min-height: 34px; margin: 0; color: var(--muted); font-size: 10px; line-height: 1.55; }
.dashboard-project-chips, .dashboard-filter-chips { display: flex; min-width: 0; flex-wrap: wrap; gap: 5px; }
.dashboard-project-chips span, .dashboard-filter-chips span { overflow: hidden; max-width: 180px; padding: 4px 7px; color: var(--muted); background: var(--panel-muted); border: 1px solid var(--border); border-radius: 999px; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-list-card footer { margin-top: auto; padding-top: 12px; color: var(--faint); border-top: 1px solid var(--border); font-size: 8px; }
.dashboard-list-card footer b { margin-left: auto; color: var(--accent); font-size: 14px; }
.dashboard-empty { grid-column: 1 / -1; }
.dashboard-project-picker { display: grid; gap: 7px; }
.dashboard-project-picker > small { color: var(--faint); font-size: 8px; }
.dashboard-project-picker > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); max-height: 190px; overflow-y: auto; gap: 6px; padding: 7px; background: var(--panel-muted); border: 1px solid var(--border); border-radius: 7px; }
.dashboard-project-picker label { display: flex; align-items: center; gap: 7px; min-width: 0; padding: 7px; color: var(--text); background: var(--panel); border: 1px solid var(--border); border-radius: 6px; font-size: 9px; }
.dashboard-filter-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.dashboard-form fieldset, .dashboard-widget-form fieldset { margin: 0; padding: 10px; border: 1px solid var(--border); border-radius: 7px; }
.dashboard-form legend, .dashboard-widget-form legend { padding: 0 5px; color: var(--muted); font-size: 9px; }

.dashboard-main { overflow: auto; }
.dashboard-page-bar > div:first-child { display: flex; align-items: center; gap: 7px; }
.dashboard-page-bar a { color: var(--muted); text-decoration: none; }
.dashboard-page-bar > div:last-child { display: flex; gap: 7px; }
.dashboard-page { width: min(1180px, calc(100% - 48px)); margin: 0 auto; padding: 34px 0 80px; }
.dashboard-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; }
.dashboard-title-row { display: flex; align-items: center; gap: 10px; }
.dashboard-title-row h1 { margin: 0; font-size: 27px; }
.dashboard-heading > div:first-child > p { max-width: 720px; margin: 8px 0 0 42px; color: var(--muted); line-height: 1.5; }
.dashboard-heading-meta { display: grid; flex: 0 0 auto; justify-items: end; gap: 7px; color: var(--faint); font-size: 8px; }
.dashboard-heading-meta b { color: var(--text); }
.dashboard-scope-bar { display: flex; min-height: 38px; align-items: center; justify-content: space-between; gap: 14px; margin: 22px 0 14px; padding: 8px 10px; background: var(--panel); border: 1px solid var(--border); border-radius: 8px; }
.dashboard-widget-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-flow: dense; gap: 12px; }
.dashboard-widget { display: grid; min-width: 0; min-height: 185px; overflow: hidden; background: var(--panel); border: 1px solid var(--border); border-radius: 10px; }
.dashboard-widget-width-2 { grid-column: span 2; }
.dashboard-widget-width-3 { grid-column: span 3; }
.dashboard-widget-height-2 { grid-row: span 2; min-height: 370px; }
.dashboard-widget-height-3 { grid-row: span 3; min-height: 555px; }
.dashboard-widget > header { display: flex; min-width: 0; align-items: flex-start; justify-content: space-between; gap: 10px; padding: 13px 15px; border-bottom: 1px solid var(--border); }
.dashboard-widget > header > div:first-child { display: grid; min-width: 0; gap: 4px; }
.dashboard-widget h2 { overflow: hidden; margin: 0; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-widget header small { color: var(--faint); font-size: 8px; }
.dashboard-widget > header > div:last-child { display: flex; gap: 3px; }
.dashboard-widget-edit, .dashboard-widget-delete { display: grid; width: 25px; height: 25px; place-items: center; padding: 0; color: var(--muted); background: transparent; border: 0; border-radius: 5px; }
.dashboard-widget-edit:hover { color: var(--accent); background: var(--accent-soft); }
.dashboard-widget-delete:hover { color: var(--danger); background: color-mix(in srgb, var(--danger) 10%, transparent); }
.dashboard-number { display: grid; place-content: center; gap: 7px; padding: 22px; text-align: center; }
.dashboard-number strong { color: var(--widget-color); font-size: clamp(38px, 6vw, 68px); line-height: 1; }
.dashboard-number span { color: var(--muted); font-size: 9px; }
.dashboard-text-widget { padding: 20px; color: var(--text); font-size: 12px; line-height: 1.65; white-space: pre-wrap; }
.dashboard-chart { display: grid; min-height: 145px; padding: 15px; }
.dashboard-chart > i { display: none; }
.dashboard-chart > p { place-self: center; color: var(--muted); font-size: 9px; }
.dashboard-bar-list { display: grid; align-content: center; gap: 10px; }
.dashboard-bar-row { display: grid; grid-template-columns: minmax(68px, .8fr) minmax(80px, 2fr) 30px; align-items: center; gap: 8px; font-size: 8px; }
.dashboard-bar-row > span:first-child { overflow: hidden; color: var(--muted); text-overflow: ellipsis; white-space: nowrap; }
.dashboard-bar-track { overflow: hidden; height: 8px; background: var(--panel-muted); border-radius: 999px; }
.dashboard-bar-track i { display: block; height: 100%; width: var(--bar-width); background: var(--widget-color); border-radius: inherit; }
.dashboard-bar-row b { text-align: right; font-size: 8px; }
.dashboard-ring-layout { display: grid; grid-template-columns: minmax(125px, 1fr) minmax(110px, 1fr); align-items: center; gap: 14px; }
.dashboard-ring { position: relative; width: min(155px, 100%); aspect-ratio: 1; justify-self: center; background: var(--ring-gradient); border-radius: 50%; }
.dashboard-ring.donut::after { position: absolute; inset: 27%; content: ""; background: var(--panel); border-radius: 50%; }
.dashboard-chart-legend { display: grid; gap: 7px; }
.dashboard-chart-legend > div { display: grid; grid-template-columns: 8px minmax(0, 1fr) auto; align-items: center; gap: 6px; color: var(--muted); font-size: 8px; }
.dashboard-chart-legend i { width: 7px; height: 7px; background: var(--legend-color); border-radius: 2px; }
.dashboard-chart-legend b { color: var(--text); }
.dashboard-line-svg { width: 100%; min-height: 130px; overflow: visible; }
.dashboard-line-svg .grid { stroke: var(--border); stroke-width: 1; }
.dashboard-line-svg .area { fill: color-mix(in srgb, var(--widget-color) 18%, transparent); }
.dashboard-line-svg .line { fill: none; stroke: var(--widget-color); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.dashboard-line-svg circle { fill: var(--panel); stroke: var(--widget-color); stroke-width: 2; }
.dashboard-line-labels { display: flex; justify-content: space-between; gap: 5px; color: var(--faint); font-size: 7px; }
.dashboard-table-wrap { overflow: auto; }
.dashboard-table-wrap table { width: 100%; min-width: 780px; border-collapse: collapse; font-size: 8px; }
.dashboard-table-wrap th { padding: 8px 10px; color: var(--faint); background: var(--panel-muted); text-align: left; font-weight: 600; }
.dashboard-table-wrap td { max-width: 220px; padding: 9px 10px; overflow: hidden; border-top: 1px solid var(--border); text-overflow: ellipsis; white-space: nowrap; }
.dashboard-table-wrap td a { color: var(--accent); font-weight: 750; text-decoration: none; }
.dashboard-widget-empty { grid-column: 1 / -1; }
.dashboard-widget-form { max-height: min(720px, calc(100vh - 100px)); overflow-y: auto; }
.dashboard-widget-form input[type="color"] { width: 100%; min-height: 35px; padding: 3px; }
.dashboard-widget-group-field[hidden], .dashboard-widget-text-field[hidden], .dashboard-widget-filter-field[hidden], .dashboard-widget-form label[hidden] { display: none; }

@media (max-width: 1000px) {
  .dashboard-widget-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dashboard-widget-width-3 { grid-column: span 2; }
}
@media (max-width: 680px) {
  .dashboards-page, .dashboard-page { width: calc(100% - 28px); padding-top: 26px; }
  .dashboard-list-grid, .dashboard-widget-grid, .dashboard-project-picker > div, .dashboard-filter-fields { grid-template-columns: 1fr; }
  .dashboard-widget { grid-column: 1; min-height: 180px; }
  .dashboard-heading { flex-direction: column; }
  .dashboard-heading-meta { justify-items: start; }
  .dashboard-heading > div:first-child > p { margin-left: 0; }
  .dashboard-scope-bar { align-items: flex-start; flex-direction: column; }
  .dashboard-page-bar > div:first-child a, .dashboard-page-bar > div:first-child span { display: none; }
  .dashboard-page-bar .secondary-button { display: none; }
  .dashboard-ring-layout { grid-template-columns: 1fr; }
  .dashboard-chart-legend { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px) { .link-form { grid-template-columns: 1fr auto; }.link-form input { grid-column: 1 / -1; } }

/* Workspace customers connect relationship context, requests, and delivery work. */
.customers-main, .customer-main { overflow: auto; }
.customers-page, .customer-detail-page { width: min(980px, calc(100% - 54px)); margin: 0 auto; padding: 38px 0 72px; }
.customers-page > header > span { color: var(--accent); font-size: 9px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.customers-page > header h1 { margin: 10px 0 6px; font-size: 26px; letter-spacing: -.035em; }
.customers-page > header p { max-width: 610px; margin: 0; color: var(--muted); line-height: 1.55; }
.customer-filter-form { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 9px; margin: 25px 0 16px; padding: 10px; background: var(--panel); border: 1px solid var(--border); border-radius: 8px; }
.customer-filter-form input[type="search"] { min-height: 34px; padding: 0 10px; color: var(--text); background: var(--panel-muted); border: 1px solid var(--border-strong); border-radius: 6px; outline: 0; }
.customer-filter-form label { color: var(--muted); font-size: 9px; white-space: nowrap; }
.customer-filter-form button { min-height: 34px; padding: 0 12px; color: var(--text); background: var(--panel-muted); border: 1px solid var(--border-strong); border-radius: 6px; }
.customer-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
.customer-card { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 12px; min-height: 142px; padding: 16px; color: var(--text); background: var(--panel); border: 1px solid var(--border); border-radius: 9px; }
.customer-card:hover { border-color: color-mix(in srgb, var(--accent) 50%, var(--border)); box-shadow: 0 7px 22px rgba(25,27,36,.08); }
.customer-logo { display: grid; place-items: center; width: 42px; height: 42px; color: #fff; background: linear-gradient(145deg, #7267d9, #4f8bbd); border-radius: 10px; font-size: 15px; font-weight: 750; }
.customer-card > div { display: flex; min-width: 0; flex-direction: column; }
.customer-card header { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.customer-card header strong { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.customer-card header b { padding: 3px 6px; color: var(--accent); background: var(--accent-soft); border-radius: 999px; font-size: 8px; font-weight: 650; }
.customer-card p { display: -webkit-box; margin: 9px 0; overflow: hidden; color: var(--muted); font-size: 10px; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.customer-card footer { display: flex; align-items: end; justify-content: space-between; gap: 8px; margin-top: auto; }
.customer-card footer span, .customer-card footer small { overflow: hidden; color: var(--faint); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.customers-empty { grid-column: 1 / -1; display: grid; min-height: 330px; place-items: center; align-content: center; color: var(--muted); text-align: center; }
.customers-empty > span { font-size: 35px; }.customers-empty h2 { margin: 12px 0 5px; color: var(--text); }.customers-empty p { margin: 0; }
.customer-hero { display: grid; grid-template-columns: 58px minmax(0, 1fr) auto; align-items: center; gap: 16px; margin-bottom: 20px; padding: 20px; background: var(--panel); border: 1px solid var(--border); border-radius: 10px; }
.customer-hero .customer-logo { width: 58px; height: 58px; font-size: 20px; }
.customer-hero > div > span { color: var(--accent); font-size: 8px; font-weight: 700; text-transform: uppercase; }.customer-hero h1 { margin: 4px 0 5px; font-size: 23px; }.customer-hero p { max-width: 620px; margin: 0; color: var(--muted); line-height: 1.45; }
.customer-hero aside { display: grid; grid-template-columns: auto auto; align-items: baseline; gap: 4px 9px; padding-left: 18px; border-left: 1px solid var(--border); }.customer-hero aside b { font-size: 18px; text-align: right; }.customer-hero aside small { color: var(--muted); font-size: 8px; }
.customer-section { overflow: hidden; margin-top: 14px; background: var(--panel); border: 1px solid var(--border); border-radius: 9px; }
.customer-section > header { display: flex; min-height: 58px; flex-direction: column; justify-content: center; gap: 3px; padding: 0 18px; background: var(--panel-muted); border-bottom: 1px solid var(--border); }.customer-section > header strong { font-size: 11px; }.customer-section > header small { color: var(--muted); font-size: 9px; }
.customer-edit-form { display: grid; gap: 12px; padding: 17px 19px 19px; }.customer-profile-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; }.customer-profile-grid label { display: grid; gap: 5px; color: var(--muted); font-size: 8px; }.customer-profile-description { grid-column: 1 / -1; }.customer-profile-grid input, .customer-profile-grid textarea { box-sizing: border-box; width: 100%; min-height: 33px; padding: 7px 8px; color: var(--text); background: var(--panel-muted); border: 1px solid var(--border-strong); border-radius: 6px; outline: 0; }.customer-profile-grid textarea { resize: vertical; }.customer-archive-toggle { color: var(--muted); font-size: 9px; }.customer-edit-form footer { display: flex; justify-content: flex-end; gap: 8px; }
.customer-request-create-form { display: grid; grid-template-columns: 1fr 1fr 1.5fr auto; align-items: center; gap: 8px; padding: 13px 18px; border-bottom: 1px solid var(--border); }.customer-request-create-form input, .customer-request-edit-form input, .customer-request-edit-form textarea, .customer-work-link-form input, .customer-work-link-form select { box-sizing: border-box; width: 100%; min-height: 33px; padding: 7px 8px; color: var(--text); background: var(--panel-muted); border: 1px solid var(--border-strong); border-radius: 6px; outline: 0; }.customer-request-create-form > .form-error, .customer-work-link-form > .form-error { grid-column: 1 / -1; }
.customer-request-list article { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 8px; padding: 12px 18px; border-bottom: 1px solid var(--border); }.customer-request-list article:last-child { border-bottom: 0; }.customer-request-list article > span { color: var(--accent); }.customer-request-edit-form { display: grid; grid-template-columns: minmax(0, 1fr) 30px auto; align-items: center; gap: 7px; }.customer-request-edit-form > div { display: grid; grid-template-columns: .8fr 1fr 1.5fr auto; align-items: center; gap: 7px; }.customer-request-edit-form textarea { min-height: 33px; resize: vertical; }.customer-request-edit-form small { color: var(--muted); font-size: 8px; white-space: nowrap; }.customer-request-edit-form .form-error { grid-column: 1 / -1; }.customer-request-delete { min-height: 31px; color: var(--danger); background: transparent; border: 1px solid var(--border); border-radius: 6px; }
.customer-work-link-form { display: grid; grid-template-columns: minmax(140px, 1fr) minmax(160px, 1fr) auto; gap: 8px; padding: 13px 18px; border-bottom: 1px solid var(--border); }.customer-work-list article { display: grid; grid-template-columns: 12px minmax(0, 1fr) 30px; align-items: center; gap: 9px; min-height: 53px; padding: 8px 18px; border-bottom: 1px solid var(--border); }.customer-work-list article:last-child { border-bottom: 0; }.customer-work-list article > a { display: grid; grid-template-columns: 66px minmax(0, 1fr) auto; align-items: center; gap: 8px; min-width: 0; color: var(--text); }.customer-work-list b { color: var(--accent); font-size: 9px; }.customer-work-list strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }.customer-work-list small { color: var(--muted); font-size: 8px; }.customer-work-unlink { width: 28px; height: 28px; color: var(--danger); background: transparent; border: 0; border-radius: 5px; }.customer-work-unlink:hover { background: color-mix(in srgb, var(--danger) 10%, transparent); }.customer-empty-row { margin: 0; padding: 25px 18px; color: var(--muted); text-align: center; }

@media (max-width: 850px) { .customer-profile-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.customer-request-edit-form > div { grid-template-columns: 1fr 1fr; }.customer-request-edit-form textarea { grid-column: 1 / -1; } }
@media (max-width: 680px) { .customers-page, .customer-detail-page { width: calc(100% - 28px); padding-top: 24px; }.customer-grid { grid-template-columns: 1fr; }.customer-filter-form { grid-template-columns: 1fr auto; }.customer-filter-form input[type="search"] { grid-column: 1 / -1; }.customer-hero { grid-template-columns: 46px minmax(0, 1fr); }.customer-hero .customer-logo { width: 46px; height: 46px; }.customer-hero aside { grid-column: 1 / -1; grid-template-columns: auto auto auto auto; justify-content: start; padding: 11px 0 0; border-top: 1px solid var(--border); border-left: 0; }.customer-profile-grid, .customer-request-create-form, .customer-request-edit-form, .customer-request-edit-form > div, .customer-work-link-form { grid-template-columns: 1fr; }.customer-profile-description, .customer-request-edit-form textarea { grid-column: 1; }.customer-request-edit-form > button { justify-self: end; }.customer-work-list article > a { grid-template-columns: 60px minmax(0, 1fr); }.customer-work-list small { grid-column: 2; } }

.account-body { min-height: 100%; overflow: auto; background: var(--bg); }
.account-shell { display: grid; grid-template-columns: 225px minmax(0, 1fr); min-height: calc(100vh - 58px); }
.account-sidebar { display: flex; position: sticky; top: 58px; height: calc(100vh - 58px); flex-direction: column; padding: 20px 14px; background: var(--panel-muted); border-right: 1px solid var(--border); }
.account-identity { display: flex; align-items: center; gap: 9px; min-width: 0; padding: 5px 7px 20px; }
.account-identity > div { display: grid; gap: 2px; min-width: 0; }
.account-identity strong, .account-identity small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.account-identity strong { font-size: 11px; }
.account-identity small { color: var(--muted); font-size: 8px; }
.account-sidebar nav { display: grid; gap: 3px; }
.account-sidebar nav a, .account-sidebar form button { min-height: 34px; padding: 9px 10px; color: var(--muted); background: transparent; border: 0; border-radius: 6px; text-align: left; font-size: 11px; }
.account-sidebar nav a:hover, .account-sidebar nav a.active, .account-sidebar form button:hover { color: var(--text); background: var(--hover); }
.account-sidebar form { margin-top: auto; padding-top: 12px; border-top: 1px solid var(--border); }
.account-sidebar form button { width: 100%; }
.account-main { width: min(820px, calc(100% - 60px)); margin: 0 auto; padding: 64px 0 100px; }
.account-heading > span { color: var(--accent); font-size: 9px; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; }
.account-heading h1 { max-width: 650px; margin: 15px 0 11px; font-size: clamp(29px, 4vw, 45px); line-height: 1.08; letter-spacing: -.045em; }
.account-heading p { max-width: 620px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.6; }
.account-section { padding-top: 60px; scroll-margin-top: 50px; }
.account-section > header { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 13px; }
.account-section h2 { margin: 0 0 4px; font-size: 18px; }
.account-section header p { margin: 0; color: var(--muted); font-size: 10px; }
.account-session-count { padding: 5px 8px; color: var(--muted); background: var(--hover); border-radius: 10px; font-size: 8px; font-weight: 650; }
.account-card { overflow: hidden; background: var(--panel); border: 1px solid var(--border); border-radius: 9px; }
.account-card > label { display: flex; align-items: center; justify-content: space-between; gap: 35px; min-height: 77px; padding: 14px 17px; border-bottom: 1px solid var(--border); }
.account-card > label > span { display: grid; gap: 4px; max-width: 390px; }
.account-card label strong { font-size: 11px; }
.account-card label small { color: var(--muted); font-size: 9px; font-weight: 400; line-height: 1.4; }
.account-card input, .account-card select { width: min(350px, 45vw); height: 35px; padding: 0 9px; color: var(--text); background: var(--panel-muted); border: 1px solid var(--border-strong); border-radius: 6px; outline: 0; font-size: 11px; }
.account-card input:focus { border-color: var(--accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent); }
.account-card > .form-error { margin: 12px 17px 0; }
.account-card footer { display: flex; align-items: center; justify-content: flex-end; gap: 12px; min-height: 59px; padding: 10px 17px; }
.account-card footer small { color: #4d9b72; font-size: 9px; }
.account-token-reveal { margin: 16px 17px 4px; padding: 14px; background: var(--accent-soft); border: 1px solid color-mix(in srgb, var(--accent) 35%, var(--border)); border-radius: 7px; }
.account-token-reveal > strong { font-size: 11px; }
.account-token-reveal > p { margin: 4px 0 10px; color: var(--muted); font-size: 9px; }
.account-token-reveal > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; }
.account-token-reveal input { width: 100%; border-radius: 6px 0 0 6px; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }
.account-token-reveal button { padding: 0 11px; color: var(--accent); background: var(--panel); border: 1px solid var(--border-strong); border-left: 0; border-radius: 0 6px 6px 0; font-size: 9px; }
.account-token-list { overflow: hidden; margin-top: 12px; background: var(--panel); border: 1px solid var(--border); border-radius: 9px; }
.account-token-list article { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; align-items: center; gap: 10px; min-height: 62px; padding: 10px 13px; border-bottom: 1px solid var(--border); }
.account-token-list article:last-child { border-bottom: 0; }
.account-token-icon { display: grid; place-items: center; width: 30px; height: 30px; color: var(--accent); background: var(--accent-soft); border-radius: 7px; }
.account-token-list article > div { display: grid; gap: 4px; }
.account-token-list strong { font-size: 11px; }
.account-token-list small { color: var(--muted); font-size: 8px; }
.account-token-list code { color: var(--text); font-size: 8px; }
.account-token-revoke { padding: 6px 8px; color: #a64f58; background: transparent; border: 0; border-radius: 5px; font-size: 9px; }
.account-token-revoke:hover { background: #f6e9eb; }
:root[data-theme="dark"] .account-token-revoke:hover { background: #382126; }
.account-token-empty { padding: 22px; color: var(--muted); text-align: center; font-size: 10px; }

@media (max-width: 680px) {
  .account-shell { display: block; }
  .account-sidebar { display: none; }
  .account-main { width: calc(100% - 28px); padding-top: 40px; }
  .account-card > label { align-items: stretch; flex-direction: column; gap: 10px; }
  .account-card input, .account-card select { width: 100%; }
  .account-section > header { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 900px) {
  .app-shell { grid-template-columns: 48px 210px minmax(0, 1fr); }
  .page-heading { padding-inline: 20px; }
  .view-toolbar { padding-inline: 20px; }
  .toolbar-caption { display: none; }
  .work-dialog { width: calc(100vw - 24px); height: calc(100vh - 24px); }
  .work-layout { grid-template-columns: minmax(0, 1fr) 235px; }
  .work-main { padding: 26px; }
}

@media (max-width: 680px) {
  .app-shell { grid-template-columns: 46px minmax(0, 1fr); }
  .sidebar { display: none; }
  .topbar { padding-inline: 13px; }
  .breadcrumbs span:first-child, .breadcrumbs b:first-of-type, .language-link { display: none; }
  .page-heading { padding: 18px 14px 14px; }
  .page-heading p { display: none; }
  .page-heading h1 { font-size: 20px; }
  .view-toolbar { padding-inline: 10px; overflow: visible; }
  .view-tabs { flex: 1 1 0; width: 0; min-width: 0; overflow-x: auto; scrollbar-width: none; }
  .view-tabs::-webkit-scrollbar { display: none; }
  .toolbar-actions { flex: 0 0 auto; }
  .toolbar-actions button { padding-inline: 6px; }
  .board { grid-auto-columns: 82vw; padding: 12px; }
  .work-dialog { width: 100vw; height: 100vh; border: 0; border-radius: 0; }
  .work-modal > header .work-ai-trigger { display: none; }
  .work-layout { display: block; overflow: auto; }
  .work-main { overflow: visible; padding: 22px 17px; }
  .properties-panel { border-top: 1px solid var(--border); border-left: 0; }
  .work-title { font-size: 21px; }
}

@media (max-width: 600px) {
  .toolbar-actions > .board-filter-trigger, .toolbar-actions > .board-display-trigger { justify-content: center; width: 30px; padding: 0; overflow: hidden; font-size: 0; }
  .toolbar-actions > .board-filter-trigger svg, .toolbar-actions > .board-display-trigger svg { flex: 0 0 15px; width: 15px; }
}

/* Dark appearance. Theme bootstrapping runs before the stylesheet is painted. */
.theme-icon-moon { display: none; }
:root[data-theme="dark"] .theme-icon-sun { display: none; }
:root[data-theme="dark"] .theme-icon-moon { display: block; }

:root[data-theme="dark"] body,
:root[data-theme="dark"] .workspace-body { background: #101116; }
:root[data-theme="dark"] .global-bar { background: #12141a; border-color: #292c34; }
:root[data-theme="dark"] .global-search,
:root[data-theme="dark"] .workspace-main,
:root[data-theme="dark"] .content { color: var(--text); background: var(--panel); border-color: var(--border); }
:root[data-theme="dark"] .global-search { color: var(--muted); }
:root[data-theme="dark"] .workspace-chip:hover,
:root[data-theme="dark"] .global-icon:hover,
:root[data-theme="dark"] .global-icon.active { background: #292c34; }
:root[data-theme="dark"] .global-language,
:root[data-theme="dark"] .global-icon { color: var(--muted); }
:root[data-theme="dark"] .inbox-global-count { border-color: #12141a; }
:root[data-theme="dark"] .global-ai { color: #b7b4ff; background: #2a2947; border-color: #3b3965; }
:root[data-theme="dark"] .plane-sidebar,
:root[data-theme="dark"] .sidebar { background: #15171c; border-color: var(--border); }
:root[data-theme="dark"] .plane-nav a,
:root[data-theme="dark"] .plane-nav-group a,
:root[data-theme="dark"] .active-project-nav a,
:root[data-theme="dark"] .sidebar-nav-more > summary,
:root[data-theme="dark"] .project-nav-more > summary,
:root[data-theme="dark"] .sidebar-project-list button,
:root[data-theme="dark"] .nav-item,
:root[data-theme="dark"] .project-nav a { color: var(--muted); }
:root[data-theme="dark"] .plane-nav a:hover,
:root[data-theme="dark"] .plane-nav a.active,
:root[data-theme="dark"] .plane-nav-group a:hover,
:root[data-theme="dark"] .plane-nav-group a.active,
:root[data-theme="dark"] .active-project-nav a:hover,
:root[data-theme="dark"] .active-project-nav a.active,
:root[data-theme="dark"] .sidebar-nav-more > summary:hover,
:root[data-theme="dark"] .project-nav-more > summary:hover,
:root[data-theme="dark"] .sidebar-project-list a:hover,
:root[data-theme="dark"] .sidebar-project-list a.active,
:root[data-theme="dark"] .sidebar-project-list button:hover,
:root[data-theme="dark"] .nav-item:hover,
:root[data-theme="dark"] .project-picker.active,
:root[data-theme="dark"] .project-nav a:hover,
:root[data-theme="dark"] .project-nav a.active { color: var(--text); background: #252830; }
:root[data-theme="dark"] .sidebar-section-title button:hover,
:root[data-theme="dark"] .sidebar-projects-title button:hover { background: #252830; }
:root[data-theme="dark"] .new-work-item { color: var(--muted); background: #1c1f26; border-color: var(--border-strong); }
:root[data-theme="dark"] .community-pill { color: var(--muted); background: #252830; }
:root[data-theme="dark"] .project-briefcase { color: #d6a17f; background: #3a2d27; }
:root[data-theme="dark"] .workspace-page-bar { background: rgba(25, 27, 34, .96); border-color: var(--border); }
:root[data-theme="dark"] .workspace-page-bar button,
:root[data-theme="dark"] .project-settings-shortcut,
:root[data-theme="dark"] .project-calendar-view > header button,
:root[data-theme="dark"] .project-timeline-view > header button,
:root[data-theme="dark"] .report-export,
:root[data-theme="dark"] .inbox-read-all,
:root[data-theme="dark"] .inbox-actions button,
:root[data-theme="dark"] .draft-editor-actions button,
:root[data-theme="dark"] .intake-actions button,
:root[data-theme="dark"] .intake-actions a { color: var(--muted); background: #1d2027; border-color: var(--border-strong); }
:root[data-theme="dark"] .project-view-toolbar,
:root[data-theme="dark"] .topbar,
:root[data-theme="dark"] .view-toolbar { background: var(--panel); border-color: var(--border); }
:root[data-theme="dark"] .plane-board,
:root[data-theme="dark"] .board,
:root[data-theme="dark"] .project-list-view,
:root[data-theme="dark"] .project-table-view,
:root[data-theme="dark"] .project-calendar-view,
:root[data-theme="dark"] .project-timeline-view,
:root[data-theme="dark"] .drafts-list-panel { background: #12141a; }

:root[data-theme="dark"] .work-card,
:root[data-theme="dark"] .list-state-group,
:root[data-theme="dark"] .list-work-row,
:root[data-theme="dark"] .work-table,
:root[data-theme="dark"] .table-work-row,
:root[data-theme="dark"] .calendar-day,
:root[data-theme="dark"] .timeline-scroll,
:root[data-theme="dark"] .timeline-item-label,
:root[data-theme="dark"] .recent-projects > a,
:root[data-theme="dark"] .project-card,
:root[data-theme="dark"] .time-summary-grid article,
:root[data-theme="dark"] .time-report-card,
:root[data-theme="dark"] .project-progress-card,
:root[data-theme="dark"] .project-state-grid a,
:root[data-theme="dark"] .project-metric-grid article,
:root[data-theme="dark"] .analytics-card,
:root[data-theme="dark"] .project-recent-work,
:root[data-theme="dark"] .project-activity-card,
:root[data-theme="dark"] .settings-card,
:root[data-theme="dark"] .project-feature-list label,
:root[data-theme="dark"] .archived-list,
:root[data-theme="dark"] .members-card,
:root[data-theme="dark"] .planning-card,
:root[data-theme="dark"] .view-card,
:root[data-theme="dark"] .page-card,
:root[data-theme="dark"] .intake-card,
:root[data-theme="dark"] .my-work-list,
:root[data-theme="dark"] .inbox-list,
:root[data-theme="dark"] .draft-editor-panel,
:root[data-theme="dark"] .timeline-item-label { background: #1b1e25; border-color: var(--border); }

:root[data-theme="dark"] .list-state-group > header,
:root[data-theme="dark"] .work-table > header,
:root[data-theme="dark"] .calendar-weekdays,
:root[data-theme="dark"] .timeline-days,
:root[data-theme="dark"] .timeline-days > strong,
:root[data-theme="dark"] .analytics-card > header,
:root[data-theme="dark"] .settings-card > header,
:root[data-theme="dark"] .time-report-card th { background: #20232b; border-color: var(--border); }
:root[data-theme="dark"] .list-work-row,
:root[data-theme="dark"] .table-work-row { border-color: var(--border); }
:root[data-theme="dark"] .list-work-row:hover,
:root[data-theme="dark"] .table-work-row:hover,
:root[data-theme="dark"] .timeline-item-label:hover,
:root[data-theme="dark"] .analytics-breakdown a:hover,
:root[data-theme="dark"] .workload-list a:hover,
:root[data-theme="dark"] .overview-work-list > a:hover,
:root[data-theme="dark"] .project-activity-list > a:hover,
:root[data-theme="dark"] .view-card:hover,
:root[data-theme="dark"] .my-work-row:hover,
:root[data-theme="dark"] .inbox-item:hover,
:root[data-theme="dark"] .inbox-item.is-unread,
:root[data-theme="dark"] .inbox-item.is-unread:hover { background: #23262e; }
:root[data-theme="dark"] .calendar-day.is-outside { background: #15171d; }
:root[data-theme="dark"] .calendar-work-item,
:root[data-theme="dark"] .suggestion-grid button,
:root[data-theme="dark"] .sub-item-row,
:root[data-theme="dark"] .relation-row,
:root[data-theme="dark"] .attachment-row,
:root[data-theme="dark"] .comment-entry > div,
:root[data-theme="dark"] .recent-projects,
:root[data-theme="dark"] .empty-widget,
:root[data-theme="dark"] .projects-empty,
:root[data-theme="dark"] .planning-empty,
:root[data-theme="dark"] .intake-filter-empty,
:root[data-theme="dark"] .board-filter-panel { color: var(--muted); background: #20232a; border-color: var(--border); }
:root[data-theme="dark"] .calendar-work-item:hover,
:root[data-theme="dark"] .suggestion-grid button:hover { color: var(--text); background: #292c35; border-color: var(--border-strong); }
:root[data-theme="dark"] .properties-panel { background: #15171d; border-color: var(--border); }

:root[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not(.page-title-input):not(.draft-title-input),
:root[data-theme="dark"] textarea,
:root[data-theme="dark"] select,
:root[data-theme="dark"] .form-dialog input,
:root[data-theme="dark"] .form-dialog textarea,
:root[data-theme="dark"] .form-dialog select,
:root[data-theme="dark"] .project-settings-form input,
:root[data-theme="dark"] .project-settings-form textarea,
:root[data-theme="dark"] .project-settings-form select,
:root[data-theme="dark"] .board-filter-panel select,
:root[data-theme="dark"] .board-filter-panel input { color: var(--text); background: #171920; border-color: var(--border-strong); }
:root[data-theme="dark"] input::placeholder,
:root[data-theme="dark"] textarea::placeholder { color: #6f7582; }
:root[data-theme="dark"] .properties-panel dd input:hover,
:root[data-theme="dark"] .properties-panel dd select:hover,
:root[data-theme="dark"] .properties-panel dd input:focus,
:root[data-theme="dark"] .properties-panel dd select:focus { background: #20232b; }
:root[data-theme="dark"] dialog,
:root[data-theme="dark"] .ai-sidecar,
:root[data-theme="dark"] .ai-action-menu,
:root[data-theme="dark"] .board-display-menu { color: var(--text); background: #1b1e25; border-color: var(--border-strong); }
:root[data-theme="dark"] .board-display-menu label:hover,
:root[data-theme="dark"] .dialog-secondary-action:hover,
:root[data-theme="dark"] .inbox-actions button:hover,
:root[data-theme="dark"] .page-editor-toolbar button:hover { background: #282b33; }
:root[data-theme="dark"] .board-display-menu > footer,
:root[data-theme="dark"] .dialog-secondary-action { background: #171920; border-color: var(--border); }
:root[data-theme="dark"] .dialog-cancel,
:root[data-theme="dark"] .project-features-skip,
:root[data-theme="dark"] .time-card button.manual-time-trigger,
:root[data-theme="dark"] .saved-view-strip a,
:root[data-theme="dark"] .saved-view-strip button { color: var(--muted); background: #1d2027; border-color: var(--border-strong); }
:root[data-theme="dark"] .bulk-action-bar { color: #d0ceff; background: #292846; border-color: #3b3965; }
:root[data-theme="dark"] .card-label,
:root[data-theme="dark"] .table-label { background: color-mix(in srgb, var(--label-color) 25%, #1b1e25); border-color: color-mix(in srgb, var(--label-color) 42%, #1b1e25); }
:root[data-theme="dark"] .estimate-chip,
:root[data-theme="dark"] .planning-status,
:root[data-theme="dark"] .view-filters span,
:root[data-theme="dark"] .my-work-tags span { color: var(--muted); background: #292c34; }
:root[data-theme="dark"] .page-editor-toolbar button { color: var(--muted); background: transparent; }
:root[data-theme="dark"] .page-title-input,
:root[data-theme="dark"] .page-content-input,
:root[data-theme="dark"] .draft-title-input,
:root[data-theme="dark"] .draft-description-input,
:root[data-theme="dark"] .sticky-card textarea,
:root[data-theme="dark"] .ai-composer textarea { color: var(--text); background: transparent; border-color: transparent; box-shadow: none; }
:root[data-theme="dark"] .form-error { color: #ff9da7; background: #341e24; border-color: #60313a; }

@media (max-width: 680px) {
  .theme-toggle { display: grid; }
}

.auth-body { min-height: 100%; overflow: auto; background: var(--bg); }
.auth-topbar { display: flex; align-items: center; justify-content: space-between; height: 58px; padding: 0 28px; border-bottom: 1px solid var(--border); }
.auth-topbar > div { display: flex; align-items: center; gap: 8px; }
.auth-brand { display: flex; align-items: center; gap: 9px; font-size: 13px; }
.auth-brand > span { display: grid; place-items: center; width: 29px; height: 29px; color: #fff; background: #0877ae; border-radius: 6px; font-weight: 750; }
.auth-layout { display: grid; grid-template-columns: minmax(300px, 470px) minmax(320px, 420px); align-items: center; justify-content: center; gap: 90px; min-height: calc(100vh - 58px); padding: 55px 36px 90px; }
.auth-intro { align-self: center; }
.auth-eyebrow { color: var(--accent); font-size: 10px; font-weight: 750; letter-spacing: .09em; }
.auth-intro h1 { max-width: 470px; margin: 18px 0 13px; font-size: clamp(34px, 4vw, 53px); line-height: 1.03; letter-spacing: -.045em; }
.auth-intro > p { max-width: 460px; margin: 0; color: var(--muted); font-size: 15px; line-height: 1.65; }
.auth-boundary { display: flex; align-items: flex-start; gap: 10px; max-width: 430px; margin-top: 34px; padding-top: 20px; color: var(--muted); border-top: 1px solid var(--border); font-size: 11px; line-height: 1.55; }
.auth-boundary > span { display: grid; flex: 0 0 auto; place-items: center; width: 19px; height: 19px; color: #fff; background: #32916b; border-radius: 50%; font-size: 9px; }
.auth-boundary p { margin: 0; }
.auth-card { display: grid; gap: 17px; padding: 30px; background: var(--panel); border: 1px solid var(--border); border-radius: 13px; box-shadow: var(--shadow); }
.auth-card label { display: grid; gap: 7px; color: var(--muted); font-size: 10px; font-weight: 650; }
.auth-card input { width: 100%; height: 42px; padding: 0 12px; color: var(--text); background: var(--panel-muted); border: 1px solid var(--border-strong); border-radius: 7px; outline: 0; font-size: 13px; font-weight: 400; }
.auth-card input:focus { border-color: var(--accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent); }
.auth-card label small { color: var(--faint); font-weight: 400; }
.auth-error { margin: 0; }
.auth-sso { display: grid; grid-template-columns: 28px 1fr auto; align-items: center; gap: 10px; min-height: 46px; padding: 8px 13px; color: var(--text); background: var(--panel-muted); border: 1px solid var(--border-strong); border-radius: 8px; text-decoration: none; font-size: 12px; }
.auth-sso:hover { border-color: var(--accent); background: var(--hover); }
.auth-sso-mark { display: grid; place-items: center; width: 28px; height: 28px; color: #fff; background: #fd4b2d; border-radius: 7px; font-size: 12px; font-weight: 800; }
.auth-sso > span:last-child { color: var(--muted); font-size: 17px; }
.auth-divider { display: flex; align-items: center; gap: 10px; color: var(--faint); font-size: 9px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.auth-divider::before, .auth-divider::after { content: ""; flex: 1; height: 1px; background: var(--border); }
.auth-submit { display: flex; align-items: center; justify-content: space-between; height: 43px; margin-top: 5px; padding: 0 14px; color: #fff; background: #0877ae; border: 0; border-radius: 7px; font-size: 12px; font-weight: 700; }
.auth-submit:hover { background: #076b9d; }
.auth-submit span { font-size: 17px; font-weight: 400; }
.auth-alternate { margin: -3px 0 0; color: var(--muted); text-align: center; font-size: 10px; }
.auth-alternate a { color: var(--accent); font-weight: 650; }

@media (max-width: 800px) {
  .auth-layout { grid-template-columns: minmax(0, 450px); gap: 35px; align-content: start; padding-top: 60px; }
  .auth-intro h1 { font-size: 36px; }
  .auth-boundary { display: none; }
}

@media (max-width: 480px) {
  .auth-topbar { padding-inline: 16px; }
  .auth-layout { padding: 40px 16px 60px; }
  .auth-card { padding: 22px; }
}

.join-layout { grid-template-columns: minmax(300px, 470px) minmax(330px, 430px); }
.join-workspace { display: flex; align-items: center; gap: 11px; max-width: 430px; margin-top: 32px; padding: 13px; background: var(--panel); border: 1px solid var(--border); border-radius: 9px; }
.join-workspace > span { display: grid; place-items: center; width: 35px; height: 35px; color: #fff; background: #0877ae; border-radius: 7px; font-weight: 750; }
.join-workspace > div, .join-account > div { display: grid; gap: 3px; }
.join-workspace strong, .join-account strong { font-size: 11px; }
.join-workspace small, .join-account small { color: var(--muted); font-size: 9px; }
.join-card { align-content: start; }
.join-form { display: grid; gap: 17px; }
.join-form label { display: grid; gap: 7px; color: var(--muted); font-size: 10px; font-weight: 650; }
.join-form label small { color: var(--faint); font-weight: 400; }
.join-account { display: flex; align-items: center; gap: 10px; padding: 12px; background: var(--panel-muted); border: 1px solid var(--border); border-radius: 8px; }
.join-note { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.55; }
.auth-card > .auth-submit { text-decoration: none; }
.invitation-result { padding: 25px; text-align: center; }
.invitation-result > span { display: grid; place-items: center; width: 35px; height: 35px; margin: 0 auto 12px; color: #fff; background: #32916b; border-radius: 50%; }
.invitation-result h3 { margin: 0 0 6px; font-size: 15px; }
.invitation-result p { margin: 0 0 17px; color: var(--muted); font-size: 10px; line-height: 1.5; }
.invitation-result > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; margin-bottom: 14px; }
.invitation-result input { min-width: 0; height: 35px; padding: 0 8px; color: var(--text); background: var(--panel-muted); border: 1px solid var(--border-strong); border-radius: 6px 0 0 6px; font-size: 9px; }
.invitation-result button { padding: 0 10px; color: var(--accent); background: var(--accent-soft); border: 1px solid var(--border-strong); border-left: 0; border-radius: 0 6px 6px 0; font-size: 9px; }
.invitation-result > a { display: flex; align-items: center; justify-content: center; min-height: 34px; }
.onboarding-signout { padding: 6px 8px; color: var(--muted); background: transparent; border: 0; border-radius: 6px; font-size: 10px; }
.onboarding-signout:hover { color: var(--text); background: var(--hover); }
.onboarding-layout { display: grid; min-height: calc(100vh - 58px); place-items: center; padding: 45px 16px 80px; }
.onboarding-card { width: min(440px, 100%); padding: 32px; background: var(--panel); border: 1px solid var(--border); border-radius: 12px; box-shadow: var(--shadow); }
.onboarding-card > .workspace-chip-logo { width: 38px; height: 38px; }
.onboarding-card > small { display: block; margin-top: 12px; color: var(--muted); font-size: 9px; }
.onboarding-card h1 { margin: 8px 0 8px; font-size: 25px; line-height: 1.15; letter-spacing: -.035em; }
.onboarding-card > p { margin: 0 0 25px; color: var(--muted); font-size: 11px; line-height: 1.55; }
.workspace-onboarding-form { display: grid; gap: 16px; }
.workspace-onboarding-form label { display: grid; gap: 7px; color: var(--muted); font-size: 10px; font-weight: 650; }
.workspace-onboarding-form input { width: 100%; height: 40px; padding: 0 11px; color: var(--text); background: var(--panel-muted); border: 1px solid var(--border-strong); border-radius: 7px; outline: 0; }
.workspace-onboarding-form .slug-input { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; background: var(--panel-muted); border: 1px solid var(--border-strong); border-radius: 7px; }
.workspace-onboarding-form .slug-input b { padding-left: 11px; color: var(--faint); font-size: 10px; }
.workspace-onboarding-form .slug-input input { border: 0; background: transparent; }
.onboarding-wait { display: grid; grid-template-columns: 35px minmax(0, 1fr); gap: 3px 10px; padding: 14px; background: var(--panel-muted); border: 1px solid var(--border); border-radius: 8px; }
.onboarding-wait > span { display: grid; grid-row: 1 / 3; place-items: center; width: 35px; height: 35px; color: var(--accent); background: var(--accent-soft); border-radius: 7px; }
.onboarding-wait strong { font-size: 11px; }
.onboarding-wait small { color: var(--muted); font-size: 9px; line-height: 1.4; }

.god-body { min-height: 100%; overflow: auto; background: var(--bg); }
.god-topbar { display: flex; position: sticky; z-index: 20; top: 0; align-items: center; justify-content: space-between; height: 58px; padding: 0 24px; background: color-mix(in srgb, var(--bg) 92%, transparent); border-bottom: 1px solid var(--border); backdrop-filter: blur(14px); }
.god-topbar-actions { display: flex; align-items: center; gap: 8px; }
.god-back { padding: 6px 8px; color: var(--muted); border-radius: 6px; font-size: 10px; }
.god-back:hover { color: var(--text); background: var(--hover); }
.god-shell { display: grid; grid-template-columns: 225px minmax(0, 1fr); min-height: calc(100vh - 58px); }
.god-sidebar { display: flex; position: sticky; top: 58px; height: calc(100vh - 58px); flex-direction: column; padding: 20px 14px; background: var(--panel-muted); border-right: 1px solid var(--border); }
.god-badge { display: flex; align-items: center; gap: 9px; padding: 5px 7px 20px; }
.god-badge > span { display: grid; place-items: center; width: 31px; height: 31px; color: #c6c3ff; background: #302e58; border-radius: 8px; font-size: 17px; }
.god-badge > div { display: grid; gap: 2px; }
.god-badge strong { font-size: 12px; }
.god-badge small { color: var(--muted); font-size: 8px; font-weight: 500; }
.god-sidebar nav { display: grid; gap: 3px; }
.god-sidebar nav a { min-height: 34px; padding: 9px 10px; color: var(--muted); border-radius: 6px; font-size: 11px; }
.god-sidebar nav a:hover, .god-sidebar nav a.active { color: var(--text); background: var(--hover); }
.god-sidebar footer { display: grid; gap: 2px; margin-top: auto; padding: 13px 9px 3px; border-top: 1px solid var(--border); }
.god-sidebar footer strong { font-size: 10px; }
.god-sidebar footer small { overflow: hidden; color: var(--muted); font-size: 8px; text-overflow: ellipsis; }
.god-main { width: min(1050px, calc(100% - 60px)); min-width: 0; margin: 0 auto; padding: 56px 0 100px; }
.god-heading > span { color: var(--accent); font-size: 9px; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; }
.god-heading h1 { max-width: 720px; margin: 15px 0 13px; font-size: clamp(30px, 4vw, 49px); line-height: 1.06; letter-spacing: -.045em; }
.god-heading p { max-width: 690px; margin: 0; color: var(--muted); font-size: 14px; line-height: 1.65; }
.god-page-heading > span { color: var(--accent); font-size: 9px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.god-page-heading h1 { margin: 10px 0 7px; font-size: 30px; letter-spacing: -.035em; }
.god-page-heading p { max-width: 720px; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.6; }
.god-page-content { margin-top: 28px; }
.god-page-meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; color: var(--muted); font-size: 9px; }
.god-page-meta span { padding: 4px 7px; background: var(--hover); border-radius: 10px; font-weight: 700; }
.god-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 11px; margin-top: 39px; }
.god-metrics article { display: grid; min-height: 145px; align-content: space-between; padding: 17px; background: var(--panel); border: 1px solid var(--border); border-radius: 9px; }
.god-metrics article > span { color: var(--muted); font-size: 10px; font-weight: 650; }
.god-metrics article > strong { margin: 12px 0; font-size: 31px; letter-spacing: -.04em; }
.god-metrics article > small { color: var(--faint); font-size: 9px; }
.god-overview-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-top: 28px; }
.god-overview-links > a { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 11px; min-height: 82px; padding: 13px 14px; color: var(--text); background: var(--panel); border: 1px solid var(--border); border-radius: 9px; }
.god-overview-links > a:hover { background: var(--hover); border-color: var(--border-strong); text-decoration: none; }
.god-overview-links > a > span { display: grid; place-items: center; width: 34px; height: 34px; color: #c6c3ff; background: #302e58; border-radius: 8px; }
.god-overview-links > a > div { display: grid; min-width: 0; gap: 4px; }
.god-overview-links strong { font-size: 11px; }
.god-overview-links p { margin: 0; overflow: hidden; color: var(--muted); font-size: 8px; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
.god-overview-links i { color: var(--faint); font-style: normal; }
.god-section { padding-top: 74px; scroll-margin-top: 50px; }
.god-section > header { display: flex; align-items: end; justify-content: space-between; margin-bottom: 16px; }
.god-section h2 { margin: 0 0 5px; font-size: 19px; }
.god-section header p { margin: 0; color: var(--muted); font-size: 11px; }
.god-table { overflow: hidden; background: var(--panel); border: 1px solid var(--border); border-radius: 9px; }
.god-table-head, .god-table-row { display: grid; grid-template-columns: minmax(200px, 1fr) 70px 70px 70px minmax(220px, auto); align-items: center; min-height: 48px; padding: 0 15px; border-bottom: 1px solid var(--border); }
.god-table-head { min-height: 36px; color: var(--faint); background: var(--panel-muted); font-size: 8px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.god-table-row:last-child { border-bottom: 0; }
.god-table-row:hover { background: var(--hover); }
.god-workspace-name { display: grid; grid-template-columns: 31px minmax(0, 1fr); align-items: center; column-gap: 10px; min-width: 0; color: var(--text); }
.god-workspace-name:hover { text-decoration: none; }
.god-workspace-name > span { display: grid; min-width: 0; gap: 2px; }
.god-table-row i { display: grid; grid-row: 1 / 3; place-items: center; width: 31px; height: 31px; color: #fff; background: #0877ae; border-radius: 6px; font-style: normal; font-size: 9px; font-weight: 750; }
.god-table-row b { font-size: 11px; }
.god-table-row small { color: var(--muted); font-size: 8px; }
.god-table-row > strong { color: var(--muted); font-size: 11px; font-weight: 600; }
.god-row-actions { display: flex; align-items: center; justify-content: flex-end; gap: 5px; }
.god-row-actions a, .god-row-actions button { min-height: 27px; padding: 0 7px; color: var(--muted); background: transparent; border: 1px solid transparent; border-radius: 5px; font-size: 8px; font-weight: 650; }
.god-row-actions a { display: inline-flex; align-items: center; }
.god-row-actions a:hover, .god-row-actions button:hover { color: var(--text); background: var(--hover); border-color: var(--border); text-decoration: none; }
.god-empty { padding: 30px; color: var(--muted); text-align: center; }
.god-page-error { margin: 0 0 10px; }
.god-user-grid { display: grid; gap: 7px; }
.god-user-grid article { display: grid; grid-template-columns: 36px minmax(200px, 1fr) auto minmax(300px, auto); align-items: center; gap: 12px; min-height: 78px; padding: 12px 14px; background: var(--panel); border: 1px solid var(--border); border-radius: 8px; }
.god-user-grid article.disabled { opacity: .72; }
.god-user-grid article > .global-avatar { width: 30px; height: 30px; }
.god-user-identity { display: grid; gap: 3px; min-width: 0; }
.god-user-identity > span { display: flex; align-items: center; gap: 6px; min-width: 0; }
.god-user-identity i { padding: 2px 5px; color: var(--accent); background: var(--accent-soft); border-radius: 7px; font-size: 7px; font-style: normal; font-weight: 750; text-transform: uppercase; }
.god-user-grid article strong, .god-user-grid article small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.god-user-grid article strong { font-size: 11px; }
.god-user-grid article small { color: var(--muted); font-size: 8px; }
.god-user-badges { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 4px; }
.god-user-badges b { padding: 4px 6px; color: #9b97ff; background: var(--accent-soft); border-radius: 8px; font-size: 8px; }
.god-user-badges b.muted { color: var(--muted); background: var(--hover); }
.god-user-badges b.success { color: #4d9b72; background: color-mix(in srgb, #4d9b72 12%, var(--panel)); }
.god-user-badges b.danger { color: #d66b72; background: color-mix(in srgb, #d66b72 12%, var(--panel)); }
.god-user-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 5px; }
.god-user-actions button { min-height: 28px; padding: 0 8px; color: var(--muted); background: transparent; border: 1px solid var(--border-strong); border-radius: 5px; font-size: 8px; }
.god-user-actions button:hover { color: var(--text); background: var(--hover); }
.god-user-actions button.danger { color: #d66b72; }
.god-user-actions button.success { color: #4d9b72; }
.god-reset-reveal { display: grid; gap: 6px; margin-top: 12px; padding: 14px; color: var(--text); background: var(--accent-soft); border: 1px solid color-mix(in srgb, var(--accent) 35%, var(--border)); border-radius: 8px; }
.god-reset-reveal[hidden] { display: none; }
.god-reset-reveal strong { font-size: 10px; }
.god-reset-reveal p { margin: 0; color: var(--muted); font-size: 9px; }
.god-reset-reveal > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; margin-top: 4px; }
.god-reset-reveal input { min-width: 0; height: 34px; padding: 0 9px; color: var(--text); background: var(--panel); border: 1px solid var(--border-strong); border-radius: 6px 0 0 6px; font: 9px ui-monospace, SFMono-Regular, Consolas, monospace; }
.god-reset-reveal button { padding: 0 10px; color: var(--accent); background: var(--panel); border: 1px solid var(--border-strong); border-left: 0; border-radius: 0 6px 6px 0; font-size: 9px; }
.god-settings { overflow: hidden; background: var(--panel); border: 1px solid var(--border); border-radius: 9px; }
.god-backup-button { display: inline-flex; min-height: 32px; align-items: center; padding: 0 11px; color: var(--text); background: var(--panel); border: 1px solid var(--border-strong); border-radius: 6px; font-size: 9px; font-weight: 650; }
.god-backup-button:hover { background: var(--hover); text-decoration: none; }
.god-settings > label { display: flex; align-items: center; justify-content: space-between; gap: 30px; min-height: 83px; padding: 15px 18px; border-bottom: 1px solid var(--border); }
.god-settings > label > span { display: grid; gap: 5px; }
.god-settings label strong { font-size: 11px; }
.god-settings label small { color: var(--muted); font-size: 9px; font-weight: 400; }
.god-settings input[type="text"], .god-settings input[name="name"] { width: min(300px, 45vw); height: 34px; padding: 0 10px; color: var(--text); background: var(--panel-muted); border: 1px solid var(--border-strong); border-radius: 6px; outline: 0; }
.god-settings select { width: min(300px, 45vw); height: 34px; padding: 0 28px 0 10px; color: var(--text); background: var(--panel-muted); border: 1px solid var(--border-strong); border-radius: 6px; outline: 0; }
.god-settings input[role="switch"] { width: 30px; height: 17px; appearance: none; background: var(--border-strong); border-radius: 10px; cursor: pointer; }
.god-settings input[role="switch"]::after { content: ""; display: block; width: 13px; height: 13px; margin: 2px; background: #fff; border-radius: 50%; transition: transform .12s ease; }
.god-settings input[role="switch"]:checked { background: var(--accent); }
.god-settings input[role="switch"]:checked::after { transform: translateX(13px); }
.god-settings > .form-error { margin: 12px 18px 0; }
.god-settings footer { display: flex; align-items: center; justify-content: flex-end; gap: 12px; min-height: 60px; padding: 10px 18px; }
.god-settings footer small { color: #4d9b72; font-size: 9px; }
.god-settings footer button { min-height: 32px; }
.god-settings-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 10px; padding: 12px 14px; background: var(--panel); border: 1px solid var(--border); border-radius: 9px; }
.god-settings-toolbar > div:first-child { display: grid; gap: 3px; }
.god-settings-toolbar strong { font-size: 10px; }
.god-settings-toolbar small { color: var(--muted); font-size: 8px; }
.god-setting-actions { display: flex; align-items: center; justify-content: flex-end; gap: 7px; }
.god-setting-actions > span { padding: 4px 7px; color: var(--muted); background: var(--hover); border-radius: 9px; font-size: 8px; font-weight: 700; }
.god-setting-actions > span.enabled { color: #5bb886; background: color-mix(in srgb, #5bb886 12%, var(--panel)); }
.god-email-test { min-height: 31px; padding: 0 10px; color: var(--muted); background: var(--panel); border: 1px solid var(--border-strong); border-radius: 6px; font-size: 9px; }
.god-backup-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.god-backup-card { display: grid; grid-template-columns: 42px minmax(0, 1fr); align-content: start; gap: 4px 13px; min-height: 275px; padding: 20px; background: var(--panel); border: 1px solid var(--border); border-radius: 10px; }
.god-backup-card > span { display: grid; grid-row: 1 / 3; place-items: center; width: 42px; height: 42px; color: #c6c3ff; background: #302e58; border-radius: 9px; font-size: 18px; }
.god-backup-card h2 { margin: 2px 0 6px; font-size: 16px; }
.god-backup-card p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.55; }
.god-backup-card ul { display: grid; grid-column: 1 / -1; gap: 8px; margin: 25px 0 20px; padding: 0; color: var(--muted); font-size: 9px; list-style: none; }
.god-backup-card li::before { content: "✓"; margin-right: 8px; color: #5bb886; font-weight: 750; }
.god-backup-card > a { grid-column: 1 / -1; align-self: end; justify-self: start; min-height: 34px; padding: 0 13px; }
.god-backup-card > small { grid-column: 1 / -1; align-self: end; margin-top: 28px; padding: 12px; color: var(--muted); background: var(--panel-muted); border: 1px solid var(--border); border-radius: 7px; font-size: 9px; line-height: 1.5; }

@media (max-width: 1050px) {
  .god-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .god-user-grid article { grid-template-columns: 36px minmax(180px, 1fr) auto; }
  .god-user-actions { grid-column: 2 / -1; justify-content: flex-start; }
}

@media (max-width: 760px) {
  .god-shell { display: block; }
  .god-sidebar { display: block; position: sticky; z-index: 12; top: 58px; width: auto; height: auto; overflow-x: auto; padding: 8px 14px; border-right: 0; border-bottom: 1px solid var(--border); scrollbar-width: none; }
  .god-sidebar::-webkit-scrollbar { display: none; }
  .god-badge, .god-sidebar footer { display: none; }
  .god-sidebar nav { display: flex; width: max-content; gap: 3px; }
  .god-sidebar nav a { display: flex; align-items: center; white-space: nowrap; }
  .god-main { width: calc(100% - 30px); padding-top: 35px; }
  .god-metrics { grid-template-columns: 1fr; }
  .god-metrics article { min-height: 115px; }
  .god-overview-links, .god-backup-grid { grid-template-columns: 1fr; }
  .god-overview-links p { white-space: normal; }
  .god-user-grid article { grid-template-columns: 32px minmax(0, 1fr); align-items: start; }
  .god-user-badges, .god-user-actions { grid-column: 2; justify-content: flex-start; }
  .god-table { overflow-x: auto; }
  .god-table-head, .god-table-row { min-width: 650px; grid-template-columns: minmax(180px, 1fr) 55px 55px 55px minmax(210px, auto); }
  .god-settings > label { align-items: flex-start; flex-direction: column; gap: 12px; }
  .god-settings input[name="name"], .god-settings select { width: 100%; }
  .god-back { display: none; }
}

.workspace-admin-page { width: min(900px, calc(100% - 48px)); margin: 0 auto; padding: 43px 0 90px; }
.workspace-role-badge { padding: 4px 7px; color: var(--accent); background: var(--accent-soft); border-radius: 9px; font-size: 8px; font-weight: 700; text-transform: uppercase; }
.workspace-admin-heading > span { color: var(--accent); font-size: 9px; font-weight: 750; letter-spacing: .07em; text-transform: uppercase; }
.workspace-admin-heading h1 { margin: 10px 0 6px; font-size: 28px; letter-spacing: -.035em; }
.workspace-admin-heading p { max-width: 610px; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.55; }
.workspace-admin-section { padding-top: 47px; }
.workspace-admin-section > header { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 13px; }
.workspace-admin-section h2 { margin: 0 0 4px; font-size: 17px; }
.workspace-admin-section header p { margin: 0; color: var(--muted); font-size: 10px; }
.workspace-admin-section header button { min-height: 30px; }
.workspace-settings-card { overflow: hidden; background: var(--panel); border: 1px solid var(--border); border-radius: 9px; }
.workspace-settings-card > label { display: flex; align-items: center; justify-content: space-between; gap: 35px; min-height: 76px; padding: 14px 17px; border-bottom: 1px solid var(--border); }
.workspace-settings-card > label > span { display: grid; gap: 4px; max-width: 390px; }
.workspace-settings-card label strong { font-size: 11px; }
.workspace-settings-card label small { color: var(--muted); font-size: 9px; font-weight: 400; line-height: 1.4; }
.workspace-settings-card input[name="name"], .workspace-settings-card textarea, .workspace-settings-card select { width: min(350px, 45vw); padding: 8px 9px; color: var(--text); background: var(--panel-muted); border: 1px solid var(--border-strong); border-radius: 6px; outline: 0; font-size: 11px; }
.workspace-settings-card textarea { min-height: 65px; resize: vertical; }
.workspace-settings-card input[role="switch"] { width: 30px; height: 17px; appearance: none; background: var(--border-strong); border-radius: 10px; cursor: pointer; }
.workspace-settings-card input[role="switch"]::after { content: ""; display: block; width: 13px; height: 13px; margin: 2px; background: #fff; border-radius: 50%; transition: transform .12s ease; }
.workspace-settings-card input[role="switch"]:checked { background: var(--accent); }
.workspace-settings-card input[role="switch"]:checked::after { transform: translateX(13px); }
.workspace-settings-card > .form-error { margin: 12px 17px 0; }
.workspace-settings-card footer { display: flex; align-items: center; justify-content: flex-end; gap: 12px; min-height: 59px; padding: 10px 17px; }
.workspace-settings-card footer small { color: #4d9b72; font-size: 9px; }
.work-item-type-list { display: grid; gap: 9px; margin-top: 9px; }
.automation-list { display: grid; gap: 10px; margin-top: 10px; }.automation-card { display: grid; gap: 12px; padding: 16px; background: var(--panel); border: 1px solid var(--border); border-radius: 9px; }.automation-card label { display: grid; gap: 5px; color: var(--muted); font-size: 8px; }.automation-card input:not([type="checkbox"]), .automation-card select, .automation-card textarea { box-sizing: border-box; width: 100%; min-height: 33px; padding: 6px 8px; color: var(--text); background: var(--panel-muted); border: 1px solid var(--border-strong); border-radius: 6px; outline: 0; }.automation-card textarea { resize: vertical; }.automation-title-fields { display: grid; grid-template-columns: minmax(0, 1fr) minmax(180px, .7fr); gap: 9px; }.automation-rule-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; padding: 12px; background: var(--panel-muted); border: 1px solid var(--border); border-radius: 7px; }.automation-action-value { display: grid; }.automation-action-value > label[hidden] { display: none; }.automation-enabled { display: flex !important; align-items: center; gap: 7px !important; width: max-content; color: var(--text) !important; }.automation-enabled input { width: 30px; height: 17px; appearance: none; background: var(--border-strong); border-radius: 10px; cursor: pointer; }.automation-enabled input::after { content: ""; display: block; width: 13px; height: 13px; margin: 2px; background: #fff; border-radius: 50%; transition: transform .12s ease; }.automation-enabled input:checked { background: var(--accent); }.automation-enabled input:checked::after { transform: translateX(13px); }.automation-card footer { display: flex; align-items: center; justify-content: space-between; gap: 9px; }.automation-card footer > div { display: flex; gap: 7px; }.automation-scope-note { color: var(--muted); font-size: 8px; }.automation-runs { margin-top: 18px; }.automation-runs h3 { margin: 0 0 8px; font-size: 10px; }.automation-runs article { display: grid; grid-template-columns: 9px minmax(0, 1fr) auto auto; align-items: center; gap: 10px; min-height: 47px; padding: 8px 11px; border: 1px solid var(--border); border-bottom: 0; }.automation-runs article:first-of-type { border-radius: 7px 7px 0 0; }.automation-runs article:last-of-type { border-bottom: 1px solid var(--border); border-radius: 0 0 7px 7px; }.automation-runs article:only-of-type { border-radius: 7px; }.automation-run-status { width: 8px; height: 8px; background: var(--faint); border-radius: 50%; }.automation-run-status.applied { background: #42a66f; }.automation-run-status.skipped { background: #d79a38; }.automation-run-status.failed { background: var(--danger); }.automation-runs article > div { display: grid; gap: 3px; min-width: 0; }.automation-runs strong { font-size: 9px; }.automation-runs small { overflow: hidden; color: var(--muted); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }.automation-runs b { color: var(--muted); font-size: 8px; }.automation-runs time { color: var(--faint); font-size: 8px; white-space: nowrap; }
.project-state-definition-list { display: grid; gap: 9px; margin-top: 10px; }
.project-state-definition-card { display: grid; grid-template-columns: 13px minmax(160px, 1fr) minmax(135px, .65fr) 82px 92px auto; align-items: end; gap: 10px; padding: 13px 14px; background: var(--panel); border: 1px solid var(--border); border-radius: 8px; }
.project-state-definition-card label { display: grid; gap: 5px; color: var(--muted); font-size: 8px; }
.project-state-definition-card input:not([type="color"]), .project-state-definition-card select { box-sizing: border-box; width: 100%; min-height: 33px; padding: 6px 8px; color: var(--text); background: var(--panel-muted); border: 1px solid var(--border-strong); border-radius: 6px; }
.project-state-definition-card input[type="color"] { box-sizing: border-box; width: 100%; height: 33px; padding: 3px; background: var(--panel-muted); border: 1px solid var(--border-strong); border-radius: 6px; }
.project-state-definition-card > small { align-self: center; color: var(--faint); font-size: 8px; white-space: nowrap; }
.project-state-definition-card > div { display: flex; gap: 7px; }
.project-state-definition-card > .form-error { grid-column: 2 / -1; margin: 0; }
.project-state-definition-create > button { grid-column: 5 / 7; }
.project-state-preview, .project-state-dot { display: inline-block; width: 9px; height: 9px; flex: 0 0 auto; background: var(--project-state-color, #8b91a0); border-radius: 50%; }
.project-state-preview { align-self: center; box-shadow: 0 0 0 4px color-mix(in srgb, var(--project-state-color, #8b91a0) 16%, transparent); }
.project-profile-form { padding: 18px 20px; }
.project-profile-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
.project-profile-grid label { display: grid; gap: 6px; color: var(--muted); font-size: 9px; font-weight: 600; }
.project-profile-grid input, .project-profile-grid select { box-sizing: border-box; width: 100%; min-height: 36px; padding: 7px 9px; color: var(--text); background: var(--panel-muted); border: 1px solid var(--border-strong); border-radius: 6px; }
.project-profile-lead { grid-column: 1 / -1; }
.project-profile-form footer { display: flex; justify-content: flex-end; margin-top: 15px; }
.project-profile-card { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 12px; margin-top: 20px; }
.project-profile-summary, .project-updates-panel { overflow: hidden; background: var(--panel); border: 1px solid var(--border); border-radius: 9px; }
.project-profile-summary > header, .project-updates-panel > header { display: flex; align-items: center; justify-content: space-between; min-height: 58px; padding: 0 16px; background: var(--panel-muted); border-bottom: 1px solid var(--border); }
.project-profile-summary > header > div, .project-updates-panel > header > div { display: grid; gap: 3px; }
.project-profile-summary > header small, .project-updates-panel > header small { color: var(--muted); font-size: 8px; }
.project-profile-summary dl { display: grid; grid-template-columns: 1fr 1fr; margin: 0; }
.project-profile-summary dl > div { min-width: 0; padding: 14px 16px; border-right: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.project-profile-summary dl > div:nth-child(2n) { border-right: 0; }
.project-profile-summary dl > div:nth-last-child(-n+2) { border-bottom: 0; }
.project-profile-summary dt { margin-bottom: 6px; color: var(--faint); font-size: 8px; }
.project-profile-summary dd { display: flex; align-items: center; gap: 7px; margin: 0; overflow: hidden; font-size: 10px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.project-health-badge { display: inline-flex; align-items: center; width: max-content; padding: 4px 7px; color: var(--muted); background: var(--hover); border: 1px solid var(--border); border-radius: 12px; font-size: 8px; font-weight: 700; white-space: nowrap; }
.project-health-badge.health-on_track { color: #287d50; background: color-mix(in srgb, #42a66f 13%, var(--panel)); border-color: color-mix(in srgb, #42a66f 35%, var(--border)); }
.project-health-badge.health-at_risk { color: #a06a16; background: color-mix(in srgb, #d79a38 14%, var(--panel)); border-color: color-mix(in srgb, #d79a38 38%, var(--border)); }
.project-health-badge.health-off_track { color: var(--danger); background: color-mix(in srgb, var(--danger) 10%, var(--panel)); border-color: color-mix(in srgb, var(--danger) 32%, var(--border)); }
.project-health-badge.health-outdated { color: var(--faint); border-style: dashed; }
.project-update-form { display: grid; grid-template-columns: 145px minmax(0, 1fr) auto; align-items: end; gap: 9px; padding: 14px 15px; border-bottom: 1px solid var(--border); }
.project-update-form label { display: grid; gap: 5px; color: var(--muted); font-size: 8px; }
.project-update-form select, .project-update-form textarea { box-sizing: border-box; width: 100%; min-height: 35px; padding: 7px 8px; color: var(--text); background: var(--panel-muted); border: 1px solid var(--border-strong); border-radius: 6px; resize: vertical; }
.project-update-form textarea { min-height: 62px; }
.project-update-form > .form-error { grid-column: 1 / -1; margin: 0; }
.project-update-list { display: grid; max-height: 370px; overflow: auto; }
.project-update-list article { padding: 14px 16px; border-bottom: 1px solid var(--border); }
.project-update-list article:last-child { border-bottom: 0; }
.project-update-list article > header, .project-update-list article > footer { display: flex; align-items: center; justify-content: space-between; }
.project-update-list article time { color: var(--faint); font-size: 8px; }
.project-update-list article p { margin: 11px 0; color: var(--text); font-size: 10px; line-height: 1.55; white-space: pre-wrap; }
.project-update-list article > footer { justify-content: flex-start; gap: 7px; color: var(--muted); font-size: 8px; }
.project-update-list .activity-avatar { width: 22px; height: 22px; }
.project-update-empty { margin: 0; padding: 18px 16px; color: var(--muted); }
.project-card-status { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 9px; }
.project-card-status > span:first-child { display: inline-flex; align-items: center; gap: 6px; color: var(--muted); font-size: 9px; font-weight: 650; }
.project-card-metadata { display: grid; grid-template-columns: 1fr 1fr; gap: 5px 12px; margin-top: 12px; }
.project-card-metadata span { display: flex; gap: 5px; min-width: 0; color: var(--muted); font-size: 8px; }
.project-card-metadata b { color: var(--faint); font-weight: 600; }
.project-card-metadata span:last-child { grid-column: 1 / -1; }
.workflow-create-form, .workflow-edit-form { display: grid; gap: 12px; padding: 17px 19px; border-bottom: 1px solid var(--border); }
.workflow-list .workflow-edit-form:last-child { border-bottom: 0; }
.workflow-edit-form > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.workflow-edit-form > header > div { display: grid; gap: 3px; }
.workflow-edit-form > header small { color: var(--muted); font-size: 8px; }
.workflow-fields { display: grid; grid-template-columns: minmax(150px, 1fr) minmax(150px, .75fr) auto; gap: 9px; }
.workflow-fields label, .workflow-transition-row > label { display: grid; gap: 5px; color: var(--muted); font-size: 8px; }
.workflow-description { grid-column: 1 / 3; }
.workflow-fields input:not([type="checkbox"]), .workflow-fields select, .workflow-transition-row select, .approval-entry input { box-sizing: border-box; width: 100%; min-height: 33px; padding: 6px 8px; color: var(--text); background: var(--panel-muted); border: 1px solid var(--border-strong); border-radius: 6px; }
.workflow-enabled { display: flex !important; align-items: center; gap: 6px !important; color: var(--text) !important; font-size: 8px; white-space: nowrap; }
.workflow-transition-list { display: grid; gap: 7px; }
.workflow-transition-row { display: grid; grid-template-columns: minmax(105px, 1fr) auto minmax(105px, 1fr) minmax(145px, 1.2fr); align-items: end; gap: 7px; padding: 11px; background: var(--panel-muted); border: 1px solid var(--border); border-radius: 7px; }
.workflow-transition-row > span { align-self: center; color: var(--faint); }
.workflow-approval-toggle { display: flex !important; align-items: center; align-self: center; gap: 6px !important; color: var(--text) !important; white-space: nowrap; }
.workflow-approval-toggle { grid-column: 1 / 3; }
.workflow-rejection { grid-column: 3 / 5; }
.workflow-approvers { display: flex; grid-column: 1 / 4; align-items: center; align-self: stretch; flex-wrap: wrap; gap: 4px 9px; margin: 0; padding: 5px 8px; border: 1px solid var(--border); border-radius: 6px; }
.workflow-approvers[hidden], .workflow-rejection[hidden] { display: none; }
.workflow-approvers legend { padding: 0 4px; color: var(--muted); font-size: 8px; }
.workflow-approvers label { display: flex; align-items: center; gap: 4px; color: var(--text); font-size: 8px; }
.workflow-transition-remove { grid-column: 4; width: 30px; height: 33px; justify-self: end; color: var(--danger); background: transparent; border: 1px solid var(--border); border-radius: 6px; }
.workflow-empty-help { margin: 0; color: var(--faint); font-size: 8px; }
.workflow-form footer { display: flex; justify-content: flex-end; gap: 7px; }
.approval-section { padding: 18px 22px; border-top: 1px solid var(--border); }
.approval-list { display: grid; gap: 8px; margin-top: 10px; }
.approval-entry { display: grid; gap: 8px; padding: 12px; background: var(--panel-muted); border: 1px solid var(--border); border-radius: 7px; }
.approval-entry > header { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 8px; }
.approval-entry > header strong { font-size: 9px; }
.approval-entry time, .approval-entry > p { color: var(--muted); font-size: 8px; }
.approval-entry > p { margin: 0; }
.approval-status { padding: 3px 6px; color: #a06a16; background: color-mix(in srgb, #d79a38 14%, var(--panel)); border-radius: 10px; font-size: 7px; font-weight: 700; }
.approval-approved .approval-status { color: #287d50; background: color-mix(in srgb, #42a66f 13%, var(--panel)); }
.approval-rejected .approval-status { color: var(--danger); background: color-mix(in srgb, var(--danger) 10%, var(--panel)); }
.approval-cancelled .approval-status { color: var(--faint); background: var(--hover); }
.approval-entry blockquote { margin: 0; padding-left: 9px; color: var(--muted); border-left: 2px solid var(--border-strong); font-size: 8px; }
.approval-entry form { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 7px; }
.project-template-picker { display: grid; gap: 5px; padding: 11px 12px; color: var(--muted); background: var(--accent-soft); border: 1px solid color-mix(in srgb, var(--accent) 25%, var(--border)); border-radius: 7px; font-size: 9px; }.project-template-picker select { min-height: 34px; padding: 6px 8px; color: var(--text); background: var(--panel); border: 1px solid var(--border-strong); border-radius: 6px; }.project-template-picker small { color: var(--muted); }
.project-template-list { display: grid; gap: 10px; margin-top: 10px; }.project-template-card { display: grid; gap: 13px; padding: 16px; background: var(--panel); border: 1px solid var(--border); border-radius: 9px; }.project-template-fields { display: grid; grid-template-columns: 1fr 1fr 150px; gap: 9px; }.project-template-description { grid-column: 1 / 3; }.project-template-card label { display: grid; gap: 5px; color: var(--muted); font-size: 8px; }.project-template-card input:not([type="checkbox"]), .project-template-card select, .project-template-card textarea { box-sizing: border-box; width: 100%; min-height: 32px; padding: 6px 8px; color: var(--text); background: var(--panel-muted); border: 1px solid var(--border-strong); border-radius: 6px; outline: 0; }.project-template-card textarea { resize: vertical; }.project-template-features { display: flex; flex-wrap: wrap; gap: 12px 18px; padding: 11px 12px; border: 1px solid var(--border); border-radius: 7px; }.project-template-features legend { padding: 0 5px; color: var(--muted); font-size: 8px; }.project-template-features label { display: flex; align-items: center; gap: 5px; }.project-template-items { display: grid; gap: 8px; }.project-template-items > header { display: flex; align-items: center; justify-content: space-between; }.project-template-items > header strong { font-size: 10px; }.project-template-item-list { display: grid; gap: 6px; }.project-template-item-row { display: grid; grid-template-columns: minmax(0, 1fr) 130px 130px 30px; gap: 7px; }.project-template-item-remove { color: var(--danger); background: transparent; border: 1px solid var(--border); border-radius: 6px; }.project-template-card footer { display: flex; justify-content: flex-end; gap: 7px; }
.work-item-type-card { position: relative; display: grid; gap: 12px; padding: 15px 16px; background: var(--panel); border: 1px solid var(--border); border-radius: 9px; }
.work-item-type-edit-form { padding-left: 38px; }
.work-item-type-fields { display: grid; grid-template-columns: minmax(150px, 1fr) 72px 68px 72px; gap: 9px; }
.work-item-type-card label { display: grid; gap: 5px; color: var(--muted); font-size: 8px; }
.work-item-type-card input:not([type="color"]), .work-item-type-card select { min-height: 32px; padding: 6px 8px; color: var(--text); background: var(--panel-muted); border: 1px solid var(--border-strong); border-radius: 6px; outline: 0; }
.work-item-type-card input[type="color"] { width: 100%; height: 32px; padding: 3px; background: var(--panel-muted); border: 1px solid var(--border-strong); border-radius: 6px; }
.work-item-type-card > small { color: var(--faint); font-size: 8px; }
.work-item-type-card footer { display: flex; justify-content: flex-end; gap: 7px; }
.work-item-type-dot { width: 10px; height: 10px; background: var(--type-color); border-radius: 3px; box-shadow: 0 0 0 3px color-mix(in srgb, var(--type-color) 15%, transparent); }
.work-item-type-edit-form > .work-item-type-dot { position: absolute; top: 25px; left: 16px; }
.relation-type-list { display: grid; gap: 9px; margin-top: 9px; }.relation-type-card { position: relative; display: grid; gap: 12px; padding: 15px 16px; background: var(--panel); border: 1px solid var(--border); border-radius: 9px; }.relation-type-edit-form { padding-left: 38px; }.relation-type-fields { display: grid; grid-template-columns: minmax(150px, 1fr) minmax(150px, 1fr) 72px; gap: 9px; }.relation-type-card label { display: grid; gap: 5px; color: var(--muted); font-size: 8px; }.relation-type-card input:not([type="color"]) { min-height: 32px; padding: 6px 8px; color: var(--text); background: var(--panel-muted); border: 1px solid var(--border-strong); border-radius: 6px; outline: 0; }.relation-type-card input[type="color"] { width: 100%; height: 32px; padding: 3px; background: var(--panel-muted); border: 1px solid var(--border-strong); border-radius: 6px; }.relation-type-card > small { color: var(--faint); font-size: 8px; }.relation-type-card footer { display: flex; justify-content: flex-end; gap: 7px; }.relation-type-dot { width: 10px; height: 10px; background: var(--relation-type-color); border-radius: 50%; box-shadow: 0 0 0 3px color-mix(in srgb, var(--relation-type-color) 15%, transparent); }.relation-type-edit-form > .relation-type-dot { position: absolute; top: 25px; left: 16px; }
@media (max-width: 680px) { .automation-title-fields, .automation-rule-grid { grid-template-columns: 1fr; }.automation-card footer { align-items: stretch; flex-direction: column; }.automation-card footer > div { justify-content: flex-end; }.automation-runs article { grid-template-columns: 9px minmax(0, 1fr) auto; }.automation-runs time { display: none; }.project-template-fields { grid-template-columns: 1fr; }.project-template-description { grid-column: 1; }.project-template-item-row { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 30px; }.project-template-item-row > input { grid-column: 1 / 3; }.project-template-item-row select { grid-row: 2; }.project-template-item-row .project-template-item-remove { grid-column: 3; grid-row: 1 / 3; }.project-template-features { display: grid; grid-template-columns: 1fr 1fr; } }
@media (max-width: 680px) {
  .project-state-definition-card { grid-template-columns: 13px minmax(0, 1fr); }
  .project-state-definition-card > label, .project-state-definition-card > small, .project-state-definition-card > div, .project-state-definition-card > .form-error { grid-column: 2; }
  .project-state-definition-create > button { grid-column: 2; }
  .project-profile-grid, .project-profile-card { grid-template-columns: 1fr; }
  .project-profile-lead { grid-column: 1; }
  .project-update-form { grid-template-columns: 1fr; }
  .project-update-form > .form-error { grid-column: 1; }
  .project-card-metadata { grid-template-columns: 1fr; }
  .project-card-metadata span:last-child { grid-column: 1; }
  .workflow-fields { grid-template-columns: 1fr; }
  .workflow-description { grid-column: 1; }
  .workflow-transition-row { grid-template-columns: 1fr 24px 1fr; }
  .workflow-transition-row > label:nth-of-type(3), .workflow-approval-toggle, .workflow-rejection, .workflow-approvers { grid-column: 1 / 4; }
  .workflow-transition-remove { grid-column: 3; justify-self: end; }
  .approval-entry > header { grid-template-columns: auto minmax(0, 1fr); }
  .approval-entry time { grid-column: 1 / 3; }
  .approval-entry form { grid-template-columns: 1fr 1fr; }
  .approval-entry form input { grid-column: 1 / 3; }
}
.webhook-card { display: grid; gap: 14px; margin-bottom: 10px; padding: 16px 17px; background: var(--panel); border: 1px solid var(--border); border-radius: 9px; }
.webhook-form-grid { display: grid; grid-template-columns: minmax(160px, .75fr) minmax(260px, 1.5fr); gap: 12px; }
.webhook-card label { display: grid; gap: 6px; color: var(--muted); font-size: 9px; }
.webhook-card input[type="text"], .webhook-card input[type="url"], .webhook-card input:not([type]) { min-height: 34px; padding: 7px 9px; color: var(--text); background: var(--panel-muted); border: 1px solid var(--border-strong); border-radius: 6px; outline: 0; }
.webhook-card fieldset { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 0; padding: 12px; border: 1px solid var(--border); border-radius: 7px; }
.webhook-card legend { padding: 0 5px; color: var(--muted); font-size: 9px; }
.webhook-card fieldset label, .webhook-enabled { display: flex; align-items: center; grid-auto-flow: column; justify-content: start; gap: 6px; }
.webhook-card footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.webhook-card footer > div { display: flex; gap: 7px; }
.webhook-card footer small { color: var(--faint); font-size: 9px; }
.webhook-secret-reveal { display: grid; gap: 7px; margin: 10px 0; padding: 13px 15px; color: #276b4a; background: #e7f5ed; border: 1px solid #bde2ce; border-radius: 8px; font-size: 10px; }
.webhook-secret-reveal[hidden] { display: none; }
.webhook-secret-reveal code { overflow-wrap: anywhere; color: inherit; user-select: all; }
:root[data-theme="dark"] .webhook-secret-reveal { color: #8ad2aa; background: #183326; border-color: #28583e; }
.webhook-empty { margin: 0; padding: 25px; color: var(--muted); text-align: center; background: var(--panel); border: 1px dashed var(--border-strong); border-radius: 9px; }
.webhook-deliveries { margin-top: 18px; overflow: hidden; background: var(--panel); border: 1px solid var(--border); border-radius: 9px; }
.webhook-deliveries h3 { margin: 0; padding: 14px; border-bottom: 1px solid var(--border); font-size: 11px; }
.webhook-deliveries article { display: grid; grid-template-columns: 10px minmax(0, 1fr) 42px 118px; align-items: center; gap: 10px; min-height: 52px; padding: 8px 13px; border-bottom: 1px solid var(--border); }
.webhook-deliveries article:last-child { border-bottom: 0; }
.webhook-deliveries article > div { display: grid; gap: 3px; min-width: 0; }
.webhook-deliveries small { overflow: hidden; color: var(--muted); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.webhook-deliveries b, .webhook-deliveries time { color: var(--faint); font-size: 8px; text-align: right; }
.webhook-delivery-status { width: 8px; height: 8px; background: #b75d66; border-radius: 50%; }
.webhook-delivery-status.success { background: #4d9b72; }
.webhook-delivery-status.scheduled { background: #d18b35; box-shadow: 0 0 0 3px color-mix(in srgb, #d18b35 18%, transparent); }
.webhook-delivery-status.pending { background: #6f75dc; box-shadow: 0 0 0 3px color-mix(in srgb, #6f75dc 18%, transparent); }
.plane-import-form > label { display: grid; gap: 6px; color: var(--muted); font-size: 9px; }
.plane-import-form > small { color: var(--faint); font-size: 9px; }
.plane-import-preview { margin-top: 14px; overflow: hidden; background: var(--panel); border: 1px solid var(--border); border-radius: 9px; }
.plane-import-preview > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 15px; border-bottom: 1px solid var(--border); }
.plane-import-preview > header > div { display: grid; gap: 3px; }
.plane-import-preview > header span { color: var(--muted); font-size: 10px; }
.plane-import-preview > div { display: grid; }
.plane-import-preview article { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 10px 14px; border-bottom: 1px solid var(--border); }
.plane-import-preview article:last-child { border-bottom: 0; }
.plane-import-preview article i { display: grid; width: 34px; height: 34px; place-items: center; color: #fff; background: #696ed0; border-radius: 7px; font-style: normal; font-weight: 700; }
.plane-import-preview article div { display: grid; gap: 3px; }
.plane-import-preview article small, .plane-import-preview article span { color: var(--muted); font-size: 9px; }
.workspace-member-admin-list { overflow: hidden; background: var(--panel); border: 1px solid var(--border); border-radius: 9px; }
.workspace-member-admin-list article { display: grid; grid-template-columns: 34px minmax(150px, 1fr) 120px 30px; align-items: center; gap: 10px; min-height: 62px; padding: 9px 13px; border-bottom: 1px solid var(--border); }
.workspace-member-admin-list article:last-child { border-bottom: 0; }
.workspace-member-admin-list article > div { display: grid; gap: 3px; min-width: 0; }
.workspace-member-admin-list article strong, .workspace-member-admin-list article small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.workspace-member-admin-list article strong { font-size: 11px; }
.workspace-member-admin-list article small { color: var(--muted); font-size: 8px; }
.workspace-member-admin-list select { height: 30px; padding: 0 24px 0 8px; color: var(--text); background: var(--panel-muted); border: 1px solid var(--border-strong); border-radius: 6px; font-size: 9px; }
.workspace-member-remove { width: 28px; height: 28px; padding: 0; color: #a64f58; background: transparent; border: 0; border-radius: 5px; font-size: 16px; }
.workspace-member-remove:hover:not(:disabled) { background: #f6e9eb; }
:root[data-theme="dark"] .workspace-member-remove:hover:not(:disabled) { background: #382126; }
.workspace-member-remove:disabled { color: var(--faint); cursor: not-allowed; }
.audit-list { overflow: hidden; background: var(--panel); border: 1px solid var(--border); border-radius: 9px; }
.audit-list article { display: grid; grid-template-columns: 52px minmax(180px, 1fr) minmax(90px, auto) 38px 116px; align-items: center; gap: 10px; min-height: 58px; padding: 9px 13px; border-bottom: 1px solid var(--border); }
.audit-list article:last-child { border-bottom: 0; }
.audit-list article > div { display: grid; gap: 4px; min-width: 0; }
.audit-list strong { font-size: 10px; }
.audit-list code { overflow: hidden; color: var(--muted); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.audit-list article > b { overflow: hidden; color: var(--muted); font-size: 8px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.audit-method, .audit-status { justify-self: start; padding: 4px 6px; border-radius: 5px; font-size: 8px; font-weight: 750; }
.audit-method { color: #665bd0; background: var(--accent-soft); }
.audit-method.method-DELETE { color: #a64f58; background: #f6e9eb; }
:root[data-theme="dark"] .audit-method.method-DELETE { background: #382126; }
.audit-status { color: #317855; background: #e7f5ed; }
:root[data-theme="dark"] .audit-status { color: #73c899; background: #183326; }
.audit-status[class*="status-4"], .audit-status[class*="status-5"] { color: #a64f58; background: #f6e9eb; }
:root[data-theme="dark"] .audit-status[class*="status-4"], :root[data-theme="dark"] .audit-status[class*="status-5"] { color: #df8a93; background: #382126; }
.audit-list time { color: var(--faint); text-align: right; font-size: 8px; white-space: nowrap; }
.audit-empty { margin: 0; padding: 26px; color: var(--muted); text-align: center; font-size: 10px; }
.workspace-audit-list article { grid-template-columns: 52px minmax(180px, 1fr) 38px 116px; }

.releases-page, .release-page { width: min(960px, calc(100% - 48px)); margin: 0 auto; padding: 42px 0 80px; }
.releases-page > header > span { color: var(--accent); font-size: 9px; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
.releases-page > header h1, .release-page > header h1 { margin: 8px 0 6px; font-size: 28px; }
.releases-page > header p, .release-page > header p { margin: 0; color: var(--muted); }
.release-groups { display: grid; gap: 32px; margin-top: 35px; }
.release-groups h2 { margin: 0 0 10px; font-size: 13px; }
.release-groups section > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.release-card { display: grid; gap: 11px; padding: 16px; color: var(--text); background: var(--panel); border: 1px solid var(--border); border-radius: 9px; text-decoration: none; }
.release-card:hover { border-color: var(--border-strong); transform: translateY(-1px); }
.release-card header, .release-card footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.release-card header > div { display: flex; align-items: center; gap: 7px; }
.release-card header span, .release-status { padding: 3px 7px; color: var(--accent); background: var(--accent-soft); border-radius: 999px; font-size: 8px; font-weight: 700; }
.release-card p { min-height: 32px; margin: 0; color: var(--muted); font-size: 10px; line-height: 1.5; }
.release-progress { overflow: hidden; height: 5px; background: var(--panel-muted); border-radius: 999px; }
.release-progress i { display: block; height: 100%; background: var(--accent); border-radius: inherit; }
.release-card footer { color: var(--faint); font-size: 8px; }
.release-card footer b { display: grid; width: 23px; height: 23px; place-items: center; color: #fff; background: var(--accent); border-radius: 50%; font-size: 7px; }
.release-page > header { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-bottom: 20px; }
.release-progress-ring { display: grid; width: 84px; height: 84px; flex: 0 0 auto; place-content: center; text-align: center; background: radial-gradient(circle, var(--panel) 56%, transparent 58%), conic-gradient(var(--accent) calc(var(--progress, 0) * 1%), var(--border) 0); border: 1px solid var(--border); border-radius: 50%; }
.release-progress-ring strong { font-size: 17px; }.release-progress-ring small { color: var(--muted); font-size: 8px; }
.release-panel { margin-top: 14px; padding: 17px; background: var(--panel); border: 1px solid var(--border); border-radius: 9px; }
.release-panel > header { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 14px; }.release-panel h2 { margin: 0 0 3px; font-size: 14px; }.release-panel header p { margin: 0; color: var(--muted); font-size: 9px; }
.release-fields { display: grid; grid-template-columns: 1.4fr repeat(2, 1fr); gap: 10px; }.release-settings-form label { display: grid; gap: 5px; color: var(--muted); font-size: 8px; }.release-settings-form input, .release-settings-form select, .release-settings-form textarea, .release-scope-form input { min-height: 33px; padding: 7px 9px; color: var(--text); background: var(--panel-muted); border: 1px solid var(--border-strong); border-radius: 6px; }.release-settings-form footer { display: flex; justify-content: space-between; margin-top: 12px; }
.release-scope-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; margin-bottom: 12px; }.release-scope-form .form-error { grid-column: 1 / -1; }
.release-scope-list { overflow: hidden; border: 1px solid var(--border); border-radius: 7px; }.release-scope-list article { display: grid; grid-template-columns: 10px minmax(0, 1fr) 28px; align-items: center; gap: 10px; min-height: 55px; padding: 8px 11px; border-bottom: 1px solid var(--border); }.release-scope-list article:last-child { border-bottom: 0; }.release-scope-list article > div { display: grid; gap: 3px; }.release-scope-list small { color: var(--muted); font-size: 8px; }.release-scope-list > p { margin: 0; padding: 25px; color: var(--muted); text-align: center; }.release-scope-remove { color: var(--danger); background: transparent; border: 0; font-size: 17px; }
.release-changelog textarea { box-sizing: border-box; width: 100%; padding: 14px; color: var(--text); background: var(--panel-muted); border: 1px solid var(--border-strong); border-radius: 7px; font: 11px/1.6 ui-monospace, monospace; resize: vertical; }.release-save-state { color: #4d9b72; font-size: 8px; }

@media (max-width: 680px) { .releases-page, .release-page { width: calc(100% - 28px); padding-top: 28px; }.release-groups section > div, .release-fields { grid-template-columns: 1fr; }.release-page > header { align-items: flex-start; }.release-progress-ring { width: 68px; height: 68px; }.release-scope-form { grid-template-columns: 1fr; } }

.initiatives-page, .initiative-detail-page { width: min(1040px, calc(100% - 48px)); margin: 0 auto; padding: 42px 0 80px; }
.initiatives-page > header > span { color: var(--accent); font-size: 9px; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
.initiatives-page > header h1 { margin: 8px 0 6px; font-size: 28px; }.initiatives-page > header p { margin: 0; color: var(--muted); }
.initiative-groups { display: grid; gap: 28px; margin-top: 34px; }.initiative-groups h2 { margin: 0 0 10px; font-size: 13px; }
.initiative-view-toggle { display: inline-flex; margin-top: 16px; padding: 3px; background: var(--panel-muted); border: 1px solid var(--border); border-radius: 7px; }.initiative-view-toggle button { padding: 6px 10px; color: var(--muted); background: transparent; border: 0; border-radius: 5px; font-size: 9px; }.initiative-view-toggle button.active { color: var(--text); background: var(--panel); box-shadow: 0 1px 3px rgba(0,0,0,.08); }.initiative-card-shell { position: relative; display: grid; min-width: 0; }.initiative-card-shell .initiative-card { height: 100%; box-sizing: border-box; }.initiative-board-state { margin-top: -1px; padding: 7px 9px; color: var(--muted); background: var(--panel-muted); border: 1px solid var(--border); border-radius: 0 0 8px 8px; font-size: 9px; }.initiative-card-shell:has(.initiative-board-state) .initiative-card { border-radius: 9px 9px 0 0; }
.initiative-groups.board-mode { display: grid; grid-template-columns: repeat(5, minmax(240px, 1fr)); align-items: start; gap: 12px; overflow-x: auto; padding-bottom: 12px; }.initiative-groups.board-mode section { min-width: 0; padding: 12px; background: var(--panel-muted); border: 1px solid var(--border); border-radius: 9px; }.initiative-groups.board-mode section > div { grid-template-columns: 1fr; }.initiative-groups.board-mode .initiative-card header > div { align-items: flex-start; flex-direction: column; }.initiative-groups.board-mode .initiative-card footer span:nth-child(2) { display: none; }
.initiative-groups section > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.initiative-card { display: grid; gap: 11px; min-width: 0; padding: 16px; color: var(--text); background: var(--panel); border: 1px solid var(--border); border-radius: 9px; text-decoration: none; transition: transform .12s ease, border-color .12s ease; }
.initiative-card:hover { border-color: var(--border-strong); transform: translateY(-1px); }.initiative-card header, .initiative-card footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.initiative-card header > div { display: flex; min-width: 0; align-items: center; gap: 7px; }.initiative-card header strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.initiative-card p { min-height: 32px; margin: 0; color: var(--muted); font-size: 10px; line-height: 1.5; }.initiative-card footer { flex-wrap: wrap; color: var(--faint); font-size: 8px; }
.initiative-card footer b { display: grid; width: 23px; height: 23px; place-items: center; color: #fff; background: var(--accent); border-radius: 50%; font-size: 7px; }
.initiative-state, .initiative-health { display: inline-flex; width: max-content; padding: 3px 7px; border-radius: 999px; font-size: 8px; font-weight: 750; }
.initiative-state.state-draft { color: var(--muted); background: var(--panel-muted); }.initiative-state.state-planned { color: #4769b2; background: color-mix(in srgb, #5d7fc9 14%, var(--panel)); }.initiative-state.state-active { color: #5b55ce; background: var(--accent-soft); }.initiative-state.state-completed { color: #33845d; background: color-mix(in srgb, #44a474 14%, var(--panel)); }.initiative-state.state-closed { color: var(--faint); background: var(--panel-muted); }
.initiative-progress { overflow: hidden; height: 5px; background: var(--panel-muted); border-radius: 999px; }.initiative-progress i { display: block; height: 100%; width: 0; background: linear-gradient(90deg, var(--accent), #9a8cf5); border-radius: inherit; }
.initiative-hero { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-bottom: 20px; }.initiative-hero h1 { margin: 8px 0 5px; font-size: 30px; }.initiative-hero p { max-width: 720px; margin: 0; color: var(--muted); line-height: 1.5; }
.initiative-progress-ring { display: grid; width: 84px; height: 84px; flex: 0 0 auto; place-content: center; text-align: center; background: radial-gradient(circle, var(--panel) 56%, transparent 58%), conic-gradient(var(--accent) calc(var(--progress, 0) * 1%), var(--border) 0); border: 1px solid var(--border); border-radius: 50%; }.initiative-progress-ring strong { font-size: 17px; }.initiative-progress-ring small { color: var(--muted); font-size: 8px; }
.initiative-panel { margin-top: 14px; padding: 17px; background: var(--panel); border: 1px solid var(--border); border-radius: 9px; }.initiative-panel > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 14px; }.initiative-panel h2 { margin: 0 0 3px; font-size: 14px; }.initiative-panel header p { margin: 0; color: var(--muted); font-size: 9px; }
.initiative-edit-form { display: grid; gap: 13px; }.initiative-form-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr 1.4fr; gap: 9px; }.initiative-edit-form label { display: grid; gap: 5px; color: var(--muted); font-size: 8px; }.initiative-edit-form input, .initiative-edit-form select, .initiative-edit-form textarea, .initiative-scope-controls input, .initiative-scope-controls select, .initiative-update-form select, .initiative-update-form textarea { box-sizing: border-box; width: 100%; padding: 9px 10px; color: var(--text); background: var(--panel-muted); border: 1px solid var(--border-strong); border-radius: 6px; }.initiative-edit-form footer { display: flex; justify-content: space-between; }
.initiative-scope-controls { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 14px; }.initiative-project-add-form, .initiative-work-add-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 7px; }.initiative-scope-controls button { white-space: nowrap; }
.initiative-scope-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }.initiative-scope-columns > div { min-width: 0; overflow: hidden; border: 1px solid var(--border); border-radius: 7px; }.initiative-scope-columns h3 { margin: 0; padding: 10px 12px; background: var(--panel-muted); border-bottom: 1px solid var(--border); font-size: 10px; }
.initiative-project-row, .initiative-work-row { display: flex; min-width: 0; align-items: center; gap: 9px; padding: 10px 12px; border-bottom: 1px solid var(--border); }.initiative-project-row:last-child, .initiative-work-row:last-child { border-bottom: 0; }.initiative-project-row > span, .initiative-work-row > span { display: flex; min-width: 0; flex: 1; flex-direction: column; gap: 3px; }.initiative-project-row strong, .initiative-work-row strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }.initiative-project-row small, .initiative-work-row small { color: var(--muted); font-size: 8px; }.initiative-project-row button, .initiative-work-row button { color: var(--danger); background: transparent; border: 0; }
.initiative-empty { margin: 0; padding: 16px 12px; color: var(--muted); font-size: 9px; }.initiative-update-form { display: grid; grid-template-columns: 150px minmax(0, 1fr) auto; align-items: start; gap: 8px; }.initiative-update-form textarea { resize: vertical; }.initiative-update-form .form-error { grid-column: 2 / -1; }.initiative-update-list { display: grid; gap: 8px; margin-top: 16px; }.initiative-update-list article { padding: 12px; background: var(--panel-muted); border: 1px solid var(--border); border-radius: 7px; }.initiative-update-list article header { display: flex; align-items: center; gap: 8px; }.initiative-update-list article time { margin-left: auto; color: var(--faint); font-size: 8px; }.initiative-update-list article p { margin: 9px 0 0; white-space: pre-wrap; line-height: 1.5; }.initiative-health.health-on_track { color: #33845d; background: color-mix(in srgb, #44a474 14%, var(--panel)); }.initiative-health.health-at_risk { color: #a36b18; background: color-mix(in srgb, #d99b3d 16%, var(--panel)); }.initiative-health.health-off_track { color: var(--danger); background: color-mix(in srgb, var(--danger) 12%, var(--panel)); }

@media (max-width: 900px) { .initiative-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.initiative-form-grid label:first-child { grid-column: 1 / -1; } }
@media (max-width: 680px) { .initiatives-page, .initiative-detail-page { width: calc(100% - 28px); padding-top: 28px; }.initiative-groups section > div, .initiative-scope-columns, .initiative-scope-controls, .initiative-form-grid { grid-template-columns: 1fr; }.initiative-hero { align-items: flex-start; }.initiative-progress-ring { width: 68px; height: 68px; }.initiative-project-add-form, .initiative-work-add-form, .initiative-update-form { grid-template-columns: 1fr; }.initiative-update-form .form-error { grid-column: auto; }.initiative-card footer span:nth-child(2) { display: none; } }

@media (max-width: 680px) {
  .workspace-admin-page { width: calc(100% - 28px); padding-top: 30px; }
  .workspace-settings-card > label { align-items: stretch; flex-direction: column; gap: 10px; }
  .workspace-settings-card input[name="name"], .workspace-settings-card textarea, .workspace-settings-card select { width: 100%; }
  .work-item-type-fields { grid-template-columns: minmax(0, 1fr) 64px; }
	.relation-type-fields { grid-template-columns: minmax(0, 1fr) 64px; }.relation-type-fields label:nth-child(2) { grid-row: 2; grid-column: 1 / -1; }
  .work-item-type-description { grid-column: 1 / -1; }
  .webhook-form-grid { grid-template-columns: 1fr; }
  .webhook-card footer { align-items: stretch; flex-direction: column; }
  .webhook-card footer > div { flex-wrap: wrap; }
  .webhook-deliveries article { grid-template-columns: 10px minmax(0, 1fr) 38px; }
  .webhook-deliveries time { display: none; }
  .workspace-member-admin-list article { grid-template-columns: 32px minmax(0, 1fr) 29px; }
  .workspace-member-admin-list select { grid-column: 2; width: 120px; }
  .workspace-member-remove { grid-row: 1 / 3; grid-column: 3; }
  .audit-list article, .workspace-audit-list article { grid-template-columns: 48px minmax(0, 1fr) 35px; }
  .audit-list article > b, .audit-list time { display: none; }
}

.teamspaces-page { width: min(1080px, calc(100% - 48px)); margin: 0 auto; padding: 38px 0 80px; }
.teamspace-list-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.teamspace-list-card { display: grid; min-height: 230px; gap: 16px; padding: 18px; color: var(--text); background: var(--panel); border: 1px solid var(--border); border-radius: 11px; text-decoration: none; transition: .15s ease; }
.teamspace-list-card:hover { border-color: color-mix(in srgb, var(--team-color) 65%, var(--border)); transform: translateY(-2px); }
.teamspace-list-card > header, .teamspace-list-card > footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.teamspace-list-icon, .teamspace-hero-icon { position: relative; display: grid; width: 38px; height: 38px; place-items: center; color: #fff; background: var(--team-color); border-radius: 10px; font-size: 11px; font-weight: 800; }
.teamspace-list-icon i, .teamspace-hero-icon i { position: absolute; inset: -4px; border: 1px solid color-mix(in srgb, var(--team-color) 32%, transparent); border-radius: 13px; }
.teamspace-manage-badge { padding: 4px 7px; color: var(--team-color); background: color-mix(in srgb, var(--team-color) 12%, var(--panel)); border-radius: 999px; font-size: 8px; font-weight: 700; }
.teamspace-list-card h2 { margin: 0 0 7px; font-size: 17px; }.teamspace-list-card p { min-height: 36px; margin: 0; color: var(--muted); font-size: 10px; line-height: 1.55; }
.teamspace-card-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }.teamspace-card-metrics span { display: grid; gap: 3px; padding: 9px; color: var(--muted); background: var(--panel-muted); border: 1px solid var(--border); border-radius: 7px; font-size: 7px; }.teamspace-card-metrics strong { color: var(--text); font-size: 14px; }
.teamspace-list-card footer { margin-top: auto; padding-top: 12px; color: var(--faint); border-top: 1px solid var(--border); font-size: 8px; }.teamspace-list-card footer b { margin-left: auto; color: var(--team-color); font-size: 14px; }.teamspace-empty { grid-column: 1 / -1; }
.teamspace-form-dialog { width: min(760px, calc(100vw - 24px)); }.teamspace-form { max-height: min(760px, calc(100vh - 92px)); overflow-y: auto; }.teamspace-form-grid { display: grid; grid-template-columns: minmax(0, 1fr) 92px; gap: 9px; }.teamspace-form input[type="color"] { width: 100%; min-height: 36px; padding: 3px; }
.teamspace-picker { display: grid; gap: 7px; margin: 0; padding: 10px; border: 1px solid var(--border); border-radius: 8px; }.teamspace-picker legend { padding: 0 5px; color: var(--muted); font-size: 9px; }.teamspace-picker > small { color: var(--faint); font-size: 8px; }.teamspace-picker > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); max-height: 205px; overflow-y: auto; gap: 6px; }
.teamspace-picker label { display: grid; grid-template-columns: 16px 28px minmax(0, 1fr); align-items: center; gap: 7px; min-width: 0; padding: 7px; background: var(--panel-muted); border: 1px solid var(--border); border-radius: 7px; }.teamspace-picker label > span:last-child { display: grid; min-width: 0; gap: 2px; }.teamspace-picker strong, .teamspace-picker small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.teamspace-picker strong { font-size: 9px; }.teamspace-picker small { color: var(--muted); font-size: 7px; }.teamspace-picker .project-briefcase { display: grid; width: 28px; height: 28px; place-items: center; }
.teamspace-access-note { margin: 0; padding: 9px 11px; color: var(--muted); background: color-mix(in srgb, var(--accent) 8%, var(--panel)); border: 1px solid color-mix(in srgb, var(--accent) 20%, var(--border)); border-radius: 7px; font-size: 8px; line-height: 1.5; }.teamspace-form footer { gap: 7px; }.teamspace-form footer .danger-button { margin-right: auto; }
.teamspace-page { width: min(1180px, calc(100% - 48px)); margin: 0 auto; padding: 35px 0 80px; }.teamspace-page-bar a { color: var(--muted); text-decoration: none; }.teamspace-page-bar > div { display: flex; align-items: center; gap: 7px; }
.teamspace-hero { display: flex; align-items: center; gap: 18px; padding: 4px 0 24px; }.teamspace-hero-icon { width: 54px; height: 54px; flex: 0 0 auto; font-size: 15px; }.teamspace-hero > div { display: grid; gap: 5px; }.teamspace-hero h1 { margin: 0; font-size: 28px; }.teamspace-hero p { max-width: 760px; margin: 0; color: var(--muted); line-height: 1.5; }.teamspace-hero > div > span { color: var(--faint); font-size: 8px; }.teamspace-hero > div > span strong { color: var(--text); }
.teamspace-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-bottom: 12px; }.teamspace-kpis article { display: flex; align-items: center; gap: 11px; padding: 14px; background: var(--panel); border: 1px solid var(--border); border-radius: 9px; }.teamspace-kpis article > span { display: grid; width: 31px; height: 31px; place-items: center; color: var(--team-color); background: color-mix(in srgb, var(--team-color) 12%, var(--panel)); border-radius: 8px; }.teamspace-kpis article > div { display: grid; gap: 2px; }.teamspace-kpis strong { font-size: 18px; }.teamspace-kpis small { color: var(--muted); font-size: 8px; }
.teamspace-dashboard-grid { display: grid; grid-template-columns: minmax(280px, .8fr) minmax(380px, 1.2fr); gap: 12px; }.teamspace-panel { min-width: 0; margin-top: 12px; overflow: hidden; background: var(--panel); border: 1px solid var(--border); border-radius: 9px; }.teamspace-panel > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 14px 16px; border-bottom: 1px solid var(--border); }.teamspace-panel > header h2 { margin: 0 0 3px; font-size: 13px; }.teamspace-panel > header p { margin: 0; color: var(--muted); font-size: 8px; }.teamspace-panel > header > span { display: grid; min-width: 24px; height: 24px; place-items: center; color: var(--team-color); background: color-mix(in srgb, var(--team-color) 12%, var(--panel)); border-radius: 6px; font-size: 9px; font-weight: 750; }
.teamspace-workload > div > article { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; align-items: center; gap: 9px; padding: 10px 14px; border-bottom: 1px solid var(--border); }.teamspace-workload > div > article:last-child { border-bottom: 0; }.teamspace-workload article > div { display: grid; min-width: 0; gap: 3px; }.teamspace-workload article strong { overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }.teamspace-workload article strong b { margin-left: 5px; padding: 2px 5px; color: var(--team-color); background: color-mix(in srgb, var(--team-color) 12%, var(--panel)); border-radius: 999px; font-size: 6px; }.teamspace-workload article small { overflow: hidden; color: var(--muted); font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }.teamspace-load { display: grid; justify-items: end; gap: 2px; color: var(--faint); font-size: 7px; }.teamspace-load b { color: var(--text); font-size: 12px; }
.teamspace-projects > div { display: grid; }.teamspace-projects a { position: relative; display: grid; grid-template-columns: 28px minmax(110px, 1fr) minmax(210px, 1.4fr); align-items: center; gap: 9px; padding: 11px 14px; color: var(--text); border-bottom: 1px solid var(--border); text-decoration: none; }.teamspace-projects a:last-child { border-bottom: 0; }.teamspace-projects a > div { display: grid; min-width: 0; gap: 3px; }.teamspace-projects a strong, .teamspace-projects a small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.teamspace-projects a strong { font-size: 9px; }.teamspace-projects a small { color: var(--muted); font-size: 7px; }
.teamspace-projects dl { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; margin: 0; }.teamspace-projects dl div { display: grid; gap: 2px; }.teamspace-projects dt { color: var(--faint); font-size: 6px; }.teamspace-projects dd { margin: 0; font-size: 10px; font-weight: 700; }.teamspace-projects em { position: absolute; top: 5px; right: 8px; color: var(--team-color); font-size: 6px; font-style: normal; }.teamspace-panel-empty { margin: 0; padding: 22px; color: var(--muted); text-align: center; font-size: 9px; }
.teamspace-table-wrap { overflow: auto; }.teamspace-table-wrap table { width: 100%; min-width: 760px; border-collapse: collapse; font-size: 8px; }.teamspace-table-wrap th { padding: 8px 11px; color: var(--faint); background: var(--panel-muted); text-align: left; font-weight: 650; }.teamspace-table-wrap td { max-width: 230px; padding: 9px 11px; overflow: hidden; border-top: 1px solid var(--border); text-overflow: ellipsis; white-space: nowrap; }.teamspace-table-wrap td a { color: var(--team-color); font-weight: 750; text-decoration: none; }.teamspace-table-wrap .state-dot { display: inline-block; margin-right: 5px; }
@media (max-width: 900px) { .teamspace-dashboard-grid { grid-template-columns: 1fr; }.teamspace-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 680px) { .teamspaces-page, .teamspace-page { width: calc(100% - 28px); padding-top: 26px; }.teamspace-list-grid, .teamspace-picker > div { grid-template-columns: 1fr; }.teamspace-page-bar > div a, .teamspace-page-bar > div span { display: none; }.teamspace-hero { align-items: flex-start; }.teamspace-hero h1 { font-size: 23px; }.teamspace-hero-icon { width: 44px; height: 44px; }.teamspace-kpis { grid-template-columns: 1fr 1fr; }.teamspace-kpis article { padding: 11px; }.teamspace-projects a { grid-template-columns: 28px minmax(0, 1fr); }.teamspace-projects dl { grid-row: 2; grid-column: 2; }.teamspace-form-grid { grid-template-columns: minmax(0, 1fr) 72px; }.teamspace-form-dialog { width: calc(100vw - 16px); }.teamspace-form { max-height: calc(100vh - 70px); } }

/* Workspace-scoped repository integrations and work-item code references. */
.integrations-main { overflow: auto; }
.integrations-page { width: min(1040px, calc(100% - 48px)); margin: 0 auto; padding: 38px 0 80px; }
.integration-overview { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; margin: 22px 0 28px; }
.integration-overview article { display: flex; min-width: 0; align-items: center; gap: 10px; padding: 13px; background: var(--panel); border: 1px solid var(--border); border-radius: 9px; }
.integration-overview-icon { display: grid; width: 31px; height: 31px; flex: 0 0 auto; place-items: center; color: var(--accent); background: var(--accent-soft); border-radius: 8px; font-size: 13px; font-weight: 800; }
.integration-overview article div { display: grid; min-width: 0; gap: 3px; }.integration-overview strong { font-size: 9px; }.integration-overview small { color: var(--muted); font-size: 7px; line-height: 1.45; }
.integration-section { margin-top: 16px; }.integration-section > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; margin-bottom: 10px; }.integration-section h2 { margin: 0 0 4px; font-size: 14px; }.integration-section header p { margin: 0; color: var(--muted); font-size: 9px; }
.integration-card-list { display: grid; gap: 10px; }.integration-card { overflow: hidden; background: var(--panel); border: 1px solid var(--border); border-radius: 10px; box-shadow: 0 1px 2px color-mix(in srgb, #000 4%, transparent); }.integration-card.is-paused { opacity: .8; }
.integration-card > header { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; gap: 11px; min-height: 68px; padding: 12px 15px; border-bottom: 1px solid var(--border); }.integration-card > header > div { display: grid; min-width: 0; gap: 4px; }.integration-card > header strong, .integration-card > header small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.integration-card > header small { color: var(--muted); font: 8px ui-monospace, SFMono-Regular, Consolas, monospace; }
.provider-mark { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 9px; font-size: 9px; font-weight: 850; letter-spacing: -.03em; }.provider-github { color: #f5f5f5; background: #24292f; }.provider-gitlab { color: #fff; background: linear-gradient(145deg, #fc6d26, #e24329 55%, #6b4fbb); }.provider-slack { color: #fff; background: linear-gradient(145deg, #611f69, #4a154b); }.provider-sentry { color: #fff; background: linear-gradient(145deg, #584774, #362d59); }
.integration-status { display: inline-flex; align-items: center; gap: 5px; padding: 4px 8px; border-radius: 999px; font-size: 8px; font-weight: 750; }.integration-status::before { width: 6px; height: 6px; content: ""; border-radius: 50%; }.integration-status.active { color: #2f8059; background: color-mix(in srgb, #45a775 13%, var(--panel)); }.integration-status.active::before { background: #45a775; }.integration-status.paused { color: var(--muted); background: var(--panel-muted); }.integration-status.paused::before { background: var(--faint); }
.integration-card-meta { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 11px 15px; border-bottom: 1px solid var(--border); }.integration-card-meta span { display: grid; gap: 3px; padding-right: 12px; border-right: 1px solid var(--border); }.integration-card-meta span + span { padding-left: 12px; }.integration-card-meta span:last-child { border-right: 0; }.integration-card-meta b { overflow: hidden; color: var(--text); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }.integration-card-meta small { color: var(--faint); font-size: 7px; }
.integration-webhook { display: flex; align-items: center; gap: 10px; padding: 10px 15px; background: var(--panel-muted); border-bottom: 1px solid var(--border); }.integration-webhook > div { display: grid; min-width: 0; flex: 1; gap: 4px; }.integration-webhook span { color: var(--faint); font-size: 7px; font-weight: 650; text-transform: uppercase; }.integration-webhook code { overflow: hidden; color: var(--muted); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }.integration-webhook button, .integration-card > footer button, .integration-editor summary { min-height: 28px; padding: 0 9px; color: var(--accent); background: transparent; border: 1px solid var(--border); border-radius: 6px; font-size: 8px; cursor: pointer; }.integration-webhook button:hover, .integration-card > footer button:hover { background: var(--accent-soft); }
.integration-card > footer { display: flex; justify-content: flex-end; gap: 6px; padding: 10px 15px; }.integration-editor { border-top: 1px solid var(--border); }.integration-editor summary { display: none; }.integration-editor:not([open]) > :not(summary) { display: none; }
.integration-card > footer button:disabled { cursor: not-allowed; opacity: .48; }
.integration-form { display: grid; gap: 13px; }.integration-editor .integration-form { padding: 15px; background: var(--panel-muted); }.integration-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }.integration-form label { display: grid; min-width: 0; gap: 6px; color: var(--muted); font-size: 9px; font-weight: 650; }.integration-form input, .integration-form select { box-sizing: border-box; width: 100%; min-height: 34px; padding: 7px 9px; color: var(--text); background: var(--panel); border: 1px solid var(--border-strong); border-radius: 6px; outline: 0; }.integration-form input:focus, .integration-form select:focus { border-color: color-mix(in srgb, var(--accent) 72%, var(--border-strong)); box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 12%, transparent); }.integration-form footer { display: flex; justify-content: flex-end; gap: 7px; }.integration-switches { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }.integration-switches > label { display: grid; grid-template-columns: 16px minmax(0, 1fr); align-items: start; gap: 8px; padding: 10px; background: var(--panel); border: 1px solid var(--border); border-radius: 8px; }.integration-switches input { width: 15px; height: 15px; min-height: 0; margin: 1px 0 0; padding: 0; }.integration-switches span { display: grid; gap: 3px; }.integration-switches small { color: var(--muted); font-size: 7px; font-weight: 400; line-height: 1.4; }.integration-form footer .integration-delete { margin-right: auto; }
.integration-provider-choice { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }.integration-provider-choice label { position: relative; display: grid; grid-template-columns: 36px minmax(0, 1fr); align-items: center; gap: 10px; min-height: 58px; padding: 9px; background: var(--panel-muted); border: 1px solid var(--border); border-radius: 9px; cursor: pointer; }.integration-provider-choice input { position: absolute; width: 1px; height: 1px; opacity: 0; }.integration-provider-choice label:has(input:checked) { border-color: color-mix(in srgb, var(--accent) 62%, var(--border)); box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 10%, transparent); }
.integration-events-section { margin-top: 28px; }.integration-events { overflow: hidden; background: var(--panel); border: 1px solid var(--border); border-radius: 9px; }.integration-events article { display: grid; grid-template-columns: 24px minmax(0, 1fr) auto 112px; align-items: center; gap: 10px; min-height: 60px; padding: 9px 13px; border-bottom: 1px solid var(--border); }.integration-events article:last-child { border-bottom: 0; }.integration-event-state { display: grid; width: 22px; height: 22px; place-items: center; border-radius: 50%; font-size: 9px; font-weight: 850; }.integration-event-state.success { color: #2f8059; background: color-mix(in srgb, #45a775 14%, var(--panel)); }.integration-event-state.failure { color: var(--danger); background: color-mix(in srgb, var(--danger) 12%, var(--panel)); }.integration-events article > div { display: grid; min-width: 0; gap: 3px; }.integration-events strong, .integration-events small, .integration-events code { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.integration-events strong { font-size: 9px; }.integration-events small, .integration-events code, .integration-events time { color: var(--muted); font-size: 7px; }.integration-events code { color: var(--faint); }.integration-events article > b { color: var(--muted); font-size: 8px; font-weight: 600; }.integration-events time { text-align: right; }.integration-events-empty { padding: 28px; color: var(--muted); text-align: center; font-size: 9px; }.integration-empty { margin: 0; }
.integration-dialog { width: min(620px, calc(100vw - 24px)); }.integration-secret-dialog { width: min(540px, calc(100vw - 24px)); }.integration-secret-body { display: grid; gap: 13px; padding: 18px; }.integration-secret-body label { display: grid; gap: 6px; color: var(--muted); font-size: 9px; font-weight: 650; }.integration-secret-body label > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; }.integration-secret-body input { min-width: 0; padding: 9px; color: var(--text); background: var(--panel-muted); border: 1px solid var(--border-strong); border-radius: 6px 0 0 6px; font: 9px ui-monospace, SFMono-Regular, Consolas, monospace; }.integration-secret-body label button { padding: 0 11px; color: var(--accent); background: var(--accent-soft); border: 1px solid var(--border-strong); border-left: 0; border-radius: 0 6px 6px 0; }.integration-secret-body p { margin: 0; padding: 10px; color: var(--muted); background: var(--panel-muted); border: 1px solid var(--border); border-radius: 7px; font-size: 8px; line-height: 1.5; }.integration-secret-done { justify-self: end; }

.integration-page-actions { display: flex; align-items: center; gap: 7px; }.integration-page-actions .secondary-button, .integration-section > header > .secondary-button, .integration-empty .secondary-button { min-height: 30px; padding: 0 11px; color: var(--text); background: var(--panel); border: 1px solid var(--border-strong); border-radius: 7px; font-size: 9px; font-weight: 650; cursor: pointer; }.integration-page-actions .secondary-button:hover, .integration-section > header > .secondary-button:hover, .integration-empty .secondary-button:hover { color: var(--accent); background: var(--accent-soft); }.slack-integration-section { margin-top: 30px; }.slack-secret-safe code { letter-spacing: .02em; }.integration-switches.one-column { grid-template-columns: 1fr; }.slack-dialog { width: min(650px, calc(100vw - 24px)); }.slack-dialog .slack-form { max-height: min(760px, calc(100vh - 90px)); overflow-y: auto; }.slack-provider-intro { display: grid; grid-template-columns: 36px minmax(0, 1fr); align-items: center; gap: 11px; padding: 11px; color: var(--text); background: var(--panel-muted); border: 1px solid var(--border); border-radius: 9px; }.slack-provider-intro > div { display: grid; gap: 3px; }.slack-provider-intro small, .slack-form label > small { color: var(--muted); font-size: 8px; font-weight: 400; line-height: 1.45; }.slack-event-choice { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0; padding: 0; border: 0; }.slack-event-choice legend { grid-column: 1 / -1; margin-bottom: 6px; color: var(--muted); font-size: 9px; font-weight: 650; }.slack-event-choice label { display: grid; grid-template-columns: 16px minmax(0, 1fr); align-items: center; gap: 8px; min-height: 38px; padding: 8px 10px; color: var(--text); background: var(--panel); border: 1px solid var(--border); border-radius: 7px; cursor: pointer; }.slack-event-choice input { width: 15px; height: 15px; min-height: 0; margin: 0; padding: 0; }.slack-event-choice label:has(input:checked) { border-color: color-mix(in srgb, var(--accent) 50%, var(--border)); background: color-mix(in srgb, var(--accent) 6%, var(--panel)); }.slack-form footer .slack-delete { margin-right: auto; }.slack-deliveries-section { margin-top: 28px; }
.sentry-integration-section { margin-top: 32px; }.sentry-dialog { width: min(680px, calc(100vw - 24px)); }.sentry-dialog .sentry-form { max-height: min(770px, calc(100vh - 90px)); overflow-y: auto; }.sentry-switches { grid-template-columns: repeat(3, minmax(0, 1fr)); }.sentry-form footer .sentry-delete { margin-right: auto; }.sentry-header-note { display: grid; gap: 5px; margin: 0; padding: 10px 11px; color: var(--muted); background: var(--panel-muted); border: 1px solid var(--border); border-radius: 8px; font-size: 8px; line-height: 1.45; }.sentry-header-note code { color: var(--text); font-size: 8px; }.sentry-events-section { margin-top: 28px; }

.code-links-section { margin-top: 24px; }.code-link-list { display: grid; gap: 6px; }.code-link-row { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; align-items: center; gap: 8px; min-height: 49px; padding: 6px 8px; background: var(--panel-muted); border: 1px solid var(--border); border-radius: 7px; }.code-provider-mark { display: grid; width: 27px; height: 27px; place-items: center; color: #fff; background: #24292f; border-radius: 7px; font-size: 7px; font-weight: 850; }.code-link-row.provider-gitlab .code-provider-mark { background: linear-gradient(145deg, #fc6d26, #e24329 55%, #6b4fbb); }.code-link-row > div { display: grid; min-width: 0; gap: 4px; }.code-link-row a { display: grid; min-width: 0; gap: 2px; }.code-link-row a strong, .code-link-row a small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.code-link-row a strong { color: var(--text); font-size: 10px; }.code-link-row a small { color: var(--faint); font-size: 8px; }.code-branch-copy { display: inline-flex; width: max-content; max-width: 100%; align-items: center; gap: 3px; padding: 2px 5px; overflow: hidden; color: var(--muted); background: var(--panel); border: 1px solid var(--border); border-radius: 4px; font-size: 7px; cursor: pointer; }.code-branch-copy code { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.code-link-state { padding: 4px 7px; color: var(--muted); background: var(--panel); border-radius: 999px; font-size: 7px; font-weight: 750; text-transform: capitalize; }.code-link-state.state-open, .code-link-state.state-opened { color: #2f8059; background: color-mix(in srgb, #45a775 13%, var(--panel)); }.code-link-state.state-merged { color: #6650b8; background: color-mix(in srgb, #765bc5 14%, var(--panel)); }.code-link-state.state-closed { color: var(--danger); background: color-mix(in srgb, var(--danger) 10%, var(--panel)); }
.sentry-links-section { margin-top: 24px; }.sentry-link-list { display: grid; gap: 6px; }.sentry-link-row { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; align-items: center; gap: 8px; min-height: 49px; padding: 6px 8px; background: var(--panel-muted); border: 1px solid var(--border); border-radius: 7px; }.sentry-link-row .code-provider-mark { background: linear-gradient(145deg, #584774, #362d59); }.sentry-link-row a { display: grid; min-width: 0; gap: 2px; }.sentry-link-row a strong, .sentry-link-row a small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.sentry-link-row a strong { color: var(--text); font-size: 10px; }.sentry-link-row a small { color: var(--faint); font-size: 8px; }.code-link-state.state-resolved { color: #2f8059; background: color-mix(in srgb, #45a775 13%, var(--panel)); }.code-link-state.state-unresolved { color: #9a6321; background: color-mix(in srgb, #d69e4d 13%, var(--panel)); }

@media (max-width: 760px) { .integration-overview { grid-template-columns: 1fr; }.integration-events article { grid-template-columns: 24px minmax(0, 1fr) auto; }.integration-events time { display: none; } }
@media (max-width: 680px) { .integrations-page { width: calc(100% - 28px); padding-top: 26px; }.integration-page-actions .secondary-button { display: none; }.integration-card > header { grid-template-columns: 36px minmax(0, 1fr); }.integration-status { grid-column: 2; justify-self: start; }.integration-card-meta, .integration-form-grid, .integration-switches, .slack-event-choice, .sentry-switches { grid-template-columns: 1fr; }.integration-card-meta span, .integration-card-meta span + span { padding: 7px 0; border-right: 0; border-bottom: 1px solid var(--border); }.integration-card-meta span:last-child { border-bottom: 0; }.integration-webhook { align-items: stretch; flex-direction: column; }.integration-webhook button { align-self: flex-end; }.integration-card > footer { flex-wrap: wrap; }.integration-editor .integration-form { padding: 12px; }.integration-provider-choice { grid-template-columns: 1fr; }.integration-events article > b { display: none; }.code-link-row { grid-template-columns: 28px minmax(0, 1fr); }.code-link-state { grid-column: 2; justify-self: start; } }