@robot-admin/naive-ui-components 0.14.2 → 0.15.0

package/dist/C_Cron.css

@@ -1,12 +1,6 @@
 :root{--c-primary: var(--primary-color, #2080f0);--c-primary-hover: var(--primary-color-hover, #4098fc);--c-primary-pressed: var(--primary-color-pressed, #1060c9);--c-success: var(--success-color, #18a058);--c-warning: var(--warning-color, #f0a020);--c-error: var(--error-color, #d03050);--c-info: var(--info-color, #2080f0);--c-bg-body: var(--body-color, #ffffff);--c-bg-card: var(--card-color, #ffffff);--c-bg-surface: var(--popover-color, #ffffff);--c-text-1: var(--text-color-1, #262626);--c-text-2: var(--text-color-2, #525252);--c-text-3: var(--text-color-3, #a3a3a3);--c-text-4: var(--text-color-4, #c0c0c0);--c-border: var(--border-color, #e5e7eb);--c-radius-sm: var(--border-radius-small, 4px);--c-radius: var(--border-radius, 6px);--c-transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);--c-transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);--c-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);--c-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);--c-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1)}
 
-/* unplugin-vue-components disabled */
-/* layer: default */
-.inline-flex[data-v-075758a0]{display:inline-flex;}
-.transform[data-v-075758a0]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
-.px[data-v-075758a0]{padding-left:1rem;padding-right:1rem;}
-
-/* unplugin-vue-components disabled */.c-icon[data-v-075758a0] {
+.c-icon[data-v-075758a0] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -65,14 +59,20 @@
     transform: rotate(360deg);
 }
 }
-/* unplugin-vue-components disabled *//*
+
+/* layer: default */
+.inline-flex[data-v-075758a0]{display:inline-flex;}
+.transform[data-v-075758a0]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+.px[data-v-075758a0]{padding-left:1rem;padding-right:1rem;}
+
+/*
  * @Author: ChenYu ycyplus@gmail.com
  * @Date: 2026-10-07
  * @FilePath: \naive-ui-components\src\components\C_Loading\index.scss
  * @Description: 数据光环与细光束动画，作用域隔离并支持减少动态效果
  * Copyright (c) 2026 by CHENY, All Rights Reserved 😎.
  */
-.c-loading[data-v-c6727905] {
+.c-loading[data-v-b1927095] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -80,7 +80,7 @@
   line-height: 1;
   pointer-events: none;
 }
-.c-loading--labeled[data-v-c6727905] {
+.c-loading--labeled[data-v-b1927095] {
   position: relative;
   gap: 10px;
   max-width: 100%;
@@ -93,7 +93,7 @@
   box-shadow: inset 0 1px 0 color-mix(in srgb, currentColor 4%, transparent), 0 8px 28px rgba(0, 0, 0, 0.06);
   overflow: hidden;
 }
-.c-loading--labeled[data-v-c6727905]::after {
+.c-loading--labeled[data-v-b1927095]::after {
   content: "";
   position: absolute;
   bottom: 0;
@@ -102,27 +102,27 @@
   height: 2px;
   background: linear-gradient(90deg, transparent, currentColor, transparent);
   opacity: 0.5;
-  animation: c-loading-beam-c6727905 1.8s ease-in-out infinite;
+  animation: c-loading-beam-b1927095 1.8s ease-in-out infinite;
 }
-.c-loading__glyph[data-v-c6727905] {
+.c-loading__glyph[data-v-b1927095] {
   width: var(--c-loading-size, 48px);
   height: var(--c-loading-size, 48px);
   flex-shrink: 0;
 }
-.c-loading__orbit[data-v-c6727905] {
+.c-loading__orbit[data-v-b1927095] {
   transform-box: view-box;
   transform-origin: center;
-  animation: c-loading-orbit-c6727905 1.6s linear infinite;
+  animation: c-loading-orbit-b1927095 1.6s linear infinite;
 }
-.c-loading__orbit--inner[data-v-c6727905] {
+.c-loading__orbit--inner[data-v-b1927095] {
   animation-duration: 3.2s;
   animation-direction: reverse;
 }
-.c-loading__row[data-v-c6727905] {
+.c-loading__row[data-v-b1927095] {
   opacity: 0.75;
-  animation: c-loading-row-c6727905 1.6s ease-in-out infinite;
+  animation: c-loading-row-b1927095 1.6s ease-in-out infinite;
 }
-.c-loading__label[data-v-c6727905] {
+.c-loading__label[data-v-b1927095] {
   min-width: 0;
   color: var(--c-loading-text, currentColor);
   font-size: 12px;
@@ -132,19 +132,19 @@
   overflow-wrap: anywhere;
 }
 @media (prefers-reduced-motion: reduce) {
-.c-loading__orbit[data-v-c6727905], .c-loading__row[data-v-c6727905], .c-loading--labeled[data-v-c6727905]::after {
+.c-loading__orbit[data-v-b1927095], .c-loading__row[data-v-b1927095], .c-loading--labeled[data-v-b1927095]::after {
     animation: none;
 }
-.c-loading--labeled[data-v-c6727905]::after {
+.c-loading--labeled[data-v-b1927095]::after {
     display: none;
 }
 }
-@keyframes c-loading-orbit-c6727905 {
+@keyframes c-loading-orbit-b1927095 {
 to {
     transform: rotate(360deg);
 }
 }
-@keyframes c-loading-row-c6727905 {
+@keyframes c-loading-row-b1927095 {
 0%, 100% {
     opacity: 0.4;
 }
@@ -152,7 +152,7 @@ to {
     opacity: 1;
 }
 }
-@keyframes c-loading-beam-c6727905 {
+@keyframes c-loading-beam-b1927095 {
 from {
     transform: translateX(-100%);
 }
@@ -160,236 +160,109 @@ to {
     transform: translateX(200%);
 }
 }
-/* unplugin-vue-components disabled */
-/* layer: default */
-.ms[data-v-c6727905]{margin-inline-start:1rem;}
-.table[data-v-c6727905]{display:table;}
-.px[data-v-c6727905]{padding-left:1rem;padding-right:1rem;}
-.filter[data-v-c6727905]{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
 
-/* unplugin-vue-components disabled */
 /* layer: default */
-.px[data-v-d5df827f]{padding-left:1rem;padding-right:1rem;}
+.ms[data-v-b1927095]{margin-inline-start:1rem;}
+.px[data-v-b1927095]{padding-left:1rem;padding-right:1rem;}
 
-/* unplugin-vue-components disabled *//* Cron 工作区：组件容器宽度决定布局，兼容页面、抽屉与表单。 */
-.c-cron[data-v-d5df827f] {
-  container: cron-editor/inline-size;
-  overflow: auto;
+/* 字段规则控件：离散值可点选，模式与选择状态同步显示。 */
+.cron-field-editor[data-v-ddf38d10] {
+  padding: 18px;
   border: 1px solid var(--c-border);
-  border-radius: 16px;
-  background: var(--c-bg-card);
-  color: var(--c-text-2);
-}
-.c-cron h2[data-v-d5df827f],
-.c-cron h3[data-v-d5df827f],
-.c-cron p[data-v-d5df827f] {
-  margin: 0;
-}
-.c-cron__header[data-v-d5df827f] {
-  padding: 24px;
-  border-bottom: 1px solid var(--c-border);
+  border-radius: 12px;
 }
-.c-cron__title-row[data-v-d5df827f] {
+.cron-field-editor__heading[data-v-ddf38d10] {
   display: flex;
-  flex-wrap: wrap;
-  align-items: center;
   justify-content: space-between;
-  gap: 16px;
-  margin-bottom: 20px;
-}
-.c-cron__title-row h2[data-v-d5df827f] {
-  margin-top: 8px;
-  font-size: 22px;
-  letter-spacing: -0.4px;
-  color: var(--c-text-1);
+  gap: 12px;
 }
-.c-cron__title-row p[data-v-d5df827f] {
-  margin-top: 6px;
+.cron-field-editor__heading strong[data-v-ddf38d10] {
   font-size: 13px;
+  color: var(--c-text-1);
 }
-.c-cron__eyebrow[data-v-d5df827f] {
-  color: var(--c-primary);
-  font: 600 10px ui-monospace, monospace;
-  letter-spacing: 2px;
-}
-.c-cron__workspace[data-v-d5df827f] {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
-}
-.c-cron__workspace--compact[data-v-d5df827f] {
-  grid-template-columns: minmax(0, 1fr);
-}
-.c-cron__editor[data-v-d5df827f] {
-  min-width: 0;
-  padding: 24px;
+.cron-field-editor__heading span[data-v-ddf38d10] {
+  color: var(--c-text-3);
+  font-size: 11px;
 }
-.c-cron__section-heading[data-v-d5df827f] {
+.cron-field-editor__modes[data-v-ddf38d10] {
   display: flex;
-  align-items: center;
-  gap: 12px;
-}
-.c-cron__section-heading h3[data-v-d5df827f] {
-  font-size: 15px;
-  color: var(--c-text-1);
+  flex-wrap: wrap;
+  gap: 6px;
+  margin: 16px 0;
 }
-.c-cron__section-heading p[data-v-d5df827f] {
-  margin-top: 4px;
+.cron-field-editor__modes button[data-v-ddf38d10] {
+  padding: 6px 12px;
+  border: 1px solid var(--c-border);
+  border-radius: 7px;
   font-size: 12px;
 }
-.c-cron__step[data-v-d5df827f] {
+.cron-field-editor__modes button[aria-pressed=true][data-v-ddf38d10] {
+  border-color: var(--c-primary);
+  background: color-mix(in srgb, var(--c-primary) 8%, transparent);
   color: var(--c-primary);
-  font: 600 12px ui-monospace, monospace;
 }
-.c-cron__segments[data-v-d5df827f] {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(68px, 1fr));
-  gap: 8px;
-  margin: 24px 0 20px;
-}
-.c-cron__segment[data-v-d5df827f] {
+.cron-field-editor button[data-v-ddf38d10] {
   appearance: none;
-  min-width: 0;
-  padding: 12px 8px;
-  text-align: center;
+  font: inherit;
+  color: var(--c-text-2);
   background: transparent;
-  border: 1px solid var(--c-border);
-  border-radius: 10px;
   cursor: pointer;
-  color: var(--c-text-2);
-}
-.c-cron__segment code[data-v-d5df827f] {
-  display: block;
-  margin-top: 6px;
-  font: 600 17px ui-monospace, monospace;
-  overflow-wrap: anywhere;
-}
-.c-cron__segment[data-v-d5df827f]:hover {
-  border-color: var(--c-primary);
 }
-.c-cron__segment[data-v-d5df827f]:focus-visible {
+.cron-field-editor button[data-v-ddf38d10]:focus-visible {
   outline: 2px solid var(--c-primary);
   outline-offset: 2px;
 }
-.c-cron__segment--active[data-v-d5df827f] {
-  background: color-mix(in srgb, var(--c-primary) 8%, transparent);
-  border-color: var(--c-primary);
-  color: var(--c-primary);
-}
-.c-cron__segment-label[data-v-d5df827f] {
-  font-size: 12px;
-}
-.c-cron__expression[data-v-d5df827f] {
-  margin-top: 24px;
-  padding-top: 20px;
-  border-top: 1px solid var(--c-border);
-}
-.c-cron__expression label[data-v-d5df827f] {
-  font-size: 12px;
-  font-weight: 600;
-  color: var(--c-text-1);
+.cron-field-editor button[data-v-ddf38d10]:disabled {
+  cursor: not-allowed;
+  opacity: 0.45;
 }
-.c-cron__expr-row[data-v-d5df827f] {
+.cron-field-editor__parameters[data-v-ddf38d10] {
   display: flex;
+  align-items: center;
+  flex-wrap: wrap;
   gap: 8px;
-  margin-top: 10px;
-}
-.c-cron__expr-row[data-v-d5df827f] input {
-  font-family: ui-monospace, monospace;
-}
-.c-cron__feedback[data-v-d5df827f] {
-  margin-top: 10px !important;
-  min-height: 22px;
+  min-height: 34px;
   font-size: 12px;
-  line-height: 1.7;
   color: var(--c-text-2);
 }
-.c-cron__feedback--error[data-v-d5df827f] {
-  color: var(--c-error);
-}
-@container cron-editor (max-width: 820px) {
-.c-cron__workspace[data-v-d5df827f] {
-    grid-template-columns: minmax(0, 1fr);
-}
-}
-@container cron-editor (max-width: 480px) {
-.c-cron__header[data-v-d5df827f],
-  .c-cron__editor[data-v-d5df827f] {
-    padding: 18px;
-}
-.c-cron__expr-row[data-v-d5df827f] {
-    flex-wrap: wrap;
-}
-.c-cron__expr-row[data-v-d5df827f] > :first-child {
-    flex-basis: 100%;
+.cron-field-editor__parameters[data-v-ddf38d10] .n-input-number {
+  width: 96px;
 }
+.cron-field-editor__parameters button[data-v-ddf38d10] {
+  border: 0;
+  font-size: 12px;
+  color: var(--c-primary);
 }
-/* unplugin-vue-components disabled */
-/* layer: default */
-.grid[data-v-d6c7e1be]{display:grid;}
-.flex[data-v-d6c7e1be]{display:flex;}
-.border[data-v-d6c7e1be]{border-width:1px;}
-.outline[data-v-d6c7e1be]{outline-style:solid;}
-.transition[data-v-d6c7e1be]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
-
-/* unplugin-vue-components disabled */.cron-templates__header[data-v-d6c7e1be] {
-  display: flex;
-  align-items: center;
+.cron-field-editor__grid[data-v-ddf38d10] {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(36px, 1fr));
   gap: 6px;
-  font-weight: 600;
-  font-size: 13px;
-  margin-bottom: 10px;
-  color: var(--c-text-1);
+  margin-top: 16px;
 }
-.cron-templates__cards[data-v-d6c7e1be] {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(min(100%, 180px), 1fr));
-  gap: 8px;
+.cron-field-editor__grid--week[data-v-ddf38d10] {
+  grid-template-columns: repeat(auto-fit, minmax(54px, 1fr));
 }
-.cron-templates__card[data-v-d6c7e1be] {
-  appearance: none;
-  font: inherit;
-  color: var(--c-text-1);
-  background: transparent;
-  text-align: left;
-  padding: 10px 12px;
-  border-radius: 8px;
+.cron-field-editor__cell[data-v-ddf38d10] {
   border: 1px solid var(--c-border);
-  cursor: pointer;
-  transition: all var(--c-transition, 0.2s ease);
-}
-.cron-templates__card[data-v-d6c7e1be]:focus-visible {
-  outline: 2px solid var(--c-primary);
-  outline-offset: 2px;
-}
-.cron-templates__card[data-v-d6c7e1be]:disabled {
-  cursor: not-allowed;
-  opacity: 0.6;
-}
-.cron-templates__card[data-v-d6c7e1be]:hover {
-  border-color: var(--c-primary);
-  background: color-mix(in srgb, var(--c-primary) 4%, transparent);
+  border-radius: 6px;
+  padding: 7px 3px;
+  font: 12px ui-monospace, monospace !important;
 }
-.cron-templates__card--active[data-v-d6c7e1be] {
+.cron-field-editor__cell[data-v-ddf38d10]:hover:enabled {
   border-color: var(--c-primary);
-  background: color-mix(in srgb, var(--c-primary) 8%, transparent);
 }
-.cron-templates__card-name[data-v-d6c7e1be] {
-  font-size: 13px;
-  font-weight: 500;
-  line-height: 1.4;
-}
-.cron-templates__card-description[data-v-d6c7e1be] {
-  margin-top: 4px;
-  font-size: 11px;
-  color: var(--c-text-2);
+.cron-field-editor__cell--on[data-v-ddf38d10] {
+  border-color: color-mix(in srgb, var(--c-primary) 25%, var(--c-border));
+  background: color-mix(in srgb, var(--c-primary) 7%, transparent);
+  color: var(--c-primary) !important;
 }
-.cron-templates__card-expr[data-v-d6c7e1be] {
-  font-family: "Courier New", Courier, monospace;
+.cron-field-editor__hint[data-v-ddf38d10] {
   font-size: 11px;
-  color: var(--c-text-4);
-  margin-top: 2px;
+  line-height: 1.7;
+  color: var(--c-text-3);
+  margin: 14px 0 0;
 }
-/* unplugin-vue-components disabled *//* 执行时间预览：只在组件作用域内使用主题变量。 */
+/* 执行时间预览：只在组件作用域内使用主题变量。 */
 .cron-preview[data-v-023ff119] {
   min-width: 0;
   padding: 24px;
@@ -506,100 +379,224 @@ to {
     border-top: 1px solid var(--c-border);
 }
 }
-/* unplugin-vue-components disabled *//* 字段规则控件：离散值可点选，模式与选择状态同步显示。 */
-.cron-field-editor[data-v-ddf38d10] {
-  padding: 18px;
+.cron-templates__header[data-v-d6c7e1be] {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-weight: 600;
+  font-size: 13px;
+  margin-bottom: 10px;
+  color: var(--c-text-1);
+}
+.cron-templates__cards[data-v-d6c7e1be] {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(min(100%, 180px), 1fr));
+  gap: 8px;
+}
+.cron-templates__card[data-v-d6c7e1be] {
+  appearance: none;
+  font: inherit;
+  color: var(--c-text-1);
+  background: transparent;
+  text-align: left;
+  padding: 10px 12px;
+  border-radius: 8px;
   border: 1px solid var(--c-border);
-  border-radius: 12px;
+  cursor: pointer;
+  transition: all var(--c-transition, 0.2s ease);
 }
-.cron-field-editor__heading[data-v-ddf38d10] {
-  display: flex;
-  justify-content: space-between;
-  gap: 12px;
+.cron-templates__card[data-v-d6c7e1be]:focus-visible {
+  outline: 2px solid var(--c-primary);
+  outline-offset: 2px;
 }
-.cron-field-editor__heading strong[data-v-ddf38d10] {
+.cron-templates__card[data-v-d6c7e1be]:disabled {
+  cursor: not-allowed;
+  opacity: 0.6;
+}
+.cron-templates__card[data-v-d6c7e1be]:hover {
+  border-color: var(--c-primary);
+  background: color-mix(in srgb, var(--c-primary) 4%, transparent);
+}
+.cron-templates__card--active[data-v-d6c7e1be] {
+  border-color: var(--c-primary);
+  background: color-mix(in srgb, var(--c-primary) 8%, transparent);
+}
+.cron-templates__card-name[data-v-d6c7e1be] {
   font-size: 13px;
-  color: var(--c-text-1);
+  font-weight: 500;
+  line-height: 1.4;
 }
-.cron-field-editor__heading span[data-v-ddf38d10] {
-  color: var(--c-text-3);
+.cron-templates__card-description[data-v-d6c7e1be] {
+  margin-top: 4px;
   font-size: 11px;
+  color: var(--c-text-2);
 }
-.cron-field-editor__modes[data-v-ddf38d10] {
+.cron-templates__card-expr[data-v-d6c7e1be] {
+  font-family: "Courier New", Courier, monospace;
+  font-size: 11px;
+  color: var(--c-text-4);
+  margin-top: 2px;
+}
+
+/* layer: default */
+.grid[data-v-d6c7e1be]{display:grid;}
+.flex[data-v-d6c7e1be]{display:flex;}
+.border[data-v-d6c7e1be]{border-width:1px;}
+.outline[data-v-d6c7e1be]{outline-style:solid;}
+.transition[data-v-d6c7e1be]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
+
+/* Cron 工作区：组件容器宽度决定布局，兼容页面、抽屉与表单。 */
+.c-cron[data-v-d5df827f] {
+  container: cron-editor/inline-size;
+  overflow: auto;
+  border: 1px solid var(--c-border);
+  border-radius: 16px;
+  background: var(--c-bg-card);
+  color: var(--c-text-2);
+}
+.c-cron h2[data-v-d5df827f],
+.c-cron h3[data-v-d5df827f],
+.c-cron p[data-v-d5df827f] {
+  margin: 0;
+}
+.c-cron__header[data-v-d5df827f] {
+  padding: 24px;
+  border-bottom: 1px solid var(--c-border);
+}
+.c-cron__title-row[data-v-d5df827f] {
   display: flex;
   flex-wrap: wrap;
-  gap: 6px;
-  margin: 16px 0;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  margin-bottom: 20px;
 }
-.cron-field-editor__modes button[data-v-ddf38d10] {
-  padding: 6px 12px;
-  border: 1px solid var(--c-border);
-  border-radius: 7px;
+.c-cron__title-row h2[data-v-d5df827f] {
+  margin-top: 8px;
+  font-size: 22px;
+  letter-spacing: -0.4px;
+  color: var(--c-text-1);
+}
+.c-cron__title-row p[data-v-d5df827f] {
+  margin-top: 6px;
+  font-size: 13px;
+}
+.c-cron__eyebrow[data-v-d5df827f] {
+  color: var(--c-primary);
+  font: 600 10px ui-monospace, monospace;
+  letter-spacing: 2px;
+}
+.c-cron__workspace[data-v-d5df827f] {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
+}
+.c-cron__workspace--compact[data-v-d5df827f] {
+  grid-template-columns: minmax(0, 1fr);
+}
+.c-cron__editor[data-v-d5df827f] {
+  min-width: 0;
+  padding: 24px;
+}
+.c-cron__section-heading[data-v-d5df827f] {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+.c-cron__section-heading h3[data-v-d5df827f] {
+  font-size: 15px;
+  color: var(--c-text-1);
+}
+.c-cron__section-heading p[data-v-d5df827f] {
+  margin-top: 4px;
   font-size: 12px;
 }
-.cron-field-editor__modes button[aria-pressed=true][data-v-ddf38d10] {
-  border-color: var(--c-primary);
-  background: color-mix(in srgb, var(--c-primary) 8%, transparent);
+.c-cron__step[data-v-d5df827f] {
   color: var(--c-primary);
+  font: 600 12px ui-monospace, monospace;
 }
-.cron-field-editor button[data-v-ddf38d10] {
+.c-cron__segments[data-v-d5df827f] {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(68px, 1fr));
+  gap: 8px;
+  margin: 24px 0 20px;
+}
+.c-cron__segment[data-v-d5df827f] {
   appearance: none;
-  font: inherit;
-  color: var(--c-text-2);
+  min-width: 0;
+  padding: 12px 8px;
+  text-align: center;
   background: transparent;
+  border: 1px solid var(--c-border);
+  border-radius: 10px;
   cursor: pointer;
+  color: var(--c-text-2);
 }
-.cron-field-editor button[data-v-ddf38d10]:focus-visible {
+.c-cron__segment code[data-v-d5df827f] {
+  display: block;
+  margin-top: 6px;
+  font: 600 17px ui-monospace, monospace;
+  overflow-wrap: anywhere;
+}
+.c-cron__segment[data-v-d5df827f]:hover {
+  border-color: var(--c-primary);
+}
+.c-cron__segment[data-v-d5df827f]:focus-visible {
   outline: 2px solid var(--c-primary);
   outline-offset: 2px;
 }
-.cron-field-editor button[data-v-ddf38d10]:disabled {
-  cursor: not-allowed;
-  opacity: 0.45;
+.c-cron__segment--active[data-v-d5df827f] {
+  background: color-mix(in srgb, var(--c-primary) 8%, transparent);
+  border-color: var(--c-primary);
+  color: var(--c-primary);
 }
-.cron-field-editor__parameters[data-v-ddf38d10] {
+.c-cron__segment-label[data-v-d5df827f] {
+  font-size: 12px;
+}
+.c-cron__expression[data-v-d5df827f] {
+  margin-top: 24px;
+  padding-top: 20px;
+  border-top: 1px solid var(--c-border);
+}
+.c-cron__expression label[data-v-d5df827f] {
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--c-text-1);
+}
+.c-cron__expr-row[data-v-d5df827f] {
   display: flex;
-  align-items: center;
-  flex-wrap: wrap;
   gap: 8px;
-  min-height: 34px;
+  margin-top: 10px;
+}
+.c-cron__expr-row[data-v-d5df827f] input {
+  font-family: ui-monospace, monospace;
+}
+.c-cron__feedback[data-v-d5df827f] {
+  margin-top: 10px !important;
+  min-height: 22px;
   font-size: 12px;
+  line-height: 1.7;
   color: var(--c-text-2);
 }
-.cron-field-editor__parameters[data-v-ddf38d10] .n-input-number {
-  width: 96px;
+.c-cron__feedback--error[data-v-d5df827f] {
+  color: var(--c-error);
 }
-.cron-field-editor__parameters button[data-v-ddf38d10] {
-  border: 0;
-  font-size: 12px;
-  color: var(--c-primary);
+@container cron-editor (max-width: 820px) {
+.c-cron__workspace[data-v-d5df827f] {
+    grid-template-columns: minmax(0, 1fr);
 }
-.cron-field-editor__grid[data-v-ddf38d10] {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(36px, 1fr));
-  gap: 6px;
-  margin-top: 16px;
 }
-.cron-field-editor__grid--week[data-v-ddf38d10] {
-  grid-template-columns: repeat(auto-fit, minmax(54px, 1fr));
+@container cron-editor (max-width: 480px) {
+.c-cron__header[data-v-d5df827f],
+  .c-cron__editor[data-v-d5df827f] {
+    padding: 18px;
 }
-.cron-field-editor__cell[data-v-ddf38d10] {
-  border: 1px solid var(--c-border);
-  border-radius: 6px;
-  padding: 7px 3px;
-  font: 12px ui-monospace, monospace !important;
+.c-cron__expr-row[data-v-d5df827f] {
+    flex-wrap: wrap;
 }
-.cron-field-editor__cell[data-v-ddf38d10]:hover:enabled {
-  border-color: var(--c-primary);
+.c-cron__expr-row[data-v-d5df827f] > :first-child {
+    flex-basis: 100%;
 }
-.cron-field-editor__cell--on[data-v-ddf38d10] {
-  border-color: color-mix(in srgb, var(--c-primary) 25%, var(--c-border));
-  background: color-mix(in srgb, var(--c-primary) 7%, transparent);
-  color: var(--c-primary) !important;
 }
-.cron-field-editor__hint[data-v-ddf38d10] {
-  font-size: 11px;
-  line-height: 1.7;
-  color: var(--c-text-3);
-  margin: 14px 0 0;
-}
+
+/* layer: default */
+.px[data-v-d5df827f]{padding-left:1rem;padding-right:1rem;}