/* SparkFlow Air: calm light workspace with compact, readable hierarchy. */
:root { --reading-width: 1480px; }
html { scroll-padding-top: 24px; }
body { -webkit-font-smoothing: antialiased; }
html[data-theme="light"] {
  --bg: #f6f7fb;
  --surface: #ffffff;
  --surface-alt: #f8f9fc;
  --surface-soft: #eef1f7;
  --border: #e5e8f0;
  --border-strong: #cfd5e1;
  --text: #172033;
  --text-muted: #667085;
  --text-faint: #98a2b3;
  --primary: #5657d9;
  --primary-strong: #4647c5;
  --primary-soft: #eff0ff;
  --shadow: 0 8px 28px rgba(23, 32, 51, .055);
}

.main-area { max-width: var(--reading-width); padding: 30px 34px 52px; }
.page-header { gap: 24px; margin-bottom: 24px; align-items: center; }
.page-heading h1 { font-size: 29px; font-weight: 700; letter-spacing: -.85px; }
.page-heading p { margin-top: 7px; font-size: 12px; line-height: 1.65; }
.page-eyebrow { margin-bottom: 6px; color: var(--primary); font-size: 9px; letter-spacing: 1.65px; }
.page-body, .dashboard-stack { gap: 18px; }

html[data-theme="light"] .sidebar {
  color: #344054;
  background: #ffffff;
  border-right: 1px solid #e7eaf0;
  box-shadow: none;
  --text-muted: #667085;
  --text-faint: #98a2b3;
  --border: #e7eaf0;
}
html[data-theme="light"] .sidebar-head { border-color: #eef0f4; }
html[data-theme="light"] .brand-title { color: #172033; }
html[data-theme="light"] .brand-subtitle { color: #98a2b3; }
html[data-theme="light"] .login-brand-panel .brand-title { color: #f8fafc; }
html[data-theme="light"] .login-brand-panel .brand-subtitle { color: #aebed8; }
html[data-theme="light"] .nav-group-title { color: #98a2b3; }
html[data-theme="light"] .nav-item { color: #667085; }
html[data-theme="light"] .nav-item:hover { color: #344054; background: #f6f7fb; transform: none; }
html[data-theme="light"] .nav-item.active {
  color: #4647c5;
  background: #eff0ff;
  border-color: #e4e5ff;
  box-shadow: inset 3px 0 #696af0;
}
html[data-theme="light"] .nav-item.active svg { color: #5657d9; }
html[data-theme="light"] .sidebar-footer { border-color: #eef0f4; }
html[data-theme="light"] .sidebar-footer .button-quiet { color: #667085; border-color: #e4e7ec; }
html[data-theme="light"] .sidebar-footer .button-quiet:hover { color: #344054; background: #f6f7fb; }
.user-summary-link {
  width: 100%;
  padding: 8px;
  border: 1px solid transparent;
  border-radius: 12px;
  color: inherit;
  text-decoration: none;
  transition: background .15s ease, border-color .15s ease;
}
.user-summary-link:hover { background: rgba(148, 163, 184, .1); border-color: var(--border); }
.user-summary-arrow { width: 16px; height: 16px; margin-left: auto; color: var(--text-faint); }

.brand-mark {
  overflow: visible;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none !important;
}
.brand-mark img { width: 100%; height: 100%; padding: 2px; object-fit: contain; }

.button { min-height: 39px; padding: 9px 14px; border-radius: 10px; }
.button-primary { box-shadow: 0 6px 16px rgba(86, 87, 217, .2); }
.button:active { transform: translateY(1px); }
:is(a,button,input,select,textarea,summary):focus-visible { outline: 3px solid var(--primary); outline-offset: 3px; }
:is(input,select,textarea) { min-height: 42px; }
input, textarea { transition: border-color .15s, box-shadow .15s; }
input:focus, textarea:focus { border-color: var(--primary); box-shadow: 0 0 0 3px var(--primary-soft); }
input[type="checkbox"], input[type="radio"] { min-height: 0; }

.dashboard-stack[data-dashboard-view="dashboard"] { gap: 16px; }
.status-banner.system-status {
  min-height: 40px;
  padding: 8px 11px 8px 14px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--surface);
  box-shadow: none;
  backdrop-filter: none;
}
.dashboard-insights { grid-template-columns: minmax(0, 1.48fr) minmax(320px, .82fr); gap: 14px; }
.dashboard-insights .overview-strip {
  min-height: 248px;
  border: 1px solid var(--border);
  border-radius: 18px;
  box-shadow: var(--shadow);
  overflow: hidden;
}
.dashboard-insights .overview-primary {
  padding: 28px;
  background: linear-gradient(145deg, #f0f2ff 0%, #f8faff 100%);
}
html:not([data-theme="light"]) .dashboard-insights .overview-primary { background: var(--surface-alt); }
.dashboard-insights .overview-cell { padding: 17px 19px; background: var(--surface); }
.progress-badge {
  width: 78px;
  height: 78px;
  flex-basis: 78px;
  background: linear-gradient(145deg, #6667eb, #4b4cc8);
  box-shadow: 0 10px 24px rgba(86, 87, 217, .22);
}
.dashboard-insights .overview-primary .overview-value { font-size: 36px; }
.dashboard-insights .overview-cell .overview-value { font-size: 19px; }
.dashboard-insights .metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.dashboard-insights .metric-card,
.dashboard-insights .metric-card.success,
.dashboard-insights .metric-card.warning,
.dashboard-insights .metric-card.danger,
.dashboard-insights .metric-card.info {
  min-height: 119px;
  padding: 17px 18px;
  border: 1px solid var(--border);
  border-radius: 15px;
  background: var(--surface);
  box-shadow: 0 4px 16px rgba(23, 32, 51, .04);
}
.dashboard-insights .metric-card:hover { transform: none; border-color: var(--border-strong); box-shadow: 0 7px 20px rgba(23, 32, 51, .07); }
.dashboard-insights .metric-value { font-size: 29px; }

.account-overview-section {
  gap: 12px;
  padding: 20px;
  border: 1px solid var(--border);
  border-radius: 18px;
  background: var(--surface);
  box-shadow: var(--shadow);
}
.account-summary-list { gap: 8px; }
.account-row { min-height: 72px; padding: 13px 15px; border-radius: 13px; background: var(--surface-alt); box-shadow: none; }
.account-row:hover { transform: none; border-color: var(--border-strong); box-shadow: none; }
.account-avatar { border-radius: 12px; }

.panel, .collapsible-section, .account-console, .profile-card { border: 1px solid var(--border); box-shadow: 0 6px 22px rgba(23,32,51,.045); }
.panel-header { margin-bottom: 20px; }
.panel-header h2, .section-title { letter-spacing: -.35px; }
.panel-header p, .muted { line-height: 1.65; }
.dashboard-stack[data-dashboard-view="settings"] .advanced-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.settings-shortcuts { grid-template-columns: repeat(auto-fit,minmax(165px,1fr)); gap: 12px; }
.settings-shortcuts > a { padding: 16px; }
.collapsible-body { padding: 20px 22px 24px; }
.stack-form { gap: 18px; }
.form-grid, .settings-grid, .two-column-grid, .login-workspace-grid { gap: 18px; }
.account-management-list, .account-console-list { gap: 16px; }
.account-console { border-radius: 18px; overflow: hidden; }
.account-console > summary { padding: 20px 22px; gap: 18px; }
.account-console[open] > summary { background: var(--surface-alt); }
.account-console-body { padding: 22px; }
.friend-picker-list, .logs-code { scrollbar-gutter: stable; overscroll-behavior: contain; }
.friend-picker-list { max-height: 340px; overflow: auto; }

.dispatch-timeline-section {
  display: grid; gap: 14px; padding: 20px; border: 1px solid var(--border);
  border-radius: 18px; background: var(--surface); box-shadow: var(--shadow);
}
.dispatch-timeline-section .section-header { align-items: center; }
.dispatch-timeline-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.dispatch-time-card { min-width: 0; overflow: hidden; border: 1px solid var(--border); border-radius: 15px; background: var(--surface-alt); }
.dispatch-time-card > header { min-height: 68px; padding: 13px 15px; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 11px; border-bottom: 1px solid var(--border); background: var(--surface); }
.dispatch-time-card > header > span:nth-child(2) { min-width: 0; display: grid; gap: 2px; }
.dispatch-time-card > header strong { font-size: 13px; }
.dispatch-time-card > header small { color: var(--text-muted); font-size: 10px; }
.dispatch-time-icon { width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; border-radius: 11px; }
.dispatch-time-card.today .dispatch-time-icon { color: var(--success); background: var(--success-soft); }
.dispatch-time-card.tomorrow .dispatch-time-icon { color: var(--info); background: var(--info-soft); }
.dispatch-time-icon svg { width: 18px; height: 18px; }
.dispatch-time-list { max-height: 286px; overflow: auto; scrollbar-gutter: stable; }
.dispatch-time-row { min-height: 58px; padding: 10px 14px; display: grid; grid-template-columns: 62px minmax(0,1fr) auto; align-items: center; gap: 10px; border-bottom: 1px solid var(--border); }
.dispatch-time-row:last-child { border-bottom: 0; }
.dispatch-time-row time { color: var(--text); font-size: 13px; font-weight: 720; font-variant-numeric: tabular-nums; }
.dispatch-target-copy { min-width: 0; display: grid; gap: 2px; }
.dispatch-target-copy strong, .dispatch-target-copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dispatch-target-copy strong { font-size: 12px; }
.dispatch-target-copy small { color: var(--text-muted); font-size: 10px; }
.contact-kind-badge { min-height: 24px; padding: 3px 8px; display: inline-flex; align-items: center; gap: 5px; border: 1px solid var(--border); border-radius: 999px; color: var(--text-muted); background: var(--surface); font-size: 10px; font-weight: 650; white-space: nowrap; }
.contact-kind-badge svg { width: 12px; height: 12px; }
.contact-kind-badge.friend { color: var(--info); border-color: color-mix(in srgb,var(--info) 25%,var(--border)); background: var(--info-soft); }
.contact-kind-badge.group { color: var(--primary); border-color: color-mix(in srgb,var(--primary) 25%,var(--border)); background: var(--primary-soft); }
.dispatch-row-badges { display: flex; align-items: flex-end; flex-direction: column; gap: 4px; }
.timeline-streak-badge { min-height: 22px; padding: 2px 7px 2px 4px; display: inline-flex; align-items: center; gap: 4px; border: 1px solid color-mix(in srgb,#f97316 24%,var(--border)); border-radius: 999px; color: #c2410c; background: color-mix(in srgb,#fff7ed 82%,var(--surface)); font-size: 9px; font-weight: 700; white-space: nowrap; }
.timeline-streak-badge img { width: 14px; height: 14px; object-fit: contain; }
.timeline-streak-badge.expiring { border-color: color-mix(in srgb,#dc2626 28%,var(--border)); color: #b91c1c; background: color-mix(in srgb,#fef2f2 86%,var(--surface)); }
.timeline-streak-badge.rekindling { border-color: color-mix(in srgb,#7c3aed 26%,var(--border)); color: #6d28d9; background: color-mix(in srgb,#f5f3ff 86%,var(--surface)); }
.dispatch-time-empty { min-height: 112px; padding: 22px; display: flex; align-items: center; justify-content: center; gap: 11px; color: var(--text-muted); text-align: left; }
.dispatch-time-empty > svg { flex: 0 0 auto; }
.dispatch-time-empty > span { display: grid; gap: 3px; }
.dispatch-time-empty strong { color: var(--text); font-size: 12px; }
.dispatch-time-empty small { font-size: 10px; }

.friend-picker { padding: 17px; border-radius: 15px; background: var(--surface); }
.friend-picker-toolbar { margin-bottom: 15px; align-items: center; }
.friend-picker-toolbar > div { min-width: 0; }
.friend-picker-toolbar > div > strong { font-size: 14px; }
.friend-refresh-button.is-refreshing svg { animation: contact-refresh-spin .85s linear infinite; }
@keyframes contact-refresh-spin { to { transform: rotate(360deg); } }
.contact-refresh-progress { margin: -5px 0 12px; padding: 9px 11px; border: 1px solid color-mix(in srgb,var(--primary) 18%,var(--border)); border-radius: 10px; background: var(--primary-soft); }
.contact-refresh-progress[hidden] { display: none; }
.contact-refresh-progress-track { height: 6px; overflow: hidden; border-radius: 999px; background: color-mix(in srgb,var(--primary) 12%,var(--surface)); }
.contact-refresh-progress-track > span { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--primary),#fb7185); transition: width .3s ease; }
.contact-refresh-progress > small { margin-top: 6px; display: flex; justify-content: space-between; gap: 12px; color: var(--text-muted); font-size: 10px; }
.contact-refresh-progress > small strong { color: var(--primary); font-variant-numeric: tabular-nums; }
.selftest-progress { display: grid; gap: 6px; }
.selftest-results { margin: 2px 0 0; padding: 0; list-style: none; display: grid; gap: 3px; font-size: 11px; }
.selftest-results[hidden] { display: none; }
.selftest-results > li { display: flex; gap: 6px; align-items: baseline; color: var(--text-muted); }
.selftest-results > li.selftest-pass { color: #15803d; }
.selftest-results > li.selftest-warning { color: #b45309; }
.selftest-results > li.selftest-fail { color: #b91c1c; }
.selftest-results > li.selftest-not-checked { color: var(--text-muted); }
.selftest-results > li.selftest-not-applicable { color: var(--text-muted); font-style: italic; }
.selftest-results > li.selftest-next { color: var(--primary); font-weight: 600; }
/* Kept for older markup that only used the found/missing pair. */
.selftest-results > li.selftest-found { color: #15803d; }
.selftest-results > li.selftest-missing { color: var(--text-muted); }
.calendar-detail-row > td { padding: 0 0 10px; background: transparent; }
.calendar-detail-row details > summary { cursor: pointer; color: var(--text-muted); font-size: 11px; padding: 2px 0; }
.calendar-detail-list { margin: 6px 0 0; padding: 0; list-style: none; display: grid; gap: 4px; font-size: 11px; }
.calendar-detail-list > li { display: flex; flex-wrap: wrap; gap: 6px; align-items: baseline; }
.setup-guide { margin: 0 0 14px; padding: 14px 16px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); display: grid; gap: 10px; }
.setup-guide[hidden] { display: none; }
.setup-guide > header { display: flex; flex-wrap: wrap; gap: 8px; align-items: baseline; justify-content: space-between; }
.setup-guide > header strong { display: inline-flex; align-items: center; gap: 6px; }
.setup-guide > ol { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.setup-guide > ol > li { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 10px; align-items: center; padding: 8px 10px; border-radius: 10px; background: color-mix(in srgb, var(--primary) 5%, transparent); }
.setup-guide > ol > li.done { background: color-mix(in srgb, #16a34a 8%, transparent); }
.setup-guide-step { width: 22px; height: 22px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; background: var(--primary); color: #fff; }
.setup-guide > ol > li.done .setup-guide-step { background: #16a34a; }
.setup-guide > ol > li > div { min-width: 0; display: grid; gap: 2px; }
.setup-guide > ol > li small { color: var(--text-muted); }
.setup-guide-note { margin: 0; }
.contact-picker-controls { margin-bottom: 12px; display: grid; grid-template-columns: minmax(220px,1fr) auto; align-items: end; gap: 14px; }
.contact-search-field { min-width: 0; display: grid; gap: 6px; }
.contact-search-field > span:first-child { color: var(--text-muted); font-size: 11px; font-weight: 650; }
.search-input-wrap { position: relative; display: block; }
.search-input-wrap > svg { position: absolute; top: 50%; left: 12px; width: 16px; height: 16px; color: var(--text-faint); transform: translateY(-50%); pointer-events: none; }
.search-input-wrap input { width: 100%; padding-left: 37px; }
.contact-selection-status { min-height: 42px; display: flex; align-items: center; gap: 10px; }
.contact-select-streak-button { white-space: nowrap; }
.contact-select-streak-button > img { width: 18px; height: 18px; object-fit: contain; }
.contact-select-streak-button small {
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--primary);
  background: var(--primary-soft);
  font-size: 10px;
  font-weight: 800;
}
.contact-select-streak-button:disabled small { opacity: .55; }
.friend-picker-summary { margin: 0; color: var(--text); font-size: 11px; font-weight: 650; white-space: nowrap; }
.contact-clear-button { min-height: 34px; padding: 6px 9px; font-size: 10px; }
.contact-clear-button svg { width: 13px; height: 13px; }
.contact-picker-columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.contact-kind-panel { min-width: 0; overflow: hidden; border: 1px solid var(--border); border-radius: 13px; background: var(--surface-alt); }
.contact-kind-panel > header { min-height: 55px; padding: 10px 12px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border-bottom: 1px solid var(--border); background: var(--surface); }
.contact-kind-heading { min-width: 0; display: flex; align-items: center; gap: 9px; }
.contact-kind-heading > svg { width: 18px; height: 18px; }
.contact-kind-panel.friend .contact-kind-heading > svg { color: var(--info); }
.contact-kind-panel.group .contact-kind-heading > svg { color: var(--primary); }
.contact-kind-heading > span { min-width: 0; display: grid; gap: 1px; }
.contact-kind-heading strong { font-size: 12px; }
.contact-kind-heading small { color: var(--text-muted); font-size: 9px; }
.contact-kind-actions { display: flex; align-items: center; gap: 7px; white-space: nowrap; }
.contact-kind-count { min-width: 25px; height: 25px; padding: 0 7px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; color: var(--text-muted); background: var(--surface-soft); font-size: 10px; font-weight: 700; }
.contact-kind-actions button { padding: 3px 0; color: var(--primary); background: transparent; font-size: 9px; cursor: pointer; }
.contact-kind-actions button:hover { text-decoration: underline; }
.contact-kind-panel .friend-picker-list { height: 290px; max-height: 290px; margin: 0; padding: 6px; align-content: start; grid-auto-rows: max-content; }
.contact-kind-panel .friend-picker-empty { min-height: 100%; padding: 20px 12px; display: flex; align-items: center; justify-content: center; border: 0; background: transparent; font-size: 10px; }
.contact-kind-panel .friend-option { min-height: 48px; height: auto; padding: 7px 8px; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 9px; overflow: visible; border-radius: 9px; cursor: pointer; }
.contact-kind-panel .friend-option.has-streak { min-height: 66px; }
.contact-kind-panel .friend-option.has-identity-meta.has-streak { min-height: 82px; }
.contact-kind-panel .friend-option:hover { border-color: var(--border); background: var(--surface); }
.contact-kind-panel .friend-option.friend.selected { border-color: color-mix(in srgb,var(--info) 30%,var(--border)); background: var(--info-soft); }
.contact-kind-panel .friend-option.group.selected { border-color: color-mix(in srgb,var(--primary) 30%,var(--border)); background: var(--primary-soft); }
.contact-option-icon { width: 29px; height: 29px; display: inline-flex; align-items: center; justify-content: center; border-radius: 9px; color: var(--text-muted); background: var(--surface-soft); }
.contact-option-icon svg { width: 14px; height: 14px; }
.friend-option.friend .contact-option-icon { color: var(--info); background: var(--info-soft); }
.friend-option.group .contact-option-icon { color: var(--primary); background: var(--primary-soft); }
.friend-option-copy { min-height: 0; align-content: center; overflow: visible; }
.friend-option-copy > span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; font-weight: 650; }
.friend-option-copy small { font-size: 9px; }
.contact-streak-badge { position: relative; z-index: 1; width: max-content; max-width: 100%; min-height: 22px; margin-top: 3px; padding: 2px 7px 2px 4px; display: inline-flex !important; align-items: center; gap: 4px; overflow: visible !important; border: 1px solid color-mix(in srgb,#f97316 24%,var(--border)); border-radius: 999px; color: #c2410c; background: color-mix(in srgb,#fff7ed 82%,var(--surface)); font-size: 9px !important; font-weight: 700 !important; line-height: 1.35; }
.contact-streak-badge img { width: 15px; height: 15px; flex: 0 0 auto; object-fit: contain; }
.contact-streak-badge.is-expiring { border-color: color-mix(in srgb,#dc2626 28%,var(--border)); color: #b91c1c; background: color-mix(in srgb,#fef2f2 86%,var(--surface)); }
.contact-streak-badge.is-rekindling { border-color: color-mix(in srgb,#7c3aed 26%,var(--border)); color: #6d28d9; background: color-mix(in srgb,#f5f3ff 86%,var(--surface)); }
.target-manual-editor { margin-top: 12px; border-top: 1px solid var(--border); }
.target-manual-editor > summary { min-height: 42px; padding: 10px 3px 0; display: grid; grid-template-columns: auto auto minmax(0,1fr) auto; align-items: center; gap: 7px; color: var(--text-muted); cursor: pointer; list-style: none; }
.target-manual-editor > summary::-webkit-details-marker { display: none; }
.target-manual-editor > summary svg { width: 14px; height: 14px; }
.target-manual-editor > summary span { color: var(--text); font-size: 11px; font-weight: 650; }
.target-manual-editor > summary small { font-size: 9px; }
.target-manual-editor[open] > summary > svg:last-child { transform: rotate(180deg); }
.target-manual-editor > label { margin-top: 10px; display: grid; gap: 6px; }
.target-manual-editor textarea { width: 100%; }
.target-name-line { min-width: 0; display: flex; align-items: center; gap: 8px; }
.target-name-line > span:first-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.target-name-line .contact-kind-badge { flex: 0 0 auto; }
.target-record-main .target-name-line { display: flex; max-width: 100%; }
.target-record-main .target-name-line > span:first-child { flex: 1 1 auto; }

.login-page { grid-template-columns: minmax(0,1.05fr) minmax(440px,.95fr); }
.login-brand-panel { background: radial-gradient(ellipse at 15% 10%,#2a3970 0,transparent 55%),#11192c; padding: 48px 64px; }
.login-brand-copy { max-width: 470px; }
.login-brand-copy h1 { font-size: clamp(40px,4.3vw,64px); font-weight: 650; line-height: 1.23; }
.login-form-panel { background: var(--bg); padding: 48px; }
.login-card { width: min(100%,440px); padding: 40px; border-radius: 24px; box-shadow: 0 20px 65px rgba(15,23,42,.08); }
.login-welcome-icon { width: 58px; height: 58px; padding: 0; overflow: visible; background: transparent; }
.login-welcome-icon img { width: 100%; height: 100%; object-fit: contain; }
.login-card input, .login-card .button-block { min-height: 48px; }

@media(min-width:901px) { :root { --sidebar-width: 216px; } }
@media(max-width:1180px) {
  .main-area { padding: 26px 24px 40px; }
  .dashboard-insights { grid-template-columns: 1fr; }
  .page-header { flex-wrap: wrap; }
  .login-brand-panel { padding: 36px; }
  .login-form-panel { padding: 28px; }
  .dispatch-timeline-grid { grid-template-columns: 1fr; }
}
@media(max-width:900px) {
  .login-page { grid-template-columns: 1fr; }
  .login-brand-panel { padding: 28px; }
  .login-brand-copy h1 { font-size: 34px; }
  .login-card { padding: 30px; }
  .dashboard-stack[data-dashboard-view="settings"] .advanced-grid { grid-template-columns: 1fr; }
}
@media(max-width:620px) {
  .main-area { padding: 20px 16px 34px; }
  .page-heading h1 { font-size: 25px; }
  .dashboard-insights .overview-strip, .dashboard-insights .metric-grid { grid-template-columns: 1fr; }
  .dashboard-insights .overview-primary { grid-column: auto; min-height: 142px; padding: 21px; }
  .dashboard-insights .overview-cell { min-height: 82px; border-left: 0; }
  .dashboard-insights .metric-card { min-height: 96px; }
  .account-console > summary, .account-console-body, .collapsible-body { padding: 16px; }
  .login-form-panel { padding: 24px 16px; }
  .login-card { padding: 26px; }
  .dispatch-timeline-section, .friend-picker { padding: 14px; border-radius: 15px; }
  .dispatch-time-row { grid-template-columns: 54px minmax(0,1fr); }
  .dispatch-time-row .contact-kind-badge { grid-column: 2; justify-self: start; }
  .contact-picker-controls, .contact-picker-columns { grid-template-columns: 1fr; }
  .contact-selection-status { justify-content: space-between; }
  .contact-kind-panel .friend-picker-list { height: 250px; max-height: 250px; }
}
@media(prefers-reduced-motion:reduce) { .button:active { transform: none; } }

/* Sending tools share a quiet navigation bar and content sized for people. */
.console-shell, .tool-page, .tool-page section { min-width: 0; }
.console-nav { display:flex; align-items:center; gap:5px; flex-wrap:wrap; padding:5px; border:1px solid var(--border); border-radius:12px; background:var(--surface); }
.console-nav a { display:flex; align-items:center; gap:7px; padding:10px 14px; border-radius:8px; color:var(--text-muted); font-size:13px; font-weight:600; text-decoration:none; transition:background .15s,color .15s; }
.console-nav a:hover { background:var(--surface-alt); color:var(--text); }
.console-nav a.is-current { background:var(--primary-soft); color:var(--primary); }
.console-nav svg { width:16px; height:16px; flex-shrink:0; }
.tool-page .status-banner { padding:12px 16px; font-size:12px; font-weight:400; border-radius:10px; }
.tool-page .status-banner strong { font-weight:400; line-height:1.75; }
.tool-page .dashboard-section { padding:22px; border:1px solid var(--border); border-radius:14px; background:var(--surface); }
.tool-page .section-title { font-size:16px; }
.tool-page .metric-grid, [data-page="send-console"] .metric-grid { gap:12px; }
.tool-page .metric-card { padding:16px 20px; min-height:105px; box-shadow:none; border-color:var(--border); }
.tool-page .metric-value { font-size:28px; }
.tool-page .metric-help { font-size:11px; }
.tool-page .account-console { border-radius:14px; border-color:var(--border); border-left-width:1px; }
.tool-page .account-console > summary { padding:18px 20px; background:var(--surface); }
.tool-page .account-console-body { padding:0 20px 16px; }
.tool-page .account-meta-strip { padding:9px 0; margin-bottom:4px; background:none; font-size:11px; }
.tool-page .status-chip { font-size:11px; padding:4px 9px; line-height:1.5; white-space:normal; }
.tool-page .contact-kind-badge { font-size:10px; padding:2px 6px; white-space:nowrap; }
.tool-caption { display:flex; align-items:center; gap:7px; color:var(--text-muted); font-size:12px; line-height:1.7; margin:0; }
.tool-caption svg { width:15px; height:15px; flex-shrink:0; }
.console-search { display:flex; align-items:center; gap:8px; border:1px solid var(--border); border-radius:9px; padding:8px 11px; background:var(--surface); min-width:0; }
.console-search svg { width:16px; color:var(--text-muted); flex-shrink:0; }
.console-search input { border:0; background:transparent; box-shadow:none; padding:0; min-height:24px; width:200px; font-size:12px; min-width:0; }
.console-search input:focus { outline:0; }
.console-search:focus-within { outline:2px solid var(--primary); outline-offset:2px; }
.technical-details { min-width:0; font-size:12px; color:var(--text-muted); }
.technical-details > summary { display:flex; gap:5px; align-items:center; cursor:pointer; list-style:none; color:var(--text-muted); font-size:11px; padding:5px 0; }
.technical-details > summary::-webkit-details-marker { display:none; }
.technical-details > summary:hover { color:var(--primary); }
.technical-details > summary svg { width:12px; height:12px; }
.technical-body { border-radius:9px; background:var(--surface-alt); padding:12px; margin-top:8px; }
.technical-details code, .technical-details dd, .technical-details p { overflow-wrap:anywhere; word-break:break-word; white-space:normal; font-size:11px; line-height:1.7; }
.technical-details dl { margin:0; display:grid; grid-template-columns:65px minmax(0,1fr); gap:6px 12px; }
.technical-details dd { margin:0; color:var(--text); }
.technical-risk { margin:12px 0 0; }
.directory-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.directory-filters { display:flex; gap:5px; flex-wrap:wrap; }
.directory-filters button { border:0; background:none; border-radius:8px; padding:9px 12px; color:var(--text-muted); font:inherit; font-size:12px; cursor:pointer; }
.directory-filters button.is-current { color:var(--primary); background:var(--primary-soft); font-weight:600; }
.directory-filters b { margin-left:4px; font-size:11px; }
.directory-account-head { gap:16px; margin-bottom:18px; }
.directory-account-head > .account-ident { flex:1 1 220px; min-width:0; max-width:100%; }
.directory-account-head .account-name { min-width:0; max-width:100%; }
.directory-account-actions { display:flex; align-items:center; flex-wrap:wrap; gap:8px; max-width:60%; }
.directory-account-actions .button { min-height:34px; font-size:12px; padding:8px 10px; }
.refresh-feedback { flex-basis:100%; color:var(--text-muted); font-size:11px; line-height:1.7; overflow-wrap:anywhere; }
.refresh-feedback:empty { display:none; }
.directory-labels { display:grid; grid-template-columns:minmax(180px,1fr) minmax(220px,1.2fr) 90px; gap:20px; color:var(--text-muted); font-size:11px; padding:10px 0; border-bottom:1px solid var(--border); }
.identity-row { display:grid; grid-template-columns:minmax(180px,1fr) minmax(220px,1.2fr) 90px; gap:14px 20px; align-items:start; padding:17px 0; border-bottom:1px solid var(--border); }
.identity-person { display:flex; gap:12px; align-items:center; min-width:0; }
.identity-person > div { min-width:0; }
.identity-person strong { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:13px; line-height:1.55; overflow-wrap:anywhere; }
.identity-person small { display:block; color:var(--text-muted); font-size:11px; line-height:1.6; margin-top:4px; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.person-avatar { display:grid; place-items:center; flex-shrink:0; width:36px; height:36px; background:var(--surface-soft); border-radius:50%; color:var(--text-muted); }
.person-avatar.group { color:var(--primary); background:var(--primary-soft); }
.person-avatar svg { width:17px; height:17px; }
.identity-result { min-width:0; }
.identity-result p { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; font-size:11px; color:var(--text-muted); line-height:1.7; margin:5px 0 0; }
.identity-row > .technical-details[open] { grid-column:1/-1; }
.identity-row > .technical-details[open] > summary { justify-content:flex-end; }
.directory-foot { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:14px; color:var(--text-muted); font-size:11px; }
.directory-foot details { text-align:right; }
.identity-row[hidden], [data-identity-account][hidden], .target-record[hidden], .account-console[hidden], [data-calendar-panel][hidden] { display:none !important; }
.issue-row { display:grid; grid-template-columns:minmax(140px,.65fr) minmax(0,2fr) auto; gap:20px; align-items:start; padding:18px 0; border-bottom:1px solid var(--border); }
.issue-person { display:flex; flex-wrap:wrap; align-items:center; gap:7px; }
.issue-person strong { font-size:13px; overflow-wrap:anywhere; }
.issue-person small { flex-basis:100%; font-size:11px; }
.issue-explanation strong { font-size:12px; }
.issue-explanation p { font-size:12px; line-height:1.8; color:var(--text-muted); margin:5px 0; overflow-wrap:anywhere; }
.issue-row > .button { font-size:12px; min-height:34px; padding:8px 11px; }
.plan-row { display:grid; grid-template-columns:minmax(125px,.6fr) minmax(190px,1fr) minmax(190px,1fr); gap:10px 24px; padding:20px 0; border-bottom:1px solid var(--border); align-items:start; }
.plan-person { display:flex; flex-wrap:wrap; align-items:center; gap:7px; min-width:0; }
.plan-person strong { font-size:13px; overflow-wrap:anywhere; }
.plan-person small { flex-basis:100%; color:var(--text-muted); font-size:11px; }
.plan-decision p, .plan-message p { font-size:12px; line-height:1.8; overflow-wrap:anywhere; margin:7px 0 0; }
.plan-decision p { color:var(--text-muted); }
.plan-message { padding:12px 14px; border-radius:10px; background:var(--surface-alt); min-width:0; }
.field-eyebrow { color:var(--text-muted); font-size:10px; }
.plan-row > .technical-details { grid-column:1/-1; }
.simulation-disclosure > summary { font-size:14px; font-weight:600; cursor:pointer; }
.simulation-disclosure > summary .muted { font-size:11px; font-weight:400; margin-left:8px; }
.simulation-disclosure .section-header { margin-top:20px; }
.console-workbench { padding:22px; border:1px solid var(--border); border-radius:14px; background:var(--surface); }
.console-workbench .section-header { margin-bottom:18px; }
.console-workbench .section-title { font-size:16px; }
.workbench-columns { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:24px; margin-bottom:20px; }
.workbench-columns h3 { font-size:12px; margin:0 0 12px; }
.workbench-columns h3 span { color:var(--text-muted); font-size:11px; margin-left:5px; }
.workbench-item { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 0; border-top:1px solid var(--border); }
.workbench-item strong, .workbench-contact strong { display:block; font-size:12px; overflow-wrap:anywhere; }
.workbench-item small, .workbench-contact small, .workbench-clear small { display:block; color:var(--text-muted); font-size:11px; line-height:1.6; margin-top:3px; }
.workbench-item .button { padding:7px 12px; min-height:32px; font-size:11px; }
.text-action { color:var(--primary); display:inline-flex; gap:5px; align-items:center; font-size:11px; text-decoration:none; flex-shrink:0; }
.text-action svg { width:13px; height:13px; }
.workbench-contacts { border-left:1px solid var(--border); padding-left:24px; }
.workbench-contact { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; padding:11px 0; }
.workbench-contact .button { font-size:11px; padding:7px 9px; min-height:30px; }
.workbench-clear { display:flex; align-items:center; gap:12px; padding:15px 0; }
.workbench-clear > svg { width:26px; height:26px; color:#1a9b83; }
.workbench-clear strong { font-size:13px; }
.console-workbench .console-nav { border:0; border-top:1px solid var(--border); border-radius:0; padding:12px 0 0; }
.console-shell .target-record { min-width:0; }
.console-shell .target-record:has(> .target-actions) { grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto; }
.target-actions { grid-column:1 / -1; display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; padding-top:10px; border-top:1px solid var(--border); }
.target-actions form { margin:0; width:auto; }
.target-actions .button { width:100%; min-width:0; padding:8px 10px; }
@media (max-width:600px) {
  .console-shell .target-record:has(> .target-actions) { grid-template-columns:minmax(0,1fr) auto; }
  .target-actions { display:grid; grid-template-columns:repeat(auto-fit,minmax(70px,1fr)); }
  .target-actions form { grid-column:auto; width:100%; }
  .target-actions .button { font-size:11px; padding:8px 6px; }
}
.console-shell .target-reason { overflow-wrap:anywhere; }
.console-shell .target-reason.retry-guidance { white-space:normal; line-height:1.6; }
.console-shell .retry-guidance small { display:block; margin-top:3px; color:var(--text-faint); font-size:11px; }
.failure-reason-details > summary { cursor:pointer; color:var(--text-muted); padding:4px 0; }
.failure-reason-details[open] > div { margin-top:6px; padding:8px 10px; border-left:2px solid var(--border); white-space:normal; overflow-wrap:anywhere; }
.timeline-filter { display:flex; align-items:flex-end; gap:12px; flex-wrap:wrap; }
.timeline-filter label { display:flex; flex:0 1 240px; flex-direction:column; gap:6px; font-size:11px; color:var(--text-muted); min-width:0; max-width:100%; }
.timeline-filter select { width:100%; min-width:0; max-width:100%; text-overflow:ellipsis; font-size:12px; min-height:36px; padding:8px 32px 8px 10px; }
.timeline-filter .button { min-height:36px; padding:8px 13px; font-size:12px; }
.timeline-list { display:flex; flex-direction:column; min-width:0; max-width:100%; }
.timeline-row { position:relative; display:flex; align-items:center; flex-wrap:wrap; gap:9px 12px; padding:18px 0 18px 22px; border-left:1px solid var(--border); margin-left:8px; min-width:0; }
.timeline-row::before { content:''; position:absolute; top:24px; left:-4px; width:7px; height:7px; border-radius:50%; background:var(--primary); box-shadow:0 0 0 4px var(--surface); }
.timeline-row time { color:var(--text-muted); font-size:11px; font-variant-numeric:tabular-nums; min-width:64px; }
.timeline-account, .timeline-target { min-width:0; max-width:100%; white-space:normal; font-size:12px; overflow-wrap:anywhere; }
.timeline-account { color:var(--text-muted); }
.timeline-target { font-weight:600; }
.timeline-detail { flex-basis:100%; }
.timeline-run { display:block; }
.timeline-run-body { display:flex; flex-wrap:wrap; align-items:center; gap:9px 12px; cursor:pointer; list-style:none; }
.timeline-run-body > span { min-width:0; max-width:100%; white-space:normal; overflow-wrap:anywhere; }
.timeline-run-body > span:not(.status-chip):not(.timeline-account) { font-size:12px; line-height:1.7; }
.timeline-run .timeline-run-meta { margin-top:9px; font-size:11px; color:var(--text-muted); overflow-wrap:anywhere; }
.timeline-run > .timeline-list { padding-top:12px; }
.timeline-run > .timeline-list .timeline-row { border-left:0; padding:10px 0; margin-left:0; }
.timeline-run > .timeline-list .timeline-row::before { display:none; }
.calendar-layout { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:28px; }
.calendar-month-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; }
.calendar-month-head h2 { font-size:18px; margin:0; }
.calendar-month-head > div { display:flex; gap:4px; align-items:center; }
.calendar-arrow, .calendar-today { display:inline-flex; align-items:center; justify-content:center; background:none; border:1px solid var(--border); border-radius:7px; cursor:pointer; color:var(--text-muted); min-height:29px; padding:5px 8px; }
.calendar-arrow:disabled { opacity:.3; cursor:default; }
.calendar-arrow svg { width:14px; height:14px; }
.calendar-today { font-size:11px; }
.calendar-weekdays, .calendar-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:5px; }
.calendar-weekdays span { text-align:center; color:var(--text-muted); font-size:11px; padding:7px 0 12px; }
.calendar-cell { border:1px solid transparent; background:var(--surface-alt); border-radius:9px; min-height:65px; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; padding:9px 3px; gap:8px; color:var(--text); font-size:12px; cursor:pointer; }
.calendar-cell:hover { border-color:var(--border-strong); }
.calendar-cell.is-today > strong { color:var(--primary); }
.calendar-cell.is-selected { background:var(--primary-soft); border-color:var(--primary); }
.calendar-cell.is-outside { visibility:hidden; }
.calendar-cell.is-future { color:var(--text-muted); background:none; }
.calendar-dots { display:flex; gap:4px; align-items:center; justify-content:center; min-height:9px; }
.calendar-dot { display:inline-flex; align-items:center; gap:2px; font-size:9px; color:var(--text-muted); }
.calendar-dot::before, .calendar-legend span::before { content:''; width:5px; height:5px; border-radius:50%; background:var(--dot); flex-shrink:0; }
.legend-success { --dot:#1a9b83; }.legend-warning { --dot:#e4a22a; }.legend-danger { --dot:#e66678; }.legend-muted { --dot:#98a2b3; }
.calendar-legend { display:flex; flex-wrap:wrap; gap:12px; font-size:10px; color:var(--text-muted); }
.calendar-legend span { display:inline-flex; align-items:center; gap:5px; }
.calendar-day-detail { border-left:1px solid var(--border); padding-left:26px; min-width:0; max-height:520px; overflow-y:auto; }
.calendar-detail-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:10px; }
.calendar-detail-head h3 { font-size:15px; margin:0; }
.calendar-detail-head > span { font-size:11px; }
.calendar-person { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; padding:14px 0; border-bottom:1px solid var(--border); }
.calendar-person > div { min-width:0; }
.calendar-person strong { font-size:12px; overflow-wrap:anywhere; }
.calendar-person small { display:block; color:var(--text-muted); font-size:10px; line-height:1.7; margin-top:3px; }
.calendar-person .technical-details { flex-basis:100%; }
.calendar-empty { min-height:270px; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:10px; color:var(--text-muted); }
.calendar-empty[hidden] { display:none; }
.calendar-empty svg { width:32px; height:32px; color:var(--border-strong); }
.calendar-empty strong { font-size:13px; font-weight:500; }.calendar-empty span { font-size:11px; }
@media(max-width:1100px) {
  .console-nav a { padding:9px 10px; font-size:12px; }
  .directory-labels, .identity-row { grid-template-columns:minmax(140px,1fr) minmax(180px,1.2fr) 70px; gap:14px; }
  .plan-row { grid-template-columns:minmax(130px,.65fr) minmax(0,1.3fr); }.plan-message { grid-column:2; }
  .calendar-layout { gap:18px; }.calendar-day-detail { padding-left:18px; }
}
@media(max-width:760px) {
  .tool-page .metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .directory-labels { display:none; }
  .identity-row { grid-template-columns:minmax(0,1fr) auto; gap:10px; }
  .identity-result { grid-column:1; grid-row:2; padding-left:48px; }
  .identity-row > .technical-details { grid-column:2; grid-row:1/3; max-width:86px; }
  .identity-row > .technical-details[open] { grid-column:1/-1; grid-row:3; max-width:none; }
  .directory-account-actions { max-width:none; }.directory-account-head { align-items:flex-start; flex-wrap:wrap; }
  .calendar-layout { grid-template-columns:minmax(0,1fr); }.calendar-day-detail { border-left:0; border-top:1px solid var(--border); padding:18px 0 0; max-height:none; }
  .issue-row { grid-template-columns:minmax(0,1fr) auto; gap:12px; }.issue-explanation { grid-column:1/-1; grid-row:2; }
}
@media(max-width:620px) {
  .tool-page .dashboard-section, .console-workbench { padding:16px; }
  .console-nav { gap:2px; padding:4px; }.console-nav a { gap:5px; padding:9px 8px; font-size:11px; }.console-nav svg { width:14px; height:14px; }
  .directory-toolbar { gap:12px; }.console-search { width:100%; }.console-search input { width:100%; }
  .directory-filters button { padding:8px 9px; font-size:11px; }
  .tool-page .account-console > summary { padding:16px; }.tool-page .account-console-body { padding:0 16px 14px; }
  .directory-foot { align-items:flex-start; flex-direction:column; gap:4px; }
  .plan-row { grid-template-columns:minmax(0,1fr); gap:12px; }.plan-message, .plan-row > .technical-details { grid-column:1; }
  .workbench-columns { grid-template-columns:minmax(0,1fr); gap:18px; }.workbench-contacts { border-left:0; border-top:1px solid var(--border); padding:18px 0 0; }
  .calendar-legend { gap:9px; }.calendar-cell { min-height:54px; padding:7px 2px; font-size:11px; gap:6px; }.calendar-dots { gap:3px; }.calendar-dot { font-size:8px; gap:1px; }
  .timeline-row { gap:8px; padding-left:15px; }.timeline-filter label { min-width:0; flex:1 1 130px; }.timeline-run-body > .muted { flex-basis:100%; }
}

/* Primary content stays readable; diagnostics remain secondary. */
.tool-page .identity-person strong, .tool-page .plan-person strong, .tool-page .issue-person strong, .calendar-person strong { font-size:14px; }
.identity-result p, .plan-decision p, .plan-message p, .issue-explanation p { font-size:13px; }
.calendar-person small, .identity-person small, .plan-person small, .issue-person small { font-size:12px; }
.timeline-account, .timeline-target, .console-nav a { font-size:13px; }
.plan-page .metric-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.decision-strip { display:flex; gap:7px; flex-wrap:wrap; }
.technical-details > summary::after { content:'⌄'; font-family:Arial,sans-serif; font-size:12px; margin-left:3px; }
.technical-details[open] > summary::after { content:'⌃'; }
.technical-details > summary:has(svg)::after { display:none; }
.tool-page .button-soft, .console-workbench .button-soft { border-color:var(--border); }
@media(max-width:620px) { .plan-page .metric-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }.plan-page .metric-card { padding:12px 10px; }.plan-page .metric-help { font-size:10px; }.plan-page .metric-label { font-size:11px; }.plan-page .metric-value { font-size:25px; } }

/* Each tool describes its purpose once; records keep the same readable rhythm. */
.console-workbench .console-tool-cards { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; padding-top:18px; }
.console-tool-cards a { gap:10px; align-items:flex-start; padding:14px 10px; border:1px solid transparent; }
.console-tool-cards a:hover { border-color:var(--border); }
.console-tool-cards a > svg { margin-top:2px; color:var(--primary); }
.console-tool-cards a span { min-width:0; font-size:13px; color:var(--text); }
.console-tool-cards small { display:block; margin-top:6px; color:var(--text-muted); font-size:11px; line-height:1.6; font-weight:400; }
[data-tool-record][hidden], [data-tool-bucket][hidden], [data-tool-empty][hidden] { display:none !important; }
.tool-filter-empty { display:flex; align-items:center; flex-direction:column; gap:9px; padding:36px 20px; border:1px dashed var(--border-strong); border-radius:14px; }
.tool-filter-empty > svg { width:26px; height:26px; color:var(--text-muted); }
.tool-filter-empty strong { color:var(--text); font-size:14px; }
.tool-filter-empty span { font-size:12px; }
.tool-page .directory-toolbar { gap:10px; }
.tool-context { display:flex; align-items:center; gap:8px 18px; flex-wrap:wrap; color:var(--text-muted); }
.tool-context time { font-size:11px; margin-left:auto; }
.tool-context > .technical-details[open] { flex-basis:100%; order:3; }
.plan-person > .technical-details { flex-basis:100%; }
.issue-account { padding-top:18px; border-top:1px solid var(--border); }
.issue-account-head { display:flex; align-items:center; margin-bottom:3px; }
.issue-account-head .account-avatar { width:32px; height:32px; flex-basis:32px; border-radius:9px; font-size:12px; }
.issue-account-head .account-name strong { font-size:13px; }
.issue-account-head .account-name small { font-size:11px; }
.issue-account .issue-row:last-child { border-bottom:0; padding-bottom:0; }
.verification-page .section-header { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:18px; align-items:flex-start; }
.verification-page .section-header > .status-chip { flex-shrink:0; white-space:nowrap; }
.timeline-summary { flex-basis:100%; font-size:12px; color:var(--text-muted); line-height:1.75; margin:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; }
.timeline-open-icon { width:14px; height:14px; color:var(--text-muted); margin-left:auto; transition:transform .15s; }
details[open] > summary > .timeline-open-icon { transform:rotate(90deg); }
.calendar-dots { flex-wrap:wrap; row-gap:2px; }
.calendar-cell.is-future:disabled { opacity:.55; cursor:default; }
@media(max-width:1150px) { .console-workbench .console-tool-cards { grid-template-columns:repeat(3,minmax(0,1fr)); }.console-tool-cards a { padding:10px 8px; } }
@media(max-width:620px) { .console-workbench .console-tool-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }.console-tool-cards a span { font-size:12px; }.console-tool-cards small { font-size:10px; }.issue-row > .button { max-width:110px; } }