/*
Theme Name: Vamio
Theme URI: https://getvamio.com
Author: Vamio
Description: Premium WordPress theme for Vamio - The Social Discovery Network.
Version: 4.13.28
Text Domain: vamio
*/

:root{--bg:#fffdf8;--paper:#fff;--ink:#070707;--body:#31312f;--muted:#74706a;--soft:#f7f3ea;--line:#e8dfcf;--gold:#c29100;--gold2:#ffd641;--gold-soft:#fff2bf;--radius:28px;--shadow:0 26px 90px rgba(0,0,0,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,Inter,Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit}img{max-width:100%;height:auto}.container{width:min(1180px,calc(100% - 40px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,253,248,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(0,0,0,.06)}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:850;letter-spacing:-.04em;font-size:25px}.brand-mark{width:36px;height:36px;border-radius:11px;background:#ffbf23;display:grid;place-items:center;overflow:hidden}.brand-mark img{width:100%;height:100%;object-fit:cover}.menu{display:flex;align-items:center;gap:19px;list-style:none;margin:0;padding:0}.menu a{text-decoration:none;color:#222;font-size:15px}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:999px;text-decoration:none;background:#050505;color:#fff!important;font-weight:800;font-size:14px;border:1px solid #050505}.button.secondary{background:#fff;color:#050505!important}.button.gold{background:var(--gold2);border-color:var(--gold2);color:#050505!important}.mobile-menu-note{display:none}
.hero{padding:94px 0 72px;background:linear-gradient(180deg,#fffdf8 0%,#fff 100%)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(350px,.98fr);gap:58px;align-items:center}.kicker{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:850;letter-spacing:.09em;text-transform:uppercase;color:#282828;background:var(--gold-soft);border:1px solid #ecdca2;padding:8px 13px;border-radius:999px;margin-bottom:22px}h1,h2,h3{letter-spacing:-.065em;line-height:1.02;margin:0 0 18px}h1{font-size:clamp(46px,7vw,88px)}h2{font-size:clamp(34px,4.6vw,62px)}h3{font-size:clamp(23px,2.5vw,32px)}p{margin-top:0}.lede{font-size:clamp(19px,2vw,24px);color:#333;max-width:760px;line-height:1.42;margin:0 0 28px}.text-large{font-size:20px;color:#333;line-height:1.55}.muted{color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.pill{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 13px;font-size:14px;color:#333}
.section{padding:84px 0;border-top:1px solid rgba(0,0,0,.06)}.section.soft{background:var(--soft)}.section.black{background:#050505;color:#fff}.section.black .muted,.section.black .text-large{color:#c8c8c8}.section-header{max-width:880px;margin-bottom:38px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.feature-card,.card{border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:#fff;box-shadow:0 12px 35px rgba(0,0,0,.035)}.feature-card h3{font-size:28px}.icon{width:44px;height:44px;border-radius:15px;background:var(--gold-soft);display:grid;place-items:center;color:#7a5700;font-weight:900;margin-bottom:18px}.steps{counter-reset:step}.step{position:relative;padding-left:64px;margin-bottom:30px}.step:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:44px;height:44px;border-radius:50%;background:#050505;color:#fff;display:grid;place-items:center;font-weight:850}.quote{font-size:clamp(30px,4vw,56px);line-height:1.12;letter-spacing:-.055em;max-width:1000px}.page-hero{padding:78px 0 48px;background:#fffdf8}.content{max-width:900px;font-size:19px;color:#222}.content p{margin:0 0 22px}.content ul{padding-left:22px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.post-card{text-decoration:none;color:inherit}.post-card h3{font-size:24px}.screenshot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.screen-card{background:#fff;border:1px solid var(--line);border-radius:34px;padding:12px;box-shadow:var(--shadow)}.screen-card img{display:block;width:100%;border-radius:28px}.screen-card.featured{grid-column:span 1}.faq details{border:1px solid var(--line);border-radius:22px;background:#fff;padding:20px 24px;margin-bottom:12px}.faq summary{font-weight:850;font-size:20px;cursor:pointer;letter-spacing:-.03em}.faq p{margin:14px 0 0;color:#555}
.footer{padding:60px 0 34px;border-top:1px solid rgba(0,0,0,.08);background:#fff}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:28px}.footer h4{margin:0 0 12px}.footer a{display:block;text-decoration:none;color:#444;margin:8px 0}.footer-bottom{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:42px;color:#777;font-size:14px}
@media(max-width:1120px){.menu{gap:12px}.menu a{font-size:14px}.nav-cta{padding:0 14px}}@media(max-width:920px){.hero-grid,.grid-2,.grid-3,.grid-4,.article-grid,.screenshot-grid,.footer-grid{grid-template-columns:1fr}.hero{padding:56px 0}.menu{display:none}.mobile-menu-note{display:block;font-size:13px;color:#666}.section{padding:58px 0}h1{font-size:48px}.screen-card{max-width:430px;margin:0 auto}}


/* Vamio v3.2 - real product screenshots */
.real-shot-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:28px;
  align-items:start;
}
.real-shot-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:36px;
  padding:14px;
  box-shadow:var(--shadow);
}
.real-shot-card img{
  width:100%;
  display:block;
  border-radius:28px;
  height:auto;
}
.real-shot-card.tall img{
  object-fit:cover;
}
.real-shot-caption{
  padding:18px 6px 6px;
}
.real-shot-caption h3{
  font-size:26px;
  margin-bottom:8px;
}
.real-shot-caption p{
  color:var(--muted);
  margin:0;
}
.host-shot-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:28px;
  align-items:start;
}
.host-shot-grid .real-shot-card:nth-child(4),
.host-shot-grid .real-shot-card:nth-child(5){
  grid-column:span 1;
}
@media(max-width:920px){
  .real-shot-grid,.host-shot-grid{grid-template-columns:1fr}
  .real-shot-card{max-width:430px;margin:0 auto}
}


/* Vamio v3.4 - hero balance + real screenshot sizing */
.hero-grid{
  grid-template-columns:minmax(0, 1.15fr) minmax(300px, .85fr);
  gap:48px;
}
.hero .hero-shot{
  max-width:430px;
  margin-left:auto;
}
.hero .hero-shot img{
  width:100%;
  max-height:680px;
  object-fit:cover;
  object-position:top center;
}
@media(max-width:920px){
  .hero-grid{grid-template-columns:1fr}
  .hero .hero-shot{
    max-width:390px;
    margin:24px auto 0;
  }
  .hero .hero-shot img{
    max-height:none;
    object-fit:contain;
  }
}


/* Vamio v3.6 - mobile header fix */


@media(max-width:920px){
  .site-header .container.nav{
    width:calc(100% - 28px);
  }

  .nav{
    min-height:74px;
    gap:10px;
  }

  .brand{
    gap:9px;
    font-size:26px;
    flex-shrink:0;
  }

  .brand-mark{
    width:42px;
    height:42px;
    border-radius:12px;
  }

  .nav-cta{
    min-height:48px;
    padding:0 18px;
    font-size:16px;
    margin-left:auto;
    white-space:nowrap;
  }

  .menu{
    display:none !important;
  }
}

@media(max-width:420px){
  .brand span:last-child{
    font-size:25px;
  }

  .nav-cta{
    min-height:46px;
    padding:0 15px;
    font-size:15px;
  }
}





/* Vamio v3.9 - About and Contact polish */
.secondary-dark{
  background:transparent !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.34) !important;
}

.content ul{
  color:var(--muted);
  font-size:20px;
  line-height:1.55;
  padding-left:1.25em;
}

.content li{
  margin:8px 0;
}

.feature-card a,
.card a,
.content a{
  color:inherit;
  font-weight:800;
  text-decoration:underline;
  text-underline-offset:4px;
}


/* Vamio v4.0 - Travel Mode image and legal readability */
.travel-mode-grid{
  align-items:center;
  grid-template-columns:minmax(0, 1fr) minmax(280px, .72fr);
}

.travel-phone{
  max-width:390px;
  margin-left:auto;
}

.travel-phone img{
  width:100%;
  max-height:720px;
  object-fit:cover;
  object-position:top center;
}

@media(max-width:920px){
  .travel-mode-grid{
    grid-template-columns:1fr;
  }
  .travel-phone{
    max-width:360px;
    margin:24px auto 0;
  }
  .travel-phone img{
    max-height:none;
    object-fit:contain;
  }
}

/* Readable WordPress editor content for Privacy, Terms and long-form pages */
body.page .entry-content,
body.single .entry-content{
  max-width:920px !important;
  margin:0 auto !important;
  padding:52px 24px !important;
}

body.page .entry-content h1,
body.single .entry-content h1{
  font-size:clamp(38px, 4.8vw, 68px) !important;
  line-height:1 !important;
  letter-spacing:-0.05em !important;
  margin:0 0 30px !important;
}

body.page .entry-content h2,
body.single .entry-content h2{
  font-size:clamp(25px, 2.5vw, 34px) !important;
  line-height:1.15 !important;
  letter-spacing:-0.035em !important;
  margin:36px 0 12px !important;
}

body.page .entry-content h3,
body.single .entry-content h3{
  font-size:clamp(21px, 2vw, 27px) !important;
  line-height:1.2 !important;
  letter-spacing:-0.025em !important;
  margin:28px 0 10px !important;
}

body.page .entry-content p,
body.page .entry-content li,
body.single .entry-content p,
body.single .entry-content li{
  font-size:17px !important;
  line-height:1.65 !important;
  font-weight:400 !important;
  letter-spacing:normal !important;
}

body.page .entry-content > p:first-of-type{
  font-size:20px !important;
  line-height:1.45 !important;
  font-weight:500 !important;
  max-width:860px !important;
}

body.page .entry-content ul,
body.page .entry-content ol,
body.single .entry-content ul,
body.single .entry-content ol{
  padding-left:1.35em !important;
  margin:14px 0 24px !important;
}

@media(max-width:700px){
  body.page .entry-content,
  body.single .entry-content{
    padding:36px 20px !important;
  }

  body.page .entry-content h1,
  body.single .entry-content h1{
    font-size:42px !important;
  }

  body.page .entry-content h2,
  body.single .entry-content h2{
    font-size:27px !important;
  }

  body.page .entry-content p,
  body.page .entry-content li,
  body.single .entry-content p,
  body.single .entry-content li{
    font-size:16.5px !important;
  }

  body.page .entry-content > p:first-of-type{
    font-size:18px !important;
  }
}


/* Vamio v4.1 - premium mobile/tablet hamburger menu */
.vamio-menu-toggle,
.vamio-menu-close,
.vamio-mobile-panel{
  display:none;
}

@media(max-width:1100px){
  .site-header .container.nav{
    width:calc(100% - 28px);
  }

  .nav{
    min-height:74px;
    gap:12px;
  }

  .menu{
    display:none !important;
  }

  .vamio-menu-toggle{
    display:inline-flex;
    width:52px;
    height:52px;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:5px;
    border:1px solid var(--line);
    background:#fff;
    border-radius:18px;
    box-shadow:0 10px 30px rgba(10,10,10,.06);
    cursor:pointer;
    flex-shrink:0;
    margin-left:auto;
  }

  .vamio-menu-toggle span{
    display:block;
    width:22px;
    height:3px;
    border-radius:99px;
    background:#111;
  }

  .nav-cta{
    margin-left:0;
    min-height:52px;
    white-space:nowrap;
  }

  .vamio-mobile-panel{
    position:fixed;
    inset:0;
    z-index:9999;
    display:block;
    opacity:0;
    pointer-events:none;
    background:rgba(10,10,10,.28);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    transition:opacity .22s ease;
  }

  .vamio-mobile-panel.is-open{
    opacity:1;
    pointer-events:auto;
  }

  .vamio-mobile-panel-inner{
    width:min(430px, calc(100% - 28px));
    margin:18px auto 0;
    background:rgba(250,249,246,.96);
    border:1px solid rgba(227,218,205,.9);
    border-radius:34px;
    box-shadow:0 30px 90px rgba(0,0,0,.22);
    padding:18px;
    transform:translateY(-12px) scale(.98);
    transition:transform .22s ease;
  }

  .vamio-mobile-panel.is-open .vamio-mobile-panel-inner{
    transform:translateY(0) scale(1);
  }

  .vamio-mobile-panel-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:4px 6px 16px;
    font-size:22px;
    font-weight:900;
    letter-spacing:-.03em;
  }

  .vamio-menu-close{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:0 20px;
    border-radius:999px;
    border:1px solid rgba(227,218,205,.9);
    background:#fff;
    color:#b8860b;
    font-size:18px;
    font-weight:900;
    box-shadow:0 10px 30px rgba(10,10,10,.06);
    cursor:pointer;
  }

  .vamio-mobile-links{
    display:grid;
    gap:0;
    background:#fff;
    border:1px solid rgba(227,218,205,.9);
    border-radius:28px;
    overflow:hidden;
  }

  .vamio-mobile-links a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:58px;
    padding:0 22px;
    color:#111;
    text-decoration:none;
    font-size:20px;
    font-weight:850;
    letter-spacing:-.025em;
    border-bottom:1px solid rgba(227,218,205,.75);
  }

  .vamio-mobile-links a:last-child{
    border-bottom:0;
  }

  .vamio-mobile-links a::after{
    content:"›";
    color:#b9b3aa;
    font-size:34px;
    line-height:1;
    font-weight:500;
  }

  .vamio-mobile-cta{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:58px;
    margin-top:14px;
    border-radius:999px;
    background:#050505;
    color:#fff;
    text-decoration:none;
    font-size:20px;
    font-weight:900;
    letter-spacing:-.025em;
  }

  body.vamio-menu-open{
    overflow:hidden;
  }
}

@media(max-width:520px){
  .brand{
    gap:9px;
  }

  .brand span:last-child{
    font-size:28px;
  }

  .brand-mark{
    width:44px;
    height:44px;
    border-radius:13px;
  }

  .vamio-menu-toggle{
    width:48px;
    height:48px;
    border-radius:16px;
  }

  .nav-cta{
    min-height:48px;
    padding:0 17px;
    font-size:16px;
  }
}

@media(max-width:390px){
  .brand span:last-child{
    display:none;
  }

  .nav-cta{
    padding:0 15px;
    font-size:15px;
  }
}


/* Vamio v4.2 - verified mobile header + consistent app screenshot sizing */

/* Never show the old text label */
.mobile-menu-note{
  display:none !important;
}

/* Desktop: normal nav */
.vamio-menu-toggle,
.vamio-menu-close,
.vamio-mobile-panel{
  display:none;
}

/* Tablet and mobile header */
@media(max-width:1100px){
  .site-header .container.nav{
    width:calc(100% - 28px);
    min-height:74px;
    display:flex;
    align-items:center;
    gap:12px;
  }

  .menu{
    display:none !important;
  }

  .brand{
    display:flex;
    align-items:center;
    gap:10px;
    flex:1 1 auto;
    min-width:0;
  }

  .brand span:last-child{
    font-size:28px;
    white-space:nowrap;
  }

  .brand-mark{
    width:46px;
    height:46px;
    border-radius:14px;
    flex:0 0 auto;
  }

  .nav > .nav-cta{
    display:none !important;
  }

  .vamio-menu-toggle{
    display:inline-flex !important;
    width:52px;
    height:52px;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:5px;
    border:1px solid rgba(227,218,205,.95);
    background:#fff;
    border-radius:18px;
    box-shadow:0 10px 30px rgba(10,10,10,.06);
    cursor:pointer;
    flex:0 0 auto;
    margin-left:auto;
  }

  .vamio-menu-toggle span{
    display:block;
    width:23px;
    height:3px;
    border-radius:99px;
    background:#111;
  }

  .vamio-mobile-panel{
    position:fixed;
    inset:0;
    z-index:99999;
    display:block !important;
    opacity:0;
    pointer-events:none;
    background:rgba(10,10,10,.28);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    transition:opacity .22s ease;
  }

  .vamio-mobile-panel.is-open{
    opacity:1;
    pointer-events:auto;
  }

  .vamio-mobile-panel-inner{
    width:min(430px, calc(100% - 28px));
    margin:18px auto 0;
    background:rgba(250,249,246,.98);
    border:1px solid rgba(227,218,205,.95);
    border-radius:34px;
    box-shadow:0 30px 90px rgba(0,0,0,.22);
    padding:18px;
    transform:translateY(-12px) scale(.98);
    transition:transform .22s ease;
  }

  .vamio-mobile-panel.is-open .vamio-mobile-panel-inner{
    transform:translateY(0) scale(1);
  }

  .vamio-mobile-panel-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:4px 6px 14px;
    font-size:22px;
    font-weight:900;
    letter-spacing:-.03em;
  }

  .vamio-menu-close{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:0 20px;
    border-radius:999px;
    border:1px solid rgba(227,218,205,.95);
    background:#fff;
    color:#b8860b;
    font-size:18px;
    font-weight:900;
    box-shadow:0 10px 30px rgba(10,10,10,.06);
    cursor:pointer;
  }

  .vamio-mobile-cta{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:58px;
    margin:0 0 14px;
    border-radius:999px;
    background:#050505;
    color:#fff !important;
    text-decoration:none;
    font-size:20px;
    font-weight:900;
    letter-spacing:-.025em;
  }

  .vamio-mobile-links{
    display:grid;
    gap:0;
    background:#fff;
    border:1px solid rgba(227,218,205,.95);
    border-radius:28px;
    overflow:hidden;
  }

  .vamio-mobile-links a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:58px;
    padding:0 22px;
    color:#111;
    text-decoration:none;
    font-size:20px;
    font-weight:850;
    letter-spacing:-.025em;
    border-bottom:1px solid rgba(227,218,205,.75);
  }

  .vamio-mobile-links a:last-child{
    border-bottom:0;
  }

  .vamio-mobile-links a::after{
    content:"›";
    color:#b9b3aa;
    font-size:34px;
    line-height:1;
    font-weight:500;
  }

  body.vamio-menu-open{
    overflow:hidden;
  }
}

@media(max-width:390px){
  .brand span:last-child{
    display:none;
  }
}

/* Standardised app screenshot sizing across About, Contact, How It Works, Hosts and Travel */
.grid-2 > .real-shot-card,
.grid-2 > .phone,
.grid-2 > .mock-phone,
.grid-2 > .app-shot,
.grid-2 > .screenshot-card{
  max-width:390px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.grid-2 > .real-shot-card img,
.grid-2 > .phone img,
.grid-2 > .mock-phone img,
.grid-2 > .app-shot img,
.grid-2 > .screenshot-card img{
  width:100% !important;
  max-height:720px !important;
  object-fit:cover !important;
  object-position:top center !important;
}

.travel-phone{
  max-width:390px !important;
}

@media(min-width:921px){
  .grid-2{
    align-items:center;
  }

  .grid-2 > .real-shot-card:first-child{
    margin-left:0 !important;
  }

  .grid-2 > .real-shot-card:last-child{
    margin-right:0 !important;
  }
}

@media(max-width:920px){
  .grid-2 > .real-shot-card,
  .grid-2 > .phone,
  .grid-2 > .mock-phone,
  .grid-2 > .app-shot,
  .grid-2 > .screenshot-card,
  .travel-phone{
    max-width:360px !important;
    margin:24px auto 0 !important;
  }

  .grid-2 > .real-shot-card img,
  .grid-2 > .phone img,
  .grid-2 > .mock-phone img,
  .grid-2 > .app-shot img,
  .grid-2 > .screenshot-card img{
    max-height:none !important;
    object-fit:contain !important;
  }
}

/* Keep legal/editor pages readable */
body.page .entry-content,
body.single .entry-content{
  max-width:920px !important;
  margin:0 auto !important;
  padding:52px 24px !important;
}

body.page .entry-content h1,
body.single .entry-content h1{
  font-size:clamp(38px, 4.8vw, 68px) !important;
  line-height:1 !important;
  letter-spacing:-0.05em !important;
  margin:0 0 30px !important;
}

body.page .entry-content h2,
body.single .entry-content h2{
  font-size:clamp(25px, 2.5vw, 34px) !important;
  line-height:1.15 !important;
  letter-spacing:-0.035em !important;
  margin:36px 0 12px !important;
}

body.page .entry-content p,
body.page .entry-content li,
body.single .entry-content p,
body.single .entry-content li{
  font-size:17px !important;
  line-height:1.65 !important;
  font-weight:400 !important;
  letter-spacing:normal !important;
}


/* Vamio v4.3 - final mobile menu position + legal headings */
@media(max-width:1100px){
  .site-header .container.nav{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
  }

  .brand{
    order:1 !important;
    flex:1 1 auto !important;
    margin-right:auto !important;
  }

  .vamio-menu-toggle{
    order:2 !important;
    margin-left:auto !important;
    margin-right:0 !important;
  }

  .nav > .nav-cta,
  .menu,
  .mobile-menu-note{
    display:none !important;
  }
}

/* Smaller numbered section headings on Privacy and Terms editor pages */
body.page .entry-content h2,
body.single .entry-content h2{
  font-size:clamp(23px, 2.15vw, 30px) !important;
  line-height:1.18 !important;
  letter-spacing:-0.025em !important;
  margin:34px 0 12px !important;
}

body.page .entry-content h3,
body.single .entry-content h3{
  font-size:clamp(20px, 1.8vw, 25px) !important;
  line-height:1.2 !important;
  letter-spacing:-0.02em !important;
}

@media(max-width:700px){
  body.page .entry-content h2,
  body.single .entry-content h2{
    font-size:24px !important;
  }

  body.page .entry-content h3,
  body.single .entry-content h3{
    font-size:21px !important;
  }
}


/* Vamio v4.5 - SEO internal linking for blog articles */
.article-seo-nav,
.article-related {
  max-width: 920px;
  margin: 44px auto 0;
  padding: 0 24px;
}

.article-seo-nav {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.article-seo-nav a,
.article-related-card {
  display: block;
  text-decoration: none;
  color: #111;
  background: #fff;
  border: 1px solid rgba(227,218,205,.95);
  border-radius: 24px;
  padding: 22px;
  box-shadow: 0 20px 60px rgba(10,10,10,.05);
}

.article-seo-nav span {
  display: block;
  color: #8b857c;
  font-size: 14px;
  font-weight: 800;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.article-seo-nav strong,
.article-related-card strong {
  display: block;
  font-size: 22px;
  line-height: 1.08;
  letter-spacing: -.04em;
}

.article-related h2 {
  font-size: clamp(32px, 4vw, 52px);
  line-height: .98;
  letter-spacing: -.055em;
  margin: 0 0 20px;
}

.article-related-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.article-related-card p {
  color: #6f6a62;
  font-size: 16px;
  line-height: 1.5;
  margin: 12px 0 0;
}

.article-topic-links {
  max-width: 920px;
  margin: 36px auto 0;
  padding: 0 24px;
}

.article-topic-links-inner {
  background: rgba(255,247,210,.45);
  border: 1px solid rgba(227,218,205,.95);
  border-radius: 24px;
  padding: 22px;
}

.article-topic-links h2 {
  font-size: 26px !important;
  margin: 0 0 14px !important;
  letter-spacing: -.035em !important;
}

.article-topic-links ul {
  margin: 0;
  padding-left: 20px;
}

.article-topic-links li {
  margin: 8px 0;
}

.article-topic-links a {
  font-weight: 800;
  color: #111;
}

@media(max-width:800px) {
  .article-seo-nav,
  .article-related-grid {
    grid-template-columns: 1fr;
  }

  .article-seo-nav,
  .article-related,
  .article-topic-links {
    margin-top: 32px;
  }
}


/* Vamio v4.6 - clean related article cards */
.article-related-card,
.article-related-card:hover,
.article-related-card:focus,
.article-related-card strong,
.article-related-card p,
.article-seo-nav a,
.article-seo-nav a:hover,
.article-seo-nav a:focus,
.article-seo-nav strong,
.article-topic-links a {
  text-decoration: none !important;
}

.article-related-card:hover,
.article-seo-nav a:hover {
  transform: translateY(-2px);
}

.article-related-card strong {
  font-size: 21px;
  line-height: 1.08;
}

.article-related-card p {
  color: #6f6a62;
  font-size: 16px;
  line-height: 1.45;
  font-weight: 500;
}


/* Vamio v4.7 - clean single article SEO links */
.article-topic-links,
.article-seo-nav {
  display: none !important;
}

.article-related,
.article-related * {
  text-decoration: none !important;
}

.article-related-card,
.article-related-card:visited,
.article-related-card:hover,
.article-related-card:focus {
  text-decoration: none !important;
  color: #111 !important;
}

.article-related-card strong,
.article-related-card p {
  text-decoration: none !important;
}

.article-related-card p {
  color: #6f6a62 !important;
  font-weight: 500 !important;
}

/* Vamio Host Application v4.8 */
.host-application-hero{background:linear-gradient(180deg,#fffdf8 0%,#fff 100%)}
.host-application-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:28px;align-items:center}
.host-application-summary ol{margin:0;padding-left:22px;color:#444;line-height:1.7}.host-application-summary li{margin:0 0 8px}
.host-application-shell{max-width:1060px;margin:0 auto}.host-application-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 18px}.host-application-progress span{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 12px;text-align:center;font-size:13px;font-weight:850;color:#222}
.host-application-form{display:grid;gap:18px}.form-card{border:1px solid var(--line);border-radius:30px;background:#fff;box-shadow:0 12px 35px rgba(0,0,0,.035);padding:28px}.form-card h2{font-size:clamp(27px,3vw,42px);margin-bottom:8px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.form-grid .full{grid-column:1 / -1}.host-application-form label{display:grid;gap:8px;font-size:14px;font-weight:850;color:#222;letter-spacing:-.01em}.host-application-form input,.host-application-form select,.host-application-form textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);background:#fffdf8;border-radius:18px;padding:14px 15px;font:inherit;font-weight:600;color:#111;outline:none}.host-application-form textarea{line-height:1.55;resize:vertical}.host-application-form input:focus,.host-application-form select:focus,.host-application-form textarea:focus{border-color:#c9a227;box-shadow:0 0 0 4px rgba(201,162,39,.14)}.host-terms{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:10px;margin:20px 0}.host-terms input{width:auto;margin-top:3px}.host-image-preview{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.host-preview-item{width:112px;border:1px solid var(--line);border-radius:18px;background:#fffdf8;padding:8px}.host-preview-item img{width:100%;height:80px;object-fit:cover;border-radius:13px;display:block}.host-preview-item span{display:block;font-size:11px;color:#555;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.host-application-status{min-height:22px;margin:14px 0;font-weight:800;color:#555}.host-application-status.success{color:#14783f}.host-application-status.error{color:#b3261e}.host-application-form button[disabled]{opacity:.55;cursor:not-allowed}
@media(max-width:920px){.host-application-hero-grid,.form-grid{grid-template-columns:1fr}.host-application-progress{grid-template-columns:1fr 1fr}.form-grid .full{grid-column:auto}.form-card{padding:22px}}

/* Vamio v4.8.2 Host application venue search */
.venue-search-block{display:grid;gap:14px;margin-top:18px;margin-bottom:18px}.selected-venue-card{border:1px dashed var(--line);border-radius:22px;background:#fffdf8;padding:16px 18px;display:grid;gap:4px;color:#555}.selected-venue-card strong{color:#111;font-size:16px}.selected-venue-card span{font-size:14px;line-height:1.45}.selected-venue-card small{font-size:12px;color:#14783f;font-weight:800}.selected-venue-card.is-selected{border-style:solid;border-color:rgba(201,162,39,.5);box-shadow:0 10px 28px rgba(201,162,39,.10)}.venue-map{display:none;width:100%;height:260px;border-radius:24px;overflow:hidden;border:1px solid var(--line);background:#f4f1ea}.venue-map.is-visible{display:block}.text-button{appearance:none;border:0;background:transparent;color:#111;text-decoration:underline;text-underline-offset:4px;font:inherit;font-size:14px;font-weight:850;cursor:pointer;justify-self:start;padding:4px 0}.text-button:hover{color:#8f6f13}.venue-confirm-grid input[readonly]{background:#f7f3e9;color:#444}.pac-container{border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.16);border:1px solid rgba(0,0,0,.08);font-family:inherit;z-index:999999}.pac-item{padding:10px 14px;font-size:13px}.pac-item-query{font-size:14px;color:#111}

/* Host application v4.8.5 refinements */
.hours-picker{display:grid;gap:0;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fffdf8;margin-top:14px}
.hours-row{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(130px,1fr) minmax(130px,1fr) auto;gap:14px;align-items:center;padding:14px 16px;border-bottom:1px solid rgba(0,0,0,.08)}
.hours-row:last-child{border-bottom:0}.hours-day{font-weight:900;color:#111}.hours-select-label{display:grid!important;gap:6px!important;font-size:12px!important;color:#666!important;text-transform:uppercase;letter-spacing:.04em}.hours-select-label select{padding:11px 12px!important;border-radius:14px!important}.hours-closed{display:flex!important;align-items:center;gap:8px!important;font-size:14px!important;font-weight:850!important;white-space:nowrap}.hours-closed input{width:auto!important}.hours-row.is-closed .hours-select-label{opacity:.38}.hours-row.is-closed select{pointer-events:none;background:#f3eee3!important}
@media(max-width:760px){.hours-row{grid-template-columns:1fr 1fr;gap:10px}.hours-day{grid-column:1 / -1}.hours-closed{grid-column:1 / -1}}

/* Vamio v4.8.9 - header Host application CTA */
.nav-actions{display:flex;align-items:center;gap:10px;margin-left:auto;flex-shrink:0}
.nav-actions .nav-cta{white-space:nowrap}
.nav-cta-host{background:#fff!important;color:var(--gold)!important;border-color:var(--gold)!important}
.nav-cta-host:hover{background:var(--gold-soft)!important}
@media(max-width:1100px){.nav-actions{display:none!important}}
.vamio-mobile-cta-secondary{background:#fff!important;color:var(--gold)!important;border:1px solid var(--gold)!important}

/* Vamio v4.8.11 - white header + restored right-aligned desktop navigation */
.site-header{
  background:#fff !important;
  border-bottom:1px solid rgba(0,0,0,.06);
}
.site-header .container.nav{
  width:min(1180px, calc(100% - 40px));
  margin-left:auto;
  margin-right:auto;
  justify-content:space-between;
  gap:22px;
}
.site-header .brand{
  flex:0 0 auto;
}
.site-header nav{
  flex:1 1 auto;
  min-width:0;
  margin-left:auto;
}
.site-header .menu{
  justify-content:flex-end;
  flex-wrap:nowrap;
  gap:24px;
}
.site-header .menu a{
  white-space:nowrap;
}
.nav-actions{
  margin-left:22px;
  flex:0 0 auto;
}
@media(max-width:1180px){
  .site-header .container.nav{width:calc(100% - 40px);gap:18px;}
  .site-header .menu{gap:16px;}
  .menu a{font-size:14px;}
  .nav-actions{margin-left:14px;}
  .nav-actions .nav-cta{min-height:44px;padding:0 16px;font-size:13px;}
}
@media(max-width:1100px){
  .site-header .container.nav{width:calc(100% - 28px);}
  .site-header nav{margin-left:0;}
}

/* Vamio v4.8.12 - mobile/tablet brand left alignment fix */
@media(max-width:1100px){
  .site-header .container.nav{
    width:min(1180px, calc(100% - 40px)) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .site-header .brand{
    order:1 !important;
    flex:0 1 auto !important;
    margin-left:0 !important;
    margin-right:auto !important;
    justify-content:flex-start !important;
    text-align:left !important;
  }

  .site-header nav,
  .site-header .nav-actions{
    display:none !important;
  }

  .site-header .vamio-menu-toggle{
    order:2 !important;
    flex:0 0 auto !important;
    margin-left:auto !important;
    margin-right:0 !important;
  }
}

@media(max-width:520px){
  .site-header .container.nav{
    width:calc(100% - 40px) !important;
  }
}

@media(max-width:390px){
  .site-header .brand span:last-child{
    display:inline !important;
    font-size:26px !important;
  }
  .site-header .brand-mark{
    width:42px !important;
    height:42px !important;
  }
}

/* Vamio v4.8.13 - restore compact mobile/tablet menu */
@media(max-width:1100px){
  .vamio-mobile-panel{
    position:fixed !important;
    inset:0 !important;
    z-index:99999 !important;
    display:block !important;
    opacity:0;
    pointer-events:none;
    background:rgba(0,0,0,.18) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    transition:opacity .18s ease !important;
    padding:0 !important;
  }

  .vamio-mobile-panel.is-open{
    opacity:1 !important;
    pointer-events:auto !important;
  }

  .vamio-mobile-panel-inner{
    width:min(440px, calc(100% - 32px)) !important;
    max-height:calc(100dvh - 108px) !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
    margin:92px auto 0 !important;
    padding:16px !important;
    border-radius:28px !important;
    background:#fff !important;
    border:1px solid rgba(227,218,205,.95) !important;
    box-shadow:0 22px 70px rgba(0,0,0,.20) !important;
    transform:translateY(-8px) !important;
    transition:transform .18s ease !important;
  }

  .vamio-mobile-panel.is-open .vamio-mobile-panel-inner{
    transform:translateY(0) !important;
  }

  .vamio-mobile-panel-head{
    padding:2px 4px 12px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    font-size:24px !important;
    font-weight:900 !important;
    letter-spacing:-.04em !important;
  }

  .vamio-menu-close{
    min-height:44px !important;
    padding:0 18px !important;
    border-radius:999px !important;
    background:#fff !important;
    color:var(--gold) !important;
    border:1px solid rgba(227,218,205,.95) !important;
    box-shadow:none !important;
    font-size:16px !important;
    font-weight:900 !important;
  }

  .vamio-mobile-cta{
    min-height:50px !important;
    margin:0 0 10px !important;
    border-radius:999px !important;
    font-size:17px !important;
    font-weight:900 !important;
    letter-spacing:-.025em !important;
  }

  .vamio-mobile-cta-secondary{
    background:#fff !important;
    color:var(--gold) !important;
    border:1px solid var(--gold) !important;
  }

  .vamio-mobile-links{
    display:grid !important;
    margin-top:10px !important;
    border-radius:22px !important;
    background:#fff !important;
    border:1px solid rgba(227,218,205,.95) !important;
    overflow:hidden !important;
  }

  .vamio-mobile-links a{
    min-height:46px !important;
    padding:0 18px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    font-size:16px !important;
    line-height:1 !important;
    font-weight:850 !important;
    letter-spacing:-.02em !important;
    color:#111 !important;
    text-decoration:none !important;
    border-bottom:1px solid rgba(227,218,205,.75) !important;
  }

  .vamio-mobile-links a:last-child{border-bottom:0 !important;}
  .vamio-mobile-links a::after{font-size:24px !important;color:#b9b3aa !important;}
}

@media(max-width:520px){
  .vamio-mobile-panel-inner{
    width:calc(100% - 32px) !important;
    margin-top:86px !important;
    padding:14px !important;
    border-radius:26px !important;
  }
  .vamio-mobile-panel-head{font-size:22px !important;}
  .vamio-mobile-cta{min-height:48px !important;font-size:16px !important;}
  .vamio-mobile-links a{min-height:44px !important;font-size:15px !important;}
}

/* Vamio v4.8.14 - restore full mobile/tablet menu page links */
@media(max-width:1100px){
  .vamio-mobile-panel-inner{
    max-height:calc(100dvh - 96px) !important;
    overflow-y:auto !important;
  }
  .vamio-mobile-links,
  .vamio-mobile-nav-list{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    margin-top:12px !important;
    border-radius:22px !important;
    background:#fff !important;
    border:1px solid rgba(227,218,205,.95) !important;
    overflow:hidden !important;
  }
  .vamio-mobile-links a,
  .vamio-mobile-nav-list a{
    display:flex !important;
    min-height:48px !important;
    padding:0 18px !important;
    align-items:center !important;
    justify-content:space-between !important;
    color:#111 !important;
    text-decoration:none !important;
    font-size:16px !important;
    line-height:1 !important;
    font-weight:850 !important;
    letter-spacing:-.02em !important;
    border-bottom:1px solid rgba(227,218,205,.75) !important;
  }
  .vamio-mobile-links a:last-child,
  .vamio-mobile-nav-list a:last-child{
    border-bottom:0 !important;
  }
  .vamio-mobile-links a::after,
  .vamio-mobile-nav-list a::after{
    content:'›' !important;
    font-size:24px !important;
    line-height:1 !important;
    color:#b9b3aa !important;
  }
}


/* Vamio v4.8.15 - verified mobile/tablet menu links restored + Google warnings cleanup-safe layout */
@media(max-width:1100px){
  .site-header{background:#fff !important;}
  .site-header .container.nav{
    width:min(1180px, calc(100% - 40px)) !important;
    min-height:76px !important;
    margin:0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
  }
  .site-header .brand{
    order:1 !important;
    margin:0 auto 0 0 !important;
    flex:0 0 auto !important;
    justify-content:flex-start !important;
  }
  .site-header nav,
  .site-header .nav-actions{
    display:none !important;
  }
  .site-header .vamio-menu-toggle{
    order:2 !important;
    display:inline-flex !important;
    margin-left:auto !important;
  }
  .vamio-mobile-panel{
    position:fixed !important;
    inset:0 !important;
    z-index:99999 !important;
    display:block !important;
    opacity:0;
    pointer-events:none;
    background:rgba(0,0,0,.16) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  .vamio-mobile-panel.is-open{
    opacity:1 !important;
    pointer-events:auto !important;
  }
  .vamio-mobile-panel-inner{
    width:min(440px, calc(100% - 32px)) !important;
    max-height:calc(100dvh - 112px) !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
    margin:86px auto 0 !important;
    padding:14px !important;
    border-radius:26px !important;
    background:#fff !important;
    border:1px solid rgba(227,218,205,.95) !important;
    box-shadow:0 22px 70px rgba(0,0,0,.20) !important;
  }
  .vamio-mobile-panel-head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
    padding:0 2px 12px !important;
    font-size:22px !important;
    font-weight:900 !important;
    letter-spacing:-.04em !important;
  }
  .vamio-menu-close{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:42px !important;
    padding:0 18px !important;
    border-radius:999px !important;
    background:#fff !important;
    color:var(--gold) !important;
    border:1px solid rgba(227,218,205,.95) !important;
    font-size:16px !important;
    font-weight:900 !important;
  }
  .vamio-mobile-cta{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-height:48px !important;
    margin:0 0 9px !important;
    padding:0 18px !important;
    border-radius:999px !important;
    background:#050505 !important;
    color:#fff !important;
    border:1px solid #050505 !important;
    font-size:16px !important;
    font-weight:900 !important;
    text-decoration:none !important;
    letter-spacing:-.025em !important;
  }
  .vamio-mobile-cta-secondary{
    background:#fff !important;
    color:var(--gold) !important;
    border-color:var(--gold) !important;
  }
  .vamio-mobile-links,
  .vamio-mobile-nav-list{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:0 !important;
    visibility:visible !important;
    opacity:1 !important;
    height:auto !important;
    max-height:none !important;
    margin:12px 0 0 !important;
    padding:0 !important;
    border-radius:22px !important;
    background:#fff !important;
    border:1px solid rgba(227,218,205,.95) !important;
    overflow:hidden !important;
  }
  .vamio-mobile-links a,
  .vamio-mobile-nav-list a{
    display:flex !important;
    min-height:46px !important;
    padding:0 18px !important;
    align-items:center !important;
    justify-content:space-between !important;
    color:#111 !important;
    text-decoration:none !important;
    font-size:16px !important;
    line-height:1 !important;
    font-weight:850 !important;
    letter-spacing:-.02em !important;
    border-bottom:1px solid rgba(227,218,205,.75) !important;
  }
  .vamio-mobile-links a:last-child,
  .vamio-mobile-nav-list a:last-child{border-bottom:0 !important;}
  .vamio-mobile-links a::after,
  .vamio-mobile-nav-list a::after{
    content:'›';
    color:#b9b3aa !important;
    font-size:24px !important;
    line-height:1 !important;
  }
}
@media(max-width:520px){
  .site-header .container.nav{width:calc(100% - 40px) !important;}
  .vamio-mobile-panel-inner{width:calc(100% - 32px) !important;margin-top:84px !important;}
  .vamio-mobile-links a,.vamio-mobile-nav-list a{min-height:44px !important;font-size:15px !important;}
}


/* Vamio v4.8.16 - host featured image + verified full mobile/tablet menu */
.host-application-hero-side{
  display:flex;
  flex-direction:column;
  gap:18px;
}
.host-application-featured-image{
  overflow:hidden;
  border-radius:32px;
  border:1px solid rgba(227,218,205,.95);
  background:#fff;
  box-shadow:0 18px 55px rgba(0,0,0,.08);
}
.host-application-featured-image img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/10;
  object-fit:cover;
}
@media(max-width:920px){
  .host-application-featured-image{border-radius:26px;}
  .host-application-featured-image img{aspect-ratio:16/9;}
}

@media(max-width:1100px){
  .site-header{background:#fff !important;}
  .site-header .container.nav{
    width:min(1180px, calc(100% - 40px)) !important;
    min-height:76px !important;
    margin:0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
  }
  .site-header .brand{
    order:1 !important;
    flex:0 0 auto !important;
    margin:0 auto 0 0 !important;
    justify-content:flex-start !important;
    text-align:left !important;
  }
  .site-header nav:not(.vamio-mobile-links),
  .site-header .nav-actions{
    display:none !important;
  }
  .site-header .vamio-menu-toggle{
    order:2 !important;
    display:inline-flex !important;
    margin-left:auto !important;
    flex:0 0 auto !important;
  }

  .vamio-mobile-panel{
    position:fixed !important;
    inset:0 !important;
    z-index:99999 !important;
    display:block !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
    background:rgba(0,0,0,.18) !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
    padding:84px 16px 28px !important;
    transition:opacity .18s ease !important;
  }
  .vamio-mobile-panel.is-open{
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }
  .vamio-mobile-panel-inner{
    width:min(440px, 100%) !important;
    max-height:none !important;
    height:auto !important;
    overflow:visible !important;
    margin:0 auto !important;
    padding:16px !important;
    border-radius:28px !important;
    background:#fff !important;
    border:1px solid rgba(227,218,205,.95) !important;
    box-shadow:0 22px 70px rgba(0,0,0,.20) !important;
  }
  .vamio-mobile-panel-head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
    padding:0 2px 14px !important;
    font-size:24px !important;
    font-weight:900 !important;
    letter-spacing:-.04em !important;
  }
  .vamio-menu-close{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:44px !important;
    padding:0 18px !important;
    border-radius:999px !important;
    background:#fff !important;
    color:var(--gold) !important;
    border:1px solid rgba(227,218,205,.95) !important;
    font-size:16px !important;
    font-weight:900 !important;
  }
  .vamio-mobile-cta{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-height:50px !important;
    margin:0 0 10px !important;
    padding:0 18px !important;
    border-radius:999px !important;
    background:#050505 !important;
    color:#fff !important;
    border:1px solid #050505 !important;
    font-size:17px !important;
    font-weight:900 !important;
    text-decoration:none !important;
    letter-spacing:-.025em !important;
  }
  .vamio-mobile-cta-secondary{
    background:#fff !important;
    color:var(--gold) !important;
    border-color:var(--gold) !important;
  }
  .vamio-mobile-links,
  .vamio-mobile-nav-list,
  .site-header .vamio-mobile-links,
  .site-header .vamio-mobile-nav-list{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:0 !important;
    visibility:visible !important;
    opacity:1 !important;
    height:auto !important;
    max-height:none !important;
    min-height:0 !important;
    margin:12px 0 0 !important;
    padding:0 !important;
    border-radius:22px !important;
    background:#fff !important;
    border:1px solid rgba(227,218,205,.95) !important;
    overflow:hidden !important;
  }
  .vamio-mobile-links a,
  .vamio-mobile-nav-list a,
  .site-header .vamio-mobile-links a,
  .site-header .vamio-mobile-nav-list a{
    display:flex !important;
    min-height:48px !important;
    padding:0 18px !important;
    align-items:center !important;
    justify-content:space-between !important;
    color:#111 !important;
    text-decoration:none !important;
    font-size:16px !important;
    line-height:1 !important;
    font-weight:850 !important;
    letter-spacing:-.02em !important;
    border-bottom:1px solid rgba(227,218,205,.75) !important;
  }
  .vamio-mobile-links a:last-child,
  .vamio-mobile-nav-list a:last-child{border-bottom:0 !important;}
  .vamio-mobile-links a::after,
  .vamio-mobile-nav-list a::after{
    content:'›' !important;
    color:#b9b3aa !important;
    font-size:24px !important;
    line-height:1 !important;
  }
  body.vamio-menu-open{overflow:hidden !important;}
}
@media(max-width:520px){
  .site-header .container.nav{width:calc(100% - 40px) !important;}
  .vamio-mobile-panel{padding-top:84px !important;}
  .vamio-mobile-panel-inner{width:100% !important;padding:14px !important;border-radius:26px !important;}
  .vamio-mobile-panel-head{font-size:22px !important;}
  .vamio-mobile-cta{min-height:48px !important;font-size:16px !important;}
  .vamio-mobile-links a,.vamio-mobile-nav-list a{min-height:46px !important;font-size:15px !important;}
}

/* Vamio v4.8.17 - emergency mobile/tablet menu stacking + full links visibility fix */
@media (max-width:1100px){
  html body .site-header{
    position:sticky !important;
    top:0 !important;
    z-index:99990 !important;
    background:#fff !important;
  }

  html body .site-header .container.nav{
    width:min(1180px, calc(100% - 40px)) !important;
    min-height:78px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
  }

  html body .site-header .brand{
    order:1 !important;
    margin:0 auto 0 0 !important;
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    text-align:left !important;
  }

  html body .site-header nav:not(.vamio-mobile-links),
  html body .site-header .nav-actions{
    display:none !important;
  }

  html body .vamio-menu-toggle{
    order:2 !important;
    margin-left:auto !important;
    flex:0 0 auto !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    position:relative !important;
    z-index:100001 !important;
  }

  html body .vamio-mobile-panel{
    position:fixed !important;
    inset:0 !important;
    z-index:100000 !important;
    display:block !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
    padding:calc(78px + env(safe-area-inset-top)) 16px 28px !important;
    background:rgba(0,0,0,.18) !important;
    backdrop-filter:blur(10px) !important;
    transition:opacity .18s ease, visibility .18s ease !important;
  }

  html body .vamio-mobile-panel.is-open{
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }

  html body .vamio-mobile-panel-inner{
    position:relative !important;
    z-index:100002 !important;
    width:min(440px, 100%) !important;
    max-height:none !important;
    height:auto !important;
    overflow:visible !important;
    margin:0 auto !important;
    padding:16px !important;
    border-radius:28px !important;
    background:#fff !important;
    border:1px solid rgba(227,218,205,.95) !important;
    box-shadow:0 24px 80px rgba(0,0,0,.22) !important;
    transform:none !important;
  }

  html body .vamio-mobile-panel-head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
    padding:0 2px 14px !important;
    font-size:24px !important;
    font-weight:900 !important;
    letter-spacing:-.04em !important;
  }

  html body .vamio-menu-close{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:44px !important;
    padding:0 18px !important;
    border-radius:999px !important;
    background:#fff !important;
    color:var(--gold) !important;
    border:1px solid rgba(227,218,205,.95) !important;
    font-size:16px !important;
    font-weight:900 !important;
  }

  html body .vamio-mobile-cta{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-height:50px !important;
    margin:0 0 10px !important;
    padding:0 18px !important;
    border-radius:999px !important;
    background:#050505 !important;
    color:#fff !important;
    border:1px solid #050505 !important;
    font-size:17px !important;
    font-weight:900 !important;
    text-decoration:none !important;
    letter-spacing:-.025em !important;
  }

  html body .vamio-mobile-cta-secondary{
    background:#fff !important;
    color:var(--gold) !important;
    border-color:var(--gold) !important;
  }

  html body .vamio-mobile-links,
  html body .vamio-mobile-nav-list,
  html body .site-header .vamio-mobile-links,
  html body .site-header .vamio-mobile-nav-list{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:0 !important;
    visibility:visible !important;
    opacity:1 !important;
    height:auto !important;
    max-height:none !important;
    min-height:0 !important;
    margin:12px 0 0 !important;
    padding:0 !important;
    border-radius:22px !important;
    background:#fff !important;
    border:1px solid rgba(227,218,205,.95) !important;
    overflow:hidden !important;
  }

  html body .vamio-mobile-links a,
  html body .vamio-mobile-nav-list a,
  html body .site-header .vamio-mobile-links a,
  html body .site-header .vamio-mobile-nav-list a{
    display:flex !important;
    min-height:48px !important;
    padding:0 18px !important;
    align-items:center !important;
    justify-content:space-between !important;
    color:#111 !important;
    text-decoration:none !important;
    font-size:16px !important;
    line-height:1 !important;
    font-weight:850 !important;
    letter-spacing:-.02em !important;
    border-bottom:1px solid rgba(227,218,205,.75) !important;
    background:#fff !important;
  }

  html body .vamio-mobile-links a:last-child,
  html body .vamio-mobile-nav-list a:last-child{
    border-bottom:0 !important;
  }

  html body .vamio-mobile-links a::after,
  html body .vamio-mobile-nav-list a::after{
    content:'›' !important;
    color:#b9b3aa !important;
    font-size:24px !important;
    line-height:1 !important;
  }

  html body.vamio-menu-open{
    overflow:hidden !important;
  }
}

@media (max-width:520px){
  html body .site-header .container.nav{
    width:calc(100% - 40px) !important;
  }
  html body .vamio-mobile-panel{
    padding-left:16px !important;
    padding-right:16px !important;
  }
  html body .vamio-mobile-panel-inner{
    width:100% !important;
    padding:14px !important;
    border-radius:26px !important;
  }
  html body .vamio-mobile-panel-head{
    font-size:22px !important;
  }
  html body .vamio-mobile-cta{
    min-height:48px !important;
    font-size:16px !important;
  }
  html body .vamio-mobile-links a,
  html body .vamio-mobile-nav-list a{
    min-height:46px !important;
    font-size:15px !important;
  }
}

/* Vamio v4.8.18 - final mobile/tablet drawer rebuild
   Drawer is intentionally outside the header in header.php so page content cannot stack above it. */
.vamio-mobile-panel{
  display:none;
}

@media (max-width:1100px){
  html body .site-header{
    position:sticky !important;
    top:0 !important;
    z-index:1000 !important;
    background:#fff !important;
    border-bottom:1px solid rgba(0,0,0,.06) !important;
  }

  html body .site-header .container.nav{
    width:calc(100% - 40px) !important;
    min-height:78px !important;
    margin:0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
  }

  html body .site-header .brand{
    order:1 !important;
    flex:0 0 auto !important;
    margin:0 auto 0 0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    text-align:left !important;
  }

  html body .site-header nav,
  html body .site-header .nav-actions{
    display:none !important;
  }

  html body .site-header .vamio-menu-toggle{
    order:2 !important;
    display:inline-flex !important;
    position:relative !important;
    z-index:1001 !important;
    margin-left:auto !important;
    margin-right:0 !important;
    flex:0 0 auto !important;
  }

  html body.vamio-menu-open .site-header .vamio-menu-toggle{
    z-index:1001 !important;
  }

  html body .vamio-mobile-panel{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    top:0 !important;
    bottom:0 !important;
    z-index:2147483000 !important;
    display:block !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
    background:rgba(0,0,0,.18) !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
    padding:calc(92px + env(safe-area-inset-top)) 16px 32px !important;
    box-sizing:border-box !important;
    transform:none !important;
    contain:none !important;
    isolation:isolate !important;
  }

  html body .vamio-mobile-panel.is-open{
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }

  html body .vamio-mobile-panel-inner{
    position:relative !important;
    z-index:2147483001 !important;
    width:min(440px, 100%) !important;
    max-width:440px !important;
    height:auto !important;
    max-height:none !important;
    margin:0 auto !important;
    padding:16px !important;
    overflow:visible !important;
    box-sizing:border-box !important;
    background:#fff !important;
    border:1px solid rgba(227,218,205,.95) !important;
    border-radius:28px !important;
    box-shadow:0 24px 80px rgba(0,0,0,.22) !important;
    transform:none !important;
  }

  html body .vamio-mobile-panel-head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
    padding:0 2px 14px !important;
    margin:0 !important;
    color:#050505 !important;
    font-size:24px !important;
    line-height:1.1 !important;
    font-weight:900 !important;
    letter-spacing:-.04em !important;
  }

  html body .vamio-menu-close{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:44px !important;
    padding:0 18px !important;
    border-radius:999px !important;
    background:#fff !important;
    color:var(--gold) !important;
    border:1px solid rgba(227,218,205,.95) !important;
    font-size:16px !important;
    font-weight:900 !important;
    cursor:pointer !important;
  }

  html body .vamio-mobile-cta{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-height:50px !important;
    margin:0 0 10px !important;
    padding:0 18px !important;
    box-sizing:border-box !important;
    border-radius:999px !important;
    background:#050505 !important;
    color:#fff !important;
    border:1px solid #050505 !important;
    font-size:17px !important;
    font-weight:900 !important;
    text-align:center !important;
    text-decoration:none !important;
    letter-spacing:-.025em !important;
  }

  html body .vamio-mobile-cta-secondary{
    background:#fff !important;
    color:var(--gold) !important;
    border-color:var(--gold) !important;
  }

  html body .vamio-mobile-links,
  html body .vamio-mobile-nav-list{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:0 !important;
    visibility:visible !important;
    opacity:1 !important;
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    margin:12px 0 0 !important;
    padding:0 !important;
    border-radius:22px !important;
    background:#fff !important;
    border:1px solid rgba(227,218,205,.95) !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  html body .vamio-mobile-links a,
  html body .vamio-mobile-nav-list a{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    min-height:48px !important;
    padding:0 18px !important;
    color:#111 !important;
    background:#fff !important;
    text-decoration:none !important;
    font-size:16px !important;
    line-height:1 !important;
    font-weight:850 !important;
    letter-spacing:-.02em !important;
    border-bottom:1px solid rgba(227,218,205,.75) !important;
    box-sizing:border-box !important;
  }

  html body .vamio-mobile-links a:last-child,
  html body .vamio-mobile-nav-list a:last-child{
    border-bottom:0 !important;
  }

  html body .vamio-mobile-links a::after,
  html body .vamio-mobile-nav-list a::after{
    content:'›' !important;
    color:#b9b3aa !important;
    font-size:24px !important;
    line-height:1 !important;
  }

  html body.vamio-menu-open{
    overflow:hidden !important;
  }
}

@media (max-width:520px){
  html body .site-header .container.nav{
    width:calc(100% - 40px) !important;
  }
  html body .vamio-mobile-panel{
    padding:calc(92px + env(safe-area-inset-top)) 16px 32px !important;
  }
  html body .vamio-mobile-panel-inner{
    width:100% !important;
    padding:14px !important;
    border-radius:26px !important;
  }
  html body .vamio-mobile-panel-head{
    font-size:22px !important;
  }
  html body .vamio-mobile-cta{
    min-height:48px !important;
    font-size:16px !important;
  }
  html body .vamio-mobile-links a,
  html body .vamio-mobile-nav-list a{
    min-height:46px !important;
    font-size:15px !important;
  }
}

/* Vamio Host Web Portal v4.8.22 */
.host-portal-page { background: #f7f4ee; min-height: 70vh; }
.host-portal-hero, .host-dashboard-shell { padding: 72px 0; }
.host-portal-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 48px; align-items: center; }
.host-portal-grid-login { max-width: 1120px; margin: 0 auto; }
.host-portal-points { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.host-portal-points span { border: 1px solid rgba(201,162,39,.35); background: #fff; border-radius: 999px; padding: 9px 13px; font-size: 13px; font-weight: 700; color: #332b12; }
.host-login-card, .host-plan-panel, .host-venue-card, .host-dashboard-auth-warning { background: #fff; border: 1px solid rgba(17,17,17,.08); border-radius: 28px; box-shadow: 0 20px 70px rgba(17,17,17,.08); padding: 30px; }
.host-login-card h2, .host-plan-panel h2, .host-venue-card h2 { margin-top: 0; }
.host-login-card label, .host-plan-form label { display: grid; gap: 8px; font-weight: 800; color: #121212; margin-bottom: 16px; }
.host-login-card input, .host-plan-form input, .host-plan-form select, .host-plan-form textarea { width: 100%; border: 1px solid rgba(17,17,17,.14); background: #fff; border-radius: 16px; padding: 13px 14px; font: inherit; color: #111; }
.host-plan-form textarea { resize: vertical; }
.host-dashboard-topbar { display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; margin-bottom: 28px; }
.host-dashboard-grid { display: grid; grid-template-columns: 360px 1fr; gap: 28px; align-items: start; }
.host-venue-card { display: flex; gap: 18px; position: sticky; top: 100px; }
.host-venue-logo { width: 72px; height: 72px; border-radius: 22px; background: #111; color: #c9a227; display: grid; place-items: center; font-size: 26px; flex: 0 0 auto; overflow: hidden; }
.host-venue-logo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.host-venue-card p { margin: 0; color: #666; line-height: 1.45; }
.host-plan-heading { display: flex; justify-content: space-between; gap: 20px; margin-bottom: 24px; }
.host-plan-heading p { color: #666; margin: 8px 0 0; }
.form-grid { display: grid; gap: 16px; }
.form-grid.two { grid-template-columns: 1fr 1fr; }
.form-grid.three { grid-template-columns: 1fr 1fr 1fr; }
.host-plan-preview { margin: 20px 0; border: 1px solid rgba(201,162,39,.35); background: #fbf8ef; border-radius: 20px; padding: 18px; display: grid; gap: 6px; }
.host-plan-preview strong { font-size: 18px; }
.host-plan-preview span, .host-plan-preview small { color: #5f5a4c; }
.host-dashboard-status { min-height: 20px; margin: 12px 0 0; font-size: 14px; font-weight: 700; }
.host-dashboard-status.success { color: #146c36; }
.host-dashboard-status.error { color: #9b1c1c; }
.button-secondary { background: #fff !important; color: #111 !important; border: 1px solid rgba(17,17,17,.16) !important; }
.small { font-size: 13px; }
@media (max-width: 900px) {
  .host-portal-hero, .host-dashboard-shell { padding: 42px 0; }
  .host-portal-grid, .host-dashboard-grid { grid-template-columns: 1fr; }
  .host-dashboard-topbar { align-items: stretch; flex-direction: column; }
  .host-venue-card { position: static; }
  .form-grid.two, .form-grid.three { grid-template-columns: 1fr; }
}

/* Vamio Host Dashboard polish v4.8.23 */
.footer .brand{display:inline-flex!important;align-items:center;gap:12px;margin:0 0 18px;color:#070707!important;line-height:1;text-decoration:none!important}
.footer .brand span{display:inline-flex}.footer .brand-mark{display:grid!important}.footer .brand + .muted{max-width:360px}
.host-dashboard-topbar-polished{align-items:center;margin-bottom:36px}.host-dashboard-topbar-polished h1{max-width:980px}.host-dashboard-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.host-dashboard-grid-polished{grid-template-columns:minmax(260px,330px) minmax(0,1fr);gap:30px}.host-venue-card-polished{display:grid;gap:18px;padding:24px;position:sticky;top:104px}.host-venue-head{display:flex;gap:14px;align-items:flex-start}.host-venue-card-polished .host-venue-logo{width:76px;height:76px;border-radius:22px}.host-card-label{margin:0 0 4px!important;font-size:12px!important;line-height:1.2;color:#8a8378!important;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.host-venue-title-wrap{min-width:0}.host-venue-card-polished h2{font-size:clamp(24px,2.3vw,32px)!important;line-height:1.02!important;letter-spacing:-.055em!important;margin:0!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:normal}.host-venue-meta{display:grid;gap:6px}.host-location-line{font-weight:850!important;color:#8a6b00!important;font-size:15px!important}.host-address-line{font-size:14px!important;color:#6b665d!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.host-venue-pills{display:flex;flex-wrap:wrap;gap:8px}.host-venue-pill{display:inline-flex;border:1px solid rgba(201,162,39,.25);background:#fff8d9;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:850;color:#5f4700}.host-plan-panel-polished{padding:34px}.host-plan-heading-polished{margin-bottom:22px}.host-plan-heading-polished h2{font-size:clamp(34px,4.4vw,58px);margin-bottom:10px}.host-plan-form-polished label{font-size:15px}.host-plan-form-polished input,.host-plan-form-polished select,.host-plan-form-polished textarea{border-color:rgba(17,17,17,.12);background:#fffdf8}.host-plan-preview{background:#fffaf0!important}.host-plan-preview strong{font-size:22px}.host-plan-preview small{font-weight:750}.host-plan-submit-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.host-plan-submit-row .host-dashboard-status{margin:0}.host-upcoming-panel{margin-top:32px;background:#fff;border:1px solid rgba(17,17,17,.08);border-radius:28px;box-shadow:0 20px 70px rgba(17,17,17,.06);padding:30px;display:grid;grid-template-columns:1fr minmax(260px,420px);gap:28px;align-items:center}.host-upcoming-panel h2{font-size:clamp(30px,3.4vw,46px);margin-bottom:10px}.host-upcoming-empty{border:1px dashed rgba(201,162,39,.4);background:#fbf8ef;border-radius:22px;padding:20px;display:grid;gap:6px}.host-upcoming-empty span{color:#6b665d}.host-plan-preview .preview-location{display:block;color:#947000;font-weight:800;margin-top:2px}.host-plan-preview .preview-capacity{display:block;color:#5f5a4c;margin-top:2px}
@media (max-width: 900px){.host-dashboard-topbar-polished{align-items:stretch}.host-dashboard-actions{justify-content:flex-start}.host-dashboard-grid-polished{grid-template-columns:1fr}.host-venue-card-polished{position:static}.host-upcoming-panel{grid-template-columns:1fr;padding:24px}.host-plan-panel-polished{padding:24px}.host-venue-card-polished h2{-webkit-line-clamp:3}}

/* Host dashboard live plans */
.host-upcoming-panel-live{align-items:flex-start;gap:40px}
.host-upcoming-list-wrap{width:min(680px,100%)}
.host-upcoming-list{display:grid;gap:14px;width:100%}
.host-upcoming-plan{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 22px;border:1px solid rgba(25,25,25,.08);border-radius:26px;background:#fff;box-shadow:0 16px 45px rgba(0,0,0,.04)}
.host-upcoming-plan strong{display:block;font-size:22px;line-height:1.1;margin-bottom:8px;color:#111}
.host-upcoming-plan span,.host-upcoming-plan small{display:block;color:#6b665e;font-weight:700;margin-top:5px}
.host-upcoming-plan-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.host-upcoming-plan-actions button{border:1px solid #eadfce;background:#fffaf0;border-radius:999px;padding:10px 14px;font-weight:800;color:#b88400;opacity:.75}
@media (max-width: 900px){.host-upcoming-panel-live{display:block}.host-upcoming-list-wrap{margin-top:22px}.host-upcoming-plan{display:block}.host-upcoming-plan-actions{justify-content:flex-start;margin-top:14px}.host-upcoming-plan strong{font-size:20px}}


/* Vamio v4.8.26 - Host dashboard upcoming plans visual polish */
.host-upcoming-empty[hidden],
.host-upcoming-list[hidden] { display: none !important; }
.host-upcoming-panel-live{
  grid-template-columns: 1fr !important;
  align-items: stretch !important;
  gap: 24px !important;
  padding: clamp(24px, 4vw, 44px) !important;
}
.host-upcoming-panel-live .host-upcoming-copy{
  max-width: 840px;
}
.host-upcoming-list-wrap{
  width: 100% !important;
}
.host-upcoming-list{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px !important;
  width: 100% !important;
}
.host-upcoming-plan{
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 18px !important;
  align-items: stretch !important;
  padding: 22px !important;
  border-radius: 28px !important;
  background: linear-gradient(180deg, #fff 0%, #fffdf8 100%) !important;
  border: 1px solid rgba(17,17,17,.08) !important;
  box-shadow: 0 18px 48px rgba(17,17,17,.045) !important;
}
.host-upcoming-plan-main{
  display: grid;
  grid-template-columns: 52px 1fr;
  gap: 14px;
  min-width: 0;
}
.host-upcoming-plan-icon{
  width: 52px;
  height: 52px;
  border-radius: 16px;
  background: #fff3c4;
  color: #b88400;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 950;
  font-size: 18px;
  box-shadow: inset 0 0 0 1px rgba(201,162,39,.16);
}
.host-upcoming-plan-copy{
  min-width: 0;
}
.host-upcoming-plan strong{
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: clamp(20px, 1.45vw, 26px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.04em;
  margin: 0 0 8px !important;
}
.host-upcoming-plan span{
  display: block !important;
  color: #635d53 !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  font-weight: 750 !important;
  margin: 0 !important;
}
.host-upcoming-plan-meta{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}
.host-upcoming-plan small{
  display: inline-flex !important;
  align-items: center;
  gap: 5px;
  margin: 0 !important;
  color: #5f5a4c !important;
  font-weight: 850 !important;
  font-size: 13px !important;
  background: #fbf8ef;
  border: 1px solid rgba(227,218,205,.9);
  border-radius: 999px;
  padding: 7px 10px;
}
.host-upcoming-plan-actions{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px !important;
  justify-content: stretch !important;
}
.host-upcoming-plan-actions button{
  width: 100%;
  border: 1px solid #eadfce !important;
  background: #fffaf0 !important;
  border-radius: 999px !important;
  padding: 10px 12px !important;
  font-weight: 900 !important;
  color: #b88400 !important;
  opacity: .9 !important;
  white-space: nowrap;
}
@media (max-width: 1180px){
  .host-upcoming-list{grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 760px){
  .host-upcoming-list{grid-template-columns: 1fr;}
  .host-upcoming-panel-live{padding: 22px !important;}
  .host-upcoming-plan{padding: 18px !important;}
  .host-upcoming-plan-main{grid-template-columns: 44px 1fr;gap:12px;}
  .host-upcoming-plan-icon{width:44px;height:44px;border-radius:14px;}
  .host-upcoming-plan-actions{grid-template-columns: 1fr 1fr;}
  .host-upcoming-plan-actions button:last-child{grid-column:1 / -1;}
}

/* Vamio v4.8.27 - Host application mobile containment + horizontal lock */
html,
body{
  width:100% !important;
  max-width:100% !important;
  overflow-x:hidden !important;
}
body.page-template-default,
body.page{
  position:relative;
}
.site,
.site-main,
.entry-content,
.host-application-hero,
.host-application-shell,
.host-application-form,
.form-card,
.venue-search-block,
.hours-picker,
.site-footer{
  max-width:100% !important;
  overflow-x:clip;
}
.host-application-shell,
.host-application-hero .container{
  width:min(1060px, calc(100% - 32px)) !important;
}
@media(max-width:760px){
  .host-application-shell,
  .host-application-hero .container{
    width:calc(100% - 32px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  .form-card{
    width:100% !important;
    min-width:0 !important;
    padding-left:18px !important;
    padding-right:18px !important;
  }
  .host-application-form input,
  .host-application-form select,
  .host-application-form textarea,
  .host-application-form button{
    max-width:100% !important;
  }
  .host-terms{
    width:100% !important;
    min-width:0 !important;
  }
  .host-terms span,
  .host-terms strong,
  .host-terms label{
    min-width:0 !important;
    overflow-wrap:anywhere !important;
  }
  .hours-picker{
    width:100% !important;
    min-width:0 !important;
  }
  .hours-row{
    width:100% !important;
    min-width:0 !important;
    grid-template-columns:1fr !important;
  }
  .hours-select-label,
  .hours-closed{
    min-width:0 !important;
  }
  .site-footer,
  .site-footer *{
    max-width:100% !important;
  }
}

/* Host dashboard management actions v4.8.28 */
.host-upcoming-plan-actions button.danger{
  color:#d93636!important;
  background:#fff2f2!important;
  border-color:#ffd6d6!important;
}
.host-dashboard-modal[hidden]{display:none!important;}
.host-dashboard-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:24px;}
.host-dashboard-modal-backdrop{position:absolute;inset:0;background:rgba(17,17,17,.42);backdrop-filter:blur(8px);}
.host-dashboard-modal-card{position:relative;width:min(680px,100%);max-height:min(82vh,760px);overflow:auto;background:#fff;border:1px solid rgba(17,17,17,.08);border-radius:30px;box-shadow:0 30px 100px rgba(0,0,0,.22);padding:34px;}
.host-dashboard-modal-close{position:absolute;top:18px;right:18px;width:44px;height:44px;border-radius:999px;border:1px solid #eadfce;background:#fffaf0;font-size:28px;line-height:1;cursor:pointer;}
.host-dashboard-modal-card h2{font-size:clamp(34px,5vw,58px);line-height:.98;letter-spacing:-.06em;margin:0 44px 14px 0;}
.host-modal-meta{font-size:18px;font-weight:800;color:#6b665e;margin:0 0 8px;}
.host-modal-rec{font-weight:850;color:#947000;margin:0 0 22px;}
.host-modal-muted{font-weight:850;color:#6b665e;margin-top:22px;}
.host-modal-actions{display:flex;justify-content:flex-end;margin-top:26px;}
body.vamio-modal-open{overflow:hidden;}
@media (max-width:700px){.host-dashboard-modal{padding:14px}.host-dashboard-modal-card{border-radius:24px;padding:26px 22px}.host-upcoming-plan-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.host-upcoming-plan-actions button{width:100%}.host-upcoming-plan-actions button:last-child{grid-column:auto!important}}


/* Vamio v4.8.29 - Host dashboard form polish */
.host-plan-submit-row .button-secondary[hidden]{display:none!important;}
.host-plan-submit-row .button-secondary{
  background:#fff!important;
  color:#111!important;
  border:1px solid rgba(17,17,17,.16)!important;
}
.host-plan-submit-row .button-secondary:hover{
  background:#fff8d9!important;
  border-color:rgba(201,162,39,.45)!important;
}
.host-venue-card-polished .host-dashboard-status:empty,
.host-plan-submit-row .host-dashboard-status:empty{display:none;}
.host-upcoming-copy .muted{display:none!important;}
.host-plan-form-polished input[type="date"],
.host-plan-form-polished input[type="time"]{
  min-height:58px;
  cursor:pointer;
}

/* Vamio v4.8.30 - Host dashboard time pickers + activity icons */
.host-plan-form-polished .time-picker-select{
  min-height:58px!important;
  cursor:pointer!important;
  background:#fffdfa!important;
}
.host-upcoming-plan-icon{
  font-size:24px!important;
  line-height:1!important;
  font-family: Apple Color Emoji, Segoe UI Emoji, Noto Color Emoji, sans-serif!important;
}

/* Vamio v4.8.32 - Host dashboard previous plans polish */
.host-plans-section{
  margin-top:32px;
  background:#fff;
  border:1px solid rgba(17,17,17,.08);
  border-radius:28px;
  box-shadow:0 20px 70px rgba(17,17,17,.06);
  padding:30px;
}
.host-plans-section[hidden]{display:none!important;}
.host-plans-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:22px;
}
.host-plans-section-head h2,
.host-previous-toggle strong{
  display:flex;
  align-items:center;
  gap:12px;
  font-size:clamp(30px,3.4vw,46px);
  line-height:.98;
  letter-spacing:-.055em;
  margin:0;
}
.host-section-count{
  display:inline-block;
  min-width:0;
  height:auto;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#d7c16d;
  font-size:.62em;
  line-height:1;
  font-weight:800;
  letter-spacing:0;
  vertical-align:baseline;
}
.host-upcoming-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.host-upcoming-list[hidden]{display:none!important;}
.host-upcoming-plan{
  min-height:100%;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:22px;
  border:1px solid rgba(17,17,17,.08);
  border-radius:26px;
  background:#fffefb;
  padding:22px;
  box-shadow:0 14px 44px rgba(17,17,17,.045);
}
.host-upcoming-plan-main{
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  gap:16px;
  align-items:start;
}
.host-upcoming-plan-copy strong{
  display:block;
  color:#111;
  font-size:clamp(22px,2.2vw,30px);
  line-height:1.02;
  letter-spacing:-.045em;
  margin-bottom:8px;
}
.host-upcoming-plan-copy span{
  display:block;
  color:#676055;
  font-size:16px;
  line-height:1.28;
  font-weight:800;
}
.host-upcoming-plan-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}
.host-upcoming-plan-meta small{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  border:1px solid rgba(17,17,17,.10);
  background:#fffaf0;
  border-radius:999px;
  padding:7px 12px;
  color:#655f54;
  font-size:14px;
  font-weight:850;
}
.host-upcoming-plan-actions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.host-upcoming-plan-actions button{
  border:1px solid rgba(201,162,39,.22);
  background:#fffaf0;
  color:#a37700;
  border-radius:999px;
  min-height:44px;
  padding:10px 14px;
  font-weight:900;
  cursor:pointer;
}
.host-upcoming-plan-actions button.danger{
  grid-column:1 / 2;
}
.host-previous-toggle{
  width:100%;
  border:0;
  background:transparent;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:0;
  text-align:left;
  cursor:pointer;
}
.host-previous-toggle .eyebrow{
  display:block;
  margin-bottom:6px;
}
.host-section-chevron{
  width:24px;
  height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:transparent;
  border:0;
  border-radius:0;
  color:#d7c16d;
}
.host-section-chevron svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .18s ease;
}
.host-previous-body{
  margin-top:24px;
}
.host-previous-body[hidden]{display:none!important;}
.host-plans-section-previous .host-upcoming-list{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
@media (max-width:1100px){
  .host-upcoming-list{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:720px){
  .host-plans-section{padding:24px;margin-top:24px;border-radius:24px;}
  .host-upcoming-list,
  .host-plans-section-previous .host-upcoming-list{grid-template-columns:1fr;}
  .host-upcoming-plan{padding:20px;}
  .host-upcoming-plan-main{grid-template-columns:52px minmax(0,1fr);gap:14px;}
  .host-upcoming-plan-icon{width:52px!important;height:52px!important;}
  .host-upcoming-plan-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .host-upcoming-plan-actions button{font-size:14px;padding:9px 10px;}
  .host-upcoming-plan-actions button.danger{grid-column:1 / -1;}
}


/* Vamio v4.8.33 - Host dashboard label cleanup + disclosure icon polish */
.host-dashboard-topbar-polished h1{margin-top:0!important;}
.host-plan-heading-polished h2{margin-top:0!important;}
.host-plans-section-head h2{margin-top:0!important;}
.host-previous-toggle strong{margin-top:0!important;}
.host-previous-toggle .eyebrow{display:none!important;}
.host-previous-toggle[aria-expanded="true"] .host-section-chevron svg{
  transform:rotate(180deg);
}

/* Build 61.0 Host Commerce Foundation */
.host-commerce-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,520px);
  gap:24px;
  align-items:center;
  background:linear-gradient(135deg,#fff 0%,#fffaf0 100%);
  border:1px solid rgba(201,162,39,.22);
  border-radius:30px;
  box-shadow:0 22px 80px rgba(17,17,17,.07);
  padding:28px;
  margin:0 0 30px;
}
.host-commerce-eyebrow,.host-commerce-badge{
  display:inline-flex;
  align-items:center;
  width:max-content;
  border:1px solid rgba(201,162,39,.28);
  background:#fff8d9;
  color:#6b5100;
  border-radius:999px;
  padding:7px 11px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
  margin:0 0 12px;
}
.host-commerce-card h2{font-size:clamp(30px,4vw,54px);line-height:.98;letter-spacing:-.06em;margin:0 0 10px;}
.host-commerce-card p{color:#605a50;margin:0;max-width:720px;}
.host-commerce-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.host-commerce-option{
  appearance:none;
  text-align:left;
  cursor:pointer;
  border:1px solid rgba(17,17,17,.10);
  background:#fff;
  border-radius:24px;
  padding:18px;
  box-shadow:0 12px 36px rgba(17,17,17,.05);
  display:grid;
  gap:8px;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.host-commerce-option:hover{transform:translateY(-2px);box-shadow:0 18px 46px rgba(17,17,17,.09);border-color:rgba(201,162,39,.42);}
.host-commerce-option strong{font-size:19px;line-height:1.1;color:#111;letter-spacing:-.03em;}
.host-commerce-option small{color:#6b665d;font-weight:800;}
.host-commerce-option.is-featured{border-color:rgba(201,162,39,.45);background:#fffdf7;}
.host-commerce-status{grid-column:1 / -1;min-height:20px;font-size:14px;font-weight:800;color:#6b665d;}
.host-commerce-status.success{color:#146c36;}.host-commerce-status.error{color:#9b1c1c;}
.host-pricing-section{background:#fff;}
.host-pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch;}
.host-pricing-card{border:1px solid rgba(17,17,17,.08);background:#fff;border-radius:30px;box-shadow:0 20px 70px rgba(17,17,17,.06);padding:30px;display:grid;gap:16px;align-content:start;}
.host-pricing-card.featured{border-color:rgba(201,162,39,.38);background:linear-gradient(135deg,#fff 0%,#fff9e8 100%);}
.host-pricing-card h3{font-size:clamp(28px,3vw,44px);letter-spacing:-.06em;line-height:1;margin:0;}
.host-pricing-card p{color:#625c52;margin:0;}
.host-pricing-card ul{margin:0;padding-left:18px;display:grid;gap:8px;color:#111;font-weight:750;}
@media(max-width:900px){
  .host-commerce-card{grid-template-columns:1fr;padding:24px;border-radius:26px;}
  .host-commerce-options,.host-pricing-grid{grid-template-columns:1fr;}
}


/* Vamio v4.8.37 - Host Dashboard premium polish + 30-day Founding Host copy */
.host-dashboard-shell{padding-top:64px!important;}
.host-dashboard-topbar-v437{margin-bottom:24px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:28px!important;align-items:end!important;}
.host-dashboard-kicker{margin:0 0 10px!important;color:#b88400!important;text-transform:uppercase!important;letter-spacing:.12em!important;font-size:12px!important;font-weight:900!important;}
.host-dashboard-topbar-v437 h1{font-size:clamp(56px,7.8vw,108px)!important;line-height:.88!important;margin:0 0 18px!important;}
.host-dashboard-topbar-v437 .lead{font-size:clamp(17px,1.4vw,22px)!important;color:#332f28!important;margin:0!important;max-width:780px!important;}
.host-dashboard-actions .button-gold{background:#c9a227!important;border-color:#c9a227!important;color:#050505!important;box-shadow:0 14px 34px rgba(201,162,39,.18)!important;}
.host-success-banner{margin:0 0 24px!important;border:1px solid rgba(201,162,39,.28)!important;background:linear-gradient(135deg,#fffaf0 0%,#ffffff 100%)!important;border-radius:30px!important;padding:26px 30px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:24px!important;align-items:center!important;box-shadow:0 22px 70px rgba(17,17,17,.055)!important;}
.host-success-banner[hidden]{display:none!important;}
.host-success-banner h2{font-size:clamp(30px,3.6vw,48px)!important;letter-spacing:-.06em!important;line-height:.98!important;margin:0 0 8px!important;}
.host-success-banner p{margin:0!important;color:#6b665d!important;font-weight:750!important;}
.host-commerce-card-v437{padding:34px 38px!important;margin-bottom:34px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:24px 34px!important;align-items:center!important;min-height:auto!important;}
.host-commerce-card-v437 .host-commerce-copy{max-width:760px!important;}
.host-commerce-card-v437 h2{font-size:clamp(38px,5.4vw,72px)!important;line-height:.94!important;letter-spacing:-.065em!important;margin:0 0 14px!important;max-width:760px!important;}
.host-commerce-card-v437 #vamioHostCommerceText{font-size:clamp(16px,1.35vw,20px)!important;color:#6b665d!important;margin:0!important;}
.host-commerce-card-v437 .host-commerce-options{justify-self:end!important;min-width:260px!important;}
.host-commerce-card-v437 .host-commerce-status{grid-column:1 / -1!important;margin-top:-8px!important;color:#6b665d!important;}
.host-commerce-card-v437 .button{min-width:240px!important;}
.host-dashboard-grid-v437{gap:28px!important;align-items:start!important;}
.host-venue-card-polished{border-radius:30px!important;box-shadow:0 26px 80px rgba(17,17,17,.075)!important;}
.host-plan-panel-polished{border-radius:32px!important;box-shadow:0 30px 90px rgba(17,17,17,.07)!important;}
.host-plan-heading-polished h2{font-size:clamp(42px,4.7vw,64px)!important;line-height:.92!important;}
.host-plan-heading-polished p{font-size:17px!important;color:#6b665d!important;}
.host-plan-form-v437{display:grid!important;gap:18px!important;}
.host-form-section-title{display:flex!important;align-items:center!important;gap:12px!important;margin:8px 0 -2px!important;text-transform:uppercase!important;letter-spacing:.12em!important;font-size:12px!important;font-weight:950!important;color:#8a8378!important;}
.host-form-section-title:after{content:"";height:1px;background:rgba(17,17,17,.08);flex:1;}
.host-plan-form-v437 label{font-weight:900!important;color:#111!important;}
.host-plan-form-v437 input,.host-plan-form-v437 select,.host-plan-form-v437 textarea{margin-top:8px!important;border-radius:18px!important;background:#fffdf8!important;}
.host-plan-preview{border-radius:22px!important;border:1px solid rgba(201,162,39,.2)!important;}
.host-plans-section{border-radius:32px!important;box-shadow:0 24px 80px rgba(17,17,17,.055)!important;}
@media (max-width:900px){
  .host-dashboard-shell{padding-top:36px!important;}
  .host-dashboard-topbar-v437{grid-template-columns:1fr!important;align-items:start!important;}
  .host-dashboard-actions{justify-content:flex-start!important;width:100%;}
  .host-dashboard-actions .button{flex:1;min-width:150px;}
  .host-success-banner,.host-commerce-card-v437{grid-template-columns:1fr!important;padding:24px!important;}
  .host-commerce-card-v437 .host-commerce-options{justify-self:stretch!important;min-width:0!important;}
  .host-commerce-card-v437 .button{width:100%!important;min-width:0!important;}
}


/* Vamio v4.8.38 - Host Dashboard sizing correction */
.host-dashboard-shell{padding-top:44px!important;}
.host-dashboard-topbar-v437{margin-bottom:20px!important;align-items:center!important;}
.host-dashboard-kicker{display:none!important;}
.host-dashboard-topbar-v437 h1{font-size:clamp(44px,5.4vw,76px)!important;line-height:.96!important;letter-spacing:-.065em!important;margin:0 0 12px!important;}
.host-dashboard-topbar-v437 .lead{font-size:clamp(16px,1.15vw,19px)!important;max-width:680px!important;}
.host-dashboard-actions{gap:12px!important;}
.host-dashboard-actions .button{padding:14px 22px!important;border-radius:999px!important;font-size:15px!important;}
.host-commerce-card-v437{padding:30px 34px!important;margin-bottom:28px!important;grid-template-columns:minmax(0,1fr) auto!important;}
.host-commerce-card-v437 h2{font-size:clamp(34px,4.2vw,58px)!important;line-height:.98!important;letter-spacing:-.06em!important;max-width:680px!important;}
.host-commerce-card-v437 #vamioHostCommerceText{font-size:clamp(15px,1.05vw,18px)!important;}
.host-commerce-card-v437 .button{min-width:220px!important;padding:14px 22px!important;font-size:15px!important;}
.host-dashboard-grid-v437{gap:24px!important;}
.host-plan-heading-polished h2{font-size:clamp(36px,3.9vw,54px)!important;line-height:.98!important;letter-spacing:-.06em!important;}
.host-plan-heading-polished p{font-size:16px!important;}
.host-venue-card-polished h2{font-size:clamp(28px,2.45vw,38px)!important;line-height:1!important;letter-spacing:-.045em!important;}
.host-form-section-title{font-size:11px!important;margin:6px 0 -4px!important;}
.host-plan-form-v437{gap:16px!important;}
.page-template-page-hosts .host-commerce-card h3,
.page-template-page-hosts .host-pricing-card h3{font-size:clamp(34px,3.8vw,54px)!important;line-height:1!important;letter-spacing:-.06em!important;}
@media (max-width:900px){
  .host-dashboard-shell{padding-top:30px!important;}
  .host-dashboard-topbar-v437 h1{font-size:clamp(42px,14vw,64px)!important;}
  .host-commerce-card-v437 h2{font-size:clamp(34px,12vw,48px)!important;}
  .host-dashboard-actions{width:100%;}
  .host-dashboard-actions .button{flex:1;}
}


/* Vamio v4.8.39 - Host Dashboard final sizing + live trial count presentation */
.host-dashboard-shell{padding-top:34px!important;}
.host-dashboard-topbar-v437{margin-bottom:18px!important;}
.host-dashboard-topbar-v437 h1{font-size:clamp(42px,4.8vw,68px)!important;line-height:.98!important;margin-bottom:10px!important;}
.host-dashboard-topbar-v437 .lead{font-size:clamp(15px,1.05vw,18px)!important;color:#3a352d!important;}
.host-commerce-card-v437{padding:30px 34px!important;margin-bottom:26px!important;grid-template-columns:minmax(0,1fr) minmax(220px,280px)!important;gap:22px 30px!important;overflow:hidden!important;}
.host-commerce-card-v437 h2{font-size:clamp(32px,3.25vw,46px)!important;line-height:1.02!important;letter-spacing:-.055em!important;margin:0 0 12px!important;max-width:720px!important;}
.host-commerce-card-v437 .host-commerce-plan-name{display:block!important;}
.host-commerce-card-v437 .host-commerce-plan-price{display:block!important;font:inherit!important;white-space:normal!important;}
.host-commerce-card-v437 #vamioHostCommerceText{font-size:clamp(15px,1vw,17px)!important;line-height:1.35!important;}
.host-commerce-card-v437 .host-commerce-options{justify-self:center!important;width:100%!important;min-width:0!important;}
.host-commerce-card-v437 .button{width:100%!important;min-width:0!important;max-width:280px!important;padding:13px 18px!important;font-size:14px!important;}
.host-commerce-card-v437 .host-commerce-status{margin-top:-4px!important;font-size:14px!important;}
.host-dashboard-actions .button{padding:13px 20px!important;font-size:14px!important;}
.host-plan-heading-polished h2{font-size:clamp(34px,3.4vw,48px)!important;line-height:1!important;}
.host-venue-card-polished h2{font-size:clamp(25px,2.1vw,33px)!important;}
.page-template-page-hosts .host-commerce-card h3,
.page-template-page-hosts .host-pricing-card h3{font-size:clamp(30px,3.2vw,44px)!important;line-height:1.04!important;}
@media (max-width:900px){
  .host-commerce-card-v437{grid-template-columns:1fr!important;padding:24px!important;}
  .host-commerce-card-v437 h2{font-size:clamp(32px,10vw,44px)!important;}
  .host-commerce-card-v437 .button{max-width:none!important;}
}


/* Vamio v4.8.40 - mobile web polish + password reveal + screenshot subtext cleanup */
html, body{overflow-x:hidden!important;}
.site, main, section, .container, .host-portal-page, .host-dashboard-shell, .host-application-shell, .host-application-form, .form-card{max-width:100%!important;}

/* Remove unwanted third-party/demo promo strips if injected above the page */
body > div:has(> *):not(.site):not(.wp-site-blocks){max-width:100%;}
[class*="announcement"], [class*="promo-bar"], [class*="top-bar"], [class*="shopify"]{display:none!important;}

/* Public screenshot sections: tighter after explanatory subtext removal */
.section-header h2 + .real-shot-grid,
.section-header h2 + .host-shot-grid{margin-top:24px!important;}

/* Host login mobile: cleaner hero, consistent card width and no tiny eyebrow */
.host-portal-grid-login{max-width:1120px!important;width:min(1120px, calc(100% - 48px))!important;}
.host-portal-grid-login .eyebrow{display:none!important;}
.host-portal-grid-login h1{font-size:clamp(46px,7vw,86px)!important;line-height:.98!important;letter-spacing:-.065em!important;}
.host-portal-grid-login .lead{font-size:clamp(18px,2vw,24px)!important;line-height:1.45!important;max-width:720px!important;}
.host-portal-points span{min-width:260px;text-align:left;justify-content:flex-start;}
.host-login-card{width:100%!important;box-sizing:border-box!important;}

/* Host application: match Host Login panel feel on mobile and keep every field inside cards */
.host-application-shell{width:min(1060px, calc(100% - 48px))!important;}
.form-card{box-sizing:border-box!important;overflow:hidden!important;}
.host-application-form label,
.host-application-form .form-grid,
.host-application-form .venue-search-block,
.host-application-form .selected-venue-card,
.host-application-form .hours-picker{min-width:0!important;max-width:100%!important;box-sizing:border-box!important;}
.host-application-form input,
.host-application-form select,
.host-application-form textarea,
.host-login-card input,
.host-plan-form input,
.host-plan-form select,
.host-plan-form textarea{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;}
.host-application-progress span{min-height:46px!important;padding:9px 12px!important;font-size:13px!important;display:flex!important;align-items:center!important;justify-content:center!important;}

/* Password reveal control */
.password-field-wrap{position:relative;display:block;width:100%;min-width:0;}
.password-field-wrap input{padding-right:82px!important;}
.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:1px solid rgba(17,17,17,.12);background:#fff;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900;color:#111;line-height:1;cursor:pointer;min-height:0!important;width:auto!important;}
.password-toggle:focus{outline:2px solid rgba(201,162,39,.35);outline-offset:2px;}

/* Host dashboard mobile sizing */
.host-dashboard-topbar-v437 h1{font-size:clamp(42px,10.5vw,58px)!important;line-height:1!important;}
.host-dashboard-actions .button{min-height:54px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;}
.host-commerce-card-v437 h2{font-size:clamp(34px,9.5vw,44px)!important;line-height:1.02!important;}
.host-commerce-card-v437 .host-commerce-plan-price{font-size:.92em!important;}
.host-commerce-card-v437 #vamioHostCommerceText{font-size:17px!important;line-height:1.4!important;}
.host-commerce-card-v437 .host-commerce-status{font-size:15px!important;line-height:1.4!important;}
.host-commerce-card-v437 .button{min-height:52px!important;}
.host-venue-card-polished{box-sizing:border-box!important;overflow:hidden!important;}
.host-venue-card-polished .host-venue-logo{width:70px!important;height:70px!important;border-radius:22px!important;}
.host-venue-card-polished h2{font-size:clamp(28px,8vw,38px)!important;line-height:1.04!important;}
.host-venue-pills{gap:8px!important;}
.host-venue-pill{font-size:12px!important;padding:8px 10px!important;max-width:100%;}
.host-plan-panel-polished{box-sizing:border-box!important;overflow:hidden!important;}
.host-plan-heading-polished h2{font-size:clamp(36px,9.5vw,48px)!important;line-height:1.02!important;}
.host-plan-heading-polished p{font-size:18px!important;line-height:1.45!important;}
.host-form-section-title{font-size:12px!important;letter-spacing:.14em!important;gap:12px!important;}

@media(max-width:760px){
  .host-portal-hero, .host-dashboard-shell{padding:34px 0!important;}
  .host-portal-grid-login,
  .host-application-shell,
  .host-application-hero .container{width:calc(100% - 44px)!important;margin-left:auto!important;margin-right:auto!important;}
  .host-application-progress{grid-template-columns:1fr 1fr!important;gap:10px!important;}
  .host-application-progress span{font-size:12px!important;min-height:44px!important;padding:8px 9px!important;}
  .form-card{border-radius:28px!important;padding:24px!important;}
  .form-card h2{font-size:clamp(34px,10vw,44px)!important;line-height:1!important;}
  .host-application-form .muted{font-size:18px!important;line-height:1.5!important;}
  .host-application-form input,
  .host-application-form select,
  .host-application-form textarea,
  .host-login-card input,
  .host-plan-form input,
  .host-plan-form select,
  .host-plan-form textarea{border-radius:20px!important;min-height:58px!important;font-size:18px!important;padding:14px 16px!important;}
  .host-application-form textarea,.host-plan-form textarea{min-height:150px!important;}
  .host-terms{align-items:flex-start!important;font-size:15px!important;line-height:1.35!important;}
  .host-terms input{width:20px!important;height:20px!important;flex:0 0 auto!important;}
  .host-portal-points{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;}
  .host-portal-points span{width:100%!important;min-width:0!important;box-sizing:border-box!important;text-align:left!important;padding:12px 18px!important;font-size:16px!important;}
  .host-login-card{border-radius:30px!important;padding:28px!important;}
  .host-login-card h2{font-size:clamp(42px,11vw,56px)!important;}
  .password-field-wrap input{padding-right:82px!important;}
  .password-toggle{right:12px;padding:8px 10px;font-size:12px;}
  .host-dashboard-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;}
  .host-dashboard-actions .button{width:100%!important;min-width:0!important;font-size:16px!important;padding:14px 12px!important;}
  .host-commerce-card-v437{border-radius:30px!important;padding:24px!important;}
  .host-commerce-card-v437 h2{font-size:clamp(34px,9vw,42px)!important;}
  .host-commerce-card-v437 .host-commerce-options{width:100%!important;}
  .host-venue-card-polished{border-radius:30px!important;padding:24px!important;}
  .host-venue-head{gap:16px!important;}
  .host-plan-panel-polished{border-radius:30px!important;padding:24px!important;}
  .host-plan-form-v437{gap:18px!important;}
}

@media(max-width:420px){
  .host-portal-grid-login,
  .host-application-shell,
  .host-application-hero .container{width:calc(100% - 44px)!important;}
  .host-commerce-card-v437 h2{font-size:36px!important;}
  .host-plan-heading-polished h2{font-size:38px!important;}
  .host-venue-card-polished h2{font-size:32px!important;}
}

/* Vamio v4.8.41 - Host mobile/card width + icon password reveal polish */
.host-portal-grid-login .kicker,
.host-portal-grid-login .eyebrow,
.host-portal-grid-login .lead{display:none!important;}
.host-portal-grid-login h1{margin-bottom:28px!important;}
.host-portal-points{margin-top:0!important;}
.screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
.password-field-wrap{position:relative!important;display:block!important;width:100%!important;min-width:0!important;}
.password-field-wrap input{padding-right:70px!important;}
.password-toggle{position:absolute!important;right:14px!important;top:50%!important;transform:translateY(-50%)!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;border:1px solid rgba(17,17,17,.11)!important;border-radius:999px!important;background:#fff!important;color:#111!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:none!important;cursor:pointer!important;font-size:0!important;line-height:1!important;}
.password-toggle:before{content:"";width:19px;height:19px;display:block;background:currentColor;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M12 5c5.2 0 8.7 4.4 9.8 6.1.3.5.3 1.1 0 1.6C20.7 14.4 17.2 19 12 19s-8.7-4.6-9.8-6.3c-.3-.5-.3-1.1 0-1.6C3.3 9.4 6.8 5 12 5Zm0 2C7.9 7 5 10.4 4.1 12c.9 1.6 3.8 5 7.9 5s7-3.4 7.9-5C19 10.4 16.1 7 12 7Zm0 2.2A2.8 2.8 0 1 1 12 14.8 2.8 2.8 0 0 1 12 9.2Zm0 2A.8.8 0 1 0 12 12.8.8.8 0 0 0 12 11.2Z"/></svg>') center/contain no-repeat;-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M12 5c5.2 0 8.7 4.4 9.8 6.1.3.5.3 1.1 0 1.6C20.7 14.4 17.2 19 12 19s-8.7-4.6-9.8-6.3c-.3-.5-.3-1.1 0-1.6C3.3 9.4 6.8 5 12 5Zm0 2C7.9 7 5 10.4 4.1 12c.9 1.6 3.8 5 7.9 5s7-3.4 7.9-5C19 10.4 16.1 7 12 7Zm0 2.2A2.8 2.8 0 1 1 12 14.8 2.8 2.8 0 0 1 12 9.2Zm0 2A.8.8 0 1 0 12 12.8.8.8 0 0 0 12 11.2Z"/></svg>') center/contain no-repeat;}
.password-toggle:focus{outline:2px solid rgba(201,162,39,.35)!important;outline-offset:2px!important;}

@media(max-width:760px){
  .host-portal-grid-login,
  .host-application-shell,
  .host-application-hero .container{width:calc(100% - 24px)!important;max-width:720px!important;margin-left:auto!important;margin-right:auto!important;}
  .host-login-card,
  .form-card{border-radius:30px!important;padding:28px!important;box-sizing:border-box!important;}
  .host-application-form input,
  .host-application-form select,
  .host-application-form textarea,
  .host-login-card input{width:100%!important;max-width:100%!important;box-sizing:border-box!important;}
  .host-application-progress{width:100%!important;}
  .host-application-progress span{min-height:40px!important;padding:7px 10px!important;font-size:12px!important;border-radius:18px!important;}
  .form-card h2{font-size:clamp(34px,9.5vw,42px)!important;line-height:.98!important;}
  .host-application-form .muted{font-size:17px!important;line-height:1.45!important;}
  .host-portal-points span{width:100%!important;max-width:100%!important;}
  .password-field-wrap input{padding-right:72px!important;}
  .password-toggle{right:12px!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;}
}
@media(max-width:420px){
  .host-portal-grid-login,
  .host-application-shell,
  .host-application-hero .container{width:calc(100% - 20px)!important;}
  .host-login-card,
  .form-card{padding:24px!important;}
}


/* Vamio v4.8.42 - final host application consistency pass */
/* Remove redundant Apply as Host intro subtext; the right-hand card and pills now explain the flow. */
.host-application-hero .lede{display:none!important;}
.host-application-hero-grid{align-items:center!important;}

/* Keep Host Login and Apply as Host using the same visual width on mobile. */
@media(max-width:760px){
  .host-portal-grid-login,
  .host-application-shell,
  .host-application-hero .container{
    width:calc(100vw - 48px)!important;
    max-width:720px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .host-application-hero .container,
  .host-application-shell{
    padding-left:0!important;
    padding-right:0!important;
  }
  .host-login-card,
  .host-application-form .form-card{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}
@media(max-width:420px){
  .host-portal-grid-login,
  .host-application-shell,
  .host-application-hero .container{
    width:calc(100vw - 48px)!important;
    max-width:720px!important;
  }
  .host-login-card,
  .host-application-form .form-card{
    padding:26px!important;
  }
}

/* Prevent fields, labels and placeholder text from breaking out of cards. */
.host-application-form *,
.host-login-card *{box-sizing:border-box!important;}
.host-application-form label,
.host-application-form .password-field-wrap,
.host-application-form .venue-search-block,
.host-application-form .selected-venue-card,
.host-application-form .form-grid,
.host-application-form .hours-picker{
  min-width:0!important;
  max-width:100%!important;
}
.host-application-form input,
.host-application-form select,
.host-application-form textarea,
.host-login-card input{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Terms checkbox: restore a proper inline checkbox/text row on desktop and mobile. */
.host-terms{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:12px!important;
  width:100%!important;
  max-width:760px!important;
  margin:22px 0 18px!important;
  padding:0!important;
  font-size:15px!important;
  line-height:1.4!important;
  font-weight:850!important;
  color:#111!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
}
.host-terms input[type="checkbox"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  flex:0 0 18px!important;
  margin:2px 0 0!important;
  border:1.5px solid rgba(17,17,17,.42)!important;
  border-radius:4px!important;
  background:#fff!important;
  padding:0!important;
  display:inline-block!important;
  position:relative!important;
}
.host-terms input[type="checkbox"]:checked{
  background:#111!important;
  border-color:#111!important;
}
.host-terms input[type="checkbox"]:checked:after{
  content:"";
  position:absolute;
  left:5px;
  top:2px;
  width:5px;
  height:9px;
  border:solid #fff;
  border-width:0 2px 2px 0;
  transform:rotate(45deg);
}
@media(max-width:760px){
  .host-terms{
    max-width:100%!important;
    font-size:14px!important;
    line-height:1.35!important;
    margin:20px 0 18px!important;
  }
  .host-terms input[type="checkbox"]{
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    flex-basis:18px!important;
  }
  .host-application-form input,
  .host-application-form select,
  .host-application-form textarea,
  .host-login-card input{
    font-size:17px!important;
  }
  .password-field-wrap input{padding-right:68px!important;}
  .password-toggle{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    right:10px!important;
  }
}

/* Desktop account step balance: keep the terms and submit button aligned with form content. */
.form-card .host-terms + .host-application-status + .button,
.form-card #vamioHostApplicationStatus + .button{
  margin-top:6px!important;
}

/* Vamio v4.8.43 - Host Dashboard subscription/action sizing polish */
.host-commerce-card-v437{
  padding:34px 40px!important;
  gap:28px 40px!important;
  align-items:center!important;
}
.host-commerce-card-v437 h2{
  font-size:clamp(34px,3.15vw,48px)!important;
  line-height:1.04!important;
  letter-spacing:-.055em!important;
  margin-bottom:14px!important;
  max-width:780px!important;
}
.host-commerce-card-v437 .host-commerce-plan-name{
  display:block!important;
  margin-bottom:2px!important;
}
.host-commerce-card-v437 .host-commerce-plan-price{
  display:block!important;
  white-space:nowrap!important;
  font:inherit!important;
  font-size:.92em!important;
}
.host-commerce-card-v437 #vamioHostCommerceText{
  font-size:clamp(15px,1vw,17px)!important;
  line-height:1.45!important;
  max-width:760px!important;
}
.host-commerce-card-v437 .host-commerce-options{
  min-width:320px!important;
  width:auto!important;
  justify-self:center!important;
}
.host-commerce-card-v437 .button{
  width:100%!important;
  max-width:none!important;
  min-width:300px!important;
  padding:13px 28px!important;
  white-space:nowrap!important;
  line-height:1.1!important;
}

@media(max-width:760px){
  .host-dashboard-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    margin-top:20px!important;
  }
  .host-dashboard-actions .button{
    min-height:46px!important;
    padding:10px 8px!important;
    font-size:13px!important;
    line-height:1.08!important;
    border-radius:999px!important;
  }
  .host-commerce-card-v437{
    padding:26px 24px!important;
    margin-top:14px!important;
    gap:18px!important;
  }
  .host-commerce-card-v437 .host-commerce-eyebrow{
    margin-bottom:14px!important;
    padding:8px 14px!important;
    font-size:12px!important;
  }
  .host-commerce-card-v437 h2{
    font-size:clamp(32px,8.4vw,38px)!important;
    line-height:1.08!important;
    letter-spacing:-.055em!important;
    margin-bottom:14px!important;
  }
  .host-commerce-card-v437 .host-commerce-plan-name{
    margin-bottom:4px!important;
  }
  .host-commerce-card-v437 .host-commerce-plan-price{
    white-space:normal!important;
    font-size:.9em!important;
    line-height:1.08!important;
  }
  .host-commerce-card-v437 #vamioHostCommerceText{
    font-size:16px!important;
    line-height:1.5!important;
  }
  .host-commerce-card-v437 .host-commerce-options{
    min-width:0!important;
    width:100%!important;
    margin-top:2px!important;
  }
  .host-commerce-card-v437 .button{
    min-width:0!important;
    width:100%!important;
    min-height:48px!important;
    padding:12px 16px!important;
    font-size:15px!important;
    white-space:nowrap!important;
  }
}

@media(max-width:390px){
  .host-dashboard-actions .button{
    font-size:12.5px!important;
    padding-left:6px!important;
    padding-right:6px!important;
  }
  .host-commerce-card-v437 h2{
    font-size:32px!important;
  }
}


/* Vamio v4.8.44 - Host application checkbox polish */
.hours-picker{
  overflow:hidden!important;
}
.hours-row{
  grid-template-columns:minmax(118px,.8fr) minmax(150px,1fr) minmax(150px,1fr) minmax(108px,auto)!important;
  column-gap:18px!important;
}
.hours-closed{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  min-width:96px!important;
  color:#111!important;
  font-weight:850!important;
}
.hours-closed input[type="checkbox"],
.host-terms input[type="checkbox"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  border:1.5px solid rgba(17,17,17,.38)!important;
  background:#fff!important;
  padding:0!important;
  margin:0!important;
  display:inline-grid!important;
  place-items:center!important;
  position:relative!important;
  box-shadow:none!important;
}
.hours-closed input[type="checkbox"]{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  border-radius:5px!important;
  flex:0 0 18px!important;
}
.hours-closed input[type="checkbox"]:checked,
.host-terms input[type="checkbox"]:checked{
  background:#C9A227!important;
  border-color:#C9A227!important;
}
.hours-closed input[type="checkbox"]:checked:after,
.host-terms input[type="checkbox"]:checked:after{
  content:""!important;
  position:absolute!important;
  left:5px!important;
  top:2px!important;
  width:5px!important;
  height:9px!important;
  border:solid #111!important;
  border-width:0 2px 2px 0!important;
  transform:rotate(45deg)!important;
}
.host-terms{
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:12px!important;
  max-width:760px!important;
  width:100%!important;
  margin:22px 0 18px!important;
  padding:0!important;
  text-align:left!important;
}
.host-terms input[type="checkbox"]{
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  max-width:20px!important;
  border-radius:5px!important;
  flex:0 0 20px!important;
  margin-top:2px!important;
}
.host-terms span{
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  font-weight:850!important;
  line-height:1.35!important;
  color:#111!important;
}
@media(max-width:760px){
  .hours-row{
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:22px 20px!important;
  }
  .hours-day{grid-column:auto!important;}
  .hours-select-label{width:100%!important;}
  .hours-closed{
    width:100%!important;
    min-width:0!important;
    justify-content:flex-start!important;
    gap:12px!important;
    margin-top:4px!important;
    font-size:15px!important;
  }
  .hours-closed input[type="checkbox"]{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    max-width:22px!important;
    flex-basis:22px!important;
    border-radius:7px!important;
  }
  .hours-closed input[type="checkbox"]:checked:after{
    left:7px!important;
    top:3px!important;
    width:6px!important;
    height:11px!important;
  }
  .host-terms{
    display:flex!important;
    flex-direction:row!important;
    align-items:flex-start!important;
    gap:12px!important;
    max-width:100%!important;
    margin:18px 0 18px!important;
    font-size:15px!important;
    line-height:1.35!important;
  }
  .host-terms input[type="checkbox"]{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    max-width:22px!important;
    flex-basis:22px!important;
    margin-top:2px!important;
    border-radius:7px!important;
  }
  .host-terms input[type="checkbox"]:checked:after{
    left:7px!important;
    top:3px!important;
    width:6px!important;
    height:11px!important;
  }
  .host-terms span{
    font-size:15px!important;
    line-height:1.35!important;
  }
}


/* Vamio v4.8.45 - final checkbox + password reveal cache-bust polish */
.password-field-wrap{position:relative!important;display:block!important;width:100%!important;min-width:0!important;}
.password-field-wrap input{padding-right:74px!important;}
.password-toggle,
.host-login-card .password-toggle,
.host-application-form .password-toggle{
  position:absolute!important;
  right:12px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  padding:0!important;
  border:1px solid rgba(17,17,17,.10)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#111!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:none!important;
  font-size:0!important;
  line-height:1!important;
  cursor:pointer!important;
  z-index:4!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.password-toggle:before{
  content:""!important;
  width:19px!important;
  height:19px!important;
  display:block!important;
  background:currentColor!important;
  mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M12 5c5.2 0 8.7 4.4 9.8 6.1.3.5.3 1.1 0 1.6C20.7 14.4 17.2 19 12 19s-8.7-4.6-9.8-6.3c-.3-.5-.3-1.1 0-1.6C3.3 9.4 6.8 5 12 5Zm0 2C7.9 7 5 10.4 4.1 12c.9 1.6 3.8 5 7.9 5s7-3.4 7.9-5C19 10.4 16.1 7 12 7Zm0 2.2A2.8 2.8 0 1 1 12 14.8 2.8 2.8 0 0 1 12 9.2Zm0 2A.8.8 0 1 0 12 12.8.8.8 0 0 0 12 11.2Z"/></svg>') center/contain no-repeat!important;
  -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M12 5c5.2 0 8.7 4.4 9.8 6.1.3.5.3 1.1 0 1.6C20.7 14.4 17.2 19 12 19s-8.7-4.6-9.8-6.3c-.3-.5-.3-1.1 0-1.6C3.3 9.4 6.8 5 12 5Zm0 2C7.9 7 5 10.4 4.1 12c.9 1.6 3.8 5 7.9 5s7-3.4 7.9-5C19 10.4 16.1 7 12 7Zm0 2.2A2.8 2.8 0 1 1 12 14.8 2.8 2.8 0 0 1 12 9.2Zm0 2A.8.8 0 1 0 12 12.8.8.8 0 0 0 12 11.2Z"/></svg>') center/contain no-repeat!important;
}
.password-toggle.is-visible{background:#fff8d9!important;border-color:rgba(201,162,39,.45)!important;color:#111!important;}

.host-application-form .hours-closed input[type="checkbox"],
.host-application-form .host-terms input[type="checkbox"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  box-sizing:border-box!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  max-width:22px!important;
  max-height:22px!important;
  aspect-ratio:1/1!important;
  flex:0 0 22px!important;
  padding:0!important;
  margin:0!important;
  border:1.5px solid rgba(17,17,17,.38)!important;
  border-radius:7px!important;
  background:#fff!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  box-shadow:none!important;
  line-height:1!important;
  font-size:0!important;
  vertical-align:middle!important;
  transform:none!important;
}
.host-application-form .hours-closed input[type="checkbox"]:checked,
.host-application-form .host-terms input[type="checkbox"]:checked{
  background:#C9A227!important;
  border-color:#C9A227!important;
}
.host-application-form .hours-closed input[type="checkbox"]:checked:after,
.host-application-form .host-terms input[type="checkbox"]:checked:after{
  content:""!important;
  position:absolute!important;
  left:7px!important;
  top:3px!important;
  width:6px!important;
  height:11px!important;
  border:solid #111!important;
  border-width:0 2px 2px 0!important;
  transform:rotate(45deg)!important;
}
.hours-closed{display:flex!important;align-items:center!important;gap:10px!important;min-height:auto!important;}
.host-terms{display:flex!important;align-items:flex-start!important;gap:12px!important;max-width:760px!important;overflow:visible!important;}
.host-terms span{display:block!important;flex:1 1 auto!important;min-width:0!important;white-space:normal!important;}
@media(max-width:760px){
  .password-field-wrap input{padding-right:70px!important;}
  .password-toggle,.host-login-card .password-toggle,.host-application-form .password-toggle{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;right:10px!important;}
  .host-application-form .hours-closed input[type="checkbox"],
  .host-application-form .host-terms input[type="checkbox"]{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;max-width:20px!important;max-height:20px!important;flex:0 0 20px!important;border-radius:6px!important;}
  .host-application-form .hours-closed input[type="checkbox"]:checked:after,
  .host-application-form .host-terms input[type="checkbox"]:checked:after{left:6px!important;top:2px!important;width:6px!important;height:11px!important;}
  .hours-closed{gap:10px!important;margin-top:2px!important;}
  .host-terms{gap:10px!important;margin:18px 0!important;align-items:flex-start!important;}
}


/* Vamio v4.8.48 - cookie banner final links and preferences polish */
.legal-hero{padding:76px 0 34px;background:linear-gradient(180deg,#fffdf8 0%,#fff 100%);border-bottom:1px solid rgba(0,0,0,.06)}
.legal-section{padding:46px 0 82px;background:#fffdf8}
.legal-wrap{max-width:960px;margin:0 auto}
.legal-kicker{display:inline-flex;align-items:center;border:1px solid #ecdca2;background:var(--gold-soft);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:#2b2b2b;margin:0 0 22px}
.legal-hero h1{font-size:clamp(44px,6vw,78px);line-height:.98;letter-spacing:-.065em;margin:0 0 18px}
.legal-intro{font-size:clamp(19px,2vw,24px);line-height:1.45;color:#333;max-width:860px;margin:0 0 16px}
.legal-updated{font-size:14px;color:#777;margin:0}
.legal-card{background:#fff;border:1px solid var(--line);border-radius:30px;padding:48px;box-shadow:0 16px 44px rgba(0,0,0,.035)}
.legal-card h2{font-size:clamp(25px,2.6vw,36px);letter-spacing:-.045em;line-height:1.12;margin:36px 0 12px}
.legal-card h2:first-child{margin-top:0}
.legal-card p,.legal-card li{font-size:17px;line-height:1.68;color:#333;font-weight:400;letter-spacing:normal}
.legal-card ul,.legal-card ol{padding-left:1.35em;margin:12px 0 24px}
.legal-card a{color:#111;font-weight:800;text-decoration:underline;text-underline-offset:4px}
.cookie-banner{position:fixed;left:24px;right:24px;bottom:24px;z-index:9999;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 18px 60px rgba(0,0,0,.16);padding:18px;max-width:1120px;margin:0 auto}
.cookie-banner-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.cookie-banner strong{display:block;font-size:18px;letter-spacing:-.02em;margin-bottom:4px}
.cookie-banner p{margin:0;color:#555;font-size:14.5px;line-height:1.45;max-width:760px}
.cookie-banner p a{color:var(--gold);font-weight:800;text-decoration:none;border-bottom:1px solid rgba(194,145,0,.35)}
.cookie-banner p a:hover,.cookie-banner p a:focus{color:#8a6400;border-bottom-color:#8a6400}
.footer a.vamio-cookie-preferences{font-weight:750;color:#222}

.cookie-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:flex-end;flex:0 0 auto}
.cookie-btn{appearance:none;-webkit-appearance:none;border:1px solid #050505;background:#050505;color:#fff;border-radius:999px;min-height:42px;padding:0 18px;font-weight:850;cursor:pointer;font-size:13.5px;white-space:nowrap}
.cookie-btn.secondary{background:#fff;color:#111;border-color:rgba(17,17,17,.16)}
.cookie-settings{border-top:1px solid rgba(0,0,0,.08);margin-top:14px;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.cookie-options{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.cookie-settings label{display:flex;gap:10px;align-items:center;font-weight:750;color:#222;font-size:14px;white-space:nowrap}
.cookie-settings label strong{font-size:14px;margin:0;letter-spacing:0}
.cookie-settings label span{color:#777;font-weight:500;margin-left:2px}
.cookie-settings input[type="checkbox"]{width:18px;height:18px;min-width:18px;accent-color:#C9A227}
.cookie-actions.compact{justify-content:flex-end;margin-top:0}
@media(max-width:760px){
  .legal-hero{padding:54px 0 28px}.legal-section{padding:28px 0 58px}.legal-card{padding:28px 22px;border-radius:24px}.legal-hero h1{font-size:44px}.legal-intro{font-size:18px}.legal-card p,.legal-card li{font-size:16px}.cookie-banner{left:14px;right:14px;bottom:14px;border-radius:22px;padding:16px}.cookie-banner-inner{display:block}.cookie-actions{justify-content:flex-start;margin-top:14px}.cookie-actions-main{display:grid;grid-template-columns:1fr 1fr}.cookie-btn{min-height:40px;padding:0 14px}.cookie-banner p{font-size:14px}.cookie-settings{display:block}.cookie-options{display:grid;gap:12px}.cookie-settings label{white-space:normal}.cookie-actions.compact{justify-content:flex-start;margin-top:14px}.cookie-actions.compact .cookie-btn{width:100%}
}



/* Vamio v4.8.50 - Host dashboard auth/state polish */
.host-dashboard-page.is-signed-out .host-dashboard-actions,
.host-dashboard-page.is-signed-out #vamioHostCommerceCard,
.host-dashboard-page.is-signed-out #vamioHostCheckoutSuccess{
  display:none!important;
}
.host-dashboard-auth-warning{
  margin:0 0 38px!important;
  padding:36px!important;
}
.host-dashboard-auth-warning h2{
  margin-bottom:14px!important;
}
.host-dashboard-auth-warning p{
  margin-bottom:22px!important;
}
.host-dashboard-auth-warning + .host-dashboard-grid{
  margin-top:34px!important;
}
.host-venue-logo.has-image{
  background:#fff!important;
}
.host-venue-logo.has-image img{
  object-fit:contain!important;
  padding:0!important;
  background:#fff!important;
}
@media(max-width:760px){
  .host-dashboard-auth-warning{margin:0 0 28px!important;padding:28px 24px!important;}
  .host-dashboard-auth-warning + .host-dashboard-grid{margin-top:26px!important;}
}


/* Vamio v4.8.51 - custom web time picker and Host dashboard polish */
.vamio-native-time-hidden{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;}
.vamio-time-picker{position:relative;width:100%;}
.vamio-time-picker-button{width:100%;min-height:58px;border:1px solid rgba(17,17,17,.12);border-radius:16px;background:#fffdfa;color:#111;font-weight:800;font-size:17px;text-align:left;padding:0 18px;cursor:pointer;}
.vamio-time-picker-panel{position:absolute;z-index:50;top:calc(100% + 8px);left:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;width:min(280px, 100vw - 42px);padding:12px;border:1px solid rgba(201,162,39,.22);border-radius:22px;background:rgba(255,253,248,.96);box-shadow:0 24px 70px rgba(17,17,17,.16);backdrop-filter:blur(14px);}
.vamio-time-picker-col{max-height:210px;overflow:auto;display:grid;gap:4px;scrollbar-width:thin;}
.vamio-time-picker-col button{border:0;background:transparent;border-radius:14px;padding:10px 8px;font-weight:800;font-size:17px;cursor:pointer;}
.vamio-time-picker-col button.is-selected{background:rgba(201,162,39,.18);color:#9a7600;}
.host-dashboard-auth-warning{margin-bottom:36px!important;}
.host-dashboard-grid{margin-top:28px!important;}
@media (max-width:760px){.vamio-time-picker-panel{width:min(260px, calc(100vw - 72px));}.vamio-time-picker-col{max-height:180px;}}

/* v4.8.52: ensure only explicitly-open Vamio time picker panels are visible */
.vamio-time-picker-panel[hidden]{display:none!important;}
.vamio-time-picker-panel{isolation:isolate;}
.hours-picker .vamio-time-picker{z-index:auto;}
.hours-picker .vamio-time-picker:has(.vamio-time-picker-panel:not([hidden])){z-index:80;}

/* Vamio v4.8.53 - keep custom time pickers above opening-hours cards */
.host-application-form .form-card,
.host-dashboard-card,
.hours-picker,
.hours-row,
.hours-select-label {
  overflow: visible !important;
}
.hours-picker .vamio-time-picker:has(.vamio-time-picker-panel:not([hidden])) {
  z-index: 999 !important;
}
.hours-picker .vamio-time-picker-panel {
  z-index: 1000 !important;
}


/* Vamio v4.8.54 - aligned web time pickers */
.form-grid.three{align-items:start!important;}
.form-grid.three > label{display:flex!important;flex-direction:column!important;gap:10px!important;}
.time-picker-select.vamio-native-time-hidden{position:absolute!important;left:0!important;top:0!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;appearance:none!important;}
.vamio-time-picker{position:relative!important;width:100%!important;min-height:64px!important;}
.vamio-time-picker-button{display:flex!important;align-items:center!important;width:100%!important;min-height:64px!important;border:1px solid rgba(17,17,17,.12)!important;border-radius:18px!important;background:#fffdfa!important;color:#111!important;font-weight:800!important;font-size:18px!important;text-align:left!important;padding:0 20px!important;line-height:1!important;box-sizing:border-box!important;}
.vamio-time-picker-button.is-placeholder{color:rgba(17,17,17,.42)!important;}
.vamio-time-picker-panel{position:absolute!important;z-index:9999!important;top:calc(100% + 10px)!important;left:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;width:min(360px, calc(100vw - 48px))!important;max-width:100%!important;padding:12px!important;border:1px solid rgba(201,162,39,.26)!important;border-radius:24px!important;background:#fffdf8!important;box-shadow:0 28px 80px rgba(17,17,17,.18)!important;backdrop-filter:blur(14px)!important;box-sizing:border-box!important;}
.vamio-time-picker-panel[hidden]{display:none!important;}
.vamio-time-picker-col{max-height:228px!important;overflow-y:auto!important;display:grid!important;gap:4px!important;scrollbar-width:thin!important;min-width:0!important;}
.vamio-time-picker-col button{border:0!important;background:transparent!important;border-radius:14px!important;padding:11px 8px!important;font-weight:800!important;font-size:18px!important;color:#25231f!important;cursor:pointer!important;}
.vamio-time-picker-col button.is-selected{background:rgba(201,162,39,.18)!important;color:#9a7600!important;}
.host-application-form .form-card,.host-dashboard-card,.hours-picker,.hours-row,.hours-select-label{overflow:visible!important;}
.vamio-time-picker.is-open{z-index:9998!important;}
@media(max-width:760px){.vamio-time-picker-panel{width:min(280px, calc(100vw - 72px))!important;}.vamio-time-picker-col{max-height:190px!important;}.vamio-time-picker-button{min-height:58px!important;font-size:17px!important;}}


/* Vamio v4.8.55 - reliable native time selects, consistent field sizing */
select.time-picker-select,
.hours-picker select {
  position: static !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  width: 100% !important;
  height: 64px !important;
  min-height: 64px !important;
  box-sizing: border-box !important;
  appearance: auto !important;
  -webkit-appearance: menulist !important;
  border: 1px solid rgba(17,17,17,.12) !important;
  border-radius: 18px !important;
  background: #fffdfa !important;
  color: #111 !important;
  font-weight: 800 !important;
  font-size: 18px !important;
  line-height: 1 !important;
  padding: 0 20px !important;
}
select.time-picker-select:invalid,
select.time-picker-select option[value=""] {
  color: rgba(17,17,17,.42) !important;
}
.host-dashboard-card .form-grid.three,
.host-application-form .form-grid.three {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: end !important;
}
.host-dashboard-card .form-grid.two,
.host-application-form .form-grid.two {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: end !important;
}
.host-dashboard-card .form-grid label,
.host-application-form .form-grid label {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  min-width: 0 !important;
}
.host-dashboard-card input[type="date"],
.host-dashboard-card input[type="number"],
.host-dashboard-card select,
.host-application-form input[type="date"],
.host-application-form input[type="number"],
.host-application-form select {
  height: 64px !important;
  min-height: 64px !important;
  box-sizing: border-box !important;
  border-radius: 18px !important;
  font-weight: 800 !important;
  font-size: 18px !important;
  padding: 0 20px !important;
}
.vamio-time-picker { display: contents !important; }
.vamio-time-picker-button,
.vamio-time-picker-panel { display: none !important; }
@media(max-width:920px){
  .host-dashboard-card .form-grid.three,
  .host-application-form .form-grid.three,
  .host-dashboard-card .form-grid.two,
  .host-application-form .form-grid.two {
    grid-template-columns: 1fr !important;
  }
}
@media(max-width:760px){
  select.time-picker-select,
  .hours-picker select,
  .host-dashboard-card input[type="date"],
  .host-dashboard-card input[type="number"],
  .host-dashboard-card select,
  .host-application-form input[type="date"],
  .host-application-form input[type="number"],
  .host-application-form select {
    height: 58px !important;
    min-height: 58px !important;
    font-size: 17px !important;
  }
}


/* Vamio v4.8.56 - compact reliable native time/select fields, no custom overlay */
.host-plan-form-polished .form-grid.three,
.host-plan-form-v437 .form-grid.three,
.host-plan-form-polished .form-grid.two,
.host-plan-form-v437 .form-grid.two,
.host-application-form .form-grid.three,
.host-application-form .form-grid.two {
  align-items: end !important;
}
.host-plan-form-polished input[type="date"],
.host-plan-form-polished input[type="number"],
.host-plan-form-polished select,
.host-plan-form-v437 input[type="date"],
.host-plan-form-v437 input[type="number"],
.host-plan-form-v437 select,
.host-application-form select,
.hours-picker select,
select.time-picker-select {
  width: 100% !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(17,17,17,.12) !important;
  border-radius: 14px !important;
  background-color: #fffdfa !important;
  color: #111 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  padding: 0 14px !important;
  appearance: auto !important;
  -webkit-appearance: menulist !important;
}
.host-plan-form-polished input[type="date"],
.host-plan-form-v437 input[type="date"],
.host-plan-form-polished input[type="number"],
.host-plan-form-v437 input[type="number"] {
  -webkit-appearance: none !important;
  appearance: none !important;
}
.host-plan-form-polished label,
.host-plan-form-v437 label,
.host-application-form .form-grid label,
.hours-select-label {
  gap: 8px !important;
}
.host-plan-form-polished select.time-picker-select:invalid,
.host-plan-form-v437 select.time-picker-select:invalid,
.host-plan-form-polished select.time-picker-select option[value=""],
.host-plan-form-v437 select.time-picker-select option[value=""] {
  color: rgba(17,17,17,.45) !important;
}
.vamio-time-picker,
.vamio-time-picker-button,
.vamio-time-picker-panel {
  display: none !important;
}
@media(max-width:760px){
  .host-plan-form-polished input[type="date"],
  .host-plan-form-polished input[type="number"],
  .host-plan-form-polished select,
  .host-plan-form-v437 input[type="date"],
  .host-plan-form-v437 input[type="number"],
  .host-plan-form-v437 select,
  .host-application-form select,
  .hours-picker select,
  select.time-picker-select {
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    font-size: 15px !important;
    border-radius: 13px !important;
  }
}


/* Vamio v4.8.57 - unified modern rounded form controls + compact HH/MM time controls */
:root{--vamio-field-h:58px;--vamio-field-r:22px;--vamio-field-bg:#fffdf8;--vamio-field-border:rgba(17,17,17,.13);}
.host-plan-form-polished input,
.host-plan-form-polished select,
.host-plan-form-polished textarea,
.host-plan-form-v437 input,
.host-plan-form-v437 select,
.host-plan-form-v437 textarea,
.host-application-form input,
.host-application-form select,
.host-application-form textarea,
.hours-picker select,
.vamio-hm-select{
  box-sizing:border-box!important;
  border:1px solid var(--vamio-field-border)!important;
  border-radius:var(--vamio-field-r)!important;
  background:var(--vamio-field-bg)!important;
  color:#111!important;
  font-family:inherit!important;
  font-size:17px!important;
  font-weight:850!important;
  letter-spacing:-.02em!important;
  box-shadow:none!important;
  outline:none!important;
}
.host-plan-form-polished input:not([type="checkbox"]):not([type="radio"]),
.host-plan-form-polished select,
.host-plan-form-v437 input:not([type="checkbox"]):not([type="radio"]),
.host-plan-form-v437 select,
.host-application-form input:not([type="checkbox"]):not([type="radio"]),
.host-application-form select,
.hours-picker select,
.vamio-hm-select{
  height:var(--vamio-field-h)!important;
  min-height:var(--vamio-field-h)!important;
  max-height:var(--vamio-field-h)!important;
  padding:0 18px!important;
  line-height:1!important;
}
.host-plan-form-polished textarea,
.host-plan-form-v437 textarea,
.host-application-form textarea{border-radius:24px!important;padding:18px!important;line-height:1.45!important;}
.host-plan-form-polished input:focus,
.host-plan-form-polished select:focus,
.host-plan-form-polished textarea:focus,
.host-plan-form-v437 input:focus,
.host-plan-form-v437 select:focus,
.host-plan-form-v437 textarea:focus,
.host-application-form input:focus,
.host-application-form select:focus,
.host-application-form textarea:focus,
.vamio-hm-select:focus{border-color:#c9a227!important;box-shadow:0 0 0 4px rgba(201,162,39,.13)!important;}
.host-dashboard-card .form-grid.three,
.host-application-form .form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;align-items:end!important;}
.host-dashboard-card .form-grid.two,
.host-application-form .form-grid.two,.form-grid{gap:20px!important;align-items:end!important;}
.host-plan-form-polished label,
.host-plan-form-v437 label,
.host-application-form label,.hours-select-label{gap:9px!important;font-size:15px!important;font-weight:900!important;color:#111!important;}
.vamio-split-time-source{position:absolute!important;inline-size:1px!important;block-size:1px!important;opacity:0!important;pointer-events:none!important;appearance:none!important;-webkit-appearance:none!important;}
.vamio-hm-picker{display:grid!important;grid-template-columns:minmax(86px,1fr) auto minmax(76px,.85fr)!important;align-items:center!important;gap:8px!important;width:100%!important;min-width:0!important;}
.vamio-hm-picker .vamio-hm-select{width:100%!important;appearance:auto!important;-webkit-appearance:menulist!important;text-align:left!important;}
.vamio-hm-colon{font-size:22px!important;font-weight:900!important;color:#777!important;line-height:1!important;margin:0 1px!important;}
.vamio-hm-picker.is-empty .vamio-hm-select{color:rgba(17,17,17,.45)!important;}
.hours-picker{overflow:visible!important;}
.hours-row{grid-template-columns:minmax(120px,1fr) minmax(150px,1.4fr) minmax(150px,1.4fr) auto!important;align-items:center!important;gap:18px!important;}
.hours-select-label select{display:none!important;}
.hours-select-label .vamio-hm-picker{margin-top:0!important;}
.hours-closed input[type="checkbox"]{width:24px!important;height:24px!important;min-height:24px!important;border-radius:8px!important;padding:0!important;}
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{margin-left:8px!important;}
@media(max-width:920px){.host-dashboard-card .form-grid.three,.host-application-form .form-grid.three,.host-dashboard-card .form-grid.two,.host-application-form .form-grid.two,.form-grid{grid-template-columns:1fr!important}.hours-row{grid-template-columns:1fr!important;align-items:stretch!important}.hours-closed{justify-self:start!important}}
@media(max-width:760px){:root{--vamio-field-h:54px;--vamio-field-r:19px}.host-plan-form-polished input,.host-plan-form-polished select,.host-plan-form-v437 input,.host-plan-form-v437 select,.host-application-form input,.host-application-form select,.vamio-hm-select{font-size:16px!important}.vamio-hm-picker{grid-template-columns:minmax(78px,1fr) auto minmax(70px,.85fr)!important;gap:7px!important}}


/* Vamio v4.8.58 - unified compact no-dropdown time controls */
.vamio-split-time-source,
.vamio-step-time-source{
  position:absolute!important;
  inline-size:1px!important;
  block-size:1px!important;
  opacity:0!important;
  pointer-events:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  overflow:hidden!important;
}
.vamio-hm-picker > .vamio-hm-select,
.vamio-hm-picker > .vamio-hm-colon{
  display:none!important;
}
.vamio-time-stepper{
  width:100%!important;
  min-height:var(--vamio-field-h,58px)!important;
  display:grid!important;
  grid-template-columns:minmax(118px,1fr) auto minmax(118px,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  padding:8px 10px!important;
  border:1px solid rgba(17,17,17,.12)!important;
  border-radius:var(--vamio-field-r,22px)!important;
  background:#fffdf8!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7)!important;
  box-sizing:border-box!important;
}
.vamio-time-stepper.is-optional{
  grid-template-columns:minmax(104px,1fr) auto minmax(104px,1fr) auto!important;
}
.vamio-time-step-unit{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:34px minmax(34px,1fr) 34px!important;
  align-items:center!important;
  gap:4px!important;
  border-radius:16px!important;
  background:rgba(17,17,17,.035)!important;
  padding:4px!important;
}
.vamio-time-step-btn{
  width:34px!important;
  height:34px!important;
  min-height:34px!important;
  border:0!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#111!important;
  font-size:22px!important;
  font-weight:900!important;
  line-height:1!important;
  cursor:pointer!important;
  padding:0!important;
  box-shadow:0 1px 2px rgba(17,17,17,.06)!important;
}
.vamio-time-step-btn:hover,
.vamio-time-step-btn:focus{
  background:rgba(201,162,39,.14)!important;
  outline:none!important;
}
.vamio-time-step-value{
  display:block!important;
  text-align:center!important;
  color:#111!important;
  font-size:18px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.vamio-time-stepper.is-empty .vamio-time-step-value{
  color:rgba(17,17,17,.42)!important;
}
.vamio-time-step-colon{
  color:#777!important;
  font-size:20px!important;
  font-weight:900!important;
  line-height:1!important;
}
.vamio-time-clear-btn{
  min-height:42px!important;
  border:1px solid rgba(17,17,17,.10)!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#111!important;
  font-size:13px!important;
  font-weight:900!important;
  padding:0 12px!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
.vamio-time-clear-btn.is-active{
  background:rgba(201,162,39,.14)!important;
  border-color:rgba(201,162,39,.32)!important;
  color:#9a7600!important;
}
.hours-picker .vamio-hm-picker,
.hours-picker .vamio-time-stepper{
  margin-top:0!important;
}
@media(max-width:760px){
  .vamio-time-stepper{grid-template-columns:minmax(96px,1fr) auto minmax(96px,1fr)!important;gap:6px!important;padding:7px!important;}
  .vamio-time-stepper.is-optional{grid-template-columns:1fr auto 1fr!important;}
  .vamio-time-stepper.is-optional .vamio-time-clear-btn{grid-column:1 / -1!important;width:100%!important;}
  .vamio-time-step-unit{grid-template-columns:30px minmax(30px,1fr) 30px!important;gap:3px!important;}
  .vamio-time-step-btn{width:30px!important;height:30px!important;min-height:30px!important;font-size:20px!important;}
  .vamio-time-step-value{font-size:16px!important;}
}


/* Vamio v4.8.59 - definitive native time-input system, no dropdown lists */
.host-plan-form-polished input[type="time"].time-picker-select,
.host-plan-form-v437 input[type="time"].time-picker-select,
.host-application-form input[type="time"].vamio-native-time-input,
.hours-select-label input[type="time"].vamio-native-time-input{
  width:100%!important;
  min-height:var(--vamio-field-h,58px)!important;
  height:var(--vamio-field-h,58px)!important;
  border:1px solid rgba(17,17,17,.12)!important;
  border-radius:var(--vamio-field-r,22px)!important;
  background:#fffdf8!important;
  color:#111!important;
  font-family:inherit!important;
  font-size:18px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  line-height:1!important;
  padding:0 22px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75)!important;
  box-sizing:border-box!important;
  appearance:auto!important;
  -webkit-appearance:auto!important;
}
.host-plan-form-polished input[type="time"].time-picker-select:focus,
.host-plan-form-v437 input[type="time"].time-picker-select:focus,
.host-application-form input[type="time"].vamio-native-time-input:focus,
.hours-select-label input[type="time"].vamio-native-time-input:focus{
  outline:none!important;
  border-color:#c9a227!important;
  box-shadow:0 0 0 4px rgba(201,162,39,.13)!important;
}
.host-plan-form-polished input[type="time"].time-picker-select::-webkit-calendar-picker-indicator,
.host-plan-form-v437 input[type="time"].time-picker-select::-webkit-calendar-picker-indicator,
.host-application-form input[type="time"].vamio-native-time-input::-webkit-calendar-picker-indicator,
.hours-select-label input[type="time"].vamio-native-time-input::-webkit-calendar-picker-indicator{
  opacity:.75!important;
  cursor:pointer!important;
}
.host-plan-form-polished select.time-picker-select,
.host-plan-form-v437 select.time-picker-select,
.hours-picker select{
  display:none!important;
}
.hours-row{
  grid-template-columns:minmax(130px,1fr) minmax(170px,1.2fr) minmax(170px,1.2fr) auto!important;
  align-items:center!important;
  gap:20px!important;
}
.hours-select-label{min-width:0!important;}
.hours-select-label span{
  display:block!important;
  margin-bottom:8px!important;
  font-size:13px!important;
  line-height:1.1!important;
  font-weight:900!important;
  letter-spacing:.05em!important;
  text-transform:uppercase!important;
  color:#666!important;
}
.hours-row.is-closed input[type="time"]{
  opacity:.45!important;
}
@media(max-width:760px){
  .host-plan-form-polished input[type="time"].time-picker-select,
  .host-plan-form-v437 input[type="time"].time-picker-select,
  .host-application-form input[type="time"].vamio-native-time-input,
  .hours-select-label input[type="time"].vamio-native-time-input{
    min-height:54px!important;
    height:54px!important;
    border-radius:19px!important;
    font-size:16px!important;
    padding:0 16px!important;
  }
  .hours-row{grid-template-columns:1fr!important;align-items:stretch!important;gap:12px!important;}
}

/* Clean, centred file inputs for Host application */
.host-app-card input[type="file"],
.host-application input[type="file"],
.vamio-host-application input[type="file"],
.host-application-form input[type="file"]{
  width:100%!important;
  min-height:74px!important;
  height:74px!important;
  display:flex!important;
  align-items:center!important;
  box-sizing:border-box!important;
  padding:14px 18px!important;
  border:1px solid rgba(17,17,17,.12)!important;
  border-radius:28px!important;
  background:#fffdfa!important;
  color:#111!important;
  font-size:18px!important;
  font-weight:850!important;
  line-height:1.1!important;
}
.host-app-card input[type="file"]::file-selector-button,
.host-application input[type="file"]::file-selector-button,
.vamio-host-application input[type="file"]::file-selector-button,
.host-application-form input[type="file"]::file-selector-button{
  min-height:44px!important;
  height:44px!important;
  margin:0 18px 0 0!important;
  padding:0 18px!important;
  border:1px solid rgba(17,17,17,.12)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#111!important;
  font-size:16px!important;
  font-weight:800!important;
  line-height:44px!important;
  cursor:pointer!important;
  vertical-align:middle!important;
}
.host-app-card input[type="file"]::-webkit-file-upload-button,
.host-application input[type="file"]::-webkit-file-upload-button,
.vamio-host-application input[type="file"]::-webkit-file-upload-button,
.host-application-form input[type="file"]::-webkit-file-upload-button{
  min-height:44px!important;
  height:44px!important;
  margin:0 18px 0 0!important;
  padding:0 18px!important;
  border:1px solid rgba(17,17,17,.12)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#111!important;
  font-size:16px!important;
  font-weight:800!important;
  line-height:44px!important;
  cursor:pointer!important;
  vertical-align:middle!important;
}
@media(max-width:760px){.host-app-card input[type="file"],.host-application input[type="file"],.vamio-host-application input[type="file"],.host-application-form input[type="file"]{height:auto!important;min-height:68px!important;font-size:15px!important;border-radius:24px!important;}.host-app-card input[type="file"]::file-selector-button,.host-application input[type="file"]::file-selector-button,.vamio-host-application input[type="file"]::file-selector-button,.host-application-form input[type="file"]::file-selector-button{font-size:14px!important;margin-right:12px!important;}}

/* Vamio v4.8.61 - mobile opening-hours time fields: contained, tappable, no horizontal overflow */
@media (max-width: 760px){
  html body .host-application-form .hours-picker,
  html body .hours-picker{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    border-radius:24px!important;
  }

  html body .host-application-form .hours-row,
  html body .hours-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    padding:22px!important;
    overflow:hidden!important;
  }

  html body .hours-day,
  html body .hours-select-label,
  html body .hours-closed{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    grid-column:1 / -1!important;
  }

  html body .hours-select-label{
    display:grid!important;
    gap:8px!important;
  }

  html body .hours-select-label span{
    margin:0!important;
    padding:0!important;
    font-size:13px!important;
    line-height:1.1!important;
  }

  html body .host-application-form input[type="time"].vamio-native-time-input,
  html body .hours-select-label input[type="time"].vamio-native-time-input,
  html body .host-plan-form-polished input[type="time"].time-picker-select,
  html body .host-plan-form-v437 input[type="time"].time-picker-select{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:58px!important;
    min-height:58px!important;
    box-sizing:border-box!important;
    border-radius:24px!important;
    padding:0 16px!important;
    text-align:center!important;
    font-size:20px!important;
    font-weight:900!important;
    line-height:58px!important;
    background:#fffdf8!important;
    overflow:hidden!important;
    -webkit-appearance:none!important;
    appearance:none!important;
  }

  html body input[type="time"].vamio-native-time-input::-webkit-date-and-time-value,
  html body input[type="time"].time-picker-select::-webkit-date-and-time-value{
    text-align:center!important;
  }

  html body input[type="time"].vamio-native-time-input::-webkit-calendar-picker-indicator,
  html body input[type="time"].time-picker-select::-webkit-calendar-picker-indicator{
    display:none!important;
    opacity:0!important;
  }

  html body .hours-closed{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
    padding-top:2px!important;
  }

  html body .hours-closed input[type="checkbox"]{
    width:24px!important;
    height:24px!important;
    flex:0 0 24px!important;
    margin:0!important;
  }
}

@media (max-width: 420px){
  html body .host-application-form .form-card{padding:20px!important;border-radius:26px!important;}
  html body .host-application-form .hours-row,
  html body .hours-row{padding:18px!important;}
  html body .host-application-form input[type="time"].vamio-native-time-input,
  html body .hours-select-label input[type="time"].vamio-native-time-input{
    height:54px!important;
    min-height:54px!important;
    line-height:54px!important;
    font-size:18px!important;
    border-radius:22px!important;
  }
}


/* Vamio v4.9.5 - header restored from v4.8.48 reference, no duplicated menu output
   Source of truth: header.php hardcoded six desktop links only. This block removes the
   accidental wide/grid/header overrides from 4.9.x and returns to the earlier balanced frame. */
html body .site-header{
  position:sticky !important;
  top:0 !important;
  z-index:1000 !important;
  background:#fff !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  border-bottom:1px solid rgba(0,0,0,.06) !important;
}
html body .site-header .container.nav{
  width:min(1180px, calc(100% - 40px)) !important;
  max-width:none !important;
  min-height:78px !important;
  margin:0 auto !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:22px !important;
  box-sizing:border-box !important;
}
html body .site-header .brand{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  flex:0 0 auto !important;
  margin:0 !important;
  min-width:auto !important;
  text-decoration:none !important;
  font-weight:850 !important;
  letter-spacing:-.04em !important;
  font-size:25px !important;
  line-height:1 !important;
  color:#050505 !important;
  overflow:visible !important;
}
html body .site-header .brand-mark{
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  flex:0 0 36px !important;
  border-radius:11px !important;
  overflow:hidden !important;
}
html body .site-header .brand span:last-child{
  display:inline-flex !important;
  align-items:center !important;
  white-space:nowrap !important;
  font-size:25px !important;
  line-height:1 !important;
  font-weight:850 !important;
  letter-spacing:-.04em !important;
}
html body .site-header nav[aria-label="Primary navigation"],
html body .site-header nav:not(.vamio-mobile-links):not(.vamio-mobile-nav-list){
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  margin-left:auto !important;
  margin-right:0 !important;
}
html body .site-header .menu{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:19px !important;
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  white-space:nowrap !important;
}
html body .site-header .menu li{margin:0 !important;padding:0 !important;list-style:none !important;}
html body .site-header .menu a{
  display:inline-flex !important;
  align-items:center !important;
  min-height:auto !important;
  color:#222 !important;
  font-size:15px !important;
  font-weight:700 !important;
  line-height:1 !important;
  text-decoration:none !important;
  letter-spacing:0 !important;
}
html body .site-header .nav-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:12px !important;
  flex:0 0 auto !important;
  margin:0 !important;
}
html body .site-header .nav-actions .nav-cta{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:46px !important;
  height:46px !important;
  padding:0 20px !important;
  border-radius:999px !important;
  font-size:14px !important;
  font-weight:800 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}
html body .site-header .nav-actions .nav-cta-host{
  background:#fff !important;
  color:#b88600 !important;
  border-color:#c29100 !important;
}
@media(max-width:1120px){
  html body .site-header .menu{gap:12px !important;}
  html body .site-header .menu a{font-size:14px !important;}
  html body .site-header .nav-actions .nav-cta{padding:0 14px !important;}
}
@media(max-width:1100px){
  html body .site-header .container.nav{
    width:calc(100% - 40px) !important;
    min-height:78px !important;
    justify-content:space-between !important;
  }
  html body .site-header nav[aria-label="Primary navigation"],
  html body .site-header nav:not(.vamio-mobile-links):not(.vamio-mobile-nav-list),
  html body .site-header .nav-actions{display:none !important;}
  html body .site-header .vamio-menu-toggle{display:inline-flex !important;}
}
@media(max-width:520px){
  html body .site-header .container.nav{width:calc(100% - 40px) !important;}
}

/* Vamio v4.9.5 - Host dashboard/form polish kept isolated from header */
html body .host-dashboard-topbar-polished{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:32px !important;
  margin-bottom:34px !important;
}
html body .host-dashboard-topbar-polished > div:first-child{max-width:760px !important;}
html body .host-dashboard-topbar-polished h1{margin:0 0 12px !important;}
html body .host-dashboard-actions{
  padding-top:18px !important;
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:14px !important;
  flex-shrink:0 !important;
}
html body .host-dashboard-hero,
html body .host-dashboard-page .dashboard-hero,
html body .host-dashboard-page .page-hero{
  padding-top:52px !important;
  padding-bottom:28px !important;
}
html body .host-dashboard-head,
html body .host-dashboard-title-row,
html body .host-dashboard-actions{align-items:center !important;}
html body .host-dashboard-actions,
html body .dashboard-actions{margin-top:10px !important;gap:14px !important;}
@media(max-width:900px){
  html body .host-dashboard-topbar-polished{display:grid !important;gap:18px !important;}
  html body .host-dashboard-actions{padding-top:0 !important;justify-content:flex-start !important;}
}

html body input[type="file"].vamio-file-input,
html body .host-application-form input[type="file"],
html body .host-form input[type="file"]{
  display:flex !important;
  align-items:center !important;
  height:72px !important;
  min-height:72px !important;
  line-height:72px !important;
  padding:0 18px !important;
  font-weight:650 !important;
  box-sizing:border-box !important;
  border-radius:36px !important;
}
html body input[type="file"]::file-selector-button{
  align-self:center !important;
  height:46px !important;
  min-height:46px !important;
  margin:0 14px 0 0 !important;
  padding:0 22px !important;
  border-radius:999px !important;
  border:1px solid rgba(0,0,0,.12) !important;
  background:#fff !important;
  font:inherit !important;
  font-weight:700 !important;
  line-height:46px !important;
}
html body input[type="file"]::-webkit-file-upload-button{
  height:46px !important;
  min-height:46px !important;
  margin:0 14px 0 0 !important;
  padding:0 22px !important;
  border-radius:999px !important;
  border:1px solid rgba(0,0,0,.12) !important;
  background:#fff !important;
  font:inherit !important;
  font-weight:700 !important;
  line-height:46px !important;
}

html body select,
html body select option,
html body .host-application-form select,
html body .host-application-form select option,
html body .host-dashboard-page select,
html body .host-dashboard-page select option,
html body .host-plan-form select,
html body .host-plan-form select option{
  font-weight:500 !important;
}
html body select option{font-size:16px !important;line-height:1.35 !important;}

/* Vamio v4.9.6 - Host form visual consistency pass only */
html body .host-application-form select,
html body .host-plan-form select,
html body .host-plan-form-v437 select,
html body .host-plan-form-polished select{
  border-radius:26px!important;
  height:56px!important;
  min-height:56px!important;
  max-height:56px!important;
  padding:0 18px!important;
  font-size:17px!important;
  font-weight:500!important;
  background:#fffdf8!important;
}
html body .host-application-form select option,
html body .host-plan-form select option,
html body .host-plan-form-v437 select option,
html body .host-plan-form-polished select option{
  font-weight:400!important;
  font-size:16px!important;
}
html body .host-plan-form select[name="activity"],
html body .host-plan-form select[name="recurrence"],
html body .host-application-form select[name="primaryCategory"],
html body .host-application-form select[name="secondaryCategory"]{
  border-radius:28px!important;
}

/* Smaller, contained opening-hours controls */
html body .host-application-form .hours-picker{
  border-radius:28px!important;
  overflow:hidden!important;
  margin-top:18px!important;
}
html body .host-application-form .hours-row,
html body .hours-row{
  grid-template-columns:minmax(120px,.85fr) minmax(150px,260px) minmax(150px,260px) auto!important;
  gap:18px!important;
  padding:18px 24px!important;
  align-items:center!important;
}
html body .hours-select-label{
  gap:7px!important;
  font-size:12px!important;
}
html body .host-application-form input[type="time"].vamio-native-time-input,
html body .hours-select-label input[type="time"].vamio-native-time-input,
html body .host-plan-form-polished input[type="time"].time-picker-select,
html body .host-plan-form-v437 input[type="time"].time-picker-select{
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  width:100%!important;
  border-radius:22px!important;
  padding:0 14px!important;
  font-size:18px!important;
  font-weight:750!important;
  letter-spacing:-.03em!important;
  line-height:48px!important;
  text-align:center!important;
  background:#fffdf8!important;
}
html body input[type="time"]::-webkit-date-and-time-value{
  text-align:center!important;
  letter-spacing:-.03em!important;
}
html body input[type="time"]::-webkit-calendar-picker-indicator{
  opacity:.45!important;
  margin-left:4px!important;
}
html body .hours-closed{
  gap:10px!important;
  font-size:15px!important;
  font-weight:800!important;
}
html body .hours-closed input[type="checkbox"]{
  width:22px!important;
  height:22px!important;
  min-height:22px!important;
  flex:0 0 22px!important;
  border-radius:8px!important;
}

/* File inputs: centre the native button vertically in the upload well */
html body input[type="file"].vamio-file-input,
html body .host-application-form input[type="file"],
html body .host-form input[type="file"]{
  height:68px!important;
  min-height:68px!important;
  padding:8px 18px!important;
  line-height:50px!important;
  border-radius:34px!important;
  display:block!important;
  font-weight:500!important;
}
html body input[type="file"]::file-selector-button,
html body input[type="file"]::-webkit-file-upload-button{
  height:48px!important;
  min-height:48px!important;
  line-height:48px!important;
  margin:0 14px 0 0!important;
  vertical-align:middle!important;
  border-radius:999px!important;
  font-weight:700!important;
}

/* Upcoming plan icons: force monochrome line-icon treatment */
html body .host-upcoming-plan-icon{
  color:#111!important;
  background:#fff7d8!important;
  border:1px solid rgba(201,162,39,.28)!important;
  box-shadow:none!important;
}
html body .host-upcoming-plan-icon svg{
  width:22px!important;
  height:22px!important;
  display:block!important;
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:2.2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

@media(max-width:920px){
  html body .host-application-form .hours-row,
  html body .hours-row{
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:18px!important;
  }
  html body .host-application-form input[type="time"].vamio-native-time-input,
  html body .hours-select-label input[type="time"].vamio-native-time-input{
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    border-radius:24px!important;
  }
}


/* Vamio v4.9.7 - real cache-busted Host form consistency fix
   Purpose: final overrides only for Host application/dashboard form controls.
   Do not alter header/site frame. */
html body .host-application-form select,
html body .host-plan-form select,
html body .host-plan-form-polished select,
html body .host-plan-form-v437 select,
html body #vamioHostPlanForm select {
  height:54px!important;
  min-height:54px!important;
  max-height:54px!important;
  border-radius:27px!important;
  padding:0 18px!important;
  font-size:17px!important;
  line-height:54px!important;
  font-weight:500!important;
  letter-spacing:-.01em!important;
  background:#fffdf8!important;
  border:1px solid var(--line,#dedbd2)!important;
  color:#111!important;
  box-sizing:border-box!important;
}
html body .host-application-form select option,
html body .host-plan-form select option,
html body #vamioHostPlanForm select option{
  font-weight:400!important;
}
html body .host-application-form select[name="primaryCategory"],
html body .host-application-form select[name="secondaryCategory"],
html body #vamioHostPlanForm select[name="activity"],
html body #vamioHostPlanForm select[name="recurrence"]{
  border-radius:27px!important;
}

/* Opening hours: smaller, tighter, no oversized pills */
html body .host-application-form .hours-picker{
  border-radius:28px!important;
  margin-top:18px!important;
  overflow:hidden!important;
}
html body .host-application-form .hours-row{
  grid-template-columns:minmax(110px,.75fr) minmax(120px,210px) minmax(120px,210px) auto!important;
  gap:16px!important;
  padding:12px 22px!important;
  min-height:86px!important;
  align-items:center!important;
}
html body .host-application-form .hours-day{
  font-size:16px!important;
  font-weight:800!important;
}
html body .host-application-form .hours-select-label{
  gap:6px!important;
}
html body .host-application-form .hours-select-label span{
  font-size:11px!important;
  letter-spacing:.12em!important;
  font-weight:850!important;
}
html body .host-application-form .hours-select-label input[type="time"].vamio-native-time-input,
html body #vamioHostPlanForm input[type="time"].vamio-native-time-input,
html body #vamioHostPlanForm input[type="time"].time-picker-select{
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  border-radius:22px!important;
  padding:0 12px!important;
  font-size:16px!important;
  font-weight:700!important;
  letter-spacing:0!important;
  line-height:44px!important;
  text-align:center!important;
  font-variant-numeric:tabular-nums!important;
  background:#fffdf8!important;
  border:1px solid var(--line,#dedbd2)!important;
  box-sizing:border-box!important;
}
html body input[type="time"]::-webkit-date-and-time-value{
  letter-spacing:0!important;
  text-align:center!important;
}
html body input[type="time"]::-webkit-calendar-picker-indicator{
  opacity:.45!important;
  padding:0!important;
  margin-left:2px!important;
}
html body .host-application-form .hours-closed{
  gap:9px!important;
  font-size:15px!important;
  font-weight:800!important;
  align-items:center!important;
}
html body .host-application-form .hours-closed input[type="checkbox"]{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  border-radius:8px!important;
}

/* File upload wells: centre the native picker button vertically */
html body .host-application-form input[type="file"]{
  height:58px!important;
  min-height:58px!important;
  max-height:58px!important;
  padding:8px 16px!important;
  line-height:40px!important;
  border-radius:29px!important;
  font-size:16px!important;
  font-weight:500!important;
  display:block!important;
  box-sizing:border-box!important;
  background:#fffdf8!important;
  border:1px solid var(--line,#dedbd2)!important;
}
html body .host-application-form input[type="file"]::file-selector-button,
html body .host-application-form input[type="file"]::-webkit-file-upload-button{
  height:40px!important;
  min-height:40px!important;
  line-height:38px!important;
  margin:0 12px 0 0!important;
  padding:0 18px!important;
  border-radius:999px!important;
  font-size:15px!important;
  font-weight:750!important;
  vertical-align:middle!important;
}

/* Upcoming plans: monochrome SVG icons, no emoji colour blocks */
html body .host-upcoming-plan-icon{
  width:48px!important;
  height:48px!important;
  border-radius:17px!important;
  background:#fff7d8!important;
  color:#111!important;
  border:1px solid rgba(201,162,39,.28)!important;
  box-shadow:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:0!important;
}
html body .host-upcoming-plan-icon svg{
  width:22px!important;
  height:22px!important;
  display:block!important;
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:2.2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
html body .host-upcoming-plan-icon img,
html body .host-upcoming-plan-icon emoji{
  display:none!important;
}

@media(max-width:920px){
  html body .host-application-form .hours-row{
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:16px!important;
    min-height:auto!important;
  }
  html body .host-application-form .hours-select-label input[type="time"].vamio-native-time-input{
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    border-radius:24px!important;
  }
}


/* Vamio v4.9.9 - final Host dashboard/form cache-busted polish */
html body .host-upcoming-plan-icon{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:56px!important;height:56px!important;border-radius:18px!important;
  background:#FFF3BE!important;border:1px solid #E8DDAF!important;color:#050505!important;
  font-size:0!important;line-height:0!important;overflow:hidden!important;
}
html body .host-upcoming-plan-icon svg{
  width:22px!important;height:22px!important;display:block!important;
  stroke:#050505!important;fill:none!important;stroke-width:2.2!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;
}
html body .host-upcoming-plan-icon svg path,
html body .host-upcoming-plan-icon svg circle,
html body .host-upcoming-plan-icon svg rect{
  stroke:#050505!important;fill:none!important;
}
html body .host-upcoming-plan-icon img,
html body .host-upcoming-plan-icon emoji{display:none!important;}

html body .hours-picker select,
html body .vamio-host-application select.time-picker-select,
html body .vamio-time-field,
html body .vamio-hm-picker{
  min-height:58px!important;height:58px!important;border-radius:24px!important;
}
html body .hours-picker .vamio-hm-picker,
html body .host-hours-table .vamio-hm-picker{
  max-width:320px!important;width:100%!important;
  padding:0 18px!important;
}
html body .vamio-hm-picker .vamio-time-step-value,
html body .vamio-hm-picker .vamio-time-step-colon{
  font-size:22px!important;font-weight:800!important;
}
html body .host-application-form select,
html body .host-dashboard-form select,
html body #vamioHostPlanForm select,
html body .vamio-host-application select{
  border-radius:24px!important;min-height:58px!important;height:58px!important;font-weight:500!important;
}
html body #vamioHostPlanForm select[name="activity"],
html body #vamioHostPlanForm select[name="recurrence"],
html body #vamioHostPlanForm input[name="capacity"]{
  border-radius:28px!important;
}
html body .host-upload-field,
html body .vamio-file-field,
html body .host-file-field{
  display:flex!important;align-items:center!important;min-height:72px!important;
}
html body input[type="file"]{
  align-self:center!important;line-height:1.2!important;
}
html body input[type="file"]::file-selector-button{
  margin-top:0!important;margin-bottom:0!important;align-self:center!important;
  height:48px!important;border-radius:24px!important;
}

/* Vamio v4.9.11 - Host dashboard compact plan cards + cleaner subscription copy */
#vamioHostCommerceStatus:empty { display: none !important; }
.host-upcoming-plan-compact {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
  align-items: start;
  max-width: 520px;
}
.host-upcoming-plan-compact .host-upcoming-plan-main {
  align-items: flex-start;
  gap: 20px;
}
.host-upcoming-plan-compact .host-upcoming-plan-icon {
  background: #fff4bf !important;
  color: #b78300 !important;
  flex: 0 0 64px;
  width: 64px;
  height: 64px;
  border-radius: 22px;
}
.host-upcoming-plan-compact .host-upcoming-plan-copy strong {
  line-height: 1.05;
  margin-bottom: 6px;
}
.host-upcoming-plan-compact .host-upcoming-plan-line {
  display: block;
  color: #665f55;
  font-weight: 700;
  line-height: 1.22;
}
.host-upcoming-plan-compact .host-recurring-icon {
  display: inline-block;
  color: #665f55;
  font-weight: 900;
  margin-right: 3px;
}
.host-upcoming-plan-compact .compact-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin-top: 8px;
}
.host-upcoming-plan-compact .compact-meta small {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  color: #665f55;
  font-weight: 800;
}
.host-upcoming-plan-compact .compact-meta small + small::before {
  content: '•';
  margin-right: 12px;
  color: #9b9489;
}
.host-upcoming-plan-compact .host-plan-venue-name {
  color: #b78300 !important;
  max-width: 230px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 900px) {
  .host-upcoming-plan-compact {
    min-height: 0;
  }
}
@media (max-width: 720px) {
  .host-upcoming-plan-compact {
    max-width: none;
  }
  .host-upcoming-plan-compact .host-upcoming-plan-icon {
    width: 56px;
    height: 56px;
    flex-basis: 56px;
    border-radius: 18px;
  }
  .host-upcoming-plan-compact .host-plan-venue-name {
    max-width: 180px;
  }
}

/* Vamio v4.10.0 - Premium Host dashboard plan management */
.host-dashboard-overview{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin:26px 0 30px;
}
.host-overview-card{
  border:1px solid rgba(17,17,17,.08);
  background:linear-gradient(180deg,#fff 0%,#fffdf8 100%);
  border-radius:24px;
  padding:20px;
  box-shadow:0 18px 48px rgba(17,17,17,.045);
}
.host-overview-card span,
.host-section-eyebrow{
  display:block;
  color:#9b9489;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:8px;
}
.host-overview-card strong{
  display:block;
  color:#111;
  font-size:36px;
  line-height:1;
  letter-spacing:-.055em;
}
.host-overview-card small{
  display:block;
  margin-top:8px;
  color:#6b665d;
  font-weight:750;
}
.host-plans-section-modern{
  padding:34px!important;
  background:#fff!important;
  border-radius:32px!important;
}
.host-plans-section-head-modern{
  align-items:flex-end!important;
  margin-bottom:26px!important;
}
.host-plans-section-head-modern h2{
  font-size:clamp(36px,4vw,58px)!important;
  letter-spacing:-.065em!important;
}
.host-section-subcopy{
  color:#6b665d;
  margin:10px 0 0!important;
  max-width:760px;
  font-weight:650;
}
.host-plan-toolbar{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.host-plan-toolbar button{
  border:1px solid rgba(17,17,17,.09);
  background:#fff;
  border-radius:999px;
  min-height:42px;
  padding:10px 16px;
  font-weight:900;
  color:#5f5a4c;
  cursor:pointer;
}
.host-plan-toolbar button.is-active{
  background:#111;
  border-color:#111;
  color:#fff;
}
.host-plans-section-modern .host-upcoming-list{
  grid-template-columns:1fr!important;
  gap:18px!important;
}
.host-upcoming-plan-modern{
  max-width:none!important;
  display:grid!important;
  grid-template-columns:180px minmax(0,1fr)!important;
  gap:22px!important;
  align-items:stretch!important;
  padding:18px!important;
  border-radius:28px!important;
  background:#fffefc!important;
  box-shadow:0 16px 50px rgba(17,17,17,.045)!important;
}
.host-plan-media{
  min-height:172px;
  border-radius:22px;
  background-size:cover;
  background-position:center;
  background-color:#fff4bf;
  border:1px solid rgba(17,17,17,.08);
}
.host-plan-media-empty{
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#fff4bf,#fffaf0);
}
.host-plan-media-empty span{font-size:44px;line-height:1;}
.host-upcoming-plan-modern .host-upcoming-plan-body{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
}
.host-upcoming-plan-modern .host-upcoming-plan-main{
  grid-template-columns:58px minmax(0,1fr)!important;
  gap:16px!important;
}
.host-upcoming-plan-modern .host-upcoming-plan-icon{
  width:58px!important;
  height:58px!important;
  border-radius:18px!important;
  background:#fff4bf!important;
}
.host-plan-title-row{
  display:flex;
  align-items:flex-start;
  gap:12px;
  flex-wrap:wrap;
}
.host-upcoming-plan-modern .host-upcoming-plan-copy strong{
  font-size:clamp(24px,2.2vw,34px)!important;
  line-height:1.02!important;
  letter-spacing:-.052em!important;
  margin:0 0 8px!important;
}
.host-plan-status-badge{
  display:inline-flex!important;
  width:auto!important;
  border-radius:999px;
  padding:7px 10px;
  background:#e9fff0;
  color:#0a8a3a!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1!important;
}
.host-upcoming-plan-modern .host-upcoming-plan-line{
  font-size:16px!important;
  color:#5f5a4c!important;
  font-weight:800!important;
}
.host-upcoming-plan-modern .compact-meta{
  margin-top:12px!important;
}
.host-upcoming-plan-modern .compact-meta small{
  font-size:15px!important;
}
.host-plan-progress{
  height:6px;
  width:min(260px,100%);
  background:#eee9dd;
  border-radius:999px;
  margin-top:14px;
  overflow:hidden;
}
.host-plan-progress span{
  display:block;
  height:100%;
  background:#c89400;
  border-radius:999px;
}
.host-upcoming-plan-modern .host-upcoming-plan-actions{
  min-width:270px;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-self:center;
}
.host-upcoming-plan-modern .host-upcoming-plan-actions button{
  min-height:46px!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#111!important;
  border-color:rgba(17,17,17,.12)!important;
}
.host-upcoming-plan-modern .host-upcoming-plan-actions button.danger{
  grid-column:1 / -1!important;
  max-width:128px;
  background:#fff5f5!important;
  border-color:#ffd1d1!important;
  color:#e34848!important;
}
@media (max-width: 980px){
  .host-dashboard-overview{grid-template-columns:repeat(2,minmax(0,1fr));}
  .host-plans-section-head-modern{align-items:flex-start!important;}
  .host-plan-toolbar{justify-content:flex-start;}
  .host-upcoming-plan-modern{grid-template-columns:1fr!important;}
  .host-plan-media{min-height:210px;}
  .host-upcoming-plan-modern .host-upcoming-plan-body{grid-template-columns:1fr;}
  .host-upcoming-plan-modern .host-upcoming-plan-actions{min-width:0;}
}
@media (max-width: 600px){
  .host-dashboard-overview{grid-template-columns:1fr;}
  .host-plans-section-modern{padding:22px!important;}
  .host-plan-media{min-height:170px;}
  .host-upcoming-plan-modern .host-upcoming-plan-actions{grid-template-columns:1fr 1fr!important;}
  .host-upcoming-plan-modern .host-upcoming-plan-actions button.danger{grid-column:1 / -1!important;max-width:none;}
}


/* Vamio v4.10.2 - Host dashboard previous plan card parity */
.host-plans-section-previous{
  overflow:hidden!important;
}
.host-plans-section-previous .host-upcoming-list{
  grid-template-columns:1fr!important;
  gap:18px!important;
}
.host-plans-section-previous .host-upcoming-plan-modern{
  width:100%!important;
  max-width:none!important;
  grid-template-columns:180px minmax(0,1fr)!important;
}
.host-plans-section-previous .host-upcoming-plan-modern .host-upcoming-plan-body{
  grid-template-columns:minmax(0,1fr) auto!important;
}
.host-plans-section-previous .host-plan-status-badge{
  background:#e9fff0!important;
  color:#5d7664!important;
}
.host-plans-section-previous .host-plan-progress{
  display:none!important;
}
.host-plans-section-previous .host-upcoming-plan-actions{
  min-width:260px!important;
}
@media (max-width: 980px){
  .host-plans-section-previous .host-upcoming-plan-modern{grid-template-columns:1fr!important;}
  .host-plans-section-previous .host-upcoming-plan-modern .host-upcoming-plan-body{grid-template-columns:1fr!important;}
  .host-plans-section-previous .host-upcoming-plan-actions{min-width:0!important;}
}

/* Vamio 4.10.4: weekday recurrence contract */
.weekday-repeat-fieldset{border:1px solid rgba(201,162,39,.22);border-radius:16px;padding:14px;margin:0;background:rgba(255,255,255,.04)}
.weekday-repeat-fieldset legend{font-weight:800;padding:0 6px}.weekday-repeat-fieldset p{margin:4px 0 12px;color:var(--vamio-muted,#777);font-size:.9rem}.weekday-repeat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.weekday-repeat-grid label{display:flex;align-items:center;gap:6px;border:1px solid rgba(201,162,39,.18);border-radius:12px;padding:9px 10px;margin:0;font-weight:800}.weekday-repeat-grid input{accent-color:#c9a227}


/* Vamio v4.10.5 - weekday recurrence consistency */
.weekday-repeat-fieldset p{display:none!important;}
.weekday-repeat-grid label{min-height:48px!important;box-sizing:border-box!important;justify-content:center!important;gap:10px!important;}
.weekday-repeat-grid input[type="checkbox"]{appearance:none!important;-webkit-appearance:none!important;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;max-width:18px!important;max-height:18px!important;box-sizing:border-box!important;margin:0!important;padding:0!important;border:2px solid rgba(22,22,22,.45)!important;border-radius:4px!important;background:#fff!important;display:inline-grid!important;place-content:center!important;vertical-align:middle!important;}
.weekday-repeat-grid input[type="checkbox"]:checked{background:#C9A227!important;border-color:#C9A227!important;}
.weekday-repeat-grid input[type="checkbox"]:checked::after{content:"";width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);margin-top:-1px;}
@media (max-width:700px){.weekday-repeat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.weekday-repeat-grid label{min-height:46px!important}}

/* Vamio v4.10.15 - Host dashboard plan list refinement */
.host-plans-section-modern{
  padding:32px!important;
  background:linear-gradient(180deg,#fff 0%,#fffdf8 100%)!important;
  border:1px solid rgba(17,17,17,.07)!important;
  box-shadow:0 22px 70px rgba(17,17,17,.045)!important;
}
.host-plans-section-head-modern{
  align-items:flex-start!important;
  gap:22px!important;
  margin-bottom:24px!important;
}
.host-plans-section-head-modern h2{
  font-size:clamp(34px,3.75vw,54px)!important;
  letter-spacing:-.06em!important;
}
.host-section-subcopy{
  max-width:720px!important;
  font-size:16px!important;
  line-height:1.45!important;
}
.host-plan-toolbar{
  background:#faf8f1;
  border:1px solid rgba(17,17,17,.07);
  border-radius:999px;
  padding:5px;
  gap:4px!important;
}
.host-plan-toolbar button{
  min-height:38px!important;
  padding:9px 14px!important;
  border:0!important;
  background:transparent!important;
  color:#625d51!important;
  font-size:14px!important;
  letter-spacing:-.01em;
}
.host-plan-toolbar button.is-active{
  background:#111!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(17,17,17,.12);
}
.host-plans-section-modern .host-upcoming-list{
  gap:16px!important;
}
.host-upcoming-plan-modern{
  grid-template-columns:148px minmax(0,1fr)!important;
  gap:20px!important;
  align-items:center!important;
  padding:14px!important;
  border-radius:26px!important;
  background:#fff!important;
  border:1px solid rgba(17,17,17,.075)!important;
  box-shadow:0 12px 42px rgba(17,17,17,.035)!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.host-upcoming-plan-modern:hover{
  transform:translateY(-1px);
  border-color:rgba(201,162,39,.22)!important;
  box-shadow:0 18px 54px rgba(17,17,17,.055)!important;
}
.host-plan-media{
  min-height:132px!important;
  border-radius:22px!important;
  position:relative;
  overflow:hidden;
  background-color:#f5efe0!important;
  border:1px solid rgba(17,17,17,.07)!important;
}
.host-plan-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.18) 100%);
  pointer-events:none;
}
.host-plan-media-empty::after{display:none;}
.host-plan-media-chip{
  position:absolute;
  left:12px;
  bottom:12px;
  z-index:1;
  width:38px;
  height:38px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 8px 22px rgba(0,0,0,.10);
  font-size:18px;
}
.host-plan-media-empty{
  background:linear-gradient(135deg,#fff4bf,#fffaf0)!important;
}
.host-plan-media-empty span{font-size:36px!important;}
.host-upcoming-plan-modern .host-upcoming-plan-body{
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:16px!important;
}
.host-upcoming-plan-modern .host-upcoming-plan-main{
  display:block!important;
}
.host-upcoming-plan-modern .host-upcoming-plan-icon{display:none!important;}
.host-plan-title-row{
  align-items:center!important;
  gap:10px!important;
}
.host-upcoming-plan-modern .host-upcoming-plan-copy strong{
  font-size:clamp(23px,2vw,32px)!important;
  line-height:1.02!important;
  margin:0!important;
}
.host-plan-status-badge{
  padding:7px 11px!important;
  background:#e9fff0!important;
  color:#477258!important;
  border:1px solid rgba(71,114,88,.08)!important;
  font-size:12px!important;
  transform:translateY(1px);
}
.host-upcoming-plan-modern .host-upcoming-plan-line{
  display:block!important;
  margin-top:9px!important;
  font-size:15px!important;
  color:#625d51!important;
  font-weight:820!important;
}
.host-upcoming-plan-modern .compact-meta{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin-top:11px!important;
}
.host-upcoming-plan-modern .compact-meta small,
.host-plan-recurring-pill{
  display:inline-flex!important;
  align-items:center!important;
  min-height:32px!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  background:#fbf7ed!important;
  border:1px solid rgba(17,17,17,.075)!important;
  color:#655f52!important;
  font-size:14px!important;
  font-weight:850!important;
  line-height:1!important;
}
.host-plan-recurring-pill{
  background:#fff8db!important;
  border-color:rgba(201,162,39,.18)!important;
  color:#82670e!important;
}
.host-plan-progress{
  height:5px!important;
  width:min(230px,100%)!important;
  background:#eee9dd!important;
  margin-top:12px!important;
}
.host-plan-progress span{background:#c9a227!important;}
.host-upcoming-plan-modern .host-upcoming-plan-actions{
  min-width:236px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}
.host-upcoming-plan-modern .host-upcoming-plan-actions button{
  min-height:42px!important;
  padding:9px 14px!important;
  border-radius:15px!important;
  font-size:14px!important;
  font-weight:900!important;
  box-shadow:none!important;
}
.host-upcoming-plan-modern .host-upcoming-plan-actions button.primary{
  background:#111!important;
  border-color:#111!important;
  color:#fff!important;
}
.host-upcoming-plan-modern .host-upcoming-plan-actions button.danger{
  grid-column:1 / -1!important;
  max-width:none!important;
  color:#d84c4c!important;
  background:#fff7f7!important;
  border-color:#ffd6d6!important;
}
.host-plans-section-previous{
  background:#fffdf8!important;
  border:1px solid rgba(17,17,17,.07)!important;
  border-radius:28px!important;
  box-shadow:0 18px 54px rgba(17,17,17,.035)!important;
}
.host-plans-section-previous .host-upcoming-list{gap:14px!important;}
.host-plans-section-previous .host-upcoming-plan-modern,
.host-upcoming-plan-modern.is-previous{
  grid-template-columns:116px minmax(0,1fr)!important;
  opacity:.88;
  background:#fffdfa!important;
  box-shadow:0 8px 30px rgba(17,17,17,.025)!important;
}
.host-upcoming-plan-modern.is-previous .host-plan-media{
  min-height:104px!important;
  filter:saturate(.85);
}
.host-upcoming-plan-modern.is-previous .host-plan-status-badge{
  background:#f1f0eb!important;
  color:#7a756b!important;
}
.host-upcoming-plan-modern.is-previous .host-upcoming-plan-actions{
  min-width:210px!important;
}
.host-upcoming-plan-modern.is-previous .host-upcoming-plan-actions button.danger{
  background:#fff!important;
}
@media (max-width: 980px){
  .host-plans-section-head-modern{align-items:flex-start!important;}
  .host-plan-toolbar{justify-content:flex-start;border-radius:22px;}
  .host-upcoming-plan-modern,
  .host-plans-section-previous .host-upcoming-plan-modern,
  .host-upcoming-plan-modern.is-previous{grid-template-columns:1fr!important;}
  .host-plan-media{min-height:190px!important;}
  .host-upcoming-plan-modern .host-upcoming-plan-body{grid-template-columns:1fr!important;}
  .host-upcoming-plan-modern .host-upcoming-plan-actions{min-width:0!important;}
}
@media (max-width: 600px){
  .host-plans-section-modern{padding:20px!important;}
  .host-plan-toolbar{width:100%;}
  .host-plan-toolbar button{flex:1 1 auto;}
  .host-plan-media{min-height:166px!important;}
  .host-upcoming-plan-modern .host-upcoming-plan-actions{grid-template-columns:1fr 1fr!important;}
}

/* Vamio v4.10.16 - Host Dashboard final visual polish */
.host-commerce-card-v437{
  background:linear-gradient(135deg,#fff 0%,#fffaf2 58%,#fff8e6 100%)!important;
}
.host-commerce-benefits{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}
.host-commerce-benefits span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:32px;
  padding:7px 12px;
  border:1px solid rgba(201,162,39,.22);
  background:rgba(255,255,255,.72);
  border-radius:999px;
  color:#4f493f;
  font-size:13px;
  font-weight:900;
}
.host-commerce-benefits span::before{
  content:"✓";
  color:#997600;
  font-weight:950;
}
.host-dashboard-overview{
  margin:0 0 28px!important;
}
.host-overview-card{
  border-radius:26px!important;
  background:linear-gradient(180deg,#fff 0%,#fffdfa 100%)!important;
  box-shadow:0 14px 42px rgba(17,17,17,.035)!important;
}
.host-venue-card-polished{
  display:block!important;
  overflow:hidden!important;
  padding:0!important;
}
.host-venue-hero{
  height:168px;
  border-radius:28px 28px 22px 22px;
  margin:0 0 22px;
  background:linear-gradient(135deg,#fff3ba,#fffaf0);
  background-size:cover;
  background-position:center;
  border-bottom:1px solid rgba(17,17,17,.06);
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  overflow:hidden;
}
.host-venue-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.18) 100%);
  opacity:0;
}
.host-venue-hero.has-image::after{opacity:1;}
.host-venue-hero span{
  font-size:38px;
  color:#b88400;
}
.host-venue-card-polished .host-venue-head,
.host-venue-card-polished .host-venue-meta,
.host-venue-card-polished .host-venue-pills,
.host-venue-card-polished .host-dashboard-status{
  margin-left:28px!important;
  margin-right:28px!important;
}
.host-venue-card-polished .host-venue-head{
  margin-bottom:16px!important;
}
.host-venue-card-polished .host-venue-logo{
  width:66px!important;
  height:66px!important;
  border-radius:20px!important;
  background:#fff!important;
  color:#c9a227!important;
  border:1px solid rgba(17,17,17,.08)!important;
  box-shadow:0 10px 30px rgba(17,17,17,.06)!important;
}
.host-venue-card-polished .host-venue-pills{margin-bottom:28px!important;}
.host-plan-panel-polished{padding:28px 32px!important;}
.host-plan-heading-polished{margin-bottom:18px!important;}
.host-plan-form-v437{gap:14px!important;}
.host-form-section-title{margin:2px 0 -6px!important;}
.host-plan-form-v437 textarea{min-height:160px!important;}
.weekday-repeat-fieldset legend{font-size:18px!important;font-weight:950!important;color:#111!important;padding:0 8px!important;}
.host-plan-preview{
  margin:16px 0 22px!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fff!important;
}
.host-preview-card-real{
  display:grid;
  grid-template-columns:54px minmax(0,1fr);
  gap:14px;
  align-items:start;
  padding:18px;
  background:linear-gradient(180deg,#fff 0%,#fffdf8 100%);
}
.host-preview-icon{
  width:54px;
  height:54px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff4bf;
  border:1px solid rgba(201,162,39,.18);
  font-size:23px;
}
.host-preview-title-row{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
.host-preview-title-row strong{
  font-size:clamp(22px,2vw,30px)!important;
  line-height:1.03!important;
  letter-spacing:-.045em!important;
  margin:0!important;
}
.host-preview-title-row span{
  display:inline-flex!important;
  width:auto!important;
  min-height:28px;
  border-radius:999px;
  padding:6px 10px;
  background:#e9fff0;
  color:#477258!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1!important;
}
.host-preview-content p{
  margin:8px 0 0!important;
  color:#625d51!important;
  font-weight:820!important;
}
.host-preview-pills{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:11px;
}
.host-preview-pills small{
  display:inline-flex!important;
  margin:0!important;
  min-height:30px;
  padding:7px 11px;
  border-radius:999px;
  background:#fbf7ed;
  border:1px solid rgba(17,17,17,.075);
  color:#655f52!important;
  font-weight:850!important;
  line-height:1!important;
}
.host-plan-submit-row{margin-top:2px!important;padding-top:0!important;}
.host-plan-submit-row .button{border-radius:999px!important;min-height:50px!important;}
@media(max-width:900px){
  .host-dashboard-overview{margin-top:0!important;}
  .host-venue-hero{height:190px;}
  .host-venue-card-polished .host-venue-head,
  .host-venue-card-polished .host-venue-meta,
  .host-venue-card-polished .host-venue-pills,
  .host-venue-card-polished .host-dashboard-status{margin-left:22px!important;margin-right:22px!important;}
  .host-plan-panel-polished{padding:24px!important;}
}
@media(max-width:600px){
  .host-commerce-benefits span{width:100%;justify-content:flex-start;}
  .host-preview-card-real{grid-template-columns:1fr;}
}


/* v4.10.21 — Host plan list logo fit refinement */
.host-plan-media-logo{
  background-color:#fff!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  padding:12px!important;
}
.host-plan-media-logo::after{
  display:none!important;
}
.host-plan-media-logo .host-plan-media-chip{
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(17,17,17,.08)!important;
  box-shadow:0 8px 22px rgba(17,17,17,.08)!important;
}


/* v4.10.22 — Host plan logo clean-up + venue card spacing */
.host-plan-media-chip{
  display:none!important;
}
.host-plan-media-logo{
  background-color:#fff!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  padding:16px!important;
}
.host-plan-media-empty{
  background:#fff!important;
}
.host-plan-media-empty span{
  display:none!important;
}
.host-venue-card-polished .host-venue-pills{
  margin-top:14px!important;
}
.host-address-line{
  margin-bottom:4px!important;
}

/* v4.10.23 — Host dashboard logo breathing room */
.host-plan-media-logo{
  background-color:#fff!important;
  background-size:calc(100% - 40px) auto!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  padding:20px!important;
  border:1px solid rgba(17,17,17,.06)!important;
  box-shadow:inset 0 0 0 1px rgba(17,17,17,.025)!important;
}
.host-plan-media-empty{
  background:#fff!important;
  border:1px solid rgba(17,17,17,.06)!important;
  box-shadow:inset 0 0 0 1px rgba(17,17,17,.025)!important;
}
.host-venue-card-polished .host-venue-logo{
  width:72px!important;
  height:72px!important;
  border-radius:22px!important;
  background:#fff!important;
  color:#c9a227!important;
  border:1px solid rgba(17,17,17,.07)!important;
  box-shadow:0 10px 30px rgba(17,17,17,.055), inset 0 0 0 1px rgba(17,17,17,.025)!important;
  padding:12px!important;
  box-sizing:border-box!important;
}
.host-venue-logo.has-image img,
.host-venue-card-polished .host-venue-logo img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  display:block!important;
}
.host-venue-card-polished .host-venue-pills{
  margin-top:16px!important;
}
.host-address-line{
  margin-bottom:6px!important;
}

/* V4.10.24 Host Application upload card polish */
.host-upload-card .host-upload-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:18px;
}
.vamio-upload-card{
  position:relative;
  min-height:220px;
  border:1px solid rgba(201,162,39,.28);
  background:linear-gradient(180deg,#fffdf8 0%,#fff 100%);
  border-radius:28px;
  padding:28px 24px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:8px;
  cursor:pointer;
  box-shadow:0 12px 34px rgba(0,0,0,.035);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;
  overflow:hidden;
}
.vamio-upload-card:hover,.vamio-upload-card:focus-visible,.vamio-upload-card.is-dragover{
  transform:translateY(-2px);
  border-color:rgba(201,162,39,.56);
  box-shadow:0 18px 44px rgba(0,0,0,.07);
  outline:none;
}
.vamio-upload-card.has-files{
  border-color:rgba(20,120,63,.24);
  background:linear-gradient(180deg,#f8fff9 0%,#fff 100%);
}
.vamio-upload-input{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  opacity:0!important;
  cursor:pointer!important;
  padding:0!important;
  border:0!important;
}
.vamio-upload-icon{
  width:54px;
  height:54px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff5c7;
  border:1px solid rgba(201,162,39,.24);
  color:#b78900;
  font-size:30px;
  line-height:1;
  font-weight:900;
  margin-bottom:6px;
}
.vamio-upload-card strong{font-size:22px;line-height:1.05;letter-spacing:-.035em;color:#111;}
.vamio-upload-card span{font-size:15px;font-weight:850;color:#6e6a62;}
.vamio-upload-card small{font-size:13px;font-weight:800;color:#8f897f;}
.vamio-upload-card em{
  margin-top:6px;
  font-style:normal;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#6b5200;
  background:#fff7d6;
  border:1px solid rgba(201,162,39,.28);
  border-radius:999px;
  padding:7px 11px;
}
.host-upload-preview{
  display:grid!important;
  grid-template-columns:220px 1fr;
  gap:18px;
  margin-top:18px!important;
  align-items:start;
}
.host-preview-section{
  border:1px solid rgba(0,0,0,.065);
  background:#fff;
  border-radius:24px;
  padding:16px;
  min-height:124px;
}
.host-preview-heading{
  color:#8e887f;
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:12px;
}
.host-preview-empty{font-size:14px;font-weight:750;color:#8a857d;}
.host-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:12px;}
.host-upload-preview .host-preview-item{
  width:auto!important;
  position:relative;
  border:1px solid rgba(0,0,0,.07);
  border-radius:18px;
  background:#fffdf8;
  padding:8px;
  box-sizing:border-box;
}
.host-upload-preview .host-preview-logo{max-width:150px;}
.host-upload-preview .host-preview-item img{
  width:100%;
  height:92px;
  object-fit:cover;
  border-radius:13px;
  display:block;
  background:#fff;
}
.host-upload-preview .host-preview-logo img{object-fit:contain;padding:10px;box-sizing:border-box;}
.host-upload-preview .host-preview-item span{
  display:block;
  font-size:11px;
  font-weight:750;
  color:#6f6a63;
  margin-top:7px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.host-preview-remove{
  position:absolute;
  top:5px;
  right:5px;
  width:25px;
  height:25px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
  color:#111;
  font-size:18px;
  line-height:1;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 6px 16px rgba(0,0,0,.08);
}
@media(max-width:860px){
  .host-upload-card .host-upload-grid,.host-upload-preview{grid-template-columns:1fr;}
  .vamio-upload-card{min-height:190px;padding:24px 20px;}
}

/* V4.10.25 Host Application final polish */
.required-asterisk{
  color:#b3261e;
  font-weight:950;
  margin-left:2px;
}
.host-application-form label .required-asterisk,
.vamio-upload-card .required-asterisk{
  display:inline;
}
.vamio-upload-card small.upload-helper{
  max-width:260px;
  line-height:1.35;
  color:#6f685b;
}
.host-application-form button[type="submit"].is-disabled,
.host-application-form button[type="submit"][aria-disabled="true"]{
  background:#d8d2c7!important;
  color:#746f66!important;
  border-color:#d8d2c7!important;
  box-shadow:none!important;
  transform:none!important;
}

/* Vamio v4.10.26 - required asterisk inline label fix */
.host-application-form .field-label{
  display:inline-flex!important;
  align-items:baseline!important;
  gap:4px!important;
  width:max-content!important;
  max-width:100%!important;
  line-height:1.25!important;
}
.host-application-form .required-asterisk,
.vamio-upload-card .required-asterisk{
  display:inline!important;
  position:static!important;
  margin:0!important;
  padding:0!important;
  color:#b3261e!important;
  font-weight:950!important;
  line-height:1!important;
}


/* v4.10.32 — Host Dashboard: prevent approved venue name clipping */
.host-venue-title-wrap{min-width:0!important;max-width:100%!important;overflow:visible!important;}
.host-venue-card-polished h2{
  display:block!important;
  -webkit-line-clamp:unset!important;
  -webkit-box-orient:unset!important;
  overflow:visible!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
  hyphens:auto!important;
  font-size:clamp(24px,2vw,32px)!important;
  line-height:1.05!important;
}

/* Vamio v4.10.37 - venue profile consistency */
.host-profile-editor{margin-top:14px;border-top:1px solid rgba(17,17,17,.08);padding-top:14px}.host-profile-editor summary{cursor:pointer;font-weight:850}.host-profile-form{display:grid;gap:12px;margin-top:14px}.host-profile-form label{display:grid;gap:6px;font-size:13px;font-weight:800}.host-profile-form input,.host-profile-form select,.host-profile-form textarea{width:100%;border:1px solid rgba(17,17,17,.14);border-radius:12px;padding:10px;background:#fff}.host-profile-form textarea{resize:vertical}

/* Vamio v4.10.38 - Host dashboard venue profile editor */
.host-profile-edit-trigger{
  width:100%;
  min-height:54px;
  margin-top:16px;
  padding:0 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  border:1px solid rgba(17,17,17,.10);
  border-radius:18px;
  background:#fffdf8;
  color:#111;
  font:inherit;
  font-size:15px;
  font-weight:850;
  cursor:pointer;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.host-profile-edit-trigger:hover{
  border-color:rgba(201,162,39,.55);
  box-shadow:0 10px 28px rgba(17,17,17,.07);
  transform:translateY(-1px);
}
.host-profile-edit-trigger span:last-child{color:#b88400;font-size:20px;line-height:1;}
.host-profile-dialog{
  width:min(760px,calc(100vw - 32px));
  max-height:min(88vh,860px);
  margin:auto;
  padding:0;
  border:1px solid rgba(17,17,17,.10);
  border-radius:30px;
  background:#fffdf8;
  color:#111;
  box-shadow:0 36px 120px rgba(0,0,0,.24);
  overflow:auto;
}
.host-profile-dialog::backdrop{background:rgba(17,17,17,.48);backdrop-filter:blur(8px);}
.host-profile-dialog-head{
  position:sticky;
  top:0;
  z-index:2;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  padding:30px 32px 24px;
  background:rgba(255,253,248,.96);
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(17,17,17,.08);
}
.host-profile-dialog-head h2{font-size:clamp(34px,5vw,52px)!important;line-height:1!important;margin:0 0 10px!important;letter-spacing:-.06em!important;}
.host-profile-dialog-head p:last-child{margin:0;color:#6b665d;max-width:560px;}
.host-profile-dialog-close{
  flex:0 0 auto;
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border:1px solid rgba(17,17,17,.10);
  border-radius:999px;
  background:#fff;
  color:#111;
  font-size:28px;
  line-height:1;
  cursor:pointer;
}
.host-profile-dialog .host-profile-form{display:grid;gap:24px;margin:0;padding:28px 32px 32px;}
.host-profile-dialog .host-profile-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
.host-profile-dialog .host-profile-form label{display:grid;align-content:start;gap:8px;font-size:15px;font-weight:850;color:#111;}
.host-profile-dialog .host-profile-form-grid label:first-child{grid-column:1 / -1;}
.host-profile-field-help{font-size:12px;font-weight:650;color:#7a746b;line-height:1.35;}
.host-profile-dialog .host-profile-form input,
.host-profile-dialog .host-profile-form select,
.host-profile-dialog .host-profile-form textarea{
  width:100%;
  min-height:54px;
  border:1px solid rgba(17,17,17,.14);
  border-radius:16px;
  padding:13px 15px;
  background:#fff;
  color:#111;
  font:inherit;
  font-size:16px;
  line-height:1.45;
  box-shadow:none;
}
.host-profile-dialog .host-profile-form textarea{min-height:170px;resize:vertical;font-family:inherit;}
.host-profile-dialog .host-profile-form input:focus,
.host-profile-dialog .host-profile-form select:focus,
.host-profile-dialog .host-profile-form textarea:focus{outline:3px solid rgba(201,162,39,.16);border-color:#c9a227;}
.host-profile-form-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;padding-top:2px;}
.host-profile-form-actions .button{min-width:180px;min-height:52px;}
.host-profile-dialog .host-dashboard-status{margin:0;min-height:0;text-align:right;}
body.host-profile-dialog-open{overflow:hidden;}
@media(max-width:680px){
  .host-profile-dialog{width:calc(100vw - 20px);max-height:calc(100vh - 20px);border-radius:24px;}
  .host-profile-dialog-head{padding:24px 22px 20px;}
  .host-profile-dialog-head h2{font-size:36px!important;}
  .host-profile-dialog .host-profile-form{padding:22px;}
  .host-profile-dialog .host-profile-form-grid{grid-template-columns:1fr;}
  .host-profile-dialog .host-profile-form-grid label:first-child{grid-column:auto;}
  .host-profile-form-actions{display:grid;grid-template-columns:1fr;}
  .host-profile-form-actions .button{width:100%;min-width:0;}
}


/* Vamio v4.10.39 - full Host Chat dashboard */
.host-chat-top-action{display:inline-flex;align-items:center;gap:.5rem}.host-chat-nav-badge{min-width:1.45rem;height:1.45rem;padding:0 .35rem;border-radius:999px;background:#c79208;color:#fff;font-size:.76rem;line-height:1.45rem;text-align:center;font-weight:800}
.host-chat-section{margin:2rem 0;background:#fff;border:1px solid rgba(80,66,35,.13);border-radius:30px;padding:28px;box-shadow:0 14px 45px rgba(52,43,23,.06)}
.host-chat-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:22px}.host-chat-heading h2{margin:.15rem 0 .25rem;font-size:clamp(2rem,3vw,2.8rem)}
.host-chat-shell{display:grid;grid-template-columns:minmax(280px,36%) minmax(0,1fr);height:660px;border:1px solid rgba(80,66,35,.14);border-radius:24px;overflow:hidden;background:#fbfaf7}
.host-chat-list-panel{border-right:1px solid rgba(80,66,35,.12);background:#fff;overflow:auto}.host-chat-list{padding:10px}
.host-chat-conversation{width:100%;display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:0;border-radius:18px;background:transparent;text-align:left;cursor:pointer;color:#191714}.host-chat-conversation:hover,.host-chat-conversation.is-active{background:#fff5cf}.host-chat-conversation.is-unread .host-chat-conversation-name{font-weight:850}.host-chat-person-avatar{width:52px;height:52px;border-radius:16px;background:#f2ead5;display:grid;place-items:center;overflow:hidden;font-weight:850;color:#9d7100;flex:none}.host-chat-person-avatar img{width:100%;height:100%;object-fit:cover}.host-chat-conversation-main{min-width:0}.host-chat-conversation-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.host-chat-conversation-name{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.host-chat-conversation-preview{display:block;margin-top:4px;color:#756f64;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9rem}.host-chat-conversation-time{color:#8a8377;font-size:.75rem;white-space:nowrap}.host-chat-unread-dot{width:10px;height:10px;border-radius:50%;background:#c79208}
.host-chat-empty,.host-chat-thread-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#777065;gap:6px;min-height:220px;padding:30px}.host-chat-empty span,.host-chat-thread-empty p{margin:0;color:#8a8377}.host-chat-empty-icon{font-size:3rem;color:#c79208}
.host-chat-thread-panel{min-width:0;display:flex;background:#fbfaf7}.host-chat-thread-empty{width:100%;height:100%}.host-chat-thread{width:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0}.host-chat-thread-head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(80,66,35,.12);background:#fff}.host-chat-thread-head>div:last-child{display:flex;flex-direction:column}.host-chat-thread-head span{font-size:.84rem;color:#817a6e}.host-chat-mobile-back{display:none;border:0;background:transparent;font-size:1.5rem}.host-chat-messages{overflow:auto;padding:22px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}.host-chat-message{max-width:min(78%,620px);padding:11px 14px;border-radius:18px;background:#fff;border:1px solid rgba(80,66,35,.1);align-self:flex-start;box-shadow:0 3px 12px rgba(50,40,20,.035)}.host-chat-message.is-mine{align-self:flex-end;background:#fff2bd;border-color:#efcf64}.host-chat-message-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45}.host-chat-message-meta{display:flex;justify-content:flex-end;gap:8px;margin-top:5px;color:#8b8375;font-size:.72rem}.host-chat-message-actions{display:flex;gap:8px;margin-top:6px;justify-content:flex-end}.host-chat-message-actions button{border:0;background:transparent;color:#76653a;font-size:.75rem;padding:0;cursor:pointer}.host-chat-message-actions button.is-delete{color:#b62b35}.host-chat-message.is-editing textarea{width:100%;min-height:68px;border:1px solid #d8bd62;border-radius:12px;padding:9px;resize:vertical}.host-chat-edit-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:7px}.host-chat-edit-actions button{border:0;border-radius:999px;padding:6px 11px;cursor:pointer}
.host-chat-composer{padding:14px 18px 16px;background:#fff;border-top:1px solid rgba(80,66,35,.12)}.host-chat-composer textarea{width:100%;resize:none;border:1px solid rgba(80,66,35,.18);border-radius:16px;padding:12px 14px;font:inherit;min-height:62px}.host-chat-composer textarea:focus{outline:2px solid rgba(199,146,8,.22);border-color:#c79208}.host-chat-composer-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.host-chat-composer-footer span{font-size:.8rem;color:#817a6e}.host-chat-composer-footer .button{padding:.65rem 1.25rem}.host-chat-loading{text-align:center;padding:24px;color:#817a6e}
@media(max-width:780px){.host-chat-section{padding:18px;border-radius:24px}.host-chat-heading{align-items:flex-start}.host-chat-heading .host-chat-refresh{padding:.65rem .9rem}.host-chat-shell{display:block;height:620px;position:relative}.host-chat-list-panel,.host-chat-thread-panel{position:absolute;inset:0;border:0}.host-chat-thread-panel{display:none}.host-chat-shell.is-thread-open .host-chat-list-panel{display:none}.host-chat-shell.is-thread-open .host-chat-thread-panel{display:flex}.host-chat-mobile-back{display:block}.host-chat-message{max-width:88%}}


/* Vamio v4.10.40 - Host Chat layout correction */
.host-chat-thread-empty[hidden],.host-chat-thread[hidden]{display:none!important}
.host-chat-thread-panel{min-height:0;overflow:hidden}
.host-chat-thread{height:100%;min-height:0;overflow:hidden}
.host-chat-messages{min-height:0}
.host-chat-composer{position:relative;z-index:2;flex:none}
.host-chat-heading{align-items:center}
.host-chat-heading h2{margin:0}
@media(max-width:780px){
  .host-chat-thread{height:100%}
  .host-chat-messages{padding-bottom:18px}
}


/* v4.10.45 — Refined North Star in website header and footer */
.site-header .brand-mark,
.footer .brand-mark{
  background:#fff !important;
}
.site-header .brand-mark img,
.footer .brand-mark img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}


/* Vamio v4.10.47 - final Travel Mode and Host Chat Archive 82 screenshots */
html body .site-header .brand-mark{
  width:42px !important;
  height:42px !important;
  border-radius:0 !important;
  overflow:visible !important;
  background:transparent !important;
}
html body .site-header .brand-mark img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
}
html body .footer .brand-mark{
  border-radius:0 !important;
  overflow:visible !important;
  background:transparent !important;
}
html body .footer .brand-mark img{
  object-fit:contain !important;
}
@media(max-width:680px){
  html body .site-header .brand-mark{width:39px !important;height:39px !important;}
}

/* Vamio Guides v4.10.48 */
.guides-hero .container,
.guide-single-hero .container { position: relative; z-index: 1; }
.guides-search { display: flex; gap: 10px; max-width: 720px; margin-top: 28px; }
.guides-search input[type="search"] { flex: 1; min-width: 0; min-height: 52px; border: 1px solid rgba(20,20,20,.16); border-radius: 14px; background: #fff; padding: 0 18px; font: inherit; color: #111; box-shadow: 0 8px 24px rgba(0,0,0,.05); }
.guides-search button { min-height: 52px; border: 0; border-radius: 14px; background: #111; color: #fff; padding: 0 24px; font: inherit; font-weight: 700; cursor: pointer; }
.guides-library { background: #f7f6f2; }
.guide-category-block + .guide-category-block { margin-top: 64px; }
.guide-category-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; margin-bottom: 22px; }
.guide-category-heading h2 { margin: 0; }
.guide-category-heading p { margin: 0; color: #67645d; }
.guide-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.guide-card { margin: 0; min-width: 0; }
.guide-card > a { display: flex; flex-direction: column; height: 100%; min-height: 210px; padding: 26px; border: 1px solid rgba(20,20,20,.09); border-radius: 20px; background: #fff; color: inherit; text-decoration: none; box-shadow: 0 10px 30px rgba(0,0,0,.04); transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.guide-card > a:hover { transform: translateY(-3px); border-color: rgba(201,162,39,.55); box-shadow: 0 16px 36px rgba(0,0,0,.08); }
.guide-card h3 { margin: 0 0 12px; font-size: clamp(1.15rem, 2vw, 1.4rem); line-height: 1.25; }
.guide-card p { margin: 0 0 22px; color: #66635d; line-height: 1.65; }
.guide-card span { margin-top: auto; color: #8a6d13; font-weight: 700; }
.guide-narrow { max-width: 840px; }
.guide-breadcrumbs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; font-size: .92rem; color: #716f68; }
.guide-breadcrumbs a { color: inherit; }
.guide-content { font-size: 1.06rem; line-height: 1.78; }
.guide-content > p:first-child { font-size: 1.2rem; line-height: 1.7; }
.guide-content h2 { margin-top: 44px; margin-bottom: 14px; font-size: clamp(1.45rem, 3vw, 2rem); }
.guide-content ul,
.guide-content ol { padding-left: 1.4em; }
.guide-content li + li { margin-top: 8px; }
.guide-back-link { margin-top: 56px; padding-top: 28px; border-top: 1px solid rgba(20,20,20,.12); }
.guide-back-link a { color: #8a6d13; font-weight: 700; text-decoration: none; }
@media (max-width: 900px) { .guide-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) {
  .guides-search { flex-direction: column; }
  .guides-search button { width: 100%; }
  .guide-category-heading { display: block; }
  .guide-category-heading p { margin-top: 8px; }
  .guide-card-grid { grid-template-columns: 1fr; }
  .guide-card > a { min-height: 0; }
}


/* Vamio Guides refinement — v4.10.49 */
.menu a.is-active, .vamio-mobile-links a.is-active { color: #9a7612; }
.guide-featured-block { margin-bottom: 52px; }
.guide-card-label { display:inline-flex; align-self:flex-start; margin:0 0 16px !important; padding:6px 10px; border-radius:999px; background:#f5edcf; color:#7c6012 !important; font-size:.75rem; letter-spacing:.08em; text-transform:uppercase; }
.guide-card-action { margin-top:auto !important; }
.guide-category-jump { display:flex; flex-wrap:wrap; gap:10px; margin:0 0 58px; padding:16px; border:1px solid rgba(20,20,20,.08); border-radius:18px; background:#fff; }
.guide-category-jump a { padding:9px 13px; border-radius:999px; background:#f4f2eb; color:#292721; text-decoration:none; font-weight:700; font-size:.9rem; }
.guide-category-jump a:hover { background:#eee4bd; }
.guide-latest-block { padding-top:58px; border-top:1px solid rgba(20,20,20,.1); }
.guide-page-grid { display:grid; grid-template-columns:230px minmax(0,840px); gap:64px; align-items:start; justify-content:center; }
.guide-sidebar { position:sticky; top:112px; display:flex; flex-direction:column; gap:6px; font-size:.93rem; }
.guide-sidebar a { color:#37342e; text-decoration:none; }
.guide-sidebar-home { margin-bottom:10px; font-weight:800; }
.guide-sidebar-group a { display:block; padding:9px 11px; border-radius:10px; }
.guide-sidebar-group.is-current a, .guide-sidebar-group a:hover { background:#eee8d2; color:#725710; }
.guide-sidebar-popular { display:flex; flex-direction:column; gap:9px; margin-top:22px; padding-top:22px; border-top:1px solid rgba(20,20,20,.11); }
.guide-sidebar-popular strong { margin-bottom:3px; }
.guide-sidebar-popular a { color:#716f68; line-height:1.35; }
.guide-context-link { margin:18px 0 28px; padding:15px 18px; border-left:3px solid #c9a227; border-radius:0 12px 12px 0; background:#f7f3e5; font-size:.96rem; }
.guide-context-link a { color:#765b10; font-weight:700; }
.guide-related { margin-top:58px; padding-top:34px; border-top:1px solid rgba(20,20,20,.12); }
.guide-related h2 { margin-top:0; }
.guide-related-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.guide-related-grid a { display:flex; justify-content:space-between; gap:16px; padding:17px 18px; border:1px solid rgba(20,20,20,.1); border-radius:14px; color:#26241f; text-decoration:none; font-weight:700; background:#fff; }
.guide-related-grid a:hover { border-color:rgba(201,162,39,.6); transform:translateY(-1px); }
.guide-prev-next { display:grid; grid-template-columns:1fr 1fr; gap:26px; margin-top:40px; padding-top:28px; border-top:1px solid rgba(20,20,20,.12); }
.guide-prev-next div { display:flex; flex-direction:column; gap:5px; }
.guide-prev-next span { color:#76736c; font-size:.82rem; text-transform:uppercase; letter-spacing:.06em; }
.guide-prev-next a { color:#765b10; font-weight:700; text-decoration:none; }
.guide-prev-next .guide-next { text-align:right; }
.guide-empty { grid-column:1/-1; padding:34px; border-radius:18px; background:#fff; }
.footer-grid { grid-template-columns:1.4fr repeat(4,1fr); }
@media (max-width:1000px) { .guide-page-grid { grid-template-columns:1fr; gap:0; } .guide-sidebar { position:static; display:none; } }
@media (max-width:640px) { .guide-related-grid, .guide-prev-next { grid-template-columns:1fr; } .guide-prev-next .guide-next { text-align:left; } .guide-category-jump { overflow-x:auto; flex-wrap:nowrap; padding:12px; } .guide-category-jump a { white-space:nowrap; } }


/* Vamio v4.10.51 - Collapsible Host Chat and responsive footer rebuild */
.host-chat-section{
  transition:padding .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.host-chat-section.is-collapsed{
  padding:0;
  overflow:hidden;
}
.host-chat-section.is-collapsed .host-chat-heading{
  margin:0;
}
.host-chat-heading{
  align-items:center;
}
.host-chat-toggle{
  flex:1 1 auto;
  min-width:0;
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:0;
  border:0;
  background:transparent;
  color:#070707;
  text-align:left;
  cursor:pointer;
  font:inherit;
}
.host-chat-section.is-collapsed .host-chat-toggle{
  padding:22px 26px;
}
.host-chat-toggle-title{
  display:inline-flex;
  align-items:center;
  gap:12px;
  font-size:clamp(2rem,3vw,2.8rem);
  font-weight:850;
  line-height:1;
  letter-spacing:-.055em;
}
.host-chat-toggle-icon{
  flex:0 0 auto;
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border:1px solid rgba(201,162,39,.35);
  border-radius:999px;
  color:#111;
  font-size:30px;
  line-height:1;
  transform:rotate(0deg);
  transition:transform .2s ease,background .2s ease;
}
.host-chat-toggle[aria-expanded="true"] .host-chat-toggle-icon{
  transform:rotate(180deg);
  background:#fff7d7;
}
.host-chat-section:not(.is-collapsed) .host-chat-heading{
  margin-bottom:22px;
}
.host-chat-shell[hidden]{display:none!important;}

/* Keep the previous mobile dashboard refinements in this complete build. */
@media(max-width:780px){
  .host-chat-section.is-collapsed{border-radius:24px;}
  .host-chat-section.is-collapsed .host-chat-toggle{padding:18px 20px;}
  .host-chat-toggle-title{font-size:2rem;}
  .host-chat-toggle-icon{width:44px;height:44px;font-size:27px;}
  .host-chat-section:not(.is-collapsed) .host-chat-heading{gap:10px;}
  .host-chat-section:not(.is-collapsed) .host-chat-toggle-icon{width:42px;height:42px;}
  .host-chat-heading .host-chat-refresh{min-height:42px;padding:.55rem .85rem;font-size:.82rem;}
  .host-plans-section-previous .host-plans-section-head h2,
  .host-plans-section-previous summary h2,
  .host-previous-toggle h2{color:#070707!important;}
  .host-section-count{vertical-align:middle;}
  .host-plan-toolbar button{min-height:38px!important;padding:7px 12px!important;}
  .host-plans-section-previous{margin-top:18px!important;}
}

/* The former desktop footer columns were being squeezed across mobile Safari.
   Rebuild the mobile footer as a contained, readable grid with no overflow. */
@media(max-width:920px){
  .footer{
    padding:46px 0 28px;
    overflow:hidden;
  }
  .footer .container{
    width:min(100% - 36px,680px);
  }
  .footer-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:34px 26px!important;
    align-items:start;
  }
  .footer-grid>div{
    min-width:0;
  }
  .footer-grid>div:first-child{
    grid-column:1 / -1;
    padding-bottom:28px;
    border-bottom:1px solid rgba(0,0,0,.08);
  }
  .footer .brand{
    margin-bottom:16px;
    font-size:29px;
  }
  .footer .brand-mark{
    width:48px!important;
    height:48px!important;
  }
  .footer .brand + .muted{
    max-width:440px;
    margin:0;
    font-size:17px;
    line-height:1.55;
  }
  .footer h4{
    margin:0 0 13px;
    font-size:17px;
  }
  .footer a{
    margin:0;
    padding:5px 0;
    font-size:15px;
    line-height:1.38;
    overflow-wrap:normal;
    word-break:normal;
  }
  .footer-bottom{
    display:grid;
    gap:10px;
    margin-top:38px;
    padding-top:24px;
    border-top:1px solid rgba(0,0,0,.08);
    font-size:13px;
    line-height:1.55;
  }
}
@media(max-width:430px){
  .footer .container{width:calc(100% - 32px);}
  .footer-grid{gap:30px 20px!important;}
  .footer h4{font-size:16px;}
  .footer a{font-size:14px;}
  .footer .brand + .muted{font-size:16px;}
}


/* Vamio v4.10.52 — Host dashboard logo scale + upcoming delete control */
.host-venue-card-polished .host-venue-logo{
  padding:4px!important;
}
.host-venue-logo.has-image img,
.host-venue-card-polished .host-venue-logo img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}
.host-plan-media-logo{
  padding:6px!important;
  background-size:calc(100% - 12px) calc(100% - 12px)!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.host-upcoming-plan-modern:not(.is-previous) .host-upcoming-plan-actions{
  grid-template-columns:1fr 1fr!important;
}
.host-upcoming-plan-modern:not(.is-previous) .host-upcoming-plan-actions .danger-cancel{
  grid-column:1 / -1!important;
}
.host-upcoming-plan-modern:not(.is-previous) .host-upcoming-plan-actions .danger-delete{
  grid-column:1 / -1!important;
  background:#fff!important;
  color:#8d2f2f!important;
  border-color:#efbcbc!important;
}

/* Vamio v4.10.53 — Approved venue logo true visual scale */
.host-venue-card-polished .host-venue-logo{
  overflow:hidden!important;
}
.host-venue-logo.has-image img,
.host-venue-card-polished .host-venue-logo img{
  width:100%!important;
  height:100%!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  transform-origin:center!important;
}


/* Vamio v4.10.54 — Use original Host logo asset, matching iOS source */
.host-venue-card-polished .host-venue-logo{
  padding:4px!important;
  overflow:hidden!important;
}
.host-venue-logo.has-image img,
.host-venue-card-polished .host-venue-logo img{
  width:100%!important;
  height:100%!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}


/* Vamio v4.10.55 — Canonical activity taxonomy and consistent activity iconography */
html body .host-preview-icon svg{
  width:24px;
  height:24px;
  display:block;
  stroke:#050505;
  fill:none;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
html body .host-preview-icon svg path,
html body .host-preview-icon svg circle,
html body .host-preview-icon svg rect{
  stroke:#050505;
  fill:none;
}


/* Vamio v4.10.56 — Restore natural Host logo proportions in Upcoming/Previous plan cards */
html body .host-upcoming-plan-modern .host-plan-media-logo,
html body .host-plans-section-previous .host-plan-media-logo{
  padding:16px 28px!important;
  background-color:#fff!important;
  background-size:calc(100% - 56px) auto!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
}


/* Vamio v4.11.0 — iOS + Android launch alignment */
.travel-shot-pair{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  align-items:start;
}
.travel-shot-pair .travel-phone{
  max-width:320px!important;
  margin:0 auto!important;
}
.travel-shot-pair .travel-phone img{
  width:100%!important;
  max-height:680px!important;
  object-fit:cover!important;
  object-position:top center!important;
}
.download-platform-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}
.download-platform-card{
  background:#fff;
  border:1px solid rgba(17,17,17,.08);
  border-radius:28px;
  box-shadow:0 20px 70px rgba(17,17,17,.06);
  padding:30px;
  display:grid;
  gap:20px;
  align-content:start;
}
.download-platform-card h2{margin:0 0 8px;}
.download-platform-icon{
  width:64px;
  height:64px;
  border-radius:20px;
  display:grid;
  place-items:center;
  background:#111;
  color:#fff;
  font-size:34px;
  line-height:1;
}
.download-platform-icon.google-play-mark{
  background:#f4e7b3;
  color:#111;
  font-size:26px;
}
.download-status-pill{
  display:inline-flex;
  align-items:center;
  min-height:46px;
  padding:10px 16px;
  border-radius:999px;
  background:#f5efd9;
  color:#7f6311;
  font-weight:800;
}
.download-showcase-grid .real-shot-card{max-width:390px!important;}
.host-marketing-toolkit{
  margin:28px 0 34px;
  padding:30px;
  border:1px solid rgba(17,17,17,.08);
  border-radius:28px;
  background:#fff;
  box-shadow:0 20px 70px rgba(17,17,17,.06);
}
.host-marketing-toolkit-copy{
  max-width:760px;
  margin-bottom:22px;
}
.host-marketing-toolkit-copy h2{
  margin:0 0 8px;
  font-size:clamp(30px,3.3vw,46px);
}
.host-marketing-toolkit-copy p:last-child{
  margin-bottom:0;
  color:#6b665d;
}
.host-marketing-material-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
.host-marketing-material-card{
  display:grid;
  grid-template-columns:130px minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding:16px;
  border:1px solid rgba(17,17,17,.08);
  border-radius:22px;
  background:#fffdf8;
}
.host-marketing-material-card img{
  width:130px;
  aspect-ratio:1122/1402;
  object-fit:cover;
  object-position:top center;
  border-radius:14px;
  border:1px solid rgba(17,17,17,.08);
}
.host-marketing-material-card strong{
  display:block;
  font-size:18px;
  line-height:1.15;
  margin-bottom:5px;
}
.host-marketing-material-card span{
  display:block;
  color:#777066;
  font-size:14px;
}
@media(max-width:980px){
  .host-marketing-material-grid{grid-template-columns:1fr;}
}
@media(max-width:760px){
  .travel-shot-pair{grid-template-columns:1fr;}
  .travel-shot-pair .travel-phone{max-width:360px!important;}
  .download-platform-grid{grid-template-columns:1fr;}
  .host-marketing-toolkit{padding:22px;}
  .host-marketing-material-card{
    grid-template-columns:92px 1fr;
  }
  .host-marketing-material-card img{width:92px;}
  .host-marketing-material-card .button{
    grid-column:1 / -1;
    justify-self:stretch;
    text-align:center;
  }
}


/* Vamio v4.12.0 — public + Host promotional materials */
.host-marketing-material-card-square img{
  aspect-ratio:1/1;
  object-fit:cover;
  object-position:center;
}
.host-materials-public-note{
  margin:20px 0 0;
  color:#6b665d;
  font-size:14px;
}
.host-materials-public-note a{
  color:#7f6311;
  font-weight:800;
}
.public-materials-intro{
  max-width:850px;
  margin-bottom:32px;
}
.public-material-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:26px;
}
.public-material-card{
  background:#fff;
  border:1px solid rgba(17,17,17,.08);
  border-radius:30px;
  overflow:hidden;
  box-shadow:0 20px 70px rgba(17,17,17,.06);
}
.public-material-preview{
  background:#faf8f2;
  padding:22px;
  display:grid;
  place-items:center;
  min-height:420px;
}
.public-material-preview-black{
  background:#0a0a0a;
}
.public-material-preview img{
  width:100%;
  max-width:520px;
  max-height:620px;
  object-fit:contain;
  border-radius:18px;
}
.public-material-card-copy{
  padding:26px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:24px;
}
.public-material-card-copy .button{
  min-width:176px;
  min-height:52px;
  padding:0 24px;
  white-space:nowrap;
  flex:0 0 auto;
  font-size:15px;
}
.public-material-card-copy h3{
  margin:0 0 8px;
  font-size:28px;
}
.public-material-card-copy p:last-child{margin-bottom:0;}
@media(max-width:900px){
  .public-material-grid{grid-template-columns:1fr;}
}
@media(max-width:700px){
  .public-material-preview{min-height:auto;padding:14px;}
  .public-material-card-copy{
    display:grid;
    align-items:start;
  }
  .public-material-card-copy .button{
    width:100%;
    min-width:0;
  }
}


/* Vamio v4.12.2 — public material download button vertical alignment closure */
@media(min-width:701px){
  .public-material-card-copy{align-items:start;}
  .public-material-card-copy .button{
    justify-self:end;
    align-self:start;
    margin-top:42px;
  }
}

/* ========================================================================== 
   VAMIO 4.13.0 — Host Dashboard v2
   Front-end workspace redesign only. Existing Firebase / Stripe / Host APIs
   remain authoritative; selectors and IDs used by host-dashboard.js are kept.
   ========================================================================== */

body.vamio-host-auth-body,
body.vamio-host-workspace-body {
  margin: 0 !important;
  background: #050506 !important;
  color: #f5f4f0 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Inter", "Helvetica Neue", Arial, sans-serif !important;
}
body.vamio-host-auth-body *,
body.vamio-host-workspace-body * { box-sizing: border-box; }
body.vamio-host-auth-body a,
body.vamio-host-workspace-body a { color: inherit; }
body.vamio-host-auth-body #wpadminbar,
body.vamio-host-workspace-body #wpadminbar { z-index: 99999; }

/* Exact Vamio Host login shell */
.vamio-host-auth {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 42px 24px;
  background:
    radial-gradient(circle at 50% 24%, rgba(201,162,39,.075), transparent 33%),
    linear-gradient(180deg,#050506 0%,#080809 100%);
  position: relative;
  overflow: hidden;
}
.vamio-host-auth::after {
  content: "";
  position: fixed;
  left: 50%;
  bottom: -38vw;
  width: 88vw;
  height: 54vw;
  transform: translateX(-50%);
  border-radius: 50%;
  border: 1px solid rgba(201,162,39,.13);
  box-shadow: 0 -20px 100px rgba(201,162,39,.06);
  pointer-events: none;
}
.vamio-host-auth-inner { width: min(100%, 560px); position: relative; z-index: 1; }
.vamio-host-brand-lockup { display: flex; flex-direction: column; align-items: center; margin: 0 auto 34px; }
.vamio-host-brand-star { width: 112px; height: 112px; object-fit: contain; display: block; }
.vamio-host-brand-wordmark { width: 184px; height: auto; display: block; margin-top: 9px; }
.vamio-host-brand-lockup > span { margin-top: 11px; font-size: 12px; letter-spacing: .42em; color: #e5d39b; }
.host-login-card-v2 {
  width: 100%;
  margin: 0 !important;
  padding: 36px !important;
  border: 1px solid #303034 !important;
  border-radius: 24px !important;
  background: rgba(17,18,20,.94) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.38) !important;
}
.host-login-card-v2 .host-login-card-head { margin-bottom: 28px; }
.host-login-card-v2 h1 { margin: 0 0 8px !important; color: #fff !important; font-size: clamp(30px,4vw,38px) !important; line-height: 1.05 !important; letter-spacing: -.035em !important; }
.host-login-card-v2 .host-login-card-head p { margin: 0 !important; color: #9d9b95 !important; }
.host-login-card-v2 label { display: block; margin: 0 0 19px; color: #d2d0ca; font-size: 13px; font-weight: 600; }
.host-login-card-v2 input[type="email"],
.host-login-card-v2 input[type="password"],
.host-login-card-v2 input[type="text"] {
  width: 100%;
  min-height: 56px;
  margin-top: 8px;
  padding: 0 16px !important;
  border: 1px solid #35363a !important;
  border-radius: 12px !important;
  background: #141518 !important;
  color: #fff !important;
  font-size: 16px !important;
  box-shadow: none !important;
}
.host-login-card-v2 input:focus { outline: none !important; border-color: rgba(229,211,155,.8) !important; box-shadow: 0 0 0 3px rgba(201,162,39,.08) !important; }
.host-login-card-v2 .password-field-wrap { display: block; position: relative; }
.host-login-card-v2 .password-toggle { top: 50% !important; transform: translateY(-29%) !important; right: 13px !important; }
.host-login-utility-row { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 0 0 22px; }
.host-login-utility-row > a { font-size: 13px; color: #e5d39b !important; text-decoration: none !important; }
.host-login-remember { display: inline-flex !important; align-items: center; gap: 8px; margin: 0 !important; font-weight: 400 !important; color: #aaa8a2 !important; }
.host-login-remember input { width: 16px; height: 16px; accent-color: #c9a227; margin: 0; }
.host-login-submit { width: 100%; min-height: 56px !important; border-radius: 12px !important; background: #e5d39b !important; color: #111 !important; border: 0 !important; font-weight: 700 !important; }
.host-login-submit:hover { background: #f0e2b7 !important; }
.host-login-card-v2 .host-dashboard-status { min-height: 20px; margin: 13px 0 0 !important; text-align: center; font-size: 13px; }
.host-login-apply { margin: 22px 0 0; text-align: center; color: #8e8c86; font-size: 14px; }
.host-login-apply a { color: #e5d39b !important; text-underline-offset: 4px; }

/* Workspace shell */
.host-v2-workspace {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 238px minmax(0, 1fr);
  background: #050506;
}
.host-v2-sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  padding: 26px 16px 22px;
  border-right: 1px solid #202124;
  background: #070708;
  display: flex;
  flex-direction: column;
  z-index: 50;
}
.admin-bar .host-v2-sidebar { top: 32px; height: calc(100vh - 32px); }
.host-v2-brand { display: flex; flex-direction: column; align-items: center; text-decoration: none !important; margin: 0 auto 42px; }
.host-v2-brand-star { width: 82px; height: 82px; object-fit: contain; display: block; }
.host-v2-brand-wordmark { width: 132px; height: auto; margin-top: 2px; display: block; }
.host-v2-brand span { margin-top: 6px; color: #d9c47f; font-size: 11px; letter-spacing: .38em; }
.host-v2-nav { display: grid; gap: 7px; }
.host-v2-nav a,
.host-v2-sidebar-bottom a,
.host-v2-sidebar-bottom button {
  min-height: 48px;
  border: 0;
  border-radius: 12px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  gap: 12px;
  background: transparent;
  color: #bbb9b3 !important;
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 550;
  cursor: pointer;
  text-align: left;
}
.host-v2-nav a:hover,
.host-v2-sidebar-bottom a:hover,
.host-v2-sidebar-bottom button:hover { background: #101113; color: #fff !important; }
.host-v2-nav a.is-active { background: #302810; color: #ead99f !important; }
.host-v2-nav svg,
.host-v2-sidebar-bottom svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 21px; }
.host-v2-nav .host-chat-nav-badge { margin-left: auto; min-width: 23px; height: 23px; padding: 0 6px; border-radius: 999px; display: inline-grid; place-items: center; background: #e0b83d; color: #111; font-size: 11px; font-weight: 800; }
.host-v2-sidebar-bottom { margin-top: auto; display: grid; gap: 7px; }
.host-v2-sidebar-bottom button { width: 100%; font: inherit; }

.host-v2-main { min-width: 0; padding: 26px 34px 70px; background: #050506; }
.host-v2-main > #vamioHostDashboardContent { width: min(100%, 1500px); margin: 0 auto; }
.host-v2-topbar { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-bottom: 28px; }
.host-v2-topbar h1 { margin: 0 0 5px !important; color: #f8f7f3 !important; font-size: clamp(30px,3vw,42px) !important; line-height: 1 !important; letter-spacing: -.04em !important; }
.host-v2-topbar p { margin: 0 !important; color: #9c9a94 !important; font-size: 16px; }
.host-v2-venue-chip { min-width: 270px; padding: 10px 13px; border: 1px solid #303136; border-radius: 15px; background: #111214; display: grid; grid-template-columns: 45px 1fr auto; align-items: center; gap: 11px; text-decoration: none !important; }
.host-v2-venue-chip:hover { border-color: #4b452d; background: #141415; }
.host-v2-venue-chip-logo { width: 45px; height: 45px; border-radius: 50%; display: grid; place-items: center; background: #302810; color: #e9d696; font-weight: 800; overflow: hidden; }
.host-v2-venue-chip-logo img { width: 100%; height: 100%; object-fit: contain; background: #fff; }
.host-v2-venue-chip strong { display: block; color: #f1f0ec; font-size: 14px; line-height: 1.2; }
.host-v2-venue-chip small { display: block; margin-top: 3px; color: #8e8c87; font-size: 12px; }
.host-v2-chevron { color: #8f8d87; font-size: 17px; }

.host-v2-section { scroll-margin-top: 22px; margin: 0 0 38px; }
.host-v2-section-heading { margin-bottom: 18px; display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; }
.host-v2-section-heading h2 { margin: 4px 0 0 !important; color: #f4f3ef !important; font-size: 28px !important; line-height: 1.1 !important; letter-spacing: -.025em !important; }
.host-v2-section-heading > p { max-width: 620px; margin: 0 !important; color: #8f8d87 !important; font-size: 14px; line-height: 1.5; text-align: right; }
.host-v2-eyebrow { color: #cdb76d; font-size: 11px; letter-spacing: .16em; text-transform: uppercase; font-weight: 700; }

/* Overview venue */
.host-v2-venue-banner { min-height: 220px; position: relative; overflow: hidden; border: 1px solid #292a2d; border-radius: 20px; background: linear-gradient(135deg,#151619,#0d0e10); background-size: cover; background-position: center; box-shadow: 0 20px 50px rgba(0,0,0,.15); }
.host-v2-venue-banner-shade { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(5,5,6,.96) 0%,rgba(5,5,6,.84) 47%,rgba(5,5,6,.28) 100%); }
.host-v2-venue-banner.has-image .host-v2-venue-banner-shade { background: linear-gradient(90deg,rgba(4,4,5,.97) 0%,rgba(4,4,5,.82) 48%,rgba(4,4,5,.32) 100%); }
.host-v2-venue-banner-content { position: relative; z-index: 1; min-height: 220px; padding: 28px; display: grid; grid-template-columns: 96px minmax(0,1fr) auto; align-items: center; gap: 24px; }
.host-v2-overview-logo { width: 96px; height: 96px; border: 1px solid #3a3b3f; border-radius: 18px; display: grid; place-items: center; overflow: hidden; background: #fff; color: #111; font-size: 30px; font-weight: 800; }
.host-v2-overview-logo img { width: 100%; height: 100%; object-fit: contain; }
.host-v2-overview-copy h2 { margin: 5px 0 6px !important; color: #fff !important; font-size: clamp(28px,3vw,38px) !important; letter-spacing: -.035em !important; }
.host-v2-overview-copy p { margin: 0 0 12px !important; color: #aaa8a2 !important; }
.host-v2-overview-pills { display: flex; flex-wrap: wrap; gap: 8px; }
.host-v2-overview-pills span { padding: 6px 11px; border: 1px solid #655725; border-radius: 999px; background: rgba(67,56,20,.62); color: #e6d491; font-size: 12px; }
.host-v2-outline-action { align-self: end; justify-self: end; min-height: 42px; padding: 0 16px; border: 1px solid #3b3c40; border-radius: 11px; display: inline-flex; align-items: center; text-decoration: none !important; color: #eeece7 !important; font-size: 13px; font-weight: 650; background: rgba(9,9,10,.7); }
.host-v2-outline-action:hover { border-color: #8b7731; }

.host-dashboard-overview.host-v2-stat-grid { margin: 18px 0 0 !important; display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 16px !important; }
.host-v2-stat-grid .host-overview-card { min-height: 126px !important; padding: 20px 22px !important; border: 1px solid #292a2e !important; border-radius: 16px !important; background: #111214 !important; box-shadow: none !important; }
.host-v2-stat-grid .host-overview-card span { color: #9a9892 !important; font-size: 13px !important; }
.host-v2-stat-grid .host-overview-card strong { margin: 7px 0 5px !important; color: #fff !important; font-size: 32px !important; line-height: 1 !important; }
.host-v2-stat-grid .host-overview-card small { color: #aaa8a2 !important; font-size: 12px !important; }

.host-v2-overview-grid { margin-top: 18px; display: grid; grid-template-columns: minmax(0,1.8fr) minmax(300px,.8fr); gap: 18px; align-items: start; }
.host-v2-panel { border: 1px solid #292a2e; border-radius: 18px; background: #101113; padding: 22px; }
.host-v2-panel-head { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 14px; }
.host-v2-panel-head h2 { margin: 3px 0 0 !important; color: #f5f4f0 !important; font-size: 21px !important; }
.host-v2-panel-head a { color: #d9c47f !important; font-size: 12px; font-weight: 650; text-decoration: none !important; }
.host-v2-overview-list { display: grid; }
.host-v2-overview-plan { min-height: 88px; padding: 14px 0; display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 20px; border-top: 1px solid #28292c; }
.host-v2-overview-plan:first-child { border-top: 0; }
.host-v2-overview-plan strong { display: block; color: #efeee9; font-size: 15px; }
.host-v2-overview-plan span:not(.host-v2-overview-count) { display: block; margin-top: 6px; color: #a3a19b; font-size: 13px; }
.host-v2-overview-plan small { display: block; margin-top: 5px; color: #77756f; font-size: 11px; }
.host-v2-overview-count { color: #e4d194; font-size: 15px; font-weight: 700; }
.host-v2-overview-empty { padding: 26px 0; color: #85837d; font-size: 13px; }
.host-v2-overview-rail { display: grid; gap: 14px; }
.host-v2-create-card { min-height: 58px; padding: 0 18px; border-radius: 14px; background: #e5d39b; color: #111 !important; display: flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none !important; font-weight: 800; }
.host-v2-create-card:hover { background: #f0e2b7; }
.host-v2-subscription-snapshot { padding: 18px 20px; }
.host-v2-subscription-snapshot > div { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin: 7px 0 5px; }
.host-v2-subscription-snapshot strong { color: #fff; font-size: 22px; }
.host-v2-subscription-snapshot a { color: #d9c47f !important; font-size: 12px; text-decoration: none !important; }
.host-v2-subscription-snapshot small { color: #86847e; font-size: 12px; }
.host-v2-overview-chat-list { display: grid; }
.host-v2-overview-chat-row { width: 100%; padding: 11px 0; border: 0; border-top: 1px solid #28292c; background: transparent; display: grid; grid-template-columns: 40px minmax(0,1fr) auto; align-items: center; gap: 10px; color: #fff; text-align: left; cursor: pointer; }
.host-v2-overview-chat-row:first-child { border-top: 0; }
.host-v2-overview-chat-row .host-chat-person-avatar { width: 40px !important; height: 40px !important; }
.host-v2-overview-chat-row > span strong { display: block; font-size: 13px; color: #f0efea; }
.host-v2-overview-chat-row > span small { display: block; margin-top: 3px; color: #8e8c87; font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.host-v2-overview-chat-row > i { width: 7px; height: 7px; border-radius: 50%; background: #d9b43d; }

/* Venue */
.host-v2-venue-card { padding: 0 !important; overflow: hidden !important; border: 1px solid #292a2e !important; border-radius: 20px !important; background: #101113 !important; display: grid !important; grid-template-columns: minmax(320px,.8fr) minmax(0,1.2fr) !important; min-height: 360px; box-shadow: none !important; }
.host-v2-venue-card .host-venue-hero { min-height: 360px !important; height: 100% !important; margin: 0 !important; border-radius: 0 !important; background-size: cover !important; background-position: center !important; }
.host-v2-venue-card-content { padding: 34px; display: flex; flex-direction: column; justify-content: center; }
.host-v2-venue-card .host-venue-head,
.host-v2-venue-card .host-venue-meta,
.host-v2-venue-card .host-venue-pills,
.host-v2-venue-card .host-dashboard-status { margin-left: 0 !important; margin-right: 0 !important; }
.host-v2-venue-card .host-venue-head { align-items: center !important; }
.host-v2-venue-card .host-venue-logo { width: 80px !important; height: 80px !important; flex: 0 0 80px !important; border-radius: 16px !important; background: #fff !important; overflow: hidden; }
.host-v2-venue-card .host-venue-logo img { width: 100%; height: 100%; object-fit: contain; }
.host-v2-venue-card .host-card-label { color: #cdb76d !important; }
.host-v2-venue-card h2 { color: #fff !important; }
.host-v2-venue-card .host-location-line,
.host-v2-venue-card .host-address-line { color: #aaa8a2 !important; }
.host-v2-venue-card .host-profile-edit-trigger { align-self: flex-start; margin-top: 8px; border-color: #38393d !important; background: #17181a !important; color: #efeee9 !important; }

/* Plans */
.host-v2-plan-editor,
.host-v2-plan-list,
.host-v2-workspace .host-plans-section-previous { border: 1px solid #292a2e !important; border-radius: 20px !important; background: #101113 !important; box-shadow: none !important; }
.host-v2-plan-editor { margin-bottom: 18px; padding: 28px !important; }
.host-v2-plan-editor h2,
.host-v2-plan-list h2 { color: #fff !important; }
.host-v2-plan-editor .host-plan-heading p { color: #8f8d87 !important; }
.host-v2-workspace .host-plan-form label,
.host-v2-workspace .weekday-repeat-fieldset legend { color: #c8c6c0 !important; }
.host-v2-workspace .host-plan-form input:not([type="checkbox"]):not([type="radio"]),
.host-v2-workspace .host-plan-form select,
.host-v2-workspace .host-plan-form textarea,
.host-v2-workspace .host-profile-form input,
.host-v2-workspace .host-profile-form select,
.host-v2-workspace .host-profile-form textarea {
  background: #17181a !important;
  color: #f1f0ec !important;
  border-color: #34353a !important;
  box-shadow: none !important;
}
.host-v2-workspace .host-plan-form input:focus,
.host-v2-workspace .host-plan-form select:focus,
.host-v2-workspace .host-plan-form textarea:focus,
.host-v2-workspace .host-profile-form input:focus,
.host-v2-workspace .host-profile-form select:focus,
.host-v2-workspace .host-profile-form textarea:focus { border-color: #8b7731 !important; box-shadow: 0 0 0 3px rgba(201,162,39,.08) !important; }
.host-v2-workspace .weekday-repeat-fieldset { border-color: #303136 !important; background: #141517 !important; }
.host-v2-workspace .weekday-repeat-grid label { background: #1b1c1f !important; color: #bbb9b3 !important; border-color: #333438 !important; }
.host-v2-workspace .host-plan-preview { background: #151619 !important; border-color: #303136 !important; }
.host-v2-plan-list { padding: 26px !important; }
.host-v2-workspace .host-upcoming-plan-modern { border-color: #2d2e32 !important; background: #141517 !important; }
.host-v2-workspace .host-upcoming-plan-copy strong { color: #f5f4ef !important; }
.host-v2-workspace .host-upcoming-plan-line,
.host-v2-workspace .host-upcoming-plan-meta small { color: #9d9b95 !important; }
.host-v2-workspace .host-plan-toolbar { background: #17181a !important; border-color: #2d2e32 !important; }
.host-v2-workspace .host-plan-toolbar button { color: #999791 !important; }
.host-v2-workspace .host-plan-toolbar button.is-active { background: #342b0f !important; color: #e8d596 !important; }
.host-v2-workspace .host-upcoming-plan-actions button { background: #1d1e20 !important; color: #ecebe6 !important; border-color: #38393d !important; }
.host-v2-workspace .host-upcoming-plan-actions button.danger { color: #ef9e9e !important; }
.host-v2-workspace .host-plans-section-previous { margin-top: 18px !important; }
.host-v2-workspace .host-previous-toggle { color: #f2f1ed !important; }

/* Chat */
.host-v2-workspace .host-chat-section { padding: 24px !important; border: 1px solid #292a2e !important; border-radius: 20px !important; background: #101113 !important; }
.host-v2-chat-actions { display: flex; gap: 8px; align-items: center; }
.host-v2-workspace .host-chat-shell { border-color: #2c2d31 !important; background: #0d0e10 !important; }
.host-v2-workspace .host-chat-list-panel,
.host-v2-workspace .host-chat-thread-panel { background: #101113 !important; }
.host-v2-workspace .host-chat-conversation { border-color: #2a2b2e !important; color: #fff !important; }
.host-v2-workspace .host-chat-conversation:hover,
.host-v2-workspace .host-chat-conversation.is-active { background: #18191b !important; }
.host-v2-workspace .host-chat-conversation-preview,
.host-v2-workspace .host-chat-conversation-time,
.host-v2-workspace .host-chat-thread-status { color: #8d8b85 !important; }
.host-v2-workspace .host-chat-composer textarea { background: #17181a !important; color: #fff !important; border-color: #34353a !important; }

/* Materials / billing */
.host-v2-workspace .host-marketing-toolkit,
.host-v2-workspace .host-commerce-card { margin: 0 0 38px !important; padding: 28px !important; border: 1px solid #292a2e !important; border-radius: 20px !important; background: #101113 !important; box-shadow: none !important; }
.host-v2-workspace .host-marketing-material-card { border-color: #303136 !important; background: #151619 !important; }
.host-v2-workspace .host-marketing-material-card strong { color: #f3f2ee !important; }
.host-v2-workspace .host-marketing-material-card span { color: #8e8c86 !important; }
.host-v2-workspace .host-materials-public-note { color: #8e8c86 !important; }
.host-v2-workspace .host-materials-public-note a { color: #d9c47f !important; }
.host-v2-workspace[data-host-view="billing"] .host-commerce-card-v437 { display: block !important; }
.host-v2-workspace .host-commerce-benefits span { background: #17181a !important; border-color: #2f3034 !important; color: #c9c7c1 !important; }
.host-v2-workspace .host-commerce-option { background: #17181a !important; border-color: #4c4020 !important; color: #f5f4f0 !important; }
.host-v2-workspace .host-commerce-status { color: #8e8c86 !important; }

/* Dialog / status */
.host-v2-workspace .host-profile-dialog { background: #101113 !important; color: #f5f4f0 !important; border-color: #34353a !important; }
.host-v2-workspace .host-profile-dialog::backdrop { background: rgba(0,0,0,.74) !important; backdrop-filter: blur(8px); }
.host-v2-workspace .host-profile-dialog-head h2 { color: #fff !important; }
.host-v2-workspace .host-profile-dialog-head p,
.host-v2-workspace .host-profile-field-help { color: #8f8d87 !important; }
.host-v2-workspace .host-dashboard-auth-warning { max-width: 620px; margin: 12vh auto 0; padding: 32px; border: 1px solid #302f2c; border-radius: 20px; background: #111214; text-align: center; }
.host-v2-workspace .host-dashboard-auth-warning h1 { color: #fff !important; }
.host-v2-workspace .host-dashboard-auth-warning p { color: #9a9892 !important; }
.host-v2-checkout-success { margin-bottom: 22px !important; border-radius: 18px !important; }

/* Keep public page chrome completely out of Host app surfaces */
.vamio-host-auth-body .site-header,
.vamio-host-auth-body .site-footer,
.vamio-host-workspace-body .site-header,
.vamio-host-workspace-body .site-footer { display: none !important; }

@media (max-width: 1180px) {
  .host-v2-workspace { grid-template-columns: 88px minmax(0,1fr); }
  .host-v2-sidebar { padding-left: 10px; padding-right: 10px; }
  .host-v2-brand-wordmark,
  .host-v2-brand span,
  .host-v2-nav a > span:not(.host-chat-nav-badge),
  .host-v2-sidebar-bottom span { display: none; }
  .host-v2-brand { margin-bottom: 32px; }
  .host-v2-brand-star { width: 62px; height: 62px; }
  .host-v2-nav a,
  .host-v2-sidebar-bottom a,
  .host-v2-sidebar-bottom button { justify-content: center; padding: 0; }
  .host-v2-nav .host-chat-nav-badge { position: absolute; margin: -26px 0 0 30px; }
  .host-v2-overview-grid { grid-template-columns: 1fr; }
  .host-v2-overview-rail { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .host-v2-chat-preview { grid-column: span 1; }
}

@media (max-width: 900px) {
  body.vamio-host-workspace-body { overflow-x: hidden; }
  .host-v2-workspace { display: block; }
  .host-v2-sidebar { position: sticky; top: 0; width: 100%; height: auto; padding: 10px 14px; border-right: 0; border-bottom: 1px solid #242529; display: grid; grid-template-columns: 55px minmax(0,1fr) auto; align-items: center; gap: 12px; }
  .admin-bar .host-v2-sidebar { top: 46px; height: auto; }
  .host-v2-brand { margin: 0; }
  .host-v2-brand-star { width: 48px; height: 48px; }
  .host-v2-brand-wordmark,.host-v2-brand span { display: none; }
  .host-v2-nav { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; }
  .host-v2-nav::-webkit-scrollbar { display: none; }
  .host-v2-nav a { flex: 0 0 44px; min-height: 44px; }
  .host-v2-nav a > span:not(.host-chat-nav-badge) { display: none; }
  .host-v2-sidebar-bottom { margin: 0; }
  .host-v2-sidebar-bottom a { display: none; }
  .host-v2-sidebar-bottom button { width: 44px; min-height: 44px; }
  .host-v2-main { padding: 22px 18px 54px; }
  .host-v2-topbar { align-items: flex-start; }
  .host-v2-venue-chip { min-width: 0; width: 230px; }
  .host-v2-venue-banner-content { grid-template-columns: 80px 1fr; }
  .host-v2-overview-logo { width: 80px; height: 80px; }
  .host-v2-outline-action { grid-column: 1 / -1; justify-self: start; }
  .host-dashboard-overview.host-v2-stat-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .host-v2-overview-rail { grid-template-columns: 1fr; }
  .host-v2-venue-card { grid-template-columns: 1fr !important; }
  .host-v2-venue-card .host-venue-hero { min-height: 260px !important; }
}

@media (max-width: 640px) {
  .vamio-host-auth { padding: 28px 16px; align-items: start; }
  .vamio-host-brand-lockup { margin-top: 36px; margin-bottom: 25px; }
  .vamio-host-brand-star { width: 90px; height: 90px; }
  .vamio-host-brand-wordmark { width: 150px; }
  .host-login-card-v2 { padding: 25px 20px !important; border-radius: 20px !important; }
  .host-v2-main { padding-left: 14px; padding-right: 14px; }
  .host-v2-topbar { display: block; }
  .host-v2-venue-chip { margin-top: 16px; width: 100%; }
  .host-v2-venue-banner-content { padding: 22px; grid-template-columns: 64px minmax(0,1fr); gap: 16px; }
  .host-v2-overview-logo { width: 64px; height: 64px; border-radius: 13px; }
  .host-v2-overview-copy h2 { font-size: 26px !important; }
  .host-dashboard-overview.host-v2-stat-grid { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
  .host-v2-stat-grid .host-overview-card { min-height: 112px !important; padding: 17px !important; }
  .host-v2-section-heading { display: block; }
  .host-v2-section-heading > p { margin-top: 8px !important; text-align: left; }
  .host-v2-plan-editor,.host-v2-plan-list,.host-v2-workspace .host-chat-section,.host-v2-workspace .host-marketing-toolkit,.host-v2-workspace .host-commerce-card { padding: 20px !important; }
  .host-v2-venue-card-content { padding: 22px; }
  .host-v2-chat-actions { margin-top: 14px; }
}
.host-login-help{display:flex;justify-content:flex-end;margin:-4px 0 18px}.host-login-help a{font-size:13px;color:#e5d39b!important;text-decoration:none!important}
.host-v2-workspace .button.button-gold,
.host-v2-workspace .button-gold{background:#e5d39b!important;border-color:#e5d39b!important;color:#111!important;box-shadow:none!important}
.host-v2-workspace .button.button-gold:hover,
.host-v2-workspace .button-gold:hover{background:#f0e2b7!important;border-color:#f0e2b7!important}
.host-v2-workspace.is-signed-out{grid-template-columns:1fr}.host-v2-workspace.is-signed-out .host-v2-sidebar{display:none}.host-v2-workspace.is-signed-out .host-v2-main{min-height:100vh;display:grid;place-items:start center;width:100%}

/* ========================================================================== 
   VAMIO 4.13.1 — Host workspace hierarchy + routed sections
   - Host login is a single-screen auth surface.
   - Dashboard sidebar is page-style navigation, not anchor scrolling.
   - Only one Host workspace view is visible at a time.
   - No Firebase / Stripe / Cloud Function ownership changes.
   ========================================================================== */

body.vamio-host-auth-body {
  height: 100svh;
  min-height: 100svh;
  overflow: hidden !important;
}
.vamio-host-auth {
  width: 100%;
  height: 100svh;
  min-height: 0;
  padding: clamp(12px, 2.4vh, 24px) 20px;
  overflow: hidden;
}
.vamio-host-auth-inner {
  width: min(100%, 520px);
  max-height: calc(100svh - 24px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.vamio-host-brand-lockup { margin-bottom: clamp(14px, 2.4vh, 24px); }
.vamio-host-brand-star { width: clamp(74px, 11vh, 102px); height: clamp(74px, 11vh, 102px); }
.vamio-host-brand-wordmark { width: clamp(154px, 21vh, 182px); margin-top: 5px; }
.vamio-host-brand-lockup > span { margin-top: 7px; font-size: 10px; }
.host-login-card-v2 { padding: clamp(22px, 3.2vh, 32px) !important; border-radius: 21px !important; }
.host-login-card-v2 .host-login-card-head { margin-bottom: clamp(16px, 2.5vh, 23px); }
.host-login-card-v2 h1 { font-size: clamp(28px, 4.2vh, 36px) !important; }
.host-login-card-v2 label { margin-bottom: clamp(13px, 2vh, 17px); }
.host-login-card-v2 input[type="email"],
.host-login-card-v2 input[type="password"],
.host-login-card-v2 input[type="text"] { min-height: clamp(48px, 6.3vh, 54px); }
.host-login-submit { min-height: clamp(48px, 6.3vh, 54px) !important; }
.host-login-help { margin-top: -3px; margin-bottom: 15px; }
.host-login-apply { margin-top: clamp(11px, 1.8vh, 17px); font-size: 13px; }

@media (max-height: 760px) {
  .vamio-host-auth { padding-top: 8px; padding-bottom: 8px; }
  .vamio-host-brand-lockup { margin-bottom: 10px; }
  .vamio-host-brand-star { width: 68px; height: 68px; }
  .vamio-host-brand-wordmark { width: 146px; margin-top: 2px; }
  .vamio-host-brand-lockup > span { margin-top: 4px; font-size: 9px; }
  .host-login-card-v2 { padding: 20px 24px !important; }
  .host-login-card-v2 .host-login-card-head { margin-bottom: 14px; }
  .host-login-card-v2 h1 { font-size: 28px !important; }
  .host-login-card-v2 label { margin-bottom: 11px; }
  .host-login-card-v2 input[type="email"],
  .host-login-card-v2 input[type="password"],
  .host-login-card-v2 input[type="text"],
  .host-login-submit { min-height: 46px !important; }
  .host-login-apply { margin-top: 8px; }
}

/* Routed Host views. All data-bearing sections remain in the DOM so the
   existing dashboard runtime can keep hydrating them without ownership moves. */
.host-v2-view-panel { display: none !important; }
.host-v2-view-panel.is-current { display: block !important; }
.host-v2-create-pane:not(.is-current-pane),
.host-v2-plans-pane:not(.is-current-pane) { display: none !important; }
.host-v2-create-pane.is-current-pane:not([hidden]),
.host-v2-plans-pane.is-current-pane:not([hidden]) { display: block !important; }
.host-v2-plans-pane.is-current-pane[hidden] { display: none !important; }

.host-v2-main { padding-top: 22px; }
.host-v2-topbar { margin-bottom: 20px; min-height: 68px; }
.host-v2-page-kicker {
  display: block;
  margin-bottom: 6px;
  color: #cdb76d;
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .19em;
  text-transform: uppercase;
}
.host-v2-topbar h1 { font-size: clamp(29px, 2.7vw, 38px) !important; }
.host-v2-topbar p { font-size: 14px; }
.host-v2-section { margin-bottom: 0; }

/* Overview hierarchy: identity first, operational numbers second, then actions. */
.host-v2-overview .host-v2-venue-banner { min-height: 172px; }
.host-v2-overview .host-v2-venue-banner-content {
  min-height: 172px;
  padding: 22px 24px;
  grid-template-columns: 78px minmax(0,1fr) auto;
  gap: 20px;
}
.host-v2-overview .host-v2-overview-logo { width: 78px; height: 78px; border-radius: 15px; }
.host-v2-overview .host-v2-overview-copy h2 { font-size: clamp(25px, 2.4vw, 33px) !important; }
.host-v2-overview .host-v2-overview-copy p { margin-bottom: 9px !important; font-size: 13px; }
.host-v2-overview .host-v2-overview-pills span { padding: 5px 10px; font-size: 11px; }
.host-v2-overview .host-v2-outline-action { align-self: center; }

.host-dashboard-overview.host-v2-stat-grid { margin-top: 14px !important; gap: 13px !important; }
.host-v2-stat-grid .host-overview-card { min-height: 104px !important; padding: 16px 18px !important; }
.host-v2-stat-grid .host-overview-card strong { font-size: 28px !important; margin: 5px 0 4px !important; }
.host-v2-stat-grid .host-overview-card small { font-size: 11px !important; }
.host-v2-overview-grid { margin-top: 14px; grid-template-columns: minmax(0,1.65fr) minmax(280px,.72fr); gap: 14px; }
.host-v2-panel { padding: 18px; }
.host-v2-overview-plan { min-height: 70px; padding: 10px 0; }
.host-v2-overview-rail { gap: 12px; }
.host-v2-create-card { min-height: 52px; }
.host-v2-chat-preview .host-v2-panel-head { margin-bottom: 5px; }
.host-v2-overview-chat-row { padding: 8px 0; }
.host-v2-rail-link {
  min-height: 70px;
  padding: 14px 16px;
  border: 1px solid #292a2e;
  border-radius: 15px;
  background: #101113;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  color: #f2f1ed !important;
  text-decoration: none !important;
}
.host-v2-rail-link:hover { border-color: #4b452d; background: #141415; }
.host-v2-rail-link small { display: block; margin-bottom: 4px; color: #cdb76d; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.host-v2-rail-link strong { display: block; font-size: 13px; }
.host-v2-rail-link b { color: #d9c47f; font-size: 22px; font-weight: 400; }

/* Dedicated section pages */
.host-v2-section-heading-action { align-items: center; }
.host-v2-heading-action {
  min-height: 46px;
  padding: 0 17px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #e5d39b;
  color: #111 !important;
  font-size: 13px;
  font-weight: 750;
  text-decoration: none !important;
  white-space: nowrap;
}
.host-v2-heading-action:hover { background: #f0e2b7; }
.host-v2-heading-action.is-secondary { border: 1px solid #34353a; background: #151619; color: #ecebe6 !important; }
.host-v2-heading-action.is-secondary:hover { border-color: #5a4d26; background: #191a1c; }
.host-v2-workspace[data-host-view="plans"] .host-v2-plan-list { margin-top: 0 !important; }
.host-v2-workspace[data-host-view="create"] .host-v2-plan-editor { margin-top: 0 !important; }
.host-v2-workspace[data-host-view="chat"] #vamioHostChatToggle { display: none !important; }
.host-v2-workspace[data-host-view="chat"] .host-chat-section { padding-top: 20px !important; }
.host-v2-workspace[data-host-view="chat"] .host-chat-shell { min-height: calc(100svh - 210px); }
.host-v2-workspace[data-host-view="materials"] .host-marketing-toolkit,
.host-v2-workspace[data-host-view="billing"] .host-commerce-card { margin-bottom: 0 !important; }

/* Current view stays visually dominant in the sidebar. */
.host-v2-nav a.is-active { box-shadow: inset 0 0 0 1px rgba(201,162,39,.12); }

@media (max-width: 1180px) {
  .host-v2-overview .host-v2-venue-banner-content { grid-template-columns: 72px minmax(0,1fr); }
  .host-v2-overview .host-v2-outline-action { grid-column: 2; justify-self: start; }
  .host-v2-overview-grid { grid-template-columns: 1fr; }
  .host-v2-overview-rail { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media (max-width: 900px) {
  .host-v2-topbar { align-items: flex-start; }
  .host-v2-venue-chip { min-width: 220px; }
  .host-v2-overview .host-v2-venue-banner-content { display: flex; flex-wrap: wrap; }
  .host-v2-overview .host-v2-overview-copy { flex: 1 1 250px; }
  .host-dashboard-overview.host-v2-stat-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .host-v2-overview-rail { grid-template-columns: 1fr; }
  .host-v2-section-heading-action { align-items: flex-start; }
}

/* ========================================================================== 
   VAMIO 4.13.2 — Host workspace density + professional hierarchy pass
   Frontend-only refinement. No Firebase, Stripe, Cloud Function, listener,
   mutation, routing or data-ownership changes.
   ========================================================================== */

/* Global workspace density. Keep the dashboard feeling like an application,
   not a full-bleed marketing page. */
.host-v2-workspace {
  grid-template-columns: 204px minmax(0,1fr);
}
.host-v2-sidebar {
  padding: 20px 12px 18px;
}
.host-v2-brand {
  margin-bottom: 26px;
}
.host-v2-brand-star {
  width: 66px;
  height: 66px;
}
.host-v2-brand-wordmark {
  width: 110px;
  margin-top: 0;
}
.host-v2-brand span {
  margin-top: 4px;
  font-size: 9px;
  letter-spacing: .34em;
}
.host-v2-nav {
  gap: 4px;
}
.host-v2-nav a,
.host-v2-sidebar-bottom a,
.host-v2-sidebar-bottom button {
  min-height: 42px;
  padding: 0 12px;
  border-radius: 10px;
  gap: 10px;
  font-size: 14px;
}
.host-v2-nav svg,
.host-v2-sidebar-bottom svg {
  width: 18px;
  height: 18px;
  flex-basis: 18px;
}
.host-v2-nav .host-chat-nav-badge {
  min-width: 20px;
  height: 20px;
  font-size: 10px;
}

.host-v2-main {
  padding: 20px 24px 42px;
}
.host-v2-main > #vamioHostDashboardContent {
  width: min(100%, 1180px);
  margin: 0 auto;
}
.host-v2-topbar {
  min-height: 54px;
  margin-bottom: 16px;
  gap: 18px;
}
.host-v2-page-kicker {
  margin-bottom: 5px;
  font-size: 9px;
  letter-spacing: .18em;
}
.host-v2-topbar h1 {
  font-size: clamp(27px, 2.2vw, 34px) !important;
  letter-spacing: -.035em !important;
}
.host-v2-topbar p {
  font-size: 13px;
}
.host-v2-venue-chip {
  min-width: 230px;
  padding: 8px 10px;
  border-radius: 12px;
  grid-template-columns: 38px 1fr auto;
  gap: 9px;
}
.host-v2-venue-chip-logo {
  width: 38px;
  height: 38px;
}
.host-v2-venue-chip strong {
  font-size: 13px;
}
.host-v2-venue-chip small {
  margin-top: 2px;
  font-size: 11px;
}

.host-v2-section-heading {
  margin-bottom: 12px;
  gap: 18px;
}
.host-v2-section-heading h2 {
  margin-top: 3px !important;
  font-size: 22px !important;
  letter-spacing: -.02em !important;
}
.host-v2-section-heading > p {
  max-width: 520px;
  font-size: 12px;
}
.host-v2-eyebrow,
.host-section-eyebrow {
  font-size: 9px !important;
  letter-spacing: .16em !important;
}

/* OVERVIEW — dense, balanced, high-signal. */
.host-v2-overview .host-v2-venue-banner {
  min-height: 142px;
  border-radius: 16px;
}
.host-v2-overview .host-v2-venue-banner-content {
  min-height: 142px;
  padding: 17px 20px;
  grid-template-columns: 64px minmax(0,1fr) auto;
  gap: 16px;
}
.host-v2-overview .host-v2-overview-logo {
  width: 64px;
  height: 64px;
  border-radius: 12px;
}
.host-v2-overview .host-v2-overview-copy h2 {
  margin: 3px 0 4px !important;
  font-size: clamp(23px, 2vw, 29px) !important;
}
.host-v2-overview .host-v2-overview-copy p {
  margin-bottom: 6px !important;
  font-size: 12px;
}
.host-v2-overview .host-v2-overview-pills {
  gap: 5px;
}
.host-v2-overview .host-v2-overview-pills span {
  padding: 4px 8px;
  font-size: 10px;
}
.host-v2-outline-action {
  min-height: 36px;
  padding: 0 13px;
  border-radius: 9px;
  font-size: 12px;
}
.host-dashboard-overview.host-v2-stat-grid {
  margin-top: 10px !important;
  gap: 10px !important;
}
.host-v2-stat-grid .host-overview-card {
  min-height: 86px !important;
  padding: 12px 14px !important;
  border-radius: 13px !important;
}
.host-v2-stat-grid .host-overview-card span {
  font-size: 10px !important;
}
.host-v2-stat-grid .host-overview-card strong {
  margin: 2px 0 2px !important;
  font-size: 24px !important;
}
.host-v2-stat-grid .host-overview-card small {
  font-size: 10px !important;
}
.host-v2-overview-grid {
  margin-top: 10px;
  gap: 10px;
  grid-template-columns: minmax(0,1.72fr) minmax(250px,.68fr);
}
.host-v2-panel {
  padding: 14px;
  border-radius: 14px !important;
}
.host-v2-panel-head h2 {
  font-size: 19px !important;
}
.host-v2-overview-plan {
  min-height: 58px;
  padding: 7px 0;
}
.host-v2-overview-plan strong {
  font-size: 13px !important;
}
.host-v2-overview-plan span,
.host-v2-overview-plan small {
  font-size: 10px !important;
}
.host-v2-overview-rail {
  gap: 8px;
}
.host-v2-create-card,
.host-v2-rail-link {
  min-height: 56px;
  padding: 11px 13px;
  border-radius: 12px;
}
.host-v2-create-card strong,
.host-v2-rail-link strong {
  font-size: 12px;
}
.host-v2-overview-chat-row {
  padding: 6px 0;
}

/* VENUE — centre the real venue image and stop it dominating the page. */
.host-v2-workspace[data-host-view="venue"] .host-v2-section-heading {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
.host-v2-workspace[data-host-view="venue"] .host-v2-venue-card {
  display: block !important;
  max-width: 900px;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 18px !important;
  border-radius: 16px !important;
}
.host-v2-workspace[data-host-view="venue"] .host-v2-venue-card .host-venue-hero {
  width: min(100%, 660px) !important;
  height: 300px !important;
  min-height: 0 !important;
  margin: 0 auto 18px !important;
  border: 1px solid #2c2d31 !important;
  border-radius: 13px !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.host-v2-workspace[data-host-view="venue"] .host-v2-venue-card-content {
  max-width: 660px;
  margin: 0 auto;
  padding: 0 0 4px !important;
}
.host-v2-workspace[data-host-view="venue"] .host-v2-venue-card .host-venue-logo {
  width: 60px !important;
  height: 60px !important;
  flex-basis: 60px !important;
  border-radius: 12px !important;
}
.host-v2-workspace[data-host-view="venue"] .host-v2-venue-card h2 {
  font-size: 25px !important;
}
.host-v2-workspace[data-host-view="venue"] .host-v2-venue-card .host-location-line,
.host-v2-workspace[data-host-view="venue"] .host-v2-venue-card .host-address-line {
  font-size: 12px !important;
}
.host-v2-workspace[data-host-view="venue"] .host-v2-venue-card .host-profile-edit-trigger {
  min-height: 40px !important;
  margin-top: 10px !important;
  border-radius: 10px !important;
  font-size: 12px !important;
}

/* PLANS — reduce marketing-scale typography and card mass. */
.host-v2-workspace[data-host-view="plans"] .host-v2-plan-list,
.host-v2-workspace[data-host-view="create"] .host-v2-plan-editor {
  max-width: 1080px;
  margin-left: auto !important;
  margin-right: auto !important;
}
.host-v2-plan-list,
.host-v2-plan-editor,
.host-v2-workspace .host-plans-section-previous {
  border-radius: 16px !important;
}
.host-v2-plan-list {
  padding: 20px !important;
}
.host-v2-plan-editor {
  padding: 22px !important;
}
.host-v2-workspace .host-plans-section-head-modern h2 {
  font-size: clamp(30px, 3.4vw, 42px) !important;
  letter-spacing: -.045em !important;
}
.host-v2-workspace .host-section-subcopy {
  font-size: 12px !important;
}
.host-v2-workspace .host-plan-toolbar {
  padding: 4px !important;
  border-radius: 11px !important;
}
.host-v2-workspace .host-plan-toolbar button {
  min-height: 34px !important;
  padding: 0 13px !important;
  font-size: 11px !important;
}
.host-v2-workspace .host-upcoming-plan-modern {
  padding: 16px !important;
  border-radius: 14px !important;
}
.host-v2-workspace .host-upcoming-plan-copy strong {
  font-size: 19px !important;
}
.host-v2-workspace .host-upcoming-plan-line,
.host-v2-workspace .host-upcoming-plan-meta small {
  font-size: 11px !important;
}
.host-v2-workspace .host-upcoming-plan-actions {
  gap: 7px !important;
}
.host-v2-workspace .host-upcoming-plan-actions button {
  min-height: 36px !important;
  padding: 0 11px !important;
  border-radius: 9px !important;
  font-size: 11px !important;
}
.host-v2-workspace .host-previous-toggle {
  min-height: 64px !important;
  padding: 0 18px !important;
}
.host-v2-workspace .host-previous-toggle strong {
  font-size: 24px !important;
}
.host-v2-heading-action {
  min-height: 40px;
  padding: 0 14px;
  border-radius: 10px;
  font-size: 12px;
}

/* CREATE — compact form controls while preserving the same fields/actions. */
.host-v2-workspace[data-host-view="create"] .host-plan-heading h2 {
  font-size: clamp(28px, 3.2vw, 40px) !important;
}
.host-v2-workspace .host-plan-form label,
.host-v2-workspace .weekday-repeat-fieldset legend {
  font-size: 12px !important;
}
.host-v2-workspace .host-plan-form input:not([type="checkbox"]):not([type="radio"]),
.host-v2-workspace .host-plan-form select,
.host-v2-workspace .host-plan-form textarea {
  min-height: 46px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
}
.host-v2-workspace .host-plan-form textarea {
  min-height: 118px !important;
}
.host-v2-workspace .weekday-repeat-grid label {
  min-height: 38px !important;
  border-radius: 9px !important;
  font-size: 11px !important;
}
.host-v2-workspace .host-plan-preview {
  padding: 14px 16px !important;
  border-radius: 12px !important;
}

/* CHAT — tighter desktop shell, normal message scale, less empty theatre. */
.host-v2-workspace[data-host-view="chat"] .host-chat-section {
  max-width: 1080px;
  margin: 0 auto !important;
  padding: 18px !important;
  border-radius: 16px !important;
}
.host-v2-workspace[data-host-view="chat"] .host-chat-shell {
  height: clamp(500px, calc(100svh - 210px), 630px) !important;
  min-height: 500px !important;
  border-radius: 14px !important;
  grid-template-columns: minmax(240px, 31%) minmax(0,1fr) !important;
}
.host-v2-workspace[data-host-view="chat"] .host-chat-heading {
  margin-bottom: 12px !important;
}
.host-v2-workspace[data-host-view="chat"] .host-chat-heading h2 {
  font-size: 24px !important;
}
.host-v2-workspace[data-host-view="chat"] .host-chat-conversation {
  padding: 10px 12px !important;
  border-radius: 10px !important;
}
.host-v2-workspace[data-host-view="chat"] .host-chat-conversation-avatar,
.host-v2-workspace[data-host-view="chat"] .host-chat-person-avatar {
  width: 42px !important;
  height: 42px !important;
}
.host-v2-workspace[data-host-view="chat"] .host-chat-conversation-name,
.host-v2-workspace[data-host-view="chat"] .host-chat-thread-head strong {
  font-size: 13px !important;
}
.host-v2-workspace[data-host-view="chat"] .host-chat-conversation-preview,
.host-v2-workspace[data-host-view="chat"] .host-chat-conversation-time,
.host-v2-workspace[data-host-view="chat"] .host-chat-thread-status {
  font-size: 10px !important;
}
.host-v2-workspace[data-host-view="chat"] .host-chat-thread-head {
  min-height: 66px !important;
  padding: 10px 14px !important;
}
.host-v2-workspace[data-host-view="chat"] .host-chat-messages {
  padding: 14px 16px !important;
}
.host-v2-workspace[data-host-view="chat"] .host-chat-message {
  max-width: 68% !important;
  padding: 9px 11px !important;
  border-radius: 12px !important;
  font-size: 12px !important;
}
.host-v2-workspace[data-host-view="chat"] .host-chat-message-meta {
  margin-top: 4px !important;
  font-size: 9px !important;
}
.host-v2-workspace[data-host-view="chat"] .host-chat-composer {
  padding: 10px 12px !important;
}
.host-v2-workspace[data-host-view="chat"] .host-chat-composer textarea {
  min-height: 50px !important;
  font-size: 12px !important;
}

/* MATERIALS — centred, compact download cards. */
.host-v2-workspace[data-host-view="materials"] .host-marketing-toolkit {
  max-width: 980px;
  margin: 0 auto !important;
  padding: 20px !important;
  border-radius: 16px !important;
}
.host-v2-workspace[data-host-view="materials"] .host-marketing-material-grid {
  gap: 12px !important;
}
.host-v2-workspace[data-host-view="materials"] .host-marketing-material-card {
  min-height: 150px !important;
  padding: 16px !important;
  border-radius: 13px !important;
  grid-template-columns: 108px minmax(0,1fr) auto !important;
  gap: 14px !important;
}
.host-v2-workspace[data-host-view="materials"] .host-marketing-material-card img {
  width: 108px !important;
  height: 108px !important;
  object-fit: contain !important;
  border-radius: 10px !important;
}
.host-v2-workspace[data-host-view="materials"] .host-marketing-material-card strong {
  font-size: 14px !important;
}
.host-v2-workspace[data-host-view="materials"] .host-marketing-material-card span {
  font-size: 11px !important;
}
.host-v2-workspace[data-host-view="materials"] .host-marketing-material-card .button {
  min-height: 38px !important;
  padding: 0 14px !important;
  font-size: 11px !important;
}
.host-v2-workspace[data-host-view="materials"] .host-materials-public-note {
  margin: 14px 0 0 !important;
  font-size: 11px !important;
}

/* BILLING — a compact centred account card, not a giant empty canvas. */
.host-v2-workspace[data-host-view="billing"] .host-commerce-card {
  max-width: 820px;
  margin: 0 auto !important;
  padding: 22px 24px !important;
  border-radius: 16px !important;
}
.host-v2-workspace[data-host-view="billing"] .host-commerce-card-v437 h2 {
  margin-bottom: 7px !important;
  font-size: 26px !important;
  line-height: 1.05 !important;
  letter-spacing: -.035em !important;
}
.host-v2-workspace[data-host-view="billing"] #vamioHostCommerceText {
  font-size: 12px !important;
}
.host-v2-workspace[data-host-view="billing"] .host-commerce-benefits {
  gap: 6px !important;
  margin-top: 12px !important;
}
.host-v2-workspace[data-host-view="billing"] .host-commerce-benefits span {
  padding: 6px 10px !important;
  font-size: 10px !important;
}
.host-v2-workspace[data-host-view="billing"] .host-commerce-option,
.host-v2-workspace[data-host-view="billing"] .button {
  min-height: 40px !important;
  border-radius: 10px !important;
  font-size: 12px !important;
}

/* Desktop density breakpoints. */
@media (max-width: 1180px) {
  .host-v2-workspace { grid-template-columns: 184px minmax(0,1fr); }
  .host-v2-main { padding-left: 18px; padding-right: 18px; }
  .host-v2-brand-wordmark { width: 100px; }
  .host-v2-nav a,.host-v2-sidebar-bottom a,.host-v2-sidebar-bottom button { font-size: 13px; }
}

@media (max-width: 900px) {
  .host-v2-workspace { display: block; }
  .host-v2-main { padding: 18px 14px 42px; }
  .host-v2-main > #vamioHostDashboardContent { width: 100%; }
  .host-v2-workspace[data-host-view="venue"] .host-v2-venue-card { padding: 12px !important; }
  .host-v2-workspace[data-host-view="venue"] .host-v2-venue-card .host-venue-hero { height: 250px !important; }
  .host-v2-workspace[data-host-view="materials"] .host-marketing-material-card { grid-template-columns: 88px minmax(0,1fr) !important; }
  .host-v2-workspace[data-host-view="materials"] .host-marketing-material-card img { width: 88px !important; height: 88px !important; }
  .host-v2-workspace[data-host-view="materials"] .host-marketing-material-card .button { grid-column: 1 / -1; justify-self: stretch; }
}


/* ========================================================================== 
   VAMIO 4.13.3 — Host overview one-screen alignment closure
   - Removes the legacy commerce-card display conflict that leaked Billing into Overview.
   - Overview is a desktop one-screen operational dashboard, not a scrolling landing page.
   - Subscription status lives in the left navigation and routes to Billing.
   - Existing Firebase / Stripe / Cloud Function / Chat / plan ownership is unchanged.
   ========================================================================== */

/* Subscription is an application-nav item, not a giant overview block. */
.host-v2-nav .host-v2-subscription-link {
  min-height: 58px;
  align-items: center;
}
.host-v2-subscription-copy {
  min-width: 0;
  display: grid;
  line-height: 1.08;
}
.host-v2-subscription-copy small {
  color: #8d8b85;
  font-size: 9px;
  font-style: normal;
  font-weight: 650;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.host-v2-subscription-copy strong {
  margin-top: 4px;
  color: #efeee9;
  font-size: 12px;
  font-weight: 700;
}
.host-v2-subscription-copy em {
  margin-top: 3px;
  overflow: hidden;
  color: #77756f;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.host-v2-subscription-link.is-active .host-v2-subscription-copy small,
.host-v2-subscription-link.is-active .host-v2-subscription-copy strong,
.host-v2-subscription-link.is-active .host-v2-subscription-copy em { color: #ead99f; }

/* Top bar uses one alignment system. */
.host-v2-topbar-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
.host-v2-topbar-create {
  min-height: 40px;
  padding: 0 14px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: #e5d39b;
  color: #111 !important;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none !important;
  white-space: nowrap;
}
.host-v2-topbar-create:hover { background: #f0e2b7; }

/* The Overview occupies one desktop viewport. Every major block shares the
   exact same outer edges and uses a simple hero > stats > two-column summary. */
@media (min-width: 901px) {
  .host-v2-workspace[data-host-view="overview"] {
    height: 100svh;
    min-height: 620px;
    overflow: hidden;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-sidebar,
  .host-v2-workspace[data-host-view="overview"] .host-v2-main {
    height: 100svh;
    min-height: 620px;
    overflow: hidden;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-main {
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-main > #vamioHostDashboardContent {
    width: min(100%, 1240px);
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-topbar {
    flex: 0 0 auto;
    min-height: 50px;
    margin-bottom: 10px;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-topbar h1 {
    font-size: 28px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-topbar p {
    font-size: 11px;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-page-kicker {
    margin-bottom: 3px;
    font-size: 8px;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-venue-chip {
    min-width: 208px;
    padding: 6px 8px;
    grid-template-columns: 34px 1fr auto;
    border-radius: 10px;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-venue-chip-logo {
    width: 34px;
    height: 34px;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-venue-chip strong { font-size: 12px; }
  .host-v2-workspace[data-host-view="overview"] .host-v2-venue-chip small { font-size: 10px; }

  .host-v2-workspace[data-host-view="overview"] .host-v2-overview.is-current {
    min-height: 0;
    flex: 1 1 auto;
    display: grid !important;
    grid-template-rows: 112px 72px minmax(0,1fr);
    gap: 9px;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-venue-banner,
  .host-v2-workspace[data-host-view="overview"] .host-v2-venue-banner-content {
    min-height: 112px;
    height: 112px;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-venue-banner {
    border-radius: 13px;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-venue-banner-content {
    padding: 12px 16px;
    grid-template-columns: 52px minmax(0,1fr) auto;
    gap: 13px;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-logo {
    width: 52px;
    height: 52px;
    border-radius: 10px;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-copy h2 {
    margin: 2px 0 2px !important;
    font-size: 22px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-copy p {
    margin-bottom: 4px !important;
    font-size: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-pills span {
    padding: 3px 7px;
    font-size: 9px;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-outline-action {
    min-height: 32px;
    padding: 0 11px;
    border-radius: 8px;
    font-size: 10px;
    align-self: center;
  }

  .host-v2-workspace[data-host-view="overview"] .host-dashboard-overview.host-v2-stat-grid {
    height: 72px;
    margin: 0 !important;
    gap: 9px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-stat-grid .host-overview-card {
    min-height: 72px !important;
    height: 72px;
    padding: 9px 12px !important;
    border-radius: 11px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-stat-grid .host-overview-card span {
    font-size: 9px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-stat-grid .host-overview-card strong {
    margin: 1px 0 1px !important;
    font-size: 21px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-stat-grid .host-overview-card small {
    font-size: 9px !important;
  }

  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-grid {
    min-height: 0;
    height: 100%;
    margin: 0;
    display: grid;
    grid-template-columns: minmax(0,1.72fr) minmax(260px,.72fr);
    gap: 9px;
    align-items: stretch;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-panel {
    min-height: 0;
    height: 100%;
    padding: 11px 13px;
    border-radius: 12px !important;
    overflow: hidden;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-panel-head {
    margin-bottom: 3px;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-panel-head h2 {
    font-size: 17px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-panel-head a {
    font-size: 10px;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-list,
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-chat-list {
    min-height: 0;
    overflow: hidden;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-plan {
    min-height: 0;
    padding: 6px 0;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-plan strong {
    font-size: 12px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-plan span,
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-plan small {
    margin-top: 2px;
    font-size: 9px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-chat-row {
    padding: 5px 0;
    grid-template-columns: 34px minmax(0,1fr) auto;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-chat-row .host-chat-person-avatar {
    width: 34px !important;
    height: 34px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-chat-row > span strong {
    font-size: 11px;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-chat-row > span small {
    margin-top: 1px;
    font-size: 9px;
  }
}

/* Short desktop windows still remain one-screen without crushing the hierarchy. */
@media (min-width: 901px) and (max-height: 720px) {
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview.is-current {
    grid-template-rows: 96px 64px minmax(0,1fr);
    gap: 7px;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-venue-banner,
  .host-v2-workspace[data-host-view="overview"] .host-v2-venue-banner-content { min-height: 96px; height: 96px; }
  .host-v2-workspace[data-host-view="overview"] .host-dashboard-overview.host-v2-stat-grid,
  .host-v2-workspace[data-host-view="overview"] .host-v2-stat-grid .host-overview-card { min-height: 64px !important; height: 64px; }
  .host-v2-workspace[data-host-view="overview"] .host-v2-topbar { min-height: 44px; margin-bottom: 7px; }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-logo { width: 46px; height: 46px; }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-copy h2 { font-size: 20px !important; }
}

/* Collapse the subscription details with the rest of the sidebar labels. */
@media (max-width: 1180px) and (min-width: 901px) {
  .host-v2-subscription-copy { display: none; }
  .host-v2-nav .host-v2-subscription-link { min-height: 42px; justify-content: center; padding: 0; }
}

@media (max-width: 900px) {
  .host-v2-topbar-actions { width: 100%; margin-top: 12px; }
  .host-v2-topbar-create { flex: 0 0 auto; }
  .host-v2-topbar-actions .host-v2-venue-chip { flex: 1 1 auto; width: auto; margin-top: 0; }
  .host-v2-subscription-copy { display: none; }
  .host-v2-nav .host-v2-subscription-link { min-height: 44px; }
}

/* ========================================================================== 
   VAMIO 4.13.4 — Host routed-view containment + compact Chat closure
   - Subscription exists ONLY on the dedicated Subscription route.
   - Venue / Plans / Chat / Materials cannot display the subscription panel.
   - Chat is a compact dark application workspace, not a page-sized white canvas.
   - Frontend-only. No Firebase / Stripe / Cloud Function ownership changes.
   ========================================================================== */

/* Hard route containment. The server only emits the commerce card on billing,
   and these rules defend against legacy display !important declarations. */
.host-v2-workspace:not([data-host-view="billing"]) #vamioHostCommerceCard,
.host-v2-workspace:not([data-host-view="materials"]) #vamioHostMaterials {
  display: none !important;
}

/* Keep all dedicated workspace pages aligned to one content rail. */
@media (min-width: 901px) {
  .host-v2-workspace[data-host-view="venue"] .host-v2-main > #vamioHostDashboardContent,
  .host-v2-workspace[data-host-view="plans"] .host-v2-main > #vamioHostDashboardContent,
  .host-v2-workspace[data-host-view="chat"] .host-v2-main > #vamioHostDashboardContent,
  .host-v2-workspace[data-host-view="materials"] .host-v2-main > #vamioHostDashboardContent,
  .host-v2-workspace[data-host-view="billing"] .host-v2-main > #vamioHostDashboardContent {
    width: min(100%, 1120px);
  }
}

/* VENUE: compact profile workspace. */
@media (min-width: 901px) {
  .host-v2-workspace[data-host-view="venue"] .host-v2-section-heading {
    max-width: 940px;
    margin-bottom: 10px;
  }
  .host-v2-workspace[data-host-view="venue"] .host-v2-venue-card {
    max-width: 940px;
    padding: 14px !important;
  }
  .host-v2-workspace[data-host-view="venue"] .host-v2-venue-card .host-venue-hero {
    width: min(100%, 720px) !important;
    height: 250px !important;
    margin-bottom: 14px !important;
  }
  .host-v2-workspace[data-host-view="venue"] .host-v2-venue-card-content {
    max-width: 720px;
  }
}

/* PLANS: keep the page operational and avoid oversized empty sections. */
@media (min-width: 901px) {
  .host-v2-workspace[data-host-view="plans"] .host-v2-plan-list {
    max-width: 1040px;
    padding: 16px !important;
  }
  .host-v2-workspace[data-host-view="plans"] .host-plans-section-head-modern h2 {
    font-size: 32px !important;
  }
  .host-v2-workspace[data-host-view="plans"] .host-upcoming-plan-modern {
    padding: 13px !important;
  }
  .host-v2-workspace[data-host-view="plans"] .host-previous-toggle {
    min-height: 54px !important;
  }
  .host-v2-workspace[data-host-view="plans"] .host-previous-toggle strong {
    font-size: 20px !important;
  }
}

/* CHAT: one bounded, dark workspace with sane density. */
.host-v2-workspace[data-host-view="chat"] .host-chat-section {
  max-width: 1040px;
  margin: 0 auto !important;
  padding: 14px !important;
  border-radius: 14px !important;
  background: #101113 !important;
}
.host-v2-workspace[data-host-view="chat"] .host-chat-heading {
  align-items: center !important;
  margin-bottom: 10px !important;
}
.host-v2-workspace[data-host-view="chat"] .host-chat-heading h2 {
  margin: 2px 0 0 !important;
  font-size: 20px !important;
}
.host-v2-workspace[data-host-view="chat"] .host-chat-heading p {
  display: none;
}
.host-v2-workspace[data-host-view="chat"] .host-chat-refresh {
  min-height: 34px !important;
  padding: 0 12px !important;
  border: 1px solid #34353a !important;
  border-radius: 9px !important;
  background: #17181b !important;
  color: #ecebe6 !important;
  font-size: 11px !important;
}
.host-v2-workspace[data-host-view="chat"] .host-chat-shell {
  height: min(540px, calc(100svh - 185px)) !important;
  min-height: 390px !important;
  max-height: 540px !important;
  grid-template-columns: 280px minmax(0,1fr) !important;
  border: 1px solid #2b2c30 !important;
  border-radius: 12px !important;
  background: #0d0e10 !important;
}
.host-v2-workspace[data-host-view="chat"] .host-chat-list-panel {
  border-right: 1px solid #2b2c30 !important;
  background: #0d0e10 !important;
}
.host-v2-workspace[data-host-view="chat"] .host-chat-list {
  padding: 7px !important;
}
.host-v2-workspace[data-host-view="chat"] .host-chat-conversation {
  grid-template-columns: 36px minmax(0,1fr) auto !important;
  gap: 9px !important;
  padding: 8px 9px !important;
  border-radius: 9px !important;
  color: #efeee9 !important;
}
.host-v2-workspace[data-host-view="chat"] .host-chat-conversation:hover,
.host-v2-workspace[data-host-view="chat"] .host-chat-conversation.is-active {
  background: #18191c !important;
}
.host-v2-workspace[data-host-view="chat"] .host-chat-conversation-avatar,
.host-v2-workspace[data-host-view="chat"] .host-chat-person-avatar {
  width: 36px !important;
  height: 36px !important;
  border-radius: 9px !important;
}
.host-v2-workspace[data-host-view="chat"] .host-chat-thread-panel {
  min-height: 0 !important;
  background: #0d0e10 !important;
}
.host-v2-workspace[data-host-view="chat"] .host-chat-thread {
  min-height: 0 !important;
  background: #0d0e10 !important;
}
.host-v2-workspace[data-host-view="chat"] .host-chat-thread-head {
  min-height: 52px !important;
  padding: 8px 11px !important;
  border-bottom: 1px solid #2b2c30 !important;
  background: #111214 !important;
  color: #efeee9 !important;
}
.host-v2-workspace[data-host-view="chat"] .host-chat-thread-head span {
  color: #8d8b85 !important;
}
.host-v2-workspace[data-host-view="chat"] .host-chat-messages {
  min-height: 0 !important;
  padding: 11px 12px !important;
  gap: 7px !important;
  background: #0d0e10 !important;
}
.host-v2-workspace[data-host-view="chat"] .host-chat-message {
  max-width: 72% !important;
  padding: 8px 10px !important;
  border: 1px solid #2b2c30 !important;
  border-radius: 11px !important;
  background: #17181b !important;
  color: #efeee9 !important;
  box-shadow: none !important;
  font-size: 11px !important;
}
.host-v2-workspace[data-host-view="chat"] .host-chat-message.is-mine {
  border-color: #6e5a1e !important;
  background: #3a3118 !important;
  color: #fff9e8 !important;
}
.host-v2-workspace[data-host-view="chat"] .host-chat-message-meta {
  color: #9b988f !important;
  font-size: 8px !important;
}
.host-v2-workspace[data-host-view="chat"] .host-chat-composer {
  padding: 8px 10px 9px !important;
  border-top: 1px solid #2b2c30 !important;
  background: #111214 !important;
}
.host-v2-workspace[data-host-view="chat"] .host-chat-composer textarea {
  min-height: 42px !important;
  max-height: 68px !important;
  padding: 10px 11px !important;
  border: 1px solid #323339 !important;
  border-radius: 9px !important;
  background: #17181b !important;
  color: #efeee9 !important;
  font-size: 11px !important;
}
.host-v2-workspace[data-host-view="chat"] .host-chat-composer-footer {
  margin-top: 6px !important;
}
.host-v2-workspace[data-host-view="chat"] .host-chat-composer-footer .button {
  min-height: 32px !important;
  padding: 0 14px !important;
  border-radius: 9px !important;
  font-size: 11px !important;
}
.host-v2-workspace[data-host-view="chat"] .host-chat-thread-empty {
  min-height: 0 !important;
  color: #8d8b85 !important;
}

/* Subscription is a single nav destination. No live billing/status copy in the
   sidebar and no commerce content can appear on other routes. */
.host-v2-nav > a[href*="view=billing"] {
  min-height: 42px !important;
}


/* ========================================================================== 
   VAMIO 4.13.5 — Host login compact closure
   - Compact desktop auth composition: no marketing-scale card or brand.
   - Password reveal is an in-field icon, not a white circular control.
   - Frontend-only. No authentication/backend ownership changes.
   ========================================================================== */
body.vamio-host-auth-body {
  height: 100svh;
  min-height: 100svh;
  overflow: hidden !important;
}
.vamio-host-auth {
  height: 100svh !important;
  min-height: 0 !important;
  padding: 12px 18px !important;
}
.vamio-host-auth-inner {
  width: min(100%, 440px) !important;
  max-height: calc(100svh - 24px) !important;
  justify-content: center !important;
}
.vamio-host-brand-lockup {
  margin: 0 auto 16px !important;
}
.vamio-host-brand-star {
  width: 70px !important;
  height: 70px !important;
}
.vamio-host-brand-wordmark {
  width: 142px !important;
  margin-top: 3px !important;
}
.vamio-host-brand-lockup > span {
  margin-top: 4px !important;
  font-size: 8px !important;
  letter-spacing: .38em !important;
}
.host-login-card-v2 {
  padding: 24px !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.30) !important;
}
.host-login-card-v2 .host-login-card-head {
  margin-bottom: 17px !important;
}
.host-login-card-v2 h1 {
  margin-bottom: 5px !important;
  font-size: 29px !important;
  line-height: 1.05 !important;
}
.host-login-card-v2 .host-login-card-head p {
  font-size: 14px !important;
}
.host-login-card-v2 label {
  margin-bottom: 13px !important;
  font-size: 12px !important;
}
.host-login-card-v2 input[type="email"],
.host-login-card-v2 input[type="password"],
.host-login-card-v2 input[type="text"] {
  min-height: 44px !important;
  height: 44px !important;
  margin-top: 6px !important;
  padding: 0 42px 0 13px !important;
  border-radius: 10px !important;
  font-size: 14px !important;
}
.host-login-card-v2 label:first-of-type input {
  padding-right: 13px !important;
}
.host-login-card-v2 .password-field-wrap {
  position: relative !important;
  display: block !important;
}
.host-login-card-v2 .password-toggle,
.host-login-card .password-toggle {
  position: absolute !important;
  right: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 7px !important;
  background: transparent !important;
  color: #aaa8a2 !important;
  box-shadow: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}
.host-login-card-v2 .password-toggle:hover,
.host-login-card-v2 .password-toggle:focus-visible,
.host-login-card-v2 .password-toggle.is-visible {
  background: rgba(229,211,155,.08) !important;
  color: #e5d39b !important;
  border: 0 !important;
}
.host-login-card-v2 .password-toggle:focus {
  outline: none !important;
}
.host-login-card-v2 .password-toggle:focus-visible {
  outline: 1px solid rgba(229,211,155,.5) !important;
  outline-offset: 1px !important;
}
.host-login-card-v2 .password-toggle:before {
  width: 17px !important;
  height: 17px !important;
}
.host-login-help {
  margin: -2px 0 12px !important;
}
.host-login-help a {
  font-size: 12px !important;
}
.host-login-submit {
  min-height: 44px !important;
  height: 44px !important;
  border-radius: 10px !important;
  font-size: 14px !important;
}
.host-login-card-v2 .host-dashboard-status {
  min-height: 14px !important;
  margin-top: 8px !important;
  font-size: 11px !important;
}
.host-login-apply {
  margin-top: 12px !important;
  font-size: 12px !important;
}

@media (max-height: 720px) and (min-width: 641px) {
  .vamio-host-brand-lockup { margin-bottom: 10px !important; }
  .vamio-host-brand-star { width: 56px !important; height: 56px !important; }
  .vamio-host-brand-wordmark { width: 126px !important; }
  .host-login-card-v2 { padding: 20px 22px !important; }
  .host-login-card-v2 .host-login-card-head { margin-bottom: 12px !important; }
  .host-login-card-v2 h1 { font-size: 25px !important; }
  .host-login-card-v2 label { margin-bottom: 10px !important; }
  .host-login-apply { margin-top: 8px !important; }
}

@media (max-width: 640px) {
  .vamio-host-auth { padding: 12px !important; }
  .vamio-host-auth-inner { width: min(100%, 410px) !important; }
  .vamio-host-brand-star { width: 64px !important; height: 64px !important; }
  .vamio-host-brand-wordmark { width: 134px !important; }
  .host-login-card-v2 { padding: 21px 18px !important; }
}

/* ========================================================================== 
   VAMIO 4.13.6 — Host workspace refinement / grid discipline
   - One consistent desktop content rail across Overview, Venue, Plans, Chat,
     Materials and Subscription.
   - Components hug their content; no viewport-filling empty cards.
   - Compact action sizing and professional application density.
   - Frontend-only. No Firebase / Stripe / Cloud Function ownership changes.
   ========================================================================== */

/* Global desktop rail + hierarchy. */
@media (min-width: 901px) {
  .host-v2-workspace { grid-template-columns: 220px minmax(0,1fr) !important; }
  .host-v2-sidebar { padding: 22px 14px 18px !important; }
  .host-v2-brand { margin-bottom: 30px !important; }
  .host-v2-brand-star { width: 70px !important; height: 70px !important; }
  .host-v2-brand-wordmark { width: 116px !important; }
  .host-v2-brand span { margin-top: 4px !important; font-size: 9px !important; }
  .host-v2-nav { gap: 5px !important; }
  .host-v2-nav a,
  .host-v2-sidebar-bottom a,
  .host-v2-sidebar-bottom button {
    min-height: 44px !important;
    padding: 0 12px !important;
    gap: 10px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
  }
  .host-v2-nav svg,
  .host-v2-sidebar-bottom svg {
    width: 19px !important;
    height: 19px !important;
    flex-basis: 19px !important;
  }
  .host-v2-nav .host-chat-nav-badge[hidden] { display: none !important; }

  .host-v2-main { padding: 20px 28px 48px !important; }
  .host-v2-main > #vamioHostDashboardContent,
  .host-v2-workspace[data-host-view="overview"] .host-v2-main > #vamioHostDashboardContent,
  .host-v2-workspace[data-host-view="venue"] .host-v2-main > #vamioHostDashboardContent,
  .host-v2-workspace[data-host-view="plans"] .host-v2-main > #vamioHostDashboardContent,
  .host-v2-workspace[data-host-view="create"] .host-v2-main > #vamioHostDashboardContent,
  .host-v2-workspace[data-host-view="chat"] .host-v2-main > #vamioHostDashboardContent,
  .host-v2-workspace[data-host-view="materials"] .host-v2-main > #vamioHostDashboardContent,
  .host-v2-workspace[data-host-view="billing"] .host-v2-main > #vamioHostDashboardContent {
    width: min(100%, 1180px) !important;
    margin: 0 auto !important;
  }
  .host-v2-topbar {
    min-height: 54px !important;
    margin-bottom: 15px !important;
    gap: 18px !important;
  }
  .host-v2-topbar h1 { font-size: 30px !important; margin-bottom: 4px !important; }
  .host-v2-topbar p { font-size: 13px !important; }
  .host-v2-page-kicker { font-size: 9px !important; letter-spacing: .17em !important; }
  .host-v2-topbar-actions { gap: 8px !important; }
  .host-v2-topbar-create {
    min-height: 40px !important;
    height: 40px !important;
    padding: 0 14px !important;
    border-radius: 9px !important;
    font-size: 12px !important;
  }
  .host-v2-venue-chip {
    min-width: 220px !important;
    padding: 7px 10px !important;
    grid-template-columns: 38px minmax(0,1fr) auto !important;
    gap: 9px !important;
    border-radius: 11px !important;
  }
  .host-v2-venue-chip-logo { width: 38px !important; height: 38px !important; }
  .host-v2-venue-chip strong { font-size: 12px !important; }
  .host-v2-venue-chip small { font-size: 10px !important; }

  .host-v2-section { margin-bottom: 24px !important; }
  .host-v2-section-heading { margin-bottom: 12px !important; gap: 18px !important; }
  .host-v2-section-heading h2 { font-size: 23px !important; }
  .host-v2-section-heading > p { font-size: 12px !important; }
  .host-v2-eyebrow { font-size: 9px !important; }
}

/* OVERVIEW — natural height, no empty card theatre. */
@media (min-width: 901px) {
  .host-v2-workspace[data-host-view="overview"] .host-v2-main {
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview.is-current {
    min-height: 0 !important;
    height: auto !important;
    flex: none !important;
    display: block !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-venue-banner,
  .host-v2-workspace[data-host-view="overview"] .host-v2-venue-banner-content {
    min-height: 104px !important;
    height: 104px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-venue-banner { border-radius: 12px !important; }
  .host-v2-workspace[data-host-view="overview"] .host-v2-venue-banner-content {
    padding: 11px 14px !important;
    grid-template-columns: 48px minmax(0,1fr) auto !important;
    gap: 12px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-logo {
    width: 48px !important;
    height: 48px !important;
    border-radius: 9px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-copy h2 {
    margin: 1px 0 2px !important;
    font-size: 20px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-copy p {
    margin: 0 0 4px !important;
    font-size: 10px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-pills span {
    padding: 3px 7px !important;
    font-size: 9px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-outline-action {
    min-height: 32px !important;
    padding: 0 10px !important;
    font-size: 10px !important;
    border-radius: 8px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-dashboard-overview.host-v2-stat-grid {
    height: auto !important;
    min-height: 0 !important;
    margin: 9px 0 0 !important;
    gap: 9px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-stat-grid .host-overview-card {
    min-height: 66px !important;
    height: 66px !important;
    padding: 8px 11px !important;
    border-radius: 10px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-stat-grid .host-overview-card span { font-size: 8px !important; }
  .host-v2-workspace[data-host-view="overview"] .host-v2-stat-grid .host-overview-card strong {
    margin: 1px 0 !important;
    font-size: 20px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-stat-grid .host-overview-card small { font-size: 9px !important; }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-grid {
    min-height: 0 !important;
    height: auto !important;
    margin-top: 9px !important;
    grid-template-columns: minmax(0,1.68fr) minmax(250px,.72fr) !important;
    gap: 9px !important;
    align-items: start !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-panel {
    min-height: 0 !important;
    height: auto !important;
    padding: 12px 13px !important;
    border-radius: 11px !important;
    overflow: visible !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-plans { min-height: 150px !important; }
  .host-v2-workspace[data-host-view="overview"] .host-v2-chat-preview { min-height: 150px !important; }
  .host-v2-workspace[data-host-view="overview"] .host-v2-panel-head { margin-bottom: 4px !important; }
  .host-v2-workspace[data-host-view="overview"] .host-v2-panel-head h2 { font-size: 16px !important; }
  .host-v2-workspace[data-host-view="overview"] .host-v2-panel-head a { font-size: 9px !important; }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-list,
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-chat-list {
    min-height: 0 !important;
    max-height: 106px !important;
    overflow: hidden !important;
  }
}

/* VENUE — same rail as every other view, restrained two-column profile. */
@media (min-width: 901px) {
  .host-v2-workspace[data-host-view="venue"] .host-v2-section-heading {
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .host-v2-workspace[data-host-view="venue"] .host-v2-section-heading > p { display: none !important; }
  .host-v2-workspace[data-host-view="venue"] .host-v2-venue-card {
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 16px !important;
    display: grid !important;
    grid-template-columns: minmax(360px,.9fr) minmax(0,1.1fr) !important;
    gap: 22px !important;
    align-items: center !important;
    border-radius: 14px !important;
  }
  .host-v2-workspace[data-host-view="venue"] .host-v2-venue-card .host-venue-hero {
    width: 100% !important;
    height: 250px !important;
    min-height: 250px !important;
    margin: 0 !important;
    border-radius: 11px !important;
    background-position: center center !important;
  }
  .host-v2-workspace[data-host-view="venue"] .host-v2-venue-card-content {
    max-width: none !important;
    margin: 0 !important;
    padding: 4px 4px 4px 0 !important;
    justify-content: center !important;
  }
  .host-v2-workspace[data-host-view="venue"] .host-v2-venue-card .host-venue-logo {
    width: 54px !important;
    height: 54px !important;
    flex-basis: 54px !important;
    border-radius: 10px !important;
  }
  .host-v2-workspace[data-host-view="venue"] .host-v2-venue-card h2 { font-size: 23px !important; }
  .host-v2-workspace[data-host-view="venue"] .host-v2-venue-card .host-location-line,
  .host-v2-workspace[data-host-view="venue"] .host-v2-venue-card .host-address-line { font-size: 11px !important; }
  .host-v2-workspace[data-host-view="venue"] .host-v2-venue-card .host-venue-pills { margin-bottom: 12px !important; }
  .host-v2-workspace[data-host-view="venue"] .host-v2-venue-card .host-profile-edit-trigger {
    width: auto !important;
    min-width: 168px !important;
    min-height: 36px !important;
    align-self: flex-start !important;
    margin-top: 5px !important;
    padding: 0 12px !important;
    border-radius: 9px !important;
    font-size: 11px !important;
  }
}

/* PLANS — compact information card and low-emphasis management actions. */
@media (min-width: 901px) {
  .host-v2-workspace[data-host-view="plans"] .host-v2-plan-list {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 16px !important;
  }
  .host-v2-workspace[data-host-view="plans"] .host-plans-section-head-modern h2 { font-size: 30px !important; }
  .host-v2-workspace[data-host-view="plans"] .host-plan-toolbar button {
    min-height: 32px !important;
    padding: 0 11px !important;
    font-size: 10px !important;
  }
  .host-v2-workspace[data-host-view="plans"] .host-upcoming-plan-modern {
    grid-template-columns: 108px minmax(0,1fr) !important;
    gap: 15px !important;
    padding: 12px !important;
  }
  .host-v2-workspace[data-host-view="plans"] .host-plan-media {
    min-height: 104px !important;
    height: 104px !important;
    border-radius: 13px !important;
  }
  .host-v2-workspace[data-host-view="plans"] .host-upcoming-plan-modern .host-upcoming-plan-body {
    grid-template-columns: minmax(0,1fr) 286px !important;
    gap: 14px !important;
    align-items: center !important;
  }
  .host-v2-workspace[data-host-view="plans"] .host-upcoming-plan-copy strong { font-size: 18px !important; }
  .host-v2-workspace[data-host-view="plans"] .host-plan-status-badge {
    padding: 5px 8px !important;
    font-size: 10px !important;
  }
  .host-v2-workspace[data-host-view="plans"] .host-upcoming-plan-line { margin-top: 6px !important; font-size: 10px !important; }
  .host-v2-workspace[data-host-view="plans"] .host-upcoming-plan-modern .compact-meta { margin-top: 7px !important; gap: 5px !important; }
  .host-v2-workspace[data-host-view="plans"] .host-upcoming-plan-modern .compact-meta small,
  .host-v2-workspace[data-host-view="plans"] .host-plan-recurring-pill {
    min-height: 26px !important;
    padding: 5px 9px !important;
    font-size: 10px !important;
  }
  .host-v2-workspace[data-host-view="plans"] .host-plan-progress { margin-top: 8px !important; height: 3px !important; }
  .host-v2-workspace[data-host-view="plans"] .host-upcoming-plan-actions {
    min-width: 0 !important;
    width: 286px !important;
    display: grid !important;
    grid-template-columns: repeat(6,minmax(0,1fr)) !important;
    gap: 6px !important;
  }
  .host-v2-workspace[data-host-view="plans"] .host-upcoming-plan-actions button {
    min-height: 32px !important;
    padding: 0 8px !important;
    border-radius: 8px !important;
    font-size: 10px !important;
  }
  .host-v2-workspace[data-host-view="plans"] .host-upcoming-plan-actions button[data-action="view"],
  .host-v2-workspace[data-host-view="plans"] .host-upcoming-plan-actions button[data-action="edit"],
  .host-v2-workspace[data-host-view="plans"] .host-upcoming-plan-actions button[data-action="duplicate"] { grid-column: span 2 !important; }
  .host-v2-workspace[data-host-view="plans"] .host-upcoming-plan-actions .danger-cancel,
  .host-v2-workspace[data-host-view="plans"] .host-upcoming-plan-actions .danger-delete {
    grid-column: span 3 !important;
    background: transparent !important;
    border-color: #493132 !important;
    color: #d98b8b !important;
  }
  .host-v2-workspace[data-host-view="plans"] .host-plans-section-previous {
    margin-top: 10px !important;
    border-radius: 12px !important;
  }
  .host-v2-workspace[data-host-view="plans"] .host-previous-toggle {
    min-height: 50px !important;
    height: 50px !important;
    padding: 0 14px !important;
  }
  .host-v2-workspace[data-host-view="plans"] .host-previous-toggle strong { font-size: 18px !important; }
  .host-v2-workspace[data-host-view="plans"] .host-section-chevron { width: 24px !important; height: 24px !important; }
  .host-v2-workspace[data-host-view="plans"] .host-plans-section-head h2,
  .host-v2-workspace[data-host-view="plans"] .host-previous-toggle strong {
    gap: 8px !important;
  }
  .host-v2-workspace[data-host-view="plans"] #vamioHostUpcomingCount {
    margin-left: 0 !important;
    color: #d7c16d !important;
    font-size: 20px !important;
    font-weight: 700 !important;
  }
  .host-v2-workspace[data-host-view="plans"] #vamioHostPreviousCount {
    margin-left: 0 !important;
    color: #bcae76 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
  }
}

/* CHAT — bounded utility workspace, no oversized empty state. */
@media (min-width: 901px) {
  .host-v2-workspace[data-host-view="chat"] .host-chat-section {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 13px !important;
    border-radius: 13px !important;
  }
  .host-v2-workspace[data-host-view="chat"] .host-chat-heading { margin-bottom: 9px !important; }
  .host-v2-workspace[data-host-view="chat"] .host-chat-heading h2 { font-size: 19px !important; }
  .host-v2-workspace[data-host-view="chat"] .host-chat-refresh {
    min-height: 32px !important;
    height: 32px !important;
    padding: 0 10px !important;
    font-size: 10px !important;
  }
  .host-v2-workspace[data-host-view="chat"] .host-chat-shell {
    height: 470px !important;
    min-height: 470px !important;
    max-height: 470px !important;
    grid-template-columns: 250px minmax(0,1fr) !important;
  }
  .host-v2-workspace[data-host-view="chat"] .host-chat-list { padding: 6px !important; }
  .host-v2-workspace[data-host-view="chat"] .host-chat-conversation {
    grid-template-columns: 34px minmax(0,1fr) auto !important;
    padding: 7px 8px !important;
  }
  .host-v2-workspace[data-host-view="chat"] .host-chat-conversation-avatar,
  .host-v2-workspace[data-host-view="chat"] .host-chat-person-avatar { width: 34px !important; height: 34px !important; }
  .host-v2-workspace[data-host-view="chat"] .host-chat-thread-empty { padding: 18px !important; }
  .host-v2-workspace[data-host-view="chat"] .host-chat-thread-empty .host-chat-empty-icon { display: none !important; }
  .host-v2-workspace[data-host-view="chat"] .host-chat-thread-empty strong { font-size: 13px !important; }
  .host-v2-workspace[data-host-view="chat"] .host-chat-thread-empty p { font-size: 11px !important; }
  .host-v2-workspace[data-host-view="chat"] .host-chat-thread-head { min-height: 48px !important; padding: 7px 10px !important; }
  .host-v2-workspace[data-host-view="chat"] .host-chat-messages { padding: 10px 11px !important; }
  .host-v2-workspace[data-host-view="chat"] .host-chat-message { max-width: 66% !important; padding: 7px 9px !important; font-size: 11px !important; }
  .host-v2-workspace[data-host-view="chat"] .host-chat-composer { padding: 8px 10px !important; }
  .host-v2-workspace[data-host-view="chat"] .host-chat-composer textarea { min-height: 42px !important; max-height: 60px !important; font-size: 11px !important; }
}

/* MATERIALS — preserve the strong layout but align it to the shared rail. */
@media (min-width: 901px) {
  .host-v2-workspace[data-host-view="materials"] .host-marketing-toolkit {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 18px !important;
  }
  .host-v2-workspace[data-host-view="materials"] .host-marketing-material-card {
    min-height: 136px !important;
    padding: 14px !important;
    grid-template-columns: 96px minmax(0,1fr) auto !important;
  }
  .host-v2-workspace[data-host-view="materials"] .host-marketing-material-card img { width: 96px !important; height: 96px !important; }
  .host-v2-workspace[data-host-view="materials"] .host-marketing-material-card .button { min-height: 36px !important; }
}

/* SUBSCRIPTION — compact settings panel, not a pricing hero. */
@media (min-width: 901px) {
  .host-v2-workspace[data-host-view="billing"] .host-commerce-card,
  .host-v2-workspace[data-host-view="billing"] .host-commerce-card-v437 {
    width: min(100%, 760px) !important;
    max-width: 760px !important;
    margin: 0 !important;
    padding: 20px !important;
    border-radius: 14px !important;
  }
  .host-v2-workspace[data-host-view="billing"] .host-v2-section-heading {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    align-items: center !important;
    gap: 16px !important;
    margin-bottom: 10px !important;
  }
  .host-v2-workspace[data-host-view="billing"] .host-commerce-card-v437 h2 { font-size: 23px !important; }
  .host-v2-workspace[data-host-view="billing"] #vamioHostCommerceText {
    max-width: 280px !important;
    text-align: right !important;
    font-size: 10px !important;
  }
  .host-v2-workspace[data-host-view="billing"] .host-commerce-benefits {
    margin-top: 8px !important;
    gap: 5px !important;
  }
  .host-v2-workspace[data-host-view="billing"] .host-commerce-benefits span {
    min-height: 28px !important;
    padding: 5px 9px !important;
    font-size: 9px !important;
  }
  .host-v2-workspace[data-host-view="billing"] .host-commerce-options {
    width: auto !important;
    min-width: 0 !important;
    justify-self: start !important;
    margin-top: 12px !important;
  }
  .host-v2-workspace[data-host-view="billing"] .host-commerce-options .button,
  .host-v2-workspace[data-host-view="billing"] .host-commerce-option {
    width: auto !important;
    min-width: 190px !important;
    max-width: 220px !important;
    min-height: 38px !important;
    padding: 0 14px !important;
    font-size: 11px !important;
  }
}

/* ========================================================================== 
   VAMIO 4.13.7 — Host workspace proportion, spacing and contrast correction
   - Fixes the 4.13.6 over-compression regression.
   - Components gain deliberate internal breathing room instead of being made
     uniformly smaller.
   - Venue editing is a routed dashboard view, not a modal overlay.
   - Create Plan owns one page title only; duplicate headings are suppressed.
   - Dark-surface contrast is normalised across forms, chat and utility copy.
   Frontend only: no Firebase / Stripe / Cloud Function ownership changes.
   ========================================================================== */

:root {
  --host-bg: #070708;
  --host-panel: #111214;
  --host-panel-2: #161719;
  --host-border: #303238;
  --host-border-soft: #25272b;
  --host-text: #f4f2ed;
  --host-copy: #c2beb5;
  --host-muted: #9e9a91;
  --host-gold: #e0c778;
  --host-gold-soft: #ead99f;
}

@media (min-width: 901px) {
  /* Shared professional rhythm. */
  .host-v2-main { padding: 24px 30px 46px !important; }
  .host-v2-main > #vamioHostDashboardContent,
  .host-v2-workspace[data-host-view="overview"] .host-v2-main > #vamioHostDashboardContent,
  .host-v2-workspace[data-host-view="venue"] .host-v2-main > #vamioHostDashboardContent,
  .host-v2-workspace[data-host-view="venue-edit"] .host-v2-main > #vamioHostDashboardContent,
  .host-v2-workspace[data-host-view="plans"] .host-v2-main > #vamioHostDashboardContent,
  .host-v2-workspace[data-host-view="create"] .host-v2-main > #vamioHostDashboardContent,
  .host-v2-workspace[data-host-view="chat"] .host-v2-main > #vamioHostDashboardContent,
  .host-v2-workspace[data-host-view="materials"] .host-v2-main > #vamioHostDashboardContent,
  .host-v2-workspace[data-host-view="billing"] .host-v2-main > #vamioHostDashboardContent {
    width: min(100%, 1210px) !important;
    margin: 0 auto !important;
  }
  .host-v2-topbar {
    min-height: 64px !important;
    margin-bottom: 20px !important;
    align-items: center !important;
  }
  .host-v2-topbar h1 {
    margin: 3px 0 4px !important;
    font-size: 32px !important;
    line-height: 1.04 !important;
    letter-spacing: -.035em !important;
    color: var(--host-text) !important;
  }
  .host-v2-topbar p {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    color: var(--host-copy) !important;
  }
  .host-v2-page-kicker,
  .host-v2-eyebrow,
  .host-card-label,
  .host-form-section-title {
    color: var(--host-gold) !important;
  }
  .host-v2-section-heading {
    margin-bottom: 14px !important;
    align-items: end !important;
  }
  .host-v2-section-heading h2 {
    margin: 3px 0 0 !important;
    font-size: 24px !important;
    line-height: 1.12 !important;
    color: var(--host-text) !important;
  }
  .host-v2-section-heading > p {
    max-width: 520px;
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    color: var(--host-muted) !important;
  }
  .host-v2-topbar-create,
  .host-v2-heading-action {
    min-height: 42px !important;
    height: 42px !important;
    padding: 0 16px !important;
    font-size: 13px !important;
    border-radius: 10px !important;
  }

  /* Overview: enough room for type to live inside each container. */
  .host-v2-workspace[data-host-view="overview"] .host-v2-venue-banner,
  .host-v2-workspace[data-host-view="overview"] .host-v2-venue-banner-content {
    min-height: 116px !important;
    height: 116px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-venue-banner-content {
    padding: 16px 18px !important;
    grid-template-columns: 54px minmax(0,1fr) auto !important;
    gap: 16px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-logo {
    width: 54px !important;
    height: 54px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-copy h2 {
    margin: 2px 0 4px !important;
    font-size: 22px !important;
    line-height: 1.08 !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-copy p {
    margin: 0 0 7px !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    color: var(--host-copy) !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-pills span {
    padding: 4px 9px !important;
    font-size: 10px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-outline-action {
    min-height: 38px !important;
    padding: 0 13px !important;
    font-size: 11px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-dashboard-overview.host-v2-stat-grid {
    margin-top: 12px !important;
    gap: 11px !important;
    align-items: stretch !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-stat-grid .host-overview-card {
    min-height: 88px !important;
    height: auto !important;
    padding: 13px 16px !important;
    border-radius: 12px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    overflow: hidden !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-stat-grid .host-overview-card span {
    display: block !important;
    margin: 0 !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    letter-spacing: .13em !important;
    color: var(--host-muted) !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-stat-grid .host-overview-card strong {
    display: block !important;
    margin: 6px 0 5px !important;
    font-size: 25px !important;
    line-height: .95 !important;
    color: var(--host-text) !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-stat-grid .host-overview-card small {
    display: block !important;
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    color: #b0aca3 !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-grid {
    margin-top: 12px !important;
    gap: 11px !important;
    grid-template-columns: minmax(0, 1.72fr) minmax(300px, .68fr) !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-panel {
    min-height: 172px !important;
    height: auto !important;
    padding: 18px !important;
    border-radius: 12px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-plans,
  .host-v2-workspace[data-host-view="overview"] .host-v2-chat-preview {
    min-height: 172px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-panel-head { margin-bottom: 10px !important; }
  .host-v2-workspace[data-host-view="overview"] .host-v2-panel-head h2 { font-size: 18px !important; }
  .host-v2-workspace[data-host-view="overview"] .host-v2-panel-head a { font-size: 11px !important; color: var(--host-gold) !important; }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-list,
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-chat-list {
    max-height: none !important;
    overflow: visible !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-plan strong { font-size: 14px !important; }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-plan span:not(.host-v2-overview-count) { font-size: 12px !important; color: #aaa69d !important; }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-plan small { font-size: 10px !important; color: #8f8b83 !important; }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-chat-row { padding: 10px 0 !important; }

  /* Venue display keeps proportion; editing is now a proper routed page. */
  .host-v2-workspace[data-host-view="venue"] .host-v2-venue-card {
    padding: 20px !important;
    grid-template-columns: minmax(390px, .95fr) minmax(0, 1.05fr) !important;
    gap: 28px !important;
  }
  .host-v2-workspace[data-host-view="venue"] .host-v2-venue-card .host-venue-hero {
    height: 270px !important;
    min-height: 270px !important;
  }
  .host-v2-workspace[data-host-view="venue"] .host-v2-venue-card h2 { font-size: 25px !important; }
  .host-v2-workspace[data-host-view="venue"] .host-v2-venue-card .host-location-line,
  .host-v2-workspace[data-host-view="venue"] .host-v2-venue-card .host-address-line {
    font-size: 13px !important;
    line-height: 1.45 !important;
    color: var(--host-copy) !important;
  }
  .host-v2-workspace[data-host-view="venue"] .host-v2-venue-card .host-profile-edit-trigger {
    min-height: 40px !important;
    padding: 0 14px !important;
    font-size: 12px !important;
    text-decoration: none !important;
  }

  .host-v2-workspace[data-host-view="venue-edit"] .host-v2-section-heading {
    max-width: 900px !important;
    margin: 0 auto 14px !important;
  }
  .host-profile-editor-page {
    width: min(100%, 900px) !important;
    margin: 0 auto !important;
    padding: 26px !important;
    border: 1px solid var(--host-border) !important;
    border-radius: 16px !important;
    background: var(--host-panel) !important;
    box-shadow: 0 18px 42px rgba(0,0,0,.16) !important;
  }
  .host-profile-editor-page .host-profile-form {
    display: grid !important;
    gap: 22px !important;
    margin: 0 !important;
  }
  .host-profile-editor-page .host-profile-form-grid {
    display: grid !important;
    grid-template-columns: minmax(0,.8fr) minmax(0,1fr) minmax(0,1fr) !important;
    gap: 14px !important;
  }
  .host-profile-editor-page label {
    display: grid !important;
    gap: 7px !important;
    color: var(--host-text) !important;
    font-size: 13px !important;
    font-weight: 650 !important;
  }
  .host-profile-editor-page .host-profile-field-help {
    order: 2;
    font-size: 11px !important;
    line-height: 1.4 !important;
    color: var(--host-muted) !important;
    font-weight: 400 !important;
  }
  .host-profile-editor-page input,
  .host-profile-editor-page select,
  .host-profile-editor-page textarea {
    order: 1;
    width: 100% !important;
    min-height: 48px !important;
    padding: 0 14px !important;
    border: 1px solid #383a40 !important;
    border-radius: 11px !important;
    background: var(--host-panel-2) !important;
    color: var(--host-text) !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    color-scheme: dark !important;
  }
  .host-profile-editor-page textarea {
    min-height: 140px !important;
    padding-top: 13px !important;
    resize: vertical !important;
  }
  .host-profile-editor-page .host-profile-description-field { grid-template-columns: 1fr !important; }
  .host-profile-editor-page .host-profile-form-actions {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    padding-top: 2px !important;
  }
  .host-profile-editor-page .host-profile-form-actions .button {
    min-height: 42px !important;
    padding: 0 16px !important;
    width: auto !important;
    border-radius: 10px !important;
    font-size: 13px !important;
  }

  /* Create / Edit Plan: one title, then the form. */
  .host-v2-workspace[data-host-view="create"] .host-v2-create-nav-only {
    min-height: 42px !important;
    margin: -4px 0 10px !important;
    justify-content: flex-end !important;
  }
  .host-v2-workspace[data-host-view="create"] .host-v2-plan-editor {
    margin: 0 !important;
    padding: 24px !important;
    border-radius: 16px !important;
  }
  .host-v2-workspace[data-host-view="create"] .host-plan-mode-heading[hidden] { display: none !important; }
  .host-v2-workspace[data-host-view="create"] .host-plan-mode-heading:not([hidden]) {
    display: block !important;
    margin: 0 0 18px !important;
  }
  .host-v2-workspace[data-host-view="create"] .host-plan-mode-heading h2 { font-size: 22px !important; }
  .host-v2-workspace[data-host-view="create"] .host-plan-form {
    display: grid !important;
    gap: 20px !important;
  }
  .host-v2-workspace[data-host-view="create"] .host-form-section-title {
    margin: 4px 0 -4px !important;
    font-size: 10px !important;
    letter-spacing: .16em !important;
  }
  .host-v2-workspace[data-host-view="create"] .host-plan-form label,
  .host-v2-workspace[data-host-view="create"] .weekday-repeat-fieldset legend {
    font-size: 13px !important;
    line-height: 1.35 !important;
    color: var(--host-text) !important;
  }
  .host-v2-workspace[data-host-view="create"] .host-plan-form input:not([type="checkbox"]):not([type="radio"]),
  .host-v2-workspace[data-host-view="create"] .host-plan-form select,
  .host-v2-workspace[data-host-view="create"] .host-plan-form textarea {
    min-height: 48px !important;
    padding: 0 14px !important;
    border-radius: 11px !important;
    font-size: 14px !important;
  }
  .host-v2-workspace[data-host-view="create"] .host-plan-form textarea {
    min-height: 120px !important;
    padding-top: 13px !important;
  }
  .host-v2-workspace[data-host-view="create"] .form-grid.two,
  .host-v2-workspace[data-host-view="create"] .form-grid.three { gap: 14px !important; }
  .host-v2-workspace[data-host-view="create"] .weekday-repeat-fieldset { padding: 16px !important; border-radius: 12px !important; }
  .host-v2-workspace[data-host-view="create"] .host-plan-preview { border-radius: 12px !important; }

  /* Plans retains information density without tiny controls. */
  .host-v2-workspace[data-host-view="plans"] .host-upcoming-plan-copy strong { font-size: 19px !important; line-height: 1.15 !important; }
  .host-v2-workspace[data-host-view="plans"] .host-upcoming-plan-line { font-size: 11px !important; color: var(--host-copy) !important; }
  .host-v2-workspace[data-host-view="plans"] .host-upcoming-plan-actions button { min-height: 36px !important; font-size: 11px !important; }

  /* Subscription is a settings card, readable but not oversized. */
  .host-v2-workspace[data-host-view="billing"] .host-commerce-card {
    width: min(100%, 820px) !important;
    padding: 24px !important;
  }
  .host-v2-workspace[data-host-view="billing"] .host-commerce-card h2 { font-size: 24px !important; }
  .host-v2-workspace[data-host-view="billing"] .host-commerce-options .button,
  .host-v2-workspace[data-host-view="billing"] #vamioManageSubscription {
    width: auto !important;
    min-width: 190px !important;
    min-height: 42px !important;
    padding: 0 18px !important;
  }
}

/* Contrast and dark-control ownership across every Host view. */
.host-v2-workspace {
  color: var(--host-text) !important;
}
.host-v2-workspace p,
.host-v2-workspace small,
.host-v2-workspace .host-profile-field-help,
.host-v2-workspace .host-upcoming-plan-line,
.host-v2-workspace .host-materials-public-note {
  color: var(--host-copy);
}
.host-v2-workspace a:not(.button):not(.host-v2-nav a):not(.host-v2-brand):not(.host-v2-venue-chip) {
  color: var(--host-gold);
}
.host-v2-workspace input:not([type="checkbox"]):not([type="radio"]),
.host-v2-workspace select,
.host-v2-workspace textarea {
  background-color: var(--host-panel-2) !important;
  color: var(--host-text) !important;
  border-color: #3b3d43 !important;
  color-scheme: dark !important;
}
.host-v2-workspace select option {
  background: #17181a !important;
  color: #f4f2ed !important;
}
.host-v2-workspace input::placeholder,
.host-v2-workspace textarea::placeholder {
  color: #959188 !important;
  opacity: 1 !important;
}
.host-v2-workspace .button-secondary {
  background: #1a1b1e !important;
  border-color: #3b3d43 !important;
  color: #f1efe9 !important;
}
.host-v2-workspace .button-secondary:hover {
  border-color: #71633a !important;
  background: #202124 !important;
}
.host-v2-workspace .host-chat-message:not(.is-mine) {
  background: #1b1c1f !important;
  color: #f2f0eb !important;
  border-color: #34363b !important;
}
.host-v2-workspace .host-chat-message.is-mine {
  background: #f1dda1 !important;
  color: #191919 !important;
  border-color: #d9be6e !important;
}
.host-v2-workspace .host-chat-message.is-mine .host-chat-message-meta,
.host-v2-workspace .host-chat-message.is-mine button {
  color: #5c5135 !important;
}

@media (max-width: 900px) {
  .host-profile-editor-page {
    padding: 18px !important;
    border: 1px solid #303238 !important;
    border-radius: 14px !important;
    background: #111214 !important;
  }
  .host-profile-editor-page .host-profile-form-grid { grid-template-columns: 1fr !important; }
}

/* ================================================================
   Vamio 4.13.9 — Host workspace closure
   Layout rules are scoped to the routed Host workspace. This pass
   fixes containment, loading-state polish, one-screen plan creation,
   and Chat count scale without shrinking the entire UI.
   ================================================================ */

@media (min-width: 1101px) {
  .vamio-host-workspace-body {
    overflow: hidden !important;
    background: #050506 !important;
  }
  .host-v2-workspace {
    height: 100svh !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }
  .host-v2-main {
    height: 100svh !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding-top: 24px !important;
    padding-bottom: 22px !important;
  }
  #vamioHostDashboardContent {
    height: 100% !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
  }
  .host-v2-topbar {
    min-height: 66px !important;
    margin-bottom: 16px !important;
  }
  .host-v2-view-panel.is-current {
    min-height: 0 !important;
    max-height: 100% !important;
    overflow: auto !important;
    scrollbar-width: thin;
    scrollbar-color: #393a3e transparent;
  }

  /* OVERVIEW — enough room for every text line and category pill. */
  .host-v2-workspace[data-host-view="overview"] .host-v2-view-panel.is-current {
    overflow: hidden !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-venue-banner {
    min-height: 138px !important;
    height: auto !important;
    overflow: hidden !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-venue-banner-content {
    min-height: 138px !important;
    height: auto !important;
    padding: 18px 22px !important;
    grid-template-columns: 58px minmax(0,1fr) auto !important;
    gap: 18px !important;
    align-items: center !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-logo {
    width: 58px !important;
    height: 58px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-copy {
    min-width: 0 !important;
    align-self: center !important;
    padding: 1px 0 !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-copy h2 {
    margin: 3px 0 5px !important;
    font-size: 23px !important;
    line-height: 1.08 !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-copy p {
    margin: 0 !important;
    max-width: 950px !important;
    font-size: 12.5px !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-pills {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-top: 9px !important;
    min-height: 27px !important;
    overflow: visible !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-pills span {
    min-height: 26px !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 10px !important;
    font-size: 10.5px !important;
    line-height: 1 !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-dashboard-overview.host-v2-stat-grid {
    margin-top: 12px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-stat-grid .host-overview-card {
    min-height: 92px !important;
    padding: 14px 17px !important;
    overflow: visible !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-stat-grid .host-overview-card strong {
    line-height: 1 !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-grid {
    margin-top: 12px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-panel {
    min-height: 176px !important;
    padding: 17px 18px !important;
  }

  /* PLANS — loading is an inline dark application state, never a white promo card. */
  .host-v2-workspace[data-host-view="plans"] .host-upcoming-empty {
    min-height: 72px !important;
    margin-top: 14px !important;
    padding: 16px 18px !important;
    border: 1px solid #2f3034 !important;
    border-radius: 12px !important;
    background: #151619 !important;
    color: #f3f1eb !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
  }
  .host-v2-workspace[data-host-view="plans"] .host-upcoming-empty strong {
    margin: 0 !important;
    color: #efede7 !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
  }
  .host-v2-workspace[data-host-view="plans"] .host-upcoming-empty span:not(.host-inline-spinner) {
    color: #aaa69d !important;
    font-size: 12px !important;
  }
  .host-v2-workspace[data-host-view="plans"] .host-upcoming-empty.is-loading {
    min-height: 56px !important;
    width: fit-content !important;
    min-width: 190px !important;
    margin: 14px 0 0 !important;
    padding: 12px 14px !important;
    border-style: solid !important;
  }
  .host-inline-spinner {
    width: 15px !important;
    height: 15px !important;
    flex: 0 0 15px !important;
    border: 2px solid rgba(229,211,155,.22) !important;
    border-top-color: #e5d39b !important;
    border-radius: 50% !important;
    animation: vamioHostSpin .8s linear infinite !important;
  }
  @keyframes vamioHostSpin { to { transform: rotate(360deg); } }

  /* CREATE — designed as one desktop workspace, not a long web form. */
  .host-v2-workspace[data-host-view="create"] .host-v2-topbar-actions {
    align-items: center !important;
  }
  .host-v2-topbar-back {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 40px !important;
    padding: 0 14px !important;
    border: 1px solid #35363b !important;
    border-radius: 10px !important;
    background: #151619 !important;
    color: #ece9e1 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }
  .host-v2-workspace[data-host-view="create"] #host-plans.host-v2-view-panel.is-current {
    overflow: hidden !important;
  }
  .host-v2-workspace[data-host-view="create"] .host-v2-plan-editor {
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 20px 22px !important;
    border-radius: 15px !important;
    overflow: hidden !important;
  }
  .host-v2-workspace[data-host-view="create"] .host-plan-form-v438 {
    height: 100% !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) auto !important;
    gap: 14px !important;
  }
  .host-v2-workspace[data-host-view="create"] .host-plan-form-columns {
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr) !important;
    gap: 22px !important;
    align-items: start !important;
  }
  .host-v2-workspace[data-host-view="create"] .host-plan-form-column {
    min-width: 0 !important;
    display: grid !important;
    gap: 13px !important;
    align-content: start !important;
  }
  .host-v2-workspace[data-host-view="create"] .host-form-section-title {
    margin: 0 !important;
    min-height: 15px !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
  }
  .host-v2-workspace[data-host-view="create"] .host-plan-form label,
  .host-v2-workspace[data-host-view="create"] .weekday-repeat-fieldset legend {
    gap: 6px !important;
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
  }
  .host-v2-workspace[data-host-view="create"] .host-plan-form input:not([type="checkbox"]):not([type="radio"]),
  .host-v2-workspace[data-host-view="create"] .host-plan-form select,
  .host-v2-workspace[data-host-view="create"] .host-plan-form textarea {
    min-height: 43px !important;
    height: 43px !important;
    padding: 0 12px !important;
    border: 1px solid #383a40 !important;
    border-radius: 10px !important;
    background: #17181a !important;
    color: #f2f0eb !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    box-shadow: none !important;
  }
  .host-v2-workspace[data-host-view="create"] .host-plan-form textarea {
    height: 118px !important;
    min-height: 118px !important;
    max-height: 118px !important;
    padding: 11px 12px !important;
    resize: none !important;
  }
  html body .host-v2-workspace[data-host-view="create"] #vamioHostPlanForm input[type="time"].vamio-native-time-input,
  html body .host-v2-workspace[data-host-view="create"] #vamioHostPlanForm input[type="time"].time-picker-select {
    height: 43px !important;
    min-height: 43px !important;
    max-height: 43px !important;
    padding: 0 11px !important;
    border-radius: 10px !important;
    background: #17181a !important;
    border-color: #383a40 !important;
    color: #f2f0eb !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    text-align: left !important;
    color-scheme: dark !important;
  }
  .host-v2-workspace[data-host-view="create"] .form-grid.two,
  .host-v2-workspace[data-host-view="create"] .form-grid.three {
    gap: 10px !important;
  }
  .host-v2-workspace[data-host-view="create"] .host-plan-repeat-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1.45fr) minmax(170px, .55fr) !important;
    gap: 12px !important;
    align-items: end !important;
  }
  .host-v2-workspace[data-host-view="create"] .weekday-repeat-fieldset {
    margin: 0 !important;
    padding: 10px !important;
    border: 1px solid #33353a !important;
    border-radius: 10px !important;
  }
  .host-v2-workspace[data-host-view="create"] .weekday-repeat-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }
  .host-v2-workspace[data-host-view="create"] .weekday-repeat-grid label {
    min-height: 32px !important;
    padding: 0 8px !important;
    border: 1px solid #34363b !important;
    border-radius: 8px !important;
    background: #1a1b1e !important;
    font-size: 11px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
  }
  .host-v2-workspace[data-host-view="create"] .host-plan-capacity {
    align-self: end !important;
  }
  .host-v2-workspace[data-host-view="create"] .host-plan-form-footer {
    min-height: 76px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 14px !important;
    align-items: center !important;
    padding-top: 13px !important;
    border-top: 1px solid #2e3034 !important;
  }
  .host-v2-workspace[data-host-view="create"] .host-plan-preview {
    min-height: 62px !important;
    margin: 0 !important;
    padding: 11px 13px !important;
    border: 1px solid #34363b !important;
    border-radius: 10px !important;
    background: #151619 !important;
    color: #f2f0eb !important;
    overflow: hidden !important;
  }
  .host-v2-workspace[data-host-view="create"] .host-preview-card-real {
    min-height: 54px !important;
    padding: 9px 11px !important;
    border-radius: 8px !important;
    background: #151619 !important;
    color: #f2f0eb !important;
    grid-template-columns: 38px minmax(0,1fr) !important;
    gap: 10px !important;
  }
  .host-v2-workspace[data-host-view="create"] .host-preview-icon {
    width: 38px !important;
    height: 38px !important;
    border-radius: 10px !important;
  }
  .host-v2-workspace[data-host-view="create"] .host-plan-preview strong,
  .host-v2-workspace[data-host-view="create"] .host-preview-card-real strong {
    color: #f2f0eb !important;
    font-size: 13px !important;
  }
  .host-v2-workspace[data-host-view="create"] .host-plan-preview span,
  .host-v2-workspace[data-host-view="create"] .host-plan-preview small,
  .host-v2-workspace[data-host-view="create"] .host-preview-card-real span,
  .host-v2-workspace[data-host-view="create"] .host-preview-card-real small {
    color: #aaa69d !important;
    font-size: 11px !important;
  }
  .host-v2-workspace[data-host-view="create"] .host-plan-submit-row {
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
  }
  .host-v2-workspace[data-host-view="create"] .host-plan-submit-row .button {
    min-height: 42px !important;
    height: 42px !important;
    padding: 0 16px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
  }

  /* CHAT — conversation count is a quiet utility badge, not a headline. */
  .host-v2-workspace[data-host-view="chat"] .host-chat-heading h2 {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 22px !important;
    line-height: 1.1 !important;
  }
  .host-v2-workspace[data-host-view="chat"] .host-chat-heading .host-section-count {
    min-width: 25px !important;
    width: auto !important;
    height: 25px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    line-height: 25px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
  }
  .host-v2-workspace[data-host-view="chat"] .host-chat-section {
    padding: 18px !important;
  }
  .host-v2-workspace[data-host-view="chat"] .host-chat-shell {
    height: min(540px, calc(100svh - 190px)) !important;
    min-height: 420px !important;
  }
}

@media (max-width: 1100px) {
  .host-v2-workspace[data-host-view="create"] .host-plan-form-columns,
  .host-v2-workspace[data-host-view="create"] .host-plan-repeat-row,
  .host-v2-workspace[data-host-view="create"] .host-plan-form-footer {
    grid-template-columns: 1fr !important;
  }
}

@media (min-width: 1101px) and (max-height: 760px) {
  .host-v2-workspace[data-host-view="create"] .host-v2-plan-editor {
    overflow: auto !important;
  }
}

/* ========================================================================== 
   VAMIO 4.13.9 — Host UI refinement + complete Host-plan read parity
   Presentation/routing/read-fallback only. No backend mutation ownership changed.
   ========================================================================== */

/* Page titles stand on their own. Secondary explanatory lines were redundant. */
.host-v2-workspace .host-v2-topbar { margin-bottom: 20px !important; }
.host-v2-workspace .host-v2-topbar h1 { margin-bottom: 0 !important; }
.host-v2-workspace .host-v2-topbar > div:first-child > p { display: none !important; }

/* VIEW PLAN — dark Host-native modal with readable hierarchy. */
.host-dashboard-modal-backdrop {
  background: rgba(0,0,0,.72) !important;
  backdrop-filter: blur(9px) !important;
}
.host-dashboard-modal-card {
  width: min(620px, calc(100vw - 40px)) !important;
  max-height: min(78vh, 660px) !important;
  padding: 28px 30px !important;
  border: 1px solid #34363b !important;
  border-radius: 18px !important;
  background: #111214 !important;
  color: #f4f2ed !important;
  box-shadow: 0 28px 90px rgba(0,0,0,.52) !important;
}
.host-dashboard-modal-card .eyebrow {
  margin: 0 0 12px !important;
  color: #d8c477 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}
.host-dashboard-modal-card h2 {
  margin: 0 52px 16px 0 !important;
  color: #fff !important;
  font-size: clamp(28px, 3vw, 38px) !important;
  line-height: 1.05 !important;
  letter-spacing: -.035em !important;
}
.host-dashboard-modal-close {
  top: 18px !important;
  right: 18px !important;
  width: 36px !important;
  height: 36px !important;
  border: 1px solid #3a3b40 !important;
  background: #18191c !important;
  color: #f5f4f0 !important;
  font-size: 23px !important;
}
.host-dashboard-modal-card .host-modal-meta {
  margin: 0 0 8px !important;
  color: #c8c5bd !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}
.host-dashboard-modal-card .host-modal-rec {
  margin: 0 0 18px !important;
  color: #d7b84e !important;
  font-size: 14px !important;
  font-weight: 750 !important;
}
.host-dashboard-modal-card .host-modal-description {
  margin: 0 !important;
  color: #d9d6ce !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}
.host-dashboard-modal-card .host-modal-muted {
  margin: 20px 0 0 !important;
  color: #a8a59d !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.host-dashboard-modal-card .host-modal-actions { margin-top: 24px !important; }
.host-dashboard-modal-card .host-modal-actions .button-secondary {
  min-height: 40px !important;
  padding: 0 16px !important;
  border: 1px solid #3a3b40 !important;
  border-radius: 10px !important;
  background: #18191c !important;
  color: #f4f2ed !important;
}

@media (min-width: 1101px) {
  /* CREATE / EDIT PLAN — activity is a secondary choice, not half of the form. */
  .host-v2-workspace[data-host-view="create"] .host-plan-form-column:first-child .form-grid.two {
    grid-template-columns: minmax(0, 1.55fr) minmax(210px, .72fr) !important;
    gap: 12px !important;
  }
  .host-v2-workspace[data-host-view="create"] #vamioHostPlanForm select[name="activity"] {
    width: 100% !important;
    min-width: 0 !important;
    height: 43px !important;
    min-height: 43px !important;
    padding: 0 34px 0 12px !important;
    border: 1px solid #383a40 !important;
    border-radius: 10px !important;
    background-color: #17181a !important;
    color: #f2f0eb !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    color-scheme: dark !important;
  }

  /* SUBSCRIPTION — one compact horizontal settings panel. */
  .host-v2-workspace[data-host-view="billing"] #vamioHostDashboardContent {
    width: min(100%, 1500px) !important;
  }
  .host-v2-workspace[data-host-view="billing"] .host-commerce-card,
  .host-v2-workspace[data-host-view="billing"] .host-commerce-card-v437 {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 22px 26px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    gap: 14px 24px !important;
    border-radius: 16px !important;
  }
  .host-v2-workspace[data-host-view="billing"] .host-v2-section-heading {
    grid-column: 1 / -1 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
  }
  .host-v2-workspace[data-host-view="billing"] .host-commerce-card-v437 h2 {
    margin: 4px 0 0 !important;
    font-size: 25px !important;
    line-height: 1.05 !important;
  }
  .host-v2-workspace[data-host-view="billing"] #vamioHostCommerceText {
    max-width: 420px !important;
    margin: 0 !important;
    text-align: right !important;
    color: #8f8c84 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }
  .host-v2-workspace[data-host-view="billing"] .host-commerce-copy {
    grid-column: 1 !important;
    min-width: 0 !important;
    max-width: none !important;
  }
  .host-v2-workspace[data-host-view="billing"] .host-commerce-benefits {
    margin: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
  }
  .host-v2-workspace[data-host-view="billing"] .host-commerce-benefits span {
    min-height: 30px !important;
    padding: 6px 11px !important;
    font-size: 10px !important;
  }
  .host-v2-workspace[data-host-view="billing"] .host-commerce-options {
    grid-column: 2 !important;
    justify-self: end !important;
    width: auto !important;
    min-width: 0 !important;
  }
  .host-v2-workspace[data-host-view="billing"] .host-commerce-options .button,
  .host-v2-workspace[data-host-view="billing"] .host-commerce-option {
    width: auto !important;
    min-width: 190px !important;
    max-width: 240px !important;
    min-height: 40px !important;
    padding: 0 18px !important;
    border-radius: 10px !important;
    font-size: 11px !important;
  }
  .host-v2-workspace[data-host-view="billing"] .host-commerce-status {
    grid-column: 1 / -1 !important;
    margin: 0 !important;
  }
}

@media (max-width: 1100px) {
  .host-v2-workspace[data-host-view="billing"] .host-commerce-card,
  .host-v2-workspace[data-host-view="billing"] .host-commerce-card-v437 {
    height: auto !important;
    min-height: 0 !important;
    width: 100% !important;
    max-width: none !important;
  }
}

@media (min-width: 901px) {
  /* With subtitles removed, the page header should not reserve a two-line block. */
  .host-v2-workspace .host-v2-topbar {
    min-height: 54px !important;
    margin-bottom: 18px !important;
  }

  /* Billing is a compact top-aligned account panel, never a viewport-height canvas. */
  .host-v2-workspace[data-host-view="billing"] .host-commerce-card.host-v2-view-panel.is-current,
  .host-v2-workspace[data-host-view="billing"] .host-commerce-card-v437.host-v2-view-panel.is-current {
    align-self: start !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }
}


/* ============================================================
   Vamio 4.13.10 — Host live-plan read parity + Plans disclosure polish
   ============================================================ */

/* ============================================================
   Vamio 4.13.11 — Host Insights + canonical plan hygiene +
   subscription action alignment
   ============================================================ */

/* INSIGHTS — compact, data-dense Host analytics using existing plan/chat data. */
.host-v2-workspace[data-host-view="insights"] .host-v2-main > #vamioHostDashboardContent {
  width: min(100%, 1450px) !important;
}
.host-v2-workspace[data-host-view="insights"] .host-insights-view {
  align-self: start !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: visible !important;
}
.host-insights-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
}
.host-insight-group {
  border: 1px solid #292a2e;
  border-radius: 16px;
  background: #101113;
  padding: 20px;
  min-width: 0;
}
.host-insight-group-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}
.host-insight-group-head h2 {
  margin: 0 !important;
  color: #f5f4ef !important;
  font-size: 21px !important;
  line-height: 1 !important;
  letter-spacing: -.03em !important;
}
.host-insight-group-head .host-v2-eyebrow {
  margin: 0 !important;
}
.host-insight-metrics {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  border: 1px solid #28292d;
  border-radius: 12px;
  overflow: hidden;
}
.host-insight-metrics article {
  min-width: 0;
  padding: 15px 16px 14px;
  border-left: 1px solid #28292d;
  background: #141517;
}
.host-insight-metrics article:first-child { border-left: 0; }
.host-insight-metrics span {
  display: block;
  color: #918f89;
  font-size: 11px;
  font-weight: 650;
  line-height: 1.25;
}
.host-insight-metrics strong {
  display: block;
  margin-top: 7px;
  color: #e5d18c;
  font-size: 26px;
  line-height: 1;
  font-weight: 750;
  letter-spacing: -.035em;
}
.host-insight-group-chat { grid-column: 1 / -1; }
.host-insight-metrics-chat {
  width: min(100%, 520px);
  grid-template-columns: repeat(2,minmax(0,1fr));
}

/* Overview's Joined KPI is member attendance, not the Host's own seeded UID. */
.host-v2-stat-grid .host-overview-card:nth-child(3) span::after { content: ""; }

/* SUBSCRIPTION — keep the action physically attached to the benefit row. */
.host-v2-workspace[data-host-view="billing"] .host-commerce-card,
.host-v2-workspace[data-host-view="billing"] .host-commerce-card-v437 {
  display: block !important;
  width: min(100%, 1180px) !important;
  max-width: 1180px !important;
  padding: 22px 26px !important;
}
.host-v2-workspace[data-host-view="billing"] .host-v2-section-heading {
  margin-bottom: 16px !important;
}
.host-v2-workspace[data-host-view="billing"] .host-commerce-control-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 12px;
}
.host-v2-workspace[data-host-view="billing"] .host-commerce-copy {
  flex: 0 1 auto !important;
  min-width: 0 !important;
}
.host-v2-workspace[data-host-view="billing"] .host-commerce-benefits {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  margin: 0 !important;
}
.host-v2-workspace[data-host-view="billing"] .host-commerce-options {
  flex: 0 0 auto !important;
  width: auto !important;
  margin: 0 !important;
  justify-self: auto !important;
}
.host-v2-workspace[data-host-view="billing"] .host-commerce-options .button,
.host-v2-workspace[data-host-view="billing"] .host-commerce-option {
  min-width: 168px !important;
  max-width: 230px !important;
  min-height: 34px !important;
  height: 34px !important;
  padding: 0 14px !important;
  border-radius: 9px !important;
  font-size: 10px !important;
}
.host-v2-workspace[data-host-view="billing"] .host-commerce-status {
  margin: 10px 0 0 !important;
}

@media (max-width: 1180px) {
  .host-insights-grid { grid-template-columns: 1fr; }
  .host-insight-group-chat { grid-column: auto; }
}
@media (max-width: 760px) {
  .host-insight-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .host-insight-metrics article:nth-child(odd) { border-left: 0; }
  .host-insight-metrics article:nth-child(n+3) { border-top: 1px solid #28292d; }
  .host-insight-metrics-chat { width: 100%; }
  .host-v2-workspace[data-host-view="billing"] .host-commerce-control-row { align-items: stretch; }
  .host-v2-workspace[data-host-view="billing"] .host-commerce-options,
  .host-v2-workspace[data-host-view="billing"] .host-commerce-options .button,
  .host-v2-workspace[data-host-view="billing"] .host-commerce-option { width: 100% !important; max-width: none !important; }
}

/* ================================================================
   Vamio 4.13.12 — Host Insights semantic + layout refinement
   - Member joins wording now states the actual scope.
   - Planning distinguishes one-off plans from recurring series.
   - Capacity uses member joins only (Host self-participation excluded).
   - Insights cards use a balanced 2x2 composition; Chat no longer spans
     an entire row for two values.
   ================================================================ */

.host-insights-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: start;
}

.host-insight-group-chat {
  grid-column: auto !important;
}

.host-insight-group-planning .host-insight-metrics {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.host-insight-group-members .host-insight-metrics,
.host-insight-group-availability .host-insight-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.host-insight-metrics-chat {
  width: 100% !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* Keep dense analytics readable rather than squeezing labels into one line. */
.host-insight-metrics span {
  min-height: 28px;
  text-wrap: balance;
}

@media (max-width: 1180px) {
  .host-insight-group-planning .host-insight-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .host-insight-group-planning .host-insight-metrics article:nth-child(4),
  .host-insight-group-planning .host-insight-metrics article:nth-child(5) {
    border-top: 1px solid #28292d;
  }
  .host-insight-group-planning .host-insight-metrics article:nth-child(4) {
    border-left: 0;
  }
}

@media (max-width: 900px) {
  .host-insights-grid {
    grid-template-columns: 1fr !important;
  }
  .host-insight-group-planning .host-insight-metrics,
  .host-insight-group-members .host-insight-metrics,
  .host-insight-group-availability .host-insight-metrics,
  .host-insight-metrics-chat {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}



/* =========================================================
   Vamio 4.13.13 — Host plan edit prefill + preview pill unification
   ========================================================= */
.host-v2-workspace[data-host-view="create"] .host-preview-title-row span,
.host-v2-workspace[data-host-view="create"] .host-preview-pills small {
  background: #1b1c1f !important;
  border: 1px solid #36383d !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}
.host-v2-workspace[data-host-view="create"] .host-preview-title-row span,
.host-v2-workspace[data-host-view="create"] .host-preview-pills small {
  color: #d2cec5 !important;
  font-weight: 750 !important;
}
.host-v2-workspace[data-host-view="create"] .host-preview-content p {
  color: #b8b4ab !important;
}


/* =========================================================
   Vamio 4.13.14 — Plans metadata pill visual unification
   Keep plan-list metadata neutral and consistent with Create/Edit preview.
   ========================================================= */
.host-v2-workspace[data-host-view="plans"] .host-plan-status-badge,
.host-v2-workspace[data-host-view="plans"] .host-upcoming-plan-modern .compact-meta small,
.host-v2-workspace[data-host-view="plans"] .host-plan-recurring-pill {
  background: #1b1c1f !important;
  border: 1px solid #36383d !important;
  color: #d2cec5 !important;
  box-shadow: none !important;
}


/* Vamio v4.13.17 - Support dark-section useful links card */
.section.black .support-links-card{
  background:#111;
  border-color:rgba(255,255,255,.16);
  color:#fff;
  box-shadow:none;
}
.section.black .support-links-card h3,
.section.black .support-links-card a{
  color:#fff;
}


/* ========================================================================== 
   VAMIO 4.13.20 — Host Dashboard mobile layout closure
   Scope: mobile presentation only. No Firebase, recurrence, Stripe, Auth,
   Chat, Host ownership, plan mutation or routed-view behaviour changes.
   ========================================================================== */
@media (max-width: 700px) {
  body.vamio-host-workspace-body {
    overflow-x: hidden !important;
    background: #050506 !important;
  }

  /* Compact application header: preserve every route without burning a
     quarter of the viewport on the navigation rail. */
  .host-v2-sidebar {
    position: sticky !important;
    top: 0 !important;
    z-index: 120 !important;
    width: 100% !important;
    height: 60px !important;
    min-height: 60px !important;
    padding: 7px 9px !important;
    border-right: 0 !important;
    border-bottom: 1px solid #25262a !important;
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) 36px !important;
    align-items: center !important;
    gap: 6px !important;
    background: rgba(6,6,7,.96) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    backdrop-filter: blur(16px) !important;
  }
  .admin-bar .host-v2-sidebar { top: 46px !important; height: 60px !important; }
  .host-v2-brand {
    width: 34px !important;
    height: 34px !important;
    margin: 0 !important;
    display: grid !important;
    place-items: center !important;
  }
  .host-v2-brand-star { width: 34px !important; height: 34px !important; }
  .host-v2-brand-wordmark,
  .host-v2-brand > span { display: none !important; }
  .host-v2-nav {
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 2px !important;
    overflow-x: auto !important;
    overscroll-behavior-x: contain !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .host-v2-nav::-webkit-scrollbar { display: none !important; }
  .host-v2-nav a,
  .host-v2-sidebar-bottom button {
    position: relative !important;
    flex: 0 0 36px !important;
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    border-radius: 10px !important;
    justify-content: center !important;
  }
  .host-v2-nav a > span:not(.host-chat-nav-badge),
  .host-v2-sidebar-bottom span,
  .host-v2-sidebar-bottom a { display: none !important; }
  .host-v2-nav svg,
  .host-v2-sidebar-bottom svg {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
  }
  .host-v2-nav .host-chat-nav-badge {
    position: absolute !important;
    top: -4px !important;
    right: -4px !important;
    margin: 0 !important;
    min-width: 18px !important;
    width: auto !important;
    height: 18px !important;
    padding: 0 5px !important;
    font-size: 9px !important;
    line-height: 18px !important;
  }
  .host-v2-sidebar-bottom {
    margin: 0 !important;
    width: 36px !important;
    display: block !important;
  }

  /* Page header: title and selected venue become one compact row on routed
     views. Overview/Create retain their action + venue row underneath. */
  .host-v2-main {
    width: 100% !important;
    min-width: 0 !important;
    padding: 14px 12px 40px !important;
  }
  .host-v2-main > #vamioHostDashboardContent { width: 100% !important; min-width: 0 !important; }
  .host-v2-topbar {
    min-height: 0 !important;
    margin: 0 0 14px !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) minmax(132px,44%) !important;
    gap: 10px !important;
    align-items: center !important;
  }
  .host-v2-topbar > div:first-child { min-width: 0 !important; }
  .host-v2-page-kicker {
    margin-bottom: 3px !important;
    font-size: 9px !important;
    letter-spacing: .16em !important;
  }
  .host-v2-topbar h1 {
    margin: 0 !important;
    font-size: 27px !important;
    line-height: 1 !important;
    letter-spacing: -.04em !important;
    white-space: nowrap !important;
  }
  .host-v2-topbar-actions {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 7px !important;
  }
  .host-v2-venue-chip {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 6px 8px !important;
    grid-template-columns: 32px minmax(0,1fr) 12px !important;
    gap: 7px !important;
    border-radius: 12px !important;
  }
  .host-v2-venue-chip-logo { width: 32px !important; height: 32px !important; }
  .host-v2-venue-chip strong {
    overflow: hidden !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }
  .host-v2-venue-chip small { display: none !important; }
  .host-v2-chevron { font-size: 20px !important; }
  .host-v2-workspace[data-host-view="overview"] .host-v2-topbar,
  .host-v2-workspace[data-host-view="create"] .host-v2-topbar {
    grid-template-columns: 1fr !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-topbar-actions,
  .host-v2-workspace[data-host-view="create"] .host-v2-topbar-actions {
    display: grid !important;
    grid-template-columns: auto minmax(0,1fr) !important;
    justify-content: stretch !important;
  }
  .host-v2-topbar-create,
  .host-v2-topbar-back {
    min-height: 42px !important;
    height: 42px !important;
    padding: 0 13px !important;
    border-radius: 11px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
  }

  /* Overview: force the plans and chat summaries into a genuine mobile stack.
     This fixes the narrow left-column failure visible on iPhone. */
  .host-v2-workspace[data-host-view="overview"] .host-v2-venue-banner {
    min-height: 0 !important;
    height: auto !important;
    border-radius: 16px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-venue-banner-content {
    min-height: 210px !important;
    height: auto !important;
    padding: 18px !important;
    grid-template-columns: 56px minmax(0,1fr) !important;
    grid-template-areas:
      "logo copy"
      "action action" !important;
    gap: 14px !important;
    align-items: start !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-logo {
    grid-area: logo !important;
    width: 56px !important;
    height: 56px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-copy {
    grid-area: copy !important;
    min-width: 0 !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-copy h2 {
    margin: 2px 0 5px !important;
    font-size: 23px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-copy p {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-pills {
    margin-top: 8px !important;
    gap: 5px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-pills span {
    min-height: 25px !important;
    padding: 0 9px !important;
    font-size: 10px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-outline-action {
    grid-area: action !important;
    justify-self: start !important;
    min-height: 38px !important;
    padding: 0 13px !important;
    margin: 0 !important;
    font-size: 11px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-dashboard-overview.host-v2-stat-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important;
    margin: 12px 0 0 !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-stat-grid .host-overview-card {
    min-height: 104px !important;
    height: auto !important;
    padding: 14px !important;
    border-radius: 14px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-grid {
    width: 100% !important;
    min-width: 0 !important;
    margin-top: 10px !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 10px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-panel,
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-plans,
  .host-v2-workspace[data-host-view="overview"] .host-v2-chat-preview {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 16px !important;
    border-radius: 14px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-panel-head {
    margin-bottom: 6px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-plan {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 68px !important;
    padding: 11px 0 !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    gap: 12px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-plan strong {
    font-size: 14px !important;
    line-height: 1.25 !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-plan span:not(.host-v2-overview-count) {
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  /* Plans route: remove duplicate page furniture, stack filter controls cleanly,
     and turn each plan into a compact management card rather than a giant logo. */
  .host-v2-workspace[data-host-view="plans"] #host-plans > .host-v2-section-heading {
    margin: 0 0 12px !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
  }
  .host-v2-workspace[data-host-view="plans"] #host-plans > .host-v2-section-heading > div {
    display: none !important;
  }
  .host-v2-workspace[data-host-view="plans"] .host-v2-heading-action {
    min-height: 42px !important;
    padding: 0 14px !important;
    border-radius: 11px !important;
    font-size: 12px !important;
  }
  .host-v2-workspace[data-host-view="plans"] .host-v2-plan-list {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 14px !important;
    border-radius: 16px !important;
  }
  .host-v2-workspace[data-host-view="plans"] .host-plans-section-head-modern {
    margin-bottom: 14px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    align-items: start !important;
  }
  .host-v2-workspace[data-host-view="plans"] .host-plans-section-head-modern h2 {
    display: flex !important;
    align-items: baseline !important;
    gap: 8px !important;
    margin: 0 !important;
    font-size: 29px !important;
    line-height: 1 !important;
  }
  .host-v2-workspace[data-host-view="plans"] .host-plan-toolbar {
    width: 100% !important;
    margin: 0 !important;
    padding: 4px !important;
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 5px !important;
    border-radius: 12px !important;
  }
  .host-v2-workspace[data-host-view="plans"] .host-plan-toolbar button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 38px !important;
    padding: 0 8px !important;
    border-radius: 9px !important;
    font-size: 11px !important;
  }
  .host-v2-workspace[data-host-view="plans"] .host-upcoming-list-wrap,
  .host-v2-workspace[data-host-view="plans"] .host-upcoming-list {
    width: 100% !important;
    min-width: 0 !important;
  }
  .host-v2-workspace[data-host-view="plans"] .host-upcoming-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  .host-v2-workspace[data-host-view="plans"] .host-upcoming-plan-modern,
  .host-v2-workspace[data-host-view="plans"] .host-plans-section-previous .host-upcoming-plan-modern {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 12px !important;
    display: grid !important;
    grid-template-columns: 78px minmax(0,1fr) !important;
    grid-template-rows: auto auto !important;
    gap: 12px 13px !important;
    align-items: start !important;
    border-radius: 14px !important;
  }
  .host-v2-workspace[data-host-view="plans"] .host-plan-media,
  .host-v2-workspace[data-host-view="plans"] .host-plan-media-logo,
  .host-v2-workspace[data-host-view="plans"] .host-plans-section-previous .host-plan-media-logo {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 78px !important;
    height: 78px !important;
    min-height: 78px !important;
    padding: 9px !important;
    border-radius: 14px !important;
    background-color: #fff !important;
    background-size: calc(100% - 18px) auto !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
  }
  .host-v2-workspace[data-host-view="plans"] .host-upcoming-plan-body,
  .host-v2-workspace[data-host-view="plans"] .host-plans-section-previous .host-upcoming-plan-body {
    display: contents !important;
  }
  .host-v2-workspace[data-host-view="plans"] .host-upcoming-plan-main {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    display: block !important;
  }
  .host-v2-workspace[data-host-view="plans"] .host-upcoming-plan-copy { min-width: 0 !important; }
  .host-v2-workspace[data-host-view="plans"] .host-plan-title-row {
    gap: 6px !important;
    align-items: center !important;
  }
  .host-v2-workspace[data-host-view="plans"] .host-upcoming-plan-copy strong {
    margin: 0 0 5px !important;
    font-size: 18px !important;
    line-height: 1.12 !important;
    letter-spacing: -.025em !important;
  }
  .host-v2-workspace[data-host-view="plans"] .host-plan-status-badge {
    padding: 5px 7px !important;
    font-size: 9px !important;
  }
  .host-v2-workspace[data-host-view="plans"] .host-upcoming-plan-line {
    font-size: 11px !important;
    line-height: 1.35 !important;
  }
  .host-v2-workspace[data-host-view="plans"] .compact-meta {
    margin-top: 6px !important;
    gap: 4px 8px !important;
  }
  .host-v2-workspace[data-host-view="plans"] .compact-meta small {
    font-size: 10px !important;
    line-height: 1.3 !important;
  }
  .host-v2-workspace[data-host-view="plans"] .host-plan-progress {
    width: 100% !important;
    height: 4px !important;
    margin-top: 8px !important;
  }
  .host-v2-workspace[data-host-view="plans"] .host-upcoming-plan-actions {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(6,minmax(0,1fr)) !important;
    gap: 6px !important;
  }
  .host-v2-workspace[data-host-view="plans"] .host-upcoming-plan-actions button {
    grid-column: span 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 39px !important;
    padding: 0 6px !important;
    border-radius: 9px !important;
    font-size: 10px !important;
    white-space: nowrap !important;
  }
  .host-v2-workspace[data-host-view="plans"] .host-upcoming-plan-actions .danger-cancel,
  .host-v2-workspace[data-host-view="plans"] .host-upcoming-plan-actions .danger-delete {
    grid-column: span 3 !important;
    max-width: none !important;
  }
  .host-v2-workspace[data-host-view="plans"] .host-upcoming-plan-modern.is-previous .host-upcoming-plan-actions button:not(.danger) {
    grid-column: span 3 !important;
  }
  .host-v2-workspace[data-host-view="plans"] .host-upcoming-plan-modern.is-previous .host-upcoming-plan-actions .danger {
    grid-column: 1 / -1 !important;
    max-width: none !important;
  }
  .host-v2-workspace[data-host-view="plans"] .host-plans-section-previous {
    margin-top: 10px !important;
    border-radius: 14px !important;
  }
  .host-v2-workspace[data-host-view="plans"] .host-previous-toggle {
    min-height: 54px !important;
    padding: 0 14px !important;
  }
  .host-v2-workspace[data-host-view="plans"] .host-previous-toggle strong { font-size: 18px !important; }
}

@media (max-width: 380px) {
  .host-v2-sidebar {
    grid-template-columns: 32px minmax(0,1fr) 34px !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
  }
  .host-v2-brand,
  .host-v2-brand-star { width: 32px !important; height: 32px !important; }
  .host-v2-nav a,
  .host-v2-sidebar-bottom,
  .host-v2-sidebar-bottom button {
    flex-basis: 34px !important;
    width: 34px !important;
    min-width: 34px !important;
  }
  .host-v2-topbar { grid-template-columns: minmax(0,1fr) minmax(122px,44%) !important; }
  .host-v2-topbar h1 { font-size: 25px !important; }
  .host-v2-workspace[data-host-view="plans"] .host-upcoming-plan-modern,
  .host-v2-workspace[data-host-view="plans"] .host-plans-section-previous .host-upcoming-plan-modern {
    grid-template-columns: 70px minmax(0,1fr) !important;
  }
  .host-v2-workspace[data-host-view="plans"] .host-plan-media,
  .host-v2-workspace[data-host-view="plans"] .host-plan-media-logo,
  .host-v2-workspace[data-host-view="plans"] .host-plans-section-previous .host-plan-media-logo {
    width: 70px !important;
    height: 70px !important;
    min-height: 70px !important;
  }
}


/* Vamio v4.13.23 - public Hosts page web-dashboard refinement */
.page-template-page-hosts .host-web-dashboard-section{
  background:#050505;
  color:#f7f5ef;
  overflow:hidden;
}
.page-template-page-hosts .host-web-dashboard-copy{
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(360px,1.12fr);
  gap:64px;
  align-items:end;
  margin-bottom:46px;
}
.page-template-page-hosts .host-web-dashboard-kicker{
  color:#e5c968;
  background:rgba(201,162,39,.11);
  border-color:rgba(201,162,39,.35);
}
.page-template-page-hosts .host-web-dashboard-copy h2{
  color:#fff;
  max-width:760px;
  margin-bottom:0;
}
.page-template-page-hosts .host-web-dashboard-intro .text-large{
  color:#c7c4bc;
  max-width:760px;
}
.page-template-page-hosts .host-web-dashboard-intro strong{color:#fff;}
.page-template-page-hosts .host-web-dashboard-intro .actions{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  align-items:center;
}
.page-template-page-hosts .host-web-dashboard-secondary{
  background:transparent!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.28)!important;
}
.page-template-page-hosts .host-web-dashboard-stage{
  position:relative;
  margin:0;
  padding-right:0;
}
.page-template-page-hosts .host-web-dashboard-stage figure{margin:0;}
.page-template-page-hosts .host-web-dashboard-desktop{
  border:1px solid rgba(255,255,255,.13);
  border-radius:30px;
  padding:10px;
  background:#0a0a0a;
  box-shadow:0 34px 100px rgba(0,0,0,.45);
}
.page-template-page-hosts .host-web-dashboard-desktop img{
  display:block;
  width:100%;
  border-radius:22px;
}
@media(max-width:920px){
  .page-template-page-hosts .host-web-dashboard-copy{
    grid-template-columns:1fr;
    gap:18px;
    margin-bottom:30px;
  }
  .page-template-page-hosts .host-web-dashboard-stage{
    padding-right:0;
    margin-bottom:34px;
    display:grid;
    gap:18px;
  }
  .page-template-page-hosts .host-web-dashboard-desktop{
    border-radius:24px;
    padding:7px;
  }
  .page-template-page-hosts .host-web-dashboard-desktop img{border-radius:18px;}
}
@media(max-width:560px){
  .page-template-page-hosts .host-web-dashboard-section{padding-top:54px;padding-bottom:54px;}
  .page-template-page-hosts .host-web-dashboard-stage{gap:14px;}
}


/* Vamio v4.13.24 - Hosts pricing + dashboard spacing refinement */
.page-template-page-hosts .host-web-dashboard-stage{
  margin-top:36px!important;
}
@media(max-width:920px){
  .page-template-page-hosts .host-web-dashboard-stage{
    margin-top:28px!important;
  }
}

/* ========================================================================== 
   VAMIO 4.13.25 — Host overview venue identity card
   - Replaces the wide photographic banner on Overview with a contained
     feature-image window and venue identity beside it, matching the approved
     Host Dashboard visual direction.
   - The Venue route and all backend/data ownership remain unchanged.
   ========================================================================== */

.host-v2-workspace[data-host-view="overview"] .host-v2-venue-summary-card {
  position: relative !important;
  display: grid !important;
  grid-template-columns: clamp(210px, 22vw, 290px) minmax(0, 1fr) !important;
  min-height: 156px !important;
  height: auto !important;
  padding: 14px !important;
  gap: 18px !important;
  overflow: hidden !important;
  border: 1px solid #292a2e !important;
  border-radius: 16px !important;
  background: #101113 !important;
  background-image: none !important;
  box-shadow: none !important;
}

.host-v2-workspace[data-host-view="overview"] .host-v2-overview-photo {
  position: relative !important;
  min-width: 0 !important;
  min-height: 128px !important;
  height: 100% !important;
  overflow: hidden !important;
  border: 1px solid #303136 !important;
  border-radius: 13px !important;
  background: linear-gradient(145deg,#17181b,#0c0d0f) center/cover no-repeat !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
}

.host-v2-workspace[data-host-view="overview"] .host-v2-venue-summary-card.has-image .host-v2-overview-photo {
  background-size: cover !important;
  background-position: center !important;
}

.host-v2-workspace[data-host-view="overview"] .host-v2-overview-photo::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg,rgba(0,0,0,0) 56%,rgba(0,0,0,.16) 100%);
}

.host-v2-workspace[data-host-view="overview"] .host-v2-overview-photo .host-v2-overview-logo {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%,-50%) !important;
  width: 62px !important;
  height: 62px !important;
  border-radius: 13px !important;
  z-index: 1 !important;
}

.host-v2-workspace[data-host-view="overview"] .host-v2-venue-summary-card.has-image .host-v2-overview-photo .host-v2-overview-logo {
  display: none !important;
}

.host-v2-workspace[data-host-view="overview"] .host-v2-venue-summary-card .host-v2-venue-banner-content {
  position: relative !important;
  z-index: 1 !important;
  min-width: 0 !important;
  min-height: 128px !important;
  height: auto !important;
  padding: 6px 8px 6px 2px !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  grid-template-areas: "copy action" !important;
  align-items: center !important;
  gap: 18px !important;
  background: transparent !important;
}

.host-v2-workspace[data-host-view="overview"] .host-v2-venue-summary-card .host-v2-overview-copy {
  grid-area: copy !important;
  min-width: 0 !important;
  align-self: center !important;
}

.host-v2-workspace[data-host-view="overview"] .host-v2-venue-summary-card .host-v2-eyebrow {
  display: block !important;
  margin-bottom: 5px !important;
  color: #cdb76d !important;
}

.host-v2-workspace[data-host-view="overview"] .host-v2-venue-summary-card .host-v2-overview-copy h2 {
  margin: 0 0 5px !important;
  font-size: clamp(23px,2.15vw,31px) !important;
  line-height: 1.05 !important;
  letter-spacing: -.035em !important;
  color: #f8f7f3 !important;
}

.host-v2-workspace[data-host-view="overview"] .host-v2-venue-summary-card .host-v2-overview-copy p {
  max-width: 760px !important;
  margin: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  color: #a6a49e !important;
}

.host-v2-workspace[data-host-view="overview"] .host-v2-venue-summary-card .host-v2-overview-pills {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-top: 10px !important;
  min-height: 0 !important;
}

.host-v2-workspace[data-host-view="overview"] .host-v2-venue-summary-card .host-v2-overview-pills span {
  min-height: 25px !important;
  padding: 0 9px !important;
  display: inline-flex !important;
  align-items: center !important;
  font-size: 10px !important;
}

.host-v2-workspace[data-host-view="overview"] .host-v2-venue-summary-card .host-v2-outline-action {
  grid-area: action !important;
  align-self: center !important;
  justify-self: end !important;
  min-height: 38px !important;
  padding: 0 13px !important;
  margin: 0 !important;
  white-space: nowrap !important;
  font-size: 11px !important;
}

@media (max-width: 1180px) and (min-width: 901px) {
  .host-v2-workspace[data-host-view="overview"] .host-v2-venue-summary-card {
    grid-template-columns: 220px minmax(0,1fr) !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-venue-summary-card .host-v2-venue-banner-content {
    grid-template-columns: 1fr !important;
    grid-template-areas: "copy" "action" !important;
    gap: 10px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-venue-summary-card .host-v2-outline-action {
    justify-self: start !important;
  }
}

@media (max-width: 900px) {
  .host-v2-workspace[data-host-view="overview"] .host-v2-venue-summary-card {
    display: grid !important;
    grid-template-columns: 132px minmax(0,1fr) !important;
    min-height: 0 !important;
    padding: 12px !important;
    gap: 13px !important;
    border-radius: 16px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-photo {
    min-height: 132px !important;
    height: 132px !important;
    border-radius: 12px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-venue-summary-card .host-v2-venue-banner-content {
    min-height: 132px !important;
    padding: 2px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 9px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-venue-summary-card .host-v2-overview-copy h2 {
    font-size: 21px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-venue-summary-card .host-v2-overview-copy p {
    display: -webkit-box !important;
    white-space: normal !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    font-size: 10.5px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-venue-summary-card .host-v2-overview-pills {
    margin-top: 7px !important;
    gap: 5px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-venue-summary-card .host-v2-overview-pills span {
    min-height: 23px !important;
    padding: 0 7px !important;
    font-size: 9px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-venue-summary-card .host-v2-outline-action {
    min-height: 34px !important;
    padding: 0 11px !important;
    font-size: 10px !important;
  }
}

@media (max-width: 560px) {
  .host-v2-workspace[data-host-view="overview"] .host-v2-venue-summary-card {
    grid-template-columns: 1fr !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-photo {
    min-height: 160px !important;
    height: 160px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-venue-summary-card .host-v2-venue-banner-content {
    min-height: 0 !important;
    padding: 4px 3px 2px !important;
  }
}


/* ==========================================================================
   VAMIO 4.13.26 — Host overview image window correction
   - Uses the actual Host feature image in a reliable <img> element.
   - Enlarges the image window to roughly half the overview card width.
   - Gives the venue summary card more vertical presence, closer to the approved
     dashboard mockup, while preserving the existing responsive mobile stack.
   ========================================================================== */

.host-v2-workspace[data-host-view="overview"] .host-v2-venue-summary-card {
  grid-template-columns: minmax(420px, 46%) minmax(0, 1fr) !important;
  min-height: 330px !important;
  padding: 16px !important;
  gap: 26px !important;
  align-items: stretch !important;
}

.host-v2-workspace[data-host-view="overview"] .host-v2-overview-photo {
  min-height: 296px !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  align-self: center !important;
  background: linear-gradient(145deg,#17181b,#0c0d0f) !important;
}

.host-v2-workspace[data-host-view="overview"] .host-v2-overview-photo-image {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: inherit !important;
  z-index: 0 !important;
}

.host-v2-workspace[data-host-view="overview"] .host-v2-overview-photo-image[hidden] {
  display: none !important;
}

.host-v2-workspace[data-host-view="overview"] .host-v2-overview-photo::after {
  z-index: 1 !important;
}

.host-v2-workspace[data-host-view="overview"] .host-v2-overview-photo .host-v2-overview-logo {
  z-index: 2 !important;
}

.host-v2-workspace[data-host-view="overview"] .host-v2-venue-summary-card .host-v2-venue-banner-content {
  min-height: 296px !important;
  padding: 14px 16px 14px 2px !important;
}

.host-v2-workspace[data-host-view="overview"] .host-v2-venue-summary-card .host-v2-overview-copy h2 {
  font-size: clamp(28px, 2.55vw, 38px) !important;
}

.host-v2-workspace[data-host-view="overview"] .host-v2-venue-summary-card .host-v2-overview-copy p {
  font-size: 13px !important;
}

@media (max-width: 1180px) and (min-width: 901px) {
  .host-v2-workspace[data-host-view="overview"] .host-v2-venue-summary-card {
    grid-template-columns: minmax(340px, 44%) minmax(0,1fr) !important;
    min-height: 285px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-photo {
    min-height: 250px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-venue-summary-card .host-v2-venue-banner-content {
    min-height: 250px !important;
  }
}

@media (max-width: 900px) {
  .host-v2-workspace[data-host-view="overview"] .host-v2-venue-summary-card {
    grid-template-columns: minmax(180px, 44%) minmax(0,1fr) !important;
    min-height: 210px !important;
    gap: 16px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-photo {
    min-height: 180px !important;
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-venue-summary-card .host-v2-venue-banner-content {
    min-height: 180px !important;
  }
}

@media (max-width: 560px) {
  .host-v2-workspace[data-host-view="overview"] .host-v2-venue-summary-card {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-overview-photo {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-venue-summary-card .host-v2-venue-banner-content {
    min-height: 0 !important;
    padding: 8px 4px 4px !important;
  }
}


/* ========================================================================== 
   VAMIO 4.13.27 — Host overview scroll + readable identity + media editor
   - Restores natural desktop scrolling after the enlarged overview image window.
   - Venue name/address wrap naturally instead of truncating.
   - Venue editor exposes current logo/photos and replacement/removal controls.
   ========================================================================== */

@media (min-width: 901px) {
  body.vamio-host-workspace-body {
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  .host-v2-workspace[data-host-view="overview"] {
    height: auto !important;
    min-height: 100vh !important;
    overflow: visible !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-main {
    height: auto !important;
    min-height: 100vh !important;
    overflow: visible !important;
    padding-bottom: 58px !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-main > #vamioHostDashboardContent {
    height: auto !important;
    min-height: 0 !important;
    display: block !important;
  }
  .host-v2-workspace[data-host-view="overview"] .host-v2-view-panel.is-current {
    max-height: none !important;
    overflow: visible !important;
  }
}

.host-v2-workspace[data-host-view="overview"] .host-v2-venue-summary-card .host-v2-overview-copy {
  min-width: 0 !important;
}
.host-v2-workspace[data-host-view="overview"] .host-v2-venue-summary-card .host-v2-overview-copy h2,
.host-v2-workspace[data-host-view="overview"] .host-v2-venue-summary-card .host-v2-overview-copy p {
  overflow: visible !important;
  white-space: normal !important;
  text-overflow: clip !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}
.host-v2-workspace[data-host-view="overview"] .host-v2-venue-summary-card .host-v2-overview-copy h2 {
  max-width: 100% !important;
  line-height: 1.08 !important;
}
.host-v2-workspace[data-host-view="overview"] .host-v2-venue-summary-card .host-v2-overview-copy p {
  max-width: 680px !important;
  margin-top: 8px !important;
  line-height: 1.5 !important;
}

.host-profile-media-editor {
  margin: 0 0 22px;
  padding: 22px;
  border: 1px solid #303238;
  border-radius: 16px;
  background: #111214;
}
.host-profile-media-head { margin-bottom: 18px; }
.host-profile-media-head h3 { margin: 0 0 6px; color: #f5f4f0; font-size: 20px; }
.host-profile-media-head p { margin: 0; color: #96938c; font-size: 13px; line-height: 1.5; }
.host-profile-media-grid { display: grid; grid-template-columns: minmax(220px,.72fr) minmax(0,1.28fr); gap: 18px; }
.host-profile-media-block { min-width: 0; padding: 16px; border: 1px solid #2c2d31; border-radius: 14px; background: #151619; }
.host-profile-media-label { display: block; margin-bottom: 10px; color: #d4d1c9; font-size: 12px; font-weight: 750; letter-spacing: .04em; }
.host-profile-logo-preview { width: 112px; height: 112px; margin-bottom: 12px; overflow: hidden; border: 1px solid #393a3f; border-radius: 18px; background: #fff; display: grid; place-items: center; color: #111; font-size: 28px; font-weight: 800; }
.host-profile-logo-preview img { width: 100%; height: 100%; object-fit: contain; display: block; }
.host-profile-media-actions { display: flex; flex-wrap: wrap; gap: 9px; align-items: center; }
.host-profile-media-picker { position: relative; overflow: hidden; cursor: pointer; }
.host-profile-media-picker input { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; opacity: 0 !important; cursor: pointer !important; }
.host-profile-media-help { display: block; margin-top: 10px; color: #87847d; font-size: 11px; line-height: 1.45; }
.host-profile-photo-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.host-profile-photo-item { position: relative; min-width: 0; aspect-ratio: 4 / 3; overflow: hidden; border: 1px solid #35363a; border-radius: 12px; background: #0d0e10; }
.host-profile-photo-item img { width: 100%; height: 100%; object-fit: cover; display: block; }
.host-profile-photo-item.is-feature::after { content: "Feature"; position: absolute; left: 7px; bottom: 7px; padding: 4px 7px; border-radius: 999px; background: rgba(8,8,9,.82); color: #ead99f; font-size: 9px; font-weight: 750; }
.host-profile-photo-remove { position: absolute; top: 7px; right: 7px; width: 26px; height: 26px; padding: 0; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; background: rgba(8,8,9,.84); color: #fff; display: grid; place-items: center; cursor: pointer; font-size: 17px; line-height: 1; }
.host-profile-photo-remove:hover { border-color: #b95d5d; color: #ffb8b8; }
.host-profile-photo-empty { min-height: 110px; border: 1px dashed #34353a; border-radius: 12px; display: grid; place-items: center; color: #88857e; font-size: 12px; text-align: center; padding: 18px; }
.host-profile-media-count { margin-left: auto; color: #aaa79f; font-size: 11px; }

@media (max-width: 760px) {
  .host-profile-media-editor { padding: 16px; }
  .host-profile-media-grid { grid-template-columns: 1fr; }
  .host-profile-photo-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}