/* Qualification-only layout adapters. All shared visual tokens, controls,
 * hover/focus states and motion come verbatim from translator.css. */
.qualification-main { display: grid; grid-template-rows: minmax(0, 1fr); min-width: 0; min-height: 0; overflow: hidden; }
#workbook-root { grid-row: 1; }
.qualification-model-note { margin: 8px 4px 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
#dialog[data-view="column-mapping"] .modal { width: min(760px, 100%); max-height: min(840px, calc(100vh - 48px)); }
#dialog[data-view="column-mapping"] .modal-body { display: grid; gap: 16px; }
.qualification-mapping-scope { overflow-wrap: anywhere; }
.qualification-mapping-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.qualification-mapping-fields .library-detail-field { min-width: 0; }
.qualification-position-cell { display: grid; gap: 12px; min-width: 0; }
.qualification-position-cell > button { justify-self: start; }
.qualification-position-coordinates { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.qualification-position-coordinates .library-detail-field { min-width: 0; }
.qualification-position-preview { min-width: 0; overflow-wrap: anywhere; }
.qualification-position-preview p { margin-top: 6px; }
.qualification-mapping-preview { min-width: 0; }
.qualification-mapping-preview:empty { display: none; }
@media (max-width: 480px) { .qualification-mapping-fields, .qualification-position-coordinates { grid-template-columns: minmax(0, 1fr); } }
.qualification-mapping-copy { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.7; }
.qualification-form-feedback { margin: 8px 0; color: var(--text); font-size: 13px; line-height: 1.6; }
.qualification-content { overflow-wrap: anywhere; }
.qualification-content dl { margin-block: 16px; }
.qualification-content dt { margin-top: 12px; color: var(--muted); }
.qualification-content dd { margin: 4px 0 0; white-space: pre-wrap; }
.qualification-content p { white-space: pre-wrap; }
.qualification-section .library-detail-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.qualification-user-row { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.qualification-user-row .selector-main { flex: 1; min-width: 130px; }
.qualification-user-controls { display: flex; align-items: center; gap: 8px; }
.qualification-user-controls .workspace-select { min-width: 110px; }
.qualification-table th:first-child, .qualification-table td:first-child { width: 32%; }
.qualification-table th:last-child, .qualification-table td:last-child { width: auto; }