/* Praxis Spital · Kits cirúrgicos (31/10/2026). Usa os tokens de app.css e as classes .sp-* de spital.css. */
.sk { min-width: 0; }
.sk-centro { justify-content: center; align-items: center; margin-top: 10px; }
.sk-larga { flex: 2 1 280px !important; }
.sk-at { color: var(--at); font-weight: 600; }
.sk-mal { color: var(--mal); }
.sk-link { background: none; border: 0; padding: 0; font: inherit; font-weight: 700; color: var(--tinta); cursor: pointer; text-align: left; }
.sk-link:hover { color: var(--px); text-decoration: underline; }
.sk-bts { display: flex; flex-wrap: nowrap; gap: 6px; justify-content: flex-end; }
.sk-bts .btn { white-space: nowrap; }
.sk-tab td:first-child { min-width: 220px; }
/* catálogo */
.sk-cat header > div { min-width: 0; }
.sk-cat header small { display: block; }
.sk-fatos { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 6px 14px; font-size: .88rem; }
.sk-fatos small { display: block; font-size: .72rem; text-transform: uppercase; letter-spacing: .05em; }
.sk-cat details summary { cursor: pointer; color: var(--px); font-weight: 600; font-size: .9rem; }
.sk-det { display: flex; flex-direction: column; gap: 8px; margin-top: 8px; font-size: .88rem; }
.sk-cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 4px 18px; }
.sk-cols h4 { margin: 6px 0 2px; font-family: var(--f-tit); font-size: .86rem; }
.sk-cols ul { margin: 0; padding-left: 18px; }
.sk-cols li { margin: 2px 0; }
.sk-cols li small, .sk-det p small { color: var(--aco); }
.sk-fontes a { margin-right: 8px; overflow-wrap: anywhere; }
/* editor */
.sk-resumo { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 8px; background: var(--bg); border-radius: 8px; padding: 10px 12px; }
.sk-resumo small { display: block; font-size: .72rem; color: var(--aco); text-transform: uppercase; letter-spacing: .04em; }
.sk-resumo b { font-family: var(--f-tit); font-variant-numeric: tabular-nums; }
.sk-form { display: flex; flex-direction: column; gap: 10px; }
.sk-form h3 { margin-top: 6px; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.sk-itens td { vertical-align: middle; }
.sk-itens td:first-child { min-width: 200px; }
.sk-itens td:first-child small { display: block; color: var(--aco); }
.sk-itens tr.sk-sem td { background: var(--at-s); }
.sk-vinc { display: flex; gap: 6px; align-items: center; min-width: 200px; }
.sk-vinc input { flex: 1; min-width: 0; }
.sk-qtd { max-width: 76px; text-align: right; }
.sk-un { max-width: 110px; }
#sk-novo-cat { width: auto; }
/* separação */
.sk-doc-tab { font-size: .82rem; width: 100%; }
.sk-doc-tab th, .sk-doc-tab td { padding: 4px 6px; border: 1px solid #bbb; color: #111; }
.sk-doc-tab tr.sk-falta td { background: #fdf0dc; }
.sk-docv { overflow-x: auto; }

@media (max-width: 640px) {
  .sk-fatos { grid-template-columns: 1fr 1fr; }
  .sk-tab td:first-child, .sk-itens td:first-child { min-width: 0; }
  .sk-bts { justify-content: stretch; width: 100%; flex-wrap: wrap; }
  .sk-bts .btn { flex: 1 1 auto; justify-content: center; }
  table.tc.sk-itens td.tc-tit input { font-weight: 600; }
  table.tc.sk-itens tr.sk-sem td { background: none; }
  table.tc.sk-itens tr.sk-sem { box-shadow: inset 4px 0 0 var(--at), 0 6px 18px rgb(12 58 59 / .08); }
  table.tc.sk-itens td[data-label="Produto do estoque"] { display: block !important; text-align: left; }
  table.tc.sk-itens td[data-label="Produto do estoque"]::before { display: block; max-width: none; margin-bottom: 4px; }
  .sk-vinc { min-width: 0; width: 100%; flex-wrap: wrap; }
  .sk-vinc input { flex: 1 1 100%; }
  table.tc.sk-itens td[data-label=""] .btn { min-height: 34px; padding: 4px 12px; }
  .sk-qtd, .sk-un { max-width: 120px; }
}
.sk-est { display: block; font-size: .72rem; color: var(--aco); font-weight: 500; }
.sk-fatos small.sk-cnota { text-transform: none; letter-spacing: 0; font-size: .74rem; }