/* ATSRS V5976 — Documents / Certificate Register */
body.personal-mode #app.app:not(.hidden) > .main:has(#certificatesPage:not(.hidden)) > #pageTitle{
  display:none!important;
}

body.personal-mode #app.app:not(.hidden) #certificatesPage{
  --document-surface:#090c0d;
  --document-surface-raised:#0d1113;
  --document-border:#242c30;
  --document-divider:#20272b;
  --document-text:#f4f7f8;
  --document-muted:#9aa8b2;
  --document-green:#59d36b;
  width:100%!important;
  max-width:none!important;
}

@media(min-width:801px){
  body.personal-mode:has(#certificatesPage:not(.hidden)){
    overflow:hidden!important;
  }
  body.personal-mode #app.app:not(.hidden) > .main:has(#certificatesPage:not(.hidden)){
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    overflow:hidden!important;
  }
  body.personal-mode #app.app:not(.hidden) #certificatesPage:not(.hidden){
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
    max-height:100%!important;
    overflow:hidden!important;
  }
  body.personal-mode #app.app:not(.hidden) #certificatesPage > .atsrs-documents-heading,
  body.personal-mode #app.app:not(.hidden) #certificatesPage > .unified-cert-panel{
    flex:0 0 auto!important;
  }
  body.personal-mode #app.app:not(.hidden) #certificatesPage > .panel:last-child{
    flex:1 1 auto!important;
    min-height:0!important;
    margin-bottom:0!important;
    overflow:hidden!important;
  }
}

#certificatesPage .atsrs-documents-heading{
  display:flex;
  align-items:flex-end;
  gap:30px;
  margin:0 0 26px;
}

#certificatesPage .atsrs-documents-title-block{
  min-width:375px;
  padding-right:30px;
  border-right:1px solid var(--document-border);
}

#certificatesPage .atsrs-documents-title-block > span{
  display:block;
  margin-bottom:6px;
  color:var(--document-green);
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
}

#certificatesPage .atsrs-documents-title-block h2{
  margin:0!important;
  color:var(--document-text)!important;
  -webkit-text-fill-color:var(--document-text)!important;
  font-size:34px!important;
  font-weight:760!important;
  letter-spacing:-.035em!important;
  line-height:1.05!important;
}

#certificatesPage .atsrs-documents-summary{
  display:flex;
  align-items:stretch;
  gap:0;
  min-width:0;
}

#certificatesPage .atsrs-document-summary-item{
  display:grid;
  grid-template-columns:32px auto auto;
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:8px;
  min-width:170px;
  padding:4px 26px;
  border-right:1px solid var(--document-border);
}

#certificatesPage .atsrs-document-summary-item:first-child{padding-left:8px}
#certificatesPage .atsrs-document-summary-item:last-child{border-right:0}
#certificatesPage .atsrs-document-summary-item > i{
  grid-row:1 / 3;
  grid-column:1;
  font-size:28px;
}
#certificatesPage .atsrs-document-summary-item > span{
  grid-column:2 / 4;
  color:#c7d0d5;
  font-size:12px;
  line-height:1.2;
}
#certificatesPage .atsrs-document-summary-item > strong{
  grid-column:2;
  color:var(--document-text);
  font-size:21px;
  line-height:1;
}
#certificatesPage .atsrs-document-summary-item > small{
  grid-column:3;
  align-self:end;
  padding-bottom:1px;
  font-size:13px;
  font-weight:700;
}
#certificatesPage .atsrs-document-summary-item.is-valid > i,
#certificatesPage .atsrs-document-summary-item.is-valid > small{color:var(--document-green)}
#certificatesPage .atsrs-document-summary-item.is-expiring > i,
#certificatesPage .atsrs-document-summary-item.is-expiring > small{color:#f4c63d}
#certificatesPage .atsrs-document-summary-item.is-no-expiry > i,
#certificatesPage .atsrs-document-summary-item.is-no-expiry > small{color:#ff5261}

body.personal-mode #app.app:not(.hidden) #certificatesPage > .unified-cert-panel{
  display:grid!important;
  grid-template-columns:200px minmax(0,1fr)!important;
  align-items:center!important;
  gap:22px!important;
  margin:0 0 12px!important;
  padding:18px!important;
  overflow:visible!important;
  border:1px solid var(--document-border)!important;
  border-radius:11px!important;
  background:var(--document-surface-raised)!important;
}

#certificatesPage .atsrs-document-intake-copy{
  padding:0 4px;
  color:#bdc8cf;
  font-size:13px;
  line-height:1.55;
}
#certificatesPage .atsrs-document-intake-copy > span{display:block}
#certificatesPage .atsrs-document-intake-copy .cert-flow-note{
  margin:0!important;
  color:#bdc8cf!important;
  font-size:13px!important;
  line-height:1.55!important;
}

#certificatesPage .cert-mode-buttons{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0!important;
}

body #app.app:not(.hidden) #certificatesPage .cert-mode-buttons > button{
  min-width:0!important;
  max-width:none!important;
  width:100%!important;
  min-height:56px!important;
  margin:0!important;
  padding:0 20px!important;
  gap:10px!important;
  border:1px solid #30393e!important;
  border-radius:9px!important;
  background:#0a0d0f!important;
  color:#f0f4f6!important;
  font-size:15px!important;
  font-weight:700!important;
  box-shadow:none!important;
}
body #app.app:not(.hidden) #certificatesPage .cert-mode-buttons > button::before,
body #app.app:not(.hidden) #certificatesPage .cert-mode-buttons > button > i{font-size:20px!important}
body #app.app:not(.hidden) #certificatesPage .cert-mode-buttons > button.active,
body #app.app:not(.hidden) #certificatesPage .cert-mode-buttons > button:hover,
body #app.app:not(.hidden) #certificatesPage .cert-mode-buttons > button:focus-visible{
  border-color:#45b859!important;
  background:#0a0d0f!important;
  color:#fff!important;
  box-shadow:0 0 0 1px rgba(69,184,89,.12)!important;
}
body.personal-mode #app.app:not(.hidden) #certificatesPage > .panel:last-child{
  overflow:hidden!important;
  border:1px solid var(--document-border)!important;
  border-radius:11px!important;
  background:var(--document-surface)!important;
}

#certificatesPage .atsrs-document-folder-bar{display:flex;align-items:flex-end;justify-content:flex-start;gap:2px;min-height:44px;padding:0 12px;overflow-x:auto;overflow-y:hidden;border-bottom:1px solid var(--document-divider);background:#101416}
#certificatesPage .atsrs-document-folder-tab-wrap{display:flex;align-items:flex-end;flex:0 0 auto;height:44px;position:relative}
#certificatesPage .atsrs-document-folder-tab-wrap[draggable="true"]{cursor:grab}
#certificatesPage .atsrs-document-folder-tab-wrap[draggable="true"]:active{cursor:grabbing}
#certificatesPage .atsrs-document-folder-tab-wrap.is-dragging{opacity:.45}
#certificatesPage .atsrs-document-folder-tab-wrap.is-drop-before::before,#certificatesPage .atsrs-document-folder-tab-wrap.is-drop-after::after{content:'';position:absolute;top:5px;bottom:4px;width:2px;border-radius:2px;background:#25c763;z-index:5}
#certificatesPage .atsrs-document-folder-tab-wrap.is-drop-before::before{left:-1px}
#certificatesPage .atsrs-document-folder-tab-wrap.is-drop-after::after{right:-1px}
html[data-theme="light"] #certificatesPage .atsrs-document-folder-tab-wrap.is-drop-before::before,html[data-theme="light"] #certificatesPage .atsrs-document-folder-tab-wrap.is-drop-after::after{background:#167bd3}
#certificatesPage .atsrs-document-folder-tab{display:flex!important;align-items:center!important;gap:7px!important;flex:0 0 142px!important;width:142px!important;min-width:142px!important;max-width:142px!important;height:38px!important;min-height:38px!important;margin:0!important;padding:0 11px!important;border:1px solid transparent!important;border-radius:8px 8px 0 0!important;background:transparent!important;color:#9ca8af!important;font-size:13px!important;font-weight:700!important;white-space:nowrap!important;box-sizing:border-box!important;position:relative;transition:background .14s ease,color .14s ease,border-color .14s ease,box-shadow .14s ease}
#certificatesPage .atsrs-document-folder-tab span{min-width:0;overflow:hidden;text-overflow:ellipsis}
#certificatesPage .atsrs-document-folder-tab:hover{background:#171c1f!important;color:#e5ece8!important}
#certificatesPage .atsrs-document-folder-tab:not(.active)::after{content:'';position:absolute;right:-3px;bottom:7px;width:1px;height:20px;background:#2a3236}
#certificatesPage .atsrs-document-folder-tab b{display:grid;place-items:center;min-width:21px;height:21px;padding:0 6px;border:1px solid #25c763;border-radius:999px;background:transparent;color:#5fe58e;font-size:11px;box-sizing:border-box}
body #app.app:not(.hidden) #certificatesPage .atsrs-document-folder-tab.active{height:38px!important;min-height:38px!important;margin:0!important;border:1px solid #25c763!important;border-bottom-color:transparent!important;background:transparent!important;color:#f2f7f4!important;box-shadow:none!important;z-index:2}
#certificatesPage .atsrs-document-folder-tab.active b{background:transparent;color:#5fe58e}
#certificatesPage .atsrs-document-folder-add{display:grid;place-items:center;align-self:flex-end;flex:0 0 30px;width:30px!important;min-width:30px!important;max-width:30px!important;height:36px!important;min-height:36px!important;margin:0 0 0 2px!important;padding:0!important;border:0!important;border-radius:0!important;color:#b7c2c8!important;background:transparent!important;box-shadow:none!important}
#certificatesPage .atsrs-document-folder-add:hover,#certificatesPage .atsrs-document-folder-add:focus-visible{color:#fff!important;background:transparent!important;outline:0!important}
#certificatesPage .atsrs-document-folder-edit{display:grid!important;place-items:center!important;position:absolute!important;right:4px!important;top:8px!important;width:14px!important;min-width:14px!important;max-width:14px!important;height:14px!important;min-height:14px!important;max-height:14px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#aeb8bf;font-size:11px!important;line-height:1!important;opacity:.72;z-index:3}
#certificatesPage .atsrs-document-folder-edit:hover,#certificatesPage .atsrs-document-folder-edit:focus-visible{background:transparent!important;color:#5fe58e;opacity:1;outline:0!important}
#certificatesPage .atsrs-document-folder-tab-wrap:has(.atsrs-document-folder-edit) .atsrs-document-folder-tab{padding-left:11px!important;padding-right:25px!important}
#certificatesPage .atsrs-document-folder-tab-wrap:has(.atsrs-document-folder-edit) .atsrs-document-folder-tab b{position:absolute;right:3px;bottom:3px;min-width:18px;height:17px;padding:0 4px;font-size:9px}
html body.personal-mode #app.app:not(.hidden) > .main > #certificatesPage .atsrs-document-folder-tab{height:38px!important;min-height:38px!important;max-height:38px!important;margin:0!important}
html body.personal-mode #app.app:not(.hidden) > .main > #certificatesPage .atsrs-document-folder-edit{width:14px!important;min-width:14px!important;max-width:14px!important;height:14px!important;min-height:14px!important;max-height:14px!important;margin:0!important;padding:0!important}
html body.personal-mode #app.app:not(.hidden) > .main > #certificatesPage .atsrs-document-folder-add{width:30px!important;min-width:30px!important;max-width:30px!important;height:36px!important;min-height:36px!important;max-height:36px!important;margin:0 0 0 2px!important;padding:0!important}
html[data-theme="light"] #certificatesPage .atsrs-document-folder-edit{color:#53636c}
html[data-theme="light"] #certificatesPage .atsrs-document-folder-edit:hover,html[data-theme="light"] #certificatesPage .atsrs-document-folder-edit:focus-visible{background:transparent!important;color:#168849;opacity:1}
html[data-theme="light"] #certificatesPage .atsrs-document-folder-bar{background:#fff}
html[data-theme="light"] #certificatesPage .atsrs-document-folder-tab{border-color:transparent!important;background:transparent!important;color:#53636c!important}
html[data-theme="light"] #certificatesPage .atsrs-document-folder-tab:hover{background:#dfe7eb!important;color:#17252d!important}
html[data-theme="light"] #certificatesPage .atsrs-document-folder-tab:not(.active)::after{background:#cbd6dc}
html[data-theme="light"] #certificatesPage .atsrs-document-folder-tab b{border-color:#167bd3;background:transparent;color:#0b5ca8}
html[data-theme="light"] body #app.app:not(.hidden) #certificatesPage .atsrs-document-folder-tab.active{border-color:#167bd3!important;border-bottom-color:transparent!important;background:transparent!important;color:#16231b!important;box-shadow:none!important}
html[data-theme="light"] #certificatesPage .atsrs-document-folder-add{color:#45545d!important;background:transparent!important}html[data-theme="light"] #certificatesPage .atsrs-document-folder-add:hover,html[data-theme="light"] #certificatesPage .atsrs-document-folder-add:focus-visible{background:transparent!important;color:#168849!important}
.atsrs-document-folder-rename-backdrop{position:fixed;inset:0;z-index:10049;background:transparent;cursor:default}
.atsrs-document-folder-rename{position:fixed;z-index:10050;width:224px;padding:10px;border:1px solid #343a36;border-radius:10px;background:#0b0d0d;color:#eef2ef;box-shadow:0 18px 40px rgba(0,0,0,.45);box-sizing:border-box}
.atsrs-document-folder-rename-field{display:grid;gap:5px}
.atsrs-document-folder-rename-label{color:#aeb8bf;font-size:11px;font-weight:700;line-height:1.2}
.atsrs-document-folder-rename input{display:block;width:100%;height:34px;padding:0 10px;border:1px solid #3b4a50;border-radius:7px;background:#090d0f;color:#f1f5f3;font:600 13px/1.2 inherit;box-sizing:border-box;outline:0}
html[data-theme] body .atsrs-document-folder-rename.atsrs-document-folder-rename input:focus,
html[data-theme] body .atsrs-document-folder-rename.atsrs-document-folder-rename input:focus-visible{border-color:#3b4a50!important;outline:0!important;box-shadow:none!important}
.atsrs-document-folder-rename-error{min-height:14px;margin:5px 1px 0;color:#ff626f;font-size:10px;line-height:14px}
.atsrs-document-folder-rename-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:3px}
.atsrs-document-folder-rename-action-buttons{display:flex;gap:6px;order:1}
.atsrs-document-folder-rename-actions button{display:grid;place-items:center;min-width:29px;width:29px;height:29px;margin:0;padding:0;border:1px solid #344248;border-radius:7px;background:transparent;color:#c6d0d4;font-size:14px;font-weight:700;white-space:nowrap}
.atsrs-document-folder-rename-pin svg{display:block;width:13px;height:13px}.atsrs-document-folder-rename-pin path{fill:transparent;stroke:currentColor;stroke-width:18;stroke-linejoin:round}.atsrs-document-folder-rename-pin.is-pinned path{fill:currentColor;stroke:currentColor}
.atsrs-document-folder-rename-actions .atsrs-document-folder-delete{display:grid;place-items:center;min-width:29px;width:29px;padding:0;border-color:#693139;color:#ff626f;order:2;margin-left:auto}
.atsrs-document-folder-rename-actions .atsrs-document-folder-delete:hover,.atsrs-document-folder-rename-actions .atsrs-document-folder-delete:focus-visible{border-color:#ff626f;background:rgba(255,98,111,.08);color:#ff7a86;outline:0}
.atsrs-document-folder-rename-actions button.primary{border-color:#25c763;background:#25c763;color:#06140b}
.atsrs-document-folder-rename-actions button:hover{border-color:#5a6c74;color:#fff}.atsrs-document-folder-rename-actions button.primary:hover{border-color:#52dc83;background:#52dc83;color:#06140b}
html[data-theme="light"] .atsrs-document-folder-rename{border-color:#cbd8e6;background:#fff;color:#243142;box-shadow:0 18px 40px rgba(40,58,78,.2)}
html[data-theme="light"] .atsrs-document-folder-rename-label{color:#53636c}
html[data-theme="light"] .atsrs-document-folder-rename input{border-color:#b8c6ce;background:#f7fafb;color:#17252d}
html[data-theme="light"] body .atsrs-document-folder-rename.atsrs-document-folder-rename input:focus,
html[data-theme="light"] body .atsrs-document-folder-rename.atsrs-document-folder-rename input:focus-visible{border-color:#b8c6ce!important;outline:0!important;box-shadow:none!important}
html[data-theme="light"] .atsrs-document-folder-rename-actions button{border-color:#b8c6ce;color:#3d4d56}html[data-theme="light"] .atsrs-document-folder-rename-actions button.primary{border-color:#168849;background:#168849;color:#fff}
html[data-theme="light"] .atsrs-document-folder-rename-actions .atsrs-document-folder-delete{border-color:#e1a8ae;background:transparent;color:#c72d3b}
@media(max-width:760px){#certificatesPage .atsrs-document-folder-bar{padding-left:10px;padding-right:10px}}

#certificatesPage .atsrs-document-register-toolbar{
  min-height:64px!important;
  padding:12px 16px!important;
  border-bottom:1px solid var(--document-divider)!important;
}
#certificatesPage .atsrs-document-filter{position:relative;max-width:490px!important}
#certificatesPage .atsrs-document-filter > span{display:none!important}
#certificatesPage .atsrs-document-filter::before{
  content:'\E30C';
  position:absolute;
  z-index:2;
  right:13px;
  top:50%;
  transform:translateY(-50%);
  color:#8c9aa4;
  font-family:'Phosphor';
  font-size:18px;
  pointer-events:none;
}
#certificatesPage .atsrs-document-filter input{
  height:42px!important;
  min-height:42px!important;
  padding:0 42px 0 12px!important;
  border:1px solid #30393e!important;
  border-radius:8px!important;
  background:#090c0e!important;
  color:#eef3f5!important;
}
html[data-theme] body #app.app:not(.hidden) #certificatesPage .atsrs-document-filter input.atsrs-field-control{
  height:42px!important;
  min-height:42px!important;
  padding:0 42px 0 12px!important;
}
#certificatesPage .atsrs-document-bulk-actions{gap:12px!important}
#certificatesPage #certSelectionCount{color:#aab6be!important;font-size:12px!important}
#certificatesPage #deleteSelectedCertsBtn{
  min-height:40px!important;
  padding:0 14px!important;
  border:1px solid #30383d!important;
  border-radius:8px!important;
  background:#111518!important;
  color:#dfe5e8!important;
}
#certificatesPage #deleteSelectedCertsBtn:disabled{opacity:.42!important}

body #app.app:not(.hidden) #certificatesPage .table-wrap{overflow-x:auto!important}
body #app.app:not(.hidden) #certificatesPage .table-wrap.atsrs-document-list-scroll{
  max-height:var(--atsrs-document-list-max-height,445px)!important;
  overflow-x:auto!important;
  overflow-y:auto!important;
  scrollbar-gutter:stable;
}
body #app.app:not(.hidden) #certificatesPage .table-wrap.atsrs-document-list-scroll .atsrs-document-register thead th{
  position:sticky!important;
  top:0!important;
  z-index:4!important;
  background:#101416!important;
}
body #app.app:not(.hidden) #certificatesPage .atsrs-document-register{min-width:1040px!important;table-layout:fixed!important}

#certificatesPage .atsrs-document-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:18px 16px 20px;
  border-top:1px solid var(--document-divider);
}
#certificatesPage .atsrs-document-pagination.hidden{display:none!important}
#certificatesPage .atsrs-document-pagination .jobs-page-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  box-sizing:border-box!important;
  width:auto!important;
  min-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0 10px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#a7b4c7!important;
  -webkit-text-fill-color:#a7b4c7!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
  box-shadow:none!important;
}
#certificatesPage .atsrs-document-pagination .jobs-page-edge{min-width:92px!important}
#certificatesPage .atsrs-document-pagination .jobs-page-button:hover:not(:disabled):not(.is-current){
  background:rgba(148,163,184,.1)!important;
  color:#f8fafc!important;
  -webkit-text-fill-color:#f8fafc!important;
}
#certificatesPage .atsrs-document-pagination .jobs-page-button.is-current{
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  margin:0 2px!important;
  padding:0 8px!important;
  border:1px solid var(--atsrs-field-line)!important;
  border-right-color:var(--atsrs-field-accent)!important;
  border-left-color:var(--atsrs-field-accent)!important;
  background:var(--atsrs-field-surface)!important;
  color:var(--atsrs-field-accent)!important;
  -webkit-text-fill-color:var(--atsrs-field-accent)!important;
  box-shadow:-3px 0 0 var(--atsrs-field-accent-ring),3px 0 0 var(--atsrs-field-accent-ring),0 8px 20px var(--atsrs-field-accent-shadow)!important;
}
#certificatesPage .atsrs-document-pagination .jobs-page-button:disabled{cursor:default!important;opacity:.45!important}
#certificatesPage .atsrs-document-pagination .jobs-page-ellipsis{display:grid;place-items:center;min-width:20px;height:38px;color:#72839c}
html[data-theme="light"] #certificatesPage .atsrs-document-pagination .jobs-page-button{
  color:#536680!important;
  -webkit-text-fill-color:#536680!important;
}
html[data-theme="light"] #certificatesPage .atsrs-document-pagination .jobs-page-button:hover:not(:disabled):not(.is-current){
  background:var(--atsrs-shell-accent-soft)!important;
  color:var(--atsrs-shell-accent-strong)!important;
  -webkit-text-fill-color:var(--atsrs-shell-accent-strong)!important;
}
html[data-theme="light"] #certificatesPage .atsrs-document-pagination .jobs-page-button.is-current{
  background:color-mix(in srgb,var(--atsrs-field-accent) 5%,var(--atsrs-field-surface))!important;
}

@media(min-width:801px){
  body.personal-mode:has(#certificatesPage:not(.hidden)){overflow:auto!important}
  body.personal-mode #app.app:not(.hidden) > .main:has(#certificatesPage:not(.hidden)){
    height:auto!important;
    max-height:none!important;
    overflow:auto!important;
  }
  body.personal-mode #app.app:not(.hidden) #certificatesPage:not(.hidden){
    display:block!important;
    max-height:none!important;
    overflow:visible!important;
  }
  body.personal-mode #app.app:not(.hidden) #certificatesPage > .panel:last-child{overflow:visible!important}
}
#certificatesPage .atsrs-document-col-select{width:48px}
#certificatesPage .atsrs-document-col-name{width:30%}
#certificatesPage .atsrs-document-col-provider{width:25%}
#certificatesPage .atsrs-document-col-expiry{width:108px}
#certificatesPage .atsrs-document-col-uploaded{width:112px}
#certificatesPage .atsrs-document-col-status{width:126px}
#certificatesPage .atsrs-document-col-actions{width:176px}
#certificatesPage .atsrs-document-register thead th:last-child{text-align:center!important}
.atsrs-document-folder-move-menu{position:fixed;z-index:10040;display:grid;min-width:170px;max-width:260px;padding:5px;border:1px solid #303a40;border-radius:8px;background:#111619;box-shadow:0 12px 30px rgba(0,0,0,.36)}
body .atsrs-document-folder-move-menu .atsrs-document-folder-move-option{display:block!important;width:100%!important;min-height:32px!important;margin:0!important;padding:7px 10px!important;border:0!important;border-radius:5px!important;background:transparent!important;color:#edf2f4!important;text-align:left!important;font-size:13px!important;font-weight:600!important;line-height:1.25!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:none!important}
body .atsrs-document-folder-move-menu .atsrs-document-folder-move-option:hover,body .atsrs-document-folder-move-menu .atsrs-document-folder-move-option:focus-visible{background:#20282c!important;color:#69d878!important;outline:0!important}
html[data-theme="light"] .atsrs-document-folder-move-menu{border-color:#cdd7dc;background:#fff;box-shadow:0 12px 30px rgba(30,47,58,.18)}
html[data-theme="light"] body .atsrs-document-folder-move-menu .atsrs-document-folder-move-option{color:#27343b!important}
html[data-theme="light"] body .atsrs-document-folder-move-menu .atsrs-document-folder-move-option:hover,html[data-theme="light"] body .atsrs-document-folder-move-menu .atsrs-document-folder-move-option:focus-visible{background:#edf3f0!important;color:#168849!important}

#certificatesPage .atsrs-document-register thead{background:#101416!important}
#certificatesPage .atsrs-document-register thead th{
  height:46px!important;
  padding:0 10px!important;
  border-bottom:1px solid var(--document-divider)!important;
  color:#e6ecef!important;
  font-size:12px!important;
  font-weight:700!important;
}
body #app.app:not(.hidden) #certificatesPage .atsrs-document-sort{
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#certificatesPage .atsrs-document-register tbody tr{background:#060809!important}
#certificatesPage .atsrs-document-register tbody tr:hover{background:#0b0f10!important}
#certificatesPage #cType::placeholder,
#certificatesPage #autoDocType::placeholder{
  color:var(--document-muted)!important;
  -webkit-text-fill-color:var(--document-muted)!important;
  opacity:.62!important;
  font-weight:500!important;
}
#certificatesPage .field-wrap:has(> input[data-required="true"]) > .field-label::after{
  content:' *';
  color:#ff5c68;
  -webkit-text-fill-color:#ff5c68;
  font-weight:900;
}
body #app.app:not(.hidden) #certificatesPage :is(#certManualPanel,#certScanPanel) input.required-missing{
  border:1px solid #ef4452!important;
  background:#12090b!important;
  color:#f4f7f8!important;
  -webkit-text-fill-color:#f4f7f8!important;
  caret-color:#ff6874!important;
  outline:0!important;
  box-shadow:-3px 0 0 rgba(239,68,82,.2),3px 0 0 rgba(239,68,82,.2),0 8px 20px rgba(239,68,82,.14)!important;
}
body #app.app:not(.hidden) #certificatesPage :is(#certManualPanel,#certScanPanel) input.required-missing:focus{
  border-color:#ff5c68!important;
  box-shadow:-4px 0 0 rgba(239,68,82,.25),4px 0 0 rgba(239,68,82,.25),0 8px 22px rgba(239,68,82,.18)!important;
}
html[data-theme="light"] body #app.app:not(.hidden) #certificatesPage :is(#certManualPanel,#certScanPanel) input.required-missing{
  border-color:#dc3545!important;
  background:#fff8f8!important;
  color:#172b3d!important;
  -webkit-text-fill-color:#172b3d!important;
  caret-color:#c62836!important;
  box-shadow:-3px 0 0 rgba(220,53,69,.15),3px 0 0 rgba(220,53,69,.15),0 8px 20px rgba(220,53,69,.12)!important;
}
#certificatesPage .atsrs-document-register tbody td{
  min-height:62px!important;
  padding:10px!important;
  border-bottom:1px solid var(--document-divider)!important;
  color:#dfe6ea!important;
  font-size:12.5px!important;
  line-height:1.3!important;
  vertical-align:middle!important;
}
#certificatesPage .atsrs-document-register tbody tr:last-child td{
  border-bottom:0!important;
}
#certificatesPage .atsrs-document-identity{display:flex;align-items:center;gap:12px;min-width:0}
#certificatesPage .atsrs-document-type-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  flex:0 0 36px;
  border:1px solid currentColor;
  border-radius:7px;
  font-size:19px;
}
#certificatesPage .atsrs-document-type-icon.is-green{color:#60d66f;background:#102718}
#certificatesPage .atsrs-document-type-icon.is-blue{color:#6f9dff;background:#111f3d}
#certificatesPage .atsrs-document-type-icon.is-violet{color:#a98aff;background:#251c43}
#certificatesPage .atsrs-document-type-icon.is-amber{color:#f2a447;background:#33200c}
#certificatesPage .atsrs-document-type-icon.is-red{color:#ff6673;background:#3a1820}
#certificatesPage .atsrs-document-type-icon.is-gold{color:#ffd24e;background:#342b08}
#certificatesPage .atsrs-document-name{color:#f3f6f7!important;font-weight:700!important}
#certificatesPage .atsrs-upload-date{color:#91a4b2!important;font-size:11.5px!important}

#certificatesPage .atsrs-document-status{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-width:72px;
  min-height:28px;
  padding:4px 10px;
  border:1px solid #344149;
  border-radius:6px;
  background:#0d1215;
  color:#b7c6cf!important;
  font-size:11.5px;
  font-weight:600;
  white-space:nowrap!important;
}
#certificatesPage .atsrs-document-status.is-valid{border-color:#285c32;color:#68dc74!important;background:#0c1810}
#certificatesPage .atsrs-document-status.is-expiring{border-color:#735d20;color:#f4c84f!important;background:#1b1709}
#certificatesPage .atsrs-document-status.is-expired{border-color:#71313a;color:#ff7380!important;background:#1e0d11}

#certificatesPage .atsrs-document-row-actions{
  display:flex!important;
  justify-content:center;
  gap:7px!important;
}
body #app.app:not(.hidden) #certificatesPage td:last-child .atsrs-document-row-actions > button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:36px!important;
  min-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  padding:0!important;
  border:1px solid #303a40!important;
  border-radius:7px!important;
  background:#090c0e!important;
  color:#edf2f4!important;
}
#certificatesPage .atsrs-document-row-actions > button > i{font-size:17px}
#certificatesPage .atsrs-document-row-actions > button.atsrs-document-row-move > i{font-size:17px}
#certificatesPage .atsrs-document-row-actions > button > span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
body #app.app:not(.hidden) #certificatesPage td:last-child .atsrs-document-row-actions > button:hover,
body #app.app:not(.hidden) #certificatesPage td:last-child .atsrs-document-row-actions > button:focus-visible{border-color:#4caf5c!important;color:#69d878!important}
body #app.app:not(.hidden) #certificatesPage td:last-child .atsrs-document-row-actions > .atsrs-v172-delete{color:#ff5966!important}
body #app.app:not(.hidden) #certificatesPage td:last-child .atsrs-document-row-actions > .atsrs-v172-delete:hover{border-color:#97404a!important;background:#1a0c0f!important}

html[data-theme="light"] body.personal-mode #app.app:not(.hidden) #certificatesPage{
  --document-surface:#fff;
  --document-surface-raised:#f8fafb;
  --document-border:#d8e0e5;
  --document-divider:#e2e8ec;
  --document-text:#152027;
  --document-muted:#64727c;
  --document-green:#23843a;
}
html[data-theme="light"] #certificatesPage .atsrs-documents-title-block h2{color:#152027!important;-webkit-text-fill-color:#152027!important}
html[data-theme="light"] #certificatesPage .atsrs-document-summary-item > span{color:#56656f}
html[data-theme="light"] #certificatesPage .atsrs-document-summary-item > strong{color:#152027}
html[data-theme="light"] #certificatesPage .atsrs-document-summary-item.is-expiring > i,
html[data-theme="light"] #certificatesPage .atsrs-document-summary-item.is-expiring > small{color:#8a6500!important}
html[data-theme="light"] #certificatesPage .atsrs-document-summary-item.is-no-expiry > i,
html[data-theme="light"] #certificatesPage .atsrs-document-summary-item.is-no-expiry > small{color:#b4232c!important}
html[data-theme="light"] #certificatesPage .atsrs-document-intake-copy,
html[data-theme="light"] #certificatesPage .atsrs-document-intake-copy .cert-flow-note{color:#5a6973!important}
html[data-theme="light"] body #app.app:not(.hidden) #certificatesPage .cert-mode-buttons > button{
  border-color:#cbd5da!important;background:#fff!important;color:#1d2930!important;
}
html[data-theme="light"] body #app.app:not(.hidden) #certificatesPage .cert-mode-buttons > button.active,
html[data-theme="light"] body #app.app:not(.hidden) #certificatesPage .cert-mode-buttons > button:hover{border-color:#2d9141!important;background:#f7fbf8!important}
html[data-theme="light"] #certificatesPage .atsrs-document-filter input{border-color:#ccd6dc!important;background:#fff!important;color:#1b2830!important}
html[data-theme="light"] #certificatesPage #certSelectionCount{color:#5b6a74!important}
html[data-theme="light"] body #app.app:not(.hidden) #certificatesPage #deleteSelectedCertsBtn{
  border-color:#e0b8bc!important;
  background:#fff5f6!important;
  color:#a62935!important;
  -webkit-text-fill-color:#a62935!important;
}
html[data-theme="light"] body #app.app:not(.hidden) #certificatesPage #deleteSelectedCertsBtn:disabled{
  border-color:#d6dfe4!important;
  background:#eef2f4!important;
  color:#73828b!important;
  -webkit-text-fill-color:#73828b!important;
}
html[data-theme="light"] #certificatesPage .atsrs-document-register thead{background:#f2f5f7!important}
html[data-theme="light"] #certificatesPage .atsrs-document-register thead th{color:#25343d!important}
html[data-theme="light"] body #app.app:not(.hidden) #certificatesPage .table-wrap.atsrs-document-list-scroll .atsrs-document-register thead th{background:#f2f5f7!important}
html[data-theme="light"] #certificatesPage .atsrs-document-register tbody tr{background:#fff!important}
html[data-theme="light"] #certificatesPage .atsrs-document-register tbody tr:hover{background:#f7faf8!important}
html[data-theme="light"] #certificatesPage .atsrs-document-register tbody td{color:#33434c!important}
html[data-theme="light"] #certificatesPage .atsrs-document-name{color:#162129!important}
html[data-theme="light"] #certificatesPage .atsrs-upload-date{color:#647785!important}
html[data-theme="light"] body #app #certificatesPage table tbody .atsrs-document-status.is-valid{border-color:#addbb5!important;background:#edf8ef!important;color:#187642!important;-webkit-text-fill-color:#187642!important}
html[data-theme="light"] body #app #certificatesPage table tbody .atsrs-document-status.is-expiring{border-color:#e2cc84!important;background:#fff9e7!important;color:#805b00!important;-webkit-text-fill-color:#805b00!important}
html[data-theme="light"] body #app #certificatesPage table tbody .atsrs-document-status.is-expired{border-color:#e3b2b7!important;background:#fff1f2!important;color:#a62935!important;-webkit-text-fill-color:#a62935!important}
html[data-theme="light"] body #app #certificatesPage table tbody .atsrs-document-status.is-neutral{border-color:#cbd6dc!important;background:#f4f7f9!important;color:#536873!important;-webkit-text-fill-color:#536873!important}
html[data-theme="light"] body #app #certificatesPage table tbody .atsrs-document-type-icon.is-green{color:#247b37!important;background:#eaf6ed!important}
html[data-theme="light"] body #app #certificatesPage table tbody .atsrs-document-type-icon.is-blue{color:#315fae!important;background:#edf3ff!important}
html[data-theme="light"] body #app #certificatesPage table tbody .atsrs-document-type-icon.is-violet{color:#6f4ca5!important;background:#f3effb!important}
html[data-theme="light"] body #app #certificatesPage table tbody .atsrs-document-type-icon.is-amber{color:#8a5914!important;background:#fff4e3!important}
html[data-theme="light"] body #app #certificatesPage table tbody .atsrs-document-type-icon.is-red{color:#a33945!important;background:#fff0f2!important}
html[data-theme="light"] body #app #certificatesPage table tbody .atsrs-document-type-icon.is-gold{color:#806500!important;background:#fff9d9!important}
html[data-theme="light"] body #app.app:not(.hidden) #certificatesPage td:last-child .atsrs-document-row-actions > button{border-color:#cdd7dc!important;background:#fff!important;color:#27343b!important}
html[data-theme="light"] body #app.app:not(.hidden) #certificatesPage td:last-child .atsrs-document-row-actions > button.atsrs-v172-delete,
html[data-theme="light"] body #app.app:not(.hidden) #certificatesPage td:last-child .atsrs-document-row-actions > button.atsrs-v172-delete > i{color:#b4232c!important;-webkit-text-fill-color:#b4232c!important}
html[data-theme="light"] body #app.app:not(.hidden) #certificatesPage .table-wrap.atsrs-document-list-scroll{scrollbar-color:#aebac2 #eef2f4}

/* Documents method dialogs: keep the register visible behind a neutral dark overlay. */
body.atsrs-document-method-open,
body.atsrs-qr-open{overflow:hidden!important}
.atsrs-document-method-backdrop{
  position:fixed;
  inset:0;
  z-index:2147483500;
  background:rgba(0,3,4,.72);
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
}
.atsrs-document-method-backdrop.hidden{display:none!important}
body #app.app:not(.hidden) #certificatesPage #certScanPanel.cert-mode-panel,
body #app.app:not(.hidden) #certificatesPage #certManualPanel.cert-mode-panel{
  display:none!important;
  position:fixed!important;
  z-index:2147483510!important;
  top:50%!important;
  left:50%!important;
  width:min(720px,calc(100vw - 32px))!important;
  max-height:min(84vh,760px)!important;
  margin:0!important;
  padding:24px!important;
  overflow:auto!important;
  transform:translate(-50%,-50%)!important;
  border:1px solid #343d42!important;
  border-radius:14px!important;
  background:#080b0d!important;
  color:#eef3f5!important;
  box-shadow:0 0 0 100vmax rgba(0,3,4,.55),0 28px 90px rgba(0,0,0,.72),0 0 0 1px rgba(77,196,93,.06)!important;
}
body #app.app:not(.hidden) #certificatesPage #certScanPanel.cert-mode-panel.active,
body #app.app:not(.hidden) #certificatesPage #certManualPanel.cert-mode-panel.active{display:block!important}
#certificatesPage .atsrs-document-modal-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin:0 0 18px;
  padding:0 0 16px;
  border-bottom:1px solid #242c30;
}
#certificatesPage .atsrs-document-modal-head > div > span{
  display:block;
  margin-bottom:5px;
  color:#59cd69;
  font-size:10px;
  font-weight:800;
  letter-spacing:.14em;
}
#certificatesPage .atsrs-document-modal-head h3{margin:0!important;color:#f4f7f8!important;font-size:22px!important;line-height:1.2!important}
body #app.app:not(.hidden) #certificatesPage .atsrs-document-modal-close{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:38px!important;
  min-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  padding:0!important;
  border:1px solid #343d42!important;
  border-radius:8px!important;
  background:#0c1012!important;
  color:#e9eef0!important;
}
#certificatesPage .atsrs-document-modal-close i{font-size:19px}
body #app.app:not(.hidden) #certificatesPage .atsrs-document-modal-close:hover,
body #app.app:not(.hidden) #certificatesPage .atsrs-document-modal-close:focus-visible{border-color:#4cb85b!important;color:#62d871!important}
#certificatesPage #certScanPanel > .sub,
#certificatesPage #certManualPanel > .sub{margin:0 0 16px!important;color:#aebac1!important}
#certificatesPage #certScanPanel .document-actions,
#certificatesPage #certManualPanel .document-actions{margin:0 0 16px!important}
#certificatesPage #certScanPanel #documentPreview:empty{display:none!important}
#certificatesPage #certScanPanel .atsrs-field-shell:has(> #ocrRawText){display:none!important}
#certificatesPage #certScanPanel #ocrProgress.active{
  min-height:0!important;
  margin:12px 0 0!important;
  padding:11px 13px!important;
  border:1px solid #2c383d!important;
  border-radius:8px!important;
  background:#0d1215!important;
  color:#acbac2!important;
  font-size:12px!important;
  line-height:1.45!important;
}

/* Bring the existing QR flow into the same modal language. */
#certificatesPage .atsrs-qr-dialog{z-index:2147483520!important}
#certificatesPage .atsrs-qr-dialog-backdrop{background:rgba(0,3,4,.72)!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
#certificatesPage .atsrs-qr-dialog-card{
  border:1px solid #343d42!important;
  border-radius:14px!important;
  background:#080b0d!important;
  color:#eef3f5!important;
  box-shadow:0 28px 90px rgba(0,0,0,.72),0 0 0 1px rgba(77,196,93,.06)!important;
}

html[data-theme="light"] .atsrs-document-method-backdrop,
html[data-theme="light"] #certificatesPage .atsrs-qr-dialog-backdrop{background:rgba(16,24,28,.48)!important}
html[data-theme="light"] body #app.app:not(.hidden) #certificatesPage #certScanPanel.cert-mode-panel,
html[data-theme="light"] body #app.app:not(.hidden) #certificatesPage #certManualPanel.cert-mode-panel,
html[data-theme="light"] #certificatesPage .atsrs-qr-dialog-card{border-color:#cdd7dc!important;background:#fff!important;color:#1c2930!important}
html[data-theme="light"] #certificatesPage .atsrs-document-modal-head{border-bottom-color:#dde4e8}
html[data-theme="light"] #certificatesPage .atsrs-document-modal-head h3{color:#172229!important}
/* Light-mode intake labels and native-accessible register selections. */
html[data-theme="light"] #certificatesPage .atsrs-document-modal-head > div > span{color:#2563eb!important}
html[data-theme="light"] #certificatesPage :is(#certSelectAll,input[data-cert-select]){
  appearance:none!important;-webkit-appearance:none!important;
  width:15px!important;height:15px!important;min-height:15px!important;
  padding:0!important;margin:0!important;border:1px solid #94a3b8!important;
  border-radius:3px!important;background:#fff!important;box-shadow:none!important;
  cursor:pointer;vertical-align:middle;accent-color:#2563eb;color-scheme:light;
}
html[data-theme="light"] #certificatesPage :is(#certSelectAll,input[data-cert-select]):checked{
  border-color:#2563eb!important;background-color:#2563eb!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8 3 3 7-7' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-size:13px 13px!important;background-position:center!important;background-repeat:no-repeat!important;
}
html[data-theme="light"] #certificatesPage #certSelectAll:indeterminate{
  border-color:#2563eb!important;background-color:#2563eb!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8h8' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")!important;
  background-size:13px 13px!important;background-position:center!important;background-repeat:no-repeat!important;
}
html[data-theme="light"] #certificatesPage :is(#certSelectAll,input[data-cert-select]):focus-visible{outline:2px solid #2563eb!important;outline-offset:2px}
html[data-theme="light"] #certificatesPage #certScanPanel > .sub,
html[data-theme="light"] #certificatesPage #certManualPanel > .sub{color:#5c6b74!important;-webkit-text-fill-color:#5c6b74!important}
html[data-theme="light"] body #app.app:not(.hidden) #certificatesPage .atsrs-document-modal-close{border-color:#cdd7dc!important;background:#f8fafb!important;color:#27343b!important}

@media(max-width:1180px){
  #certificatesPage .atsrs-documents-heading{align-items:flex-start;flex-direction:column;gap:18px}
  #certificatesPage .atsrs-documents-title-block{min-width:0;padding-right:0;border-right:0}
  #certificatesPage .atsrs-document-summary-item:first-child{padding-left:0}
}

@media(max-width:800px){
  #certificatesPage .atsrs-documents-heading{margin-bottom:18px}
  #certificatesPage .atsrs-documents-title-block h2{font-size:28px!important}
  #certificatesPage .atsrs-documents-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
  #certificatesPage .atsrs-document-summary-item{grid-template-columns:24px auto;min-width:0;padding:0 10px}
  #certificatesPage .atsrs-document-summary-item:first-child{padding-left:0}
  #certificatesPage .atsrs-document-summary-item > i{font-size:22px}
  #certificatesPage .atsrs-document-summary-item > span{grid-column:2;font-size:10px}
  #certificatesPage .atsrs-document-summary-item > strong{grid-column:2;font-size:18px}
  #certificatesPage .atsrs-document-summary-item > small{display:none}
  body.personal-mode #app.app:not(.hidden) #certificatesPage > .unified-cert-panel{grid-template-columns:1fr!important;gap:12px!important;padding:14px!important}
  #certificatesPage .atsrs-document-intake-copy{padding:0}
  #certificatesPage .cert-mode-buttons{grid-template-columns:1fr!important}
  body #app.app:not(.hidden) #certificatesPage .cert-mode-buttons > button{height:48px!important;min-height:48px!important}
  #certificatesPage .atsrs-document-register-toolbar{align-items:stretch!important;flex-direction:column!important;gap:10px!important}
  #certificatesPage .atsrs-document-filter{max-width:none!important}
  body #app.app:not(.hidden) #certificatesPage .atsrs-document-register{min-width:0!important}
  #certificatesPage .atsrs-document-register tbody tr{background:var(--document-surface)!important}
  #certificatesPage .atsrs-document-register tbody td:nth-child(2){grid-column:2 / 4!important}
  #certificatesPage .atsrs-document-identity{align-items:flex-start}
  #certificatesPage .atsrs-document-row-actions{justify-content:stretch!important}
  body #app.app:not(.hidden) #certificatesPage td:last-child .atsrs-document-row-actions > button{width:100%!important}
  body #app.app:not(.hidden) #certificatesPage #certScanPanel.cert-mode-panel,
  body #app.app:not(.hidden) #certificatesPage #certManualPanel.cert-mode-panel{width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;padding:18px!important;border-radius:11px!important}
  #certificatesPage .atsrs-document-modal-head{margin-bottom:14px;padding-bottom:13px}
}
