.access-review{margin:24px 0;border:1px solid #ccdae8;border-radius:18px;background:#fff;box-shadow:0 8px 24px #102b5108;overflow:hidden;scroll-margin-top:20px}
.ar-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;background:#edf3fa;padding:24px 28px}
.ar-heading .ar-eyebrow{font-size:11px;color:#536d89;letter-spacing:.14em;font-weight:800}.ar-heading h2{font-size:27px;color:#102b51;margin:7px 0}.ar-heading p{font-size:14px;color:#536780;margin:0;line-height:1.6}
.ar-count{background:#fff;border:1px solid #ccd8e6;color:#173c67;border-radius:14px;padding:14px 22px;display:flex;gap:14px;align-items:center;flex-shrink:0}.ar-count strong{font-size:34px}.ar-count span{font-size:13px;font-weight:700}
.has-pending .ar-count{background:#fff4ce;border-color:#e6bf53;color:#72500b}.has-pending{border-top:4px solid #d6ad42}
.ar-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 28px;border-bottom:1px solid #e2e8f0}
.ar-toolbar label{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700}.ar-toolbar select{margin:0;min-width:170px;padding:9px;border-radius:7px;border:1px solid #c7d3e2;color:#173c67;background:#fff}
.ar-toolbar button,.ar-actions button{padding:11px 16px;border-radius:8px;border:1px solid #c7d3e2;background:#fff;color:#173c67;font:700 13px Arial;cursor:pointer}
#access-review-list{padding:12px 24px}.ar-request{border:1px solid #d8e2ef;border-radius:11px;margin:10px 0;overflow:hidden}.ar-request>summary{display:grid;grid-template-columns:110px 1fr 150px 130px 15px;gap:16px;align-items:center;padding:17px;list-style:none;cursor:pointer}.ar-request>summary::-webkit-details-marker{display:none}
.ar-kind{font-size:11px;font-weight:800;letter-spacing:.03em;background:#edf3fa;border-radius:6px;padding:8px;color:#244a73;text-align:center}.ar-person strong,.ar-person span{display:block}.ar-person span{font-size:12px;color:#596f87;margin-top:5px}.ar-person{min-width:0;overflow-wrap:anywhere}.ar-request time{font-size:12px;color:#526b86}.ar-status{font-size:12px;font-weight:700}.ar-status.pending{color:#91620b}.ar-status.approved{color:#1b7055}.ar-status.declined{color:#a42c41}
.ar-content{border-top:1px solid #dce5f0;background:#f9fbfd;padding:22px}.ar-content dl{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 20px}.ar-content dt{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#647a92}.ar-content dd{font-size:14px;color:#163858;margin:5px 0;overflow-wrap:anywhere}.ar-content p{font-size:13px;line-height:1.6}
.ar-verification{display:grid;gap:13px;padding:18px;background:#edf3fa;border-radius:9px;margin:20px 0}.ar-verification label{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5}.ar-verification input{width:18px;height:18px;flex-shrink:0;margin:0}
.ar-note{font-size:13px;font-weight:700}.ar-note textarea{width:100%;box-sizing:border-box;padding:12px;border:1px solid #c7d3e2;border-radius:8px;font:14px Arial;margin-top:8px}.ar-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.ar-actions .ar-approve{background:#183d64;color:white;border-color:#183d64}.ar-actions .ar-decline{color:#a12e40}
.ar-error{color:#a12e40}.ar-history{margin-top:20px;font-size:13px}.ar-history summary{cursor:pointer;color:#284d75;font-weight:700}.ar-history ul{padding-left:20px}.ar-history p{margin:5px 0 16px}
.ar-empty{padding:25px 12px;color:#25466b}.ar-empty p{font-size:14px;line-height:1.6;color:#60758e}.ar-empty a{font-weight:700;color:#173c67}
#access-review-feedback{padding:0 28px;color:#345778;font-size:13px;line-height:1.6}
@media(max-width:900px){.ar-request>summary{grid-template-columns:95px 1fr 20px}.ar-request>summary>.ar-status{grid-column:2;grid-row:2}.ar-request>summary>time{grid-column:2;grid-row:3}.ar-request>summary>span:last-child{grid-column:3;grid-row:1}.ar-content dl{grid-template-columns:1fr 1fr}}
@media(max-width:550px){.ar-heading{padding:20px;align-items:flex-start;flex-direction:column}.ar-heading h2{font-size:25px}.ar-count{padding:10px 16px}.ar-toolbar{padding:16px;align-items:flex-start;flex-direction:column}.ar-toolbar label{flex-wrap:wrap}#access-review-list{padding:10px}.ar-request>summary{gap:10px;padding:13px;grid-template-columns:80px 1fr 15px}.ar-content{padding:16px}.ar-content dl{grid-template-columns:1fr}.ar-actions button{flex:1 1 140px}}