/* Platinum visual layer for v1.16.0. Presentation only: no application logic or markup changed. */
:root{--platinum-night:#061e23;--platinum-teal:#0b383e;--platinum-gold:#c6aa77;--platinum-text:#f4f5ee;--platinum-border:rgba(214,190,140,.25)}
html{background:var(--platinum-night)}
body{background:linear-gradient(145deg,#071e23 0%,#10383c 55%,#071e23 100%)!important;color:var(--platinum-text);font-family:Montserrat,'DM Sans',system-ui,sans-serif}
/* Exact bundled original artwork, without redrawing, rotation or editing. */
body>.app-shell{position:relative!important;isolation:isolate;background:transparent!important}
body>.app-shell::before{content:""!important;position:fixed!important;inset:0!important;display:block!important;z-index:-1!important;pointer-events:none!important;background-image:url('/puhoro-watermark-original.jpg')!important;background-repeat:repeat!important;background-size:min(68vw,640px) auto!important;background-position:center top!important;opacity:.085!important;filter:none!important;mix-blend-mode:screen!important}
.topbar{background:rgba(5,29,33,.89)!important;border-bottom:1px solid var(--platinum-border)!important;box-shadow:0 8px 36px rgba(0,0,0,.2)!important;backdrop-filter:blur(20px)}
.topbar .brand-name,.topbar .brand-name strong,.topbar .main-nav a{color:#f6f4ed!important}
.topbar .main-nav a:hover,.topbar .main-nav a:focus-visible{color:var(--platinum-gold)!important}
.header-search{background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:10px!important}
.header-search input{color:#fff!important;background:transparent!important}
.header-search input::placeholder{color:rgba(255,255,255,.72)!important}
#home .hero-block{position:relative!important;isolation:isolate!important;overflow:hidden!important;min-height:clamp(350px,37vw,550px)!important;border-radius:0 0 20px 20px!important;background-color:#0b3034!important;background-image:var(--hero-location-image,url('/hero.jpg'))!important;background-size:cover!important;background-position:center!important;box-shadow:0 22px 60px rgba(0,0,0,.2)!important}
#home .hero-block::before{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:0!important;background:linear-gradient(90deg,rgba(3,24,28,.85),rgba(5,34,38,.56) 60%,rgba(5,34,38,.25))!important;opacity:1!important;filter:none!important;pointer-events:none!important}
#home .hero-block::after{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:0!important;background-image:url('/puhoro-watermark-original.jpg')!important;background-position:right center!important;background-size:auto 110%!important;background-repeat:no-repeat!important;opacity:.12!important;mix-blend-mode:screen!important;pointer-events:none!important}
#home .hero-block>*{position:relative!important;z-index:1!important}
#home .hero-block h1{color:#fff!important;font-family:Montserrat,system-ui,sans-serif!important;font-weight:750!important;letter-spacing:-.04em!important;line-height:1.12!important;text-shadow:0 2px 22px rgba(0,0,0,.38)!important}
#home .hero-block p{color:#f4f4ee!important}
#home .hero-block .eyebrow{color:#e3c78f!important;letter-spacing:.16em!important;font-weight:700!important}
#home .support-section,.discovery-layout,.discovery-main{background:transparent!important}
#home .section-head h2{color:#f7f4e9!important;letter-spacing:-.035em!important}
#home .section-head p{color:#c9d9d7!important}
#home .needs-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
#home .support-tile{position:relative!important;overflow:hidden!important;min-height:210px!important;padding:0!important;border-radius:14px!important;border:1px solid rgba(232,218,183,.2)!important;background:#123d43!important;box-shadow:0 12px 32px rgba(0,0,0,.24)!important;transform:none!important;transition:transform .2s,box-shadow .2s!important}
#home .support-tile:hover{transform:translateY(-4px)!important;box-shadow:0 20px 42px rgba(0,0,0,.35)!important}
#home .support-tile .tile-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;opacity:1!important;filter:saturate(.85)!important}
#home .support-tile::after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(0deg,rgba(2,20,23,.92),rgba(3,23,26,.08) 72%)!important;pointer-events:none!important}
#home .support-tile .tile-content{position:relative!important;z-index:2!important;align-self:end!important;color:white!important;text-shadow:0 2px 8px rgba(0,0,0,.4)!important}
#home .support-tile .tile-content *{color:#fff!important}
#home .support-tile .tile-arrow{z-index:3!important;color:#e5c38c!important}
#home .panel,#home .card,#home .service-card,#home .resource-card,#home .community-panel{background:rgba(8,39,44,.77)!important;border:1px solid var(--platinum-border)!important;color:#f3f4ec!important;backdrop-filter:blur(7px)}
#home .panel h2,#home .panel h3,#home .community-panel h2{color:#f4f1e7!important}
@media(max-width:980px){#home .needs-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){body>.app-shell::before{background-size:100vw auto!important;opacity:.07!important}#home .hero-block{min-height:310px!important;border-radius:0 0 16px 16px!important;background-position:center!important}#home .hero-block::before{background:linear-gradient(180deg,rgba(4,24,27,.62),rgba(4,24,27,.78))!important}#home .hero-block::after{background-size:auto 90%!important;opacity:.12!important}#home .needs-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}#home .support-tile{min-height:156px!important;border-radius:12px!important}#home .hero-block h1{font-size:clamp(1.9rem,7.2vw,3rem)!important}nav.mobile-bottom-nav{background:rgba(4,30,34,.97)!important;border-top:1px solid var(--platinum-border)!important;backdrop-filter:blur(18px)!important}nav.mobile-bottom-nav a{color:#e7f0ec!important}nav.mobile-bottom-nav a.active{color:#e6c28b!important}}
@media(prefers-reduced-motion:reduce){#home .support-tile{transition:none!important}}

/* v1.16.1 — ONE unbroken original pūhoro composition per viewport. */
html,body{background-color:#082b30!important;background-image:none!important}
body>.app-shell{background:transparent!important;isolation:isolate!important}
body>.app-shell::before{position:fixed!important;inset:0!important;background-image:url('/puhoro-watermark-original.jpg')!important;background-repeat:no-repeat!important;background-position:center center!important;background-size:100% 100%!important;opacity:.17!important;mix-blend-mode:screen!important;z-index:-1!important}
/* Suppress duplicate section-level pūhoro layers, not the photographic hero. */
#home .hero-block::after{content:none!important;display:none!important}
#home .hero-block::before{background:linear-gradient(90deg,rgba(3,24,28,.83),rgba(5,34,38,.53) 70%,rgba(5,34,38,.28))!important}
#home .dashboard-layout,#home .dashboard-main,#home .dashboard-sidebar,#home .discovery-layout,#home .discovery-main,#home .support-section,#home .service-feed-grid,#home .service-feed,#home .panel,#home .community-panel{background-image:none!important}
@media(max-width:760px){body>.app-shell::before{background-size:100% 100%!important;background-position:center center!important;opacity:.13!important}}
/* Platinum controls: no bright yellow blocks, pills or oval badges. */
:root{--gold:#b8a27b;--accent:#76c7c2;--yellow:#b8a27b}
button,.primary-action,.secondary-action,.button,.btn,[class*="-button"],[class*="-pill"],[class*="-badge"],.verification,.provider-badge,.service-card a,.directory-card button{border-radius:8px!important}
button,.primary-action,.button,.btn,.provider-badge,.verification,[class*="-pill"],[class*="-badge"]{box-shadow:none!important}
button.primary-action,.primary-action,.header-search button,.service-card button,.service-card .primary-action,.service-result button,.provider-badge{background:#17636a!important;border:1px solid rgba(174,222,215,.5)!important;color:#f6faf8!important;font-weight:700!important}
button.primary-action:hover,.primary-action:hover,.header-search button:hover{background:#20777c!important}
.secondary-action,.service-card .secondary-action{background:rgba(6,48,54,.86)!important;color:#e8eee9!important;border:1px solid rgba(177,206,196,.45)!important}
/* Live status is a compact squared status label; dot never escapes its container. */
.live-community-panel .panel-header{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
.live-community-panel .live-status-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;position:static!important;width:auto!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:28px!important;padding:5px 10px!important;border-radius:6px!important;background:rgba(13,73,76,.9)!important;border:1px solid rgba(126,195,183,.6)!important;color:#d9f1e9!important;white-space:nowrap!important;font-size:12px!important;line-height:1.2!important}
.live-community-panel .live-status-dot{position:static!important;display:inline-block!important;flex:0 0 7px!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#6bd7b7!important;box-shadow:none!important}
.live-community-panel .panel-header h2{min-width:0!important;margin:0!important}
.live-community-panel .empty-state{background:rgba(5,34,39,.6)!important;border:1px solid rgba(165,191,182,.35)!important;border-radius:12px!important}
@media(max-width:760px){.live-community-panel .panel-header{align-items:flex-start!important}.live-community-panel .live-status-pill{font-size:11px!important}}

.live-directory-fallback{margin-top:18px;padding-top:16px;border-top:1px solid rgba(171,200,191,.35)}
.live-directory-fallback h3{font-size:1rem;color:#f2f5ef}.live-directory-fallback p{font-size:.85rem;color:#c8dad4}
.live-directory-items{display:grid;gap:10px;margin-top:12px}.live-directory-items .service-card{min-height:0!important;padding:14px!important;background:rgba(8,48,53,.72)!important;border:1px solid rgba(179,203,191,.3)!important}

/* v1.16.4: preserve one original pūhoro layer; let it show through translucent photography. */
#home .hero-block{background-image:none!important;background-color:rgba(4,32,36,.22)!important;isolation:isolate!important}
#home .hero-block::before{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:0!important;background-image:linear-gradient(90deg,rgba(3,23,27,.66),rgba(3,26,30,.35)),var(--hero-location-image,none)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;opacity:.64!important;pointer-events:none!important}
#home .hero-block::after{display:none!important}
#home .hero-block>*{position:relative!important;z-index:1!important}
@media(max-width:760px){
  html body nav.mobile-bottom-nav,html body>.app-shell>nav.mobile-bottom-nav{display:grid!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;z-index:999999!important;width:100%!important;height:calc(72px + env(safe-area-inset-bottom))!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:3px!important;padding:6px 8px calc(6px + env(safe-area-inset-bottom))!important;background:rgba(4,31,35,.97)!important;border-top:1px solid rgba(184,162,123,.65)!important;visibility:visible!important;opacity:1!important;transform:none!important}
  html body nav.mobile-bottom-nav a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;min-width:0!important;color:#e6f1ed!important;text-decoration:none!important;font-size:11px!important;padding:3px!important;border-radius:8px!important}
  html body nav.mobile-bottom-nav a.active{color:#eacb96!important;background:rgba(30,99,105,.45)!important}
  html body nav.mobile-bottom-nav .app-nav-icon{font-size:25px!important;line-height:1!important}
  html body,html body>.app-shell{padding-bottom:calc(84px + env(safe-area-inset-bottom))!important}
  html #home .dashboard-sidebar,html #home .live-community-panel{display:flex!important;flex-direction:column!important;visibility:visible!important;opacity:1!important;height:auto!important;max-height:none!important;overflow:visible!important}
  html #home .live-community-panel{order:-1!important;margin:12px 0!important;padding:16px!important;border:1px solid rgba(174,203,195,.4)!important;background:rgba(5,40,45,.78)!important}
  html #home .dashboard-grid{display:flex!important;flex-direction:column!important}
  html #home .dashboard-sidebar{order:-1!important}
  html #home .hero-block::before{background-image:linear-gradient(180deg,rgba(3,23,27,.56),rgba(3,26,30,.4)),var(--hero-location-image,none)!important;opacity:.55!important}
  #screen,#locationScreen{padding-bottom:calc(86px + env(safe-area-inset-bottom))!important}
}
@media(min-width:761px){nav.mobile-bottom-nav{display:none!important}}

/* v1.16.6 — PHOTO-FIRST HERO; ORIGINAL PŪHORO IS A FAINT WATERMARK ONLY.
   Separate layers so the image stays legible, never darkened to reveal the artwork. */
html body>.app-shell::before {
  background-image:url('/puhoro-watermark-original.jpg')!important;
  background-repeat:no-repeat!important; background-size:100% 100%!important;
  background-position:center center!important;opacity:.065!important;
  mix-blend-mode:normal!important;filter:none!important;
}
html body #home .hero-block {
  position:relative!important;isolation:isolate!important;overflow:hidden!important;
  background-image:none!important;background-color:#164047!important;
}
html body #home .hero-block::before {
  content:''!important;display:block!important;position:absolute!important;inset:0!important;
  z-index:0!important;pointer-events:none!important;
  background-image:var(--hero-location-image,url('/nz-neutral-hero.jpg'))!important;
  background-repeat:no-repeat!important;background-size:cover!important;
  background-position:center center!important;opacity:.94!important;
  filter:none!important;mix-blend-mode:normal!important;
}
html body #home .hero-block::after {
  content:''!important;display:block!important;position:absolute!important;inset:0!important;
  z-index:0!important;pointer-events:none!important;
  background-image:linear-gradient(90deg,rgba(3,24,28,.55) 0%,rgba(3,24,28,.27) 44%,rgba(3,24,28,.09) 100%),url('/puhoro-watermark-original.jpg')!important;
  background-size:cover,100% 100%!important;background-repeat:no-repeat!important;
  background-position:center!important;opacity:.24!important;mix-blend-mode:normal!important;
}
html body #home .hero-block>* {position:relative!important;z-index:1!important}
@media(max-width:760px){
 html body #home .hero-block::before {
   background-image:var(--hero-location-image,url('/nz-neutral-hero.jpg'))!important;
   opacity:.94!important;background-position:center!important;
 }
 html body #home .hero-block::after {
   background-image:linear-gradient(180deg,rgba(3,24,28,.45),rgba(3,24,28,.12) 65%,rgba(3,24,28,.25)),url('/puhoro-watermark-original.jpg')!important;
   background-size:cover,100% 100%!important;opacity:.30!important;
 }
}


/* v1.16.7 — FIXED MOBILE APP NAVIGATION. Available in mobile browser AND installed PWA.
   Explicitly overrides historical installed-app-only hiding rules. */
@media screen and (max-width: 1024px) {
  html body > .app-shell > nav.mobile-bottom-nav,
  html.angitu-installed-app body > .app-shell > nav.mobile-bottom-nav,
  html:not(.angitu-installed-app) body > .app-shell > nav.mobile-bottom-nav {
    display:grid !important; visibility:visible !important; opacity:1 !important;
    position:fixed !important; inset:auto 0 0 0 !important;
    top:auto !important; bottom:0 !important; left:0 !important; right:0 !important;
    width:100% !important; height:calc(70px + env(safe-area-inset-bottom)) !important;
    min-height:70px !important; box-sizing:border-box !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:2px !important; margin:0 !important;
    padding:5px 8px calc(5px + env(safe-area-inset-bottom)) !important;
    background:#05292f !important; border-top:1px solid rgba(200,175,127,.7) !important;
    box-shadow:0 -8px 25px rgba(0,0,0,.28) !important;
    z-index:2147483000 !important; transform:none !important;
    pointer-events:auto !important; overflow:visible !important;
  }
  html body > .app-shell > nav.mobile-bottom-nav a {
    display:flex !important; flex-direction:column !important; justify-content:center !important;
    align-items:center !important; min-width:0 !important; min-height:52px !important;
    padding:4px 2px !important; gap:3px !important; border-radius:9px !important;
    color:#e7f5f2 !important; background:transparent !important;
    text-decoration:none !important; font-size:11px !important; font-weight:700 !important;
    line-height:1.15 !important; text-align:center !important;
  }
  html body > .app-shell > nav.mobile-bottom-nav a.active,
  html body > .app-shell > nav.mobile-bottom-nav a[aria-current="page"] {
    background:rgba(75,151,152,.25) !important; color:#f4d5a3 !important;
  }
  html body > .app-shell > nav.mobile-bottom-nav .app-nav-icon {font-size:23px !important;line-height:1 !important}
  html body,html body > .app-shell,html body #home,html body #screen,
  html body #locationScreen,html body #screenContent {
    padding-bottom:calc(92px + env(safe-area-inset-bottom)) !important;
  }
  html body #locationScreen {z-index:1100 !important;bottom:calc(70px + env(safe-area-inset-bottom)) !important}
  html body #screen {z-index:1100 !important}
}
@media screen and (min-width:1025px) {
  html body > .app-shell > nav.mobile-bottom-nav {display:none !important}
}