.history-home,.history-share,.history-toolbar button,.history-chip,.history-line{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.history-line:focus-visible,.history-chip:focus-visible,.history-home:focus-visible,.history-share:focus-visible,.history-toolbar button:focus-visible{outline:2px solid rgba(119,182,255,.8);outline-offset:2px}
@media (hover:none){.history-home:hover,.history-share:hover{text-decoration:none}.history-chip:hover,.history-line:hover{background:rgba(255,255,255,.04)}}
:root{--bg:#07111d;--panel:#0d1827;--panel-2:#111f33;--text:#e8f1ff;--muted:#8fb2cc;--border:rgba(255,255,255,.08);--accent:#3b9eff;--ok:#42d392;--warn:#ffb84d;--error:#ff7b7b}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:linear-gradient(180deg,#08111c,#091523 35%,#0b1524);color:var(--text);font-family:Inter,system-ui,sans-serif}body{min-height:100vh}
.history-shell{width:min(1180px,100% - 24px);margin:0 auto;padding:24px 0 calc(40px + env(safe-area-inset-bottom))}
.history-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.history-header-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.history-kicker{margin:0 0 6px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.history-header h1{margin:0;font-size:clamp(30px,5vw,44px)}.history-subtitle{margin:8px 0 0;color:var(--muted);max-width:62ch}.history-home,.history-share{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(59,158,255,.3);background:rgba(59,158,255,.12);color:#dcecff;text-decoration:none;font:inherit;cursor:pointer}
.history-toolbar-card,.history-card{border:1px solid var(--border);background:linear-gradient(180deg,rgba(13,24,39,.96),rgba(9,16,28,.94));border-radius:24px;box-shadow:0 24px 50px rgba(0,0,0,.22)}.history-toolbar-card{padding:16px 18px;margin-bottom:16px}.history-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.history-toolbar label{display:flex;flex-direction:column;gap:6px;min-width:160px;flex:1 1 180px}.history-toolbar span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.history-toolbar select,.history-toolbar button{min-height:46px;border-radius:14px;border:1px solid #1a2e44;background:#0c1726;color:var(--text);padding:0 14px;font:inherit}.history-toolbar button{cursor:pointer;background:rgba(59,158,255,.14);border-color:rgba(59,158,255,.3);flex:0 0 auto}.history-toolbar-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:12px;flex-wrap:wrap}.history-active-scope{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.history-status{padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.04);font-size:12px}.history-status[data-kind="loading"]{border-color:rgba(59,158,255,.3);color:#d9ecff}.history-status[data-kind="ok"]{border-color:rgba(66,211,146,.32);color:var(--ok)}.history-status[data-kind="warn"]{border-color:rgba(255,184,77,.3);color:var(--warn)}.history-status[data-kind="error"]{border-color:rgba(255,123,123,.28);color:var(--error)}
.history-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr);gap:16px;margin-bottom:16px}.history-card{padding:18px}.history-main-card{min-height:100%}.history-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.history-card h2{margin:0;font-size:22px}.history-card-subtitle{margin:4px 0 0;color:var(--muted);font-size:14px}.history-card-head span,.history-section-title{color:var(--muted);font-size:12px;letter-spacing:.05em;text-transform:uppercase}.history-section-title{margin:18px 0 10px}.history-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}.history-kpis div{display:flex;flex-direction:column;gap:2px;padding:12px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.03)}.history-kpis strong{font-size:28px;font-family:Syne,Inter,sans-serif}.history-kpis span{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.history-chart-wrap{border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,rgba(9,16,28,.98),rgba(7,12,20,.96));padding:8px}#history-chart{display:block;width:100%;height:220px}.history-chips{display:flex;flex-wrap:wrap;gap:8px}.history-chip{border:1px solid var(--border);background:rgba(255,255,255,.04);color:var(--text);border-radius:999px;padding:8px 12px;font:inherit;cursor:pointer}.history-chip.active{border-color:rgba(59,158,255,.5);background:rgba(59,158,255,.18)}.history-lines{display:flex;flex-direction:column;gap:8px;max-height:520px;overflow:auto}.history-line{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.03);padding:12px 14px;cursor:pointer}.history-line-main{min-width:0;display:flex;flex-direction:column;gap:4px}.history-line-main strong{overflow-wrap:anywhere}.history-line-main small,.history-line-metrics{font-size:12px;color:var(--muted)}.history-line-metrics{display:flex;flex-direction:column;align-items:flex-end;gap:4px;white-space:nowrap}.history-empty{padding:16px;border:1px dashed var(--border);border-radius:16px;color:var(--muted)}
@media (max-width: 860px){.history-shell{width:min(100% - 16px,100%);padding:16px 0 calc(24px + env(safe-area-inset-bottom))}.history-header{flex-direction:column}.history-header-actions{width:100%;justify-content:stretch}.history-header-actions > *{flex:1 1 180px}.history-grid{grid-template-columns:1fr}.history-card,.history-toolbar-card{border-radius:22px}.history-lines{max-height:none}.history-line{align-items:flex-start}.history-line-metrics{text-align:right}.history-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 560px){.history-toolbar{flex-direction:column;align-items:stretch}.history-toolbar label{min-width:0;width:100%}.history-toolbar button{width:100%}.history-toolbar-meta{align-items:stretch}.history-active-scope,.history-status{width:100%}.history-card{padding:16px}.history-card-head{flex-direction:column}.history-kpis{gap:10px}.history-kpis strong{font-size:24px}.history-chips{overflow:auto;flex-wrap:nowrap;padding-bottom:4px}.history-chip{white-space:nowrap}.history-line{flex-direction:column;align-items:stretch}.history-line-metrics{align-items:flex-start}}