/* Creado por David Vásquez Velásquez. Estilos acotados a inspección y entregas. */
.submission-detail-list { container-type:inline-size; }
.submission-detail-list > .section-heading h2 { font-size:30px; }
.submission-detail-list .submission-history > .section-heading h3 { font:800 24px/1.4 var(--display); }
.submission-detail-list .lab-protocol { margin-top:28px; }
.submission-detail-list .lab-protocol-heading { display:flex; flex-wrap:wrap; align-items:baseline; gap:12px; margin-bottom:14px; border-bottom:1px solid var(--line); padding-bottom:10px; }
.submission-detail-list .lab-protocol-heading h3 { margin:0; font:800 20px/1.4 var(--display); color:var(--blue-deep); }
.submission-detail-list .lab-protocol-heading span { font-size:13px; color:var(--muted); }
.submission-detail-list .admin-form-card-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.submission-detail-list .admin-form-card { min-width:0; display:flex; flex-direction:column; gap:14px; padding:18px; border:1px solid var(--line); border-top:3px solid var(--blue); border-radius:12px; box-shadow:0 3px 12px #123e7008; }
.submission-detail-list .admin-form-card > * { min-width:0; max-width:100%; }
.submission-detail-list .admin-form-card header { flex:1; }
.submission-detail-list .admin-form-card h4 { margin:0 0 8px; font:800 20px/1.35 var(--display); color:var(--blue-deep); overflow-wrap:anywhere; }
.submission-detail-list .admin-form-card p { white-space:normal; font-size:13px; }
.submission-detail-list .admin-form-card dl { gap:24px; }
.submission-detail-list .admin-form-card dt { font:500 12px/1.4 var(--body); text-transform:none; }
.submission-detail-list .admin-form-card dd { font:700 17px/1.5 var(--body); }
.submission-detail-list .admin-form-student-selector { display:grid; gap:6px; color:var(--muted); font-size:12px; }
.submission-detail-list .admin-form-student-selector select { box-sizing:border-box; width:100%; min-width:0; max-width:100%; min-height:42px; padding:8px 28px 8px 10px; border:1px solid var(--line); border-radius:7px; background:white; color:var(--ink); font:400 13px/1.4 var(--body); text-overflow:ellipsis; }
.submission-detail-list .lab-selected-student { min-height:36px; font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
.submission-detail-list .admin-form-card-actions { display:grid; grid-template-columns:minmax(0,1fr); gap:8px; }
.submission-detail-list .table-action { display:inline-flex; justify-content:center; align-items:center; min-width:0; min-height:40px; padding:8px 12px; white-space:normal; text-decoration:none; border:1px solid var(--line); border-radius:7px; font:700 14px/1.4 var(--body); color:var(--blue-deep); background:white; }
.submission-detail-list .admin-form-card-actions .admin-form-preview-link { color:white; background:var(--blue); border-color:var(--blue); }
.submission-detail-list .admin-form-card-actions [aria-disabled="true"] { color:#52677c; background:#edf1f5; border-color:var(--line); cursor:not-allowed; }
.submission-detail-list .table-action:hover:not([aria-disabled="true"]):not(:disabled) { border-color:var(--blue); box-shadow:0 0 0 1px var(--blue); }
.submission-detail-list :is(a,button,select,summary):focus-visible { outline:3px solid var(--blue); outline-offset:3px; }
.submission-detail-list button:disabled { cursor:not-allowed; opacity:.65; }
.submission-detail-list .admin-form-preview { margin-top:24px; padding:20px; border-top-width:3px; }
.submission-detail-list .admin-form-preview-header h3 { font-size:22px; }
.submission-detail-list .admin-form-preview-step h4 { font-size:18px; }
.submission-detail-list .admin-form-preview-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
.submission-detail-list .admin-preview-field { min-width:0; }
.submission-detail-list .admin-preview-field :is(input,select,textarea) { width:100%; min-width:0; max-width:100%; }
.submission-detail-list .submission-history { margin-top:36px; padding-top:28px; border-top:1px solid var(--line); }
.submission-detail-list .lab-history-note,.submission-detail-list .lab-empty { margin:0 0 18px; color:var(--muted); font-size:13px; }
.submission-detail-list .submission-protocol > h4 { margin:24px 0 12px; font:800 20px/1.4 var(--display); color:var(--blue-deep); }
.submission-detail-list .submission-laboratory { margin:0 0 20px; border:1px solid var(--line); border-radius:10px; background:white; overflow:hidden; }
.submission-detail-list .submission-laboratory > header { display:flex; align-items:baseline; justify-content:space-between; gap:12px; padding:12px 16px; border-bottom:1px solid var(--line); background:#edf3f8; }
.submission-detail-list .submission-laboratory h5 { margin:0; font:700 16px/1.5 var(--display); color:var(--blue-deep); }
.submission-detail-list .submission-laboratory > header span { font-size:12px; color:var(--muted); }
.submission-detail-list .submission-group h6 { margin:0; padding:9px 16px; font:700 13px/1.5 var(--body); border-bottom:1px solid var(--line); }
.submission-detail-list .submission-group h6 span { font-weight:400; color:var(--muted); }
.submission-detail-list .submission-table { width:100%; min-width:0; table-layout:fixed; border-collapse:collapse; }
.submission-detail-list .submission-table th { font:600 11px/1.4 var(--body); color:var(--muted); text-transform:none; background:white; }
.submission-detail-list .submission-table :is(th,td) { padding:10px 16px; min-width:0; white-space:normal; text-align:left; vertical-align:top; overflow-wrap:anywhere; border-bottom:1px solid var(--line); }
.submission-detail-list .submission-table th:first-child { width:46%; }
.submission-detail-list .submission-table th:last-child { width:16%; }
.submission-detail-list .submission-table td { font-size:13px; }
.submission-detail-list .submission-table tbody tr:last-child td { border-bottom:0; }
.submission-detail-list .submission-table td > small { display:block; margin-top:5px; color:var(--muted); font-size:12px; }
.submission-detail-list .submission-identity { display:grid; gap:2px; margin:7px 0 0; font:400 12px/1.5 var(--body); }
.submission-detail-list .submission-identity div { display:flex; flex-wrap:wrap; column-gap:6px; }
.submission-detail-list .submission-identity dt { color:var(--muted); }
.submission-detail-list .submission-identity dt::after { content:":"; }
.submission-detail-list .submission-identity dd { margin:0; overflow-wrap:anywhere; }
.submission-detail-list .submission-detail-panel { padding:18px; border-top-width:3px; }
.submission-detail-list .submission-detail-panel h4 { font-size:20px; }
.submission-detail-list .lab-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@container (max-width:900px) { .submission-detail-list .admin-form-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@container (max-width:650px) {
  .submission-detail-list .submission-table :is(thead) { display:none; }
  .submission-detail-list .submission-table :is(tbody,tr,td) { display:block; width:100%; }
  .submission-detail-list .submission-table tr { padding:8px 0; border-bottom:1px solid var(--line); }
  .submission-detail-list .submission-table td { padding:5px 16px; border:0; }
  .submission-detail-list .submission-table td:not(:first-child)::before { content:attr(data-label); display:block; margin-bottom:2px; font-size:11px; color:var(--muted); }
  .submission-detail-list .admin-form-preview-fields { grid-template-columns:minmax(0,1fr); }
}
@container (max-width:460px) { .submission-detail-list .admin-form-card-grid { grid-template-columns:minmax(0,1fr); } }