/* Match the SA-MP profile, spacing, and stat hierarchy, scoped exclusively to CS. */
#flowCs #csDash { --cs-accent:#c98f98;--cs-line:#7e92a83d;--cs-soft:#7e92a829;display:grid;grid-template-columns:minmax(0,1fr);gap:18px;background:none;border:0;border-radius:0;padding:0;overflow:visible; }
#flowCs #csDash[hidden],#flowCs #csDash [hidden] { display:none!important; }
#flowCs #csDash,#flowCs #csDash * { box-sizing:border-box;letter-spacing:0; }
#flowCs #csDash .pp-card { position:relative;min-width:0;width:100%;margin:0;padding:30px;clip-path:none;border:1px solid var(--cs-line);border-radius:8px;background:linear-gradient(180deg,#0e1729eb,#050911e0);box-shadow:0 20px 48px #0004,inset 0 1px #ffffff0b; }
#flowCs #csDash .pp-card::before { content:'';position:absolute;left:0;right:18px;top:0;height:1px;border:0;background:linear-gradient(90deg,#afbbcda8,transparent);opacity:1;transform:none;animation:none;pointer-events:none; }
#flowCs #csDash .pp-card::after { display:none; }
#flowCs #csDash .pp-card__title { display:flex;align-items:center;gap:10px;margin:0 0 18px;font:650 16px/24px Inter,system-ui,sans-serif;color:#eef2f7;text-transform:uppercase; }
#flowCs #csDash .pp-card__title::before { content:'';flex:none;width:7px;height:7px;background:var(--cs-accent); }
#flowCs #csDash .pp-card__row { display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px; }
#flowCs #csDash .pp-card__row .pp-card__title { margin:0; }
#flowCs #csDash .pp-badge { max-width:100%;padding:5px 9px;border:1px solid #8f9eae4d;border-radius:4px;background:#151e2a;color:#cdd8e3;font:500 11px/17px Inter,system-ui,sans-serif;white-space:normal;overflow-wrap:anywhere; }
#flowCs #csDash .pp-card__text { font:400 14px/24px Inter,system-ui,sans-serif;color:#aebdce; }
#flowCs #csDash .cs-panel-columns { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start; }
#flowCs #csDash .cs-panel-column { display:flex;flex-direction:column;gap:18px;min-width:0; }
#flowCs #csDash > .pp-cs-account-card { display:grid;grid-template-columns:126px minmax(0,1fr);align-items:center;gap:32px;min-height:288px;padding:32px 36px;border-color:#8e9da867;background:linear-gradient(135deg,#22202cfa,#101928ed 45%,#080e16ed); }
#flowCs #csDash > .pp-cs-account-card::before { right:0;height:2px;background:linear-gradient(90deg,var(--cs-accent),transparent 76%); }
#flowCs #csDash .cs-profile-portrait { display:grid;place-items:center;width:126px;height:126px;border:2px solid #c29ba4;border-radius:50%;background:#171c26;box-shadow:0 0 0 8px #c98f9810,inset 0 1px #ffffff21;overflow:hidden; }
#flowCs #csDash .cs-profile-emblem { display:block;width:108px;height:108px;object-fit:contain;mix-blend-mode:screen; }
#flowCs #csDash .cs-profile-identity { display:grid;gap:14px;min-width:0; }
#flowCs #csDash .pp-cs-account-card .pp-card__title { width:fit-content;padding:5px 10px;margin:0;border:1px solid #aeb9c45c;background:#b3bbcf14;color:#c3cbd6;font:600 11px/18px 'JetBrains Mono',monospace; }
#flowCs #csDash .pp-cs-account-card .pp-card__title::before { display:none; }
#flowCs #csDash #csBadge { display:block;margin:0;padding:0;border:0;background:none;color:#f3f5fa;font:700 36px/44px 'Chakra Petch',Inter,sans-serif;white-space:normal;overflow-wrap:anywhere; }
#flowCs #csDash .cs-profile-fields { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0; }
#flowCs #csDash .cs-profile-field { min-width:0;padding:10px 12px;border:1px solid #8393a349;border-radius:6px;background:linear-gradient(180deg,#121c2eaa,#05091194); }
#flowCs #csDash .cs-profile-field dt { margin:0 0 4px;font:500 11px/17px Inter,system-ui,sans-serif;color:#aebdce;text-transform:uppercase; }
#flowCs #csDash .cs-profile-field dt>span { font:inherit;color:inherit;text-transform:inherit; }
#flowCs #csDash .cs-profile-field dd { margin:0; }
#flowCs #csDash .cs-profile-field dd,#flowCs #csDash .cs-profile-field dd>* { margin:0;color:#f1f5fa;font:650 16px/23px Inter,system-ui,sans-serif;white-space:normal;overflow-wrap:anywhere; }
#flowCs #csDash .cs-profile-field :is(#csPacks,#csRank) { font:700 20px/25px 'JetBrains Mono',monospace; }
#flowCs #csDash #csSteam { font:500 13px/23px 'JetBrains Mono',monospace; }
#flowCs #csDash #csSeen { font-size:13px; }
#flowCs #csDash .cs-profile-ip { margin:0; }
#flowCs #csDash .cs-profile-ip .cs-profile-field { display:flex;align-items:baseline;gap:10px;padding:0;border:0;background:none; }
#flowCs #csDash .cs-profile-ip dt { margin:0; }
#flowCs #csDash .cs-profile-ip #csIp { color:#c0cbd6;font:500 12px/20px 'JetBrains Mono',monospace; }
#flowCs #csDash :is(.pp-stats,.pp-cs-metrics,.pp-cs-economy-grid) { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;border:0; }
#flowCs #csDash :is(.pp-stat,.pp-cs-metrics>div,.pp-cs-economy-grid>div) { display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0;min-height:74px;padding:12px 14px;border:1px solid var(--cs-soft);border-radius:5px;background:linear-gradient(180deg,#111a2abd,#050911a8);box-shadow:inset 0 1px #ffffff09; }
#flowCs #csDash :is(.pp-stat__label,.pp-cs-metrics>div>span,.pp-cs-economy-grid>div>span) { color:#aebdce;font:500 12px/18px Inter,system-ui,sans-serif;text-transform:none; }
#flowCs #csDash :is(.pp-stat__num,.pp-cs-metrics strong,.pp-cs-economy-grid strong) { color:#f1f5fa;font:700 20px/28px 'JetBrains Mono',monospace;font-variant-numeric:tabular-nums;white-space:normal;overflow-wrap:anywhere; }
#flowCs #csDash .pp-cs-metrics strong { font-size:17px;line-height:24px; }
#flowCs #csDash .pp-cs-arsenal .pp-cs-economy-grid { grid-template-columns:repeat(6,minmax(0,1fr));margin-top:22px; }
#flowCs #csDash .pp-cs-arsenal .pp-cs-economy-grid>div { grid-column:span 3; }
#flowCs #csDash .pp-cs-arsenal .pp-cs-economy-grid>.cs-item-stat { grid-column:span 2;padding-top:60px;position:relative; }
#flowCs #csDash .cs-item-art { position:absolute;top:10px;left:12px;width:42px;height:42px;object-fit:contain; }
#flowCs #csDash .pp-cs-arsenal .pp-cs-economy-grid>div:last-child { grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;gap:14px;min-height:60px; }
#flowCs #csDash .pp-cs-arsenal .pp-cs-economy-grid>div:last-child strong { font-size:17px; }
#flowCs #csDash .pp-cs-progress { display:grid;gap:10px;margin:22px 0 0;padding:0;border:0;background:none; }
#flowCs #csDash .pp-cs-progress__label { display:flex;align-items:baseline;justify-content:space-between;gap:12px; }
#flowCs #csDash .pp-cs-progress__label span,#flowCs #csDash .pp-cs-progress small { color:#aebdce;font:400 11px/18px Inter,system-ui,sans-serif; }
#flowCs #csDash .pp-cs-progress__label b { color:#e8eef5;font:600 13px/20px Inter,system-ui,sans-serif;overflow-wrap:anywhere; }
#flowCs #csDash .pp-cs-progress__track { display:block;height:5px;margin:0;border:0;border-radius:2px;background:#7e92a81f;overflow:hidden; }
#flowCs #csDash .pp-cs-progress__track i { display:block;height:100%;background:var(--cs-accent);box-shadow:none; }
#flowCs #csDash .pp-cs-progress small b { color:#e1e9f2;font-weight:600; }
#flowCs #csDash .pp-cs-signal { display:none; }
#flowCs #csDash .pp-cs-live { display:block;margin:0 0 18px;padding:18px;border:1px solid var(--cs-soft);border-radius:5px;background:#0b121c88; }
#flowCs #csDash .pp-cs-live__body { display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch;gap:10px;padding:0; }
#flowCs #csDash .pp-cs-live__label { display:flex;align-items:center;gap:8px;color:#b2c0cd;font:500 11px/18px Inter,system-ui,sans-serif; }
#flowCs #csDash .pp-cs-live__label::before { content:'';width:6px;height:6px;border-radius:50%;background:#8b99a5; }
#flowCs #csDash .is-online .pp-cs-live__label::before { background:#6ad69f; }
#flowCs #csDash .is-down .pp-cs-live__label::before { background:#eb8894; }
#flowCs #csDash #csLiveOnline { color:#edf2f8;font:700 34px/42px 'JetBrains Mono',monospace;text-shadow:none;white-space:normal; }
#flowCs #csDash .pp-cs-live__meta { color:#adbdca;font:400 12px/20px Inter,system-ui,sans-serif;overflow-wrap:anywhere; }
#flowCs #csDash .pp-cs-economy { display:block; }
#flowCs #csDash .pp-cs-tier { position:relative;display:block;min-height:102px;margin:0 0 20px;padding:4px 0 8px 90px;border:0;background:none; }
#flowCs #csDash .cs-milestone-art { position:absolute;top:0;left:0;width:72px;height:88px;object-fit:contain; }
#flowCs #csDash .pp-cs-tier__copy { display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px; }
#flowCs #csDash .pp-cs-tier__copy :is(span,small) { color:#b3c0ce;font:400 11px/18px Inter,system-ui,sans-serif; }
#flowCs #csDash .pp-cs-tier__copy strong { color:#e8c875;font:700 22px/30px 'Chakra Petch',Inter,sans-serif; }
#flowCs #csDash .pp-cs-tier__copy small { flex-basis:100%;margin:0; }
#flowCs #csDash .pp-cs-tier__track { height:5px;margin:14px 0 0;border:0;background:#7e92a81f; }
#flowCs #csDash .pp-cs-tier__track i { background:#d8b663;box-shadow:none; }
#flowCs #csDash .pp-cs-economy .pp-cs-economy-grid+.pp-cs-economy-grid { margin-top:12px; }
#flowCs #csDash .pp-cs-events { display:grid;grid-template-columns:minmax(0,1fr);gap:0; }
#flowCs #csDash .pp-cs-event { display:grid;grid-template-columns:34px minmax(0,1fr);gap:0 12px;align-items:center;padding:12px 0;border:0;border-bottom:1px solid var(--cs-soft);background:none;border-radius:0; }
#flowCs #csDash .pp-cs-event:last-child { border-bottom:0; }
#flowCs #csDash .pp-cs-event__tag { grid-row:1/3;display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid #70b69b3d;border-radius:4px;background:#78b99810;color:#abcdbf;font:600 9px/15px 'JetBrains Mono',monospace; }
#flowCs #csDash .pp-cs-event[data-cs-kind=OUT] .pp-cs-event__tag { border-color:#bf7e893d;background:#bf7e8910;color:#d9aab3; }
#flowCs #csDash .pp-cs-event[data-cs-kind=MAP] .pp-cs-event__tag { border-color:#8fa4ce3d;background:#8fa4ce10;color:#b3c2e1; }
#flowCs #csDash .pp-cs-event__label { color:#a3b3c2;font:400 10px/17px Inter,system-ui,sans-serif; }
#flowCs #csDash .pp-cs-event strong { color:#dfe8f1;font:600 13px/21px Inter,system-ui,sans-serif;overflow-wrap:anywhere; }
#flowCs #csDash .cs-activity-filters { display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px; }
#flowCs #csDash .cs-activity-filters button { display:inline-flex;gap:8px;align-items:center;min-height:38px;padding:8px 10px;border:1px solid #7e92a840;border-radius:4px;background:#101822;color:#b7c4d0;font:500 11px/18px Inter,system-ui,sans-serif;cursor:pointer; }
#flowCs #csDash .cs-activity-filters button[aria-pressed=true] { background:#343d45;border-color:#63717c;color:#f1f4f6; }
#flowCs #csDash .cs-filter-count { font-variant-numeric:tabular-nums;color:#aebdca; }
#flowCs #csDash .cs-rankings { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start; }
#flowCs #csDash .cs-rank-tools { grid-column:1/-1;display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap;padding:20px 24px;background:#101823ed;border:1px solid var(--cs-line);border-radius:6px; }
#flowCs #csDash .cs-rank-search { display:flex;flex-direction:column;gap:7px;flex:0 1 340px;min-width:0;color:#b4c3d0;font:500 12px/18px Inter,system-ui,sans-serif; }
#flowCs #csDash #csRankSearch { width:100%;height:44px;min-width:0;padding:10px 12px;border:1px solid #5c6b7a;border-radius:4px;background:#0b121b;color:#e8eff6;font:400 14px/22px Inter,system-ui,sans-serif; }
#flowCs #csDash #csRankSearch::placeholder { color:#91a3b4; }
#flowCs #csDash .cs-mine-filter { display:flex;align-items:center;gap:9px;min-height:44px;color:#cfdae4;font:500 12px/20px Inter,system-ui,sans-serif;cursor:pointer; }
#flowCs #csDash #csRankMine { appearance:auto;width:17px;height:17px;margin:0;accent-color:#7c8c9d; }
#flowCs #csDash .cs-rank-result-count { margin-left:auto;padding-block:12px;color:#b6c4d0;font:400 12px/20px Inter,system-ui,sans-serif; }
#flowCs #csDash .cs-filter-empty { margin:0;padding:18px 0;color:#b3c2d0;font:400 13px/22px Inter,system-ui,sans-serif; }
#flowCs #csDash .pp-board { width:100%;table-layout:fixed;border-collapse:collapse;border:0;background:none;font:400 13px/20px Inter,system-ui,sans-serif; }
#flowCs #csDash .pp-board :is(th,td) { padding:11px 8px;border:0;border-bottom:1px solid #7e92a829;white-space:normal;overflow-wrap:anywhere; }
#flowCs #csDash .pp-board th { color:#aebdcd;font:500 11px/18px Inter,system-ui,sans-serif;text-align:left; }
#flowCs #csDash .pp-board :is(th,td):first-child { width:44px;padding-left:0; }
#flowCs #csDash .pp-board :is(th,td):last-child { width:110px;text-align:right;padding-right:0; }
#flowCs #csDash .pp-board td:nth-child(2) { color:#dce6ef;font:600 13px/20px Inter,system-ui,sans-serif; }
#flowCs #csDash .pp-board td:nth-child(3) { color:#e8eff5;font:600 13px/20px 'JetBrains Mono',monospace; }
#flowCs #csDash .pp-board tbody tr:nth-child(even) { background:#8e9dab05; }
#flowCs #csDash .pp-board__me td { background:#c98f9812;color:#e6bac3; }
#flowCs #csDash .pp-cs-rank-pill { min-width:26px;height:24px;padding:4px;border:1px solid #7e92a839;border-radius:4px;background:#78899a12;color:#b2c1ce;font:500 10px/15px 'JetBrains Mono',monospace; }
#flowCs #csDash .pp-board__me .pp-cs-rank-pill { border-color:#c98f9863;background:#c98f9817;color:#e8c0c6; }
#flowCs #csDash .pp-shop { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px; }
#flowCs #csDash .pp-item { display:flex;flex-direction:column;gap:12px;min-width:0;padding:18px;border:1px solid #7e92a82d;border-radius:6px;background:linear-gradient(180deg,#111a2abd,#050911a8); }
#flowCs #csDash .cs-store-art { width:100%;height:90px;object-fit:contain; }
#flowCs #csDash .pp-item__name { display:flex;flex-direction:column;gap:3px;min-height:48px;color:#dfe8f0;font:600 14px/21px Inter,system-ui,sans-serif; }
#flowCs #csDash .pp-item__time { color:#b7c4d0;font:400 12px/18px Inter,system-ui,sans-serif; }
#flowCs #csDash .pp-item__price { color:#e5c77d;font:700 24px/32px 'Chakra Petch',Inter,sans-serif; }
#flowCs #csDash .pp-buy { width:100%;min-height:44px;justify-content:center;margin-top:auto; }
#flowCs #csDash :is(input,button,a):focus-visible { outline:2px solid #c7d2dc;outline-offset:3px; }
@media(max-width:1100px) {
 #flowCs #csDash .cs-profile-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
 #flowCs #csDash .pp-card { padding:24px; }
 #flowCs #csDash .pp-shop { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:919px) {
 #flowCs #csDash .cs-panel-columns,#flowCs #csDash .cs-rankings { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:600px) {
 #flowCs #csDash > .pp-cs-account-card { grid-template-columns:minmax(0,1fr);gap:22px;min-height:0;padding:26px 22px; }
 #flowCs #csDash .cs-profile-portrait { width:94px;height:94px; }
 #flowCs #csDash .cs-profile-emblem { width:80px;height:80px; }
 #flowCs #csDash #csBadge { font-size:28px;line-height:36px; }
 #flowCs #csDash .pp-card { padding:22px; }
 #flowCs #csDash .pp-card__title { font-size:14px;line-height:22px; }
 #flowCs #csDash .pp-card__row { flex-wrap:wrap; }
 #flowCs #csDash .cs-profile-field { padding:10px; }
 #flowCs #csDash .cs-profile-field :is(#csPacks,#csRank) { font-size:18px; }
 #flowCs #csDash .cs-profile-ip .cs-profile-field { flex-wrap:wrap; }
 #flowCs #csDash .cs-activity-filters { display:grid;grid-template-columns:repeat(2,minmax(0,1fr)); }
 #flowCs #csDash .cs-activity-filters button { justify-content:space-between; }
 #flowCs #csDash .cs-rank-tools { padding:18px 22px;gap:10px 18px; }
 #flowCs #csDash .cs-rank-search { flex-basis:100%; }
 #flowCs #csDash .pp-board :is(th,td):last-child { width:88px; }
}
@media(max-width:380px) {
 #flowCs #csDash .pp-card,#flowCs #csDash > .pp-cs-account-card { padding:20px 16px; }
 #flowCs #csDash .pp-shop { grid-template-columns:minmax(0,1fr); }
 #flowCs #csDash :is(.pp-stat,.pp-cs-metrics>div,.pp-cs-economy-grid>div) { padding:10px; }
 #flowCs #csDash .pp-cs-economy-grid strong { font-size:18px; }
 #flowCs #csDash .cs-rank-tools { padding-inline:16px; }
 #flowCs #csDash .cs-rank-result-count { margin-left:0; }
 #flowCs #csDash .pp-cs-tier { padding-left:66px; }
 #flowCs #csDash .cs-milestone-art { width:54px;height:74px; }
 #flowCs #csDash .pp-cs-tier__copy strong { font-size:20px; }
}
@media(prefers-reduced-motion:reduce) {
 #flowCs #csDash *,#flowCs #csDash *::before,#flowCs #csDash *::after { animation:none!important;transition:none!important; }
}
