:root {
  --ink: #17211f;
  --muted: #71817d;
  --line: #dfe7e4;
  --canvas: #f3f6f5;
  --panel: #ffffff;
  --panel-soft: #f9faf9;
  --input: #fbfcfc;
  --forest: #143e37;
  --forest-2: #1d5148;
  --mint: #dff3e9;
  --green: #2f8a65;
  --accent: #2f8a65;
  --coral: #e9785b;
  --amber: #c78d2f;
  --blue: #4f76a6;
  --slate: #7c8583;
  --shadow: 0 18px 50px rgba(21, 55, 48, .09);
  --radius: 18px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--canvas); font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid rgba(47, 138, 101, .24); outline-offset: 2px; }
.hidden { display: none !important; }
.muted { color: var(--muted); }
.positive { color: var(--green) !important; }
.negative { color: var(--coral) !important; }

/* Login */
.login-screen { min-height: 100vh; display: grid; grid-template-columns: minmax(440px, 1.2fr) minmax(430px, .8fr); background: #fff; }
.login-visual { min-height: 720px; position: relative; overflow: hidden; color: #fff; padding: 44px 54px; background: radial-gradient(circle at 16% 17%, rgba(99, 155, 136, .26), transparent 28%), radial-gradient(circle at 84% 88%, rgba(161, 119, 70, .18), transparent 26%), #123b35; }
.login-visual::after { content: ''; position: absolute; inset: 0; opacity: .075; background-image: linear-gradient(30deg, transparent 0 48%, #fff 49% 51%, transparent 52%), linear-gradient(-30deg, transparent 0 48%, #fff 49% 51%, transparent 52%); background-size: 80px 140px; }
.login-brand, .brand { display: flex; align-items: center; gap: 12px; font-family: Manrope, sans-serif; font-weight: 800; font-size: 20px; position: relative; z-index: 1; }
.brand-mark { width: 38px; height: 38px; display: inline-grid; place-items: center; border-radius: 11px; background: linear-gradient(145deg, #f2bd75, #d38b49); color: #183f38; font-family: Manrope, sans-serif; font-weight: 800; box-shadow: inset 0 1px rgba(255,255,255,.5); }
.login-copy { position: relative; z-index: 1; max-width: 620px; margin: 14vh 0 0 5vw; }
.eyebrow { display: block; color: var(--green); font-size: 11px; font-weight: 800; letter-spacing: .19em; margin-bottom: 15px; }
.eyebrow.light { color: #e5b877; }
.login-copy h1 { font: 800 clamp(46px, 5vw, 72px)/1.02 Manrope, sans-serif; letter-spacing: -.055em; margin: 0; }
.login-copy p { color: rgba(255,255,255,.7); font-size: 18px; max-width: 500px; line-height: 1.6; }
.visual-statuses { display: flex; flex-wrap: wrap; gap: 12px 22px; margin-top: 35px; color: rgba(255,255,255,.75); font-size: 12px; }
.visual-statuses span { display: flex; align-items: center; gap: 7px; }
.dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; }
.dot.available { background: #68bf8e; }.dot.occupied { background: #ee8f73; }.dot.cleaning { background: #e3b251; }.dot.maintenance { background: #99a5a2; }
.login-room-preview { position: absolute; z-index: 2; right: 52px; bottom: 48px; display: grid; grid-template-columns: 70px 1fr auto; gap: 12px; align-items: center; width: min(470px, 54vw); padding: 10px; border: 1px solid rgba(255,255,255,.17); border-radius: 16px; background: rgba(255,255,255,.11); backdrop-filter: blur(14px); }
.login-room-preview img { width: 70px; height: 54px; object-fit: cover; border-radius: 10px; }
.login-room-preview div { display: grid; gap: 3px; }.login-room-preview div span { color: rgba(255,255,255,.63); font-size: 11px; }
.login-panel { display: grid; place-items: center; padding: 48px; }
.login-card { width: min(390px, 100%); }
.login-card h2 { margin: 0; font: 800 34px/1.2 Manrope, sans-serif; letter-spacing: -.035em; }
.login-card > p { color: var(--muted); margin: 9px 0 28px; }
.login-card label { display: grid; gap: 8px; margin: 18px 0; font-weight: 600; color: #3b4946; }
.login-card input { width: 100%; border: 1px solid #d6e0dd; border-radius: 12px; padding: 13px 14px; color: var(--ink); background: #fbfcfc; }
.password-wrap { display: flex; position: relative; }.password-wrap button { border: 0; background: transparent; cursor: pointer; position: absolute; right: 8px; top: 6px; width: 34px; height: 34px; color: var(--muted); }
.btn { border: 1px solid var(--line); border-radius: 11px; background: #fff; padding: 10px 14px; font-weight: 700; cursor: pointer; transition: .2s ease; display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
.btn:hover { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(18,59,53,.1); }
.btn.primary { background: var(--forest); border-color: var(--forest); color: #fff; }.btn.primary:hover { background: var(--forest-2); }
.btn.secondary { background: #edf5f2; color: var(--forest); border-color: #d8e9e3; }.btn.danger { background: #fff1ee; color: #a84430; border-color: #f3cec5; }
.btn.small { padding: 7px 10px; border-radius: 9px; font-size: 12px; }.btn.ghost { border-color: transparent; background: transparent; }
.login-button { width: 100%; min-height: 48px; margin-top: 6px; justify-content: space-between; padding-left: 18px; padding-right: 18px; }
.demo-note { display: flex; gap: 11px; align-items: center; margin-top: 24px; padding: 13px 15px; background: #f3f7f6; border-radius: 12px; color: var(--green); }
.demo-note > span { font-size: 10px; }.demo-note div { display: grid; gap: 2px; }.demo-note small { color: var(--muted); font-weight: 400; }
.form-error { min-height: 18px; margin: 8px 0 0 !important; color: #ba4733 !important; font-size: 12px; }
.mobile-brand { display: none; }

/* App shell */
.app-shell { display: grid; grid-template-columns: 228px minmax(0, 1fr); min-height: 100vh; }
.sidebar { position: fixed; inset: 0 auto 0 0; width: 228px; z-index: 20; display: flex; flex-direction: column; padding: 24px 14px 15px; color: rgba(255,255,255,.79); background: #143b35; }
.sidebar .brand { color: #fff; padding: 0 10px 26px; }.sidebar .brand-mark { width: 34px; height: 34px; font-size: 17px; flex: 0 0 auto; }.brand-copy { display: grid; line-height: 1; min-width: 0; max-width: 154px; }.brand-copy strong { display:block; max-width:154px; font-size:19px; font-weight:800; line-height:.95; letter-spacing:-.02em; white-space:nowrap; overflow:hidden; text-overflow:clip; }.brand-copy small { font-size: 10px; font-weight: 600; letter-spacing: .14em; color: rgba(255,255,255,.55); margin-top: 6px; white-space:nowrap; }
#mainNav { display: grid; gap: 3px; overflow-y: auto; }
.nav-item { width: 100%; border: 0; display: grid; grid-template-columns: 28px 1fr auto; align-items: center; text-align: left; padding: 10px 11px; border-radius: 10px; color: inherit; background: transparent; cursor: pointer; transition: .15s ease; }
.nav-item > span { font-size: 18px; color: rgba(255,255,255,.61); }.nav-item em { font-style: normal; font-weight: 600; font-size: 13px; }.nav-item b { min-width: 20px; padding: 2px 6px; text-align: center; border-radius: 10px; color: #fff; background: rgba(255,255,255,.15); font-size: 10px; }.nav-item b.alert { background: #d86e54; }
.nav-item:hover { background: rgba(255,255,255,.07); color: #fff; }.nav-item.active { background: rgba(255,255,255,.12); color: #fff; }.nav-item.active > span { color: #efbb78; }
.nav-divider { height: 34px; padding: 16px 12px 6px; font-size: 9px; letter-spacing: .14em; color: rgba(255,255,255,.36); }
.sidebar-profile div { display: grid; flex: 1; text-align: left; }.sidebar-profile small { color: rgba(255,255,255,.46); font-size: 10px; margin-top: 2px; }
.sidebar-profile { border: 0; border-top: 1px solid rgba(255,255,255,.1); background: transparent; color: inherit; display: flex; align-items: center; gap: 9px; padding: 14px 7px 2px; cursor: pointer; }.sidebar-profile strong { font-size: 12px; color: #fff; }.avatar { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 10px; background: #e9b975; color: #173f38; font-weight: 800; font-size: 11px; }
.sidebar-support-nav, .sidebar-support-nav:hover, .sidebar-support-nav:focus, .sidebar-support-nav:active, .sidebar-support-nav > span, .sidebar-support-nav > em { text-decoration: none !important; }
.sidebar-support-nav { color: inherit !important; }
.sidebar-support-nav > span { font-size: 17px; text-decoration: none !important; }
.sidebar-support-nav > em { text-decoration: none !important; }
.main-area { grid-column: 2; min-width: 0; }
.topbar { position: sticky; top: 0; z-index: 15; height: 72px; padding: 0 28px; display: flex; align-items: center; justify-content: space-between; gap: 25px; border-bottom: 1px solid #e2e8e6; background: rgba(255,255,255,.94); backdrop-filter: blur(12px); }
.property-selector { display: flex; align-items: center; gap: 11px; min-width: 240px; }.property-selector > div { display: grid; }.property-selector small, .business-date small { color: var(--muted); font-size: 10px; margin-top: 2px; }.hotel-icon { width: 32px; height: 32px; display: grid; place-items: center; background: #e6f0ed; color: var(--forest); border-radius: 9px; font: 800 13px Manrope; }
.topbar-actions { display: flex; align-items: center; gap: 11px; }.search-trigger { min-width: 285px; height: 38px; padding: 0 9px 0 12px; display: flex; align-items: center; gap: 9px; color: var(--muted); background: #f4f7f6; border: 1px solid #e2e9e7; border-radius: 10px; cursor: pointer; text-align: left; }.search-trigger span:nth-child(2) { flex: 1; }.search-trigger kbd, .command-input kbd { font: 10px 'DM Sans'; color: #87948f; border: 1px solid #d9e2df; background: #fff; border-radius: 5px; padding: 3px 6px; }
.icon-btn { position: relative; width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid #e0e8e5; background: #fff; border-radius: 10px; cursor: pointer; }.icon-btn i { position: absolute; right: 7px; top: 7px; width: 6px; height: 6px; border: 1.5px solid #fff; border-radius: 50%; background: #df7358; }
.business-date { display: grid; padding-left: 13px; border-left: 1px solid var(--line); }.business-date strong { display:flex; align-items:baseline; gap:6px; margin-top:2px; font:900 12px/1.2 Manrope; white-space:nowrap; }.business-date strong span,.business-date strong em,.business-date strong i { font:inherit; font-style:normal; }.business-date strong em { color:var(--forest); font-variant-numeric:tabular-nums; letter-spacing:.02em; }.business-date strong i{color:var(--muted);}.mobile-menu { display: none; }
.view-container { padding: 25px 28px 38px; max-width: 1680px; margin: 0 auto; }
.license-status-button{height:30px;padding:0 10px;border:1px solid #c9e3d8;border-radius:9px;color:#236149;background:#edf8f3;font-size:9px;font-weight:900;cursor:pointer}.license-status-button.grace_period{color:#8a5c25;border-color:#ead5b4;background:#fff5e5}.license-status-button.suspended,.license-status-button.canceled{color:#9c433c;border-color:#eccbc7;background:#fff1ef}.license-banner{min-height:52px;display:flex;align-items:center;gap:11px;padding:9px 28px;color:#6d4c23;border-bottom:1px solid #edd3a8;background:#fff5e3}.license-banner.blocked{color:#833a35;border-color:#e9c7c3;background:#fff0ee}.license-banner>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.7);font-weight:900}.license-banner>div{display:grid;flex:1;gap:2px}.license-banner strong{font-size:11px}.license-banner small{font-size:9px;line-height:1.4}.license-banner button{height:32px;padding:0 11px;border:0;border-radius:9px;color:#fff;background:#704d22;font-size:9px;font-weight:900;cursor:pointer}.license-banner.blocked button{background:#963f38}.billing-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px}.billing-state{grid-column:1/-1;width:max-content;padding:7px 10px;border-radius:9px;color:#27644d;background:#e8f6f0;font-size:9px;font-weight:900}.billing-state.grace_period{color:#805522;background:#fff1d8}.billing-state.suspended,.billing-state.canceled{color:#943e37;background:#ffebe8}.billing-summary .info-note{grid-column:1/-1;padding:12px;border-radius:10px;color:var(--muted);background:var(--panel-soft);font-size:10px;line-height:1.5}.modal-footer a.btn{text-decoration:none}

/* Shared view */
.view-heading { display: flex; justify-content: space-between; gap: 20px; align-items: flex-end; margin-bottom: 20px; }.view-heading h1 { font: 800 27px/1.2 Manrope; letter-spacing: -.035em; margin: 0 0 5px; }.view-heading p { color: var(--muted); margin: 0; }.heading-actions { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.select, .input { min-height: 38px; padding: 8px 11px; border: 1px solid var(--line); border-radius: 10px; color: #34423f; background: #fff; }
.kpi-grid { display: grid; grid-template-columns: repeat(5, minmax(135px, 1fr)); gap: 12px; margin-bottom: 18px; }.kpi-card { display: grid; grid-template-columns: 38px 1fr; gap: 10px; align-items: center; min-height: 83px; padding: 14px; border: 1px solid #e2e9e7; border-radius: 14px; background: #fff; }.kpi-icon { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; font-size: 18px; background: #eaf4f0; color: var(--forest); }.kpi-card:nth-child(2) .kpi-icon { background: #fff2ec; color: #c9654d; }.kpi-card:nth-child(3) .kpi-icon { background: #eef2f8; color: #54729a; }.kpi-card:nth-child(4) .kpi-icon { background: #fff6df; color: #b07b1f; }.kpi-card:nth-child(5) .kpi-icon { background: #eef1f0; color: #697571; }.kpi-copy { display: grid; }.kpi-copy small { color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .06em; }.kpi-copy strong { font: 800 20px Manrope; margin-top: 2px; }.kpi-copy em { color: var(--green); font-style: normal; font-size: 10px; }
.panel { border: 1px solid #e1e8e6; border-radius: var(--radius); background: #fff; box-shadow: 0 2px 3px rgba(20,59,53,.015); }.panel-head { min-height: 59px; display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 13px 17px; border-bottom: 1px solid #e7eceb; }.panel-head h2 { font: 800 15px Manrope; margin: 0; }.panel-head p { color: var(--muted); font-size: 11px; margin: 3px 0 0; }.panel-actions { display: flex; gap: 8px; align-items: center; }.segmented { display: inline-flex; padding: 3px; border: 1px solid #dfe7e4; border-radius: 9px; background: #f7f9f8; }.segmented button { border: 0; background: transparent; padding: 6px 9px; color: var(--muted); border-radius: 6px; font-size: 11px; cursor: pointer; }.segmented button.active { color: var(--forest); background: #fff; font-weight: 700; box-shadow: 0 2px 7px rgba(20,59,53,.09); }

/* Hotel map */
.map-layout { display: grid; grid-template-columns: minmax(0, 1fr) 262px; gap: 15px; align-items: start; }.hotel-map-panel { min-width: 0; }.legend { display: flex; flex-wrap: wrap; gap: 13px; color: var(--muted); font-size: 10px; }.legend span { display: flex; align-items: center; gap: 5px; }
.floor { padding: 16px 17px 5px; }.floor + .floor { border-top: 1px solid #edf1f0; }.floor-title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 11px; }.floor-title strong { font: 700 12px Manrope; }.floor-title span { color: var(--muted); font-size: 10px; }
.room-grid { display: grid; grid-template-columns: repeat(3, minmax(190px, 1fr)); gap: 10px; }.room-card { min-width: 0; position: relative; overflow: hidden; border: 1px solid #dfe7e4; border-radius: 13px; background: #fff; cursor: pointer; transition: transform .18s ease, box-shadow .18s ease, border .18s ease; }.room-card:hover { transform: translateY(-2px); box-shadow: var(--shadow); z-index: 2; }.room-card.drag-over { border: 2px dashed var(--green); box-shadow: 0 0 0 4px rgba(47,138,101,.1); }
.room-card::before { content: ''; position: absolute; inset: 0 auto 0 0; width: 4px; z-index: 2; }.room-card.available::before { background: #55a97e; }.room-card.occupied::before { background: #e9795d; }.room-card.cleaning::before { background: #d8a13b; }.room-card.maintenance::before { background: #7e8a87; }.room-card.reserved::before { background: #587caf; }
.room-image { height: 73px; position: relative; overflow: hidden; background: #eef2f1; }.room-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }.room-card:hover .room-image img { transform: scale(1.035); }.room-image::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 40%, rgba(15,32,29,.33)); }.room-number { position: absolute; z-index: 1; left: 11px; bottom: 8px; color: #fff; font: 800 17px Manrope; text-shadow: 0 1px 5px rgba(0,0,0,.4); }.room-body { padding: 10px 11px 11px 14px; }.room-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }.room-type { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #34423f; font-size: 11px; font-weight: 700; }.status-pill { display: inline-flex; align-items: center; gap: 5px; width: max-content; white-space: nowrap; padding: 4px 7px; border-radius: 8px; font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .03em; }.status-pill.available { color: #247652; background: #dff3e9; }.status-pill.occupied { color: #ae4c36; background: #ffebe6; }.status-pill.cleaning { color: #956914; background: #fff1c9; }.status-pill.maintenance { color: #5c6966; background: #e9edec; }.status-pill.reserved, .status-pill.confirmed { color: #42648d; background: #e6eef8; }.status-pill.arriving { color: #956914; background: #fff1c9; }.status-pill.inhouse { color: #ae4c36; background: #ffebe6; }
.room-guest { display: flex; align-items: center; gap: 7px; margin-top: 9px; min-height: 25px; }.guest-mini-avatar { flex: 0 0 auto; width: 24px; height: 24px; display: grid; place-items: center; border-radius: 8px; background: #eef3f1; color: var(--forest); font-size: 9px; font-weight: 800; }.room-guest div { min-width: 0; display: grid; }.room-guest strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; }.room-guest small { color: var(--muted); font-size: 9px; }.vacant-label { color: #8b9894; font-size: 10px; }.beds { color: #64726e; letter-spacing: 1px; font-size: 12px; }.room-footer { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #edf1ef; padding-top: 8px; margin-top: 8px; color: var(--muted); font-size: 9px; }.countdown { color: #b44e38; font-weight: 700; }.countdown.safe { color: var(--green); }.housekeeping-tag { display: flex; align-items: center; gap: 4px; }.housekeeping-tag.dirty { color: #b17818; }
.room-hover { opacity: 0; pointer-events: none; position: absolute; z-index: 5; left: 10px; right: 10px; bottom: 10px; padding: 9px 10px; border-radius: 9px; color: #fff; background: rgba(18,45,40,.94); transform: translateY(6px); transition: .17s ease; font-size: 10px; box-shadow: 0 8px 20px rgba(0,0,0,.18); }.room-card:hover .room-hover { opacity: 1; transform: translateY(0); }.room-hover strong { display: block; margin-bottom: 3px; }.room-hover span { color: rgba(255,255,255,.7); }
.side-stack { display: grid; gap: 15px; }.arrival-list, .activity-list { padding: 7px 13px 11px; }.arrival-item { padding: 10px 2px; border-bottom: 1px solid #edf1f0; }.arrival-item:last-child { border-bottom: 0; }.arrival-item-top { display: flex; align-items: center; gap: 8px; }.arrival-item-top > div { min-width: 0; display: grid; flex: 1; }.arrival-item strong { font-size: 11px; }.arrival-item small { color: var(--muted); font-size: 9px; }.source-tag { padding: 3px 6px; border-radius: 6px; color: #5d6b67; background: #eef2f1; font-size: 8px; font-weight: 700; }.arrival-progress { display: flex; justify-content: space-between; margin: 8px 0 5px; color: var(--muted); font-size: 9px; }.progress { height: 4px; border-radius: 5px; background: #e8eeec; overflow: hidden; }.progress i { display: block; height: 100%; background: var(--green); border-radius: inherit; }
.activity-item { display: grid; grid-template-columns: 28px 1fr; gap: 8px; padding: 9px 0; border-bottom: 1px solid #edf1f0; }.activity-item:last-child { border: 0; }.activity-icon { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 8px; background: #eff4f2; font-size: 12px; }.activity-item p { margin: 0; font-size: 10px; line-height: 1.35; }.activity-item time { color: var(--muted); font-size: 8px; }
.guest-dock { margin-top: 15px; }.guest-dock-body { display: grid; grid-template-columns: repeat(3, minmax(180px,1fr)); gap: 10px; padding: 13px 16px 16px; }.guest-chip { display: grid; grid-template-columns: 34px 1fr auto; gap: 9px; align-items: center; padding: 10px; border: 1px dashed #cbdad5; border-radius: 12px; background: #f9fbfa; cursor: grab; transition: .17s ease; }.guest-chip:hover { border-color: var(--green); background: #f1f8f5; transform: translateY(-1px); }.guest-chip.selected { box-shadow: 0 0 0 3px rgba(47,138,101,.16); border-color: var(--green); }.guest-chip .guest-mini-avatar { width: 34px; height: 34px; border-radius: 10px; background: #e3f0ec; }.guest-chip div { display: grid; min-width: 0; }.guest-chip strong { font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }.guest-chip small { color: var(--muted); font-size: 9px; }.drag-handle { color: #9aa6a2; font-size: 15px; }.dock-hint { color: var(--muted); font-size: 10px; }

/* Tables, calendars and modules */
.content-grid { display: grid; grid-template-columns: minmax(0, 1fr) 310px; gap: 15px; }.table-wrap { overflow-x: auto; }.data-table { width: 100%; border-collapse: collapse; min-width: 720px; }.data-table th { padding: 11px 14px; color: #81908c; background: #f8faf9; text-align: left; font-size: 9px; letter-spacing: .07em; text-transform: uppercase; }.data-table td { padding: 13px 14px; border-top: 1px solid #e9eeec; font-size: 11px; }.data-table tr:hover td { background: #fbfcfc; }.guest-cell { display: flex; align-items: center; gap: 8px; }.guest-cell > div { display: grid; }.guest-cell small { color: var(--muted); font-size: 9px; }.money { font-weight: 700; font-variant-numeric: tabular-nums; }.table-actions { display: flex; gap: 5px; }
.calendar { overflow-x: auto; padding: 10px 14px 16px; }.calendar-grid { min-width: 900px; display: grid; grid-template-columns: 95px repeat(7, minmax(105px,1fr)); border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }.calendar-cell { min-height: 42px; padding: 8px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); position: relative; }.calendar-cell:nth-child(8n) { border-right: 0; }.calendar-head-cell { background: #f7f9f8; min-height: 48px; display: grid; align-content: center; }.calendar-head-cell strong { font-size: 10px; }.calendar-head-cell small { color: var(--muted); font-size: 9px; }.room-label { background: #fbfcfc; font-weight: 700; }.booking-bar { position: absolute; inset: 7px 4px; border-radius: 7px; padding: 6px 8px; overflow: hidden; color: #fff; background: #4d766d; font-size: 9px; font-weight: 700; white-space: nowrap; }.booking-bar.arriving { background: #bf8a32; }.booking-bar.inhouse { background: #d36d54; }
.mini-summary { padding: 16px; }.summary-figure { padding: 14px; border-radius: 13px; color: #fff; background: var(--forest); }.summary-figure small { color: rgba(255,255,255,.62); }.summary-figure strong { display: block; font: 800 27px Manrope; margin: 5px 0; }.summary-row { display: flex; justify-content: space-between; padding: 11px 2px; border-bottom: 1px solid var(--line); font-size: 11px; }.summary-row:last-child { border: 0; }.summary-row span { color: var(--muted); }
.guest-directory { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.guest-card { padding: 15px; }.guest-card-head { display: flex; align-items: center; gap: 11px; }.guest-avatar-large { width: 42px; height: 42px; display: grid; place-items: center; color: var(--forest); background: #e3f0ec; border-radius: 13px; font-weight: 800; }.guest-card-head > div { flex: 1; display: grid; }.guest-card-head small { color: var(--muted); font-size: 10px; }.tag { display: inline-flex; width: max-content; margin: 3px 3px 0 0; padding: 3px 7px; border-radius: 7px; color: #50605c; background: #edf2f0; font-size: 9px; }.tag.vip { color: #94651b; background: #fff1c8; }.guest-contact { display: grid; gap: 7px; margin-top: 13px; padding-top: 12px; border-top: 1px solid var(--line); color: var(--muted); font-size: 10px; }.guest-card-foot { display: flex; justify-content: space-between; align-items: center; margin-top: 12px; }.guest-card-foot small { color: var(--muted); }
.kanban { display: grid; grid-template-columns: repeat(4, minmax(210px,1fr)); gap: 12px; overflow-x: auto; }.kanban-col { min-width: 210px; padding: 12px; border-radius: 15px; background: #eaf0ee; }.kanban-col-head { display: flex; justify-content: space-between; align-items: center; padding: 2px 2px 10px; }.kanban-col-head strong { font: 700 11px Manrope; text-transform: uppercase; letter-spacing: .05em; }.kanban-col-head span { display: grid; place-items: center; min-width: 21px; height: 21px; border-radius: 7px; background: rgba(255,255,255,.8); color: var(--muted); font-size: 9px; }.task-card { margin-bottom: 9px; padding: 12px; border: 1px solid #dce5e2; border-radius: 12px; background: #fff; }.task-room { display: flex; justify-content: space-between; align-items: center; }.task-room strong { font: 800 18px Manrope; }.priority { font-size: 8px; font-weight: 800; text-transform: uppercase; padding: 3px 6px; border-radius: 6px; }.priority.high, .priority.urgent { color: #af4b36; background: #ffebe6; }.priority.normal { color: #4f6f94; background: #edf3fa; }.priority.low { color: #64726e; background: #eef2f1; }.task-card p { margin: 10px 0 8px; font-size: 11px; font-weight: 600; }.task-meta { display: flex; justify-content: space-between; color: var(--muted); font-size: 9px; }.assignee { display: flex; align-items: center; gap: 5px; }.assignee i { width: 18px; height: 18px; display: grid; place-items: center; border-radius: 6px; background: #e6f0ed; color: var(--forest); font-style: normal; font-size: 7px; font-weight: 800; }
.maintenance-grid { display: grid; grid-template-columns: repeat(2, minmax(280px,1fr)); gap: 13px; }.maintenance-card { display: grid; grid-template-columns: 70px 1fr; overflow: hidden; }.maintenance-room { display: grid; place-items: center; align-content: center; color: #fff; background: #324d48; }.maintenance-room strong { font: 800 21px Manrope; }.maintenance-room small { color: rgba(255,255,255,.6); font-size: 9px; }.maintenance-body { padding: 14px; }.maintenance-body h3 { margin: 5px 0 8px; font-size: 13px; }.maintenance-meta { display: flex; flex-wrap: wrap; gap: 12px; color: var(--muted); font-size: 9px; }.maintenance-actions { display: flex; gap: 7px; margin-top: 13px; }
.finance-grid { display: grid; grid-template-columns: repeat(4,minmax(150px,1fr)); gap: 12px; margin-bottom: 16px; }.finance-card { padding: 16px; }.finance-card small { color: var(--muted); }.finance-card strong { display: block; margin: 6px 0 2px; font: 800 23px Manrope; }.finance-card em { color: var(--green); font-style: normal; font-size: 10px; }
.report-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: 15px; }.chart-panel { padding: 17px; }.chart-title { display: flex; justify-content: space-between; align-items: start; margin-bottom: 20px; }.chart-title h2 { margin: 0; font: 800 15px Manrope; }.chart-title p { margin: 4px 0 0; color: var(--muted); font-size: 10px; }.bars { height: 220px; display: flex; align-items: end; gap: 13px; padding: 10px 6px 24px; border-bottom: 1px solid var(--line); background: repeating-linear-gradient(to top, transparent 0 43px, #edf1f0 44px); }.bar-item { height: 100%; flex: 1; display: flex; align-items: end; justify-content: center; position: relative; }.bar { width: min(34px,70%); height: var(--h); border-radius: 8px 8px 2px 2px; background: linear-gradient(#3e8b72, #1e5147); transition: .3s ease; }.bar:hover { filter: brightness(1.08); }.bar-value { position: absolute; bottom: calc(var(--h) + 6px); font-size: 9px; font-weight: 700; }.bar-label { position: absolute; bottom: -20px; color: var(--muted); font-size: 9px; }.donut-wrap { display: grid; grid-template-columns: 160px 1fr; gap: 20px; align-items: center; }.donut { width: 150px; height: 150px; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(#2e7e65 0 48%, #e0785c 48% 72%, #5077a3 72% 89%, #d2a13f 89% 100%); position: relative; }.donut::before { content: ''; width: 96px; height: 96px; position: absolute; border-radius: 50%; background: #fff; }.donut-center { z-index: 1; text-align: center; }.donut-center strong { display: block; font: 800 21px Manrope; }.donut-center small { color: var(--muted); font-size: 9px; }.chart-legend { display: grid; gap: 10px; }.chart-legend div { display: grid; grid-template-columns: 10px 1fr auto; gap: 7px; align-items: center; font-size: 10px; }.chart-legend i { width: 8px; height: 8px; border-radius: 3px; }.chart-legend span { color: var(--muted); }
.rate-grid { display: grid; grid-template-columns: repeat(3,minmax(220px,1fr)); gap: 13px; }.rate-card { overflow: hidden; }.rate-card img { width: 100%; height: 125px; object-fit: cover; }.rate-body { padding: 15px; }.rate-body h3 { margin: 0; font: 800 14px Manrope; }.rate-price { margin: 10px 0 2px; font: 800 22px Manrope; }.rate-price small { font: 400 9px DM Sans; color: var(--muted); }.rate-rules { display: grid; gap: 7px; margin-top: 13px; color: var(--muted); font-size: 10px; }.rate-rule { display: flex; justify-content: space-between; }

/* Modal + palette */
.modal-backdrop, .command-backdrop { position: fixed; inset: 0; z-index: 60; display: grid; place-items: center; padding: 20px; background: rgba(14,34,30,.54); backdrop-filter: blur(4px); }.modal { width: min(570px,100%); max-height: min(790px,90vh); overflow-y: auto; border-radius: 18px; background: #fff; box-shadow: 0 35px 90px rgba(10,31,26,.28); animation: modalIn .18s ease; }.modal.wide { width: min(780px,100%); }.modal-header { position: sticky; top: 0; z-index: 2; display: flex; justify-content: space-between; align-items: center; padding: 18px 20px; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.96); }.modal-header h2 { margin: 0; font: 800 17px Manrope; }.modal-close { width: 32px; height: 32px; border: 0; border-radius: 9px; background: #f0f4f2; cursor: pointer; }.modal-body { padding: 20px; }.modal-footer { display: flex; justify-content: flex-end; gap: 9px; padding: 14px 20px; border-top: 1px solid var(--line); }.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }.form-grid label, .form-stack label { display: grid; gap: 6px; color: #52605c; font-size: 10px; font-weight: 700; }.form-grid label.full { grid-column: 1/-1; }.form-stack { display: grid; gap: 13px; }.modal .input { width: 100%; }.modal textarea.input { min-height: 75px; resize: vertical; }
.room-detail-hero { height: 185px; position: relative; overflow: hidden; }.room-detail-hero img { width: 100%; height: 100%; object-fit: cover; }.room-detail-hero::after { content: ''; position: absolute; inset: 0; background: linear-gradient(transparent 40%,rgba(10,27,24,.7)); }.room-detail-caption { position: absolute; z-index: 1; left: 20px; right: 20px; bottom: 16px; color: #fff; display: flex; align-items: end; justify-content: space-between; }.room-detail-caption h2 { font: 800 28px Manrope; margin: 0; }.room-detail-caption p { margin: 3px 0 0; color: rgba(255,255,255,.7); }.room-detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.detail-block { padding: 13px; background: #f6f9f8; border-radius: 11px; }.detail-block small { color: var(--muted); font-size: 9px; text-transform: uppercase; }.detail-block strong { display: block; margin-top: 5px; font-size: 12px; }.bed-options { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }.bed-option { border: 1px solid var(--line); border-radius: 10px; padding: 10px 7px; background: #fff; cursor: pointer; text-align: center; font-size: 10px; }.bed-option span { display: block; font-size: 18px; margin-bottom: 4px; }.bed-option.active { border-color: var(--green); background: #edf7f3; color: var(--forest); font-weight: 700; }.room-actions { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 15px; }
.command-backdrop { align-items: start; padding-top: 12vh; }.command-palette { width: min(620px,100%); max-height: 70vh; overflow: hidden; border-radius: 16px; background: #fff; box-shadow: 0 30px 90px rgba(10,31,26,.3); }.command-input { height: 62px; display: grid; grid-template-columns: 25px 1fr auto; gap: 10px; align-items: center; padding: 0 18px; border-bottom: 1px solid var(--line); }.command-input input { border: 0; outline: 0; font-size: 15px; }.command-results { padding: 8px; overflow-y: auto; max-height: calc(70vh - 62px); }.command-result { width: 100%; display: grid; grid-template-columns: 36px 1fr auto; gap: 10px; align-items: center; border: 0; border-radius: 10px; padding: 10px; background: #fff; cursor: pointer; text-align: left; }.command-result:hover { background: #f1f6f4; }.command-result > div { display: grid; }.command-result small { color: var(--muted); }
.empty-state { padding: 38px 20px; text-align: center; color: var(--muted); }.empty-state span { display: block; font-size: 30px; margin-bottom: 8px; }.empty-state strong { display: block; color: var(--ink); margin-bottom: 4px; }
.toast-region { position: fixed; z-index: 100; top: 18px; right: 18px; display: grid; gap: 8px; }.toast { min-width: 260px; max-width: 390px; display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 12px; color: #fff; background: #173f38; box-shadow: 0 14px 40px rgba(10,31,26,.25); animation: toastIn .25s ease; }.toast.error { background: #9e4936; }.toast i { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.15); font-style: normal; }
@keyframes modalIn { from { opacity: 0; transform: translateY(10px) scale(.985); } }
@keyframes toastIn { from { opacity: 0; transform: translateX(15px); } }

@media (max-width: 1220px) {
  .map-layout { grid-template-columns: 1fr; }.side-stack { grid-template-columns: 1fr 1fr; }.room-grid { grid-template-columns: repeat(3,minmax(175px,1fr)); }.kpi-grid { grid-template-columns: repeat(3,1fr); }.report-grid { grid-template-columns: 1fr; }
}
@media (max-width: 960px) {
  .app-shell { grid-template-columns: 1fr; }.sidebar { transform: translateX(-100%); transition: .2s ease; box-shadow: 20px 0 50px rgba(8,30,25,.2); }.sidebar.open { transform: translateX(0); }.main-area { grid-column: 1; }.mobile-menu { display: grid; }.topbar { padding: 0 18px; }.search-trigger { min-width: 38px; width: 38px; }.search-trigger span:nth-child(2), .search-trigger kbd { display: none; }.view-container { padding: 20px 18px 32px; }.login-screen { grid-template-columns: 1fr; }.login-visual { display: none; }.mobile-brand { display: flex; align-items: center; gap: 10px; margin-bottom: 55px; font: 800 18px Manrope; }.login-panel { min-height: 100vh; }
  .content-grid { grid-template-columns: 1fr; }.guest-directory { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 720px) {
  .view-heading { align-items: flex-start; flex-direction: column; }.view-heading h1 { font-size: 23px; }.heading-actions { width: 100%; }.heading-actions .btn { flex: 1; }.kpi-grid { grid-template-columns: 1fr 1fr; }.kpi-card:last-child { grid-column: 1/-1; }.room-grid { grid-template-columns: 1fr 1fr; }.guest-dock-body { grid-template-columns: 1fr; }.side-stack { grid-template-columns: 1fr; }.topbar { height: 64px; }.property-selector { min-width: 0; flex: 1; }.property-selector small, .property-selector > span:last-child, .business-date, .topbar-actions .icon-btn { display: none; }.view-container { padding: 17px 12px 28px; }.panel-head { align-items: flex-start; flex-direction: column; }.panel-actions { width: 100%; justify-content: space-between; }.legend { gap: 7px; }.guest-directory, .maintenance-grid, .rate-grid, .finance-grid { grid-template-columns: 1fr; }.form-grid, .room-detail-grid { grid-template-columns: 1fr; }.form-grid label.full { grid-column: auto; }.donut-wrap { grid-template-columns: 1fr; justify-items: center; }.login-panel { padding: 28px; }
}
@media (max-width: 470px) {
  .room-grid { grid-template-columns: 1fr; }.kpi-grid { grid-template-columns: 1fr 1fr; gap: 8px; }.kpi-card { grid-template-columns: 31px 1fr; padding: 10px; min-height: 72px; }.kpi-icon { width: 31px; height: 31px; }.kpi-copy strong { font-size: 16px; }.floor { padding: 13px 12px 4px; }.room-image { height: 100px; }
}

/* Temas personalizables */
html { color-scheme: light; }
html[data-theme-mode="dark"] { color-scheme: dark; }
body, .main-area, .view-container { background: var(--canvas); color: var(--ink); transition: background-color .2s ease, color .2s ease; }
.login-screen, .login-panel, .login-card, .topbar, .panel, .kpi-card, .room-card, .task-card, .btn, .icon-btn, .modal, .command-palette, .command-result, .bed-option { background: var(--panel); color: var(--ink); border-color: var(--line); }
.login-visual, .sidebar { background-color: var(--forest); }
.topbar { background: color-mix(in srgb, var(--panel) 94%, transparent); }
.search-trigger, .select, .input, .login-card input, .command-input input { color: var(--ink); background: var(--input); border-color: var(--line); }
.search-trigger kbd, .command-input kbd, .segmented button.active { color: var(--ink); background: var(--panel); border-color: var(--line); }
.btn.secondary, .kpi-icon, .hotel-icon, .guest-mini-avatar, .guest-avatar-large, .assignee i, .activity-icon, .modal-close { color: var(--forest); background: var(--mint); border-color: color-mix(in srgb, var(--line) 72%, var(--accent, var(--green))); }
.btn.primary, .summary-figure { background: var(--forest); border-color: var(--forest); color: #fff; }
.panel-head, .room-footer, .arrival-item, .activity-item, .data-table td, .summary-row, .modal-header, .modal-footer, .command-input { border-color: var(--line); }
.modal-header { background: color-mix(in srgb,var(--panel) 96%,transparent); }
.segmented, .data-table th, .calendar-head-cell, .room-label, .detail-block, .demo-note, .kanban-col, .guest-chip, .source-tag, .tag { background: var(--panel-soft); color: var(--ink); border-color: var(--line); }
.data-table tr:hover td, .command-result:hover, .guest-chip:hover { background: color-mix(in srgb, var(--panel) 62%, var(--mint)); }
.donut::before { background: var(--panel); }
.bars { background: repeating-linear-gradient(to top, transparent 0 43px, var(--line) 44px); }
.bar { background: linear-gradient(var(--green), var(--forest)); }
.room-type, .login-card label, .form-grid label, .form-stack label { color: var(--ink); }
.bed-option.active { color: var(--forest); background: var(--mint); }
.command-input input { outline: 0; }

.appearance-summary { display: grid; grid-template-columns: minmax(280px,1fr) 250px auto; align-items: center; gap: 26px; min-height: 170px; padding: 22px 24px; margin-bottom: 15px; overflow: hidden; }
.appearance-copy .eyebrow { margin: 0 0 7px; color: var(--green); }
.appearance-copy h2 { margin: 0; font: 800 20px Manrope, sans-serif; }
.appearance-copy p { max-width: 650px; margin: 7px 0 13px; color: var(--muted); font-size: 11px; line-height: 1.5; }
.theme-swatches { display: flex; align-items: center; }
.theme-swatches i { width: 22px; height: 22px; margin-left: -4px; border: 2px solid var(--panel); border-radius: 50%; background: var(--swatch); box-shadow: 0 0 0 1px color-mix(in srgb,var(--line) 80%,transparent); }
.theme-swatches i:first-child { margin-left: 0; }
.theme-swatches.large i { width: 27px; height: 27px; }
.appearance-mini-preview { height: 110px; display: grid; grid-template-columns: 45px 1fr; overflow: hidden; border: 1px solid var(--line); border-radius: 14px; background: var(--preview-canvas); box-shadow: 0 15px 35px color-mix(in srgb,var(--forest) 12%,transparent); }
.appearance-mini-preview > span { background: var(--preview-primary); }
.appearance-mini-preview > div { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; align-items: end; padding: 34px 11px 11px; }
.appearance-mini-preview > div::before { content: ''; position: absolute; }
.appearance-mini-preview i { height: 47px; border: 1px solid color-mix(in srgb,var(--preview-ink) 14%,transparent); border-radius: 7px; background: var(--preview-panel); }
.appearance-mini-preview i:nth-child(2) { height: 58px; border-top: 5px solid var(--preview-accent); }

.appearance-editor { display: grid; gap: 22px; }
.form-section-label { color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .12em; }
.theme-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 8px; margin-top: 9px; }
.theme-card { min-width: 0; display: grid; gap: 8px; padding: 12px; text-align: left; color: var(--ink); background: var(--panel-soft); border: 1px solid var(--line); border-radius: 12px; cursor: pointer; transition: .16s ease; }
.theme-card:hover { transform: translateY(-1px); border-color: var(--green); }
.theme-card.active { border-color: var(--green); box-shadow: 0 0 0 3px color-mix(in srgb,var(--green) 18%,transparent); background: color-mix(in srgb,var(--panel) 72%,var(--mint)); }
.theme-card span { font-weight: 800; font-size: 11px; }
.theme-card small { color: var(--muted); font-size: 8px; }
.theme-card .theme-swatches i { width: 17px; height: 17px; }
.appearance-toolbar { display: flex; align-items: center; gap: 12px; }
.appearance-toolbar .segmented { margin-right: auto; }
.appearance-workspace { display: grid; grid-template-columns: minmax(270px,.8fr) minmax(320px,1.2fr); gap: 18px; align-items: stretch; }
.color-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.color-field { display: grid; gap: 5px; padding: 9px; color: var(--muted); background: var(--panel-soft); border: 1px solid var(--line); border-radius: 10px; font-size: 9px; font-weight: 700; }
.color-field > div { display: flex; align-items: center; gap: 7px; }
.color-field input[type="color"] { width: 31px; height: 31px; padding: 2px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel); cursor: pointer; }
.color-field code { color: var(--ink); font: 700 9px Arial, sans-serif; }
.appearance-live-preview { --preview-primary:#143e37; --preview-accent:#2f8a65; --preview-canvas:#f3f6f5; --preview-panel:#fff; --preview-ink:#17211f; --preview-muted:#71817d; --preview-line:#dfe7e4; min-height: 245px; display: grid; grid-template-columns: 58px 1fr; overflow: hidden; border: 1px solid var(--preview-line); border-radius: 15px; color: var(--preview-ink); background: var(--preview-canvas); }
.appearance-live-preview aside { display: grid; align-content: start; justify-items: center; gap: 16px; padding: 16px 9px; color: #fff; background: var(--preview-primary); }
.appearance-live-preview aside b { width: 28px; height: 28px; display: grid; place-items: center; color: var(--preview-primary); background: var(--preview-accent); border-radius: 9px; }
.appearance-live-preview aside i { width: 24px; height: 5px; border-radius: 5px; background: rgba(255,255,255,.3); }
.appearance-live-preview main { min-width: 0; }
.appearance-live-preview header { height: 36px; border-bottom: 1px solid var(--preview-line); background: var(--preview-panel); }
.appearance-live-preview section { padding: 18px; }
.appearance-live-preview section > strong { display: block; margin-bottom: 14px; }
.appearance-live-preview section > div { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.appearance-live-preview article { display: grid; gap: 8px; padding: 10px; border: 1px solid var(--preview-line); border-radius: 10px; background: var(--preview-panel); }
.appearance-live-preview article > span { height: 35px; border-radius: 7px; background: linear-gradient(135deg,var(--preview-primary),var(--preview-accent)); opacity: .82; }
.appearance-live-preview article b { font-size: 13px; }
.appearance-live-preview article small { color: var(--preview-muted); }
.appearance-note { margin: -4px 0 0; padding: 10px 12px; color: var(--muted); background: var(--panel-soft); border-radius: 10px; font-size: 10px; }

html[data-theme-mode="dark"] .room-image::after { background: linear-gradient(180deg,transparent 30%,rgba(0,0,0,.58)); }
html[data-theme-mode="dark"] .modal-backdrop, html[data-theme-mode="dark"] .command-backdrop { background: rgba(0,0,0,.68); }
html[data-theme-mode="dark"] .status-pill.maintenance { color: #d6dedd; background: #394442; }
html[data-theme-mode="dark"] .status-pill.available { color: #8ee2b9; background: #183c2c; }
html[data-theme-mode="dark"] .status-pill.occupied, html[data-theme-mode="dark"] .status-pill.inhouse { color: #ffad98; background: #48251f; }
html[data-theme-mode="dark"] .status-pill.cleaning, html[data-theme-mode="dark"] .status-pill.arriving { color: #f4cf7a; background: #473718; }
html[data-theme-mode="dark"] .status-pill.reserved, html[data-theme-mode="dark"] .status-pill.confirmed { color: #a9c9ee; background: #21364d; }

@media (max-width: 960px) {
  .appearance-summary { grid-template-columns: 1fr auto; }.appearance-mini-preview { display: none; }
  .theme-grid { grid-template-columns: repeat(3,1fr); }.appearance-workspace { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .appearance-summary { grid-template-columns: 1fr; }.theme-grid { grid-template-columns: 1fr 1fr; }
  .appearance-toolbar { align-items: flex-start; flex-wrap: wrap; }.appearance-toolbar .segmented { margin-right: 0; }
  .color-grid { grid-template-columns: 1fr; }
}

/* Constructor visual de pisos y habitaciones */
.hotel-structure-panel{margin-bottom:15px;overflow:hidden;background:linear-gradient(180deg,var(--panel),var(--panel-soft))}
.structure-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px;background:radial-gradient(circle at 85% 10%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 36%),linear-gradient(135deg,color-mix(in srgb,var(--primary) 7%,var(--panel)),var(--panel))}
.structure-hero h2{margin:5px 0 4px;font-size:22px;letter-spacing:-.03em}.structure-hero p{max-width:650px;margin:0;color:var(--muted);font-size:10px;line-height:1.5}.structure-hero .btn{white-space:nowrap}
.structure-overview{display:grid;grid-template-columns:150px 190px 160px 1fr;gap:1px;border-block:1px solid var(--line);background:var(--line)}
.structure-overview>span{min-height:72px;display:grid;align-content:center;gap:3px;padding:12px 18px;background:var(--panel)}.structure-overview small{color:var(--muted);font-size:7px;font-weight:800;letter-spacing:.11em}.structure-overview strong{font-size:21px}.structure-overview .structure-overview-help{display:flex;align-items:center;color:var(--muted);font-size:9px;line-height:1.5;background:var(--panel-soft)}
.structure-floor-list{display:grid;gap:16px;padding:18px}.structure-floor-card{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 5px 20px color-mix(in srgb,var(--ink) 5%,transparent)}.structure-floor-card.is-retired{border-style:dashed;box-shadow:none}
.structure-floor-card>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:linear-gradient(90deg,var(--panel-soft),var(--panel));border-bottom:1px solid var(--line)}
.structure-floor-identity{display:flex;align-items:center;gap:11px;min-width:190px}.structure-floor-icon{min-width:42px;height:42px;display:grid;place-items:center;padding:0 7px;border-radius:12px;color:#fff;background:linear-gradient(145deg,var(--primary),var(--accent));font-size:11px;font-weight:900;box-shadow:0 7px 16px color-mix(in srgb,var(--primary) 20%,transparent)}.is-retired .structure-floor-icon{filter:grayscale(1);opacity:.7}
.structure-floor-title{display:flex;align-items:center;gap:8px}.structure-floor-card h3{margin:0;font-size:14px}.structure-floor-card header p{margin:4px 0 0;color:var(--muted);font-size:9px}.structure-floor-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.structure-floor-actions .btn:disabled{opacity:.4;pointer-events:none}
.structure-floor-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 16px;border-bottom:1px solid var(--line);background:var(--panel)}.structure-floor-summary>small{color:var(--muted);font-size:8px}.structure-type-chips{display:flex;flex-wrap:wrap;gap:6px}.structure-type-chips span{padding:5px 8px;border-radius:999px;color:var(--muted);background:var(--panel-soft);font-size:8px}.structure-type-chips strong{margin-left:4px;color:var(--ink)}
.structure-floor-empty{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;margin:13px;padding:18px;border:1px dashed color-mix(in srgb,var(--accent) 40%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--accent) 4%,var(--panel))}.structure-floor-empty>span{width:44px;height:44px;display:grid;place-items:center;border-radius:11px;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel));font-size:22px}.structure-floor-empty>div{display:grid;gap:4px}.structure-floor-empty strong{font-size:11px}.structure-floor-empty small{color:var(--muted);font-size:8px}
.structure-room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:11px;padding:13px}.structure-room-item{display:grid;grid-template-columns:78px minmax(0,1fr);min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--panel);transition:.18s ease}.structure-room-item:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 10px 24px color-mix(in srgb,var(--ink) 8%,transparent)}.structure-room-item.retired{opacity:.68;background:var(--panel-soft)}
.structure-room-visual{position:relative;min-height:142px;overflow:hidden;background:var(--panel-soft)}.structure-room-visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.75)}.structure-room-visual span{position:absolute;inset:auto 7px 7px;display:grid;place-items:center;min-height:29px;border-radius:8px;color:#fff;background:rgba(13,35,31,.75);font-size:9px;font-weight:900;backdrop-filter:blur(4px)}
.structure-room-content{display:grid;align-content:start;gap:5px;padding:10px}.structure-room-main{display:flex;align-items:center;justify-content:space-between;gap:8px}.structure-room-main>div{display:grid}.structure-room-main small{color:var(--muted);font-size:7px;letter-spacing:.1em}.structure-room-main strong{font-size:18px}.structure-room-content h4{overflow:hidden;margin:2px 0 0;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.structure-room-content p{margin:0;color:var(--muted);font-size:8px}.structure-room-meta{padding-top:5px;border-top:1px solid var(--line);font-size:8px}.structure-lock{color:#a76835;font-weight:800}.structure-ready{color:var(--accent);font-weight:800}.structure-history{color:#8b5b2d;font-weight:800}.structure-deletable{color:#a84430;font-weight:800}.structure-room-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:1px}.structure-room-actions.has-three{grid-template-columns:repeat(3,minmax(0,1fr))}.structure-room-actions .btn{width:100%;min-height:30px;padding:5px 7px}.structure-room-actions .btn:disabled{opacity:.38;pointer-events:none}
.structure-note,.structure-safe-note{display:flex;align-items:flex-start;gap:9px;margin:0 18px 18px;padding:11px 13px;border-radius:11px;color:var(--muted);background:color-mix(in srgb,var(--accent) 8%,var(--panel));font-size:9px;line-height:1.5}.structure-note p,.structure-safe-note p{margin:0}
.structure-primary-actions{display:grid;grid-template-columns:auto auto;gap:8px}.structure-empty-builder{display:grid;gap:18px;padding:22px;border:1px dashed color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 7%,var(--panel)),var(--panel))}.structure-empty-copy{display:flex;align-items:center;gap:14px}.structure-empty-mark{width:50px;height:50px;display:grid;place-items:center;flex:none;border-radius:14px;color:#fff;background:linear-gradient(145deg,var(--primary),var(--accent));font-size:22px}.structure-empty-copy h3{margin:4px 0;font-size:17px}.structure-empty-copy p{max-width:650px;margin:0;color:var(--muted);font-size:9px;line-height:1.5}.structure-start-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.structure-start-options button{position:relative;display:grid;gap:6px;min-height:130px;padding:17px;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:var(--panel);cursor:pointer;text-align:left;transition:.18s ease}.structure-start-options button:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 12px 28px color-mix(in srgb,var(--ink) 8%,transparent)}.structure-start-options button>span{position:absolute;top:13px;right:14px;color:color-mix(in srgb,var(--accent) 65%,var(--muted));font-size:11px;font-weight:900}.structure-start-options strong{font-size:14px}.structure-start-options small{max-width:280px;color:var(--muted);font-size:9px;line-height:1.5}.structure-start-options b{margin-top:auto;color:var(--accent);font-size:9px}
.modal.wide{width:min(980px,100%)}.structure-modal-body{display:grid;gap:15px}.structure-modal-lead{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:20px;align-items:center;padding:17px;border:1px solid var(--line);border-radius:14px;background:var(--panel-soft)}.structure-modal-lead h3{margin:4px 0;font-size:18px}.structure-modal-lead p{max-width:620px;margin:0;color:var(--muted);font-size:9px;line-height:1.5}.structure-modal-lead label{display:grid;gap:7px;color:var(--muted);font-size:9px;font-weight:800}.structure-modal-lead label>span{height:12px}.structure-modal-lead .input{height:44px;text-align:center;font-size:14px;font-weight:800}.structure-editor-title{display:flex;align-items:end;justify-content:space-between;gap:15px;padding:2px 2px 0}.structure-editor-title>div{display:grid;gap:3px}.structure-editor-title strong{font-size:12px}.structure-editor-title small{color:var(--muted);font-size:8px}.structure-editor-title>span{padding:6px 9px;border-radius:8px;color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--panel));font-size:8px;font-weight:800}
.structure-modal-lead.floor-only{min-height:130px}
.structure-edit-rows{display:grid;gap:10px}.structure-edit-row{position:relative;display:grid;grid-template-columns:34px minmax(110px,.75fr) minmax(175px,1.2fr) minmax(155px,1fr) minmax(125px,.8fr) 40px;gap:10px;align-items:end;margin:0;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--panel)}.structure-edit-row label{display:grid;gap:6px;min-width:0;color:var(--muted);font-size:8px;font-weight:800}.structure-edit-row label>span{height:11px;white-space:nowrap}.structure-edit-row .input{width:100%;height:44px;min-width:0;margin:0;padding:0 12px;border-radius:10px;font-size:10px}.structure-row-number{width:34px;height:44px;display:grid;grid-column:1;grid-row:1;place-items:center;border-radius:10px;color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--panel));font-size:9px;font-weight:900}.structure-remove-row{width:40px;height:44px;grid-column:6;grid-row:1;border:1px solid #efd8d3;border-radius:10px;color:#a84430;background:#fff4f1;cursor:pointer;font-size:18px}.structure-remove-row:disabled{opacity:.28;cursor:not-allowed}.structure-photo-field{position:relative;grid-column:2/6;grid-row:2}.structure-photo-field>input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.structure-photo-control{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;min-height:54px;padding:8px 10px;border:1px dashed color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:10px;color:var(--ink);background:var(--panel-soft);cursor:pointer}.structure-photo-control>span{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel));font-size:15px}.structure-photo-control>div{display:grid;gap:3px;min-width:0}.structure-photo-control strong{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.structure-photo-control small{color:var(--muted);font-size:7px;font-weight:500}.structure-photo-control b{padding:6px 8px;border-radius:7px;color:var(--accent);background:var(--panel);font-size:8px}.structure-add-row{display:flex;align-items:center;gap:11px;width:100%;min-height:58px;padding:10px 13px;border:1px dashed color-mix(in srgb,var(--accent) 55%,var(--line));border-radius:12px;color:var(--ink);background:color-mix(in srgb,var(--accent) 5%,var(--panel));cursor:pointer;text-align:left}.structure-add-row>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:#fff;background:var(--accent);font-size:17px}.structure-add-row>div{display:grid;gap:3px}.structure-add-row strong{font-size:10px}.structure-add-row small{color:var(--muted);font-size:8px}.structure-modal-body .structure-safe-note{margin:0}
.structure-room-form{display:grid;gap:16px}.structure-room-form-hero,.floor-config-hero{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--panel-soft)}.structure-room-form-hero>img{width:74px;height:48px;flex:none;object-fit:cover;border-radius:11px;background:var(--panel)}.structure-room-form-hero small{color:var(--accent);font-size:7px;font-weight:800;letter-spacing:.1em}.structure-room-form-hero h3,.floor-config-hero h3{margin:3px 0;font-size:15px}.structure-room-form-hero p,.floor-config-hero p{margin:0;color:var(--muted);font-size:9px}.room-photo-edit{position:relative}.room-photo-edit>input{position:absolute;width:1px;height:1px;opacity:0}.room-photo-edit-control{display:grid;grid-template-columns:86px 1fr auto;gap:11px;align-items:center;min-height:70px;padding:8px;border:1px dashed color-mix(in srgb,var(--accent) 48%,var(--line));border-radius:11px;background:var(--panel-soft);cursor:pointer}.room-photo-edit-control>img{width:86px;height:54px;object-fit:cover;border-radius:8px}.room-photo-edit-control>div{display:grid;gap:4px;min-width:0}.room-photo-edit-control strong{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.room-photo-edit-control small{color:var(--muted);font-size:8px;line-height:1.4}.room-photo-edit-control b{padding:7px 9px;border-radius:8px;color:var(--accent);background:var(--panel);font-size:8px}
.floor-configurator{display:grid;gap:16px}.floor-config-hero .structure-floor-icon{flex:none}.room-type-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:0;padding:0;border:0}.room-type-picker legend{grid-column:1/-1;margin-bottom:2px;color:var(--muted);font-size:9px;font-weight:800}.room-type-choice{position:relative;display:grid;place-items:center;gap:5px;min-height:110px;padding:11px 8px;border:1px solid var(--line);border-radius:12px;background:var(--panel);cursor:pointer;text-align:center;transition:.16s ease}.room-type-choice:hover{border-color:var(--accent);transform:translateY(-1px)}.room-type-choice input{position:absolute;opacity:0;pointer-events:none}.room-type-choice:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--panel));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 13%,transparent)}.room-type-choice-icon{font-size:17px;color:var(--accent)}.room-type-choice strong{font-size:9px}.room-type-choice small{color:var(--muted);font-size:7px;line-height:1.3}.structure-impact{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:11px;color:var(--muted);background:color-mix(in srgb,var(--accent) 9%,var(--panel));font-size:9px}.structure-impact>span{color:var(--accent);font-size:17px}.structure-impact strong{color:var(--ink)}.structure-impact p{margin:3px 0 0;line-height:1.5}
.room-change-editor{display:grid;gap:16px}.room-change-flow{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1.25fr);gap:12px;align-items:stretch}.room-change-flow>div,.room-change-flow>label{display:grid;align-content:center;gap:7px;min-height:120px;margin:0;padding:15px;border:1px solid var(--line);border-radius:13px;background:var(--panel-soft)}.room-change-flow>b{display:grid;place-items:center;color:var(--accent);font-size:20px}.room-change-flow small{color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.08em}.room-change-flow strong{font-size:18px}.room-change-flow span{color:var(--muted);font-size:8px}.room-change-flow .input{height:44px;margin:0;background:var(--panel)}
html[data-theme-mode="dark"] .structure-note,html[data-theme-mode="dark"] .structure-safe-note,html[data-theme-mode="dark"] .structure-impact{background:var(--panel-soft)}
@media(max-width:900px){.structure-overview{grid-template-columns:repeat(3,1fr)}.structure-overview .structure-overview-help{grid-column:1/-1;min-height:48px}.room-type-picker{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.structure-hero,.structure-floor-card>header{align-items:flex-start;flex-direction:column}.structure-hero .btn{width:100%}.structure-primary-actions{width:100%;grid-template-columns:1fr}.structure-floor-actions{width:100%;justify-content:flex-start}.structure-floor-actions .btn{flex:1}.structure-modal-lead{grid-template-columns:1fr}.structure-start-options{grid-template-columns:1fr}.structure-edit-row{grid-template-columns:34px 1fr 1fr;padding:12px}.structure-edit-row label:nth-of-type(1),.structure-edit-row label:nth-of-type(3){grid-column:2}.structure-edit-row label:nth-of-type(2),.structure-edit-row label:nth-of-type(4){grid-column:3}.structure-edit-row .structure-row-number{grid-column:1;grid-row:1}.structure-edit-row .structure-remove-row{grid-column:1;grid-row:2;align-self:end}.structure-edit-row .structure-photo-field{grid-column:2/4;grid-row:auto}.structure-floor-summary{align-items:flex-start;flex-direction:column}.structure-floor-empty{grid-template-columns:40px minmax(0,1fr)}.structure-floor-empty .btn{grid-column:1/-1;width:100%}.room-change-flow{grid-template-columns:1fr}.room-change-flow>b{min-height:24px;transform:rotate(90deg)}.room-type-picker{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.structure-overview{grid-template-columns:1fr 1fr}.structure-overview>span:nth-child(3){grid-column:1/-1}.structure-room-grid{grid-template-columns:1fr;padding:9px}.structure-floor-list{padding:10px}.structure-floor-actions .btn{flex:1 1 46%}.structure-room-item{grid-template-columns:70px minmax(0,1fr)}.room-type-picker{grid-template-columns:1fr}.room-type-choice{min-height:78px;grid-template-columns:auto 1fr;justify-items:start;text-align:left}.room-type-choice small{grid-column:2}.structure-overview .structure-overview-help{grid-column:1/-1}}
@media(max-width:520px){.structure-empty-builder{padding:14px}.structure-empty-copy{align-items:flex-start}.structure-edit-row{grid-template-columns:32px minmax(0,1fr)}.structure-edit-row label:nth-of-type(1),.structure-edit-row label:nth-of-type(2),.structure-edit-row label:nth-of-type(3),.structure-edit-row label:nth-of-type(4),.structure-edit-row .structure-photo-field{grid-column:2}.structure-edit-row .structure-row-number{grid-column:1;grid-row:1}.structure-edit-row .structure-remove-row{grid-column:1;grid-row:2}.structure-photo-control{grid-template-columns:30px minmax(0,1fr)}.structure-photo-control b{display:none}.room-photo-edit-control{grid-template-columns:70px minmax(0,1fr)}.room-photo-edit-control>img{width:70px;height:48px}.room-photo-edit-control>b{display:none}.structure-editor-title{align-items:flex-start;flex-direction:column}.structure-editor-title>span{align-self:flex-start}}
.btn.success { color: var(--accent); background: #edf5f2; border-color: #d8e9e3; }

/* Estado visible en toda la tarjeta del mapa. */
.room-card.available{background:#d8f3e5;border-color:#55a97e;box-shadow:inset 0 0 0 1px rgba(36,118,82,.08)}
.room-card.occupied{background:#ffe0d8;border-color:#e9795d;box-shadow:inset 0 0 0 1px rgba(174,76,54,.08)}
.room-card.cleaning{background:#ffedb8;border-color:#d8a13b;box-shadow:inset 0 0 0 1px rgba(149,105,20,.08)}
.room-card.maintenance{background:#dfe5e3;border-color:#7e8a87;box-shadow:inset 0 0 0 1px rgba(92,105,102,.1)}
.room-card.reserved{background:#dce9f8;border-color:#587caf;box-shadow:inset 0 0 0 1px rgba(66,100,141,.08)}
.room-card .room-body{background:transparent}.room-card .room-type,.room-card .vacant-label,.room-card .room-footer{color:#20302c}.room-card .housekeeping-tag{background:rgba(255,255,255,.62)}.room-card .countdown.reserved{background:#e6eef8;color:#365c8c}.room-card:hover{filter:saturate(1.08)}

.cashbox-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:15px;padding:20px 24px;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--forest),var(--forest-2));box-shadow:0 14px 35px color-mix(in srgb,var(--forest) 22%,transparent)}.cashbox-banner.is-closed{filter:none}.cashbox-banner h2{margin:4px 0;font-size:22px}.cashbox-banner p,.cashbox-banner span{margin:0;color:rgba(255,255,255,.72);font-size:10px}.cashbox-banner>div:last-child{display:grid;justify-items:end;gap:3px}.cashbox-banner>div:last-child small{font-size:8px;font-weight:900;letter-spacing:.1em}.cashbox-banner>div:last-child strong{font:850 28px Manrope}.cash-check-form{display:grid;gap:16px}.cash-check-balance{padding:22px;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--forest),var(--forest-2));text-align:center}.cash-check-balance small{font-size:8px;font-weight:900;letter-spacing:.1em}.cash-check-balance strong{display:block;margin:7px 0;font:850 30px Manrope}.cash-check-balance p{max-width:480px;margin:0 auto;color:rgba(255,255,255,.78);font-size:9px;line-height:1.5}.cash-close-identity{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft)}.cash-close-identity>div{display:grid;gap:3px}.cash-close-identity small{color:var(--accent);font-size:8px;font-weight:900;letter-spacing:.08em}.cash-close-identity strong{font-size:14px}.cash-close-identity p{margin:0;color:var(--muted);font-size:9px}.form-section-title{display:flex;align-items:end;justify-content:space-between;padding:13px 0 4px;border-bottom:1px solid var(--line)}.form-section-title strong{font-size:12px}.form-section-title small{color:var(--muted);font-size:8px}.logout-cash-warning{display:flex;align-items:flex-start;gap:14px}.logout-cash-warning>span{width:42px;height:42px;display:grid;place-items:center;flex:none;border-radius:12px;color:#fff;background:#c7553d;font-size:20px;font-weight:900}.logout-cash-warning h3{margin:0 0 5px}.logout-cash-warning p{margin:0;color:var(--muted);font-size:10px;line-height:1.6}.legacy-audits{margin-top:15px;padding:15px}.legacy-audits summary{cursor:pointer;font-weight:800}.legacy-audits p{color:var(--muted);font-size:9px}
@media(max-width:680px){.cashbox-banner{align-items:flex-start;flex-direction:column}.cashbox-banner>div:last-child{justify-items:start}.cashbox-banner>div:last-child strong{font-size:24px}}
.booking-only-mark,.booking-only-admin{display:inline-flex;width:max-content;padding:3px 6px;border-radius:6px;color:#fff;background:#316aa5;font-size:7px;font-weight:900;letter-spacing:.06em}.booking-only-toggle{display:flex!important;align-items:center;gap:12px;min-height:70px;padding:13px;border:1px solid #b9cde4;border-radius:12px;background:#edf4fb;cursor:pointer}.booking-only-toggle input{width:20px;height:20px;accent-color:#316aa5}.booking-only-toggle>span{display:grid;gap:3px}.booking-only-toggle strong{color:#244d78;font-size:10px}.booking-only-toggle small{color:#5f7892;font-size:8px;line-height:1.45}

/* Mapa compacto: sin fotografías y con más habitaciones visibles por fila. */
.room-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.room-card{min-height:132px;border-radius:11px}
.room-card .room-body{display:grid;grid-template-rows:auto auto 1fr auto;min-height:132px;padding:10px 9px 9px 12px}
.room-number-compact{font:850 20px/1 Manrope,sans-serif;letter-spacing:-.04em}
.room-type-line{display:flex;align-items:center;gap:5px;min-width:0;margin-top:5px}
.room-type-line .room-type{font-size:9px;text-transform:uppercase;letter-spacing:.035em}
.room-card .room-guest{min-width:0;margin-top:7px}
.room-card .room-guest strong{font-size:10px}.room-card .room-guest small,.room-card .vacant-label{font-size:8px}
.room-card .room-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px;align-items:center;min-height:28px;margin-top:6px;padding-top:6px;font-size:7.5px;line-height:1.25}
.room-card .room-footer>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.room-card .room-footer>span:last-child{text-align:right}
.room-card .status-pill{padding:3px 5px;font-size:7.5px}.room-card .housekeeping-tag{white-space:nowrap}

/* Fichas nuevas disponibles durante 12 horas. */
.guest-chip.fresh-passenger{grid-template-columns:34px minmax(0,1fr) auto auto;border-style:solid;border-color:color-mix(in srgb,var(--accent) 34%,var(--line));background:color-mix(in srgb,var(--accent) 6%,var(--panel))}
.fresh-chip-badge{padding:4px 6px;border-radius:7px;color:#fff;background:var(--accent);font-size:7px;font-weight:900;letter-spacing:.08em}

/* Configuración sin imágenes. */
.structure-room-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.structure-room-item.no-photo{display:block;border-color:color-mix(in srgb,var(--muted) 24%,var(--line));background:color-mix(in srgb,var(--muted) 10%,var(--panel))}.structure-room-item.no-photo.retired{background:color-mix(in srgb,var(--muted) 16%,var(--panel))}.structure-room-item.no-photo .structure-room-content{min-height:142px}
.structure-room-type-icon,.room-config-icon{display:grid;place-items:center;flex:none;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel));font-weight:900}
.structure-room-type-icon{min-width:34px;height:30px;padding:0 7px;border-radius:8px;font-size:12px}.room-config-icon{width:58px;height:50px;border-radius:12px;font-size:19px}
.rate-card.no-photo .rate-body{min-height:260px}.rate-card-title{display:flex;align-items:center;gap:10px}.rate-card-title>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel));font-size:16px}.rate-card-title h3{min-width:0}
.room-detail-heading{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:13px;align-items:center;padding:17px 20px;border-bottom:1px solid var(--line);background:var(--panel-soft)}.room-detail-symbol{width:58px;height:52px;display:grid;place-items:center;border-radius:13px;color:var(--accent);background:color-mix(in srgb,var(--accent) 11%,var(--panel));font-size:20px}.room-detail-heading>div:nth-child(2){display:grid;gap:2px}.room-detail-heading small{color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase}.room-detail-heading h3{margin:0;font:800 17px Manrope}.room-detail-heading p{margin:0;color:var(--muted);font-size:9px}

/* Turno y caja: bloques regulares, legibles y simétricos. */
.shift-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:16px;margin-bottom:16px;padding:18px;color:#fff;background:linear-gradient(135deg,var(--forest),color-mix(in srgb,var(--forest) 72%,#081c18));border-color:color-mix(in srgb,var(--forest) 70%,#000);box-shadow:0 18px 44px color-mix(in srgb,var(--forest) 22%,transparent)}
.shift-identity{display:grid;grid-template-columns:62px minmax(0,1fr);gap:16px;align-items:center;padding:7px}
.shift-avatar{width:62px;height:62px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:17px;color:var(--forest);background:#e9b975;font:850 17px Manrope;box-shadow:inset 0 1px rgba(255,255,255,.55)}
.shift-main{display:grid;gap:7px}.shift-main .eyebrow{margin:0;color:rgba(255,255,255,.58);font-size:8px}.shift-main h1{margin:0;font:850 23px/1.1 Manrope;letter-spacing:-.035em}
.shift-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:4px}.shift-meta-grid>div{display:grid;gap:3px;min-width:0;padding:9px 10px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.06)}.shift-meta-grid small{color:rgba(255,255,255,.5);font-size:6.5px;font-weight:900;letter-spacing:.12em}.shift-meta-grid strong{overflow:hidden;color:#fff;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.shift-hero-money{display:grid;align-content:space-between;gap:12px;min-width:0;padding:16px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.09);backdrop-filter:blur(8px)}.shift-money-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.shift-money-head>small{color:rgba(255,255,255,.56);font-size:7px;font-weight:900;letter-spacing:.1em}.shift-hero-money>strong{font:850 30px/1 Manrope;letter-spacing:-.045em}.shift-live-state{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:8px;background:rgba(255,255,255,.1);font-size:7px;font-weight:800}.shift-live-state i{width:6px;height:6px;border-radius:50%;background:#d48b62}.shift-live-state.is-open i{background:#75d7a5;box-shadow:0 0 0 3px rgba(117,215,165,.13)}.shift-open-info{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:center;padding-top:10px;border-top:1px solid rgba(255,255,255,.12)}.shift-open-info small{color:rgba(255,255,255,.48);font-size:6.5px;font-weight:900;letter-spacing:.1em}.shift-open-info span{text-align:right;color:rgba(255,255,255,.82);font-size:8px;font-weight:700}

/* Confirmación visual del check-in por arrastre. */
.checkin-confirm{display:grid;gap:15px}.checkin-route{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);gap:10px;align-items:stretch}.checkin-person,.checkin-room{display:grid;grid-template-columns:48px minmax(0,1fr);gap:11px;align-items:center;min-height:90px;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--panel-soft)}.checkin-route-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;color:var(--forest);background:var(--mint);font:850 12px Manrope}.checkin-route-icon.room{color:#fff;background:var(--forest)}.checkin-person>div,.checkin-room>div{display:grid;gap:3px;min-width:0}.checkin-route small,.checkin-time-strip small{color:var(--muted);font-size:7px;font-weight:900;letter-spacing:.1em}.checkin-route strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.checkin-route p{margin:0;color:var(--muted);font-size:8px}.checkin-arrow{display:grid;place-items:center;color:var(--accent);font-size:23px;font-weight:900}.checkin-time-strip{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:10px;border-radius:12px;background:color-mix(in srgb,var(--accent) 8%,var(--panel))}.checkin-time-strip>div{display:grid;gap:4px;padding:6px 9px}.checkin-time-strip>div+div{border-left:1px solid color-mix(in srgb,var(--accent) 25%,var(--line))}.checkin-time-strip strong{font-size:10px}.checkin-fields{gap:10px 12px}.checkin-fields label{min-width:0}.checkin-fields .input{height:42px}.checkin-fields label>small{color:var(--muted);font-size:7.5px;font-weight:500}.checkin-validation{margin:0!important}

@media(max-width:900px){.shift-hero{grid-template-columns:1fr}.shift-hero-money{min-height:150px}}
@media(max-width:720px){.room-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.shift-meta-grid{grid-template-columns:1fr 1fr}.shift-meta-grid>div:last-child{grid-column:1/-1}.checkin-route{grid-template-columns:1fr}.checkin-arrow{min-height:22px;transform:rotate(90deg)}.checkin-time-strip{grid-template-columns:1fr}.checkin-time-strip>div+div{border-top:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-left:0}.guest-chip.fresh-passenger{grid-template-columns:34px minmax(0,1fr) auto auto}}
@media(max-width:470px){.room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.room-card .room-footer{grid-template-columns:1fr}.room-card .room-footer>span:last-child{text-align:left}.shift-identity{grid-template-columns:48px minmax(0,1fr);gap:10px;padding:2px}.shift-avatar{width:48px;height:48px;border-radius:13px}.shift-main h1{font-size:19px}.shift-meta-grid{grid-template-columns:1fr}.shift-meta-grid>div:last-child{grid-column:auto}.shift-hero{padding:12px}.shift-hero-money>strong{font-size:26px}.room-detail-heading{grid-template-columns:48px minmax(0,1fr)}.room-detail-heading>.status-pill{grid-column:1/-1}.room-detail-symbol{width:48px;height:46px}.checkin-person,.checkin-room{grid-template-columns:42px minmax(0,1fr)}.checkin-route-icon{width:42px;height:42px}}

/* Tablero operativo compacto: prioriza el mapa y mantiene una grilla simétrica. */
@media(min-width:961px){
  .app-shell{grid-template-columns:186px minmax(0,1fr)}
  .sidebar{width:186px;padding:19px 9px 13px}
  .sidebar .brand{padding:0 7px 19px}
  .nav-item{padding:8px 7px}
  .nav-divider{height:29px;padding:12px 9px 5px}
  .sidebar-profile{padding:10px 8px}
  .topbar{height:64px;padding:0 20px}
  .view-container{padding:17px 16px 30px}
  .app-shell.dashboard-mode .topbar{display:none}
  .app-shell.dashboard-mode .view-container{padding-top:11px}
}
.dashboard-commandbar{display:grid;grid-template-columns:auto minmax(0,1fr);gap:13px;align-items:center;min-height:38px;margin-bottom:7px}
.dashboard-title{display:flex;align-items:center;gap:9px;min-width:0;white-space:nowrap}
.dashboard-title h1{margin:0;font:800 27px/1.15 Manrope;letter-spacing:-.035em}
.dashboard-title h1 strong{color:var(--forest)}
.dashboard-title>span{padding:5px 7px;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:var(--panel);font-size:8px;font-weight:800;white-space:nowrap}
.dashboard-quick-tools{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0}
.dashboard-license{height:34px;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dashboard-search{width:clamp(185px,17vw,255px);min-width:0;height:34px;flex:0 1 255px;font-size:9px}
.dashboard-search kbd{font-size:8px}
.dashboard-date{display:grid;flex:none;padding:0 8px;border-left:1px solid var(--line)}
.dashboard-date small{color:var(--muted);font-size:6.5px;font-weight:900;line-height:1;letter-spacing:.12em}
.dashboard-date strong{margin-top:1px;font-size:13px;font-weight:850;line-height:1.05;white-space:nowrap}
.dashboard-notifications{width:34px;height:34px;flex:none}
.dashboard-quick-tools>.btn{min-width:118px;height:34px;min-height:34px;padding:6px 16px;font-size:11.5px;font-weight:850;white-space:nowrap}
.dashboard-quick-tools>.btn.primary{min-width:140px}
.dashboard-compact .kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:8px}
.dashboard-compact .kpi-card{grid-template-columns:29px minmax(0,1fr);gap:8px;min-height:55px;padding:7px 9px;border-radius:12px}
.dashboard-compact .kpi-icon{width:29px;height:29px;border-radius:9px;font-size:14px}
.dashboard-compact .kpi-copy small{font-size:7.5px}
.dashboard-compact .kpi-copy strong{margin-top:0;font-size:16px}
.dashboard-compact .kpi-copy em{overflow:hidden;font-size:7.5px;text-overflow:ellipsis;white-space:nowrap}
.dashboard-compact .map-layout{grid-template-columns:minmax(0,1fr) 218px;gap:8px}
.dashboard-compact .map-control-bar{min-height:44px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;padding:6px 11px;border-bottom:1px solid #e7eceb}
.dashboard-compact .map-filter-cluster,.dashboard-compact .map-state-cluster{display:flex;align-items:center;min-width:0}
.dashboard-compact .map-filter-cluster{gap:6px}
.dashboard-compact .map-state-cluster{justify-content:flex-end;gap:10px}
.dashboard-compact .map-control-bar .select{width:118px;min-height:30px;padding:5px 8px;font-size:9px}
.dashboard-compact .map-control-bar .segmented{flex:none;padding:2px}
.dashboard-compact .map-control-bar .segmented button{padding:4px 7px;font-size:8.5px}
.dashboard-compact .map-control-bar .legend{justify-content:flex-end;gap:8px;font-size:8px}
.dashboard-compact .map-freshness{display:inline-flex;align-items:center;gap:5px;flex:none;padding-left:10px;border-left:1px solid var(--line);color:var(--muted);font-size:8px;white-space:nowrap}
.dashboard-compact .map-freshness i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(47,138,101,.1)}
.dashboard-compact .floor{padding:5px 11px 3px}
.dashboard-compact .floor-title{margin-bottom:5px}
.dashboard-compact .floor-title strong{font-size:10px}
.dashboard-compact .floor-title span{font-size:8px}
.dashboard-compact .room-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}
.dashboard-compact .room-card{min-height:112px;border-radius:10px}
.dashboard-compact .room-card .room-body{min-height:112px;padding:7px 8px}
.dashboard-compact .room-type-line .room-type{overflow:visible;font-size:10px;font-weight:800;line-height:1.05;text-overflow:clip;white-space:normal}
.dashboard-compact .side-stack{gap:10px}
.dashboard-compact .side-stack .panel-head{min-height:45px;padding:8px 11px}
.dashboard-compact .side-stack .panel-head h2{font-size:12px}
.dashboard-compact .side-stack .panel-head p{font-size:8px}
.dashboard-compact .guest-dock{margin-top:10px}
.dashboard-compact .guest-dock .panel-head{min-height:43px;padding:8px 12px}
.dashboard-compact .guest-dock .panel-head h2{font-size:12px}
.dashboard-compact .guest-dock .panel-head p{margin-top:2px;font-size:8.5px}
.dashboard-compact .guest-dock-body{padding:10px 12px 12px}
@media(max-width:1500px){.dashboard-compact .map-layout{grid-template-columns:1fr}.dashboard-compact .side-stack{grid-template-columns:1fr 1fr}}
@media(max-width:1320px){.dashboard-commandbar{grid-template-columns:1fr}.dashboard-quick-tools{justify-content:flex-start}.dashboard-compact .map-control-bar{grid-template-columns:1fr}.dashboard-compact .map-state-cluster{justify-content:space-between}.dashboard-compact .map-control-bar .legend{justify-content:flex-start}}
@media(max-width:1100px){.dashboard-compact .room-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:900px){.dashboard-compact .kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-compact .room-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:960px){.dashboard-search,.dashboard-date,.dashboard-notifications{display:none}.dashboard-commandbar{grid-template-columns:1fr}.dashboard-quick-tools{justify-content:flex-start}}
@media(max-width:720px){.dashboard-title{align-items:flex-start;flex-direction:column;gap:5px;white-space:normal}.dashboard-title h1{font-size:23px}.dashboard-quick-tools{width:100%}.dashboard-quick-tools>.btn{min-width:0;flex:1}.dashboard-compact .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-compact .kpi-card:last-child{grid-column:1/-1}.dashboard-compact .map-control-bar{gap:7px}.dashboard-compact .map-filter-cluster,.dashboard-compact .map-state-cluster{align-items:flex-start;flex-direction:column;width:100%}.dashboard-compact .map-control-bar .select{width:100%}.dashboard-compact .map-control-bar .segmented{width:100%;display:grid;grid-template-columns:repeat(4,1fr)}.dashboard-compact .map-state-cluster{gap:7px}.dashboard-compact .map-freshness{padding:0;border:0}.dashboard-compact .side-stack{grid-template-columns:1fr}.dashboard-compact .room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Reservas: buscador escalable, expediente único y calendario continuo. */
.reservation-calendar-panel{margin-bottom:15px;overflow:hidden}.calendar-toolbar{flex-wrap:wrap}.calendar-controls{display:flex;align-items:center;gap:6px}.booking-calendar{max-height:62vh;overflow:auto;border-top:1px solid var(--line);background:var(--panel)}
.booking-calendar-head,.booking-calendar-row{position:relative;display:grid;grid-template-columns:128px repeat(var(--calendar-days),minmax(36px,1fr));min-width:max(100%,var(--calendar-min-width))}.booking-calendar-head{position:sticky;z-index:8;top:0;min-height:52px;background:var(--panel)}.booking-calendar-row{min-height:54px;border-top:1px solid var(--line)}
.booking-room-head,.booking-room-label{position:sticky;z-index:6;left:0;display:grid;align-content:center;padding:8px 12px;border-right:1px solid var(--line);background:var(--panel)}.booking-room-head{z-index:10;color:var(--muted);font-size:8px;font-weight:900;text-transform:uppercase}.booking-room-label strong{font-size:15px}.booking-room-label small{overflow:hidden;color:var(--muted);font-size:7px;text-overflow:ellipsis;white-space:nowrap}
.booking-day-head,.booking-day-cell{border-right:1px solid var(--line)}.booking-day-head{display:grid;place-items:center;padding:7px 2px;color:var(--muted);text-align:center}.booking-day-head strong{font-size:8px;text-transform:capitalize}.booking-day-head small{min-height:10px;color:var(--accent);font-size:6.5px;font-weight:900}.booking-day-head.today,.booking-day-cell.today{background:color-mix(in srgb,var(--accent) 7%,var(--panel))}
.calendar-reservation{z-index:3;grid-row:1;align-self:center;height:34px;margin:0 2px;padding:4px 8px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));border-radius:9px;color:var(--ink);background:color-mix(in srgb,var(--accent) 19%,var(--panel));box-shadow:0 4px 12px color-mix(in srgb,var(--ink) 8%,transparent);cursor:pointer;text-align:center;white-space:nowrap}.calendar-reservation strong,.calendar-reservation small{display:block;overflow:hidden;text-overflow:ellipsis}.calendar-reservation strong{font-size:8.5px}.calendar-reservation small{margin-top:1px;color:var(--muted);font-size:6.5px}.calendar-reservation.inhouse{border-color:#d96d53;background:#ffe0d8}.calendar-reservation.completed{filter:saturate(.55);opacity:.7}.calendar-reservation:hover{z-index:5;transform:translateY(-1px);box-shadow:0 7px 16px color-mix(in srgb,var(--ink) 12%,transparent)}
.reservation-list-panel{overflow:hidden}.reservation-code-link{padding:0;border:0;color:var(--accent);background:transparent;cursor:pointer;font:850 10px Manrope;text-decoration:underline;text-underline-offset:3px}.guest-reservation-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 2px;border:0;border-bottom:1px solid var(--line);color:var(--ink);background:transparent;cursor:pointer;text-align:left}.guest-reservation-row:hover{color:var(--accent)}
.reservation-record{display:grid;gap:16px}.reservation-record-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--panel-soft)}.reservation-record-head h3{margin:4px 0;font-size:20px}.reservation-record-head p{margin:0;color:var(--muted);font-size:9px}.reservation-record-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.reservation-record-grid>div{display:grid;gap:5px;min-height:74px;align-content:center;padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--panel)}.reservation-record-grid small{color:var(--muted);font-size:7px;font-weight:800;text-transform:uppercase}.reservation-record-grid strong{font-size:10px}.reservation-record-grid .balance{background:color-mix(in srgb,#d8644a 7%,var(--panel))}.reservation-payment-history{display:grid;gap:2px}.payment-history-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 2px;border-bottom:1px solid var(--line)}.payment-history-row>span{display:grid;gap:3px}.payment-history-row small{color:var(--muted);font-size:8px}.payment-history-row>strong{font-size:12px}
.reservation-finance-strip{display:grid;grid-template-columns:1.5fr 1fr 1fr auto;gap:8px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft)}.reservation-finance-strip>div{display:grid;gap:3px;padding:4px 8px}.reservation-finance-strip small{color:var(--muted);font-size:7px;font-weight:900}.reservation-finance-strip strong{font-size:10px}.payment-form{display:grid;gap:15px}.payment-reservation-summary{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border-radius:13px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--accent))}.payment-reservation-summary .guest-mini-avatar{width:44px;height:44px;color:var(--primary);background:#fff}.payment-reservation-summary>div{display:grid;gap:3px}.payment-reservation-summary small,.payment-reservation-summary p{margin:0;color:rgba(255,255,255,.7);font-size:8px}.payment-reservation-summary strong{font-size:14px}.payment-reservation-summary>div:last-child{text-align:right}.payment-reservation-summary>div:last-child strong{font-size:21px}
.reservation-editor{display:grid;gap:18px}.reservation-editor>section{display:grid;gap:10px;padding:0 2px}.guest-typeahead{position:relative}.guest-search-results{position:absolute;z-index:20;inset:calc(100% + 5px) 0 auto;max-height:280px;overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 16px 40px color-mix(in srgb,var(--ink) 18%,transparent)}.guest-search-result{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;padding:10px 12px;border:0;border-bottom:1px solid var(--line);color:var(--ink);background:transparent;cursor:pointer;text-align:left}.guest-search-result:hover{background:var(--panel-soft)}.guest-search-result>span:nth-child(2){display:grid;gap:3px;min-width:0}.guest-search-result strong,.guest-search-result small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guest-search-result strong{font-size:10px}.guest-search-result small{color:var(--muted);font-size:8px}.guest-search-result b{color:var(--accent);font-size:8px}.guest-search-empty{display:grid;gap:4px;padding:18px;text-align:center}.guest-search-empty strong{font-size:11px}.guest-search-empty small{color:var(--muted);font-size:8px}.selected-guest-summary{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--accent) 7%,var(--panel))}.selected-guest-summary>div{display:grid;gap:2px}.selected-guest-summary strong{font-size:11px}.selected-guest-summary small{color:var(--muted);font-size:8px}.passenger-inline-fields{padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--panel-soft)}.passenger-inline-fields input[readonly]{opacity:.7;cursor:not-allowed}.inline-passenger-note{display:flex!important;align-items:center;gap:8px;color:var(--muted);font-size:8px}.inline-passenger-note span{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel))}.inline-passenger-note p{margin:0}.calculated-total{color:var(--accent);font-weight:900}.dual-rate-prices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.dual-rate-prices>div{display:grid;gap:4px;padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--panel-soft)}.dual-rate-prices small{color:var(--muted);font-size:7px;font-weight:900}.dual-rate-prices strong{font-size:15px}.structure-dual-rate{display:flex;flex-wrap:wrap;gap:5px}.structure-dual-rate span{padding:4px 6px;border-radius:6px;background:color-mix(in srgb,var(--muted) 9%,var(--panel));font-size:7px}.structure-edit-row.dual-rates{grid-template-columns:34px minmax(100px,.7fr) minmax(155px,1.1fr) minmax(140px,.9fr) minmax(110px,.75fr) minmax(120px,.8fr) 40px}.structure-edit-row.dual-rates .structure-remove-row{grid-column:7}.cash-simple-kpis{grid-template-columns:repeat(3,1fr)}.cash-simple-table td{vertical-align:middle}
@media(max-width:900px){.calendar-controls{width:100%;flex-wrap:wrap}.booking-calendar{max-height:65vh}.reservation-record-grid{grid-template-columns:1fr 1fr}.reservation-finance-strip{grid-template-columns:1fr 1fr}.reservation-finance-strip .btn{grid-column:1/-1}.structure-edit-row.dual-rates{grid-template-columns:34px 1fr 1fr}.structure-edit-row.dual-rates .structure-remove-row{grid-column:1;grid-row:2}.cash-simple-kpis{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:620px){.reservation-record-grid,.cash-simple-kpis{grid-template-columns:1fr}.payment-reservation-summary{grid-template-columns:38px minmax(0,1fr)}.payment-reservation-summary>div:last-child{grid-column:1/-1;text-align:left}.reservation-finance-strip{grid-template-columns:1fr}.reservation-finance-strip .btn{grid-column:auto}.selected-guest-summary{grid-template-columns:34px minmax(0,1fr)}.selected-guest-summary .btn{grid-column:1/-1}.structure-edit-row.dual-rates{grid-template-columns:32px minmax(0,1fr)}.structure-edit-row.dual-rates label{grid-column:2!important}.structure-edit-row.dual-rates .structure-remove-row{grid-column:1;grid-row:2}}

/* Folio operativo: cargos por día, extras, pagos y caja solo como registro. */
.folio-sheet{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel-soft)}
.folio-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.folio-sheet-head>div{display:grid;gap:3px}.folio-sheet-head small{color:var(--muted);font-size:7px;font-weight:900;text-transform:uppercase}.folio-sheet-head strong{font-size:16px}.folio-sheet-head p{margin:0;color:var(--muted);font-size:8px}
.folio-lines{display:grid;gap:5px}.folio-line{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;min-height:48px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.folio-line.extra{border-style:dashed}.folio-line>div{display:grid;gap:2px;min-width:0}.folio-line small{color:var(--muted);font-size:7.5px}.folio-line strong{font-size:10px}.folio-line>strong{font-size:12px;white-space:nowrap}.folio-line-remove{width:27px;height:27px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:var(--panel);cursor:pointer}.folio-line-remove:hover{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,var(--line))}
.folio-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.folio-totals>div{display:grid;gap:4px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.folio-totals small{color:var(--muted);font-size:7px;font-weight:900;text-transform:uppercase}.folio-totals strong{font-size:15px}.folio-totals .pending strong,.folio-pending{color:var(--danger)}.folio-totals .settled strong{color:var(--green)}
.folio-checkout-warning,.folio-checkout-lock{padding:10px 12px;border:1px solid color-mix(in srgb,var(--danger) 28%,var(--line));border-radius:10px;color:var(--danger);background:color-mix(in srgb,var(--danger) 6%,var(--panel));font-size:8.5px;font-weight:750}.folio-checkout-lock{margin-top:8px}
.cash-movement-feed{display:grid;gap:8px}.cash-movement-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;align-items:center;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.cash-movement-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--panel))}.cash-movement-card>div{display:grid;gap:2px;min-width:0}.cash-movement-card small{color:var(--muted);font-size:7.5px}.cash-movement-card strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.cash-movement-card p{margin:0;overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.cash-movement-card>b{font-size:12px;white-space:nowrap}.cash-movement-open{border-style:dashed;background:var(--panel-soft)}.cash-reservation-link{cursor:pointer}.cash-reservation-link:hover{text-decoration:underline}
@media(max-width:700px){.folio-sheet-head{align-items:stretch;flex-direction:column}.folio-line{grid-template-columns:minmax(0,1fr) auto}.folio-line-remove{grid-column:1/-1;width:100%}.folio-totals{grid-template-columns:1fr}.cash-movement-card{grid-template-columns:34px minmax(0,1fr)}.cash-movement-card>b{grid-column:2;text-align:left}}
.folio-sheet-head h4{margin:2px 0 0;font-size:16px}.folio-line>span{font-size:12px;font-weight:850;white-space:nowrap}.folio-pending{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px dashed var(--line);border-radius:11px;background:var(--panel-soft)}.folio-pending>span{width:30px;height:30px;display:grid;place-items:center;flex:none;border-radius:8px;background:var(--panel)}.folio-pending>div{display:grid;gap:3px}.folio-pending strong{color:var(--ink);font-size:10px}.folio-pending p{margin:0;color:var(--muted);font-size:8px}.folio-checkout-warning{display:flex;align-items:flex-start;gap:8px}.folio-checkout-warning p{margin:0}

/* Reloj hotelero Buenos Aires */
.dashboard-live-clock{display:grid!important;align-items:baseline}.dashboard-live-clock small{display:block}.dashboard-live-clock strong{display:flex;align-items:baseline;gap:6px;margin-top:2px;font:900 13px/1.1 Manrope;white-space:nowrap}.dashboard-live-clock strong span,.dashboard-live-clock strong b,.dashboard-live-clock strong i{font:inherit}.dashboard-live-clock strong b{color:var(--forest);font-variant-numeric:tabular-nums;letter-spacing:.025em}.dashboard-live-clock strong i{color:var(--muted);font-style:normal}

/* Beta 16 · tema personal por conserje */
.personal-appearance-summary { border: 1px solid color-mix(in srgb,var(--green) 36%,var(--line)); box-shadow: inset 4px 0 0 var(--green); }
.personal-theme-actions { display: grid; justify-items: end; gap: 10px; }
.personal-theme-toggle { display: flex !important; grid-template-columns: none !important; align-items: center; justify-content: space-between; gap: 18px; padding: 14px 15px; border: 1px solid var(--line); border-radius: 13px; background: var(--panel-soft); cursor: pointer; }
.personal-theme-toggle > span { display: grid; gap: 4px; }
.personal-theme-toggle strong { color: var(--ink); font: 800 12px Manrope,sans-serif; }
.personal-theme-toggle small { color: var(--muted); font-size: 10px; font-weight: 500; }
.personal-theme-toggle input { position: absolute; opacity: 0; pointer-events: none; }
.personal-theme-toggle > i { width: 42px; height: 24px; flex: 0 0 auto; position: relative; border-radius: 999px; background: color-mix(in srgb,var(--muted) 42%,var(--panel)); transition: .18s ease; }
.personal-theme-toggle > i::after { content: ''; width: 18px; height: 18px; position: absolute; left: 3px; top: 3px; border-radius: 50%; background: var(--panel); box-shadow: 0 1px 4px rgba(0,0,0,.18); transition: .18s ease; }
.personal-theme-toggle input:checked + i { background: var(--green); }
.personal-theme-toggle input:checked + i::after { transform: translateX(18px); }
.personal-theme-disabled .theme-grid, .personal-theme-disabled .appearance-toolbar, .personal-theme-disabled .appearance-workspace { opacity: .52; }
@media (max-width:760px){.personal-theme-actions{justify-items:stretch}.personal-theme-actions .btn{width:100%}}


/* Beta 17 · reservas multihabitación y caja por turno */
.reservation-room-multi{min-height:180px;padding:6px}.reservation-room-multi option{padding:8px}.reservation-room-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:7px}.reservation-room-choice{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:62px;padding:9px 10px;border:1px solid var(--line);border-radius:11px;background:var(--panel);cursor:pointer;transition:.16s ease}.reservation-room-choice:hover{border-color:var(--accent);transform:translateY(-1px)}.reservation-room-choice input{position:absolute;opacity:0;pointer-events:none}.reservation-room-check{width:20px;height:20px;border:2px solid var(--line-strong);border-radius:6px;background:var(--panel-soft);display:grid;place-items:center}.reservation-room-choice input:checked+.reservation-room-check{border-color:var(--accent);background:var(--accent)}.reservation-room-choice input:checked+.reservation-room-check:after{content:"✓";color:#fff;font-size:13px;font-weight:900}.reservation-room-choice:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--panel));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent)}.reservation-room-choice-main{display:grid;gap:2px;min-width:0}.reservation-room-choice-main strong{font-size:10px}.reservation-room-choice-main small,.reservation-room-choice-rate small{color:var(--muted);font-size:7px}.reservation-room-choice-rate{display:grid;gap:1px;text-align:right}.reservation-room-choice-rate strong{font-size:9px}.reservation-room-empty{padding:14px;border:1px dashed var(--line);border-radius:11px;color:var(--muted);background:var(--panel-soft);font-size:9px;text-align:center}.reservation-group-sheet{margin:14px 0;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--panel-soft)}.reservation-group-sheet{margin:14px 0;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--panel-soft)}.reservation-group-rooms{display:grid;gap:7px;margin-top:10px}.reservation-group-room{display:grid;grid-template-columns:minmax(120px,1fr) auto auto auto;gap:10px;align-items:center;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.reservation-group-room>div:first-child{display:grid;gap:2px}.reservation-group-room>div:first-child span{color:var(--muted);font-size:8px}.cash-shift-kpis{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.cash-shift-kpis{grid-template-columns:1fr 1fr}.reservation-group-room{grid-template-columns:1fr auto}.reservation-group-room .table-actions{grid-column:1/-1}}
@media(max-width:620px){.cash-shift-kpis{grid-template-columns:1fr}.reservation-room-multi{min-height:210px}.reservation-room-picker{grid-template-columns:1fr}}
@media print{body{background:#fff!important}.sidebar,.topbar,.license-banner,#toastRegion,.modal-backdrop,.command-backdrop{display:none!important}.main-area{margin:0!important;width:100%!important}.view-container{padding:0!important}.view-heading .heading-actions{display:none!important}.panel{box-shadow:none!important;break-inside:avoid}.cashbox-banner{print-color-adjust:exact;-webkit-print-color-adjust:exact}.cash-movement-feed{gap:5px}.cash-movement-card{break-inside:avoid}.cash-shift-kpis{grid-template-columns:repeat(4,1fr)!important}.cash-shift-kpis .panel{border:1px solid #999!important}.cash-shift-kpis .panel:nth-child(n+5){display:none!important}.finance-grid .finance-card{box-shadow:none!important}}
/* V18 security/branding refinement */
.brand-copy strong { font-size: 17px; }
.brand-copy small { font-size: 9px; letter-spacing: .12em; margin-top: 7px; }

/* V33 — salida pasada: rojo intenso, pero la tarjeta sigue identificada como ocupada. */
.room-card.overdue { background:#c95a62 !important; color:#fff !important; border-color:#a94149 !important; box-shadow:0 0 0 2px rgba(169,65,73,.14), 0 7px 18px rgba(120,45,52,.16); }
.room-card.overdue .room-body, .room-card.overdue .room-type, .room-card.overdue .room-type-line, .room-card.overdue .room-footer, .room-card.overdue .room-footer span, .room-card.overdue .room-guest small, .room-card.overdue .vacant-label, .room-card.overdue .beds { color:#fff !important; }
.room-card.overdue .status-pill { color:#fff !important; background:#a94149 !important; }
.room-card.overdue .guest-mini-avatar { background:#fff; color:#a94149; }
.room-card.overdue .room-footer { border-top-color:rgba(255,255,255,.28); }
.room-card.overdue .countdown, .room-card.overdue .countdown.overdue { color:#fff !important; font-weight:900; }
.room-card.overdue .room-hover { color:#fff; background:#a94a51; }
.room-card.overdue .housekeeping-tag.normal { background:rgba(255,255,255,.14); color:#fff !important; }
.status-pill.overdue { color:#fff; background:#a94149; }
.dot.overdue { background:#c95a62; }
.map-filter-cluster .segmented button[data-map-filter="occupied"] { }

/* V33 — la palabra Disponible queda reservada a habitaciones realmente libres. */
.room-card.occupied .housekeeping-tag.normal { color:#28584a; background:rgba(255,255,255,.62); }

/* V33 — el sector inferior de cada habitación queda reservado al estado de salida/disponibilidad. */
.room-card .room-footer.room-footer-status {
  grid-template-columns: 1fr !important;
  min-height: 28px;
}
.room-card .room-footer.room-footer-status .room-footer-primary {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 0;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.room-card .room-footer.room-footer-status .countdown {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 4px 7px;
  border-radius: 7px;
  background: rgba(255,255,255,.58);
}
.room-card.overdue .room-footer.room-footer-status .countdown {
  background: rgba(255,255,255,.16);
  color: #fff !important;
}

/* V34 — tarjetas del mapa: tipografía completa, columnas equilibradas y estado vencido sutilmente más intenso que su casilla. */
.room-card .room-top {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(42px, auto) minmax(0, 1fr);
  align-items: center;
  gap: 8px;
}
.room-card .room-number-compact {
  min-width: 42px;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  z-index: 2;
}
.room-card .room-top .status-pill {
  justify-self: end;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 22px;
  padding: 4px 7px;
  justify-content: center;
  text-align: center;
  line-height: 1.05;
  white-space: normal;
  overflow-wrap: anywhere;
  box-sizing: border-box;
}
.room-card .room-type-line {
  min-width: 0;
  width: 100%;
  display: flex;
  align-items: flex-start;
  margin-top: 2px;
}
.room-card .room-type-line .room-type {
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: normal;
  word-break: keep-all;
  hyphens: none;
  line-height: 1.12;
  font-size: 10.5px;
  letter-spacing: -.01em;
  padding-right: 2px;
}
.room-card .room-guest {
  min-width: 0;
}
.room-card .room-guest > div,
.room-card .room-guest .vacant-label {
  min-width: 0;
}
.room-card.overdue {
  background: #d15a62 !important;
  border-color: #b94750 !important;
  box-shadow: inset 0 0 0 1px rgba(120,28,38,.10), 0 7px 18px rgba(120,45,52,.16) !important;
}
.room-card.overdue .status-pill {
  background: #da6870 !important;
  color: #fff !important;
  min-width: 0;
}
.room-card.overdue .room-footer.room-footer-status .countdown {
  background: rgba(255,255,255,.20) !important;
  border: 1px solid rgba(255,255,255,.24);
  color: #fff !important;
  font-weight: 900;
}
@media (max-width: 470px) {
  .room-card .room-top { grid-template-columns: minmax(38px, auto) minmax(0, 1fr); gap: 6px; }
  .room-card .room-number-compact { min-width: 38px; font-size: 18px; }
  .room-card .room-top .status-pill { min-width: 0; padding-inline: 5px; font-size: 7.5px; }
  .room-card .room-type-line .room-type { font-size: 10px; }
}

/* V34 FINAL — filas fijas y simétricas para todas las tarjetas del mapa. */
.room-card .room-body{
  display:grid !important;
  grid-template-rows:26px 18px 34px 28px !important;
  row-gap:5px !important;
  min-height:132px !important;
  box-sizing:border-box;
}
.room-card .room-top{
  height:26px !important;
  min-width:0 !important;
  display:grid !important;
  grid-template-columns:46px minmax(0,1fr) !important;
  align-items:center !important;
  gap:7px !important;
}
.room-card .room-number-compact{
  width:46px !important;
  min-width:46px !important;
  max-width:46px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  line-height:1 !important;
  text-align:left !important;
  z-index:3 !important;
}
.room-card .room-top .status-pill{
  justify-self:stretch !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  height:22px !important;
  min-height:22px !important;
  padding:3px 6px !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  line-height:1 !important;
  font-size:8px !important;
  letter-spacing:.01em !important;
}
.room-card .room-type-line{
  height:18px !important;
  min-height:18px !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  overflow:hidden !important;
}
.room-card .room-type-line .room-type{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  line-height:18px !important;
  font-size:10px !important;
}
.room-card .room-guest{
  height:34px !important;
  min-height:34px !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  overflow:hidden !important;
}
.room-card .room-guest > div{
  min-width:0 !important;
  overflow:hidden !important;
}
.room-card .room-guest strong,
.room-card .room-guest small,
.room-card .vacant-label{
  display:block !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
.room-card .room-footer.room-footer-status{
  height:28px !important;
  min-height:24px !important;
  margin:0 !important;
  padding-top:6px !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  align-items:center !important;
  overflow:hidden !important;
}
.room-card .room-footer.room-footer-status .room-footer-primary{
  width:100% !important;
  min-width:0 !important;
  height:21px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  overflow:hidden !important;
}
.room-card .room-footer.room-footer-status .countdown,
.room-card .room-footer.room-footer-status .room-footer-primary > span{
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  line-height:1 !important;
}
.room-card.overdue .room-top .status-pill{
  font-size:7.7px !important;
  letter-spacing:0 !important;
}
@media (max-width:470px){
  .room-card .room-body{grid-template-rows:26px 18px 34px 28px !important;row-gap:5px !important;}
  .room-card .room-top{grid-template-columns:42px minmax(0,1fr) !important;gap:6px !important;}
  .room-card .room-number-compact{width:42px !important;min-width:42px !important;max-width:42px !important;font-size:17px !important;}
  .room-card .room-top .status-pill{font-size:7.6px !important;padding-inline:5px !important;}
  .room-card.overdue .room-top .status-pill{font-size:7.3px !important;}
  .room-card .room-type-line .room-type{font-size:9.5px !important;}
}

/* V34 final — tipografía y filas del mapa completamente uniformes. */
.room-card .room-type-line {
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
  display: flex !important;
  align-items: flex-start !important;
  overflow: hidden !important;
}
.room-card .room-type-line .room-type {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  line-height: 11px !important;
  height: 22px !important;
  max-height: 22px !important;
  font-size: 9.5px !important;
  letter-spacing: -.005em !important;
}
.room-card .room-top .status-pill {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  height: 22px !important;
  line-height: 14px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  flex-wrap: nowrap !important;
}
.room-card.overdue .room-top .status-pill {
  font-size: 8px !important;
  letter-spacing: 0 !important;
}
@media (max-width: 470px) {
  .room-card .room-type-line .room-type {
    font-size: 9px !important;
    line-height: 10.5px !important;
    height: 21px !important;
    max-height: 21px !important;
  }
  .room-card .room-top .status-pill,
  .room-card.overdue .room-top .status-pill {
    font-size: 7.6px !important;
    white-space: nowrap !important;
  }
}
/* Recepción: jerarquía, contraste y adaptación a escritorio/tablet/móvil. */
:root{--reception-mint:#e5f3ec;--reception-blue:#e8f0fb;--reception-peach:#fff0e6;--reception-lavender:#f0ebfa}
.mint{background:var(--reception-mint);color:#204d3d}.blue{background:var(--reception-blue);color:#244564}.peach{background:var(--reception-peach);color:#774831}.lavender{background:var(--reception-lavender);color:#51416f}
.reservation-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 20px}.summary-tile{border:1px solid #dce5e4;border-radius:18px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:10px}.summary-tile span{font-size:13px;font-weight:750}.summary-tile strong{font-size:28px}
.reservation-calendar-panel,.reservation-list-panel{overflow:hidden;border:1px solid #dce6e3;border-radius:20px;margin-bottom:20px}.reservation-calendar-panel .panel-head{background:#f4f8fd}.reservation-list-panel .panel-head{background:#f3f8f5}.booking-calendar{max-height:460px;overflow:auto!important;scrollbar-gutter:stable}.booking-calendar-head{position:sticky;top:0;z-index:4;background:#eef3f9}.booking-room-label{position:sticky;left:0;z-index:2;background:#f7faf9}.booking-room-head{position:sticky;left:0;z-index:5}.calendar-reservation{border-radius:8px!important;box-shadow:none!important;text-align:left;border:1px solid #c5d9e7!important}.calendar-reservation.arriving{background:#ffeadc!important;color:#75422e!important}.calendar-reservation.confirmed{background:#e4edfc!important;color:#27466d!important}.calendar-reservation.inhouse{background:#dff1e7!important;color:#235641!important}.calendar-reservation.completed{background:#edf0f2!important;color:#515d65!important}
.reservation-list-panel .data-table th{padding:16px 12px;background:#f8faf9;font-size:11px;letter-spacing:.04em}.reservation-list-panel .data-table td{padding:18px 12px;vertical-align:middle;line-height:1.5}.reservation-list-panel tr:nth-child(even){background:#fafcfb}.reservation-list-panel tr:hover{background:#f0f6f5}.reservation-list-panel .table-actions{display:flex;gap:7px;flex-wrap:wrap;min-width:160px}.reservation-code-link{color:#2c6357;font-weight:850}.reservation-list-panel .table-search{min-width:220px;max-width:360px}.reservation-editor>section{border-radius:16px;padding:20px;border:1px solid #dce6e3;margin-bottom:16px;background:#edf5fc}.reservation-editor>section:nth-child(2){background:#eff7f2}.reservation-editor>section:nth-child(3){background:#fbf2e9}.reservation-editor .form-grid{gap:18px}.reservation-editor .input{background:#fff}.reservation-room-picker{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;max-height:300px;overflow:auto}.reservation-room-choice{position:relative!important;display:flex!important;min-width:0;align-items:center;padding:14px!important;border-radius:12px!important;cursor:pointer}.reservation-room-choice:has(input:checked){background:#dceee5!important;border-color:#4a856f!important;box-shadow:0 0 0 1px #4a856f}.reservation-room-choice-main{min-width:0;flex:1}.reservation-room-choice input{position:absolute!important;opacity:0;width:1px;height:1px}.reservation-room-choice:focus-within{outline:3px solid #739cce;outline-offset:2px}.reservation-room-choice-rate{flex-shrink:0}.reservation-room-choice-main small{white-space:normal!important}
.reception-board{margin:14px 0 18px}.reception-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;padding:16px;max-height:300px;overflow:auto}.reception-note{padding:16px;border-radius:14px;border:1px solid #dce5e0;display:flex;flex-direction:column;gap:9px}.reception-note p{white-space:pre-wrap;margin:0;overflow-wrap:anywhere}.reception-note .btn{align-self:flex-start}.reservation-tools{display:grid;gap:16px}.reservation-tools section{border-radius:16px;padding:20px}.reservation-tools h3{margin:0 0 12px}.reservation-tools p{line-height:1.65}.multiline{white-space:pre-wrap}.reception-note small{font-size:12px}.dashboard-header,.dashboard-topbar{flex-wrap:wrap!important;gap:14px!important}.dashboard-quick-tools{flex-wrap:wrap!important;flex:1 1 430px!important;justify-content:flex-end}.dashboard-search{min-width:220px!important}.dashboard-heading{min-width:0;flex:1 1 350px}.dashboard-heading h1{font-size:clamp(19px,2vw,27px)!important;white-space:normal!important;overflow-wrap:anywhere}.map-layout{align-items:start}.room-card{min-height:112px!important}.modal-footer{flex-wrap:wrap;gap:9px}.modal-body label{min-width:0}.modal-body textarea{min-height:90px}.btn:focus-visible{outline:3px solid #568ec2;outline-offset:3px}
@media(min-width:1200px){.hotel-map-panel .room-grid{grid-template-columns:repeat(10,minmax(0,1fr))!important}}
@media(max-width:900px){.reservation-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-toolbar,.reservation-list-panel .panel-head{align-items:stretch!important;flex-direction:column;gap:14px}.calendar-controls{flex-wrap:wrap}.reservation-room-picker{grid-template-columns:1fr!important}.reservation-list-panel .table-search{max-width:none;width:100%}.reservation-list-panel .data-table{min-width:850px}.dashboard-quick-tools{justify-content:flex-start}.reception-grid{grid-template-columns:1fr}.reception-board .panel-head{flex-wrap:wrap;gap:12px}}
@media(max-width:600px){.reservation-summary{gap:8px}.summary-tile{padding:14px}.summary-tile strong{font-size:23px}.reservation-editor>section{padding:14px}.reservation-editor .form-grid{grid-template-columns:1fr!important}.modal-footer .btn{flex:1 1 140px}.dashboard-search{min-width:180px!important}.reservation-tools .payment-history-row{flex-wrap:wrap;gap:8px}.reception-board .panel-head .btn{width:100%}}
@media(prefers-color-scheme:dark){[data-theme="dark"] .reservation-editor>section{color:#1d3b34}}
.dashboard-commandbar{display:flex!important;flex-wrap:wrap!important;gap:14px!important;align-items:center!important}.dashboard-title{flex:1 1 340px!important;min-width:0!important}.dashboard-title h1{font-size:clamp(19px,2vw,27px)!important;white-space:normal!important;overflow-wrap:anywhere}.reservation-list-panel .table-wrap{max-height:650px;overflow:auto}.reservation-list-panel thead{position:sticky;top:0;z-index:2}.status-pill.inhouse{background:#dff1e7!important;color:#235641!important}.status-pill.arriving{background:#fff0da!important;color:#805521!important}.status-pill.confirmed{background:#e8eefb!important;color:#3b527b!important}.status-pill.cancelled{background:#f0ebf4!important;color:#655474!important}
#reservationStatusFilter{max-width:180px}.reservation-list-panel .panel-head{gap:12px;flex-wrap:wrap}.reservation-list-panel .panel-head>div{flex:1 1 180px}.reception-board .panel-head{flex-wrap:wrap;gap:12px}
@media(max-width:600px){.reservation-list-panel .table-wrap{max-height:none;overflow:visible}.reservation-list-panel .data-table{min-width:0!important;display:block;width:100%}.reservation-list-panel thead{display:none}.reservation-list-panel tbody{display:grid;gap:12px;padding:12px}.reservation-list-panel tr{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#fff!important;border:1px solid #dce6e3;border-radius:14px;overflow:hidden}.reservation-list-panel .data-table td{padding:12px!important;border:0;min-width:0;overflow-wrap:anywhere}.reservation-list-panel td:before{display:block;font-size:10px;text-transform:uppercase;color:#597267;letter-spacing:.05em;margin-bottom:5px}.reservation-list-panel td:nth-child(1):before{content:'Reserva'}.reservation-list-panel td:nth-child(2):before{content:'Titular'}.reservation-list-panel td:nth-child(3):before{content:'Estadía'}.reservation-list-panel td:nth-child(4):before{content:'Habitación'}.reservation-list-panel td:nth-child(5):before{content:'Tarifa'}.reservation-list-panel td:nth-child(6):before{content:'Estado'}.reservation-list-panel td:nth-child(7):before{content:'Cuenta'}.reservation-list-panel td:last-child{grid-column:1/-1;background:#f3f8f5}.reservation-list-panel .table-actions{min-width:0}.reservation-list-panel .guest-cell{flex-wrap:wrap}.reservation-list-panel .guest-cell strong{white-space:normal}.reservation-list-panel .panel-head{padding:16px}#reservationStatusFilter{max-width:none;width:100%}.booking-calendar{max-height:330px}}
.reservation-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;background:#f5f9f7}.reservation-pagination span{font-size:12px;color:#55716a}.reservation-list-panel .guest-cell small{display:block}.reservation-list-panel #reservationSearch{flex:1 1 240px;max-width:370px}.reservation-list-panel .data-table td{font-size:12px}.reservation-list-panel .guest-cell small{font-size:11px}
@media(max-width:600px){.reservation-list-panel .panel-head>div,.reservation-list-panel #reservationSearch{flex:initial;width:100%;max-width:none}.reservation-pagination{flex-wrap:wrap;justify-content:center}.reservation-pagination span{width:100%;text-align:center;order:-1}.reservation-list-panel .data-table td{font-size:13px}.reservation-list-panel .guest-cell small{font-size:11px}.form-section-title{flex-wrap:wrap;gap:5px}.form-section-title small{white-space:normal}}


/* ========================================================================
   V47 - Prioridad operativa: mapa y calendario primero, sin sacrificar datos.
   Los ajustes se limitan al mapa y a Reservas; el resto mantiene la V46.
   ======================================================================== */

/* Barra superior del mapa: identidad, búsqueda y acciones en una línea si cabe. */
.dashboard-compact .dashboard-commandbar {
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:7px 13px !important;
  min-height:34px;
  margin:0 0 6px !important;
}
.dashboard-compact .dashboard-title{display:flex;flex:0 1 auto !important;gap:7px;align-items:center;min-width:0 !important}
.dashboard-compact .dashboard-title h1{font:800 clamp(17px,1.65vw,21px)/1.18 Manrope,sans-serif !important;letter-spacing:-.03em;white-space:normal}
.dashboard-compact .dashboard-title>span{font-size:10px;padding:4px 7px;border-radius:7px}
.dashboard-compact .dashboard-quick-tools{display:flex;flex:1 1 520px !important;flex-wrap:wrap !important;justify-content:flex-end;gap:6px !important;min-width:0}
.dashboard-compact .dashboard-search{height:30px;min-width:165px !important;width:clamp(165px,16vw,235px);flex:1 1 165px;font-size:10px}
.dashboard-compact .dashboard-date{padding:0 5px}
.dashboard-compact .dashboard-date strong{font-size:11px}
.dashboard-compact .dashboard-notifications{width:30px;height:30px}
.dashboard-compact .dashboard-quick-tools>.btn{min-width:0;height:30px;min-height:30px;padding:4px 10px;font-size:10.5px}
.dashboard-compact .dashboard-quick-tools>.btn.primary{min-width:110px}
.dashboard-compact .dashboard-license{height:30px;max-width:140px;font-size:9px}

/* Indicadores en una sola banda compacta: descripción completa en tooltip. */
.dashboard-compact .map-stats-bar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:0 0 8px}
.dashboard-compact .map-stat{display:flex;align-items:center;justify-content:space-between;gap:7px;min-width:0;min-height:40px;padding:7px 10px;border:1px solid var(--line);border-left:3px solid #93b9a8;background:var(--panel);border-radius:10px;font-variant-numeric:tabular-nums}
.dashboard-compact .map-stat.peach{border-left-color:#dc9c81}
.dashboard-compact .map-stat.blue{border-left-color:#83a8cb}
.dashboard-compact .map-stat.amber{border-left-color:#caa85b}
.dashboard-compact .map-stat.neutral{border-left-color:#85948e}
.dashboard-compact .map-stat>span{font-size:11px;font-weight:750;color:var(--muted);line-height:1.15}
.dashboard-compact .map-stat>strong{font:800 clamp(13px,1.3vw,17px)/1.1 Manrope,sans-serif;color:var(--ink);text-align:right;white-space:nowrap}
.dashboard-compact .map-stat strong small{font:650 9px/1.1 Manrope,sans-serif;color:var(--muted)}

/* Mapa a ancho completo, el panel auxiliar continúa debajo del mapa. */
.dashboard-compact .map-layout{display:flex;flex-direction:column;gap:10px;align-items:stretch}
.dashboard-compact .hotel-map-panel{width:100%;min-width:0;overflow:hidden}
.dashboard-compact .side-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}
.dashboard-compact .map-control-bar{min-height:38px;padding:5px 10px;gap:7px 12px}
.dashboard-compact .map-control-bar .legend{font-size:9px;gap:8px}
.dashboard-compact .floor{padding:8px 11px 6px}
.dashboard-compact .floor-title{margin-bottom:7px}
.dashboard-compact .floor-title strong{font-size:11px}
.dashboard-compact .floor-title span{font-size:9px}

/* Mapa V48: exactamente 8 habitaciones por fila en escritorio,
   manteniendo tarjetas simétricas y texto siempre visible. */
.dashboard-compact .hotel-map-panel .room-grid{
  display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr)) !important;
  grid-auto-rows:1fr;
  gap:8px;
  align-items:stretch;
}
.dashboard-compact .hotel-map-panel .room-card{
  min-width:0;
  min-height:148px !important;
  border-radius:12px;
  height:100%;
}
.dashboard-compact .hotel-map-panel .room-card .room-body{
  display:flex !important;
  flex-direction:column;
  gap:6px;
  min-height:148px !important;
  padding:11px 10px 10px 11px !important;
  box-sizing:border-box;
  grid-template-rows:none !important;
  row-gap:initial !important;
}
.dashboard-compact .hotel-map-panel .room-card .room-top{
  display:grid !important;
  grid-template-columns:45px minmax(0,1fr) !important;
  gap:6px !important;
  align-items:center;
  min-width:0;
  height:auto !important;
  min-height:28px;
}
.dashboard-compact .hotel-map-panel .room-card .room-number-compact{
  width:auto !important;max-width:none !important;min-width:0 !important;
  font-size:18px !important;
  line-height:1 !important;
  white-space:nowrap;
}
.dashboard-compact .hotel-map-panel .room-card .room-top .status-pill,
.dashboard-compact .hotel-map-panel .room-card.overdue .room-top .status-pill{
  display:flex !important;
  align-items:center;
  height:auto !important;
  max-height:none !important;
  min-height:25px !important;
  padding:4px 5px !important;
  justify-content:center !important;
  font-size:8.5px !important;
  font-weight:850;
  letter-spacing:0 !important;
  line-height:1.15 !important;
  text-align:center;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  hyphens:auto;
}
.dashboard-compact .hotel-map-panel .room-card .room-type-line{
  height:auto !important;
  min-height:24px !important;
  max-height:none !important;
  display:flex !important;
  align-items:center !important;
  overflow:visible !important;
}
.dashboard-compact .hotel-map-panel .room-card .room-type-line .room-type{
  display:block !important;
  height:auto !important;
  max-height:none !important;
  width:auto !important;
  line-height:1.18 !important;
  font-size:10.1px !important;
  white-space:normal !important;
  overflow:visible !important;
  overflow-wrap:anywhere !important;
  text-overflow:clip !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical;
}
.dashboard-compact .hotel-map-panel .room-card .room-guest{
  height:auto !important;
  min-height:32px !important;
  margin:0 !important;
  overflow:visible !important;
  align-items:center;
}
.dashboard-compact .hotel-map-panel .room-card .room-guest>div{min-width:0;overflow:visible !important}
.dashboard-compact .hotel-map-panel .room-card .room-guest strong{
  font-size:10.2px !important;
  white-space:normal !important;
  overflow-wrap:anywhere;
  line-height:1.22;
  display:-webkit-box !important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden !important;
}
.dashboard-compact .hotel-map-panel .room-card .room-guest small,
.dashboard-compact .hotel-map-panel .room-card .vacant-label{font-size:9.1px !important;line-height:1.12 !important}
.dashboard-compact .hotel-map-panel .room-card .room-footer.room-footer-status{
  height:auto !important;
  min-height:22px !important;
  margin-top:auto !important;
  padding-top:5px !important;
  overflow:visible !important;
  display:block !important;
}
.dashboard-compact .hotel-map-panel .room-card .room-footer.room-footer-status .room-footer-primary{
  height:auto !important;
  display:block !important;
  overflow:visible !important;
  font-size:8.9px !important;
  line-height:1.16 !important;
}
.dashboard-compact .hotel-map-panel .room-card .room-footer.room-footer-status .countdown,
.dashboard-compact .hotel-map-panel .room-card .room-footer.room-footer-status .room-footer-primary>span{
  max-width:none !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  overflow:visible !important;
  line-height:1.14 !important;
}

/* Reservas: resumen/CTA unidos en una sola barra antes del calendario. */
.reservations-topbar{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;min-height:46px;margin:0 0 8px}
.reservations-topbar>h1{font:800 clamp(18px,1.7vw,22px)/1.2 Manrope,sans-serif;margin:0;color:var(--ink)}
.reservations-topbar .reservation-summary{display:flex;flex:1 1 390px;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:5px;margin:0}
.reservations-topbar .summary-tile{display:flex;align-items:center;justify-content:flex-start;gap:7px;min-height:29px;padding:5px 9px;border-radius:8px;border:1px solid var(--line)}
.reservations-topbar .summary-tile span{font-size:10px;font-weight:750;white-space:nowrap}
.reservations-topbar .summary-tile strong{font:800 14px/1 Manrope,sans-serif}
.reservations-topbar .heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;margin-left:auto}
.reservations-topbar .heading-actions .btn{min-height:30px;padding:5px 10px;font-size:10.5px;white-space:nowrap}
.reservation-calendar-panel{margin-bottom:11px}
.reservation-calendar-panel .calendar-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:50px;padding:9px 12px}
.reservation-calendar-panel .calendar-toolbar h2{font-size:13px;margin:0}
.reservation-calendar-panel .calendar-toolbar p{font-size:10px;margin:2px 0 0}
.reservation-calendar-panel .calendar-controls{gap:4px;margin-left:auto}
.reservation-calendar-panel .calendar-controls .btn{min-height:29px;padding:5px 10px}
.reservation-calendar-panel .calendar-controls .segmented button{padding:6px 9px}
.reservation-calendar-panel .booking-calendar{
  max-height:calc(100vh - 195px) !important;
  max-height:calc(100dvh - 195px) !important;
  min-height:min(50vh,380px);
  overflow:auto !important;
}
/* Estados visibles incluso para teclado: los paneles siguen siendo clicables. */
.dashboard-compact .hotel-map-panel .room-card:focus-visible{outline:3px solid var(--accent,var(--green));outline-offset:2px}

@media(max-width:1450px){
  .dashboard-compact .dashboard-quick-tools{justify-content:flex-start}
  .dashboard-compact .dashboard-search{flex:0 1 190px}
  .dashboard-compact .hotel-map-panel .room-grid{grid-template-columns:repeat(8,minmax(0,1fr)) !important}
}
@media(max-width:1120px){
  .dashboard-compact .map-stats-bar{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dashboard-compact .hotel-map-panel .room-grid{grid-template-columns:repeat(6,minmax(0,1fr)) !important}
  .dashboard-compact .map-control-bar{grid-template-columns:1fr !important}
  .dashboard-compact .map-state-cluster{justify-content:space-between}
  .reservations-topbar .reservation-summary{order:3;flex:1 0 100%}
}
@media(max-width:760px){
  .dashboard-compact .dashboard-commandbar{gap:7px !important}
  .dashboard-compact .dashboard-title{flex-direction:row;flex-wrap:wrap;gap:7px}
  .dashboard-compact .dashboard-title h1{font-size:18px !important}
  .dashboard-compact .dashboard-quick-tools{flex:1 0 100% !important;justify-content:flex-start}
  .dashboard-compact .dashboard-quick-tools>.btn{flex:1 1 auto;min-width:0}
  .dashboard-compact .map-stats-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .dashboard-compact .map-stat{padding:7px;min-height:37px}
  .dashboard-compact .map-stat>span{font-size:10px}
  .dashboard-compact .map-stat>strong{font-size:14px}
  .dashboard-compact .map-stat:last-child{grid-column:1/-1}
  .dashboard-compact .side-stack{grid-template-columns:1fr}
  .dashboard-compact .hotel-map-panel .room-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
  .reservations-topbar{gap:8px}
  .reservations-topbar .heading-actions{margin-left:auto}
  .reservation-calendar-panel .calendar-toolbar{align-items:flex-start}
  .reservation-calendar-panel .calendar-controls{margin-left:0;flex-wrap:wrap;width:100%}
  .reservation-calendar-panel .booking-calendar{max-height:calc(100dvh - 255px) !important;min-height:300px}
}
@media(max-width:440px){
  .dashboard-compact .hotel-map-panel .room-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:7px}
  .dashboard-compact .hotel-map-panel .room-card .room-body{padding:9px 8px 9px 11px !important}
  .dashboard-compact .hotel-map-panel .room-card .room-top{grid-template-columns:38px minmax(0,1fr) !important;gap:4px !important}
  .dashboard-compact .hotel-map-panel .room-card .room-number-compact{font-size:17px !important}
  .dashboard-compact .hotel-map-panel .room-card .room-top .status-pill{padding:3px 3px !important;font-size:8.6px !important}
  .dashboard-compact .map-filter-cluster{width:100%}
  .reservations-topbar .heading-actions{width:100%;margin:0}
  .reservations-topbar .heading-actions .btn{flex:1 1 auto}
  .reservations-topbar .reservation-summary{gap:4px}
  .reservations-topbar .summary-tile{padding:5px 7px}
  .reservations-topbar .summary-tile span{font-size:9px}
}

/* V49 — Datos operativos trasladados de Mapa del Hotel a Reportes.
   Grilla sin truncamientos, respetando tema y ancho de pantalla. */
.reports-current-operations{padding:13px 15px 14px;margin:0 0 14px;min-width:0}
.reports-current-title{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:5px 12px;margin-bottom:11px}
.reports-current-title h2{margin:0;font:800 15px/1.25 Manrope,sans-serif;color:var(--ink)}
.reports-current-title span{font-size:10px;color:var(--muted)}
.reports-current-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.reports-current-grid .map-stat{min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:7px;min-height:77px;padding:12px 14px;border:1px solid var(--line);border-left:4px solid #7bab97;background:var(--panel-soft);border-radius:12px;font-variant-numeric:tabular-nums}
.reports-current-grid .map-stat.peach{border-left-color:#dc9c81}
.reports-current-grid .map-stat.blue{border-left-color:#83a8cb}
.reports-current-grid .map-stat.amber{border-left-color:#caa85b}
.reports-current-grid .map-stat.neutral{border-left-color:#85948e}
.reports-current-grid .map-stat>span{font-size:11px;font-weight:800;line-height:1.2;color:var(--muted)}
.reports-current-grid .map-stat>strong{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px;font:850 clamp(16px,1.55vw,23px)/1.12 Manrope,sans-serif;white-space:normal;overflow-wrap:anywhere;color:var(--ink)}
.reports-current-grid .map-stat strong small{font:650 10px/1.15 Manrope,sans-serif;color:var(--muted)}
@media(max-width:1050px){.reports-current-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.reports-current-operations{padding:11px}.reports-current-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.reports-current-grid .map-stat{padding:10px;min-height:70px}.reports-current-grid .map-stat>strong{font-size:18px}}
@media(max-width:370px){.reports-current-grid{grid-template-columns:1fr}.reports-current-grid .map-stat{min-height:55px;flex-direction:row;align-items:center;justify-content:space-between}}

/* V51: dos vistas del mapa. Vista normal: CSS de V50 sin cambios.
   Vista "Ajustar a pantalla": cálculos JS sobre espacio visible y pisos. */
.dashboard-compact .map-view-controls{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;min-width:0}
.dashboard-compact .map-fit-toggle{display:inline-flex;justify-content:center;align-items:center;gap:5px;white-space:nowrap;font:800 9px/1.1 Manrope,sans-serif;color:var(--forest);background:var(--panel);border:1px solid var(--line);border-radius:8px;min-height:29px;padding:5px 9px;cursor:pointer;transition:background .15s ease,border-color .15s ease}
.dashboard-compact .map-fit-toggle>span:first-child{font-size:15px;line-height:1}
.dashboard-compact .map-fit-toggle:hover{border-color:var(--accent);background:var(--panel-soft)}
.dashboard-compact .map-fit-toggle.is-active{border-color:var(--accent);background:var(--mint);color:var(--forest)}
.dashboard-compact .map-fit-toggle:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.dashboard-compact .map-fit-stage-viewport{position:relative;min-width:0;width:100%}
.dashboard-compact .map-fit-stage{width:100%;min-width:0}
.dashboard-compact.map-fit-active .map-fit-stage{position:absolute;top:0;left:0;display:grid;align-items:start;grid-template-columns:repeat(var(--map-fit-floor-columns,1),minmax(0,1fr));gap:6px;transform-origin:top left;will-change:transform}
.dashboard-compact.map-fit-active .hotel-map-panel{overflow:visible}
.dashboard-compact.map-fit-active .hotel-map-panel .floor{min-width:0;padding:4px 5px 5px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}
.dashboard-compact.map-fit-active .hotel-map-panel .floor-title{min-height:14px;margin:0 0 4px;gap:5px}
.dashboard-compact.map-fit-active .hotel-map-panel .floor-title strong{font-size:10px}
.dashboard-compact.map-fit-active .hotel-map-panel .floor-title span{font-size:8px;white-space:nowrap}
.dashboard-compact.map-fit-active .hotel-map-panel .room-grid{grid-template-columns:repeat(var(--map-fit-room-columns,8),minmax(0,1fr)) !important;grid-auto-rows:1fr;gap:5px}
.dashboard-compact.map-fit-active .hotel-map-panel .room-card{min-height:0 !important;height:100%;border-radius:7px;overflow:hidden}
.dashboard-compact.map-fit-active .hotel-map-panel .room-card .room-body{min-height:0 !important;height:100%;padding:6px 6px 5px 8px !important;gap:2px !important;display:flex !important;flex-direction:column !important}
.dashboard-compact.map-fit-active .hotel-map-panel .room-card .room-top{grid-template-columns:minmax(26px,auto) minmax(0,1fr) !important;gap:4px !important;min-height:20px !important}
.dashboard-compact.map-fit-active .hotel-map-panel .room-card .room-number-compact{font-size:14px !important}
.dashboard-compact.map-fit-active .hotel-map-panel .room-card .room-top .status-pill{font-size:8px !important;min-height:18px !important;padding:2px 4px !important;line-height:1.1 !important}
.dashboard-compact.map-fit-active .hotel-map-panel .room-card .room-type-line{min-height:13px !important;margin:0;line-height:1}
.dashboard-compact.map-fit-active .hotel-map-panel .room-card .room-type-line .room-type{font-size:8.8px !important;line-height:1.15 !important;white-space:normal !important}
.dashboard-compact.map-fit-active .hotel-map-panel .room-card .room-guest{min-height:18px !important;margin:0 !important;gap:4px !important}
.dashboard-compact.map-fit-active .hotel-map-panel .room-card .room-guest strong{font-size:9px !important;line-height:1.12 !important}
.dashboard-compact.map-fit-active .hotel-map-panel .room-card .room-guest small,.dashboard-compact.map-fit-active .hotel-map-panel .room-card .vacant-label{font-size:8px !important;line-height:1.1 !important}
.dashboard-compact.map-fit-active .hotel-map-panel .room-card .guest-mini-avatar{width:17px;height:17px;font-size:7px;border-radius:5px}
.dashboard-compact.map-fit-active .hotel-map-panel .room-card .room-footer.room-footer-status{min-height:14px !important;padding-top:3px !important;margin-top:auto !important}
.dashboard-compact.map-fit-active .hotel-map-panel .room-card .room-footer.room-footer-status .room-footer-primary{font-size:8px !important;line-height:1.12 !important}
/* Más habitaciones: ocultar sólo campos secundarios en la vista panorámica.
   Todo sigue disponible al tocar/clicar una habitación. */
.dashboard-compact.map-fit-active[data-map-fit-density="dense"] .room-card .room-footer{display:none !important}
.dashboard-compact.map-fit-active[data-map-fit-density="dense"] .room-card .room-guest small{display:none !important}
.dashboard-compact.map-fit-active[data-map-fit-density="dense"] .room-card .room-body{padding:5px 6px 5px 7px !important;gap:1px !important}
.dashboard-compact.map-fit-active[data-map-fit-density="dense"] .room-card .room-guest{min-height:14px !important}
.dashboard-compact.map-fit-active[data-map-fit-density="overview"] .room-card .room-type-line,
.dashboard-compact.map-fit-active[data-map-fit-density="overview"] .room-card .room-guest,
.dashboard-compact.map-fit-active[data-map-fit-density="overview"] .room-card .room-footer{display:none !important}
.dashboard-compact.map-fit-active[data-map-fit-density="overview"] .room-card .room-body{padding:4px 5px 4px 6px !important}
.dashboard-compact.map-fit-active[data-map-fit-density="overview"] .room-card .room-top{min-height:19px !important}
@media(max-width:760px){.dashboard-compact .map-view-controls{width:100%;justify-content:space-between}.dashboard-compact .map-control-bar .map-state-cluster{gap:5px}.dashboard-compact.map-fit-active .map-control-bar .legend{display:none}.dashboard-compact .map-fit-toggle{font-size:10px;min-height:32px}}

/* Estado completo en vista normal; breve sólo en panorama ultracompacto. */
.dashboard-compact .room-card .status-abbrev{display:none}
.dashboard-compact.map-fit-active[data-map-fit-density="overview"] .room-card .status-name{display:none}
.dashboard-compact.map-fit-active[data-map-fit-density="overview"] .room-card .status-abbrev{display:inline;white-space:nowrap}
/* En pantallas grandes, el modo panorámico aprovecha también el alto disponible. */
.dashboard-compact.map-fit-active[data-map-fit-density="standard"] .room-card,
.dashboard-compact.map-fit-active[data-map-fit-density="standard"] .room-card .room-body{min-height:125px !important}
.dashboard-compact.map-fit-active[data-map-fit-density="standard"] .room-card .room-body{gap:5px !important;padding:8px 8px 7px 9px !important}
.dashboard-compact.map-fit-active[data-map-fit-density="standard"] .room-card .room-top{min-height:25px !important}
.dashboard-compact.map-fit-active[data-map-fit-density="standard"] .room-card .room-number-compact{font-size:17px !important}
.dashboard-compact.map-fit-active[data-map-fit-density="standard"] .room-card .room-top .status-pill{min-height:23px !important;font-size:8.8px !important}
.dashboard-compact.map-fit-active[data-map-fit-density="standard"] .room-card .room-type-line{min-height:20px !important}
.dashboard-compact.map-fit-active[data-map-fit-density="standard"] .room-card .room-type-line .room-type{font-size:9.3px !important}
.dashboard-compact.map-fit-active[data-map-fit-density="standard"] .room-card .room-guest{min-height:27px !important}
.dashboard-compact.map-fit-active[data-map-fit-density="standard"] .room-card .room-guest strong{font-size:10px !important}
.dashboard-compact.map-fit-active[data-map-fit-density="standard"] .room-card .room-footer.room-footer-status{min-height:16px !important}
.dashboard-compact.map-fit-active .empty-map-floor .empty-state{padding:6px 3px}
.dashboard-compact.map-fit-active .empty-map-floor .empty-state strong{font-size:10px}
.dashboard-compact.map-fit-active .empty-map-floor .empty-state p{font-size:8px}


/* =========================================================================
   V52 — Planning inteligente de disponibilidad. No modifica datos de negocio.
   ========================================================================= */
.reservations-topbar{margin-bottom:7px}
.planning-shell{border-radius:13px!important;overflow:hidden}
.planning-toolbar{padding:8px 12px!important;gap:8px!important;justify-content:space-between}
.planning-toolbar-title{min-width:150px}
.planning-toolbar-title h2{font-size:14px!important;font-weight:850;margin:0}
.planning-toolbar-title p{margin:2px 0 0;font-size:10px!important}
.planning-calendar-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;width:auto!important;gap:5px!important}
.planning-calendar-controls .btn{padding:6px 10px!important}
.planning-calendar-controls .segmented{display:inline-flex;gap:2px;padding:3px;background:var(--panel-soft,#f1f5f4);border-radius:9px}
.planning-calendar-controls .segmented button{border:0;background:transparent;border-radius:6px;padding:6px 9px;font-size:10px;white-space:nowrap;cursor:pointer;color:var(--ink)}
.planning-calendar-controls .segmented button.active{background:var(--panel);box-shadow:0 1px 5px #0002;color:var(--accent);font-weight:850}
.planning-filters{display:flex;align-items:end;flex-wrap:wrap;gap:6px 9px;padding:8px 12px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--canvas) 50%,var(--panel))}
.planning-filters label{display:flex;flex-direction:column;gap:3px;min-width:115px;font-size:10px;font-weight:750;color:var(--muted)}
.planning-filters .planning-query{flex:1 1 195px;max-width:360px}
.planning-filters .input{min-height:32px;height:32px;padding:5px 9px;border-radius:8px;font-size:11px;background:var(--panel);width:100%;box-sizing:border-box}
.planning-filters .planning-free-only{flex-direction:row;align-self:end;align-items:center;gap:6px;min-height:32px;padding:0 6px;color:var(--ink);cursor:pointer;white-space:normal}
.planning-filters .planning-free-only input{width:15px;height:15px;accent-color:var(--accent);flex-shrink:0}
.planning-quick-status{display:flex;flex-wrap:wrap;gap:7px;padding:7px 12px;background:var(--panel);border-top:1px solid var(--line)}
.planning-quick-status>div{display:flex;gap:6px;align-items:center;padding:5px 9px;border-radius:8px;background:var(--panel-soft);border:1px solid var(--line)}
.planning-quick-status>div:first-child{background:#e5f4ec;border-color:#bbe0cb;color:#21684b}
.planning-quick-status b{font-size:15px;font-weight:850;font-variant-numeric:tabular-nums}
.planning-quick-status span{font-size:10px;font-weight:700;line-height:1.25}
.planning-quick-status .planning-alert{background:#fff3da;color:#8b571e;border-color:#efddac}
.planning-legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 15px;padding:6px 12px;border-top:1px solid var(--line);font-size:10px;color:var(--ink)}
.planning-legend span{display:inline-flex;align-items:center;gap:5px;font-weight:750}
.planning-legend i{display:inline-block;width:12px;height:12px;border-radius:4px;border:1px solid #0002}
.planning-legend .free{background:#d5f1e1}.planning-legend .reserved{background:#dce8fb}.planning-legend .inhouse{background:#ffe5cf}.planning-legend .maintenance{background:#d6dcdd}.planning-legend .booking{background:#e7ddf8}
.planning-legend small{font-size:9px;color:var(--muted);margin-left:auto}
.reservation-calendar-panel .planning-calendar{max-height:calc(100dvh - 268px)!important;min-height:min(45vh,330px)!important;background:var(--panel);scrollbar-gutter:stable}
.planning-calendar-head,.planning-room-row{display:grid;grid-template-columns:158px repeat(var(--calendar-days),minmax(52px,1fr));min-width:max(100%,var(--calendar-min-width));position:relative}
.planning-calendar-head{position:sticky;top:0;z-index:14;min-height:40px;background:var(--panel);border-bottom:1px solid var(--line)}
.planning-room-head,.planning-room-label{position:sticky;left:0;z-index:8;padding:7px 11px;background:var(--panel);border-right:1px solid var(--line);min-width:0}
.planning-room-head{z-index:15;display:flex;align-items:center;font-weight:850;font-size:11px;color:var(--muted)}
.planning-day-head{display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;min-width:0;padding:4px 2px;border-right:1px solid var(--line);background:var(--panel)}
.planning-day-head strong{font-size:10px;font-weight:800;text-transform:capitalize;white-space:nowrap}
.planning-day-head small{font-size:9px;color:var(--muted);text-transform:capitalize}
.planning-day-head.today{background:#e7f0fc;color:#245e9c}
.planning-floor-heading{position:relative;display:flex;align-items:center;gap:12px;padding:6px 12px;background:color-mix(in srgb,var(--canvas) 65%,var(--panel));border-top:1px solid var(--line);border-bottom:1px solid var(--line);width:max(100%,var(--calendar-min-width));min-height:28px}
.planning-floor-heading strong{font-size:11px;color:var(--ink)}.planning-floor-heading span{font-size:9px;color:var(--muted)}
.planning-room-row{min-height:53px;border-bottom:1px solid var(--line);align-items:stretch;grid-auto-rows:1fr}
.planning-room-label{display:flex;flex-direction:column;justify-content:center;gap:1px;background:var(--panel);overflow:hidden}
.planning-room-label strong{font-size:13px;font-weight:850;color:var(--ink)}
.planning-room-label small{font-size:9px;color:var(--muted);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.planning-room-label em{font-size:8px;font-weight:800;color:#6b4e93;font-style:normal}
.planning-night{grid-row:1;min-width:0;min-height:53px;padding:0;border:0;border-right:1px solid #ffffffb3;border-bottom:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:850;cursor:default}
.planning-night.free{background:#dff5e8;cursor:pointer}
.planning-night.free:nth-child(even){background:#d8f0e1}
.planning-night.free:hover,.planning-night.free:focus-visible{background:#a9dfbf;outline:2px solid #2c895b;outline-offset:-2px;z-index:6}
.planning-night.booking{background:#e7ddf8;color:#674494}.planning-night.maintenance{background:#d7dddf;color:#647178}
.planning-night.booked{background:#e1e8fa}.planning-night.occupied{background:#ffdfca}.planning-night.cleaning{background:#fff0cb;color:#8b611f}
.planning-night.selected-period{box-shadow:inset 0 0 0 2px #3f9d78}
.planning-reservation-bar{z-index:4;min-width:0;align-self:center;height:37px;margin:0 2px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;padding:4px 7px;border:1px solid #a3bce8;border-radius:7px;background:#cbdff7;color:#1d416d;box-shadow:0 1px 3px #0001;cursor:pointer;overflow:hidden;text-align:left}
.planning-reservation-bar.confirmed,.planning-reservation-bar.arriving{background:#cbdff7;color:#1d416d;border-color:#8eafdf}
.planning-reservation-bar.inhouse{background:#ffdac0;color:#79472f;border-color:#e8ac87}
.planning-reservation-bar.completed{background:#e5e8eb;color:#5f6a72;border-color:#c4ccd0}
.planning-reservation-bar:hover,.planning-reservation-bar:focus-visible{z-index:9;outline:2px solid var(--accent);outline-offset:0;filter:saturate(1.1)}
.planning-reservation-bar strong{display:block;min-width:0;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;font-weight:850}
.planning-reservation-bar small{display:block;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.planning-empty{padding:25px;font-size:13px;text-align:center;color:var(--muted)}
@media(max-width:1000px){.planning-toolbar{align-items:flex-start!important;flex-direction:column!important}.planning-calendar-controls{justify-content:flex-start!important}.planning-legend small{flex-basis:100%;margin:0}}
@media(max-width:680px){.planning-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.planning-filters .planning-query{max-width:none;grid-column:1/-1}.planning-filters label{min-width:0}.planning-filters .planning-free-only{grid-column:1/-1}.planning-calendar-head,.planning-room-row{grid-template-columns:104px repeat(var(--calendar-days),minmax(52px,1fr))}.planning-room-label,.planning-room-head{padding-inline:7px}.planning-room-label strong{font-size:12px}.planning-day-head strong{font-size:9px}.reservation-calendar-panel .planning-calendar{max-height:calc(100dvh - 330px)!important;min-height:280px!important}.planning-calendar-controls{gap:4px!important}.planning-calendar-controls .segmented button{font-size:9px;padding:6px}.planning-quick-status>div{flex:1 1 30%}.planning-quick-status span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.planning-reservation-bar{transition:none}}

.planning-night.past{background:#eef1f0;color:#82918b;cursor:default}.planning-legend .past{background:#eef1f0}


/* ======================================================================
   V53 — Reservas: mes predeterminado y cabecera ultracompacta.
   El calendario recibe la mayor altura. Resúmenes pasan debajo, al listado.
   ====================================================================== */
.reservations-topbar{min-height:34px!important;margin:0 0 5px!important;gap:6px!important;align-items:center!important}
.reservations-topbar>h1{font-size:20px!important;line-height:1.15!important}
.reservations-topbar .heading-actions{gap:5px!important;flex:0 1 auto;margin-left:auto!important;width:auto!important}
.reservations-topbar .heading-actions .btn{min-height:29px!important;padding:5px 10px!important;font-size:10px!important;flex:none!important}
.reservations-topbar .reservation-summary{display:none!important}
.reservation-calendar-panel.planning-shell{margin-bottom:10px!important;border-radius:11px!important}
.reservation-calendar-panel .planning-toolbar{display:flex!important;align-items:center!important;flex-direction:row!important;flex-wrap:wrap!important;min-height:39px!important;padding:5px 9px!important;gap:5px 9px!important}
.planning-toolbar-title{flex:0 1 auto!important;min-width:0!important}
.planning-toolbar-title h2{font-size:12.5px!important;line-height:1.18;margin:0!important;white-space:nowrap}
.planning-current-period{font-size:10.5px;font-weight:650;color:var(--muted);text-transform:capitalize}
.reservation-calendar-panel .planning-calendar-controls{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:3px!important;width:auto!important;margin-left:auto!important;justify-content:flex-end!important}
.planning-calendar-controls .btn{min-height:27px!important;padding:4px 8px!important;font-size:10px!important}
.planning-calendar-controls .segmented{padding:2px!important;gap:1px!important}
.planning-calendar-controls .segmented button{padding:5px 7px!important;font-size:10px!important;line-height:1.1!important}
.planning-filters{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;padding:5px 9px!important}
.planning-filters label{display:flex;align-items:center;flex-direction:row;gap:4px!important;min-width:0!important;font-size:10px!important;white-space:nowrap}
.planning-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.planning-filters .planning-query{flex:1 1 155px!important;max-width:295px;min-width:130px!important}
.planning-filters label:has(#planningFloor){flex:0 1 145px}
.planning-filters label:has(#planningFrom),.planning-filters label:has(#planningTo){flex:0 1 141px}
.planning-filters .input{height:29px!important;min-height:29px!important;padding:4px 7px!important;font-size:10px!important;border-radius:7px!important}
.planning-filters .planning-free-only{min-height:29px!important;align-self:center!important;flex:0 1 auto;padding:0 3px!important;gap:4px!important;font-size:10px!important}
.planning-filters .planning-free-only input{width:13px;height:13px}
.planning-info-strip{display:flex;align-items:center;flex-wrap:wrap;gap:4px 14px;min-height:27px;padding:4px 9px;border-top:1px solid var(--line);background:var(--panel)}
.planning-info-strip .planning-quick-status{display:flex;flex:0 1 auto;align-items:center;gap:4px 10px;flex-wrap:wrap;border:0;padding:0;background:transparent}
.planning-info-strip .planning-quick-status>span{background:transparent;border:0;padding:0!important;line-height:1.2;font-size:10px;color:var(--muted);white-space:nowrap}
.planning-info-strip .planning-quick-status>span:first-child{color:#256d4f;font-weight:700}
.planning-info-strip .planning-quick-status b{font-size:11px;font-weight:850;color:var(--ink)}
.planning-info-strip .planning-quick-status>span:first-child b{color:#217653}
.planning-info-strip .planning-quick-status .planning-alert{color:#a06115}
.planning-info-strip .planning-legend{display:flex;align-items:center;flex-wrap:wrap;gap:4px 9px;margin-left:auto;border:0;padding:0;background:transparent}
.planning-info-strip .planning-legend span{font-size:9px;font-weight:650;gap:3px;white-space:nowrap}
.planning-info-strip .planning-legend i{width:9px;height:9px;border-radius:3px}
.reservation-calendar-panel .planning-calendar{max-height:calc(100dvh - 202px)!important;min-height:min(60dvh,420px)!important;scrollbar-gutter:stable;background:var(--panel)}
.planning-calendar-head,.planning-room-row{grid-template-columns:var(--planning-room-width,118px) repeat(var(--calendar-days),minmax(var(--planning-day-width,29px),1fr));min-width:max(100%,var(--calendar-min-width))}
.planning-calendar-head{min-height:31px!important}
.planning-day-head{gap:0!important;padding:3px 0!important}
.planning-day-head strong{font-size:9px!important}
.planning-day-head small{font-size:8px!important}
.planning-room-head,.planning-room-label{padding:5px 6px!important}
.planning-floor-heading{min-height:22px!important;padding:4px 8px!important}
.planning-room-row{min-height:43px!important}
.planning-night{min-height:43px!important;font-size:9px!important}
.planning-room-label strong{font-size:12px!important}
.planning-room-label small{font-size:8.5px!important}
.planning-reservation-bar{height:32px!important;margin:0 1px!important;padding:3px 4px!important;border-radius:5px!important}
.planning-reservation-bar strong{font-size:9px!important}
.planning-reservation-bar small{font-size:7px!important}
.reservation-list-panel .reservations-list-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.reservation-list-panel .reservations-list-head h2{margin:0;font-size:14px}
.reservation-list-panel .reservation-summary{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:4px;margin:0}
.reservation-list-panel .reservation-summary .summary-tile{min-height:25px;padding:4px 7px;gap:5px;border-radius:7px}
.reservation-list-panel .reservation-summary .summary-tile span{font-size:9px}
.reservation-list-panel .reservation-summary .summary-tile strong{font-size:11px}
@media(max-width:1100px){
  .reservation-calendar-panel .planning-toolbar{align-items:center!important;flex-direction:row!important}
  .planning-info-strip .planning-legend{margin-left:0}
  .reservation-calendar-panel .planning-calendar{max-height:calc(100dvh - 240px)!important}
}
@media(max-width:680px){
  .reservations-topbar{flex-wrap:wrap!important;align-items:center!important}
  .reservations-topbar>h1{font-size:18px!important}
  .reservations-topbar .heading-actions{flex:0 1 auto!important;display:flex!important;width:auto!important;margin-left:auto!important}
  .reservations-topbar .heading-actions .btn{padding:5px 7px!important;font-size:9.5px!important}
  .planning-current-period{font-size:9px}
  .planning-filters{display:flex!important;grid-template-columns:none!important;padding:5px 7px!important}
  .planning-filters .planning-query{flex:1 1 100%!important;max-width:none!important}
  .planning-filters label:has(#planningFloor){flex:1 1 110px!important}
  .planning-filters label:has(#planningFrom),.planning-filters label:has(#planningTo){flex:1 1 126px!important}
  .planning-filters .planning-free-only{flex:1 1 100%!important;grid-column:auto!important;min-height:20px!important}
  .planning-info-strip{padding:5px 7px!important;gap:5px!important}
  .planning-info-strip .planning-legend{gap:4px 8px!important}
  .planning-calendar-head,.planning-room-row{grid-template-columns:95px repeat(var(--calendar-days),minmax(var(--planning-day-width,29px),1fr))}
  .planning-calendar{--planning-room-width:95px!important}
  .reservation-calendar-panel .planning-calendar{max-height:calc(100dvh - 255px)!important;min-height:360px!important}
}

/* V53 móvil: los filtros extensos se despliegan solo cuando hacen falta.
   El campo de búsqueda siempre queda visible. */
.planning-filter-toggle{display:none;border:1px solid var(--line);border-radius:7px;min-height:29px;padding:4px 8px;background:var(--panel);color:var(--ink);font:750 10px Manrope,sans-serif;cursor:pointer}
.planning-filter-toggle[aria-expanded="true"]{background:var(--panel-soft);border-color:var(--accent)}
@media(max-width:680px){
  .planning-filters{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:5px!important}
  .planning-filters .planning-query{flex:1 1 calc(100% - 94px)!important;width:auto!important;grid-column:auto!important;min-width:0!important}
  .planning-filter-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 83px}
  .planning-filters .planning-optional-filter{display:none!important}
  .planning-filters.expanded .planning-optional-filter{display:flex!important}
  .planning-filters.expanded .planning-free-only{display:flex!important}
  .planning-filters.expanded label:has(#planningFloor){flex:1 1 100%!important}
  .planning-filters.expanded label:has(#planningFrom),.planning-filters.expanded label:has(#planningTo){flex:1 1 145px!important}
  .planning-filters.expanded label.planning-free-only{flex:1 1 100%!important}
  .reservation-calendar-panel .planning-calendar{max-height:calc(100dvh - 206px)!important;min-height:360px!important}
}


/* ======================================================================
   V54 — Reservas de mayor área útil: barra superior baja y Planning denso.
   Los demás módulos siguen con las dimensiones de V53.
   ====================================================================== */
/* El nombre del hotel, su ciudad, el buscador, avisos y reloj siguen visibles. */
.app-shell.reservations-mode .topbar{
  height:46px;min-height:46px;padding:0 14px;gap:10px;
}
.app-shell.reservations-mode .topbar .property-selector{min-width:0;gap:7px;flex:0 1 auto;}
.app-shell.reservations-mode .topbar .hotel-icon{width:27px;height:27px;border-radius:7px;font-size:11px;flex:none}
.app-shell.reservations-mode .topbar .property-selector>div{line-height:1.12}
.app-shell.reservations-mode .topbar #topbarHotelName{font-size:12px;line-height:1.15}
.app-shell.reservations-mode .topbar #topbarHotelMeta{font-size:9px;margin-top:0;white-space:nowrap;}
.app-shell.reservations-mode .topbar .topbar-actions{gap:5px;margin-left:auto;min-width:0}
.app-shell.reservations-mode .topbar .search-trigger{min-width:0;width:clamp(172px,23vw,260px);height:30px;border-radius:8px;padding:0 8px;gap:5px;font-size:11px;}
.app-shell.reservations-mode .topbar .search-trigger kbd{font-size:9px;padding:2px 4px}
.app-shell.reservations-mode .topbar .icon-btn{width:30px;height:30px;border-radius:8px;flex:none}
.app-shell.reservations-mode .topbar .business-date{display:flex;align-items:center;border-left:1px solid var(--line);padding-left:8px}
.app-shell.reservations-mode .topbar .business-date small{display:none}
.app-shell.reservations-mode .topbar .business-date strong{margin:0;font-size:10px;line-height:1.1;white-space:nowrap}
.app-shell.reservations-mode .view-container{max-width:none;padding:8px 10px 14px}
/* Cabecera y controles: el calendario comienza inmediatamente después de la barra. */
.app-shell.reservations-mode .reservations-topbar{min-height:27px!important;margin-bottom:3px!important;gap:5px!important;}
.app-shell.reservations-mode .reservations-topbar>h1{font-size:18px!important;line-height:1.08!important;margin:0}
.app-shell.reservations-mode .reservations-topbar .heading-actions{gap:4px!important;}
.app-shell.reservations-mode .reservations-topbar .heading-actions .btn{min-height:25px!important;padding:3px 8px!important;font-size:10px!important;border-radius:7px}
.app-shell.reservations-mode .reservation-calendar-panel.planning-shell{margin-bottom:7px!important;border-radius:9px!important}
.app-shell.reservations-mode .reservation-calendar-panel .planning-toolbar{min-height:31px!important;padding:3px 7px!important;gap:3px 7px!important}
.app-shell.reservations-mode .planning-toolbar-title h2{font-size:11.5px!important}
.app-shell.reservations-mode .planning-current-period{font-size:10px}
.app-shell.reservations-mode .planning-calendar-controls .btn{min-height:23px!important;padding:3px 7px!important;font-size:9.5px!important;border-radius:6px}
.app-shell.reservations-mode .planning-calendar-controls .segmented{padding:1px!important;}
.app-shell.reservations-mode .planning-calendar-controls .segmented button{padding:4px 6px!important;font-size:9.5px!important}
.app-shell.reservations-mode .planning-filters{padding:3px 7px!important;gap:3px 6px!important;}
.app-shell.reservations-mode .planning-filters .input{height:25px!important;min-height:25px!important;padding:3px 7px!important;font-size:10px!important;}
.app-shell.reservations-mode .planning-filters .planning-free-only{min-height:25px!important;font-size:9.5px!important;}
.app-shell.reservations-mode .planning-info-strip{min-height:21px!important;padding:2px 7px!important;gap:4px 12px!important;}
.app-shell.reservations-mode .planning-info-strip .planning-quick-status>span{font-size:9.5px}
.app-shell.reservations-mode .planning-info-strip .planning-legend span{font-size:8.6px}
/* Cada habitación: menor altura, dos líneas completas para el nombre y código. */
.app-shell.reservations-mode .reservation-calendar-panel .planning-calendar{
  max-height:calc(100dvh - 166px)!important;
  min-height:min(64dvh,470px)!important;
}
.app-shell.reservations-mode .planning-calendar-head{min-height:27px!important;}
.app-shell.reservations-mode .planning-day-head{padding:2px 0!important;}
.app-shell.reservations-mode .planning-day-head strong{font-size:9px!important;line-height:1.05}
.app-shell.reservations-mode .planning-day-head small{font-size:7.5px!important;line-height:1.1}
.app-shell.reservations-mode .planning-room-head,.app-shell.reservations-mode .planning-room-label{padding:3px 6px!important;}
.app-shell.reservations-mode .planning-floor-heading{min-height:18px!important;padding:2px 8px!important;gap:8px;}
.app-shell.reservations-mode .planning-floor-heading strong{font-size:10px}
.app-shell.reservations-mode .planning-floor-heading span{font-size:8px}
.app-shell.reservations-mode .planning-room-row{min-height:31px!important;}
.app-shell.reservations-mode .planning-night{min-height:31px!important;}
.app-shell.reservations-mode .planning-room-label{gap:0!important;line-height:1.12;}
.app-shell.reservations-mode .planning-room-label strong{font-size:10.5px!important;line-height:1.08}
.app-shell.reservations-mode .planning-room-label small{font-size:7.6px!important;line-height:1.1;}
.app-shell.reservations-mode .planning-room-label em{font-size:6.6px;line-height:1.08}
.app-shell.reservations-mode .planning-reservation-bar{height:24px!important;margin:0 1px!important;padding:2px 4px!important;gap:0!important;border-radius:5px!important;}
.app-shell.reservations-mode .planning-reservation-bar strong{font-size:8.1px!important;line-height:1.1;}
.app-shell.reservations-mode .planning-reservation-bar small{font-size:6.6px!important;line-height:1.05;}
/* Evitar dos renglones de leyenda en pantallas angostas: desplazable horizontalmente. */
@media(max-width:1100px){
  .app-shell.reservations-mode .topbar{padding:0 10px;gap:8px;}
  .app-shell.reservations-mode .topbar .property-selector{gap:5px;}
  .app-shell.reservations-mode .topbar .search-trigger{width:175px;}
  .app-shell.reservations-mode .planning-info-strip{flex-wrap:nowrap;white-space:nowrap;overflow-x:auto;scrollbar-width:thin;}
  .app-shell.reservations-mode .planning-info-strip .planning-quick-status,
  .app-shell.reservations-mode .planning-info-strip .planning-legend{flex-wrap:nowrap;flex:none;margin-left:0;}
}
@media(max-width:680px){
  .app-shell.reservations-mode .topbar{height:45px;min-height:45px;padding:0 8px;gap:6px;}
  .app-shell.reservations-mode .topbar .property-selector{flex:1 1 auto;}
  .app-shell.reservations-mode .topbar .hotel-icon{width:26px;height:26px;}
  .app-shell.reservations-mode .topbar #topbarHotelName{font-size:11px;}
  .app-shell.reservations-mode .topbar .topbar-actions{flex:none;gap:4px;}
  .app-shell.reservations-mode .topbar .search-trigger{min-width:28px;width:28px;height:28px;padding:0;justify-content:center}
  .app-shell.reservations-mode .topbar .icon-btn{width:28px;height:28px;}
  /* En el móvil la fecha hotelera está en el sistema; se evita una segunda línea. */
  .app-shell.reservations-mode .topbar .business-date{display:none;}
  .app-shell.reservations-mode .view-container{padding:6px 6px 12px;}
  .app-shell.reservations-mode .reservations-topbar{min-height:26px!important;}
  .app-shell.reservations-mode .reservations-topbar>h1{font-size:16px!important;}
  .app-shell.reservations-mode .reservations-topbar .heading-actions .btn{min-height:24px!important;padding:3px 6px!important;font-size:9px!important;}
  .app-shell.reservations-mode .planning-toolbar{padding:3px 5px!important;}
  .app-shell.reservations-mode .planning-current-period{font-size:9px;}
  .app-shell.reservations-mode .planning-filters{padding:3px 5px!important;}
  .app-shell.reservations-mode .planning-filter-toggle{min-height:25px;padding:3px 7px;}
  .app-shell.reservations-mode .planning-info-strip{min-height:20px!important;padding:2px 5px!important;}
  .app-shell.reservations-mode .reservation-calendar-panel .planning-calendar{max-height:calc(100dvh - 185px)!important;min-height:330px!important;}
  .app-shell.reservations-mode .planning-room-row,.app-shell.reservations-mode .planning-night{min-height:31px!important;}
}


/* =====================================================================
   V55 — Segundo ajuste vertical SOLO al Planning de Reservas.
   Se mantienen visibles filtros, estados, leyenda y navegación.
   ===================================================================== */
.app-shell.reservations-mode .view-container{padding-top:6px!important}
.app-shell.reservations-mode .reservations-topbar{min-height:25px!important;margin-bottom:2px!important}
.app-shell.reservations-mode .reservation-calendar-panel.planning-shell .planning-toolbar{
  min-height:26px!important;
  padding:2px 6px!important;
  gap:2px 6px!important;
}
.app-shell.reservations-mode .planning-toolbar-title h2{line-height:1.1!important;font-size:11px!important}
.app-shell.reservations-mode .planning-current-period{font-size:9px!important;line-height:1.1!important}
.app-shell.reservations-mode .planning-calendar-controls{gap:3px!important}
.app-shell.reservations-mode .planning-calendar-controls .btn{
  min-height:22px!important;padding:2px 6px!important;line-height:1.15!important;
}
.app-shell.reservations-mode .planning-calendar-controls .segmented{padding:1px!important;gap:1px!important}
.app-shell.reservations-mode .planning-calendar-controls .segmented button{
  padding:3px 6px!important;line-height:1.15!important;
}
.app-shell.reservations-mode .planning-filters{
  padding:2px 6px!important;
  gap:2px 5px!important;
}
.app-shell.reservations-mode .planning-filters label{
  gap:3px!important;font-size:9.5px!important;line-height:1.15!important;
}
.app-shell.reservations-mode .planning-filters .input{
  height:24px!important;min-height:24px!important;
  padding:2px 6px!important;border-radius:6px!important;
}
.app-shell.reservations-mode .planning-filters .planning-free-only{min-height:24px!important;padding:0 2px!important;font-size:9px!important}
.app-shell.reservations-mode .planning-info-strip{
  min-height:18px!important;
  padding:1px 6px!important;
  gap:2px 10px!important;
}
.app-shell.reservations-mode .planning-info-strip .planning-quick-status>span{
  font-size:9px!important;line-height:1.15!important;
}
.app-shell.reservations-mode .planning-info-strip .planning-quick-status b{font-size:10px!important}
.app-shell.reservations-mode .planning-info-strip .planning-legend{gap:3px 8px!important}
.app-shell.reservations-mode .planning-info-strip .planning-legend span{
  font-size:8.5px!important;line-height:1.15!important;
}
.app-shell.reservations-mode .planning-info-strip .planning-legend i{width:8px!important;height:8px!important}
.app-shell.reservations-mode .reservation-calendar-panel .planning-calendar{
  max-height:calc(100dvh - 150px)!important;
}
@media(max-width:1100px){
  .app-shell.reservations-mode .planning-info-strip{
    flex-wrap:nowrap!important;overflow-x:auto!important;white-space:nowrap;
  }
}
@media(max-width:680px){
  .app-shell.reservations-mode .view-container{padding-top:4px!important}
  .app-shell.reservations-mode .planning-filter-toggle{min-height:24px!important;padding:2px 6px!important}
  .app-shell.reservations-mode .planning-filters .planning-query{min-width:0!important}
  .app-shell.reservations-mode .reservation-calendar-panel .planning-calendar{
    max-height:calc(100dvh - 170px)!important;
  }
}


/* ========================================================================
   V56 — Navegación del Planning más visible y barra de controles más clara.
   ======================================================================== */
.app-shell.reservations-mode .planning-calendar-controls{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  flex-wrap:wrap!important;
}
.app-shell.reservations-mode .planning-nav-group{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:2px;
  border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));
  border-radius:9px;
  background:color-mix(in srgb,var(--accent) 4%,var(--panel));
  box-shadow:0 1px 0 rgba(0,0,0,.03);
}
.app-shell.reservations-mode .planning-calendar-controls .planning-nav-btn{
  min-width:62px!important;
  min-height:24px!important;
  padding:3px 8px!important;
  font-size:9.8px!important;
  font-weight:800!important;
  border-radius:7px!important;
  border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));
  background:#fff;
  color:var(--ink);
  box-shadow:0 1px 0 rgba(0,0,0,.04);
}
.app-shell.reservations-mode .planning-calendar-controls .planning-nav-btn:hover{
  border-color:color-mix(in srgb,var(--accent) 58%,var(--line));
  background:color-mix(in srgb,var(--accent) 8%,var(--panel));
}
.app-shell.reservations-mode .planning-calendar-controls .planning-nav-btn:focus-visible{
  outline:2px solid color-mix(in srgb,var(--accent) 70%,white);
  outline-offset:1px;
}
.app-shell.reservations-mode .planning-calendar-controls .planning-nav-today{
  background:color-mix(in srgb,var(--accent) 12%,var(--panel));
  color:var(--accent);
}
.app-shell.reservations-mode .planning-calendar-controls .segmented{
  border-radius:8px!important;
  background:color-mix(in srgb,var(--muted) 6%,var(--panel));
  border:1px solid var(--line);
}
.app-shell.reservations-mode .planning-calendar-controls .segmented button{
  min-height:24px;
  font-weight:750;
}
.app-shell.reservations-mode .planning-calendar-controls .segmented button.active{
  box-shadow:0 1px 4px rgba(0,0,0,.07);
}
.app-shell.reservations-mode .planning-toolbar-title{
  display:flex;
  align-items:center;
  gap:8px;
}
.app-shell.reservations-mode .planning-toolbar-title h2{
  display:flex;
  align-items:center;
  gap:5px;
  flex-wrap:wrap;
}
.app-shell.reservations-mode .planning-current-period{
  display:inline-flex;
  align-items:center;
  padding:2px 6px;
  border-radius:999px;
  background:color-mix(in srgb,var(--accent) 7%,var(--panel));
}
.app-shell.reservations-mode .planning-filters .input::placeholder{
  color:color-mix(in srgb,var(--muted) 92%,white);
}
.app-shell.reservations-mode .planning-info-strip .planning-quick-status{
  display:flex;
  align-items:center;
  gap:4px 10px;
  flex-wrap:wrap;
}
.app-shell.reservations-mode .planning-info-strip .planning-quick-status > span{
  padding:1px 0;
}
@media(max-width:900px){
  .app-shell.reservations-mode .planning-calendar-controls{
    gap:5px!important;
  }
  .app-shell.reservations-mode .planning-nav-group{
    order:1;
  }
  .app-shell.reservations-mode .planning-range-switch{
    order:2;
  }
  .app-shell.reservations-mode .planning-mode-switch{
    order:3;
  }
}
@media(max-width:680px){
  .app-shell.reservations-mode .planning-calendar-controls{
    width:100%;
    justify-content:flex-start;
  }
  .app-shell.reservations-mode .planning-nav-group{
    width:100%;
    justify-content:space-between;
  }
  .app-shell.reservations-mode .planning-calendar-controls .planning-nav-btn{
    flex:1 1 0;
    min-width:0!important;
  }
  .app-shell.reservations-mode .planning-range-switch,
  .app-shell.reservations-mode .planning-mode-switch{
    width:max-content;
  }
}


/* V57 — botones Anterior/Siguiente con color visible. */
.app-shell.reservations-mode .planning-calendar-controls .planning-nav-btn[data-calendar-nav="prev"]{
  background:#e4f3ff;
  border-color:#89c9f0;
  color:#215f86;
}
.app-shell.reservations-mode .planning-calendar-controls .planning-nav-btn[data-calendar-nav="prev"]:hover{
  background:#d6edff;
  border-color:#5fb3e7;
  color:#184e70;
}
.app-shell.reservations-mode .planning-calendar-controls .planning-nav-btn[data-calendar-nav="next"]{
  background:#e3f7ea;
  border-color:#86caa1;
  color:#1f6a46;
}
.app-shell.reservations-mode .planning-calendar-controls .planning-nav-btn[data-calendar-nav="next"]:hover{
  background:#d5f2e0;
  border-color:#5daf82;
  color:#185236;
}


/* ====================================================================
   V58: búsqueda y piso junto a Reservas; Planning sin filtros de fechas
   ni cabeceras intermedias por piso. Se conserva la agrupación por orden.
   ==================================================================== */
.app-shell.reservations-mode .reservations-topbar{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:5px 10px!important;
}
.app-shell.reservations-mode .reservations-topbar .reservations-head-filters{
  flex:1 1 310px;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:6px;
}
.app-shell.reservations-mode .reservations-head-filters label{
  display:block;
  min-width:0;
  margin:0;
}
.app-shell.reservations-mode .reservations-head-filters .reservations-head-search{
  flex:1 1 165px;
  max-width:340px;
}
.app-shell.reservations-mode .reservations-head-filters .reservations-head-floor{
  flex:0 1 155px;
  min-width:115px;
}
.app-shell.reservations-mode .reservations-head-filters .input{
  width:100%;
  min-height:27px!important;
  height:27px!important;
  padding:3px 8px!important;
  border-radius:7px!important;
  font:650 10.5px/1.2 Manrope,sans-serif!important;
  color:var(--ink);
  background:var(--panel);
  border:1px solid var(--line);
  box-sizing:border-box;
}
.app-shell.reservations-mode .reservations-head-filters .input:focus-visible{
  outline:2px solid var(--accent);outline-offset:1px;
}
.app-shell.reservations-mode .reservations-topbar .heading-actions{
  margin-left:auto!important;
  flex:0 0 auto;
  width:auto!important;
}
/* Planning: al retirar el renglón de filtros se libera toda su altura. */
.app-shell.reservations-mode .reservation-calendar-panel .planning-calendar{
  max-height:calc(100dvh - 138px)!important;
}
@media(max-width:950px){
  .app-shell.reservations-mode .reservations-topbar .reservations-head-filters{
    order:3;
    flex:1 0 100%;
    justify-content:flex-start;
  }
  .app-shell.reservations-mode .reservations-topbar .heading-actions{order:2;}
}
@media(max-width:680px){
  .app-shell.reservations-mode .reservations-topbar{gap:4px 6px!important;}
  .app-shell.reservations-mode .reservations-topbar .reservations-head-filters{gap:5px;}
  .app-shell.reservations-mode .reservations-head-filters .reservations-head-search{flex:1 1 auto;max-width:none;}
  .app-shell.reservations-mode .reservations-head-filters .reservations-head-floor{flex:0 1 135px;min-width:103px;}
  .app-shell.reservations-mode .reservations-head-filters .input{font-size:10px!important;}
  .app-shell.reservations-mode .reservation-calendar-panel .planning-calendar{max-height:calc(100dvh - 170px)!important;}
}


/* V59 — filas del Planning más bajas para mostrar más habitaciones. */


/* ================================================================
   V60 — Reservas: Planning único, filas optimizadas y scroll de página.
   Sin limitación de altura del calendario: todos los cuartos quedan en
   flujo natural y luego aparece el detalle de reservas.
   Se conserva solo el desplazamiento HORIZONTAL para los días.
   ================================================================ */
.app-shell.reservations-mode .reservation-calendar-panel.planning-shell .planning-calendar {
  max-height:none !important;
  min-height:0 !important;
  height:auto !important;
  overflow-x:auto !important;
  overflow-y:visible !important;
  scrollbar-gutter:auto !important;
  overscroll-behavior-y:auto;
}
/* La cabecera avanza con la página; deja de estar limitada por un panel vertical. */
.app-shell.reservations-mode .planning-calendar-head {
  position:relative;
  top:auto;
}
/* 28px permiten dos líneas de identificación y una barra de reserva de 21px. */
.app-shell.reservations-mode .planning-room-row,
.app-shell.reservations-mode .planning-night {
  min-height:28px !important;
}
.app-shell.reservations-mode .planning-room-label {
  padding:2px 6px !important;
  gap:0 !important;
  justify-content:center;
}
.app-shell.reservations-mode .planning-room-label strong {
  font-size:10.2px !important;
  line-height:1.08 !important;
}
.app-shell.reservations-mode .planning-room-label small {
  font-size:7.5px !important;
  line-height:1.13 !important;
}
.app-shell.reservations-mode .planning-reservation-bar {
  height:21px !important;
  padding:2px 4px !important;
  gap:0 !important;
}
.app-shell.reservations-mode .planning-reservation-bar strong {
  font-size:8px !important;
  line-height:1.05 !important;
}
.app-shell.reservations-mode .planning-reservation-bar small {
  font-size:6.4px !important;
  line-height:1.05 !important;
}
@media(max-width:680px) {
  .app-shell.reservations-mode .planning-room-row,
  .app-shell.reservations-mode .planning-night {
    min-height:28px !important;
  }
}


/* V60 — Acceso rápido discreto junto al mes para bajar al detalle. */
.app-shell.reservations-mode .planning-toolbar-title{
  display:flex;
  align-items:center;
  min-width:0;
  gap:7px;
}
.app-shell.reservations-mode .planning-toolbar-title h2{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:4px;
  margin:0;
}
.app-shell.reservations-mode .planning-jump-detail{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  min-height:24px;
  padding:3px 9px;
  border:1px solid #c9d1d4;
  border-radius:7px;
  background:#e9edef;
  color:#425158;
  font:800 9.5px/1.2 Manrope,sans-serif;
  cursor:pointer;
  white-space:nowrap;
}
.app-shell.reservations-mode .planning-jump-detail:hover{
  border-color:#aebdc4;
  background:#dce4e7;
  color:#263840;
}
.app-shell.reservations-mode .planning-jump-detail:focus-visible{
  outline:2px solid #607987;
  outline-offset:2px;
}
.app-shell.reservations-mode #reservationDetailSection{
  scroll-margin-top:58px;
}
@media(max-width:680px){
  .app-shell.reservations-mode .planning-toolbar-title{gap:5px;flex-wrap:wrap;}
  .app-shell.reservations-mode .planning-jump-detail{min-height:23px;padding:3px 7px;font-size:9px;}
  .app-shell.reservations-mode #reservationDetailSection{scroll-margin-top:54px;}
}