/* 1.2.91 c3 — free integrations (Command Center lines, call-card chips, 🔎 VIN in Details, 📮 USPS line). Base44 look: quiet, small; light + dark themes. */
.c3-cc { display: grid; gap: 6px; margin: 8px 0 4px; }
.c3-line { font-size: 13px; padding: 6px 10px; border-radius: 10px; background: hsl(var(--muted)); border: 1px solid hsl(var(--border)); color: hsl(var(--muted-foreground)); }
.c3-wxbox { border-radius: 12px; border: 1px solid hsl(var(--border)); background: hsl(var(--card)); color: hsl(var(--card-foreground)); overflow: hidden; }
.c3-wxbox.c3-red { border-color: rgba(239, 68, 68, .55); background: rgba(239, 68, 68, .10); } .c3-wxbox.c3-amber { border-color: rgba(245, 158, 11, .55); background: rgba(245, 158, 11, .10); } .c3-wxbox.c3-blue { border-color: rgba(59, 130, 246, .45); background: rgba(59, 130, 246, .08); }
.c3-wxhead { all: unset; box-sizing: border-box; display: flex; gap: 6px; align-items: center; width: 100%; padding: 8px 12px; cursor: pointer; font-size: 14px; flex-wrap: wrap; }
.c3-wxhead .c3-chev { margin-inline-start: auto; opacity: .6; }
.c3-wxlist { padding: 0 12px 8px; display: grid; gap: 6px; } .c3-wxr { font-size: 13px; }
.c3-wxstorm { padding: 0 12px 10px; } .c3-stormbtn { background: #1e293b; color: #fff; border: 1px solid rgba(255, 255, 255, .15); } .c3-storm.on { font-size: 13px; font-weight: 600; }
.c3-tools { margin-top: 6px; }
.c3-chips { display: flex; gap: 6px; flex-wrap: wrap; }
.c3-chip { font: inherit; font-size: 12px; line-height: 1; padding: 7px 11px; border-radius: 999px; border: 1px solid hsl(var(--border)); background: hsl(var(--card)); color: hsl(var(--card-foreground)); cursor: pointer; }
.c3-chip:hover { background: hsl(var(--accent)); }
.c3-chip.on { background: hsl(var(--foreground)); color: hsl(var(--background)); border-color: hsl(var(--foreground)); }
.c3-box { margin-top: 6px; padding: 8px 10px; border-radius: 10px; background: hsl(var(--muted)); border: 1px solid hsl(var(--border)); display: grid; gap: 6px; font-size: 13px; }
.c3-row { font-size: 13px; }
.c3-cams-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 8px; }
.c3-cam { margin: 0; } .c3-cam img, .c3-camph { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 8px; background: hsl(var(--border)); display: block; }
.c3-camph { display: flex; align-items: center; justify-content: center; }
.c3-mlyfig { margin: 0; } .c3-mlyfig img { width: 100%; max-height: 260px; object-fit: cover; border-radius: 8px; display: block; background: hsl(var(--border)); }
.c3-vin summary { cursor: pointer; } .c3-vinrow { gap: 6px; margin-top: 6px; } .c3-vinrow .input { flex: 1; min-width: 0; text-transform: uppercase; letter-spacing: .04em; }
.c3-vinout { margin-top: 6px; display: grid; gap: 4px; } .c3-rc summary { cursor: pointer; font-size: 13px; } .c3-rcr { padding: 6px 0; border-top: 1px solid hsl(var(--border)); }
.c3-usps { margin-top: 4px; }

/* 1.2.126 🚧 511NY live traffic feed panel — mirrors the wx widget's box/head/list shape */
.c3-511box { border-radius: 12px; border: 1px solid hsl(var(--border)); background: hsl(var(--card)); color: hsl(var(--card-foreground)); overflow: hidden; }
.c3-511head { all: unset; box-sizing: border-box; display: flex; gap: 6px; align-items: center; width: 100%; padding: 8px 12px; cursor: pointer; font-size: 14px; flex-wrap: wrap; }
.c3-511head .c3-chev { margin-inline-start: auto; opacity: .6; }
.c3-511list { padding: 0 12px 10px; display: grid; gap: 8px; }
.c3-511r { font-size: 13px; border-top: 1px solid hsl(var(--border)); padding-top: 6px; }
.c3-511r:first-of-type { border-top: none; padding-top: 0; }