/* V2.8.5 Overview designs 04–06. All rules are limited to the Overview route. */

body[data-overview-theme="crimson-pulse"] {
  --ot-bg: #f3f5f7; --ot-panel: #fff; --ot-text: #101720;
  --ot-muted: #66758a; --ot-border: #e8edf2; --ot-accent: #e60019;
  --ot-secondary: #303e49; --ot-shadow: 0 5px 20px #233c5210; --ot-radius: 12px;
  --bg: var(--ot-bg); --surface: #fff; --surface-alt: #f4f6f8;
  --text: var(--ot-text); --muted: var(--ot-muted); --border: var(--ot-border);
  --primary: #e60019; --primary-ink: #ce0017; --on-primary: #fff;
}
body[data-overview-theme="carbon-glass"] {
  --ot-bg: #060c10; --ot-panel: #111c22; --ot-text: #f3f7fa;
  --ot-muted: #a7b8c6; --ot-border: #2c3d48; --ot-accent: #ff1234;
  --ot-secondary: #75b9f4; --ot-shadow: 0 10px 34px #0005; --ot-radius: 6px;
  --bg: var(--ot-bg); --surface: #111c22; --surface-alt: #1a262f;
  --text: var(--ot-text); --muted: var(--ot-muted); --border: var(--ot-border);
  --primary: #ef0526; --primary-ink: #ff6680; --on-primary: #fff;
}
body[data-overview-theme="swiss-motion"] {
  --ot-bg: #f3f4f5; --ot-panel: #fff; --ot-text: #080d12;
  --ot-muted: #5e6977; --ot-border: #e6e9ed; --ot-accent: #ed0019;
  --ot-secondary: #363d44; --ot-shadow: none; --ot-radius: 4px;
  --bg: var(--ot-bg); --surface: #fff; --surface-alt: #f3f4f5;
  --text: var(--ot-text); --muted: var(--ot-muted); --border: var(--ot-border);
  --primary: #ed0019; --primary-ink: #d00016; --on-primary: #fff;
  --ot-status-open: #ff8b99; --ot-status-assigned: #d2d5d9; --ot-status-progress: #363d44;
  --ot-status-waiting-user: #a4a9af; --ot-status-waiting-vendor: #c5c9ce; --ot-status-closed: #f05267;
}

/* Shared proportions for the three analytics compositions. */
body:is([data-overview-theme="crimson-pulse"], [data-overview-theme="carbon-glass"], [data-overview-theme="swiss-motion"]) {
  background: var(--ot-bg); color: var(--ot-text);
}
body:is([data-overview-theme="crimson-pulse"], [data-overview-theme="carbon-glass"], [data-overview-theme="swiss-motion"]) .content {
  padding: 0; background: var(--ot-bg); min-width: 0;
}
body:is([data-overview-theme="crimson-pulse"], [data-overview-theme="carbon-glass"], [data-overview-theme="swiss-motion"]) .workspace {
  background: var(--ot-bg);
}
body:is([data-overview-theme="crimson-pulse"], [data-overview-theme="carbon-glass"], [data-overview-theme="swiss-motion"]) .ot285 {
  padding: 0 24px 22px; color: var(--ot-text); max-width: 1920px; margin: 0 auto;
}
body:is([data-overview-theme="crimson-pulse"], [data-overview-theme="carbon-glass"], [data-overview-theme="swiss-motion"]) .topbar {
  height: 64px; background: var(--surface); border-color: var(--ot-border); box-shadow: none;
}
body:is([data-overview-theme="crimson-pulse"], [data-overview-theme="carbon-glass"], [data-overview-theme="swiss-motion"]) .search-trigger {
  flex: 0 1 340px; max-width: 340px; margin-left: auto; margin-right: 0;
  background: var(--surface-alt); color: var(--ot-muted); border-color: var(--ot-border);
}
body:is([data-overview-theme="crimson-pulse"], [data-overview-theme="carbon-glass"], [data-overview-theme="swiss-motion"]) .topbar .icon-button {
  width: 40px; height: 40px; color: var(--ot-text);
}
body:is([data-overview-theme="crimson-pulse"], [data-overview-theme="carbon-glass"], [data-overview-theme="swiss-motion"]) .brand {
  padding: 25px 26px 24px;
}
body:is([data-overview-theme="crimson-pulse"], [data-overview-theme="carbon-glass"], [data-overview-theme="swiss-motion"]) .brand-logo img {
  width: 134px;
}
body:is([data-overview-theme="crimson-pulse"], [data-overview-theme="carbon-glass"], [data-overview-theme="swiss-motion"]) .nav-link {
  min-height: 48px; padding: 12px 17px; font-size: 13px; gap: 15px; font-weight: 500;
}
body:is([data-overview-theme="crimson-pulse"], [data-overview-theme="carbon-glass"], [data-overview-theme="swiss-motion"]) .nav-link svg {
  width: 22px; height: 22px;
}
body:is([data-overview-theme="crimson-pulse"], [data-overview-theme="carbon-glass"], [data-overview-theme="swiss-motion"]) .reference-brand-note {
  display: flex; flex-direction: column; justify-content: flex-end; position: relative;
  min-height: 230px; margin: 8px 0 0; padding: 18px 24px; border: 0; border-radius: 0;
  isolation: isolate; background: transparent; overflow: hidden;
}
body:is([data-overview-theme="crimson-pulse"], [data-overview-theme="carbon-glass"], [data-overview-theme="swiss-motion"]) .reference-brand-note .brand-mountains {
  inset: 0; opacity: 1;
  background: linear-gradient(0deg, #0a1118 0%, #0a111833 62%, transparent), url('/assets/overview-themes-v285/alpine-dark.webp') 76% 50% / auto 125% no-repeat;
  z-index: -1;
}
body:is([data-overview-theme="crimson-pulse"], [data-overview-theme="carbon-glass"], [data-overview-theme="swiss-motion"]) .brand-mountains::before,
body:is([data-overview-theme="crimson-pulse"], [data-overview-theme="carbon-glass"], [data-overview-theme="swiss-motion"]) .brand-mountains::after {
  content: none;
}
body:is([data-overview-theme="crimson-pulse"], [data-overview-theme="carbon-glass"], [data-overview-theme="swiss-motion"]) .reference-brand-note b {
  font-size: 14px; line-height: 1.4; letter-spacing: 1.1px; font-weight: 700; text-transform: uppercase;
}
body:is([data-overview-theme="crimson-pulse"], [data-overview-theme="carbon-glass"], [data-overview-theme="swiss-motion"]) .ot-sidebar-motto {
  font-size: 12px; line-height: 1.45; letter-spacing: 1.1px; font-weight: 700; position: relative; z-index: 1;
}
body:is([data-overview-theme="crimson-pulse"], [data-overview-theme="carbon-glass"], [data-overview-theme="swiss-motion"]) .reference-brand-note small {
  font-size: 9px; line-height: 1.5;
}
body:is([data-overview-theme="crimson-pulse"], [data-overview-theme="carbon-glass"], [data-overview-theme="swiss-motion"]) .brand-note-rule {
  height: 2px; width: 34px; background: #ed0019; margin-top: 11px;
}
body:is([data-overview-theme="crimson-pulse"], [data-overview-theme="carbon-glass"], [data-overview-theme="swiss-motion"]) .workspace-footer {
  background: var(--ot-bg); color: var(--ot-muted); border: 0;
}

.ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-hero {
  position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: center;
  min-height: 228px; margin: 0 -24px; padding: 24px 32px 46px;
  gap: 24px; border: 0; border-radius: 0;
}
.ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-hero-copy {
  position: relative; z-index: 2; min-width: 0;
}
.ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-eyebrow {
  font-size: 10px; font-weight: 750; line-height: 1.5; letter-spacing: 3px; margin-bottom: 12px;
}
.ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-hero h1 {
  margin: 0; font-size: clamp(44px, 4.25vw, 68px); line-height: 1; letter-spacing: -2.5px; font-weight: 800;
}
.ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-greeting {
  font-size: 17px; line-height: 1.5; margin: 12px 0 0; max-width: 580px;
}
.ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-hero-actions {
  position: relative; z-index: 2; margin-left: auto; align-self: flex-end; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px;
}
.ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-hero-actions .ot-btn {
  min-height: 44px; padding: 10px 15px; font-size: 12px; border-radius: 6px;
}
.ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-hero-actions .ot-btn-primary {
  background: #e9001c; color: #fff; border-color: #e9001c;
}
.ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-hero-motto {
  display: block;
  position: absolute; right: 33px; top: 31px; font-size: 10px; font-weight: 800; letter-spacing: 1.5px;
  line-height: 1.5; z-index: 1;
}
.ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"]) .ot-hero-motto span { display: inline; }
.ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-hero-motto span + span {
  margin-left: 5px;
}
.ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-kpi-grid {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin: -28px 0 17px; position: relative; z-index: 3;
}
.ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-kpi {
  display: grid; grid-template-columns: 52px minmax(0, 1fr); grid-template-areas: "icon value" "icon label" "note note";
  gap: 1px 15px; align-content: center; position: relative; overflow: hidden;
  min-height: 106px; padding: 17px 19px; color: var(--ot-text); background: var(--ot-panel);
  border: 1px solid var(--ot-border); border-radius: var(--ot-radius); box-shadow: var(--ot-shadow);
}
.ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-kpi-icon {
  grid-area: icon; display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; align-self: center;
  background: #ffebef; color: #e60019; border-radius: 9px;
}
.ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-kpi-icon svg {
  width: 29px; height: 29px; stroke-width: 1.9;
}
.ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-kpi-value {
  grid-area: value; font-size: 35px; line-height: 1.08; letter-spacing: -1px; font-weight: 780; font-variant-numeric: tabular-nums;
}
.ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-kpi-label {
  grid-area: label; font-size: 13px; line-height: 1.4; color: var(--ot-text); margin: 2px 0 0;
}
.ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-kpi-note {
  grid-area: note; color: var(--ot-muted); margin-top: 8px; font-size: 10px; line-height: 1.4;
}
.ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-grid {
  display: grid; grid-template-columns: minmax(0, 2.03fr) minmax(300px, 1fr); grid-template-areas: none; gap: 16px; align-items: stretch;
}
.ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-panel { grid-area: auto; }
.ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-panel {
  min-width: 0; color: var(--ot-text); background: var(--ot-panel); border: 1px solid var(--ot-border);
  border-radius: var(--ot-radius); box-shadow: var(--ot-shadow); overflow: hidden;
}
.ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-panel-head {
  padding: 17px 20px 10px; gap: 12px; align-items: flex-start;
}
.ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-panel-head h2 {
  font-size: 19px; line-height: 1.25; letter-spacing: -.45px; font-weight: 760; margin: 0;
}
.ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-panel-head p {
  color: var(--ot-muted); font-size: 12px; line-height: 1.5; margin: 4px 0 0;
}
.ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-panel-head select {
  font-size: 11px; min-height: 36px; color: var(--ot-text); background: var(--ot-panel); border-color: var(--ot-border);
}
.ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-chart-wrap {
  padding: 3px 13px 5px; min-width: 0;
}
.ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-chart {
  display: block; width: 100%; height: auto; min-height: 235px; max-height: 335px; overflow: visible;
}
.ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-chart-legend {
  display: flex; flex-wrap: wrap; gap: 20px; padding: 3px 24px 14px; color: var(--ot-text); font-size: 12px;
}
.ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-donut-wrap {
  display: flex; gap: 16px; align-items: center; justify-content: center; padding: 12px 20px 22px; flex-wrap: wrap;
}
.ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-donut {
  flex: 0 1 190px; width: min(190px, 100%); height: auto; color: var(--ot-text);
}
.ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-status-legend {
  min-width: 115px; flex: 1; color: var(--ot-text); font-size: 11px; line-height: 1.5;
}
.ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-status-legend li {
  padding: 8px 0; border-bottom: 1px solid var(--ot-border);
}
.ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-stage-count {
  font-variant-numeric: tabular-nums; font-weight: 750;
}
.ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-recent-table {
  width: 100%; font-size: 12px; border-collapse: collapse;
}
.ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-recent-table th {
  color: var(--ot-muted); font-size: 10px; font-weight: 600; text-align: left; padding: 9px 17px; background: transparent;
  border-bottom: 1px solid var(--ot-border);
}
.ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-recent-table td {
  padding: 13px 17px; color: var(--ot-text); border-bottom: 1px solid var(--ot-border); vertical-align: middle;
}
.ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-recent-table tr:last-child td {
  border-bottom: 0;
}
.ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-recent-table a {
  color: inherit; font-weight: 650;
}
.ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-data-note {
  margin-top: 14px; font-size: 10px; line-height: 1.6; color: var(--ot-muted);
}

/* 04 — CRIMSON PULSE: angled scarlet banner and overlapping white KPI cards. */
body[data-overview-theme="crimson-pulse"] .sidebar {
  background: linear-gradient(140deg, #131b20, #070e12 80%); color: #e8edf0; border-right: 1px solid #18242d;
}
body[data-overview-theme="crimson-pulse"] .sidebar .logo-on-light { display: none; }
body[data-overview-theme="crimson-pulse"] .sidebar .logo-on-dark { display: block; }
body[data-overview-theme="crimson-pulse"] .sidebar .sidebar-person b { color: #fff; }
body[data-overview-theme="crimson-pulse"] .sidebar .nav-link.active {
  background: #ffffff12; color: #fff; border-radius: 0 5px 5px 0; box-shadow: none;
}
body[data-overview-theme="crimson-pulse"] .sidebar .nav-link.active::before {
  background: #e60019; width: 4px; border-radius: 0;
}
.ot285[data-design="crimson-pulse"] .ot-hero {
  background: #eef2f5 url('/assets/theme-art-v330/alpine.webp') 73% 40% / cover no-repeat;
  border-radius: 0 0 22px 22px;
}
.ot285[data-design="crimson-pulse"] .ot-hero::before {
  content: ""; position: absolute; inset: 0; z-index: 0;
  background: linear-gradient(110deg, #590007 0%, #ab0011ef 37%, #e60019dc 71%, #ed0019bd 100%);
  clip-path: polygon(0 0, 47% 0, 67% 100%, 0 100%);
}
.ot285[data-design="crimson-pulse"] .ot-hero::after {
  content: ""; position: absolute; inset: 0; z-index: 0;
  background: linear-gradient(128deg, transparent 28%, #ff334322 28%, #ff334311 48%, transparent 48%);
  clip-path: polygon(0 0, 47% 0, 67% 100%, 0 100%);
}
.ot285[data-design="crimson-pulse"] .ot-hero-copy { max-width: 55%; color: #fff; }
.ot285[data-design="crimson-pulse"] .ot-hero h1 { color: #fff; }
.ot285[data-design="crimson-pulse"] .ot-eyebrow { color: #f8bdc6; }
.ot285[data-design="crimson-pulse"] .ot-eyebrow::after {
  content: ""; display: block; width: 29px; height: 2px; margin-top: 8px; background: #ff2440;
}
.ot285[data-design="crimson-pulse"] .ot-greeting { color: #fff2f4; }
.ot285[data-design="crimson-pulse"] .ot-hero-motto { color: #172330; }
.ot285[data-design="crimson-pulse"] .ot-hero-motto::after {
  content: ""; display: block; width: 31px; height: 2px; margin: 9px 0 0 auto; background: #e60019;
}
.ot285[data-design="crimson-pulse"] .ot-activity { grid-column: 1; }
.ot285[data-design="crimson-pulse"] .ot-status { grid-column: 2; }
.ot285[data-design="crimson-pulse"] .ot-payments,
.ot285[data-design="crimson-pulse"] .ot-recent { grid-column: 1 / -1; }
.ot285[data-design="crimson-pulse"] .ot-payments {
  display: block; min-height: 127px;
}
.ot285[data-design="crimson-pulse"] .ot-payments .ot-panel-head { padding: 16px 20px 12px; }
.ot285[data-design="crimson-pulse"] .ot-payments > .ot-other-stages,
.ot285[data-design="crimson-pulse"] .ot-payments > .ot-panel-foot { grid-column: 1 / -1; }
.ot285[data-design="crimson-pulse"] .ot-stage-list {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; padding: 17px 20px;
}
.ot285[data-design="crimson-pulse"] .ot-stage-row {
  display: flex; flex-direction: column; gap: 7px; align-items: flex-start; padding: 0 17px; border-left: 1px solid #e4e9ef;
}
.ot285[data-design="crimson-pulse"] .ot-stage-label { font-size: 12px; line-height: 1.4; }
.ot285[data-design="crimson-pulse"] .ot-stage-row:first-child { border-left: 0; padding-left: 0; }
.ot285[data-design="crimson-pulse"] .ot-stage-count { font-size: 25px; order: -1; color: #d90019; line-height: 1.1; }
.ot285[data-design="crimson-pulse"] .ot-stage-track { width: 100%; height: 4px; border-radius: 2px; background: #e9eef3; }
.ot285[data-design="crimson-pulse"] .ot-stage-track i { background: #e60019; }

/* 05 — CARBON GLASS: illuminated mountain plate, smoked panels, red details. */
body[data-overview-theme="carbon-glass"] .sidebar {
  background: linear-gradient(150deg, #111b21, #080f14 56%, #03070a); color: #d2e0eb; border-right: 1px solid #253641;
}
body[data-overview-theme="carbon-glass"] .brand { border-bottom: 1px solid #ffffff06; }
body[data-overview-theme="carbon-glass"] .sidebar .logo-on-light { display: none; }
body[data-overview-theme="carbon-glass"] .sidebar .logo-on-dark { display: block; }
body[data-overview-theme="carbon-glass"] .sidebar .sidebar-person b { color: #edf4f9; }
body[data-overview-theme="carbon-glass"] .sidebar .nav-link.active {
  background: linear-gradient(110deg, #8f1222, #5b0f1a); color: #fff; border-radius: 5px; box-shadow: 0 0 20px #f5002410;
}
body[data-overview-theme="carbon-glass"] .sidebar .nav-link.active::before { background: #ff1234; width: 4px; }
body[data-overview-theme="carbon-glass"] .reference-brand-note .brand-mountains {
  background: linear-gradient(0deg, #080f14 0%, #080f1433 62%, transparent), url('/assets/theme-art-v330/alpine.webp') 72% 45% / auto 130% no-repeat;
}
body[data-overview-theme="carbon-glass"] .topbar {
  background: #0a131bef; border-bottom-color: #263742; backdrop-filter: blur(14px);
}
body[data-overview-theme="carbon-glass"] .search-trigger {
  background: #ffffff06; border-color: #344650; border-radius: 5px;
}
body[data-overview-theme="carbon-glass"] .topbar .avatar { background: #20303c; border-color: #334b5c; color: #fff; }
body[data-overview-theme="carbon-glass"] .profile-link small { color: #a7b8c6; }
.ot285[data-design="carbon-glass"] .ot-hero {
  min-height: 213px; padding-bottom: 47px; color: #fff;
  background: linear-gradient(0deg, #060c10, #060c1044 49%, #08111933), url('/assets/theme-art-v330/alpine.webp') 65% 35% / cover no-repeat;
}
.ot285[data-design="carbon-glass"] .ot-hero h1 { font-size: clamp(40px, 3.7vw, 58px); }
.ot285[data-design="carbon-glass"] .ot-eyebrow { color: #a4d0df; font-size: 9px; margin-bottom: 10px; }
.ot285[data-design="carbon-glass"] .ot-greeting { color: #c3d0dc; }
.ot285[data-design="carbon-glass"] .ot-hero-motto {
  top: auto; bottom: 53px; right: 230px; color: #c3d0dc; font-size: 9px; letter-spacing: 1.8px;
}
.ot285[data-design="carbon-glass"] .ot-hero-motto::before {
  content: ""; width: 32px; height: 2px; display: block; margin-bottom: 9px; background: #ff1234;
}
.ot285[data-design="carbon-glass"] .ot-hero-actions .ot-btn-primary { box-shadow: 0 5px 20px #ed001933; }
.ot285[data-design="carbon-glass"] .ot-kpi {
  background: linear-gradient(132deg, #23323a85, #101a20e8 67%); border-color: #344651; box-shadow: inset 0 1px #ffffff06, 0 5px 15px #0003;
}
.ot285[data-design="carbon-glass"] .ot-kpi::after {
  content: ""; position: absolute; bottom: 0; left: 0; width: 34%; height: 3px; background: #ff1234; box-shadow: 0 0 12px #ff123488;
}
.ot285[data-design="carbon-glass"] .ot-kpi-icon {
  color: #ff5872; background: radial-gradient(circle at 30% 20%, #b61e3866, #5510217a); border: 1px solid #ec284d0d;
}
.ot285[data-design="carbon-glass"] .ot-kpi-value { text-shadow: 0 2px 10px #ffffff0d; }
.ot285[data-design="carbon-glass"] .ot-panel {
  background: linear-gradient(135deg, #26384158, #0d161bf2 65%); box-shadow: inset 0 1px #ffffff06, 0 5px 20px #0004;
}
.ot285[data-design="carbon-glass"] .ot-grid { grid-template-columns: minmax(0, 2fr) minmax(290px, 1fr); }
.ot285[data-design="carbon-glass"] .ot-activity { grid-column: 1; grid-row: 1 / 3; display: flex; flex-direction: column; align-self: start; }
.ot285[data-design="carbon-glass"] .ot-activity .ot-chart-wrap { flex: 0; display: flex; align-items: flex-start; padding-top: 20px; }
.ot285[data-design="carbon-glass"] .ot-activity .ot-chart { max-height: 365px; min-height: 310px; }
.ot285[data-design="carbon-glass"] .ot-status { grid-column: 2; grid-row: 1; }
.ot285[data-design="carbon-glass"] .ot-payments { grid-column: 2; grid-row: 2; }
.ot285[data-design="carbon-glass"] .ot-recent { grid-column: 1 / -1; grid-row: 3; }
.ot285[data-design="carbon-glass"] .ot-panel-head { padding: 16px 18px 10px; }
.ot285[data-design="carbon-glass"] .ot-status .ot-panel-head h2,
.ot285[data-design="carbon-glass"] .ot-payments .ot-panel-head h2 { font-size: 17px; }
.ot285[data-design="carbon-glass"] .ot-donut-wrap { gap: 13px; padding: 7px 17px 16px; }
.ot285[data-design="carbon-glass"] .ot-donut { flex-basis: 155px; max-width: 155px; }
.ot285[data-design="carbon-glass"] .ot-status-legend { font-size: 12px; min-width: 100px; }
.ot285[data-design="carbon-glass"] .ot-status-legend li { padding: 4px 0; font-size: 11px; }
.ot285[data-design="carbon-glass"] .ot-stage-list { padding: 4px 19px 14px; display: grid; gap: 10px; }
.ot285[data-design="carbon-glass"] .ot-stage-row { display: grid; grid-template-columns: minmax(74px, .7fr) minmax(45px, 1.5fr) 26px; gap: 10px; align-items: center; }
.ot285[data-design="carbon-glass"] .ot-stage-label { font-size: 11px; line-height: 1.4; }
.ot285[data-design="carbon-glass"] .ot-stage-count { font-size: 12px; color: #f1f7fb; text-align: right; }
.ot285[data-design="carbon-glass"] .ot-stage-track { height: 8px; background: #1d2a32; border: 1px solid #344650; border-radius: 5px; overflow: hidden; }
.ot285[data-design="carbon-glass"] .ot-stage-track i { background: #ff1234; box-shadow: 0 0 10px #ff123444; }
.ot285[data-design="carbon-glass"] .ot-recent-table td { padding-top: 12px; padding-bottom: 12px; }
.ot285[data-design="carbon-glass"] .ot-recent-table tr:hover { background: #ffffff03; }
.ot285[data-design="carbon-glass"] .badge { background: #16252f; border: 1px solid #334957; color: #d6e8f6; }
.ot285[data-design="carbon-glass"] .ot-status-in_progress,
.ot285[data-design="carbon-glass"] .ot-status-assigned { color: #8dbcf0; }
.ot285[data-design="carbon-glass"] .ot-status-resolved,
.ot285[data-design="carbon-glass"] .ot-status-closed,
.ot285[data-design="carbon-glass"] .ot-status-complete { color: #6ad5b6; }
.ot285[data-design="carbon-glass"] .ot-status-waiting_user,
.ot285[data-design="carbon-glass"] .ot-status-waiting_vendor,
.ot285[data-design="carbon-glass"] .ot-status-manager_pending,
.ot285[data-design="carbon-glass"] .ot-status-finance_manager_pending,
.ot285[data-design="carbon-glass"] .ot-status-cfo_pending { color: #e8c577; }
.ot285[data-design="carbon-glass"] .ot-status-open { color: #ff6d83; }
.ot285[data-design="carbon-glass"] .ot-data-note { color: #96aab9; }

/* 06 — SWISS MOTION: editorial scale, a white navigation rail, architectural red. */
body[data-overview-theme="swiss-motion"] .sidebar {
  background: #fff; border-right: 1px solid #e7ebef; color: #111820;
}
body[data-overview-theme="swiss-motion"] .sidebar .brand { padding-top: 24px; padding-bottom: 29px; }
body[data-overview-theme="swiss-motion"] .sidebar .logo-on-light { display: block; }
body[data-overview-theme="swiss-motion"] .sidebar .logo-on-dark { display: none; }
body[data-overview-theme="swiss-motion"] .sidebar .brand > span { color: #6b7580; }
body[data-overview-theme="swiss-motion"] .sidebar nav { padding-left: 0; padding-right: 0; }
body[data-overview-theme="swiss-motion"] .sidebar .nav-link { border-radius: 0; padding-left: 25px; padding-right: 18px; color: #172029; }
body[data-overview-theme="swiss-motion"] .sidebar .nav-link:hover { background: #f3f4f5; color: #c60019; }
body[data-overview-theme="swiss-motion"] .sidebar .nav-link.active { background: #ed0019; color: #fff; box-shadow: none; }
body[data-overview-theme="swiss-motion"] .sidebar .nav-link.active::before { content: none; }
body[data-overview-theme="swiss-motion"] .sidebar .nav-pill { background: #17202912; color: inherit; }
body[data-overview-theme="swiss-motion"] .sidebar .nav-link.active .nav-pill { background: #ffffff28; }
body[data-overview-theme="swiss-motion"] .sidebar .sidebar-person b { color: #121923; }
body[data-overview-theme="swiss-motion"] .sidebar .sidebar-person span,
body[data-overview-theme="swiss-motion"] .sidebar .sidebar-signout,
body[data-overview-theme="swiss-motion"] .sidebar .sidebar-version { color: #5e6977; }
body[data-overview-theme="swiss-motion"] .sidebar .sidebar-signout:hover { background: #f3f4f5; color: #c60019; }
body[data-overview-theme="swiss-motion"] .sidebar .avatar { background: #eceff2; color: #253341; border-color: #dce2e8; }
body[data-overview-theme="swiss-motion"] .sidebar .sidebar-bottom { border-top-color: #e8ebef; }
body[data-overview-theme="swiss-motion"] .reference-brand-note { color: #101720; min-height: 230px; }
body[data-overview-theme="swiss-motion"] .reference-brand-note .brand-mountains {
  background: linear-gradient(0deg, #fff 0%, #ffffff44 66%, #ffffffbb), url('/assets/theme-art-v330/alpine.webp') 76% 50% / auto 130% no-repeat;
}
body[data-overview-theme="swiss-motion"] .reference-brand-note small { color: #5e6977; }
body[data-overview-theme="swiss-motion"] .topbar { background: #fff; }
body[data-overview-theme="swiss-motion"] .search-trigger { border-radius: 3px; }
.ot285[data-design="swiss-motion"] .ot-hero {
  min-height: 220px; padding: 25px 32px 44px;
  background: linear-gradient(90deg, #f8fafcf2 0%, #f8fafcd9 31%, #f8fafc0d 68%), url('/assets/theme-art-v330/alpine.webp') 62% 40% / cover no-repeat;
}
.ot285[data-design="swiss-motion"] .ot-hero::before {
  content: ""; position: absolute; top: -25px; bottom: -10px; right: 13%; width: 128px; z-index: 0;
  background: linear-gradient(90deg, #f80024, #ca0019 88%, #7e0013 89%); transform: skewY(-37deg); box-shadow: 18px 0 0 #c2c8cfb3, 31px 0 0 #dde0e4bb;
}
.ot285[data-design="swiss-motion"] .ot-hero h1 { color: #05090d; font-size: clamp(48px, 5.7vw, 85px); font-weight: 830; letter-spacing: -4px; }
.ot285[data-design="swiss-motion"] .ot-hero h1::after { content: ""; display: block; height: 3px; width: 61px; background: #ed0019; margin-top: 12px; }
.ot285[data-design="swiss-motion"] .ot-eyebrow { color: #111923; font-size: 11px; margin-bottom: 8px; }
.ot285[data-design="swiss-motion"] .ot-greeting { color: #546171; font-size: 16px; margin-top: 8px; }
.ot285[data-design="swiss-motion"] .ot-hero-copy { max-width: 65%; }
.ot285[data-design="swiss-motion"] .ot-hero-motto {
  top: 50px; right: calc(13% + 18px); width: 86px; color: #fff; font-size: 13px; line-height: 1.1; letter-spacing: -.25px; transform: skewY(-12deg);
}
.ot285[data-design="swiss-motion"] .ot-hero-motto span { display: block; }
.ot285[data-design="swiss-motion"] .ot-hero-motto span + span { margin-left: 0; margin-top: 2px; }
.ot285[data-design="swiss-motion"] .ot-hero-actions { margin-right: -10px; }
.ot285[data-design="swiss-motion"] .ot-hero-actions .ot-btn { border-radius: 3px; }
.ot285[data-design="swiss-motion"] .ot-kpi-grid {
  gap: 0; background: #fff; border: 1px solid #e9ecf0; border-radius: 4px; margin-top: -21px; margin-bottom: 17px; padding: 16px 0;
}
.ot285[data-design="swiss-motion"] .ot-kpi {
  border: 0; border-radius: 0; box-shadow: none; border-right: 1px solid #dfe4e9; padding: 2px 21px; min-height: 86px; gap: 0 17px;
  grid-template-columns: 45px minmax(0, 1fr); overflow: visible;
}
.ot285[data-design="swiss-motion"] .ot-kpi:last-child { border-right: 0; }
.ot285[data-design="swiss-motion"] .ot-kpi-icon { width: 44px; height: 51px; background: transparent; border-radius: 0; color: #090f14; position: relative; }
.ot285[data-design="swiss-motion"] .ot-kpi-icon::after { content: ""; position: absolute; height: 48px; width: 2px; right: -9px; top: 1px; background: #ed0019; }
.ot285[data-design="swiss-motion"] .ot-kpi-icon svg { width: 30px; height: 30px; }
.ot285[data-design="swiss-motion"] .ot-kpi-value { font-size: 43px; line-height: 1; letter-spacing: -1.8px; }
.ot285[data-design="swiss-motion"] .ot-kpi-label { font-size: 12px; }
.ot285[data-design="swiss-motion"] .ot-kpi-note { font-size: 9px; margin-top: 8px; }
.ot285[data-design="swiss-motion"] .ot-grid { grid-template-columns: minmax(0, 1.9fr) minmax(300px, 1fr); gap: 14px; }
.ot285[data-design="swiss-motion"] .ot-activity { grid-column: 1; grid-row: 1; }
.ot285[data-design="swiss-motion"] .ot-status { grid-column: 2; grid-row: 1; }
.ot285[data-design="swiss-motion"] .ot-payments { grid-column: 1; grid-row: 2; align-self: start; }
.ot285[data-design="swiss-motion"] .ot-recent { grid-column: 2; grid-row: 2; }
.ot285[data-design="swiss-motion"] .ot-panel { border-radius: 4px; box-shadow: none; border-color: #eceff2; }
.ot285[data-design="swiss-motion"] .ot-panel-head h2 { font-size: 20px; letter-spacing: -.5px; }
.ot285[data-design="swiss-motion"] .ot-stage-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 17px 20px 25px; gap: 15px; }
.ot285[data-design="swiss-motion"] .ot-stage-row { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.ot285[data-design="swiss-motion"] .ot-stage-count {
  order: -1; display: flex; align-items: center; justify-content: center; width: 45px; height: 45px;
  background: #ffe9ed; border: 1px solid #ffc9d1; border-radius: 50%; font-size: 21px; color: #cf001b;
}
.ot285[data-design="swiss-motion"] .ot-stage-label { font-size: 12px; font-weight: 650; line-height: 1.35; }
.ot285[data-design="swiss-motion"] .ot-stage-track { height: 4px; width: 100%; border-radius: 0; background: #e8ebef; }
.ot285[data-design="swiss-motion"] .ot-stage-track i { background: #ed0019; }
.ot285[data-design="swiss-motion"] .ot-recent .ot-table-scroll { overflow: visible; }
.ot285[data-design="swiss-motion"] .ot-recent-table { display: block; padding: 0 18px 15px; min-width: 0; }
.ot285[data-design="swiss-motion"] .ot-recent-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.ot285[data-design="swiss-motion"] .ot-recent-table tbody { display: block; }
.ot285[data-design="swiss-motion"] .ot-recent-table tr {
  position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3px 10px; padding: 8px 0 12px 19px; border: 0;
}
.ot285[data-design="swiss-motion"] .ot-recent-table tr::before { content: ""; position: absolute; left: 3px; top: 15px; bottom: -15px; width: 1px; background: #dadfe5; }
.ot285[data-design="swiss-motion"] .ot-recent-table tr:last-child::before { bottom: 15px; }
.ot285[data-design="swiss-motion"] .ot-recent-table tr::after { content: ""; position: absolute; left: 0; top: 13px; width: 7px; height: 7px; border-radius: 50%; background: #a0a9b4; }
.ot285[data-design="swiss-motion"] .ot-recent-table tr:first-child::after { background: #ed0019; }
.ot285[data-design="swiss-motion"] .ot-recent-table td { display: block; padding: 0; border: 0; font-size: 10px; white-space: normal; min-width: 0; }
.ot285[data-design="swiss-motion"] .ot-recent-table td:first-child { grid-column: 1; grid-row: 1; font-size: 11px; }
.ot285[data-design="swiss-motion"] .ot-recent-table td:nth-child(2) { grid-column: 1; grid-row: 2; color: #5e6977; }
.ot285[data-design="swiss-motion"] .ot-recent-table td:nth-child(3) { grid-column: 2; grid-row: 1 / 3; align-self: center; }
.ot285[data-design="swiss-motion"] .ot-recent-table td:nth-child(4) { grid-column: 1; grid-row: 3; color: #788390; font-size: 9px; }
.ot285[data-design="swiss-motion"] .ot-recent-table td[colspan] { grid-column: 1 / -1; }

/* Keep desktop compositions readable on modest laptop screens and zoom. */
@media (max-width: 1280px) {
  body:is([data-overview-theme="crimson-pulse"], [data-overview-theme="carbon-glass"], [data-overview-theme="swiss-motion"]) .ot285 { padding-left: 18px; padding-right: 18px; }
  .ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-hero { margin-left: -18px; margin-right: -18px; padding-left: 24px; padding-right: 24px; }
  .ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-kpi { padding: 15px 12px; gap: 2px 10px; grid-template-columns: 42px minmax(0, 1fr); }
  .ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-kpi-icon { width: 41px; height: 45px; }
  .ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-kpi-label { font-size: 11px; }
  .ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-grid { grid-template-columns: minmax(0, 1.65fr) minmax(275px, 1fr); gap: 13px; }
  .ot285[data-design="carbon-glass"] .ot-hero-motto { top: 28px; bottom: auto; right: 24px; }
  .ot285[data-design="swiss-motion"] .ot-kpi { padding: 2px 14px; gap: 2px 13px; }
  .ot285[data-design="swiss-motion"] .ot-kpi-value { font-size: 37px; }
  .ot285[data-design="swiss-motion"] .ot-kpi-icon::after { right: -6px; }
  .ot285[data-design="swiss-motion"] .ot-hero::before { right: 16%; width: 110px; }
  .ot285[data-design="swiss-motion"] .ot-hero-motto { right: calc(16% + 9px); }
  .ot285[data-design="swiss-motion"] .ot-hero-actions { max-width: 165px; }
}

@media (max-width: 1050px) {
  .ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-grid { grid-template-columns: minmax(0, 1fr); }
  .ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-grid > .ot-panel { grid-column: 1; grid-row: auto; }
  .ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-donut-wrap { flex-wrap: nowrap; justify-content: flex-start; gap: 28px; padding-left: 24px; padding-right: 24px; }
  .ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-donut { flex-basis: 190px; max-width: 190px; }
  .ot285[data-design="crimson-pulse"] .ot-payments { display: block; }
  .ot285[data-design="crimson-pulse"] .ot-stage-list { padding-top: 5px; }
  .ot285[data-design="crimson-pulse"] .ot-stage-row:first-child { border-left: 0; padding-left: 0; }
  .ot285[data-design="swiss-motion"] .ot-kpi:nth-child(2) { border-right: 0; }
  .ot285[data-design="swiss-motion"] .ot-kpi:nth-child(-n+2) { border-bottom: 1px solid #e4e8ed; padding-bottom: 15px; margin-bottom: 15px; }
  .ot285[data-design="swiss-motion"] .ot-hero::before { right: 5%; }
  .ot285[data-design="swiss-motion"] .ot-hero-motto { right: calc(5% + 9px); top: 31px; }
  .ot285[data-design="swiss-motion"] .ot-hero-actions { align-self: flex-end; max-width: none; }
}

@media (max-width: 760px) {
  body:is([data-overview-theme="crimson-pulse"], [data-overview-theme="carbon-glass"], [data-overview-theme="swiss-motion"]) .content { padding: 0 !important; }
  body:is([data-overview-theme="crimson-pulse"], [data-overview-theme="carbon-glass"], [data-overview-theme="swiss-motion"]) .ot285 { padding: 0 13px 20px; }
  body:is([data-overview-theme="crimson-pulse"], [data-overview-theme="carbon-glass"], [data-overview-theme="swiss-motion"]) .topbar { height: 60px; padding: 0 12px; gap: 6px; }
  body:is([data-overview-theme="crimson-pulse"], [data-overview-theme="carbon-glass"], [data-overview-theme="swiss-motion"]) .topbar .icon-button { min-width: 44px; min-height: 44px; }
  body:is([data-overview-theme="crimson-pulse"], [data-overview-theme="carbon-glass"], [data-overview-theme="swiss-motion"]) .search-trigger { flex: 0 0 44px; width: 44px; min-height: 44px; margin-left: auto; padding: 10px; border: 0; background: transparent; }
  body:is([data-overview-theme="crimson-pulse"], [data-overview-theme="carbon-glass"], [data-overview-theme="swiss-motion"]) .topbar-actions { gap: 0; }
  body:is([data-overview-theme="crimson-pulse"], [data-overview-theme="carbon-glass"], [data-overview-theme="swiss-motion"]) .topbar-divider { display: none; }
  body:is([data-overview-theme="crimson-pulse"], [data-overview-theme="carbon-glass"], [data-overview-theme="swiss-motion"]) .reference-brand-note { display: none; }
  .ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-hero { margin: 0 -13px; padding: 24px 20px 42px !important; min-height: 244px !important; flex-wrap: wrap; align-content: center; gap: 17px; }
  .ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-hero-copy { max-width: 100%; width: 100%; }
  .ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-hero h1 { font-size: 44px; letter-spacing: -2px; }
  .ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-eyebrow { font-size: 9px; letter-spacing: 2px; }
  .ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-greeting { font-size: 13px; margin-top: 9px; }
  .ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-hero-actions { margin: 0; justify-content: flex-start; align-self: auto; width: 100%; }
  .ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-hero-actions .ot-btn { min-height: 44px; font-size: 11px; }
  .ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-hero-motto { position: relative; top: auto; right: auto; bottom: auto; display: block; width: auto; font-size: 8px; letter-spacing: 1.4px; margin-top: -6px; }
  .ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-hero-motto::before,
  .ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-hero-motto::after { display: none; }
  .ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-kpi-grid { gap: 10px !important; margin-top: -22px !important; margin-bottom: 13px; }
  .ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-kpi { grid-template-columns: 34px minmax(0, 1fr); gap: 2px 9px; min-height: 100px; padding: 12px 10px; }
  .ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-kpi-icon { width: 34px; height: 39px; border-radius: 7px; }
  .ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-kpi-icon svg { width: 23px; height: 23px; }
  .ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-kpi-value { font-size: 30px; letter-spacing: -1px; }
  .ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-kpi-label { font-size: 10px; }
  .ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-kpi-note { font-size: 9px; }
  .ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-panel-head { padding: 16px 15px 10px; flex-wrap: wrap; }
  .ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-panel-head h2 { font-size: 18px; }
  .ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-panel-head select { min-height: 44px; }
  .ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-chart-wrap { padding: 0 6px 5px; overflow-x: auto; }
  .ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-chart { min-height: 205px; max-height: none; min-width: 360px; }
  .ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-chart-legend { padding: 4px 15px 13px; font-size: 11px; }
  .ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-donut-wrap { gap: 16px; padding: 8px 15px 20px; }
  .ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-donut { flex-basis: 150px; max-width: 150px; }
  .ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-status-legend { font-size: 10px; min-width: 100px; }
  .ot285[data-design="crimson-pulse"] .ot-hero::before,
  .ot285[data-design="crimson-pulse"] .ot-hero::after { clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%); }
  .ot285[data-design="crimson-pulse"] .ot-hero { background-position: 82% center; border-radius: 0 0 14px 14px; }
  .ot285[data-design="crimson-pulse"] .ot-hero-motto { color: #ffe5e9; }
  .ot285[data-design="crimson-pulse"] .ot-design-shortcut { color: #fff2f4 !important; }
  .ot285[data-design="crimson-pulse"] .ot-stage-list { padding: 5px 15px 20px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 0; }
  .ot285[data-design="crimson-pulse"] .ot-stage-row:nth-child(odd) { border-left: 0; padding-left: 0; }
  .ot285[data-design="carbon-glass"] .ot-hero { background-position: 76% center; }
  .ot285[data-design="carbon-glass"] .ot-activity .ot-chart { min-height: 205px; }
  .ot285[data-design="swiss-motion"] .ot-hero { min-height: 255px; background-position: 65% center; }
  .ot285[data-design="swiss-motion"] .ot-hero::before { right: -37px; width: 90px; opacity: .8; }
  .ot285[data-design="swiss-motion"] .ot-hero h1 { font-size: 50px; }
  .ot285[data-design="swiss-motion"] .ot-hero-motto { color: #172029; transform: none; }
  .ot285[data-design="swiss-motion"] .ot-hero-motto span { display: inline; }
  .ot285[data-design="swiss-motion"] .ot-hero-motto span + span { margin: 0 0 0 3px; }
  .ot285[data-design="swiss-motion"] .ot-kpi-grid { gap: 0 !important; padding: 12px 0 !important; }
  .ot285[data-design="swiss-motion"] .ot-kpi { padding: 0 11px; min-height: 84px; gap: 0 13px; }
  .ot285[data-design="swiss-motion"] .ot-kpi-icon { background: transparent; border-radius: 0; }
  .ot285[data-design="swiss-motion"] .ot-kpi-icon::after { height: 41px; right: -5px; top: 0; }
  .ot285[data-design="swiss-motion"] .ot-kpi:nth-child(-n+2) { padding-bottom: 11px; margin-bottom: 11px; }
  .ot285[data-design="swiss-motion"] .ot-stage-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; padding: 10px 18px 24px; }
  .ot285[data-design="swiss-motion"] .ot-recent-table { padding-left: 15px; padding-right: 15px; }
  .ot285[data-design="swiss-motion"] .ot-recent-table tr { min-height: 65px; }
}

@media (max-width: 390px) {
  .ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-donut-wrap { flex-wrap: wrap; }
  .ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) .ot-status-legend { min-width: 130px; }
}
@media (max-height: 850px) and (min-width: 761px) {
  body:is([data-overview-theme="crimson-pulse"], [data-overview-theme="carbon-glass"], [data-overview-theme="swiss-motion"]) .reference-brand-note { min-height: 150px; padding-top: 40px; }
}
@media (max-height: 680px) and (min-width: 761px) {
  body:is([data-overview-theme="crimson-pulse"], [data-overview-theme="carbon-glass"], [data-overview-theme="swiss-motion"]) .reference-brand-note { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) *,
  .ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) *::before,
  .ot285:is([data-design="crimson-pulse"], [data-design="carbon-glass"], [data-design="swiss-motion"]) *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}