@layer components {
  .access-requests-panel{margin-bottom:28px}
  .access-requests-panel h2{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:3px 0 5px}
  .access-request-pending{background:#fff1cf;color:#715011;border:1px solid #ead3a2}
  .access-request-tools{padding:18px 25px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line)}
  .access-request-tools .field{margin:0;min-width:190px}
  .access-request-tools label{font-size:.8rem}
  .access-request-table td:first-child{max-width:300px;overflow-wrap:anywhere}
  .access-request-table td{vertical-align:middle}
  .access-request-table .tag{white-space:nowrap}
  .access-request-email-summary{margin-top:8px;max-width:230px}
  .access-request-email-summary .tag{white-space:normal}
  .access-request-email{margin-top:20px;padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--canvas)}
  .access-request-email h3{margin-bottom:10px}
  .access-request-email p{margin-top:10px;overflow-wrap:anywhere}
  .access-request-email .tag{white-space:normal}
  .access-request-email form{margin-top:15px}
  .access-request-email-legacy{margin-top:8px;max-width:230px}
  .access-request-limit{padding:12px 25px;border-top:1px solid var(--line)}
  .access-request-share{display:grid;grid-template-columns:200px minmax(0,1fr);gap:25px;align-items:center}
  .access-request-share .field{margin:18px 0 14px}
  .access-request-share input{font-size:.82rem}
  .access-request-share .inline-actions{flex-wrap:wrap}
  .access-request-qr{max-width:100%;height:auto;border-radius:10px;background:#fff;border:1px solid var(--line);padding:6px}
  .access-request-share-note,.access-request-review-note{margin-top:24px}
  .access-request-review-note p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:7px}
  .access-request-details dd{text-align:right;overflow-wrap:anywhere;max-width:70%}
  .access-request-document{margin-top:25px;padding:18px;border:1px solid var(--line);background:var(--canvas);border-radius:10px}
  .access-request-document-link{display:block;margin:15px 0}
  .access-request-document img{display:block;width:100%;max-height:420px;object-fit:contain;background:var(--white);border-radius:6px}
  .access-request-document .text-action{display:inline-block;font-size:.875rem}
  #access-request-approve-form>.form-note{margin-bottom:14px}
}
@layer responsive {
  @media(max-width:650px){
    .access-request-tools{align-items:stretch;flex-direction:column;padding:16px 20px;gap:14px}
    .access-request-tools .field{min-width:0}
    .access-request-share{grid-template-columns:1fr;gap:16px}
    .access-request-qr{width:170px;justify-self:center}
    .access-request-details div{display:block}
    .access-request-details dd{text-align:left;max-width:none;margin-top:4px}
    .access-request-document{padding:12px}
  }
}
@layer theme {
  [data-theme="dark"] .access-request-pending{background:#453a22;color:#f0cf86;border-color:#655435}
}