/* Mad Cats Serverviewer v3 — scoped, lightweight, no blur/filter/animation */
.mcsv{--mc-bg:#091521;--mc-card:#0d1c2b;--mc-border:#294052;--mc-orange:#ff8716;--mc-text:#f1f6ff;--mc-muted:#9cb1c3;color:var(--mc-text);font-family:inherit}.mcsv *{box-sizing:border-box}.mcsv-crumb{font-size:11px;color:var(--mc-muted);letter-spacing:.06em;margin:0 0 18px}.mcsv-intro{border:1px solid var(--mc-border);border-left:3px solid var(--mc-orange);background:#0c1927;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;margin-bottom:16px;border-radius:8px}.mcsv-intro-title{display:flex;align-items:center;gap:18px}.mcsv-soldier{color:var(--mc-orange);font-size:40px}.mcsv-kicker{color:var(--mc-orange);font-size:10px;letter-spacing:.15em;font-weight:800}.mcsv h1{font-size:clamp(17px,2.1vw,27px);margin:4px 0 6px;color:#fff;line-height:1.2}.mcsv h1 em{color:var(--mc-orange);font-style:normal}.mcsv-intro p{color:var(--mc-muted);margin:0;font-size:13px}.mcsv-metrics{display:flex;gap:8px;flex-shrink:0}.mcsv-metrics>div{min-width:110px;background:#132334;border:1px solid var(--mc-border);padding:12px;border-radius:6px;text-align:center}.mcsv-metrics strong{display:block;font-size:21px;color:#fff}.mcsv-metrics span{font-size:9px;color:var(--mc-muted);letter-spacing:.05em}.mcsv-list{display:grid;gap:18px}.mcsv-server{border:1px solid var(--mc-border);border-radius:9px;background:var(--mc-bg);overflow:hidden}.mcsv-server-top{display:grid;grid-template-columns:minmax(180px,1fr) minmax(135px,.6fr) minmax(180px,1fr);min-height:220px;background:linear-gradient(110deg,#0a1929,#142536);gap:15px;padding:18px}.mcsv-server-identity{align-self:center}.mcsv-status{font-size:11px;display:inline-block;border-radius:5px;padding:7px 11px;font-weight:800}.mcsv-status-on{background:#126b37;color:#e0ffed}.mcsv-status-off{background:#5c232c;color:#ffe5e5}.mcsv-server h2{font-size:clamp(17px,2vw,25px);color:#fff;margin:14px 0 8px}.mcsv-address{font-size:13px;color:#d5e4f3;overflow-wrap:anywhere}.mcsv-copy{border:0;background:transparent;color:var(--mc-orange);cursor:pointer;font-size:19px}.mcsv-current{align-self:center}.mcsv-current strong{display:block;color:#fff;font-size:18px;margin:5px 0 15px}.mcsv-label{font-size:10px;letter-spacing:.09em;color:var(--mc-muted)}.mcsv-meter{height:6px;border-radius:10px;background:#2d3c4a;overflow:hidden;max-width:150px}.mcsv-meter span{display:block;height:100%;background:var(--mc-orange)}.mcsv-map-preview{min-height:190px;background:linear-gradient(135deg,#20364b,#102236);position:relative;border:1px solid #304456;border-radius:6px;overflow:hidden}.mcsv-map-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mcsv-map-overlay{position:absolute;z-index:1;top:0;left:0;right:0;padding:14px;background:linear-gradient(#081521e8,transparent);pointer-events:none}.mcsv-map-overlay span{display:block;font-size:10px;color:#c2d2e0}.mcsv-map-overlay strong{font-size:20px;color:#fff}.mcsv-content{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(220px,1fr);gap:14px;padding:0 14px 14px}.mcsv-players,.mcsv-side{border:1px solid var(--mc-border);border-radius:7px;overflow:hidden;background:#0a1825}.mcsv-players h3,.mcsv-side-heading{padding:15px;margin:0;font-size:13px;color:#f8fbff;border-bottom:2px solid var(--mc-orange);background:#102234}.mcsv-players h3 span,.mcsv-players h3 b{color:var(--mc-orange)}.mcsv-table-wrap{max-height:470px;overflow:auto}.mcsv table{width:100%;border-collapse:collapse;font-size:12px;color:#e5eef7}.mcsv th{text-align:left;background:#0c1b29;color:#a8bacb;font-size:10px;letter-spacing:.05em;position:sticky;top:0}.mcsv td,.mcsv th{padding:10px 12px;border-bottom:1px solid #1b2c3c}.mcsv tbody tr:nth-child(odd){background:#122435}.mcsv tbody tr:hover{background:#1c3346}.mcsv td:first-child{color:#90a7bc;width:35px}.mcsv-empty{text-align:center;color:#b4c4d2;padding:25px!important}.mcsv-side dl{margin:0;padding:8px 14px 14px}.mcsv-side dl>div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #243747;font-size:12px}.mcsv-side dt{color:var(--mc-muted)}.mcsv-side dd{margin:0;color:#fff;text-align:right;overflow-wrap:anywhere}.mcsv-rcon{border-top:1px solid var(--mc-border)}.mcsv-rcon>summary,.mcsv-manage>summary{cursor:pointer;padding:15px;font-weight:800;font-size:12px;color:var(--mc-orange);background:#122333}.mcsv-rcon-inner{padding:12px}.mcsv-actions{display:flex;gap:8px;flex-wrap:wrap}.mcsv button,.mcsv input{font:inherit}.mcsv-actions button,.mcsv-delete{border:1px solid #34516a;border-radius:5px;background:#182b3e;color:#fff;padding:10px;cursor:pointer;font-size:12px}.mcsv-mapform{display:grid;gap:9px;margin-top:15px}.mcsv-mapform label,.mcsv-form label{display:grid;gap:7px;font-size:11px;font-weight:700;color:#aabed0}.mcsv input{min-width:0;width:100%;padding:11px;border:1px solid #3b5064;border-radius:5px;background:#0b1928;color:#fff}.mcsv-button{border:0;border-radius:5px;padding:11px 15px;cursor:pointer;font-weight:800}.mcsv-primary{background:var(--mc-orange);color:#131921}.mcsv-delete{margin-top:14px;border-color:#69343a;color:#ff9d9d}.mcsv-manage{border:1px solid var(--mc-border);border-radius:8px;margin-bottom:16px;background:#0b1b2a}.mcsv-manage summary span{float:right;font-weight:400;color:#9db0c3}.mcsv-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;padding:18px}.mcsv-form small{font-weight:400}.mcsv-form button{align-self:end}.mcsv-emptybox{padding:30px;background:#102233;border:1px solid var(--mc-border);border-radius:8px;color:#c5d5e5}@media(max-width:950px){.mcsv-intro{flex-wrap:wrap}.mcsv-metrics{width:100%}.mcsv-metrics>div{flex:1}.mcsv-server-top{grid-template-columns:1fr 1fr}.mcsv-map-preview{grid-column:1/-1;min-height:240px}}@media(max-width:680px){.mcsv-server-top,.mcsv-content{grid-template-columns:1fr}.mcsv-intro{padding:13px}.mcsv-intro-title{gap:9px}.mcsv-soldier{font-size:27px}.mcsv-metrics{gap:4px}.mcsv-metrics>div{min-width:0;padding:9px 4px}.mcsv-metrics strong{font-size:16px}.mcsv-metrics span{font-size:8px}.mcsv-server-top{padding:12px}.mcsv-map-preview{grid-column:auto;min-height:190px}.mcsv-content{padding:0 10px 10px}.mcsv-manage summary span{float:none;display:block;margin-top:5px}}

/* v3.1: ensure the CMS content column does not squeeze the grid */
.mcsv{width:100%;min-width:0;display:block;line-height:1.45}
.mcsv .mcsv-map-preview img{display:block;object-fit:cover}
.mcsv .mcsv-server-top>*{min-width:0}
.mcsv .mcsv-table-wrap{width:100%;min-width:0}
.mcsv .mcsv-players{min-width:0}
.mcsv .mcsv-intro-title{min-width:0}
.mcsv .mcsv-metrics{flex-wrap:wrap}
@media(max-width:1100px){.mcsv .mcsv-intro{flex-wrap:wrap}.mcsv .mcsv-metrics{width:100%}.mcsv .mcsv-metrics>div{flex:1}}

/* Server administration extension */
.mcsv .mcsv-admin-extra{margin:16px 0;padding:15px;border:1px solid #34485d;border-radius:12px;background:#101c2d}
.mcsv .mcsv-admin-extra h4{font-size:12px;letter-spacing:.09em;color:#ff9a25;margin:14px 0 10px}
.mcsv .mcsv-quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:8px}
.mcsv .mcsv-quick-actions button{border:1px solid #3a5067;border-radius:8px;background:#1b2d43;color:#eaf3fc;padding:10px;cursor:pointer}
.mcsv .mcsv-quick-actions button:hover{border-color:#ff9a25}
.mcsv .mcsv-settings-form{display:grid;grid-template-columns:2fr 1fr;gap:10px;align-items:end}
.mcsv .mcsv-settings-form label{display:grid;gap:5px;color:#b7c8da;font-size:12px}
.mcsv .mcsv-settings-form select,.mcsv .mcsv-settings-form input{width:100%;min-width:0;background:#0d1929;color:#fff;border:1px solid #3a5067;border-radius:8px;padding:10px}
.mcsv .mcsv-settings-form button{grid-column:1/-1}
.mcsv .mcsv-admin-note{font-size:12px;color:#9eafc2;line-height:1.5}
@media(max-width:540px){.mcsv .mcsv-settings-form{grid-template-columns:1fr}}

/* v3.4 admin list, aligned with native admin module cards */
.mcsv-admin-panel{max-width:1200px}.mcsv-admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0}.mcsv-admin-toolbar h2{margin:0}.mcsv-admin-toolbar small{font-size:13px;color:#92a7b9}.mcsv-admin-item,.mcsv-admin-new{border:1px solid #2c4257;background:#101d2e;border-radius:12px;margin:12px 0;overflow:hidden}.mcsv-admin-item>summary{display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;padding:18px 20px;list-style:none}.mcsv-admin-item>summary::-webkit-details-marker{display:none}.mcsv-admin-item[open]>summary{border-bottom:1px solid #2c4257}.mcsv-admin-item-name{display:grid;gap:4px;flex:1}.mcsv-admin-item-name small{color:#a9bdd0}.mcsv-admin-rcon{border-radius:7px;padding:6px 10px;font-size:12px;white-space:nowrap}.mcsv-admin-rcon.ready{background:#124632;color:#9af5bd}.mcsv-admin-rcon.missing{background:#44331b;color:#ffcb80}.mcsv-admin-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px}.mcsv-admin-form label{display:grid;gap:7px;font-size:13px;color:#b7cadb}.mcsv-admin-form input{width:100%;min-width:0;padding:11px 12px;border-radius:8px;border:1px solid #38516b;background:#0a1727;color:#f2f7ff}.mcsv-admin-full{grid-column:1/-1}.mcsv-admin-delete{padding:0 20px 18px}.mcsv-admin-new{padding:20px}.mcsv-admin-new h2{margin:0}.mcsv-admin-new .mcsv-admin-form{padding:18px 0 0}.mcsv-admin-buttons{display:flex;justify-content:flex-end}@media(max-width:650px){.mcsv-admin-form{grid-template-columns:1fr}.mcsv-admin-toolbar{align-items:flex-start;flex-direction:column}.mcsv-admin-item>summary{flex-wrap:wrap}}

/* Server launch buttons: no JS and no additional network requests */
.mcsv-join-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:17px;align-items:center}
.mcsv-join-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 14px;border-radius:9px;border:1px solid #38536a;text-decoration:none!important;font-weight:700;font-size:13px;line-height:1.3;transition:background-color .12s ease,border-color .12s ease;white-space:normal;text-align:center}
.mcsv-join-primary{background:#ff8a16;color:#101c2b!important;border-color:#ff8a16}
.mcsv-join-primary:hover{background:#ffad45;border-color:#ffad45}
.mcsv-join-hlsw{background:#14273a;color:#e6f0fa!important}
.mcsv-join-hlsw:hover{background:#213d57;border-color:#6888a3}
.mcsv-join-btn:focus-visible{outline:3px solid #8cddf0;outline-offset:3px}
@media(max-width:540px){.mcsv-join-actions{flex-direction:column;align-items:stretch}.mcsv-join-btn{width:100%;box-sizing:border-box}}
