/* Shared usability refinements, preserving the existing black/neon theme. */
:where(a,button,input,select,textarea,[tabindex],summary):focus-visible{outline:2px solid #c8ff50!important;outline-offset:4px!important}
[hidden]{display:none!important}
.csn-server-tools{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:14px 0;color:#afc3cd}.csn-server-tools label{display:flex;align-items:center;gap:8px;font:700 10px Arial,sans-serif}.csn-server-tools select,.csn-filter-button{min-height:40px;background:#0b1d25;border:1px solid #718b6d;color:#d6ebd2;border-radius:4px;padding:8px 12px;font:700 10px Arial,sans-serif}.csn-filter-button[aria-pressed=true]{background:#c3f344;color:#132004}.csn-server-tools small{font:11px Arial,sans-serif;color:#b0c1c8}.shared-server-cards[style]{min-height:100px}
.csn-favourite{position:absolute;right:12px;bottom:12px;z-index:3;width:40px;height:40px;min-height:40px;background:#041015df;border:1px solid #b8df5970;border-radius:50%;color:#d3ef96;font-size:24px;cursor:pointer;display:grid;place-items:center;padding:0}.csn-favourite[aria-pressed=true]{color:#d0ff47;border-color:#b9f354;box-shadow:0 0 12px #b2f43833}.csn-filter-empty{padding:18px;border:1px dashed #69856b;color:#bfd0d2;font:13px/1.8 Arial,sans-serif}
.csn-play-again{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;margin:14px 0;background:linear-gradient(110deg,#12251c,#07141c);border:1px solid #8db05277;border-radius:5px}.csn-play-again small,.csn-play-again strong,.csn-play-again span{display:block}.csn-play-again small{font:700 9px Arial,sans-serif;color:#c4ed73;letter-spacing:.1em}.csn-play-again strong{font:700 17px Arial,sans-serif;color:#e2efde;margin:6px 0}.csn-play-again span{font:11px Arial,sans-serif;color:#b4c6ce}.csn-again-action{min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:8px 15px;background:#bff137;color:#172007;border-radius:4px;text-decoration:none;font:700 10px Arial,sans-serif;white-space:nowrap}.csn-again-action[aria-disabled=true]{background:#20312c;color:#b7c8bd}
.csn-guide-directory{padding:24px;margin:30px 0;background:#08151c;border:1px solid #7a9b6555;border-radius:5px}.csn-guide-directory h2{font:700 28px 'CSN Barlow',Arial,sans-serif!important;color:#e3efdf}.csn-guide-directory h3{font:700 16px Arial,sans-serif!important;color:#c7ed94!important}.csn-guide-directory p{font:12px/1.8 Arial,sans-serif;color:#bbced8}.csn-guide-directory summary{cursor:pointer;min-height:40px;display:flex;align-items:center;color:#c5ec8f;font:700 11px Arial,sans-serif}.csn-guide-directory article+article{border-top:1px solid #52725b55;margin-top:16px;padding-top:12px}.csn-directory-maps{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;padding:0!important;list-style:none}.csn-directory-maps li{padding:12px;background:#0e2229;border:1px solid #718e6e44;border-radius:4px;display:flex;flex-direction:column;gap:8px}.csn-directory-maps strong{font:700 12px Arial,sans-serif;color:#e0ecdc}.csn-directory-maps small{font:10px/1.6 monospace;color:#b4c7d2;overflow-wrap:anywhere}.csn-directory-maps a{font:700 10px Arial,sans-serif;color:#bdeb84;min-height:28px}
.csn-ops-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:20px}.csn-ops-form label{display:block;margin:16px 0 6px;color:#c5d7d5;font:700 11px Arial,sans-serif}.csn-ops-form input:not([type=checkbox]),.csn-ops-form textarea,.csn-ops-form select{box-sizing:border-box;width:100%;min-height:40px;background:#07151c;border:1px solid #78997677;color:#e0eee2;border-radius:4px;padding:10px;font:13px/1.7 Arial,sans-serif}.csn-ops-form textarea{min-height:140px;resize:vertical}.csn-ops-form input[type=checkbox]{accent-color:#bdf23c;width:18px;height:18px}.csn-ops-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.csn-ops-targets{display:grid;gap:10px}.csn-ops-targets label,.csn-ops-toggle{display:flex!important;align-items:center;gap:10px;font:12px/1.8 Arial,sans-serif!important;margin:0!important;min-height:40px}.csn-ops-preview{background:#030b10;border:1px solid #66875c55;border-radius:4px;padding:20px;color:#f2f8f5;font:13px/1.9 Arial,sans-serif;overflow-wrap:anywhere;min-height:100px}.csn-ops-preview strong{font-weight:700}.csn-ops-review{padding:16px;margin:18px 0;border:1px solid #efc969;background:#382e1222;border-radius:4px}.csn-ops-review p{color:#e5d7b2;font:12px/1.8 Arial,sans-serif}.csn-ops-feedback{min-height:22px;font:12px/1.8 Arial,sans-serif;color:#c0eb8a}.csn-ops-feedback[data-error=true]{color:#ff9e9e}
.csn-health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.csn-health-card{padding:18px;background:#09191f;border:1px solid #69876166;border-radius:5px}.csn-health-card h3{font:700 17px Arial,sans-serif!important;margin:0 0 6px!important}.csn-health-card small{color:#b0c5cf;font:10px Arial,sans-serif}.csn-health-state{font:700 10px Arial,sans-serif;display:inline-block;padding:6px 9px;border-radius:3px;background:#28352a;color:#d2eabc;margin:12px 0}.csn-health-state.online{color:#c4f58b;background:#22432666}.csn-health-state.offline{color:#ffaaaa;background:#51232966}.csn-health-state.unknown{color:#ffd898;background:#4d3e2266}.csn-health-card p{color:#c3d3d9;font:12px/1.8 Arial,sans-serif;margin:8px 0!important}.csn-health-history{display:flex;height:25px;gap:2px;overflow:hidden}.csn-health-history i{flex:1;min-width:1px;background:#6e7b85;border-radius:2px}.csn-health-history i.online{background:#8cbf59}.csn-health-history i.offline{background:#d56969}.csn-health-history i.unknown{background:#a89562}
.csn-health-alert{display:flex;align-items:center;gap:15px;justify-content:space-between;padding:14px 0;border-bottom:1px solid #76946b44}.csn-health-alert strong{color:#f1d7ad;font:700 12px Arial,sans-serif;display:block}.csn-health-alert.recovered strong{color:#c1eb90}.csn-health-alert small{display:block;color:#b3c5cf;margin-top:7px;font:11px Arial,sans-serif}.csn-health-badge{border:1px solid #8abf6580;border-radius:4px;background:#142922;color:#d1edb2;padding:9px;font:700 9px Arial,sans-serif;cursor:pointer}.csn-health-badge[data-alert=true]{border-color:#e9b66b;color:#ffe2a8;background:#352716}
.csn-quick-map{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.csn-quick-map select{min-width:140px;flex:1;min-height:40px;background:#0b1d26;color:#d6e8cc;border:1px solid #7f9b7055;padding:8px;border-radius:4px}.csn-console-shortcuts button,.csn-console-command,.csn-console-tabs button{min-height:40px!important}.csn-console-confirm code{overflow-wrap:anywhere;white-space:pre-wrap}
@media(max-width:1000px){.csn-ops-grid{grid-template-columns:1fr}.csn-health-grid{grid-template-columns:1fr}}
@media(max-width:600px){.csn-play-again{align-items:stretch;flex-direction:column}.csn-server-tools{align-items:stretch}.csn-server-tools select{max-width:210px}.csn-ops-row{grid-template-columns:1fr}.csn-guide-directory{padding:16px}.csn-health-alert{align-items:flex-start;flex-direction:column}.csn-health-badge{font-size:8px;padding:8px}.admin-top-controls{flex-wrap:wrap}.csn-ops-form fieldset{padding:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.shared-server-cards>.csn-mode-tile[hidden]{display:none!important}.csn-skip{position:fixed;top:10px;left:10px;z-index:20000;transform:translateY(-160%);padding:12px 18px;background:#c6f441;color:#142000;font:700 12px Arial,sans-serif;text-decoration:none;border-radius:4px}.csn-skip:focus{transform:none}

@media(max-width:800px){.admin-top-controls .admin-network-badge{display:none}.admin-topbar{gap:7px;padding:10px 12px}.admin-topbar>span{font-size:8px;min-width:0;max-width:90px}.admin-top-controls select{max-width:105px}.csn-health-badge{max-width:90px;min-height:32px;font-size:8px}}

.csn-again-actions{display:flex;align-items:center;gap:8px}.csn-again-actions .csn-again-action{flex:1}.csn-again-clear{min-width:40px;min-height:40px;border:1px solid #819d6655;background:#0a1a1f;color:#d3e8bc;border-radius:4px;cursor:pointer;font-size:22px}
