/* Bid2Stay Release 11 — Phase 4 Hotel/Lodge Dashboard */
.hotel-shell{max-width:1380px;margin:0 auto}
.hotel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}
.hotel-head h1{margin:0;font-size:36px;letter-spacing:-.04em}
.hotel-head p{margin:7px 0 0;color:#667085;max-width:780px}
.hotel-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.16em;font-weight:900;color:#b57700}
.hotel-actions{display:flex;gap:8px;flex-wrap:wrap}
.hotel-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.hotel-metric{background:#fff;border:1px solid #e7e9ee;border-radius:18px;padding:17px;box-shadow:0 12px 32px rgba(15,23,42,.055)}
.hotel-metric span{display:block;font-size:9px;text-transform:uppercase;color:#667085;font-weight:900;letter-spacing:.08em}
.hotel-metric strong{display:block;font-size:28px;margin-top:6px}
.hotel-metric small{display:block;color:#667085;font-size:10px;margin-top:4px}
.hotel-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:16px}
.hotel-card{background:#fff;border:1px solid #e7e9ee;border-radius:20px;padding:20px;box-shadow:0 14px 40px rgba(15,23,42,.07)}
.hotel-card h2{margin:0 0 6px;font-size:21px}
.hotel-card p{color:#667085}
.hotel-list{display:grid;gap:10px}
.hotel-row{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:14px;border:1px solid #e7e9ee;border-radius:15px;background:#fff}
.hotel-row strong{display:block}
.hotel-row span{display:block;color:#667085;font-size:11px;margin-top:4px}
.hotel-badge{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:900;text-transform:uppercase}
.hotel-badge.live{background:#ecfdf3;color:#067647}
.hotel-badge.pending{background:#fff6df;color:#9a6700}
.hotel-badge.alert{background:#fef3f2;color:#b42318}
.hotel-badge.complete{background:#eff8ff;color:#175cd3}
.hotel-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.hotel-summary div{padding:13px;border:1px solid #eceef1;border-radius:14px;background:#fafafa}
.hotel-summary span{display:block;font-size:9px;text-transform:uppercase;color:#667085;font-weight:900}
.hotel-summary strong{display:block;font-size:17px;margin-top:4px}
.hotel-progress{height:10px;border-radius:999px;background:#edf0f4;overflow:hidden;margin-top:8px}
.hotel-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#f5ad16,#12b76a)}
.hotel-chart{height:230px;display:flex;align-items:flex-end;gap:12px;padding:24px 8px 22px}
.hotel-bar{flex:1;background:linear-gradient(180deg,#f5ad16,#d88c00);border-radius:10px 10px 3px 3px;position:relative}
.hotel-bar span{position:absolute;bottom:-21px;left:50%;transform:translateX(-50%);font-size:9px;color:#667085}
.hotel-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.hotel-tab{border:1px solid #d9dde5;border-radius:999px;padding:9px 13px;background:#fff;font-size:10px;font-weight:900;cursor:pointer}
.hotel-tab.active{background:#111;color:#f5ad16;border-color:#111}
.hotel-panel{display:none}.hotel-panel.active{display:block}
.hotel-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hotel-form .wide{grid-column:1/-1}
.hotel-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
.hotel-quick-card{padding:17px;border:1px solid #e7e9ee;border-radius:16px;background:#fff}
.hotel-quick-card h3{margin:0 0 7px;font-size:15px}
.hotel-quick-card p{font-size:11px;color:#667085}
.hotel-review{display:grid;grid-template-columns:1fr auto;gap:12px;padding:13px;border:1px solid #eceef1;border-radius:14px;margin-top:10px}
.hotel-review strong{display:block}.hotel-review span{display:block;color:#667085;font-size:10px;margin-top:4px}
.hotel-table{width:100%;border-collapse:collapse;min-width:760px}
.hotel-table th,.hotel-table td{padding:12px;border-bottom:1px solid #eef0f3;text-align:left;font-size:12px}
.hotel-table th{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#667085}
.hotel-table-wrap{overflow:auto}
.hotel-map{height:320px;border-radius:18px;background:linear-gradient(135deg,#d8e2ef,#c7d3e2);position:relative;overflow:hidden}
.hotel-map:before,.hotel-map:after{content:"";position:absolute;background:rgba(255,255,255,.8);border-radius:999px}
.hotel-map:before{width:460px;height:15px;left:-40px;top:150px;transform:rotate(20deg)}
.hotel-map:after{width:420px;height:12px;left:30px;top:230px;transform:rotate(-18deg)}
.hotel-pin{position:absolute;left:48%;top:42%;width:42px;height:42px;border-radius:50% 50% 50% 0;background:#111;color:#f5ad16;display:grid;place-items:center;transform:rotate(-45deg);font-weight:900}
.hotel-pin span{transform:rotate(45deg)}
@media(max-width:1100px){.hotel-grid{grid-template-columns:1fr}.hotel-metrics{grid-template-columns:repeat(2,1fr)}.hotel-quick{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.hotel-form{grid-template-columns:1fr}.hotel-form .wide{grid-column:auto}.hotel-summary{grid-template-columns:1fr}.hotel-quick{grid-template-columns:1fr}.hotel-head{flex-direction:column}}
@media(max-width:520px){.hotel-metrics{grid-template-columns:1fr}.hotel-row{grid-template-columns:1fr}}