/* ------------------------------------------------------------------
   evoHouse.css - the house components of the modernized look
   (docs-dev/styling.inc; house plan section 7.2, ruled 07-10-2026).

   Every component another page could use lives here under a generic
   evo- class name, loaded globally from index.php straight after
   style.css. Pages hold markup only: no <style> copy and no
   page-prefixed copy (rq-, or-, tk-...) of a house component, so a
   change to the house design is one edit here, not an audit of every
   page. Truly page-specific rules go in assets/css/modules/<page>.css.
   ------------------------------------------------------------------ */
/* View chips (docs-dev/styling.inc 1.4f): a one-line strip of filter buttons with
   counts - the register's status buckets, a workspace's saved views. Exactly one
   is .active (filled primary); clicking it again clears back to all. The count
   sits in a pill; .is-warning / .is-danger tint that pill so a bucket that is a
   problem reads as one without a tile row. .is-empty fades a bucket with nothing
   in it. Same look as the opportunityWorkspace .ows-chip it generalises. */
.evo-vchips { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; }
.evo-vchip {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	border: 1px solid #ced4da;
	background: #fff;
	color: #212529;
	border-radius: 1rem;
	padding: .15rem .3rem .15rem .75rem;
	font-size: .85rem;
	line-height: 1.4;
	white-space: nowrap;
	cursor: pointer;
}
.evo-vchip:hover { background: #f1f3f5; }
.evo-vchip:focus-visible { outline: 2px solid var(--bs-primary); outline-offset: 1px; }
.evo-vchip.active { background: var(--bs-primary); border-color: var(--bs-primary); color: #fff; }
.evo-vchip-n {
	display: inline-block;
	min-width: 1.6em;
	padding: 0 .45rem;
	border-radius: 1rem;
	background: #e9ecef;
	color: #495057;
	font-weight: 600;
	font-size: .8rem;
	text-align: center;
	font-variant-numeric: tabular-nums;
}
.evo-vchip.is-warning .evo-vchip-n { background: #fff3cd; color: #664d03; }
.evo-vchip.is-danger .evo-vchip-n { background: #f8d7da; color: #842029; }
.evo-vchip.active .evo-vchip-n { background: rgba(255,255,255,.25); color: #fff; }
.evo-vchip-sub { opacity: .75; padding-right: .3rem; }
.evo-vchip-sub:empty { display: none; }
.evo-vchip.is-empty { opacity: .6; }
.evo-vchip.is-empty .evo-vchip-n { background: #e9ecef; color: #495057; }