.native-history-browser { display: grid; gap: .8rem; }
.native-history-head, .native-history-controls, .native-history-item-head { display: flex; align-items: center; gap: .6rem; }
.native-history-head, .native-history-item-head { justify-content: space-between; }
.native-history-head h2, .native-history-head p, .native-history-notice { margin: 0; }
.native-history-controls { flex-wrap: wrap; }
.native-history-controls input { flex: 1 1 15rem; min-width: 10rem; }
.native-history-controls input, .native-history-controls select { padding: .55rem; border: 1px solid var(--line-strong, #d1d5db); border-radius: .5rem; background: #fff; color: inherit; }
.native-history-notice { color: var(--muted, #6b7280); font-size: .85rem; }
.native-history-list { display: grid; gap: .55rem; }
.native-history-item { display: grid; gap: .35rem; width: 100%; padding: .75rem; border: 1px solid var(--line, #d9d9d9); border-radius: .7rem; background: var(--surface, #fff); color: inherit; text-align: left; }
.native-history-item:hover { border-color: var(--accent, #667eea); }
.native-history-item time { color: var(--muted, #6b7280); font-size: .75rem; white-space: nowrap; }
.native-history-excerpt { color: var(--muted, #4b5563); overflow-wrap: anywhere; }
.native-history-more { justify-self: center; }