.alerts-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:16px;align-items:start}.alerts-side{display:grid;gap:16px}.alert-settings{display:grid;gap:17px}.alert-switch{display:flex;align-items:center;gap:8px;padding:8px 11px;border-radius:999px;background:#153d47;color:#d8f1f0;font-size:12px;font-weight:800}.alert-switch input{width:18px;height:18px;accent-color:#62d7bd}.alert-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.alert-form-grid .full{grid-column:1/-1}.alert-choice{border:1px solid #31505a;border-radius:13px;padding:13px;margin:0;display:grid;gap:9px}.alert-choice legend{padding:0 7px;color:#8edcca;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.alert-choice label{display:flex;align-items:center;gap:7px;color:#d5e8e9;font-size:12px}.alert-choice input{accent-color:#62d7bd}.alert-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.alert-days label{justify-content:center;border:1px solid #31505a;border-radius:9px;padding:8px 3px;background:#102f3a}.alert-spots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.alert-spots label{background:#123843;border-radius:10px;padding:9px}.alert-actions{display:flex;gap:9px;flex-wrap:wrap}.alert-status{min-height:20px;margin:0;color:#91cfc1;font-size:12px}.alert-status.error{color:#ffaaa7}.alert-service-text{font-size:12px;color:#b9cdd0;line-height:1.55}.alert-history{display:grid;gap:9px}.alert-event{border:1px solid #2d505a;border-radius:12px;padding:11px;background:#102f3a}.alert-event-head{display:flex;justify-content:space-between;gap:10px}.alert-event b{font-size:13px}.alert-event strong{color:#81e0c4}.alert-event span,.alert-event small{display:block;color:#a7bdc1;font-size:10px;margin-top:4px}.alert-event small{color:#75d2bd}.alert-health .tag.ready{background:#17483d;color:#9cf0d4}.alert-health .tag.warn{background:#5e4b25;color:#ffe092}
@media(max-width:900px){.alerts-layout{grid-template-columns:1fr}.alert-form-grid{grid-template-columns:1fr}.alert-form-grid .full{grid-column:auto}.alert-spots{grid-template-columns:1fr}}
@media(max-width:700px){.alert-days{grid-template-columns:repeat(4,1fr)}.bottom-nav{grid-template-columns:repeat(7,1fr)!important}.bottom-nav button{font-size:7px!important}.alert-actions{display:grid}.alert-actions button{width:100%}}