.history-reference-heading,.history-reference-dialog-heading,.history-reference-date-label,.history-reference-id > span,.history-reference-backdrop {display:none;}
.history-reference-id {display:contents;}
@media(max-width:760px){
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .chart-history-filter-menu { margin:0 !important; box-sizing:border-box !important; inset:50% 16px auto 16px !important; transform:translateY(-50%) !important; width:calc(100vw - 32px) !important; padding:15px !important; opacity:1 !important; color:var(--settings-ref-text,#eef4f6) !important; background:var(--app-mobile-panel-surface,#111c23) !important; box-shadow:0 12px 40px rgba(0,0,0,.25) !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .chart-history-filter-menu::backdrop { background:transparent; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .chart-history-filter-menu:not(:popover-open) { display:none !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .chart-history-filter-menu:popover-open { display:block !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .chart-history-sort-actions { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; width:100% !important; gap:0 !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .chart-history-sort-actions .icon-btn { display:flex !important; justify-content:center !important; align-items:center !important; gap:8px !important; width:100% !important; min-width:0 !important; height:44px !important; padding:0 8px !important; white-space:nowrap !important; font-size:14px !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card #chart-history-delete-range { height:auto !important; min-height:76px !important; white-space:normal !important; line-height:22px !important; box-sizing:border-box !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card #chart-history-erase-all { display:flex !important; width:100% !important; height:45px !important; padding:0 8px !important; white-space:nowrap !important; }
}
@media(max-width:760px){
body>.history-reference-backdrop:not([hidden]){display:block;position:fixed;inset:0;background:rgba(0,8,14,.65);z-index:1200;}
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .chart-history-controls { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .chart-history-search { height:37px !important; margin-bottom:0 !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .chart-history-id-range { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; height:auto !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .chart-history-id-range .range-label { display:none !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .history-reference-id { display:grid !important; gap:3px !important; min-width:0 !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .history-reference-id > span { display:block !important; font-size:10px !important; color:var(--settings-ref-muted,#adc5d7) !important; padding-left:7px !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .history-reference-id input { height:37px !important; width:100% !important; border-radius:4px !important; margin:0 !important; font-size:16px !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .chart-history-date-range { gap:10px !important; height:auto !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .date-pill { position:relative !important; margin-top:17px !important; height:37px !important; padding:0 10px !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .history-reference-date-label { display:block !important; position:absolute !important; top:-17px !important; left:6px !important; font-size:10px !important; color:var(--settings-ref-muted,#adc5d7) !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .date-pill svg { order:2 !important; margin-left:auto !important; width:17px !important; height:17px !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .date-pill input { width:calc(100% - 23px) !important; min-width:0 !important; font-size:12px !important; height:33px !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .chart-history-reset { border:0 !important; background:transparent !important; justify-content:flex-start !important; color:var(--settings-ref-muted,#adc5d7) !important; font-size:12px !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .chart-history-more-filters > summary { height:32px !important; width:120px !important; margin-left:auto !important; border:1px solid #456f88 !important; border-radius:4px !important; background:rgba(74,126,159,.4) !important; font-size:12px !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .history-reference-heading { display:flex !important; align-items:center !important; justify-content:space-between !important; border-top:1px solid var(--settings-ref-border,#294b59) !important; margin:7px 0 10px !important; padding-top:11px !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .history-reference-heading h3 { margin:0 !important; font-size:15px !important; color:var(--settings-ref-text,#eef4f6) !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .history-reference-heading select { width:auto !important; border:0 !important; background:transparent !important; color:var(--settings-ref-muted,#adc5d7) !important; font-size:12px !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .chart-history-table tbody tr:not(.chart-history-empty-row) { grid-template-columns:repeat(3,minmax(0,1fr)) !important; grid-template-rows:auto auto auto !important; gap:0 !important; padding:10px 13px !important; border:1px solid var(--settings-ref-border,#294b59) !important; border-radius:6px !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .chart-history-table td:nth-child(1) { grid-area:1 / 1 / 2 / 3 !important; padding:0 !important; font-size:14px !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .chart-history-table td:nth-child(1)::before { content:"#" !important; position:static !important; display:inline !important; width:auto !important; height:auto !important; border:0 !important; background:none !important; color:inherit !important; font-size:inherit !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .chart-history-table td:nth-child(2) { grid-area:2 / 1 / 3 / 3 !important; padding:4px 0 8px !important; font-size:10px !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .chart-history-table td:nth-child(3) { grid-area:1 / 2 / 3 / 4 !important; padding:0 33px 8px 0 !important; font-size:14px !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .chart-history-table td:nth-child(n+4):nth-child(-n+6) { margin:0 !important; padding:9px 0 0 0 !important; border-top:1px solid var(--settings-ref-border,#294b59) !important; font-size:13px !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .chart-history-table td:nth-child(4) { color:#27d4cb !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .chart-history-table td:nth-child(5) { color:#e8c960 !important; padding-left:13px !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .chart-history-table td:nth-child(6) { padding-left:13px !important; color:var(--settings-ref-text,#eef4f6) !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .chart-history-action { font-size:0 !important; color:#ed6670 !important; background:rgba(230,70,90,.08) !important; width:27px !important; height:29px !important; border:1px solid #71353d !important; border-radius:4px !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .chart-history-action::before { content:""; display:inline-block; width:17px; height:20px; background:currentColor; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7h16M9 7V4h6v3M6 7l1 14h10l1-14M10 10v8m4-8v8' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .chart-history-filter-menu { position:fixed !important; z-index:1201 !important; left:16px !important; right:16px !important; top:50% !important; transform:translateY(-50%) !important; width:calc(100vw - 32px) !important; max-width:none !important; max-height:85dvh !important; overflow:auto !important; padding:15px !important; border:1px solid var(--settings-ref-border,#294b59) !important; border-radius:7px !important; background:var(--app-mobile-panel-surface,#111c23) !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .history-reference-dialog-heading { display:flex !important; justify-content:space-between !important; align-items:center !important; margin-bottom:22px !important; color:var(--settings-ref-text,#eef4f6) !important; font-size:20px !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .history-reference-dialog-heading button { background:transparent !important; border:0 !important; font-size:29px !important; color:var(--settings-ref-muted,#adc5d7) !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .chart-history-menu-group > span { display:block !important; text-transform:uppercase !important; letter-spacing:.1em !important; font-size:12px !important; margin-bottom:8px !important; color:var(--settings-ref-muted,#adc5d7) !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .chart-history-sort-actions { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:0 !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .chart-history-sort-actions button { min-height:43px !important; border:1px solid var(--settings-ref-border,#294b59) !important; border-radius:4px !important; background:transparent !important; color:var(--settings-ref-text,#eef4f6) !important; font-size:14px !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .chart-history-sort-actions button.active { background:rgba(66,124,175,.45) !important; border-color:#548ab5 !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .chart-history-sort-actions button.active::after { content:" ✓" !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card #chart-history-delete-range { display:block !important; position:relative !important; width:100% !important; text-align:left !important; padding:18px 0 18px 36px !important; margin:14px 0 !important; border:0 !important; border-top:1px solid var(--settings-ref-border,#294b59) !important; border-bottom:1px solid var(--settings-ref-border,#294b59) !important; border-radius:0 !important; background:transparent !important; color:var(--settings-ref-text,#eef4f6) !important; font-size:15px !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card #chart-history-delete-range svg { position:absolute !important; left:2px !important; top:19px !important; width:21px !important; height:24px !important; color:#ed6670 !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card #chart-history-delete-range::after { content:"Uses the From ID and To ID fields." !important; display:block !important; margin-top:4px !important; font-size:12px !important; color:var(--settings-ref-muted,#adc5d7) !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card #chart-history-erase-all { width:100% !important; min-height:45px !important; justify-content:center !important; background:rgba(230,70,90,.08) !important; border:1px solid #d64e61 !important; border-radius:5px !important; color:#ed6670 !important; font-size:15px !important; font-weight:700 !important; }
}

/* Compact mobile filters and softened chart-history accents. */
@media (max-width:760px) {
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .history-reference-id input,
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .date-pill { height:33.3px !important; min-height:33.3px !important; box-sizing:border-box !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .date-pill input { height:29.7px !important; min-height:0 !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .chart-history-table td:nth-child(4) { color:color-mix(in srgb, #27d4cb 90%, var(--settings-ref-muted,#adc5d7)) !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .chart-history-table td:nth-child(5) { color:color-mix(in srgb, #e8c960 90%, var(--settings-ref-muted,#adc5d7)) !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .chart-history-action,
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card #chart-history-delete-range svg,
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card #chart-history-erase-all { color:color-mix(in srgb, #ed6670 90%, var(--settings-ref-muted,#adc5d7)) !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card .chart-history-action { background:transparent !important; border-color:transparent !important; box-shadow:none !important; }
html body #settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section#settings-section #chart-history-card #chart-history-erase-all { border-color:color-mix(in srgb, #d64e61 90%, var(--settings-ref-muted,#adc5d7)) !important; background:transparent !important; }
}