.catalog-view-switch{display:flex;gap:5px;flex-wrap:wrap;background:#101d2e;padding:4px;border:1px solid #345067;border-radius:9px}
.catalog-view-switch button{color:#c6d9e7;background:transparent;border:1px solid transparent;border-radius:6px;padding:9px 18px;min-height:40px;font-size:.86rem}
.catalog-view-switch button[aria-pressed=true]{background:#153c48;color:#bdf7fa;border-color:#548f9c;box-shadow:inset 0 -2px #72e8ed}
.map-panel{border:1px solid #345067;background:#101d2e;border-radius:11px;padding:14px;margin-bottom:20px;min-width:0}
.map-panel-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}
.map-panel-heading h3{font-size:1.05rem}.map-status{color:#adc2d5;font-size:.8rem;line-height:1.5;margin:7px 0 12px}
.catalog-map,.location-map{height:360px;width:100%;background:#142337;border:1px solid #345067;border-radius:7px;overflow:hidden;min-width:0}
.catalog-map{height:clamp(280px,45vh,450px)}
.map-fallback{padding:28px 20px;min-height:190px;display:grid;align-content:center;gap:12px;background:radial-gradient(ellipse at right bottom,#19344a66,transparent 65%);border:1px dashed #42617a;border-radius:7px}
.map-fallback>span{font-size:2rem;color:#72e8ed}.map-fallback h4{font-size:1.1rem}.map-fallback p{color:#adc2d5;max-width:65ch;font-size:.88rem;line-height:1.6}
.map-area-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}.map-area-controls .check-label{font-size:.78rem;align-items:center}.map-area-controls .button{white-space:normal;text-align:center}
.map-mini-card{color:#172b3e;font:14px/1.5 'Segoe UI',sans-serif;max-width:240px}.map-mini-card p{margin:8px 0}.map-mini-card button{background:#153c48;color:#fff;border:0;padding:8px 12px;border-radius:4px}
.location-editor p{margin:12px 0;color:#adc2d5;font-size:.84rem}.location-editor h3{margin-bottom:10px}.location-map-panel{margin-top:15px}.location-privacy-note{line-height:1.6}.location-editor>.button{margin-top:10px}
.map-settings{max-width:780px;min-width:0}.map-settings-intro{padding-bottom:22px}.map-settings-intro h2{font-size:1.5rem;margin-bottom:10px}.map-settings-intro p{color:#adc2d5;line-height:1.6;font-size:.88rem}.map-settings-intro .map-key-state{color:#72e8ed;margin-top:12px}
.map-scope{margin:0;padding:20px;border:1px solid #345067;border-radius:9px;display:grid;gap:15px;min-width:0}.map-scope legend{padding:0 7px;color:#e6f1fc;font-size:1rem}.map-scope p,#maps-settings-status{font-size:.84rem;line-height:1.6;color:#adc2d5}
.map-help-links,.map-settings-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.map-help-links a{font-size:.82rem;color:#72e8ed}.map-settings-actions .button{white-space:normal}.map-settings input{min-width:0}
@media(max-width:540px){.section-heading:has(.catalog-view-switch){flex-wrap:wrap;gap:15px}.catalog-view-switch{width:100%}.catalog-view-switch button{flex:1;padding:8px 12px}.map-panel{padding:10px}.map-fallback{padding:20px 14px}.catalog-map{height:300px}.location-map{height:280px}.map-area-controls>.button{flex:1 1 130px;font-size:.75rem;padding:8px}.map-scope{padding:14px}.map-settings-actions .button{width:100%}.location-editor .form-grid{gap:10px}}
@media(prefers-reduced-motion:no-preference){.map-panel{animation:map-plane-open .22s ease-out}@keyframes map-plane-open{from{opacity:.5;transform:translateY(7px)}to{opacity:1;transform:none}}}