/* CS27 shared online panel, unchanged from 3.30.4. */
body[data-template="cs27Reg"] .cs27-rail .cs27-online-panel .online_us_all{margin-top:0!important}
body[data-template="cs27Reg"] .cs27-secondary-rail>.users_online_chat.cs27-online-panel{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;overflow:visible;margin:0 0 16px!important}
body[data-template="cs27Reg"] .cs27-online-panel .online_txt{min-width:0}
body[data-template="cs27Reg"] .cs27-online-panel .online_txt>span{overflow-wrap:anywhere}
body[data-template="cs27Reg"] .cs27-online-panel .online_us_all{cursor:pointer}
body[data-template="cs27Reg"] .cs27-online-panel .online_us_all:focus-visible{outline:2px solid #ff936f;outline-offset:3px}
/* 3.30.5: use the site's community-panel palette and icon treatment. */
body[data-template="cs27Reg"] .cs27-site-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;min-width:0;width:100%;margin:0;padding:0}
body[data-template="cs27Reg"] .cs27-stat-card{display:grid;position:relative;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;align-items:center;column-gap:12px;row-gap:6px;min-width:0;min-height:112px;padding:18px;border:1px solid #ffffff12;border-radius:14px;background:linear-gradient(120deg,#252728,#1b1e1f);box-shadow:none;color:#f4f5f5;text-decoration:none;transition:border-color .18s,background-color .18s}
.cs27-stat-card .cs27-stat-label{grid-column:2;grid-row:1;min-width:0;padding:0;color:#f4f5f5;font:700 14px/1.4 "Segoe UI",Arial,sans-serif;overflow-wrap:anywhere}
body[data-template="cs27Reg"] .cs27-stat-card>i{position:static;grid-column:1;grid-row:1/3;display:grid;place-items:center;width:40px;height:40px;min-width:40px;border-radius:10px;background:linear-gradient(145deg,#ff713e,#ff491f);color:#fff;opacity:1;font-size:23px;box-shadow:inset 0 1px #ffffff40}
.cs27-stat-card .cs27-stat-numbers{grid-column:2;grid-row:2;display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
.cs27-stat-card strong{color:#fff;font:800 30px/1.1 "Segoe UI",Arial,sans-serif;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.cs27-stat-card small{display:inline-flex;align-items:center;min-height:21px;padding:2px 6px;border:1px solid #ff572838;border-radius:6px;background:#ff572812;color:#ff936f;font:700 11px/1.3 "Segoe UI",Arial,sans-serif}
body[data-template="cs27Reg"] .cs27-stat-card:hover{background:#2c3234;border-color:#ff572866;color:#fff;text-decoration:none}
.cs27-stat-card:focus-visible{outline:2px solid #ff946e;outline-offset:3px}
@media(max-width:991px){body[data-template="cs27Reg"] .cs27-site-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){body[data-template="cs27Reg"] .cs27-site-stats{gap:10px}body[data-template="cs27Reg"] .cs27-stat-card{grid-template-columns:32px minmax(0,1fr);column-gap:8px;padding:14px 12px;min-height:110px;border-radius:12px}.cs27-stat-card .cs27-stat-label{font-size:12px}.cs27-stat-card strong{font-size:26px}body[data-template="cs27Reg"] .cs27-stat-card>i{width:32px;height:32px;min-width:32px;border-radius:8px;font-size:20px}.cs27-stat-card .cs27-stat-numbers{gap:5px}}
@media(max-width:359px){body[data-template="cs27Reg"] .cs27-site-stats{grid-template-columns:1fr}body[data-template="cs27Reg"] .cs27-stat-card{min-height:96px;grid-template-columns:40px minmax(0,1fr);column-gap:12px}.cs27-stat-card .cs27-stat-label{font-size:14px}body[data-template="cs27Reg"] .cs27-stat-card>i{width:40px;height:40px;min-width:40px;font-size:23px}}
@media(prefers-reduced-motion:reduce){body[data-template="cs27Reg"] .cs27-stat-card{transition:none}}