.history-section{margin:18px 0;border:1px solid #ffffff18;border-radius:14px;background:linear-gradient(135deg,#14222acc,#0b1118e8);color:#dce9ed;overflow:hidden}
.audit-history-trigger{display:flex;align-items:center;gap:10px;padding:11px 14px;min-height:48px;background:linear-gradient(135deg,#7bd5bd12,#10202a);border:1px solid #7bd5bd32;border-radius:12px;color:#cce6e1;font:inherit;text-align:left;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.audit-history-trigger[hidden]{display:none}.audit-history-trigger:hover{border-color:#7bd5bd88;background:#18332f;transform:translateY(-1px)}.audit-history-trigger strong{font-size:12px;display:block}.audit-history-trigger small{display:block;font-size:10px;color:#88a8b1;margin-top:3px}.audit-journal-icon{display:grid;place-items:center;width:34px;height:36px;border-radius:9px;background:#80d4bf0c;flex-shrink:0}.audit-journal-icon svg{width:23px;height:23px;fill:none;stroke:#8adcc6;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.journal-compact-trigger{min-height:38px;padding:5px 10px;gap:6px}.journal-compact-trigger .audit-journal-icon{width:26px;height:28px}.journal-compact-trigger strong{font-size:10px;letter-spacing:1.2px}.steam-result-header>div>.journal-compact-trigger{margin-top:12px}
.accounts-heading-tools>.audit-history-trigger,.accounts-heading-tools>.permission-guide-trigger-wide{box-sizing:border-box;width:100%;min-height:50px;padding:9px 12px;gap:10px}.accounts-heading-tools>.audit-history-trigger .audit-journal-icon,.accounts-heading-tools>.permission-guide-trigger-wide .permission-guide-trigger-icon{box-sizing:border-box;width:32px;height:32px;border-radius:9px;flex:0 0 32px}.accounts-heading-tools>.audit-history-trigger strong,.accounts-heading-tools>.permission-guide-trigger-wide strong{font-size:11px;line-height:1.35}.accounts-heading-tools>.audit-history-trigger small,.accounts-heading-tools>.permission-guide-trigger-wide small{margin-top:2px;font-size:10px;line-height:1.4}
.accounts-heading-tools>.permission-guide-trigger-wide small{margin-top:0}
.audit-history-dialog{box-sizing:border-box;width:min(940px,calc(100vw - 32px));max-width:none;max-height:min(850px,calc(100dvh - 48px));padding:0;border:1px solid #83d4c33a;border-radius:20px;background:radial-gradient(ellipse at 0 0,#76cbb518,transparent 65%),#0c161f;color:#d9e7ec;box-shadow:0 35px 100px #0009,inset 0 1px #ffffff0d;overflow:hidden;opacity:0;transform:translateY(18px) scale(.97);transition:opacity .22s ease,transform .22s ease;color-scheme:dark}
.audit-history-dialog[open]{display:flex;flex-direction:column}.audit-history-dialog.is-open{opacity:1;transform:none}.audit-history-dialog::backdrop{background:#02080dd4;backdrop-filter:blur(7px);animation:journal-backdrop .22s ease}.audit-history-dialog.is-closing::backdrop{opacity:0;transition:opacity .22s}.audit-dialog-header{display:flex;align-items:center;gap:15px;padding:24px 26px 19px;flex-shrink:0}.audit-dialog-header>.audit-journal-icon{width:48px;height:50px;border:1px solid #83d4c32a;background:linear-gradient(145deg,#83d4c31c,transparent)}.audit-dialog-header>div{flex:1;min-width:0}.audit-eyebrow{color:#7daaa8;font-size:9px;letter-spacing:1.8px}.audit-dialog-header h2{font-size:22px;margin:6px 0;color:#dcece9;line-height:1.3}.audit-dialog-header p{font-size:12px;color:#839faa;margin:0;line-height:1.6}.audit-dialog-close{display:grid;place-items:center;align-self:flex-start;width:34px;height:34px;border:1px solid #ffffff1c;border-radius:9px;color:#a8c3ca;background:#ffffff04;font-size:24px;cursor:pointer;flex-shrink:0}.audit-dialog-close:hover{background:#da72721a;color:#f1b1b1;border-color:#da727244}
.audit-dialog-ribbon{display:flex;gap:20px;flex-wrap:wrap;padding:11px 26px;border-block:1px solid #ffffff0b;background:#010a102e;font-size:10px;color:#829eaa;flex-shrink:0}.audit-dialog-ribbon>span{display:inline-flex;align-items:center;gap:7px}.audit-dialog-ribbon i{display:block;flex-shrink:0;width:5px;height:5px;border-radius:50%;background:#83d4c3;box-shadow:0 0 8px #83d4c34d}.audit-dialog-content{padding:20px 26px;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3b5e60 #101c25}
.audit-dialog-content .history-section{margin:0;background:none;border:0;border-radius:0;overflow:visible}.audit-dialog-content .history-toggle{display:none}.audit-dialog-content .history-fold{display:block;opacity:1}.audit-dialog-content .history-inner{padding:0!important;overflow:visible}.audit-dialog-content .history-controls{padding:14px;border:1px solid #ffffff0c;border-radius:12px;background:#ffffff02;gap:12px}.audit-dialog-content .history-controls label{flex:1;font-size:10px;color:#8aa8b1;min-width:120px}.audit-dialog-content .history-controls select{background:#0c1923;border-color:#8dcbbc22;font:inherit;font-size:12px;padding:10px}.audit-dialog-content .history-controls button,.audit-dialog-content [data-more],.audit-dialog-content [data-retry-source]{color:#a9dcd0;background:#74ceb315;border:1px solid #74ceb32b;border-radius:8px;font:inherit;font-size:10px;padding:10px;cursor:pointer}
.audit-dialog-content .history-event{position:relative;padding:17px 18px 17px 26px;border:1px solid #ffffff0d;border-radius:12px;background:linear-gradient(125deg,#ffffff04,transparent);margin:10px 0}.audit-dialog-content .history-event::before{content:'';position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:3px;background:#7ed4bf66}.audit-dialog-content .history-event>strong{font-size:12px;color:#cee0e5}.audit-dialog-content .history-event time,.audit-dialog-content .history-event>p{font-size:11px;color:#8da8b3}.audit-dialog-content .history-event small{font-size:10px}.audit-dialog-content details{margin-top:9px}.audit-dialog-content summary{font-size:11px;color:#a1c8c1}.audit-dialog-content .history-diff{border:1px solid #ffffff08;font-size:11px}.audit-dialog-content .history-diff del::before{content:'BEFORE';display:block;color:#d49d9d;font-size:8px;letter-spacing:1px;margin-bottom:6px}.audit-dialog-content .history-diff ins::before{content:'AFTER';display:block;color:#97d1b9;font-size:8px;letter-spacing:1px;margin-bottom:6px}.audit-dialog-content .history-inner>small{font-size:10px;margin-top:15px;color:#6e8c99}
.audit-dialog-footer{display:flex;justify-content:space-between;gap:12px;padding:14px 26px;border-top:1px solid #ffffff0c;background:#050d1233;font-size:10px;color:#7995a2;flex-shrink:0}.audit-dialog-footer kbd{font:inherit;border:1px solid #ffffff20;border-radius:4px;padding:3px 6px;margin-right:4px;color:#b6cbd0}.audit-dialog-content .source-health{margin:0;padding:0;border:0}.audit-dialog-content .source-health>strong{display:block;color:#839faa;font-size:10px;font-weight:500;line-height:1.6;margin-bottom:15px}.audit-dialog-content .source-health p{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:14px 16px;border:1px solid #7bd5bd16;border-radius:10px;background:#7bd5bd04;color:#b1ceca;font-size:11px;line-height:1.6;margin:8px 0}.audit-dialog-content .source-health p::before{content:'';width:6px;height:6px;background:#82cdb4;border-radius:50%;flex-shrink:0}.audit-dialog-content .source-health p.unavailable{border-color:#df947b35;color:#e0b09c}.audit-dialog-content .source-health p.unavailable::before{background:#df947b}.audit-dialog-content [data-retry-source]{margin-left:auto}.audit-dialog-content [data-retry-source]:disabled{opacity:.45;cursor:wait}.journal-empty{padding:40px 22px;text-align:center;border:1px dashed #7ebfb522;border-radius:12px;color:#8ca9b1;font-size:12px}.journal-empty strong{display:block;color:#c1d8d8;margin-bottom:8px;font-size:14px}
.audit-history-dialog :is(button,select,summary):focus-visible,.audit-history-trigger:focus-visible{outline:2px solid #82d5c1;outline-offset:2px}@keyframes journal-backdrop{from{opacity:0}to{opacity:1}}
@media(max-width:600px){.audit-history-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 24px);border-radius:15px}.audit-dialog-header{padding:17px 15px;gap:10px}.audit-dialog-header h2{font-size:18px}.audit-dialog-header p{font-size:10px}.audit-dialog-header>.audit-journal-icon{width:36px;height:40px}.audit-dialog-content{padding:14px}.audit-dialog-ribbon{padding:10px 15px;gap:10px}.audit-dialog-footer{padding:12px 15px}.audit-dialog-footer>span:first-child{max-width:70%}.audit-dialog-content .history-controls label{min-width:100px}.audit-dialog-content .source-health p{padding:12px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.audit-history-dialog,.audit-history-dialog::backdrop,.audit-history-trigger{animation:none!important;transition:none!important}}
.history-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:18px;border:0;background:transparent;color:inherit;font:inherit;font-weight:700;text-align:left;cursor:pointer}
.history-collapse-icon{width:38px;height:38px;flex:0 0 38px;border:1px solid #78d5c32e;border-radius:11px;display:grid;place-items:center;color:#91c7c1;background:#78d5c30b;transition:color .3s ease,border-color .3s ease,background .3s ease,box-shadow .3s ease}.history-toggle:hover .history-collapse-icon,.history-toggle:focus-visible .history-collapse-icon{border-color:#78d5c366;color:#dcfff8;background:#78d5c319;box-shadow:0 0 0 3px #78d5c30b}.history-collapse-icon>span{position:relative;display:block;width:17px;height:13px;transition:transform .55s cubic-bezier(.18,.8,.2,1)}.history-collapse-icon i{position:absolute;left:1px;width:14px;height:2px;border-radius:99px;background:currentColor;box-shadow:0 0 9px #78d5c359}.history-collapse-icon i:first-child{top:3px}.history-collapse-icon i:last-child{top:9px;width:9px}.history-section.is-open>.history-toggle .history-collapse-icon>span{transform:rotate(180deg)}
.history-fold{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .85s cubic-bezier(.2,.72,.18,1),opacity .42s ease}.history-section.is-open .history-fold{grid-template-rows:1fr;opacity:1}
.history-inner{overflow:hidden;min-height:0}.history-section.is-open .history-inner{padding:0 18px 18px}.history-controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:15px}
.history-controls label{display:grid;gap:6px;min-width:120px;max-width:100%;font-size:12px}.history-controls select,.history-controls button,.history-inner>button{background:#14232e;color:#e2edf2;border:1px solid #ffffff25;border-radius:8px;padding:9px;font:inherit;max-width:100%}
.history-inner small{color:#a0b3bf;display:block;line-height:1.6}.history-chart{width:100%;height:auto;min-height:160px;display:block}.history-chart text{fill:#a0b3bf;font-size:12px}.history-axis{stroke:#ffffff30;fill:none}
.history-series path{fill:none;stroke:currentColor;stroke-width:2}.history-series circle{fill:currentColor}.series-0{color:#71d9c1}.series-1{color:#bbabff}.history-legend{display:flex;flex-wrap:wrap;gap:20px;font-size:12px}
.history-event{padding:14px 0;border-bottom:1px solid #ffffff15;overflow-wrap:anywhere}.history-event time{display:block;font-size:12px;color:#a0b3bf;margin:5px 0}.history-event summary{cursor:pointer;padding:8px 0}.history-diff{padding:8px;background:#0002;border-radius:6px;margin:6px 0}.history-diff>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.history-diff del,.history-diff ins{white-space:pre-wrap;text-decoration:none;padding:8px;font-size:12px}.history-diff del{background:#d65c5c18}.history-diff ins{background:#5cd69918}
.source-health{padding:14px;border:1px solid #ffffff20;border-radius:12px;margin:14px 0}.source-health p{margin:5px 0}.source-health .unavailable{color:#ffbc91}
@media(max-width:600px){.history-diff>div{grid-template-columns:1fr}.history-controls label{width:100%}}


.journal-event-badge{display:inline-block;margin-left:10px;padding:3px 8px;border:1px solid #7ed4bf33;border-radius:5px;font-size:9px;color:#93d9bd;background:#7ed4bf0a;vertical-align:middle}
#panel-page-steam .steam-result-header{align-items:center;padding-block:var(--check-space-3,22px)}
#panel-page-steam .steam-overview-info{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:18px;row-gap:6px;min-width:0}
#panel-page-steam .steam-overview-info>p,#panel-page-steam .steam-overview-info>h3{grid-column:1;margin:0}
#panel-page-steam .steam-overview-info>.journal-compact-trigger{grid-column:2;grid-row:1 / span 2;align-self:center;margin:0;min-height:40px;padding:6px 10px}
@media(max-width:600px){#panel-page-steam .steam-overview-info{column-gap:12px}#panel-page-steam .steam-overview-info>.journal-compact-trigger{padding:6px 8px}}
.audit-dialog-content .history-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end}.audit-dialog-content .history-controls label{min-width:0;width:auto}.audit-dialog-content .history-controls select{width:100%;min-width:0;max-width:100%;box-sizing:border-box}.audit-history-dialog[data-kind="audit"] .history-controls{grid-template-columns:repeat(2,minmax(0,1fr)) auto}
@media(max-width:600px){.audit-dialog-content .history-controls,.audit-history-dialog[data-kind="audit"] .history-controls{grid-template-columns:minmax(0,1fr)}.audit-dialog-content .history-controls label{min-width:0}.audit-dialog-content .history-controls button{justify-self:end;min-width:90px}}
.audit-dialog-content .history-event[data-state="ongoing"]::before{background:#d9a06788}.history-event[data-state="ongoing"] .journal-event-badge{color:#dfb78e;border-color:#dfb78e33;background:#dfb78e0a}.journal-time-label{font-size:8px;letter-spacing:1px;color:#678896;display:block;margin:10px 0 3px}
/* Population intelligence shares the server detail card's restrained teal accents. */
[data-history="population"]{position:relative;margin:0;width:100%;min-width:0;background:radial-gradient(ellipse at 0 0,#56cbb311,transparent 60%),linear-gradient(145deg,#121e26,#0c141c);border:1px solid #82d8cd24;border-radius:16px;box-shadow:inset 0 1px #ffffff06,0 8px 28px #0002}
[data-history="population"]::before{content:"";position:absolute;left:22px;right:22px;top:0;height:1px;background:linear-gradient(90deg,transparent,#80d7c577,transparent);pointer-events:none}
[data-history="population"] .history-toggle{padding:20px;gap:12px;transition:background .2s}
[data-history="population"] .history-toggle:hover{background:#8edbcd05}
.population-heading{display:flex;gap:13px;align-items:center;min-width:0}.population-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:12px;border:1px solid #83d5c52e;background:linear-gradient(145deg,#77dbbf15,#77dbbf04);box-shadow:inset 0 1px #ffffff0a}
.population-icon svg{width:23px;height:23px;fill:none;stroke:#84d8c4;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.population-heading small{display:block;font-size:9px;letter-spacing:1.6px;color:#7cafaa;margin-bottom:4px}.population-heading strong{display:block;font-size:15px;color:#e2edf0}.population-heading strong>span{color:#9eafb9;font-weight:500}.population-heading-end{display:flex;align-items:center;gap:14px}.population-cadence{font-size:9px;letter-spacing:1px;color:#90adae;border:1px solid #8cd4c520;border-radius:6px;padding:5px 8px;white-space:nowrap}
[data-history="population"] .history-collapse-icon{align-self:center}
[data-history="population"].is-open .history-inner{padding:0 20px 18px}
.population-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 14px}.population-period{display:flex;gap:4px;padding:4px;background:#070e1480;border:1px solid #ffffff0c;border-radius:10px}
.population-period button,.population-refresh{font:inherit;font-size:11px;font-weight:600;cursor:pointer;transition:background .2s,color .2s,border-color .2s;min-height:36px;color:#99acb8;background:transparent;border:1px solid transparent;border-radius:7px;padding:8px 13px}
.population-period button[aria-pressed="true"]{background:linear-gradient(135deg,#7bdac21c,#7bdac209);color:#9de8d7;border-color:#81d8c52e;box-shadow:0 2px 6px #0003}.population-period button:hover{color:#d5ede8;background:#ffffff08}.population-refresh{display:flex;align-items:center;gap:8px;border-color:#ffffff16;background:#ffffff03}.population-refresh:hover,.population-refresh:focus-visible{border-color:#7cd5c344;color:#a6eadb;box-shadow:0 0 0 3px #7cd5c30b;outline:none}.population-refresh:disabled{cursor:progress;opacity:1}.population-refresh>.live-refresh-icon{position:relative;isolation:isolate;display:grid;place-items:center;width:20px;height:20px;flex:0 0 20px;font-size:20px;line-height:1}.population-refresh>.live-refresh-icon>b{width:100%;height:100%;display:grid;place-items:center;font:inherit;line-height:1;transform-origin:center}.population-refresh>.live-refresh-icon>i{position:absolute;inset:-5px;z-index:-1;border:2px solid transparent;border-top-color:#65eca0;border-right-color:#68cce3a8;border-radius:50%;opacity:0;transition:opacity .2s ease}.population-refresh.loading>.live-refresh-icon{animation:live-refresh-icon-pulse .9s ease-in-out infinite}.population-refresh.loading>.live-refresh-icon>b{animation:live-refresh-command-spin .72s linear infinite}.population-refresh.loading>.live-refresh-icon>i{opacity:1;animation:live-refresh-command-spin 1.08s linear infinite reverse}.population-refresh.is-settling>.live-refresh-icon>b{animation:live-refresh-command-settle .54s cubic-bezier(.16,1,.3,1) both}.population-refresh>span:last-child{font-size:11px;line-height:1}
.population-refresh>.live-refresh-icon>b svg{width:16px;height:16px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.population-picker{border:1px solid #ffffff12;border-radius:11px;background:#0b141b80;margin-bottom:16px;overflow:hidden}.population-picker summary{list-style:none;display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px 10px 8px 14px}.population-picker summary::-webkit-details-marker{display:none}.population-picker summary>span:nth-child(2){flex:1;min-width:0}.population-picker summary small{display:block;font-size:9px;color:#7c979f;letter-spacing:1.3px}.population-picker summary strong{display:block;font-size:12px;font-weight:500;color:#cadadf;margin-top:3px;overflow-wrap:anywhere}.population-compare-icon{font-size:23px;color:#81c7bb}.population-picker-toggle-icon{align-self:center}.population-picker[open] .population-picker-toggle-icon>span{transform:rotate(180deg)}
.population-picker-body{padding:0 12px 12px;animation:population-reveal .22s ease}.population-search{display:block}.population-search>span{display:block;font-size:10px;color:#93a9b1;margin:0 0 6px}.population-search input{box-sizing:border-box;width:100%;font:inherit;font-size:12px;color:#e0e9eb;background:#060c1290;border:1px solid #84cbbd2a;border-radius:8px;padding:11px 12px;outline:none}.population-search input:focus{border-color:#82d8c5;box-shadow:0 0 0 3px #82d8c50d}
.population-options{display:grid;gap:4px;max-height:220px;overflow-y:auto;overscroll-behavior:contain;margin-top:9px;scrollbar-width:thin;scrollbar-color:#476a69 #0b151d}.population-options button{font:inherit;text-align:left;padding:10px 12px;background:transparent;color:#c7d8df;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:background .18s,border-color .18s}.population-options button[hidden]{display:none}.population-options button>span{display:block;font-size:11px;overflow-wrap:anywhere}.population-options button small{font-size:10px;margin-top:3px;color:#718d9a}.population-options button:hover{background:#ffffff06}.population-options button[aria-pressed="true"]{background:#7edbc211;border-color:#7edbc22b;color:#9eebd8}.population-no-match{font-size:12px;color:#8ea5af;padding:12px}
.population-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.population-metrics article{min-width:0;padding:14px 15px;border:1px solid #ffffff0d;border-radius:10px;background:linear-gradient(135deg,#ffffff03,transparent)}.population-metrics article>span{font-size:9px;letter-spacing:1px;color:#829aa6;display:block}.population-metrics article>strong{display:flex;flex-wrap:wrap;align-items:baseline;gap:7px;font-size:25px;line-height:1.7;color:#cceee4;font-weight:600}.population-metrics article>strong small{font-size:10px;font-weight:400;color:#829aa6}.population-metrics p{font-size:10px;color:#829aa6;margin:0;line-height:1.6}
.population-chart-frame{position:relative;border:1px solid #ffffff0c;border-radius:12px;background:radial-gradient(ellipse at 50% 100%,#75d9b708,transparent 75%),#080f1666;padding:14px 12px 8px;overflow:hidden}.population-chart-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 5px 5px}.population-chart-title>span{font-size:9px;letter-spacing:1.2px;color:#849eaa}.population-chart-title i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#8cdbc8;box-shadow:0 0 9px #8cdbc84d;margin-right:7px}.population-chart-title small{font-size:9px;color:#627e8c}
[data-history="population"] .history-chart{height:220px;min-height:0;width:100%;overflow:visible;touch-action:pan-y;cursor:crosshair;outline:none}[data-history="population"] .history-chart text{font-size:10px;fill:#77909d}.population-gridline{stroke:#abc6d312;fill:none;stroke-dasharray:3 5}[data-history="population"] .history-series path{stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}[data-history="population"] .history-series circle{stroke:#101c24;stroke-width:1.3}.population-chart-hit{fill:transparent;pointer-events:all}.population-crosshair{opacity:0;pointer-events:none;transition:opacity .12s ease}.population-crosshair.is-active{opacity:1}.population-crosshair>line{stroke:#b9e9df8f;stroke-width:1;stroke-dasharray:3 3}.population-crosshair [data-crosshair-points] circle{fill:currentColor;stroke:#071119;stroke-width:2;filter:drop-shadow(0 0 4px currentColor)}.population-chart-tooltip{position:absolute;z-index:3;min-width:190px;max-width:min(320px,calc(100% - 24px));padding:10px 12px;border:1px solid #8adcca3d;border-radius:9px;background:#071118f2;color:#dcebea;box-shadow:0 12px 30px #0008;pointer-events:none;backdrop-filter:blur(8px)}.population-chart-tooltip time{display:block;margin-bottom:7px;padding-bottom:7px;border-bottom:1px solid #ffffff12;color:#91aab4;font-size:9px;letter-spacing:.35px}.population-tooltip-value{display:grid;grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:7px;margin-top:5px;font-size:10px}.population-tooltip-value i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 7px currentColor}.population-tooltip-value b{min-width:0;overflow:hidden;color:#bdd0d4;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.population-tooltip-value strong{color:#e7faf5;font-size:10px;white-space:nowrap}.population-tooltip-value.series-0{color:#71d9c1}.population-tooltip-value.series-1{color:#bbabff}
.population-collecting{display:flex;align-items:center;gap:8px;padding:8px 10px;font-size:11px;color:#96b8b3;background:#81d5c408;border:1px solid #81d5c413;border-radius:7px}.population-collecting>span{font-size:17px}.population-legend-item{display:flex;align-items:flex-start;gap:9px;min-width:0;flex:1}.population-legend-item>i{flex:0 0 7px;height:7px;border-radius:50%;background:currentColor;margin-top:6px;box-shadow:0 0 8px #ffffff0a}.population-legend-item strong{font-size:10px;font-weight:500;overflow-wrap:anywhere}.population-legend-item small{font-size:10px;color:#829aa6;margin-top:4px}[data-history="population"] .history-legend{gap:16px;margin:13px 2px 0}
.population-footnote{display:flex;gap:8px;align-items:flex-start;padding-top:14px;margin-top:14px;border-top:1px solid #ffffff0b;font-size:10px;line-height:1.6;color:#698594}.population-footnote>span:first-child{display:grid;place-items:center;flex:0 0 14px;height:14px;border:1px solid #69859455;border-radius:50%;font-size:9px}
.population-message{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;min-height:170px;gap:9px;padding:24px;border:1px dashed #87b8ae25;border-radius:12px;background:#060e1440}.population-message strong{font-size:13px;color:#c8dfdf}.population-message small{max-width:350px;font-size:11px;color:#88a0ac}.population-empty-icon{font-size:30px;color:#7ac1b2}.population-loader{width:22px;height:22px;border:2px solid #7ac1b21c;border-top-color:#7ac1b2;border-radius:50%;animation:population-spin .8s linear infinite}
[data-history="population"] :is(button,summary):focus-visible{outline:2px solid #85dac5;outline-offset:-2px}[data-history="population"] [data-chart]{animation:population-reveal .3s ease}
@keyframes population-spin{to{transform:rotate(360deg)}}@keyframes population-reveal{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){.population-cadence{display:none}.population-heading strong>span{display:block;font-size:11px}.population-heading small{font-size:8px;letter-spacing:1px}[data-history="population"] .history-toggle{padding:15px;gap:7px}[data-history="population"].is-open .history-inner{padding:0 14px 14px}.population-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.population-metrics article:last-child{grid-column:1/-1;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 12px}.population-metrics article:last-child>strong{font-size:18px}.population-metrics article{padding:10px}.population-metrics article>strong{font-size:21px}.population-metrics article>span{font-size:8px}.population-period button{padding:7px 10px;font-size:10px}.population-refresh{padding:7px 9px;font-size:10px}[data-history="population"] .history-chart{height:auto;min-height:130px}.population-chart-title{flex-wrap:wrap}.population-legend-item{flex-basis:100%}.population-toolbar{gap:6px}}
.audit-dialog-content .journal-refresh{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px}.audit-dialog-content .journal-refresh:disabled{opacity:1;cursor:progress}.journal-refresh>.live-refresh-icon{position:relative;isolation:isolate;display:grid;place-items:center;width:18px;height:18px;flex:0 0 18px;font-size:18px;line-height:1}.journal-refresh>.live-refresh-icon>b{width:100%;height:100%;display:grid;place-items:center;font:inherit;line-height:1;transform-origin:center}.journal-refresh>.live-refresh-icon>i{position:absolute;inset:-4px;z-index:-1;border:2px solid transparent;border-top-color:#65eca0;border-right-color:#68cce3a8;border-radius:50%;opacity:0;transition:opacity .2s ease}.journal-refresh.loading>.live-refresh-icon{animation:live-refresh-icon-pulse .9s ease-in-out infinite}.journal-refresh.loading>.live-refresh-icon>b{animation:live-refresh-command-spin .72s linear infinite}.journal-refresh.loading>.live-refresh-icon>i{opacity:1;animation:live-refresh-command-spin 1.08s linear infinite reverse}.journal-refresh.is-settling>.live-refresh-icon>b{animation:live-refresh-command-settle .54s cubic-bezier(.16,1,.3,1) both}
@media(prefers-reduced-motion:reduce){[data-history="population"] [data-chart]{animation:none!important}}

/* Keep metric values and their units aligned on narrow screens. */
@media(max-width:650px){
  .population-metrics article,
  .population-metrics article:last-child{display:block;padding:12px;}
  .population-metrics article>span{min-height:1.3em;margin-bottom:6px;}
  .population-metrics article>strong,
  .population-metrics article:last-child>strong{display:flex;flex-wrap:nowrap;align-items:baseline;gap:6px;min-width:0;margin:0 0 7px;font-size:clamp(18px,5vw,21px);line-height:1.3;white-space:nowrap;}
  .population-metrics article>strong small{flex:0 1 auto;min-width:0;font-size:clamp(9px,2.6vw,10px);white-space:nowrap;}
  .population-metrics article>p{width:100%;min-width:0;margin:0;overflow-wrap:anywhere;}
}

/* Chromium gives the standard scrollbar properties priority over the WebKit
   parts. Keep them at auto so every panel scrollbar uses the arrow-free parts
   defined below, including nested dialogs and controls. */
html.panel-document,
html.panel-document * {
  scrollbar-width: auto !important;
  scrollbar-color: auto !important;
}

html.panel-document::-webkit-scrollbar,
html.panel-document *::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

html.panel-document::-webkit-scrollbar-button,
html.panel-document *::-webkit-scrollbar-button {
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  display: none !important;
  border: 0 !important;
  background: none !important;
  -webkit-appearance: none !important;
}

:where(html.panel-document, html.panel-document *)::-webkit-scrollbar-track {
  background: rgba(2, 8, 12, .28);
}

:where(html.panel-document, html.panel-document *)::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(242, 200, 75, .3);
}
