/* Studio presentation, using the existing live CRM routes and controls. */
body.eg-studio319 {
  --studio319-surface:#fff; --studio319-surface2:#f7f5fb; --studio319-text:#282238;
  --studio319-muted:#756987; --studio319-border:#e4deee; --studio319-accent:#7745b3;
  --studio319-selected:#eee5fa; --studio319-shadow:0 10px 30px #3623480a,0 2px 4px #36234805;
  --studio319-canvas:#f5f3f9;
}
html[data-crm-nav-preview-theme="dark"] body.eg-studio319 {
  --studio319-surface:#201d28; --studio319-surface2:#282331; --studio319-text:#f1edf7;
  --studio319-muted:#b5a9c5; --studio319-border:#3a3348; --studio319-accent:#c4a0ee;
  --studio319-selected:#3b2d50; --studio319-shadow:0 12px 36px #0003,0 1px 2px #0003;
  --studio319-canvas:#15121c;
}
body.eg-studio319.eg-visual-overhaul .app-shell {display:block!important; min-height:100dvh; background:var(--studio319-canvas)!important; color:var(--studio319-text)!important;}
body.eg-studio319.eg-visual-overhaul .app-shell>.workspace {width:100%!important; margin:0!important; min-width:0; padding:0 0 calc(108px + env(safe-area-inset-bottom,0px))!important; background:radial-gradient(ellipse at 78% 0%,#8654bf0c,transparent 48%),var(--studio319-canvas)!important;}
body.eg-studio319.eg-visual-overhaul .app-shell>.workspace>main.content {width:100%!important; max-width:1680px!important; margin:0 auto!important; padding:32px clamp(18px,3.2vw,56px) 48px!important;}
body.eg-studio319.eg-visual-overhaul .app-shell>.workspace>.studio319-header {
  display:grid!important; grid-template-columns:210px minmax(0,1fr) 164px!important;
  grid-template-rows:auto auto!important; align-items:center!important; gap:8px 18px!important;
  width:100%!important; height:auto!important; min-height:108px!important; max-height:none!important;
  padding:12px clamp(18px,2vw,32px)!important; margin:0!important; position:sticky!important; top:0!important;
  z-index:110!important; overflow:visible!important; border:0!important; border-bottom:1px solid var(--studio319-border)!important;
  border-radius:0!important; background:color-mix(in srgb,var(--studio319-surface) 96%,transparent)!important;
  color:var(--studio319-text)!important; box-shadow:0 3px 18px #21133304!important; backdrop-filter:blur(18px);
}
.eg-studio319 .studio319-brand-slot {grid-area:1/1; min-width:0;}
body.eg-studio319 .studio319-brand-slot .brand {display:flex!important; align-items:center; gap:10px!important; width:auto!important; padding:0!important; margin:0!important; border:0!important; background:none!important; box-shadow:none!important; color:var(--studio319-text)!important; font-size:12px!important; font-weight:750!important; text-align:left;}
body.eg-studio319 .studio319-brand-slot .brand-mark {width:39px!important; height:43px!important; min-width:39px; border-radius:13px!important; display:grid!important; place-items:center; background:#f0e5fa!important; border:1px solid #e2d2f4!important; color:#8140c5!important;}
body.eg-studio319 .studio319-brand-slot .brand small {display:block; margin-top:6px!important; font-size:8px!important; letter-spacing:.22em; color:var(--studio319-muted)!important;}
body.eg-studio319 .studio319-brand-slot .brand b {color:var(--studio319-accent)!important;}
body.eg-studio319 .studio319-brand-slot .fellas-logo svg {width:170px!important; height:44px!important;}
.eg-studio319 .studio319-pages-slot {grid-area:1/2; min-width:0; justify-self:center; width:100%;}
.eg-studio319 .studio319-pages-host {display:flex; justify-content:center; min-width:0;}
body.eg-studio319 .studio319-pages {display:flex!important; flex-wrap:wrap!important; justify-content:center; align-items:center; gap:4px; width:fit-content; max-width:100%; padding:5px; border:1px solid var(--studio319-border); border-radius:17px; background:var(--studio319-surface2); box-shadow:inset 0 1px 3px #35204b06;}
body.eg-studio319 .studio319-pages .studio319-page {display:inline-flex!important; align-items:center; justify-content:center; gap:6px; min-width:0!important; width:auto!important; min-height:36px!important; height:36px!important; padding:0 14px!important; margin:0!important; border:1px solid transparent!important; border-radius:12px!important; background:transparent!important; box-shadow:none!important; color:var(--studio319-muted)!important; font-size:12px!important; font-weight:500!important; line-height:1.2!important; white-space:nowrap; text-decoration:none!important; transition:background .18s,color .18s,box-shadow .18s,transform .18s;}
body.eg-studio319 .studio319-pages .studio319-page.active {background:var(--studio319-surface)!important; color:var(--studio319-accent)!important; border-color:var(--studio319-border)!important; font-weight:700!important; box-shadow:0 3px 8px #3e205414!important;}
body.eg-studio319 .studio319-pages .studio319-page:hover {background:var(--studio319-selected)!important; color:var(--studio319-accent)!important;}
.eg-studio319 .studio319-actions {grid-area:1/3; display:flex; align-items:center; justify-content:flex-end; gap:8px; min-width:0;}
body.eg-studio319 .studio319-icon-button,body.eg-studio319 .studio319-account {display:inline-grid!important; place-items:center!important; width:38px!important; min-width:38px!important; height:38px!important; min-height:38px!important; margin:0!important; padding:0!important; border:1px solid var(--studio319-border)!important; border-radius:50%!important; background:var(--studio319-surface)!important; color:var(--studio319-muted)!important; box-shadow:0 2px 5px #25153706!important;}
body.eg-studio319 .studio319-account {background:var(--studio319-selected)!important; color:var(--studio319-accent)!important; font-weight:750; font-size:12px;}
.eg-studio319 .studio319-bell {position:relative; display:flex; align-items:center;}
body.eg-studio319 .studio319-bell .notification-button,body.eg-studio319 .studio319-bell .notification-bell {width:38px!important; height:38px!important; min-height:38px!important; padding:8px!important; border-radius:50%!important;}
.eg-studio319 .studio319-context {grid-area:2/1; display:flex; align-items:center; gap:10px; width:max-content; max-width:100%; min-width:0;}
.eg-studio319 .studio319-location {display:none;}
.eg-studio319 .studio319-focus {display:flex; align-items:center; gap:8px; min-width:0;}
body.eg-studio319 .studio319-header .studio319-focus>* {position:static!important; width:auto!important; max-width:100%!important; min-width:0!important; margin:0!important; padding:0!important;}
body.eg-studio319 .studio319-header .studio319-focus select {min-width:126px!important; max-width:200px!important;}
body.eg-studio319 .studio319-header .studio319-page svg {display:none!important;}
body.eg-studio319 .studio319-focus select,body.eg-studio319 .studio319-focus button,body.eg-studio319 .studio319-announcements button {min-height:34px!important; height:34px!important; padding:0 12px!important; margin:0!important; width:auto!important; border-radius:10px!important; font-size:12px!important; border:1px solid var(--studio319-border)!important; box-shadow:none!important; background:var(--studio319-surface)!important; color:var(--studio319-muted)!important;}
.eg-studio319 .studio319-clock {grid-area:2/2; justify-self:center; display:flex; align-items:center; min-width:0;}
body.eg-studio319 .studio319-clock .date-pill252 {display:inline-flex!important; align-items:center!important; justify-content:center!important; height:48px!important; min-height:48px!important; padding:0 18px!important; margin:0!important; border-radius:24px!important; border:1px solid color-mix(in srgb,var(--studio319-accent) 38%,var(--studio319-border))!important; background:var(--studio319-selected)!important; color:var(--studio319-accent)!important; font-size:13px!important; font-weight:650!important; white-space:nowrap; box-shadow:0 3px 8px #67338c08!important;}
.eg-studio319 .studio319-extras {grid-area:2/3; justify-self:end; display:flex; align-items:center; gap:8px;}
.eg-studio319 .studio319-dock {position:fixed; left:50%; bottom:calc(15px + env(safe-area-inset-bottom,0px)); transform:translateX(-50%); z-index:180; display:grid; grid-template-columns:repeat(var(--studio319-dock-items,5),minmax(56px,auto)); align-items:center; gap:16px; padding:8px 15px; border:1px solid var(--studio319-border); border-radius:25px; color:var(--studio319-text); background:color-mix(in srgb,var(--studio319-surface) 95%,transparent); box-shadow:0 12px 42px #26143922,inset 0 1px 0 #ffffff18; backdrop-filter:blur(18px);}
body.eg-studio319 .studio319-dock-button {display:flex!important; position:relative; flex-direction:column; align-items:center; justify-content:center; gap:4px; border:0!important; background:transparent!important; box-shadow:none!important; padding:3px 7px!important; margin:0!important; min-height:54px!important; border-radius:14px!important; color:var(--studio319-muted)!important; font-size:10px!important; line-height:1.2!important; cursor:pointer;}
.eg-studio319 .studio319-dock-symbol {display:grid; place-items:center; position:relative; width:40px; height:31px; border-radius:12px; transition:background .18s,transform .18s;}
.eg-studio319 .studio319-dock-button.active .studio319-dock-symbol {background:var(--studio319-selected); color:var(--studio319-accent);}
.eg-studio319 .studio319-dock-button.active .studio319-dock-label {color:var(--studio319-accent); font-weight:750;}
.eg-studio319 .studio319-dock-button:hover .studio319-dock-symbol {background:var(--studio319-selected); transform:translateY(-2px); color:var(--studio319-accent);}
.eg-studio319 .studio319-unread {position:absolute; right:-5px; top:-5px; min-width:17px; height:17px; padding:0 4px; display:grid; place-items:center; background:#e23b58; color:#fff; border:2px solid var(--studio319-surface); border-radius:12px; font-size:9px; font-weight:700;}
body.eg-studio319 dialog.studio319-menu {width:min(580px,calc(100vw - 32px))!important; max-width:580px!important; max-height:calc(100dvh - 48px)!important; padding:0!important; margin:auto!important; border:1px solid var(--studio319-border)!important; border-radius:24px!important; background:var(--studio319-surface)!important; color:var(--studio319-text)!important; box-shadow:0 35px 110px #10081a66!important; overflow:auto;}
.eg-studio319 dialog.studio319-menu::backdrop {background:#130d244d; backdrop-filter:blur(5px);}
.eg-studio319 .studio319-menu-heading {display:flex; align-items:center; justify-content:space-between; padding:24px 24px 16px; border-bottom:1px solid var(--studio319-border);}
.eg-studio319 .studio319-menu-heading small {font-size:9px; letter-spacing:.16em; color:var(--studio319-accent);}
.eg-studio319 .studio319-menu-heading h2 {font-size:24px!important; margin:6px 0 0!important;}
.eg-studio319 .studio319-menu-content {padding:20px 24px 24px;}
.eg-studio319 .studio319-menu-grid {display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:20px;}
body.eg-studio319 .studio319-menu-section {display:flex!important; align-items:center; gap:11px; min-height:62px!important; text-align:left; padding:13px!important; border:1px solid var(--studio319-border)!important; border-radius:14px!important; background:var(--studio319-surface2)!important; color:var(--studio319-text)!important; font-size:13px!important; box-shadow:none!important;}
.eg-studio319 .studio319-menu-section>span {flex:1;}
.eg-studio319 .studio319-menu-section>svg {flex:none; color:var(--studio319-muted);}
body.eg-studio319 .studio319-menu-section.active,body.eg-studio319 .studio319-menu-section:hover {background:var(--studio319-selected)!important; border-color:var(--studio319-accent)!important;}
.eg-studio319 .studio319-menu .sidebar-note,.eg-studio319 .studio319-menu .navigation-context {display:none!important;}
body.eg-studio319 .studio319-menu .user-block {position:static!important; display:flex!important; gap:12px; align-items:center; width:100%!important; padding:20px 0 0!important; margin:0!important; border-top:1px solid var(--studio319-border)!important; background:transparent!important;}
body.eg-studio319 .studio319-menu .user-block .account-name {flex:1; display:flex; flex-direction:column; align-items:flex-start; gap:4px; background:transparent!important; border:0!important; box-shadow:none!important; color:var(--studio319-text)!important;}
body.eg-studio319 .studio319-menu .user-block small {color:var(--studio319-muted)!important;}
body.eg-studio319 .studio319-menu .user-block .avatar {background:var(--studio319-selected)!important; color:var(--studio319-accent)!important;}
body.eg-studio319 :is(.studio319-dock,.studio319-header,.studio319-menu) button:focus-visible {outline:3px solid var(--studio319-accent)!important; outline-offset:3px;}
@media(min-width:1700px){body.eg-studio319.eg-visual-overhaul .app-shell>.workspace>.studio319-header {grid-template-columns:230px minmax(0,1fr) 210px!important;}}
@media(max-width:900px){
  body.eg-studio319.eg-visual-overhaul .app-shell>.workspace>.studio319-header {grid-template-columns:1fr auto!important; grid-template-rows:auto auto auto!important; gap:7px 12px!important; padding:10px 16px!important;}
  .eg-studio319 .studio319-actions {grid-area:1/2;}
  .eg-studio319 .studio319-pages-slot {grid-area:2/1; justify-self:start;}
  .eg-studio319 .studio319-pages-host {justify-content:flex-start;}
  body.eg-studio319 .studio319-pages {flex-wrap:nowrap!important; justify-content:flex-start; overflow-x:auto; scrollbar-width:none; max-width:100%;}
  .eg-studio319 .studio319-pages::-webkit-scrollbar {display:none;}
  body.eg-studio319 .studio319-pages .studio319-page {flex:0 0 auto; padding:0 12px!important;}
  .eg-studio319 .studio319-clock {grid-area:2/2;}
  body.eg-studio319 .studio319-clock .date-pill252 {font-size:11px!important; padding:0 12px!important;}
  .eg-studio319 .studio319-clock .date-full252 {display:none!important;}
  .eg-studio319 .studio319-clock .date-short252 {display:inline!important;}
  .eg-studio319 .studio319-context {grid-area:3/1;}
  .eg-studio319 .studio319-extras {grid-area:3/2;}
  .eg-studio319 .studio319-context:has(.studio319-focus:empty),.eg-studio319 .studio319-extras:has(.studio319-announcements:empty):not(:has(> :nth-child(2))) {display:none;}
}
@media(max-width:600px){
  body.eg-studio319.eg-visual-overhaul .app-shell>.workspace>main.content {padding:22px 14px 36px!important;}
  body.eg-studio319.eg-visual-overhaul .app-shell>.workspace>.studio319-header {padding:10px 12px!important;}
  .eg-studio319 .studio319-dock {bottom:calc(9px + env(safe-area-inset-bottom,0px)); width:calc(100vw - 24px); max-width:450px; grid-template-columns:repeat(var(--studio319-dock-items,5),minmax(0,1fr)); gap:0; padding:7px 8px; border-radius:23px;}
  body.eg-studio319 .studio319-dock-button {padding:2px!important; font-size:9px!important;}
  .eg-studio319 .studio319-menu-grid {gap:8px;}
  body.eg-studio319 .studio319-menu-section {font-size:12px!important; padding:10px!important;}
  .eg-studio319 .studio319-menu-content {padding:16px;}
  .eg-studio319 .studio319-menu-heading {padding:20px 16px 16px;}
  .eg-studio319 .studio319-account-slot {display:none;}
  .eg-studio319 .studio319-actions {gap:6px;}
}
@media(prefers-reduced-motion:reduce){.eg-studio319 .studio319-page,.eg-studio319 .studio319-dock-symbol {transition:none!important;}}


/* Studio 319: live CRM surfaces. Presentation only; no state, data or permission changes. */
body.eg-studio319 {
  --studio319-surface:#ffffff;
  --studio319-soft:#f8f6fc;
  --studio319-raised:#f1edf7;
  --studio319-text:#292437;
  --studio319-muted:#746b82;
  --studio319-border:#e6e0ee;
  --studio319-border-strong:#d4c6e5;
  --studio319-accent:#7650ac;
  --studio319-selected:#eee5fa;
  --studio319-shadow:0 3px 5px #35204803,0 12px 30px #35204806;
  --studio319-inset:inset 0 1px 0 #ffffffcc;
}
html[data-crm-nav-preview-theme="dark"] body.eg-studio319 {
  --studio319-surface:#1e1c27;
  --studio319-soft:#25222f;
  --studio319-raised:#2d2939;
  --studio319-text:#f0edf6;
  --studio319-muted:#b5acc5;
  --studio319-border:#393344;
  --studio319-border-strong:#625176;
  --studio319-accent:#c4a4ef;
  --studio319-selected:#3e3152;
  --studio319-shadow:0 3px 5px #0000000a,0 12px 30px #00000014;
  --studio319-inset:inset 0 1px 0 #ffffff06;
}

/* Legacy informational .message banners retained a pale background in dark mode.
   Give the banner and its prose one semantic palette, excluding badges/buttons. */
html[data-crm-nav-preview-theme="dark"] body.eg-visual-overhaul.eg-studio319 :is(#root,.detail-dialog) .message {
  --studio319-message-bg:#322a20;
  --studio319-message-text:#f3d8a6;
  --studio319-message-border:#70583a;
  background:var(--studio319-message-bg)!important;
  color:var(--studio319-message-text)!important;
  border-color:var(--studio319-message-border)!important;
}
html[data-crm-nav-preview-theme="dark"] body.eg-visual-overhaul.eg-studio319 :is(#root,.detail-dialog) .message:is(.info,.terminal-purple) {
  --studio319-message-bg:#30263e;
  --studio319-message-text:#e4cef8;
  --studio319-message-border:#69527f;
}
html[data-crm-nav-preview-theme="dark"] body.eg-visual-overhaul.eg-studio319 :is(#root,.detail-dialog) .message:is(.error,.terminal-red) {
  --studio319-message-bg:#40252f;
  --studio319-message-text:#ffc7d3;
  --studio319-message-border:#8c5264;
}
html[data-crm-nav-preview-theme="dark"] body.eg-visual-overhaul.eg-studio319 :is(#root,.detail-dialog) .message.success {
  --studio319-message-bg:#20382e;
  --studio319-message-text:#bef0d3;
  --studio319-message-border:#4c7962;
}
html[data-crm-nav-preview-theme="dark"] body.eg-visual-overhaul.eg-studio319 :is(#root,.detail-dialog) .message :is(p,small,strong,b,em,label):not(.badge):not(.badge *) {
  color:var(--studio319-message-text)!important;
}
html[data-crm-nav-preview-theme="dark"] body.eg-visual-overhaul.eg-studio319 :is(#root,.detail-dialog) .message>a,
html[data-crm-nav-preview-theme="dark"] body.eg-visual-overhaul.eg-studio319 :is(#root,.detail-dialog) .message>span:not(.badge) {color:var(--studio319-message-text)!important;}

/* Neutral containers are explicitly listed so semantic alert and badge colors survive. */
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .app-shell .content :is(.reports.panel,.manager-queue.panel,.wf-manager-queue270.panel,.appointment-list.panel,.appointment-form.panel,.review.panel,.team-form.panel,.goals-page>.panel,.ccpay-preferences,.rep-scorecard-admin,.wf-inbox-layout,.wd179-panel,.wd179-advanced,.wd185-panel) {
  color:var(--studio319-text)!important;
  background:var(--studio319-surface)!important;
  border:1px solid var(--studio319-border)!important;
  border-radius:22px!important;
  box-shadow:var(--studio319-shadow)!important;
}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content :is(.reports,.manager-queue,.appointment-form,.goals-page,.ccpay,.wf-inbox-layout) :is(h1,h2,h3,h4) {
  color:var(--studio319-text);
  letter-spacing:-.025em;
}
body.eg-studio319 :is(.reports,.manager-queue,.appointment-form,.goals-page,.ccpay) :is(.fine,.muted) {line-height:1.65;}

/* Shared controls: identical dimensions in light and dark, with a visible focus ring. */
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content :is(.reports,.manager-queue,.appointment-form,.goals-page,.rep-scorecard-admin,.ccpay-preferences,.wf-inbox-layout) :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 .detail-dialog :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]) {
  box-sizing:border-box!important;
  min-width:0;
  min-height:46px;
  border:1px solid var(--studio319-border)!important;
  border-radius:12px!important;
  background:var(--studio319-soft)!important;
  color:var(--studio319-text)!important;
  box-shadow:inset 0 1px 2px #31263c03!important;
  font:inherit;
  line-height:1.45;
  padding:11px 14px;
}
body.eg-studio319 :is(.appointment-form,.detail-dialog,.manager-queue,.reports) :is(input,select,textarea)::placeholder {color:var(--studio319-muted);opacity:.85;}
body.eg-studio319 :is(.appointment-form,.detail-dialog,.manager-queue,.reports) :is(input,select,textarea,button,summary):focus-visible {
  outline:2px solid var(--studio319-accent)!important;
  outline-offset:3px!important;
}
body.eg-studio319 :is(.appointment-form,.detail-dialog,.manager-queue,.reports) textarea {resize:vertical;}

/* Appointment period controls, filters and uniform summary tiles. */
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content :is(.stats:has(>.stat-button),.wf-manager-summary) {
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:16px!important;
  margin:24px 0!important;
}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content :is(.stats:has(>.stat-button),.wf-manager-summary)>.stat {
  min-width:0!important;
  min-height:142px!important;
  padding:22px!important;
  border:1px solid var(--studio319-border)!important;
  border-radius:19px!important;
  background:var(--studio319-surface)!important;
  color:var(--studio319-text)!important;
  box-shadow:var(--studio319-shadow)!important;
  text-align:left;
}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content .stats>.stat-button[aria-pressed="true"] {
  border-color:var(--studio319-border-strong)!important;
  background:var(--studio319-soft)!important;
  outline:2px solid color-mix(in srgb,var(--studio319-accent) 22%,transparent)!important;
  outline-offset:1px;
}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content .stats>.stat :is(span,small) {color:var(--studio319-muted);}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content .stats>.stat>div>strong {
  display:block;
  margin:18px 0 4px;
  font-size:clamp(25px,2vw,34px)!important;
  line-height:1.15!important;
  letter-spacing:-.045em;
  font-weight:650!important;
  color:var(--studio319-text)!important;
  font-variant-numeric:tabular-nums;
}
body.eg-studio319 .stats .stat-icon:empty {display:none;}
body.eg-studio319 .stats .stat-icon {border-radius:12px;background:var(--studio319-selected);color:var(--studio319-accent);}
/* Legacy .stat strong requests Manrope without a fallback. Inherit the loaded
   Studio sans instead of allowing an unavailable font to fall back to serif. */
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content :is(.stats,.wf-manager-summary)>.stat,
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content :is(.stats,.wf-manager-summary)>.stat :is(strong,span,small),
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .wf-clean-reporting .wf-report-summary>article,
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .wf-clean-reporting .wf-report-summary>article :is(strong,span,small),
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .wf-clean-reporting .wf-report-summary>article>strong>button.wf-report-count {font-family:inherit!important;}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content .stats>.wf-appt-exceptions {display:flex;flex-direction:column;justify-content:center;gap:9px;}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content .stats>.wf-appt-exceptions>div {display:flex;justify-content:space-between;align-items:baseline;gap:8px;}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content .stats>.wf-appt-exceptions>div>strong {font-size:17px!important;letter-spacing:-.025em;margin:0;}
body.eg-studio319 :is(.appointment-source-controls,.list-toolbar) {gap:18px;}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content .panel:has(>.list-toolbar)>.list-toolbar {
  padding:22px 24px!important;
  gap:18px!important;
  border-bottom:1px solid var(--studio319-border)!important;
}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content .panel:has(>.list-toolbar)>.range-fields {
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  padding:24px!important;
  margin:0!important;
  align-items:start!important;
}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content .panel:has(>.list-toolbar)>.range-fields>label {
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  width:auto!important;
  gap:9px!important;
  margin:0!important;
  color:var(--studio319-muted)!important;
  font-size:12px!important;
  line-height:1.4;
}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content .panel:has(>.list-toolbar)>.range-fields>label select {width:100%!important;height:46px!important;min-height:46px!important;font-size:13px!important;}
body.eg-studio319 .appointment-view-switch {margin:0 0 16px;}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content :is(.appointment-view-switch>.day-tabs,.appointment-source-controls>.day-tabs,.list-toolbar>.day-tabs) {
  display:flex!important;
  width:fit-content!important;
  max-width:100%!important;
  flex-wrap:wrap!important;
  gap:4px!important;
  padding:5px!important;
  border:1px solid var(--studio319-border)!important;
  border-radius:15px!important;
  background:var(--studio319-soft)!important;
  box-shadow:var(--studio319-inset)!important;
}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content :is(.appointment-view-switch,.appointment-source-controls,.list-toolbar) .day-tabs>button {
  min-height:38px!important;
  padding:9px 13px!important;
  border:1px solid transparent!important;
  border-radius:11px!important;
  background:transparent!important;
  color:var(--studio319-muted)!important;
  box-shadow:none!important;
  font-size:12px!important;
  line-height:18px!important;
  white-space:nowrap;
}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content :is(.appointment-view-switch,.appointment-source-controls,.list-toolbar) .day-tabs>button:is(.selected,[aria-pressed="true"]) {
  background:var(--studio319-surface)!important;
  color:var(--studio319-accent)!important;
  border-color:var(--studio319-border)!important;
  box-shadow:0 3px 7px #3214450c!important;
  font-weight:650!important;
}

/* Full row remains clickable. Internal phone/copy buttons keep their own handlers. */
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content .appointment-row:has(>.appointment-card-grid) {
  display:block!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:20px!important;
  text-align:left;
}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content .appointment-row>.appointment-card-grid {
  display:grid!important;
  grid-template-columns:minmax(0,1.12fr) minmax(0,1.04fr) minmax(0,1fr)!important;
  align-items:stretch!important;
  width:100%!important;
  border:1px solid var(--studio319-border)!important;
  border-radius:20px!important;
  background:var(--studio319-surface)!important;
  color:var(--studio319-text)!important;
  box-shadow:var(--studio319-shadow)!important;
  overflow:hidden!important;
  transition:border-color 160ms ease,box-shadow 160ms ease,transform 160ms ease;
}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content .appointment-card-grid>.appointment-card-zone {
  min-width:0!important;
  padding:24px!important;
  gap:8px!important;
  background:transparent!important;
  border-color:var(--studio319-border)!important;
  color:var(--studio319-text)!important;
  line-height:1.5;
}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content .appointment-card-grid>.appointment-card-workflow {background:var(--studio319-soft)!important;}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content .appointment-card-grid :is(.appointment-card-name,.appointment-card-date,.appointment-card-assignment) {font-size:16px!important;font-weight:650!important;line-height:1.4!important;color:var(--studio319-text)!important;letter-spacing:-.02em;}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content .appointment-card-grid .appointment-card-eyebrow {font-size:10px!important;line-height:1.4!important;letter-spacing:.1em!important;color:var(--studio319-muted)!important;margin-bottom:5px!important;}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content .appointment-card-grid :is(.appointment-card-phone,.appointment-card-address,.appointment-card-team,.appointment-card-source,.appointment-card-timing,small) {font-size:12px!important;line-height:1.65!important;color:var(--studio319-muted)!important;}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content .appointment-card-grid .appointment-card-phone>a {color:var(--studio319-accent)!important;text-decoration:none;}
body.eg-studio319 .appointment-card-grid :is(.appointment-card-confirmation,.appointment-card-workflow-badges,.vo-appointment-badges) {display:flex;flex-wrap:wrap;gap:7px;align-items:center;}
body.eg-studio319 .appointment-card-grid .badge {font-size:11px;line-height:1.5;padding:5px 8px;border-radius:6px;white-space:normal;max-width:100%;}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content .appointment-card-grid .appointment-card-open {
  align-self:flex-start!important;
  margin-top:auto!important;
  padding:8px 0 0!important;
  min-height:32px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--studio319-accent)!important;
  font-size:12px!important;
  box-shadow:none!important;
}
@media(hover:hover) {
  html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content .appointment-row:hover>.appointment-card-grid {border-color:var(--studio319-border-strong)!important;box-shadow:0 5px 12px #39224b08,0 15px 38px #39224b0d!important;transform:translateY(-1px);}
}

/* Reports retain every live metric and drilldown; five aligned tiles per wide row. */
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .wf-clean-reporting {
  --report263-surface:var(--studio319-soft);
  --report263-control:var(--studio319-surface);
  --report263-border:var(--studio319-border);
  --report263-text:var(--studio319-text);
  --report263-number:var(--studio319-accent);
  padding:28px!important;
}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .wf-clean-reporting>.g6-heading {gap:20px!important;margin-bottom:12px;}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .wf-clean-reporting>.g6-heading h2 {margin:0;font-size:23px;letter-spacing:-.035em;}
body.eg-studio319 .wf-clean-reporting>.g6-heading+p {color:var(--studio319-muted);font-size:14px;line-height:1.65;margin:8px 0 24px;}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .wf-clean-reporting>.report-controls {gap:16px!important;padding:18px!important;margin:18px 0!important;border-radius:16px!important;}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .wf-clean-reporting>.report-controls:has(.wf-report-filter) {grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;gap:14px!important;padding:18px!important;}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .wf-clean-reporting :is(.wf-report-filter>summary,.report-controls>button,.report-controls select,.report-controls input[type="month"]) {min-height:46px!important;height:46px!important;border-radius:12px!important;font-size:13px!important;}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .wf-clean-reporting .wf-report-filter>summary {padding:0 14px!important;gap:10px!important;clip-path:none!important;mask:none!important;}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .wf-clean-reporting .wf-report-filter-menu {padding:12px!important;border-radius:14px!important;max-height:min(420px,60dvh);overflow:auto;}
body.eg-studio319 .wf-report-filter-menu label {min-height:36px;line-height:1.5;}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .wf-clean-reporting .wf-report-summary {gap:16px!important;margin:24px 0!important;}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .wf-clean-reporting .wf-report-summary>article {min-height:156px!important;padding:20px!important;border-radius:17px!important;background:var(--studio319-surface)!important;box-shadow:var(--studio319-shadow)!important;gap:18px!important;}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .wf-clean-reporting .wf-report-summary>article>div {min-height:40px!important;font-size:13px!important;}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .wf-clean-reporting .wf-report-summary>article>div>span {font-size:13px!important;line-height:1.5!important;color:var(--studio319-muted)!important;}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .wf-clean-reporting .wf-report-summary>article>strong,
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .wf-clean-reporting .wf-report-summary>article>strong>button.wf-report-count {font-size:32px!important;line-height:1.15!important;font-weight:650!important;letter-spacing:-.04em;}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .wf-clean-reporting .wf-report-summary>article>strong>button.wf-report-count {text-decoration-thickness:1px!important;text-underline-offset:5px!important;}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .wf-clean-reporting .wf-metric-info-button {opacity:.85;}
body.eg-studio319 .wf-clean-reporting :is(.report-table,.reporting-detail-scroll,.report-benchmark-table225) {border:1px solid var(--studio319-border);border-radius:14px;overflow:auto;margin-top:18px;}
body.eg-studio319 .wf-clean-reporting :is(th,td) {padding:14px 16px;border-color:var(--studio319-border);font-size:13px;line-height:1.5;}
body.eg-studio319 .wf-clean-reporting thead {background:var(--studio319-soft);}
body.eg-studio319 .wf-clean-reporting :is(.analysis-active,[role="status"],.fine) {line-height:1.6;}

/* The real appointment form, with its existing partner availability panel. */
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content .appointment-form>section {padding:28px!important;background:var(--studio319-surface)!important;color:var(--studio319-text)!important;border-color:var(--studio319-border)!important;}
body.eg-studio319 .appointment-form>section+section {border-top:1px solid var(--studio319-border);}
body.eg-studio319 .appointment-form .section-title {gap:14px;margin-bottom:26px;align-items:flex-start;}
body.eg-studio319 .appointment-form .section-title h2 {margin:0 0 6px;font-size:19px;line-height:1.4;}
body.eg-studio319 .appointment-form .section-title p {margin:0;font-size:13px;line-height:1.65;color:var(--studio319-muted);}
body.eg-studio319 .appointment-form .section-number {width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border:1px solid var(--studio319-border);border-radius:11px;background:var(--studio319-selected);color:var(--studio319-accent);font-size:12px;}
body.eg-studio319 :is(.appointment-form,.lead-contact-editor) .form-grid {gap:24px 20px;align-items:start;}
body.eg-studio319 :is(.appointment-form,.lead-contact-editor) :is(.form-grid>label,.appointment-contact-row>label) {display:flex;flex-direction:column;gap:9px;margin:0;font-size:13px;line-height:1.5;}
body.eg-studio319 :is(.appointment-form,.lead-contact-editor) label>textarea {width:100%;}
body.eg-studio319 .appointment-form .form-footer {padding:24px 28px!important;border-top:1px solid var(--studio319-border)!important;background:var(--studio319-soft)!important;gap:18px;}
body.eg-studio319 .cc-choice-field {margin:24px 0;}
body.eg-studio319 .cc-choice-field>legend {padding:0;margin-bottom:12px;font-size:14px;line-height:1.5;}
body.eg-studio319 .cc-choice-grid {gap:10px;}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 :is(.appointment-form,.lead-contact-editor) .cc-choice {min-height:48px;border:1px solid var(--studio319-border)!important;border-radius:12px!important;background:var(--studio319-surface)!important;color:var(--studio319-text)!important;box-shadow:none!important;padding:12px;line-height:1.4;}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 :is(.appointment-form,.lead-contact-editor) .cc-choice:is([aria-pressed="true"],.selected) {border-color:var(--studio319-accent)!important;background:var(--studio319-selected)!important;color:var(--studio319-accent)!important;}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 .partner-panel228 {background:var(--studio319-surface)!important;border:1px solid var(--studio319-border)!important;border-radius:20px!important;box-shadow:var(--studio319-shadow)!important;color:var(--studio319-text)!important;padding:20px!important;}
body.eg-studio319 .partner-availability225 {border-color:var(--studio319-border);border-radius:14px;}
body.eg-studio319 .partner-panel-heading228 {background:var(--studio319-surface);}

/* Popup header is opaque and remains inside its existing independent scroll area. */
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 .detail-dialog:has(.appointment-popup-v2) {
  width:min(1280px,calc(100vw - 40px))!important;
  max-width:calc(100vw - 40px)!important;
  border:1px solid var(--studio319-border)!important;
  border-radius:24px!important;
  background:var(--studio319-surface)!important;
  color:var(--studio319-text)!important;
  box-shadow:0 24px 90px #1d102b30!important;
}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 .detail-dialog:has(.appointment-popup-v2)::backdrop {background:color-mix(in srgb,var(--studio319-text) 24%,transparent)!important;backdrop-filter:blur(5px)!important;}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 .appointment-popup-v2.lead-card-scroll {
  --appt-ink:var(--studio319-text);--appt-muted:var(--studio319-muted);--appt-line:var(--studio319-border);--appt-soft:var(--studio319-soft);--appt-accent:var(--studio319-accent);
  box-sizing:border-box!important;
  padding:0 28px 28px!important;
  background:var(--studio319-surface)!important;
  color:var(--studio319-text)!important;
  border-radius:0!important;
  scrollbar-gutter:stable;
}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 .appointment-popup-v2 .popup-v2-header {
  padding:28px 0 22px!important;
  margin-bottom:24px!important;
  border-bottom:1px solid var(--studio319-border)!important;
  background:var(--studio319-surface)!important;
  color:var(--studio319-text)!important;
}
body.eg-studio319 .popup-v2-header h2 {font-size:27px!important;letter-spacing:-.04em!important;line-height:1.2!important;}
body.eg-studio319 .popup-v2-header .eyebrow {color:var(--studio319-muted)!important;font-size:10px!important;letter-spacing:.16em!important;margin-bottom:8px!important;}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 .appointment-popup-v2 .popup-v2-navigation [role="tablist"] {padding:5px!important;gap:4px!important;border:1px solid var(--studio319-border)!important;border-radius:14px!important;background:var(--studio319-soft)!important;box-shadow:var(--studio319-inset)!important;}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 .appointment-popup-v2 .popup-v2-navigation [role="tab"] {min-height:40px!important;padding:10px 14px!important;border:1px solid transparent!important;border-radius:10px!important;background:transparent!important;color:var(--studio319-muted)!important;font-size:12px!important;line-height:18px!important;box-shadow:none!important;}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 .appointment-popup-v2 .popup-v2-navigation [role="tab"][aria-selected="true"] {border-color:var(--studio319-border)!important;background:var(--studio319-surface)!important;color:var(--studio319-accent)!important;box-shadow:0 3px 6px #2513380a!important;}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 .appointment-popup-v2 :is(.popup-v2-property,.popup-v2-facts,.popup-v2-booking,.popup-v2-outcome,.popup-v2-qualification,.workflow-form,.issue-layout-details,.issue-layout-delivery,.issue-layout-footer,.issue-layout-review,.popup-lead-admin,.qa-feedback-panel) {
  background:var(--studio319-surface)!important;
  color:var(--studio319-text)!important;
  border:1px solid var(--studio319-border)!important;
  border-radius:17px!important;
  padding:22px!important;
  box-shadow:none!important;
}
body.eg-studio319 .popup-v2-overview {gap:20px;align-items:stretch;}
body.eg-studio319 .popup-v2-notes-outcome {gap:20px;margin-top:20px;}
body.eg-studio319 .popup-v2-status-row {margin:0 0 20px;}
body.eg-studio319 .popup-v2-status-row .vo-appointment-badges {gap:8px;}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 .appointment-popup-v2 :is(h2,h3,h4,dd,.popup-v2-address) {color:var(--studio319-text)!important;}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 .appointment-popup-v2 :is(dt,.fine,.muted,.appt-flow-status) {color:var(--studio319-muted)!important;}
body.eg-studio319 .appointment-popup-v2 h3 {font-size:16px;line-height:1.45;margin:0 0 16px;letter-spacing:-.02em;}
body.eg-studio319 .appointment-popup-v2 dl {gap:20px;}
body.eg-studio319 .appointment-popup-v2 dt {font-size:11px;line-height:1.5;margin-bottom:6px;}
body.eg-studio319 .appointment-popup-v2 dd {font-size:13px;line-height:1.6;overflow-wrap:anywhere;}
body.eg-studio319 .appointment-popup-v2 .popup-v2-address {font-size:15px;line-height:1.55;}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 .appointment-popup-v2 :is(.popup-v2-date,.popup-compact-appointment) {background:var(--studio319-soft)!important;color:var(--studio319-text)!important;border:1px solid var(--studio319-border)!important;border-radius:13px!important;padding:16px!important;}
body.eg-studio319 .popup-v2-date {margin:20px 0!important;}
body.eg-studio319 .popup-v2-date>small {margin-top:6px;}
body.eg-studio319 .popup-compact-appointment {gap:14px 20px;margin-bottom:22px;}
body.eg-studio319 .popup-contact-heading246 {gap:12px;align-items:flex-start;flex-wrap:wrap;}
body.eg-studio319 .popup-contact-heading246 h3 {margin:0;}
body.eg-studio319 .popup-v2-contact-line:first-of-type {margin-top:14px;}
body.eg-studio319 .popup-v2-booking p {line-height:1.7;font-size:13px;}
body.eg-studio319 :is(.popup-v2-notes,.popup-v2-history)>section+section {margin-top:22px;}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 .lead-card-close {width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;top:18px!important;right:18px!important;border:1px solid var(--studio319-border)!important;border-radius:50%!important;background:var(--studio319-soft)!important;color:var(--studio319-accent)!important;box-shadow:var(--studio319-shadow)!important;font-size:23px!important;}

/* Work steps and evidence cards keep their existing status semantics. */
body.eg-studio319 .appt-flow-steps {gap:10px;}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 .appointment-popup-v2 .appt-flow-step {padding:14px!important;border-radius:13px!important;background:var(--studio319-soft)!important;border-color:var(--studio319-border)!important;min-height:74px;}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 .appointment-popup-v2 .appt-flow-step.is-active {background:var(--studio319-selected)!important;border-color:var(--studio319-border-strong)!important;color:var(--studio319-accent)!important;}
body.eg-studio319 .appt-flow-title {font-size:14px;font-weight:650;}
body.eg-studio319 .appt-flow-status {font-size:12px;line-height:1.5;}
body.eg-studio319 .quality306-tab {gap:24px;}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 .appointment-popup-v2 :is(.quality306-recording,.quality306-dimensions article,.quality306-coaching,.quality306-strength,.quality306-technical,.quality306-checklist,.quality306-transcript,.quality306-legacy,.quality306-original) {background:var(--studio319-surface)!important;border-color:var(--studio319-border)!important;color:var(--studio319-text)!important;border-radius:14px!important;}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 .appointment-popup-v2 .quality306-head {background:var(--studio319-soft)!important;border-color:var(--studio319-border)!important;padding:24px;border-radius:18px;}
html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 .appointment-popup-v2 :is(.quality306-score,.quality307-priority) {background:var(--studio319-selected)!important;color:var(--studio319-accent)!important;}
body.eg-studio319 .quality306-dimensions {gap:14px;}
body.eg-studio319 .quality306-dimensions article {padding:18px;min-width:0;}
body.eg-studio319 .quality306-coaching {padding:22px;margin:16px 0;}
body.eg-studio319 .quality306-coaching p {line-height:1.75;}
body.eg-studio319 .quality306-report>section {margin-top:26px;}
body.eg-studio319 .quality306-checklist>summary,body.eg-studio319 .quality306-transcript>summary,body.eg-studio319 .quality306-legacy>summary {padding:18px!important;}
body.eg-studio319 .quality306-transcript>.quality306-original {margin:20px 18px 18px;}
body.eg-studio319 .quality306-original>summary {padding:16px 18px;}
body.eg-studio319 .quality306-original>p {margin:16px 18px;line-height:1.75;}

/* Small screens use two concise columns, then a full-width workflow band. */
@media(max-width:1100px) {
  html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content :is(.stats:has(>.stat-button),.wf-manager-summary) {grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content .appointment-card-grid>.appointment-card-zone {padding:18px!important;}
}
@media(max-width:760px) {
  html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content :is(.stats:has(>.stat-button),.wf-manager-summary) {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
  html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content :is(.stats:has(>.stat-button),.wf-manager-summary)>.stat {padding:18px!important;min-height:132px!important;}
  html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content :is(.stats:has(>.stat-button),.wf-manager-summary)>.wf-appt-exceptions:last-child {grid-column:1/-1;min-height:110px!important;}
  html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content .panel:has(>.list-toolbar)>.range-fields {grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:20px!important;gap:18px 14px!important;}
  html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content .appointment-row>.appointment-card-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content .appointment-card-grid>.appointment-card-workflow {grid-column:1/-1!important;border-left:0!important;border-top:1px solid var(--studio319-border)!important;}
  html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .wf-clean-reporting {padding:20px!important;}
  html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .wf-clean-reporting>.report-controls:has(.wf-report-filter) {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .wf-clean-reporting .wf-report-summary>article {padding:16px!important;min-height:148px!important;}
  body.eg-studio319 .popup-v2-overview,body.eg-studio319 .popup-v2-notes-outcome {grid-template-columns:1fr;}
  body.eg-studio319 .popup-compact-appointment {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:560px) {
  html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content :is(.appointment-form,.manager-queue,.reports) :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]),
  html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 .detail-dialog :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]) {font-size:16px!important;}
  html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content .appointment-form>section {padding:22px 18px!important;}
  html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content .appointment-form .form-footer {padding:20px 18px!important;}
  body.eg-studio319 :is(.appointment-form,.lead-contact-editor) .form-grid {gap:20px 14px;}
  html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content .panel:has(>.list-toolbar)>.list-toolbar {padding:18px!important;}
  html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content .appointment-card-grid>.appointment-card-zone {padding:16px!important;}
  html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content .appointment-card-grid :is(.appointment-card-name,.appointment-card-date,.appointment-card-assignment) {font-size:14px!important;}
  html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 .detail-dialog:has(.appointment-popup-v2) {width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;border-radius:20px!important;}
  html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 .appointment-popup-v2.lead-card-scroll {padding:0 16px 24px!important;}
  html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 .appointment-popup-v2 .popup-v2-header {padding:22px 0 16px!important;margin-bottom:18px!important;}
  body.eg-studio319 .popup-v2-header h2 {font-size:23px!important;padding-right:40px;}
  html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 .appointment-popup-v2 .popup-v2-navigation [role="tablist"] {display:flex!important;flex-wrap:wrap!important;width:fit-content!important;gap:3px!important;padding:4px!important;}
  html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 .appointment-popup-v2 .popup-v2-navigation [role="tab"] {flex:1 1 auto!important;min-height:44px!important;padding:12px 8px!important;font-size:11px!important;}
  html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 .appointment-popup-v2 :is(.popup-v2-property,.popup-v2-facts,.popup-v2-booking,.popup-v2-outcome,.popup-v2-qualification,.workflow-form,.popup-lead-admin,.qa-feedback-panel) {padding:18px!important;}
  html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 .lead-card-close {top:14px!important;right:12px!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;}
  body.eg-studio319 .quality306-coaching {padding:18px;}
}
@media(max-width:380px) {
  html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content .panel:has(>.list-toolbar)>.range-fields {grid-template-columns:1fr!important;}
  html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content .appointment-row>.appointment-card-grid {grid-template-columns:1fr!important;}
  html[data-crm-nav-preview-theme] body.eg-visual-overhaul.eg-studio319 #root .content .appointment-card-grid>.appointment-card-zone+.appointment-card-zone {border-left:0!important;border-top:1px solid var(--studio319-border)!important;}
}
@media(prefers-reduced-motion:reduce) {
  body.eg-studio319 .appointment-row>.appointment-card-grid {transition:none!important;transform:none!important;}
}

/* The creation form uses file uploads; retained links remain in existing records. */
body.eg-studio319 .appointment-form > section > label:has(> input[type="url"][placeholder="https://"]) {
  display:none!important;
}

/* Studio 319: scoped Home presentation. Existing business components and readers are retained. */
html body #root .studio319-personal-home {
  --studio319-home-surface:#fff;
  --studio319-home-border:#e5dced;
  --studio319-home-ink:#2b2038;
  --studio319-home-muted:#726781;
  width:100%;max-width:1400px;margin-inline:auto;
  display:flex;flex-direction:column;gap:24px;
}
html body #root .studio319-personal-home>.studio319-home-hero {
  position:relative;isolation:isolate;display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);align-items:center;
  gap:28px;min-height:346px;margin:0;padding:32px 40px;overflow:hidden;
  border:1px solid #795593;border-radius:26px;
  background:radial-gradient(ellipse at 87% 49%,#9757cb55,transparent 48%),radial-gradient(ellipse at 5% -7%,#ab82d032,transparent 65%),linear-gradient(116deg,#251c34,#382448 68%,#241b32);
  box-shadow:inset 0 1px 0 #e9cbff28,0 15px 34px -26px #33134eab;
  color:#fff;
}
html body #root .studio319-home-hero::before {
  content:"";position:absolute;z-index:-1;pointer-events:none;
  top:-170px;bottom:-130px;left:52%;width:30%;border:1px solid #e0bbff09;
  border-radius:50%;transform:rotate(20deg);box-shadow:0 0 0 48px #deacff03,0 0 0 96px #deacff03;
}
html body #root .studio319-home-copy {min-width:0;position:relative;z-index:1;}
html body #root .studio319-home-hero .studio319-home-eyebrow {
  margin:0 0 18px;color:#d4bfdc!important;font-size:10px;font-weight:650;line-height:1.5;
  text-transform:uppercase;letter-spacing:1.7px;
}
html body #root .studio319-home-hero h1 {
  margin:0!important;max-width:650px;color:#fff!important;line-height:1.12;
  font-size:clamp(28px,3.2vw,44px)!important;font-weight:650;letter-spacing:-1.35px;text-wrap:balance;
}
html body #root .studio319-home-hero .studio319-home-lede {
  margin:13px 0 0;color:#f5eafb!important;font-size:20px;line-height:1.45;font-weight:450;letter-spacing:-.2px;
}
html body #root .studio319-home-hero .studio319-home-date {
  margin:14px 0 0;color:#d9cae5!important;font-size:13px;line-height:1.65;
}
html body #root .studio319-home-shortcuts {display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:27px;}
html body #root .studio319-home-shortcuts button {
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  width:auto;min-width:0;min-height:46px;height:auto;margin:0;padding:12px 16px;
  border:1px solid #d9bee75e;border-radius:12px;font:inherit;font-size:13px;font-weight:600;line-height:1.4;
  box-shadow:inset 0 1px 0 #fff1;text-transform:none;cursor:pointer;
}
html body #root .studio319-home-shortcuts .studio319-home-primary {background:#efe0fb!important;color:#352044!important;border-color:#ead5fa;box-shadow:0 3px 10px #10062026;}
html body #root .studio319-home-shortcuts .studio319-home-secondary {background:#ffffff09!important;color:#f5eafd!important;}
html body #root .studio319-home-shortcuts svg {flex:none;}
html body #root .studio319-home-hero .studio319-home-hint {
  margin:16px 0 0;max-width:460px;color:#cdbed9!important;font-size:12px;line-height:1.7;
}
html body #root .studio319-orbit-wrap {min-width:0;width:100%;max-width:470px;justify-self:center;}
html body #root .studio319-orbit {position:relative;isolation:isolate;width:100%;height:282px;}
html body #root .studio319-orbit::before {content:"";position:absolute;inset:16px 0;border-radius:50%;background:radial-gradient(ellipse,#b273eb36,transparent 69%);pointer-events:none;z-index:-1;}
html body #root .studio319-orbit-path {position:absolute;left:50%;top:50%;width:82%;height:181px;border:1px solid #d9b7f337;border-radius:50%;transform:translate(-50%,-50%) rotate(-24deg);pointer-events:none;}
html body #root .studio319-orbit-path-two {width:90%;height:173px;border-color:#d7b9f024;transform:translate(-50%,-50%) rotate(25deg);}
html body #root .studio319-orbit-path-one::after {content:"";position:absolute;top:13%;left:15%;width:5px;height:5px;border-radius:50%;background:#e4b8ff;box-shadow:0 0 12px #e5b1ff8c;}
html body #root .studio319-orbit-stat {
  position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;line-height:1.25;margin:0;font:inherit;color:#fff!important;
  font-variant-numeric:tabular-nums;text-transform:none;
}
html body #root button.studio319-orbit-stat {cursor:pointer;}
html body #root .studio319-orbit-core {
  left:50%;top:50%;width:142px;height:142px;min-width:0;min-height:0;padding:14px;
  border:1px solid #d6a5f694;border-radius:50%;transform:translate(-50%,-50%);
  background:radial-gradient(circle at 30% 20%,#b780e5,#804db0 21%,#542d7c 54%,#291a40 100%)!important;
  box-shadow:inset 0 2px 2px #f4ddff70,inset 0 -8px 15px #160c304d,0 15px 30px -10px #1007209e,0 0 45px #ac6be830;z-index:2;
}
html body #root .studio319-orbit-core::before {content:"";position:absolute;inset:7px;border-radius:50%;border-top:1px solid #f4e5ff5e;transform:rotate(-30deg);pointer-events:none;}
html body #root .studio319-orbit-core strong {color:#fff!important;font-size:49px!important;line-height:1;font-weight:600;letter-spacing:-1.8px;text-shadow:0 2px 5px #21073866;}
html body #root .studio319-orbit-core span {color:#f3e5fc!important;font-size:12px;line-height:1.4;font-weight:550;margin-top:9px;}
html body #root .studio319-orbit-satellite {
  width:112px;height:76px;min-height:0;min-width:0;padding:10px 8px;gap:6px;
  border:1px solid #d8b9ea45;border-radius:17px;background:linear-gradient(145deg,#65467bba,#30213ff2)!important;
  box-shadow:inset 0 1px 0 #e6c6ff1c,0 8px 17px -10px #160822b3;z-index:3;
}
html body #root .studio319-orbit-satellite strong {color:#efe0fc!important;font-size:28px!important;font-weight:600;line-height:1;letter-spacing:-.6px;}
html body #root .studio319-orbit-satellite span {color:#e9def2!important;font-size:11px;line-height:1.3;font-weight:500;white-space:normal;}
html body #root .studio319-orbit-position-0 {left:0;top:10px;}
html body #root .studio319-orbit-position-1 {right:0;top:10px;}
html body #root .studio319-orbit-position-2 {left:0;bottom:10px;}
html body #root .studio319-orbit-position-3 {right:0;bottom:10px;}
html body #root .studio319-orbit-sales strong {color:#c8f4dd!important;}
html body #root .studio319-orbit-canceled strong {color:#ffd1df!important;}
html body #root .studio319-orbit-total strong {color:#d9e9ff!important;}
html body #root .studio319-home-hero .studio319-orbit-caption {margin:12px 0 0;text-align:center;color:#d3bfdc!important;font-size:10px;line-height:1.5;}
html body #root .studio319-home-hero button:focus-visible {outline:3px solid #f7ddff!important;outline-offset:4px;}
html body #root .studio319-personal-home>.home-day-grid {gap:22px;margin:0;}
html body #root .studio319-personal-home .home-day-card,
html body #root .studio319-personal-home .welcome-bottom>article,
html body #root .studio319-personal-home .welcome-team-goals {
  border:1px solid var(--studio319-home-border);border-radius:20px;
  background:var(--studio319-home-surface);color:var(--studio319-home-ink);
  box-shadow:0 8px 22px -22px #38204b66;
}
html body #root .studio319-personal-home .home-day-card {padding:26px;}
html body #root .studio319-personal-home .home-day-card:empty {display:none;}
html body #root .studio319-personal-home .home-day-grid:has(>.home-day-card:empty) {grid-template-columns:minmax(0,1fr);}
html body #root .studio319-personal-home .welcome-bottom {gap:22px;margin:0;}
html body #root .studio319-personal-home .welcome-bottom>article {padding:26px;min-width:0;}
html body #root .studio319-personal-home .welcome-team-goals {margin:0;padding:22px 26px;}
html body #root .studio319-personal-home .welcome-team-goals>summary {padding:4px 0;line-height:1.6;}
html body #root .studio319-personal-home .welcome-team-goals[open]>summary {margin-bottom:18px;}
html body #root .studio319-personal-home .home-status {margin:0;font-size:12px;color:var(--studio319-home-muted);}
html body #root .studio319-personal-home .home-status p {display:flex;align-items:center;flex-wrap:wrap;gap:10px;line-height:1.65;}
html body #root .studio319-personal-home .home-win-list {display:grid;gap:12px;padding:0;list-style:none;}
html body #root .studio319-personal-home .home-win-list li {line-height:1.65;}
html body #root .studio319-personal-home .home-goal-direction {margin-top:20px;}
html:not([data-crm-nav-preview-theme="light"]) body #root .studio319-personal-home {
  --studio319-home-surface:#221e2a;--studio319-home-border:#44394f;--studio319-home-ink:#f2ebf8;--studio319-home-muted:#b9adc5;
}
html:not([data-crm-nav-preview-theme="light"]) body #root .studio319-personal-home>.studio319-home-hero {border-color:#624177;background:radial-gradient(ellipse at 87% 49%,#9250c34d,transparent 49%),radial-gradient(ellipse at 5% -7%,#ab82d029,transparent 65%),linear-gradient(116deg,#211729,#30203f 68%,#211729);}
@media (hover:hover) {
  html body #root .studio319-home-shortcuts .studio319-home-primary:hover {background:#fff!important;}
  html body #root .studio319-home-shortcuts .studio319-home-secondary:hover {background:#ffffff18!important;border-color:#ead4faab;}
  html body #root button.studio319-orbit-satellite:hover {border-color:#ddb7f3a6;background:linear-gradient(145deg,#76538edb,#3c2850)!important;}
}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  html body #root .studio319-home-shortcuts button,html body #root button.studio319-orbit-stat {transition:transform 180ms ease,background 180ms ease,border-color 180ms ease,box-shadow 180ms ease;}
  html body #root button.studio319-orbit-core:hover {transform:translate(-50%,-50%) scale(1.03);box-shadow:inset 0 2px 2px #f4ddff70,0 16px 30px -10px #1007209e,0 0 55px #bc79ee4a;}
  html body #root button.studio319-orbit-satellite:hover {transform:translateY(-3px);}
}
@media(max-width:1050px) {
  html body #root .studio319-personal-home>.studio319-home-hero {grid-template-columns:minmax(0,1fr) minmax(310px,.9fr);gap:20px;padding:28px;}
  html body #root .studio319-orbit-core {width:128px;height:128px;}
  html body #root .studio319-orbit-core strong {font-size:43px!important;}
  html body #root .studio319-orbit-satellite {width:102px;}
}
@media(max-width:760px) {
  html body #root .studio319-personal-home {gap:18px;}
  html body #root .studio319-personal-home>.studio319-home-hero {grid-template-columns:minmax(0,1fr);padding:27px 24px 22px;gap:20px;border-radius:22px;}
  html body #root .studio319-home-hero h1 {font-size:34px!important;letter-spacing:-.9px;}
  html body #root .studio319-home-hero .studio319-home-lede {font-size:18px;}
  html body #root .studio319-home-shortcuts {margin-top:22px;}
  html body #root .studio319-orbit-wrap {max-width:420px;}
  html body #root .studio319-orbit {height:278px;}
  html body #root .studio319-personal-home .home-day-card,
  html body #root .studio319-personal-home .welcome-bottom>article {padding:22px;}
  html body #root .studio319-personal-home>.home-day-grid,
  html body #root .studio319-personal-home .welcome-bottom {grid-template-columns:minmax(0,1fr);gap:18px;}
}
@media(max-width:420px) {
  html body #root .studio319-personal-home>.studio319-home-hero {padding:24px 18px 20px;}
  html body #root .studio319-home-hero h1 {font-size:30px!important;}
  html body #root .studio319-home-shortcuts {gap:9px;}
  html body #root .studio319-home-shortcuts button {font-size:12px;padding:12px;}
  html body #root .studio319-orbit {height:294px;}
  html body #root .studio319-orbit-core {width:112px;height:112px;}
  html body #root .studio319-orbit-core strong {font-size:39px!important;}
  html body #root .studio319-orbit-core span {font-size:11px;}
  html body #root .studio319-orbit-satellite {width:96px;height:74px;}
  html body #root .studio319-orbit-satellite strong {font-size:25px!important;}
  html body #root .studio319-orbit-path {height:193px;width:80%;}
  html body #root .studio319-orbit-path-two {height:185px;width:89%;}
}
@media(prefers-reduced-motion:reduce) {
  html body #root .studio319-home-hero *,html body #root .studio319-home-hero *::before,html body #root .studio319-home-hero *::after {animation:none!important;transition:none!important;}
}

/* Keep the account's existing Home color choice functional. Garden already maps
   to Energy Garden purple in the live stylesheet, so it retains the approved
   Studio palette. Every alternate theme inherits its original --home-* tokens. */
html body #root .studio319-personal-home:not(.home-theme-garden) {
  --studio319-theme-deep:var(--home-ink,#493b60);
  --studio319-theme-accent:var(--home-accent,#68518d);
  --studio319-theme-tint:var(--home-tint,#f3effc);
}
html body #root .studio319-personal-home:not(.home-theme-garden)>.studio319-home-hero {
  border-color:var(--studio319-theme-accent);
  background:linear-gradient(116deg,#211a2a,var(--studio319-theme-deep));
}
html body #root .studio319-personal-home:not(.home-theme-garden) .studio319-orbit-core {
  border-color:var(--home-border,#e0d8ef);
  background:radial-gradient(circle at 30% 20%,var(--studio319-theme-tint),var(--studio319-theme-accent) 25%,var(--studio319-theme-deep) 100%)!important;
}
html body #root .studio319-personal-home:not(.home-theme-garden) .studio319-home-primary {
  background:var(--studio319-theme-tint)!important;
  color:var(--home-ink,#493b60)!important;
  border-color:var(--home-border,#e0d8ef);
}
@supports (background:color-mix(in srgb,#fff 50%,#000)) {
  html body #root .studio319-personal-home:not(.home-theme-garden)>.studio319-home-hero {
    background:radial-gradient(ellipse at 87% 49%,color-mix(in srgb,var(--studio319-theme-accent) 48%,transparent),transparent 49%),
      radial-gradient(ellipse at 5% -7%,color-mix(in srgb,var(--studio319-theme-tint) 14%,transparent),transparent 65%),
      linear-gradient(116deg,color-mix(in srgb,var(--studio319-theme-accent) 22%,#17131e),color-mix(in srgb,var(--studio319-theme-accent) 51%,#17131e) 68%,color-mix(in srgb,var(--studio319-theme-accent) 22%,#17131e));
    border-color:color-mix(in srgb,var(--studio319-theme-accent) 74%,var(--studio319-theme-tint));
  }
  html body #root .studio319-personal-home:not(.home-theme-garden) .studio319-orbit::before {
    background:radial-gradient(ellipse,color-mix(in srgb,var(--studio319-theme-accent) 39%,transparent),transparent 69%);
  }
  html body #root .studio319-personal-home:not(.home-theme-garden) .studio319-orbit-core {
    box-shadow:inset 0 2px 2px #ffffff60,inset 0 -8px 15px #0003,0 15px 30px -10px #1007209e,0 0 45px color-mix(in srgb,var(--studio319-theme-accent) 28%,transparent);
  }
  html body #root .studio319-personal-home:not(.home-theme-garden) .studio319-orbit-satellite {
    background:linear-gradient(145deg,color-mix(in srgb,var(--studio319-theme-accent) 65%,#292131),color-mix(in srgb,var(--studio319-theme-accent) 32%,#231d2c))!important;
    border-color:color-mix(in srgb,var(--studio319-theme-tint) 30%,transparent);
  }
  html body #root .studio319-personal-home:not(.home-theme-garden) .studio319-orbit-path {
    border-color:color-mix(in srgb,var(--studio319-theme-tint) 24%,transparent);
  }
  html body #root .studio319-personal-home:not(.home-theme-garden) .studio319-home-eyebrow,
  html body #root .studio319-personal-home:not(.home-theme-garden) .studio319-home-date,
  html body #root .studio319-personal-home:not(.home-theme-garden) .studio319-home-hint,
  html body #root .studio319-personal-home:not(.home-theme-garden) .studio319-orbit-caption {
    color:color-mix(in srgb,var(--studio319-theme-tint) 86%,#aaa)!important;
  }
}