/* Chem ELN: approved hierarchy, responsive within its own viewport. */
#eln-detail{min-width:0;overscroll-behavior:contain;scroll-padding-top:190px}
#eln-editor{width:100%;max-width:none;box-sizing:border-box;padding:20px clamp(12px,2vw,28px)}
.eln-entry-heading{position:sticky;top:0;z-index:15;background:var(--bg);border-radius:var(--r-md);margin-bottom:18px;box-shadow:0 7px 12px -12px var(--text3)}
#eln-editor .eln-entry-heading .eln-editor-head{display:flex;flex-direction:column;align-items:stretch;padding:18px 22px 12px;gap:13px;margin:0}
.eln-heading-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.eln-heading-code{display:flex;align-items:center;gap:10px;min-width:0}
#eln-editor .eln-id-badge{font-size:var(--type-small);flex-shrink:0;color:var(--accent-ink)}
.eln-entry-status{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--border);border-radius:12px;background:var(--bg3);padding:3px 7px;font-size:var(--ui-caption);color:var(--text3);white-space:nowrap}
.eln-entry-status:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--accent)}
.eln-entry-status[data-status=completed]:before{background:var(--green)}.eln-entry-status[data-status=pending_review]:before{background:var(--orange)}.eln-entry-status[data-status=annulled]:before{background:var(--red)}
.eln-heading-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
#eln-last-saved{font-size:var(--ui-caption);color:var(--text3);white-space:nowrap;margin-right:6px}
#eln-editor .eln-title-input{font-family:var(--sans);font-size:var(--ui-title);font-weight:600;line-height:1.4;width:100%;min-width:0;padding:0;border-color:transparent;border-radius:0;flex:none}
#eln-editor .eln-title-input:focus{border-bottom-color:var(--border2)}
#eln-editor .eln-entry-heading>.eln-meta-row{padding:0 22px 16px;background:var(--bg2);border:1px solid var(--border);border-top:0;margin:0;gap:9px}
.eln-entry-heading .eln-entry-tabs{margin:0;padding-inline:22px;gap:26px}
#eln-editor .eln-entry-heading .eln-meta-row input,#eln-editor .eln-entry-heading .eln-meta-row select{max-width:100%;min-width:0;background:transparent;border-color:transparent;font-size:var(--ui-input)}
#eln-editor .eln-entry-heading .eln-meta-row input:focus,#eln-editor .eln-entry-heading .eln-meta-row select:focus{border-color:var(--border2);background:var(--bg3)}
#eln-editor [role=tabpanel]>.eln-section{padding:0;border-radius:var(--r-md);overflow:visible;margin-bottom:16px}
#eln-editor .eln-section-title{padding:14px 18px;margin:0;min-height:18px;font-size:var(--ui-section);font-weight:600;letter-spacing:0;gap:8px}
#eln-editor .eln-section>div:not(.eln-section-title),#eln-editor .eln-section>textarea{margin-inline:18px;margin-bottom:16px}
#eln-editor .eln-section>textarea{width:calc(100% - 36px);box-sizing:border-box;line-height:1.8}
#eln-editor #eln-insert-chips{margin-bottom:8px}
#eln-editor .eln-section>.ql-toolbar{margin:0 18px;padding:8px 10px}
#eln-editor .eln-section>.ql-container{margin:0 18px 16px}
#eln-editor .ql-editor{padding:20px;line-height:1.75;font-size:var(--ui-reading);min-height:210px;overflow-wrap:anywhere}
#eln-editor .eln-tlc-attachments{margin:0 18px 16px;padding-top:12px}
#eln-editor .eln-section .eln-meta-row{padding:4px 0;row-gap:12px}
#eln-editor .rxn-table th{border-right:0;padding:9px 10px;background:var(--bg3);font-size:var(--ui-label);color:var(--text3)}
#eln-editor .rxn-table td{padding:9px 10px;border-right:0}
#eln-editor .rxn-table input{font-family:var(--sans);font-variant-numeric:tabular-nums;background:transparent}
#eln-editor .rxn-table input:focus{background:var(--bg3)}
.eln-action-menu{position:relative;flex-shrink:0}.eln-action-menu[hidden]{display:none!important}
.eln-action-menu>summary{list-style:none;cursor:pointer}.eln-action-menu>summary::-webkit-details-marker{display:none}
.eln-action-menu-items{position:absolute;right:0;top:calc(100% + 6px);min-width:210px;padding:5px;z-index:30;border:1px solid var(--border2);border-radius:var(--r-sm);background:var(--bg2);box-shadow:var(--shadow-md)}
#eln-editor .eln-action-menu-items>.icon-btn{width:100%;height:auto;min-height:32px;justify-content:flex-start;padding:8px;gap:9px;border:0;background:transparent;font-size:var(--type-caption);white-space:nowrap}
.eln-action-menu-items button span{display:inline}.eln-action-menu-items .icon-btn:hover{background:var(--bg3)!important}
#eln-scheme-wrap{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg2);margin-bottom:16px!important;overflow:hidden}
.eln-scheme-heading{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;font-size:var(--ui-section);font-weight:600;color:var(--text2)}
.eln-scheme-heading>div{display:flex;gap:5px}
#eln-scheme-box{border:0!important;border-radius:0!important;background:var(--bg2)!important;padding:8px 0 18px}
#eln-scheme-box>div{max-width:100%;box-sizing:border-box}
#eln-scheme-box .rxn-scheme-label{font-family:var(--sans)}
.eln-scheme-preview{width:min(1500px,98vw)!important;max-width:98vw!important;height:min(880px,92dvh);max-height:92dvh!important;display:flex;flex-direction:column}
.eln-scheme-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.eln-scheme-preview-heading h3{font-size:15px}
.eln-scheme-preview-content{display:flex;align-items:center;flex:1;overflow:auto;min-width:0;min-height:0}.eln-scheme-preview-content>div{min-width:1100px;margin:auto}
.eln-scheme-preview-content .rxn-scheme-label{max-width:260px;font-size:var(--ui-body)}
#eln-editor #eln-files-list{margin-inline:18px}
.eln-file-group{padding:2px 0 12px}.eln-file-group-heading{display:flex;align-items:center;gap:8px;padding:16px 0 8px;border-bottom:1px solid var(--border);color:var(--text3)}
.eln-file-group-heading h3{margin:0;font-size:var(--ui-section);font-weight:600;color:var(--text2)}.eln-file-group-heading>span{margin-left:auto;font-size:var(--ui-caption)}
#eln-editor .eln-file-row{padding:14px 0!important}.eln-file-main{gap:8px!important;flex-wrap:wrap}
.eln-file-document{display:flex;align-items:center;justify-content:center;width:29px;min-width:29px;height:35px;border:1px solid var(--border);border-radius:5px;color:var(--text3);background:var(--bg3)}
#eln-editor .eln-file-name{font-weight:600;font-size:var(--ui-body)!important;min-width:130px;overflow-wrap:anywhere}
#eln-editor .eln-file-main .icon-btn:not(.eln-action-menu-items .icon-btn){width:var(--control-size);height:var(--control-size);padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border2)!important;background:var(--bg2)!important}
#eln-editor .eln-file-main button[hidden]{display:none!important}
#eln-editor .eln-file-main .danger{color:var(--red)!important}
#eln-editor #eln-char-report-wrap{padding:0!important;margin:16px 0!important;border:1px solid var(--border)!important;background:var(--bg2)!important;border-radius:var(--r-md)!important}
#eln-editor #eln-char-report-wrap>div:first-child{padding:12px 18px;margin:0!important}
#eln-editor #eln-char-report{display:block;width:calc(100% - 36px)!important;margin:0 18px 18px;padding:12px!important;line-height:1.8!important}
.eln-tlc-picker-thumbnail{width:80px;height:60px;object-fit:contain;border:1px solid var(--border);border-radius:5px;background:var(--bg3);flex-shrink:0}
.eln-activity-row{display:flex;gap:12px;padding:17px 0;border-bottom:1px solid var(--border);font-size:var(--ui-body);align-items:flex-start}
.eln-activity-icon{padding-top:2px;flex-shrink:0}.eln-activity-row>div{flex:1;min-width:0}.eln-activity-row strong{font-weight:600}.eln-activity-row p{margin:5px 0;color:var(--text3);line-height:1.6;overflow-wrap:anywhere}.eln-activity-row div>span{font-size:var(--ui-caption);color:var(--text3)}.eln-activity-row time{font-size:var(--ui-caption);color:var(--text3);white-space:nowrap}
@media(min-width:1800px){#eln-editor{padding-inline:clamp(28px,3vw,64px)}}
@media(max-width:1100px){#eln-last-saved{display:none}#eln-editor .eln-title-input{font-size:var(--ui-title)}.eln-heading-top{align-items:flex-start}}
@media(max-width:820px){
 #eln-detail{padding:0!important;scroll-padding-top:16px}#eln-editor{padding:14px 12px 24px;min-width:0;width:100%}
 .eln-entry-heading{position:relative;top:auto;margin-bottom:14px}.eln-heading-top{flex-wrap:wrap;gap:10px}.eln-heading-actions{gap:5px}
 #eln-editor .eln-entry-heading .eln-editor-head{padding:14px 13px 10px}#eln-editor .eln-title-input{font-size:var(--ui-title)!important;flex-basis:auto;line-height:1.5}
 #eln-editor .eln-entry-heading>.eln-meta-row{padding:0 13px 12px;gap:7px}.eln-entry-heading .eln-entry-tabs{padding-inline:13px;gap:22px}
 #eln-editor [role=tabpanel]>.eln-section{margin-bottom:13px}#eln-editor .eln-section-title{padding:12px 13px;flex-wrap:wrap}
 #eln-editor .eln-section>div:not(.eln-section-title),#eln-editor .eln-section>textarea{margin-inline:13px}
 #eln-editor .eln-section>textarea{width:calc(100% - 26px)}#eln-editor .ql-editor{padding:16px 13px;font-size:var(--ui-reading);line-height:1.75}
 #eln-editor .eln-section>.ql-toolbar{margin-inline:13px}#eln-editor .eln-section>.ql-container{margin-inline:13px}
 #eln-editor .rxn-table{font-size:var(--type-small)}#eln-editor .rxn-table td{padding:9px 8px}
 #eln-scheme-box>div{flex-direction:column!important;gap:14px!important;padding:12px!important;flex-wrap:nowrap!important;width:100%}
 #eln-scheme-box>div>div{max-width:100%!important;justify-content:center!important;box-sizing:border-box;flex-wrap:wrap!important}
 #eln-scheme-box .rxn-scheme-label{max-width:140px;font-size:var(--type-caption)}
 .eln-file-main{row-gap:10px!important}.eln-file-main>span:not(.eln-file-document){max-width:100%!important}
 .eln-file-name{flex-basis:calc(100% - 100px)!important}.eln-file-group-heading{padding-top:12px}
 .eln-activity-row{gap:8px;flex-wrap:wrap}.eln-activity-row time{margin-left:22px;flex-basis:100%}
 .eln-tlc-picker-thumbnail{width:64px;height:50px}.eln-tlc-picker-file>span{min-width:110px}
 #eln-editor #eln-char-report{width:calc(100% - 26px)!important;margin-inline:13px}
}

#eln-editor .ql-editor p,#eln-editor .ql-editor li{max-width:105ch}
#eln-panel-procedure .rxn-table:has(#rxn-reagents-tbody) th:nth-child(3){min-width:210px;width:23%}
#eln-panel-procedure .rxn-table:has(#rxn-products-tbody) th:nth-child(2){min-width:210px;width:26%}
/* Storage follows the same compact card scale as the approved proposal. */
#storage-gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 20px}
#storage-gallery-heading[hidden]{display:none}#storage-gallery-heading h1{font-size:var(--ui-title);margin:0 0 6px;font-weight:600}#storage-gallery-heading p{font-size:var(--ui-caption);color:var(--text3);margin:0}
.storage-gallery-modes{display:flex;gap:5px}
#boxes-grid.storage-list-view{display:flex;flex-direction:column}
#boxes-grid.storage-list-view .box-card{display:grid;grid-template-columns:minmax(0,1fr) 160px 260px;align-items:center}
#boxes-grid.storage-list-view .box-card-footer{border:0;flex-wrap:wrap}
#boxes-grid.storage-list-view .box-mini-wrap{max-height:60px;overflow:hidden;margin:8px;padding:8px}
.storage-vial-eyebrow{display:block;font-size:var(--ui-caption);color:var(--text3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}
.storage-stock-fold{padding-top:10px;border-top:1px solid var(--border);margin-top:10px}.storage-stock-fold summary{font-size:var(--ui-caption);color:var(--text3);cursor:pointer;padding-bottom:8px}
.storage-vial-quantity{position:relative;padding-right:78px}.storage-vial-quantity>.storage-vial-status{display:block;position:absolute;right:0;top:25px;border:1px solid color-mix(in srgb,var(--green) 25%,var(--border));background:color-mix(in srgb,var(--green) 7%,var(--bg2));color:var(--green-ink);padding:4px 6px;border-radius:12px;font-size:var(--ui-caption);white-space:nowrap}
.storage-vial-quantity>.storage-vial-status[data-status=low]{color:var(--orange);border-color:color-mix(in srgb,var(--orange) 30%,var(--border))}.storage-vial-quantity>.storage-vial-status[data-status=depleted]{color:var(--red);border-color:color-mix(in srgb,var(--red) 30%,var(--border))}
.storage-inspector #cm-svg{border:0;border-radius:0;margin-inline:-16px;width:calc(100% + 32px);border-block:1px solid var(--border);background:var(--bg3)}
.storage-inspector #cm-props .cm-prop{padding-block:9px;font-family:var(--sans)}.storage-inspector #cm-props .cm-prop span:last-child{font-family:var(--sans);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.storage-inspector-content>div:last-child{gap:6px!important;flex-wrap:wrap}
@media(max-width:1000px){#boxes-grid.storage-list-view .box-card{grid-template-columns:minmax(0,1fr) 130px}#boxes-grid.storage-list-view .box-card-footer{grid-column:1/-1;border-top:1px solid var(--border)}}
@media(max-width:820px){#boxes-grid.storage-list-view .box-card{grid-template-columns:minmax(0,1fr)}#boxes-grid.storage-list-view .box-mini-wrap{display:none}.storage-map-panel .bd-cell{font-family:var(--sans)}.storage-vial-quantity strong{font-size:24px}#storage-gallery-heading{padding-top:4px}}
.eln-table-heading{display:flex;align-items:center;justify-content:space-between}
#eln-editor .eln-compact-table:not(.eln-table-expanded)[data-columns-kind=reagents] tr>:is(:nth-child(4),:nth-child(10)),#eln-editor .eln-compact-table:not(.eln-table-expanded)[data-columns-kind=products] tr>:is(:nth-child(3),:nth-child(5)){display:none}

#eln-editor textarea.eln-title-input{display:block;box-sizing:border-box;resize:none;overflow:hidden;min-height:30px;white-space:pre-wrap;overflow-wrap:anywhere}

#eln-editor .rxn-draw-row-btn{display:inline-flex;align-items:center;justify-content:center;min-width:var(--control-size);height:var(--control-size);background:var(--bg2);border-color:var(--border2)}
#eln-editor .rxn-draw-row-btn svg{width:var(--control-icon);height:var(--control-icon)}
#boxes-grid .box-card-title,#boxes-grid .box-card-meta{overflow-wrap:anywhere}

.eln-optional-hint{font-style:italic;line-height:1.7;margin:4px 0 0 37px}

/* Preserve compact tables while keeping measured/calculated values equally legible. */
#eln-editor .rxn-inp.calc{font-size:var(--ui-input)}
#eln-editor .rxn-table th{line-height:1.45}
#eln-editor .rxn-table th .rxn-column-unit{font-size:var(--ui-label);font-weight:400}
#eln-editor .rxn-scheme-label{font-size:var(--type-caption);line-height:1.5}
#eln-editor .eln-meta-row{line-height:1.5}
#eln-editor .eln-tlc-caption,#eln-editor .eln-tlc-file-preview>span{font-size:var(--type-small);line-height:1.6}
#eln-editor .ql-editor .eln-tlc-ref{font-size:var(--type-small)}
#eln-editor #eln-char-checklist th{font-size:var(--ui-label)!important;line-height:1.5}
/* References are part of the sentence, not small code annotations. */
#eln-editor #eln-ed-procedure .ql-editor .eln-ref{display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone;font-family:inherit;font-size:inherit;line-height:inherit;max-width:100%;overflow-wrap:anywhere}
#eln-editor #eln-insert-chips .eln-ref-chip{font-size:var(--type-small)}
@media(max-width:820px){
 #eln-editor #eln-ed-procedure .ql-editor{font-size:var(--ui-reading);line-height:1.65}
 #eln-editor .rxn-inp.calc{font-size:var(--ui-input)}
 #eln-editor .eln-section-title,#eln-editor .eln-scheme-heading{font-size:var(--ui-section)}
 #eln-editor #eln-insert-chips .eln-ref-chip{font-size:var(--type-body)}
 #eln-editor .rxn-table th,#eln-editor .rxn-table th .rxn-column-unit,#eln-editor .eln-meta-row label{font-size:var(--ui-label)}
}