/* Scoped UI: existing editors, certificates and other modules remain unchanged. */
#view-operations-pending .oa-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px;border-radius:20px;background:linear-gradient(110deg,#0a2e49,#0b526f);color:#fff;margin-bottom:18px}
#view-operations-pending .oa-hero h2{color:#fff;margin:8px 0;font-size:28px}#view-operations-pending .oa-hero p{color:#d9eff6;margin:0}
#view-operations-pending .oa-kpis,#cs-login-history .oa-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0}
#view-operations-pending .oa-kpis article,#cs-login-history .oa-kpis article{background:#fff;border:1px solid #dce8ef;border-radius:15px;padding:18px;min-width:0}
#view-operations-pending .oa-kpis span,#cs-login-history .oa-kpis span{display:block;color:#617b8b;font-size:12px;font-weight:700;margin-bottom:8px}
#view-operations-pending .oa-kpis strong,#cs-login-history .oa-kpis strong{display:block;font-size:28px;color:#092f49}#cs-login-history .oa-kpis b{font-size:14px;color:#092f49}
#view-operations-pending .oa-heading,#cs-login-history .oa-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px}
#view-operations-pending .oa-heading h3,#cs-login-history .oa-heading h2{margin:0 0 6px}#view-operations-pending .oa-heading p,#cs-login-history .oa-heading p{margin:0;color:#617b8b}
#view-operations-pending .oa-filters,#cs-login-history .oa-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px;margin:20px 0 12px}
#cs-login-history .oa-filters.audit{grid-template-columns:repeat(4,minmax(0,1fr)) auto auto}
#view-operations-pending .oa-filters label,#cs-login-history .oa-filters label{display:grid;gap:7px;min-width:0;margin:0;color:#173b50;font-size:13px;font-weight:700}
#view-operations-pending .oa-filters select,#cs-login-history .oa-filters select,#cs-login-history .oa-filters input{width:100%;min-width:0;min-height:42px;margin:0;border:1px solid #cbdce6;border-radius:9px;padding:9px;background:#fff}
#view-operations-pending .oa-meta,#cs-login-history .oa-meta{color:#637e8e;font-size:12px;line-height:1.6;margin:14px 0}
#view-operations-pending .oa-item{display:flex;align-items:center;gap:16px;padding:17px 0;border-bottom:1px solid #e1ebf0}
#view-operations-pending .oa-item:last-child{border-bottom:0}#view-operations-pending .oa-item-copy{flex:1;min-width:0;overflow-wrap:anywhere}
#view-operations-pending .oa-item-copy small{color:#607c8d;font-size:11px;text-transform:uppercase;font-weight:700}#view-operations-pending .oa-item-copy h4{font-size:15px;margin:5px 0;color:#0d3248}
#view-operations-pending .oa-item-copy p{margin:3px 0;color:#36546a;font-size:13px}#view-operations-pending .oa-item-copy span{font-size:12px;color:#657d8b}
#view-operations-pending .oa-priority{border-radius:20px;padding:6px 10px;min-width:70px;text-align:center;font-size:11px;font-weight:800;background:#eef4f8;color:#45677b}
#view-operations-pending .oa-priority.high{background:#fff0ed;color:#a73828}#view-operations-pending .oa-priority.medium{background:#fff6de;color:#90640c}
#cs-login-history{margin-top:20px}#cs-login-history .oa-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px;margin-top:16px}#cs-login-history .oa-pagination>span{margin-right:auto;font-size:13px;color:#637e8e}#cs-login-history .oa-pagination label{display:flex;align-items:center;gap:6px;margin:0;font-size:12px}#cs-login-history .oa-pagination select{width:70px;margin:0}
#cs-login-history table{min-width:760px}#view-operations-pending button:focus-visible,#cs-login-history button:focus-visible{outline:3px solid #00aee8;outline-offset:2px}
@media(max-width:1250px){#cs-login-history .oa-filters.audit{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#view-operations-pending .oa-kpis,#cs-login-history .oa-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}#view-operations-pending .oa-filters{grid-template-columns:1fr}#view-operations-pending .oa-hero,#view-operations-pending .oa-heading{align-items:flex-start;flex-direction:column}#view-operations-pending .oa-item{flex-wrap:wrap;gap:10px}#view-operations-pending .oa-item-copy{flex-basis:calc(100% - 100px)}#view-operations-pending .oa-item button{margin-left:auto}#cs-login-history .oa-filters.audit{grid-template-columns:1fr}#cs-login-history .oa-heading{align-items:flex-start}}