/* Customer profiles, households and the customer 360 view (cu-). */
.cu-hero{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;background:#fff;border:1px solid #dbe4ec;border-radius:10px;padding:16px 18px}
.cu-avatar{width:58px;height:58px;border-radius:50%;background:var(--brand-navy);color:#fff;display:grid;place-items:center;font-weight:700;font-size:20px;letter-spacing:.5px}
.cu-id h2{margin:0;font-size:20px}
.cu-id p{margin:2px 0 6px;color:#5b6b7c;font-size:13px}
.cu-tags{display:flex;gap:6px;flex-wrap:wrap}
.cu-contact{display:grid;gap:4px;font-size:13px;color:#33475b;min-width:0}
.cu-contact span{overflow-wrap:anywhere}
.cu-contact i{color:var(--brand-primary);margin-right:4px}
.cu-holdings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cu-holdings>.ct-panel{margin:0}
.cu-tbl td{vertical-align:top}
.cu-open{display:flex;gap:4px;align-items:flex-start;padding:7px 0;border-bottom:1px solid #eef2f6;color:#14304d;text-decoration:none;font-size:13px}
.cu-open:last-child{border-bottom:0}
.cu-open.bad{color:#b4233a}.cu-open.warn{color:#9a5b00}
.cu-nba{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid #eef2f6}
.cu-nba:last-child{border-bottom:0}
.cu-nba i{color:#d49a00;font-size:18px}
.cu-nba span{display:block;color:#5b6b7c;font-size:12.5px}
.cu-member{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid #eef2f6;font-size:13px}
.cu-member.total{border-bottom:0;font-weight:600}
.cu-member .sub{color:#5b6b7c}
.cu-timeline{list-style:none;margin:0;padding:0}
.cu-timeline li{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:start;padding:9px 0;border-bottom:1px solid #eef2f6}
.cu-timeline li:last-child{border-bottom:0}
.cu-timeline .ic{width:30px;height:30px;border-radius:50%;background:#eef4fb;color:var(--brand-primary);display:grid;place-items:center}
.cu-timeline li.bad .ic{background:#fdecef;color:#b4233a}
.cu-timeline li.ok .ic{background:#e7f7ef;color:#1a7f4e}
.cu-timeline .tx{min-width:0}
.cu-timeline .tx b{display:block;font-size:13.5px;overflow-wrap:anywhere}
.cu-timeline .meta{display:block;color:#5b6b7c;font-size:12px;overflow-wrap:anywhere}
.cu-timeline .amt{font-weight:600;white-space:nowrap}
.cu-timeline .amt.in{color:#1a7f4e}
.cu-list{margin:0;padding-left:18px;color:#33475b}
.cu-list li{margin:4px 0}
.cu-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px}
.cu-dep{display:grid;gap:6px;margin-bottom:10px}
.cu-dep div{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #eef2f6;padding-bottom:5px}
.cu-fam{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.cu-famcard{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border:1px solid #dbe4ec;border-radius:10px;background:linear-gradient(135deg,#f6faff,#fff);color:#14304d;text-decoration:none;min-width:0}
.cu-famcard.dep{background:linear-gradient(135deg,#f7f3ff,#fff)}
.cu-famcard .tag{font-size:11.5px;color:#5b6b7c;text-transform:uppercase;letter-spacing:.3px;overflow-wrap:anywhere}
.cu-famcard b{font-size:15px}
.cu-famcard .num{font-size:18px;font-weight:700}
.cu-famcard .sub{font-size:12px;color:#5b6b7c}
@media (max-width:900px){.cu-hero{grid-template-columns:auto 1fr}.cu-contact{grid-column:1/-1}.cu-holdings{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.cu-choices{grid-template-columns:minmax(0,1fr)}.cu-timeline li{grid-template-columns:28px 1fr}.cu-timeline .amt{grid-column:2}}