/* UrbanNest marketplace art direction — August 2026. */
:root{--un-forest:#073c3c;--un-deep:#052d2d;--un-mint:#dff3ee;--un-cream:#f8f5ee;--un-coral:#f36b32;--un-coral-dark:#d94e18;--un-ink:#152b2b}
.marketplace-home{background:var(--un-cream)}
.discovery-nav{border-top-color:var(--un-coral);border-bottom-color:rgba(7,60,60,.1);background:rgba(252,250,245,.94);box-shadow:none}
.discovery-nav .nav-inner{min-height:88px;padding-block:9px}
.discovery-brand .brand-logo-wrap,.discovery-brand .brand-logo-image{width:60px;height:60px}
.discovery-brand strong,.brand.option-b-brand strong{color:var(--un-deep)}
.discovery-nav .nav-links .link-button,.nav-saved-action,.nav-signin-action,.nav-menu-action{color:var(--un-ink)}
.urbannest-home-hero{position:relative;overflow:hidden;padding:clamp(44px,6vw,92px) 0 clamp(58px,7vw,104px);background:radial-gradient(circle at 8% 10%,rgba(223,243,238,.16),transparent 28%),linear-gradient(115deg,var(--un-deep),var(--un-forest));color:#fff}
.urbannest-home-hero::after{position:absolute;right:-12vw;bottom:-34vw;width:62vw;height:62vw;border:1px solid rgba(255,255,255,.09);border-radius:50%;box-shadow:0 0 0 8vw rgba(255,255,255,.025),0 0 0 16vw rgba(255,255,255,.018);content:"";pointer-events:none}
.urbannest-home-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:clamp(42px,7vw,110px);align-items:center}
.urbannest-home-hero-copy{max-width:690px}
.urbannest-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:20px;color:#aee0d4;font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.urbannest-kicker::before{width:36px;height:2px;background:var(--un-coral);content:""}
.urbannest-home-hero h1{max-width:700px;margin:0;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:clamp(46px,5.6vw,84px);font-weight:500;letter-spacing:-.045em;line-height:.98}
.urbannest-home-hero-copy>p{max-width:600px;margin:25px 0 0;color:rgba(255,255,255,.76);font-size:clamp(16px,1.4vw,19px);line-height:1.7}
.urbannest-hero-actions{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;margin-top:30px}
.urbannest-primary-action.button.primary{min-height:54px;padding-inline:24px;border-color:var(--un-coral);border-radius:8px;background:var(--un-coral);box-shadow:0 14px 30px rgba(4,26,26,.25)}
.urbannest-primary-action.button.primary:hover{border-color:var(--un-coral-dark);background:var(--un-coral-dark)}
.urbannest-text-action{display:inline-flex;min-height:48px;align-items:center;gap:9px;padding:8px 2px;border:0;background:transparent;color:#fff;font-weight:850}
.urbannest-text-action .dock-icon{width:18px;height:18px}
.urbannest-trust-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:clamp(38px,5vw,66px);padding-top:22px;border-top:1px solid rgba(255,255,255,.16)}
.urbannest-trust-strip>span{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;align-items:center}
.urbannest-trust-strip .dock-icon{width:21px;height:21px;grid-row:1/3;color:#aee0d4}
.urbannest-trust-strip strong{font-size:12px}.urbannest-trust-strip small{margin-top:3px;color:rgba(255,255,255,.56);font-size:10px}
.urbannest-home-hero-visual{position:relative;min-height:clamp(400px,39vw,590px)}
.urbannest-home-hero-visual>img{width:100%;height:clamp(400px,39vw,590px);border-radius:180px 14px 14px 14px;object-fit:cover;box-shadow:0 34px 70px rgba(2,18,18,.36)}
.urbannest-hero-proof,.urbannest-hero-location{position:absolute;display:flex;align-items:center;gap:12px;padding:15px 18px;border:1px solid rgba(255,255,255,.55);background:rgba(252,250,245,.94);color:var(--un-ink);box-shadow:0 18px 44px rgba(2,18,18,.24);backdrop-filter:blur(15px)}
.urbannest-hero-proof{right:-22px;bottom:32px;max-width:280px;border-radius:12px}.urbannest-hero-location{top:30px;left:-30px;border-radius:999px}
.urbannest-hero-proof>span,.urbannest-hero-location>.dock-icon{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;border-radius:50%;background:var(--un-mint);color:var(--un-forest)}
.urbannest-hero-proof .dock-icon{width:21px;height:21px}.urbannest-hero-location>.dock-icon{padding:10px}
.urbannest-hero-proof div,.urbannest-hero-location span{display:grid;gap:3px}
.urbannest-hero-proof small,.urbannest-hero-location small{color:#687777;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.urbannest-hero-proof strong,.urbannest-hero-location strong{font-size:14px}
.urbannest-search-panel.marketplace-discovery-panel{padding:26px 0 30px;border-bottom-color:rgba(7,60,60,.12);background:#fff}
.urbannest-search-panel .marketplace-category-tabs button.active::after{background:var(--un-coral)}
.urbannest-search-panel .marketplace-category-tabs .dock-icon,.urbannest-search-panel .marketplace-category-tabs button:hover{color:var(--un-forest)}
.urbannest-search-panel .home-search-bar{border-color:rgba(7,60,60,.15);border-radius:10px;box-shadow:0 16px 45px rgba(7,60,60,.09)}
.urbannest-search-panel .home-search-submit{border-radius:7px;background:var(--un-forest);box-shadow:0 10px 24px rgba(7,60,60,.2)}
.marketplace-results-section{padding-top:clamp(46px,6vw,82px);background:var(--un-cream)}
.marketplace-results-heading h1{color:var(--un-deep);font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,3.4vw,52px);font-weight:500;letter-spacing:-.025em}
.marketplace-results-heading .eyebrow{color:var(--un-coral-dark);letter-spacing:.14em}
.realestate-listing-card{border-color:rgba(7,60,60,.1);border-radius:10px;box-shadow:0 12px 35px rgba(7,45,45,.09)}
.realestate-listing-card:hover{box-shadow:0 20px 48px rgba(7,45,45,.15)}.realestate-listing-card .property-body{padding:20px}
.realestate-price-row .price,.realestate-title-row h3{color:var(--un-deep)}
.realestate-listing-card .property-cta-row .button.primary{border-color:var(--un-coral);background:var(--un-coral)}
.marketplace-home .shorts-section{background:var(--un-deep);color:#fff}
.marketplace-home .shorts-section .section-title h2,.marketplace-home .shorts-section .shorts-empty strong{color:#fff}
.marketplace-home .shorts-section .section-title p,.marketplace-home .shorts-section .shorts-empty span{color:rgba(255,255,255,.68)}
@media(max-width:1040px){.urbannest-home-hero-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:48px}.urbannest-home-hero h1{font-size:clamp(44px,6vw,64px)}}
@media(max-width:760px){.discovery-nav .nav-inner{min-height:70px}.urbannest-home-hero{padding:34px 0 42px}.urbannest-home-hero-grid{grid-template-columns:1fr;gap:34px}.urbannest-home-hero h1{font-size:clamp(40px,12vw,58px)}.urbannest-home-hero-copy>p{font-size:15px;line-height:1.6}.urbannest-hero-actions{display:grid;grid-template-columns:1fr}.urbannest-primary-action.button.primary{width:100%}.urbannest-text-action{justify-content:center}.urbannest-trust-strip{grid-template-columns:1fr;gap:13px;margin-top:32px}.urbannest-home-hero-visual,.urbannest-home-hero-visual>img{min-height:330px;height:330px}.urbannest-home-hero-visual>img{border-radius:96px 10px 10px 10px}.urbannest-hero-location{top:16px;left:12px}.urbannest-hero-proof{right:12px;bottom:14px;left:12px;max-width:none}.urbannest-search-panel.marketplace-discovery-panel{padding-top:16px}.marketplace-results-heading h1{font-size:36px}.realestate-listing-card .property-body{padding:17px 15px}}
@media(max-width:360px){.urbannest-home-hero h1{font-size:38px}.urbannest-home-hero-visual,.urbannest-home-hero-visual>img{min-height:285px;height:285px}.urbannest-hero-location{padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.realestate-listing-card,.discovery-brand{transition:none}}


/* Role portal system */
.mockup-app-shell{--portal-accent:#0b7775;--portal-accent-soft:#e3f4ef;--portal-accent-ink:#075654;background:#eeeae1}
.mockup-app-shell.role-landlord{--portal-accent:#e7642a;--portal-accent-soft:#fff0e7;--portal-accent-ink:#a53e13}
.mockup-app-shell.role-agent{--portal-accent:#315f8d;--portal-accent-soft:#eaf1f8;--portal-accent-ink:#244b71}
.mockup-app-shell.role-crew{--portal-accent:#36735b;--portal-accent-soft:#e8f2ec;--portal-accent-ink:#285743}
.mockup-app-shell.role-admin{--portal-accent:#34454b;--portal-accent-soft:#e9eef0;--portal-accent-ink:#243339}
.role-dashboard-shell{grid-template-columns:264px minmax(0,1fr);width:calc(100% - 40px);min-height:calc(100svh - 40px);margin:20px;border:0;border-radius:18px;background:#f8f6f0;box-shadow:0 24px 70px rgba(17,39,38,.14)}
.mockup-dashboard-sidebar{padding:26px 18px 20px;border-right:0;background:linear-gradient(180deg,#073c3c,#052f2f);color:#fff}
.mockup-sidebar-brand{margin:0 2px 8px;padding:0 5px}
.mockup-sidebar-brand strong{color:#fff!important;font-size:21px}
.mockup-sidebar-brand .brand-logo-image{border-color:rgba(255,255,255,.5);box-shadow:0 0 0 4px rgba(255,255,255,.08)}
.portal-role-label{display:block;margin:0 12px 23px;color:rgba(255,255,255,.52);font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.mockup-dashboard-sidebar nav{gap:5px}
.mockup-dashboard-sidebar nav button,.mockup-sidebar-signout{min-height:44px;border-radius:9px;color:rgba(255,255,255,.7);font-size:13px}
.mockup-dashboard-sidebar nav button:hover{background:rgba(255,255,255,.09);color:#fff}
.mockup-dashboard-sidebar nav button.active,.role-landlord .mockup-dashboard-sidebar nav button.active{position:relative;background:#fff;color:var(--portal-accent-ink);box-shadow:0 10px 22px rgba(1,21,21,.18)}
.mockup-dashboard-sidebar nav button.active::before{position:absolute;top:10px;bottom:10px;left:-8px;width:3px;border-radius:4px;background:var(--portal-accent);content:""}
.mockup-support-card{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08)}
.mockup-support-card strong{color:#fff}.mockup-support-card span{color:rgba(255,255,255,.58)}
.mockup-support-card button{border-color:rgba(255,255,255,.18);background:#fff;color:var(--un-deep)}
.mockup-sidebar-signout{color:rgba(255,255,255,.58)}
.mockup-dashboard-main.app-main{padding:40px 46px 56px;background:#f8f6f0}
.mockup-dashboard-heading{align-items:center;margin-bottom:30px;padding-bottom:22px;border-bottom:1px solid rgba(7,60,60,.1)}
.portal-heading-kicker{display:block;margin-bottom:6px;color:var(--portal-accent);font-size:10px;font-weight:950;letter-spacing:.15em;text-transform:uppercase}
.mockup-dashboard-heading h1{color:var(--un-deep);font-size:clamp(30px,3vw,42px);font-weight:600;letter-spacing:-.02em}
.mockup-dashboard-heading p{color:#6b7775;font-size:14px}
.mockup-heading-avatar{width:62px;height:62px;flex-basis:62px;border:3px solid #fff;background:var(--portal-accent-soft);color:var(--portal-accent-ink);box-shadow:0 0 0 2px var(--portal-accent),0 10px 24px rgba(17,39,38,.12)}
.mockup-heading-actions .button.primary,.mockup-dashboard-view .button.primary{border-color:var(--portal-accent);background:var(--portal-accent)}
.mockup-heading-actions .button.primary:hover,.mockup-dashboard-view .button.primary:hover{border-color:var(--portal-accent-ink);background:var(--portal-accent-ink)}
.mockup-dashboard-view .dashboard-intro-card{border:0;border-radius:14px;background:linear-gradient(120deg,var(--portal-accent-soft),#fff);box-shadow:0 12px 34px rgba(17,39,38,.07)}
.mockup-dashboard-view .dashboard-intro-card h2{color:var(--un-deep);font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.02em}
.mockup-dashboard-view .dashboard-summary-grid{gap:14px}
.mockup-dashboard-view .dashboard-summary-card,.mockup-dashboard-view .dashboard-card,.mockup-dashboard-view .tenant-planner,.mockup-dashboard-view .table-card,.mockup-dashboard-view .financial-card{border:1px solid rgba(7,60,60,.1);border-radius:12px;background:#fff;box-shadow:0 10px 30px rgba(17,39,38,.055)}
.mockup-dashboard-view .dashboard-summary-card{position:relative;overflow:hidden;padding:18px}
.mockup-dashboard-view .dashboard-summary-card::after{position:absolute;right:0;bottom:0;width:54px;height:4px;border-radius:4px 0 0;background:var(--portal-accent);content:""}
.mockup-dashboard-view .dashboard-summary-card.turquoise,.mockup-dashboard-view .dashboard-summary-card.orange{border-color:rgba(7,60,60,.1);background:#fff}
.mockup-dashboard-view .dashboard-summary-card strong{color:var(--un-deep);font-family:Georgia,"Times New Roman",serif;font-weight:600}
.mockup-dashboard-view .quick-action-button{border-color:rgba(7,60,60,.12);border-radius:9px;box-shadow:none}
.mockup-dashboard-view .quick-action-button strong{background:var(--portal-accent)}
.mockup-dashboard-view .status-pill,.mockup-dashboard-view .badge{border-radius:6px}
.header-alert-button{border-color:rgba(7,60,60,.12);background:#fff;color:var(--un-deep);box-shadow:none}
@media(max-width:820px){
  .mockup-app-shell{background:#f8f6f0}
  .mockup-mobile-topbar{border-bottom:1px solid rgba(7,60,60,.1);background:rgba(248,246,240,.96)}
  .role-dashboard-shell{width:100%;min-height:auto;margin:0;border-radius:0;box-shadow:none}
  .mockup-dashboard-main.app-main{padding:24px 16px 110px}
  .mockup-dashboard-heading{margin-bottom:22px;padding-bottom:18px}
  .portal-heading-kicker{font-size:9px}
  .mockup-dashboard-heading h1{font-size:30px}
  .mockup-heading-avatar{width:52px;height:52px;flex-basis:52px}
  .mobile-role-dock{right:10px;bottom:max(10px,env(safe-area-inset-bottom));left:10px;border:1px solid rgba(7,60,60,.12);border-radius:20px;background:rgba(255,255,255,.97);box-shadow:0 16px 40px rgba(17,39,38,.17)}
  .mobile-role-dock button.active{background:var(--portal-accent-soft);color:var(--portal-accent-ink)}
}
@media(max-width:380px){
  .mockup-dashboard-main.app-main{padding-inline:12px}
  .mockup-dashboard-heading h1{font-size:27px}
  .mockup-heading-intro{gap:10px}
}