/* Webbdin Flow v0.8.0 — orange public identity + light workspace + video-model A2. */

:root{--flow-orange:#FF6A2F;--flow-orange-soft:#FF9A68;--flow-orange-deep:#D94713;}

/* Marketing website: replace the old yellow/gold accent with the orange used by the Flow wordmark. */
.landing-v7{--accent:var(--flow-orange);--accent-rgb:255,106,47;}
.landing-v7 .brand-mark,.landing-v7 .brand b,.landing-v7 .eyebrow,.landing-v7 .a3-copy .eyebrow,.landing-v7 .a3-copy h1 em,
.landing-v7 .v7-section-head .eyebrow,.landing-v7 .v7-section-head h2 em,.landing-v7 .a3-proof .icon,
.landing-v7 .a1-node-icon,.landing-v7 .a2-center-logo,.landing-v7 .customer-track i{color:var(--flow-orange)!important}
.landing-v7 .customer-track i{background:var(--flow-orange);box-shadow:0 0 18px rgba(255,106,47,.75)}
.landing-v7 .v7-nav{border-color:rgba(255,106,47,.24)}
.landing-v7 .v7-gold-btn{border-color:rgba(255,106,47,.8)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 0 1px #0008,0 0 24px rgba(255,106,47,.26),0 10px 28px #0008!important}
.landing-v7 .v7-gold-btn:before{background:#FFD0B8;box-shadow:0 0 18px #FF7A3E,0 0 34px #E94F17}
.landing-v7 .v7-gold-btn:hover{border-color:#FF8B55!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 0 1px #0008,0 0 36px rgba(255,106,47,.38),0 13px 32px #0009!important}
.landing-v7 .a1-core-mark{border-color:rgba(255,106,47,.65);color:#FFB187;background:linear-gradient(145deg,#344555,#171d24 58%,#612511)}
.landing-v7 .a1-node-icon{border-color:rgba(255,106,47,.42)}
.landing-v7 .a1-point-cloud:after{border-color:rgba(255,106,47,.34);box-shadow:0 0 48px rgba(255,106,47,.15)}
.landing-v7 .a3-right-glow{background:radial-gradient(ellipse at right center,rgba(255,106,47,.18),transparent 66%)}
.landing-v7 .a3-copy h1 em{color:#FF9A68!important}
.landing-v7 .a3-copy .eyebrow{color:#FF8A50!important}
.landing-v7 .mega-footer a:hover{color:#fff}

/* A2 — closer to the supplied V7 Agents video: small tiles orbit clean central copy. */
.a2-video-model{height:760px;background:radial-gradient(circle at 50% 51%,rgba(255,106,47,.08),transparent 27%),radial-gradient(circle at 18% 42%,rgba(28,92,148,.08),transparent 34%);overflow:hidden}
.a2-video-model:before{display:none}
.a2-video-copy{position:relative;z-index:8;width:min(460px,78%);text-align:center;padding:28px 24px;border-radius:30px;background:radial-gradient(circle at 50% 0,rgba(255,106,47,.055),transparent 55%);text-shadow:0 2px 22px #000}
.a2-video-copy .eyebrow{color:#FF7B43!important;margin-bottom:12px}
.a2-video-copy h3{font:500 clamp(34px,4vw,56px)/1.03 Georgia,serif;letter-spacing:-.045em;color:#f5f2ed}
.a2-video-copy p{max-width:390px;margin:17px auto 24px;color:#aeb4bb;line-height:1.6}
.a2-video-copy .btn{min-width:190px}
.a2-video-wheel{position:absolute;left:50%;top:50%;width:0;height:0;z-index:5;animation:a2VideoOrbit 34s linear infinite}
.a2-video-item{position:absolute;left:0;top:0;transform:rotate(var(--a)) translateX(292px)}
.a2-video-tile{width:48px;height:48px;margin:-24px;border-radius:10px;display:grid;place-items:center;color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:0 13px 28px #0009,inset 0 1px 1px rgba(255,255,255,.35);transform:rotate(calc(-1 * var(--a))) rotate(calc(var(--i) * 7deg));animation:a2VideoCounter 34s linear infinite,a2TileFloat 3.8s ease-in-out infinite;animation-delay:0s,calc(var(--i) * -0.11s)}
.a2-video-tile .icon{width:17px;height:17px;opacity:.92;filter:drop-shadow(0 1px 3px #0008)}
.a2-video-tile.tone-0{background:linear-gradient(145deg,#FFB18B,#FF632B 58%,#A9320C)}
.a2-video-tile.tone-1{background:linear-gradient(145deg,#507EAA,#213E5C 60%,#121D2C)}
.a2-video-tile.tone-2{background:linear-gradient(145deg,#D5D8DB,#747C86 58%,#30343A)}
.a2-video-tile.tone-3{background:linear-gradient(145deg,#FF8A50,#A84420 58%,#3C1A0C)}
.a2-video-tile.tone-4{background:linear-gradient(145deg,#344D68,#152638 58%,#0D151F)}
.a2-video-tile.tone-5{background:linear-gradient(145deg,#C7B9AE,#70594D 58%,#291C17)}
.a2-video-halo{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
.a2-video-halo.h1{width:630px;height:630px;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 70px rgba(255,106,47,.06)}
.a2-video-halo.h2{width:500px;height:500px;border:1px solid rgba(255,106,47,.12)}
@keyframes a2VideoOrbit{to{transform:rotate(360deg)}}
@keyframes a2VideoCounter{to{transform:rotate(calc(-360deg - var(--a))) rotate(calc(var(--i) * 7deg))}}
@keyframes a2TileFloat{50%{margin-top:-31px;filter:brightness(1.12)}}

/* The actual logged-in Flow workspace is now light, white/grey, with dark text and orange accents. */
body:has(.shell){background:#F4F5F7;color:#101624}
body:has(.shell) .ambient{background:
 radial-gradient(circle at 84% 10%,rgba(255,106,47,.075),transparent 27%),
 linear-gradient(135deg,#FAFAFB 0%,#F4F5F7 46%,#ECEEF1 100%);opacity:1}
body:has(.shell) .ambient:after{background:linear-gradient(120deg,transparent 0 58%,rgba(255,106,47,.035) 58% 64%,transparent 64%)}
.shell{--accent:#FF6A2F;--accent-rgb:255,106,47;--ink:#101624;--muted:#667080;--dim:#8A93A1;--bg:#F4F5F7;--panel:rgba(255,255,255,.94);--line:rgba(16,24,40,.10);--line-hi:rgba(16,24,40,.17);--success:#24935C;--danger:#B84C43;color:var(--ink);background:transparent;min-height:100dvh}
.shell .brand{color:#101624}.shell .brand b,.shell .brand-mark{color:var(--accent)}
.shell .sidebar{background:rgba(255,255,255,.94);border-color:rgba(20,30,45,.10);box-shadow:0 18px 45px rgba(30,42,60,.09),inset 0 1px 0 #fff;backdrop-filter:blur(24px)}
.shell .company-chip,.shell .profile-block{border-color:rgba(20,30,45,.09)}
.shell .nav-link{color:#364152}.shell .nav-link .icon{color:#364152}.shell .nav-link:hover{color:#111827;background:#F3F4F6}.shell .nav-link.active{color:#111827;background:linear-gradient(100deg,rgba(255,106,47,.09),rgba(255,106,47,.025));border-color:rgba(255,106,47,.34);box-shadow:inset 3px 0 0 var(--accent)}.shell .nav-link.active .icon{color:var(--accent)}
.shell .topbar{border-color:rgba(20,30,45,.08)}.shell .breadcrumb{color:#677181}.shell .breadcrumb span{color:#161D2B}.shell .mode-pill{color:#556171}.shell .mode-pill i{background:#38A169}
.shell .global-search,.shell .searchbox{background:#fff;border-color:rgba(20,30,45,.11);color:#697386;box-shadow:0 2px 8px rgba(25,36,50,.035)}
.shell kbd{border-color:rgba(20,30,45,.13);background:#F4F5F7;color:#6B7280}.shell .icon-btn{background:#fff;border-color:rgba(20,30,45,.11);color:#202938;box-shadow:0 4px 12px rgba(25,36,50,.045)}
.shell .avatar{color:#CC4E18;background:linear-gradient(145deg,#FFF4EE,#F8E3D8);border-color:rgba(255,106,47,.20)}
.shell .monogram{color:#D34F18;background:linear-gradient(145deg,#FFF2EA,#F6E1D5);border-color:rgba(255,106,47,.24)}
.shell .page-header h1,.shell h1,.shell h2,.shell h3,.shell strong{color:#101624}.shell p,.shell .muted{color:#667080}.shell .eyebrow{color:#465063}.shell .page-header h1 em,.shell .accent{color:var(--accent)!important}
.shell .glass,.shell .panel,.shell .v2-metric,.shell .metric,.shell .workspace-launcher,.shell .summary-strip,.shell .service-card,.shell .person-card,.shell .customer-card,.shell .automation-inspector,.shell .journey-canvas,.shell .booking-row,.shell .review-card,.shell .statistics-chart,.shell .status-distribution,.shell .service-statistics,.shell .measured-insights{background:rgba(255,255,255,.92)!important;border-color:rgba(18,28,43,.09)!important;box-shadow:0 10px 28px rgba(28,39,55,.07),inset 0 1px 0 #fff!important;color:#101624}
.shell .workspace-launcher{background:linear-gradient(115deg,#FFFFFF,#F7F8FA 60%,#FFF7F2)!important}
.shell .tactile-icon,.shell .app-tile{color:var(--accent);background:linear-gradient(145deg,#FFF9F5,#FFF0E7)!important;border-color:rgba(255,106,47,.22)!important;box-shadow:inset 0 1px 0 #fff,0 7px 16px rgba(255,106,47,.08)!important}
.shell .tactile-icon:before,.shell .app-tile:before{background:radial-gradient(ellipse at 35% 20%,rgba(255,106,47,.09),transparent 70%)}
.shell .launcher-button{color:#1E2736}.shell .launcher-button .icon{filter:none}.shell .workspace-command{border-color:rgba(18,28,43,.08)}
.shell .v2-metric .metric-top,.shell .metric-top{color:#677181}.shell .v2-metric strong,.shell .metric strong{color:#101624}.shell .v2-metric small,.shell .metric small{color:#788392!important}.shell .metric-icon{background:#FFF3EC;color:var(--accent)}
.shell .btn{color:#202938;border-color:rgba(20,30,45,.18);background:linear-gradient(180deg,#fff,#F5F6F8);box-shadow:inset 0 1px 0 #fff,0 4px 12px rgba(28,39,55,.05)}
.shell .btn:hover{background:#fff;border-color:rgba(255,106,47,.35)}
.shell .btn.primary,.shell .dock-add{background:linear-gradient(145deg,#FF9A68 0%,#FF6A2F 58%,#E75017 100%)!important;color:#fff!important;border-color:#FF7C46!important;box-shadow:inset 0 2px 1px rgba(255,255,255,.42),0 6px 18px rgba(255,106,47,.25)!important}
.shell .tag,.shell .status{background:#F7F8FA;border-color:rgba(20,30,45,.10);color:#596474}.shell .status.confirmed,.shell .status.completed{color:#24734C;background:#F2FAF6;border-color:#D7EFE1}
.shell input:not([type=checkbox]):not([type=color]),.shell select,.shell textarea{background:#fff;color:#182131;border-color:rgba(20,30,45,.13)}.shell input::placeholder,.shell textarea::placeholder{color:#9AA2AD}.shell select option{background:#fff;color:#111827}.shell .field span{color:#586373}.shell .field small{color:#8B94A1}
.shell .appointment,.shell .choice,.shell .booking-row{background:#fff!important;border-color:rgba(20,30,45,.09)!important}.shell .appointment:hover,.shell .choice:hover,.shell .booking-row:hover{background:#FAFAFB!important}.shell .appointment time{color:#374151}.shell .appointment small{color:#7D8794}
.shell .divider{background:rgba(20,30,45,.09)}.shell .mini-stat{border-color:rgba(20,30,45,.09)}.shell .mini-stat span{color:#687383}
.shell .chart-labels,.shell .page-note{color:#858E9B}.shell .chart-interactive,.shell .chart-canvas{color:#475569}
.shell .stars{color:var(--accent)}.shell .quote{color:#202938}.shell .note{background:#FFF8F4;border-color:rgba(255,106,47,.18);color:#6B7280}.shell .note .icon{color:var(--accent)}
.shell .segmented{background:#F1F3F5;border-color:rgba(20,30,45,.09)}.shell .segmented button{color:#657080}.shell .segmented button.active{background:#fff;color:#172033;box-shadow:0 2px 6px rgba(20,30,45,.07)}
.shell .data-table th{color:#7B8492;border-color:rgba(20,30,45,.09)}.shell .data-table td{border-color:rgba(20,30,45,.06)}.shell .data-table tbody tr:hover{background:#F8F9FA}
.shell .calendar-board,.shell .calendar-agenda,.shell .cal-day-column,.shell .calendar-grid{background:#fff!important;border-color:rgba(20,30,45,.10)!important}.shell .cal-event{color:#222B39;border-color:rgba(255,106,47,.32)!important;background:linear-gradient(130deg,#FFF6F0,#FFFDFC)!important}.shell .cal-event strong{color:#172033}.shell .cal-event small,.shell .cal-event span{color:#737D8B}
.shell .journey-track:before{background:rgba(255,106,47,.16)}.shell .journey-node{background:#fff!important;border-color:rgba(20,30,45,.10)!important;color:#172033}.shell .journey-node.selected{border-color:rgba(255,106,47,.48)!important;box-shadow:0 8px 22px rgba(255,106,47,.09)!important}.shell .journey-copy small,.shell .journey-channel{color:#7A8491}
.shell .message-device{background:linear-gradient(160deg,#FFFFFF,#F6F7F9);border-color:rgba(20,30,45,.13);box-shadow:0 18px 45px rgba(20,30,45,.10)}.shell .message-bubble{background:#FFF1E9;color:#273142}.shell .message-preview-label{color:#929AA5}
.shell .mobile-dock{background:rgba(255,255,255,.94);border-color:rgba(20,30,45,.10);box-shadow:0 16px 35px rgba(20,30,45,.12)}.shell .mobile-dock a,.shell .mobile-dock button{color:#657080}.shell .mobile-dock .active{color:var(--accent)}
.shell .switch{background:#D9DEE5;border-color:#CDD3DB}.shell .switch:after{background:#fff}.shell .switch.on{background:var(--accent);border-color:var(--accent)}

/* Light modal language inside the workspace. */
body:has(.shell) dialog{background:linear-gradient(145deg,#FFFFFF,#F5F6F8);color:#101624;border-color:rgba(20,30,45,.13);box-shadow:0 26px 80px rgba(20,30,45,.20)}
body:has(.shell) dialog .modal-title{border-color:rgba(20,30,45,.08)}
body:has(.shell) dialog input:not([type=checkbox]):not([type=color]),body:has(.shell) dialog select,body:has(.shell) dialog textarea{background:#fff;color:#111827;border-color:rgba(20,30,45,.14)}

@media(max-width:760px){
 .a2-video-model{height:660px}.a2-video-item{transform:rotate(var(--a)) translateX(225px)}.a2-video-halo.h1{width:500px;height:500px}.a2-video-halo.h2{width:390px;height:390px}.a2-video-tile{width:42px;height:42px;margin:-21px}
}
@media(max-width:520px){
 .a2-video-model{height:590px}.a2-video-copy{width:78%;padding:22px 16px}.a2-video-copy h3{font-size:34px}.a2-video-copy p{font-size:13px}.a2-video-item{transform:rotate(var(--a)) translateX(174px)}.a2-video-halo.h1{width:390px;height:390px}.a2-video-halo.h2{width:300px;height:300px}.a2-video-tile{width:36px;height:36px;margin:-18px;border-radius:8px}.a2-video-tile .icon{width:14px;height:14px}
}
@media(prefers-reduced-motion:reduce){.a2-video-wheel,.a2-video-tile{animation:none!important}}
/* Explicit light-workspace icon and next-visit corrections. */
.shell .tactile-icon .icon,.shell .app-tile .icon{color:var(--accent)!important;stroke:currentColor!important;filter:none!important}
.shell .next-visit{background:linear-gradient(135deg,#FFF7F2,#FFFDFC)!important;border-color:rgba(255,106,47,.22)!important;box-shadow:inset 0 1px 0 #fff,0 8px 20px rgba(40,48,60,.045)!important}
.shell .next-label{color:#7A8492}.shell .next-time{color:var(--accent)}.shell .next-visit>small{color:#7A8492}
.shell .activity-symbol,.shell .mini-flow>span,.shell .notification-icon{color:var(--accent);background:#FFF3EC}
.shell .brand-pedestal .monogram{background:linear-gradient(145deg,#FFF1E8,#F7E0D4);box-shadow:0 10px 22px rgba(40,48,60,.10),inset 0 1px 0 #fff}

/* v0.10.1: Webbdin Flow logo-orange replaces legacy yellow/gold on public booking themes. */
.public-booking.site-theme-dark-gold,
.public-booking.site-theme-light-gold,
.brand-device.site-theme-dark-gold,
.brand-device.site-theme-light-gold{
  --accent:#FF6A2F!important;
  --accent-rgb:255,106,47!important;
  --accent-top:#FF9B73!important;
  --accent-bottom:#F05A21!important;
  --accent-text:#FF8A57!important;
  --button-ink:#17191B!important;
}
.public-booking .btn.primary,
.public-booking .slot.selected,
.public-booking .step.active,
.brand-device .btn.primary{
  border-color:rgba(255,106,47,.9)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 0 22px rgba(255,106,47,.22)!important;
}