refactor(webui): use central scheduling controls

webui/src/styles/scheduling.css

@@ -89,15 +89,6 @@
   gap: 6px;
 }
 
-.scheduling-icon-button.btn {
-  width: 34px;
-  min-width: 34px;
-  height: 34px;
-  min-height: 34px;
-  padding: 0;
-  justify-content: center;
-}
-
 .scheduling-alert,
 .scheduling-success {
   margin: 10px 14px 0;
@@ -107,8 +98,8 @@
 }
 
 .scheduling-alert {
-  border-color: var(--danger);
-  color: var(--danger);
+  border-color: var(--danger-border-strong);
+  color: var(--danger-text-strong);
   background: var(--danger-soft);
 }
 
@@ -163,7 +154,7 @@
 }
 
 .scheduling-list-item:hover {
-  background: var(--hover-bg);
+  background: var(--hover-tint-soft);
 }
 
 .scheduling-list-item.is-selected {
@@ -247,7 +238,7 @@
 
 .scheduling-freebusy.busy,
 .scheduling-freebusy.error {
-  color: var(--danger);
+  color: var(--danger-text-strong);
 }
 
 .scheduling-columns {
@@ -317,7 +308,7 @@
   border: var(--border-line);
   border-radius: 6px;
   color: var(--text);
-  background: var(--input-bg);
+  background: var(--control-bg);
   font: inherit;
 }