:root {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", Inter, "PingFang SC", "Microsoft YaHei", sans-serif;
  color: #1d1d1f;
  background: #f5f5f7;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  --accent: #0a84ff;
  --accent-strong: #0071e3;
  --accent-soft: rgba(10,132,255,.10);
  --purple: #b23bc6;
  --purple-soft: rgba(178,59,198,.105);
  --blue: #1688f8;
  --blue-soft: rgba(22,136,248,.105);
  --gray: #8e8e93;
  --gray-soft: rgba(142,142,147,.11);
  --green: #30a46c;
  --red: #ff453a;
  --orange: #ff9f0a;
  --text: #1d1d1f;
  --muted: #73737a;
  --muted-2: #9b9ba1;
  --line: rgba(60,60,67,.12);
  --line-soft: rgba(60,60,67,.075);
  --surface: rgba(255,255,255,.86);
  --surface-solid: #fff;
  --sidebar: rgba(246,246,248,.84);
  --shadow-card: 0 1px 2px rgba(0,0,0,.025), 0 12px 35px rgba(0,0,0,.045);
  --shadow-pop: 0 24px 70px rgba(0,0,0,.16), 0 1px 4px rgba(0,0,0,.05);
  --radius-lg: 22px;
  --radius-md: 16px;
  --radius-sm: 11px;
}
* { box-sizing: border-box; }
html, body, #root { min-height: 100%; margin: 0; }
html { background: #f5f5f7; }
body { min-width: 320px; overflow-x: hidden; background:
  radial-gradient(circle at 82% -10%, rgba(126,156,255,.12), transparent 30%),
  radial-gradient(circle at 17% 3%, rgba(188,130,255,.08), transparent 27%),
  #f5f5f7; }
button, input, select { font: inherit; }
button { cursor: pointer; }
button:disabled { cursor: default; }
::selection { background: rgba(10,132,255,.18); }
* { scrollbar-width: thin; scrollbar-color: rgba(60,60,67,.18) transparent; }
*::-webkit-scrollbar { width: 7px; height: 7px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb { background: rgba(60,60,67,.18); border-radius: 999px; }

/* Workspace shell */
.app-shell { min-height: 100vh; }
.workspace-layout { display: grid; grid-template-columns: 230px minmax(0,1fr); }
.workspace-sidebar {
  position: fixed; inset: 0 auto 0 0; z-index: 45; width: 230px;
  display: flex; flex-direction: column; padding: 18px 14px 14px;
  background: var(--sidebar); border-right: 1px solid rgba(60,60,67,.10);
  backdrop-filter: blur(28px) saturate(1.3); -webkit-backdrop-filter: blur(28px) saturate(1.3);
}
.workspace-brand { display: flex; align-items: center; gap: 11px; padding: 6px 7px 18px; }
.workspace-brand-mark {
  width: 36px; height: 36px; border-radius: 11px; flex: 0 0 auto; display: grid; place-items: center;
  color: white; font-size: 12px; font-weight: 750; letter-spacing: -.5px;
  background: linear-gradient(145deg,#16181c,#343b49 52%,#15171b);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 8px 22px rgba(0,0,0,.14);
}
.workspace-brand strong { display: block; font-size: 14px; letter-spacing: -.18px; line-height: 1.25; }
.workspace-brand span { display: block; margin-top: 3px; color: var(--muted-2); font-size: 9.5px; letter-spacing: .15px; }
.workspace-nav { display: flex; flex-direction: column; gap: 4px; }
.nav-section-label { padding: 14px 10px 6px; color: #a0a0a7; font-size: 9px; font-weight: 700; letter-spacing: .9px; text-transform: uppercase; }
.workspace-nav-item {
  width: 100%; min-height: 42px; display: flex; align-items: center; gap: 10px; padding: 0 10px;
  border: 0; border-radius: 11px; background: transparent; color: #5f6066; text-align: left;
  transition: background .16s ease, color .16s ease, transform .16s ease;
}
.workspace-nav-item:hover:not(.disabled) { background: rgba(255,255,255,.72); color: var(--text); }
.workspace-nav-item.active { background: rgba(255,255,255,.92); color: var(--text); box-shadow: 0 1px 2px rgba(0,0,0,.025), inset 0 0 0 1px rgba(60,60,67,.055); }
.workspace-nav-item.disabled { opacity: .58; cursor: default; }
.workspace-nav-item > span:not(.nav-icon) { flex: 1; font-size: 12px; font-weight: 600; }
.nav-icon { width: 26px; height: 26px; display: grid; place-items: center; color: #76777d; border-radius: 8px; }
.workspace-nav-item.active .nav-icon { color: var(--accent); background: var(--accent-soft); }
.workspace-nav-item b { min-width: 20px; height: 20px; padding: 0 6px; display: grid; place-items: center; border-radius: 999px; background: rgba(10,132,255,.10); color: var(--accent-strong); font-size: 9px; }
.workspace-nav-item em { font-style: normal; color: #a2a2a7; font-size: 8.5px; }
.workspace-sidebar-note { margin-top: auto; display: flex; gap: 10px; padding: 12px; border: 1px solid rgba(60,60,67,.08); border-radius: 14px; background: rgba(255,255,255,.62); }
.workspace-sidebar-note > span { width: 27px; height: 27px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 8px; background: linear-gradient(135deg,rgba(10,132,255,.12),rgba(178,59,198,.12)); color: #5572c7; }
.workspace-sidebar-note strong { display: block; font-size: 10.5px; }
.workspace-sidebar-note p { margin: 4px 0 0; color: #8a8a90; font-size: 8.7px; line-height: 1.45; }
.workspace-version { padding: 10px 7px 0; color: #aaaab0; font-size: 8px; }
.workspace-content { min-width: 0; grid-column: 2; }

/* Header */
.topbar {
  height: 66px; display: flex; align-items: center; justify-content: space-between; gap: 18px;
  padding: 0 24px; position: sticky; top: 0; z-index: 40;
  background: rgba(250,250,252,.78); border-bottom: 1px solid rgba(60,60,67,.09);
  backdrop-filter: blur(24px) saturate(1.35); -webkit-backdrop-filter: blur(24px) saturate(1.35);
}
.module-title-block { min-width: 0; }
.module-title-block span { display: block; color: #9a9aa0; font-size: 9px; margin-bottom: 3px; }
.module-title-block strong { display: block; font-size: 14px; line-height: 1.1; letter-spacing: -.12px; }
.topbar-actions { display: flex; align-items: center; gap: 8px; min-width: 0; }
.sync-pill { display: inline-flex; align-items: center; gap: 6px; border: 1px solid rgba(60,60,67,.095); background: rgba(255,255,255,.74); border-radius: 999px; padding: 6px 9px; color: #686970; font-size: 9.5px; white-space: nowrap; box-shadow: inset 0 1px 0 rgba(255,255,255,.75); }
.sync-pill i { width: 6px; height: 6px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 3px rgba(255,159,10,.10); }
.sync-pill.live i { background: var(--green); box-shadow: 0 0 0 3px rgba(48,164,108,.10); }
.sync-pill.offline { color: #b24a43; }
.sync-pill.offline i { background: var(--red); }
.history-actions { display: flex; padding: 3px; border-radius: 10px; background: rgba(118,118,128,.08); }
.history-actions button { width: 29px; height: 29px; border: 0; background: transparent; border-radius: 8px; color: #54555b; font-size: 16px; }
.history-actions button:hover:not(:disabled) { background: rgba(255,255,255,.88); }
.history-actions button:disabled { opacity: .28; }
.profile-anchor { position: relative; }
.avatar-button { width: 34px; height: 34px; border-radius: 50%; border: 1px solid rgba(60,60,67,.10); background: linear-gradient(#fff,#f7f7f8); color: #4d4e54; font-weight: 720; box-shadow: 0 1px 3px rgba(0,0,0,.05); }
.avatar-button.active { box-shadow: 0 0 0 3px rgba(10,132,255,.11); border-color: rgba(10,132,255,.34); }
.profile-popover { position: absolute; right: 0; top: 44px; width: 290px; background: rgba(255,255,255,.965); border: 1px solid rgba(60,60,67,.10); border-radius: 18px; padding: 13px; box-shadow: var(--shadow-pop); z-index: 80; backdrop-filter: blur(20px); }
.profile-head { display: flex; align-items: center; gap: 10px; padding: 3px 2px 12px; border-bottom: 1px solid var(--line-soft); }
.profile-avatar { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(145deg,#f1f3f8,#e5e8ef); color: #44464e; font-weight: 780; }
.profile-head strong { display: block; font-size: 12.5px; }
.profile-head span { display: block; margin-top: 3px; color: #98989d; font-size: 9.5px; }
.profile-email { padding: 12px 2px 9px; }
.profile-email span { display: block; color: #9a9aa0; font-size: 9px; margin-bottom: 4px; }
.profile-email strong { display: block; font-size: 11px; font-weight: 580; overflow-wrap: anywhere; }
.profile-sync-row { display: flex; align-items: center; gap: 7px; padding: 8px 2px 12px; color: #77787e; font-size: 9.5px; }
.profile-sync-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 3px rgba(48,164,108,.09); }
.profile-logout { width: 100%; border: 1px solid rgba(60,60,67,.09); background: rgba(118,118,128,.06); border-radius: 10px; padding: 9px 10px; color: #5b5c62; text-align: left; }
.profile-logout:hover { background: rgba(118,118,128,.10); }

/* Buttons */
.icon-button, .secondary-button, .primary-button, .danger-button, .text-button, .ghost-button, .mini-action, .round-add-button { border: 0; transition: transform .14s ease, background .14s ease, box-shadow .14s ease, opacity .14s ease, border-color .14s ease; }
.primary-button { display: inline-flex; align-items: center; justify-content: center; gap: 5px; background: linear-gradient(180deg,#168bff,#087ce8); color: white; border-radius: 999px; padding: 10px 17px; white-space: nowrap; box-shadow: inset 0 1px 0 rgba(255,255,255,.26), 0 6px 16px rgba(10,132,255,.18); }
.primary-button:hover:not(:disabled) { transform: translateY(-1px); box-shadow: inset 0 1px 0 rgba(255,255,255,.26), 0 8px 19px rgba(10,132,255,.22); }
.primary-button:disabled { opacity: .48; }
.primary-button.small { padding: 8px 14px; font-size: 10.5px; }
.secondary-button { background: rgba(255,255,255,.86); border: 1px solid rgba(60,60,67,.11); border-radius: 999px; padding: 8px 13px; color: #3e3f44; white-space: nowrap; box-shadow: 0 1px 2px rgba(0,0,0,.025); }
.secondary-button:hover { background: #fff; }
.icon-button { width: 33px; height: 33px; border-radius: 50%; background: rgba(255,255,255,.84); border: 1px solid rgba(60,60,67,.11); color: #3c3d42; font-size: 20px; line-height: 1; display: grid; place-items: center; }
.icon-button:hover { background: white; }
.icon-button.nav { font-size: 22px; }
.today-button { padding-inline: 14px; }
.danger-button { background: rgba(255,69,58,.08); color: #d4433b; border-radius: 999px; padding: 9px 14px; white-space: nowrap; }
.text-button { background: transparent; color: var(--accent-strong); padding: 6px 8px; }
.ghost-button { background: rgba(118,118,128,.08); color: #55565c; border-radius: 9px; padding: 8px 10px; }
.mini-action { background: rgba(118,118,128,.08); color: #56575d; border-radius: 9px; padding: 7px 9px; font-size: 9.5px; }
.round-add-button { width: 34px; height: 34px; border-radius: 50%; background: var(--accent); color: white; font-size: 19px; display: grid; place-items: center; box-shadow: 0 5px 14px rgba(10,132,255,.2); }

/* Main dashboard */
.dashboard { width: min(1560px, calc(100vw - 230px - 52px)); margin: 22px auto 52px; }
.workspace-hero {
  position: relative; overflow: hidden; min-height: 148px; display: flex; align-items: center; justify-content: space-between; gap: 28px;
  padding: 24px 26px; border: 1px solid rgba(60,60,67,.085); border-radius: 24px;
  background:
    radial-gradient(circle at 84% 15%, rgba(98,149,255,.19), transparent 26%),
    radial-gradient(circle at 70% 110%, rgba(180,95,230,.11), transparent 32%),
    rgba(255,255,255,.84);
  box-shadow: var(--shadow-card); backdrop-filter: blur(24px);
}
.workspace-hero::after { content: ""; position: absolute; width: 170px; height: 170px; right: -58px; top: -82px; border: 1px solid rgba(10,132,255,.13); border-radius: 50%; box-shadow: 0 0 0 24px rgba(10,132,255,.025), 0 0 0 52px rgba(178,59,198,.018); pointer-events: none; }
.hero-copy { min-width: 0; position: relative; z-index: 1; }
.hero-kicker { display: flex; align-items: center; gap: 7px; color: #85868c; font-size: 9.5px; font-weight: 650; letter-spacing: .25px; }
.hero-dot { width: 7px; height: 7px; border-radius: 50%; background: linear-gradient(135deg,var(--blue),var(--purple)); box-shadow: 0 0 0 4px rgba(10,132,255,.07); }
.hero-copy h2 { margin: 8px 0 0; font-size: clamp(25px,2.1vw,34px); line-height: 1.05; letter-spacing: -1.2px; font-weight: 710; }
.hero-copy p { margin: 9px 0 0; color: #818289; font-size: 10.5px; }
.hero-metrics { position: relative; z-index: 1; display: flex; align-items: stretch; gap: 9px; }
.hero-metric, .hero-progress { min-width: 110px; padding: 12px 14px; border-radius: 16px; background: rgba(255,255,255,.72); border: 1px solid rgba(255,255,255,.88); box-shadow: 0 4px 16px rgba(0,0,0,.035); backdrop-filter: blur(14px); }
.hero-metric span { display: block; color: #8b8c92; font-size: 8.5px; }
.hero-metric strong { display: block; margin-top: 5px; font-size: 24px; line-height: 1; letter-spacing: -.7px; }
.hero-metric strong.warn { color: #d26b31; }
.hero-metric small { display: block; margin-top: 5px; color: #a0a0a6; font-size: 8px; }
.hero-progress { min-width: 164px; display: flex; align-items: center; gap: 10px; }
.hero-progress-ring { width: 48px; height: 48px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(var(--accent) var(--progress), rgba(118,118,128,.11) 0); position: relative; }
.hero-progress-ring::after { content: ""; position: absolute; inset: 5px; border-radius: 50%; background: rgba(255,255,255,.96); }
.hero-progress-ring span { position: relative; z-index: 1; font-size: 8.5px; font-weight: 720; }
.hero-progress > div:last-child strong { display: block; font-size: 10.5px; }
.hero-progress > div:last-child small { display: block; color: #98999f; margin-top: 4px; font-size: 8px; }

.stats-strip { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin: 12px 0 20px; }
.stat-card { min-width: 0; background: rgba(255,255,255,.72); border: 1px solid rgba(60,60,67,.08); border-radius: 16px; padding: 12px 14px; box-shadow: 0 4px 18px rgba(0,0,0,.025); }
.stat-label { display: flex; align-items: center; gap: 7px; color: #73747a; font-size: 9.5px; font-weight: 650; }
.stat-main { display: flex; align-items: baseline; gap: 8px; margin-top: 7px; }
.stat-main strong { font-size: 22px; line-height: 1; letter-spacing: -.55px; font-weight: 650; }
.stat-main span { color: #a0a0a6; font-size: 8.5px; }
.stat-meta { color: #94959b; font-size: 8.5px; margin-top: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.progress-line { display: flex; justify-content: space-between; align-items: baseline; margin-top: 7px; }
.progress-line strong { font-size: 16px; }
.progress-line span { color: #77787e; font-size: 9px; }
.progress-track { height: 4px; border-radius: 999px; background: rgba(118,118,128,.11); margin-top: 7px; overflow: hidden; }
.progress-track i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#6aa7ff,#0a84ff); transition: width .22s ease; }

.section-heading-row { display: flex; justify-content: space-between; align-items: end; gap: 16px; margin: 0 2px 10px; }
.section-heading-row > div:first-child > span { display: block; color: #aaaab0; font-size: 8px; letter-spacing: 1.1px; font-weight: 700; }
.section-heading-row h3 { margin: 3px 0 0; font-size: 16px; letter-spacing: -.25px; }
.shortcut-hints { display: flex; align-items: center; gap: 5px; color: #999aa0; font-size: 8.5px; }
kbd { min-width: 22px; height: 20px; padding: 0 5px; display: inline-grid; place-items: center; border: 1px solid rgba(60,60,67,.10); border-bottom-color: rgba(60,60,67,.18); border-radius: 6px; background: rgba(255,255,255,.75); color: #77787e; font-family: inherit; font-size: 8px; box-shadow: 0 1px 1px rgba(0,0,0,.025); }

/* Calendar + day panel */
.main-grid { display: grid; grid-template-columns: minmax(720px,1fr) minmax(318px,350px); gap: 12px; align-items: start; }
.calendar-card, .day-panel, .week-view { min-width: 0; background: rgba(255,255,255,.88); border: 1px solid rgba(60,60,67,.09); border-radius: 20px; box-shadow: var(--shadow-card); backdrop-filter: blur(16px); }
.calendar-card { overflow: hidden; }
.calendar-toolbar { min-height: 64px; padding: 13px 15px; display: flex; justify-content: space-between; align-items: center; gap: 15px; }
.month-picker { display: flex; align-items: center; gap: 6px; min-width: 0; }
.month-picker select { appearance: none; border: 1px solid rgba(60,60,67,.10); background-color: rgba(118,118,128,.055); border-radius: 9px; padding: 7px 26px 7px 9px; font-weight: 650; color: #33343a; outline: none; background-image: linear-gradient(45deg,transparent 50%,#8d8d93 50%),linear-gradient(135deg,#8d8d93 50%,transparent 50%); background-position: calc(100% - 12px) 50%,calc(100% - 8px) 50%; background-size: 4px 4px,4px 4px; background-repeat: no-repeat; }
.month-picker select:focus { box-shadow: 0 0 0 3px rgba(10,132,255,.08); border-color: rgba(10,132,255,.28); }
.month-picker span { color: #a0a0a6; font-size: 8.5px; white-space: nowrap; }
.calendar-nav { display: flex; align-items: center; gap: 5px; }
.weekday-row { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); border-top: 1px solid var(--line-soft); border-bottom: 1px solid var(--line-soft); background: rgba(248,248,250,.72); }
.weekday-row > div { padding: 8px 9px; text-align: left; color: #9b9ba1; font-size: 8.5px; font-weight: 650; }
.calendar-grid { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); }
.calendar-cell { height: 150px; min-width: 0; padding: 7px 7px 6px; border-right: 1px solid var(--line-soft); border-bottom: 1px solid var(--line-soft); background: rgba(255,255,255,.68); position: relative; transition: background .13s ease, box-shadow .13s ease; overflow: hidden; }
.calendar-cell:nth-child(7n) { border-right: 0; }
.calendar-cell:nth-last-child(-n+7) { border-bottom: 0; }
.calendar-cell:hover { background: rgba(249,252,255,.92); }
.calendar-cell.selected { box-shadow: inset 0 0 0 1.5px rgba(10,132,255,.42); z-index: 2; background: rgba(248,252,255,.94); }
.calendar-cell.drag-over { background: rgba(10,132,255,.08); box-shadow: inset 0 0 0 2px rgba(10,132,255,.48); z-index: 3; }
.calendar-cell.outside-month { background: rgba(249,249,250,.65); }
.calendar-cell.outside-month .date-number { color: #c2c2c7; }
.date-number-row { height: 23px; display: flex; align-items: center; gap: 6px; }
.date-number { min-width: 20px; color: #4f5055; font-size: 9.5px; font-weight: 650; }
.today-number { width: 22px; height: 22px; display: inline-grid; place-items: center; color: white; background: var(--accent); border-radius: 50%; box-shadow: 0 3px 8px rgba(10,132,255,.20); }
.today-label-mini { color: var(--accent-strong); font-size: 8px; font-weight: 650; }
.quick-add-wrap { position: relative; margin: 3px 0 4px; z-index: 4; }
.quick-add-input { width: 100%; min-width: 0; height: 29px; border: 1px solid rgba(10,132,255,.35); border-radius: 8px; padding: 5px 7px; outline: none; font-size: 9.5px; background: rgba(255,255,255,.98); box-shadow: 0 0 0 3px rgba(10,132,255,.07); }
.quick-add-input::placeholder { color: #a6a6ac; }
.quick-add-error { display: block; color: #c94d45; font-size: 7.5px; padding: 3px 2px 0; }
.cell-task-scroll { height: calc(100% - 25px); overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; padding-right: 1px; }
.quick-add-wrap + .cell-task-scroll { height: calc(100% - 61px); }

/* Task rows */
.task-row { min-width: 0; display: grid; grid-template-columns: 18px 7px minmax(0,1fr) auto; gap: 7px; align-items: center; min-height: 35px; padding: 5px 7px; margin: 2px 0; border-radius: 10px; background: transparent; border: 1px solid transparent; transition: background .14s ease, border-color .14s ease, opacity .16s ease, transform .14s ease; user-select: none; }
.task-row:hover { background: rgba(118,118,128,.055); }
.task-row.is-selected { border-color: rgba(10,132,255,.22); background: rgba(10,132,255,.05); }
.task-row-compact { grid-template-columns: 16px 6px minmax(0,1fr); min-height: 26px; padding: 3px 5px; margin: 1px 0; border-radius: 7px; }
.task-row-mini { grid-template-columns: 15px 5px minmax(0,1fr); min-height: 24px; padding: 2px 4px; border-radius: 7px; }
.task-row-compact.assignee-rachael { background: rgba(178,59,198,.055); }
.task-row-compact.assignee-hyper { background: rgba(22,136,248,.055); }
.task-row-compact.assignee-unassigned { background: rgba(142,142,147,.055); }
.task-row[draggable="true"] { cursor: grab; }
.task-row[draggable="true"]:active { cursor: grabbing; transform: scale(.992); }
.task-checkbox { width: 18px; height: 18px; border-radius: 50%; border: 1.3px solid #c9c9ce; background: rgba(255,255,255,.85); display: grid; place-items: center; color: white; padding: 0; font-size: 10px; font-weight: 750; transition: all .15s ease; }
.task-row-compact .task-checkbox, .task-row-mini .task-checkbox { width: 15px; height: 15px; font-size: 8px; }
.task-checkbox:hover { border-color: #a9a9af; background: #fff; }
.task-checkbox.checked { background: #8e8e93; border-color: #8e8e93; }
.task-row.assignee-rachael .task-checkbox:not(.checked):hover { border-color: var(--purple); }
.task-row.assignee-hyper .task-checkbox:not(.checked):hover { border-color: var(--blue); }
.assignee-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--gray); }
.assignee-dot.assignee-rachael { background: var(--purple); box-shadow: 0 0 0 2px rgba(178,59,198,.06); }
.assignee-dot.assignee-hyper { background: var(--blue); box-shadow: 0 0 0 2px rgba(22,136,248,.06); }
.assignee-dot.assignee-unassigned { background: var(--gray); }
.task-title { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10.8px; line-height: 1.32; color: #2d2e33; }
.task-row-compact .task-title, .task-row-mini .task-title { font-size: 8.9px; }
.task-badge { max-width: 70px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 999px; padding: 3px 7px; font-size: 8px; color: #75767c; background: var(--gray-soft); }
.task-badge.assignee-rachael { color: #9f2fb3; background: var(--purple-soft); }
.task-badge.assignee-hyper { color: #0674d8; background: var(--blue-soft); }
.task-row.is-completed { opacity: .47; }
.task-row.is-completed .task-title { text-decoration: line-through; color: #898a90; }
.task-row.is-completed .assignee-dot { filter: saturate(.28); opacity: .7; }
.task-row.is-completed.task-row-compact { background: rgba(142,142,147,.035); }

/* Day panel */
.day-panel { min-height: 677px; max-height: calc(100vh - 90px); position: sticky; top: 78px; display: flex; flex-direction: column; overflow: hidden; }
.day-panel-header { padding: 17px 16px 13px; display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; border-bottom: 1px solid var(--line-soft); background: linear-gradient(180deg,rgba(255,255,255,.74),rgba(250,250,252,.54)); }
.day-panel-header h2 { margin: 0; font-size: 18px; line-height: 1.2; letter-spacing: -.35px; }
.day-panel-header p { margin: 5px 0 0; color: #8c8d93; font-size: 9px; }
.day-panel-actions { display: flex; align-items: center; gap: 6px; }
.day-filters { padding: 10px 12px 9px; border-bottom: 1px solid var(--line-soft); background: rgba(249,249,250,.58); }
.day-filters > div { display: grid; grid-template-columns: 44px minmax(0,1fr); gap: 6px; align-items: center; margin: 4px 0; }
.day-filters > div > span { color: #929399; font-size: 8.5px; }
.filter-chips { display: flex; gap: 4px; min-width: 0; overflow-x: auto; scrollbar-width: none; }
.filter-chips::-webkit-scrollbar { display: none; }
.filter-chips button { flex: 0 0 auto; border: 0; border-radius: 999px; padding: 5px 8px; background: rgba(118,118,128,.09); color: #74757b; font-size: 8.6px; }
.filter-chips button.active { background: #2c2c2e; color: white; }
.day-task-list { flex: 1; min-height: 0; overflow-y: auto; overflow-x: hidden; padding: 8px; }
.empty-state { min-height: 310px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px; color: #9a9ba1; }
.empty-check { width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; background: rgba(118,118,128,.08); color: #a9a9ae; }
.empty-state p { margin: 4px 0 0; font-size: 10.5px; }
.day-panel-tip { padding: 9px 12px; border-top: 1px solid var(--line-soft); color: #a1a1a6; font-size: 8px; background: rgba(249,249,250,.72); }

/* Week views */
.week-heading { margin-top: 22px; }
.week-heading p { margin: 0; color: #a0a0a6; font-size: 8.5px; }
.week-section { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.week-view { overflow: hidden; }
.week-view-head { min-height: 46px; padding: 10px 13px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border-bottom: 1px solid var(--line-soft); }
.week-view-head > div { display: flex; align-items: center; gap: 7px; }
.week-view-head strong { font-size: 11px; }
.week-view-head > span { color: #a0a0a5; font-size: 8.5px; }
.week-grid { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); min-height: 168px; }
.week-day { min-width: 0; padding: 7px 5px; border-right: 1px solid var(--line-soft); transition: background .12s ease, box-shadow .12s ease; overflow: hidden; }
.week-day:last-child { border-right: 0; }
.week-day.selected { background: rgba(10,132,255,.035); box-shadow: inset 0 2px 0 rgba(10,132,255,.44); }
.week-day.drag-over { background: rgba(10,132,255,.08); }
.week-day-head { display: flex; justify-content: space-between; gap: 5px; color: #96979d; font-size: 7.8px; margin: 0 2px 6px; }
.week-day-head strong { color: #64656b; font-size: 8.3px; }
.week-day.today .week-day-head strong { color: var(--accent-strong); }
.week-task-scroll { max-height: 132px; overflow-y: auto; overflow-x: hidden; }
.week-empty { display: block; text-align: center; color: #d1d1d5; margin-top: 22px; font-size: 9px; }
.mobile-week-strip { display: none; }

/* Errors / loading */
.sync-error { margin: 0 15px 10px; background: rgba(255,69,58,.075); color: #ba4c45; border: 1px solid rgba(255,69,58,.14); border-radius: 10px; padding: 9px 10px; display: flex; justify-content: space-between; gap: 10px; font-size: 9.5px; }
.sync-error button { border: 0; background: transparent; color: inherit; }
.calendar-loading { min-height: 635px; display: grid; place-items: center; color: #999aa0; }

/* Dialogs */
.modal-backdrop { position: fixed; inset: 0; z-index: 90; background: rgba(30,30,32,.26); display: grid; place-items: center; padding: 20px; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.task-dialog { width: min(480px,calc(100vw - 28px)); max-height: calc(100vh - 36px); overflow-y: auto; background: rgba(255,255,255,.975); border: 1px solid rgba(60,60,67,.10); border-radius: 22px; padding: 21px; box-shadow: 0 34px 90px rgba(0,0,0,.20),0 2px 8px rgba(0,0,0,.06); }
.dialog-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 13px; margin-bottom: 15px; }
.dialog-header h2 { margin: 0; font-size: 19px; letter-spacing: -.35px; }
.dialog-header p { margin: 4px 0 0; color: #8f9096; font-size: 9px; }
.field-label { display: block; margin-top: 14px; color: #66676d; font-size: 9.5px; font-weight: 650; }
.field-label > input { display: block; width: 100%; min-width: 0; margin-top: 7px; border: 1px solid rgba(60,60,67,.12); border-radius: 11px; padding: 11px 12px; outline: none; color: #292a2f; background: rgba(118,118,128,.045); }
.field-label > input:focus { background: white; border-color: rgba(10,132,255,.35); box-shadow: 0 0 0 3px rgba(10,132,255,.07); }
.segmented-control { display: grid; gap: 7px; margin-top: 7px; }
.segmented-control.three { grid-template-columns: repeat(3,minmax(0,1fr)); }
.segmented-control button { min-width: 0; border: 1px solid rgba(60,60,67,.10); background: rgba(118,118,128,.045); border-radius: 10px; padding: 10px 6px; color: #595a60; overflow: hidden; text-overflow: ellipsis; }
.segmented-control button.active { border-color: rgba(60,60,67,.17); background: white; color: #2c2d32; box-shadow: 0 2px 8px rgba(0,0,0,.04); }
.segmented-control button.active.purple { color: #9e2bb3; border-color: rgba(178,59,198,.28); background: rgba(178,59,198,.06); }
.segmented-control button.active.blue { color: #0877dd; border-color: rgba(22,136,248,.26); background: rgba(22,136,248,.06); }
.completed-toggle { display: flex; align-items: center; gap: 8px; margin-top: 16px; color: #595a60; font-size: 10.5px; }
.completed-toggle input { width: 17px; height: 17px; accent-color: var(--accent); }
.dialog-tool-row { display: flex; align-items: center; gap: 9px; margin-top: 16px; padding-top: 13px; border-top: 1px solid var(--line-soft); }
.dialog-tool-row span { color: #9a9ba0; font-size: 8.5px; }
.dialog-actions { display: flex; gap: 9px; margin-top: 19px; }
.dialog-actions > button { flex: 1 1 0; }
.editor-actions > .danger-button { flex: 0 0 auto; }
.action-spacer { flex: 1; }
.editor-actions > .secondary-button, .editor-actions > .primary-button { flex: 0 0 auto; min-width: 80px; }
.inline-error { margin-top: 11px; padding: 9px 10px; border-radius: 9px; background: rgba(255,69,58,.075); color: #b64740; font-size: 9.5px; }
.toast { position: fixed; left: calc(50% + 115px); bottom: 24px; transform: translateX(-50%); z-index: 120; background: rgba(30,30,32,.91); color: white; padding: 8px 13px; border-radius: 999px; font-size: 9.5px; box-shadow: 0 12px 32px rgba(0,0,0,.15); backdrop-filter: blur(12px); }

/* Auth */
.auth-shell, .loading-screen { min-height: 100vh; display: grid; place-items: center; padding: 24px; }
.loading-screen { color: #77787e; }
.auth-shell { background: radial-gradient(circle at 50% 0,rgba(10,132,255,.10),transparent 34%),#f5f5f7; }
.auth-card { width: min(390px,calc(100vw - 28px)); background: rgba(255,255,255,.91); border: 1px solid rgba(60,60,67,.09); border-radius: 26px; box-shadow: 0 24px 70px rgba(0,0,0,.08); padding: 30px; backdrop-filter: blur(22px); }
.app-mark { width: 48px; height: 48px; display: grid; place-items: center; color: white; background: linear-gradient(145deg,#16181c,#3a414d); box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 10px 28px rgba(0,0,0,.15); border-radius: 15px; margin-bottom: 17px; font-weight: 800; }
.auth-card h1 { margin: 0; font-size: 24px; letter-spacing: -.5px; }
.auth-card > p { color: #808187; margin: 7px 0 20px; font-size: 11px; }
.auth-card label { display: block; color: #606167; font-size: 9.5px; font-weight: 650; margin-top: 13px; }
.auth-card input { width: 100%; margin-top: 7px; border: 1px solid rgba(60,60,67,.12); border-radius: 11px; padding: 11px 12px; outline: none; background: rgba(118,118,128,.045); }
.auth-card input:focus { background: white; border-color: rgba(10,132,255,.34); box-shadow: 0 0 0 3px rgba(10,132,255,.07); }
.auth-button { width: 100%; margin-top: 19px; }
.auth-card small { display: block; text-align: center; color: #a0a0a6; margin-top: 14px; font-size: 9px; }
.config-card code { display: block; background: rgba(118,118,128,.06); padding: 10px 12px; border-radius: 10px; margin: 7px 0; font-size: 10px; color: #5b5c62; overflow-wrap: anywhere; }

@media (max-width: 1320px) {
  .workspace-layout { grid-template-columns: 202px minmax(0,1fr); }
  .workspace-sidebar { width: 202px; }
  .dashboard { width: min(1420px, calc(100vw - 202px - 36px)); }
  .main-grid { grid-template-columns: minmax(660px,1fr) 310px; }
  .hero-metric { min-width: 92px; }
  .hero-progress { min-width: 145px; }
  .task-badge { max-width: 58px; }
}
@media (max-width: 1080px) {
  .workspace-layout { display: block; }
  .workspace-sidebar { display: none; }
  .workspace-content { grid-column: auto; }
  .dashboard { width: calc(100vw - 28px); }
  .toast { left: 50%; }
  .workspace-hero { padding: 20px; }
  .hero-metrics { gap: 7px; }
  .main-grid { grid-template-columns: minmax(620px,1fr) 300px; }
}
@media (max-width: 930px) {
  .workspace-hero { align-items: flex-start; flex-direction: column; }
  .hero-metrics { width: 100%; }
  .hero-metric, .hero-progress { flex: 1 1 0; }
  .main-grid { grid-template-columns: 1fr; }
  .day-panel { position: static; min-height: 360px; max-height: none; }
  .day-task-list { max-height: 430px; }
  .week-section { grid-template-columns: 1fr; }
  .sync-pill { display: none; }
}
@media (max-width: 700px) {
  .topbar { height: 60px; padding: 0 11px; }
  .module-title-block span { display: none; }
  .module-title-block strong { font-size: 13px; }
  .topbar-actions { gap: 5px; }
  .history-actions { display: none; }
  .add-task-top { width: 34px; height: 34px; padding: 0; }
  .add-task-top span { display: none; }
  .avatar-button { width: 33px; height: 33px; }
  .profile-popover { position: fixed; right: 9px; top: 56px; width: min(300px,calc(100vw - 18px)); }
  .dashboard { width: calc(100vw - 14px); margin-top: 9px; }
  .workspace-hero { min-height: auto; border-radius: 18px; padding: 17px; }
  .hero-copy h2 { font-size: 25px; }
  .hero-copy p { line-height: 1.45; }
  .hero-metrics { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .hero-progress { grid-column: 1 / -1; }
  .stats-strip { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; margin-bottom: 15px; }
  .progress-card { grid-column: 1 / -1; }
  .stat-card { padding: 10px 11px; border-radius: 13px; }
  .stat-main strong { font-size: 20px; }
  .section-heading-row { margin-inline: 2px; }
  .shortcut-hints { display: none; }
  .week-heading p { display: none; }
  .calendar-card, .day-panel, .week-view { border-radius: 16px; }
  .calendar-toolbar { min-height: 58px; padding: 10px; }
  .month-picker { gap: 4px; }
  .month-picker select { font-size: 10px; padding: 7px 23px 7px 8px; }
  .month-picker span { display: none; }
  .calendar-nav { gap: 4px; }
  .icon-button.nav { width: 30px; height: 30px; }
  .secondary-button.today-button { padding: 7px 9px; font-size: 9.5px; }
  .calendar-shell { display: none; }
  .mobile-week-strip { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 4px; padding: 8px; border-top: 1px solid var(--line-soft); }
  .mobile-day { min-width: 0; position: relative; border: 0; background: rgba(118,118,128,.07); border-radius: 10px; padding: 7px 2px; color: #85868c; }
  .mobile-day span { display: block; font-size: 7.5px; }
  .mobile-day strong { display: block; margin-top: 3px; font-size: 12px; color: #45464c; }
  .mobile-day i { position: absolute; right: 3px; top: 3px; min-width: 13px; height: 13px; padding: 0 3px; border-radius: 999px; background: rgba(118,118,128,.13); color: #65666c; font-size: 6.8px; font-style: normal; display: grid; place-items: center; }
  .mobile-day.active { background: rgba(10,132,255,.09); box-shadow: inset 0 0 0 1px rgba(10,132,255,.22); }
  .mobile-day.active strong { color: var(--accent-strong); }
  .main-grid { gap: 8px; }
  .day-panel { min-height: 440px; }
  .day-panel-tip { display: none; }
  .week-section, .week-heading { display: none; }
  .task-dialog { padding: 17px; border-radius: 18px; }
  .dialog-actions.editor-actions { flex-wrap: wrap; }
  .editor-actions > .danger-button { width: 100%; flex-basis: 100%; order: 3; margin-top: 2px; }
  .action-spacer { display: none; }
}

/* ============================================================
   Workspace v5 — full-size desktop + refined Apple-like system UI
   Desktop sizing is intentionally ~20% larger than v4 so 100% browser
   zoom feels like the previous 125% view.
   ============================================================ */
@media (min-width: 1081px) {
  :root {
    --radius-lg: 24px;
    --radius-md: 18px;
    --radius-sm: 12px;
    --shadow-card: 0 1px 2px rgba(0,0,0,.025), 0 14px 38px rgba(0,0,0,.045);
  }
  body {
    background:
      radial-gradient(circle at 84% -8%, rgba(84,128,255,.08), transparent 28%),
      radial-gradient(circle at 12% 0%, rgba(183,116,255,.055), transparent 26%),
      #f5f5f7;
  }
  .workspace-layout { grid-template-columns: 268px minmax(0,1fr); }
  .workspace-sidebar {
    width: 268px; padding: 22px 17px 17px;
    background: rgba(246,246,248,.91);
    border-right: 1px solid rgba(60,60,67,.095);
  }
  .workspace-brand { gap: 13px; padding: 5px 8px 24px; }
  .workspace-brand-mark {
    width: 44px; height: 44px; border-radius: 13px;
    font-size: 10px; font-weight: 800; letter-spacing: .2px;
    background: linear-gradient(160deg,#111215 0%,#292d35 58%,#111215 100%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 8px 24px rgba(0,0,0,.13);
  }
  .workspace-brand-mark span { display: block; transform: translateY(.3px); }
  .workspace-brand strong { font-size: 16px; letter-spacing: -.25px; }
  .workspace-brand span { margin-top: 4px; font-size: 10.5px; }
  .nav-section-label { padding: 17px 11px 8px; font-size: 9.5px; letter-spacing: 1.05px; }
  .workspace-nav { gap: 5px; }
  .workspace-nav-item { min-height: 48px; gap: 11px; padding: 0 11px; border-radius: 13px; }
  .workspace-nav-item > span:not(.nav-icon) { font-size: 13.5px; }
  .nav-icon { width: 30px; height: 30px; border-radius: 9px; }
  .workspace-nav-item b { min-width: 23px; height: 23px; font-size: 10px; }
  .workspace-nav-item em { font-size: 9.5px; }
  .workspace-sidebar-note { gap: 11px; padding: 14px; border-radius: 16px; }
  .workspace-sidebar-note > span { width: 31px; height: 31px; border-radius: 9px; }
  .workspace-sidebar-note strong { font-size: 11.5px; }
  .workspace-sidebar-note p { font-size: 9.5px; line-height: 1.5; }
  .workspace-version { padding-top: 12px; font-size: 8.8px; }

  .topbar {
    height: 76px; padding: 0 30px;
    background: rgba(249,249,251,.84);
    border-bottom-color: rgba(60,60,67,.085);
  }
  .module-title-block span { font-size: 10.5px; margin-bottom: 4px; }
  .module-title-block strong { font-size: 17px; letter-spacing: -.25px; }
  .topbar-actions { gap: 10px; }
  .sync-pill { gap: 7px; padding: 8px 11px; font-size: 10.5px; }
  .sync-pill i { width: 7px; height: 7px; }
  .avatar-button { width: 40px; height: 40px; font-size: 13px; }
  .profile-popover { top: 51px; width: 320px; border-radius: 20px; padding: 15px; }
  .profile-avatar { width: 44px; height: 44px; }
  .profile-head strong { font-size: 13.5px; }
  .profile-head span, .profile-email strong { font-size: 10.5px; }
  .profile-email span, .profile-sync-row { font-size: 10px; }
  .profile-logout { padding: 10px 11px; font-size: 11px; }

  .primary-button.small { padding: 10px 17px; font-size: 11.5px; }
  .secondary-button { padding: 9px 14px; font-size: 11px; }
  .icon-button { width: 38px; height: 38px; }
  .round-add-button { width: 39px; height: 39px; font-size: 21px; }
  .mini-action { padding: 8px 10px; font-size: 10.5px; }

  .dashboard {
    width: min(1660px, calc(100vw - 268px - 54px));
    margin: 28px auto 64px;
  }
  .workspace-hero {
    min-height: 170px; padding: 28px 30px; gap: 34px;
    border-radius: 26px;
    border-color: rgba(60,60,67,.08);
    background:
      radial-gradient(circle at 88% 18%, rgba(74,132,255,.14), transparent 28%),
      radial-gradient(circle at 69% 130%, rgba(177,100,230,.085), transparent 34%),
      rgba(255,255,255,.89);
  }
  .workspace-hero::after { width: 210px; height: 210px; right: -72px; top: -102px; opacity: .78; }
  .hero-kicker { gap: 8px; font-size: 10.5px; }
  .hero-dot { width: 8px; height: 8px; }
  .hero-copy h2 { margin-top: 9px; font-size: clamp(32px,2.25vw,40px); letter-spacing: -1.45px; }
  .hero-copy p { margin-top: 11px; font-size: 12px; }
  .hero-metrics { gap: 11px; }
  .hero-metric, .hero-progress { min-width: 132px; padding: 15px 17px; border-radius: 18px; }
  .hero-metric span { font-size: 9.5px; }
  .hero-metric strong { margin-top: 6px; font-size: 29px; }
  .hero-metric small { margin-top: 6px; font-size: 9px; }
  .hero-progress { min-width: 190px; gap: 12px; }
  .hero-progress-ring { width: 56px; height: 56px; }
  .hero-progress-ring::after { inset: 6px; }
  .hero-progress-ring span { font-size: 9.5px; }
  .hero-progress > div:last-child strong { font-size: 12px; }
  .hero-progress > div:last-child small { font-size: 9px; }

  .stats-strip { gap: 13px; margin: 15px 0 25px; }
  .stat-card { border-radius: 18px; padding: 15px 17px; }
  .stat-label { gap: 8px; font-size: 10.5px; }
  .stat-main { gap: 9px; margin-top: 8px; }
  .stat-main strong { font-size: 26px; }
  .stat-main span { font-size: 9.5px; }
  .stat-meta { margin-top: 6px; font-size: 9.5px; }
  .progress-line { margin-top: 8px; }
  .progress-line strong { font-size: 19px; }
  .progress-line span { font-size: 10px; }
  .progress-track { height: 5px; margin-top: 8px; }

  .section-heading-row { margin: 0 3px 12px; }
  .section-heading-row > div:first-child > span { font-size: 8.8px; letter-spacing: 1.25px; }
  .section-heading-row h3 { margin-top: 4px; font-size: 19px; letter-spacing: -.35px; }
  .shortcut-hints { gap: 6px; font-size: 9.5px; }
  kbd { min-width: 25px; height: 23px; font-size: 9px; }

  .main-grid { grid-template-columns: minmax(820px,1fr) minmax(360px,400px); gap: 16px; }
  .calendar-card, .day-panel, .week-view { border-radius: 22px; }
  .calendar-toolbar { min-height: 74px; padding: 16px 18px; }
  .month-picker { gap: 8px; }
  .month-picker select { border-radius: 11px; padding: 9px 30px 9px 11px; font-size: 11.5px; }
  .month-picker span { font-size: 9.5px; }
  .calendar-nav { gap: 6px; }
  .weekday-row > div { padding: 10px 11px; font-size: 9.5px; }
  .calendar-cell { height: 181px; padding: 9px 9px 8px; }
  .date-number-row { height: 28px; gap: 7px; }
  .date-number { min-width: 23px; font-size: 11px; }
  .today-number { width: 25px; height: 25px; }
  .today-label-mini { font-size: 9px; }
  .quick-add-wrap { margin: 4px 0 5px; }
  .quick-add-input { height: 34px; border-radius: 9px; padding: 6px 8px; font-size: 10.5px; }
  .cell-task-scroll { height: calc(100% - 30px); }
  .quick-add-wrap + .cell-task-scroll { height: calc(100% - 70px); }

  .task-row { grid-template-columns: 20px 7px minmax(0,1fr) auto; gap: 8px; min-height: 41px; padding: 6px 8px; margin: 3px 0; border-radius: 11px; }
  .task-row-compact { grid-template-columns: 18px 7px minmax(0,1fr); min-height: 32px; padding: 4px 6px; margin: 2px 0; border-radius: 8px; }
  .task-row-mini { grid-template-columns: 17px 6px minmax(0,1fr); min-height: 29px; padding: 3px 5px; }
  .task-checkbox { width: 20px; height: 20px; font-size: 10px; }
  .task-row-compact .task-checkbox, .task-row-mini .task-checkbox { width: 17px; height: 17px; font-size: 8px; }
  .assignee-dot { width: 7px; height: 7px; }
  .task-title { font-size: 12px; line-height: 1.35; }
  .task-row-compact .task-title, .task-row-mini .task-title { font-size: 10.1px; }
  .task-badge { max-width: 88px; padding: 4px 8px; font-size: 9px; }

  .day-panel { min-height: 826px; max-height: calc(100vh - 100px); top: 90px; }
  .day-panel-header { padding: 20px 19px 16px; }
  .day-panel-header h2 { font-size: 21px; }
  .day-panel-header p { margin-top: 6px; font-size: 10px; }
  .day-filters { padding: 12px 14px 11px; }
  .day-filters > div { grid-template-columns: 52px minmax(0,1fr); gap: 7px; margin: 5px 0; }
  .day-filters > div > span { font-size: 9.5px; }
  .filter-chips { gap: 5px; }
  .filter-chips button { padding: 6px 9px; font-size: 9.6px; }
  .day-task-list { padding: 10px; }
  .empty-state p { font-size: 11.5px; }
  .day-panel-tip { padding: 11px 14px; font-size: 9px; }

  .week-heading { margin-top: 28px; }
  .week-heading p { font-size: 9.5px; }
  .week-section { gap: 16px; }
  .week-view-head { min-height: 54px; padding: 12px 15px; }
  .week-view-head strong { font-size: 12.5px; }
  .week-view-head > span { font-size: 9.5px; }
  .week-grid { min-height: 196px; }
  .week-day { padding: 9px 7px; }
  .week-day-head { font-size: 8.8px; margin-bottom: 7px; }
  .week-day-head strong { font-size: 9.4px; }
  .week-task-scroll { max-height: 154px; }

  .task-dialog { width: min(540px,calc(100vw - 40px)); border-radius: 24px; padding: 24px; }
  .dialog-header h2 { font-size: 21px; }
  .dialog-header p { font-size: 10px; }
  .field-label { margin-top: 16px; font-size: 10.5px; }
  .field-label > input { margin-top: 8px; border-radius: 12px; padding: 12px 13px; font-size: 12px; }
  .segmented-control button { border-radius: 11px; padding: 11px 7px; font-size: 11px; }
  .completed-toggle { font-size: 11.5px; }
  .dialog-tool-row span { font-size: 9.5px; }
  .inline-error { font-size: 10.5px; }
  .toast { left: calc(50% + 134px); bottom: 28px; padding: 9px 14px; font-size: 10.5px; }
}

/* Refined details shared across sizes */
.workspace-nav-item.active { position: relative; }
.workspace-nav-item.active::before {
  content: ""; position: absolute; left: -6px; top: 11px; bottom: 11px; width: 3px;
  border-radius: 999px; background: #0a84ff;
}
.calendar-card, .day-panel, .week-view, .stat-card, .workspace-hero {
  box-shadow: 0 1px 2px rgba(0,0,0,.018), 0 10px 32px rgba(0,0,0,.035);
}
.calendar-cell.selected { box-shadow: inset 0 0 0 2px rgba(10,132,255,.42); }
.task-row:hover { background: rgba(118,118,128,.07); }

/* =========================================================
   v6 desktop polish pass — designed for comfortable 100% zoom
   ========================================================= */
@media (min-width: 1181px) {
  :root {
    --radius-lg: 24px;
    --radius-md: 18px;
    --radius-sm: 12px;
    --shadow-card: 0 1px 2px rgba(0,0,0,.025), 0 18px 48px rgba(0,0,0,.055);
  }
  .workspace-layout { grid-template-columns: 260px minmax(0,1fr); }
  .workspace-sidebar { width: 260px; padding: 22px 17px 17px; }
  .workspace-brand { gap: 13px; padding: 7px 8px 22px; }
  .workspace-brand-mark {
    width: 44px; height: 44px; border-radius: 13px; font-size: 13px; letter-spacing: -.35px;
    background: linear-gradient(145deg,#121419,#303743 56%,#16191f);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 10px 24px rgba(0,0,0,.15);
  }
  .workspace-brand strong { font-size: 16px; letter-spacing: -.25px; }
  .workspace-brand span { margin-top: 4px; font-size: 10.5px; }
  .nav-section-label { padding: 18px 11px 8px; font-size: 10px; letter-spacing: 1px; }
  .workspace-nav { gap: 5px; }
  .workspace-nav-item { min-height: 48px; gap: 11px; padding: 0 11px; border-radius: 13px; }
  .workspace-nav-item > span:not(.nav-icon) { font-size: 13.5px; }
  .nav-icon { width: 30px; height: 30px; border-radius: 9px; }
  .workspace-nav-item b { min-width: 23px; height: 23px; font-size: 10.5px; }
  .workspace-nav-item em { font-size: 9.5px; }
  .workspace-sidebar-note { gap: 11px; padding: 14px; border-radius: 16px; }
  .workspace-sidebar-note > span { width: 31px; height: 31px; border-radius: 9px; }
  .workspace-sidebar-note strong { font-size: 11.5px; }
  .workspace-sidebar-note p { font-size: 9.7px; line-height: 1.5; }
  .workspace-version { font-size: 9px; }

  .topbar { height: 76px; padding: 0 30px; }
  .module-title-block span { font-size: 10px; margin-bottom: 4px; }
  .module-title-block strong { font-size: 17px; letter-spacing: -.22px; }
  .topbar-actions { gap: 10px; }
  .sync-pill { padding: 7px 11px; font-size: 10.5px; }
  .primary-button.small { padding: 9px 16px; font-size: 11.5px; }
  .avatar-button {
    width: 42px; height: 42px; border-radius: 13px; font-size: 10px; letter-spacing: -.4px;
    color: #fff; background: linear-gradient(145deg,#16181d,#3a414d 58%,#1c1f25);
    border: 1px solid rgba(0,0,0,.08); box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 4px 12px rgba(0,0,0,.10);
  }
  .profile-popover { top: 52px; width: 320px; border-radius: 20px; padding: 15px; }
  .profile-avatar { width: 46px; height: 46px; border-radius: 14px; font-size: 11px; }
  .profile-head strong { font-size: 13.5px; }
  .profile-head span, .profile-sync-row { font-size: 10.5px; }
  .profile-email span { font-size: 9.5px; }
  .profile-email strong { font-size: 12px; }

  .dashboard { width: min(1680px, calc(100vw - 260px - 48px)); margin: 26px auto 60px; }
  .workspace-hero {
    min-height: 160px; gap: 32px; padding: 28px 30px; border-radius: 26px;
    background:
      radial-gradient(circle at 87% 8%, rgba(104,154,255,.17), transparent 28%),
      radial-gradient(circle at 69% 120%, rgba(180,95,230,.09), transparent 34%),
      rgba(255,255,255,.88);
  }
  .hero-kicker { gap: 8px; font-size: 10.5px; }
  .hero-copy h2 { margin-top: 9px; font-size: clamp(31px,2.2vw,39px); letter-spacing: -1.35px; }
  .hero-copy p { margin-top: 10px; font-size: 12px; }
  .hero-metrics { gap: 11px; }
  .hero-metric, .hero-progress { min-width: 128px; padding: 15px 16px; border-radius: 18px; }
  .hero-metric span { font-size: 9.5px; }
  .hero-metric strong { margin-top: 6px; font-size: 29px; }
  .hero-metric small { margin-top: 6px; font-size: 9px; }
  .hero-progress { min-width: 185px; gap: 12px; }
  .hero-progress-ring { width: 56px; height: 56px; }
  .hero-progress-ring span { font-size: 9.5px; }
  .hero-progress > div:last-child strong { font-size: 11.5px; }
  .hero-progress > div:last-child small { font-size: 9px; }

  .section-heading-row { margin: 24px 3px 12px; }
  .section-heading-row > div:first-child > span { font-size: 9px; letter-spacing: 1.2px; }
  .section-heading-row h3 { margin-top: 4px; font-size: 19px; letter-spacing: -.32px; }
  .shortcut-hints { gap: 6px; font-size: 9.5px; }
  kbd { min-width: 25px; height: 23px; padding: 0 6px; font-size: 9px; border-radius: 7px; }

  .main-grid { grid-template-columns: minmax(760px,1fr) minmax(360px,390px); gap: 16px; }
  .calendar-card, .day-panel, .week-view { border-radius: 22px; }
  .calendar-toolbar { min-height: 72px; padding: 15px 17px; }
  .month-picker { gap: 8px; }
  .month-picker select { padding: 8px 30px 8px 11px; border-radius: 10px; font-size: 12px; }
  .month-picker span { font-size: 9.5px; }
  .secondary-button { padding: 9px 15px; font-size: 11px; }
  .icon-button { width: 36px; height: 36px; font-size: 21px; }
  .weekday-row > div { padding: 10px 10px; font-size: 9.5px; }
  .calendar-cell { height: 174px; padding: 9px 9px 7px; }
  .date-number-row { height: 27px; gap: 7px; }
  .date-number { min-width: 22px; font-size: 11px; }
  .today-number { width: 25px; height: 25px; }
  .today-label-mini { font-size: 9px; }
  .quick-add-wrap { margin: 4px 0 5px; }
  .quick-add-input { height: 33px; padding: 6px 8px; font-size: 10.5px; border-radius: 9px; }
  .task-row-compact { min-height: 27px; padding: 3px 4px; border-radius: 7px; }
  .task-row-compact .task-title { font-size: 10.5px; }
  .task-checkbox { width: 17px; height: 17px; }
  .assignee-dot { width: 7px; height: 7px; }

  .day-panel { min-height: 622px; padding: 18px 18px 16px; }
  .day-panel-header h2 { font-size: 21px; }
  .day-panel-header p { margin-top: 5px; font-size: 10.5px; }
  .round-add-button { width: 38px; height: 38px; font-size: 20px; }
  .day-filters { gap: 12px; padding: 16px 0; }
  .day-filters > div > span { width: 48px; font-size: 10px; }
  .filter-chips button { padding: 7px 10px; font-size: 9.5px; }
  .day-task-list { gap: 7px; }
  .day-task-list .task-row { min-height: 43px; padding: 8px 9px; border-radius: 12px; }
  .day-task-list .task-title { font-size: 11.5px; }
  .task-badge { font-size: 9px; padding: 4px 7px; }
  .day-panel-tip { font-size: 9px; line-height: 1.5; }

  .week-heading { margin-top: 28px; }
  .week-heading > p { font-size: 10px; }
  .week-section { gap: 16px; }
  .week-view { padding: 16px; }
  .week-view-head strong { font-size: 13px; }
  .week-view-head > span { font-size: 9.5px; }
  .week-day { min-height: 132px; padding: 9px; }
  .week-day-head span { font-size: 8.5px; }
  .week-day-head strong { font-size: 10.5px; }
  .task-row-mini { min-height: 25px; }
  .task-row-mini .task-title { font-size: 9.5px; }
}

/* ============================================================
   v7 · Identity-aware profile trigger + Daily Data workspace
   ============================================================ */
.profile-trigger {
  height: 42px; border: 1px solid rgba(60,60,67,.10); border-radius: 13px;
  background: linear-gradient(#fff,#f8f8f9); display: inline-flex; align-items: center; gap: 8px;
  padding: 4px 10px 4px 4px; color: #3f4046; box-shadow: 0 1px 3px rgba(0,0,0,.04);
}
.profile-trigger.active { box-shadow: 0 0 0 3px rgba(10,132,255,.10); border-color: rgba(10,132,255,.28); }
.profile-trigger-avatar {
  width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center;
  background: linear-gradient(145deg,#e9effb,#dce6f8); color: #315baf; font-weight: 800; font-size: 11.5px;
}
.profile-trigger-name { font-size: 11px; font-weight: 650; white-space: nowrap; }
.daily-workspace-dashboard { width: min(1450px, calc(100vw - 260px - 48px)); margin-top: 22px; }
.daily-loading { min-height: 520px; display: grid; place-items: center; color: #8a8b91; font-size: 12px; }
.daily-module-error { background: #fff; border: 1px solid rgba(255,149,0,.18); border-radius: 20px; padding: 22px; box-shadow: var(--shadow-soft); color: #5d5141; }
.daily-module-error strong { font-size: 16px; }
.daily-module-error p { margin: 7px 0; color: #815d2a; font-size: 11px; }
.daily-module-error span { color: #999087; font-size: 9.5px; }
.daily-tabs { display: flex; gap: 5px; margin-bottom: 14px; }
.daily-tabs button { border: 0; border-radius: 9px; padding: 8px 12px; background: transparent; color: #77787e; font-size: 11px; }
.daily-tabs button.active { background: #fff; color: #25262b; box-shadow: 0 1px 3px rgba(0,0,0,.04); }
.daily-overview { display: block; }
.daily-hero {
  position: relative; overflow: hidden; min-height: 250px; border-radius: 28px; padding: 30px 32px; color: #fff;
  background: radial-gradient(circle at 82% 10%,rgba(64,156,255,.34),transparent 28%), radial-gradient(circle at 92% 75%,rgba(186,105,255,.23),transparent 30%), linear-gradient(135deg,#16171b,#292b33 68%,#202128);
  box-shadow: 0 22px 60px rgba(23,24,30,.13); display: grid; grid-template-columns: 1.25fr .75fr; gap: 36px;
}
.daily-hero-kicker { font-size: 11px; color: rgba(255,255,255,.6); font-weight: 650; }
.daily-hero h1 { font-size: 56px; letter-spacing: -2.8px; line-height: .98; margin: 17px 0 11px; font-weight: 760; }
.daily-hero h1 span { font-size: 20px; letter-spacing: -.3px; color: rgba(255,255,255,.62); }
.daily-hero p { margin: 0; color: rgba(255,255,255,.65); font-size: 12px; line-height: 1.6; max-width: 760px; }
.daily-hero-chips { display: flex; gap: 7px; flex-wrap: wrap; margin-top: 20px; }
.daily-hero-chips span { font-size: 9.5px; padding: 6px 9px; border-radius: 999px; background: rgba(255,255,255,.09); border: 1px solid rgba(255,255,255,.10); color: rgba(255,255,255,.73); }
.daily-platform-stack { align-self: end; display: grid; gap: 10px; }
.daily-platform { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.09); border-radius: 18px; padding: 15px 17px; backdrop-filter: blur(8px); }
.daily-platform > span { display: block; font-size: 10px; color: rgba(255,255,255,.58); }
.daily-platform strong { display: block; font-size: 23px; letter-spacing: -.6px; margin-top: 1px; }
.daily-platform small { display: block; margin-top: 7px; color: rgba(255,255,255,.42); font-size: 9px; }
.daily-platform > i { display: block; height: 5px; margin-top: 10px; background: rgba(255,255,255,.08); border-radius: 999px; overflow: hidden; }
.daily-platform > i b { display: block; height: 100%; border-radius: 999px; background: #4cd964; }
.daily-platform.blue > i b { background: #409cff; }
.daily-kpis { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin: 14px 0 20px; }
.daily-kpi, .daily-card { background: rgba(255,255,255,.91); border: 1px solid rgba(60,60,67,.10); box-shadow: 0 18px 50px rgba(0,0,0,.06); }
.daily-kpi { border-radius: 20px; padding: 18px 19px; }
.daily-kpi > span { display: block; color: #8b8c92; font-size: 9.8px; font-weight: 650; }
.daily-kpi strong { display: block; margin-top: 9px; font-size: 26px; letter-spacing: -.8px; font-weight: 700; }
.daily-kpi small { display: block; color: #aaaab0; font-size: 8.8px; margin-top: 6px; }
.daily-section-heading { margin-top: 22px; }
.daily-section-heading > p { color: #98999f; font-size: 9.5px; }
.daily-grid { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(340px,.65fr); gap: 13px; }
.daily-card { border-radius: 20px; }
.daily-trend-panel, .daily-side-panel { padding: 19px 20px; }
.daily-chart { height: 278px; position: relative; border-radius: 15px; background: linear-gradient(180deg,#fbfbfc,#f7f7f9); border: 1px solid rgba(60,60,67,.07); overflow: hidden; }
.daily-chart svg { width: 100%; height: 100%; display: block; }
.daily-chart-labels { position: absolute; left: 18px; right: 18px; bottom: 9px; display: flex; justify-content: space-between; color: #a0a0a6; font-size: 8.5px; }
.daily-legend { display: flex; gap: 16px; margin-top: 10px; color: #85868c; font-size: 9px; }
.daily-legend i { width: 7px; height: 7px; border-radius: 50%; display: inline-block; margin-right: 5px; }
.daily-legend i.total { background: #23242a; } .daily-legend i.ncm { background: #30a46c; } .daily-legend i.tme { background: #0a84ff; }
.daily-account-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin-top: 13px; }
.daily-account-card { padding: 15px; border: 1px solid rgba(60,60,67,.09); border-radius: 16px; background: #fff; }
.daily-account-card h3 { font-size: 12.5px; margin: 0; }
.daily-account-card > strong { display: block; font-size: 22px; margin-top: 8px; font-weight: 720; letter-spacing: -.6px; }
.daily-account-card > div { display: flex; gap: 7px; margin-top: 10px; flex-wrap: wrap; }
.daily-account-card > div span { padding: 5px 7px; border-radius: 8px; background: #f4f4f6; font-size: 8.5px; color: #72737a; }
.daily-side-title > span { display: block; color: #aaaab0; font-size: 8.4px; letter-spacing: 1.2px; font-weight: 740; }
.daily-side-title h3 { font-size: 16px; margin: 4px 0 10px; letter-spacing: -.2px; }
.daily-snapshot-list { display: grid; gap: 8px; }
.daily-snapshot { border: 1px solid rgba(60,60,67,.075); background: #fafafa; border-radius: 14px; padding: 12px 13px; display: flex; align-items: center; justify-content: space-between; }
.daily-snapshot.active { background: rgba(10,132,255,.05); border-color: rgba(10,132,255,.13); }
.daily-snapshot strong { display: block; font-size: 11px; }.daily-snapshot small { display: block; margin-top: 3px; font-size: 8.5px; color: #9a9aa0; }.daily-snapshot b { font-size: 12px; font-weight: 650; }
.queue-title { margin-top: 19px; }
.daily-queue-item { display: flex; justify-content: space-between; gap: 10px; padding: 12px 0; border-bottom: 1px solid rgba(60,60,67,.07); }
.daily-queue-item strong { display: block; font-size: 10.5px; }.daily-queue-item small { display: block; margin-top: 4px; color: #97989e; font-size: 8.8px; }.daily-queue-item > span { align-self: center; padding: 5px 8px; border-radius: 999px; background: #fff4df; color: #9a6400; font-size: 8.5px; white-space: nowrap; }
.daily-queue-empty { padding: 16px 0; color: #9a9ba0; font-size: 9.5px; }
.daily-empty-state, .daily-empty-chart { padding: 40px; border: 1px solid rgba(60,60,67,.08); border-radius: 18px; background: rgba(255,255,255,.8); color: #8b8c92; text-align: center; }
.daily-history-layout { display: grid; grid-template-columns: 310px minmax(0,1fr); gap: 13px; }
.daily-history-list, .daily-history-detail { padding: 20px; }
.daily-history-list > button { width: 100%; border: 1px solid rgba(60,60,67,.07); background: #fafafa; border-radius: 13px; padding: 11px 12px; display: flex; align-items: center; justify-content: space-between; margin-top: 7px; text-align: left; }
.daily-history-list > button.active { background: rgba(10,132,255,.05); border-color: rgba(10,132,255,.16); }
.daily-history-list button strong { display: block; font-size: 10.5px; }.daily-history-list button small { display: block; color: #999aa0; font-size: 8.5px; margin-top: 3px; }.daily-history-list button b { font-size: 10.5px; }
.daily-history-head { display: flex; justify-content: space-between; gap: 20px; align-items: flex-start; border-bottom: 1px solid rgba(60,60,67,.08); padding-bottom: 15px; }
.daily-history-head span { font-size: 9px; color: #97989e; }.daily-history-head h2 { margin: 5px 0 0; font-size: 24px; }.daily-history-head > strong { font-size: 16px; }
.daily-history-note { font-size: 9.5px; color: #85868c; line-height: 1.6; padding: 12px 13px; background: #f7f7f9; border-radius: 12px; }
.daily-history-accounts { display: grid; gap: 12px; }.daily-history-accounts > section { border: 1px solid rgba(60,60,67,.08); border-radius: 15px; padding: 14px; }.daily-history-accounts h3 { margin: 0 0 10px; font-size: 13px; }
.daily-history-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }.daily-history-metrics > div { padding: 10px; border-radius: 11px; background: #f7f7f9; }.daily-history-metrics span { display: block; color: #929399; font-size: 8.5px; }.daily-history-metrics strong { display: block; font-size: 15px; margin-top: 4px; }
.daily-track-table { margin-top: 10px; }.daily-track-table > div { display: grid; grid-template-columns: 1fr 70px 90px; gap: 8px; padding: 8px 0; border-bottom: 1px solid rgba(60,60,67,.07); font-size: 9px; }.daily-track-table small { color: #999aa0; }.daily-track-table strong { text-align: right; }
.daily-input-grid { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(330px,.7fr); gap: 13px; }.daily-import-card, .daily-review-card { padding: 20px; }.daily-import-card > p, .daily-review-card > p { color: #8d8e94; font-size: 9.5px; line-height: 1.55; }
.daily-import-card textarea { width: 100%; min-height: 350px; resize: vertical; border: 1px solid rgba(60,60,67,.10); border-radius: 15px; background: #fafafa; padding: 13px; outline: none; font: 10px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace; }.daily-import-card textarea:focus { background: #fff; border-color: rgba(10,132,255,.30); box-shadow: 0 0 0 3px rgba(10,132,255,.06); }
.daily-import-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 12px; }.daily-import-message { margin-top: 10px; padding: 9px 10px; border-radius: 10px; background: rgba(10,132,255,.06); color: #4771a1; font-size: 9.5px; }
.daily-review-list { display: grid; gap: 8px; }.daily-review-item { border: 1px solid rgba(60,60,67,.08); border-radius: 13px; padding: 12px; display: flex; justify-content: space-between; gap: 10px; }.daily-review-item strong { display: block; font-size: 11px; }.daily-review-item span { display: block; color: #8e8f95; font-size: 8.5px; margin-top: 3px; }.daily-review-item small { display: block; color: #aaaab0; font-size: 8px; margin-top: 4px; }.daily-review-item button { border: 0; border-radius: 9px; background: #1d1d1f; color: #fff; padding: 7px 10px; font-size: 9px; align-self: center; }

/* contributor / Lu */
.contributor-daily { max-width: 1320px; margin: 0 auto; }
.contributor-hero { border-radius: 26px; padding: 27px 29px; background: linear-gradient(135deg,#fff,#f8faff); border: 1px solid rgba(60,60,67,.08); box-shadow: 0 18px 55px rgba(0,0,0,.05); display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.contributor-hero > div:first-child > span { font-size: 10px; color: #909197; font-weight: 650; }.contributor-hero h2 { font-size: 36px; margin: 9px 0 6px; letter-spacing: -1.3px; }.contributor-hero p { font-size: 11px; color: #85868c; margin: 0; line-height: 1.6; }
.contributor-hero > div:last-child { min-width: 180px; border-radius: 18px; padding: 16px; background: linear-gradient(145deg,rgba(10,132,255,.10),rgba(175,82,222,.07)); border: 1px solid rgba(10,132,255,.08); }.contributor-hero > div:last-child span { display: block; font-size: 9px; color: #818289; }.contributor-hero > div:last-child strong { display: block; font-size: 18px; margin-top: 7px; }
.contributor-grid { display: grid; grid-template-columns: minmax(0,1.4fr) 370px; gap: 13px; }.contributor-entry, .contributor-history { padding: 20px; }.contributor-entry-head h3, .contributor-history h3 { margin: 0; font-size: 15px; }.contributor-entry-head p, .contributor-history > p { margin: 5px 0 14px; color: #97989e; font-size: 9px; }
.contributor-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }.contributor-fields label { display: grid; gap: 6px; color: #77787e; font-size: 9.5px; font-weight: 650; }.contributor-fields input, .contributor-fields select { width: 100%; height: 40px; border: 1px solid rgba(60,60,67,.11); background: #fafafa; border-radius: 11px; padding: 0 11px; outline: none; }
.contributor-sheet { margin-top: 15px; border: 1px solid rgba(60,60,67,.08); border-radius: 14px; overflow: hidden; }.contributor-sheet-head, .contributor-sheet-row { display: grid; grid-template-columns: 1.15fr .72fr 1fr 1fr 38px; align-items: center; }.contributor-sheet-head { background: #f5f5f7; color: #8d8e94; font-size: 8.8px; font-weight: 650; }.contributor-sheet-head span { padding: 9px 10px; }.contributor-sheet-row { border-top: 1px solid rgba(60,60,67,.07); padding: 3px 0; }.contributor-sheet-row input, .contributor-sheet-row select { width: 100%; border: 0; background: transparent; outline: none; font-size: 10.5px; padding: 7px 10px; }.contributor-sheet-row button { border: 0; background: transparent; color: #b4b4b8; }
.contributor-bulk { margin-top: 14px; padding: 15px; border-radius: 15px; background: #f7f7f9; border: 1px solid rgba(60,60,67,.07); }.contributor-bulk strong { font-size: 11px; }.contributor-bulk p { font-size: 8.8px; color: #96979d; margin: 4px 0 9px; }.contributor-bulk textarea { width: 100%; height: 90px; resize: vertical; border: 1px solid rgba(60,60,67,.10); border-radius: 11px; background: #fff; padding: 10px; font-size: 10px; line-height: 1.5; outline: none; }
.contributor-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 15px; }.contributor-history-item { display: flex; justify-content: space-between; gap: 10px; padding: 13px 0; border-bottom: 1px solid rgba(60,60,67,.07); }.contributor-history-item strong { display: block; font-size: 10.5px; }.contributor-history-item small { display: block; font-size: 8.5px; color: #97989e; margin-top: 4px; }.contributor-history-item > span { align-self: center; padding: 5px 8px; border-radius: 999px; font-size: 8.5px; }.contributor-history-item > span.done { background: #edf7ef; color: #387847; }.contributor-history-item > span.pending { background: #fff4df; color: #9a6400; }.contributor-quiet { margin-top: 13px; padding: 12px 13px; border-radius: 13px; background: #f7f7f9; color: #83848a; font-size: 9px; line-height: 1.55; }

@media (max-width: 1100px) {
  .daily-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .daily-grid, .daily-input-grid, .contributor-grid, .daily-history-layout { grid-template-columns: 1fr; }
  .daily-hero { grid-template-columns: 1fr; }
  .daily-platform-stack { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 700px) {
  .profile-trigger-name { display: none; }.profile-trigger { width: 40px; padding: 4px; }
  .daily-workspace-dashboard { width: calc(100vw - 14px); }
  .daily-tabs { overflow-x: auto; }
  .daily-hero { border-radius: 20px; padding: 22px; }.daily-hero h1 { font-size: 38px; }.daily-platform-stack { grid-template-columns: 1fr; }
  .daily-kpis { grid-template-columns: 1fr 1fr; gap: 8px; }.daily-kpi { padding: 14px; }.daily-kpi strong { font-size: 20px; }
  .daily-account-grid { grid-template-columns: 1fr; }.daily-chart { height: 220px; }
  .contributor-hero { padding: 20px; border-radius: 20px; align-items: flex-start; flex-direction: column; }.contributor-hero h2 { font-size: 29px; }.contributor-hero > div:last-child { width: 100%; }
  .contributor-fields { grid-template-columns: 1fr; }.contributor-sheet { overflow-x: auto; }.contributor-sheet-head,.contributor-sheet-row { min-width: 680px; }
}

/* v8 · account reporting + contributor paste workflow */
.account-summary-section { margin-top: 22px; }
.account-summary-heading { margin-bottom: 12px; }
.account-summary-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.account-summary-card { min-width: 0; min-height: 285px; padding: 17px; border-radius: 19px; background: rgba(255,255,255,.94); border: 1px solid rgba(60,60,67,.095); box-shadow: 0 12px 34px rgba(0,0,0,.045); }
.account-summary-card.new-account { background: linear-gradient(180deg,rgba(255,255,255,.97),rgba(248,250,255,.95)); border-color: rgba(10,132,255,.12); }
.account-summary-head { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; }
.account-summary-head span { display: block; font-size: 8px; letter-spacing: 1px; color: #a1a2a8; font-weight: 750; }
.account-summary-head h4 { margin: 4px 0 0; font-size: 14px; letter-spacing: -.2px; }
.account-summary-head em { font-style: normal; color: #a0a1a7; font-size: 8.3px; white-space: nowrap; }
.account-summary-main { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 14px; }
.account-summary-main > div { border-radius: 12px; background: #f6f6f8; padding: 10px 11px; }
.account-summary-main small { display: block; font-size: 8.4px; color: #929399; }
.account-summary-main strong { display: block; margin-top: 5px; font-size: 17px; letter-spacing: -.45px; }
.account-platform-row { display: flex; gap: 7px; flex-wrap: wrap; margin-top: 9px; }
.account-platform-row span { padding: 5px 7px; border-radius: 8px; background: rgba(10,132,255,.05); color: #74757b; font-size: 8.3px; }
.account-platform-row b { color: #45464c; }
.account-track-list { margin-top: 12px; border-top: 1px solid rgba(60,60,67,.07); }
.account-track-list > div:not(.account-no-tracks) { display: grid; grid-template-columns: minmax(0,1fr) 48px 64px; gap: 7px; align-items: center; padding: 7px 0; border-bottom: 1px solid rgba(60,60,67,.055); font-size: 8.7px; }
.account-track-list > div span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.account-track-list > div small { color: #a0a1a6; }
.account-track-list > div b { text-align: right; font-weight: 650; }
.account-no-tracks { padding: 14px 0; color: #aaaab0; font-size: 8.8px; }
.account-history-mini { display: flex; gap: 6px; margin-top: 10px; }
.account-history-mini > span { flex: 1; min-width: 0; border-radius: 9px; background: #fafafa; border: 1px solid rgba(60,60,67,.06); padding: 7px; }
.account-history-mini i { display: block; font-style: normal; color: #a1a2a7; font-size: 7.5px; }
.account-history-mini b { display: block; margin-top: 3px; font-size: 9.2px; }
.account-empty { min-height: 190px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; gap: 7px; color: #a0a1a6; }
.account-empty strong { color: #6f7076; font-size: 11px; }
.account-empty span { max-width: 220px; font-size: 8.6px; line-height: 1.5; }

.daily-review-list.detailed { gap: 10px; }
.daily-review-item.detailed { display: block; padding: 13px; }
.daily-review-item.detailed .review-meta { display: grid; grid-template-columns: auto 1fr; gap: 2px 9px; align-items: baseline; }
.daily-review-item.detailed .review-meta strong { font-size: 12px; }
.daily-review-item.detailed .review-meta span { margin: 0; font-size: 8.2px; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.daily-review-item.detailed .review-meta small { grid-column: 1 / -1; margin-top: 3px; }
.review-preview { margin-top: 9px; border-radius: 10px; background: #f7f7f9; padding: 6px 9px; }
.review-preview > div { display: grid; grid-template-columns: 72px minmax(0,1fr) 70px; gap: 7px; padding: 5px 0; border-bottom: 1px solid rgba(60,60,67,.055); font-size: 8px; }
.review-preview > div:last-of-type { border-bottom: 0; }
.review-preview span { margin: 0!important; color: #8c8d93!important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.review-preview b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.review-preview strong { text-align: right; font-weight: 650; }
.review-preview > small { display: block; margin: 5px 0 2px; color: #a0a1a6; font-size: 7.8px; }
.daily-review-item.detailed > button { width: 100%; margin-top: 9px; padding: 8px 10px; }
.daily-review-item.detailed > button:disabled { opacity: .5; cursor: default; }

.contributor-grid.simplified { grid-template-columns: minmax(0,1.5fr) 350px; }
.contributor-hero > div:last-child small { display: block; margin-top: 5px; color: #8d8e94; font-size: 8px; }
.contributor-entry.paste-first { padding: 21px; }
.contributor-entry-head { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; }
.secondary-button.tiny { padding: 7px 9px; min-height: auto; font-size: 8.5px; white-space: nowrap; }
.format-spec { margin-top: 13px; border-radius: 14px; padding: 13px; background: linear-gradient(180deg,#f8f8fa,#f5f6f8); border: 1px solid rgba(60,60,67,.07); }
.format-spec code { display: block; color: #45464c; font: 9.5px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace; overflow-wrap: anywhere; }
.format-spec span { display: block; margin-top: 6px; color: #929399; font-size: 8.5px; line-height: 1.5; }
.lu-paste-area { width: 100%; min-height: 285px; margin-top: 12px; resize: vertical; border: 1px solid rgba(60,60,67,.11); border-radius: 15px; background: #fff; padding: 13px 14px; outline: none; font: 10.5px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace; color: #34353a; }
.lu-paste-area:focus { border-color: rgba(10,132,255,.34); box-shadow: 0 0 0 3px rgba(10,132,255,.065); }
.parse-result { margin-top: 10px; border-radius: 12px; padding: 10px 12px; border: 1px solid rgba(60,60,67,.07); background: #f7f7f9; }
.parse-result > div { display: flex; justify-content: space-between; gap: 10px; }
.parse-result strong { font-size: 9.5px; }.parse-result span { color: #8e8f95; font-size: 8.5px; }
.parse-result.ok { background: rgba(52,199,89,.055); border-color: rgba(52,199,89,.12); }
.parse-result.has-error { background: rgba(255,149,0,.055); border-color: rgba(255,149,0,.14); }
.parse-result p { margin: 6px 0 0; color: #a06425; font-size: 8.5px; }
.lu-preview { margin-top: 10px; border: 1px solid rgba(60,60,67,.08); border-radius: 13px; overflow: hidden; }
.lu-preview-head, .lu-preview > div:not(.lu-preview-head) { display: grid; grid-template-columns: 130px minmax(0,1fr) 110px; gap: 10px; align-items: center; }
.lu-preview-head { background: #f5f5f7; color: #929399; font-size: 8.3px; font-weight: 650; padding: 8px 10px; }
.lu-preview > div:not(.lu-preview-head) { padding: 8px 10px; border-top: 1px solid rgba(60,60,67,.055); font-size: 9px; }
.lu-preview > div b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 550; }
.lu-preview > div strong { text-align: right; font-weight: 650; }
.lu-preview > small { display: block; padding: 8px 10px; color: #999aa0; font-size: 8px; background: #fafafa; }
.contributor-actions { align-items: center; }
.lu-group-summary { margin-right: auto; display: flex; gap: 6px; flex-wrap: wrap; }
.lu-group-summary span { display: flex; align-items: center; gap: 5px; padding: 5px 7px; border-radius: 8px; background: #f4f4f6; color: #85868c; font-size: 8.2px; }
.lu-group-summary b { color: #4e4f55; }

@media (max-width: 1180px) {
  .account-summary-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .contributor-grid.simplified { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .account-summary-grid { grid-template-columns: 1fr; }
  .lu-preview-head, .lu-preview > div:not(.lu-preview-head) { grid-template-columns: 92px minmax(0,1fr) 86px; }
  .contributor-entry-head { flex-direction: column; }
  .contributor-actions { align-items: stretch; flex-direction: column; }
  .lu-group-summary { margin-right: 0; }
}
.account-track-list { max-height: 165px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(60,60,67,.18) transparent; }
.account-track-list::-webkit-scrollbar { width: 5px; }
.account-track-list::-webkit-scrollbar-thumb { background: rgba(60,60,67,.16); border-radius: 999px; }

/* ============================================================
   v10 UI integrity + 100% zoom polish
   These rules intentionally target the actual native-JS markup.
   ============================================================ */
:root{
  --v10-border: rgba(60,60,67,.10);
  --v10-surface: rgba(255,255,255,.92);
  --v10-shadow: 0 1px 2px rgba(0,0,0,.025), 0 16px 46px rgba(0,0,0,.05);
}
button{font-family:inherit}
.workspace-sidebar-foot{margin-top:auto;padding:14px 10px 5px;border-top:1px solid rgba(60,60,67,.07);display:flex;flex-direction:column;gap:3px;color:#797a80}
.workspace-sidebar-foot span{font-size:11px;font-weight:700;letter-spacing:.1px}
.workspace-sidebar-foot small{font-size:9.5px;color:#aaaab0}
.workspace-dashboard{min-width:0}
.workspace-topbar{isolation:isolate}
.panel-eyebrow{display:block;color:#a0a1a7;font-size:9px;font-weight:750;letter-spacing:1.05px;margin-bottom:6px}
.stat-dot{width:8px;height:8px;border-radius:50%;display:inline-block;box-shadow:0 0 0 4px rgba(118,118,128,.055)}
.stat-dot.purple{background:var(--purple);box-shadow:0 0 0 4px rgba(178,59,198,.07)}
.stat-dot.blue{background:var(--blue);box-shadow:0 0 0 4px rgba(22,136,248,.07)}
.stat-dot.neutral{background:#7f8087}
.purple-text{color:#a02bb5}.blue-text{color:#0878df}
.task-title{appearance:none;border:0;background:transparent;padding:0;margin:0;text-align:left;color:inherit;cursor:pointer;min-width:0;width:100%}
.task-title:focus-visible{outline:2px solid rgba(10,132,255,.30);outline-offset:2px;border-radius:4px}
.quick-add-hint{display:block;padding:4px 2px 0;color:#9c9da3;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dialog-grid .field-label{min-width:0}
.dialog-grid select{display:block;width:100%;margin-top:8px;border:1px solid rgba(60,60,67,.12);border-radius:12px;padding:12px 36px 12px 13px;background:#f7f7f9;color:#292a2f;outline:none}
.dialog-grid select:focus{background:#fff;border-color:rgba(10,132,255,.34);box-shadow:0 0 0 3px rgba(10,132,255,.07)}
.dialog-close{flex:0 0 auto;font-size:22px;color:#6c6d73}
.code-block-lite{margin-top:12px;padding:11px 12px;border-radius:12px;border:1px solid rgba(60,60,67,.08);background:#f6f6f8;color:#55565d;font:10.5px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}
.contributor-parse-summary{min-height:42px}
.parse-ok,.parse-bad{display:block;padding:10px 12px;margin-top:10px;border-radius:12px;font-size:10px}
.parse-ok{color:#2f7441;background:rgba(52,199,89,.065);border:1px solid rgba(52,199,89,.12)}
.parse-bad{color:#9a5d1f;background:rgba(255,159,10,.07);border:1px solid rgba(255,159,10,.14)}

@media (min-width:1181px){
  .workspace-layout{grid-template-columns:248px minmax(0,1fr)}
  .workspace-sidebar{width:248px;padding:22px 16px 16px}
  .workspace-brand{gap:12px;padding:7px 8px 24px}
  .workspace-brand-mark{width:48px;height:48px;border-radius:15px;font-size:12px;letter-spacing:-.3px}
  .workspace-brand strong{font-size:17px}.workspace-brand span{font-size:11px;margin-top:4px}
  .workspace-nav-item{min-height:50px;border-radius:14px}.workspace-nav-item>span:not(.nav-icon){font-size:14px}.nav-icon{width:31px;height:31px}
  .topbar{height:74px;padding:0 28px}.module-title-block span{font-size:11px}.module-title-block strong{font-size:18px}
  .profile-trigger{height:44px;border-radius:14px;padding-right:11px}.profile-trigger-avatar{width:34px;height:34px;border-radius:11px;font-size:12px}.profile-trigger-name{font-size:12px}
  .sync-pill{font-size:11px;padding:8px 11px}.primary-button.small{font-size:12px;padding:10px 17px}
  .dashboard{width:min(1600px,calc(100vw - 248px - 44px));margin:26px auto 64px}
  .workspace-hero{min-height:176px;padding:30px 32px;border-radius:28px;box-shadow:var(--v10-shadow)}
  .hero-kicker{font-size:11px}.hero-copy h2{font-size:38px;line-height:1.08;margin-top:10px}.hero-copy p{font-size:13px;line-height:1.55;margin-top:12px}
  .hero-metric,.hero-progress{padding:16px 18px;border-radius:19px}.hero-metric{min-width:138px}.hero-metric span{font-size:10px}.hero-metric strong{font-size:31px}.hero-metric small{font-size:9.5px}
  .hero-progress{min-width:210px}.hero-progress-ring{width:60px;height:60px}.hero-progress-ring span{font-size:10px}.hero-progress>div:last-child strong{font-size:12.5px}.hero-progress>div:last-child small{font-size:9.5px}
  .stats-strip{gap:14px;margin:15px 0 28px}.stat-card{padding:17px 18px;border-radius:19px}.stat-label{font-size:11.5px}.stat-main strong{font-size:29px}.stat-main span,.stat-meta{font-size:10px}.progress-line strong{font-size:22px}.progress-line span{font-size:10.5px}
  .section-heading-row{margin:0 3px 13px}.section-heading-row>div:first-child>span{font-size:9.5px}.section-heading-row h3{font-size:20px}.shortcut-hints{font-size:10px}
  .main-grid{grid-template-columns:minmax(760px,1fr) minmax(350px,390px);gap:16px}
  .calendar-card,.day-panel,.week-view{border-radius:24px;box-shadow:var(--v10-shadow)}
  .calendar-toolbar{min-height:76px;padding:16px 18px}.month-picker select{font-size:12.5px;padding:9px 31px 9px 12px}.month-picker span{font-size:10px}
  .weekday-row>div{padding:10px 11px;font-size:10px}.calendar-cell{height:178px;padding:9px 9px 8px}.date-number-row{height:29px}.date-number{font-size:11.5px}.today-label-mini{font-size:9.5px}
  .quick-add-input{height:35px;font-size:11px}.quick-add-hint{font-size:8.5px}
  .task-row-compact{grid-template-columns:18px 7px minmax(0,1fr);min-height:31px;padding:4px 6px;margin:2px 0}.task-row-compact .task-title{font-size:10.8px}.task-row-compact .task-checkbox{width:17px;height:17px}
  .day-panel{min-height:824px;max-height:calc(100vh - 96px);top:88px;padding:0}
  .day-panel-header{padding:20px 19px 16px}.day-panel-header h2{font-size:22px}.day-panel-header p{font-size:10.5px}.round-add-button{width:40px;height:40px;font-size:22px}
  .day-filters{padding:12px 14px 11px}.day-filters>div{grid-template-columns:54px minmax(0,1fr);gap:8px}.day-filters>div>span{font-size:10px}.filter-chips{gap:5px}.filter-chips button{padding:7px 10px;font-size:10px}
  .day-task-list{padding:10px}.day-task-list .task-row{min-height:46px;padding:8px 9px;margin:3px 0;border-radius:12px}.day-task-list .task-title{font-size:12px}.day-task-list .task-checkbox{width:20px;height:20px}.task-badge{font-size:9.5px;padding:4px 8px}.day-panel-tip{padding:11px 14px;font-size:9.5px;line-height:1.55}
  .week-heading{margin-top:30px}.week-heading p{font-size:10px}.week-section{gap:16px}.week-view-head{min-height:56px;padding:13px 15px}.week-view-head strong{font-size:13px}.week-view-head>span{font-size:9.5px}.week-grid{min-height:188px}.week-day{padding:9px 7px}.week-day-head{font-size:9px}.week-day-head strong{font-size:10px}.task-row-mini{grid-template-columns:16px 6px minmax(0,1fr);min-height:26px;padding:3px 4px}.task-row-mini .task-title{font-size:9.7px}.task-row-mini .task-checkbox{width:15px;height:15px}
  .task-dialog{width:min(560px,calc(100vw - 40px));padding:25px;border-radius:25px}.dialog-header h2{font-size:22px}.dialog-header p{font-size:10.5px}.field-label{font-size:11px}.field-label>input,.dialog-grid select{font-size:12px;padding-top:12px;padding-bottom:12px}.completed-toggle{font-size:12px}
  .daily-workspace-dashboard{width:min(1500px,calc(100vw - 248px - 44px))}
  .daily-tabs button{font-size:11px}.daily-hero h1{font-size:58px}.daily-hero p{font-size:11px}.daily-kpi span{font-size:9.5px}.daily-kpi strong{font-size:25px}.daily-kpi small{font-size:8.8px}.account-summary-head h4{font-size:15px}.account-summary-main strong{font-size:18px}
  .contributor-hero h2{font-size:34px}.contributor-hero p{font-size:11px}.contributor-entry h3,.contributor-history h3{font-size:16px}.contributor-entry p,.contributor-history p{font-size:10px}.lu-paste-area{min-height:320px;font-size:11px}
}

@media (max-width:1180px){
  .dialog-grid{grid-template-columns:1fr}
}

/* v12 · Daily module rebuild only. Todo styles above are intentionally untouched. */
.daily-workspace-dashboard{
  width:min(1640px,calc(100vw - 248px - 36px));
  max-width:none;
  padding-bottom:64px;
}
.stream-tabs{
  position:sticky;top:58px;z-index:12;display:flex;gap:6px;width:max-content;
  margin:4px 0 18px;padding:5px;border:1px solid rgba(60,60,67,.09);border-radius:14px;
  background:rgba(250,250,252,.86);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
  box-shadow:0 8px 26px rgba(0,0,0,.035)
}
.stream-tabs button{border:0;background:transparent;color:#68696f;border-radius:10px;padding:9px 15px;font-size:13px;font-weight:700;letter-spacing:-.1px}
.stream-tabs button.active{background:#fff;color:#171719;box-shadow:0 2px 10px rgba(0,0,0,.07)}
.stream-overview,.stream-page{max-width:1560px;margin:0 auto}
.stream-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.4fr) 420px;gap:28px;padding:38px 40px;border:1px solid rgba(60,60,67,.08);border-radius:30px;background:linear-gradient(135deg,#fff 0%,#fbfbfd 44%,#f1f6ff 100%);box-shadow:0 18px 60px rgba(0,0,0,.055)}
.stream-hero::after{content:"";position:absolute;width:520px;height:520px;right:-200px;top:-300px;border-radius:50%;background:radial-gradient(circle,rgba(64,124,255,.14),rgba(175,82,222,.05) 45%,transparent 70%);pointer-events:none}
.stream-hero-copy{position:relative;z-index:1}
.stream-hero-copy>span,.stream-section-title span,.stream-page-head>span,.stream-admin-card>span,.stream-business-card>span,.stream-modal-head>div>span,.stream-modal-trend span{font-size:11px;font-weight:760;letter-spacing:.12em;color:#92939a}
.stream-hero h1{margin:10px 0 8px;font-size:72px;line-height:.96;letter-spacing:-4px;font-weight:820;font-variant-numeric:tabular-nums;color:#171719}
.stream-hero h1 small{font-size:20px;letter-spacing:-.3px;color:#77787f;font-weight:700}
.stream-hero p{max-width:740px;margin:0;color:#686970;font-size:14px;line-height:1.7}
.stream-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.stream-chips i{font-style:normal;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.76);border:1px solid rgba(60,60,67,.075);font-size:12px;color:#686970}
.stream-hero-platforms{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-self:stretch}.stream-hero-platforms article{display:flex;flex-direction:column;justify-content:flex-end;min-height:150px;padding:22px;border-radius:22px;background:rgba(255,255,255,.72);border:1px solid rgba(60,60,67,.07);box-shadow:0 10px 30px rgba(0,0,0,.035)}
.stream-hero-platforms span{font-size:12px;color:#7f8087}.stream-hero-platforms strong{margin-top:12px;font-size:30px;letter-spacing:-1px}.stream-hero-platforms small{margin-top:4px;color:#9a9ba1;font-size:11px}
.stream-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 30px}.stream-kpis article{padding:22px 24px;border:1px solid rgba(60,60,67,.08);border-radius:20px;background:#fff;box-shadow:0 10px 32px rgba(0,0,0,.04)}
.stream-kpis span{display:block;color:#77787f;font-size:12px;font-weight:650}.stream-kpis strong{display:block;margin-top:10px;font-size:28px;letter-spacing:-.8px;font-variant-numeric:tabular-nums}.stream-kpis small{display:block;margin-top:6px;color:#a0a1a7;font-size:11px}
.stream-section,.stream-business-section{margin-top:30px}.stream-section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:0 2px 13px}.stream-section-title h2{margin:5px 0 0;font-size:24px;letter-spacing:-.6px}.stream-section-title p{margin:0;color:#8b8c92;font-size:12px}
.stream-trend-card{padding:23px 22px 14px;border-radius:24px;border:1px solid rgba(60,60,67,.08);background:#fff;box-shadow:0 14px 44px rgba(0,0,0,.04)}
.stream-trend-chart{height:330px;display:flex;flex-direction:column}.stream-trend-chart svg{flex:1;width:100%;min-height:0}.stream-trend-labels{display:flex;justify-content:space-between;gap:8px;margin:8px 8px 0;color:#9a9ba1;font-size:11px;font-variant-numeric:tabular-nums}
.stream-empty-chart,.stream-spark-empty{display:grid;place-items:center;height:100%;color:#9a9ba1;font-size:13px}
.stream-account-grid{display:grid;gap:14px}.stream-account-grid.core,.stream-account-grid.new{grid-template-columns:repeat(3,minmax(0,1fr))}.stream-account-grid.large{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.stream-account-card{appearance:none;text-align:left;width:100%;min-width:0;padding:22px;border-radius:24px;border:1px solid rgba(60,60,67,.085);background:linear-gradient(180deg,#fff,#fdfdfe);color:#1d1d1f;box-shadow:0 14px 42px rgba(0,0,0,.045);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;cursor:pointer}.stream-account-card:hover{transform:translateY(-2px);box-shadow:0 18px 50px rgba(0,0,0,.07);border-color:rgba(0,122,255,.18)}.stream-account-card.new{background:linear-gradient(180deg,#fff,#f8fbff)}
.stream-account-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.stream-account-head span{display:block;font-size:10px;font-weight:760;letter-spacing:.12em;color:#a0a1a7}.stream-account-head h3{margin:5px 0 0;font-size:21px;letter-spacing:-.45px}.stream-account-head em{font-style:normal;color:#94959c;font-size:11px;white-space:nowrap}
.stream-account-number{display:flex;align-items:baseline;gap:8px;margin-top:21px}.stream-account-number strong{font-size:34px;line-height:1;letter-spacing:-1.2px;font-variant-numeric:tabular-nums}.stream-account-number span{color:#7f8087;font-size:12px}
.stream-account-submetrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.stream-account-submetrics>span{padding:11px 12px;border-radius:14px;background:#f6f6f8;color:#87888e;font-size:11px}.stream-account-submetrics b{display:block;margin-bottom:3px;color:#2a2a2d;font-size:15px}.positive{color:#208a43!important}.negative{color:#cc3a32!important}.neutral{color:#77787f!important}
.stream-account-platform{display:flex;justify-content:space-between;gap:12px;margin:14px 1px 6px;color:#85868d;font-size:11px}.stream-account-platform b{color:#36363a;font-size:12px}
.stream-spark{display:block;width:100%;height:64px;margin:6px 0 12px;color:#5e77d7;overflow:visible}
.stream-account-top{border-top:1px solid rgba(60,60,67,.07);padding-top:13px}.stream-account-top-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:6px}.stream-account-top-title span{font-size:10px;letter-spacing:.1em;color:#9a9ba1;font-weight:750}.stream-account-top-title small{color:#aaaab0;font-size:10px}.stream-track-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 0;border-top:1px solid rgba(60,60,67,.055)}.stream-track-row:first-of-type{border-top:0}.stream-track-row>span{color:#aaaab0;font-size:11px}.stream-track-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650}.stream-track-row b{font-size:12px;font-variant-numeric:tabular-nums}.stream-no-tracks{padding:12px 0;color:#999aa0;font-size:12px}
.stream-account-card.empty{min-height:310px}.stream-account-empty{margin-top:70px;text-align:center}.stream-account-empty strong{font-size:17px}.stream-account-empty p{max-width:280px;margin:7px auto 0;color:#8d8e94;font-size:12px;line-height:1.6}
.stream-page-head{padding:12px 2px 22px}.stream-page-head h1{margin:7px 0 5px;font-size:36px;letter-spacing:-1.2px}.stream-page-head p{margin:0;color:#818289;font-size:13px;line-height:1.65}
.stream-business-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:22px}.stream-business-card{padding:22px;border:1px solid rgba(60,60,67,.08);border-radius:22px;background:#fff;box-shadow:0 12px 36px rgba(0,0,0,.04)}.stream-business-card strong{display:block;margin-top:12px;font-size:28px;letter-spacing:-.8px}.stream-business-card p{margin:9px 0 0;color:#7f8087;font-size:12px;line-height:1.65}
.stream-econ-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.stream-econ-grid article{padding:23px;border-radius:22px;border:1px solid rgba(60,60,67,.08);background:linear-gradient(180deg,#fff,#f9fbff);box-shadow:0 12px 36px rgba(0,0,0,.04)}.stream-econ-head{display:flex;justify-content:space-between;gap:12px}.stream-econ-head strong{font-size:18px}.stream-econ-head span{font-size:11px;color:#94959c}.stream-econ-plays{margin:18px 0;font-size:30px;font-weight:820;letter-spacing:-1px}.stream-econ-plays small{font-size:11px;color:#8e8f95;font-weight:600;letter-spacing:0}.stream-econ-grid dl{margin:0;display:grid;gap:7px}.stream-econ-grid dl>div{display:flex;justify-content:space-between;gap:16px;padding:9px 10px;border-radius:12px;background:rgba(246,246,248,.86)}.stream-econ-grid dt{font-size:11px;color:#77787f}.stream-econ-grid dd{margin:0;font-size:13px;font-weight:750}
.stream-footnote{margin:10px 2px 0;color:#92939a;font-size:11px;line-height:1.65}.stream-empty-business{padding:32px;border:1px dashed rgba(60,60,67,.16);border-radius:22px;background:#fafafa;text-align:center}.stream-empty-business strong{font-size:18px}.stream-empty-business p{max-width:680px;margin:7px auto 0;color:#8b8c92;font-size:12px;line-height:1.7}
.stream-recoup-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stream-recoup-grid article{padding:20px;border-radius:20px;background:#fff;border:1px solid rgba(60,60,67,.08)}.stream-recoup-grid b{display:block;color:#77787f;font-size:11px}.stream-recoup-grid strong{display:block;margin:10px 0 7px;font-size:19px}.stream-recoup-grid p{margin:0;color:#85868d;font-size:12px;line-height:1.65}
.stream-forecast-top,.stream-decay-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.stream-forecast-top article,.stream-decay-kpis article{padding:18px;border:1px solid rgba(60,60,67,.08);border-radius:18px;background:#fff}.stream-forecast-top span,.stream-decay-kpis span{display:block;color:#85868d;font-size:11px}.stream-forecast-top strong,.stream-decay-kpis strong{display:block;margin-top:8px;font-size:20px}.stream-forecast-line{margin-top:12px;padding:18px 18px 10px;border:1px solid rgba(60,60,67,.08);border-radius:20px;background:#fff}.stream-forecast-line .stream-spark{height:150px;margin:0}.stream-forecast-line>div{display:flex;justify-content:space-between;color:#999aa0;font-size:10px}
.stream-table{margin-top:12px;border:1px solid rgba(60,60,67,.08);border-radius:18px;overflow:hidden;background:#fff}.stream-table-head,.stream-table-row{display:grid;grid-template-columns:minmax(240px,1.5fr) .55fr .6fr .6fr .6fr;gap:10px;align-items:center;padding:12px 15px}.stream-table-head{background:#f6f6f8;color:#85868d;font-size:11px;font-weight:700}.stream-table-row{border-top:1px solid rgba(60,60,67,.065);font-size:12px}.stream-table-row>span{min-width:0}.stream-table-row b{display:block;font-size:13px}.stream-table-row small{display:block;margin-top:2px;color:#96979d;font-size:10px}.stream-table-row i{font-style:normal;padding:4px 7px;border-radius:999px;font-size:10px}.tag-new{background:#eaf4ff;color:#1268b3}.tag-stock{background:#eef8ef;color:#26713a}.tag-drop{background:#fff0ef;color:#b8342c}
.stream-history-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px}.stream-history-list,.stream-history-detail,.stream-admin-card{border:1px solid rgba(60,60,67,.08);border-radius:22px;background:#fff;box-shadow:0 12px 36px rgba(0,0,0,.035)}.stream-history-list{padding:9px}.stream-history-list button{width:100%;border:0;background:transparent;border-radius:13px;padding:12px;display:flex;justify-content:space-between;gap:12px;text-align:left;color:#333}.stream-history-list button.active{background:#f2f4f8}.stream-history-list b{font-size:13px}.stream-history-list small{display:block;color:#98999f;margin-top:3px;font-size:10px}.stream-history-list strong{font-size:13px}.stream-history-detail{padding:24px}.stream-history-title{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.stream-history-title span{font-size:10px;color:#999aa0}.stream-history-title h2{margin:4px 0 0;font-size:27px}.stream-history-title>strong{font-size:22px}.stream-history-detail>p{color:#818289;font-size:12px;line-height:1.65}.stream-history-accounts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.stream-history-accounts article{padding:16px;border-radius:16px;background:#f7f7f9}.stream-history-accounts h3{margin:0 0 9px;font-size:15px}.stream-history-accounts article>div{display:flex;gap:16px;color:#77787f;font-size:11px}.stream-history-accounts b{color:#28282b}
.stream-admin-grid{display:grid;grid-template-columns:1.25fr .8fr 1fr;gap:14px;margin-top:14px}.stream-admin-card{padding:21px}.stream-admin-card h2{margin:6px 0 6px;font-size:19px}.stream-admin-card>p{margin:0 0 12px;color:#85868d;font-size:11px;line-height:1.6}.stream-admin-card textarea{width:100%;min-height:280px;resize:vertical;border:1px solid rgba(60,60,67,.10);border-radius:14px;background:#fafafa;padding:13px;outline:none;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.stream-admin-card textarea:focus{background:#fff;border-color:rgba(0,122,255,.28);box-shadow:0 0 0 4px rgba(0,122,255,.06)}.stream-admin-card>button{margin-top:10px}.stream-admin-card label{display:grid;gap:5px;margin-top:10px;color:#77787f;font-size:11px}.stream-admin-card input{height:40px;border:1px solid rgba(60,60,67,.10);border-radius:11px;background:#fafafa;padding:0 10px;outline:none}.stream-message{min-height:20px;margin-top:8px;color:#5176a3;font-size:11px}
.stream-review-list{display:grid;gap:9px;max-height:430px;overflow:auto}.stream-review-list article{padding:12px;border:1px solid rgba(60,60,67,.08);border-radius:14px}.stream-review-list strong{font-size:12px}.stream-review-list small{display:block;margin-top:3px;color:#96979d;font-size:9px}.stream-review-preview{display:grid;gap:3px;margin:8px 0}.stream-review-preview span{font-size:10px;color:#66676d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stream-review-list button{width:100%;border:0;border-radius:9px;background:#1d1d1f;color:#fff;padding:8px;font-size:11px}.stream-empty-mini{padding:14px;color:#96979d;font-size:11px}
.stream-modal-backdrop{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:24px;background:rgba(24,24,28,.30);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.stream-account-modal{position:relative;width:min(1120px,94vw);max-height:90vh;overflow:auto;padding:30px;border-radius:28px;background:rgba(255,255,255,.98);border:1px solid rgba(255,255,255,.65);box-shadow:0 40px 120px rgba(0,0,0,.24)}.stream-modal-close{position:sticky;float:right;top:0;width:34px;height:34px;border:0;border-radius:50%;background:#f0f0f2;font-size:22px;color:#64656b;z-index:2}.stream-modal-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding-right:50px}.stream-modal-head h2{margin:7px 0 4px;font-size:38px;letter-spacing:-1.2px}.stream-modal-head p{margin:0;color:#85868d;font-size:13px}.stream-modal-head>div:last-child{text-align:right}.stream-modal-head>div:last-child strong{display:block;font-size:38px;letter-spacing:-1.3px}.stream-modal-head>div:last-child span{color:#85868d;font-size:11px}.stream-modal-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:24px}.stream-modal-kpis article{padding:17px;border-radius:17px;background:#f6f6f8}.stream-modal-kpis span{font-size:11px;color:#7f8087}.stream-modal-kpis strong{display:block;margin-top:8px;font-size:19px}.stream-modal-trend{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:20px;margin-top:20px;padding:20px;border:1px solid rgba(60,60,67,.08);border-radius:20px}.stream-modal-trend h3{margin:5px 0 0;font-size:18px}.stream-modal-trend .stream-spark{height:100px;margin:0}.stream-modal-table{margin-top:18px;border:1px solid rgba(60,60,67,.08);border-radius:18px;overflow:hidden}.stream-modal-table .stream-table-head,.stream-modal-table .stream-table-row{grid-template-columns:minmax(280px,1.6fr) .55fr .7fr .6fr}.stream-modal-empty{padding:60px 10px;text-align:center}.stream-modal-empty span{font-size:10px;color:#96979d}.stream-modal-empty h2{font-size:36px;margin:8px 0}.stream-modal-empty p{color:#85868d}
@media(max-width:1180px){.daily-workspace-dashboard{width:calc(100vw - 232px - 24px)}.stream-hero{grid-template-columns:1fr}.stream-hero-platforms{grid-template-columns:1fr 1fr}.stream-account-grid.core,.stream-account-grid.new,.stream-account-grid.large{grid-template-columns:repeat(2,minmax(0,1fr))}.stream-recoup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stream-admin-grid{grid-template-columns:1fr 1fr}.stream-admin-card.queue{grid-column:1/-1}}
@media(max-width:760px){.daily-workspace-dashboard{width:calc(100vw - 16px)}.stream-tabs{top:52px;max-width:100%;overflow:auto}.stream-hero{padding:25px;border-radius:22px}.stream-hero h1{font-size:48px;letter-spacing:-2.5px}.stream-hero-platforms,.stream-kpis,.stream-business-grid,.stream-econ-grid,.stream-forecast-top,.stream-decay-kpis,.stream-modal-kpis{grid-template-columns:1fr 1fr}.stream-account-grid.core,.stream-account-grid.new,.stream-account-grid.large,.stream-recoup-grid,.stream-history-grid,.stream-admin-grid,.stream-history-accounts{grid-template-columns:1fr}.stream-section-title{align-items:flex-start;flex-direction:column;gap:4px}.stream-account-modal{padding:22px}.stream-modal-head{align-items:flex-start;flex-direction:column}.stream-modal-head>div:last-child{text-align:left}.stream-modal-trend{grid-template-columns:1fr}.stream-table{overflow-x:auto}.stream-table-head,.stream-table-row{min-width:760px}}

/* ============================================================
   v13 · Todo usability, notes, safe multi-select + daily details
   ============================================================ */
.multi-select-bar{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  margin:-2px 2px 13px;padding:11px 13px 11px 15px;border-radius:15px;
  border:1px solid rgba(10,132,255,.14);background:rgba(241,247,255,.88);
  box-shadow:0 8px 24px rgba(10,132,255,.045);
}
.multi-select-bar>div{min-width:0;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.multi-select-bar strong{font-size:12px;color:#215d99}.multi-select-bar span{font-size:10px;color:#72869a}
.multi-select-bar button{border:0;border-radius:999px;background:#fff;color:#4f6d89;padding:7px 11px;font-size:10px;box-shadow:inset 0 0 0 1px rgba(10,132,255,.12)}
.task-row.is-selected{border-color:rgba(10,132,255,.32)!important;background:rgba(10,132,255,.085)!important;box-shadow:inset 3px 0 0 rgba(10,132,255,.62)}
.task-row.is-dragging{opacity:.56;transform:scale(.985)}
.task-note-mark{font-style:normal;margin-left:5px;color:#8e8e93;font-size:13px;vertical-align:1px}
.task-notes-input{
  display:block;width:100%;min-height:112px;margin-top:8px;resize:vertical;
  border:1px solid rgba(60,60,67,.12);border-radius:13px;padding:12px 13px;
  outline:none;color:#292a2f;background:rgba(118,118,128,.045);font:inherit;line-height:1.55;
}
.task-notes-input:focus{background:#fff;border-color:rgba(10,132,255,.35);box-shadow:0 0 0 3px rgba(10,132,255,.07)}
.stream-modal-royalty-note{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding:13px 15px;border-radius:15px;background:#f5f8fc;border:1px solid rgba(10,132,255,.09)}
.stream-modal-royalty-note strong{font-size:12px}.stream-modal-royalty-note span{color:#777a82;font-size:11px;text-align:right}
.stream-modal-table.royalty-table .stream-table-head,.stream-modal-table.royalty-table .stream-table-row{grid-template-columns:minmax(260px,1.6fr) .72fr .72fr .72fr .72fr}

@media (min-width:1181px){
  /* Todo is intentionally ~10% larger than v11 at browser 100%. */
  .workspace-dashboard:not(.daily-workspace-dashboard){width:min(1660px,calc(100vw - 248px - 34px));margin:28px auto 68px}
  .workspace-dashboard:not(.daily-workspace-dashboard) .workspace-hero{min-height:190px;padding:32px 34px}
  .workspace-dashboard:not(.daily-workspace-dashboard) .hero-copy h2{font-size:41px}
  .workspace-dashboard:not(.daily-workspace-dashboard) .hero-copy p{font-size:14px}
  .workspace-dashboard:not(.daily-workspace-dashboard) .stat-label{font-size:12.5px}
  .workspace-dashboard:not(.daily-workspace-dashboard) .stat-main strong{font-size:31px}
  .workspace-dashboard:not(.daily-workspace-dashboard) .stat-meta{font-size:10.8px}
  .workspace-dashboard:not(.daily-workspace-dashboard) .section-heading-row h3{font-size:22px}
  .workspace-dashboard:not(.daily-workspace-dashboard) .main-grid{grid-template-columns:minmax(800px,1fr) minmax(380px,420px);gap:18px}
  .workspace-dashboard:not(.daily-workspace-dashboard) .calendar-toolbar{min-height:82px;padding:17px 20px}
  .workspace-dashboard:not(.daily-workspace-dashboard) .month-picker select{font-size:13.5px;padding:10px 33px 10px 13px}
  .workspace-dashboard:not(.daily-workspace-dashboard) .month-picker span{font-size:11px}
  .workspace-dashboard:not(.daily-workspace-dashboard) .weekday-row>div{padding:11px 12px;font-size:11px}
  .workspace-dashboard:not(.daily-workspace-dashboard) .calendar-cell{height:191px;padding:10px 10px 9px}
  .workspace-dashboard:not(.daily-workspace-dashboard) .date-number-row{height:31px}
  .workspace-dashboard:not(.daily-workspace-dashboard) .date-number{font-size:12.5px}
  .workspace-dashboard:not(.daily-workspace-dashboard) .today-label-mini{font-size:10px}
  .workspace-dashboard:not(.daily-workspace-dashboard) .quick-add-input{height:37px;font-size:12px;padding:7px 9px}
  .workspace-dashboard:not(.daily-workspace-dashboard) .quick-add-hint{font-size:9.2px}
  .workspace-dashboard:not(.daily-workspace-dashboard) .task-row-compact{grid-template-columns:19px 7px minmax(0,1fr);min-height:34px;padding:5px 7px;margin:2px 0}
  .workspace-dashboard:not(.daily-workspace-dashboard) .task-row-compact .task-title{font-size:11.8px;line-height:1.25}
  .workspace-dashboard:not(.daily-workspace-dashboard) .task-row-compact .task-checkbox{width:18px;height:18px}
  .workspace-dashboard:not(.daily-workspace-dashboard) .day-panel{min-height:884px;max-height:calc(100vh - 98px);top:90px}
  .workspace-dashboard:not(.daily-workspace-dashboard) .day-panel-header{padding:22px 21px 17px}
  .workspace-dashboard:not(.daily-workspace-dashboard) .day-panel-header h2{font-size:23px}
  .workspace-dashboard:not(.daily-workspace-dashboard) .day-panel-header p{font-size:11px}
  .workspace-dashboard:not(.daily-workspace-dashboard) .day-filters{padding:13px 15px 12px}
  .workspace-dashboard:not(.daily-workspace-dashboard) .day-filters>div>span{font-size:10.8px}
  .workspace-dashboard:not(.daily-workspace-dashboard) .filter-chips button{font-size:10.8px;padding:8px 11px}
  .workspace-dashboard:not(.daily-workspace-dashboard) .day-task-list{padding:11px}
  .workspace-dashboard:not(.daily-workspace-dashboard) .day-task-list .task-row{min-height:49px;padding:9px 10px}
  .workspace-dashboard:not(.daily-workspace-dashboard) .day-task-list .task-title{font-size:13px}
  .workspace-dashboard:not(.daily-workspace-dashboard) .task-badge{font-size:10px;padding:5px 8px}
  .workspace-dashboard:not(.daily-workspace-dashboard) .day-panel-tip{font-size:10px}
  .workspace-dashboard:not(.daily-workspace-dashboard) .week-view-head strong{font-size:14px}
  .workspace-dashboard:not(.daily-workspace-dashboard) .week-view-head>span{font-size:10px}
  .workspace-dashboard:not(.daily-workspace-dashboard) .week-day-head{font-size:9.8px}
  .workspace-dashboard:not(.daily-workspace-dashboard) .week-day-head strong{font-size:11px}
  .workspace-dashboard:not(.daily-workspace-dashboard) .task-row-mini{min-height:29px;padding:4px 5px}
  .workspace-dashboard:not(.daily-workspace-dashboard) .task-row-mini .task-title{font-size:10.7px}
  .task-dialog{width:min(600px,calc(100vw - 44px));padding:27px}
  .task-dialog .dialog-header h2{font-size:24px}.task-dialog .dialog-header p{font-size:11px}
  .task-dialog .field-label{font-size:11.5px}.task-dialog .field-label>input,.task-dialog .dialog-grid select,.task-notes-input{font-size:13px}
}

@media(max-width:760px){
  .multi-select-bar{align-items:flex-start;flex-direction:column}.multi-select-bar button{align-self:flex-end}
  .stream-modal-royalty-note{align-items:flex-start;flex-direction:column}.stream-modal-royalty-note span{text-align:left}
  .stream-modal-table.royalty-table{overflow-x:auto}.stream-modal-table.royalty-table .stream-table-head,.stream-modal-table.royalty-table .stream-table-row{min-width:820px}
}