/* CS27 server cards, selected concept 02. Only the home monitoring section. */
body[data-template="cs27Reg"] #monitoring.cs27-server-cards-v2{padding:22px;background:#1c2225;border-color:#41484b;border-radius:18px}
body[data-template="cs27Reg"] #monitoring.cs27-server-cards-v2 .cs27-section-head{margin-bottom:18px;align-items:center}
body[data-template="cs27Reg"] #monitoring.cs27-server-cards-v2 h2{font-size:26px;line-height:1.25;letter-spacing:-.4px}
body[data-template="cs27Reg"] #monitoring.cs27-server-cards-v2 #servers{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
#monitoring.cs27-server-cards-v2 .cs27-v2-shell{position:relative;min-width:0;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
#monitoring.cs27-server-cards-v2 .cs27-v2-card{min-width:0;width:100%;margin:0;padding:0;overflow:hidden;border:1px solid #424b50;border-radius:15px;background:#232b2f;box-sizing:border-box;box-shadow:0 8px 22px #0000001a}
#monitoring.cs27-server-cards-v2 .cs27-v2-cover{position:relative;display:block;width:100%;height:190px;min-height:190px;margin:0;padding:0;border:0;border-radius:0;background:#303b3c;text-align:left;overflow:hidden;cursor:pointer;color:#fff;box-sizing:border-box;isolation:isolate}
#monitoring.cs27-server-cards-v2 .cs27-v2-cover-image{position:absolute;display:block;inset:0;width:100%;height:100%;background-size:cover;background-position:center;transition:transform .25s ease;z-index:-2}
#monitoring.cs27-server-cards-v2 .cs27-v2-cover::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#00000014 10%,#050b1033 45%,#080d12eb 100%);pointer-events:none}
#monitoring.cs27-server-cards-v2 .cs27-v2-cover-title{position:absolute;left:20px;right:20px;bottom:17px;display:block;min-width:0;max-width:none;text-shadow:0 2px 12px #0008}
#monitoring.cs27-server-cards-v2 .cs27-v2-mode{display:block;margin:0 0 4px;color:#fff;font-size:28px;font-weight:800;line-height:1.1;letter-spacing:.3px;text-transform:uppercase;overflow-wrap:anywhere}
#monitoring.cs27-server-cards-v2 .cs27-v2-name{display:block;margin:0;color:#ff936c;font-size:14px;font-weight:650;line-height:1.4;overflow-wrap:anywhere}
#monitoring.cs27-server-cards-v2 .cs27-v2-population{position:absolute;top:14px;right:14px;display:grid;grid-template-columns:8px auto;column-gap:8px;align-items:center;min-width:98px;padding:9px 12px;border:1px solid #ffffff26;border-radius:10px;background:#0a111ae8;color:#fff;box-sizing:border-box}
#monitoring.cs27-server-cards-v2 .cs27-v2-dot{display:block;width:7px;height:7px;grid-column:1;grid-row:1;border-radius:50%;background:#55dd8a}
#monitoring.cs27-server-cards-v2 .cs27-v2-count{grid-column:2;grid-row:1;color:#fff;font-size:17px;font-weight:750;line-height:1.25;white-space:nowrap}
#monitoring.cs27-server-cards-v2 .cs27-v2-count-label{grid-column:2;grid-row:2;color:#cad4d8;font-size:12px;font-weight:450;line-height:1.3;text-align:left}
#monitoring.cs27-server-cards-v2 .cs27-v2-body{padding:17px 18px 18px}
#monitoring.cs27-server-cards-v2 .cs27-v2-meta{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;margin-bottom:16px;align-items:start}
#monitoring.cs27-server-cards-v2 .cs27-v2-info{display:flex;align-items:center;gap:10px;min-width:0}
#monitoring.cs27-server-cards-v2 .cs27-v2-info>i{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;margin:0;padding:0;border:1px solid #ffffff0c;border-radius:9px;background:#303a40;color:#e4ebee;font-size:19px}
#monitoring.cs27-server-cards-v2 .cs27-v2-info>div{min-width:0}
#monitoring.cs27-server-cards-v2 .cs27-v2-label{display:block;margin:0 0 3px;color:#b7c3ca;font-size:12px;font-weight:450;line-height:1.25}
#monitoring.cs27-server-cards-v2 .cs27-v2-address,#monitoring.cs27-server-cards-v2 .cs27-v2-map-name{display:block;margin:0;color:#f6f8fa;font-size:14px;font-weight:650;line-height:1.35;overflow-wrap:anywhere}
#monitoring.cs27-server-cards-v2 .cs27-v2-address{font-variant-numeric:tabular-nums;white-space:nowrap}
#monitoring.cs27-server-cards-v2 .cs27-v2-meter{display:block;width:100%;height:5px;margin:0 0 16px;border:0;border-radius:5px;background:#3a444b;overflow:hidden}
#monitoring.cs27-server-cards-v2 .cs27-v2-meter>span{display:block;height:100%;border:0;background:#ff642f;border-radius:inherit}
#monitoring.cs27-server-cards-v2 .cs27-v2-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(144px,.82fr);gap:10px;min-width:0}
#monitoring.cs27-server-cards-v2 .cs27-v2-play,#monitoring.cs27-server-cards-v2 .cs27-v2-copy{position:static;display:flex;align-items:center;justify-content:center;gap:8px;float:none;width:100%;min-width:0;max-width:none;min-height:46px;height:auto;margin:0;padding:11px 12px;border:1px solid #ff783f;border-radius:9px;background:#ff5b28;color:#fff;font-family:inherit;font-size:15px;font-weight:700;line-height:1.35;text-align:center;text-decoration:none;text-transform:none;white-space:nowrap;cursor:pointer;box-sizing:border-box;box-shadow:none}
#monitoring.cs27-server-cards-v2 .cs27-v2-copy{border-color:#526068;background:#29333a;color:#f2f5f7;font-size:13px}
#monitoring.cs27-server-cards-v2 .cs27-v2-play>i,#monitoring.cs27-server-cards-v2 .cs27-v2-copy>i{display:block;flex:0 0 auto;margin:0;color:inherit;font-size:19px;line-height:1}
#monitoring.cs27-server-cards-v2 .cs27-v2-play:hover{background:#ff713e;color:#fff}
#monitoring.cs27-server-cards-v2 .cs27-v2-copy:hover{background:#35434b;border-color:#78909c;color:#fff}
#monitoring.cs27-server-cards-v2 .cs27-v2-cover:focus-visible,#monitoring.cs27-server-cards-v2 .cs27-v2-play:focus-visible,#monitoring.cs27-server-cards-v2 .cs27-v2-copy:focus-visible{outline:3px solid #ffac88;outline-offset:-4px}
#monitoring.cs27-server-cards-v2 .cs27-v2-card-fallback .cs27-v2-cover{cursor:default}
#monitoring.cs27-server-cards-v2 .cs27-v2-card-fallback .cs27-v2-cover-image{background:radial-gradient(ellipse at 75% 10%,#55746455,transparent 65%),linear-gradient(120deg,#283a41,#172126)}
#monitoring.cs27-server-cards-v2 .cs27-v2-card-fallback .cs27-v2-dot{background:#bac2c6}
#monitoring.cs27-server-cards-v2 .cs27-v2-card-fallback .cs27-v2-meter>span{width:0}
#monitoring.cs27-server-cards-v2 .cs27-v2-admin{position:absolute;left:12px;top:12px;z-index:3;display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#0a111ae8;color:#fff;cursor:pointer}
#monitoring.cs27-server-cards-v2 .cs27-v2-status{margin:12px 0 0;color:#e0b89f;font-size:14px;line-height:1.45}
#monitoring.cs27-server-cards-v2 .cs27-v2-status:empty{display:none}
#monitoring.cs27-server-cards-v2 .cs27-connect-help{margin-top:18px;padding-top:16px}
@media(hover:hover) and (pointer:fine){#monitoring.cs27-server-cards-v2 .cs27-v2-cover:hover .cs27-v2-cover-image{transform:scale(1.035)}}
@media(max-width:1199px){
 #monitoring.cs27-server-cards-v2 .cs27-v2-meta{grid-template-columns:minmax(0,1fr);gap:12px}
 #monitoring.cs27-server-cards-v2 .cs27-v2-cover{height:180px;min-height:180px}
}
@media(max-width:767px){
 body[data-template="cs27Reg"] #monitoring.cs27-server-cards-v2{padding:14px;border-radius:14px}
 body[data-template="cs27Reg"] #monitoring.cs27-server-cards-v2 #servers{grid-template-columns:minmax(0,1fr);gap:16px}
 body[data-template="cs27Reg"] #monitoring.cs27-server-cards-v2 h2{font-size:24px}
 #monitoring.cs27-server-cards-v2 .cs27-v2-cover{height:176px;min-height:176px}
 #monitoring.cs27-server-cards-v2 .cs27-v2-cover-title{left:15px;right:15px;bottom:14px}
 #monitoring.cs27-server-cards-v2 .cs27-v2-mode{font-size:26px}
 #monitoring.cs27-server-cards-v2 .cs27-v2-name{font-size:13px}
 #monitoring.cs27-server-cards-v2 .cs27-v2-body{padding:14px}
 #monitoring.cs27-server-cards-v2 .cs27-v2-meta{gap:10px;margin-bottom:14px}
 #monitoring.cs27-server-cards-v2 .cs27-v2-meter{margin-bottom:14px}
 #monitoring.cs27-server-cards-v2 .cs27-v2-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #monitoring.cs27-server-cards-v2 .cs27-v2-play,#monitoring.cs27-server-cards-v2 .cs27-v2-copy{padding:11px 7px;gap:5px;min-height:46px}
 #monitoring.cs27-server-cards-v2 .cs27-v2-copy>i{font-size:16px}
}
@media(max-width:374px){
 #monitoring.cs27-server-cards-v2 .cs27-v2-actions{grid-template-columns:minmax(0,1fr)}
 #monitoring.cs27-server-cards-v2 .cs27-v2-copy{font-size:14px}
}
@media(prefers-reduced-motion:reduce){#monitoring.cs27-server-cards-v2 .cs27-v2-cover-image{transition:none;transform:none!important}}

/* Compact rows: scoped to monitoring; native polling and modals are retained. */
body[data-template="cs27Reg"] #monitoring.cs27-server-cards-v2{padding:20px;border-radius:14px;background:#1c2225}
body[data-template="cs27Reg"] #monitoring.cs27-server-cards-v2 #servers{grid-template-columns:minmax(0,1fr);gap:10px}
body[data-template="cs27Reg"] #monitoring.cs27-server-cards-v2 .cs27-section-head{margin-bottom:16px}
#monitoring.cs27-server-cards-v2 .cs27-v2-card{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.4fr);align-items:center;gap:24px;padding:14px 16px;border-radius:10px;box-shadow:none;background:#252b2f;border-color:#3b4449}
#monitoring.cs27-server-cards-v2 .cs27-v2-cover{display:flex;align-items:center;gap:14px;position:relative;width:100%;height:auto;min-height:48px;padding:0;background:none;overflow:visible;isolation:auto}
#monitoring.cs27-server-cards-v2 .cs27-v2-cover::before{content:"CS";display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:1px solid #ff6b304d;border-radius:9px;background:#ff6b3014;color:#ff854f;font-size:15px;font-weight:800;letter-spacing:-1px}
#monitoring.cs27-server-cards-v2 .cs27-v2-cover::after,#monitoring.cs27-server-cards-v2 .cs27-v2-cover-image,#monitoring.cs27-server-cards-v2 .cs27-v2-meter{display:none}
#monitoring.cs27-server-cards-v2 .cs27-v2-cover-title{position:static;flex:1;min-width:0;text-shadow:none}
#monitoring.cs27-server-cards-v2 .cs27-v2-mode{font-size:18px;line-height:1.2;margin:0 0 4px;letter-spacing:.5px}
#monitoring.cs27-server-cards-v2 .cs27-v2-name{font-size:12px;font-weight:400;color:#aeb9bf;line-height:1.35}
#monitoring.cs27-server-cards-v2 .cs27-v2-population{position:static;flex:0 0 auto;min-width:72px;padding:0;border:0;background:none;gap:4px 7px}
#monitoring.cs27-server-cards-v2 .cs27-v2-count{font-size:15px;font-variant-numeric:tabular-nums}
#monitoring.cs27-server-cards-v2 .cs27-v2-count-label{font-size:10px;color:#9eabb2}
#monitoring.cs27-server-cards-v2 .cs27-v2-body{display:flex;align-items:center;gap:18px;padding:0;min-width:0}
#monitoring.cs27-server-cards-v2 .cs27-v2-meta{display:flex;align-items:center;flex:1;min-width:0;gap:18px;margin:0}
#monitoring.cs27-server-cards-v2 .cs27-v2-info{gap:7px}
#monitoring.cs27-server-cards-v2 .cs27-v2-info:first-child{order:2;margin-left:auto}
#monitoring.cs27-server-cards-v2 .cs27-v2-info>i{flex:0 0 auto;width:auto;height:auto;border:0;background:none;color:#92a0a8;font-size:17px}
#monitoring.cs27-server-cards-v2 .cs27-v2-info:first-child>i,#monitoring.cs27-server-cards-v2 .cs27-v2-label{display:none}
#monitoring.cs27-server-cards-v2 .cs27-v2-address{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:400;color:#bac5ca}
#monitoring.cs27-server-cards-v2 .cs27-v2-map-name{font-size:13px;font-weight:500;overflow-wrap:anywhere}
#monitoring.cs27-server-cards-v2 .cs27-v2-actions{display:flex;gap:10px;flex:0 0 auto}
#monitoring.cs27-server-cards-v2 .cs27-v2-play,#monitoring.cs27-server-cards-v2 .cs27-v2-copy{min-height:40px;height:40px;padding:8px 15px;border-radius:7px;font-size:13px;width:auto}
#monitoring.cs27-server-cards-v2 .cs27-v2-copy{order:-1;padding:8px;width:40px;background:transparent;border-color:#465158}
#monitoring.cs27-server-cards-v2 .cs27-v2-copy-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
#monitoring.cs27-server-cards-v2 .cs27-v2-copy:has(.bx-check){color:#75df9d}
#monitoring.cs27-server-cards-v2 .cs27-v2-admin{left:-8px;top:-8px;width:26px;height:26px}
#monitoring.cs27-server-cards-v2 .cs27-connect-help{margin-top:14px;padding-top:12px}
@media(max-width:1100px){
 #monitoring.cs27-server-cards-v2 .cs27-v2-card{grid-template-columns:minmax(0,1fr);gap:12px}
 #monitoring.cs27-server-cards-v2 .cs27-v2-cover{min-height:42px}
 #monitoring.cs27-server-cards-v2 .cs27-v2-body{border-top:1px solid #ffffff0a;padding-top:12px}
}
@media(max-width:600px){
 body[data-template="cs27Reg"] #monitoring.cs27-server-cards-v2{padding:12px}
 body[data-template="cs27Reg"] #monitoring.cs27-server-cards-v2 h2{font-size:22px}
 #monitoring.cs27-server-cards-v2 .cs27-v2-card{padding:12px;gap:10px}
 #monitoring.cs27-server-cards-v2 .cs27-v2-cover{gap:10px}
 #monitoring.cs27-server-cards-v2 .cs27-v2-cover::before{width:34px;height:38px;flex-basis:34px;font-size:13px}
 #monitoring.cs27-server-cards-v2 .cs27-v2-mode{font-size:16px}
 #monitoring.cs27-server-cards-v2 .cs27-v2-name{font-size:10px}
 #monitoring.cs27-server-cards-v2 .cs27-v2-population{min-width:62px}
 #monitoring.cs27-server-cards-v2 .cs27-v2-count{font-size:13px}
 #monitoring.cs27-server-cards-v2 .cs27-v2-meta{flex-direction:column;align-items:flex-start;gap:5px}
 #monitoring.cs27-server-cards-v2 .cs27-v2-info:first-child{margin-left:0}
 #monitoring.cs27-server-cards-v2 .cs27-v2-address{font-size:10px}
 #monitoring.cs27-server-cards-v2 .cs27-v2-body{gap:8px;padding-top:10px}
 #monitoring.cs27-server-cards-v2 .cs27-v2-actions{gap:6px}
 #monitoring.cs27-server-cards-v2 .cs27-v2-play{padding:8px 10px;gap:4px}
 #monitoring.cs27-server-cards-v2 .cs27-v2-copy{width:34px;padding:6px}
}

#monitoring.cs27-server-cards-v2 .cs27-v2-copy{position:relative}
#monitoring.cs27-server-cards-v2 .cs27-v2-copy:focus .cs27-v2-copy-label{position:absolute;clip:auto;width:auto;height:auto;right:46px;top:0;bottom:auto;margin:0;padding:10px 8px;border-radius:4px;background:#101719;color:#fff;font-size:11px;z-index:5;pointer-events:none}

/* Two compact servers in one desktop row. */
body[data-template="cs27Reg"] #monitoring.cs27-server-cards-v2 #servers{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#monitoring.cs27-server-cards-v2 .cs27-v2-card{grid-template-columns:minmax(0,1fr);gap:10px;padding:12px 14px}
#monitoring.cs27-server-cards-v2 .cs27-v2-cover{min-height:42px}
#monitoring.cs27-server-cards-v2 .cs27-v2-body{padding-top:10px;border-top:1px solid #ffffff0a;gap:10px}
#monitoring.cs27-server-cards-v2 .cs27-v2-meta{gap:10px}
#monitoring.cs27-server-cards-v2 .cs27-v2-population{margin-left:auto}
@media(min-width:768px) and (max-width:1199px){
 #monitoring.cs27-server-cards-v2 .cs27-v2-meta{flex-direction:column;align-items:flex-start;gap:4px}
 #monitoring.cs27-server-cards-v2 .cs27-v2-info:first-child{margin-left:0}
 #monitoring.cs27-server-cards-v2 .cs27-v2-address{font-size:11px}
 #monitoring.cs27-server-cards-v2 .cs27-v2-play{padding:8px 10px}
 #monitoring.cs27-server-cards-v2 .cs27-v2-actions{gap:6px}
}
@media(max-width:767px){
 body[data-template="cs27Reg"] #monitoring.cs27-server-cards-v2 #servers{grid-template-columns:minmax(0,1fr);gap:10px}
}

/* Keep the native admin modal trigger inside the card's icon slot. */
#monitoring.cs27-server-cards-v2 .cs27-v2-shell:has(> .cs27-v2-admin) .cs27-v2-cover::before{visibility:hidden}
#monitoring.cs27-server-cards-v2 .cs27-v2-admin{left:15px;top:13px;width:42px;height:42px;border:1px solid #ff6b304d;border-radius:9px;background:#302d2c;color:#ff854f;box-sizing:border-box;font-size:20px}
#monitoring.cs27-server-cards-v2 .cs27-v2-admin:hover{background:#44332c;border-color:#ff854f;color:#fff}
#monitoring.cs27-server-cards-v2 .cs27-v2-admin:focus-visible{outline:2px solid #ffac88;outline-offset:2px}
@media(max-width:600px){#monitoring.cs27-server-cards-v2 .cs27-v2-admin{width:34px;height:38px;top:15px;font-size:18px}}

#monitoring.cs27-server-cards-v2 .cs27-v2-admin{display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}
#monitoring.cs27-server-cards-v2 .cs27-v2-admin>i{position:static!important;display:block!important;float:none!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;font-size:20px!important;line-height:1!important;color:inherit!important;transform:none!important}

/* Match neutral site panels; a single crisp border without nested clipping. */
body[data-template="cs27Reg"] #monitoring.cs27-server-cards-v2{background:#202223;border:1px solid #303435;border-radius:14px;box-shadow:none;filter:none;backdrop-filter:none}
#monitoring.cs27-server-cards-v2 .cs27-v2-shell{border-radius:0!important;overflow:visible!important;filter:none;transform:none;box-shadow:none!important}
#monitoring.cs27-server-cards-v2 .cs27-v2-card{background:#252829;border:1px solid #383e3f;border-radius:10px;box-shadow:none;filter:none;transform:none;background-clip:padding-box}
#monitoring.cs27-server-cards-v2 .cs27-v2-cover::before{content:"";visibility:visible!important;background-color:#302923;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cg%20fill%3D%22%23ff814d%22%3E%3Cpath%20d%3D%22M19%2012a7%207%200%200%201%2014%200v3H19z%22%2F%3E%3Cpath%20d%3D%22M21%2015h10v5l-4%203-5-3zM20%2022l9-1%207%209%2010-3%202%205-15%205-6-7-1%2013-12-1%202-14z%22%2F%3E%3Cpath%20d%3D%22M15%2040l11%201%207%2010%208%206-3%205-12-8-7-9-2%2010-4%208H6l5-13zM18%2025l-5%2010%2011%203%203-5-7-1%204-7zM32%2024h27v4H32zM55%2022h3v7h-3zM34%2027h7l-2%2010h-5zM29%2024h5v8h-5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-size:32px 32px;background-repeat:no-repeat;background-position:center;border:1px solid #754331;border-radius:7px}
#monitoring.cs27-server-cards-v2 .cs27-v2-shell:has(> .cs27-v2-admin) .cs27-v2-cover-title{padding-right:40px}
#monitoring.cs27-server-cards-v2 .cs27-v2-admin{left:auto;right:100px;top:19px;width:30px;height:30px;background:#292c2d;border:1px solid #464b4d;border-radius:6px;color:#b9c0c3}
#monitoring.cs27-server-cards-v2 .cs27-v2-admin>i{font-size:17px!important}
#monitoring.cs27-server-cards-v2 .cs27-v2-admin:hover{background:#35312c;color:#ff854f;border-color:#a15b3a}
@media(max-width:600px){
 #monitoring.cs27-server-cards-v2 .cs27-v2-cover::before{background-size:28px 28px}
 #monitoring.cs27-server-cards-v2 .cs27-v2-admin{left:auto;right:87px;top:20px;width:28px;height:28px}
 #monitoring.cs27-server-cards-v2 .cs27-v2-shell:has(> .cs27-v2-admin) .cs27-v2-cover-title{padding-right:32px}
}

/* Approved artwork: Classic = concept 1; Public = concept 3. Match address, not row order. */
#monitoring.cs27-server-cards-v2 .cs27-v2-card:has(.cs27-v2-play[href="steam://connect/87.225.98.149:27015"]) .cs27-v2-cover::before{background-image:url('../img/server-classic-3266.png');background-size:36px 36px}
#monitoring.cs27-server-cards-v2 .cs27-v2-card:has(.cs27-v2-play[href="steam://connect/87.225.98.149:27016"]) .cs27-v2-cover::before{background-image:url('../img/server-public-3266.png');background-size:36px 36px}
@media(max-width:600px){#monitoring.cs27-server-cards-v2 .cs27-v2-card .cs27-v2-cover::before{background-size:30px 30px}}