/* Page-scoped rules for templates/core/ (docs/UI.md §5). Prefix every class with `cp-`. */

/* ---- global header search (partials/search_box.html, FEATURES-BASELINE §3 C-6) ---- */
/* The results panel stays anchored to its field in both the desktop header and mobile header. */
.cp-search{width:100%;margin:0}
.cp-search input{width:100%;font-size:13px;padding-top:9px;padding-bottom:9px}
.cp-search-results,.cp-search-busy{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30}
.cp-search-results:empty{display:none}
.cp-search-busy{padding:10px 12px;background:var(--sunken);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--shadow)}

/* ---- results panel (partials/search_results.html): the box fragment and the search page ---- */
.cp-search-panel{background:var(--surface);color:var(--ink);border:1px solid var(--line-2);border-radius:var(--r);box-shadow:var(--shadow);padding:7px 13px 0;max-height:min(60vh,520px);overflow:auto}
.cp-search-group{padding:6px 0}
.cp-search-group .section-label{display:block;padding:4px 0 2px}
.cp-search-panel .list li{padding:9px 0;border-bottom:1px solid var(--line-2)}
.cp-search-panel .list li:last-child{border-bottom:0}
.cp-search-hit{display:flex;flex-direction:column;flex:1;min-width:0;text-decoration:none!important}
.cp-search-panel a{color:var(--ink)}
.cp-search-panel a.linkbtn{color:var(--accent-ink)}
.cp-search-hit .t{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cp-search-hit .d{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cp-search-hit:hover .t{color:var(--accent-ink)}
.cp-search-panel .chip{flex:none;font-size:11px;padding:3px 8px}
/* the footer stays in view at the bottom of the scrolling panel (CASCA-11) */
.cp-search-foot{position:sticky;bottom:0;display:flex;align-items:center;gap:10px;padding:8px 0 8px;border-top:1px solid var(--line-2);background:var(--surface);font-size:12.5px}
.cp-search-foot .linkbtn{font-size:12.5px}

/* the search page shows the same panel in the content column: no popover chrome there */
.cp-search-page .cp-search-panel{background:transparent;border:0;box-shadow:none;padding:0;max-height:none;overflow:visible}
.cp-search-page .cp-search-hit .t,.cp-search-page .cp-search-hit .d{white-space:normal}