/* ---------- výkresy (kniha výkresů, src/sheets.js): šedá plocha pod papírem a pravý panel ---------- */
:root, [data-theme="light"] { --sheet-bg: #c9ced6; --sheet-shadow: rgba(14, 20, 29, .28); }
[data-theme="dark"] { --sheet-bg: #3a414c; --sheet-shadow: rgba(0, 0, 0, .55); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --sheet-bg: #3a414c; --sheet-shadow: rgba(0, 0, 0, .55); } }
.sheetv { background: var(--sheet-bg); }
.csheet { display: block; width: 100%; height: 100%; touch-action: none; cursor: default; outline: none; }
/* pravý panel: Informace o projektu (širší pole) a seznam výkresů */
.row.wide { grid-template-columns: 96px 1fr; }
.row.wide input[type=text] { font-family: var(--ardit-font-sans); }
.sh-list { display: flex; flex-direction: column; gap: 2px; }
.sh-row { display: grid; grid-template-columns: 44px 1fr 28px 20px; gap: var(--ardit-space-1); align-items: center; }
.sh-row input { height: 30px; padding: 0 var(--ardit-space-2); border: 1px solid var(--ardit-line); background: var(--ardit-bg1); border-radius: var(--ardit-radius-md); font-size: 13px; min-width: 0; width: 100%; color: var(--ardit-fg1); }
.sh-row .sh-no { font-family: var(--ardit-font-mono); font-variant-numeric: tabular-nums; }
.sh-row.on input { border-color: var(--ardit-tint-line); }
.sh-row input:focus-visible { border-color: var(--ardit-tint-line); outline-offset: 0; }
.sh-b { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; padding: 0; border: 1px solid transparent; border-radius: var(--ardit-radius-sm); background: transparent; color: var(--ardit-fg2); cursor: pointer; }
.sh-b svg { width: 16px; height: 16px; }
.sh-b:hover { background: var(--ardit-bg3); color: var(--ardit-fg1); }
.sh-row .x, .sh-it .x { border: 0; background: transparent; color: var(--ardit-fg3); padding: 0; font-size: 16px; line-height: 1; height: 24px; cursor: pointer; }
.sh-row .x:hover, .sh-it .x:hover { color: var(--ardit-danger); }
.sh-det { margin-top: var(--ardit-space-3); padding-top: var(--ardit-space-2); border-top: 1px dashed var(--ardit-line); }
.sh-it { display: grid; grid-template-columns: 1fr 20px; gap: var(--ardit-space-1); align-items: center; margin: 2px 0; }
.sh-itb { text-align: left; height: 28px; padding: 0 var(--ardit-space-2); border: 1px solid var(--ardit-line); border-radius: var(--ardit-radius-sm); background: var(--ardit-bg1); color: var(--ardit-fg1); font: 500 12px/1 var(--ardit-font-sans); cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.sh-itb:hover { background: var(--ardit-bg3); }
.sh-it.on .sh-itb { border-color: var(--ardit-tint-line); background: var(--ardit-tint); }
.sh-fields { padding: 2px 0 var(--ardit-space-2) var(--ardit-space-2); border-left: 2px solid var(--ardit-tint-line); margin: 0 0 var(--ardit-space-2); }
.sh-add { width: 100%; height: 30px; margin-top: var(--ardit-space-1); padding: 0 var(--ardit-space-2); border: 1px dashed var(--ardit-line); border-radius: var(--ardit-radius-md); background: var(--ardit-bg1); color: var(--ardit-fg2); font-size: 13px; }