/* Etiquetas adesivas e Declaração de conteúdo — complementa styles.css/site.css/studio.css/office.css */
.sh-page { --c: var(--ship); --c-soft: var(--ship-soft); }
.sh-page .of-h { display: flex; align-items: center; gap: 10px; }
.sh-step { width: 26px; height: 26px; border-radius: 9px; background: var(--ship-soft); color: var(--ship); font: 700 14px/26px var(--font); text-align: center; flex: none; letter-spacing: 0; }
.sh-page .of-card { display: flex; flex-direction: column; gap: 14px; }
.sh-page .of-card > .of-h { margin-bottom: 0; }
.sh-page .muted.small { font-size: 13px; }
.sh-link { border: 0; background: none; padding: 0; color: var(--accent); font: inherit; font-weight: 600; cursor: pointer; text-decoration: underline; text-underline-offset: 2px; }
.sh-bad { color: var(--pdf); font-weight: 600; }
.sh-tplinfo { margin: -4px 0 0; font-size: 13.5px; color: var(--ink-2); line-height: 1.45; }
.sh-dims > .of-grid { margin-top: 10px; }
.sh-dims .of-hint { margin-top: 10px; }
.sh-dims .input:disabled { opacity: 1; color: var(--ink-2); background: var(--bg-2); }

/* Modos */
.sh-modes button { font-size: 13.5px; }
.sh-block { display: flex; flex-direction: column; gap: 14px; }
.sh-block[hidden] { display: none; }
.sh-drop { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 12px; border: 1.5px dashed var(--line-2); border-radius: 14px; background: var(--bg); }
.sh-drop .muted { font-size: 13px; }
#sheetBox.sh-over .sh-drop { border-color: var(--ship); background: var(--ship-soft); }
.sh-page textarea.sh-paste { font: 400 13px/1.45 ui-monospace, Menlo, monospace; min-height: 92px; white-space: pre; overflow-x: auto; }
.sh-sheetbar { display: flex; align-items: center; justify-content: space-between; gap: 8px 12px; flex-wrap: wrap; margin-top: -6px; }
.sh-rows { font-size: 12.5px; color: var(--muted); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
.sh-cols .chip { font: 500 12.5px ui-monospace, Menlo, monospace; padding: 5px 10px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }

/* Linhas de texto */
.sh-lines { display: flex; flex-direction: column; gap: 8px; }
.sh-line { display: grid; grid-template-columns: minmax(0, 1fr) 76px 38px 32px; gap: 6px; align-items: center; }
.sh-page .sh-line .input { height: 40px; font-size: 14.5px; }
.sh-page .sh-line .sh-size { padding: 0 22px 0 8px; font-size: 13px; background-position: right 5px center; background-size: 14px; }
.sh-bold { height: 40px; border: 1px solid var(--line-2); border-radius: 10px; background: var(--bg); color: var(--ink-2); font: 800 15px var(--font); cursor: pointer; }
.sh-bold[aria-pressed="true"] { background: var(--ink); color: var(--bg); border-color: var(--ink); }
.sh-line .icon-btn.danger:hover:not(:disabled) { background: var(--pdf-soft); color: var(--pdf); }
.sh-add { align-self: flex-start; margin-top: 8px; }
.sh-extra { border-top: 1px solid var(--line); padding-top: 12px; display: flex; flex-direction: column; gap: 12px; }
.sh-extra > .check { font-weight: 600; }
.sh-sub[hidden] { display: none; }
.sh-sub { display: flex; flex-direction: column; gap: 10px; }
.sh-hr { align-self: end; min-height: 42px; }
.sh-chk { min-height: 42px; }
.sh-savechk { margin-top: 2px; }

/* Endereços */
.sh-dest { padding: 12px; border-radius: 14px; background: var(--bg); border: 1px solid var(--line); }
.sh-dest + .sh-dest { margin-top: 10px; }
.sh-dest .input { background: var(--surface); }
.sh-addr-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: -2px 0 8px; min-height: 28px; }
.sh-addr-head b { font-size: 14px; }
.sh-addr-head .icon-btn.danger:hover { background: var(--pdf-soft); color: var(--pdf); }
.sh-addr { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sh-page .sh-addr .sh-city { grid-column: span 1; }
.sh-cepst, .sh-cnpj { font-size: 12px; font-weight: 500; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.sh-cepst[data-ok="1"] { color: var(--img); }
.sh-cepst[data-ok="0"] { color: var(--pdf); }
.sh-page .label { gap: 8px; }
.sh-page .label > span:first-child { min-width: 0; }

/* Prévia */
.sh-preview { display: flex; justify-content: center; }
.sh-sheet { width: 100%; max-width: 620px; }
.sh-paper { position: relative; width: 100%; line-height: 0; box-shadow: 0 2px 14px rgba(0, 0, 0, .18); border-radius: 2px; background: #fff; }
.sh-paper canvas { width: 100%; height: auto; display: block; }
.sh-ov { position: absolute; inset: 0; cursor: pointer; }
.sh-pager { display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 13.5px; font-weight: 600; color: var(--ink-2); margin-top: -2px; }
.sh-pager[hidden] { display: none; }
.sh-summary { margin: 0; text-align: center; font-size: 14px; color: var(--ink-2); }
.sh-summary b { color: var(--ink); }
.sh-tip { display: flex; gap: 8px; align-items: flex-start; margin: 0; padding: 10px 12px; border-radius: 12px; background: var(--ship-soft); color: var(--ink); font-size: 13.5px; line-height: 1.45; }
.sh-tip .ic { width: 18px; height: 18px; flex: none; color: var(--ship); margin-top: 1px; }
.sh-page .of-dl .btn-ghost { width: 100%; }
.sh-page .of-next-list .chip { --c: var(--ship); --c-soft: var(--ship-soft); }

/* Declaração de conteúdo */
.sh-items { display: flex; flex-direction: column; gap: 8px; }
.sh-item { display: grid; grid-template-columns: 26px minmax(0, 1fr) 32px; gap: 8px; align-items: center; padding: 10px; border-radius: 14px; background: var(--bg); border: 1px solid var(--line); }
.sh-item-n { width: 26px; height: 26px; border-radius: 8px; background: var(--ship-soft); color: var(--ship); font-weight: 700; font-size: 12.5px; display: grid; place-items: center; }
.sh-page .sh-item .input { height: 40px; font-size: 14.5px; background: var(--surface); }
.sh-inums { grid-column: 2 / 3; display: grid; grid-template-columns: minmax(0, 104px) minmax(0, 1fr); gap: 8px; }
.sh-inum { display: flex; align-items: center; gap: 8px; min-width: 0; }
.sh-inum > span:first-child { font-size: 12.5px; font-weight: 600; color: var(--muted); flex: none; }
.sh-inum .input, .sh-inum .of-money { min-width: 0; flex: 1; }
.sh-item .of-money .input { padding-left: 34px; font-variant-numeric: tabular-nums; }
.sh-item .icon-btn.danger:hover:not(:disabled) { background: var(--pdf-soft); color: var(--pdf); }
.sh-tot { display: flex; flex-wrap: wrap; gap: 6px 16px; align-items: center; justify-content: space-between; padding: 10px 12px; border-radius: 12px; background: var(--bg); border: 1px solid var(--line); font-size: 14px; font-variant-numeric: tabular-nums; }
.sh-tot b { font-size: 15.5px; }
.sh-tot .sh-tot-v { color: var(--ship); }
.sh-batch { display: flex; flex-direction: column; gap: 10px; }
.sh-batch[hidden] { display: none; }
.sh-list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 4px; max-height: 220px; overflow: auto; border: 1px solid var(--line); border-radius: 12px; background: var(--bg); }
.sh-list li { display: flex; justify-content: space-between; gap: 10px; padding: 7px 10px; font-size: 13px; border-bottom: 1px solid var(--line); }
.sh-list li:last-child { border-bottom: 0; }
.sh-list li span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sh-list li small { color: var(--muted); flex: none; }
.sh-list li.bad small { color: var(--pdf); }

@media (max-width: 520px) {
  .sh-line { grid-template-columns: minmax(0, 1fr) 66px 36px 30px; gap: 5px; }
  .sh-page .sh-line .sh-size { font-size: 12.5px; padding-left: 6px; }
  .sh-addr { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sh-addr .of-full { grid-column: 1 / -1; }
  .sh-item { grid-template-columns: 22px minmax(0, 1fr) 30px; gap: 6px; padding: 8px; }
  .sh-item-n { width: 22px; height: 22px; font-size: 11.5px; border-radius: 7px; }
  .sh-inums { grid-column: 1 / -1; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); }
  .sh-dest { padding: 10px; }
}
.sh-dims .label { justify-content: flex-start; gap: 4px; }