/* Pharmacy licences, Contacts side (Contacts > Vendor documents and Approved vendors, the contact's Compliance tab, the banner on an RFQ / order / receipt). Tokens from admin.css only, logical properties, light + dark through the tokens. */

/* ------------------------------------------------------------ banner above a document that has a supplier */
.lic-slot { display: grid; gap: 8px; margin-block: 8px; }
.lic-slot[hidden] { display: none; }
.lic-banner.danger { background: var(--danger-soft); color: var(--danger-ink); }
.lic-banner ul { margin: 4px 0 0; padding-inline-start: 18px; font-weight: 500; }
.lic-banner a { flex: 0 0 auto; color: inherit; font-weight: 700; text-decoration: underline; }

/* ------------------------------------------------------------ lists */
.lic-dim td { color: var(--muted); }
.lic-clip { display: inline-block; max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom; }
.lic-badges { display: inline-flex; flex-wrap: wrap; gap: 4px; }

/* ------------------------------------------------------------ change standing */
.lic-choice { flex-wrap: wrap; }
.lic-choice .seg { flex: 1 1 auto; }
.lic-why[hidden] { display: none; }

/* ------------------------------------------------------------ the contact's Compliance tab */
.lic-tab { display: grid; gap: 14px; }
.lic-card { padding: 12px 14px; border: 1px solid var(--line); border-radius: var(--r-sm); background: var(--panel); }
.lic-card-head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-block-end: 8px; }
.lic-card-head .cf-h { margin: 0; margin-inline-end: auto; }
.lic-card p { margin-block: 4px; }
.lic-reason { font-weight: 600; overflow-wrap: anywhere; }
.lic-warn-list { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.lic-warn-list li { display: flex; align-items: flex-start; gap: 8px; color: var(--warn-ink); }
.lic-warn-list li.danger { color: var(--danger-ink); font-weight: 650; }
.lic-warn-list .ico { flex: none; margin-block-start: 2px; }
.lic-docs { display: grid; gap: 8px; }
.lic-doc { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 10px; min-width: 0; padding: 8px 10px; border: 1px solid var(--line); border-radius: var(--r-sm); background: var(--panel); color: var(--ink); text-decoration: none; }
.lic-doc:hover { background: var(--panel-2); }
.lic-doc-main { display: grid; min-width: 0; flex: 1 1 200px; }
.lic-doc-main b, .lic-doc-main small { overflow-wrap: anywhere; }