.base-switcher{display:flex;align-items:center;gap:12px;margin:8px 0 14px;min-width:0;color:var(--ink)}
.base-switcher-label{flex:none;font-size:11px;color:var(--muted)}
.base-switch-buttons{display:flex;align-items:center;gap:4px;min-width:0;overflow-x:auto;scrollbar-width:thin}
.base-switch-buttons button{flex:none;white-space:nowrap;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted);padding:7px 10px;font:inherit;font-size:12px;cursor:pointer}
.base-switch-buttons button:hover{background:var(--paper);color:var(--ink)}
.base-switch-buttons button[aria-pressed="true"]{background:var(--mint);border-color:var(--line);color:var(--green);font-weight:600}
.base-options{position:relative;margin-left:auto;flex:none;font-size:12px;z-index:12}
.base-options summary{display:flex;align-items:center;gap:6px;list-style:none;cursor:pointer;border:1px solid var(--line);border-radius:7px;padding:7px 10px;color:var(--muted);background:var(--paper)}
.base-options summary::-webkit-details-marker{display:none}
.base-filter-count{border-radius:4px;padding:0 4px;background:var(--mint);color:var(--green)}
.base-options-popover{position:absolute;right:0;top:calc(100% + 8px);width:340px;max-width:calc(100vw - 32px);box-sizing:border-box;padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--paper);box-shadow:0 10px 32px #0002}
.base-options-popover>strong{font-size:13px}.base-options-popover>p{font-size:11px;color:var(--muted);line-height:1.7;margin:8px 0}
.base-options-popover .base-filters{display:grid;grid-template-columns:1fr 1fr}.base-options-popover .base-filters label:first-child{grid-column:1/-1}.base-options-popover .base-filters input{min-width:0;width:100%;box-sizing:border-box}
.base-switcher button:focus-visible,.base-options summary:focus-visible{outline:2px solid var(--green);outline-offset:2px}
@media(max-width:760px){.base-switcher{flex-wrap:wrap;gap:8px}.base-switch-buttons{order:3;flex-basis:100%}.base-options{margin-left:auto}}
.base-filters{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin:12px 0}.base-filters label{display:grid;gap:5px;color:var(--muted);font-size:11px;min-width:0}.base-filters select,.base-filters input{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:7px;min-height:34px;max-width:100%;padding:6px 9px;font:inherit;font-size:12px}
.base-hero{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--mint)}.base-kicker{font-size:10px;letter-spacing:1.5px;color:var(--green)}.base-hero h3{font-size:18px;line-height:1.6;margin:10px 0}.base-hero p{font-size:12px;color:var(--muted);line-height:1.8}.base-hero button{margin:8px 8px 0 0;font-size:12px}
.base-record{display:grid;gap:8px;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}.base-record p{margin:0;line-height:1.7}.base-record small{font-size:11px;line-height:1.6;color:var(--muted)}.base-record .entity-link{justify-self:start}.base-warning{color:var(--red,#b85c45)}
.base-act-context{border:1px solid var(--line);border-radius:10px;padding:13px;margin-bottom:18px;font-size:12px}.base-act-context p{margin:8px 0}.base-act-context small,.base-act-context span,.base-relation-note{font-size:11px;color:var(--muted);line-height:1.7}.base-relation-note{padding:0 10px 12px}
@media(max-width:760px){.base-filters{display:grid;grid-template-columns:1fr 1fr}.base-filters label:first-child{grid-column:1/-1}.base-filters select,.base-filters input{width:100%;min-width:0;box-sizing:border-box}.base-hero{padding:14px}.base-hero h3{font-size:16px}.base-filters.compact{grid-template-columns:1fr}.base-filters.compact label:first-child{grid-column:auto}}