.workflow-callout{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#e9f0ea;border-radius:18px;padding:16px 18px;margin:0 0 18px}.workflow-callout b,.workflow-callout span{display:block}.workflow-callout span{font-size:13px;color:#64766a;margin-top:4px}.workflow-summary{grid-template-columns:repeat(5,1fr);max-width:none!important}.workflow-summary button:nth-child(1){background:#eef2ef;color:#52645a}.workflow-summary button:nth-child(2){background:#dce9df;color:#32644a}.workflow-summary button:nth-child(3){background:#f7dddd;color:#a34b50}.workflow-summary button:nth-child(4){background:#faebc9;color:#926216}.workflow-summary button:nth-child(5){background:#e4e9f7;color:#53669b}.workflow-summary button.active{outline:2px solid currentColor;outline-offset:2px}.status.normal{background:#dce9df;color:#32644a}.status.missing_sample{background:#f7dddd;color:#a34b50}.status.missing_label{background:#faebc9;color:#926216}.status.spare_sample{background:#e4e9f7;color:#53669b}.status-group{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.vendor{font-size:13px;color:#526264;margin:5px 0 13px}.vendor span{color:#718083}.facts{display:grid;grid-template-columns:1fr 1fr;gap:7px;font-size:13px;color:#647274;margin-bottom:14px}.facts b{grid-column:1/-1;color:#253337}.note-previews{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}.note-previews span{display:inline-flex;align-items:center;gap:5px;max-width:100%;font-size:13px;line-height:1.5;color:#647274;background:#f7f8f5;border-radius:9px;padding:6px 9px}.note-previews b{color:#52645a;font-size:11px}.note-previews.compact{display:grid;gap:2px;margin:7px 0 0}.note-previews.compact span{display:block;background:transparent;padding:0;font-size:11px}.note-previews.compact b{margin-right:4px}.outline-button{display:inline-block;border:1px solid #cfdad2;background:#fff;color:#32644a;border-radius:10px;padding:9px 13px;font-weight:700;text-decoration:none;text-align:center}.issue-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:5px}.issue-toggle,.spare-toggle{border:1px solid #dfe5e1;background:#fff;color:#647274;border-radius:10px;padding:9px;font-size:13px;font-weight:700}.issue-toggle.sample.resolve{border-color:#e8bfc1;background:#fff4f4;color:#a34b50}.issue-toggle.label.resolve{border-color:#ead9ae;background:#fff9e9;color:#926216}.spare-toggle{border-color:#ccd5ed;background:#f7f8fd;color:#53669b}.spare-toggle.resolve{background:#e4e9f7}.issue-actions>.spare-toggle{grid-column:1/-1}.card-bottom{justify-content:flex-end;margin-top:10px}.toolbar{display:grid;gap:14px}.search-panel{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;width:100%}.search-panel .search{margin:0;min-height:62px;border-radius:16px;padding:0 18px;box-shadow:0 5px 18px rgba(33,49,43,.06)}.note-search-panel .search{background:#f8f9fd;border-color:#dbe1f1}.note-search-panel .search-submit{background:#53669b}.search-panel .search span{font-size:27px}.search-panel .search input{margin:0;padding:17px 0;font-size:18px}.search-submit,.search-clear{border:0;border-radius:14px;padding:0 22px;font-weight:800}.search-submit{background:#253337;color:#fff}.search-clear{background:#e8ece9;color:#526264}.filter-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.reset-view{white-space:nowrap;border:1px solid #cfdad2;background:#fff;color:#32644a;border-radius:999px;padding:9px 14px;font-weight:700}.reset-view:disabled{opacity:.42;cursor:default}.export-bar{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 22px}.contextual-export{grid-template-columns:1fr;margin:24px 0 0}.contextual-export .export-item{min-height:78px}.export-item{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #e4e9e5;background:#fff;border-radius:15px;padding:14px 16px}.export-item b,.export-item span{display:block}.export-item span{font-size:12px;color:#718083;margin-top:3px}.sample-export{border-color:#eccfd1;background:#fffafa}.label-export{border-color:#ead9ae;background:#fffdf7}.issue-picker{border:1px solid #e4e9e5;border-radius:12px;padding:12px 14px;margin:0 0 15px}.issue-picker legend{font-weight:700;padding:0 6px}.issue-picker label{display:inline-flex;align-items:center;gap:8px;margin:4px 22px 4px 0}.issue-picker input{width:auto;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.form-grid .modal-head,.form-grid .full{grid-column:1/-1}.detail-grid{display:grid;grid-template-columns:80px 1fr;gap:10px 12px;margin:0 0 18px;padding:13px;border-radius:10px;background:#f7f8f5;font-size:13px}.detail-grid span{color:#718083}.detail-grid b{font-weight:600}.loading{max-width:420px;margin:20vh auto;text-align:center;color:#718083}.desktop-table td .status-group{min-width:145px}.status-cell>.spare-toggle{padding:6px 9px;white-space:nowrap}
.workflow-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.workflow-actions button{white-space:nowrap}.modal-copy{color:#647274;line-height:1.65}.danger-box{display:grid;gap:5px;border:1px solid #e5b8ba;background:#fff2f2;color:#8f4045;border-radius:12px;padding:13px 14px;margin-bottom:14px}.danger-box span{font-size:13px;line-height:1.6}.confirm-replace{display:flex;align-items:flex-start;gap:10px;background:#f7f8f5;border-radius:10px;padding:12px;font-size:13px;line-height:1.5}.confirm-replace input{width:auto;margin:3px 0 0;flex:none}.upload-progress{margin:10px 0 0;color:#8f4045;font-size:13px;line-height:1.5}.layout-modal{width:min(860px,100%)}dialog:has(.layout-modal){width:min(900px,100%)}.layout-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f7f8f5;border-radius:12px;padding:12px 14px;margin-bottom:14px}.layout-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:18px}.layout-search input{margin:0}.layout-search .search-submit{padding:0 18px}.section-label{margin:12px 0 7px;color:#718083;font-size:12px;font-weight:800;letter-spacing:.06em}.position-list{display:grid;gap:7px;max-height:260px;overflow:auto}.position-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(170px,1.5fr) auto;align-items:center;gap:12px;width:100%;border:1px solid #e4e9e5;background:#fff;border-radius:11px;padding:11px 12px;text-align:left;color:#253337}.selectable-position-row{grid-template-columns:auto minmax(120px,1fr) minmax(170px,1.5fr) auto}.position-row span,.position-row small{display:block}.position-row small{color:#718083;margin-top:3px}.position-row>span:nth-child(2){color:#647274;font-size:13px}.selectable-position-row>span:nth-child(3){color:#647274;font-size:13px}.position-row strong{color:#32644a;font-size:13px}.position-check{margin:0}.position-check input,.batch-selectbar input{width:auto;margin:0}.position-edit{border:0;background:transparent;color:#32644a;font-weight:700}.batch-selectbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;padding:9px 10px;background:#f7f8f5;border-radius:10px}.batch-selectbar label{display:flex;align-items:center;gap:8px;margin:0;font-size:13px}.batch-selectbar .edit-button:disabled{opacity:.4;cursor:default}.position-empty{border:1px dashed #d8dfda;border-radius:10px;padding:18px;text-align:center;color:#718083;font-size:13px}.position-hint{color:#926216;font-size:12px}.position-form{margin:18px 0;padding:15px;border:2px solid #c8d9cc;background:#fbfdfb;border-radius:14px}.position-form-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.position-form-head h3{margin:0}.close-position{border:0;background:transparent;color:#32644a;font-weight:700}.batch-position-list{display:grid;gap:10px;max-height:55vh;overflow:auto;margin:12px 0 15px;padding-right:4px}.batch-position-card{border:1px solid #dce5df;border-radius:12px;padding:12px;margin:0}.batch-position-card legend{font-weight:800;padding:0 6px}.batch-position-card legend small{color:#718083;font-weight:500;margin-left:6px}.batch-position-card label{font-size:12px}.batch-position-card input,.batch-position-card select{margin-top:5px;padding:9px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:759px){.workflow-callout{align-items:flex-start;flex-direction:column}.workflow-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.workflow-actions .edit-button{grid-column:1/-1;width:100%}.workflow-summary{grid-template-columns:repeat(2,1fr)}.search-panel{grid-template-columns:minmax(0,1fr) auto}.search-clear{grid-column:1/-1;padding:11px}.filter-row{align-items:stretch;flex-direction:column}.filter-row .filters{width:100%}.reset-view{width:100%;border-radius:12px;padding:11px}.export-bar{grid-template-columns:1fr}.export-item{align-items:flex-start}.form-grid{grid-template-columns:1fr}.form-grid .modal-head,.form-grid .full{grid-column:auto}.issue-picker label{display:flex;margin-right:0}.export-bar{position:relative}.layout-topbar{align-items:flex-start;flex-direction:column}.layout-topbar .outline-button{width:100%}.position-row{grid-template-columns:1fr auto}.position-row>span:nth-child(2){grid-column:1/-1;grid-row:2}.layout-search{grid-template-columns:1fr}.layout-search .search-submit{padding:12px}dialog{padding:8px}}
.product-pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin:12px 0 18px}.product-pagination.bottom{margin:18px 0 4px}.product-pagination span{min-width:72px;text-align:center;color:var(--muted);font-size:13px;font-weight:800}.product-pagination button{border:1px solid var(--line);border-radius:10px;padding:9px 14px;background:var(--surface);color:var(--sage-ink);font-weight:800}.product-pagination button:disabled{opacity:.35;cursor:default}
@media(max-width:759px){.product-pagination{display:grid;grid-template-columns:1fr auto 1fr;width:100%}.product-pagination button{padding:11px 8px}}
@media(max-width:759px){.selectable-position-row{grid-template-columns:auto 1fr auto}.selectable-position-row>span:nth-child(3){grid-column:2/-1;grid-row:2}.batch-selectbar{align-items:stretch;flex-direction:column}.batch-selectbar .edit-button{width:100%}.batch-position-list{max-height:none}.batch-position-card .form-grid{grid-template-columns:1fr 1fr;gap:0 8px}.batch-position-card label{margin-bottom:10px}}
/* Keep the selectable product identity in the first row on both breakpoints. */
.selectable-position-row>span:nth-child(2){color:inherit;font-size:inherit}
@media(max-width:759px){.selectable-position-row>span:nth-child(2){grid-column:2;grid-row:1}}
.spare-sample-action{display:grid;gap:6px}.spare-sample-action>.spare-toggle{width:100%}.issue-actions>.spare-sample-action{grid-column:1/-1}
.card-select-status{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.card-select{display:flex;align-items:center;gap:5px;margin:0;color:#526264;font-size:12px}.card-select input,.search-layout-actions input{width:auto;margin:0}.search-layout-actions{display:flex;align-items:center;gap:12px;border:1px solid #cbd9cf;background:#edf5ef;border-radius:14px;padding:12px 14px;margin:0 0 14px}.search-layout-actions label{display:flex;align-items:center;gap:7px;margin:0}.search-layout-actions>span{margin-right:auto;color:#526264}.search-layout-actions button:disabled{opacity:.4;cursor:default}.smart-position-tools{display:grid;gap:11px;background:#f2f6f3;border:1px solid #d4e0d7;border-radius:14px;padding:14px}.smart-common-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.smart-common-grid label,.smart-numbering label{font-size:12px;margin:0}.smart-common-grid input,.smart-common-grid select,.smart-numbering input{margin-top:5px;padding:9px}.smart-numbering{display:grid;grid-template-columns:minmax(180px,1fr) 130px 100px auto;align-items:end;gap:8px;border-top:1px solid #d4e0d7;padding-top:12px}.smart-numbering>div b,.smart-numbering>div span{display:block}.smart-numbering>div span{color:#718083;font-size:12px;margin-top:4px}.smart-numbering .edit-button{min-height:39px}.smart-position-status{min-height:20px;margin:0;color:#32644a;font-size:13px;font-weight:700}.current-position{color:#718083;font-size:12px;margin:0 0 10px}.smart-batch-list{max-height:48vh}
@media(max-width:759px){.search-layout-actions{align-items:stretch;display:grid;grid-template-columns:1fr auto}.search-layout-actions>span{text-align:right;margin:0}.search-layout-actions .edit-button,.search-layout-actions .outline-button{grid-column:1/-1;width:100%}.smart-common-grid{grid-template-columns:1fr 1fr}.smart-numbering{grid-template-columns:1fr 1fr}.smart-numbering>div,.smart-numbering .edit-button{grid-column:1/-1}.smart-batch-list{max-height:none}.smart-position-modal{padding:14px}.card-select-status{gap:5px}}