/* uc-card. Consumes only --uc-* (theme + brand aware). A surface container with title + body.
   Simple use: .uc-card > .uc-card-title + .uc-card-body (padding lives on the card).
   Sectioned use: .uc-card.uc-card--flush (padding:0) > .uc-card-header / .uc-card-body /
   .uc-card-footer - headers/footers carry their own padding and hairline dividers, the body
   pads itself (18px) so sectioned and simple cards share one rhythm. */
.uc-card{box-sizing:border-box;background:var(--uc-surface-2);border:1px solid var(--uc-border);border-radius:var(--uc-radius);padding:18px;color:var(--uc-text)}
.uc-card-title{font:700 16px/1.3 var(--uc-font,system-ui,sans-serif);margin:0 0 6px}
.uc-card-body{font:400 14px/1.5 var(--uc-font,system-ui,sans-serif);color:var(--uc-text-dim);margin:0}
.uc-card--flush{padding:0;overflow:hidden}
.uc-card--flush .uc-card-title{margin:0}
.uc-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;border-bottom:1px solid var(--uc-border)}
.uc-card-footer{display:flex;align-items:center;gap:8px;padding:12px 18px;border-top:1px solid var(--uc-border)}
.uc-card--flush .uc-card-body{padding:18px}