/* tag-desk only: the form beside a sticky preview (one label close up, then the real first sheet). */
.td-cols { display: grid; gap: var(--matrix-space-16); }
.td-form { display: grid; gap: var(--matrix-space-16); min-width: 0; }
.td-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(12em, 1fr)); gap: var(--matrix-space-12); align-items: start; }
.td-grid--small { grid-template-columns: repeat(auto-fit, minmax(9em, 1fr)); }
.td-stack { display: grid; gap: var(--matrix-space-8); min-width: 0; }
.td-field { display: grid; gap: 4px; min-width: 0; align-content: start; }
.td-field > label { font-weight: 600; }
.td-field input, .td-field select, .td-field textarea { width: 100%; box-sizing: border-box; min-width: 0; }
.matrix-ui .td-template { min-height: 4.5em; resize: vertical; font-family: var(--matrix-font-mono); line-height: 1.45; }
.matrix-ui .td-insert { justify-self: start; width: auto; max-width: 100%; }
.td-hint { margin: 0; font-size: var(--matrix-type-caption); overflow-wrap: break-word; }
.td-inline { display: flex; flex-wrap: wrap; gap: var(--matrix-space-8); align-items: center; min-width: 0; }
.td-inline > select { flex: 1 1 12em; min-width: 0; }
.matrix-ui .td-inline > .td-num { flex: 0 0 6em; width: 6em; }
.td-check label { flex: 1 1 12em; min-width: 0; }
.td-list { display: grid; gap: var(--matrix-space-8); margin-top: var(--matrix-space-8); }
.td-list-row { display: flex; flex-wrap: wrap; gap: var(--matrix-space-8) var(--matrix-space-16); align-items: center; justify-content: space-between; }
.td-status { margin: 0; font-size: var(--matrix-type-caption); overflow-wrap: anywhere; }
.td-bar-row { display: flex; flex-wrap: wrap; gap: var(--matrix-space-8) var(--matrix-space-12); align-items: center; }
.td-open-label { display: inline-flex; align-items: center; min-height: var(--matrix-control-min-height); box-sizing: border-box; cursor: pointer; }
#td-open.visually-hidden { width: 1px; } /* tools.css widens every file input in the options to 100% */
#td-open:focus-visible + .td-open-label { outline: 2px solid var(--matrix-focus); outline-offset: 2px; }
.td-jump { justify-self: start; font-size: var(--matrix-type-caption); }
.td-aside { display: grid; gap: var(--matrix-space-8); padding: var(--matrix-space-12); border: 1px solid var(--matrix-border); border-radius: var(--matrix-radius-panel); background: var(--matrix-surface-subtle); min-width: 0; align-content: start; }
.td-title { margin: 0; font-size: 1rem; }
.td-title:focus { outline: none; }
.td-subtitle { margin: var(--matrix-space-8) 0 0; font-size: 0.9375rem; }
.td-checks-box { border: 1px solid var(--matrix-border); border-radius: var(--matrix-radius-control); padding: var(--matrix-space-8) var(--matrix-space-12); background: var(--matrix-surface); display: grid; gap: 6px; }
.td-checks-title { margin: 0; font-size: 0.9375rem; }
.td-checks { margin: 0; padding-left: 1.1em; display: grid; gap: 4px; font-size: var(--matrix-type-caption); overflow-wrap: anywhere; }
.td-reasons { margin: 0; font-weight: 600; overflow-wrap: break-word; }
.td-close-box, .td-sheet-box { min-width: 0; }
.td-close, .td-sheet { display: block; max-width: 100%; height: auto; background: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18); border-radius: 2px; }
.td-sheet { width: 100%; cursor: pointer; }
.matrix-ui .td-field > .td-num { max-width: 12em; }
.td-nav { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.td-small { padding: 4px 10px; min-height: 32px; font-size: var(--matrix-type-caption); }
.td-position { font-size: var(--matrix-type-caption); margin-left: auto; }
.td-notes { margin: var(--matrix-space-8) 0 0; padding-left: 1.1em; display: grid; gap: 4px; font-size: var(--matrix-type-caption); }
@media (min-width: 900px) {
  .td-jump { display: none; }
  .td-cols { grid-template-columns: minmax(0, 1fr) 340px; align-items: start; }
  .td-aside { position: sticky; top: var(--matrix-space-12); max-height: calc(100vh - 24px); overflow: auto; }
}