/* The one popover (Procress 22, APP docs/COMPONENTS.md "Popover").
   core/popover.js — openPopover(anchor, html, {placement, size, …}) builds it,
   placeFloating() positions it (flip + shift, never off-screen). Every small
   "pick a value / small setting" popup and every menu is a .popover; a full
   form is openModal(). Loaded before inspector.css so the per-popup rules
   there (.icon-edit-popup, .context-menu-popup, …) still win over the base.
   Layer: above modals on purpose — a picker opened from inside a modal must
   not open behind it (the old .kind-popup sat at 9999 for the same reason). */
.popover{
	position:fixed;z-index:calc(var(--z-tooltip) + 200);background:var(--surface);border:1px solid var(--border);
	border-radius:var(--r);box-shadow:var(--shadow-menu);
	max-width:calc(100vw - 16px);
}
.popover:focus{outline:none}
/* sizes — a menu is md */
.popover-sm{width:220px;padding:6px}
.popover-md,.popover-menu{width:280px;padding:6px}
.popover-lg{width:340px;padding:12px}
.popover-menu{max-height:360px;overflow-y:auto}
/* Procress 26 part 2: the Create menu (hub/menus.js openKindPopup, size .popover-xl) shows every
   kind at once — up to three columns under its search box, a heading kept with
   its first row. It only scrolls when the window is too small for that. */
.popover-xl{width:min(820px,calc(100vw - 16px));max-height:calc(100vh - 16px)}
.popover-xl .kind-cols{columns:250px 3;column-gap:8px}
.popover-xl .kind-cols > *{break-inside:avoid}
.popover-xl .kind-cols > [data-kind-head]{break-after:avoid}
/* filterKindList sets [hidden]; .kind-list-item's display:flex used to win, so
   the search hid the headings and never a row. */
.kind-list-item[hidden]{display:none}
/* a popover's own head line and its footer row (rare: most apply live) */
.popover-head{padding:4px 6px 8px;font-size:calc(var(--fs-meta) * var(--fsc,1));font-weight:600;color:var(--t2)}
.popover-foot{display:flex;justify-content:flex-end;gap:var(--sp-2);padding-top:var(--sp-2);border-top:1px solid var(--border);margin-top:var(--sp-2)}
/* Procress 27 part 4: guide text — the one tooltip (core/popover.js; its
   position:fixed is set there). Above every layer, never takes the pointer. */
.ui-tip{
	z-index:calc(var(--z-tooltip) + 300);max-width:280px;padding:5px 9px;pointer-events:none;
	background:var(--material-base,var(--surface));color:var(--t1);border:1px solid var(--border);border-radius:var(--r);
	box-shadow:var(--shadow-pop);font-size:calc(11.5px * var(--fsc,1));line-height:1.35;white-space:pre-line;
	opacity:0;transform:translateY(2px);transition:opacity .12s ease,transform .12s ease;
}
.ui-tip.on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.ui-tip{transition:none}}