/* Instance-scoped TANK industrial control design. Never enabled for Cloud builds. */
html[data-tank-ui="industrial-vfd"] {
  --tank-navy:#0b2034; --tank-ink:#182f43; --tank-teal:#087d78; --tank-line:#e1e9ef;
  --tank-muted:#64788b; --tank-surface:#f3f6f9; --tank-radius:12px;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
}
html[data-tank-ui="industrial-vfd"]:not([data-theme]),
html[data-tank-ui="industrial-vfd"][data-theme="azure"] {
  --cc-primary:#087d78; --cc-primary-hover:#066762; --cc-primary-active:#055752;
  --cc-primary-soft:rgba(8,125,120,.075); --cc-primary-border:rgba(8,125,120,.24);
  --cc-primary-contrast:#fff; --cc-accent:#087d78; --cc-bg:#f3f6f9; --cc-bg-soft:#edf2f6;
  --cc-bg-card:#fff; --cc-bg-card-solid:#fff; --cc-table-bg:#fff; --cc-table-stripe:#f8fafc;
  --cc-text-primary:#182f43; --cc-text-regular:#485f73; --cc-text-secondary:#64788b;
  --cc-text-placeholder:#7f91a1; --cc-border:#e1e9ef; --cc-border-light:#eaf0f4;
  --cc-border-strong:#c5d3dd; --cc-shadow-soft:0 3px 16px rgba(20,45,65,.035);
  --cc-shadow-raised:0 16px 44px rgba(10,33,51,.09);
  --el-color-primary:#087d78; --el-color-primary-light-9:#edf7f5; --el-color-primary-light-8:#dbeeea;
  --el-border-radius-base:8px; --el-border-color:#dce5ec; --el-text-color-primary:#182f43;
}
html[data-tank-ui="industrial-vfd"] * {box-sizing:border-box}
html[data-tank-ui="industrial-vfd"] :focus-visible {outline:3px solid #3baaa3;outline-offset:3px}
html[data-tank-ui="industrial-vfd"] .el-button {min-height:36px;border-radius:8px;font-weight:600}
html[data-tank-ui="industrial-vfd"] .el-button--primary {background:#087d78;border-color:#087d78;color:#fff}
html[data-tank-ui="industrial-vfd"] .el-button--primary:hover {background:#066762;border-color:#066762}
html[data-tank-ui="industrial-vfd"] .el-input__wrapper {border-radius:8px;box-shadow:0 0 0 1px #dce5ec inset}
html[data-tank-ui="industrial-vfd"] .el-card {border:1px solid var(--tank-line);border-radius:12px;box-shadow:0 3px 16px #142d4109}
html[data-tank-ui="industrial-vfd"] .el-table {border-radius:10px;--el-table-header-bg-color:#f6f9fb;--el-table-row-hover-bg-color:#f1f8f7;--el-table-border-color:#e8eef3}
html[data-tank-ui="industrial-vfd"] .el-table th {font-weight:650;color:#526c80}
html[data-tank-ui="industrial-vfd"] .el-table td {padding-top:13px;padding-bottom:13px}
html[data-tank-ui="industrial-vfd"] .el-dialog {border-radius:16px;box-shadow:0 24px 80px #071d3433}
html[data-tank-ui="industrial-vfd"] .el-dialog__header {padding-bottom:18px;border-bottom:1px solid #e9eef3}
html[data-tank-ui="industrial-vfd"] .el-pagination {margin-top:20px}
html[data-tank-ui="industrial-vfd"] .layout>.sidebar,
html[data-tank-ui="industrial-vfd"] .sidebar-container {background:#0b2034!important;border-right:1px solid #ffffff0a;box-shadow:none}
html[data-tank-ui="industrial-vfd"] .layout>.sidebar .brand {border-color:#ffffff12;color:#fff}
html[data-tank-ui="industrial-vfd"] .layout>.sidebar .brand small {color:#8ca6b9}
html[data-tank-ui="industrial-vfd"] .layout>.sidebar .nav-item {border-radius:8px;margin:3px 10px;color:#b4c5d2}
html[data-tank-ui="industrial-vfd"] .layout>.sidebar .nav-item:hover {background:#17384e;color:#fff}
html[data-tank-ui="industrial-vfd"] .layout>.sidebar .nav-item.active {background:#163f4c;color:#b7f1e4;border:1px solid #70cfbd22}
html[data-tank-ui="industrial-vfd"] .sidebar-container .el-menu {background:transparent!important;border:0}
html[data-tank-ui="industrial-vfd"] .sidebar-container .el-menu-item,
html[data-tank-ui="industrial-vfd"] .sidebar-container .el-submenu__title {background:transparent!important;color:#b6c7d4!important}
html[data-tank-ui="industrial-vfd"] .sidebar-container .el-menu-item.is-active {background:#17444e!important;color:#b8efdf!important}
html[data-tank-ui="industrial-vfd"] .layout .topbar,
html[data-tank-ui="industrial-vfd"] .navbar {background:#fff;box-shadow:0 1px 0 #e2eaf0}
html[data-tank-ui="industrial-vfd"] .navbar {--header-color:#294657;--header-bg-color:#fff;color:#294657!important}
html[data-tank-ui="industrial-vfd"] .navbar .title,
html[data-tank-ui="industrial-vfd"] .navbar .navbar-right-menu {color:#294657!important}
html[data-tank-ui="industrial-vfd"] .tank-obsolete-resolution-tip {display:none!important}
html[data-tank-ui="industrial-vfd"] .app-main {background:#f3f6f9}
html[data-tank-ui="industrial-vfd"] .cc-card {border:1px solid #e1e9ef;border-radius:12px;box-shadow:0 3px 16px #142d4107}
html[data-tank-ui="industrial-vfd"] .tank-login,
html[data-tank-ui="industrial-vfd"] .tank-native-login {background:#edf2f6;min-height:100dvh}
html[data-tank-ui="industrial-vfd"] .tank-login .shell,
html[data-tank-ui="industrial-vfd"] .tank-admin-login-shell,
html[data-tank-ui="industrial-vfd"] .tank-native-shell {
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.8fr);width:min(1220px,calc(100% - 64px));
  min-height:690px;margin:auto;border-radius:22px;overflow:hidden;box-shadow:0 24px 80px #0b203418;background:#fff;border:1px solid #dbe5ec;
  gap:0;padding:0;
}
html[data-tank-ui="industrial-vfd"] .tank-login .brand-panel,
html[data-tank-ui="industrial-vfd"] .tank-login-visual,
html[data-tank-ui="industrial-vfd"] .tank-native-visual {
  position:relative;padding:48px 44px 28px;background:linear-gradient(145deg,#102d44,#091d30 78%);color:#fff;overflow:hidden;
  display:block;text-align:left;animation:none;
}
.tank-visual-brand {display:flex;align-items:center;gap:11px;font-size:22px;font-weight:800;letter-spacing:1px}
.tank-visual-mark {display:grid;place-items:center;width:38px;height:38px;border:1px solid #81d8cf55;border-radius:10px;background:#ffffff08;color:#abeee1;font-size:21px;font-weight:800;letter-spacing:0}
.tank-visual-kicker {margin:48px 0 15px;font-size:11px;font-weight:600;letter-spacing:2.2px;color:#88c4ca}
.tank-visual-title {margin:0;font-size:clamp(30px,3.1vw,42px);font-weight:650;line-height:1.4;letter-spacing:.025em;color:#f6fafc}
.tank-visual-description {max-width:380px;margin:17px 0 0;font-size:14px;line-height:1.9;color:#a9becd}
.tank-visual-image {display:block;width:calc(100% + 60px);max-width:700px;height:300px;margin:-4px -30px -15px;object-fit:contain}
.tank-visual-features {display:flex;flex-wrap:wrap;gap:8px;padding-top:14px;border-top:1px solid #ffffff12}
.tank-visual-features span {padding:6px 11px;border:1px solid #9cd6d525;border-radius:6px;font-size:11px;letter-spacing:.04em;color:#b6d0da;background:#ffffff04}
html[data-tank-ui="industrial-vfd"] .tank-login .card,
html[data-tank-ui="industrial-vfd"] .tank-login .login-card,
html[data-tank-ui="industrial-vfd"] .tank-native-form {
  width:auto;max-width:none;padding:74px 40px 40px;margin:0;border:0;border-radius:0;background:#fff;box-shadow:none;backdrop-filter:none;color:#182f43;
}
html[data-tank-ui="industrial-vfd"] .tank-login .login-card:before {display:none}
html[data-tank-ui="industrial-vfd"] .tank-login .card-head h2,
html[data-tank-ui="industrial-vfd"] .tank-login .welcome h1 {font-size:24px;letter-spacing:.02em;font-weight:650;color:#182f43}
html[data-tank-ui="industrial-vfd"] .tank-login .card-head p,
html[data-tank-ui="industrial-vfd"] .tank-login .welcome p {font-size:13px;line-height:1.8;color:#718496}
html[data-tank-ui="industrial-vfd"] .tank-login .brand {margin-bottom:30px}
html[data-tank-ui="industrial-vfd"] .tank-login .brand-sub {background:#f3f7f9;border:1px solid #e4ebf0;color:#64788b;border-radius:5px;font-size:11px}
html[data-tank-ui="industrial-vfd"] .tank-login .welcome {text-align:left;margin-bottom:30px}
html[data-tank-ui="industrial-vfd"] .tank-login .input-wrap {height:49px;background:#f9fbfc;border:1px solid #dce6ed;border-radius:9px;box-shadow:none}
html[data-tank-ui="industrial-vfd"] .tank-login .input-wrap:focus-within {border-color:#2b9b93;box-shadow:0 0 0 3px #139b8c10}
html[data-tank-ui="industrial-vfd"] .tank-login .el-input__wrapper {min-height:48px;background:#f9fbfc;border-radius:9px}
html[data-tank-ui="industrial-vfd"] .tank-login .el-form-item__label {color:#435c70;font-size:13px;font-weight:550}
html[data-tank-ui="industrial-vfd"] .tank-login .submit,
html[data-tank-ui="industrial-vfd"] .tank-login .login-btn {min-height:49px;border:0;border-radius:9px;background:#087d78!important;color:white;box-shadow:0 5px 12px #087d781c;font-size:15px;font-weight:600;letter-spacing:.06em}
html[data-tank-ui="industrial-vfd"] .tank-login .submit:hover,
html[data-tank-ui="industrial-vfd"] .tank-login .login-btn:hover {background:#066762!important}
html[data-tank-ui="industrial-vfd"] .tank-login .submit:after {display:none}
html[data-tank-ui="industrial-vfd"] .tank-login .auth-mode-tabs {background:#f1f5f8;border:1px solid #e5edf2;border-radius:8px;padding:4px;margin-bottom:28px}
html[data-tank-ui="industrial-vfd"] .tank-login .auth-mode-tabs button {border-radius:5px;min-height:38px;color:#738698;font-size:12px}
html[data-tank-ui="industrial-vfd"] .tank-login .auth-mode-tabs button[aria-selected="true"] {color:#087d78;background:white;box-shadow:0 2px 5px #182f4308}
html[data-tank-ui="industrial-vfd"] .tank-login .register-cta {border:0;background:#f0f7f6;box-shadow:none;border-radius:8px;color:#087d78}
html[data-tank-ui="industrial-vfd"] .tank-login .footer-tip,
html[data-tank-ui="industrial-vfd"] .tank-login .auth-footnote {font-size:11px;line-height:1.8;color:#7b8f9f}
html[data-tank-ui="industrial-vfd"] .tank-login .password,
html[data-tank-ui="industrial-vfd"] .tank-login .field input {color:#1c354a}
html[data-tank-ui="industrial-vfd"] .tank-native-form {position:relative!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;float:none!important;min-width:0!important;min-height:690px;max-height:none!important;width:100%!important;max-width:none!important;padding:80px 48px 40px!important;border-radius:0!important;box-shadow:none!important}
html[data-tank-ui="industrial-vfd"] .tank-native-shell {position:relative!important;height:auto!important;padding:0!important;min-width:0!important;width:min(1220px,calc(100% - 64px))!important;max-width:none!important;margin:auto!important;display:grid!important}
html[data-tank-ui="industrial-vfd"] .tank-native-form .title {color:#182f43!important;font-size:25px!important;text-align:left!important}
html[data-tank-ui="industrial-vfd"] .tank-native-form .el-input input {background:#f8fafc!important;color:#183247!important;border:1px solid #dce6ed!important;border-radius:9px;height:48px}
html[data-tank-ui="industrial-vfd"] .tank-native-form .el-form-item {background:transparent!important;border:0!important}
html[data-tank-ui="industrial-vfd"] .tank-native-form .el-button--primary {min-height:48px!important;background:#087d78!important;border:0!important;border-radius:9px!important;box-shadow:0 8px 20px #087d7814!important}
html[data-tank-ui="industrial-vfd"] .tank-native-login{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;height:auto!important;padding:36px 0!important;background:#edf2f6!important;background-image:none!important}
html[data-tank-ui="industrial-vfd"] .tank-native-login>.login-header{display:none!important}
html[data-tank-ui="industrial-vfd"] .tank-native-login>.login-wrapper{width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;background:none!important}
html[data-tank-ui="industrial-vfd"] .tank-native-form .platform-title{font-size:25px!important;line-height:1.5!important;color:#182f43!important;text-align:left!important;font-weight:650!important;margin:6px 0 0!important}
html[data-tank-ui="industrial-vfd"] .tank-native-form>.tank-native-subtitle{margin:12px 0 36px}
html[data-tank-ui="industrial-vfd"] .tank-native-fields .el-input{display:block;width:100%;height:auto}
html[data-tank-ui="industrial-vfd"] .tank-native-fields .el-form-item__label{color:#526b7e;font-size:13px}
html[data-tank-ui="industrial-vfd"] .tank-native-fields .svg-container{display:none}
html[data-tank-ui="industrial-vfd"] .tank-native-fields .el-input input{caret-color:#087d78;padding:12px 15px!important}
html[data-tank-ui="industrial-vfd"] .tank-native-fields .el-input input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #f8fafc inset!important;-webkit-text-fill-color:#183247!important}
html[data-tank-ui="industrial-vfd"] .tank-native-login>.login-footer{width:100%;height:auto!important;padding:22px 20px 0!important;background:transparent!important;color:#7b8e9d!important;font-size:12px;line-height:1.8}
html[data-tank-ui="industrial-vfd"] .tank-native-form .title-container{margin:5px 0 34px!important}
html[data-tank-ui="industrial-vfd"] .tank-native-form .title{margin:0!important}
html[data-tank-ui="industrial-vfd"] .tank-native-subtitle{margin:13px 0 0;color:#728697;font-size:13px;line-height:1.7}
html[data-tank-ui="industrial-vfd"] .tank-unconfigured-login{display:none!important}
@media(min-width:1000px){html[data-tank-ui="industrial-vfd"] .tank-login{padding:44px 0;display:flex;align-items:center;justify-content:center}}
@media(max-width:999px){
  html[data-tank-ui="industrial-vfd"] .tank-login .shell,html[data-tank-ui="industrial-vfd"] .tank-admin-login-shell,html[data-tank-ui="industrial-vfd"] .tank-native-shell{width:min(680px,calc(100% - 32px))!important;grid-template-columns:1fr;min-height:0;margin:24px auto!important;border-radius:18px}
  html[data-tank-ui="industrial-vfd"] .tank-login .brand-panel,html[data-tank-ui="industrial-vfd"] .tank-login-visual,html[data-tank-ui="industrial-vfd"] .tank-native-visual{padding:26px 28px 16px;min-height:210px}
  .tank-visual-kicker{margin:23px 0 9px}.tank-visual-title{font-size:28px}.tank-visual-description{font-size:12px;max-width:65%;margin:10px 0 20px}.tank-visual-image{position:absolute;width:46%;height:auto;max-height:180px;right:-8px;bottom:4px;margin:0;opacity:.85}.tank-visual-features{display:none}
  html[data-tank-ui="industrial-vfd"] .tank-login .card,html[data-tank-ui="industrial-vfd"] .tank-login .login-card,html[data-tank-ui="industrial-vfd"] .tank-native-form{padding:30px 28px!important;min-height:0}
}
@media(max-width:480px){
  html[data-tank-ui="industrial-vfd"] .tank-login{padding:0;display:block;height:auto;min-height:100dvh;overflow:auto}
  html[data-tank-ui="industrial-vfd"] .tank-native-login{padding:0!important;display:block}
  html[data-tank-ui="industrial-vfd"] .tank-login .shell,html[data-tank-ui="industrial-vfd"] .tank-admin-login-shell,html[data-tank-ui="industrial-vfd"] .tank-native-shell{width:100%!important;margin:0!important;border:0;border-radius:0;box-shadow:none;min-height:100dvh}
  html[data-tank-ui="industrial-vfd"] .tank-login .brand-panel,html[data-tank-ui="industrial-vfd"] .tank-login-visual,html[data-tank-ui="industrial-vfd"] .tank-native-visual{min-height:220px;padding:26px 24px 14px}.tank-visual-brand{font-size:18px}.tank-visual-mark{width:30px;height:30px;font-size:18px}.tank-visual-title{font-size:25px}.tank-visual-kicker{margin-top:24px;font-size:9px}.tank-visual-description{max-width:64%;font-size:11px}.tank-visual-image{width:48%;right:-12px;bottom:5px}
  html[data-tank-ui="industrial-vfd"] .tank-login .card,html[data-tank-ui="industrial-vfd"] .tank-login .login-card,html[data-tank-ui="industrial-vfd"] .tank-native-form{padding:28px 24px 36px!important}.tank-login .register-cta-icon{display:none}
}
@media(prefers-reduced-motion:reduce){html[data-tank-ui="industrial-vfd"] *,html[data-tank-ui="industrial-vfd"] *:before,html[data-tank-ui="industrial-vfd"] *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}