.reservation-command-center{display:grid;gap:16px;padding-bottom:190px;color:var(--text-primary)}
.reservation-kpis{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:10px}
.reservation-kpis article,.reservation-table,.reservation-rate-grid,.reservation-channels,.reservation-ops>article{padding:14px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:14px}
.reservation-kpis span,.reservation-command-center small{display:block;color:var(--text-secondary);font-size:12px}
.reservation-kpis strong{font-size:22px}
.reservation-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.reservation-toolbar label{display:flex;flex:1;gap:8px;align-items:center;min-width:280px}
.reservation-toolbar input,.reservation-toolbar select,.reservation-toolbar button,.reservation-command-center button,.reservation-modal input{height:40px;padding:0 12px;color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:9px}
.reservation-ai{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--bg-surface);border:1px solid var(--accent-cyan);border-radius:14px}
.reservation-ai>div{display:flex;gap:12px}
.reservation-table>header,.reservation-rate-grid>header,.reservation-channels>header,.reservation-drawer>header,.reservation-modal>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.reservation-table>div{overflow-x:auto}
.reservation-command-center table{width:100%;border-collapse:collapse}
.reservation-command-center th,.reservation-command-center td{padding:11px;text-align:left;border-bottom:1px solid var(--border-color)}
.reservation-command-center td small{margin-top:4px}
.reservation-rate-grid footer{padding-top:12px;color:var(--text-secondary)}
.channel-cards,.parity-list{display:grid;gap:10px}
.channel-cards article,.parity-list article{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid var(--border-color);border-radius:10px}
.channel-cards article div,.parity-list article div{flex:1}
.channel-synced,.channel-warning{width:10px;height:10px;background:var(--success);border-radius:50%}
.channel-warning{background:var(--warning)}
.stop-sale-action{margin:12px 0}
.reservation-ops{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.reservation-ops article div{display:grid;gap:7px}
.reservation-drawer{position:fixed;z-index:2000;top:0;right:0;width:min(460px,100vw);height:100vh;padding:20px;overflow-y:auto;background:var(--bg-surface);border-left:1px solid var(--border-color);box-shadow:var(--shadow-xl)}
.reservation-drawer article{padding:12px;border-bottom:1px solid var(--border-color)}
.reservation-modal-layer{position:fixed;z-index:3000;inset:0;display:grid;place-items:center;background:var(--overlay-bg)}
.reservation-modal{width:min(520px,calc(100vw - 24px));padding:20px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px}
.reservation-modal label{display:grid;gap:8px}
.reservation-modal footer{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
.reservation-state{padding:40px;text-align:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:14px}
@media(max-width:1100px){.reservation-kpis{grid-template-columns:repeat(4,1fr)}.reservation-ops{grid-template-columns:1fr}}
@media(max-width:700px){.reservation-kpis{grid-template-columns:repeat(2,1fr)}.reservation-toolbar>*{width:100%;min-width:0!important}.reservation-command-center{max-width:100%;overflow-x:hidden}}