/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/*************************************
  初始化样式
**************************************/
html {
  width: 100%;
  height: 100%;
  font-size: 62.5%;
  /* 10px */
}
html,
body,
div,
span,
applet,
object,
iframe,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
input,
textarea,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  vertical-align: baseline;
  outline: 0;
  box-sizing: border-box;
  color: inherit;
}
ul,
li,
dl,
dd,
form,
p,
span,
select,
input,
textarea {
  padding: 0;
  margin: 0;
  list-style: none;
}
li {
  list-style-type: none;
}
img {
  border: 0;
}
a {
  color: #195cb5;
  text-decoration: none;
}
input,
select,
button,
textarea {
  outline: none;
  border: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  line-height: normal;
}
h1 {
  font-size: 3.2rem;
}
/* 32px */
h2 {
  font-size: 2.8rem;
}
/* 28px */
h3 {
  font-size: 2.4rem;
}
/* 24px */
h4 {
  font-size: 2rem;
}
/* 20px */
h5 {
  font-size: 1.6rem;
}
/* 16px */
h6 {
  font-size: 1.4rem;
}
/* 14px */
/*
h1 { font-size: 2.8rem; }
h2 { font-size: 2.4rem; }
h3 { font-size: 2.0rem; }
h4 { font-size: 1.8rem; }
h5 { font-size: 1.6rem; }
h6 { font-size: 1.4rem; }
*/
/*
@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../fontawesome-6.7.2/webfonts/fa-solid-900.woff2");
  src: url("../fontawesome-6.7.2/webfonts/fa-regular-400.woff2");
  src: url("../fontawesome-6.7.2/webfonts/fa-brands-400.woff2");
}
  */
[tabindex="-1"]:focus {
  outline: none !important;
  /* 移除轮廓线 */
  box-shadow: none !important;
  /* 移除阴影（如有） */
}
/* 设置所有输入框的placeholder颜色 */
::placeholder {
  color: var(--placeholder-color);
}
/* 针对不同浏览器的前缀 */
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: var(--placeholder-color);
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: var(--placeholder-color);
}
:-ms-input-placeholder {
  /* IE 10+ */
  color: var(--placeholder-color);
}
:-moz-placeholder {
  /* Firefox 18- */
  color: var(--placeholder-color);
}
/*
:root{  
  --marked_color:#D00000;
  --prominent_color:#0000b0;
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #FFF;
  --gray: #5f636f;
  --gray-dark: #1F2937;  
  --copyright-custom: rgba(0, 0, 0, 0.15);
  --copyright: ;
  --footer-custom: ;
  --footer: #383E45;
  --header-boxed-custom: #E9ECEF;
  --header-boxed: ;
  --menu-border-color: ;
  --menu-custom: ;
  --menu: #FFFFFF;
  --body: white;
  --o-color-5: #383E45;
  --o-color-4: #FFFFFF;
  --o-color-3: #F6F6F6;
  --o-color-2: #685563;
  --o-color-1: #35979c;
  --gray-100: #F9FAFB;
  --gray-200: #e7e9ed;
  --gray-300: #d8dadd;
  --gray-400: #9a9ca5;
  --gray-500: #7c7f89;
  --gray-600: #5f636f;
  --gray-700: #374151;
  --gray-800: #1F2937;
  --gray-900: #111827;
  --gray-white-85: rgba(255, 255, 255, 0.85);
  --gray-white-75: rgba(255, 255, 255, 0.75);
  --gray-white-50: rgba(255, 255, 255, 0.5);
  --gray-white-25: rgba(255, 255, 255, 0.25);
  --gray-black-75: rgba(0, 0, 0, 0.75);
  --gray-black-50: rgba(0, 0, 0, 0.5);
  --gray-black-25: rgba(0, 0, 0, 0.25);
  --gray-black-15: rgba(0, 0, 0, 0.15);
  --primary: #714B67;
  --secondary: #d8dadd;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #e99d00;
  --danger: #d44c59;
  --light: #FFF;
  --dark: #111827;
  --primary-rgb: 113, 75, 103;
  --secondary-rgb: 216, 218, 221;
  --success-rgb: 40, 167, 69;
  --info-rgb: 23, 162, 184;
  --warning-rgb: 233, 157, 0;
  --danger-rgb: 212, 76, 89;
  --light-rgb: 255, 255, 255;
  --dark-rgb: 17, 24, 39;
  --white-rgb: 255, 255, 255;
  --black-rgb: 0, 0, 0;
  --body-color-rgb: 55, 65, 81;
  --body-bg-rgb: 249, 250, 251;
  --font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, "Noto Sans", Arial, "Odoo Unicode Support Noto", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --body-font-family: var(--font-sans-serif);
  --body-font-size: 0.875rem;
  --body-font-weight: 400;
  --body-line-height: 1.5;
  --body-color: #374151;
  --body-bg: #F9FAFB;
  --favorite-color-1:#FFCC00;
  --favorite-color-2:#2e8b57;
  --favorite-color-3:#00a0b0;
  --favorite-color-4:#FF6347;
  --favorite-color-5:rgb(153,0,51);  
  --favorite-color-6:#002FA7;
  --favorite-color-7:#664228;
  --favorite-color-8:rgb(97,133,244);
  --favorite-color-9:#2474B5;
  --favorite-color-11:#F9DC24;
  --favorite-color-12:#12AA9C;
  --favorite-color-13:#003153;
  --favorite-color-14:#61649F;
  --favorite-color-15:#15559A;
  --favorite-color-16:rgb(140,21,21);
}

:root{  
  --100: #F9FAFB;
  --200: #e7e9ed;
  --300: #d8dadd;
  --400: #9a9ca5;
  --500: #7c7f89;
  --600: #5f636f;
  --700: #374151;
  --800: #1F2937;
  --900: #111827;
  --white-85: rgba(255, 255, 255, 0.85);
  --white-75: rgba(255, 255, 255, 0.75);
  --white-50: rgba(255, 255, 255, 0.5);
  --white-25: rgba(255, 255, 255, 0.25);
  --black-75: rgba(0, 0, 0, 0.75);
  --black-50: rgba(0, 0, 0, 0.5);
  --black-25: rgba(0, 0, 0, 0.25);
  --black-15: rgba(0, 0, 0, 0.15);
  --o-cc1-text: #000;
  --o-cc1-headings: #000;
  --o-cc1-h2: #000;
  --o-cc1-h3: #000;
  --o-cc1-h4: #000;
  --o-cc1-h5: #000;
  --o-cc1-h6: #000;
  --o-cc1-link: #65435c;
  --o-cc1-btn-primary: #714B67;
  --o-cc1-btn-primary-text: #FFF;
  --o-cc1-btn-primary-border: #714B67;
  --o-cc1-btn-secondary: #d8dadd;
  --o-cc1-btn-secondary-text: #000;
  --o-cc1-btn-secondary-border: #d8dadd;
  --o-cc2-text: #000;
  --o-cc2-h2: #35979c;
  --o-cc2-h3: #35979c;
  --o-cc2-h4: #35979c;
  --o-cc2-h5: #35979c;
  --o-cc2-h6: #35979c;
  --o-cc2-link: #5c3d53;
  --o-cc2-btn-primary: #714B67;
  --o-cc2-btn-primary-text: #FFF;
  --o-cc2-btn-primary-border: #714B67;
  --o-cc2-btn-secondary: #d8dadd;
  --o-cc2-btn-secondary-text: #000;
  --o-cc2-btn-secondary-border: #d8dadd;
  --o-cc3-text: #FFF;
  --o-cc3-headings: #FFF;
  --o-cc3-h2: #FFF;
  --o-cc3-h3: #FFF;
  --o-cc3-h4: #FFF;
  --o-cc3-h5: #FFF;
  --o-cc3-h6: #FFF;
  --o-cc3-link: #432c3d;
  --o-cc3-btn-primary: #714B67;
  --o-cc3-btn-primary-text: #FFF;
  --o-cc3-btn-primary-border: #714B67;
  --o-cc3-btn-secondary-text: #000;
  --o-cc3-btn-secondary-border: #F6F6F6;
  --o-cc4-text: #FFF;
  --o-cc4-headings: #FFF;
  --o-cc4-h2: #FFF;
  --o-cc4-h3: #FFF;
  --o-cc4-h4: #FFF;
  --o-cc4-h5: #FFF;
  --o-cc4-h6: #FFF;
  --o-cc4-link: #16181b;
  --o-cc4-btn-primary-text: #FFF;
  --o-cc4-btn-primary-border: #383E45;
  --o-cc4-btn-secondary-text: #000;
  --o-cc4-btn-secondary-border: #F6F6F6;
  --o-cc5-text: #FFF;
  --o-cc5-h2: #FFFFFF;
  --o-cc5-h3: #FFFFFF;
  --o-cc5-h4: #FFFFFF;
  --o-cc5-h5: #FFFFFF;
  --o-cc5-h6: #FFFFFF;
  --o-cc5-link: #9d6b90;
  --o-cc5-btn-primary: #714B67;
  --o-cc5-btn-primary-text: #FFF;
  --o-cc5-btn-primary-border: #714B67;
  --o-cc5-btn-secondary-text: #000;
  --o-cc5-btn-secondary-border: #F6F6F6;
  --o-grid-gutter-width: 32px;
  --o-md-container-max-width: 720px;
  --o-we-content-to-translate-color: rgba(255, 255, 90, 0.5);
  --o-we-translated-content-color: rgba(120, 215, 110, 0.5);
  --o-system-fonts: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Ubuntu, "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";  
}
*/
:root {
  --50: #F0FCFF;
  --100: #E6FAFE;
  --200: #D7F8FE;
  --300: #C3F4FD;
  --400: #A5EEFD;
  --500: #7EE7FC;
  --600: #06B7DB;
  --700: #09AACD;
  --800: #0E8AAA;
  --900: #053B48;
  --primary: #00a4ff;
  --primary-hover: #008fe0;
  --primary-light: #e8f7ff;
  --primary-border: #8bd8ff;
  --primary-text: #0076b8;
  --primary-2: #165dff;
  --secondary: #d8dadd;
  --success: #17c964;
  --error: #f5222d;
  --info: #17a2b8;
  --muted: #667589;
  --disabled: #7c7f89;
  --disabled-bg: #f8fafc;
  --ok: #247344;
  --warn: #9a650f;
  --warning: #f5a524;
  --danger: #f31260;
  --white: "#FFFFFF";
  --black: "#000000";
  --focus: #00a4ff;
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --gray: #74748A;
  --dark-gray: #a9a9a9;
  /*深灰色*/
  --dim-gray: #696969;
  /*暗灰色*/
  --dark: #333;
  --gray-555: #555;
  --gray-100: #F9FAFB;
  --gray-200: #e8ecf6;
  --gray-300: #d8dadd;
  --gray-400: #9a9ca5;
  --gray-500: #7c7f89;
  --gray-600: #5f636f;
  --gray-700: #374151;
  --gray-800: #1F2937;
  --gray-900: #111827;
  --body-color: #374151;
  --mark-color: #D00000;
  --link-color: #0073E6;
  --list-bg-color: #F9FAFB;
  --list-title-bg-color: #c0ddff;
  --list-title-bg-color-2: #e3f0ff;
  --list-item-sel-bg-color: #e6f2f3;
  --breadcrumb-last-color: #007FFF;
  --bg: #ffffff;
  /*背景颜色：#F4F4F4*/
  --bg-gray: #f4f4f4;
  /*背景颜色：#F4F4F4*/
  --bg-gray-2: #fafbfc;
  --bg-gray-3: #F5F7FA;
  --head-bg: #f8fafc;
  --main-bg: #fafafa;
  --text-color: #1f2937;
  --text: #333;
  --text-secondary: #666;
  --text-color-2: #374151;
  --primary-light: #E8F3FF;
  /* 主题浅蓝（选中背景） */
  --text-main: #4E5969;
  /* 主要文字（默认） */
  --text-dark: #272E3B;
  /* 深色文字 */
  --bg-hover: #F5F7FA;
  /* hover背景 */
  --bg-main: #F5F7FA;
  /* 主背景 */
  --bg-card: #ffffff;
  /* 卡片背景 */
  --input-focus-border-color: #409EFF;
  --main-menu-width: 220px;
  --main-menu-bg: #fafafa;
  --main-menu-border-color: #e5e5e5;
  --main-menu-left-title-color: #0371ab;
  --main-menu-color: #0371ab;
  --border-color: #e8e8e8;
  --border-color-2: #D8DADD;
  --border-color-dark: #D8DADD;
  --light-border-color: #e8e8e8;
  --border-light-color: #f0f0f0;
  --mark-border-color: #1890ff;
  --popup-bg: #fff;
  --popup-item-hover-bg: #ececec;
  --dlg-width: 680px;
  --title-color: #111827;
  --title-color-2: #555;
  --error-color-1: #FF0000;
  --error-color-2: #FF4500;
  --error-color-3: #AA0000;
  --error-color-4: #FFA500;
  --icon-color: #555;
  --placeholder-color: #999;
  --home-item-bg: #fff;
  --menu-bg: #e0e0e0;
  --menu-item-height: 46px;
  --menu-item-bg: #fff;
  --menu-item-hover-bg: #fafafa;
  --menu-item-hover-text-color: #333;
  --menu-active-text-color: #017ffd;
  --submenu-hover-bg: #ececec;
  --submenu-hover-text-color: #333;
  --control-height: 2rem;
  --top-header-height: 42px;
  --top-header-bg: #2b6a9a;
  --top-header-text-color: #ececec;
  --navbar-height: 40px;
  --navbar-bg: #ffffff;
  --navbar-text-color: #555;
  --navbar-right-text-color: #000;
  --navbar-page-active-color: #00a4ff;
  --navbar-page-hover-bg: #ececec;
  --navbar-font-size: 1.6rem;
  --navbar-font-weight: 600;
  --toolbar-height: 60px;
  --toolbar-small-height: 40px;
  --toolbar-bg: #fff;
  --tool-button-bg: #e7e9ed;
  --tool-button-color: #555;
  --tool-button-hover-bg: #ccc;
  --tool-button-font-weight: 600;
  --tool-button-font-size: 0.96rem;
  --progress-bar-bg: #e0e0e0;
  --tab-bar-bg: #ffffff;
  --tab-header-bg: #fff;
  /*背景颜色：#F4F4F4*/
  --tab-content-bg: #fff;
  --tab-sel-bottom-color: #00A4FF;
  --tab-sel-text-color: #00A4FF;
  --tab-close-icon-color: #888888;
  --tab-header-height: 3rem;
  --tab-button-color: #1890ff;
  --title-font-size: 1.6rem;
  --title-bar-height: 40px;
  --checkbox-border-color: #555;
  --checkbox-size: 14px;
  --checkbox-focus-border-color: #91caff;
  --focus-border-color: #91caff;
  --button-bg: #1890ff;
  --button-bg-2: #1e40af;
  --button-bg-3: #165dff;
  --button-hover-bg: #409EFF;
  --button-text-color: #fff;
  --button-disabled-bg: #f0f0f0;
  --button-font-size: 1.4rem;
  --button-font-weight: 600;
  --cancel-color: #ddd;
  --text-button-color: #3b82f6;
  /* 清新蓝色 */
  --text-button-hover-color: #1e3a8a;
  /* 深蓝悬停 */
  --text-button-active-color: #1e3a8a;
  --text-button-font-size: 1.5rem;
  --text-button-font-weight: 500;
  --text-button-hover-bg: #ececec;
  --text-button-disabled-color: #808080;
  --text-button-disabled-hover-bg: #d3d3d3;
  --text-button-disabled-hover-color: #444;
  --print-button-color: #fff;
  --print-button-bg: #0bad6e;
  --print-button-hover-bg: #0dc87d;
  --solid-button-color: #e8ebed;
  --solid-button-border-color: #c4ced7;
  --indicator-color: #555;
  --selected-bg: #bae7ff;
  --select-item-hover-bg: #ececec;
  --bg-selected: #f0f8ff;
  --border-color-selected: #1890ff;
  --select-cur-bg: #c0e9fe;
  --select-hover-bg: #ececec;
  --table-bg: #fff;
  --table-header-bg: #fafafa;
  --table-header-height: 3.2rem;
  --table-header-font-size: 1.4rem;
  --table-line-color: #e9e9e9;
  --table-sel-row-bg: #d1e4f5;
  --table-cur-row-bg: #c0e9fe;
  --table-sel-row-color: #00A4FF;
  --table-row-hover-bg: #f1f1f1;
  --dividerWeight: "1px";
  --disabledOpacity: 0.5;
  --form-width: 1200px;
  --form-bg: #fff;
  --form-toolbar-height: 3.6rem;
  --form-input-focus-border-color: #409EFF;
  --form-field-title-color: #2d3748;
  --form-field-title-color-light: #6b7280;
  --form-field-title-font-size: 1.4rem;
  --form-field-title-font-weight: 500;
  --form-field-value-font-size: 1.4rem;
  --form-field-value-font-weight: 600;
  --form-field-value-color: #1E40AF;
  --form-field-value-light-color: #666;
  --form-font-weight: 400;
  --form-font-size: 1.5rem;
  --form-border-color: #f0f0f0;
  --form-focus-border-color: #27b1fc;
  --form-input-padding-left: 4px;
  --form-row-height: 4rem;
  --form-row-margin-top: 10px;
  --form-button-bg: #e7e9ed;
  --table-row-form-bg: #f0f5f8;
  --table-form-field-border-color: #e0e0e0;
  --tree-background-color: #fff;
  --main-font-size: 1.5rem;
  --font-size-tiny: 1.2rem;
  --font-size-small: 1.4rem;
  --font-size-medium: 1.6rem;
  --font-size-large: 1.8rem;
  --font-size-extra-large: 1.9rem;
  /* 超大字体 */
  --line-height-tiny: 1.6rem;
  --line-height-small: 1.8rem;
  --line-height-medium: 2.4rem;
  --line-height-large: 2.8rem;
  --radius-small: "8px";
  --radius-medium: "12px";
  --radius-large: "14px";
  --border-width-small: "1px";
  --border-width-medium: "2px";
  --border-width-large: "3px";
  --picker-cell-hover-bg: #f4f4f4;
  /*背景颜色：#F4F4F4*/
  --picker-cell-sel-color: #00A4FF;
  --pickerTitleHeight: 4.5rem;
  --pickerCellWidth: 3.2rem;
  --pickerCellHeight: 3.2rem;
  --page-header-height: 40px;
  --page-content-bg: #f0f2f5;
  --box-shadow-small: "0px 0px 5px 0px rgb(0 0 0 / 0.02), 0px 2px 10px 0px rgb(0 0 0 / 0.06), 0px 0px 1px 0px rgb(0 0 0 / 0.3)";
  --box-shadow-medium: "0px 0px 15px 0px rgb(0 0 0 / 0.03), 0px 2px 30px 0px rgb(0 0 0 / 0.08), 0px 0px 1px 0px rgb(0 0 0 / 0.3)";
  --box-shadow-large: "0px 0px 30px 0px rgb(0 0 0 / 0.04), 0px 30px 60px 0px rgb(0 0 0 / 0.12), 0px 0px 1px 0px rgb(0 0 0 / 0.3)";
  --shadow-sm: 0 2px 8px rgba(0, 164, 255, 0.08);
  --shadow-md: 0 8px 20px rgba(0, 164, 255, 0.12);
  --favorite-color-1: #FFCC00;
  --favorite-color-2: #2e8b57;
  --favorite-color-3: #00a0b0;
  --favorite-color-4: #FF6347;
  --favorite-color-5: #990033;
  --favorite-color-6: #002FA7;
  --favorite-color-7: #664228;
  --favorite-color-8: #6185f4;
  --favorite-color-9: #2474B5;
  --favorite-color-11: #F9DC24;
  --favorite-color-12: #12AA9C;
  --favorite-color-13: #003153;
  --favorite-color-14: #61649F;
  --favorite-color-15: #15559A;
  --favorite-color-16: #8c1515;
  --backcolorLightRedBlue: #ecefff;
  --c1: #F5F5F5;
  --c2: #87CEEB;
  --c3: #98FF98;
  --c4: #FFB6C1;
  --c5: #FFFACD;
  --c6: #E6E6FA;
  --c7: #FF7F50;
  --c8: #48D1CC;
  --c9: #FFEBCD;
  --c10: #E6E6FA;
  --c11: #FFDAB9;
  --c12: #E0FFFF;
  --c13: #F0F0F0;
  --c14: #F0E68C;
  --c15: #E0FFFF;
  --s1: #000080;
  --s2: #2F4F4F;
  --s3: #4B0082;
  --s4: #8B4513;
  --s5: #191970;
  --s6: #696969;
  --s7: #8B0000;
  --s8: #556B2F;
  --s9: #483D8B;
  --s10: #006400;
  --s10d: #044704;
  --s11: #008080;
  --s12: #B8860B;
  --s13: #191970;
  --s14: #2F4F4F;
  --s15: #8B0000;
  --116: #556B2F;
  --s17: #483D8B;
  --s18: #232B2B;
  --s19: #2F4F4F;
  --s20: #008080;
  --s21: #8B4513;
  --s22: #9400D3;
  --s23: #671259;
  --s24: #420c39;
  --bg-opacity: 1;
  --text-opacity: 1;
  /* 全局字体栈 - 兼顾中西文和多系统兼容 */
  --system-font-family: -apple-system, BlinkMacSystemFont, 'Inter',"Segoe UI", "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB",  "Noto Sans CJK SC", Arial,sans-serif;
}
:root.dark {
  --box-shadow-small: "0px 0px 5px 0px rgb(0 0 0 / 0.05), 0px 2px 10px 0px rgb(0 0 0 / 0.2), inset 0px 0px 1px 0px rgb(255 255 255 / 0.15)";
  --box-shadow-medium: "0px 0px 15px 0px rgb(0 0 0 / 0.06), 0px 2px 30px 0px rgb(0 0 0 / 0.22), inset 0px 0px 1px 0px rgb(255 255 255 / 0.15)";
  --box-shadow-large: "0px 0px 30px 0px rgb(0 0 0 / 0.07), 0px 30px 60px 0px rgb(0 0 0 / 0.26), inset 0px 0px 1px 0px rgb(255 255 255 / 0.15)";
}
.k-status {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 1.2rem;
  line-height: 1;
}
.k-status-color-1 {
  color: #fff;
  background: #fd7e14;
}
.k-status-color-2 {
  color: #fff;
  background: #28a745;
}
.k-status-color-3 {
  color: #fff;
  background: #2196F3;
}
.k-status-color-4 {
  color: #fff;
  background: #db8400;
}
.k-status-color-5 {
  color: #fff;
  background: #808080;
}
.k-status-color-6 {
  color: #fff;
  background: #06B6D4;
}
.k-status-color-7 {
  color: #fff;
  background: #FF5722;
}
.k-status-color-8 {
  color: #fff;
  background: #9400D3;
}
.k-status-color-9 {
  color: #fff;
  background: #1E40AF;
}
.k-status-color-10 {
  color: #333;
  background: #FFEB3B;
}
.k-status-color-11 {
  color: #fff;
  background: #14B8A6;
}
.k-status-color-12 {
  color: #333;
  background: #FEFFCC;
}
body {
  /* 强制使用我们自己定义的 Inter 字体 */
  font-family: var(--system-font-family);
  /* 将我们自己的字体放在最前面，以确保优先使用 */
  width: 100%;
  height: 100%;
  font-size: 1.4rem;
  line-height: 1.5;
  color: var(--text-color);
  /* 关键：收紧字符间距 */
  letter-spacing: -0.02em;
  /* 您可以调整这个数值，例如 -0.01em, -0.03em */
}
/* 针对WebKit内核的浏览器 (如 Chrome, Safari, 新Edge) */
::-webkit-input-placeholder {
  font-family: var(--system-font-family);
}
/* 针对 Mozilla Firefox 4 到 18 */
:-moz-placeholder {
  font-family: var(--system-font-family);
  opacity: 1;
  /* Firefox 旧版本需要设置不透明度才能正确显示颜色 */
}
/* 针对 Mozilla Firefox 19+ */
::-moz-placeholder {
  font-family: var(--system-font-family);
  opacity: 1;
  /* Firefox 中确保颜色完全显示 */
}
/* 针对 Internet Explorer 10-11 */
:-ms-input-placeholder {
  font-family: var(--system-font-family);
}
/* 标准语法 */
::placeholder {
  font-family: var(--system-font-family);
}
input {
  /* 不设置固定高度，完全由内容和内边距决定 */
  line-height: 1.5;
  /* 14px * 1.5 = 21px */
  /* 总高度 = 21px + 10px*2 = 41px */
  box-sizing: border-box;
  /* 不设置 height */
}
.fa {
  color: inherit !important;
}
/* 主标题样式 */
.k-app-title {
  font-size: 2.8rem;
  /* 设置一个较大的字号 */
  font-weight: 600;
  /* 设置为半粗体或粗体 */
  color: #333;
  /* 设置深色 */
  margin-bottom: 1rem;
  /* 与副标题保持距离 */
  letter-spacing: -0.02em;
  /* 如果使用 Noto Sans SC，可以收紧间距 */
}
/* 副标题/公司信息样式 */
.k-tenant-name {
  font-size: 1.5rem;
  /* 设置一个较小的字号 */
  color: #999;
  /* 设置浅灰色 */
  font-weight: normal;
  /* 保持常规字重 */
}
.k-date input,
.k-datetime input,
.k-number input,
.k-amount input,
.k-decimal input,
.k-code input {
  font-family: Arial, "Segoe UI", "Microsoft YaHei UI", sans-serif;
  font-variant-numeric: tabular-nums;
}
/* 代码/编号专用样式 */
.k-code-display input {
  font-family: Consolas, "Courier New", monospace;
}
.k-sub-title {
  font-size: 1.3rem;
  font-weight: 400;
  margin-bottom: 0.5rem;
  color: #6b7280;
}
.k-sub-info {
  font-size: 1.2rem;
  color: #64748b;
  margin-top: 12px;
}
.k-between {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
/* 通用：均分等宽 + 横向靠左排列 */
.k-flex-equal {
  display: flex;
  flex-direction: row;
  gap: 12px;
  /* 子元素之间的间距，可自由修改 */
  width: 100%;
}
.k-flex-equal > * {
  flex: 1;
  /* 核心：所有子元素宽度均分 */
  min-width: 0;
  /* 防止内容溢出变形 */
}
.k-flex-gap {
  display: flex;
  flex-direction: row;
  gap: 24px;
}
#kid_main_screen {
  display: none;
  width: 100%;
  height: 100%;
  font-size: 1.6rem;
  overflow: hidden;
  flex-direction: column;
  background-color: var(--main-bg);
}
#kid_menu {
  width: var(--main-menu-width);
  height: 100%;
  background-color: var(--main-menu-bg);
  border-right: 1px solid var(--main-menu-border-color);
  position: relative;
  display: none;
  flex-direction: column;
  box-sizing: border-box;
}
.k-content-wrapper {
  width: 100%;
  height: calc(100% - var(--navbar-height));
  display: flex;
  flex-direction: row;
  overflow: hidden;
  position: relative;
}
#kid_content {
  width: 100%;
  flex: 1;
  overflow: hidden;
}
#kid_content .k-page {
  flex: 1;
  overflow: hidden;
  display: none;
}
#kid_content .k-page.kcs-active {
  display: flex;
}
.text-start {
  text-align: left !important;
}
.text-center {
  text-align: center !important;
}
.text-end {
  text-align: right !important;
}
.k-v-divider {
  margin: 0 8px;
  height: 1rem;
  padding: 2px 0;
  width: 1px;
  position: relative;
}
.k-divider {
  background-color: #e9e9e9;
}
.k-h-line {
  width: 100%;
  height: 1px;
  background-color: #e9e9e9;
  margin: 8px 0px;
  /*
  &::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 24px;
    height: 24px;
    background-color: #e9e9e9;
    border-radius: 50%;
  }
    */
}
#kid_print_frame {
  display: none;
}
#kid_baidu_map {
  width: 100%;
  height: 100%;
}
.k-error {
  color: var(--error-color-1);
  font-size: 1.5rem;
  margin-top: 4px;
  margin-bottom: 4px;
}
/**********************
  登录窗口样式
**********************/
#kid_login_page {
  width: 100%;
  height: 100%;
  padding-top: 120px;
  display: block;
  text-align: center;
}
#kid_login_page h2 {
  color: #111111;
}
#kid_login_page h6 {
  color: #a0a0a0;
  letter-spacing: 0;
  margin: 24px 0;
}
#kid_login_page .k-input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 30px 0 0 0;
  list-style: none;
  position: relative;
  display: inline-block;
  padding: 4px 11px;
  width: 360px;
  height: 40px;
  font-size: 1.6rem;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.65);
  border: 1px solid var(--border-color);
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#kid_login_page .k-input:focus {
  outline: none;
  border: 1px solid var(--button-bg);
}
#kid_login_page #kid_login_error {
  margin-top: 24px;
}
#kid_login_button {
  cursor: pointer;
  padding: 0 15px;
  font-size: 1.8rem;
  height: 40px;
  width: 360px;
  margin-top: 30px;
  color: #fff;
  border-width: 0;
  background-color: var(--button-bg);
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#kid_input_in_time {
  display: none;
  z-index: 100;
}
#kid_input_out_time {
  display: none;
  z-index: 100;
}
/***********************************
 主色：@mainColor;
 背景颜色：#F4F4F4
***********************************/
/**********************
  主窗口窗口样式
**********************/
.fa {
  color: #555;
}
/*
#2e8b57 马尔斯绿 
马尔斯绿在设计中的应用非常广泛。由于它的自然和平静的感觉，它被广泛用于产品和品牌的标识，特别是那些与环保、可持续性和自然主题有关的品牌。另外，马尔斯绿在植物、森林和大自然的摄影中也是一种常见的色调。

#00a0b0 蒂芙尼蓝
蒂芙尼蓝常常被用作一种高档、时尚的颜色。它被广泛用于品牌标识、网站设计、名片和产品包装等方面。这种颜色的使用可以给人一种典雅、优雅和精致的印象，特别适合那些高端和时尚品牌。

#FF6347 提香红
提香红被认为是一种非常热情和活力的颜色。它饱和度极高，可以让人产生强烈的视觉冲击。在设计中，提香红常常被用作强调和突出重点的颜色，例如在广告和标志设计中。

 rgb(153,0,51) 勃艮第红
 在设计中，勃艮第红常用于营造高端和优雅的品牌形象，如葡萄酒、化妆品、珠宝等。同时，在服装设计中也常被运用，为服装增添了一份华贵感。
 
rgb(140,21,21) 波尔多红
在设计中，波尔多红常用于传达品质和优雅的形象，尤其在高端品牌的设计中使用较多，如葡萄酒、香水、珠宝等。同时，在室内装饰中，波尔多红也是一种很受欢迎的颜色，可以为房间带来一份浪漫和优雅。

#002FA7 克莱因蓝 
在设计中，克莱因蓝通常用于高端品牌或艺术品的设计中，尤其适合用于传达现代感和科技感。

#664228 凡戴克棕 
在设计中，凡戴克棕通常被用于制作传统和古典风格的产品和印刷品，如家具、书籍和传统工艺品等。

#003153 
普鲁士蓝经常用于描绘深海和夜空等自然元素。它还常常被用于品牌标识和产品包装，尤其是那些想要传达稳重和专业性的品牌。这种颜色还可以通过与其他色彩的组合来营造出不同的氛围和风格。
#F9DC24
申布伦黄的应用范围广泛，尤其在绘画和艺术品创作中被广泛使用。这种颜色可以用于表现阳光明媚的自然景观和色彩丰富的静物。在室内设计中，申布伦黄也被用于创造温暖和明亮的氛围。

*/
/*======== 定义变量===========*/
.element {
  background: linear-gradient(to right, #ff7e5f, #feb47b);
  /* 从左到右的渐变，您可以调整颜色和方向 */
}
.element {
  background: radial-gradient(circle at center, #FFDD00 0%, #FF9900 100%);
  /* 从中心向外的圆形渐变 */
}
/* 向下箭头 */
.k-icon-down::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-style: solid;
  border-width: 0 5px 10px 5px;
  border-color: transparent transparent #000 transparent;
}
/* 向上箭头 */
.k-icon-up::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(180deg);
  border-style: solid;
  border-width: 0 5px 10px 5px;
  border-color: transparent #000 transparent transparent;
}
.k-page {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.k-page .k-page-frame {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.k-page .k-page-header {
  font-size: var(--main-font-size);
  background-color: var(--bg);
  line-height: var(--page-header-height);
}
.k-page .k-page-content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: var(--page-content-bg);
}
.k-page .k-page-content .k-sheet {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.k-column-1 {
  width: 100% !important;
}
.k-column-2 {
  width: 50% !important;
}
.k-column-3 {
  width: 33.33% !important;
}
.k-column-3-2 {
  width: 66.66% !important;
}
.k-column-4 {
  width: 25% !important;
}
.k-column-5 {
  width: 20% !important;
}
.k-column-6 {
  width: 16.66% !important;
}
.k-column-8 {
  width: 12.5% !important;
}
.k-column-10 {
  width: 10% !important;
}
.k-column-12 {
  width: 8.33% !important;
}
.k-column-16 {
  width: 6.25% !important;
}
.k-mergin-left-8 {
  margin-left: 8px;
}
.k-v-space-8 {
  padding: 4px 0;
  box-sizing: border-box;
}
.k-v-space-8.k-border {
  border-top: 1px solid var(--border-color);
}
.k-v-space-16 {
  padding: 8px 0;
  box-sizing: border-box;
}
.k-v-space-16.k-border {
  border-top: 1px solid var(--border-color);
}
.k-v-space-24 {
  padding: 12px 0;
  box-sizing: border-box;
}
.k-v-space-24.k-border {
  border-top: 1px solid var(--border-color);
}
.k-v-space-48 {
  padding: 24px 0;
  box-sizing: border-box;
}
.k-v-space-48.k-border {
  border-top: 1px solid var(--border-color);
}
.k-h-space-24 {
  padding: 0 12px;
  box-sizing: border-box;
}
.k-h-space-24.k-border {
  border-top: 1px solid var(--border-color);
}
.k-space-between {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.k-space-between > *:last-child {
  margin-left: auto;
  /* 关键：最后一个元素左边自动填充空间 */
}
.k-status-text {
  font-size: 1.6rem;
  font-weight: 500;
  white-space: nowrap;
}
.k-bottom-bar {
  display: flex;
  flex-direction: row;
  position: relative;
  bottom: 0px;
  width: 100%;
  margin-top: 32px;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.k-column-content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.k-row-content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.k-sheet-content {
  display: flex;
  width: 100%;
  min-height: 0;
  flex: 1;
  border-top: 1px solid var(--border-color);
}
.k-title-bar {
  width: 100%;
  height: var(--title-bar-height);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 8px;
  box-sizing: border-box;
  font-size: var(--title-font-size);
  border-bottom: 1px solid var(--border-color);
}
.k-title-bar span {
  padding: 2px 0px ;
  margin: 0 ;
}
.k-title-bar .k-title {
  flex: 1;
  text-align: left;
  padding-left: 20px;
  height: auto !important;
  font-weight: 600;
  color: var(--text-color-2);
}
.k-title-bar .k-close {
  width: 24px;
  height: 24px;
}
.k-arrow {
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  cursor: default;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.k-arrow.k-left::after {
  transform: rotate(90deg);
}
.k-arrow.k-right::after {
  transform: rotate(-90deg);
}
.k-arrow.k-closed::after {
  transform: rotate(-90deg);
}
.k-arrow::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid var(--indicator-color);
  margin: 4px 8px;
  transition: transform 0.3s ease;
  /* 平滑过渡 */
}
.k-arrow.k-up::after {
  transform: rotate(180deg);
}
.k-indicator {
  width: 20px;
  line-height: 1.15;
  display: flex;
  align-items: center;
  /* 垂直居中 */
  justify-content: center;
  /* 水平居中 */
  transition: transform 0.3s ease;
  /* 平滑过渡 */
  color: var(--indicator-color);
  font-size: 1.3rem;
  transform-origin: center;
  /* 设置旋转中心为元素中心 */
}
.k-indicator.k-up {
  transform: rotate(180deg);
  /* 旋转 180 度 */
}
.k-close {
  display: block;
  width: 24px;
  height: 24px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAPhJREFUWEftltkNwjAQRCdF0AQ0AUVAO0ARNEET0AQUQRVopFgKxsfsxpJ/vN9Zz9PslQmdY+qsjwEwHBgOKA7cAbwBXAwjuwVwA3AF8CzlKQAUPs+PKRAUJzTjNMNnGRQAJqsQJnE+rAIoEGZxK8ASgo6wviFc4h6AFIRb3AsQQxzVhkt1oqUH4vzQmC+l23Nj4AVY2r4zjOgfhwcgrjln3bInfiCsALmGU/fEKgdq3R4g4hEtbnDVgZp4EDFDKACqeAzBRVW9HQrAA8DGOGrBiUOLa7gH8KldtUShmVc8xWs2oeHXoPypUoJmYq1XcROw4cBwoLsDXypcOiGNbvQYAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  text-align: center;
  padding: 0;
  position: relative;
  cursor: pointer;
}
/* 对于 Webkit 浏览器（Chrome、Safari、新版 Edge） */
input::-webkit-calendar-picker-indicator {
  display: none !important;
  -webkit-appearance: none;
}
/* 对于 Firefox */
input[list]::-moz-list-bullet {
  display: none !important;
}
/* 对于 IE 和 Edge */
input[list]::-ms-expand {
  display: none !important;
}
/* 通用样式 */
input[list] {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  appearance: textfield;
}
.k-flex-column {
  display: flex;
  flex-direction: column;
}
.k-flex-row {
  display: flex;
  flex-direction: row;
}
.k-flex-row .k-table-frame {
  flex: none;
}
.k-row-wrapper {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
}
.k-column-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.k-column-wrapper .k-table-frame {
  flex: 1;
}
.k-icon-circle {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
  font-size: 14px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.k-icon-label {
  font-size: 12px;
  color: #666;
}
.k-start-icon {
  background-color: #FF0000;
}
.k-end-icon {
  background-color: #00CC00;
}
.k-via-icon {
  background-color: #0066FF;
}
.k-help-text {
  text-wrap: auto;
  color: #4A5568;
}
.k-transition-y {
  opacity: 0;
  /* 初始透明 */
  visibility: hidden;
  /* 初始隐藏 */
  transform: translateY(-20px);
  /* 初始向上偏移 */
  transition: all 0.3s ease-out;
  /* 过渡效果 */
  display: none;
  /* 显示下拉框并应用动画 */
}
.k-transition-y.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  /* 滑动到原始位置 */
}
.k-combo-loading {
  display: flex;
  align-items: center;
  justify-content: start;
  width: 100%;
  padding: 8px 16px;
  box-sizing: border-box;
  flex-direction: row;
}
.k-combo-loading .k-combo-loading-icon {
  width: 20px;
  height: 20px;
}
.k-combo-loading .k-icon::before {
  content: "\f110";
  /* 'Font Awesome 6 Free' 的 fa-circle-notch Unicode */
  font-family: 'Font Awesome 6 Free';
  /* 确保字体名称正确 */
  font-size: 16px;
  /* 图标大小 */
  color: inherit;
  /* 继承父元素颜色 */
  display: inline-block;
  animation: spin 1s linear infinite;
  /* 添加旋转动画 */
}
.k-combo-loading span {
  margin-left: 8px;
  font-size: 1.4rem;
}
.k-loading-circle {
  width: 20px;
  /* 圆圈的大小 */
  height: 20px;
  /* 圆圈的大小 */
  border-radius: 50%;
  /* 使元素变成圆形 */
  background: conic-gradient(#f0f0f0, #aaa, #f0f0f0);
  /* 灰色渐变背景 */
  mask: radial-gradient(transparent 50%, #000 51%);
  /* 使用遮罩裁剪出圆形 */
  animation: spin 1s linear infinite;
  /* 添加旋转动画 */
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* 超小屏幕 */
@media (max-width: 575.98px) {
  :root {
    --dlg-width: 100%;
  }
}
/* 小屏幕 */
@media (min-width: 576px) and (max-width: 767.98px) {
  :root {
    --dlg-width: 540px;
  }
}
/* 中屏幕 */
@media (min-width: 768px) {
  :root {
    --dlg-width: 720px;
  }
}
/* 大屏幕 */
@media (min-width: 992px) {
  :root {
    --dlg-width: 980px;
  }
}
/* 超大屏幕 */
/* 超超大屏幕 */
.fas {
  font-size: 0.875em;
}
/* 16px * 0.875 ≈ 14px */
.k-menu-icon-img {
  width: 1em;
  height: 1em;
  margin-right: 0.5em;
  vertical-align: middle;
  /* 对于 img 标签，可以使用 filter 来实现 currentColor 的效果 */
  filter: drop-shadow(0 0 0 --primary-2);
  /* 或者，如果图标是单色的，可以使用 fill-current 技巧 */
  /* background-color: currentColor; */
  /* mask-image: url('/icons/four-squares-icon.svg'); */
  /* mask-size: contain; */
  /* mask-repeat: no-repeat; */
  /* -webkit-mask-image: url('/icons/four-squares-icon.svg'); */
  /* Safari 兼容 */
  /* width: 1em; height: 1em; display: inline-block; */
}
/*************************************
  WMS 扫码工作台样式（同时作为扫描枪主页面和 WEB 测试页面）
**************************************/
.k-wms-gun-top {
  display: flex;
  align-items: center;
  padding: 12px;
  background: #fafafa;
  border-bottom: 1px solid #e8e8e8;
}
.k-wms-gun-top .k-wms-gun-back {
  padding: 6px 12px;
  font-size: 1.3rem;
  color: #595959;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
}
.k-wms-gun-top .k-wms-gun-back:hover {
  color: #1890ff;
  border-color: #1890ff;
}
.k-wms-gun-top .k-wms-gun-title {
  flex: 1;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 600;
  color: #262626;
  padding-right: 60px;
}
.k-wms-gun-status {
  margin: 12px;
  padding: 10px 12px;
  border-radius: 4px;
  font-size: 1.3rem;
  background: #f6ffed;
  border: 1px solid #b7eb8f;
  color: #52c41a;
}
.k-wms-gun-status[data-state="busy"] {
  background: #e6f7ff;
  border-color: #91d5ff;
  color: #1890ff;
}
.k-wms-gun-status[data-state="error"] {
  background: #fff1f0;
  border-color: #ffa39e;
  color: #ff4d4f;
}
.k-wms-gun-status[data-state="info"] {
  background: #f6ffed;
  border-color: #b7eb8f;
  color: #52c41a;
}
.k-wms-gun-section-title {
  margin: 16px 12px 4px;
  font-size: 1.5rem;
  font-weight: 600;
  color: #262626;
}
.k-wms-gun-section-subtitle {
  margin: 0 12px 12px;
  font-size: 1.3rem;
  color: #8c8c8c;
}
.k-wms-gun-entry {
  padding: 12px;
}
.k-wms-gun-entry .k-wms-gun-input {
  display: block;
  width: 100%;
  height: 44px;
  margin-bottom: 10px;
  padding: 0 12px;
  font-size: 1.4rem;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
.k-wms-gun-entry .k-wms-gun-input:focus {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  outline: none;
}
.k-wms-gun-entry .k-wms-gun-confirm {
  width: 100%;
  height: 44px;
  margin-top: 6px;
  font-size: 1.4rem;
  color: #fff;
  background: #1890ff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
.k-wms-gun-entry .k-wms-gun-confirm:hover {
  background: #40a9ff;
}
.k-wms-gun-list {
  padding: 0 12px;
}
.k-wms-gun-list .k-wms-gun-list-card {
  display: block;
  width: 100%;
  padding: 12px;
  margin-bottom: 10px;
  text-align: left;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 6px;
  cursor: pointer;
}
.k-wms-gun-list .k-wms-gun-list-card:hover {
  border-color: #1890ff;
  background: #e6f7ff;
}
.k-wms-gun-list .k-wms-gun-list-card strong {
  display: block;
  font-size: 1.4rem;
  color: #262626;
  margin-bottom: 4px;
}
.k-wms-gun-list .k-wms-gun-list-card span {
  display: block;
  font-size: 1.2rem;
  color: #595959;
  margin-bottom: 2px;
}
.k-wms-gun-list .k-wms-gun-list-card em {
  display: block;
  font-size: 1.2rem;
  color: #8c8c8c;
  font-style: normal;
}
.k-wms-gun-list .k-wms-gun-empty {
  padding: 30px;
  text-align: center;
  color: #999;
  font-size: 1.3rem;
}

/*
 * 通用复杂单据工作区样式
 * 适用：运输单、订单、对账单、费用单、异常单等“主表 + 分区 + 明细 + 操作”的界面。
 */
.k-doc-workbench {
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px;
  color: var(--text-color);
  background-color: var(--page-content-bg);
}
.k-doc-workbench .k-form-wrapper {
  display: none;
  flex-direction: column;
}
.k-doc-workbench .k-form-wrapper .k-form {
  padding: 12px;
}
.k-doc-workbench button {
  /*
        min-height: 3.2rem;
        padding: 0.5rem 1.2rem;
        border: 1px solid var(--border-color);
        border-radius: 6px;
        background: var(--bg);
        color: var(--text-color);
        */
  cursor: pointer;
  white-space: nowrap;
}
.k-doc-workbench button:hover {
  border-color: var(--primary);
  color: var(--primary);
}
.k-doc-workbench button.k-primary,
.k-doc-workbench button.primary {
  border-color: var(--primary);
  background: var(--primary);
  color: #fff;
}
.k-doc-workbench button.k-danger,
.k-doc-workbench button.danger {
  border-color: #efb3b3;
  color: #d64a4a;
}
.k-doc-workbench button:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.k-doc-workbench .k-temperature-control {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.k-doc-workbench .k-temperature-control .k-input {
  flex: 1;
}
.k-doc-workbench-header,
.k-doc-workbench-nav,
.k-doc-workbench-main,
.k-doc-workbench-aside {
  min-height: 0;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  background: var(--bg);
  overflow: hidden;
}
.k-doc-workbench-header {
  flex: 0 0 auto;
}
.k-doc-workbench-summary {
  min-height: 7.2rem;
  padding: 1rem 1.4rem;
  display: grid;
  grid-template-columns: minmax(24rem, 1.15fr) repeat(6, minmax(10.8rem, 0.65fr)) auto;
  gap: 1.2rem;
  align-items: center;
  border-bottom: 1px solid var(--border-color);
  background: var(--control-bg, #f8fafc);
}
.k-doc-workbench-title {
  min-width: 0;
}
.k-doc-workbench-title strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 2.1rem;
  letter-spacing: 0;
}
.k-doc-workbench-title span {
  color: var(--muted-color, #66758a);
  font-size: 1.2rem;
}
.k-doc-workbench-kv {
  min-width: 0;
}
.k-doc-workbench-kv label {
  display: block;
  margin-bottom: 0.4rem;
  color: var(--muted-color, #66758a);
  font-size: 1.2rem;
  font-weight: 700;
}
.k-doc-workbench-kv .k-doc-workbench-value {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
}
.k-doc-workbench-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.8rem;
  flex-wrap: wrap;
}
.k-doc-workbench-meta {
  min-height: 4rem;
  padding: 0.8rem 1.4rem;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  flex-wrap: wrap;
}
.k-doc-workbench-notice {
  margin-left: auto;
  color: var(--muted-color, #66758a);
  font-size: 1.2rem;
}
.k-doc-workbench-body {
  flex: 1 1 auto;
  min-height: 0;
  display: grid;
  grid-template-columns: 22rem minmax(0, 1fr) 31rem;
  gap: 8px;
}
.k-doc-workbench-nav,
.k-doc-workbench-aside {
  display: flex;
  flex-direction: column;
}
.k-doc-workbench-main {
  display: flex;
  flex-direction: column;
}
.k-doc-compact-head {
  min-height: 54px;
  padding: 8px 12px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  background: var(--head-bg, #f8fafc);
  font-weight: 600;
  border-bottom: 1px solid var(--border-color);
}
.k-doc-compact-head .k-doc-compact-title {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.k-doc-compact-head .k-doc-compact-title h3 {
  margin: 0;
  font-size: 1.8rem;
  letter-spacing: 0;
}
.k-doc-compact-head .k-doc-compact-meta {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  color: var(--muted);
  font-size: 12px;
}
.k-doc-panel-head,
.k-doc-page-head {
  min-height: 4.2rem;
  padding: 0.9rem 1.2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  border-bottom: 1px solid var(--border-color);
  background: var(--control-bg, #f8fafc);
  font-weight: 600;
  font-size: 1.4rem;
}
.k-doc-page-title {
  min-width: 0;
  display: flex;
  align-items: baseline;
  gap: 0.8rem;
}
.k-doc-page-title h3 {
  margin: 0;
  font-size: 1.6rem;
  font-weight: 700;
}
.k-doc-page-title .k-doc-page-subtitle {
  color: var(--muted-color, #66758a);
  font-size: 1.2rem;
  font-weight: 400;
}
.k-doc-page-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.8rem;
  flex-wrap: wrap;
}
.k-doc-workbench-nav-list,
.k-doc-workbench-aside-body,
.k-doc-workbench-main-body,
.k-doc-page-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
}
.k-doc-workbench-main-body,
.k-doc-page-body {
  padding: 1.2rem;
}
.k-doc-workbench-nav-list {
  padding: 0.8rem;
}
.k-doc-nav-item {
  width: 100%;
  min-height: 5.4rem;
  display: grid;
  grid-template-columns: 2.8rem minmax(0, 1fr);
  gap: 0.8rem;
  align-items: center;
  margin-bottom: 0.6rem;
  padding: 0.8rem;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  text-align: left;
}
.k-doc-nav-item.is-active,
.k-doc-nav-item.active {
  border-color: color-mix(in srgb, var(--primary) 38%, #fff);
  background: color-mix(in srgb, var(--primary) 9%, #fff);
}
.k-doc-nav-item.is-active .k-doc-nav-item-icon,
.k-doc-nav-item.active .k-doc-nav-item-icon {
  background: var(--primary);
  color: #fff;
}
.k-doc-nav-item-icon {
  width: 2.6rem;
  height: 2.6rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: #e7eef5;
  color: #536174;
  font-size: 1.3rem;
  font-weight: 700;
}
.k-doc-nav-item-name {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
}
.k-doc-nav-item-meta {
  display: block;
  margin-top: 0.3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--muted-color, #66758a);
  font-size: 1.2rem;
}
.k-doc-page {
  display: none;
  width: 100%;
  flex-direction: column;
}
.k-doc-page.is-active,
.k-doc-page.active {
  display: flex;
}
.k-doc-page .k-toolbar {
  min-height: 4rem;
  height: auto;
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 10px;
}
.k-doc-page .k-table-frame {
  flex: 1;
}
.k-doc-form {
  width: 100%;
}
.k-doc-form-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(18rem, 26rem));
  gap: 1.2rem;
  max-width: 120rem;
  align-items: start;
}
.k-doc-form-grid.k-doc-form-grid--compact,
.k-doc-form-grid.compact {
  grid-template-columns: repeat(4, minmax(16rem, 22rem));
  max-width: 96rem;
}
.k-doc-field--span-2 {
  grid-column: span 2;
}
.k-doc-field--full {
  grid-column: 1 / -1;
}
.k-doc-detail {
  width: 100%;
  min-height: 0;
}
.k-doc-detail-toolbar {
  min-height: 3.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  margin-bottom: 0.8rem;
}
.k-doc-detail-table-wrap {
  width: 100%;
  border: 1px solid var(--border-color);
  border-radius: 7px;
  overflow: auto;
  background: var(--bg);
}
.k-doc-detail-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  background: var(--bg);
}
.k-doc-detail-table th,
.k-doc-detail-table td {
  height: 3.8rem;
  padding: 0.7rem 0.8rem;
  border-bottom: 1px solid var(--border-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.k-doc-detail-table th {
  background: var(--control-bg, #f8fafc);
  color: var(--muted-color, #66758a);
  font-size: 1.2rem;
  font-weight: 700;
}
.k-doc-detail-table tr:last-child td {
  border-bottom: none;
}
.k-doc-detail-cell-actions {
  display: flex;
  gap: 0.6rem;
  justify-content: flex-end;
}
.k-doc-cell-input,
.k-doc-cell-select {
  width: 100%;
  min-height: 3rem;
  padding: 0.4rem 0.6rem;
  border: 1px solid var(--border-color);
  border-radius: 5px;
  background: var(--bg);
}
.k-doc-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.3rem;
  width: fit-content;
  padding: 0.2rem 0.8rem;
  border: 1px solid var(--border-color);
  border-radius: 5px;
  background: var(--control-bg, #f8fafc);
  color: var(--text-color);
  font-size: 1.2rem;
  white-space: nowrap;
}
.k-doc-tag.k-doc-tag-status {
  border-color: #a9dbbd;
  background: #f1fbf5;
  color: #217343;
}
.k-doc-tag.k-doc-tag-type {
  border-color: color-mix(in srgb, var(--primary) 35%, #fff);
  background: color-mix(in srgb, var(--primary) 9%, #fff);
  color: var(--primary);
}
.k-doc-tag.k-doc-tag-warning {
  border-color: #e8c98f;
  background: #fff8e7;
  color: #8a5c10;
}
.k-doc-metric-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.8rem;
}
.k-doc-metric {
  min-height: 6.2rem;
  border: 1px solid var(--border-color);
  border-radius: 7px;
  padding: 0.9rem;
  background: var(--bg);
}
.k-doc-metric label {
  display: block;
  margin-bottom: 0.6rem;
  color: var(--muted-color, #66758a);
  font-size: 1.2rem;
}
.k-doc-metric strong {
  font-size: 1.8rem;
}
.k-doc-timeline {
  margin-top: 1.2rem;
  padding-top: 1rem;
  border-top: 1px solid var(--border-color);
}
.k-doc-timeline-item {
  display: grid;
  grid-template-columns: 1.8rem minmax(0, 1fr);
  gap: 0.8rem;
  padding: 0.7rem 0;
}
.k-doc-timeline-dot {
  width: 0.9rem;
  height: 0.9rem;
  margin-top: 0.5rem;
  border-radius: 50%;
  background: var(--primary);
}
.k-doc-timeline-title {
  font-weight: 700;
}
.k-doc-timeline-time {
  margin-top: 0.3rem;
  color: var(--muted-color, #66758a);
  font-size: 1.2rem;
}
.k-doc-page-editing-only,
.k-doc-row-editing-only {
  display: none;
}
.k-doc-page.is-editing .k-doc-page-editing-only {
  display: inline-flex;
}
.k-doc-row.is-editing .k-doc-row-editing-only {
  display: inline-flex;
}
.k-doc-toast {
  position: fixed;
  right: 1.8rem;
  bottom: 1.8rem;
  display: none;
  min-width: 22rem;
  padding: 1rem 1.2rem;
  border: 1px solid color-mix(in srgb, var(--primary) 35%, #fff);
  border-radius: 7px;
  background: color-mix(in srgb, var(--primary) 8%, #fff);
  color: var(--primary);
  box-shadow: 0 8px 22px rgba(23, 32, 51, 0.12);
}
.k-doc-toast.is-show,
.k-doc-toast.show {
  display: block;
}
@media (max-width: 1180px) {
  .k-doc-workbench-summary {
    grid-template-columns: minmax(22rem, 1fr) repeat(3, minmax(11rem, 0.65fr)) auto;
  }
  .k-doc-workbench-summary-hide-md {
    display: none;
  }
  .k-doc-workbench-body {
    grid-template-columns: 19rem minmax(0, 1fr);
  }
  .k-doc-workbench-aside {
    display: none;
  }
  .k-doc-form-grid,
  .k-doc-form-grid.k-doc-form-grid--compact,
  .k-doc-form-grid.compact {
    grid-template-columns: repeat(2, minmax(18rem, 1fr));
    max-width: none;
  }
}
@media (max-width: 760px) {
  .k-doc-workbench {
    height: auto;
    min-height: 100%;
  }
  .k-doc-workbench-summary {
    grid-template-columns: 1fr;
  }
  .k-doc-workbench-body {
    display: block;
  }
  .k-doc-workbench-nav {
    margin-bottom: 1rem;
  }
  .k-doc-workbench-nav-list {
    display: flex;
    gap: 0.8rem;
    overflow-x: auto;
  }
  .k-doc-nav-item {
    min-width: 16rem;
    margin-bottom: 0;
  }
  .k-doc-workbench-main {
    min-height: 64rem;
  }
  .k-doc-form-grid,
  .k-doc-form-grid.k-doc-form-grid--compact,
  .k-doc-form-grid.compact {
    grid-template-columns: 1fr;
    max-width: none;
  }
  .k-doc-field--span-2,
  .k-doc-field--full {
    grid-column: 1 / -1;
  }
}

/* 基类：所有输入组件共享 */
.k-input-base {
  border: none;
  border-bottom: 1px solid var(--border-color, #e0e0e0);
  outline: none;
  background: transparent;
  padding: 0;
  box-sizing: border-box;
  position: relative;
  font-family: inherit;
  /* 继承字体家族 */
  transition: all 0.2s;
}
.k-input-base:focus {
  border-bottom-color: var(--primary-color, #1890ff);
}
.k-input-base:disabled {
  border-bottom-color: #f0f0f0;
  background: #fafafa;
}
.k-form.k-view .k-input-base {
  border: none;
  border-bottom: 1px solid transparent;
  /* 透明占位，始终有 1px 空间 */
  background-color: transparent;
}
.k-form.k-view .k-input-base select:disabled {
  opacity: 1;
  background-color: transparent;
}
.k-form.k-view .k-input-base input {
  background-color: transparent;
}
.k-form.k-view .k-input-base:hover {
  border-bottom: 1px solid var(--form-border-color);
}
.k-form.k-view .k-input-base.k-focus {
  border-bottom: 1px solid var(--form-focus-border-color);
}
.k-form.k-view input::placeholder {
  color: transparent;
}
.k-form.k-new table.k-input .k-input-base,
.k-form.k-edit table.k-input .k-input-base {
  border-bottom: none;
}
.k-form.k-new table.k-input .k-input-base.k-focus,
.k-form.k-edit table.k-input .k-input-base.k-focus {
  border-bottom: none;
}
.k-form.k-new .k-input-base,
.k-form.k-edit .k-input-base {
  border-bottom: 1px solid var(--form-border-color);
}
.k-form.k-new .k-input-base.k-focus,
.k-form.k-edit .k-input-base.k-focus {
  border-bottom: 1px solid var(--form-focus-border-color);
}
.k-form.k-new .k-input-base i,
.k-form.k-edit .k-input-base i {
  color: var(--form-focus-border-color);
}

.k-tooltip {
  display: none;
  position: absolute;
  background-color: #333;
  color: #fff;
  padding: 5px;
  border-radius: 5px;
  font-size: 12px;
}

/* styles.k-header-css */
.k-top-header {
  width: 100%;
  height: var(--top-header-height);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background-color: var(--top-header-bg);
  border-bottom: 1px solid var(--border-color);
  box-sizing: border-box;
  font-size: 1.4rem;
  /* 基础写法（推荐） */
  /*
   background: linear-gradient(
    to right,
    rgba(71, 80, 159, 0.9),
    rgba(71, 80, 159, 0.6)
  );
  backdrop-filter: blur(8px); 
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
*/
  color: var(--top-header-text-color);
}
.k-top-header .k-header-left {
  padding-left: 4px;
  height: 100%;
  gap: 4px;
}
.k-top-header .k-header-left .k-logo {
  width: 32px;
}
.k-top-header .k-header-left .k-brand {
  font-size: 18px;
  font-weight: 600;
  user-select: none;
}
.k-top-header .k-header-left,
.k-top-header .k-header-right {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.k-top-header .k-header-center {
  flex: 1;
  height: 100%;
}
.k-top-header .k-header-right {
  height: 100%;
  margin-right: 8px;
  gap: 12px;
}
.k-top-header .k-header-right li {
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 100%;
}
.k-top-header .k-header-right a {
  color: var(--top-header-text-color);
}
.k-top-header .k-header-right .far {
  color: var(--top-header-text-color);
  font-size: 16px;
}
.k-top-header .k-header-right .k-dropdown {
  position: relative;
  vertical-align: middle;
  height: 100%;
  display: flex;
  align-items: center;
}
.k-top-header .k-header-right .k-dropdown:hover .k-dropdown-content {
  display: block;
}
.k-top-header .k-header-right .k-dropdown.k-avatar-menu {
  display: flex;
  align-items: center;
}
.k-top-header .k-header-right .k-dropdown-content {
  display: none;
  position: absolute;
  background-color: var(--popup-bg);
  width: auto;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  padding: 6px 0px;
  margin: 0;
  list-style: none;
  right: 0;
  top: calc(var(--top-header-height) - 1px);
  font-size: var(--main-font-size);
}
.k-top-header .k-header-right .k-dropdown-content li {
  padding: 6px 16px;
  word-break: keep-all;
  cursor: pointer;
  margin: 0;
}
.k-top-header .k-header-right .k-dropdown-content li:hover {
  background-color: #f1f1f1;
}
.k-top-header .k-header-right .k-dropdown-content li a {
  color: var(--text-color);
}
.k-top-header .k-header-right .k-dropdown-content#kid_my {
  right: -12px;
}
.k-top-header .k-header-right .k-dropdown-content#kid_org_list {
  right: -12px;
}
.k-top-header input[type="text"] {
  padding: 0.5rem;
  border-radius: 4px;
  border: 1px solid #ccc;
  margin-right: 1rem;
}
.k-top-header .k-avatar {
  width: 32px;
  height: 32px;
}
.k-top-header .bi-list {
  font-size: 1.5em;
  /* 调整为你需要的大小 */
}

/* styles.k-navbar-css */
.k-navbar {
  width: 100%;
  height: var(--navbar-height);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background-color: var(--navbar-bg);
  color: var(--navbar-text-color);
  font-size: var(--navbar-font-size);
  border-bottom: 1px solid var(--border-color);
}
.k-navbar .k-navbar-menu {
  position: relative;
  padding: 4px 16px;
  cursor: pointer;
}
.k-navbar .k-navbar-menu i {
  font-size: 1.3rem;
  font-style: normal;
}
.k-navbar .k-navbar-menu > div {
  display: inline-block;
}
.k-navbar .k-navbar-left,
.k-navbar .k-navbar-right {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 8px;
  height: 100%;
}
.k-navbar .k-navbar-left {
  flex: 1;
}
.k-navbar .k-navbar-left .k-navbar-item-first {
  width: 8px;
  background: transparent !important;
  pointer-events: none;
  border: none;
}
.k-navbar .k-navbar-left .k-navbar-item-last {
  flex: 1;
  width: 100%;
  background: transparent !important;
  pointer-events: none;
  border: none;
}
.k-navbar .k-navbar-left .k-navbar-item {
  width: fit-content;
  display: flex;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box;
  cursor: pointer;
  font-weight: var(--navbar-font-weight);
  padding: 0 4px;
  gap: 4px;
  height: 100%;
}
.k-navbar .k-navbar-left .k-navbar-item.k-navbar-item-home {
  font-size: 16px;
}
.k-navbar .k-navbar-left .k-navbar-item:hover {
  background-color: var(--navbar-page-hover-bg);
  border-radius: 4px;
}
.k-navbar .k-navbar-left .k-navbar-item:hover span {
  color: var(--navbar-text-color);
}
.k-navbar .k-navbar-left .k-navbar-item:hover .k-close-btn {
  visibility: visible;
}
.k-navbar .k-navbar-left .k-navbar-item span {
  color: var(--navbar-text-color);
  white-space: nowrap;
}
.k-navbar .k-navbar-left .k-navbar-item i {
  font-style: normal;
}
.k-navbar .k-navbar-left .k-navbar-item.k-active {
  color: var(--navbar-page-active-color);
}
.k-navbar .k-navbar-left .k-navbar-item.k-active span {
  color: var(--navbar-page-active-color);
}
.k-navbar .k-navbar-left .k-navbar-item .k-close-btn {
  cursor: pointer;
  visibility: hidden;
  font-size: 14px;
  padding: 4px;
  color: #888;
}
.k-navbar .k-navbar-left .k-navbar-item .k-close-btn:hover {
  background: #cecece;
}
.k-navbar .k-navbar-right {
  margin-right: 8px;
}
.k-navbar .k-navbar-right li {
  cursor: pointer;
  padding: 0 4px;
  margin: auto 4px;
  height: 100%;
}
.k-navbar .k-navbar-right a {
  color: var(--navbar-right-text-color);
}
.k-navbar .k-navbar-right .k-dropdown {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
}
.k-navbar .k-navbar-right .k-dropdown-content {
  display: none;
  position: absolute;
  background-color: var(--popup-bg);
  width: auto;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1000;
  padding: 6px 0px;
  margin: 0;
  list-style: none;
  right: 0;
  top: 100%;
  font-size: var(--main-font-size);
}
.k-navbar .k-navbar-right .k-dropdown-content li {
  padding: 6px 16px;
  word-break: keep-all;
  cursor: pointer;
  margin: 0;
}
.k-navbar .k-navbar-right .k-dropdown-content li:hover {
  background-color: #f1f1f1;
}
.k-navbar .k-navbar-right .k-dropdown-content#kid_my {
  right: -12px;
}
.k-navbar .k-navbar-right .k-dropdown-content#kid_org_list {
  right: -12px;
}
.k-navbar input[type="text"] {
  padding: 0.5rem;
  border-radius: 4px;
  border: 1px solid #ccc;
  margin-right: 1rem;
}
.k-avatar {
  width: 32px;
  height: 32px;
}
.bi-list {
  font-size: 1.5em;
  /* 调整为你需要的大小 */
}
.k-four-squares {
  width: 32px;
  height: 32px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4px;
}
.k-four-squares::before,
.k-four-squares::after,
.k-four-squares .square1,
.k-four-squares .square2 {
  content: '';
  background-color: currentColor;
  /* 使用当前文字颜色 */
}
/* 四个方块分别设置不同颜色（可选） */
.k-four-squares {
  /* 使用自定义属性设置不同颜色 */
  --color1: #ff6b6b;
  --color2: #4ecdc4;
  --color3: #45b7d1;
  --color4: #96ceb4;
}
.k-four-squares::before {
  background-color: var(--color1);
}
.k-four-squares::after {
  background-color: var(--color2);
}
.k-four-squares .square1 {
  background-color: var(--color3);
}
.k-four-squares .square2 {
  background-color: var(--color4);
}
.grid-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: linear-gradient(var(--color, currentColor) 0 0), linear-gradient(var(--color, currentColor) 0 0), linear-gradient(var(--color, currentColor) 0 0), linear-gradient(var(--color, currentColor) 0 0);
  background-repeat: no-repeat;
  background-size: 45% 45%;
  /* 方块适中 */
  background-position: 0% 0%,
    100% 0%,
    0% 100%,
    100% 100%;
  transition: transform 0.2s;
}
.grid-icon-custom {
  background-size: 35% 35%;
  /* 基础尺寸 */
  background-position: 5% 5%, /* 左上角：向右下移动一点 */ 95% 5%, /* 右上角：向左下移动一点 */ 5% 95%, /* 左下角：向右上移动一点 */ 95% 95%;
  /* 右下角：向左上移动一点 */
}
.grid-icon:hover {
  transform: scale(1.1);
}

.k-breadcrumb {
  width: 100%;
  padding: 0 16px;
  list-style: none;
  display: flex;
  flex-direction: row;
  color: var(--gray);
  font-weight: 600;
  padding-left: 32px;
  position: relative;
}
.k-breadcrumb .k-favorite-star {
  position: relative;
  display: inline-block;
  width: 1.2rem;
  height: 100%;
  cursor: pointer;
  margin-right: 8px;
  color: var(--yellow);
}
.k-breadcrumb .k-favorite-star::before {
  position: absolute;
  left: 6px;
  pointer-events: none;
}
.k-breadcrumb li {
  display: inline-block;
  cursor: pointer;
}
.k-breadcrumb li + li::before {
  padding: 0 4px;
  color: black;
  content: "/\00a0";
}
.k-breadcrumb li:hover {
  color: #000;
}
.k-breadcrumb li:last-child {
  color: var(--breadcrumb-last-color);
}

/**********************
  主菜单样式
**********************/
.k-navbar-popup-menu {
  display: none;
  /*相对于父菜单项定位*/
  position: absolute;
  /*左边与父菜单项对齐*/
  left: 0px;
  background-color: var(--popup-bg);
  /*顶边与父菜单项底边对齐*/
  top: 100%;
  padding: 8px;
  border: var(--border-color) solid 1px;
  z-index: 999;
  height: auto;
  max-height: calc(100vh - 50px);
  min-width: 160px;
  width: calc(100vw - 50px);
  overflow-y: auto;
  font-size: 1.12rem;
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.1);
  flex-direction: row;
  align-items: flex-start;
  cursor: default;
}
.k-navbar-popup-menu .k-popup-menu-left {
  flex: 1;
  width: 280px;
  min-width: 280px;
  padding: 8px 20px;
  box-sizing: border-box;
  position: relative;
}
.k-navbar-popup-menu .k-popup-menu-left h1 {
  font-size: 2rem;
  font-weight: bold;
  color: var(--menu-left-title-color);
  text-align: left;
  padding-bottom: 10px;
}
.k-navbar-popup-menu .k-popup-menu-left h1 i {
  width: 48px;
  height: 48px;
  background: url(../imgs/logo.8a8e16d7.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  float: left;
  top: 0px;
  left: 1px;
  text-align: center;
  vertical-align: middle;
  margin: auto 0;
  padding: 0;
  position: relative;
  cursor: pointer;
}
.k-navbar-popup-menu .k-popup-menu-left h2:first-of-type {
  margin-top: 20px;
}
.k-navbar-popup-menu .k-popup-menu-left h2 {
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  margin: 4px 0;
  color: #444;
}
.k-navbar-popup-menu .k-popup-menu-left h3:first-of-type {
  margin-top: 20px;
}
.k-navbar-popup-menu .k-popup-menu-left h3 {
  font-size: 1.1rem;
  font-weight: bold;
  text-align: center;
  margin: 4px 0;
  position: relative;
}
.k-navbar-popup-menu .k-popup-menu-left h3::before {
  font-family: 'Font Awesome 6 Free';
  content: "\f005";
  width: 14px;
  font-size: 0.96rem;
  position: absolute;
  left: 30%;
  top: 0;
  pointer-events: none;
  color: var(--red);
}
.k-navbar-popup-menu .k-popup-menu-left p:first-of-type {
  margin-top: 20px;
}
.k-navbar-popup-menu .k-popup-menu-left p {
  margin: 8px 0;
  font-size: 1rem;
  padding: 0 4px;
}
.k-navbar-popup-menu .k-popup-menu-content {
  padding-left: 40px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  border-left: 1px solid var(--border-color);
  padding-right: 80px;
  color: #333;
}
.k-navbar-popup-menu .k-popup-menu-content .k-popup-menu-col {
  width: 25%;
  min-width: 200px;
  max-width: 320px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.k-navbar-popup-menu .k-popup-menu-right {
  width: 24px;
  height: 24px;
  position: relative;
}
.k-navbar-popup-menu li {
  line-height: initial;
  margin: 2px 0 4px 0;
  padding: 0;
  width: 25%;
  float: left;
}
.k-navbar-popup-menu .k-popup-menu-item {
  padding: 0;
  width: 100%;
  margin: 8px 0;
  display: flex;
  flex-direction: row;
  padding-right: 20px;
  position: relative;
}
.k-navbar-popup-menu .k-popup-menu-item a {
  color: #333;
  flex: 1;
  display: block;
}
.k-navbar-popup-menu .k-popup-menu-item i {
  font-size: 1rem;
  cursor: pointer;
  display: none;
}
.k-navbar-popup-menu .k-popup-menu-item.k-favorite::before {
  font-family: 'Font Awesome 6 Free';
  content: "\f005";
  width: 14px;
  font-size: 14px;
  position: absolute;
  left: -16px;
  top: 4px;
  color: var(--yellow);
  pointer-events: none;
}
.k-navbar-popup-menu .k-popup-menu-item:hover {
  /*悬停时文本颜色*/
  color: var(--blue);
  /*悬停时背景色*/
}
.k-navbar-popup-menu .k-popup-menu-item:hover > a {
  /*悬停时文本颜色*/
  color: var(--blue);
  /*悬停时背景色*/
  cursor: pointer;
}
.k-navbar-popup-menu li:active {
  /*点击时背景变色*/
  background: var(--menu-bg);
  /*点击时文本变色*/
  color: #222;
}
.k-navbar-popup-menu li a {
  display: inline-block;
  margin: 0 10px;
  /*文本颜色*/
  color: #333;
  /*去掉继承的右边框*/
  border-right-style: none;
  /*添加上边框*/
  /*border-top-style:solid;*/
  /*去掉链接的下划线*/
  text-decoration: none;
}
.k-navbar-popup-menu .k-popup-menu-title {
  float: none;
  clear: both;
  font-weight: bold;
  text-align: left;
  margin-top: 20px;
  margin-bottom: 10px;
  cursor: default;
  color: var(--main-menu-color);
}
.k-navbar-popup-menu i:hover > ul {
  display: flex;
}
.k-main-menu-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
}
.k-main-menu-wrapper .k-main-menu-content {
  flex: 1;
}
#kid_menu .k-menu-title {
  cursor: default;
  color: var(--menu-title-color);
  font-size: var(--menu-title-font-size);
  font-weight: bold;
  padding: 8px 16px;
  border-bottom: 1px solid var(--border-color);
  display: block;
  text-align: center;
  position: relative;
}
.k-menu-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background-color: var(--menu-bg);
  border-right: 1px solid var(--border-color);
  overflow-y: auto;
  position: relative;
  font-size: 1.6rem;
}
.k-menu-content .k-menu-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  cursor: pointer;
  color: var(--text-main);
  font-size: 16rem;
  background: var(--menu-item-bg);
  border-left: 3px solid transparent;
  /* 左侧选中标识 */
  /* hover效果 */
  /* 选中状态 */
}
.k-menu-content .k-menu-item:hover {
  background: var(--bg-hover);
  /* 浅灰背景 */
  color: var(--primary-2);
  /* 主题蓝文字/图标 */
}
.k-menu-content .k-menu-item.k-active {
  background: var(--primary-light);
  /* 浅蓝背景 */
  color: var(--primary-2);
  /* 主题蓝文字/图标 */
  font-weight: 500;
  border-left: 3px solid var(--primary-2);
  /* 左侧蓝条标识 */
}
.k-menu-content .k-menu-item.k-my-favorite .fa-star {
  color: var(--yellow);
}
.k-menu-content .k-menu-item.k-group .k-menu-direction-icon {
  display: inline-block;
}
.k-menu-content .k-menu-item .k-menu-item-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  width: 100%;
  height: var(--menu-item-height);
  cursor: pointer;
  color: var(--menu-text-color);
  gap: 16px;
  /* 图标动画 */
}
.k-menu-content .k-menu-item .k-menu-item-content.k-active {
  color: var(--menu-active-text-color);
}
.k-menu-content .k-menu-item .k-menu-item-content .k-menu-direction-icon {
  margin-right: 8px;
  transition: transform 0.3s ease;
  color: #888;
}
.k-menu-content .k-menu-item.k-expand .k-submenu {
  display: flex;
}
.k-menu-content .k-menu-item.k-expand .k-menu-item-content .k-menu-direction-icon {
  transform: rotate(90deg);
}
.k-menu-content .k-menu-item i {
  font-size: 14px;
  width: 20px;
  text-align: center;
}
.k-menu-content .k-menu-item i.fa {
  color: inherit;
}
.k-menu-content .k-menu-item .k-title {
  flex: 1;
  width: auto;
  height: auto;
  text-align: left;
  word-break: keep-all;
  word-wrap: normal;
}
.k-menu-content .k-menu-item .k-menu-direction-icon {
  font-size: 14px;
  display: none;
}
.k-menu-content .k-menu-item .k-submenu {
  display: none;
  flex-direction: column;
  width: 100%;
  background-color: var(--submenu-bg);
}
.k-menu-content .k-menu-item .k-submenu.k-active {
  display: flex;
}
.k-menu-content .k-menu-item .k-submenu .k-submenu-item {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding-left: 48px;
  color: var(--submenu-text-color);
  height: var(--menu-item-height);
  position: relative;
  padding-right: 22px;
}
.k-menu-content .k-menu-item .k-submenu .k-submenu-item:hover {
  background-color: var(--menu-item-hover-bg);
  color: var(--menu-item-hover-text-color);
}
.k-menu-content .k-menu-item .k-submenu .k-submenu-item.k-active {
  color: var(--menu-active-text-color);
}
.k-menu-content .k-menu-item .k-submenu .k-submenu-item .k-favorite-star {
  color: var(--yellow);
  font-size: 12px;
  font-style: normal;
  cursor: pointer;
  transition: color 0.3s;
}
.k-menu-content .k-menu-item .k-submenu .k-submenu-item .k-favorite-star:hover {
  transform: scale(1.2);
}
.k-menu-page-content {
  display: block;
  flex: 1;
  padding: 24px;
  overflow-y: auto;
  height: 100%;
  background-color: var(--bg);
}
.k-menu-page-content section {
  display: flex;
  flex-direction: column;
}
.k-menu-page-content section .k-title {
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 20px;
  color: #555;
  border-bottom: 1px solid var(--border-color);
  height: auto;
  padding-bottom: 4px;
}
.k-menu-page-content section .k-function-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 16px;
  margin-bottom: 36px;
}
.k-menu-page-content section .k-function-grid .k-function-btn {
  display: block;
  text-align: left;
  font-size: 1.4rem;
  cursor: pointer;
  color: var(--gray-800);
}
.k-menu-page-content section .k-function-grid .k-function-btn.k-function-icon {
  height: 100px;
  background-color: white;
  border-radius: 8px;
  border: 1px solid var(--border-color);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  color: var(--primary-2);
}
.k-menu-page-content section .k-function-grid .k-function-btn.k-function-icon:hover {
  border-color: var(--primary-2);
  background: #F8FAFF;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(22, 93, 255, 0.1);
}
.k-menu-page-content section .k-function-grid .k-function-btn.k-function-icon.k-disabled {
  pointer-events: none;
}
.k-menu-page-content section .k-function-grid .k-function-btn.k-function-icon.k-disabled i {
  color: #ccc;
}
.k-menu-page-content section .k-function-grid .k-function-btn.k-function-icon i,
.k-menu-page-content section .k-function-grid .k-function-btn.k-function-icon svg {
  font-size: 24px;
  color: var(--primary-2);
  margin-bottom: 8px;
}
.k-menu-page-content section .k-function-grid .k-function-btn.k-function-icon span {
  font-size: 1.4rem;
  color: #333;
}
.k-menu-page-content section .k-function-grid .k-function-btn:hover {
  color: var(--primary-2);
}
.k-menu-page-content section .k-function-grid .k-function-btn.k-disabled {
  pointer-events: none;
}
.k-menu-page-content section .k-function-grid .k-function-btn.k-disabled i {
  color: var(--gray-500);
}
.k-menu-icon-placeholder {
  width: 18px;
  height: 18px;
  margin-right: 8px;
  display: inline-block;
}

.k-checkbox {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: fit-content !important;
  flex: 0 !important;
}
.k-checkbox.k-border {
  border-top: none;
  border: 1px solid var(--border-color);
  border-radius: 3px;
}
.k-checkbox.k-group {
  font-size: 1.5rem;
  font-weight: 600;
}
.k-checkbox input[type="checkbox"] {
  box-sizing: border-box;
  position: absolute;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  left: 0;
  top: 0;
  inset: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  margin: 0;
  padding: 0;
  pointer-events: none;
}
.k-checkbox.k-focus .k-box::before {
  content: '';
  position: absolute;
  top: -7px;
  left: -7px;
  width: 17px;
  /* 增加 10px 以适应 5px 的边框 */
  height: 17px;
  /* 增加 10px 以适应 5px 的边框 */
  border: 5px solid var(--checkbox-focus-border-color);
  border-radius: 8px;
}
.k-checkbox .k-box {
  position: relative;
  box-sizing: border-box;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  border: 1px solid #a0a0a0;
  z-index: 1;
  background-color: white;
  vertical-align: middle;
}
.k-checkbox.k-checked .k-box {
  background-color: #409eff;
  border-color: #409eff;
}
.k-checkbox.k-checked .k-box::after {
  content: '';
  border: 2px solid #fff;
  border-left: 0;
  border-top: 0;
  width: 4px;
  height: 8px;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg) scaleY(1);
  transform-origin: 50% 50%;
  transition: transform 0.15s ease-in 0.05s;
}
.k-checkbox.k-partial .k-box {
  background-color: #409eff;
  border-color: #409eff;
}
.k-checkbox.k-partial .k-box::after {
  content: '';
  border: 2px solid #fff;
  border-left: 0;
  border-top: 0;
  border-right: 0;
  height: 1px;
  width: 7px;
  position: absolute;
  top: 40%;
  left: 3px;
  transform: rotate(0deg) scaleY(1);
}
.k-checkbox .k-checkbox-title {
  padding-left: 6px;
  font-size: var(--font-size-small);
  cursor: default;
  user-select: none;
  display: inline-block;
  word-break: keep-all;
  white-space: nowrap;
}
.k-checkbox.k-disabled .k-box {
  background-color: #ccc;
  border-color: #ccc;
}
.k-checkbox.k-disabled .k-box::after {
  border-color: #fff;
}

#kid_suggest,
.k-suggest-dropdown {
  display: none;
  position: fixed;
  left: 0px;
  top: 0px;
  padding: 0;
  border: 1px solid var(--border-color);
  border-radius: 3px;
  background-color: var(--popup-bg);
  z-index: 999;
  overflow: hidden;
  width: auto;
  height: auto;
  font-size: 1.6rem;
}
#kid_suggest ul,
.k-suggest-dropdown ul {
  min-width: 200px;
  max-width: 800px;
  max-height: 600px;
  display: block;
  height: 100%;
  z-index: 1000;
}
#kid_suggest ul li,
.k-suggest-dropdown ul li {
  padding: 0 8px;
  color: #555;
  line-height: 28px;
  font-weight: 500;
  cursor: default;
}
#kid_suggest ul li:hover,
.k-suggest-dropdown ul li:hover,
#kid_suggest ul li.hover,
.k-suggest-dropdown ul li.hover {
  background: #eeeeee;
  color: #000;
}
#kid_suggest .k-table-frame,
.k-suggest-dropdown .k-table-frame {
  width: auto;
  padding-bottom: 4x;
}
#kid_suggest .k-table-frame table,
.k-suggest-dropdown .k-table-frame table {
  table-layout: auto;
}
#kid_suggest .k-table-frame table thead,
.k-suggest-dropdown .k-table-frame table thead {
  height: 2.8rem !important;
  font-weight: 600 !important;
  background-color: transparent !important;
}
#kid_suggest .k-table-frame table thead tr th,
.k-suggest-dropdown .k-table-frame table thead tr th {
  min-width: 80px;
  background-color: var(--popup-bg) !important;
}
#kid_suggest .k-table-frame table thead tr td,
.k-suggest-dropdown .k-table-frame table thead tr td {
  background-color: var(--popup-bg) !important;
}
.k-suggest {
  position: relative;
  min-width: 80px;
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: var(--control-height);
}
.k-suggest.k-border {
  border-bottom: none !important;
  border: 1px solid var(--border-color) !important;
  border-radius: 3px !important;
}
.k-suggest.k-border.k-focus {
  border: 1px solid var(--form-focus-border-color) !important;
}
.k-suggest.k-empty .k-display-cover {
  color: var(--placeholder-color);
}
.k-suggest .k-suggest-content {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  box-sizing: border-box;
  padding-right: 24px;
}
.k-suggest input {
  width: 100%;
  height: auto;
  font-weight: inherit;
  border: none !important;
  background: transparent !important;
  flex: 1;
  min-width: 0;
  outline: none;
  color: inherit;
  font: inherit;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.k-suggest .k-display-cover {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: text;
  white-space: nowrap;
  overflow: hidden;
  height: 100%;
  padding: 2px;
  right: 24px;
  width: auto ;
}
.k-suggest.k-disabled .k-arrow {
  display: none;
}
#kid_suggest table {
  width: 100%;
}

.k-select {
  position: relative;
  user-select: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
}
.k-select .k-select-content {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-right: 24px;
}
.k-select input {
  width: 100%;
  outline: none;
  font-weight: inherit;
  border: none !important;
  background-color: transparent !important;
}
.k-select.k-border {
  border-bottom: none !important;
  border: 1px solid var(--border-color) !important;
  border-radius: 3px !important;
}
.k-select.k-border.k-focus {
  border: 1px solid var(--form-focus-border-color);
}
.k-select.k-disabled .k-arrow,
.k-select.k-readonly .k-arrow {
  display: none;
}
/**************************
  选择下拉框
  **************************/
#kid_select_dropdown {
  display: none;
  position: fixed;
  top: 0px;
  padding: 8px 0px;
  border: 1px solid var(--border-color);
  border-radius: 3px;
  background-color: var(--popup-bg);
  z-index: 999;
  overflow: hidden;
  overflow-y: auto;
  width: fit-content;
  height: auto;
  outline: none;
  font-size: 1.5rem;
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
#kid_select_dropdown li {
  min-height: 2.5rem;
  padding: 4px 16px;
  outline: none;
  cursor: pointer;
  text-align: left;
  background-color: var(--popup-bg);
  display: flex;
  flex-direction: row;
  align-items: center;
  word-wrap: normal;
  word-break: keep-all;
  white-space: nowrap;
}
#kid_select_dropdown li > span {
  padding-left: 6px;
  pointer-events: none;
}
#kid_select_dropdown li:hover,
#kid_select_dropdown li.hover {
  background-color: var(--select-item-hover-bg);
}
#kid_select_dropdown li.k-cur {
  background-color: var(--selected-bg);
}
/**************************
  选择下拉框
  **************************/
.k-dropdown-list {
  display: none;
  position: absolute;
  top: 0px;
  padding: 8px 0px;
  border: 1px solid var(--border-color);
  border-radius: 3px;
  background-color: var(--popup-bg);
  z-index: 999;
  overflow: hidden;
  overflow-y: auto;
  width: fit-content;
  height: auto;
  outline: none;
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.k-dropdown-list li {
  min-height: 1.5rem;
  padding: 4px 16px;
  font-size: 1.6rem;
  outline: none;
  cursor: pointer;
  text-align: left;
  background-color: var(--popup-bg);
  display: flex;
  flex-direction: row;
  align-items: center;
  word-wrap: normal;
  word-break: keep-all;
  white-space: nowrap;
}
.k-dropdown-list li > span {
  padding-left: 6px;
  pointer-events: none;
}
.k-dropdown-list li:hover,
.k-dropdown-list li.hover {
  background-color: var(--select-item-hover-bg);
}
.k-dropdown-list li.k-cur {
  background-color: var(--select-cur-bg);
}

.k-price-component {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
.k-price-component input {
  flex: 1;
  text-align: right;
  min-width: 4rem;
}
.k-price-component span {
  font-size: 1.2rem;
  white-space: nowrap;
  /* 强制不换行 */
  user-select: none;
  color: #666;
}

.k-charge-detail {
  width: 100%;
  border: 1px solid #d8dee8;
  border-radius: 4px;
  background: #fff;
  color: #1f2937;
  box-sizing: border-box;
}
.k-charge-detail .k-charge-detail-summary {
  min-height: 34px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 5px 8px;
  border-bottom: 1px solid #e5eaf2;
  font-size: 13px;
  box-sizing: border-box;
}
.k-charge-detail .k-charge-detail-summary-main {
  font-weight: 600;
}
.k-charge-detail .k-charge-detail-summary-tax {
  color: #4b5563;
}
.k-charge-detail .k-charge-detail-toggle {
  margin-left: auto;
  height: 24px;
  padding: 0 8px;
  border: 1px solid #cbd5e1;
  border-radius: 3px;
  background: #f8fafc;
  color: #1f2937;
  cursor: pointer;
  font-size: 12px;
}
.k-charge-detail .k-charge-detail-body {
  padding: 8px;
  box-sizing: border-box;
}
.k-charge-detail .k-charge-detail-field {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  margin: 0;
  font-size: 13px;
  box-sizing: border-box;
}
.k-charge-detail .k-charge-detail-label {
  flex: 0 0 72px;
  color: #4b5563;
  white-space: nowrap;
  text-align: right;
}
.k-charge-detail .k-charge-detail-control {
  flex: 1 1 auto;
  min-width: 0;
}
.k-charge-detail .k-charge-detail-input {
  width: 100%;
  height: 28px;
  box-sizing: border-box;
}
.k-charge-detail input.k-charge-detail-input,
.k-charge-detail textarea.k-charge-detail-input {
  border: 1px solid #cbd5e1;
  border-radius: 3px;
  padding: 3px 6px;
  background: #fff;
  color: #111827;
  font-size: 13px;
}
.k-charge-detail input[readonly],
.k-charge-detail textarea[readonly] {
  background: #f8fafc;
  color: #475569;
}
.k-charge-detail input[type="checkbox"].k-charge-detail-input {
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.k-charge-detail textarea.k-charge-detail-input {
  height: 48px;
  resize: vertical;
  line-height: 1.35;
}
.k-charge-detail .k-price {
  min-width: 0;
}
.k-charge-detail-row .k-charge-detail-body {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 8px 10px;
}
.k-charge-detail-row .k-calc_base {
  grid-column: 1 / -1;
}
.k-charge-detail-column .k-charge-detail-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.k-charge-detail-compact.k-collapsed .k-charge-detail-summary {
  border-bottom: 0;
}
.k-charge-detail-compact.k-collapsed .k-charge-detail-body {
  display: none;
}

.k-page .k-form-wrapper .k-form-content .k-form-frame .k-form {
  width: var(--form-width);
}

.k-multi-select {
  position: relative;
  user-select: none;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.k-multi-select.k-border {
  border-top: none !important;
  border: 1px solid var(--border-color) !important;
  border-radius: 3px !important;
}
.k-multi-select.k-border.k-focus {
  border: 1px solid var(--form-focus-border-color) !important;
}
.k-multi-select::before {
  color: var(--indicator-color);
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.k-multi-select.k-disabled .k-select-content .k-select-item-content .k-select-item-close {
  display: none;
}
.k-multi-select.k-disabled .k-arrow {
  display: none;
}
.k-multi-select input {
  border: none !important;
  padding: 0;
  min-height: 2rem;
  background: transparent !important;
}
.k-multi-select .k-select-content {
  width: 100%;
  outline: none;
  user-select: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-end;
  cursor: text;
  padding-right: 24px;
  gap: 4px;
}
.k-multi-select .k-select-content .k-select-item {
  width: 100%;
  height: 100%;
  cursor: default;
}
.k-multi-select .k-select-content .k-select-item.k-select-item-content {
  width: auto;
  border: none;
  border-radius: 15px !important;
  box-shadow: inset 0 0 0 1px;
  display: inline-flex;
  flex: none;
  padding: 2px 0.6em;
  font-size: 1.5rem;
  line-height: 1;
}
.k-multi-select .k-select-content .k-select-item.k-select-item-content .k-title {
  visibility: visible;
  width: auto;
  pointer-events: none;
  display: inline-block;
  margin: auto 0px;
}
.k-multi-select .k-select-content .k-select-item.k-select-item-content i {
  position: relative;
  width: 14px;
  display: inline-block;
  cursor: pointer;
}
.k-multi-select .k-select-content .k-select-item.k-select-item-content i:before,
.k-multi-select .k-select-content .k-select-item.k-select-item-content i:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 2px;
  background-color: #777;
  transform-origin: center;
}
.k-multi-select .k-select-content .k-select-item.k-select-item-content i:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.k-multi-select .k-select-content .k-select-item.k-select-item-content i:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.k-multi-select .k-select-content .k-select-item.k-select-reset {
  width: auto;
}
.k-multi-select .k-select-content .k-select-item.k-select-input {
  flex: 1;
  display: block;
  user-select: none;
}
.k-multi-select .k-select-content .k-select-item.k-select-input input {
  min-width: 4px;
  width: 100%;
  outline: none;
  background-color: transparent;
  cursor: text;
}
/**************************
    选择下拉框
**************************/
#kid_multi_select_dropdown {
  display: none;
  position: absolute;
  top: 0px;
  padding: 4px 0px;
  border-radius: 6px;
  background-color: var(--popup-bg);
  font-size: 1.5rem;
  z-index: 999;
  overflow: hidden;
  overflow-y: auto;
  width: fit-content;
  height: auto;
  outline: none;
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  /*
    li::after{
        position: absolute;      
        top: 50%;
        right: 10px;
        content: '';
        width: 10px;
        height: 4px;
        display: none;
        border: 1px solid #23b8ff;
        border-width: 0 0 2px 2px;
        transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg); 
        -o-transform: rotate(-45deg);
        vertical-align: baseline;    
        }
        
        .k-sel{      
            &::after {     
            content: '';
            position: absolute;
            top: 50%;
            right: 10px;
            width: 10px;
            height: 4px;
            display: inline-block;
            border: 1px solid #23b8ff;
            border-width: 0 0 2px 2px;
            transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg); 
            -o-transform: rotate(-45deg);
            vertical-align: baseline;    
            
        }
    }
    */
}
#kid_multi_select_dropdown .k-select-option-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 16px;
  background-color: var(--bg-gray);
  font-size: 1.4rem;
  font-weight: 600;
}
#kid_multi_select_dropdown .k-select-option-title .k-checkbox {
  color: var(--primary-2);
}
#kid_multi_select_dropdown li {
  display: flex;
  position: relative;
  /* 添加这行 */
  align-items: center;
  height: auto;
  padding: 3px 16px;
  outline: none;
  text-align: left;
  background-color: var(--popup-bg);
}
#kid_multi_select_dropdown li > span {
  padding-left: 6px;
  pointer-events: none;
}
#kid_multi_select_dropdown li:hover,
#kid_multi_select_dropdown li.hover {
  background-color: var(--select-item-hover-bg);
}
#kid_multi_select_dropdown li.k-cur {
  background-color: var(--select-cur-bg);
}
#kid_multi_select_dropdown li label {
  margin-left: 8px;
  flex: 1;
}
#kid_multi_select_dropdown li input {
  cursor: pointer;
}

.k-datepicker {
  position: relative;
  display: inline-flex;
  overflow: hidden;
}
.k-datepicker input {
  width: 100%;
  border: none !important;
  background: transparent !important;
  flex: 1;
  min-width: 0;
  border: none;
  outline: none;
  color: inherit;
  font: inherit;
}
.k-datepicker .k-clear {
  display: none;
}
.k-datepicker.k-border {
  border-top: none !important;
  border: 1px solid var(--border-color) !important;
  border-radius: 3px !important;
}
.k-datepicker.k-v:hover .k-clear {
  display: flex !important;
}
.k-datepicker.k-v:hover .k-calculator {
  display: none;
}
.k-datepicker.k-disabled:hover .k-clear {
  display: none;
}
.k-datepicker.k-disabled:hover .k-calculator {
  display: none;
}
.k-datepicker.k-disabled .k-indicator {
  display: none;
}
/**************
日期选择框
*************/
#kid_datepicker_dropdown {
  display: none;
  position: fixed;
  z-index: 999;
  box-sizing: border-box;
  width: auto;
  height: auto;
  font-size: 1.4rem;
  margin: 0;
  padding: 16px;
  background-color: var(--popup-bg);
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  transition: margin 0.3s;
}
#kid_datepicker_dropdown.k-picker-date .k-picker-time-panel {
  display: none;
}
#kid_datepicker_dropdown.k-picker-date .k-picker-footer .k-ok {
  display: none;
}
#kid_datepicker_dropdown.k-picker-date .k-picker-footer .k-now {
  display: none;
}
#kid_datepicker_dropdown.k-picker-datetime .k-picker-time-panel {
  display: flex;
}
#kid_datepicker_dropdown.k-picker-datetime .k-datetime-panel .k-picker-content .k-picker-time-panel {
  display: flex;
}
#kid_datepicker_dropdown.k-picker-datetime .k-picker-footer .k-today {
  display: none;
}
#kid_datepicker_dropdown .k-presets {
  width: 10em;
  overflow: hidden;
  padding-left: 8px;
  border-right: 1px solid var(--border-color);
  display: none;
}
#kid_datepicker_dropdown .k-presets .k-presets-title {
  width: 100%;
  height: var(--pickerTitleHeight);
  line-height: var(--pickerTitleHeight);
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  box-sizing: border-box;
  border-bottom: 1px solid var(--border-light-color);
}
#kid_datepicker_dropdown .k-presets li {
  padding: 0 8px;
  line-height: 28px;
  font-size: 1.5rem;
  font-weight: 500;
  user-select: none;
  cursor: pointer;
}
#kid_datepicker_dropdown .k-presets li:hover,
#kid_datepicker_dropdown .k-presets li.hover {
  background: var(--pikcer-cell-hover-bg);
  color: #000;
}
#kid_datepicker_dropdown .k-datetime-panel {
  display: inline-flex;
  flex-direction: column;
  width: auto;
  height: auto;
}
#kid_datepicker_dropdown .k-datetime-panel .k-picker-content {
  display: inline-flex;
  flex-direction: row;
  height: 33rem;
}
#kid_datepicker_dropdown .k-datetime-panel .k-picker-content .k-picker-date-panel {
  width: 32rem;
  height: 100%;
  display: flex;
  flex-direction: column;
}
#kid_datepicker_dropdown .k-datetime-panel .k-picker-content .k-picker-date-panel .k-date-header {
  height: 3.2rem;
  display: flex;
  vertical-align: middle;
  text-align: center;
  box-sizing: border-box;
  padding-left: 8px;
  font-size: var(--main-font-size);
}
#kid_datepicker_dropdown .k-datetime-panel .k-picker-content .k-picker-date-panel .k-date-header button {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1.5rem;
  text-align: center;
  vertical-align: middle;
  color: var(--text-button-color);
  margin: auto 0px;
  background-color: var(--bg);
}
#kid_datepicker_dropdown .k-datetime-panel .k-picker-content .k-picker-date-panel .k-date-header button:hover {
  background-color: var(--bg-gray);
}
#kid_datepicker_dropdown .k-datetime-panel .k-picker-content .k-picker-date-panel .k-date-header .k-year-minus,
#kid_datepicker_dropdown .k-datetime-panel .k-picker-content .k-picker-date-panel .k-date-header .k-year-plus {
  font-weight: 800;
  font-size: 1.8rem;
}
#kid_datepicker_dropdown .k-datetime-panel .k-picker-content .k-picker-date-panel .k-date-header .k-date-title {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 0 8px;
}
#kid_datepicker_dropdown .k-datetime-panel .k-picker-content .k-picker-date-panel .k-date-header .k-date-title .k-year-container {
  position: relative;
}
#kid_datepicker_dropdown .k-datetime-panel .k-picker-content .k-picker-date-panel .k-date-header .k-date-title .k-month-container {
  position: relative;
}
#kid_datepicker_dropdown .k-datetime-panel .k-picker-content .k-picker-date-panel .k-date-header .k-date-title input {
  height: 100%;
  margin: auto;
  box-sizing: border-box;
  text-align: center;
}
#kid_datepicker_dropdown .k-datetime-panel .k-picker-content .k-picker-date-panel .k-date-header .k-date-title input:focus {
  border: 1px solid var(--input-focus-border-color);
}
#kid_datepicker_dropdown .k-datetime-panel .k-picker-content .k-picker-date-panel .k-date-header .k-date-title .k-picker-year {
  width: 4.8rem;
  cursor: pointer;
}
#kid_datepicker_dropdown .k-datetime-panel .k-picker-content .k-picker-date-panel .k-date-header .k-date-title .k-picker-month {
  width: 3.2rem;
  cursor: pointer;
}
#kid_datepicker_dropdown .k-datetime-panel .k-picker-content .k-picker-date-panel .k-date-header .k-date-title span {
  padding: 0 4px;
  margin: auto;
}
#kid_datepicker_dropdown .k-datetime-panel .k-picker-content .k-picker-date-panel table {
  border-spacing: 0;
  z-index: 2;
  position: relative;
}
#kid_datepicker_dropdown .k-datetime-panel .k-picker-content .k-picker-date-panel table thead {
  height: 4rem;
  background: var(--gray-100);
}
#kid_datepicker_dropdown .k-datetime-panel .k-picker-content .k-picker-date-panel table thead::after {
  position: absolute;
  top: auto;
  left: 0;
  bottom: auto;
  right: 0;
  height: 1.5rem;
  border-top: 2px solid var(--gray-200);
  transform: translateY(-1px);
  -moz-transform: translateY(0);
  pointer-events: none;
  z-index: 3;
  content: '';
}
#kid_datepicker_dropdown .k-datetime-panel .k-picker-content .k-picker-date-panel table th {
  line-height: 4rem;
  font-weight: 600;
  font-size: var(--main-font-size);
  vertical-align: middle;
}
#kid_datepicker_dropdown .k-datetime-panel .k-picker-content .k-picker-date-panel table tr:hover {
  background-color: transparent;
}
#kid_datepicker_dropdown .k-datetime-panel .k-picker-content .k-picker-date-panel table tr:hover td {
  background-color: transparent;
}
#kid_datepicker_dropdown .k-datetime-panel .k-picker-content .k-picker-date-panel table td {
  margin: auto 0px;
  vertical-align: middle;
  text-align: center;
  line-height: 3.4rem;
  padding: 0.4rem;
  cursor: default;
}
#kid_datepicker_dropdown .k-datetime-panel .k-picker-content .k-picker-date-panel table td .k-picker-cell {
  width: var(--pickerCellWidth);
  height: var(--pickerCellHeight);
  line-height: var(--pickerCellHeight);
  margin: auto 0px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  box-sizing: border-box;
  font-size: 1.6rem;
  user-select: none;
  cursor: default;
}
#kid_datepicker_dropdown .k-datetime-panel .k-picker-content .k-picker-date-panel table td .k-day {
  cursor: pointer;
}
#kid_datepicker_dropdown .k-datetime-panel .k-picker-content .k-picker-date-panel table td .k-today {
  border: 1px solid var(--mark-border-color);
  border-radius: 3px;
}
#kid_datepicker_dropdown .k-datetime-panel .k-picker-content .k-picker-date-panel table td .k-sel {
  background-color: var(--green);
  color: #fff;
  border: none;
}
#kid_datepicker_dropdown .k-datetime-panel .k-picker-content .k-picker-date-panel table td .k-cur {
  background-color: var(--blue);
  color: #fff;
  border: none;
}
#kid_datepicker_dropdown .k-datetime-panel .k-picker-content .k-picker-date-panel table td .k-day:hover {
  background-color: var(--picker-cell-sel-color);
  color: #fff;
}
#kid_datepicker_dropdown .k-datetime-panel .k-picker-content .k-picker-time-panel {
  width: 22rem;
  height: 100%;
  display: none;
  flex-direction: column;
  border-left: 1px solid var(--border-light-color);
}
#kid_datepicker_dropdown .k-datetime-panel .k-picker-content .k-picker-time-panel .k-time-title {
  width: 100%;
  height: 3.2rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  vertical-align: middle;
  text-align: center;
  box-sizing: border-box;
  border-bottom: 1px solid var(--border-light-color);
  font-size: var(--main-font-size);
  font-weight: 600;
}
#kid_datepicker_dropdown .k-datetime-panel .k-picker-content .k-picker-time-panel .k-time-title input {
  flex: 1;
  text-align: right;
  margin-right: 2px;
  min-width: 0;
  /* 确保 flex: 1 生效 */
}
#kid_datepicker_dropdown .k-datetime-panel .k-picker-content .k-picker-time-panel .k-time-title span {
  padding: 0 3px;
}
#kid_datepicker_dropdown .k-datetime-panel .k-picker-content .k-picker-time-panel .k-time-wrap {
  width: 100%;
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: row;
}
#kid_datepicker_dropdown .k-datetime-panel .k-picker-content .k-picker-time-panel .k-time-wrap:nth-child(n+1) {
  border-right: 1px solid var(--border-light-color);
}
#kid_datepicker_dropdown .k-datetime-panel .k-picker-content .k-picker-time-panel .k-time-wrap ul {
  overflow: auto;
  width: 100%;
  flex: 1;
  margin-bottom: 4px;
}
#kid_datepicker_dropdown .k-datetime-panel .k-picker-content .k-picker-time-panel .k-time-wrap ul li {
  display: block;
  text-align: center;
  line-height: 1.8rem;
  margin: 0 3px;
  font-size: 1.5rem;
  user-select: none;
  cursor: pointer;
}
#kid_datepicker_dropdown .k-datetime-panel .k-picker-content .k-picker-time-panel .k-time-wrap ul li:hover {
  background-color: var(--bg-gray);
}
#kid_datepicker_dropdown .k-datetime-panel .k-picker-content .k-picker-time-panel .k-time-wrap ul li.k-sel {
  background-color: var(--green);
  color: #fff;
}
#kid_datepicker_dropdown .k-datetime-panel .k-picker-content .k-picker-time-panel .k-time-wrap ul li.k-cur {
  background-color: var(--cyan);
  color: #fff;
}
#kid_datepicker_dropdown .k-datetime-panel .k-picker-footer {
  height: auto;
  display: flex;
  gap: 8px;
  text-align: right;
  padding: 2px 8px;
  padding-top: 8px;
  border-top: 1px solid var(--border-light-color);
}
#kid_datepicker_dropdown .k-datetime-panel .k-picker-footer .k-button {
  padding: 3px 9px;
  background: var(--button-bg);
  color: var(--button-text-color);
  font-size: var(--main-font-size);
  border-width: 0;
  border-radius: 4px;
}
#kid_datepicker_dropdown .k-datetime-panel .k-picker-footer .k-button:hover {
  background-color: var(--button-hover-bg);
}
#kid_datepicker_dropdown .k-datetime-panel .k-picker-footer .k-button:focus {
  box-shadow: 0 0 0 4px var(--focus-border-color);
}
#kid_datepicker_dropdown .k-picker-dropdown {
  min-width: 60px;
  max-height: 500px;
  display: none;
  position: absolute;
  flex-direction: column;
  left: 0;
  top: 0;
  padding: 4px;
  border-radius: 6px;
  background-color: var(--popup-bg);
  z-index: 999;
  overflow: auto;
  width: auto;
  height: auto;
  outline: none;
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  font-size: var(--font-size-large);
}
#kid_datepicker_dropdown .k-picker-dropdown li {
  width: auto;
  padding: 3px 5px;
  text-align: center;
  user-select: none;
}
#kid_datepicker_dropdown .k-picker-dropdown li:hover {
  background-color: var(--select-hover-bg);
}
#kid_datepicker_dropdown .k-picker-dropdown li.k-sel {
  background-color: var(--green);
  color: #fff;
}
#kid_datepicker_dropdown .k-picker-dropdown li.k-cur {
  background-color: var(--cyan);
  color: #fff;
}
#kid_datepicker_dropdown .k-picker-year-list {
  min-width: 120px !important;
  height: 300px !important;
}

button {
  font-size: 1.4rem;
  cursor: pointer;
}
button.k-text {
  font-size: var(--text-button-font-size);
  font-weight: var(--text-button-font-weight);
  color: var(--text-button-color);
  background-color: transparent !important;
  padding: 2px 4px;
}
button.k-text:hover {
  background-color: transparent !important;
  color: var(--text-button-hover-color);
}
button.k-text:disabled {
  color: var(--text-button-disabled-color);
}
button:disabled {
  color: var(--text-button-disabled-color) !important;
  background-color: var(--button-disabled-bg);
}
button.k-icon {
  color: var(--icon-color);
  font-size: 16px;
  width: 24px;
  height: 24px;
  padding: 2px;
  min-width: 0;
  background: transparent;
  overflow: hidden;
}
button.k-icon i {
  font-size: 14px;
  margin: auto 0;
  display: block;
  font-style: normal;
  color: var(--dark);
}
button.k-icon.k-with-title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
button.k-icon.k-with-title i {
  align-items: center;
}
button.k-icon.k-with-title .k-title {
  width: fit-content;
  height: fit-content;
  font-size: 1.4rem;
}
button.k-route-map {
  color: red;
}
button.k-route-detail {
  color: var(--s20);
}
.k-button {
  transition: all 0.2s;
  cursor: pointer;
  box-sizing: border-box;
  padding: 6px 12px;
  background-color: var(--button-bg);
  color: var(--button-text-color);
  margin: 0;
  border-width: 0;
  border-radius: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.k-button:hover {
  background-color: #409EFF !important;
}
.k-button:focus {
  box-shadow: 0 0 0 4px var(--focus-border-color);
}
.k-button.k-text {
  font-size: var(--button-font-size);
  font-weight: var(--button-font-weight);
}
.k-button.k-text:focus,
.k-button :hover {
  box-shadow: none !important;
  color: var(--text-button-hover-color);
}
.k-button.k-gray {
  background-color: var(--form-button-bg) !important;
  color: #444;
}
.k-button.k-gray:hover {
  background-color: #CECFDE !important;
}
.k-button.k-border {
  border: 1px solid var(--border-color-2);
  border-radius: 5px;
}
.k-button i {
  font-style: normal;
  user-select: none;
  pointer-events: none;
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  /* 重置行高 */
}
.k-button span {
  pointer-events: none;
  user-select: none;
  word-break: break-all;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  /* 重置行高 */
}
.k-shrink {
  position: absolute;
  right: 0px;
  top: 4px;
  background-color: #f0f0f0;
  font-size: 1.4rem;
  width: 14px;
  height: 24px;
  color: #333;
  cursor: pointer;
  box-sizing: border-box;
  border: 1px solid var(--border-color);
}
.k-shrink.k-left-bottom {
  top: calc(100% - 28px);
  left: 0px;
}
.k-shrink.k-right-top {
  top: 4px;
  right: 0px;
}
.k-btn-secondary {
  background: white;
  border-color: #cbd5e1;
  color: #475569;
}
.k-btn-primary {
  background-color: #165dff;
  color: #fff;
}
.k-btn-primary:hover {
  background-color: #0047d9;
}
.k-btn-default {
  background-color: #f0f2f5;
  color: #333;
  margin-right: 8px;
}
.k-btn-default:hover {
  background-color: #e5e6eb;
}
/*
.k-btn-primary {
    background-color: var(--primary-color);
    color: white;
    border: none;
    padding: 10px 24px;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
}

.k-btn-primary:hover {
    opacity: 0.9;
}

.k-btn-primary:disabled {
    background-color: #ccc;
    cursor: not-allowed;
}
    */

.k-image {
  width: 90px;
  height: 90px;
  position: relative;
}
.k-image.k-border {
  border-top: none;
  border: 1px solid var(--border-color);
  border-radius: 3px;
}
.k-image img {
  max-width: 90px !important;
  max-height: 90px !important;
}
.k-image .k-delete-btn {
  visibility: hidden;
}
.k-image .k-upload-wrap {
  position: absolute !important;
  width: 100% !important;
  bottom: 0 !important;
  opacity: 0 !important;
  justify-content: space-between !important;
  display: flex !important;
}
.k-image .k-upload-wrap button {
  border-radius: 50%;
  background-color: white;
  width: 30px;
  height: 30px;
  margin: 4px !important;
}
.k-image .k-upload-wrap .k-upload-input {
  display: none;
}
.k-image .k-upload-wrap i {
  font-style: normal;
}
.k-image.k-v .k-delete-btn {
  visibility: visible;
}
.k-image:hover .k-upload-wrap {
  opacity: 1 !important;
}

.k-home {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 40px;
  width: 100%;
  height: 100%;
  overflow: auto !important;
  background-color: #e8ecf6;
  border-top: 1px solid var(--border-color);
}
.k-home .k-home-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
}
.k-home .k-home-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
  margin: 8px;
  border-radius: 3px;
  background-color: var(--home-item-bg);
}
.k-home .k-home-item .k-home-item-title {
  font-size: 1.5rem;
  font-weight: 600;
  color: #444;
  width: 100%;
  padding: 4px 0px 4px 16px;
  border-bottom: 1px solid var(--border-light-color);
}
.k-home .k-home-item .k-home-item-content {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 4px 8px;
  min-width: 400px;
  min-height: 180px;
  box-sizing: border-box;
  font-size: 1.5rem;
}
.k-home .k-home-item .k-home-item-content .k-home-favorite-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 8px;
  cursor: pointer;
  box-sizing: border-box;
}
.k-home .k-home-item .k-home-item-content .k-home-favorite-item .k-home-favorite-item-icon {
  color: #ececec;
  font-size: 26px;
  margin: 8px 12px;
  width: 48px;
  height: 48px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  background-color: #0000b0;
  border-radius: 5px;
  border: 1px solid #eaeaea;
  /* 边框样式 */
  box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.03);
  /* 添加阴影效果 */
}
.k-home .k-home-item .k-home-item-content .k-home-favorite-item .k-home-favorite-item-icon i {
  color: rgba(255, 255, 255, 0.9);
}
.k-home .k-home-item .k-home-item-content .k-home-favorite-item .k-home-favorite-item-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  font-weight: 500;
  box-sizing: border-box;
  pointer-events: none;
}
.k-home .k-home-item .k-home-item-content .k-home-wms-order-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 24em;
  height: 10rem;
  margin: 8px;
  background-color: #fff;
  position: relative;
}
.k-home .k-home-item .k-home-item-content .k-home-wms-order-item .k-home-wms-order-item-title {
  margin: 8px 10px;
  padding-left: 8px;
  vertical-align: middle;
  text-align: left;
  font-size: 1.5rem;
  font-weight: 700;
  position: relative;
  width: 100%;
}
.k-home .k-home-item .k-home-item-content .k-home-wms-order-item .k-home-wms-order-item-title i {
  color: var(--gray);
}
.k-home .k-home-item .k-home-item-content .k-home-wms-order-item .k-home-wms-order-item-title span {
  margin-left: 10px;
}
.k-home .k-home-item .k-home-item-content .k-home-wms-order-item .k-home-wms-order-item-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  font-size: 1.5rem;
  font-weight: 600;
  margin-top: 6px;
  padding: 0 20px;
  width: 100%;
  color: #777;
}
.k-home .k-home-item .k-home-item-content .k-home-wms-order-item .k-home-wms-order-item-content div {
  margin: 4px 0;
}
.k-home .k-home-item .k-home-item-content .k-home-wms-order-item .k-home-wms-order-item-bottom {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 4px 20px;
  border-top: 1px solid #ececec;
  flex: 1;
  align-items: flex-start;
}
.k-home .k-home-item .k-home-item-content .k-home-wms-order-item .k-home-wms-order-item-bottom button {
  font-size: 1.4rem;
}
.k-home .k-home-item .k-home-item-content .k-home-wms-order-item .k-home-wms-order-item-bottom span {
  flex: 1;
  font-size: 1.5rem;
}
.k-home .k-home-item .k-home-item-content .k-home-chart-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 54em;
  height: 20rem;
  margin: 8px;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #eaeaea;
  /* 边框样式 */
  box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.03);
  /* 添加阴影效果 */
  position: relative;
}
.k-home .k-home-item .k-home-item-content .k-home-chart-item .k-home-chart-title {
  display: flex;
  flex-direction: row;
}
.k-home .k-home-item .k-home-item-content .k-home-chart-item .k-home-chart-content {
  flex: 1;
  width: 100%;
}
.k-home .k-home-favorite .k-home-item-content {
  display: grid;
  align-items: start;
  grid-template-columns: repeat(4, 1fr);
}

.k-table-content {
  width: 100%;
  height: 100%;
}
.k-sheet-content .k-table-frame {
  /* 关键：为第一列表头和单元格设置左侧填充 */
}
.k-sheet-content .k-table-frame .k-table:not(.k-has-selector) th:first-child,
.k-sheet-content .k-table-frame .k-table:not(.k-has-selector) td:first-child {
  padding-left: 24px;
  /* 第一列左侧额外留24px */
}
.k-table-frame {
  width: 100%;
  height: 100%;
  display: block;
  background-color: var(--table-bg);
}
.k-table-frame.k-scrollable {
  overflow: auto;
}
.k-table-frame.k-scrollable-x {
  overflow-x: auto !important;
  width: 100%;
  height: auto;
  /* 隐藏滚动条但保持功能 */
}
.k-table-frame.k-scrollable-y {
  overflow-y: auto !important;
  width: auto;
  height: 100%;
}
.k-table-auto {
  width: auto;
}
.k-table {
  background-color: var(--table-bg);
  /*设置相邻单元格的边框间的距离*/
  border-spacing: 0;
  text-align: left;
  border-collapse: collapse;
  /* 取消表格边框 */
  letter-spacing: 1px;
  /* 文字缩进 */
  empty-cells: show;
  font-size: 1.5rem;
  table-layout: fixed;
  width: fit-content;
  /* 控制表头固定的核心代码 */
}
.k-table.k-role-menu-table {
  width: 100%;
}
.k-table.k-fixed-width {
  width: 100%;
}
.k-table .k-auto-hide {
  display: none;
}
.k-table.k-column-sized .k-auto-hide {
  display: table-cell;
}
.k-table.k-table-sticky-col-1,
.k-table.k-table-sticky-col-2 {
  /* 控制左边固定的核心代码 */
}
.k-table.k-table-sticky-col-1 td:nth-child(1),
.k-table.k-table-sticky-col-2 td:nth-child(1),
.k-table.k-table-sticky-col-1 th:nth-child(1),
.k-table.k-table-sticky-col-2 th:nth-child(1) {
  position: sticky;
  left: 0;
  /* 首行在左 */
}
.k-table.k-has-operations td:last-child {
  position: sticky;
  right: 0;
}
.k-table.k-has-operations th:last-child {
  position: sticky;
  right: 0;
  z-index: 2;
  /* 确保它们在滚动内容上方可见 */
}
.k-table.k-table-sticky-col-2 td:nth-child(2),
.k-table.k-table-sticky-col-2 th:nth-child(2) {
  position: sticky;
  left: 40px;
}
.k-table tr > td,
.k-table th {
  padding: 0px 4px;
}
.k-table thead tr th {
  top: 0;
  /* 第一列最上 */
  position: sticky;
  z-index: 2;
  margin: 0;
  color: var(--text-color-2) !important;
  box-sizing: border-box;
  border-left: 0;
  white-space: nowrap;
  word-break: keep-all;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -khtml-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.k-table thead {
  user-select: none;
  background-color: var(--table-header-bg);
  height: var(--table-header-height);
  position: sticky;
  z-index: 2;
  top: 0;
  font-size: var(--table-header-font-size);
  font-weight: 600;
  color: rgba(0, 0, 0, 0.78);
  width: fit-content;
  /*box-shadow:  0px -1px 0px 0px #e9e9e9 inset;*/
}
.k-table thead::after {
  position: absolute;
  top: auto;
  left: 0;
  bottom: auto;
  right: 0;
  height: 1rem;
  border-top: 1px solid var(--table-line-color);
  transform: translateY(-1px);
  -moz-transform: translateY(0);
  pointer-events: none;
  z-index: 3;
  content: '';
}
.k-table thead tr {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
}
.k-table thead tr th {
  text-align: left;
  vertical-align: middle;
  background-color: var(--table-header-bg);
  font-size: inherit;
  font-weight: inherit;
}
.k-table thead tr th.k-default-width {
  width: auto;
}
.k-table thead tr th.k-resizing {
  background-color: #ddd;
}
.k-table thead tr th.k-resizing .k-resize-handle {
  background-color: var(--s20) !important;
  display: block;
}
.k-table thead tr th.k-has-tags {
  text-align: center;
}
.k-table thead tr th.k-sortable:hover.k-sort-asc .k-cell::after {
  font-family: 'Font Awesome 6 Free';
  content: "\f107";
  position: absolute;
  right: 6px;
  pointer-events: none;
  color: #888;
}
.k-table thead tr th.k-sortable:hover.k-sort-desc .k-cell::after {
  font-family: 'Font Awesome 6 Free';
  content: "\f107";
  position: absolute;
  right: 6px;
  rotate: 180deg;
  pointer-events: none;
  color: #888;
}
.k-table thead tr .k-record-selector {
  text-align: center;
}
.k-table thead tr .k-record-selector label {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  text-align: center;
}
.k-table thead tr .k-record-selector .k-cell {
  text-align: center;
  vertical-align: middle;
  display: inline-block;
}
.k-table tr td.lastCol {
  border-right: 0;
}
.k-table tbody {
  background-color: var(--table-bg);
  font-size: var(--main-font-size);
}
.k-table tbody tr {
  cursor: default;
  border-bottom: 1px solid var(--table-line-color);
}
.k-table tbody tr:hover {
  background-color: var(--table-row-hover-bg) !important;
}
.k-table tbody tr:hover > td {
  background-color: var(--table-row-hover-bg) !important;
}
.k-table tbody tr:hover > td .k-cell-input .k-display-cover {
  background-color: var(--table-row-hover-bg) !important;
}
.k-table tbody tr.k-temp-row td .k-form .k-form-title {
  margin-top: 0px !important;
}
.k-table tbody tr.k-temp-row td .k-temp-row-content .k-toolbar {
  height: var(--toolbar-small-height) !important;
}
.k-table tbody tr.k-temp-row td .k-temp-row-content .k-toolbar button {
  background-color: var(--button-bg) !important;
  color: var(--button-text-color) !important;
}
.k-table tbody tr.k-temp-row td .k-temp-row-content .k-toolbar button:hover {
  background-color: #409EFF !important;
}
.k-table tbody tr.k-role-row .k-cell {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 8px;
  column-gap: 16px;
}
.k-table tbody tr.k-role-row .k-has-checkbox .k-cell {
  justify-content: center;
}
.k-table tbody tr.k-main-row {
  background-color: var(--backcolorLightRedBlue) !important;
}
.k-table tbody tr.k-main-row td {
  background-color: var(--backcolorLightRedBlue) !important;
}
.k-table tbody tr.k-cur {
  background-color: var(--table-sel-row-bg);
}
.k-table tbody tr.k-cur td {
  background-color: var(--table-sel-row-bg);
}
.k-table tbody tr.k-cur td .k-cell-input .k-display-cover {
  background-color: var(--table-sel-row-bg);
}
.k-table tbody tr.k-sel {
  background-color: var(--table-sel-row-bg);
}
.k-table tbody tr.k-sel .k-checkbox {
  background-color: transparent;
}
.k-table tbody tr.k-sel .k-checkbox-btn-wrap {
  background-color: transparent;
}
.k-table tbody tr.k-sel td {
  background-color: var(--table-sel-row-bg);
}
.k-table tbody tr td {
  position: relative;
  box-sizing: border-box;
  border-top: 0;
  border-left: 0;
  white-space: nowrap;
  word-break: keep-all;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -khtml-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  text-overflow: ellipsis;
  vertical-align: middle;
  background-color: var(--table-bg);
  padding: 6px 4px;
}
.k-table tbody tr td .k-cell-input {
  width: 100%;
}
.k-table tbody tr td .k-cell-input.k-focus {
  outline: none;
  border: none;
  background-color: white;
}
.k-table tbody tr td .k-cell-input .k-display-cover {
  background-color: var(--table-bg);
}
.k-table tbody tr td .k-entry-seq {
  text-align: left;
}
.k-table tbody tr td .k-cell {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.k-table tbody tr td.k-change-cnt .k-cell {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.k-table tbody tr td .k-cell.k-has-other {
  display: flex;
  flex-direction: column;
}
.k-table tbody tr td .k-cell.k-has-other .k-content {
  display: inline-block;
  line-height: normal;
}
.k-table tbody tr td .k-cell.k-has-other .k-other {
  display: inline-block;
  font-size: 1.3rem;
  color: var(--gray);
  line-height: normal;
  font-style: italic;
  width: 100%;
  text-align: left;
  white-space: normal;
}
.k-table tbody tr td .k-form-wrapper {
  height: auto;
  width: fit-content;
  border-top: none;
  display: block;
  flex-direction: initial;
  background-color: transparent;
}
.k-table tbody tr td .k-form-wrapper .k-form-frame {
  padding-bottom: 8px;
}
.k-table tbody tr td .k-form-wrapper .k-form-frame .k-form {
  background-color: transparent !important;
  /*
                .k-input:not(.k-checkbox){
                  border-bottom: 1px solid var(--border-color);
                  &.k-focus{
                    border-bottom: 1px solid var(--form-input-focus-border-color);
                  }
                }
                  */
}
.k-table tbody tr td .k-form-wrapper .k-title-bar {
  background-color: transparent !important;
  font-size: var(--title-font-size);
}
.k-table tbody tr td .k-form-wrapper .k-toolbar {
  background-color: transparent !important;
}
.k-table tbody tr td .k-temp-row-content {
  width: fit-content;
  max-width: 100%;
  margin: 8px;
  box-sizing: border-box;
  border-radius: 3px;
  box-shadow: 0px -2px 3px #a8a8a8;
  border-bottom: 1px solid var(--border-color);
  background-color: var(--table-row-form-bg);
  padding: 4px 8px 8px 8px;
}
.k-table tbody tr td .k-temp-row-content .k-form .k-form-title {
  height: 32px;
}
.k-table tbody tr td .k-temp-row-content .k-form .k-form-title .k-form-title-start {
  font-size: 2rem;
}
.k-table tbody tr td .k-temp-row-content .k-form-field .k-content {
  background-color: var(--table-row-form-bg);
}
.k-table tbody tr td .k-temp-row-content .k-form-field .k-content .k-input:not(.k-checkbox):not(.k-address)::after {
  border-bottom: 1px solid var(--table-form-field-border-color);
}
.k-table tbody tr td .k-temp-row-content .k-display-cover {
  background-color: var(--table-row-form-bg);
}
.k-table tbody tr td.k-row-selector {
  text-align: center;
  position: relative;
}
.k-table tbody tr td.k-row-selector .k-cell {
  text-align: center;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
}
.k-table tbody tr td .k-lock {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  transition: all 0.2s ease;
}
.k-table tbody tr td .k-lock.k-locked {
  color: #dc3545;
  /* 红色表示锁定 */
}
.k-table tbody tr td .k-lock.k-locked::before {
  content: "\f023";
  /* Font Awesome的锁图标代码 */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}
.k-table tbody tr td .k-lock.k-unlocked {
  color: #28a745;
  /* 绿色表示未锁定 */
}
.k-table tbody tr td .k-lock.k-unlocked::before {
  content: "\f3c1";
  /* Font Awesome的解锁图标代码 */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}
.k-table tbody tr td .k-trips {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  transition: all 0.2s ease;
  color: #28a745;
  /* 绿色表示未锁定 */
  /* 已打印时显示份数圆圈 */
}
.k-table tbody tr td .k-trips::before {
  content: "\f4d7";
  /* Font Awesome的解锁图标代码 */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}
.k-table tbody tr td .k-trips .k-trip-count {
  position: absolute;
  top: -6px;
  /* 向上偏移，避免遮挡图标 */
  right: -6px;
  /* 向右偏移 */
  min-width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  background-color: #FF4D4F;
  /* 红色圆圈，醒目 */
  border-radius: 50%;
  /* 圆形 */
  display: none;
  /* 未打印时隐藏 */
}
.k-table tbody tr td .k-trips.k-visible .k-trip-count {
  display: inline-block;
}
.k-table tbody tr td .k-print-history {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  transition: all 0.2s ease;
  color: #28a745;
  /* 绿色表示未锁定 */
  /* 打印份数圆圈：绝对定位在图标右上角 */
  /* 已打印时显示份数圆圈 */
}
.k-table tbody tr td .k-print-history::before {
  content: "\f02f";
  /* Font Awesome的解锁图标代码 */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}
.k-table tbody tr td .k-print-history .k-print-count {
  position: absolute;
  top: -6px;
  /* 向上偏移，避免遮挡图标 */
  right: -6px;
  /* 向右偏移 */
  min-width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  background-color: #FF4D4F;
  /* 红色圆圈，醒目 */
  border-radius: 50%;
  /* 圆形 */
  display: none;
  /* 未打印时隐藏 */
}
.k-table tbody tr td .k-print-history.k-visible .k-print-count {
  display: inline-block;
}
.k-table tbody tr td .k-pic {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  transition: all 0.2s ease;
  color: #28a745;
  /* 绿色表示未锁定 */
  /* 打印份数圆圈：绝对定位在图标右上角 */
  /* 已打印时显示份数圆圈 */
}
.k-table tbody tr td .k-pic::before {
  content: "\f03e";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}
.k-table tbody tr td .k-pic .k-pic-count {
  position: absolute;
  top: -6px;
  /* 向上偏移，避免遮挡图标 */
  right: -6px;
  /* 向右偏移 */
  min-width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  background-color: #FF4D4F;
  /* 红色圆圈，醒目 */
  border-radius: 50%;
  /* 圆形 */
  display: none;
  /* 未打印时隐藏 */
}
.k-table tbody tr td .k-pic.k-visible .k-pic-count {
  display: inline-block;
}
.k-table tbody tr td .k-link {
  color: var(--link-color);
  cursor: pointer;
  font-weight: 500;
}
.k-table tbody tr td .k-link-view {
  color: #e67e22;
}
.k-table tbody tr td .k-tags {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  flex-wrap: wrap;
  font-size: 1.4rem;
}
.k-table tbody tr td .k-tags .k-tag {
  box-sizing: border-box;
  margin: 0;
  color: #fff;
  list-style: none;
  display: inline-block;
  line-height: 2rem;
  padding: 0px 10px;
  white-space: nowrap;
  background-color: transparent;
  border: none;
  border-radius: 14px;
  opacity: 1;
  transition: all 0.2s;
  text-align: start;
  color: #111827;
  border: 1px solid rgba(17, 24, 39, 0.08);
  font-weight: 500;
}
.k-table tbody tr td .k-tags .k-tag.k-color-1 {
  background-color: #EAF3FF;
}
.k-table tbody tr td .k-tags .k-tag.k-color-2 {
  background-color: #EAF7F0;
}
.k-table tbody tr td .k-tags .k-tag.k-color-3 {
  background-color: #FFF4DE;
}
.k-table tbody tr td .k-tags .k-tag.k-color-4 {
  background-color: #F1EEFF;
}
.k-table tbody tr td .k-tags .k-tag.k-color-5 {
  background-color: #EAF7FA;
}
.k-table tbody tr td .k-tags .k-tag.k-color-6 {
  background-color: #FFF0F3;
}
.k-table tbody tr td .k-tags .k-tag.k-color-7 {
  background-color: #F3F4F6;
}
.k-table tbody tr td .k-tags .k-tag.k-color-8 {
  background-color: #F5F1E8;
}
.k-table tbody tr td.k-status-group .k-status {
  box-sizing: border-box;
  margin: 0;
  color: #fff;
  font-size: 1.4rem;
  list-style: none;
  display: inline-block;
  padding: 3px 8px;
  white-space: nowrap;
  background-color: transparent;
  border: none;
  border-radius: 12px;
  opacity: 1;
  transition: all 0.2s;
  text-align: start;
  color: #111827;
  border: 1px solid rgba(17, 24, 39, 0.08);
  font-weight: 500;
  /*
              &.k-status-color-1 { background-color: #E8F0FE; } // blue
              &.k-status-color-2 { background-color: #E7F4ED; } // green
              &.k-status-color-3 { background-color: #FFF1D6; } // amber
              &.k-status-color-4 { background-color: #EEEAFB; } // violet
              &.k-status-color-5 { background-color: #E5F4F6; } // cyan
              &.k-status-color-6 { background-color: #FCE8EC; } // rose
              &.k-status-color-7 { background-color: #ECEFF3; } // slate
              &.k-status-color-8 { background-color: #F3EEE3; } // warm gray
*/
  /*
              &.k-OPERATION { 
    background-color: #1A365D !important;  // 深海军蓝
    color: #FFFFFF !important; 
};
&.k-COST { 
    background-color: #7F1D1D !important;  // 深酒红
    color: #FFFFFF !important; 
};
  
              &.k-OPERATION { 
    background-color: #E3F2FD !important;  // 极浅蓝
    color: #0D47A1 !important;             // 深蓝文字
};
&.k-COST { 
    background-color: #FFF3E0 !important;  // 极浅橙
    color: #E65100 !important;             // 深橙文字
};
              
              &.k-OPERATION { 
    background-color: #00A86B !important;  // 翠绿
    color: #FFFFFF !important; 
};
&.k-COST { 
    background-color: #FF6B35 !important;  // 活力橙
    color: #FFFFFF !important; 
};

              &.k-OPERATION { 
    background-color: #2B6CB0 !important;  // 深邃蓝
    color: #FFFFFF !important; 
};
&.k-COST { 
    background-color: #DD6B20 !important;  // 橙色
    color: #FFFFFF !important; 
};
*/
  /*
              &.k-1,&.k-LOADING,&.k-WAITING,&.k-DRAFT,&.k-PENDING,&.k-ASSIGNED,&.k-TO_BE_CONFIRMED{
                background-color:#fd7e14 !important;
                color:#fff;
              }
              &.k-waiting,&.k-ENABLED,&.k-USABLE,&.k-WORK,&.k-NORMAL,&.k-PARTIAL,&.k-PAID,&.k-SIGNED,&.k-APPROVED,&.k-OPEN,&.k-IN_TRANSIT,&.k-TRANSIT,&.k-ACTIVE,&.k-EXECUTTING,&.k-PROCESSING {
                background-color:#98F598 !important;;//  #28a745 !important; //
                color:#1A1A1A;
              }
              &.k-3,&.k-OWED,&.k-RESV,&.k-false,&.k-BE_RECV,&.k-REFUNDED,&.k-COLLECTED,&.k-IN_PROCESS,&.k-YEAR-CLOSED,&.k-CONFIRMED,&.k-TO_BE_DELIVERY,&.k-INITIALIZED{
                background-color: #F0F9FF !important; //#E8F5E9
                color:#1A1A1A;
              }
             &.k-working,&.k-4,&.k-TRIAL,&.k-UNPAID,&.k-UNLOADING{
                background-color:#db8400 !important;
                color:#fff;
              }
              &.k-0,&.k-true,&.k-failed,&.k-CANCELLED,&.k-CLOSED,&.k-OBSOLETE,&.k-INACTIVE,&.k-done,&.k-2,&.k-DISABLED,&.k-HOLD,&.k-DEPART,&.k-SHIPPED,&.k-SUSPENDED,&.k-DRIFT,&.k-TO_BE_PLANNED,&.k-RETURN{
                background-color:#808080 !important;
                color:#fff;
              }
              &.k-DISPATCHED,&.k-PARTIAL_SHIPPED,&.k-PARTIAL_TRANSIT,&.k-PARTIAL_DELIVERY{
                background-color:#06B6D4 !important;
                color:#fff;
              }
              &.k-DAMAGED,&.k-FAILED,&.k-REJECTED{
                background-color:#FF5722 !important;
                color:#fff;
              }
              &.k-STOWAGE,&.k-PLANNING,&.k-TO_BE_PICKUP,&.k-PLANNED,&.k-EXPIRED{
                background-color:#9400D3 !important;
                color:#fff;
              }
              &.k-TO_BE_RELEASED,&.k-RECVED,&.k-WITHDRAWN,&.k-LOCKED{
                background-color:#1E40AF !important;
                color:#fff;
              }
              &.k-ARRIVED,&.k-COMPLETED{
                background-color: #FFEB3B !important;// #FFEB3B !important;
                color:#1A1A1A;
              }
              &.k-status-color-11,&.k-UNLOADED{
                background-color:#14B8A6 !important;
                color:#fff;
              }
              &.k-status-color-12,&.k-DELIVERED{
                background-color:#FEFFCC !important;
                color:#333;
              }
                */
}
.k-table tbody tr td.k-status-group .k-status.k-DRAFT,
.k-table tbody tr td.k-status-group .k-status.k-TO_BE_CONFIRMED {
  background-color: #17a2b8 !important;
  color: #fff !important;
}
.k-table tbody tr td.k-status-group .k-status.k-IN_TRANSIT,
.k-table tbody tr td.k-status-group .k-status.k-PROCESSING {
  background-color: #28a745 !important;
  color: #fff !important;
}
.k-table tbody tr td.k-status-group .k-status.k-ARRIVED {
  background-color: #e3d8c0 !important;
  color: #000 !important;
}
.k-table tbody tr td.k-status-group .k-status.k-SIGNED {
  background-color: #ececec !important;
  color: #000 !important;
}
.k-table tbody tr td.k-status-group .k-status.k-CONFIRMED,
.k-table tbody tr td.k-status-group .k-status.k-PENDING {
  background-color: #fd7e14 !important;
  color: #fff !important;
}
.k-table tbody tr td.k-status-group .k-status.k-DOOR_TO_DOOR {
  background-color: #F0F5FF;
  color: #597EF7;
}
.k-table tbody tr td.k-status-group .k-status.k-TRUCK {
  background-color: #F6FFED;
  color: #73D13D;
}
.k-table tbody tr td.k-status-group .k-status.k-PICKUP {
  background-color: #FFF7E6;
  color: #FA8C16;
}
.k-table tbody tr td.k-status-group .k-status.k-DELIVERY {
  background-color: #E6FFFB;
  color: #13C2C2;
}
.k-table tbody tr td.k-status-group .k-status.k-OPERATION {
  background-color: #F5F5F5;
  color: #595959;
}
.k-table tbody tr td.k-status-group .k-status.k-COST {
  background-color: #F5F5F5;
  color: #595959;
}
.k-table tbody tr td.k-status-group .k-status.k-status-pending {
  background-color: #FFF7E6;
  color: #D4880F;
}
.k-table tbody tr td.k-status-group .k-status.k-status-transit {
  background-color: #E6F7FF;
  color: #1890FF;
}
.k-table tbody tr td.k-status-group .k-status.k-status-completed {
  background-color: #F6FFED;
  color: #389E0D;
}
.k-table tbody tr td.k-status-group .k-status.k-status-exception {
  background-color: #FFF1F0;
  color: #CF1322;
}
.k-table tbody tr td.k-status-group .k-status.k-status-canceled {
  background-color: #FAFAFA;
  color: #8C8C8C;
}
.k-table tbody tr td.k-status-group .k-status.k-status-color-1 {
  background-color: #EAF3FF;
}
.k-table tbody tr td.k-status-group .k-status.k-status-color-2 {
  background-color: #EAF7F0;
}
.k-table tbody tr td.k-status-group .k-status.k-status-color-3 {
  background-color: #FFF4DE;
}
.k-table tbody tr td.k-status-group .k-status.k-status-color-4 {
  background-color: #F1EEFF;
}
.k-table tbody tr td.k-status-group .k-status.k-status-color-5 {
  background-color: #EAF7FA;
}
.k-table tbody tr td.k-status-group .k-status.k-status-color-6 {
  background-color: #FFF0F3;
}
.k-table tbody tr td.k-status-group .k-status.k-status-color-7 {
  background-color: #F3F4F6;
}
.k-table tbody tr td.k-status-group .k-status.k-status-color-8 {
  background-color: #F5F1E8;
}
.k-table tbody tr td button.k-icon {
  width: 16px;
  background-color: transparent;
}
.k-table tbody tr td .k-action-group {
  background-color: transparent;
  display: flex;
  flex-direction: row;
  justify-content: center;
  word-wrap: normal;
  align-items: center;
  width: fit-content;
  gap: 8px;
  padding-right: 8px;
}
.k-table tbody tr td .k-action-group button.k-text {
  font-size: 1.5rem;
  font-weight: 500;
}
.k-table tbody tr td .k-action-group button {
  padding: 0;
  margin: 0;
  min-width: auto;
}
.k-table tbody tr td .k-action-group button i {
  color: var(--gray-600);
}
.k-table tbody tr .k-check-item {
  text-align: center;
}
.k-table tbody tr .k-check-item label {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  text-align: center;
}
.k-table tbody tr input,
.k-table tbody tr textarea {
  width: 100%;
  background-color: transparent;
}
.k-table tfoot {
  background-color: #edf6ff;
}
.k-table tfoot > tr {
  padding-left: 2px;
  border-bottom: 1px solid var(--light-border-color);
}
.k-table tfoot > tr th:first-child {
  text-align: center;
}
.k-table tfoot > tr > th {
  color: #333;
  background-color: transparent;
  font-weight: 500;
  display: table-cell;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  padding: 4px 2px;
}
.k-table .k-operations .k-cell {
  width: 100%;
  padding: 0 2px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  min-width: fit-content;
  position: relative;
  gap: 4px;
}
.k-table .k-operations .k-cell .k-actions {
  flex: 1;
  text-align: left;
}
.k-table .k-save-ui {
  color: var(--green);
}
.k-table .k-save-ui svg {
  vertical-align: middle;
  pointer-events: none;
  width: 20px;
  height: 20px;
  fill: var(--red);
}
.k-table .k-save-ui i {
  vertical-align: middle;
  font-style: normal;
  user-select: none;
  pointer-events: none;
}
.k-table .k-adjust-table {
  background-color: transparent;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 24px;
  height: 24px;
}
.k-table .k-adjust-table .k-r-line {
  position: relative;
  height: 1px;
  width: 16px;
  margin-bottom: 3px;
  background-color: #333;
}
.k-table .k-adjust-table .k-r-line::before {
  content: "";
  position: absolute;
  top: -2px;
  right: 0;
  transform: translateX(-50%);
  width: 5px;
  height: 5px;
  background-color: #333;
  border-radius: 50%;
}
.k-table .k-adjust-table .k-l-line {
  position: relative;
  height: 1px;
  width: 16px;
  margin-top: 3px;
  background-color: #333;
}
.k-table .k-adjust-table .k-l-line::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 5px;
  transform: translateX(-50%);
  width: 5px;
  height: 5px;
  background-color: #333;
  border-radius: 50%;
}
.k-table.k-audit-log-details tbody td {
  white-space: normal !important;
  word-break: break-all !important;
}
.k-action-row td .k-group {
  background-color: transparent;
  display: flex;
  flex-direction: row;
  justify-content: center;
  word-wrap: normal;
  align-items: center;
  width: fit-content;
  gap: 8px;
  padding-right: 8px;
}
.k-action-row td .k-group button.k-text {
  font-size: 1.5rem;
  font-weight: 500;
}
.k-action-row td button:first-child {
  margin-left: 80px !important;
}
.k-resize-handle {
  cursor: col-resize;
  width: 5px;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  background-color: #ddd;
  display: none;
  user-select: none;
  touch-action: none;
}
th:hover .k-resize-handle {
  display: block;
}
.k-drag-guide {
  position: absolute;
  background-color: #f00;
  color: #fff;
  padding: 2px 5px;
  border-radius: 3px;
  z-index: 100;
}
.k-right-close-icon {
  visibility: hidden;
}
.k-v-shrink-bar {
  width: 32px;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 4px 0px;
  background-color: #cecece;
}
.k-v-shrink-bar button {
  margin-top: 8px;
  width: 16px;
}
.k-v-shrink-bar > i {
  font-size: 20px;
  margin-top: 8px;
  color: #666;
  height: 12px;
}
.k-tag-color-0 {
  --background-color: #e6dddd;
  background-color: var(--background-color) !important;
  --color: RGBA(60, 60, 60, var(--text-opacity, 1));
  color: var(--color) !important;
}
.k-tag-color-1 {
  --background-color: RGBA(255, 155.5, 155.5, var(--bg-opacity, 1));
  background-color: var(--background-color) !important;
  --color: RGBA(67.15870044, 11.84129956, 11.84129956, var(--text-opacity, 1));
  color: var(--color) !important;
}
.k-tag-color-2 {
  --background-color: RGBA(247.0375, 198.06116071, 152.4625, var(--bg-opacity, 1));
  background-color: var(--background-color) !important;
  --color: RGBA(52.9, 33.325, 15.1, var(--text-opacity, 1));
  color: var(--color) !important;
}
.k-tag-color-3 {
  --background-color: RGBA(252.88960843, 226.89175248, 135.61039157, var(--bg-opacity, 1));
  background-color: var(--background-color) !important;
  --color: RGBA(47.45993976, 39.05405514, 9.54006024, var(--text-opacity, 1));
  color: var(--color) !important;
}
.k-tag-color-4 {
  --background-color: RGBA(187.45210396, 215.03675558, 248.04789604, var(--bg-opacity, 1));
  background-color: var(--background-color) !important;
  --color: RGBA(25.3049505, 49.60939855, 78.6950495, var(--text-opacity, 1));
  color: var(--color) !important;
}
.k-tag-color-5 {
  --background-color: RGBA(216.79194664, 167.70805336, 203.91748283, var(--bg-opacity, 1));
  background-color: var(--background-color) !important;
  --color: RGBA(28.91432806, 24.08567194, 27.64779531, var(--text-opacity, 1));
  color: var(--color) !important;
}
.k-tag-color-6 {
  --background-color: RGBA(247.84539474, 213.9484835, 199.65460526, var(--bg-opacity, 1));
  background-color: var(--background-color) !important;
  --color: RGBA(85.32105263, 46.88635147, 30.67894737, var(--text-opacity, 1));
  color: var(--color) !important;
}
.k-tag-color-7 {
  --background-color: RGBA(136.6125, 224.8875, 218.94591346, var(--bg-opacity, 1));
  background-color: var(--background-color) !important;
  --color: RGBA(10.58333333, 19.41666667, 18.82211538, var(--text-opacity, 1));
  color: var(--color) !important;
}
.k-tag-color-8 {
  --background-color: RGBA(150.60535714, 165.68382711, 248.89464286, var(--bg-opacity, 1));
  background-color: var(--background-color) !important;
  --color: RGBA(13.95714286, 20.10665584, 54.04285714, var(--text-opacity, 1));
  color: var(--color) !important;
}
.k-tag-color-9 {
  --background-color: RGBA(254.94583333, 157.55416667, 203.95543194, var(--bg-opacity, 1));
  background-color: var(--background-color) !important;
  --color: RGBA(68.805, 12.195, 39.16625654, var(--text-opacity, 1));
  color: var(--color) !important;
}
.k-tag-color-10 {
  --background-color: RGBA(182.62075688, 236.87924312, 189.81831118, var(--bg-opacity, 1));
  background-color: var(--background-color) !important;
  --color: RGBA(30.82018349, 57.17981651, 34.3168695, var(--text-opacity, 1));
  color: var(--color) !important;
}
.k-tag-color-11 {
  --background-color: RGBA(230.11575613, 219.41069277, 252.08930723, var(--bg-opacity, 1));
  background-color: var(--background-color) !important;
  --color: RGBA(56.75321978, 31.58433735, 108.41566265, var(--text-opacity, 1));
  color: var(--color) !important;
}
.k-icon-change {
  width: 18px;
  height: 18px;
  color: red;
  border: 1px solid red;
  /* 红色圆环 */
  border-radius: 50%;
  /* 圆形 */
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  box-shadow: 0 0 2px 1px rgba(255, 0, 0, 0.5);
  /* 添加红色阴影，增加圆环的视觉效果 */
}
.k-icon-change i {
  font-size: 13px;
  font-style: normal;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.k-charge {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 4px;
}
.k-charge .k-charge-item {
  border-bottom: 1px solid #ddd;
  border: 1px solid #ddd !important;
  min-width: 8rem;
  max-width: 12rem;
}
.k-charge .k-charge-item.k-price-type {
  min-width: 10rem;
  max-width: 12rem;
}
.k-charge .k-charge-item.k-price {
  min-width: 6rem;
  max-width: 8rem;
}
.k-charge .k-charge-item.k-charge-quantity {
  min-width: 6rem;
  max-width: 8rem;
}
.k-charge .k-charge-item.k-amount {
  min-width: 6rem;
  max-width: 8rem;
}
.k-charge .k-charge-item.k-charge-unit {
  min-width: 6rem;
  max-width: 12rem;
}
.k-charge .k-charge-item.k-focus {
  border: 1px solid #09f !important;
}
/*
<div class="table-wrapper">
  <table>
    <colgroup>
      <col class="col-serial">
      <col class="col-status">
      <col class="col-desc">
      <col class="col-action">
    </colgroup>
    <thead>
      <tr>
        <th>序号</th>
        <th>状态</th>
        <th>描述</th>
        <th>操作</th>
      </tr>
    </thead>
  </table>
</div>

<style>
.table-wrapper {
  width: 100%;
  overflow-x: auto;
}

table {
  table-layout: fixed;
  width: 100%;
}

//
.col-serial { width: 80px; }
.col-status { width: 120px; }
.col-desc { width: auto; }    // 自动占用剩余空间 
.col-action { width: 150px; }
</style>
*/

.k-toolbar {
  width: 100%;
  height: var(--toolbar-height);
  font-size: 1.5rem;
  position: relative;
  align-items: center;
  display: flex;
  gap: 4px;
  box-sizing: border-box;
  background-color: var(--toolbar-bg);
}
.k-toolbar .k-left-bar {
  width: auto;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  padding-bottom: 4px;
  flex: 1;
  position: relative;
}
.k-toolbar .k-left-bar .k-operation-bar {
  padding-left: 24px;
}
.k-toolbar .k-left-bar .k-progress-bar {
  margin-left: 8px;
}
.k-toolbar .k-others {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
  justify-content: flex-start;
  padding-left: 10px;
  gap: 8px;
}
.k-toolbar .k-operation-bar {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  gap: 8px;
}
.k-toolbar .k-progress-bar {
  width: 100%;
  max-width: 400px;
  height: 3px;
  background-color: var(--progress-bar-bg);
  border-radius: 1px;
  overflow: hidden;
  visibility: hidden;
}
.k-toolbar .k-progress-bar .k-progressing {
  width: 0;
  height: 100%;
  background-color: #4CAF50;
  transition: width 0.5s ease-in-out;
}
.k-toolbar button {
  width: auto;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  background-color: var(--tool-button-bg);
  color: var(--tool-button-color);
  user-select: none;
}
.k-toolbar button.k-icon {
  padding: 2px !important;
  margin: 0;
  width: 24px;
  height: 24px;
  min-width: 0;
  background-color: transparent ;
}
.k-toolbar button i {
  font-size: 1.4rem;
  font-style: normal;
}
.k-toolbar button.k-text {
  color: var(--text-button-color);
  background-color: transparent !important;
}
.k-toolbar button.k-text:disabled {
  color: var(--text-button-disabled-color);
}
.k-toolbar button.k-text:disabled .fa {
  color: var(--text-button-disabled-color);
}
.k-toolbar button.k-text:disabled:hover {
  color: var(--text-button-disabled-color);
}
.k-toolbar button.k-text:disabled:hover .fa {
  color: var(--text-button-disabled-color);
}
.k-toolbar button:disabled {
  color: var(--text-button-disabled-color);
}
.k-toolbar button:disabled .fa {
  color: var(--text-button-disabled-color);
}
.k-toolbar button:disabled:hover {
  color: var(--text-button-disabled-color);
}
.k-toolbar button:disabled:hover .fa {
  color: var(--text-button-disabled-color);
}
.k-toolbar button:hover .fa {
  color: var(--button-hover-color);
}
.k-toolbar button.k-text:hover {
  background-color: var(--text-button-hover-bg) !important;
  color: var(--text-button-hover-color);
}
.k-toolbar button.k-print {
  color: var(--print-button-color);
  background-color: var(--print-button-bg);
}
.k-toolbar button.k-print:hover {
  background-color: var(--print-button-hover-bg);
}
.k-toolbar .k-solid-button {
  background-color: var(--solid-button-bg);
  border-radius: 5px;
  height: auto;
  padding: 5px 14px;
  color: #000;
  border: 1px solid var(--solid-button-border-color);
}
.k-toolbar .k-solid-button i {
  font-size: 1.7px;
}
.k-toolbar .k-right-bar {
  width: auto;
  height: 100%;
  display: flex;
  flex-direction: row;
  flex: 1;
  align-items: flex-end;
  padding-bottom: 4px;
  gap: 8px;
}
.k-toolbar .k-right-bar .k-operation-bar {
  justify-content: flex-end;
  padding-right: 4px;
}
.k-toolbar .k-right-bar .k-progress-bar {
  margin-right: 8px;
}
.k-toolbar .k-right-bar button {
  background-color: var(--tool-button-bg);
}
.k-section-toolbar {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  padding: 4px 8px;
  background-color: transparent;
}
.k-section-toolbar .k-button {
  background-color: transparent !important;
}
.k-section-toolbar .k-button:hover {
  background-color: transparent !important;
}
.k-section-toolbar .k-button.k-text {
  font-size: 1.4rem !important;
  font-weight: 600 !important;
}

.k-input-field {
  display: flex;
  align-items: center;
  position: relative;
  min-height: var(--control-height);
}
.k-input-field input,
.k-input-field textarea {
  flex: 1;
  min-width: 0;
  border: none;
  outline: none;
  background: transparent;
  color: inherit;
  font: inherit;
}
.k-input-field.k-border {
  border-bottom: none !important;
  border: 1px solid var(--border-color) !important;
  border-radius: 3pz !important;
}
.k-input-field.k-border.k-focus {
  border: 1px solid var(--form-focus-border-color) !important;
}
.k-input-field .k-unit-suffix {
  position: absolute;
  right: 12px;
  color: #9ca3af;
  font-size: 1.4rem;
  pointer-events: none;
  background: var(--bg);
  padding-left: 4px;
}
.k-input-field .k-currency-symbol {
  font-size: 1.4rem;
  font-weight: 500;
  color: #1e293b;
  pointer-events: none;
  line-height: 1;
}
.k-input-field .k-unit {
  font-size: 1.4rem;
  font-weight: 500;
  color: #1e293b;
  pointer-events: none;
  line-height: 1;
  padding-left: 4px;
}

.k-form-field {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  font-size: inherit;
  /* 继承字体大小 */
  font-family: inherit;
  /* 继承字体家族 */
  gap: 4px;
  /* 关键：设置行的最小高度为与文本行相同 */
  min-height: 1.2;
  /* 通常与line-height保持一致 */
  line-height: 1.2;
  /* 行高决定了内容行的高度 */
}
.k-form-field > .k-field-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  white-space: nowrap;
  font-size: var(--form-field-title-font-size);
  font-weight: var(--form-field-title-font-weight);
  height: auto;
  margin: auto 0px;
  color: var(--form-field-title-color);
  box-sizing: border-box;
}
.k-form-field .k-content {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  grid-column: 2;
  /* 确保输入框在第二列 */
  position: relative;
  min-width: 0;
  background-color: var(--bg);
}
.k-form-field .k-content .k-input-content {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.k-form-field .k-content .k-input-content input {
  font-weight: var(--form-field-value-font-weight) !important;
  font-size: var(--form-field-value-font-size);
}
.k-form-field .k-content .k-em {
  font-weight: bold;
  margin: auto 0;
  visibility: hidden;
  padding: 0 4px;
  font-family: sans-serif;
  width: fit-content;
}
.k-form-field .k-content .k-input {
  outline: 0;
  height: auto;
  min-height: 2rem;
  width: 100%;
  flex: 1;
  font-size: var(--form-field-value-font-size);
  color: var(--form-field-value-color) !important;
  background-color: transparent !important;
  padding-left: var(--form-input-padding-left);
  box-sizing: border-box;
  position: relative;
  font-family: inherit;
  /* 继承字体家族 */
}
.k-form-field .k-content .k-input i {
  color: #aaa;
  font-size: 16px;
}
.k-form-field .k-content .k-input::after {
  color: var(--dark);
}
.k-form-field .k-content .k-input input {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  width: 100%;
}
.k-form-field .k-content input {
  overflow: hidden;
}
.k-form-field .k-content textarea {
  font-weight: var(--form-font-weight) !important;
  font-size: var(--form-font-size) !important;
  line-height: 1.4;
  resize: none;
}
.k-form-field .k-content .k-unit {
  font-size: var(--main-font-size);
}
.k-form-field.k-cols {
  display: flex;
  flex-direction: column !important;
  align-items: baseline;
}
.k-form-field.k-cols .k-content {
  width: 100%;
}
.k-form-field.k-cols .k-content .k-input {
  width: 100%;
}
.k-form-field.k-cols .k-content .k-input.k-border {
  padding: 6px 8px !important;
  border: 1px solid var(--border-color-2) !important;
  border-radius: 8px !important;
}
.k-form-field.k-cols .k-content .k-input.k-border::after {
  content: none !important;
}
.k-form-field.k-cols .k-content .k-input.k-border.k-focus {
  border: 1px solid var(--form-focus-border-color) !important;
}
.k-form-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: auto;
  vertical-align: middle;
  margin-bottom: var(--form-row-margin-top);
  box-sizing: border-box;
  width: 100%;
}
.k-form-row .k-doc-field {
  flex: 1;
}
.k-form-row.k-multi-items .k-form-field {
  flex: 1 !important;
}
.k-form-row.k-multi-items .k-form-field .k-title {
  width: auto !important;
  min-width: 3rem;
}
.k-form-row.k-multi-items .k-form-field .k-input {
  flex: 1 !important;
}
.k-flex-d-row {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.k-flex-d-column {
  display: flex;
  flex-direction: column;
}
.k-flex-row {
  padding: 0 4px;
  width: 100%;
}
.k-flex-row label {
  margin: 4px 0;
  word-wrap: normal;
  word-break: keep-all;
  white-space: nowrap;
  color: var(--gray-700);
}
.k-flex-row .k-title {
  margin-right: 4px;
  word-wrap: normal;
  word-break: keep-all;
  white-space: nowrap;
}
.k-flex-row .k-input {
  outline: 0;
  height: auto;
  width: 100%;
  background-color: transparent !important;
  box-sizing: border-box;
}
.k-flex-row .k-input.k-border {
  border: 1px solid var(--border-color);
}
.k-flex-row .k-input.k-border.k-focus {
  border: 1px solid var(--form-focus-border-color);
}
.k-doc-field {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}
.k-doc-field label {
  color: var(--form-field-title-color);
  font-size: 1.4rem;
}
.k-doc-field .k-input:not(.k-checkbox) {
  width: 100%;
  min-height: 3rem;
  padding: 0.6rem 0.8rem;
  border: 1px solid var(--border-color) !important;
  border-radius: 6px;
  background: var(--bg);
}
.k-doc-field .k-input:not(.k-checkbox).k-focus {
  border: 1px solid var(--form-focus-border-color) !important;
}
.k-doc-field textarea {
  min-height: 7.4rem !important;
  resize: vertical;
  overflow: auto !important;
  /* 保留滚动机制 */
  scrollbar-width: none;
  /* Firefox: 隐藏滚动条 */
  -ms-overflow-style: none;
  /* IE/Edge: 隐藏 */
}
.k-doc-field .k-input.k-disabled {
  background: var(--disabled-bg) !important;
  border-color: var(--border-color);
}
.k-required-mark {
  font-weight: bold;
  margin: 0;
  visibility: hidden;
  padding: 1px 2px;
  font-family: sans-serif;
  width: fit-content;
  height: 1em;
  color: red;
}
.k-form-wrapper {
  height: 100%;
  width: 100%;
  background-color: var(--form-bg);
  display: flex;
  flex-direction: row;
  position: relative;
  box-sizing: border-box;
}
.k-form-wrapper.k-content-center {
  justify-content: center;
}
.k-form-wrapper .k-baidu-map {
  min-height: 400px;
  flex: 1;
}
.k-form-wrapper.k-new .k-new-hide {
  display: none;
}
.k-form-wrapper.k-edit .k-edit-hide {
  display: none;
}
.k-form-wrapper.k-view .k-view-hide {
  display: none;
}
.k-form-wrapper:not(.k-is-dirty) .k-dirty-visible {
  display: none;
}
.k-form-wrapper .k-assistant {
  height: 100%;
  display: block;
  position: relative;
  flex: 1;
  background-color: var(--gray-200);
}
.k-form-wrapper .k-toolbar button {
  background-color: var(--form-button-bg) !important;
}
.k-form-wrapper .k-form-content {
  width: auto;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
.k-form-wrapper .k-form-content .k-toolbar {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  box-sizing: border-box;
  padding: 0  16px;
  height: var(--form-toolbar-height);
  background-color: transparent !important;
  border-bottom: 1px solid var(--border-color);
}
.k-form-wrapper .k-form-content .k-toolbar .k-right-bar {
  align-items: center;
  padding: 0;
}
.k-form-wrapper .k-form-content .k-toolbar button {
  background-color: var(--form-button-bg) !important;
  color: #444;
  font-weight: 600;
}
.k-form-wrapper .k-form-content .k-toolbar button:hover {
  background-color: #CECFDE !important;
}
.k-form-wrapper .k-form-content .k-form-frame {
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.k-form-wrapper .k-form-content .k-form-frame .k-baidu-map {
  min-height: 400px;
  flex: 1;
}
.k-display-cover {
  display: inline;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background-color: var(--form-bg);
}
.k-form {
  box-sizing: border-box;
  position: relative;
  cursor: default;
  display: flex;
  flex-direction: column;
  font-weight: var(--form-font-weight) !important;
  font-size: var(--form-font-size) !important;
  background-color: var(--form-bg);
  padding: 16px;
}
.k-form.k-coord-ok .k-address .k-check-location::before {
  color: #007FFF !important;
}
.k-form .k-input {
  font-size: var(--form-field-value-font-size);
  font-weight: var(--form-field-value-font-weight);
  color: var(--form-field-value-color);
}
.k-form .k-input input {
  width: 100%;
  line-height: 1.5;
  padding: 1px 2px;
}
.k-form.k-role-form .k-input {
  color: var(--text-color) !important;
  font-weight: 500 !important;
}
.k-form .k-fee-group .k-money input,
.k-form .k-total-group .k-money input,
.k-form .k-fee-group .k-number input,
.k-form .k-total-group .k-number input,
.k-form .k-fee-group .k-decimal input,
.k-form .k-total-group .k-decimal input {
  padding-right: 50%;
}
.k-form section {
  padding: 0 20px;
  width: 100%;
  height: auto;
  font-size: inherit;
  /* 继承字体大小 */
  font-family: inherit;
  /* 继承字体家族 */
}
.k-form .k-bottom .k-fee-group .k-form-field .k-field-title {
  width: 8.5rem;
  text-align: left !important;
}
.k-form .k-form-error {
  font-size: 1.5rem;
  font-weight: 600;
  padding: 0 20px;
  padding-top: 8px;
  text-align: center;
  word-break: break-all;
  color: red;
}
.k-form .k-group-title {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  font-size: 1.5rem;
  font-weight: 600;
  padding: 2px 0;
  margin-bottom: 0 !important;
  text-align: left;
  vertical-align: middle;
  word-break: keep-all;
}
.k-form .k-group-title.k-border {
  border-bottom: 1px solid var(--border-color);
}
.k-form .k-section-title {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  padding: 2px 0;
  margin-bottom: 8px;
  margin-top: 10px;
}
.k-form .k-section-title .k-title {
  height: auto;
  width: fit-content;
  font-size: 1.8rem;
  font-weight: 600;
  color: #555;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  word-break: keep-all;
}
.k-form .k-section-title .k-button {
  padding: 3px 12px;
}
.k-form .k-section-title.k-border {
  border-bottom: 1px solid var(--border-color);
}
.k-form .k-table-frame {
  padding-bottom: 10px;
  overflow-x: auto;
}
.k-form .k-tab .k-table thead tr th {
  background-color: var(--form-bg);
}
.k-form .k-table .k-action-row button {
  margin-left: 16px;
  font-size: var(--main-font-size);
  font-weight: 500;
}
.k-form .k-table tr {
  background-color: transparent !important;
}
.k-form .k-fee-group .k-fee input {
  text-align: right;
}
.k-form .k-fee-group .k-settlement-fee.k-money input {
  text-align: right;
}
.k-form .k-total-group input {
  text-align: right;
}
.k-form .k-status {
  padding: 4px 16px;
  white-space: nowrap;
  word-break: keep-all;
  font-size: 1.5rem;
  font-weight: bold;
  position: relative;
  text-align: center;
  background-color: var(--green) !important;
  color: #fff !important;
  border-radius: 16px;
}
.k-form .k-status.k-status-1 {
  border-color: #9cc4f5 !important;
  background: #eff7ff !important;
  color: #135a9e !important;
  border: 1px solid #cdd7e3;
  border-radius: 8px;
}
.k-form .k-status.k-status-2 {
  border-color: #a8d8bd !important;
  background: #f1fbf5 !important;
  color: #247344 !important;
  border: 1px solid #cdd7e3;
  border-radius: 8px;
}
.k-form .k-status.k-status-3 {
  border-color: #f5b0b0 !important;
  background: #fdf2f2 !important;
  color: #c33c3c !important;
  border: 1px solid #cdd7e3;
  border-radius: 8px;
}
.k-form .k-form-title {
  width: 100%;
  font-size: 1.8rem;
  font-weight: bold;
  color: #555;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 8px;
  box-sizing: border-box;
  padding: 0 16px;
  height: 64px;
  gap: 16px;
}
.k-form .k-form-title input.k-code {
  font-size: 3rem !important;
}
.k-form .k-form-title .k-form-field {
  width: auto;
}
.k-form .k-form-title .k-form-field .k-form-title {
  font-size: 1.8rem;
}
.k-form .k-form-title .k-form-field .k-input {
  font-size: 1.8rem;
  width: 100%;
}
.k-form .k-form-title .k-qrcode {
  height: 100%;
  aspect-ratio: 1/1;
  /* 宽高比1:1 */
  border: 1px solid var(--border-color);
}
.k-form .k-form-title.k-bottom-border {
  border-bottom: 1px solid var(--border-color);
  margin-bottom: 0 !important;
  padding-bottom: 16px !important;
  padding-top: 20px !important;
}
.k-form .k-form-title .k-form-title-start {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 3rem;
}
.k-form .k-form-title .k-form-title-start .k-input {
  font-size: 3rem !important;
  flex: 1;
}
.k-form .k-form-title .k-order-number {
  font-size: 3.2rem;
  font-weight: bold;
  color: #555;
  flex: 1;
}
.k-form .k-form-title .k-type {
  text-align: center;
  background-color: var(--cyan);
  color: #fff;
  border-radius: 16px;
}
.k-form .k-form-title .k-verified {
  text-align: center;
  background-color: var(--blue);
  color: #fff;
  border-radius: 16px;
}
.k-form .k-form-title input {
  font-weight: bold;
  flex: 1;
}
.k-form.k-new .k-input.k-v:hover .k-clear,
.k-form.k-edit .k-input.k-v:hover .k-clear {
  display: block;
}
.k-form.k-new .k-input.k-v:hover .k-calculator,
.k-form.k-edit .k-input.k-v:hover .k-calculator {
  display: none;
}
.k-form.k-new .k-image:hover .k-upload-wrap,
.k-form.k-edit .k-image:hover .k-upload-wrap {
  opacity: 1 !important;
}
.k-form.k-new .k-display-cover,
.k-form.k-edit .k-display-cover {
  pointer-events: none;
}
.k-form.k-new .k-required-mark,
.k-form.k-edit .k-required-mark {
  visibility: visible !important;
}
.k-form.k-new .k-form-title .k-new {
  display: block;
}
.k-form.k-new .k-form-title .k-new::after {
  font-family: 'Font Awesome 6 Free';
  content: "\f016";
  width: 14px;
  position: absolute;
  right: 2px;
  top: calc(100% - 20px);
  left: calc(100% + 8px);
  pointer-events: none;
}
.k-form.k-new .k-form-title .k-edit {
  display: none;
}
.k-form.k-new .k-form-title .k-view {
  display: none;
}
.k-form.k-new .k-form-title .k-value {
  font-weight: bold;
}
.k-form.k-new .k-new-hide {
  display: none !important;
}
.k-form.k-new .k-title-new {
  display: block;
  line-height: normal;
  white-space: nowrap;
  word-break: keep-all;
}
.k-form.k-new .k-order-number {
  display: none;
}
.k-form.k-edit .k-edit {
  display: none;
}
.k-form.k-edit .k-update {
  display: inline-block;
}
.k-form.k-edit .k-insert {
  display: none;
}
.k-form.k-edit .k-title-new {
  display: none;
}
.k-form.k-edit .k-order-number {
  display: block;
}
.k-form.k-edit .k-form-title .k-new {
  display: none;
}
.k-form.k-edit .k-form-title .k-edit {
  display: block;
}
.k-form.k-edit .k-form-title .k-edit::after {
  font-family: 'Font Awesome 6 Free';
  content: "\f040";
  width: 14px;
  position: absolute;
  right: 2px;
  top: calc(100% - 20px);
  left: calc(100% + 8px);
  pointer-events: none;
}
.k-form.k-edit .k-form-title .k-view {
  display: none;
}
.k-form.k-edit .k-edit-hide {
  display: none !important;
}
.k-form.k-edit .k-form-field.k-dirty .k-em {
  visibility: visible;
  color: red;
}
.k-form.k-view .k-title-new {
  display: none;
}
.k-form.k-view .k-order-number {
  display: block;
}
.k-form.k-view .k-datepicker i {
  display: none;
}
.k-form.k-view .k-indicator {
  display: none;
}
.k-form.k-view .k-edit {
  display: inline-block;
}
.k-form.k-view .k-update {
  display: none;
}
.k-form.k-view .k-insert {
  display: none;
}
.k-form.k-view .k-form-title .k-input {
  background-color: transparent;
}
.k-form.k-view table.k-input tr.k-cur td {
  background-color: transparent !important;
}
.k-form.k-view tr input {
  border: none;
  background-color: transparent;
}
.k-form.k-view tr.k-cur .k-display-cover {
  background-color: var(--table-sel-row-bg);
}
.k-form.k-view tr.k-sel input {
  background-color: transparent;
}
.k-form.k-view .k-view-hide {
  display: none !important;
}
.k-form.k-view .k-display-cover {
  pointer-events: auto;
}
.k-form.k-view .k-image .k-upload-wrap {
  opacity: 0 !important;
}
.k-form .k-bottom-bar {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: auto;
  width: auto;
  margin-bottom: 16px;
  padding-left: 8px;
  padding-right: 8px;
}
.k-form .k-grid {
  display: grid;
  padding-bottom: var(--form-row-margin-top);
}
.k-form .k-grid .k-grid-col {
  display: grid !important;
  grid-template-columns: fit-content(80px) 1fr;
  gap: var(--form-row-margin-top) 8px;
}
.k-form .k-grid .k-grid-col .k-form-field {
  display: contents ;
}
.k-form .k-grid .k-grid-col .k-form-field .k-title {
  width: 100%;
}
.k-form .k-warning {
  color: red;
  font-size: 1.5rem;
  font-weight: bold;
  margin-top: 8px;
  margin-bottom: 8px;
  word-break: break-all;
  padding: 0 20px;
  text-align: center;
  vertical-align: middle;
}
.k-form-sum {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.k-form-sum .k-form-sum-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.k-form-sum .k-form-sum-item .k-form-field {
  display: inline-flex;
  margin: 4px 6px;
}
.k-form-sum .k-form-sum-item .k-form-field .k-title {
  margin-right: 4px;
}
.k-form-sum .k-form-sum-item .k-form-field .k-content {
  min-width: 8rem;
  border-bottom: 1px solid var(--form-border-light-color);
  text-align: right;
  font-weight: bold;
  font-family: sans-serif;
}
.k-form-sum .k-form-sum-item .k-form-field .k-unit {
  min-width: 6rem;
  margin-left: 4px;
  font-family: sans-serif;
}
.k-form-row.k-row-column {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column !important;
  align-items: start;
  box-sizing: border-box;
  font-size: inherit;
  /* 继承字体大小 */
  font-family: inherit;
  /* 继承字体家族 */
  gap: var(--form-row-margin-top);
}
.k-column-wrap {
  display: flex;
  flex-direction: row;
  align-items: start;
  box-sizing: border-box;
  width: 100%;
  gap: 8px;
  font-size: inherit;
  /* 继承字体大小 */
  font-family: inherit;
  /* 继承字体家族 */
}
.k-column-wrap .k-column {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
  box-sizing: border-box;
  font-size: inherit;
  /* 继承字体大小 */
  font-family: inherit;
  /* 继承字体家族 */
}
.k-row-wrap {
  display: flex;
  flex-direction: column;
  align-items: start;
  box-sizing: border-box;
  width: 100%;
}
.k-form-bottom-tool-bar,
.k-table-bottom-tool-bar {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 4px 8px;
}
.k-form-bottom-tool-bar button.k-text,
.k-table-bottom-tool-bar button.k-text {
  margin: auto 4px;
  padding: 4px 12px;
}
/*
.k-grid-title{
  flex: 0 0 auto; // 不占据剩余空间 
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: right;
  margin-right: 8px;
  min-width: 80px; // 设置最小宽度为 80px
  width: fit-content; // 自动宽度 
  margin-right: 8px; // 与内容之间添加间距 
  .k-title{
    flex: 1;
    width: auto !important;
  }
}
.k-grid-content{
  width: 100%;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;          
  .k-title{
    width: auto !important;
  }
  .k-form-field{
    flex: 1 !important;
  }
}



.k-grid-title{
  width: fit-content; 
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: right;    
  .k-title{
    flex: 1;
    width: auto !important;
    
  }
}
.k-grid-content{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  .k-title{
    width: auto !important;
  }
  .k-form-field{
    flex: 1 !important;
  }
}

 */
.form-group {
  position: relative;
  margin-bottom: 20px;
}
.error-tooltip.show {
  opacity: 1;
  visibility: visible;
}
input.invalid {
  border-color: #ff6b6b;
}
.k-input-error {
  /*
  flex: 0 0 auto;
  display: flex;
  width: 100%;
  height: fit-content;
  */
  color: red;
  position: absolute;
  top: 100%;
  left: 0;
  border: 1px solid #ff6b6b;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 1.3rem;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
  z-index: 10;
}
.k-input-error.k-show {
  opacity: 1;
  visibility: visible;
}
.k-input-error::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 10px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #ff6b6b transparent;
}
.k-sub-form {
  padding-top: 16px;
}
.k-cell.k-sub-form {
  padding-top: 0 !important;
  display: flex;
  flex-direction: column;
}
.k-cell.k-sub-form .k-cell-input {
  border: 1px solid var(--border-color);
  border-radius: 5px;
}
.k-cell.k-sub-form .k-settlement-fee {
  border: 1px solid var(--border-color);
  border-radius: 5px;
}
.k-bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px 0;
}
.k-quick-trips {
  width: 100%;
  padding: 20px;
}
.k-quick-trips .k-trips-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 8px;
  background: linear-gradient(135deg, #f5f7fa 0%, #eef2f6 100%);
  border: none;
  border-left: 4px solid #409eff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
}
.k-quick-trips .k-trips-content .k-trips-bar {
  font-size: 1.5rem;
  font-weight: 600;
  padding: 4px;
  margin-bottom: 20px;
  color: #495057;
}
.k-quick-trips .k-trips-content ul {
  padding-left: 20px;
  list-style-type: disc;
  list-style-position: inside;
  width: 100%;
  height: auto;
}
.k-quick-trips .k-trips-content ul li {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 4px;
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.k-quick-trips .k-trips-content .k-trips-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.k-quick-trips .k-trips-content .k-trips-list span {
  position: relative;
  padding-left: 12px;
  font-size: 1.4rem;
}
.k-quick-trips .k-trips-content .k-trips-list span::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #409eff;
}
.k-total-bar {
  margin-top: 20px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 14px 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}
.k-total-bar .k-total-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.k-total-bar .k-total-item .k-content {
  background-color: transparent !important;
}
.k-total-bar .k-total-item .k-static {
  background-color: transparent !important;
}
.k-between-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 15px;
  background-color: var(--bg-gray-3);
  padding: 12px 20px;
}
.k-between-row .k-input {
  background-color: var(--bg);
  padding: 4px 4px;
}

.k-popup {
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  border: 1px solid var(--border-color);
  border-radius: 3px;
  background-color: var(--popup-bg);
  z-index: 999;
  width: fit-content;
  height: auto;
  flex-direction: column;
  font-size: 1.5rem;
}
.k-popup .k-region-list {
  display: flex;
  flex-direction: column;
}
.k-popup .k-region-list .k-region-item {
  padding: 4px 6px;
  cursor: pointer;
}
.k-popup .k-region-list .k-region-item :hover {
  color: #1890ff;
  background: #eeeeee;
}
.k-region {
  width: fit-content !important;
  flex: none !important;
  margin-right: 4px;
  display: flex;
  align-items: center;
}
.k-region.k-border {
  border-bottom: none !important;
  border: 1px solid var(--border-color) !important;
  border-radius: 3px !important;
}
.k-region.k-border.k-focus {
  border: 1px solid var(--form-focus-border-color) !important;
}
.k-region.k-hide-country .k-country-wrapper {
  display: none;
}
.k-region .k-country-wrapper {
  display: inline-flex;
  flex-direction: row;
  width: auto;
  min-width: 6rem;
  max-width: 12rem;
}
.k-region .k-country-wrapper input {
  flex: none !important;
  width: 6rem !important;
  min-width: 6rem !important;
  /* 添加以下属性 */
  max-width: 100%;
  /* 限制不超出父容器 */
  box-sizing: border-box;
  /* 让 padding 计入宽度 */
}
.k-region .k-country-wrapper .k-option {
  padding: 4px;
  cursor: pointer;
}
.k-region .k-region-wrapper {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}
.k-region .k-region-wrapper .k-region-input {
  border: none !important;
  min-width: 12rem !important;
  max-width: 38rem !important;
  background: transparent !important;
}
.k-region-dropdown {
  display: flex;
  background-color: var(--popup-bg);
  overflow: hidden;
  width: 40rem !important;
  height: auto !important;
  flex-direction: column;
  font-size: 1.5rem;
}
.k-region-dropdown .k-region-top {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-right: 20px;
  font-size: 1.5rem;
  background: #ced7e0;
}
.k-region-dropdown .k-region-top .k-region-tab {
  flex: 1;
  margin-right: 1px;
  padding: 2px 4px;
  text-align: center;
  background: #eeeeee;
  cursor: pointer;
}
.k-region-dropdown .k-region-top .k-sel {
  background: #ffff;
  color: #1890ff;
}
.k-region-dropdown .k-region-bottom {
  display: flex;
  flex-direction: column;
  padding: 16px 6px;
  background: #feffff;
  min-height: 8rem;
}
.k-region-dropdown .k-region-bottom .k-region-group {
  display: flex;
  flex-direction: row;
  padding: 6px 0px;
}
.k-region-dropdown .k-region-bottom .k-region-group .k-region-py {
  text-align: center;
  width: 5.2rem;
}
.k-region-dropdown .k-region-bottom .k-region-group .k-region-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex: 1;
}
.k-region-dropdown .k-region-bottom .k-region-group .k-region-row .k-region-row-item {
  padding: 4px 6px;
  vertical-align: middle;
  word-break: keep-all;
  cursor: pointer;
}
.k-region-dropdown .k-region-bottom .k-region-group .k-region-row .k-region-row-item:hover {
  color: #1890ff;
}
.k-region-dropdown .k-region-bottom .k-region-group .k-region-row .k-region-row-item.k-sel {
  color: #1890ff;
}

.k-address {
  position: relative;
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}
.k-address .k-country {
  width: 8rem !important;
  flex: none !important;
  min-width: 6rem !important;
  margin-right: 4px;
}
.k-address .k-street {
  flex: 1 0 45% !important;
}
.k-address .k-zone {
  width: 12rem !important;
  flex: none !important;
  min-width: 6rem !important;
  margin-left: 4px;
}
.k-address .k-check-location {
  background-color: transparent !important;
  margin: auto 4px;
  position: relative;
}
.k-address .k-check-location::before {
  font-family: 'Font Awesome 6 Free';
  content: "\f041";
  width: 20px;
  font-size: 20px;
  color: var(--red);
}

.k-tab {
  width: 100%;
  height: auto;
  position: relative;
}
.k-tab .k-tab-header {
  background-color: var(--tab-header-bg);
  font-size: var(--main-font-size);
  font-weight: 500;
  width: 100%;
  height: var(--tab-header-height);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 6px 0;
}
.k-tab .k-tab-header li {
  box-sizing: border-box;
  height: 100%;
}
.k-tab .k-tab-header .k-first {
  width: 8px;
  background: transparent !important;
  pointer-events: none;
  border: none;
}
.k-tab .k-tab-header .k-last {
  flex: 1;
  width: 100%;
  background: transparent !important;
  pointer-events: none;
  border: none;
}
.k-tab .k-tab-header.k-has-border {
  border-top: none;
  border-bottom: none;
  padding: 0 !important;
}
.k-tab .k-tab-header.k-has-border li {
  padding: 8px 10px;
}
.k-tab .k-tab-header.k-has-border .k-first {
  border-bottom: 1px solid var(--border-color);
  width: 24px !important;
}
.k-tab .k-tab-header.k-has-border .k-last {
  border-bottom: 1px solid var(--border-color);
  border-left: 1px solid var(--border-color);
}
.k-tab .k-tab-header.k-has-border .k-tab-item {
  border-bottom: 1px solid var(--border-color);
  border-left: 1px solid var(--border-color);
  border-top: 1px solid var(--border-color);
}
.k-tab .k-tab-header.k-has-border .k-tab-item.k-active {
  border-bottom: none;
}
.k-tab .k-tab-header.k-border-bottom .k-tab-item.k-active {
  border-bottom: 2px solid var(--tab-sel-bottom-color);
}
.k-tab .k-tab-header.k-border-top .k-tab-item.k-active {
  border-top: 2px solid var(--tab-sel-bottom-color);
}
.k-tab .k-tab-header .k-tab-item {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 0px 6px;
}
.k-tab .k-tab-header .k-tab-item i {
  font-size: 1.6rem;
  margin-left: 4px;
}
.k-tab .k-tab-header .k-tab-item:hover,
.k-tab .k-tab-header .k-active {
  color: var(--tab-sel-text-color);
  z-index: 80;
  cursor: pointer;
}
.k-tab .k-tab-header .k-tab-item:hover .k-right-close-icon {
  visibility: visible;
  color: var(--tab-close-icon-color);
}
.k-tab .k-tab-content {
  width: 100%;
  height: calc(100% - var(--tab-header-height));
  margin: 0;
  background-color: var(--tab-content-bg);
}
.k-tab .k-tab-page {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding-top: 16px;
}
.k-tab-header {
  border-bottom: 1px solid var(--border-color);
  background: var(--bg);
  display: flex;
  flex-direction: row;
  align-items: center;
}
.k-tab-header .k-header-tab {
  width: fit-content;
  padding: 8px 15px;
  text-align: center;
  cursor: pointer;
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--text-color);
  border-bottom: 2px solid transparent;
}
.k-tab-header .k-header-tab.k-active {
  color: var(--primary);
  border-bottom-color: var(--primary);
}
.k-tab-page {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding-bottom: 8px;
  overflow: hidden;
}
.k-tab-page .k-column-wrap {
  gap: 8px;
}
.k-tab-page .k-column-wrap .k-remark {
  width: 100%;
  margin-bottom: 8px;
}
.k-tab-page .k-bottom-remark-row .k-remark {
  flex: 1 !important;
}
.k-tab-page .k-bottom-remark-row .k-form-field {
  width: auto;
}
.k-tab-page .k-bottom-remark-row .k-form-field .k-content {
  width: 12rem;
}
.k-tab-content {
  width: 100%;
  margin-top: 24px;
  min-height: 0;
  height: auto;
}

.k-qrcode img {
  width: 100%;
  height: 100%;
}

.k-dialog.k-condition-dlg {
  width: auto;
}
.k-dialog.k-condition-dlg .k-form {
  border: none !important;
}
.k-dialog.k-condition-dlg .k-dialog-body {
  display: flex;
  flex-direction: column;
  border-top: none;
  align-items: self-start !important;
  justify-content: flex-start !important;
  position: relative;
  width: var(--dlg-width) !important;
  padding: 8px 24px;
}
.k-dialog.k-condition-dlg .k-dialog-body .k-info-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px;
  margin-top: 8px;
  font-size: 1.5rem;
  position: relative;
}
.k-dialog.k-condition-dlg .k-dialog-body .k-info-row span {
  margin-right: 4px;
}
.k-dialog.k-condition-dlg .k-dialog-body .k-info-row .k-select {
  width: 8.6rem;
}
.k-dialog.k-condition-dlg .k-dialog-body .k-condition-rows {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  position: relative;
}
.k-dialog.k-condition-dlg .k-dialog-body .k-condition-rows .k-condition-row {
  display: flex;
  flex-direction: row;
  width: 100%;
  position: relative;
  margin-bottom: 20px;
  align-items: center;
}
.k-dialog.k-condition-dlg .k-dialog-body .k-condition-rows .k-condition-row .k-input {
  width: 100%;
  padding: 4px;
}
.k-dialog.k-condition-dlg .k-dialog-body .k-condition-rows .k-condition-row .k-input.k-border {
  border: none !important;
  border-bottom: 1px solid var(--light-border-color) !important;
  border-radius: none;
}
.k-dialog.k-condition-dlg .k-dialog-body .k-condition-rows .k-condition-row .k-input.k-focus {
  outline: 0;
  border-bottom: 1px solid var(--form-focus-border-color) !important;
}
.k-dialog.k-condition-dlg .k-dialog-body .k-condition-rows .k-condition-row .k-input.k-focus i {
  color: var(--form-focus-border-color);
}
.k-dialog.k-condition-dlg .k-dialog-body .k-condition-rows .k-condition-row .k-input.k-focus::after {
  color: var(--form-focus-border-color);
}
.k-dialog.k-condition-dlg .k-dialog-body .k-condition-rows .k-condition-row .k-condition {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: end;
  justify-content: space-between;
  gap: 4px;
  font-size: var(--main-font-size);
}
.k-dialog.k-condition-dlg .k-dialog-body .k-condition-rows .k-condition-row .k-condition .k-condition-name {
  flex: 0 0 auto;
  width: 33%;
}
.k-dialog.k-condition-dlg .k-dialog-body .k-condition-rows .k-condition-row .k-condition .k-condition-op {
  flex: 0 0 auto;
  padding-left: 16px !important;
  padding-right: 16px !important;
  width: 18%;
}
.k-dialog.k-condition-dlg .k-dialog-body .k-condition-rows .k-condition-row .k-condition .k-condition-op .k-select {
  width: 100%;
}
.k-dialog.k-condition-dlg .k-dialog-body .k-condition-rows .k-condition-row .k-condition .k-condition-value {
  flex: 1;
  overflow: hidden !important;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
.k-dialog.k-condition-dlg .k-dialog-body .k-condition-rows .k-condition-row .k-condition .k-condition-value .k-right-arrow {
  color: var(--gray-600);
}
.k-dialog.k-condition-dlg .k-dialog-body .k-condition-rows .k-condition-row .k-remove-condition {
  background-color: transparent!important;
  margin-left: 8px;
}
.k-dialog.k-condition-dlg .k-dialog-body .k-condition-rows .k-condition-row .k-remove-condition i {
  color: var(--gray-600);
}
.k-dialog.k-condition-dlg .k-dialog-body .k-condition-rows .k-condition-row .k-remove-condition i:hover {
  color: red;
}
.k-dialog.k-condition-dlg .k-dialog-body .k-append {
  font-weight: 500;
}
.k-dialog.k-condition-dlg .k-bottom-bar {
  display: flex;
  flex-direction: row;
  justify-content: start;
  margin-top: 4px !important;
}
.k-dialog.k-condition-dlg .k-bottom-bar .k-button {
  padding: 6px 14px;
}
.k-dialog.k-condition-dlg .k-bottom-bar button.k-ok {
  margin: 0px;
}
.k-dialog.k-condition-dlg .k-bottom-bar button.k-cancel {
  margin: 0px 8px;
}
.k-query-wrapper {
  display: none;
  min-width: 300px;
  max-width: 400px;
  width: 400px;
  height: 100%;
  /* calc(~"100% - 50px");*/
  margin-right: 8px;
  border-right: 1px solid var(--light-border-color);
  background-color: var(--main-bg);
  padding-top: 24px;
  position: relative;
  z-index: 8;
}
.k-query-wrapper .k-form .k-form-row {
  margin-top: 12px;
}
.k-query-wrapper .k-form .k-form-row .k-form-field {
  display: flex;
  flex-direction: column;
}
.k-query-wrapper .k-form .k-form-row .k-form-field .k-title {
  width: 100%;
  text-align: left;
}
.k-query-wrapper .k-form .k-form-row .k-form-field .k-content {
  display: flex;
  flex-direction: row;
  margin-top: 2px;
}
.k-query-wrapper .k-form .k-form-row .k-form-field .k-content .k-input {
  margin-right: 8px;
  border: 1px solid rgba(124, 158, 188, 0.5);
  font-size: 1.5rem;
  padding: 2px 0px;
}
.k-query-wrapper .k-form .k-form-row .k-form-field .k-content .k-cond-value {
  width: 60%;
  flex: none !important;
}

#kid_adjust_ui_dropdown {
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  border: 1px solid var(--border-color);
  border-radius: 3px;
  background-color: var(--popup-bg);
  z-index: 999;
  overflow: hidden;
  width: fit-content;
  height: auto;
  flex-direction: column;
  font-size: 1.5rem;
}
.k-adjust-ui-pannel {
  display: flex;
  flex-direction: column;
  background-color: transparent !important;
  width: fit-content;
  height: auto;
  outline: none;
}
.k-adjust-ui-pannel .k-adjust-ui-title {
  padding: 4px;
  text-align: center;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid var(--border-color);
}
.k-adjust-ui-pannel .k-adjust-ui-dropdown {
  padding-top: 4px;
}
.k-adjust-ui-pannel ul {
  width: fit-content;
  height: fit-content;
  display: block;
}
.k-adjust-ui-pannel li {
  line-height: 3rem;
  padding: 0 24px;
  font-size: 1.6rem;
  outline: none;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.k-adjust-ui-pannel li input {
  cursor: pointer;
}
.k-adjust-ui-pannel li label {
  padding-left: 6px;
}
.k-adjust-ui-pannel li:hover,
.k-adjust-ui-pannel li.hover {
  background-color: var(--select-cur-bg);
}
.k-adjust-ui-pannel .k-dragging {
  opacity: 0.5;
}
.k-adjust-ui-pannel .k-insert-line {
  border-top: 2px solid hsl(340, 93%, 49%);
  margin: -2px 0 0 0;
}

.k-pagination {
  width: auto;
  height: 100%;
  display: flex;
  align-items: center;
  color: var(--gray);
  margin-right: 16px;
  font-size: 1.6rem;
  gap: 4px;
}
.k-pagination .k-page-info {
  vertical-align: middle;
  padding: 0 8px;
  cursor: pointer;
  margin: auto;
  position: relative;
  line-height: 3rem;
  margin-right: 4px;
}
.k-pagination .k-page-info:hover {
  background-color: var(--tool-button-hover-bg);
  color: var(--dark);
  border-radius: 3px;
}
.k-pagination .k-page-info span {
  font-weight: 600;
  font-family: Helvetica;
  pointer-events: none;
  text-wrap: nowrap;
  user-select: none;
}
.k-pagination button {
  width: 1.6rem;
  height: 2rem;
  padding: 4px 4px;
  margin: 0;
  min-width: fit-content;
  text-align: center;
  vertical-align: middle;
}
.k-pagination button .fa {
  color: var(--dark-gray);
}
.k-pagination button:hover .fa {
  color: var(--dark);
}
.k-pagination button i {
  margin: auto 0px;
}
.k-pagination button:hover {
  background-color: var(--tool-button-hover-bg);
}
.k-pagination button:disabled {
  color: var(--text-button-disabled-color);
}
#kid_select_dropdown li.k-page-menu-item {
  padding: 4px 6px;
  padding-right: 12px;
  color: #333;
  line-height: normal;
  font-size: 1.5rem;
  width: auto;
  text-wrap: nowrap;
  text-align: right;
  user-select: none;
  display: block;
}
#kid_select_dropdown li.k-page-menu-item:hover {
  background: var(--select-hover-bg);
  color: #000;
}
#kid_select_dropdown li.k-page-menu-item.k-cur {
  background: var(--select-cur-bg);
}

#kid_search_dropdown {
  z-index: 900 !important;
}
.k-search {
  min-width: MIN(58rem, 33%);
  min-height: 3.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 1.5rem;
  position: relative;
  background-color: white;
}
.k-search.k-border {
  border-top: none;
  border: 1px solid var(--border-color);
  border-radius: 3px;
}
.k-search.k-border.k-focus {
  border: 1px solid var(--form-focus-border-color);
}
.k-search .k-indicator {
  width: 32px;
}
.k-search .k-indicator.k-icon-search {
  pointer-events: none;
}
.k-search .k-drop {
  height: 100%;
  transition: transform 0.3s ease;
  /* 平滑过渡 */
  color: var(--dark);
}
.k-search .k-drop.k-icon-sort-down {
  padding-bottom: 4px;
}
.k-search .k-drop.k-up {
  transform: rotate(180deg);
  /* 旋转 180 度 */
}
.k-search input {
  border: none !important;
  background: transparent !important;
  padding: 0;
}
.k-search .k-search-content {
  width: 100%;
  height: auto;
  outline: none;
  user-select: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  cursor: text;
  padding: 4px 0px;
  gap: 4px;
}
.k-search .k-search-content span {
  display: inline-block;
  text-wrap: nowrap;
  word-break: keep-all;
}
.k-search .k-search-content .k-search-item {
  width: 100%;
  height: 2.6rem;
  cursor: default;
}
.k-search .k-search-content .k-search-item.k-search-item-content {
  width: auto;
  border: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: var(--bg-gray);
  border-radius: 3px;
  padding: 2px 6px;
  /* 鼠标悬停时交换图标 */
}
.k-search .k-search-content .k-search-item.k-search-item-content:hover .k-search-item-btn .k-filter {
  opacity: 0;
}
.k-search .k-search-content .k-search-item.k-search-item-content:hover .k-search-item-btn .k-edit {
  opacity: 1;
}
.k-search .k-search-content .k-search-item.k-search-item-content .k-search-item-btn {
  background: var(--s23);
  color: white;
  width: 28px;
  height: 24px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  font-size: 14px;
  /* 默认显示过滤图标 */
  /* 默认隐藏设置图标 */
}
.k-search .k-search-content .k-search-item.k-search-item-content .k-search-item-btn i {
  color: white;
}
.k-search .k-search-content .k-search-item.k-search-item-content .k-search-item-btn:hover {
  background-color: var(--s24);
  color: white;
}
.k-search .k-search-content .k-search-item.k-search-item-content .k-search-item-btn .k-filter {
  opacity: 1;
  transition: opacity 0.3s ease;
}
.k-search .k-search-content .k-search-item.k-search-item-content .k-search-item-btn .k-edit {
  opacity: 0;
  position: absolute;
  transition: opacity 0.3s ease;
}
.k-search .k-search-content .k-search-item.k-search-item-content .k-search-item-value {
  padding: 4px 6px;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}
.k-search .k-search-content .k-search-item.k-search-item-content .k-search-item-value em {
  padding-left: 4px;
  padding-right: 4px;
  color: #1890ff;
  /* 科技蓝，醒目但不刺眼 */
  background: white;
  /* 浅蓝背景，增强辨识 */
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 1.4rem;
  font-weight: 600;
  margin: 0 2px;
}
.k-search .k-search-content .k-search-item.k-search-item-content .k-search-item-value em.IN {
  color: #1890ff;
}
.k-search .k-search-content .k-search-item.k-search-item-content .k-search-item-value em.EQ {
  color: #ff4d4f;
}
.k-search .k-search-content .k-search-item.k-search-item-content .k-search-item-value em.GT {
  color: #1890ff;
}
.k-search .k-search-content .k-search-item.k-search-item-content .k-search-item-value em.LT {
  color: #ff4d4f;
}
.k-search .k-search-content .k-search-item.k-search-item-content .k-search-item-value em.BETWEEN {
  color: #ff4d4f;
}
.k-search .k-search-content .k-search-item.k-search-item-content .k-search-item-value .k-value {
  padding-right: 8px;
  color: var(--text-color);
  cursor: text;
  user-select: text;
}
.k-search .k-search-content .k-search-item.k-search-item-content .k-search-item-value .k-value .k-value-content {
  color: var(--text-color);
}
.k-search .k-search-content .k-search-item.k-search-item-content .k-search-item-value .k-close {
  width: 16px;
  height: 16px;
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.k-search .k-search-content .k-search-item.k-search-item-content .k-search-item-value .k-close.hover {
  color: var(--green);
}
.k-search .k-search-content .k-search-item.k-search-item-content .k-search-item-value .k-close:before,
.k-search .k-search-content .k-search-item.k-search-item-content .k-search-item-value .k-close:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 11px;
  height: 2px;
  background-color: #666;
  transform-origin: center;
}
.k-search .k-search-content .k-search-item.k-search-item-content .k-search-item-value .k-close:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.k-search .k-search-content .k-search-item.k-search-item-content .k-search-item-value .k-close:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.k-search .k-search-content .k-search-item.k-search-item-content .k-search-item-value .k-close:hover:before,
.k-search .k-search-content .k-search-item.k-search-item-content .k-search-item-value .k-close:hover:after {
  background-color: var(--green);
}
.k-search .k-search-content .k-search-item.k-search-item-content .k-title {
  visibility: visible;
  width: auto;
  pointer-events: none;
  display: inline-block;
  margin: auto 0px;
}
.k-search .k-search-content .k-search-item.k-search-item-group {
  width: auto;
  border: none;
  color: #777777;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.k-search .k-search-content .k-search-item.k-search-item-group .k-search-group-btn {
  background: var(--s10);
  color: white;
  width: 28px;
  height: 24px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  font-size: 14px;
}
.k-search .k-search-content .k-search-item.k-search-item-group .k-search-group-btn i {
  color: white;
}
.k-search .k-search-content .k-search-item.k-search-item-group .k-search-group-btn:hover {
  background-color: var(--s10d);
  color: white;
}
.k-search .k-search-content .k-search-item.k-search-item-group .k-search-group-value {
  padding: 4px 8px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  background-color: #e8e8e8;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  color: var(--gray-555);
  cursor: text;
  user-select: text;
}
.k-search .k-search-content .k-search-item.k-search-item-group .k-search-group-value .k-search-group-item {
  display: inline-block;
  width: fit-content;
  word-wrap: normal;
  white-space: nowrap;
}
.k-search .k-search-content .k-search-item.k-search-reset {
  width: auto;
}
.k-search .k-search-content .k-search-item.k-search-input {
  flex: 1;
  display: block;
  user-select: none;
}
.k-search .k-search-content .k-search-item.k-search-input input {
  min-width: 4px;
  width: 100%;
  height: 100%;
  outline: none;
  background-color: transparent;
  cursor: text;
}
.k-search .k-search-dropdown {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  padding: 4px 0px;
  border-radius: 4px;
  background-color: var(--popup-bg);
  z-index: 99;
  overflow: hidden;
  overflow-y: auto;
  width: fit-content;
  height: auto;
  max-height: 75vh;
  outline: none;
  border: 1px solid var(--border-color);
}
.k-search-pannel {
  width: fit-content;
  padding-top: 16px;
  padding-bottom: 10px;
  display: flex;
  flex-direction: row;
  align-items: self-start;
  font-size: var(--main-font-size);
}
.k-search-pannel .k-search-group-line {
  width: 100%;
  height: 1px;
  background-color: var(--border-color);
  margin: 8px 4px;
}
.k-search-pannel .k-search-title {
  width: 100%;
  padding: 0 30px 16px;
  font-size: var(--main-font-size);
  color: var(--gray-555);
  font-weight: bold;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.k-search-pannel .k-search-title i {
  color: #026dff;
}
.k-search-pannel .k-search-title span {
  margin-left: 10px;
}
.k-search-pannel .k-search-content {
  width: 100%;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.k-search-pannel .k-search-content .k-search-group {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.k-search-pannel .k-search-content .k-search-group .k-sub-group {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.k-search-pannel .k-search-content .k-search-group .k-sub-group .k-sub-group-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 4px 0;
  width: 100%;
  cursor: pointer;
  position: relative;
}
.k-search-pannel .k-search-content .k-search-group .k-sub-group .k-sub-group-btn .k-title {
  height: auto;
  width: 100%;
  padding-left: 16px;
}
.k-search-pannel .k-search-content .k-search-group .k-sub-group .k-sub-group-btn:hover {
  background-color: var(--select-item-hover-bg);
}
.k-search-pannel .k-search-content .k-search-group .k-sub-group .k-sub-group-btn.k-sel .k-check {
  display: inline-block;
  color: var(--s11);
}
.k-search-pannel .k-search-content .k-search-group .k-sub-group .k-sub-group-btn .k-check {
  display: none;
  pointer-events: none;
  width: 14px;
  font-size: 12px;
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -6px;
}
.k-search-pannel .k-search-content .k-search-group .k-sub-group .k-sub-group-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4px 0;
  padding-left: 16px;
  width: 100%;
  cursor: pointer;
  position: relative;
}
.k-search-pannel .k-search-content .k-search-group .k-sub-group .k-sub-group-item {
  padding: 4px 0;
  padding-left: 16px;
  width: 100%;
  cursor: pointer;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.k-search-pannel .k-search-content .k-search-group .k-sub-group .k-sub-group-item .k-title {
  height: auto;
}
.k-search-pannel .k-search-content .k-search-group .k-sub-group .k-sub-group-item:hover {
  background-color: var(--select-item-hover-bg);
}
.k-search-pannel .k-search-content .k-search-group .k-sub-group .k-sub-group-item.k-sel .k-check {
  display: inline-block;
  color: var(--s11);
}
.k-search-pannel .k-search-content .k-search-group .k-sub-group .k-sub-group-item .k-check {
  display: none;
  pointer-events: none;
  width: 14px;
  font-size: 12px;
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -6px;
}
.k-search-pannel .k-search-content .k-search-group .k-search-item {
  padding: 6px 0;
  padding-left: 16px;
  width: 100%;
  cursor: pointer;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.k-search-pannel .k-search-content .k-search-group .k-search-item .k-title {
  height: auto;
}
.k-search-pannel .k-search-content .k-search-group .k-search-item:hover {
  background-color: var(--select-item-hover-bg);
}
.k-search-pannel .k-search-content .k-search-group .k-search-item.k-sel i {
  display: inline-block;
  color: var(--s11);
}
.k-search-pannel .k-search-content .k-search-group .k-search-item i {
  display: none;
  width: 14px;
  font-size: 12px;
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -6px;
  color: var(--s11);
  pointer-events: none;
}
.k-search-pannel .k-search-filters {
  min-width: 200px;
  height: auto;
  width: auto !important;
  padding-right: 16px !important;
  padding-left: 16px !important;
  border-right: var(--border-color) solid 1px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.k-search-pannel .k-search-filters .k-search-title i {
  color: var(--s21);
}
.k-search-pannel .k-search-filters .k-search-filter-add {
  padding: 6px 0;
  padding-left: 16px;
  width: 100%;
  text-align: left;
  cursor: pointer;
  user-select: none;
}
.k-search-pannel .k-search-filters .k-search-filter-add:hover {
  background-color: var(--select-item-hover-bg);
}
.k-search-pannel .k-search-group-by {
  min-width: 250px;
  height: auto;
  width: auto !important;
  padding-right: 16px !important;
  padding-left: 16px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-right: var(--border-color) solid 1px;
}
.k-search-pannel .k-search-group-by .k-search-title i {
  color: var(--s10);
}
.k-search-pannel .k-search-group-by .k-search-group-by-add {
  padding: 4px 0;
  text-align: center;
  width: 100%;
  cursor: pointer;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  user-select: none;
}
.k-search-pannel .k-search-group-by .k-search-group-by-add:hover {
  background-color: var(--select-item-hover-bg);
}
.k-search-pannel .k-search-group-by .k-search-group-by-add .k-title {
  width: 100%;
  height: auto;
}
.k-search-pannel .k-search-favorite {
  min-width: 200px;
  padding-right: 16px !important;
  padding-left: 16px !important;
  width: auto !important;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.k-search-pannel .k-search-favorite .k-search-title i {
  color: var(--yellow);
}
.k-search-pannel .k-search-favorite .k-search-new-favorite {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 12px;
  padding: 4px 16px;
  padding-left: 32px;
  margin-top: 6px;
}
.k-search-pannel .k-search-favorite .k-search-new-favorite input {
  width: 100%;
  max-width: 10rem;
  box-sizing: border-box;
  /* 确保 padding 和 border 不会增加总宽度 */
}
.k-search-pannel .k-search-favorite .k-search-new-favorite .k-button {
  width: 100%;
  padding-top: 6px ;
  padding-bottom: 6px;
}
.k-search-pannel .k-search-favorite .k-search-favorite-add {
  padding: 6px 30px;
  padding-left: 16px;
  text-align: left;
  width: 100%;
  cursor: pointer;
  position: relative;
  user-select: none;
}
.k-search-pannel .k-search-favorite .k-search-favorite-add:hover {
  background-color: var(--select-item-hover-bg);
}
.k-search-pannel .k-search-favorite .k-search-favorite-add i {
  width: 14px;
  font-size: 14px;
  position: absolute;
  right: 6px;
  top: 50%;
  margin-top: -9px;
  pointer-events: none;
}
.k-search-wrapper {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--gray-555);
  background: transparent !important;
  font-size: var(--main-font-size);
  padding: 8px 0;
}
.k-search-wrapper .k-search-list {
  width: 100%;
  display: grid;
  grid-template-columns: auto auto 1fr;
}
.k-search-wrapper .k-search-list .k-grid-item {
  padding: 4px 6px;
  background-color: transparent ;
  display: flex;
  align-items: center;
  /* 垂直居中 */
  justify-content: flex-start;
  /* 水平左对齐，可以根据需要改为 center 或其他值 */
  width: 100%;
}
.k-search-wrapper .k-search-list .k-grid-item.k-search-delete .k-delete {
  display: none;
}
.k-search-wrapper .k-search-list .k-grid-item.k-search-ok .k-ok {
  display: none;
}
.k-search-wrapper .k-search-list .k-grid-item.k-name {
  justify-content: flex-end;
}
.k-search-wrapper .k-search-list .k-grid-item .k-search-name {
  font-weight: bold;
  color: var(--white);
  text-align: right;
  padding: 2px 8px;
}
.k-search-wrapper .k-search-list .k-grid-item.k-search-value {
  font-weight: bold;
  color: var(--purple);
  font-style: italic;
  display: inline-block;
  /* 保持文本块级特性 */
}
.k-search-wrapper .k-search-list .k-grid-row {
  display: contents;
  /* 保证网格行作为一个整体进行布局 */
  padding: 0 8px;
  position: relative;
}
.k-search-wrapper .k-search-list .k-grid-row:hover {
  background-color: var(--popup-item-hover-bg);
  /* 设置hover时的背景颜色 */
}
.k-search-wrapper .k-search-list .k-grid-row:hover .k-grid-item {
  background-color: var(--popup-item-hover-bg);
  /* 设置hover时的背景颜色 */
}
.k-search-wrapper .k-search-list .k-grid-row:hover .k-search-delete .k-delete {
  display: inline-block;
  color: var(--gray);
  pointer-events: all;
  cursor: pointer;
}
.k-search-wrapper .k-search-list .k-grid-row:hover .k-search-ok {
  padding: 4px 6px;
}
.k-search-wrapper .k-search-list .k-grid-row:hover .k-search-ok .k-ok {
  pointer-events: all;
  background-color: var(--button-bg);
  color: white;
  word-break: break-all;
  display: inline-block;
  padding: 2px 6px;
  border-radius: 2px;
  cursor: pointer;
}
.k-search-wrapper .k-search-list .k-search-op {
  width: 8rem;
}
.k-search-wrapper .k-search-list .k-search-op .k-select {
  border: none;
  background: #eee;
}
.k-search-wrapper .k-search-add {
  width: 100%;
  padding: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  user-select: none;
}
.k-search-wrapper .k-search-add .k-add {
  color: #026dff;
  margin-left: 16px;
  font-weight: 500;
}
.k-search-wrapper .k-search-add:hover {
  background-color: var(--popup-item-hover-bg);
  /* 设置hover时的背景颜色 */
}

.k-list {
  width: fit-content;
  min-width: 20rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  font-size: 1.5rem;
  background-color: var(--list-bg-color);
  gap: 8px;
}
.k-list .k-list-title {
  width: 100%;
  height: 3rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 1.6rem;
  color: #333;
  gap: 8px;
  background-color: var(--list-title-bg-color);
}
.k-list.k-horizontal ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 2px 4px;
  gap: 8px;
}
.k-list.k-vertical ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2px 4px;
  gap: 8px;
}
.k-list ul {
  width: 100%;
  height: 100%;
  flex: 1;
  overflow: auto;
  background-color: var(--list-bg-color);
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
}
.k-list ul .k-list-empty {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--gray-600);
}
.k-list ul li {
  padding: 0 6px;
  height: 40px;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  user-select: none;
  position: relative;
}
.k-list ul li.k-sel {
  background-color: var(--c6);
}
.k-list ul li span,
.k-list ul li i {
  pointer-events: none;
}
.k-list ul li .k-list-item-title {
  white-space: nowrap;
  overflow: hidden;
}
.k-list-item-tooltip-content {
  min-width: 30rem;
}
.k-list-item-tooltip-content table tr th {
  text-align: right;
  padding-right: 8px;
  min-width: 8rem;
}

.k-setting {
  width: 100%;
  height: 100%;
  display: flex;
  font-size: 1.5rem;
  flex-direction: row;
  border-top: 1px solid var(--border-color);
}
.k-setting .k-list .k-list-title {
  height: 40px;
  display: inline-block;
  line-height: 40px;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
}
.k-setting .k-setting-content {
  flex: 1;
  height: 100%;
  position: relative;
}
.k-setting .k-setting-content .k-toolbar {
  height: 3rem;
  background-color: #f0f0f0;
  padding-left: 16px;
}
.k-setting .k-setting-content .k-form-frame {
  width: 100%;
  height: 100%;
  overflow: auto;
}
.k-setting .k-setting-content .k-form-frame .k-form {
  padding: 16px;
  padding-bottom: 15rem;
}
.k-setting .k-setting-content .k-form-frame .k-form .k-module-title {
  margin-bottom: 24px;
  font-size: 1.5rem;
  font-weight: bold;
  color: var(--gray-555);
  height: 40px;
  display: flex;
  align-items: center;
  padding-left: 8px;
  background-color: #e7e9ed;
}
.k-setting .k-setting-content .k-form-frame .k-form .k-module-title.k-active {
  background-color: #c0ddff;
  border-left: 4px solid #1976D2;
  /* 呼应色 */
}
.k-setting .k-setting-content .k-form-frame .k-form .k-form-row {
  margin-bottom: 24px;
  padding-right: 64px;
}
.k-setting .k-setting-content .k-form-frame .k-form .k-setting-row-content {
  width: 81rem;
  padding-left: 18px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 1.4rem;
  color: var(--text-color-2);
  font-weight: 600;
  margin-right: 8px;
}
.k-setting .k-setting-content .k-form-frame .k-form .k-setting-row-content .k-setting-item-title {
  width: 15rem;
}
.k-setting .k-setting-content .k-form-frame .k-form .k-unit-setting .k-select {
  font-size: var(--form-field-value-font-size);
  color: var(--form-field-value-color);
}
.k-setting .k-setting-content .k-form-frame .k-form .k-descr {
  flex: 1;
  padding-left: 16px;
  color: #555;
}
.k-setting .k-setting-content .k-form-frame .k-form .k-switch-setting {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 8px 20px;
  background-color: var(--bg-gray-3);
  font-size: 1.4rem;
  color: var(--text-color-2);
  font-weight: 600;
}
.k-setting .k-setting-content .k-save {
  position: absolute;
  top: 7px;
  right: 100px;
  background-color: var(--button-bg) !important;
  color: white;
  z-index: 100;
  padding: 4px 16px;
  border-radius: 4px;
}

.k-title {
  height: 40px;
  font-size: 1.5rem;
}
.k-title.k-bold {
  font-weight: bold;
}
.k-title span {
  width: 100%;
  line-height: 40px;
  display: inline-block;
  white-space: nowrap;
  text-align: left;
  padding-left: 16px;
  vertical-align: baseline;
  color: var(--title-color-2);
  font-weight: 600;
}

.k-main-title-bar {
  background-color: #ffffff;
  height: 48px;
  font-size: 1.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 16px;
  border-bottom: 1px solid var(--border-color);
}
.k-main-title-bar.k-bold {
  font-weight: bold;
}
.k-main-title-bar .k-logo {
  width: 32px;
  color: #FFFFFF;
  height: 32px;
}
.k-main-title-bar .k-logo img {
  width: 100%;
  height: 100%;
}
.k-main-title-bar .k-product-name {
  /* 回退颜色 */
  color: #00a4ff;
  /* 或者选择另一个适合的颜色 */
  /* 渐变效果 */
  background: linear-gradient(90deg, #00a4ff, #006edf);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 2rem;
  font-weight: 600;
}
.k-main-title-bar .k-org-breadcrumb {
  display: flex;
  align-items: center;
  margin-left: 32px;
  flex: 1;
  color: #E2E8F0;
  padding-top: 6px;
}
.k-main-title-bar .k-org-breadcrumb .k-split-line {
  color: #718096;
}
.k-main-title-bar .k-org-breadcrumb .k-breadcrumb-item {
  color: var(--gray-800);
  font-size: 1.6rem;
  font-weight: 400;
  cursor: pointer;
  user-select: none;
}
.k-main-title-bar .k-org-breadcrumb .k-breadcrumb-item:hover {
  color: var(--primary-2);
}
.k-main-title-bar .k-org-breadcrumb .k-breadcrumb-item .k-breadcrumb-separator {
  color: var(--gray-400);
  margin: 0 8px;
  font-size: 1.2rem;
  font-weight: 500;
}
.k-main-title-bar .k-org-breadcrumb .k-current-facility {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: 40px;
}
.k-main-title-bar .k-org-breadcrumb .k-current-facility .k-multi-select {
  height: 32px;
}
.k-main-title-bar .k-org-breadcrumb .k-current-facility .k-multi-select .k-select-content {
  align-items: center;
}
.k-main-title-bar .k-org-breadcrumb .k-current-facility .k-multi-select .k-select-item {
  padding: 4px 0.6rem;
}
.k-main-title-bar .k-org-breadcrumb .k-current-facility .k-multi-select input {
  max-width: 4px;
}
.k-main-title-bar .k-avatar-menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  height: 100%;
}
.k-main-title-bar .k-avatar-menu .k-avatar-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  user-select: none;
}
.k-main-title-bar .k-avatar-menu .k-dropdown {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
}
.k-main-title-bar .k-avatar-menu .k-dropdown-content {
  display: none;
  position: absolute;
  background-color: var(--popup-bg);
  width: auto;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1000;
  padding: 6px 0px;
  margin: 0;
  list-style: none;
  right: 0;
  top: 100%;
  font-size: var(--main-font-size);
}
.k-main-title-bar .k-avatar-menu .k-dropdown-content li {
  padding: 6px 16px;
  word-break: keep-all;
  cursor: pointer;
  margin: 0;
}
.k-main-title-bar .k-avatar-menu .k-dropdown-content li:hover {
  background-color: #f1f1f1;
}
.k-main-title-bar .k-avatar-menu .k-dropdown-content#kid_my {
  right: -12px;
}
.k-main-title-bar .k-avatar-menu .k-dropdown-content#kid_org_list {
  right: -12px;
}
.k-main-title-bar .k-span {
  width: 100%;
  line-height: 40px;
  display: inline-block;
  white-space: nowrap;
  text-align: left;
  padding-left: 16px;
  vertical-align: baseline;
  color: var(--title-color-2);
  font-weight: 600;
}
#kid_select_dropdown .k-org-dropdown-title {
  font-size: 1.3rem;
  font-weight: 600;
  color: var(--gray-400);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 16px;
  cursor: default;
  user-select: none;
  pointer-events: none;
}
#kid_select_dropdown .k-org-dropdown-title:hover {
  color: var(--gray-400);
}
#kid_select_dropdown .k-org-dropdown-title::before {
  content: '';
  width: 4px;
  height: 12px;
  background: var(--primary-2);
  border-radius: 2px;
}
#kid_select_dropdown .k-org-dropdown-item {
  padding: 10px 16px;
}

.k-properties-dialog {
  z-index: 600 !important;
  width: 38rem !important;
  height: fit-content !important;
}
.k-properties-dialog.k-dialog {
  display: none ;
  min-width: auto ;
}
.k-properties-dialog.k-dialog .k-title-bar {
  height: auto !important;
  padding: 4px 20px !important;
}
.k-properties-dialog.k-dialog .k-title-bar .k-title {
  height: auto !important;
}
.k-properties-dialog.k-dialog .k-dialog-body {
  padding: 0;
}
.k-properties-dialog.k-dialog .k-form .k-form-row {
  padding: 0 20px;
}
.k-properties-dialog.k-dialog .k-form .k-group-title {
  padding: 0px 20px;
  padding-top: 16px;
  padding-bottom: 8px;
}
.k-alert-dialog .k-dialog-body {
  max-width: 60vw;
  /* 最大高度为视口高度的 90% */
}
.k-backdrop {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  /* 改为 flex 布局 */
  justify-content: center;
  /* 水平居中 */
  align-items: center;
  /* 垂直居中 */
  box-sizing: border-box;
  overflow: hidden;
  transform: scale(1);
  z-index: 900;
  vertical-align: middle;
  outline: none;
  background-color: rgba(0, 0, 0, 0.5);
}
.k-backdrop.k-visible {
  background: rgba(0, 0, 0, 0.15);
  opacity: 1;
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.k-backdrop .k-form section {
  padding: 0 !important;
}
.k-backdrop .k-loading {
  position: absolute;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 60px;
  height: 60px;
  left: 50%;
  top: calc(50% - 30px);
  -webkit-animation: spin 2s linear infinite;
  animation: spin 1s linear infinite;
}
/* 模式对话框样式 */
.k-modeless-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  border: 1px solid #ccc;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  display: none;
  width: 300px;
  height: 200px;
  overflow: hidden;
}
.k-modeless-dialog .k-dialog-header {
  background-color: #f0f0f0;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: default;
}
.k-modeless-dialog .k-dialog-header .k-dialog-title {
  font-size: 1.5rem;
  font-weight: bold;
}
.k-modeless-dialog .k-dialog-header .k-close-button {
  cursor: pointer;
  font-size: 1.8rem;
}
.k-modeless-dialog .k-dialog-content {
  padding: 10px;
  height: calc(100% - 40px);
  overflow-y: auto;
  text-indent: 2em;
  /* 缩进2个字符（1em ≈ 1个汉字宽度） */
}
.k-dialog {
  position: fixed;
  width: fit-content;
  height: fit-content;
  min-width: 400px;
  min-height: 240px;
  max-height: 90vh;
  background: #ffffff;
  color: #666666;
  overflow: hidden;
  border-radius: 6px;
  border: 1px solid #cccccc;
  display: flex;
  flex-direction: column;
}
.k-dialog.k-alert {
  min-width: auto;
  min-height: auto;
}
.k-dialog.k-alert .k-dialog-content {
  justify-content: center;
  align-items: center;
  padding: 20px 40px;
  text-indent: 0;
}
.k-dialog.k-removable {
  position: absolute;
}
.k-dialog .k-title-bar {
  width: 100%;
  height: var(--title-bar-height);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  padding: 26px 20px;
  box-sizing: border-box;
  border-bottom: 1px solid var(--border-color);
  user-select: none;
  font-size: 1.5rem;
}
.k-dialog .k-title-bar .k-title {
  display: flex;
  align-items: center;
  flex: 1;
  text-align: left;
  font-size: 1.5rem;
  padding-left: 0px;
  font-weight: 500;
  color: var(--title-color);
}
.k-dialog .k-title-bar .k-close {
  width: 24px;
  height: 24px;
}
.k-dialog .k-dialog-body {
  padding: 0 20px;
  padding-bottom: 20px;
  flex: 1;
  /* 高度是弹性的 */
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  /* 水平居中 */
  align-items: center;
  /* 垂直居中 */
  background-color: white;
  font-size: 1.5rem;
  overflow: auto;
  /* 如果内容超出，显示滚动条 */
}
.k-dialog .k-dialog-body .k-toolbar {
  height: var(--form-toolbar-height);
}
.k-dialog .k-dialog-body .k-form-frame .k-form {
  padding: 0;
}
.k-dialog.k-padding-small .k-dialog-body {
  padding: 10px !important;
}
.k-dialog.k-padding-medium .k-dialog-body {
  padding: 20px !important;
}
.k-dialog.k-padding-large .k-dialog-body {
  padding: 40px !important;
}
.k-dialog .k-dialog-title {
  position: relative;
  width: 100%;
  padding: 16px 20px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #555;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--light-border-color);
}
.k-dialog .k-dialog-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  /* 水平居中 */
  align-items: flex-start;
  /* 垂直居中 */
  padding-top: 20px;
  width: 100%;
  text-indent: 2em;
  /* 缩进2个字符（1em ≈ 1个汉字宽度） */
}
.k-dialog .k-dialog-content.k-alter {
  justify-content: center;
  /* 水平居中 */
  align-items: center;
  /* 垂直居中 */
  text-indent: none;
}
.k-dialog .k-bottom-bar {
  padding: 16px 20px;
  border-top: 1px solid var(--border-color);
  height: auto !important;
  margin-top: 0px;
  width: 100%;
}
.k-dialog .k-bottom-bar button {
  font-size: 1.4rem;
}
.k-dialog .k-bottom-bar.k-align-left {
  justify-content: flex-start;
}
.k-dialog .k-bottom-bar.k-align-right {
  justify-content: flex-end;
}
.k-dialog .k-bottom-bar button {
  margin: 0 4px;
  padding: 6px 16px;
}
.k-dialog .k-bottom-bar button.k-cancel {
  background-color: var(--cancel-color);
  color: var(--gray-555);
}
.k-dialog .k-form-wrapper {
  display: flex;
  flex-direction: column;
  border-top: none;
  align-items: self-start;
  overflow: hidden;
}
.k-dialog .k-form-wrapper .k-form-frame {
  overflow: auto;
  flex: 1;
}
.k-dialog .k-form-wrapper .k-form-content {
  overflow: hidden;
}
.k-dialog .k-form-wrapper .k-form-content .k-form-frame .k-form {
  margin: 0;
}
.k-dialog .k-form-wrapper .k-button.k-text {
  font-weight: normal;
}
.k-dialog .k-form-wrapper .k-info-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px;
  margin-top: 8px;
  font-size: 1.5rem;
}
.k-dialog .k-form-wrapper .k-info-row span {
  margin-right: 4px;
}
.k-dialog .k-form-wrapper .k-info-row .k-select {
  width: 6rem;
}
.k-dialog .k-form-wrapper .k-bottom-bar {
  justify-content: left;
  align-items: center;
  height: 50px;
  border-top: 1px solid var(--light-border-color);
  margin-top: 0px;
}
.k-dialog .k-form-wrapper .k-bottom-bar button {
  margin: 0 8px;
  padding: 6px 16px;
}
.k-dialog .k-form-wrapper .k-bottom-bar button.k-cancel {
  background-color: var(--cancel-color);
  color: var(--gray-555);
}
.k-dialog .k-form {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 8px;
  min-height: auto;
}
.k-dialog .k-form.k-has-border {
  border: 1px solid var(--border-color);
}
.k-dialog .k-form .k-title {
  width: 6rem;
}
.k-dialog .k-form .k-form-row {
  margin-bottom: 16px !important;
}
.k-dialog .k-form .k-form-row .k-name {
  width: 16rem;
}
.k-dialog .k-form .k-form-row button.k-icon {
  background: transparent;
}
.k-dialog .k-form .k-form-row button.k-icon i {
  font-style: normal;
}
.k-dialog .k-form .k-form-row .k-op {
  width: 8rem;
}
.k-dialog .k-form .k-form-row .k-value {
  width: 24rem;
}
.k-dialog .k-form .k-form-row .k-row-item {
  margin-right: 16px;
}
.k-dialog .k-form .k-form-row .k-row-item.k-border {
  border: none;
  border-bottom: 1px solid var(--light-border-color);
  border-radius: none;
}
.k-dialog .k-form .k-form-row .k-row-item.k-focus {
  outline: 0;
  border-bottom: 1px solid var(--form-focus-border-color);
}
.k-dialog .k-form .k-form-row .k-row-item.k-focus i {
  color: var(--form-focus-border-color);
}
.k-dialog .k-form .k-form-row .k-row-item.k-focus::after {
  color: var(--form-focus-border-color);
}
.k-dialog-box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  box-sizing: border-box;
  transform: scale(1);
  z-index: 900;
  font-family: PingFangSC, helvetica neue, hiragino sans gb, arial, microsoft yahei ui, microsoft yahei, simsun, "sans-serif";
  vertical-align: middle;
  outline: none;
}
.k-dialog-box.k-visible {
  background: rgba(0, 0, 0, 0.15);
  opacity: 1;
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.k-progress-loading .k-container {
  width: 100%;
  max-width: 600px;
  background: white;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  padding: 30px;
}
.k-progress-loading .k-container .k-progress-container {
  height: 8px;
  background: #e0e0e0;
  border-radius: 4px;
  overflow: hidden;
  margin: 15px 0;
}
.k-progress-loading .k-container .k-progress-bar {
  height: 100%;
  background: linear-gradient(90deg, #3498db, #2ecc71);
  width: 0%;
  transition: width 0.3s ease;
}
.k-progress-loading .k-container .k-progress-text {
  text-align: center;
  color: #7f8c8d;
  font-size: 14px;
  margin-bottom: 15px;
}
.k-confirm-dialog .k-dialog-body .k-dialog-content,
.k-alert-dialog .k-dialog-body .k-dialog-content {
  padding-left: 16px;
  padding-right: 16px;
}

.k-import.k-form {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.k-import.k-form input {
  border: none;
  padding: 4px;
}
.k-import.k-form #kid_import_file_name,
.k-import.k-form #kid_impurt_record_total_rows {
  border-bottom: 1px solid var(--border-color);
}
.k-import.k-form #kid_import_file_name.k-focus,
.k-import.k-form #kid_impurt_record_total_rows.k-focus {
  border-bottom: 1px solid var(--form-focus-border-color);
}
.k-import.k-form .k-toolbar {
  padding-left: 24px;
  padding-right: 4px;
  height: 40px;
}
.k-import.k-form .k-toolbar button {
  background-color: var(--form-button-bg) !important;
  color: #555;
  font-weight: 600;
  padding: 4px 16px;
}
.k-import.k-form .k-toolbar button:hover {
  background-color: #CECFDE;
}
.k-import.k-form .k-import-content {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  background-color: var(--bg);
  border-top: 1px solid var(--border-color);
}
.k-import.k-form .k-import-content h4 {
  padding: 8px;
  color: #555;
}
.k-import.k-form .k-import-content .k-import-side-panel {
  box-sizing: border-box;
  width: 280px;
  height: 100%;
  padding: 16px;
  overflow: auto;
}
.k-import.k-form .k-import-content .k-import-side-panel .k-progress-container {
  height: 8px;
  background: #e0e0e0;
  border-radius: 4px;
  overflow: hidden;
  margin: 15px 0;
}
.k-import.k-form .k-import-content .k-import-side-panel .k-progress-bar {
  height: 100%;
  background: linear-gradient(90deg, #3498db, #2ecc71);
  width: 0%;
  transition: width 0.3s ease;
}
.k-import.k-form .k-import-content .k-import-data-content {
  flex: 1;
  flex-grow: 1;
  border-left: 1px solid var(--border-color);
  overflow: auto;
  height: 100%;
}
.k-import.k-form .k-import-content .k-import-data-content table {
  width: 100%;
  border-collapse: collapse;
}
.k-import.k-form .k-import-content .k-import-data-content table tbody td .k-cell-input {
  max-width: 500px;
}
.k-import.k-form .k-import-content .k-import-data-content table tbody td.k-has-other input {
  font-weight: 700;
}
.k-import.k-form .k-flex-d-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: var(--main-font-size);
  gap: 4px;
  padding: 0 !important;
}
.k-import.k-form .k-flex-d-column {
  display: flex;
  flex-direction: column;
}
.k-import.k-form .k-flex-d-column input {
  border: 1px solid var(--border-color);
}
.k-import.k-form .k-flex-d-column input.k-focus {
  border: 1px solid var(--form-focus-border-color);
}
.k-import.k-form .k-flex-row {
  padding: 8px 4px;
  font-size: var(--main-font-size);
}
.k-import.k-form .k-flex-row label {
  margin: 2px 0;
  word-wrap: normal;
  word-break: keep-all;
  white-space: nowrap;
}
.k-import.k-form .k-flex-row .k-title {
  margin-right: 4px;
  word-wrap: normal;
  word-break: keep-all;
  white-space: nowrap;
}
.k-import.k-form .k-flex-row .k-input {
  outline: 0;
  height: auto;
  width: 100%;
  background-color: transparent !important;
  box-sizing: border-box;
}
.k-import-data-content table th,
.k-import-data-content table td {
  padding: 0.7rem 0.7rem;
}
.k-import-record-wrap.k-form {
  width: 100%;
  height: 100%;
}
#kid_import_result {
  font-size: 1.5rem;
  color: #1890ff;
  font-weight: 700;
}
.k-upload-wrap {
  position: relative;
  width: auto;
  display: flex !important;
}
.k-upload-wrap .k-upload-input,
.k-upload-wrap .k-upload-pic-input,
.k-upload-wrap .k-upload-file-input {
  display: none;
}

#kid_dropdown_wrapper {
  display: none;
  position: fixed;
  right: 0px;
  max-height: 75vh;
  padding: 4px 0px;
  border-radius: 4px;
  background-color: var(--popup-bg);
  z-index: 99;
  overflow: hidden;
  overflow-y: auto;
  width: fit-content;
  height: auto;
  outline: none;
  border: 1px solid var(--border-color);
  box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.1);
}

li.k-export-file > i {
  margin: 0 2px;
  padding: 2px;
  color: var(--s13);
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  word-break: keep-all;
  word-wrap: normal;
}
li.k-export-file > span {
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  word-break: keep-all;
  word-wrap: normal;
}
li.k-export-file .k-button {
  padding: 2px !important;
  margin: 0 2px !important;
  min-width: auto !important;
}
li.k-export-file.k-GENERATING > i {
  color: var(--s11);
}
li.k-export-file.k-START > i {
  color: var(--s7);
}
li.k-export-file.k-FALIED > i {
  color: var(--error-color-4);
}

.k-template-designer {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  background-color: #f0f0f0;
}
.k-template-designer .k-toolbar {
  height: 40px;
}
.k-template-designer .k-toolbar .k-others button {
  background-color: var(--button-bg) !important;
  color: var(--button-text-color) !important;
}
.k-template-designer .k-design-wrapper {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: calc(100% - 40px);
  background: transparent;
}
.k-template-designer .k-design-wrapper .k-design-left {
  width: 300px;
  height: 100%;
  background: transparent;
  padding: 8px;
}
.k-template-designer .k-design-wrapper .k-design-right {
  width: 300px;
  height: 100%;
  padding: 8px;
  background: transparent;
}
.k-template-designer .k-design-wrapper .k-design-right .k-form {
  padding: 8px;
  height: 100%;
}
.k-template-designer .k-design-wrapper .k-design-right .k-form .k-input {
  padding: 6px 2px;
}
.k-template-designer .k-design-wrapper .k-canvas-container {
  flex: 1;
  height: 100%;
  overflow: auto;
  background: transparent;
  padding: 8px;
}
.k-template-designer .k-design-wrapper .k-canvas {
  width: 100%;
  height: 100%;
  background: white;
  position: relative;
}
.k-template-designer .k-design-wrapper .k-canvas .k-template-element {
  position: absolute;
  cursor: default;
  padding: 2px 4px;
}
.k-template-designer .k-design-wrapper .k-canvas .k-template-element .k-title {
  display: flex;
}
.k-template-designer .k-design-wrapper .k-canvas .k-template-element .k-value {
  display: flex;
}
.k-template-designer .k-design-wrapper .k-canvas .k-template-element .k-value.k-image img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
}
.k-template-designer .k-design-wrapper .k-canvas .k-template-element.k-selected {
  border: 1px solid red !important;
}
.k-template-designer .k-design-wrapper .k-canvas .k-template-element.k-border {
  border: 1px solid #333;
}
.k-template-designer .k-design-wrapper .k-canvas .k-template-element.k-border .k-title {
  border: 1px solid #333;
}
.k-template-designer .k-design-wrapper .k-canvas .k-template-element.k-border .k-value {
  border: 1px solid #333;
}
.k-template-designer .k-design-wrapper .k-canvas .k-template-element table {
  width: fit-content;
  height: fit-content;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
}
.k-template-designer .k-design-wrapper .k-canvas .k-template-element table .k-cell {
  display: flex;
  width: 100%;
  height: 100%;
}
.k-template-designer .k-design-wrapper .k-canvas .k-template-element table thead tr {
  padding: 0;
  margin: 0;
}
.k-template-designer .k-design-wrapper .k-canvas .k-template-element table thead tr th {
  padding: 0;
  margin: 0;
}
.k-template-designer .k-design-wrapper .k-canvas .k-template-element table thead tr th.k-selected {
  border: 1px solid red !important;
}
.k-template-designer .k-design-wrapper .k-canvas .k-template-element table thead tr th.k-border {
  border: 1px solid #333;
}
.k-template-designer .k-design-wrapper .k-canvas .k-template-element table tbody tr {
  padding: 0;
  margin: 0;
}
.k-template-designer .k-design-wrapper .k-canvas .k-template-element table tbody tr td {
  padding: 0;
  margin: 0;
}
.k-template-designer .k-design-wrapper .k-canvas.k-grid {
  background-image: linear-gradient(#ccc 1px, transparent 1px), linear-gradient(90deg, #ccc 1px, transparent 1px);
  background-size: 5mm 5mm;
}
.k-dialog.k-add-child-item {
  min-height: 500px;
}
.k-dialog.k-add-child-item .k-dialog-body {
  padding: 8px;
}
.k-dialog.k-add-child-item .k-bottom-bar {
  margin: 0;
}
.k-test-element {
  position: absolute;
  top: -9999px;
  left: -9999px;
  width: 1in;
  height: 1in;
}

.k-tree {
  background-color: var(--tree-background-color);
  width: 100%;
  height: 100%;
  display: block;
  overflow: auto;
  border: 1px solid var(--border-color);
  padding: 6px;
  position: relative;
  font-size: 1.5rem;
  /* 虚线连接线 */
}
.k-tree .k-tree-title {
  text-align: center;
  background: var(--bg-gray);
  padding: 4px;
  font-size: 1.5rem;
}
.k-tree .k-tree-content {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: fit-content;
  background: transparent;
  position: relative;
}
.k-tree .k-tree-content .k-tree-item {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
  margin: 2px 0;
  background: transparent;
  position: relative;
  user-select: none;
}
.k-tree .k-tree-content .k-tree-item .k-dragging {
  opacity: 0.5;
}
.k-tree .k-tree-content .k-tree-item .k-insert-line {
  border-top: 2px solid hsl(340, 93%, 49%);
  margin: -2px 0 0 0;
  width: 100%;
}
.k-tree .k-tree-content .k-tree-item.k-has-children > .k-tree-item-content-wrapper > .k-tree-expand-btn {
  opacity: 1;
}
.k-tree .k-tree-content .k-tree-item.k-opened > .k-tree-item-content-wrapper > .k-tree-expand-btn .k-icon {
  transform: rotate(90deg);
  /* 或者使用具体数值：transform-origin: 50% 50%; */
}
.k-tree .k-tree-content .k-tree-item .k-tree-item-content-wrapper {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  padding: 0 4px;
}
.k-tree .k-tree-content .k-tree-item .k-tree-item-content-wrapper .k-tree-expand-btn {
  width: 24px;
  height: 24px;
  display: inline-block;
  background: transparent;
  position: relative;
  cursor: pointer;
  user-select: none;
  font-size: 8px;
  line-height: 1;
  font: 1em sans-serif;
  color: #555;
  opacity: 0;
}
.k-tree .k-tree-content .k-tree-item .k-tree-item-content-wrapper .k-tree-expand-btn .k-icon {
  display: block;
  width: 24px;
  height: 24px;
  fill: currentColor;
  transition: all 0.3s ease;
}
.k-tree .k-tree-content .k-tree-item .k-tree-item-content-wrapper .k-tree-space {
  width: 24px;
  height: 24px;
  display: inline-block;
  background: transparent;
}
.k-tree .k-tree-content .k-tree-item .k-tree-item-content-wrapper .k-tree-item-content {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  background: transparent;
  cursor: pointer;
  width: 100%;
  height: fit-content;
  padding: 6px 2px;
}
.k-tree .k-tree-content .k-tree-item .k-tree-item-content-wrapper .k-tree-item-content .k-tree-checkbox {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  position: relative;
}
.k-tree .k-tree-content .k-tree-item .k-tree-item-content-wrapper .k-tree-item-content .k-tree-checkbox .k-icon {
  border: 1px solid var(--border-color);
  border-radius: 3px;
  cursor: pointer;
  display: block;
  font-size: 12px;
  width: 16px;
  height: 16px;
  fill: currentColor;
  transition: all 0.3s ease;
}
.k-tree .k-tree-content .k-tree-item .k-tree-item-content-wrapper .k-tree-item-content .k-tree-checkbox.k-checked .k-icon:before {
  content: '';
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  display: inline-block;
  text-align: center;
  width: 5px;
  height: 9px;
  position: absolute;
  left: 29%;
  top: 48%;
}
.k-tree .k-tree-content .k-tree-item .k-tree-item-content-wrapper .k-tree-item-content .k-tree-checkbox.k-unchecked .k-icon:before {
  content: "";
}
.k-tree .k-tree-content .k-tree-item .k-tree-item-content-wrapper .k-tree-item-content .k-tree-checkbox.k-partial .k-icon:before {
  content: '';
  border-top: 2px solid #fff;
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  display: inline-block;
  text-align: center;
  width: 8px;
  height: 9px;
  position: absolute;
  left: 32%;
  top: 47%;
}
.k-tree .k-tree-content .k-tree-item .k-tree-item-content-wrapper .k-tree-item-content .k-tree-checkbox.k-checked .k-icon {
  color: #fff;
  background-color: #1890ff;
  border-color: #1890ff;
}
.k-tree .k-tree-content .k-tree-item .k-tree-item-content-wrapper .k-tree-item-content .k-tree-checkbox.k-unchecked .k-icon {
  color: #ccc;
  background-color: #fff;
  border-color: #ccc;
}
.k-tree .k-tree-content .k-tree-item .k-tree-item-content-wrapper .k-tree-item-content .k-tree-checkbox.k-partial .k-icon {
  color: #fff;
  background-color: #1890ff;
  border-color: #1890ff;
}
.k-tree .k-tree-content .k-tree-item .k-tree-item-content-wrapper .k-tree-item-content .k-tree-content-prefix {
  width: 24px;
  height: 100%;
  line-height: 24px;
  display: inline-block;
  background: transparent;
}
.k-tree .k-tree-content .k-tree-item .k-tree-item-content-wrapper .k-tree-item-content .k-tree-item-text {
  word-break: keep-all;
  white-space: nowrap;
  flex: 1;
  padding-left: 4px;
  user-select: none;
}
.k-tree .k-tree-content .k-tree-item .k-tree-item-content-wrapper .k-tree-item-content:hover {
  cursor: default;
  background-color: var(--popup-item-hover-bg);
  border-radius: 5px;
}
.k-tree .k-tree-content .k-tree-item .k-tree-item-content-wrapper .k-tree-item-content:hover .k-tree-item-actions {
  opacity: 1;
}
.k-tree .k-tree-content .k-tree-item .k-tree-item-content-wrapper .k-tree-item-content.k-selected {
  background-color: var(--select-cur-bg);
}
.k-tree .k-tree-content .k-tree-item .k-tree-item-content-wrapper .k-tree-item-content .k-tree-item-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  margin-left: 8px;
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.k-tree .k-tree-content .k-tree-item .k-tree-item-content-wrapper .k-tree-item-content .k-tree-item-actions .k-icon {
  width: 16px;
  height: 16px;
  color: #888;
}
.k-tree .k-tree-content .k-tree-item .k-tree-item-content-wrapper .k-tree-item-content .k-tree-item-actions .k-icon i {
  font-size: 14px;
  color: #6b7280;
  font: normal normal normal 14px/1 FontAwesome;
}
.k-tree .k-tree-content .k-tree-item .k-tree-item-content-wrapper .k-tree-item-content .k-tree-item-actions .k-icon:hover {
  cursor: pointer;
}
.k-tree .k-tree-content .k-tree-item .k-tree-children {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  background: transparent;
  width: 100%;
  height: fit-content;
}
.k-tree .ktree-ul {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}
.k-tree .ktree-li {
  position: relative;
  padding: 2px 0;
  margin: 4px 0;
}
.k-tree .ktree-node {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.k-tree .ktree-expand-btn,
.k-tree .ktree-empty-btn {
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 4px;
  border: 1px solid #999;
  background-color: transparent;
  font-size: 12px;
  line-height: 1;
  user-select: none;
}
.k-tree .ktree-empty-btn {
  border: none;
  background-color: transparent;
}
.k-tree .ktree-text {
  padding: 4px 4px;
  flex: 1;
}
.k-tree .ktree-text:hover {
  cursor: pointer;
  background-color: var(--popup-item-hover-bg);
}
.k-tree .ktree-children {
  position: relative;
}
.k-tree .ktree-children:before {
  content: "";
  position: absolute;
  left: -10px;
  top: 0;
  bottom: 0;
  width: 1px;
  border-left: 1px dashed #ccc;
}
.k-tree .ktree-li:not(:last-child):after {
  content: "";
  position: absolute;
  left: -10px;
  top: 12px;
  width: 8px;
  border-top: 1px dashed #ccc;
}

.k-tooltip-container {
  position: relative;
  display: inline-block;
  cursor: pointer;
  background: transparent !important;
}
.k-tooltip-container.k-visible {
  visibility: visible;
}
.k-tooltip-container.k-lock {
  visibility: visible;
}
.k-log-tooltip {
  padding: 16px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  width: fit-content !important;
  border-radius: 5px;
  /*
   &::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
   }
*/
  /* 加载动画 */
}
.k-log-tooltip .k-loading {
  text-align: center;
  padding: 20px;
}
.k-log-tooltip .k-loading::after {
  content: "加载中...";
  display: inline-block;
  animation: loading 1s infinite;
}
@keyframes loading {
  0% {
    content: "加载中";
  }
  25% {
    content: "加载中.";
  }
  50% {
    content: "加载中..";
  }
  75% {
    content: "加载中...";
  }
}
/* 日志列表样式 */
.k-log-list {
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
  color: var(--text-color);
}
.k-log-list thead {
  position: sticky;
  top: 0;
  z-index: 1000;
  background-color: var(--gray-100);
}
.k-log-list thead th {
  padding: 8px 4px;
  white-space: nowrap;
  word-break: keep-all;
}
.k-log-item {
  padding: 8px 0;
  position: relative;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.k-log-item td {
  padding: 8px 4px;
  word-break: keep-all;
  white-space: nowrap;
  font-size: 1.5rem;
}
.k-log-time {
  font-size: 12px;
  margin-right: 10px;
}

.k-map-canvas {
  width: 100%;
  height: 100%;
  background: white;
}
.k-map-svg {
  width: 100%;
  height: 100%;
  background-color: white;
}

.k-card-view {
  display: block;
  background: var(--bg);
  flex: 1;
  overflow-y: auto;
  padding: 10px;
}
.k-card-view .k-card-view-content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: var(--bg);
}
.k-card-view .k-card-view-content .k-card {
  background: var(--bg);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 12px;
  cursor: pointer;
  transition: all 0.2s;
}
.k-card-view .k-card-view-content .k-card.k-sel {
  background: var(--bg-selected);
  border-color: var(--border-color-selected);
}
.k-card-view .k-card-view-content .k-card:hover {
  border-color: var(--border-color-selected);
  box-shadow: 0 2px 8px rgba(24, 144, 255, 0.1);
}
.k-card-view .k-card-view-content .k-card .k-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.k-card-view .k-card-view-content .k-card .k-card-header .k-card-number {
  font-weight: 600;
  font-size: 1.4rem;
}
.k-card-view .k-card-view-content .k-card .k-card-header .k-card-priority {
  padding: 2px 6px;
  border-radius: 10px;
  font-size: 1.4rem;
}
.k-card-view .k-card-view-content .k-card .k-card-header .k-card-priority.k-priority-normal {
  background: #f6ffed;
  color: var(--success);
}
.k-card-view .k-card-view-content .k-card .k-card-header .k-card-priority.k-priority-high {
  background: #fff2f0;
  color: var(--error);
}
.k-card-view .k-card-view-content .k-card .k-card-info {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  font-size: 1.4rem;
  color: var(--text-secondary);
}
.k-card-view .k-card-view-content .k-card .k-card-info .k-card-info-item {
  display: flex;
  flex-direction: column;
}
.k-card-view .k-card-view-content .k-card .k-card-info .k-card-info-item .k-label {
  font-size: 1.2rem;
  color: var(--form-field-title-color);
}
.k-card-view .k-card-view-content .k-card .k-card-bottom {
  display: flex;
  flex-direction: row;
  margin-top: 8px;
  font-size: 1.2rem;
  color: var(--text-secondary);
}
.k-card-view .k-card-view-content .k-capacity-bar {
  height: 4px;
  background: #f0f0f0;
  border-radius: 2px;
  margin: 8px 0;
  overflow: hidden;
}
.k-card-view .k-card-view-content .k-capacity-bar .k-capacity-fill {
  height: 100%;
  background: var(--success);
  transition: width 0.3s;
}
.k-card-view .k-card-view-content .k-capacity-bar .k-capacity-fill.k-capacity-danger {
  background: var(--error);
}

.k-radio {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
}
.k-radio.k-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}
.k-radio .k-radio-label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
}
.k-radio .k-radio-label .k-radio-label-text {
  word-wrap: none;
  white-space: nowrap;
  color: var(--text-color-2);
}
.k-radio.k-input::after {
  content: none !important;
}
.k-radio input.k-focus {
  border: 1px solid var(--form-focus-border-color) !important;
}
.k-radio.k-disabled input {
  cursor: not-allowed;
}
.k-radio.k-disabled .k-radio-label .k-radio-label-text {
  color: var(--text-color-3);
}
.k-radio.k-disabled::after {
  content: none !important;
}

.k-view-pic-content {
  overflow: auto;
}
.k-view-pic {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: fit-content;
  padding: 20px;
  gap: 8px;
  padding-bottom: 60px;
}
.k-view-pic .k-view-pic-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.k-view-pic .k-view-pic-item .k-view-pic-item-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #1b6d85;
  color: white;
  padding: 4px;
  font-size: 1.8rem;
  font-weight: 600;
  width: 100%;
}
.k-view-pic .k-view-pic-item p {
  width: 100%;
  height: 100%;
  /* 可选：确保容器有明确尺寸（如果父级未设置） */
  display: flex;
  justify-content: center;
  align-items: center;
}
.k-view-pic .k-view-pic-item p .k-view-pic-item-content {
  width: 100%;
  height: 100%;
  min-width: 800px;
  min-height: 600px;
}
.k-view-pic .k-view-pic-item p img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  /* 保持图片比例，完整显示在容器内 */
  /* 如果希望图片铺满但裁剪以保持比例，可用 object-fit: cover */
}
.k-view-pic .k-view-pic-item-download {
  background-color: #1b6d85;
  color: white;
  font-size: 1.4rem;
  padding: 6px 12px;
  margin-top: 16px;
}

/* uploadfile.less */
.k-upload {
  width: 100%;
}
.k-upload.k-disabled .k-upload-area {
  display: none;
}
.k-upload.k-disabled .k-file-remove {
  display: none;
}
.k-upload .k-upload-zone {
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 16px;
  background: #fafafa;
}
.k-upload .k-upload-zone .k-upload-header strong {
  display: block;
  margin-bottom: 4px;
  font-size: 16px;
  color: #333;
}
.k-upload .k-upload-zone .k-upload-header .k-upload-hint {
  font-size: 13px;
  color: #666;
  margin: 4px 0;
}
.k-upload .k-upload-zone .k-upload-area {
  border: 2px dashed #ccc;
  border-radius: 6px;
  padding: 20px;
  text-align: center;
  cursor: pointer;
  outline: none;
  transition: border-color 0.2s;
}
.k-upload .k-upload-zone .k-upload-area:focus,
.k-upload .k-upload-zone .k-upload-area:hover {
  border-color: #4a6cf7;
}
.k-upload .k-upload-zone .k-upload-area.k-dragover {
  background: #f0f4ff;
  border-color: #4a6cf7;
}
.k-upload .k-upload-zone .k-upload-area .k-upload-trigger span {
  color: #4a6cf7;
  font-weight: bold;
}
.k-upload .k-upload-zone .k-file-list {
  margin-top: 12px;
}
.k-upload .k-upload-zone .k-file-list .k-file-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 0;
  border-bottom: 1px solid #eee;
  gap: 8px;
  /* 预览图标样式优化 */
  /* 文件名容器样式，避免图标和文字重叠 */
}
.k-upload .k-upload-zone .k-file-list .k-file-item .k-file-name {
  flex: 1;
  text-align: left;
  word-break: break-all;
}
.k-upload .k-upload-zone .k-file-list .k-file-item .k-file-size {
  margin: 0 10px;
  color: #888;
  font-size: 13px;
}
.k-upload .k-upload-zone .k-file-list .k-file-item .k-file-remove {
  background: none;
  border: none;
  color: #e74c3c;
  font-size: 18px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  line-height: 1;
}
.k-upload .k-upload-zone .k-file-list .k-file-item .k-file-preview-icon {
  color: #409eff;
  /* 主题色，和删除按钮区分开 */
  transition: color 0.2s;
  user-select: none;
  /* 禁止选中图标文字 */
}
.k-upload .k-upload-zone .k-file-list .k-file-item .k-file-preview-icon.disabled {
  color: #ccc;
  cursor: not-allowed !important;
}
.k-upload .k-upload-zone .k-file-list .k-file-item .k-file-preview-icon:hover:not(.disabled) {
  color: #66b1ff;
  transform: scale(1.1);
  /* 轻微放大，强化交互反馈 */
}
.k-upload .k-upload-zone .k-file-list .k-file-item .k-file-name {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  /* 替代margin，更现代的间距控制 */
}
.k-upload .k-upload-zone .k-upload-error {
  color: #e74c3c;
  margin-top: 6px;
  display: none;
}
.k-upload .k-upload-zone .k-file-progress {
  height: 4px;
  width: 150px;
  background: #eee;
  margin-top: 4px;
  border-radius: 2px;
  overflow: hidden;
}
.k-upload .k-upload-zone .k-progress-bar {
  height: 100%;
  background: #409eff;
  transition: width 0.2s;
}
.k-upload .k-upload-zone .k-file-error .k-file-name {
  color: red;
}
.k-upload .k-upload-zone .k-file-status {
  line-height: 1;
  border-radius: 4px;
  padding: 2px 6px;
}
.k-upload .k-upload-zone .k-file-status.kstatus-waiting {
  background: #f0f0f0;
  color: #666;
}
.k-upload .k-upload-zone .k-file-status.k-status-uploading {
  background: #e3f2fd;
  color: #1976d2;
}
.k-upload .k-upload-zone .k-file-status.k-status-success {
  background: #e8f6f3;
  color: #27ae60;
}
.k-upload .k-upload-zone .k-file-status.k-status-error {
  background: #fdeaea;
  color: #e74c3c;
}

.k-print-dlg {
  padding: 0  4px !important;
  background-color: #ececec !important;
}
.k-print-dlg .k-print-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 1.7rem;
  font-weight: 600;
  padding: 1rem 16px;
  margin: 8px 0;
  gap: 8px;
  background-color: var(--bg);
}
.k-print-dlg .k-print-row .k-state {
  width: 12rem;
}
.k-print-dlg .k-print-row .k-type {
  flex: 1;
}
.k-print-dlg .k-print-row button {
  padding: 8px 8px;
}
.k-print-dlg .k-print-row button.k-WAYBILL::before {
  font-family: 'Font Awesome 6 Free';
  /* 或 'Font Awesome 6 Brands' 对于品牌图标 */
  font-weight: 900;
  /* 对于实心图标使用 900，常规图标使用 400 */
  content: '\f56d';
  margin-right: 5px;
}
.k-print-dlg .k-print-row button.k-ENVELOPE::before {
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  content: '\f658';
  margin-right: 5px;
}
.k-print-dlg .k-print-row button.k-LABEL::before {
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  content: '\f02b';
  margin-right: 5px;
}
.k-print-dlg .k-print-row button.k-RECEIPT::before {
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  content: '\f573';
  margin-right: 5px;
}

.k-file-uploader-dlg .container {
  min-width: 800px;
  margin: 0 auto;
  background: white;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.k-file-uploader-dlg h1 {
  text-align: center;
  margin-bottom: 20px;
  color: #333;
}
.k-file-uploader-dlg .upload-area {
  border: 2px dashed #4a90e2;
  border-radius: 8px;
  padding: 40px 20px;
  text-align: center;
  background: #f8faff;
  cursor: pointer;
  margin-bottom: 20px;
  transition: all 0.3s;
}
.k-file-uploader-dlg .upload-area:hover {
  border-color: #2ecc71;
  background: #f0f9f4;
}
.k-file-uploader-dlg .upload-area.highlight {
  background: #e8f6f3;
}
.k-file-uploader-dlg .upload-hint {
  color: #666;
  margin-top: 10px;
}
.k-file-uploader-dlg .k-file-input {
  display: none;
}
.k-file-uploader-dlg .controls {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 20px;
}
.k-file-uploader-dlg .k-split-input {
  padding: 4px 2px;
  border: 1px solid var(--border-color);
  width: 12rem;
  border-radius: 3px;
  font-size: 1.8rem;
  color: #333;
  font-family: ui-monospace, SFMono-Regular, 'SF Mono', 'Menlo', 'Consolas', 'Liberation Mono', 'DejaVu Sans Mono', monospace;
}
.k-file-uploader-dlg .btn {
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 14px;
  transition: all 0.3s;
}
.k-file-uploader-dlg .btn-primary {
  background: #4a90e2;
  color: white;
}
.k-file-uploader-dlg .btn-primary:hover:not(:disabled) {
  background: #357ae8;
}
.k-file-uploader-dlg .btn-danger {
  background: #e74c3c;
  color: white;
}
.k-file-uploader-dlg .btn-danger:hover {
  background: #c0392b;
}
.k-file-uploader-dlg .btn:disabled {
  background: #ccc;
  cursor: not-allowed;
}
.k-file-uploader-dlg .file-list {
  max-height: 400px;
  overflow-y: auto;
}
.k-file-uploader-dlg .file-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 15px;
  border: 1px solid #eee;
  border-radius: 5px;
  margin-bottom: 10px;
  background: #f9f9f9;
}
.k-file-uploader-dlg .file-item-content {
  display: flex;
  align-items: center;
  width: 100%;
}
.k-file-uploader-dlg .k-error-info {
  display: flex;
  width: 100%;
}
.k-file-uploader-dlg .file-info {
  flex: 1;
  min-width: 0;
}
.k-file-uploader-dlg .file-name {
  font-weight: bold;
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.k-file-uploader-dlg .file-size {
  color: #666;
  font-size: 12px;
}
.k-file-uploader-dlg .file-progress {
  width: 150px;
  margin-left: 15px;
}
.k-file-uploader-dlg .progress-bar {
  height: 8px;
  background: #e0e0e0;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 5px;
}
.k-file-uploader-dlg .progress-fill {
  height: 100%;
  background: #4a90e2;
  width: 0%;
  transition: width 0.3s;
}
.k-file-uploader-dlg .progress-text {
  text-align: center;
  font-size: 12px;
  color: #666;
}
.k-file-uploader-dlg .file-status {
  margin-left: 15px;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: bold;
}
.k-file-uploader-dlg .status-waiting {
  background: #f0f0f0;
  color: #666;
}
.k-file-uploader-dlg .status-uploading {
  background: #e3f2fd;
  color: #1976d2;
}
.k-file-uploader-dlg .status-success {
  background: #e8f6f3;
  color: #27ae60;
}
.k-file-uploader-dlg .status-error {
  background: #fdeaea;
  color: #e74c3c;
}
.k-file-uploader-dlg .remove-btn {
  background: none;
  border: none;
  color: #e74c3c;
  cursor: pointer;
  font-size: 16px;
  margin-left: 10px;
}
.k-file-uploader-dlg .total-progress {
  margin-top: 20px;
  padding-top: 15px;
  border-top: 1px solid #eee;
}
.k-file-uploader-dlg .total-progress h3 {
  margin-bottom: 10px;
  color: #333;
}

.k-account-level {
  /* 预览区域 */
}
.k-account-level .k-rule-wrapper {
  border: 1px solid var(--border-color);
  border-radius: 6px;
  padding: 20px;
  background: #fafafa;
}
.k-account-level label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 14px;
}
.k-account-level .k-title {
  margin-top: 30px;
  text-align: left;
  height: auto;
  margin-bottom: 2px;
  font-size: 1.4rem;
  font-weight: 600;
}
.k-account-level .k-sample {
  margin-top: 9px;
  font-size: 1.2rem;
  color: #999;
  text-align: left;
}
.k-account-level .k-level-row {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  gap: 10px;
  font-size: 1.5rem;
}
.k-account-level .k-level-label {
  width: 80px;
  color: #666;
}
.k-account-level .k-input-wrapper {
  position: relative;
  flex: 1;
  max-width: 200px;
}
.k-account-level.k-disabled .k-btn-add,
.k-account-level.k-disabled .k-btn-icon {
  pointer-events: none;
  opacity: 0;
}
.k-account-level input[type="number"] {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid var(--border-color);
  border-radius: 4px;
  outline: none;
  box-sizing: content-box;
  transition: border-color 0.2s;
}
.k-account-level input[type="number"]:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.k-account-level .k-unit {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #999;
  font-size: 1.4rem;
  pointer-events: none;
}
.k-account-level .k-btn-icon {
  background: none;
  border: none;
  cursor: pointer;
  padding: 5px;
  border-radius: 4px;
  color: #666;
  margin-left: 16px;
  transition: all 0.2s;
}
.k-account-level .k-btn-icon:hover {
  background-color: #e6f7ff;
  color: var(--primary-color);
}
.k-account-level .k-btn-icon.delete:hover {
  background-color: #fff1f0;
  color: var(--danger-color);
}
.k-account-level .k-btn-add {
  background-color: #fff;
  border: 1px dashed var(--border-color);
  color: #666;
  padding: 10px 15px;
  border-radius: 4px;
  cursor: pointer;
  width: 100%;
  text-align: left;
  font-size: 13px;
  margin-top: 5px;
}
.k-account-level .k-btn-add:hover {
  border-color: var(--primary-color);
  color: var(--primary-color);
}
.k-account-level .k-preview-section {
  margin-top: 25px;
  padding-top: 20px;
  border-top: 1px solid #eee;
}
.k-account-level .k-preview-box {
  background: #e6f7ff;
  border: 1px solid #91d5ff;
  padding: 15px;
  border-radius: 4px;
  font-family: "Courier New", Courier, monospace;
  font-size: 1.6rem;
  font-weight: bold;
  color: #0050b3;
  letter-spacing: 1px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.k-account-level .k-preview-label {
  color: #666;
  font-weight: normal;
  font-family: inherit;
  letter-spacing: normal;
}
.k-account-level .k-error-msg {
  color: var(--danger-color);
  font-size: 12px;
  margin-top: 5px;
  display: none;
}
.k-account-level .k-action-bar {
  margin-top: 30px;
  text-align: right;
}

/* 主体布局 */
.k-account-tree {
  flex: 1;
  overflow-y: auto;
  padding: 10px 0;
  background-color: var(--bg);
  width: 100%;
  /* 树节点样式 */
}
.k-account-tree .k-tree-node {
  user-select: none;
  width: 100%;
  /* 默认状态 - 向右的实心箭头 (fa-caret-right) */
  /* 叶子节点没有箭头 */
  /* 科目类型特殊样式 */
}
.k-account-tree .k-tree-node .k-node-content {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  cursor: pointer;
  transition: background 0.2s;
}
.k-account-tree .k-tree-node .k-node-content:hover {
  background-color: #f5f5f5;
}
.k-account-tree .k-tree-node .k-node-content.k-active {
  background-color: #e6f7ff;
  color: var(--primary-color);
  font-weight: 500;
}
.k-account-tree .k-tree-node .k-toggle-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  color: #999;
  font-size: 16px;
  /* 字体大小控制图标大小 */
  line-height: 16px;
  text-align: center;
  transition: transform 0.2s;
  /* Font Awesome 相关设置 */
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.k-account-tree .k-tree-node .k-toggle-icon::before {
  content: '\f0da';
  /* fa-caret-right 的 Unicode */
}
.k-account-tree .k-tree-node .k-toggle-icon.k-expanded {
  transform: rotate(90deg);
}
.k-account-tree .k-tree-node .k-toggle-icon.k-hidden {
  visibility: hidden;
}
.k-account-tree .k-tree-node .k-node-label {
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.k-account-tree .k-tree-node .k-node-code {
  color: #888;
  margin-right: 6px;
  font-family: monospace;
  font-size: 13px;
}
.k-account-tree .k-tree-node .k-node-type .k-node-label {
  font-weight: bold;
  color: #555;
}
.k-account-tree .k-tree-node .k-children-container {
  display: none;
  /* 默认折叠 */
  padding-left: 20px;
  /* 缩进 */
}
.k-account-tree .k-tree-node .k-children-container.k-open {
  display: block;
}

/* k-icons.css */
.k-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: middle;
  flex-shrink: 0;
  /* SVG 优化 */
  shape-rendering: geometricPrecision;
  text-rendering: geometricPrecision;
}
/* 大小变体 */
.k-icon-xs {
  width: 12px;
  height: 12px;
}
.k-icon-sm {
  width: 16px;
  height: 16px;
}
.k-icon-md {
  width: 20px;
  height: 20px;
}
.k-icon-lg {
  width: 24px;
  height: 24px;
}
.k-icon-xl {
  width: 32px;
  height: 32px;
}
/* 颜色变体 */
.k-icon-primary {
  color: #1890ff;
}
.k-icon-success {
  color: #52c41a;
}
.k-icon-warning {
  color: #faad14;
}
.k-icon-error {
  color: #f5222d;
}
/* 旋转动画 */
.k-icon-spin {
  animation: k-icon-spin 1s linear infinite;
}
@keyframes k-icon-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* 点击效果 */
.k-icon-clickable {
  cursor: pointer;
  transition: opacity 0.2s;
}
.k-icon-clickable:hover {
  opacity: 0.7;
}
.k-icon-clickable:active {
  opacity: 1;
  transform: scale(0.95);
}

.k-switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 22px;
  cursor: pointer;
}
.k-switch.k-disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.k-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.k-switch .k-toggle-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #cbd5e1;
  transition: 0.3s;
  border-radius: 22px;
}
.k-switch .k-toggle-slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: 0.3s;
  border-radius: 50%;
}
.k-switch input:checked + .k-toggle-slider {
  background-color: var(--primary-2);
}
.k-switch input:checked + .k-toggle-slider:before {
  transform: translateX(22px);
}

.k-format-builder {
  background: #f8fafc;
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 20px;
  font-weight: 400;
}
.k-format-builder .k-sub-info {
  margin-top: 4px;
  margin-bottom: 12px;
}
.k-format-builder.k-disabled .k-segment-tag {
  cursor: not-allowed;
  opacity: 0.6;
}
.k-format-builder .k-option-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  border-bottom: 1px solid var(--border-color-dark);
}
.k-format-builder .k-option-row .k-column-wrapper {
  width: auto;
  height: auto;
}
.k-format-builder .k-option-row .k-column-wrapper .k-title {
  height: auto;
  font-size: 1.5rem;
  font-weight: 500;
}
.k-format-builder .k-option-row .k-column-wrapper .k-sub-sample {
  font-size: 1.1rem;
  color: #64748b;
}
.k-format-builder .k-preview-box {
  margin-top: 16px;
  background: #f8fafc;
  padding: 12px;
  border-radius: 8px;
}
.k-format-builder .k-preview-box .k-preview {
  font-size: 18px;
  font-weight: 600;
  font-family: monospace;
  color: var(--primary-2);
}
.k-format-builder .k-segment-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}
.k-format-builder .k-segment-row .k-segment-tag {
  background: var(--primary-2);
  color: white;
  padding: 4px 14px;
  border-radius: 6px;
  font-size: 1.3rem;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.k-format-builder .k-segment-row .k-segment-tag .k-remove {
  cursor: pointer;
  opacity: 0.7;
}
.k-format-builder .k-segment-row .k-separator-input {
  width: 60px;
  padding: 6px;
  text-align: center;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
}
.k-format-builder .k-available-segments {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #e2e8f0;
}
.k-format-builder .k-add-segment {
  padding: 4px 12px;
  background: white;
  border: 1px solid #cbd5e1;
  border-radius: 20px;
  font-size: 12px;
  cursor: pointer;
}

.k-schema-builder {
  width: 100%;
}
.k-schema-builder.k-disabled .k-stateful {
  display: none;
}
.k-schema-builder .k-schema-toolbar {
  margin-bottom: 12px;
  display: flex;
  gap: 8px;
  align-items: center;
}
.k-schema-builder .k-schema-table {
  width: 100%;
  border-collapse: collapse;
}
.k-schema-builder .k-schema-table th,
.k-schema-builder .k-schema-table td {
  border: 1px solid #e5e7eb;
  padding: 8px 10px;
  text-align: left;
}
.k-schema-builder .k-tag-table {
  background: #dbeafe;
  color: #1d4ed8;
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 12px;
  margin-left: 6px;
}
.k-schema-builder .k-view-json {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.k-schema-builder .k-view-json .k-schema-json-editor {
  width: 100%;
  min-height: 420px !important;
  border: 1px solid #e5e7eb;
  padding: 10px;
  font-family: Consolas,monospace;
  font-size: 13px;
  flex: 1;
}
.k-schema-builder .k-btn.k-sm {
  padding: 2px 6px;
  font-size: 12px;
  margin: 0 2px;
}
.k-modal .k-dialog-body {
  background: #fff;
  width: 480px;
  padding: 20px;
  border-radius: 8px;
}
.k-modal .k-form-item {
  margin-bottom: 12px;
}
.k-modal .k-form-item label {
  display: block;
  margin-bottom: 4px;
}
.k-modal .k-input,
.k-modal .k-select {
  width: 100%;
  border: 1px solid #d1d5db;
  padding: 7px 10px;
  border-radius: 4px;
}
.k-modal .k-modal-footer {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
  width: 100%;
}
.k-modal .k-modal-footer button {
  padding: 7px 14px;
  border-radius: 6px;
  border: 1px solid #cbd5e1;
  background: #fff;
  cursor: pointer;
  font-size: 14px;
  transition: 0.2s;
}
.k-modal .k-modal-footer .k-btn.k-primary {
  background: #2563eb !important;
  color: #fff !important;
  border-color: #2563eb !important;
}
.k-import-list {
  max-height: 320px;
  overflow-y: auto;
  border: 1px solid #eee;
  padding: 8px;
}
.k-import-item {
  padding: 4px 0;
  border-bottom: 1px solid #f3f4f6;
}

.k-field-mapping {
  overflow: auto;
}

.k-sync-config {
  width: 100%;
}
.k-sync-config .k-sync-config-panel {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.k-sync-config .k-sync-config-section {
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  padding: 12px;
  background: #fff;
}
.k-sync-config .k-sync-config-title {
  font-size: 14px;
  font-weight: 600;
  color: #111827;
  margin-bottom: 10px;
}
.k-sync-config .k-sync-config-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px 12px;
}
.k-sync-config .k-sync-config-item {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}
.k-sync-config .k-sync-config-item span {
  font-size: 13px;
  color: #374151;
}
.k-sync-config .k-sync-config-item input,
.k-sync-config .k-sync-config-item select,
.k-sync-config .k-sync-config-item textarea {
  width: 100%;
  min-height: 32px;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  padding: 5px 8px;
  font-size: 13px;
  color: #111827;
  background: #fff;
  box-sizing: border-box;
}
.k-sync-config .k-sync-config-item em {
  font-style: normal;
  font-size: 12px;
  color: #6b7280;
  line-height: 1.4;
}
.k-sync-config .k-sync-config-check input {
  width: 18px;
  min-height: 18px;
}
.k-sync-config .k-sync-request-body,
.k-sync-config .k-sync-json-editor {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  padding: 8px;
  font-family: Consolas,monospace;
  font-size: 13px;
  line-height: 1.45;
  resize: vertical;
}
.k-sync-config .k-sync-request-body {
  min-height: 110px;
}
.k-sync-config .k-sync-json-editor {
  min-height: 220px !important;
}
.k-sync-config .k-sync-config-toolbar {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}
.k-sync-config .k-sync-apply-json {
  border: 1px solid #cbd5e1;
  background: #f8fafc;
  color: #111827;
  border-radius: 4px;
  padding: 5px 10px;
  cursor: pointer;
}
.k-sync-config .k-sync-config-hint {
  font-size: 12px;
  color: #6b7280;
  line-height: 1.5;
  margin-top: 6px;
}
.k-sync-config .k-hidden {
  display: none !important;
}
.k-sync-config .k-invalid {
  border-color: #ef4444 !important;
  background: #fff7f7 !important;
}

.k-voucher-words-config {
  /* 凭证字列表 */
}
.k-voucher-words-config .k-words-list {
  display: flex;
  flex-direction: column;
  padding: 12px;
  gap: 12px;
}
.k-voucher-words-config .k-words-list .k-word-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
  background: #f8fafc;
  border-radius: 10px;
  border: 1px solid #eef2f6;
}
.k-voucher-words-config .k-words-list .k-word-info {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.k-voucher-words-config .k-words-list .k-word-code {
  font-weight: 700;
  color: var(--primary-2);
  min-width: 50px;
}
.k-voucher-words-config .k-words-list .k-word-name input {
  width: 100px;
  padding: 6px 10px;
}
.k-voucher-words-config .k-words-list .k-word-desc {
  font-size: 11px;
  color: #64748b;
  background: white;
  padding: 4px 10px;
  border-radius: 20px;
}
.k-voucher-words-config .k-words-list .k-word-actions {
  display: flex;
  gap: 12px;
  align-items: center;
}
.k-voucher-words-config .k-words-list .k-default-badge {
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 11px;
  cursor: pointer;
  width: 6.5rem;
  background: #e2e8f0;
  color: #64748b;
}

.k-static .k-static-text {
  min-height: 2rem;
  width: 100%;
  height: 100%;
  display: block;
}

.k-timepicker.k-disabled .k-arrow {
  display: none;
}
/* 时间组件基础样式 */
.k-time {
  display: inline-block;
  position: relative;
  width: 100%;
}
.k-time input {
  width: 100%;
  height: 100%;
}
.k-time .k-time-content {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
}
.k-time-dropdown-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.k-time-dropdown-container .k-time-container {
  flex: 1;
  display: flex;
  flex-direction: row;
}
.k-time-col {
  flex: 1;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #f0f0f0;
}
.k-time-col:last-child {
  border-right: none;
}
.k-time-col-header {
  padding: 10px;
  text-align: center;
  font-size: 1.4rem;
  color: var(--title-color);
  border-bottom: 1px solid #f0f0f0;
  background: var(--bg-gray);
}
.k-time-col-list {
  height: 280px;
  overflow-y: auto;
  padding: 5px 0;
}
.k-time-item {
  padding: 8px 16px;
  text-align: center;
  cursor: pointer;
  font-size: 1.4rem;
  transition: background 0.2s;
}
.k-time-item:hover {
  background: #f5f5f5;
}
.k-time-item.k-selected {
  background: #e6f7ff;
  color: #1890ff;
  font-weight: 500;
}
.k-time-footer {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 10px 12px;
  border-top: 1px solid #f0f0f0;
}
.k-time-footer button {
  padding: 4px 12px;
  border-radius: 4px;
  border: 1px solid var(--border-color);
  background: var(--bg);
  cursor: pointer;
  font-size: 1.4rem;
}
.k-time-footer button.k-primary {
  background: #1890ff;
  border-color: #1890ff;
  color: #fff;
}
.k-time-footer button:hover {
  opacity: 0.8;
}

.k-unit-setting {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 0 8px;
}
.k-unit-setting .k-title {
  font-size: 1.5rem;
  font-weight: bold;
  height: auto;
  color: var(--text-color);
  margin-right: 16px;
  white-space: nowrap;
}
.k-unit-setting .k-form-field {
  width: fit-content;
}
.k-unit-setting .k-form-field .k-field-title {
  margin-right: 4px;
  text-align: right;
  color: var(--text-color);
  font-weight: 600;
}
.k-unit-setting .k-language {
  width: 15rem !important;
}
.k-unit-setting .k-unit {
  width: 15rem !important;
}
.k-unit-setting .k-precision {
  width: 15rem !important;
}
.k-unit-setting .k-round-method {
  width: 18rem !important;
}

.k-dropdown-container {
  position: fixed;
  top: 0px;
  padding: 8px 0px;
  border: 1px solid var(--border-color);
  border-radius: 3px;
  background-color: var(--popup-bg);
  z-index: 999;
  overflow: hidden;
  width: fit-content;
  height: auto;
  outline: none;
  font-size: 1.5rem;
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.k-dropdown-container .k-dropdown-content {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: auto;
}
.k-dropdown-container .k-dropdown-content table {
  table-layout: auto;
}
.k-dropdown-container .k-multi-select-dropdown {
  height: 100%;
  overflow-y: auto;
  /* 自己滚动 */
}
.k-dropdown-container .k-dropdown {
  height: 100%;
  overflow-y: auto;
  /* 自己滚动 */
}
.k-dropdown-container li {
  min-height: 2.5rem;
  padding: 4px 16px;
  outline: none;
  cursor: pointer;
  text-align: left;
  background-color: var(--popup-bg);
  display: flex;
  flex-direction: row;
  align-items: center;
  word-wrap: normal;
  word-break: keep-all;
  white-space: nowrap;
}
.k-dropdown-container li > span {
  padding-left: 6px;
  pointer-events: none;
}
.k-dropdown-container li:hover,
.k-dropdown-container li.hover {
  background-color: var(--select-item-hover-bg);
}
.k-dropdown-container li.k-cur {
  background-color: var(--selected-bg);
}
.k-dropdown-container .k-multi-select-dropdown .k-select-option-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 16px;
  background-color: var(--bg-gray);
  font-size: 1.4rem;
  font-weight: 600;
}
.k-dropdown-container .k-multi-select-dropdown .k-select-option-title .k-checkbox {
  color: var(--primary-2);
}
.k-dropdown-container .k-multi-select-dropdown li {
  display: flex;
  position: relative;
  /* 添加这行 */
  align-items: center;
  height: auto;
  padding: 3px 16px;
  outline: none;
  text-align: left;
  background-color: var(--popup-bg);
}
.k-dropdown-container .k-multi-select-dropdown li > span {
  padding-left: 6px;
  pointer-events: none;
}
.k-dropdown-container .k-multi-select-dropdown li:hover,
.k-dropdown-container .k-multi-select-dropdown li.hover {
  background-color: var(--select-item-hover-bg);
}
.k-dropdown-container .k-multi-select-dropdown li.k-cur {
  background-color: var(--select-cur-bg);
}
.k-dropdown-container .k-multi-select-dropdown li label {
  margin-left: 8px;
  flex: 1;
}
.k-dropdown-container .k-multi-select-dropdown li input {
  cursor: pointer;
}

.k-card,
.k-shipment-card {
  border: 1px solid var(--border-color);
  background: var(--bg);
}
.k-card:hover,
.k-shipment-card:hover {
  border-color: var(--primary-border) !important;
  background: var(--primary-light) !important;
}
.k-card.k-sel {
  border-color: var(--primary) !important;
  background: var(--primary-light) !important;
  box-shadow: inset 4px 0 0 var(--primary) !important;
}
.k-card.k-sel .k-card-number,
.k-shipment-card.k-sel .k-card-number {
  color: var(--primary-text);
}
.k-shipment-card.k-sel {
  border-color: var(--primary) !important;
  background: #f0faff !important;
  box-shadow: inset 4px 0 0 var(--primary) !important;
}
.k-button.k-primary,
button.k-primary {
  border-color: var(--primary);
  background: var(--primary);
  color: #fff;
}
.k-button.k-primary:hover,
button.k-primary:hover {
  border-color: var(--primary-hover);
  background: var(--primary-hover);
}

.k-shipment-form .k-table-frame {
  height: 100%;
  flex: 1;
  overflow: auto;
}
.k-shipment-form .k-form-row.k-fee-group {
  flex-wrap: wrap;
  flex-direction: row;
  max-height: 25rem;
  align-items: flex-start;
  margin-bottom: 0 !important;
}
.k-shipment-form .k-form-row.k-fee-group .k-form-field {
  margin-bottom: var(--form-row-margin-top);
}
.k-shipment-form .k-shipment-item-op-bar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding: 8px 16px;
  gap: 8px;
}
.k-shipment-form .k-shipment-item-op-bar .k-shipment-item-locations {
  display: flex;
  margin-right: 24px;
}
.k-shipment-form .k-shipment-stop-header {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background-color: var(--bg-gray);
  border-radius: 4px;
  margin-bottom: 6px;
}
.k-shipment-form .k-column.k-settlement-group {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
}
.k-shipment-form .k-column.k-settlement-group .k-form-row {
  width: 100%;
  max-width: 100%;
}
.k-shipment-form .k-cost-allocation-table-container {
  display: flex;
  flex-direction: row;
  flex: 1;
  min-height: 0;
  margin-bottom: 0;
  align-items: flex-start;
}
.k-shipment-form .k-cost-allocation-table-container .k-cost-allocation-column {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.k-shipment-form .k-temperature-control {
  gap: 4px;
}
.k-shipment-form .k-temperature-control .k-checkbox {
  margin-right: 8px;
}
.k-shipment-form .k-shipment-item-container {
  display: flex;
  flex-direction: column;
  height: auto;
  width: 100%;
  overflow: hidden;
  border-top: 1px solid var(--border-color);
  margin-top: 8px;
}
.k-shipment-form .k-shipment-item-container .k-shipment-item-table-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.k-shipment-form .k-shipment-item-container .k-shipment-item-table-container .k-shipment-stop-tree {
  min-width: 20rem;
  max-width: 20rem;
  height: 100%;
  padding: 0px;
}
.k-shipment-form .k-shipment-item-container .k-shipment-item-table-container .k-shipment-item-table-wrapper {
  flex: 1;
  overflow: hidden;
  height: 100%;
}
.k-shipment-form .k-shipment-item-container .k-shipment-item-table-container .k-shipment-item-table-wrapper .k-table-frame {
  overflow: hide;
  overflow-x: auto;
}
.k-via-facility-list {
  width: 100%;
}
.k-select-create-mode-dlg {
  padding: 0;
  min-height: 100px;
  max-width: 80rem;
  width: 100%;
}
.k-modal-body {
  min-height: 0;
  overflow: auto;
  padding: 14px;
}
.modal-footer {
  padding: 10px 14px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  border-top: 1px solid #dbe3ec;
  background: #fbfcfe;
}
.mode-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.mode-card {
  border: 1px solid #d8e0eb;
  border-radius: 7px;
  padding: 14px;
  cursor: pointer;
  min-height: 142px;
}
.mode-card:hover,
.mode-card.active {
  border-color: #1769aa;
  background: #f2f8ff;
}
.mode-title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 8px;
}
.mode-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}
.mode-icon {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: #eef6ff;
  color: #1769aa;
  font-size: 18px;
}
.mode-code {
  margin-top: 2px;
  font-size: 12px;
  color: #6c788a;
}

.k-stowage-workbench-content {
  width: 100%;
  height: 100%;
  min-height: 0;
  gap: 8px;
  padding: 8px;
  overflow: hidden;
}
.k-stowage-workbench-content .k-stowage-workbench-content-wrapper {
  width: 100%;
  height: 100%;
  min-height: 0;
  flex: 1;
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.k-stowage-workbench-content .k-stowage-workbench-content-wrapper .k-stowage-workbench-table-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
}
.k-stowage-workbench-content .k-stowage-workbench-content-wrapper .k-stop-and-shipment-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 20%;
  min-width: 500px;
}
.k-stowage-workbench-content .k-stowage-workbench-content-wrapper .k-stop-and-shipment-wrapper .k-stop-content {
  flex: 1;
}
.k-stowage-workbench-content .k-stowage-workbench-content-wrapper .k-stop-and-shipment-wrapper .k-shipment-content {
  width: 100%;
  height: 100%;
  max-height: 400px;
}
.k-stowage-workbench-content .k-card-number {
  font-weight: 700;
}
.k-stowage-workbench-content .k-tag {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 2px 7px;
  border-radius: 4px;
  border: 1px solid #cdd7e3;
  background: #f8fafc;
  color: #42526a;
  font-size: 1.2rem;
  font-weight: 500;
  white-space: nowrap;
}
.k-stowage-workbench-content .k-tag.k-LTL {
  border-color: #9cc4f5;
  background: #eff7ff;
  color: #135a9e;
}
.k-stowage-workbench-content .k-tag.k-FTL {
  border-color: #a8d8bd;
  background: #f1fbf5;
  color: #247344;
}
.k-stowage-workbench-content .k-tag.k-PICKUP {
  border-color: #e2c28b;
  background: #fff8e8;
  color: #8a5d12;
}
.k-stowage-workbench-content .k-tag.k-DELIVERY {
  border-color: #e2b1b1;
  background: #fff2f2;
  color: #a23b3b;
}
.k-stowage-workbench-content .k-tag.k-DRAYAGE {
  border-color: #a8d8bd;
  background: #f1fbf5;
  color: #247344;
}
.k-stowage-workbench-content .k-tag.primary {
  border-color: var(--primary-border);
  background: var(--primary-light);
  color: #0076b8;
}
.k-stowage-workbench-content .k-tag.ok {
  border-color: #a8d8bd;
  background: #f1fbf5;
  color: var(--ok);
}
.k-stowage-workbench-content .k-tag.warn {
  border-color: #e2c28b;
  background: #fff8e8;
  color: var(--warn);
}
.k-stowage-workbench-content .k-tag.danger {
  border-color: #e2b1b1;
  background: #fff2f2;
  color: var(--danger);
}
.k-stowage-workbench-content .k-tag.k-LOAD {
  border-color: var(--primary-border);
  background: var(--primary-light);
  color: #0076b8;
}
.k-stowage-workbench-content .k-tag.k-UNLOAD {
  border-color: #a8d8bd;
  background: #f1fbf5;
  color: var(--ok);
}
.k-stowage-workbench-content .k-tag.k-BOTH {
  border-color: #e2c28b;
  background: #fff8e8;
  color: var(--warn);
}
.k-stowage-workbench-content .k-tag.k-NONE {
  border-color: #e2b1b1;
  background: #fff2f2;
  color: var(--danger);
}
.k-stowage-workbench-content .k-notice {
  margin-top: 12px;
  border: 1px solid #d8e0eb;
  background: #fbfcfe;
  border-radius: 7px;
  padding: 10px;
  color: var(--muted);
  line-height: 1.6;
}
.k-stowage-workbench-content .k-muted {
  color: var(--text-color);
}
.k-stowage-workbench-content .k-small {
  font-size: 1.2rem;
}
.k-stowage-workbench-content .k-row-tags {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  margin-top: 6px;
}
.k-stowage-workbench-content .k-panel {
  border: 1px solid var(--border-color);
  border-radius: 8px;
  overflow: hidden;
  min-width: 0;
  display: flex;
  flex-direction: column;
  background-color: var(--bg);
}
.k-stowage-workbench-content .k-panel .k-panel-header {
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 4px 14px;
  border-bottom: 1px solid #d9e0e8;
  background: #f8fafc;
}
.k-stowage-workbench-content .k-panel .k-panel-header .k-title {
  height: auto;
}
.k-stowage-workbench-content .k-panel .k-panel-header .k-title span {
  padding: 0;
  padding-left: 0;
}
.k-stowage-workbench-content .k-panel .k-panel-header .k-right-buttons {
  display: flex;
  gap: 8px;
}
.k-stowage-workbench-content .k-panel .k-panel-header .k-right-buttons button {
  padding: 6px 12px;
  background-color: var(--bg) !important;
  border: 1px solid ;
}
.k-stowage-workbench-content .k-panel .k-panel-header .k-right-buttons button.k-clear-load {
  border-color: #c24343;
  color: #b12f2f;
}
.k-stowage-workbench-content .k-panel .k-panel-header .k-right-buttons button.k-disabled {
  color: var(--disabled);
}
.k-stowage-workbench-content .k-panel .k-panel-body {
  flex: 1;
  width: 100%;
  padding: 10px;
}
.k-stowage-workbench-content .k-panel .k-panel-body .k-loading-status {
  margin-left: 12px;
  color: #8c8c8c;
}
.k-stowage-workbench-content .k-panel .k-panel-body .k-loading-status.k-loading {
  color: #0000c5;
}
.k-stowage-workbench-content .k-panel .k-panel-body .k-loading-status.k-error {
  color: #f5222d;
}
.k-stowage-workbench-content .k-panel.k-shipment-wrapper {
  width: 100%;
  height: 190px;
}
.k-stowage-workbench-content .k-panel.k-shipment-wrapper .k-shipment-list {
  padding: 0 10px !important;
}
.k-stowage-workbench-content .k-shipment-wrapper {
  width: 100%;
  height: auto;
  /*
        .k-shipment-card.k-sel {
            border-color: #1769aa;
            background: #eef7ff;
            box-shadow: inset 3px 0 0 #1769aa;
        }
            */
}
.k-stowage-workbench-content .k-shipment-wrapper .k-capabilities {
  width: 100%;
  display: block;
}
.k-stowage-workbench-content .k-shipment-wrapper .k-capacity-info {
  display: flex;
  flex-direction: row;
  gap: 4px;
  width: 100%;
  align-items: center;
}
.k-stowage-workbench-content .k-shipment-wrapper .k-capacity-info .k-capacity-bar {
  background: #e2e8f0;
  border-radius: 12px;
  height: 8px;
  margin: 0;
  overflow: hidden;
  flex: 1;
}
.k-stowage-workbench-content .k-shipment-wrapper .k-capacity-info .k-capacity-label {
  font-size: 1.4rem;
  width: 8rem;
  overflow: hidden;
  text-align: right;
}
.k-stowage-workbench-content .k-shipment-wrapper .k-capacity-info .k-capacity-fill {
  background: #3b82f6;
  width: 0%;
  height: 100%;
  transition: width 0.2s;
}
.k-stowage-workbench-content .k-shipment-wrapper .k-capacity-info .k-capacity-fill.warning {
  background: #f97316;
}
.k-stowage-workbench-content .k-shipment-wrapper .k-capacity-info .k-capacity-fill.danger {
  background: #ef4444;
}
.k-stowage-workbench-content .k-shipment-wrapper .k-capacity-status {
  display: flex;
  flex-direction: row;
  gap: 4px;
  font-size: 1.4rem;
}
.k-stowage-workbench-content .k-shipment-wrapper .k-capacity-status .k-weight-unit {
  margin-right: 8px;
}
.k-stowage-workbench-content .k-shipment-wrapper .k-capacity-status .k-icon {
  font-size: 1.2rem;
}
.k-stowage-workbench-content .k-shipment-wrapper .k-shipment-card {
  width: 265px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: auto;
  padding: 10px;
  border: 1px solid #d8e0eb;
  border-radius: 7px;
  background: #fff;
  cursor: pointer;
  gap: 0;
}
.k-stowage-workbench-content .k-shipment-wrapper .k-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 4px;
  width: 100%;
}
.k-stowage-workbench-content .k-order-inventory-wrapper {
  width: 100%;
  flex: 1;
}
.k-stowage-workbench-content .k-shipment-iteming-wrapper {
  width: 100%;
  height: 400px;
  overflow: hidden;
}
.k-stowage-workbench-content .k-shipment-iteming-wrapper .k-shipment-item-content {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  position: relative;
  gap: 16px;
  width: 100%;
  height: 100%;
}
.k-stowage-workbench-content .k-shipment-iteming-wrapper .k-shipment-item-content .k-table-frame {
  flex: 1;
  height: 100%;
  overflow: auto;
}
.k-stowage-workbench-content .k-stop-content .k-stop-title {
  height: 40px;
  padding: 0 14px;
}
.k-stowage-workbench-content .k-stop-content .k-stop-list {
  flex: 1;
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  background-color: var(--bg);
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px;
}
.k-stowage-workbench-content .k-stop-content .k-stop-list .k-stop-item {
  border: 1px solid #d8e0eb;
  border-radius: 7px;
  padding: 9px;
  background: #fff;
}
.k-stowage-workbench-content .k-stop-content .k-stop-list .k-stop-item.k-sel {
  border-color: var(--primary);
  background: #f0faff;
  box-shadow: inset 4px 0 0 var(--primary);
}
.k-stowage-workbench-content .k-stop-content .k-stop-list .k-stop-item[draggable="true"] {
  cursor: grab;
}
.k-stowage-workbench-content .k-stop-content .k-stop-list .k-stop-item.k-dragging {
  opacity: 0.45;
  border-style: dashed;
}
.k-stowage-workbench-content .k-stop-content .k-stop-list .k-stop-item.k-drop-target {
  border-color: #1769aa;
  background: #f2f8ff;
}
.k-stowage-workbench-content .k-stop-content .k-stop-list .k-stop-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 7px;
}
.k-stowage-workbench-content .k-stop-content .k-stop-list .k-stop-op-icon {
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  border: 1px solid #d8e0eb;
  background: #f8fafc;
  color: #536174;
  font-size: 1.35rem;
}
.k-stowage-workbench-content .k-stop-content .k-stop-list .k-stop-op-LOAD {
  color: #0076b8;
  border: none;
  background: none;
}
.k-stowage-workbench-content .k-stop-content .k-stop-list .k-stop-op-UNLOAD {
  color: var(--ok);
  border: none;
  background: none;
}
.k-stowage-workbench-content .k-stop-content .k-stop-list .k-stop-op-BOTH {
  color: var(--warn);
  border: none;
  background: none;
}
.k-stowage-workbench-content .k-stop-content .k-stop-list .k-stop-op-NONE {
  color: #6b7688;
  border: none;
  background: none;
}
.k-stowage-workbench-content .k-stop-content .k-stop-list .k-stop-name {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 7px;
  font-weight: 700;
}
.k-stowage-workbench-content .k-stop-content .k-stop-list .k-drag-handle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: 1px solid #c8d2df;
  border-radius: 5px;
  background: #f8fafc;
  color: #536174;
  font-size: 12px;
  font-weight: 400;
  cursor: grab;
}
.k-stowage-workbench-content .k-stop-content .k-stop-list .k-drag-handle.k-disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.k-stowage-workbench-content .k-stop-content .k-stop-list .k-stop-actions {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.k-stowage-workbench-content .k-stop-content .k-stop-list .k-stop-actions button {
  min-height: 24px;
  padding: 2px 7px;
  font-size: 1.2rem;
  color: var(--primary-2);
  font-weight: 500;
}
.k-stowage-workbench-content .k-stop-content .k-stop-list .k-feature-row {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 6px;
}
.k-stowage-workbench-content .k-stop-content .k-stop-list .k-empty {
  height: 100%;
  min-height: 80px;
  display: grid;
  place-items: center;
  color: #7b8797;
  text-align: center;
  padding: 24px;
}
.k-dot-animation {
  display: inline-block;
  width: 1.5em;
  /* 固定宽度，防止布局抖动 */
  text-align: left;
  animation: dotFade 1.5s step-end infinite;
  overflow: hidden;
  vertical-align: bottom;
}
@keyframes dotFade {
  0% {
    opacity: 0;
    width: 0;
  }
  20% {
    opacity: 1;
    width: 0.5em;
  }
  40% {
    opacity: 1;
    width: 1em;
  }
  60% {
    opacity: 1;
    width: 1.5em;
  }
  80% {
    opacity: 1;
    width: 1.5em;
  }
  100% {
    opacity: 0;
    width: 0;
  }
}
.k-loading-status {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 2px 10px;
  font-size: 14px;
}
.k-dot-group {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  margin-left: 2px;
}
.k-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: currentColor;
  opacity: 0;
  transform: scale(0.75);
  animation-duration: 1.45s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
.k-dot:nth-child(1) {
  animation-name: dotLoadOne;
}
.k-dot:nth-child(2) {
  animation-name: dotLoadTwo;
}
.k-dot:nth-child(3) {
  animation-name: dotLoadThree;
}
@keyframes dotLoadOne {
  0%,
  8% {
    opacity: 0;
    transform: scale(0.75);
  }
  14%,
  72% {
    opacity: 1;
    transform: scale(1);
  }
  78%,
  100% {
    opacity: 0;
    transform: scale(0.75);
  }
}
@keyframes dotLoadTwo {
  0%,
  24% {
    opacity: 0;
    transform: scale(0.75);
  }
  30%,
  72% {
    opacity: 1;
    transform: scale(1);
  }
  78%,
  100% {
    opacity: 0;
    transform: scale(0.75);
  }
}
@keyframes dotLoadThree {
  0%,
  40% {
    opacity: 0;
    transform: scale(0.75);
  }
  46%,
  72% {
    opacity: 1;
    transform: scale(1);
  }
  78%,
  100% {
    opacity: 0;
    transform: scale(0.75);
  }
}

.k-fast-shipping-workbench-sheet .k-sheet-content {
  display: flex;
  flex-direction: column !important;
}
.k-fast-shipping-workbench-sheet .k-sheet-content .k-column-content {
  width: auto;
  min-width: 0;
  flex: 1;
}
.k-fast-shipping-workbench-sheet .k-sheet-content .k-map {
  width: 800px;
  height: 100%;
}
.k-fast-shipping-workbench-sheet .k-sheet-content .k-fast-shipping-tables {
  display: flex;
  flex-direction: row;
  gap: 24px;
  padding: 24px;
}
.k-fast-shipping-workbench-sheet .k-sheet-content .k-fast-shipping-tables .k-form .k-flex-d-row {
  padding: 0;
  gap: 8px;
  margin-bottom: 0 !important;
}
.k-fast-shipping-workbench-sheet .k-sheet-content .k-fast-shipping-tables .k-title {
  margin-top: 8px;
  margin-bottom: 6px;
}
.k-fast-shipping-workbench-sheet .k-sheet-content .k-fast-shipping-tables .k-select-info {
  white-space: nowrap;
  font-size: 1.6rem;
  font-weight: 600;
}
.k-fast-shipping-workbench-sheet .k-sheet-content .k-fast-shipping-tables .k-title-row {
  justify-content: space-between;
  display: flex;
  align-items: center;
  width: 100%;
  height: auto;
  padding-right: 24px;
}
.k-fast-shipping-workbench-sheet .k-sheet-content .k-fast-shipping-tables .k-column .k-title {
  margin: 0;
  margin-bottom: 2px;
  color: var(--form-field-title-color-light);
  font-size: 1.5rem;
}
.k-fast-shipping-workbench-sheet .k-sheet-content .k-fast-shipping-tables .k-column .k-form-row.k-group-title {
  margin-bottom: 4px;
  padding: 0;
  height: auto;
}
.k-fast-shipping-workbench-sheet .k-sheet-content .k-fast-shipping-tables .k-column .k-form-row.k-group-title .k-title {
  height: auto;
  margin: 0;
  padding: 0;
}
.k-fast-shipping-workbench-sheet .k-sheet-content .k-fast-shipping-tables .k-column .k-form-row.k-group-title .k-title span {
  line-height: 1.5rem;
  padding-left: 0px;
  color: var(--form-field-title-color-light);
}
.k-fast-shipping-workbench-sheet .k-sheet-content .k-fast-shipping-tables .k-fast-shipping-task-workbench-waybill-column {
  display: flex;
  flex-direction: column;
  flex: 1;
  background-color: var(--bg);
  border-radius: 7px;
  min-width: 0;
  width: auto;
}
.k-fast-shipping-workbench-sheet .k-sheet-content .k-fast-shipping-tables .k-fast-shipping-task-workbench-carrier-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  flex: none;
  width: 40rem;
  background-color: var(--bg);
  overflow-y: auto;
  border-radius: 7px;
  min-width: 0;
}
.k-fast-shipping-workbench-sheet .k-sheet-content .k-fast-shipping-tables .k-fast-shipping-task-workbench-carrier-column .k-form {
  width: 100%;
  padding: 0 12px;
  padding-bottom: 40px;
}
.k-fast-shipping-workbench-sheet .k-sheet-content .k-fast-shipping-tables .k-fast-shipping-task-workbench-carrier-column .k-form .k-form-row {
  margin-bottom: 8px;
}
.k-fast-shipping-workbench-sheet .k-sheet-content .k-fast-shipping-tables .k-fast-shipping-task-workbench-carrier-column .k-form .k-form-row.k-group-title {
  margin-top: 8px;
}
.k-fast-shipping-workbench-sheet .k-sheet-content .k-fast-shipping-tables .k-fast-shipping-task-workbench-carrier-column .k-input {
  padding: 0.5rem 0px;
}
.k-fast-shipping-workbench-sheet .k-sheet-content .k-fast-shipping-tables .k-fast-shipping-task-workbench-carrier-column button {
  min-width: 0;
  padding: 3px 12px;
}
.k-fast-shipping-workbench-sheet .k-sheet-content .k-fast-shipping-tables .k-fast-shipping-task-workbench-task-column {
  flex: none;
  width: 50rem;
  min-width: 0;
  height: 100%;
  background-color: var(--bg);
  border-radius: 7px;
  position: relative;
}
.k-fast-shipping-workbench-sheet .k-sheet-content .k-fast-shipping-tables .k-fast-shipping-task-workbench-task-column .k-fast-shipping-task-list {
  display: block;
  position: relative;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 16px;
}
.k-fast-shipping-workbench-sheet .k-sheet-content .k-fast-shipping-tables .k-fast-shipping-task-workbench-task-column .k-fast-shipping-task-list .k-form .k-form-row {
  margin-bottom: 0;
}
.k-fast-shipping-workbench-sheet .k-sheet-content .k-fast-shipping-tables .k-fast-shipping-task-workbench-task-column .k-fast-shipping-task-list .k-form .k-form-row.k-group-title {
  margin: 8px 0 !important;
  margin-top: 12px !important;
  color: var(--gray-500);
}
.k-fast-shipping-workbench-sheet .k-sheet-content .k-fast-shipping-tables .k-fast-shipping-task-workbench-task-column .k-fast-shipping-task-list .k-form .k-form-row .k-flex-d-column {
  padding-bottom: 4px !important;
}
.k-fast-shipping-sheet .k-column-wrap {
  gap: 8px;
}
.k-fast-shipping-sheet .k-title-row {
  height: 4rem;
  gap: 16px;
  background: var(--bg);
  border-bottom: 1px solid var(--border-color);
}
.k-fast-shipping-sheet .k-title-row .k-status-text {
  margin-left: 40px;
}
.k-fast-shipping-sheet .k-form {
  padding: 16px;
}
.k-fast-shipping-sheet .k-form .k-column-wrap {
  margin: 0 24px;
}
.k-fast-shipping-sheet .k-form .k-first-group {
  margin-top: 10px;
}
.k-fast-shipping-sheet .k-form .k-form-row.k-fee-group {
  flex-wrap: wrap;
}
.k-fast-shipping-sheet .k-form .k-form-row.k-fee-group .k-form-field {
  margin-bottom: var(--form-row-margin-top);
}
.k-fast-shipping-sheet .k-checkbox {
  font-weight: 600;
  margin-right: 8px;
}
.k-status-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 24px;
  height: 3.5rem;
  background-color: var(--gray-100);
  border-top: 1px solid var(--gray-200);
  font-size: 1.6rem;
  font-weight: 500;
}
.k-status-bar .k-help-text {
  font-size: 1.5rem;
  color: var(--error-color-1);
}
#kid_fast_shipping_workbench_batch_fast_shipping_button {
  background-color: var(--button-bg);
  color: var(--button-text-color);
}

.k-rgn-mg-content {
  flex-direction: row !important;
}
.k-rgn-mg-content .k-table-frame {
  overflow-y: auto !important;
  flex: none;
}
.k-rgn-mg-content .k-table-frame .k-rgn-mg-table {
  width: 100%;
}
.k-rgn-mg-content #kid_rgn_map {
  flex: 1;
}

.k-approval-center-content {
  display: flex;
  flex-direction: row !important;
  width: 100%;
  height: 100%;
}
.k-approval-center-content .k-approval-instance-left {
  width: 260px;
  height: 100%;
  padding: 14px;
  background: var(--bg);
}
.k-approval-center-content .k-approval-instance-left .k-approval-instance-header {
  width: 100%;
  height: 28px;
  display: flex;
  align-items: baseline;
  color: var(--gray-500);
  padding-left: 20px;
  font-size: 1.2rem;
}
.k-approval-center-content .k-approval-instance-left .k-approval-instance-navbar {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.k-approval-center-content .k-approval-instance-left .k-approval-instance-navbar .k-nav-item {
  width: 100%;
  height: 44px;
  display: flex;
  align-items: center;
  padding: 10px 12px;
  border-radius: 8px;
  user-select: none;
  color: var(--text-color-2);
}
.k-approval-center-content .k-approval-instance-left .k-approval-instance-navbar .k-nav-item:hover {
  background: var(--gray-200);
  cursor: pointer;
}
.k-approval-center-content .k-approval-instance-left .k-approval-instance-navbar .k-nav-item.k-active {
  background-color: rgba(22, 93, 255, 0.1);
  color: var(--primary);
}
.k-approval-center-content .k-approval-instance-left .k-approval-instance-navbar .k-nav-item .k-icon {
  margin-right: 5px;
  color: var(--gray-400);
  font-size: 1.3rem;
}
.k-approval-center-content .k-approval-instance-left .k-approval-instance-navbar .k-nav-item .k-text {
  margin-left: 5px;
  flex: 1;
}
.k-approval-center-content .k-approval-instance-left .k-approval-instance-navbar .k-nav-item .k-info.k-has-value {
  color: #ffffff;
  background-color: #ff4d4f;
  font-size: 1.2rem;
  line-height: 1.6rem;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  border-radius: 9999px;
}
.k-approval-center-content .k-approval-instance-left .k-approval-instance-fast {
  display: flex;
  flex-direction: column;
  align-items: self-start;
  margin-top: 2rem;
  padding: 2rem;
  background-color: rgba(22, 93, 255, 0.05);
}
.k-approval-center-content .k-approval-instance-left .k-approval-instance-fast h3 {
  color: var(--text-color-2);
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 0.75rem;
}
.k-approval-center-content .k-approval-instance-left .k-approval-instance-fast .k-button {
  width: 100%;
  padding: 1rem 0;
  height: fit-content;
  background-color: var(--button-bg-3);
  color: var(--button-text-color);
}
.k-approval-center-content .k-approval-instance-left .k-approval-instance-fast .k-button .k-title {
  font-size: 1.6rem;
  color: var(--gray-200);
}
.k-approval-center-content .k-approval-instance-left .k-approval-instance-fast .k-button i {
  color: var(--gray-100);
}
.k-approval-center-content .k-approval-instance-left .k-approval-instance-fast .k-approval-instance-fast-item {
  width: 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  display: grid;
  margin-top: 2rem;
}
.k-approval-center-content .k-approval-instance-left .k-approval-instance-fast .k-approval-instance-fast-item .k-button {
  background-color: var(--gray-200) !important;
  color: var(--gray-500);
  padding: 0.8rem 0;
}
.k-approval-center-content .k-approval-instance-left .k-approval-instance-fast .k-approval-instance-fast-item .k-button span {
  font-size: 1.4rem;
  color: var(--dark);
  font-weight: 500;
}
.k-approval-center-content .k-approval-instance-left .k-approval-instance-fast .k-approval-instance-fast-item .k-button i {
  color: var(--gray-500);
}
.k-approval-center-content .k-approval-instance-panel {
  flex: 1;
  height: 100%;
  padding: 10px;
  background: var(--gray-200);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.k-approval-center-content .k-approval-instance-panel .k-approval-pannel-page {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.k-approval-center-content .k-approval-instance-panel .k-approval-pannel-page .k-approval-table-header {
  height: 60px;
  display: flex;
  align-items: center;
  padding-left: 10px;
  color: var(--gray-500);
  font-size: 1.5rem;
  padding: 16px;
  background: var(--bg);
  border-bottom: 1px solid var(--border-color);
}
.k-approval-center-content .k-approval-instance-panel .k-approval-pannel-page .k-approval-table-header .k-title {
  font-size: 1.8rem;
}
.k-approval-center-content .k-approval-instance-panel .k-approval-pannel-page .k-approval-table-header .k-approval-table-toolbar {
  margin-left: auto;
  display: flex;
  gap: 10px;
  align-items: center;
}
.k-input-wapper {
  width: 16rem;
  height: fit-content;
  padding: 6px 10px;
  border-radius: 1px;
  border: 1px solid var(--border-color);
  color: var(--text-color-2);
}
.k-approval-new-dlg {
  padding: 0;
  min-height: 100px;
  max-width: 68rem;
  width: 100%;
}
.k-approval-new-dlg .k-dialog-body {
  padding: 0;
}
.k-new-approval-wapper {
  width: 100%;
  height: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
  background-color: var(--bg);
  overflow: hidden;
}
.k-new-approval-wapper .k-approval-type-step {
  width: 100%;
  height: 100%;
  padding: 2rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.k-new-approval-wapper .k-approval-type-step .k-type-step-title {
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-weight: 600;
  color: var(--text-color-2);
  text-align: center;
  margin-bottom: 2rem;
}
.k-new-approval-wapper .k-approval-type-step .k-approval-type-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  display: grid;
  width: 100%;
  flex: 1;
}
.k-new-approval-wapper .k-approval-type-step .k-approval-type-list .k-approval-type-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 1px solid var(--border-color);
  border-radius: 0.4rem;
  text-align: left;
  padding: 1.6rem;
  cursor: pointer;
}
.k-new-approval-wapper .k-approval-type-step .k-approval-type-list .k-approval-type-item:hover {
  background-color: rgba(22, 93, 255, 0.05);
  border-color: #165dff;
}
.k-new-approval-wapper .k-approval-type-step .k-approval-type-list .k-approval-type-item .k-approval-type-item-content {
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
.k-new-approval-wapper .k-approval-type-step .k-approval-type-list .k-approval-type-item .k-approval-type-item-content .k-approval-type-item-icon {
  color: #165dff;
  background-color: rgba(22, 93, 255, 0.1);
  border-radius: 9999px;
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1.2rem;
}
.k-new-approval-wapper .k-approval-type-step .k-approval-type-list .k-approval-type-item .k-approval-type-item-content .k-approval-type-item-icon i {
  font-size: 2rem;
  line-height: 2.5rem;
  display: inline-block;
  font-weight: 900;
}
.k-new-approval-wapper .k-approval-type-step .k-approval-type-list .k-approval-type-item .k-approval-type-item-content .k-approval-type-item-icon i.fa {
  color: inherit;
}
.k-new-approval-wapper .k-approval-type-step .k-approval-type-list .k-approval-type-item .k-approval-type-item-content .k-approval-type-item-right-content {
  width: 100%;
  overflow: hidden;
}
.k-new-approval-wapper .k-approval-type-step .k-approval-type-list .k-approval-type-item .k-approval-type-item-content .k-approval-type-item-right-content h4 {
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--text-color);
}
.k-new-approval-wapper .k-approval-type-step .k-approval-type-list .k-approval-type-item .k-approval-type-item-content .k-approval-type-item-right-content p {
  font-size: 1.4rem;
  font-weight: 400;
  color: #6b7280;
  margin-top: 0.4rem;
  line-height: 2rem;
  overflow: hidden;
  /* 隐藏超出容器的内容 */
  text-overflow: ellipsis;
  /* 溢出部分显示省略号（...） */
  white-space: nowrap;
  /* 强制文本在一行显示，不换行 */
}
.k-new-approval-wapper .k-approval-type-step button {
  width: 100%;
  padding: 1rem 2rem;
  margin-top: 2rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--text-color-2);
}
.k-new-approval-wapper .k-approval-type-step button:hover {
  background-color: #f9fafb !important;
}
.k-new-approval-wapper .k-approval-form-step {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 2rem;
  width: 100%;
  height: 100%;
  flex: 1;
  overflow: hidden;
}
.k-new-approval-wapper .k-approval-form-step .k-approval-step-back {
  padding: 0.5rem 0;
  width: fit-content;
  color: #165dff;
  margin-bottom: 1.6rem;
  font-size: 1.6rem;
}
.k-new-approval-wapper .k-approval-form-step .k-approval-step-back .k-title {
  font-weight: 500;
  font-size: inherit;
}
.k-new-approval-wapper .k-approval-form-step .k-approval-step-back i {
  font-size: inherit;
  color: inherit;
}
.k-new-approval-wapper .k-approval-form-step .k-approval-step-back .fa {
  color: inherit;
}
.k-new-approval-wapper .k-approval-form-step .k-approval-step-back:hover {
  color: rgba(22, 93, 255, 0.8);
  background-color: inherit !important;
}
.k-new-approval-wapper .k-approval-form-step .k-approval-form-title {
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 1.6rem;
}
.k-new-approval-wapper .k-approval-form-step .k-approval-instance-wrapper {
  overflow: hidden;
  width: 100%;
  height: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.k-new-approval-wapper .k-approval-form-step .k-form-frame {
  width: 100%;
  height: 100%;
  flex: 1;
  overflow: auto !important;
}
.k-new-approval-wapper .k-approval-form-step .k-form {
  width: 100%;
}
.k-new-approval-wapper .k-approval-form-step .k-form .k-title {
  width: 100%;
  text-align: left;
}
.k-new-approval-wapper .k-approval-form-step .k-form textarea {
  resize: vertical;
  min-height: 8rem;
}
.k-new-approval-wapper .k-approval-form-step .k-bottom-bar {
  width: 100%;
  align-items: center;
  justify-content: flex-end;
}
.k-new-approval-wapper .k-approval-form-step .k-upload-wrapper {
  width: 100%;
}
.k-approval-title {
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 1.6rem;
}
.k-approval-form.k-new .k-form-title-start .k-code-display {
  display: none;
}
.k-approval-opinion {
  margin-top: 20px;
}
.k-notice-box {
  padding: 16px;
  border-radius: 7px;
  margin-bottom: 16px;
  background-color: #FFF1F0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.k-notice-box .k-title span {
  padding-left: 0;
}
.k-notice-box .k-content {
  background-color: transparent !important;
}
.k-notice-box .k-content .k-input-field {
  background-color: transparent !important;
}
.k-notice-box .k-content .k-input-field textarea {
  background-color: transparent !important;
}
.k-notice-box .k-notice-content {
  font-size: 1.4rem;
  font-weight: 400;
  color: #6b7280;
  margin-top: 0.4rem;
  line-height: 2rem;
}

.k-approver-add-dlg {
  max-width: 25rem;
  width: 25rem;
}
.k-approver-add-dlg .k-title-bar {
  height: 32px;
  padding: 0;
  padding-left: 8px;
  background-color: var(--gray-100);
}
.k-approver-add-dlg .k-dialog-body {
  padding: 24px;
}
.k-approver-add-dlg .k-dialog-body .k-input {
  padding: 6px 0;
}
.k-add-node-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 12px;
  margin-top: 8px;
  margin-bottom: 8px;
  border: 1px dashed var(--border-color-2);
  border-radius: 4px;
  background: var(--bg);
  color: var(--gray-600);
  gap: 4px;
  font-size: 1.4rem;
}
.k-add-node-button i {
  color: var(--gray-400);
  font-size: 1.3rem;
}
.k-add-node-button:hover {
  cursor: pointer;
  color: var(--primary-2);
  border-color: var(--primary-2);
}
.k-add-node-button:hover i {
  color: var(--primary-2);
}
.k-node-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.k-node-container .k-node-item {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 8px;
  border: 1px solid var(--border-color-2);
  border-radius: 4px;
  background: var(--gray-100);
  gap: 4px;
  width: 100%;
}
.k-node-container .k-node-item .k-item-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.k-node-container .k-node-item .k-item-title button i {
  color: var(--gray-400);
}
.k-node-container .k-node-item .k-node-content {
  width: 100%;
  padding: 4px;
}
.k-node-container .k-node-item .k-node-content .k-has-gap {
  gap: 16px;
}
.k-approval-process-form.k-view .k-node-delete-btn {
  display: none;
}
.k-approval-process-form.k-view .k-add-node-button {
  display: none;
}
.k-approver-container {
  width: 100%;
}
.k-approver-container .k-approver-list-title {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.k-approver-container .k-tip {
  color: #6b7280;
  font-size: 12px;
  margin-left: 8px;
}
/* 新增：多类型审批人列表样式 */
.k-approver-list {
  margin-top: 8px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  overflow: hidden;
}
.k-approver-header {
  display: flex;
  background-color: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
  padding: 8px 12px;
  font-weight: 500;
  font-size: 12px;
  color: #6b7280;
}
.k-approver-header > div {
  flex: 1;
  min-width: 120px;
}
.k-approver-header > div:last-child {
  width: 80px;
  flex: none;
  text-align: center;
}
.k-approver-item {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  border-bottom: 1px solid #f3f4f6;
}
.k-approver-item:last-child {
  border-bottom: none;
}
.k-approver-item > div {
  flex: 1;
  min-width: 120px;
}
.k-approver-item > div:last-child {
  width: 80px;
  flex: none;
  text-align: center;
}
.k-approver-delete {
  color: #dc2626;
  cursor: pointer;
  font-size: 12px;
}
.k-approver-delete:hover {
  color: #b91c1c;
}
.k-add-approver-btn {
  margin-top: 8px;
  padding: 6px 12px;
  font-size: 12px;
  color: #4096ff;
  border: 1px dashed #4096ff;
  background-color: #f0f7ff;
  border-radius: 4px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.k-add-approver-btn:hover {
  background-color: #e6f7ff;
}
.k-approver-type-tag {
  display: inline-block;
  padding: 2px 6px;
  font-size: 10px;
  border-radius: 2px;
  color: #fff;
  background-color: #6366f1;
  margin-left: 4px;
}
.k-type-tag-user {
  background-color: #4096ff;
}
.k-type-tag-role {
  background-color: #6366f1;
}
.k-type-tag-position {
  background-color: #10b981;
}
.k-type-tag-leader {
  background-color: #f59e0b;
}

.k-map-container {
  width: 100%;
  height: 100%;
  position: relative;
}
.k-vehicle-tracking-container {
  /* 控制表头固定的核心代码 */
}
.k-vehicle-tracking-container .k-tracking-info {
  width: 380px;
  height: auto;
  position: absolute;
  left: 20px;
  top: 20px;
  background-color: #fff;
  color: #222;
  font-size: 1em;
  padding: 20px;
  display: flex;
  flex-direction: column;
  z-index: 999;
}
.k-vehicle-tracking-container .k-tracking-info .k-form .k-form-field {
  margin-bottom: 1.5rem;
}
.k-vehicle-tracking-container .k-tracking-info .k-form .k-form-field .k-input {
  padding: 5px 2px;
  border-radius: 3px;
}
.k-vehicle-tracking-container .k-tracking-info .k-form button {
  margin-top: 20px;
  font-size: 1.5rem;
  padding: 8px 12px;
  border-radius: 5px;
}
.k-vehicle-tracking-container .k-vehicle-current-info {
  width: auto;
  height: auto;
  position: absolute;
  display: flex;
  flex-direction: column;
  font-size: 0.9em;
  padding: 12px;
  background-color: #fff;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
  z-index: 999;
}
.k-vehicle-tracking-container .k-vehicle-current-info .k-cur-item {
  padding: 4px 0;
}
.k-vehicle-tracking-container .k-vehicle-current-info .k-vehicle-number {
  font-weight: bold;
}
.k-vehicle-tracking-container .k-tracking-title {
  font-size: 1.1em;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
}
.k-vehicle-tracking-container .k-tracking-info-item {
  height: 1.3em;
  padding-top: 0.5em;
  font-size: 1em;
  text-align: left;
  vertical-align: middle;
}
.k-vehicle-tracking-container .k-park,
.k-vehicle-tracking-container .k-playback {
  background-color: #1890ff;
  text-align: center;
  color: #fff;
  display: inline-block;
  line-height: 2em;
  width: 40%;
  margin: 0 auto;
  margin-top: 40px;
  cursor: pointer;
}
.k-vehicle-tracking-container .k-park-list {
  width: 80%;
  height: 30%;
  position: absolute;
  background-color: #fff;
  display: none;
  z-index: 9999;
}
.k-vehicle-tracking-container table {
  width: 100%;
  background-color: #fff;
  /*设置相邻单元格的边框间的距离*/
  border-spacing: 0;
  text-align: left;
  border-collapse: collapse;
  /* 取消表格边框 */
  letter-spacing: 1px;
  /* 文字缩进 */
  empty-cells: show;
  font-size: 0.9em;
  line-height: 2em;
  table-layout: fixed;
  box-sizing: border-box;
}
.k-vehicle-tracking-container tbody {
  height: 100%;
}
.k-vehicle-tracking-container thead tr th {
  position: sticky;
  top: 0;
  /* 第一列最上 */
  padding: 0;
  margin: 0;
}
.k-vehicle-tracking-container thead tr th div {
  background-color: #fafafa;
  height: 100%;
  margin: 0;
  padding: 0;
}
.k-vehicle-tracking-container thead {
  background-color: #fafafa;
  border-collapse: separate;
  border-spacing: 0;
}
.k-vehicle-tracking-container tbody tr:nth-child(2n) {
  background-color: #fafafa;
}
.k-vehicle-tracking-container tbody tr:nth-child(2n-1) {
  background-color: #fff;
}
.k-vehicle-tracking-container .k-park-title {
  margin: 0;
  padding: 0;
  background-color: #fff;
  color: #333;
  font-weight: bold;
  text-align: left;
  padding-left: 8px;
  line-height: 2em;
}
.k-vehicle-tracking-container .k-park-list-wrap {
  margin: 0;
  padding: 0;
  overflow: auto;
  width: 100%;
  height: 100%;
  padding-left: 8px;
  box-sizing: border-box;
}
.k-vehicle-tracking-container .k-park-title i {
  width: 24px;
  height: 24px;
  float: right;
  top: 4px;
  right: 14px;
  text-align: center;
  vertical-align: middle;
  margin: auto 0;
  padding: 0;
  position: relative;
}
.k-vehicle-tracking-container #kid_baidu_map .BMap_Marker {
  z-index: 996;
}
.k-vehicle-tracking-container #kid_baidu_map .BMap_Marker.BMap_noprint {
  z-index: 900;
}
.k-vehicle-tracking-container #kid_status {
  color: #aa0000;
}
.k-vehicle-tracking-container .k-op-bar {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.k-vehicle-tracking-container button {
  background-color: #1890ff;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  display: inline-block;
  font-size: 0.96rem;
  margin: 0 4px;
  padding: 4px 8px;
  cursor: pointer;
  border: none;
  width: auto;
}
.k-vehicle-tracking-container #kid_playback_op {
  margin-top: 16px;
  display: none;
}
.k-park-title i {
  width: 24px;
  height: 24px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAPhJREFUWEftltkNwjAQRCdF0AQ0AUVAO0ARNEET0AQUQRVopFgKxsfsxpJ/vN9Zz9PslQmdY+qsjwEwHBgOKA7cAbwBXAwjuwVwA3AF8CzlKQAUPs+PKRAUJzTjNMNnGRQAJqsQJnE+rAIoEGZxK8ASgo6wviFc4h6AFIRb3AsQQxzVhkt1oqUH4vzQmC+l23Nj4AVY2r4zjOgfhwcgrjln3bInfiCsALmGU/fEKgdq3R4g4hEtbnDVgZp4EDFDKACqeAzBRVW9HQrAA8DGOGrBiUOLa7gH8KldtUShmVc8xWs2oeHXoPypUoJmYq1XcROw4cBwoLsDXypcOiGNbvQYAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  float: right;
  top: 4px;
  right: 14px;
  text-align: center;
  vertical-align: middle;
  margin: auto 0;
  padding: 0;
  position: relative;
}
.k-park-list-wrap {
  margin: 0;
  padding: 0;
  overflow: auto;
  width: 100%;
  height: 100%;
  padding-left: 8px;
  box-sizing: border-box;
}

.k-driver-map-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.k-driver-map-container .k-map-container {
  width: 100%;
  height: 100%;
}
.k-driver-map-container .k-driver-map-query {
  position: absolute;
  left: 20px;
  top: 20px;
  width: 360px;
  padding: 18px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(15, 23, 42, 0.1);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.16);
  z-index: 900;
}
.k-driver-map-container .k-driver-map-query .k-form-field {
  margin-bottom: 12px;
}
.k-driver-map-container .k-driver-map-actions {
  display: flex;
  gap: 10px;
  margin-top: 8px;
}
.k-driver-map-container .k-driver-map-actions button {
  height: 34px;
  padding: 0 16px;
  border: none;
  cursor: pointer;
}
.k-driver-map-container .k-button-secondary {
  background: #eef2f7;
  color: #111827;
}
.k-driver-map-container .k-driver-map-result {
  position: absolute;
  right: 20px;
  top: 20px;
  bottom: 20px;
  width: 360px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(15, 23, 42, 0.1);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.16);
  z-index: 900;
  display: flex;
  flex-direction: column;
}
.k-driver-map-container .k-driver-map-result-title {
  height: 48px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e5e7eb;
  font-weight: 600;
  color: #111827;
}
.k-driver-map-container .k-driver-map-count {
  min-width: 28px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  background: #e0f2fe;
  color: #0369a1;
  border-radius: 11px;
  font-size: 12px;
}
.k-driver-map-container .k-driver-map-result-body {
  flex: 1;
  overflow: auto;
  padding: 10px;
}
.k-driver-map-container .k-driver-card {
  padding: 12px;
  border: 1px solid #e5e7eb;
  background: #fff;
  cursor: pointer;
  margin-bottom: 10px;
}
.k-driver-map-container .k-driver-card:hover {
  border-color: #38bdf8;
  background: #f8fafc;
}
.k-driver-map-container .k-driver-card-main,
.k-driver-map-container .k-driver-card-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.k-driver-map-container .k-driver-card-title {
  font-weight: 600;
  color: #111827;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.k-driver-map-container .k-driver-card-distance {
  flex: 0 0 auto;
  color: #047857;
  font-weight: 600;
}
.k-driver-map-container .k-driver-card-meta {
  margin-top: 7px;
  font-size: 12px;
  color: #64748b;
}
.k-driver-map-container .k-driver-map-empty {
  padding: 24px 12px;
  color: #64748b;
  text-align: center;
}
.k-driver-map-window {
  min-width: 220px;
  line-height: 1.8;
  color: #111827;
}
.k-driver-map-window-title {
  font-weight: 700;
  margin-bottom: 4px;
}

.k-image-manager-page {
  height: 100%;
  min-height: 0;
  background: #f4f6f8;
}
.k-image-manager {
  height: 100%;
  min-height: 0;
  display: grid;
  grid-template-rows: 5.6rem 1fr;
  color: #1f2933;
}
.k-image-manager .k-button {
  height: 3.2rem;
  padding: 0 1.2rem;
  border: 1px solid #dfe4ea;
  border-radius: 0.6rem;
  background: #fff;
  color: #1f2933;
  cursor: pointer;
  white-space: nowrap;
}
.k-image-manager .k-button:hover {
  border-color: #b9c3cf;
  background: #f8fafc;
}
.k-image-manager .k-button.k-primary {
  background: #2563eb;
  border-color: #2563eb;
  color: #fff;
}
.k-image-manager .k-button.k-danger {
  color: #c24135;
  border-color: #f1c3bd;
}
.k-image-manager .k-button:disabled {
  opacity: 0.45;
  cursor: default;
}
.k-image-manager .k-image-manager-topbar {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.6rem;
  padding: 0 1.8rem;
  background: #fff;
  border-bottom: 1px solid #dfe4ea;
}
.k-image-manager .k-image-manager-title {
  display: flex;
  align-items: baseline;
  gap: 1.2rem;
  min-width: 24rem;
}
.k-image-manager .k-image-manager-title .k-title {
  font-size: 1.8rem;
  font-weight: 650;
}
.k-image-manager .k-image-manager-title .k-summary {
  color: #657282;
  font-size: 1.3rem;
}
.k-image-manager .k-image-manager-toolbar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.8rem;
  flex-wrap: wrap;
}
.k-image-manager .k-image-manager-layout {
  min-height: 0;
  display: grid;
  grid-template-columns: 22rem minmax(46rem, 1fr) 34rem;
  gap: 1.2rem;
  padding: 1.2rem;
}
.k-image-manager .k-image-manager-filter,
.k-image-manager .k-image-manager-center,
.k-image-manager .k-image-manager-detail {
  min-height: 0;
  background: #fff;
  border: 1px solid #dfe4ea;
  border-radius: 0.8rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.k-image-manager .k-panel-title {
  height: 4.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.4rem;
  border-bottom: 1px solid #dfe4ea;
  font-weight: 650;
}
.k-image-manager .k-filter-section {
  padding: 1.2rem 1.2rem 0;
}
.k-image-manager .k-filter-title {
  color: #657282;
  font-size: 1.2rem;
  margin-bottom: 0.6rem;
}
.k-image-manager .k-filter-item {
  height: 3.4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  padding: 0 1rem;
  border-radius: 0.6rem;
  cursor: pointer;
}
.k-image-manager .k-filter-item:hover {
  background: #f4f7fa;
}
.k-image-manager .k-filter-item.k-active {
  background: #e8f0fe;
  color: #174ea6;
  font-weight: 650;
}
.k-image-manager .k-filter-item .k-count {
  color: #657282;
  font-size: 1.2rem;
}
.k-image-manager .k-image-manager-search {
  display: grid;
  grid-template-columns: minmax(18rem, 1fr) 13.6rem 13.6rem;
  gap: 0.8rem;
  padding: 1rem 1.2rem;
  border-bottom: 1px solid #dfe4ea;
}
.k-image-manager .k-image-manager-search input,
.k-image-manager .k-image-manager-search select {
  height: 3.4rem;
  border: 1px solid #dfe4ea;
  border-radius: 0.6rem;
  padding: 0 1rem;
  background: #fff;
  color: #1f2933;
  min-width: 0;
}
.k-image-manager .k-image-gallery {
  min-height: 0;
  overflow: auto;
  padding: 1.2rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(18.4rem, 1fr));
  align-content: start;
  gap: 1.2rem;
}
.k-image-manager .k-image-card {
  position: relative;
  border: 1px solid #dfe4ea;
  border-radius: 0.8rem;
  overflow: hidden;
  background: #fff;
  cursor: pointer;
}
.k-image-manager .k-image-card.k-selected {
  outline: 2px solid #2563eb;
  outline-offset: 1px;
}
.k-image-manager .k-image-card .k-check {
  position: absolute;
  top: 0.8rem;
  left: 0.8rem;
  width: 1.8rem;
  height: 1.8rem;
  z-index: 1;
}
.k-image-manager .k-image-card .k-thumb {
  height: 13.2rem;
  background-size: cover;
  background-position: center;
  border-bottom: 1px solid #dfe4ea;
}
.k-image-manager .k-image-card .k-card-info {
  padding: 0.9rem 1rem 1rem;
  display: grid;
  gap: 0.7rem;
}
.k-image-manager .k-image-card .k-card-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
}
.k-image-manager .k-image-card .k-file-name,
.k-image-manager .k-image-card .k-meta {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.k-image-manager .k-image-card .k-file-name {
  font-weight: 650;
}
.k-image-manager .k-image-card .k-meta {
  color: #657282;
  font-size: 1.2rem;
}
.k-image-manager .k-tag {
  display: inline-flex;
  align-items: center;
  height: 2.2rem;
  padding: 0 0.8rem;
  border-radius: 99rem;
  color: #111827;
  font-size: 1.2rem;
  border: 1px solid rgba(17, 24, 39, 0.08);
  white-space: nowrap;
}
.k-image-manager .k-status-pending {
  background: #fff1d6;
}
.k-image-manager .k-status-approved {
  background: #e7f4ed;
}
.k-image-manager .k-status-rejected {
  background: #fce8ec;
}
.k-image-manager .k-status-normal {
  background: #eceff3;
}
.k-image-manager .k-type-tag {
  background: #e8f0fe;
}
.k-image-manager .k-detail-body {
  min-height: 0;
  overflow: auto;
  padding: 1.2rem;
}
.k-image-manager .k-side-preview {
  aspect-ratio: 4 / 3;
  border-radius: 0.8rem;
  background-size: cover;
  background-position: center;
  border: 1px solid #dfe4ea;
  margin-bottom: 1.2rem;
}
.k-image-manager .k-detail-grid {
  display: grid;
  grid-template-columns: 8.6rem 1fr;
  gap: 1rem 0.8rem;
  margin-bottom: 1.4rem;
}
.k-image-manager .k-detail-grid label {
  color: #657282;
  text-align: right;
}
.k-image-manager .k-detail-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.8rem;
  margin-bottom: 1.4rem;
}
.k-image-manager .k-remark {
  width: 100%;
  min-height: 7.4rem;
  resize: vertical;
  border: 1px solid #dfe4ea;
  border-radius: 0.6rem;
  padding: 0.8rem;
}
.k-image-manager .k-history {
  display: grid;
  gap: 0.8rem;
  margin-top: 1.2rem;
}
.k-image-manager .k-history-item {
  border-left: 3px solid #b8c2cc;
  padding-left: 0.8rem;
  color: #657282;
  font-size: 1.2rem;
  line-height: 1.6;
}
.k-image-manager .k-empty {
  height: 100%;
  min-height: 16rem;
  display: grid;
  place-items: center;
  color: #657282;
}
.k-image-manager .k-image-viewer {
  position: fixed;
  inset: 0;
  display: none;
  background: rgba(16, 24, 39, 0.78);
  z-index: 900;
  grid-template-rows: 5.2rem 1fr;
}
.k-image-manager .k-image-viewer.k-show {
  display: grid;
}
.k-image-manager .k-image-viewer .k-viewer-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.6rem;
  color: #fff;
}
.k-image-manager .k-image-viewer .k-viewer-img {
  margin: 0 auto 2.4rem;
  width: 110rem;
  height: calc(100vh - 9.6rem);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 1100px) {
  .k-image-manager {
    height: auto;
    min-height: 100%;
  }
  .k-image-manager .k-image-manager-layout {
    grid-template-columns: 1fr;
  }
  .k-image-manager .k-image-manager-search {
    grid-template-columns: 1fr;
  }
  .k-image-manager .k-image-manager-filter,
  .k-image-manager .k-image-manager-center,
  .k-image-manager .k-image-manager-detail {
    min-height: 32rem;
  }
}

/* 原运单信息 */
.k-split-shipment-dlg {
  /* 拆单表单 */
  /* 拆分运单表格 */
  /* 校验提示 */
  /* 弹窗底部操作区 */
  /* 响应式适配 */
}
.k-split-shipment-dlg .original-order-info {
  margin-bottom: 20px;
  padding: 16px;
  background-color: #f8fafc;
  border-radius: 6px;
  border-left: 4px solid #3b82f6;
  width: 100%;
}
.k-split-shipment-dlg .original-order-title {
  font-size: 14px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 12px;
}
.k-split-shipment-dlg .info-row {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 8px;
}
.k-split-shipment-dlg .info-item {
  width: 50%;
  margin-bottom: 4px;
  font-size: 13px;
  color: #4b5563;
}
.k-split-shipment-dlg .address-item {
  width: 100%;
  margin-bottom: 4px;
  font-size: 13px;
  color: #4b5563;
}
.k-split-shipment-dlg .info-quantity .info-item {
  width: 33%;
}
.k-split-shipment-dlg .info-label {
  font-weight: 500;
  color: #1f2937;
  margin-right: 6px;
}
.k-split-shipment-dlg .split-form-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}
.k-split-shipment-dlg .split-form-grid label {
  display: block;
  margin-bottom: 6px;
  font-size: 12px;
  color: #4b5563;
}
.k-split-shipment-dlg .split-form-grid input,
.k-split-shipment-dlg .split-form-grid select,
.k-split-shipment-dlg .split-form-grid button {
  width: 100%;
  height: 32px;
  padding: 0 8px;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  background: #fff;
  color: #1f2937;
  font-size: 13px;
}
.k-split-shipment-dlg .split-form-grid button {
  cursor: pointer;
}
.k-split-shipment-dlg .split-form-title {
  font-size: 14px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.k-split-shipment-dlg .add-row-btn {
  padding: 6px 12px;
  background-color: #3b82f6;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-size: 1.4rem;
  cursor: pointer;
  transition: background-color 0.2s;
}
.k-split-shipment-dlg .add-row-btn:hover {
  background-color: #2563eb;
}
.k-split-shipment-dlg .split-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}
.k-split-shipment-dlg .split-table th,
.k-split-shipment-dlg .split-table td {
  padding: 12px 8px;
  text-align: left;
  border-bottom: 1px solid #e5e7eb;
  font-size: 13px;
}
.k-split-shipment-dlg .split-table th {
  background-color: #f9fafb;
  font-weight: 600;
  color: #374151;
}
.k-split-shipment-dlg .split-table input,
.k-split-shipment-dlg .split-table select {
  width: 100%;
  padding: 6px 8px;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  font-size: 13px;
  outline: none;
  transition: border-color 0.2s;
}
.k-split-shipment-dlg .split-table .k-split-qty {
  display: flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}
.k-split-shipment-dlg .split-table .k-split-qty input {
  flex: 1 1 auto;
  min-width: 0;
}
.k-split-shipment-dlg .split-table .k-split-qty span {
  flex: 0 0 auto;
  color: #6b7280;
  font-size: 12px;
}
.k-split-shipment-dlg .split-table input:focus,
.k-split-shipment-dlg .split-table select:focus {
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);
}
.k-split-shipment-dlg .split-table .k-empty {
  text-align: center;
  color: #6b7280;
}
.k-split-shipment-dlg .delete-row-btn {
  padding: 4px 8px;
  background-color: #ef4444;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
  transition: background-color 0.2s;
}
.k-split-shipment-dlg .delete-row-btn:hover {
  background-color: #dc2626;
}
.k-split-shipment-dlg .error-tip {
  color: #ef4444;
  font-size: 12px;
  margin-top: 4px;
  display: none;
}
.k-split-shipment-dlg .error-tip.active {
  display: block;
}
.k-split-shipment-dlg .modal-footer {
  padding: 16px 20px;
  background-color: #f9fafb;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  border-top: 1px solid #e5e7eb;
  width: 100%;
}
.k-split-shipment-dlg .modal-btn {
  padding: 8px 20px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}
.k-split-shipment-dlg .cancel-btn {
  background-color: #fff;
  color: #4b5563;
  border: 1px solid #d1d5db;
}
.k-split-shipment-dlg .cancel-btn:hover {
  background-color: #f3f4f6;
}
.k-split-shipment-dlg .confirm-btn {
  background-color: #3b82f6;
  color: #fff;
  border: none;
}
.k-split-shipment-dlg .confirm-btn:hover {
  background-color: #2563eb;
}
.k-split-shipment-dlg .confirm-btn:disabled {
  background-color: #93c5fd;
  cursor: not-allowed;
}
@media (max-width: 768px) {
  .k-split-shipment-dlg .info-item {
    width: 100%;
  }
  .k-split-shipment-dlg .split-table th,
  .k-split-shipment-dlg .split-table td {
    padding: 8px 4px;
    font-size: 12px;
  }
}

.k-split-dlg .k-dialog-body {
  padding: 32px;
}
.k-split-dlg .k-dialog-body .k-input {
  padding: 4px 0;
}
.k-split-dlg .k-dialog-body .k-split-error {
  color: red;
  margin-top: 8px;
  font-size: 1.4rem;
}

.k-expand-area {
  background: #f5f8fe;
  padding: 0 !important;
}
.k-expand-area .k-detail-wrapper {
  padding: 1rem 1rem 1rem 2.2rem;
  background: #f5f8fe;
}
.k-change-log-wrapper {
  width: 100% !important;
  box-shadow: none !important;
  /* 明细表样式 */
  /* 操作类型标签 */
}
.k-change-log-wrapper .k-sub-table {
  width: 100%;
}
.k-change-log-wrapper .k-detail-wrapper {
  background: #f8faff;
  border-radius: 16px;
  padding: 1.6rem;
  margin: 4px 0;
  border: 1px solid #dde3ed;
}
.k-change-log-wrapper .k-sub-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 0.5rem;
  font-size: 0.9rem;
  background: white;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
  table-layout: fixed;
  /* 表格单元格样式 */
  /* 第一列固定宽度 */
  /* 剩余两列均分宽度 */
}
.k-change-log-wrapper .k-sub-table th,
.k-change-log-wrapper .k-sub-table td {
  padding: 8px;
  overflow: hidden;
  /* 超出部分隐藏 */
  word-break: break-all;
  /* 优化长文本换行，英文/数字也能换行 */
  vertical-align: middle;
  /* 内容垂直居中，体验更好 */
}
.k-change-log-wrapper .k-sub-table th:first-child,
.k-change-log-wrapper .k-sub-table td:first-child {
  width: 150px;
  /* 固定宽度，可根据需求调整 */
}
.k-change-log-wrapper .k-sub-table th:nth-child(2),
.k-change-log-wrapper .k-sub-table td:nth-child(2),
.k-change-log-wrapper .k-sub-table th:nth-child(3),
.k-change-log-wrapper .k-sub-table td:nth-child(3) {
  width: calc((100% - 150px) / 2);
  /* 精准计算均分宽度 */
  /* 也可以直接用 width: 50%; 效果一致 */
}
.k-change-log-wrapper .k-sub-table th {
  background: #eef2f7;
  font-weight: 500;
  padding: 0.6rem 0.5rem;
  border-bottom: 1px solid #cdd7e6;
}
.k-change-log-wrapper .k-sub-table td {
  background: #ffffff;
  padding: 0.65rem 0.5rem;
  border-bottom: 1px solid #e9eef5;
}
.k-change-log-wrapper .k-sub-table tr:last-child td {
  border-bottom: none;
}
.k-change-log-wrapper .k-op-badge {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  border-radius: 30px;
  font-size: 1.4rem;
  font-weight: 600;
  text-align: center;
  min-width: 48px;
}
.k-change-log-wrapper .k-op-badge.I {
  background: #e3f2fd;
  color: #0a5e8c;
}
.k-change-log-wrapper .k-op-badge.U {
  background: #fff3e0;
  color: #a0661c;
}
.k-change-log-wrapper .k-op-badge.D {
  background: #fee9e7;
  color: #b33c2e;
}
.k-change-log-wrapper .k-field-name {
  font-family: monospace;
  background: #f0f3fa;
  padding: 2px 6px;
  border-radius: 4px;
  color: #1f2a44;
}
.k-change-log-wrapper .k-table-name-badge {
  background: #6b7a99;
  color: white;
  padding: 0.5rem 0.8rem;
  border-radius: 20px;
  font-size: 1.4rem;
  display: inline-block;
  line-height: 1;
  margin-right: 0.5rem;
}

.k-coa-template-content {
  flex-direction: column;
  gap: 10px;
}
.k-coa-template-content .k-row-wrapper {
  min-height: 0;
  flex: 1 !important;
  overflow: hidden;
  gap: 10px;
  /* 右侧科目详情 */
}
.k-coa-template-content .k-row-wrapper .k-coa-template-tree {
  width: 30%;
  background-color: #fff;
  border-radius: 4px;
  padding: 10px;
  overflow-y: auto;
  max-width: 50rem;
}
.k-coa-template-content .k-row-wrapper .k-coa-template-tree .k-tree-search {
  width: 100%;
  padding: 6px 8px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  margin-bottom: 10px;
}
.k-coa-template-content .k-row-wrapper .k-coa-template-tree .k-tree-node {
  padding: 4px 0;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.k-coa-template-content .k-row-wrapper .k-coa-template-tree .k-tree-node:hover {
  color: #165dff;
}
.k-coa-template-content .k-row-wrapper .k-coa-template-tree .k-tree-node.k-active {
  color: #165dff;
  font-weight: 600;
}
.k-coa-template-content .k-row-wrapper .k-coa-template-tree .k-tree-node-level-1 {
  padding-left: 0;
}
.k-coa-template-content .k-row-wrapper .k-coa-template-tree .k-tree-node-level-2 {
  padding-left: 20px;
}
.k-coa-template-content .k-row-wrapper .k-coa-template-tree .k-tree-node-level-3 {
  padding-left: 40px;
}
.k-coa-template-content .k-row-wrapper .k-coa-template-tree .k-tree-operation {
  margin-left: 8px;
  color: #999;
  display: none;
}
.k-coa-template-content .k-row-wrapper .k-coa-template-tree .k-tree-node:hover .k-tree-operation {
  display: inline;
}
.k-coa-template-content .k-row-wrapper .k-account-details {
  width: 70%;
  background-color: #fff;
  border-radius: 4px;
  padding: 20px;
  overflow-y: auto;
  max-width: 80rem;
  /* 底部操作区 */
}
.k-coa-template-content .k-row-wrapper .k-account-details .k-detail-tabs {
  display: flex;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 20px;
}
.k-coa-template-content .k-row-wrapper .k-account-details .k-detail-tab {
  padding: 8px 16px;
  cursor: pointer;
  border-bottom: 2px solid transparent;
}
.k-coa-template-content .k-row-wrapper .k-account-details .k-detail-tab.k-active {
  border-bottom-color: #165dff;
  color: #165dff;
  font-weight: 600;
}
.k-coa-template-content .k-row-wrapper .k-account-details .form-item {
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
}
.k-coa-template-content .k-row-wrapper .k-account-details .form-label {
  margin-bottom: 6px;
  font-weight: 500;
  color: #333;
}
.k-coa-template-content .k-row-wrapper .k-account-details .form-input {
  padding: 8px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  font-size: 14px;
}
.k-coa-template-content .k-row-wrapper .k-account-details .form-select {
  padding: 8px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  font-size: 14px;
}
.k-coa-template-content .k-row-wrapper .k-account-details .form-row {
  display: flex;
  gap: 20px;
}
.k-coa-template-content .k-row-wrapper .k-account-details .form-col {
  flex: 1;
}
.k-coa-template-content .k-row-wrapper .k-account-details .k-aux-item {
  display: flex;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid #f5f5f5;
}
.k-coa-template-content .k-row-wrapper .k-account-details .k-aux-checkbox {
  margin-right: 10px;
  width: 16px;
  height: 16px;
}
.k-coa-template-content .k-row-wrapper .k-account-details .k-aux-name {
  flex: 1;
}
.k-coa-template-content .k-row-wrapper .k-account-details .k-aux-required {
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.k-coa-template-content .k-row-wrapper .k-account-details .k-aux-required input {
  margin-right: 5px;
  width: 16px;
  height: 16px;
}
.k-coa-template-content .k-row-wrapper .k-account-details .k-aux-sort {
  display: flex;
  gap: 8px;
}
.k-coa-template-content .k-row-wrapper .k-account-details .k-aux-sort-btn {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  cursor: pointer;
}
.k-coa-template-content .k-row-wrapper .k-account-details .k-readonly-text {
  color: #666;
  line-height: 32px;
}
.k-coa-template-content .k-row-wrapper .k-account-details .k-detail-footer {
  display: flex;
  justify-content: flex-end;
  padding: 10px 0;
  gap: 10px;
  border-top: 1px solid #e6e6e6;
  margin-top: 10px;
}

.k-account-content {
  position: relative;
}
.k-account-content .k-row-wrapper {
  position: relative;
}
.k-account-tree-content {
  width: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  overflow: hidden;
  background-color: var(--bg);
  border-right: 1px solid var(--border-color);
}
.k-account-tree-content .k-tree-search {
  width: 100%;
  padding: 12px 16px;
  background-color: var(--bg);
}
.k-account-tree-content .k-tree-search input {
  width: 100%;
  padding: 10px 12px 10px 34px;
  border: 1px solid #dde3e9;
  border-radius: 40px;
  font-size: 1.4rem;
  background: #ffffff url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%238298b1\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"/></svg>") no-repeat 12px center;
  background-size: 16px;
}
.k-account-tree-content .k-account-tree-title {
  padding: 18px 18px 10px 18px;
  font-weight: 600;
  color: #1e2f47;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #edf2f7;
  font-size: 1.6rem;
  width: 100%;
}
.k-account-tree-content .k-account-tree-title .k-account-tree-more {
  color: #8f9fb2;
}
.k-account-tree-content .k-account-tree-title span i {
  color: #7589a4;
  margin-right: 6px;
}
.k-account-right {
  flex: 1;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
}
.k-account-right .k-account-right-top {
  display: inline-block;
  width: 100%;
  height: 30px;
  background-color: var(--bg);
  text-align: left;
  padding: 8px;
  vertical-align: middle;
  color: var(--primary-2);
  font-size: 1.4rem;
  font-weight: 600;
}
.k-account-right .k-account-right-table {
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.k-init-wizard {
  max-width: 1200px;
  min-width: 1000px;
  margin: 0 auto;
  margin-top: 20px;
  background: var(--bg);
  border-radius: 8px;
  min-height: 500px;
  /* 模拟初始化向导样式 */
}
.k-init-wizard .k-wizard-steps {
  text-align: center;
}
.k-init-wizard .k-wizard-steps p {
  font-size: 1.4rem;
  margin: 16px 0 30px 0;
  text-align: left;
}
.k-init-wizard .k-wizard-steps p.k-title-center {
  text-align: center;
}
.k-init-wizard .k-wizard-steps .k-account-standard-select {
  margin-bottom: 20px;
  padding: 6px;
}
.k-init-wizard .k-wizard-steps .k-account-level-title {
  font-size: 1.4rem;
  font-weight: 600;
  text-align: left;
  margin-bottom: 2px;
}
.k-init-wizard .k-wizard-steps .k-wizard-step .k-wizard-step-title {
  height: 40px;
  display: flex;
  padding-left: 20px;
}
.k-init-wizard .k-wizard-steps .k-wizard-step .k-next-step-info {
  margin-top: 30px;
  text-align: left;
  background: #f9f9f9;
  padding: 20px;
  border-radius: 4px;
}
.k-init-wizard .k-wizard-steps .k-wizard-step .k-next-step-info p {
  font-size: 1.3rem;
  color: #666;
}
.k-init-wizard .k-wizard-steps .k-wizard-step .k-wizard-step-content {
  margin: 20px 60px 60px 60px;
}
.k-init-wizard .k-wizard-steps .k-wizard-step .k-wizard-step-content .k-account-level-config {
  display: flex;
  align-items: center;
  justify-content: center;
}
.k-init-wizard .k-wizard-steps .k-wizard-step .k-wizard-step-content .k-account-level-config .k-account-level {
  width: 100%;
}
.k-init-wizard .k-wizard-steps .k-wizard-step .k-wizard-step-content .k-action-bar {
  margin-top: 30px;
  display: flex;
  justify-content: end;
  align-items: center;
}
.k-init-wizard .k-wizard-steps .k-wizard-step .k-wizard-step-content .k-action-bar button {
  padding: 10px 24px;
  border-radius: 4px;
  font-size: 1.4rem;
}
.k-init-wizard .k-wizard-steps .k-wizard-step .k-step-card {
  border: 1px solid #d9d9d9;
  padding: 20px;
  border-radius: 8px;
  display: inline-block;
  width: 250px;
  margin: 10px;
  vertical-align: top;
  cursor: pointer;
  transition: all 0.3s;
}
.k-init-wizard .k-wizard-steps .k-wizard-step .k-step-card p {
  font-size: 12px;
  color: #999;
  padding: 0;
  margin: 12px 0;
}
.k-init-wizard .k-wizard-steps .k-wizard-step .k-step-card:hover {
  border-color: #1890ff;
  color: #1890ff;
  box-shadow: 0 2px 8px rgba(24, 144, 255, 0.2);
}
.k-init-wizard .k-wizard-steps .k-wizard-step .k-step-icon {
  font-size: 40px;
  margin-bottom: 10px;
  display: block;
  line-height: normal;
}

/* 辅助核算配置表格 */
.k-aux-config-table {
  padding: 20px 30px;
  width: 1200px;
  /* 配置区域 */
  /* 表单控件 */
  /* 底部按钮 */
}
.k-aux-config-table .config-area {
  flex: 1;
  background: white;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.k-aux-config-table .config-header {
  padding: 20px 30px;
  background: #f8f9fa;
  border-bottom: 1px solid #e0e0e0;
}
.k-aux-config-table .config-header h2 {
  font-size: 18px;
  color: #333;
  margin-bottom: 5px;
}
.k-aux-config-table .config-header .account-info {
  color: #666;
  font-size: 14px;
}
.k-aux-config-table .config-header .account-info span {
  color: #1890ff;
  font-weight: 500;
}
.k-aux-config-table .div-table-header {
  display: flex;
  background: #fafafa;
  padding: 12px 15px;
  border: 1px solid #e8e8e8;
  border-radius: 6px 6px 0 0;
  font-weight: 500;
  color: #333;
  gap: 2px;
}
.k-aux-config-table .k-div-table-body {
  border: 1px solid #e8e8e8;
  border-top: none;
  border-radius: 0 0 6px 6px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.k-aux-config-table .k-div-table-row {
  display: flex;
  padding: 12px 15px;
  border-bottom: 1px solid #e8e8e8;
  background: white;
  transition: background-color 0.2s;
  gap: 2px;
}
.k-aux-config-table .div-table-row:last-child {
  border-bottom: none;
}
.k-aux-config-table .div-table-row:hover {
  background-color: #fafafa;
}
.k-aux-config-table .col-aux {
  width: 15%;
}
.k-aux-config-table .col-required {
  width: 15%;
}
.k-aux-config-table .col-control-level {
  width: 15%;
}
.k-aux-config-table .col-default {
  width: 15%;
}
.k-aux-config-table .col-rule {
  width: 25%;
}
.k-aux-config-table .col-actions {
  width: 15%;
}
.k-aux-config-table .required-toggle {
  display: flex;
  gap: 10px;
}
.k-aux-config-table .required-radio {
  display: flex;
  align-items: center;
  gap: 4px;
}
.k-aux-config-table .required-radio span {
  white-space: nowrap;
}
.k-aux-config-table .required-radio input[type="radio"] {
  margin: 0;
  cursor: pointer;
}
.k-aux-config-table .required-radio label {
  font-size: 13px;
  color: #666;
  cursor: pointer;
}
.k-aux-config-table select,
.k-aux-config-table input[type="text"] {
  width: 100%;
  padding: 6px 10px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  font-size: 13px;
  outline: none;
  transition: all 0.3s;
}
.k-aux-config-table select:focus,
.k-aux-config-table input[type="text"]:focus {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.k-aux-config-table .rule-tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  background: #f5f5f5;
  border-radius: 12px;
  font-size: 12px;
  color: #666;
  cursor: pointer;
  margin-right: 4px;
  margin-bottom: 4px;
}
.k-aux-config-table .rule-tag:hover {
  background: #e8e8e8;
}
.k-aux-config-table .rule-tag .remove {
  color: #ff4d4f;
  font-size: 12px;
}
.k-aux-config-table .btn {
  padding: 6px 12px;
  border: none;
  border-radius: 4px;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.3s;
}
.k-aux-config-table .btn-primary {
  background: #1890ff;
  color: white;
}
.k-aux-config-table .btn-primary:hover {
  background: #40a9ff;
}
.k-aux-config-table .btn-default {
  background: white;
  border: 1px solid #d9d9d9;
  color: #333;
}
.k-aux-config-table .btn-default:hover {
  border-color: #40a9ff;
  color: #40a9ff;
}
.k-aux-config-table .btn-link {
  background: none;
  color: #1890ff;
  padding: 4px;
}
.k-aux-config-table .btn-link:hover {
  text-decoration: underline;
}
.k-aux-config-table .action-buttons {
  display: flex;
  gap: 8px;
  justify-content: flex-start;
}
.k-aux-config-table .footer-buttons {
  padding: 20px 30px;
  background: white;
  border-top: 1px solid #e8e8e8;
  display: flex;
  gap: 15px;
  justify-content: flex-end;
}

.k-account-auxiliary {
  border-top: 1px solid #dee8f2;
  background: #fbfdff;
  padding: 18px 24px;
  transition: 0.2s;
}
.k-account-auxiliary .k-aux-header {
  display: flex;
  align-items: center;
  gap: 16px;
  font-weight: 600;
  color: #1d344b;
  margin-bottom: 14px;
}
.k-account-auxiliary .k-aux-header .k-title {
  height: auto;
}
.k-account-auxiliary .k-aux-header .k-account-info {
  flex: 1;
  color: #3c5a7a;
  font-size: 1.4rem;
}
.k-account-auxiliary .k-aux-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  min-height: 3.5rem;
}
.k-account-auxiliary .k-aux-item {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #ffffff;
  border: 1px solid #dce5f0;
  border-radius: 40px;
  padding: 6px 16px 6px 12px;
  font-size: 1.4rem;
}
.k-account-auxiliary .k-aux-required {
  background: #ffecdc;
  border-radius: 20px;
  padding: 2px 10px;
  font-size: 1.2rem;
  font-weight: 600;
  color: #c24d0c;
}
.k-account-auxiliary .fa-circle-check {
  color: #2e7d32;
}

/* 左侧：角色列表 (20%) */
.k-role-sidebar {
  width: 300px;
  background: #f8fbfe;
  border-right: 1px solid #e3eaf2;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background-color: var(--bg);
}
.k-role-sidebar .k-role-search {
  width: 100%;
  padding: 12px 16px;
  background-color: var(--bg);
}
.k-role-sidebar .k-role-search input {
  width: 100%;
  padding: 10px 12px 10px 34px;
  border: 1px solid #dde3e9;
  border-radius: 40px;
  font-size: 1.4rem;
  background: #ffffff url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%238298b1\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"/></svg>") no-repeat 12px center;
  background-size: 16px;
}
.k-role-sidebar .k-role-sidebar-header {
  height: 50px;
  padding: 0 16px;
  border-bottom: 1px solid #e3eaf2;
  font-weight: 600;
  color: #1f3a5f;
  display: flex;
  align-items: center;
  gap: 8px;
}
.k-role-sidebar .k-role-sidebar-header h5 {
  padding: 0;
  margin: 0;
  margin-right: 8px;
}
.k-role-sidebar .k-role-sidebar-header span {
  background: #dee9f5;
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 1.4rem;
}
.k-role-sidebar .k-role-list {
  flex: 1;
  overflow-y: auto;
  padding: 12px;
  /* 管理类 */
  /* 运营管理类 */
  /* 调度类 */
  /* 财务类 */
  /* 客服行政类 */
  /* 仓储类 */
  /* 驾驶员类 */
  /* 现场业务类 */
  /* 文员类 */
  /* 运输类 */
  /* 进销存类 */
  /* 质检类 */
  /* 设备维护类 */
  /* 安全类 */
  /* 默认 */
  /*
        .k-role-item.k-active::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 4px;
            background: var(--primary);
            border-radius: 4px 0 0 4px;
        }
            */
  /*
        .k-role-item.k-active {
            background: #e3efff;
            border-color: #2563eb;
        }
        */
}
.k-role-sidebar .k-role-list .k-role-icon.role-management {
  background: linear-gradient(135deg, #1e3c72, #2a5298);
}
.k-role-sidebar .k-role-list .k-role-icon.role-operations {
  background: linear-gradient(135deg, #8b5cf6, #a78bfa);
}
.k-role-sidebar .k-role-list .k-role-icon.role-dispatch {
  background: linear-gradient(135deg, #f97316, #fb923c);
}
.k-role-sidebar .k-role-list .k-role-icon.role-finance {
  background: linear-gradient(135deg, #10b981, #34d399);
}
.k-role-sidebar .k-role-list .k-role-icon.role-customer {
  background: linear-gradient(135deg, #0ea5e9, #38bdf8);
}
.k-role-sidebar .k-role-list .k-role-icon.role-warehouse {
  background: linear-gradient(135deg, #3b82f6, #60a5fa);
}
.k-role-sidebar .k-role-list .k-role-icon.role-driver {
  background: linear-gradient(135deg, #f59e0b, #fbbf24);
}
.k-role-sidebar .k-role-list .k-role-icon.role-field {
  background: linear-gradient(135deg, #f43f5e, #fb7185);
}
.k-role-sidebar .k-role-list .k-role-icon.role-clerk {
  background: linear-gradient(135deg, #6b7280, #9ca3af);
}
.k-role-sidebar .k-role-list .k-role-icon.role-transport {
  background: linear-gradient(135deg, #f97316, #fbbf24);
}
.k-role-sidebar .k-role-list .k-role-icon.role-inventory {
  background: linear-gradient(135deg, #06b6d4, #22d3ee);
}
.k-role-sidebar .k-role-list .k-role-icon.role-quality {
  background: linear-gradient(135deg, #84cc16, #a3e635);
}
.k-role-sidebar .k-role-list .k-role-icon.role-maintenance {
  background: linear-gradient(135deg, #64748b, #94a3b8);
}
.k-role-sidebar .k-role-list .k-role-icon.role-security {
  background: linear-gradient(135deg, #dc2626, #ef4444);
}
.k-role-sidebar .k-role-list .k-role-icon.role-default {
  background: linear-gradient(135deg, #64748b, #94a3b8);
}
.k-role-sidebar .k-role-list .k-role-item {
  display: flex;
  align-items: center;
  padding: 8px 16px;
  margin-bottom: 6px;
  border-radius: 8px;
  background: white;
  border: 1px solid #e6edf6;
  cursor: pointer;
  transition: all 0.15s;
}
.k-role-sidebar .k-role-list .k-role-item:hover {
  border-color: var(--primary-2);
  box-shadow: var(--shadow-md);
  transform: translateY(-1px);
}
.k-role-sidebar .k-role-list .k-role-item:hover .k-role-icon {
  transform: scale(1.05);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.15);
}
.k-role-sidebar .k-role-list .k-role-item.k-active {
  background: linear-gradient(to right, var(--primary-light), transparent);
  border-color: var(--primary);
  box-shadow: var(--shadow-sm);
}
.k-role-sidebar .k-role-list .k-role-icon {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: #1e3c72;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  margin-right: 14px;
}
.k-role-sidebar .k-role-list .k-role-info {
  flex: 1;
}
.k-role-sidebar .k-role-list .k-role-name {
  font-weight: 600;
  font-size: 1.6rem;
  margin-bottom: 4px;
}
.k-role-sidebar .k-role-list .k-role-meta {
  font-size: 1.4rem;
  color: #6b7f9e;
  display: flex;
  gap: 12px;
}
.k-role-sidebar .k-role-list .k-role-meta i {
  margin-right: 3px;
}
.k-role-sidebar .k-role-list .k-role-badge {
  background: #dee6f2;
  color: #1f2a44;
  border-radius: 20px;
  padding: 3px 10px;
  font-size: 1.3rem;
  font-weight: 600;
}
/* 右侧：菜单卡片区域 (80%) */
.k-menu-panel {
  width: auto;
  flex: 1;
  background: white;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  /* 菜单卡片容器 - 允许换行，不带滚动条 */
}
.k-menu-panel .k-panel-header {
  height: 50px;
  padding: 0 24px;
  border-bottom: 1px solid #eef3f9;
  display: flex;
  align-items: center;
  gap: 24px;
}
.k-menu-panel .k-panel-header button {
  padding: 10px 28px;
  border-radius: 40px;
  border: 1px solid #cfddee;
  background-color: white !important;
  font-weight: 500;
  cursor: pointer;
  font-size: 1.5rem;
}
.k-menu-panel .k-panel-header .k-btn-save {
  background-color: var(--button-bg) !important;
  color: var(--button-text-color) !important;
  border-color: #1e3c72 !important;
}
.k-menu-panel .k-panel-header h2 {
  font-size: 1.2rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
}
.k-menu-panel .k-selected-role-indicator {
  background: #e9eff9;
  padding: 6px 16px;
  border-radius: 30px;
  font-size: 1.5rem;
  color: #1e3c72;
  margin-right: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
.k-menu-panel .k-selected-role-indicator i {
  margin-right: 2px;
  color: #2563eb;
}
.k-menu-panel .k-menu-cards-container {
  flex: 1;
  overflow-y: auto;
  padding: 20px 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  /* 菜单卡片 - 默认宽度100% */
}
.k-menu-panel .k-menu-cards-container .k-menu-card {
  background: white;
  border-radius: 20px;
  border: 1px solid #e6edf6;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
  transition: all 0.2s;
  display: flex;
  flex-direction: column;
  width: 100%;
  /* 卡片标题 - 直接使用菜单名称 */
  /* 卡片内容 - 子项横向平铺，不带滚动条 */
  /* 子项 - 横向平铺，勾选框在左前方 */
  /* 分类标签颜色 */
  /* 特殊样式：limit 类型 */
}
.k-menu-panel .k-menu-cards-container .k-menu-card:hover {
  border-color: #b9cee8;
  box-shadow: 0 8px 20px rgba(0, 60, 130, 0.1);
}
.k-menu-panel .k-menu-cards-container .k-menu-card .k-menu-card-header {
  padding: 8px 20px;
  background: #e6f4ff;
  border-bottom: 1px solid #e6edf6;
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
}
.k-menu-panel .k-menu-cards-container .k-menu-card .k-menu-card-header i {
  font-size: 1.8rem;
  color: #1e3c72;
  width: 28px;
}
.k-menu-panel .k-menu-cards-container .k-menu-card .k-menu-card-header h3 {
  font-weight: 600;
  font-size: 2rem;
  color: #1e293b;
  flex: 1;
  padding: 0;
  margin: 0;
}
.k-menu-panel .k-menu-cards-container .k-menu-card .k-menu-card-header .k-module-check {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 1.5rem;
  color: #4b6589;
}
.k-menu-panel .k-menu-cards-container .k-menu-card .k-menu-card-header input[type=checkbox] {
  width: 18px;
  height: 18px;
  accent-color: #2563eb;
  cursor: pointer;
}
.k-menu-panel .k-menu-cards-container .k-menu-card .k-menu-card-content {
  padding: 16px 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
}
.k-menu-panel .k-menu-cards-container .k-menu-card .k-menu-card-content .k-menu-group-card {
  background: white;
  border: 1px solid #e6edf6;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
  transition: all 0.2s;
  display: flex;
  flex-direction: column;
  width: fit-content;
  /* 卡片标题 - 直接使用菜单名称 */
  /* 卡片内容 - 子项横向平铺，不带滚动条 */
}
.k-menu-panel .k-menu-cards-container .k-menu-card .k-menu-card-content .k-menu-group-card:hover {
  border-color: #b9cee8;
  box-shadow: 0 8px 20px rgba(0, 60, 130, 0.1);
}
.k-menu-panel .k-menu-cards-container .k-menu-card .k-menu-card-content .k-menu-group-card .k-menu-group-card-header {
  padding: 6px 20px;
  background: #f5f9ff;
  border-bottom: 1px solid #e6edf6;
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
}
.k-menu-panel .k-menu-cards-container .k-menu-card .k-menu-card-content .k-menu-group-card .k-menu-group-card-header i {
  font-size: 1.6rem;
  color: #1e3c72;
  width: 28px;
}
.k-menu-panel .k-menu-cards-container .k-menu-card .k-menu-card-content .k-menu-group-card .k-menu-group-card-header h4 {
  font-weight: 600;
  font-size: 1.6rem;
  color: #1e293b;
  flex: 1;
  padding: 0;
  margin: 0;
  opacity: 0.8;
}
.k-menu-panel .k-menu-cards-container .k-menu-card .k-menu-card-content .k-menu-group-card .k-menu-group-card-header .k-module-check {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 1.5rem;
  color: #4b6589;
}
.k-menu-panel .k-menu-cards-container .k-menu-card .k-menu-card-content .k-menu-group-card .k-menu-group-card-header input[type=checkbox] {
  width: 18px;
  height: 18px;
  accent-color: #2563eb;
  cursor: pointer;
}
.k-menu-panel .k-menu-cards-container .k-menu-card .k-menu-card-content .k-menu-group-card .k-menu-group-card-content {
  padding: 16px 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
}
.k-menu-panel .k-menu-cards-container .k-menu-card .k-menu-card-content .k-menu-sub-card {
  background: white;
  border: 1px solid #e6edf6;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
  transition: all 0.2s;
  display: flex;
  flex-direction: column;
  width: fit-content;
  max-width: 400px;
  /* 卡片标题 - 直接使用菜单名称 */
  /* 卡片内容 - 子项横向平铺，不带滚动条 */
}
.k-menu-panel .k-menu-cards-container .k-menu-card .k-menu-card-content .k-menu-sub-card:hover {
  border-color: #b9cee8;
  box-shadow: 0 8px 20px rgba(0, 60, 130, 0.1);
}
.k-menu-panel .k-menu-cards-container .k-menu-card .k-menu-card-content .k-menu-sub-card .k-menu-sub-card-header {
  padding: 6px 20px;
  background: #f5f9ff;
  border-bottom: 1px solid #e6edf6;
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
}
.k-menu-panel .k-menu-cards-container .k-menu-card .k-menu-card-content .k-menu-sub-card .k-menu-sub-card-header i {
  font-size: 1.6rem;
  color: #1e3c72;
  width: 28px;
}
.k-menu-panel .k-menu-cards-container .k-menu-card .k-menu-card-content .k-menu-sub-card .k-menu-sub-card-header h4 {
  font-weight: 600;
  font-size: 1.6rem;
  color: #1e293b;
  flex: 1;
  padding: 0;
  margin: 0;
  opacity: 0.8;
}
.k-menu-panel .k-menu-cards-container .k-menu-card .k-menu-card-content .k-menu-sub-card .k-menu-sub-card-header .k-module-check {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 1.5rem;
  color: #4b6589;
}
.k-menu-panel .k-menu-cards-container .k-menu-card .k-menu-card-content .k-menu-sub-card .k-menu-sub-card-header input[type=checkbox] {
  width: 18px;
  height: 18px;
  accent-color: #2563eb;
  cursor: pointer;
}
.k-menu-panel .k-menu-cards-container .k-menu-card .k-menu-card-content .k-menu-sub-card .k-menu-sub-card-content {
  padding: 16px 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
}
.k-menu-panel .k-menu-cards-container .k-menu-card .k-child-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px 6px 8px;
  background: #f8fafd;
  border-radius: 30px;
  border: 1px solid #e6edf6;
  transition: all 0.1s;
  min-width: 140px;
  flex: 0 1 auto;
}
.k-menu-panel .k-menu-cards-container .k-menu-card .k-child-item:hover {
  background: #ffffff;
  border-color: #b9cee8;
  box-shadow: 0 2px 8px rgba(0, 60, 130, 0.05);
}
.k-menu-panel .k-menu-cards-container .k-menu-card .k-child-item input[type=checkbox] {
  width: 16px;
  height: 16px;
  accent-color: #2563eb;
  cursor: pointer;
  margin-right: 4px;
}
.k-menu-panel .k-menu-cards-container .k-menu-card .k-child-item .k-item-name {
  font-size: 1.4rem;
  font-weight: 500;
  white-space: nowrap;
}
.k-menu-panel .k-menu-cards-container .k-menu-card .k-child-item .k-item-type {
  font-size: 1.2rem;
  padding: 2px 6px;
  border-radius: 30px;
  background: #e9eef5;
  color: #4b5b73;
  margin-left: 4px;
  white-space: nowrap;
}
.k-menu-panel .k-menu-cards-container .k-menu-card .k-child-item .k-item-category {
  font-size: 0.9rem;
  padding: 2px 6px;
  border-radius: 30px;
  font-weight: 600;
  white-space: nowrap;
}
.k-menu-panel .k-menu-cards-container .k-menu-card .k-cat-QUERY {
  background: #e1edff;
  color: #1a4cba;
}
.k-menu-panel .k-menu-cards-container .k-menu-card .k-cat-REPORT {
  background: #ffdec7;
  color: #c24f0a;
}
.k-menu-panel .k-menu-cards-container .k-menu-card .k-cat-CONFIG {
  background: #f1e5fe;
  color: #6d3c9c;
}
.k-menu-panel .k-menu-cards-container .k-menu-card .k-cat-OPERATION {
  background: #e2f5e9;
  color: #0b6e41;
}
.k-menu-panel .k-menu-cards-container .k-menu-card .k-cat-IMPORT {
  background: #fff3d1;
  color: #ad7c25;
}
.k-menu-panel .k-menu-cards-container .k-menu-card .k-cat-EXPORT {
  background: #fee2e2;
  color: #b3403a;
}
.k-menu-panel .k-menu-cards-container .k-menu-card .k-cat-PRINT {
  background: #ffead2;
  color: #b45a1c;
}
.k-menu-panel .k-menu-cards-container .k-menu-card .k-cat-GRADE {
  background: #dbeafe;
  color: #2563eb;
}
.k-menu-panel .k-menu-cards-container .k-menu-card .k-child-item.k-limit-item {
  background: #fff9f0;
  border-color: #ffd7b3;
}
.k-menu-panel .k-menu-cards-container .k-menu-card .k-child-item.k-limit-item .k-item-type {
  background: #ffe4cc;
  color: #b45a1c;
}
/* 全选栏 */
.k-global-select-bar {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 12px 24px;
  background: white;
  border-bottom: 1px solid var(--border-color-dark);
  /* 统计信息 */
}
.k-global-select-bar .k-stats-info {
  font-size: 1.5rem;
}
.k-global-select-bar .k-stats-info i {
  color: #10b981;
}
.k-global-select-bar .k-stats-info span {
  color: #4b6589;
  margin-left: 8px;
}
.k-global-select-bar .k-checkbox label {
  font-weight: 500;
  color: #1f3a5f;
  font-size: 1.6rem;
}
/* 底部 */
.k-footer {
  padding: 16px 24px;
  border-top: 1px solid #e9edf4;
  background: white;
  display: flex;
  justify-content: flex-end;
  gap: 16px;
}
.k-footer button {
  padding: 10px 28px;
  border-radius: 40px;
  border: 1px solid #cfddee;
  background: white;
  font-weight: 500;
  cursor: pointer;
}
.k-footer .k-btn-save {
  background: #1e3c72;
  color: white;
  border-color: #1e3c72;
}
::-webkit-scrollbar-track {
  background: #eef2f7;
}
::-webkit-scrollbar-thumb {
  background: #b9c7dd;
  border-radius: 10px;
}

.k-voucher-form .k-section-toolbar {
  margin-top: 20px;
}
.k-voucher-form .k-total-bar {
  margin-top: 20px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 14px 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}
.k-voucher-form .k-total-bar .k-total-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.k-voucher-form .k-total-bar .k-total-item .k-content {
  background-color: transparent !important;
}
.k-voucher-form .k-total-bar .k-total-item .k-static {
  background-color: transparent !important;
}
.k-voucher-form .k-total-bar .k-balance-status {
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 1.3rem;
  font-weight: 600;
  white-space: nowrap;
}
.k-voucher-form .k-total-bar .k-balance-status.k-blance-error {
  background: #f8d7da;
  color: #721c24;
}
.k-voucher-form .k-total-bar .k-balance-status.k-balance-ok {
  background: #d4edda;
  color: #155724;
}

.k-selectbill-dialog {
  min-width: 700px;
  min-height: 600px;
  max-width: 1800px;
  padding: 20px !important;
  color: var(--text-color-2);
  /* 单据类型网格 */
  /* 步骤指示器 */
}
.k-selectbill-dialog .k-table-frame {
  width: 100%;
}
.k-selectbill-dialog .k-text-title {
  width: 100%;
}
.k-selectbill-dialog .k-back-btn-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.k-selectbill-dialog .k-back-btn-container .k-button.back-btn {
  background-color: transparent !important;
}
.k-selectbill-dialog .doc-type-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 12px;
  margin-bottom: 20px;
  width: 100%;
}
.k-selectbill-dialog .doc-type-card {
  padding: 16px 12px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s;
}
.k-selectbill-dialog .doc-type-card:hover {
  border-color: #3b82f6;
  background: #eff6ff;
}
.k-selectbill-dialog .doc-type-card .doc-icon {
  font-size: 3.2rem;
  margin-bottom: 8px;
}
.k-selectbill-dialog .doc-type-card .doc-name {
  font-size: 1.5rem;
  font-weight: 600;
}
.k-selectbill-dialog .doc-type-card .doc-desc {
  font-size: 1.2rem;
  color: var(--text-color-2);
  margin-top: 4px;
}
.k-selectbill-dialog .step-indicator {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  padding: 0 20px;
  width: 100%;
}
.k-selectbill-dialog .step {
  flex: 1;
  text-align: center;
  position: relative;
}
.k-selectbill-dialog .step .step-number {
  width: 32px;
  height: 32px;
  background: #e2e8f0;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: #64748b;
  margin-bottom: 8px;
}
.k-selectbill-dialog .step.active .step-number {
  background: #1e3a8a;
  color: white;
}
.k-selectbill-dialog .step.completed .step-number {
  background: #10b981;
  color: white;
}
.k-selectbill-dialog .step .step-label {
  font-size: 1.3rem;
  color: #64748b;
}
.k-selectbill-dialog .step.active .step-label {
  color: #1e3a8a;
  font-weight: 500;
}
.k-selectbill-dialog .step-line {
  flex: 1;
  height: 2px;
  background: #e2e8f0;
  margin: 0 8px;
}

.k-ledger-form {
  padding-bottom: 64px !important;
  /* 结算方式列表 */
  /* 按钮 */
}
.k-ledger-form .k-voucher-params-config {
  padding-bottom: 64px;
}
.k-ledger-form .k-option-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  border-bottom: 1px solid var(--border-color-dark);
}
.k-ledger-form .k-option-row .k-column-wrapper {
  width: auto;
  height: auto;
}
.k-ledger-form .k-option-row .k-column-wrapper .k-title {
  height: auto;
  font-size: 1.5rem;
  font-weight: 500;
}
.k-ledger-form .k-option-row .k-column-wrapper .k-sub-sample {
  font-size: 1.1rem;
  color: #64748b;
}
.k-ledger-form .k-settlement-type-list {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 16px 12px;
  border-radius: 8px;
}
.k-ledger-form .k-settlement-type-list .k-multi-select {
  padding: 6px 4px;
  background-color: white;
  border: 1px solid var(--border-color-dark);
  border-radius: 5px;
}
.k-ledger-form .k-settlement-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 10px;
}
.k-ledger-form .k-settlement-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 12px;
  background: #f8fafc;
  border-radius: 8px;
}
.k-ledger-form .k-action-bar {
  padding: 16px 24px;
  background: #fafcfd;
  border-top: 1px solid #eef2f6;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}
.k-ledger-form .k-btn {
  padding: 8px 24px;
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
  border: 1px solid transparent;
}
.k-ledger-form .k-btn-primary {
  background: #1e6f3f;
  color: white;
}
.k-ledger-form .k-btn-secondary {
  background: white;
  border-color: #cbd5e1;
  color: #475569;
}
.k-ledger-form .k-toast {
  position: fixed;
  bottom: 30px;
  right: 30px;
  background: #1e6f3f;
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  animation: fadeOut 3s forwards;
  z-index: 1000;
}

.k-account-aux-mg {
  display: flex;
  flex-direction: row;
  position: relative;
}
.k-account-aux-mg .k-account-tree-content {
  width: 500px;
  position: relative;
}
.k-account-aux-mg .k-account-tree-content .k-tree-search {
  background-color: transparent;
}
.k-account-aux-mg .k-account-tree-content .k-account-aux-tree-title {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 8px 50px;
  padding-bottom: 25px;
  background-color: var(--bg-gray-2);
  border-bottom: 1px solid var(--border-color-dark);
}
.k-account-aux-mg .k-account-tree-content .k-account-aux-tree-title .k-ledger-select {
  width: 100%;
  padding: 12px 16px;
}
.k-account-aux-mg .k-account-tree-content .k-account-aux-tree-title .k-ledger-select .k-suggest {
  padding: 6px 12px;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  background-color: var(--bg);
}
.k-account-aux-mg .k-account-aux-right {
  margin-left: 16px;
  max-width: 800px;
  height: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: auto;
  padding: 8px;
}
.k-account-aux-mg .k-account-aux-right .k-account-aux-card {
  background-color: var(--bg);
  border-radius: 16px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  margin-bottom: 24px;
}
.k-account-aux-mg .k-account-aux-right .k-account-aux-info-title {
  background-color: var(--bg-gray-2);
  width: 100%;
  padding: 24px;
  border-bottom: 1px solid var(--border-color-dark);
}
.k-account-aux-mg .k-account-aux-right .k-account-aux-info-title .k-title {
  background-color: var(--bg-gray-2);
  height: auto!important;
  font-size: 1.6rem;
  font-weight: 600;
}
.k-account-aux-mg .k-account-aux-right .k-account-info .k-account-info-content {
  padding: 24px;
}
.k-account-aux-mg .k-account-aux-right .k-account-aux-info {
  background-color: var(--bg);
}
.k-account-aux-mg .k-account-aux-right .k-account-aux-info .k-account-aux-info-content {
  padding: 24px;
}
.k-account-aux-mg .k-account-aux-right .k-account-aux-info .k-account-aux-info-content .k-account-aux-info {
  background-color: var(--bg);
}
.k-account-aux-mg .k-account-aux-right .k-account-aux-form {
  align-items: center;
}
.k-account-aux-mg .k-account-aux-right .k-account-aux-form .k-aux-items {
  padding: 16px 0;
}
.k-account-aux-mg .k-account-aux-right .k-account-aux-form button {
  color: var(--text-color-2);
}
.k-account-aux-mg .k-account-aux-right .k-account-aux-form .k-table-frame {
  margin-top: 24px;
  margin-bottom: 24px;
}
.k-account-aux-mg .k-account-aux-right .k-account-aux-form table {
  width: 100%;
}
.k-account-aux-mg .k-account-aux-right .k-add-aux-btn {
  width: fit-content;
  padding: 8px;
}

.k-receipt-order-form .k-section-title {
  margin-top: 20px;
}
.k-receipt-order-form .k-section-toolbar {
  margin-top: 24px;
}
.k-receipt-order-form .k-total-bar {
  justify-content: flex-end;
}
.k-receipt-order-form .k-total-bar .k-total-item {
  width: auto;
  min-width: 18rem;
}


.k-payment-order-payment .k-source-rel {
  min-height: 12rem;
  max-height: 12rem;
}
.k-payment-order-payment .k-items {
  min-height: 20rem;
  max-height: 30rem;
}
.k-payment-order-payment .k-table-frame {
  border: 1px solid var(--border-color);
}
.k-payment-order-payment .k-payment-button-group {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.k-prepaid-input-payment-dlg .k-overflow-info {
  width: 100%;
  height: 2.5rem;
  padding: 0.5rem;
  color: red;
}
.k-prepaid-input-payment-dlg .k-form-row {
  gap: 8px;
}

.k-waybill .k-charge-group {
  flex-wrap: wrap;
  flex-direction: column !important;
  margin-bottom: 0;
  align-items: flex-start;
  max-height: 20rem;
}
.k-waybill .k-charge-group .k-from-row {
  width: auto;
}
.k-waybill .k-charge-group .k-form-field {
  margin-bottom: var(--form-row-margin-top);
}
.k-waybill .k-charge-group .k-charge-amount {
  width: 20rem;
}
.k-waybill .k-charge-group .k-allocation-rule {
  width: 15rem;
}
.k-waybill .k-charge-group .k-tax-rate {
  width: 10rem;
}
.k-waybill .k-waybill-detail {
  width: 100%;
}
.k-waybill .k-table-frame {
  border-bottom: 1px solid var(--border-color);
  min-height: 10rem;
  margin-bottom: 16px;
  margin-top: 16px;
}

.k-waybill-sheet .k-title-row {
  height: 4rem;
  gap: 16px;
  background: var(--bg);
  border-bottom: 1px solid var(--border-color);
}
.k-waybill-sheet .k-title-row .k-status-text {
  margin-left: 40px;
}
.k-waybill-sheet .k-remark-row {
  gap: 16px;
}

.k-wms-context-dlg .k-dialog-body {
  padding: 3rem;
  gap: 12px;
}
.k-wms-inbound-order .k-tab-page.k-wms-inbound-container,
.k-wms-inbound-order .k-tab-page.k-wms-inbound-task,
.k-wms-inbound-order .k-tab-page.k-wms-inbound-fees {
  min-height: 26rem;
}
.k-wms-inbound-order .k-wms-inbound-fees .k-wms-inbound-fees-bar {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.k-wms-inbound-order .k-wms-inbound-task .k-wms-inbound-task-bar {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.k-wms-outbound-order .k-tab-page.k-wms-outbound-task,
.k-wms-outbound-order .k-tab-page.k-wms-outbound-fees {
  min-height: 26rem;
}
.k-wms-outbound-order .k-wms-outbound-fees .k-wms-outbound-fees-bar {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.k-wms-outbound-order .k-wms-outbound-task .k-wms-outbound-task-bar {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.k-wms-putaway-dlg .k-dialog-body {
  gap: 0.75rem;
}
.k-wms-putaway-dlg .k-wms-putaway-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.5rem;
}
.k-wms-putaway-dlg .k-wms-putaway-summary-item {
  min-width: 0;
  padding: 0.65rem 0.75rem;
  border: 1px solid #d8dee7;
  border-radius: 6px;
  background: #f7f9fb;
}
.k-wms-putaway-dlg .k-wms-putaway-summary-item span {
  display: block;
  color: #607086;
  font-size: 0.78rem;
  line-height: 1.2;
}
.k-wms-putaway-dlg .k-wms-putaway-summary-item strong {
  display: block;
  margin-top: 0.25rem;
  color: #172033;
  font-size: 1.1rem;
  line-height: 1.2;
}
.k-wms-putaway-dlg .k-wms-putaway-alloc-head,
.k-wms-putaway-dlg .k-wms-putaway-alloc-row {
  display: grid;
  grid-template-columns: 7rem minmax(10rem, 1fr) 8rem 12rem 13rem 4.5rem;
  gap: 0.5rem;
  align-items: center;
}
.k-wms-putaway-dlg .k-wms-putaway-alloc-head {
  padding: 0 0.5rem;
  color: #607086;
  font-size: 0.78rem;
}
.k-wms-putaway-dlg .k-wms-putaway-alloc-list {
  display: grid;
  gap: 0.5rem;
}
.k-wms-putaway-dlg .k-wms-putaway-alloc-row {
  padding: 0.5rem;
  border: 1px solid #d8dee7;
  border-radius: 6px;
  background: #fff;
}
.k-wms-putaway-dlg .k-wms-putaway-item-info {
  display: contents;
}
.k-wms-putaway-dlg .k-wms-putaway-item-info > div {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.k-wms-putaway-dlg .k-field {
  margin: 0;
}
.k-wms-putaway-dlg .k-wms-putaway-remove {
  width: 100%;
}
.k-wms-gun-page {
  max-width: 34rem;
  min-height: 100%;
  margin: 0 auto;
  padding: 0.75rem;
  background: #f4f6f8;
}
.k-wms-gun-page .k-wms-gun-top {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.6rem;
  align-items: center;
  margin-bottom: 0.75rem;
}
.k-wms-gun-page .k-wms-gun-title {
  min-width: 0;
  color: #172033;
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.25;
}
.k-wms-gun-page .k-wms-gun-launch-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.65rem;
}
.k-wms-gun-page .k-wms-gun-launch-card {
  min-height: 5.8rem;
  width: 100%;
  padding: 0.85rem;
  border: 1px solid #d7dee8;
  border-radius: 6px;
  background: #fff;
  color: #172033;
  font-size: 1rem;
  font-weight: 700;
  text-align: left;
}
.k-wms-gun-page .k-wms-gun-status {
  min-height: 2.6rem;
  margin-bottom: 0.75rem;
  padding: 0.65rem 0.75rem;
  border: 1px solid #d7dee8;
  border-radius: 6px;
  background: #fff;
  color: #3f4d63;
  line-height: 1.35;
}
.k-wms-gun-page .k-wms-gun-status[data-state="busy"] {
  border-color: #9fc3f7;
  background: #edf5ff;
  color: #124f9f;
}
.k-wms-gun-page .k-wms-gun-status[data-state="ok"] {
  border-color: #9fd0a7;
  background: #edf8ef;
  color: #23612c;
}
.k-wms-gun-page .k-wms-gun-status[data-state="warn"] {
  border-color: #e7c96f;
  background: #fff8dc;
  color: #705600;
}
.k-wms-gun-page .k-wms-gun-status[data-state="error"] {
  border-color: #efaaa4;
  background: #fff0ee;
  color: #9d2119;
}
.k-wms-gun-page .k-wms-gun-view {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}
.k-wms-gun-page .k-wms-gun-back,
.k-wms-gun-page .k-wms-gun-confirm {
  min-height: 2.8rem;
  border-radius: 6px;
}
.k-wms-gun-page .k-wms-gun-confirm {
  width: 100%;
  background: #1f5fbf;
  color: #fff;
  font-weight: 700;
}
.k-wms-gun-page .k-wms-gun-entry {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}
.k-wms-gun-page .k-wms-gun-input {
  width: 100%;
  min-height: 3rem;
  padding: 0.75rem 0.85rem;
  border: 1px solid #d7dee8;
  border-radius: 6px;
  background: #fff;
  font-size: 1rem;
}
.k-wms-gun-page .k-wms-gun-input:focus {
  outline: none;
  border-color: #1f5fbf;
  box-shadow: 0 0 0 2px rgba(31, 95, 191, 0.12);
}
.k-wms-gun-page .k-wms-gun-list {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}
.k-wms-gun-page .k-wms-gun-list-card {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  width: 100%;
  min-height: 4.5rem;
  padding: 0.75rem 0.85rem;
  border: 1px solid #d7dee8;
  border-radius: 6px;
  background: #fff;
  color: #172033;
  text-align: left;
}
.k-wms-gun-page .k-wms-gun-list-card strong,
.k-wms-gun-page .k-wms-gun-list-card span,
.k-wms-gun-page .k-wms-gun-list-card em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.k-wms-gun-page .k-wms-gun-list-card strong {
  font-size: 1rem;
}
.k-wms-gun-page .k-wms-gun-list-card span {
  color: #5d6b80;
  font-size: 0.86rem;
}
.k-wms-gun-page .k-wms-gun-list-card em {
  color: #1f5fbf;
  font-size: 0.86rem;
  font-style: normal;
  font-weight: 700;
}
.k-wms-gun-page .k-wms-gun-section-title {
  color: #172033;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
}
.k-wms-gun-page .k-wms-gun-section-subtitle {
  color: #5d6b80;
  font-size: 0.86rem;
  line-height: 1.35;
}
.k-wms-gun-page .k-wms-gun-empty {
  padding: 1rem;
  border: 1px dashed #c8d0dc;
  border-radius: 6px;
  background: #fff;
  color: #5d6b80;
  text-align: center;
}
.k-wms-gun-page .k-wms-gun-dashboard {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}
.k-wms-gun-page .k-wms-gun-dashboard-summary-text {
  color: #5d6b80;
  font-size: 0.95rem;
}
.k-wms-gun-page .k-wms-gun-dashboard-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.6rem;
}
.k-wms-gun-page .k-wms-gun-dashboard-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  min-height: 5.2rem;
  padding: 0.65rem;
  border: 1px solid #d7dee8;
  border-radius: 6px;
  background: #fff;
  color: #172033;
  text-align: center;
}
.k-wms-gun-page .k-wms-gun-dashboard-card-count {
  min-width: 2rem;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  background: #e8f1ff;
  color: #1f5fbf;
  font-size: 1.1rem;
  font-weight: 700;
}
.k-wms-gun-page .k-wms-gun-dashboard-card-count.k-wms-gun-count-zero {
  background: #eef1f5;
  color: #9aa4b2;
}
.k-wms-gun-page .k-wms-gun-dashboard-card-label {
  font-size: 0.88rem;
}
.k-wms-gun-page .k-wms-gun-dashboard-section {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}
.k-wms-gun-page .k-wms-gun-dashboard-task-list {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}
.k-wms-gun-page .k-wms-gun-dashboard-actions {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  margin-top: 0.5rem;
}
.k-wms-gun-page .k-wms-gun-secondary {
  width: 100%;
  min-height: 2.8rem;
  border: 1px solid #d7dee8;
  border-radius: 6px;
  background: #fff;
  color: #172033;
  font-weight: 600;
}
@media (max-width: 360px) {
  .k-wms-gun-page {
    padding: 0.5rem;
  }
  .k-wms-gun-page .k-wms-gun-launch-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.k-wms-scan-workbench .k-wms-gun-launch-head,
.k-wms-gun-page .k-wms-gun-launch-head {
  margin-bottom: 1rem;
}
.k-wms-scan-workbench .k-wms-gun-launch-sub,
.k-wms-gun-page .k-wms-gun-launch-sub,
.k-wms-scan-workbench .k-wms-gun-device-subtitle,
.k-wms-gun-page .k-wms-gun-device-subtitle {
  margin-top: 0.35rem;
  color: var(--k-text-muted, #607d8b);
  font-size: 0.92rem;
}
.k-wms-scan-workbench .k-wms-gun-launch-grid,
.k-wms-gun-page .k-wms-gun-launch-grid,
.k-wms-scan-workbench .k-wms-gun-support-grid,
.k-wms-gun-page .k-wms-gun-support-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
  gap: 0.85rem;
}
.k-wms-scan-workbench .k-wms-gun-launch-card,
.k-wms-gun-page .k-wms-gun-launch-card,
.k-wms-scan-workbench .k-wms-gun-related-btn,
.k-wms-gun-page .k-wms-gun-related-btn {
  width: 100%;
  min-height: 6rem;
  padding: 0.9rem 1rem;
  border: 1px solid var(--k-border-color, #d9dde3);
  border-radius: 6px;
  background: #fff;
  text-align: left;
}
.k-wms-scan-workbench .k-wms-gun-launch-card:hover,
.k-wms-gun-page .k-wms-gun-launch-card:hover,
.k-wms-scan-workbench .k-wms-gun-related-btn:hover,
.k-wms-gun-page .k-wms-gun-related-btn:hover {
  border-color: #1f5fbf;
  box-shadow: 0 0 0 1px rgba(31, 95, 191, 0.08);
}
.k-wms-scan-workbench .k-wms-gun-launch-card .k-wms-gun-launch-title,
.k-wms-gun-page .k-wms-gun-launch-card .k-wms-gun-launch-title,
.k-wms-scan-workbench .k-wms-gun-launch-card .k-wms-gun-launch-subtitle,
.k-wms-gun-page .k-wms-gun-launch-card .k-wms-gun-launch-subtitle {
  display: block;
}
.k-wms-scan-workbench .k-wms-gun-launch-title,
.k-wms-gun-page .k-wms-gun-launch-title {
  font-size: 1rem;
  font-weight: 600;
}
.k-wms-scan-workbench .k-wms-gun-launch-subtitle,
.k-wms-gun-page .k-wms-gun-launch-subtitle {
  margin-top: 0.35rem;
  font-size: 0.84rem;
  color: var(--k-text-muted, #607d8b);
  line-height: 1.4;
}
.k-wms-scan-workbench .k-wms-gun-launch-card,
.k-wms-gun-page .k-wms-gun-launch-card {
  position: relative;
}
.k-wms-scan-workbench .k-wms-gun-launch-badge,
.k-wms-gun-page .k-wms-gun-launch-badge {
  position: absolute;
  top: 0.5rem;
  right: 0.55rem;
  min-width: 1.6rem;
  padding: 0.15rem 0.45rem;
  border-radius: 999px;
  background: #e8f1ff;
  color: #1f5fbf;
  font-size: 0.85rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
}
.k-wms-scan-workbench .k-wms-gun-launch-badge.k-wms-gun-count-zero,
.k-wms-gun-page .k-wms-gun-launch-badge.k-wms-gun-count-zero {
  background: #eef1f5;
  color: #9aa4b2;
}
.k-wms-scan-workbench .k-wms-gun-support,
.k-wms-gun-page .k-wms-gun-support {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--k-border-color, #d9dde3);
}
.k-wms-scan-workbench .k-wms-gun-device-page .k-wms-gun-device-head,
.k-wms-gun-page .k-wms-gun-device-page .k-wms-gun-device-head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 0.75rem;
  align-items: center;
  padding: 0.9rem 1rem;
  margin-bottom: 1rem;
  border: 1px solid var(--k-border-color, #d9dde3);
  border-radius: 6px;
  background: #fff;
}
.k-wms-scan-workbench .k-wms-gun-device-page .k-wms-gun-back,
.k-wms-gun-page .k-wms-gun-device-page .k-wms-gun-back {
  min-height: 2.6rem;
}
.k-wms-scan-workbench .k-wms-gun-device-page .k-wms-gun-device-title,
.k-wms-gun-page .k-wms-gun-device-page .k-wms-gun-device-title {
  min-width: 0;
}
.k-wms-scan-workbench .k-wms-gun-device-page .k-wms-gun-device-metrics,
.k-wms-gun-page .k-wms-gun-device-page .k-wms-gun-device-metrics {
  display: flex;
  gap: 0.6rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.k-wms-scan-workbench .k-wms-gun-device-page .k-wms-gun-device-metrics > div,
.k-wms-gun-page .k-wms-gun-device-page .k-wms-gun-device-metrics > div {
  display: flex;
  gap: 0.35rem;
  align-items: center;
  padding: 0.45rem 0.7rem;
  border: 1px solid var(--k-border-color, #d9dde3);
  border-radius: 6px;
  background: #f8fafc;
  min-width: 5rem;
}
.k-wms-scan-workbench .k-wms-gun-device-page .k-wms-gun-device-grid,
.k-wms-gun-page .k-wms-gun-device-page .k-wms-gun-device-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(18rem, 0.8fr) minmax(18rem, 0.9fr);
  gap: 1rem;
}
.k-wms-scan-workbench .k-wms-gun-device-page .k-wms-gun-device-block,
.k-wms-gun-page .k-wms-gun-device-page .k-wms-gun-device-block {
  padding: 0.9rem;
  border: 1px solid var(--k-border-color, #d9dde3);
  border-radius: 6px;
  background: #fff;
}
.k-wms-scan-workbench .k-wms-gun-device-page .k-wms-gun-device-main,
.k-wms-gun-page .k-wms-gun-device-page .k-wms-gun-device-main {
  min-width: 0;
}
.k-wms-scan-workbench .k-wms-gun-scan-panel,
.k-wms-gun-page .k-wms-gun-scan-panel,
.k-wms-scan-workbench .k-wms-gun-current-doc,
.k-wms-gun-page .k-wms-gun-current-doc {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}
.k-wms-scan-workbench .k-wms-gun-scan-panel .k-wms-gun-action-grid,
.k-wms-gun-page .k-wms-gun-scan-panel .k-wms-gun-action-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
  gap: 0.6rem;
}
.k-wms-scan-workbench .k-wms-gun-primary-action,
.k-wms-gun-page .k-wms-gun-primary-action {
  min-height: 3rem;
  width: 100%;
}
.k-wms-scan-workbench .k-wms-gun-device-status,
.k-wms-gun-page .k-wms-gun-device-status {
  min-height: 3rem;
  padding: 0.75rem 1rem;
  border: 1px solid var(--k-border-color, #d9dde3);
  border-radius: 4px;
  background: var(--k-surface-2, #f7f8fa);
  color: var(--k-text-color, #263238);
  line-height: 1.4;
}
.k-wms-scan-workbench .k-wms-gun-device-status[data-state="ok"],
.k-wms-gun-page .k-wms-gun-device-status[data-state="ok"] {
  background: #edf7ed;
  border-color: #b7dfb7;
  color: #1b5e20;
}
.k-wms-scan-workbench .k-wms-gun-device-status[data-state="warn"],
.k-wms-gun-page .k-wms-gun-device-status[data-state="warn"] {
  background: #fff8e1;
  border-color: #f0d38a;
  color: #8a6d00;
}
.k-wms-scan-workbench .k-wms-gun-device-status[data-state="error"],
.k-wms-gun-page .k-wms-gun-device-status[data-state="error"] {
  background: #fdecea;
  border-color: #f5c2c0;
  color: #b71c1c;
}
.k-wms-scan-workbench .k-wms-gun-device-status[data-state="busy"],
.k-wms-gun-page .k-wms-gun-device-status[data-state="busy"] {
  background: #e8f1ff;
  border-color: #b7cff7;
  color: #0d47a1;
}
.k-wms-scan-workbench .k-wms-gun-doc-list,
.k-wms-gun-page .k-wms-gun-doc-list,
.k-wms-scan-workbench .k-wms-gun-history-list,
.k-wms-gun-page .k-wms-gun-history-list {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  min-height: 8rem;
}
.k-wms-scan-workbench .k-wms-gun-doc-card,
.k-wms-gun-page .k-wms-gun-doc-card,
.k-wms-scan-workbench .k-wms-gun-history-item,
.k-wms-gun-page .k-wms-gun-history-item {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  width: 100%;
  padding: 0.8rem 0.9rem;
  border: 1px solid var(--k-border-color, #d9dde3);
  border-radius: 6px;
  background: #fff;
  text-align: left;
}
.k-wms-scan-workbench .k-wms-gun-doc-card:hover,
.k-wms-gun-page .k-wms-gun-doc-card:hover {
  border-color: #1f5fbf;
  box-shadow: 0 0 0 1px rgba(31, 95, 191, 0.08);
}
.k-wms-scan-workbench .k-wms-gun-doc-number,
.k-wms-gun-page .k-wms-gun-doc-number {
  font-weight: 600;
}
.k-wms-scan-workbench .k-wms-gun-doc-status,
.k-wms-gun-page .k-wms-gun-doc-status,
.k-wms-scan-workbench .k-wms-gun-doc-sub,
.k-wms-gun-page .k-wms-gun-doc-sub {
  color: var(--k-text-muted, #607d8b);
  font-size: 0.82rem;
}
.k-wms-scan-workbench .k-wms-gun-history-item.ok,
.k-wms-gun-page .k-wms-gun-history-item.ok,
.k-wms-scan-workbench .k-wms-gun-doc-card.ok,
.k-wms-gun-page .k-wms-gun-doc-card.ok {
  border-left: 3px solid #2e7d32;
}
.k-wms-scan-workbench .k-wms-gun-history-item.error,
.k-wms-gun-page .k-wms-gun-history-item.error,
.k-wms-scan-workbench .k-wms-gun-doc-card.error,
.k-wms-gun-page .k-wms-gun-doc-card.error {
  border-left: 3px solid #c62828;
}
.k-wms-scan-workbench .k-wms-gun-hero,
.k-wms-gun-page .k-wms-gun-hero {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: stretch;
  padding: 1rem 1.2rem;
  border: 1px solid var(--k-border-color, #d9dde3);
  border-radius: 6px;
  background: var(--k-surface-2, #f7f8fa);
  margin-bottom: 1rem;
}
.k-wms-scan-workbench .k-wms-gun-hero-main,
.k-wms-gun-page .k-wms-gun-hero-main {
  min-width: 18rem;
}
.k-wms-scan-workbench .k-wms-gun-hero-sub,
.k-wms-gun-page .k-wms-gun-hero-sub {
  margin-top: 0.35rem;
  color: var(--k-text-muted, #607d8b);
  font-size: 0.92rem;
}
.k-wms-scan-workbench .k-wms-gun-hero-metrics,
.k-wms-gun-page .k-wms-gun-hero-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(8rem, 1fr));
  gap: 0.75rem;
  flex: 1 1 auto;
}
.k-wms-scan-workbench .k-wms-gun-metric,
.k-wms-gun-page .k-wms-gun-metric {
  padding: 0.65rem 0.8rem;
  border: 1px solid var(--k-border-color, #d9dde3);
  border-radius: 6px;
  background: #fff;
  min-height: 4rem;
}
.k-wms-scan-workbench .k-wms-gun-metric-label,
.k-wms-gun-page .k-wms-gun-metric-label {
  color: var(--k-text-muted, #607d8b);
  font-size: 0.78rem;
  line-height: 1.2;
}
.k-wms-scan-workbench .k-wms-gun-metric-value,
.k-wms-gun-page .k-wms-gun-metric-value {
  margin-top: 0.25rem;
  font-size: 1rem;
  font-weight: 600;
  color: var(--k-text-color, #263238);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.k-wms-scan-workbench .k-wms-gun-metric-split,
.k-wms-gun-page .k-wms-gun-metric-split {
  display: inline-block;
  margin: 0 0.25rem;
  color: var(--k-text-muted, #607d8b);
}
.k-wms-scan-workbench .k-wms-gun-header-status,
.k-wms-gun-page .k-wms-gun-header-status {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 12rem;
  padding: 0.75rem 1rem;
  border-radius: 6px;
  border: 1px solid var(--k-border-color, #d9dde3);
  background: #eef4ff;
  color: #244b9f;
  font-weight: 600;
}
.k-wms-scan-workbench .k-wms-gun-shell,
.k-wms-gun-page .k-wms-gun-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
}
.k-wms-scan-workbench .k-wms-gun-rail,
.k-wms-gun-page .k-wms-gun-rail {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  position: static;
  padding: 0.9rem;
  border: 1px solid var(--k-border-color, #d9dde3);
  border-radius: 6px;
  background: #fff;
}
.k-wms-scan-workbench .k-wms-gun-main,
.k-wms-gun-page .k-wms-gun-main {
  min-width: 0;
}
.k-wms-scan-workbench .k-wms-gun-main .k-form,
.k-wms-gun-page .k-wms-gun-main .k-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.k-wms-scan-workbench .k-wms-gun-workflows,
.k-wms-gun-page .k-wms-gun-workflows,
.k-wms-scan-workbench .k-wms-gun-quick-tools,
.k-wms-gun-page .k-wms-gun-quick-tools,
.k-wms-scan-workbench .k-wms-gun-action-row,
.k-wms-gun-page .k-wms-gun-action-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
  gap: 0.6rem;
}
.k-wms-scan-workbench .k-wms-gun-workflow-btn,
.k-wms-gun-page .k-wms-gun-workflow-btn,
.k-wms-scan-workbench .k-wms-gun-quick-btn,
.k-wms-gun-page .k-wms-gun-quick-btn,
.k-wms-scan-workbench .k-wms-gun-action-btn,
.k-wms-gun-page .k-wms-gun-action-btn {
  border-radius: 4px;
  min-height: 3rem;
  width: 100%;
  justify-content: flex-start;
}
.k-wms-scan-workbench .k-wms-gun-workflow-btn.k-active,
.k-wms-gun-page .k-wms-gun-workflow-btn.k-active,
.k-wms-scan-workbench .k-wms-gun-action-btn.k-active,
.k-wms-gun-page .k-wms-gun-action-btn.k-active {
  background: #1f5fbf;
  color: #fff;
  border-color: #1f5fbf;
}
.k-wms-scan-workbench .k-wms-gun-panel,
.k-wms-gun-page .k-wms-gun-panel {
  padding: 0.9rem;
  border: 1px solid var(--k-border-color, #d9dde3);
  border-radius: 6px;
  background: #fff;
}
.k-wms-scan-workbench .k-wms-gun-subtitle,
.k-wms-gun-page .k-wms-gun-subtitle {
  margin: 0.3rem 0 0.75rem;
  color: var(--k-text-muted, #607d8b);
  font-size: 0.9rem;
}
.k-wms-scan-workbench .k-wms-gun-tip,
.k-wms-gun-page .k-wms-gun-tip {
  padding: 0.75rem 0.9rem;
  border-radius: 6px;
  background: #f8fafc;
  border: 1px dashed var(--k-border-color, #d9dde3);
  color: var(--k-text-muted, #607d8b);
}
.k-wms-scan-workbench .k-wms-gun-status,
.k-wms-gun-page .k-wms-gun-status,
.k-wms-scan-workbench .k-wms-scan-status,
.k-wms-gun-page .k-wms-scan-status {
  min-height: 3rem;
  padding: 0.75rem 1rem;
  border: 1px solid var(--k-border-color, #d9dde3);
  border-radius: 4px;
  background: var(--k-surface-2, #f7f8fa);
  color: var(--k-text-color, #263238);
  line-height: 1.4;
}
.k-wms-scan-workbench .k-wms-gun-status[data-state="ok"],
.k-wms-gun-page .k-wms-gun-status[data-state="ok"],
.k-wms-scan-workbench .k-wms-scan-status[data-state="ok"],
.k-wms-gun-page .k-wms-scan-status[data-state="ok"] {
  background: #edf7ed;
  border-color: #b7dfb7;
  color: #1b5e20;
}
.k-wms-scan-workbench .k-wms-gun-status[data-state="warn"],
.k-wms-gun-page .k-wms-gun-status[data-state="warn"],
.k-wms-scan-workbench .k-wms-scan-status[data-state="warn"],
.k-wms-gun-page .k-wms-scan-status[data-state="warn"] {
  background: #fff8e1;
  border-color: #f0d38a;
  color: #8a6d00;
}
.k-wms-scan-workbench .k-wms-gun-status[data-state="error"],
.k-wms-gun-page .k-wms-gun-status[data-state="error"],
.k-wms-scan-workbench .k-wms-scan-status[data-state="error"],
.k-wms-gun-page .k-wms-scan-status[data-state="error"] {
  background: #fdecea;
  border-color: #f5c2c0;
  color: #b71c1c;
}
.k-wms-scan-workbench .k-wms-gun-status[data-state="busy"],
.k-wms-gun-page .k-wms-gun-status[data-state="busy"],
.k-wms-scan-workbench .k-wms-scan-status[data-state="busy"],
.k-wms-gun-page .k-wms-scan-status[data-state="busy"] {
  background: #e8f1ff;
  border-color: #b7cff7;
  color: #0d47a1;
}
.k-wms-scan-workbench .k-wms-gun-history,
.k-wms-gun-page .k-wms-gun-history,
.k-wms-scan-workbench .k-wms-gun-recent,
.k-wms-gun-page .k-wms-gun-recent {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-height: 8rem;
}
.k-wms-scan-workbench .k-gun-history-item,
.k-wms-gun-page .k-gun-history-item,
.k-wms-scan-workbench .k-gun-recent-item,
.k-wms-gun-page .k-gun-recent-item {
  padding: 0.7rem 0.8rem;
  border: 1px solid var(--k-border-color, #d9dde3);
  border-radius: 6px;
  background: #fff;
}
.k-wms-scan-workbench .k-gun-history-item.ok,
.k-wms-gun-page .k-gun-history-item.ok,
.k-wms-scan-workbench .k-gun-recent-item.ok,
.k-wms-gun-page .k-gun-recent-item.ok {
  border-left: 3px solid #2e7d32;
}
.k-wms-scan-workbench .k-gun-history-item.error,
.k-wms-gun-page .k-gun-history-item.error,
.k-wms-scan-workbench .k-gun-recent-item.error,
.k-wms-gun-page .k-gun-recent-item.error {
  border-left: 3px solid #c62828;
}
.k-wms-scan-workbench .k-gun-history-line,
.k-wms-gun-page .k-gun-history-line,
.k-wms-scan-workbench .k-gun-recent-line,
.k-wms-gun-page .k-gun-recent-line {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  font-size: 0.9rem;
  font-weight: 600;
}
.k-wms-scan-workbench .k-gun-history-sub,
.k-wms-gun-page .k-gun-history-sub,
.k-wms-scan-workbench .k-gun-recent-sub,
.k-wms-gun-page .k-gun-recent-sub {
  margin-top: 0.25rem;
  color: var(--k-text-muted, #607d8b);
  font-size: 0.82rem;
}
@media (max-width: 960px) {
  .k-wms-scan-workbench .k-wms-gun-hero,
  .k-wms-gun-page .k-wms-gun-hero {
    flex-direction: column;
  }
  .k-wms-scan-workbench .k-wms-gun-hero-metrics,
  .k-wms-gun-page .k-wms-gun-hero-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .k-wms-scan-workbench .k-wms-gun-shell,
  .k-wms-gun-page .k-wms-gun-shell {
    grid-template-columns: minmax(0, 1fr);
  }
  .k-wms-scan-workbench .k-wms-gun-rail,
  .k-wms-gun-page .k-wms-gun-rail {
    position: static;
  }
  .k-wms-scan-workbench .k-wms-gun-device-page .k-wms-gun-device-head,
  .k-wms-gun-page .k-wms-gun-device-page .k-wms-gun-device-head,
  .k-wms-scan-workbench .k-wms-gun-device-page .k-wms-gun-device-grid,
  .k-wms-gun-page .k-wms-gun-device-page .k-wms-gun-device-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .k-wms-scan-workbench .k-wms-gun-device-page .k-wms-gun-device-metrics,
  .k-wms-gun-page .k-wms-gun-device-page .k-wms-gun-device-metrics {
    justify-content: flex-start;
  }
}
.k-action-bar {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  padding: 0.9rem;
  padding-left: 80px;
}