
/* PM24 Clean Final Premium Theme - 2026-07-09
   White/light marketplace look, blue CTA, amber accents, controlled pages. */
:root{
  --pm-bg:#ffffff;--pm-soft-bg:#f6f8fb;--pm-text:#101828;--pm-muted:#667085;--pm-primary:#0877ff;--pm-primary-dark:#005bd8;--pm-accent:#ffd84d;--pm-accent-soft:#fff6c7;--pm-card:#ffffff;--pm-border:#e4e7ec;--pm-shadow:0 18px 44px rgba(16,24,40,.08);--pm-radius:22px;
}
html,body{background:var(--pm-soft-bg);color:var(--pm-text)}
body.public-page{background:#fff} body.public-page .page{width:min(1240px,calc(100% - 32px));margin:0 auto;padding-top:18px}.btn,button.btn,.pgm-market-search button,.pgm-view-number,.public-oyo-login,.public-oyo-nav-item.list{background:var(--pm-primary)!important;border-color:var(--pm-primary)!important;color:#fff!important;border-radius:14px;font-weight:900;box-shadow:0 10px 22px rgba(8,119,255,.18)}.btn:hover,.pgm-market-search button:hover,.pgm-view-number:hover{background:var(--pm-primary-dark)!important}.btn.ghost,.btn.outline{background:#fff!important;color:var(--pm-primary)!important;border:1px solid #bfdbfe!important;box-shadow:none}.card,.public-detail-card,.auth-shell .card{border:1px solid var(--pm-border)!important;border-radius:var(--pm-radius)!important;background:rgba(255,255,255,.96)!important;box-shadow:var(--pm-shadow)!important}.section-kicker{color:var(--pm-primary)!important;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.muted{color:var(--pm-muted)!important}.appbar.public-oyo-topbar{position:sticky;top:0;z-index:90;min-height:74px;padding:10px 24px;border-bottom:1px solid #edf0f5;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);box-shadow:0 10px 30px rgba(16,24,40,.04)}.public-oyo-brand .brand-mark,.brand-mark{background:linear-gradient(135deg,var(--pm-primary),#4aa3ff)!important;color:#fff!important;border-radius:14px;box-shadow:0 12px 25px rgba(8,119,255,.18)}.brand span:last-child,.public-oyo-brand span:last-child{color:#0b1324;font-weight:950}.public-oyo-nav{gap:10px}.public-oyo-nav-item{border:1px solid #e6ebf2!important;border-radius:16px!important;background:#fff!important;color:#101828!important;box-shadow:0 10px 24px rgba(16,24,40,.05)!important}.public-oyo-nav-item b{color:#101828}.public-oyo-nav-item small{color:#667085}.public-oyo-nav-item.business .oyo-ico,.public-oyo-nav-item.member .oyo-ico{background:var(--pm-accent-soft);color:#8a5a00}.language-select,.public-oyo-lang{border:1px solid #e4e7ec!important;border-radius:999px!important;background:#fff!important;box-shadow:0 10px 20px rgba(16,24,40,.04)}
/* Homepage premium first fold */
.public-index .hero,.hero{position:relative;overflow:hidden;border-radius:34px;background:linear-gradient(125deg,#fff 0%,#f7fbff 54%,#eaf4ff 100%)!important;border:1px solid #eaf0f7;box-shadow:var(--pm-shadow);padding:clamp(28px,4vw,58px)!important}.public-index .hero::after,.hero::after{content:"";position:absolute;right:-70px;top:-90px;width:260px;height:260px;border-radius:50%;background:var(--pm-accent);opacity:.55}.hero h1{color:#101828!important;letter-spacing:-.055em;line-height:1.02}.hero p{color:#475467!important}.hero-search,.search-box,.home-search-card{border:1px solid #dbeafe!important;border-radius:22px!important;background:#fff!important;box-shadow:0 18px 38px rgba(8,119,255,.10)!important}.city-card,.category-card,.public-city-card{border-radius:22px!important;border:1px solid #edf0f5!important;background:#fff!important;box-shadow:0 12px 30px rgba(16,24,40,.06)!important}.city-card::before,.public-city-card::before{background:var(--pm-accent)!important}.public-city-strip{background:#fff;border-bottom:1px solid #edf0f5}.public-city-menu summary{border-radius:12px}.public-city-menu[open] summary,.public-city-menu summary:hover{background:#eff6ff;color:var(--pm-primary)}
/* Search page: reference-style left filters + listing cards */
.public-search .page{width:min(1360px,calc(100% - 36px))!important;padding-top:18px!important}.pgm-market-top{margin-top:2px!important}.pgm-market-breadcrumb{font-weight:800}.pgm-market-heading{align-items:flex-start!important;gap:18px;padding:20px 22px;border:1px solid #e7edf5;border-radius:26px;background:linear-gradient(120deg,#fff,#f7fbff);box-shadow:0 14px 34px rgba(16,24,40,.06)}.pgm-market-heading h1{font-size:clamp(26px,3vw,42px)!important}.pgm-market-search{position:sticky;top:92px;z-index:10;display:grid!important;grid-template-columns:1fr!important;align-self:start;padding:18px!important;border-radius:24px!important;background:#fff!important;box-shadow:var(--pm-shadow)!important;border:1px solid #e4eaf2!important}.pgm-market-search::before{content:"Filters";display:block;margin:0 0 4px;color:#101828;font-size:22px;font-weight:950;letter-spacing:-.03em}.pgm-market-search label{font-size:12px!important;color:#475467!important}.pgm-market-search input,.pgm-market-search select{height:48px!important;border-radius:14px!important;background:#f9fafb!important}.pgm-market-filter{grid-column:1/-1;margin:0 0 18px!important;padding:10px!important;border-radius:22px;background:#fff!important;border:1px solid #e8eef6}.pgm-market-filter a{border-radius:999px!important;border-color:#dbe4f0!important}.pgm-market-filter a.active{background:var(--pm-primary)!important;border-color:var(--pm-primary)!important;color:#fff!important}.pgm-result-meta{margin:0 0 16px!important;padding:12px 16px;border:1px solid #edf0f5;border-radius:18px;background:#fff}.pgm-property-grid{display:grid!important;grid-template-columns:minmax(260px,310px) minmax(0,1fr)!important;gap:18px 24px!important}.pgm-property-grid>.pgm-property-card{grid-column:2}.pgm-property-grid::before{content:"Search filters";grid-column:1;grid-row:1 / span 999;display:block;visibility:hidden}.pgm-market-search{width:100%}.pgm-market-search,.pgm-market-filter{max-width:310px}.pgm-market-search{float:left;margin-right:24px}.pgm-property-card{display:grid!important;grid-template-columns:minmax(250px,340px) minmax(0,1fr);gap:0;overflow:hidden;border:1px solid #e4eaf2!important;border-radius:26px!important;background:#fff!important;box-shadow:var(--pm-shadow)!important;transform:none!important}.pgm-card-media{height:100%;min-height:238px;aspect-ratio:auto!important;border-radius:0!important;box-shadow:none!important}.pgm-card-body{padding:22px!important;gap:12px!important}.pgm-card-title{font-size:23px!important}.pgm-card-location{font-size:15px!important;color:#475467!important}.pgm-card-features{display:flex!important;flex-wrap:wrap;gap:8px}.pgm-card-features span{padding:7px 10px;border-radius:999px;background:#f2f7ff;color:#1d4ed8;font-size:12px;font-weight:900}.pgm-card-bottom{border-top:1px solid #eef2f6!important;padding-top:16px!important}.pgm-price{display:grid!important;gap:1px}.pgm-price small:first-child{display:block!important;color:#667085;font-size:12px}.pgm-price strong{font-size:26px!important;color:#101828}.pgm-badge{border-radius:999px!important}.pgm-badge.trending{background:var(--pm-accent)!important;color:#5f3d00!important}.pgm-view-number{min-height:46px!important;border-radius:14px!important;padding-inline:18px!important}.premium-empty{border-radius:24px;background:#fff;box-shadow:var(--pm-shadow)}
/* Property details */
.premium-property-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:24px;align-items:stretch}.premium-property-gallery,.premium-property-intro{border-radius:30px!important;box-shadow:var(--pm-shadow)!important;border:1px solid #e8eef6!important;background:#fff!important}.property-carousel-stage{border-radius:30px!important;overflow:hidden}.premium-property-intro{padding:30px!important}.premium-property-intro h1{font-size:clamp(30px,4vw,48px);letter-spacing:-.05em}.verified-chip,.stay-type-chip{border-radius:999px!important}.premium-property-price strong{color:#101828!important}.public-property-actions{display:flex;flex-wrap:wrap;gap:12px}.pgmagic-verified-banner{border-radius:28px!important;background:linear-gradient(120deg,#eff6ff,#fff9d8)!important;border:1px solid #dbeafe!important;box-shadow:var(--pm-shadow)}
/* Auth / register / login */
.auth-shell{min-height:calc(100vh - 150px);display:grid;grid-template-columns:minmax(280px,460px) minmax(320px,520px);gap:28px;align-items:center;justify-content:center;padding:34px 0}.auth-logo{position:relative;padding:34px;border-radius:30px;background:linear-gradient(135deg,#eff6ff,#fff 58%,#fff7ca);border:1px solid #e3edfb;box-shadow:var(--pm-shadow)}.auth-logo strong{font-size:clamp(30px,4vw,46px);line-height:1;letter-spacing:-.06em;color:#101828}.auth-logo p{font-size:16px;line-height:1.55}.auth-shell .card{padding:30px!important}.auth-shell h1,.auth-shell h2{font-size:30px;letter-spacing:-.045em;color:#101828}.auth-shell label{font-weight:850;color:#344054}.auth-shell input,.auth-shell select,.auth-shell textarea{height:52px;border-radius:14px!important;border:1px solid #d7e0ea!important;background:#fff!important;padding:0 14px!important}.auth-shell input:focus{border-color:var(--pm-primary)!important;box-shadow:0 0 0 4px rgba(8,119,255,.12);outline:0}.notice-box{border-radius:16px;background:#fff8d6;border:1px solid #ffe48a;color:#694500}.auth-login-help{margin-top:18px;padding:14px;border-radius:16px;background:#f8fafc;color:#475467}
/* Owner workspace */
.owner-app-layout{background:#f5f7fb}.owner-sidebar{background:#071329!important;border-right:1px solid rgba(255,255,255,.08)!important}.owner-logo span{background:var(--pm-primary)!important;color:#fff!important}.owner-sidebar-profile,.owner-sidebar-properties a,.owner-sidebar-nav a{border-radius:16px!important}.owner-sidebar-nav a.is-active,.owner-sidebar-properties a.is-selected{background:linear-gradient(135deg,var(--pm-primary),#42a5ff)!important;color:#fff!important}.owner-app-content{background:linear-gradient(180deg,#f6f8fb,#fff)}.owner-page{width:min(1280px,calc(100% - 28px));padding-top:22px}.owner-mobile-bar{border:1px solid #e6ebf2!important;border-radius:0 0 22px 22px;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(12px)}.owner-page .section-title,.owner-simple-summary-heading,.frontdesk-hero,.fd-hero{border-radius:28px!important;background:linear-gradient(120deg,#fff,#f7fbff)!important;border:1px solid #e6eef8!important;box-shadow:var(--pm-shadow)!important;padding:22px!important}.summary-card,.metric-card,.owner-summary-card,.fd-stat,.dashboard-card{border-radius:24px!important;background:#fff!important;border:1px solid #e7edf5!important;box-shadow:0 14px 34px rgba(16,24,40,.06)!important}.floor-board-empty,.fd-empty{border-radius:22px!important}.bed-ball,.room-ball,.fd-room-tile{border-radius:20px!important;box-shadow:0 12px 26px rgba(16,24,40,.08)!important}.bed-ball.available,.room-ball.available,.fd-room-tile.available{background:linear-gradient(135deg,#ecfdf3,#fff)!important;border-color:#bbf7d0!important}.bed-ball.occupied,.room-ball.occupied,.fd-room-tile.occupied{background:linear-gradient(135deg,#fff1f2,#fff)!important;border-color:#fecdd3!important}.fd-room-tile{border:1px solid #e5eaf2!important}.fd-room-action{border-radius:14px!important}.fd-active-guests,.fd-room-board{border-radius:28px!important}.fd-dialog{border:0!important;border-radius:28px!important;box-shadow:0 28px 80px rgba(16,24,40,.28)!important}.fd-form-grid input,.fd-form-grid select,.fd-inline-form input,.fd-inline-form select,.fd-inline-form textarea{border-radius:14px!important;border:1px solid #d8e1ee!important}.data-table th{background:#f8fafc!important;color:#344054}.data-table tr:hover td{background:#f8fbff!important}.toast{border-radius:16px!important;box-shadow:var(--pm-shadow)!important}
/* Front desk clarity */
.frontdesk-page .owner-page-footer::before{content:"Front Desk model: Room Board → Check-in / Payment / Checkout → Send Day Report. ";font-weight:900;color:#0877ff}.fd-history-link{display:flex!important;align-items:center;justify-content:center;min-height:44px;border-radius:14px;background:#eff6ff;color:#0877ff!important;font-weight:950;text-decoration:none}.fd-shift-required-panel{border-radius:18px!important;background:#fff7d6!important;border:1px solid #ffe08a!important}.fd-guest-row{border-radius:16px!important}.fd-guest-row em.has-due,.has-due b{color:#d97706!important}.owner-subscription-global-alert{border-radius:22px!important}
/* Forms */
.form-section{border-radius:24px!important;background:#fff!important;border:1px solid #e6ecf4!important;padding:18px!important}.form-grid input,.form-grid select,.form-grid textarea,.stack input,.stack select,.stack textarea{border-radius:14px!important;border:1px solid #d7e0ea!important}.photo-slot{border-radius:22px!important;border:1px dashed #b9d7ff!important;background:#f8fbff!important}.photo-slot-number{background:var(--pm-primary)!important;color:#fff!important}
@media(max-width:980px){.auth-shell{grid-template-columns:1fr}.premium-property-hero{grid-template-columns:1fr}.pgm-market-search{position:relative;top:auto;float:none;max-width:none;margin-right:0}.pgm-property-grid{grid-template-columns:1fr!important}.pgm-property-grid::before{display:none}.pgm-property-grid>.pgm-property-card{grid-column:auto}.pgm-property-card{grid-template-columns:1fr}.pgm-card-media{min-height:230px}.public-search .page{width:calc(100% - 20px)!important}.appbar.public-oyo-topbar{padding-inline:12px}.desktop-nav{display:none!important}}
@media(max-width:640px){.auth-shell{padding:18px 0}.auth-logo{padding:24px}.auth-shell .card{padding:22px!important}.public-index .hero,.hero{border-radius:24px;padding:26px!important}.owner-page{width:calc(100% - 16px)}.premium-property-intro{padding:22px!important}.pgm-market-heading{padding:18px;border-radius:22px}.pgm-card-bottom{align-items:flex-start;flex-direction:column}.pgm-view-number{width:100%}.fd-board-layout{grid-template-columns:1fr!important}}

.pgm-location-suggest{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:9999;display:grid;gap:6px;padding:8px;border:1px solid #dbeafe;border-radius:16px;background:#fff;box-shadow:0 18px 42px rgba(16,24,40,.16)}.pgm-location-suggest[hidden]{display:none}.pgm-location-suggest button{display:grid!important;gap:2px;width:100%;text-align:left;padding:10px 12px;border:0;border-radius:12px;background:#fff;color:#101828;box-shadow:none!important}.pgm-location-suggest button:hover{background:#eff6ff}.pgm-location-suggest b{font-size:14px}.pgm-location-suggest small{color:#667085;font-size:12px}
