/* Module 13: back-office customers and recipients, and the confirm-it's-you page. */
.cu-sections { display: flex; flex-wrap: wrap; gap: 6px; position: sticky; top: 0; z-index: 2; background: var(--bg, #f4f6f9); padding: 6px 0; }
.cu-sections a { padding: 4px 10px; border: 1px solid var(--line2); border-radius: 14px; font-size: 13px; text-decoration: none; background: var(--panel); }
.cu-sections a:hover, .cu-sections a:focus { border-color: var(--accent, #1a5fb4); }
.cu-factors { margin: 0; padding-left: 18px; display: grid; gap: 4px; }
.cu-actions details { display: block; border-top: 1px solid var(--line2); padding: 8px 0; }
.cu-actions details:first-child { border-top: 0; }
.cu-actions summary { cursor: pointer; font-weight: 600; }
.cu-actions summary .sub { font-weight: 400; display: block; }
.cu-actions form { margin-top: 8px; }
.cu-dup { color: var(--warnFg, #8a5a00); font-size: 12px; font-weight: 600; }
.cu-meter { display: flex; align-items: center; gap: 8px; }
.cu-meter span { flex: 1; height: 8px; border-radius: 4px; background: var(--line2); overflow: hidden; }
.cu-meter span i { display: block; height: 100%; background: var(--warnFg, #c98a00); }
.cu-meter span i.low { background: var(--okFg, #2b8a3e); }
.cu-meter span i.high { background: var(--badFg, #c92a2a); }