.auto-booking-panel,.booking-safety-panel{margin:16px 0;padding:15px;border:1px solid var(--line);border-radius:16px;background:#101010}
body:has(dialog[open]){overflow:hidden}
.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.panel-heading h3{margin:2px 0 4px;font-size:17px}
.panel-heading p,.panel-heading small,.booking-safety-panel>p{margin:0;color:var(--muted);font-size:10px;line-height:1.5}
.compact-switch{min-height:44px;margin:0;white-space:nowrap}.compact-switch span{color:var(--muted);font-size:10px}
.auto-booking-panel label small{display:block;color:var(--muted);font-size:9px;font-weight:500;line-height:1.4}
.time-rules-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:5px 0 10px}
.time-rules-heading strong,.time-rules-heading small{display:block}.time-rules-heading small{margin-top:3px;color:var(--muted);font-size:9px}.time-rules-heading button{min-height:44px}
.time-rule-list{display:grid;gap:9px;margin-bottom:12px}.time-rule{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:end;padding:10px;border:1px solid var(--line);border-radius:13px;background:#171717}
.time-rule-priority{align-self:center;color:#ff7b80;font-size:11px;font-weight:850}.time-rule label{margin:0}.time-rule input{height:44px;padding-inline:8px}
.time-rule-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.time-rule-actions .compact{min-height:44px;padding:0 10px;font-size:11px}
.booking-limit-note{margin:8px 0 0;padding:11px;border-radius:11px;background:#251f16;color:#cfb993;font-size:10px;line-height:1.55}
.safety-mode{display:block;margin-bottom:12px;padding:10px 12px;border-radius:11px;font-size:12px}.safety-mode.dry{background:#182333;color:#8fc5ff}.safety-mode.live{background:#32171a;color:#ff7b80}
.safety-metrics{display:grid;grid-template-columns:1fr 1fr 1fr;margin:0 0 12px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.safety-metrics div{padding:10px}.safety-metrics div+div{border-left:1px solid var(--line)}.safety-metrics dt{color:var(--muted);font-size:9px}.safety-metrics dd{margin:4px 0 0;font-size:11px;font-weight:800}
.safety-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.safety-actions button{min-height:48px}.auto-booking-panel input[type=checkbox]{width:48px;height:28px;accent-color:var(--accent)}
@media(max-width:359px){.safety-metrics{grid-template-columns:1fr}.safety-metrics div+div{border-left:0;border-top:1px solid var(--line)}.time-rule{grid-template-columns:58px 1fr 1fr}}

.auto-booking-panel,.booking-safety-panel{margin:14px 0;border-radius:16px;background:#101010}
.panel-heading{align-items:center}.panel-heading h3,.panel-heading p,.compact-switch,.time-rules-heading strong,.time-rules-heading button,.time-rule-priority,.time-rule label,.time-rule-actions button,.booking-limit-note,.safety-mode,.safety-metrics dt,.safety-metrics dd,.safety-actions button{white-space:nowrap}
.panel-heading p{overflow:hidden;text-overflow:ellipsis}.auto-booking-panel:has(#auto-booking-enabled:not(:checked))>.two-col,.auto-booking-panel:has(#auto-booking-enabled:not(:checked))>label:not(.panel-heading label),.auto-booking-panel:has(#auto-booking-enabled:not(:checked))>.time-rules-heading,.auto-booking-panel:has(#auto-booking-enabled:not(:checked))>.time-rule-list,.auto-booking-panel:has(#auto-booking-enabled:not(:checked))>.booking-limit-note{display:none}
.time-rule{grid-template-columns:58px minmax(0,1fr) minmax(0,1fr)}
.booking-limit-note{overflow:hidden;text-overflow:ellipsis;border:1px solid #5b4724;background:#211b12}
.safety-mode{overflow:hidden;text-overflow:ellipsis}.safety-metrics dd{overflow:hidden;text-overflow:ellipsis}