1 files changed, 57 insertions, 0 deletions
diff --git a/ui/style_light.qss b/ui/style_light.qss
index 8b5c8da..38b91f8 100644
--- a/ui/style_light.qss
+++ b/ui/style_light.qss
@@ -67,3 +67,60 @@ QListWidget#portList {
 QListWidget#portList::item { padding:5px 8px; border-bottom:1px solid #f1f5f9; }
 QListWidget#portList::item:hover { background:#f0f9ff; color:#1d4ed8; }
 QListWidget#portList::item:selected { background:#dbeafe; color:#1d4ed8; border-left:3px solid #3b82f6; }
+
+/* ── Control panel widgets ───────────────────────────────────────── */
+QFrame#controlWidget { background:#ffffff; border:1px solid #cbd5e1; border-radius:6px; }
+QWidget#controlWidgetHeader { background:#f1f5f9; border-radius:5px 5px 0 0; border-bottom:1px solid #e2e8f0; }
+QLabel#controlWidgetIcon  { font-size:14px; color:#3b82f6; padding-right:4px; }
+QLabel#controlWidgetTitle { font-family:"IBM Plex Mono",monospace; font-size:11px; font-weight:700; letter-spacing:1.5px; color:#64748b; }
+QWidget#controlWidgetBody { background:#ffffff; border-radius:0 0 5px 5px; }
+QFrame#controlWidgetWrapper { background:transparent; border:none; }
+
+/* Motor */
+QLabel#motorSpeedLbl { font-family:"IBM Plex Mono",monospace; font-size:28px; font-weight:700; color:#1d4ed8; }
+QLabel#motorUnitLbl  { font-family:"IBM Plex Mono",monospace; font-size:12px; color:#94a3b8; padding-top:12px; }
+QLabel#motorPctLbl   { font-family:"IBM Plex Mono",monospace; font-size:12px; color:#94a3b8; }
+QSlider#motorSlider::groove:horizontal, QSlider#pwmSlider::groove:horizontal { background:#e2e8f0; height:6px; border-radius:3px; }
+QSlider#motorSlider::handle:horizontal, QSlider#pwmSlider::handle:horizontal { background:#3b82f6; border:2px solid #1d4ed8; width:16px; height:16px; margin:-5px 0; border-radius:8px; }
+QSlider#motorSlider::sub-page:horizontal { background:#3b82f6; border-radius:3px; }
+QSlider#pwmSlider::sub-page:horizontal   { background:#7c3aed; border-radius:3px; }
+QPushButton#motorDirBtn    { background:#f1f5f9; color:#64748b; border:1px solid #cbd5e1; border-radius:4px; padding:5px 10px; font-family:"IBM Plex Mono",monospace; font-size:12px; }
+QPushButton#motorDirBtnRev { background:#ede9fe; color:#6d28d9; border:1px solid #7c3aed; border-radius:4px; padding:5px 10px; font-family:"IBM Plex Mono",monospace; font-size:12px; }
+QPushButton#motorRunBtnOff { background:#f1f5f9; color:#94a3b8; border:1px solid #cbd5e1; border-radius:4px; padding:5px 12px; font-family:"IBM Plex Mono",monospace; font-weight:700; }
+QPushButton#motorRunBtnOn  { background:#dcfce7; color:#166534; border:1px solid #22c55e; border-radius:4px; padding:5px 12px; font-family:"IBM Plex Mono",monospace; font-weight:700; }
+
+/* Switch */
+QPushButton#switchBtnOff, QPushButton#switchBtn { background:#f1f5f9; color:#94a3b8; border:2px solid #cbd5e1; border-radius:6px; font-family:"IBM Plex Mono",monospace; font-size:18px; font-weight:800; letter-spacing:4px; min-height:52px; }
+QPushButton#switchBtnOn { background:#dcfce7; color:#166534; border:2px solid #22c55e; border-radius:6px; font-family:"IBM Plex Mono",monospace; font-size:18px; font-weight:800; letter-spacing:4px; min-height:52px; }
+QLabel#switchIndicatorOff { font-size:18px; color:#cbd5e1; }
+QLabel#switchIndicatorOn  { font-size:18px; color:#22c55e; }
+QLabel#switchStateLbl     { font-family:"IBM Plex Mono",monospace; font-size:10px; font-weight:700; letter-spacing:1px; color:#94a3b8; }
+
+/* Setpoint */
+QLabel#spLabel { font-family:"IBM Plex Mono",monospace; font-size:11px; font-weight:700; color:#3b82f6; letter-spacing:0.5px; }
+QLabel#pvLabel { font-family:"IBM Plex Mono",monospace; font-size:11px; font-weight:700; color:#16a34a; letter-spacing:0.5px; }
+QLabel#errLabel { font-family:"IBM Plex Mono",monospace; font-size:11px; font-weight:700; color:#d97706; letter-spacing:0.5px; }
+QLabel#pvValue, QLabel#errValue { font-family:"IBM Plex Mono",monospace; font-size:12px; color:#64748b; }
+QDoubleSpinBox#spSpinbox { font-family:"IBM Plex Mono",monospace; font-size:13px; font-weight:600; color:#1e293b; background:#ffffff; border:1px solid #3b82f6; border-radius:3px; padding:3px 6px; }
+QPushButton#spStepBtn { background:#dbeafe; color:#1d4ed8; border:1px solid #3b82f6; border-radius:3px; font-size:16px; font-weight:700; padding:0; }
+QPushButton#spStepBtn:hover { background:#bfdbfe; }
+
+/* PWM */
+QLabel#pwmLabel  { font-family:"IBM Plex Mono",monospace; font-size:11px; color:#64748b; }
+QLabel#pwmValue  { font-family:"IBM Plex Mono",monospace; font-size:13px; font-weight:700; color:#6d28d9; }
+QSpinBox#pwmFreqSpin { font-family:"IBM Plex Mono",monospace; font-size:12px; background:#ffffff; border:1px solid #cbd5e1; border-radius:3px; color:#1e293b; padding:3px 6px; }
+QPushButton#digitalOutBtn { background:#f1f5f9; color:#94a3b8; border:1px solid #cbd5e1; border-radius:4px; padding:4px 14px; font-family:"IBM Plex Mono",monospace; min-width:50px; }
+QPushButton#digitalOutBtn:checked { background:#dcfce7; border-color:#22c55e; color:#166534; }
+
+/* Misc window controls */
+QWidget#controlPanelHeader { background:#f1f5f9; border-bottom:1px solid #e2e8f0; }
+QPushButton#devicesSmallBtn { background:transparent; color:#94a3b8; border:1px solid #e2e8f0; border-radius:3px; font-size:13px; padding:0; }
+QPushButton#devicesSmallBtn:hover { background:#f0f9ff; color:#3b82f6; border-color:#3b82f6; }
+QPushButton#plotCfgButton { background:#f0f9ff; color:#1d4ed8; border:1px solid #93c5fd; border-radius:4px; padding:5px 14px; font-weight:600; }
+QPushButton#plotCfgButton:hover   { background:#dbeafe; border-color:#3b82f6; }
+QPushButton#plotCfgButton:checked { background:#dbeafe; border-color:#3b82f6; }
+QComboBox#channelPickerCb { font-family:"IBM Plex Mono",monospace; font-size:12px; background:#ffffff; border:1px solid #cbd5e1; border-radius:3px; color:#1e293b; padding:4px 8px; }
+QMenu#profileMenu { background:#ffffff; border:1px solid #e2e8f0; border-radius:4px; padding:4px 0; color:#1e293b; }
+QMenu#profileMenu::item { padding:7px 20px; color:#334155; }
+QMenu#profileMenu::item:selected { background:#dbeafe; color:#1d4ed8; }
+QMenu#profileMenu::separator { height:1px; background:#e2e8f0; margin:3px 8px; }