.map-alerts-shell{max-width:920px}.alert-form-section,.alert-list-section{padding:25px 0;border-bottom:1px solid var(--line)}.alert-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.alert-section-heading .eyebrow{margin:0 0 6px}.alert-section-heading h2{margin:0;font-size:17px;line-height:1.3}.map-alert-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.7fr);gap:20px 30px;margin-top:22px}.map-alert-form[hidden]{display:none}.alert-field{display:grid;align-content:start;gap:8px;min-width:0;margin:0;padding:0;border:0}.alert-field>label,.alert-field>legend{padding:0;color:#dce8ee;font-size:11px;font-weight:600}.alert-field small{color:var(--muted);font-size:9px;line-height:1.6}.map-picker-wrap{position:relative}.map-picker-wrap input{width:100%;min-height:40px;padding:9px 11px;border:1px solid var(--line-strong);border-radius:4px;background:rgba(5,15,25,.9);color:var(--text);font:11px var(--mono)}.map-picker-wrap input:focus-visible,.community-check input:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.map-suggestions{position:absolute;z-index:5;top:calc(100% + 4px);left:0;right:0;max-height:230px;overflow:auto;border:1px solid var(--line-strong);border-radius:4px;background:#0a1723;box-shadow:0 12px 26px rgba(0,0,0,.38)}.map-suggestions[hidden]{display:none}.map-suggestion{display:grid;width:100%;gap:3px;padding:9px 11px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);text-align:left;cursor:pointer}.map-suggestion:hover,.map-suggestion:focus-visible{background:rgba(73,226,219,.09);outline:none}.map-suggestion strong{font:11px var(--mono);overflow-wrap:anywhere}.map-suggestion small{color:var(--muted);font-size:9px}.community-picker-field{grid-column:2;grid-row:1 / span 2;gap:11px}.community-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.community-check{display:flex;align-items:center;gap:8px;min-height:36px;padding:7px 9px;border:1px solid var(--line);border-radius:4px;background:rgba(8,20,30,.65);color:#c7d6df;font-size:10px;cursor:pointer}.community-check:has(input:checked){border-color:var(--line-strong);background:rgba(73,226,219,.08);color:var(--cyan-soft)}.community-check input{width:14px;height:14px;margin:0;accent-color:var(--cyan)}.community-empty{color:var(--muted);font-size:10px;line-height:1.6}.alert-submit-row{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:22px;padding-top:4px}.alert-form-note{max-width:600px;margin:0;color:var(--muted);font-size:9px;line-height:1.7}.alert-submit-row .button{display:flex;align-items:center;gap:12px;flex:none;min-height:38px;padding:8px 13px;font-size:10px}.alert-submit-row .button:disabled{opacity:.55;cursor:wait}.alert-feedback{grid-column:1 / -1;min-height:18px;margin:0;color:var(--cyan-soft);font-size:10px;line-height:1.6}.alert-feedback[data-error=true]{color:#ff9ca5}.alert-access{margin-top:18px;padding:13px 14px;border-left:2px solid var(--cyan);background:rgba(73,226,219,.05);color:#cbdbe4;font-size:10px;line-height:1.7}.alert-access[hidden]{display:none}.alert-access a{color:var(--cyan-soft);text-decoration:underline;text-underline-offset:3px}.alert-list-section>.ranking-status{margin:13px 0}.map-alert-list{display:grid;gap:0;margin:0;padding:0;list-style:none}.map-alert-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid rgba(117,181,221,.1)}.map-alert-main{display:grid;gap:6px;min-width:0}.map-alert-name{display:flex;align-items:baseline;gap:8px;min-width:0;flex-wrap:wrap}.map-alert-name strong{color:#e4eef3;font:12px var(--mono);overflow-wrap:anywhere}.map-alert-name span{color:#aec2ce;font-size:10px}.map-alert-meta{display:flex;flex-wrap:wrap;gap:4px 10px;color:var(--muted);font-size:9px;line-height:1.6}.map-alert-meta span{overflow-wrap:anywhere}.map-alert-status{display:inline-flex;align-items:center;gap:6px;color:var(--cyan-soft);font-size:9px}.map-alert-status::before{width:6px;height:6px;border-radius:50%;background:currentColor;content:""}.map-alert-status[data-status=sent]{color:#95d5ae}.map-alert-status[data-status=failed]{color:#ff9ca5}.map-alert-status[data-status=cancelled]{color:var(--muted)}.map-alert-status[data-status=queued]{color:#f2c26a}.map-alert-actions{display:flex;align-items:center;gap:8px}.map-alert-actions a,.map-alert-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:6px 8px;border:1px solid var(--line);border-radius:4px;background:transparent;color:#c7d6df;font-size:9px;text-decoration:none;cursor:pointer}.map-alert-actions a:hover,.map-alert-actions button:hover{border-color:var(--line-strong);color:var(--text)}.map-alert-actions button:disabled{opacity:.5;cursor:wait}.map-alert-empty{padding:24px 0;color:var(--muted);font-size:10px}.map-alerts-shell .ranking-footer{margin-top:0}.map-alerts-shell [hidden]{display:none!important}
@media(max-width:700px){.map-alerts-shell{width:calc(100% - 28px)}.map-alerts-shell .rankings-heading{min-height:148px}.alert-form-section,.alert-list-section{padding:19px 0}.map-alert-form{grid-template-columns:minmax(0,1fr);gap:18px}.community-picker-field{grid-column:auto;grid-row:auto}.community-checks{grid-template-columns:repeat(2,minmax(0,1fr))}.alert-submit-row{grid-column:auto;align-items:stretch;flex-direction:column;gap:12px}.alert-submit-row .button{justify-content:center}.alert-feedback{grid-column:auto}.map-alert-item{align-items:start}.map-alert-actions{flex-direction:column;align-items:stretch}.map-alert-actions a,.map-alert-actions button{min-height:32px}.map-alert-name{gap:4px 7px}}
@media(max-width:480px){.map-alerts-shell{width:calc(100% - 24px)}.map-alerts-shell .rankings-heading h1{font-size:27px}.map-alerts-shell .rankings-subtitle{font-size:9px}.map-alerts-shell .rankings-mark{gap:6px;font-size:8px}.map-alerts-shell .rankings-mark i{width:34px}.alert-section-heading h2{font-size:15px}.community-check{font-size:9px}.map-alert-name strong{font-size:11px}.map-alert-meta{font-size:8px}.map-alert-actions a,.map-alert-actions button{padding:6px;font-size:8px}}
.topbar .feature-nav{overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.topbar .feature-nav::-webkit-scrollbar{display:none}
.map-alert-status[data-status=sending]{color:#f2c26a}
.alert-map-preview{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;align-items:center;margin-top:8px;padding:10px;border:1px solid var(--line);border-radius:4px;background:rgba(8,20,30,.7)}.alert-map-preview-art{position:relative;display:grid;place-items:center;aspect-ratio:16/10;overflow:hidden;border-radius:2px;background:#08131e}.alert-map-preview-art img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.alert-map-preview-art>span{padding:8px;color:var(--muted);font-size:9px;text-align:center;line-height:1.7}.alert-map-preview-info{display:grid;gap:4px;min-width:0}.alert-map-preview-info small{font-size:8px;color:var(--muted)}.alert-map-preview-info strong{font:11px/1.6 var(--mono);color:#e4eef3;overflow-wrap:anywhere}.alert-map-preview-info>span{font-size:11px;line-height:1.6;color:var(--cyan-soft);overflow-wrap:anywhere}.alert-map-preview-info small:not(:first-child){margin-top:5px}
@media(max-width:480px){.alert-map-preview{grid-template-columns:110px minmax(0,1fr);gap:11px;padding:8px}.alert-map-preview-info strong,.alert-map-preview-info>span{font-size:10px}.alert-map-preview-art>span{font-size:8px}}
.notification-picker-field{grid-column:1 / -1;padding-top:4px}.notification-channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.notification-channel{display:flex;align-items:flex-start;gap:9px;padding:12px;border:1px solid var(--line);border-radius:4px;background:rgba(8,20,30,.65);cursor:pointer}.notification-channel:has(input:checked){border-color:var(--line-strong);background:rgba(73,226,219,.07)}.notification-channel:has(input:disabled){opacity:.6;cursor:default}.notification-channel input{width:15px;height:15px;flex:none;margin:1px 0 0;accent-color:var(--cyan)}.notification-channel input:focus-visible,.notification-actions button:focus-visible,.qq-binding-copy button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.notification-channel>span{display:grid;gap:5px;min-width:0}.notification-channel strong{font-size:11px;font-weight:600;color:#dce8ee;line-height:1.5}.notification-channel small{overflow-wrap:anywhere}.notification-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px}.notification-actions a,.notification-actions button{padding:5px 0;border:0;background:transparent;color:var(--cyan-soft);font-size:10px;line-height:1.6;text-underline-offset:3px;text-decoration:underline;cursor:pointer}.notification-actions button:disabled{opacity:.5;cursor:wait}.qq-group-list{display:grid;gap:6px}.qq-group-list:empty{display:none}.qq-group-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:3px;background:rgba(8,20,30,.55)}.qq-group-info{display:grid;gap:3px;min-width:0}.qq-group-info strong{color:#dce8ee;font-size:10px;font-weight:500;overflow-wrap:anywhere}.qq-group-info small{color:var(--muted);font-size:8px;line-height:1.5}.qq-group-row button{flex:none;padding:5px 7px;border:1px solid var(--line);border-radius:3px;background:transparent;color:#ffb0b6;font-size:9px;cursor:pointer}.qq-group-row button:disabled{opacity:.5;cursor:wait}.qq-group-row button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.qq-binding-command{display:grid;gap:8px;padding:12px;border:1px dashed var(--line-strong);border-radius:4px;background:rgba(73,226,219,.035)}.qq-binding-command p{margin:0;color:#c7d6df;font-size:10px;line-height:1.7}.qq-binding-copy{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.qq-binding-copy code{font:12px/1.7 var(--mono);color:var(--cyan-soft);overflow-wrap:anywhere}.qq-binding-copy button{flex:none;padding:6px 10px;border:1px solid var(--line-strong);border-radius:3px;background:rgba(73,226,219,.08);color:#dce8ee;font-size:10px;cursor:pointer}#qq-binding-feedback{color:var(--cyan-soft);min-height:0}#qq-binding-feedback:empty{display:none}.map-alert-deliveries{display:flex;flex-wrap:wrap;gap:6px}.map-alert-delivery{display:inline-flex;align-items:center;gap:8px;padding:3px 7px;border:1px solid var(--line);border-radius:3px;font-size:9px;color:#c7d6df;background:rgba(8,20,30,.55)}.map-alert-delivery strong{font-size:9px;font-weight:500}.map-alert-delivery small{color:var(--muted);font-size:8px}.map-alert-delivery[data-status=sent] small{color:#95d5ae}.map-alert-delivery[data-status=failed] small{color:#ff9ca5}.map-alert-delivery[data-status=queued] small,.map-alert-delivery[data-status=sending] small{color:#f2c26a}.map-alert-artwork{width:128px;height:80px;object-fit:cover;border-radius:3px;border:1px solid var(--line)}
@media(max-width:700px){.notification-picker-field{grid-column:auto}.notification-channels{grid-template-columns:minmax(0,1fr)}.notification-channel{padding:11px}.qq-binding-copy{align-items:flex-start}.qq-binding-copy code{font-size:11px}.qq-group-row{align-items:flex-start}.qq-group-row button{min-height:30px}}
.map-alert-actions .map-alert-test{border-color:var(--line-strong);color:var(--cyan-soft)}.map-alert-actions button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
@media(max-width:700px){.map-alert-actions:has(.map-alert-test){flex-direction:row;align-items:center;gap:6px}.map-alert-item:has(.map-alert-test){grid-template-columns:minmax(0,1fr)}.map-alert-item:has(.map-alert-test) .map-alert-actions{justify-content:flex-end}}
.map-alert-status[data-status=uncertain],.map-alert-status[data-status=partial]{color:#f2c26a}.map-alert-delivery[data-status=uncertain] small,.map-alert-delivery[data-status=partial] small{color:#f2c26a}
