.history-query { --hq-text: var(--text, var(--ink, #142235)); --hq-accent: var(--primary, var(--accent, #2563eb)); --hq-bg: var(--surface, #fff); --hq-soft: var(--surface-subtle, #f7f9fb); --hq-border: var(--border, #d7e1ec); margin: 12px 0; color: var(--hq-text); }
.history-query [hidden] { display: none !important; }
.hq-presets { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.history-query button, .hq-more { min-height: 48px; padding: 8px; border: 1px solid var(--hq-border, #d7e1ec); border-radius: 8px; color: var(--hq-text, #142235); background: var(--hq-bg, #fff); font-size: 14px; font-weight: 700; line-height: 1.4; cursor: pointer; touch-action: manipulation; }
.history-query button[aria-pressed="true"], .history-query button[type="submit"] { border-color: var(--hq-accent); color: #fff; background: var(--hq-accent); }
.history-query button:active, .hq-more:active { opacity: .75; }
.history-query button:focus-visible, .history-query input:focus-visible, .hq-more:focus-visible { outline: 3px solid var(--hq-accent, #2563eb); outline-offset: 2px; }
.history-query .hq-range { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 12px; }
.history-query .hq-range label { display: grid; min-width: 0; gap: 6px; color: var(--hq-text); font-size: 14px; font-weight: 700; }
.history-query .hq-range input { display: block; width: 100%; min-width: 0; min-height: 48px; margin: 0; padding: 8px; border: 1px solid var(--hq-border); border-radius: 8px; color: var(--hq-text); background: var(--hq-bg); font: inherit; font-size: 16px; color-scheme: light; }
.hq-range input::-webkit-date-and-time-value { text-align: left; }
.hq-range button, .hq-error { grid-column: 1 / -1; }
.history-query .hq-error { margin: 0; color: var(--danger, #b91c1c); font-size: 14px; font-weight: 600; line-height: 1.5; }
.history-query .hq-results { margin: 10px 0 0; color: var(--muted, #53657a); font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
.hq-more { width: 100%; margin-top: 8px; color: var(--primary, var(--accent, #2563eb)); background: var(--surface, #fff); }
#historyDialog { max-height: calc(92dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom)); overflow-y: auto; overscroll-behavior: contain; }
#historyDialog .history-rows, #historyDialog .history-content { max-height: none; overflow: visible; }
#historyDialog.editor-dialog > .history-query { margin: 0; padding: 12px 16px; }
#historyDialog.editor-dialog > .history-rows { padding-top: 8px; }
@media (max-width: 359px) { .history-query .hq-range { grid-template-columns: minmax(0, 1fr); } }
@media (prefers-reduced-motion: reduce) { .history-query *, .hq-more { transition: none !important; animation: none !important; } }