/* Scoped directory cards; summary cards, toolbars and drawers retain their styling. */
.crm-record-list{display:grid;gap:12px;padding:20px 24px;background:#fbfcfa}
.crm-record-list:empty{display:none}
.crm-record-card{box-sizing:border-box;display:flex;align-items:center;gap:18px;width:100%;margin:0;padding:23px 24px;border:1px solid #e0e7df;border-radius:15px;background:#fff;color:#203c2e;text-align:left;font:400 .95rem/1.45 "Outfit",sans-serif;box-shadow:0 3px 12px #173a2d04}
button.crm-record-card{cursor:pointer;transition:border-color .16s,background .16s,box-shadow .16s}
button.crm-record-card:hover{background:#f7faf6;border-color:#b7cbb9;box-shadow:0 5px 18px #173a2d09}
button.crm-record-card:focus-visible,.crm-record-card button:focus-visible{outline:2px solid #367951;outline-offset:3px}
.crm-record-avatar{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:15px;background:#eaf1e7;color:#315e43;font-size:1rem;font-weight:500;letter-spacing:.025em}
.crm-record-list>[role=listitem]:nth-child(3n+2) .crm-record-avatar{background:#eef0f7;color:#536381}
.crm-record-list>[role=listitem]:nth-child(3n) .crm-record-avatar{background:#f5efdf;color:#7a6535}
.crm-record-main{display:grid;gap:5px;flex:1;min-width:0;overflow-wrap:anywhere}
.crm-record-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.crm-record-main strong{font-size:1.04rem;font-weight:500}
.crm-record-reference{color:#65766a;font:500 .74rem "IBM Plex Mono",monospace}
.crm-record-muted{color:#778177;font-size:.82rem}
.crm-record-description{color:#52695b;font-size:.87rem}
.crm-record-statuses,.crm-record-facts{display:flex;align-items:center;flex-wrap:wrap;gap:7px 12px;margin-top:7px}
.crm-record-statuses .crm-status{font-size:.7rem;white-space:normal}
.crm-record-facts{font-size:.79rem;color:#657569}
.crm-record-code{border-radius:6px;background:#f0f4ed;padding:4px 8px;color:#416047;font:500 .74rem "IBM Plex Mono",monospace}
.crm-record-value{display:grid;gap:4px;flex:0 0 auto;text-align:right;font-variant-numeric:tabular-nums}
.crm-record-value strong{font-size:1.18rem;font-weight:500;color:#173a2d}
.crm-record-value>span{font-size:.77rem;color:#778177}
.crm-record-arrow{color:#7c9683;font-size:1.15rem;margin-left:5px}
.crm-record-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:240px}
.crm-record-actions:empty{display:none}
.crm-payout-records{padding:0;background:transparent}
.crm-payout-record{flex-wrap:wrap}
.crm-payout-record .crm-record-main{min-width:180px}
@media(max-width:700px){
 .crm-record-list{padding:14px 12px;gap:10px}
 .crm-record-card{padding:18px 15px;gap:12px;flex-wrap:wrap}
 .crm-record-avatar{flex-basis:40px;height:40px;border-radius:12px;align-self:flex-start}
 .crm-record-main{flex:1 1 calc(100% - 55px)}
 .crm-record-value{margin-left:52px;text-align:left;flex:1}
 .crm-record-value strong{font-size:1.08rem}
 .crm-record-arrow{margin-left:auto}
 .crm-record-heading{gap:6px 9px}
 .crm-payout-records{padding:0}
 .crm-payout-record .crm-record-main{flex-basis:100%}
 .crm-payout-record .crm-record-value{margin-left:0}
 .crm-record-actions{max-width:100%}
}

.crm-rejected-dropdown>summary{cursor:pointer;list-style:none;position:relative;padding-right:58px}
.crm-rejected-dropdown>summary::-webkit-details-marker{display:none}
.crm-rejected-dropdown>summary:focus-visible{outline:2px solid #367951;outline-offset:-4px}
.crm-rejected-chevron{position:absolute;right:26px;top:24px;font-size:1.4rem;color:#45634f;transition:transform .15s}
.crm-rejected-dropdown[open] .crm-rejected-chevron{transform:rotate(180deg)}
.crm-rejected-dropdown:not([open])>summary{border-bottom:0}

.crm-rejected-dropdown{margin-top:24px}

/* Order totals keep each saved discount and its original code readable. */
.crm-page .crm-totals > div { gap: 20px; align-items: baseline; }
.crm-page .crm-totals dt { min-width: 0; }
.crm-page .crm-totals dd { flex-shrink: 0; white-space: nowrap; }
.crm-page .crm-totals .crm-savings-line dt,
.crm-page .crm-totals .crm-savings-line dd { color: #326347; }
.crm-page .crm-savings-code { display: block; margin-top: 4px; font-size: 12px; line-height: 1.5; color: #68776b; overflow-wrap: anywhere; }
.crm-page .crm-savings-summary { display: flex; justify-content: space-between; gap: 20px; margin: 16px 0 0; padding: 13px 15px; border-radius: 8px; background: #edf3e8; color: #254c36; font-size: 14px; }
.crm-page .crm-savings-summary strong { white-space: nowrap; }