/* G4-PICK1 — the year / period buttons in the header, the month grid, the one-row compare filter, the company search. Colours from the site variables. */
.pick1-native{position:absolute!important;inline-size:1px!important;block-size:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;opacity:0;pointer-events:none}
.pick1-native-pair,.pick1-native-row{display:none!important}
.pick1-btn{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:6px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font:inherit;font-weight:600;white-space:nowrap;cursor:pointer;max-inline-size:100%;overflow:hidden;text-overflow:ellipsis}
.pick1-btn::after{content:"▾";font-size:.75em;opacity:.6}
.pick1-btn:hover{border-color:var(--accent)}.pick1-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.pick1-list{display:grid;gap:4px;max-block-size:18rem;overflow-y:auto}
.pick1-list button{display:flex;justify-content:space-between;align-items:center;inline-size:100%;text-align:start;padding:8px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text);cursor:pointer}
.pick1-list button:hover,.pick1-list button[aria-current="true"]{border-color:var(--line);background:var(--panel2,var(--panel))}
.pick1-presets{display:flex;flex-wrap:wrap;gap:6px;margin-block:4px 8px}
.pick1-grid{display:grid;gap:10px;max-block-size:20rem;overflow-y:auto}
.pick1-year>b{display:block;margin-block-end:4px;font-size:.9rem}
.pick1-months{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}
.pick1-months button{min-height:32px;padding:4px 2px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);font-size:.85rem;cursor:pointer}
/* the chosen range and its two ends, above the header pop-over button look */
#pick1RangePop .pick1-months button[aria-pressed="true"]{background:color-mix(in srgb,var(--accent) 22%,var(--panel))!important;border-color:var(--accent)!important}
#pick1RangePop .pick1-months button[data-pick1-end]{background:var(--accent)!important;color:#fff!important;font-weight:700}
.pick1-months button:disabled{opacity:.35;cursor:not-allowed}
.pick1-apply{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-block-start:10px;padding-block-start:8px;border-block-start:1px solid var(--line)}
.pick1-cmp{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-block:6px 10px}
.pick1-cmp-mode{display:inline-flex;align-items:center;gap:6px}.pick1-cmp-mode select{min-height:34px;inline-size:auto;max-inline-size:100%}
.pick1-cmp-months{position:relative}
.pick1-chips-pop{position:absolute;inset-block-start:calc(100% + 6px);inset-inline-start:0;z-index:30;inline-size:min(560px,calc(100vw - 32px));max-block-size:18rem;overflow-y:auto;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 10px 30px rgba(0,0,0,.18)}
.pick1-chips-pop .stm4-chips{display:flex;flex-wrap:wrap;gap:6px}
.pick1-clear{min-width:34px;min-height:34px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--muted);font-size:1.1rem;line-height:1;cursor:pointer}
.pick1-help{inline-size:22px;block-size:22px;min-height:22px;padding:0;margin-inline-start:6px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--muted);font-size:.8rem;line-height:1;cursor:help;vertical-align:middle}
.pick1-search{inline-size:100%;max-inline-size:420px;margin-block-end:6px}
@media (max-width:600px){.pick1-btn{max-inline-size:calc(100vw - 48px)}.pick1-months{grid-template-columns:repeat(4,minmax(0,1fr))}.pick1-cmp>*{max-inline-size:100%}}
.stm4-head:has(.pick1-help){justify-content:flex-start;align-items:center;gap:6px}