/* CertCore v26.4 — Archive two-row toolbar + numbered paging canonical core */
[data-page="archive"]{overflow:hidden;background:#f5f8fd}
.archive-clean-v26{height:100%;min-height:0;padding:10px 12px 8px;display:flex;flex-direction:column;gap:8px;overflow:hidden}
.archive-clean-v26 .premium-card{border:1px solid #dfe7f2;background:#fff;border-radius:15px;box-shadow:0 7px 20px rgba(15,23,42,.035)}

/* Row 1: only summary metrics + archive commands. Never horizontally scrolls. */
.archive-commandbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 9px;flex:0 0 auto;overflow:hidden;white-space:nowrap}
.archive-metrics{display:flex;align-items:center;gap:5px;min-width:0}
.archive-metric{height:34px;min-width:70px;padding:0 8px;border:1px solid #e3eaf3;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:7px;background:#f8fafc}
.archive-metric span{font-size:7px;font-weight:800;color:#728399}.archive-metric strong{font-size:12px;color:#173149;line-height:1}
.archive-metric.blue{background:#f4f7ff}.archive-metric.blue strong{color:#2563eb}.archive-metric.green{background:#f0fbf6}.archive-metric.green strong{color:#059669}.archive-metric.cyan{background:#f0f9ff}.archive-metric.cyan strong{color:#0284c7}.archive-metric.amber{background:#fff8ed}.archive-metric.amber strong{color:#d97706}.archive-metric.red{background:#fff3f4}.archive-metric.red strong{color:#dc264b}
.archive-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex:0 0 auto}
.archive-tool{height:34px;border:1px solid #d7e1ed;border-radius:10px;background:#fff;color:#425970;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:7.7px;font-weight:800;cursor:pointer;white-space:nowrap}.archive-tool:hover{border-color:#b7c9df;color:#2563eb}.archive-tool.ghost{border-color:transparent;background:transparent;padding-left:6px;padding-right:6px}.archive-tool.primary{background:#2563eb;border-color:#2563eb;color:#fff}.archive-tool.primary:hover{background:#1f57d2;color:#fff}

/* Row 2: tabs + all search/filter controls + page-size meta. */
.archive-registry{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.archive-registry.cc-archive-loading{opacity:.62;pointer-events:none}
.archive-tabsbar{height:46px;flex:0 0 46px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;padding:5px 8px;border-bottom:1px solid #e7edf4;overflow:hidden}
.archive-tabs{display:flex;gap:4px;min-width:max-content}.archive-tabs button{height:32px;padding:0 9px;border:1px solid transparent;border-radius:9px;background:transparent;color:#6c7e91;font-size:7.8px;font-weight:850;cursor:pointer;white-space:nowrap}.archive-tabs button.active{background:#eef4ff;border-color:#dce7fb;color:#2563eb}.archive-tabs button i{margin-right:4px}
.archive-toolbar-controls{display:grid;grid-template-columns:minmax(165px,1.5fr) minmax(90px,.8fr) minmax(100px,.9fr) minmax(90px,.75fr) minmax(100px,.85fr) auto;align-items:center;gap:5px;min-width:0;overflow:hidden}
.archive-search{min-width:0;height:34px;border:1px solid #d7e1ed;border-radius:10px;background:#fff;display:flex;align-items:center;gap:7px;padding:0 9px}.archive-search:focus-within{border-color:#2f65e5;box-shadow:0 0 0 3px rgba(47,101,229,.07)}.archive-search i{font-size:8px;color:#8395aa}.archive-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#334a60;font-size:8.1px}.archive-search input::placeholder{color:#96a4b4}
.archive-toolbar-controls select{min-width:0;width:100%;height:34px;border:1px solid #d7e1ed;border-radius:10px;background:#fff;color:#40566c;padding:0 6px;font-size:7.6px;outline:0}.archive-toolbar-controls select:focus{border-color:#2f65e5}
.archive-toolbar-controls .archive-tool{height:34px;padding:0 7px}
.archive-list-meta{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:112px;color:#7f8fa1;font-size:7px;white-space:nowrap}.archive-list-meta span{max-width:95px;overflow:hidden;text-overflow:ellipsis}.archive-list-meta select{height:30px;width:48px;border:1px solid #dce6ef;border-radius:8px;background:#fff;color:#52687d;font-size:7.3px;padding:0 4px}

.archive-tab-panel{display:none;flex:1;min-height:0;overflow:hidden}.archive-tab-panel.active{display:flex;flex-direction:column}
.archive-table-wrap{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.archive-table{width:100%;border-collapse:collapse;table-layout:fixed}.archive-table thead{position:sticky;top:0;z-index:2}.archive-table th{height:34px;background:#f7f9fc;border-bottom:1px solid #e3eaf2;padding:0 8px;text-align:left;font-size:6.7px;color:#60758a;letter-spacing:.03em}.archive-table td{height:46px;padding:7px 8px;border-bottom:1px solid #edf1f5;font-size:7.5px;color:#425970;vertical-align:middle}.archive-table tbody tr:hover{background:#fbfdff}.archive-table td b{display:block;color:#173149;font-size:7.8px}.archive-table td small{display:block;color:#8a99aa;font-size:6.5px;margin-top:2px}.archive-table th:nth-child(1){width:8%}.archive-table th:nth-child(2){width:11%}.archive-table th:nth-child(3){width:12%}.archive-table th:nth-child(4){width:10%}.archive-table th:nth-child(5){width:16%}.archive-table th:nth-child(6){width:9%}.archive-table th:nth-child(7){width:8%}.archive-table th:nth-child(8){width:26%}
.archive-status,.archive-validity{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 7px;font-size:6.6px;font-weight:850;white-space:nowrap}.archive-status i{width:6px;height:6px;border-radius:50%}.archive-status.active{background:#e9f9f3;color:#087c62}.archive-status.active i{background:#10b981}.archive-status.expired,.archive-status.revoked{background:#fff0f2!important;color:#c9364f!important}.archive-status.expired i,.archive-status.revoked i{background:#ef4444}.archive-status.renewed{background:#eff6ff!important;color:#1d4ed8!important}.archive-status.draft{background:#fff7ed!important;color:#c2410c!important}.archive-validity.neutral{background:#eef4ff;color:#365f9d}.archive-validity.active{background:#ecfdf5!important;color:#047857!important}.archive-validity.expiring{background:#fffbeb!important;color:#b45309!important}.archive-validity.expired{background:#fff0f2;color:#d81b45}
.archive-actions{display:flex;gap:4px;align-items:center;flex-wrap:nowrap}.archive-actions button{height:26px;border:1px solid #dce6ef;border-radius:8px;background:#fff;color:#4a6075;padding:0 6px;font-size:6.6px;font-weight:750;cursor:pointer;white-space:nowrap}.archive-actions button:hover{border-color:#b9cae0;color:#2563eb}.archive-actions button.danger{color:#c03a48}.archive-actions button.danger:hover{border-color:#efc8ce;background:#fff7f8}
.archive-table-footer{height:40px;flex:0 0 40px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 10px;background:#fbfdff;border-top:1px solid #edf1f5;color:#74869a;font-size:7.2px}.archive-footer-pages{display:flex;align-items:center;justify-content:flex-end;gap:8px}.archive-footer-pages em{font-style:normal;font-size:7px;font-weight:750;color:#7b8da0;white-space:nowrap}.archive-pagination{display:flex;align-items:center;gap:3px}.archive-pagination button{min-width:27px;height:27px;padding:0 6px;border:1px solid #dce6ef;border-radius:8px;background:#fff;color:#63788d;font-size:7.3px;cursor:pointer}.archive-pagination button.active{background:#2563eb;color:#fff;border-color:#2563eb;font-weight:900}.archive-pagination button:disabled{opacity:.38;cursor:default}.archive-pagination .archive-page-dots{min-width:16px;border:0;background:transparent;padding:0;color:#8c9bab;cursor:default}.archive-empty-live{margin:14px;padding:25px 16px;text-align:center;color:#718398;border:1px dashed #ccd8e5;border-radius:13px;background:#f9fbfd;font-size:8.5px}

/* People: vertical rows + same paged footer as certificates. */
.archive-person-list{flex:1;min-height:0;overflow:auto;padding:7px 9px 8px;display:flex;flex-direction:column;gap:5px;overscroll-behavior:contain}
.archive-person-row{width:100%;min-height:52px;border:1px solid #e3eaf3;border-radius:11px;background:#fff;padding:6px 9px;display:grid;grid-template-columns:34px minmax(180px,1.05fr) minmax(260px,2fr) auto 24px;gap:9px;align-items:center;text-align:left;cursor:pointer;transition:.15s}.archive-person-row:hover{border-color:#c9d8eb;background:#fbfdff;box-shadow:0 5px 14px rgba(15,23,42,.035)}
.archive-person-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eef5ff;color:#2563eb;font-size:9px;font-weight:900}.archive-person-main{min-width:0}.archive-person-main b,.archive-person-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archive-person-main b{font-size:8.5px;color:#20364e}.archive-person-main small{font-size:6.9px;color:#8b9aac;margin-top:2px}.archive-person-certs{display:flex;align-items:center;gap:4px;min-width:0;overflow:hidden}.archive-person-cert-chip{max-width:180px;height:25px;padding:0 7px;border-radius:8px;background:#f4f7fb;border:1px solid #e3eaf3;color:#50657a;display:inline-flex;align-items:center;gap:5px;font-size:6.8px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.archive-person-cert-chip i{color:#2563eb}.archive-person-cert-chip.more{background:#eef4ff;color:#2563eb}.archive-person-zero{color:#98a6b5;font-size:7px}.archive-person-count{min-width:29px;height:25px;border-radius:999px;display:grid;place-items:center;padding:0 7px;background:#f1f5f9;color:#475569;font-weight:900;font-size:8px}.archive-person-chevron{color:#91a0b0;font-size:9px;text-align:center}

/* Shared detail modal */
.cc-archive-modal{position:fixed;inset:0;z-index:99995;display:grid;place-items:center;padding:20px;background:rgba(15,23,42,.42);backdrop-filter:blur(4px)}.cc-archive-modal[hidden]{display:none!important}.cc-archive-modal-card{width:min(780px,calc(100vw - 28px));max-height:calc(100vh - 32px);overflow:auto;background:#fff;border:1px solid #dbe5f0;border-radius:20px;box-shadow:0 28px 80px rgba(15,23,42,.24)}.cc-archive-modal-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:15px 18px;border-bottom:1px solid #e7edf5;background:rgba(255,255,255,.97);backdrop-filter:blur(8px)}.cc-archive-modal-head b{display:block;font-size:15px;color:#15233b}.cc-archive-modal-head small{display:block;margin-top:3px;color:#7b8ba3;font-size:9px}.cc-archive-close{width:33px;height:33px;border:1px solid #dbe5f0;border-radius:10px;background:#fff;display:grid;place-items:center;cursor:pointer}.cc-archive-modal-body{padding:15px 18px 18px}.cc-archive-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cc-archive-detail{border:1px solid #e5edf7;border-radius:12px;padding:10px;background:#f8fafc}.cc-archive-detail small{display:block;color:#64748b;font-weight:800;margin-bottom:4px;font-size:8px}.cc-archive-detail b{display:block;color:#0f172a;word-break:break-word;font-size:9.5px}.cc-archive-detail.full{grid-column:1/-1}
.archive-person-modal-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.archive-person-modal-summary>div{padding:9px 10px;border:1px solid #e5edf7;border-radius:11px;background:#f8fafc}.archive-person-modal-summary span{display:block;color:#8392a4;font-size:7px;margin-bottom:3px}.archive-person-modal-summary b{color:#243b53;font-size:9px}.archive-person-history-title{margin:3px 0 8px;color:#233a52;font-size:10px}.archive-person-history{display:flex;flex-direction:column;gap:6px}.archive-person-history-row{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(120px,.8fr) minmax(90px,.6fr) auto;gap:8px;align-items:center;padding:8px 9px;border:1px solid #e5edf7;border-radius:11px;background:#fff}.archive-person-history-row b{font-size:8.5px;color:#20364e}.archive-person-history-row small{display:block;font-size:6.8px;color:#8a99aa;margin-top:2px}.archive-person-history-actions{display:flex;gap:4px}.archive-person-history-actions button{height:27px;border:1px solid #dce6ef;border-radius:8px;background:#fff;color:#4a6075;padding:0 7px;font-size:6.7px;font-weight:750;cursor:pointer}.archive-person-history-actions button:hover{color:#2563eb;border-color:#b9cae0}
.archive-clean-v26>.footer{height:20px;min-height:20px;flex:0 0 20px;padding-top:0;padding-bottom:0;font-size:7px}

@media(max-width:1450px){.archive-search{width:190px}.archive-controls select{width:100px}.archive-controls select[data-archive-filter="training"]{width:112px}.archive-metric{min-width:62px;padding:0 6px}.archive-tool span{display:none}.archive-tool{width:34px;padding:0}}
@media(max-width:900px){[data-page="archive"]{overflow:auto}.archive-clean-v26{height:auto;min-height:100%;overflow:visible}.archive-commandbar{align-items:flex-start}.archive-registry{min-height:560px}.archive-table{min-width:1050px}.archive-person-row{grid-template-columns:34px minmax(180px,1fr) auto 24px}.archive-person-certs{grid-column:2/-1;overflow:visible;flex-wrap:wrap}.archive-person-history-row{grid-template-columns:1fr 1fr}.archive-person-history-actions{grid-column:1/-1}}
@media(max-width:620px){.archive-person-modal-summary{grid-template-columns:1fr}.cc-archive-detail-grid{grid-template-columns:1fr}.cc-archive-detail.full{grid-column:auto}.archive-person-row{grid-template-columns:34px 1fr auto}.archive-person-chevron{display:none}.archive-person-certs{grid-column:1/-1}.archive-person-count{grid-column:3}}


.archive-clean-v26>.footer{height:20px;min-height:20px;flex:0 0 20px;padding-top:0;padding-bottom:0;font-size:7px}
@media(max-width:1350px){.archive-metric{min-width:62px;padding:0 6px}.archive-tool span{display:none}.archive-top-actions .archive-tool{width:34px;padding:0}.archive-tabs button{padding:0 7px}.archive-toolbar-controls{grid-template-columns:minmax(145px,1.3fr) minmax(82px,.7fr) minmax(92px,.8fr) minmax(82px,.7fr) minmax(90px,.75fr) auto}.archive-list-meta span{display:none}}
@media(max-width:1050px){[data-page="archive"]{overflow:auto}.archive-clean-v26{height:auto;min-height:100%;overflow:visible}.archive-commandbar{align-items:flex-start}.archive-tabsbar{height:auto;grid-template-columns:auto 1fr;grid-template-areas:"tabs meta" "controls controls";padding:6px}.archive-tabs{grid-area:tabs}.archive-toolbar-controls{grid-area:controls}.archive-list-meta{grid-area:meta}.archive-registry{min-height:620px}.archive-table{min-width:1050px}.archive-person-row{grid-template-columns:34px minmax(180px,1fr) auto 24px}.archive-person-certs{grid-column:2/-1;overflow:visible;flex-wrap:wrap}.archive-person-history-row{grid-template-columns:1fr 1fr}.archive-person-history-actions{grid-column:1/-1}}
@media(max-width:700px){.archive-commandbar{flex-direction:column}.archive-metrics{width:100%;overflow:auto}.archive-top-actions{width:100%;justify-content:flex-end}.archive-toolbar-controls{grid-template-columns:1fr 1fr}.archive-search{grid-column:1/-1}.archive-toolbar-controls .archive-tool{width:auto}.archive-person-modal-summary{grid-template-columns:1fr}.cc-archive-detail-grid{grid-template-columns:1fr}.cc-archive-detail.full{grid-column:auto}.archive-person-row{grid-template-columns:34px 1fr auto}.archive-person-chevron{display:none}.archive-person-certs{grid-column:1/-1}.archive-person-count{grid-column:3}.archive-table-footer{height:auto;min-height:40px;flex-wrap:wrap}.archive-footer-pages{margin-left:auto}}


/* CertCore v28.11 canonical archive mobile ergonomics */
@media(max-width:760px){
  .archive-commandbar{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;overflow:visible!important;white-space:normal!important}
  .archive-metrics{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;overflow:visible!important;gap:5px!important}
  .archive-metric{min-width:0!important;width:auto!important}
  .archive-top-actions{display:grid!important;grid-template-columns:repeat(3,1fr)!important;width:100%!important;gap:5px!important}
  .archive-top-actions .archive-tool{width:100%!important;justify-content:center!important}
  .archive-tabsbar{display:grid!important;grid-template-columns:1fr!important;grid-template-areas:"tabs" "controls" "meta"!important;height:auto!important;gap:6px!important}
  .archive-toolbar-controls{grid-template-columns:1fr 1fr!important;overflow:visible!important}
  .archive-search{grid-column:1/-1!important;width:100%!important}
  .archive-list-meta{justify-self:start!important}
  .archive-table{min-width:960px!important}
  .archive-table-footer{align-items:flex-start!important}.archive-footer-pages{width:100%!important;justify-content:space-between!important;overflow-x:auto!important}
}