/* HESTIA PMS V7.15.1 — Mobile First live presentation layer.
   Scoped to mobile only. Desktop V6 is intentionally untouched. */
@media (max-width:1024px){
:root{
  --m1-bg:#f4f8fb;--m1-card:#ffffff;--m1-ink:#0f213d;--m1-text:#263b58;--m1-muted:#75859a;--m1-line:#e1e9ef;
  --m1-green:#0b866f;--m1-green2:#08735f;--m1-mint:#e8f8f3;--m1-teal:#159f99;--m1-teal-soft:#e8f9f8;
  --m1-blue:#2e83ed;--m1-blue-soft:#eaf4ff;--m1-amber:#f3a51f;--m1-amber-soft:#fff3dd;--m1-red:#ed5c56;--m1-red-soft:#ffeded;--m1-gray:#7b899c;--m1-gray-soft:#eef2f5;
  --m1-shadow:0 7px 22px rgba(29,54,78,.07);--m1-radius:18px;
  --m78-bg:var(--m1-bg);--m78-card:var(--m1-card);--m78-ink:var(--m1-ink);--m78-muted:var(--m1-muted);--m78-line:var(--m1-line);--m78-emerald:var(--m1-green);--m78-emerald-2:var(--m1-green2);
  --m78-nav-h:70px;--txt:var(--m1-ink);--txt2:var(--m1-text);--txt3:var(--m1-muted);--brd:var(--m1-line);--sur:#fff;--sur2:#f7fafc;--green:var(--m1-green);--gbg:var(--m1-mint);--blue:var(--m1-blue);--bbg:var(--m1-blue-soft);--red:var(--m1-red);--rbg:var(--m1-red-soft);--gold:#f5b72b;--yellow:var(--m1-amber);--ybg:var(--m1-amber-soft);
}
html,body{background:var(--m1-bg)!important;color:var(--m1-ink)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:15px;font-weight:550;letter-spacing:-.01em}
#mobile-app-view{background:var(--m1-bg)!important}
.m78-header{padding:max(var(--safe-top),12px) 14px 12px!important;background:rgba(255,255,255,.97)!important;border-bottom:1px solid var(--m1-line)!important;box-shadow:0 4px 18px rgba(25,49,75,.045)!important;backdrop-filter:blur(16px)!important}
.m78-header__top{min-height:42px}.m78-eyebrow{font-size:9px!important;letter-spacing:.11em!important;color:#8190a2!important;font-weight:800!important}.m78-header h1{font-size:26px!important;font-weight:850!important;color:var(--m1-ink)!important;letter-spacing:-.04em!important;margin-top:4px!important}.m78-icon-btn{width:42px!important;height:42px!important;border-radius:13px!important;background:#fff!important;border:1px solid var(--m1-line)!important;color:#2a4362!important;box-shadow:0 3px 10px rgba(36,61,85,.03)!important}
.m78-search{height:48px!important;margin-top:10px!important;border:1px solid #dfe8ef!important;border-radius:14px!important;background:#fff!important;padding:0 13px!important;box-shadow:0 4px 13px rgba(31,62,88,.03)!important}.m78-search input{font-size:15px!important;font-weight:550!important}.m78-search span{font-size:18px!important;color:#6d7b90!important}
.m78-chips{gap:8px!important;margin-top:9px!important}.m78-chips button{min-height:38px!important;border-radius:12px!important;border:1px solid #dce6ed!important;background:#fff!important;padding:0 12px!important;font-size:11px!important;font-weight:800!important;color:#526279!important;box-shadow:0 2px 7px rgba(31,57,82,.025)!important}.m78-chips button.active{background:linear-gradient(180deg,#10977a,#0b806a)!important;border-color:#0b806a!important;color:#fff!important;box-shadow:0 7px 16px rgba(9,132,108,.13)!important}
.m78-content{padding:13px 13px calc(var(--m78-nav-h) + var(--safe-bottom) + 30px)!important;max-width:700px;margin:0 auto;width:100%}
.m78-bottom-nav{height:calc(var(--m78-nav-h) + var(--safe-bottom))!important;padding:5px max(var(--safe-right),6px) max(var(--safe-bottom),5px) max(var(--safe-left),6px)!important;background:rgba(255,255,255,.985)!important;border-top:1px solid #dfe8ee!important;box-shadow:0 -8px 24px rgba(31,54,76,.07)!important;gap:2px!important}.m78-bottom-nav button{border-radius:14px!important;color:#7b899b!important;font-size:10px!important;font-weight:750!important;position:relative!important;transition:transform .16s ease,background .16s ease,color .16s ease!important}.m78-bottom-nav button span{font-size:20px!important}.m78-bottom-nav button b{font-size:9.5px!important;font-weight:800!important}.m78-bottom-nav button.active{color:#087a66!important;background:#edf8f4!important}.m78-bottom-nav button.active:before{content:"";position:absolute;top:2px;width:26px;height:3px;border-radius:99px;background:#0c8b72}.m78-bottom-nav button:nth-child(3).active{transform:translateY(-4px);background:linear-gradient(180deg,#10977a,#0b806a)!important;color:#fff!important;box-shadow:0 8px 18px rgba(11,129,105,.18)!important}.m78-bottom-nav button:nth-child(3).active:before{display:none}
.m78-fab{display:none!important}
.m78-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-bottom:12px!important}.m78-kpi-grid article{min-height:106px!important;border-radius:17px!important;border:1px solid #e5edf2!important;background:#fff!important;padding:14px!important;box-shadow:var(--m1-shadow)!important}.m78-kpi-grid article:nth-child(1){background:linear-gradient(135deg,#edf6ff,#fff)!important}.m78-kpi-grid article:nth-child(2){background:linear-gradient(135deg,#eafaf5,#fff)!important}.m78-kpi-grid article:nth-child(3){background:linear-gradient(135deg,#fff5e6,#fff)!important}.m78-kpi-grid article:nth-child(4){background:linear-gradient(135deg,#fff0f0,#fff)!important}.m78-kpi-grid span{font-size:11px!important;font-weight:750!important;color:#65758a!important}.m78-kpi-grid strong{font-size:24px!important;font-weight:850!important;color:#152642!important;letter-spacing:-.03em!important}.m78-kpi-grid small{font-size:10px!important;color:#758398!important}
.m78-section{border-radius:18px!important;border:1px solid #e3ebf0!important;background:#fff!important;padding:13px!important;margin-bottom:12px!important;box-shadow:var(--m1-shadow)!important}.m78-section>header{margin-bottom:11px!important}.m78-section header small{font-size:9px!important;color:#8090a3!important;font-weight:850!important}.m78-section header h2{font-size:17px!important;font-weight:850!important;color:#172a45!important}.m78-section header button,.m78-list-head button{border-radius:11px!important;min-height:38px!important;background:#e9f7f3!important;border:1px solid #d5eee6!important;color:#08745f!important;font-size:11px!important;font-weight:800!important}
.m78-feed{gap:10px!important}.m78-empty{border-radius:16px!important;background:#fff!important;border:1px dashed #d9e3e9!important;color:#718198!important;font-size:12px!important}.m78-inline-note{background:#edf8f4!important;border:1px solid #d8efe8!important;border-radius:13px!important;padding:10px 12px!important;color:#0a775f!important;font-size:11px!important;font-weight:700!important;margin-bottom:10px!important}
.m78-booking-card{border-radius:18px!important;border:1px solid #e1e9ef!important;padding:13px!important;background:#fff!important;box-shadow:var(--m1-shadow)!important}.m78-avatar{width:40px!important;height:40px!important;flex-basis:40px!important;background:linear-gradient(145deg,#e8f8f3,#edf6ff)!important;color:#087a66!important;font-size:12px!important}.m78-booking-card h3,.m78-simple-card h3{font-size:14px!important;font-weight:850!important;color:#182b46!important}.m78-booking-card p,.m78-simple-card p{font-size:10px!important;color:#7b899a!important}.m78-badge{font-size:9px!important;font-weight:850!important;padding:5px 8px!important}.m78-booking-card__room strong{font-size:17px!important;font-weight:900!important;color:#112542!important}.m78-booking-card__room span{font-size:10px!important}.m78-booking-card__dates small,.m78-booking-card__dates span{font-size:9px!important}.m78-booking-card__dates b{font-size:12px!important;font-weight:800!important}.m78-booking-card__finance{border-radius:12px!important;background:#f7fafc!important}.m78-actions{gap:7px!important}.m78-action{min-height:40px!important;border-radius:11px!important;border:1px solid #dde7ed!important;background:#fff!important;color:#31445f!important;font-size:10px!important;font-weight:850!important;padding:0 12px!important}.m78-action.primary{background:linear-gradient(180deg,#10977a,#0b806a)!important;border-color:#0b806a!important;color:#fff!important}.m78-action.danger{background:#fff2f1!important;border-color:#ffd8d4!important;color:#cf4944!important}
/* Mobile-first room cards */
.m78-room-grid{display:grid!important;grid-template-columns:1fr!important;gap:11px!important}.m1-room-card{display:block!important;width:100%!important;min-height:0!important;text-align:left!important;padding:0!important;border:1px solid #e1e9ee!important;border-radius:18px!important;background:#fff!important;box-shadow:0 7px 20px rgba(31,57,80,.055)!important;overflow:hidden!important;position:relative!important;color:#19304e!important}.m1-room-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#20b57a}.m1-room-card.is-occupied:before{background:#159f99}.m1-room-card.is-today:before{background:#f3a41e}.m1-room-card.is-dirty:before{background:#7a8799}.m1-room-card.is-overdue:before{background:#ef5d56}.m1-room-card.is-ooo:before{background:#2e83ed}.m1-room-top{display:flex;gap:11px;padding:11px 11px 8px 15px;align-items:flex-start}.m1-room-photo{width:92px;height:82px;flex:0 0 92px;border-radius:13px;object-fit:cover;background:#edf2f5}.m1-room-main{min-width:0;flex:1}.m1-room-title{display:flex;align-items:baseline;gap:7px}.m1-room-title strong{font-size:25px;line-height:1;font-weight:900;letter-spacing:-.04em;color:#10233f}.m1-room-title small{font-size:10px;color:#7b899c;font-weight:700}.m1-status{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:5px 8px;margin-top:7px;font-size:9px;font-weight:850}.m1-status.is-available{background:#dff7e9;color:#087b53}.m1-status.is-occupied{background:#dff7f5;color:#087d77}.m1-status.is-today{background:#fff0cf;color:#a86603}.m1-status.is-dirty{background:#edf0f3;color:#667487}.m1-status.is-overdue{background:#ffe3e1;color:#c6423d}.m1-status.is-ooo{background:#e6f1ff;color:#176dc8}.m1-room-guest{font-size:12px;font-weight:850;color:#21334c;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m1-room-guest.is-muted{color:#5c6d82}.m1-room-menu{width:35px;height:35px;display:grid;place-items:center;flex:0 0 35px;border:1px solid #e0e8ee;border-radius:11px;color:#687b92;background:#fff;font-weight:900;letter-spacing:.06em}.m1-room-info{display:grid;gap:7px;padding:3px 14px 10px 16px}.m1-room-info>div{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:5px;color:#607087;font-size:10.5px}.m1-room-info b{font-weight:700;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m1-room-info em{font-style:normal;font-size:10px;font-weight:850;color:#354a66}.m1-room-info em.success{color:#088267}.m1-room-info em.danger{color:#e34d48}.m1-room-pay{margin:0 10px 10px 14px;border-radius:13px;padding:9px 11px;display:flex;align-items:center;gap:9px}.m1-room-pay>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.65)}.m1-room-pay b{display:block;font-size:11px;font-weight:900}.m1-room-pay small{display:block;font-size:9px;margin-top:2px;font-weight:650;opacity:.9}.m1-room-pay.is-paid{background:#e7f8f1;color:#087b5f}.m1-room-pay.is-debt{background:#ffe9e7;color:#d94440}.m1-room-pay.is-dirty{background:#eef2f5;color:#59697d}.m1-room-pay.is-maint{background:#e8f2ff;color:#176fcf}
/* Monthly-stay native cards */
.m1-month-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:11px}.m1-month-kpis article{background:#fff;border:1px solid #e2eaf0;border-radius:15px;padding:12px;box-shadow:0 5px 14px rgba(31,56,80,.045)}.m1-month-kpis article:nth-child(1){background:#edf6ff}.m1-month-kpis article:nth-child(2){background:#fff4e4}.m1-month-kpis article:nth-child(3){background:#fff0ef}.m1-month-kpis article:nth-child(4){background:#eaf9f4}.m1-month-kpis span{font-size:10px;color:#6c7b90;font-weight:700;display:block}.m1-month-kpis b{font-size:21px;font-weight:900;display:block;margin-top:4px}.m1-month-card{background:#fff;border:1px solid #e1e9ef;border-radius:18px;padding:13px;box-shadow:var(--m1-shadow)}.m1-month-head{display:flex;align-items:flex-start;gap:10px}.m1-month-head>div{min-width:0;flex:1}.m1-month-head strong{display:block;font-size:15px;font-weight:900}.m1-month-head span{font-size:10px;color:#738399}.m1-month-status{flex:0 0 auto;border-radius:999px;padding:5px 8px;font-size:9px!important;font-weight:850}.m1-month-status.is-paid{background:#e3f7ef;color:#087b5f}.m1-month-status.is-debt{background:#fff1dc;color:#ae6a05}.m1-month-status.is-late{background:#ffe7e5;color:#d74842}.m1-month-status.is-soon{background:#fff2dd;color:#aa6703}.m1-month-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}.m1-month-grid>div{border-radius:11px;background:#f7fafc;padding:8px 9px}.m1-month-grid small{display:block;font-size:9px;color:#7b899b;font-weight:700}.m1-month-grid b{display:block;font-size:11px;margin-top:3px;font-weight:850}
.m78-simple-card{border-radius:16px!important;border:1px solid #e1e9ef!important;background:#fff!important;box-shadow:0 6px 18px rgba(31,57,80,.045)!important;padding:12px!important}.m78-simple-icon{background:#edf6ff!important;color:#2572c7!important;border-radius:12px!important}.m78-settings-list>div{font-size:12px!important}.m78-wide-btn{min-height:48px!important;border-radius:13px!important;background:linear-gradient(180deg,#10977a,#0b806a)!important}
/* More sheet / legacy modals become app-like bottom sheets */
.m78-sheet-backdrop{background:rgba(17,31,47,.38)!important}.m78-sheet{background:#fff!important;border-radius:24px 24px 0 0!important;box-shadow:0 -15px 45px rgba(11,31,49,.16)!important}.m78-sheet__handle span,.m78-sheet-handle span{background:#dbe3e8!important}.m78-more-grid{grid-template-columns:repeat(3,1fr)!important;gap:10px!important}.m78-more-grid button{min-height:92px!important;border:1px solid #e2e9ee!important;border-radius:16px!important;background:#fbfdfe!important;color:#263751!important}.m78-more-grid button span{color:#0b836d!important;font-size:23px!important}.m78-more-grid button b{font-size:11px!important;font-weight:800!important}
.ov{background:rgba(17,31,47,.40)!important}.ov>.modal{border-radius:24px 24px 0 0!important;background:#fff!important;box-shadow:0 -20px 55px rgba(15,34,52,.2)!important;max-height:94dvh!important}.mh{background:#fff!important;border-bottom:1px solid #e2e9ef!important}.mt{font-size:16px!important;font-weight:900!important;color:#152946!important}.mc{border:1px solid #dfe8ef!important;background:#fff!important}.mb,.ci2-body{background:#f8fafc!important}.mf{background:#fff!important;border-top:1px solid #e1e9ef!important}.btn{min-height:46px!important;border-radius:12px!important;border:1px solid #dce6ed!important;background:#fff!important;color:#21364f!important;font-weight:800!important}.btn.primary,.btn.success{background:linear-gradient(180deg,#10977a,#0b806a)!important;border-color:#0b806a!important;color:#fff!important}.fg label{font-size:11px!important;font-weight:800!important;color:#465a73!important}.ov input:not([type=checkbox]):not([type=radio]),.ov select,.ov textarea{min-height:48px!important;border-radius:12px!important;border-color:#dbe5ec!important;background:#fff!important;font-size:16px!important}
/* Tablet is a wider mobile product, never the desktop shell. */
@media(min-width:601px) and (max-width:1024px){.m78-content{max-width:900px;padding-left:20px!important;padding-right:20px!important}.m78-room-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.m78-feed{grid-template-columns:repeat(2,minmax(0,1fr))!important}.m78-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.m78-kpi-grid strong{font-size:20px!important}.m1-month-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.m78-more-grid{grid-template-columns:repeat(5,1fr)!important}}
@media(max-width:374px){.m78-header h1{font-size:23px!important}.m78-content{padding-left:10px!important;padding-right:10px!important}.m1-room-photo{width:82px;height:76px;flex-basis:82px}.m1-room-title strong{font-size:23px}.m1-room-info>div{font-size:10px}.m78-bottom-nav button b{font-size:8.6px!important}}
@media(prefers-reduced-motion:no-preference){.m78-room-card,.m78-booking-card,.m78-simple-card,.m78-action,.m78-bottom-nav button{transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.m78-room-card:active,.m78-booking-card:active{transform:scale(.992)}.m78-action:active,.m78-bottom-nav button:active{transform:scale(.96)}}
}