auto: 2026-09-30 07:36 (ESD_LAPTOP)

B05_Profile/B05_Profile_UI_Style_RouteRecommend.css

@@ -163,13 +163,73 @@
   accent-color: var(--color-primary);
 }
 
-.b05-routerec__bar output {
+/* 값 칸 — 슬라이더 옆에서 숫자를 직접 넣는다. 합 100 을 못 맞추면 빨간 테두리. */
+.b05-routerec__num {
+  width: 100%;
+  min-width: 3.2em;
+  padding: 2px 4px;
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-4, 4px);
+  background: var(--color-surface);
   color: var(--color-text-body);
   font-size: var(--text-body);
   font-weight: 600;
+  text-align: center;
+  appearance: textfield;
+  -moz-appearance: textfield;
 }
 
-.b05-routerec__bar span {
+.b05-routerec__num::-webkit-outer-spin-button,
+.b05-routerec__num::-webkit-inner-spin-button {
+  margin: 0;
+  -webkit-appearance: none;
+}
+
+.b05-routerec__num:disabled {
+  opacity: 0.6;
+}
+
+.b05-routerec__num.is-invalid {
+  border-color: var(--color-danger, #dc2626);
+  box-shadow: 0 0 0 1px var(--color-danger, #dc2626);
+}
+
+/* 고정 단추 — 자물쇠. 눌린 것 = 고정 · 저절로 정해진 비중은 눌린 채 꺼져(잠김 표시). */
+.b05-routerec__lock {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 26px;
+  padding: 0;
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-4, 4px);
+  background: var(--color-surface);
+  color: var(--color-text-secondary);
+  cursor: pointer;
+}
+
+.b05-routerec__lock:hover:not(:disabled) {
+  border-color: var(--color-primary);
+}
+
+.b05-routerec__lock.is-on {
+  border-color: var(--color-primary);
+  background: var(--color-primary);
+  color: var(--color-on-primary, #fff);
+}
+
+.b05-routerec__lock:disabled {
+  cursor: not-allowed;
+  opacity: 0.55;
+}
+
+.b05-routerec__lock.is-auto {
+  opacity: 0.8;
+  border-style: dashed;
+}
+
+.b05-routerec__bar > span {
   color: var(--color-text-secondary);
 }