/* One search row and an optional filter area, shared across workspace views. */
.po-query-panel.card,.po-query-panel.po-radar-library,.po-query-panel{position:relative;display:block;padding:16px;margin:0 0 20px;border:1px solid var(--tblr-border-color);border-radius:var(--tblr-card-border-radius);background:var(--tblr-bg-surface)}
.po-query-panel .po-query-search{grid-column:1;grid-row:1;display:flex;align-items:center;gap:12px;margin:0 120px 0 0!important;min-width:0}
.po-query-panel .po-search,.po-query-panel input[type=search]{width:100%;min-width:0;margin:0;flex:1}
.po-query-panel .po-filters{display:block;border:0;margin:0;padding:0;background:transparent}
.po-query-panel .po-filters>summary{position:absolute;right:16px;top:16px;display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 12px;border:1px solid var(--tblr-border-color);border-radius:var(--tblr-border-radius);cursor:pointer;list-style:none;color:var(--tblr-body-color);background:var(--tblr-bg-surface)}
.po-query-panel .po-filters>summary::-webkit-details-marker{display:none}
.po-query-panel .po-filters>summary:after{display:none}
.po-query-panel .po-filters>summary>strong{font-weight:500;font-size:13px}
.po-query-panel .po-filters>summary>i{font-size:18px}
.po-filter-summary:empty{display:none}.po-filter-summary{font-size:11px;background:var(--tblr-primary-lt);color:var(--tblr-primary);padding:1px 5px;border-radius:4px}
.po-query-panel .po-filters[open]>summary{background:var(--tblr-primary-lt);border-color:var(--tblr-primary);color:var(--tblr-primary)}
.po-filter-chevron{display:none}
.po-query-panel .po-filter-fields{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;align-items:end;padding:20px 0;margin:16px 0 0;border-top:1px solid var(--tblr-border-color)}
.po-query-panel .po-filter-fields>label{display:grid;gap:6px;font-size:12px;min-width:0;margin:0;color:var(--tblr-secondary-color)}
.po-query-panel .po-filter-fields .form-select{width:100%;min-width:0;margin:0;padding-right:36px!important;background-position:right 12px center}
.po-query-panel .po-filter-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:12px;padding-top:12px;border-top:1px solid var(--tblr-border-color)}
.po-query-panel .po-library-summary{grid-column:1/-1;margin:12px 0 0;font-size:12px;color:var(--tblr-secondary-color)}
.po-query-panel .po-filter-fields.po-filter-bar{grid-template-columns:repeat(3,minmax(0,1fr))}
.po-query-panel summary:focus-visible{outline:2px solid var(--tblr-primary);outline-offset:3px}
@media(max-width:767px){.po-query-panel.card,.po-query-panel.po-radar-library,.po-query-panel{padding:12px;gap:0 8px}.po-query-panel .po-filter-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.po-query-panel .po-filter-fields.po-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.po-query-panel .po-filter-actions{flex-wrap:wrap}.po-query-panel .po-filters>summary{min-height:44px;right:12px;top:12px}.po-query-panel .po-filter-fields .po-view-tabs{grid-column:1/-1}}

.po-query-panel.po-query-clearable .po-query-search{margin-right:180px!important}.po-query-clearable .po-filters>summary{right:68px}.po-query-clearable>.po-clear-filters{position:absolute;right:16px;top:16px;width:40px;height:40px;min-height:40px;padding:0}@media(max-width:767px){.po-query-panel.po-query-clearable .po-query-search{margin-right:0!important}.po-query-clearable .po-filters>summary{right:64px}.po-query-clearable>.po-clear-filters{top:68px;right:12px;width:44px;height:44px;min-height:44px}.po-query-clearable .po-blip-view-menu>summary{min-width:0;max-width:calc(100vw - 236px)}.po-query-clearable .po-blip-view-menu>summary>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

@media(max-width:359px){.po-query-clearable .po-blip-view-menu>summary{width:44px;height:44px;padding:0;justify-content:center}.po-query-clearable .po-blip-view-menu>summary>span,.po-query-clearable .po-blip-view-menu>summary>.ti:last-child{display:none}}
/* A shared search + layout toolbar for record lists. Search owns the full mobile row. */
.po-query-with-layout .po-query-search>input[type=search]{order:-1;flex:1;min-width:0;width:100%;max-width:none}.po-query-with-layout .po-query-search>:is(#note-layout,[data-reminder-layout]){flex:0 0 160px;width:160px;min-width:0}
@media(max-width:767px){.po-query-with-layout .po-query-search{display:grid;grid-template-columns:minmax(0,1fr) 112px;margin:0!important;gap:8px}.po-query-with-layout .po-query-search>input[type=search]{grid-row:1;grid-column:1/-1;width:100%}.po-query-with-layout .po-query-search>:is(#note-layout,[data-reminder-layout]){grid-row:2;grid-column:1;width:100%;min-height:44px}.po-query-with-layout .po-filters>summary{top:68px}}