/* Sales reporting and follow-ups. Opt-in scopes keep the surrounding app unchanged. */
.sales-planning-workspace,
.sales-planning-dialog,
body:has(.followup-workspace) .cis-backdrop {
  --sp-canvas: #e3eaf2;
  --sp-surface: #f5f8fc;
  --sp-tint: #edf3f9;
  --sp-section: #d2dfed;
  --sp-border: #a8bbcf;
  --sp-ink: #18344f;
  --sp-muted: #475d73;
  --sp-navy: #17324d;
  --sp-blue: #245bc9;
  --sp-hover: #dfebf9;
  --text: var(--sp-ink);
  --text-primary: var(--sp-ink);
  --text-secondary: var(--sp-muted);
  --text-tertiary: var(--sp-muted);
  --bg: var(--sp-surface);
  --bg-primary: var(--sp-surface);
  --bg-elevated: var(--sp-surface);
  --bg-subtle: var(--sp-tint);
  --border: var(--sp-border);
  --border-subtle: var(--sp-section);
  --brand: var(--sp-blue);
  --danger: #b91c1c;
  color: var(--sp-ink);
}
body:has(.sales-planning-workspace),
.main:has(.sales-planning-workspace) { background: #e3eaf2; }
.container:has(.sales-planning-workspace) { padding:24px 28px 40px; }
.sales-planning-workspace.sales-planning-workspace {
  width: 100%; max-width: 1440px; min-width: 0; margin: 0 auto;
  padding: 4px 0 24px; background: transparent; box-sizing: border-box;
}
.sales-planning-workspace *,
.sales-planning-dialog *,
body:has(.followup-workspace) .cis-backdrop * { box-sizing: border-box; }
.sales-planning-workspace :focus-visible,
.sales-planning-dialog :focus-visible,
body:has(.followup-workspace) .cis-backdrop :focus-visible {
  outline: 2px solid var(--sp-blue); outline-offset: 3px;
}
.sales-planning-workspace [hidden],
.sales-planning-dialog [hidden] { display: none !important; }
.sales-planning-workspace :is(input, select, textarea),
.sales-planning-dialog :is(input, select, textarea),
body:has(.followup-workspace) .cis-backdrop :is(input, select, textarea) {
  color: var(--sp-ink); background-color: var(--sp-surface);
  border-color: var(--sp-border); accent-color: #245bc9;
}
.sales-planning-workspace :is(input, select, textarea)::placeholder,
.sales-planning-dialog :is(input, textarea)::placeholder,
body:has(.followup-workspace) .cis-backdrop :is(input, textarea)::placeholder {
  color: var(--sp-muted); opacity: 1;
}
.sales-planning-workspace .btn,
.sales-planning-dialog .btn,
body:has(.followup-workspace) .cis-backdrop .btn {
  border-radius: 8px; min-height: 34px; padding: 7px 12px; font-size: 13px;
  box-shadow: none;
}
.sales-planning-workspace :is(.btn-secondary, .btn-ghost),
.sales-planning-dialog :is(.btn-secondary, .btn-ghost),
body:has(.followup-workspace) .cis-backdrop :is(.btn-secondary, .btn-ghost) {
  color: var(--sp-ink); background: var(--sp-tint); border: 1px solid var(--sp-border);
}
.sales-planning-workspace .btn-primary,
.sales-planning-dialog .btn-primary,
body:has(.followup-workspace) .cis-backdrop .btn-primary {
  color: #fff; background: #245bc9; border: 1px solid #245bc9;
}
.sales-planning-workspace .btn-primary:hover,
.sales-planning-dialog .btn-primary:hover,
body:has(.followup-workspace) .cis-backdrop .btn-primary:hover { background: #1b4ba9; }

/* The title is a clear starting point, with related actions kept together. */
.sales-planning-workspace :is(.report-header, .tasks-topbar, .er-heading, .bo-head),
.sales-planning-workspace.reporting-workspace > header {
  padding: 12px 16px; margin: 0 0 14px; gap: 12px;
  background: var(--sp-navy); color: #fff;
  border: 1px solid #315370; border-radius: 12px;
  box-shadow: 0 2px 5px #10263d12;
}
.sales-planning-workspace :is(.report-header, .er-heading, .bo-head) { align-items: center; }
.sales-planning-workspace :is(.report-header, .er-heading, .bo-head) > div:first-child {
  flex: 1 1 320px; min-width: 0;
}
.sales-planning-workspace :is(.report-header, .tasks-topbar, .er-heading, .bo-head) h1,
.sales-planning-workspace.reporting-workspace > header h1 {
  color: #fff; font-size: 22px; line-height: 1.25;
  letter-spacing: -.025em; margin: 0; overflow-wrap: anywhere;
}
.sales-planning-workspace :is(.report-header, .er-heading, .bo-head) p,
.sales-planning-workspace .tasks-subtitle,
.sales-planning-workspace.reporting-workspace > header p {
  color: #d4e3f1; margin: 4px 0 0; font-size: 12px; line-height: 1.4;
}
.sales-planning-workspace :is(.report-header, .er-heading, .bo-head) > div:first-child,
.sales-planning-workspace .tasks-title-block {
  display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px;
}
.sales-planning-workspace :is(.report-header, .er-heading, .bo-head) h1,
.sales-planning-workspace .tasks-title { flex: 0 0 auto; }
.sales-planning-workspace :is(.report-header, .er-heading, .bo-head) p,
.sales-planning-workspace .tasks-subtitle { flex: 1 1 280px; margin: 0; }
.sales-planning-workspace .report-header h1 i { color: #91bcff; }
.sales-planning-workspace :is(.report-header-actions, .er-actions, .bo-actions) {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
}
.sales-planning-workspace :is(.report-header, .tasks-topbar) .btn-secondary,
.sales-planning-workspace :is(.er-actions, .bo-actions) a {
  background: #264760; color: #f0f6fd; border: 1px solid #52738d;
  border-radius: 8px; padding: 8px 12px; text-decoration: none; font-size: 13px;
}
.sales-planning-workspace :is(.report-header, .tasks-topbar) .btn-secondary:hover,
.sales-planning-workspace :is(.er-actions, .bo-actions) a:hover { background: #345b79; }
.sales-planning-workspace :is(.report-header, .tasks-topbar, .er-heading, .bo-head) :focus-visible,
.sales-planning-dialog :is(.tdm-head, .task-modal-head) :focus-visible,
body:has(.followup-workspace) .cis-head :focus-visible { outline-color: #a5ccff; }

/* Reports: compact filter tray, consistent row rhythm, and meaningful empty charts. */
.sales-planning-workspace :is(.report-filters, .er-filters),
.sales-planning-workspace.bo > form {
  padding: 14px 16px; border: 1px solid var(--sp-border); border-radius: 10px;
  background: var(--sp-tint); box-shadow: 0 1px 3px #17324d0a;
}
.sales-planning-workspace :is(.report-filters, .er-filters, .bo-row) label {
  color: var(--sp-muted); font-size: 12px; line-height: 1.35;
  text-transform: none; letter-spacing: 0; min-width: 0;
}
.sales-planning-workspace :is(.report-filters, .er-filters, .bo-row) :is(input:not([type=checkbox]), select) {
  min-height: 36px; max-width: 100%; padding: 7px 10px; border-radius: 8px;
  font: inherit; font-size: 13px; border: 1px solid var(--sp-border);
}
.sales-planning-workspace .report-presets { border-color: var(--sp-border); }
.sales-planning-workspace .report-presets a {
  background: var(--sp-surface); color: var(--sp-muted); border-color: var(--sp-border);
}
.sales-planning-workspace .report-presets a:hover { background: var(--sp-hover); color: var(--sp-blue); }
.sales-planning-workspace .report-summary { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; margin-bottom: 16px; }
.sales-planning-workspace .report-chip { padding: 13px 15px; border-radius: 10px; }
.sales-planning-workspace .report-chip strong { color: var(--sp-ink); font-size: 24px; }
.sales-planning-workspace .report-chip strong > span { display: inline; }
.sales-planning-workspace .report-card { border-radius: 10px; margin-bottom: 16px; }
.sales-planning-workspace .report-card__head {
  padding: 12px 16px; background: var(--sp-section); border-bottom: 1px solid var(--sp-border);
}
.sales-planning-workspace .report-card__head h2 { color: var(--sp-ink); font-size: 15px; }
.sales-planning-workspace .report-card__head h2 i { color: var(--sp-blue); }
.sales-planning-workspace .report-card__hint { margin: 0; padding: 9px 16px 0; color: var(--sp-muted); }
.sales-planning-workspace .report-card__body { padding: 14px 16px 16px; }
.sales-planning-workspace .report-trend-grid { gap: 14px; }
.sales-planning-workspace .report-trend {
  position: relative; min-width: 0; padding: 12px;
  background: var(--sp-tint); border: 1px solid var(--sp-section); border-radius: 8px;
}
.sales-planning-workspace .report-trend h3 { color: var(--sp-muted); font-size: 11px; }
.sales-planning-workspace .report-bars { height: 142px; }
.sales-planning-workspace .report-bar__fill.is-zero { background: var(--sp-border); }
.sales-planning-workspace .report-bar.is-current .report-bar__label { color: var(--sp-blue); }
.sales-planning-workspace .report-chart-empty {
  position: absolute; top: 44px; left: 12px; right: 12px; margin: 0;
  font-size: 12px; line-height: 1.5; color: var(--sp-muted);
}
.sales-planning-workspace :is(.report-table-wrap, .er-scroll, .bo-scroll, .bo-group-scroll, .reporting-table-scroll) {
  background: var(--sp-surface); border: 1px solid var(--sp-border); border-radius: 8px;
  scrollbar-color: var(--sp-border) var(--sp-tint);
}
.sales-planning-workspace :is(.report-table, .er-table, .bo-scroll table, .bo-group-scroll table, .reporting-table-scroll table) {
  color: var(--sp-ink);
}
.sales-planning-workspace :is(.report-table, .er-table, .bo-scroll table, .bo-group-scroll table, .reporting-table-scroll table) :is(th, td) {
  padding: 9px 12px; border-color: var(--sp-section);
}
.sales-planning-workspace :is(.report-table, .er-table, .bo-scroll table, .bo-group-scroll table, .reporting-table-scroll table) thead th {
  background: var(--sp-section); color: var(--sp-ink); border-color: var(--sp-border);
}
.sales-planning-workspace :is(.report-table, .er-table, .bo-scroll table, .bo-group-scroll table, .reporting-table-scroll table) tbody :is(th, td) {
  background: var(--sp-surface);
}
.sales-planning-workspace :is(.report-table, .er-table, .bo-scroll table, .bo-group-scroll table, .reporting-table-scroll table) tbody tr:nth-child(even) :is(th, td) {
  background: var(--sp-tint);
}
.sales-planning-workspace :is(.report-table, .er-table, .bo-scroll table, .bo-group-scroll table, .reporting-table-scroll table) tbody tr:hover :is(th, td) {
  background: var(--sp-hover);
}
.sales-planning-workspace :is(.report-empty, .er-empty, .bo-empty, .reporting-empty) {
  padding: 24px 18px; color: var(--sp-muted); font-size: 13px; line-height: 1.6;
  background: var(--sp-tint);
}
.sales-planning-workspace :is(.er-meta, .bo-meta, .er-coverage, .bo-coverage) {
  color: var(--sp-muted); line-height: 1.6;
}
.sales-planning-workspace :is(.er-paging, .bo-paging) { color: var(--sp-muted); font-size: 13px; }
.sales-planning-workspace :is(.er-paging, .bo-paging) a {
  background: var(--sp-surface); color: var(--sp-blue); border-color: var(--sp-border); border-radius: 8px;
}
.sales-planning-workspace :is(.er-filters, .bo-row) button[type=submit] {
  background: #245bc9; color: #fff; border-color: #245bc9; border-radius: 8px; font-size: 13px;
}
.sales-planning-workspace :is(.er-columns, .bo-mapping, .bo-options) { color: var(--sp-ink); }
.sales-planning-workspace.bo :is(p, .bo-stat span) { color: var(--sp-muted); }
.sales-planning-workspace.bo .bo-head p { color: #d4e3f1; }
.sales-planning-workspace.bo :is(details, fieldset) {
  border: 1px solid var(--sp-border); border-radius: 8px; background: var(--sp-surface);
}
.sales-planning-workspace.bo details { padding: 8px 12px; }
.sales-planning-workspace.bo summary { color: var(--sp-ink); }
.sales-planning-workspace.bo .bo-stats {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)); gap: 10px; padding: 0; margin: 16px 0;
}
.sales-planning-workspace .bo-stat {
  padding: 13px 15px; border: 1px solid var(--sp-border); border-radius: 10px; background: var(--sp-surface);
}

/* The overview report uses the same section and metric treatment. */
.sales-planning-workspace.reporting-workspace { line-height: 1.5; }
.sales-planning-workspace.reporting-workspace > header .reporting-eyebrow {
  font-size: 11px; text-transform: uppercase; letter-spacing: .07em; margin: 0 0 4px;
}
.sales-planning-workspace.reporting-workspace > nav {
  display: flex; flex-wrap: wrap; gap: 6px; padding: 0; margin-bottom: 16px; border: 0;
}
.sales-planning-workspace.reporting-workspace > nav a {
  color: var(--sp-ink); padding: 8px 12px; border-radius: 8px; background: var(--sp-surface);
  border: 1px solid var(--sp-border); text-decoration: none; font-size: 13px;
}
.sales-planning-workspace.reporting-workspace > nav a:hover { background: var(--sp-hover); }
.sales-planning-workspace .reporting-filter-summary {
  background: var(--sp-tint); border: 1px solid var(--sp-border); padding: 12px 16px;
}
.sales-planning-workspace :is(.reporting-filter-summary dt, .reporting-detail, .reporting-table-scroll small, .reporting-table-scroll caption) {
  color: var(--sp-muted);
}
.sales-planning-workspace .reporting-coverage {
  background: var(--sp-tint); border: 1px solid var(--sp-border); border-left: 3px solid var(--sp-blue);
  border-radius: 8px; color: var(--sp-muted); padding: 12px 16px; font-size: 13px;
}
.sales-planning-workspace.reporting-workspace > section {
  margin: 16px 0; padding: 0 16px 16px; border: 1px solid var(--sp-border);
  border-radius: 10px; background: var(--sp-surface); overflow: hidden;
}
.sales-planning-workspace.reporting-workspace > section > h2 {
  margin: 0 -16px 14px; padding: 12px 16px; background: var(--sp-section);
  border-bottom: 1px solid var(--sp-border); font-size: 15px; color: var(--sp-ink);
}
.sales-planning-workspace.reporting-workspace > section > p { font-size: 13px; color: var(--sp-muted); }
.sales-planning-workspace .reporting-card {
  padding: 14px; background: var(--sp-tint); border-color: var(--sp-border);
}

/* Calendar: clear weekday bands and readable, bounded event rows. */
.sales-planning-workspace .tasks-topbar { margin-bottom: 0; align-items: center; grid-template-columns: minmax(250px, 1fr) minmax(0, 1fr); }
.sales-planning-workspace .tasks-actions { gap: 12px; }
.sales-planning-workspace .calendar-sync { font-size: 12px; gap: 7px 12px; }
.sales-planning-workspace .calendar-sync :is(a, button, .calendar-sync-label, .calendar-sync-note) { color: #d4e3f1; }
.sales-planning-workspace .calendar-sync :is(a, button):hover { color: #fff; text-decoration: underline; }
.sales-planning-workspace .calendar-sync-callout { background: var(--sp-surface); color: var(--sp-ink); border-color: var(--sp-border); }
.sales-planning-workspace .calendar-sync .calendar-sync-callout-close { color: var(--sp-muted); }
.sales-planning-workspace .calendar-sync .calendar-sync-callout-close:hover { color: var(--sp-ink); }
.sales-planning-workspace .calendar-sync-callout :focus-visible { outline-color: var(--sp-blue); }
.sales-planning-workspace .tasks-panel { border-color: var(--sp-border); box-shadow: 0 2px 5px #17324d10; }
.sales-planning-workspace .tasks-panel-head { background: var(--sp-section); border-color: var(--sp-border); padding: 12px 16px; }
.sales-planning-workspace .tasks-panel-title { font-size: 16px; font-weight: 700; color: var(--sp-ink); }
.sales-planning-workspace :is(.tasks-nav-btn, .tasks-today-btn) { min-height: 32px; color: var(--sp-ink); background: var(--sp-surface); border-color: var(--sp-border); }
.sales-planning-workspace .tasks-calendar { padding: 0; background: var(--sp-surface); scrollbar-color: var(--sp-border) var(--sp-tint); }
.sales-planning-workspace .tasks-weekdays { background: var(--sp-tint); color: var(--sp-muted); border-color: var(--sp-border); }
.sales-planning-workspace .tasks-weekdays div { padding: 10px; }
.sales-planning-workspace .tasks-day { min-height: 124px; padding: 8px; border-color: var(--sp-section); }
.sales-planning-workspace .tasks-day:is(:first-child, :last-child, .other-month) { background: var(--sp-tint); }
.sales-planning-workspace .tasks-day:hover { background: var(--sp-hover); }
.sales-planning-workspace .tasks-day.today { background: var(--sp-hover); box-shadow: inset 0 0 0 1px var(--sp-blue); }
.sales-planning-workspace .tasks-day-number { color: var(--sp-ink); min-height: 22px; }
.sales-planning-workspace .tasks-day.other-month .tasks-day-number { color: var(--sp-muted); opacity: 1; }
.sales-planning-workspace .tasks-day-count { background: var(--sp-section); color: var(--sp-ink); }
.sales-planning-workspace .tasks-event-list { gap: 4px; }
.sales-planning-workspace .tasks-event {
  padding: 5px 6px; background: var(--sp-surface); border: 1px solid var(--sp-section); border-radius: 6px;
}
.sales-planning-workspace .tasks-event:hover { border-color: var(--sp-blue); background: var(--sp-hover); }
.sales-planning-workspace .tasks-event-title { color: var(--sp-ink); }
.sales-planning-workspace :is(.tasks-event-time, .tasks-more) { color: var(--sp-muted); }

/* Shared task details opt in wherever included; CRM sheets change only on the calendar. */
.sales-planning-dialog :is(.task-modal, .tdm),
body:has(.followup-workspace) .cis-backdrop .cis {
  border-radius: 12px; border-color: var(--sp-border); background: var(--sp-surface); color: var(--sp-ink);
  max-height: calc(100dvh - 32px); overflow-y: auto; box-shadow: 0 24px 64px #071a3259;
}
.sales-planning-dialog :is(.task-modal-head, .tdm-head),
body:has(.followup-workspace) .cis-head {
  background: var(--sp-navy); color: #fff; border-color: #315370; padding: 16px 18px;
}
.sales-planning-dialog :is(.task-modal-title, .tdm-title),
body:has(.followup-workspace) .cis-title { color: #fff; overflow-wrap: anywhere; }
.sales-planning-dialog :is(.tdm-kicker, .tdm-job, .tdm-reach-who),
body:has(.followup-workspace) :is(.cis-kicker, .cis-sub) { color: #d4e3f1; }
.sales-planning-dialog .tdm-kicker.is-done { color: #86efac; }
.sales-planning-dialog .tdm-kicker.is-overdue { color: #fda4af; }
.sales-planning-dialog .tdm-job:hover { color: #fff; }
.sales-planning-dialog :is(.task-modal-close, .tdm-close),
.sales-planning-dialog .tdm-head .btn,
body:has(.followup-workspace) .cis-close {
  color: #f0f6fd; background: #264760; border: 1px solid #52738d;
}
.sales-planning-dialog :is(.task-modal-close, .tdm-close):hover,
.sales-planning-dialog .tdm-head .btn:hover,
body:has(.followup-workspace) .cis-close:hover { background: #345b79; color: #fff; }
.sales-planning-dialog :is(.task-modal-body, .tdm-body) { padding: 16px 18px 18px; }
.sales-planning-dialog :is(.form-group, .tdm-field) { min-width: 0; }
.sales-planning-dialog :is(.form-label, .tdm-field label),
body:has(.followup-workspace) .cis-field label { color: var(--sp-muted); font-size: 12px; font-weight: 650; }
.sales-planning-dialog .form-input,
body:has(.followup-workspace) .cis-backdrop .form-input {
  min-width: 0; width: 100%; min-height: 36px; padding: 8px 10px;
  border: 1px solid var(--sp-border); border-radius: 8px; font: inherit; font-size: 13px;
  background: var(--sp-surface); color: var(--sp-ink);
}
.sales-planning-dialog :is(.tdm-notes, .tdm-next),
body:has(.followup-workspace) :is(.cis-dial, .cis-task) { background: var(--sp-tint); border-color: var(--sp-border); border-radius: 8px; }
.sales-planning-dialog .tdm-next { border-style: solid; }
.sales-planning-dialog .tdm-next > summary { color: var(--sp-ink); }
.sales-planning-dialog :is(.tdm-hint, .tdm-next-list),
body:has(.followup-workspace) :is(.cis-hint, .cis-task-hint) { color: var(--sp-muted); }
.sales-planning-dialog :is(.task-modal-actions, .tdm-actions) { border-top: 1px solid var(--sp-border); padding-top: 14px; margin-top: 16px; }
body:has(.followup-workspace) .cis-outcome { background: var(--sp-tint); color: var(--sp-ink); border-color: var(--sp-border); border-radius: 8px; }
body:has(.followup-workspace) .cis-outcome.is-on { background: #245bc9; color: #fff; border-color: #245bc9; }
body:has(.followup-workspace) .cis-actions .cis-left a { color: var(--sp-muted); }

/* Dark colors are explicit: empty states and helpers remain readable. */
[data-theme="dark"] .sales-planning-workspace,
[data-theme="dark"] .sales-planning-dialog,
[data-theme="dark"] body:has(.followup-workspace) .cis-backdrop,
body[data-theme="dark"]:has(.followup-workspace) .cis-backdrop {
  --sp-canvas: #0f1b2b; --sp-surface: #192b3f; --sp-tint: #20364d;
  --sp-section: #2c4661; --sp-border: #536f89; --sp-ink: #edf5ff;
  --sp-muted: #b8cbe0; --sp-blue: #93bfff; --sp-hover: #2c4661;
  --danger: #fda4af;
  color-scheme: dark;
}
[data-theme="dark"] body:has(.sales-planning-workspace),
body[data-theme="dark"]:has(.sales-planning-workspace),
[data-theme="dark"] .main:has(.sales-planning-workspace) { background: #0f1b2b; }
[data-theme="dark"] .sales-planning-workspace .closure-chip.good { color: #a7f3c0; background: #1a4937; }
[data-theme="dark"] .sales-planning-workspace .closure-chip.mid { color: #fde68a; background: #574321; }
[data-theme="dark"] .sales-planning-workspace .closure-chip.low { color: #fecaca; background: #582d3a; }
[data-theme="dark"] .sales-planning-workspace .report-bar__fill { background: #629dff; }
[data-theme="dark"] .sales-planning-workspace .report-bar__fill.is-bids { background: #9bc2ff; }
[data-theme="dark"] .sales-planning-workspace .report-bar__fill.is-zero { background: var(--sp-border); }
[data-theme="dark"] .sales-planning-dialog .tdm-next-list .tdm-added i { color: #86efac; }

@media (max-width: 1000px) {
  .sales-planning-workspace .report-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sales-planning-workspace .tasks-topbar { grid-template-columns: 1fr; }
  .sales-planning-workspace .tasks-actions { justify-content: flex-start; }
  .sales-planning-workspace .calendar-sync { justify-content: flex-start; }
}
@media (max-width: 760px) {
  .container:has(.sales-planning-workspace) { padding:16px 16px 28px; }
  .sales-planning-workspace :is(.report-header, .tasks-topbar, .er-heading, .bo-head),
  .sales-planning-workspace.reporting-workspace > header { padding: 12px 16px; }
  .sales-planning-workspace .report-header > div:first-child { flex-basis: 100%; }
  .sales-planning-workspace .report-header-actions { width: 100%; }
  .sales-planning-workspace .report-filters { gap: 10px; padding: 12px; }
  .sales-planning-workspace .report-filters > label { flex: 1 1 120px; }
  .sales-planning-workspace .report-filters :is(input:not([type=checkbox]), select) { width: 100%; min-width: 0; }
  .sales-planning-workspace .report-filter-actions { margin-left: 0; }
  .sales-planning-workspace .report-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sales-planning-workspace .report-card__body { padding: 12px; }
  .sales-planning-workspace .report-bars { gap: 3px; }
  .sales-planning-workspace .report-bar__value { font-size: 9px; }
  .sales-planning-workspace .report-bar__label { font-size: 9px; }
  .sales-planning-workspace .tasks-calendar { overflow-x: auto; }
  .sales-planning-workspace :is(.tasks-weekdays, .tasks-week) { min-width: 700px; }
  .sales-planning-workspace .calendar-sync-callout { right: auto; left: 0; width: min(380px, calc(100vw - 64px)); }
  .sales-planning-dialog.task-modal-backdrop { padding: 8px; }
  .sales-planning-dialog :is(.task-modal, .tdm) { max-height: calc(100dvh - 16px); }
}
@media (max-width: 600px) {
  .sales-planning-dialog .tdm-head { flex-wrap: wrap; }
  .sales-planning-dialog .tdm-head > div:first-child { flex: 1 1 180px; }
  .sales-planning-dialog .tdm-head-actions { margin-left: auto; }
  .sales-planning-dialog :is(.tdm-head, .task-modal-head) { padding: 14px; }
  .sales-planning-dialog :is(.tdm-body, .task-modal-body) { padding: 14px; }
  .sales-planning-workspace :is(.er-search, .bo-search) { min-width: 0; }
  .sales-planning-workspace .er-filters > label { min-width: min(100%, 140px); }
  .sales-planning-workspace .tasks-panel-head { padding: 10px 12px; }
  body:has(.followup-workspace) .cis-backdrop .cis { max-height: calc(100dvh - 16px); }
}