/* Home Store's own styles, loaded only on its own pages. pod_api.html links /brand/tenant.css right after
   app.css, and each portal's Caddy block serves /brand/* from that tenant's assets/ folder (huddlespeak.com serves
   an empty huddle-app/brand/tenant.css). Every rule here requires html.tenant-homestore; moved out of app.css on
   2026-10-23 with its comments, @media wrappers and order kept. They now come after ALL of app.css, so a rule that
   relied on sitting before a later shared rule of equal specificity stayed in app.css.
   Ships with Proxy, or Tenant Admin -> Apply for this tenant; never needs a Page deploy. No ?v=: Caddy sends
   Cache-Control: no-cache, so browsers revalidate it on every load.
   A url() for a file in the web root must start with "/": this sheet is served from /brand/, so a relative url()
   resolves there (only this tenant's own assets/ folder). */

  /* The Home Store: a restrained warm orange (#d87839) layered
     onto HuddleSpeak's standard theme, so Start, the mic and the Panel Voice/Text control stop reading
     green on an orange-branded panel. */
  html.tenant-homestore[data-theme="light"]{
    --huddle-meeting-green:#d87839;
    --huddle-meeting-green-hover:#c5682f;
    --huddle-meeting-green-border:#e4a079;
    --huddle-action-green:#d87839;
    --huddle-action-green-hover:#c5682f;
    --huddle-action-green-rgb:216,120,57;
    --focus:#d87839;
    --advisor-panel-color:#fbf1e3 !important;
  }
  html.tenant-homestore[data-theme="dark"]{
    --huddle-dark-start-green:#d87839;
    --huddle-dark-start-green-hover:#e28a50;
    --huddle-dark-meeting-green:#c56b32;
    --huddle-dark-meeting-green-hover:#d87839;
    --huddle-dark-meeting-off-green:#875335;
    --huddle-dark-meeting-off-green-hover:#a66039;
    --focus:#d87839;
  }

  /* Home Depot keeps the filled advisor silhouette and its depth shadow, but not the traced edge. */
  html.tenant-homestore[data-theme="light"] .advisor-frame-line,
  html.tenant-homestore[data-theme="light"] .advisor-frame-tower-line{
    stroke:none;
  }

  /* One continuous warm silhouette: the VU tower and lower advisor body share #fbf1e3. The live
     segments keep their per-advisor hues. */
  html.tenant-homestore[data-theme="light"] .meter::before{ background:#fbf1e3; }

  /* Home Depot uses the complete current Main Huddle theme above. Only its brand accents
     remain tenant-specific; the underlying cards, backdrop, VU meters and controls stay shared. */
  html.tenant-homestore #topbar h1{
    color:#d87839; font-weight:850; letter-spacing:-.025em;
  }
  html.tenant-homestore #tenantGate .tenant-gate-company{ color:#b75f2c; font-weight:700; }
  html.tenant-homestore #start,
  html.tenant-homestore #chatGalleryBtn,
  html.tenant-homestore #podImageLightboxUseBtn,
  html.tenant-homestore #productBrowserBtn,
  html.tenant-homestore #shareBtn{
    background:#d87839 !important; border-color:#b75f2c !important; color:#fff !important;
  }
  html.tenant-homestore #start:hover,
  html.tenant-homestore #chatGalleryBtn:hover,
  html.tenant-homestore #chatGalleryBtn[aria-expanded="true"],
  html.tenant-homestore #podImageLightboxUseBtn:hover,
  html.tenant-homestore #productBrowserBtn:hover,
  html.tenant-homestore #productBrowserBtn[aria-expanded="true"],
  html.tenant-homestore #shareBtn:hover{
    background:#c5682f !important; border-color:#a95629 !important; color:#fff !important;
  }
  html.tenant-homestore #start:focus-visible,
  html.tenant-homestore #chatGalleryBtn:focus-visible,
  html.tenant-homestore #productBrowserBtn:focus-visible,
  html.tenant-homestore #shareBtn:focus-visible{
    outline:3px solid rgba(216,120,57,.34); outline-offset:3px;
  }

  /* Home Depot product workspace: JS moves chat, the live panel, and Browse/Mood board into this ONE
     grid. The shared outer frame and zero-gap tracks make it a connected surface that scales as a unit. */
  /* Home Store background: keep the workshop photograph sharp, but quiet its color so the live
     workspace remains dominant. The transparent fixed layer uniformly desaturates the body backdrop. */
  html.tenant-homestore body::before{
    content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
   }
@media screen {
    html.tenant-homestore #tenantWorkspaceShell{ --tenant-workspace-accent:#d87839; }
    html.tenant-homestore.tenant-fixed-workspace #tenantWorkspaceShell.workspace-portrait #topbar .logo[data-tenant-logo]{ height:24px; max-width:64px; }
    html.tenant-homestore.tenant-fixed-workspace #tenantWorkspaceShell.workspace-portrait #topbar h1{ font-size:18px; font-weight:700; }
}