#zones{color:#e9e5dc}#zones h2,#zones h3{color:#e7b746}.zone-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:16px 0}.zone-toolbar button,#zones-editor button{background:#251e10;color:#f5c755;border:1px solid #ac842b;border-radius:9px;padding:10px 16px;cursor:pointer}.zone-table-scroll{overflow-x:auto}.zone-table{width:100%;border-collapse:collapse;margin-top:18px;background:#111214}.zone-table th,.zone-table td{padding:14px 12px;border-bottom:1px solid #3b3525;text-align:left;white-space:nowrap}.zone-table th{color:#c8a65b}.zone-actions{display:flex;gap:8px;align-items:center}.zone-actions button{border:1px solid #ad8630;border-radius:8px;padding:8px 12px;background:#252019;color:#efc15e;cursor:pointer}.zone-actions .zone-delete{border-color:#704040;color:#f0a4a4}#zones-search{max-width:420px;width:100%;padding:12px;background:#191a1c;color:white;border:1px solid #a88332;border-radius:9px}#zones-editor{background:#121314;border:1px solid #866923;border-radius:12px;padding:24px}.zone-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:16px 0}.zone-grid label{display:flex;flex-direction:column;gap:7px;color:#e3c783}.zone-grid input,.zone-grid textarea{background:#1c1d1f;border:1px solid #68552c;color:#fff;border-radius:7px;padding:10px;width:100%;box-sizing:border-box}.zone-switches{display:flex;flex-wrap:wrap;gap:14px;margin:22px 0}.zone-switches label{background:#1d1b16;border:1px solid #5c4a25;border-radius:8px;padding:12px}#zones-status{color:#d9b86e}#zones[hidden],#zones-editor[hidden],#zones-list-view[hidden]{display:none!important}
.zone-selector{display:flex;flex-direction:column;gap:8px;min-width:0}.zone-selector label{display:flex;flex-direction:column;gap:7px;color:#e3c783}.zone-selector input,#zone-channel-search,#zone-channel-options{background:#1c1d1f;border:1px solid #68552c;color:white;border-radius:7px;padding:10px;width:100%;box-sizing:border-box}.zone-picker-options{max-height:190px;overflow:auto;background:#171819;border:1px solid #80652d;border-radius:8px}.zone-picker-options[hidden]{display:none}.zone-picker-options button{display:block;width:100%;text-align:left;border:0!important;border-radius:0!important;background:transparent!important;color:#e8e3d7!important;padding:9px!important}.zone-picker-options button:hover{background:#40341c!important}.zone-picker-selected{display:flex;flex-wrap:wrap;gap:7px}.zone-picker-selected button{padding:5px 10px!important;border-radius:20px!important;font-size:13px}.zone-selector small,#zone-picker-status{color:#bdb6a7}#zone-channel-options{margin-top:6px}