.cards{grid-template-columns:repeat(3,1fr)}
.dot.red{background:var(--danger)}
.badge.revoked{color:var(--danger);background:#fff0ef}
.status-filters{display:flex;gap:7px;margin-top:12px;overflow:auto;padding-bottom:2px}
.status-filters button{border:1px solid var(--line);background:white;color:var(--muted);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700;white-space:nowrap}
.status-filters button.active{border-color:var(--navy);background:var(--navy);color:white}
.modal-actions{flex-wrap:wrap}
.modal-actions .record-options{flex-basis:100%;font-size:13px;color:var(--muted)}
.record-options summary{cursor:pointer;padding:10px 0;width:fit-content}
.record-options summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.record-options button{margin:4px 0 10px;font-size:13px}
@media print{.record-options{display:none!important}}
.danger-btn:hover{background:#ffe1de}
.revoke-modal{width:min(560px,100%)}
.revoke-modal .modal-body>p{color:var(--muted);font-size:14px;line-height:1.55}
.revoke-warning{display:grid;gap:4px;background:#fff0ef;border:1px solid #f2c7c2;border-radius:14px;padding:15px;color:var(--danger)}
.revoke-warning span{font-size:13px;color:#7c514d}
.revoke-modal .field small{color:var(--muted);font-size:12px;line-height:1.4}
.revoke-confirm{background:#f8fafb;border:1px solid var(--line);border-radius:12px;padding:13px}
.revoked-notice{border:1px solid #efb5ae;border-left:5px solid var(--danger);background:#fff5f4;border-radius:12px;padding:14px 16px;margin-bottom:18px;color:#6e2722}
.revoked-notice strong{font-size:17px;color:var(--danger)}
.revoked-notice p{margin:5px 0 0}
.history{border-top:1px solid var(--line);margin-top:25px;padding-top:18px}
.history h3{margin:0 0 15px}
.timeline{display:grid;gap:0}
.timeline-item{position:relative;display:grid;grid-template-columns:18px 1fr;gap:10px;padding-bottom:17px}
.timeline-item:not(:last-child)::after{content:"";position:absolute;left:5px;top:12px;bottom:0;width:2px;background:#dbe4ea}
.timeline-item i{width:12px;height:12px;border-radius:50%;background:var(--blue);margin-top:3px;z-index:1}
.timeline-item.revoked i{background:var(--danger)}
.timeline-item strong,.timeline-item time{display:block}
.timeline-item strong{font-size:14px}
.timeline-item time{color:var(--muted);font-size:12px;margin-top:3px}
.timeline-item p{margin:6px 0 0!important;color:#6e2722}
@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.cards{grid-template-columns:repeat(2,1fr)}.status-filters{margin-right:-15px;padding-right:15px}.modal-actions .danger-btn{flex-basis:100%}.revoke-modal .modal-actions .danger-btn{order:2;flex-basis:auto}.revoke-modal .modal-actions .ghost{order:1}}
@media print{.status-filters,.revoke-modal{display:none!important}.revoked-notice{break-inside:avoid}.history{break-inside:avoid}}