#scenario-board{margin:24px 0 38px}
.workspace-toolbar{display:flex;justify-content:flex-end;margin:8px 0 0}
.workspace-toolbar .btn{min-width:140px}
.overview-card::before,.overview-card::after{pointer-events:none}
.today-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #afc5af}
.today-row:first-child{margin-top:22px}
.today-row strong{display:block;color:#295a3e;font-size:13px}
.today-row small{display:block;color:#6e8a71;font-size:10px;margin-top:5px;line-height:1.4}
.today-row button{border:1px solid #a3c2a7;background:#f6faf3;border-radius:7px;color:#245c3d;font-size:11px;font-weight:700;white-space:nowrap;padding:9px}
.today-row button:hover{background:#fff}
.today-empty{margin-top:25px;border:1px solid #a9c9a8;background:#f2f8ef;padding:16px;border-radius:9px;color:#3c6a47;font-size:12px;line-height:1.5}
.board-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin-bottom:16px}
#board-summary .board-metrics{margin:20px 0 0}
#future-home .future-panel{margin-top:24px;cursor:pointer}
#future-home .future-panel:hover{border-color:#aacbb1}
#future-home .future-panel .board-item{cursor:default}
.future-create{display:inline-flex;align-items:center;gap:8px;margin-top:7px;background:none;border:0;color:#256545;font-weight:700;font-size:12px;padding:6px 0}
.future-create:hover{text-decoration:underline}
.future-create:focus-visible,#future-home .future-panel:focus-visible{outline:3px solid #408f60;outline-offset:3px}
.future-see-all{display:block;margin-top:15px;padding:10px 13px;border:1px solid #bcd6c2;background:#f4f9f5;color:#24543b;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer}
.future-see-all:hover{background:#e7f2e9}
.future-see-all:focus-visible{outline:3px solid #408f60;outline-offset:2px}
.board-metrics>div{background:#e9f0e8;border:1px solid #d9e5d9;border-radius:11px;padding:16px 18px;min-height:84px;display:flex;align-items:baseline;gap:11px}
.board-metrics strong{font:500 29px Georgia,serif;color:#24563d}
.board-metrics span{font-size:12px;color:#60806b;line-height:1.3}
.board-layout{display:grid;grid-template-columns:1.45fr 1fr;gap:16px}
.rooms-panel,.stays-panel,.operation-panel,.future-panel{border:1px solid #e0e7de;background:#fff;border-radius:13px;padding:20px}
.future-panel{margin-top:16px}
.holiday-forecast{background:#eef6ef;color:#28553a;border:1px solid #c9e0ce;border-radius:9px;padding:11px 13px;font-size:14px;line-height:1.5;margin:12px 0 16px}
.future-panel .board-item strong{font-size:14px}
.future-panel .board-item small{font-size:13px}
body.future-view #inicio,body.future-view #jornada,body.future-view #room-page,body.future-view #referencia{display:none}
.future-page{padding-top:36px;padding-bottom:72px;min-height:75vh}
.future-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:25px}
.future-page-header h1{font:500 clamp(32px,4vw,49px) Georgia,serif;margin:12px 0 7px;color:#193b2b}
.future-page-header p{color:#62796a;font-size:15px;margin:0}
.future-filters{border:1px solid #d8e6da;background:white;border-radius:15px;padding:20px;margin-bottom:20px}
#future-filter{display:flex;align-items:end;gap:12px;flex-wrap:wrap}
#future-filter .field{flex:1 1 180px;margin:0}
#future-filter .btn{font-size:14px}
.future-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}
.future-presets button{border:1px solid #bbd2c0;background:#f8fbf8;color:#29543b;border-radius:8px;padding:9px 12px;font-size:14px;cursor:pointer}
.future-presets button[aria-pressed=true]{background:#20513a;color:white;border-color:#20513a}
.future-presets button:focus-visible{outline:3px solid #408f60;outline-offset:2px}
.future-result-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.future-result-heading h2{font:500 25px Georgia,serif;margin:0}
.future-result-heading span{font-size:14px;color:#62786a}
.future-result-list{display:grid;gap:10px}
.future-result-list .board-item{background:white;border:1px solid #dce6de;border-radius:10px;padding:15px}
.future-empty{background:white;border:1px solid #dce6de;border-radius:10px;padding:22px;color:#607266}
.future-page .holiday-forecast{margin:0 0 16px}
@media(max-width:700px){.future-page-header{display:block}.future-page-header .btn{margin-top:17px}#future-filter .btn{width:100%}}
.board-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:17px}
.board-heading h3{font:500 20px Georgia,serif;margin:0;color:#23402e}
.board-heading small{font-size:11px;color:#859486;text-align:right}
.room-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.room-tile{border:1px solid #dce5db;background:#f8faf7;border-radius:10px;text-align:left;padding:12px 9px;min-height:92px;color:#415c48}
.room-tile:hover:not(:disabled){outline:2px solid #678e72;outline-offset:1px}
.room-tile:disabled{opacity:1;cursor:default}
.room-tile strong{display:block;font:500 21px Georgia,serif;margin-bottom:6px}
.room-tile span{display:block;font-size:10px;line-height:1.3}
.room-tile.occupied{background:#dcebdd;border-color:#bbd7c0;color:#27533d}
.room-tile.leaving{background:#fff0dc;border-color:#ebd5b7;color:#805929}
.room-tile.arrival{background:#e9eef6;border-color:#d1dce9;color:#445e79}
.room-tile.selected{background:#245742;border-color:#245742;color:#fff;box-shadow:0 0 0 2px #b8d3be}
.room-tile.selected:hover{outline-color:#245742}
.map-selection{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding:14px;background:#eff5ed;border:1px solid #d4e5d4;border-radius:10px}
.map-selection strong,.map-selection small{display:block}
.map-selection strong{font-size:12px;color:#27543b}
.map-selection small{font-size:11px;color:#6f836f;line-height:1.45;margin-top:4px}
.map-selection button{flex:none;padding:10px 14px;border:0;border-radius:8px;background:#245742;color:#fff;font-size:12px;font-weight:700}
.map-selection button:disabled{background:#d4dfd3;color:#59705e}
.map-selection button:not(:disabled):hover{background:#143b2b}
.board-legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:16px;color:#718273;font-size:10px}
.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px;background:#e1e8dc}
.legend-dot.occupied{background:#8bb99b}.legend-dot.leaving{background:#e4bd82}.legend-dot.arrival{background:#9bb9d5}.legend-dot.free{background:#cfdbce}
.stay-card{border-top:1px solid #e8eee6;padding:12px 0;color:#647767}
.stay-card:first-of-type{border-top:0;padding-top:3px}
.stay-main{display:flex;align-items:center;justify-content:space-between;gap:10px}
.stay-main strong{display:block;color:#244634;font-size:12px;margin-top:4px}
.stay-type{font-size:11px;color:#788b7b}
.stay-actions{display:flex;align-items:center;gap:7px}
.stay-room{border:1px solid #cfe1d1;background:#eaf4e9;color:#276140;border-radius:7px;padding:8px 10px;font-weight:700;font-size:11px;white-space:nowrap}
.stay-room:hover{background:#dcebdc}
.stay-peek{background:transparent;border:1px solid #d5e0d5;border-radius:50%;width:27px;height:27px;font:italic 15px Georgia,serif;color:#62846c;flex:none}
.stay-peek:hover{background:#eaf2e9}
.stay-preview{max-height:0;opacity:0;visibility:hidden;overflow:hidden;transition:max-height .22s ease,opacity .18s ease;margin:0}
.stay-card:hover .stay-preview,.stay-card:focus-within .stay-preview,.stay-card.expanded .stay-preview{max-height:160px;opacity:1;visibility:visible;padding:12px 0 3px}
.stay-people{display:flex;gap:8px;flex-wrap:wrap}
.stay-person{border:1px solid #e2e9df;background:#f5f8f4;border-radius:8px;padding:7px 9px;font-size:11px;color:#37563e}
.stay-person small{display:block;font-size:10px;color:#8a9d8e;margin-top:3px}
.stay-consumption{display:flex;justify-content:space-between;border-top:1px solid #e7eee7;margin-top:10px;padding-top:10px;font-size:11px;color:#708474}
.stay-consumption strong{font-size:13px;color:#275b40}
.board-explain{font-size:11px;line-height:1.6;color:#758576;margin:17px 0 0}
.board-explain.bottom{background:#eef3ec;border-left:3px solid #80ab86;padding:12px 14px;margin:14px 0 0;border-radius:4px}
.operation-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.board-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e9eee7;padding:14px 0}
.board-item:first-of-type{border-top:0;padding-top:4px}
.board-item strong{font-size:12px;color:#2a4c36;line-height:1.4}
.board-item small{display:block;font-size:11px;color:#8a978c;margin-top:5px;line-height:1.4}
.mini-action,.link-button{background:none;border:0;color:#2a6848;font-weight:700;font-size:11px;white-space:nowrap;padding:5px 0}
.mini-action:hover,.link-button:hover{text-decoration:underline}
.context-line{display:flex;justify-content:space-between;align-items:center;margin:0 0 13px;color:#66806b;font-size:12px;font-weight:700;border-top:1px solid #e1e7df;padding-top:22px}
@media(max-width:960px){.board-layout{grid-template-columns:1fr}.room-grid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:700px){.board-metrics{grid-template-columns:repeat(2,1fr)}.board-metrics>div{padding:12px;min-height:68px}.board-metrics strong{font-size:24px}.operation-columns{grid-template-columns:1fr}.room-grid{grid-template-columns:repeat(5,1fr)}.room-tile{padding:8px 5px;min-height:78px}.room-tile strong{font-size:17px}.room-tile span{font-size:9px}.board-heading{display:block}.board-heading small{display:block;text-align:left;margin-top:5px}}
@media(max-width:500px){.map-selection{align-items:stretch;flex-direction:column}.map-selection button{width:100%}}
@media(max-width:390px){.room-grid{grid-template-columns:repeat(2,1fr)}.room-tile{min-height:62px}.board-item{display:block}.mini-action{margin-top:7px}}
@media(hover:none){.stay-card:focus-within:not(.expanded) .stay-preview{max-height:0;opacity:0;visibility:hidden;padding:0}}
