/* Generated by tools/build-theme.py. Sources: resources/styles/manifest.txt */

/* Source: public/assets/fonts.css */

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/96cf68ad838940613b54.woff2) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/efae703531c89eebd282.woff2) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/bcc2c8b38b3be4efbf4f.woff2) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/b6b3e4f2bbe4463d9fc3.woff2) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/b931b96dad931f35c2b9.woff2) format('truetype');
}


/* Source: public/assets/original.css */

/* ============ BedsKingKong · Sistema de diseño 2026 ============ */
:root{
  --ink:#19232B;          /* azul marino */
  --ink-2:#19232b;        /* azul eléctrico */
  --gold:#F4B400;         /* dorado: acento de negociación */
  --gold-soft:#FFF3CF;
  --coral:#F2603F;        /* contraoferta */
  --coral-soft:#FFE6DF;
  --ok:#17A06B;  --ok-soft:#DDF5EA;
  --bad:#D2445A; --bad-soft:#FBE3E7;
  --mute:#6B7686;
  --bg:#F5F7FA;
  --surface:#FFFFFF;
  --surface-2:#E9EEF6;
  --text:#1F2937;
  --line:#E0E6F0;
  --radius:20px;
  --radius-sm:12px;
  --shadow:0 1px 2px rgba(11,43,107,.06),0 8px 24px -12px rgba(11,43,107,.18);
  --top-h:64px;
  --bottom-h:68px;
  --font:'Plus Jakarta Sans',system-ui,sans-serif;
  --font-num:'Space Grotesk','Plus Jakarta Sans',sans-serif;
}
[data-bs-theme="dark"]{
  --ink:#8DB8FF; --ink-2:#809cb8;
  --gold:#FFC83D; --gold-soft:#3A2F10;
  --coral:#FF8466; --coral-soft:#3B211B;
  --ok:#3DD598; --ok-soft:#10301F;
  --bad:#FF7A8C; --bad-soft:#3A1A20;
  --mute:#98A6C4;
  --bg:#0A1226; --surface:#111B36; --surface-2:#182750; --text:#EAF0FF; --line:#22305A;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 10px 30px -14px rgba(0,0,0,.6);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--font); background:var(--bg); color:var(--text);
  -webkit-font-smoothing:antialiased; padding-top:var(--top-h);
  padding-bottom:calc(var(--bottom-h) + env(safe-area-inset-bottom) + 20px);
}
h1,h2,h3,h4,h5{font-weight:800; letter-spacing:-.02em}
.num{font-family:var(--font-num); font-variant-numeric:tabular-nums}
.text-mute{color:var(--mute)!important}
a{color:var(--ink-2)}
.btn{font-weight:700; border-radius:14px; padding:.65rem 1.1rem; transition:transform .15s, box-shadow .15s, background .15s}
.btn:active{transform:scale(.97)}
.btn-ink{background:var(--ink); color:var(--bg); border:0}
[data-bs-theme="light"] .btn-ink{color:#fff}
.btn-ink:hover{background:var(--ink-2); color:#fff}
.btn-gold{background:var(--gold); color:#2A2000; border:0}
.btn-gold:hover{background:#ffc933; color:#2A2000; box-shadow:0 8px 20px -8px rgba(244,180,0,.8)}
.btn-ghost{background:transparent; border:1.5px solid var(--line); color:var(--text)}
.btn-ghost:hover{border-color:var(--ink); color:var(--ink)}
.btn-coral{background:var(--coral); color:#fff; border:0}
.btn-ok{background:var(--ok); color:#fff; border:0}
.btn-ok:hover{filter:brightness(1.07); color:#fff}
.btn-sm{border-radius:11px; padding:.4rem .8rem; font-size:.85rem}
.form-control,.form-select{border-radius:14px; border:1.5px solid var(--line); background-color:var(--surface); padding:.7rem .9rem; font-weight:500}
.form-control:focus,.form-select:focus{border-color:var(--ink); box-shadow:0 0 0 .2rem rgba(11,43,107,.12)}
.form-label{font-size:.75rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:var(--mute); margin-bottom:.3rem}

/* ---------- Barra superior ---------- */
.bkk-top{position:fixed; inset:0 0 auto 0; height:var(--top-h); z-index:1030; display:flex; align-items:center;
  background:color-mix(in srgb,var(--bg) 82%,transparent); backdrop-filter:blur(14px); border-bottom:1px solid var(--line);
  padding-top:env(safe-area-inset-top)}
.bkk-top .container-xxl{width:100%}
.bkk-logo{display:flex; align-items:center; gap:.55rem; text-decoration:none; color:var(--text)}
.bkk-logo-mark{width:38px; height:38px; display:grid; place-items:center}
.bkk-logo-mark img{width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 4px 6px rgba(11,43,107,.25))}
.bkk-logo-text{font-weight:600; font-size:1.12rem; letter-spacing:-.03em}
.bkk-logo-text{font-weight:800; color:var(--ink)}
.bkk-logo-text b{font-weight:800; color:var(--gold)}
.bkk-desknav{gap:.25rem; margin-left:1.5rem}
.bkk-desknav a{display:flex; gap:.45rem; align-items:center; text-decoration:none; color:var(--mute); font-weight:700; font-size:.92rem; padding:.5rem .85rem; border-radius:12px; transition:.15s}
.bkk-desknav a:hover{background:var(--surface-2); color:var(--text)}
.bkk-desknav a.active{background:var(--ink); color:#fff}
[data-bs-theme="dark"] .bkk-desknav a.active{color:#0A1226}
.icon-btn{width:40px; height:40px; border-radius:12px; border:1.5px solid var(--line); background:var(--surface); color:var(--text); display:grid; place-items:center; transition:.15s}
.icon-btn:hover{border-color:var(--ink)}
.icon-btn .dot{position:absolute; top:8px; right:9px; width:9px; height:9px; border-radius:50%; background:var(--coral); border:2px solid var(--surface)}
.role-switch{display:flex; background:var(--surface-2); border-radius:14px; padding:3px; gap:2px}
.role-switch button{border:0; background:transparent; color:var(--mute); font-weight:700; font-size:.78rem; padding:.42rem .65rem; border-radius:11px; display:flex; gap:.35rem; align-items:center; transition:.2s}
.role-switch button.active{background:var(--surface); color:var(--text); box-shadow:var(--shadow)}
@media (max-width:575px){ .role-switch button span{display:none} .role-switch button{padding:.5rem .6rem} .bkk-logo-text{font-size:1rem} }

/* ---------- Navegación inferior móvil ---------- */
.bkk-bottom{position:fixed; left:12px; right:12px; bottom:calc(10px + env(safe-area-inset-bottom)); z-index:1040;
  height:var(--bottom-h); border-radius:26px; display:grid; grid-template-columns:repeat(5,1fr); align-items:center; padding:6px;
  background:color-mix(in srgb,var(--surface) 90%,transparent); backdrop-filter:blur(18px);
  border:1px solid var(--line); box-shadow:0 18px 40px -16px rgba(11,43,107,.45)}
.bkk-bottom.cols-4{grid-template-columns:repeat(4,1fr)}
.bkk-bottom a{position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; height:100%;
  text-decoration:none; color:var(--mute); font-size:.66rem; font-weight:700; border-radius:20px; transition:color .2s, background .25s; -webkit-tap-highlight-color:transparent; min-width:44px}
.bkk-bottom a i{font-size:1.28rem; transition:transform .25s cubic-bezier(.3,1.6,.5,1)}
.bkk-bottom a.active{color:var(--ink); background:color-mix(in srgb,var(--gold) 28%,transparent)}
.bkk-bottom a.active i{transform:translateY(-2px) scale(1.12)}
.bkk-bottom a .badge-dot{position:absolute; top:8px; left:calc(50% + 8px); min-width:17px; height:17px; border-radius:9px; background:var(--coral); color:#fff; font-size:.62rem; display:grid; place-items:center; padding:0 4px; border:2px solid var(--surface)}
@media (min-width:992px){ body{padding-bottom:40px} }
@media (max-width:991px){ .toast-container{bottom:calc(var(--bottom-h) + 30px)!important} }

/* ---------- Layout ---------- */
.bkk-main{min-height:70vh}
.view{animation:viewIn .35s ease both}
@keyframes viewIn{from{opacity:0; transform:translateY(8px)}to{opacity:1; transform:none}}
.section{padding:1.4rem 0}
.section-title{font-size:clamp(1.35rem,2.2vw,1.8rem); margin-bottom:.25rem}
.card-bkk{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow)}
.chip{display:inline-flex; align-items:center; gap:.35rem; padding:.38rem .8rem; border-radius:999px; border:1.5px solid var(--line); background:var(--surface); font-weight:700; font-size:.82rem; color:var(--text); cursor:pointer; transition:.15s; white-space:nowrap}
.chip:hover{border-color:var(--ink)}
.chip.active{background:var(--ink); color:#fff; border-color:var(--ink)}
[data-bs-theme="dark"] .chip.active{color:#0A1226}
.scroll-x{display:flex; gap:.5rem; overflow-x:auto; padding-bottom:.4rem; scrollbar-width:none}
.scroll-x::-webkit-scrollbar{display:none}
.demo-tag{display:inline-block; font-size:.66rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; padding:.1rem .45rem; border-radius:6px; background:var(--surface-2); color:var(--mute)}

/* ---------- Hero ---------- */
.hero{position:relative; padding:1.2rem 0 2rem; overflow:hidden}
.hero-grid{display:grid; gap:2rem; align-items:center}
@media (min-width:992px){.hero-grid{grid-template-columns:1.1fr .9fr}}
.hero h1{font-size:clamp(2.1rem,5.2vw,3.7rem); line-height:1.02}
.hero h1 mark{background:linear-gradient(transparent 58%,var(--gold) 58%); color:inherit; padding:0 .1em}
.eyebrow{display:inline-flex; gap:.4rem; align-items:center; font-size:.78rem; font-weight:800; color:var(--ink); background:var(--gold-soft); padding:.35rem .75rem; border-radius:999px}
.search-card{padding:1rem; margin-top:1.4rem}
.budget-box{background:var(--ink); color:#fff; border-radius:16px; padding:1rem 1.1rem; margin-top:.9rem; position:relative; overflow:hidden}
[data-bs-theme="dark"] .budget-box{background:#0F2358; color:#EAF2F1}
.budget-box::after{content:""; position:absolute; right:-30px; top:-30px; width:120px; height:120px; border-radius:50%; background:var(--gold); opacity:.14}
.budget-box .amount{font-family:var(--font-num); font-size:2.3rem; font-weight:700; color:var(--gold); line-height:1}
.budget-box small{color:rgba(255,255,255,.7)}
.budget-box input[type=range]{width:100%; accent-color:var(--gold)}
.market-bar{height:8px; border-radius:6px; background:rgba(255,255,255,.15); position:relative; margin:.55rem 0 .2rem}
.market-bar .zone{position:absolute; top:0; bottom:0; background:rgba(244,180,0,.45); border-radius:6px}
.market-bar .pin{position:absolute; top:-4px; width:4px; height:16px; background:var(--gold); border-radius:3px; transform:translateX(-2px); transition:left .15s}

.hero-visual{position:relative; min-height:430px}
.hero-photo{position:absolute; inset:0 0 0 12%; border-radius:32px; background-size:cover; background-position:center; box-shadow:var(--shadow)}
.float-offer{position:absolute; background:var(--surface); border:1px solid var(--line); border-radius:18px; padding:.7rem .9rem; box-shadow:0 18px 34px -16px rgba(0,0,0,.35); display:flex; gap:.7rem; align-items:center; animation:floaty 6s ease-in-out infinite}
.float-offer .ic{width:38px; height:38px; border-radius:12px; display:grid; place-items:center; font-size:1.1rem}
.float-offer .p{font-family:var(--font-num); font-size:1.25rem; font-weight:700; line-height:1}
.float-offer small{color:var(--mute); font-weight:600; font-size:.72rem}
.fo-1{top:6%; left:0; animation-delay:0s}
.fo-2{top:40%; right:-2%; animation-delay:1.4s}
.fo-3{bottom:5%; left:6%; animation-delay:2.6s}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.you-bubble{position:absolute; top:-8px; right:8%; background:var(--gold); color:#2A2000; font-weight:800; border-radius:18px 18px 4px 18px; padding:.6rem .9rem; box-shadow:0 14px 28px -12px rgba(244,180,0,.8); z-index:2}
@media (max-width:991px){.hero-visual{min-height:300px}.hero-photo{inset:0}.fo-2{right:2%}}

/* ---------- Cómo funciona ---------- */
.steps{display:grid; gap:.8rem; grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.step{padding:1.1rem; position:relative; transition:transform .2s}
.step:hover{transform:translateY(-3px)}
.step .n{font-family:var(--font-num); font-weight:700; font-size:.8rem; width:28px; height:28px; border-radius:9px; background:var(--gold); color:#2A2000; display:grid; place-items:center; margin-bottom:.6rem}
.step i.big{position:absolute; right:1rem; top:1rem; font-size:1.5rem; color:var(--ink); opacity:.35}

/* ---------- Tarjetas de alojamiento ---------- */
.grid-props{display:grid; gap:1rem; grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.prop{overflow:hidden; display:flex; flex-direction:column; transition:transform .2s, box-shadow .2s; cursor:pointer}
.prop:hover{transform:translateY(-4px)}
.prop .ph{position:relative; aspect-ratio:4/3; background-size:cover; background-position:center}
.prop .ph .tag{position:absolute; left:10px; top:10px; background:rgba(255,255,255,.92); color:#14201F; font-weight:800; font-size:.72rem; padding:.28rem .6rem; border-radius:9px}
.prop .ph .fav{position:absolute; right:10px; top:10px; width:34px; height:34px; border-radius:50%; background:rgba(255,255,255,.92); border:0; color:#14201F; display:grid; place-items:center}
.prop .ph .fav.on{color:var(--coral)}
.prop .body{padding:.9rem 1rem 1rem; display:flex; flex-direction:column; gap:.35rem; flex:1}
.prop .price{font-family:var(--font-num); font-weight:700; font-size:1.3rem}
.prop .price small{font-family:var(--font); font-weight:600; color:var(--mute); font-size:.76rem}
.rate{font-weight:800; font-size:.85rem}
.rate i{color:var(--gold)}
.amen{display:flex; gap:.35rem; flex-wrap:wrap}
.amen span{font-size:.72rem; font-weight:600; background:var(--surface-2); padding:.2rem .5rem; border-radius:8px; display:inline-flex; gap:.25rem; align-items:center}
.img-fallback{background:linear-gradient(135deg,var(--ink),var(--ink-2))}

/* ---------- Explorar ---------- */
.explore-layout{display:grid; gap:1rem}
@media (min-width:1200px){.explore-layout{grid-template-columns:1fr 420px}}
#map{height:520px; border-radius:var(--radius); border:1px solid var(--line); z-index:1}
@media (min-width:1200px){#mapWrap{position:sticky; top:calc(var(--top-h) + 16px)}}
.map-price{background:var(--surface); color:var(--text); font-family:var(--font-num); font-weight:700; border:2px solid var(--ink); border-radius:14px; padding:2px 8px; font-size:.8rem; white-space:nowrap; box-shadow:0 4px 10px rgba(0,0,0,.25)}

/* ---------- Ofertas ---------- */
.st{display:inline-flex; align-items:center; gap:.35rem; font-size:.72rem; font-weight:800; padding:.28rem .65rem; border-radius:999px}
.st-pending{background:var(--gold-soft); color:#8A6200}
[data-bs-theme="dark"] .st-pending{color:var(--gold)}
.st-accepted{background:var(--ok-soft); color:var(--ok)}
.st-counter{background:var(--coral-soft); color:var(--coral)}
.st-rejected{background:var(--bad-soft); color:var(--bad)}
.st-expired{background:var(--surface-2); color:var(--mute)}
.req-item{padding:.9rem 1rem; cursor:pointer; border:1.5px solid var(--line); border-radius:16px; background:var(--surface); transition:.15s}
.req-item:hover{border-color:var(--ink)}
.req-item.active{border-color:var(--ink); box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 45%,transparent)}
.offer{display:grid; grid-template-columns:96px 1fr; gap:.9rem; padding:.8rem; border-radius:18px; border:1.5px solid var(--line); background:var(--surface); position:relative; transition:.2s}
.offer.sel{border-color:var(--ink)}
.offer.best{border-color:var(--ok)}
.offer .th{border-radius:14px; background-size:cover; background-position:center; min-height:96px}
.offer .pr{font-family:var(--font-num); font-size:1.7rem; font-weight:700; line-height:1}
.offer.counter .pr{color:var(--coral)}
.offer.accepted .pr{color:var(--ok)}
.offer.rejected,.offer.expired{opacity:.62}
.delta{font-size:.76rem; font-weight:800; padding:.15rem .5rem; border-radius:8px}
.delta.up{background:var(--coral-soft); color:var(--coral)}
.delta.eq{background:var(--ok-soft); color:var(--ok)}
.delta.down{background:var(--ok-soft); color:var(--ok)}
.ribbon{position:absolute; top:-9px; right:14px; background:var(--ok); color:#fff; font-size:.68rem; font-weight:800; padding:.18rem .6rem; border-radius:8px}
@media (max-width:420px){.offer{grid-template-columns:72px 1fr}.offer .th{min-height:72px}}
.compare-bar{position:sticky; bottom:calc(var(--bottom-h) + 26px + env(safe-area-inset-bottom)); z-index:20; background:var(--ink); color:#fff; border-radius:18px; padding:.7rem 1rem; display:flex; align-items:center; gap:.8rem; box-shadow:0 14px 30px -12px rgba(0,0,0,.5)}
[data-bs-theme="dark"] .compare-bar{background:#0F2358}
@media (min-width:992px){.compare-bar{bottom:20px}}
.cmp-table th{font-size:.7rem; text-transform:uppercase; letter-spacing:.05em; color:var(--mute); width:110px}
.cmp-table td{font-weight:600}
.cmp-best{background:var(--ok-soft)!important; color:var(--ok)}

/* ---------- Ficha ---------- */
.gallery{display:grid; gap:.5rem; grid-template-columns:1fr; border-radius:var(--radius); overflow:hidden}
.gallery .g{background-size:cover; background-position:center; min-height:220px; cursor:pointer; transition:filter .2s}
.gallery .g:hover{filter:brightness(.92)}
@media (min-width:768px){.gallery{grid-template-columns:2fr 1fr 1fr; grid-template-rows:200px 200px}.gallery .g:first-child{grid-row:span 2}}
@media (max-width:767px){.gallery .g:nth-child(n+3){display:none}.gallery{grid-template-columns:2fr 1fr}.gallery .g{min-height:240px}}
.sticky-side{position:sticky; top:calc(var(--top-h) + 16px)}
.feature{display:flex; align-items:center; gap:.7rem; padding:.7rem .9rem; background:var(--surface-2); border-radius:14px; font-weight:600; font-size:.9rem}
.feature i{color:var(--ink); font-size:1.15rem}

/* ---------- Reserva / resumen ---------- */
.sum-row{display:flex; justify-content:space-between; padding:.45rem 0; border-bottom:1px dashed var(--line)}
.sum-row:last-child{border-bottom:0}
.sum-total{font-family:var(--font-num); font-size:1.8rem; font-weight:700}

/* ---------- Dashboard ---------- */
.kpi{padding:1rem 1.1rem}
.kpi .v{font-family:var(--font-num); font-size:1.9rem; font-weight:700; line-height:1.1}
.kpi .l{font-size:.78rem; font-weight:700; color:var(--mute); text-transform:uppercase; letter-spacing:.05em}
.kpi .ic{width:40px; height:40px; border-radius:12px; display:grid; place-items:center; font-size:1.2rem}
.trend{font-size:.76rem; font-weight:800}
.trend.up{color:var(--ok)} .trend.down{color:var(--bad)}
.timeline{position:relative; padding-left:1.4rem}
.timeline::before{content:""; position:absolute; left:6px; top:6px; bottom:6px; width:2px; background:var(--line)}
.timeline .it{position:relative; padding-bottom:.9rem}
.timeline .it::before{content:""; position:absolute; left:-1.4rem; top:5px; width:14px; height:14px; border-radius:50%; background:var(--gold); border:3px solid var(--surface)}
.toggle-row{display:flex; justify-content:space-between; align-items:center; padding:.7rem 0; border-bottom:1px solid var(--line)}
.avatar{width:64px; height:64px; border-radius:20px; background:var(--ink); color:var(--gold); display:grid; place-items:center; font-weight:800; font-size:1.4rem}
.avatar.sm{width:38px; height:38px; border-radius:12px; font-size:.9rem}

/* ---------- Calendario ---------- */
.cal{display:grid; grid-template-columns:repeat(7,1fr); gap:6px}
.cal .h{font-size:.7rem; font-weight:800; color:var(--mute); text-align:center; text-transform:uppercase}
.cal .d{aspect-ratio:1; border-radius:12px; border:1.5px solid var(--line); background:var(--surface); display:flex; flex-direction:column; align-items:center; justify-content:center; font-weight:700; cursor:pointer; font-size:.9rem; transition:.15s; position:relative}
.cal .d:hover{border-color:var(--ink)}
.cal .d small{font-size:.58rem; font-weight:700}
.cal .d.free{background:var(--surface)}
.cal .d.booked{background:var(--ink); color:#fff; border-color:var(--ink); cursor:default}
[data-bs-theme="dark"] .cal .d.booked{color:#0A1226}
.cal .d.blocked{background:var(--surface-2); color:var(--mute); text-decoration:line-through}
.cal .d.empty{border:0; background:transparent; cursor:default}
.legend i{display:inline-block; width:12px; height:12px; border-radius:4px; margin-right:.3rem; vertical-align:-1px}

/* ---------- Admin ---------- */
table.dataTable{border-collapse:collapse!important}
.dataTables_wrapper .form-control,.dataTables_wrapper .form-select{padding:.35rem .6rem}
.table{--bs-table-bg:transparent; --bs-table-color:var(--text); --bs-table-border-color:var(--line)}
.page-link{color:var(--ink); border-radius:10px!important; margin:0 2px; border-color:var(--line); background:var(--surface)}
.page-item.active .page-link{background:var(--ink); border-color:var(--ink); color:#fff}
.table-wrap{padding:1rem; overflow-x:auto}

/* ---------- Modales / Swal ---------- */
.bkk-modal{border-radius:24px; border:1px solid var(--line); background:var(--surface)}
.swal2-popup{border-radius:24px!important; font-family:var(--font)!important; background:var(--surface)!important; color:var(--text)!important}
.swal2-title{color:var(--text)!important; font-weight:800!important}
.swal2-html-container{color:var(--text)!important}
.swal2-styled{border-radius:14px!important; font-weight:700!important}
.swal2-input{border-radius:14px!important; font-family:var(--font-num)!important; font-size:1.6rem!important; text-align:center}
.toast-container{z-index:2000}
.bkk-toast{border-radius:16px; border:0; box-shadow:0 14px 30px -12px rgba(0,0,0,.4)}

footer.bkk-foot{padding:2rem 0; color:var(--mute); font-size:.82rem}
.host-cta{background:var(--ink); color:#fff; border-radius:28px; padding:2rem; position:relative; overflow:hidden}
[data-bs-theme="dark"] .host-cta{background:#0F2358}
.host-cta::before{content:""; position:absolute; right:-60px; bottom:-80px; width:260px; height:260px; border-radius:50%; background:var(--gold); opacity:.18}
.benefit{display:flex; gap:.8rem; padding:.7rem 0}
.benefit i{width:38px; height:38px; border-radius:12px; background:var(--gold-soft); color:var(--ink); display:grid; place-items:center; flex:none; font-size:1.05rem}
.pulse{animation:pulse 1.8s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(242,96,63,.5)}100%{box-shadow:0 0 0 14px rgba(242,96,63,0)}}
.pop{animation:pop .4s cubic-bezier(.3,1.6,.5,1)}
@keyframes pop{from{transform:scale(.9); opacity:0}to{transform:none; opacity:1}}
@media (prefers-reduced-motion:reduce){*{animation:none!important; transition:none!important}}

/* ---------- Añadidos ---------- */
.req-list{display:flex; gap:.6rem; overflow-x:auto; padding-bottom:.3rem}
.req-list .req-item{flex:0 0 260px}
@media (min-width:992px){.req-list{flex-direction:column; overflow:visible}.req-list .req-item{flex:none}}
.cats{display:grid; grid-template-columns:repeat(6,1fr); gap:.6rem}
.cat{display:flex; flex-direction:column; align-items:center; gap:.4rem; padding:.8rem .3rem; border-radius:18px; border:1.5px solid var(--line); background:var(--surface); font-weight:700; font-size:.78rem; color:var(--text); cursor:pointer; transition:.2s; text-align:center}
.cat i{font-size:1.5rem; color:var(--ink-2)}
.cat:hover{border-color:var(--ink-2); transform:translateY(-3px); box-shadow:var(--shadow)}
@media (max-width:575px){.cats{grid-template-columns:repeat(3,1fr)}}
.tagline-script{font-family:'Brush Script MT','Segoe Script',cursive; color:var(--gold); font-style:italic; font-weight:700}
.chat{display:flex; flex-direction:column; gap:.6rem}
.bubble{max-width:82%; padding:.6rem .85rem; border-radius:16px; font-size:.9rem}
.bubble.them{background:var(--surface-2); border-bottom-left-radius:4px; align-self:flex-start}
.bubble.me{background:var(--ink); color:#fff; border-bottom-right-radius:4px; align-self:flex-end}
[data-bs-theme="dark"] .bubble.me{color:#0A1226}
.bubble small{display:block; opacity:.65; font-size:.68rem; font-weight:700; margin-bottom:.1rem}
.brand-hero-logo{height:56px}

/* ============ Estilo tipo buscador de alojamientos (v2) ============ */
:root{--ink-hdr:#19232B}
.bkk-top{background:var(--ink-hdr)!important; border-bottom:0; backdrop-filter:none}
[data-bs-theme="dark"] .bkk-top{background:#081a40!important}
.bkk-top .bkk-logo-text,.bkk-top .bkk-logo-text b{color:#fff}
.bkk-top .bkk-logo-text b{color:var(--gold)}
.bkk-top .bkk-desknav a{color:rgba(255,255,255,.8)}
.bkk-top .bkk-desknav a:hover{background:rgba(255,255,255,.12); color:#fff}
.bkk-top .bkk-desknav a.active{background:transparent; color:#fff; box-shadow:inset 0 -3px 0 var(--gold); border-radius:0}
.bkk-top .icon-btn{background:transparent; border-color:rgba(255,255,255,.3); color:#fff}
.bkk-top .icon-btn .dot{border-color:var(--ink-hdr)}
.btn-hdr{background:#fff; color:var(--ink-hdr); border:0; font-weight:800}
.btn-hdr:hover{background:var(--gold-soft); color:var(--ink-hdr)}
.btn-hdr-ghost{background:transparent; color:#fff; border:1.5px solid rgba(255,255,255,.55); font-weight:700}
.btn-hdr-ghost:hover{background:rgba(255,255,255,.14); color:#fff}
.user-chip{display:flex; align-items:center; gap:.5rem; background:rgba(255,255,255,.12); color:#fff; border:0; border-radius:14px; padding:.25rem .7rem .25rem .3rem; font-weight:700; font-size:.82rem}
.user-chip:hover{background:rgba(255,255,255,.2)}
.user-chip .avatar{background:var(--gold); color:#2A2000}

.hero-navy{background:linear-gradient(180deg,var(--ink-hdr) 0,#0f3a8f 100%); color:#fff; padding:2rem 0 5.2rem}
.hero-navy .hero-grid{display:grid; gap:2rem; align-items:center}
@media (min-width:992px){.hero-navy .hero-grid{grid-template-columns:1.1fr .9fr}}
.hero-navy h1{font-size:clamp(2rem,4.6vw,3.3rem); line-height:1.05; color:#fff}
.hero-navy h1 mark{background:none; color:var(--gold); padding:0}
.hero-navy .lead{color:rgba(255,255,255,.82); font-size:1.05rem}
.hero-navy .eyebrow{background:rgba(255,255,255,.14); color:#fff}
.hero-navy .hero-visual{min-height:330px}
.sbar-wrap{margin-top:-3.6rem; position:relative; z-index:5}
.sbar{background:var(--gold); border-radius:20px; padding:.8rem; box-shadow:0 18px 40px -18px rgba(11,43,107,.55)}
.sbar .form-control,.sbar .form-select{border:2px solid transparent; background:#fff; color:#1F2937; border-radius:12px}
.sbar .form-label{color:#4a3500}
.sbar .small.text-mute{color:#5a4300!important}
.sbar .btn-gold{background:var(--ink-hdr); color:#fff}
.sbar .btn-gold:hover{background:#0f3a8f; color:#fff; box-shadow:none}
[data-bs-theme="dark"] .sbar .form-control,[data-bs-theme="dark"] .sbar .form-select{background:#fff; color:#1F2937}

/* Precio escrito a mano */
.budget-box{background:transparent!important; color:inherit!important; padding:0!important; margin:0!important; border-radius:0!important; overflow:visible!important}
.budget-box::after{display:none}
.bb-label{display:block; font-size:.75rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; margin-bottom:.3rem; color:var(--mute)}
.sbar .bb-label{color:#4a3500}
.bb-input{display:flex; align-items:center; background:#fff; border:2px solid var(--ink-hdr); border-radius:12px; overflow:hidden}
.bb-input span{padding:.7rem .8rem; font-weight:800; background:var(--surface-2); color:#1F2937; font-size:.85rem}
.bb-input input{border:0; outline:0; width:100%; padding:.7rem .8rem; font-family:var(--font-num); font-size:1.25rem; font-weight:700; color:#1F2937; background:#fff}
.bb-input:focus-within{box-shadow:0 0 0 .25rem rgba(11,43,107,.25)}
.bb-msg{display:block; margin-top:.3rem; font-size:.74rem; color:var(--mute)}
.sbar .bb-msg{color:#5a4300}

.login-banner{display:flex; align-items:center; gap:.9rem; background:var(--surface); border:1px solid var(--line); border-radius:16px; padding:.8rem 1rem; color:var(--text)}
.login-banner>i{font-size:1.8rem; color:var(--ink-2)}
.tiles{display:grid; grid-template-columns:repeat(5,1fr); gap:.8rem}
.tile{cursor:pointer; transition:.2s}
.tile .timg{aspect-ratio:4/3; border-radius:16px; background-size:cover; background-position:center; margin-bottom:.4rem; transition:filter .2s}
.tile:hover .timg{filter:brightness(.9)} .tile b{display:block} .tile small{color:var(--mute)}
@media (max-width:767px){.tiles{grid-template-columns:repeat(2,1fr)}}
.dests{display:grid; grid-template-columns:repeat(4,1fr); gap:.8rem}
.dest{height:170px; border-radius:18px; background-size:cover; background-position:center; position:relative; overflow:hidden; cursor:pointer}
.dest .dov{position:absolute; inset:auto 0 0 0; padding:.8rem; color:#fff; background:linear-gradient(transparent,rgba(0,0,0,.65))}
.dest .dov small{display:block; opacity:.85}
@media (max-width:767px){.dests{grid-template-columns:repeat(2,1fr)}.dest{height:130px}}

/* Resultados en lista */
.hcard{display:grid; grid-template-columns:240px 1fr 200px; gap:1rem; padding:.8rem; cursor:pointer; transition:box-shadow .2s, border-color .2s}
.hcard:hover{border-color:var(--ink-2)}
.himg{position:relative; min-height:190px; border-radius:14px; background-size:cover; background-position:center}
.himg .fav{position:absolute; top:8px; right:8px; width:34px; height:34px; border-radius:50%; border:0; background:rgba(255,255,255,.92); color:#14201F; display:grid; place-items:center}
.himg .fav.on{color:var(--coral)}
.hname{font-size:1.1rem; font-weight:800; color:var(--ink-2)}
.hloc{color:var(--ink-2); font-weight:700; text-decoration:underline}
.okline{color:var(--ok); font-weight:700; font-size:.82rem}
.hright{display:flex; flex-direction:column; align-items:flex-end; gap:.5rem}
.hprice{font-family:var(--font-num); font-size:1.6rem; font-weight:700}
@media (max-width:767px){.hcard{grid-template-columns:1fr}.himg{min-height:170px}.hright{align-items:stretch}}
.score{display:flex; gap:.5rem; align-items:center; text-align:right}
.score .txt b{display:block; font-size:.9rem; line-height:1.1} .score .txt small{color:var(--mute); font-size:.7rem}
.sbox{display:inline-grid; place-items:center; min-width:38px; height:34px; padding:0 .4rem; border-radius:10px 10px 10px 2px; background:var(--ink-hdr); color:#fff; font-family:var(--font-num); font-weight:700}
[data-bs-theme="dark"] .sbox{background:var(--ink-2)}
.sbox.sm{min-width:30px; height:26px; font-size:.78rem}
.stars{color:var(--gold); font-size:.8rem}
.tag-type{font-size:.72rem; font-weight:800; background:var(--surface-2); padding:.15rem .55rem; border-radius:8px}

/* Filtros laterales */
.fside .fh{font-size:.9rem; font-weight:800; margin:1.1rem 0 .5rem; padding-top:1rem; border-top:1px solid var(--line)}
.fside .fh:first-of-type{border-top:0; padding-top:0; margin-top:.9rem}
.fchk{display:flex; align-items:center; gap:.55rem; padding:.18rem 0; cursor:pointer; font-size:.88rem}
.fchk span{flex:1} .fchk small{color:var(--mute)}
.fchk .form-check-input{margin:0; border-color:var(--ink-hdr)}
.fchk .form-check-input:checked{background-color:var(--ink-hdr); border-color:var(--ink-hdr)}
.mapcard{width:100%; display:flex; align-items:center; gap:.6rem; border:2px solid var(--ink-2); border-radius:14px; padding:.8rem; background:var(--surface-2); color:var(--ink-2); font-weight:700}
.mapcard i{font-size:1.5rem}
#map{height:360px}

/* Ficha */
.dtabs{display:flex; gap:.2rem; border-bottom:1px solid var(--line); margin-bottom:1rem; overflow-x:auto; position:sticky; top:var(--top-h); background:var(--bg); z-index:10}
.dtabs a{padding:.7rem 1rem; text-decoration:none; font-weight:700; color:var(--mute); white-space:nowrap; border-bottom:3px solid transparent}
.dtabs a:hover{color:var(--ink-2); border-color:var(--ink-2)}
.dsec{margin-bottom:1.6rem; scroll-margin-top:calc(var(--top-h) + 60px)}
.highlight .hl{display:flex; gap:.5rem; font-size:.85rem; align-items:flex-start} .highlight .hl i{color:var(--ink-2); font-size:1.15rem}
.rbar{height:8px; border-radius:6px; background:var(--surface-2); margin:.25rem 0 .6rem; overflow:hidden}
.rbar span{display:block; height:100%; background:var(--ink-2); border-radius:6px}

/* Sesión / cuentas demo */
.demo-creds{background:var(--surface-2); border-radius:14px; padding:.8rem}
.cred{display:grid; grid-template-columns:78px 1fr; gap:.1rem .6rem; width:100%; text-align:left; border:1.5px dashed var(--line); background:var(--surface); border-radius:10px; padding:.45rem .6rem; margin-bottom:.4rem; font-size:.78rem; color:var(--text)}
.cred:hover{border-color:var(--ink-2)}
.cred code{grid-column:2; color:var(--coral)}
.cred b{grid-row:span 2; align-self:center}
code{color:var(--coral); background:transparent}
.wall .demo-creds code{color:var(--ink-2)}


/* Source: public/assets/application.css */

:root{--font:'Plus Jakarta Sans',system-ui,sans-serif;--font-num:'Space Grotesk',system-ui,sans-serif}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.skip-link{position:fixed;z-index:9999;top:0;left:0;background:#fff;padding:12px}.environment-banner{padding:10px 20px;text-align:center;background:var(--gold-soft);color:var(--text);font-size:12px;font-weight:700}.auth-card{max-width:540px;margin:30px auto}.brand-display{text-align:center}.brand-display img{height:340px;max-width:90%;object-fit:contain}.hero-navy{padding:65px 0}.language-picker{display:flex;gap:4px}.language-picker a{color:#cbd8f7;text-decoration:none;padding:6px;font-size:11px;border-radius:5px}.language-picker [aria-current]{background:#ffffff20;color:#fff}.admin-sidebar{position:fixed;top:64px;left:0;bottom:0;width:260px;padding:30px 18px;background:#081b43;color:#c8d6f1;display:flex;flex-direction:column;gap:7px;overflow:auto}.admin-sidebar a,.admin-sidebar span{padding:12px 15px;border-radius:10px;color:inherit;font-size:14px;text-decoration:none}.admin-sidebar .active{background:#ffffff15;color:white;font-weight:700}.admin-sidebar span{opacity:.5}.admin-sidebar small{font-size:10px;margin-top:20px;color:#a0b2d3}.admin-eyebrow{font-size:10px;letter-spacing:1px;text-transform:uppercase;margin:0 12px 15px}.admin-content{margin-left:260px;padding-bottom:40px}.admin-site{padding-bottom:0}.admin-content>.section{padding:32px;max-width:1500px}.admin-content h1{font-size:32px}.bkk-bottom span[aria-hidden]{font-size:24px;line-height:1.2}@media(max-width:760px){.brand-display img{height:230px}.hero-navy{padding:40px 0}.language-picker a{font-size:10px;padding:4px}.admin-sidebar{width:190px;padding:20px 8px}.admin-content{margin-left:190px;min-width:420px}.admin-content>.section{padding:20px}.bkk-logo-text{font-size:.9rem}.bkk-top .container-xxl{gap:.4rem!important}.icon-btn{width:32px;height:32px}.auth-card{margin:15px auto}}dl dd{margin-bottom:20px;overflow-wrap:anywhere}

.language-picker form{margin:0}.language-picker button{border:0;background:transparent;color:#cbd8f7;padding:6px;font-size:11px;border-radius:5px}.language-picker button[aria-current]{background:#ffffff20;color:white}.input-group-text{font-size:11px;background:var(--surface-2);color:var(--text);border-color:var(--line)}


/* Source: public/assets/brand-2026.css */

:root{--ink:#19232B;--ink-hdr:#19232B;--ink-2:#19232b;--gold:#00D1C1;--gold-soft:#DDF8F5;--bg:#F5F8FC;--surface-2:#EAF0F8;--font:'Montserrat',system-ui,sans-serif;--font-num:'Montserrat',system-ui,sans-serif}
[data-bs-theme="dark"]{--ink:#bccbdb;--ink-hdr:#19232B;--ink-2:#91abc4;--gold:#00D1C1;--gold-soft:#093A3C;--bg:#071527;--surface:#0E223D;--surface-2:#172E4C;--line:#27405F}
.bkk-top,[data-bs-theme="dark"] .bkk-top{background:#19232B!important}.brand-wordmark{width:238px;height:51px;object-fit:contain;mix-blend-mode:screen}.bkk-logo{flex-shrink:0}.bkk-desknav{margin-left:12px}.bkk-logo-mark{display:none}.btn-gold,.sbar{color:#062F39}.btn-gold:hover{background:#16E0D1;color:#062F39;box-shadow:0 8px 20px -8px #00D1C166}.hero-navy{background:linear-gradient(125deg,#19232B,#102F58)}.admin-sidebar{background:#19232B}.admin-auth{min-height:calc(100svh - 64px);padding:40px 20px;background:radial-gradient(ellipse at 50% 0%,#E7F1FF,transparent 65%)}.admin-auth .auth-card{max-width:500px;margin:35px auto}.admin-auth .environment-banner{max-width:500px;margin:auto;border-radius:9px}.admin-auth h1{font-size:28px}.brand-display img{width:250px;height:250px;border-radius:25%;object-fit:cover;box-shadow:0 25px 60px #0003}.environment-banner{letter-spacing:.02em}.bkk-top .btn-hdr{font-size:12px}.admin-content .admin-eyebrow{margin:0 0 10px}.btn-ink{background:#19232b;color:white}.btn-ink:hover{background:#163858}.language-picker button{font-family:var(--font)}
@media(max-width:760px){.brand-wordmark{width:166px;height:36px}.bkk-top .container-xxl{gap:7px!important}.admin-auth{padding:24px 12px}.brand-display img{width:200px;height:200px}.hero-navy h1{font-size:2rem;line-height:1.15}.admin-auth .auth-card{margin:20px auto}}


/* Source: public/assets/public.css */

.public-hero{padding:44px 0 85px}.public-hero h1{max-width:700px}.public-hero-image{position:relative;height:320px;border-radius:26px;overflow:hidden}.public-hero-image>img{width:100%;height:100%;object-fit:cover}.hero-brand{position:absolute;bottom:20px;left:20px;right:20px;border-radius:16px;padding:14px;background:#19232BEF;color:#fff;display:flex;align-items:center;gap:14px}.hero-brand img{width:48px;height:48px;border-radius:12px}.hero-brand b{font-size:14px}.public-search-wrap{margin-top:-42px;position:relative;z-index:3}.public-search{padding:23px;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.public-search .form-label{color:var(--mute)}.public-search .form-control,.public-search .form-select{border:1px solid var(--line);background:var(--surface);color:var(--text)}.public-search p{color:var(--mute)}.search-submit{height:49px}.category-photo{width:100%;object-fit:cover;display:block}.property-placeholder{height:185px;background:var(--surface-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.property-placeholder img{width:70px;height:70px;border-radius:20px}.property-placeholder span{font-size:11px;color:var(--mute)}.property-name{text-decoration:none;color:var(--ink)}.public-hero .eyebrow{background:#ffffff15;color:white}.public-hero .btn-gold{color:#062F39}.public-search .btn-ink{background:#19232b;color:white}.public-search input.num{font-weight:700}@media(max-width:760px){.public-hero{padding:32px 0 68px}.public-hero .hero-grid{gap:24px}.public-hero h1{font-size:31px}.public-hero-image{height:220px}.hero-brand{left:12px;right:12px;bottom:12px;padding:10px}.hero-brand b{font-size:12px}.public-search{padding:18px}.public-search-wrap{margin-top:-35px}.tiles{gap:16px}.step{padding:18px}.public-search .form-label{font-size:10px}.bkk-bottom a{font-size:10px}.public-hero .lead{font-size:15px}}
.app-site section.container-xxl{padding-left:24px;padding-right:24px}.app-site .form-control,.app-site .form-select{min-width:0}@media(max-width:760px){.app-site section.container-xxl{padding-left:20px;padding-right:20px}.app-site input[type=date]{max-width:100%}}
.flow-list-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}.flow-offer{padding:24px 0;border-bottom:1px solid var(--line)}.smartfield-box{min-height:55px;border:1px solid var(--line);border-radius:12px;padding:16px}.install-banner{position:fixed;bottom:100px;left:16px;right:16px;z-index:1100;max-width:430px;margin:auto;padding:18px;background:#19232b;color:white;box-shadow:0 15px 50px #0004;border:1px solid #ffffff25;border-radius:20px;display:flex;gap:12px;animation:install-in .3s ease-out}.install-banner[hidden]{display:none}.install-banner>img{width:48px;height:48px;border-radius:12px}.install-banner strong{font-size:12px;display:block;padding-right:16px}.install-banner p{font-size:10px;line-height:1.6;color:#b5c8df;margin:6px 0 10px}.install-banner #install-action{border:0;background:#00d1c1;color:#062f39;font-size:11px;border-radius:8px;padding:9px 13px;font-weight:700}.install-banner #install-close{position:absolute;right:9px;top:7px;border:0;background:transparent;color:white;font-size:23px;width:30px;height:30px}@keyframes install-in{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.install-banner{animation:none}}

.join-steps{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.join-steps span{font-size:.75rem;background:#edf4ff;color:#0643a1;border-radius:20px;padding:8px 12px}.auth-card:has(.join-steps){max-width:680px}

.member-nav{background:white;border:1px solid #e2e9f2;border-radius:22px;padding:18px;display:flex;gap:20px;align-items:center;justify-content:space-between;box-shadow:0 8px 30px #19232b06}.member-identity{display:flex;gap:12px;align-items:center}.member-identity small{display:block;color:#64748b}.member-avatar{display:flex;width:44px;height:44px;border-radius:16px;align-items:center;justify-content:center;background:#eaf3ff;color:#19232b;font-weight:800;flex-shrink:0}.member-avatar-lg{width:76px;height:76px;font-size:2rem;border-radius:26px}.member-links{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.member-links a,.member-links button{border:0;background:transparent;padding:10px;border-radius:12px;font-size:.8rem;text-decoration:none;color:#243b59}.member-links .active{background:#19232b;color:white}.member-count{background:#00d1c1;color:#19232b;border-radius:20px;padding:2px 6px;margin-left:6px;font-weight:700}.member-cover{background:linear-gradient(120deg,#19232b,#123c72);color:white;padding:36px;border-radius:26px;position:relative;overflow:hidden}.member-cover:after{content:"";position:absolute;right:-20px;top:-70px;width:240px;height:240px;border:40px solid #00d1c122;border-radius:50%;pointer-events:none}.member-cover p{max-width:650px;opacity:.85}.notification-list{display:grid;gap:12px}.notification-item{display:flex;gap:18px;align-items:center;border:1px solid #e2e9f2;background:white;border-radius:20px;padding:24px}.notification-item.unread{border-left:4px solid #19232b;background:#f6faff}.notification-dot{width:10px;height:10px;background:#b8c8d9;border-radius:50%;flex-shrink:0}.unread .notification-dot{background:#19232b}@media(max-width:900px){.member-nav{display:block}.member-links{margin-top:16px}.member-cover{padding:26px}.notification-item{align-items:flex-start;flex-wrap:wrap;padding:20px}}[data-bs-theme=dark] .member-nav,[data-bs-theme=dark] .notification-item{background:#132a45;border-color:#29415c}[data-bs-theme=dark] .member-links a,[data-bs-theme=dark] .member-links button{color:#eaf3ff}


/* Source: public/assets/admin.css */

.admin-toggle{display:none}.admin-site:has(.admin-sidebar){background:#f4f7fb}.admin-site .admin-sidebar{top:0;width:276px;padding:28px 18px 18px;background:#19232b;border-right:1px solid #ffffff0d;z-index:1050;gap:5px}.sidebar-brand{padding:0 12px 26px!important;display:block}.sidebar-brand img{width:216px;height:50px;object-fit:contain}.sidebar-brand>span{display:block;margin:8px 0 0 4px;font-size:9px;letter-spacing:3px;color:#8cabc9}.sidebar-overview{display:flex;align-items:center;gap:12px;margin-bottom:12px}.sidebar-group summary{cursor:pointer;list-style:none;padding:15px 12px 9px;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:1.6px;color:#88a5c3}.sidebar-group summary:after{content:'⌄';float:right}.sidebar-group:not([open]) summary:after{content:'›'}.sidebar-group>div{display:grid;gap:3px}.admin-sidebar .sidebar-group a{display:flex;justify-content:space-between;font-size:12px;padding:11px 14px;margin:0 2px}.admin-sidebar a[aria-current=page],.admin-sidebar a.active{background:#19232b;color:#fff;box-shadow:0 5px 14px #0002}.admin-sidebar a:hover{background:#ffffff12}.admin-sidebar a[aria-current=page]:hover{background:#19232b}.admin-sidebar .menu-count{padding:0;color:#8da9c6;opacity:1;font-size:11px}.sidebar-account{margin-top:auto;padding-top:28px}.sidebar-account .account-link{padding:12px 6px;display:flex;gap:10px;align-items:center}.account-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:#00d1c120;color:#0c9e94;font-size:17px;font-weight:800;flex-shrink:0}.sidebar-account .account-avatar{color:#00d1c1}.account-link strong{font-size:12px;display:block;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-link small{display:block!important;font-size:9px!important;margin:4px 0 0!important;color:#8da9c6!important}.sidebar-logout{width:100%;border:1px solid #ffffff18;border-radius:10px;background:transparent;color:#c7d5e5;padding:12px 14px;text-align:left;font-size:12px}.sidebar-logout span{float:right}.admin-site:has(.admin-sidebar) .bkk-top{margin-left:276px;background:#fff;border-bottom:1px solid #e5ebf2;color:#183354}.admin-site:has(.admin-sidebar) .bkk-top .bkk-logo{display:none}.admin-site:has(.admin-sidebar) .bkk-top .language-picker button{color:#465f7b}.admin-site:has(.admin-sidebar) .language-picker [aria-current]{background:#eaf1ff;color:#19232b}.admin-site:has(.admin-sidebar) .icon-btn{color:#274463;border-color:#d5deea}.admin-site:has(.admin-sidebar) .btn-hdr{background:#eef3f9;color:#183354}.admin-site:has(.admin-sidebar) .admin-toggle{display:inline-grid;place-items:center;border:1px solid #dce4ee;border-radius:9px;background:#fff;color:#183354;width:36px;height:36px}.admin-site .admin-content{margin-left:276px;min-width:0;padding-bottom:30px}.admin-page .admin-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.admin-kicker{font-size:10px;font-weight:700;color:#8190a5;letter-spacing:1.7px;margin-bottom:10px}.admin-page h1{font-size:27px;letter-spacing:-1px;font-weight:700}.admin-heading .text-mute{font-size:12px}.admin-live{padding:9px 14px;background:#e2f7f2;border-radius:30px;font-size:11px;color:#148b75;font-weight:700}.admin-live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#18b78e;margin-right:6px}.admin-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}.admin-metrics>a{display:grid;gap:14px;border:1px solid #e4eaf2;background:white;border-radius:16px;padding:22px;text-decoration:none;box-shadow:0 3px 12px #142c4e04;color:#183354}.admin-metrics>a>span{font-size:12px;color:#75849a}.admin-metrics strong{font-size:34px;letter-spacing:-1.5px}.admin-metrics small{font-size:10px;color:#19232b}.admin-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.admin-panel{border:1px solid #e2e9f2;background:white;border-radius:18px;padding:28px;box-shadow:0 4px 15px #12305004}.admin-panel h2{font-size:17px;font-weight:700}.admin-panel p{font-size:13px}.panel-icon{width:42px;height:42px;display:grid;place-items:center;background:#eaf1ff;color:#19232b;border-radius:12px;font-weight:700;margin-bottom:20px}.commission-display{font-size:33px!important;font-weight:800;color:#19232b}.narrow-panel{max-width:720px}.profile-heading{display:flex;gap:18px;align-items:center;margin-bottom:32px}.account-avatar.large{width:64px;height:64px;font-size:27px}.profile-heading span{font-size:12px;color:#73869b}.table-panel{padding:0;overflow:hidden}.table-panel-heading{display:flex;justify-content:space-between;align-items:center;padding:24px}.table-panel-heading h2{margin:0}.table-panel th{background:#f8fafc;font-size:10px;letter-spacing:.7px;color:#8190a3;text-transform:uppercase;padding:17px 20px;white-space:nowrap}.table-panel td{font-size:12px;padding:19px 20px;border-color:#edf1f6;max-width:300px;overflow-wrap:anywhere}.admin-status{padding:6px 10px;border-radius:20px;background:#edf4ff;color:#315575;font-size:10px}.admin-empty{text-align:center;padding:70px 20px;color:#8696a9}.admin-empty>span{font-size:40px}.admin-auth{padding:0!important;min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 10% 10%,#e3edff,transparent 55%),radial-gradient(ellipse at 90% 90%,#dff5f3,transparent 50%),#f5f8fc}.admin-auth>section{width:100%;padding:40px 20px!important}.admin-auth .auth-card{border:1px solid #e0e7f0;box-shadow:0 18px 65px #1236590c;max-width:460px;border-radius:22px;margin:0 auto}.login-brand{display:block;margin-bottom:34px}.login-brand img{width:255px;max-width:100%;height:55px;object-fit:contain;object-position:left}.admin-auth .auth-card h1{font-weight:700;font-size:25px;margin-bottom:28px!important}.admin-auth .auth-card .text-mute{font-size:11px}.admin-auth .form-label{font-size:10px;letter-spacing:1px}.admin-auth .form-control{height:48px;border-radius:10px}.admin-auth .btn{height:47px;border-radius:10px}.admin-auth .auth-card a:not(.login-brand){font-size:12px}.platform-footer{margin-top:35px;padding:32px 0 24px;border-top:1px solid var(--line);background:var(--surface);color:var(--mute)}.footer-main{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:24px}.footer-main img{width:205px;height:45px;object-fit:contain}.footer-main nav{display:flex;gap:24px;flex-wrap:wrap}.footer-main nav a{color:var(--mute);font-size:11px;text-decoration:none}.footer-main nav a:hover{color:#19232b}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:16px;font-size:10px}.admin-footer{margin-left:276px}.admin-collapsed .admin-sidebar{display:none}.admin-collapsed .admin-content,.admin-collapsed .bkk-top,.admin-collapsed .admin-footer{margin-left:0!important}.legal-page{max-width:850px;margin:auto}.legal-page p{line-height:1.9}.admin-site:has(.admin-sidebar) .environment-banner{margin:0;border-radius:0;background:#eaf8f6;font-size:10px;padding:7px}.admin-site:has(.admin-sidebar) .bkk-top .btn-hdr{display:none!important}@media(max-width:1000px){.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-info-grid{grid-template-columns:1fr}.admin-site .admin-sidebar{width:230px}.sidebar-brand img{width:180px}.admin-site .admin-content,.admin-footer,.admin-site:has(.admin-sidebar) .bkk-top{margin-left:230px}}@media(max-width:760px){.admin-site:has(.admin-sidebar) .bkk-top,.admin-site .admin-content,.admin-footer{margin-left:0}.admin-site .admin-sidebar{top:64px;box-shadow:20px 0 80px #0005}.admin-page .admin-heading{gap:12px;align-items:start}.admin-page h1{font-size:23px}.admin-metrics{gap:12px}.admin-metrics>a{padding:16px}.admin-panel{padding:22px}.footer-main,.footer-bottom{flex-direction:column;align-items:flex-start}.footer-main nav{gap:15px}.platform-footer{padding-bottom:105px}.admin-footer{padding-bottom:24px}.admin-auth .auth-card{padding:30px!important}}[data-bs-theme=dark] .admin-panel,[data-bs-theme=dark] .admin-metrics>a{background:#132942;border-color:#29415c;color:#dce8f5}[data-bs-theme=dark] .admin-site:has(.admin-sidebar){background:#091a2e}[data-bs-theme=dark] .commission-display{color:white}
.admin-sidebar .account-link>span{opacity:1}.admin-sidebar .account-link strong{color:#e5eef8;opacity:1}.admin-site:has(.admin-sidebar) .language-picker [aria-current]{background:#ffffff20;color:white}.admin-site:has(.admin-sidebar) .language-picker button{color:#b7cbe0}
.admin-site:not(:has(.admin-sidebar)){padding-top:0!important}.admin-sidebar .sidebar-logout{min-height:44px}.admin-sidebar .sidebar-brand>span{opacity:1}

.admin-site:has(.admin-sidebar) .admin-toggle{width:40px!important;height:40px!important;min-width:40px;padding:0!important;line-height:1;flex:0 0 40px;display:grid;place-items:center}.admin-toggle svg{width:20px!important;height:20px!important;display:block}.admin-site:has(.admin-sidebar) .bkk-top>.container-xxl{max-width:none;padding-inline:30px}.admin-site:has(.admin-sidebar) .bkk-top{background:#fff!important}.admin-site:has(.admin-sidebar) .language-picker button{color:#496079}.admin-site:has(.admin-sidebar) .language-picker [aria-current]{background:#edf4ff;color:#19232b}.review-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:24px}.review-card{border:1px solid #e3eaf3;border-radius:18px;padding:24px;margin-bottom:18px;background:white}.review-card dl{display:grid;grid-template-columns:120px 1fr;gap:10px;font-size:12px}.review-card dt{color:#64748b}.review-card details{margin-top:18px}.review-card summary{color:#19232b;cursor:pointer}.dt-container{padding:22px}.dt-container .dt-layout-row{gap:14px}.dt-container .dt-input{border-radius:10px!important;border:1px solid #d5dfec!important;padding:8px!important}.dt-container table{width:100%!important}.admin-role-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.admin-role-tabs a{padding:10px 18px;background:white;border:1px solid #e0e8f2;border-radius:12px;text-decoration:none;font-size:12px}.admin-role-tabs .active{background:#19232b;color:white}@media(max-width:1050px){.review-grid{grid-template-columns:1fr}}@media(max-width:760px){.admin-site:has(.admin-sidebar) .bkk-top>.container-xxl{padding-inline:16px}}

.metrics-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.metrics-toolbar p{max-width:650px;font-size:12px;margin:0}.metrics-toolbar nav{display:flex;gap:6px;flex-shrink:0}.metrics-toolbar nav a{padding:10px 14px;border-radius:12px;color:#45607f;text-decoration:none;background:#eaf0f8;font-size:12px}.metrics-toolbar nav .active{background:#19232b;color:white}.metrics-main>article{display:grid;gap:14px;border:1px solid #e1e9f3;border-radius:18px;padding:24px;background:white}.metrics-main>article>span{font-size:12px;color:#6a7f99}.metrics-main>article strong{font-size:34px;letter-spacing:-1px;color:#19232b}.metrics-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.verification-totals{display:flex;justify-content:space-around;gap:18px;margin-top:28px}.verification-totals>div{display:grid;gap:16px;text-align:center}.verification-totals strong{font-size:32px;color:#19232b}.metric-alert-link{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #eaf0f7;text-decoration:none;font-size:13px;color:#3b5574}.metrics-empty{text-align:center;padding:30px;color:#7c8da3}.metrics-empty strong{display:block;font-size:44px;color:#19232b}.demand-bars{max-height:360px;overflow:auto}.demand-bars>div{display:grid;grid-template-columns:90px 1fr 25px;align-items:center;gap:16px;margin:14px 0;font-size:11px}.demand-bars meter{width:100%;height:18px}.demand-bars meter::-webkit-meter-optimum-value{background:#19232b}.demand-bars meter::-webkit-meter-bar{background:#edf3fb;border:0;border-radius:8px}@media(max-width:1100px){.metrics-grid{grid-template-columns:1fr}.metrics-toolbar{display:block}.metrics-toolbar nav{margin-top:16px}}[data-bs-theme=dark] .metrics-main>article{background:#132942;border-color:#29415c}[data-bs-theme=dark] .metrics-main>article strong,[data-bs-theme=dark] .verification-totals strong{color:#eaf3ff}

.admin-sidebar>a:not(.sidebar-brand){display:flex;align-items:center;justify-content:space-between;gap:12px}.staff-bell{width:40px;height:40px;display:grid;place-items:center;border:1px solid #dce4ee;border-radius:12px;color:#294b72;text-decoration:none;position:relative;flex-shrink:0}.staff-bell>span{position:absolute;right:-5px;top:-6px;background:#19232b;color:white;min-width:18px;padding:2px 4px;border:2px solid white;border-radius:20px;font-size:9px;text-align:center}
.admin-site .header-account{margin-left:8px}.admin-site .header-account-toggle{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e0e8f2;border-radius:14px;padding:5px 10px 5px 5px;color:#163453;min-height:46px;cursor:pointer}.header-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#eaf2ff;color:#19232b;font-size:14px;font-weight:800;flex-shrink:0;overflow:hidden}.header-avatar img,.staff-photo img,.account-avatar img{width:100%;height:100%;object-fit:cover;display:block}.header-account-label{display:grid;gap:2px;text-align:left;max-width:155px}.header-account-label strong{font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.header-account-label small{font-size:9px;color:#7b8da4}.admin-site .account-dropdown{width:278px;max-width:calc(100vw - 24px);border:1px solid #e2e9f3;box-shadow:0 18px 60px #19232b20;border-radius:18px;padding:8px;margin-top:10px!important;background:white}.account-dropdown-heading{padding:14px 12px;border-bottom:1px solid #edf1f7;margin-bottom:6px}.account-dropdown-heading strong{display:block;color:#193654;font-size:13px}.account-dropdown-heading small{display:block;color:#71839b;font-size:11px;overflow-wrap:anywhere;margin-top:5px}.admin-site .account-dropdown .dropdown-item{color:#284662!important;font-size:12px;padding:12px;border-radius:10px;white-space:normal}.admin-site .account-dropdown .dropdown-item:hover{background:#edf4ff}.admin-site .account-dropdown .account-signout{color:#b54455!important}.account-avatar{overflow:hidden}.staff-profile-cover{border-radius:22px;background:linear-gradient(115deg,#19232b,#153f75);color:white;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;overflow:hidden}.staff-profile-cover:after{content:'';position:absolute;width:190px;height:190px;right:-50px;top:-90px;border:28px solid #00d1c122;border-radius:50%;pointer-events:none}.staff-profile-cover h2{font-size:25px;font-weight:700;margin-bottom:10px}.staff-profile-cover p{font-size:12px;color:#c4d8ee;margin-bottom:0}.staff-profile-cover .admin-kicker{color:#70d8d2;margin-bottom:14px}.staff-role-label{padding:9px 14px;border:1px solid #ffffff30;background:#ffffff0b;border-radius:30px;font-size:11px;white-space:nowrap;z-index:1}.staff-profile-grid{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:24px}.staff-photo-panel{text-align:center;align-self:start}.staff-photo{width:126px;height:126px;border-radius:34px;overflow:hidden;background:linear-gradient(140deg,#e6efff,#dcf8f4);display:grid;place-items:center;margin:0 auto;outline:5px solid #f3f7fd;box-shadow:0 10px 28px #19232b0c;color:#19232b;font-size:46px;font-weight:800}.photo-upload-form{text-align:left;margin-top:24px}.photo-upload-form .form-control{font-size:11px;max-width:100%;border-radius:11px}.photo-upload-form input::file-selector-button{font-size:11px}.staff-profile-details{display:grid;gap:24px;align-content:start}.panel-heading-icon{display:flex;align-items:center;gap:16px}.panel-heading-icon .panel-icon{margin-bottom:0;flex-shrink:0}.panel-heading-icon h2{margin-bottom:5px}.staff-details-list{margin:26px 0 0}.staff-details-list>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:20px;padding:17px 0;border-top:1px solid #edf1f7}.staff-details-list dt{font-size:11px;color:#7b8ca2;font-weight:500}.staff-details-list dd{font-size:12px;margin:0;overflow-wrap:anywhere;color:#173653}.verified-dot{display:block;width:fit-content;font-size:9px;color:#16836d;background:#e6f8f1;padding:4px 8px;margin-top:8px;border-radius:20px}.admin-site .admin-panel,.admin-site .review-card,.admin-site .notification-item{border-radius:20px;border-color:#e3eaf3;box-shadow:0 4px 18px #19365504}.admin-site .admin-heading{padding-top:2px;margin-bottom:28px}.admin-site .admin-heading h1{font-size:28px;line-height:1.25}.admin-site .admin-heading .text-mute{line-height:1.65}.admin-site .admin-metrics>article{transition:transform .18s ease,box-shadow .18s ease}.admin-site .admin-metrics>article:hover{transform:translateY(-2px);box-shadow:0 10px 28px #123b6b0b}.admin-site .table-panel tbody tr:hover{background:#f7faff}.admin-site .form-control,.admin-site .form-select{border-color:#dce5f1;border-radius:11px}.admin-site .form-control:focus,.admin-site .form-select:focus{border-color:#a8bdd1;box-shadow:0 0 0 3px #19232b14}.admin-site .form-label{font-size:11px;color:#5e7590}.admin-site .notification-item{padding:24px 28px;gap:20px}.admin-site .notification-item.unread{border-left:4px solid #19232b;background:linear-gradient(90deg,#f3f8ff,#ffffff)}.admin-site .notification-item h2{font-weight:650;color:#173653;margin-bottom:9px}.notice-host{font-size:12px;color:#486683;margin-bottom:10px}.admin-site .notification-item form .btn{border-radius:11px;font-size:11px}.admin-site .review-card{padding:28px}.admin-site .review-card summary{font-size:12px;font-weight:600}.admin-site .review-card dl{line-height:1.7}.admin-site .btn-ink{border-radius:11px;box-shadow:0 4px 12px #19232b0c}.admin-site .sidebar-account{padding-top:18px}.admin-site .admin-content .section{padding-top:30px}.admin-site .dt-container .dt-info,.admin-site .dt-container .dt-search,.admin-site .dt-container .dt-length{font-size:11px;color:#617892}.admin-site .dt-container .dt-paging-button{border-radius:9px!important;border-color:transparent!important;font-size:11px}.admin-site .dt-container .dt-paging-button.current{background:#eaf2ff!important;color:#19232b!important}.admin-site .dt-container .dt-search input{min-width:180px}.admin-site .sidebar-group summary:hover{color:#00d1c1}.admin-site .staff-bell:hover{background:#edf5ff;color:#19232b}
@media(max-width:1050px){.staff-profile-grid{grid-template-columns:minmax(250px,300px) minmax(0,1fr)}.staff-details-list>div{grid-template-columns:1fr;gap:8px}.header-account-label{max-width:110px}}
@media(max-width:760px){.header-account-label{display:none}.admin-site .header-account{margin-left:0}.admin-site .header-account-toggle{padding:4px;gap:3px;border:0}.header-account-toggle>svg{display:none}.staff-profile-grid{grid-template-columns:1fr}.staff-profile-cover{padding:25px;display:block}.staff-profile-cover .staff-role-label{display:inline-block;margin-top:20px}.staff-profile-cover h2{font-size:22px}.staff-photo-panel{padding:26px}.admin-site .notification-item{padding:22px}.admin-site .admin-heading h1{font-size:24px}}
@media(prefers-reduced-motion:reduce){.admin-site .admin-metrics>article{transition:none}.admin-site .admin-metrics>article:hover{transform:none}}
[data-bs-theme=dark] .admin-site .header-account-toggle,[data-bs-theme=dark] .admin-site .account-dropdown{background:#132942;border-color:#29415c;color:#e4effc}[data-bs-theme=dark] .account-dropdown-heading strong,[data-bs-theme=dark] .admin-site .account-dropdown .dropdown-item,[data-bs-theme=dark] .staff-details-list dd,[data-bs-theme=dark] .admin-site .notification-item h2{color:#deebfa!important}[data-bs-theme=dark] .admin-site .account-dropdown .dropdown-item:hover{background:#203d61}[data-bs-theme=dark] .admin-site .notification-item.unread{background:#152f4b}[data-bs-theme=dark] .staff-details-list>div{border-color:#29415c}
.admin-site .sidebar-account .account-avatar{padding:0!important;opacity:1}.admin-site .sidebar-account .account-link>span:not(.account-avatar){padding:0;opacity:1}

.admin-site .notice-dropdown{width:390px;max-width:calc(100vw - 24px);padding:0;border:1px solid #e2eaf4;border-radius:20px;background:white;box-shadow:0 18px 60px #19232b22;overflow:hidden;margin-top:12px!important}.notice-dropdown-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid #edf1f7;color:#173653;font-size:14px}.notice-dropdown-heading>span{background:#edf4ff;color:#19232b;padding:4px 9px;border-radius:20px;font-size:11px;font-weight:700}.notice-dropdown-list{max-height:min(460px,calc(100dvh - 180px));overflow-y:auto;overscroll-behavior:contain}.notice-dropdown-item{display:flex;gap:13px;padding:18px 22px;border-bottom:1px solid #edf2f8}.notice-dropdown-item:last-child{border-bottom:0}.notice-dropdown-item.unread{background:#f4f8ff}.notice-small-icon{width:32px;height:32px;display:grid;place-items:center;background:#e6f0ff;color:#19232b;border-radius:11px;flex-shrink:0}.notice-dropdown-copy{min-width:0;flex:1}.admin-site .notice-dropdown .notice-title{font-size:12px;font-weight:650;line-height:1.5;color:#173653!important;text-decoration:none;display:block}.notice-title:hover{text-decoration:underline!important}.notice-dropdown-copy p{font-size:11px;color:#617994;margin:5px 0;overflow-wrap:anywhere}.notice-dropdown-copy time{display:block;font-size:9px;color:#8a9bb0;margin-top:7px}.notice-dropdown-copy form{margin-top:9px}.notice-dropdown-copy button{background:none;border:0;padding:0;color:#19232b;font-size:10px;font-weight:600}.notice-dropdown-copy button:disabled{opacity:.5}.notice-dropdown-empty{padding:36px 20px;display:grid;place-items:center;gap:14px;color:#70859e;font-size:12px}.notice-dropdown-empty>span{width:44px;height:44px;border-radius:15px;background:#e6f8f1;color:#16836d;display:grid;place-items:center;font-size:20px}[data-bs-theme=dark] .admin-site .notice-dropdown{background:#132942;border-color:#29415c}[data-bs-theme=dark] .notice-dropdown-heading,[data-bs-theme=dark] .admin-site .notice-dropdown .notice-title{color:#e5effa!important}[data-bs-theme=dark] .notice-dropdown-item.unread{background:#193655}[data-bs-theme=dark] .notice-dropdown-item,[data-bs-theme=dark] .notice-dropdown-heading{border-color:#29415c}
/* Admin: readable medium scale, without oversized controls. */
.admin-site{font-size:14px;line-height:1.55}.admin-site .admin-heading h1{font-size:27px}.admin-site .admin-heading .text-mute,.admin-site .admin-page p.text-mute{font-size:13px;line-height:1.65}.admin-site .admin-panel h2{font-size:18px}.admin-site .admin-panel p{font-size:14px}.admin-site .admin-panel p.small{font-size:12px}.admin-site .admin-sidebar .sidebar-group a,.admin-site .sidebar-overview{font-size:13px;line-height:1.5}.admin-site .sidebar-group summary{font-size:11px;letter-spacing:1.2px}.admin-site .sidebar-group>div{gap:4px}.admin-site .admin-sidebar .menu-count{font-size:12px}.admin-site .btn{font-size:13px;line-height:1.45;padding:10px 16px;min-height:40px}.admin-site .btn-sm{font-size:12px;min-height:34px;padding:7px 11px}.admin-site .form-label{font-size:12px;line-height:1.5}.admin-site .form-control,.admin-site .form-select{font-size:14px;padding:10px 12px;min-height:44px}.admin-site textarea.form-control{min-height:110px}.admin-site .table-panel th,.admin-site table.dataTable thead th{font-size:12px;letter-spacing:.2px}.admin-site .table-panel td,.admin-site table.dataTable tbody td{font-size:13px;line-height:1.65}.admin-site .dt-container .dt-info,.admin-site .dt-container .dt-search,.admin-site .dt-container .dt-length{font-size:12px}.admin-site .dt-container .dt-paging-button{font-size:12px}.admin-site .admin-status{font-size:12px;padding:6px 11px;line-height:1.5}.admin-site .metrics-main>article>span{font-size:14px}.admin-site .metrics-main>article strong{font-size:32px;line-height:1.2}.admin-site .metrics-toolbar p{font-size:13px}.admin-site .metric-alert-link{font-size:14px}.admin-site .metrics-toolbar nav a{font-size:13px}.admin-site .header-account-label strong{font-size:12px}.admin-site .header-account-label small{font-size:10px}.admin-site .account-dropdown .dropdown-item{font-size:13px;min-height:42px}.admin-site .account-dropdown-heading strong{font-size:14px}.admin-site .account-dropdown-heading small{font-size:12px}.admin-site .notice-dropdown .notice-title{font-size:13px}.admin-site .notice-dropdown-copy p{font-size:12px}.admin-site .notice-dropdown-copy time{font-size:11px}.admin-site .notice-dropdown-copy button{font-size:12px;min-height:32px}.admin-site .staff-details-list dt{font-size:13px}.admin-site .staff-details-list dd{font-size:14px}.admin-site .verified-dot{font-size:11px}.admin-site .review-card dl{font-size:14px;line-height:1.6}.admin-site .review-card h2{font-size:18px}.admin-site .review-card summary.review-action{font-size:13px;font-weight:650;list-style:none;display:inline-flex;align-items:center;justify-content:center;gap:15px}.review-action::-webkit-details-marker{display:none}.review-form-details[open]>summary{background:#eaf2ff!important;color:#19232b!important;border-color:#c5dcff!important}.review-form-details[open]>form{padding-top:18px;border-top:1px solid #e5edf7}.review-status-pendiente{background:#fff4db!important;color:#8d6416!important}.review-status-aprobado{background:#e2f7ed!important;color:#137b55!important}.review-status-rechazado{background:#fcebef!important;color:#b3435e!important}.review-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 20px}.review-search{display:flex;align-items:center;gap:11px;max-width:460px;flex:1;border:1px solid #dae5f1;background:white;border-radius:12px;padding:10px 14px;color:#7c91ab}.review-search input{border:0;outline:none;width:100%;font-size:14px;background:transparent;color:#24415f;min-width:0}.review-search:focus-within{border-color:#a8bdd1;box-shadow:0 0 0 3px #19232b14}.review-quick-actions{display:flex;gap:10px;flex-wrap:wrap}.review-filter-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:24px}.review-filter-tabs button{display:flex;align-items:center;gap:10px;border:1px solid #dee7f2;border-radius:11px;background:white;color:#536d8b;padding:10px 15px;font-size:13px;min-height:42px}.review-filter-tabs button>span{padding:1px 7px;border-radius:20px;background:#edf2f8;font-size:12px}.review-filter-tabs [aria-pressed=true]{background:#19232b;color:white;border-color:#19232b}.review-filter-tabs [aria-pressed=true]>span{background:#ffffff25;color:white}.review-filter-empty{padding:20px;background:#edf4ff;border-radius:14px}.review-card:target{outline:2px solid #a8bdd1;outline-offset:3px}.review-card,#verification-protocol,#review-history{scroll-margin-top:90px}.admin-site .review-card .admin-status{align-self:start;white-space:nowrap}.admin-site .review-card dl dt{font-size:13px}.admin-site .review-card dl dd{margin-bottom:7px}.admin-site .review-card .review-action:hover{filter:brightness(.97)}
@media(max-width:1000px){.review-toolbar{align-items:stretch;flex-direction:column}.review-search{max-width:none;min-height:44px}.review-grid{grid-template-columns:1fr}.review-quick-actions .btn{flex:1}.review-filter-tabs button{flex:1;justify-content:center}.admin-site .review-card dl{grid-template-columns:110px 1fr}}
@media(max-width:760px){.admin-site .admin-heading h1{font-size:24px}.admin-site .review-card{padding:23px}.admin-site .review-card dl{grid-template-columns:1fr;gap:5px}.admin-site .review-card dl dt{margin-top:7px}.review-filter-tabs{gap:7px}.review-filter-tabs button{font-size:12px;padding:9px 10px}.admin-site .form-control,.admin-site .form-select{font-size:15px}.admin-site .review-form-details summary.review-action{width:100%}.admin-site .review-form-details form .btn{flex:1}}
[data-bs-theme=dark] .review-search,[data-bs-theme=dark] .review-filter-tabs button{background:#132942;border-color:#29415c;color:#deebfa}[data-bs-theme=dark] .review-search input{color:#deebfa}[data-bs-theme=dark] .review-filter-tabs [aria-pressed=true]{background:#19232b;border-color:#19232b}
.staff-management-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.staff-management-toolbar p{font-size:13px;margin:0;max-width:650px}.staff-row-actions{display:flex;gap:8px;white-space:nowrap}.admin-site .staff-delete-button{border:1px solid #efd5dd;color:#b44360;background:#fff7f9}.staff-delete-button:disabled{opacity:.35}.staff-user-modal .modal-content{border:0;border-radius:22px;box-shadow:0 28px 100px #19232b30;overflow:hidden}.staff-user-modal .modal-header{padding:24px 28px;border-bottom:1px solid #e8eef6}.staff-user-modal .modal-body{padding:25px 28px}.staff-user-modal .modal-footer{padding:18px 28px;background:#f7faff;border-top:1px solid #e8eef6}.staff-reauth-block{background:#f2f6fc;border:1px solid #e4ecf7;border-radius:15px;padding:20px}.admin-site .staff-danger-submit{background:#b44360;border-color:#b44360}.staff-user-modal .modal-title{font-size:21px;font-weight:700}.staff-user-modal .alert{font-size:13px}.staff-user-modal .input-group .btn{font-size:12px}.staff-user-modal [data-staff-delete-note] strong{overflow-wrap:anywhere}.staff-user-modal input:read-only{background:#f8fbff}.staff-user-modal .small.text-mute{font-size:12px}@media(max-width:760px){.staff-management-toolbar{align-items:stretch;flex-direction:column}.staff-management-toolbar .btn{width:100%}.staff-user-modal .modal-body,.staff-user-modal .modal-header{padding:22px}.staff-user-modal .modal-footer{padding:16px 22px}.staff-user-modal .input-group{flex-wrap:wrap}.staff-user-modal .input-group input{min-width:130px}}
.staff-user-modal .modal-content>form{display:flex;flex-direction:column;max-height:calc(100dvh - 70px);overflow:hidden}.staff-user-modal .modal-body{overflow-y:auto;flex:1 1 auto}.staff-user-modal .modal-header,.staff-user-modal .modal-footer{flex-shrink:0}
.admin-site .dt-layout-row.dt-layout-table{display:block}.admin-site .dt-layout-table>.dt-layout-cell{display:block;width:100%;overflow-x:auto}@media(max-width:760px){.staff-row-actions .btn{min-height:40px}}
.staff-credentials{white-space:pre-line!important;text-align:left!important;overflow-wrap:anywhere;font-size:14px!important}
.review-pagination{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 0;font-size:13px;color:#71849e}[data-review-results][aria-busy=true]{opacity:.5;pointer-events:none}.review-pagination .disabled{pointer-events:none;opacity:.4}@media(max-width:760px){.review-pagination{align-items:flex-start;flex-direction:column}}
[data-bs-theme=dark] .staff-user-modal .modal-content{background:#132942;color:#e3eefb}[data-bs-theme=dark] .staff-user-modal .modal-footer,[data-bs-theme=dark] .staff-reauth-block,[data-bs-theme=dark] .staff-user-modal input:read-only{background:#173250;border-color:#29415c;color:#e3eefb}
.integration-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.integration-kpis>div{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:12px}.integration-kpis span{font-size:12px;color:var(--mute);line-height:1.6}.integration-kpis strong{font-size:28px;color:var(--text)}.integration-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.integration-shortcuts a{display:flex;align-items:center;justify-content:space-between;gap:12px;text-decoration:none;border:1px solid var(--line);border-radius:13px;padding:16px;color:var(--text);font-size:12px}.integration-shortcuts a:hover{border-color:#19232b}.integration-shortcuts span{font-size:10px;color:var(--mute)}@media(max-width:1100px){.integration-kpis,.integration-shortcuts{grid-template-columns:1fr 1fr}}@media(max-width:575px){.integration-kpis,.integration-shortcuts{grid-template-columns:1fr}}
.google-integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.google-integration-grid fieldset{min-width:0;margin:0}.google-integration-grid legend{float:none;width:auto;font-size:19px;font-weight:750}.google-callback-uri{display:block;padding:12px 14px;background:var(--surface-2);border-radius:12px;font-size:11px;overflow-wrap:anywhere}.google-service-check{display:flex;align-items:center;gap:12px;min-height:44px;font-size:13px;font-weight:650}.google-service-check input{width:20px;height:20px;accent-color:#19232b}.google-save-panel{max-width:620px}.google-integration-grid p{line-height:1.8}@media(max-width:1000px){.google-integration-grid{grid-template-columns:1fr}}


/* Source: public/assets/member-experience.css */

/* Member surfaces are deliberately scoped away from the independent admin console. */
.app-site{--mx-muted:#56677d;--mx-border:#e0e8f1;--mx-surface:#fff;--mx-soft:#f1f6fc}
.mx-space{max-width:1200px;padding-top:32px;padding-bottom:48px}.mx-welcome{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:28px}.mx-welcome h1{font-size:clamp(26px,3vw,36px);letter-spacing:-1px;font-weight:750;line-height:1.2;max-width:700px;margin:8px 0 12px}.mx-welcome p{font-size:14px;line-height:1.65;max-width:690px}.mx-eyebrow{font-size:11px!important;letter-spacing:1.5px;text-transform:uppercase;color:var(--mx-muted);font-weight:700;margin:0}.mx-bell{position:relative;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid var(--mx-border);background:var(--mx-surface);color:#19232b;font-size:24px;flex-shrink:0;text-decoration:none}.mx-bell span{position:absolute;right:-4px;top:-4px;border-radius:20px;background:#19232b;color:white;font-size:11px;padding:3px 6px}.mx-card{background:var(--mx-surface);border:1px solid var(--mx-border);border-radius:22px;box-shadow:0 5px 20px #19232b04;padding:24px;min-width:0}.mx-profile-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;margin-bottom:28px}.mx-person{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.mx-person h2{font-size:23px;font-weight:700;overflow-wrap:anywhere;margin:8px 0 12px}.mx-person>.btn{width:100%;margin-top:auto}.mx-avatar{display:flex;width:84px;height:84px;border-radius:28px;align-items:center;justify-content:center;background:#e8f2ff;color:#19232b;font-weight:800;font-size:30px;flex-shrink:0;overflow:hidden}.mx-avatar img{width:100%;height:100%;object-fit:cover}.mx-status{display:inline-flex;align-items:center;padding:7px 11px;border-radius:10px;font-size:11px;line-height:1.4;font-weight:650;background:#fff2d6;color:#79520a}.mx-status.mx-good{background:#e4f7f1;color:#12604c}.mx-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mx-stat{border:1px solid var(--mx-border);background:var(--mx-surface);border-radius:20px;padding:20px;display:flex;flex-direction:column;color:var(--text);text-decoration:none;gap:8px;transition:transform .15s,border-color .15s}.mx-stat:hover{transform:translateY(-2px);border-color:#19232b}.mx-stat>span{font-size:12px;color:var(--mx-muted)}.mx-stat strong{font-size:30px;font-weight:750;line-height:1.2}.mx-stat small{font-size:11px;color:#19232b}.mx-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mx-quick{display:flex;align-items:center;gap:18px;text-decoration:none;color:var(--text)}.mx-quick>div{flex:1;min-width:0}.mx-quick h2{font-size:16px;font-weight:700;margin:0 0 8px}.mx-quick p{font-size:12px;line-height:1.7;color:var(--mx-muted);margin:0}.mx-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#eaf2ff;color:#19232b;font-size:24px;flex-shrink:0}.mx-notice{border-radius:16px;border:1px solid #cae4ed;padding:18px 20px;background:#edf9f8;color:#164e55;margin:20px 0;font-size:13px;line-height:1.7}.mx-notice p{margin:5px 0 0}.mx-desktop-nav{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--mx-border);padding-bottom:12px;flex-wrap:wrap}.mx-desktop-nav a{color:var(--mx-muted);text-decoration:none;font-size:13px;padding:12px 16px;border-radius:12px}.mx-desktop-nav a[aria-current=page]{background:#e8f1ff;color:#163858;font-weight:700}.mx-profile-editor{max-width:1200px;margin:28px auto}.mx-profile-editor:target{scroll-margin-top:100px}.mx-profile-editor:target>summary{color:#19232b}.mx-profile-editor>summary,.mx-response>summary{padding:18px 20px;border:1px solid var(--mx-border);border-radius:14px;background:var(--mx-surface);font-weight:650;font-size:14px;cursor:pointer;min-height:48px}.mx-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:16px}.mx-profile-editor[open]{animation:mx-reveal .2s ease-out}.mx-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 0 14px;margin-bottom:16px;scrollbar-width:thin;max-width:100%}.mx-tabs a{white-space:nowrap;border:1px solid var(--mx-border);border-radius:28px;padding:11px 17px;font-size:12px;text-decoration:none;color:var(--mx-muted);background:var(--mx-surface);min-height:44px}.mx-tabs a[aria-current=page]{background:#19232b;border-color:#19232b;color:white}.mx-search{display:flex;gap:10px;max-width:600px;margin:0 0 24px}.mx-result-count{font-size:12px;color:var(--mx-muted);margin:12px 0 20px}.mx-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.mx-operation{padding:0;overflow:hidden;display:flex;flex-direction:column}.mx-property-art{height:150px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:var(--mx-soft);position:relative}.mx-property-art>img{width:58px;height:58px;border-radius:16px}.mx-property-art small{font-size:10px;color:var(--mx-muted)}.mx-operation-body{padding:22px;flex:1}.mx-operation h2,.mx-trip-detail h2{font-size:19px;font-weight:700;margin:16px 0 6px;line-height:1.4;overflow-wrap:anywhere}.mx-location{color:var(--mx-muted);font-size:12px;margin-bottom:20px}.mx-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.mx-ref{font-size:10px;color:var(--mx-muted)}.mx-dates{display:flex;align-items:center;justify-content:space-between;border-block:1px solid var(--mx-border);padding:14px 0;margin:12px 0;gap:10px}.mx-dates small{font-size:10px;color:var(--mx-muted);display:block;margin-bottom:5px}.mx-dates strong{font-size:13px;white-space:nowrap}.mx-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin:20px 0}.mx-price strong{font-size:22px;font-weight:750}.mx-price>span{font-size:11px;color:var(--mx-muted)}.mx-card-actions{display:flex;flex-wrap:wrap;gap:8px}.mx-card-actions>*{flex:1}.mx-operation .btn{font-size:12px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.mx-empty{padding:48px 24px;text-align:center;max-width:760px;margin:24px auto}.mx-empty .mx-icon{margin:0 auto 24px;width:64px;height:64px;font-size:30px}.mx-empty h2{font-size:22px;line-height:1.4}.mx-empty p{font-size:14px;color:var(--mx-muted);max-width:450px;margin:16px auto 24px}.mx-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:32px;font-size:13px}.mx-back{display:inline-flex;align-items:center;min-height:44px;margin-bottom:20px;font-size:13px}.mx-trip-detail{max-width:850px;margin:auto;padding:0;overflow:hidden;display:grid;grid-template-columns:240px 1fr}.mx-trip-detail>.mx-property-art{height:100%;min-height:200px}.mx-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:26px}.mx-detail-grid dt{font-size:11px;color:var(--mx-muted);font-weight:500;margin-bottom:6px}.mx-detail-grid dd{font-size:14px;font-weight:650;overflow-wrap:anywhere}.mx-reference{font-size:11px;color:var(--mx-muted);overflow-wrap:anywhere}.mx-response form{padding-top:18px}.mx-bottom{display:flex!important;gap:0;padding:10px 8px calc(10px + env(safe-area-inset-bottom));background:var(--mx-surface);border-top:1px solid var(--mx-border);height:auto}.mx-bottom a{flex:1;min-width:0;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:10px!important;color:var(--mx-muted);text-decoration:none;border-radius:12px}.mx-bottom a[aria-current=page]{color:#163858;background:#eaf2ff;font-weight:700}.mx-bottom svg{width:22px;height:22px;flex-shrink:0}.mx-bottom a>span{font-size:inherit}.app-site .btn:focus-visible,.mx-tabs a:focus-visible,.mx-stat:focus-visible,.mx-bottom a:focus-visible{outline:3px solid #00a899;outline-offset:3px}.mx-space .btn{min-height:44px}.mx-space input,.mx-space select,.mx-space textarea,.mx-profile-editor input,.mx-profile-editor select{min-height:48px;font-size:16px}.mx-space .form-label{font-size:13px}.app-site:has(.mx-bottom) .bkk-main{padding-bottom:20px}
@keyframes mx-reveal{from{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(min-width:992px){.mx-bottom{display:none!important}}
@media(max-width:1100px){.mx-cards{grid-template-columns:1fr 1fr}.mx-profile-layout{grid-template-columns:1fr 1fr}}
@media(max-width:767px){.mx-profile-layout,.mx-quick-grid,.mx-edit-grid{grid-template-columns:1fr}.mx-space{padding-top:24px}.mx-welcome{gap:14px;margin-bottom:22px;flex-wrap:wrap}.mx-welcome h1{font-size:28px;letter-spacing:-.7px}.mx-welcome>div{flex:1;min-width:220px}.mx-welcome>.btn{font-size:12px}.mx-person{padding:22px}.mx-person h2{font-size:21px}.mx-stat{padding:18px}.mx-stat strong{font-size:28px}.mx-quick{padding:20px;gap:14px}.mx-trip-detail{grid-template-columns:1fr}.mx-trip-detail>.mx-property-art{height:160px;min-height:0}.mx-profile-editor{margin:24px 0}.mx-tabs{margin-right:-4px}.app-site .bkk-top .brand-wordmark{max-width:160px}.app-site .bkk-top .container-xxl{gap:8px!important}.app-site .language-picker button{padding:5px;font-size:10px}.app-site .bkk-top .icon-btn{width:34px;height:34px}.app-site .notification-item{padding:20px}.app-site .site-footer{padding-bottom:100px}}
@media(max-width:575px){.mx-cards{grid-template-columns:1fr}.mx-operation{display:block}.mx-operation .mx-property-art{height:120px}.mx-operation-body{padding:20px}.mx-quick h2{font-size:15px}.mx-bottom a{font-size:10px!important}.mx-welcome .mx-bell{width:42px;height:42px}.mx-detail-grid{gap:18px}.mx-empty{padding:36px 20px}.mx-welcome p{font-size:13px}.mx-space .mx-dates strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){.mx-stat,.mx-profile-editor[open]{transition:none;animation:none}}
[data-bs-theme=dark] .app-site{--mx-muted:#b3c3d7;--mx-border:#2b415c;--mx-surface:#132a45;--mx-soft:#0d223c}
[data-bs-theme=dark] .mx-notice{background:#10373e;border-color:#27555b;color:#bde6e3}
[data-bs-theme=dark] .mx-status{background:#49391e;color:#ffe0a0}
[data-bs-theme=dark] .mx-status.mx-good{background:#143c35;color:#ace7d3}
[data-bs-theme=dark] .mx-stat small{color:#8ebcff}

.mx-property-editor{max-width:720px}


/* Source: public/assets/stay-search.css */

.stay-hero{background:#f0f6ff;padding:34px 0 56px;color:#19232b}.stay-hero h1{font-size:clamp(28px,3.2vw,42px);letter-spacing:-1.3px;font-weight:750;margin:12px 0;line-height:1.15;max-width:860px}.stay-hero p:not(.mx-eyebrow){font-size:15px;margin:0;color:#526780}.stay-search-wrap{position:relative;margin-top:-28px}.stay-form{background:var(--mx-surface,#fff);border:1px solid var(--mx-border,#e0e8f1);border-radius:24px;padding:24px;box-shadow:0 10px 40px #19232b09}.stay-main-grid{display:grid;grid-template-columns:1.2fr 1.25fr 1fr;gap:14px}.stay-field{border:1px solid var(--mx-border,#dce5ef);border-radius:15px;background:var(--mx-surface,#fff);padding:13px 14px;min-width:0}.stay-field>label{font-size:10px;font-weight:750;letter-spacing:.8px;color:var(--mx-muted,#53687f);display:block;margin-bottom:9px}.stay-input-wrap{display:flex;gap:8px;align-items:center}.stay-input-wrap>svg{width:22px;height:22px;color:#19232b;flex-shrink:0}.stay-input-wrap>input{min-width:0;width:100%;border:0;background:transparent;color:var(--text);font-size:15px;padding:5px 0;outline-offset:4px}.stay-clear{border:0;background:transparent;color:var(--mx-muted,#53687f);width:28px;height:32px;font-size:23px;flex-shrink:0}.stay-date-pair,.stay-people-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stay-date>input{width:100%;min-width:0;background:transparent;border:0;font-size:14px;color:var(--text)}.has-date-dialog .stay-date>input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip-path:inset(50%)}.stay-date-button{display:flex;gap:7px;align-items:center;background:transparent;border:0;color:var(--text);padding:0;min-height:32px;font-size:13px;font-weight:650;width:100%;text-align:left}.stay-date-button[hidden]{display:none}.stay-date-button svg{width:18px;height:18px;flex-shrink:0;color:#19232b}.stay-stepper{display:flex;align-items:center;justify-content:space-between;gap:3px}.stay-stepper button{width:32px;height:32px;border:1px solid #d5e3f6;color:#19232b;background:#f5f9ff;border-radius:9px;font-size:19px;line-height:1;flex-shrink:0}.stay-stepper button:disabled{opacity:.35}.stay-stepper input{appearance:textfield;-moz-appearance:textfield;border:0;min-width:0;width:34px;max-width:50px;text-align:center;background:transparent;color:var(--text);font-size:16px;font-weight:650;padding:3px 0}.stay-stepper input::-webkit-inner-spin-button{appearance:none}.stay-duration{font-size:12px;margin:12px 0;color:var(--mx-muted,#53687f);min-height:17px}.stay-options{margin:0 0 18px}.stay-options>summary{font-size:12px;min-height:40px;display:list-item;padding:10px 0;color:var(--mx-muted,#53687f);cursor:pointer}.stay-options-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;padding:10px 0}.stay-options .form-label{font-size:12px}.stay-options select{font-size:14px;min-height:44px}.stay-actions{display:flex;gap:12px;margin-top:16px}.stay-actions>.btn{flex:1;min-height:50px;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:13px;font-size:14px;font-weight:700}.stay-offer-button{color:#19232b!important;border:1px solid #afccf7!important;background:#eff6ff!important}.stay-offer-button:hover{background:#deedff!important}.stay-trust{font-size:11px;line-height:1.65;color:var(--mx-muted,#53687f);margin:15px 0 0}.stay-proposal,.stay-review{max-width:820px}.stay-proposal h1,.stay-review h1{font-size:30px;letter-spacing:-.8px;margin:12px 0}.stay-offer .stay-main-grid{grid-template-columns:1fr}.stay-budget{padding:22px;border:1px solid #bdd5fc;background:#f5f9ff;border-radius:18px;margin:16px 0 24px;color:#19232b}.stay-budget>label{font-size:13px;font-weight:700;margin-bottom:14px}.stay-budget>div{display:flex;align-items:center;gap:10px}.stay-budget>div>span{font-size:13px;white-space:nowrap}.stay-budget input{font-size:30px;font-weight:750;border:0;background:transparent;width:100%;min-width:0;color:#19232b;padding:6px}.stay-budget p{font-size:11px;color:#526780;line-height:1.6;margin:12px 0}.stay-budget output{font-size:13px;font-weight:700}.stay-target{display:flex;flex-direction:column;gap:8px;padding:18px;background:#edf9f6;border-radius:14px;margin-bottom:20px;color:#164e55;font-size:13px}.stay-target>span{font-size:11px}.stay-target a{font-size:11px}.stay-error{font-size:13px;padding:14px;border-radius:10px;border:1px solid #e9a4a4;background:#fff2f2;color:#8b2020}.stay-error[hidden]{display:none}.stay-calendar{border:0;border-radius:24px;padding:24px;max-width:760px;width:calc(100% - 32px);max-height:90dvh;background:var(--mx-surface,#fff);color:var(--text,#19232b);box-shadow:0 20px 100px #19232b33;overflow-y:auto}.stay-calendar::backdrop{background:#19232b88;backdrop-filter:blur(3px)}.stay-calendar>header{display:flex;justify-content:space-between;align-items:center;gap:20px}.stay-calendar h2{font-size:23px;font-weight:700;margin:8px 0 16px}.stay-calendar header>button{border:1px solid var(--mx-border,#dce5ef);border-radius:50%;width:44px;height:44px;background:transparent;color:inherit;font-size:25px}.calendar-range{display:flex;gap:12px;margin-top:12px}.calendar-range>button{flex:1;display:flex;flex-direction:column;gap:8px;border:1px solid var(--mx-border,#dce5ef);background:transparent;border-radius:14px;padding:14px;color:inherit;text-align:left}.calendar-range>button[aria-pressed=true]{border:2px solid #19232b;padding:13px;background:#edf5ff;color:#19232b}.calendar-range small{font-size:10px;letter-spacing:.5px}.calendar-range strong{font-size:14px}.calendar-instruction{font-size:13px;color:var(--mx-muted,#53687f);margin:16px 0}.calendar-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.calendar-controls button{width:44px;height:44px;border:1px solid var(--mx-border,#dce5ef);background:transparent;color:inherit;border-radius:12px}.calendar-controls button:disabled{opacity:.35}.calendar-controls span{font-size:12px;color:var(--mx-muted,#53687f)}.calendar-months{display:grid;grid-template-columns:1fr 1fr;gap:24px}.calendar-month h3{font-size:15px;font-weight:700;text-transform:capitalize;margin-bottom:20px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.calendar-weekday{font-size:10px;color:var(--mx-muted,#53687f);text-align:center;padding:8px 0}.calendar-grid>button{border:0;background:transparent;border-radius:10px;height:42px;color:inherit;font-size:13px}.calendar-grid>button:disabled{color:#8d9cae;text-decoration:line-through;opacity:.55}.calendar-grid>button[aria-current=date]{outline:1px solid #86b3fb;outline-offset:-3px}.calendar-grid>button.in-range{background:#e4efff;color:#163858;border-radius:3px}.calendar-grid>button.selected{background:#19232b;color:white;font-weight:750}.stay-calendar>footer{margin-top:20px;border-top:1px solid var(--mx-border,#dce5ef);padding-top:18px}.stay-calendar>footer>.btn{width:100%;min-height:48px}.stay-calendar :focus-visible,.stay-form :focus-visible{outline:3px solid #00a899;outline-offset:3px}.stay-calendar[open]{animation:mx-reveal .18s ease-out}.mx-history{max-width:850px;margin-inline:auto}.mx-history ol{list-style:none;padding:0;margin:24px 0 0}.mx-history li{border-left:2px solid #bfdbff;padding:0 0 24px 20px;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:13px}.mx-history time{color:var(--mx-muted);font-size:11px}.mx-history li>span{width:100%}.mx-checkout{max-width:850px;margin-inline:auto}
@media(max-width:1100px){.stay-main-grid{grid-template-columns:1fr 1fr}.stay-destination{grid-column:1/-1}.stay-people-pair{grid-column:2}.stay-date-pair{grid-column:1}.stay-offer .stay-people-pair,.stay-offer .stay-date-pair{grid-column:1}}
@media(max-width:767px){.stay-hero{padding:24px 4px 44px}.stay-hero h1{font-size:29px;letter-spacing:-.8px;margin:10px 0}.stay-hero p:not(.mx-eyebrow){font-size:12px;line-height:1.6}.stay-search-wrap{padding-inline:16px}.stay-form{padding:18px;border-radius:21px}.stay-main-grid{grid-template-columns:1fr;gap:12px}.stay-date-pair,.stay-people-pair{grid-column:1}.stay-field{padding:12px}.stay-input-wrap>input{font-size:16px}.stay-date-button{font-size:13px;min-height:34px}.stay-stepper button{width:40px;height:40px}.stay-people-pair .stay-field{padding:12px}.stay-field>label{font-size:10px}.stay-options-grid{grid-template-columns:1fr 1fr}.stay-options-grid>div:first-child{grid-column:1/-1}.stay-actions{flex-direction:column;gap:10px}.stay-actions>.btn{font-size:13px;min-height:48px}.stay-trust{font-size:10px}.stay-duration{font-size:11px;margin:10px 0 4px}.stay-options>summary{min-height:36px;padding:9px 0}.stay-calendar{width:100%;max-width:none;max-height:none;height:100dvh;margin:0;border-radius:0;padding:20px 18px calc(20px + env(safe-area-inset-bottom))}.calendar-months{grid-template-columns:1fr;gap:28px}.calendar-grid>button{height:44px}.calendar-range strong{font-size:13px}.stay-calendar>footer{position:sticky;bottom:0;background:var(--mx-surface,#fff);padding-bottom:8px;z-index:2}.stay-calendar h2{font-size:22px}.stay-proposal,.stay-review{padding-top:24px}.stay-budget{padding:18px}.stay-budget input{font-size:26px}}
@media(prefers-reduced-motion:reduce){.stay-calendar[open]{animation:none}}
[data-bs-theme=dark] .stay-hero{background:#0c2546;color:#f5f9ff}[data-bs-theme=dark] .stay-hero p:not(.mx-eyebrow){color:#b5c9e2}[data-bs-theme=dark] .stay-budget{background:#142f52;color:#e1edff;border-color:#315c8b}[data-bs-theme=dark] .stay-budget input{color:#e1edff}[data-bs-theme=dark] .stay-budget p{color:#adc3dd}[data-bs-theme=dark] .stay-stepper button{background:#15365a;border-color:#315c8b;color:#a8caff}

.stay-currency{display:flex;gap:18px;align-items:center;margin:12px 0}.stay-currency>div{min-width:120px}.stay-currency .form-label{font-size:12px}.stay-currency p{font-size:11px;color:var(--mx-muted);line-height:1.7;max-width:420px;margin:0}.stay-currency .form-select{min-height:44px;font-size:14px}.stay-exchange-note{display:flex;flex-direction:column;gap:5px;background:var(--mx-soft,#f1f6fc);border-radius:12px;padding:12px 14px;font-size:10px;line-height:1.7;color:var(--mx-muted,#53687f);margin:10px 0 16px}.stay-exchange-note strong{font-size:12px;color:var(--text,#19232b)}

.stay-form:not(.stay-offer){display:flex;flex-direction:column}.stay-form:not(.stay-offer)>.stay-main-grid{order:0}.stay-form:not(.stay-offer)>.stay-duration{order:1}.stay-form:not(.stay-offer)>.stay-currency{order:2}.stay-form:not(.stay-offer)>.stay-error{order:3}.stay-form:not(.stay-offer)>.stay-actions{order:4}.stay-form:not(.stay-offer)>.stay-trust{order:5}.stay-form:not(.stay-offer)>.stay-options{order:6;margin:12px 0 0}.stay-form:not(.stay-offer)>.stay-exchange-note{order:7;margin-bottom:0}
@media(max-width:767px){.stay-hero{padding-top:20px}.stay-hero h1{font-size:27px}.stay-form:not(.stay-offer) .stay-actions{margin-top:10px}.stay-form:not(.stay-offer) .stay-trust{margin-top:10px}}

.stay-type-options>summary{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.stay-type-options [data-types-summary]{font-weight:400;font-size:12px;color:var(--mx-muted,#607589)}.stay-type-filters{display:flex;flex-wrap:wrap;gap:10px;padding:16px 0 4px;border:0;margin:0}.stay-type-check{display:flex;align-items:center;gap:10px;border:1px solid #d7e2eb;border-radius:12px;background:var(--mx-surface,#fff);padding:13px 16px;min-height:48px;cursor:pointer;font-size:14px;color:var(--text,#19232b);transition:background .18s,border-color .18s}.stay-type-check input{min-height:0!important;width:18px;height:18px;accent-color:#19232b}.stay-type-check:has(input:checked){background:#eef7f7;border-color:#5a9a9e}.stay-type-check:focus-within{outline:2px solid #247c85;outline-offset:2px}.destination-suggestions{max-height:330px;overflow:auto;z-index:45;box-shadow:0 16px 40px #19232b20}.destination-suggestions button{display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.5}.destination-suggestion-icon{display:grid;place-items:center;min-width:32px;height:32px;border-radius:10px;background:#eef4f8;font-size:21px;color:#19232b}.destination-suggestions small{text-align:right;font-size:11px}

.app-site .stay-destination .destination-suggestions button{display:flex;flex-direction:row;align-items:center;gap:12px;text-align:left;padding:12px 14px}.app-site .destination-suggestions button>.destination-suggestion-icon{width:32px;min-width:32px;max-width:32px;flex:0 0 32px;height:32px}.app-site .destination-suggestions button>span:last-child{flex:1;min-width:0;line-height:1.5}.app-site .destination-suggestions small{font-size:11px}


/* Source: public/assets/mobile-experience.css */

/* Mobile product language: official gorilla identity, real inventory and accessible actions. */
.app-site .mx-app-header{background:linear-gradient(115deg,#19232b,#19232b)!important;border:0;box-shadow:0 5px 18px #16385818;position:relative;z-index:1030}
.mx-app-header>.container-xxl{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:18px;padding-block:10px}.mx-app-header .brand-wordmark{width:220px;height:48px}.mx-header-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.mx-header-avatar,.mx-header-bell,.mx-settings-toggle{width:44px;height:44px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;text-decoration:none;color:#fff;background:#ffffff16;border:1px solid #ffffff40;position:relative;padding:9px}.mx-header-avatar{background:#e8f3ff;color:#19232b;border:2px solid #fff;padding:0;overflow:hidden;font-weight:750;font-size:17px}.mx-header-avatar img{width:100%;height:100%;object-fit:cover}.mx-header-actions svg{width:22px;height:22px}.mx-header-bell span{position:absolute;right:-3px;top:-4px;background:#00d1c1;border:2px solid #19232b;border-radius:20px;font-size:10px;color:#063740;padding:1px 5px;font-weight:750}.mx-settings-toggle{border:0;background:transparent}.mx-settings-menu{width:244px;max-width:calc(100vw - 32px);padding:20px;border-radius:18px;border:1px solid var(--mx-border);background:var(--mx-surface);color:var(--text);box-shadow:0 14px 50px #19232b22}.mx-settings-menu>p{font-size:12px;margin:0 0 12px;font-weight:700}.mx-settings-menu .language-picker{display:flex;gap:5px}.mx-settings-menu .language-picker button{width:44px;min-height:44px;color:var(--text);background:var(--mx-soft);font-size:12px;border-radius:10px;padding:8px}.mx-settings-menu .language-picker button[aria-current=true]{background:#19232b;color:white}.mx-theme-toggle{border:1px solid var(--mx-border);border-radius:12px;background:var(--mx-surface);color:var(--text);width:100%;min-height:44px;font-size:14px;margin-top:16px;display:flex;align-items:center;gap:12px;justify-content:center}.mx-home-primary{display:flex;justify-content:space-between;align-items:center;max-width:1200px;min-height:50px;border-radius:14px;margin:0 0 24px;font-size:14px;font-weight:700;padding:14px 20px}.mx-profile-page{display:block;max-width:680px;margin-inline:auto}.mx-profile-page .mx-person{flex-direction:column;text-align:center;gap:12px;border:0;box-shadow:none;background:transparent;padding:10px 20px 24px}.mx-profile-page .mx-avatar{border-radius:50%;width:98px;height:98px;border:4px solid var(--mx-surface);outline:2px solid #00bcae;box-shadow:0 6px 22px #19232b1a}.mx-profile-page .mx-person h2{font-size:23px;margin:5px 0 10px}.mx-profile-page .mx-person>.btn{width:auto;margin-top:4px;font-size:12px;min-height:44px;border-radius:12px}.mx-profile-page .mx-person .mx-eyebrow{font-size:10px!important}.mx-profile-links{display:block;max-width:680px;margin-inline:auto;border:1px solid var(--mx-border);border-radius:20px;overflow:hidden;background:var(--mx-surface)}.mx-profile-links .mx-quick{border:0;border-radius:0;box-shadow:none;border-bottom:1px solid var(--mx-border);padding:18px 20px}.mx-profile-links .mx-quick:last-child{border-bottom:0}.mx-profile-links .mx-quick h2{font-size:14px;margin-bottom:4px}.mx-profile-links .mx-icon{width:36px;height:36px;font-size:20px;border-radius:10px}.mx-profile-editor{max-width:680px}.mx-profile-editor .mx-edit-grid{grid-template-columns:1fr}.mx-response-choices{display:flex;flex-direction:column;gap:8px;margin-top:12px}.mx-response-choice{min-height:44px;padding:11px 12px;border-radius:12px;border:1px solid var(--mx-border);font-size:13px;font-weight:650;background:var(--mx-soft);color:var(--text)}.mx-response-choice[data-choice=aceptada]{color:white;background:#009b62;border-color:#009b62}.mx-response-choice[data-choice=rechazada]{color:#c63946;background:#fff5f5;border-color:#f3bdc2}.mx-response-dialog{border:0;border-radius:24px;background:var(--mx-surface);color:var(--text);padding:24px;width:calc(100% - 32px);max-width:460px;max-height:88dvh;overflow-y:auto;box-shadow:0 20px 90px #19232b44}.mx-response-dialog::backdrop{background:#19232b88;backdrop-filter:blur(3px)}.mx-response-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.mx-response-dialog h2{font-size:19px;font-weight:750;line-height:1.4;margin:0}.mx-response-close{display:grid;place-items:center;border:0;border-radius:50%;width:44px;height:44px;flex-shrink:0;background:var(--mx-soft);color:var(--text);font-size:25px}.mx-response-context{padding:14px 16px;background:var(--mx-soft);border-radius:14px;font-size:13px;margin-bottom:18px;overflow-wrap:anywhere}.mx-response-dialog .form-control,.mx-response-dialog .form-select{min-height:48px;font-size:16px}.mx-response-dialog form>.btn{min-height:48px;border-radius:13px}.app-site .mx-price{background:#fff4da;border:1px solid #f6e7c5;border-left:4px solid #eeb342;padding:14px 16px;border-radius:14px;color:#19232b}.app-site .mx-price>span{color:#52657e}.mx-operation .mx-price{margin:16px 0}.app-site .mx-tabs a[aria-current=page]{background:#19232b;border-color:#19232b}.app-site .mx-bottom a[aria-current=page]{background:transparent;color:#19232b}.app-site .mx-bottom a[aria-current=page] svg{stroke-width:2.4}.app-site .mx-bottom{box-shadow:0 -5px 24px #19232b07}.app-site .mx-profile-layout .mx-bell{display:none}.mx-welcome>.mx-bell{display:none}
@media(max-width:991px){.app-site .mx-app-header{border-radius:0 0 24px 10px}.mx-app-header>.container-xxl{min-height:70px;padding:10px 18px}.mx-app-header .brand-wordmark{width:172px;max-width:172px!important;height:38px}.mx-header-actions{gap:4px}.mx-header-avatar,.mx-header-bell,.mx-settings-toggle{width:40px;height:40px}.mx-header-bell{border:0;background:transparent}.mx-settings-toggle{width:34px;padding:6px}.app-site .environment-banner{font-size:9px;padding:7px 12px;line-height:1.4;background:transparent;color:var(--mx-muted)}.app-site .section{padding:24px 18px}.app-site .mx-space{padding-top:20px}.mx-welcome{margin-bottom:20px;gap:12px}.mx-welcome h1{font-size:25px;line-height:1.25;letter-spacing:-.7px;margin:6px 0 8px}.mx-welcome .mx-eyebrow{font-size:9px!important;letter-spacing:1.1px}.mx-welcome p{font-size:12px;line-height:1.6;margin-bottom:0}.mx-welcome>div{min-width:190px}.mx-welcome>.btn{font-size:12px;padding:10px 14px;border-radius:12px}.mx-home-summary{display:flex;flex-direction:column;gap:18px;margin-bottom:20px}.mx-home-summary .mx-person{padding:18px;border-radius:18px;gap:14px;background:linear-gradient(110deg,var(--mx-surface),var(--mx-soft))}.mx-home-summary .mx-person .mx-avatar{width:56px;height:56px;border-radius:50%;font-size:24px}.mx-home-summary .mx-person h2{font-size:18px;margin:4px 0 8px}.mx-home-summary .mx-person .mx-eyebrow{font-size:9px!important}.mx-home-summary .mx-person>.btn{display:none}.mx-home-summary .mx-person p{font-size:11px!important;margin-top:10px!important}.mx-home-summary .mx-status{font-size:10px;padding:5px 8px}.mx-home-summary .mx-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.mx-home-summary .mx-stat{padding:14px 8px;border-radius:15px;gap:9px;min-height:110px;box-shadow:0 5px 15px #19232b04}.mx-home-summary .mx-stat>span{font-size:10px;line-height:1.45;min-height:29px;overflow-wrap:anywhere}.mx-home-summary .mx-stat strong{font-size:25px}.mx-home-summary .mx-stat small{display:none}.mx-quick-grid{gap:12px}.mx-quick{padding:17px 16px;border-radius:16px;gap:12px}.mx-quick h2{font-size:14px;margin-bottom:5px}.mx-quick p{font-size:11px;line-height:1.6}.mx-quick .mx-icon{width:38px;height:38px;font-size:21px;border-radius:11px}.mx-notice{font-size:12px;padding:15px 16px;line-height:1.6}.mx-profile-page{margin-bottom:14px}.mx-profile-page .mx-person{padding-top:0}.mx-profile-links{border-radius:18px}.mx-profile-links .mx-quick{padding:16px}.mx-profile-editor>summary{font-size:13px}.mx-tabs a{font-size:11px;padding:10px 14px;min-height:42px}.mx-result-count{font-size:11px;margin:5px 0 14px}.mx-cards{gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.mx-operation{border-radius:18px}.mx-operation-body{padding:17px}.mx-operation h2{font-size:16px;margin:12px 0 5px}.mx-operation .mx-location{font-size:11px;margin-bottom:10px}.mx-operation .mx-dates{padding:10px 0;margin:10px 0}.mx-operation .mx-dates strong{font-size:12px}.mx-operation .mx-dates small{font-size:9px}.mx-operation p.small{font-size:11px!important}.mx-operation .mx-price strong{font-size:22px}.mx-operation .mx-property-art{height:95px}.mx-operation .mx-property-art>img{width:40px;height:40px;border-radius:12px}.mx-operation .mx-property-art small{font-size:9px}.mx-card-top .mx-status{padding:5px 8px;font-size:10px}.mx-operation-booking,.mx-operation-property{display:grid;grid-template-columns:74px minmax(0,1fr)}.mx-operation-booking>.mx-property-art,.mx-operation-property>.mx-property-art{height:100%;min-height:115px;padding:10px;text-align:center;gap:10px}.mx-operation-booking>.mx-property-art small,.mx-operation-property>.mx-property-art small{font-size:8px;line-height:1.6}.mx-operation-booking .mx-operation-body,.mx-operation-property .mx-operation-body{padding:14px}.mx-operation-booking h2,.mx-operation-property h2{font-size:15px;margin-top:10px}.mx-operation-booking .mx-price,.mx-operation-property .mx-price{padding:9px 10px;border-left-width:3px;margin:10px 0}.mx-operation-booking .mx-price strong,.mx-operation-property .mx-price strong{font-size:19px}.mx-operation .mx-ref{font-size:9px}.mx-operation-booking .mx-dates strong{font-size:11px}.mx-operation-booking .btn,.mx-operation-property .btn{font-size:11px}.mx-trip-detail{border-radius:20px}.mx-trip-detail>.mx-property-art{height:135px}.mx-detail-grid dt{font-size:10px}.mx-detail-grid dd{font-size:13px}.mx-property-detail>h1{font-size:24px;line-height:1.3}.mx-property-detail .mx-card{border-radius:20px}.app-site .stay-hero{background:transparent;padding:14px 6px 20px}.app-site .stay-hero h1{font-size:27px;line-height:1.2}.app-site .stay-hero .mx-eyebrow{font-size:9px!important}.app-site .stay-search-wrap{margin-top:0;padding-inline:18px}.app-site .stay-form{padding:17px;border-radius:20px;box-shadow:0 7px 25px #19232b05}.app-site .stay-field{background:var(--mx-soft);border-color:transparent;border-radius:12px}.app-site .stay-budget{background:#fff4da;border-color:#f4e3bb;border-left:4px solid #eeb342}.app-site .stay-budget input{color:#19232b}.app-site .stay-actions .btn{border-radius:13px;box-shadow:0 5px 12px #19232b18}.app-site .grid-props{gap:14px}.app-site .grid-props .prop{border-radius:18px;overflow:hidden}.app-site .tiles{gap:10px}.app-site .tile{border-radius:15px}.app-site .section-title{font-size:20px}.app-site .site-footer{margin-top:20px}.mx-response-dialog{align-self:end;margin:auto auto 0;width:100%;max-width:520px;border-radius:24px 24px 0 0;padding:24px 20px calc(24px + env(safe-area-inset-bottom))}.mx-response-dialog[open]{animation:mx-sheet .2s ease-out}.mx-response-dialog::before{content:'';display:block;width:40px;height:4px;border-radius:4px;background:var(--mx-border);margin:-12px auto 20px}.mx-bottom{padding:8px 6px calc(8px + env(safe-area-inset-bottom))}.mx-bottom a{font-size:9px!important;gap:5px;min-height:48px}.mx-bottom svg{width:21px;height:21px}}
@media(max-width:600px){.mx-cards{grid-template-columns:1fr}.app-site .grid-props{grid-template-columns:1fr}.mx-operation-offer{display:block}.mx-operation-offer>.mx-property-art{display:none}.app-site .grid-props .prop{display:grid;grid-template-columns:92px minmax(0,1fr)}.app-site .grid-props .property-placeholder{height:100%;min-height:180px;padding:12px;gap:12px;text-align:center}.app-site .grid-props .property-placeholder img{width:48px;height:48px}.app-site .grid-props .property-placeholder span{font-size:9px}.app-site .grid-props .prop .body{padding:16px}.app-site .grid-props .prop h3{font-size:16px;line-height:1.4}.app-site .grid-props .prop .price{font-size:21px}.app-site .grid-props .prop .small{font-size:11px!important}.app-site .grid-props .prop .btn{min-height:44px;font-size:11px}.app-site .mx-property-detail .row{--bs-gutter-y:16px}}
@media(max-width:374px){.mx-app-header>.container-xxl{padding-inline:14px}.mx-app-header .brand-wordmark{width:148px;max-width:148px!important}.mx-header-actions{gap:1px}.mx-home-summary .mx-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.mx-home-summary .mx-stat{min-height:90px}.mx-home-summary .mx-stat>span{min-height:0}.mx-operation-booking,.mx-operation-property{grid-template-columns:58px minmax(0,1fr)}}
@keyframes mx-sheet{from{transform:translateY(30px);opacity:.4}to{transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){.mx-response-dialog[open]{animation:none}}
[data-bs-theme=dark] .app-site .mx-price,[data-bs-theme=dark] .app-site .stay-budget{background:#3a321e;border-color:#685632;color:#ffe7ae}[data-bs-theme=dark] .app-site .mx-price>span{color:#ddcda8}[data-bs-theme=dark] .app-site .stay-budget input{color:#ffe7ae}[data-bs-theme=dark] .mx-response-choice[data-choice=rechazada]{background:#3f2331;color:#ffc1ca;border-color:#754050}
.stay-occupancy{position:relative;min-width:0}.stay-occupancy>summary{list-style:none;display:flex;align-items:center;gap:10px;min-height:100%;border:1px solid var(--mx-border);border-radius:15px;background:var(--mx-surface);padding:14px;cursor:pointer}.stay-occupancy>summary::-webkit-details-marker{display:none}.stay-occupancy>summary>svg{width:23px;height:23px;flex-shrink:0;color:#19232b}.stay-occupancy>summary>span:first-of-type{flex:1;min-width:0}.stay-occupancy summary small{font-size:10px;font-weight:650;color:var(--mx-muted);display:block;margin-bottom:7px}.stay-occupancy summary strong{font-size:12px;line-height:1.6;display:block}.stay-occupancy-panel{padding:18px;background:var(--mx-surface);border:1px solid var(--mx-border);border-radius:18px;box-shadow:0 14px 40px #19232b1a;position:absolute;top:calc(100% + 8px);right:0;width:340px;max-width:calc(100vw - 72px);z-index:20}.stay-occupancy-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px;font-size:13px}.stay-occupancy-row .stay-stepper{gap:8px}.stay-occupancy-row .stay-stepper input{width:40px}.stay-occupancy-check{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:48px;border-top:1px solid var(--mx-border);font-size:13px;cursor:pointer}.stay-occupancy-check input{width:22px;height:22px;accent-color:#19232b}.stay-occupancy-panel>p{font-size:10px;color:var(--mx-muted);line-height:1.7;margin:10px 0 0}.mx-occupancy-summary{padding:13px 14px;background:var(--mx-soft);border-radius:13px;margin:12px 0;font-size:11px;line-height:1.7}.mx-occupancy-summary>strong{display:block;font-size:10px;color:var(--mx-muted);margin-bottom:4px}.mx-occupancy-summary p{margin:0}.mx-occupancy-summary>span{display:inline-block;background:#e4f5f0;color:#16624d;padding:3px 8px;border-radius:7px;margin:7px 5px 0 0;font-size:10px}.stay-occupancy:not([open])>.stay-occupancy-panel{display:none}
@media(max-width:1100px){.stay-occupancy{grid-column:2}.stay-offer .stay-occupancy{grid-column:1}}
@media(max-width:767px){.stay-occupancy{grid-column:1}.stay-occupancy>summary{background:var(--mx-soft);border-color:transparent;min-height:76px;border-radius:12px}.stay-occupancy-panel{position:static;width:100%;max-width:none;box-shadow:none;margin-top:8px;padding:16px}.stay-occupancy-row .stay-stepper button{width:40px;height:40px}.stay-occupancy-check input{min-height:22px!important}.stay-occupancy summary strong{font-size:12px}.stay-occupancy summary small{font-size:10px}}
/* Reset the legacy fixed-header spacing for the native mobile shell. */
.app-site{padding-top:0}.app-site .mx-app-header{height:auto;inset:auto}.mx-app-header .brand-wordmark{mix-blend-mode:lighten;filter:contrast(1.35)}.mx-app-header .bkk-desknav a{color:#e5efff}.app-site .mx-bottom{left:0;right:0;bottom:0;border-radius:18px 18px 0 0;border-inline:0;border-bottom:0}.app-site .platform-footer{padding-bottom:95px}
@media(min-width:992px){.app-site .platform-footer{padding-bottom:28px}}
@media(min-width:375px) and (max-width:600px){.mx-home-summary .mx-stat>span{font-size:9px;overflow-wrap:normal}.mx-home-summary .mx-stat{padding-inline:7px}}


/* Source: public/assets/compact-search.css */

/* One search row, with the traveler's proposed price as the primary differentiator. */
.app-site .stay-form{padding:0;border:0;background:transparent;box-shadow:none;border-radius:0}.app-site .stay-main-grid{display:grid;grid-template-columns:minmax(180px,1.3fr) minmax(260px,1.5fr) minmax(210px,1.3fr) minmax(130px,.8fr) auto;gap:0;background:var(--mx-surface);border:2px solid #bfd6fa;border-radius:16px;box-shadow:0 6px 22px #19232b0c;position:relative;align-items:stretch}.app-site .stay-main-grid .stay-field{border:0;background:transparent;border-radius:0;padding:16px;min-width:0}.app-site .stay-destination{grid-column:auto}.app-site .stay-date-pair{grid-column:auto;gap:0;border-left:1px solid var(--mx-border)}.app-site .stay-date-pair .stay-field{padding-inline:12px}.app-site .stay-date-pair .stay-field+div{border-left:1px solid var(--mx-border)}.app-site .stay-occupancy{grid-column:auto;border-left:1px solid var(--mx-border)}.app-site .stay-occupancy>summary{padding:14px 12px;border:0;background:transparent;border-radius:0;height:100%}.app-site .stay-occupancy summary strong{font-size:11px}.app-site .stay-budget-inline{padding:12px 14px;margin:0;border:0;border-left:1px solid #f0dcac;border-radius:0;background:#fff5df;min-width:0;display:flex;flex-direction:column;justify-content:center}.app-site .stay-budget-inline>label{font-size:11px;margin:0 0 6px;text-transform:none;letter-spacing:0;font-weight:750}.app-site .stay-budget-inline>div{gap:6px}.app-site .stay-budget-inline input{font-size:22px;max-width:120px;padding:0;min-height:28px}.app-site .stay-budget-inline>div>span{font-size:10px}.stay-budget-inline>small{font-size:9px;margin-top:3px;color:#645735}.app-site .stay-actions{padding:6px;margin:0;display:flex;justify-content:stretch;max-width:165px}.app-site .stay-actions>.btn{min-height:64px;font-size:12px;border-radius:10px;min-width:110px;padding:10px 14px;line-height:1.6}.stay-below-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0;order:1;font-size:12px}.stay-work{display:flex;align-items:center;gap:9px;cursor:pointer;min-height:36px;flex-shrink:0}.stay-work input{width:19px;height:19px;accent-color:#19232b}.stay-below-bar output{font-size:12px;color:var(--mx-muted);text-align:right}.stay-form .stay-options{order:3!important;margin:0!important}.stay-form .stay-duration{order:2!important;margin:0 0 5px;min-height:0}.stay-form .stay-trust{order:4!important}.stay-form .stay-error{order:2!important}.stay-offer .stay-main-grid{grid-template-columns:1fr 1fr}.stay-offer .stay-destination,.stay-offer .stay-date-pair{grid-column:1/-1}.stay-offer .stay-date-pair{border-top:1px solid var(--mx-border);border-left:0}.stay-offer .stay-occupancy{border-top:1px solid var(--mx-border);border-left:0}.stay-offer .stay-budget-inline{border-top:1px solid #f0dcac}.stay-offer .stay-actions{grid-column:1/-1;max-width:none;border-top:1px solid var(--mx-border)}.stay-offer .stay-actions>.btn{min-height:48px}.stay-offer .stay-below-bar{margin-bottom:20px}.mx-currency-shortcut{border:0;background:#ffffff17;color:white;border-radius:11px;min-height:40px;padding:8px 10px;font-size:11px;font-weight:700}.mx-settings-menu{width:320px;max-height:calc(100dvh - 110px);overflow-y:auto}.mx-region-settings{border-bottom:1px solid var(--mx-border);padding-bottom:14px;margin-bottom:16px}.mx-region-settings h2{font-size:15px;font-weight:750;margin:0 0 15px}.mx-region-settings>label{font-size:11px;display:block;margin:12px 0 7px;font-weight:650}.mx-region-settings .form-select{font-size:13px;min-height:44px}.mx-region-settings>p{font-size:10px;line-height:1.7;color:var(--mx-muted);margin:12px 0 0}.mx-region-settings .stay-exchange-note{font-size:9px}.stay-internal-context[hidden]{display:none!important}
@media(max-width:1199px) and (min-width:768px){.app-site .stay-main-grid{grid-template-columns:1fr 1.4fr}.app-site .stay-occupancy{border-left:0;border-top:1px solid var(--mx-border)}.app-site .stay-budget-inline{border-top:1px solid #f0dcac}.app-site .stay-actions{grid-column:1/-1;max-width:none;border-top:1px solid var(--mx-border)}.app-site .stay-actions>.btn{min-height:48px}.stay-offer .stay-destination,.stay-offer .stay-date-pair{grid-column:1/-1}}
@media(max-width:767px){.app-site .stay-main-grid{grid-template-columns:1fr;border-radius:16px;box-shadow:0 4px 20px #19232b08}.app-site .stay-destination{grid-column:1}.app-site .stay-date-pair{grid-column:1;border-top:1px solid var(--mx-border);border-left:0}.app-site .stay-date-pair .stay-field{padding:13px}.app-site .stay-occupancy{grid-column:1;border-left:0;border-top:1px solid var(--mx-border)}.app-site .stay-occupancy>summary{min-height:74px;padding:14px}.app-site .stay-occupancy summary strong{font-size:12px}.app-site .stay-occupancy-panel{margin:0;border:0;border-top:1px solid var(--mx-border);border-radius:0;max-width:none}.app-site .stay-budget-inline{grid-column:1;border-left:0;border-top:1px solid #f0dcac;padding:15px 18px;display:grid;grid-template-columns:1fr auto;gap:6px}.app-site .stay-budget-inline>label{align-self:center;margin:0;font-size:14px}.app-site .stay-budget-inline>div{grid-column:2;grid-row:1/3}.app-site .stay-budget-inline>small{grid-column:1;font-size:10px}.app-site .stay-budget-inline input{font-size:28px;width:130px;max-width:130px}.app-site .stay-actions{grid-column:1;max-width:none;padding:8px;border-top:1px solid var(--mx-border)}.app-site .stay-actions>.btn{min-height:48px;box-shadow:none}.stay-below-bar{align-items:flex-start}.stay-below-bar output{font-size:10px;line-height:1.7}.mx-app-header>.container-xxl{padding-inline:14px}.mx-app-header .brand-wordmark{width:148px;max-width:148px!important}.mx-header-actions{gap:1px}.mx-currency-shortcut{padding:7px;min-height:36px;font-size:10px}.mx-settings-menu{max-width:calc(100vw - 24px)}.app-site .stay-trust{font-size:10px}.app-site .stay-main-grid input[type=checkbox]{min-height:19px!important}}
[data-bs-theme=dark] .app-site .stay-main-grid{border-color:#31527b}[data-bs-theme=dark] .app-site .stay-budget-inline{background:#3a321e;border-color:#685632;color:#ffe7ae}[data-bs-theme=dark] .stay-budget-inline>small{color:#dcc7a2}
.stay-map-button{align-self:flex-start;min-height:40px;padding:8px 0;border:0;background:transparent;color:#19232b;font-size:12px;font-weight:650;order:2}.stay-map-button:disabled{color:var(--mx-muted);opacity:.7}.stay-map-context{font-size:10px;color:var(--mx-muted);margin:0 0 8px;line-height:1.7;order:2}.stay-map-dialog{width:calc(100% - 32px);max-width:1000px;border:0;border-radius:24px;padding:24px;background:var(--mx-surface);color:var(--text);max-height:94dvh;overflow:auto}.stay-map-dialog::backdrop{background:#19232b99;backdrop-filter:blur(3px)}.stay-map-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.stay-map-dialog header h2{font-size:23px;font-weight:750;margin:0 0 8px}.stay-map-dialog header p{font-size:12px;color:var(--mx-muted);max-width:700px}.stay-map-dialog header>button{width:44px;height:44px;flex-shrink:0;border:0;background:var(--mx-soft);border-radius:50%;color:var(--text);font-size:25px}.stay-map-canvas{height:50dvh;min-height:280px;background:var(--mx-soft);border-radius:16px;overflow:hidden}.stay-map-dialog footer{display:flex;gap:12px;justify-content:space-between}.stay-map-dialog footer>.btn{min-height:46px;font-size:13px}.geo-suggestions{position:absolute;top:100%;left:0;right:0;z-index:25;background:var(--mx-surface);color:var(--text);border:1px solid var(--mx-border);box-shadow:0 12px 32px #19232b22;border-radius:14px;overflow:hidden;min-width:260px}.geo-suggestions[hidden]{display:none}.stay-destination{position:relative}.geo-suggestions button{display:block;background:transparent;border:0;border-bottom:1px solid var(--mx-border);width:100%;padding:14px;text-align:left;color:inherit;font-size:12px;line-height:1.6;min-height:44px}.geo-suggestions button:hover,.geo-suggestions button:focus{background:var(--mx-soft)}.geo-suggestions small{display:block;padding:10px 14px;font-size:11px;color:var(--mx-muted);text-align:right}.geo-host-fields{background:var(--mx-soft);border:1px solid var(--mx-border);padding:18px;border-radius:16px}.google-login-button{min-height:48px;display:flex;justify-content:center;align-items:center;gap:12px;font-size:14px;font-weight:600}.google-login-button>span{font-size:22px;font-weight:750;color:#4285f4}.google-separator{font-size:11px;display:flex;align-items:center;gap:12px;color:var(--mx-muted);margin:20px 0}.google-separator:before,.google-separator:after{content:'';height:1px;background:var(--mx-border);flex:1}
@media(max-width:767px){.stay-map-dialog{width:100%;height:100dvh;max-height:none;max-width:none;margin:0;border-radius:0;padding:20px 16px calc(20px + env(safe-area-inset-bottom))}.stay-map-dialog header h2{font-size:20px}.stay-map-canvas{height:52dvh}.stay-map-dialog footer{flex-direction:column}.geo-suggestions{min-width:0}.google-login-button{font-size:13px}.stay-map-dialog footer>.btn{width:100%}}
.geo-suggestions .GMP-attribution{font-family:Arial,sans-serif;font-style:normal;font-weight:400;font-size:12px;letter-spacing:normal;white-space:nowrap;color:#5e5e5e;background:white}
.app-site .stay-main-grid .stay-field{padding:12px 14px}.app-site .stay-main-grid .stay-field>label{margin-bottom:5px}.app-site .stay-budget-inline{padding:10px 14px}.app-site .stay-budget-inline>label{line-height:1.2;margin-bottom:4px}.app-site .stay-budget-inline input{line-height:1.15}.app-site .stay-budget-inline>small{line-height:1.1;margin-top:2px}.app-site .swal2-container{z-index:3000}.chat-compose textarea:focus{border-color:#19232b;outline:2px solid #a7c9ff;outline-offset:1px}
@media(max-width:767px){.app-site .stay-budget-inline{padding:15px 18px}.app-site .stay-budget-inline>label{margin-bottom:0}}


/* Source: public/assets/landing.css */

/* Landing: scoped to the public home; product flows keep their existing layout. */
.landing-site{--lp-ink:#19232b;--lp-muted:#60728b;--lp-line:#dfe7f1;--lp-soft:#f4f7fb;background:#fff;color:var(--lp-ink)}.landing-site .mx-app-header{background:#19232b!important;border-radius:0!important;box-shadow:none}.landing-site .mx-app-header>.container-xxl{min-height:88px}.landing-site .bkk-main{padding-top:0}.landing-site svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.landing-site a:focus-visible,.landing-site summary:focus-visible{outline:3px solid #00bfae;outline-offset:5px}.landing-hero{background:radial-gradient(ellipse at 15% 25%,#e8f1ff,transparent 58%),#f6f8fc;position:relative;padding:76px 0 106px;overflow:hidden}.landing-hero-grid{display:grid;grid-template-columns:1.02fr 1fr;align-items:center;gap:65px}.landing-eyebrow{font-size:11px;font-weight:750;letter-spacing:1.8px;color:#19232b;margin:0 0 20px;text-transform:uppercase;line-height:1.7}.landing-eyebrow>span{display:inline-block;width:7px;height:7px;background:#00a99b;border-radius:50%;margin-right:9px;vertical-align:2px}.landing-hero h1{font-size:clamp(48px,5.2vw,76px);font-weight:750;line-height:1.08;letter-spacing:-3px;color:var(--lp-ink);margin:0 0 24px}.landing-hero h1>span{color:#19232b}.landing-lead{max-width:480px;font-size:17px;line-height:1.9;color:#526783;margin:0 0 30px}.landing-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.landing-primary{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:#19232b;border:1px solid #19232b;color:white!important;border-radius:13px;min-height:54px;padding:15px 22px;font-size:14px;font-weight:700;text-decoration:none;box-shadow:0 8px 22px #19232b23;transition:background .2s,transform .2s}.landing-primary:hover{background:#163858;transform:translateY(-2px)}.landing-primary svg{width:21px;height:21px;flex:0 0 21px}.landing-secondary{display:inline-flex;align-items:center;gap:13px;color:var(--lp-ink);font-size:13px;font-weight:650;text-decoration:none;min-height:46px}.landing-hero-points{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px;font-size:11px;color:#526783}.landing-hero-points>span{display:flex;align-items:center;gap:7px}.landing-hero-points svg{width:17px;height:17px;color:#009c8e}.landing-visual{position:relative;padding:0 0 38px 10px;animation:lp-enter .7s both}.landing-visual-frame{position:relative;border-radius:26px 26px 90px 26px;height:420px;overflow:hidden;background:#dae4ef;box-shadow:0 20px 50px #12366513}.landing-main-photo{width:100%;height:100%;object-fit:cover;display:block}.landing-photo-caption{position:absolute;inset:auto 0 0;padding:60px 28px 55px;background:linear-gradient(transparent,#081c37bb);color:white;display:flex;align-items:center;gap:15px;flex-wrap:wrap;font-size:13px}.landing-photo-caption>span{display:flex;align-items:center;gap:7px}.landing-photo-caption svg{width:17px;height:17px}.landing-photo-caption small{font-size:10px;padding:5px 9px;border:1px solid #ffffff88;border-radius:6px}.landing-offer-preview{position:absolute;bottom:0;left:-20px;right:34px;border:1px solid #e4eaf2;border-radius:18px;background:white;padding:22px;display:flex;gap:16px;align-items:center;box-shadow:0 18px 45px #102d4c12}.landing-preview-icon{width:46px;height:46px;flex:0 0 46px;background:#e7f9f6;color:#009c8e;display:grid;place-items:center;border-radius:13px}.landing-preview-icon svg{width:25px;height:25px}.landing-offer-preview strong,.landing-offer-preview small{display:block}.landing-offer-preview strong{font-size:15px;margin:5px 0 7px}.landing-offer-preview small{font-size:11px;color:#60728b}.landing-offer-preview>div>span{font-size:8px;letter-spacing:1.5px;font-weight:700;color:#60728b}.landing-preview-arrow{margin-left:auto;color:#19232b;font-size:24px}.landing-visual-index{position:absolute;right:-20px;top:40px;writing-mode:vertical-rl;letter-spacing:3px;font-size:9px;color:#6e829a}.landing-search{position:relative;margin-top:-45px;z-index:5;padding:28px 30px 18px;border:1px solid #e0e8f2;border-radius:20px;background:var(--lp-surface,#fff);box-shadow:0 12px 36px #1539570b;scroll-margin-top:20px}.landing-search-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.landing-search-heading h2{font-size:19px;font-weight:700;margin:0;letter-spacing:-.4px}.landing-search-heading>span{font-size:12px;color:var(--lp-muted)}.landing-search .stay-form{padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important}.landing-search .stay-main-grid{border:1px solid #d7e2ef!important;border-radius:12px!important;box-shadow:none!important}.landing-search .stay-budget-inline{background:#eaf7f6!important;border-color:#bddfdc!important}.landing-search .stay-budget-inline input{color:#006c65}.landing-search .stay-trust{font-size:11px}.landing-section{padding-top:80px;padding-bottom:80px}.landing-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:32px}.landing-section h2,.landing-final h2{font-size:clamp(27px,3vw,38px);line-height:1.25;font-weight:750;letter-spacing:-1.2px;margin:0}.landing-section-heading>p{font-size:13px;line-height:1.9;color:var(--lp-muted);max-width:340px;margin:0}.landing-section-heading .landing-eyebrow{margin-bottom:12px}.landing-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.landing-process article{position:relative;border:1px solid var(--lp-line);border-radius:18px;padding:28px 24px}.landing-step-number{position:absolute;top:26px;right:22px;font-size:12px;letter-spacing:1px;color:#8ca0b9}.landing-process article>svg{width:30px;height:30px;color:#19232b;margin-bottom:28px}.landing-process h3{font-size:16px;line-height:1.5;font-weight:700;margin:0 0 12px}.landing-process p{font-size:12px;line-height:1.9;margin:0;color:var(--lp-muted)}.landing-stays{background:var(--lp-soft)}.landing-text-link{display:inline-flex;gap:18px;align-items:center;min-height:44px;font-size:13px;font-weight:650;white-space:nowrap;text-decoration:none}.landing-property-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.landing-site .landing-property-grid .prop{border:1px solid var(--lp-line);border-radius:20px;overflow:hidden;box-shadow:none;transition:transform .2s,box-shadow .2s;background:var(--lp-surface,#fff)}.landing-property-grid .prop:hover{transform:translateY(-4px);box-shadow:0 15px 30px #1134580d}.landing-property-grid .property-cover{height:220px;width:100%;object-fit:cover}.landing-property-grid .prop>.body{padding:24px}.landing-property-grid .property-name{font-size:18px;text-decoration:none;line-height:1.45;color:var(--lp-ink)}.landing-property-grid .price{margin:18px 0;font-size:24px;font-weight:750;letter-spacing:-.5px}.landing-property-grid .price small{font-size:12px;letter-spacing:0;font-weight:400;color:var(--lp-muted)}.landing-property-grid .body>.btn{min-height:42px;font-size:12px;border-radius:10px}.landing-inventory-note{font-size:11px;line-height:1.8;color:var(--lp-muted);margin:24px 0 0}.landing-host{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.landing-host-visual{position:relative;height:340px;border-radius:26px;background:radial-gradient(circle at 70% 70%,#19232b55,transparent 65%),#19232b;overflow:hidden;display:grid;place-items:center}.landing-host-visual>img{width:270px;max-width:80%;z-index:1;position:relative}.landing-host-orbit{position:absolute;border:1px solid #ffffff16;border-radius:50%;width:330px;height:330px;right:-100px;bottom:-100px;box-shadow:0 0 0 40px #ffffff04,0 0 0 80px #ffffff03}.landing-host-feature{position:absolute;bottom:34px;left:28px;right:28px;display:flex;align-items:center;gap:12px;color:#c9e5ff;font-size:11px}.landing-host-feature svg{width:21px;height:21px;color:#00d1c1}.landing-host-copy>p:not(.landing-eyebrow){font-size:14px;color:var(--lp-muted);line-height:1.9;margin:22px 0 26px}.landing-host-copy>small{display:block;color:var(--lp-muted);font-size:11px;margin-top:18px}.landing-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;padding-top:14px}.landing-faq>div>p:not(.landing-eyebrow){font-size:14px;color:var(--lp-muted);line-height:1.8;margin-top:20px}.landing-faq-list details{border-bottom:1px solid var(--lp-line)}.landing-faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:14px;font-weight:650;line-height:1.65}.landing-faq-list summary::-webkit-details-marker{display:none}.landing-faq-list summary>span{font-size:23px;font-weight:400;color:#19232b;flex-shrink:0}.landing-faq-list details[open] summary>span{transform:rotate(45deg)}.landing-faq-list details>p{font-size:13px;line-height:1.9;color:var(--lp-muted);margin:0;padding:0 38px 24px 0}.landing-final{margin-bottom:70px;border-radius:24px;padding:40px 46px;background:#edf5ff;display:flex;align-items:center;justify-content:space-between;gap:40px}.landing-final h2{font-size:29px;max-width:570px}.landing-final .landing-eyebrow{margin-bottom:12px}.landing-final p:last-child{font-size:13px;color:var(--lp-muted);margin:15px 0 0}.landing-final>.landing-primary{flex-shrink:0}.landing-site .platform-footer{border-top:1px solid var(--lp-line);padding-block:35px;background:var(--lp-surface,#fff)}.landing-site .footer-main nav a{font-size:12px}.landing-site .footer-bottom{font-size:11px}.landing-hero-copy{animation:lp-enter .6s both}@keyframes lp-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
[data-bs-theme=dark] .landing-site{--lp-ink:#e5efff;--lp-muted:#a7bbd4;--lp-line:#29415c;--lp-soft:#0c243c;--lp-surface:#102b45;background:#0a1e33}[data-bs-theme=dark] .landing-hero{background:radial-gradient(ellipse at 15% 25%,#183859,transparent 58%),#0b223a}[data-bs-theme=dark] .landing-lead,[data-bs-theme=dark] .landing-hero-points{color:#b4c9e2}[data-bs-theme=dark] .landing-offer-preview{background:#14314c;border-color:#38536e}[data-bs-theme=dark] .landing-offer-preview small,[data-bs-theme=dark] .landing-offer-preview>div>span{color:#b2c6dd}[data-bs-theme=dark] .landing-search .stay-budget-inline{background:#133f44!important;border-color:#2c6469!important}[data-bs-theme=dark] .landing-search .stay-budget-inline input{color:#7de3d7}[data-bs-theme=dark] .landing-final{background:#133454}[data-bs-theme=dark] .landing-site .platform-footer .footer-main img{background:#fff;border-radius:8px;padding:6px}
@media(min-width:1400px){.landing-search{max-width:1272px}.landing-hero-grid,.landing-section,.landing-final{max-width:1272px}}
@media(max-width:1199px){.landing-hero-grid{gap:38px}.landing-hero{padding-top:58px}.landing-search{width:calc(100% - 40px)}.landing-section,.landing-hero-grid,.landing-final{padding-inline:30px}.landing-visual-index{right:-10px}.landing-visual-frame{height:380px}.landing-offer-preview{left:-12px;right:14px;padding:18px}.landing-host{gap:40px}.landing-faq{gap:50px}.landing-process article{padding:24px 20px}.landing-property-grid{gap:16px}.landing-property-grid .prop>.body{padding:20px}}
@media(max-width:991px){.landing-site .mx-app-header>.container-xxl{min-height:72px}.landing-hero-grid{gap:25px;grid-template-columns:1.05fr 1fr}.landing-hero h1{font-size:53px}.landing-lead{font-size:14px;line-height:1.85}.landing-hero .landing-actions{gap:10px}.landing-hero .landing-primary{font-size:12px;padding:14px 16px}.landing-secondary{font-size:11px}.landing-hero-points{gap:12px;font-size:10px;margin-top:20px}.landing-visual-frame{height:350px}.landing-offer-preview{padding:15px;gap:10px;left:0;right:0}.landing-offer-preview strong{font-size:12px}.landing-offer-preview small{font-size:10px}.landing-offer-preview>div>span{font-size:7px;letter-spacing:.7px}.landing-preview-icon{width:36px;height:36px;flex-basis:36px}.landing-photo-caption{padding:45px 20px 55px}.landing-section{padding-block:60px}.landing-process{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-property-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-host{gap:30px}.landing-host-visual{height:320px}.landing-faq{grid-template-columns:1fr;gap:15px;padding-top:0}.landing-final{margin-inline:25px;width:auto;padding:30px;gap:25px}.landing-final h2{font-size:25px}.landing-section-heading{gap:25px}.landing-section-heading>p{max-width:260px;font-size:12px}}
@media(max-width:700px){.landing-hero{padding:36px 0 70px}.landing-hero-grid{grid-template-columns:1fr;padding-inline:22px;gap:34px}.landing-hero h1{font-size:54px;letter-spacing:-2.8px;line-height:1.07;margin-bottom:18px}.landing-eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:16px}.landing-lead{font-size:14px;max-width:400px;margin-bottom:22px}.landing-hero .landing-primary{font-size:13px;padding:14px 18px}.landing-secondary{font-size:12px}.landing-hero .landing-actions{gap:20px}.landing-hero-points{font-size:10px;gap:14px;margin-top:22px}.landing-visual{padding:0 0 38px}.landing-visual-frame{height:265px;border-radius:20px 20px 65px 20px}.landing-visual-index{display:none}.landing-offer-preview{left:12px;right:12px;bottom:0;padding:16px;border-radius:15px}.landing-offer-preview strong{font-size:13px}.landing-offer-preview small{font-size:10px}.landing-preview-icon{width:38px;height:38px;flex-basis:38px}.landing-search{width:calc(100% - 32px);padding:22px 18px 12px;margin-top:-28px;border-radius:18px}.landing-search-heading{display:block;margin-bottom:18px}.landing-search-heading h2{font-size:18px;line-height:1.5;margin-bottom:8px}.landing-search-heading>span{font-size:11px;line-height:1.6;display:block}.landing-site .landing-search .stay-main-grid{gap:0!important}.landing-section{padding:48px 20px}.landing-section-heading{display:block;margin-bottom:26px}.landing-section h2{font-size:28px;letter-spacing:-1px}.landing-section-heading>p{margin-top:16px;max-width:100%;font-size:13px}.landing-process{gap:12px}.landing-process article{padding:22px 16px}.landing-process h3{font-size:14px}.landing-process p{font-size:11px;line-height:1.85}.landing-process article>svg{width:25px;height:25px;margin-bottom:24px}.landing-step-number{top:22px;right:15px;font-size:10px}.landing-property-grid{grid-template-columns:1fr;gap:20px}.landing-property-grid .prop:last-child{display:block}.landing-property-grid .property-cover{height:225px}.landing-property-grid .prop>.body{padding:22px}.landing-text-link{margin-top:12px}.landing-host{grid-template-columns:1fr;gap:28px}.landing-host-visual{height:240px}.landing-host-feature{bottom:28px;left:24px;font-size:10px}.landing-host-copy>p:not(.landing-eyebrow){font-size:13px}.landing-host-copy>small{font-size:10px}.landing-faq{gap:8px;padding-top:0}.landing-faq-list summary{font-size:13px;padding:20px 0}.landing-faq-list details>p{font-size:12px;padding-right:15px}.landing-final{display:block;margin:0 16px 44px;padding:28px 24px;border-radius:20px}.landing-final h2{font-size:26px;line-height:1.35}.landing-final .landing-primary{margin-top:22px;width:100%}.landing-final p:last-child{font-size:12px;line-height:1.8}.landing-site .platform-footer{padding:30px 20px 115px}.landing-site .footer-main{gap:25px}.landing-site .footer-main nav{gap:16px}.landing-site .footer-bottom{gap:12px;line-height:1.7;font-size:10px}}
@media(prefers-reduced-motion:reduce){.landing-hero-copy,.landing-visual{animation:none}.landing-primary,.landing-property-grid .prop{transition:none}.landing-primary:hover,.landing-property-grid .prop:hover{transform:none}}

.landing-site .landing-property-grid .prop{display:block!important}.landing-photo-caption{inset:0;align-items:flex-end}.landing-photo-caption small{position:absolute;top:18px;right:18px;background:#19232bd9;color:white;border-color:#ffffff55}.landing-site .landing-search .stay-trust{margin-bottom:0}

/* Keep the booking form first in the DOM and on small screens. */
.landing-intro{display:flex;flex-direction:column}.landing-intro>.landing-hero{order:0}.landing-intro>.landing-search{order:1}
@media(max-width:991px){.landing-intro>.landing-search{order:0;margin-top:20px;margin-bottom:24px}.landing-intro>.landing-hero{order:1;padding-top:36px;padding-bottom:40px}}


/* Source: public/assets/property-gallery.css */

.property-cover{width:100%;height:220px;object-fit:cover}.hotel-gallery-grid{display:grid;grid-template-columns:2fr 1fr;gap:6px}.hotel-gallery-grid button{border:0;padding:0;background:#edf3fa;min-width:0;overflow:hidden}.hotel-gallery-grid button:first-child{grid-row:span 2}.hotel-gallery-grid img{width:100%;height:180px;object-fit:cover;display:block}.hotel-gallery-grid button:first-child img{height:366px}.hotel-lightbox{width:min(1100px,96vw);max-height:94svh;border:0;border-radius:20px;padding:20px;background:#19232b;color:white}.hotel-lightbox::backdrop{background:#061224df}.hotel-lightbox header{display:flex;align-items:center;justify-content:space-between}.hotel-lightbox button{border:1px solid #ffffff55;background:#ffffff18;color:white;min-width:44px;min-height:44px;border-radius:50%}.hotel-lightbox-image{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px}.hotel-lightbox-image img{width:100%;height:65svh;object-fit:contain}.hotel-lightbox>p{text-align:center;margin:16px 0}.gallery-manager{max-width:1400px}.gallery-manager-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.gallery-photo-card{border:1px solid #dce6f3;border-radius:16px;overflow:hidden;background:var(--surface,#fff)}.gallery-photo-card>img{display:block;width:100%;height:180px;object-fit:cover}.gallery-rooms-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.gallery-room-form{padding:20px;border:1px solid #dce6f3;border-radius:16px}.gallery-room-form label{display:block;font-size:14px;margin:8px 0}.hotel-gallery-grid button:focus-visible{outline:3px solid #19232b;outline-offset:-4px}.swal2-container{z-index:3000}@media(max-width:900px){.gallery-manager-grid,.gallery-rooms-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:575px){.gallery-manager-grid,.gallery-rooms-grid{grid-template-columns:1fr}.hotel-gallery-grid{grid-template-columns:1fr 1fr}.hotel-gallery-grid button:first-child{grid-column:span 2;grid-row:auto}.hotel-gallery-grid button:first-child img{height:250px}.hotel-gallery-grid img{height:110px}.hotel-lightbox{padding:12px}.hotel-lightbox-image{gap:4px;grid-template-columns:36px minmax(0,1fr) 36px}.hotel-lightbox-image img{height:55svh}.hotel-lightbox button{min-width:36px;min-height:40px}}

.hotel-gallery-grid:has(>button:only-child){grid-template-columns:1fr}.hotel-gallery-grid:has(>button:nth-child(2):last-child)>button{grid-row:auto}.hotel-gallery-grid:has(>button:nth-child(2):last-child)>button img{height:320px}@media(max-width:575px){.hotel-gallery-grid:has(>button:nth-child(2):last-child)>button:nth-child(2){grid-column:span 2}.hotel-gallery-grid:has(>button:nth-child(2):last-child)>button img{height:220px}}


/* Source: public/assets/hotel-presentation.css */

.hotel-presentation{overflow:hidden;border-bottom:1px solid var(--line,#e0e8f3);background:var(--surface,#fff)}.hotel-presentation-cover{position:relative;display:block;background:#e7eef9;overflow:hidden}.hotel-presentation-cover>img{display:block;width:100%;height:240px;object-fit:cover}.hotel-presentation-cover>.hotel-cover-empty{object-fit:contain;padding:55px}.hotel-presentation-label,.hotel-presentation-ai{position:absolute;padding:7px 12px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.02em}.hotel-presentation-label{top:16px;left:16px;background:#ffffffed;color:#19232b}.hotel-presentation-ai{bottom:14px;right:14px;background:#19232be8;color:#fff}.hotel-presentation-info{padding:24px}.hotel-presentation-title{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;margin-bottom:12px}.hotel-presentation-title>span{text-transform:uppercase;letter-spacing:.13em;font-weight:700;color:#19232b}.hotel-presentation-title>a{text-decoration:none;font-weight:600}.hotel-presentation-info h2{font-size:23px!important;line-height:1.3;margin-bottom:10px!important}.hotel-presentation-location{display:flex;align-items:center;gap:7px;font-size:14px;color:var(--text)}.hotel-presentation-location svg,.hotel-amenity-chips svg,.amenity-icon{width:18px;height:18px;flex:0 0 18px;vertical-align:middle}.hotel-presentation-description{font-size:14px;line-height:1.75;color:var(--mute);margin:14px 0}.hotel-presentation-info h3{font-size:13px;font-weight:700;margin:20px 0 12px}.hotel-amenity-chips{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:0}.hotel-amenity-chips li{display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:10px;background:#f0f5fd;color:#163552;font-size:12px}.hotel-service-note{font-size:12px!important;line-height:1.7;color:var(--mute);margin:16px 0 0}.hotel-ai-badge{display:inline-flex;padding:5px 9px;background:#e9f6fa;color:#0b5465;border-radius:8px;font-size:11px;margin-right:6px}.hotel-ai-notice{padding:13px 18px;margin:0;background:#eaf4ff;color:#164777;font-size:13px;line-height:1.7}.gallery-ai-option{display:flex;align-items:center;gap:10px;margin:12px 0 20px;font-size:14px}.amenities-editor{padding:22px 0;border:0}.amenities-editor legend{float:none;width:auto;font-size:19px;font-weight:700}.amenities-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.amenities-check-grid label{display:flex;align-items:center;gap:10px;border:1px solid var(--line,#dce5f2);border-radius:12px;padding:14px;cursor:pointer;font-size:13px}.amenities-check-grid input{width:18px;height:18px;accent-color:#19232b;flex:0 0 18px}.amenities-check-grid svg{width:22px;height:22px;flex:0 0 22px;color:#315579}.mx-operation-offer:has(.hotel-presentation){display:block}.mx-operation-offer:has(.hotel-presentation)>.mx-operation-body{padding:24px}.mx-operation-offer .mx-card-top{margin-bottom:18px}.amen>span{display:inline-flex;align-items:center;gap:5px}[data-bs-theme="dark"] .hotel-amenity-chips li{background:#173755;color:#dfedff}[data-bs-theme="dark"] .hotel-ai-notice{background:#153552;color:#e0efff}@media(max-width:700px){.amenities-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hotel-presentation-info,.mx-operation-offer:has(.hotel-presentation)>.mx-operation-body{padding:20px}.hotel-presentation-info h2{font-size:21px!important}}@media(max-width:380px){.amenities-check-grid{grid-template-columns:1fr}}

.mx-cards:has(.hotel-presentation){grid-template-columns:repeat(2,minmax(0,1fr))}.hotel-offer-price{padding:20px;background:linear-gradient(135deg,#edf4ff,#f6fcff);border:1px solid #dce8fa;border-radius:16px;margin:20px 0}.hotel-offer-price h3{font-size:13px;font-weight:700;margin:18px 0 4px}.hotel-offer-price .mx-price{margin:8px 0 10px}.hotel-offer-price .mx-price strong{font-size:30px}.hotel-your-price{font-size:12px;color:#47617e;margin:0}.hotel-offer-price>p:last-child{font-size:12px;margin:0;color:#31516f}.hotel-offer-wait{padding-top:16px;font-weight:600}[data-bs-theme="dark"] .hotel-offer-price{background:#122f4b;border-color:#315674}[data-bs-theme="dark"] .hotel-your-price,[data-bs-theme="dark"] .hotel-offer-price>p:last-child{color:#c8dff3}@media(max-width:760px){.mx-cards:has(.hotel-presentation){grid-template-columns:1fr}}


/* Source: public/assets/official-theme.css */

/* Official brand palette. Semantic success/warning/error colours retain their meaning. */
:root{--bkk-primary:#19232b;--bkk-primary-hover:#163858;--bkk-primary-soft:#edf2f7;--bs-primary:#19232b;--bs-primary-rgb:11,31,59;--bs-link-color:#19232b;--bs-link-hover-color:#315575;--bs-link-color-rgb:11,31,59;--bs-link-hover-color-rgb:49,85,117;--gold:#19232b;--gold-soft:#edf2f7;--ink-2:#163858;--brand:#19232b}
body ::selection{background:#c7d5e3;color:#19232b}.btn-primary,.btn-ink,.btn-gold,.stay-offer-button{--bs-btn-bg:#19232b;--bs-btn-border-color:#19232b;--bs-btn-hover-bg:#163858;--bs-btn-hover-border-color:#163858;--bs-btn-active-bg:#08182e;--bs-btn-active-border-color:#08182e;--bs-btn-focus-shadow-rgb:82,106,134;background:#19232b;border-color:#19232b;color:#fff}.btn-ink:hover,.btn-gold:hover,.stay-offer-button:hover{background:#163858;border-color:#163858;color:white}.btn-ink:focus-visible,.btn-primary:focus-visible,.btn-gold:focus-visible{outline:3px solid #91abc4;outline-offset:3px}.form-check-input:checked{background-color:#19232b;border-color:#19232b}.form-control:focus,.form-select:focus{border-color:#8ba2ba;box-shadow:0 0 0 .2rem #19232b18}.nav-pills{--bs-nav-pills-link-active-bg:#19232b}.page-link{--bs-pagination-color:#19232b;--bs-pagination-active-bg:#19232b;--bs-pagination-active-border-color:#19232b}.dropdown-item.active,.dropdown-item:active{background:#19232b;color:white}.swal2-styled.swal2-confirm{background:#19232b}.swal2-styled.swal2-confirm:hover{background:#163858}.swal2-styled.swal2-confirm:focus-visible{outline:3px solid #91abc4;outline-offset:3px}.app-site .mx-app-header{background:#19232b!important}.mx-settings-toggle circle{fill:#19232b}.app-site .mx-price{border-left-color:#526a86}.app-site .mx-tabs a[aria-current=page]{color:white}.app-site .mx-bottom a[aria-current=page]{color:#19232b}.app-site .mx-bottom a[aria-current=page] svg{stroke:#19232b}.mx-header-bell span{border-color:#19232b}.landing-hero h1>span{color:#526a86}.landing-primary{background:#19232b;border-color:#19232b;box-shadow:0 8px 22px #19232b20}.landing-primary:hover{background:#163858}.landing-eyebrow,.landing-text-link,.landing-process article>svg{color:#315575}.landing-search .stay-budget-inline{background:#edf2f7!important;border-color:#ccd7e3!important}.landing-search .stay-budget-inline input{color:#19232b}.landing-site .platform-footer .footer-main img{background:transparent!important;padding:0!important}.landing-host-visual>img{max-width:82%}.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{background:#19232b!important;border:1px solid #19232b!important;color:#fff!important}.admin-site .sidebar-brand>img{object-fit:contain}.app-site input[type=range]{accent-color:#19232b}.app-site input[type=checkbox]{accent-color:#19232b}
[data-bs-theme=dark]{--bs-link-color:#b6c9dd;--bs-link-hover-color:#e3edf7;--bs-link-color-rgb:182,201,221;--bs-link-hover-color-rgb:227,237,247}[data-bs-theme=dark] .landing-hero h1>span{color:#a9bfd5}[data-bs-theme=dark] .landing-eyebrow,[data-bs-theme=dark] .landing-text-link,[data-bs-theme=dark] .landing-process article>svg{color:#b6c9dd}[data-bs-theme=dark] .landing-search .stay-budget-inline{background:#1a344f!important;border-color:#42607e!important}[data-bs-theme=dark] .landing-search .stay-budget-inline input{color:#e3edf7}[data-bs-theme=dark] .app-site .mx-bottom a[aria-current=page]{color:#d4e2f0}[data-bs-theme=dark] .app-site .mx-bottom a[aria-current=page] svg{stroke:#d4e2f0}[data-bs-theme=dark] .btn-ink,[data-bs-theme=dark] .btn-primary,[data-bs-theme=dark] .btn-gold,[data-bs-theme=dark] .landing-primary{border-color:#607d99}
@media(prefers-reduced-motion:reduce){.landing-primary{transition:none}}

.admin-sidebar .sidebar-overview.active,.admin-sidebar .sidebar-group a[aria-current=page]{background:#243d58;color:white;border-radius:10px;box-shadow:inset 3px 0 #a6bbd1}.admin-sidebar a:focus-visible{outline:2px solid #a6bbd1;outline-offset:2px}

.brand-on-dark{display:none!important}[data-bs-theme=dark] .brand-on-light{display:none!important}[data-bs-theme=dark] .brand-on-dark{display:block!important}


/* Source: public/assets/occupancy-sheet.css */

/* Native dialog: no layout expansion, keyboard focus and a footer above mobile navigation. */
.stay-occupancy-v2{display:flex;flex-direction:column;min-height:0;align-self:stretch}.app-site .stay-occupancy-v2>.stay-occupancy-trigger{display:flex;align-items:center;gap:12px;width:100%;height:auto;min-height:74px;margin:0;padding:14px;text-align:left;border:0;border-radius:0;background:transparent;color:var(--text,#19232b);cursor:pointer;font:inherit}.stay-occupancy-trigger[hidden],.occupancy-editor [hidden]{display:none!important}.stay-occupancy-trigger>svg{width:24px;height:24px;flex:0 0 24px}.stay-occupancy-trigger>span{min-width:0;flex:1}.stay-occupancy-trigger small{display:block;font-size:10px;font-weight:650;color:var(--mx-muted,#60728b);margin:0 0 6px}.stay-occupancy-trigger strong{display:block;font-size:12px;line-height:1.6;font-weight:650}.stay-occupancy-trigger .occupancy-chevron{width:16px;height:16px;flex:0 0 16px}.stay-occupancy-trigger:focus-visible{outline:3px solid #91abc4;outline-offset:-4px}.occupancy-dialog{position:fixed;inset:0;width:calc(100% - 40px);max-width:520px;max-height:calc(100dvh - 48px);margin:auto;padding:0;border:1px solid var(--mx-border,#dce5ef);border-radius:24px;background:var(--mx-surface,#fff);color:var(--text,#19232b);box-shadow:0 24px 100px #19232b40;overflow:hidden}.occupancy-dialog::backdrop{background:#08182e99;backdrop-filter:blur(3px)}.occupancy-editor{display:flex;flex-direction:column;background:var(--mx-surface,#fff);color:var(--text,#19232b);max-height:calc(100dvh - 50px);overflow:hidden}.occupancy-heading{display:flex;align-items:flex-start;gap:16px;justify-content:space-between;padding:26px 28px 18px;flex:0 0 auto}.occupancy-heading h2{font-size:24px;line-height:1.3;letter-spacing:-.7px;font-weight:750;margin:0 0 9px;color:inherit}.occupancy-heading p{font-size:12px;line-height:1.7;color:var(--mx-muted,#60728b);margin:0}.occupancy-close{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:50%;border:1px solid var(--mx-border,#dce5ef);background:var(--mx-soft,#f3f6fa);color:inherit;padding:9px}.occupancy-content{padding:8px 28px 20px;overflow:auto;overscroll-behavior:contain;min-height:0;flex:1 1 auto}.occupancy-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0}.occupancy-row>label{font-size:15px;font-weight:600;line-height:1.5;margin:0}.occupancy-stepper{display:grid;grid-template-columns:44px 48px 44px;align-items:center;border:1px solid #a8b8c9;border-radius:10px;overflow:hidden;flex:0 0 auto;background:var(--mx-surface,#fff);min-height:48px}.occupancy-stepper>button{width:44px;height:46px;border:0;border-radius:0;background:transparent;color:#19232b;font-size:27px;font-weight:400;line-height:1;display:grid;place-items:center;padding:0;cursor:pointer}.occupancy-stepper>button:hover:not(:disabled){background:var(--mx-soft,#edf2f7)}.occupancy-stepper>button:disabled{color:#aab3bf;cursor:default}.occupancy-stepper>input{width:48px;min-width:0;max-width:48px;height:46px;min-height:46px!important;max-height:46px;padding:0 2px;border:0;border-radius:0;outline-offset:-3px;background:transparent;color:inherit;text-align:center;font-family:inherit;font-size:17px!important;font-weight:650;appearance:textfield;-moz-appearance:textfield}.occupancy-stepper>input::-webkit-inner-spin-button,.occupancy-stepper>input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.occupancy-stepper>input:focus-visible,.occupancy-stepper>button:focus-visible,.occupancy-close:focus-visible{outline:3px solid #91abc4;outline-offset:-3px}.occupancy-options{border-top:1px solid var(--mx-border,#dce5ef);margin-top:16px;padding-top:10px}.occupancy-switch-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:13px 0;min-height:54px;cursor:pointer;font-size:14px;font-weight:550}.occupancy-switch-row>span{flex:1}.occupancy-switch{appearance:none;-webkit-appearance:none;position:relative;width:46px;height:28px;min-height:28px!important;min-width:46px;flex:0 0 46px;margin:0;border:1px solid #8997a8;border-radius:30px;background:#8997a8;cursor:pointer;transition:background .15s,border-color .15s}.occupancy-switch:before{content:'';display:block;position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:white;box-shadow:0 1px 3px #19232b33;transition:transform .15s}.occupancy-switch:checked{background:#19232b;border-color:#19232b}.occupancy-switch:checked:before{transform:translateX(18px)}.occupancy-switch:focus-visible{outline:3px solid #91abc4;outline-offset:3px}.occupancy-note,.occupancy-capacity{font-size:12px;line-height:1.75;color:var(--mx-muted,#60728b);margin:14px 0 0}.occupancy-capacity{font-size:11px}.occupancy-validation{background:#fff1ed;color:#8b3221;border:1px solid #e7b7ab;border-radius:12px;padding:12px 14px;font-size:12px;line-height:1.6;margin:16px 0 0}.occupancy-footer{padding:16px 28px 24px;border-top:1px solid var(--mx-border,#dce5ef);background:var(--mx-surface,#fff);flex:0 0 auto}.occupancy-footer>.btn{width:100%;min-height:50px;border-radius:12px;font-size:15px;font-weight:650;display:flex;align-items:center;justify-content:center}.occupancy-handle{display:none}.occupancy-modal-open,.occupancy-modal-open body{overflow:hidden!important;overscroll-behavior:none}.occupancy-dialog[open] .occupancy-editor{animation:occupancy-appear .18s ease-out}.stay-occupancy-v2:not([data-enhanced]) .occupancy-editor{max-height:none;border:1px solid var(--mx-border,#dce5ef);border-radius:14px}.stay-occupancy-v2:not([data-enhanced]) .occupancy-content{overflow:visible}
[data-bs-theme=dark] .occupancy-stepper>button{color:#d9e6f3}[data-bs-theme=dark] .occupancy-stepper>button:disabled{color:#6a8198}[data-bs-theme=dark] .occupancy-switch:checked{background:#91abc4;border-color:#91abc4}[data-bs-theme=dark] .occupancy-switch:checked:before{background:#10283e}
@media(max-width:767px){.occupancy-dialog{inset:auto 0 0;width:100%;max-width:100%;max-height:calc(100dvh - 16px);margin:0;border:0;border-radius:24px 24px 0 0}.occupancy-editor{max-height:calc(100dvh - 16px)}.occupancy-handle{display:block;width:44px;height:5px;border-radius:10px;background:#a5b1bd;margin:11px auto 0;flex:0 0 5px}.occupancy-heading{padding:20px 22px 12px;gap:12px}.occupancy-heading h2{font-size:23px;letter-spacing:-.5px;margin-bottom:8px}.occupancy-heading p{font-size:12px}.occupancy-content{padding:5px 22px 20px}.occupancy-row{padding:13px 0}.occupancy-row>label{font-size:15px}.occupancy-footer{padding:16px 22px calc(18px + env(safe-area-inset-bottom))}.occupancy-options{margin-top:14px}.occupancy-close{width:36px;height:36px;flex-basis:36px}.occupancy-note{font-size:12px}.app-site .stay-occupancy-v2>.stay-occupancy-trigger{height:auto;min-height:74px}}
@media(max-width:360px){.occupancy-heading,.occupancy-content{padding-left:18px;padding-right:18px}.occupancy-heading h2{font-size:21px}.occupancy-stepper{grid-template-columns:42px 40px 42px}.occupancy-stepper>button{width:42px}.occupancy-stepper>input{width:40px;max-width:40px}.occupancy-row{gap:12px}.occupancy-footer{padding-inline:18px}}
@keyframes occupancy-appear{from{opacity:.7;transform:translateY(16px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.occupancy-dialog[open] .occupancy-editor{animation:none}.occupancy-switch,.occupancy-switch:before{transition:none}}


/* Source: resources/styles/foundation.css */

/* BedsKingKong visual theme. Existing component foundation, then product refinements.
 * Served through the existing design-system.css alias, without changing PHP.
 * No fabricated ratings, reviews, availability or payment states.
 */
/* Shared presentation layer. Booking, payment and account rules remain in their existing modules. */
:root{--ui-brand:#19232b;--ui-brand-hover:#193c5e;--ui-accent:#28796f;--ui-bg:#f4f7fb;--ui-surface:#fff;--ui-soft:#edf2f7;--ui-text:#152c46;--ui-muted:#52677e;--ui-line:#d6e0eb;--ui-control:#8192a6;--ui-success:#176044;--ui-success-bg:#e6f5ed;--ui-danger:#9c3043;--ui-danger-bg:#fff0f2;--ui-warning:#805100;--ui-warning-bg:#fff5dd;--ui-info:#254f78;--ui-info-bg:#eaf2fb;--ui-radius:18px;--ui-radius-sm:12px;--ui-shadow:0 3px 10px #19232b04,0 14px 36px #19232b06;--ui-focus:#6385a8}
[data-bs-theme=dark]{--ui-bg:#091a2b;--ui-surface:#132b43;--ui-soft:#1b354e;--ui-text:#eef4fb;--ui-muted:#b2c3d5;--ui-line:#3d566f;--ui-control:#7290ad;--ui-success:#a8e5c7;--ui-success-bg:#123b31;--ui-danger:#ffc1ca;--ui-danger-bg:#442432;--ui-warning:#f8d58c;--ui-warning-bg:#3c321f;--ui-info:#c1ddf7;--ui-info-bg:#203d58;--ui-shadow:0 6px 28px #0002;--ui-focus:#b3cee6}
.app-site,.admin-site{--bg:var(--ui-bg);--surface:var(--ui-surface);--surface-2:var(--ui-soft);--text:var(--ui-text);--mute:var(--ui-muted);--line:var(--ui-line);--mx-surface:var(--ui-surface);--mx-soft:var(--ui-soft);--mx-muted:var(--ui-muted);--mx-border:var(--ui-line);--lp-surface:var(--ui-surface);--lp-muted:var(--ui-muted);--lp-line:var(--ui-line);--lp-ink:var(--ui-text);background:var(--ui-bg);color:var(--ui-text);font-size:16px;line-height:1.65}
:where(button,input,select,textarea){font:inherit}:where(input,select,textarea){accent-color:var(--ui-brand)}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--ui-focus)!important;outline-offset:3px}
.text-mute,.text-muted{color:var(--ui-muted)!important}.ui-icon{display:inline-block;flex-shrink:0;vertical-align:middle;pointer-events:none}
.btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:var(--ui-radius-sm);font-size:15px;font-weight:650;line-height:1.4;transition:background .2s,box-shadow .2s,transform .2s}
.btn-primary,.app-site .btn-primary,.admin-site .btn-primary{background:linear-gradient(135deg,#173857,#19232b);border-color:#19232b;color:#fff;box-shadow:0 4px 10px #19232b12}
.btn-primary:hover,.app-site .btn-primary:hover,.admin-site .btn-primary:hover{background:var(--ui-brand-hover);border-color:var(--ui-brand-hover);color:#fff;box-shadow:0 6px 18px #19232b22}
.btn-outline-primary,.btn-outline-secondary,.app-site .btn-outline-primary,.admin-site .btn-outline-primary{background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-control)}
.btn-outline-primary:hover,.btn-outline-secondary:hover{background:var(--ui-soft);color:var(--ui-text);border-color:var(--ui-text)}
.btn-danger,.admin-site .staff-danger-submit{background:#9c3043;border-color:#9c3043;color:#fff}.btn:active{transform:translateY(1px)}.btn-sm{min-height:44px;padding:9px 14px;font-size:14px}.btn:disabled,[aria-disabled=true]{opacity:.55;box-shadow:none;cursor:not-allowed}
.btn[aria-busy=true]::before{content:"";width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:ui-spin .7s linear infinite}
.form-control,.form-select,.admin-site .form-control,.admin-site .form-select{min-height:48px;border:1px solid var(--ui-control);border-radius:12px;background-color:var(--ui-surface);color:var(--ui-text);font-size:16px;padding:11px 14px;line-height:1.5}
.form-control::placeholder{color:var(--ui-muted);opacity:1}.form-control:focus,.form-select:focus{border-color:var(--ui-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-focus) 20%,transparent);background-color:var(--ui-surface);color:var(--ui-text)}
.form-control:disabled,.form-control:read-only{background:var(--ui-soft);color:var(--ui-muted)}textarea.form-control{min-height:112px;resize:vertical}.form-label,.admin-site .form-label{font-size:14px;font-weight:650;margin-bottom:8px;color:var(--ui-text)}
.form-check{min-height:44px;display:flex;align-items:center;gap:10px}.form-check-input{width:20px;height:20px;margin-top:0;flex-shrink:0;border-color:var(--ui-control)}.form-check-label{font-size:14px}.form-text,.small.text-mute{font-size:14px;line-height:1.6}.ui-field-error{font-size:13px;line-height:1.5;min-height:20px;color:var(--ui-danger);margin:5px 0 12px}.ui-field-error:empty{visibility:hidden}.form-control[aria-invalid=true],.form-select[aria-invalid=true]{border-color:var(--ui-danger)}
.app-site :is(h1,h2,h3),.admin-site :is(h1,h2,h3){color:var(--ui-text);text-wrap:balance}.app-site h1,.admin-site .admin-heading h1{font-size:clamp(28px,2.5vw,36px);line-height:1.22;letter-spacing:-.8px;font-weight:750}.app-site h2{line-height:1.35}.app-site p,.admin-panel p,.review-card p{line-height:1.7}
.mx-card,.admin-panel,.review-card,.property-card,.hotel-card,.integration-kpis>div{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:var(--ui-radius);box-shadow:var(--ui-shadow);color:var(--ui-text)}
.mx-card,.admin-panel,.review-card{padding:24px}.mx-operation,.mx-trip-detail{padding:0}.mx-card :is(p,.form-label),.mx-welcome p,.mx-empty p{font-size:16px}.mx-welcome{margin-bottom:28px}.mx-eyebrow,.admin-kicker{font-size:11px!important;letter-spacing:1.4px;color:var(--ui-muted)}
.mx-quick h2{font-size:18px}.mx-quick p{font-size:14px}.mx-icon,.panel-icon{background:var(--ui-soft);color:var(--ui-text);border-radius:14px}.mx-icon .ui-icon{width:24px;height:24px}.mx-stat{border-radius:18px;background:var(--ui-surface);border-color:var(--ui-line);padding:22px;box-shadow:var(--ui-shadow)}.mx-stat>span,.mx-stat small{font-size:14px;color:var(--ui-muted)}.mx-stat strong{font-size:32px}.mx-stats{gap:16px}
.mx-status,.admin-status{font-size:12px;line-height:1.5;padding:6px 10px;border-radius:20px;background:var(--ui-warning-bg);color:var(--ui-warning)}.mx-status.mx-good{background:var(--ui-success-bg);color:var(--ui-success)}
.mx-tabs a,.mx-desktop-nav a{font-size:14px;min-height:44px}.mx-desktop-nav a[aria-current=page],.mx-bottom a[aria-current=page]{background:var(--ui-soft);color:var(--ui-text)}.mx-tabs a[aria-current=page]{background:var(--ui-brand);color:#fff}.mx-result-count,.mx-location,.mx-reference,.mx-price>span,.mx-ref{font-size:14px;color:var(--ui-muted)}.mx-dates small,.mx-detail-grid dt{font-size:13px}.mx-dates strong,.mx-detail-grid dd{font-size:15px}.mx-operation .btn{font-size:14px}.mx-cards{gap:24px}.mx-operation-body{padding:24px}.mx-card-actions{gap:10px}.mx-empty{padding:48px 24px}.mx-empty .mx-icon{width:72px;height:72px;border:1px solid var(--ui-line);background:var(--ui-soft)}.mx-empty .mx-icon .ui-icon{width:32px;height:32px}
.mx-notice{background:var(--ui-info-bg);color:var(--ui-info);border-color:var(--ui-line);font-size:14px}.mx-avatar{background:var(--ui-soft);color:var(--ui-text);border-radius:24px}.mx-profile-editor>summary,.mx-response>summary{font-size:16px;border-color:var(--ui-line);min-height:52px}.mx-property-art{background:var(--ui-soft)}
.admin-heading{margin-bottom:28px}.admin-heading p,.staff-management-toolbar p{font-size:15px}.admin-panel{padding:28px}.admin-panel h2,.review-card h2{font-size:21px;line-height:1.4}.admin-panel .small,.admin-panel small{font-size:14px}.admin-panel .panel-icon{width:44px;height:44px;display:grid;place-items:center}.admin-panel .panel-icon .ui-icon{width:22px;height:22px}.admin-sidebar nav a,.admin-sidebar>a{min-height:46px}.admin-sidebar .ui-icon{width:19px;height:19px;margin-right:10px}.admin-sidebar a{font-size:14px}.admin-sidebar :is(a.active,a[aria-current=page]){background:#243e59;color:white;border-radius:12px}.admin-sidebar :is(a.active,a[aria-current=page])::before{background:#a5c6e6}.admin-sidebar summary{min-height:44px}.admin-sidebar .admin-section-label{font-size:11px}.admin-site .admin-toggle{width:44px;height:44px;font-size:19px}
.review-card dl dt,.review-card dl dd{font-size:14px!important}.review-filter-tabs button{min-height:46px;font-size:14px;background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-line)}.review-filter-tabs [aria-pressed=true]{background:var(--ui-brand);color:#fff}.review-filter-tabs button>span{background:var(--ui-soft);color:var(--ui-muted)}.review-search{background:var(--ui-surface);border-color:var(--ui-control);min-height:48px}.review-search input{font-size:16px;color:var(--ui-text)}.review-pagination{font-size:14px;color:var(--ui-muted)}.integration-kpis span,.integration-shortcuts a{font-size:14px}.integration-shortcuts span,.google-callback-uri{font-size:13px}.integration-shortcuts a{min-height:52px}.google-service-check{font-size:15px}.google-callback-uri{background:var(--ui-soft);color:var(--ui-text)}
.app-site .stay-search input,.app-site .stay-search select{font-size:16px}.stay-trust{display:none}.stay-below-bar:not(:has(output:not(:empty))){display:none}.app-site .stay-occupancy-v2 .occupancy-trigger{min-height:76px}.app-site .stay-occupancy-v2 .occupancy-trigger-title{font-size:13px}.app-site .stay-occupancy-v2 .occupancy-trigger-value{font-size:16px}.occupancy-editor{color:var(--ui-text)}.occupancy-dialog{background:var(--ui-surface);border-color:var(--ui-line);color:var(--ui-text)}.occupancy-editor :is(p,small){font-size:14px}.occupancy-editor label{font-size:16px}.occupancy-editor button{min-width:44px;min-height:44px}.occupancy-editor input{font-size:18px}.occupancy-editor-header,.occupancy-editor-footer{border-color:var(--ui-line)}
.app-site .mx-app-header{position:sticky;top:0;z-index:1030}.app-site .mx-bottom a{font-size:12px!important;min-height:48px}.app-site .mx-bottom svg{width:23px;height:23px}.app-site .mx-bottom{background:var(--ui-surface);border-color:var(--ui-line)}.site-footer{background:var(--ui-surface);border-color:var(--ui-line)}.site-footer a{min-height:44px;display:inline-flex;align-items:center;font-size:14px}.site-footer :is(small,p){font-size:13px;color:var(--ui-muted)}
.alert{border-radius:14px;border:1px solid var(--ui-line);padding:16px 20px;font-size:15px;line-height:1.65}.alert-success{background:var(--ui-success-bg);color:var(--ui-success)}.alert-danger{background:var(--ui-danger-bg);color:var(--ui-danger)}.alert-warning{background:var(--ui-warning-bg);color:var(--ui-warning)}.alert-info{background:var(--ui-info-bg);color:var(--ui-info)}.invalid-feedback{font-size:13px;color:var(--ui-danger)}
.dropdown-menu{padding:8px;border-radius:16px;background:var(--ui-surface);border:1px solid var(--ui-line);box-shadow:0 16px 45px #19232b1c;color:var(--ui-text)}.dropdown-item{padding:12px;border-radius:10px;min-height:44px;color:var(--ui-text);font-size:14px}.dropdown-item:hover,.dropdown-item:focus{background:var(--ui-soft);color:var(--ui-text)}.notice-dropdown-item{border-color:var(--ui-line);font-size:14px}.notice-dropdown-item.unread{background:var(--ui-info-bg)}.nav-tabs{border-color:var(--ui-line)}.nav-tabs .nav-link{min-height:44px;color:var(--ui-muted);font-size:14px}.nav-tabs .nav-link.active{background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-line)}
.modal-backdrop.show{opacity:.55}.modal-backdrop{background:#071a2e;backdrop-filter:blur(4px)}.modal-content{border:1px solid var(--ui-line);border-radius:20px;background:var(--ui-surface);color:var(--ui-text);box-shadow:0 24px 90px #0003;overflow:hidden}.modal-header{padding:24px;border-color:var(--ui-line)}.modal-title{font-size:22px;font-weight:700;line-height:1.35}.modal-body{padding:24px}.modal-footer{padding:16px 24px;background:var(--ui-soft);border-color:var(--ui-line);gap:8px}.modal-footer .btn{margin:0}.btn-close{min-width:44px;min-height:44px;padding:10px;box-sizing:border-box;border-radius:12px}.staff-user-modal .modal-content>form{max-height:calc(100dvh - 48px);min-height:0}.staff-user-modal .modal-header,.staff-user-modal .modal-footer{flex-shrink:0}.staff-user-modal .modal-body{min-height:0;overflow-y:auto;overscroll-behavior:contain}.staff-reauth-block,.staff-user-modal input:read-only{background:var(--ui-soft);border-color:var(--ui-line);color:var(--ui-text)}
dialog::backdrop{background:#071a2e99;backdrop-filter:blur(4px)}dialog:not(.occupancy-dialog){border:1px solid var(--ui-line);border-radius:20px;background:var(--ui-surface);color:var(--ui-text);box-shadow:0 24px 90px #0003}dialog[open]{animation:ui-dialog-in .2s ease-out}
.swal2-popup{font-family:inherit!important;background:var(--ui-surface)!important;color:var(--ui-text)!important;border:1px solid var(--ui-line)!important;border-radius:20px!important;padding:24px!important;box-shadow:0 24px 90px #0003!important}.swal2-title{font-size:24px!important;line-height:1.4!important;color:var(--ui-text)!important}.swal2-html-container{font-size:16px!important;line-height:1.7!important;color:var(--ui-muted)!important}.swal2-actions{gap:10px!important}.swal2-styled{min-height:46px;border-radius:12px!important;font-size:15px!important}.swal2-cancel{background:var(--ui-soft)!important;color:var(--ui-text)!important}.swal2-close{width:44px!important;height:44px!important;color:var(--ui-muted)!important}.swal2-toast{border-radius:16px!important;padding:16px!important;box-shadow:0 8px 32px #19232b26!important}.swal2-toast .swal2-title{font-size:15px!important;line-height:1.5!important;text-align:left}.swal2-timer-progress-bar{background:var(--ui-accent)!important}.swal2-container.swal2-backdrop-show{background:#071a2e99!important;backdrop-filter:blur(4px)}.swal2-container.swal2-top-end,.swal2-container.swal2-top{backdrop-filter:none!important}
.admin-site .table-responsive{border:1px solid var(--ui-line);border-radius:16px;background:var(--ui-surface)}.admin-site table{color:var(--ui-text);font-size:15px;width:100%}.admin-site table th{background:var(--ui-soft)!important;color:var(--ui-muted)!important;font-size:12px;font-weight:700;letter-spacing:.3px;padding:16px!important;border-color:var(--ui-line)!important;position:sticky;top:0;z-index:1}.admin-site table td{padding:16px!important;border-color:var(--ui-line)!important;vertical-align:middle;line-height:1.6;background:var(--ui-surface);overflow-wrap:anywhere}.admin-site table tbody tr:hover td{background:var(--ui-soft)}.admin-site .dt-layout-row{gap:16px;padding:8px}.admin-site .dt-search input,.admin-site .dt-length select{min-height:44px;background:var(--ui-surface);border:1px solid var(--ui-control);border-radius:10px;color:var(--ui-text);font-size:16px}.admin-site .dt-search label,.admin-site .dt-length label,.admin-site .dt-info{font-size:14px;color:var(--ui-muted)}.admin-site .dt-paging-button{min-height:44px;min-width:44px;border-radius:10px!important;color:var(--ui-text)!important}.admin-site .dt-paging-button.current{background:var(--ui-soft)!important;border:1px solid var(--ui-line)!important}.admin-site .dt-processing{background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-line);box-shadow:var(--ui-shadow);border-radius:16px;padding:18px}
[aria-busy=true][data-review-results]{opacity:.55;transition:opacity .2s}.landing-hero h1{color:var(--ui-text);font-size:clamp(42px,5vw,68px);line-height:1.05}.landing-hero p{color:var(--ui-muted)}.landing-hero :is(.landing-kicker,.landing-tag){color:#fff}.landing-section h2{font-size:clamp(26px,3vw,36px)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.mx-stat,.mx-operation,.hotel-card,.property-card{transition:transform .22s,box-shadow .22s}.mx-stat:hover,.mx-operation:hover,.hotel-card:hover,.property-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #19232b14}.hotel-card img,.property-card img{transition:transform .25s}.hotel-card:hover img,.property-card:hover img{transform:scale(1.025)}}
@media(max-width:1100px){.mx-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-panel{padding:24px}}
@media(max-width:767px){.app-site h1,.admin-site .admin-heading h1{font-size:28px;letter-spacing:-.5px}.mx-space{padding-top:24px;padding-bottom:32px}.mx-card,.admin-panel,.review-card{padding:22px}.mx-operation,.mx-trip-detail{padding:0}.mx-operation-body{padding:22px}.mx-cards,.mx-profile-layout,.mx-quick-grid,.mx-edit-grid{grid-template-columns:1fr}.mx-stats{grid-template-columns:1fr 1fr;gap:12px}.mx-stat{padding:18px}.mx-stat strong{font-size:28px}.mx-stat>span,.mx-stat small{font-size:13px}.mx-dates strong{font-size:14px}.mx-welcome{gap:16px}.mx-welcome p{font-size:16px}.mx-bottom a{padding-inline:2px}.admin-site .table-responsive:has([data-ui-responsive]){border:0;background:transparent;overflow:visible}.admin-site .dt-layout-table>.dt-layout-cell:has([data-ui-responsive]){overflow:visible}.admin-site table[data-ui-responsive]{display:block;min-width:0!important;width:100%!important;margin:0!important;border:0!important}.admin-site table[data-ui-responsive] thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.admin-site table[data-ui-responsive] tbody{display:grid;gap:16px}.admin-site table[data-ui-responsive] tr{display:block;border:1px solid var(--ui-line);border-radius:16px;background:var(--ui-surface);box-shadow:var(--ui-shadow);overflow:hidden}.admin-site table[data-ui-responsive] td{display:flex;gap:16px;justify-content:space-between;align-items:center;min-height:50px;width:auto!important;padding:12px 16px!important;font-size:14px;border-bottom:1px solid var(--ui-line)!important;box-shadow:none!important;flex-wrap:wrap}.admin-site table[data-ui-responsive] td:last-child{border:0!important}.admin-site table[data-ui-responsive] td[data-label]::before{content:attr(data-label);flex:0 0 36%;max-width:42%;font-size:12px;font-weight:650;color:var(--ui-muted);text-align:left}.admin-site table[data-ui-responsive] td[colspan]{justify-content:center}.admin-site .dt-layout-row{flex-direction:column;align-items:stretch}.admin-site .dt-layout-cell{max-width:100%}.admin-site .dt-search input{max-width:100%;width:100%}.admin-site .dt-search{display:flex;flex-direction:column;gap:6px}.admin-site .dt-paging nav{display:flex;justify-content:center;flex-wrap:wrap;gap:4px}.modal-dialog{margin:auto 8px 8px;display:flex;align-items:flex-end;min-height:calc(100dvh - 16px)}.modal-content{border-radius:22px 22px 16px 16px;max-height:calc(100dvh - 16px)}.staff-user-modal .modal-content>form{max-height:calc(100dvh - 18px)}.modal-header,.modal-body,.staff-user-modal .modal-header,.staff-user-modal .modal-body{padding:20px}.modal-footer,.staff-user-modal .modal-footer{padding:16px 20px}.modal-footer .btn{flex:1}.modal-title{font-size:21px}.swal2-popup{max-width:calc(100vw - 24px)!important;padding:20px!important}.site-footer a{font-size:14px}.landing-hero h1{font-size:42px}.app-site .stay-occupancy-v2 .occupancy-trigger{min-height:72px}}
@media(max-width:360px){.mx-stat{padding:14px}.mx-stat>span{font-size:13px}.mx-card,.review-card,.admin-panel{padding:18px}.mx-operation,.mx-trip-detail{padding:0}.mx-person{gap:14px}.mx-person h2{font-size:21px}.mx-avatar{width:64px;height:64px}.mx-dates{gap:6px}.mx-dates strong{font-size:13px}.btn{padding-inline:14px}.modal-footer,.staff-user-modal .modal-footer{padding:12px 16px}}
@keyframes ui-spin{to{transform:rotate(360deg)}}@keyframes ui-dialog-in{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.landing-process p,.landing-faq-list details>p,.landing-host-copy>p:not(.landing-eyebrow),.landing-section-heading>p,.landing-lead{font-size:16px}.landing-process h3,.landing-faq-list summary{font-size:16px}.landing-search-heading>span,.landing-hero-points,.landing-offer-preview small,.landing-host-copy>small{font-size:14px}.landing-primary,.landing-secondary,.landing-text-link{font-size:15px;min-height:44px}.platform-footer nav a{font-size:14px;min-height:44px;display:inline-flex;align-items:center}.footer-bottom{font-size:13px!important;color:var(--ui-muted)}
[data-bs-theme=dark] .landing-hero{background:radial-gradient(ellipse at 15% 25%,#163951,transparent 58%),var(--ui-bg)}[data-bs-theme=dark] .landing-hero h1>span{color:#b3cee6}[data-bs-theme=dark] .landing-eyebrow{color:var(--ui-muted)}

/* Match the established module scopes so shared sizing also replaces older compact rules. */
.app-site .btn,.admin-site .btn{min-height:46px;font-size:15px;padding:11px 18px;border-radius:12px}.app-site .btn-sm,.admin-site .btn-sm{min-height:44px;font-size:14px;padding:9px 14px}.admin-site .admin-panel h2{font-size:21px}.admin-site .admin-panel p{font-size:16px}.admin-site .admin-panel p.small,.admin-site .admin-page p.text-mute,.admin-site .admin-heading .text-mute{font-size:14px}.admin-site .admin-sidebar .sidebar-group a,.admin-site .sidebar-overview{font-size:14px;min-height:46px}.admin-site .admin-sidebar .sidebar-group a{justify-content:flex-start;gap:0}.admin-sidebar .menu-count{margin-left:auto}.admin-site .admin-sidebar a.active,.admin-site .admin-sidebar a[aria-current=page]{background:#243e59}.admin-site .header-account-label strong{font-size:13px}.admin-site .header-account-label small{font-size:11px}.admin-site .account-dropdown .dropdown-item{font-size:14px;min-height:44px;color:var(--ui-text)!important}.admin-site .account-dropdown{background:var(--ui-surface);border-color:var(--ui-line)}.admin-site .header-account-toggle{background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-line)}.admin-site .table-panel{min-width:0}.admin-site:has(.admin-sidebar){background:var(--ui-bg)}.app-site .card-bkk,.app-site .auth-card,.admin-site .auth-card{background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-line);border-radius:20px;box-shadow:var(--ui-shadow)}.ui-field-error{margin-top:5px!important}.form-control:has(+.ui-field-error),.form-select:has(+.ui-field-error){margin-bottom:0!important}.ui-field-error:has(+.form-control),.ui-field-error:has(+.form-select){margin-bottom:12px}.app-site .mx-bottom{backdrop-filter:blur(14px)}
@media(max-width:767px){.admin-site .table-panel{padding:0!important;background:transparent;border:0;box-shadow:none}.admin-site .table-panel:has(.table-panel-heading){padding-top:16px!important}.admin-site .table-panel-heading{padding:0 16px}.admin-site .dt-layout-row{padding-inline:0}.admin-site .dt-layout-table>.dt-layout-cell{overflow:visible}.landing-process{grid-template-columns:1fr}.landing-process article{padding:24px}.landing-process h3{font-size:18px}.landing-process p{font-size:16px}}
/* Catalogue, dashboards and hotel presentation share the same card scale. */
.app-site .prop{border:1px solid var(--ui-line);border-radius:20px;background:var(--ui-surface);box-shadow:var(--ui-shadow);overflow:hidden;min-width:0}.app-site .prop>.body{padding:24px}.app-site .prop h3{font-size:20px;line-height:1.4;margin-block:12px}.app-site .prop .small{font-size:14px}.app-site .prop .price{font-size:26px;font-weight:750}.app-site .prop .price small{font-size:14px;font-weight:500;color:var(--ui-muted)}.app-site .prop .property-cover{height:230px;width:100%;object-fit:cover}.app-site .property-placeholder{height:230px;min-height:0}.app-site .property-name{color:var(--ui-text);text-decoration:none}.app-site .prop>.body>.btn{min-height:44px;font-size:14px}.app-site .property-placeholder>span{font-size:14px}.app-site .hotel-summary,.app-site .hotel-offer-summary{border-color:var(--ui-line);background:var(--ui-surface);color:var(--ui-text)}
.admin-site .metrics-main>article{background:var(--ui-surface);border-color:var(--ui-line);border-radius:18px;box-shadow:var(--ui-shadow);padding:24px}.admin-site .metrics-main>article>span{font-size:14px;color:var(--ui-muted)}.admin-site .metrics-main>article strong,.admin-site .verification-totals strong,.admin-site .metrics-empty strong{color:var(--ui-text);font-size:32px}.admin-site .metrics-toolbar p,.admin-site .metrics-toolbar nav a,.admin-site .metric-alert-link{font-size:14px}.admin-site .metric-alert-link{color:var(--ui-text);border-color:var(--ui-line);min-height:52px}.admin-site .metrics-toolbar nav a{min-height:44px;display:inline-flex;align-items:center;background:var(--ui-soft);color:var(--ui-text)}.admin-site .metrics-toolbar nav a.active{background:var(--ui-brand);color:white}.admin-site .admin-metrics{gap:20px}.admin-site .review-card{background:var(--ui-surface);border-color:var(--ui-line);color:var(--ui-text)}.admin-site .review-card .text-mute{color:var(--ui-muted)!important}.admin-site .review-form-details{border-color:var(--ui-line)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.app-site .prop{transition:transform .22s,box-shadow .22s}.app-site .prop:hover{transform:translateY(-3px);box-shadow:0 12px 32px #19232b16}.app-site .prop .property-cover{transition:transform .25s}.app-site .prop:hover .property-cover{transform:scale(1.025)}}
@media(max-width:767px){.admin-site .admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-site .metrics-main>article{padding:18px}.admin-site .metrics-main>article>span{font-size:13px}.admin-site .metrics-main>article strong{font-size:28px}.admin-site .metrics-grid{grid-template-columns:1fr;gap:20px}.app-site .prop>.body{padding:22px}}
[data-bs-theme=dark] .admin-site .bkk-top{background:var(--ui-surface);border-color:var(--ui-line)}[data-bs-theme=dark] .admin-site .admin-panel,[data-bs-theme=dark] .admin-site .review-card{border-color:var(--ui-line)}[data-bs-theme=dark] :is(.admin-panel,.review-card,.mx-card) a:not(.btn){color:#bfd8ee}[data-bs-theme=dark] .admin-site .metrics-toolbar nav a{background:var(--ui-soft);color:var(--ui-text)}[data-bs-theme=dark] .admin-site .metrics-toolbar nav a.active{background:#294e6e;color:#fff}[data-bs-theme=dark] .admin-site .dt-container .dt-info,[data-bs-theme=dark] .admin-site .dt-container .dt-search,[data-bs-theme=dark] .admin-site .dt-container .dt-length{color:var(--ui-muted)}[data-bs-theme=dark] .admin-site .dt-container .dt-paging .dt-paging-button{color:var(--ui-text)!important}[data-bs-theme=dark] .admin-site .dt-container .dt-paging .dt-paging-button.disabled{color:var(--ui-muted)!important;opacity:.65}[data-bs-theme=dark] .landing-process article,[data-bs-theme=dark] .landing-offer-preview,[data-bs-theme=dark] .landing-search,[data-bs-theme=dark] .landing-final{background:var(--ui-surface);border-color:var(--ui-line)}[data-bs-theme=dark] .landing-process :is(h3,p),[data-bs-theme=dark] .landing-offer-preview strong,[data-bs-theme=dark] .landing-offer-preview small,[data-bs-theme=dark] .landing-search-heading h2,[data-bs-theme=dark] .landing-final :is(h2,p){color:var(--ui-text)}[data-bs-theme=dark] .app-site .property-name{color:var(--ui-text)}
.app-site .grid-props .prop{display:flex;flex-direction:column;grid-template-columns:none;align-items:stretch}.app-site .grid-props .prop>.property-placeholder{position:relative;inset:auto;flex:0 0 230px;height:230px;min-height:230px;width:100%;padding:20px}.app-site .grid-props .prop>.property-cover{flex:0 0 230px;height:230px;min-height:230px}.app-site .grid-props .prop>.body{position:relative;flex:1 0 auto;min-width:0;width:100%;padding:22px;z-index:1;background:var(--ui-surface)}.app-site .grid-props .prop .small{font-size:14px!important}.app-site .grid-props .prop h3{font-size:20px}.app-site .grid-props .prop .btn{font-size:14px;min-height:44px}.app-site .grid-props .property-placeholder span{font-size:13px}.app-site .grid-props .property-placeholder img{width:64px;height:64px}.app-site .stay-input-wrap>svg,.app-site .stay-date-button svg{color:var(--ui-text)}.app-site .stay-input-wrap>input::placeholder,.app-site .stay-budget-inline input::placeholder{color:var(--ui-muted);opacity:1}.app-site .stay-budget-inline>label{color:var(--ui-text)}.app-site .stay-budget-inline>small{color:var(--ui-muted)}.app-site .stay-clear{min-width:44px;min-height:44px}.app-site .stay-date-button{min-height:44px}.app-site .stay-options>summary{min-height:44px;display:flex;align-items:center}.app-site .stay-options>summary::before{content:'▸';margin-right:6px}.app-site .stay-options[open]>summary::before{content:'▾'}
.app-site .prop .stay-offer-button{background:var(--ui-brand);border-color:var(--ui-brand);color:white}.app-site .prop .stay-offer-button:hover{background:var(--ui-brand-hover);color:white}
.app-site .grid-props .prop .stay-offer-button{background:var(--ui-brand);border-color:var(--ui-brand);color:#fff}.app-site .grid-props .prop .stay-offer-button:hover{background:var(--ui-brand-hover);color:#fff}

/* 01 · Product tokens */
:root{--bkk-navy-50:#f0f5fa;--bkk-navy-100:#dfe9f3;--bkk-navy-200:#bfd0e2;--bkk-navy-300:#93afca;--bkk-navy-400:#6487aa;--bkk-navy-500:#436888;--bkk-navy-600:#2c4e6d;--bkk-navy-700:#1c3a58;--bkk-navy-800:#122d49;--bkk-navy-900:#19232b;--bkk-neutral-50:#f7f9fc;--bkk-neutral-100:#edf2f7;--bkk-neutral-200:#dbe3ec;--bkk-neutral-300:#bdcad8;--bkk-neutral-400:#91a2b6;--bkk-neutral-500:#64778f;--bkk-neutral-600:#4b6078;--bkk-neutral-700:#364d65;--bkk-neutral-800:#253b52;--bkk-neutral-900:#15283c;--bkk-action:#e7b75c;--bkk-action-hover:#efc97f;--bkk-action-text:#162a42;--bkk-success-border:#96c7ad;--bkk-error-border:#d69aaa;--bkk-warning-border:#d6b778;--bkk-info-border:#9bb7d2;--bkk-space-1:4px;--bkk-space-2:8px;--bkk-space-3:12px;--bkk-space-4:16px;--bkk-space-6:24px;--bkk-space-8:32px;--bkk-space-12:48px;--bkk-space-16:64px;--bkk-space-24:96px;--bkk-control-radius:10px;--bkk-card-radius:16px;--bkk-modal-radius:24px;--bkk-shadow-1:0 1px 2px #19232b08,0 6px 12px #19232b04;--bkk-shadow-2:0 2px 3px #19232b08,0 12px 24px #19232b09;--bkk-shadow-3:0 2px 4px #19232b0a,0 18px 32px #19232b10;--bkk-shadow-4:0 2px 4px #19232b0d,0 24px 40px #19232b18;--bkk-shadow-5:0 2px 4px #19232b14,0 32px 48px #19232b21;--bkk-ease:cubic-bezier(.2,.8,.2,1);--bkk-micro:120ms;--bkk-state:200ms;--bkk-panel:300ms;--bkk-enter:450ms;--ui-radius:16px;--ui-radius-sm:10px;--ui-bg:#f7f9fc;--ui-soft:#edf2f7;--ui-surface:#fff;--ui-text:#15283c;--ui-muted:#4b6078;--ui-line:#dbe3ec;--ui-focus:#436888;--ui-shadow:var(--bkk-shadow-2)}
[data-bs-theme=dark]{--ui-bg:#081725;--ui-surface:#12283d;--ui-soft:#1b354c;--ui-text:#e6edf5;--ui-muted:#b6c5d4;--ui-line:#40596d;--ui-control:#7890a6;--ui-focus:#b2c9df;--bkk-action:#dfb66e;--bkk-action-hover:#e9c789;--bkk-shadow-1:0 1px 2px #04142633,0 6px 12px #04142633;--bkk-shadow-2:0 2px 3px #04142644,0 12px 24px #04142644;--bkk-shadow-3:0 2px 4px #04142644,0 18px 32px #04142655;--bkk-shadow-4:0 2px 4px #04142655,0 24px 40px #04142666;--bkk-shadow-5:0 2px 4px #04142666,0 32px 48px #04142677;--bkk-success-border:#4e977b;--bkk-error-border:#bd7b8c;--bkk-warning-border:#ad8d4e;--bkk-info-border:#6d98bf}
.app-site,.admin-site{font-family:Montserrat,system-ui,sans-serif;line-height:1.5}.app-site .container-xxl{max-width:1200px;padding-inline:24px}.app-site :is(h1,h2,h3,h4),.admin-site :is(h1,h2,h3,h4){letter-spacing:-.02em;line-height:1.15;font-weight:700}.app-site h1,.admin-site .admin-heading h1{font-size:clamp(30px,3.4vw,48px)}.app-site h2{font-size:clamp(25px,2.5vw,32px)}.app-site h3{font-size:24px}.app-site .small,.admin-site .small{font-size:14px}.app-site :is(.price,.mx-price,.mx-dates,.stay-budget,.stay-date-button),.admin-site :is(table,.admin-metrics){font-variant-numeric:tabular-nums}.app-site .form-label,.admin-site .form-label{font-weight:600;font-size:14px}.app-site .form-control,.app-site .form-select,.admin-site .form-control,.admin-site .form-select{border-radius:10px;font-size:16px}.app-site .btn,.admin-site .btn{border-radius:10px;font-weight:700;transition:transform var(--bkk-micro) ease-in-out}.btn:focus-visible{outline:3px solid var(--ui-focus);outline-offset:3px}.app-site :is(.form-control,.form-select):focus,.admin-site :is(.form-control,.form-select):focus{box-shadow:0 0 0 4px color-mix(in srgb,var(--ui-focus) 20%,transparent)}

/* 02 · Accommodation cards: one primary action and a predictable image area */
.app-site .grid-props{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}.app-site .grid-props .prop{position:relative;border-radius:16px;border:1px solid var(--ui-line);box-shadow:var(--bkk-shadow-1);display:flex;flex-direction:column;isolation:isolate}.app-site .grid-props .prop>.property-cover,.app-site .grid-props .prop>.property-placeholder{width:100%;height:auto;min-height:0;aspect-ratio:4/3;flex:0 0 auto;object-fit:cover;border-radius:16px 16px 0 0;background:var(--ui-soft)}.app-site .grid-props .prop>.body{position:static;padding:20px 16px 16px;display:flex;flex-direction:column;gap:0;flex:1}.app-site .grid-props .prop h3{font-size:18px;font-weight:700;line-height:1.4;margin:12px 0 8px;min-height:25px}.app-site .property-name{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--ui-text)}.app-site .prop .property-name::after{content:'';position:absolute;inset:0;border-radius:16px;z-index:1}.app-site .prop .property-name:focus-visible{outline:0!important}.app-site .prop:has(.property-name:focus-visible){outline:3px solid var(--ui-focus);outline-offset:4px}.app-site .grid-props .prop .small{font-size:14px!important;line-height:1.6}.app-site .grid-props .prop .price{font-size:28px;font-weight:800;letter-spacing:-.03em;line-height:1.25;margin-top:auto;padding-top:20px;white-space:normal}.app-site .prop .price small{font-size:14px;font-weight:400;letter-spacing:0}.app-site .prop .body>.btn{position:relative;z-index:2;width:100%;min-height:48px;white-space:normal}.app-site .grid-props .prop .stay-offer-button,.app-site .stay-offer [data-search-submit],.app-site .stay-review form>.btn-ink{background:linear-gradient(135deg,var(--bkk-action-hover),var(--bkk-action));color:var(--bkk-action-text);border:1px solid #bb8a35;box-shadow:inset 0 1px #fff6,0 6px 16px #b3832920;font-weight:800}.app-site .grid-props .prop .stay-offer-button:hover,.app-site .stay-offer [data-search-submit]:hover{background:var(--bkk-action-hover);color:var(--bkk-action-text)}.app-site .grid-props .prop .btn-ghost{border:1px solid var(--ui-line);background:var(--ui-surface);color:var(--ui-text);box-shadow:none}.app-site .prop .hotel-ai-badge,.app-site .prop .mx-status{font-size:12px;border-radius:999px;line-height:1.5;padding:5px 9px;width:max-content;max-width:100%;margin-bottom:6px}.app-site .grid-props .prop:active{transform:translateY(1px)}

/* 03 · Hero and search. Mobile keeps the full working form first. */
.landing-hero{background:radial-gradient(ellipse at 12% 10%,#30557866,transparent 50%),radial-gradient(ellipse at 82% 65%,#4b44772b,transparent 52%),radial-gradient(ellipse at 46% 100%,#28587733,transparent 48%),#19232b;padding:80px 0 120px}.app-site .landing-hero-grid{gap:56px}.app-site .landing-hero h1{font-size:clamp(44px,5.2vw,64px);font-weight:800;color:#eaf0f7;letter-spacing:-.035em;line-height:1.08}.app-site .landing-hero h1>span{color:#b7cee2}.app-site .landing-hero p,.landing-hero .landing-eyebrow{color:#c2d0df}.app-site .landing-hero .landing-lead{font-size:18px;line-height:1.7;max-width:490px}.landing-hero .landing-hero-points{color:#c2d0df;font-size:14px}.landing-hero .landing-primary,.landing-host .landing-primary,.landing-final .landing-primary{background:linear-gradient(135deg,var(--bkk-action-hover),var(--bkk-action));border-color:#bb8a35;color:var(--bkk-action-text)!important;box-shadow:inset 0 1px #fff6,0 8px 20px #08172924;min-height:48px}.landing-hero .landing-secondary{color:#e6edf5}.landing-hero .landing-secondary>span,.landing-preview-arrow{display:none}.landing-hero .landing-secondary::after{content:'→';margin-left:8px}.landing-visual-frame{border-radius:28px;box-shadow:var(--bkk-shadow-5);border:1px solid #ffffff20}.landing-offer-preview{background:#f7fbffec;border:1px solid #fff8;backdrop-filter:blur(16px);border-radius:20px;padding:24px;box-shadow:var(--bkk-shadow-3)}.landing-offer-preview strong{font-size:16px;color:#15283c}.landing-offer-preview small{font-size:14px;color:#4b6078}.landing-offer-preview>div>span{color:#4b6078;font-size:10px;letter-spacing:.06em}.landing-preview-icon{background:#e9f0f7;color:#1c3a58}.app-site .landing-search{position:relative;margin-top:-64px;margin-bottom:0;padding:28px 24px 16px;width:calc(100% - 48px);border-radius:24px;box-shadow:var(--bkk-shadow-5);border:1px solid var(--ui-line);z-index:2}.app-site .landing-search-heading h2{font-size:24px;font-weight:700}.app-site .landing-search-heading>span{font-size:14px;color:var(--ui-muted)}.app-site .stay-main-grid{border:1px solid var(--ui-control);border-radius:14px;box-shadow:none}.app-site .stay-field>label{font-size:12px;letter-spacing:.06em;font-weight:700}.app-site .stay-budget-inline{background:var(--ui-soft)!important;border-color:var(--ui-line)!important}.app-site .stay-budget-inline>label{font-size:14px;color:var(--ui-text)}.app-site .stay-budget-inline input{font-size:28px;font-weight:800}.app-site .stay-budget-inline>div>span{font-size:12px}.app-site .stay-budget-inline>small{font-size:12px}.app-site .stay-actions>.btn{min-height:52px;font-size:15px}.app-site .stay-occupancy-v2 .occupancy-trigger-title{font-size:12px;letter-spacing:.03em}.app-site .stay-occupancy-v2 .occupancy-trigger-value{font-size:14px}.app-site .stay-field:focus-within{background:var(--ui-soft)}.app-site .stay-field:focus-within>label{color:var(--ui-text)}.app-site .stay-input-wrap>input:focus{outline:0!important}.app-site .stay-input-wrap:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-focus) 30%,transparent);border-radius:8px}.app-site .stay-input-wrap>input{min-height:40px}.stay-offer .stay-budget input{font-size:36px;font-weight:800;font-variant-numeric:tabular-nums}

/* 04 · Dialogs, feedback and field states */
.app-site dialog:not(.stay-calendar),.modal-content,.staff-user-modal .modal-content{border-radius:24px;box-shadow:var(--bkk-shadow-5);border-color:var(--ui-line)}dialog::backdrop{background:#19232b8c;backdrop-filter:blur(6px)}.modal-backdrop{background:#19232b}.modal-backdrop.show{opacity:.55}.occupancy-heading{padding:24px 24px 16px}.occupancy-heading h2,.app-site .stay-calendar h2,.modal-title{font-size:20px!important;line-height:1.3}.occupancy-content{padding:0 24px 24px}.occupancy-footer{padding:16px 24px 24px}.occupancy-row{padding:16px 0}.occupancy-stepper{border-radius:999px;grid-template-columns:44px 48px 44px;min-height:46px}.occupancy-stepper>button{border-radius:50%;width:44px;height:44px}.occupancy-switch{width:46px;height:28px}.modal-header,.modal-body{padding:24px}.modal-footer{padding:16px 24px}.modal-header .btn-close,.occupancy-close{background-color:var(--ui-soft);border:1px solid var(--ui-line);border-radius:50%;width:44px;height:44px;min-width:44px;flex-basis:44px}.swal2-popup{border-radius:24px!important;box-shadow:var(--bkk-shadow-5)!important}.swal2-title{font-size:22px!important}.swal2-container.swal2-top-end,.swal2-container.swal2-top{padding:calc(16px + env(safe-area-inset-top)) 16px 16px}.swal2-popup.swal2-toast{width:380px;max-width:calc(100vw - 32px);border-radius:16px!important}.swal2-timer-progress-bar{height:3px!important}.ui-field-error{font-size:13px;min-height:20px;line-height:1.5}.ui-field-error:not(:empty)::before{content:'!';display:inline-grid;place-items:center;width:16px;height:16px;margin-right:6px;border:1px solid currentColor;border-radius:50%;font-size:11px;font-weight:800}.form-control[aria-invalid=true],.form-select[aria-invalid=true]{border-width:1.5px}.alert-success{border-color:var(--bkk-success-border)}.alert-danger{border-color:var(--bkk-error-border)}.alert-warning{border-color:var(--bkk-warning-border)}.alert-info{border-color:var(--bkk-info-border)}

/* 05 · Navigation and home sections */
.app-site .mx-app-header{height:auto;min-height:64px;position:sticky;top:0;background:#19232bf5!important;backdrop-filter:blur(16px);border-bottom:1px solid transparent;box-shadow:none;z-index:1030}.app-site .mx-app-header>.container-xxl{min-height:72px;gap:20px}.app-site.bkk-scrolled .mx-app-header{border-bottom-color:#a9c1da33;box-shadow:0 2px 10px #19232b12}.app-site .mx-app-header .brand-wordmark{width:216px;height:46px}.bkk-desknav a{font-size:14px;min-height:44px;display:inline-flex;align-items:center;border-radius:999px;padding:10px 14px}.bkk-desknav a:hover,.bkk-desknav a[aria-current=page]{background:#ffffff14;color:#e6edf5}.app-site .mx-currency-shortcut{min-width:44px;min-height:44px;font-size:12px;border-radius:999px}.app-site .mx-header-avatar,.app-site .mx-settings-toggle,.app-site .mx-header-bell{width:44px;height:44px;min-width:44px;min-height:44px;flex-shrink:0}.app-site .mx-header-actions{gap:8px}.app-site .mx-bottom{min-height:64px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--ui-surface) 96%,transparent);backdrop-filter:blur(16px);border-top:1px solid var(--ui-line);box-shadow:0 -2px 16px #19232b06}.app-site .mx-bottom a{min-height:52px;font-size:12px!important;border-radius:14px}.app-site .mx-bottom svg{width:24px;height:24px}.app-site .mx-bottom a[aria-current=page]{background:var(--ui-soft);color:var(--ui-text)}.app-site .landing-section{padding-block:96px}.landing-process{gap:24px;position:relative}.landing-process article{position:relative;background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:16px;box-shadow:var(--bkk-shadow-1);padding:28px 24px}.landing-process article>svg{box-sizing:content-box;padding:14px;border-radius:16px;width:24px;height:24px;background:var(--ui-soft);color:var(--ui-text);margin-bottom:24px}.landing-process .landing-step-number{font-size:42px;font-weight:800;color:var(--ui-muted);opacity:.12;top:24px;right:20px;letter-spacing:-.04em}.landing-process h3{font-size:20px;margin-bottom:12px}.landing-process p{font-size:16px;line-height:1.6;color:var(--ui-muted)}.landing-stays{background:var(--ui-soft)}.app-site .landing-stays .landing-section{padding-top:80px;padding-bottom:80px}.landing-inventory-note{font-size:14px;color:var(--ui-muted);margin-top:24px;line-height:1.6}.landing-host{gap:48px}.landing-host-visual{border-radius:24px;background:radial-gradient(ellipse at 20% 10%,#41658555,transparent 60%),#19232b;box-shadow:var(--bkk-shadow-3)}.landing-host-copy>p:not(.landing-eyebrow){font-size:18px;color:var(--ui-muted)}.landing-host-copy>small{display:block;margin-top:16px;font-size:14px;line-height:1.6}.landing-faq{gap:64px}.landing-faq-list details{border:1px solid var(--ui-line);border-radius:16px;margin-bottom:12px;padding-inline:20px;background:var(--ui-surface)}.landing-faq-list summary{font-size:16px;font-weight:600;min-height:64px;line-height:1.5;padding:20px 32px 20px 0}.landing-faq-list details[open]{background:var(--ui-soft)}.landing-faq-list details[open]>p{animation:bkk-fade 200ms ease-in-out}.landing-faq-list details>p{font-size:16px;line-height:1.65;color:var(--ui-muted);padding:0 24px 20px 0;margin:0}.landing-faq-list summary::after{transition:transform 200ms ease-in-out}.landing-final{border-radius:24px;background:var(--ui-surface);border:1px solid var(--ui-line);box-shadow:var(--bkk-shadow-2);padding:48px;gap:32px}.landing-final h2{font-size:32px;line-height:1.2}.landing-final p:last-child{font-size:16px}.platform-footer{background:var(--ui-surface);border-color:var(--ui-line);padding-block:48px}.platform-footer .footer-main{gap:32px;padding-bottom:24px}.platform-footer .footer-main nav{gap:8px 24px;flex-wrap:wrap}.platform-footer .footer-main nav a{font-size:14px;min-height:44px;color:var(--ui-muted)}.platform-footer .footer-bottom{font-size:12px!important;padding-top:24px;border-color:var(--ui-line);line-height:1.6}.landing-text-link>span{font-size:0}.landing-text-link>span::after{content:'→';font-size:18px}.landing-eyebrow,.mx-eyebrow,.admin-kicker{letter-spacing:.06em!important}

/* 06 · Account, admin and communication */
.mx-card,.admin-panel,.review-card,.mx-stat,.integration-kpis>div{border-radius:16px;box-shadow:var(--bkk-shadow-1)}.mx-person h2{font-size:24px}.mx-avatar{border-radius:24px;box-shadow:inset 0 0 0 1px var(--ui-line)}.mx-stat{position:relative;padding:24px}.mx-stat strong{font-size:32px;font-weight:800;letter-spacing:-.03em}.mx-stat>span{font-size:14px}.mx-icon,.panel-icon{border-radius:16px;background:var(--ui-soft);width:52px;height:52px}.mx-status,.admin-status{border-radius:999px;font-size:12px}.mx-tabs a{border-radius:999px;font-weight:600}.mx-welcome p{font-size:16px;line-height:1.6}.mx-quick .mx-icon{width:52px;height:52px}.mx-quick h2{font-size:18px}.mx-quick p{font-size:14px}.mx-response-context{border-radius:12px;background:var(--ui-soft);color:var(--ui-muted)}.mx-trip-detail{border-radius:24px}.mx-operation{overflow:hidden}.mx-operation h2{font-size:20px;line-height:1.35}.mx-back{font-size:14px}.mx-history ol{margin-left:12px}.mx-history li{position:relative;border-left:2px solid var(--ui-line);padding:0 0 32px 24px;font-size:14px}.mx-history li::before{content:'';position:absolute;left:-7px;top:3px;width:12px;height:12px;border:3px solid var(--ui-surface);border-radius:50%;background:var(--ui-muted);box-shadow:0 0 0 1px var(--ui-line)}.mx-history time{font-size:12px}.mx-history li:last-child{padding-bottom:0}.admin-site .admin-heading h1{font-size:32px}.admin-site .admin-panel h2{font-size:20px}.admin-site .admin-metrics{gap:24px}.admin-site .admin-metrics>article{border-radius:16px;box-shadow:var(--bkk-shadow-1);padding:24px}.admin-site .admin-metrics>article strong{font-size:32px;font-weight:800}.admin-site .admin-sidebar{padding-top:24px}.admin-site .sidebar-overview{border-radius:12px}.admin-site .admin-sidebar .sidebar-group a{min-height:46px;border-radius:10px}.admin-site .table-panel{box-shadow:var(--bkk-shadow-1);border-radius:16px}.admin-site table th{font-size:12px!important;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.admin-site table td{padding:14px 16px!important;font-size:14px!important}.admin-site .staff-row-actions{gap:8px}.admin-site .staff-row-actions .btn{font-size:13px;min-height:44px}.admin-site .dt-search input,.admin-site .dt-length select{border-radius:10px}.admin-site .dt-paging-button{border-radius:10px!important}.admin-site .header-account-toggle{border-radius:999px}.header-avatar{border-radius:50%}.admin-site .review-card{border-radius:16px}.review-filter-tabs button{border-radius:999px;min-height:44px}.app-site .chat-inbox,.app-site .chat-conversation{border-radius:20px;border-color:var(--ui-line);background:var(--ui-surface)}.app-site .chat-inbox-item{padding:16px 12px;border-radius:12px;border-color:var(--ui-line);min-height:64px}.app-site .chat-inbox-item[aria-current=page]{background:var(--ui-soft)}.app-site .chat-conversation>header{border-color:var(--ui-line);background:var(--ui-surface)}.app-site .chat-bubble{border-radius:18px 18px 18px 4px;background:var(--ui-soft);color:var(--ui-text);font-size:16px;line-height:1.6;box-shadow:var(--bkk-shadow-1)}.app-site .chat-message.mine .chat-bubble{background:#173b5e;color:#e6edf5;border-radius:18px 18px 4px 18px}.app-site .chat-bubble time{font-size:11px}.app-site .chat-compose{background:var(--ui-surface);border-color:var(--ui-line);padding:16px}.app-site .chat-compose textarea{border-radius:18px;font-size:16px;min-height:48px}.app-site .chat-compose .btn{min-width:48px;min-height:48px;border-radius:50%}.app-site .auth-card,.admin-site .auth-card{max-width:460px;border-radius:24px;border-color:var(--ui-line);box-shadow:var(--bkk-shadow-3)}.app-site .auth-card h1,.admin-site .auth-card h1{font-size:32px;line-height:1.2}.auth-card input{min-height:48px}.auth-card .btn{min-height:48px}.auth-card .ui-field-error{margin-bottom:16px}.app-site .join-steps{gap:8px}.app-site .join-steps span{border-radius:12px;font-size:12px;line-height:1.5}.hotel-amenity-chips li{border-radius:999px;font-size:13px;background:var(--ui-soft);color:var(--ui-text)}.hotel-presentation-cover>img{aspect-ratio:4/3;height:auto}.hotel-presentation-info{padding:24px}.property-gallery{border-radius:24px;overflow:hidden}.hotel-ai-badge,.hotel-presentation-label,.hotel-presentation-ai{border-radius:999px;font-size:12px}

/* 07 · Purposeful motion, progressive enhancement only */
@media(hover:hover) and (prefers-reduced-motion:no-preference){.app-site .grid-props .prop{transition:transform 300ms var(--bkk-ease)}.app-site .grid-props .prop:hover{transform:translateY(-6px);box-shadow:var(--bkk-shadow-4)}.app-site .grid-props .prop>.property-cover{transition:transform 400ms var(--bkk-ease)}.app-site .grid-props .prop:hover>.property-cover{transform:scale(1.06)}.mx-quick:hover{transform:translateY(-2px);box-shadow:var(--bkk-shadow-2)}}
@media(prefers-reduced-motion:no-preference){.bkk-reveal-ready{transition:opacity 450ms var(--bkk-ease),transform 450ms var(--bkk-ease)}.bkk-reveal-pending{opacity:0;transform:translateY(16px)}.bkk-reveal-ready.bkk-reveal-visible{opacity:1;transform:none}.bkk-delay-1{transition-delay:70ms}.bkk-delay-2{transition-delay:140ms}.bkk-delay-3{transition-delay:210ms}.bkk-price-update{animation:bkk-price 300ms var(--bkk-ease)}.bkk-hero-float{transition:transform 300ms var(--bkk-ease)}.bkk-hero-float.bkk-hero-shift{transform:translateY(-8px)}dialog[open]{animation:bkk-dialog 280ms var(--bkk-ease)}}
@keyframes bkk-dialog{from{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:none}}@keyframes bkk-fade{from{opacity:0}to{opacity:1}}@keyframes bkk-price{0%{opacity:.5;transform:translateY(3px)}100%{opacity:1;transform:none}}

/* 08 · Theme and responsive final states */
[data-bs-theme=dark] .landing-hero{background:radial-gradient(ellipse at 12% 10%,#30557855,transparent 50%),radial-gradient(ellipse at 82% 65%,#4b44772b,transparent 52%),#081a2d}[data-bs-theme=dark] .landing-offer-preview{background:#1b354ce8;border-color:#7998b64d}[data-bs-theme=dark] .landing-offer-preview :is(strong,small){color:var(--ui-text)}[data-bs-theme=dark] .landing-offer-preview>div>span{color:var(--ui-muted)}[data-bs-theme=dark] .landing-preview-icon{background:#28465e;color:var(--ui-text)}[data-bs-theme=dark] .landing-stays{background:#0b1d2e}[data-bs-theme=dark] .landing-search{background:var(--ui-surface)}[data-bs-theme=dark] .app-site .stay-budget-inline{background:var(--ui-soft)!important}[data-bs-theme=dark] .app-site .mx-app-header{background:#19232bf2!important}[data-bs-theme=dark] .hotel-amenity-chips li{background:var(--ui-soft);color:var(--ui-text)}[data-bs-theme=dark] .chat-inbox-item[aria-current=page]{background:var(--ui-soft)}
@media(max-width:1199px){.app-site .landing-hero-grid{gap:32px}.app-site .landing-search{margin-top:-56px}.landing-hero{padding-bottom:110px}.app-site .grid-props{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:991px){.app-site .landing-intro>.landing-search{margin-top:20px;margin-bottom:24px;order:0}.app-site .landing-intro>.landing-hero{order:1;padding:56px 0 64px}.app-site .landing-hero-grid{grid-template-columns:1fr 1fr}.app-site .landing-hero h1{font-size:48px}.app-site .landing-hero .landing-lead{font-size:16px}.landing-process{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.landing-faq{gap:32px}.app-site .landing-search{width:calc(100% - 48px);padding:24px}.app-site .stay-main-grid{border-radius:14px}.app-site .stay-field>label{font-size:12px}.app-site .mx-app-header>.container-xxl{gap:12px}}
@media(max-width:767px){.app-site .container-xxl{padding-inline:16px}.app-site .grid-props{grid-template-columns:1fr;gap:24px}.app-site .grid-props .prop>.body{padding:20px 16px 16px}.app-site .landing-section{padding-block:56px}.app-site .landing-stays .landing-section{padding-block:56px}.app-site .landing-search{width:calc(100% - 32px);padding:24px 20px 12px}.app-site .landing-search-heading h2{font-size:22px}.app-site .landing-search-heading>span{font-size:14px;line-height:1.5}.app-site .landing-hero-grid{grid-template-columns:1fr;gap:32px}.app-site .landing-hero h1{font-size:48px}.app-site .landing-hero .landing-lead{font-size:18px}.app-site .landing-hero p{max-width:100%}.landing-hero .landing-hero-points{font-size:13px;gap:14px}.landing-visual-frame{height:300px;border-radius:24px}.landing-offer-preview{left:12px;right:12px;padding:20px;border-radius:16px}.landing-offer-preview strong{font-size:15px}.landing-offer-preview small{font-size:13px}.landing-host{gap:32px}.landing-host-visual{height:260px}.landing-host-copy>p:not(.landing-eyebrow){font-size:16px}.landing-final{padding:32px 24px;margin-inline:16px}.landing-final h2{font-size:28px}.landing-faq{grid-template-columns:1fr}.landing-process{grid-template-columns:1fr;gap:16px}.landing-process article{padding:24px}.landing-process article>svg{margin-bottom:20px}.app-site .mx-app-header>.container-xxl{min-height:64px;gap:8px}.app-site .mx-app-header .brand-wordmark{width:166px;height:36px}.app-site .mx-header-actions{gap:4px}.app-site .mx-currency-shortcut{font-size:11px;padding:8px}.app-site .mx-header-bell{width:40px;min-width:40px}.app-site .mx-settings-toggle{width:40px;min-width:40px}.app-site .mx-header-avatar{width:40px;min-width:40px}.app-site .mx-space{padding-top:24px}.admin-site .admin-heading h1{font-size:28px}.admin-site .admin-metrics{gap:12px}.admin-site .admin-metrics>article{padding:18px}.admin-site table[data-ui-responsive] tr{border-radius:16px;box-shadow:var(--bkk-shadow-1)}.admin-site table[data-ui-responsive] td{padding:12px 16px!important}.app-site .auth-card,.admin-site .auth-card{max-width:460px;padding:24px!important}.app-site .auth-card h1,.admin-site .auth-card h1{font-size:28px}.modal-dialog{margin:auto 8px 8px;min-height:calc(100dvh - 16px)}.modal-content{max-height:90dvh;border-radius:24px 24px 16px 16px}.staff-user-modal .modal-content>form{max-height:90dvh}.modal-footer{display:flex;flex-direction:column-reverse;align-items:stretch}.modal-footer .btn{width:100%;min-height:48px}.occupancy-dialog{max-height:90dvh!important;border-radius:24px 24px 0 0!important}.occupancy-handle{width:44px;height:5px;margin-top:12px}.occupancy-heading{padding:20px 24px 16px}.occupancy-heading h2{font-size:20px}.occupancy-content{padding:0 24px 20px}.occupancy-footer{padding:16px 24px calc(20px + env(safe-area-inset-bottom))}.occupancy-row{padding:12px 0}.platform-footer{padding:40px 16px 108px}.platform-footer .footer-main{display:flex;align-items:flex-start;gap:24px}.platform-footer .footer-main nav{gap:8px 16px}.platform-footer .footer-bottom{gap:12px}.swal2-container.swal2-top-end{justify-items:center}.app-site .chat-conversation{border-radius:16px}.app-site .chat-compose{padding:12px}.app-site .stay-calendar{border-radius:24px 24px 0 0;margin-top:auto;max-height:94dvh}.app-site .stay-date-button{font-size:14px}.app-site .stay-budget-inline input{font-size:28px}}
@media(max-width:575px){.app-site .mx-header-actions{gap:2px}.app-site .mx-app-header>.container-xxl{padding-inline:12px}.app-site .mx-app-header .brand-wordmark{width:150px;height:34px}.app-site:has(.mx-header-bell) .mx-app-header .brand-wordmark{width:132px}.app-site .stay-field>label{font-size:11px}.app-site .landing-search{padding:20px 16px 12px}.app-site .landing-search-heading h2{font-size:22px}.app-site .landing-hero h1{font-size:44px}.app-site .landing-hero .landing-lead{font-size:16px}.landing-offer-preview{padding:16px;gap:12px}.landing-offer-preview strong{font-size:14px}.landing-offer-preview small{font-size:12px}.app-site .mx-stats{grid-template-columns:1fr 1fr}.app-site .mx-stat{padding:18px}.app-site .mx-stat strong{font-size:30px}}
@media(max-width:360px){.app-site .mx-app-header .brand-wordmark{width:142px}.app-site:has(.mx-header-bell) .mx-app-header .brand-wordmark{width:120px}.app-site .mx-header-avatar,.app-site .mx-settings-toggle,.app-site .mx-header-bell{width:36px;min-width:36px;height:44px}.app-site .mx-currency-shortcut{min-width:40px}.app-site .landing-search{padding:20px 12px 10px}.app-site .stay-main-grid .stay-field{padding-inline:12px}.occupancy-heading,.occupancy-content{padding-inline:20px}.occupancy-row{gap:12px}.occupancy-stepper{grid-template-columns:44px 42px 44px}.occupancy-stepper>input{width:42px;max-width:42px}.app-site .landing-hero h1{font-size:42px}}
@media(prefers-reduced-motion:reduce){.bkk-reveal-ready,.bkk-reveal-pending,.bkk-reveal-visible{opacity:1!important;transform:none!important;transition:none!important}.bkk-hero-float,.bkk-price-update{transform:none!important;animation:none!important}.app-site .grid-props .prop:hover,.app-site .grid-props .prop:hover>.property-cover{transform:none!important}}
@media(max-width:767px){.app-site .mx-header-avatar,.app-site .mx-settings-toggle,.app-site .mx-header-bell{width:44px;min-width:44px;height:44px}.app-site:has(.mx-header-bell) .mx-app-header .brand-wordmark{width:128px}}
@media(max-width:360px){.app-site:has(.mx-header-bell) .mx-app-header .brand-wordmark{width:112px}.app-site .mx-currency-shortcut{min-width:44px}}
@media(max-width:340px){.app-site .mx-app-header>.container-xxl{padding-inline:8px}.app-site:has(.mx-header-bell) .mx-app-header .brand-wordmark{width:104px}.app-site .mx-header-actions{gap:2px}}
.bkk-badge-success{background:var(--ui-success-bg)!important;color:var(--ui-success)!important;border:1px solid var(--bkk-success-border)}.bkk-badge-danger{background:var(--ui-danger-bg)!important;color:var(--ui-danger)!important;border:1px solid var(--bkk-error-border)}.bkk-badge-info{background:var(--ui-info-bg)!important;color:var(--ui-info)!important;border:1px solid var(--bkk-info-border)}.bkk-badge-warning{background:var(--ui-warning-bg)!important;color:var(--ui-warning)!important;border:1px solid var(--bkk-warning-border)}
.app-site .chat-bubble.mine{background:#173b5e;color:#e6edf5;border-radius:18px 18px 4px 18px}.app-site .chat-bubble .chat-meta{color:inherit;opacity:.8;font-size:11px}
/* Legacy search styles use !important on this action; keep one explicit product-level override. */
.app-site .grid-props .prop .stay-offer-button{background:linear-gradient(135deg,var(--bkk-action-hover),var(--bkk-action))!important;color:var(--bkk-action-text)!important;border:1px solid #92671f!important}.app-site .grid-props .prop .stay-offer-button:hover{background:var(--bkk-action-hover)!important;color:var(--bkk-action-text)!important}
/* Keep the enhanced occupancy footprint stable while deferred scripts initialise.
   With scripting disabled the existing inline fallback remains available. */
@media(scripting:enabled){.stay-occupancy-v2:not([data-enhanced])>.occupancy-editor{display:none}.stay-occupancy-v2:not([data-enhanced])>.stay-occupancy-trigger[hidden]{display:flex!important}}

/* Local Latin WOFF2 preserving Montserrat and the four supported languages. */
@font-face{font-family:BkkMontserrat;font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/bkk-montserrat-latin-400.woff2') format('woff2')}
@font-face{font-family:BkkMontserrat;font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/bkk-montserrat-latin-500.woff2') format('woff2')}
@font-face{font-family:BkkMontserrat;font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/bkk-montserrat-latin-600.woff2') format('woff2')}
@font-face{font-family:BkkMontserrat;font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/bkk-montserrat-latin-700.woff2') format('woff2')}
@font-face{font-family:BkkMontserrat;font-style:normal;font-weight:800;font-display:swap;src:url('/assets/fonts/bkk-montserrat-latin-800.woff2') format('woff2')}
/* Cap the flex editor as well as the native dialog so its action footer always fits. */
.app-site .occupancy-dialog[open]{display:flex;flex-direction:column;overflow:hidden}.app-site .occupancy-dialog>.occupancy-editor{min-height:0;max-height:90dvh;overflow:hidden;flex:1 1 auto}.app-site .occupancy-dialog .occupancy-content{min-height:0;flex:1 1 auto;overflow-y:auto}.app-site .occupancy-dialog .occupancy-footer{flex:0 0 auto}
[data-bs-theme=dark] .app-site .btn-ink,[data-bs-theme=dark] .admin-site .btn-ink,[data-bs-theme=dark] .btn-primary{color:#e6edf5}

/* Isolate the optimised faces from legacy font-face fallbacks. */
:root{--font:BkkMontserrat,system-ui,sans-serif;--font-num:BkkMontserrat,system-ui,sans-serif}.app-site,.admin-site{font-family:BkkMontserrat,system-ui,sans-serif}


/* Source: public/assets/member-pages.css */

.guest-reservation-home{max-width:1240px;padding-top:28px}.guest-home-heading h1{font-size:clamp(1.5rem,3vw,2rem);color:#19232b;font-weight:750;margin:0 0 8px}.guest-home-heading p{color:#5b6d80;margin:0 0 22px}.guest-home-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0 34px}.guest-home-shortcuts>a{display:flex;align-items:center;gap:14px;padding:20px;background:#fff;border:1px solid #dce5ed;border-radius:18px;color:#19232b;text-decoration:none}.guest-home-shortcuts strong,.guest-home-shortcuts small{display:block}.guest-home-shortcuts small{color:#607388;font-size:.84rem;margin-top:4px}.guest-shortcut-icon{color:#087c89;background:#e8f6f5;border-radius:14px;padding:12px}.guest-shortcut-count{margin-left:auto;font-size:1.25rem;font-weight:750}.guest-stays-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.guest-stays-heading h2{font-size:1.35rem;margin:0;font-weight:750}.guest-stays-heading a{color:#19232b;font-weight:650;white-space:nowrap}.member-profile{max-width:1000px;margin:auto;border-radius:26px;background:#fff;box-shadow:0 12px 36px #19232b0a;overflow:hidden}.member-profile-hero{color:#fff;padding:26px 32px 44px;background:radial-gradient(ellipse at 95% 0%,#11647480,transparent 60%),linear-gradient(125deg,#19232b,#163750);position:relative}.member-profile-topline{display:flex;justify-content:space-between;align-items:center;font-weight:650;margin-bottom:25px}.member-profile-topline>a{display:grid;place-items:center;color:#fff;border:1px solid #ffffff35;border-radius:12px;width:40px;height:40px}.member-profile-identity{display:flex;align-items:center;gap:25px}.member-profile-avatar{position:relative;flex-shrink:0}.member-avatar-trigger>span{display:grid;place-items:center;width:112px;height:112px;background:#eef6fa;color:#19232b;border:4px solid #fff;border-radius:50%;font-size:2.7rem;font-weight:700;overflow:hidden}.member-profile-avatar img{width:100%;height:100%;object-fit:cover}.member-profile-avatar>a{display:grid;place-items:center;position:absolute;right:0;bottom:0;width:34px;height:34px;border-radius:50%;background:#fff;color:#19232b;box-shadow:0 3px 10px #0002}.member-profile-identity h1{font-size:clamp(1.3rem,3vw,1.8rem);font-weight:750;color:#fff;margin:5px 0}.member-profile-identity p{color:#dce9ef;margin:0 0 12px;overflow-wrap:anywhere}.member-profile-role{font-size:.77rem;color:#9fe4e5}.member-profile-verified{display:inline-flex;padding:5px 10px;background:#087b6650;color:#d6fff2;border:1px solid #83dfb245;border-radius:30px;font-size:.78rem}.member-profile-body{padding:0 26px 28px}.member-profile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;position:relative;margin:-19px 0 22px}.member-profile-stats a{display:flex;flex-direction:column;align-items:flex-start;gap:8px;background:#f6f9fc;border:1px solid #e0e7ef;box-shadow:0 4px 10px #19232b06;border-radius:17px;padding:19px;color:#19232b;text-decoration:none}.member-profile-stats .ui-icon{color:#087c89}.member-profile-stats span{font-size:.82rem;color:#53687d}.member-profile-stats strong{font-size:1.5rem;line-height:1.2}.member-profile-menu{border:1px solid #e5ebf1;border-radius:19px;padding:0 20px}.member-profile-menu>a{display:flex;align-items:center;gap:15px;text-decoration:none;color:#19232b;padding:19px 0;border-bottom:1px solid #edf0f5}.member-profile-menu>a:last-child{border-bottom:0}.member-profile-menu>a>span:last-child{margin-left:auto;font-size:1.5rem;color:#718398}.member-profile-menu strong,.member-profile-menu small{display:block}.member-profile-menu strong{font-size:.95rem;font-weight:650}.member-profile-menu small{font-size:.8rem;color:#64778b;margin-top:3px}.member-profile-menu-icon{display:grid;place-items:center;background:#edf4f8;color:#163750;border-radius:50%;width:40px;height:40px;flex-shrink:0}.member-profile-logout button{width:100%;margin-top:20px;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#19232b;border:1px solid #a8b8c9;border-radius:13px;padding:14px;font-weight:650}.member-profile a:focus-visible,.member-profile button:focus-visible,.guest-home-shortcuts a:focus-visible{outline:3px solid #00aebb;outline-offset:3px}.member-profile+.mx-profile-editor{max-width:1000px;margin:24px auto 0}
@media(max-width:575px){.guest-reservation-home{padding-top:20px}.guest-home-shortcuts{grid-template-columns:1fr;gap:10px;margin:20px 0 26px}.guest-home-shortcuts>a{padding:15px}.guest-home-shortcuts small{font-size:.78rem}.guest-shortcut-icon{padding:10px}.member-profile{border-radius:22px}.member-profile-hero{padding:20px 18px 38px}.member-profile-topline{margin-bottom:20px}.member-profile-identity{gap:15px;align-items:center}.member-avatar-trigger>span{width:83px;height:83px;font-size:2rem;border-width:3px}.member-profile-avatar>a{width:29px;height:29px}.member-profile-avatar>a .ui-icon{width:18px;height:18px}.member-profile-identity p{font-size:.78rem}.member-profile-identity h1{font-size:1.2rem;line-height:1.3}.member-profile-body{padding:0 13px 20px}.member-profile-stats{gap:7px}.member-profile-stats a{padding:13px 9px;gap:7px;border-radius:14px}.member-profile-stats span{font-size:.72rem}.member-profile-stats strong{font-size:1.25rem}.member-profile-menu{padding:0 14px}.member-profile-menu>a{padding:16px 0;gap:12px}.member-profile-menu small{font-size:.76rem}.member-profile-menu-icon{width:35px;height:35px}}

.member-avatar-trigger{display:block;padding:0;border:0;background:transparent;color:inherit;border-radius:50%;cursor:pointer}.member-avatar-trigger:focus-visible{outline:3px solid #00aebb;outline-offset:5px}
body.swal2-toast-shown .swal2-container{background:transparent!important;backdrop-filter:none!important}
.member-profile-modal .modal-content{border:1px solid #e1e9f0;border-radius:24px;box-shadow:0 24px 80px #19232b26;overflow:hidden}.member-profile-modal .modal-header{padding:24px 26px 18px;border-bottom:1px solid #edf1f5}.member-profile-modal .modal-body{padding:24px 26px}.member-modal-eyebrow{font-size:.72rem;letter-spacing:.08em;color:#607c8c;margin:0 0 6px}.member-profile-modal .modal-title{color:#19232b;font-weight:750}.member-profile-modal .form-control,.member-profile-modal .form-select{min-height:48px;border-radius:12px}.member-profile-modal [readonly]{background:#f2f6f9;color:#607388}.member-profile-modal .btn-ink{background:#19232b;color:#fff;border-color:#19232b;border-radius:12px}.member-modal-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:6px}.member-modal-actions .btn{padding:11px 18px;border-radius:12px}.member-modal-avatar{display:grid;place-items:center;margin:0 auto 18px;background:#edf5f8;border:4px solid #fff;box-shadow:0 0 0 1px #dde7ee;border-radius:50%;width:120px;height:120px;color:#19232b;font-size:2.5rem;font-weight:750;overflow:hidden}.member-modal-avatar img{width:100%;height:100%;object-fit:cover}.member-photo-remove{text-align:center;margin-top:12px}.member-profile-modal [aria-busy=true]{opacity:.65}.member-profile-modal .form-label{font-size:.9rem;font-weight:650;color:#173750}
@media(max-width:575px){.member-profile-modal .modal-dialog{margin:16px;min-height:calc(100% - 32px)}.member-profile-modal .modal-header{padding:20px}.member-profile-modal .modal-body{padding:20px}.member-modal-actions .btn{flex:1}.member-profile-modal .modal-content{border-radius:22px}}


/* Source: public/assets/member-notifications.css */

.member-notice-bell{background:transparent;position:relative;display:grid;place-items:center;cursor:pointer;border:0;color:#fff}.member-notice-bell>span{position:absolute!important;top:0!important;right:0!important;min-width:16px;border:2px solid #19232b;background:#00aebb!important;color:#fff!important;padding:1px 4px;border-radius:30px;font-size:9px!important;line-height:1.2}.member-notice-bell>span[hidden]{display:none!important}
.member-notification-menu .member-notice-panel{position:fixed!important;inset:auto!important;left:var(--notice-left,12px)!important;top:var(--notice-top,76px)!important;transform:none!important;margin:0!important;width:min(390px,calc(100vw - 24px));max-height:var(--notice-height,75dvh);overflow:hidden;border:1px solid #dce6ee;border-radius:20px;background:#fff;color:#19232b;padding:0;box-shadow:0 20px 70px #19232b2b;z-index:1060}.member-notice-panel.show{display:flex;flex-direction:column}.member-notice-panel>header{display:flex;align-items:center;justify-content:space-between;padding:19px 20px;border-bottom:1px solid #e8eef3;flex-shrink:0}.member-notice-panel>header>div{display:flex;align-items:center;gap:10px}.member-notice-panel h2{font-size:1.05rem;font-weight:750;margin:0;color:#19232b}.member-notice-panel>header [data-member-notice-count]{background:#e4f6f4;color:#087d80;border-radius:20px;padding:3px 9px;font-size:.75rem;font-weight:700}.member-notice-panel>header button{width:33px;height:33px;display:grid;place-items:center;border:0;background:#f2f6f9;color:#536b7d;border-radius:50%;font-size:24px;line-height:1}.member-notice-content{overflow-y:auto;overscroll-behavior:contain;min-height:140px}.member-notice-item{display:flex;align-items:flex-start;gap:12px;padding:19px 18px;border-bottom:1px solid #edf1f5}.member-notice-item:last-child{border-bottom:0}.member-notice-item.unread{background:#f2f9fb}.member-notice-icon{display:grid;place-items:center;flex-shrink:0;background:#e9f2f5;color:#0b6879;border-radius:13px;width:38px;height:38px}.member-notice-item>div{min-width:0;flex:1}.member-notice-item a,.member-notice-item strong{display:block;line-height:1.5;font-size:.87rem;font-weight:650;color:#19232b;text-decoration:none;overflow-wrap:anywhere}.member-notice-item a:hover{text-decoration:underline}.member-notice-item time{display:block;color:#718296;font-size:.72rem;margin:6px 0}.member-notice-item form{margin:0}.member-notice-item button{border:0;background:transparent;color:#087882;font-size:.74rem;font-weight:650;padding:5px 0;text-align:left}.member-notice-dot{width:7px;height:7px;border-radius:50%;background:#00a8b2;flex-shrink:0;margin-top:7px}.member-notice-empty{padding:34px 24px;text-align:center}.member-notice-empty>span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;margin:0 auto 15px;background:#e5f6ef;color:#138362;font-size:24px}.member-notice-empty h3{font-size:1rem;color:#19232b;font-weight:700}.member-notice-empty p,.member-notice-feedback,.member-notice-failed p{font-size:.83rem;color:#6c7e90;line-height:1.6;margin:0}.member-notice-feedback{padding:40px 22px;text-align:center}.member-notice-failed{padding:28px;text-align:center}.member-notice-failed button{background:#19232b;color:#fff;border:0;border-radius:11px;padding:10px 16px;font-size:.83rem;margin-top:15px}.member-notice-panel button:focus-visible,.member-notice-panel a:focus-visible{outline:3px solid #00aebb;outline-offset:3px}.member-notice-failed[hidden],.member-notice-content[hidden]{display:none!important}


/* Source: public/assets/direct-offer.css */

.direct-offer-card{border:1px solid var(--ui-line,#dce5ee);border-radius:20px;background:var(--ui-surface,#fff);color:var(--ui-text,#19232b);padding:0;overflow:hidden;margin-bottom:26px;box-shadow:0 7px 24px #19232b08;text-align:left}.direct-offer-intro{display:flex;gap:9px;align-items:center;background:var(--ui-soft,#eef5f8);padding:13px 20px;font-size:13px;font-weight:650;color:var(--ui-text,#294d65)}.direct-offer-intro svg{width:19px;height:19px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7}.direct-offer-main{display:grid;grid-template-columns:210px minmax(0,1fr);gap:22px;padding:20px}.direct-offer-photo{position:relative;display:block;border-radius:14px;overflow:hidden;background:var(--ui-soft,#edf3f7);height:180px}.direct-offer-photo>img{width:100%;height:100%;object-fit:cover}.direct-offer-photo>img.direct-offer-no-photo{object-fit:contain;padding:36px}.direct-offer-photo>small{position:absolute;bottom:8px;left:8px;padding:5px 8px;border-radius:7px;font-size:10px;background:#19232be8;color:#fff}.direct-offer-type{display:inline-block;font-size:11px;font-weight:650;letter-spacing:.3px;color:var(--ui-muted,#607589);margin:0 0 6px}.direct-offer-card h2{font-size:23px!important;line-height:1.25!important;font-weight:750!important;letter-spacing:-.45px!important;margin:0 0 10px!important;overflow-wrap:anywhere}.direct-offer-location{display:flex;gap:6px;align-items:flex-start;font-size:13px!important;line-height:1.5!important;color:var(--ui-muted,#607589);margin:0 0 9px!important}.direct-offer-location svg{width:16px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7}.direct-offer-description{font-size:13px!important;line-height:1.65!important;color:var(--ui-muted,#607589);margin:0 0 12px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.direct-offer-facts{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:12px}.direct-offer-facts>span{padding:5px 9px;border-radius:7px;background:var(--ui-soft,#f0f5f8)}.direct-offer-facts>.direct-offer-demo{font-size:10px;color:var(--ui-muted,#607589)}.direct-offer-services{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0 20px 18px;margin:0}.direct-offer-services li{display:flex;align-items:center;gap:6px;background:var(--ui-soft,#f1f6f8);border:1px solid var(--ui-line,#e1e8ee);border-radius:24px;padding:7px 10px;font-size:12px;line-height:1.3}.direct-offer-services svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}.direct-offer-card .direct-offer-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;border-top:1px solid var(--ui-line,#e2e9f0);padding:13px 20px;background:var(--ui-surface,#fff)}.direct-offer-footer p{font-size:12px!important;line-height:1.5!important;color:var(--ui-muted,#607589);margin:0!important}.direct-offer-footer>div{display:flex;gap:18px;flex-wrap:wrap}.direct-offer-footer a{font-size:12px;color:var(--ui-text,#19232b);font-weight:650;text-underline-offset:3px;min-height:30px;display:inline-flex;align-items:center}.direct-offer-footer a:focus-visible,.direct-offer-photo:focus-visible{outline:3px solid #618f9b;outline-offset:3px}.stay-review>.direct-offer-card{margin:24px 0}
@media(max-width:767px){.direct-offer-main{grid-template-columns:112px minmax(0,1fr);gap:14px;padding:16px}.direct-offer-photo{height:132px}.direct-offer-card h2{font-size:18px!important;letter-spacing:-.2px!important}.direct-offer-description{display:none}.direct-offer-intro{padding:12px 16px;font-size:12px}.direct-offer-type{font-size:10px}.direct-offer-location{font-size:12px!important}.direct-offer-facts{font-size:11px;gap:6px}.direct-offer-services{padding:0 16px 14px;gap:7px}.direct-offer-services li{font-size:11px;padding:6px 9px}.direct-offer-card .direct-offer-footer{padding:12px 16px;gap:8px}.direct-offer-photo>small{font-size:9px;left:5px;bottom:5px;padding:4px 5px}}


/* Source: public/assets/explore-results.css */

.explore-results{padding-top:32px}.explore-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.explore-heading h1{font-size:32px;font-weight:750;letter-spacing:-.8px;margin:0 0 8px}.explore-heading p{font-size:14px;color:var(--ui-muted,#607589);margin:0}.explore-actions{display:flex;gap:10px;flex-wrap:wrap}.explore-actions .btn{min-height:46px;font-size:13px;display:inline-flex;align-items:center;gap:8px}.explore-actions svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.explore-summary{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.explore-summary span{padding:7px 12px;border-radius:24px;background:var(--ui-soft,#eef4f8);color:var(--ui-text,#19232b);font-size:12px}.explore-count{margin-bottom:22px}.explore-count h2{font-size:18px;font-weight:700;margin:0 0 7px}.explore-count p{font-size:13px;line-height:1.6;color:var(--ui-muted,#607589);margin:0}.explore-filter-dialog{border:0;border-radius:24px;padding:24px;background:var(--ui-surface,#fff);color:var(--ui-text,#19232b);width:calc(100% - 40px);max-width:1200px;max-height:92dvh;overflow:auto}.explore-filter-dialog::backdrop{background:#19232b88;backdrop-filter:blur(4px)}.explore-filter-dialog>header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.explore-filter-dialog>header h2{font-size:23px;font-weight:750;margin:0}.explore-filter-dialog>header button{width:44px;height:44px;border:1px solid var(--ui-line,#dbe4ed);background:var(--ui-soft,#eef4f8);border-radius:50%;color:inherit;font-size:24px}.explore-filter-dialog .stay-form{margin:0}.explore-filter-open{overflow:hidden}
@media(max-width:767px){.explore-results{padding-top:24px}.explore-heading{align-items:flex-start;flex-direction:column;gap:16px}.explore-heading h1{font-size:28px}.explore-actions{width:100%}.explore-actions .btn{flex:1;justify-content:center}.explore-filter-dialog{margin:0;width:100%;height:100dvh;max-height:100dvh;max-width:none;border-radius:0;padding:20px 16px calc(24px + env(safe-area-inset-bottom))}.explore-filter-dialog>header h2{font-size:22px}.explore-count p{font-size:12px}}


/* Source: public/assets/public-contact.css */

.contact-channels{margin-block:25px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}.contact-direct,.contact-socials{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.contact-direct>a,.contact-socials>a{display:inline-flex;align-items:center;gap:10px;padding:12px 15px;background:var(--bs-body-bg,#fff);border:1px solid #dce5ed;border-radius:12px;color:inherit;text-decoration:none;font-size:13px;min-height:44px}.contact-channels svg{height:20px;width:20px;flex-shrink:0}.contact-direct strong{font-weight:600;display:block;font-size:12px}.contact-direct>a:first-child{background:#e8f5ed;color:#235c43;border-color:#cde4d5}.contact-socials>a:hover,.contact-direct>a:hover{border-color:#8da99f;box-shadow:0 3px 12px #19232b08}.contact-compact{padding-top:22px;border-top:1px solid #e1e7ef;margin-block:22px 0;gap:16px}.contact-compact .contact-direct>a,.contact-compact .contact-socials>a{font-size:11px;padding:8px 12px;min-height:39px;border-radius:10px}.contact-compact .contact-direct strong{display:inline;font-size:11px;margin-left:5px}.contact-compact svg{width:17px;height:17px}[data-bs-theme=dark] .contact-socials>a,[data-bs-theme=dark] .contact-direct>a:not(:first-child){border-color:#344759}[data-bs-theme=dark] .contact-compact{border-color:#344759}
@media(max-width:600px){.contact-channels{align-items:flex-start;gap:18px}.contact-direct,.contact-socials{gap:9px}.contact-direct>a,.contact-socials>a{font-size:12px;padding:10px 12px}.contact-compact .contact-direct strong{display:block;margin-left:0}.contact-compact{padding-top:18px}.contact-compact .contact-socials>a{font-size:10px;padding:8px 10px}.contact-compact .contact-direct>a{font-size:10px}.contact-compact .contact-direct strong{font-size:10px}}


/* Source: public/assets/admin-backups.css */

.backup-heading {gap:1.5rem;align-items:center;}
.backup-heading>.btn {flex-shrink:0;white-space:nowrap;}
.backup-page .btn-ink {background:#19232b;color:#fff;border-color:#19232b;}
.backup-page .btn-ink:hover,.backup-page .btn-ink:focus-visible {background:#17395b;border-color:#17395b;}
.backup-page table {min-width:620px;}
.backup-page td:first-child,.backup-page th:first-child {white-space:nowrap;}
.backup-page .table-responsive {border-radius:12px;}
.backup-page .modal-content {border:0;border-radius:20px;}
.backup-page .modal-header,.backup-page .modal-body,.backup-page .modal-footer {padding:1.25rem 1.5rem;}
@media(max-width:575px){.backup-heading{flex-direction:column;align-items:stretch;}.backup-heading>.btn{width:100%;}.backup-page .admin-panel{padding:1.25rem!important;}}


/* Source: public/assets/messaging.css */

.chat-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:20px;align-items:start}.chat-inbox{padding:18px}.chat-inbox h2{font-size:15px;margin:5px 0 18px}.chat-inbox-item{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--mx-border);text-decoration:none;color:var(--text)}.chat-inbox-item[aria-current=page]{background:var(--mx-soft);border-radius:12px;padding-inline:10px}.chat-inbox-item>div{min-width:0;flex:1}.chat-inbox-item strong{font-size:12px;line-height:1.5;display:block}.chat-inbox-item p{font-size:11px;color:var(--mx-muted);margin:6px 0 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat-avatar{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;background:#e5f0ff;color:#163858;border-radius:50%;font-size:16px;font-weight:750}.chat-count{font-size:10px;background:#19232b;color:white;padding:3px 7px;border-radius:12px}.chat-pages{display:flex;justify-content:space-between;gap:10px;font-size:11px;margin-top:20px}.chat-conversation{overflow:hidden;padding:0}.chat-conversation>header{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--mx-border);padding:18px 20px;background:var(--mx-surface)}.chat-conversation>header h2{font-size:15px;font-weight:750;margin:0 0 5px}.chat-conversation>header p{font-size:11px;color:var(--mx-muted);margin:0;line-height:1.6}.chat-back{font-size:22px;min-width:30px;min-height:44px;display:grid;place-items:center;text-decoration:none}.chat-messages{min-height:320px;height:52dvh;max-height:650px;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:22px;background:var(--mx-soft);scrollbar-width:thin;overscroll-behavior:contain}.chat-bubble{align-self:flex-start;border:1px solid var(--mx-border);background:var(--mx-surface);padding:13px 16px;max-width:85%;border-radius:16px 16px 16px 4px;font-size:13px;line-height:1.7;overflow-wrap:anywhere;flex-shrink:0}.chat-bubble p{white-space:pre-wrap;margin:0 0 6px}.chat-bubble footer{display:flex;flex-wrap:wrap;gap:6px 12px;justify-content:flex-end;font-size:9px;color:var(--mx-muted)}.chat-bubble.mine{align-self:flex-end;background:#19232b;color:white;border-color:#19232b;border-radius:16px 16px 4px 16px}.chat-bubble.mine footer{color:#e4efff}.chat-compose{display:flex;align-items:flex-end;gap:10px;padding:14px 18px;border-top:1px solid var(--mx-border)}.chat-compose textarea{width:100%;min-width:0;resize:vertical;max-height:160px;min-height:48px;border:1px solid var(--mx-border);background:var(--mx-surface);border-radius:14px;padding:12px;font-size:16px;color:var(--text)}.chat-compose .btn{width:48px;height:48px;padding:12px;flex-shrink:0;border-radius:50%}.chat-status{font-size:11px;color:#9a3c22;margin:0;padding:0 18px}.chat-status:empty{display:none}.chat-disclaimer{font-size:10px;color:var(--mx-muted);line-height:1.7;padding:0 18px 16px;margin:0}.chat-empty{margin:auto;text-align:center;max-width:300px;font-size:13px;color:var(--mx-muted)}.chat-placeholder{padding:48px 28px;text-align:center}.chat-placeholder .mx-icon{margin:0 auto 20px}.chat-placeholder h2{font-size:23px}.chat-placeholder p{font-size:13px;color:var(--mx-muted);line-height:1.8}.chat-older{font-size:11px;text-align:center;display:block;min-height:44px;padding:12px;flex-shrink:0}
@media(max-width:767px){.chat-layout{grid-template-columns:1fr}.chat-thread-open>.chat-inbox{display:none}.chat-page .mx-welcome{margin-bottom:16px}.chat-page .mx-welcome h1{font-size:24px}.chat-page:has(.chat-thread-open) .mx-welcome{display:none}.chat-conversation{border-radius:18px}.chat-conversation>header{padding:14px 12px;gap:9px}.chat-conversation>header h2{font-size:14px}.chat-messages{height:50dvh;min-height:260px;padding:16px 12px;gap:12px}.chat-bubble{font-size:13px;padding:12px;max-width:90%}.chat-compose{padding:12px;gap:8px}.chat-disclaimer{font-size:9px;padding-inline:12px}.chat-inbox-item strong{font-size:14px}.chat-inbox-item p{font-size:12px}.chat-placeholder{display:none}.chat-conversation>header .chat-avatar{width:36px;height:36px}}


/* Source: public/assets/destination-map.css */

.destination-map{padding:24px;max-width:1080px;width:calc(100% - 40px);max-height:94dvh;color:var(--text,#19232b)}.destination-map .map-eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;margin:0 0 6px;color:#527085}.destination-map header h2{font-size:24px;margin:0}.map-search-area{position:relative;margin:20px 0 14px}.map-search-area>label{display:block;font-size:13px;font-weight:650;margin-bottom:8px}.map-search-line{display:flex;gap:10px}.map-search-line input{flex:1;min-width:0;border:1px solid #cfdae5;background:var(--mx-surface,#fff);color:inherit;border-radius:13px;padding:13px 15px;font-size:16px;min-height:48px}.map-search-line button{white-space:nowrap;font-size:12px}.map-suggestions{position:absolute;z-index:4;left:0;right:0;top:100%;background:var(--mx-surface,#fff);border:1px solid #cfdae5;border-radius:14px;box-shadow:0 12px 35px #19232b20;overflow:auto;max-height:250px}.map-suggestions button{display:block;width:100%;border:0;border-bottom:1px solid #e5ebf0;background:transparent;color:inherit;text-align:left;padding:14px 16px;font-size:14px;min-height:48px}.map-suggestions button:hover,.map-suggestions button:focus-visible{background:#eaf4f5}.map-suggestions small{display:block;padding:8px 16px;text-align:right;color:#546c7d}.map-radius-control{margin:14px 0 18px;padding:14px 18px;background:var(--mx-soft,#f3f7fa);border-radius:15px}.map-radius-control label{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:650}.map-radius-control output{padding:5px 10px;border-radius:20px;background:#19232b;color:#fff;font-size:13px}.map-radius-control input{width:100%;height:30px;accent-color:#19232b;cursor:pointer}.map-radius-ends{display:flex;justify-content:space-between;font-size:11px;color:#607589}.map-main{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px}.destination-map .stay-map-canvas{height:340px;min-height:280px}.map-approximate{font-size:11px;color:#607589;line-height:1.5;margin:8px 0}.map-nearby{min-width:0;max-height:372px;overflow:auto}.map-nearby h3{font-size:16px;font-weight:700}.map-nearby>[role=status]{font-size:13px;line-height:1.5;color:#607589}.map-property{display:flex;gap:12px;border:1px solid #dce5ed;border-radius:14px;padding:10px;margin:10px 0;text-decoration:none;color:inherit;align-items:center}.map-property:hover{border-color:#6c929c;background:var(--mx-soft,#f3f7fa)}.map-property img{width:72px;height:76px;object-fit:cover;border-radius:10px;flex-shrink:0}.map-property strong{font-size:13px;line-height:1.4;display:block}.map-property small{font-size:11px;color:#607589;display:block;margin:4px 0}.map-property b{font-size:13px}.destination-map footer{border-top:1px solid #e0e8ef;padding-top:16px;margin-top:12px;align-items:center}.destination-map footer p{font-size:12px;color:#607589;margin:0;overflow-wrap:anywhere}.destination-map footer .btn{flex-shrink:0;min-width:180px}.stay-destination input[readonly]{cursor:pointer}
@media(max-width:767px){.destination-map{width:100%;height:100dvh;max-height:100dvh;max-width:none;margin:0;padding:20px 16px calc(16px + env(safe-area-inset-bottom));border-radius:0;overflow:auto}.destination-map header h2{font-size:21px}.map-search-line{flex-wrap:wrap}.map-search-line input{flex-basis:100%}.map-search-line button{padding:4px 0;min-height:30px}.map-main{grid-template-columns:1fr;gap:12px}.destination-map .stay-map-canvas{height:35dvh;min-height:230px}.map-nearby{max-height:250px}.map-radius-control{margin:10px 0 14px}.destination-map footer{position:sticky;bottom:-16px;background:var(--mx-surface,#fff);padding:12px 0;flex-direction:row;gap:12px}.destination-map footer .btn{min-width:145px;width:auto!important}.destination-map footer p{flex:1}.map-property img{height:64px}}
.destination-map[data-host-mode] .map-radius-control,.destination-map[data-host-mode] .map-nearby{display:none}.destination-map[data-host-mode] .map-main{grid-template-columns:1fr}

body.destination-map-open{overflow:hidden}.map-info-window{max-width:270px}

.destination-map[open]{animation:map-arrive .25s ease-out}.map-pin-hint{font-size:12px;font-weight:600;color:#3b6174;margin:0 0 10px}@keyframes map-arrive{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.destination-map[open]{animation:none}}

.map-location-status{padding:12px 14px;background:#eef5f7;border:1px solid #cddfe7;border-radius:12px;font-size:13px;line-height:1.55;color:#294d65;margin:10px 0 0}.map-location-status[hidden]{display:none}

/* The selected area leads the layout; radius controls follow the map. */
.destination-map{max-width:1240px}.destination-map .map-main{grid-template-columns:minmax(0,2.3fr) minmax(260px,1fr);gap:22px}.destination-map .map-visual{position:relative;min-width:0}.destination-map .stay-map-canvas{height:clamp(380px,52dvh,580px)}.destination-map .map-pin-hint{position:absolute;top:12px;left:12px;z-index:1;max-width:calc(100% - 24px);margin:0;padding:9px 13px;border-radius:12px;background:#fffffff2;color:#294d65;box-shadow:0 3px 14px #19232b18;pointer-events:none;font-size:12px}.destination-map .map-radius-control{margin:12px 0 8px;padding:10px 14px}.destination-map .map-radius-control input{height:24px}.destination-map .map-nearby{max-height:620px}.destination-map .map-search-area{margin:16px 0}.destination-map .map-approximate{margin-bottom:0}
@media(max-width:767px){.destination-map{padding-top:16px}.destination-map .map-main{grid-template-columns:1fr;gap:18px}.destination-map .stay-map-canvas{height:54dvh;min-height:340px;max-height:580px}.destination-map .map-search-area{margin:14px 0}.destination-map .map-search-line{gap:4px}.destination-map .map-search-line button{min-height:36px}.destination-map .map-nearby{max-height:250px}.destination-map .map-pin-hint{font-size:11px;padding:8px 11px}.destination-map .map-radius-control{margin-top:10px}.destination-map .map-radius-ends{font-size:10px}}


/* Source: resources/styles/product.css */

/* Product theme: navy identity, warm canvas, restrained amber for the guest's offer. */
:root {
  --ui-brand:#19232b; --ui-brand-hover:#203d56; --ui-accent:#916019;
  --ui-bg:#f7f6f2; --ui-surface:#fff; --ui-soft:#f0efea;
  --ui-text:#172c3e; --ui-muted:#586775; --ui-line:#dedfd9;
  --ui-radius:20px; --ui-radius-sm:12px;
  --ui-shadow:0 4px 20px rgb(25 35 43 / 4%);
  --bkk-price-bg:#fff3d5; --bkk-price-text:#513817; --bkk-price-line:#d9b66e;
  --bkk-duration:180ms; --bs-primary:#19232b;
}
[data-bs-theme=dark] {
  --ui-bg:#0e1c29; --ui-surface:#172b3c; --ui-soft:#203546;
  --ui-text:#f2f3ee; --ui-muted:#b9c6ce; --ui-line:#415361;
  --bkk-price-bg:#3c321e; --bkk-price-text:#ffe4ae; --bkk-price-line:#96743d;
}
.app-site,.admin-site { font-family:system-ui,-apple-system,"Segoe UI",sans-serif; line-height:1.6; }
:is(.app-site,.admin-site) :is(h1,h2,h3,.price,.stay-budget-inline input) { font-family:BkkMontserrat,system-ui,sans-serif; }
:is(.app-site,.admin-site) h1 { letter-spacing:-.045em; line-height:1.18; }
:is(.app-site,.admin-site) h2 { letter-spacing:-.025em; line-height:1.3; }
:is(.app-site,.admin-site) :is(.btn,.landing-primary,.landing-secondary) { min-height:48px; font-weight:650; transition:background var(--bkk-duration),box-shadow var(--bkk-duration),transform var(--bkk-duration); }
:is(.app-site,.admin-site) :is(.btn-ink,.btn-primary,.landing-primary) { background:var(--ui-brand); border-color:var(--ui-brand); color:#fff; box-shadow:none; }
:is(.app-site,.admin-site) :is(.btn-ink,.btn-primary,.landing-primary):hover { background:var(--ui-brand-hover); border-color:var(--ui-brand-hover); color:#fff; }
.app-site a.landing-primary,.app-site a.landing-primary:hover { color:#fff!important; }
:is(.app-site,.admin-site) :is(input,select,textarea,.form-control,.form-select) { font-size:16px; }
:is(.app-site,.admin-site) :is(a,button,input,select,textarea,summary):focus-visible { outline:3px solid #927128; outline-offset:3px; }
:is(.app-site,.admin-site) :is(.card-bkk,.mx-card,.review-card,.admin-panel,.auth-card) { border-color:var(--ui-line); box-shadow:var(--ui-shadow); }
.app-site .section { padding-block:40px; }
.app-site .stay-main-grid { border:1px solid var(--ui-line); box-shadow:0 8px 26px rgb(25 35 43 / 5%); border-radius:18px; background:var(--ui-surface); }
.app-site .stay-main-grid .stay-field,.app-site .stay-occupancy>summary { padding:18px; }
.app-site .stay-budget-inline { padding:16px 18px; background:var(--bkk-price-bg); color:var(--bkk-price-text); border-color:var(--bkk-price-line); }
.app-site .stay-budget-inline>label { color:var(--bkk-price-text); font-size:13px; line-height:1.4; }
.app-site .stay-budget-inline input { color:var(--bkk-price-text); font-size:30px; font-weight:750; line-height:1.2; }
.app-site .stay-budget-inline :is(small,div>span) { color:var(--bkk-price-text); font-size:12px; }
.app-site .stay-actions { padding:8px; }
.app-site .stay-actions>.btn { min-height:64px; }
.app-site .stay-field>label,.app-site .stay-occupancy summary>span { font-size:13px; color:var(--ui-muted); }
.app-site .stay-input-wrap>input,.app-site .stay-date-button,.app-site .occupancy-trigger strong { font-size:16px; }
.landing-intro { background:var(--ui-bg); }
.landing-search { padding-block:30px 22px; }
.landing-search-heading h2 { font-size:22px; }
.landing-hero { background:var(--ui-bg); color:var(--ui-text); padding-block:36px 64px; }
.app-site .landing-hero h1,.app-site .landing-hero h1>span { color:var(--ui-text); }
.app-site .landing-hero .landing-lead,.app-site .landing-hero :is(.landing-eyebrow,.landing-hero-points) { color:var(--ui-muted); }
.landing-hero h1 { font-size:clamp(36px,4.5vw,64px); max-width:12ch; }
.landing-hero-grid { gap:56px; align-items:center; }
.landing-visual-frame { border-radius:24px 24px 24px 72px; box-shadow:none; }
.landing-offer-preview { background:var(--ui-surface); border:1px solid var(--ui-line); box-shadow:var(--ui-shadow); }
.landing-hero .landing-secondary { border:1px solid var(--ui-line); color:var(--ui-text); background:var(--ui-surface); }
.landing-section { padding-block:64px; }
.landing-process { display:grid; grid-template-columns:1.35fr 1fr 1fr; gap:0; border-block:1px solid var(--ui-line); }
.landing-process article { border:0; border-radius:0; box-shadow:none; background:transparent; padding:36px 28px; }
.landing-process article+article { border-left:1px solid var(--ui-line); }
.landing-process article:nth-child(2) { background:var(--bkk-price-bg); }
.landing-process article:nth-child(2) :is(h3,p) { color:var(--bkk-price-text); }
.landing-step-number { font-size:32px; opacity:.65; }
.landing-stays { background:var(--ui-soft); }
.app-site .grid-props { gap:24px; }
.app-site .prop { border-radius:20px; box-shadow:var(--ui-shadow); }
.app-site .prop .price { font-size:30px; letter-spacing:-.035em; }
.app-site .grid-props .prop>.body { padding:24px; }
.app-site .grid-props .prop>.property-cover { height:250px; min-height:250px; flex-basis:250px; }
.app-site .hotel-offer-summary,.app-site .direct-offer-card { border-color:var(--ui-line); background:var(--ui-surface); }
.app-site :is(.mx-offer-price,.offer-price,.request-budget) { font-variant-numeric:tabular-nums; font-size:clamp(24px,4vw,36px); }
.app-site .guest-home-heading { max-width:720px; margin-bottom:28px; }
.app-site .guest-home-heading h1 { font-size:clamp(28px,3.5vw,42px); }
.app-site .auth-card { max-width:540px; border-top:4px solid var(--ui-brand); }
.app-site .auth-card h1 { font-size:30px; }
.app-site .auth-card .form-control { min-height:50px; background:var(--ui-surface); }
.admin-site .admin-panel { border-radius:18px; }
.admin-site .metrics-main>article { border-top:3px solid var(--ui-brand); border-radius:16px; }
.admin-site .metrics-main>article strong { font-variant-numeric:tabular-nums; letter-spacing:-.035em; }
.admin-site table.dataTable { font-size:15px; border-collapse:separate; border-spacing:0; }
.admin-site table.dataTable thead th { background:var(--ui-soft); color:var(--ui-muted); font-size:12px; font-weight:650; letter-spacing:.025em; padding:16px; }
.admin-site table.dataTable tbody td { padding:16px; vertical-align:middle; border-color:var(--ui-line); }
.admin-site .dt-container :is(.dt-input,.dt-paging-button) { border:1px solid var(--ui-line); border-radius:10px; min-height:44px; }
.admin-site .dt-container .dt-search input { background:var(--ui-surface); color:var(--ui-text); padding:10px 14px; }
.admin-site .dt-container .dt-paging .dt-paging-button.current { background:var(--ui-brand)!important; border-color:var(--ui-brand)!important; color:#fff!important; }
.swal2-popup { background:var(--ui-surface)!important; color:var(--ui-text)!important; border:1px solid var(--ui-line); border-radius:22px!important; font-family:system-ui,sans-serif; box-shadow:0 24px 80px #19232b26!important; }
.swal2-title { font-family:BkkMontserrat,system-ui,sans-serif; font-size:25px!important; letter-spacing:-.025em; }
.swal2-html-container { color:var(--ui-muted)!important; font-size:16px!important; line-height:1.6!important; }
.swal2-styled { min-height:48px; border-radius:12px!important; font-size:16px!important; }
.swal2-confirm { background:var(--ui-brand)!important; color:white!important; }
.swal2-cancel { background:var(--ui-soft)!important; color:var(--ui-text)!important; }
[aria-busy=true] { cursor:progress; }
img[loading=lazy] { background:var(--ui-soft); }
.offer-expiry { display:flex; justify-content:space-between; gap:16px; padding:12px 14px; margin-block:16px; border:1px solid var(--ui-line); border-radius:12px; background:var(--ui-soft); font-size:14px; }
.offer-expiry strong { font-variant-numeric:tabular-nums; white-space:nowrap; }
.offer-expired { color:var(--ui-muted); }
[data-live-request][hidden]{display:none!important}
.catalogue-offer-state { display:block; padding:10px 12px; margin-bottom:16px; background:var(--ui-soft); border:1px solid var(--ui-line); border-radius:10px; color:var(--ui-text); font-size:14px; font-weight:650; text-decoration:none; }
[data-map-results][aria-busy=true]::before { content:""; display:block; height:100px; border-radius:14px; background:linear-gradient(100deg,var(--ui-soft) 25%,var(--ui-surface) 45%,var(--ui-soft) 65%); background-size:250% 100%; animation:bkk-loading 1.2s linear infinite; }
@keyframes bkk-loading { to { background-position:-150% 0; } }
.app-site .hotel-offer-price { border:1px solid var(--bkk-price-line); border-radius:16px; padding:20px; background:var(--bkk-price-bg); color:var(--bkk-price-text); }
.app-site .hotel-offer-price .mx-price strong { font-size:34px; color:var(--bkk-price-text); }
.app-site .mx-empty { padding:40px 28px; border:1px dashed var(--ui-line); box-shadow:none; }
/* Content stays readable before observers run or when browser restoration interrupts them. */
.app-site .bkk-reveal-pending { opacity:1; transform:none; }
.app-site .stay-main-grid .stay-budget-inline { display:flex; flex-direction:column; align-items:stretch; gap:4px; }
.app-site .stay-main-grid .stay-budget-inline>label { max-width:none; width:auto; margin:0; }
.app-site .stay-main-grid .stay-budget-inline>div { justify-content:flex-start; }
@media(min-width:992px) { .app-site .stay-main-grid { grid-template-columns:minmax(180px,1.2fr) minmax(240px,1.3fr) minmax(190px,1fr) minmax(195px,1fr) auto; } }
@media(max-width:991px) { .landing-hero-grid { gap:32px; } .landing-process { grid-template-columns:1fr; } .landing-process article+article { border-left:0; border-top:1px solid var(--ui-line); } }
@media(max-width:767px) {
  .app-site .section { padding-block:28px; }
  .landing-search { padding-block:20px; }
  .landing-search-heading h2 { font-size:21px; }
  .landing-hero { padding-block:16px 36px; }
  .landing-hero h1 { font-size:38px; }
  .landing-section { padding-block:40px; }
  .landing-process article { padding:24px; }
  .app-site .stay-main-grid .stay-field,.app-site .stay-occupancy>summary { padding:16px; }
  .app-site .stay-budget-inline { padding:18px; }
  .app-site .stay-budget-inline input { font-size:32px; }
  .app-site .stay-budget-inline>label { font-size:14px; }
  .app-site .stay-actions { max-width:none; }
  .app-site .stay-actions>.btn { min-height:52px; }
  .app-site .grid-props .prop>.property-cover { height:230px; min-height:230px; flex-basis:230px; }
  .app-site .grid-props .prop>.body { padding:20px; }
  .admin-site .dt-container .dt-search input { width:100%; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { transition:none!important; animation:none!important; } }