.equipment-detail [id] { scroll-margin-top: 7rem; }
.equipment-detail :is(dl, .equipment-header) > div { min-width: 0; overflow-wrap: anywhere; }
.equipment-detail :is(.equipment-requirement-row, .equipment-finding, .equipment-history-row) { min-width: 0; padding: .875rem 1rem; border-bottom: 1px solid var(--vhq-border); }
.equipment-detail .equipment-requirement-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .25rem .5rem; align-items: center; }
.equipment-detail .equipment-requirement-row > :is(details:not(.equipment-edit-action), details[open]) { grid-column: 1 / -1; min-width: 0; }
.equipment-detail .equipment-requirement-row h3 { min-width: 0; overflow-wrap: anywhere; }
.equipment-detail dt { color: var(--vhq-muted-2); font-weight: 500; font-size: .75rem; margin-bottom: .25rem; }
.equipment-detail dd { margin-bottom: .25rem; }
.equipment-detail .equipment-detail-form { border-inline-start: 2px solid var(--vhq-border); padding: .75rem 1rem; margin-block: .5rem; }
.equipment-detail .equipment-detail-form label { font-size: .8125rem; }
.equipment-detail .equipment-history-heading { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start; gap: .5rem; }
.equipment-detail :is(.equipment-edit-action, .equipment-add-action) > summary { width: fit-content; max-width: 100%; color: var(--vhq-blue-link); font-size: .875rem; font-weight: 600; }
.equipment-detail .equipment-add-action > summary:hover { background: var(--vhq-bg-muted); }
.equipment-detail .equipment-edit-action { grid-column: 2; }
.equipment-detail .equipment-requirement-row > .equipment-edit-action[open] { grid-column: 1 / -1; }
.equipment-detail :is(.equipment-preserve-lines, .equipment-finding .text-break, .equipment-requirement-row .text-break, .equipment-history-row .text-break) { white-space: pre-wrap; }
.equipment-detail .equipment-history-controls { display: flex; flex-wrap: wrap; align-items: end; gap: .75rem; padding: 1rem 1.25rem; }
.equipment-detail .equipment-history-controls label { flex: 1 1 14rem; font-size: .8125rem; }
.equipment-detail .equipment-history-controls p { margin: 0; font-size: .8125rem; }
.equipment-detail :is(.equipment-documents, .equipment-document-row, .equipment-document) { min-width: 0; }
.equipment-detail #equipment-upload-form > summary { width: fit-content; padding: .5rem .75rem; color: var(--vhq-blue-link); border: 1px solid var(--vhq-blue); border-radius: var(--vhq-radius-sm); }

/* Asset workspace: the reference layout without numerical dashboard cards. */
.equipment-detail { --vhq-blue-bootstrap: #0061dc; padding-block: 1rem 2rem; }
.equipment-detail .equipment-breadcrumb { align-items: center; margin-bottom: 1.25rem; color: var(--vhq-muted-2); }
.equipment-detail .equipment-breadcrumb a { color: inherit; text-decoration: none; }
.equipment-detail .equipment-breadcrumb [aria-current] { color: var(--vhq-ink); font-weight: 600; }
.equipment-detail .equipment-breadcrumb i { font-size: .7rem; }
.equipment-detail .equipment-header { margin-bottom: 1.75rem; gap: 1.25rem; }
.equipment-detail .equipment-heading-copy { flex: 1 1 28rem; }
.equipment-detail .equipment-title-line { display: flex; flex-wrap: wrap; align-items: center; gap: .65rem; }
.equipment-detail .equipment-title-line h1 { font-size: clamp(1.75rem, 2.6vw, 2.5rem); font-weight: 750; letter-spacing: -.035em; }
.equipment-detail .equipment-subtitle { margin-top: .65rem; color: var(--vhq-muted-2); font-size: .9375rem; }
.equipment-detail .equipment-badge { border: 0; padding: .25rem .65rem; font-weight: 600; }
.equipment-detail .equipment-title-line .equipment-badge { padding: .5rem .8rem; font-size: .8125rem; }
.equipment-detail .equipment-badge i { margin-right: .3rem; }
.equipment-detail .equipment-status--active { background: #e2f9ef; color: #008667; }
.equipment-detail .equipment-header-actions .btn { display: inline-flex; align-items: center; justify-content: center; gap: .6rem; padding: .7rem 1rem; border-radius: .65rem; font-weight: 600; }
.equipment-detail .btn-primary { background: #0061dc; border-color: #0061dc; }
.equipment-detail .btn-primary:hover { background: #004fbc; border-color: #004fbc; }
.equipment-detail .btn-outline-secondary { color: var(--vhq-ink); border-color: var(--vhq-border); background: var(--vhq-surface); }
.equipment-detail .btn-outline-secondary:hover { background: var(--vhq-bg-muted); }
.equipment-detail .equipment-detail-grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(17rem, 1fr); align-items: start; gap: 1.25rem; }
.equipment-detail :is(.equipment-workspace, .equipment-asset-information) { min-width: 0; border: 1px solid var(--vhq-border); border-radius: .75rem; background: var(--vhq-surface); box-shadow: 0 1px 2px #0b1c3610; }
.equipment-detail .equipment-workspace { min-height: 28rem; }
.equipment-detail .equipment-section-nav { display: flex; flex-wrap: wrap; gap: 0; margin: 0; padding: .5rem .65rem 0; border: 0; border-bottom: 1px solid var(--vhq-border); border-radius: .75rem .75rem 0 0; }
.equipment-detail .equipment-section-nav a { display: inline-flex; align-items: center; min-height: var(--vhq-tap-target); text-decoration: none; border-bottom: 2px solid transparent; gap: .5rem; color: var(--vhq-muted-2); padding: .75rem .65rem; border-radius: 0; font-size: .875rem; }
.equipment-detail .equipment-section-nav a i { font-size: 1.1rem; }
.equipment-detail .equipment-section-nav a span { min-width: 1.4rem; padding: .05rem .35rem; border-radius: 1rem; background: var(--vhq-bg-muted); text-align: center; font-size: .75rem; }
.equipment-detail .equipment-section-nav a[aria-current="location"] { color: var(--vhq-ink); background: transparent; border-bottom-color: #0061dc; }
.equipment-detail .equipment-workspace > .equipment-panel { border: 0; box-shadow: none; border-radius: 0; margin-bottom: 0 !important; background: transparent; }
.equipment-detail .equipment-workspace > .equipment-panel > .equipment-panel-heading { border: 0; }
.equipment-detail[data-tabs-ready] .equipment-workspace > .equipment-panel > .equipment-panel-heading { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); padding: 0; }
.equipment-detail [hidden] { display: none !important; }
.equipment-detail .equipment-requirement-row { margin: 0; border: 0; border-bottom: 1px solid var(--vhq-border); border-radius: 0; }
.equipment-detail .equipment-requirement-summary { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: .75rem; align-items: center; min-width: 0; }
.equipment-detail .equipment-requirement-meta { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; margin: 0; }
.equipment-detail .equipment-requirement-meta dd { margin: 0; font-size: .8125rem; font-variant-numeric: tabular-nums; }
.equipment-detail .equipment-requirement-meta time { white-space: nowrap; }
.equipment-detail .equipment-requirement-notes { order: 1; font-size: .8125rem; }
.equipment-detail .equipment-badge--valid { color: #008667; background: #e2f9ef; }
.equipment-detail .equipment-asset-more > summary { list-style: none; color: var(--vhq-blue-link); font-size: .8125rem; }
.equipment-detail .equipment-asset-more > summary::-webkit-details-marker { display: none; }
.equipment-detail .equipment-asset-more:not([open]) .equipment-asset-less-label,
.equipment-detail .equipment-asset-more[open] .equipment-asset-more-label { display: none; }
.equipment-detail .equipment-edit-action > summary { display: block; background: #0061dc; color: white; padding: .65rem 1rem; border-color: #0061dc; border-radius: .6rem; }
.equipment-detail .equipment-edit-action > summary:hover { background: #004fbc; }
.equipment-detail .equipment-edit-action > summary::marker { content: ''; }
.equipment-detail .equipment-edit-action > summary::-webkit-details-marker { display: none; }
.equipment-detail .equipment-add-action > summary { border: 0; padding: .5rem; }
.equipment-detail .equipment-add-action > summary::marker { content: '+  '; }
.equipment-detail .equipment-asset-information .equipment-panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.25rem 1.25rem .5rem; border: 0; }
.equipment-detail .equipment-asset-information h2 { font-weight: 700; font-size: 1.125rem; }
.equipment-detail .equipment-asset-meta { display: grid; grid-template-columns: 1fr; gap: .8rem; padding: 1.25rem !important; }
.equipment-detail .equipment-asset-meta > div { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: .75rem; align-items: baseline; }
.equipment-detail .equipment-asset-meta dt { font-size: .875rem; margin: 0; }
.equipment-detail .equipment-asset-meta dd { text-align: right; font-size: .875rem; margin: 0; }
.equipment-detail .equipment-asset-meta a { text-decoration: none; }
.equipment-detail .equipment-asset-editor { padding: 1rem 1.25rem; }
.equipment-detail[data-asset-editor-ready] .equipment-asset-editor:not([open]),
.equipment-detail[data-asset-editor-ready] .equipment-asset-editor > summary { display: none; }
.equipment-detail .equipment-asset-form { display: grid; gap: .8rem; padding: 0; margin: 0; border: 0; }
.equipment-detail .equipment-asset-form > label { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: .75rem; align-items: center; }
.equipment-detail .equipment-asset-form :is(input, select, textarea) { min-width: 0; font-size: .875rem; }
.equipment-detail .equipment-asset-form > .equipment-asset-remarks { grid-template-columns: minmax(0, 1fr); }
.equipment-detail .equipment-asset-form-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.equipment-detail .equipment-data-notice { background: var(--vhq-bg-muted); color: var(--vhq-muted); border: 0; border-radius: .5rem; display: flex; gap: .65rem; padding: .8rem; font-size: .75rem; line-height: 1.6; }
.equipment-detail .equipment-data-notice i { font-size: 1rem; }
.equipment-detail #equipment-management { margin-top: 1.25rem; }
@media (max-width: 1250px) {
 .equipment-detail .equipment-requirement-summary { grid-template-columns: minmax(0, 1fr); gap: .5rem; }
}
@media (max-width: 1100px) {
 .equipment-detail .equipment-detail-grid { grid-template-columns: minmax(0, 1fr) minmax(15rem, .65fr); }
 .equipment-detail .equipment-section-nav a { padding-inline: .45rem; font-size: .8125rem; }
}
@media (max-width: 850px) {
 .equipment-detail .equipment-detail-grid { grid-template-columns: minmax(0, 1fr); }
 .equipment-detail .equipment-workspace { min-height: 20rem; }
}
@media (max-width: 575.98px) {
 .equipment-detail .equipment-section-nav a { flex: 1 1 45%; }
 .equipment-detail .equipment-requirement-row { padding: .75rem; }
 .equipment-detail .equipment-requirement-summary { grid-column: 1 / -1; }
  .equipment-detail .equipment-edit-action { grid-column: 2; }
 .equipment-detail .equipment-requirement-row > details[open] { grid-column: 1 / -1; }
}