/* tool_shimmer.css: the shimmer finder (/tools/shimmer), lane TOOL-SHIMMER.
   Tokens and atoms only (theme.css, docs/LOOK.md): the card, .btn, .chip, .namebox and table.data
   come from the theme; this sheet only lays them out. */

.k-tool .shim-pick { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--sp-1) var(--sp-3); margin: 0 0 var(--sp-2); }
.k-tool .shim-pick label { font-size: var(--fs-s); color: var(--fg-soft); }
.k-tool .shim-pick input { width: 100%; box-sizing: border-box; }
@media (min-width: 640px) {
  .k-tool .shim-pick { grid-template-columns: minmax(0, 1fr) 11rem; grid-template-rows: auto auto; grid-auto-flow: column; }
}

.k-tool .shim-sugg { list-style: none; padding: 0; margin: 0 0 var(--sp-3); display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--sp-1); }
@media (min-width: 640px) { .k-tool .shim-sugg { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.k-tool .shim-opt { display: flex; align-items: center; gap: var(--sp-2); width: 100%; min-height: var(--tap); text-align: left; }
.k-tool .shim-opt img { flex: none; }

.k-tool .shim-out { margin: 0 0 var(--sp-3); }
.k-tool .shim-head { font-size: var(--fs-1); margin: var(--sp-2) 0; }
.k-tool .shim-out h3 { margin-top: var(--sp-4); }
.k-tool .shim-out h4 { margin: var(--sp-3) 0 var(--sp-2); }
.k-tool .shim-arrow { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-2); }
.k-tool .shim-lock strong { color: var(--c-accent); }
.k-tool .shim-rev li, .k-tool .shim-critters li { margin: 0 0 var(--sp-1); }
.k-tool .shim-critters { columns: 2 12rem; column-gap: var(--sp-4); padding-left: 0; list-style: none; }
.k-tool .sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.k-tool .shim-special th[scope="row"] { text-align: left; vertical-align: top; white-space: normal; min-width: 9rem; }
.k-tool .shim-special th .ent { display: inline-flex; margin: 0 var(--sp-2) var(--sp-1) 0; }

.k-tool .shim-filters .chips { align-items: center; }
.k-tool .facet-label { font-size: var(--fs-s); color: var(--fg-soft); margin-right: var(--sp-1); }
.k-tool .shim-browse td { vertical-align: top; }
.k-tool .shim-browse .note { display: block; }
.k-tool .shim-moon .ent { display: inline-flex; margin-right: var(--sp-2); }
.k-tool .shim-open { white-space: nowrap; }
.k-tool .shim-pick input { min-height: var(--tap); }