/* Shared compact filter controls. */
.opinix-filter-ui .update-disclosure{margin:0 0 10px;border:1px solid #ffffff0d;border-radius:16px;background:#10141bb3;color:#b6becb;overflow:hidden}
.opinix-filter-ui .update-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:12px 17px;list-style:none;cursor:pointer;font-size:12px;line-height:1.5}
.update-disclosure>summary::-webkit-details-marker{display:none}
.update-main,.update-actions{display:flex;align-items:center;gap:10px;min-width:0}
.update-main{font-variant-numeric:tabular-nums}.update-main #syncNotice{color:#c4ccd8}
.update-dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#8ca4c2}
.update-actions{flex-shrink:0;color:#8d98aa;font-size:11px}.update-status{color:#d9b984;border:1px solid #d9b98422;background:#d9b98408;padding:2px 8px;border-radius:20px;font-size:10px}
.update-status[hidden],.filter-count[hidden]{display:none!important}
.update-disclosure[data-state="failed"] .update-status{color:#ffaca9}
.disclosure-chevron{width:16px;height:16px;stroke-width:1.6;transition:transform .18s ease}
.update-disclosure[open] .disclosure-chevron{transform:rotate(180deg)}
.update-disclosure[open]>summary{border-bottom:1px solid #ffffff0c}
.update-disclosure .update-body{padding:18px;font-size:12px}
.update-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.update-detail-heading strong{color:#e2e7ef;font-weight:600}.update-detail-heading #refreshState{font-size:11px;color:#a7b1c0}
.update-times{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0 0}
.update-times dt{font-size:11px;color:#8f9aaa;margin-bottom:7px}.update-times dd{margin:0;color:#d1d8e2;font-size:12px;line-height:1.6;font-variant-numeric:tabular-nums}
.update-body #refreshDetail{margin:17px 0 0;padding-top:15px;border-top:1px solid #ffffff0b;color:#929ead;font-size:11px;line-height:1.8;max-width:100ch}
.opinix-filter-ui .filters.compact-filters{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 22px;padding:3px 0;background:transparent;border:0;border-radius:0;box-shadow:none;min-height:46px}
.opinix-filter-ui .filters.compact-filters[hidden]{display:none!important}
.filter-current{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap;font-size:12px;line-height:1.6;color:#8f9aaa;padding:6px 2px}.filter-current #filterPeriod{color:#c9d1dd}.filter-separator{color:#566173}.filter-current.has-error #filterPeriod{color:#ffaaa4}
.opinix-filter-ui .filter-trigger{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;flex-shrink:0;height:42px;padding:0 17px;border:1px solid #ffffff1c;border-radius:999px;background:#1c222c;color:#e8edf5;font-weight:500;font-family:inherit;font-size:12px;cursor:pointer;transition:background .16s,border-color .16s}
.filter-trigger:hover{background:#262e3c!important;border-color:#ffffff38!important}.filter-trigger svg{width:17px;height:17px;stroke-width:1.5}.filter-trigger.has-filters{border-color:#719acf70!important;background:#213146!important}.filter-count{display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:50%;background:#a7c9f4;color:#142136;font-size:10px;font-weight:700}
body.filter-panel-open{overflow:hidden}
.opinix-filter-ui :is(#filterPanel,#quotaFilterPanel,#proxyQuotaPanel){position:fixed;inset:12px 12px 12px auto;margin:0;padding:0;width:min(440px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);height:calc(100dvh - 24px);border:1px solid #ffffff20;border-radius:24px;background:#151922;color:#e9edf3;box-shadow:0 24px 90px #0008;overflow:auto;overscroll-behavior:contain;color-scheme:dark}
:is(#filterPanel,#quotaFilterPanel,#proxyQuotaPanel):not([open]){display:none!important}
:is(#filterPanel,#quotaFilterPanel,#proxyQuotaPanel)[open]{display:flex;flex-direction:column;animation:filter-enter .22s ease-out}
:is(#filterPanel,#quotaFilterPanel,#proxyQuotaPanel)::backdrop{background:#05070bbc;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.filter-drawer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:27px 26px 22px;border-bottom:1px solid #ffffff0c;flex-shrink:0}
.filter-drawer-head h2{margin:0;font-size:23px;font-weight:600;letter-spacing:-.6px;color:#f2f5f9}.filter-drawer-head p{margin:8px 0 0;font-size:12px;line-height:1.5;color:#8f9aac}
.filter-close{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;padding:9px;border:1px solid #ffffff12;border-radius:50%;background:#222833;color:#c1cbd8;cursor:pointer}.filter-close svg{width:17px;height:17px;stroke-width:1.7}
:is(#filterPanel,#quotaFilterPanel,#proxyQuotaPanel) .filter-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:22px 14px;padding:26px;flex:1;overflow:auto}
:is(#filterPanel,#quotaFilterPanel,#proxyQuotaPanel) label{display:flex;flex-direction:column;gap:9px;min-width:0;font-size:12px;color:#a5afbf}
:is(#filterPanel,#quotaFilterPanel,#proxyQuotaPanel) .filter-full{grid-column:1/-1}
:is(#filterPanel,#quotaFilterPanel,#proxyQuotaPanel) select,:is(#filterPanel,#quotaFilterPanel,#proxyQuotaPanel) input{width:100%;min-width:0;box-sizing:border-box;height:47px;padding:0 12px;border:1px solid #ffffff13;border-radius:12px;background:#202530;color:#e5ebf4;font-family:inherit;font-size:13px;box-shadow:none}
:is(#filterPanel,#quotaFilterPanel,#proxyQuotaPanel) select:disabled{opacity:.55;cursor:default}:is(#filterPanel,#quotaFilterPanel,#proxyQuotaPanel) input::-webkit-calendar-picker-indicator{opacity:.65}
:is(#filterPanel,#quotaFilterPanel,#proxyQuotaPanel) #allDates{width:max-content;grid-column:1/-1;border-radius:999px;padding:9px 14px;background:#263449;border:1px solid #425a7770;color:#b8d5f6;font-size:12px;min-height:38px}
:is(#filterPanel,#quotaFilterPanel,#proxyQuotaPanel) #filterError{grid-column:1/-1;color:#ffb2ab;font-size:12px;margin:0;line-height:1.6}:is(#filterPanel,#quotaFilterPanel,#proxyQuotaPanel) #filterError:empty{display:none}
:is(#filterPanel,#quotaFilterPanel,#proxyQuotaPanel) #periodCoverage{grid-column:1/-1;margin:0;padding-top:16px;border-top:1px solid #ffffff0c;color:#8e9aab;font-size:11px;line-height:1.8}
.filter-drawer-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 26px max(20px,env(safe-area-inset-bottom));border-top:1px solid #ffffff0e;background:#151922;flex-shrink:0}
:is(#filterPanel,#quotaFilterPanel,#proxyQuotaPanel) #reset{padding:12px 0;min-height:44px;background:none;border:0;color:#acb8c9;font-family:inherit;font-size:12px;cursor:pointer}
.filter-done{padding:13px 30px;min-height:44px;border:0;border-radius:999px;background:#e6edf7;color:#182332;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}
.filter-trigger:focus-visible,.filter-close:focus-visible,.filter-done:focus-visible,.update-disclosure>summary:focus-visible,:is(#filterPanel,#quotaFilterPanel,#proxyQuotaPanel) select:focus-visible,:is(#filterPanel,#quotaFilterPanel,#proxyQuotaPanel) input:focus-visible,:is(#filterPanel,#quotaFilterPanel,#proxyQuotaPanel) button:focus-visible{outline:2px solid #a9ceff;outline-offset:3px}
@keyframes filter-enter{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:600px){
  .opinix-filter-ui .update-disclosure>summary{padding:12px 13px;gap:9px;font-size:11px;align-items:flex-start}.update-main{gap:8px;align-items:flex-start}.update-dot{margin-top:5px}.update-actions{gap:5px;align-items:center}.update-detail-label{display:none}.update-status{font-size:9px;padding:2px 6px}.update-times{grid-template-columns:1fr;gap:14px}.update-times>div{display:flex;justify-content:space-between;gap:18px}.update-times dt{margin:0;flex-shrink:0}.update-times dd{text-align:right;font-size:11px}.update-detail-heading{gap:8px}.filter-current{gap:5px 8px;font-size:11px}.filter-trigger{padding:0 14px!important}.opinix-filter-ui .filters.compact-filters{gap:10px;margin-bottom:18px}
  .opinix-filter-ui :is(#filterPanel,#quotaFilterPanel,#proxyQuotaPanel){inset:auto 0 0;margin:0;width:100%;max-width:100%;height:auto;max-height:88dvh;border-radius:24px 24px 0 0;border-bottom:0;box-sizing:border-box}
  :is(#filterPanel,#quotaFilterPanel,#proxyQuotaPanel)[open]{animation:filter-rise .22s ease-out}.filter-drawer-head{padding:24px 21px 19px}:is(#filterPanel,#quotaFilterPanel,#proxyQuotaPanel) .filter-fields{padding:23px 21px;gap:19px 12px;flex:auto}.filter-drawer-head h2{font-size:22px}.filter-drawer-footer{padding-left:21px;padding-right:21px}:is(#filterPanel,#quotaFilterPanel,#proxyQuotaPanel) select,:is(#filterPanel,#quotaFilterPanel,#proxyQuotaPanel) input{font-size:16px}:is(#filterPanel,#quotaFilterPanel,#proxyQuotaPanel) label{font-size:11px}
  @keyframes filter-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
}
@media(prefers-reduced-motion:reduce){:is(#filterPanel,#quotaFilterPanel,#proxyQuotaPanel)[open]{animation:none}.disclosure-chevron,.filter-trigger{transition:none}}
@media print{.filters.compact-filters{display:none!important}.update-disclosure{background:#fff!important;border-color:#ccc!important}.update-disclosure #syncNotice{color:#222!important}.update-body,.update-actions{display:none!important}}

.opinix-filter-ui .compact-quota-filters{display:flex;align-items:center;justify-content:space-between;gap:14px;background:none;border:0;box-shadow:none;padding:3px 0;margin:0 0 20px}.filter-toolbar-actions,.proxy-quota-filter{display:flex;align-items:center;gap:12px}.filter-toolbar-actions>button{flex-shrink:0}.compact-quota-filters .filter-current{font-size:14px}.filter-close{font-size:22px;line-height:1}.opinix-filter-ui :is(#quotaFilterPanel,#proxyQuotaPanel) .filter-fields>button{grid-column:1/-1}.opinix-filter-ui :is(#quotaFilterPanel,#proxyQuotaPanel) label[hidden]{display:none!important}.opinix-filter-ui #proxyQuotaPanel label{grid-column:1/-1}.opinix-filter-ui .filter-current,.opinix-filter-ui .filter-trigger{font-size:14px}.opinix-filter-ui .filter-fields label{font-size:13px}.opinix-filter-ui .filter-drawer-head p{font-size:13px}.opinix-filter-ui .filter-fields select,.opinix-filter-ui .filter-fields input{font-size:14px}.opinix-filter-ui .filter-count{font-size:12px;min-width:20px;height:20px}
@media(max-width:600px){.opinix-filter-ui .compact-quota-filters{align-items:flex-start;flex-direction:column}.filter-toolbar-actions{width:100%;justify-content:space-between}.proxy-quota-filter{flex-wrap:wrap}.opinix-filter-ui .filter-current{font-size:13px}.opinix-filter-ui .filter-fields select,.opinix-filter-ui .filter-fields input{font-size:16px}}
@media print{.compact-quota-filters,.proxy-quota-filter{display:none!important}}