/**
 * Open Sky Events App — Coastal Harmony team-shell overrides
 * Scoped to body.app-host / body.view-team.app-host so Open Weekend schedule stays unchanged.
 */

/* —— Theme toggle (ported from admin floating nav) —— */
body.app-host .os-theme-wrapper{
  display:inline-flex; align-items:center; position:relative; z-index:20;
}
body.app-host .os-theme-btn.theme-toggle,
body.app-host .os-theme-btn{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px; min-width:40px; height:40px; min-height:40px;
  border-radius:999px;
  border:1px solid rgba(185, 225, 230, 0.55);
  background: var(--glass-bg, rgba(255,255,255,.72));
  color: var(--deep-ocean, #1D5D6C);
  cursor:pointer;
  padding:0;
  box-shadow: var(--shadow-soft, 0 8px 20px rgba(29,93,108,.1));
  transition: transform var(--duration, 220ms) var(--ease-out, ease),
    box-shadow var(--duration, 220ms) var(--ease-out, ease),
    background var(--duration, 220ms) var(--ease-out, ease),
    border-color var(--duration, 220ms) var(--ease-out, ease),
    color var(--duration, 220ms) var(--ease-out, ease);
}
body.app-host .os-theme-btn .theme-toggle-icon{
  position:absolute; inset:0;
  display:flex; align-items:center; justify-content:center;
  transition: opacity 320ms var(--ease-out, ease), transform 420ms var(--ease-out, ease);
}
body.app-host .os-theme-btn .theme-toggle-icon svg{ width:18px; height:18px; }
body.app-host .os-theme-btn .sun-rays{ transform-origin:center; transition: transform 500ms var(--ease-out, ease); }
html[data-theme="light"] body.app-host .os-theme-btn .theme-toggle-icon--moon,
body.app-host .os-theme-btn[data-theme-resolved="light"] .theme-toggle-icon--moon{
  opacity:1; transform: scale(1) rotate(0deg);
}
html[data-theme="light"] body.app-host .os-theme-btn .theme-toggle-icon--sun,
body.app-host .os-theme-btn[data-theme-resolved="light"] .theme-toggle-icon--sun{
  opacity:0; transform: scale(0.65) rotate(-35deg);
}
html[data-theme="dark"] body.app-host .os-theme-btn .theme-toggle-icon--moon,
body.app-host .os-theme-btn[data-theme-resolved="dark"] .theme-toggle-icon--moon{
  opacity:0; transform: scale(0.65) rotate(35deg);
}
html[data-theme="dark"] body.app-host .os-theme-btn .theme-toggle-icon--sun,
body.app-host .os-theme-btn[data-theme-resolved="dark"] .theme-toggle-icon--sun{
  opacity:1; transform: scale(1) rotate(0deg);
}
body.app-host .os-theme-btn:hover{
  transform: translateY(-2px) scale(1.02);
  border-color: transparent;
  background:
    linear-gradient(var(--glass-bg, rgba(255,255,255,.8)), var(--glass-bg, rgba(255,255,255,.8))) padding-box,
    linear-gradient(120deg, #53B4C4, #B9E1E6, #FF4F8D, #53B4C4) border-box;
  border: 1px solid transparent;
  box-shadow: 0 10px 22px rgba(29,93,108,.14), 0 0 0 1px rgba(83,180,196,.18);
}
body.app-host .os-theme-btn:focus-visible{
  outline: 2px solid var(--sea-blue, #53B4C4);
  outline-offset: 2px;
}
html[data-theme="dark"] body.app-host .os-theme-btn{
  color: var(--icon-primary, #DCEBED);
  border-color: rgba(158, 219, 227, 0.22);
  background: rgba(10, 39, 50, 0.72);
}
html[data-theme="dark"] body.app-host .os-theme-btn[data-target-theme="light"]:hover,
html[data-theme="dark"] body.app-host .os-theme-btn[data-target-theme="light"]:focus-visible{
  box-shadow: 0 0 18px rgba(242, 192, 92, 0.35), 0 10px 22px rgba(0,0,0,.28);
}
html[data-theme="dark"] body.app-host .os-theme-btn[data-target-theme="light"]:hover .sun-rays,
html[data-theme="dark"] body.app-host .os-theme-btn[data-target-theme="light"]:focus-visible .sun-rays{
  transform: rotate(45deg);
}
body.app-host .os-theme-menu{
  position:absolute; top:calc(100% + 8px); right:0; min-width:11.5rem;
  padding:.35rem; border-radius:14px; z-index:40;
  background: var(--surface-solid, #fff);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-soft);
  display:none;
}
body.app-host .os-theme-menu.open{ display:block; }
body.app-host .os-theme-menu button{
  display:block; width:100%; text-align:left; border:0; background:transparent;
  padding:.55rem .7rem; border-radius:10px; font:inherit; font-size:.85rem;
  color: var(--text-primary); cursor:pointer;
}
body.app-host .os-theme-menu button:hover,
body.app-host .os-theme-menu button.is-active{
  background: rgba(83,180,196,.16); color: var(--deep-ocean);
}
html[data-theme="dark"] body.app-host .os-theme-menu{
  background: var(--surface-solid); border-color: var(--border);
}
html[data-theme="dark"] body.app-host .os-theme-menu button:hover,
html[data-theme="dark"] body.app-host .os-theme-menu button.is-active{
  background: rgba(98,197,212,.16); color: var(--text-primary);
}
@media (prefers-reduced-motion: reduce){
  body.app-host .os-theme-btn,
  body.app-host .os-theme-btn .theme-toggle-icon,
  body.app-host .os-theme-btn .sun-rays{ transition: none !important; }
  body.app-host .os-theme-btn:hover{ transform: none; }
}

/* —— App shell: transparent body so coast layers show —— */
html:has(body.app-host),
body.app-host{
  background: transparent !important;
  color: var(--text-primary);
  font-family: var(--font-sans, 'Manrope', system-ui, sans-serif);
}
body.app-host .site-content,
body.app-host #app{
  position: relative;
  z-index: 1;
}
body.app-host.view-team .site-content{ max-width: 980px; }

/* Soften cream hero on app host */
body.app-host.view-team .welcome-hero{
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: .35rem 0 .55rem;
}
body.app-host.view-team .welcome-hero-lead,
body.app-host.view-team .welcome-hero-sub{
  color: var(--text-secondary) !important;
  font-family: var(--font-sans) !important;
  font-weight: 500 !important;
}
body.app-host.view-team .welcome-hero-title,
body.app-host.view-team .welcome-hero-title em{
  font-family: var(--font-sans) !important;
  font-weight: 600 !important;
  color: var(--text-primary) !important;
  font-style: normal !important;
}
body.app-host.view-team .welcome-hero-title{ font-size: clamp(1.45rem, 5vw, 1.85rem) !important; }

/* —— Floating liquid-glass navigation —— */
body.app-host.view-team .site-header-wrap{
  position: sticky;
  top: 0;
  z-index: 60;
  margin: 0 0 .85rem;
  padding: .65rem 0 .15rem;
  background: transparent;
}
body.app-host.view-team .team-compact-nav{
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: .45rem;
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  padding: .4rem .45rem .4rem .55rem;
  border-radius: 999px;
  background: rgba(255,255,255,0.72);
  border: 1px solid rgba(255,255,255,0.82);
  backdrop-filter: blur(20px) saturate(145%);
  -webkit-backdrop-filter: blur(20px) saturate(145%);
  box-shadow:
    0 12px 36px rgba(29,93,108,0.10),
    inset 0 1px 0 rgba(255,255,255,0.86);
}
html[data-theme="dark"] body.app-host.view-team .team-compact-nav{
  background: rgba(7,30,40,0.80);
  border: 1px solid rgba(158,219,227,0.18);
  box-shadow:
    0 14px 38px rgba(0,0,0,0.28),
    inset 0 1px 0 rgba(255,255,255,0.04);
}
body.app-host .team-nav-brand{
  display:none;
  align-items:center;
  gap:.4rem;
  padding-left:.25rem;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  color: var(--deep-ocean);
  white-space:nowrap;
}
@media (min-width:720px){
  body.app-host .team-nav-brand{ display:inline-flex; }
}
body.app-host .team-nav-actions{
  display:inline-flex; align-items:center; gap:.35rem; margin-left:auto;
}
body.app-host .team-refresh-btn,
body.app-host .team-menu-btn{
  width:40px; height:40px; min-width:40px; min-height:40px;
  border-radius:999px;
  border:1px solid var(--border);
  background: var(--surface-solid);
  color: var(--deep-ocean);
  display:inline-flex; align-items:center; justify-content:center;
  box-shadow: none;
  transition: transform 180ms var(--ease-out), box-shadow 180ms var(--ease-out), background 180ms;
}
body.app-host .team-refresh-btn svg,
body.app-host .team-menu-btn svg{
  width:18px; height:18px; stroke: currentColor; fill: none;
}
body.app-host .team-refresh-btn:hover,
body.app-host .team-menu-btn:hover{
  transform: translateY(-2px);
  box-shadow: var(--shadow-soft);
  border-color: var(--sea-blue);
}
body.app-host .team-refresh-btn:focus-visible,
body.app-host .team-menu-btn:focus-visible{
  outline: 2px solid var(--sea-blue);
  outline-offset: 2px;
}
html[data-theme="dark"] body.app-host .team-refresh-btn,
html[data-theme="dark"] body.app-host .team-menu-btn{
  background: var(--surface-solid);
  color: var(--icon-primary);
  border-color: var(--border);
}
body.app-host .team-call-radha-btn{
  height:40px; min-height:40px;
  padding: 0 .9rem;
  border-radius:999px;
  border:1px solid var(--border);
  background: linear-gradient(145deg, rgba(83,180,196,.22), rgba(185,225,230,.35));
  color: var(--deep-ocean) !important;
  font-weight:600; font-size:.82rem;
  display:inline-flex; align-items:center; justify-content:center;
  text-decoration:none !important;
  box-shadow: none;
}
html[data-theme="dark"] body.app-host .team-call-radha-btn{
  background: rgba(98,197,212,.16);
  color: var(--text-primary) !important;
  border-color: var(--border);
}
body.app-host.view-team .team-compact-nav .nav-lang{
  display:inline-flex; gap:.2rem; margin:0 .15rem;
}
body.app-host.view-team .team-compact-nav .lang-btn{
  min-width:36px; height:34px; min-height:34px;
  padding:0 .45rem; border-radius:999px;
  border:1px solid transparent;
  background: transparent;
  color: var(--text-secondary);
  font-weight:600; font-size:.78rem;
  box-shadow:none;
}
body.app-host.view-team .team-compact-nav .lang-btn.active-lang,
body.app-host.view-team .team-compact-nav .lang-btn:hover{
  background: rgba(83,180,196,.22);
  color: var(--deep-ocean);
  border-color: rgba(83,180,196,.35);
}
html[data-theme="dark"] body.app-host.view-team .team-compact-nav .lang-btn.active-lang,
html[data-theme="dark"] body.app-host.view-team .team-compact-nav .lang-btn:hover{
  background: rgba(98,197,212,.18);
  color: var(--text-primary);
  border-color: var(--border);
}

/* —— Buttons —— */
body.app-host .btn,
body.app-host button.btn{
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 14.5px;
  border-radius: var(--radius-md, 12px);
  transition: transform 180ms var(--ease-out), box-shadow 180ms var(--ease-out), filter 180ms, background 180ms, border-color 180ms;
}
body.app-host .btn-primary,
body.app-host .btn.active-view,
body.app-host .team-add-guest-btn,
body.app-host .app-checkin-row-action,
body.app-host .team-osp-tabs .is-active,
body.app-host .team-inline-login button[type="submit"]{
  background: var(--deep-ocean) !important;
  border-color: var(--deep-ocean) !important;
  color: #F1F7F7 !important;
  box-shadow: 0 8px 20px rgba(29,93,108,.18);
}
body.app-host .btn-primary:hover,
body.app-host .team-add-guest-btn:hover,
body.app-host .app-checkin-row-action:hover{
  transform: translateY(-2px);
  filter: brightness(1.06);
  box-shadow: 0 12px 26px rgba(29,93,108,.22);
}
html[data-theme="dark"] body.app-host .btn-primary,
html[data-theme="dark"] body.app-host .team-add-guest-btn,
html[data-theme="dark"] body.app-host .app-checkin-row-action{
  background: var(--sea-blue) !important;
  border-color: var(--sea-blue) !important;
  color: #062530 !important;
}
body.app-host .btn-ghost,
body.app-host .app-event-back{
  background: var(--surface-solid) !important;
  border: 1px solid var(--border) !important;
  color: var(--text-primary) !important;
}
body.app-host .btn-wa{ background: var(--action-whatsapp) !important; color:#fff !important; border:0 !important; }
body.app-host .btn-call{
  background: var(--action-phone) !important;
  color: var(--deep-ocean) !important;
  border: 1px solid var(--border) !important;
}
body.app-host .btn-all-paid{ background: var(--sage-green) !important; color:#fff !important; border:0 !important; }
body.app-host .btn-undo-paid{
  background: transparent !important;
  color: var(--text-secondary) !important;
  border: 1px solid var(--border) !important;
}

/* —— Panels / cards / lists —— */
body.app-host .team-checkin-wrap,
body.app-host .team-panel-wrap,
body.app-host .team-osp-wrap,
body.app-host .team-books-wrap,
body.app-host .team-mantras-wrap,
body.app-host .team-films-wrap,
body.app-host .team-hd-wrap{
  color: var(--text-primary);
}
body.app-host .app-event-row,
body.app-host .app-checkin-row-main,
body.app-host .team-guest-row,
body.app-host .team-osp-sale-row,
body.app-host .team-book-row,
body.app-host .team-mantra-row,
body.app-host .team-film-card,
body.app-host .team-checkin-today-chip,
body.app-host .team-osp-filters,
body.app-host .team-osp-form,
body.app-host .team-inline-login,
body.app-host .app-event-detail-head,
body.app-host .team-hd-hero{
  background: var(--glass-bg-gradient) !important;
  border: var(--glass-border) !important;
  backdrop-filter: blur(16px) saturate(135%);
  -webkit-backdrop-filter: blur(16px) saturate(135%);
  box-shadow: var(--shadow-soft), var(--glass-inset);
  color: var(--text-primary) !important;
}
body.app-host .app-event-row,
body.app-host .app-checkin-row-main,
body.app-host .team-guest-row,
body.app-host .team-osp-sale-row,
body.app-host .team-book-row,
body.app-host .team-film-card{
  border-radius: 16px !important;
}
body.app-host .app-event-row:hover,
body.app-host .app-checkin-row-main:hover,
body.app-host .team-guest-row:hover{
  border-color: var(--sea-blue) !important;
  box-shadow: var(--shadow-hover), var(--glass-inset);
}
body.app-host .app-event-row-title,
body.app-host .team-checkin-row-name,
body.app-host .team-guest-main .nm,
body.app-host .app-event-detail-head h3{
  color: var(--text-primary) !important;
}
body.app-host .app-event-row-sub,
body.app-host .team-checkin-row-sub,
body.app-host .team-guest-main .em,
body.app-host .team-checkin-meta,
body.app-host .app-event-detail-head p,
body.app-host .app-event-bucket,
body.app-host .team-day-empty{
  color: var(--text-secondary) !important;
}
body.app-host .app-event-row-count .n,
body.app-host .team-checkin-today-chip .n{
  color: var(--deep-ocean) !important;
}
html[data-theme="dark"] body.app-host .app-event-row-count .n,
html[data-theme="dark"] body.app-host .team-checkin-today-chip .n{
  color: var(--sea-blue) !important;
}
body.app-host .app-event-row-count .l,
body.app-host .team-checkin-today-chip .l,
body.app-host .app-event-row-count .n-sub{
  color: var(--text-muted) !important;
}
body.app-host .app-checkin-row.is-in .app-checkin-row-main{
  background: linear-gradient(145deg, rgba(125,170,138,.28), rgba(255,255,255,.7)) !important;
  border-color: rgba(125,170,138,.45) !important;
}
html[data-theme="dark"] body.app-host .app-checkin-row.is-in .app-checkin-row-main{
  background: linear-gradient(145deg, rgba(141,195,156,.18), rgba(10,39,50,.84)) !important;
}
body.app-host .app-checkin-row.is-in .app-checkin-row-action{
  background: var(--sage-green) !important;
  color: #fff !important;
}
body.app-host .app-checkin-offline{
  background: rgba(255,183,141,.25) !important;
  border: 1px solid rgba(255,183,141,.55) !important;
  color: var(--text-primary) !important;
}

/* Filters / inputs */
body.app-host .team-checkin-search,
body.app-host .team-checkin-filter-select,
body.app-host .team-osp-filters input,
body.app-host .team-osp-filters select,
body.app-host .team-osp-form input,
body.app-host .team-osp-form select,
body.app-host .team-osp-form textarea,
body.app-host .team-inline-login input,
body.app-host .team-guest-detail-name-input,
body.app-host .team-add-guest-form input,
body.app-host .team-add-guest-form textarea,
body.app-host .team-guest-payment-stat input,
body.app-host .team-guest-section textarea,
body.app-host .team-guest-field textarea{
  height: 44px;
  min-height: 44px;
  border-radius: 12px !important;
  border: 1px solid var(--border) !important;
  background: var(--table-surface) !important;
  color: var(--text-primary) !important;
  font: inherit;
  box-shadow: none;
}
body.app-host .team-osp-form textarea,
body.app-host .team-add-guest-form textarea,
body.app-host .team-guest-section textarea,
body.app-host .team-guest-field textarea{
  height: auto;
  min-height: 88px;
}
body.app-host .team-checkin-search:focus,
body.app-host .team-checkin-filter-select:focus,
body.app-host .team-osp-filters input:focus,
body.app-host .team-osp-filters select:focus,
body.app-host .team-osp-form input:focus,
body.app-host .team-osp-form select:focus,
body.app-host .team-osp-form textarea:focus,
body.app-host .team-inline-login input:focus,
body.app-host .team-guest-detail-name-input:focus{
  outline: none;
  border-color: var(--sea-blue) !important;
  box-shadow: 0 0 0 3px rgba(83,180,196,.22) !important;
}
body.app-host .team-checkin-controls{
  gap: .55rem;
}
body.app-host label,
body.app-host .team-osp-filters label,
body.app-host .team-guest-section h3,
body.app-host .team-guest-payment-stat label{
  color: var(--text-muted) !important;
}

/* Guest detail / modals */
body.app-host .team-guest-detail-sheet,
body.app-host .team-film-player-inner,
body.app-host .team-menu-flyout-panel{
  background: var(--surface-solid) !important;
  border: 1px solid var(--border) !important;
  color: var(--text-primary) !important;
  box-shadow: var(--shadow-hover);
  backdrop-filter: blur(18px) saturate(130%);
  -webkit-backdrop-filter: blur(18px) saturate(130%);
}
body.app-host .team-guest-detail-backdrop,
body.app-host .team-menu-flyout-backdrop,
body.app-host .team-film-player{
  background: var(--modal-scrim, rgba(33,52,60,.42)) !important;
}
body.app-host .team-guest-detail-name-wrap h2,
body.app-host .team-menu-flyout-head h2,
body.app-host .team-film-player-head h3{
  color: var(--text-primary) !important;
  font-family: var(--font-sans) !important;
  font-weight: 600 !important;
}
body.app-host .team-menu-flyout-panel{
  background:
    linear-gradient(165deg, rgba(255,255,255,.88), rgba(230,245,251,.72)) !important;
  border-left: 1px solid rgba(255,255,255,.76) !important;
}
html[data-theme="dark"] body.app-host .team-menu-flyout-panel{
  background:
    linear-gradient(165deg, rgba(10,39,50,.94), rgba(14,50,61,.88)) !important;
  border-left: 1px solid rgba(174,218,225,.16) !important;
}
body.app-host .team-menu-list button{
  color: var(--text-primary) !important;
  border-radius: 14px;
}
body.app-host .team-menu-list button:hover,
body.app-host .team-menu-list button.is-active{
  background: rgba(83,180,196,.18) !important;
}
body.app-host .team-menu-list .sub{ color: var(--text-secondary) !important; }
body.app-host .team-menu-list .ico{
  background: rgba(83,180,196,.2) !important;
  color: var(--deep-ocean) !important;
}
html[data-theme="dark"] body.app-host .team-menu-list .ico{
  color: var(--text-primary) !important;
}
body.app-host .team-menu-close{
  color: var(--text-secondary) !important;
  background: transparent !important;
  border: 0 !important;
}

/* Badges */
body.app-host .team-guest-badge,
body.app-host .team-guest-mc,
body.app-host .team-guest-paid-badge{
  border-radius: 999px;
  font-weight: 700;
}
body.app-host .team-guest-badge.is-due{
  background: rgba(255,183,141,.28) !important;
  color: #9a3412 !important;
  border-color: rgba(255,183,141,.55) !important;
}
body.app-host .team-guest-badge.is-ticket{
  background: rgba(83,180,196,.18) !important;
  color: var(--deep-ocean) !important;
  border-color: rgba(83,180,196,.35) !important;
}
body.app-host .team-guest-badge.is-paid,
body.app-host .team-guest-mc.is-subscribed{
  background: rgba(125,170,138,.22) !important;
  color: var(--color-forest-green, #2F5D4A) !important;
  border-color: rgba(125,170,138,.4) !important;
}
html[data-theme="dark"] body.app-host .team-guest-badge.is-due{ color: #FFB78D !important; }
html[data-theme="dark"] body.app-host .team-guest-badge.is-ticket{ color: var(--sea-blue) !important; }
html[data-theme="dark"] body.app-host .team-guest-badge.is-paid,
html[data-theme="dark"] body.app-host .team-guest-mc.is-subscribed{ color: var(--sage-green) !important; }

/* OSP / books / films specifics */
body.app-host .team-osp-tabs{
  display:flex; flex-wrap:wrap; gap:.35rem;
  padding:.35rem; border-radius:999px;
  background: var(--glass-bg);
  border: var(--glass-border);
  backdrop-filter: blur(14px);
}
body.app-host .team-osp-tabs button{
  border-radius:999px !important;
  border:0 !important;
  background: transparent !important;
  color: var(--text-secondary) !important;
  font-weight:600;
}
body.app-host .team-osp-tabs button.is-active{
  background: rgba(83,180,196,.24) !important;
  color: var(--deep-ocean) !important;
}
html[data-theme="dark"] body.app-host .team-osp-tabs button.is-active{
  color: var(--text-primary) !important;
  background: rgba(98,197,212,.2) !important;
}
body.app-host .team-film-card img{ border-radius: 12px; }
body.app-host .team-checkin-done{ color: var(--sage-green) !important; }

/* Payment box */
body.app-host .team-guest-payment{
  background: var(--table-surface) !important;
  border: 1px solid var(--border) !important;
  border-radius: 16px;
}
body.app-host .team-guest-payment .val.is-rest{ color: #c2410c !important; }
html[data-theme="dark"] body.app-host .team-guest-payment .val.is-rest{ color: #FFB78D !important; }
body.app-host .team-guest-payment .val.is-zero{ color: var(--sage-green) !important; }

/* Autofill / native controls dark */
html[data-theme="dark"] body.app-host input,
html[data-theme="dark"] body.app-host select,
html[data-theme="dark"] body.app-host textarea{
  color-scheme: dark;
}
body.app-host input:-webkit-autofill,
body.app-host textarea:-webkit-autofill,
body.app-host select:-webkit-autofill{
  -webkit-text-fill-color: var(--text-primary) !important;
  transition: background-color 9999s ease-out;
  box-shadow: 0 0 0 1000px var(--surface-solid) inset !important;
}

/* Icon currentColor safety */
body.app-host svg[stroke="currentColor"],
body.app-host .team-refresh-btn svg,
body.app-host .team-menu-btn svg,
body.app-host .os-theme-btn svg{
  color: inherit;
}

/* Status chips */
body.app-host .team-checkin-today-chip.is-done{
  border-color: rgba(125,170,138,.4) !important;
}
body.app-host .team-checkin-today-chip.is-pending{
  border-color: rgba(255,183,141,.45) !important;
}

/* Print invoice stays solid white */
body.app-host .team-osp-print-doc,
body.app-host .team-osp-print-doc *{
  color: #21343C !important;
  background: #fff !important;
}

@media (max-width: 720px){
  body.app-host.view-team .team-compact-nav{
    border-radius: 22px;
    padding: .35rem .4rem;
  }
  body.app-host .team-call-radha-btn{
    max-width: 6.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .72rem;
    padding: 0 .55rem;
  }
}

/* —— Remap legacy blue/cream accents on app host —— */
body.app-host .team-section-tabs .btn.is-active,
body.app-host .team-section-tabs button.is-active{
  background: rgba(83,180,196,.24) !important;
  color: var(--deep-ocean) !important;
  border-color: transparent !important;
}
body.app-host .team-film-cat-tabs button.is-active,
body.app-host .team-books-tabs button.is-active{
  background: var(--deep-ocean) !important;
  color: #F1F7F7 !important;
}
html[data-theme="dark"] body.app-host .team-film-cat-tabs button.is-active,
html[data-theme="dark"] body.app-host .team-books-tabs button.is-active{
  background: var(--sea-blue) !important;
  color: #062530 !important;
}
body.app-host .team-checkin-row-chevron{ color: var(--sea-blue) !important; }
body.app-host .team-guest-avatar{
  background: linear-gradient(135deg, var(--deep-ocean), var(--sea-blue)) !important;
}
body.app-host .team-hd-hero{
  background:
    radial-gradient(ellipse at 8% -10%, rgba(185,225,230,.45), transparent 52%),
    radial-gradient(ellipse at 95% 0%, rgba(83,180,196,.22), transparent 45%),
    linear-gradient(165deg, #1D5D6C 0%, #164a57 42%, #0A2430 100%) !important;
  color: #F1F7F7 !important;
  border: 1px solid rgba(185,225,230,.25) !important;
}
body.app-host .team-mantra-row,
body.app-host .team-book-card,
body.app-host .team-osp-cash-panel,
body.app-host .team-osp-invoice-panel{
  background: var(--glass-bg-gradient) !important;
  border: var(--glass-border) !important;
  border-radius: 16px !important;
  color: var(--text-primary) !important;
  box-shadow: var(--shadow-soft), var(--glass-inset);
}
body.app-host .team-add-guest-success{
  background: rgba(125,170,138,.2) !important;
  border: 1px solid rgba(125,170,138,.4) !important;
  color: var(--color-forest-green, #2F5D4A) !important;
  border-radius: 12px;
}
html[data-theme="dark"] body.app-host .team-add-guest-success{ color: var(--sage-green) !important; }
body.app-host .team-guest-save-hint.is-ok{ color: var(--sage-green) !important; }
body.app-host .team-guest-save-hint.is-err{ color: var(--danger) !important; }
body.app-host .team-osp-sale-row .amt,
body.app-host .team-book-sale-amt{
  color: var(--deep-ocean) !important;
  font-weight: 700;
}
html[data-theme="dark"] body.app-host .team-osp-sale-row .amt,
html[data-theme="dark"] body.app-host .team-book-sale-amt{ color: var(--sea-blue) !important; }
body.view-team.app-host .site-shell{ padding-bottom: 2.5rem; }

/* Kill leftover terracotta focus rings on app host */
body.app-host *:focus-visible{
  outline-color: var(--sea-blue);
}

html[data-theme="dark"] body.app-host .team-checkin-today-chip.is-expected,
html[data-theme="dark"] body.app-host .team-checkin-search,
html[data-theme="dark"] body.app-host .team-checkin-filter-select{
  background: var(--surface-solid) !important;
  border-color: var(--border) !important;
  color: var(--text-primary) !important;
}
html[data-theme="dark"] body.app-host .team-guest-row:hover{
  background: var(--dark-surface-hover, #123946) !important;
}