/* HeroUI v3 Card, Chip and Avatar utilities, expanded for the legacy widget markup. */
.site-rank-chip { display:inline-flex; align-items:center; justify-content:center; gap:5px; min-height:26px; padding:0 10px; border:0; border-radius:16px; background:oklch(27.4% .006 286.033); color:#fff; font-size:11px; font-weight:500; line-height:16px; vertical-align:middle; }
.site-rank-chip--admin { background:oklch(.6204 .195 253.83); }
.site-rank-chip svg { flex-shrink:0; width:12px; height:12px; }
body .widget-card { border:0 !important; border-radius:24px !important; background:oklch(.2103 .0059 285.89) !important; color:#fff; box-shadow:none !important; overflow:visible; }
body .widget-card .card-header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:20px 20px 0; border:0 !important; border-radius:24px 24px 0 0; background:transparent !important; color:#fff !important; font-size:16px; font-weight:500; line-height:24px; }
body .widget-card .widget-header-txt { color:#fff !important; }
body .widget-card .card-body { padding:16px 20px 20px; color:oklch(70.5% .015 286.067); }
body .widget-card .number { display:inline-flex; align-items:center; justify-content:center; min-width:24px; height:24px; padding:0 6px; border-radius:12px; background:oklch(27.4% .006 286.033); color:#fff; font-size:12px; line-height:16px; }
body .staff-card { align-items:center; gap:12px; }
body .staff-card .staff-info { margin-left:0; min-width:0; }
body .staff-card .avatar-img { width:48px; height:48px; object-fit:cover; border-radius:16px; }
body .staff-card .staff-name { color:#fff !important; font-size:14px; font-weight:500; line-height:20px; }
body .staff-card .site-rank-chip { margin-top:6px; }