/* ============================================================================
   Config / Lookup-table manager — Signal ".cfg" design.
   Verbatim translation of docs/design/config_table_templates/Config Lookup Table.dc.html.
   Color via tokens() set on .cfg-root in JS (compositionComplete). Light default + dark.
   Namespaced .cfg-*. In-slot: root is position:absolute;inset:0.
   ============================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

.cfg-root { -webkit-font-smoothing: antialiased; }
.cfg-root * { box-sizing: border-box; }
.cfg-root ::selection { background: #C2CCFB; }

/* scrollbars */
.cfg-scroll::-webkit-scrollbar { width: 10px; height: 10px; }
.cfg-scroll::-webkit-scrollbar-thumb { background: var(--border-strong, #cfd4e4); border-radius: 99px; border: 2px solid transparent; background-clip: content-box; }
.cfg-scroll::-webkit-scrollbar-track { background: transparent; }

/* table rows */
.cfg-row { transition: background .12s; }
.cfg-row:hover { background: var(--surface-2, #FAFBFE); }
.cfg-row:hover .cfg-kebab { opacity: 1 !important; }

/* generic interactive affordance */
.cfg-act { transition: filter .14s, background .14s, border-color .14s, color .14s; }
.cfg-act:hover { filter: brightness(.97); }

/* kebab dropdown items */
.cfg-menu-item:hover { background: var(--surface-2); }
.cfg-menu-danger:hover { background: var(--bad-bg); }

/* inputs */
.cfg-in::placeholder { color: var(--faint, #A2A7BC); }
.cfg-in:focus { outline: none; border-color: var(--brand-400, #7B8FF3); box-shadow: 0 0 0 3px rgba(94,118,238,.14); }

/* 2-line clamped description */
.cfg-clamp { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }