:root{--ink:#202236;--cream:#f7f7fb;--gold:#7762ff;--paper:#f7f7fb;--white:#ffffff;--sage:#202236;--sage-light:#f7f7fb;--beige:#f7f7fb;--clay:#7762ff}body{background:#f7f7fb;color:#202236}button.primary,.button,.button-link.primary{background:#202236;border-color:#202236;color:#ffffff}.client-header .product-name,.eyebrow{color:#7762ff}
/* Veloras standard workspace theme. Loaded only for isolated business profiles;
   Maison's live pilot has no business profile and keeps its own identity. */
:root {
  --veloras-violet: #7138e8;
  --veloras-violet-deep: #5324c7;
  --veloras-pink: #e94197;
  --veloras-amber: #f2a20b;
  --veloras-teal: #12a79a;
  --veloras-blue: #4389ed;
  --veloras-ink: #17152b;
  --veloras-muted: #66677b;
  --veloras-line: #e5e5ef;
  --veloras-paper: #f8f8fc;
  --veloras-white: #ffffff;
  --veloras-staff-0: #7138e8;
  --veloras-staff-1: #e94197;
  --veloras-staff-2: #ed9700;
  --veloras-staff-3: #11a293;
  --veloras-staff-4: #4389ed;
  --veloras-staff-5: #e46048;
  --veloras-staff-6: #a34bc1;
  --veloras-staff-7: #638b22;
}

body { background: radial-gradient(ellipse at 82% 0%, #eee8ff 0, transparent 34rem), var(--veloras-paper); color: var(--veloras-ink); }
main { background: transparent; }
.sidebar { background: linear-gradient(165deg, #17152b 0%, #211640 100%); border-color: #342754; color: #fff; }
.sidebar .brand, .sidebar .brand small { color: #fff; }
.sidebar .brand span { color: #b99cff; }
.workspace { color: var(--veloras-ink); background: #fff; border-color: #ddd5f6; box-shadow: 0 10px 28px #0d092012; }
.workspace small, .nav-label, .sidebar-bottom small { color: #c1bed3; }
.sidebar nav button { color: #dedbea; border-radius: 10px; }
.sidebar nav button:hover { color: #fff; background: #ffffff16; }
.sidebar nav button.active, .sidebar nav button.active:hover { color: #fff; background: linear-gradient(110deg, var(--veloras-violet), #9861ff); box-shadow: 0 8px 22px #7138e85c; }
.sidebar-bottom .leaf { color: #b99cff; }
.sidebar-bottom p { color: #e5dcff; }
.sidebar-bottom a { color: #f2ceff; }
.topbar { border-color: var(--veloras-line); }
.topbar>span, .eyebrow, .page-head .eyebrow { color: var(--veloras-violet-deep); }
.sync { color: var(--veloras-teal); }
.avatar { background: linear-gradient(135deg, #eee7ff, #ffe4f2); color: var(--veloras-violet-deep); }

.metric, .panel, .daily-visits, .agenda-shell { background: var(--veloras-white); border: 1px solid var(--veloras-line); box-shadow: 0 8px 26px #2116400d; }
.metric { overflow: hidden; }
.metric:before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: linear-gradient(var(--veloras-violet), var(--veloras-pink)); }
.metric:nth-child(2):before { background: linear-gradient(var(--veloras-pink), #ff9d69); }
.metric:nth-child(3):before { background: linear-gradient(var(--veloras-amber), #ffca55); }
.metric:nth-child(4):before { background: linear-gradient(var(--veloras-teal), #59d4ba); }
.metric strong { color: var(--veloras-ink); }
.panel h2, .section-top h2 { color: var(--veloras-ink); }
.service-card { border-color: #ded7f2; box-shadow: 0 7px 22px #21164010; }
.service-card:nth-of-type(4n+1) { border-top: 3px solid var(--veloras-violet); }
.service-card:nth-of-type(4n+2) { border-top: 3px solid var(--veloras-pink); }
.service-card:nth-of-type(4n+3) { border-top: 3px solid var(--veloras-amber); }
.service-card:nth-of-type(4n) { border-top: 3px solid var(--veloras-teal); }
.report-bar { color: var(--veloras-violet-deep); }
.table-wrap th { color: var(--veloras-violet-deep); }
button.primary, .button-link.primary, .button { color: white; background: linear-gradient(110deg, var(--veloras-violet), #985cff); border-color: var(--veloras-violet); box-shadow: 0 5px 15px #7138e82e; }
button.primary:hover, .button:hover { background: linear-gradient(110deg, var(--veloras-violet-deep), #7138e8); }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible { outline-color: #9c74ff; }
input, select, textarea { border-color: #d9d7e9; }

.agenda-shell { border-radius: 17px; }
.agenda-toolbar, .legend { border-color: var(--veloras-line); }
.calendar-head { background: #fbfaff; }
.calendar-head>div { background: linear-gradient(180deg, #f5f1ff, #fff); }
.calendar-head>div:has(.staff-color-0) { box-shadow: inset 0 3px var(--veloras-staff-0); }
.calendar-head>div:has(.staff-color-1) { box-shadow: inset 0 3px var(--veloras-staff-1); }
.calendar-head>div:has(.staff-color-2) { box-shadow: inset 0 3px var(--veloras-staff-2); }
.calendar-head>div:has(.staff-color-3) { box-shadow: inset 0 3px var(--veloras-staff-3); }
.calendar-head>div:has(.staff-color-4) { box-shadow: inset 0 3px var(--veloras-staff-4); }
.calendar-head>div:has(.staff-color-5) { box-shadow: inset 0 3px var(--veloras-staff-5); }
.calendar-head>div:has(.staff-color-6) { box-shadow: inset 0 3px var(--veloras-staff-6); }
.calendar-head>div:has(.staff-color-7) { box-shadow: inset 0 3px var(--veloras-staff-7); }
.calendar-head .staff-badge, .staff-badge { width: 27px; height: 27px; font-weight: 800; color: #fff; border: 0; box-shadow: 0 3px 8px #17152b22; }
.staff-badge.staff-color-0, .dot.staff-color-0 { background: var(--veloras-staff-0); }
.staff-badge.staff-color-1, .dot.staff-color-1 { background: var(--veloras-staff-1); }
.staff-badge.staff-color-2, .dot.staff-color-2 { background: var(--veloras-staff-2); }
.staff-badge.staff-color-3, .dot.staff-color-3 { background: var(--veloras-staff-3); }
.staff-badge.staff-color-4, .dot.staff-color-4 { background: var(--veloras-staff-4); }
.staff-badge.staff-color-5, .dot.staff-color-5 { background: var(--veloras-staff-5); }
.staff-badge.staff-color-6, .dot.staff-color-6 { background: var(--veloras-staff-6); }
.staff-badge.staff-color-7, .dot.staff-color-7 { background: var(--veloras-staff-7); }
.day-column { background-color: #fff; }
.event:not(.block):not(.closed) { color: #fff; border: 0; border-left: 4px solid #ffffffaa; border-radius: 9px; box-shadow: 0 5px 13px #17152b20; padding: 9px 10px; }
.event.staff-color-0 { background: linear-gradient(135deg, #7138e8, #8b5af1); }
.event.staff-color-1 { background: linear-gradient(135deg, #df368d, #f35eaa); }
.event.staff-color-2 { background: linear-gradient(135deg, #dd8a00, #f3ad27); }
.event.staff-color-3 { background: linear-gradient(135deg, #078f83, #20b9a8); }
.event.staff-color-4 { background: linear-gradient(135deg, #3475d6, #5799f1); }
.event.staff-color-5 { background: linear-gradient(135deg, #d94e39, #ed765f); }
.event.staff-color-6 { background: linear-gradient(135deg, #913cad, #b95dd1); }
.event.staff-color-7 { background: linear-gradient(135deg, #64871e, #8cab35); }
.event:not(.block):not(.closed) strong { color: #fff; }
.event:not(.block):not(.closed) small { color: #fff; opacity: .9; }
.event.block { color: #4d3b18; background: repeating-linear-gradient(135deg,#fff3d2,#fff3d2 7px,#ffe6a5 7px,#ffe6a5 10px); border: 1px solid #e0b957; border-left: 4px solid var(--veloras-amber); }
.event.closed { background: #f1f0f6; color: #767587; }
.slot-hit:hover { background: #7138e812; }
.dot.gray { background: #aaa9b8; }
.calendar-closure-notices { background: #fff9e9; border-color: #f1dfae; }
.calendar-closure-notice { background: #fffdf6; border-color: #f0dfaf; }
.date-control button, .view-control button { border-radius: 9px; }
.view-control .selected { background: #eee7ff; color: var(--veloras-violet-deep); border-color: #cbb8ff; }

@media (max-width:760px) {
  .sidebar { background: linear-gradient(90deg, #17152b, #302057); border-color: #342754; }
  .sidebar nav button.active, .sidebar nav button.active:hover { background: linear-gradient(100deg, var(--veloras-violet), #9861ff); border-top: 3px solid #d7bfff; color: #fff; }
  .calendar-head .staff-badge { width: 21px; height: 21px; }
  .event:not(.block):not(.closed) { padding: 5px 6px; }
  .agenda-shell { border-radius: 13px; }
}
