/* MA Dimensions'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-madimensions; 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). */

  /* MA Dimensions: carry the current studio site into the guided-intake portal. The project photograph
     supplies the atmosphere; warm stone glass keeps the working surface quiet and legible. */
  html.tenant-madimensions{
    --ma-forest:#091d1e;
    --ma-forest-hover:#183b3c;
    --ma-frame-green:#244f43;
    --ma-frame-green-hover:#326756;
    --ma-stone:#d8c7a7;
    --ma-ivory:#fffef9;
  }
  html.tenant-madimensions[data-theme="light"]{
    --huddle-meeting-green:var(--ma-frame-green);
    --huddle-meeting-green-hover:var(--ma-frame-green-hover);
    --huddle-meeting-green-border:#3e7061;
    --huddle-action-green:var(--ma-forest);
    --huddle-action-green-hover:var(--ma-forest-hover);
    --huddle-action-green-rgb:9,29,30;
    --focus:var(--ma-stone);
    --surface:#fffef9 !important;
    --surface-2:#f2eee5 !important;
    --board:#fffef9 !important;
    --ink:#091d1e !important;
    --text:#091d1e !important;
    --text-2:#294344 !important;
    --muted:#6f675c;
    --muted-2:#514b43;
    --name-ink:#091d1e;
    --role-ink:#514b43;
  }
  html.tenant-madimensions[data-theme="dark"]{
    --huddle-dark-start-green:#d8c7a7;
    --huddle-dark-start-green-hover:#e7d8bd;
    --huddle-dark-meeting-green:#315a59;
    --huddle-dark-meeting-green-hover:#3f706e;
    --huddle-dark-meeting-off-green:#203f3f;
    --huddle-dark-meeting-off-green-hover:#315a59;
    --focus:#d8c7a7;
  }
  html.tenant-madimensions[data-theme="light"] body{
    background-color:#091d1e;
    background-image:var(--tenant-background-image);
    background-position:center;
  }
  html.tenant-madimensions[data-theme="dark"] body{
    background-color:#061415;
    background-image:linear-gradient(110deg,rgba(3,14,15,.70),rgba(3,14,15,.48) 48%,rgba(3,14,15,.74)),var(--tenant-background-image);
    background-position:center;
  }

  /* The studio's current wordmark is type, not the retired spiral asset. Keep the configured image available
     for old clients, but present the live site's MA roundel + Dimensions wordmark in this portal. */
  html.tenant-madimensions #topbar .logo,
  html.tenant-madimensions #tenantGate .tenant-gate-logo{ display:none; }
  html.tenant-madimensions .ma-wordmark{ display:inline-flex; align-items:center; justify-content:center; gap:10px; }
  html.tenant-madimensions .ma-brand-mark{
    display:inline-flex; align-items:center; justify-content:center; flex:none;
    width:34px; height:34px; border-radius:50%; background:var(--ma-stone); color:var(--ma-forest);
    font:700 10px/1 Arial,Helvetica,sans-serif; letter-spacing:-.05em;
    box-shadow:inset 0 0 0 1px rgba(9,29,30,.07);
  }
  html.tenant-madimensions .ma-brand-name{ font:700 18px/1 Arial,Helvetica,sans-serif; letter-spacing:-.03em; }
  html.tenant-madimensions #topbar h1{ padding:0; font-size:0; letter-spacing:0; color:var(--ma-forest); }
  html.tenant-madimensions .tenant-heading-accent{ color:inherit; }
  html.tenant-madimensions #tenantCredit{ color:rgba(9,29,30,.76); margin-top:7px; }
  html.tenant-madimensions #tenantCredit a:hover{ color:var(--ma-forest); }
  html.tenant-madimensions #topbar .metarow{ margin-top:12px; }
  html.tenant-madimensions[data-theme="light"] .advisor-frame-shadow,
  html.tenant-madimensions[data-theme="light"] .advisor-frame-tower-fill{ fill:#f4efe6; }
  html.tenant-madimensions[data-theme="light"] .advisor-frame-line,
  html.tenant-madimensions[data-theme="light"] .advisor-frame-tower-line{ stroke:none; }
  html.tenant-madimensions[data-theme="light"] .advisor-frame{
    filter:drop-shadow(0 14px 25px rgba(9,29,30,.28));
  }
  html.tenant-madimensions .name{
    color:var(--ma-forest); font-family:"Iowan Old Style",Baskerville,"Times New Roman",serif;
    font-size:15px; font-weight:700;
  }
  html.tenant-madimensions .rolelabel{
    color:#29433c; background:rgba(255,254,249,.92); border-color:rgba(216,199,167,.82);
    letter-spacing:.045em;
  }
  html.tenant-madimensions[data-theme="light"] #chat{
    background:linear-gradient(160deg,rgba(255,254,249,.93),rgba(242,238,229,.88)) !important;
    border:1px solid rgba(216,199,167,.78);
    border-radius:3px;
    box-shadow:0 24px 60px rgba(9,29,30,.28);
    backdrop-filter:blur(20px) saturate(.9); -webkit-backdrop-filter:blur(20px) saturate(.9);
  }

  /* Keep the page sharp when chat is maximized: the glass belongs to the floating panel itself, not to a
     full-screen veil. A lighter tint lets the architectural backdrop show through the localized blur. */
  html.tenant-madimensions[data-theme="light"] #chat.log-max{
    background:linear-gradient(160deg,rgba(255,254,249,.72),rgba(242,238,229,.64)) !important;
    backdrop-filter:blur(20px) saturate(.9); -webkit-backdrop-filter:blur(20px) saturate(.9);
  }

  /* A backdrop-filter creates a new backdrop root for its descendants. While this popup is open in the
     compact layout, let the gallery—not its parent chat card—own that filter so it can sample and truly
     blur the page behind it. In maximized chat, the parent panel already supplies the glass. */
  html.tenant-madimensions[data-theme="light"] #chat:not(.log-max).has-chat-visual{
    backdrop-filter:none; -webkit-backdrop-filter:none;
  }
  html.tenant-madimensions #chat:not(.log-max) #chatVisual{
    background:linear-gradient(160deg,rgba(255,254,249,.64),rgba(242,238,229,.58));
    backdrop-filter:blur(24px) saturate(.82); -webkit-backdrop-filter:blur(24px) saturate(.82);
  }
  html.tenant-madimensions #chat.log-max #chatVisual{
    background:linear-gradient(160deg,#fffef9,#f2eee5);
    backdrop-filter:none; -webkit-backdrop-filter:none;
  }
  html.tenant-madimensions #podImageLightbox{
    background:rgba(9,29,30,.60) !important;
    backdrop-filter:blur(18px) saturate(.78); -webkit-backdrop-filter:blur(18px) saturate(.78);
  }
  html.tenant-madimensions[data-theme="light"] #start,
  html.tenant-madimensions[data-theme="light"] #mute,
  html.tenant-madimensions[data-theme="light"] #mute.muted,
  html.tenant-madimensions[data-theme="light"] #modeBtn,
  html.tenant-madimensions[data-theme="light"] #modeBtn.texton{
    border-color:#3e7061 !important; border-radius:8px;
    background-image:linear-gradient(180deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.02) 46%,rgba(0,0,0,.12) 100%) !important;
    box-shadow:none;
  }
  html.tenant-madimensions[data-theme="light"] #start{
    background-color:var(--ma-frame-green) !important; border-color:#3e7061 !important; color:var(--ma-ivory) !important;
    border-radius:8px;
    box-shadow:none;
  }
  html.tenant-madimensions[data-theme="light"] #start:hover{
    background-color:var(--ma-frame-green-hover) !important; border-color:#568878 !important; color:var(--ma-ivory) !important;
  }
  html.tenant-madimensions[data-theme="light"] #floorLabel.show::after{ border-top-color:var(--ma-frame-green); }
  html.tenant-madimensions[data-theme="light"] body.ftue #tenantFtueNotice{
    background:rgba(255,254,249,.52); color:#665f56;
  }

  /* Keep the restrained Huddle Speak face gradients, but remove the outer/inset shine from MA controls
     without suppressing their focus-visible outlines. */
  html.tenant-madimensions[data-theme="light"] :is(
    #langBtn,#acctBtn,#endSession,#plusBtn,#shareBtn,#chatGalleryBtn,
    #boardBtn.board-inline,#ttsbar button.barbtn
  ){
    box-shadow:none !important;
  }

  /* Sign-in is the first design impression, so use the same editorial proportion and stone/forest palette as
     madimensions.com rather than the generic tenant card. */
  html.tenant-madimensions #tenantGate{
    overflow:hidden; isolation:isolate;
    background:transparent !important;
    backdrop-filter:none; -webkit-backdrop-filter:none;
  }
  html.tenant-madimensions #tenantGate::before{
    content:""; position:absolute; inset:-30px; z-index:0; pointer-events:none;
    background-color:#f2eee5;
    background-image:var(--tenant-background-image);
    background-position:center; background-size:cover; background-repeat:no-repeat;
    filter:blur(18px); transform:scale(1.035);
  }
  html.tenant-madimensions #tenantGate .tenant-gate-card{
    position:relative; z-index:1;
    width:min(470px,92vw); padding:42px 38px 36px; border-radius:3px;
    background:rgba(255,254,249,.94); border:1px solid rgba(216,199,167,.88); color:var(--ma-forest);
    box-shadow:0 28px 80px rgba(3,14,15,.34),inset 0 1px 0 rgba(255,255,255,.8);
  }
  html.tenant-madimensions #tenantGate .tenant-gate-company{
    display:flex; align-items:center; justify-content:center; gap:10px; min-height:36px;
    font-size:0; letter-spacing:0; text-transform:none; color:var(--ma-forest);
  }
  html.tenant-madimensions #tenantGate h2{
    max-width:360px; margin:24px auto 9px; color:var(--ma-forest);
    font:400 33px/1.08 "Iowan Old Style",Baskerville,"Times New Roman",serif;
    letter-spacing:-.025em;
  }
  html.tenant-madimensions #tenantGate .tenant-gate-copy{ margin-bottom:24px; color:#6f675c; font-size:15px; }
  html.tenant-madimensions #tenantGate .tenant-gate-legal{ max-width:330px; margin:17px auto 0; color:#777064; }
@media(max-width:600px) {
    html.tenant-madimensions[data-theme="light"] body{
      background-position:46% center;
      background-image:var(--tenant-background-image);
    }
    html.tenant-madimensions #tenantGate .tenant-gate-card{ padding:34px 24px 30px; }
    html.tenant-madimensions #tenantGate::before{ background-position:46% center; }
    html.tenant-madimensions #tenantGate h2{ font-size:29px; }
    html.tenant-madimensions #topbar .metarow{ margin-top:9px; }
}