/* Scoped presentation: only Membership Overview's custom period controls use these styles. */
/* Hide the entire redundant filter wrapper, retaining its internal query value and popup selector. */
html.bf-membership-ui [role="listitem"]:has(>button[data-testid="parameter-value-widget-target"][aria-label="Quarter year"]){display:none!important}
.bf-date-popup{position:fixed;z-index:10000;width:510px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);overflow:auto;background:var(--mb-color-background-primary,#fff);color:var(--mb-color-text-primary,#26323b);border:1px solid var(--mb-color-border,#3b4953);border-radius:10px;box-shadow:0 12px 40px #0006;font:15px/1.4 Lato,Arial,sans-serif;padding:0}
.bf-date-popup button,.bf-date-popup input,.bf-date-popup select{font:inherit;color:inherit;background:transparent;border:1px solid var(--mb-color-border,#3b4953);border-radius:7px;cursor:pointer}
.bf-date-popup button:hover{border-color:#509ee3;color:var(--mb-color-text-brand,#2870ad)}.bf-date-popup button:focus-visible,.bf-date-popup input:focus-visible,.bf-date-popup select:focus-visible{outline:2px solid #509ee3;outline-offset:2px}
.bf-picker-tabs{display:flex;padding:12px 20px;gap:10px;border-bottom:1px solid var(--mb-color-border,#3b4953)}.bf-picker-tabs button{padding:7px 12px;border:0;font-weight:700}.bf-date-popup .bf-selected{background:#509ee3;color:#081b29;border-color:#509ee3}.bf-picker-body{padding:18px 20px}.bf-grid{display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.bf-grid.bf-two{grid-template-columns:repeat(2,1fr)}.bf-grid button{min-height:49px;padding:8px 3px}.bf-group-title{display:flex;align-items:center;gap:9px;font-weight:700;text-align:center;margin:19px 0 14px}.bf-group-title:before,.bf-group-title:after{content:'';flex:1;border-top:1px solid var(--mb-color-border,#3b4953)}.bf-quarter-title{display:flex;justify-content:space-between;align-items:center;margin:18px 0 12px;font-weight:700}.bf-quarter-title select{padding:6px 10px;min-width:90px;color:inherit;background:var(--mb-color-background-primary,#fff)}.bf-legacy{display:block;width:100%;margin-top:14px;padding:7px;font-size:13px!important}.bf-picker-footer{border-top:1px solid var(--mb-color-border,#3b4953);padding:14px 20px;display:flex;align-items:center;gap:10px}.bf-summary{flex:1;font-size:13px}.bf-summary small{display:block;opacity:.65;margin-top:3px}.bf-picker-footer button{padding:9px 15px}.bf-picker-footer .bf-apply{background:#509ee3;border-color:#509ee3;color:#081b29;font-weight:700}.bf-picker-footer button:disabled{opacity:.4;cursor:default}
.bf-months{display:grid;grid-template-columns:1fr 1fr;gap:20px}.bf-month-title{display:flex;align-items:center;justify-content:space-between;font-weight:700;margin-bottom:10px}.bf-month-title button{border:0;padding:3px 8px}.bf-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}.bf-weekday{font-size:12px;opacity:.6;padding:6px 0}.bf-calendar button{border:0;padding:5px 0;min-height:30px;font-size:13px}.bf-calendar .bf-range{background:#509ee333;color:var(--mb-color-text-brand,#2870ad);border-radius:3px}.bf-date-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.bf-date-inputs label{font-size:13px;font-weight:700}.bf-date-inputs input{display:block;width:100%;padding:8px;margin-top:6px;color-scheme:light}.bf-error{color:var(--mb-color-feedback-negative-strong,#b42318);font-size:13px;margin-top:12px}.bf-custom-label{color:#509ee3;font-weight:700}.bf-local-note{position:fixed;bottom:8px;right:12px;z-index:1000;padding:3px 8px;background:#071923dd;color:#95acbd;border:1px solid #3b4953;border-radius:5px;font:11px Arial,sans-serif;pointer-events:none}
@media(max-width:550px){.bf-months{gap:10px}.bf-picker-body{padding:14px}.bf-grid{gap:7px}.bf-grid button{font-size:13px}.bf-date-popup{left:12px!important}.bf-picker-footer{padding:12px}.bf-picker-footer button{padding:8px 10px}}

/* Keep selected presets, tabs and Apply legible when the pointer remains over them. */
.bf-date-popup button.bf-selected:hover,.bf-date-popup button.bf-apply:hover{color:#081b29}

/* Follow Metabase’s explicit theme, rather than the operating system preference.
   Native date inputs need the same scheme so their calendar icon stays readable. */
html[data-mantine-color-scheme="dark"] .bf-date-popup{color-scheme:dark;background:var(--mb-color-background-primary,#071923);color:var(--mb-color-text-primary,#f0f2f4)}
html[data-mantine-color-scheme="dark"] .bf-date-inputs input{color-scheme:dark}