/* tool_save.css: /tools/save-checker (TOOL-SAVE lane). Tokens and atoms from theme.css only (docs/LOOK.md):
   cards, buttons, folds and entity refs are the theme's atoms; the drop box uses the game's search-box
   colours, the progress bars the Bestiary progress colours (UIBestiaryTest.cs:174-175), the three states the
   tooltip good/bad colours (Main.cs:20820-20821) and the hint grey (UISearchBar.cs:74). */

.sc-private { margin: 0 0 var(--sp-3); }
.sc-drop { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--sp-1);
  min-height: 7rem; padding: var(--sp-4); margin: 0 0 var(--sp-3); box-sizing: border-box; text-align: center;
  background: var(--c-search-bg); border: 2px dashed var(--c-info-border); cursor: pointer; }
.sc-drop:hover, .sc-drop.is-over, .sc-drop:focus-within { border-color: var(--c-accent); }
.sc-drop input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.sc-drop-t { color: var(--fg-link); font-weight: 700; }
.sc-drop-s { color: var(--fg-soft); font-size: var(--fs-s); }
.sc-in code { overflow-wrap: anywhere; }
.sc-files { list-style: none; margin: 0 0 var(--sp-2); padding: 0; }
.sc-files li { padding: var(--sp-1) 0; overflow-wrap: anywhere; }
.sc-err { color: var(--c-tip-bad); }

.sc-card h3 { margin: var(--sp-4) 0 var(--sp-2); }
.sc-facts { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: var(--sp-1) var(--sp-3); }
.sc-facts dt { color: var(--fg-soft); }
.sc-facts dd { margin: 0; overflow-wrap: anywhere; }

.sc-rows, .sc-items { list-style: none; margin: 0 0 var(--sp-3); padding: 0; }
.sc-rows li { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--sp-1) var(--sp-2);
  min-height: var(--tap); padding: var(--sp-1) 0; border-top: 2px solid var(--c-line); }
.sc-rows li:first-child { border-top: 0; }
.sc-t { flex: 1 1 9rem; min-width: 0; overflow-wrap: anywhere; }
.sc-items { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--sp-1) var(--sp-3); }
@media (min-width: 560px) { .sc-items { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1200px) { .sc-items { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.sc-items li { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-1); min-width: 0; }
.sc-items .ent { min-width: 0; overflow-wrap: anywhere; }
.sc-n { color: var(--fg-soft); font-size: var(--fs-s); white-space: nowrap; }
.sc-pre { color: var(--fg-soft); }

.sc-st { display: inline-block; padding: 0 var(--sp-2); font-size: var(--fs-s); font-weight: 700; white-space: nowrap;
  border: 2px solid currentColor; }
.sc-yes { color: var(--c-tip-good); }
.sc-no { color: var(--c-tip-bad); }
.sc-unk { color: var(--c-hint); }
.sc-legend { list-style: none; margin: 0 0 var(--sp-3); padding: 0; }
.sc-legend li { margin: 0 0 var(--sp-2); }

.sc-bar { height: 12px; margin: 0 0 var(--sp-3); background: var(--c-progress-empty); border: 2px solid var(--c-panel-border); }
.sc-bar span { display: block; height: 100%; background: var(--c-progress-fill); }

.sc-fold { margin: 0 0 var(--sp-2); }
.sc-fold > summary .count, .sc-card h3 .count { margin-left: var(--sp-2); }
.sc-fold > .sc-items { margin-top: var(--sp-2); }
.sc-cover { width: 100%; border-collapse: collapse; font-size: var(--fs-s); }
.sc-cover td { padding: var(--sp-1) var(--sp-2) var(--sp-1) 0; border-top: 2px solid var(--c-line); vertical-align: top; }
.sc-cite { color: var(--fg-soft); font-size: var(--fs-s); overflow-wrap: anywhere; }