.certificate-editor-layout .document-image {overflow:visible;}
.pane-handle {position:absolute;top:8px;right:-20px;z-index:3;width:28px;min-height:44px;padding:2px;cursor:col-resize;touch-action:none;border:1px solid #718096;background:#fff;color:#243746;border-radius:8px;}
.pane-handle:focus-visible {outline:3px solid #1268a5;outline-offset:2px;}
[data-assessment-filters] {display:flex;gap:1rem;flex-wrap:wrap;}
.thumbnail-preview {max-width:100%;max-height:55vh;object-fit:contain;}
.thumbnail-crop {display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:.8rem;}
.source-excluded {color:#52626e;background:#edf0f2;}
.danger {color:#842b23;border-color:#9c4a42;}
.danger:hover {background:#fff0ef;}
.attention form textarea, details form textarea {display:block;width:min(35rem,100%);margin:.3rem 0;}
@media(max-width:760px) {.pane-handle {display:none;}}

.document-image-actions {display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;}
.document-image-actions:empty {display:none;}

/* Keep both review columns reachable inside the viewport, including expanded file details. */
#review-panel[open] {display:flex;flex-direction:column;height:92dvh;overflow:hidden;}
#review-panel > .panel-toolbar, #review-panel > #panel-status {flex-shrink:0;}
#review-panel > .panel-toolbar {position:relative;top:auto;}
#review-panel > #panel-content {flex:1;min-height:0;overflow:auto;}
@media(min-width:851px) {
  #review-panel .document-image {top:0;max-height:var(--review-pane-height,calc(92dvh - 10rem));overflow:auto;scrollbar-gutter:stable;padding-right:1.5rem;}
  #review-panel .document-image .pane-handle {right:0;}
  #review-panel .document-image .image-viewport {height:clamp(120px,calc(var(--review-pane-height,70dvh) - 13rem),60dvh);}
}
@media(max-width:850px) {
  #review-panel[open] {height:100dvh;max-height:100dvh;}
  #review-panel .document-image {position:relative;top:auto;max-height:none;}
}

/* Keep certificate queue actions together, with room to wrap on small screens. */
.certificate-heading { flex-wrap: wrap; margin-bottom: 1rem; }
.certificate-heading-actions { align-items: center; gap: .65rem; }
.certificate-heading-actions .button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; white-space: nowrap; font-weight: 600; }
@media (max-width: 600px) {
  .certificate-heading-actions { width: 100%; }
  .certificate-heading-actions .button { flex: 1 1 auto; }
}
/* Compact document filters: blue distinguishes active choices from primary actions. */
.certificate-filters .filter-primary{grid-template-columns:minmax(240px,1.5fr) minmax(230px,1fr) minmax(170px,.65fr)}
.certificate-filters{margin-bottom:.65rem}
.certificate-filters .queue-shortcuts label:has(input:checked) span{background:#285b94;border-color:#285b94;color:#fff}
.certificate-filters .queue-shortcuts label:hover span{background:#eef3fa}
.certificate-filters .queue-shortcuts label:has(input:checked):hover span{background:#204b7b}
.certificate-filters label.filter-active select,.certificate-filters label.filter-active input:not([type=checkbox]),.certificate-filters .multi-select-filter.filter-active summary{background:#f0f5fc;border-color:#7198c4}
.certificate-filters .multi-select-options label:has(input:checked){background:#e9f1fc}
.certificate-filters input[type=checkbox]{accent-color:#285b94}
.certificate-filters .filter-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:.6rem .8rem;padding:.6rem 0 0}
.certificate-filters .filter-fields label,.certificate-filters .filter-fields label:first-child{min-width:0}
.certificate-filters .more-filters{padding:.35rem .55rem}
.certificate-filters .more-filters.filter-active>summary{color:#285b94}
.certificate-filters .filter-chips{gap:.3rem;margin:.4rem 0 0}
.filter-chips:empty{display:none}
.filter-chip{display:inline-flex;align-items:center;gap:.4rem;max-width:100%;padding:.18rem .5rem;background:#edf3fc;border:1px solid #b5cbe5;color:#244e80;font-size:.78rem;line-height:1.5;border-radius:.4rem}
.filter-chip:hover{background:#dce9fa;border-color:#7198c4}
.filter-chip>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.filter-chip>span:last-child{font-size:1rem;line-height:1;flex-shrink:0}
.multi-select-filter summary{display:flex;align-items:center;min-width:0}
.selected-type-pills{display:flex;gap:.25rem;overflow-x:auto;scrollbar-width:none;min-width:0}
.selected-type-pills::-webkit-scrollbar{display:none}
.selected-type-pill{flex-shrink:0;background:#dfeafa;color:#254f82;border-radius:.3rem;padding:.05rem .35rem;font-size:.8rem;font-weight:600}
#status:empty,#panel-status:empty{display:none}
#status:not(:empty),#panel-status:not(:empty),.app-notice{padding:.5rem .75rem;margin:.5rem 0 .7rem;border:1px solid #b5cbe5;border-left:3px solid #4479ad;border-radius:.45rem;background:#edf3fc;color:#244e80;font-size:.9rem}
#status.error,#panel-status.error,.app-notice.error{background:#fff0ef;color:#8c302b;border-color:#dda8a4;border-left-color:#b2453e}
.app-notice.warning{background:#fff6e2;color:#765018;border-color:#e2c58c}
[data-select-visible][hidden]{display:none}
@media(max-width:850px){.certificate-filters .filter-primary{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.certificate-filters .search-filter{grid-column:1/-1}}
@media(max-width:450px){.certificate-filters .filter-primary{grid-template-columns:minmax(0,1fr)}.certificate-filters .queue-shortcuts legend{width:auto;float:left;margin:0 .35rem 0 0;align-self:center}.certificate-filters .filter-fields{grid-template-columns:minmax(0,1fr)}}

.document-bulk{position:sticky;top:.5rem;z-index:5;box-shadow:0 3px 12px #173f341a;margin-top:.65rem;align-items:center}
.document-bulk .more-actions-menu,.document-bulk .more-actions-menu[open]{position:relative;margin:0;padding:0;border:0;align-self:center}
.document-bulk .more-actions-menu>summary{padding:.5rem .8rem;border:1px solid #789087;border-radius:.35rem;background:#fff;font-weight:600;white-space:nowrap}
.document-bulk .more-actions-content{position:absolute;top:calc(100% + .35rem);left:0;width:255px;max-width:calc(100vw - 3rem);display:grid;gap:.4rem;padding:.6rem;background:#fff;border:1px solid #c9d4cf;border-radius:.4rem;box-shadow:0 6px 24px #123f3530;z-index:8}
.document-bulk .more-actions-content button{width:100%;text-align:left}
.document-bulk .bulk-scope{flex-basis:100%;margin:0}
.bulk-summary{padding:.7rem;background:#e6eee9;border-radius:.35rem;font-weight:650}
.bulk-check{display:flex;align-items:start;gap:.5rem;margin:.7rem 0}
.bulk-check input{flex-shrink:0;margin-top:.25rem}
.bulk-preview details{max-height:18rem;overflow:auto;overflow-wrap:anywhere}
#action-dialog.bulk-duplicate-dialog{width:min(1100px,calc(100vw - 2rem));max-width:1100px}
.bulk-duplicate-group{border-top:2px solid #c9d4cf;padding-top:1rem;margin-top:1.5rem}
.bulk-duplicate-group>label select{display:block;width:100%;margin:.4rem 0}
.bulk-duplicate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1rem;margin:1rem 0}
.bulk-duplicate-card{padding:.8rem;background:#fff;border:1px solid #bac9c4;border-radius:.5rem;overflow:hidden;overflow-wrap:anywhere;min-width:0}
.bulk-duplicate-card.is-keeper{border:3px solid #27604e}
.bulk-duplicate-card img{display:block;width:100%;height:190px;object-fit:contain;margin:.6rem 0;background:#f3f5f4}
.bulk-duplicate-card p{font-size:.9rem}
@media(max-width:650px){.document-bulk{position:static}.document-bulk>label{width:100%}.document-bulk select{width:100%}}

/* Reference data workspace */
.reference-layout {display:grid;grid-template-columns:13rem minmax(0,1fr);gap:1.5rem;align-items:start}
.reference-nav {display:flex;flex-direction:column;gap:.25rem;position:sticky;top:1rem}
.reference-nav a {padding:.65rem .8rem;border-radius:.35rem;text-decoration:none}
.reference-nav a[aria-current="page"] {background:#173e3b;color:white;font-weight:700}
.reference-table-section {min-width:0}
.reference-table {width:100%;border-collapse:collapse}
.reference-table th,.reference-table td {padding:.7rem;text-align:left;border-bottom:1px solid #d5dfdd;vertical-align:top}
.reference-table th {background:#f0f5f3}
.reference-table td:last-child {white-space:nowrap}
.reference-filters {display:flex;flex-wrap:wrap;gap:.8rem;align-items:end;margin:1rem 0}
.reference-filters label {display:flex;flex-direction:column;gap:.25rem}
.reference-filters input[type=checkbox] {width:auto}
.reference-field {display:flex;flex-direction:column;gap:.3rem;margin:.8rem 0}
.reference-field small,.choice-search {color:#425a56}
.choice-search {display:flex;flex-direction:column;font-size:.9rem;margin-bottom:.3rem}
.editor fieldset {min-width:0;margin:1rem 0;padding:1rem;border:1px solid #cad7d3;border-radius:.4rem}
.editor select,.editor input {max-width:100%}
@media(max-width:760px) {.reference-layout{grid-template-columns:minmax(0,1fr)}.reference-nav{position:static;flex-direction:row;flex-wrap:wrap;gap:.2rem}.reference-nav a{padding:.45rem}.reference-filters label{max-width:100%;flex:1 1 11rem}}

.reference-mobile-nav {display:none}
.reference-filters label:has(input[type=checkbox]) {flex-direction:row;align-items:center;align-self:center}
@media(max-width:760px) {.reference-nav{display:none}.reference-mobile-nav{display:flex;gap:.6rem;align-items:end}.reference-mobile-nav label{display:flex;flex-direction:column;flex:1;gap:.3rem}}