/*
 * CS16 Server Hub 2.1 — native CS16-GAME skin.
 * Visual contract: inherit the theme's graphite/orange system instead of
 * introducing a second blue/glass dashboard style.
 */
.csh {
	--csh-orange: var(--cs-accent, #ff8c00);
	--csh-orange-2: var(--cs-accent-strong, #f79217);
	--csh-page: var(--cs-page, #1a1a1a);
	--csh-panel: var(--cs-surface, #212121);
	--csh-panel-2: #292929;
	--csh-panel-3: #171717;
	--csh-line: var(--cs-line, rgba(255,255,255,.10));
	--csh-text: var(--cs-text, #f5f5f5);
	--csh-muted: var(--cs-muted, #b2b6bf);
	--csh-green: #59d884;
	--csh-cyan: #61d7ff;
	--csh-red: #ef6a64;
	--csh-radius: 9px;
	color: var(--csh-text);
	font-family: inherit;
	font-size: 14px;
	line-height: 1.45;
	margin: 12px 0 0;
	max-width: 100%;
	width: 100%;
}
.csh *, .csh *::before, .csh *::after { box-sizing: border-box; }
.csh button, .csh input, .csh select, .csh textarea { font: inherit; }
.csh button, .csh a { -webkit-tap-highlight-color: transparent; }
.csh [hidden] { display: none !important; }
.csh :focus-visible { outline: 2px solid rgba(255,140,0,.78); outline-offset: 2px; }

/* Shared native panels */
.csh-hero,
.csh-honest-strip,
.csh-smart,
.csh-quick-nav,
.csh-catalog,
.csh-player-radar,
.csh-command-center,
.csh-radar-zone,
.csh-popular-stats,
.csh-country-live,
.csh-method,
.csh-howto,
.csh-toolkit,
.csh-faq,
.csh-submit {
	background: linear-gradient(180deg, rgba(38,38,38,.98), rgba(28,28,28,.98));
	border: 1px solid var(--csh-line);
	border-radius: var(--csh-radius);
	box-shadow: 0 8px 22px rgba(0,0,0,.22);
	margin: 0 0 14px;
	overflow: hidden;
}
.csh-smart,
.csh-quick-nav,
.csh-catalog,
.csh-player-radar,
.csh-command-center,
.csh-radar-zone,
.csh-popular-stats,
.csh-country-live,
.csh-method,
.csh-howto,
.csh-toolkit,
.csh-faq,
.csh-submit { border-top: 2px solid rgba(255,140,0,.72); }

.csh-kicker {
	color: var(--csh-orange);
	display: block;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: .12em;
	line-height: 1.2;
	margin-bottom: 5px;
	text-transform: uppercase;
}
.csh-section-head {
	align-items: flex-end;
	display: flex;
	gap: 18px;
	justify-content: space-between;
	padding: 18px 20px 14px;
}
.csh-section-head h2,
.csh-method h2,
.csh-howto h2,
.csh-submit h2 {
	color: #fff;
	font-size: clamp(19px, 2vw, 25px);
	line-height: 1.2;
	margin: 0;
}
.csh-section-head p,
.csh-method p,
.csh-howto p,
.csh-submit p {
	color: var(--csh-muted);
	font-size: 12px;
	line-height: 1.6;
	margin: 5px 0 0;
}

/* Hero — intentionally compact so it looks like a CS16-GAME section header. */
.csh-hero {
	align-items: center;
	background:
		linear-gradient(90deg, rgba(255,140,0,.07), transparent 42%),
		linear-gradient(180deg, #292929, #202020);
	border-left: 3px solid var(--csh-orange);
	display: flex;
	gap: 24px;
	justify-content: space-between;
	padding: 24px 26px;
	position: relative;
}
.csh-hero::after {
	background: repeating-linear-gradient(90deg, transparent 0 37px, rgba(255,255,255,.018) 38px 39px);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}
.csh-hero__copy, .csh-livebox { position: relative; z-index: 1; }
.csh-hero__copy { min-width: 0; }
.csh-hero h1 {
	color: #fff;
	font-size: clamp(27px, 3vw, 39px);
	letter-spacing: -.025em;
	line-height: 1.08;
	margin: 0 0 9px;
}
.csh-hero__copy > p {
	color: #c4c6ca;
	font-size: 13px;
	line-height: 1.65;
	margin: 0;
	max-width: 850px;
}
.csh-hero__facts {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 14px;
}
.csh-hero__facts span {
	background: #1a1a1a;
	border: 1px solid #424242;
	border-radius: 5px;
	color: #cfd0d3;
	font-size: 9px;
	font-weight: 800;
	padding: 5px 8px;
	white-space: nowrap;
}
.csh-hero__facts span:first-child { border-color: rgba(255,140,0,.42); color: #fff; }
.csh-hero__facts i { background: var(--csh-green); border-radius: 50%; display:inline-block; height:6px; margin-right:5px; width:6px; }
.csh-livebox {
	background: #181818;
	border: 1px solid #454545;
	border-radius: 7px;
	flex: 0 0 auto;
	min-width: 182px;
	padding: 10px 12px;
}
.csh-livebox > div { align-items:center; display:flex; gap:7px; }
.csh-livebox b { color:#fff; font-size:9px; letter-spacing:.08em; }
.csh-livebox small, .csh-livebox em { color:#898d93; display:block; font-size:9px; font-style:normal; margin-top:3px; }
.csh-live-dot { background:var(--csh-green); border-radius:50%; box-shadow:0 0 8px rgba(89,216,132,.6); display:inline-block; flex:0 0 7px; height:7px; width:7px; }

/* Summary */
.csh-stats { display:grid; gap:8px; grid-template-columns:repeat(5,minmax(0,1fr)); margin-bottom:14px; }
.csh-stat {
	align-items:center;
	background: linear-gradient(180deg,#292929,#202020);
	border:1px solid var(--csh-line);
	border-radius:8px;
	display:flex;
	gap:10px;
	min-height:78px;
	padding:11px 12px;
}
.csh-stat__icon {
	align-items:center;
	background:#181818;
	border:1px solid rgba(255,140,0,.42);
	border-radius:6px;
	color:var(--csh-orange);
	display:flex;
	flex:0 0 34px;
	font-size:16px;
	height:34px;
	justify-content:center;
}
.csh-stat--catalog .csh-stat__icon::before { content:"◎"; }
.csh-stat--online .csh-stat__icon::before { content:"↯"; }
.csh-stat--players .csh-stat__icon::before { content:"♟"; }
.csh-stat--honest .csh-stat__icon::before { content:"◆"; }
.csh-stat--ru .csh-stat__icon::before { content:"RU"; font-size:9px; font-weight:900; }
.csh-stat > span:last-child { display:grid; min-width:0; }
.csh-stat small { color:#94979d; font-size:8px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.csh-stat strong { color:#fff; font-size:24px; line-height:1.05; margin:2px 0; }
.csh-stat em { color:#81858c; font-size:8px; font-style:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* Honesty strip */
.csh-honest-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.csh-honest-strip > div { align-items:flex-start; display:flex; gap:10px; padding:13px 14px; }
.csh-honest-strip > div + div { border-left:1px solid var(--csh-line); }
.csh-honest-strip b { color:var(--csh-orange); font-size:10px; line-height:1.6; }
.csh-honest-strip span { min-width:0; }
.csh-honest-strip strong { color:#eee; display:block; font-size:10px; }
.csh-honest-strip small { color:#85898f; display:block; font-size:9px; line-height:1.45; margin-top:2px; }

/* Native controls */
.csh input[type="search"], .csh input[type="text"], .csh input[type="email"], .csh input[type="url"], .csh textarea, .csh select {
	background:#171717;
	border:1px solid #454545;
	border-radius:6px;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
	color:#f4f4f4;
	font-size:11px;
	min-height:38px;
	padding:7px 9px;
	width:100%;
}
.csh input::placeholder, .csh textarea::placeholder { color:#74777d; }
.csh input:focus, .csh textarea:focus, .csh select:focus { border-color:var(--csh-orange); box-shadow:0 0 0 2px rgba(255,140,0,.09); outline:0; }
.csh label > span { color:#a8abb0; display:block; font-size:9px; font-weight:900; letter-spacing:.045em; margin-bottom:5px; text-transform:uppercase; }
.csh-button {
	align-items:center;
	background:linear-gradient(180deg,#393939,#292929);
	border:1px solid #515151;
	border-radius:6px;
	color:#f5f5f5;
	cursor:pointer;
	display:inline-flex;
	font-size:10px;
	font-weight:900;
	gap:6px;
	justify-content:center;
	min-height:38px;
	padding:7px 12px;
	text-decoration:none;
}
.csh-button:hover { border-color:var(--csh-orange); color:#fff; }
.csh-button--primary {
	background:linear-gradient(180deg,#ff9a18,#e97700);
	border-color:#ff9b25;
	box-shadow:0 5px 14px rgba(255,122,0,.13);
	color:#171717;
}
.csh-button--primary:hover { filter:brightness(1.06); color:#111; }

/* Smart Picker */
.csh-smart__controls {
	border-top:1px solid var(--csh-line);
	display:grid;
	gap:8px;
	grid-template-columns:1fr 1fr 1fr 1.1fr auto;
	padding:14px 20px;
}
.csh-smart__controls .csh-button { align-self:end; white-space:nowrap; }
.csh-smart__results { border-top:1px solid var(--csh-line); display:grid; gap:8px; grid-template-columns:repeat(3,minmax(0,1fr)); padding:12px 20px 16px; }
.csh-smart__results > p { color:#92959b; grid-column:1/-1; margin:0; font-size:11px; }
.csh-smart-result {
	background:#1b1b1b;
	border:1px solid #3c3c3c;
	border-left:2px solid var(--csh-orange);
	border-radius:7px;
	padding:11px 12px;
}
.csh-smart-result > span { color:#8f9399; display:block; font-size:9px; }
.csh-smart-result h3 { color:#fff; font-size:12px; line-height:1.35; margin:5px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.csh-smart-result b { color:var(--csh-orange-2); display:block; font-size:11px; }
.csh-smart-result > div { display:flex; gap:6px; margin-top:9px; }
.csh-smart-result button, .csh-smart-result a { background:#2d2d2d; border:1px solid #484848; border-radius:5px; color:#eee; font-size:9px; font-weight:800; padding:5px 8px; text-decoration:none; }
.csh-smart-result a { border-color:rgba(255,140,0,.5); color:var(--csh-orange-2); }

/* Quick navigation */
.csh-chip-groups { border-top:1px solid var(--csh-line); padding:11px 20px 15px; }
.csh-chip-groups > div { align-items:flex-start; display:grid; gap:8px; grid-template-columns:70px 1fr; padding:5px 0; }
.csh-chip-groups > div > strong { color:#898d93; font-size:9px; padding-top:6px; text-transform:uppercase; }
.csh-chip-groups > div > span { display:flex; flex-wrap:wrap; gap:5px; }
.csh-chip-groups button,
.csh-catalog-presets button,
.csh-filter-options button,
.csh-country-live .csh-section-head > button {
	background:linear-gradient(180deg,#353535,#292929);
	border:1px solid #484848;
	border-radius:5px;
	color:#dfe0e2;
	cursor:pointer;
	font-size:9px;
	font-weight:800;
	min-height:29px;
	padding:4px 8px;
}
.csh-chip-groups button:hover, .csh-catalog-presets button:hover, .csh-filter-options button:hover { border-color:var(--csh-orange); color:#fff; }

/* Main catalogue */
.csh-catalog { padding-bottom:14px; }
.csh-section-head--catalog { align-items:center; }
.csh-catalog-presets { display:flex; flex-wrap:wrap; gap:5px; justify-content:flex-end; }
.csh-catalog-presets em { color:var(--csh-orange); font-style:normal; }
.csh-filterbar {
	background:#1b1b1b;
	border-bottom:1px solid var(--csh-line);
	border-top:1px solid var(--csh-line);
	display:grid;
	gap:7px;
	grid-template-columns:1.6fr repeat(5,minmax(100px,1fr));
	padding:11px 13px;
}
.csh-filter-options { align-items:center; background:#232323; border-bottom:1px solid var(--csh-line); display:flex; flex-wrap:wrap; gap:13px; padding:8px 13px; }
.csh-filter-options label { align-items:center; color:#bcbec2; cursor:pointer; display:flex; font-size:9px; font-weight:700; gap:5px; }
.csh-filter-options input[type="checkbox"] { accent-color:var(--csh-orange); height:14px; width:14px; }
.csh-filter-options button:last-child { margin-left:auto; }
.csh-player-inline { align-items:end; background:rgba(255,140,0,.055); border-bottom:1px solid rgba(255,140,0,.2); display:grid; gap:6px; grid-template-columns:minmax(240px,420px) 1fr; padding:9px 13px; }
.csh-player-inline small { color:#8f9298; font-size:9px; padding-bottom:9px; }
.csh-results-head { align-items:center; color:#989ca2; display:flex; font-size:9px; gap:12px; justify-content:space-between; padding:9px 13px; }
.csh-results-head b { color:#fff; }
.csh-results-head .raw { color:var(--csh-cyan); }
.csh-results-head .honest { color:var(--csh-green); }
.csh-results-head .score { color:var(--csh-orange); }
.csh-server-list { display:grid; gap:6px; padding:0 9px; transition:opacity .18s ease; }
.csh-server-list[aria-busy="true"] { opacity:.5; pointer-events:none; }

/* Server row */
.csh-server {
	align-items:center;
	background:linear-gradient(90deg,#262626,#1d1d1d);
	border:1px solid #3c3c3c;
	border-radius:7px;
	display:grid;
	gap:9px;
	grid-template-columns:minmax(190px,2.1fr) minmax(83px,.75fr) minmax(82px,.72fr) minmax(105px,.9fr) minmax(95px,.82fr) minmax(150px,1.05fr);
	min-height:70px;
	padding:8px 10px 8px 13px;
	position:relative;
}
.csh-server::before { background:#666; border-radius:7px 0 0 7px; content:""; inset:-1px auto -1px -1px; position:absolute; width:3px; }
.csh-server.is-online::before { background:var(--csh-green); }
.csh-server:hover { border-color:rgba(255,140,0,.5); }
.csh-favorite { background:transparent; border:0; color:#777; cursor:pointer; font-size:18px; line-height:1; padding:2px; position:absolute; right:5px; top:4px; z-index:2; }
.csh-favorite:hover, .csh-favorite.is-active { color:var(--csh-orange); text-shadow:0 0 9px rgba(255,140,0,.35); }
.csh-server__identity { align-items:center; display:flex; gap:8px; min-width:0; padding-right:8px; }
.csh-server__status { background:#666; border-radius:50%; flex:0 0 8px; height:8px; width:8px; }
.is-online .csh-server__status { background:var(--csh-green); box-shadow:0 0 7px rgba(89,216,132,.55); }
.csh-server__identity > div { min-width:0; }
.csh-server h3 { align-items:center; display:flex; gap:5px; margin:0 0 3px; min-width:0; }
.csh-server h3 > button { background:none; border:0; color:#f5f5f5; cursor:pointer; font-size:11px; font-weight:800; max-width:100%; overflow:hidden; padding:0; text-align:left; text-overflow:ellipsis; white-space:nowrap; }
.csh-server h3 > button:hover { color:var(--csh-orange-2); }
.csh-badge { background:#333; border:1px solid rgba(255,140,0,.4); border-radius:4px; color:var(--csh-orange-2); flex:0 0 auto; font-size:7px; font-weight:900; padding:1px 4px; text-transform:uppercase; }
.csh-badge--owned { background:var(--csh-orange); border-color:var(--csh-orange); color:#171717; }
.csh-address { background:none; border:0; color:#8f939a; cursor:pointer; font-family:Consolas,Monaco,monospace !important; font-size:9px; padding:0; }
.csh-address:hover { color:#fff; }
.csh-country-tag { color:#7f8389; font-size:8px; margin-left:6px; }
.csh-server__map, .csh-server__players, .csh-server__intel, .csh-server__ping { min-width:0; }
.csh-server small { color:#73777d; display:block; font-size:7px; font-weight:900; letter-spacing:.04em; margin-bottom:2px; text-transform:uppercase; }
.csh-server__map strong, .csh-server__players strong, .csh-server__intel strong, .csh-server__ping strong { color:#efefef; display:block; font-size:11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.csh-server__players strong { color:var(--csh-green); font-size:13px; }
.csh-server__intel strong { color:var(--csh-orange-2); font-size:13px; }
.csh-server__intel strong i { color:#777b82; font-size:7px; font-style:normal; }
.csh-server__map span, .csh-server__players span, .csh-server__intel span, .csh-server__ping span { color:#787c82; display:block; font-size:8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.csh-server__actions { align-items:center; display:flex; gap:4px; justify-content:flex-end; padding-right:14px; }
.csh-server__actions button, .csh-server__actions a { background:#303030; border:1px solid #484848; border-radius:5px; color:#e7e7e7; cursor:pointer; font-size:8px; font-weight:900; min-height:29px; padding:4px 7px; text-decoration:none; }
.csh-server__actions a { background:var(--csh-orange); border-color:var(--csh-orange); color:#171717; }
.csh-server__actions button:hover { border-color:var(--csh-orange); }
.csh-server__actions a:hover { filter:brightness(1.08); }
.csh-server__actions .is-disabled { background:#292929; border-color:#3c3c3c; color:#676b71; pointer-events:none; }
.csh-load-more { background:#303030; border:1px solid #4a4a4a; border-radius:6px; color:#eee; cursor:pointer; display:block; font-size:10px; font-weight:800; margin:12px auto 0; min-height:36px; padding:6px 18px; }
.csh-load-more:hover { border-color:var(--csh-orange); color:#fff; }
.csh-empty { background:#1a1a1a; border:1px dashed #464646; border-radius:7px; padding:26px 15px; text-align:center; }
.csh-empty > span { color:var(--csh-orange); display:block; font-size:25px; }
.csh-empty h3 { color:#fff; font-size:14px; margin:5px 0; }
.csh-empty p { color:#878b91; font-size:10px; margin:0 auto; max-width:560px; }

/* Player radar */
.csh-player-radar__form { border-top:1px solid var(--csh-line); display:grid; gap:7px; grid-template-columns:minmax(240px,1fr) auto; padding:12px 20px; }
.csh-player-radar__results { border-top:1px solid var(--csh-line); display:grid; gap:6px; padding:10px 20px 16px; }
.csh-player-radar__results > p { color:#8f9399; font-size:10px; margin:0; }
.csh-radar-player-row { align-items:center; background:#1c1c1c; border:1px solid #3d3d3d; border-radius:6px; color:#fff; cursor:pointer; display:flex; gap:12px; justify-content:space-between; padding:8px 10px; text-align:left; }
.csh-radar-player-row:hover { border-color:var(--csh-orange); }
.csh-radar-player-row span { min-width:0; }
.csh-radar-player-row b { display:block; font-size:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.csh-radar-player-row small { color:#85898f; display:block; font-size:8px; margin-top:2px; }
.csh-radar-player-row strong { color:var(--csh-orange-2); flex:0 0 auto; font-family:Consolas,Monaco,monospace; font-size:9px; }

/* Quick picks */
.csh-pick-grid { border-top:1px solid var(--csh-line); display:grid; gap:8px; grid-template-columns:repeat(3,minmax(0,1fr)); padding:12px 20px 17px; }
.csh-pick { background:#1b1b1b; border:1px solid #3d3d3d; border-radius:7px; padding:12px; }
.csh-pick > span { color:#8c9096; font-size:8px; }
.csh-pick h3 { color:var(--csh-orange); font-size:10px; margin:5px 0 8px; text-transform:uppercase; }
.csh-pick > b { color:#fff; display:block; font-size:11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.csh-pick > small { color:#85898f; display:block; font-size:8px; margin-top:3px; }
.csh-pick > div { display:flex; gap:5px; margin-top:10px; }
.csh-pick button, .csh-pick a { background:#303030; border:1px solid #484848; border-radius:5px; color:#eee; cursor:pointer; font-size:8px; font-weight:900; padding:5px 8px; text-decoration:none; }
.csh-pick a { border-color:rgba(255,140,0,.5); color:var(--csh-orange-2); }

/* Radar */
.csh-radar-grid { border-top:1px solid var(--csh-line); display:grid; gap:8px; grid-template-columns:repeat(4,minmax(0,1fr)); padding:12px 20px 17px; }
.csh-radar-card { background:#1b1b1b; border:1px solid #3d3d3d; border-radius:7px; overflow:hidden; }
.csh-radar-card header { align-items:center; border-bottom:1px solid #363636; display:flex; gap:7px; padding:9px 10px; }
.csh-radar-card header span { font-size:13px; }
.csh-radar-card h3 { color:#eee; font-size:10px; margin:0; }
.csh-radar-card > div { display:grid; }
.csh-radar-card > div > button { align-items:center; background:transparent; border:0; border-bottom:1px solid #303030; color:#fff; cursor:pointer; display:flex; gap:8px; justify-content:space-between; padding:8px 9px; text-align:left; }
.csh-radar-card > div > button:last-child { border-bottom:0; }
.csh-radar-card > div > button:hover { background:rgba(255,140,0,.055); }
.csh-radar-card button span { min-width:0; }
.csh-radar-card button b { display:block; font-size:8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.csh-radar-card button small { color:#777b81; display:block; font-size:7px; margin-top:2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.csh-radar-card button strong { color:var(--csh-orange-2); flex:0 0 auto; font-size:9px; }
.csh-radar-card p { color:#81858b; font-size:9px; margin:0; padding:12px; }

/* Popular stats */
.csh-bars-grid { border-top:1px solid var(--csh-line); display:grid; gap:9px; grid-template-columns:repeat(3,minmax(0,1fr)); padding:12px 20px 17px; }
.csh-bars-grid > div { background:#1b1b1b; border:1px solid #3b3b3b; border-radius:7px; padding:10px; }
.csh-bars-grid h3 { color:#eee; font-size:10px; margin:0 0 7px; }
.csh-bar-list { display:grid; gap:4px; }
.csh-bar-list button { background:#232323; border:0; border-radius:4px; color:#d7d8da; cursor:pointer; display:block; overflow:hidden; padding:6px 7px; position:relative; text-align:left; width:100%; }
.csh-bar-list button:hover { background:#292929; }
.csh-bar-list button > span { display:flex; gap:8px; justify-content:space-between; position:relative; z-index:2; }
.csh-bar-list b { font-size:8px; font-weight:700; }
.csh-bar-list em { color:#a0a3a8; font-size:8px; font-style:normal; }
.csh-bar-list i { background:linear-gradient(90deg,rgba(255,140,0,.42),rgba(255,140,0,.08)); bottom:0; left:0; position:absolute; top:0; width:var(--w); }

/* Country blocks */
.csh-country-live--ru { border-top-color:rgba(255,140,0,.72); }
.csh-country-live--ua { border-top-color:rgba(97,215,255,.55); }
.csh-country-live .csh-section-head > button { flex:0 0 auto; }
.csh-country-rows { border-top:1px solid var(--csh-line); display:grid; gap:5px; grid-template-columns:repeat(5,minmax(0,1fr)); padding:10px 20px 15px; }
.csh-country-rows > button { align-items:center; background:#1b1b1b; border:1px solid #3b3b3b; border-radius:6px; color:#fff; cursor:pointer; display:flex; gap:7px; justify-content:space-between; min-width:0; padding:8px 9px; text-align:left; }
.csh-country-rows > button:hover { border-color:var(--csh-orange); }
.csh-country-rows button span { min-width:0; }
.csh-country-rows button b { display:block; font-size:8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.csh-country-rows button small { color:#777b81; display:block; font-size:7px; margin-top:2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.csh-country-rows button strong { color:var(--csh-green); flex:0 0 auto; font-size:9px; }
.csh-country-rows > p { color:#878b91; font-size:9px; grid-column:1/-1; margin:0; }

/* Method */
.csh-method { padding:19px 20px 20px; }
.csh-method > .csh-kicker { margin-bottom:4px; }
.csh-method-grid { display:grid; gap:7px; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:13px; }
.csh-method-grid article { background:#1a1a1a; border:1px solid #3a3a3a; border-radius:6px; padding:10px 11px; }
.csh-method-grid article > b { color:var(--csh-orange); font-size:9px; }
.csh-method-grid h3 { color:#eee; font-size:10px; margin:4px 0; }
.csh-method-grid p { color:#83878d; font-size:8px; line-height:1.5; margin:0; }

/* How-to, toolkit, FAQ */
.csh-howto { border-left:3px solid var(--csh-orange); padding:17px 20px; }
.csh-howto code { background:#151515; border:1px solid #3f3f3f; border-radius:4px; color:var(--csh-orange-2); padding:2px 5px; }
.csh-toolkit-grid { border-top:1px solid var(--csh-line); display:grid; gap:7px; grid-template-columns:repeat(4,minmax(0,1fr)); padding:11px 20px 16px; }
.csh-toolkit-grid a { background:#1b1b1b; border:1px solid #3d3d3d; border-radius:6px; color:#eee; padding:10px; text-decoration:none; }
.csh-toolkit-grid a:hover { border-color:var(--csh-orange); }
.csh-toolkit-grid b { display:block; font-size:10px; }
.csh-toolkit-grid span { color:#81858b; display:block; font-size:8px; margin-top:2px; }
.csh-faq { padding-bottom:14px; }
.csh-faq details { background:#1b1b1b; border:1px solid #3b3b3b; border-radius:6px; margin:0 20px 6px; padding:0 11px; }
.csh-faq details[open] { border-color:rgba(255,140,0,.42); }
.csh-faq summary { color:#eee; cursor:pointer; font-size:10px; font-weight:800; list-style:none; padding:10px 22px 10px 0; position:relative; }
.csh-faq summary::-webkit-details-marker { display:none; }
.csh-faq summary::after { color:var(--csh-orange); content:"+"; font-size:17px; position:absolute; right:0; top:4px; }
.csh-faq details[open] summary::after { content:"−"; }
.csh-faq details p { border-top:1px solid #343434; color:#8c9096; font-size:9px; line-height:1.6; margin:0; padding:9px 0 11px; }
.csh-submit { align-items:center; border-left:3px solid var(--csh-orange); display:flex; gap:20px; justify-content:space-between; padding:17px 20px; }
.csh-submit > div { max-width:800px; }

/* Dialog / Server Intelligence */
.csh-dialog { background:rgba(0,0,0,.72); border:0; height:100%; margin:0; max-height:none; max-width:none; padding:18px; width:100%; }
.csh-dialog::backdrop { background:rgba(0,0,0,.72); }
.csh-dialog[open] { align-items:center; display:flex; justify-content:center; }
.csh-dialog__panel { background:linear-gradient(180deg,#262626,#191919); border:1px solid #494949; border-top:2px solid var(--csh-orange); border-radius:9px; box-shadow:0 24px 70px rgba(0,0,0,.65); color:#eee; max-height:min(88vh,900px); max-width:1050px; overflow:auto; padding:19px; position:relative; width:min(1050px,96vw); }
.csh-dialog--form .csh-dialog__panel { max-width:560px; }
.csh-dialog__close { background:#343434; border:1px solid #535353; border-radius:5px; color:#eee; cursor:pointer; font-size:18px; height:31px; line-height:1; position:absolute; right:11px; top:10px; width:31px; z-index:4; }
.csh-dialog__close:hover { border-color:var(--csh-orange); color:var(--csh-orange); }
body.csh-dialog-open { overflow:hidden; }
.csh-dialog--form h2 { font-size:20px; margin:0 45px 14px 0; }
.csh-dialog--form form { display:grid; gap:9px; }
.csh-dialog--form label { color:#aaa; font-size:9px; font-weight:800; }
.csh-dialog--form label input, .csh-dialog--form label textarea { margin-top:4px; }
.csh-honeypot { height:1px!important; left:-9999px!important; overflow:hidden!important; position:absolute!important; width:1px!important; }
.csh-form-status { color:#9ea2a8; font-size:10px; margin:0; }
.csh-form-status.is-success { color:var(--csh-green); }
.csh-form-status.is-error { color:var(--csh-red); }

.csh-detail__top { border-bottom:1px solid #3a3a3a; padding:0 45px 13px 0; }
.csh-detail__top .csh-kicker { margin-bottom:5px; }
.csh-detail__top h2 { color:#fff; font-size:20px; line-height:1.2; margin:0; }
.csh-detail-tags { display:flex; flex-wrap:wrap; gap:5px; margin-top:8px; }
.csh-detail-tags span { background:#1a1a1a; border:1px solid #404040; border-radius:4px; color:#a6a9ae; font-size:8px; padding:4px 6px; }
.csh-detail-actions { display:flex; flex-wrap:wrap; gap:5px; margin-top:10px; }
.csh-detail-actions button, .csh-detail-actions a { background:#303030; border:1px solid #484848; border-radius:5px; color:#eee; cursor:pointer; font-size:9px; font-weight:800; padding:6px 9px; text-decoration:none; }
.csh-detail-actions a { background:var(--csh-orange); border-color:var(--csh-orange); color:#171717; }
.csh-intel-score-grid { display:grid; gap:7px; grid-template-columns:repeat(4,minmax(0,1fr)); margin:12px 0; }
.csh-intel-fact { background:#1b1b1b; border:1px solid #3d3d3d; border-radius:6px; padding:9px 10px; }
.csh-intel-fact small { color:#7f8389; display:block; font-size:7px; font-weight:800; text-transform:uppercase; }
.csh-intel-fact strong { color:#fff; display:block; font-size:18px; line-height:1.15; margin:3px 0; }
.csh-intel-fact span { color:#8f9399; display:block; font-size:8px; }
.csh-honest-panel { background:linear-gradient(90deg,rgba(89,216,132,.07),#1b1b1b); border:1px solid rgba(89,216,132,.24); border-left:2px solid var(--csh-green); border-radius:6px; padding:10px 11px; }
.csh-honest-panel h3, .csh-intel-section h3, .csh-factor-panel h3 { color:#eee; font-size:11px; margin:0 0 5px; }
.csh-honest-panel p, .csh-intel-section p, .csh-factor-panel p { color:#898d93; font-size:9px; line-height:1.55; margin:0; }
.csh-pulse { align-items:center; background:#1b1b1b; border:1px solid #3d3d3d; border-radius:6px; display:flex; gap:9px; margin-top:8px; padding:9px 10px; }
.csh-pulse b { color:var(--csh-orange); font-size:9px; }
.csh-pulse span { color:#8b8f95; font-size:8px; }
.csh-factor-panel, .csh-intel-section { background:#1b1b1b; border:1px solid #3c3c3c; border-radius:6px; margin-top:8px; padding:10px 11px; }
.csh-factor-list { display:grid; gap:6px; margin-top:8px; }
.csh-factor { display:grid; gap:6px; grid-template-columns:110px 1fr 34px; }
.csh-factor > span:first-child { color:#a4a7ac; font-size:8px; }
.csh-factor > i { align-self:center; background:#303030; border-radius:99px; height:5px; overflow:hidden; position:relative; }
.csh-factor > i::after { background:linear-gradient(90deg,#c96300,var(--csh-orange)); content:""; inset:0 auto 0 0; position:absolute; width:var(--w); }
.csh-factor > strong { color:#ddd; font-size:8px; text-align:right; }
.csh-intel-history { height:170px; margin-top:9px; overflow-x:auto; padding:6px 0 20px; white-space:nowrap; }
.csh-intel-bars { align-items:flex-end; display:flex; gap:2px; height:135px; min-width:620px; }
.csh-intel-bars > span { background:linear-gradient(180deg,var(--csh-cyan),#368eb0); border-radius:2px 2px 0 0; display:block; flex:1 0 4px; min-width:4px; position:relative; }
.csh-intel-bars > span::after { background:var(--csh-green); bottom:0; content:""; left:0; opacity:.72; position:absolute; width:100%; height:var(--honest); }
.csh-intel-history__legend { color:#7f8389; display:flex; font-size:8px; gap:12px; margin-top:4px; }
.csh-intel-history__legend b:first-child { color:var(--csh-cyan); }
.csh-intel-history__legend b:last-child { color:var(--csh-green); }
.csh-detail-columns { display:grid; gap:8px; grid-template-columns:1fr 1fr; }
.csh-player-chips { display:flex; flex-wrap:wrap; gap:5px; margin-top:8px; }
.csh-player-chips > span { background:#242424; border:1px solid #3e3e3e; border-radius:5px; color:#ddd; font-size:8px; padding:5px 7px; }
.csh-player-chips small { color:#767a80; display:block; font-size:7px; margin-top:1px; }
.csh-watch-panel { align-items:center; background:rgba(255,140,0,.055); border:1px solid rgba(255,140,0,.25); border-radius:6px; display:flex; gap:12px; justify-content:space-between; margin-top:8px; padding:10px 11px; }
.csh-watch-panel b { color:#eee; font-size:10px; }
.csh-watch-panel p { color:#85898f; font-size:8px; margin:2px 0 0; }
.csh-toast { background:#171717; border:1px solid rgba(255,140,0,.55); border-radius:6px; bottom:20px; box-shadow:0 12px 30px rgba(0,0,0,.45); color:#fff; font-size:10px; font-weight:800; left:50%; max-width:min(420px,90vw); padding:9px 12px; position:fixed; transform:translateX(-50%); z-index:999999; }

/* Tablet */
@media (max-width: 1220px) {
	.csh-stats { grid-template-columns:repeat(3,minmax(0,1fr)); }
	.csh-smart__controls { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.csh-smart__controls .csh-button { grid-column:1/-1; }
	.csh-radar-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.csh-country-rows { grid-template-columns:repeat(3,minmax(0,1fr)); }
	.csh-filterbar { grid-template-columns:repeat(3,minmax(0,1fr)); }
	.csh-filterbar .csh-search { grid-column:span 2; }
	.csh-server { grid-template-columns:minmax(210px,2fr) repeat(3,minmax(90px,.8fr)); }
	.csh-server__ping { display:none; }
	.csh-server__actions { grid-column:4; }
}

@media (max-width: 900px) {
	.csh-hero { align-items:flex-start; flex-direction:column; }
	.csh-livebox { min-width:0; width:100%; }
	.csh-honest-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.csh-honest-strip > div:nth-child(3) { border-left:0; border-top:1px solid var(--csh-line); }
	.csh-honest-strip > div:nth-child(4) { border-top:1px solid var(--csh-line); }
	.csh-section-head { align-items:flex-start; flex-direction:column; }
	.csh-catalog-presets { justify-content:flex-start; }
	.csh-smart__results, .csh-pick-grid, .csh-bars-grid, .csh-method-grid, .csh-toolkit-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.csh-country-rows { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.csh-server { grid-template-columns:minmax(200px,1.8fr) repeat(2,minmax(90px,.8fr)); padding-right:10px; }
	.csh-server__intel { grid-column:2; }
	.csh-server__actions { grid-column:3; }
	.csh-server__ping { display:none; }
	.csh-results-head { align-items:flex-start; flex-direction:column; }
	.csh-intel-score-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* Mobile */
@media (max-width: 620px) {
	.csh { font-size:13px; margin-top:8px; }
	.csh-hero { border-left-width:2px; padding:18px 15px; }
	.csh-hero h1 { font-size:26px; }
	.csh-hero__facts span { white-space:normal; }
	.csh-stats { grid-template-columns:1fr 1fr; }
	.csh-stat:last-child { grid-column:1/-1; }
	.csh-honest-strip { grid-template-columns:1fr; }
	.csh-honest-strip > div + div { border-left:0; border-top:1px solid var(--csh-line); }
	.csh-section-head { padding:15px 13px 11px; }
	.csh-smart__controls, .csh-filterbar { grid-template-columns:1fr; padding:11px 12px; }
	.csh-filterbar .csh-search { grid-column:auto; }
	.csh-smart__results, .csh-pick-grid, .csh-radar-grid, .csh-bars-grid, .csh-country-rows, .csh-method-grid, .csh-toolkit-grid, .csh-detail-columns { grid-template-columns:1fr; padding-left:12px; padding-right:12px; }
	.csh-chip-groups { padding-left:12px; padding-right:12px; }
	.csh-chip-groups > div { grid-template-columns:1fr; }
	.csh-filter-options { gap:8px; padding-left:12px; padding-right:12px; }
	.csh-filter-options button:last-child { margin-left:0; }
	.csh-player-inline { grid-template-columns:1fr; padding-left:12px; padding-right:12px; }
	.csh-player-inline small { padding-bottom:0; }
	.csh-results-head { padding-left:12px; padding-right:12px; }
	.csh-server-list { padding:0 7px; }
	.csh-server { align-items:start; gap:8px 10px; grid-template-columns:1fr auto; padding:12px 10px 10px 13px; }
	.csh-server__identity { grid-column:1/-1; padding-right:28px; }
	.csh-server__map, .csh-server__players, .csh-server__intel { background:#1a1a1a; border:1px solid #363636; border-radius:5px; padding:7px; }
	.csh-server__map { grid-column:1; }
	.csh-server__players { grid-column:2; min-width:88px; }
	.csh-server__intel { grid-column:1/-1; }
	.csh-server__ping { display:none; }
	.csh-server__actions { grid-column:1/-1; justify-content:flex-start; padding:0; }
	.csh-server__actions button, .csh-server__actions a { flex:1; text-align:center; }
	.csh-player-radar__form { grid-template-columns:1fr; padding-left:12px; padding-right:12px; }
	.csh-player-radar__results { padding-left:12px; padding-right:12px; }
	.csh-submit { align-items:flex-start; flex-direction:column; padding:15px 13px; }
	.csh-submit .csh-button { width:100%; }
	.csh-faq details { margin-left:12px; margin-right:12px; }
	.csh-method, .csh-howto { padding-left:13px; padding-right:13px; }
	.csh-dialog { padding:6px; }
	.csh-dialog__panel { max-height:94vh; padding:14px; width:98vw; }
	.csh-intel-score-grid { grid-template-columns:1fr 1fr; }
	.csh-factor { grid-template-columns:88px 1fr 30px; }
	.csh-watch-panel { align-items:flex-start; flex-direction:column; }
	.csh-watch-panel .csh-button { width:100%; }
}

/* JS-generated intelligence structures */
.csh-detail__top code { color:var(--csh-orange-2); display:block; font-family:Consolas,Monaco,monospace; font-size:10px; margin-top:5px; }
.csh-detail-tags .is-online { color:var(--csh-green); }
.csh-detail-tags .is-offline { color:#999; }
.csh-detail__facts { display:grid; gap:6px; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:8px; }
.csh-honest-panel .csh-intel-fact { background:rgba(10,10,10,.28); }
.csh-pulse { display:block; }
.csh-pulse h3 { margin-bottom:4px; }
.csh-factor { align-items:center; display:grid; gap:7px; grid-template-columns:minmax(120px,.8fr) minmax(120px,2fr); }
.csh-factor > span { align-items:center; display:flex; gap:8px; justify-content:space-between; min-width:0; }
.csh-factor > span b { color:#a8abb0; font-size:8px; font-weight:700; }
.csh-factor > span em { color:#ddd; font-size:8px; font-style:normal; }
.csh-factor > i { align-self:center; background:#303030; border-radius:99px; height:6px; overflow:hidden; position:relative; }
.csh-factor > i::after { background:linear-gradient(90deg,#b85d00,var(--csh-orange)); content:""; inset:0 auto 0 0; position:absolute; width:var(--factor); }
.csh-intel-history { height:auto; margin-top:8px; overflow-x:auto; padding:4px 0 0; white-space:normal; }
.csh-intel-bars { align-items:flex-end; border-bottom:1px solid #404040; display:flex; gap:2px; height:145px; min-width:620px; padding-top:5px; }
.csh-intel-bars > i { background:transparent; display:block; flex:1 0 5px; height:100%; min-width:5px; position:relative; }
.csh-intel-bars > i > b,
.csh-intel-bars > i > em { bottom:0; display:block; left:0; position:absolute; width:100%; }
.csh-intel-bars > i > b { background:linear-gradient(180deg,var(--csh-cyan),#397e9a); border-radius:2px 2px 0 0; opacity:.68; }
.csh-intel-bars > i > em { background:linear-gradient(180deg,#6ee695,var(--csh-green)); border-radius:2px 2px 0 0; opacity:.9; width:58%; }
.csh-intel-bars > span { color:#85898f; font-size:9px; margin:auto; }
.csh-intel-history__legend { align-items:center; color:#7f8389; display:flex; flex-wrap:wrap; font-size:8px; gap:12px; margin-top:6px; }
.csh-intel-history__legend span { align-items:center; display:flex; gap:4px; }
.csh-intel-history__legend i { border-radius:2px; display:inline-block; height:7px; width:7px; }
.csh-intel-history__legend .raw { background:var(--csh-cyan); }
.csh-intel-history__legend .honest { background:var(--csh-green); }
.csh-intel-history__legend em { color:#666b72; font-style:normal; margin-left:auto; }
@media (max-width:620px) {
	.csh-detail__facts { grid-template-columns:1fr 1fr; }
	.csh-factor { grid-template-columns:100px 1fr; }
}


/* 2.1.1 Premium typography + SEO intent polish */
.csh,
.csh button,
.csh input,
.csh select,
.csh textarea { font-size: 15px; }
.csh { --csh-radius: 12px; line-height: 1.55; }
.csh-hero,
.csh-honest-strip,
.csh-smart,
.csh-quick-nav,
.csh-catalog,
.csh-player-radar,
.csh-command-center,
.csh-radar-zone,
.csh-popular-stats,
.csh-country-live,
.csh-method,
.csh-howto,
.csh-toolkit,
.csh-faq,
.csh-submit,
.csh-intent { box-shadow: 0 18px 38px rgba(0,0,0,.22); }
.csh-kicker { font-size: 11px; letter-spacing: .15em; margin-bottom: 7px; }
.csh-section-head { padding: 24px 26px 18px; }
.csh-section-head h2,
.csh-method h2,
.csh-howto h2,
.csh-submit h2 { font-size: clamp(24px, 2.25vw, 32px); }
.csh-section-head p,
.csh-method p,
.csh-howto p,
.csh-submit p { font-size: 14px; line-height: 1.72; }
.csh-hero { padding: 30px 30px; }
.csh-hero h1 { font-size: clamp(34px, 3.35vw, 48px); margin-bottom: 12px; }
.csh-hero__copy > p { font-size: 15px; line-height: 1.78; max-width: 900px; }
.csh-hero__facts { gap: 8px; margin-top: 18px; }
.csh-hero__facts span { font-size: 11px; border-radius: 999px; padding: 7px 12px; }
.csh-livebox { border-radius: 10px; min-width: 220px; padding: 14px 16px; }
.csh-livebox b { font-size: 11px; }
.csh-livebox small, .csh-livebox em { font-size: 11px; margin-top: 5px; }
.csh-stats { gap: 12px; margin-bottom: 16px; }
.csh-stat { min-height: 94px; border-radius: 10px; gap: 14px; padding: 14px 15px; }
.csh-stat__icon { border-radius: 9px; flex: 0 0 42px; font-size: 18px; height: 42px; }
.csh-stat small { font-size: 10px; }
.csh-stat strong { font-size: 31px; }
.csh-stat em { font-size: 10px; white-space: normal; line-height: 1.35; }
.csh-honest-strip > div { gap: 12px; padding: 16px 18px; }
.csh-honest-strip b { font-size: 12px; }
.csh-honest-strip strong { font-size: 13px; }
.csh-honest-strip small { font-size: 11px; line-height: 1.55; }
.csh input[type="search"], .csh input[type="text"], .csh input[type="email"], .csh input[type="url"], .csh textarea, .csh select { border-radius: 8px; font-size: 13px; min-height: 44px; padding: 10px 12px; }
.csh label > span { font-size: 10px; margin-bottom: 7px; }
.csh-button { border-radius: 8px; font-size: 12px; min-height: 44px; padding: 10px 15px; }
.csh-smart__controls { gap: 12px; padding: 18px 22px; }
.csh-smart__results { gap: 12px; padding: 16px 22px 20px; }
.csh-smart__results > p { font-size: 13px; }
.csh-smart-result { border-radius: 10px; padding: 14px 15px; }
.csh-smart-result > span { font-size: 11px; }
.csh-smart-result h3 { font-size: 17px; margin: 7px 0; }
.csh-smart-result b { font-size: 14px; }
.csh-smart-result button, .csh-smart-result a { border-radius: 7px; font-size: 11px; padding: 7px 10px; }
.csh-chip-groups { padding: 16px 22px 19px; }
.csh-chip-groups > div { gap: 10px; grid-template-columns: 86px 1fr; padding: 7px 0; }
.csh-chip-groups > div > strong { font-size: 11px; }
.csh-chip-groups button,
.csh-catalog-presets button,
.csh-filter-options button,
.csh-country-live .csh-section-head > button { border-radius: 7px; font-size: 11px; min-height: 34px; padding: 6px 10px; }
.csh-filterbar { gap: 10px; padding: 14px 16px; }
.csh-filter-options { gap: 16px; padding: 11px 16px; }
.csh-filter-options label { font-size: 12px; gap: 7px; }
.csh-player-inline { gap: 10px; padding: 12px 16px; }
.csh-player-inline small { font-size: 11px; padding-bottom: 10px; }
.csh-results-head { font-size: 12px; padding: 12px 16px; }
.csh-server-list { gap: 10px; padding: 0 12px; }
.csh-server { background: linear-gradient(180deg, rgba(39,39,39,.98), rgba(25,25,25,.98)); border-color: rgba(255,255,255,.11); border-radius: 12px; box-shadow: 0 10px 24px rgba(0,0,0,.16); gap: 12px; min-height: 88px; padding: 14px 15px 14px 18px; }
.csh-server::before { width: 4px; border-radius: 12px 0 0 12px; }
.csh-server:hover { border-color: rgba(255,140,0,.62); box-shadow: 0 14px 32px rgba(0,0,0,.25), 0 0 0 1px rgba(255,140,0,.12) inset; transform: translateY(-1px); }
.csh-server h3 { margin-bottom: 5px; }
.csh-server h3 > button { font-size: 17px; line-height: 1.32; }
.csh-badge { border-radius: 999px; font-size: 10px; padding: 2px 7px; }
.csh-address { font-size: 12px; }
.csh-country-tag { font-size: 11px; }
.csh-server small { font-size: 9px; margin-bottom: 4px; }
.csh-server__map strong, .csh-server__players strong, .csh-server__intel strong, .csh-server__ping strong { font-size: 16px; }
.csh-server__players strong, .csh-server__intel strong { font-size: 20px; }
.csh-server__intel strong i { font-size: 10px; }
.csh-server__map span, .csh-server__players span, .csh-server__intel span, .csh-server__ping span { font-size: 11px; line-height: 1.45; }
.csh-server__actions { gap: 7px; }
.csh-server__actions button, .csh-server__actions a { border-radius: 8px; font-size: 11px; min-height: 36px; padding: 7px 10px; }
.csh-load-more { border-radius: 8px; font-size: 12px; min-height: 42px; margin-top: 16px; padding: 8px 24px; }
.csh-empty { padding: 32px 18px; }
.csh-empty h3 { font-size: 19px; }
.csh-empty p { font-size: 13px; }
.csh-player-radar__form { gap: 10px; padding: 16px 22px; }
.csh-player-radar__results { gap: 10px; padding: 14px 22px 20px; }
.csh-player-radar__results > p { font-size: 13px; }
.csh-radar-player-row { border-radius: 10px; padding: 12px 14px; }
.csh-radar-player-row b { font-size: 14px; }
.csh-radar-player-row small { font-size: 11px; }
.csh-radar-player-row strong { font-size: 12px; }
.csh-pick-grid { gap: 12px; padding: 16px 22px 22px; }
.csh-pick { border-radius: 10px; padding: 16px; }
.csh-pick > span { font-size: 11px; }
.csh-pick h3 { font-size: 12px; }
.csh-pick > b { font-size: 16px; line-height: 1.4; white-space: normal; }
.csh-pick > small { font-size: 11px; line-height: 1.5; }
.csh-pick button, .csh-pick a { border-radius: 7px; font-size: 11px; padding: 7px 10px; }
.csh-radar-grid { gap: 12px; padding: 16px 22px 22px; }
.csh-radar-card { border-radius: 10px; }
.csh-radar-card header { padding: 12px 14px; }
.csh-radar-card h3 { font-size: 14px; }
.csh-radar-card > div > button { gap: 10px; padding: 11px 12px; }
.csh-radar-card button b { font-size: 12px; }
.csh-radar-card button small { font-size: 10px; }
.csh-radar-card button strong { font-size: 12px; }
.csh-radar-card p { font-size: 12px; padding: 14px; }
.csh-bars-grid { gap: 12px; padding: 16px 22px 22px; }
.csh-bars-grid > div { border-radius: 10px; padding: 14px; }
.csh-bars-grid h3 { font-size: 15px; margin-bottom: 10px; }
.csh-bar-list { gap: 7px; }
.csh-bar-list button { border-radius: 7px; padding: 9px 10px; }
.csh-bar-list b, .csh-bar-list em { font-size: 11px; }
.csh-country-rows { gap: 8px; padding: 14px 22px 20px; }
.csh-country-rows > button { border-radius: 10px; padding: 11px 12px; }
.csh-country-rows button b { font-size: 12px; }
.csh-country-rows button small { font-size: 10px; }
.csh-country-rows button strong { font-size: 12px; }
.csh-country-rows > p { font-size: 12px; }
.csh-method-grid { gap: 12px; padding: 16px 22px 22px; }
.csh-method-grid article { border-radius: 10px; }
.csh-method-grid h3 { font-size: 15px; }
.csh-method-grid p { font-size: 13px; }
.csh-howto { padding: 22px 26px; }
.csh-howto code { font-size: 13px; }
.csh-intent { padding-bottom: 18px; }
.csh-intent__grid { border-top: 1px solid var(--csh-line); display: grid; gap: 12px; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 16px 22px 10px; }
.csh-intent__grid article { background: linear-gradient(180deg,#202020,#181818); border: 1px solid #3b3b3b; border-radius: 10px; padding: 16px; }
.csh-intent__grid h3 { color: #fff; font-size: 18px; line-height: 1.35; margin: 0 0 8px; }
.csh-intent__grid p { color: #b3b7be; font-size: 13px; line-height: 1.7; margin: 0; }
.csh-intent__chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.csh-intent__chips button { background: linear-gradient(180deg,#343434,#292929); border: 1px solid #4c4c4c; border-radius: 999px; color: #f0f1f2; cursor: pointer; font-size: 11px; font-weight: 800; min-height: 34px; padding: 6px 11px; }
.csh-intent__chips button:hover { border-color: var(--csh-orange); }
.csh-intent__text { padding: 6px 22px 0; }
.csh-intent__text p { color: #b7bbc2; font-size: 14px; line-height: 1.8; margin: 0; }
.csh-toolkit-grid { gap: 12px; padding: 16px 22px 22px; }
.csh-toolkit-grid a { border-radius: 10px; padding: 15px 16px; }
.csh-toolkit-grid b { font-size: 15px; }
.csh-toolkit-grid span { font-size: 12px; }
.csh-faq details { margin: 0 22px 10px; }
.csh-faq summary { font-size: 15px; padding: 16px 18px; }
.csh-faq details p { font-size: 13px; line-height: 1.72; padding: 0 18px 16px; }
.csh-submit { padding: 22px 26px; }
.csh-dialog__panel { border-radius: 14px; box-shadow: 0 22px 48px rgba(0,0,0,.42); padding: 22px; width: min(1120px, 96vw); }
.csh-detail__top { padding: 0 56px 18px 0; }
.csh-detail__top h2 { font-size: 30px; line-height: 1.25; }
.csh-detail__top code { font-size: 13px; }
.csh-detail-tags { gap: 8px; margin-top: 12px; }
.csh-detail-tags span { border-radius: 999px; font-size: 11px; padding: 6px 9px; }
.csh-detail-actions { gap: 8px; margin-top: 14px; }
.csh-detail-actions button, .csh-detail-actions a { border-radius: 8px; font-size: 12px; padding: 9px 12px; }
.csh-intel-score-grid { gap: 10px; margin: 16px 0; }
.csh-intel-fact { border-radius: 10px; padding: 12px 14px; }
.csh-intel-fact small { font-size: 10px; }
.csh-intel-fact strong { font-size: 32px; margin: 4px 0; }
.csh-intel-fact span { font-size: 11px; line-height: 1.45; }
.csh-honest-panel, .csh-factor-panel, .csh-intel-section, .csh-watch-panel { border-radius: 10px; padding: 14px 15px; }
.csh-honest-panel h3, .csh-intel-section h3, .csh-factor-panel h3 { font-size: 16px; margin-bottom: 7px; }
.csh-honest-panel p, .csh-intel-section p, .csh-factor-panel p { font-size: 12px; line-height: 1.7; }
.csh-pulse { border-radius: 10px; padding: 12px 14px; }
.csh-pulse b { font-size: 12px; }
.csh-pulse span { font-size: 11px; }
.csh-factor-list { gap: 10px; margin-top: 12px; }
.csh-factor > span b, .csh-factor > span em, .csh-factor > strong { font-size: 11px; }
.csh-factor > i { height: 8px; }
.csh-intel-history { height: 220px; margin-top: 12px; }
.csh-intel-bars { height: 172px; min-width: 760px; }
.csh-intel-history__legend { font-size: 10px; gap: 16px; margin-top: 8px; }
.csh-player-chips { gap: 8px; margin-top: 12px; }
.csh-player-chips > span { border-radius: 7px; font-size: 11px; padding: 8px 10px; }
.csh-player-chips small { font-size: 10px; margin-top: 3px; }
.csh-watch-panel b { font-size: 14px; }
.csh-watch-panel p { font-size: 11px; line-height: 1.55; }
.csh-toast { border-radius: 9px; font-size: 12px; padding: 11px 14px; }

@media (max-width: 1220px) {
	.csh-intent__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
	.csh-section-head h2,
	.csh-method h2,
	.csh-howto h2,
	.csh-submit h2 { font-size: 26px; }
	.csh-hero h1 { font-size: 34px; }
	.csh-intent__grid { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
	.csh { font-size: 14px; }
	.csh-section-head { padding: 18px 14px 14px; }
	.csh-section-head h2,
	.csh-method h2,
	.csh-howto h2,
	.csh-submit h2 { font-size: 23px; }
	.csh-section-head p,
	.csh-method p,
	.csh-howto p,
	.csh-submit p,
	.csh-intent__text p { font-size: 13px; }
	.csh-hero { padding: 22px 16px; }
	.csh-hero h1 { font-size: 28px; }
	.csh-hero__copy > p { font-size: 14px; }
	.csh-livebox { min-width: 0; }
	.csh-stat { min-height: 86px; }
	.csh-stat strong { font-size: 24px; }
	.csh-chip-groups, .csh-smart__controls, .csh-smart__results, .csh-filterbar, .csh-player-radar__form, .csh-player-radar__results, .csh-pick-grid, .csh-radar-grid, .csh-bars-grid, .csh-country-rows, .csh-method-grid, .csh-toolkit-grid, .csh-intent__grid, .csh-intent__text { padding-left: 14px; padding-right: 14px; }
	.csh-server { padding: 14px 12px 12px 14px; }
	.csh-server h3 > button { font-size: 16px; white-space: normal; }
	.csh-server__map strong, .csh-server__players strong, .csh-server__intel strong, .csh-server__ping strong { font-size: 15px; }
	.csh-server__players strong, .csh-server__intel strong { font-size: 18px; }
	.csh-dialog__panel { padding: 16px; }
	.csh-detail__top h2 { font-size: 24px; }
	.csh-intel-fact strong { font-size: 24px; }
	.csh-intent__grid h3 { font-size: 17px; }
}


/* 2.1.2 Premium activity chart */
.csh-intel-history { height: auto; margin-top: 14px; overflow: visible; padding: 0; white-space: normal; }
.csh-intel-history__panel { background:
	linear-gradient(180deg, rgba(255,140,0,.045), rgba(255,140,0,0) 18%),
	linear-gradient(180deg, #1c1c1c, #151515); border: 1px solid rgba(255,255,255,.08); border-radius: 14px; box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 16px 34px rgba(0,0,0,.26); overflow: hidden; }
.csh-intel-history__head { align-items: center; border-bottom: 1px solid rgba(255,255,255,.07); display: flex; gap: 14px; justify-content: space-between; padding: 14px 16px; }
.csh-intel-history__status { align-items: center; display: flex; flex-wrap: wrap; gap: 9px; }
.csh-intel-history__status b { color: #fff; font-size: 12px; letter-spacing: .12em; }
.csh-intel-history__status em { color: #8a8f96; font-size: 11px; font-style: normal; }
.csh-intel-history__stats { display: grid; gap: 8px; grid-template-columns: repeat(3, minmax(0, 1fr)); min-width: min(100%, 430px); }
.csh-intel-history__stat { background: linear-gradient(180deg,#242424,#1a1a1a); border: 1px solid #3a3a3a; border-radius: 10px; padding: 10px 12px; }
.csh-intel-history__stat small { color: #8d9198; display: block; font-size: 9px; font-weight: 900; letter-spacing: .08em; margin-bottom: 4px; text-transform: uppercase; }
.csh-intel-history__stat strong { color: #fff; display: block; font-size: 18px; line-height: 1.2; }
.csh-intel-history__stage { padding: 14px 14px 10px; position: relative; }
.csh-intel-grid { inset: 14px 14px 44px; position: absolute; pointer-events: none; }
.csh-intel-grid span { border-top: 1px dashed rgba(255,255,255,.08); display: block; left: 0; position: absolute; right: 0; }
.csh-intel-bars { align-items: end; background: linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,0)); border: 1px solid rgba(255,255,255,.06); border-radius: 12px; display: flex; gap: 4px; height: 210px; min-width: 780px; overflow: hidden; padding: 20px 14px 10px; position: relative; }
.csh-intel-bars::after { background: linear-gradient(90deg, rgba(255,255,255,.04), transparent 14%, transparent 86%, rgba(255,255,255,.04)); border-top: 1px solid rgba(255,255,255,.08); bottom: 0; content: ''; height: 34px; left: 0; position: absolute; right: 0; }
.csh-intel-bars > i { align-self: stretch; display: flex; flex: 1 0 8px; min-width: 8px; position: relative; }
.csh-intel-bars > i > b,
.csh-intel-bars > i > em { bottom: 34px; display: block; left: 50%; position: absolute; transform: translateX(-50%); width: calc(100% - 2px); }
.csh-intel-bars > i > b { background: linear-gradient(180deg, rgba(110, 221, 255, .98), rgba(54, 142, 176, .68)); border: 1px solid rgba(97,215,255,.24); border-radius: 5px 5px 2px 2px; box-shadow: 0 0 16px rgba(97,215,255,.10); }
.csh-intel-bars > i > em { background: linear-gradient(180deg, rgba(111,236,150,.98), rgba(89,216,132,.78)); border: 1px solid rgba(89,216,132,.20); border-radius: 5px 5px 2px 2px; box-shadow: 0 0 16px rgba(89,216,132,.12); opacity: .97; width: 56%; z-index: 2; }
.csh-intel-bars > i > u { background: rgba(10,12,14,.94); border: 1px solid rgba(255,140,0,.42); border-radius: 10px; bottom: calc(100% - 2px); box-shadow: 0 14px 30px rgba(0,0,0,.36); color: #eef0f2; display: none; left: 50%; min-width: 150px; padding: 9px 10px; position: absolute; text-decoration: none; transform: translateX(-50%); z-index: 4; }
.csh-intel-bars > i > u::after { border: 7px solid transparent; border-top-color: rgba(255,140,0,.42); content: ''; left: 50%; margin-left: -7px; position: absolute; top: 100%; }
.csh-intel-bars > i > u strong { color: #fff; display: block; font-size: 13px; }
.csh-intel-bars > i > u span { color: #7fe7a3; display: block; font-size: 11px; margin-top: 2px; }
.csh-intel-bars > i > u small { color: #9aa0a8; display: block; font-size: 10px; line-height: 1.45; margin-top: 5px; }
.csh-intel-bars > i:hover > u { display: block; }
.csh-intel-bars > i:hover > b,
.csh-intel-bars > i:hover > em { filter: brightness(1.08); }
.csh-intel-bars > i.is-latest > b { box-shadow: 0 0 0 1px rgba(97,215,255,.18), 0 0 22px rgba(97,215,255,.16); }
.csh-intel-bars > i.is-latest > em { box-shadow: 0 0 0 1px rgba(89,216,132,.16), 0 0 22px rgba(89,216,132,.20); }
.csh-intel-bars > span { align-self: center; color: #85898f; font-size: 12px; margin: auto; }
.csh-intel-history__legend { align-items: center; border-top: 1px solid rgba(255,255,255,.06); color: #92969d; display: flex; flex-wrap: wrap; font-size: 11px; gap: 12px; padding: 12px 16px 14px; }
.csh-intel-history__legend span { align-items: center; background: rgba(255,255,255,.02); border: 1px solid rgba(255,255,255,.06); border-radius: 999px; display: inline-flex; gap: 7px; padding: 6px 10px; }
.csh-intel-history__legend i { border-radius: 3px; display: inline-block; height: 10px; width: 10px; }
.csh-intel-history__legend .raw { background: var(--csh-cyan); }
.csh-intel-history__legend .honest { background: var(--csh-green); }
.csh-intel-history__legend .latest { background: linear-gradient(180deg, var(--csh-orange), #c86300); }
.csh-intel-history__legend em { color: #7e848c; font-style: normal; margin-left: auto; }

@media (max-width: 900px) {
	.csh-intel-history__head { align-items: stretch; flex-direction: column; }
	.csh-intel-history__stats { min-width: 0; }
}

@media (max-width: 620px) {
	.csh-intel-history__head { padding: 12px 12px; }
	.csh-intel-history__stats { grid-template-columns: 1fr; }
	.csh-intel-history__status b { font-size: 11px; }
	.csh-intel-history__status em { font-size: 10px; }
	.csh-intel-history__stat strong { font-size: 17px; }
	.csh-intel-history__stage { padding: 12px 10px 8px; }
	.csh-intel-grid { inset: 12px 10px 42px; }
	.csh-intel-bars { height: 190px; min-width: 640px; padding: 18px 10px 8px; }
	.csh-intel-history__legend { font-size: 10px; padding: 10px 12px 12px; }
	.csh-intel-history__legend em { margin-left: 0; width: 100%; }
}


/* 2.1.3 Orange/graphite premium activity chart refinements */
.csh-intel-history__panel {
	background:
		radial-gradient(circle at top right, rgba(255,122,0,.18), transparent 30%),
		radial-gradient(circle at left bottom, rgba(255,170,68,.08), transparent 26%),
		linear-gradient(180deg, #1a1b1e 0%, #121316 100%);
	border: 1px solid rgba(255,255,255,.08);
	border-radius: 15px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 20px 40px rgba(0,0,0,.30);
	overflow: visible;
}
.csh-intel-history__head {
	background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
	border-bottom-color: rgba(255,140,0,.12);
	padding: 16px 18px;
}
.csh-intel-history__status .csh-live-dot {
	background: #ff8a16;
	box-shadow: 0 0 14px rgba(255,122,0,.55);
}
.csh-intel-history__status b { color: #ffdfb5; }
.csh-intel-history__status em { color: #9c8f80; }
.csh-intel-history__stats { min-width: min(100%, 470px); }
.csh-intel-history__stat {
	background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
	border: 1px solid rgba(255,255,255,.10);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.02);
}
.csh-intel-history__stat small { color: #8f8a85; }
.csh-intel-history__stat strong { color: #fff2df; }
.csh-intel-history__stage {
	background: linear-gradient(180deg, rgba(255,255,255,.01), rgba(255,255,255,0));
	padding: 16px 16px 12px;
}
.csh-intel-grid span { border-top-color: rgba(255,168,63,.10); }
.csh-intel-bars {
	background:
		linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,0)),
		linear-gradient(180deg, rgba(255,122,0,.02), rgba(255,122,0,0));
	border: 1px solid rgba(255,168,63,.12);
	border-radius: 14px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.03), inset 0 0 0 1px rgba(255,255,255,.015);
	height: 238px;
	min-width: 760px;
	overflow: visible;
	padding: 56px 14px 12px;
}
.csh-intel-bars::after {
	background: linear-gradient(90deg, rgba(255,168,63,.06), transparent 14%, transparent 86%, rgba(255,168,63,.06));
	border-top-color: rgba(255,168,63,.14);
	height: 38px;
}
.csh-intel-bars > i {
	align-self: stretch;
	border-radius: 8px;
	isolation: isolate;
}
.csh-intel-bars > i > b,
.csh-intel-bars > i > em { bottom: 40px; }
.csh-intel-bars > i > b {
	background: linear-gradient(180deg, rgba(255,188,99,.98), rgba(255,122,0,.92));
	border: 1px solid rgba(255,205,141,.24);
	border-radius: 6px 6px 3px 3px;
	box-shadow: 0 0 18px rgba(255,122,0,.18), inset 0 1px 0 rgba(255,255,255,.24);
	opacity: .92;
	width: calc(100% - 1px);
	z-index: 1;
}
.csh-intel-bars > i > em {
	background: linear-gradient(180deg, rgba(255,232,194,.96), rgba(255,176,64,.96));
	border: 1px solid rgba(255,240,210,.30);
	border-radius: 6px 6px 3px 3px;
	box-shadow: 0 0 18px rgba(255,184,82,.14), inset 0 1px 0 rgba(255,255,255,.24);
	opacity: .98;
	width: 58%;
	z-index: 2;
}
.csh-intel-bars > i > u {
	background: linear-gradient(180deg, #1f2126, #131519);
	border: 1px solid rgba(255,140,0,.42);
	border-radius: 11px;
	bottom: auto;
	box-shadow: 0 18px 34px rgba(0,0,0,.38);
	color: #eef0f2;
	display: none;
	left: 50%;
	min-width: 164px;
	padding: 10px 11px;
	position: absolute;
	top: 8px;
	transform: translateX(-50%);
	z-index: 6;
}
.csh-intel-bars > i > u::after {
	border: 7px solid transparent;
	border-top-color: rgba(255,140,0,.42);
	content: '';
	left: 50%;
	margin-left: -7px;
	position: absolute;
	top: 100%;
}
.csh-intel-bars > i:first-child > u,
.csh-intel-bars > i:nth-child(2) > u,
.csh-intel-bars > i:nth-child(3) > u {
	left: 0;
	transform: none;
}
.csh-intel-bars > i:first-child > u::after,
.csh-intel-bars > i:nth-child(2) > u::after,
.csh-intel-bars > i:nth-child(3) > u::after {
	left: 28px;
	margin-left: 0;
}
.csh-intel-bars > i:last-child > u,
.csh-intel-bars > i:nth-last-child(2) > u,
.csh-intel-bars > i:nth-last-child(3) > u {
	left: auto;
	right: 0;
	transform: none;
}
.csh-intel-bars > i:last-child > u::after,
.csh-intel-bars > i:nth-last-child(2) > u::after,
.csh-intel-bars > i:nth-last-child(3) > u::after {
	left: auto;
	right: 28px;
	margin-left: 0;
}
.csh-intel-bars > i > u strong { color: #fff2df; }
.csh-intel-bars > i > u span { color: #ffbf64; }
.csh-intel-bars > i > u small { color: #9a9ea6; }
.csh-intel-bars > i:hover > u { display: block; }
.csh-intel-bars > i:hover > b { filter: brightness(1.06); box-shadow: 0 0 24px rgba(255,122,0,.26); }
.csh-intel-bars > i:hover > em { filter: brightness(1.04); box-shadow: 0 0 20px rgba(255,198,111,.22); }
.csh-intel-bars > i.is-latest::before {
	background: linear-gradient(180deg, rgba(255,140,0,.30), rgba(255,140,0,0));
	border: 1px solid rgba(255,176,84,.18);
	border-bottom: 0;
	border-radius: 10px 10px 0 0;
	content: '';
	inset: 44px 0 40px;
	position: absolute;
	z-index: 0;
}
.csh-intel-bars > i.is-latest > b { box-shadow: 0 0 0 1px rgba(255,188,99,.16), 0 0 22px rgba(255,122,0,.22); }
.csh-intel-bars > i.is-latest > em { box-shadow: 0 0 0 1px rgba(255,232,194,.16), 0 0 22px rgba(255,198,111,.24); }
.csh-intel-history__legend {
	border-top-color: rgba(255,140,0,.10);
	color: #a3a7ad;
	padding: 13px 16px 15px;
}
.csh-intel-history__legend span {
	background: linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01));
	border: 1px solid rgba(255,255,255,.07);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}
.csh-intel-history__legend .raw { background: linear-gradient(180deg, #ffb75e, #ff7a00); }
.csh-intel-history__legend .honest { background: linear-gradient(180deg, #ffe3b8, #ffb85d); }
.csh-intel-history__legend .latest { background: linear-gradient(180deg, #ffc45e, #d88300); }
.csh-intel-history__legend em { color: #8b8f96; }

@media (max-width: 900px) {
	.csh-intel-history__stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
	.csh-intel-history__stage { padding: 12px 10px 8px; }
	.csh-intel-bars { height: 214px; min-width: 620px; padding: 50px 10px 10px; }
	.csh-intel-bars > i > u { min-width: 144px; padding: 9px 10px; }
	.csh-intel-bars > i:first-child > u::after,
	.csh-intel-bars > i:nth-child(2) > u::after,
	.csh-intel-bars > i:nth-child(3) > u::after { left: 18px; }
	.csh-intel-bars > i:last-child > u::after,
	.csh-intel-bars > i:nth-last-child(2) > u::after,
	.csh-intel-bars > i:nth-last-child(3) > u::after { right: 18px; }
}


/* 2.1.4 Premium search-intent guide + external add-server CTA */
.csh-intent {
	background:
		radial-gradient(circle at 8% 0%, rgba(255,140,0,.09), transparent 30%),
		linear-gradient(180deg, rgba(34,34,34,.99), rgba(23,23,23,.99));
	border-top: 2px solid rgba(255,140,0,.78);
	box-shadow: 0 18px 40px rgba(0,0,0,.24);
	padding-bottom: 0;
}
.csh-intent__hero {
	align-items: center;
	display: grid;
	gap: 24px;
	grid-template-columns: minmax(0,1fr) auto;
	padding: 26px 28px 22px;
}
.csh-intent__hero h2 {
	color: #fff;
	font-size: clamp(27px,2.4vw,35px);
	letter-spacing: -.02em;
	line-height: 1.18;
	margin: 0;
}
.csh-intent__hero > div:first-child > p {
	color: #b9bdc4;
	font-size: 14px;
	line-height: 1.78;
	margin: 10px 0 0;
	max-width: 940px;
}
.csh-intent__live {
	background: linear-gradient(180deg,#202020,#171717);
	border: 1px solid rgba(255,140,0,.26);
	border-radius: 12px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 12px 26px rgba(0,0,0,.22);
	min-width: 220px;
	padding: 14px 16px;
}
.csh-intent__live span {
	color: #8d9198;
	display: block;
	font-size: 9px;
	font-weight: 900;
	letter-spacing: .1em;
	text-transform: uppercase;
}
.csh-intent__live strong {
	color: #ffad43;
	display: block;
	font-size: 25px;
	line-height: 1.2;
	margin: 5px 0 3px;
}
.csh-intent__live small {
	color: #9ea2a9;
	display: block;
	font-size: 11px;
	line-height: 1.45;
}
.csh-intent__steps {
	border-top: 1px solid var(--csh-line);
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(2,minmax(0,1fr));
	padding: 18px 22px;
}
.csh-intent__steps article {
	align-items: flex-start;
	background: linear-gradient(180deg,#202020,#181818);
	border: 1px solid #3a3a3a;
	border-radius: 11px;
	display: flex;
	gap: 13px;
	padding: 16px;
	transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.csh-intent__steps article:hover {
	border-color: rgba(255,140,0,.46);
	box-shadow: 0 12px 26px rgba(0,0,0,.20);
	transform: translateY(-1px);
}
.csh-intent__num {
	align-items: center;
	background: linear-gradient(180deg,#ff9a18,#d96c00);
	border-radius: 8px;
	box-shadow: 0 8px 20px rgba(255,122,0,.18);
	color: #151515;
	display: inline-flex;
	flex: 0 0 38px;
	font-size: 11px;
	font-weight: 950;
	height: 38px;
	justify-content: center;
}
.csh-intent__steps h3 {
	color: #fff;
	font-size: 17px;
	line-height: 1.35;
	margin: 0 0 6px;
}
.csh-intent__steps p {
	color: #aeb2b9;
	font-size: 13px;
	line-height: 1.7;
	margin: 0;
}
.csh-intent__quick {
	align-items: center;
	background: linear-gradient(90deg,rgba(255,140,0,.08),rgba(255,140,0,.025));
	border-bottom: 1px solid rgba(255,140,0,.14);
	border-top: 1px solid rgba(255,140,0,.16);
	display: flex;
	gap: 18px;
	justify-content: space-between;
	padding: 16px 22px;
}
.csh-intent__quick h3 {
	color: #fff;
	font-size: 16px;
	margin: 0 0 4px;
}
.csh-intent__quick p {
	color: #989da5;
	font-size: 12px;
	margin: 0;
}
.csh-intent__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	justify-content: flex-end;
	margin: 0;
}
.csh-intent__chips button {
	background: linear-gradient(180deg,#353535,#292929);
	border: 1px solid #4a4a4a;
	border-radius: 999px;
	color: #eee;
	cursor: pointer;
	font-size: 11px;
	font-weight: 850;
	min-height: 34px;
	padding: 6px 11px;
}
.csh-intent__chips button:hover {
	background: linear-gradient(180deg,#ff9b22,#df7000);
	border-color: #ff9b22;
	color: #151515;
}
.csh-intent__seo {
	align-items: start;
	display: grid;
	gap: 22px;
	grid-template-columns: minmax(0,1.7fr) minmax(240px,.75fr);
	padding: 20px 22px 24px;
}
.csh-intent__seo h3 {
	color: #fff;
	font-size: 19px;
	line-height: 1.35;
	margin: 0 0 8px;
}
.csh-intent__seo p {
	color: #b5bac2;
	font-size: 14px;
	line-height: 1.82;
	margin: 0;
}
.csh-intent__seo p strong { color: #ffb04a; }
.csh-intent__trust {
	display: grid;
	gap: 8px;
}
.csh-intent__trust span {
	align-items: center;
	background: #1b1b1b;
	border: 1px solid #383838;
	border-radius: 9px;
	color: #d9dade;
	display: flex;
	font-size: 12px;
	font-weight: 700;
	gap: 9px;
	padding: 10px 11px;
}
.csh-intent__trust i {
	align-items: center;
	background: rgba(255,140,0,.13);
	border: 1px solid rgba(255,140,0,.35);
	border-radius: 50%;
	color: #ff9b22;
	display: inline-flex;
	flex: 0 0 24px;
	font-size: 12px;
	font-style: normal;
	height: 24px;
	justify-content: center;
}
.csh-submit {
	background:
		radial-gradient(circle at 100% 0%, rgba(255,140,0,.10), transparent 24%),
		linear-gradient(180deg,#282828,#1d1d1d);
}
.csh-submit .csh-button--primary {
	box-shadow: 0 10px 24px rgba(255,122,0,.18);
	font-size: 12px;
	white-space: nowrap;
}

@media (max-width: 900px) {
	.csh-intent__hero { align-items: stretch; grid-template-columns: 1fr; }
	.csh-intent__live { min-width: 0; }
	.csh-intent__quick { align-items: flex-start; flex-direction: column; }
	.csh-intent__chips { justify-content: flex-start; }
	.csh-intent__seo { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
	.csh-intent__hero { padding: 20px 14px 16px; }
	.csh-intent__hero h2 { font-size: 24px; }
	.csh-intent__hero > div:first-child > p { font-size: 13px; }
	.csh-intent__steps { grid-template-columns: 1fr; padding: 14px; }
	.csh-intent__steps article { padding: 14px; }
	.csh-intent__quick { padding: 14px; }
	.csh-intent__seo { padding: 16px 14px 19px; }
	.csh-intent__seo h3 { font-size: 18px; }
	.csh-intent__seo p { font-size: 13px; }
}


/* 2.1.5 Premium SEO FAQ */
.csh-section-head--faq { align-items: flex-start; }
.csh-faq { padding-bottom: 22px; }
.csh-faq-grid {
	counter-reset: csh-faq-counter;
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, minmax(0,1fr));
	padding: 0 22px;
}
.csh-faq-grid details {
	background:
		linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.006)),
		linear-gradient(180deg, #1d1e20, #17181a);
	border: 1px solid rgba(255,255,255,.09);
	border-radius: 11px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 10px 24px rgba(0,0,0,.14);
	counter-increment: csh-faq-counter;
	margin: 0;
	overflow: hidden;
	padding: 0;
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.csh-faq-grid details:hover {
	border-color: rgba(255,140,0,.36);
	transform: translateY(-1px);
}
.csh-faq-grid details[open] {
	background:
		radial-gradient(circle at 100% 0, rgba(255,140,0,.08), transparent 34%),
		linear-gradient(180deg,#202124,#17181a);
	border-color: rgba(255,140,0,.48);
	box-shadow: 0 16px 32px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.03);
}
.csh-faq-grid summary {
	align-items: center;
	color: #f5f5f5;
	cursor: pointer;
	display: grid;
	font-size: 15px;
	font-weight: 800;
	gap: 12px;
	grid-template-columns: 34px minmax(0,1fr) 28px;
	line-height: 1.45;
	list-style: none;
	min-height: 66px;
	padding: 13px 14px;
	position: relative;
}
.csh-faq-grid summary::-webkit-details-marker { display: none; }
.csh-faq-grid summary::before {
	align-items: center;
	background: linear-gradient(180deg,#2d2d2f,#222326);
	border: 1px solid rgba(255,140,0,.30);
	border-radius: 8px;
	color: var(--csh-orange);
	content: counter(csh-faq-counter, decimal-leading-zero);
	display: flex;
	font-size: 10px;
	font-weight: 900;
	height: 32px;
	justify-content: center;
	letter-spacing: .04em;
	width: 32px;
}
.csh-faq-grid summary::after {
	align-items: center;
	background: rgba(255,140,0,.08);
	border: 1px solid rgba(255,140,0,.25);
	border-radius: 8px;
	color: var(--csh-orange);
	content: '+';
	display: flex;
	font-size: 19px;
	font-weight: 500;
	height: 28px;
	justify-content: center;
	line-height: 1;
	position: static;
	transition: transform .18s ease, background .18s ease;
	width: 28px;
}
.csh-faq-grid details[open] summary::after {
	background: rgba(255,140,0,.14);
	content: '−';
	transform: rotate(180deg);
}
.csh-faq-grid details[open] summary { color: #fff7ec; }
.csh-faq-answer {
	border-top: 1px solid rgba(255,255,255,.07);
	padding: 13px 16px 15px 60px;
}
.csh-faq-answer p {
	border: 0 !important;
	color: #b4b8bf !important;
	font-size: 13px !important;
	line-height: 1.75 !important;
	margin: 0 !important;
	padding: 0 !important;
}
.csh-faq-answer p + p { margin-top: 9px !important; }
.csh-faq-answer strong { color: #f6f7f8; }
.csh-faq-answer code {
	background: #101113;
	border: 1px solid #35373a;
	border-radius: 5px;
	color: #ffb455;
	font-family: Consolas, Monaco, monospace;
	font-size: 12px;
	padding: 2px 5px;
}
.csh-faq-answer a { color: var(--csh-orange-2); font-weight: 800; text-decoration: none; }
.csh-faq-answer a:hover { text-decoration: underline; }

@media (max-width: 900px) {
	.csh-faq-grid { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
	.csh-faq { padding-bottom: 16px; }
	.csh-faq-grid { gap: 8px; padding: 0 12px; }
	.csh-faq-grid summary { font-size: 14px; gap: 9px; grid-template-columns: 30px minmax(0,1fr) 26px; min-height: 60px; padding: 11px 10px; }
	.csh-faq-grid summary::before { border-radius: 7px; font-size: 9px; height: 28px; width: 28px; }
	.csh-faq-grid summary::after { height: 26px; width: 26px; }
	.csh-faq-answer { padding: 12px 12px 14px; }
	.csh-faq-answer p { font-size: 12px !important; }
}


/* 2.1.6 Public catalogue = online-only */
.csh-stat--slots .csh-stat__icon::before { content:"▤"; }
.csh-online-only-badge { align-items:center; background:rgba(89,216,132,.06); border:1px solid rgba(89,216,132,.20); border-radius:999px; color:#c8f2d6; display:inline-flex; font-size:11px; font-weight:800; gap:7px; min-height:34px; padding:6px 11px; }
.csh-online-only-badge .csh-live-dot { flex:0 0 7px; }

/* 2.1.7 Premium smart picker + compact live map selector */
.csh-smart--premium {
	overflow: visible;
	position: relative;
	z-index: 20;
	background:
		radial-gradient(circle at 100% 0%, rgba(255,122,0,.11), transparent 30%),
		linear-gradient(180deg, rgba(36,36,36,.99), rgba(25,25,25,.99));
	border-color: rgba(255,140,0,.30);
	box-shadow: 0 18px 38px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.025);
}
.csh-smart__head { align-items:center; }
.csh-smart__availability {
	align-items:flex-start;
	background:linear-gradient(180deg,#1d1d1d,#171717);
	border:1px solid rgba(255,255,255,.10);
	border-radius:10px;
	display:grid;
	gap:3px;
	min-width:190px;
	padding:10px 12px;
}
.csh-smart__availability span {
	align-items:center;
	color:#f6f6f6;
	display:flex;
	font-size:10px;
	font-weight:900;
	gap:7px;
	letter-spacing:.08em;
}
.csh-smart__availability span i {
	background:var(--csh-green);
	border-radius:50%;
	box-shadow:0 0 9px rgba(89,216,132,.55);
	display:inline-block;
	height:7px;
	width:7px;
}
.csh-smart__availability b { color:var(--csh-orange-2); font-size:13px; }
.csh-smart__availability em { color:#7f848b; font-size:9px; font-style:normal; }
.csh-smart__controls {
	background:linear-gradient(180deg,rgba(15,15,15,.48),rgba(15,15,15,.22));
	border-top:1px solid rgba(255,255,255,.07);
	border-bottom:1px solid rgba(255,140,0,.10);
	gap:10px;
	padding:14px 16px;
}
.csh-smart-field,
.csh-filter-field--map {
	background:linear-gradient(180deg,#222,#1a1a1a);
	border:1px solid #3f3f3f;
	border-radius:10px;
	min-width:0;
	padding:9px 10px 10px;
	position:relative;
}
.csh-smart-field:focus-within,
.csh-filter-field--map:focus-within {
	border-color:rgba(255,140,0,.70);
	box-shadow:0 0 0 2px rgba(255,140,0,.08);
}
.csh-smart-field > span,
.csh-filter-field--map > span {
	color:#aaaeb5;
	display:block;
	font-size:9px;
	font-weight:900;
	letter-spacing:.08em;
	margin-bottom:6px;
	text-transform:uppercase;
}
.csh-smart-field select { background:#151515; border-color:#3b3b3b; min-height:42px; }
.csh-smart__submit {
	align-self:stretch !important;
	border-radius:10px;
	display:grid;
	grid-template-columns:auto 1fr;
	grid-template-rows:auto auto;
	min-width:180px;
	padding:8px 14px;
	text-align:left;
}
.csh-smart__submit > span { align-self:center; font-size:18px; grid-row:1/3; margin-right:4px; }
.csh-smart__submit b { font-size:11px; line-height:1.15; }
.csh-smart__submit small { color:rgba(20,20,20,.70); font-size:8px; font-weight:800; }
.csh-smart__hint {
	align-items:center;
	background:rgba(255,140,0,.035);
	display:flex;
	gap:9px;
	padding:8px 16px;
}
.csh-smart__hint span {
	background:#1b1b1b;
	border:1px solid rgba(255,140,0,.28);
	border-radius:999px;
	color:var(--csh-orange-2);
	font-size:8px;
	font-weight:900;
	padding:4px 7px;
}
.csh-smart__hint p { color:#858a91; font-size:9px; margin:0; }
.csh-smart__results { background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,0)); }

/* Custom compact live map picker. */
.csh-map-picker { position:relative; width:100%; z-index:30; }
.csh-map-picker.is-open { z-index:999; }
.csh-map-picker__trigger {
	align-items:center;
	background:#151515;
	border:1px solid #3b3b3b;
	border-radius:8px;
	color:#f0f0f0;
	cursor:pointer;
	display:grid;
	gap:7px;
	grid-template-columns:minmax(0,1fr) auto auto;
	min-height:42px;
	padding:8px 10px;
	text-align:left;
	width:100%;
}
.csh-map-picker__trigger:hover,
.csh-map-picker.is-open .csh-map-picker__trigger { border-color:var(--csh-orange); }
.csh-map-picker__trigger > span { font-size:11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.csh-map-picker__trigger > em {
	background:#242424;
	border:1px solid #3e3e3e;
	border-radius:999px;
	color:#8f949b;
	font-size:8px;
	font-style:normal;
	padding:3px 6px;
	white-space:nowrap;
}
.csh-map-picker__trigger > i { color:var(--csh-orange); font-size:12px; font-style:normal; transition:transform .15s ease; }
.csh-map-picker.is-open .csh-map-picker__trigger > i { transform:rotate(180deg); }
.csh-map-picker__menu {
	background:linear-gradient(180deg,#202124,#151619);
	border:1px solid rgba(255,140,0,.38);
	border-radius:12px;
	box-shadow:0 22px 46px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.035);
	left:0;
	min-width:min(430px,86vw);
	padding:9px;
	position:absolute;
	top:calc(100% + 7px);
	width:max(100%,430px);
	z-index:9999;
}
.csh-map-picker__search {
	align-items:center;
	background:#111214;
	border:1px solid #35383d;
	border-radius:8px;
	display:flex;
	gap:7px;
	padding:0 9px;
}
.csh-map-picker__search > span { color:var(--csh-orange); font-size:14px; }
.csh-map-picker__search input {
	background:transparent !important;
	border:0 !important;
	box-shadow:none !important;
	font-size:11px !important;
	min-height:38px !important;
	padding:6px 0 !important;
}
.csh-map-picker__top { border-bottom:1px solid rgba(255,255,255,.06); padding:7px 0; }
.csh-map-picker__top button,
.csh-map-picker__options button {
	align-items:center;
	background:transparent;
	border:1px solid transparent;
	border-radius:7px;
	color:#e7e9ec;
	cursor:pointer;
	display:flex;
	gap:8px;
	justify-content:space-between;
	min-height:34px;
	padding:6px 8px;
	text-align:left;
	width:100%;
}
.csh-map-picker__top button:hover,
.csh-map-picker__options button:hover,
.csh-map-picker__top button.is-selected,
.csh-map-picker__options button.is-selected {
	background:rgba(255,140,0,.075);
	border-color:rgba(255,140,0,.24);
}
.csh-map-picker__top b,
.csh-map-picker__options b { font-size:10px; font-weight:800; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.csh-map-picker__top em,
.csh-map-picker__options em { color:#7f848b; flex:0 0 auto; font-size:8px; font-style:normal; }
.csh-map-picker__options {
	display:grid;
	gap:3px;
	grid-template-columns:repeat(2,minmax(0,1fr));
	max-height:224px;
	overflow-y:auto;
	padding:6px 2px 2px 0;
	scrollbar-color:#555 #1a1a1a;
	scrollbar-width:thin;
}
.csh-map-picker__options::-webkit-scrollbar { width:7px; }
.csh-map-picker__options::-webkit-scrollbar-track { background:#17181a; border-radius:99px; }
.csh-map-picker__options::-webkit-scrollbar-thumb { background:#4a4d52; border-radius:99px; }
.csh-map-picker__options::-webkit-scrollbar-thumb:hover { background:#666a70; }
.csh-map-picker__empty { color:#8e939b; font-size:10px; padding:12px 8px 8px; text-align:center; }

/* The catalog map selector uses the same compact component. */
.csh-filter-field--map { padding:7px 8px 8px; }
.csh-filter-field--map .csh-map-picker__trigger { min-height:38px; }
.csh-filterbar { overflow:visible; }
.csh-catalog { overflow:visible; position:relative; z-index:10; }

@media (max-width:1220px) {
	.csh-smart__availability { width:100%; }
	.csh-smart__head { align-items:flex-start; }
	.csh-smart__submit { min-height:54px; }
}
@media (max-width:900px) {
	.csh-smart__availability { max-width:none; }
	.csh-map-picker__menu { min-width:min(420px,82vw); width:min(420px,82vw); }
}
@media (max-width:620px) {
	.csh-smart__availability { min-width:0; }
	.csh-smart__controls { gap:8px; padding:10px 11px; }
	.csh-smart-field { padding:8px; }
	.csh-smart__submit { min-height:52px; }
	.csh-smart__hint { align-items:flex-start; flex-direction:column; padding:8px 12px; }
	.csh-map-picker__menu { left:0; min-width:calc(100vw - 46px); width:calc(100vw - 46px); }
	.csh-map-picker__options { grid-template-columns:1fr; max-height:210px; }
}
