/* Number series section (assets/series.js) in the Labels tab */
.ser-section { margin-top: var(--space-lg, 24px); }
.ser-head { align-items: flex-start; gap: var(--space-md); flex-wrap: wrap; }
.ser-head .panel-sub { max-width: 640px; }
.ser-form { display: flex; flex-direction: column; gap: var(--space-xs, 4px); }
.ser-form .field-label { margin-top: var(--space-sm); }
.ser-hint { margin-top: 4px; }
.ser-example { padding: 12px 14px; border-radius: var(--radius-default); background: var(--surface-container-low); box-shadow: var(--shadow-inset); font-size: 15px; overflow-wrap: anywhere; }
.ser-example b { margin-left: 6px; color: var(--accent-primary); font-size: 17px; }
#serWarn { display: flex; gap: 8px; align-items: flex-start; padding: 10px 12px; border-radius: var(--radius-default); background: color-mix(in srgb, var(--error) 12%, transparent); font-weight: 600; margin-top: var(--space-sm); }
#serWarn[hidden] { display: none; }
#serWarn .material-symbols-outlined { flex: none; font-size: 20px; }
tr.ser-lowered > td { background: color-mix(in srgb, var(--error) 10%, transparent); }
.ser-hist { min-height: 80px; }
.ser-hist .dt-wrap, .ser-hist .dt-scroll { max-height: 52vh; }