/* SHADOWS public list pages — v2 visual layer */
.public-section-hero{position:relative;isolation:isolate;min-height:222px;overflow:hidden;border:1px solid #34363b;border-radius:9px;margin:0 0 16px;background:#111316;box-shadow:0 16px 42px #0005}
.public-section-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(7,8,10,.98) 0%,rgba(7,8,10,.87) 40%,rgba(7,8,10,.5) 72%,rgba(7,8,10,.76) 100%)}
.public-section-hero:after{content:"";position:absolute;z-index:2;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent,var(--yellow) 15%,var(--yellow) 76%,transparent)}
.public-hero-art{position:absolute;z-index:-2;inset:0;opacity:.9;background-position:center 48%;background-size:cover;background-repeat:no-repeat}
.servers-banner .public-hero-art{background-image:url('../../images/maps/de_dust2.jpg')}
.ban-page-hero .public-hero-art{background-image:url('../../images/maps/de_inferno.jpg')}
.comms-page-hero .public-hero-art{background-image:url('../../images/maps/de_nuke.jpg')}
.public-hero-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;min-height:222px;padding:27px 31px}
.public-hero-title-row{display:flex;align-items:center;gap:17px;margin-top:11px}
.public-hero-icon{width:58px;height:58px;flex-shrink:0;display:grid;place-items:center;border:1px solid #6f5d18;border-radius:8px;background:rgba(255,210,28,.1);color:var(--yellow);font-size:29px;box-shadow:inset 0 0 24px #ffd21c0c,0 8px 20px #0005}
.public-hero-title-row h1{color:#f4f4ef;margin:0;font-size:clamp(31px,4vw,47px);font-weight:800;line-height:1.05;letter-spacing:-.035em;text-shadow:0 3px 22px #000}
.public-hero-title-row p{max-width:720px;color:#c0c2c5;margin:9px 0 0;font-size:13px;line-height:1.6}
.public-hero-foot{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px;color:#777b81;font-size:8px;font-weight:800;letter-spacing:.15em}
.public-hero-foot span:first-child{color:var(--yellow)}
.page-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:15px 0 26px}
.page-stat{position:relative;min-width:0;padding:15px 18px;background:linear-gradient(135deg,#17191c,#101113);border:1px solid #303339;border-radius:7px;overflow:hidden}
.page-stat:after{content:"";position:absolute;top:0;right:0;width:52px;height:100%;background:linear-gradient(135deg,transparent,rgba(255,210,28,.045))}
.page-stat>span{display:block;color:#96999f;font-size:8px;letter-spacing:.13em;font-weight:800}
.page-stat strong{display:block;color:#f4f4ef;font-size:27px;line-height:1.1;margin:7px 0 5px;font-weight:800}
.page-stat small{display:block;color:#797d83;font-size:10px;line-height:1.4}
.page-stat small a{color:var(--yellow)}
.moderation-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:17px}
.moderation-stats .page-stat strong{font-size:24px}
.servers-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:4px 0 14px}
.servers-page-heading h2{font-size:24px;line-height:1.15;margin:4px 0 0;color:#f2f2ee;font-weight:800;letter-spacing:-.025em}
.servers-page-heading p{margin:7px 0 0;color:#90949a;font-size:12px}
.page-count-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid #35533b;padding:8px 10px;color:#79dc8b;background:#101915;border-radius:4px;white-space:nowrap;font-size:8px;font-weight:800;letter-spacing:.12em}
.page-count-badge i,.table-meta i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px #56d66f77}
.server-showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:23px}
.server-showcase-card{min-width:0;border:1px solid #36383d;background:linear-gradient(140deg,#17191c,#101113 70%);border-radius:8px;overflow:hidden;box-shadow:0 14px 32px #0003;transition:transform .2s,border-color .2s}
.server-showcase-card:hover{transform:translateY(-2px);border-color:#8d7521}
.server-showcase-art{height:190px;position:relative;overflow:hidden;background:#25251f}
.server-showcase-art>img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.76) contrast(1.08);transition:transform .4s}
.server-showcase-card:hover .server-showcase-art>img{transform:scale(1.035)}
.server-art-shade{position:absolute;inset:0;background:linear-gradient(0deg,#08090cf0 0%,rgba(8,9,12,.17) 62%,rgba(8,9,12,.35) 100%),linear-gradient(115deg,rgba(255,210,28,.12),transparent 50%)}
.server-art-tag{position:absolute;top:13px;left:14px;padding:6px 8px;border:1px solid #5b4c19;background:#0b0c0de0;color:var(--yellow);font-size:8px;font-weight:800;letter-spacing:.12em}
.server-art-number{position:absolute;right:17px;top:6px;color:#ffffff36;font-size:73px;line-height:1;font-weight:800;font-style:italic}
.server-art-status{position:absolute;left:15px;bottom:13px;display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:800;letter-spacing:.08em;color:#b6bac0}
.server-art-status i{display:inline-block;width:7px;height:7px;background:#7b7f85;border-radius:50%}
.server-art-status.is-online{color:var(--green)}
.server-art-status.is-online i{background:var(--green);box-shadow:0 0 10px #56d66f8a}
.server-showcase-content{padding:17px 18px 15px}
.server-showcase-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.server-showcase-top h2{color:#f5f5f0;font-size:22px;line-height:1.1;margin:4px 0 0;font-weight:800;letter-spacing:-.025em}
.showcase-players{display:flex;align-items:flex-end;flex-direction:column;flex-shrink:0}
.showcase-players strong{color:#f4f4f0;font-size:22px;line-height:1.05;font-weight:800}
.showcase-players small{color:#83878d;font-size:8px;font-weight:800;letter-spacing:.12em;margin-top:4px}
.server-showcase-host{margin:8px 0 14px;color:#a3a7ad;font-size:11px;overflow-wrap:anywhere}
.server-showcase-details{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 0;border-top:1px solid #292c30;border-bottom:1px solid #292c30}
.server-showcase-details>div{min-width:0;display:flex;flex-direction:column;gap:5px}
.server-showcase-details span{color:#777b81;font-size:8px;font-weight:800;letter-spacing:.12em}
.server-showcase-details strong{color:#dfe0df;font-size:11px;overflow-wrap:anywhere}
.server-showcase-actions{display:flex;gap:9px;flex-wrap:wrap;padding-top:13px}
.server-showcase-actions .btn{flex:1;min-width:130px;min-height:39px;font-size:9px;padding:0 12px}
.page-bottom-cta{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 23px;border:1px solid #3a3830;border-radius:8px;background:radial-gradient(ellipse at 85% 50%,#ffd21c0d,transparent 34%),linear-gradient(120deg,#17191b,#101113);margin:22px 0 12px}
.page-bottom-cta h2{color:#f3f3ef;font-size:20px;margin:4px 0 0;font-weight:800}
.page-bottom-cta p{color:#90949a;font-size:11px;margin:6px 0 0}
.page-bottom-cta .btn{flex-shrink:0}
.list-panel-redesign{margin-bottom:24px}
.moderation-panel-heading{padding:20px 22px 17px}
.moderation-panel-heading h2{font-size:21px;margin:5px 0 0}
.moderation-panel-heading p{font-size:11px;color:#8e9298;margin:7px 0 0}
.moderation-panel-heading .panel-count{border-color:#60521c;color:var(--yellow);background:#19170f}
.advanced-filters{display:grid;grid-template-columns:1.05fr 1.05fr 1fr 1.2fr 1.5fr auto;gap:10px;align-items:end;padding:16px 17px 18px;background:linear-gradient(120deg,#141619,#101113);border-bottom:1px solid #2d3035}
.filter-control{display:flex;flex-direction:column;gap:7px;min-width:0;color:#999da3;font-size:8px;font-weight:800;letter-spacing:.11em}
.filter-control input,.filter-control select{width:100%;min-width:0;height:39px;padding:0 10px;border:1px solid #373a40;border-radius:4px;background:#0a0b0d;color:#efefed;outline:0;font:400 11px 'Exo 2',Arial,sans-serif;letter-spacing:0;color-scheme:dark}
.filter-control input:focus,.filter-control select:focus{border-color:#9a7e10;box-shadow:0 0 0 2px #ffd21c12}
.filter-control input::placeholder{color:#686c72}
.filter-buttons{display:flex;align-items:center;gap:6px}
.filter-buttons .btn{height:39px;min-height:39px;padding:0 12px;font-size:8px;letter-spacing:.06em;white-space:nowrap}
.btn-filter-reset{background:#1a1c20;border:1px solid #393c42;color:#c5c7ca}
.btn-filter-reset:hover{border-color:#7a7d83;color:var(--yellow);background:#202226}
.table-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 18px;background:#101214;color:#7f8389;font-size:8px;font-weight:800;letter-spacing:.12em}
.table-meta span:first-child{display:flex;align-items:center;gap:7px}
.moderation-table{min-width:1030px}
.moderation-table thead th{padding:14px 13px;font-size:8px}
.moderation-table tbody td{padding:13px;font-size:10px}
.moderation-table .player-name{max-width:200px;overflow-wrap:anywhere}
.table-server-name{display:inline-block;padding:4px 6px;border:1px solid #35383d;border-radius:3px;background:#191b1e;color:#cacccf;font-size:9px;white-space:nowrap}
.date-cell{white-space:nowrap}
.type-chip{display:inline-block;padding:4px 6px;border:1px solid #3b3e43;border-radius:3px;background:#1a1c1f;color:#c4c7ca;font-size:8px;font-weight:800;white-space:nowrap}
.type-steam{border-color:#46401f;background:#1c1a11;color:#f0d35b}
.type-ip{border-color:#6a3638;background:#251416;color:#ff9295}
.type-voice{border-color:#28583a;background:#111c15;color:#7cdb90}
.type-gag{border-color:#554719;background:#1d1a10;color:#e6c74b}
.type-both{border-color:#57401d;background:#21170e;color:#e5ab5a}
.duration-chip{display:inline-block;padding:4px 7px;border:1px solid #383b40;border-radius:3px;color:#c9cbce;background:#191b1e;font-size:9px;white-space:nowrap}
.duration-permanent{border-color:#6c3436;background:#291517;color:#ff9a9d}
.table-empty{padding:42px 20px}
.table-empty .empty-icon{font-size:22px}
.list-panel-redesign .empty-state h3{font-size:16px}
.list-panel-redesign .empty-state p{font-size:11px;max-width:500px}
.list-panel-redesign .pager{border-top:1px solid #282b30}
.advanced-filters+.table-meta{border-top:0}
@media(max-width:1280px){.advanced-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-buttons{grid-column:span 3}.filter-buttons .btn{flex:1}.moderation-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){.public-section-hero,.public-hero-content{min-height:205px}.public-hero-content{padding:22px 20px}.public-hero-title-row h1{font-size:34px}.public-hero-title-row p{font-size:11px}.public-hero-icon{width:48px;height:48px;font-size:24px}.public-hero-foot{gap:12px;margin-top:19px;font-size:7px}.moderation-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.page-stat-row:not(.moderation-stats){grid-template-columns:repeat(2,minmax(0,1fr))}.server-showcase-grid{grid-template-columns:1fr}.server-showcase-art{height:205px}.advanced-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-buttons{grid-column:span 2}.moderation-panel-heading{align-items:flex-start}.page-bottom-cta{align-items:flex-start;flex-direction:column}.page-bottom-cta .btn{width:100%}}
@media(max-width:520px){.public-section-hero,.public-hero-content{min-height:190px}.public-hero-content{padding:18px 14px}.public-hero-title-row{gap:11px}.public-hero-title-row h1{font-size:27px}.public-hero-title-row p{font-size:10px;line-height:1.45}.public-hero-icon{width:40px;height:40px;font-size:21px}.public-hero-foot{gap:9px;font-size:6px}.page-stat{padding:12px}.page-stat>span{font-size:7px}.page-stat strong{font-size:23px}.moderation-stats .page-stat strong{font-size:22px}.servers-page-heading{align-items:flex-start;flex-direction:column}.servers-page-heading h2{font-size:22px}.server-showcase-art{height:170px}.server-showcase-content{padding:14px}.server-showcase-top h2{font-size:19px}.server-showcase-details strong{font-size:10px}.server-showcase-actions{flex-direction:column}.server-showcase-actions .btn{width:100%}.advanced-filters{grid-template-columns:1fr;padding:13px}.filter-buttons{grid-column:auto;flex-direction:column}.filter-buttons .btn{width:100%}.table-meta{align-items:flex-start;flex-direction:column;padding:11px 13px}.moderation-panel-heading{padding:15px 14px}.moderation-panel-heading h2{font-size:18px}.page-bottom-cta{padding:17px}.page-bottom-cta h2{font-size:18px}}
/* Clipboard feedback and accessible focus states */
.copy-address-btn:focus-visible,.advanced-filters button:focus-visible,.advanced-filters a:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}