/* Illustrated operational panels. Each palette belongs to its app. */
.orbit-panel-hero {--panel-bg:#f3eaf6;--panel-ink:#352440;--panel-accent:#654575}
.manicure-real .orbit-panel-hero {--panel-bg:#fbecf0;--panel-ink:#482f3b;--panel-accent:#86435c}
.barber-real .orbit-panel-hero {--panel-bg:#f4ebe1;--panel-ink:#34251e;--panel-accent:#815633}
.finance-app .orbit-panel-hero {--panel-bg:#eaf2e8;--panel-ink:#163e32;--panel-accent:#2f6650}
.carwash-app .orbit-panel-hero {--panel-bg:#e7f1f6;--panel-ink:#163c52;--panel-accent:#246589}

body .orbit-panel-hero,
body[data-workspace="pet"] .pet-home .orbit-panel-hero,
body.finance-app .page-heading.orbit-panel-hero,
body.carwash-app .cw-heading.orbit-panel-hero {
  display:flex;
  position:relative;
  isolation:isolate;
  align-items:stretch;
  overflow:hidden;
  min-height:190px;
  padding:0;
  border:1px solid #24374a14;
  border-radius:18px;
  background:var(--panel-bg)!important;
  color:var(--panel-ink);
}
body .orbit-panel-hero > div {
  position:relative;
  width:100%;
  min-width:0;
  padding:24px 28px;
  background:linear-gradient(90deg,
    var(--panel-bg) 0%,
    color-mix(in srgb,var(--panel-bg) 93%,transparent) 38%,
    color-mix(in srgb,var(--panel-bg) 75%,transparent) 64%,
    color-mix(in srgb,var(--panel-bg) 20%,transparent) 100%);
}
body .orbit-panel-hero :is(h1,h2,h3,#page-title,#cw-title) {
  margin:4px 0;
  color:var(--panel-ink)!important;
  overflow-wrap:anywhere;
}
body .orbit-panel-hero :is(p,small,.eyebrow,.pet-overview-label,#page-kicker,#page-subtitle,#cw-kicker,#cw-subtitle) {
  color:var(--panel-accent)!important;
}
body .orbit-panel-hero > div > .primary,
body .orbit-panel-hero .pet-overview-actions {margin-top:12px}
body .orbit-panel-hero .pet-overview-actions {flex-shrink:1}
.finance-app .orbit-panel-hero .primary,
.carwash-app .orbit-panel-hero .primary {
  background:var(--panel-accent);
  color:#fff;
  white-space:normal;
}
.orbit-panel-photo {
  position:absolute;
  z-index:-1;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 52%;
  opacity:.85;
  filter:blur(2px);
  transform:scale(1.035);
}
.manicure-real .orbit-panel-photo {object-position:center 55%}
@media(max-width:600px) {
  body .orbit-panel-hero > div {
    padding:18px 16px;
    background:linear-gradient(110deg,
      var(--panel-bg) 8%,
      color-mix(in srgb,var(--panel-bg) 89%,transparent) 55%,
      color-mix(in srgb,var(--panel-bg) 63%,transparent) 100%);
  }
}

body.orbit-industrial:is(.barber-workspace,.manicure-workspace) main.container > header,
body:is(.barber-workspace,.manicure-workspace) #notice:empty {
  display: none;
}
body:is(.barber-workspace,.manicure-workspace) main.container {
  padding-top: clamp(12px, 3vw, 28px);
}
body:is(.barber-workspace,.manicure-workspace) .orbit-panel-hero {
  min-height: 0;
}
body:is(.barber-workspace,.manicure-workspace) .orbit-panel-hero .primary {
  background: var(--panel-accent);
  color: white;
}
.orbit-daily-summary {
  --summary-bg: #fffaf6;
  --summary-ink: #34251e;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 140px), 1fr));
  gap: 10px;
  margin: 16px 0 8px;
}
.manicure-workspace .orbit-daily-summary {
  --summary-bg: #fff6f8;
  --summary-ink: #482f3b;
}
.orbit-daily-summary > div {
  padding: 14px 16px;
  border: 1px solid color-mix(in srgb, var(--summary-ink) 18%, transparent);
  border-radius: 14px;
  background: var(--summary-bg);
  color: var(--summary-ink);
}
.orbit-daily-summary dt { font-size: .875rem; }
.orbit-daily-summary dd {
  margin: 4px 0 0;
  font-size: clamp(1.125rem, 4vw, 1.5rem);
  font-weight: 700;
  overflow-wrap: anywhere;
}