:root {
  color-scheme: dark;
  --bg: #050816;
  --panel: rgba(10, 17, 35, 0.82);
  --panel-2: rgba(255, 255, 255, 0.05);
  --text: #f8fafc;
  --muted: #90a4c1;
  --accent: #7c91ff;
  --accent-2: #2dd4bf;
  --danger: #f87171;
}

.live-clock {
  color: #74736d;
  font-size: 12px;
  margin: 4px 0 0;
  text-transform: capitalize;
}

.workspace-sync-status {
  align-items: center;
  background: #f4f2ec;
  border: 1px solid #e4e0d5;
  border-radius: 999px;
  color: #6f6b61;
  display: inline-flex;
  font-size: 11px;
  font-weight: 700;
  gap: 6px;
  min-height: 30px;
  padding: 0 11px;
}

.workspace-sync-status::before {
  background: #d9b65d;
  border-radius: 50%;
  content: '';
  height: 7px;
  width: 7px;
}

.workspace-sync-status[data-state='synced']::before { background: #2f8f6b; }
.workspace-sync-status[data-state='syncing']::before { animation: tq-sync-pulse 1s infinite; }
.workspace-sync-status[data-state='offline']::before { background: #c74e47; }
.workspace-sync-status[role='button']{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
.workspace-sync-status[role='button']:hover,.workspace-sync-status[role='button']:focus-visible{transform:translateY(-1px);box-shadow:0 8px 22px rgba(0,0,0,.08);outline:2px solid rgba(191,151,62,.3);outline-offset:2px}

@keyframes tq-sync-pulse {
  50% { opacity: .35; transform: scale(.78); }
}

* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: Inter, "Segoe UI", Roboto, sans-serif;
  background:
    radial-gradient(circle at top left, rgba(124, 145, 255, 0.2), transparent 30%),
    radial-gradient(circle at top right, rgba(45, 212, 191, 0.16), transparent 24%),
    linear-gradient(135deg, #030712 0%, #091220 100%);
  color: var(--text);
  transition: background 0.25s ease, color 0.25s ease;
  min-height: 100vh;
}

body::before {
  content: '';
  position: fixed;
  inset: 0;
  background: linear-gradient(120deg, rgba(255,255,255,0.03), transparent 40%);
  pointer-events: none;
}

body.theme-energetic {
  --accent: #f59e0b;
  --accent-2: #ef4444;
}

body.theme-focus {
  --accent: #8b5cf6;
  --accent-2: #34d399;
}

.app-shell {
  max-width: 1180px;
  margin: 0 auto;
  padding: 24px;
}

.hero {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: center;
  padding: 30px;
  border-radius: 28px;
  background: linear-gradient(135deg, rgba(10, 16, 30, 0.94), rgba(15, 23, 42, 0.82));
  border: 1px solid rgba(255,255,255,0.08);
  margin-bottom: 20px;
  box-shadow: 0 24px 70px rgba(2, 6, 23, 0.24);
  backdrop-filter: blur(16px);
  position: relative;
  overflow: hidden;
}

.hero::after {
  content: '';
  position: absolute;
  inset: auto -20% -40% auto;
  width: 220px;
  height: 220px;
  background: radial-gradient(circle, rgba(124,145,255,0.22), transparent 70%);
  pointer-events: none;
}

.hero-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-end;
}

.reset-btn {
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  color: #03111d;
  font-weight: 700;
  border: 0;
}

.google-status {
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,0.06);
  color: var(--text);
  font-size: 0.92rem;
  border: 1px solid rgba(255,255,255,0.06);
}

.plan-count {
  margin: 6px 0 0;
  color: var(--muted);
}

.section-controls {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.24em;
  color: var(--accent-2);
  font-size: 0.76rem;
  margin-bottom: 8px;
  font-weight: 600;
}

.hero h1 {
  margin: 0 0 8px;
  font-size: clamp(1.5rem, 2.35vw, 2.3rem);
  line-height: 1.15;
}

.hero-copy { color: var(--muted); max-width: 720px; line-height: 1.6; }

.panel {
  background: var(--panel);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 24px;
  padding: 22px;
  margin-bottom: 20px;
  box-shadow: 0 14px 36px rgba(0,0,0,0.18);
  backdrop-filter: blur(14px);
  transition: transform 0.2s ease, border-color 0.2s ease;
}

.panel:hover {
  transform: translateY(-1px);
  border-color: rgba(255,255,255,0.14);
}

form label {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: var(--muted);
  font-size: 0.95rem;
}

input, select, textarea, button {
  font: inherit;
}

input, select, textarea {
  width: 100%;
  border: 1px solid rgba(255,255,255,0.09);
  border-radius: 14px;
  padding: 12px 14px;
  background: rgba(255,255,255,0.05);
  color: var(--text);
}

select {
  color-scheme: dark;
  background-color: #152236;
}

select option {
  background: #152236;
  color: #f8fafc;
}

select option:checked {
  background: #1f3b57;
  color: #ffffff;
}

input::placeholder, textarea::placeholder { color: #8aa0bd; }
.field-hint { display: block; margin-top: -2px; color: var(--muted); font-size: 0.76rem; line-height: 1.4; }
.resource-fields textarea { min-height: 80px; resize: vertical; }

input[type='color'] {
  min-height: 44px;
  padding: 6px;
  cursor: pointer;
}

.field-row {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 14px;
}

.primary-btn, .secondary-btn, .ghost-btn {
  border: 0;
  border-radius: 999px;
  padding: 11px 15px;
  cursor: pointer;
  transition: transform 0.18s ease, opacity 0.18s ease, background 0.2s ease;
}

.primary-btn:hover, .secondary-btn:hover, .ghost-btn:hover { transform: translateY(-1px); }

.primary-btn {
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  color: #03111d;
  font-weight: 700;
  margin-top: 8px;
  box-shadow: 0 10px 26px rgba(124, 145, 255, 0.2);
}

.secondary-btn {
  background: rgba(255,255,255,0.06);
  color: var(--text);
  border: 1px solid rgba(255,255,255,0.08);
}

.ghost-btn {
  background: transparent;
  color: var(--muted);
  padding: 8px 12px;
}

.status {
  margin-top: 14px;
  padding: 12px 14px;
  border-radius: 12px;
  min-height: 48px;
  color: var(--text);
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.06);
}

.status.success { background: rgba(34,197,94,0.14); color: #bbf7d0; }
.status.error { background: rgba(248,113,113,0.14); color: #fecaca; }
.status.info { background: rgba(45,212,191,0.14); color: #ccfbf1; }

.section-title-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  gap: 12px;
}

.category-preview-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-block: 12px 6px;
  flex-wrap: wrap;
}

.category-preview-label {
  color: var(--muted);
  font-size: 0.95rem;
}

.category-preview {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.category-picker {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 8px;
}

.category-option {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.04);
  color: var(--text);
  cursor: pointer;
  transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

.category-option:hover {
  transform: translateY(-1px);
  border-color: rgba(255,255,255,0.16);
  background: rgba(255,255,255,0.07);
}

.category-option.selected {
  border-color: var(--cat-color);
  box-shadow: inset 0 0 0 1px var(--cat-color);
  background: rgba(255,255,255,0.08);
}

.category-option-inner {
  display: flex;
  align-items: center;
  gap: 8px;
}

.category-option-check {
  color: var(--cat-color);
  font-weight: 700;
}

.category-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.08);
  color: var(--muted);
  background: rgba(255,255,255,0.04);
}

.category-pill.active {
  color: var(--text);
  border-color: var(--cat-color);
  box-shadow: inset 0 0 0 1px var(--cat-color);
}

.category-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  flex-shrink: 0;
}

.field-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.field-label {
  color: var(--muted);
  font-size: 0.95rem;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.board-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 12px;
}

.calendar-workspace { overflow: hidden; }
.knowledge-workspace { padding: 28px; background: linear-gradient(135deg, rgba(10,20,35,0.96), rgba(8,15,29,0.94)); }
.knowledge-title-row { align-items: flex-end; }
.knowledge-title-row h2 { margin: 0; }
.workspace-legend { display: flex; gap: 8px; flex-wrap: wrap; color: var(--muted); font-size: 0.74rem; }
.workspace-legend span { display: inline-flex; align-items: center; gap: 6px; padding: 6px 8px; border: 1px solid rgba(255,255,255,0.06); border-radius: 999px; background: rgba(255,255,255,0.025); }
.legend-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--accent-2); }
.legend-dot.board-dot { background: var(--accent); }
.knowledge-layout { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(250px, 0.55fr); gap: 18px; }
.notes-panel, .work-bridge-panel { border: 1px solid rgba(255,255,255,0.09); border-radius: 18px; padding: 20px; }
.notes-panel { background: rgba(6,13,25,0.3); box-shadow: inset 0 1px 0 rgba(255,255,255,0.03); }
.work-bridge-panel { position: relative; overflow: hidden; background: linear-gradient(160deg, rgba(124,145,255,0.11), rgba(45,212,191,0.045)); }
.work-bridge-panel::before { content: ''; position: absolute; inset: 0 auto 0 0; width: 3px; background: linear-gradient(var(--accent), var(--accent-2)); }
.notes-panel-header, .note-card-top, .note-card-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.notes-panel-header { margin-bottom: 16px; padding-bottom: 14px; border-bottom: 1px solid rgba(255,255,255,0.07); }
.notes-panel-header strong { display: block; margin-top: 4px; }
.note-form { display: grid; gap: 10px; }
.note-form input, .note-form textarea { border-color: rgba(255,255,255,0.1); background: rgba(255,255,255,0.035); transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease; }
.note-form input:focus, .note-form textarea:focus, .notes-toolbar input:focus { border-color: rgba(45,212,191,0.52); background: rgba(255,255,255,0.055); box-shadow: 0 0 0 3px rgba(45,212,191,0.08); outline: none; }
.note-form textarea { resize: vertical; min-height: 104px; line-height: 1.55; }
.note-form-actions { display: flex; gap: 10px; justify-content: space-between; align-items: center; }
.note-form-actions select { width: auto; padding: 9px 10px; border-radius: 10px; font-size: 0.8rem; }
.note-form-actions .primary-btn { margin: 0; min-width: 132px; }
.notes-toolbar { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 7px; margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,0.06); }
.notes-toolbar input { min-width: 0; padding: 9px 11px; border-radius: 10px; font-size: 0.82rem; }
.notes-filter { padding: 7px 10px; border: 1px solid rgba(255,255,255,0.08); border-radius: 9px; background: rgba(255,255,255,0.035); color: var(--muted); cursor: pointer; font-size: 0.75rem; transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease; }
.notes-filter:hover { border-color: rgba(255,255,255,0.18); color: var(--text); }
.notes-filter.active { border-color: rgba(45,212,191,0.36); color: var(--accent-2); background: rgba(45,212,191,0.09); }
.notes-list { display: grid; gap: 8px; margin-top: 14px; max-height: 360px; overflow: auto; padding-right: 4px; }
.notes-empty { display: grid; gap: 5px; padding: 16px 0 4px; color: var(--muted); font-size: 0.84rem; }
.notes-empty strong { color: var(--text); }
.note-card { padding: 13px 14px; border: 1px solid rgba(255,255,255,0.055); border-left: 3px solid var(--note-color); border-radius: 12px; background: rgba(255,255,255,0.04); transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease; }
.note-card:hover { transform: translateX(2px); border-color: color-mix(in srgb, var(--note-color) 42%, rgba(255,255,255,0.1)); background: rgba(255,255,255,0.06); }
.note-card p { margin: 8px 0 10px; color: var(--muted); line-height: 1.55; font-size: 0.84rem; white-space: pre-wrap; }
.note-card-top strong { font-size: 0.9rem; }
.note-card-actions { display: flex; align-items: center; gap: 6px; }
.note-card-footer { color: var(--muted); font-size: 0.72rem; }
.note-card-properties { display: inline-flex; align-items: center; gap: 7px; }
.note-type { padding: 3px 6px; border: 1px solid rgba(255,255,255,0.1); border-radius: 5px; background: rgba(255,255,255,0.045); color: var(--muted); font-size: 0.65rem; }
.note-type-decision { border-color: rgba(45,212,191,0.25); color: #99f6e4; background: rgba(45,212,191,0.09); }
.note-type-meeting { border-color: rgba(129,140,248,0.26); color: #c7d2fe; background: rgba(129,140,248,0.1); }
.note-type-reference { border-color: rgba(251,191,36,0.25); color: #fde68a; background: rgba(251,191,36,0.09); }
.note-delete, .note-to-task, .note-pin { border: 0; background: transparent; cursor: pointer; color: var(--muted); font: inherit; }
.note-delete { color: #fca5a5; font-size: 1.2rem; line-height: 1; }
.note-pin { padding: 3px 5px; color: var(--muted); font-size: 0.68rem; }
.note-pin.is-pinned { color: var(--accent-2); }
.note-to-task { color: var(--accent-2); font-size: 0.76rem; }
.note-tone-indigo { --note-color: #818cf8; }
.note-tone-teal { --note-color: #2dd4bf; }
.note-tone-amber { --note-color: #fbbf24; }
.note-tone-rose { --note-color: #fb7185; }
.work-bridge-panel { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.work-bridge-panel h3 { margin: 9px 0; font-size: 1.42rem; line-height: 1.12; }
.work-bridge-panel p { margin: 0; color: var(--muted); line-height: 1.7; font-size: 0.88rem; }
.work-bridge-steps { display: grid; gap: 9px; margin: 20px 0; width: 100%; }
.work-bridge-steps span { display: flex; align-items: center; gap: 9px; color: var(--text); font-size: 0.82rem; }
.work-bridge-steps b { display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 8px; background: rgba(124,145,255,0.16); color: var(--accent-2); font-size: 0.67rem; }
.work-bridge-panel .secondary-btn { margin-top: 2px; border-color: rgba(45,212,191,0.24); background: rgba(255,255,255,0.055); }
.calendar-title-row { align-items: flex-end; }
.calendar-title-row h2 { margin: 0; }
.calendar-navigation { display: flex; align-items: center; gap: 6px; }
.calendar-nav-btn { width: 38px; height: 38px; border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; background: rgba(255,255,255,0.05); color: var(--text); cursor: pointer; }
.calendar-layout { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(245px, 0.65fr); gap: 16px; }
.calendar-surface, .calendar-agenda { border: 1px solid rgba(255,255,255,0.08); background: rgba(255,255,255,0.035); }
.calendar-surface { padding: 16px; border-radius: 18px; }
.calendar-month-label { font-size: 1.1rem; font-weight: 700; margin-bottom: 14px; text-transform: capitalize; }
.calendar-weekdays, .calendar-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }
.calendar-weekdays { margin-bottom: 6px; }
.calendar-weekdays span { color: var(--muted); font-size: 0.72rem; padding: 0 7px; text-transform: uppercase; }
.calendar-grid { border-top: 1px solid rgba(255,255,255,0.06); border-left: 1px solid rgba(255,255,255,0.06); }
.calendar-day { min-height: 104px; padding: 7px; text-align: left; color: var(--text); background: transparent; border: 0; border-right: 1px solid rgba(255,255,255,0.06); border-bottom: 1px solid rgba(255,255,255,0.06); cursor: pointer; overflow: hidden; }
.calendar-day:hover, .calendar-day.is-selected { background: rgba(124,145,255,0.1); }
.calendar-day.is-muted .calendar-day-number { color: #52627b; }
.calendar-day.is-today .calendar-day-number { display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; color: #05111d; background: var(--accent-2); }
.calendar-day-number { display: block; font-size: 0.82rem; margin-bottom: 6px; }
.calendar-day-events { display: grid; gap: 4px; }
.calendar-event { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-left: 2px solid var(--event-color); border-radius: 3px; padding: 3px 4px; background: color-mix(in srgb, var(--event-color) 14%, transparent); color: var(--text); font-size: 0.68rem; }
.calendar-event span { color: var(--muted); margin-right: 3px; }
.calendar-more { padding-left: 4px; color: var(--accent-2); font-size: 0.7rem; }
.calendar-agenda { border-radius: 18px; padding: 16px; }
.agenda-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; padding-bottom: 14px; border-bottom: 1px solid rgba(255,255,255,0.08); }
.agenda-header strong { display: block; margin-top: 4px; font-size: 0.98rem; text-transform: capitalize; }
.agenda-count { padding: 5px 8px; border-radius: 999px; background: rgba(255,255,255,0.08); color: var(--muted); font-size: 0.72rem; white-space: nowrap; }
.calendar-agenda-list { display: grid; gap: 8px; margin-top: 14px; }
.agenda-item { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 10px; width: 100%; padding: 10px 0 10px 10px; border: 0; border-left: 3px solid var(--agenda-color); border-radius: 4px; background: transparent; color: var(--text); text-align: left; cursor: pointer; }
.agenda-item:hover { background: rgba(255,255,255,0.05); }
.agenda-time { color: var(--accent-2); font-size: 0.78rem; padding-top: 2px; }
.agenda-content { min-width: 0; }
.agenda-content strong, .agenda-content small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.agenda-content strong { font-size: 0.86rem; }
.agenda-content small { color: var(--muted); margin-top: 4px; font-size: 0.72rem; }
.agenda-empty { display: grid; gap: 6px; padding: 16px 0; color: var(--muted); font-size: 0.86rem; }
.agenda-empty strong { color: var(--text); }

/* Calendar workspace refinement */
.calendar-workspace {
  position: relative;
  padding: 26px;
  background:
    linear-gradient(135deg, rgba(15, 23, 42, 0.9), rgba(8, 15, 31, 0.94)),
    var(--panel);
}

.calendar-workspace::before {
  content: '';
  position: absolute;
  width: 420px;
  height: 240px;
  right: -140px;
  top: -140px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(45,212,191,0.13), transparent 68%);
  pointer-events: none;
}

.calendar-title-row {
  margin-bottom: 20px;
}

.calendar-title-row .eyebrow {
  margin: 0 0 5px;
  color: var(--accent-2);
}

.calendar-title-row h2 {
  font-size: 1.42rem;
  letter-spacing: 0;
}

.calendar-navigation {
  padding: 4px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  background: rgba(255,255,255,0.035);
}

.calendar-nav-btn {
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--muted);
  transition: background 0.2s ease, color 0.2s ease;
}

.calendar-nav-btn:hover {
  background: rgba(255,255,255,0.08);
  color: var(--text);
}

.calendar-navigation .ghost-btn {
  border-radius: 8px;
  padding: 8px 12px;
  color: var(--text);
  background: rgba(124,145,255,0.12);
}

.calendar-layout {
  position: relative;
  gap: 20px;
}

.calendar-surface {
  padding: 20px;
  border-radius: 14px;
  background: linear-gradient(160deg, rgba(9, 18, 38, 0.78), rgba(3, 10, 25, 0.5));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 20px 36px rgba(0,0,0,0.12);
}

.calendar-month-label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 18px;
  font-size: 1.25rem;
}

.calendar-month-label::before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--accent-2);
  box-shadow: 0 0 0 5px rgba(45,212,191,0.1);
}

.calendar-weekdays {
  margin: 0 0 9px;
}

.calendar-weekdays span {
  padding: 0 9px;
  font-size: 0.67rem;
  letter-spacing: 0.08em;
}

.calendar-grid {
  gap: 7px;
  border: 0;
}

.calendar-day {
  min-height: 112px;
  padding: 10px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: rgba(255,255,255,0.028);
  transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

.calendar-day:hover {
  transform: translateY(-1px);
  background: rgba(255,255,255,0.065);
  border-color: rgba(255,255,255,0.1);
}

.calendar-day.is-selected {
  background: linear-gradient(145deg, rgba(45,212,191,0.2), rgba(56,189,248,0.1));
  border-color: rgba(45,212,191,0.42);
  box-shadow: inset 0 0 0 1px rgba(45,212,191,0.12), 0 8px 22px rgba(16,185,129,0.12);
}

.calendar-day.is-muted {
  opacity: 0.42;
}

.calendar-day.is-today .calendar-day-number {
  background: var(--accent);
  color: #fff;
  box-shadow: 0 4px 12px rgba(124,145,255,0.36);
}

.calendar-day-number {
  width: 24px;
  height: 24px;
  display: inline-grid;
  place-items: center;
  font-size: 0.75rem;
  font-weight: 700;
}

.calendar-day.is-selected .calendar-day-number:not(:empty) {
  color: #d9fffa;
}

.calendar-event {
  border-left-width: 3px;
  border-radius: 6px;
  padding: 4px 5px;
  font-size: 0.69rem;
  background: color-mix(in srgb, var(--event-color) 18%, rgba(255,255,255,0.03));
}

.calendar-agenda {
  position: relative;
  border-radius: 14px;
  padding: 20px;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(16, 33, 53, 0.9), rgba(7, 17, 34, 0.82));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.07), 0 20px 36px rgba(0,0,0,0.16);
}

.calendar-agenda::after {
  content: '';
  position: absolute;
  width: 180px;
  height: 180px;
  bottom: -115px;
  right: -95px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(56,189,248,0.2), transparent 70%);
  pointer-events: none;
}

.agenda-header {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding-bottom: 16px;
}

.agenda-date-mark {
  display: grid;
  place-items: center;
  width: 64px;
  height: 72px;
  padding: 7px 0;
  border: 1px solid rgba(45,212,191,0.24);
  border-radius: 12px;
  background: linear-gradient(160deg, rgba(45,212,191,0.18), rgba(124,145,255,0.1));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.09);
}

.agenda-date-mark span {
  color: var(--accent-2);
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.1em;
}

.agenda-date-mark strong {
  color: var(--text);
  font-size: 1.75rem;
  line-height: 1;
}

.agenda-heading {
  min-width: 0;
}

.agenda-heading > strong {
  display: block;
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 4px;
  font-size: 1.03rem;
  text-transform: capitalize;
}

.agenda-month {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 0.74rem;
  text-transform: capitalize;
}

.agenda-count {
  color: var(--text);
  background: rgba(45,212,191,0.12);
  border: 1px solid rgba(45,212,191,0.16);
}

.calendar-agenda-list {
  position: relative;
  z-index: 1;
  gap: 10px;
}

.agenda-rhythm {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 8px;
  padding: 12px 0;
  color: var(--muted);
  font-size: 0.72rem;
}

.agenda-rhythm span {
  padding: 6px 8px;
  border-radius: 7px;
  background: rgba(255,255,255,0.05);
}

.agenda-rhythm strong {
  color: var(--text);
  margin-right: 3px;
}

.agenda-item {
  padding: 11px 10px;
  border-left-width: 2px;
  border-radius: 8px;
  background: rgba(255,255,255,0.025);
  transition: background 0.18s ease, transform 0.18s ease;
}

.agenda-item:hover {
  transform: translateX(2px);
  background: rgba(255,255,255,0.07);
}

/* Calendar workbench: intentionally quiet, structured, and task-first. */
.calendar-workspace {
  padding: 0;
  overflow: hidden;
  border-color: rgba(148,163,184,0.16);
  border-radius: 16px;
  background: #0a1222;
  box-shadow: 0 24px 54px rgba(0,0,0,0.2);
}

.calendar-workspace::before,
.calendar-agenda::after {
  display: none;
}

.calendar-title-row {
  min-height: 86px;
  align-items: center;
  margin: 0;
  padding: 19px 24px;
  border-bottom: 1px solid rgba(148,163,184,0.14);
  background: #0d1729;
}

.calendar-title-row .eyebrow {
  font-size: 0.64rem;
  letter-spacing: 0.12em;
}

.calendar-title-row h2 {
  font-size: 1.18rem;
  font-weight: 650;
}

.calendar-title-row .plan-count {
  font-size: 0.8rem;
}

.calendar-navigation {
  gap: 2px;
  padding: 3px;
  border-color: rgba(148,163,184,0.16);
  border-radius: 7px;
  background: #111d31;
}

.calendar-nav-btn {
  width: 34px;
  height: 34px;
  border-radius: 5px;
}

.calendar-navigation .ghost-btn {
  padding: 7px 11px;
  border-radius: 5px;
  font-size: 0.78rem;
  background: #172641;
}

.calendar-layout {
  gap: 0;
  grid-template-columns: minmax(0, 1fr) 292px;
}

.calendar-surface {
  padding: 22px 24px 24px;
  border: 0;
  border-radius: 0;
  background: #0a1222;
  box-shadow: none;
}

.calendar-month-label {
  margin-bottom: 19px;
  font-size: 1.42rem;
  font-weight: 600;
}

.calendar-month-label::before {
  width: 6px;
  height: 6px;
  box-shadow: none;
}

.calendar-overview {
  display: grid;
  grid-template-columns: 0.75fr 0.9fr minmax(0, 1.7fr);
  gap: 1px;
  margin: 0 0 20px;
  border: 1px solid rgba(148,163,184,0.13);
  background: rgba(148,163,184,0.13);
}

.calendar-overview-item {
  min-width: 0;
  padding: 10px 12px;
  background: #0d1729;
}

.calendar-overview-item span {
  display: block;
  margin-bottom: 4px;
  color: #7587a2;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.calendar-overview-item strong {
  display: block;
  overflow: hidden;
  color: #e4edf8;
  font-size: 0.78rem;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.calendar-overview-focus { background: rgba(45,212,191,0.1); }
.calendar-overview-focus strong { color: var(--accent-2); }
.calendar-overview-next strong { color: #b8c9df; }

.calendar-week-pulse {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0 0 20px;
  padding: 10px 12px;
  border: 1px solid rgba(148,163,184,0.13);
  background: #0d1729;
}

.week-pulse-label {
  flex: 0 0 auto;
  color: #7587a2;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.week-pulse-days {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 6px;
  flex: 1;
}

.week-pulse-day {
  display: grid;
  grid-template-rows: auto 24px auto;
  justify-items: center;
  gap: 3px;
  border: 0;
  padding: 0 4px;
  color: #71839e;
  background: transparent;
  cursor: pointer;
}

.week-pulse-day span { font-size: 0.6rem; text-transform: uppercase; }
.week-pulse-day b { color: #c7d4e5; font-size: 0.72rem; font-weight: 600; }
.week-pulse-day i { align-self: end; width: 100%; max-width: 22px; height: var(--pulse-height); min-height: 3px; background: #263650; }
.week-pulse-day.active i { background: var(--accent-2); }
.week-pulse-day.active b { color: var(--accent-2); }

.agenda-quick-add {
  position: relative;
  z-index: 1;
  width: 100%;
  margin: 2px 0 12px;
  padding: 9px 10px;
  border: 1px dashed rgba(45,212,191,0.35);
  border-radius: 5px;
  color: var(--accent-2);
  background: rgba(45,212,191,0.05);
  font-size: 0.75rem;
  cursor: pointer;
}

.agenda-quick-add:hover { background: rgba(45,212,191,0.11); }

.calendar-weekdays {
  margin-bottom: 8px;
}

.calendar-weekdays span {
  padding: 0 8px;
  color: #788aa5;
  font-size: 0.62rem;
  font-weight: 700;
}

.calendar-grid {
  gap: 0;
  border-top: 1px solid rgba(148,163,184,0.12);
  border-left: 1px solid rgba(148,163,184,0.12);
}

.calendar-day {
  min-height: 106px;
  padding: 9px 8px;
  border: 0;
  border-right: 1px solid rgba(148,163,184,0.12);
  border-bottom: 1px solid rgba(148,163,184,0.12);
  border-radius: 0;
  background: transparent;
}

.calendar-day:hover {
  transform: none;
  border-color: rgba(148,163,184,0.12);
  background: rgba(255,255,255,0.035);
}

.calendar-day.is-selected {
  position: relative;
  border-color: rgba(148,163,184,0.12);
  background: rgba(45,212,191,0.08);
  box-shadow: inset 3px 0 0 var(--accent-2);
}

.calendar-day.is-muted {
  opacity: 0.25;
}

.calendar-day.is-today .calendar-day-number {
  background: transparent;
  color: var(--accent-2);
  box-shadow: none;
}

.calendar-day-number {
  width: auto;
  height: auto;
  padding: 0 2px;
  color: #dbe7f7;
  font-size: 0.72rem;
}

.calendar-day.is-selected .calendar-day-number:not(:empty) {
  color: var(--accent-2);
}

.calendar-day-events {
  gap: 3px;
  margin-top: 8px;
}

.calendar-event {
  border-left-width: 2px;
  border-radius: 0;
  padding: 3px 4px;
  background: color-mix(in srgb, var(--event-color) 13%, transparent);
  font-size: 0.66rem;
}

.calendar-agenda {
  min-height: 100%;
  padding: 20px;
  border: 0;
  border-left: 1px solid rgba(148,163,184,0.14);
  border-radius: 0;
  background: #0d1729;
  box-shadow: none;
}

.agenda-header {
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 11px;
  padding-bottom: 18px;
  border-bottom-color: rgba(148,163,184,0.14);
}

.agenda-date-mark {
  width: 48px;
  height: 56px;
  padding: 5px 0;
  border: 1px solid rgba(45,212,191,0.25);
  border-radius: 5px;
  background: rgba(45,212,191,0.08);
  box-shadow: none;
}

.agenda-date-mark strong {
  font-size: 1.48rem;
}

.agenda-heading > strong {
  font-size: 1rem;
}

.agenda-count {
  grid-column: 1 / -1;
  width: fit-content;
  padding: 4px 7px;
  border-radius: 4px;
  background: rgba(255,255,255,0.05);
  border-color: rgba(148,163,184,0.15);
  font-size: 0.67rem;
}

.agenda-rhythm {
  gap: 0;
  padding: 14px 0;
  border-bottom: 1px solid rgba(148,163,184,0.14);
}

.agenda-rhythm span {
  padding: 0 10px 0 0;
  margin-right: 10px;
  border-radius: 0;
  border-right: 1px solid rgba(148,163,184,0.16);
  background: transparent;
}

.agenda-rhythm span:last-child {
  margin: 0;
  padding-right: 0;
  border: 0;
}

.calendar-agenda-list {
  gap: 2px;
  margin-top: 14px;
}

.agenda-item {
  grid-template-columns: 48px minmax(0, 1fr);
  padding: 11px 8px;
  border-left-width: 2px;
  border-radius: 0;
  background: transparent;
}

.agenda-item:hover {
  transform: none;
  background: rgba(255,255,255,0.045);
}

.board-filters {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.board-filter {
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.04);
  color: var(--muted);
  padding: 7px 12px;
  border-radius: 999px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.board-filter.active {
  background: linear-gradient(135deg, rgba(124,145,255,0.22), rgba(45,212,191,0.18));
  color: var(--text);
  border-color: rgba(124,145,255,0.28);
}

.board-insights {
  display: grid;
  grid-template-columns: 1.45fr 1fr;
  gap: 12px;
  margin-bottom: 14px;
}

.insight-panel {
  background: linear-gradient(135deg, rgba(255,255,255,0.07), rgba(255,255,255,0.04));
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 20px;
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.insight-panel-primary {
  background: linear-gradient(135deg, rgba(124,145,255,0.16), rgba(45,212,191,0.12));
  border-color: rgba(124,145,255,0.22);
}

.insight-topline {
  color: var(--muted);
  font-size: 0.76rem;
  text-transform: uppercase;
  letter-spacing: 0.14em;
}

.insight-progress {
  width: 100%;
  height: 8px;
  border-radius: 999px;
  background: rgba(255,255,255,0.08);
  overflow: hidden;
}

.insight-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--accent), var(--accent-2));
}

.insight-meta {
  color: #dce7f5;
  font-size: 0.86rem;
}

.board-summary-card {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 20px;
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.board-summary-label {
  color: var(--muted);
  font-size: 0.84rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

.board-summary-card strong {
  font-size: 1.25rem;
}

.board-summary-sub {
  color: #cbd5e1;
  font-size: 0.9rem;
}

.board-hint {
  color: var(--muted);
  font-size: 0.92rem;
  margin-bottom: 14px;
}

.plans-board {
  display: grid;
  grid-template-columns: repeat(4, minmax(260px, 1fr));
  gap: 20px;
  align-items: start;
  padding-bottom: 8px;
}

.board-column {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 28px;
  padding: 18px;
  min-height: 280px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.14);
  backdrop-filter: blur(14px);
}

.board-column-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

.board-column-header h3 {
  margin: 0;
  font-size: 1.05rem;
}

.board-column-header p {
  margin: 0;
  color: var(--muted);
  font-size: 0.88rem;
  line-height: 1.4;
  max-width: 180px;
}

.board-column-count {
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.08);
  color: var(--text);
  font-size: 0.84rem;
  white-space: nowrap;
}

.board-column-list {
  display: grid;
  gap: 14px;
  min-height: 120px;
  padding: 10px 0;
  transition: background 0.2s ease, border-color 0.2s ease;
}

.board-column-list.drag-over,
.board-column.drag-over {
  background: rgba(124, 145, 255, 0.08);
  border-color: rgba(124, 145, 255, 0.24);
  border-radius: 18px;
}

.board-card {
  background: rgba(255,255,255,0.06);
  border-radius: 24px;
  padding: 18px;
  border: 1px solid rgba(255,255,255,0.1);
  border-left: 4px solid var(--cat-color, rgba(124,145,255,0.9));
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.12);
  transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, opacity 0.2s ease;
  cursor: grab;
}

.board-card-meter {
  width: 100%;
  height: 7px;
  border-radius: 999px;
  background: rgba(255,255,255,0.08);
  overflow: hidden;
  margin-top: 12px;
}

.board-card-meter-bar {
  display: block;
  height: 100%;
  border-radius: inherit;
}

.board-card-meter-bar.done { background: linear-gradient(90deg, #34d399, #10b981); }
.board-card-meter-bar.active { background: linear-gradient(90deg, #38bdf8, #6366f1); }
.board-card-meter-bar.pending { background: linear-gradient(90deg, #f59e0b, #f97316); }

.board-checklist { display: grid; gap: 8px; margin-top: 14px; padding: 11px; border: 1px solid rgba(255,255,255,0.07); border-radius: 12px; background: rgba(255,255,255,0.025); }
.board-checklist-heading { display: flex; justify-content: space-between; gap: 10px; color: var(--muted); font-size: 0.74rem; }
.board-checklist-heading strong { color: var(--accent-2); font-size: 0.76rem; }
.board-checklist-progress { height: 4px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,0.08); }
.board-checklist-progress span { display: block; height: 100%; border-radius: inherit; background: var(--accent-2); }
.board-checklist-items { display: grid; gap: 4px; }
.checklist-item { display: flex; align-items: center; gap: 8px; width: 100%; padding: 3px 0; border: 0; background: transparent; color: var(--text); cursor: pointer; font-size: 0.79rem; text-align: left; }
.checklist-item > span { width: 14px; height: 14px; flex: 0 0 14px; border: 1px solid rgba(255,255,255,0.28); border-radius: 4px; }
.checklist-item.is-done { color: var(--muted); text-decoration: line-through; }
.checklist-item.is-done > span { border-color: var(--accent-2); background: var(--accent-2); box-shadow: inset 0 0 0 3px rgba(5,8,22,0.72); }
.checklist-add-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px; margin-top: 3px; }
.checklist-add-form input { padding: 7px 8px; border-radius: 7px; font-size: 0.75rem; }
.checklist-add-form button { padding: 6px 8px; border: 1px solid rgba(45,212,191,0.26); border-radius: 7px; background: rgba(45,212,191,0.08); color: var(--accent-2); cursor: pointer; font-size: 0.72rem; }

.plan-chip.signal.signal-today { color: #fef3c7; background: rgba(245, 158, 11, 0.18); }
.plan-chip.signal.signal-soon { color: #bfdbfe; background: rgba(56, 189, 248, 0.16); }
.plan-chip.signal.signal-overdue { color: #fecaca; background: rgba(248, 113, 113, 0.16); }
.plan-chip.signal.signal-done { color: #bbf7d0; background: rgba(34, 197, 94, 0.16); }
.plan-chip.signal.signal-future { color: #d8b4fe; background: rgba(168, 85, 247, 0.16); }
.plan-chip.signal.signal-neutral { color: #e2e8f0; background: rgba(148, 163, 184, 0.16); }

.board-card:hover {
  transform: translateY(-2px);
  border-color: rgba(124, 145, 255, 0.22);
  background: rgba(255,255,255,0.08);
}

.board-card-details {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.board-card-detail-row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.board-card-inline {
  color: var(--muted);
  font-size: 0.82rem;
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(255,255,255,0.06);
}

.board-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 12px;
  flex-wrap: wrap;
}

.board-card-hint {
  color: var(--muted);
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

.board-card.dragging {
  opacity: 0.5;
}

.board-card-top {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.plan-card-status {
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,0.1);
  color: var(--text);
  font-size: 0.82rem;
  white-space: nowrap;
  border: 1px solid rgba(255,255,255,0.12);
}

.plan-card-status.beklemede { background: rgba(248, 208, 87, 0.18); color: #f8e7a2; border-color: rgba(248, 208, 87, 0.28); }
.plan-card-status.devam-ediyor { background: rgba(56, 189, 248, 0.18); color: #cdefff; border-color: rgba(56, 189, 248, 0.28); }
.plan-card-status.tamamlandi { background: rgba(34, 197, 94, 0.18); color: #dcfce7; border-color: rgba(34, 197, 94, 0.28); }

.plan-chip {
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.08);
  color: var(--muted);
  font-size: 0.82rem;
}

.plan-chip.priority.yüksek { color: #fca5a5; background: rgba(248, 113, 113, 0.16); }
.plan-chip.priority.orta { color: #fcd34d; background: rgba(250, 204, 21, 0.16); }
.plan-chip.priority.düşük { color: #86efac; background: rgba(52, 211, 153, 0.16); }
.plan-chip.escalation { color: #fecaca; background: rgba(248,113,113,0.16); }

.board-card-badges {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 14px;
}

.jira-properties, .card-resources { display: flex; gap: 7px; flex-wrap: wrap; margin-top: 10px; }
.jira-properties span, .card-resources span, .card-resources a { padding: 4px 7px; border: 1px solid rgba(255,255,255,0.09); border-radius: 5px; color: var(--muted); background: rgba(255,255,255,0.04); font-size: 0.7rem; text-decoration: none; }
.card-resources a { color: var(--accent-2); border-color: rgba(45,212,191,0.2); }
.jira-issue-type { color: #c7d2fe !important; border-color: rgba(129,140,248,0.26) !important; background: rgba(129,140,248,0.1) !important; }
.jira-bug { color: #fecaca !important; border-color: rgba(248,113,113,0.28) !important; background: rgba(248,113,113,0.1) !important; }
.jira-epic { color: #fde68a !important; border-color: rgba(251,191,36,0.27) !important; background: rgba(251,191,36,0.1) !important; }
.jira-label { color: #bfdbfe !important; border-color: rgba(96,165,250,0.24) !important; background: rgba(96,165,250,0.09) !important; }

.board-card-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 15px;
}

.plan-note {
  margin-top: 12px;
  color: #d1d9ea;
  line-height: 1.6;
}

.plan-title {
  font-weight: 700;
  font-size: 1rem;
  margin: 0;
}

.plan-meta {
  color: var(--muted);
  font-size: 0.9rem;
  margin-top: 8px;
  line-height: 1.4;
}

.plan-actions {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}

.plan-actions button {
  border: 1px solid rgba(255,255,255,0.12);
  background: transparent;
  color: var(--text);
  padding: 8px 12px;
  border-radius: 999px;
  cursor: pointer;
  transition: background 0.18s ease;
}

.plan-actions button:hover {
  background: rgba(255,255,255,0.08);
}

.plan-chip.synced {
  color: var(--accent-2);
  background: rgba(45,212,191,0.14);
}

.empty-state-card {
  padding: 18px 20px;
  border-radius: 16px;
  background: rgba(255,255,255,0.04);
  border: 1px dashed rgba(255,255,255,0.14);
  color: var(--muted);
}

.empty-state-card h3 {
  margin: 0 0 6px;
  color: var(--text);
}

.onboarding-options {
  display: grid;
  gap: 10px;
  margin-top: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.onboarding-option {
  width: 100%;
  text-align: left;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.1);
  background: rgba(255,255,255,0.05);
  color: var(--text);
  cursor: pointer;
  transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

.onboarding-option:hover {
  transform: translateY(-1px);
  border-color: rgba(255,255,255,0.18);
  background: rgba(255,255,255,0.08);
}

.onboarding-option.selected {
  border-color: var(--accent);
  box-shadow: inset 0 0 0 1px var(--accent);
  background: rgba(124,145,255,0.14);
}

.onboarding-nav {
  margin-top: 16px;
  justify-content: space-between;
}

.settings-form {
  display: grid;
  gap: 10px;
}

.setting-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.07);
}

.setting-editor {
  display: flex;
  align-items: center;
  gap: 8px;
}

.setting-preview {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: inline-block;
  border: 2px solid rgba(255,255,255,0.22);
}

.numbers-lab {
  position: relative;
  overflow: hidden;
  padding: 28px 30px;
  background: linear-gradient(135deg, rgba(9, 16, 30, 0.96), rgba(15, 23, 42, 0.94));
}

.numbers-lab::before {
  content: '';
  position: absolute;
  inset: -20% auto auto -10%;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(124,145,255,0.26), transparent 64%);
  pointer-events: none;
}

.numbers-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
}

.numbers-header h2 {
  margin: 0;
  font-size: clamp(1.8rem, 3vw, 2.6rem);
  line-height: 1.08;
}

.numbers-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.number-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 170px;
  padding: 18px 18px 16px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,0.08);
  background: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.03));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);
  transition: transform 0.2s ease, border-color 0.2s ease;
}

.number-card:hover {
  transform: translateY(-2px);
  border-color: rgba(124,145,255,0.3);
}

.number-card-primary {
  background: linear-gradient(135deg, rgba(124,145,255,0.18), rgba(45,212,191,0.12));
  border-color: rgba(124,145,255,0.22);
}

.metric-label {
  color: var(--muted);
  font-size: 0.72rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.number-card strong {
  font-size: clamp(2rem, 4vw, 2.8rem);
  line-height: 1;
}

.metric-delta {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 0.74rem;
  font-weight: 700;
}

.metric-delta.positive {
  color: #d9fff9;
  background: rgba(45,212,191,0.12);
  border: 1px solid rgba(45,212,191,0.2);
}

.metric-delta.neutral {
  color: #dfeaff;
  background: rgba(148,163,184,0.12);
  border: 1px solid rgba(148,163,184,0.18);
}

.metric-delta.warning {
  color: #fecaca;
  background: rgba(248,113,113,0.12);
  border: 1px solid rgba(248,113,113,0.22);
}

.experience-section {
  padding: 28px 30px;
  background: linear-gradient(135deg, rgba(8, 15, 30, 0.96), rgba(11, 18, 31, 0.9));
}

.experience-header {
  margin-bottom: 18px;
}

.experience-header h2 {
  margin: 0;
  font-size: clamp(1.8rem, 2.8vw, 2.5rem);
  line-height: 1.08;
}

.experience-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.experience-step {
  position: relative;
  padding: 22px 18px 18px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,0.08);
  background: linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.03));
  transition: transform 0.2s ease, border-color 0.2s ease;
}

.experience-step:hover {
  transform: translateY(-2px);
  border-color: rgba(124,145,255,0.25);
}

.experience-step.active {
  background: linear-gradient(135deg, rgba(124,145,255,0.12), rgba(45,212,191,0.08));
  border-color: rgba(45,212,191,0.22);
}

.step-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: rgba(124,145,255,0.12);
  border: 1px solid rgba(124,145,255,0.2);
  color: var(--accent-2);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.experience-step h3 {
  margin: 16px 0 10px;
  font-size: 1.3rem;
}

.experience-step p {
  margin: 0;
  color: var(--muted);
  line-height: 1.7;
}

.cta-band {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 28px 30px;
  background: linear-gradient(135deg, rgba(124,145,255,0.15), rgba(45,212,191,0.08));
  border: 1px solid rgba(124,145,255,0.2);
}

.cta-content {
  max-width: 700px;
}

.cta-content h2 {
  margin: 0 0 8px;
  font-size: clamp(1.8rem, 2.8vw, 2.7rem);
  line-height: 1.1;
}

.cta-content p {
  margin: 0;
  color: var(--muted);
  line-height: 1.7;
}

.cta-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.site-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 22px 26px;
  background: rgba(9, 15, 27, 0.92);
  border: 1px solid rgba(255,255,255,0.08);
}

.footer-brand {
  display: flex;
  align-items: center;
  gap: 12px;
}

.footer-mark {
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(124,145,255,0.18), rgba(45,212,191,0.12));
  border: 1px solid rgba(124,145,255,0.25);
  color: var(--text);
  font-weight: 800;
}

.footer-brand strong,
.footer-brand span {
  display: block;
}

.footer-brand strong {
  font-size: 1rem;
}

.footer-brand span {
  color: var(--muted);
  font-size: 0.8rem;
}

.footer-links {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}

.footer-links a {
  color: var(--muted);
  text-decoration: none;
  transition: color 0.2s ease;
}

.footer-links a:hover {
  color: var(--text);
}

.footer-meta {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  color: var(--muted);
  font-size: 0.76rem;
}

.innovation-section {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 24px;
  align-items: center;
  padding: 28px 30px;
  background: linear-gradient(135deg, rgba(13, 22, 38, 0.96), rgba(7, 14, 24, 0.96));
}

.innovation-copy {
  padding: 6px 4px;
}

.innovation-copy h2 {
  margin: 0 0 10px;
  font-size: clamp(1.7rem, 2.8vw, 2.7rem);
  line-height: 1.08;
}

.innovation-copy p {
  margin: 0;
  color: var(--muted);
  max-width: 620px;
  line-height: 1.7;
}

.innovation-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 24px;
}

.innovation-metrics div {
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
}

.innovation-metrics strong {
  display: block;
  font-size: 1.5rem;
  color: var(--text);
  margin-bottom: 4px;
}

.innovation-metrics span {
  color: var(--muted);
  font-size: 0.82rem;
}

.login-card {
  border-radius: 24px;
  padding: 20px;
  background: linear-gradient(180deg, rgba(14, 23, 39, 0.92), rgba(9, 15, 28, 0.9));
  border: 1px solid rgba(148, 163, 184, 0.18);
  box-shadow: 0 28px 70px rgba(2, 6, 23, 0.25);
}

.login-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}

.login-kicker {
  display: block;
  color: var(--accent-2);
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-size: 0.68rem;
  font-weight: 700;
  margin-bottom: 6px;
}

.login-header h3 {
  margin: 0;
  font-size: 1.2rem;
}

.login-badge {
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(45,212,191,0.1);
  border: 1px solid rgba(45,212,191,0.22);
  color: var(--accent-2);
  font-size: 0.72rem;
  font-weight: 700;
}

.login-form {
  display: grid;
  gap: 16px;
}

.login-form label {
  gap: 8px;
}

.login-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.checkbox-row {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center;
  gap: 8px;
  color: var(--muted);
}

.checkbox-row input {
  width: auto;
  accent-color: var(--accent-2);
}

.text-btn {
  border: 0;
  background: transparent;
  color: var(--accent-2);
  cursor: pointer;
  font: inherit;
  padding: 0;
}

.login-submit {
  width: 100%;
  margin: 0;
}

.login-2fa-panel {
  display: grid;
  gap: 10px;
  padding: 14px;
  border-radius: 16px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(45,212,191,0.16);
}

.login-2fa-panel.hidden {
  display: none;
}

.otp-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.otp-header strong {
  font-size: 0.92rem;
}

.otp-header span {
  color: var(--muted);
  font-size: 0.72rem;
}

.login-status {
  padding: 12px 14px;
  border-radius: 12px;
  font-size: 0.82rem;
  border: 1px solid transparent;
  background: rgba(255,255,255,0.04);
  color: var(--text);
}

.login-status.info {
  background: rgba(45,212,191,0.08);
  border-color: rgba(45,212,191,0.16);
  color: #d9fff9;
}

.login-status.success {
  background: rgba(34,197,94,0.12);
  border-color: rgba(34,197,94,0.26);
  color: #dcfce7;
}

.login-status.error {
  background: rgba(248,113,113,0.1);
  border-color: rgba(248,113,113,0.2);
  color: #fee2e2;
}

@media (max-width: 700px) {
  .hero, .field-row, .section-title-row, .numbers-header, .cta-band, .site-footer { flex-direction: column; align-items: flex-start; }
  .field-row, .onboarding-options, .numbers-grid, .experience-grid, .knowledge-layout { grid-template-columns: 1fr; }
  .notes-toolbar { grid-template-columns: 1fr 1fr; }
  .notes-toolbar input { grid-column: 1 / -1; }
  .calendar-layout { grid-template-columns: 1fr; }
  .calendar-navigation { width: 100%; }
  .calendar-day { min-height: 76px; padding: 5px; }
  .calendar-event { font-size: 0; min-height: 7px; padding: 0; border-radius: 999px; }
  .calendar-event span { display: none; }
  .calendar-more { font-size: 0.62rem; }
  .calendar-weekdays span { padding: 0 3px; font-size: 0.62rem; }
  .calendar-overview { grid-template-columns: 1fr 1fr; }
  .calendar-overview-next { grid-column: 1 / -1; }
  .calendar-week-pulse { align-items: flex-start; gap: 10px; padding: 9px 8px; }
  .week-pulse-label { writing-mode: vertical-rl; transform: rotate(180deg); }
  .week-pulse-days { gap: 2px; }
  .week-pulse-day { padding: 0 1px; }
}

.modal {
  position: fixed;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.72);
  padding: 24px;
  z-index: 50;
}

.modal.hidden {
  display: none;
}

.modal-panel {
  max-width: 520px;
  width: 100%;
  background: linear-gradient(135deg, rgba(8, 15, 32, 0.98), rgba(15, 23, 42, 0.98));
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 24px;
  padding: 28px;
  box-shadow: 0 24px 70px rgba(0,0,0,0.55);
  backdrop-filter: blur(18px);
}

.modal-panel h3 {
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 1.25rem;
}

.modal-panel p {
  margin: 0 0 20px;
  color: var(--muted);
}

.modal-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.danger-btn {
  background: rgba(248,113,113,0.16);
  color: #fecaca;
}

.task-detail-panel {
  width: min(1120px, 100%);
  max-height: min(820px, calc(100vh - 48px));
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 14px;
  background: #0d1726;
  box-shadow: 0 32px 100px rgba(0,0,0,0.68), inset 0 1px 0 rgba(255,255,255,0.04);
}

.task-detail-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; padding: 24px 28px 20px; border-bottom: 1px solid rgba(255,255,255,0.08); background: linear-gradient(90deg, rgba(124,145,255,0.13), rgba(45,212,191,0.035) 54%, transparent); }
.task-detail-header h3 { margin: 5px 0 0; max-width: 760px; font-size: 1.65rem; line-height: 1.13; }
.task-detail-header-meta { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 12px; }
.task-detail-header-meta span { padding: 4px 8px; border: 1px solid rgba(255,255,255,0.11); border-radius: 999px; background: rgba(255,255,255,0.05); color: var(--muted); font-size: 0.7rem; text-transform: capitalize; }
.task-detail-header-meta .status-tamamlandi { color: #bbf7d0; border-color: rgba(34,197,94,0.3); background: rgba(34,197,94,0.12); }
.task-detail-header-meta .status-devam-ediyor { color: #bae6fd; border-color: rgba(56,189,248,0.28); background: rgba(56,189,248,0.1); }
.task-detail-header-meta .priority-yüksek, .task-detail-header-meta .detail-risk { color: #fecaca; border-color: rgba(248,113,113,0.3); background: rgba(248,113,113,0.11); }
.task-detail-close { display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid rgba(255,255,255,0.1); border-radius: 9px; background: rgba(255,255,255,0.055); color: var(--text); cursor: pointer; font-size: 1.45rem; line-height: 1; }
.task-detail-close:hover { background: rgba(255,255,255,0.14); }
.task-detail-layout { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(290px, 0.5fr); max-height: calc(min(820px, 100vh - 48px) - 85px); overflow: auto; }
.task-detail-main { display: grid; gap: 14px; padding: 24px 28px 28px; }
.task-detail-section { display: grid; gap: 10px; padding: 15px; border: 1px solid rgba(255,255,255,0.07); border-radius: 10px; background: rgba(255,255,255,0.025); }
.task-detail-title-section { padding: 0; border: 0; background: transparent; }
.task-detail-title-section input { padding: 13px 14px; font-size: 1.08rem; font-weight: 700; }
.task-detail-section-title { color: var(--accent-2); font-size: 0.68rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; }
.task-detail-main textarea { min-height: 96px; resize: vertical; line-height: 1.55; }
.task-detail-main input, .task-detail-main select, .task-detail-main textarea { border-color: rgba(255,255,255,0.1); background: rgba(255,255,255,0.045); }
.task-detail-main input:focus, .task-detail-main select:focus, .task-detail-main textarea:focus { border-color: rgba(45,212,191,0.45); box-shadow: 0 0 0 3px rgba(45,212,191,0.08); outline: none; }
.task-detail-actions { position: sticky; bottom: -28px; display: flex; justify-content: flex-end; gap: 9px; margin: 0 -28px -28px; padding: 16px 28px; border-top: 1px solid rgba(255,255,255,0.08); background: rgba(13,23,38,0.96); backdrop-filter: blur(12px); }
.task-detail-actions .primary-btn, .task-detail-actions .secondary-btn { margin: 0; }
.task-detail-activity { padding: 24px; border-left: 1px solid rgba(255,255,255,0.08); background: rgba(4,10,20,0.46); }
.task-detail-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 13px 0 18px; }
.task-detail-summary div { display: grid; gap: 4px; min-height: 66px; padding: 10px; border: 1px solid rgba(255,255,255,0.075); border-radius: 8px; background: rgba(255,255,255,0.035); }
.task-detail-summary span { color: var(--muted); font-size: 0.67rem; text-transform: uppercase; letter-spacing: 0.08em; }
.task-detail-summary strong { overflow: hidden; color: var(--text); font-size: 0.78rem; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }
.task-detail-properties { display: flex; flex-wrap: wrap; gap: 7px; margin: 12px 0 24px; }
.task-detail-properties span { padding: 5px 8px; border: 1px solid rgba(255,255,255,0.1); border-radius: 5px; background: rgba(255,255,255,0.045); color: var(--muted); font-size: 0.75rem; }
.task-activity-block { padding-top: 18px; border-top: 1px solid rgba(255,255,255,0.08); }
.task-activity-block > strong { font-size: 0.86rem; }
.task-activity-list { display: grid; gap: 10px; margin-top: 14px; }
.task-activity-list p { display: grid; gap: 4px; margin: 0; padding-left: 11px; border-left: 2px solid var(--accent-2); color: var(--muted); font-size: 0.78rem; }
.task-activity-list strong { color: var(--text); font-size: 0.8rem; }

@media (max-width: 700px) {
  .task-detail-panel { max-height: calc(100vh - 20px); }
  .task-detail-header { padding: 18px; }
  .task-detail-layout { grid-template-columns: 1fr; max-height: calc(100vh - 91px); }
  .task-detail-main { padding: 18px; }
  .task-detail-actions { bottom: -18px; margin: 0 -18px -18px; padding: 14px 18px; }
  .task-detail-activity { padding: 18px; border-top: 1px solid rgba(255,255,255,0.08); border-left: 0; }
  .task-detail-actions { justify-content: stretch; }
  .task-detail-actions button { flex: 1; }
}

/* Minimal workspace refinement */
.knowledge-workspace { padding: 26px; background: rgba(10,18,31,0.82); }
.workspace-legend span { padding: 5px 7px; border-radius: 5px; background: transparent; }
.knowledge-layout { gap: 14px; }
.notes-panel, .work-bridge-panel { padding: 18px; border-radius: 10px; border-color: rgba(255,255,255,0.08); }
.notes-panel { background: rgba(255,255,255,0.018); box-shadow: none; }
.work-bridge-panel { background: rgba(255,255,255,0.025); }
.work-bridge-panel::before { width: 2px; background: var(--accent-2); }
.notes-toolbar input { border-radius: 7px; }
.notes-filter { border-radius: 6px; background: transparent; }
.note-card { padding: 12px 13px; border-left-width: 2px; border-radius: 7px; background: rgba(255,255,255,0.025); }
.note-card:hover { transform: none; background: rgba(255,255,255,0.045); }

.plans-board { gap: 14px; }
.board-column { gap: 12px; padding: 14px; border-radius: 10px; background: rgba(255,255,255,0.025); box-shadow: none; backdrop-filter: none; }
.board-column-count { padding: 4px 7px; border-radius: 5px; }
.board-column-list { gap: 9px; }
.board-card { padding: 14px; border-left-width: 3px; border-radius: 8px; background: rgba(18,29,48,0.82); box-shadow: none; transition: border-color 0.18s ease, background 0.18s ease, opacity 0.2s ease; }
.board-card:hover { transform: none; border-color: rgba(255,255,255,0.2); background: rgba(28,42,65,0.92); }
.board-checklist { margin-top: 12px; padding: 10px; border-radius: 7px; background: rgba(255,255,255,0.018); }
.plan-chip { padding: 4px 7px; border-radius: 5px; }
.board-card-inline { padding: 4px 6px; border-radius: 5px; }
.jira-properties span, .card-resources span, .card-resources a { border-radius: 4px; }

/* ===================================================================
   Notion-style light theme
   Notion uses a plain white canvas, near-black warm-gray text,
   hairline borders, tiny radii, no glow/blur, and soft pastel pills.
   =================================================================== */
:root {
  color-scheme: light;
  --bg: #ffffff;
  --panel: #ffffff;
  --panel-2: rgba(55, 53, 47, 0.06);
  --text: #37352f;
  --muted: #787774;
  --accent: #3b6ce0;
  --accent-2: #0f9d8e;
  --danger: #e03e3e;
  --line: rgba(55, 53, 47, 0.12);
  --line-soft: rgba(55, 53, 47, 0.08);
  --surface-tint: rgba(55, 53, 47, 0.035);
}

body.theme-energetic { --accent: #d9730d; --accent-2: #e03e3e; }
body.theme-focus { --accent: #6940a5; --accent-2: #0f9d8e; }

body {
  background: #ffffff;
  color: var(--text);
}

body::before { display: none; }

.hero {
  background: #ffffff;
  border: 1px solid var(--line);
  box-shadow: none;
  border-radius: 12px;
}
.hero::after { display: none; }
.hero h1 { color: #1f1e1c; }
.hero-copy { color: var(--muted); }
.eyebrow { color: var(--accent-2); }

.google-status {
  background: var(--panel-2);
  border-color: var(--line);
  color: var(--text);
}
.google-status.connected { background: rgba(15,157,142,0.1); color: #0f6a5f; border-color: rgba(15,157,142,0.28); }

.reset-btn { color: #ffffff; }
.primary-btn { background: var(--accent); color: #ffffff; box-shadow: none; }
.primary-btn:hover, .secondary-btn:hover, .ghost-btn:hover { transform: none; }
.secondary-btn { background: #ffffff; border: 1px solid var(--line); color: var(--text); }
.secondary-btn:hover { background: var(--panel-2); }
.ghost-btn { color: var(--muted); }
.ghost-btn:hover { background: var(--panel-2); color: var(--text); }
.text-btn { color: var(--accent); }
.danger-btn { background: rgba(224,62,62,0.1); color: #c4362f; }

.panel {
  background: #ffffff;
  border: 1px solid var(--line);
  box-shadow: none;
  border-radius: 10px;
  backdrop-filter: none;
}
.panel:hover { transform: none; border-color: var(--line); }

input, select, textarea {
  border: 1px solid var(--line);
  background: #ffffff;
  color: var(--text);
}
input::placeholder, textarea::placeholder { color: #9b9a97; }
select { color-scheme: light; background-color: #ffffff; }
select option { background: #ffffff; color: var(--text); }
select option:checked { background: #eef2fb; color: var(--text); }

.status { background: var(--panel-2); border: 1px solid var(--line); color: var(--text); }
.status.success { background: #ddedea; color: #2f6b52; }
.status.error { background: #fbe4e4; color: #c4362f; }
.status.info { background: #e7f3f8; color: #0b6e99; }

.category-option { background: #ffffff; border: 1px solid var(--line); color: var(--text); }
.category-option:hover { background: var(--panel-2); border-color: var(--line); }
.category-option.selected { background: #f7f9ff; }
.category-pill { background: var(--panel-2); border: 1px solid var(--line); color: var(--muted); }
.category-pill.active { color: var(--text); }

.board-summary-card, .insight-panel, .number-card { background: #ffffff; border: 1px solid var(--line); box-shadow: none; }
.insight-panel-primary { background: #f4f6fb; border-color: var(--line); }
.insight-progress { background: var(--panel-2); }
.insight-meta { color: var(--muted); }
.number-card-primary { background: #f4f6fb; border-color: var(--line); }
.metric-delta.positive { background: #ddedea; color: #2f6b52; }
.metric-delta.neutral { background: var(--panel-2); color: var(--muted); }
.metric-delta.warning { background: #fbe4e4; color: #c4362f; }

.board-filter { background: #ffffff; border: 1px solid var(--line); color: var(--muted); }
.board-filter.active { background: #eef2fb; color: var(--accent); border-color: rgba(59,108,224,0.35); }

/* Calendar */
.calendar-workspace { background: #ffffff; border-color: var(--line); box-shadow: none; }
.calendar-title-row { background: #fbfbfa; border-color: var(--line); }
.calendar-navigation { background: #f1f1ef; border-color: var(--line); }
.calendar-navigation .ghost-btn { background: #ffffff; border: 1px solid var(--line); }
.calendar-nav-btn { background: #ffffff; border: 1px solid var(--line); color: var(--text); }
.calendar-surface { background: #ffffff; }
.calendar-overview { border-color: var(--line); background: var(--line); }
.calendar-overview-item { background: #ffffff; }
.calendar-overview-item span { color: #9b9a97; }
.calendar-overview-item strong { color: var(--text); }
.calendar-overview-focus { background: #eafaf6; }
.calendar-overview-next strong { color: var(--text); }
.calendar-week-pulse { background: #ffffff; border-color: var(--line); }
.week-pulse-label { color: #9b9a97; }
.week-pulse-day { color: var(--muted); }
.week-pulse-day b { color: var(--text); }
.week-pulse-day i { background: #e7e6e3; }
.calendar-weekdays span { color: #9b9a97; }
.calendar-grid { border-color: var(--line); }
.calendar-day { border-color: var(--line-soft); }
.calendar-day:hover { background: var(--panel-2); border-color: var(--line-soft); }
.calendar-day.is-selected { background: #eafaf6; }
.calendar-day-number { color: var(--text); }
.calendar-event { color: var(--text); }
.calendar-agenda { background: #fbfbfa; border-color: var(--line); }
.agenda-header { border-color: var(--line); }
.agenda-date-mark { background: #eafaf6; border-color: rgba(15,157,142,0.3); }
.agenda-count { background: var(--panel-2); color: var(--muted); }
.agenda-item:hover { background: var(--panel-2); }
.agenda-content small { color: var(--muted); }
.agenda-quick-add { background: #eafaf6; border-color: rgba(15,157,142,0.35); color: #0f6a5f; }
.agenda-quick-add:hover { background: #d7f3ec; }

/* Notes workspace */
.knowledge-workspace { background: #ffffff; }
.workspace-legend span { border-color: var(--line); color: var(--muted); }
.notes-panel, .work-bridge-panel { background: #ffffff; border-color: var(--line); }
.work-bridge-panel { background: #fbfbfa; }
.notes-panel-header { border-color: var(--line); }
.note-form input, .note-form textarea { background: #ffffff; border-color: var(--line); }
.notes-toolbar { border-color: var(--line); }
.notes-filter { background: #ffffff; border-color: var(--line); color: var(--muted); }
.notes-filter:hover { background: var(--panel-2); color: var(--text); }
.notes-filter.active { background: #eafaf6; color: #0f6a5f; border-color: rgba(15,157,142,0.35); }
.note-card { background: #ffffff; border-color: var(--line-soft); }
.note-card:hover { background: #fbfbfa; }
.note-type { background: var(--panel-2); border-color: var(--line); color: var(--muted); }
.note-type-decision { background: #ddedea; color: #2f6b52; border-color: rgba(15,157,142,0.25); }
.note-type-meeting { background: #eae4f8; color: #6944ab; border-color: rgba(105,64,165,0.24); }
.note-type-reference { background: #fbf3db; color: #9f6b16; border-color: rgba(159,107,22,0.22); }
.note-delete { color: #c4362f; }

/* Trello-style board */
.board-column { background: #fbfbfa; border-color: var(--line); }
.board-column-header { border-color: var(--line); }
.board-column-header p { color: var(--muted); }
.board-column-count { background: var(--panel-2); color: var(--text); }
.board-column-list.drag-over, .board-column.drag-over { background: #eef2fb; border-color: rgba(59,108,224,0.3); }
.board-card { background: #ffffff; border-color: var(--line); }
.board-card:hover { background: #fbfbfa; border-color: var(--line); }
.board-card-inline { background: var(--panel-2); color: var(--muted); }
.plan-note { color: var(--muted); }
.plan-title { color: var(--text); }
.plan-meta { color: var(--muted); }
.board-card-hint { color: #9b9a97; }
.plan-card-status { background: var(--panel-2); color: var(--text); border-color: var(--line); }
.plan-card-status.beklemede { background: #fbf3db; color: #9f6b16; border-color: rgba(159,107,22,0.22); }
.plan-card-status.devam-ediyor { background: #e7f3f8; color: #0b6e99; border-color: rgba(11,110,153,0.22); }
.plan-card-status.tamamlandi { background: #ddedea; color: #2f6b52; border-color: rgba(15,157,142,0.24); }
.plan-chip { background: var(--panel-2); color: var(--muted); }
.plan-chip.priority.yüksek { background: #fbe4e4; color: #c4362f; }
.plan-chip.priority.orta { background: #fbf3db; color: #9f6b16; }
.plan-chip.priority.düşük { background: #ddedea; color: #2f6b52; }
.plan-chip.escalation { background: #fbe4e4; color: #c4362f; }
.plan-chip.signal.signal-today { color: #9f6b16; background: #fbf3db; }
.plan-chip.signal.signal-soon { color: #0b6e99; background: #e7f3f8; }
.plan-chip.signal.signal-overdue { color: #c4362f; background: #fbe4e4; }
.plan-chip.signal.signal-done { color: #2f6b52; background: #ddedea; }
.plan-chip.signal.signal-future { color: #6944ab; background: #eae4f8; }
.plan-chip.signal.signal-neutral { color: var(--muted); background: var(--panel-2); }
.plan-chip.synced.synced { color: #2f6b52; background: #ddedea; }
.board-checklist { background: var(--panel-2); border-color: var(--line); }
.board-checklist-progress { background: var(--line); }
.checklist-item { color: var(--text); }
.checklist-item > span { border-color: rgba(55,53,47,0.3); }
.checklist-item.is-done { color: var(--muted); }
.checklist-add-form input { background: #ffffff; border: 1px solid var(--line); color: var(--text); }
.jira-properties span, .card-resources span, .card-resources a { background: var(--panel-2); border-color: var(--line); color: var(--muted); }
.card-resources a { color: var(--accent); border-color: rgba(59,108,224,0.24); }
.jira-issue-type { color: #6944ab !important; border-color: rgba(105,64,165,0.24) !important; background: #eae4f8 !important; }
.jira-bug { color: #c4362f !important; border-color: rgba(196,54,47,0.22) !important; background: #fbe4e4 !important; }
.jira-epic { color: #9f6b16 !important; border-color: rgba(159,107,22,0.22) !important; background: #fbf3db !important; }
.jira-label { color: #0b6e99 !important; border-color: rgba(11,110,153,0.22) !important; background: #e7f3f8 !important; }

/* Experience / CTA / footer / innovation */
.experience-section, .cta-band, .innovation-section, .site-footer { background: #ffffff; border: 1px solid var(--line); box-shadow: none; }
.experience-step { background: #fbfbfa; border-color: var(--line); }
.experience-step.active { background: #eafaf6; border-color: rgba(15,157,142,0.24); }
.experience-step p, .cta-content p, .innovation-copy p { color: var(--muted); }
.step-index { background: #eef2fb; border-color: rgba(59,108,224,0.2); color: var(--accent); }
.cta-band { background: #f4f6fb; }
.innovation-metrics div { background: #fbfbfa; border-color: var(--line); }
.innovation-metrics span { color: var(--muted); }
.footer-mark { background: #eef2fb; border-color: rgba(59,108,224,0.2); color: var(--text); }
.footer-brand span, .footer-links a, .footer-meta { color: var(--muted); }
.footer-links a:hover { color: var(--text); }

/* Login card */
.login-card { background: #ffffff; border-color: var(--line); box-shadow: none; }
.login-badge { background: #ddedea; border-color: rgba(15,157,142,0.24); color: #0f6a5f; }
.checkbox-row { color: var(--muted); }
.login-2fa-panel { background: #fbfbfa; border-color: var(--line); }
.otp-header span { color: var(--muted); }
.login-status { background: var(--panel-2); color: var(--text); }
.login-status.info { background: #e7f3f8; color: #0b6e99; }
.login-status.success { background: #ddedea; color: #2f6b52; }
.login-status.error { background: #fbe4e4; color: #c4362f; }

/* Modals */
.modal { background: rgba(55,53,47,0.35); }
.modal-panel, .task-detail-panel { background: #ffffff; border-color: var(--line); box-shadow: 0 20px 45px rgba(15,15,15,0.14); backdrop-filter: none; }
.modal-panel p { color: var(--muted); }
.onboarding-option { background: #ffffff; border-color: var(--line); color: var(--text); }
.onboarding-option.selected { background: #eef2fb; border-color: rgba(59,108,224,0.35); }
.setting-preview { border-color: var(--line); }

.task-detail-header { background: #fbfbfa; border-color: var(--line); }
.task-detail-close { background: #ffffff; border-color: var(--line); color: var(--text); }
.task-detail-close:hover { background: var(--panel-2); }
.task-detail-header-meta span { background: var(--panel-2); border-color: var(--line); color: var(--muted); }
.task-detail-header-meta .status-tamamlandi { background: #ddedea; color: #2f6b52; border-color: rgba(15,157,142,0.24); }
.task-detail-header-meta .status-devam-ediyor { background: #e7f3f8; color: #0b6e99; border-color: rgba(11,110,153,0.22); }
.task-detail-header-meta .priority-yüksek, .task-detail-header-meta .detail-risk { background: #fbe4e4; color: #c4362f; border-color: rgba(196,54,47,0.22); }
.task-detail-section { background: #fbfbfa; border-color: var(--line); }
.task-detail-main input, .task-detail-main select, .task-detail-main textarea { background: #ffffff; border-color: var(--line); }
.task-detail-actions { background: rgba(255,255,255,0.96); border-color: var(--line); }
.task-detail-activity { background: #fbfbfa; border-color: var(--line); }
.task-detail-summary div { background: #ffffff; border-color: var(--line); }
.task-detail-summary span { color: #9b9a97; }
.task-detail-properties span { background: var(--panel-2); border-color: var(--line); color: var(--muted); }
.task-activity-block { border-color: var(--line); }
.task-activity-list p { border-left-color: var(--accent-2); color: var(--muted); }
.task-activity-list strong { color: var(--text); }


/* ================================================================
   Taqvim dashboard — reference image inspired desktop composition
   ================================================================ */
body {
  background: #f7f6f3;
  color: #151515;
  font-size: 13px;
}
.app-shell {
  max-width: none;
  min-height: 100vh;
  margin: 0;
  padding: 32px 32px 52px 250px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  gap: 18px;
  align-items: start;
}
.app-shell::before {
  content: "taqvim\A\A⌂  Dashboard\A▣  Takvim\A☑  Görevler\A▤  Projeler\A▱  Notlar\A▦  Programlar\A▥  Raporlar\A────────────\A☆  Favoriler\A\A●  Web Sitesi Yenileme\A●  Mobil Uygulama\A●  İçerik Takvimi\A\A\A\A\A\A\A\A\A◉  Ahmet Can\A     Pro Plan";
  white-space: pre;
  position: fixed;
  inset: 0 auto 0 0;
  width: 218px;
  padding: 42px 24px;
  color: #f7f7f7;
  background: linear-gradient(160deg, #0b0b0a, #121211);
  font: 500 13px/3.65 Inter, "Segoe UI", sans-serif;
  letter-spacing: -.01em;
  z-index: 20;
  box-shadow: inset -1px 0 rgba(255,255,255,.04);
}
.app-shell::after {
  content: "";
  position: fixed;
  left: 20px;
  top: 119px;
  width: 178px;
  height: 44px;
  border-radius: 10px;
  background: linear-gradient(90deg, rgba(209,173,86,.34), rgba(209,173,86,.22));
  z-index: 21;
  pointer-events: none;
}
.hero {
  grid-column: 1 / -1;
  min-height: 70px;
  margin: 0 0 4px;
  padding: 0 0 16px 4px;
  border: 0;
  border-radius: 0;
  background: transparent;
  align-items: flex-start;
}
.hero .eyebrow { display: none; }
.hero h1 {
  margin: 0 0 6px;
  color: #111;
  font-size: 27px;
  font-weight: 750;
  letter-spacing: -.035em;
}
.hero h1::before { content: "Merhaba, Ahmet 👋"; font-size: 0; }
.hero h1 { font-size: 0; }
.hero h1::before { font-size: 27px; }
.hero-copy {
  margin: 0;
  color: #77736e;
  font-size: 12px;
}
.hero-copy { font-size: 0; }
.hero-copy::after { content: "Bugün 20 Ağustos 2026, Perşembe"; font-size: 12px; }
.hero-actions {
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.hero-actions button { display: none; }
.hero-actions::before,
.hero-actions::after {
  display: grid;
  place-items: center;
  width: 46px;
  height: 42px;
  border: 1px solid #e7e4df;
  border-radius: 11px;
  background: #fff;
  font-size: 18px;
}
.hero-actions::before { content: "⌕"; }
.hero-actions::after {
  content: "+  Yeni";
  width: 86px;
  color: #fff;
  background: #111;
  font-size: 12px;
}
.google-status { display: none; }
.panel {
  margin: 0;
  padding: 18px;
  border: 1px solid #e7e4df;
  border-radius: 12px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 2px 14px rgba(40,34,22,.025);
}
.app-shell > .panel:nth-of-type(1) {
  position: fixed;
  z-index: 40;
  inset: 98px 28px auto auto;
  width: min(720px, calc(100vw - 290px));
  max-height: calc(100vh - 130px);
  overflow: auto;
  display: none;
  box-shadow: 0 24px 80px rgba(0,0,0,.18);
}
.calendar-workspace {
  grid-column: 1;
  min-height: 430px;
  padding: 18px 18px 12px;
}
.calendar-title-row {
  margin: 0 0 14px;
  padding: 0;
  border: 0;
  background: transparent;
}
.calendar-title-row .eyebrow,
.calendar-title-row .plan-count { display: none; }
.calendar-title-row h2 { font-size: 15px; }
.calendar-navigation { padding: 3px; background: #faf9f7; }
.calendar-layout {
  grid-template-columns: 1fr;
  gap: 0;
}
.calendar-surface { padding: 0; border: 0; }
.calendar-month-label {
  margin: -43px 0 20px 125px;
  font-size: 13px;
  font-weight: 600;
}
.calendar-overview,
.calendar-week-pulse { display: none; }
.calendar-weekdays {
  padding-left: 45px;
  border-bottom: 1px solid #eeeae5;
}
.calendar-weekdays span {
  padding: 8px 4px 10px;
  text-align: center;
  color: #817d77;
  font-size: 10px;
  font-weight: 700;
}
.calendar-grid {
  margin-left: 45px;
  border-color: #eeeae5;
}
.calendar-day {
  min-height: 70px;
  padding: 7px;
  border-color: #eeeae5;
  background: #fff;
}
.calendar-day-number { font-size: 11px; }
.calendar-event {
  padding: 4px 5px;
  border: 0;
  border-radius: 5px;
  font-size: 9px;
}
.calendar-agenda {
  grid-column: 2;
  position: absolute;
  top: 119px;
  right: 32px;
  width: 330px;
  min-height: 286px;
  padding: 19px;
  background: #fff;
}
.agenda-header { padding-bottom: 14px; }
.agenda-date-mark { width: 42px; height: 48px; }
.agenda-rhythm { display: none; }
.agenda-quick-add {
  padding: 8px;
  border-radius: 7px;
  font-size: 11px;
}
.calendar-agenda-list {
  max-height: 162px;
  overflow: hidden;
}
.agenda-item { padding: 8px 0 8px 8px; }
.knowledge-workspace {
  grid-column: 2;
  grid-row: 3;
  min-height: 212px;
  padding: 18px;
}
.knowledge-title-row { margin-bottom: 10px; }
.knowledge-title-row .eyebrow,
.knowledge-title-row .plan-count,
.workspace-legend,
.work-bridge-panel,
.note-form,
.notes-toolbar { display: none; }
.knowledge-title-row h2 { font-size: 15px; }
.knowledge-title-row h2 { font-size: 0; }
.knowledge-title-row h2::after { content: "Notlar"; font-size: 15px; }
.knowledge-layout { grid-template-columns: 1fr; }
.notes-panel { padding: 0; border: 0; }
.notes-panel-header { padding: 0 0 10px; }
.notes-list { max-height: 130px; margin-top: 8px; }
.note-card { padding: 9px 10px; }
.note-card p { display: none; }
.app-shell > .panel:nth-of-type(4) {
  grid-column: 1;
  grid-row: 3 / span 2;
  min-height: 390px;
}
.app-shell > .panel:nth-of-type(4) .section-title-row {
  margin-bottom: 12px;
}
.app-shell > .panel:nth-of-type(4) .section-title-row .eyebrow { display: none; }
.app-shell > .panel:nth-of-type(4) h2 { margin: 0; font-size: 15px; }
.board-summary,
.board-insights,
.board-filters,
.board-hint { display: none; }
.plans-board {
  grid-template-columns: repeat(4, minmax(145px, 1fr));
  gap: 8px;
}
.board-column {
  min-width: 0;
  padding: 9px;
  border-radius: 9px;
  background: #faf9f7;
}
.board-column-header { padding-bottom: 8px; }
.board-column-list { gap: 7px; }
.board-card {
  padding: 10px;
  border: 0;
  border-radius: 7px;
  box-shadow: 0 1px 3px rgba(30,25,15,.06);
}
.board-card .plan-note,
.board-checklist,
.jira-properties,
.card-resources,
.board-card-hint { display: none; }
.plan-title { font-size: 11px; }
.plan-meta { font-size: 9px; }
.plan-chip { padding: 3px 5px; font-size: 8px; }
.numbers-lab,
.innovation-section,
.experience-section,
.cta-band,
.site-footer { display: none; }
@media (min-width: 1200px) {
  .app-shell { grid-template-columns: minmax(650px, 1fr) 330px; }
}
@media (max-width: 1050px) {
  .app-shell { padding-left: 228px; grid-template-columns: 1fr; }
  .calendar-workspace,
  .knowledge-workspace,
  .app-shell > .panel:nth-of-type(4) { grid-column: 1; grid-row: auto; }
  .calendar-agenda { position: static; width: auto; margin-top: 14px; }
  .knowledge-workspace { min-height: 0; }
}
@media (max-width: 760px) {
  .app-shell { padding: 20px; }
  .app-shell::before,
  .app-shell::after { display: none; }
  .plans-board { grid-template-columns: 1fr; }
}


/* === Pixel-faithful Taqvim dashboard === */
body{margin:0;background:#fbfaf8!important;color:#171717!important;font:13px/1.35 Inter,"Segoe UI",Arial,sans-serif!important;overflow-x:hidden}
body>.app-shell{display:none!important}
.tq-dashboard,.tq-dashboard *{box-sizing:border-box}
.tq-dashboard{min-height:100vh;background:#fbfaf8;color:#151515}
.tq-sidebar{position:fixed;inset:0 auto 0 0;width:218px;padding:38px 20px 0;background:linear-gradient(160deg,#0a0a09,#121211);color:#f4f4f2;z-index:20;display:flex;flex-direction:column}
.tq-logo{padding:0 15px 39px;color:#e7c66c;font-size:29px;font-weight:900;letter-spacing:-2px}
.tq-nav{display:grid;gap:3px}
.tq-nav a{display:flex;align-items:center;gap:13px;height:45px;padding:0 14px;border-radius:9px;color:#f5f5f3;text-decoration:none;font-size:13px}
.tq-nav a.active{background:linear-gradient(90deg,rgba(199,164,79,.37),rgba(199,164,79,.25))}
.tq-nav a:first-child{position:relative;z-index:2}
.tq-nav a span{font-weight:500}
.tq-favorites{margin-top:25px;padding:26px 13px;border-top:1px solid #30302e}
.tq-favorites h4{margin:0 0 18px;font-size:13px;font-weight:600}
.tq-favorites p{display:flex;align-items:center;gap:11px;margin:0 0 17px;font-size:12px}
.tq-favorites i{width:8px;height:8px;border-radius:50%;background:#e8bd55}.tq-favorites i.purple{background:#9e75d2}.tq-favorites i.green{background:#6fb8a9}
.tq-user{margin:auto -20px 0;padding:27px 28px;border-top:1px solid #2d2d2b;display:flex;align-items:center;gap:12px}
.tq-user>b{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#dfbb61;color:#fff}
.tq-user span{display:grid}.tq-user strong{font-size:12px}.tq-user small{font-size:10px;color:#d7d7d3}.tq-user em{margin-left:auto;font-style:normal}
.tq-main{margin-left:218px;padding:33px 34px 45px;min-width:950px}
.tq-top{height:67px;display:flex;justify-content:space-between;align-items:flex-start;padding:0 4px}
.tq-top h1{margin:0 0 5px;font-size:28px;line-height:1.1;letter-spacing:-1px}
.tq-top p{margin:0;color:#76736e;font-size:12px}
.tq-actions{display:flex;gap:11px}.tq-actions button{position:relative;width:48px;height:43px;border:1px solid #e8e5e0;border-radius:11px;background:#fff;font-size:21px}.tq-actions sup{position:absolute;top:3px;right:7px;padding:1px 4px;border-radius:50%;background:#111;color:#fff;font-size:8px}.tq-actions .new{width:87px;background:#121212;color:#fff;font-size:12px}
.tq-grid{display:grid;grid-template-columns:minmax(650px,1fr) 394px;grid-template-rows:429px 414px;gap:18px}
.tq-card,.tq-sidecard{border:1px solid #e7e4df;border-radius:12px;background:#fff;box-shadow:0 2px 15px rgba(0,0,0,.02)}
.tq-calendar{padding:16px 16px 12px;overflow:hidden}
.tq-cardhead{height:48px;display:grid;grid-template-columns:90px 1fr auto;align-items:start}
.tq-cardhead h2,.tq-boardhead h2,.tq-sidecard h2{margin:7px 0 0;font-size:15px}
.tq-date-nav{display:flex;align-items:center;gap:0}.tq-date-nav button{width:34px;height:32px;border:1px solid #eeeae5;background:#fff}.tq-date-nav button:first-child{border-radius:8px 0 0 8px}.tq-date-nav button:nth-child(2){border-left:0;border-radius:0 8px 8px 0}.tq-date-nav strong{margin-left:16px;font-size:12px;font-weight:500}
.tq-tabs{display:flex;padding:2px;border:1px solid #eeeae5;border-radius:9px}.tq-tabs span{padding:7px 17px;font-size:10px}.tq-tabs .on{border-radius:7px;background:#fff8ec;color:#a66e10;font-weight:700}
.tq-week{height:52px;display:grid;grid-template-columns:55px repeat(7,1fr);align-items:center;border-bottom:1px solid #eeeae5}.tq-week b{display:grid;place-items:center;gap:2px;font-size:11px}.tq-week small{color:#7a7772;font-size:8px;font-weight:500}.tq-week .today{justify-self:center;width:31px;height:31px;border-radius:50%;background:#141414;color:#fff}.tq-week .today small{color:#fff;font-size:7px}
.tq-schedule{height:300px;display:grid;grid-template-columns:55px 1fr}.times{padding-top:1px;display:grid;grid-template-rows:repeat(9,1fr)}.times span{padding-top:5px;color:#85827d;font-size:9px}
.daycols{position:relative;display:grid;grid-template-columns:repeat(7,1fr);background:repeating-linear-gradient(to bottom,#fff 0,#fff 32px,#eeeae5 33px)}.daycols>i{border-left:1px solid #eeeae5}
.event{position:absolute;width:14.2%;padding:8px 9px;border-radius:7px;display:grid;gap:3px;font-size:9px}.event time{font-size:9px}.event b{font-size:9px}.event small{font-size:8px}.e1{left:14.6%;top:39px;background:#fff5e1;color:#a36208}.e2{left:29%;top:76px;background:#eee9fa;color:#5d48a2}.e3{left:43.2%;top:3px;background:#fff0dc;color:#9a641c}.e4{left:43.2%;top:145px;background:#e5f3ee;color:#316d5c}.e5{left:57.7%;top:194px;background:#eee2f5;color:#604074}.e6{left:14.2%;top:213px;background:#fff2e2;color:#a3651f}.now{position:absolute;left:43%;right:0;top:125px;height:1px;background:#ff8179}.now:before{content:"";position:absolute;left:-2px;top:-2px;width:5px;height:5px;border-radius:50%;background:#ff7168}
.tq-right{grid-column:2;grid-row:1/span 2;display:grid;grid-template-rows:290px 229px 264px;gap:16px}
.tq-sidecard{padding:19px 20px}.tq-sidecard h2{margin:3px 0 17px}.tq-sidecard>a{display:block;margin-top:18px;text-align:center;color:#625f5a;font-size:11px}
.tasklist{list-style:none;margin:0;padding:0;display:grid;gap:19px}.tasklist li{display:grid;grid-template-columns:19px 1fr auto 48px;align-items:center;gap:8px}.tasklist li>i{width:16px;height:16px;border:1px solid #aaa7a2;border-radius:50%}.tasklist li:first-child>i{border-color:#ff684e}.tasklist li span{font-size:11px;white-space:nowrap}.tasklist em,.tq-col article span{padding:4px 7px;border-radius:5px;background:#f1e7f4;color:#70537a;font-size:8px;font-style:normal}.tasklist em.blue,.tq-col article span.blue{background:#e8eafa;color:#5b60a3}.tasklist em.green,.tq-col article span.green{background:#e6f2ed;color:#4b7d69}.tasklist time{font-size:10px;text-align:right}.tasklist time.red{color:#e64b3b}
.tq-sidecard h2 button{float:right;border:0;background:none}.notes p,.programs p{display:grid;grid-template-columns:20px 1fr auto;align-items:center;margin:0 0 18px;font-size:11px}.notes p{color:#f4ae1b}.notes p span,.programs p span{color:#171717}.notes time,.programs time{color:#85827d;font-size:9px}
.tq-board{padding:14px 14px 13px}.tq-boardhead{height:47px;display:flex;align-items:flex-start;justify-content:space-between}.tq-boardhead div{display:flex;gap:8px}.tq-boardhead button{height:32px;padding:0 14px;border:1px solid #e7e4df;border-radius:8px;background:#fff;font-size:10px}
.tq-columns{height:337px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tq-col{padding:9px 8px;border-radius:9px;background:#faf9f7;overflow:hidden}.tq-col.progress{background:#faf8fd}.tq-col.review{background:#fffaf4}.tq-col.done{background:#f5fbf7}.tq-col h3{margin:0 3px 9px;font-size:10px}.tq-col.progress h3{color:#6553bd}.tq-col.review h3{color:#a86b0b}.tq-col.done h3{color:#287449}.tq-col h3 small{float:right;color:#aaa;font-weight:400}.tq-col article{position:relative;min-height:58px;margin-bottom:6px;padding:9px 8px;border-radius:7px;background:#fff;box-shadow:0 1px 4px rgba(30,25,18,.04)}.tq-col article b{display:block;margin-bottom:9px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tq-col article span{background:#f5efdf;color:#7f6a39}.tq-col article span.red{background:#fdeae4;color:#d7563d}.tq-col article time{float:right;color:#77736f;font-size:8px}.tq-col>button{border:0;background:transparent;color:#77736f;font-size:10px}
@media(max-width:1200px){.tq-main{padding:25px 22px}.tq-grid{grid-template-columns:minmax(620px,1fr) 330px}.tq-sidecard{padding:15px}.tasklist li{grid-template-columns:18px 1fr 44px}.tasklist em{display:none}}


/* Taqvim interactive states */
.tq-dashboard button,.tq-dashboard a,.tq-dashboard .event,.tq-dashboard .tq-col article,.tq-dashboard .tasklist i{cursor:pointer}
.tq-dashboard button{transition:transform .16s ease,background .16s ease,box-shadow .16s ease}
.tq-dashboard button:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(30,25,18,.08)}
.tq-dashboard .event:hover,.tq-dashboard .tq-col article:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(30,25,18,.1)}
.tq-dashboard .event,.tq-dashboard .tq-col article{transition:transform .16s ease,box-shadow .16s ease}
.tq-col article.is-complete{opacity:.55}.tq-col article.is-complete b{text-decoration:line-through}
.tasklist li.checked{opacity:.55}.tasklist li.checked span{text-decoration:line-through}.tasklist li.checked>i{background:#4f9978;border-color:#4f9978;box-shadow:inset 0 0 0 4px #fff}
.tq-boardhead button.selected{background:#151515;color:#fff}.tq-columns.show-active-only .tq-col.todo,.tq-columns.show-active-only .tq-col.done{display:none}.tq-columns.show-active-only{grid-template-columns:repeat(2,1fr)}
.tq-modal-overlay{position:fixed;inset:0;z-index:1000;display:none;place-items:center;padding:24px;background:rgba(20,18,15,.32);backdrop-filter:blur(4px)}
.tq-modal-overlay.open{display:grid}
.tq-modal{position:relative;width:min(520px,100%);max-height:calc(100vh - 48px);overflow:auto;padding:28px;border:1px solid #e2ded7;border-radius:18px;background:#fff;color:#171717;box-shadow:0 30px 90px rgba(25,20,12,.2);animation:tqModalIn .18s ease-out}
@keyframes tqModalIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.tq-modal-close{position:absolute;top:16px;right:16px;width:34px;height:34px;border:1px solid #e7e4df;border-radius:9px;background:#fff;color:#777;font-size:21px}
.tq-modal-kicker{display:block;margin-bottom:7px;color:#9b7727;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.tq-modal h2{margin:0 42px 22px 0;font-size:23px;letter-spacing:-.4px}
.tq-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}
.tq-detail-grid p{margin:0;padding:13px 14px;border:1px solid #ede9e3;border-radius:10px;background:#fbfaf8}
.tq-detail-grid small,.tq-detail-grid b{display:block}.tq-detail-grid small{margin-bottom:5px;color:#8c8882;font-size:9px}.tq-detail-grid b{font-size:12px}
.tq-form{display:grid;gap:14px}.tq-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tq-field{display:grid;gap:7px}.tq-field>span{color:#69655f;font-size:11px;font-weight:600}
.tq-field input,.tq-field textarea,.tq-field select{width:100%;padding:11px 12px;border:1px solid #dfdbd4;border-radius:9px;background:#fff;color:#171717;font:12px Inter,"Segoe UI",sans-serif;outline:none}
.tq-field textarea{min-height:95px;resize:vertical}.tq-field input:focus,.tq-field textarea:focus,.tq-field select:focus{border-color:#c49b3e;box-shadow:0 0 0 3px rgba(196,155,62,.11)}
.tq-modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:21px}.tq-modal-actions button{min-width:105px;padding:10px 15px;border-radius:9px;font:600 11px Inter,"Segoe UI",sans-serif}
.tq-light-action{border:1px solid #dedad3;background:#fff;color:#4b4843}.tq-primary-action{border:1px solid #151515;background:#151515;color:#fff}
@media(max-width:600px){.tq-detail-grid,.tq-form-row{grid-template-columns:1fr}.tq-modal{padding:22px}.tq-modal-actions button{flex:1}}


/* Full calendar page */
.tq-calendar-page{display:none;min-height:100vh;background:#fbfaf8;color:#151515}
.tq-calendar-page.is-active{display:block}.tq-calendar-page .tq-sidebar{display:flex}.tq-dashboard.is-hidden{display:none}
.cal-main{margin-left:218px;padding:28px 28px 34px;min-width:1050px}
.cal-top{height:69px;display:flex;align-items:flex-start;justify-content:space-between}.cal-top h1{margin:4px 0;font-size:25px}.cal-top>div{display:flex;gap:10px}.cal-top button{height:43px;border:1px solid #e5e1db;border-radius:10px;background:#fff;padding:0 15px}.cal-top button sup{background:#111;color:#fff;border-radius:50%;padding:2px 5px}.cal-top .cal-search{width:210px;text-align:left;color:#777}.cal-top .cal-new{background:#eabe61;border-color:#eabe61}
.cal-layout{display:grid;grid-template-columns:minmax(760px,1fr) 305px;gap:18px}.cal-week-card,.mini-month,.cal-upcoming,.focus-card{border:1px solid #e5e1db;border-radius:12px;background:#fff}.cal-week-card{height:896px;overflow:hidden}
.cal-toolbar{height:67px;padding:16px;display:flex;align-items:flex-start;gap:10px}.cal-toolbar button{height:33px;min-width:40px;border:1px solid #ebe7e1;border-radius:8px;background:#fff}.cal-toolbar strong{padding:9px 9px;font-size:12px}.cal-toolbar>div{margin-left:auto;display:flex;border:1px solid #ebe7e1;border-radius:8px;padding:2px}.cal-toolbar span{padding:7px 14px;font-size:10px}.cal-toolbar span.on{background:#fff7e9;color:#8d681a;border-radius:6px}
.cal-days{height:64px;display:grid;grid-template-columns:70px repeat(7,1fr);align-items:center;border-bottom:1px solid #eeeae5}.cal-days b{display:grid;text-align:center;font-size:8px}.cal-days small{margin-top:5px;font-size:10px}.cal-days .today{justify-self:center;width:41px;height:41px;place-content:center;border-radius:50%;background:#111;color:#fff}.cal-days .today small{font-size:7px}
.all-day{height:58px;display:grid;grid-template-columns:70px 1.7fr 2.5fr 1.7fr;gap:8px;padding:0 14px 0 0;border-bottom:1px solid #eeeae5}.all-day>span{display:grid;place-items:center;color:#777;font-size:9px}.all-day article{margin:6px 0;padding:7px 12px;border-radius:7px;font-size:9px}.all-day article small{display:block;margin-top:4px}.all-day .mint{background:#e7f4ef}.all-day .violet{background:#eee9f8}.all-day .sand{background:#fff2df}
.cal-timegrid{height:706px;display:grid;grid-template-columns:70px 1fr}.cal-hours{padding-top:1px;display:grid;grid-template-rows:repeat(12,1fr)}.cal-hours span{padding:24px 0 0 24px;color:#777;font-size:9px}.cal-columns{position:relative;display:grid;grid-template-columns:repeat(7,1fr);background:repeating-linear-gradient(to bottom,#fff 0,#fff 58px,#eeeae5 59px)}.cal-columns>i{border-left:1px solid #eeeae5}.cal-event{position:absolute;width:13.7%;padding:13px 10px;border-radius:8px;display:grid;gap:7px;font-size:9px;box-shadow:0 3px 10px rgba(0,0,0,.03)}.cal-event b{font-size:10px}.cal-event small{font-size:8px}.ce1{left:14.6%;top:55px;height:112px;background:#fff0df}.ce2{left:29%;top:118px;height:94px;background:#eee9f8}.ce3{left:43.2%;top:18px;height:110px;background:#fff0d9}.ce4{left:43.2%;top:222px;height:112px;background:#e5f3ee}.ce5{left:57.6%;top:275px;height:110px;background:#eee5f7}.ce6{left:14.6%;top:350px;height:112px;background:#fff0df}.cal-now{position:absolute;left:0;right:0;top:246px;border-top:1px solid #ff6b67}.cal-now b{position:absolute;left:-53px;top:-11px;padding:3px 6px;border-radius:10px;background:#ff5e58;color:#fff;font-size:8px}
.cal-rail{display:grid;grid-template-rows:292px 500px 68px;gap:14px}.mini-month{padding:19px}.mini-month header{display:flex;justify-content:space-between}.mini-days{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-top:18px;text-align:center}.mini-days small{color:#777;font-size:8px}.mini-days i{font-style:normal;font-size:9px}.mini-days i.active{display:grid;place-items:center;width:25px;height:25px;margin:-7px auto;border-radius:50%;background:#111;color:#fff}
.cal-upcoming{padding:18px}.cal-upcoming h2{margin:0 0 15px;font-size:13px}.cal-upcoming h2 small{float:right;color:#777;font-size:9px;font-weight:400}.cal-upcoming p{display:flex;gap:10px;margin:0 0 14px}.cal-upcoming p>i{width:7px;height:7px;margin-top:19px;border-radius:50%;background:#e8a31a}.cal-upcoming p>i.green{background:#3e9a75}.cal-upcoming p>i.purple{background:#8764c9}.cal-upcoming p>i.red{background:#e96f45}.cal-upcoming p span{color:#777;font-size:8px}.cal-upcoming p b,.cal-upcoming p small{display:block;margin-top:4px;color:#151515;font-size:10px}.cal-upcoming p small{color:#777;font-size:8px}.cal-upcoming hr{border:0;border-top:1px solid #eeeae5}.cal-upcoming label{display:block;margin:9px 0;font-size:9px}.cal-upcoming input{width:auto;accent-color:#bd8c24}
.focus-card{display:flex;align-items:center;gap:10px;padding:13px 16px}.focus-card>span{display:grid}.focus-card small{color:#777;font-size:8px}.focus-card button{margin-left:auto;border:0;border-radius:8px;padding:9px 13px}

.cal-modal-layer{position:fixed;inset:0;z-index:1200;display:none;place-items:center;padding:24px;background:rgba(20,18,15,.35);backdrop-filter:blur(4px)}.cal-modal-layer.open{display:grid}.cal-modal{position:relative;width:min(500px,100%);padding:27px;border-radius:16px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.2)}.cal-x{position:absolute;right:15px;top:15px;border:1px solid #ddd7cf;border-radius:8px;background:#fff;width:34px;height:34px}.cal-modal h2{margin:0 40px 20px 0}.cal-modal form,.cal-modal label{display:grid;gap:8px}.cal-modal form{gap:14px}.cal-modal form>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cal-modal input{padding:11px;border:1px solid #ddd7cf;border-radius:8px}.cal-save{margin-top:8px;padding:11px 15px;border:0;border-radius:8px;background:#171717;color:#fff}.cal-search-input{width:100%;padding:12px;border:1px solid #ddd7cf;border-radius:8px}.ce-new{left:72%;top:420px;background:#e7f3f8}.focus-card.running{border-color:#dfb95e;background:#fff9ec}@media(max-width:1150px){.cal-main{padding:22px 18px}.cal-layout{grid-template-columns:minmax(720px,1fr) 280px}}@media(max-width:900px){.cal-main{margin-left:0;min-width:760px}.tq-calendar-page .tq-sidebar{display:none}.cal-rail{display:none}.cal-layout{grid-template-columns:1fr}.cal-top{padding-left:5px}}


/* Taqvim Workspace Suite */
.tq-workspace-page{display:none;min-height:100vh;background:#f8f7f4;color:#171717;font-family:Inter,Segoe UI,sans-serif}
.tq-workspace-page.is-active{display:block}
.tq-workspace-page .tq-sidebar{position:fixed;inset:0 auto 0 0}
.workspace-main{margin-left:218px;min-height:100vh;padding:30px 34px 48px}
.workspace-top{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}
.workspace-top h1{margin:5px 0 6px;font-size:30px;letter-spacing:-.04em}
.workspace-top p{margin:0;color:#777}
.workspace-kicker{display:block;color:#a77b21;font-size:11px;font-weight:800;letter-spacing:.14em}
.workspace-top-actions,.workspace-modal-actions,.workspace-toolbar{display:flex;align-items:center;gap:10px}
.workspace-top-actions button,.workspace-modal-actions button,.workspace-toolbar button,.workspace-task-list button,.workspace-project-grid button,.workspace-note-grid button,.workspace-program-list button,.workspace-segments button,.workspace-search-results button{border:1px solid #e5e2dc;background:#fff;color:#272727;border-radius:11px;padding:10px 14px;font:inherit;cursor:pointer;transition:.2s ease}
.workspace-top-actions button:hover,.workspace-modal-actions button:hover,.workspace-toolbar button:hover,.workspace-task-list button:hover,.workspace-project-grid button:hover,.workspace-note-grid button:hover,.workspace-program-list button:hover,.workspace-segments button:hover{border-color:#c7aa68;transform:translateY(-1px)}
.workspace-primary{background:#151515!important;color:#fff!important;border-color:#151515!important}
.workspace-content{display:grid;gap:20px}
.workspace-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.workspace-stats article{display:grid;gap:7px;padding:20px;background:#fff;border:1px solid #e8e5df;border-radius:16px;box-shadow:0 8px 24px rgba(20,20,20,.035)}
.workspace-stats small{color:#777;font-weight:600}
.workspace-stats b{font-size:29px;letter-spacing:-.04em}
.workspace-stats span{color:#999;font-size:12px}
.workspace-toolbar{justify-content:space-between;padding:14px 16px;background:#fff;border:1px solid #e8e5df;border-radius:15px}
.workspace-toolbar>div{display:grid;gap:3px}.workspace-toolbar>div>span{font-size:12px;color:#888}
.workspace-segments{display:flex!important;gap:6px;flex-wrap:wrap}
.workspace-segments button{padding:8px 11px;font-size:12px}.workspace-segments button.active{background:#f2e6ca;border-color:#dec485;color:#735518}
.workspace-task-list{display:grid;gap:9px}
.workspace-task-list article{display:grid;grid-template-columns:34px minmax(220px,1fr) auto auto auto 42px;align-items:center;gap:14px;padding:14px 16px;background:#fff;border:1px solid #e8e5df;border-radius:14px;transition:.2s ease}
.workspace-task-list article:hover{box-shadow:0 10px 28px rgba(22,22,22,.06);border-color:#d9d3c8}
.workspace-task-list article.completed{opacity:.62}.workspace-task-list article.completed b{text-decoration:line-through}
.workspace-task-list article>div{display:grid;gap:4px}.workspace-task-list article>div span{font-size:12px;color:#8b8b8b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.workspace-task-list article>em{font-style:normal;background:#f1eee8;padding:5px 8px;border-radius:7px;font-size:11px}
.workspace-task-list article>small{font-weight:700;text-transform:capitalize}.workspace-task-list article>time{font-size:12px;color:#777}
.workspace-check-button{width:28px;height:28px;padding:0!important;border-radius:50%!important}
.priority-yüksek{color:#dd654d}.priority-orta{color:#a77b21}.priority-düşük{color:#3b8b72}
.workspace-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.workspace-project-grid article{position:relative;overflow:hidden;padding:20px;background:#fff;border:1px solid #e8e5df;border-radius:17px}
.project-color{position:absolute;inset:0 0 auto;height:4px}.workspace-project-grid header,.workspace-project-grid footer{display:flex;align-items:center;justify-content:space-between}
.workspace-project-grid header span{font-size:11px;background:#edf5f0;color:#39735f;padding:5px 8px;border-radius:7px}.workspace-project-grid header button{padding:4px 8px}
.workspace-project-grid h3{margin:20px 0 8px;font-size:19px}.workspace-project-grid p{margin:0 0 22px;color:#7c7c7c;font-size:13px}
.project-progress{height:8px;background:#eeeae3;border-radius:10px;overflow:hidden;margin-bottom:10px}.project-progress i{display:block;height:100%;background:#171717;border-radius:10px}
.workspace-project-grid footer span{font-size:11px;color:#999}
.workspace-note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.workspace-note-grid article{display:flex;flex-direction:column;min-height:220px;padding:19px;background:#fff;border:1px solid #e8e5df;border-radius:16px}
.workspace-note-grid header,.workspace-note-grid footer{display:flex;align-items:center;justify-content:space-between;gap:7px}
.workspace-note-grid header span{font-size:11px;color:#a77b21;font-weight:700}.workspace-note-grid header button,.workspace-note-grid footer button{padding:6px 8px;font-size:11px}
.workspace-note-grid h3{margin:23px 0 10px}.workspace-note-grid p{margin:0;color:#6f6f6f;font-size:13px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.workspace-note-grid footer{margin-top:auto;padding-top:18px;border-top:1px solid #f0ede8;justify-content:flex-start}.workspace-note-grid footer time{margin-right:auto;color:#999;font-size:11px}
.workspace-program-list{display:grid;gap:11px}.workspace-program-list article{display:grid;grid-template-columns:130px 1fr auto auto;align-items:center;gap:18px;padding:18px 20px;background:#fff;border:1px solid #e8e5df;border-radius:15px}
.workspace-program-list article.disabled{opacity:.55}.program-time{display:grid;gap:4px;border-right:1px solid #eee9e2}.program-time b{font-size:22px}.program-time span{font-size:11px;color:#999}
.workspace-program-list h3{margin:0 0 5px}.workspace-program-list p{margin:0;color:#888;font-size:12px}
.workspace-report-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:16px}.workspace-report-grid>section{padding:22px;background:#fff;border:1px solid #e8e5df;border-radius:17px}
.workspace-report-grid section>header{display:flex;justify-content:space-between;align-items:flex-start}.workspace-report-grid h2{margin:0 0 5px;font-size:18px}.workspace-report-grid p{color:#888;font-size:12px}
.report-bars{display:grid;gap:14px;margin-top:24px}.report-bars>div{display:grid;grid-template-columns:110px 1fr 30px;align-items:center;gap:12px;font-size:12px}.report-bars i{height:9px;background:#eeeae3;border-radius:10px;overflow:hidden}.report-bars i b{display:block;height:100%;background:linear-gradient(90deg,#d9b65d,#ae8330);border-radius:10px}
.report-insight{padding:16px;margin-top:14px;background:#faf8f3;border-radius:12px}.report-insight p{line-height:1.55;margin-bottom:0}
.workspace-inline-search{display:flex!important;align-items:center;gap:8px;min-width:280px;padding:9px 12px;border:1px solid #e5e2dc;border-radius:11px;background:#fff}.workspace-inline-search input{width:100%;border:0;outline:0;background:transparent;font:inherit}
.workspace-modal-layer{position:fixed;inset:0;z-index:2500;display:none;place-items:center;padding:24px;background:rgba(14,14,14,.48);backdrop-filter:blur(7px)}
.workspace-modal-layer.open{display:grid}.workspace-modal{position:relative;width:min(620px,calc(100vw - 32px));max-height:88vh;overflow:auto;padding:27px;background:#fff;border-radius:20px;box-shadow:0 28px 80px rgba(0,0,0,.24)}
.workspace-modal-close{position:absolute;right:16px;top:14px;width:35px;height:35px;border:0;border-radius:50%;background:#f1efeb;font-size:22px;cursor:pointer}.workspace-modal-content h2{margin:5px 0 22px;font-size:24px}
.workspace-form{display:grid;gap:14px}.workspace-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.workspace-field{display:grid;gap:6px}.workspace-field span{font-size:12px;font-weight:700;color:#555}
.workspace-field input,.workspace-field select,.workspace-field textarea{width:100%;box-sizing:border-box;border:1px solid #dedbd5;border-radius:11px;padding:11px 12px;background:#fff;color:#202020;font:inherit;outline:0}.workspace-field textarea{resize:vertical}.workspace-field input:focus,.workspace-field select:focus,.workspace-field textarea:focus{border-color:#b9933d;box-shadow:0 0 0 3px rgba(185,147,61,.12)}
.workspace-check{display:flex;align-items:center;gap:8px;font-size:13px}.workspace-modal-actions{justify-content:flex-end;margin-top:20px}.workspace-modal-actions .danger{margin-right:auto;color:#c64f3d}
.device-pairing-panel{display:grid;gap:15px}.device-pairing-panel>p{margin:0;color:#6f6c65;line-height:1.55}.device-pairing-panel>button{justify-self:start;border:0;border-radius:11px;padding:11px 16px;cursor:pointer}.device-pairing-result{display:grid;justify-items:center;gap:9px;padding:22px;border:1px solid #e6dfcf;border-radius:16px;background:linear-gradient(145deg,#fffdf8,#f7f1e4)}.device-pairing-result[hidden]{display:none}.device-pairing-result small{color:#98732c;font-size:10px;font-weight:800;letter-spacing:.14em}.device-pairing-result strong{font-size:34px;letter-spacing:.16em;font-variant-numeric:tabular-nums}.device-pairing-result p{margin:0;color:#76726a;font-size:12px;text-align:center}.device-pairing-result button{border:1px solid #d8c89e;background:#fff;border-radius:10px;padding:9px 13px;cursor:pointer}
.workspace-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.workspace-detail-grid p{display:grid;gap:5px;margin:0;padding:13px;background:#f8f6f2;border-radius:11px}.workspace-detail-grid small{color:#888}.workspace-description{padding:15px 0;line-height:1.6;color:#666}
.workspace-toast{position:fixed;right:24px;bottom:24px;z-index:3000;transform:translateY(20px);opacity:0;padding:13px 17px;background:#161616;color:#fff;border-radius:12px;box-shadow:0 12px 35px rgba(0,0,0,.22);transition:.25s ease;pointer-events:none}.workspace-toast.show{opacity:1;transform:none}
.workspace-create-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.workspace-create-grid button{display:grid;gap:6px;text-align:left;padding:17px;border:1px solid #e7e3dc;border-radius:13px;background:#fff;cursor:pointer}.workspace-create-grid button:hover{border-color:#c9a752;background:#fcfaf5}.workspace-create-grid button span{color:#888;font-size:12px}
.workspace-notifications{display:grid;gap:8px}.workspace-notifications p{display:flex;align-items:center;gap:10px;margin:0;padding:13px;background:#faf8f3;border-radius:10px}.workspace-notifications p i{width:8px;height:8px;background:#d19c2a;border-radius:50%}.workspace-notifications p.read{opacity:.55}
.workspace-search-large{margin-bottom:14px}.workspace-search-results{display:grid;gap:6px;max-height:350px;overflow:auto}.workspace-search-results button{display:flex;align-items:center;gap:12px;text-align:left}.workspace-search-results button span{font-size:10px;color:#a77b21;text-transform:uppercase}.workspace-search-results button b{font-size:13px}
.workspace-profile{display:flex;align-items:center;gap:13px;margin-bottom:18px}.workspace-profile>b{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#d9b65d;color:#fff}.workspace-profile h3,.workspace-profile p{margin:0}.workspace-profile p{color:#888;font-size:12px}
.tq-sidecard p[data-note-id],.tq-sidecard p[data-program-id],.tq-favorites p,.tq-user,.tasklist li,.tq-col article,.event{cursor:pointer}
.tq-columns.show-active-only .tq-col.done{display:none}
@media(max-width:1100px){.workspace-stats{grid-template-columns:repeat(2,1fr)}.workspace-project-grid,.workspace-note-grid{grid-template-columns:repeat(2,1fr)}.workspace-report-grid{grid-template-columns:1fr}.workspace-task-list article{grid-template-columns:32px 1fr auto auto}.workspace-task-list article>em,.workspace-task-list article>time{display:none}}
@media(max-width:760px){.tq-workspace-page .tq-sidebar{display:none}.workspace-main{margin-left:0;padding:22px 16px}.workspace-top{align-items:flex-start}.workspace-stats,.workspace-project-grid,.workspace-note-grid{grid-template-columns:1fr}.workspace-form-row,.workspace-detail-grid,.workspace-create-grid{grid-template-columns:1fr}.workspace-program-list article{grid-template-columns:90px 1fr}.workspace-program-list article>button{grid-column:auto/span 1}.workspace-toolbar{align-items:flex-start;flex-direction:column}.workspace-task-list article{grid-template-columns:30px 1fr auto}.workspace-task-list article>small{display:none}}

/* Taqvim Intelligence */
.wow-layer{position:fixed;inset:0;z-index:4000;display:none;place-items:center;padding:24px;background:rgba(9,9,9,.56);backdrop-filter:blur(9px)}
.wow-layer.open{display:grid}
.wow-panel{position:relative;width:min(720px,calc(100vw - 32px));max-height:88vh;overflow:auto;padding:30px;background:#fff;border-radius:22px;box-shadow:0 32px 90px rgba(0,0,0,.28)}
.wow-close{position:absolute;right:18px;top:16px;width:36px;height:36px;border:0;border-radius:50%;background:#f0eee9;font-size:21px;cursor:pointer}
.wow-kicker{display:block;color:#a57a23;font-size:10px;font-weight:900;letter-spacing:.16em;margin-bottom:6px}
.wow-content h2{margin:0 0 22px;font-size:27px;letter-spacing:-.035em}
.wow-muted{color:#777;font-size:13px}
.wow-empty{padding:24px;text-align:center;color:#999}
.wow-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}
.wow-actions button,.smart-list button,.activity-list button,.trash-list button{border:1px solid #dedad2;background:#fff;border-radius:10px;padding:9px 12px;cursor:pointer}
.wow-primary{background:#171717!important;color:#fff!important;border-color:#171717!important}
.smart-hero{display:flex;justify-content:space-between;gap:20px;padding:22px;border-radius:17px;background:linear-gradient(135deg,#191919,#373228);color:#fff}
.smart-hero>div{display:grid;gap:7px}.smart-hero span{font-size:10px;letter-spacing:.13em;color:#d9b65d}.smart-hero b{font-size:22px}.smart-hero p{margin:0;color:#c8c4bb;font-size:12px}
.smart-hero strong{display:grid;place-items:center;min-width:72px;height:72px;border-radius:50%;background:#d9b65d;color:#191919;font-size:25px}
.smart-signals{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.smart-signals span{padding:7px 10px;background:#f6f3ed;border-radius:20px;font-size:11px}
.smart-list{display:grid;gap:8px}.smart-list article{display:grid;grid-template-columns:30px 1fr auto auto auto;align-items:center;gap:10px;padding:12px;border:1px solid #ebe7e0;border-radius:12px}.smart-list em{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#f2e6c9;color:#77591b;font-style:normal;font-weight:800}.smart-list article>div{display:grid;gap:3px}.smart-list article span{color:#888;font-size:11px}.smart-list article small{text-transform:capitalize;color:#b36443}
.activity-list,.trash-list{display:grid;gap:8px;max-height:430px;overflow:auto}.activity-list article,.trash-list article{display:flex;align-items:center;gap:12px;padding:13px;background:#faf8f4;border-radius:11px}.activity-list article>i{width:9px;height:9px;background:#d2a63e;border-radius:50%}.activity-list article>div,.trash-list article>div{display:grid;gap:3px;flex:1}.activity-list span,.trash-list span{font-size:11px;color:#888}.activity-list .is-read{opacity:.55}
.privacy-score{display:flex;align-items:center;gap:16px;padding:18px;background:#edf5f0;border-radius:15px}.privacy-score>strong{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#377c63;color:#fff;font-size:22px}.privacy-score h3,.privacy-score p{margin:0}.privacy-score p{font-size:12px;color:#577165}
.privacy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.privacy-grid p{display:grid;gap:5px;margin:0;padding:13px;background:#f8f6f2;border-radius:11px}.privacy-grid small{color:#888}
.command-search{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid #dfdbd3;border-radius:12px}.command-search input{width:100%;border:0;outline:0;font:inherit}
.command-results{display:grid;gap:5px;margin-top:12px;max-height:440px;overflow:auto}.command-results button{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;text-align:left;padding:11px;border:0;background:#fff;border-radius:10px;cursor:pointer}.command-results button:hover,.command-results button:focus{background:#f5f1e8;outline:none}.command-results i{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#f1eee7;font-style:normal}.command-results span{display:grid;gap:2px}.command-results small{color:#888}.command-results em{font-style:normal;font-size:10px;color:#9a7a34}
.command-footer{display:flex;gap:15px;margin-top:12px;padding-top:11px;border-top:1px solid #eee9e2;color:#999;font-size:10px}
.tq-command-orb{position:fixed;right:22px;bottom:22px;z-index:1800;display:flex;align-items:center;gap:8px;border:0;border-radius:14px;padding:11px 13px;background:#171717;color:#fff;box-shadow:0 14px 38px rgba(0,0,0,.24);cursor:pointer}.tq-command-orb span{font-weight:700}.tq-command-orb kbd{padding:3px 5px;border-radius:5px;background:#333;font-size:9px}
.tq-smart-button{background:linear-gradient(135deg,#f0d995,#d9b65d)!important;color:#392a0d!important;border-color:#d1ad55!important;font-weight:800}
/* Desktop header actions must size to their labels, not the icon-button width. */
.tq-actions .tq-smart-button,.cal-top .tq-smart-button,.workspace-top-actions .tq-smart-button{
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
  width:auto;min-width:112px;min-height:43px;padding:0 14px;font-size:12px;line-height:1.2;white-space:nowrap;
}
.tq-top,.cal-top{height:auto;min-height:69px;gap:18px;flex-wrap:wrap;margin-bottom:18px}
.tq-actions,.workspace-top-actions{align-items:center;flex-wrap:wrap;flex-shrink:0}
.cal-top>div:first-child{display:block}
.cal-top>div:last-child{align-items:center;flex-wrap:wrap}
.workspace-top{flex-wrap:wrap}
.tq-main,.cal-main{min-width:0}
.tq-grid{grid-template-columns:minmax(0,1fr) 350px}
.cal-layout{grid-template-columns:minmax(0,1fr) 305px}
.tasklist li.workspace-empty{display:block;width:100%;white-space:normal;cursor:default;line-height:1.6}
.tasklist li[data-task-id]{grid-template-columns:19px minmax(0,1fr) auto 48px}
.tasklist li[data-task-id]>span{white-space:normal;overflow-wrap:anywhere}
.tq-nav a:focus-visible{outline:2px solid #e6c16b;outline-offset:2px}
.calendar-record{background:#fff2d9;color:#4f3b14;height:auto;min-height:48px;overflow:hidden;cursor:pointer}
.calendar-record b{overflow-wrap:anywhere}
.calendar-record.is-done{background:#e7f4ed;color:#35775a}
.calendar-empty{position:absolute;inset:40% 10% auto;text-align:center;color:#858075;font-size:12px;pointer-events:none}
.calendar-upcoming-record{cursor:pointer}
.calendar-record:focus-visible,.calendar-upcoming-record:focus-visible{outline:2px solid #b18628;outline-offset:2px}
@media(min-width:901px) and (max-width:1399px){
  .tq-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:429px 414px auto}
  .tq-board{grid-row:2}
  .tq-right{grid-column:1;grid-row:3;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto}
  .tq-sidecard{min-width:0;padding:16px}
  .tasklist li[data-task-id]{grid-template-columns:19px minmax(0,1fr) 48px}
  .tasklist em{display:none}
  .cal-layout{grid-template-columns:minmax(0,1fr)}
  .cal-rail{grid-template-columns:305px minmax(0,1fr);grid-template-rows:auto}
  .cal-rail .focus-card{grid-column:1/-1}
}
.local-private-badge{display:inline-flex;align-items:center;gap:6px;margin-top:9px;border:0;background:transparent;color:#6f7f75;font-size:11px;cursor:pointer}.local-private-badge i{width:7px;height:7px;border-radius:50%;background:#d09b34}.local-private-badge.verified i{background:#3d9a75;box-shadow:0 0 0 4px rgba(61,154,117,.12)}
.intelligence-toast{position:fixed;left:50%;bottom:28px;z-index:5000;transform:translate(-50%,20px);opacity:0;padding:12px 17px;background:#171717;color:#fff;border-radius:12px;transition:.22s;pointer-events:none}.intelligence-toast.show{opacity:1;transform:translate(-50%,0)}
.restore-drop{display:grid;gap:8px;padding:28px;border:1px dashed #c9b277;border-radius:14px;background:#fcfaf5;text-align:center}.restore-drop input{margin:8px auto 0}.security-note{margin-top:12px;padding:11px;background:#f4f7f5;color:#557064;border-radius:10px;font-size:11px}
.wow-form{display:grid;gap:12px}.wow-form label{display:grid;gap:6px;font-size:12px;font-weight:700}.wow-form input{border:1px solid #ddd8cf;border-radius:10px;padding:11px;font:inherit}
@media(max-width:720px){.smart-list article{grid-template-columns:28px 1fr auto}.smart-list article>small,.smart-list article button[data-smart-timebox]{display:none}.privacy-grid{grid-template-columns:1fr}.tq-command-orb span,.tq-command-orb kbd{display:none}.wow-panel{padding:24px 18px}}

.command-results button[hidden]{display:none}

/* Account, PostgreSQL identity and QR device pairing */
.auth-gate{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 68% 12%,rgba(220,184,91,.16),transparent 30%),linear-gradient(135deg,#10110f,#20231f);overflow:auto}
.auth-card{width:min(100%,470px);padding:34px;border:1px solid rgba(255,255,255,.09);border-radius:26px;background:rgba(255,255,255,.98);box-shadow:0 36px 100px rgba(0,0,0,.42)}
.auth-brand{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:27px}.auth-brand span{font-size:27px;font-weight:950;letter-spacing:-.06em;color:#c59b39}.auth-brand small{font-size:8px;font-weight:850;letter-spacing:.16em;color:#8b877f}
.auth-copy h1{margin:0;font-size:27px;letter-spacing:-.035em;color:#181916}.auth-copy p{margin:9px 0 0;color:#74746e;font-size:12px;line-height:1.6}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:24px 0 17px;padding:4px;border-radius:12px;background:#f0eee8}.auth-tabs button{border:0;border-radius:9px;padding:10px;background:transparent;color:#7a7973;font:700 12px inherit;cursor:pointer}.auth-tabs button.active{background:#fff;color:#1b1c19;box-shadow:0 3px 12px rgba(0,0,0,.08)}
.auth-form{display:grid;gap:13px}.auth-form label{display:grid;gap:6px;color:#393a36;font-size:11px;font-weight:800}.auth-form input{width:100%;border:1px solid #dedbd3;border-radius:11px;padding:12px 13px;background:#fff;color:#181916;font:500 13px inherit;outline:0}.auth-form input:focus{border-color:#c49a39;box-shadow:0 0 0 3px rgba(196,154,57,.13)}.auth-form[data-auth-mode="login"] [data-register-only]{display:none}
.auth-submit{margin-top:2px;border:0;border-radius:12px;padding:13px;background:#171815;color:#fff;font:800 12px inherit;cursor:pointer}.auth-submit:hover{background:#2a2c27}.auth-submit:disabled{cursor:wait;opacity:.62}.auth-error{min-height:16px;margin:0;color:#b3473d;font-size:11px;line-height:1.45}
.auth-security{display:grid;gap:4px;margin-top:19px;padding:12px 13px;border-radius:12px;background:#edf4ef;color:#456555}.auth-security b{font-size:11px}.auth-security span{font-size:9px;line-height:1.5}.auth-first-owner{margin:12px 0 0;color:#918e85;font-size:9px;line-height:1.5}
.pairing-qr{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:19px;margin-top:18px;padding:17px;border:1px solid #e5e0d6;border-radius:16px;background:#fbfaf7}.pairing-qr img{display:block;width:190px;height:190px;border-radius:10px;background:#fff}.pairing-qr div{display:grid;gap:8px}.pairing-qr b{font-size:15px}.pairing-qr p{margin:0;color:#676862;font-size:12px;line-height:1.55}.pairing-qr small{color:#8d8b84;font-size:10px;line-height:1.5}
@media(max-width:620px){.auth-gate{padding:14px}.auth-card{padding:25px 19px;border-radius:20px}.auth-brand{align-items:flex-start}.auth-brand small{max-width:150px;text-align:right}.pairing-qr{grid-template-columns:1fr;text-align:center}.pairing-qr img{margin:auto}}
.auth-link-button {
  align-self: center;
  background: transparent;
  border: 0;
  color: #746f64;
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  padding: 4px 10px;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.security-status-grid,
.account-action-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 16px 0;
}

.security-status-grid p {
  background: #f7f6f2;
  border: 1px solid #ebe8df;
  border-radius: 14px;
  display: grid;
  gap: 5px;
  margin: 0;
  padding: 13px;
}

.security-status-grid small,
.account-security-list span {
  color: #817c70;
  font-size: 11px;
}

.account-action-grid button,
.account-security-list button,
.account-security-heading button,
.danger-link,
.danger-action {
  background: #fff;
  border: 1px solid #dfdcd2;
  border-radius: 12px;
  color: #24231f;
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  padding: 11px 12px;
}

.account-action-grid button:disabled {
  cursor: default;
  opacity: .52;
}

.account-security-list {
  display: grid;
  gap: 8px;
  margin: 8px 0 18px;
}

.account-security-list article {
  align-items: center;
  background: #faf9f6;
  border: 1px solid #ebe8df;
  border-radius: 13px;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  padding: 11px 12px;
}

.account-security-list article > div {
  display: grid;
  gap: 4px;
}

.account-alert.unread {
  border-left: 4px solid #d9b65d;
}

.account-security-heading {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.account-security-form {
  display: grid;
  gap: 12px;
  margin-top: 16px;
}

.account-security-form label {
  color: #6f6a5f;
  display: grid;
  font-size: 11px;
  font-weight: 700;
  gap: 6px;
}

.account-security-form input {
  background: #faf9f6;
  border: 1px solid #dfdcd2;
  border-radius: 12px;
  color: #1c1b18;
  font: inherit;
  outline: none;
  padding: 12px 13px;
}

.account-security-form input:focus {
  border-color: #b18a35;
  box-shadow: 0 0 0 3px rgba(217, 182, 93, .16);
}

.recovery-code-grid {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 18px 0;
}

.recovery-code-grid code {
  background: #f2f0e9;
  border-radius: 10px;
  font-size: 13px;
  padding: 10px;
  text-align: center;
}

.account-danger-note {
  background: #fff1ee;
  border: 1px solid #f0c3b9;
  border-radius: 14px;
  color: #8f3025;
  padding: 14px;
}

.account-danger-note p {
  line-height: 1.55;
  margin: 7px 0 0;
}

.danger-link,
.danger-action {
  border-color: #e8b0a7;
  color: #b3382b;
  margin-top: 8px;
}

@media (max-width: 640px) {
  .security-status-grid,
  .account-action-grid,
  .recovery-code-grid {
    grid-template-columns: 1fr;
  }
}
/* Authenticated dashboard task movement; empty columns remain drop targets. */
.tq-col { min-height: 140px; }
.tq-col article[draggable="true"] { cursor: grab; }
.tq-col article[draggable="true"]:active { cursor: grabbing; }
.tq-col article[draggable="true"]:focus-visible { outline: 2px solid #a78024; outline-offset: 2px; }
.tq-col.board-drop-target { outline: 2px dashed #b28a31; outline-offset: -2px; background-color: #fff7df; }
.tq-col article.board-dragging { opacity: .45; }

/* Workspace refinement: the existing ink / warm white / gold palette. */
:root {
  --workspace-paper: #f8f7f4;
  --workspace-ink: #24231f;
  --workspace-muted: #736f65;
  --workspace-line: #e7e3da;
  --workspace-gold: #d9b65d;
  --workspace-radius: 16px;
}
.tq-dashboard, .tq-calendar-page, .tq-workspace-page {
  color: var(--workspace-ink);
  background: var(--workspace-paper);
  font-family: "Segoe UI", Inter, sans-serif;
  -webkit-font-smoothing: antialiased;
  line-height: 1.5;
  color-scheme: light;
}
.tq-main, .cal-main, .workspace-main { padding: 28px clamp(20px, 2.4vw, 40px) 48px; }
.tq-top h1, .cal-top h1, .workspace-top h1 { font-size: clamp(25px, 2vw, 32px); line-height: 1.2; letter-spacing: -.035em; font-weight: 650; }
.tq-top p, .workspace-top p { color: var(--workspace-muted); line-height: 1.6; }
.workspace-kicker { color: #8b753f; letter-spacing: .14em; font-size: 10px; }
.workspace-top { margin-bottom: 28px; gap: 20px; }
.workspace-content { display: grid; gap: 20px; }
.tq-card, .tq-sidecard, .cal-week-card, .mini-month, .cal-upcoming, .focus-card,
.workspace-stats article, .workspace-project-grid article, .workspace-note-grid article,
.workspace-report-grid > section {
  border: 1px solid var(--workspace-line);
  border-radius: var(--workspace-radius);
  box-shadow: 0 2px 3px #29241402, 0 10px 32px #29241403;
  background: #fff;
  min-width: 0;
}
.tq-cardhead h2, .tq-boardhead h2, .tq-sidecard h2 { font-size: 15px; font-weight: 650; letter-spacing: -.015em; }
.tq-sidebar { border-right: 1px solid #ffffff0d; }
.tq-nav a { min-height: 43px; border-radius: 10px; transition: background-color .16s ease, color .16s ease; }
.tq-nav a:hover { background-color: #ffffff0d; }
.tq-nav a.active { box-shadow: inset 3px 0 #d9b65d; }
.tq-sidebar .tq-user { gap: 12px; }
:is(.tq-main,.cal-main,.workspace-main,.workspace-modal) button { font-family: inherit; cursor: pointer; }
:is(.tq-main,.cal-main,.workspace-main,.workspace-modal) :is(button,input,select,textarea):focus-visible { outline: 2px solid #9c7625; outline-offset: 3px; }
:is(.tq-main,.cal-main,.workspace-main) button:disabled { opacity: .45; cursor: not-allowed; transform: none; }
.workspace-primary { background: #191916 !important; color: #fff !important; border-color: #191916 !important; box-shadow: 0 2px 3px #19191612; }
.workspace-primary:hover { background: #38362c !important; }
.workspace-day-overview { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin: 4px 0 22px; }
.workspace-day-overview button { display: grid; grid-template-columns: 1fr auto; gap: 8px; text-align: left; border: 1px solid var(--workspace-line); border-radius: 12px; background: #fff; padding: 14px 18px; color: var(--workspace-muted); font-size: 12px; }
.workspace-day-overview button b { grid-row: 2; font-size: 25px; color: var(--workspace-ink); line-height: 1.1; font-variant-numeric: tabular-nums; }
.workspace-day-overview button span:last-child { grid-column: 2; grid-row: 1 / 3; align-self: center; color: #a68a47; }
.workspace-day-overview button:hover { border-color: #c8af77; background: #fffcf5; }
.tq-grid { grid-template-rows: auto auto; align-items: start; gap: 20px; }
.tq-calendar { min-height: 429px; }
.tq-board { height: auto; min-height: 360px; overflow: visible; }
.tq-columns { align-items: start; height: auto; gap: 10px; }
.tq-col { height: auto; padding: 8px; border: 1px solid #eeeae2; border-radius: 12px; }
.tq-col h3 { padding: 3px 4px 12px; line-height: 1.4; }
.tq-col article { border: 1px solid #ece8e1; border-radius: 9px; padding: 12px; box-shadow: 0 2px 4px #241b0d03; }
.tq-col article b { line-height: 1.55; overflow-wrap: anywhere; white-space: normal; font-size: 12px; }
.tq-col article:hover { border-color: #cdbb91; }
.tq-col > button { min-height: 36px; width: 100%; text-align: left; background: transparent; border: 1px dashed #dcd5c6; border-radius: 8px; }
.tq-right { gap: 16px; grid-template-rows: auto auto auto; }
.tq-sidecard { padding: 20px; }
.tasklist { gap: 8px; }
.tasklist li span, .notes p, .programs p { font-size: 13px; }
.tq-col article time, .tq-col article span { font-size: 10px; }
.tq-col h3 { font-size: 12px; }
.tq-sidecard .tasklist { margin-bottom: 0; }
.tasklist li { min-height: 52px; border-bottom: 1px solid #f0ede7; }
.tq-sidecard > a { display: block; padding-top: 14px; font-size: 12px; color: #776338; }
.cal-week-card { overflow: hidden; height: auto; }
.cal-rail { grid-template-rows: auto; align-content: start; }
.mini-month header { align-items: center; }
.mini-month header button { width: 28px; height: 28px; padding: 0; border: 0; border-radius: 7px; background: #f7f5ee; color: #665a3b; }
.mini-month header div { display: flex; gap: 6px; }
.mini-days { gap: 5px; }
.mini-days button { border: 0; background: transparent; color: #39362e; font-size: 11px; border-radius: 50%; width: 28px; height: 28px; justify-self: center; padding: 0; min-width: 0; }
.mini-days button:hover { background: #f3e9cf; }
.mini-days button.active { background: #22221e; color: #fff; }
.mini-days button.outside-month { color: #aaa69b; }
.shared-week-agenda > button b { flex: 1; min-width: 120px; }
.calendar-record b { font-size: 12px; }
.calendar-record time, .calendar-record small { font-size: 10px; }
.cal-toolbar { flex-wrap: wrap; gap: 10px; height: auto; min-height: 65px; }
.cal-toolbar > div { margin-left: auto; }
.cal-days { padding-top: 12px; padding-bottom: 12px; }
.cal-columns { background-color: #fff; }
.calendar-record { border: 1px solid #e5c67d55; border-left: 3px solid #c69d43; border-radius: 7px; box-shadow: 0 2px 4px #5c450906; }
.calendar-record:hover { filter: brightness(.97); box-shadow: 0 4px 12px #5c450918; z-index: 4; }
.calendar-empty { padding: 18px; background: #faf9f5ed; border: 1px dashed #e2dac7; border-radius: 12px; }
.calendar-upcoming-record { border-bottom: 1px solid #f0ede7; padding-bottom: 12px; }
.workspace-stats { gap: 12px; }
.workspace-stats article { padding: 18px 20px; border-top: 2px solid #dcc78f; gap: 6px; }
.workspace-stats b { font-size: 30px; line-height: 1.2; font-weight: 600; font-variant-numeric: tabular-nums; }
.workspace-stats span, .workspace-stats small { color: var(--workspace-muted); }
.workspace-toolbar { gap: 14px; flex-wrap: wrap; margin: 0; }
.workspace-toolbar > div > span { display: block; color: var(--workspace-muted); font-size: 12px; margin-top: 4px; }
.workspace-segments { display: flex; gap: 3px; flex-wrap: wrap; padding: 4px; background: #eeece6; border-radius: 11px; }
.workspace-segments button { padding: 8px 12px; border-color: transparent; background: transparent; border-radius: 8px; font-size: 12px; }
.workspace-segments button.active { background: #fff; color: #72581e; box-shadow: 0 1px 4px #30281812; }
.workspace-refine { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.workspace-refine > label { display: flex; align-items: center; gap: 10px; color: var(--workspace-muted); font-size: 12px; }
.workspace-inline-search { max-width: 100%; min-width: min(320px,100%); background: #fff; }
.workspace-inline-search input { width: 100%; min-width: 0; }
.workspace-refine select { border: 1px solid var(--workspace-line); padding: 10px; border-radius: 9px; background: #fff; color: var(--workspace-ink); font: inherit; }
.workspace-result-count { margin: -6px 0; color: var(--workspace-muted); font-size: 12px; }
.workspace-task-list { gap: 7px; }
.workspace-task-list article { grid-template-columns: 32px minmax(100px,1fr) auto auto minmax(80px,auto) 40px; gap: 12px; border-radius: 11px; }
.workspace-task-list article > div { min-width: 0; }
.workspace-task-list article b { font-size: 14px; overflow-wrap: anywhere; }
.workspace-task-list article > div span { color: var(--workspace-muted); }
.workspace-task-list article > button { padding: 6px; min-height: 32px; }
.workspace-task-list article.is-overdue { border-left: 3px solid #c77664; }
.workspace-task-list article.is-overdue time, .project-deadline.is-overdue { color: #a84e3c; }
.workspace-task-list article[hidden], .workspace-note-grid article[hidden] { display: none; }
.workspace-project-grid, .workspace-note-grid { grid-template-columns: repeat(auto-fill,minmax(min(280px,100%),1fr)); gap: 18px; }
.workspace-project-grid article, .workspace-note-grid article { padding: 22px; overflow: hidden; }
.workspace-project-grid h3, .workspace-note-grid h3 { font-size: 18px; letter-spacing: -.025em; margin: 18px 0 10px; overflow-wrap: anywhere; }
.workspace-project-grid footer, .workspace-note-grid footer { flex-wrap: wrap; gap: 8px; }
.workspace-project-grid footer span { font-size: 11px; }
.workspace-project-grid .project-progress { height: 6px; border-radius: 10px; overflow: hidden; background: #eeece6; margin-top: 24px; }
.project-progress i { background: #d4b565; border-radius: inherit; }
.workspace-project-grid .project-deadline { margin: 12px 0; font-size: 12px; }
.workspace-project-grid .social-project-link { width: 100%; margin-top: 8px; background: #f8f6ef; }
.workspace-note-grid article.is-pinned { border-top: 3px solid #d9b65d; }
.workspace-note-grid article > p { white-space: pre-wrap; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; color: #625f56; line-height: 1.75; min-height: 80px; }
.workspace-note-grid footer time { flex: 1 0 100%; color: var(--workspace-muted); font-size: 11px; margin-bottom: 8px; }
.workspace-note-grid [data-action="delete-note"] { color: #a34f41; }
.workspace-program-list article { border-radius: 12px; padding: 18px; border-color: var(--workspace-line); }
.workspace-program-list article.disabled { opacity: .72; background: #f1f0eb; }
.program-time b { font-variant-numeric: tabular-nums; letter-spacing: -.025em; }
.workspace-context-note { display: grid; gap: 6px; border: 1px solid #e6dcc1; border-left: 3px solid #cbae63; border-radius: 12px; background: #fbf8ef; padding: 16px 20px; font-size: 13px; }
.workspace-context-note span, .workspace-context-note small { color: #74684d; line-height: 1.6; }
.workspace-report-grid { gap: 18px; }
.workspace-report-grid > section { padding: 24px; }
.workspace-report-grid header { flex-wrap: wrap; gap: 12px; }
.workspace-report-grid p { color: var(--workspace-muted); line-height: 1.7; }
.workspace-report-grid button { border: 1px solid var(--workspace-line); background: #faf8f1; border-radius: 9px; padding: 9px 12px; color: #62532e; }
.report-bars > div { min-height: 36px; }
.report-bars > div > span { overflow-wrap: anywhere; }
.workspace-empty-state { grid-column: 1 / -1; padding: 44px 24px; text-align: center; background: #fff; border: 1px dashed #dcd5c5; border-radius: 16px; }
.workspace-empty-state h3 { font-size: 20px; margin: 14px 0 8px; }
.workspace-empty-state p { color: var(--workspace-muted); font-size: 13px; line-height: 1.7; margin: 0 auto 20px; max-width: 400px; }
.empty-mark { display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 14px; color: #9b7930; background: #f7f0dd; font-size: 25px; }
.workspace-empty-state button { border-radius: 10px; padding: 11px 18px; font: inherit; }

.account-popover { position: fixed; z-index: 12000; width: 280px; max-width: calc(100vw - 16px); max-height: calc(100dvh - 110px); overflow: auto; padding: 8px; border: 1px solid #dcd5c6; border-radius: 15px; background: #fffdf8; color: #28261f; box-shadow: 0 16px 50px #0003; font: 13px/1.5 "Segoe UI",sans-serif; }
.account-popover header { display: grid; gap: 3px; padding: 12px; border-bottom: 1px solid #e9e3d6; margin-bottom: 6px; overflow-wrap: anywhere; }
.account-popover header small { color: #787063; }
.account-popover button { display: flex; justify-content: space-between; gap: 12px; width: 100%; padding: 12px; border: 0; border-radius: 8px; background: transparent; text-align: left; color: inherit; font: inherit; cursor: pointer; }
.account-popover button:hover, .account-popover button:focus-visible { background: #f0e8d6; outline: 2px solid transparent; }
.account-popover button span { color: #9c803f; }
.account-popover footer { border-top: 1px solid #e9e3d6; margin-top: 5px; padding-top: 5px; color: #a44e3e; }
.tq-user[aria-expanded=true] { background: #ffffff0d; }
.tq-user[role=button]:focus-visible { outline: 2px solid #d9b65d; outline-offset: -4px; }
.settings-option { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 16px; border: 1px solid #e8e1d3; border-radius: 12px; }
.settings-option div { display: grid; gap: 5px; }
.settings-option small { font-size: 12px; color: #797265; }
.settings-option input { width: 18px; height: 18px; accent-color: #a27d28; }
.workspace-compact .workspace-task-list article { padding-top: 9px; padding-bottom: 9px; }
.workspace-compact .tq-col article { padding: 8px; margin-bottom: 5px; }
.workspace-compact .workspace-project-grid article, .workspace-compact .workspace-note-grid article { padding: 16px; }
.workspace-reduce-motion *, .workspace-reduce-motion *::before, .workspace-reduce-motion *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
.tq-favorites .favorites-heading { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.tq-favorites .favorites-heading h4 { margin: 0; font-size: 12px; font-weight: 500; color: #d7d3c8; }
.tq-favorites button { border: 0; background: transparent; color: #e8e4d9; cursor: pointer; font: inherit; border-radius: 7px; }
.favorites-heading button { width: 28px; height: 28px; font-size: 20px; }
.tq-favorites button:hover { background: #ffffff12; color: #e8c871; }
.tq-favorites button:focus-visible { outline: 2px solid #d9b65d; outline-offset: 1px; }
.favorites-empty { display: block; color: #aaa697; font-size: 11px; line-height: 1.7; }
.favorite-project { display: flex; align-items: center; gap: 3px; margin-bottom: 4px; }
.favorite-project-open { display: flex; align-items: center; gap: 10px; min-width: 0; flex: 1; text-align: left; padding: 9px 4px; }
.favorite-project-open i { width: 7px; height: 7px; border-radius: 50%; flex: 0 0 7px; }
.favorite-project-open span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.favorite-project-remove { width: 25px; height: 28px; color: #b9a15f !important; }
.workspace-project-grid .project-favorite-toggle { margin-left: auto; border: 0; color: #a9832f; background: transparent; padding: 7px; font-size: 18px; }
.workspace-project-grid .project-archive-action { width: 100%; margin-top: 10px; background: transparent; color: #846948; border-style: dashed; font-size: 12px; }
.project-archive-date { display: block; margin-top: 12px; color: #797266; font-size: 11px; }
.workspace-project-grid .archived-project { background: #f8f6f0; }
.workspace-project-grid [hidden] { display: none !important; }
.tq-icon { width: 18px; height: 18px; display: inline-block; vertical-align: middle; flex: 0 0 18px; pointer-events: none; }
.tq-nav [data-icon-ready] { display: flex; align-items: center; gap: 11px; }
.favorites-heading [data-icon-ready], .project-favorite-toggle[data-icon-ready] { display: inline-flex; align-items: center; justify-content: center; }
.project-favorite-toggle[aria-pressed=true] .tq-icon { fill: #ead18b; }
/* Editorial hierarchy: one primary action, quiet supporting surfaces. */
.tq-main, .cal-main, .workspace-main { max-width: 1840px; }
.tq-top, .cal-top, .workspace-top { border-bottom: 1px solid #e6e2d9; padding-bottom: 22px; margin-bottom: 24px; }
.tq-top h1, .cal-top h1, .workspace-top h1 { font-weight: 600; letter-spacing: -.045em; }
.workspace-top .workspace-kicker { display: block; margin-bottom: 7px; font-size: 10px; font-weight: 600; }
.workspace-top p { font-size: 13px; margin-bottom: 0; }
.tq-sidebar .tq-nav a { font-size: 13px; margin-bottom: 4px; }
.tq-sidebar .tq-nav .social-nav-button.active { background: #4c4024; color: #fff9e8; border-radius: 10px; box-shadow: inset 3px 0 #d9b65d; }
.tq-sidebar .tq-nav .social-nav-button:focus-visible { outline: 2px solid #d9b65d; outline-offset: 2px; }
.tq-sidebar .tq-logo { letter-spacing: -.045em; }
.tq-sidebar .tq-favorites { font-size: 12px; }
.workspace-focus { display: grid; grid-template-columns: minmax(0,1fr) 230px; align-items: center; gap: 32px; padding: 30px 34px; border: 1px solid #292922; border-radius: 18px; background: #1c1d19; color: #f8f6ef; }
.workspace-focus-eyebrow { color: #e0bf70; font-size: 10px; letter-spacing: .18em; font-weight: 600; }
.workspace-focus h2 { font-size: clamp(21px,2vw,28px); font-weight: 500; line-height: 1.35; letter-spacing: -.03em; margin: 10px 0; max-width: 680px; overflow-wrap: anywhere; }
.workspace-focus p { color: #bcbcb1; font-size: 12px; line-height: 1.6; margin: 0 0 20px; }
.workspace-focus button { border: 1px solid #dbc17d; border-radius: 8px; background: #e4c778; color: #2c281a; font-size: 12px; font-weight: 600; padding: 10px 15px; display: inline-flex; gap: 24px; align-items: center; }
.workspace-focus button:hover { background: #efdaa0; }
.workspace-focus-progress { border-left: 1px solid #ffffff20; padding-left: 30px; display: grid; gap: 10px; }
.workspace-focus-progress > span { font-size: 12px; color: #c4c4ba; }
.workspace-focus-progress strong { font-size: 38px; font-weight: 400; line-height: 1.1; letter-spacing: -.05em; font-variant-numeric: tabular-nums; }
.workspace-focus-progress [role=progressbar] { background: #424338; border-radius: 9px; height: 4px; overflow: hidden; margin-top: 8px; }
.workspace-focus-progress i { display: block; height: 100%; background: #e4c778; border-radius: inherit; }
.workspace-focus-progress small { font-size: 11px; color: #bcbcb1; }
.workspace-day-overview { border-bottom: 1px solid #e6e2d9; gap: 0; margin: 16px 0 26px; padding: 0 0 16px; }
.workspace-day-overview button { background: transparent; border: 0; border-radius: 8px; padding: 12px 20px; }
.workspace-day-overview button + button { border-left: 1px solid #e6e2d9; border-radius: 0 8px 8px 0; }
.workspace-day-overview button:hover { background: #efede5; }
.workspace-day-overview button b { font-size: 24px; font-weight: 500; }
.workspace-day-overview button[data-overview-filter=overdue] b { color: #a45b46; }
.tq-card, .tq-sidecard, .workspace-project-grid article, .workspace-note-grid article { box-shadow: 0 3px 12px #30281c03; }
.tq-cardhead, .tq-boardhead { padding-bottom: 8px; }
.tq-board { padding: 20px 16px 16px; }
.tq-col { border: 0; padding: 9px; }
.tq-col h3 { font-weight: 600; }
.tq-col h3 small { display: inline-flex; min-width: 20px; justify-content: center; padding: 1px 5px; border-radius: 5px; background: #ffffffb3; color: #777063; }
.tq-col article { padding: 13px 12px; margin-bottom: 9px; border-color: #e7e4dc; }
.tq-col article b { font-weight: 500; }
.tq-col > button { border: 0; color: #787266; }
.tasklist li { padding: 11px 0; }
.tasklist li span { line-height: 1.55; }
.workspace-toolbar { background: transparent; border: 0; padding: 0; box-shadow: none; }
.workspace-toolbar > div > b { font-size: 15px; font-weight: 600; }
.workspace-stats { gap: 0; background: #fff; border: 1px solid #e5e1d7; border-radius: 14px; overflow: hidden; }
.workspace-stats article { border: 0; border-radius: 0; box-shadow: none; background: transparent; padding: 22px 24px; }
.workspace-stats article + article { border-left: 1px solid #eeeae2; }
.workspace-stats small { font-size: 11px; font-weight: 500; }
.workspace-stats b { font-weight: 500; font-size: 30px; }
.workspace-stats span { font-size: 11px; }
.workspace-task-list { border: 1px solid #e7e3da; border-radius: 13px; background: #fff; gap: 0; overflow: hidden; }
.workspace-task-list article { border: 0; border-radius: 0; background: transparent; padding: 17px 18px; }
.workspace-task-list article + article { border-top: 1px solid #eeebe5; }
.workspace-task-list article:hover { background: #fbfaf6; box-shadow: none; }
.workspace-task-list article.is-overdue { box-shadow: inset 3px 0 #c77664; }
.workspace-task-list article b { font-weight: 500; }
.workspace-task-list article.completed { opacity: .72; }
.workspace-task-list article > em { border-radius: 5px; }
.workspace-task-list article > button:last-child { border-color: transparent; background: transparent; }
.workspace-task-list article > button:last-child:hover { border-color: #ddd6c6; background: #fff; }
.workspace-project-grid article, .workspace-note-grid article { transition: border-color .18s ease, box-shadow .18s ease; }
.workspace-project-grid article:hover, .workspace-note-grid article:hover { border-color: #c6b68e; box-shadow: 0 8px 24px #30281808; }
.workspace-project-grid h3, .workspace-note-grid h3 { font-weight: 600; font-size: 19px; }
.workspace-project-grid .project-color { height: 3px; }
.workspace-note-grid article.is-pinned { border-top-width: 1px; background: #fffdf7; }
.workspace-note-grid article > p { min-height: 112px; font-size: 13px; }
.workspace-note-grid header > span { font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.workspace-note-grid header button { font-size: 11px; padding: 6px 9px; border-color: transparent; background: transparent; }
.workspace-note-grid footer { border-top-color: #ede9df; }
.workspace-program-list article { box-shadow: none; padding: 22px; }
.workspace-program-list .program-time { padding-right: 20px; border-right: 1px solid #e9e4d9; }
.workspace-program-list .program-time b { font-size: 24px; font-weight: 500; }
.workspace-program-list h3 { font-size: 16px; font-weight: 600; }
.workspace-context-note { border: 0; border-radius: 0; padding: 0 0 18px; background: transparent; border-bottom: 1px solid #e5e0d4; }
.workspace-context-note b { font-weight: 500; }
.workspace-context-note span, .workspace-context-note small { color: #777268; }
.workspace-report-grid h2 { font-size: 16px; font-weight: 600; }
.workspace-report-grid > section { border-radius: 14px; box-shadow: none; }
.report-insight { background: #f8f7f2; border-radius: 10px; }
.report-bars > div > i { height: 6px; }
.mini-month, .cal-upcoming { box-shadow: none; }
.cal-week-card .shared-week-agenda { background: #fcfbf8; }
.cal-week-card .shared-week-agenda > button { background: #fff; border-color: #e5dfd1; border-radius: 8px; padding: 13px; }
.cal-week-card .shared-week-agenda > button b { font-weight: 500; }
.cal-week-card .shared-week-agenda > button small { color: #80745a; }
.cal-week-card .shared-week-agenda > button:hover { border-color: #bc9a4d; background: #fffdf6; }
@media (max-width: 1100px) {
  .workspace-stats article:nth-child(3) { border-left: 0; }
  .workspace-stats article:nth-child(n+3) { border-top: 1px solid #eeeae2; }
  .workspace-focus { grid-template-columns: minmax(0,1fr) 175px; padding: 26px; gap: 22px; }
  .workspace-focus-progress { padding-left: 22px; }
}
@media (max-width: 760px) {
  .workspace-focus { grid-template-columns: minmax(0,1fr); padding: 24px; }
  .workspace-focus-progress { border-left: 0; border-top: 1px solid #ffffff20; padding: 18px 0 0; }
  .workspace-day-overview button:nth-child(3) { border-left: 0; }
}
@media (min-width: 901px) and (max-width: 1399px) {
  .tq-grid { grid-template-rows: auto auto auto; }
}
@media (max-width: 1100px) {
  .workspace-task-list article { grid-template-columns: 32px minmax(100px,1fr) auto 40px; }
  .workspace-task-list article > em, .workspace-task-list article > small { display: none; }
  .workspace-task-list article > time { display: block; }
}
@media (max-width: 760px) {
  .workspace-main { padding: 20px 16px 90px; }
  .workspace-day-overview { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .workspace-top-actions { width: 100%; }
  .workspace-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .workspace-stats article { padding: 15px; }
  .workspace-task-list article { grid-template-columns: 30px minmax(0,1fr) 34px; gap: 8px; }
  .workspace-task-list article > time { grid-column: 2; grid-row: 2; font-size: 11px; }
  .workspace-task-list article > button:last-child { grid-column: 3; grid-row: 1; }
  .workspace-program-list article { grid-template-columns: 80px minmax(0,1fr); gap: 12px; }
  .workspace-refine > label, .workspace-inline-search { width: 100%; }
  .workspace-refine select { margin-left: auto; }
}
@media (prefers-reduced-motion: reduce) {
  :is(.tq-dashboard,.tq-calendar-page,.tq-workspace-page) * { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}

/* Reference direction · graphite shell, cool paper and pastel scheduling cards. */
:root {
  --workspace-paper: #f3f4f6;
  --workspace-ink: #242529;
  --workspace-muted: #72747d;
  --workspace-line: #e6e7eb;
  --workspace-gold: #b99aeb;
  --workspace-radius: 18px;
}
.tq-sidebar { background: #191a1e; padding-top: 28px; border-right: 1px solid #ffffff09; }
.tq-sidebar .tq-logo { color: #ded0fa; font-weight: 750; }
.tq-sidebar .tq-nav a.active, .tq-sidebar .tq-nav .social-nav-button.active { background: #36313f; box-shadow: none; color: #eee3ff; }
.tq-sidebar .tq-nav a:hover, .tq-sidebar .tq-nav .social-nav-button:hover { background: #292a30; }
.tq-sidebar .tq-user { background: #202126; border-top-color: #34353c; }
.tq-sidebar .tq-user > b { background: #bc9ae8; color: #251c37; }
.tq-sidebar .tq-favorites { border-top-color: #34353c; }
.tq-top h1, .cal-top h1, .workspace-top h1 { font-weight: 600; letter-spacing: -.035em; }
.tq-card, .tq-sidecard, .workspace-stats, .workspace-task-list,
.workspace-project-grid article, .workspace-note-grid article, .workspace-report-grid > section,
.workspace-program-list article { border-color: #e6e7eb; border-radius: 18px; box-shadow: 0 4px 22px #20233404; }
.workspace-project-grid article:hover, .workspace-note-grid article:hover { border-color: #bca8db; box-shadow: 0 8px 24px #3c28560b; }
.workspace-note-grid article.is-pinned { background: #f4edff; }
.workspace-kicker { color: #78638f; }
.workspace-primary, .cal-top .cal-new, .workspace-modal button[type=submit], .cal-save {
  background: #28292d; color: #fff; border-color: #28292d; border-radius: 11px;
}
.tq-actions .tq-smart-button { background: #e7ddf6; border-color: #dacee9; color: #483759; }
.workspace-focus { background: #242529; border-radius: 22px; }
.workspace-focus .workspace-kicker { color: #d2b9f5; }
.workspace-focus > div > button { background: #d9c3f5; color: #30213e; }
.workspace-stats article + article, .workspace-task-list article + article { border-color: #ebecf0; }
.workspace-task-list article:hover { background: #f8f7fb; }
.workspace-modal, .cal-modal { border: 1px solid #ececf0; border-radius: 20px; box-shadow: 0 24px 90px #20212a28; }
.workspace-modal :is(input,select,textarea), .cal-modal :is(input,select,textarea) {
  background: #f4f5f7; border-color: #e8e9ed; border-radius: 10px; color: #292a30;
}
:is(.workspace-main,.cal-main,.tq-main,.workspace-modal,.cal-modal) :is(button,a,input,textarea,select):focus-visible {
  outline: 3px solid #a78bd3; outline-offset: 3px;
}
.tq-calendar-page { background: #191a1e; padding: 12px 12px 12px 0; }
.tq-calendar-page .cal-main { margin-left: 218px; min-width: 0; padding: 0; }
.cal-top { padding: 16px 22px; height: auto; min-height: 88px; align-items: center; background: #fff; border-radius: 22px 22px 0 0; gap: 16px; margin-bottom: 0; }
.cal-top h1 { font-size: 26px; }
.cal-top > div:first-child { display: block; }
.cal-top button { background: #f5f6f8; border-color: transparent; }
.cal-top .cal-search { width: 160px; }
.cal-layout { grid-template-columns: 204px minmax(0,1fr); gap: 12px; align-items: start; }
.cal-rail { grid-column: 1; grid-row: 1; display: flex; flex-direction: column; gap: 12px; padding-top: 12px; }
.cal-week-card { grid-column: 2; grid-row: 1; height: auto; min-height: 896px; border: 0; border-radius: 0 0 22px 22px; background: #f3f4f6; box-shadow: none; }
.cal-toolbar { background: #fff; padding: 16px 12px; gap: 5px; align-items: center; height: auto; min-height: 68px; flex-wrap: wrap; }
.cal-toolbar button { background: #f4f5f7; border: 0; min-width: 30px; }
.cal-toolbar strong { font-size: 12px; padding: 8px 4px; }
.cal-toolbar > div { background: #f4f5f7; border: 0; padding: 3px; }
.cal-toolbar span { padding: 7px 10px; }
.cal-toolbar span.on { background: #fff; color: #25262b; box-shadow: 0 2px 5px #22222208; }
.cal-days { height: 86px; gap: 5px; padding: 4px 12px 14px 0; background: #fff; border-bottom: 0; grid-template-columns: 52px repeat(7,minmax(0,1fr)); }
.cal-days > b { background: #f4f5f7; min-height: 64px; border-radius: 10px; place-content: center; font-weight: 500; font-size: 10px; color: #646671; }
.cal-days > b small { font-size: 15px; font-weight: 700; color: #292a30; }
.cal-days > b.today { width: auto; height: auto; justify-self: stretch; background: #28292d; color: #e6e6eb; border-radius: 10px; }
.cal-days > b.today small { font-size: 15px; color: #fff; }
.all-day { grid-template-columns: 52px 1.7fr 2.5fr 1.7fr; border-bottom: 1px solid #e8e9ee; }
.cal-timegrid { grid-template-columns: 52px minmax(0,1fr); margin-right: 12px; }
.cal-columns { background: repeating-linear-gradient(to bottom,#f3f4f6 0,#f3f4f6 58px,#e6e8ed 59px); }
.cal-columns > i { border: 0; }
.cal-hours span { padding-left: 9px; color: #646671; font-size: 10px; }
.cal-event.calendar-record { border: 1px solid #ffffff88; border-left-width: 1px; padding: 12px 9px; gap: 5px; min-height: 96px; border-radius: 10px; box-shadow: none; color: #292b33; }
.cal-event.calendar-record b { font-size: 11px; line-height: 1.45; font-weight: 600; }
.cal-event.calendar-record small { color: #555b65; font-size: 10px; }
.calendar-record[data-tone=blue] { background: #bbdaf9; }
.calendar-record[data-tone=violet] { background: #cfbcf7; }
.calendar-record[data-tone=mint] { background: #adebc3; }
.calendar-record[data-tone=rose] { background: #f2b9dc; }
.calendar-record[data-tone=amber] { background: #f7d883; }
.cal-event.calendar-record:hover { transform: translateY(-2px); filter: none; box-shadow: 0 8px 18px #30364a14; }
.cal-rail :is(.mini-month,.cal-upcoming,.focus-card) { background: #25262b; color: #f0f0f3; border: 1px solid #ffffff06; border-radius: 16px; padding: 16px 13px; }
.cal-rail .mini-days { gap: 7px 2px; grid-template-columns: repeat(7,minmax(0,1fr)); }
.cal-rail .mini-days button { width: 100%; max-width: 26px; height: 26px; min-height: 26px; color: #e0e1e8; font-size: 10px; }
.cal-rail .mini-days button.outside-month { color: #888b97; }
.cal-rail .mini-days button.active { background: #bd9aee; color: #23182f; }
.cal-rail .mini-days button:hover { background: #484052; color: #fff; }
.cal-rail .mini-month header button { background: #17181c; color: #dfdfe7; }
.cal-rail .social-calendar-launch { background: #302b3b; border-color: #4d425f; color: #e4d8f8; border-radius: 12px; }
.cal-rail .social-calendar-note { color: #b9bbc6; }
.cal-top .tq-smart-button, .workspace-top-actions .tq-smart-button, .tq-actions .tq-smart-button { background: #e7ddf6 !important; border-color: #dacee9 !important; color: #483759 !important; font-weight: 600; }
.workspace-tabs { background: #e9eaf0; }
.workspace-tabs button.active { border-color: #d0bfec; color: #503570; }
.cal-rail { max-height: calc(100dvh - 120px); overflow-y: auto; scrollbar-width: thin; scrollbar-color: #4b4b57 transparent; }
.cal-rail .mini-days small, .cal-rail .cal-upcoming p span, .cal-rail .cal-upcoming p small, .cal-rail .focus-card small { color: #b9bbc6; }
.cal-rail .mini-days i.active { background: #bb97ec; color: #251c37; }
.cal-rail .cal-upcoming h2 { font-size: 12px; }
.cal-rail .cal-upcoming h2 small { float: none; display: block; color: #b9bbc6; margin-top: 5px; }
.cal-rail .cal-upcoming p b { color: #f0f0f3; font-size: 11px; }
.cal-rail .cal-upcoming hr { border-color: #3a3b43; }
.cal-rail input { accent-color: #bd9aea; }
.cal-rail .focus-card { flex-wrap: wrap; font-size: 12px; }
.cal-rail .focus-card button { background: #d1b8f3; color: #32233f; }
.cal-rail .calendar-upcoming-record:hover { background: #33343c; }
body:has(.tq-calendar-page.is-active) .workspace-modal { width: min(440px,100%); padding: 26px; }
.workspace-modal :is(input,textarea,select):focus { border-color: #bca5db; box-shadow: none; }
/* Calendar composition correction: match the reference's single left rail. */
.tq-calendar-page .cal-top { display: none; }
.tq-calendar-page .cal-layout { display: block; margin: 0; }
.tq-calendar-page .cal-week-card { border-radius: 22px; min-height: calc(100dvh - 32px); }
.tq-calendar-page .cal-toolbar { padding: 18px 18px 14px; min-height: 72px; flex-wrap: nowrap; gap: 6px; }
.cal-toolbar h1 { margin: 0 auto 0 0; font-size: clamp(19px,2vw,27px); font-weight: 500; letter-spacing: -.04em; text-transform: capitalize; order: 0; white-space: nowrap; }
.cal-toolbar > div { order: 1; margin: 0 auto; }
.cal-toolbar > button { order: 2; min-height: 32px; padding: 0 12px; }
.cal-toolbar > button:nth-of-type(2) { order: 2; }
.cal-toolbar > button:nth-of-type(1) { order: 3; }
.cal-toolbar > button:nth-of-type(3) { order: 4; }
.cal-toolbar #calendar-live-week { display: none; }
.calendar-create-tool { order: 5; }
.calendar-create-tool .cal-new { background: #27282c; border: 0; color: #fff; border-radius: 9px; padding: 9px 12px; font-size: 11px; }
.tq-calendar-page .cal-days { height: 86px; }
.tq-calendar-page .cal-days > b { font-size: 11px; min-height: 64px; }
.tq-calendar-page .cal-days > b small { font-size: 23px; line-height: 1.1; }
.tq-calendar-page .all-day:has(> span:only-child) { display: none; }
.tq-calendar-page .cal-timegrid { height: 706px; padding-top: 20px; }
body:has(.tq-calendar-page.is-active) .workspace-modal-layer { background: #2222220a; backdrop-filter: none; }
body:has(.tq-calendar-page.is-active) .workspace-modal { width: min(340px,calc(100vw - 32px)); padding: 22px; border-radius: 15px; box-shadow: 0 20px 65px #28293726; }
body:has(.tq-calendar-page.is-active) .workspace-modal h2 { font-size: 19px; }
@media(min-width:901px) {
 .tq-calendar-page { padding: 16px 16px 16px 0; }
 .tq-calendar-page .tq-sidebar { inset: 16px auto 16px 16px; width: 230px; padding: 0; background: transparent; border: 0; gap: 10px; }
 .tq-calendar-page .tq-logo, .tq-calendar-page .tq-favorites { display: none; }
 .tq-calendar-page .tq-user { order: -2; margin: 0; padding: 12px; border: 0; border-radius: 15px; gap: 10px; background: #26272c; }
 .tq-calendar-page .tq-user span { display: grid; }
 .tq-calendar-page .tq-user em { display: block; }
 .tq-calendar-page .tq-user strong { font-size: 12px; }
 .tq-calendar-page .tq-user small { font-size: 10px; color: #b3b6c0; }
 .tq-calendar-page .tq-nav { order: -1; display: flex; flex-wrap: nowrap; gap: 2px; justify-content: space-between; padding: 0 3px; }
 .tq-calendar-page .tq-nav :is(a,button) { min-height: 32px; height: 32px; width: 26px; min-width: 0; padding: 4px; margin: 0; flex: 0 0 26px; border-radius: 8px; }
 .tq-calendar-page .tq-nav span { display: none; }
 .tq-calendar-page .cal-rail { display: flex; min-height: 0; padding: 0; flex: 1; max-height: none; gap: 12px; }
 .tq-calendar-page .cal-rail .social-calendar-launch, .tq-calendar-page .cal-rail .social-calendar-note { display: none; }
 .tq-calendar-page .cal-main { margin-left: 260px; }
 .cal-rail .mini-month { padding: 18px 14px; }
 .cal-rail .mini-days { gap: 7px 3px; }
 .cal-rail .mini-days button { height: 26px; }
 .cal-rail .cal-upcoming p:nth-of-type(n+3) { display: none; }
 .cal-rail .cal-upcoming p { padding: 7px 0; }
}
@media(min-width:901px) and (max-width:1100px) {
 .tq-calendar-page .tq-sidebar { width: 204px; left: 12px; }
 .tq-calendar-page .cal-main { margin-left: 228px; }
 .tq-calendar-page .tq-nav { gap: 0; padding: 0; }
 .tq-calendar-page .tq-nav :is(a,button) { flex-basis: 24px; width: 24px; }
 .tq-calendar-page .cal-toolbar { flex-wrap: wrap; }
 .cal-toolbar h1 { width: 100%; }
}
@media(max-width:900px) {
 .tq-calendar-page .cal-toolbar { flex-wrap: wrap; }
 .cal-toolbar h1 { width: 100%; }
 .tq-calendar-page .cal-main { margin-left: 0; }
}
@media(max-width:1100px) and (min-width:901px) {
  .cal-layout { grid-template-columns: 180px minmax(0,1fr); }
  .cal-top .cal-search { width: 130px; }
}
@media(max-width:900px) {
  .tq-calendar-page { padding: 10px; }
  .tq-calendar-page .cal-main { margin-left: 0; }
  .cal-layout { display: block; }
  .cal-rail { display: none; }
  .cal-week-card { overflow-x: auto; }
  .cal-days,.cal-timegrid,.all-day { min-width: 650px; }
  .cal-top { padding: 18px 14px; flex-wrap: wrap; }
  .cal-top .cal-search { width: auto; }
  .cal-top > div { flex-wrap: wrap; }
}

/* Unified reference system: graphite frame, paper canvas, quiet pastel surfaces. */
:root {
  --tq-frame: #191a1d;
  --tq-panel: #25262a;
  --tq-paper: #f3f4f6;
  --tq-lilac: #e5daf8;
  --tq-blue: #c4def8;
  --tq-mint: #c5efd6;
  --tq-rose: #f4d2e6;
  --tq-sand: #f9e3aa;
}
.tq-dashboard, .tq-workspace-page { background: var(--tq-frame); }
.tq-main, .workspace-main { background: var(--tq-paper); }
.tq-top, .workspace-top { border-bottom: 1px solid #e5e6eb; padding-bottom: 24px; }
.tq-top h1, .workspace-top h1 { font-weight: 550; }
.tq-sidebar .tq-nav a { color: #bfc0c9; }
.tq-sidebar .tq-nav a.active { background: #39313f; color: #efddff; }
.tq-sidebar .tq-nav a:hover { color: #fff; }
.tq-sidebar .tq-user { border: 1px solid #ffffff07; border-radius: 15px; background: var(--tq-panel); }
.tq-sidebar .tq-favorites { padding: 18px 12px; background: #232428; border: 0; border-radius: 15px; }
.tq-sidebar .tq-favorites h4 { color: #e6e4ec; }
.tq-sidebar .tq-favorites button { color: #c9c6d3; }
.tq-sidebar .tq-user strong { color: #f4f3f7; }
.tq-sidebar .tq-user small { color: #b9b7c3; }
:is(.tq-sidebar,.social-sidebar) :is(a,button):focus-visible { outline: 2px solid #c5a5ee; outline-offset: 3px; }
.workspace-day-overview { gap: 12px; }
.workspace-day-overview button { padding: 20px; border: 0; border-radius: 16px; color: #4c4657; }
.workspace-day-overview button:nth-child(1) { background: var(--tq-lilac); }
.workspace-day-overview button:nth-child(2) { background: var(--tq-rose); }
.workspace-day-overview button:nth-child(3) { background: var(--tq-blue); }
.workspace-day-overview button:nth-child(4) { background: var(--tq-mint); }
.workspace-day-overview button span:last-child { color: #63566e; }
.workspace-day-overview button:hover { box-shadow: inset 0 0 0 1px #79658d66; }
.workspace-day-overview button b { font-size: 29px; font-weight: 550; }
.workspace-focus { background: #27282c; box-shadow: none; }
.tq-card, .tq-sidecard { border-color: #e9eaef; box-shadow: none; border-radius: 18px; }
.tq-week > b { background: #f4f5f7; border-radius: 10px; margin: 4px; }
.tq-week > b.today { background: #28292d; color: #fff; }
.tq-week > b.today small { color: #eeeaf5; }
.tq-schedule .daycols { background: repeating-linear-gradient(to bottom,#f3f4f6 0,#f3f4f6 43px,#e7e8ed 44px); }
.tq-schedule .daycols > i { border-color: transparent; }
.tq-schedule .event { border: 0; border-radius: 9px; }
.tq-sidecard > a { color: #72528e; }
.tq-col { border: 0; border-radius: 13px; padding: 10px; }
.tq-col.todo { background: #ece5f5; }
.tq-col.progress { background: #e1edf9; }
.tq-col.review { background: #faefd5; }
.tq-col.done { background: #dff0e6; }
.tq-col article { background: #fff; border-color: #ffffffb3; border-radius: 10px; box-shadow: 0 2px 5px #25263104; }
.tq-col article:hover { border-color: #bca5db; }
.tq-col > button { border-color: #8a809b55; color: #62566f; }
.tq-col h3 small { background: #ffffffa6; color: #504b59; }
.workspace-toolbar, .workspace-refine { gap: 12px; }
.workspace-tabs, .workspace-segments { background: #e9eaf0; border-radius: 12px; padding: 4px; }
.workspace-tabs button, .workspace-segments button { border: 0; background: transparent; color: #62636f; }
.workspace-tabs button.active, .workspace-segments button.active { background: #fff; color: #29272e; box-shadow: 0 2px 6px #24242e08; }
.workspace-stats { background: transparent; border: 0; box-shadow: none; gap: 12px; }
.workspace-stats article { border: 0; border-radius: 16px; padding: 22px; background: var(--tq-lilac); }
.workspace-stats article:nth-child(2) { background: var(--tq-blue); }
.workspace-stats article:nth-child(3) { background: var(--tq-sand); }
.workspace-stats article:nth-child(4) { background: var(--tq-mint); }
.workspace-stats article + article { border: 0; }
.workspace-stats :is(small,span) { color: #56525f; }
.workspace-stats article b { font-weight: 550; }
.workspace-context-note { background: #ebe7f2; border-color: #e0d8eb; border-radius: 14px; color: #4f465e; }
.workspace-context-note :is(span,small) { color: #655c73; }
.workspace-task-list { overflow: hidden; }
.workspace-task-list article { padding-top: 18px; padding-bottom: 18px; }
.workspace-task-list article.is-overdue { background: #fff5f8; }
.workspace-project-grid article { padding: 24px; border: 1px solid #e7e8ed; }
.workspace-project-grid article:nth-child(4n+1) { background: #f0eafa; }
.workspace-project-grid article:nth-child(4n+2) { background: #e8f2fc; }
.workspace-project-grid article:nth-child(4n+3) { background: #e8f5ed; }
.workspace-project-grid article:nth-child(4n+4) { background: #fcf3df; }
.workspace-project-grid .project-color { height: 5px; border-radius: 8px; }
.workspace-project-grid .project-progress { background: #ffffffb3; }
.workspace-project-grid .social-project-link { background: #ffffff99; color: #574969; border-color: #ffffff; }
.workspace-project-grid .project-archive-action { color: #645d70; }
.workspace-project-grid .project-favorite-toggle { color: #745591; }
.workspace-note-grid article { background: #fff5da; border-color: #eee4c9; }
.workspace-note-grid article:nth-child(3n+2) { background: #e6f2fc; border-color: #dae6ef; }
.workspace-note-grid article:nth-child(3n+3) { background: #f9e7ef; border-color: #eedce5; }
.workspace-note-grid article.is-pinned { background: #ece3fa; border-color: #ddcdef; }
.workspace-note-grid article > p { color: #56505f; }
.workspace-note-grid footer { border-color: #45365414; }
.workspace-program-list article { border-radius: 16px; border-color: #e7e8ed; padding: 22px; }
.workspace-program-list .program-time { border: 0; border-radius: 12px; padding: 15px; background: var(--tq-lilac); }
.workspace-program-list article:nth-child(3n+2) .program-time { background: var(--tq-blue); }
.workspace-program-list article:nth-child(3n+3) .program-time { background: var(--tq-mint); }
.workspace-program-list article.disabled { background: #eceef2; }
.workspace-report-grid > section { border-radius: 18px; border-color: #e7e8ed; }
.report-bars i { background: #f0edf5; height: 10px; }
.report-bars i b { background: #b69bdc; }
.report-bars > div:nth-child(4n+2) i b { background: #9fc8ed; }
.report-bars > div:nth-child(4n+3) i b { background: #e8c977; }
.report-bars > div:nth-child(4n+4) i b { background: #8bcba6; }
.report-insight { background: #f1edf8; padding: 18px; border-radius: 13px; }
.report-insight:nth-child(odd) { background: #edf4fa; }
.workspace-report-grid button { background: #f4f2f8; border-color: #e5dfed; color: #645573; }
.workspace-empty-state { background: #fff; border: 1px dashed #d2c6e0; border-radius: 18px; }
.workspace-modal-layer { background: #191a1d40; backdrop-filter: blur(3px); }
.workspace-modal :is(input,textarea,select), .workspace-detail-grid p { background: #f4f5f7; }
.workspace-modal-close { background: #f0eef4; }
.account-popover { background: #fff; border-color: #e5e1eb; color: #2d2934; }
.account-popover :is(header,footer) { border-color: #eae6ef; }
.account-popover button:hover, .account-popover button:focus-visible { background: #efe8f8; }
.account-popover button span { color: #775993; }
:is(.workspace-top-actions,.workspace-toolbar,.workspace-project-grid,.workspace-note-grid,.workspace-program-list) button:hover { border-color: #bba4d6; }
@media (min-width: 901px) {
  .tq-dashboard, .tq-workspace-page { padding: 16px 16px 16px 0; }
  .tq-dashboard .tq-main, .tq-workspace-page .workspace-main { margin-left: 260px; min-height: calc(100dvh - 32px); border-radius: 22px; padding: 28px 30px 40px; }
  .tq-dashboard .tq-sidebar, .tq-workspace-page .tq-sidebar { inset: 16px auto 16px 16px; width: 230px; padding: 0; border: 0; background: transparent; gap: 16px; overflow-y: auto; scrollbar-width: thin; }
  .tq-dashboard .tq-user, .tq-workspace-page .tq-user { order: -2; padding: 14px 12px; margin: 0; flex-shrink: 0; }
  .tq-dashboard .tq-logo, .tq-workspace-page .tq-logo { display: none; }
  .tq-dashboard .tq-nav, .tq-workspace-page .tq-nav { padding: 8px; background: #232428; border-radius: 16px; }
  .tq-sidebar .tq-nav a { margin-bottom: 3px; }
}
@media (min-width: 901px) and (max-width: 1100px) {
  .tq-dashboard .tq-sidebar, .tq-workspace-page .tq-sidebar { width: 204px; left: 12px; }
  .tq-dashboard .tq-main, .tq-workspace-page .workspace-main { margin-left: 228px; padding: 22px; }
}
@media (max-width: 900px) {
  .tq-dashboard, .tq-workspace-page { padding: 10px 10px 0; }
  .tq-dashboard .tq-main, .tq-workspace-page .workspace-main { margin-left: 0; min-width: 0; border-radius: 18px 18px 0 0; padding: 22px 16px 100px; }
  .workspace-day-overview { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .workspace-day-overview button { padding: 16px; }
  .workspace-top { flex-wrap: wrap; gap: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .social-workspace * { animation: none !important; transition: none !important; }
}
.cal-toolbar .tq-smart-button { background: #e7ddf6 !important; border-color: #dacee9 !important; color: #483759 !important; font-weight: 600; }
.workspace-day-overview button + button { border-left: 0; border-radius: 16px; }
.tq-user:focus-visible { outline: 2px solid #c5a5ee; outline-offset: 2px; }
.workspace-focus .workspace-kicker { color: #d2b9f5; }
.workspace-focus-progress i b { background: #c3a5e8; }
@media (max-width: 760px) {
  .tq-top { flex-wrap: wrap; height: auto; gap: 18px; }
  .tq-actions { flex-wrap: wrap; width: 100%; gap: 8px; }
  .tq-cardhead { flex-wrap: wrap; height: auto; gap: 12px; }
  .tq-cardhead .tq-tabs { margin-left: 0; }
  .tq-right { width: 100%; min-width: 0; }
  .tq-right .tq-sidecard { width: 100%; min-width: 0; }
}
@media (max-width: 760px) {
  .tq-grid { grid-template-columns: minmax(0,1fr); grid-template-rows: auto; }
  .tq-grid > * { grid-column: 1; grid-row: auto; min-width: 0; }
  .tq-right { grid-template-columns: minmax(0,1fr); grid-template-rows: auto; }
  .tq-cardhead { display: flex; }
  .tq-columns { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
/* Compact navigation stays below the workspace. */
@media (max-width: 900px) {
  .tq-dashboard .tq-sidebar, .tq-calendar-page .tq-sidebar, .tq-workspace-page .tq-sidebar {
    display:flex; flex-direction:row; align-items:center; gap:6px; position:fixed;
    inset:auto 8px 8px; width:auto; height:76px; padding:6px 8px;
    background:#232428; border:1px solid #ffffff14; border-radius:18px;
    box-shadow:0 8px 30px #0003; z-index:100;
  }
  .tq-sidebar :is(.tq-logo,.tq-favorites,.cal-rail) { display:none; }
  .tq-sidebar .tq-nav { display:flex; flex:1; min-width:0; gap:3px; overflow-x:auto; padding:2px; margin:0; scrollbar-width:none; background:transparent; }
  .tq-sidebar .tq-nav :is(a,button) { display:flex; flex-direction:column; justify-content:center; align-items:center; flex:0 0 66px; min-width:66px; min-height:54px; height:auto; margin:0; padding:7px 3px; gap:5px; border-radius:10px; font-size:10px; }
  .tq-sidebar .tq-nav :is(a,button) span { display:block; font-size:10px; }
  .tq-sidebar .tq-nav svg { width:18px; height:18px; flex-shrink:0; }
  .tq-sidebar .tq-user { flex:0 0 42px; padding:3px; margin:0; background:transparent; border:0; }
  .tq-sidebar .tq-user > b { width:36px; height:36px; }
  .tq-sidebar .tq-user :is(span,em) { display:none; }
  .tq-calendar-page { padding-bottom:100px; }
  .tq-command-orb { bottom:96px; }
}

/* Calendar: measured against the supplied desktop reference. */
@media (min-width: 901px) {
  .tq-calendar-page { min-height:100dvh; padding:12px 12px 12px 0; background:#16171a; }
  .tq-calendar-page .tq-sidebar {
    inset:12px auto 12px 12px; width:218px; padding:0; gap:10px;
    overflow:hidden; background:transparent;
  }
  .tq-calendar-page .tq-logo, .tq-calendar-page .tq-favorites { display:none; }
  .tq-calendar-page .tq-nav {
    order:-2; display:flex; flex-wrap:nowrap; justify-content:space-between;
    gap:2px; padding:4px; border-radius:12px; background:#242529;
  }
  .tq-calendar-page .tq-nav :is(a,button) {
    display:grid; place-items:center; flex:1 1 0; min-width:0; width:auto;
    height:32px; min-height:32px; margin:0; padding:5px; border-radius:8px;
    color:#bfc0c9;
  }
  .tq-calendar-page .tq-nav :is(a,button).active { background:#3a3241; color:#eadbfa; }
  .tq-calendar-page .tq-nav :is(a,button):hover { background:#303137; color:#fff; }
  .tq-calendar-page .tq-nav span { display:none; }
  .tq-calendar-page .tq-nav svg { width:16px; height:16px; }
  .tq-calendar-page .tq-user {
    order:-3; min-height:64px; margin:0; padding:11px 12px;
    border:0; border-radius:17px; background:#242529;
  }
  .tq-calendar-page .tq-user > b { width:34px; height:34px; font-size:11px; background:#c09aee; }
  .tq-calendar-page .tq-user strong { font-size:11px; }
  .tq-calendar-page .tq-user small { font-size:9px; }
  .tq-calendar-page .cal-rail {
    order:-1; display:flex; flex-direction:column; flex:1; min-height:0; gap:10px;
    overflow:hidden; padding:0; max-height:none;
  }
  .tq-calendar-page .cal-main { margin-left:242px; }
  .tq-calendar-page .cal-week-card { min-height:calc(100dvh - 24px); border-radius:18px; }
}
.tq-calendar-page .cal-toolbar {
  min-height:64px; height:64px; padding:12px 17px; gap:6px; border-radius:18px 18px 0 0;
}
.tq-calendar-page .cal-toolbar h1 { font-size:24px; font-weight:500; }
.tq-calendar-page .cal-toolbar > div { position:absolute; left:50%; transform:translateX(-50%); margin:0; }
.tq-calendar-page .cal-toolbar > div span { min-width:58px; padding:8px 15px; text-align:center; }
.tq-calendar-page .cal-toolbar > button { width:36px; min-width:36px; padding:0; }
.tq-calendar-page .cal-toolbar > button:first-of-type { width:66px; order:3; }
.tq-calendar-page .cal-toolbar > button:nth-of-type(2) { margin-left:auto; }
.tq-calendar-page .calendar-create-tool, .tq-calendar-page .cal-toolbar > .tq-smart-button { display:none; }
.tq-calendar-page .cal-days {
  height:76px; grid-template-columns:46px repeat(7,minmax(0,1fr));
  gap:5px; padding:0 16px 12px 0; background:#fff;
}
.tq-calendar-page .cal-days > b {
  min-height:62px; border-radius:9px; font-size:9px; font-weight:500;
  color:#575962; background:#f4f5f7;
}
.tq-calendar-page .cal-days > b small { font-size:21px; font-weight:700; }
.tq-calendar-page .cal-days > b.today { background:#27282c; }
.tq-calendar-page .cal-timegrid {
  height:calc(100dvh - 164px); min-height:520px; max-height:720px;
  grid-template-columns:46px minmax(0,1fr); padding:14px 16px 0 0; margin:0;
  background:#f3f4f6;
}
.tq-calendar-page .cal-hours { grid-template-rows:repeat(8,1fr); padding:0; }
.tq-calendar-page .cal-hours span { padding:0 0 0 16px; transform:translateY(-5px); font-size:9px; color:#555861; }
.tq-calendar-page .cal-columns {
  background:repeating-linear-gradient(to bottom,#f3f4f6 0,#f3f4f6 calc(12.5% - 1px),#e2e4e9 12.5%);
  overflow:visible;
}
.tq-calendar-page .cal-columns > i { border-left:0; }
.tq-calendar-page .cal-event.calendar-record {
  min-height:74px; height:auto; padding:10px 8px; border:1px solid #ffffff9c;
  border-radius:8px; gap:4px; overflow:hidden;
}
.tq-calendar-page .cal-event.calendar-record time { font-size:9px; }
.tq-calendar-page .cal-event.calendar-record b { font-size:10px; line-height:1.35; }
.tq-calendar-page .cal-event.calendar-record small { font-size:9px; }
.calendar-quick-add {
  position:absolute; left:calc(100% / 7 + 3px); top:8px; z-index:4;
  display:grid; place-items:center; width:calc(100% / 7 - 6px); height:78px;
  border:1px dashed #898490; border-radius:8px; background:#f8f8f9; color:#66616c;
  font-size:19px; cursor:pointer;
}
.calendar-quick-add:hover { background:#eee8f5; border-color:#82699a; }
.tq-calendar-page .shared-week-agenda { display:none; }
.tq-calendar-page .cal-rail :is(.mini-month,.cal-upcoming,.focus-card,.calendar-highlight,.calendar-categories) {
  border:0; border-radius:16px; background:#242529; color:#f1f0f4; box-shadow:none;
}
.tq-calendar-page .mini-month { padding:15px 13px; }
.tq-calendar-page .mini-month header { margin-bottom:10px; }
.tq-calendar-page .mini-month header b { font-size:12px; }
.tq-calendar-page .mini-days { gap:4px 1px; }
.tq-calendar-page .mini-days small { font-size:7px; }
.tq-calendar-page .mini-days button { width:23px; height:23px; min-height:23px; font-size:8px; }
.calendar-highlight { position:relative; min-height:113px; padding:14px 14px 13px; overflow:hidden; }
.calendar-highlight::after {
  content:''; position:absolute; right:-15px; bottom:-24px; width:78px; height:78px;
  border:9px solid #e9e7df; border-radius:10px; transform:rotate(-34deg); opacity:.95;
}
.calendar-highlight > small { display:flex; justify-content:space-between; color:#c5c3cb; font-size:8px; }
.calendar-highlight > small em { color:#c8a4ee; font-style:normal; }
.calendar-highlight > b { display:block; margin-top:10px; color:#bdbbc3; font-size:9px; font-weight:500; }
.calendar-highlight > strong { display:block; max-width:135px; margin-top:3px; font-size:11px; line-height:1.35; }
.calendar-highlight > div { display:flex; gap:7px; margin-top:10px; }
.calendar-highlight button { position:relative; z-index:1; padding:6px 12px; border:1px solid #65566f; border-radius:7px; background:transparent; color:#ddd6e6; font-size:8px; }
.calendar-highlight button:last-child { background:#c09aee; border-color:#c09aee; color:#2d2039; }
.tq-calendar-page .cal-upcoming { flex:1; min-height:145px; padding:14px; overflow:hidden; }
.tq-calendar-page .cal-upcoming > h2:first-child { display:none; }
.tq-calendar-page .cal-upcoming > p, .tq-calendar-page .cal-upcoming > hr { display:none; }
.tq-calendar-page .cal-upcoming h2 { margin:0 0 10px; color:#f2f1f5; font-size:11px; }
.tq-calendar-page .cal-upcoming h2 small { float:right; display:block; margin:0; font-size:8px; }
.tq-calendar-page .cal-upcoming label { margin:7px 0; color:#dbdae0; font-size:9px; }
.tq-calendar-page .cal-upcoming label:last-child { color:#b8a0d1; }
.tq-calendar-page .cal-upcoming input { margin-right:7px; }
.tq-calendar-page .focus-card { display:none; }
.calendar-categories { padding:13px 14px; }
.calendar-categories h2 { display:flex; justify-content:space-between; margin:0 0 10px; font-size:11px; }
.calendar-categories label { display:grid; grid-template-columns:8px 55px 1fr; align-items:center; gap:6px; margin:7px 0; font-size:8px; }
.calendar-categories label i { width:7px; height:7px; border-radius:50%; background:#f4d37e; }
.calendar-categories label:nth-of-type(2) i { background:#a9d5f6; }
.calendar-categories label:nth-of-type(3) i { background:#efa7d0; }
.calendar-categories label b { height:2px; border-radius:2px; background:#f4d37e; }
.calendar-categories label:nth-of-type(2) b { width:55%; background:#a9d5f6; }
.calendar-categories label:nth-of-type(3) b { width:90%; background:#efa7d0; }
body:has(.tq-calendar-page.is-active) .workspace-modal-layer { place-items:start center; padding:135px 20px 20px 38%; }
body:has(.tq-calendar-page.is-active) .workspace-modal { width:min(342px,calc(100vw - 32px)); border-radius:14px; padding:22px; }
body:has(.tq-calendar-page.is-active) .workspace-modal-content h2 { font-size:18px; font-weight:600; }
.calendar-event-form { gap:11px; }
.calendar-event-form .workspace-field > span { font-size:9px; }
.calendar-event-form :is(input,select,textarea) { padding:9px 10px; }
.calendar-event-tags { display:flex; flex-wrap:wrap; gap:6px; }
.calendar-event-tags button { padding:7px 10px; border:0; border-radius:7px; background:#eee6f8; color:#5c4970; font-size:8px; }
.calendar-event-tags button:nth-child(2) { background:#fff1c9; color:#7a6228; }
.calendar-event-tags button:nth-child(3) { background:#dff2ec; color:#416e60; }
.calendar-attendees { display:flex; align-items:center; padding:5px 0; }
.calendar-attendees i { display:grid; place-items:center; width:29px; height:29px; margin-right:-5px; border:2px solid #fff; border-radius:50%; background:#f3c179; color:#3d2c22; font-size:7px; font-style:normal; }
.calendar-attendees i:nth-child(2) { background:#e6a5ba; }
.calendar-attendees i:nth-child(3) { background:#a9c7e5; }
.calendar-attendees button { display:grid; place-items:center; width:29px; height:29px; margin-left:auto; border:1px dashed #8b778f; border-radius:50%; background:#fff; color:#6a5570; }
.calendar-event-form > p { margin:0; color:#8a8790; font-size:8px; }
.calendar-event-form .workspace-modal-actions { gap:0; }
.calendar-event-form .workspace-modal-actions .workspace-primary { flex:1; border-radius:8px 0 0 8px; }
.calendar-event-form .calendar-more { border-radius:0 8px 8px 0; background:#292a2e; color:#fff; border-color:#44454b; }
@media (max-width: 900px) {
  body:has(.tq-calendar-page.is-active) .workspace-modal-layer { place-items:center; padding:16px; }
  .calendar-quick-add { left:calc(100% / 7 + 3px); }
}

/* Page-aware left rail shared by dashboard and workspace pages. */
@media (min-width: 901px) {
  .tq-dashboard .tq-sidebar, .tq-workspace-page .tq-sidebar {
    gap:10px; overflow:hidden;
  }
  .tq-dashboard .tq-user, .tq-workspace-page .tq-user {
    order:-3; min-height:64px; padding:11px 12px; border:0; border-radius:17px; background:#242529;
  }
  .tq-dashboard .tq-user > b, .tq-workspace-page .tq-user > b { width:34px; height:34px; font-size:11px; background:#c09aee; }
  .tq-dashboard .tq-user strong, .tq-workspace-page .tq-user strong { font-size:11px; }
  .tq-dashboard .tq-user small, .tq-workspace-page .tq-user small { font-size:9px; }
  .tq-dashboard .tq-nav, .tq-workspace-page .tq-nav {
    order:-2; display:flex; flex-wrap:nowrap; justify-content:space-between;
    gap:2px; padding:4px; border-radius:12px; background:#242529;
  }
  .tq-dashboard .tq-nav :is(a,button), .tq-workspace-page .tq-nav :is(a,button) {
    display:grid; place-items:center; flex:1 1 0; min-width:0; width:auto;
    height:32px; min-height:32px; margin:0; padding:5px; border-radius:8px;
  }
  .tq-dashboard .tq-nav span, .tq-workspace-page .tq-nav span { display:none; }
  .tq-dashboard .tq-nav svg, .tq-workspace-page .tq-nav svg { width:16px; height:16px; }
  .tq-dashboard .tq-favorites, .tq-workspace-page .tq-favorites { display:none; }
}
.tq-context-sidebar {
  order:-1; display:flex; flex:1; min-height:0; flex-direction:column; gap:10px;
  overflow-y:auto; padding-right:1px; scrollbar-width:thin; scrollbar-color:#4c4654 transparent;
}
.context-panel {
  flex:none; padding:14px; border-radius:16px; background:#242529; color:#f1f0f4;
}
.context-panel h2 { display:flex; align-items:center; justify-content:space-between; margin:0 0 11px; font-size:11px; font-weight:650; }
.context-panel h2 > span { color:#aaa7b1; font-size:9px; }
.context-statgrid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.context-statgrid button {
  display:grid; gap:3px; min-width:0; padding:10px; border:1px solid #3a3b42;
  border-radius:10px; background:#2c2d32; color:#dddce2; text-align:left;
}
.context-statgrid button:hover { background:#36323e; border-color:#675778; }
.context-statgrid button b { color:#fff; font-size:18px; font-weight:550; }
.context-statgrid button span { color:#aaa8b2; font-size:8px; }
.context-feature {
  display:grid; gap:5px; width:100%; padding:12px; border:0; border-radius:11px;
  background:#eee6f8; color:#392b46; text-align:left;
}
.context-feature small { color:#715d83; font-size:8px; }
.context-feature b { font-size:10px; line-height:1.4; }
.context-feature span { color:#72548d; font-size:8px; }
.context-progress { display:grid; gap:7px; margin:10px 0; }
.context-progress > div { display:flex; justify-content:space-between; color:#c7c5cd; font-size:8px; }
.context-progress strong { color:#e9e7ee; font-size:8px; }
.context-progress > i { display:block; height:3px; overflow:hidden; border-radius:3px; background:#3c3d44; }
.context-progress > i b { display:block; height:100%; border-radius:3px; background:#c09aee; }
.context-progress.blue > i b { background:#9dcced; }
.context-progress.rose > i b { background:#e99bc8; }
.context-progress.mint > i b { background:#94d8b0; }
.context-row, .context-project, .context-note, .context-program {
  display:grid; grid-template-columns:8px minmax(0,1fr); align-items:center; gap:8px;
  width:100%; padding:8px 2px; border:0; border-bottom:1px solid #383940;
  background:transparent; color:#e3e1e7; text-align:left;
}
.context-row:last-child, .context-project:last-child, .context-note:last-child, .context-program:last-child { border-bottom:0; }
.context-row > i { width:7px; height:7px; border-radius:50%; background:#c09aee; }
.context-project > i { width:7px; height:25px; border-radius:5px; }
.context-note > i { color:#d3b0f2; font-size:9px; font-style:normal; }
.context-row span, .context-project span, .context-note span, .context-program span { display:grid; gap:3px; min-width:0; }
.context-row b, .context-project b, .context-note b, .context-program b { overflow:hidden; font-size:9px; font-weight:550; text-overflow:ellipsis; white-space:nowrap; }
.context-row small, .context-project small, .context-note small, .context-program small { color:#9f9ca7; font-size:8px; }
.context-program { grid-template-columns:42px minmax(0,1fr); }
.context-program time { color:#d6b7f0; font-size:10px; font-weight:650; }
.context-empty { margin:0; color:#9f9ca7; font-size:9px; line-height:1.55; }
.context-period { display:flex; justify-content:space-between; width:100%; padding:10px; border:1px solid #3c3d43; border-radius:9px; background:#2d2e33; color:#dedce4; font-size:9px; }
.context-metrics { display:grid; gap:3px; }
.context-metrics p { display:flex; align-items:center; justify-content:space-between; margin:0; padding:9px 0; border-bottom:1px solid #383940; }
.context-metrics p:last-child { border-bottom:0; }
.context-metrics span { color:#aaa8b1; font-size:8px; }
.context-metrics b { font-size:13px; font-weight:550; }
@media (max-width: 900px) {
  .tq-context-sidebar { display:none; }
}

/* Profile media and a calmer, more legible navigation hierarchy. */
.tq-user > b.has-photo { background-size:cover!important; background-position:center!important; box-shadow:0 0 0 2px #ffffff16; }
.profile-editor { gap:16px; }
.profile-cover { position:relative; height:230px; margin:-2px -2px 10px; border-radius:18px; overflow:hidden; background:#2b2930; }
.profile-cover [data-profile-banner] { position:absolute; inset:0 0 64px; background:linear-gradient(120deg,#3c3347,#765b8d 55%,#c6a2e7); background-size:cover; background-position:center; }
.profile-cover [data-profile-banner]:after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 40%,#1f1e2350); }
.profile-avatar { position:absolute; left:24px; bottom:20px; display:grid; place-items:center; width:92px; height:92px; border:5px solid #fff; border-radius:50%; background:#c4a0ec center/cover no-repeat; color:#2a1d36; font-size:24px; font-weight:800; box-shadow:0 8px 24px #15121a35; }
.profile-media-action,.profile-media-remove { position:absolute; z-index:2; min-height:34px!important; padding:7px 11px!important; border:1px solid #ffffff30!important; border-radius:9px!important; background:#1d1c22cc!important; color:#fff!important; font-size:11px!important; font-weight:700; cursor:pointer; }
.profile-media-action input { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.banner-action { right:14px; top:14px; }.banner-remove { right:14px; top:54px; }
.avatar-action { left:126px; bottom:53px; }.avatar-remove { left:126px; bottom:15px; }
.profile-media-remove[hidden] { display:none; }
.profile-editor [data-profile-status] { min-height:18px; margin:0; color:#9a3f39; font-size:12px; }
@media(min-width:901px){
  .tq-sidebar .tq-nav a,.tq-sidebar .tq-nav .social-nav-button { min-height:42px; padding:10px 12px; color:#d2d0d8; font-size:13px; font-weight:580; }
  .tq-sidebar .tq-nav a.active,.tq-sidebar .tq-nav .social-nav-button.active { color:#fff; background:#3e3447; box-shadow:inset 3px 0 #c19ae8; }
  .tq-sidebar .tq-nav svg { color:#bdaecb; }
  .tq-sidebar .tq-user { min-height:68px; }
  .tq-sidebar .tq-user strong { font-size:12.5px; }.tq-sidebar .tq-user small { font-size:10.5px; }
  .context-panel { border:1px solid #ffffff08; }.context-panel h2 { font-size:12px; color:#f0edf4; }
}
@media(max-width:560px){.profile-cover{height:210px}.profile-avatar{width:78px;height:78px}.avatar-action,.avatar-remove{left:112px}}

/* Fixed desktop rail: every page shares the same geometry. */
@media(min-width:901px){
  :root{--tq-rail-left:16px;--tq-rail-width:230px;--tq-content-left:262px}
  .tq-dashboard .tq-sidebar,.tq-workspace-page .tq-sidebar,.tq-calendar-page .tq-sidebar{left:var(--tq-rail-left)!important;right:auto!important;width:var(--tq-rail-width)!important;inset-block:16px!important;padding:0!important;box-sizing:border-box}
  .tq-dashboard .tq-main,.tq-workspace-page .workspace-main,.tq-calendar-page .cal-main{margin-left:var(--tq-content-left)!important}
  .tq-dashboard .tq-nav,.tq-workspace-page .tq-nav,.tq-calendar-page .tq-nav{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;width:100%;padding:6px!important;overflow:hidden;border:1px solid #ffffff08;border-radius:15px;background:#242529}
  .tq-dashboard .tq-nav :is(a,button),.tq-workspace-page .tq-nav :is(a,button),.tq-calendar-page .tq-nav :is(a,button){display:grid!important;place-items:center;width:100%!important;min-width:0!important;height:36px!important;min-height:36px!important;margin:0!important;padding:0!important;border:0!important;border-radius:9px!important;box-shadow:none!important;transform:none!important}
  .tq-sidebar .tq-nav :is(a,button).active{background:#463752!important;color:#f2e5ff!important;box-shadow:inset 0 0 0 1px #9c70bd55!important}
  .tq-sidebar .tq-nav :is(a,button):hover{background:#303137!important}
  .tq-sidebar .tq-nav svg{width:16px!important;height:16px!important}
}

/* Profile editor: clear separation between preview and editable fields. */
.workspace-modal:has(.profile-editor){width:min(680px,calc(100vw - 32px));padding:24px}.workspace-modal:has(.profile-editor) .workspace-modal-content>h2{margin:3px 0 18px;font-size:21px}
.profile-editor{gap:14px}.profile-hero{overflow:hidden;border:1px solid #e7e3ea;border-radius:18px;background:#fff;box-shadow:0 8px 28px #29202f0a}
.profile-banner{position:relative;height:172px;background:linear-gradient(125deg,#302b37,#6d587c 52%,#b38bd0) center/cover no-repeat}
.profile-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,#17131d55);pointer-events:none}
.profile-banner-actions{position:absolute;z-index:2;right:12px;top:12px;display:flex;gap:7px}
.profile-identity-row{position:relative;display:grid;grid-template-columns:92px auto minmax(0,1fr);align-items:center;gap:10px;min-height:92px;padding:14px 18px 14px 24px}
.profile-avatar{position:relative;left:auto;bottom:auto;z-index:3;width:88px;height:88px;margin-top:-58px;border:5px solid #fff;border-radius:50%;background:#c4a0ec center/cover no-repeat;box-shadow:0 8px 24px #17121d25;font-size:21px}
.profile-avatar-actions{display:flex;gap:6px;align-items:center}.profile-preview-copy{display:grid;gap:3px;justify-self:end;text-align:right}.profile-preview-copy b{color:#302c35;font-size:12px}.profile-preview-copy small{max-width:220px;color:#817b86;font-size:10px;line-height:1.45}
.profile-media-action,.profile-media-remove{position:relative;left:auto;right:auto;top:auto;bottom:auto;display:inline-flex;align-items:center;min-height:33px!important;padding:7px 10px!important;border:1px solid #ded8e4!important;border-radius:9px!important;background:#fff!important;color:#423b49!important;font-size:10px!important;font-weight:700;cursor:pointer;white-space:nowrap}.profile-banner .profile-media-action,.profile-banner .profile-media-remove{border-color:#ffffff30!important;background:#1d1a21c9!important;color:#fff!important;backdrop-filter:blur(7px)}
.profile-media-action input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.profile-media-remove[hidden]{display:none}.profile-form-heading{display:grid;gap:3px;margin:3px 0}.profile-form-heading b{color:#302d34;font-size:13px}.profile-form-heading small{color:#817c86;font-size:10px}.profile-workspace-note{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid #ebe7ee;border-radius:11px;background:#f7f5f8}.profile-workspace-note span{color:#7c7581;font-size:11px}.profile-workspace-note b{color:#37323b;font-size:11px}.profile-editor .workspace-field input[readonly]{color:#7d7781;background:#f4f2f5}.profile-editor .workspace-modal-actions{margin-top:6px;padding-top:14px;border-top:1px solid #ebe8ed}.profile-editor .workspace-modal-actions button{min-width:110px}
@media(max-width:620px){.profile-identity-row{grid-template-columns:78px 1fr;padding:12px}.profile-avatar{width:74px;height:74px;margin-top:-46px}.profile-avatar-actions{flex-wrap:wrap}.profile-preview-copy{display:none}.profile-banner{height:140px}.profile-banner-actions{left:10px;right:10px;justify-content:flex-end}}
.social-workspace-open{overflow:hidden;background:#16171a!important}.social-workspace-open :is(.tq-dashboard .tq-main,.tq-workspace-page .workspace-main,.tq-calendar-page .cal-main){visibility:hidden}.social-workspace-open :is(.tq-dashboard,.tq-workspace-page,.tq-calendar-page){background:#16171a!important}
.social-workspace-open::after{content:'';position:fixed;z-index:140;inset:0 0 0 var(--social-nav-width,246px);background:#16171a;pointer-events:none}
@media(max-width:900px){.social-workspace-open::after{left:0}}

/* Readable contextual rail: consistent type scale and stronger contrast on every page. */
@media(min-width:901px){
  .tq-context-sidebar{gap:12px;padding-right:3px;scrollbar-color:#675b70 transparent}
  .context-panel{padding:16px 14px;border:1px solid #3a3b42!important;border-radius:17px;background:#26272c;box-shadow:0 5px 18px #00000012}
  .context-panel h2{margin-bottom:13px;color:#fbfaff!important;font-size:13px!important;font-weight:750;letter-spacing:-.01em}
  .context-panel h2>span{color:#c7c3ce;font-size:11px}
  .context-statgrid{gap:8px}
  .context-statgrid button{gap:5px;min-height:72px;padding:12px;border-color:#45464e;border-radius:12px;background:#303137}
  .context-statgrid button:hover{background:#38343f;border-color:#806692}
  .context-statgrid button b{font-size:22px;font-weight:650;line-height:1}
  .context-statgrid button span{color:#c4c1ca;font-size:10px;font-weight:550;line-height:1.3}
  .context-feature{gap:7px;padding:14px;border:1px solid #ffffff80;border-radius:12px;background:#eee5fa;color:#30223d;box-shadow:0 5px 15px #130d1a12}
  .context-feature small{color:#675175;font-size:9.5px;font-weight:550;line-height:1.35}
  .context-feature b{font-size:12px;font-weight:750;line-height:1.45}
  .context-feature span{color:#65477c;font-size:9.5px;font-weight:600}
  .context-progress{gap:9px;margin:12px 0}
  .context-progress>div{align-items:center;color:#d6d3dc;font-size:10px;line-height:1.35}
  .context-progress strong{color:#fff;font-size:10.5px;font-weight:700}
  .context-progress>i{height:5px;background:#45464e}
  .context-row,.context-project,.context-note,.context-program{gap:9px;padding:10px 2px;border-bottom-color:#414249}
  .context-row b,.context-project b,.context-note b,.context-program b{font-size:10.5px;font-weight:650}
  .context-row small,.context-project small,.context-note small,.context-program small{color:#bbb7c1;font-size:9px;line-height:1.35}
  .context-program{grid-template-columns:46px minmax(0,1fr)}
  .context-program time{font-size:11px}
  .context-empty{color:#c0bdc6;font-size:10.5px;line-height:1.6}
  .context-period{padding:11px;border-color:#484951;background:#303137;color:#f2f0f5;font-size:10.5px;font-weight:600}
  .context-metrics p{padding:11px 0;border-bottom-color:#414249}
  .context-metrics span{color:#c5c1cb;font-size:10px}
  .context-metrics b{color:#fff;font-size:15px;font-weight:650}
}