.hospitality-hero{padding:72px 0 54px;background:radial-gradient(circle at 80% 20%,rgba(73,221,255,.13),transparent 28rem)}
.hospitality-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}.hospitality-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.hospitality-kpis div{padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.045)}.hospitality-kpis strong,.hospitality-kpis span{display:block}.hospitality-kpis strong{font-size:1.7rem;color:var(--accent)}.hospitality-kpis span{font-size:.85rem;color:var(--muted);margin-top:4px}.hero-hospitality-card{position:relative;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.hero-hospitality-card img{width:100%;min-height:370px;object-fit:cover}.hero-status{position:absolute;left:18px;bottom:18px;padding:10px 14px;border-radius:999px;background:rgba(3,16,28,.86);backdrop-filter:blur(10px);font-weight:800}.status-dot,.live-pill i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#3fe2a5;box-shadow:0 0 12px #3fe2a5;margin-right:7px}
.property-switch{display:flex;justify-content:center;gap:10px;margin-bottom:24px}.property-tab{border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--muted);border-radius:999px;padding:13px 22px;font-weight:900;cursor:pointer}.property-tab.is-active{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#04111c}
.hospitality-dashboard{display:grid;grid-template-columns:215px 1fr;gap:18px}.hospitality-sidebar{position:sticky;top:96px;height:max-content;padding:10px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.04);display:grid;gap:6px}.hospitality-nav{border:0;background:transparent;color:var(--muted);text-align:left;padding:12px 13px;border-radius:13px;font-weight:800;cursor:pointer}.hospitality-nav:hover,.hospitality-nav.is-active{background:rgba(73,221,255,.13);color:var(--text)}.hospitality-main{min-width:0}.h-view{display:none}.h-view.is-active{display:block;animation:hIn .25s ease}@keyframes hIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.view-title-row{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px}.view-title-row select{min-width:220px;padding:11px 13px;border:1px solid var(--line);border-radius:13px;background:#08192d;color:var(--text)}.live-pill{padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.83rem;white-space:nowrap}
.h-card{border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));box-shadow:0 14px 35px rgba(0,0,0,.15);padding:20px}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.summary-card span,.summary-card small{display:block}.summary-card span{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.summary-card strong{display:block;font-size:1.65rem;margin:8px 0 3px}.summary-card small{color:var(--muted)}.overview-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-top:14px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.small-action{border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--text);padding:8px 11px;border-radius:999px;cursor:pointer;font-weight:800}.room-status-list{display:grid;gap:8px;margin-top:16px}.room-status-row{display:grid;grid-template-columns:70px 1fr auto;gap:10px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:13px}.room-status-row span:nth-child(2){color:var(--muted)}.room-status-row b{font-size:.78rem;padding:5px 8px;border-radius:999px}.room-status-row b.occupied{background:rgba(73,221,255,.14);color:var(--accent)}.room-status-row b.free{background:rgba(63,226,165,.13);color:#7cf4c3}.room-status-row b.cleaning{background:rgba(255,189,80,.13);color:#ffd48c}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.quick-actions button,.service-grid button{border:1px solid var(--line);background:rgba(255,255,255,.045);color:var(--text);border-radius:14px;padding:12px;text-align:left;cursor:pointer;font-weight:800}.quick-actions button:hover,.service-grid button:hover{border-color:var(--accent);background:rgba(73,221,255,.09)}.activity-feed{margin-top:14px;display:grid;gap:7px}.activity-item{padding:9px 10px;border-left:3px solid var(--accent);background:rgba(255,255,255,.035);font-size:.86rem;color:var(--muted)}
.room-control-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:14px}.room-preview{overflow:hidden}.room-visual{height:300px;position:relative;border-radius:16px;background:linear-gradient(rgba(4,17,30,.24),rgba(4,17,30,.5)),url('../img/gallery-hospitality-domotica.jpg') center/cover;overflow:hidden}.lamp-glow{position:absolute;inset:0;background:rgba(255,211,142,.25);mix-blend-mode:screen;transition:.2s}.room-number,.guest-state{position:absolute;padding:7px 10px;border-radius:999px;background:rgba(3,15,27,.8);font-weight:800}.room-number{top:12px;left:12px}.guest-state{right:12px;bottom:12px;font-size:.8rem}.room-meta{display:flex;justify-content:space-between;gap:12px;padding-top:14px}.room-meta span{color:var(--muted)}.controls-panel{display:grid;gap:16px}.control-line>div{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px}.control-line input[type=range]{width:100%;accent-color:var(--accent)}.toggle-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.toggle-grid label,.staff-grid label,.automation-list label,.message-options label{padding:10px;border:1px solid var(--line);border-radius:12px;color:var(--muted)}.preset-buttons{display:flex;gap:8px;flex-wrap:wrap}.preset-buttons button{border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--text);padding:9px 13px;border-radius:999px;cursor:pointer}.preset-buttons button:hover{background:var(--accent);color:#04111c}
.access-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:14px}.digital-key-card{text-align:center}.key-code{font-size:2rem;font-weight:900;letter-spacing:.11em;margin:22px 0;padding:18px;border:1px dashed var(--accent);border-radius:15px;background:rgba(73,221,255,.07)}.key-info{display:flex;justify-content:space-between;color:var(--muted);margin-bottom:15px}.access-actions{display:flex;gap:8px}.access-actions button{flex:1;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.05);color:var(--text);padding:10px;cursor:pointer}.access-log{display:grid;gap:8px;margin-top:14px}.access-event{display:grid;grid-template-columns:70px 1fr auto;gap:8px;padding:10px;border-bottom:1px solid var(--line);font-size:.88rem}.access-event span{color:var(--muted)}.staff-access{margin-top:14px;display:grid;grid-template-columns:.4fr 1.6fr;gap:20px;align-items:center}.staff-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.guest-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tv-editor label{display:block;color:var(--muted);font-weight:700;margin-top:12px}.tv-editor input,.tv-editor textarea,.tv-editor select{width:100%;margin-top:6px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#071626;color:var(--text)}.message-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0}.tv-screen{border:12px solid #0b0f16;border-radius:18px;background:#02050a;padding:8px;box-shadow:0 18px 45px rgba(0,0,0,.42)}.tv-inner{min-height:390px;padding:38px;text-align:center;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 50% 20%,rgba(73,221,255,.22),transparent 20rem),linear-gradient(145deg,#07182c,#0d2b42);border-radius:6px}.tv-brand{color:var(--accent);text-transform:uppercase;letter-spacing:.18em;font-size:.75rem}.tv-inner p{margin:25px 0 0;color:var(--muted)}.tv-inner h3{font-size:2rem;margin-top:4px}.tv-services{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:24px}.tv-services span{padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.08);font-size:.78rem}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}
.alarm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.alarm-card span,.alarm-card strong,.alarm-card small{display:block}.alarm-card strong{font-size:1.25rem;margin:8px 0}.alarm-card small{color:var(--muted)}.alarm-card.ok{border-color:rgba(63,226,165,.28)}.alarm-card.warning{border-color:rgba(255,176,75,.48);background:rgba(255,152,51,.06)}.alarm-card.danger{border-color:rgba(255,91,91,.62);background:rgba(255,61,61,.08)}.alarm-timeline{margin-top:14px}.alarm-entry{display:grid;grid-template-columns:80px 1fr auto;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.alarm-entry span{color:var(--muted)}
.operations-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.task-list{display:grid;gap:8px;margin:14px 0}.task-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:10px;border:1px solid var(--line);border-radius:12px}.task-row button{border:0;border-radius:999px;padding:6px 9px;background:var(--accent);color:#04111c;font-weight:900;cursor:pointer}.automation-list{display:grid;gap:8px;margin-top:14px}.automation-list label{display:block}
.energy-hospitality-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.big-energy{display:block;font-size:3rem;margin:12px 0 2px}.energy-main>small{color:var(--muted)}.energy-bars{display:grid;gap:15px;margin-top:22px}.energy-bars div{display:grid;grid-template-columns:150px 1fr 70px;gap:10px;align-items:center}.energy-bars span{color:var(--muted)}.energy-bars i{height:10px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.energy-bars b{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:.3s}.eco-result{margin-top:18px;padding:13px;border:1px solid var(--line);border-radius:13px;background:rgba(73,221,255,.06)}
.hospitality-solutions-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.solution-profile{padding:28px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));box-shadow:var(--shadow)}.profile-icon{font-size:2.4rem}.solution-profile p{color:var(--muted)}.solution-profile ul{padding-left:20px;color:var(--muted)}.solution-profile li{margin:8px 0}.hotel-profile{border-top:3px solid var(--accent)}.bnb-profile{border-top:3px solid var(--accent-2)}.h-toast{position:fixed;right:20px;bottom:20px;z-index:7000;max-width:360px;padding:14px 16px;border:1px solid var(--accent);border-radius:14px;background:#0c273a;box-shadow:var(--shadow);opacity:0;transform:translateY(130%);transition:.25s}.h-toast.show{opacity:1;transform:none}
@media(max-width:1080px){.hospitality-hero-grid,.overview-grid,.room-control-grid,.access-grid,.guest-grid,.energy-hospitality-grid{grid-template-columns:1fr}.summary-grid,.alarm-grid{grid-template-columns:repeat(2,1fr)}.operations-grid{grid-template-columns:1fr 1fr}.hospitality-dashboard{grid-template-columns:1fr}.hospitality-sidebar{position:static;display:flex;overflow-x:auto}.hospitality-nav{min-width:max-content}.staff-access{grid-template-columns:1fr}}
@media(max-width:720px){.hospitality-kpis,.summary-grid,.alarm-grid,.operations-grid,.hospitality-solutions-grid,.service-grid{grid-template-columns:1fr}.property-switch{flex-direction:column}.property-tab{width:100%}.view-title-row{align-items:flex-start;flex-direction:column}.quick-actions,.toggle-grid,.staff-grid,.message-options{grid-template-columns:1fr}.energy-bars div{grid-template-columns:110px 1fr 62px}.access-event,.alarm-entry{grid-template-columns:60px 1fr}.access-event>*:last-child,.alarm-entry>*:last-child{grid-column:2}.hero-hospitality-card img{min-height:250px}.room-visual{height:230px}.tv-inner{min-height:330px;padding:24px}}