.req-card{padding:20px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:#111;font:400 13px/1.5 Inter,system-ui,sans-serif;color:rgba(255,255,255,.8)}
.req-current{display:flex;align-items:center;gap:14px;margin-bottom:24px}.req-current>div:nth-child(2){flex:1}.req-current-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#ffffff08}.req-current-icon svg{width:20px;height:20px;color:#ffffff60}
.req-card h3{font:500 14px/1.5 Inter,system-ui,sans-serif;margin:0;overflow-wrap:anywhere}.req-card p{margin:5px 0 0;color:#ffffff60;font-size:12px}.req-history{display:flex;flex-direction:column;gap:12px}.req-card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.req-status{font:500 10px/1.5 Inter,system-ui,sans-serif;padding:4px 8px;border-radius:7px;background:#ffffff0a;white-space:nowrap;color:#ffffff80}.req-status-approved{background:#4ade8012;color:#86efac}.req-status-revoked{background:#fb923c12;color:#fdba74}.req-card-revoked{border-color:#fb923c28}.req-card-revoked .req-body{opacity:.5}.req-body{white-space:pre-wrap;overflow-wrap:anywhere;font:400 13px/1.7 Inter,system-ui,sans-serif;margin:16px 0;padding:14px;background:#ffffff05;border:1px solid #ffffff08;border-radius:10px}.req-card .req-reason{color:#fdba74b0;margin-top:12px}.req-card-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;font-size:10px;color:#ffffff40}.req-chat-button{position:relative}.req-dot{min-width:14px;height:14px;border-radius:10px;background:#e8b06e;color:#17120c;font:600 9px/14px Inter,system-ui,sans-serif;text-align:center;padding:0 3px}.req-dot[hidden]{display:none}.req-chat-button .req-dot{position:absolute;top:-4px;right:-4px}.req-search{width:100%;border:1px solid #ffffff12;background:#ffffff06;border-radius:10px;padding:10px 12px;font:inherit;color:inherit;outline:none}.req-search:focus{border-color:#ffffff30}.req-chat-title{margin:0;font:500 14px/1.5 Inter,system-ui,sans-serif}.req-error{font-size:12px;color:#fca5a5;margin:0}.req-card button svg,#req-submit svg{width:14px;height:14px}#req-submit{align-self:flex-start}.req-card button:disabled{opacity:.4;cursor:default}
@media(max-width:600px){.req-card{padding:14px}.req-current{flex-wrap:wrap}.req-current>button{margin-left:54px}.req-card-heading{flex-wrap:wrap}}

.req-older{border-top:1px solid #ffffff0c;padding-top:12px;margin-top:4px}.req-older>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;color:#ffffff60;font:400 12px/1.5 Inter,system-ui,sans-serif;padding:6px 0}.req-older>summary::-webkit-details-marker{display:none}.req-older>summary:hover{color:#ffffffa0}.req-older>summary svg{width:14px;height:14px;transition:transform .18s}.req-older[open]>summary svg{transform:rotate(180deg)}.req-older>.req-history{margin-top:12px}

.req-status-rejected{background:#f8717112;color:#fca5a5}.req-card-rejected{border-color:#f8717128}.req-card-rejected .req-reason{color:#fca5a5}.req-older-rejected>summary{color:#fca5a5}.req-older-rejected>summary:hover{color:#fecaca}.req-older-revoked>summary{color:#fdba74}.req-older-revoked>summary:hover{color:#fed7aa}

.req-body a{color:#93c5fd;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
