@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Public+Sans:wght@300;400;500;600;700&family=Roboto+Mono:wght@400;500;600;700&display=swap");
@font-face {
  font-family: 'fontello';
  src: url('fonts/fontello/fontello.eot?94074149');
  src: url('fonts/fontello/fontello.eot?94074149#iefix') format('embedded-opentype'),
       url('fonts/fontello/fontello.woff?94074149') format('woff'),
       url('fonts/fontello/fontello.ttf?94074149') format('truetype'),
       url('fonts/fontello/fontello.svg?94074149#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('fonts/fontello/fontello.svg?94074149#fontello') format('svg');
  }
}
*/
 
 [class^="icon_"]:before, [class*=" icon_"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon_cog-1:before { content: '\e800'; } /* '' */
.icon_upload:before { content: '\e801'; } /* '' */
.icon_alert:before { content: '\e802'; } /* '' */
.icon_column:before { content: '\e803'; } /* '' */
.icon_load:before { content: '\e804'; } /* '' */
.icon_flag:before { content: '\e805'; } /* '' */
.icon_cog:before { content: '\e806'; } /* '' */
.icon_ok:before { content: '\e807'; } /* '' */
.icon_arrows2:before { content: '\e808'; } /* '' */
.icon_arrows:before { content: '\e809'; } /* '' */
.icon_arrow3:before { content: '\e80a'; } /* '' */
.icon_edit:before { content: '\e80b'; } /* '' */
.icon_loupe:before { content: '\e80d'; } /* '' */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
  background: #cccccc;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
.materialize-red.lighten-5 {
  background-color: #fdeaeb !important;
}
.materialize-red-text.lighten-5 {
  color: #fdeaeb !important;
}
.materialize-red.lighten-4 {
  background-color: #f8c1c3 !important;
}
.materialize-red-text.lighten-4 {
  color: #f8c1c3 !important;
}
.materialize-red.lighten-3 {
  background-color: #f3989b !important;
}
.materialize-red-text.lighten-3 {
  color: #f3989b !important;
}
.materialize-red.lighten-2 {
  background-color: #ee6e73 !important;
}
.materialize-red-text.lighten-2 {
  color: #ee6e73 !important;
}
.materialize-red.lighten-1 {
  background-color: #ea454b !important;
}
.materialize-red-text.lighten-1 {
  color: #ea454b !important;
}
.materialize-red {
  background-color: #e51c23 !important;
}
.materialize-red-text {
  color: #e51c23 !important;
}
.materialize-red.darken-1 {
  background-color: #d0181e !important;
}
.materialize-red-text.darken-1 {
  color: #d0181e !important;
}
.materialize-red.darken-2 {
  background-color: #b9151b !important;
}
.materialize-red-text.darken-2 {
  color: #b9151b !important;
}
.materialize-red.darken-3 {
  background-color: #a21318 !important;
}
.materialize-red-text.darken-3 {
  color: #a21318 !important;
}
.materialize-red.darken-4 {
  background-color: #8b1014 !important;
}
.materialize-red-text.darken-4 {
  color: #8b1014 !important;
}
.red.lighten-5 {
  background-color: #FFEBEE !important;
}
.red-text.lighten-5 {
  color: #FFEBEE !important;
}
.red.lighten-4 {
  background-color: #FFCDD2 !important;
}
.red-text.lighten-4 {
  color: #FFCDD2 !important;
}
.red.lighten-3 {
  background-color: #EF9A9A !important;
}
.red-text.lighten-3 {
  color: #EF9A9A !important;
}
.red.lighten-2 {
  background-color: #E57373 !important;
}
.red-text.lighten-2 {
  color: #E57373 !important;
}
.red.lighten-1 {
  background-color: #EF5350 !important;
}
.red-text.lighten-1,
.app-root .modal .error {
  color: #EF5350 !important;
}
.red {
  background-color: #F44336 !important;
}
.red-text,
.main-content.on-sign-in .sign-in .inputs .login-error,
.materialize-tooltip .icon.mdi-alert-error {
  color: #F44336 !important;
}
.red.darken-1 {
  background-color: #E53935 !important;
}
.red-text.darken-1 {
  color: #E53935 !important;
}
.red.darken-2 {
  background-color: #D32F2F !important;
}
.red-text.darken-2 {
  color: #D32F2F !important;
}
.red.darken-3 {
  background-color: #C62828 !important;
}
.red-text.darken-3 {
  color: #C62828 !important;
}
.red.darken-4 {
  background-color: #B71C1C !important;
}
.red-text.darken-4 {
  color: #B71C1C !important;
}
.red.accent-1 {
  background-color: #FF8A80 !important;
}
.red-text.accent-1 {
  color: #FF8A80 !important;
}
.red.accent-2 {
  background-color: #FF5252 !important;
}
.red-text.accent-2 {
  color: #FF5252 !important;
}
.red.accent-3 {
  background-color: #FF1744 !important;
}
.red-text.accent-3 {
  color: #FF1744 !important;
}
.red.accent-4 {
  background-color: #D50000 !important;
}
.red-text.accent-4 {
  color: #D50000 !important;
}
.pink.lighten-5 {
  background-color: #fce4ec !important;
}
.pink-text.lighten-5 {
  color: #fce4ec !important;
}
.pink.lighten-4 {
  background-color: #f8bbd0 !important;
}
.pink-text.lighten-4 {
  color: #f8bbd0 !important;
}
.pink.lighten-3 {
  background-color: #f48fb1 !important;
}
.pink-text.lighten-3 {
  color: #f48fb1 !important;
}
.pink.lighten-2 {
  background-color: #f06292 !important;
}
.pink-text.lighten-2 {
  color: #f06292 !important;
}
.pink.lighten-1 {
  background-color: #ec407a !important;
}
.pink-text.lighten-1 {
  color: #ec407a !important;
}
.pink {
  background-color: #e91e63 !important;
}
.pink-text {
  color: #e91e63 !important;
}
.pink.darken-1 {
  background-color: #d81b60 !important;
}
.pink-text.darken-1 {
  color: #d81b60 !important;
}
.pink.darken-2 {
  background-color: #c2185b !important;
}
.pink-text.darken-2 {
  color: #c2185b !important;
}
.pink.darken-3 {
  background-color: #ad1457 !important;
}
.pink-text.darken-3 {
  color: #ad1457 !important;
}
.pink.darken-4 {
  background-color: #880e4f !important;
}
.pink-text.darken-4 {
  color: #880e4f !important;
}
.pink.accent-1 {
  background-color: #ff80ab !important;
}
.pink-text.accent-1 {
  color: #ff80ab !important;
}
.pink.accent-2 {
  background-color: #ff4081 !important;
}
.pink-text.accent-2 {
  color: #ff4081 !important;
}
.pink.accent-3 {
  background-color: #f50057 !important;
}
.pink-text.accent-3 {
  color: #f50057 !important;
}
.pink.accent-4 {
  background-color: #c51162 !important;
}
.pink-text.accent-4 {
  color: #c51162 !important;
}
.purple.lighten-5 {
  background-color: #f3e5f5 !important;
}
.purple-text.lighten-5 {
  color: #f3e5f5 !important;
}
.purple.lighten-4 {
  background-color: #e1bee7 !important;
}
.purple-text.lighten-4 {
  color: #e1bee7 !important;
}
.purple.lighten-3 {
  background-color: #ce93d8 !important;
}
.purple-text.lighten-3 {
  color: #ce93d8 !important;
}
.purple.lighten-2 {
  background-color: #ba68c8 !important;
}
.purple-text.lighten-2 {
  color: #ba68c8 !important;
}
.purple.lighten-1 {
  background-color: #ab47bc !important;
}
.purple-text.lighten-1 {
  color: #ab47bc !important;
}
.purple {
  background-color: #9c27b0 !important;
}
.purple-text {
  color: #9c27b0 !important;
}
.purple.darken-1 {
  background-color: #8e24aa !important;
}
.purple-text.darken-1 {
  color: #8e24aa !important;
}
.purple.darken-2 {
  background-color: #7b1fa2 !important;
}
.purple-text.darken-2 {
  color: #7b1fa2 !important;
}
.purple.darken-3 {
  background-color: #6a1b9a !important;
}
.purple-text.darken-3 {
  color: #6a1b9a !important;
}
.purple.darken-4 {
  background-color: #4a148c !important;
}
.purple-text.darken-4 {
  color: #4a148c !important;
}
.purple.accent-1 {
  background-color: #ea80fc !important;
}
.purple-text.accent-1 {
  color: #ea80fc !important;
}
.purple.accent-2 {
  background-color: #e040fb !important;
}
.purple-text.accent-2 {
  color: #e040fb !important;
}
.purple.accent-3 {
  background-color: #d500f9 !important;
}
.purple-text.accent-3 {
  color: #d500f9 !important;
}
.purple.accent-4 {
  background-color: #aa00ff !important;
}
.purple-text.accent-4 {
  color: #aa00ff !important;
}
.deep-purple.lighten-5 {
  background-color: #ede7f6 !important;
}
.deep-purple-text.lighten-5 {
  color: #ede7f6 !important;
}
.deep-purple.lighten-4 {
  background-color: #d1c4e9 !important;
}
.deep-purple-text.lighten-4 {
  color: #d1c4e9 !important;
}
.deep-purple.lighten-3 {
  background-color: #b39ddb !important;
}
.deep-purple-text.lighten-3 {
  color: #b39ddb !important;
}
.deep-purple.lighten-2 {
  background-color: #9575cd !important;
}
.deep-purple-text.lighten-2 {
  color: #9575cd !important;
}
.deep-purple.lighten-1 {
  background-color: #7e57c2 !important;
}
.deep-purple-text.lighten-1 {
  color: #7e57c2 !important;
}
.deep-purple {
  background-color: #673ab7 !important;
}
.deep-purple-text {
  color: #673ab7 !important;
}
.deep-purple.darken-1 {
  background-color: #5e35b1 !important;
}
.deep-purple-text.darken-1 {
  color: #5e35b1 !important;
}
.deep-purple.darken-2 {
  background-color: #512da8 !important;
}
.deep-purple-text.darken-2 {
  color: #512da8 !important;
}
.deep-purple.darken-3 {
  background-color: #4527a0 !important;
}
.deep-purple-text.darken-3 {
  color: #4527a0 !important;
}
.deep-purple.darken-4 {
  background-color: #311b92 !important;
}
.deep-purple-text.darken-4 {
  color: #311b92 !important;
}
.deep-purple.accent-1 {
  background-color: #b388ff !important;
}
.deep-purple-text.accent-1 {
  color: #b388ff !important;
}
.deep-purple.accent-2 {
  background-color: #7c4dff !important;
}
.deep-purple-text.accent-2 {
  color: #7c4dff !important;
}
.deep-purple.accent-3 {
  background-color: #651fff !important;
}
.deep-purple-text.accent-3 {
  color: #651fff !important;
}
.deep-purple.accent-4 {
  background-color: #6200ea !important;
}
.deep-purple-text.accent-4 {
  color: #6200ea !important;
}
.indigo.lighten-5 {
  background-color: #e8eaf6 !important;
}
.indigo-text.lighten-5 {
  color: #e8eaf6 !important;
}
.indigo.lighten-4 {
  background-color: #c5cae9 !important;
}
.indigo-text.lighten-4 {
  color: #c5cae9 !important;
}
.indigo.lighten-3 {
  background-color: #9fa8da !important;
}
.indigo-text.lighten-3 {
  color: #9fa8da !important;
}
.indigo.lighten-2 {
  background-color: #7986cb !important;
}
.indigo-text.lighten-2 {
  color: #7986cb !important;
}
.indigo.lighten-1 {
  background-color: #5c6bc0 !important;
}
.indigo-text.lighten-1 {
  color: #5c6bc0 !important;
}
.indigo {
  background-color: #3f51b5 !important;
}
.indigo-text {
  color: #3f51b5 !important;
}
.indigo.darken-1 {
  background-color: #3949ab !important;
}
.indigo-text.darken-1 {
  color: #3949ab !important;
}
.indigo.darken-2 {
  background-color: #303f9f !important;
}
.indigo-text.darken-2 {
  color: #303f9f !important;
}
.indigo.darken-3 {
  background-color: #283593 !important;
}
.indigo-text.darken-3 {
  color: #283593 !important;
}
.indigo.darken-4 {
  background-color: #1a237e !important;
}
.indigo-text.darken-4 {
  color: #1a237e !important;
}
.indigo.accent-1 {
  background-color: #8c9eff !important;
}
.indigo-text.accent-1 {
  color: #8c9eff !important;
}
.indigo.accent-2 {
  background-color: #536dfe !important;
}
.indigo-text.accent-2 {
  color: #536dfe !important;
}
.indigo.accent-3 {
  background-color: #3d5afe !important;
}
.indigo-text.accent-3 {
  color: #3d5afe !important;
}
.indigo.accent-4 {
  background-color: #304ffe !important;
}
.indigo-text.accent-4 {
  color: #304ffe !important;
}
.blue.lighten-5 {
  background-color: #E3F2FD !important;
}
.blue-text.lighten-5 {
  color: #E3F2FD !important;
}
.blue.lighten-4 {
  background-color: #BBDEFB !important;
}
.blue-text.lighten-4,
.collection .active {
  color: #BBDEFB !important;
}
.blue.lighten-3 {
  background-color: #90CAF9 !important;
}
.blue-text.lighten-3 {
  color: #90CAF9 !important;
}
.blue.lighten-2 {
  background-color: #64B5F6 !important;
}
.blue-text.lighten-2 {
  color: #64B5F6 !important;
}
.blue.lighten-1,
.collection .active {
  background-color: #42A5F5 !important;
}
.blue-text.lighten-1 {
  color: #42A5F5 !important;
}
.blue {
  background-color: #2196F3 !important;
}
.blue-text,
.charting .view-chooser-container .save-view.savable span,
.data .view-chooser-container .save-view.savable span,
.business .view-chooser-container .save-view.savable span,
.portfolio .view-chooser-container .save-view.savable span,
.assetDashboard .view-chooser-container .save-view.savable span,
.taskManager .view-chooser-container .save-view.savable span {
  color: #2196F3 !important;
}
.blue.darken-1 {
  background-color: #1E88E5 !important;
}
.blue-text.darken-1,
.application > .ember-view:not(.charting):not(.objectRef):not(.admin):not(.business):not(.data):not(.portfolio):not(.assetDashboard) .view-chooser-container .materialize-dropdown .dropdown-content li .remove-view-button:hover i,
.application > .ember-view.charting .view-chooser-container .materialize-dropdown .dropdown-content li .remove-view-button:hover i,
.application > .ember-view.admin .view-chooser-container .materialize-dropdown .dropdown-content li .remove-view-button:hover i,
.application > .ember-view.objectRef .view-chooser-container .materialize-dropdown .dropdown-content li .remove-view-button:hover i,
.application > .ember-view.business .view-chooser-container .materialize-dropdown .dropdown-content li .remove-view-button:hover i,
.application > .ember-view.data .view-chooser-container .materialize-dropdown .dropdown-content li .remove-view-button:hover i,
.application > .ember-view.portfolio .view-chooser-container .materialize-dropdown .dropdown-content li .remove-view-button:hover i,
.application > .ember-view.assetDashboard .view-chooser-container .materialize-dropdown .dropdown-content li .remove-view-button:hover i,
.application > .ember-view.charting .form-header .materialize-dropdown .dropdown-content li .remove-view-button:hover i,
.application > .ember-view.admin .form-header .materialize-dropdown .dropdown-content li .remove-view-button:hover i,
.application > .ember-view.objectRef .form-header .materialize-dropdown .dropdown-content li .remove-view-button:hover i,
.application > .ember-view.business .form-header .materialize-dropdown .dropdown-content li .remove-view-button:hover i,
.application > .ember-view.data .form-header .materialize-dropdown .dropdown-content li .remove-view-button:hover i,
.application > .ember-view.portfolio .form-header .materialize-dropdown .dropdown-content li .remove-view-button:hover i,
.application > .ember-view.assetDashboard .form-header .materialize-dropdown .dropdown-content li .remove-view-button:hover i,
.admin .admin-content .materialize-dropdown .dropdown-content li .remove-view-button:hover i,
.data .admin-content .materialize-dropdown .dropdown-content li .remove-view-button:hover i,
.business .admin-content .materialize-dropdown .dropdown-content li .remove-view-button:hover i,
.objectRef .admin-content .materialize-dropdown .dropdown-content li .remove-view-button:hover i,
.portfolio .admin-content .materialize-dropdown .dropdown-content li .remove-view-button:hover i,
.admin-types .admin-header .view-dropdown .dropdown-content li .remove-view-button:hover i {
  color: #1E88E5 !important;
}
.blue.darken-2 {
  background-color: #1976D2 !important;
}
.blue-text.darken-2,
.charting .view-chooser-container .save-view.savable:hover span,
.data .view-chooser-container .save-view.savable:hover span,
.business .view-chooser-container .save-view.savable:hover span,
.portfolio .view-chooser-container .save-view.savable:hover span,
.assetDashboard .view-chooser-container .save-view.savable:hover span,
.taskManager .view-chooser-container .save-view.savable:hover span {
  color: #1976D2 !important;
}
.blue.darken-3 {
  background-color: #1565C0 !important;
}
.blue-text.darken-3 {
  color: #1565C0 !important;
}
.blue.darken-4 {
  background-color: #0D47A1 !important;
}
.blue-text.darken-4 {
  color: #0D47A1 !important;
}
.blue.accent-1 {
  background-color: #82B1FF !important;
}
.blue-text.accent-1 {
  color: #82B1FF !important;
}
.blue.accent-2 {
  background-color: #448AFF !important;
}
.blue-text.accent-2 {
  color: #448AFF !important;
}
.blue.accent-3 {
  background-color: #2979FF !important;
}
.blue-text.accent-3 {
  color: #2979FF !important;
}
.blue.accent-4 {
  background-color: #2962FF !important;
}
.blue-text.accent-4 {
  color: #2962FF !important;
}
.light-blue.lighten-5 {
  background-color: #e1f5fe !important;
}
.light-blue-text.lighten-5 {
  color: #e1f5fe !important;
}
.light-blue.lighten-4 {
  background-color: #b3e5fc !important;
}
.light-blue-text.lighten-4 {
  color: #b3e5fc !important;
}
.light-blue.lighten-3 {
  background-color: #81d4fa !important;
}
.light-blue-text.lighten-3 {
  color: #81d4fa !important;
}
.light-blue.lighten-2 {
  background-color: #4fc3f7 !important;
}
.light-blue-text.lighten-2 {
  color: #4fc3f7 !important;
}
.light-blue.lighten-1 {
  background-color: #29b6f6 !important;
}
.light-blue-text.lighten-1 {
  color: #29b6f6 !important;
}
.light-blue {
  background-color: #03a9f4 !important;
}
.light-blue-text {
  color: #03a9f4 !important;
}
.light-blue.darken-1 {
  background-color: #039be5 !important;
}
.light-blue-text.darken-1 {
  color: #039be5 !important;
}
.light-blue.darken-2 {
  background-color: #0288d1 !important;
}
.light-blue-text.darken-2 {
  color: #0288d1 !important;
}
.light-blue.darken-3 {
  background-color: #0277bd !important;
}
.light-blue-text.darken-3 {
  color: #0277bd !important;
}
.light-blue.darken-4 {
  background-color: #01579b !important;
}
.light-blue-text.darken-4 {
  color: #01579b !important;
}
.light-blue.accent-1 {
  background-color: #80d8ff !important;
}
.light-blue-text.accent-1 {
  color: #80d8ff !important;
}
.light-blue.accent-2 {
  background-color: #40c4ff !important;
}
.light-blue-text.accent-2 {
  color: #40c4ff !important;
}
.light-blue.accent-3 {
  background-color: #00b0ff !important;
}
.light-blue-text.accent-3 {
  color: #00b0ff !important;
}
.light-blue.accent-4 {
  background-color: #0091ea !important;
}
.light-blue-text.accent-4 {
  color: #0091ea !important;
}
.cyan.lighten-5 {
  background-color: #e0f7fa !important;
}
.cyan-text.lighten-5 {
  color: #e0f7fa !important;
}
.cyan.lighten-4 {
  background-color: #b2ebf2 !important;
}
.cyan-text.lighten-4 {
  color: #b2ebf2 !important;
}
.cyan.lighten-3 {
  background-color: #80deea !important;
}
.cyan-text.lighten-3 {
  color: #80deea !important;
}
.cyan.lighten-2 {
  background-color: #4dd0e1 !important;
}
.cyan-text.lighten-2 {
  color: #4dd0e1 !important;
}
.cyan.lighten-1 {
  background-color: #26c6da !important;
}
.cyan-text.lighten-1 {
  color: #26c6da !important;
}
.cyan {
  background-color: #00bcd4 !important;
}
.cyan-text {
  color: #00bcd4 !important;
}
.cyan.darken-1 {
  background-color: #00acc1 !important;
}
.cyan-text.darken-1 {
  color: #00acc1 !important;
}
.cyan.darken-2 {
  background-color: #0097a7 !important;
}
.cyan-text.darken-2 {
  color: #0097a7 !important;
}
.cyan.darken-3 {
  background-color: #00838f !important;
}
.cyan-text.darken-3 {
  color: #00838f !important;
}
.cyan.darken-4 {
  background-color: #006064 !important;
}
.cyan-text.darken-4 {
  color: #006064 !important;
}
.cyan.accent-1 {
  background-color: #84ffff !important;
}
.cyan-text.accent-1 {
  color: #84ffff !important;
}
.cyan.accent-2 {
  background-color: #18ffff !important;
}
.cyan-text.accent-2 {
  color: #18ffff !important;
}
.cyan.accent-3 {
  background-color: #00e5ff !important;
}
.cyan-text.accent-3 {
  color: #00e5ff !important;
}
.cyan.accent-4 {
  background-color: #00b8d4 !important;
}
.cyan-text.accent-4 {
  color: #00b8d4 !important;
}
.teal.lighten-5 {
  background-color: #e0f2f1 !important;
}
.teal-text.lighten-5 {
  color: #e0f2f1 !important;
}
.teal.lighten-4 {
  background-color: #b2dfdb !important;
}
.teal-text.lighten-4 {
  color: #b2dfdb !important;
}
.teal.lighten-3 {
  background-color: #80cbc4 !important;
}
.teal-text.lighten-3 {
  color: #80cbc4 !important;
}
.teal.lighten-2 {
  background-color: #4db6ac !important;
}
.teal-text.lighten-2 {
  color: #4db6ac !important;
}
.teal.lighten-1 {
  background-color: #26a69a !important;
}
.teal-text.lighten-1 {
  color: #26a69a !important;
}
.teal {
  background-color: #009688 !important;
}
.teal-text {
  color: #009688 !important;
}
.teal.darken-1 {
  background-color: #00897b !important;
}
.teal-text.darken-1 {
  color: #00897b !important;
}
.teal.darken-2 {
  background-color: #00796b !important;
}
.teal-text.darken-2 {
  color: #00796b !important;
}
.teal.darken-3 {
  background-color: #00695c !important;
}
.teal-text.darken-3 {
  color: #00695c !important;
}
.teal.darken-4 {
  background-color: #004d40 !important;
}
.teal-text.darken-4 {
  color: #004d40 !important;
}
.teal.accent-1 {
  background-color: #a7ffeb !important;
}
.teal-text.accent-1 {
  color: #a7ffeb !important;
}
.teal.accent-2 {
  background-color: #64ffda !important;
}
.teal-text.accent-2 {
  color: #64ffda !important;
}
.teal.accent-3 {
  background-color: #1de9b6 !important;
}
.teal-text.accent-3 {
  color: #1de9b6 !important;
}
.teal.accent-4 {
  background-color: #00bfa5 !important;
}
.teal-text.accent-4 {
  color: #00bfa5 !important;
}
.green.lighten-5 {
  background-color: #E8F5E9 !important;
}
.green-text.lighten-5 {
  color: #E8F5E9 !important;
}
.green.lighten-4 {
  background-color: #C8E6C9 !important;
}
.green-text.lighten-4 {
  color: #C8E6C9 !important;
}
.green.lighten-3 {
  background-color: #A5D6A7 !important;
}
.green-text.lighten-3 {
  color: #A5D6A7 !important;
}
.green.lighten-2 {
  background-color: #81C784 !important;
}
.green-text.lighten-2 {
  color: #81C784 !important;
}
.green.lighten-1 {
  background-color: #66BB6A !important;
}
.green-text.lighten-1 {
  color: #66BB6A !important;
}
.green {
  background-color: #4CAF50 !important;
}
.green-text {
  color: #4CAF50 !important;
}
.green.darken-1 {
  background-color: #43A047 !important;
}
.green-text.darken-1 {
  color: #43A047 !important;
}
.green.darken-2 {
  background-color: #388E3C !important;
}
.green-text.darken-2 {
  color: #388E3C !important;
}
.green.darken-3 {
  background-color: #2E7D32 !important;
}
.green-text.darken-3 {
  color: #2E7D32 !important;
}
.green.darken-4 {
  background-color: #1B5E20 !important;
}
.green-text.darken-4 {
  color: #1B5E20 !important;
}
.green.accent-1 {
  background-color: #B9F6CA !important;
}
.green-text.accent-1 {
  color: #B9F6CA !important;
}
.green.accent-2 {
  background-color: #69F0AE !important;
}
.green-text.accent-2 {
  color: #69F0AE !important;
}
.green.accent-3 {
  background-color: #00E676 !important;
}
.green-text.accent-3 {
  color: #00E676 !important;
}
.green.accent-4 {
  background-color: #00C853 !important;
}
.green-text.accent-4 {
  color: #00C853 !important;
}
.light-green.lighten-5 {
  background-color: #f1f8e9 !important;
}
.light-green-text.lighten-5 {
  color: #f1f8e9 !important;
}
.light-green.lighten-4 {
  background-color: #dcedc8 !important;
}
.light-green-text.lighten-4 {
  color: #dcedc8 !important;
}
.light-green.lighten-3 {
  background-color: #c5e1a5 !important;
}
.light-green-text.lighten-3 {
  color: #c5e1a5 !important;
}
.light-green.lighten-2 {
  background-color: #aed581 !important;
}
.light-green-text.lighten-2 {
  color: #aed581 !important;
}
.light-green.lighten-1 {
  background-color: #9ccc65 !important;
}
.light-green-text.lighten-1 {
  color: #9ccc65 !important;
}
.light-green {
  background-color: #8bc34a !important;
}
.light-green-text {
  color: #8bc34a !important;
}
.light-green.darken-1 {
  background-color: #7cb342 !important;
}
.light-green-text.darken-1 {
  color: #7cb342 !important;
}
.light-green.darken-2 {
  background-color: #689f38 !important;
}
.light-green-text.darken-2 {
  color: #689f38 !important;
}
.light-green.darken-3 {
  background-color: #558b2f !important;
}
.light-green-text.darken-3 {
  color: #558b2f !important;
}
.light-green.darken-4 {
  background-color: #33691e !important;
}
.light-green-text.darken-4 {
  color: #33691e !important;
}
.light-green.accent-1 {
  background-color: #ccff90 !important;
}
.light-green-text.accent-1 {
  color: #ccff90 !important;
}
.light-green.accent-2 {
  background-color: #b2ff59 !important;
}
.light-green-text.accent-2 {
  color: #b2ff59 !important;
}
.light-green.accent-3 {
  background-color: #76ff03 !important;
}
.light-green-text.accent-3 {
  color: #76ff03 !important;
}
.light-green.accent-4 {
  background-color: #64dd17 !important;
}
.light-green-text.accent-4 {
  color: #64dd17 !important;
}
.lime.lighten-5 {
  background-color: #f9fbe7 !important;
}
.lime-text.lighten-5 {
  color: #f9fbe7 !important;
}
.lime.lighten-4 {
  background-color: #f0f4c3 !important;
}
.lime-text.lighten-4 {
  color: #f0f4c3 !important;
}
.lime.lighten-3 {
  background-color: #e6ee9c !important;
}
.lime-text.lighten-3 {
  color: #e6ee9c !important;
}
.lime.lighten-2 {
  background-color: #dce775 !important;
}
.lime-text.lighten-2 {
  color: #dce775 !important;
}
.lime.lighten-1 {
  background-color: #d4e157 !important;
}
.lime-text.lighten-1 {
  color: #d4e157 !important;
}
.lime {
  background-color: #cddc39 !important;
}
.lime-text {
  color: #cddc39 !important;
}
.lime.darken-1 {
  background-color: #c0ca33 !important;
}
.lime-text.darken-1 {
  color: #c0ca33 !important;
}
.lime.darken-2 {
  background-color: #afb42b !important;
}
.lime-text.darken-2 {
  color: #afb42b !important;
}
.lime.darken-3 {
  background-color: #9e9d24 !important;
}
.lime-text.darken-3 {
  color: #9e9d24 !important;
}
.lime.darken-4 {
  background-color: #827717 !important;
}
.lime-text.darken-4 {
  color: #827717 !important;
}
.lime.accent-1 {
  background-color: #f4ff81 !important;
}
.lime-text.accent-1 {
  color: #f4ff81 !important;
}
.lime.accent-2 {
  background-color: #eeff41 !important;
}
.lime-text.accent-2 {
  color: #eeff41 !important;
}
.lime.accent-3 {
  background-color: #c6ff00 !important;
}
.lime-text.accent-3 {
  color: #c6ff00 !important;
}
.lime.accent-4 {
  background-color: #aeea00 !important;
}
.lime-text.accent-4 {
  color: #aeea00 !important;
}
.yellow.lighten-5 {
  background-color: #fffde7 !important;
}
.yellow-text.lighten-5 {
  color: #fffde7 !important;
}
.yellow.lighten-4 {
  background-color: #fff9c4 !important;
}
.yellow-text.lighten-4 {
  color: #fff9c4 !important;
}
.yellow.lighten-3 {
  background-color: #fff59d !important;
}
.yellow-text.lighten-3 {
  color: #fff59d !important;
}
.yellow.lighten-2 {
  background-color: #fff176 !important;
}
.yellow-text.lighten-2 {
  color: #fff176 !important;
}
.yellow.lighten-1 {
  background-color: #ffee58 !important;
}
.yellow-text.lighten-1 {
  color: #ffee58 !important;
}
.yellow {
  background-color: #ffeb3b !important;
}
.yellow-text {
  color: #ffeb3b !important;
}
.yellow.darken-1 {
  background-color: #fdd835 !important;
}
.yellow-text.darken-1 {
  color: #fdd835 !important;
}
.yellow.darken-2 {
  background-color: #fbc02d !important;
}
.yellow-text.darken-2 {
  color: #fbc02d !important;
}
.yellow.darken-3 {
  background-color: #f9a825 !important;
}
.yellow-text.darken-3 {
  color: #f9a825 !important;
}
.yellow.darken-4 {
  background-color: #f57f17 !important;
}
.yellow-text.darken-4 {
  color: #f57f17 !important;
}
.yellow.accent-1 {
  background-color: #ffff8d !important;
}
.yellow-text.accent-1 {
  color: #ffff8d !important;
}
.yellow.accent-2 {
  background-color: #ffff00 !important;
}
.yellow-text.accent-2 {
  color: #ffff00 !important;
}
.yellow.accent-3 {
  background-color: #ffea00 !important;
}
.yellow-text.accent-3 {
  color: #ffea00 !important;
}
.yellow.accent-4 {
  background-color: #ffd600 !important;
}
.yellow-text.accent-4,
.application-navbar .user-menu .notification:active,
.application-navbar .user-menu .notification.active {
  color: #ffd600 !important;
}
.amber.lighten-5 {
  background-color: #fff8e1 !important;
}
.amber-text.lighten-5 {
  color: #fff8e1 !important;
}
.amber.lighten-4 {
  background-color: #ffecb3 !important;
}
.amber-text.lighten-4 {
  color: #ffecb3 !important;
}
.amber.lighten-3 {
  background-color: #ffe082 !important;
}
.amber-text.lighten-3 {
  color: #ffe082 !important;
}
.amber.lighten-2 {
  background-color: #ffd54f !important;
}
.amber-text.lighten-2 {
  color: #ffd54f !important;
}
.amber.lighten-1 {
  background-color: #ffca28 !important;
}
.amber-text.lighten-1 {
  color: #ffca28 !important;
}
.amber {
  background-color: #ffc107 !important;
}
.amber-text {
  color: #ffc107 !important;
}
.amber.darken-1 {
  background-color: #ffb300 !important;
}
.amber-text.darken-1 {
  color: #ffb300 !important;
}
.amber.darken-2 {
  background-color: #ffa000 !important;
}
.amber-text.darken-2 {
  color: #ffa000 !important;
}
.amber.darken-3 {
  background-color: #ff8f00 !important;
}
.amber-text.darken-3 {
  color: #ff8f00 !important;
}
.amber.darken-4 {
  background-color: #ff6f00 !important;
}
.amber-text.darken-4 {
  color: #ff6f00 !important;
}
.amber.accent-1 {
  background-color: #ffe57f !important;
}
.amber-text.accent-1 {
  color: #ffe57f !important;
}
.amber.accent-2 {
  background-color: #ffd740 !important;
}
.amber-text.accent-2 {
  color: #ffd740 !important;
}
.amber.accent-3 {
  background-color: #ffc400 !important;
}
.amber-text.accent-3 {
  color: #ffc400 !important;
}
.amber.accent-4 {
  background-color: #ffab00 !important;
}
.amber-text.accent-4 {
  color: #ffab00 !important;
}
.orange.lighten-5 {
  background-color: #fff3e0 !important;
}
.orange-text.lighten-5 {
  color: #fff3e0 !important;
}
.orange.lighten-4 {
  background-color: #ffe0b2 !important;
}
.orange-text.lighten-4 {
  color: #ffe0b2 !important;
}
.orange.lighten-3 {
  background-color: #ffcc80 !important;
}
.orange-text.lighten-3 {
  color: #ffcc80 !important;
}
.orange.lighten-2 {
  background-color: #ffb74d !important;
}
.orange-text.lighten-2 {
  color: #ffb74d !important;
}
.orange.lighten-1 {
  background-color: #ffa726 !important;
}
.orange-text.lighten-1 {
  color: #ffa726 !important;
}
.orange {
  background-color: #ff9800 !important;
}
.orange-text,
.materialize-tooltip .icon.mdi-alert-warning {
  color: #ff9800 !important;
}
.orange.darken-1 {
  background-color: #fb8c00 !important;
}
.orange-text.darken-1 {
  color: #fb8c00 !important;
}
.orange.darken-2 {
  background-color: #f57c00 !important;
}
.orange-text.darken-2 {
  color: #f57c00 !important;
}
.orange.darken-3 {
  background-color: #ef6c00 !important;
}
.orange-text.darken-3 {
  color: #ef6c00 !important;
}
.orange.darken-4 {
  background-color: #e65100 !important;
}
.orange-text.darken-4 {
  color: #e65100 !important;
}
.orange.accent-1 {
  background-color: #ffd180 !important;
}
.orange-text.accent-1 {
  color: #ffd180 !important;
}
.orange.accent-2 {
  background-color: #ffab40 !important;
}
.orange-text.accent-2 {
  color: #ffab40 !important;
}
.orange.accent-3 {
  background-color: #ff9100 !important;
}
.orange-text.accent-3 {
  color: #ff9100 !important;
}
.orange.accent-4 {
  background-color: #ff6d00 !important;
}
.orange-text.accent-4 {
  color: #ff6d00 !important;
}
.deep-orange.lighten-5 {
  background-color: #fbe9e7 !important;
}
.deep-orange-text.lighten-5 {
  color: #fbe9e7 !important;
}
.deep-orange.lighten-4 {
  background-color: #ffccbc !important;
}
.deep-orange-text.lighten-4 {
  color: #ffccbc !important;
}
.deep-orange.lighten-3 {
  background-color: #ffab91 !important;
}
.deep-orange-text.lighten-3 {
  color: #ffab91 !important;
}
.deep-orange.lighten-2 {
  background-color: #ff8a65 !important;
}
.deep-orange-text.lighten-2 {
  color: #ff8a65 !important;
}
.deep-orange.lighten-1 {
  background-color: #ff7043 !important;
}
.deep-orange-text.lighten-1 {
  color: #ff7043 !important;
}
.deep-orange {
  background-color: #ff5722 !important;
}
.deep-orange-text {
  color: #ff5722 !important;
}
.deep-orange.darken-1 {
  background-color: #f4511e !important;
}
.deep-orange-text.darken-1 {
  color: #f4511e !important;
}
.deep-orange.darken-2 {
  background-color: #e64a19 !important;
}
.deep-orange-text.darken-2 {
  color: #e64a19 !important;
}
.deep-orange.darken-3 {
  background-color: #d84315 !important;
}
.deep-orange-text.darken-3 {
  color: #d84315 !important;
}
.deep-orange.darken-4 {
  background-color: #bf360c !important;
}
.deep-orange-text.darken-4 {
  color: #bf360c !important;
}
.deep-orange.accent-1 {
  background-color: #ff9e80 !important;
}
.deep-orange-text.accent-1 {
  color: #ff9e80 !important;
}
.deep-orange.accent-2 {
  background-color: #ff6e40 !important;
}
.deep-orange-text.accent-2 {
  color: #ff6e40 !important;
}
.deep-orange.accent-3 {
  background-color: #ff3d00 !important;
}
.deep-orange-text.accent-3 {
  color: #ff3d00 !important;
}
.deep-orange.accent-4 {
  background-color: #dd2c00 !important;
}
.deep-orange-text.accent-4 {
  color: #dd2c00 !important;
}
.brown.lighten-5 {
  background-color: #efebe9 !important;
}
.brown-text.lighten-5 {
  color: #efebe9 !important;
}
.brown.lighten-4 {
  background-color: #d7ccc8 !important;
}
.brown-text.lighten-4 {
  color: #d7ccc8 !important;
}
.brown.lighten-3 {
  background-color: #bcaaa4 !important;
}
.brown-text.lighten-3 {
  color: #bcaaa4 !important;
}
.brown.lighten-2 {
  background-color: #a1887f !important;
}
.brown-text.lighten-2 {
  color: #a1887f !important;
}
.brown.lighten-1 {
  background-color: #8d6e63 !important;
}
.brown-text.lighten-1 {
  color: #8d6e63 !important;
}
.brown {
  background-color: #795548 !important;
}
.brown-text {
  color: #795548 !important;
}
.brown.darken-1 {
  background-color: #6d4c41 !important;
}
.brown-text.darken-1 {
  color: #6d4c41 !important;
}
.brown.darken-2 {
  background-color: #5d4037 !important;
}
.brown-text.darken-2 {
  color: #5d4037 !important;
}
.brown.darken-3 {
  background-color: #4e342e !important;
}
.brown-text.darken-3 {
  color: #4e342e !important;
}
.brown.darken-4 {
  background-color: #3e2723 !important;
}
.brown-text.darken-4 {
  color: #3e2723 !important;
}
.blue-grey.lighten-5 {
  background-color: #eceff1 !important;
}
.blue-grey-text.lighten-5 {
  color: #eceff1 !important;
}
.blue-grey.lighten-4 {
  background-color: #cfd8dc !important;
}
.blue-grey-text.lighten-4 {
  color: #cfd8dc !important;
}
.blue-grey.lighten-3 {
  background-color: #b0bec5 !important;
}
.blue-grey-text.lighten-3 {
  color: #b0bec5 !important;
}
.blue-grey.lighten-2 {
  background-color: #90a4ae !important;
}
.blue-grey-text.lighten-2 {
  color: #90a4ae !important;
}
.blue-grey.lighten-1 {
  background-color: #78909c !important;
}
.blue-grey-text.lighten-1 {
  color: #78909c !important;
}
.blue-grey {
  background-color: #607d8b !important;
}
.blue-grey-text {
  color: #607d8b !important;
}
.blue-grey.darken-1 {
  background-color: #546e7a !important;
}
.blue-grey-text.darken-1 {
  color: #546e7a !important;
}
.blue-grey.darken-2 {
  background-color: #455a64 !important;
}
.blue-grey-text.darken-2 {
  color: #455a64 !important;
}
.blue-grey.darken-3 {
  background-color: #37474f !important;
}
.blue-grey-text.darken-3 {
  color: #37474f !important;
}
.blue-grey.darken-4 {
  background-color: #263238 !important;
}
.blue-grey-text.darken-4 {
  color: #263238 !important;
}
.grey.lighten-5 {
  background-color: #fafafa !important;
}
.grey-text.lighten-5 {
  color: #fafafa !important;
}
.grey.lighten-4 {
  background-color: #f5f5f5 !important;
}
.grey-text.lighten-4 {
  color: #f5f5f5 !important;
}
.grey.lighten-3,
body > .load-screen,
body {
  background-color: #eeeeee !important;
}
.grey-text.lighten-3 {
  color: #eeeeee !important;
}
.grey.lighten-2 {
  background-color: #e0e0e0 !important;
}
.grey-text.lighten-2,
.charting .view-chooser-container .save-view,
.data .view-chooser-container .save-view,
.business .view-chooser-container .save-view,
.portfolio .view-chooser-container .save-view,
.assetDashboard .view-chooser-container .save-view,
.taskManager .view-chooser-container .save-view,
.charting .view-chooser-container .after-save,
.data .view-chooser-container .after-save,
.business .view-chooser-container .after-save,
.portfolio .view-chooser-container .after-save,
.assetDashboard .view-chooser-container .after-save,
.taskManager .view-chooser-container .after-save {
  color: #e0e0e0 !important;
}
.grey.lighten-1 {
  background-color: #bdbdbd !important;
}
.grey-text.lighten-1,
.application > .ember-view:not(.charting):not(.objectRef):not(.admin):not(.business):not(.data):not(.portfolio):not(.assetDashboard) .view-chooser-container .materialize-dropdown .dropdown-content li .remove-view-button i,
.charting .get-csv i,
.data .get-csv i,
.business .get-csv i,
.portfolio .get-csv i,
.assetDashboard .get-csv i,
.taskManager .get-csv i,
.charting .remove-chart-container i,
.data .remove-chart-container i,
.business .remove-chart-container i,
.portfolio .remove-chart-container i,
.assetDashboard .remove-chart-container i,
.taskManager .remove-chart-container i,
.admin-types .admin-header .view-dropdown .dropdown-content li .remove-view-button i,
.main-content.on-sign-in .copyright {
  color: #bdbdbd !important;
}
.grey,
.app-root .btn.delete,
.app-root .btn-large.delete {
  background-color: #9e9e9e !important;
}
.grey-text,
.charting .view-chooser-container .save-view.savable,
.data .view-chooser-container .save-view.savable,
.business .view-chooser-container .save-view.savable,
.portfolio .view-chooser-container .save-view.savable,
.assetDashboard .view-chooser-container .save-view.savable,
.taskManager .view-chooser-container .save-view.savable,
.charting .view-chooser-container .after-save.savable,
.data .view-chooser-container .after-save.savable,
.business .view-chooser-container .after-save.savable,
.portfolio .view-chooser-container .after-save.savable,
.assetDashboard .view-chooser-container .after-save.savable,
.taskManager .view-chooser-container .after-save.savable,
.charting .chart .line-chart-legend .action-swapper .disabled i,
.data .chart .line-chart-legend .action-swapper .disabled i,
.business .chart .line-chart-legend .action-swapper .disabled i,
.portfolio .chart .line-chart-legend .action-swapper .disabled i,
.assetDashboard .chart .line-chart-legend .action-swapper .disabled i,
.taskManager .chart .line-chart-legend .action-swapper .disabled i,
.charting .chart .line-chart-binary-legend .action-swapper .disabled i,
.data .chart .line-chart-binary-legend .action-swapper .disabled i,
.business .chart .line-chart-binary-legend .action-swapper .disabled i,
.portfolio .chart .line-chart-binary-legend .action-swapper .disabled i,
.assetDashboard .chart .line-chart-binary-legend .action-swapper .disabled i,
.taskManager .chart .line-chart-binary-legend .action-swapper .disabled i,
.application-navbar .user-menu .dropdown-button,
.application-navbar .user-menu .notification,
.immediate-notifications-container .immediate-notifications .immediate-action .accept i,
.immediate-notifications-container .immediate-notifications .immediate-action .reject i {
  color: #9e9e9e !important;
}
.grey.darken-1 {
  background-color: #757575 !important;
}
.grey-text.darken-1 {
  color: #757575 !important;
}
.grey.darken-2 {
  background-color: #616161 !important;
}
.grey-text.darken-2 {
  color: #616161 !important;
}
.grey.darken-3 {
  background-color: #424242 !important;
}
.grey-text.darken-3 {
  color: #424242 !important;
}
.grey.darken-4 {
  background-color: #212121 !important;
}
.grey-text.darken-4 {
  color: #212121 !important;
}
.shades.black {
  background-color: #000000 !important;
}
.shades-text.black {
  color: #000000 !important;
}
.shades.white {
  background-color: #FFFFFF !important;
}
.shades-text.white,
.application-navbar .user-menu .dropdown-button:hover,
.application-navbar .user-menu .dropdown-button.opened {
  color: #FFFFFF !important;
}
.black {
  background-color: #000000 !important;
}
.black-text,
.charting .view-chooser-container .save-view.savable:hover i,
.data .view-chooser-container .save-view.savable:hover i,
.business .view-chooser-container .save-view.savable:hover i,
.portfolio .view-chooser-container .save-view.savable:hover i,
.assetDashboard .view-chooser-container .save-view.savable:hover i,
.taskManager .view-chooser-container .save-view.savable:hover i,
.charting .get-csv:hover,
.data .get-csv:hover,
.business .get-csv:hover,
.portfolio .get-csv:hover,
.assetDashboard .get-csv:hover,
.taskManager .get-csv:hover,
.charting .remove-chart-container:hover,
.data .remove-chart-container:hover,
.business .remove-chart-container:hover,
.portfolio .remove-chart-container:hover,
.assetDashboard .remove-chart-container:hover,
.taskManager .remove-chart-container:hover,
.charting .get-csv:hover i,
.data .get-csv:hover i,
.business .get-csv:hover i,
.portfolio .get-csv:hover i,
.assetDashboard .get-csv:hover i,
.taskManager .get-csv:hover i,
.charting .remove-chart-container:hover i,
.data .remove-chart-container:hover i,
.business .remove-chart-container:hover i,
.portfolio .remove-chart-container:hover i,
.assetDashboard .remove-chart-container:hover i,
.taskManager .remove-chart-container:hover i,
.charting .chart .scatter-plot-filter .legend-item .remove-filter:hover,
.data .chart .scatter-plot-filter .legend-item .remove-filter:hover,
.business .chart .scatter-plot-filter .legend-item .remove-filter:hover,
.portfolio .chart .scatter-plot-filter .legend-item .remove-filter:hover,
.assetDashboard .chart .scatter-plot-filter .legend-item .remove-filter:hover,
.taskManager .chart .scatter-plot-filter .legend-item .remove-filter:hover,
.charting .chart .line-chart-legend .legend-container .legend-item .remove-serie:hover i,
.data .chart .line-chart-legend .legend-container .legend-item .remove-serie:hover i,
.business .chart .line-chart-legend .legend-container .legend-item .remove-serie:hover i,
.portfolio .chart .line-chart-legend .legend-container .legend-item .remove-serie:hover i,
.assetDashboard .chart .line-chart-legend .legend-container .legend-item .remove-serie:hover i,
.taskManager .chart .line-chart-legend .legend-container .legend-item .remove-serie:hover i,
.charting .chart .line-chart-binary-legend .legend-container .legend-item .remove-serie:hover i,
.data .chart .line-chart-binary-legend .legend-container .legend-item .remove-serie:hover i,
.business .chart .line-chart-binary-legend .legend-container .legend-item .remove-serie:hover i,
.portfolio .chart .line-chart-binary-legend .legend-container .legend-item .remove-serie:hover i,
.assetDashboard .chart .line-chart-binary-legend .legend-container .legend-item .remove-serie:hover i,
.taskManager .chart .line-chart-binary-legend .legend-container .legend-item .remove-serie:hover i,
.charting .chart .line-chart-legend .legend-container .legend-group .legend-item .remove-serie:hover i,
.data .chart .line-chart-legend .legend-container .legend-group .legend-item .remove-serie:hover i,
.business .chart .line-chart-legend .legend-container .legend-group .legend-item .remove-serie:hover i,
.portfolio .chart .line-chart-legend .legend-container .legend-group .legend-item .remove-serie:hover i,
.assetDashboard .chart .line-chart-legend .legend-container .legend-group .legend-item .remove-serie:hover i,
.taskManager .chart .line-chart-legend .legend-container .legend-group .legend-item .remove-serie:hover i,
.charting .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .remove-serie:hover i,
.data .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .remove-serie:hover i,
.business .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .remove-serie:hover i,
.portfolio .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .remove-serie:hover i,
.assetDashboard .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .remove-serie:hover i,
.taskManager .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .remove-serie:hover i,
.charting .aggregations-charts .charts-container .aggregations-charts-row > div .texts a.reset:hover,
.data .aggregations-charts .charts-container .aggregations-charts-row > div .texts a.reset:hover,
.business .aggregations-charts .charts-container .aggregations-charts-row > div .texts a.reset:hover,
.portfolio .aggregations-charts .charts-container .aggregations-charts-row > div .texts a.reset:hover,
.assetDashboard .aggregations-charts .charts-container .aggregations-charts-row > div .texts a.reset:hover,
.taskManager .aggregations-charts .charts-container .aggregations-charts-row > div .texts a.reset:hover,
.immediate-notifications-container .immediate-notifications,
.immediate-notifications-container .immediate-notifications .immediate-action .accept i.done,
.immediate-notifications-container .immediate-notifications .immediate-action .reject i.done,
.immediate-notifications-container .immediate-notifications .immediate-action .accept i:hover,
.immediate-notifications-container .immediate-notifications .immediate-action .reject i:hover,
.tuple-expander:hover i {
  color: #000000 !important;
}
.white,
.energy-star-table,
.admin .admin-table-container,
.data .admin-table-container,
.business .admin-table-container,
.objectRef .admin-table-container,
.portfolio .admin-table-container,
.admin .admin-tree-and-list,
.data .admin-tree-and-list,
.business .admin-tree-and-list,
.objectRef .admin-tree-and-list,
.portfolio .admin-tree-and-list,
.immediate-notifications-container .immediate-notifications,
.droppable-border {
  background-color: #FFFFFF !important;
}
.white-text {
  color: #FFFFFF !important;
}
ul {
  list-style-type: none;
}
a {
  color: #1E88E5;
  text-decoration: none;
}
.no-select,
input[type=range],
input[type=range] + .thumb {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.left-align {
  text-align: left;
}
.right-align {
  text-align: right;
}
.center,
.center-align {
  text-align: center;
}
.left {
  float: left;
}
.right {
  float: right;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
ul {
  padding: 0;
}
li {
  list-style-type: none;
}
.z-depth-1-half,
.modal {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.z-depth-2 {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.z-depth-3 {
  -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}
.z-depth-4 {
  -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  -moz-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}
.z-depth-5 {
  -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}
blockquote {
  margin: 20px 0;
  padding-left: 1.5rem;
  border-left: 5px solid #EF9A9A;
}
i {
  line-height: inherit;
}
i.left {
  float: left;
  margin-right: 15px;
}
i.right {
  float: right;
  margin-left: 15px;
}
img.responsive-img {
  max-width: 100%;
  height: auto;
}
.parallax-container {
  position: relative;
  overflow: hidden;
  height: 500px;
}
.parallax {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.parallax img {
  display: none;
  position: absolute;
  bottom: 0;
  width: 100%;
}
@media only screen and (max-width: 992px) {
  .parallax-container {
    height: auto;
  }
  .parallax {
    position: relative;
    width: 100%;
  }
  .parallax img {
    position: relative;
  }
}
@media only screen and (max-width: 600px) {
  .hide-on-small-only,
  .hide-on-small-and-down {
    display: none !important;
  }
}
@media only screen and (max-width: 992px) {
  .hide-on-med-and-down {
    display: none !important;
  }
}
@media only screen and (min-width: 600px) {
  .hide-on-med-and-up {
    display: none !important;
  }
}
@media only screen and (min-width: 600px) and (max-width: 992px) {
  .hide-on-med-only {
    display: none !important;
  }
}
@media only screen and (min-width: 992px) {
  .hide-on-large-only,
  nav a.button-collapse {
    display: none !important;
  }
}
@media only screen and (max-width: 600px) {
  .center-on-small-only {
    text-align: center;
  }
}
footer {
  margin-top: 20px;
  padding-top: 20px;
  background-color: #ee6e73;
}
footer .footer-copyright {
  line-height: 50px;
  color: rgba(255, 255, 255, 0.8);
  background-color: rgba(51, 51, 51, 0.08);
}
table,
th,
td {
  border: none;
}
table:not(.editor-datetime-table) {
  width: 100%;
  display: table;
}
@media only screen and (max-width: 600px) {
  table thead tr th,
  table tbody tr td {
    text-align: center;
  }
}
table.bordered tr {
  border-bottom: 1px solid #e0e0e0;
}
table.striped tbody tr:nth-child(odd) {
  background-color: #f2f2f2;
}
table.hoverable tbody tr {
  -webkit-transition: background-color 0.25s ease;
  -moz-transition: background-color 0.25s ease;
  -o-transition: background-color 0.25s ease;
  -ms-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
}
table.hoverable tbody tr:hover {
  background-color: #f2f2f2;
}
table.centered thead tr th,
table.centered tbody tr td {
  text-align: center;
}
.collection {
  background-color: #FFF;
  margin: 0 0 1rem 0;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
}
.collection .collection-item {
  line-height: 1.5rem;
  padding: 10px 20px;
  margin: 0px;
  border-bottom: 1px solid #e0e0e0;
}
.collection .collection-item:last-child {
  border-bottom: none;
}
.collection a.collection-item {
  display: block;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -ms-transition: 0.25s;
  transition: 0.25s;
}
.collection a.collection-item:not(.active):hover {
  background-color: #f2f2f2;
}
.collection.with-header .collection-header {
  border-bottom: 1px solid #e0e0e0;
  padding: 10px 20px;
}
.collection.with-header .collection-item {
  padding-left: 30px;
}
.collection .secondary-content {
  float: right;
}
.collection.pagination {
  display: inline-block;
}
.collection.pagination ul {
  background-color: transparent;
  font-size: 0;
  display: inline-block;
}
.collection.pagination li {
  display: inline;
  font-weight: 500;
  margin: 0px;
  padding: 0px;
  font-size: 1rem;
}
.collection.pagination li a {
  padding: 0px 5px;
}
.collection.pagination li.active {
  background-color: #03a9f4;
  color: #FFF;
}
.collection.pagination li:hover {
  background-color: #e1f5fe;
}
span.badge {
  min-width: 3rem;
  padding: 0 6px;
  text-align: center;
  font-size: 1rem;
  line-height: inherit;
  color: #757575;
  float: right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
span.badge.new {
  font-weight: 300;
  font-size: 0.8rem;
  color: #fff;
  background-color: #2196F3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-clip: padding-box;
}
span.badge.new:after {
  content: " new";
}
img.circle {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-clip: padding-box;
}
@font-face {
  font-family: "Material-Design-Icons";
  src: url("fonts/material-design-icons/Material-Design-Icons.eot?-g7cqhn");
  src: url("fonts/material-design-icons/Material-Design-Icons.eot?#iefix-g7cqhn") format("embedded-opentype"), url("fonts/material-design-icons/Material-Design-Icons.woff?-g7cqhn") format("woff"), url("fonts/material-design-icons/Material-Design-Icons.ttf?-g7cqhn") format("truetype"), url("fonts/material-design-icons/Material-Design-Icons.svg?-g7cqhn#Material-Design-Icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="mdi-"],
.select-wrapper span.select-dropdown:after,
[class*=" mdi-"] {
  font-family: "Material-Design-Icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mdi-action-3d-rotation:before {
  content: "\e600";
}
.mdi-action-accessibility:before {
  content: "\e601";
}
.mdi-action-account-balance:before {
  content: "\e602";
}
.mdi-action-account-balance-wallet:before {
  content: "\e603";
}
.mdi-action-account-box:before {
  content: "\e604";
}
.mdi-action-account-child:before {
  content: "\e605";
}
.mdi-action-account-circle:before {
  content: "\e606";
}
.mdi-action-add-shopping-cart:before {
  content: "\e607";
}
.mdi-action-alarm:before {
  content: "\e608";
}
.mdi-action-alarm-add:before {
  content: "\e609";
}
.mdi-action-alarm-off:before {
  content: "\e60a";
}
.mdi-action-alarm-on:before {
  content: "\e60b";
}
.mdi-action-android:before {
  content: "\e60c";
}
.mdi-action-announcement:before {
  content: "\e60d";
}
.mdi-action-aspect-ratio:before {
  content: "\e60e";
}
.mdi-action-assessment:before {
  content: "\e60f";
}
.mdi-action-assignment:before {
  content: "\e610";
}
.mdi-action-assignment-ind:before {
  content: "\e611";
}
.mdi-action-assignment-late:before {
  content: "\e612";
}
.mdi-action-assignment-return:before {
  content: "\e613";
}
.mdi-action-assignment-returned:before {
  content: "\e614";
}
.mdi-action-assignment-turned-in:before {
  content: "\e615";
}
.mdi-action-autorenew:before {
  content: "\e616";
}
.mdi-action-backup:before {
  content: "\e617";
}
.mdi-action-book:before {
  content: "\e618";
}
.mdi-action-bookmark:before {
  content: "\e619";
}
.mdi-action-bookmark-outline:before {
  content: "\e61a";
}
.mdi-action-bug-report:before {
  content: "\e61b";
}
.mdi-action-cached:before {
  content: "\e61c";
}
.mdi-action-class:before {
  content: "\e61d";
}
.mdi-action-credit-card:before {
  content: "\e61e";
}
.mdi-action-dashboard:before {
  content: "\e61f";
}
.mdi-action-delete:before {
  content: "\e620";
}
.mdi-action-description:before {
  content: "\e621";
}
.mdi-action-dns:before {
  content: "\e622";
}
.mdi-action-done:before {
  content: "\e623";
}
.mdi-action-done-all:before {
  content: "\e624";
}
.mdi-action-event:before {
  content: "\e625";
}
.mdi-action-exit-to-app:before {
  content: "\e626";
}
.mdi-action-explore:before {
  content: "\e627";
}
.mdi-action-extension:before {
  content: "\e628";
}
.mdi-action-face-unlock:before {
  content: "\e629";
}
.mdi-action-favorite:before {
  content: "\e62a";
}
.mdi-action-favorite-outline:before {
  content: "\e62b";
}
.mdi-action-find-in-page:before {
  content: "\e62c";
}
.mdi-action-find-replace:before {
  content: "\e62d";
}
.mdi-action-flip-to-back:before {
  content: "\e62e";
}
.mdi-action-flip-to-front:before {
  content: "\e62f";
}
.mdi-action-get-app:before {
  content: "\e630";
}
.mdi-action-grade:before {
  content: "\e631";
}
.mdi-action-group-work:before {
  content: "\e632";
}
.mdi-action-help:before {
  content: "\e633";
}
.mdi-action-highlight-remove:before {
  content: "\e634";
}
.mdi-action-history:before {
  content: "\e635";
}
.mdi-action-home:before {
  content: "\e636";
}
.mdi-action-https:before {
  content: "\e637";
}
.mdi-action-info:before {
  content: "\e638";
}
.mdi-action-info-outline:before {
  content: "\e639";
}
.mdi-action-input:before {
  content: "\e63a";
}
.mdi-action-invert-colors:before {
  content: "\e63b";
}
.mdi-action-label:before {
  content: "\e63c";
}
.mdi-action-label-outline:before {
  content: "\e63d";
}
.mdi-action-language:before {
  content: "\e63e";
}
.mdi-action-launch:before {
  content: "\e63f";
}
.mdi-action-list:before {
  content: "\e640";
}
.mdi-action-lock:before {
  content: "\e641";
}
.mdi-action-lock-open:before {
  content: "\e642";
}
.mdi-action-lock-outline:before {
  content: "\e643";
}
.mdi-action-loyalty:before {
  content: "\e644";
}
.mdi-action-markunread-mailbox:before {
  content: "\e645";
}
.mdi-action-note-add:before {
  content: "\e646";
}
.mdi-action-open-in-browser:before {
  content: "\e647";
}
.mdi-action-open-in-new:before {
  content: "\e648";
}
.mdi-action-open-with:before {
  content: "\e649";
}
.mdi-action-pageview:before {
  content: "\e64a";
}
.mdi-action-payment:before {
  content: "\e64b";
}
.mdi-action-perm-camera-mic:before {
  content: "\e64c";
}
.mdi-action-perm-contact-cal:before {
  content: "\e64d";
}
.mdi-action-perm-data-setting:before {
  content: "\e64e";
}
.mdi-action-perm-device-info:before {
  content: "\e64f";
}
.mdi-action-perm-identity:before {
  content: "\e650";
}
.mdi-action-perm-media:before {
  content: "\e651";
}
.mdi-action-perm-phone-msg:before {
  content: "\e652";
}
.mdi-action-perm-scan-wifi:before {
  content: "\e653";
}
.mdi-action-picture-in-picture:before {
  content: "\e654";
}
.mdi-action-polymer:before {
  content: "\e655";
}
.mdi-action-print:before {
  content: "\e656";
}
.mdi-action-query-builder:before {
  content: "\e657";
}
.mdi-action-question-answer:before {
  content: "\e658";
}
.mdi-action-receipt:before {
  content: "\e659";
}
.mdi-action-redeem:before {
  content: "\e65a";
}
.mdi-action-report-problem:before {
  content: "\e65b";
}
.mdi-action-restore:before {
  content: "\e65c";
}
.mdi-action-room:before {
  content: "\e65d";
}
.mdi-action-schedule:before {
  content: "\e65e";
}
.mdi-action-search:before {
  content: "\e65f";
}
.mdi-action-settings:before {
  content: "\e660";
}
.mdi-action-settings-applications:before {
  content: "\e661";
}
.mdi-action-settings-backup-restore:before {
  content: "\e662";
}
.mdi-action-settings-bluetooth:before {
  content: "\e663";
}
.mdi-action-settings-cell:before {
  content: "\e664";
}
.mdi-action-settings-display:before {
  content: "\e665";
}
.mdi-action-settings-ethernet:before {
  content: "\e666";
}
.mdi-action-settings-input-antenna:before {
  content: "\e667";
}
.mdi-action-settings-input-component:before {
  content: "\e668";
}
.mdi-action-settings-input-composite:before {
  content: "\e669";
}
.mdi-action-settings-input-hdmi:before {
  content: "\e66a";
}
.mdi-action-settings-input-svideo:before {
  content: "\e66b";
}
.mdi-action-settings-overscan:before {
  content: "\e66c";
}
.mdi-action-settings-phone:before {
  content: "\e66d";
}
.mdi-action-settings-power:before {
  content: "\e66e";
}
.mdi-action-settings-remote:before {
  content: "\e66f";
}
.mdi-action-settings-voice:before {
  content: "\e670";
}
.mdi-action-shop:before {
  content: "\e671";
}
.mdi-action-shopping-basket:before {
  content: "\e672";
}
.mdi-action-shopping-cart:before {
  content: "\e673";
}
.mdi-action-shop-two:before {
  content: "\e674";
}
.mdi-action-speaker-notes:before {
  content: "\e675";
}
.mdi-action-spellcheck:before {
  content: "\e676";
}
.mdi-action-star-rate:before {
  content: "\e677";
}
.mdi-action-stars:before {
  content: "\e678";
}
.mdi-action-store:before {
  content: "\e679";
}
.mdi-action-subject:before {
  content: "\e67a";
}
.mdi-action-swap-horiz:before {
  content: "\e67b";
}
.mdi-action-swap-vert:before {
  content: "\e67c";
}
.mdi-action-swap-vert-circle:before {
  content: "\e67d";
}
.mdi-action-system-update-tv:before {
  content: "\e67e";
}
.mdi-action-tab:before {
  content: "\e67f";
}
.mdi-action-tab-unselected:before {
  content: "\e680";
}
.mdi-action-theaters:before {
  content: "\e681";
}
.mdi-action-thumb-down:before {
  content: "\e682";
}
.mdi-action-thumbs-up-down:before {
  content: "\e683";
}
.mdi-action-thumb-up:before {
  content: "\e684";
}
.mdi-action-toc:before {
  content: "\e685";
}
.mdi-action-today:before {
  content: "\e686";
}
.mdi-action-track-changes:before {
  content: "\e687";
}
.mdi-action-translate:before {
  content: "\e688";
}
.mdi-action-trending-down:before {
  content: "\e689";
}
.mdi-action-trending-neutral:before {
  content: "\e68a";
}
.mdi-action-trending-up:before {
  content: "\e68b";
}
.mdi-action-turned-in:before {
  content: "\e68c";
}
.mdi-action-turned-in-not:before {
  content: "\e68d";
}
.mdi-action-verified-user:before {
  content: "\e68e";
}
.mdi-action-view-agenda:before {
  content: "\e68f";
}
.mdi-action-view-array:before {
  content: "\e690";
}
.mdi-action-view-carousel:before {
  content: "\e691";
}
.mdi-action-view-column:before {
  content: "\e692";
}
.mdi-action-view-day:before {
  content: "\e693";
}
.mdi-action-view-headline:before {
  content: "\e694";
}
.mdi-action-view-list:before {
  content: "\e695";
}
.mdi-action-view-module:before {
  content: "\e696";
}
.mdi-action-view-quilt:before {
  content: "\e697";
}
.mdi-action-view-stream:before {
  content: "\e698";
}
.mdi-action-view-week:before {
  content: "\e699";
}
.mdi-action-visibility:before {
  content: "\e69a";
}
.mdi-action-visibility-off:before {
  content: "\e69b";
}
.mdi-action-wallet-giftcard:before {
  content: "\e69c";
}
.mdi-action-wallet-membership:before {
  content: "\e69d";
}
.mdi-action-wallet-travel:before {
  content: "\e69e";
}
.mdi-action-work:before {
  content: "\e69f";
}
.mdi-alert-error:before {
  content: "\e6a0";
}
.mdi-alert-warning:before {
  content: "\e6a1";
}
.mdi-av-album:before {
  content: "\e6a2";
}
.mdi-av-timer:before {
  content: "\e6a3";
}
.mdi-av-closed-caption:before {
  content: "\e6a4";
}
.mdi-av-equalizer:before {
  content: "\e6a5";
}
.mdi-av-explicit:before {
  content: "\e6a6";
}
.mdi-av-fast-forward:before {
  content: "\e6a7";
}
.mdi-av-fast-rewind:before {
  content: "\e6a8";
}
.mdi-av-games:before {
  content: "\e6a9";
}
.mdi-av-hearing:before {
  content: "\e6aa";
}
.mdi-av-high-quality:before {
  content: "\e6ab";
}
.mdi-av-loop:before {
  content: "\e6ac";
}
.mdi-av-mic:before {
  content: "\e6ad";
}
.mdi-av-mic-none:before {
  content: "\e6ae";
}
.mdi-av-mic-off:before {
  content: "\e6af";
}
.mdi-av-movie:before {
  content: "\e6b0";
}
.mdi-av-my-library-add:before {
  content: "\e6b1";
}
.mdi-av-my-library-books:before {
  content: "\e6b2";
}
.mdi-av-my-library-music:before {
  content: "\e6b3";
}
.mdi-av-new-releases:before {
  content: "\e6b4";
}
.mdi-av-not-interested:before {
  content: "\e6b5";
}
.mdi-av-pause:before {
  content: "\e6b6";
}
.mdi-av-pause-circle-fill:before {
  content: "\e6b7";
}
.mdi-av-pause-circle-outline:before {
  content: "\e6b8";
}
.mdi-av-play-arrow:before {
  content: "\e6b9";
}
.mdi-av-play-circle-fill:before {
  content: "\e6ba";
}
.mdi-av-play-circle-outline:before {
  content: "\e6bb";
}
.mdi-av-playlist-add:before {
  content: "\e6bc";
}
.mdi-av-play-shopping-bag:before {
  content: "\e6bd";
}
.mdi-av-queue:before {
  content: "\e6be";
}
.mdi-av-queue-music:before {
  content: "\e6bf";
}
.mdi-av-radio:before {
  content: "\e6c0";
}
.mdi-av-recent-actors:before {
  content: "\e6c1";
}
.mdi-av-repeat:before {
  content: "\e6c2";
}
.mdi-av-repeat-one:before {
  content: "\e6c3";
}
.mdi-av-replay:before {
  content: "\e6c4";
}
.mdi-av-shuffle:before {
  content: "\e6c5";
}
.mdi-av-skip-next:before {
  content: "\e6c6";
}
.mdi-av-skip-previous:before {
  content: "\e6c7";
}
.mdi-av-snooze:before {
  content: "\e6c8";
}
.mdi-av-stop:before {
  content: "\e6c9";
}
.mdi-av-subtitles:before {
  content: "\e6ca";
}
.mdi-av-surround-sound:before {
  content: "\e6cb";
}
.mdi-av-videocam:before {
  content: "\e6cc";
}
.mdi-av-videocam-off:before {
  content: "\e6cd";
}
.mdi-av-video-collection:before {
  content: "\e6ce";
}
.mdi-av-volume-down:before {
  content: "\e6cf";
}
.mdi-av-volume-mute:before {
  content: "\e6d0";
}
.mdi-av-volume-off:before {
  content: "\e6d1";
}
.mdi-av-volume-up:before {
  content: "\e6d2";
}
.mdi-av-web:before {
  content: "\e6d3";
}
.mdi-communication-business:before {
  content: "\e6d4";
}
.mdi-communication-call:before {
  content: "\e6d5";
}
.mdi-communication-call-end:before {
  content: "\e6d6";
}
.mdi-communication-call-made:before {
  content: "\e6d7";
}
.mdi-communication-call-merge:before {
  content: "\e6d8";
}
.mdi-communication-call-missed:before {
  content: "\e6d9";
}
.mdi-communication-call-received:before {
  content: "\e6da";
}
.mdi-communication-call-split:before {
  content: "\e6db";
}
.mdi-communication-chat:before {
  content: "\e6dc";
}
.mdi-communication-clear-all:before {
  content: "\e6dd";
}
.mdi-communication-comment:before {
  content: "\e6de";
}
.mdi-communication-contacts:before {
  content: "\e6df";
}
.mdi-communication-dialer-sip:before {
  content: "\e6e0";
}
.mdi-communication-dialpad:before {
  content: "\e6e1";
}
.mdi-communication-dnd-on:before {
  content: "\e6e2";
}
.mdi-communication-email:before {
  content: "\e6e3";
}
.mdi-communication-forum:before {
  content: "\e6e4";
}
.mdi-communication-import-export:before {
  content: "\e6e5";
}
.mdi-communication-invert-colors-off:before {
  content: "\e6e6";
}
.mdi-communication-invert-colors-on:before {
  content: "\e6e7";
}
.mdi-communication-live-help:before {
  content: "\e6e8";
}
.mdi-communication-location-off:before {
  content: "\e6e9";
}
.mdi-communication-location-on:before {
  content: "\e6ea";
}
.mdi-communication-message:before {
  content: "\e6eb";
}
.mdi-communication-messenger:before {
  content: "\e6ec";
}
.mdi-communication-no-sim:before {
  content: "\e6ed";
}
.mdi-communication-phone:before {
  content: "\e6ee";
}
.mdi-communication-portable-wifi-off:before {
  content: "\e6ef";
}
.mdi-communication-quick-contacts-dialer:before {
  content: "\e6f0";
}
.mdi-communication-quick-contacts-mail:before {
  content: "\e6f1";
}
.mdi-communication-ring-volume:before {
  content: "\e6f2";
}
.mdi-communication-stay-current-landscape:before {
  content: "\e6f3";
}
.mdi-communication-stay-current-portrait:before {
  content: "\e6f4";
}
.mdi-communication-stay-primary-landscape:before {
  content: "\e6f5";
}
.mdi-communication-stay-primary-portrait:before {
  content: "\e6f6";
}
.mdi-communication-swap-calls:before {
  content: "\e6f7";
}
.mdi-communication-textsms:before {
  content: "\e6f8";
}
.mdi-communication-voicemail:before {
  content: "\e6f9";
}
.mdi-communication-vpn-key:before {
  content: "\e6fa";
}
.mdi-content-add:before {
  content: "\e6fb";
}
.mdi-content-add-box:before {
  content: "\e6fc";
}
.mdi-content-add-circle:before {
  content: "\e6fd";
}
.mdi-content-add-circle-outline:before {
  content: "\e6fe";
}
.mdi-content-archive:before {
  content: "\e6ff";
}
.mdi-content-backspace:before {
  content: "\e700";
}
.mdi-content-block:before {
  content: "\e701";
}
.mdi-content-clear:before {
  content: "\e702";
}
.mdi-content-content-copy:before {
  content: "\e703";
}
.mdi-content-content-cut:before {
  content: "\e704";
}
.mdi-content-content-paste:before {
  content: "\e705";
}
.mdi-content-create:before {
  content: "\e706";
}
.mdi-content-drafts:before {
  content: "\e707";
}
.mdi-content-filter-list:before {
  content: "\e708";
}
.mdi-content-flag:before {
  content: "\e709";
}
.mdi-content-forward:before {
  content: "\e70a";
}
.mdi-content-gesture:before {
  content: "\e70b";
}
.mdi-content-inbox:before {
  content: "\e70c";
}
.mdi-content-link:before {
  content: "\e70d";
}
.mdi-content-mail:before {
  content: "\e70e";
}
.mdi-content-markunread:before {
  content: "\e70f";
}
.mdi-content-redo:before {
  content: "\e710";
}
.mdi-content-remove:before {
  content: "\e711";
}
.mdi-content-remove-circle:before {
  content: "\e712";
}
.mdi-content-remove-circle-outline:before {
  content: "\e713";
}
.mdi-content-reply:before {
  content: "\e714";
}
.mdi-content-reply-all:before {
  content: "\e715";
}
.mdi-content-report:before {
  content: "\e716";
}
.mdi-content-save:before {
  content: "\e717";
}
.mdi-content-select-all:before {
  content: "\e718";
}
.mdi-content-send:before {
  content: "\e719";
}
.mdi-content-sort:before {
  content: "\e71a";
}
.mdi-content-text-format:before {
  content: "\e71b";
}
.mdi-content-undo:before {
  content: "\e71c";
}
.mdi-device-access-alarm:before {
  content: "\e71d";
}
.mdi-device-access-alarms:before {
  content: "\e71e";
}
.mdi-device-access-time:before {
  content: "\e71f";
}
.mdi-device-add-alarm:before {
  content: "\e720";
}
.mdi-device-airplanemode-off:before {
  content: "\e721";
}
.mdi-device-airplanemode-on:before {
  content: "\e722";
}
.mdi-device-battery-20:before {
  content: "\e723";
}
.mdi-device-battery-30:before {
  content: "\e724";
}
.mdi-device-battery-50:before {
  content: "\e725";
}
.mdi-device-battery-60:before {
  content: "\e726";
}
.mdi-device-battery-80:before {
  content: "\e727";
}
.mdi-device-battery-90:before {
  content: "\e728";
}
.mdi-device-battery-alert:before {
  content: "\e729";
}
.mdi-device-battery-charging-20:before {
  content: "\e72a";
}
.mdi-device-battery-charging-30:before {
  content: "\e72b";
}
.mdi-device-battery-charging-50:before {
  content: "\e72c";
}
.mdi-device-battery-charging-60:before {
  content: "\e72d";
}
.mdi-device-battery-charging-80:before {
  content: "\e72e";
}
.mdi-device-battery-charging-90:before {
  content: "\e72f";
}
.mdi-device-battery-charging-full:before {
  content: "\e730";
}
.mdi-device-battery-full:before {
  content: "\e731";
}
.mdi-device-battery-std:before {
  content: "\e732";
}
.mdi-device-battery-unknown:before {
  content: "\e733";
}
.mdi-device-bluetooth:before {
  content: "\e734";
}
.mdi-device-bluetooth-connected:before {
  content: "\e735";
}
.mdi-device-bluetooth-disabled:before {
  content: "\e736";
}
.mdi-device-bluetooth-searching:before {
  content: "\e737";
}
.mdi-device-brightness-auto:before {
  content: "\e738";
}
.mdi-device-brightness-high:before {
  content: "\e739";
}
.mdi-device-brightness-low:before {
  content: "\e73a";
}
.mdi-device-brightness-medium:before {
  content: "\e73b";
}
.mdi-device-data-usage:before {
  content: "\e73c";
}
.mdi-device-developer-mode:before {
  content: "\e73d";
}
.mdi-device-devices:before {
  content: "\e73e";
}
.mdi-device-dvr:before {
  content: "\e73f";
}
.mdi-device-gps-fixed:before {
  content: "\e740";
}
.mdi-device-gps-not-fixed:before {
  content: "\e741";
}
.mdi-device-gps-off:before {
  content: "\e742";
}
.mdi-device-location-disabled:before {
  content: "\e743";
}
.mdi-device-location-searching:before {
  content: "\e744";
}
.mdi-device-multitrack-audio:before {
  content: "\e745";
}
.mdi-device-network-cell:before {
  content: "\e746";
}
.mdi-device-network-wifi:before {
  content: "\e747";
}
.mdi-device-nfc:before {
  content: "\e748";
}
.mdi-device-now-wallpaper:before {
  content: "\e749";
}
.mdi-device-now-widgets:before {
  content: "\e74a";
}
.mdi-device-screen-lock-landscape:before {
  content: "\e74b";
}
.mdi-device-screen-lock-portrait:before {
  content: "\e74c";
}
.mdi-device-screen-lock-rotation:before {
  content: "\e74d";
}
.mdi-device-screen-rotation:before {
  content: "\e74e";
}
.mdi-device-sd-storage:before {
  content: "\e74f";
}
.mdi-device-settings-system-daydream:before {
  content: "\e750";
}
.mdi-device-signal-cellular-0-bar:before {
  content: "\e751";
}
.mdi-device-signal-cellular-1-bar:before {
  content: "\e752";
}
.mdi-device-signal-cellular-2-bar:before {
  content: "\e753";
}
.mdi-device-signal-cellular-3-bar:before {
  content: "\e754";
}
.mdi-device-signal-cellular-4-bar:before {
  content: "\e755";
}
.mdi-device-signal-cellular-connected-no-internet-0-bar:before {
  content: "\e756";
}
.mdi-device-signal-cellular-connected-no-internet-1-bar:before {
  content: "\e757";
}
.mdi-device-signal-cellular-connected-no-internet-2-bar:before {
  content: "\e758";
}
.mdi-device-signal-cellular-connected-no-internet-3-bar:before {
  content: "\e759";
}
.mdi-device-signal-cellular-connected-no-internet-4-bar:before {
  content: "\e75a";
}
.mdi-device-signal-cellular-no-sim:before {
  content: "\e75b";
}
.mdi-device-signal-cellular-null:before {
  content: "\e75c";
}
.mdi-device-signal-cellular-off:before {
  content: "\e75d";
}
.mdi-device-signal-wifi-0-bar:before {
  content: "\e75e";
}
.mdi-device-signal-wifi-1-bar:before {
  content: "\e75f";
}
.mdi-device-signal-wifi-2-bar:before {
  content: "\e760";
}
.mdi-device-signal-wifi-3-bar:before {
  content: "\e761";
}
.mdi-device-signal-wifi-4-bar:before {
  content: "\e762";
}
.mdi-device-signal-wifi-off:before {
  content: "\e763";
}
.mdi-device-storage:before {
  content: "\e764";
}
.mdi-device-usb:before {
  content: "\e765";
}
.mdi-device-wifi-lock:before {
  content: "\e766";
}
.mdi-device-wifi-tethering:before {
  content: "\e767";
}
.mdi-editor-attach-file:before {
  content: "\e768";
}
.mdi-editor-attach-money:before {
  content: "\e769";
}
.mdi-editor-border-all:before {
  content: "\e76a";
}
.mdi-editor-border-bottom:before {
  content: "\e76b";
}
.mdi-editor-border-clear:before {
  content: "\e76c";
}
.mdi-editor-border-color:before {
  content: "\e76d";
}
.mdi-editor-border-horizontal:before {
  content: "\e76e";
}
.mdi-editor-border-inner:before {
  content: "\e76f";
}
.mdi-editor-border-left:before {
  content: "\e770";
}
.mdi-editor-border-outer:before {
  content: "\e771";
}
.mdi-editor-border-right:before {
  content: "\e772";
}
.mdi-editor-border-style:before {
  content: "\e773";
}
.mdi-editor-border-top:before {
  content: "\e774";
}
.mdi-editor-border-vertical:before {
  content: "\e775";
}
.mdi-editor-format-align-center:before {
  content: "\e776";
}
.mdi-editor-format-align-justify:before {
  content: "\e777";
}
.mdi-editor-format-align-left:before {
  content: "\e778";
}
.mdi-editor-format-align-right:before {
  content: "\e779";
}
.mdi-editor-format-bold:before {
  content: "\e77a";
}
.mdi-editor-format-clear:before {
  content: "\e77b";
}
.mdi-editor-format-color-fill:before {
  content: "\e77c";
}
.mdi-editor-format-color-reset:before {
  content: "\e77d";
}
.mdi-editor-format-color-text:before {
  content: "\e77e";
}
.mdi-editor-format-indent-decrease:before {
  content: "\e77f";
}
.mdi-editor-format-indent-increase:before {
  content: "\e780";
}
.mdi-editor-format-italic:before {
  content: "\e781";
}
.mdi-editor-format-line-spacing:before {
  content: "\e782";
}
.mdi-editor-format-list-bulleted:before {
  content: "\e783";
}
.mdi-editor-format-list-numbered:before {
  content: "\e784";
}
.mdi-editor-format-paint:before {
  content: "\e785";
}
.mdi-editor-format-quote:before {
  content: "\e786";
}
.mdi-editor-format-size:before {
  content: "\e787";
}
.mdi-editor-format-strikethrough:before {
  content: "\e788";
}
.mdi-editor-format-textdirection-l-to-r:before {
  content: "\e789";
}
.mdi-editor-format-textdirection-r-to-l:before {
  content: "\e78a";
}
.mdi-editor-format-underline:before {
  content: "\e78b";
}
.mdi-editor-functions:before {
  content: "\e78c";
}
.mdi-editor-insert-chart:before {
  content: "\e78d";
}
.mdi-editor-insert-comment:before {
  content: "\e78e";
}
.mdi-editor-insert-drive-file:before {
  content: "\e78f";
}
.mdi-editor-insert-emoticon:before {
  content: "\e790";
}
.mdi-editor-insert-invitation:before {
  content: "\e791";
}
.mdi-editor-insert-link:before {
  content: "\e792";
}
.mdi-editor-insert-photo:before {
  content: "\e793";
}
.mdi-editor-merge-type:before {
  content: "\e794";
}
.mdi-editor-mode-comment:before {
  content: "\e795";
}
.mdi-editor-mode-edit:before {
  content: "\e796";
}
.mdi-editor-publish:before {
  content: "\e797";
}
.mdi-editor-vertical-align-bottom:before {
  content: "\e798";
}
.mdi-editor-vertical-align-center:before {
  content: "\e799";
}
.mdi-editor-vertical-align-top:before {
  content: "\e79a";
}
.mdi-editor-wrap-text:before {
  content: "\e79b";
}
.mdi-file-attachment:before {
  content: "\e79c";
}
.mdi-file-cloud:before {
  content: "\e79d";
}
.mdi-file-cloud-circle:before {
  content: "\e79e";
}
.mdi-file-cloud-done:before {
  content: "\e79f";
}
.mdi-file-cloud-download:before {
  content: "\e7a0";
}
.mdi-file-cloud-off:before {
  content: "\e7a1";
}
.mdi-file-cloud-queue:before {
  content: "\e7a2";
}
.mdi-file-cloud-upload:before {
  content: "\e7a3";
}
.mdi-file-file-download:before {
  content: "\e7a4";
}
.mdi-file-file-upload:before {
  content: "\e7a5";
}
.mdi-file-folder:before {
  content: "\e7a6";
}
.mdi-file-folder-open:before {
  content: "\e7a7";
}
.mdi-file-folder-shared:before {
  content: "\e7a8";
}
.mdi-hardware-cast:before {
  content: "\e7a9";
}
.mdi-hardware-cast-connected:before {
  content: "\e7aa";
}
.mdi-hardware-computer:before {
  content: "\e7ab";
}
.mdi-hardware-desktop-mac:before {
  content: "\e7ac";
}
.mdi-hardware-desktop-windows:before {
  content: "\e7ad";
}
.mdi-hardware-dock:before {
  content: "\e7ae";
}
.mdi-hardware-gamepad:before {
  content: "\e7af";
}
.mdi-hardware-headset:before {
  content: "\e7b0";
}
.mdi-hardware-headset-mic:before {
  content: "\e7b1";
}
.mdi-hardware-keyboard:before {
  content: "\e7b2";
}
.mdi-hardware-keyboard-alt:before {
  content: "\e7b3";
}
.mdi-hardware-keyboard-arrow-down:before {
  content: "\e7b4";
}
.mdi-hardware-keyboard-arrow-left:before {
  content: "\e7b5";
}
.mdi-hardware-keyboard-arrow-right:before {
  content: "\e7b6";
}
.mdi-hardware-keyboard-arrow-up:before {
  content: "\e7b7";
}
.mdi-hardware-keyboard-backspace:before {
  content: "\e7b8";
}
.mdi-hardware-keyboard-capslock:before {
  content: "\e7b9";
}
.mdi-hardware-keyboard-control:before {
  content: "\e7ba";
}
.mdi-hardware-keyboard-hide:before {
  content: "\e7bb";
}
.mdi-hardware-keyboard-return:before {
  content: "\e7bc";
}
.mdi-hardware-keyboard-tab:before {
  content: "\e7bd";
}
.mdi-hardware-keyboard-voice:before {
  content: "\e7be";
}
.mdi-hardware-laptop:before {
  content: "\e7bf";
}
.mdi-hardware-laptop-chromebook:before {
  content: "\e7c0";
}
.mdi-hardware-laptop-mac:before {
  content: "\e7c1";
}
.mdi-hardware-laptop-windows:before {
  content: "\e7c2";
}
.mdi-hardware-memory:before {
  content: "\e7c3";
}
.mdi-hardware-mouse:before {
  content: "\e7c4";
}
.mdi-hardware-phone-android:before {
  content: "\e7c5";
}
.mdi-hardware-phone-iphone:before {
  content: "\e7c6";
}
.mdi-hardware-phonelink:before {
  content: "\e7c7";
}
.mdi-hardware-phonelink-off:before {
  content: "\e7c8";
}
.mdi-hardware-security:before {
  content: "\e7c9";
}
.mdi-hardware-sim-card:before {
  content: "\e7ca";
}
.mdi-hardware-smartphone:before {
  content: "\e7cb";
}
.mdi-hardware-speaker:before {
  content: "\e7cc";
}
.mdi-hardware-tablet:before {
  content: "\e7cd";
}
.mdi-hardware-tablet-android:before {
  content: "\e7ce";
}
.mdi-hardware-tablet-mac:before {
  content: "\e7cf";
}
.mdi-hardware-tv:before {
  content: "\e7d0";
}
.mdi-hardware-watch:before {
  content: "\e7d1";
}
.mdi-image-add-to-photos:before {
  content: "\e7d2";
}
.mdi-image-adjust:before {
  content: "\e7d3";
}
.mdi-image-assistant-photo:before {
  content: "\e7d4";
}
.mdi-image-audiotrack:before {
  content: "\e7d5";
}
.mdi-image-blur-circular:before {
  content: "\e7d6";
}
.mdi-image-blur-linear:before {
  content: "\e7d7";
}
.mdi-image-blur-off:before {
  content: "\e7d8";
}
.mdi-image-blur-on:before {
  content: "\e7d9";
}
.mdi-image-brightness-1:before {
  content: "\e7da";
}
.mdi-image-brightness-2:before {
  content: "\e7db";
}
.mdi-image-brightness-3:before {
  content: "\e7dc";
}
.mdi-image-brightness-4:before {
  content: "\e7dd";
}
.mdi-image-brightness-5:before {
  content: "\e7de";
}
.mdi-image-brightness-6:before {
  content: "\e7df";
}
.mdi-image-brightness-7:before {
  content: "\e7e0";
}
.mdi-image-brush:before {
  content: "\e7e1";
}
.mdi-image-camera:before {
  content: "\e7e2";
}
.mdi-image-camera-alt:before {
  content: "\e7e3";
}
.mdi-image-camera-front:before {
  content: "\e7e4";
}
.mdi-image-camera-rear:before {
  content: "\e7e5";
}
.mdi-image-camera-roll:before {
  content: "\e7e6";
}
.mdi-image-center-focus-strong:before {
  content: "\e7e7";
}
.mdi-image-center-focus-weak:before {
  content: "\e7e8";
}
.mdi-image-collections:before {
  content: "\e7e9";
}
.mdi-image-colorize:before {
  content: "\e7ea";
}
.mdi-image-color-lens:before {
  content: "\e7eb";
}
.mdi-image-compare:before {
  content: "\e7ec";
}
.mdi-image-control-point:before {
  content: "\e7ed";
}
.mdi-image-control-point-duplicate:before {
  content: "\e7ee";
}
.mdi-image-crop:before {
  content: "\e7ef";
}
.mdi-image-crop-3-2:before {
  content: "\e7f0";
}
.mdi-image-crop-5-4:before {
  content: "\e7f1";
}
.mdi-image-crop-7-5:before {
  content: "\e7f2";
}
.mdi-image-crop-16-9:before {
  content: "\e7f3";
}
.mdi-image-crop-din:before {
  content: "\e7f4";
}
.mdi-image-crop-free:before {
  content: "\e7f5";
}
.mdi-image-crop-landscape:before {
  content: "\e7f6";
}
.mdi-image-crop-original:before {
  content: "\e7f7";
}
.mdi-image-crop-portrait:before {
  content: "\e7f8";
}
.mdi-image-crop-square:before {
  content: "\e7f9";
}
.mdi-image-dehaze:before {
  content: "\e7fa";
}
.mdi-image-details:before {
  content: "\e7fb";
}
.mdi-image-edit:before {
  content: "\e7fc";
}
.mdi-image-exposure:before {
  content: "\e7fd";
}
.mdi-image-exposure-minus-1:before {
  content: "\e7fe";
}
.mdi-image-exposure-minus-2:before {
  content: "\e7ff";
}
.mdi-image-exposure-plus-1:before {
  content: "\e800";
}
.mdi-image-exposure-plus-2:before {
  content: "\e801";
}
.mdi-image-exposure-zero:before {
  content: "\e802";
}
.mdi-image-filter:before {
  content: "\e803";
}
.mdi-image-filter-1:before {
  content: "\e804";
}
.mdi-image-filter-2:before {
  content: "\e805";
}
.mdi-image-filter-3:before {
  content: "\e806";
}
.mdi-image-filter-4:before {
  content: "\e807";
}
.mdi-image-filter-5:before {
  content: "\e808";
}
.mdi-image-filter-6:before {
  content: "\e809";
}
.mdi-image-filter-7:before {
  content: "\e80a";
}
.mdi-image-filter-8:before {
  content: "\e80b";
}
.mdi-image-filter-9:before {
  content: "\e80c";
}
.mdi-image-filter-9-plus:before {
  content: "\e80d";
}
.mdi-image-filter-b-and-w:before {
  content: "\e80e";
}
.mdi-image-filter-center-focus:before {
  content: "\e80f";
}
.mdi-image-filter-drama:before {
  content: "\e810";
}
.mdi-image-filter-frames:before {
  content: "\e811";
}
.mdi-image-filter-hdr:before {
  content: "\e812";
}
.mdi-image-filter-none:before {
  content: "\e813";
}
.mdi-image-filter-tilt-shift:before {
  content: "\e814";
}
.mdi-image-filter-vintage:before {
  content: "\e815";
}
.mdi-image-flare:before {
  content: "\e816";
}
.mdi-image-flash-auto:before {
  content: "\e817";
}
.mdi-image-flash-off:before {
  content: "\e818";
}
.mdi-image-flash-on:before {
  content: "\e819";
}
.mdi-image-flip:before {
  content: "\e81a";
}
.mdi-image-gradient:before {
  content: "\e81b";
}
.mdi-image-grain:before {
  content: "\e81c";
}
.mdi-image-grid-off:before {
  content: "\e81d";
}
.mdi-image-grid-on:before {
  content: "\e81e";
}
.mdi-image-hdr-off:before {
  content: "\e81f";
}
.mdi-image-hdr-on:before {
  content: "\e820";
}
.mdi-image-hdr-strong:before {
  content: "\e821";
}
.mdi-image-hdr-weak:before {
  content: "\e822";
}
.mdi-image-healing:before {
  content: "\e823";
}
.mdi-image-image:before {
  content: "\e824";
}
.mdi-image-image-aspect-ratio:before {
  content: "\e825";
}
.mdi-image-iso:before {
  content: "\e826";
}
.mdi-image-landscape:before {
  content: "\e827";
}
.mdi-image-leak-add:before {
  content: "\e828";
}
.mdi-image-leak-remove:before {
  content: "\e829";
}
.mdi-image-lens:before {
  content: "\e82a";
}
.mdi-image-looks:before {
  content: "\e82b";
}
.mdi-image-looks-3:before {
  content: "\e82c";
}
.mdi-image-looks-4:before {
  content: "\e82d";
}
.mdi-image-looks-5:before {
  content: "\e82e";
}
.mdi-image-looks-6:before {
  content: "\e82f";
}
.mdi-image-looks-one:before {
  content: "\e830";
}
.mdi-image-looks-two:before {
  content: "\e831";
}
.mdi-image-loupe:before {
  content: "\e832";
}
.mdi-image-movie-creation:before {
  content: "\e833";
}
.mdi-image-nature:before {
  content: "\e834";
}
.mdi-image-nature-people:before {
  content: "\e835";
}
.mdi-image-navigate-before:before {
  content: "\e836";
}
.mdi-image-navigate-next:before {
  content: "\e837";
}
.mdi-image-palette:before {
  content: "\e838";
}
.mdi-image-panorama:before {
  content: "\e839";
}
.mdi-image-panorama-fisheye:before {
  content: "\e83a";
}
.mdi-image-panorama-horizontal:before {
  content: "\e83b";
}
.mdi-image-panorama-vertical:before {
  content: "\e83c";
}
.mdi-image-panorama-wide-angle:before {
  content: "\e83d";
}
.mdi-image-photo:before {
  content: "\e83e";
}
.mdi-image-photo-album:before {
  content: "\e83f";
}
.mdi-image-photo-camera:before {
  content: "\e840";
}
.mdi-image-photo-library:before {
  content: "\e841";
}
.mdi-image-portrait:before {
  content: "\e842";
}
.mdi-image-remove-red-eye:before {
  content: "\e843";
}
.mdi-image-rotate-left:before {
  content: "\e844";
}
.mdi-image-rotate-right:before {
  content: "\e845";
}
.mdi-image-slideshow:before {
  content: "\e846";
}
.mdi-image-straighten:before {
  content: "\e847";
}
.mdi-image-style:before {
  content: "\e848";
}
.mdi-image-switch-camera:before {
  content: "\e849";
}
.mdi-image-switch-video:before {
  content: "\e84a";
}
.mdi-image-tag-faces:before {
  content: "\e84b";
}
.mdi-image-texture:before {
  content: "\e84c";
}
.mdi-image-timelapse:before {
  content: "\e84d";
}
.mdi-image-timer:before {
  content: "\e84e";
}
.mdi-image-timer-3:before {
  content: "\e84f";
}
.mdi-image-timer-10:before {
  content: "\e850";
}
.mdi-image-timer-auto:before {
  content: "\e851";
}
.mdi-image-timer-off:before {
  content: "\e852";
}
.mdi-image-tonality:before {
  content: "\e853";
}
.mdi-image-transform:before {
  content: "\e854";
}
.mdi-image-tune:before {
  content: "\e855";
}
.mdi-image-wb-auto:before {
  content: "\e856";
}
.mdi-image-wb-cloudy:before {
  content: "\e857";
}
.mdi-image-wb-incandescent:before {
  content: "\e858";
}
.mdi-image-wb-irradescent:before {
  content: "\e859";
}
.mdi-image-wb-sunny:before {
  content: "\e85a";
}
.mdi-maps-beenhere:before {
  content: "\e85b";
}
.mdi-maps-directions:before {
  content: "\e85c";
}
.mdi-maps-directions-bike:before {
  content: "\e85d";
}
.mdi-maps-directions-bus:before {
  content: "\e85e";
}
.mdi-maps-directions-car:before {
  content: "\e85f";
}
.mdi-maps-directions-ferry:before {
  content: "\e860";
}
.mdi-maps-directions-subway:before {
  content: "\e861";
}
.mdi-maps-directions-train:before {
  content: "\e862";
}
.mdi-maps-directions-transit:before {
  content: "\e863";
}
.mdi-maps-directions-walk:before {
  content: "\e864";
}
.mdi-maps-flight:before {
  content: "\e865";
}
.mdi-maps-hotel:before {
  content: "\e866";
}
.mdi-maps-layers:before {
  content: "\e867";
}
.mdi-maps-layers-clear:before {
  content: "\e868";
}
.mdi-maps-local-airport:before {
  content: "\e869";
}
.mdi-maps-local-atm:before {
  content: "\e86a";
}
.mdi-maps-local-attraction:before {
  content: "\e86b";
}
.mdi-maps-local-bar:before {
  content: "\e86c";
}
.mdi-maps-local-cafe:before {
  content: "\e86d";
}
.mdi-maps-local-car-wash:before {
  content: "\e86e";
}
.mdi-maps-local-convenience-store:before {
  content: "\e86f";
}
.mdi-maps-local-drink:before {
  content: "\e870";
}
.mdi-maps-local-florist:before {
  content: "\e871";
}
.mdi-maps-local-gas-station:before {
  content: "\e872";
}
.mdi-maps-local-grocery-store:before {
  content: "\e873";
}
.mdi-maps-local-hospital:before {
  content: "\e874";
}
.mdi-maps-local-hotel:before {
  content: "\e875";
}
.mdi-maps-local-laundry-service:before {
  content: "\e876";
}
.mdi-maps-local-library:before {
  content: "\e877";
}
.mdi-maps-local-mall:before {
  content: "\e878";
}
.mdi-maps-local-movies:before {
  content: "\e879";
}
.mdi-maps-local-offer:before {
  content: "\e87a";
}
.mdi-maps-local-parking:before {
  content: "\e87b";
}
.mdi-maps-local-pharmacy:before {
  content: "\e87c";
}
.mdi-maps-local-phone:before {
  content: "\e87d";
}
.mdi-maps-local-pizza:before {
  content: "\e87e";
}
.mdi-maps-local-play:before {
  content: "\e87f";
}
.mdi-maps-local-post-office:before {
  content: "\e880";
}
.mdi-maps-local-print-shop:before {
  content: "\e881";
}
.mdi-maps-local-restaurant:before {
  content: "\e882";
}
.mdi-maps-local-see:before {
  content: "\e883";
}
.mdi-maps-local-shipping:before {
  content: "\e884";
}
.mdi-maps-local-taxi:before {
  content: "\e885";
}
.mdi-maps-location-history:before {
  content: "\e886";
}
.mdi-maps-map:before {
  content: "\e887";
}
.mdi-maps-my-location:before {
  content: "\e888";
}
.mdi-maps-navigation:before {
  content: "\e889";
}
.mdi-maps-pin-drop:before {
  content: "\e88a";
}
.mdi-maps-place:before {
  content: "\e88b";
}
.mdi-maps-rate-review:before {
  content: "\e88c";
}
.mdi-maps-restaurant-menu:before {
  content: "\e88d";
}
.mdi-maps-satellite:before {
  content: "\e88e";
}
.mdi-maps-store-mall-directory:before {
  content: "\e88f";
}
.mdi-maps-terrain:before {
  content: "\e890";
}
.mdi-maps-traffic:before {
  content: "\e891";
}
.mdi-navigation-apps:before {
  content: "\e892";
}
.mdi-navigation-arrow-back:before {
  content: "\e893";
}
.mdi-navigation-arrow-drop-down:before,
.select-wrapper span.select-dropdown:after {
  content: "\e894";
}
.mdi-navigation-arrow-drop-down-circle:before {
  content: "\e895";
}
.mdi-navigation-arrow-drop-up:before {
  content: "\e896";
}
.mdi-navigation-arrow-forward:before {
  content: "\e897";
}
.mdi-navigation-cancel:before {
  content: "\e898";
}
.mdi-navigation-check:before {
  content: "\e899";
}
.mdi-navigation-chevron-left:before {
  content: "\e89a";
}
.mdi-navigation-chevron-right:before {
  content: "\e89b";
}
.mdi-navigation-close:before {
  content: "\e89c";
}
.mdi-navigation-expand-less:before {
  content: "\e89d";
}
.mdi-navigation-expand-more:before {
  content: "\e89e";
}
.mdi-navigation-fullscreen:before {
  content: "\e89f";
}
.mdi-navigation-fullscreen-exit:before {
  content: "\e8a0";
}
.mdi-navigation-menu:before {
  content: "\e8a1";
}
.mdi-navigation-more-horiz:before {
  content: "\e8a2";
}
.mdi-navigation-more-vert:before {
  content: "\e8a3";
}
.mdi-navigation-refresh:before {
  content: "\e8a4";
}
.mdi-navigation-unfold-less:before {
  content: "\e8a5";
}
.mdi-navigation-unfold-more:before {
  content: "\e8a6";
}
.mdi-notification-adb:before {
  content: "\e8a7";
}
.mdi-notification-bluetooth-audio:before {
  content: "\e8a8";
}
.mdi-notification-disc-full:before {
  content: "\e8a9";
}
.mdi-notification-dnd-forwardslash:before {
  content: "\e8aa";
}
.mdi-notification-do-not-disturb:before {
  content: "\e8ab";
}
.mdi-notification-drive-eta:before {
  content: "\e8ac";
}
.mdi-notification-event-available:before {
  content: "\e8ad";
}
.mdi-notification-event-busy:before {
  content: "\e8ae";
}
.mdi-notification-event-note:before {
  content: "\e8af";
}
.mdi-notification-folder-special:before {
  content: "\e8b0";
}
.mdi-notification-mms:before {
  content: "\e8b1";
}
.mdi-notification-more:before {
  content: "\e8b2";
}
.mdi-notification-network-locked:before {
  content: "\e8b3";
}
.mdi-notification-phone-bluetooth-speaker:before {
  content: "\e8b4";
}
.mdi-notification-phone-forwarded:before {
  content: "\e8b5";
}
.mdi-notification-phone-in-talk:before {
  content: "\e8b6";
}
.mdi-notification-phone-locked:before {
  content: "\e8b7";
}
.mdi-notification-phone-missed:before {
  content: "\e8b8";
}
.mdi-notification-phone-paused:before {
  content: "\e8b9";
}
.mdi-notification-play-download:before {
  content: "\e8ba";
}
.mdi-notification-play-install:before {
  content: "\e8bb";
}
.mdi-notification-sd-card:before {
  content: "\e8bc";
}
.mdi-notification-sim-card-alert:before {
  content: "\e8bd";
}
.mdi-notification-sms:before {
  content: "\e8be";
}
.mdi-notification-sms-failed:before {
  content: "\e8bf";
}
.mdi-notification-sync:before {
  content: "\e8c0";
}
.mdi-notification-sync-disabled:before {
  content: "\e8c1";
}
.mdi-notification-sync-problem:before {
  content: "\e8c2";
}
.mdi-notification-system-update:before {
  content: "\e8c3";
}
.mdi-notification-tap-and-play:before {
  content: "\e8c4";
}
.mdi-notification-time-to-leave:before {
  content: "\e8c5";
}
.mdi-notification-vibration:before {
  content: "\e8c6";
}
.mdi-notification-voice-chat:before {
  content: "\e8c7";
}
.mdi-notification-vpn-lock:before {
  content: "\e8c8";
}
.mdi-social-cake:before {
  content: "\e8c9";
}
.mdi-social-domain:before {
  content: "\e8ca";
}
.mdi-social-group:before {
  content: "\e8cb";
}
.mdi-social-group-add:before {
  content: "\e8cc";
}
.mdi-social-location-city:before {
  content: "\e8cd";
}
.mdi-social-mood:before {
  content: "\e8ce";
}
.mdi-social-notifications:before {
  content: "\e8cf";
}
.mdi-social-notifications-none:before {
  content: "\e8d0";
}
.mdi-social-notifications-off:before {
  content: "\e8d1";
}
.mdi-social-notifications-on:before {
  content: "\e8d2";
}
.mdi-social-notifications-paused:before {
  content: "\e8d3";
}
.mdi-social-pages:before {
  content: "\e8d4";
}
.mdi-social-party-mode:before {
  content: "\e8d5";
}
.mdi-social-people:before {
  content: "\e8d6";
}
.mdi-social-people-outline:before {
  content: "\e8d7";
}
.mdi-social-person:before {
  content: "\e8d8";
}
.mdi-social-person-add:before {
  content: "\e8d9";
}
.mdi-social-person-outline:before {
  content: "\e8da";
}
.mdi-social-plus-one:before {
  content: "\e8db";
}
.mdi-social-poll:before {
  content: "\e8dc";
}
.mdi-social-public:before {
  content: "\e8dd";
}
.mdi-social-school:before {
  content: "\e8de";
}
.mdi-social-share:before {
  content: "\e8df";
}
.mdi-social-whatshot:before {
  content: "\e8e0";
}
.mdi-toggle-check-box:before {
  content: "\e8e1";
}
.mdi-toggle-check-box-outline-blank:before {
  content: "\e8e2";
}
.mdi-toggle-radio-button-off:before {
  content: "\e8e3";
}
.mdi-toggle-radio-button-on:before {
  content: "\e8e4";
}
.container {
  padding: 0 1.5rem;
  margin: 0 auto;
  max-width: 1280px;
  width: 90%;
}
@media only screen and (min-width: 600px) {
  .container {
    width: 85%;
  }
}
@media only screen and (min-width: 992px) {
  .container {
    width: 70%;
  }
}
.container .row {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}
.section {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.section.no-pad {
  padding: 0;
}
.section.no-pad-bot {
  padding-bottom: 0;
}
.section.no-pad-top {
  padding-top: 0;
}
.row {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
.row .col {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.75rem;
}
.row .col.s1 {
  width: 8.33333%;
  margin-left: 0;
}
.row .col.s2 {
  width: 16.66667%;
  margin-left: 0;
}
.row .col.s3 {
  width: 25%;
  margin-left: 0;
}
.row .col.s4 {
  width: 33.33333%;
  margin-left: 0;
}
.row .col.s5 {
  width: 41.66667%;
  margin-left: 0;
}
.row .col.s6 {
  width: 50%;
  margin-left: 0;
}
.row .col.s7 {
  width: 58.33333%;
  margin-left: 0;
}
.row .col.s8 {
  width: 66.66667%;
  margin-left: 0;
}
.row .col.s9 {
  width: 75%;
  margin-left: 0;
}
.row .col.s10 {
  width: 83.33333%;
  margin-left: 0;
}
.row .col.s11 {
  width: 91.66667%;
  margin-left: 0;
}
.row .col.s12 {
  width: 100%;
  margin-left: 0;
}
.row .col.offset-s1 {
  margin-left: 8.33333%;
}
.row .col.offset-s2 {
  margin-left: 16.66667%;
}
.row .col.offset-s3 {
  margin-left: 25%;
}
.row .col.offset-s4 {
  margin-left: 33.33333%;
}
.row .col.offset-s5 {
  margin-left: 41.66667%;
}
.row .col.offset-s6 {
  margin-left: 50%;
}
.row .col.offset-s7 {
  margin-left: 58.33333%;
}
.row .col.offset-s8 {
  margin-left: 66.66667%;
}
.row .col.offset-s9 {
  margin-left: 75%;
}
.row .col.offset-s10 {
  margin-left: 83.33333%;
}
.row .col.offset-s11 {
  margin-left: 91.66667%;
}
.row .col.offset-s12 {
  margin-left: 100%;
}
@media only screen and (min-width: 600px) {
  .row .col.m1 {
    width: 8.33333%;
    margin-left: 0;
  }
  .row .col.m2 {
    width: 16.66667%;
    margin-left: 0;
  }
  .row .col.m3 {
    width: 25%;
    margin-left: 0;
  }
  .row .col.m4 {
    width: 33.33333%;
    margin-left: 0;
  }
  .row .col.m5 {
    width: 41.66667%;
    margin-left: 0;
  }
  .row .col.m6 {
    width: 50%;
    margin-left: 0;
  }
  .row .col.m7 {
    width: 58.33333%;
    margin-left: 0;
  }
  .row .col.m8 {
    width: 66.66667%;
    margin-left: 0;
  }
  .row .col.m9 {
    width: 75%;
    margin-left: 0;
  }
  .row .col.m10 {
    width: 83.33333%;
    margin-left: 0;
  }
  .row .col.m11 {
    width: 91.66667%;
    margin-left: 0;
  }
  .row .col.m12 {
    width: 100%;
    margin-left: 0;
  }
  .row .col.offset-m1 {
    margin-left: 8.33333%;
  }
  .row .col.offset-m2 {
    margin-left: 16.66667%;
  }
  .row .col.offset-m3 {
    margin-left: 25%;
  }
  .row .col.offset-m4 {
    margin-left: 33.33333%;
  }
  .row .col.offset-m5 {
    margin-left: 41.66667%;
  }
  .row .col.offset-m6 {
    margin-left: 50%;
  }
  .row .col.offset-m7 {
    margin-left: 58.33333%;
  }
  .row .col.offset-m8 {
    margin-left: 66.66667%;
  }
  .row .col.offset-m9 {
    margin-left: 75%;
  }
  .row .col.offset-m10 {
    margin-left: 83.33333%;
  }
  .row .col.offset-m11 {
    margin-left: 91.66667%;
  }
  .row .col.offset-m12 {
    margin-left: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .row .col.l1 {
    width: 8.33333%;
    margin-left: 0;
  }
  .row .col.l2 {
    width: 16.66667%;
    margin-left: 0;
  }
  .row .col.l3 {
    width: 25%;
    margin-left: 0;
  }
  .row .col.l4 {
    width: 33.33333%;
    margin-left: 0;
  }
  .row .col.l5 {
    width: 41.66667%;
    margin-left: 0;
  }
  .row .col.l6 {
    width: 50%;
    margin-left: 0;
  }
  .row .col.l7 {
    width: 58.33333%;
    margin-left: 0;
  }
  .row .col.l8 {
    width: 66.66667%;
    margin-left: 0;
  }
  .row .col.l9 {
    width: 75%;
    margin-left: 0;
  }
  .row .col.l10 {
    width: 83.33333%;
    margin-left: 0;
  }
  .row .col.l11 {
    width: 91.66667%;
    margin-left: 0;
  }
  .row .col.l12 {
    width: 100%;
    margin-left: 0;
  }
  .row .col.offset-l1 {
    margin-left: 8.33333%;
  }
  .row .col.offset-l2 {
    margin-left: 16.66667%;
  }
  .row .col.offset-l3 {
    margin-left: 25%;
  }
  .row .col.offset-l4 {
    margin-left: 33.33333%;
  }
  .row .col.offset-l5 {
    margin-left: 41.66667%;
  }
  .row .col.offset-l6 {
    margin-left: 50%;
  }
  .row .col.offset-l7 {
    margin-left: 58.33333%;
  }
  .row .col.offset-l8 {
    margin-left: 66.66667%;
  }
  .row .col.offset-l9 {
    margin-left: 75%;
  }
  .row .col.offset-l10 {
    margin-left: 83.33333%;
  }
  .row .col.offset-l11 {
    margin-left: 91.66667%;
  }
  .row .col.offset-l12 {
    margin-left: 100%;
  }
}
nav {
  color: #fff;
  width: 100%;
  height: 45px;
  line-height: 45px;
}
nav .nav-wrapper {
  position: relative;
  height: 100%;
}
nav a {
  color: #fff;
}
nav a.button-collapse {
  float: left;
  position: relative;
  z-index: 1;
}
nav a.button-collapse i {
  font-size: 2.7rem;
  height: 45px;
  line-height: 45px;
}
nav .brand-logo {
  position: absolute;
  color: #fff;
  display: inline-block;
  font-size: 2.1rem;
  padding: 0;
}
@media only screen and (max-width: 992px) {
  nav .brand-logo {
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 0;
  }
}
nav .brand-logo.right {
  right: 0.5rem;
  padding: 0;
}
nav ul {
  margin: 0;
  float: right;
}
nav ul li {
  float: left;
  padding: 0px;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
nav ul li:hover,
nav ul li.active {
  background-color: rgba(0, 0, 0, 0.1);
}
nav ul a {
  font-size: 1rem;
  color: #fff;
  display: block;
  padding: 0px 15px;
}
nav ul.left {
  float: left;
}
@media only screen and (min-width: 600px) {
  nav,
  nav .nav-wrapper i,
  nav a.button-collapse i {
    height: 45px;
    line-height: 45px;
  }
  nav .nav-wrapper i {
    font-size: 2rem;
  }
}
@font-face {
  font-family: "Roboto";
  src: url(fonts/roboto/Roboto-Thin.ttf);
  font-weight: 200;
}
@font-face {
  font-family: "Roboto";
  src: url(fonts/roboto/Roboto-Light.ttf);
  font-weight: 300;
}
@font-face {
  font-family: "Roboto";
  src: url(fonts/roboto/Roboto-Regular.ttf);
  font-weight: 400;
}
@font-face {
  font-family: "Roboto";
  src: url(fonts/roboto/Roboto-Medium.ttf);
  font-weight: 500;
}
@font-face {
  font-family: "Roboto";
  src: url(fonts/roboto/Roboto-Bold.ttf);
  font-weight: 700;
}
a {
  text-decoration: none;
}
html {
  line-height: 1.5;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.87);
}
@media only screen and (min-width: 0) {
  html {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) {
  html {
    font-size: 14.5px;
  }
}
@media only screen and (min-width: 1200px) {
  html {
    font-size: 15px;
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-weight: inherit;
}
h1 {
  font-size: 4.2rem;
  line-height: 4.62rem;
}
h2 {
  font-size: 3.56rem;
  line-height: 3.916rem;
  margin: 1.78rem 0 1.424rem 0;
}
h3 {
  font-size: 2.92rem;
  line-height: 3.212rem;
  margin: 1.46rem 0 1.168rem 0;
}
h4 {
  font-size: 2.28rem;
  line-height: 2.508rem;
  margin: 1.14rem 0 0.912rem 0;
}
h5 {
  font-size: 1.64rem;
  line-height: 1.804rem;
  margin: 0.82rem 0 0.656rem 0;
}
h6 {
  font-size: 1rem;
  line-height: 1.1rem;
  margin: 0.5rem 0 0.4rem 0;
}
em {
  font-style: italic;
}
strong {
  font-weight: 500;
}
small {
  font-size: 75%;
}
.light,
footer .footer-copyright {
  font-weight: 300;
}
.flow-text {
  font-weight: 300;
}
@media only screen and (min-width: 360px) {
  .flow-text {
    font-size: 1.2rem;
  }
}
@media only screen and (min-width: 0px) {
  .flow-text {
    line-height: 0.8rem;
  }
}
@media only screen and (min-width: 390px) {
  .flow-text {
    font-size: 1.224rem;
  }
}
@media only screen and (min-width: 30px) {
  .flow-text {
    line-height: 0.904rem;
  }
}
@media only screen and (min-width: 420px) {
  .flow-text {
    font-size: 1.248rem;
  }
}
@media only screen and (min-width: 60px) {
  .flow-text {
    line-height: 1.008rem;
  }
}
@media only screen and (min-width: 450px) {
  .flow-text {
    font-size: 1.272rem;
  }
}
@media only screen and (min-width: 90px) {
  .flow-text {
    line-height: 1.112rem;
  }
}
@media only screen and (min-width: 480px) {
  .flow-text {
    font-size: 1.296rem;
  }
}
@media only screen and (min-width: 120px) {
  .flow-text {
    line-height: 1.216rem;
  }
}
@media only screen and (min-width: 510px) {
  .flow-text {
    font-size: 1.32rem;
  }
}
@media only screen and (min-width: 150px) {
  .flow-text {
    line-height: 1.32rem;
  }
}
@media only screen and (min-width: 540px) {
  .flow-text {
    font-size: 1.344rem;
  }
}
@media only screen and (min-width: 180px) {
  .flow-text {
    line-height: 1.424rem;
  }
}
@media only screen and (min-width: 570px) {
  .flow-text {
    font-size: 1.368rem;
  }
}
@media only screen and (min-width: 210px) {
  .flow-text {
    line-height: 1.528rem;
  }
}
@media only screen and (min-width: 600px) {
  .flow-text {
    font-size: 1.392rem;
  }
}
@media only screen and (min-width: 240px) {
  .flow-text {
    line-height: 1.632rem;
  }
}
@media only screen and (min-width: 630px) {
  .flow-text {
    font-size: 1.416rem;
  }
}
@media only screen and (min-width: 270px) {
  .flow-text {
    line-height: 1.736rem;
  }
}
@media only screen and (min-width: 660px) {
  .flow-text {
    font-size: 1.44rem;
  }
}
@media only screen and (min-width: 300px) {
  .flow-text {
    line-height: 1.84rem;
  }
}
@media only screen and (min-width: 690px) {
  .flow-text {
    font-size: 1.464rem;
  }
}
@media only screen and (min-width: 330px) {
  .flow-text {
    line-height: 1.944rem;
  }
}
@media only screen and (min-width: 720px) {
  .flow-text {
    font-size: 1.488rem;
  }
}
@media only screen and (min-width: 360px) {
  .flow-text {
    line-height: 2.048rem;
  }
}
@media only screen and (min-width: 750px) {
  .flow-text {
    font-size: 1.512rem;
  }
}
@media only screen and (min-width: 390px) {
  .flow-text {
    line-height: 2.152rem;
  }
}
@media only screen and (min-width: 780px) {
  .flow-text {
    font-size: 1.536rem;
  }
}
@media only screen and (min-width: 420px) {
  .flow-text {
    line-height: 2.256rem;
  }
}
@media only screen and (min-width: 810px) {
  .flow-text {
    font-size: 1.56rem;
  }
}
@media only screen and (min-width: 450px) {
  .flow-text {
    line-height: 2.36rem;
  }
}
@media only screen and (min-width: 840px) {
  .flow-text {
    font-size: 1.584rem;
  }
}
@media only screen and (min-width: 480px) {
  .flow-text {
    line-height: 2.464rem;
  }
}
@media only screen and (min-width: 870px) {
  .flow-text {
    font-size: 1.608rem;
  }
}
@media only screen and (min-width: 510px) {
  .flow-text {
    line-height: 2.568rem;
  }
}
@media only screen and (min-width: 900px) {
  .flow-text {
    font-size: 1.632rem;
  }
}
@media only screen and (min-width: 540px) {
  .flow-text {
    line-height: 2.672rem;
  }
}
@media only screen and (min-width: 930px) {
  .flow-text {
    font-size: 1.656rem;
  }
}
@media only screen and (min-width: 570px) {
  .flow-text {
    line-height: 2.776rem;
  }
}
@media only screen and (min-width: 960px) {
  .flow-text {
    font-size: 1.68rem;
  }
}
@media only screen and (min-width: 600px) {
  .flow-text {
    line-height: 2.88rem;
  }
}
.card-panel {
  padding: 1rem;
  margin: 8px 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-clip: padding-box;
}
.card {
  position: relative;
  overflow: hidden;
  margin-top: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-clip: padding-box;
}
.card span.card-title {
  color: #fff;
  font-size: 24px;
  font-weight: 300;
}
.card a {
  color: #ffab40;
  margin-right: 16px;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  transition: color 0.3s ease;
  text-transform: uppercase;
}
.card a:hover {
  color: #ffd8a6;
}
.card.small {
  height: 300px;
  position: relative;
}
.card.small .card-image {
  overflow: hidden;
  height: 150px;
}
.card.small .card-content {
  overflow: hidden;
  height: 150px;
}
.card.small .card-action {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.card .card-image {
  position: relative;
  overflow: hidden;
}
.card .card-image img {
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  background-clip: padding-box;
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: -1;
}
.card .card-image span.card-title {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 16px;
}
.card .card-content {
  padding: 16px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
  background-clip: padding-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.card .card-content p {
  margin: 0;
  color: inherit;
}
.card .card-content span.card-title {
  line-height: 48px;
}
.card .card-action {
  border-top: 1px solid rgba(160, 160, 160, 0.2);
  padding: 16px;
}
.card .card-reveal {
  padding: 16px;
  position: absolute;
  background-color: #FFF;
  height: 100%;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.card .card-reveal span.card-title {
  cursor: pointer;
  display: block;
}
#toast-container {
  display: block;
  position: fixed;
}
@media only screen and (max-width: 600px) {
  #toast-container {
    min-width: 100%;
    bottom: 0%;
  }
}
@media only screen and (min-width: 600px) and (max-width: 992px) {
  #toast-container {
    min-width: 30%;
    left: 5%;
    bottom: 7%;
  }
}
@media only screen and (min-width: 992px) {
  #toast-container {
    min-width: 8%;
    top: 10%;
    right: 7%;
  }
}
.toast {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-clip: padding-box;
  top: 0px;
  width: auto;
  clear: both;
  margin-top: 10px;
  position: relative;
  max-width: 100%;
  height: 48px;
  line-height: 48px;
  background-color: #323232;
  padding: 0px 20px;
  font-size: 1.1rem;
  font-weight: 300;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.toast .btn,
.toast .btn-large,
.toast .btn-flat {
  margin: 0;
  margin-left: 3rem;
}
.toast.rounded {
  border-radius: 24px;
}
@media only screen and (max-width: 600px) {
  .toast {
    width: 100%;
  }
}
@media only screen and (min-width: 600px) and (max-width: 992px) {
  .toast {
    float: left;
  }
}
@media only screen and (min-width: 992px) {
  .toast {
    float: right;
  }
}
ul.tabs {
  position: relative;
  height: 48px;
  background-color: #FFF;
  margin: 0 auto;
  width: 100%;
  white-space: nowrap;
}
ul.tabs li.tab {
  display: block;
  float: left;
  text-align: center;
  background-color: #fff;
  line-height: 48px;
  height: 48px;
  padding: 0 20px;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  width: 15%;
}
@media only screen and (min-width: 992px) {
  ul.tabs li.tab {
    max-width: 25%;
  }
}
ul.tabs li.tab a {
  color: #ee6e73;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: color 0.28s ease;
  -moz-transition: color 0.28s ease;
  -o-transition: color 0.28s ease;
  -ms-transition: color 0.28s ease;
  transition: color 0.28s ease;
}
ul.tabs li.tab a:hover {
  color: #f8c1c3;
}
ul.tabs .indicator {
  position: absolute;
  bottom: 0;
  height: 2px;
  background-color: #ee6e73;
}
ul.tabs li.tab {
  padding: 0;
}
.material-tooltip {
  padding: 10px 8px;
  font-size: 1rem;
  z-index: 1000;
  background-color: transparent;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-clip: padding-box;
  color: #fff;
  height: 1rem;
  line-height: 1rem;
  opacity: 0;
  display: none;
  position: absolute;
  text-align: center;
  overflow: hidden;
  left: 0;
  top: 0;
  will-change: top, left;
}
.backdrop {
  position: absolute;
  opacity: 0;
  display: none;
  height: 7px;
  width: 14px;
  -webkit-border-radius: 0 0 14px 14px;
  -moz-border-radius: 0 0 14px 14px;
  border-radius: 0 0 14px 14px;
  background-clip: padding-box;
  background-color: #323232;
  z-index: -1;
  -webkit-transform-origin: 50% 10%;
  -moz-transform-origin: 50% 10%;
  -ms-transform-origin: 50% 10%;
  -o-transform-origin: 50% 10%;
  transform-origin: 50% 10%;
  will-change: transform, opacity;
}
.btn.disabled,
.disabled.btn-large,
.btn-floating.disabled,
.btn-large.disabled,
.btn:disabled,
.btn-large:disabled,
.btn-large:disabled,
.btn-floating:disabled {
  background-color: #DFDFDF;
  color: #9F9F9F;
}
.btn.disabled:hover,
.disabled.btn-large:hover,
.btn-floating.disabled:hover,
.btn-large.disabled:hover,
.btn:disabled:hover,
.btn-large:disabled:hover,
.btn-large:disabled:hover,
.btn-floating:disabled:hover {
  background-color: #DFDFDF;
  color: #9F9F9F;
}
.btn i,
.btn-large i,
.btn-floating i,
.btn-large i,
.btn-flat i {
  font-size: 1.3rem;
  line-height: inherit;
}
.btn-floating {
  display: inline-block;
  position: relative;
  z-index: 1;
  width: 40px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  background-color: #2196F3;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-clip: padding-box;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}
.btn-floating i {
  width: inherit;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 1.6rem;
  line-height: 40px;
}
.btn-flat {
  box-shadow: none;
  background-color: transparent;
  color: #343434;
  cursor: pointer;
}
.btn-flat.disabled {
  color: #b3b3b3;
}
.btn-large {
  height: 54px;
  line-height: 56px;
}
.btn-large i {
  font-size: 1.6rem;
}
li.divider {
  height: 1px;
  overflow: hidden;
  background-color: #eeeeee;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #FFFFFF;
  margin: 0px;
  min-width: 100px;
  z-index: 1000;
}
.dropdown-content li {
  cursor: pointer;
  font-size: 1.2rem;
  color: rgba(0, 0, 0, 0.87);
  line-height: 1.5rem;
}
.dropdown-content li > a,
.dropdown-content li > span {
  display: block;
  padding: 1rem 1rem;
}
@media only screen and (min-width: 1200px) {
  .dropdown-content li:hover {
    background-color: rgba(0, 0, 0, 0.07);
  }
}
/*!
 * Waves v0.5.3
 * http://fian.my.id/Waves 
 * 
 * Copyright 2014 Alfiana E. Sibuea and other contributors 
 * Released under the MIT license 
 * https://github.com/fians/Waves/blob/master/LICENSE 
 */
.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  vertical-align: bottom;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.waves-effect .waves-ripple {
  position: absolute;
  pointer-events: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-clip: padding-box;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;
  -ms-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.waves-effect.waves-light .waves-ripple {
  background-color: rgba(255, 255, 255, 0.35);
}
.waves-effect.waves-red .waves-ripple {
  background-color: rgba(244, 67, 54, 0.65);
}
.waves-effect.waves-yellow .waves-ripple {
  background-color: rgba(255, 235, 59, 0.65);
}
.waves-effect.waves-orange .waves-ripple {
  background-color: rgba(255, 152, 0, 0.65);
}
.waves-effect.waves-purple .waves-ripple {
  background-color: rgba(156, 39, 176, 0.65);
}
.waves-effect.waves-green .waves-ripple {
  background-color: rgba(76, 175, 80, 0.65);
}
.waves-effect.waves-teal .waves-ripple {
  background-color: rgba(0, 150, 136, 0.65);
}
.waves-notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}
.waves-button,
.waves-icon {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, #ffffff 100%, #000000 100%);
}
.waves-button,
.waves-button:hover,
.waves-button:visited,
.waves-button:link,
.waves-button-input {
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  z-index: 1;
}
.waves-button-input {
  margin: 0;
  padding: 10px 15px;
}
.waves-input-wrapper {
  border-radius: 2px;
  vertical-align: bottom;
}
.waves-input-wrapper.waves-button {
  padding: 0;
}
.waves-input-wrapper .waves-button-input {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}
.waves-circle {
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%;
}
.waves-float {
  -webkit-mask-image: none;
  -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
}
.waves-float:active {
  -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
}
.waves-block {
  display: block;
}
.modal {
  display: none;
  position: fixed;
  background-color: #eee;
  padding: 24px;
  max-height: 70%;
  max-width: 98%;
  left: 0;
  right: 0;
  margin: auto;
  overflow-y: auto;
  z-index: 1000;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-clip: padding-box;
  -webkit-transform: translate(0);
  -moz-transform: translate(0);
  -ms-transform: translate(0);
  -o-transform: translate(0);
  transform: translate(0);
  will-change: top, opacity;
}
@media only screen and (max-width: 992px) {
  .modal {
    max-width: 80%;
  }
}
.modal h1,
.modal h2,
.modal h3,
.modal h4 {
  margin-top: 0;
}
#lean-overlay {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 115%;
  width: 100%;
  background: #000;
  display: none;
  will-change: opacity;
}
.modal-action {
  margin-top: 10px;
  margin-bottom: 0px;
}
ul.collapsible {
  border-top: 1px solid #eee;
}
.collapsible-header {
  display: block;
  cursor: pointer;
  height: 3rem;
  line-height: 3rem;
  padding: 0 1rem;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}
.collapsible-header i {
  width: 2rem;
  font-size: 1.6rem;
  line-height: 3rem;
  display: block;
  float: left;
  text-align: center;
  margin-right: 15px;
}
.collapsible-body {
  overflow: hidden;
  display: none;
  border-bottom: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.collapsible-body p {
  margin: 0;
  padding: 2rem;
}
.materialboxed {
  cursor: zoom-in;
  position: relative;
}
.materialboxed:hover {
  will-change: left, top;
}
.materialboxed.active {
  cursor: zoom-out;
}
#materialbox-overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  background-color: #292929;
  z-index: 999;
}
label {
  font-size: 0.8rem;
  color: black;
}
/***************************
   Text Inputs + Textarea
****************************/
.input-field {
  position: relative;
}
.input-field label {
  color: #9e9e9e;
  position: absolute;
  top: 0.8rem;
  left: 0.75rem;
  font-size: 1rem;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  -ms-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.input-field label.active {
  font-size: 0.8rem;
  -webkit-transform: translateY(-130%);
  -moz-transform: translateY(-130%);
  -ms-transform: translateY(-130%);
  -o-transform: translateY(-130%);
  transform: translateY(-130%);
}
.input-field input[type=text]:focus + label,
.input-field input[type=password]:focus + label,
.input-field input[type=email]:focus + label,
.input-field input[type=date]:focus + label,
.input-field textarea:focus + label {
  color: black;
}
textarea {
  overflow-y: hidden;
  /* prevents scroll bar flash */
  padding: 1.6rem 0;
  /* prevents text jump on Enter keypress */
  resize: none;
}
.hiddendiv {
  display: none;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  /* future version of deprecated 'word-wrap' */
  padding-top: 1.2rem;
  /* prevents text jump on Enter keypress */
}
/***************
  Radio Buttons 
***************/
[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
  /* webkit (safari, chrome) browsers */
  /* mozilla browsers */
  /* webkit (konqueror) browsers */
  /* IE10+ */
}
/* Unchecked styles */
[type="radio"]:not(:checked) + label:before {
  border-radius: 50%;
  border: 2px solid #5a5a5a;
}
/* Checked styles */
[type="radio"]:checked + label:before {
  border-radius: 50%;
  border: 2px solid transparent;
}
/* Radio With gap */
[type="radio"]:checked + label:before {
  border-radius: 50%;
  border: 2px solid #0f9d58;
}
/* Disabled style */
[type="radio"]:disabled:not(:checked) + label:before,
[type="radio"]:disabled:checked + label:before {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.26);
}
[type="radio"]:disabled + label {
  color: rgba(0, 0, 0, 0.26);
}
[type="radio"]:disabled:not(:checked) + label:hover:before {
  border-color: rgba(0, 0, 0, 0.26);
}
/***************
   Checkboxes 
***************/
/* CUSTOM CSS CHECKBOXES */
form p {
  margin-bottom: 10px;
  text-align: left;
}
form p:last-child {
  margin-bottom: 0px;
}
/* Remove default checkbox */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 1rem;
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  -ms-user-select: none;
  /* IE10+ */
}
/* checkbox aspect */
[type="checkbox"] + label:before {
  content: '';
  position: absolute;
  margin-top: 2px;
  left: 0;
  z-index: 0;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  background-clip: padding-box;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}
/* Unchecked styles */
[type="checkbox"]:not(:checked) + label:before {
  top: 0px;
  width: 14px;
  height: 14px;
  border: 2px solid #5a5a5a;
}
/* Checked styles */
[type="checkbox"]:checked + label:before {
  left: -3px;
  top: -4px;
  width: 8px;
  height: 18px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #0f9d58;
  border-bottom: 2px solid #0f9d58;
  -webkit-transform: rotateZ(40deg);
  -moz-transform: rotateZ(40deg);
  -ms-transform: rotateZ(40deg);
  -o-transform: rotateZ(40deg);
  transform: rotateZ(40deg);
  -webkit-backface-visibility: hidden;
  -webkit-transform-origin: 20% 40%;
  transform-origin: 100% 100%;
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  top: 0;
  left: 0;
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0.26);
  width: 14px;
  height: 14px;
  border: 2px solid rgba(0, 0, 0, 0.26);
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
}
[type="checkbox"]:disabled + label {
  color: rgba(0, 0, 0, 0.26);
}
[type="checkbox"]:disabled:not(:checked) + label:hover:before {
  border-color: rgba(0, 0, 0, 0.26);
}
/***************
  Select Field 
***************/
.select-wrapper span.select-dropdown {
  cursor: pointer;
  color: #444;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #9e9e9e;
  outline: none;
  height: 3rem;
  line-height: 3rem;
  width: 100%;
  font-size: 1rem;
  margin: 0 0 15px 0;
  padding: 0;
  display: block;
  position: relative;
}
.select-wrapper span.select-dropdown:after {
  position: absolute;
  right: 0;
  font-size: 23px;
}
select.disabled {
  display: block;
}
/***************
      Range 
***************/
.range-field {
  position: relative;
}
input[type=range],
input[type=range] + .thumb {
  cursor: pointer;
}
input[type=range] {
  position: relative;
  background-color: transparent;
  border: none;
  outline: none;
  width: 100%;
  margin: 15px 0px;
  padding: 0;
}
input[type=range] + .thumb {
  position: absolute;
  border: none;
  height: 0;
  width: 0;
  border-radius: 50%;
  background-color: #0f9d58;
  top: 10px;
  margin-left: -6px;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
input[type=range] + .thumb .value {
  display: block;
  width: 30px;
  text-align: center;
  color: #0f9d58;
  font-size: 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
input[type=range] + .thumb.active {
  border-radius: 50% 50% 50% 0;
}
input[type=range] + .thumb.active .value {
  color: #fff;
  margin-left: -1px;
  margin-top: 8px;
  font-size: 10px;
}
input[type=range]:focus {
  outline: none;
}
input[type=range] {
  -webkit-appearance: none;
}
input[type=range]::-webkit-slider-runnable-track {
  height: 3px;
  background: #c2c0c2;
  border: none;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background-color: #0f9d58;
  transform-origin: 50% 50%;
  margin: -5px 0 0 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.range-field.active input[type=range]::-webkit-slider-thumb {
  height: 0;
  width: 0;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ccc;
}
input[type=range] {
  /* fix for FF unable to apply focus style bug  */
  border: 1px solid white;
  /*required for proper track sizing in FF*/
}
input[type=range]::-moz-range-track {
  height: 3px;
  background: #ddd;
  border: none;
}
input[type=range]::-moz-range-thumb {
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #0f9d58;
  margin-top: -5px;
}
/*hide the outline behind the border*/
input[type=range]:-moz-focusring {
  outline: 1px solid white;
  outline-offset: -1px;
}
input[type=range]:focus::-moz-range-track {
  background: #ccc;
}
input[type=range]::-ms-track {
  height: 3px;
  /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
  background: transparent;
  /*leave room for the larger thumb to overflow with a transparent border */
  border-color: transparent;
  border-width: 6px 0;
  /*remove default tick marks*/
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #777;
}
input[type=range]::-ms-fill-upper {
  background: #ddd;
}
input[type=range]::-ms-thumb {
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #0f9d58;
}
input[type=range]:focus::-ms-fill-lower {
  background: #888;
}
input[type=range]:focus::-ms-fill-upper {
  background: #ccc;
}
/***************************
   Text Inputs + Textarea
****************************/
/***************
    Nav List
***************/
ul.table-of-contents.fixed {
  position: fixed;
}
ul.table-of-contents li {
  padding: 2px 0;
}
ul.table-of-contents a {
  font-weight: 300;
  color: #757575;
  padding-left: 20px;
  height: 1.5rem;
  line-height: 1.5rem;
  letter-spacing: 0.4;
  display: inline-block;
}
ul.table-of-contents a:hover {
  color: #a8a8a8;
  padding-left: 19px;
  border-left: 1px solid #ea4a4f;
}
ul.table-of-contents a.active {
  font-weight: 500;
  padding-left: 18px;
  border-left: 2px solid #ea4a4f;
}
#sidenav-overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: rgba(0, 0, 0, 0.5);
  will-change: opacity;
}
/*
    @license
    Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
    This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
    The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
    The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
    Code distributed by Google as part of the polymer project is also
    subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
 */
/**************************/
/* STYLES FOR THE SPINNER */
/**************************/
/*
 * Constants:
 *      STROKEWIDTH = 3px
 *      ARCSIZE     = 270 degrees (amount of circle the arc takes up)
 *      ARCTIME     = 1333ms (time it takes to expand and contract arc)
 *      ARCSTARTROT = 216 degrees (how much the start location of the arc
 *                                should rotate each time, 216 gives us a
 *                                5 pointed star shape (it's 360/5 * 3).
 *                                For a 7 pointed star, we might do
 *                                360/7 * 3 = 154.286)
 *      CONTAINERWIDTH = 28px
 *      SHRINK_TIME = 400ms
 */
.preloader-wrapper {
  display: inline-block;
  position: relative;
  width: 48px;
  height: 48px;
}
.preloader-wrapper.small {
  width: 36px;
  height: 36px;
}
.preloader-wrapper.big {
  width: 64px;
  height: 64px;
}
.preloader-wrapper.active {
  /* duration: 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */
  -webkit-animation: container-rotate 1568ms linear infinite;
  animation: container-rotate 1568ms linear infinite;
}
@-webkit-keyframes container-rotate {
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes container-rotate {
  to {
    transform: rotate(360deg);
  }
}
.spinner-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.spinner-blue {
  border-color: #4285f4;
}
.spinner-red {
  border-color: #db4437;
}
.spinner-yellow {
  border-color: #f4b400;
}
.spinner-green {
  border-color: #0f9d58;
}
/**
 * IMPORTANT NOTE ABOUT CSS ANIMATION PROPERTIES (keanulee):
 *
 * iOS Safari (tested on iOS 8.1) does not handle animation-delay very well - it doesn't
 * guarantee that the animation will start _exactly_ after that value. So we avoid using
 * animation-delay and instead set custom keyframes for each color (as redundant as it
 * seems).
 *
 * We write out each animation in full (instead of separating animation-name,
 * animation-duration, etc.) because under the polyfill, Safari does not recognize those
 * specific properties properly, treats them as -webkit-animation, and overrides the
 * other animation rules. See https://github.com/Polymer/platform/issues/53.
 */
.active .spinner-layer.spinner-blue {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.active .spinner-layer.spinner-red {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.active .spinner-layer.spinner-yellow {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.active .spinner-layer.spinner-green {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
@-webkit-keyframes fill-unfill-rotate {
  /* 0.5 * ARCSIZE */
  /* 1   * ARCSIZE */
  /* 1.5 * ARCSIZE */
  /* 2   * ARCSIZE */
  /* 2.5 * ARCSIZE */
  /* 3   * ARCSIZE */
  /* 3.5 * ARCSIZE */
  /* 4   * ARCSIZE */
  12.5% {
    -webkit-transform: rotate(135deg);
  }
  25% {
    -webkit-transform: rotate(270deg);
  }
  37.5% {
    -webkit-transform: rotate(405deg);
  }
  50% {
    -webkit-transform: rotate(540deg);
  }
  62.5% {
    -webkit-transform: rotate(675deg);
  }
  75% {
    -webkit-transform: rotate(810deg);
  }
  87.5% {
    -webkit-transform: rotate(945deg);
  }
  to {
    -webkit-transform: rotate(1080deg);
  }
}
@keyframes fill-unfill-rotate {
  /* 0.5 * ARCSIZE */
  /* 1   * ARCSIZE */
  /* 1.5 * ARCSIZE */
  /* 2   * ARCSIZE */
  /* 2.5 * ARCSIZE */
  /* 3   * ARCSIZE */
  /* 3.5 * ARCSIZE */
  /* 4   * ARCSIZE */
  12.5% {
    transform: rotate(135deg);
  }
  25% {
    transform: rotate(270deg);
  }
  37.5% {
    transform: rotate(405deg);
  }
  50% {
    transform: rotate(540deg);
  }
  62.5% {
    transform: rotate(675deg);
  }
  75% {
    transform: rotate(810deg);
  }
  87.5% {
    transform: rotate(945deg);
  }
  to {
    transform: rotate(1080deg);
  }
}
@-webkit-keyframes blue-fade-in-out {
  from {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  26% {
    opacity: 0;
  }
  89% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blue-fade-in-out {
  from {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  26% {
    opacity: 0;
  }
  89% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes red-fade-in-out {
  from {
    opacity: 0;
  }
  15% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
}
@keyframes red-fade-in-out {
  from {
    opacity: 0;
  }
  15% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
}
@-webkit-keyframes yellow-fade-in-out {
  from {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  76% {
    opacity: 0;
  }
}
@keyframes yellow-fade-in-out {
  from {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  76% {
    opacity: 0;
  }
}
@-webkit-keyframes green-fade-in-out {
  from {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes green-fade-in-out {
  from {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/**
 * Patch the gap that appear between the two adjacent div.circle-clipper while the
 * spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11).
 */
.gap-patch {
  position: absolute;
  box-sizing: border-box;
  top: 0;
  left: 45%;
  width: 10%;
  height: 100%;
  overflow: hidden;
  border-color: inherit;
}
.gap-patch .circle {
  width: 1000%;
  left: -450%;
}
.circle-clipper {
  display: inline-block;
  position: relative;
  width: 50%;
  height: 100%;
  overflow: hidden;
  border-color: inherit;
}
.circle-clipper .circle {
  width: 200%;
  box-sizing: border-box;
  height: 100%;
  border-width: 3px;
  /* STROKEWIDTH */
  border-style: solid;
  border-color: inherit;
  border-bottom-color: transparent !important;
  border-radius: 50%;
  -webkit-animation: none;
  animation: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
.circle-clipper.left .circle {
  left: 0;
  border-right-color: transparent !important;
  -webkit-transform: rotate(129deg);
  transform: rotate(129deg);
}
.circle-clipper.right .circle {
  left: -100%;
  border-left-color: transparent !important;
  -webkit-transform: rotate(-129deg);
  transform: rotate(-129deg);
}
.active .circle-clipper.left .circle {
  /* duration: ARCTIME */
  -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.active .circle-clipper.right .circle {
  /* duration: ARCTIME */
  -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
@-webkit-keyframes left-spin {
  from {
    -webkit-transform: rotate(130deg);
  }
  50% {
    -webkit-transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(130deg);
  }
}
@keyframes left-spin {
  from {
    transform: rotate(130deg);
  }
  50% {
    transform: rotate(-5deg);
  }
  to {
    transform: rotate(130deg);
  }
}
@-webkit-keyframes right-spin {
  from {
    -webkit-transform: rotate(-130deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
  }
  to {
    -webkit-transform: rotate(-130deg);
  }
}
@keyframes right-spin {
  from {
    transform: rotate(-130deg);
  }
  50% {
    transform: rotate(5deg);
  }
  to {
    transform: rotate(-130deg);
  }
}
#spinnerContainer.cooldown {
  /* duration: SHRINK_TIME */
  -webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
  animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
}
@-webkit-keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.slider {
  position: relative;
  height: 400px;
  width: 100%;
}
.slider ul.slides {
  background-color: #9e9e9e;
  margin: 0;
}
.slider ul.slides li {
  -ms-filter: "progid:DXImageTransform@mixin Microsoft@mixin Alpha(Opacity=${iefactor})";
  filter: "alpha(opacity=(${iefactor}))";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: inherit;
  overflow: hidden;
}
.slider ul.slides li img {
  height: 100%;
}
.slider ul.slides li .caption {
  color: #fff;
  position: absolute;
  top: 15%;
  left: 15%;
  width: 70%;
  -ms-filter: "progid:DXImageTransform@mixin Microsoft@mixin Alpha(Opacity=${iefactor})";
  filter: "alpha(opacity=(${iefactor}))";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
.slider ul.slides li .caption p {
  color: #e0e0e0;
}
.slider ul.slides li.active {
  z-index: 2;
}
.slider ul.indicators {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}
.slider ul.indicators li.indicator-item {
  display: inline-block;
  position: relative;
  cursor: pointer;
  height: 16px;
  width: 16px;
  margin: 0 12px;
  background-color: #e0e0e0;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  transition: background-color 0.3s;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-clip: padding-box;
}
.slider ul.indicators li.indicator-item.active {
  background-color: #4CAF50;
}
/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than what's here.
 */
.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000000;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/**
 * The picker input element.
 */
.picker__input {
  cursor: default;
}
/**
 * When the picker is opened, the input element is "activated".
 */
.picker__input.picker__input--active {
  border-color: #0089ec;
}
/**
 * The holder is the only "scrollable" top-level container element.
 */
.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
/*!
 * Default mobile-first, responsive styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/**
 * Note: the root picker element should *NOT* be styled more than what's here.
 */
/**
 * Make the holder and frame fullscreen.
 */
.picker__holder,
.picker__frame {
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%;
}
/**
 * The holder should overlay the entire screen.
 */
.picker__holder {
  position: fixed;
  -webkit-transition: background 0.15s ease-out, top 0s 0.15s;
  -moz-transition: background 0.15s ease-out, top 0s 0.15s;
  transition: background 0.15s ease-out, top 0s 0.15s;
  -webkit-backface-visibility: hidden;
}
/**
 * The frame that bounds the box contents of the picker.
 */
.picker__frame {
  position: absolute;
  margin: 0 auto;
  min-width: 256px;
  max-width: 300px;
  max-height: 350px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
@media (min-height: 28.875em) {
  .picker__frame {
    overflow: visible;
    top: auto;
    bottom: -100%;
    max-height: 80%;
  }
}
@media (min-height: 40.125em) {
  .picker__frame {
    margin-bottom: 7.5%;
  }
}
/**
 * The wrapper sets the stage to vertically align the box contents.
 */
.picker__wrap {
  display: table;
  width: 100%;
  height: 100%;
}
@media (min-height: 28.875em) {
  .picker__wrap {
    display: block;
  }
}
/**
 * The box contains all the picker contents.
 */
.picker__box {
  background: #ffffff;
  display: table-cell;
  vertical-align: middle;
}
@media (min-height: 28.875em) {
  .picker__box {
    display: block;
    border: 1px solid #777777;
    border-top-color: #898989;
    border-bottom-width: 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -webkit-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
    box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
  }
}
/**
 * When the picker opens...
 */
.picker--opened .picker__holder {
  top: 0;
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
  zoom: 1;
  background: rgba(0, 0, 0, 0.32);
  -webkit-transition: background 0.15s ease-out;
  -moz-transition: background 0.15s ease-out;
  transition: background 0.15s ease-out;
}
.picker--opened .picker__frame {
  top: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
@media (min-height: 35.875em) {
  .picker--opened .picker__frame {
    top: 10%;
    bottom: 20% auto;
  }
}
/**
 * For `large` screens, transform into an inline picker.
 */
/* ==========================================================================
   CUSTOM MATERIALIZE STYLES
   ========================================================================== */
.picker__input.picker__input--active {
  border-color: #E3F2FD;
}
.picker__frame {
  margin: 0 auto;
  max-width: 325px;
}
@media (min-height: 38.875em) {
  .picker--opened .picker__frame {
    top: 10%;
    bottom: auto;
  }
}
/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */
.picker__box {
  padding: 0 1em;
}
/**
 * The header containing the month and year stuff.
 */
.picker__header {
  text-align: center;
  position: relative;
  margin-top: 0.75em;
}
/**
 * The month and year labels.
 */
.picker__month,
.picker__year {
  display: inline-block;
  margin-left: 0.25em;
  margin-right: 0.25em;
}
/**
 * The month and year selectors.
 */
.picker__select--month,
.picker__select--year {
  height: 2em;
  padding: 0.5em;
  margin-left: 0.25em;
  margin-right: 0.25em;
}
@media (min-width: 24.5em) {
  .picker__select--month,
  .picker__select--year {
    margin-top: -0.5em;
  }
}
.picker__select--month {
  width: 35%;
}
.picker__select--year {
  width: 22.5%;
}
.picker__select--month:focus,
.picker__select--year:focus {
  border-color: #0089ec;
}
/**
 * The month navigation buttons.
 */
.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  padding: 0.5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -0.25em;
}
.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em;
}
.picker__nav--next {
  right: -1em;
  padding-left: 1.25em;
}
.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
}
.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5;
}
/**
 * The calendar table of dates
 */
.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: 1rem;
  width: 100%;
  margin-top: 0.75em;
  margin-bottom: 0.5em;
}
.picker__table th,
.picker__table td {
  text-align: center;
}
.picker__table td {
  margin: 0;
  padding: 0;
}
/**
 * The weekday labels
 */
.picker__weekday {
  width: 14.285714286%;
  font-size: 0.75em;
  padding-bottom: 0.25em;
  color: #999999;
  font-weight: 500;
  /* Increase the spacing a tad */
}
@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: 0.5em;
  }
}
/**
 * The days on the calendar
 */
.picker__day--today {
  position: relative;
  color: #595959;
  letter-spacing: -0.3;
  padding: 0.75rem 0;
  font-weight: 400;
  border: 1px solid transparent;
}
.picker__day--disabled:before {
  border-top-color: #aaaaaa;
}
.picker__day--infocus:hover {
  cursor: pointer;
  color: #000;
  font-weight: 500;
}
.picker__day--outfocus {
  color: #fff;
}
.picker__day--outfocus:hover {
  cursor: pointer;
  color: #dddddd;
  font-weight: 500;
}
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  cursor: pointer;
  color: #000000;
}
.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  border-radius: 50%;
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  -ms-transform: scale(0.75);
  -o-transform: scale(0.75);
  transform: scale(0.75);
  background: #0089ec;
  color: #ffffff;
}
.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
}
.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbbbbb;
}
/**
 * The footer containing the "today", "clear", and "close" buttons.
 */
.picker__footer {
  text-align: center;
}
.picker__button--today,
.picker__button--clear,
.picker__button--close {
  border: 1px solid #ffffff;
  background: #ffffff;
  font-size: 0.8em;
  padding: 0.66em 0;
  font-weight: bold;
  width: 33%;
  display: inline-block;
  vertical-align: bottom;
}
.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb;
}
.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
  background: #b1dcfb;
  border-color: #0089ec;
  outline: none;
}
.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
  position: relative;
  display: inline-block;
  height: 0;
}
.picker__button--today:before,
.picker__button--clear:before {
  content: " ";
  margin-right: 0.45em;
}
.picker__button--today:before {
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: 0.66em solid transparent;
}
.picker__button--clear:before {
  top: -0.25em;
  width: 0.66em;
  border-top: 3px solid #ee2200;
}
.picker__button--close:before {
  content: "\D7";
  top: -0.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: 0.35em;
  color: #777777;
}
.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
}
.picker__button--today[disabled]:before {
  border-top-color: #aaaaaa;
}
/* ==========================================================================
   CUSTOM MATERIALIZE STYLES
   ========================================================================== */
.picker__box {
  border-radius: 2px;
  overflow: hidden;
}
.picker__date-display {
  text-align: center;
  background-color: #26a69a;
  color: #fff;
  padding-bottom: 15px;
  font-weight: 300;
}
.picker__weekday-display {
  background-color: #00897b;
  padding: 10px;
  font-weight: 200;
  letter-spacing: 0.5;
  font-size: 1rem;
  margin-bottom: 15px;
}
.picker__month-display {
  text-transform: uppercase;
  font-size: 2rem;
}
.picker__day-display {
  font-size: 4.5rem;
  font-weight: 400;
}
.picker__year-display {
  font-size: 1.8rem;
  color: #80cbc4;
}
.picker__box {
  padding: 0;
}
.picker__calendar-container {
  padding: 0 1rem;
}
.picker__calendar-container thead {
  border: none;
}
.picker__table {
  margin-top: 0;
  margin-bottom: 0.5em;
}
.picker__day--infocus {
  color: #595959;
  letter-spacing: -0.3;
  padding: 0.75rem 0;
  font-weight: 400;
  border: 1px solid transparent;
}
.picker--focused .picker__day--highlighted {
  color: #26a69a;
}
.picker__weekday {
  font-size: 0.9rem;
}
.picker--focused .picker__day--selected {
  border-radius: 50%;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
  background-color: #009688;
  color: #ffffff;
}
.picker__footer {
  text-align: right;
  padding: 5px 10px;
}
.picker__close,
.picker__today {
  font-size: 1.1rem;
  color: #26a69a;
}
.picker__nav--prev:before,
.picker__nav--next:before {
  content: " ";
  border-top: 0.5em solid transparent;
  border-bottom: 0.5em solid transparent;
  border-right: 0.75em solid #676767;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto;
}
.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #676767;
}
/* ==========================================================================
   $BASE-TIME-PICKER
   ========================================================================== */
/**
 * The list of times.
 */
.picker__list {
  list-style: none;
  padding: 0.75em 0 4.2em;
  margin: 0;
}
/**
 * The times on the clock.
 */
.picker__list-item {
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  margin-bottom: -1px;
  position: relative;
  background: #ffffff;
  padding: 0.75em 1.25em;
}
@media (min-height: 46.75em) {
  .picker__list-item {
    padding: 0.5em 1em;
  }
}
/* Hovered time */
.picker__list-item:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-color: #0089ec;
  z-index: 10;
}
/* Highlighted and hovered/focused time */
.picker__list-item--highlighted {
  border-color: #0089ec;
  z-index: 10;
}
.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
}
/* Selected and hovered/focused time */
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected {
  background: #0089ec;
  color: #ffffff;
  z-index: 10;
}
/* Disabled time */
.picker__list-item--disabled,
.picker__list-item--disabled:hover,
.picker--focused .picker__list-item--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
  border-color: #dddddd;
  z-index: auto;
}
/**
 * The clear button
 */
.picker--time .picker__button--clear {
  display: block;
  width: 80%;
  margin: 1em auto 0;
  padding: 1em 1.25em;
  background: none;
  border: 0;
  font-weight: 500;
  font-size: 0.67em;
  text-align: center;
  text-transform: uppercase;
  color: #666;
}
.picker--time .picker__button--clear:hover,
.picker--time .picker__button--clear:focus {
  color: #000000;
  background: #b1dcfb;
  background: #ee2200;
  border-color: #ee2200;
  cursor: pointer;
  color: #ffffff;
  outline: none;
}
.picker--time .picker__button--clear:before {
  top: -0.25em;
  color: #666;
  font-size: 1.25em;
  font-weight: bold;
}
.picker--time .picker__button--clear:hover:before,
.picker--time .picker__button--clear:focus:before {
  color: #ffffff;
}
/* ==========================================================================
   $DEFAULT-TIME-PICKER
   ========================================================================== */
/**
 * The frame the bounds the time picker.
 */
.picker--time .picker__frame {
  min-width: 256px;
  max-width: 320px;
}
/**
 * The picker box.
 */
.picker--time .picker__box {
  font-size: 1em;
  background: #f2f2f2;
  padding: 0;
}
@media (min-height: 40.125em) {
  .picker--time .picker__box {
    margin-bottom: 5em;
  }
}
/*! Prefix flex for IE10 and Safari / iOS in LESS
* https://gist.github.com/codler/2148ba4ff096a19f08ea
* Copyright (c) 2014 Han Lin Yap http://yap.nu; MIT license */
/* These are the conditional mixins for the different syntax for IE10 Flexbox */
.application > .ember-view:not(.charting):not(.objectRef):not(.admin):not(.business):not(.data):not(.portfolio):not(.assetDashboard) .adjacent-to-tuples {
  width: calc(100% -  400px);
  -webkit-transition: width 0.5s;
  transition: width 0.5s;
}
.application > .ember-view:not(.charting):not(.objectRef):not(.admin):not(.business):not(.data):not(.portfolio):not(.assetDashboard) .adjacent-to-tuples.tuples-hidden {
  width: 100%;
}
.application > .ember-view:not(.charting):not(.objectRef):not(.admin):not(.business):not(.data):not(.portfolio):not(.assetDashboard) .tuple-list-togglable {
  background-color: #ffffff;
}
.application > .ember-view:not(.charting):not(.objectRef):not(.admin):not(.business):not(.data):not(.portfolio):not(.assetDashboard) .view-chooser-container {
  position: relative;
  background: #ffffff;
  margin-top: 20px;
  padding: 18px 26px 11px;
  z-index: 15;
}
.application > .ember-view:not(.charting):not(.objectRef):not(.admin):not(.business):not(.data):not(.portfolio):not(.assetDashboard) .view-chooser-container .flex-row {
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
}
.application > .ember-view:not(.charting):not(.objectRef):not(.admin):not(.business):not(.data):not(.portfolio):not(.assetDashboard) .view-chooser-container .flex-row.second {
  margin-top: 15px;
}
.application > .ember-view:not(.charting):not(.objectRef):not(.admin):not(.business):not(.data):not(.portfolio):not(.assetDashboard) .view-chooser-container .materialize-dropdown {
  position: relative;
  border-bottom: 1px solid black;
  display: inline-block;
  padding-bottom: 7px;
}
.application > .ember-view:not(.charting):not(.objectRef):not(.admin):not(.business):not(.data):not(.portfolio):not(.assetDashboard) .view-chooser-container .materialize-dropdown .dropdown-button {
  white-space: nowrap;
  min-width: 230px;
  display: inline-block;
}
.application > .ember-view:not(.charting):not(.objectRef):not(.admin):not(.business):not(.data):not(.portfolio):not(.assetDashboard) .view-chooser-container .materialize-dropdown .dropdown-content {
  min-width: 230px;
  top: 100% !important;
  right: 0;
  left: auto !important;
}
.application > .ember-view:not(.charting):not(.objectRef):not(.admin):not(.business):not(.data):not(.portfolio):not(.assetDashboard) .view-chooser-container .materialize-dropdown .dropdown-content li {
  position: relative;
}
.application > .ember-view:not(.charting):not(.objectRef):not(.admin):not(.business):not(.data):not(.portfolio):not(.assetDashboard) .view-chooser-container .materialize-dropdown .dropdown-content li.active {
  font-weight: 600;
}
.application > .ember-view:not(.charting):not(.objectRef):not(.admin):not(.business):not(.data):not(.portfolio):not(.assetDashboard) .view-chooser-container .materialize-dropdown .dropdown-content li .remove-view-button {
  position: absolute;
  right: 0;
  top: 0;
}
.application > .ember-view:not(.charting):not(.objectRef):not(.admin):not(.business):not(.data):not(.portfolio):not(.assetDashboard) .view-chooser-container .materialize-dropdown .dropdown-content li .remove-view-button i {
  font-size: 22px;
}
.application > .ember-view:not(.charting):not(.objectRef):not(.admin):not(.business):not(.data):not(.portfolio):not(.assetDashboard) .view-chooser-container > a {
  margin-top: 37px;
}
.application > .ember-view:not(.charting):not(.objectRef):not(.admin):not(.business):not(.data):not(.portfolio):not(.assetDashboard) .adjacent-to-tuples {
  margin-top: 40px;
}
.sub-navigation {
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 40px;
}
.sub-navigation .section-name {
  font-size: .7vw;
  margin: 0;
  letter-spacing: 0px;
}
.sub-navigation .section-name i {
  vertical-align: middle;
}
.application > .ember-view.charting .main-content,
.application > .ember-view.admin .main-content,
.application > .ember-view.objectRef .main-content,
.application > .ember-view.business .main-content,
.application > .ember-view.data .main-content,
.application > .ember-view.portfolio .main-content,
.application > .ember-view.assetDashboard .main-content {
  padding-top: 0;
}
.application > .ember-view.charting .adjacent-to-tuples,
.application > .ember-view.admin .adjacent-to-tuples,
.application > .ember-view.objectRef .adjacent-to-tuples,
.application > .ember-view.business .adjacent-to-tuples,
.application > .ember-view.data .adjacent-to-tuples,
.application > .ember-view.portfolio .adjacent-to-tuples,
.application > .ember-view.assetDashboard .adjacent-to-tuples {
  width: calc(100% -  400px);
  -webkit-transition: width 0.5s;
  transition: width 0.5s;
}
.application > .ember-view.charting .adjacent-to-tuples.tuples-hidden,
.application > .ember-view.admin .adjacent-to-tuples.tuples-hidden,
.application > .ember-view.objectRef .adjacent-to-tuples.tuples-hidden,
.application > .ember-view.business .adjacent-to-tuples.tuples-hidden,
.application > .ember-view.data .adjacent-to-tuples.tuples-hidden,
.application > .ember-view.portfolio .adjacent-to-tuples.tuples-hidden,
.application > .ember-view.assetDashboard .adjacent-to-tuples.tuples-hidden {
  width: 100%;
}
.application > .ember-view.charting .tuple-list-togglable,
.application > .ember-view.admin .tuple-list-togglable,
.application > .ember-view.objectRef .tuple-list-togglable,
.application > .ember-view.business .tuple-list-togglable,
.application > .ember-view.data .tuple-list-togglable,
.application > .ember-view.portfolio .tuple-list-togglable,
.application > .ember-view.assetDashboard .tuple-list-togglable {
  background-color: #ffffff;
}
.application > .ember-view.charting .view-chooser-container,
.application > .ember-view.admin .view-chooser-container,
.application > .ember-view.objectRef .view-chooser-container,
.application > .ember-view.business .view-chooser-container,
.application > .ember-view.data .view-chooser-container,
.application > .ember-view.portfolio .view-chooser-container,
.application > .ember-view.assetDashboard .view-chooser-container,
.application > .ember-view.charting .form-header,
.application > .ember-view.admin .form-header,
.application > .ember-view.objectRef .form-header,
.application > .ember-view.business .form-header,
.application > .ember-view.data .form-header,
.application > .ember-view.portfolio .form-header,
.application > .ember-view.assetDashboard .form-header {
  position: relative;
  background: #074876;
  color: white;
  height: 38px;
  line-height: 1;
  padding-right: 28px;
  z-index: 200;
}
.application > .ember-view.charting .view-chooser-container a.disabled,
.application > .ember-view.admin .view-chooser-container a.disabled,
.application > .ember-view.objectRef .view-chooser-container a.disabled,
.application > .ember-view.business .view-chooser-container a.disabled,
.application > .ember-view.data .view-chooser-container a.disabled,
.application > .ember-view.portfolio .view-chooser-container a.disabled,
.application > .ember-view.assetDashboard .view-chooser-container a.disabled,
.application > .ember-view.charting .form-header a.disabled,
.application > .ember-view.admin .form-header a.disabled,
.application > .ember-view.objectRef .form-header a.disabled,
.application > .ember-view.business .form-header a.disabled,
.application > .ember-view.data .form-header a.disabled,
.application > .ember-view.portfolio .form-header a.disabled,
.application > .ember-view.assetDashboard .form-header a.disabled {
  color: #9e9e9e;
}
.application > .ember-view.charting .view-chooser-container .flex-row,
.application > .ember-view.admin .view-chooser-container .flex-row,
.application > .ember-view.objectRef .view-chooser-container .flex-row,
.application > .ember-view.business .view-chooser-container .flex-row,
.application > .ember-view.data .view-chooser-container .flex-row,
.application > .ember-view.portfolio .view-chooser-container .flex-row,
.application > .ember-view.assetDashboard .view-chooser-container .flex-row,
.application > .ember-view.charting .form-header .flex-row,
.application > .ember-view.admin .form-header .flex-row,
.application > .ember-view.objectRef .form-header .flex-row,
.application > .ember-view.business .form-header .flex-row,
.application > .ember-view.data .form-header .flex-row,
.application > .ember-view.portfolio .form-header .flex-row,
.application > .ember-view.assetDashboard .form-header .flex-row {
  height: 100%;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  font-size: 14px;
}
.application > .ember-view.charting .view-chooser-container .flex-row.second,
.application > .ember-view.admin .view-chooser-container .flex-row.second,
.application > .ember-view.objectRef .view-chooser-container .flex-row.second,
.application > .ember-view.business .view-chooser-container .flex-row.second,
.application > .ember-view.data .view-chooser-container .flex-row.second,
.application > .ember-view.portfolio .view-chooser-container .flex-row.second,
.application > .ember-view.assetDashboard .view-chooser-container .flex-row.second,
.application > .ember-view.charting .form-header .flex-row.second,
.application > .ember-view.admin .form-header .flex-row.second,
.application > .ember-view.objectRef .form-header .flex-row.second,
.application > .ember-view.business .form-header .flex-row.second,
.application > .ember-view.data .form-header .flex-row.second,
.application > .ember-view.portfolio .form-header .flex-row.second,
.application > .ember-view.assetDashboard .form-header .flex-row.second {
  margin-top: 15px;
}
.application > .ember-view.charting .view-chooser-container .flex-row > :not(.view-dropdown),
.application > .ember-view.admin .view-chooser-container .flex-row > :not(.view-dropdown),
.application > .ember-view.objectRef .view-chooser-container .flex-row > :not(.view-dropdown),
.application > .ember-view.business .view-chooser-container .flex-row > :not(.view-dropdown),
.application > .ember-view.data .view-chooser-container .flex-row > :not(.view-dropdown),
.application > .ember-view.portfolio .view-chooser-container .flex-row > :not(.view-dropdown),
.application > .ember-view.assetDashboard .view-chooser-container .flex-row > :not(.view-dropdown),
.application > .ember-view.charting .form-header .flex-row > :not(.view-dropdown),
.application > .ember-view.admin .form-header .flex-row > :not(.view-dropdown),
.application > .ember-view.objectRef .form-header .flex-row > :not(.view-dropdown),
.application > .ember-view.business .form-header .flex-row > :not(.view-dropdown),
.application > .ember-view.data .form-header .flex-row > :not(.view-dropdown),
.application > .ember-view.portfolio .form-header .flex-row > :not(.view-dropdown),
.application > .ember-view.assetDashboard .form-header .flex-row > :not(.view-dropdown) {
  padding-bottom: 6px;
}
.application > .ember-view.charting .view-chooser-container .flex-row > :not(.view-dropdown) a:hover,
.application > .ember-view.admin .view-chooser-container .flex-row > :not(.view-dropdown) a:hover,
.application > .ember-view.objectRef .view-chooser-container .flex-row > :not(.view-dropdown) a:hover,
.application > .ember-view.business .view-chooser-container .flex-row > :not(.view-dropdown) a:hover,
.application > .ember-view.data .view-chooser-container .flex-row > :not(.view-dropdown) a:hover,
.application > .ember-view.portfolio .view-chooser-container .flex-row > :not(.view-dropdown) a:hover,
.application > .ember-view.assetDashboard .view-chooser-container .flex-row > :not(.view-dropdown) a:hover,
.application > .ember-view.charting .form-header .flex-row > :not(.view-dropdown) a:hover,
.application > .ember-view.admin .form-header .flex-row > :not(.view-dropdown) a:hover,
.application > .ember-view.objectRef .form-header .flex-row > :not(.view-dropdown) a:hover,
.application > .ember-view.business .form-header .flex-row > :not(.view-dropdown) a:hover,
.application > .ember-view.data .form-header .flex-row > :not(.view-dropdown) a:hover,
.application > .ember-view.portfolio .form-header .flex-row > :not(.view-dropdown) a:hover,
.application > .ember-view.assetDashboard .form-header .flex-row > :not(.view-dropdown) a:hover {
  color: #fb8c00;
}
.application > .ember-view.charting .view-chooser-container .flex-row > :not(.view-dropdown) a i,
.application > .ember-view.admin .view-chooser-container .flex-row > :not(.view-dropdown) a i,
.application > .ember-view.objectRef .view-chooser-container .flex-row > :not(.view-dropdown) a i,
.application > .ember-view.business .view-chooser-container .flex-row > :not(.view-dropdown) a i,
.application > .ember-view.data .view-chooser-container .flex-row > :not(.view-dropdown) a i,
.application > .ember-view.portfolio .view-chooser-container .flex-row > :not(.view-dropdown) a i,
.application > .ember-view.assetDashboard .view-chooser-container .flex-row > :not(.view-dropdown) a i,
.application > .ember-view.charting .form-header .flex-row > :not(.view-dropdown) a i,
.application > .ember-view.admin .form-header .flex-row > :not(.view-dropdown) a i,
.application > .ember-view.objectRef .form-header .flex-row > :not(.view-dropdown) a i,
.application > .ember-view.business .form-header .flex-row > :not(.view-dropdown) a i,
.application > .ember-view.data .form-header .flex-row > :not(.view-dropdown) a i,
.application > .ember-view.portfolio .form-header .flex-row > :not(.view-dropdown) a i,
.application > .ember-view.assetDashboard .form-header .flex-row > :not(.view-dropdown) a i {
  position: relative;
  top: 2px;
}
.application > .ember-view.charting .view-chooser-container .flex-row .add-view-container,
.application > .ember-view.admin .view-chooser-container .flex-row .add-view-container,
.application > .ember-view.objectRef .view-chooser-container .flex-row .add-view-container,
.application > .ember-view.business .view-chooser-container .flex-row .add-view-container,
.application > .ember-view.data .view-chooser-container .flex-row .add-view-container,
.application > .ember-view.portfolio .view-chooser-container .flex-row .add-view-container,
.application > .ember-view.assetDashboard .view-chooser-container .flex-row .add-view-container,
.application > .ember-view.charting .form-header .flex-row .add-view-container,
.application > .ember-view.admin .form-header .flex-row .add-view-container,
.application > .ember-view.objectRef .form-header .flex-row .add-view-container,
.application > .ember-view.business .form-header .flex-row .add-view-container,
.application > .ember-view.data .form-header .flex-row .add-view-container,
.application > .ember-view.portfolio .form-header .flex-row .add-view-container,
.application > .ember-view.assetDashboard .form-header .flex-row .add-view-container {
  margin-right: 34px;
}
.application > .ember-view.charting .view-chooser-container .flex-row .add-view-container i,
.application > .ember-view.admin .view-chooser-container .flex-row .add-view-container i,
.application > .ember-view.objectRef .view-chooser-container .flex-row .add-view-container i,
.application > .ember-view.business .view-chooser-container .flex-row .add-view-container i,
.application > .ember-view.data .view-chooser-container .flex-row .add-view-container i,
.application > .ember-view.portfolio .view-chooser-container .flex-row .add-view-container i,
.application > .ember-view.assetDashboard .view-chooser-container .flex-row .add-view-container i,
.application > .ember-view.charting .form-header .flex-row .add-view-container i,
.application > .ember-view.admin .form-header .flex-row .add-view-container i,
.application > .ember-view.objectRef .form-header .flex-row .add-view-container i,
.application > .ember-view.business .form-header .flex-row .add-view-container i,
.application > .ember-view.data .form-header .flex-row .add-view-container i,
.application > .ember-view.portfolio .form-header .flex-row .add-view-container i,
.application > .ember-view.assetDashboard .form-header .flex-row .add-view-container i {
  font-size: 16px;
  margin-left: 7px;
}
.application > .ember-view.charting .view-chooser-container .flex-row .share-view-container,
.application > .ember-view.admin .view-chooser-container .flex-row .share-view-container,
.application > .ember-view.objectRef .view-chooser-container .flex-row .share-view-container,
.application > .ember-view.business .view-chooser-container .flex-row .share-view-container,
.application > .ember-view.data .view-chooser-container .flex-row .share-view-container,
.application > .ember-view.portfolio .view-chooser-container .flex-row .share-view-container,
.application > .ember-view.assetDashboard .view-chooser-container .flex-row .share-view-container,
.application > .ember-view.charting .form-header .flex-row .share-view-container,
.application > .ember-view.admin .form-header .flex-row .share-view-container,
.application > .ember-view.objectRef .form-header .flex-row .share-view-container,
.application > .ember-view.business .form-header .flex-row .share-view-container,
.application > .ember-view.data .form-header .flex-row .share-view-container,
.application > .ember-view.portfolio .form-header .flex-row .share-view-container,
.application > .ember-view.assetDashboard .form-header .flex-row .share-view-container {
  margin-right: 27px;
}
.application > .ember-view.charting .view-chooser-container .flex-row .share-view-container i,
.application > .ember-view.admin .view-chooser-container .flex-row .share-view-container i,
.application > .ember-view.objectRef .view-chooser-container .flex-row .share-view-container i,
.application > .ember-view.business .view-chooser-container .flex-row .share-view-container i,
.application > .ember-view.data .view-chooser-container .flex-row .share-view-container i,
.application > .ember-view.portfolio .view-chooser-container .flex-row .share-view-container i,
.application > .ember-view.assetDashboard .view-chooser-container .flex-row .share-view-container i,
.application > .ember-view.charting .form-header .flex-row .share-view-container i,
.application > .ember-view.admin .form-header .flex-row .share-view-container i,
.application > .ember-view.objectRef .form-header .flex-row .share-view-container i,
.application > .ember-view.business .form-header .flex-row .share-view-container i,
.application > .ember-view.data .form-header .flex-row .share-view-container i,
.application > .ember-view.portfolio .form-header .flex-row .share-view-container i,
.application > .ember-view.assetDashboard .form-header .flex-row .share-view-container i {
  font-size: 14px;
  margin-left: 6px;
}
.application > .ember-view.charting .view-chooser-container .flex-row .delete-view-container,
.application > .ember-view.admin .view-chooser-container .flex-row .delete-view-container,
.application > .ember-view.objectRef .view-chooser-container .flex-row .delete-view-container,
.application > .ember-view.business .view-chooser-container .flex-row .delete-view-container,
.application > .ember-view.data .view-chooser-container .flex-row .delete-view-container,
.application > .ember-view.portfolio .view-chooser-container .flex-row .delete-view-container,
.application > .ember-view.assetDashboard .view-chooser-container .flex-row .delete-view-container,
.application > .ember-view.charting .form-header .flex-row .delete-view-container,
.application > .ember-view.admin .form-header .flex-row .delete-view-container,
.application > .ember-view.objectRef .form-header .flex-row .delete-view-container,
.application > .ember-view.business .form-header .flex-row .delete-view-container,
.application > .ember-view.data .form-header .flex-row .delete-view-container,
.application > .ember-view.portfolio .form-header .flex-row .delete-view-container,
.application > .ember-view.assetDashboard .form-header .flex-row .delete-view-container {
  margin-right: 27px;
}
.application > .ember-view.charting .view-chooser-container .flex-row .delete-view-container i,
.application > .ember-view.admin .view-chooser-container .flex-row .delete-view-container i,
.application > .ember-view.objectRef .view-chooser-container .flex-row .delete-view-container i,
.application > .ember-view.business .view-chooser-container .flex-row .delete-view-container i,
.application > .ember-view.data .view-chooser-container .flex-row .delete-view-container i,
.application > .ember-view.portfolio .view-chooser-container .flex-row .delete-view-container i,
.application > .ember-view.assetDashboard .view-chooser-container .flex-row .delete-view-container i,
.application > .ember-view.charting .form-header .flex-row .delete-view-container i,
.application > .ember-view.admin .form-header .flex-row .delete-view-container i,
.application > .ember-view.objectRef .form-header .flex-row .delete-view-container i,
.application > .ember-view.business .form-header .flex-row .delete-view-container i,
.application > .ember-view.data .form-header .flex-row .delete-view-container i,
.application > .ember-view.portfolio .form-header .flex-row .delete-view-container i,
.application > .ember-view.assetDashboard .form-header .flex-row .delete-view-container i {
  font-size: 16px;
  margin-left: 6px;
}
.application > .ember-view.charting .view-chooser-container .flex-row .show-as-list-container,
.application > .ember-view.admin .view-chooser-container .flex-row .show-as-list-container,
.application > .ember-view.objectRef .view-chooser-container .flex-row .show-as-list-container,
.application > .ember-view.business .view-chooser-container .flex-row .show-as-list-container,
.application > .ember-view.data .view-chooser-container .flex-row .show-as-list-container,
.application > .ember-view.portfolio .view-chooser-container .flex-row .show-as-list-container,
.application > .ember-view.assetDashboard .view-chooser-container .flex-row .show-as-list-container,
.application > .ember-view.charting .form-header .flex-row .show-as-list-container,
.application > .ember-view.admin .form-header .flex-row .show-as-list-container,
.application > .ember-view.objectRef .form-header .flex-row .show-as-list-container,
.application > .ember-view.business .form-header .flex-row .show-as-list-container,
.application > .ember-view.data .form-header .flex-row .show-as-list-container,
.application > .ember-view.portfolio .form-header .flex-row .show-as-list-container,
.application > .ember-view.assetDashboard .form-header .flex-row .show-as-list-container {
  margin-right: 34px;
}
.application > .ember-view.charting .view-chooser-container .flex-row .show-as-list-container a,
.application > .ember-view.admin .view-chooser-container .flex-row .show-as-list-container a,
.application > .ember-view.objectRef .view-chooser-container .flex-row .show-as-list-container a,
.application > .ember-view.business .view-chooser-container .flex-row .show-as-list-container a,
.application > .ember-view.data .view-chooser-container .flex-row .show-as-list-container a,
.application > .ember-view.portfolio .view-chooser-container .flex-row .show-as-list-container a,
.application > .ember-view.assetDashboard .view-chooser-container .flex-row .show-as-list-container a,
.application > .ember-view.charting .form-header .flex-row .show-as-list-container a,
.application > .ember-view.admin .form-header .flex-row .show-as-list-container a,
.application > .ember-view.objectRef .form-header .flex-row .show-as-list-container a,
.application > .ember-view.business .form-header .flex-row .show-as-list-container a,
.application > .ember-view.data .form-header .flex-row .show-as-list-container a,
.application > .ember-view.portfolio .form-header .flex-row .show-as-list-container a,
.application > .ember-view.assetDashboard .form-header .flex-row .show-as-list-container a {
  font-size: 18px;
}
.application > .ember-view.charting .view-chooser-container .flex-row .add-chart-container,
.application > .ember-view.admin .view-chooser-container .flex-row .add-chart-container,
.application > .ember-view.objectRef .view-chooser-container .flex-row .add-chart-container,
.application > .ember-view.business .view-chooser-container .flex-row .add-chart-container,
.application > .ember-view.data .view-chooser-container .flex-row .add-chart-container,
.application > .ember-view.portfolio .view-chooser-container .flex-row .add-chart-container,
.application > .ember-view.assetDashboard .view-chooser-container .flex-row .add-chart-container,
.application > .ember-view.charting .form-header .flex-row .add-chart-container,
.application > .ember-view.admin .form-header .flex-row .add-chart-container,
.application > .ember-view.objectRef .form-header .flex-row .add-chart-container,
.application > .ember-view.business .form-header .flex-row .add-chart-container,
.application > .ember-view.data .form-header .flex-row .add-chart-container,
.application > .ember-view.portfolio .form-header .flex-row .add-chart-container,
.application > .ember-view.assetDashboard .form-header .flex-row .add-chart-container {
  font-size: 17px;
  letter-spacing: 0.2px;
}
.application > .ember-view.charting .view-chooser-container .flex-row .add-admin-container,
.application > .ember-view.admin .view-chooser-container .flex-row .add-admin-container,
.application > .ember-view.objectRef .view-chooser-container .flex-row .add-admin-container,
.application > .ember-view.business .view-chooser-container .flex-row .add-admin-container,
.application > .ember-view.data .view-chooser-container .flex-row .add-admin-container,
.application > .ember-view.portfolio .view-chooser-container .flex-row .add-admin-container,
.application > .ember-view.assetDashboard .view-chooser-container .flex-row .add-admin-container,
.application > .ember-view.charting .form-header .flex-row .add-admin-container,
.application > .ember-view.admin .form-header .flex-row .add-admin-container,
.application > .ember-view.objectRef .form-header .flex-row .add-admin-container,
.application > .ember-view.business .form-header .flex-row .add-admin-container,
.application > .ember-view.data .form-header .flex-row .add-admin-container,
.application > .ember-view.portfolio .form-header .flex-row .add-admin-container,
.application > .ember-view.assetDashboard .form-header .flex-row .add-admin-container {
  font-size: 17px;
  letter-spacing: 0.2px;
}
.application > .ember-view.charting .view-chooser-container .flex-row .title,
.application > .ember-view.admin .view-chooser-container .flex-row .title,
.application > .ember-view.objectRef .view-chooser-container .flex-row .title,
.application > .ember-view.business .view-chooser-container .flex-row .title,
.application > .ember-view.data .view-chooser-container .flex-row .title,
.application > .ember-view.portfolio .view-chooser-container .flex-row .title,
.application > .ember-view.assetDashboard .view-chooser-container .flex-row .title,
.application > .ember-view.charting .form-header .flex-row .title,
.application > .ember-view.admin .form-header .flex-row .title,
.application > .ember-view.objectRef .form-header .flex-row .title,
.application > .ember-view.business .form-header .flex-row .title,
.application > .ember-view.data .form-header .flex-row .title,
.application > .ember-view.portfolio .form-header .flex-row .title,
.application > .ember-view.assetDashboard .form-header .flex-row .title,
.application > .ember-view.charting .view-chooser-container .flex-row h5,
.application > .ember-view.admin .view-chooser-container .flex-row h5,
.application > .ember-view.objectRef .view-chooser-container .flex-row h5,
.application > .ember-view.business .view-chooser-container .flex-row h5,
.application > .ember-view.data .view-chooser-container .flex-row h5,
.application > .ember-view.portfolio .view-chooser-container .flex-row h5,
.application > .ember-view.assetDashboard .view-chooser-container .flex-row h5,
.application > .ember-view.charting .form-header .flex-row h5,
.application > .ember-view.admin .form-header .flex-row h5,
.application > .ember-view.objectRef .form-header .flex-row h5,
.application > .ember-view.business .form-header .flex-row h5,
.application > .ember-view.data .form-header .flex-row h5,
.application > .ember-view.portfolio .form-header .flex-row h5,
.application > .ember-view.assetDashboard .form-header .flex-row h5 {
  margin-left: 30px;
  font-size: 23px;
  margin-right: auto;
  line-height: 1;
}
.application > .ember-view.charting .view-chooser-container .view-dropdown .edit-view-name-button,
.application > .ember-view.admin .view-chooser-container .view-dropdown .edit-view-name-button,
.application > .ember-view.objectRef .view-chooser-container .view-dropdown .edit-view-name-button,
.application > .ember-view.business .view-chooser-container .view-dropdown .edit-view-name-button,
.application > .ember-view.data .view-chooser-container .view-dropdown .edit-view-name-button,
.application > .ember-view.portfolio .view-chooser-container .view-dropdown .edit-view-name-button,
.application > .ember-view.assetDashboard .view-chooser-container .view-dropdown .edit-view-name-button,
.application > .ember-view.charting .form-header .view-dropdown .edit-view-name-button,
.application > .ember-view.admin .form-header .view-dropdown .edit-view-name-button,
.application > .ember-view.objectRef .form-header .view-dropdown .edit-view-name-button,
.application > .ember-view.business .form-header .view-dropdown .edit-view-name-button,
.application > .ember-view.data .form-header .view-dropdown .edit-view-name-button,
.application > .ember-view.portfolio .form-header .view-dropdown .edit-view-name-button,
.application > .ember-view.assetDashboard .form-header .view-dropdown .edit-view-name-button {
  position: relative;
  top: -2px;
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.application > .ember-view.charting .view-chooser-container .view-dropdown .edit-view-name-button i,
.application > .ember-view.admin .view-chooser-container .view-dropdown .edit-view-name-button i,
.application > .ember-view.objectRef .view-chooser-container .view-dropdown .edit-view-name-button i,
.application > .ember-view.business .view-chooser-container .view-dropdown .edit-view-name-button i,
.application > .ember-view.data .view-chooser-container .view-dropdown .edit-view-name-button i,
.application > .ember-view.portfolio .view-chooser-container .view-dropdown .edit-view-name-button i,
.application > .ember-view.assetDashboard .view-chooser-container .view-dropdown .edit-view-name-button i,
.application > .ember-view.charting .form-header .view-dropdown .edit-view-name-button i,
.application > .ember-view.admin .form-header .view-dropdown .edit-view-name-button i,
.application > .ember-view.objectRef .form-header .view-dropdown .edit-view-name-button i,
.application > .ember-view.business .form-header .view-dropdown .edit-view-name-button i,
.application > .ember-view.data .form-header .view-dropdown .edit-view-name-button i,
.application > .ember-view.portfolio .form-header .view-dropdown .edit-view-name-button i,
.application > .ember-view.assetDashboard .form-header .view-dropdown .edit-view-name-button i {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.application > .ember-view.charting .view-chooser-container .view-dropdown .edit-view-name-button i:hover,
.application > .ember-view.admin .view-chooser-container .view-dropdown .edit-view-name-button i:hover,
.application > .ember-view.objectRef .view-chooser-container .view-dropdown .edit-view-name-button i:hover,
.application > .ember-view.business .view-chooser-container .view-dropdown .edit-view-name-button i:hover,
.application > .ember-view.data .view-chooser-container .view-dropdown .edit-view-name-button i:hover,
.application > .ember-view.portfolio .view-chooser-container .view-dropdown .edit-view-name-button i:hover,
.application > .ember-view.assetDashboard .view-chooser-container .view-dropdown .edit-view-name-button i:hover,
.application > .ember-view.charting .form-header .view-dropdown .edit-view-name-button i:hover,
.application > .ember-view.admin .form-header .view-dropdown .edit-view-name-button i:hover,
.application > .ember-view.objectRef .form-header .view-dropdown .edit-view-name-button i:hover,
.application > .ember-view.business .form-header .view-dropdown .edit-view-name-button i:hover,
.application > .ember-view.data .form-header .view-dropdown .edit-view-name-button i:hover,
.application > .ember-view.portfolio .form-header .view-dropdown .edit-view-name-button i:hover,
.application > .ember-view.assetDashboard .form-header .view-dropdown .edit-view-name-button i:hover {
  color: #fb8c00 !important;
}
.application > .ember-view.charting .view-chooser-container .view-dropdown:hover .edit-view-name-button,
.application > .ember-view.admin .view-chooser-container .view-dropdown:hover .edit-view-name-button,
.application > .ember-view.objectRef .view-chooser-container .view-dropdown:hover .edit-view-name-button,
.application > .ember-view.business .view-chooser-container .view-dropdown:hover .edit-view-name-button,
.application > .ember-view.data .view-chooser-container .view-dropdown:hover .edit-view-name-button,
.application > .ember-view.portfolio .view-chooser-container .view-dropdown:hover .edit-view-name-button,
.application > .ember-view.assetDashboard .view-chooser-container .view-dropdown:hover .edit-view-name-button,
.application > .ember-view.charting .form-header .view-dropdown:hover .edit-view-name-button,
.application > .ember-view.admin .form-header .view-dropdown:hover .edit-view-name-button,
.application > .ember-view.objectRef .form-header .view-dropdown:hover .edit-view-name-button,
.application > .ember-view.business .form-header .view-dropdown:hover .edit-view-name-button,
.application > .ember-view.data .form-header .view-dropdown:hover .edit-view-name-button,
.application > .ember-view.portfolio .form-header .view-dropdown:hover .edit-view-name-button,
.application > .ember-view.assetDashboard .form-header .view-dropdown:hover .edit-view-name-button {
  opacity: 1;
}
.application > .ember-view.charting .view-chooser-container .materialize-dropdown,
.application > .ember-view.admin .view-chooser-container .materialize-dropdown,
.application > .ember-view.objectRef .view-chooser-container .materialize-dropdown,
.application > .ember-view.business .view-chooser-container .materialize-dropdown,
.application > .ember-view.data .view-chooser-container .materialize-dropdown,
.application > .ember-view.portfolio .view-chooser-container .materialize-dropdown,
.application > .ember-view.assetDashboard .view-chooser-container .materialize-dropdown,
.application > .ember-view.charting .form-header .materialize-dropdown,
.application > .ember-view.admin .form-header .materialize-dropdown,
.application > .ember-view.objectRef .form-header .materialize-dropdown,
.application > .ember-view.business .form-header .materialize-dropdown,
.application > .ember-view.data .form-header .materialize-dropdown,
.application > .ember-view.portfolio .form-header .materialize-dropdown,
.application > .ember-view.assetDashboard .form-header .materialize-dropdown {
  display: inline-block;
}
.application > .ember-view.charting .view-chooser-container .materialize-dropdown .dropdown-button,
.application > .ember-view.admin .view-chooser-container .materialize-dropdown .dropdown-button,
.application > .ember-view.objectRef .view-chooser-container .materialize-dropdown .dropdown-button,
.application > .ember-view.business .view-chooser-container .materialize-dropdown .dropdown-button,
.application > .ember-view.data .view-chooser-container .materialize-dropdown .dropdown-button,
.application > .ember-view.portfolio .view-chooser-container .materialize-dropdown .dropdown-button,
.application > .ember-view.assetDashboard .view-chooser-container .materialize-dropdown .dropdown-button,
.application > .ember-view.charting .form-header .materialize-dropdown .dropdown-button,
.application > .ember-view.admin .form-header .materialize-dropdown .dropdown-button,
.application > .ember-view.objectRef .form-header .materialize-dropdown .dropdown-button,
.application > .ember-view.business .form-header .materialize-dropdown .dropdown-button,
.application > .ember-view.data .form-header .materialize-dropdown .dropdown-button,
.application > .ember-view.portfolio .form-header .materialize-dropdown .dropdown-button,
.application > .ember-view.assetDashboard .form-header .materialize-dropdown .dropdown-button {
  padding-left: 32px;
  padding-bottom: 5px;
  white-space: nowrap;
  display: inline-block;
  font-size: 23px;
  font-weight: 300;
  letter-spacing: -0.2px;
}
.application > .ember-view.charting .view-chooser-container .materialize-dropdown .dropdown-button i,
.application > .ember-view.admin .view-chooser-container .materialize-dropdown .dropdown-button i,
.application > .ember-view.objectRef .view-chooser-container .materialize-dropdown .dropdown-button i,
.application > .ember-view.business .view-chooser-container .materialize-dropdown .dropdown-button i,
.application > .ember-view.data .view-chooser-container .materialize-dropdown .dropdown-button i,
.application > .ember-view.portfolio .view-chooser-container .materialize-dropdown .dropdown-button i,
.application > .ember-view.assetDashboard .view-chooser-container .materialize-dropdown .dropdown-button i,
.application > .ember-view.charting .form-header .materialize-dropdown .dropdown-button i,
.application > .ember-view.admin .form-header .materialize-dropdown .dropdown-button i,
.application > .ember-view.objectRef .form-header .materialize-dropdown .dropdown-button i,
.application > .ember-view.business .form-header .materialize-dropdown .dropdown-button i,
.application > .ember-view.data .form-header .materialize-dropdown .dropdown-button i,
.application > .ember-view.portfolio .form-header .materialize-dropdown .dropdown-button i,
.application > .ember-view.assetDashboard .form-header .materialize-dropdown .dropdown-button i {
  padding-right: 14px;
  font-size: 14px;
  float: none;
  margin-left: 15px;
  position: relative;
  top: -1px;
}
.application > .ember-view.charting .view-chooser-container .materialize-dropdown .dropdown-content,
.application > .ember-view.admin .view-chooser-container .materialize-dropdown .dropdown-content,
.application > .ember-view.objectRef .view-chooser-container .materialize-dropdown .dropdown-content,
.application > .ember-view.business .view-chooser-container .materialize-dropdown .dropdown-content,
.application > .ember-view.data .view-chooser-container .materialize-dropdown .dropdown-content,
.application > .ember-view.portfolio .view-chooser-container .materialize-dropdown .dropdown-content,
.application > .ember-view.assetDashboard .view-chooser-container .materialize-dropdown .dropdown-content,
.application > .ember-view.charting .form-header .materialize-dropdown .dropdown-content,
.application > .ember-view.admin .form-header .materialize-dropdown .dropdown-content,
.application > .ember-view.objectRef .form-header .materialize-dropdown .dropdown-content,
.application > .ember-view.business .form-header .materialize-dropdown .dropdown-content,
.application > .ember-view.data .form-header .materialize-dropdown .dropdown-content,
.application > .ember-view.portfolio .form-header .materialize-dropdown .dropdown-content,
.application > .ember-view.assetDashboard .form-header .materialize-dropdown .dropdown-content {
  top: 100% !important;
  left: 0 !important;
  border: solid 1px black;
}
.application > .ember-view.charting .view-chooser-container .materialize-dropdown .dropdown-content li,
.application > .ember-view.admin .view-chooser-container .materialize-dropdown .dropdown-content li,
.application > .ember-view.objectRef .view-chooser-container .materialize-dropdown .dropdown-content li,
.application > .ember-view.business .view-chooser-container .materialize-dropdown .dropdown-content li,
.application > .ember-view.data .view-chooser-container .materialize-dropdown .dropdown-content li,
.application > .ember-view.portfolio .view-chooser-container .materialize-dropdown .dropdown-content li,
.application > .ember-view.assetDashboard .view-chooser-container .materialize-dropdown .dropdown-content li,
.application > .ember-view.charting .form-header .materialize-dropdown .dropdown-content li,
.application > .ember-view.admin .form-header .materialize-dropdown .dropdown-content li,
.application > .ember-view.objectRef .form-header .materialize-dropdown .dropdown-content li,
.application > .ember-view.business .form-header .materialize-dropdown .dropdown-content li,
.application > .ember-view.data .form-header .materialize-dropdown .dropdown-content li,
.application > .ember-view.portfolio .form-header .materialize-dropdown .dropdown-content li,
.application > .ember-view.assetDashboard .form-header .materialize-dropdown .dropdown-content li {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 12px;
  line-height: 1;
}
.application > .ember-view.charting .view-chooser-container .materialize-dropdown .dropdown-content li:not(:last-child),
.application > .ember-view.admin .view-chooser-container .materialize-dropdown .dropdown-content li:not(:last-child),
.application > .ember-view.objectRef .view-chooser-container .materialize-dropdown .dropdown-content li:not(:last-child),
.application > .ember-view.business .view-chooser-container .materialize-dropdown .dropdown-content li:not(:last-child),
.application > .ember-view.data .view-chooser-container .materialize-dropdown .dropdown-content li:not(:last-child),
.application > .ember-view.portfolio .view-chooser-container .materialize-dropdown .dropdown-content li:not(:last-child),
.application > .ember-view.assetDashboard .view-chooser-container .materialize-dropdown .dropdown-content li:not(:last-child),
.application > .ember-view.charting .form-header .materialize-dropdown .dropdown-content li:not(:last-child),
.application > .ember-view.admin .form-header .materialize-dropdown .dropdown-content li:not(:last-child),
.application > .ember-view.objectRef .form-header .materialize-dropdown .dropdown-content li:not(:last-child),
.application > .ember-view.business .form-header .materialize-dropdown .dropdown-content li:not(:last-child),
.application > .ember-view.data .form-header .materialize-dropdown .dropdown-content li:not(:last-child),
.application > .ember-view.portfolio .form-header .materialize-dropdown .dropdown-content li:not(:last-child),
.application > .ember-view.assetDashboard .form-header .materialize-dropdown .dropdown-content li:not(:last-child) {
  border-bottom: 1px solid #bfbfbf;
}
.application > .ember-view.charting .view-chooser-container .materialize-dropdown .dropdown-content li > a:first-child,
.application > .ember-view.admin .view-chooser-container .materialize-dropdown .dropdown-content li > a:first-child,
.application > .ember-view.objectRef .view-chooser-container .materialize-dropdown .dropdown-content li > a:first-child,
.application > .ember-view.business .view-chooser-container .materialize-dropdown .dropdown-content li > a:first-child,
.application > .ember-view.data .view-chooser-container .materialize-dropdown .dropdown-content li > a:first-child,
.application > .ember-view.portfolio .view-chooser-container .materialize-dropdown .dropdown-content li > a:first-child,
.application > .ember-view.assetDashboard .view-chooser-container .materialize-dropdown .dropdown-content li > a:first-child,
.application > .ember-view.charting .form-header .materialize-dropdown .dropdown-content li > a:first-child,
.application > .ember-view.admin .form-header .materialize-dropdown .dropdown-content li > a:first-child,
.application > .ember-view.objectRef .form-header .materialize-dropdown .dropdown-content li > a:first-child,
.application > .ember-view.business .form-header .materialize-dropdown .dropdown-content li > a:first-child,
.application > .ember-view.data .form-header .materialize-dropdown .dropdown-content li > a:first-child,
.application > .ember-view.portfolio .form-header .materialize-dropdown .dropdown-content li > a:first-child,
.application > .ember-view.assetDashboard .form-header .materialize-dropdown .dropdown-content li > a:first-child {
  -ms-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  text-align: center;
  padding: 14px 10px 12px;
}
.application > .ember-view.charting .view-chooser-container .materialize-dropdown .dropdown-content li.active,
.application > .ember-view.admin .view-chooser-container .materialize-dropdown .dropdown-content li.active,
.application > .ember-view.objectRef .view-chooser-container .materialize-dropdown .dropdown-content li.active,
.application > .ember-view.business .view-chooser-container .materialize-dropdown .dropdown-content li.active,
.application > .ember-view.data .view-chooser-container .materialize-dropdown .dropdown-content li.active,
.application > .ember-view.portfolio .view-chooser-container .materialize-dropdown .dropdown-content li.active,
.application > .ember-view.assetDashboard .view-chooser-container .materialize-dropdown .dropdown-content li.active,
.application > .ember-view.charting .form-header .materialize-dropdown .dropdown-content li.active,
.application > .ember-view.admin .form-header .materialize-dropdown .dropdown-content li.active,
.application > .ember-view.objectRef .form-header .materialize-dropdown .dropdown-content li.active,
.application > .ember-view.business .form-header .materialize-dropdown .dropdown-content li.active,
.application > .ember-view.data .form-header .materialize-dropdown .dropdown-content li.active,
.application > .ember-view.portfolio .form-header .materialize-dropdown .dropdown-content li.active,
.application > .ember-view.assetDashboard .form-header .materialize-dropdown .dropdown-content li.active {
  font-weight: 600;
}
.application > .ember-view.charting .view-chooser-container .materialize-dropdown .dropdown-content li .remove-view-button,
.application > .ember-view.admin .view-chooser-container .materialize-dropdown .dropdown-content li .remove-view-button,
.application > .ember-view.objectRef .view-chooser-container .materialize-dropdown .dropdown-content li .remove-view-button,
.application > .ember-view.business .view-chooser-container .materialize-dropdown .dropdown-content li .remove-view-button,
.application > .ember-view.data .view-chooser-container .materialize-dropdown .dropdown-content li .remove-view-button,
.application > .ember-view.portfolio .view-chooser-container .materialize-dropdown .dropdown-content li .remove-view-button,
.application > .ember-view.assetDashboard .view-chooser-container .materialize-dropdown .dropdown-content li .remove-view-button,
.application > .ember-view.charting .form-header .materialize-dropdown .dropdown-content li .remove-view-button,
.application > .ember-view.admin .form-header .materialize-dropdown .dropdown-content li .remove-view-button,
.application > .ember-view.objectRef .form-header .materialize-dropdown .dropdown-content li .remove-view-button,
.application > .ember-view.business .form-header .materialize-dropdown .dropdown-content li .remove-view-button,
.application > .ember-view.data .form-header .materialize-dropdown .dropdown-content li .remove-view-button,
.application > .ember-view.portfolio .form-header .materialize-dropdown .dropdown-content li .remove-view-button,
.application > .ember-view.assetDashboard .form-header .materialize-dropdown .dropdown-content li .remove-view-button {
  right: 0;
  top: 0;
  padding: 0 12px 0;
}
.application > .ember-view.charting .view-chooser-container .materialize-dropdown .dropdown-content li .remove-view-button i,
.application > .ember-view.admin .view-chooser-container .materialize-dropdown .dropdown-content li .remove-view-button i,
.application > .ember-view.objectRef .view-chooser-container .materialize-dropdown .dropdown-content li .remove-view-button i,
.application > .ember-view.business .view-chooser-container .materialize-dropdown .dropdown-content li .remove-view-button i,
.application > .ember-view.data .view-chooser-container .materialize-dropdown .dropdown-content li .remove-view-button i,
.application > .ember-view.portfolio .view-chooser-container .materialize-dropdown .dropdown-content li .remove-view-button i,
.application > .ember-view.assetDashboard .view-chooser-container .materialize-dropdown .dropdown-content li .remove-view-button i,
.application > .ember-view.charting .form-header .materialize-dropdown .dropdown-content li .remove-view-button i,
.application > .ember-view.admin .form-header .materialize-dropdown .dropdown-content li .remove-view-button i,
.application > .ember-view.objectRef .form-header .materialize-dropdown .dropdown-content li .remove-view-button i,
.application > .ember-view.business .form-header .materialize-dropdown .dropdown-content li .remove-view-button i,
.application > .ember-view.data .form-header .materialize-dropdown .dropdown-content li .remove-view-button i,
.application > .ember-view.portfolio .form-header .materialize-dropdown .dropdown-content li .remove-view-button i,
.application > .ember-view.assetDashboard .form-header .materialize-dropdown .dropdown-content li .remove-view-button i {
  font-size: 15px;
}
.application > .ember-view.charting .view-chooser-container > a,
.application > .ember-view.admin .view-chooser-container > a,
.application > .ember-view.objectRef .view-chooser-container > a,
.application > .ember-view.business .view-chooser-container > a,
.application > .ember-view.data .view-chooser-container > a,
.application > .ember-view.portfolio .view-chooser-container > a,
.application > .ember-view.assetDashboard .view-chooser-container > a,
.application > .ember-view.charting .form-header > a,
.application > .ember-view.admin .form-header > a,
.application > .ember-view.objectRef .form-header > a,
.application > .ember-view.business .form-header > a,
.application > .ember-view.data .form-header > a,
.application > .ember-view.portfolio .form-header > a,
.application > .ember-view.assetDashboard .form-header > a {
  margin-top: 37px;
}
.application > .ember-view.charting .adjacent-to-tuples,
.application > .ember-view.admin .adjacent-to-tuples,
.application > .ember-view.objectRef .adjacent-to-tuples,
.application > .ember-view.business .adjacent-to-tuples,
.application > .ember-view.data .adjacent-to-tuples,
.application > .ember-view.portfolio .adjacent-to-tuples,
.application > .ember-view.assetDashboard .adjacent-to-tuples,
.application > .ember-view.charting .admin-tree-and-list,
.application > .ember-view.admin .admin-tree-and-list,
.application > .ember-view.objectRef .admin-tree-and-list,
.application > .ember-view.business .admin-tree-and-list,
.application > .ember-view.data .admin-tree-and-list,
.application > .ember-view.portfolio .admin-tree-and-list,
.application > .ember-view.assetDashboard .admin-tree-and-list,
.application > .ember-view.charting .admin-float-tree,
.application > .ember-view.admin .admin-float-tree,
.application > .ember-view.objectRef .admin-float-tree,
.application > .ember-view.business .admin-float-tree,
.application > .ember-view.data .admin-float-tree,
.application > .ember-view.portfolio .admin-float-tree,
.application > .ember-view.assetDashboard .admin-float-tree {
  margin-top: 10px;
}
.top-right-close-button {
  position: absolute;
  top: 0;
  right: 0;
  height: 19px;
  width: 19px;
  border-left: 1px solid #bdbdbd;
  border-bottom: 1px solid #bdbdbd;
  text-align: center;
  line-height: 19px;
  -webkit-transition: color 0.3s, border-color 0.3s;
  transition: color 0.3s, border-color 0.3s;
}
.top-right-close-button:hover {
  color: #fb8c00;
}
.section-header {
  position: absolute;
  width: calc(100% - 72px);
  height: 90px;
  left: 72px;
  top: 0px;
  background: #FFFFFF;
  /* Header Shadow */
  box-shadow: 0px 8px 20px rgba(55, 64, 83, 0.1);
}
.section-header.extended {
  height: 157px;
}
.section-header .section-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 6px;
  position: absolute;
  width: 496px;
  height: 60px;
  left: 32px;
  top: 12px;
}
.section-header .section-info .section-name {
  height: 32px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  display: flex;
  align-items: center;
  color: #131517;
}
.section-header .section-info .section-route {
  flex-direction: row;
  padding: 0px;
  gap: 8px;
  min-width: 600px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  /* identical to box height */
  display: flex;
  align-items: center;
  /* Gray/400 */
  color: #A6AAB2;
}
.section-header .section-info .section-route .active-route {
  color: #171A1D;
}
.section-header .section-info-subtext {
  position: absolute;
  height: 27px;
  left: 117px;
  top: 107px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  /* identical to box height */
  display: flex;
  align-items: center;
  color: #131517;
}
.section-header .section-header-button {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding: 9px 30px 9px 26px;
  gap: 10px;
  position: absolute;
  width: 200px;
  height: 40px;
  right: 32px;
  top: 101px;
}
.section-header .section-header-button-left {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 4px;
  position: absolute;
  width: 61px;
  height: 26px;
  left: 32px;
  top: 108px;
}
.section-header .section-header-button-left .button-text {
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 160%;
  /* identical to box height, or 26px */
  display: flex;
  align-items: center;
  font-feature-settings: 'liga' off;
  /* Gray/500 */
  color: #757F94;
}
.section-header .section-navigation-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2px;
  gap: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  background: #F3F5F8;
  border-radius: 56px;
}
.section-header .section-navigation-container .section-navigation {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  gap: 4px;
  height: 28px;
}
.section-header .section-navigation-container .section-navigation .tab {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 2px 12px;
  gap: 10px;
  width: 142px;
  height: 28px;
  background: #F3F5F8;
  border-radius: 32px;
}
.section-header .section-navigation-container .section-navigation .tab.selected {
  background: #171A1D;
}
.section-header .section-navigation-container .section-navigation .tab.selected .tab-text {
  color: #E9ECF2;
}
.section-header .section-navigation-container .section-navigation .tab.selected svg {
  fill: #F3F5F8;
}
.section-header .section-navigation-container .section-navigation .tab.selected svg path {
  stroke: white;
}
.section-header .section-navigation-container .section-navigation .tab .tab-text {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  gap: 8px;
  width: 118px;
  height: 22px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 160%;
  text-align: center;
  font-feature-settings: 'liga' off;
  color: #757F94;
}
.section-header .section-navigation-container .section-navigation .tab svg {
  fill: #171A1D;
}
.section-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  position: absolute;
  height: calc(100vh - 90px);
  overflow-y: auto;
  overflow-x: clip;
  left: 72px;
  right: 0px;
  top: 90px;
  background: #F3F5F8;
}
.section-body.xscroll {
  overflow-x: scroll;
  overflow-y: clip;
}
.section-body.xscroll::-webkit-scrollbar {
  height: 6px;
  width: 400%;
}
.section-body.xscroll::-webkit-scrollbar-track {
  background-color: #E9ECF2;
  border-radius: 8px;
  margin-left: 600px;
  margin-right: 600px;
}
.section-body.xscroll::-webkit-scrollbar-thumb {
  background: #171A1D;
  border-radius: 8px;
}
.section-body.xscroll::-webkit-scrollbar-thumb:hover {
  height: 10px;
}
.section-body.yscroll {
  overflow-x: clip;
  overflow-y: scroll;
}
.section-body.yscroll::-webkit-scrollbar {
  width: 6px;
}
.section-body.yscroll::-webkit-scrollbar-track {
  background-color: #E9ECF2;
  border-radius: 8px;
}
.section-body.yscroll::-webkit-scrollbar-thumb {
  background: #171A1D;
  border-radius: 8px;
}
.section-body.yscroll::-webkit-scrollbar-thumb:hover {
  width: 10px;
}
.section-body.extended-header {
  top: 157px;
}
.section-body .section-body-overview {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px 32px;
  gap: 10px;
  width: 100%;
  background: #F3F5F8;
}
.section-body .section-body-overview .section-body-widget-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  width: 100%;
  left: 32px;
  right: 32px;
}
.section-body .section-body-overview .section-body-widget-container .widgets {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 24px;
  width: 100%;
  height: 128px;
}
.section-body .section-body-overview .section-body-widget-container .widgets .widget {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px;
  gap: 12px;
  width: calc((100% - 72px) / 4);
  height: 128px;
  background: #FFFFFF;
  border: 1px solid #E9ECF2;
  border-radius: 8px;
}
.section-body .section-body-overview .section-body-widget-container .widgets .widget .header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 8px;
  height: 40px;
}
.section-body .section-body-overview .section-body-widget-container .widgets .widget .header .icon {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 8px;
  gap: 10px;
  width: 40px;
  height: 40px;
  /* Gray/800 */
  background: #171A1D;
  border-radius: 40px;
}
.section-body .section-body-overview .section-body-widget-container .widgets .widget .header .header-text {
  height: 20px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #757F94;
}
.section-body .section-body-overview .section-body-widget-container .widgets .widget .header .info {
  position: absolute;
  right: 4px;
  top: 0px;
  width: 24px;
  height: 24px;
}
.section-body .section-body-overview .section-body-widget-container .widgets .widget .content {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  padding: 0px;
  gap: 8px;
  width: 100%;
  height: 44px;
}
.section-body .section-body-overview .section-body-widget-container .widgets .widget .content .text-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
  justify-content: center;
  width: 100%;
  height: 44px;
  position: relative;
}
.section-body .section-body-overview .section-body-widget-container .widgets .widget .content .text-container p.text {
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 44px;
  /* identical to box height, or 157% */
  letter-spacing: -0.02em;
  /* Gray/900 */
  color: #101828;
}
.section-body .section-body-overview .section-body-widget-container .widgets .widget .content .text-container span.button {
  position: absolute;
  right: 0px;
  bottom: 0px;
  cursor: pointer;
  height: 22px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 160%;
  /* or 22px */
  display: flex;
  align-items: center;
  font-feature-settings: 'liga' off;
  color: #171A1D;
}
.section-body .section-body-overview .section-body-widget-container .widgets .widget .content .text-container span.button .icon-container {
  padding-left: 4px;
  width: 18px;
  height: 20px;
}
.section-body .section-body-overview .section-body-widget-container .widgets .widget .content .text-container span.button .icon-container.right {
  padding-top: 2px;
  padding-right: 20px;
}
.section {
  width: 100%;
  height: auto;
}
.section-spacer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px 32px;
  gap: 10px;
  width: 100%;
  height: 20px;
  background: #F3F5F8;
}
/* Button Styles*/
.new-button-style {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 9px 30px 9px 26px;
  gap: 10px;
  width: 172px;
  height: 40px;
  background: none;
  /* Gray/700 */
  border: 1px solid #21262A;
  border-radius: 8px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 800;
  font-size: 13px;
  line-height: 160%;
  font-feature-settings: 'liga' off;
  color: #171A1D;
}
.new-button-style.large {
  width: 217px;
}
.new-button-style.add-button {
  width: 30px;
  padding: 4px 10px;
}
.new-button-style:hover {
  background: #E2E6E9;
}
.new-button-style.call-to-action {
  background: linear-gradient(89.78deg, #77dedf -50.16%, #76e2cf 54.97%, #76eab9 150.11%);
  border: none;
}
.new-button-style.call-to-action:hover {
  border: 1px solid #21262A;
  background: linear-gradient(89.78deg, #77dedf -50.16%, #76e2cf 54.97%, #76eab9 150.11%);
}
.new-button-style.call-to-action-transparent {
  color: #5DEBC9;
  border: none;
}
.new-button-style.call-to-action-transparent .button-icon svg {
  fill: #5DEBC9;
}
.new-button-style.faded {
  border: none;
  background: none;
}
.new-button-style .button-content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  gap: 4px;
}
.new-button-style .button-icon {
  width: 20px;
  height: 20px;
}
.new-button-style .button-icon svg {
  fill: #171A1D;
}
/* Input Styles */
.input-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;
  width: 100%;
  height: 64px;
}
.input-row .input-box {
  width: 50%;
}
input {
  font-family: 'Satoshi';
  font-style: normal;
}
input.editing-cell {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px 16px;
  gap: 8px;
  width: 100%;
  height: 32px;
  border: 1px dashed #D0D3D9;
  border-radius: 5px;
}
.editable-cell {
  position: relative;
}
.editable-cell .empty {
  display: block;
  width: 100%;
  height: 100%;
}
.editable-cell .select-ize-component .selectize-control.single .selectize-input {
  width: 78% !important;
}
.editable-cell.LOW {
  color: #039855;
}
.editable-cell.LOW svg circle {
  fill: #039855;
}
.editable-cell.MEDIUM {
  color: #DC6803;
}
.editable-cell.MEDIUM svg circle {
  fill: #DC6803;
}
.editable-cell.HIGH {
  color: #D92D20;
}
.editable-cell.HIGH svg circle {
  fill: #D92D20;
}
.editable-cell.category {
  color: #175CD3 !important;
}
.editable-cell.category .icon {
  float: left;
}
.editable-cell.category svg {
  position: relative;
  top: 2px;
}
.editable-cell.category svg path {
  fill: #175CD3;
}
.save-input-button {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 4px;
  bottom: 26px;
  background: #F3F5F8;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
}
.save-input-button svg {
  position: absolute;
  bottom: 3.5px;
  right: 3.5px;
}
.save-input-button:hover {
  background: #E9ECF2;
}
.input-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
  width: 100%;
  text-align: left;
}
.input-box .icon {
  position: absolute;
  padding: 10px;
  min-width: 40px;
}
.input-box .input-label {
  height: 16px;
  left: 0px;
  top: calc(42%);
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  align-items: center;
  color: #171A1D;
}
.input-box .input-info {
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
}
.input-box .input-field {
  width: 100%;
  font-family: 'Satoshi';
}
.input-box .input-field .switch-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 8px;
  width: 54px;
  height: 28px;
  /* Hide default HTML checkbox */
  /* Rounded sliders */
}
.input-box .input-field .switch-container .switch {
  position: relative;
  display: inline-block;
  width: 54px;
  height: 28px;
}
.input-box .input-field .switch-container .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.input-box .input-field .switch-container .slider-new {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #F3F5F8;
  box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.06);
  -webkit-transition: .4s;
  transition: .4s;
}
.input-box .input-field .switch-container .slider-new:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
.input-box .input-field .switch-container input:checked + .slider-new:before {
  background-color: #5DEBC9;
}
.input-box .input-field .switch-container input:focus + .slider-new {
  box-shadow: 0 0 1px #2196F3;
}
.input-box .input-field .switch-container input:checked + .slider-new:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.input-box .input-field .switch-container .slider-new.round {
  border-radius: 70px;
}
.input-box .input-field .switch-container .slider-new.round:before {
  border-radius: 50%;
}
.input-box input {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px 16px;
  gap: 8px;
  width: 100%;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #E9ECF2;
  border-radius: 8px;
}
.input-box input.icon-input {
  padding: 10px 36px;
}
.input-box textarea {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 10px 8px;
  gap: 10px;
  width: calc(100%);
  min-height: 60px;
  /* White/Default

    (Default text)
    */
  background: #FFFFFF;
  /* Gray/200 */
  border: 1px solid #E9ECF2;
  border-radius: 8px;
}
.input-box .select-ize-component {
  width: 100%;
}
.pop-up-menu,
.pop-up-menu-chart {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 8px 0px;
  position: relative;
  width: 240px;
  background: #FFFFFF;
  border: 1px solid #F2F4F7;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  border-radius: 8px;
  z-index: 2;
}
.pop-up-menu .menu-item,
.pop-up-menu-chart .menu-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px 16px;
  gap: 8px;
  width: 240px;
  height: 42px;
  /* White */
  background: #FFFFFF;
  cursor: pointer;
}
.pop-up-menu .menu-item .menu-icon,
.pop-up-menu-chart .menu-item .menu-icon {
  width: 20px;
  height: 20px;
}
.pop-up-menu .menu-item .menu-icon svg,
.pop-up-menu-chart .menu-item .menu-icon svg {
  fill: #A6AAB2;
}
.pop-up-menu .menu-item .menu-icon svg.trash-icon path,
.pop-up-menu-chart .menu-item .menu-icon svg.trash-icon path {
  fill: #F04438;
}
.pop-up-menu .menu-item .menu-icon svg path,
.pop-up-menu-chart .menu-item .menu-icon svg path {
  fill: #A6AAB2;
}
.pop-up-menu .menu-item .menu-text,
.pop-up-menu-chart .menu-item .menu-text {
  width: 180px;
  height: 22px;
  /* Button/3 */
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 160%;
  /* or 22px */
  font-feature-settings: 'liga' off;
  /* Gray/700 */
  color: #21262A;
  flex-grow: 1;
}
.red-text,
.main-content.on-sign-in .sign-in .inputs .login-error,
.materialize-tooltip .icon.mdi-alert-error {
  color: "#D92D20";
}
/* Modal Styles */
.side-modal-container {
  position: fixed;
  display: table;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  transform: scale(0);
  z-index: 999;
}
.side-modal-container.slide-animate {
  transform: scale(1);
}
.side-modal-container.slide-animate .modal-background {
  background: rgba(0, 0, 0, 0);
  animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.side-modal-container.slide-animate .modal-background .modal {
  transform: translateX(-1500px);
  animation: roadRunnerIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.side-modal-container.slide-animate.out {
  animation: quickScaleDown 0s .5s linear forwards;
}
.side-modal-container.slide-animate.out .modal-background {
  animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.side-modal-container.slide-animate.out .modal-background .modal {
  animation: roadRunnerOut 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.side-modal-container.slide-animate-fullscreen {
  transform: scale(1);
}
.side-modal-container.slide-animate-fullscreen .modal-background {
  background: rgba(0, 0, 0, 0);
  animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.side-modal-container.slide-animate-fullscreen .modal-background .modal {
  transform: translateX(-1500px);
  animation: roadRunnerInFull 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.side-modal-container.slide-animate-fullscreen.out {
  animation: quickScaleDown 0s .5s linear forwards;
}
.side-modal-container.slide-animate-fullscreen.out .modal-background {
  animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.side-modal-container.slide-animate-fullscreen.out .modal-background .modal {
  animation: roadRunnerOutFull 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.side-modal-container .modal-background {
  display: table-cell;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
  vertical-align: middle;
}
.side-modal-container .modal-background .modal {
  background: white;
  display: inline-block;
  border-radius: 24px;
  font-weight: 300;
  position: relative;
  height: 100%;
  height: 100vh;
  width: 45%;
  padding: 0;
  overflow: auto;
}
.side-modal-container .modal-background .modal.fullscreen {
  width: 98%;
}
.side-modal-container .modal-background .modal .header {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 109px;
  left: 0px;
  top: 0px;
  background: #FFFFFF;
  /* Gray/200 */
  border-bottom: 1px solid #E9ECF2;
  box-shadow: 0px 0px 20px rgba(55, 64, 83, 0.1);
  border-radius: 24px 24px 0px 0px;
}
.side-modal-container .modal-background .modal .header .close-button {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  padding: 6px;
  gap: 10px;
  position: absolute;
  height: 36px;
  right: 32px;
  top: calc(50% - 36px/2);
  border: 1px solid #E6EAF0;
  border-radius: 6px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.side-modal-container .modal-background .modal .header .close-button:hover {
  background: #F3F5F8;
}
.side-modal-container .modal-background .modal .header .close-button:hover p svg {
  fill: #21262A;
  transform: rotate(90deg);
}
.side-modal-container .modal-background .modal .header .close-button p {
  width: 24px;
  height: 24px;
}
.side-modal-container .modal-background .modal .header .close-button p svg {
  position: absolute;
  left: 11px;
  top: 11px;
  fill: #757F94;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.side-modal-container .modal-background .modal .header .close-button p svg:hover {
  fill: #21262A;
  transform: rotate(90deg);
}
.side-modal-container .modal-background .modal .header .header-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 16px;
  position: absolute;
  height: 61px;
  left: 32px;
  top: 24px;
}
.side-modal-container .modal-background .modal .header .header-content .header-image {
  width: 44px;
  height: 54px;
}
.side-modal-container .modal-background .modal .header .header-content .header-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0px;
  gap: 4px;
  height: 61px;
}
.side-modal-container .modal-background .modal .header .header-content .header-text span {
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 38px;
  /* identical to box height */
  display: flex;
  align-items: center;
  /* Gray/800 */
  color: #171A1D;
}
.side-modal-container .modal-background .modal .header .header-content .header-text .header-sub-text {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
}
.side-modal-container .modal-background .modal .header .header-content .header-text .header-sub-text span {
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
  color: #A6AAB2;
}
.side-modal-container .modal-background .modal .note {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px 8px;
  gap: 8px;
  position: absolute;
  height: 40px;
  left: 32px;
  right: 32px;
  top: 133px;
  background: #F3F5F8;
  border-radius: 8px;
}
.side-modal-container .modal-background .modal .note .note-icon {
  width: 20px;
  height: 20px;
  position: relative;
}
.side-modal-container .modal-background .modal .note .note-icon svg {
  position: absolute;
  left: 8.33%;
  right: 8.33%;
  top: 8.33%;
  bottom: 8.33%;
}
.side-modal-container .modal-background .modal .note .note-message {
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
  text-align: left;
  color: #21262A;
}
.side-modal-container .modal-background .modal .content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 20px;
  position: absolute;
  left: 32px;
  right: 32px;
  top: 133px;
  height: calc(100% - 205px);
  overflow-y: auto;
}
.side-modal-container .modal-background .modal .content::-webkit-scrollbar {
  width: 6px;
}
.side-modal-container .modal-background .modal .content::-webkit-scrollbar-track {
  background-color: #FFFFFF;
  border-radius: 8px;
}
.side-modal-container .modal-background .modal .content::-webkit-scrollbar-thumb {
  background: #F3F5F8;
  border-radius: 8px;
}
.side-modal-container .modal-background .modal .content::-webkit-scrollbar-thumb:hover {
  width: 10px;
}
.side-modal-container .modal-background .modal .content .list-item {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 12px 0px 0px;
  gap: 12px;
  width: 558px;
  height: 96px;
}
.side-modal-container .modal-background .modal .content .list-item .timeline-icons .icon {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  position: relative;
}
.side-modal-container .modal-background .modal .content .list-item .timeline-icons .icon svg {
  position: absolute;
  left: 33.33%;
  right: 18.34%;
  top: 18.48%;
  bottom: 18.48%;
  fill: #171A1D;
}
.side-modal-container .modal-background .modal .content .list-item .timeline-icons .rectangle {
  width: 1px;
  height: 48px;
  background: #E9ECF2;
}
.side-modal-container .modal-background .modal .content .list-item .text-box .main-text {
  height: 20px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  display: flex;
  align-items: center;
  color: #21262A;
}
.side-modal-container .modal-background .modal .content .list-item .text-box .sub-text {
  height: 20px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  display: flex;
  align-items: center;
  color: #D0D3D9;
}
.side-modal-container .modal-background .modal .content.lower {
  top: 189px;
  height: calc(100% - 189px);
}
.side-modal-container .modal-background .modal .content.much-lower {
  top: 400px;
  height: calc(100% - 400px);
}
.side-modal-container .modal-background .modal .footer {
  position: absolute;
  width: 100%;
  height: 72px;
  left: 0px;
  bottom: 0px;
  background: #FFFFFF;
  box-shadow: 0px 0px 20px rgba(55, 64, 83, 0.1);
  border-radius: 0px 0px 24px 24px;
}
.side-modal-container .modal-background .modal .footer .modal-confirm-button {
  position: absolute;
  padding: 9px 26px;
  width: 126px;
  right: 34px;
  bottom: 16px;
}
.side-modal-container .modal-background .modal .footer .modal-nav-button {
  position: absolute;
  width: 172px;
  right: 171px;
  bottom: 16px;
}
.pop-up-modal-container {
  position: fixed;
  display: table;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 999;
}
.pop-up-modal-container .modal-background {
  display: table-cell;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
  vertical-align: middle;
}
.pop-up-modal-container .modal-background .delete-modal-container,
.pop-up-modal-container .modal-background .rerun-modal-container {
  left: calc(50% - 200px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 24px;
  gap: 32px;
  position: relative;
  width: 400px;
  height: 264px;
  background: #FFFFFF;
  box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
  border-radius: 12px;
}
.pop-up-modal-container .modal-background .delete-modal-container .delete-modal-content,
.pop-up-modal-container .modal-background .rerun-modal-container .delete-modal-content,
.pop-up-modal-container .modal-background .delete-modal-container .rerun-modal-content,
.pop-up-modal-container .modal-background .rerun-modal-container .rerun-modal-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 20px;
  width: 352px;
  height: 144px;
}
.pop-up-modal-container .modal-background .delete-modal-container .delete-modal-content .feature-icon,
.pop-up-modal-container .modal-background .rerun-modal-container .delete-modal-content .feature-icon,
.pop-up-modal-container .modal-background .delete-modal-container .rerun-modal-content .feature-icon,
.pop-up-modal-container .modal-background .rerun-modal-container .rerun-modal-content .feature-icon {
  width: 48px;
  height: 48px;
  position: relative;
  background: #FEF0C7;
  border: 8px solid #FFFAEB;
  border-radius: 28px;
}
.pop-up-modal-container .modal-background .delete-modal-container .delete-modal-content .feature-icon p,
.pop-up-modal-container .modal-background .rerun-modal-container .delete-modal-content .feature-icon p,
.pop-up-modal-container .modal-background .delete-modal-container .rerun-modal-content .feature-icon p,
.pop-up-modal-container .modal-background .rerun-modal-container .rerun-modal-content .feature-icon p {
  position: absolute;
  width: 24px;
  height: 24px;
  left: 4px;
  top: -12px;
}
.pop-up-modal-container .modal-background .delete-modal-container .delete-modal-content .feature-icon p svg,
.pop-up-modal-container .modal-background .rerun-modal-container .delete-modal-content .feature-icon p svg,
.pop-up-modal-container .modal-background .delete-modal-container .rerun-modal-content .feature-icon p svg,
.pop-up-modal-container .modal-background .rerun-modal-container .rerun-modal-content .feature-icon p svg {
  position: absolute;
  left: 2.29%;
  right: 2.3%;
  top: 3.74%;
  bottom: 12.5%;
}
.pop-up-modal-container .modal-background .delete-modal-container .delete-modal-content .text-content,
.pop-up-modal-container .modal-background .rerun-modal-container .delete-modal-content .text-content,
.pop-up-modal-container .modal-background .delete-modal-container .rerun-modal-content .text-content,
.pop-up-modal-container .modal-background .rerun-modal-container .rerun-modal-content .text-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
  width: 352px;
  height: 76px;
}
.pop-up-modal-container .modal-background .delete-modal-container .delete-modal-content .text-content .main-text,
.pop-up-modal-container .modal-background .rerun-modal-container .delete-modal-content .text-content .main-text,
.pop-up-modal-container .modal-background .delete-modal-container .rerun-modal-content .text-content .main-text,
.pop-up-modal-container .modal-background .rerun-modal-container .rerun-modal-content .text-content .main-text {
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  color: #21262A;
}
.pop-up-modal-container .modal-background .delete-modal-container .delete-modal-content .text-content .supporting-text,
.pop-up-modal-container .modal-background .rerun-modal-container .delete-modal-content .text-content .supporting-text,
.pop-up-modal-container .modal-background .delete-modal-container .rerun-modal-content .text-content .supporting-text,
.pop-up-modal-container .modal-background .rerun-modal-container .rerun-modal-content .text-content .supporting-text {
  width: 352px;
  height: 40px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  text-align: left;
  color: #000000;
}
.pop-up-modal-container .modal-background .delete-modal-container .delete-modal-buttons,
.pop-up-modal-container .modal-background .rerun-modal-container .delete-modal-buttons,
.pop-up-modal-container .modal-background .delete-modal-container .rerun-modal-buttons,
.pop-up-modal-container .modal-background .rerun-modal-container .rerun-modal-buttons {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 12px;
  width: 352px;
  height: 40px;
}
.pop-up-modal-container .modal-background .delete-modal-container .close-button,
.pop-up-modal-container .modal-background .rerun-modal-container .close-button {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  padding: 6px;
  gap: 10px;
  position: absolute;
  height: 36px;
  right: 24px;
  top: 24px;
  border: 1px solid #E6EAF0;
  border-radius: 6px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.pop-up-modal-container .modal-background .delete-modal-container .close-button:hover,
.pop-up-modal-container .modal-background .rerun-modal-container .close-button:hover {
  background: #F3F5F8;
}
.pop-up-modal-container .modal-background .delete-modal-container .close-button:hover p svg,
.pop-up-modal-container .modal-background .rerun-modal-container .close-button:hover p svg {
  fill: #21262A;
  transform: rotate(90deg);
}
.pop-up-modal-container .modal-background .delete-modal-container .close-button p,
.pop-up-modal-container .modal-background .rerun-modal-container .close-button p {
  width: 24px;
  height: 24px;
}
.pop-up-modal-container .modal-background .delete-modal-container .close-button p svg,
.pop-up-modal-container .modal-background .rerun-modal-container .close-button p svg {
  position: absolute;
  left: 11px;
  top: 11px;
  fill: #757F94;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.pop-up-modal-container .modal-background .delete-modal-container .close-button p svg:hover,
.pop-up-modal-container .modal-background .rerun-modal-container .close-button p svg:hover {
  fill: #21262A;
  transform: rotate(90deg);
}
.section-toolbar-container {
  width: 100%;
  height: 80px;
  background: #FFFFFF;
  border: 1px solid #E9ECF2;
  border-radius: 12px;
}
.section-toolbar-container .toolbar {
  width: 100%;
  height: 80px;
}
.section-toolbar-container .toolbar .title-search-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 24px;
  position: absolute;
  height: 40px;
  left: 24px;
  top: 16px;
}
.section-toolbar-container .toolbar .title-search-box .input-box {
  width: 70%;
}
.section-toolbar-container .toolbar .title-search-box .title {
  height: 26px;
  width: 142px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  color: #171A1D;
}
.section-toolbar-container .toolbar .title-search-box .back-icon {
  width: 28px;
  height: 28px;
  position: relative;
  cursor: pointer;
}
.section-toolbar-container .toolbar .title-search-box .back-icon svg {
  position: absolute;
  left: 29.17%;
  right: 29.17%;
  top: 15.84%;
  bottom: 15.83%;
}
.section-toolbar-container .toolbar .title-search-box .title-no-width {
  height: 26px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  color: #171A1D;
}
.section-toolbar-container .toolbar .title-search-box .filter-section {
  width: 150px;
}
.section-table-container,
.modal-table-container {
  position: absolute;
  bottom: 32px;
  right: 32px;
  left: 104px;
  top: 122px;
  background: #FFFFFF;
  border: 1px solid #E9ECF2;
  border-radius: 12px;
}
.section-table-container.split-screen,
.modal-table-container.split-screen {
  width: calc((100% - 104px)/2 - 16px);
}
.section-table-container.split-screen.right,
.modal-table-container.split-screen.right {
  left: calc(50% + 104px/2);
}
.section-table-container.yscroll,
.modal-table-container.yscroll {
  overflow-x: clip;
  overflow-y: scroll;
}
.section-table-container.yscroll::-webkit-scrollbar,
.modal-table-container.yscroll::-webkit-scrollbar {
  width: 6px;
}
.section-table-container.yscroll::-webkit-scrollbar-track,
.modal-table-container.yscroll::-webkit-scrollbar-track {
  background-color: #E9ECF2;
  border-radius: 8px;
}
.section-table-container.yscroll::-webkit-scrollbar-thumb,
.modal-table-container.yscroll::-webkit-scrollbar-thumb {
  background: #171A1D;
  border-radius: 8px;
}
.section-table-container.yscroll::-webkit-scrollbar-thumb:hover,
.modal-table-container.yscroll::-webkit-scrollbar-thumb:hover {
  width: 10px;
}
.section-table-container .toolbar,
.modal-table-container .toolbar {
  width: 100%;
  height: 80px;
}
.section-table-container .toolbar .title-search-box,
.modal-table-container .toolbar .title-search-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 24px;
  position: absolute;
  height: 40px;
  left: 24px;
  top: 16px;
}
.section-table-container .toolbar .title-search-box .input-box,
.modal-table-container .toolbar .title-search-box .input-box {
  width: 70%;
}
.section-table-container .toolbar .title-search-box .title,
.modal-table-container .toolbar .title-search-box .title {
  height: 26px;
  width: 142px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  color: #171A1D;
}
.section-table-container .toolbar .title-search-box .title-no-width,
.modal-table-container .toolbar .title-search-box .title-no-width {
  height: 26px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  color: #171A1D;
}
.section-table-container .toolbar .title-search-box .filter-section,
.modal-table-container .toolbar .title-search-box .filter-section {
  width: 150px;
}
.section-table-container .table-body,
.modal-table-container .table-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  width: 100%;
  height: calc(100% - 110px);
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
  /* Safari */
  -ms-user-select: none;
  /* IE 10 and IE 11 */
  user-select: none;
  /* Standard syntax */
}
.section-table-container .table-body .table-body-header,
.modal-table-container .table-body .table-body-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 4px 8px;
  gap: 16px;
  width: calc(100% - 48px);
  height: 30px;
  /* Gray/50 */
  background: #F3F5F8;
  border-radius: 8px;
}
.section-table-container .table-body .table-body-header .header-items,
.modal-table-container .table-body .table-body-header .header-items {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;
  width: calc(100% - 64px);
  height: 22px;
}
.section-table-container .table-body .table-body-header .header-items .header-item,
.modal-table-container .table-body .table-body-header .header-items .header-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 4px;
  height: 22px;
  flex-grow: 1;
}
.section-table-container .table-body .table-body-header .header-items .header-item .header-text,
.modal-table-container .table-body .table-body-header .header-items .header-item .header-text {
  height: 19px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  /* identical to box height */
  display: flex;
  align-items: center;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-feature-settings: 'liga' off;
  color: #757F94;
}
.section-table-container .table-body .table-body-header .header-items .header-item .info,
.modal-table-container .table-body .table-body-header .header-items .header-item .info {
  position: absolute;
  right: 4px;
  top: 0px;
  width: 24px;
  height: 24px;
}
.section-table-container .table-body .table-body-header .header-items .header-item .info svg,
.modal-table-container .table-body .table-body-header .header-items .header-item .info svg {
  fill: #757F94;
}
.section-table-container .table-body .table-body-header tr.header-items,
.modal-table-container .table-body .table-body-header tr.header-items {
  width: 100%;
}
.section-table-container .table-body .table-body-header tr.header-items th,
.modal-table-container .table-body .table-body-header tr.header-items th {
  width: 20%;
}
.section-table-container .table-body .table-body-header tr.header-items th.smaller,
.modal-table-container .table-body .table-body-header tr.header-items th.smaller {
  width: 11%;
}
.section-table-container .table-body .table-body-header tr.header-items th.big,
.modal-table-container .table-body .table-body-header tr.header-items th.big {
  width: 30%;
}
.section-table-container .table-body .table-body-header tr.header-items th.bigger,
.modal-table-container .table-body .table-body-header tr.header-items th.bigger {
  width: 60%;
}
.section-table-container .table-body tbody,
.modal-table-container .table-body tbody {
  width: calc(100% - 48px);
  height: calc(100% - 62px);
  overflow-y: auto;
  -webkit-user-select: none;
  /* Safari */
  -ms-user-select: none;
  /* IE 10 and IE 11 */
  user-select: none;
  /* Standard syntax */
}
.section-table-container .table-body tbody::-webkit-scrollbar,
.modal-table-container .table-body tbody::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.section-table-container .table-body tbody::-webkit-scrollbar-track,
.modal-table-container .table-body tbody::-webkit-scrollbar-track {
  background-color: #E9ECF2;
  border-radius: 8px;
}
.section-table-container .table-body tbody::-webkit-scrollbar-thumb,
.modal-table-container .table-body tbody::-webkit-scrollbar-thumb {
  background: #171A1D;
  border-radius: 8px;
}
.section-table-container .table-body tbody::-webkit-scrollbar-thumb:hover,
.modal-table-container .table-body tbody::-webkit-scrollbar-thumb:hover {
  width: 10px;
}
.section-table-container .table-body tbody tr,
.modal-table-container .table-body tbody tr {
  width: 100%;
  display: inline-table;
}
.section-table-container .table-body tbody tr td,
.modal-table-container .table-body tbody tr td {
  width: 16.667%;
  padding-left: 8px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 160%;
  font-feature-settings: 'liga' off;
  color: #4A5263;
}
.section-table-container .table-body tbody tr td.smaller,
.modal-table-container .table-body tbody tr td.smaller {
  width: 10%;
}
.section-table-container .table-body tbody tr td.big,
.modal-table-container .table-body tbody tr td.big {
  width: 25%;
}
.section-table-container .table-body tbody tr td.bigger,
.modal-table-container .table-body tbody tr td.bigger {
  width: 50%;
}
.section-table-container .table-body tbody tr td.testing,
.modal-table-container .table-body tbody tr td.testing {
  color: #039855;
}
.section-table-container .table-body tbody tr td.testing span,
.modal-table-container .table-body tbody tr td.testing span {
  padding: 4px 12px;
  height: 30px;
  background: #ECFDF3;
  border-radius: 16px;
}
.section-table-container .table-body tbody tr td.waiting,
.modal-table-container .table-body tbody tr td.waiting {
  color: #DC6803;
}
.section-table-container .table-body tbody tr td.waiting span,
.modal-table-container .table-body tbody tr td.waiting span {
  padding: 4px 12px;
  height: 30px;
  background: #FFFAEB;
  border-radius: 16px;
}
.section-table-container .table-body tbody tr td.collecting,
.modal-table-container .table-body tbody tr td.collecting {
  color: #175CD3;
}
.section-table-container .table-body tbody tr td.collecting span,
.modal-table-container .table-body tbody tr td.collecting span {
  padding: 4px 12px;
  height: 30px;
  background: #EFF8FF;
  border-radius: 16px;
}
.section-table-container .table-body tbody tr td.none,
.modal-table-container .table-body tbody tr td.none {
  color: #757F94;
}
.section-table-container .table-body tbody tr td.none span,
.modal-table-container .table-body tbody tr td.none span {
  padding: 4px 12px;
  height: 30px;
  background: #F3F5F8;
  border-radius: 16px;
}
.section-table-container .table-body tbody tr td.icon-cell,
.modal-table-container .table-body tbody tr td.icon-cell {
  height: 100%;
  align-items: center;
  padding: 0px;
  gap: 16px;
}
.section-table-container .table-body tbody tr td.icon-cell .check,
.modal-table-container .table-body tbody tr td.icon-cell .check {
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: absolute;
}
.section-table-container .table-body tbody tr td.icon-cell .check svg,
.modal-table-container .table-body tbody tr td.icon-cell .check svg {
  position: absolute;
  left: 8.33%;
  top: 20%;
}
.section-table-container .table-body tbody tr td.icon-cell .box,
.modal-table-container .table-body tbody tr td.icon-cell .box {
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
}
.section-table-container .table-body tbody tr td.icon-cell .box svg,
.modal-table-container .table-body tbody tr td.icon-cell .box svg {
  position: absolute;
  left: 8.33%;
  top: 8.33%;
}
.section-table-container .table-body tbody tr td.icon-cell .text,
.modal-table-container .table-body tbody tr td.icon-cell .text {
  margin-left: 25px;
  position: relative;
}
.section-table-container .table-body tbody tr td.icon-cell .text .save-input-button,
.modal-table-container .table-body tbody tr td.icon-cell .text .save-input-button {
  bottom: 4px;
}
.section-table-container .table-body tbody tr td.icon-cell .text input.editing-cell,
.modal-table-container .table-body tbody tr td.icon-cell .text input.editing-cell {
  margin-bottom: 22px;
}
.section-table-container .table-body tbody tr td .table-icon,
.modal-table-container .table-body tbody tr td .table-icon {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px;
  width: 28px;
  height: 28px;
  background: #F3F5F8;
  border-radius: 6px;
}
.section-table-container .table-body tbody tr td.row-buttons,
.modal-table-container .table-body tbody tr td.row-buttons {
  position: relative;
}
.section-table-container .table-body tbody tr td.row-buttons .results-button,
.modal-table-container .table-body tbody tr td.row-buttons .results-button {
  position: absolute;
  top: 16px;
  right: 88px;
  padding: 5px 26px;
  width: 132px;
}
.section-table-container .table-body tbody tr td.row-buttons .row-button,
.modal-table-container .table-body tbody tr td.row-buttons .row-button {
  width: 32px;
  height: 32px;
  /* Gray/100 */
  background: #F3F5F8;
  border-radius: 6px;
  cursor: pointer;
}
.section-table-container .table-body tbody tr td.row-buttons .row-button.history-button,
.modal-table-container .table-body tbody tr td.row-buttons .row-button.history-button {
  position: absolute;
  top: 20px;
  right: 48px;
}
.section-table-container .table-body tbody tr td.row-buttons .row-button.history-button .item-icon,
.modal-table-container .table-body tbody tr td.row-buttons .row-button.history-button .item-icon {
  left: 6px;
}
.section-table-container .table-body tbody tr td.row-buttons .row-button.history-button .item-icon svg,
.modal-table-container .table-body tbody tr td.row-buttons .row-button.history-button .item-icon svg {
  fill: #171A1D;
}
.section-table-container .table-body tbody tr td.row-buttons .row-button.toggle-button,
.modal-table-container .table-body tbody tr td.row-buttons .row-button.toggle-button {
  position: absolute;
  top: 20px;
  right: 8px;
}
.section-table-container .table-body tbody tr td.row-buttons .row-button.toggle-button .item-icon,
.modal-table-container .table-body tbody tr td.row-buttons .row-button.toggle-button .item-icon {
  left: 10px;
}
.section-table-container .table-body tbody tr td.row-buttons .row-button.info-button,
.modal-table-container .table-body tbody tr td.row-buttons .row-button.info-button {
  position: absolute;
  top: 20px;
  right: 88px;
}
.section-table-container .table-body tbody tr td.row-buttons .row-button.info-button .item-icon,
.modal-table-container .table-body tbody tr td.row-buttons .row-button.info-button .item-icon {
  left: 7.5px;
}
.section-table-container .table-body tbody tr td.row-buttons .row-button.comments-button,
.modal-table-container .table-body tbody tr td.row-buttons .row-button.comments-button {
  position: absolute;
  top: 20px;
  right: 48px;
}
.section-table-container .table-body tbody tr td.row-buttons .row-button.comments-button .item-icon,
.modal-table-container .table-body tbody tr td.row-buttons .row-button.comments-button .item-icon {
  left: 6px;
}
.section-table-container .table-body tbody tr td.row-buttons .row-button.comments-button .item-icon svg.comment-icon,
.modal-table-container .table-body tbody tr td.row-buttons .row-button.comments-button .item-icon svg.comment-icon {
  position: absolute;
  left: 8.33%;
  right: 8.34%;
  top: 12.5%;
  bottom: 6.25%;
}
.section-table-container .table-body tbody tr td.row-buttons .row-button.comments-button .item-icon svg.comment-bubble,
.modal-table-container .table-body tbody tr td.row-buttons .row-button.comments-button .item-icon svg.comment-bubble {
  position: absolute;
  left: 70.83%;
  right: -4.16%;
  top: 0%;
  bottom: 66.67%;
}
.section-table-container .table-body tbody tr td.row-buttons .row-button.charts-button,
.modal-table-container .table-body tbody tr td.row-buttons .row-button.charts-button {
  position: absolute;
  top: 20px;
  right: 8px;
}
.section-table-container .table-body tbody tr td.row-buttons .row-button.charts-button .item-icon,
.modal-table-container .table-body tbody tr td.row-buttons .row-button.charts-button .item-icon {
  left: 5px;
}
.section-table-container .table-body tbody tr td.row-buttons .row-button.charts-button .item-icon svg,
.modal-table-container .table-body tbody tr td.row-buttons .row-button.charts-button .item-icon svg {
  position: absolute;
  left: 12.5%;
  right: 12.5%;
  top: 8.33%;
  bottom: 12.5%;
}
.section-table-container .table-body tbody tr td.row-buttons .row-button .item-icon,
.modal-table-container .table-body tbody tr td.row-buttons .row-button .item-icon {
  width: 20px;
  height: 20px;
  position: absolute;
  top: -7px;
}
.section-table-container .table-body .table-body-row,
.modal-table-container .table-body .table-body-row {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 72px;
  /* White */
  background: #FFFFFF;
  /* Gray/200 */
  border-bottom: 1px solid #E9ECF2;
}
.section-table-container .table-body .table-body-row .row-content-container,
.modal-table-container .table-body .table-body-row .row-content-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 28px;
  position: absolute;
  height: 32px;
  left: 32px;
  right: 32px;
  top: calc(50% - 32px/2);
}
.section-table-container .table-body .table-body-row .row-content-container .row-content,
.modal-table-container .table-body .table-body-row .row-content-container .row-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 16px;
  width: 100%;
  height: 32px;
}
.section-table-container .table-body .table-body-row .row-content-container .row-content .row-info,
.modal-table-container .table-body .table-body-row .row-content-container .row-content .row-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 8px;
  flex-grow: 1;
}
.section-table-container .table-body .table-body-row .row-content-container .row-content .row-info .row-item,
.modal-table-container .table-body .table-body-row .row-content-container .row-content .row-info .row-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 8px;
  height: 22px;
  flex-grow: 1;
}
.section-table-container .table-body .table-body-row .row-content-container .row-content .row-info .row-item .item-text,
.modal-table-container .table-body .table-body-row .row-content-container .row-content .row-info .row-item .item-text {
  height: 22px;
  /* Sub/3 (Bold) */
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 160%;
  /* or 22px */
  font-feature-settings: 'liga' off;
  /* Gray/600 */
  color: #4A5263;
}
.section-table-container .table-body .table-body-row .row-content-container .row-content .row-buttons,
.modal-table-container .table-body .table-body-row .row-content-container .row-content .row-buttons {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px;
  width: 28px;
  height: 28px;
  /* Gray/100 */
  background: #F3F5F8;
  border-radius: 6px;
  cursor: pointer;
}
.section-table-container .table-body .table-body-row .row-content-container .row-content .row-buttons .item-icon,
.modal-table-container .table-body .table-body-row .row-content-container .row-content .row-buttons .item-icon {
  position: relative;
  width: 20px;
  height: 20px;
}
.section-table-container .table-body .table-body-row .row-content-container .row-content .row-buttons .item-icon svg,
.modal-table-container .table-body .table-body-row .row-content-container .row-content .row-buttons .item-icon svg {
  position: absolute;
  left: 12.5%;
  right: 12.5%;
  top: 43.75%;
  bottom: 43.75%;
}
.section-table-container .table-body .empty-table,
.modal-table-container .table-body .empty-table {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0px 0px 0px 24px;
  gap: 16px;
  height: 26px;
  left: 0px;
  top: 6px;
  height: 72px;
  width: 100%;
  background: #FFFFFF;
}
.section-table-container .table-body .empty-table span,
.modal-table-container .table-body .empty-table span {
  height: 26px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 160%;
  /* identical to box height, or 26px */
  /* Gray/500 */
  color: #757F94;
}
.section-table-container .table-footer,
.modal-table-container .table-footer {
  position: absolute;
  width: 100%;
  height: 62px;
  left: 0px;
  bottom: 0px;
}
.section-table-container .table-footer .table-content-count,
.modal-table-container .table-footer .table-content-count {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  gap: 10px;
  position: absolute;
  height: 30px;
  left: 24px;
  top: 16px;
  background: #F3F5F8;
  border-radius: 20px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 160%;
  font-feature-settings: 'liga' off;
  color: #21262A;
}
.section-table-container .table-footer .table-row-counter-label,
.modal-table-container .table-footer .table-row-counter-label {
  position: absolute;
  height: 22px;
  right: 103px;
  top: 20px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 160%;
  font-feature-settings: 'liga' off;
  color: #21262A;
}
.section-table-container .table-footer .table-row-counter,
.modal-table-container .table-footer .table-row-counter {
  position: absolute;
  width: 71px;
  height: 40px;
  right: 24px;
  top: 11px;
}
.section-table-container .table-footer .pagination,
.modal-table-container .table-footer .pagination {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
  position: absolute;
  width: 352px;
  height: 32px;
  left: calc(50% - 352px / 2);
  top: 15px;
}
.section-table-container .table-footer .pagination .pagination-box,
.modal-table-container .table-footer .pagination .pagination-box {
  width: 32px;
  height: 32px;
  position: relative;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
}
.section-table-container .table-footer .pagination .pagination-box span,
.modal-table-container .table-footer .pagination .pagination-box span {
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  vertical-align: middle;
  text-align: center;
  color: #757F94;
}
.section-table-container .table-footer .pagination .pagination-box svg,
.modal-table-container .table-footer .pagination .pagination-box svg {
  position: absolute;
  left: 18.75%;
  right: 18.75%;
  top: 18.75%;
  bottom: 18.75%;
}
.section-table-container .table-footer .pagination .pagination-box svg path,
.modal-table-container .table-footer .pagination .pagination-box svg path {
  fill: #D0D3D9;
}
.section-table-container .table-footer .pagination .pagination-box.selectable svg path,
.modal-table-container .table-footer .pagination .pagination-box.selectable svg path {
  fill: #171A1D;
}
.section-table-container .table-footer .pagination .pagination-box.selected,
.modal-table-container .table-footer .pagination .pagination-box.selected {
  background: #21262A;
  border-radius: 6px;
}
.section-table-container .table-footer .pagination .pagination-box.selected span,
.modal-table-container .table-footer .pagination .pagination-box.selected span {
  color: #FFFFFF;
}
.section-graph-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  width: 100%;
  height: calc(100% - 110px);
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #FFFFFF;
  border: 1px solid #E9ECF2;
  border-radius: 12px;
}
.control-bar-container {
  position: fixed;
  bottom: 102px;
  right: 50%;
  transform: scale(0);
  z-index: 999;
}
.control-bar-container.slide-animate {
  transform: scale(1);
}
.control-bar-container.slide-animate .control-bar {
  transform: translateX(-2000px);
  animation: roadRunnerIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.control-bar-container.slide-animate.out {
  animation: quickScaleDown 0s .5s linear forwards;
}
.control-bar-container.slide-animate.out .control-bar {
  animation: roadRunnerOutFull 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.control-bar-container .control-bar {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px 0px;
  position: relative;
  width: 681px;
  height: 56px;
}
.control-bar-container .control-bar .line-highlight {
  width: 4px;
  height: 56px;
  background: #5DEBC9;
  border-radius: 8px 0px 0px 8px;
}
.control-bar-container .control-bar .control-bar-content {
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
  padding: 15px 20px;
  gap: 24px;
  width: 677px;
  height: 56px;
  background: #21262A;
  border-radius: 0px 8px 8px 0px;
}
.control-bar-container .control-bar .control-bar-content .selected-info {
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 4px;
  height: 26px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 160%;
  display: flex;
  align-items: center;
  font-feature-settings: 'liga' off;
  color: #FFFFFF;
}
.control-bar-container .control-bar .control-bar-content .divider {
  width: 1px;
  height: 24px;
  background: #4A5263;
}
.control-bar-container .control-bar .control-bar-content .control-bar-button {
  display: flex;
  flex-direction: row;
  padding: 0px;
  gap: 4px;
  width: 64px;
  height: 26px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 160%;
  align-items: center;
  font-feature-settings: 'liga' off;
  background: #21262A;
  color: #F3F5F8;
  border: none;
}
.control-bar-container .control-bar .control-bar-content .control-bar-button.delete svg path {
  fill: #E05979;
}
.control-bar-container .control-bar .control-bar-content .control-bar-button svg path {
  fill: #E9ECF2;
}
.control-bar-container .control-bar .control-bar-content .control-bar-close {
  right: 18px;
  position: absolute;
  width: 20px;
  height: 20px;
}
.error {
  color: #EF5350 !important;
  font-size: 10px;
  font-family: 'Satoshi';
  font-style: normal;
}
@keyframes roadRunnerIn {
  0% {
    transform: translateX(1500px) skewX(0deg) scaleX(1);
  }
  100% {
    transform: translateX(60%) skewX(0deg) scaleX(1);
  }
}
@keyframes roadRunnerInFull {
  0% {
    transform: translateX(2500px) skewX(0deg) scaleX(1);
  }
  100% {
    transform: translateX(0%) skewX(0deg) scaleX(1);
  }
}
@keyframes roadRunnerOut {
  0% {
    transform: translateX(60%) skewX(0deg) scaleX(1);
  }
  100% {
    transform: translateX(2500px) skewX(0deg) scaleX(1);
  }
}
@keyframes roadRunnerOutFull {
  0% {
    transform: translateX(0%) skewX(0deg) scaleX(1);
  }
  100% {
    transform: translateX(2500px) skewX(0deg) scaleX(1);
  }
}
@keyframes fadeIn {
  0% {
    background: rgba(0, 0, 0, 0);
  }
  100% {
    background: rgba(0, 0, 0, 0.7);
  }
}
@keyframes fadeOut {
  0% {
    background: rgba(0, 0, 0, 0.7);
  }
  100% {
    background: rgba(0, 0, 0, 0);
  }
}
th.w_10,
td.w_10 {
  width: 10% !important;
}
th.w_20,
td.w_20 {
  width: 20% !important;
}
th.w_30,
td.w_30 {
  width: 30% !important;
}
th.w_40,
td.w_40 {
  width: 40% !important;
}
th.w_50,
td.w_50 {
  width: 50% !important;
}
.dashboard-container {
  font-family: 'Satoshi', sans-serif;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  /* 2 equal columns */
  grid-template-rows: repeat(6, 1fr);
  /* Defined rows for layout */
  gap: 20px;
  /* Spacing between widgets */
  height: 100vh;
  /* Full viewport height */
  padding: 20px;
  /* Padding around the grid */
  box-sizing: border-box;
  /* Include padding in the height calculation */
}
.dashboard-container.with-header {
  margin-top: 90px;
  height: calc(100vh - 90px);
}
.dashboard-container .widget {
  border: 1px solid #ddd;
  border-radius: 6px;
  grid-row: span 3;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
}
.dashboard-container .widget.three-row {
  grid-row: span 3;
}
.dashboard-container .widget.two-row {
  grid-row: span 2;
}
.dashboard-container .widget.six-row {
  grid-row: span 6;
}
.dashboard-container .widget.half-height-widget {
  height: calc(50vh - 40px - 10px);
  /* Adjusted height for half-height widgets */
  overflow-y: auto;
  /* Scrollable content */
}
.dashboard-container .widget.task-list-overview-widget .widget-content .widget-extra-container {
  height: 100%;
  overflow: auto;
  align-items: start;
}
.dashboard-container .widget.task-list-overview-widget .widget-content .widget-extra-container::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.dashboard-container .widget.task-list-overview-widget .widget-content .widget-extra-container::-webkit-scrollbar-track {
  background-color: #E9ECF2;
  border-radius: 8px;
}
.dashboard-container .widget.task-list-overview-widget .widget-content .widget-extra-container::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 8px;
}
.dashboard-container .widget.task-list-overview-widget .widget-content .widget-extra-container::-webkit-scrollbar-thumb:hover {
  width: 10px;
}
.dashboard-container .widget.task-list-overview-widget .widget-content .widget-extra-container .table-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  width: 100%;
  height: calc(100% - 50px);
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.dashboard-container .widget.task-list-overview-widget .widget-content .widget-extra-container .table-container thead {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 4px 8px;
  gap: 16px;
  width: calc(100%);
  height: 30px;
  background: #F3F5F8;
  border-radius: 8px;
}
.dashboard-container .widget.task-list-overview-widget .widget-content .widget-extra-container .table-container thead tr {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;
  width: calc(100%);
  height: 22px;
  left: 0;
  top: 0;
}
.dashboard-container .widget.task-list-overview-widget .widget-content .widget-extra-container .table-container tbody {
  height: 100%;
}
.dashboard-container .widget.task-list-overview-widget .widget-content .widget-extra-container .table-container tbody tr {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 72px;
  background: #FFFFFF;
  border-bottom: 1px solid #E9ECF2;
  display: inline-table;
}
.dashboard-container .widget.task-list-overview-widget .widget-content .widget-extra-container .table-container th {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 4px;
  height: 22px;
  flex-grow: 1;
  width: 15%;
}
.dashboard-container .widget.task-list-overview-widget .widget-content .widget-extra-container .table-container th:first-of-type {
  width: 70%;
}
.dashboard-container .widget.task-list-overview-widget .widget-content .widget-extra-container .table-container td {
  padding-left: 8px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 160%;
  font-feature-settings: 'liga' off;
  color: #4A5263;
  display: table-cell;
  vertical-align: inherit;
  width: 15%;
}
.dashboard-container .widget.task-list-overview-widget .widget-content .widget-extra-container .table-container td:first-of-type {
  width: 70%;
  margin-left: 10px;
}
.dashboard-container .widget.task-list-overview-widget .widget-content .widget-extra-container .table-container td:first-of-type strong {
  font-weight: bold;
  margin-bottom: 5px;
}
.dashboard-container .widget.task-list-overview-widget .widget-content .widget-extra-container .table-container td:first-of-type p {
  margin: 0;
  font-size: 11px;
  color: #555;
}
.dashboard-container .widget.fault-quick-look-widget .widget-content .widget-extra-container {
  height: 80%;
  overflow: auto;
  align-items: start;
}
.dashboard-container .widget.fault-quick-look-widget .widget-content .widget-extra-container::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.dashboard-container .widget.fault-quick-look-widget .widget-content .widget-extra-container::-webkit-scrollbar-track {
  background-color: #E9ECF2;
  border-radius: 8px;
}
.dashboard-container .widget.fault-quick-look-widget .widget-content .widget-extra-container::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 8px;
}
.dashboard-container .widget.fault-quick-look-widget .widget-content .widget-extra-container::-webkit-scrollbar-thumb:hover {
  width: 10px;
}
.dashboard-container .widget .widget-header {
  height: 50px;
  display: flex;
  align-items: center;
  /* Align the content vertically */
}
.dashboard-container .widget .widget-header .widget-header-content {
  font-size: 20px;
  font-weight: 600;
}
.dashboard-container .widget .widget-header .widget-header-content .inline {
  display: inline;
}
.dashboard-container .widget .widget-content {
  flex: 1;
  /* Flex grow to take available space */
}
.dashboard-container .widget .widget-content.widget-load-error {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #B42318;
  font-size: 14px;
}
.dashboard-container .widget .widget-content .widget-extra-container {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
}
.dashboard-container .widget .widget-content .widget-extra-container .chart-container {
  width: 231px;
  height: 231px;
}
.dashboard-container .widget .widget-content .widget-extra-container .table-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  margin: 0px;
  width: calc(100% - 32px - 16px);
}
.dashboard-container .widget .widget-content .widget-extra-container .table-container thead {
  width: 100%;
  height: 31px;
  background: #F3F5F8;
  border-radius: 8px;
  position: relative;
}
.dashboard-container .widget .widget-content .widget-extra-container .table-container thead tr {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
  position: absolute;
  width: calc(100% - 24px);
  height: 19px;
  left: 12px;
  top: 6px;
}
.dashboard-container .widget .widget-content .widget-extra-container .table-container thead tr th {
  flex-direction: row-reverse;
  height: 19px;
  width: 10%;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
  font-feature-settings: 'liga' off;
  color: #757F94;
}
.dashboard-container .widget .widget-content .widget-extra-container .table-container thead tr th.fault-first-child {
  width: 70%;
  flex-direction: row;
}
.dashboard-container .widget .widget-content .widget-extra-container .table-container tbody {
  height: 184px;
  width: 100%;
}
.dashboard-container .widget .widget-content .widget-extra-container .table-container tbody tr {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
  width: calc(100% - 24px);
  height: 46px;
}
.dashboard-container .widget .widget-content .widget-extra-container .table-container tbody tr td {
  width: 10%;
  flex-direction: row-reverse;
  height: 46px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
  font-feature-settings: 'liga' off;
  color: #757F94;
}
.dashboard-container .widget .widget-content .widget-extra-container .table-container tbody tr td.fault-first-child {
  width: 70%;
  flex-direction: row;
  margin-right: 0px;
}
.dashboard-container .widget .widget-content .fault-summary,
.dashboard-container .widget .widget-content .task-summary {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 0;
}
.dashboard-container .widget .widget-content .fault-summary .fault-summary-item,
.dashboard-container .widget .widget-content .task-summary .fault-summary-item,
.dashboard-container .widget .widget-content .fault-summary .task-summary-item,
.dashboard-container .widget .widget-content .task-summary .task-summary-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  position: relative;
}
.dashboard-container .widget .widget-content .fault-summary .fault-count,
.dashboard-container .widget .widget-content .task-summary .fault-count,
.dashboard-container .widget .widget-content .fault-summary .task-count,
.dashboard-container .widget .widget-content .task-summary .task-count {
  font-size: 2em;
  font-weight: bold;
  line-height: 1;
  color: #333;
  padding: 0 1em;
  position: relative;
  z-index: 2;
}
.dashboard-container .widget .widget-content .fault-summary .fault-label,
.dashboard-container .widget .widget-content .task-summary .fault-label,
.dashboard-container .widget .widget-content .fault-summary .task-label,
.dashboard-container .widget .widget-content .task-summary .task-label {
  font-size: 1em;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #666;
  margin-top: 5px;
}
.dashboard-container .widget .widget-content .fault-summary .fault-summary-item::before,
.dashboard-container .widget .widget-content .task-summary .fault-summary-item::before,
.dashboard-container .widget .widget-content .fault-summary .task-summary-item::before,
.dashboard-container .widget .widget-content .task-summary .task-summary-item::before {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 50%;
  width: 100%;
  max-width: 2.5em;
  height: 0.25em;
  background-color: #ddd;
  z-index: 1;
}
.dashboard-container .widget .widget-content .fault-summary .high-priority::before,
.dashboard-container .widget .widget-content .task-summary .high-priority::before {
  background-color: #d9534f;
}
.dashboard-container .widget .widget-content .fault-summary .medium-priority::before,
.dashboard-container .widget .widget-content .task-summary .medium-priority::before {
  background-color: #f0ad4e;
}
.dashboard-container .widget .widget-content .fault-summary .low-priority::before,
.dashboard-container .widget .widget-content .task-summary .low-priority::before {
  background-color: #5cb85c;
}
.dashboard-container .widget .widget-footer button.view-log-btn {
  width: 100%;
  padding: 10px 0;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
.dashboard-container .widget .widget-footer button.view-log-btn:hover {
  background-color: #0056b3;
}
.data-quality-widget .widget-header .widget-header-content {
  font-size: 20px;
  font-weight: 600;
}
.data-quality-widget .data-quality-metric {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.data-quality-widget .data-quality-metric .metric-label {
  font-weight: 500;
}
.data-quality-widget .data-quality-metric .metric-value {
  font-weight: 600;
}
.data-quality-widget .data-quality-metric.with-progress .progress-bar-container {
  background: #e6e6e6;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  height: 20px;
  width: 300px;
}
.data-quality-widget .data-quality-metric.with-progress .progress-bar-container .progress-bar {
  height: 100%;
  background: #5DEBC9;
  transition: width 0.5s ease;
  position: absolute;
}
.data-quality-widget .data-quality-metric.with-progress .progress-bar-container .metric-percentage {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #000;
  user-select: none;
  font-weight: bold;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  z-index: 1;
  width: 100%;
  text-align: center;
}
.data-quality-widget .widget-footer {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.functional-testing-widget .widget-header .widget-header-content {
  font-size: 20px;
  font-weight: 600;
}
.functional-testing-widget .testing-metric {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.functional-testing-widget .testing-metric .metric-label {
  font-weight: 500;
}
.functional-testing-widget .testing-metric .metric-value,
.functional-testing-widget .testing-metric .metric-percentage {
  font-weight: 600;
}
.functional-testing-widget .testing-metric.with-progress .progress-bar-container {
  background: #e6e6e6;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  width: 300px;
  height: 20px;
}
.functional-testing-widget .testing-metric.with-progress .progress-bar-container .progress-bar {
  height: 100%;
  background: #5DEBC9;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: width 0.5s ease;
  position: absolute;
}
.functional-testing-widget .testing-metric.with-progress .progress-bar-container .metric-percentage {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  color: #000;
  user-select: none;
  font-weight: bold;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  z-index: 1;
  width: 100%;
  text-align: center;
}
.functional-testing-widget .widget-footer {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
}
.functional-testing-widget .new-button-style,
.data-quality-widget .new-button-style {
  flex: 1;
  margin: 5px;
}
.fault-quick-look-widget,
.energy-target-widget {
  cursor: pointer;
}
.energy-target-widget .supporting-text {
  margin-left: 20px;
}
.energy-target-widget .latest-month-data {
  padding: 5px 15px 10px 15px;
  background: none;
  border: none;
  box-shadow: none;
}
.energy-target-widget .latest-month-data .data-entry .data-label {
  font-size: 14px;
}
.energy-target-widget .latest-month-data .data-entry .data-value {
  font-size: 14px;
}
.button-container {
  width: 300px;
  height: 50px;
}
.active-text:hover {
  color: #ff8400;
  cursor: pointer;
}
.charting .view-chooser-container,
.data .view-chooser-container,
.business .view-chooser-container,
.portfolio .view-chooser-container,
.assetDashboard .view-chooser-container,
.taskManager .view-chooser-container {
  position: relative;
  z-index: 2;
}
.charting .view-chooser-container label,
.data .view-chooser-container label,
.business .view-chooser-container label,
.portfolio .view-chooser-container label,
.assetDashboard .view-chooser-container label,
.taskManager .view-chooser-container label {
  font-size: 14px;
}
.charting .view-chooser-container .view-dropdown,
.data .view-chooser-container .view-dropdown,
.business .view-chooser-container .view-dropdown,
.portfolio .view-chooser-container .view-dropdown,
.assetDashboard .view-chooser-container .view-dropdown,
.taskManager .view-chooser-container .view-dropdown {
  margin-right: auto;
}
.charting .view-chooser-container .view-dropdown ul,
.data .view-chooser-container .view-dropdown ul,
.business .view-chooser-container .view-dropdown ul,
.portfolio .view-chooser-container .view-dropdown ul,
.assetDashboard .view-chooser-container .view-dropdown ul,
.taskManager .view-chooser-container .view-dropdown ul {
  max-height: 195px;
  overflow: auto;
}
.charting .view-chooser-container .add-view-container,
.data .view-chooser-container .add-view-container,
.business .view-chooser-container .add-view-container,
.portfolio .view-chooser-container .add-view-container,
.assetDashboard .view-chooser-container .add-view-container,
.taskManager .view-chooser-container .add-view-container {
  margin-left: 22px;
}
.charting .view-chooser-container .add-view-container a.btn-floating,
.data .view-chooser-container .add-view-container a.btn-floating,
.business .view-chooser-container .add-view-container a.btn-floating,
.portfolio .view-chooser-container .add-view-container a.btn-floating,
.assetDashboard .view-chooser-container .add-view-container a.btn-floating,
.taskManager .view-chooser-container .add-view-container a.btn-floating {
  width: 30px;
  height: 30px;
  line-height: 34px;
}
.charting .view-chooser-container .add-view-container a.btn-floating i,
.data .view-chooser-container .add-view-container a.btn-floating i,
.business .view-chooser-container .add-view-container a.btn-floating i,
.portfolio .view-chooser-container .add-view-container a.btn-floating i,
.assetDashboard .view-chooser-container .add-view-container a.btn-floating i,
.taskManager .view-chooser-container .add-view-container a.btn-floating i {
  font-size: 14px;
  line-height: normal;
}
.charting .view-chooser-container .save-view,
.data .view-chooser-container .save-view,
.business .view-chooser-container .save-view,
.portfolio .view-chooser-container .save-view,
.assetDashboard .view-chooser-container .save-view,
.taskManager .view-chooser-container .save-view {
  margin-left: 16px;
  cursor: default;
}
.charting .view-chooser-container .save-view i,
.data .view-chooser-container .save-view i,
.business .view-chooser-container .save-view i,
.portfolio .view-chooser-container .save-view i,
.assetDashboard .view-chooser-container .save-view i,
.taskManager .view-chooser-container .save-view i {
  font-size: 20px;
  vertical-align: middle;
  margin-top: -3px;
}
.charting .view-chooser-container .save-view span,
.data .view-chooser-container .save-view span,
.business .view-chooser-container .save-view span,
.portfolio .view-chooser-container .save-view span,
.assetDashboard .view-chooser-container .save-view span,
.taskManager .view-chooser-container .save-view span {
  margin-left: 4px;
  text-decoration: underline;
  font-weight: 600;
  font-size: 11px;
}
.charting .view-chooser-container .save-view.savable,
.data .view-chooser-container .save-view.savable,
.business .view-chooser-container .save-view.savable,
.portfolio .view-chooser-container .save-view.savable,
.assetDashboard .view-chooser-container .save-view.savable,
.taskManager .view-chooser-container .save-view.savable {
  cursor: pointer;
}
.charting .view-chooser-container .after-save,
.data .view-chooser-container .after-save,
.business .view-chooser-container .after-save,
.portfolio .view-chooser-container .after-save,
.assetDashboard .view-chooser-container .after-save,
.taskManager .view-chooser-container .after-save {
  font-size: 11px;
  margin-left: 3px;
}
.charting .aggregations-time-base,
.data .aggregations-time-base,
.business .aggregations-time-base,
.portfolio .aggregations-time-base,
.assetDashboard .aggregations-time-base,
.taskManager .aggregations-time-base {
  vertical-align: top;
  margin-top: 4px;
}
.charting .aggregations-time-base > div,
.data .aggregations-time-base > div,
.business .aggregations-time-base > div,
.portfolio .aggregations-time-base > div,
.assetDashboard .aggregations-time-base > div,
.taskManager .aggregations-time-base > div {
  display: inline-block;
  margin-top: 10px;
}
.charting .aggregations-time-base > div:first-of-type,
.data .aggregations-time-base > div:first-of-type,
.business .aggregations-time-base > div:first-of-type,
.portfolio .aggregations-time-base > div:first-of-type,
.assetDashboard .aggregations-time-base > div:first-of-type,
.taskManager .aggregations-time-base > div:first-of-type {
  padding-left: 0;
}
.charting .aggregations-time-base > div label,
.data .aggregations-time-base > div label,
.business .aggregations-time-base > div label,
.portfolio .aggregations-time-base > div label,
.assetDashboard .aggregations-time-base > div label,
.taskManager .aggregations-time-base > div label {
  font-size: 12px;
}
.charting .aggregations-time-base > div label:before,
.data .aggregations-time-base > div label:before,
.business .aggregations-time-base > div label:before,
.portfolio .aggregations-time-base > div label:before,
.assetDashboard .aggregations-time-base > div label:before,
.taskManager .aggregations-time-base > div label:before,
.charting .aggregations-time-base > div label:after,
.data .aggregations-time-base > div label:after,
.business .aggregations-time-base > div label:after,
.portfolio .aggregations-time-base > div label:after,
.assetDashboard .aggregations-time-base > div label:after,
.taskManager .aggregations-time-base > div label:after {
  top: 2px;
}
.charting .x-tag,
.data .x-tag,
.business .x-tag,
.portfolio .x-tag,
.assetDashboard .x-tag,
.taskManager .x-tag,
.charting .y-tag,
.data .y-tag,
.business .y-tag,
.portfolio .y-tag,
.assetDashboard .y-tag,
.taskManager .y-tag,
.charting .aggregations-time-base,
.data .aggregations-time-base,
.business .aggregations-time-base,
.portfolio .aggregations-time-base,
.assetDashboard .aggregations-time-base,
.taskManager .aggregations-time-base {
  display: inline-block;
}
.charting .charting-main-container,
.data .charting-main-container,
.business .charting-main-container,
.portfolio .charting-main-container,
.assetDashboard .charting-main-container,
.taskManager .charting-main-container {
  min-height: 400px;
}
.charting .charting-main-container.no-active-chart,
.data .charting-main-container.no-active-chart,
.business .charting-main-container.no-active-chart,
.portfolio .charting-main-container.no-active-chart,
.assetDashboard .charting-main-container.no-active-chart,
.taskManager .charting-main-container.no-active-chart {
  min-height: 0;
}
.charting .charting-main-container .collapse-it-component .chart-header,
.data .charting-main-container .collapse-it-component .chart-header,
.business .charting-main-container .collapse-it-component .chart-header,
.portfolio .charting-main-container .collapse-it-component .chart-header,
.assetDashboard .charting-main-container .collapse-it-component .chart-header,
.taskManager .charting-main-container .collapse-it-component .chart-header {
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  cursor: pointer;
}
.charting .charting-main-container .collapse-it-component .chart-header:hover,
.data .charting-main-container .collapse-it-component .chart-header:hover,
.business .charting-main-container .collapse-it-component .chart-header:hover,
.portfolio .charting-main-container .collapse-it-component .chart-header:hover,
.assetDashboard .charting-main-container .collapse-it-component .chart-header:hover,
.taskManager .charting-main-container .collapse-it-component .chart-header:hover {
  background: rgba(0, 0, 0, 0.04);
}
.charting .chart-container,
.data .chart-container,
.business .chart-container,
.portfolio .chart-container,
.assetDashboard .chart-container,
.taskManager .chart-container,
.charting .charts-container,
.data .charts-container,
.business .charts-container,
.portfolio .charts-container,
.assetDashboard .charts-container,
.taskManager .charts-container {
  width: 100%;
  margin-bottom: 8px;
  overflow: hidden;
}
.charting .chart-header,
.data .chart-header,
.business .chart-header,
.portfolio .chart-header,
.assetDashboard .chart-header,
.taskManager .chart-header {
  position: relative;
  line-height: 42px;
  padding: 16px 32px 10px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  border-bottom: 1px solid #ececec;
}
.charting .chart-header.no_border,
.data .chart-header.no_border,
.business .chart-header.no_border,
.portfolio .chart-header.no_border,
.assetDashboard .chart-header.no_border,
.taskManager .chart-header.no_border {
  border: none !important;
}
.charting .chart-header .chart-name,
.data .chart-header .chart-name,
.business .chart-header .chart-name,
.portfolio .chart-header .chart-name,
.assetDashboard .chart-header .chart-name,
.taskManager .chart-header .chart-name {
  font-weight: 300;
  -webkit-transform: opacity 0.5s;
  -moz-transform: opacity 0.5s;
  -ms-transform: opacity 0.5s;
  -o-transform: opacity 0.5s;
  letter-spacing: -0.5px;
  font-size: 23px;
}
.charting .chart-header .chart-name.editable,
.data .chart-header .chart-name.editable,
.business .chart-header .chart-name.editable,
.portfolio .chart-header .chart-name.editable,
.assetDashboard .chart-header .chart-name.editable,
.taskManager .chart-header .chart-name.editable {
  cursor: pointer;
}
.charting .chart-header .chart-name i,
.data .chart-header .chart-name i,
.business .chart-header .chart-name i,
.portfolio .chart-header .chart-name i,
.assetDashboard .chart-header .chart-name i,
.taskManager .chart-header .chart-name i {
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  font-size: 14px;
}
.charting .chart-header .chart-name:hover i,
.data .chart-header .chart-name:hover i,
.business .chart-header .chart-name:hover i,
.portfolio .chart-header .chart-name:hover i,
.assetDashboard .chart-header .chart-name:hover i,
.taskManager .chart-header .chart-name:hover i {
  opacity: 1;
}
.charting .chart-header .chart-name.hide,
.data .chart-header .chart-name.hide,
.business .chart-header .chart-name.hide,
.portfolio .chart-header .chart-name.hide,
.assetDashboard .chart-header .chart-name.hide,
.taskManager .chart-header .chart-name.hide {
  opacity: 0;
}
.charting .chart-header .date-range-handler,
.data .chart-header .date-range-handler,
.business .chart-header .date-range-handler,
.portfolio .chart-header .date-range-handler,
.assetDashboard .chart-header .date-range-handler,
.taskManager .chart-header .date-range-handler {
  margin-right: 26px;
  cursor: pointer;
  white-space: nowrap;
}
.charting .chart-header .date-range-handler i,
.data .chart-header .date-range-handler i,
.business .chart-header .date-range-handler i,
.portfolio .chart-header .date-range-handler i,
.assetDashboard .chart-header .date-range-handler i,
.taskManager .chart-header .date-range-handler i {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.charting .chart-header .date-range-handler i:hover,
.data .chart-header .date-range-handler i:hover,
.business .chart-header .date-range-handler i:hover,
.portfolio .chart-header .date-range-handler i:hover,
.assetDashboard .chart-header .date-range-handler i:hover,
.taskManager .chart-header .date-range-handler i:hover {
  color: #fb8c00 !important;
}
.charting .chart-header .materialize-date-range,
.data .chart-header .materialize-date-range,
.business .chart-header .materialize-date-range,
.portfolio .chart-header .materialize-date-range,
.assetDashboard .chart-header .materialize-date-range,
.taskManager .chart-header .materialize-date-range {
  position: relative;
  top: 2px;
  margin-left: auto;
}
.charting .chart-header .chart-options-dropdown,
.data .chart-header .chart-options-dropdown,
.business .chart-header .chart-options-dropdown,
.portfolio .chart-header .chart-options-dropdown,
.assetDashboard .chart-header .chart-options-dropdown,
.taskManager .chart-header .chart-options-dropdown {
  white-space: nowrap;
}
.charting .chart-header .chart-options-dropdown i,
.data .chart-header .chart-options-dropdown i,
.business .chart-header .chart-options-dropdown i,
.portfolio .chart-header .chart-options-dropdown i,
.assetDashboard .chart-header .chart-options-dropdown i,
.taskManager .chart-header .chart-options-dropdown i {
  float: none;
  margin-left: 0;
}
.charting .chart-header .chart-options-dropdown .dropdown-button,
.data .chart-header .chart-options-dropdown .dropdown-button,
.business .chart-header .chart-options-dropdown .dropdown-button,
.portfolio .chart-header .chart-options-dropdown .dropdown-button,
.assetDashboard .chart-header .chart-options-dropdown .dropdown-button,
.taskManager .chart-header .chart-options-dropdown .dropdown-button {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.charting .chart-header .chart-options-dropdown .dropdown-button:hover,
.data .chart-header .chart-options-dropdown .dropdown-button:hover,
.business .chart-header .chart-options-dropdown .dropdown-button:hover,
.portfolio .chart-header .chart-options-dropdown .dropdown-button:hover,
.assetDashboard .chart-header .chart-options-dropdown .dropdown-button:hover,
.taskManager .chart-header .chart-options-dropdown .dropdown-button:hover {
  color: #fb8c00 !important;
}
.charting .chart-header .chart-options-dropdown .dropdown-button span,
.data .chart-header .chart-options-dropdown .dropdown-button span,
.business .chart-header .chart-options-dropdown .dropdown-button span,
.portfolio .chart-header .chart-options-dropdown .dropdown-button span,
.assetDashboard .chart-header .chart-options-dropdown .dropdown-button span,
.taskManager .chart-header .chart-options-dropdown .dropdown-button span {
  font-size: 17px;
}
.charting .chart-header .chart-options-dropdown .dropdown-button i:before,
.data .chart-header .chart-options-dropdown .dropdown-button i:before,
.business .chart-header .chart-options-dropdown .dropdown-button i:before,
.portfolio .chart-header .chart-options-dropdown .dropdown-button i:before,
.assetDashboard .chart-header .chart-options-dropdown .dropdown-button i:before,
.taskManager .chart-header .chart-options-dropdown .dropdown-button i:before {
  position: relative;
  top: 2px;
}
.charting .chart-header .chart-options-dropdown .materialize-dropdown,
.data .chart-header .chart-options-dropdown .materialize-dropdown,
.business .chart-header .chart-options-dropdown .materialize-dropdown,
.portfolio .chart-header .chart-options-dropdown .materialize-dropdown,
.assetDashboard .chart-header .chart-options-dropdown .materialize-dropdown,
.taskManager .chart-header .chart-options-dropdown .materialize-dropdown {
  text-align: end;
  display: inline-block;
  vertical-align: middle;
}
.charting .chart-header .chart-options-dropdown .materialize-dropdown .dropdown-content,
.data .chart-header .chart-options-dropdown .materialize-dropdown .dropdown-content,
.business .chart-header .chart-options-dropdown .materialize-dropdown .dropdown-content,
.portfolio .chart-header .chart-options-dropdown .materialize-dropdown .dropdown-content,
.assetDashboard .chart-header .chart-options-dropdown .materialize-dropdown .dropdown-content,
.taskManager .chart-header .chart-options-dropdown .materialize-dropdown .dropdown-content {
  text-align: center;
  right: 35px !important;
  left: auto !important;
  top: 25px !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #bdbdbd;
}
.charting .chart-header .chart-options-dropdown .materialize-dropdown .dropdown-content li,
.data .chart-header .chart-options-dropdown .materialize-dropdown .dropdown-content li,
.business .chart-header .chart-options-dropdown .materialize-dropdown .dropdown-content li,
.portfolio .chart-header .chart-options-dropdown .materialize-dropdown .dropdown-content li,
.assetDashboard .chart-header .chart-options-dropdown .materialize-dropdown .dropdown-content li,
.taskManager .chart-header .chart-options-dropdown .materialize-dropdown .dropdown-content li {
  font-size: 12px;
  line-height: 1;
}
.charting .chart-header .chart-options-dropdown .materialize-dropdown .dropdown-content li:not(:last-child),
.data .chart-header .chart-options-dropdown .materialize-dropdown .dropdown-content li:not(:last-child),
.business .chart-header .chart-options-dropdown .materialize-dropdown .dropdown-content li:not(:last-child),
.portfolio .chart-header .chart-options-dropdown .materialize-dropdown .dropdown-content li:not(:last-child),
.assetDashboard .chart-header .chart-options-dropdown .materialize-dropdown .dropdown-content li:not(:last-child),
.taskManager .chart-header .chart-options-dropdown .materialize-dropdown .dropdown-content li:not(:last-child) {
  border-bottom: 1px solid #bfbfbf;
}
.charting .chart-header .chart-options-dropdown .materialize-dropdown .dropdown-content li a,
.data .chart-header .chart-options-dropdown .materialize-dropdown .dropdown-content li a,
.business .chart-header .chart-options-dropdown .materialize-dropdown .dropdown-content li a,
.portfolio .chart-header .chart-options-dropdown .materialize-dropdown .dropdown-content li a,
.assetDashboard .chart-header .chart-options-dropdown .materialize-dropdown .dropdown-content li a,
.taskManager .chart-header .chart-options-dropdown .materialize-dropdown .dropdown-content li a {
  padding: 14px 40px 12px;
}
.charting .date-range-padding,
.data .date-range-padding,
.business .date-range-padding,
.portfolio .date-range-padding,
.assetDashboard .date-range-padding,
.taskManager .date-range-padding {
  padding: 0 32px 0;
}
.charting .multi-line-chart,
.data .multi-line-chart,
.business .multi-line-chart,
.portfolio .multi-line-chart,
.assetDashboard .multi-line-chart,
.taskManager .multi-line-chart {
  background: #ffffff;
}
.charting .get-csv,
.data .get-csv,
.business .get-csv,
.portfolio .get-csv,
.assetDashboard .get-csv,
.taskManager .get-csv {
  float: left;
}
.charting .get-csv i,
.data .get-csv i,
.business .get-csv i,
.portfolio .get-csv i,
.assetDashboard .get-csv i,
.taskManager .get-csv i {
  margin-top: 3px;
}
.charting .remove-chart-container,
.data .remove-chart-container,
.business .remove-chart-container,
.portfolio .remove-chart-container,
.assetDashboard .remove-chart-container,
.taskManager .remove-chart-container {
  float: right;
}
.charting .get-csv,
.data .get-csv,
.business .get-csv,
.portfolio .get-csv,
.assetDashboard .get-csv,
.taskManager .get-csv,
.charting .remove-chart-container,
.data .remove-chart-container,
.business .remove-chart-container,
.portfolio .remove-chart-container,
.assetDashboard .remove-chart-container,
.taskManager .remove-chart-container {
  font-size: 10px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.charting .get-csv i,
.data .get-csv i,
.business .get-csv i,
.portfolio .get-csv i,
.assetDashboard .get-csv i,
.taskManager .get-csv i,
.charting .remove-chart-container i,
.data .remove-chart-container i,
.business .remove-chart-container i,
.portfolio .remove-chart-container i,
.assetDashboard .remove-chart-container i,
.taskManager .remove-chart-container i {
  vertical-align: middle;
  font-size: 12px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.charting .get-csv span,
.data .get-csv span,
.business .get-csv span,
.portfolio .get-csv span,
.assetDashboard .get-csv span,
.taskManager .get-csv span,
.charting .remove-chart-container span,
.data .remove-chart-container span,
.business .remove-chart-container span,
.portfolio .remove-chart-container span,
.assetDashboard .remove-chart-container span,
.taskManager .remove-chart-container span {
  text-decoration: underline;
}
.charting .loader,
.data .loader,
.business .loader,
.portfolio .loader,
.assetDashboard .loader,
.taskManager .loader {
  position: absolute;
  background: rgba(255, 255, 255, 0.6);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.charting .chart .svg-container,
.data .chart .svg-container,
.business .chart .svg-container,
.portfolio .chart .svg-container,
.assetDashboard .chart .svg-container,
.taskManager .chart .svg-container {
  display: inline-block;
  font-size: 14px;
}
.charting .chart .svg-container svg,
.data .chart .svg-container svg,
.business .chart .svg-container svg,
.portfolio .chart .svg-container svg,
.assetDashboard .chart .svg-container svg,
.taskManager .chart .svg-container svg {
  display: block;
  overflow: visible;
}
.charting .chart .scatter-plot-filter,
.data .chart .scatter-plot-filter,
.business .chart .scatter-plot-filter,
.portfolio .chart .scatter-plot-filter,
.assetDashboard .chart .scatter-plot-filter,
.taskManager .chart .scatter-plot-filter {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
  padding: 18px 0 18px 20px;
  width: 255px;
  border-top: 4px solid transparent;
}
.charting .chart .scatter-plot-filter .legend-item,
.data .chart .scatter-plot-filter .legend-item,
.business .chart .scatter-plot-filter .legend-item,
.portfolio .chart .scatter-plot-filter .legend-item,
.assetDashboard .chart .scatter-plot-filter .legend-item,
.taskManager .chart .scatter-plot-filter .legend-item {
  font-size: 10px;
}
.charting .chart .scatter-plot-filter .legend-item:not(:first-child),
.data .chart .scatter-plot-filter .legend-item:not(:first-child),
.business .chart .scatter-plot-filter .legend-item:not(:first-child),
.portfolio .chart .scatter-plot-filter .legend-item:not(:first-child),
.assetDashboard .chart .scatter-plot-filter .legend-item:not(:first-child),
.taskManager .chart .scatter-plot-filter .legend-item:not(:first-child) {
  margin-top: 7px;
}
.charting .chart .scatter-plot-filter .legend-item.disabled,
.data .chart .scatter-plot-filter .legend-item.disabled,
.business .chart .scatter-plot-filter .legend-item.disabled,
.portfolio .chart .scatter-plot-filter .legend-item.disabled,
.assetDashboard .chart .scatter-plot-filter .legend-item.disabled,
.taskManager .chart .scatter-plot-filter .legend-item.disabled {
  opacity: 0.5;
}
.charting .chart .scatter-plot-filter .legend-item .ui-range-slider,
.data .chart .scatter-plot-filter .legend-item .ui-range-slider,
.business .chart .scatter-plot-filter .legend-item .ui-range-slider,
.portfolio .chart .scatter-plot-filter .legend-item .ui-range-slider,
.assetDashboard .chart .scatter-plot-filter .legend-item .ui-range-slider,
.taskManager .chart .scatter-plot-filter .legend-item .ui-range-slider {
  width: 90%;
  margin-top: 5px;
  padding-left: 4px;
}
.charting .chart .scatter-plot-filter .legend-item .ui-range-slider input[type=text],
.data .chart .scatter-plot-filter .legend-item .ui-range-slider input[type=text],
.business .chart .scatter-plot-filter .legend-item .ui-range-slider input[type=text],
.portfolio .chart .scatter-plot-filter .legend-item .ui-range-slider input[type=text],
.assetDashboard .chart .scatter-plot-filter .legend-item .ui-range-slider input[type=text],
.taskManager .chart .scatter-plot-filter .legend-item .ui-range-slider input[type=text] {
  font-size: 10px;
  border: none;
  height: 1rem;
  margin: 6px 0 0 0;
  padding: 0;
}
.charting .chart .scatter-plot-filter .legend-item .remove-filter,
.data .chart .scatter-plot-filter .legend-item .remove-filter,
.business .chart .scatter-plot-filter .legend-item .remove-filter,
.portfolio .chart .scatter-plot-filter .legend-item .remove-filter,
.assetDashboard .chart .scatter-plot-filter .legend-item .remove-filter,
.taskManager .chart .scatter-plot-filter .legend-item .remove-filter {
  font-size: 14px;
  vertical-align: middle;
  cursor: pointer;
}
.charting .chart .scatter-plot-filter .legend-item .remove-filter i,
.data .chart .scatter-plot-filter .legend-item .remove-filter i,
.business .chart .scatter-plot-filter .legend-item .remove-filter i,
.portfolio .chart .scatter-plot-filter .legend-item .remove-filter i,
.assetDashboard .chart .scatter-plot-filter .legend-item .remove-filter i,
.taskManager .chart .scatter-plot-filter .legend-item .remove-filter i {
  vertical-align: middle;
}
.charting .chart .date-label-container,
.data .chart .date-label-container,
.business .chart .date-label-container,
.portfolio .chart .date-label-container,
.assetDashboard .chart .date-label-container,
.taskManager .chart .date-label-container {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 30px;
  width: 320px;
  font-size: 12px;
  overflow: none;
  margin-left: 3px;
}
.charting .chart .line-chart-legend,
.data .chart .line-chart-legend,
.business .chart .line-chart-legend,
.portfolio .chart .line-chart-legend,
.assetDashboard .chart .line-chart-legend,
.taskManager .chart .line-chart-legend,
.charting .chart .line-chart-binary-legend,
.data .chart .line-chart-binary-legend,
.business .chart .line-chart-binary-legend,
.portfolio .chart .line-chart-binary-legend,
.assetDashboard .chart .line-chart-binary-legend,
.taskManager .chart .line-chart-binary-legend {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 320px;
  margin-top: 7px;
  margin-left: 3px;
  font-size: 10px;
  overflow: auto;
}
.charting .chart .line-chart-legend::-webkit-scrollbar,
.data .chart .line-chart-legend::-webkit-scrollbar,
.business .chart .line-chart-legend::-webkit-scrollbar,
.portfolio .chart .line-chart-legend::-webkit-scrollbar,
.assetDashboard .chart .line-chart-legend::-webkit-scrollbar,
.taskManager .chart .line-chart-legend::-webkit-scrollbar,
.charting .chart .line-chart-binary-legend::-webkit-scrollbar,
.data .chart .line-chart-binary-legend::-webkit-scrollbar,
.business .chart .line-chart-binary-legend::-webkit-scrollbar,
.portfolio .chart .line-chart-binary-legend::-webkit-scrollbar,
.assetDashboard .chart .line-chart-binary-legend::-webkit-scrollbar,
.taskManager .chart .line-chart-binary-legend::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.charting .chart .line-chart-legend::-webkit-scrollbar-track,
.data .chart .line-chart-legend::-webkit-scrollbar-track,
.business .chart .line-chart-legend::-webkit-scrollbar-track,
.portfolio .chart .line-chart-legend::-webkit-scrollbar-track,
.assetDashboard .chart .line-chart-legend::-webkit-scrollbar-track,
.taskManager .chart .line-chart-legend::-webkit-scrollbar-track,
.charting .chart .line-chart-binary-legend::-webkit-scrollbar-track,
.data .chart .line-chart-binary-legend::-webkit-scrollbar-track,
.business .chart .line-chart-binary-legend::-webkit-scrollbar-track,
.portfolio .chart .line-chart-binary-legend::-webkit-scrollbar-track,
.assetDashboard .chart .line-chart-binary-legend::-webkit-scrollbar-track,
.taskManager .chart .line-chart-binary-legend::-webkit-scrollbar-track {
  background-color: #E9ECF2;
  border-radius: 8px;
}
.charting .chart .line-chart-legend::-webkit-scrollbar-thumb,
.data .chart .line-chart-legend::-webkit-scrollbar-thumb,
.business .chart .line-chart-legend::-webkit-scrollbar-thumb,
.portfolio .chart .line-chart-legend::-webkit-scrollbar-thumb,
.assetDashboard .chart .line-chart-legend::-webkit-scrollbar-thumb,
.taskManager .chart .line-chart-legend::-webkit-scrollbar-thumb,
.charting .chart .line-chart-binary-legend::-webkit-scrollbar-thumb,
.data .chart .line-chart-binary-legend::-webkit-scrollbar-thumb,
.business .chart .line-chart-binary-legend::-webkit-scrollbar-thumb,
.portfolio .chart .line-chart-binary-legend::-webkit-scrollbar-thumb,
.assetDashboard .chart .line-chart-binary-legend::-webkit-scrollbar-thumb,
.taskManager .chart .line-chart-binary-legend::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 8px;
}
.charting .chart .line-chart-legend::-webkit-scrollbar-thumb:hover,
.data .chart .line-chart-legend::-webkit-scrollbar-thumb:hover,
.business .chart .line-chart-legend::-webkit-scrollbar-thumb:hover,
.portfolio .chart .line-chart-legend::-webkit-scrollbar-thumb:hover,
.assetDashboard .chart .line-chart-legend::-webkit-scrollbar-thumb:hover,
.taskManager .chart .line-chart-legend::-webkit-scrollbar-thumb:hover,
.charting .chart .line-chart-binary-legend::-webkit-scrollbar-thumb:hover,
.data .chart .line-chart-binary-legend::-webkit-scrollbar-thumb:hover,
.business .chart .line-chart-binary-legend::-webkit-scrollbar-thumb:hover,
.portfolio .chart .line-chart-binary-legend::-webkit-scrollbar-thumb:hover,
.assetDashboard .chart .line-chart-binary-legend::-webkit-scrollbar-thumb:hover,
.taskManager .chart .line-chart-binary-legend::-webkit-scrollbar-thumb:hover {
  width: 10px;
}
.charting .chart .line-chart-legend .action-swapper,
.data .chart .line-chart-legend .action-swapper,
.business .chart .line-chart-legend .action-swapper,
.portfolio .chart .line-chart-legend .action-swapper,
.assetDashboard .chart .line-chart-legend .action-swapper,
.taskManager .chart .line-chart-legend .action-swapper,
.charting .chart .line-chart-binary-legend .action-swapper,
.data .chart .line-chart-binary-legend .action-swapper,
.business .chart .line-chart-binary-legend .action-swapper,
.portfolio .chart .line-chart-binary-legend .action-swapper,
.assetDashboard .chart .line-chart-binary-legend .action-swapper,
.taskManager .chart .line-chart-binary-legend .action-swapper {
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.charting .chart .line-chart-legend .action-swapper i,
.data .chart .line-chart-legend .action-swapper i,
.business .chart .line-chart-legend .action-swapper i,
.portfolio .chart .line-chart-legend .action-swapper i,
.assetDashboard .chart .line-chart-legend .action-swapper i,
.taskManager .chart .line-chart-legend .action-swapper i,
.charting .chart .line-chart-binary-legend .action-swapper i,
.data .chart .line-chart-binary-legend .action-swapper i,
.business .chart .line-chart-binary-legend .action-swapper i,
.portfolio .chart .line-chart-binary-legend .action-swapper i,
.assetDashboard .chart .line-chart-binary-legend .action-swapper i,
.taskManager .chart .line-chart-binary-legend .action-swapper i {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  font-size: 24px;
  vertical-align: middle;
  margin-top: -7px;
}
.charting .chart .line-chart-legend .legend-container,
.data .chart .line-chart-legend .legend-container,
.business .chart .line-chart-legend .legend-container,
.portfolio .chart .line-chart-legend .legend-container,
.assetDashboard .chart .line-chart-legend .legend-container,
.taskManager .chart .line-chart-legend .legend-container,
.charting .chart .line-chart-binary-legend .legend-container,
.data .chart .line-chart-binary-legend .legend-container,
.business .chart .line-chart-binary-legend .legend-container,
.portfolio .chart .line-chart-binary-legend .legend-container,
.assetDashboard .chart .line-chart-binary-legend .legend-container,
.taskManager .chart .line-chart-binary-legend .legend-container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  vertical-align: bottom;
  overflow: hidden;
  position: relative;
}
.charting .chart .line-chart-legend .legend-container .legend-item,
.data .chart .line-chart-legend .legend-container .legend-item,
.business .chart .line-chart-legend .legend-container .legend-item,
.portfolio .chart .line-chart-legend .legend-container .legend-item,
.assetDashboard .chart .line-chart-legend .legend-container .legend-item,
.taskManager .chart .line-chart-legend .legend-container .legend-item,
.charting .chart .line-chart-binary-legend .legend-container .legend-item,
.data .chart .line-chart-binary-legend .legend-container .legend-item,
.business .chart .line-chart-binary-legend .legend-container .legend-item,
.portfolio .chart .line-chart-binary-legend .legend-container .legend-item,
.assetDashboard .chart .line-chart-binary-legend .legend-container .legend-item,
.taskManager .chart .line-chart-binary-legend .legend-container .legend-item {
  margin-right: 20px;
  margin-bottom: 3px;
  width: 100%;
}
.charting .chart .line-chart-legend .legend-container .legend-item.binary,
.data .chart .line-chart-legend .legend-container .legend-item.binary,
.business .chart .line-chart-legend .legend-container .legend-item.binary,
.portfolio .chart .line-chart-legend .legend-container .legend-item.binary,
.assetDashboard .chart .line-chart-legend .legend-container .legend-item.binary,
.taskManager .chart .line-chart-legend .legend-container .legend-item.binary,
.charting .chart .line-chart-binary-legend .legend-container .legend-item.binary,
.data .chart .line-chart-binary-legend .legend-container .legend-item.binary,
.business .chart .line-chart-binary-legend .legend-container .legend-item.binary,
.portfolio .chart .line-chart-binary-legend .legend-container .legend-item.binary,
.assetDashboard .chart .line-chart-binary-legend .legend-container .legend-item.binary,
.taskManager .chart .line-chart-binary-legend .legend-container .legend-item.binary {
  height: 25px;
  line-height: 25px;
  margin-bottom: 0px;
  white-space: nowrap;
}
.charting .chart .line-chart-legend .legend-container .legend-item:first-child,
.data .chart .line-chart-legend .legend-container .legend-item:first-child,
.business .chart .line-chart-legend .legend-container .legend-item:first-child,
.portfolio .chart .line-chart-legend .legend-container .legend-item:first-child,
.assetDashboard .chart .line-chart-legend .legend-container .legend-item:first-child,
.taskManager .chart .line-chart-legend .legend-container .legend-item:first-child,
.charting .chart .line-chart-binary-legend .legend-container .legend-item:first-child,
.data .chart .line-chart-binary-legend .legend-container .legend-item:first-child,
.business .chart .line-chart-binary-legend .legend-container .legend-item:first-child,
.portfolio .chart .line-chart-binary-legend .legend-container .legend-item:first-child,
.assetDashboard .chart .line-chart-binary-legend .legend-container .legend-item:first-child,
.taskManager .chart .line-chart-binary-legend .legend-container .legend-item:first-child {
  -webkit-transition: margin-left 0.5s;
  transition: margin-left 0.5s;
}
.charting .chart .line-chart-legend .legend-container .legend-item.disabled,
.data .chart .line-chart-legend .legend-container .legend-item.disabled,
.business .chart .line-chart-legend .legend-container .legend-item.disabled,
.portfolio .chart .line-chart-legend .legend-container .legend-item.disabled,
.assetDashboard .chart .line-chart-legend .legend-container .legend-item.disabled,
.taskManager .chart .line-chart-legend .legend-container .legend-item.disabled,
.charting .chart .line-chart-binary-legend .legend-container .legend-item.disabled,
.data .chart .line-chart-binary-legend .legend-container .legend-item.disabled,
.business .chart .line-chart-binary-legend .legend-container .legend-item.disabled,
.portfolio .chart .line-chart-binary-legend .legend-container .legend-item.disabled,
.assetDashboard .chart .line-chart-binary-legend .legend-container .legend-item.disabled,
.taskManager .chart .line-chart-binary-legend .legend-container .legend-item.disabled {
  opacity: 0.5;
}
.charting .chart .line-chart-legend .legend-container .legend-item .value-text,
.data .chart .line-chart-legend .legend-container .legend-item .value-text,
.business .chart .line-chart-legend .legend-container .legend-item .value-text,
.portfolio .chart .line-chart-legend .legend-container .legend-item .value-text,
.assetDashboard .chart .line-chart-legend .legend-container .legend-item .value-text,
.taskManager .chart .line-chart-legend .legend-container .legend-item .value-text,
.charting .chart .line-chart-binary-legend .legend-container .legend-item .value-text,
.data .chart .line-chart-binary-legend .legend-container .legend-item .value-text,
.business .chart .line-chart-binary-legend .legend-container .legend-item .value-text,
.portfolio .chart .line-chart-binary-legend .legend-container .legend-item .value-text,
.assetDashboard .chart .line-chart-binary-legend .legend-container .legend-item .value-text,
.taskManager .chart .line-chart-binary-legend .legend-container .legend-item .value-text {
  margin: 0 2px;
}
.charting .chart .line-chart-legend .legend-container .legend-item .text,
.data .chart .line-chart-legend .legend-container .legend-item .text,
.business .chart .line-chart-legend .legend-container .legend-item .text,
.portfolio .chart .line-chart-legend .legend-container .legend-item .text,
.assetDashboard .chart .line-chart-legend .legend-container .legend-item .text,
.taskManager .chart .line-chart-legend .legend-container .legend-item .text,
.charting .chart .line-chart-binary-legend .legend-container .legend-item .text,
.data .chart .line-chart-binary-legend .legend-container .legend-item .text,
.business .chart .line-chart-binary-legend .legend-container .legend-item .text,
.portfolio .chart .line-chart-binary-legend .legend-container .legend-item .text,
.assetDashboard .chart .line-chart-binary-legend .legend-container .legend-item .text,
.taskManager .chart .line-chart-binary-legend .legend-container .legend-item .text {
  cursor: pointer;
  text-decoration: none;
  font-size: 10px;
}
.charting .chart .line-chart-legend .legend-container .legend-item .remove-serie,
.data .chart .line-chart-legend .legend-container .legend-item .remove-serie,
.business .chart .line-chart-legend .legend-container .legend-item .remove-serie,
.portfolio .chart .line-chart-legend .legend-container .legend-item .remove-serie,
.assetDashboard .chart .line-chart-legend .legend-container .legend-item .remove-serie,
.taskManager .chart .line-chart-legend .legend-container .legend-item .remove-serie,
.charting .chart .line-chart-binary-legend .legend-container .legend-item .remove-serie,
.data .chart .line-chart-binary-legend .legend-container .legend-item .remove-serie,
.business .chart .line-chart-binary-legend .legend-container .legend-item .remove-serie,
.portfolio .chart .line-chart-binary-legend .legend-container .legend-item .remove-serie,
.assetDashboard .chart .line-chart-binary-legend .legend-container .legend-item .remove-serie,
.taskManager .chart .line-chart-binary-legend .legend-container .legend-item .remove-serie {
  margin-left: 10px;
  visibility: hidden;
  font-size: 14px;
  vertical-align: middle;
  cursor: pointer;
}
.charting .chart .line-chart-legend .legend-container .legend-item .remove-serie i,
.data .chart .line-chart-legend .legend-container .legend-item .remove-serie i,
.business .chart .line-chart-legend .legend-container .legend-item .remove-serie i,
.portfolio .chart .line-chart-legend .legend-container .legend-item .remove-serie i,
.assetDashboard .chart .line-chart-legend .legend-container .legend-item .remove-serie i,
.taskManager .chart .line-chart-legend .legend-container .legend-item .remove-serie i,
.charting .chart .line-chart-binary-legend .legend-container .legend-item .remove-serie i,
.data .chart .line-chart-binary-legend .legend-container .legend-item .remove-serie i,
.business .chart .line-chart-binary-legend .legend-container .legend-item .remove-serie i,
.portfolio .chart .line-chart-binary-legend .legend-container .legend-item .remove-serie i,
.assetDashboard .chart .line-chart-binary-legend .legend-container .legend-item .remove-serie i,
.taskManager .chart .line-chart-binary-legend .legend-container .legend-item .remove-serie i {
  vertical-align: middle;
  margin-top: -3px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.charting .chart .line-chart-legend .legend-container .legend-item:hover .remove-serie,
.data .chart .line-chart-legend .legend-container .legend-item:hover .remove-serie,
.business .chart .line-chart-legend .legend-container .legend-item:hover .remove-serie,
.portfolio .chart .line-chart-legend .legend-container .legend-item:hover .remove-serie,
.assetDashboard .chart .line-chart-legend .legend-container .legend-item:hover .remove-serie,
.taskManager .chart .line-chart-legend .legend-container .legend-item:hover .remove-serie,
.charting .chart .line-chart-binary-legend .legend-container .legend-item:hover .remove-serie,
.data .chart .line-chart-binary-legend .legend-container .legend-item:hover .remove-serie,
.business .chart .line-chart-binary-legend .legend-container .legend-item:hover .remove-serie,
.portfolio .chart .line-chart-binary-legend .legend-container .legend-item:hover .remove-serie,
.assetDashboard .chart .line-chart-binary-legend .legend-container .legend-item:hover .remove-serie,
.taskManager .chart .line-chart-binary-legend .legend-container .legend-item:hover .remove-serie {
  visibility: visible;
}
.charting .chart .line-chart-legend .legend-container .legend-item .toggle-serie,
.data .chart .line-chart-legend .legend-container .legend-item .toggle-serie,
.business .chart .line-chart-legend .legend-container .legend-item .toggle-serie,
.portfolio .chart .line-chart-legend .legend-container .legend-item .toggle-serie,
.assetDashboard .chart .line-chart-legend .legend-container .legend-item .toggle-serie,
.taskManager .chart .line-chart-legend .legend-container .legend-item .toggle-serie,
.charting .chart .line-chart-binary-legend .legend-container .legend-item .toggle-serie,
.data .chart .line-chart-binary-legend .legend-container .legend-item .toggle-serie,
.business .chart .line-chart-binary-legend .legend-container .legend-item .toggle-serie,
.portfolio .chart .line-chart-binary-legend .legend-container .legend-item .toggle-serie,
.assetDashboard .chart .line-chart-binary-legend .legend-container .legend-item .toggle-serie,
.taskManager .chart .line-chart-binary-legend .legend-container .legend-item .toggle-serie {
  margin: 0 10px;
  vertical-align: middle;
  display: inline-block;
  height: 8px;
  width: 8px;
  cursor: pointer;
}
.charting .chart .line-chart-legend .legend-container .legend-item .toggle-serie.no-values,
.data .chart .line-chart-legend .legend-container .legend-item .toggle-serie.no-values,
.business .chart .line-chart-legend .legend-container .legend-item .toggle-serie.no-values,
.portfolio .chart .line-chart-legend .legend-container .legend-item .toggle-serie.no-values,
.assetDashboard .chart .line-chart-legend .legend-container .legend-item .toggle-serie.no-values,
.taskManager .chart .line-chart-legend .legend-container .legend-item .toggle-serie.no-values,
.charting .chart .line-chart-binary-legend .legend-container .legend-item .toggle-serie.no-values,
.data .chart .line-chart-binary-legend .legend-container .legend-item .toggle-serie.no-values,
.business .chart .line-chart-binary-legend .legend-container .legend-item .toggle-serie.no-values,
.portfolio .chart .line-chart-binary-legend .legend-container .legend-item .toggle-serie.no-values,
.assetDashboard .chart .line-chart-binary-legend .legend-container .legend-item .toggle-serie.no-values,
.taskManager .chart .line-chart-binary-legend .legend-container .legend-item .toggle-serie.no-values {
  pointer-events: none;
}
.charting .chart .line-chart-legend .legend-container .legend-group,
.data .chart .line-chart-legend .legend-container .legend-group,
.business .chart .line-chart-legend .legend-container .legend-group,
.portfolio .chart .line-chart-legend .legend-container .legend-group,
.assetDashboard .chart .line-chart-legend .legend-container .legend-group,
.taskManager .chart .line-chart-legend .legend-container .legend-group,
.charting .chart .line-chart-binary-legend .legend-container .legend-group,
.data .chart .line-chart-binary-legend .legend-container .legend-group,
.business .chart .line-chart-binary-legend .legend-container .legend-group,
.portfolio .chart .line-chart-binary-legend .legend-container .legend-group,
.assetDashboard .chart .line-chart-binary-legend .legend-container .legend-group,
.taskManager .chart .line-chart-binary-legend .legend-container .legend-group {
  font-size: 12px;
  font-weight: 800;
  margin-bottom: 0px;
  margin-top: 2px;
  width: 100%;
}
.charting .chart .line-chart-legend .legend-container .legend-group .text,
.data .chart .line-chart-legend .legend-container .legend-group .text,
.business .chart .line-chart-legend .legend-container .legend-group .text,
.portfolio .chart .line-chart-legend .legend-container .legend-group .text,
.assetDashboard .chart .line-chart-legend .legend-container .legend-group .text,
.taskManager .chart .line-chart-legend .legend-container .legend-group .text,
.charting .chart .line-chart-binary-legend .legend-container .legend-group .text,
.data .chart .line-chart-binary-legend .legend-container .legend-group .text,
.business .chart .line-chart-binary-legend .legend-container .legend-group .text,
.portfolio .chart .line-chart-binary-legend .legend-container .legend-group .text,
.assetDashboard .chart .line-chart-binary-legend .legend-container .legend-group .text,
.taskManager .chart .line-chart-binary-legend .legend-container .legend-group .text {
  text-decoration: underline;
}
.charting .chart .line-chart-legend .legend-container .legend-group .legend-item,
.data .chart .line-chart-legend .legend-container .legend-group .legend-item,
.business .chart .line-chart-legend .legend-container .legend-group .legend-item,
.portfolio .chart .line-chart-legend .legend-container .legend-group .legend-item,
.assetDashboard .chart .line-chart-legend .legend-container .legend-group .legend-item,
.taskManager .chart .line-chart-legend .legend-container .legend-group .legend-item,
.charting .chart .line-chart-binary-legend .legend-container .legend-group .legend-item,
.data .chart .line-chart-binary-legend .legend-container .legend-group .legend-item,
.business .chart .line-chart-binary-legend .legend-container .legend-group .legend-item,
.portfolio .chart .line-chart-binary-legend .legend-container .legend-group .legend-item,
.assetDashboard .chart .line-chart-binary-legend .legend-container .legend-group .legend-item,
.taskManager .chart .line-chart-binary-legend .legend-container .legend-group .legend-item {
  margin-right: 20px;
  margin-bottom: 3px;
  width: 100%;
}
.charting .chart .line-chart-legend .legend-container .legend-group .legend-item:first-child,
.data .chart .line-chart-legend .legend-container .legend-group .legend-item:first-child,
.business .chart .line-chart-legend .legend-container .legend-group .legend-item:first-child,
.portfolio .chart .line-chart-legend .legend-container .legend-group .legend-item:first-child,
.assetDashboard .chart .line-chart-legend .legend-container .legend-group .legend-item:first-child,
.taskManager .chart .line-chart-legend .legend-container .legend-group .legend-item:first-child,
.charting .chart .line-chart-binary-legend .legend-container .legend-group .legend-item:first-child,
.data .chart .line-chart-binary-legend .legend-container .legend-group .legend-item:first-child,
.business .chart .line-chart-binary-legend .legend-container .legend-group .legend-item:first-child,
.portfolio .chart .line-chart-binary-legend .legend-container .legend-group .legend-item:first-child,
.assetDashboard .chart .line-chart-binary-legend .legend-container .legend-group .legend-item:first-child,
.taskManager .chart .line-chart-binary-legend .legend-container .legend-group .legend-item:first-child {
  -webkit-transition: margin-left 0.5s;
  transition: margin-left 0.5s;
}
.charting .chart .line-chart-legend .legend-container .legend-group .legend-item.disabled,
.data .chart .line-chart-legend .legend-container .legend-group .legend-item.disabled,
.business .chart .line-chart-legend .legend-container .legend-group .legend-item.disabled,
.portfolio .chart .line-chart-legend .legend-container .legend-group .legend-item.disabled,
.assetDashboard .chart .line-chart-legend .legend-container .legend-group .legend-item.disabled,
.taskManager .chart .line-chart-legend .legend-container .legend-group .legend-item.disabled,
.charting .chart .line-chart-binary-legend .legend-container .legend-group .legend-item.disabled,
.data .chart .line-chart-binary-legend .legend-container .legend-group .legend-item.disabled,
.business .chart .line-chart-binary-legend .legend-container .legend-group .legend-item.disabled,
.portfolio .chart .line-chart-binary-legend .legend-container .legend-group .legend-item.disabled,
.assetDashboard .chart .line-chart-binary-legend .legend-container .legend-group .legend-item.disabled,
.taskManager .chart .line-chart-binary-legend .legend-container .legend-group .legend-item.disabled {
  opacity: 0.5;
}
.charting .chart .line-chart-legend .legend-container .legend-group .legend-item .value-text,
.data .chart .line-chart-legend .legend-container .legend-group .legend-item .value-text,
.business .chart .line-chart-legend .legend-container .legend-group .legend-item .value-text,
.portfolio .chart .line-chart-legend .legend-container .legend-group .legend-item .value-text,
.assetDashboard .chart .line-chart-legend .legend-container .legend-group .legend-item .value-text,
.taskManager .chart .line-chart-legend .legend-container .legend-group .legend-item .value-text,
.charting .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .value-text,
.data .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .value-text,
.business .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .value-text,
.portfolio .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .value-text,
.assetDashboard .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .value-text,
.taskManager .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .value-text {
  margin: 0 2px;
}
.charting .chart .line-chart-legend .legend-container .legend-group .legend-item .text,
.data .chart .line-chart-legend .legend-container .legend-group .legend-item .text,
.business .chart .line-chart-legend .legend-container .legend-group .legend-item .text,
.portfolio .chart .line-chart-legend .legend-container .legend-group .legend-item .text,
.assetDashboard .chart .line-chart-legend .legend-container .legend-group .legend-item .text,
.taskManager .chart .line-chart-legend .legend-container .legend-group .legend-item .text,
.charting .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .text,
.data .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .text,
.business .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .text,
.portfolio .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .text,
.assetDashboard .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .text,
.taskManager .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .text {
  cursor: pointer;
  text-decoration: none;
  font-size: 10px;
}
.charting .chart .line-chart-legend .legend-container .legend-group .legend-item .remove-serie,
.data .chart .line-chart-legend .legend-container .legend-group .legend-item .remove-serie,
.business .chart .line-chart-legend .legend-container .legend-group .legend-item .remove-serie,
.portfolio .chart .line-chart-legend .legend-container .legend-group .legend-item .remove-serie,
.assetDashboard .chart .line-chart-legend .legend-container .legend-group .legend-item .remove-serie,
.taskManager .chart .line-chart-legend .legend-container .legend-group .legend-item .remove-serie,
.charting .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .remove-serie,
.data .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .remove-serie,
.business .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .remove-serie,
.portfolio .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .remove-serie,
.assetDashboard .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .remove-serie,
.taskManager .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .remove-serie {
  margin-left: 10px;
  visibility: hidden;
  font-size: 14px;
  vertical-align: middle;
  cursor: pointer;
}
.charting .chart .line-chart-legend .legend-container .legend-group .legend-item .remove-serie i,
.data .chart .line-chart-legend .legend-container .legend-group .legend-item .remove-serie i,
.business .chart .line-chart-legend .legend-container .legend-group .legend-item .remove-serie i,
.portfolio .chart .line-chart-legend .legend-container .legend-group .legend-item .remove-serie i,
.assetDashboard .chart .line-chart-legend .legend-container .legend-group .legend-item .remove-serie i,
.taskManager .chart .line-chart-legend .legend-container .legend-group .legend-item .remove-serie i,
.charting .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .remove-serie i,
.data .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .remove-serie i,
.business .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .remove-serie i,
.portfolio .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .remove-serie i,
.assetDashboard .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .remove-serie i,
.taskManager .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .remove-serie i {
  vertical-align: middle;
  margin-top: -3px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.charting .chart .line-chart-legend .legend-container .legend-group .legend-item:hover .remove-serie,
.data .chart .line-chart-legend .legend-container .legend-group .legend-item:hover .remove-serie,
.business .chart .line-chart-legend .legend-container .legend-group .legend-item:hover .remove-serie,
.portfolio .chart .line-chart-legend .legend-container .legend-group .legend-item:hover .remove-serie,
.assetDashboard .chart .line-chart-legend .legend-container .legend-group .legend-item:hover .remove-serie,
.taskManager .chart .line-chart-legend .legend-container .legend-group .legend-item:hover .remove-serie,
.charting .chart .line-chart-binary-legend .legend-container .legend-group .legend-item:hover .remove-serie,
.data .chart .line-chart-binary-legend .legend-container .legend-group .legend-item:hover .remove-serie,
.business .chart .line-chart-binary-legend .legend-container .legend-group .legend-item:hover .remove-serie,
.portfolio .chart .line-chart-binary-legend .legend-container .legend-group .legend-item:hover .remove-serie,
.assetDashboard .chart .line-chart-binary-legend .legend-container .legend-group .legend-item:hover .remove-serie,
.taskManager .chart .line-chart-binary-legend .legend-container .legend-group .legend-item:hover .remove-serie {
  visibility: visible;
}
.charting .chart .line-chart-legend .legend-container .legend-group .legend-item .toggle-serie,
.data .chart .line-chart-legend .legend-container .legend-group .legend-item .toggle-serie,
.business .chart .line-chart-legend .legend-container .legend-group .legend-item .toggle-serie,
.portfolio .chart .line-chart-legend .legend-container .legend-group .legend-item .toggle-serie,
.assetDashboard .chart .line-chart-legend .legend-container .legend-group .legend-item .toggle-serie,
.taskManager .chart .line-chart-legend .legend-container .legend-group .legend-item .toggle-serie,
.charting .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .toggle-serie,
.data .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .toggle-serie,
.business .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .toggle-serie,
.portfolio .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .toggle-serie,
.assetDashboard .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .toggle-serie,
.taskManager .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .toggle-serie {
  margin: 0 10px;
  vertical-align: middle;
  display: inline-block;
  height: 8px;
  width: 8px;
  cursor: pointer;
}
.charting .chart .line-chart-legend .legend-container .legend-group .legend-item .toggle-serie.no-values,
.data .chart .line-chart-legend .legend-container .legend-group .legend-item .toggle-serie.no-values,
.business .chart .line-chart-legend .legend-container .legend-group .legend-item .toggle-serie.no-values,
.portfolio .chart .line-chart-legend .legend-container .legend-group .legend-item .toggle-serie.no-values,
.assetDashboard .chart .line-chart-legend .legend-container .legend-group .legend-item .toggle-serie.no-values,
.taskManager .chart .line-chart-legend .legend-container .legend-group .legend-item .toggle-serie.no-values,
.charting .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .toggle-serie.no-values,
.data .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .toggle-serie.no-values,
.business .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .toggle-serie.no-values,
.portfolio .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .toggle-serie.no-values,
.assetDashboard .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .toggle-serie.no-values,
.taskManager .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .toggle-serie.no-values {
  pointer-events: none;
}
.charting .no-view,
.data .no-view,
.business .no-view,
.portfolio .no-view,
.assetDashboard .no-view,
.taskManager .no-view {
  font-size: 23px;
  font-weight: 300;
  text-align: center;
  margin-top: 20px;
}
.charting .flex-row.first.right_this > div,
.data .flex-row.first.right_this > div,
.business .flex-row.first.right_this > div,
.portfolio .flex-row.first.right_this > div,
.assetDashboard .flex-row.first.right_this > div,
.taskManager .flex-row.first.right_this > div {
  padding-bottom: 9px !important;
}
.charting .axis-configuration .table-container,
.data .axis-configuration .table-container,
.business .axis-configuration .table-container,
.portfolio .axis-configuration .table-container,
.assetDashboard .axis-configuration .table-container,
.taskManager .axis-configuration .table-container {
  width: 100%;
}
.charting .axis-configuration .table-container .row input,
.data .axis-configuration .table-container .row input,
.business .axis-configuration .table-container .row input,
.portfolio .axis-configuration .table-container .row input,
.assetDashboard .axis-configuration .table-container .row input,
.taskManager .axis-configuration .table-container .row input {
  min-width: 200px;
}
.charting .add-chart-button,
.data .add-chart-button,
.business .add-chart-button,
.portfolio .add-chart-button,
.assetDashboard .add-chart-button,
.taskManager .add-chart-button {
  padding-top: 6px;
}
.charting .add-chart-button a span.btn-floating,
.data .add-chart-button a span.btn-floating,
.business .add-chart-button a span.btn-floating,
.portfolio .add-chart-button a span.btn-floating,
.assetDashboard .add-chart-button a span.btn-floating,
.taskManager .add-chart-button a span.btn-floating {
  width: 30px;
  height: 30px;
  line-height: 34px;
}
.charting .add-chart-button a span.btn-floating i,
.data .add-chart-button a span.btn-floating i,
.business .add-chart-button a span.btn-floating i,
.portfolio .add-chart-button a span.btn-floating i,
.assetDashboard .add-chart-button a span.btn-floating i,
.taskManager .add-chart-button a span.btn-floating i {
  font-size: 14px;
  line-height: normal;
}
.charting .add-chart-button a span.text,
.data .add-chart-button a span.text,
.business .add-chart-button a span.text,
.portfolio .add-chart-button a span.text,
.assetDashboard .add-chart-button a span.text,
.taskManager .add-chart-button a span.text {
  margin-left: 7px;
  font-size: 12px;
}
.charting .chart-title,
.data .chart-title,
.business .chart-title,
.portfolio .chart-title,
.assetDashboard .chart-title,
.taskManager .chart-title {
  cursor: default;
  font-size: 1.5em;
  line-height: 24px;
  vertical-align: middle;
}
.charting .freeze,
.data .freeze,
.business .freeze,
.portfolio .freeze,
.assetDashboard .freeze,
.taskManager .freeze {
  position: absolute;
}
.charting .control-bar,
.data .control-bar,
.business .control-bar,
.portfolio .control-bar,
.assetDashboard .control-bar,
.taskManager .control-bar {
  width: 100%;
  padding: 20px 10px;
  margin-bottom: 20px;
}
.charting .control-bar .control,
.data .control-bar .control,
.business .control-bar .control,
.portfolio .control-bar .control,
.assetDashboard .control-bar .control,
.taskManager .control-bar .control {
  display: inline;
  margin-right: 10px;
}
.charting .control-bar h3,
.data .control-bar h3,
.business .control-bar h3,
.portfolio .control-bar h3,
.assetDashboard .control-bar h3,
.taskManager .control-bar h3 {
  display: inline-block;
  margin: 0 10px;
}
.charting .control-bar .view-select,
.data .control-bar .view-select,
.business .control-bar .view-select,
.portfolio .control-bar .view-select,
.assetDashboard .control-bar .view-select,
.taskManager .control-bar .view-select {
  display: inline-block;
  margin-left: 20px;
}
.charting .right-side,
.data .right-side,
.business .right-side,
.portfolio .right-side,
.assetDashboard .right-side,
.taskManager .right-side {
  float: right;
}
.charting .close-chart,
.data .close-chart,
.business .close-chart,
.portfolio .close-chart,
.assetDashboard .close-chart,
.taskManager .close-chart {
  margin: 10px;
  float: right;
}
.charting .add-time-series,
.data .add-time-series,
.business .add-time-series,
.portfolio .add-time-series,
.assetDashboard .add-time-series,
.taskManager .add-time-series {
  display: inline-block;
  width: 80%;
  margin: 10px;
}
.charting .add-time-series .twitter-typeahead,
.data .add-time-series .twitter-typeahead,
.business .add-time-series .twitter-typeahead,
.portfolio .add-time-series .twitter-typeahead,
.assetDashboard .add-time-series .twitter-typeahead,
.taskManager .add-time-series .twitter-typeahead,
.charting .add-time-series .app-input,
.data .add-time-series .app-input,
.business .add-time-series .app-input,
.portfolio .add-time-series .app-input,
.assetDashboard .add-time-series .app-input,
.taskManager .add-time-series .app-input,
.charting .add-time-series .tt-dropdown-menu,
.data .add-time-series .tt-dropdown-menu,
.business .add-time-series .tt-dropdown-menu,
.portfolio .add-time-series .tt-dropdown-menu,
.assetDashboard .add-time-series .tt-dropdown-menu,
.taskManager .add-time-series .tt-dropdown-menu {
  width: 100%;
}
.charting .dc-chart,
.data .dc-chart,
.business .dc-chart,
.portfolio .dc-chart,
.assetDashboard .dc-chart,
.taskManager .dc-chart {
  float: none;
}
.charting .aggregations-charts,
.data .aggregations-charts,
.business .aggregations-charts,
.portfolio .aggregations-charts,
.assetDashboard .aggregations-charts,
.taskManager .aggregations-charts {
  position: relative;
  min-height: 165px;
}
.charting .aggregations-charts .data-count,
.data .aggregations-charts .data-count,
.business .aggregations-charts .data-count,
.portfolio .aggregations-charts .data-count,
.assetDashboard .aggregations-charts .data-count,
.taskManager .aggregations-charts .data-count {
  margin-right: 15px;
  font-size: 12px;
  position: relative;
  top: 4px;
}
.charting .aggregations-charts .chart-header,
.data .aggregations-charts .chart-header,
.business .aggregations-charts .chart-header,
.portfolio .aggregations-charts .chart-header,
.assetDashboard .aggregations-charts .chart-header,
.taskManager .aggregations-charts .chart-header {
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.charting .aggregations-charts .charts-container,
.data .aggregations-charts .charts-container,
.business .aggregations-charts .charts-container,
.portfolio .aggregations-charts .charts-container,
.assetDashboard .aggregations-charts .charts-container,
.taskManager .aggregations-charts .charts-container {
  position: relative;
}
.charting .aggregations-charts .charts-container ~ .charts-container .aggregations-charts-row,
.data .aggregations-charts .charts-container ~ .charts-container .aggregations-charts-row,
.business .aggregations-charts .charts-container ~ .charts-container .aggregations-charts-row,
.portfolio .aggregations-charts .charts-container ~ .charts-container .aggregations-charts-row,
.assetDashboard .aggregations-charts .charts-container ~ .charts-container .aggregations-charts-row,
.taskManager .aggregations-charts .charts-container ~ .charts-container .aggregations-charts-row {
  padding-top: 24px;
}
.charting .aggregations-charts .charts-container .aggregations-charts-row,
.data .aggregations-charts .charts-container .aggregations-charts-row,
.business .aggregations-charts .charts-container .aggregations-charts-row,
.portfolio .aggregations-charts .charts-container .aggregations-charts-row,
.assetDashboard .aggregations-charts .charts-container .aggregations-charts-row,
.taskManager .aggregations-charts .charts-container .aggregations-charts-row {
  margin: 0 -9px;
  padding: 0 32px 24px;
  height: 320px;
}
.charting .aggregations-charts .charts-container .aggregations-charts-row .chart-container,
.data .aggregations-charts .charts-container .aggregations-charts-row .chart-container,
.business .aggregations-charts .charts-container .aggregations-charts-row .chart-container,
.portfolio .aggregations-charts .charts-container .aggregations-charts-row .chart-container,
.assetDashboard .aggregations-charts .charts-container .aggregations-charts-row .chart-container,
.taskManager .aggregations-charts .charts-container .aggregations-charts-row .chart-container {
  background: transparent !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.charting .aggregations-charts .charts-container .aggregations-charts-row > div,
.data .aggregations-charts .charts-container .aggregations-charts-row > div,
.business .aggregations-charts .charts-container .aggregations-charts-row > div,
.portfolio .aggregations-charts .charts-container .aggregations-charts-row > div,
.assetDashboard .aggregations-charts .charts-container .aggregations-charts-row > div,
.taskManager .aggregations-charts .charts-container .aggregations-charts-row > div {
  margin-left: 9px;
  margin-right: 9px;
  position: relative;
}
.charting .aggregations-charts .charts-container .aggregations-charts-row > div .texts,
.data .aggregations-charts .charts-container .aggregations-charts-row > div .texts,
.business .aggregations-charts .charts-container .aggregations-charts-row > div .texts,
.portfolio .aggregations-charts .charts-container .aggregations-charts-row > div .texts,
.assetDashboard .aggregations-charts .charts-container .aggregations-charts-row > div .texts,
.taskManager .aggregations-charts .charts-container .aggregations-charts-row > div .texts {
  position: absolute;
  left: 5px;
  right: 5px;
  top: 5px;
}
.charting .aggregations-charts .charts-container .aggregations-charts-row > div .texts p,
.data .aggregations-charts .charts-container .aggregations-charts-row > div .texts p,
.business .aggregations-charts .charts-container .aggregations-charts-row > div .texts p,
.portfolio .aggregations-charts .charts-container .aggregations-charts-row > div .texts p,
.assetDashboard .aggregations-charts .charts-container .aggregations-charts-row > div .texts p,
.taskManager .aggregations-charts .charts-container .aggregations-charts-row > div .texts p {
  margin: 0;
}
.charting .aggregations-charts .charts-container .aggregations-charts-row > div .texts a.reset,
.data .aggregations-charts .charts-container .aggregations-charts-row > div .texts a.reset,
.business .aggregations-charts .charts-container .aggregations-charts-row > div .texts a.reset,
.portfolio .aggregations-charts .charts-container .aggregations-charts-row > div .texts a.reset,
.assetDashboard .aggregations-charts .charts-container .aggregations-charts-row > div .texts a.reset,
.taskManager .aggregations-charts .charts-container .aggregations-charts-row > div .texts a.reset {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}
.charting .aggregations-charts .charts-container .aggregations-charts-row > div .range-text,
.data .aggregations-charts .charts-container .aggregations-charts-row > div .range-text,
.business .aggregations-charts .charts-container .aggregations-charts-row > div .range-text,
.portfolio .aggregations-charts .charts-container .aggregations-charts-row > div .range-text,
.assetDashboard .aggregations-charts .charts-container .aggregations-charts-row > div .range-text,
.taskManager .aggregations-charts .charts-container .aggregations-charts-row > div .range-text {
  position: absolute;
  top: 100%;
  margin-top: 8px;
  font-size: 10px;
}
.charting .aggregations-charts .charts-container .aggregations-charts-row > div .range-slider-container,
.data .aggregations-charts .charts-container .aggregations-charts-row > div .range-slider-container,
.business .aggregations-charts .charts-container .aggregations-charts-row > div .range-slider-container,
.portfolio .aggregations-charts .charts-container .aggregations-charts-row > div .range-slider-container,
.assetDashboard .aggregations-charts .charts-container .aggregations-charts-row > div .range-slider-container,
.taskManager .aggregations-charts .charts-container .aggregations-charts-row > div .range-slider-container {
  position: absolute;
  left: 5px;
  right: 5px;
  top: 30px;
}
.charting .aggregations-charts .charts-container .aggregations-charts-row .day-of-week-chart,
.data .aggregations-charts .charts-container .aggregations-charts-row .day-of-week-chart,
.business .aggregations-charts .charts-container .aggregations-charts-row .day-of-week-chart,
.portfolio .aggregations-charts .charts-container .aggregations-charts-row .day-of-week-chart,
.assetDashboard .aggregations-charts .charts-container .aggregations-charts-row .day-of-week-chart,
.taskManager .aggregations-charts .charts-container .aggregations-charts-row .day-of-week-chart {
  min-width: 266px;
}
.charting .aggregations-charts .charts-container .aggregations-charts-row .avg-daily-load-hist-chart,
.data .aggregations-charts .charts-container .aggregations-charts-row .avg-daily-load-hist-chart,
.business .aggregations-charts .charts-container .aggregations-charts-row .avg-daily-load-hist-chart,
.portfolio .aggregations-charts .charts-container .aggregations-charts-row .avg-daily-load-hist-chart,
.assetDashboard .aggregations-charts .charts-container .aggregations-charts-row .avg-daily-load-hist-chart,
.taskManager .aggregations-charts .charts-container .aggregations-charts-row .avg-daily-load-hist-chart {
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.charting .aggregations-charts .charts-container .aggregations-charts-row .daily-load-chart,
.data .aggregations-charts .charts-container .aggregations-charts-row .daily-load-chart,
.business .aggregations-charts .charts-container .aggregations-charts-row .daily-load-chart,
.portfolio .aggregations-charts .charts-container .aggregations-charts-row .daily-load-chart,
.assetDashboard .aggregations-charts .charts-container .aggregations-charts-row .daily-load-chart,
.taskManager .aggregations-charts .charts-container .aggregations-charts-row .daily-load-chart {
  width: 56%;
}
.charting .aggregations-charts .charts-container .aggregations-charts-row .daily-reading-chart,
.data .aggregations-charts .charts-container .aggregations-charts-row .daily-reading-chart,
.business .aggregations-charts .charts-container .aggregations-charts-row .daily-reading-chart,
.portfolio .aggregations-charts .charts-container .aggregations-charts-row .daily-reading-chart,
.assetDashboard .aggregations-charts .charts-container .aggregations-charts-row .daily-reading-chart,
.taskManager .aggregations-charts .charts-container .aggregations-charts-row .daily-reading-chart {
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
@media print {
  .control-bar {
    display: none;
  }
}
.hover-vis:hover {
  fill: #fb8c00;
  opacity: .3;
}
.medium-ticks {
  font-size: 12px !important;
}
.medium-ticks text {
  font-size: 12px !important;
}
.global-date-range-button {
  position: absolute;
  width: 263px;
  height: 40px;
  right: 32px;
  top: 25px;
}
.views-list-side-bar {
  box-sizing: border-box;
  position: absolute;
  width: 316px;
  height: calc(100vh - 90px);
  left: 72px;
  overflow-y: auto;
  top: 90px;
  background: #FFFFFF;
  border-right: 1px solid #E9ECF2;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.views-list-side-bar::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.views-list-side-bar::-webkit-scrollbar-track {
  background-color: #E9ECF2;
  border-radius: 8px;
}
.views-list-side-bar::-webkit-scrollbar-thumb {
  background: #171A1D;
  border-radius: 8px;
}
.views-list-side-bar::-webkit-scrollbar-thumb:hover {
  width: 10px;
}
.views-list-side-bar.collapsed {
  width: 48px;
}
.views-list-side-bar.collapsed .views-list {
  width: 24px;
  height: 24px;
  left: 12px;
  top: 24px;
}
.views-list-side-bar.collapsed .views-list .title .text {
  display: none;
}
.views-list-side-bar.collapsed .views-list .title .collapse-button {
  right: 12px;
  transform: scaleX(-1);
}
.views-list-side-bar.collapsed .views-list .view-item {
  display: none;
}
.views-list-side-bar .views-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 24px;
  position: absolute;
  width: 268px;
  height: calc(100% - 24px);
  left: 24px;
  top: 24px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.views-list-side-bar .views-list .title {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 8px;
  width: 268px;
  height: 24px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.views-list-side-bar .views-list .title .text {
  width: 236px;
  height: 22px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #171A1D;
}
.views-list-side-bar .views-list .title .collapse-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px;
  width: 24px;
  height: 24px;
  background: #F3F5F8;
  border-radius: 4px;
  border: none;
  cursor: pointer;
}
.views-list-side-bar .views-list .title .collapse-button .svg-container {
  position: relative;
  width: 18px;
  height: 18px;
}
.views-list-side-bar .views-list .title .collapse-button .svg-container svg {
  position: absolute;
  left: 8.33%;
  right: 12.5%;
  top: 16.28%;
  bottom: 16.66%;
  fill: #4A5263;
}
.views-list-side-bar .views-list .ember-view.active .view-item .view-active {
  visibility: visible;
  left: 240px;
}
.views-list-side-bar .views-list .view-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px;
  gap: 8px;
  isolation: isolate;
  width: 268px;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #E9ECF2;
  box-shadow: 0px 0px 0px 3px #F3F5F8;
  border-radius: 8px;
  position: relative;
  cursor: pointer;
}
.views-list-side-bar .views-list .view-item.bottom {
  position: absolute;
  bottom: 104px;
}
.views-list-side-bar .views-list .view-item:hover .view-active {
  visibility: visible;
  left: 240px;
}
.views-list-side-bar .views-list .view-item.active .view-active {
  visibility: visible;
  left: 240px;
}
.views-list-side-bar .views-list .view-item .view-name {
  width: 248px;
  height: 20px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  color: #21262A;
}
.views-list-side-bar .views-list .view-item .view-active {
  position: absolute;
  width: 18px;
  height: 18px;
  left: 220px;
  top: 11px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  visibility: hidden;
}
.views-list-side-bar .views-list .view-item .view-active svg {
  position: absolute;
  left: 34.26%;
  right: 33.34%;
  top: 23.48%;
  bottom: 23.49%;
}
.views-list-side-bar.collapsed {
  width: 48px;
}
.chart-header-new {
  height: 64px;
  left: 0px;
  right: 0px;
  top: 0px;
  position: relative;
  background: #FFFFFF;
  box-shadow: 0px 8px 10px rgba(55, 64, 83, 0.08);
  border-radius: 12px;
}
.chart-header-new.open {
  border-radius: 12px 12px 0 0;
}
.chart-header-new .title-section {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 16px;
  position: absolute;
  height: 34px;
  left: 16px;
  top: 15px;
}
.chart-header-new .title-section .back-icon {
  width: 28px;
  height: 28px;
  position: relative;
  cursor: pointer;
}
.chart-header-new .title-section .back-icon svg {
  position: absolute;
  left: 29.17%;
  right: 29.17%;
  top: 15.84%;
  bottom: 15.83%;
}
.chart-header-new .title-section .drag-icon {
  width: 20px;
  height: 20px;
  position: relative;
  cursor: pointer;
}
.chart-header-new .title-section .drag-icon svg {
  position: absolute;
  left: 29.17%;
  right: 29.17%;
  top: 15.84%;
  bottom: 15.83%;
}
.chart-header-new .title-section .dropdown-icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px;
  width: 24px;
  height: 24px;
  background: #F3F5F8;
  border-radius: 4px;
  cursor: pointer;
}
.chart-header-new .title-section .dropdown-icon.closed svg {
  transform: rotate(180deg);
}
.chart-header-new .title-section .dropdown-icon:hover {
  background: #E9ECF2;
}
.chart-header-new .title-section .dropdown-icon .svg-container {
  width: 18px;
  height: 18px;
  position: relative;
}
.chart-header-new .title-section .dropdown-icon .svg-container svg {
  position: absolute;
  left: 23.48%;
  right: 23.49%;
  top: 33.33%;
  bottom: 34.26%;
}
.chart-header-new .title-section .chart-title {
  height: 26px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  color: #21262A;
}
.chart-header-new .chart-date-range-button {
  position: absolute;
  width: 270px;
  height: 32px;
  right: 268px;
  top: 16px;
  cursor: pointer;
}
.chart-header-new .chart-points-button {
  position: absolute;
  width: 188px;
  height: 32px;
  right: 64px;
  top: 16px;
  cursor: pointer;
}
.chart-header-new .chart-options-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 7px;
  position: absolute;
  width: 32px;
  height: 32px;
  right: 16px;
  top: 16px;
  background: #F3F5F8;
  border-radius: 6px;
  cursor: pointer;
}
.chart-header-new .chart-options-button:hover {
  background: #E9ECF2;
}
.chart-header-new .chart-options-button .svg-container {
  width: 18px;
  height: 18px;
  position: relative;
}
.chart-header-new .chart-options-button .svg-container svg {
  position: absolute;
  left: 12.5%;
  right: 12.5%;
  top: 43.75%;
  bottom: 43.75%;
}
.scroll-container::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.scroll-container::-webkit-scrollbar-track {
  background-color: #E9ECF2;
  border-radius: 8px;
}
.scroll-container::-webkit-scrollbar-thumb {
  background: #171A1D;
  border-radius: 8px;
}
.scroll-container::-webkit-scrollbar-thumb:hover {
  width: 10px;
}
#chart-points-modal-container .modal-background .modal .point-search-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  position: absolute;
  width: 422px;
  height: 40px;
  left: 32px;
  top: 133px;
}
#chart-points-modal-container .modal-background .modal .point-search-container .point-search-dropdown {
  position: absolute;
  top: 50px;
  left: 0px;
  width: 100%;
  height: 500px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  overflow-y: auto;
  overflow-x: clip;
  z-index: 999;
  background: white;
}
#chart-points-modal-container .modal-background .modal .point-search-container .point-search-dropdown::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
#chart-points-modal-container .modal-background .modal .point-search-container .point-search-dropdown::-webkit-scrollbar-track {
  background-color: #E9ECF2;
  border-radius: 8px;
}
#chart-points-modal-container .modal-background .modal .point-search-container .point-search-dropdown::-webkit-scrollbar-thumb {
  background: #171A1D;
  border-radius: 8px;
}
#chart-points-modal-container .modal-background .modal .point-search-container .point-search-dropdown::-webkit-scrollbar-thumb:hover {
  width: 10px;
}
#chart-points-modal-container .modal-background .modal .point-search-container .point-search-dropdown .point-category-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px 12px;
  gap: 16px;
  width: 100%;
  border-bottom: 1px solid #E9ECF2;
}
#chart-points-modal-container .modal-background .modal .point-search-container .point-search-dropdown .point-category-section .point-category-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 4px;
  width: calc(100% - 24px);
  height: 24px;
}
#chart-points-modal-container .modal-background .modal .point-search-container .point-search-dropdown .point-category-section .point-category-container .point-category {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 4px;
  width: calc(100% - 24px);
  height: 22px;
}
#chart-points-modal-container .modal-background .modal .point-search-container .point-search-dropdown .point-category-section .point-category-container .point-category .icon-container {
  width: 20px;
  height: 20px;
}
#chart-points-modal-container .modal-background .modal .point-search-container .point-search-dropdown .point-category-section .point-category-container .point-category .point-category-name {
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 160%;
  font-feature-settings: 'liga' off;
  color: #21262A;
}
#chart-points-modal-container .modal-background .modal .point-search-container .point-search-dropdown .point-category-section .point-category-container .point-category .point-category-count {
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  color: #A6AAB2;
}
#chart-points-modal-container .modal-background .modal .point-search-container .point-search-dropdown .point-category-section .point-category-container .point-category-toggle {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px;
  width: 24px;
  height: 24px;
  background: #F3F5F8;
  border-radius: 4px;
  cursor: pointer;
}
#chart-points-modal-container .modal-background .modal .point-search-container .point-search-dropdown .point-category-section .point-category-container .point-category-toggle .svg-container {
  width: 18px;
  height: 18px;
  position: relative;
}
#chart-points-modal-container .modal-background .modal .point-search-container .point-search-dropdown .point-category-section .point-category-container .point-category-toggle .svg-container svg {
  transition: all 0.5s ease;
}
#chart-points-modal-container .modal-background .modal .point-search-container .point-search-dropdown .point-category-section .point-category-container .point-category-toggle .svg-container.collapsed svg {
  transform: rotate(180deg);
}
#chart-points-modal-container .modal-background .modal .point-search-container .point-search-dropdown .point-category-section .points-list {
  display: initial;
  text-align: left;
  width: 100%;
}
#chart-points-modal-container .modal-background .modal .point-search-container .point-search-dropdown .point-category-section .points-list.collapsed {
  display: none;
}
#chart-points-modal-container .modal-background .modal .point-search-container .point-search-dropdown .point-category-section .points-list .point {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px 12px;
  gap: 8px;
  width: 100%;
  cursor: pointer;
}
#chart-points-modal-container .modal-background .modal .point-search-container .point-search-dropdown .point-category-section .points-list .point .point-name {
  width: calc(100% - 56px);
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #2F3539;
}
#chart-points-modal-container .modal-background .modal .point-search-container .point-search-dropdown .point-category-section .points-list .point .add-icon-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  cursor: pointer;
}
#chart-points-modal-container .modal-background .modal .point-search-container .point-search-dropdown .point-category-section .points-list .point .add-icon-container .svg-container {
  width: 18px;
  height: 18px;
  position: relative;
}
#chart-points-modal-container .modal-background .modal .point-legend {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 24px;
  position: absolute;
  width: 859px;
  height: 22px;
  left: 486px;
  top: 142px;
}
#chart-points-modal-container .modal-background .modal .point-legend .point-legend-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 8px;
  height: 22px;
}
#chart-points-modal-container .modal-background .modal .point-legend .point-legend-item .icon-container {
  width: 20px;
  height: 20px;
  position: relative;
}
#chart-points-modal-container .modal-background .modal .point-legend .point-legend-item .text {
  height: 22px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 160%;
  font-feature-settings: 'liga' off;
  color: #171A1D;
}
#chart-points-modal-container .modal-background .modal .used-points {
  position: absolute;
  width: 381px;
  height: calc(100% - 109px);
  right: 0;
  top: 109px;
  background: #FFFFFF;
}
#chart-points-modal-container .modal-background .modal .used-points .points-label {
  position: absolute;
  width: 173px;
  height: 26px;
  left: 24px;
  top: 24px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  color: #171A1D;
}
#chart-points-modal-container .modal-background .modal .used-points .points-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 24px;
  position: absolute;
  width: 350px;
  height: calc(100% - 205px);
  left: 24px;
  top: 66px;
  overflow-y: auto;
  overflow-x: visible;
}
#chart-points-modal-container .modal-background .modal .used-points .points-list::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
#chart-points-modal-container .modal-background .modal .used-points .points-list::-webkit-scrollbar-track {
  background-color: #E9ECF2;
  border-radius: 8px;
}
#chart-points-modal-container .modal-background .modal .used-points .points-list::-webkit-scrollbar-thumb {
  background: #171A1D;
  border-radius: 8px;
}
#chart-points-modal-container .modal-background .modal .used-points .points-list::-webkit-scrollbar-thumb:hover {
  width: 10px;
}
#chart-points-modal-container .modal-background .modal .used-points .points-list .points-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;
  width: 325px;
}
#chart-points-modal-container .modal-background .modal .used-points .points-list .points-container .point-list-item {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
  position: relative;
  width: 325px;
  height: 20px;
}
#chart-points-modal-container .modal-background .modal .used-points .points-list .points-container .point-list-item .point-name {
  height: 20px;
  text-align: left;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #000000;
  flex: none;
  flex-grow: 1;
}
#chart-points-modal-container .modal-background .modal .used-points .points-list .points-container .point-list-item .delete-icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px;
  width: 24px;
  height: 24px;
  background: #F3F5F8;
  border-radius: 4px;
  cursor: pointer;
}
#chart-points-modal-container .modal-background .modal .used-points .points-list .points-container .point-list-item .delete-icon .svg-container {
  width: 18px;
  height: 18px;
  position: relative;
}
#chart-points-modal-container .modal-background .modal .used-points .points-list .no-points {
  width: 325px;
  height: 48px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #757F94;
}
#chart-points-modal-container .modal-background .modal .used-points .save-changes {
  position: absolute;
  width: 381px;
  height: 72px;
  left: 0px;
  bottom: 0px;
  background: #FFFFFF;
  border-radius: 0px;
}
#chart-points-modal-container .modal-background .modal .used-points .save-changes .button-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;
  position: absolute;
  width: 333px;
  height: 40px;
  left: 24px;
  top: 16px;
}
#chart-points-modal-container .modal-background .modal .used-points .save-changes .button-container button {
  padding: 9px 26px;
  width: 333px;
  height: 40px;
}
#chart-points-modal-container .modal-background .modal .point-selection-container {
  position: absolute;
  width: calc(100% - 381px);
  height: calc(100% - 197px);
  left: 0px;
  top: 197px;
  overflow-x: scroll;
  display: flex;
  flex-direction: row;
  gap: 24px;
  padding: 0 0 0 24px;
}
#chart-points-modal-container .modal-background .modal .point-selection-container .point-selection-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 13px 1px;
  gap: 8px;
  position: relative;
  width: 275px;
  min-height: 100%;
  background: #F9FAFB;
  border: 1px solid #F3F5F8;
  border-radius: 8px;
}
#chart-points-modal-container .modal-background .modal .point-selection-container .point-selection-column .column-header {
  display: flex;
  flex-direction: row;
  text-align: left;
  padding: 0px 12px;
  gap: 10px;
  width: 273px;
  height: 44px;
}
#chart-points-modal-container .modal-background .modal .point-selection-container .point-selection-column .column-header.info {
  align-items: flex-start;
}
#chart-points-modal-container .modal-background .modal .point-selection-container .point-selection-column .column-header.search {
  align-items: center;
}
#chart-points-modal-container .modal-background .modal .point-selection-container .point-selection-column .column-header .text {
  width: 210px;
  height: 44px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
  color: #757F94;
}
#chart-points-modal-container .modal-background .modal .point-selection-container .point-selection-column .column-header .search-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  width: 250px;
  height: 31px;
}
#chart-points-modal-container .modal-background .modal .point-selection-container .point-selection-column .column-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  width: 273px;
  height: 100%;
  overflow-y: auto;
  overflow-x: clip;
}
#chart-points-modal-container .modal-background .modal .point-selection-container .point-selection-column .column-content::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
#chart-points-modal-container .modal-background .modal .point-selection-container .point-selection-column .column-content::-webkit-scrollbar-track {
  background-color: #E9ECF2;
  border-radius: 8px;
}
#chart-points-modal-container .modal-background .modal .point-selection-container .point-selection-column .column-content::-webkit-scrollbar-thumb {
  background: #171A1D;
  border-radius: 8px;
}
#chart-points-modal-container .modal-background .modal .point-selection-container .point-selection-column .column-content::-webkit-scrollbar-thumb:hover {
  width: 10px;
}
#chart-points-modal-container .modal-background .modal .point-selection-container .point-selection-column .column-content .selectable-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px 12px;
  gap: 4px;
  width: 273px;
  height: 56px;
  border: 0px solid #E9ECF2;
  cursor: pointer;
}
#chart-points-modal-container .modal-background .modal .point-selection-container .point-selection-column .column-content .selectable-item.selected {
  background: #E9ECF2;
}
#chart-points-modal-container .modal-background .modal .point-selection-container .point-selection-column .column-content .selectable-item.selected .select-icon {
  background: #171A1D;
}
#chart-points-modal-container .modal-background .modal .point-selection-container .point-selection-column .column-content .selectable-item.selected .select-icon .svg-container svg path {
  fill: #F3F5F8;
}
#chart-points-modal-container .modal-background .modal .point-selection-container .point-selection-column .column-content .selectable-item .item-text {
  height: 22px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 160%;
  font-feature-settings: 'liga' off;
  color: #171A1D;
  flex-grow: 1;
  text-align: left;
}
#chart-points-modal-container .modal-background .modal .point-selection-container .point-selection-column .column-content .selectable-item .select-icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  cursor: pointer;
}
#chart-points-modal-container .modal-background .modal .point-selection-container .point-selection-column .column-content .selectable-item .select-icon .svg-container {
  width: 18px;
  height: 18px;
  position: relative;
}
#chart-points-modal-container .modal-background .modal .point-selection-container .point-selection-column .column-content .selectable-item .select-icon .svg-container svg {
  position: absolute;
  left: 34.26%;
  right: 33.34%;
  top: 23.48%;
  bottom: 23.49%;
}
#chart-points-modal-container .modal-background .modal .point-selection-container .point-selection-column .column-content .selectable-item .select-icon .svg-container svg path {
  fill: #17191D;
}
#chart-points-modal-container .modal-background .modal .point-selection-container .point-selection-column .column-content .point-category-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px 12px;
  gap: 16px;
  width: 273px;
  border-bottom: 1px solid #E9ECF2;
}
#chart-points-modal-container .modal-background .modal .point-selection-container .point-selection-column .column-content .point-category-section .point-category-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 4px;
  width: 249px;
  height: 24px;
}
#chart-points-modal-container .modal-background .modal .point-selection-container .point-selection-column .column-content .point-category-section .point-category-container .point-category {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 4px;
  width: 221px;
  height: 22px;
}
#chart-points-modal-container .modal-background .modal .point-selection-container .point-selection-column .column-content .point-category-section .point-category-container .point-category .icon-container {
  width: 20px;
  height: 20px;
}
#chart-points-modal-container .modal-background .modal .point-selection-container .point-selection-column .column-content .point-category-section .point-category-container .point-category .point-category-name {
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 160%;
  font-feature-settings: 'liga' off;
  color: #21262A;
}
#chart-points-modal-container .modal-background .modal .point-selection-container .point-selection-column .column-content .point-category-section .point-category-container .point-category .point-category-count {
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  color: #A6AAB2;
}
#chart-points-modal-container .modal-background .modal .point-selection-container .point-selection-column .column-content .point-category-section .point-category-container .point-category-toggle {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px;
  width: 24px;
  height: 24px;
  background: #F3F5F8;
  border-radius: 4px;
  cursor: pointer;
}
#chart-points-modal-container .modal-background .modal .point-selection-container .point-selection-column .column-content .point-category-section .point-category-container .point-category-toggle .svg-container {
  width: 18px;
  height: 18px;
  position: relative;
}
#chart-points-modal-container .modal-background .modal .point-selection-container .point-selection-column .column-content .point-category-section .point-category-container .point-category-toggle .svg-container svg {
  transition: all 0.5s ease;
}
#chart-points-modal-container .modal-background .modal .point-selection-container .point-selection-column .column-content .point-category-section .point-category-container .point-category-toggle .svg-container.collapsed svg {
  transform: rotate(180deg);
}
#chart-points-modal-container .modal-background .modal .point-selection-container .point-selection-column .column-content .point-category-section .points-list {
  display: initial;
  text-align: left;
}
#chart-points-modal-container .modal-background .modal .point-selection-container .point-selection-column .column-content .point-category-section .points-list.collapsed {
  display: none;
}
#chart-points-modal-container .modal-background .modal .point-selection-container .point-selection-column .column-content .point-category-section .points-list .point {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px 12px;
  gap: 8px;
  width: 273px;
  cursor: pointer;
}
#chart-points-modal-container .modal-background .modal .point-selection-container .point-selection-column .column-content .point-category-section .points-list .point .point-name {
  width: 217px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #2F3539;
}
#chart-points-modal-container .modal-background .modal .point-selection-container .point-selection-column .column-content .point-category-section .points-list .point .add-icon-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  cursor: pointer;
}
#chart-points-modal-container .modal-background .modal .point-selection-container .point-selection-column .column-content .point-category-section .points-list .point .add-icon-container .svg-container {
  width: 18px;
  height: 18px;
  position: relative;
}
.empty-chart-container {
  position: relative;
  width: 100%;
  height: 350px;
  background: #FFFFFF;
}
.empty-chart-container .illustration-and-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  gap: 16px;
  position: absolute;
  width: 309px;
  height: 224px;
  left: calc(50% - 309px/2 - 0.5px);
  top: calc(50% - 224px/2 + 31.5px);
}
.empty-chart-container .illustration-and-text .illustration {
  width: 133px;
  height: 113px;
}
.empty-chart-container .illustration-and-text .illustration .illustration-container {
  width: 132px;
  height: 113px;
  left: 1px;
  top: 0px;
}
.empty-chart-container .illustration-and-text .text {
  width: 309px;
  height: 48px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #757F94;
}
.empty-chart-container .illustration-and-text .chart-points-button-lower {
  padding: 5px 30px 5px 26px;
  width: 188px;
  height: 32px;
}
.asset {
  cursor: pointer;
  position: relative;
}
.asset:hover .view-active {
  visibility: visible;
  left: 360px;
}
.asset:hover .view-active.default {
  left: 240px;
}
.asset.active .view-active {
  visibility: visible;
  left: 360px;
}
.asset.active .view-active.default {
  left: 240px;
}
.asset .view-active {
  position: absolute;
  width: 18px;
  height: 18px;
  left: 340px;
  top: 7px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  visibility: hidden;
}
.asset .view-active.default {
  left: 220px;
}
.asset .view-active svg {
  position: absolute;
  left: 34.26%;
  right: 33.34%;
  top: 23.48%;
  bottom: 23.49%;
}
.charting .x-tag {
  margin-right: 8%;
}
.charting .x-tag,
.charting .y-tag {
  position: relative;
  min-width: 320px;
  border-top: 4px solid transparent;
}
.charting .x-tag input,
.charting .y-tag input {
  border-bottom-color: black;
}
.charting .x-tag-container,
.charting .y-tag-container,
.charting .filter-tag-container {
  cursor: pointer;
  padding: 10px 0 10px 10px;
}
.charting .x-tag-container.selecting,
.charting .y-tag-container.selecting,
.charting .filter-tag-container.selecting {
  background-color: rgba(0, 0, 0, 0.1);
}
.charting .x-tag-container .tag-header,
.charting .y-tag-container .tag-header,
.charting .filter-tag-container .tag-header {
  width: 100%;
  font-family: 'Satoshi';
  text-align: left;
  font-weight: 800;
}
a.disabled {
  cursor: default;
  color: #9e9e9e !important;
  pointer-events: none;
}
a.disabled:hover {
  cursor: default !important;
  color: #9e9e9e !important;
  pointer-events: none;
}
.section-name {
  display: inline-block;
}
.auto-width {
  width: auto !important;
}
.energy-star-table {
  overflow: auto;
  -ms-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  padding: 0 30px;
}
.admin .admin-table-container,
.data .admin-table-container,
.business .admin-table-container,
.objectRef .admin-table-container,
.portfolio .admin-table-container {
  overflow: auto;
  height: calc(100vh - 200px);
  -ms-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  padding: 0 30px;
}
.admin .admin-table-container thead .filter-row .input-field input,
.data .admin-table-container thead .filter-row .input-field input,
.business .admin-table-container thead .filter-row .input-field input,
.objectRef .admin-table-container thead .filter-row .input-field input,
.portfolio .admin-table-container thead .filter-row .input-field input {
  width: 154px !important;
}
.admin .admin-content,
.data .admin-content,
.business .admin-content,
.objectRef .admin-content,
.portfolio .admin-content {
  -webkit-transition: margin-left 0.3s, max-width 0.3s;
  transition: margin-left 0.3s, max-width 0.3s;
  -ms-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
}
.admin .admin-content .admin-table-container,
.data .admin-content .admin-table-container,
.business .admin-content .admin-table-container,
.objectRef .admin-content .admin-table-container,
.portfolio .admin-content .admin-table-container {
  margin-top: 10px;
}
.admin .admin-content .form-header,
.data .admin-content .form-header,
.business .admin-content .form-header,
.objectRef .admin-content .form-header,
.portfolio .admin-content .form-header {
  margin-top: 10px;
}
.admin .admin-content .materialize-dropdown,
.data .admin-content .materialize-dropdown,
.business .admin-content .materialize-dropdown,
.objectRef .admin-content .materialize-dropdown,
.portfolio .admin-content .materialize-dropdown {
  display: inline-block;
}
.admin .admin-content .materialize-dropdown .dropdown-button,
.data .admin-content .materialize-dropdown .dropdown-button,
.business .admin-content .materialize-dropdown .dropdown-button,
.objectRef .admin-content .materialize-dropdown .dropdown-button,
.portfolio .admin-content .materialize-dropdown .dropdown-button {
  padding-left: 32px;
  padding-bottom: 5px;
  white-space: nowrap;
  display: inline-block;
  font-size: 23px;
  font-weight: 300;
  letter-spacing: -0.2px;
}
.admin .admin-content .materialize-dropdown .dropdown-button i,
.data .admin-content .materialize-dropdown .dropdown-button i,
.business .admin-content .materialize-dropdown .dropdown-button i,
.objectRef .admin-content .materialize-dropdown .dropdown-button i,
.portfolio .admin-content .materialize-dropdown .dropdown-button i {
  padding-right: 14px;
  font-size: 14px;
  float: none;
  margin-left: 15px;
  position: relative;
  top: -1px;
}
.admin .admin-content .materialize-dropdown .dropdown-content,
.data .admin-content .materialize-dropdown .dropdown-content,
.business .admin-content .materialize-dropdown .dropdown-content,
.objectRef .admin-content .materialize-dropdown .dropdown-content,
.portfolio .admin-content .materialize-dropdown .dropdown-content {
  min-width: 205px;
  display: inherit;
  top: 100% !important;
  left: 0 !important;
}
.admin .admin-content .materialize-dropdown .dropdown-content li,
.data .admin-content .materialize-dropdown .dropdown-content li,
.business .admin-content .materialize-dropdown .dropdown-content li,
.objectRef .admin-content .materialize-dropdown .dropdown-content li,
.portfolio .admin-content .materialize-dropdown .dropdown-content li {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 12px;
  line-height: 1;
}
.admin .admin-content .materialize-dropdown .dropdown-content li:not(:last-child),
.data .admin-content .materialize-dropdown .dropdown-content li:not(:last-child),
.business .admin-content .materialize-dropdown .dropdown-content li:not(:last-child),
.objectRef .admin-content .materialize-dropdown .dropdown-content li:not(:last-child),
.portfolio .admin-content .materialize-dropdown .dropdown-content li:not(:last-child) {
  border-bottom: 1px solid #bfbfbf;
}
.admin .admin-content .materialize-dropdown .dropdown-content li > a:first-child,
.data .admin-content .materialize-dropdown .dropdown-content li > a:first-child,
.business .admin-content .materialize-dropdown .dropdown-content li > a:first-child,
.objectRef .admin-content .materialize-dropdown .dropdown-content li > a:first-child,
.portfolio .admin-content .materialize-dropdown .dropdown-content li > a:first-child {
  -ms-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  text-align: center;
  padding: 14px 10px 12px;
}
.admin .admin-content .materialize-dropdown .dropdown-content li.active,
.data .admin-content .materialize-dropdown .dropdown-content li.active,
.business .admin-content .materialize-dropdown .dropdown-content li.active,
.objectRef .admin-content .materialize-dropdown .dropdown-content li.active,
.portfolio .admin-content .materialize-dropdown .dropdown-content li.active {
  font-weight: 600;
}
.admin .admin-content .materialize-dropdown .dropdown-content li .remove-view-button,
.data .admin-content .materialize-dropdown .dropdown-content li .remove-view-button,
.business .admin-content .materialize-dropdown .dropdown-content li .remove-view-button,
.objectRef .admin-content .materialize-dropdown .dropdown-content li .remove-view-button,
.portfolio .admin-content .materialize-dropdown .dropdown-content li .remove-view-button {
  right: 0;
  top: 0;
  padding: 0 12px 0;
}
.admin .admin-content .materialize-dropdown .dropdown-content li .remove-view-button i,
.data .admin-content .materialize-dropdown .dropdown-content li .remove-view-button i,
.business .admin-content .materialize-dropdown .dropdown-content li .remove-view-button i,
.objectRef .admin-content .materialize-dropdown .dropdown-content li .remove-view-button i,
.portfolio .admin-content .materialize-dropdown .dropdown-content li .remove-view-button i {
  font-size: 15px;
}
.admin .admin-content .view-chooser-container.sticky-header,
.data .admin-content .view-chooser-container.sticky-header,
.business .admin-content .view-chooser-container.sticky-header,
.objectRef .admin-content .view-chooser-container.sticky-header,
.portfolio .admin-content .view-chooser-container.sticky-header {
  padding-right: 0;
  height: auto;
}
.admin .admin-content .view-chooser-container.sticky-header > .flex-row,
.data .admin-content .view-chooser-container.sticky-header > .flex-row,
.business .admin-content .view-chooser-container.sticky-header > .flex-row,
.objectRef .admin-content .view-chooser-container.sticky-header > .flex-row,
.portfolio .admin-content .view-chooser-container.sticky-header > .flex-row {
  padding: 6px 28px;
}
.admin .admin-content .view-chooser-container.sticky-header > .flex-row.second-row,
.data .admin-content .view-chooser-container.sticky-header > .flex-row.second-row,
.business .admin-content .view-chooser-container.sticky-header > .flex-row.second-row,
.objectRef .admin-content .view-chooser-container.sticky-header > .flex-row.second-row,
.portfolio .admin-content .view-chooser-container.sticky-header > .flex-row.second-row {
  margin-top: 0;
  background-color: #f5f5f5;
  border: solid 1px #074876;
  border-top: solid 1px #bdbdbd;
}
.admin .admin-content .view-chooser-container.sticky-header > .flex-row > .title.title-text,
.data .admin-content .view-chooser-container.sticky-header > .flex-row > .title.title-text,
.business .admin-content .view-chooser-container.sticky-header > .flex-row > .title.title-text,
.objectRef .admin-content .view-chooser-container.sticky-header > .flex-row > .title.title-text,
.portfolio .admin-content .view-chooser-container.sticky-header > .flex-row > .title.title-text {
  padding: 0;
  margin-left: 0;
}
.admin .admin-content .view-chooser-container.sticky-header > .flex-row > .title.title-breadcrumbs,
.data .admin-content .view-chooser-container.sticky-header > .flex-row > .title.title-breadcrumbs,
.business .admin-content .view-chooser-container.sticky-header > .flex-row > .title.title-breadcrumbs,
.objectRef .admin-content .view-chooser-container.sticky-header > .flex-row > .title.title-breadcrumbs,
.portfolio .admin-content .view-chooser-container.sticky-header > .flex-row > .title.title-breadcrumbs {
  color: black;
  padding: 0;
  margin-left: 36px;
  font-size: 17px;
  letter-spacing: 0.2px;
}
.admin .admin-content .view-chooser-container.sticky-header > .flex-row > .add-admin-container,
.data .admin-content .view-chooser-container.sticky-header > .flex-row > .add-admin-container,
.business .admin-content .view-chooser-container.sticky-header > .flex-row > .add-admin-container,
.objectRef .admin-content .view-chooser-container.sticky-header > .flex-row > .add-admin-container,
.portfolio .admin-content .view-chooser-container.sticky-header > .flex-row > .add-admin-container {
  padding-bottom: 0;
}
.admin .admin-tree-and-list,
.data .admin-tree-and-list,
.business .admin-tree-and-list,
.objectRef .admin-tree-and-list,
.portfolio .admin-tree-and-list {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.admin .admin-tree-and-list .admin-table-container:not(.width-100-percent),
.data .admin-tree-and-list .admin-table-container:not(.width-100-percent),
.business .admin-tree-and-list .admin-table-container:not(.width-100-percent),
.objectRef .admin-tree-and-list .admin-table-container:not(.width-100-percent),
.portfolio .admin-tree-and-list .admin-table-container:not(.width-100-percent) {
  max-width: 75%;
}
.admin .admin-float-tree,
.data .admin-float-tree,
.business .admin-float-tree,
.objectRef .admin-float-tree,
.portfolio .admin-float-tree {
  position: absolute;
}
.admin .admin-tree-and-list > .tuple-list-togglable,
.data .admin-tree-and-list > .tuple-list-togglable,
.business .admin-tree-and-list > .tuple-list-togglable,
.objectRef .admin-tree-and-list > .tuple-list-togglable,
.portfolio .admin-tree-and-list > .tuple-list-togglable,
.admin .admin-float-tree > .tuple-list-togglable,
.data .admin-float-tree > .tuple-list-togglable,
.business .admin-float-tree > .tuple-list-togglable,
.objectRef .admin-float-tree > .tuple-list-togglable,
.portfolio .admin-float-tree > .tuple-list-togglable {
  position: fixed;
  left: 72px;
  right: inherit;
  bottom: inherit;
  height: calc(100% - 64px - 16px);
  top: 64px;
  max-width: 70%;
  min-width: 345px;
  width: auto;
  border: 1px solid #bdbdbd;
  border-left: none;
  padding: 0 24px 0 0;
  z-index: 444;
}
.admin .admin-tree-and-list > .tuple-list-togglable > .tuple-expander,
.data .admin-tree-and-list > .tuple-list-togglable > .tuple-expander,
.business .admin-tree-and-list > .tuple-list-togglable > .tuple-expander,
.objectRef .admin-tree-and-list > .tuple-list-togglable > .tuple-expander,
.portfolio .admin-tree-and-list > .tuple-list-togglable > .tuple-expander,
.admin .admin-float-tree > .tuple-list-togglable > .tuple-expander,
.data .admin-float-tree > .tuple-list-togglable > .tuple-expander,
.business .admin-float-tree > .tuple-list-togglable > .tuple-expander,
.objectRef .admin-float-tree > .tuple-list-togglable > .tuple-expander,
.portfolio .admin-float-tree > .tuple-list-togglable > .tuple-expander {
  position: absolute;
  top: 6px;
  left: 6px;
  right: inherit;
  z-index: 445;
}
.admin .admin-tree-and-list > .tuple-list-togglable > .tuple-expander.tuples-hidden,
.data .admin-tree-and-list > .tuple-list-togglable > .tuple-expander.tuples-hidden,
.business .admin-tree-and-list > .tuple-list-togglable > .tuple-expander.tuples-hidden,
.objectRef .admin-tree-and-list > .tuple-list-togglable > .tuple-expander.tuples-hidden,
.portfolio .admin-tree-and-list > .tuple-list-togglable > .tuple-expander.tuples-hidden,
.admin .admin-float-tree > .tuple-list-togglable > .tuple-expander.tuples-hidden,
.data .admin-float-tree > .tuple-list-togglable > .tuple-expander.tuples-hidden,
.business .admin-float-tree > .tuple-list-togglable > .tuple-expander.tuples-hidden,
.objectRef .admin-float-tree > .tuple-list-togglable > .tuple-expander.tuples-hidden,
.portfolio .admin-float-tree > .tuple-list-togglable > .tuple-expander.tuples-hidden {
  display: none;
  opacity: 0;
}
.admin .admin-tree-and-list > .tuple-list-togglable > .tuple-expander > i,
.data .admin-tree-and-list > .tuple-list-togglable > .tuple-expander > i,
.business .admin-tree-and-list > .tuple-list-togglable > .tuple-expander > i,
.objectRef .admin-tree-and-list > .tuple-list-togglable > .tuple-expander > i,
.portfolio .admin-tree-and-list > .tuple-list-togglable > .tuple-expander > i,
.admin .admin-float-tree > .tuple-list-togglable > .tuple-expander > i,
.data .admin-float-tree > .tuple-list-togglable > .tuple-expander > i,
.business .admin-float-tree > .tuple-list-togglable > .tuple-expander > i,
.objectRef .admin-float-tree > .tuple-list-togglable > .tuple-expander > i,
.portfolio .admin-float-tree > .tuple-list-togglable > .tuple-expander > i {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
}
.admin .admin-tree-and-list > .tuple-list-togglable.tuples-hidden,
.data .admin-tree-and-list > .tuple-list-togglable.tuples-hidden,
.business .admin-tree-and-list > .tuple-list-togglable.tuples-hidden,
.objectRef .admin-tree-and-list > .tuple-list-togglable.tuples-hidden,
.portfolio .admin-tree-and-list > .tuple-list-togglable.tuples-hidden,
.admin .admin-float-tree > .tuple-list-togglable.tuples-hidden,
.data .admin-float-tree > .tuple-list-togglable.tuples-hidden,
.business .admin-float-tree > .tuple-list-togglable.tuples-hidden,
.objectRef .admin-float-tree > .tuple-list-togglable.tuples-hidden,
.portfolio .admin-float-tree > .tuple-list-togglable.tuples-hidden {
  -webkit-transform: translateX(calc(36px - 100%));
  -moz-transform: translateX(calc(36px - 100%));
  -ms-transform: translateX(calc(36px - 100%));
  -o-transform: translateX(calc(36px - 100%));
}
.admin .admin-tree-and-list > .tuple-list-togglable > .right-toggle-bar,
.data .admin-tree-and-list > .tuple-list-togglable > .right-toggle-bar,
.business .admin-tree-and-list > .tuple-list-togglable > .right-toggle-bar,
.objectRef .admin-tree-and-list > .tuple-list-togglable > .right-toggle-bar,
.portfolio .admin-tree-and-list > .tuple-list-togglable > .right-toggle-bar,
.admin .admin-float-tree > .tuple-list-togglable > .right-toggle-bar,
.data .admin-float-tree > .tuple-list-togglable > .right-toggle-bar,
.business .admin-float-tree > .tuple-list-togglable > .right-toggle-bar,
.objectRef .admin-float-tree > .tuple-list-togglable > .right-toggle-bar,
.portfolio .admin-float-tree > .tuple-list-togglable > .right-toggle-bar {
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  height: 100%;
  border-left: 1px solid #074876;
  z-index: 445;
  cursor: pointer;
}
.admin .admin-tree-and-list > .tuple-list-togglable > .right-toggle-bar:hover,
.data .admin-tree-and-list > .tuple-list-togglable > .right-toggle-bar:hover,
.business .admin-tree-and-list > .tuple-list-togglable > .right-toggle-bar:hover,
.objectRef .admin-tree-and-list > .tuple-list-togglable > .right-toggle-bar:hover,
.portfolio .admin-tree-and-list > .tuple-list-togglable > .right-toggle-bar:hover,
.admin .admin-float-tree > .tuple-list-togglable > .right-toggle-bar:hover,
.data .admin-float-tree > .tuple-list-togglable > .right-toggle-bar:hover,
.business .admin-float-tree > .tuple-list-togglable > .right-toggle-bar:hover,
.objectRef .admin-float-tree > .tuple-list-togglable > .right-toggle-bar:hover,
.portfolio .admin-float-tree > .tuple-list-togglable > .right-toggle-bar:hover {
  background-color: #074876;
  color: white;
  transition: 0.5s;
}
.admin .admin-tree-and-list > .tuple-list-togglable > .right-toggle-bar:hover > .tuple-expander > i,
.data .admin-tree-and-list > .tuple-list-togglable > .right-toggle-bar:hover > .tuple-expander > i,
.business .admin-tree-and-list > .tuple-list-togglable > .right-toggle-bar:hover > .tuple-expander > i,
.objectRef .admin-tree-and-list > .tuple-list-togglable > .right-toggle-bar:hover > .tuple-expander > i,
.portfolio .admin-tree-and-list > .tuple-list-togglable > .right-toggle-bar:hover > .tuple-expander > i,
.admin .admin-float-tree > .tuple-list-togglable > .right-toggle-bar:hover > .tuple-expander > i,
.data .admin-float-tree > .tuple-list-togglable > .right-toggle-bar:hover > .tuple-expander > i,
.business .admin-float-tree > .tuple-list-togglable > .right-toggle-bar:hover > .tuple-expander > i,
.objectRef .admin-float-tree > .tuple-list-togglable > .right-toggle-bar:hover > .tuple-expander > i,
.portfolio .admin-float-tree > .tuple-list-togglable > .right-toggle-bar:hover > .tuple-expander > i {
  color: white !important;
}
.admin .admin-tree-and-list > .tuple-list-togglable > .right-toggle-bar:active,
.data .admin-tree-and-list > .tuple-list-togglable > .right-toggle-bar:active,
.business .admin-tree-and-list > .tuple-list-togglable > .right-toggle-bar:active,
.objectRef .admin-tree-and-list > .tuple-list-togglable > .right-toggle-bar:active,
.portfolio .admin-tree-and-list > .tuple-list-togglable > .right-toggle-bar:active,
.admin .admin-float-tree > .tuple-list-togglable > .right-toggle-bar:active,
.data .admin-float-tree > .tuple-list-togglable > .right-toggle-bar:active,
.business .admin-float-tree > .tuple-list-togglable > .right-toggle-bar:active,
.objectRef .admin-float-tree > .tuple-list-togglable > .right-toggle-bar:active,
.portfolio .admin-float-tree > .tuple-list-togglable > .right-toggle-bar:active {
  background-color: #ffffff;
}
.admin .admin-tree-and-list > .tuple-list-togglable > .right-toggle-bar:active > .tuple-expander > i,
.data .admin-tree-and-list > .tuple-list-togglable > .right-toggle-bar:active > .tuple-expander > i,
.business .admin-tree-and-list > .tuple-list-togglable > .right-toggle-bar:active > .tuple-expander > i,
.objectRef .admin-tree-and-list > .tuple-list-togglable > .right-toggle-bar:active > .tuple-expander > i,
.portfolio .admin-tree-and-list > .tuple-list-togglable > .right-toggle-bar:active > .tuple-expander > i,
.admin .admin-float-tree > .tuple-list-togglable > .right-toggle-bar:active > .tuple-expander > i,
.data .admin-float-tree > .tuple-list-togglable > .right-toggle-bar:active > .tuple-expander > i,
.business .admin-float-tree > .tuple-list-togglable > .right-toggle-bar:active > .tuple-expander > i,
.objectRef .admin-float-tree > .tuple-list-togglable > .right-toggle-bar:active > .tuple-expander > i,
.portfolio .admin-float-tree > .tuple-list-togglable > .right-toggle-bar:active > .tuple-expander > i {
  color: white !important;
}
.admin .admin-tree-and-list > .tuple-list-togglable > .right-toggle-bar > .tuple-expander,
.data .admin-tree-and-list > .tuple-list-togglable > .right-toggle-bar > .tuple-expander,
.business .admin-tree-and-list > .tuple-list-togglable > .right-toggle-bar > .tuple-expander,
.objectRef .admin-tree-and-list > .tuple-list-togglable > .right-toggle-bar > .tuple-expander,
.portfolio .admin-tree-and-list > .tuple-list-togglable > .right-toggle-bar > .tuple-expander,
.admin .admin-float-tree > .tuple-list-togglable > .right-toggle-bar > .tuple-expander,
.data .admin-float-tree > .tuple-list-togglable > .right-toggle-bar > .tuple-expander,
.business .admin-float-tree > .tuple-list-togglable > .right-toggle-bar > .tuple-expander,
.objectRef .admin-float-tree > .tuple-list-togglable > .right-toggle-bar > .tuple-expander,
.portfolio .admin-float-tree > .tuple-list-togglable > .right-toggle-bar > .tuple-expander {
  position: absolute;
  margin: 0;
  padding: 0;
  right: inherit;
  top: 50%;
  z-index: 446;
  text-align: right;
}
.admin .admin-tree-and-list > .tuple-list-togglable > .right-toggle-bar > .tuple-expander.tuples-hidden,
.data .admin-tree-and-list > .tuple-list-togglable > .right-toggle-bar > .tuple-expander.tuples-hidden,
.business .admin-tree-and-list > .tuple-list-togglable > .right-toggle-bar > .tuple-expander.tuples-hidden,
.objectRef .admin-tree-and-list > .tuple-list-togglable > .right-toggle-bar > .tuple-expander.tuples-hidden,
.portfolio .admin-tree-and-list > .tuple-list-togglable > .right-toggle-bar > .tuple-expander.tuples-hidden,
.admin .admin-float-tree > .tuple-list-togglable > .right-toggle-bar > .tuple-expander.tuples-hidden,
.data .admin-float-tree > .tuple-list-togglable > .right-toggle-bar > .tuple-expander.tuples-hidden,
.business .admin-float-tree > .tuple-list-togglable > .right-toggle-bar > .tuple-expander.tuples-hidden,
.objectRef .admin-float-tree > .tuple-list-togglable > .right-toggle-bar > .tuple-expander.tuples-hidden,
.portfolio .admin-float-tree > .tuple-list-togglable > .right-toggle-bar > .tuple-expander.tuples-hidden {
  background-color: #074876;
  color: white;
  -webkit-transform: inherit;
  -moz-transform: inherit;
  -ms-transform: inherit;
  -o-transform: inherit;
}
.admin .admin-tree-and-list > .tuple-list-togglable > .right-toggle-bar > .tuple-expander.tuples-hidden > i,
.data .admin-tree-and-list > .tuple-list-togglable > .right-toggle-bar > .tuple-expander.tuples-hidden > i,
.business .admin-tree-and-list > .tuple-list-togglable > .right-toggle-bar > .tuple-expander.tuples-hidden > i,
.objectRef .admin-tree-and-list > .tuple-list-togglable > .right-toggle-bar > .tuple-expander.tuples-hidden > i,
.portfolio .admin-tree-and-list > .tuple-list-togglable > .right-toggle-bar > .tuple-expander.tuples-hidden > i,
.admin .admin-float-tree > .tuple-list-togglable > .right-toggle-bar > .tuple-expander.tuples-hidden > i,
.data .admin-float-tree > .tuple-list-togglable > .right-toggle-bar > .tuple-expander.tuples-hidden > i,
.business .admin-float-tree > .tuple-list-togglable > .right-toggle-bar > .tuple-expander.tuples-hidden > i,
.objectRef .admin-float-tree > .tuple-list-togglable > .right-toggle-bar > .tuple-expander.tuples-hidden > i,
.portfolio .admin-float-tree > .tuple-list-togglable > .right-toggle-bar > .tuple-expander.tuples-hidden > i {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.admin .admin-tree-and-list > .tuple-list-togglable > .right-toggle-bar > .tuple-expander > i,
.data .admin-tree-and-list > .tuple-list-togglable > .right-toggle-bar > .tuple-expander > i,
.business .admin-tree-and-list > .tuple-list-togglable > .right-toggle-bar > .tuple-expander > i,
.objectRef .admin-tree-and-list > .tuple-list-togglable > .right-toggle-bar > .tuple-expander > i,
.portfolio .admin-tree-and-list > .tuple-list-togglable > .right-toggle-bar > .tuple-expander > i,
.admin .admin-float-tree > .tuple-list-togglable > .right-toggle-bar > .tuple-expander > i,
.data .admin-float-tree > .tuple-list-togglable > .right-toggle-bar > .tuple-expander > i,
.business .admin-float-tree > .tuple-list-togglable > .right-toggle-bar > .tuple-expander > i,
.objectRef .admin-float-tree > .tuple-list-togglable > .right-toggle-bar > .tuple-expander > i,
.portfolio .admin-float-tree > .tuple-list-togglable > .right-toggle-bar > .tuple-expander > i {
  -webkit-transition: font-size 0s;
  transition: font-size 0s;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
}
.admin .admin-tree-and-list > .tuple-list-togglable > .tuple-list-togglable-inner,
.data .admin-tree-and-list > .tuple-list-togglable > .tuple-list-togglable-inner,
.business .admin-tree-and-list > .tuple-list-togglable > .tuple-list-togglable-inner,
.objectRef .admin-tree-and-list > .tuple-list-togglable > .tuple-list-togglable-inner,
.portfolio .admin-tree-and-list > .tuple-list-togglable > .tuple-list-togglable-inner,
.admin .admin-float-tree > .tuple-list-togglable > .tuple-list-togglable-inner,
.data .admin-float-tree > .tuple-list-togglable > .tuple-list-togglable-inner,
.business .admin-float-tree > .tuple-list-togglable > .tuple-list-togglable-inner,
.objectRef .admin-float-tree > .tuple-list-togglable > .tuple-list-togglable-inner,
.portfolio .admin-float-tree > .tuple-list-togglable > .tuple-list-togglable-inner {
  height: calc(100%);
}
.admin .admin-tree-and-list > .tuple-list-togglable > .tuple-list-togglable-inner > h3,
.data .admin-tree-and-list > .tuple-list-togglable > .tuple-list-togglable-inner > h3,
.business .admin-tree-and-list > .tuple-list-togglable > .tuple-list-togglable-inner > h3,
.objectRef .admin-tree-and-list > .tuple-list-togglable > .tuple-list-togglable-inner > h3,
.portfolio .admin-tree-and-list > .tuple-list-togglable > .tuple-list-togglable-inner > h3,
.admin .admin-float-tree > .tuple-list-togglable > .tuple-list-togglable-inner > h3,
.data .admin-float-tree > .tuple-list-togglable > .tuple-list-togglable-inner > h3,
.business .admin-float-tree > .tuple-list-togglable > .tuple-list-togglable-inner > h3,
.objectRef .admin-float-tree > .tuple-list-togglable > .tuple-list-togglable-inner > h3,
.portfolio .admin-float-tree > .tuple-list-togglable > .tuple-list-togglable-inner > h3 {
  line-height: 36px;
  text-align: center;
}
.admin .admin-tree-and-list > .tuple-list-togglable > .tuple-list-togglable-inner > h3:hover,
.data .admin-tree-and-list > .tuple-list-togglable > .tuple-list-togglable-inner > h3:hover,
.business .admin-tree-and-list > .tuple-list-togglable > .tuple-list-togglable-inner > h3:hover,
.objectRef .admin-tree-and-list > .tuple-list-togglable > .tuple-list-togglable-inner > h3:hover,
.portfolio .admin-tree-and-list > .tuple-list-togglable > .tuple-list-togglable-inner > h3:hover,
.admin .admin-float-tree > .tuple-list-togglable > .tuple-list-togglable-inner > h3:hover,
.data .admin-float-tree > .tuple-list-togglable > .tuple-list-togglable-inner > h3:hover,
.business .admin-float-tree > .tuple-list-togglable > .tuple-list-togglable-inner > h3:hover,
.objectRef .admin-float-tree > .tuple-list-togglable > .tuple-list-togglable-inner > h3:hover,
.portfolio .admin-float-tree > .tuple-list-togglable > .tuple-list-togglable-inner > h3:hover {
  background: #074876;
  color: white;
}
.admin .admin-tree-and-list > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container,
.data .admin-tree-and-list > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container,
.business .admin-tree-and-list > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container,
.objectRef .admin-tree-and-list > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container,
.portfolio .admin-tree-and-list > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container,
.admin .admin-float-tree > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container,
.data .admin-float-tree > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container,
.business .admin-float-tree > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container,
.objectRef .admin-float-tree > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container,
.portfolio .admin-float-tree > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container {
  height: calc(100% - 36px);
}
.admin .admin-tree-and-list > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container > .vertical-configuration,
.data .admin-tree-and-list > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container > .vertical-configuration,
.business .admin-tree-and-list > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container > .vertical-configuration,
.objectRef .admin-tree-and-list > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container > .vertical-configuration,
.portfolio .admin-tree-and-list > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container > .vertical-configuration,
.admin .admin-float-tree > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container > .vertical-configuration,
.data .admin-float-tree > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container > .vertical-configuration,
.business .admin-float-tree > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container > .vertical-configuration,
.objectRef .admin-float-tree > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container > .vertical-configuration,
.portfolio .admin-float-tree > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container > .vertical-configuration {
  height: calc(100%);
}
.admin .admin-tree-and-list > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container > .vertical-configuration > .main.relative-container > .tree-breadcrumbs,
.data .admin-tree-and-list > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container > .vertical-configuration > .main.relative-container > .tree-breadcrumbs,
.business .admin-tree-and-list > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container > .vertical-configuration > .main.relative-container > .tree-breadcrumbs,
.objectRef .admin-tree-and-list > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container > .vertical-configuration > .main.relative-container > .tree-breadcrumbs,
.portfolio .admin-tree-and-list > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container > .vertical-configuration > .main.relative-container > .tree-breadcrumbs,
.admin .admin-float-tree > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container > .vertical-configuration > .main.relative-container > .tree-breadcrumbs,
.data .admin-float-tree > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container > .vertical-configuration > .main.relative-container > .tree-breadcrumbs,
.business .admin-float-tree > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container > .vertical-configuration > .main.relative-container > .tree-breadcrumbs,
.objectRef .admin-float-tree > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container > .vertical-configuration > .main.relative-container > .tree-breadcrumbs,
.portfolio .admin-float-tree > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container > .vertical-configuration > .main.relative-container > .tree-breadcrumbs {
  background: rgba(0, 0, 0, 0.04);
  width: 100%;
  border-right: inherit;
  border-top: 1px solid #bdbdbd;
}
.admin .admin-tree-and-list > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container > .vertical-configuration > .main.relative-container > .tree-container,
.data .admin-tree-and-list > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container > .vertical-configuration > .main.relative-container > .tree-container,
.business .admin-tree-and-list > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container > .vertical-configuration > .main.relative-container > .tree-container,
.objectRef .admin-tree-and-list > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container > .vertical-configuration > .main.relative-container > .tree-container,
.portfolio .admin-tree-and-list > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container > .vertical-configuration > .main.relative-container > .tree-container,
.admin .admin-float-tree > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container > .vertical-configuration > .main.relative-container > .tree-container,
.data .admin-float-tree > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container > .vertical-configuration > .main.relative-container > .tree-container,
.business .admin-float-tree > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container > .vertical-configuration > .main.relative-container > .tree-container,
.objectRef .admin-float-tree > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container > .vertical-configuration > .main.relative-container > .tree-container,
.portfolio .admin-float-tree > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container > .vertical-configuration > .main.relative-container > .tree-container {
  padding: 20px 20px 10px 20px;
}
.admin .admin-tree-and-list > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container > .vertical-configuration > .main.relative-container > .tree-container:not(.mCS_no_scrollbar),
.data .admin-tree-and-list > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container > .vertical-configuration > .main.relative-container > .tree-container:not(.mCS_no_scrollbar),
.business .admin-tree-and-list > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container > .vertical-configuration > .main.relative-container > .tree-container:not(.mCS_no_scrollbar),
.objectRef .admin-tree-and-list > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container > .vertical-configuration > .main.relative-container > .tree-container:not(.mCS_no_scrollbar),
.portfolio .admin-tree-and-list > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container > .vertical-configuration > .main.relative-container > .tree-container:not(.mCS_no_scrollbar),
.admin .admin-float-tree > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container > .vertical-configuration > .main.relative-container > .tree-container:not(.mCS_no_scrollbar),
.data .admin-float-tree > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container > .vertical-configuration > .main.relative-container > .tree-container:not(.mCS_no_scrollbar),
.business .admin-float-tree > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container > .vertical-configuration > .main.relative-container > .tree-container:not(.mCS_no_scrollbar),
.objectRef .admin-float-tree > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container > .vertical-configuration > .main.relative-container > .tree-container:not(.mCS_no_scrollbar),
.portfolio .admin-float-tree > .tuple-list-togglable > .tuple-list-togglable-inner > .tuple-list-container > .vertical-configuration > .main.relative-container > .tree-container:not(.mCS_no_scrollbar) {
  border-bottom: none;
}
.admin .admin-tree-and-list .vertical-configuration,
.data .admin-tree-and-list .vertical-configuration,
.business .admin-tree-and-list .vertical-configuration,
.objectRef .admin-tree-and-list .vertical-configuration,
.portfolio .admin-tree-and-list .vertical-configuration,
.admin .admin-float-tree .vertical-configuration,
.data .admin-float-tree .vertical-configuration,
.business .admin-float-tree .vertical-configuration,
.objectRef .admin-float-tree .vertical-configuration,
.portfolio .admin-float-tree .vertical-configuration {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  overflow: auto;
}
.admin .admin-tree-and-list .vertical-configuration .main,
.data .admin-tree-and-list .vertical-configuration .main,
.business .admin-tree-and-list .vertical-configuration .main,
.objectRef .admin-tree-and-list .vertical-configuration .main,
.portfolio .admin-tree-and-list .vertical-configuration .main,
.admin .admin-float-tree .vertical-configuration .main,
.data .admin-float-tree .vertical-configuration .main,
.business .admin-float-tree .vertical-configuration .main,
.objectRef .admin-float-tree .vertical-configuration .main,
.portfolio .admin-float-tree .vertical-configuration .main {
  padding: 0;
  border-bottom: none;
}
.admin .admin-tree-and-list .vertical-configuration .main .tree-breadcrumbs,
.data .admin-tree-and-list .vertical-configuration .main .tree-breadcrumbs,
.business .admin-tree-and-list .vertical-configuration .main .tree-breadcrumbs,
.objectRef .admin-tree-and-list .vertical-configuration .main .tree-breadcrumbs,
.portfolio .admin-tree-and-list .vertical-configuration .main .tree-breadcrumbs,
.admin .admin-float-tree .vertical-configuration .main .tree-breadcrumbs,
.data .admin-float-tree .vertical-configuration .main .tree-breadcrumbs,
.business .admin-float-tree .vertical-configuration .main .tree-breadcrumbs,
.objectRef .admin-float-tree .vertical-configuration .main .tree-breadcrumbs,
.portfolio .admin-float-tree .vertical-configuration .main .tree-breadcrumbs {
  position: absolute;
  left: 0;
  top: 0;
  background: white;
  border-bottom: 1px solid #bdbdbd;
  border-right: 1px solid #bdbdbd;
  z-index: 2;
  padding: 2px 7px;
  font-size: 10px;
}
.admin .admin-tree-and-list .vertical-configuration .main .tree-breadcrumbs a,
.data .admin-tree-and-list .vertical-configuration .main .tree-breadcrumbs a,
.business .admin-tree-and-list .vertical-configuration .main .tree-breadcrumbs a,
.objectRef .admin-tree-and-list .vertical-configuration .main .tree-breadcrumbs a,
.portfolio .admin-tree-and-list .vertical-configuration .main .tree-breadcrumbs a,
.admin .admin-float-tree .vertical-configuration .main .tree-breadcrumbs a,
.data .admin-float-tree .vertical-configuration .main .tree-breadcrumbs a,
.business .admin-float-tree .vertical-configuration .main .tree-breadcrumbs a,
.objectRef .admin-float-tree .vertical-configuration .main .tree-breadcrumbs a,
.portfolio .admin-float-tree .vertical-configuration .main .tree-breadcrumbs a {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.admin .admin-tree-and-list .vertical-configuration .main .tree-breadcrumbs a:hover,
.data .admin-tree-and-list .vertical-configuration .main .tree-breadcrumbs a:hover,
.business .admin-tree-and-list .vertical-configuration .main .tree-breadcrumbs a:hover,
.objectRef .admin-tree-and-list .vertical-configuration .main .tree-breadcrumbs a:hover,
.portfolio .admin-tree-and-list .vertical-configuration .main .tree-breadcrumbs a:hover,
.admin .admin-float-tree .vertical-configuration .main .tree-breadcrumbs a:hover,
.data .admin-float-tree .vertical-configuration .main .tree-breadcrumbs a:hover,
.business .admin-float-tree .vertical-configuration .main .tree-breadcrumbs a:hover,
.objectRef .admin-float-tree .vertical-configuration .main .tree-breadcrumbs a:hover,
.portfolio .admin-float-tree .vertical-configuration .main .tree-breadcrumbs a:hover {
  color: #fb8c00;
}
.admin .admin-tree-and-list .vertical-configuration .main .tree-container,
.data .admin-tree-and-list .vertical-configuration .main .tree-container,
.business .admin-tree-and-list .vertical-configuration .main .tree-container,
.objectRef .admin-tree-and-list .vertical-configuration .main .tree-container,
.portfolio .admin-tree-and-list .vertical-configuration .main .tree-container,
.admin .admin-float-tree .vertical-configuration .main .tree-container,
.data .admin-float-tree .vertical-configuration .main .tree-container,
.business .admin-float-tree .vertical-configuration .main .tree-container,
.objectRef .admin-float-tree .vertical-configuration .main .tree-container,
.portfolio .admin-float-tree .vertical-configuration .main .tree-container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: auto;
  min-width: 300px;
  overflow-x: auto;
}
.admin .admin-tree-and-list .vertical-configuration .main .tree-container .column,
.data .admin-tree-and-list .vertical-configuration .main .tree-container .column,
.business .admin-tree-and-list .vertical-configuration .main .tree-container .column,
.objectRef .admin-tree-and-list .vertical-configuration .main .tree-container .column,
.portfolio .admin-tree-and-list .vertical-configuration .main .tree-container .column,
.admin .admin-float-tree .vertical-configuration .main .tree-container .column,
.data .admin-float-tree .vertical-configuration .main .tree-container .column,
.business .admin-float-tree .vertical-configuration .main .tree-container .column,
.objectRef .admin-float-tree .vertical-configuration .main .tree-container .column,
.portfolio .admin-float-tree .vertical-configuration .main .tree-container .column {
  -ms-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  min-width: 140px;
  margin: 0;
  border-right: 1px solid black;
  overflow: auto;
}
.admin .admin-tree-and-list .vertical-configuration .main .tree-container .column:before,
.data .admin-tree-and-list .vertical-configuration .main .tree-container .column:before,
.business .admin-tree-and-list .vertical-configuration .main .tree-container .column:before,
.objectRef .admin-tree-and-list .vertical-configuration .main .tree-container .column:before,
.portfolio .admin-tree-and-list .vertical-configuration .main .tree-container .column:before,
.admin .admin-float-tree .vertical-configuration .main .tree-container .column:before,
.data .admin-float-tree .vertical-configuration .main .tree-container .column:before,
.business .admin-float-tree .vertical-configuration .main .tree-container .column:before,
.objectRef .admin-float-tree .vertical-configuration .main .tree-container .column:before,
.portfolio .admin-float-tree .vertical-configuration .main .tree-container .column:before {
  content: normal;
  position: static;
}
.admin .admin-tree-and-list .vertical-configuration .main .tree-container .column a,
.data .admin-tree-and-list .vertical-configuration .main .tree-container .column a,
.business .admin-tree-and-list .vertical-configuration .main .tree-container .column a,
.objectRef .admin-tree-and-list .vertical-configuration .main .tree-container .column a,
.portfolio .admin-tree-and-list .vertical-configuration .main .tree-container .column a,
.admin .admin-float-tree .vertical-configuration .main .tree-container .column a,
.data .admin-float-tree .vertical-configuration .main .tree-container .column a,
.business .admin-float-tree .vertical-configuration .main .tree-container .column a,
.objectRef .admin-float-tree .vertical-configuration .main .tree-container .column a,
.portfolio .admin-float-tree .vertical-configuration .main .tree-container .column a {
  height: 25px !important;
  padding-left: 11px;
}
.admin .admin-tree-and-list .vertical-configuration .main .tree-container .column a:first-child,
.data .admin-tree-and-list .vertical-configuration .main .tree-container .column a:first-child,
.business .admin-tree-and-list .vertical-configuration .main .tree-container .column a:first-child,
.objectRef .admin-tree-and-list .vertical-configuration .main .tree-container .column a:first-child,
.portfolio .admin-tree-and-list .vertical-configuration .main .tree-container .column a:first-child,
.admin .admin-float-tree .vertical-configuration .main .tree-container .column a:first-child,
.data .admin-float-tree .vertical-configuration .main .tree-container .column a:first-child,
.business .admin-float-tree .vertical-configuration .main .tree-container .column a:first-child,
.objectRef .admin-float-tree .vertical-configuration .main .tree-container .column a:first-child,
.portfolio .admin-float-tree .vertical-configuration .main .tree-container .column a:first-child {
  margin-top: 25px;
}
.admin .admin-tree-and-list .vertical-configuration .main .tree-container .column a:hover,
.data .admin-tree-and-list .vertical-configuration .main .tree-container .column a:hover,
.business .admin-tree-and-list .vertical-configuration .main .tree-container .column a:hover,
.objectRef .admin-tree-and-list .vertical-configuration .main .tree-container .column a:hover,
.portfolio .admin-tree-and-list .vertical-configuration .main .tree-container .column a:hover,
.admin .admin-float-tree .vertical-configuration .main .tree-container .column a:hover,
.data .admin-float-tree .vertical-configuration .main .tree-container .column a:hover,
.business .admin-float-tree .vertical-configuration .main .tree-container .column a:hover,
.objectRef .admin-float-tree .vertical-configuration .main .tree-container .column a:hover,
.portfolio .admin-float-tree .vertical-configuration .main .tree-container .column a:hover {
  background: #074876;
  color: white;
}
.admin .admin-tree-and-list .vertical-configuration .main .tree-container .column a.active,
.data .admin-tree-and-list .vertical-configuration .main .tree-container .column a.active,
.business .admin-tree-and-list .vertical-configuration .main .tree-container .column a.active,
.objectRef .admin-tree-and-list .vertical-configuration .main .tree-container .column a.active,
.portfolio .admin-tree-and-list .vertical-configuration .main .tree-container .column a.active,
.admin .admin-float-tree .vertical-configuration .main .tree-container .column a.active,
.data .admin-float-tree .vertical-configuration .main .tree-container .column a.active,
.business .admin-float-tree .vertical-configuration .main .tree-container .column a.active,
.objectRef .admin-float-tree .vertical-configuration .main .tree-container .column a.active,
.portfolio .admin-float-tree .vertical-configuration .main .tree-container .column a.active {
  background: #074876;
  color: white;
}
.admin .admin-tree-and-list .vertical-configuration .main .tree-container .column a .group,
.data .admin-tree-and-list .vertical-configuration .main .tree-container .column a .group,
.business .admin-tree-and-list .vertical-configuration .main .tree-container .column a .group,
.objectRef .admin-tree-and-list .vertical-configuration .main .tree-container .column a .group,
.portfolio .admin-tree-and-list .vertical-configuration .main .tree-container .column a .group,
.admin .admin-float-tree .vertical-configuration .main .tree-container .column a .group,
.data .admin-float-tree .vertical-configuration .main .tree-container .column a .group,
.business .admin-float-tree .vertical-configuration .main .tree-container .column a .group,
.objectRef .admin-float-tree .vertical-configuration .main .tree-container .column a .group,
.portfolio .admin-float-tree .vertical-configuration .main .tree-container .column a .group {
  font-weight: 400;
  font-size: 14px;
  background-color: transparent;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-right: 15px;
  white-space: nowrap;
}
.admin .admin-tree-and-list .vertical-configuration .main .tree-container .column a .group i,
.data .admin-tree-and-list .vertical-configuration .main .tree-container .column a .group i,
.business .admin-tree-and-list .vertical-configuration .main .tree-container .column a .group i,
.objectRef .admin-tree-and-list .vertical-configuration .main .tree-container .column a .group i,
.portfolio .admin-tree-and-list .vertical-configuration .main .tree-container .column a .group i,
.admin .admin-float-tree .vertical-configuration .main .tree-container .column a .group i,
.data .admin-float-tree .vertical-configuration .main .tree-container .column a .group i,
.business .admin-float-tree .vertical-configuration .main .tree-container .column a .group i,
.objectRef .admin-float-tree .vertical-configuration .main .tree-container .column a .group i,
.portfolio .admin-float-tree .vertical-configuration .main .tree-container .column a .group i {
  margin-left: 5px;
  margin-right: -15px;
}
.admin .admin-tree-and-list .vertical-configuration i.icon.mdi-av-play-arrow,
.data .admin-tree-and-list .vertical-configuration i.icon.mdi-av-play-arrow,
.business .admin-tree-and-list .vertical-configuration i.icon.mdi-av-play-arrow,
.objectRef .admin-tree-and-list .vertical-configuration i.icon.mdi-av-play-arrow,
.portfolio .admin-tree-and-list .vertical-configuration i.icon.mdi-av-play-arrow,
.admin .admin-float-tree .vertical-configuration i.icon.mdi-av-play-arrow,
.data .admin-float-tree .vertical-configuration i.icon.mdi-av-play-arrow,
.business .admin-float-tree .vertical-configuration i.icon.mdi-av-play-arrow,
.objectRef .admin-float-tree .vertical-configuration i.icon.mdi-av-play-arrow,
.portfolio .admin-float-tree .vertical-configuration i.icon.mdi-av-play-arrow {
  font-size: 10px;
  line-height: 25px;
}
.admin .admin-tree-and-list .vertical-configuration .column > a > .group,
.data .admin-tree-and-list .vertical-configuration .column > a > .group,
.business .admin-tree-and-list .vertical-configuration .column > a > .group,
.objectRef .admin-tree-and-list .vertical-configuration .column > a > .group,
.portfolio .admin-tree-and-list .vertical-configuration .column > a > .group,
.admin .admin-float-tree .vertical-configuration .column > a > .group,
.data .admin-float-tree .vertical-configuration .column > a > .group,
.business .admin-float-tree .vertical-configuration .column > a > .group,
.objectRef .admin-float-tree .vertical-configuration .column > a > .group,
.portfolio .admin-float-tree .vertical-configuration .column > a > .group {
  height: 25px;
  line-height: 25px;
}
.admin .add-edit,
.data .add-edit,
.business .add-edit,
.objectRef .add-edit,
.portfolio .add-edit {
  position: relative;
  background: white;
  margin-top: 10px;
  padding: 20px 30px 35px;
}
.admin .add-edit:after,
.data .add-edit:after,
.business .add-edit:after,
.objectRef .add-edit:after,
.portfolio .add-edit:after {
  content: '';
  clear: both;
  display: table;
}
.admin .add-edit:before,
.data .add-edit:before,
.business .add-edit:before,
.objectRef .add-edit:before,
.portfolio .add-edit:before {
  content: '';
  clear: both;
}
.admin .add-edit .admin-header,
.data .add-edit .admin-header,
.business .add-edit .admin-header,
.objectRef .add-edit .admin-header,
.portfolio .add-edit .admin-header {
  line-height: 1;
}
.admin .add-edit .admin-header .steps,
.data .add-edit .admin-header .steps,
.business .add-edit .admin-header .steps,
.objectRef .add-edit .admin-header .steps,
.portfolio .add-edit .admin-header .steps {
  font-size: 15px;
}
.admin .add-edit .admin-header .steps li:before,
.data .add-edit .admin-header .steps li:before,
.business .add-edit .admin-header .steps li:before,
.objectRef .add-edit .admin-header .steps li:before,
.portfolio .add-edit .admin-header .steps li:before {
  content: '';
  width: 8px;
  height: 8px;
  border: 1px solid black;
  display: inline-block;
  vertical-align: middle;
  line-height: 11px;
  margin-bottom: 2px;
  margin-right: 5px;
}
.admin .add-edit .admin-header .steps li.active,
.data .add-edit .admin-header .steps li.active,
.business .add-edit .admin-header .steps li.active,
.objectRef .add-edit .admin-header .steps li.active,
.portfolio .add-edit .admin-header .steps li.active {
  pointe-events: none;
}
.admin .add-edit .admin-header .steps li.active,
.data .add-edit .admin-header .steps li.active,
.business .add-edit .admin-header .steps li.active,
.objectRef .add-edit .admin-header .steps li.active,
.portfolio .add-edit .admin-header .steps li.active,
.admin .add-edit .admin-header .steps li:hover,
.data .add-edit .admin-header .steps li:hover,
.business .add-edit .admin-header .steps li:hover,
.objectRef .add-edit .admin-header .steps li:hover,
.portfolio .add-edit .admin-header .steps li:hover {
  color: #fb8c00;
}
.admin .add-edit .admin-header .steps li.active:before,
.data .add-edit .admin-header .steps li.active:before,
.business .add-edit .admin-header .steps li.active:before,
.objectRef .add-edit .admin-header .steps li.active:before,
.portfolio .add-edit .admin-header .steps li.active:before,
.admin .add-edit .admin-header .steps li:hover:before,
.data .add-edit .admin-header .steps li:hover:before,
.business .add-edit .admin-header .steps li:hover:before,
.objectRef .add-edit .admin-header .steps li:hover:before,
.portfolio .add-edit .admin-header .steps li:hover:before {
  background: #fb8c00 !important;
  border: none;
}
.admin .add-edit .admin-header .steps li.done:before,
.data .add-edit .admin-header .steps li.done:before,
.business .add-edit .admin-header .steps li.done:before,
.objectRef .add-edit .admin-header .steps li.done:before,
.portfolio .add-edit .admin-header .steps li.done:before {
  background: black;
}
.admin .add-edit .admin-header .admin-form,
.data .add-edit .admin-header .admin-form,
.business .add-edit .admin-header .admin-form,
.objectRef .add-edit .admin-header .admin-form,
.portfolio .add-edit .admin-header .admin-form {
  margin-bottom: 15px;
}
.admin .add-edit .admin-header .admin-form .point-configuration,
.data .add-edit .admin-header .admin-form .point-configuration,
.business .add-edit .admin-header .admin-form .point-configuration,
.objectRef .add-edit .admin-header .admin-form .point-configuration,
.portfolio .add-edit .admin-header .admin-form .point-configuration {
  margin-top: 50px;
}
.admin .add-edit .bottom-right-button,
.data .add-edit .bottom-right-button,
.business .add-edit .bottom-right-button,
.objectRef .add-edit .bottom-right-button,
.portfolio .add-edit .bottom-right-button {
  float: right;
}
.admin .add-edit .bottom-left-button,
.data .add-edit .bottom-left-button,
.business .add-edit .bottom-left-button,
.objectRef .add-edit .bottom-left-button,
.portfolio .add-edit .bottom-left-button {
  float: left;
}
.admin .add-edit .bottom-left-button,
.data .add-edit .bottom-left-button,
.business .add-edit .bottom-left-button,
.objectRef .add-edit .bottom-left-button,
.portfolio .add-edit .bottom-left-button,
.admin .add-edit .bottom-right-button,
.data .add-edit .bottom-right-button,
.business .add-edit .bottom-right-button,
.objectRef .add-edit .bottom-right-button,
.portfolio .add-edit .bottom-right-button {
  margin-top: 20px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.admin .add-edit .bottom-left-button:hover,
.data .add-edit .bottom-left-button:hover,
.business .add-edit .bottom-left-button:hover,
.objectRef .add-edit .bottom-left-button:hover,
.portfolio .add-edit .bottom-left-button:hover,
.admin .add-edit .bottom-right-button:hover,
.data .add-edit .bottom-right-button:hover,
.business .add-edit .bottom-right-button:hover,
.objectRef .add-edit .bottom-right-button:hover,
.portfolio .add-edit .bottom-right-button:hover {
  color: #fb8c00;
}
.admin .add-edit .bottom-left-button i,
.data .add-edit .bottom-left-button i,
.business .add-edit .bottom-left-button i,
.objectRef .add-edit .bottom-left-button i,
.portfolio .add-edit .bottom-left-button i,
.admin .add-edit .bottom-right-button i,
.data .add-edit .bottom-right-button i,
.business .add-edit .bottom-right-button i,
.objectRef .add-edit .bottom-right-button i,
.portfolio .add-edit .bottom-right-button i {
  font-size: 22px;
  line-height: 1;
  position: relative;
  top: 5px;
}
.admin-types.border-top {
  position: relative;
}
.admin-types.border-top:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin-left: -20px;
  margin-right: -20px;
  border-top: 1px solid black;
}
.admin-types .admin-header {
  text-align: right;
  line-height: 40px;
  font-size: .7vw;
  margin-left: auto;
}
.admin-types .admin-header.admin-header2 {
  line-height: 40px;
  font-size: 15px;
}
.admin-types .admin-header.admin-header3 {
  line-height: 40px;
  font-size: 14px;
}
.admin-types .admin-header > a {
  margin-left: 36px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.admin-types .admin-header > a.active,
.admin-types .admin-header > a:hover {
  color: #fb8c00;
}
.admin-types .admin-header > a:hover {
  color: #fb8c00 !important;
}
.admin-types .admin-header .steps {
  margin-top: 0;
}
.admin-types .add-view-container {
  margin-left: 22px;
}
.admin-types .add-view-container a.btn-floating {
  width: 30px;
  height: 30px;
  line-height: 34px;
}
.admin-types .add-view-container a.btn-floating i {
  font-size: 14px;
  line-height: normal;
}
.admin-types .table-container {
  margin-top: 10px;
  position: relative;
}
.admin-types .table-container .new-point-button-container {
  position: absolute;
  bottom: 100%;
  right: 23px;
}
.admin-types .table-container .new-point-button-container a.btn {
  height: 26px;
  line-height: 26px;
  font-size: 11px;
  vertical-align: middle;
  letter-spacing: 0.7px;
  padding: 1px 14px 0;
  margin-bottom: 0;
}
.admin-types .admin-header.disable-admin-header {
  opacity: 0.3;
}
.admin-types .admin-header.disable-admin-header > a {
  cursor: default;
}
.admin-types .admin-header.hide-admin-header {
  display: none;
  opacity: 0;
}
.admin-types .admin-header .view-dropdown {
  padding-bottom: 2px;
  margin-bottom: -2px;
  margin-left: 45px;
}
.admin-types .admin-header .view-dropdown .select-wrapper {
  width: 150px;
}
.admin-types .admin-header .view-dropdown .dropdown-button {
  white-space: nowrap;
  min-width: 230px;
  display: inline-block;
}
.admin-types .admin-header .view-dropdown .dropdown-button i {
  font-size: 26px;
  vertical-align: middle;
  margin-top: -10px;
}
.admin-types .admin-header .view-dropdown .dropdown-content {
  min-width: 230px !important;
}
.admin-types .admin-header .view-dropdown .dropdown-content li {
  position: relative;
}
.admin-types .admin-header .view-dropdown .dropdown-content li.active {
  font-weight: 600;
}
.admin-types .admin-header .view-dropdown .dropdown-content li .remove-view-button {
  position: absolute;
  right: 0;
  top: 0;
}
.admin-types .admin-header .view-dropdown .dropdown-content li .remove-view-button i {
  font-size: 22px;
}
.admin-types .admin-header .view-dropdown .dropdown-content li:hover {
  background-color: transparent;
}
.admin-types .admin-header .view-dropdown .dropdown-content li:hover a:first-child:hover {
  background-color: rgba(0, 0, 0, 0.07);
}
.admin-types .new-point-button-container {
  position: relative;
  float: right;
  z-index: 5;
}
.admin-types .table .row.sub_title .filter-input {
  right: 200px;
}
.admin-types .table .row.sub_title th.unit {
  min-width: 100px;
}
.admin-form .horizontal-blocks:after {
  content: '';
  clear: both;
  display: table;
}
.admin-form .horizontal-blocks:before {
  content: '';
  clear: both;
}
.admin-form .horizontal-blocks > .editing {
  width: 33%;
  padding: 7px;
}
.admin-form .horizontal-blocks > .editing > h6,
.admin-form .horizontal-blocks > .editing > .input-container {
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.admin-form span.placeholder {
  opacity: 0.5;
}
.admin-form .point-configuration-left {
  float: left;
}
.admin-form .point-configuration-right {
  float: right;
}
.admin-form li.preview > div:first-child,
.admin-form div.preview > div:first-child {
  width: 135px !important;
}
.admin-form .preview-expression > div:first-child {
  width: 125px;
  display: inline-block;
  margin-top: 20px;
}
.admin-form .preview-expression > span:nth-child(2) {
  width: calc(100%-126px);
}
.admin-form li.editing > div,
.admin-form li.preview > div,
.admin-form div.editing > div,
.admin-form div.preview > div,
.admin-form li.editing > span,
.admin-form li.preview > span,
.admin-form div.editing > span,
.admin-form div.preview > span {
  display: table-cell;
}
.admin-form li.editing > div:nth-child(2),
.admin-form li.preview > div:nth-child(2),
.admin-form div.editing > div:nth-child(2),
.admin-form div.preview > div:nth-child(2),
.admin-form li.editing > span:nth-child(2),
.admin-form li.preview > span:nth-child(2),
.admin-form div.editing > span:nth-child(2),
.admin-form div.preview > span:nth-child(2) {
  width: 100%;
  vertical-align: bottom;
}
.admin-form li.editing > div:nth-child(2).materialize-checkbox,
.admin-form li.preview > div:nth-child(2).materialize-checkbox,
.admin-form div.editing > div:nth-child(2).materialize-checkbox,
.admin-form div.preview > div:nth-child(2).materialize-checkbox,
.admin-form li.editing > span:nth-child(2).materialize-checkbox,
.admin-form li.preview > span:nth-child(2).materialize-checkbox,
.admin-form div.editing > span:nth-child(2).materialize-checkbox,
.admin-form div.preview > span:nth-child(2).materialize-checkbox {
  width: auto;
}
.admin-form li.editing > div:nth-child(3),
.admin-form li.preview > div:nth-child(3),
.admin-form div.editing > div:nth-child(3),
.admin-form div.preview > div:nth-child(3) {
  vertical-align: bottom;
  padding-left: 20px;
  min-width: 110px;
}
.admin-form li.editing.expression > span,
.admin-form li.preview.expression > span,
.admin-form div.editing.expression > span,
.admin-form div.preview.expression > span {
  display: none;
  margin-top: 31px;
  width: 124px;
}
.admin-form li.editing.expression .expression-container,
.admin-form li.preview.expression .expression-container,
.admin-form div.editing.expression .expression-container,
.admin-form div.preview.expression .expression-container {
  display: inline-block;
  white-space: normal;
}
.admin-form li.editing.expression .expression-container:not(.expression-container-inner),
.admin-form li.preview.expression .expression-container:not(.expression-container-inner),
.admin-form div.editing.expression .expression-container:not(.expression-container-inner),
.admin-form div.preview.expression .expression-container:not(.expression-container-inner) {
  width: calc(100% - 125px) !important;
  position: absolute;
  left: 0px;
  top: 60px;
}
.admin-form li.editing.expression .expression-container.expression-container-inner,
.admin-form li.preview.expression .expression-container.expression-container-inner,
.admin-form div.editing.expression .expression-container.expression-container-inner,
.admin-form div.preview.expression .expression-container.expression-container-inner {
  width: 100%;
  height: 100%;
}
.admin-form li.editing.expression .expression-container .expression,
.admin-form li.preview.expression .expression-container .expression,
.admin-form div.editing.expression .expression-container .expression,
.admin-form div.preview.expression .expression-container .expression {
  white-space: normal;
}
.admin-form .dropdown-for-expressions input {
  padding: 0 !important;
}
.admin-form .dropdown-for-expressions .list-container {
  font-size: 12px;
  font-family: 'Satoshi';
  font-weight: 600;
  height: 200px;
  overflow: auto;
  padding: 0 10px 0 0;
}
.admin-form .dropdown-for-expressions .list-container .item-for-expression {
  cursor: pointer;
  padding: 12px;
  text-align: left;
}
.admin-form .dropdown-for-expressions .list-container .item-for-expression:hover {
  position: relative;
  z-index: 0;
}
.admin-form .dropdown-for-expressions .list-container .item-for-expression:hover:before {
  content: '';
  position: absolute;
  left: -10px;
  right: -10px;
  top: 0;
  bottom: 0;
  z-index: -1;
  background: #cfd8dc;
}
.admin-form option .point-configuration {
  margin-top: 35px;
}
.admin-form .point-configuration-right {
  padding-left: 10px;
}
.admin-form .point-configuration-left,
.admin-form .point-configuration-right {
  display: table;
  box-shadow: none;
  width: 50%;
  overflow: visible;
}
.admin-form .point-configuration-left.fluid,
.admin-form .point-configuration-right.fluid {
  min-width: 0;
}
.admin-form .point-configuration-left.fluid li,
.admin-form .point-configuration-right.fluid li {
  padding-right: 0;
}
.admin-form .point-configuration-left > li,
.admin-form .point-configuration-right > li {
  display: table-row;
  height: 48px;
  overflow: auto;
  margin-bottom: 10px;
  padding-right: 100px;
}
.admin-form .point-configuration-left > li .required:not(.selectize-input):before,
.admin-form .point-configuration-right > li .required:not(.selectize-input):before {
  content: '*';
  margin-right: 5px;
}
.admin-form .point-configuration-left > li.preview,
.admin-form .point-configuration-right > li.preview {
  height: auto;
  margin-bottom: 0px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.admin-form .point-configuration-left > li.preview > *,
.admin-form .point-configuration-right > li.preview > * {
  padding-top: 27px;
}
.admin-form .point-configuration-left > li.preview > div:first-child,
.admin-form .point-configuration-right > li.preview > div:first-child {
  width: 200px;
  white-space: nowrap;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}
.admin-form .point-configuration-left > li input[type="text"],
.admin-form .point-configuration-right > li input[type="text"] {
  margin: 0 0 7px 0;
}
.admin-form .point-configuration-left > li input[type="checkbox"],
.admin-form .point-configuration-right > li input[type="checkbox"] {
  visibility: visible;
  vertical-align: middle;
}
.admin-form .point-configuration-left > li .checkbox-container,
.admin-form .point-configuration-right > li .checkbox-container {
  text-align: right;
  width: 20%;
  margin: 0;
}
.admin-form .point-configuration-left > li .input-container,
.admin-form .point-configuration-right > li .input-container,
.admin-form .point-configuration-left > li select,
.admin-form .point-configuration-right > li select {
  position: relative;
}
.admin-form .point-configuration-left > li .input-container .ember-checkbox label,
.admin-form .point-configuration-right > li .input-container .ember-checkbox label,
.admin-form .point-configuration-left > li select .ember-checkbox label,
.admin-form .point-configuration-right > li select .ember-checkbox label {
  pointer-events: all;
}
.admin-form .point-configuration-left > li .input-container > span,
.admin-form .point-configuration-right > li .input-container > span,
.admin-form .point-configuration-left > li select > span,
.admin-form .point-configuration-right > li select > span {
  display: inline-block;
}
.admin-form .point-configuration-left > li .input-container input.invalid,
.admin-form .point-configuration-right > li .input-container input.invalid,
.admin-form .point-configuration-left > li select input.invalid,
.admin-form .point-configuration-right > li select input.invalid {
  background-color: rgba(255, 0, 0, 0.4);
}
.admin-form .point-configuration-left > li .input-container .icon-invalid,
.admin-form .point-configuration-right > li .input-container .icon-invalid,
.admin-form .point-configuration-left > li select .icon-invalid,
.admin-form .point-configuration-right > li select .icon-invalid {
  position: absolute;
  right: 4px;
  top: 4px;
}
.admin-form .operator-group,
.admin-form .function-group,
.admin-form .timevar-group {
  display: inline-block;
  margin-bottom: 5px;
}
.admin-form .operators,
.admin-form .functions,
.admin-form .timeVars,
.admin-form .tags {
  clear: both;
}
.admin-form .operators li,
.admin-form .functions li,
.admin-form .timeVars li,
.admin-form .tags li {
  float: left;
  text-align: center;
  padding: 1px 5px;
  margin: 0 10px 5px 0;
  border: 1px solid #bdbdbd;
  cursor: pointer;
  font-size: 12px;
  line-height: 21px;
}
.admin-form .operators li {
  width: 25px;
}
.admin-form .functions li {
  min-width: 40px;
  margin-bottom: 5px;
}
.admin-form .timeVars li {
  margin-bottom: 5px;
}
.admin-form .expression-container {
  -ms-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  width: 100%;
}
.admin-form .expression-container .optgroup-header {
  font-size: 12px;
  text-align: center;
}
.admin-form .expression-container .option {
  text-align: left;
}
.admin-form .expression-container.expression-container-inner {
  display: inline-block;
}
.admin-form .expression-container.expression-container-inner > .expandable-parenthesis-left {
  display: inline-block;
}
.admin-form .expression-container.expression-container-inner > .expandable-parenthesis-right {
  display: inline-block;
}
.admin-form .expression-container.matrix .expression {
  border: none !important;
}
.admin-form .expression-container.matrix .expression .item-container .item {
  padding: 2px !important;
  font-size: 10px !important;
  text-align: left;
}
.admin-form .expression-container.matrix .expression .item-container .item .delete-item {
  display: none;
}
.admin-form .expression-container > .expression {
  position: relative;
  min-height: 40px;
  font-size: 0;
  padding-right: 30px;
}
.admin-form .expression-container > .expression.no-underline {
  display: inline;
  border-bottom: none;
  width: 100%;
  height: 100%;
}
.admin-form .expression-container > .expression.droppable-border {
  border: 1px solid transparent;
}
.admin-form .expression-container > .expression > .item-container {
  padding: 8px 0;
  padding-left: 21px;
  color: black;
  display: inline-block;
  font-size: 14px;
  cursor: text;
}
.admin-form .expression-container > .expression > .item-container > .item {
  text-align: left;
  border: lightgray 1px dashed;
  padding: 2px 10px;
}
.admin-form .expression-container > .expression > .item-container > .item:hover > .delete-item:last-child {
  opacity: 1;
}
.admin-form .expression-container > .expression > .item-container > .item.expression-container {
  border: none;
  padding: 2px 2px;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.admin-form .expression-container > .expression > .item-container > .item.expression-container.expression-container-inner {
  display: inline-block;
}
.admin-form .expression-container > .expression > .item-container > .item.expression-container .expression {
  margin-top: 0;
  vertical-align: bottom;
}
.admin-form .expression-container > .expression > .item-container > .item.expression-container > .expression > .item-container > .item.expression-container {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.admin-form .expression-container > .expression > .item-container > .item.expression-container > .expression > .item-container > .item.expression-container > .expression > .item-container > .item.expression-container {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.admin-form .expression-container > .expression > .item-container > .item.expression-container > .expression > .item-container > .item.expression-container > .expression > .item-container > .item.expression-container > .expression > .item-container > .item.expression-container {
  -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}
.admin-form .expression-container > .expression > .item-container > .item.expression-container > .expression > .item-container > .item.expression-container > .expression > .item-container > .item.expression-container > .expression > .item-container > .item.expression-container > .expression > .item-container > .item.expression-container {
  -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  -moz-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}
.admin-form .expression-container > .expression > .item-container > .item.expression-container > .expression > .item-container > .item.expression-container > .expression > .item-container > .item.expression-container > .expression > .item-container > .item.expression-container > .expression > .item-container > .item.expression-container > .expression > .item-container > .item.expression-container {
  -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}
.admin-form .expression-container > .expression > .item-container > .item > .materialize-input {
  display: inline-block;
}
.admin-form .expression-container > .expression > .item-container > .item > .select-ize-component {
  display: inline-block;
  text-align: left;
}
.admin-form .expression-container > .expression > .item-container > .item > .select-ize-component > .selectize-control {
  min-width: 65px;
  width: 100%;
}
.admin-form .expression-container > .expression > .item-container > .item > .select-ize-component > .selectize-control > .selectize-input {
  line-height: inherit;
  font-size: inherit;
}
.admin-form .expression-container > .expression > .item-container > .item .delete-item {
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  padding: 0 3px;
  cursor: pointer;
}
.admin-form .expression-container > .expression > .item-container > .item .commit-item {
  padding: 0 3px;
  cursor: pointer;
}
.admin-form .expression-container > .expression > .item-container .selectize-control {
  width: 200px;
  text-align: left;
}
.admin-form .expression-container > .expression > .item-container .selectize-control .selectize-input {
  overflow: visible;
  padding: 2px 10px 0;
  line-height: 10px;
  font-size: 10px;
}
.admin-form .expression-container > .expression > .item-container .selectize-control .selectize-input input {
  width: 4px;
  height: auto;
}
.admin-form .expression-container > .expression .right-click-menu {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
}
.admin-form .expression-container > .expression .right-click-menu.visible {
  display: inherit;
}
.admin-form .expression-container > .expression .drop-line {
  display: inline-block;
  position: relative;
  height: 20px;
  pointer-events: none;
}
.admin-form .expression-container > .expression .drop-line:after {
  content: '|';
  position: absolute;
  color: green;
  font-size: 20px;
  top: 0;
  left: -4px;
}
.admin-form .expression-container > .expression .drop-line:first-child {
  margin-left: 4px;
  margin-right: -4px;
}
.min_100 {
  min-width: 100px;
}
.radio-button-inline {
  display: inline-block;
  vertical-align: top;
  margin-top: 4px;
}
.radio-button-inline label {
  font-size: 15px;
}
.radio-button-inline > div {
  display: inline-block;
  margin-top: 10px;
}
.radio-button-inline > div:first-of-type {
  padding-left: 0;
}
.radio-button-inline > div label {
  font-size: 15px;
}
.radio-button-inline > div label:before,
.radio-button-inline > div label:after {
  top: 2px;
}
.btn-floating-alt {
  width: 30px;
  height: 30px;
  line-height: 34px;
  display: inline-block;
  position: relative;
  z-index: 1;
  padding: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-clip: padding-box;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}
.btn-floating-alt i {
  font-size: 14px;
  line-height: normal;
  width: inherit;
  display: inline-block;
  text-align: center;
  color: #fff;
}
.btn-floating-alt.disabled,
button.disabled {
  cursor: default;
  background-color: #9e9e9e !important;
  pointer-events: none;
}
.override {
  font-size: 19px;
}
.save-button i,
.cancel-button i {
  visibility: visible !important;
}
.form-padding {
  padding: 7px;
}
.table-label {
  vertical-align: top;
}
.cell {
  min-width: 75px;
}
.steps {
  margin-bottom: 10px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: left;
  justify-content: left;
}
.steps li {
  margin-right: 20px;
  position: relative;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.steps li:hover {
  color: #fb8c00;
}
.admin-loading-box .admin-loading-dialog {
  position: relative;
  float: left;
  width: 20px;
  height: 20px;
  -webkit-animation: rotator 1.6s linear infinite forwards;
  animation: rotator 1.6s linear infinite forwards;
}
.admin-loading-box .admin-loading-dialog svg {
  display: block;
  width: 100%;
  height: 100%;
}
.admin-loading-box .admin-loading-dialog svg circle {
  stroke: rgba(0, 0, 0, 0.1);
  stroke-dasharray: 138;
  stroke-dashoffset: 138;
  -webkit-animation: loadpath 1.6s linear infinite forwards;
  animation: loadpath 1.6s linear infinite forwards;
}
.admin-loading-box label {
  padding-left: 10px;
}
.exp-group-charts {
  -ms-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  padding: 10px 18px 18px 18px;
}
.exp-group-charts .object-exp-group-block {
  width: 100%;
}
.exp-group-charts .object-exp-group-block .chart-name {
  cursor: default;
}
.exp-group-charts .object-exp-group-block .object-exp-group-content {
  padding: 18px 24px 18px 24px;
}
.exp-group-charts .object-exp-group-block .object-exp-group-content td.redText {
  color: #ff0000;
}
.exp-group-charts .object-exp-group-block .object-exp-group-content td.greenText {
  color: #008000;
}
.expandable-parenthesis-left {
  width: 5px;
  height: calc(68%);
  vertical-align: bottom;
}
.expandable-parenthesis-left > .paren-top {
  width: 5px;
  height: 8px;
  background-image: url(/images/paren_left_top.png);
}
.expandable-parenthesis-left > .paren-middle {
  width: 5px;
  min-height: 3px;
  height: calc(100% - 2*8px);
  background: url(/images/paren_left_middle.png) repeat-y;
}
.expandable-parenthesis-left > .paren-bottom {
  width: 5px;
  height: 8px;
  background-image: url(/images/paren_left_bottom.png);
}
.expandable-parenthesis-right {
  width: 5px;
  height: calc(68%);
  vertical-align: bottom;
}
.expandable-parenthesis-right > .paren-top {
  width: 5px;
  height: 8px;
  background-image: url(/images/paren_right_top.png);
}
.expandable-parenthesis-right > .paren-middle {
  width: 5px;
  min-height: 3px;
  height: calc(100% - 2*8px);
  background: url(/images/paren_right_middle.png) repeat-y;
}
.expandable-parenthesis-right > .paren-bottom {
  width: 5px;
  height: 8px;
  background-image: url(/images/paren_right_bottom.png);
}
.admin-assets-container {
  width: 100%;
}
.admin-assets-container .form_button {
  background-color: white;
  border: 1px solid #9e9e9e;
  padding: 5px;
}
.admin-assets-container .form_button:focus {
  transition: 0.5s;
  background-color: #fb8c00;
  color: white;
}
.admin-assets-container .form_button:hover {
  transition: 0.5s;
  background-color: #fb8c00;
  color: white;
}
.asset-menu {
  position: absolute;
  top: 250px;
  left: 100px;
  width: 200px;
}
.asset-menu .menu-label {
  background-color: #074876;
  color: white;
  height: 50px;
  width: 100%;
  border: solid black 1px;
  border-bottom: solid black 1px;
}
.asset-menu .menu-label h4 {
  padding-left: 20px;
  height: 50px;
}
.asset-menu .menu-items {
  width: 100%;
  background-color: white;
  color: black;
  border-bottom: solid black 1px;
  border-top: none;
  margin: 0;
}
.asset-menu .menu-items.no-selection {
  border-right: solid black 1px;
}
.asset-menu .menu-items .menu-item {
  padding-left: 20px;
  width: 100%;
  height: 100%;
  background-size: 200% 100%;
  background-image: linear-gradient(to right, #ffffff 50%, #074876 50%);
  -webkit-transition: background-position 0.5s, color 0.5s;
  -moz-transition: background-position 0.5s, color 0.5s;
  transition: background-position 0.5s, color 0.5s;
  line-height: 50px;
  border-left: solid black 1px;
  border-right: solid white 1px;
}
.asset-menu .menu-items .menu-item:hover {
  background-position: -100% 0;
  color: white;
  border-right: none;
}
.asset-menu .menu-items .active .menu-item {
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-image: linear-gradient(to right, #074876 50%, #074876 50%);
  background-color: #074876;
  border-right: none;
  color: white;
}
.asset-menu .asset-sub-menu {
  position: absolute;
  width: 200px;
  top: 50px;
  left: 200px;
  height: calc(100% - 50px);
  overflow: auto;
  background-color: #074876;
  border: solid black 1px;
  border-left: none;
  color: white;
}
.asset-menu .asset-sub-menu .filter-list {
  margin: 0;
}
.asset-menu .asset-sub-menu .filter-list li.filter-list-header {
  height: 50px;
  line-height: 50px;
  padding-left: 10px;
}
.asset-menu .asset-sub-menu .filter-list li.filter-option-all {
  box-shadow: inset 0 0 1px 0 white;
  height: 50px;
  line-height: 30px;
}
.asset-menu .asset-sub-menu .filter-list li.filter-option {
  padding: 10px 15px;
}
.asset-menu .asset-sub-menu .filter-list li.filter-option label {
  width: 100%;
  color: white;
}
.asset-menu .asset-sub-menu .filter-list li.filter-option [type="checkbox"] + label:before {
  content: '';
  width: 8px;
  height: 8px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 2px;
  border: 1px solid white;
  margin-left: 8px;
  left: 0;
  top: 0;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
}
.asset-menu .asset-sub-menu .filter-list li.filter-option [type="checkbox"]:checked + label {
  color: #fb8c00;
}
.asset-menu .asset-sub-menu .filter-list li.filter-option [type="checkbox"]:checked + label:before {
  background: #fb8c00;
  border-color: #fb8c00;
}
.asset-tree {
  background-color: #074876;
  padding: 20px;
  width: 300px;
  float: left;
  color: white;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE/Edge */
  user-select: none;
  padding-bottom: 70px;
}
.asset-tree h2 {
  margin-top: 0;
  padding-top: 0;
}
.asset-tree .select-all:hover {
  color: #fb8c00;
  cursor: pointer;
}
.asset-tree .asset-group {
  padding-bottom: 10px;
  font-size: 14px;
}
.asset-tree .asset-group .asset-label i {
  font-size: 10px;
  padding: 2px;
}
.asset-tree .asset-group .asset-label:hover {
  color: #fb8c00;
  cursor: pointer;
}
.asset-tree .asset-group .asset-label:hover i {
  font-size: 10px;
  padding: 2px;
}
.asset-tree .asset-group .sub-asset-list {
  padding-left: 15px;
  font-size: 12px;
}
.asset-tree .asset-group .sub-asset-list .asset-item {
  padding: 5px 0px;
}
.asset-tree .asset-group .sub-asset-list .asset-item span:hover {
  color: #fb8c00;
  cursor: pointer;
}
.asset-tree .asset-group .sub-asset-list .asset-item i {
  margin-left: 2px;
}
.asset-tree .asset-group .sub-asset-list .asset-item i:hover {
  color: #fb8c00;
  cursor: pointer;
}
.scroll-top-button {
  background-color: #074876;
  color: white;
  position: fixed;
  right: 0;
  margin-top: -40px;
  top: 100%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  vertical-align: middle;
}
.scroll-top-button i {
  vertical-align: middle;
}
.scroll-top-button:hover {
  color: #fb8c00;
  cursor: pointer;
}
.expression-list {
  margin: 0 20px 0 320px;
  background-color: white;
}
.expression-list .header {
  background-color: #074876;
  color: white;
  width: 100%;
  padding: 15px;
  display: inline-block;
  vertical-align: top;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE/Edge */
  user-select: none;
}
.expression-list .header label {
  color: white;
  float: left;
  font-size: 14px;
}
.expression-list .header .expression-type-option {
  display: inline-block;
  float: left;
  margin-left: 20px;
  text-align: left;
}
.expression-list .header .expression-type-option:hover {
  color: #fb8c00;
  cursor: pointer;
}
.expression-list .object-expressions {
  border: solid #074876 1px;
  margin-bottom: 10px;
}
.expression-list .object-expressions .header {
  font-size: 16px;
  font-weight: bold;
  width: 100%;
  line-height: 15px;
  height: 25px;
  padding: 5px 5px 5px 10px;
  margin-bottom: 5px;
  background-color: #074876;
  color: white;
}
.expression-list .object-expressions .sub-header {
  width: 100%;
  color: #074876;
  font-size: 14px;
  font-weight: bold;
  height: 20px;
  padding: 10px 0 3px 10px;
  text-decoration: underline;
}
.expression-list .object-expressions .expression-box {
  border: solid #074876 1px;
  padding: 10px;
  margin: 10px;
}
.expression-list .object-expressions .expression-box .point-name {
  font-weight: bold;
}
.aggregate-manager .no-view {
  font-size: 23px;
  text-align: center;
  opacity: 0.6;
  margin-top: 20px;
}
.attribute-table {
  position: absolute;
  left: 550px;
  top: 250px;
  width: 1200px;
}
.attribute-table .no-view {
  font-size: 23px;
  text-align: center;
  opacity: 0.6;
  margin-top: 20px;
}
.variable-error-container {
  padding-left: 4px;
  margin: 10px 18px 0 18px;
}
.variable-error-container .variable-error-list {
  padding: 12px 0 24px 0;
}
.variable-error-container .variable-error-list .variable-with-error {
  font-size: 16px;
}
.variable-error-container .variable-error-list .variable-with-error label {
  font-size: inherit;
  font-weight: bold;
}
.variable-error-container .variable-error-list .error-message {
  font-size: 13px;
}
.variable-error-container .variable-error-list .error-section-label {
  font-size: 13px;
  font-weight: bold;
}
.aggregate-manager .button-container {
  display: inline-block;
  margin: 10px 0px;
}
.aggregate-manager .button-container .button {
  background: #074876;
  color: white;
  float: left;
  width: 150px;
  height: 40px;
  line-height: 30px;
  padding: 5px;
  text-align: center;
  margin-right: 5px;
  -webkit-transition: background 0.5s, color 0.5s;
  transition: background 0.5s, color 0.5s;
  border: solid #074876 1px;
}
.aggregate-manager .button-container .button:hover {
  background: #eee;
  color: #074876;
  cursor: pointer;
}
/*
 *  STYLE 6
 */
/*
::-webkit-scrollbar-track
{
  //-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: @white;
  //border-radius: 10px;
}

::-webkit-scrollbar
{
  width: 8px;
  background-color: transparent;
}

::-webkit-scrollbar-thumb
{
  background-color: @materializeGrey; 
  //border-radius: 10px;
}
*/
.form_inner_container {
  max-height: 600px;
  overflow: auto;
  margin-top: 19px;
}
.form_inner_container .materialize-checkbox {
  float: right;
}
.property-form {
  min-width: 500px;
  background-color: white !important;
}
.button-action-complete {
  float: left;
  line-height: 36px;
  padding: 0 20px;
}
rect {
  shape-rendering: crispEdges;
}
.d3-tip {
  line-height: 1;
  font-weight: bold;
  padding: 12px;
  background-color: #fafafa;
  color: #000;
  border-radius: 2px;
  border: solid black 1px;
}
/* Creates a small triangle extender for the tooltip */
.d3-tip:after {
  box-sizing: border-box;
  display: inline;
  font-size: 10px;
  width: 100%;
  line-height: 1;
  color: rgba(0, 0, 0, 0.8);
  content: "\25BC";
  position: absolute;
  text-align: center;
}
/* Style northward tooltips differently */
.d3-tip.n:after {
  margin: -1px 0 0 0;
  top: 100%;
  left: 0;
}
.form-button {
  margin: 0 5px;
  float: left;
}
.checkbox-label {
  float: left;
  padding-right: 10px;
  line-height: 17px;
  margin: 0;
}
.chart-gauge {
  width: 400px;
  margin: 100px auto;
}
.chart-color1 {
  fill: #56995B;
}
.chart-color2 {
  fill: #FFF42A;
}
.chart-color3 {
  fill: #FF3E33;
}
.needle,
.needle-center {
  fill: #000;
}
.center_eui {
  width: 520px;
  display: block;
  float: right;
}
.center_eui > div {
  padding-left: 0px;
}
.data .admin-header,
.portfolio .admin-header {
  width: 100%;
  text-align: right;
}
.data .button-container-bas,
.portfolio .button-container-bas {
  background-color: #ffffff;
  padding: 31px 0 26px 33px;
  border-bottom: 1px solid #f9f9f9;
}
.data .button-container-bas select,
.portfolio .button-container-bas select {
  width: 200px;
  padding-left: 10px;
}
.data .import_button,
.portfolio .import_button {
  font-size: 15px;
  line-height: 15px;
  background-color: white !important;
  border: none;
  padding: 0;
}
.data .import_button:disabled,
.portfolio .import_button:disabled {
  opacity: 0.4;
}
.data .import_button .icon,
.portfolio .import_button .icon {
  margin-left: 11px;
}
.data .import_button:hover,
.portfolio .import_button:hover {
  color: #ff8400;
}
.data .import_button:hover:disabled,
.portfolio .import_button:hover:disabled {
  color: #000000;
}
.data .delete_button,
.portfolio .delete_button {
  padding-left: 15px;
  font-size: 15px;
  line-height: 15px;
  background-color: white !important;
  border: none;
}
.data .delete_button:disabled,
.portfolio .delete_button:disabled {
  opacity: 0.4;
}
.data .delete_button .icon,
.portfolio .delete_button .icon {
  margin-left: 11px;
  position: relative;
  top: 2px;
}
.data .delete_button:hover,
.portfolio .delete_button:hover {
  color: #ff8400;
}
.data .delete_button:hover:disabled,
.portfolio .delete_button:hover:disabled {
  color: #000000;
}
.data .button-container-bas button i.icon_upload,
.portfolio .button-container-bas button i.icon_upload {
  margin-left: 10px;
}
.data .table-container,
.portfolio .table-container {
  border-top: 1px solid #ececec;
  padding-top: 22px !important;
}
.data .table-container thead tr,
.portfolio .table-container thead tr {
  border-bottom: 2px solid;
}
.data .table-container tbody tr,
.portfolio .table-container tbody tr {
  border-bottom: 1px solid;
}
.data .table-container tbody tr.greyedOut div,
.portfolio .table-container tbody tr.greyedOut div {
  color: #c1c1c1;
}
.data .table-container tbody tr .success_text,
.portfolio .table-container tbody tr .success_text {
  font-size: 15px;
  color: #000000;
  width: 80%;
  display: inline-block;
  text-align: right;
}
.data .table-container tbody tr .failed_text,
.portfolio .table-container tbody tr .failed_text {
  font-size: 15px;
  color: #da0000;
  width: 80%;
  display: inline-block;
  text-align: right;
}
.data .table-container tbody i.icon:hover,
.portfolio .table-container tbody i.icon:hover {
  color: #ff8400;
}
.data .report-list,
.portfolio .report-list {
  position: fixed;
  width: 200px;
  background-color: #074876;
  color: white;
  padding: 10px;
}
.data .report-list .report-item,
.portfolio .report-list .report-item {
  padding-bottom: 10px;
}
.data .report-list .report-item:hover,
.portfolio .report-list .report-item:hover {
  color: #fb8c00;
  cursor: pointer;
}
.data .reports,
.portfolio .reports {
  margin-left: 250px;
}
.data .reports .report,
.portfolio .reports .report {
  padding-bottom: 100px;
}
.data .scroll-top-button,
.portfolio .scroll-top-button {
  background-color: #074876;
  color: white;
  position: fixed;
  left: 0;
  margin-top: -40px;
  top: 100%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  vertical-align: middle;
}
.data .scroll-top-button i,
.portfolio .scroll-top-button i {
  vertical-align: middle;
}
.data .scroll-top-button:hover,
.portfolio .scroll-top-button:hover {
  color: #fb8c00;
  cursor: pointer;
}
.parser-container {
  width: 500px;
  float: right;
  display: flex;
}
.parser-container label {
  width: 150px;
  font-size: 15px;
  line-height: 15px;
  margin: 0;
  padding: 0 5px 0 0;
}
.home h1 {
  font-size: 60px;
  line-height: 60px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  font-weight: 300;
}
.home h4 {
  font-size: 30px;
  line-height: 30px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  font-weight: 300;
}
.home h5 {
  font-size: 20px;
  line-height: 20px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  font-weight: 500;
}
.home h6 {
  font-size: 15px;
  line-height: 15px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  font-weight: 400;
}
.home .buttons-row {
  width: 230px;
  margin: 0 auto;
  clear: both;
  height: 100px;
}
.home .buttons-row-customer {
  width: 345px;
  margin: 0 auto;
  clear: both;
  height: 100px;
}
.home .info-block {
  border: solid black 1px;
  background-color: white;
  padding: 20px 0;
}
.home .info-block .faults-table {
  width: 300px;
  margin: 20px auto 50px;
  text-align: center;
  border: solid black 1px;
  cursor: pointer;
}
.home .info-block .faults-table td {
  border: solid black 1px;
  width: 50%;
  height: 25px;
  text-align: center;
}
.home .info-block .faults-table td,
.home .info-block .faults-table th {
  padding: 15px 5px;
  display: table-cell;
  vertical-align: middle;
  border-radius: 2px;
}
.home .status-lights {
  height: 100px;
  width: 100%;
  text-align: center;
}
.home .status-lights .light {
  height: 30px;
  margin: 10px 10px;
  display: inline-block;
}
.home .status-lights .light .green {
  margin: 0 auto;
  width: 24px;
  height: 24px;
  background-color: #ABFF00;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #304701 0 -1px 9px;
}
.home .status-lights .light .red {
  margin: 0 auto;
  width: 24px;
  height: 24px;
  background-color: #F00;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px;
}
.home .status-lights .light p {
  font-size: 12px;
  text-align: center;
  margin: 1em;
  font-weight: 400;
}
.home .client-site-options {
  margin: auto;
  text-align: center;
}
.home .client-site-options .menu-option {
  width: 75px;
  height: 75px;
  cursor: pointer;
  padding: 10px;
  text-align: center;
  display: inline-block;
  margin: 0 30px;
}
.home .client-site-options .menu-option .icon-text {
  font-size: 10px;
  display: block;
}
.home .client-site-options .menu-option:hover {
  color: #fb8c00;
}
.home .loaded-site {
  margin: 10px 0 20px 0;
  text-align: center;
}
.home .faults-section {
  margin: 50px 0 20px 0;
  text-align: center;
}
.home .quick-links {
  margin-top: 50px;
  text-align: center;
}
.home .quick-link-button {
  font-size: 17px;
  line-height: 17px;
  margin: 20px auto;
  text-align: center;
}
.home .quick-link-button:hover {
  color: #ff8400;
}
.home .site-button {
  font-size: 17px;
  line-height: 17px;
  display: inline-block;
}
.home .site-button:hover {
  color: #ff8400;
}
.home .new-site-button {
  font-size: 17px;
  line-height: 17px;
  display: inline-block;
  margin-left: 50px;
}
.home .new-site-button:hover {
  color: #ff8400;
}
.home .load-site-button {
  font-size: 17px;
  line-height: 17px;
  display: inline-block;
  float: right;
  margin-right: 40px;
}
.home .load-site-button:hover {
  color: #ff8400;
}
.home .centered-button-menu {
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  width: auto;
}
.home .centered-button-menu h1 {
  margin-top: 0;
}
.home i::before {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
}
.home .site {
  border: 1px solid #d3d3d3;
  padding: 1px;
  background-color: transparent;
}
.home .site .inner_container {
  min-height: 346px;
  height: 100%;
  min-width: 340px;
  background-color: white;
  padding: 27px 34px 36px 33px;
}
.home .site .inner_container form {
  display: block;
}
.home .site .inner_container h2 {
  font-size: 23px;
  line-height: 23px;
  color: #000000;
  width: 100%;
  text-align: left;
  margin-top: 0px;
}
.home .site .inner_container .editing {
  display: block;
  width: 100%;
  margin-bottom: 30px;
}
.home .site .inner_container .editing div {
  display: inline-block;
}
.home .site .inner_container .editing > div:nth-child(2),
.home .site .inner_container .editing .buttons {
  float: right;
  margin-left: 20px;
}
.home .site .inner_container .editing input,
.home .site .inner_container .editing .selectize-input {
  min-width: 152px;
  width: 152px;
  padding-top: 0px !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.home .site .inner_container .editing input > div.item::before,
.home .site .inner_container .editing .selectize-input > div.item::before {
  left: 0;
}
.home .site .inner_container .editing input > input,
.home .site .inner_container .editing .selectize-input > input {
  left: 0 !important;
  font-size: 14px;
  font-weight: normal;
}
.home .site .inner_container .editing .selectize-input::after {
  top: -4px;
}
.home .site .inner_container .editing .selectize-dropdown-content,
.home .site .inner_container .editing .selectize-dropdown-content > div {
  display: block;
  width: 100%;
}
.home .site .inner_container .editing .selectize-dropdown-content .mCSB_draggerRail,
.home .site .inner_container .editing .selectize-dropdown-content > div .mCSB_draggerRail {
  display: block !important;
}
.home .site .inner_container .editing .selectize-dropdown-content .mCSB_dragger,
.home .site .inner_container .editing .selectize-dropdown-content > div .mCSB_dragger {
  text-align: center;
}
.home .site .inner_container .editing .select-ize-component > .selectize-control.single > .selectize-input:after {
  top: 0;
  height: 21px;
  line-height: 6px;
}
.home .site .inner_container .editing .selectize-dropdown.single > .selectize-dropdown-content:not(.mCustomScrollbar) {
  padding: 0 0px 0 0;
}
.home .site .inner_container .editing .selectize-dropdown.single > .selectize-dropdown-content > div:not(.mCustomScrollBox),
.home .site .inner_container .editing .selectize-dropdown-content .mCSB_container > div {
  width: 100%;
  padding: 1rem;
}
.home .site .inner_container .buttons {
  text-align: right;
}
.home .site .inner_container .buttons .submit_button {
  font-size: 15px;
  line-height: 15px;
  background-color: white !important;
  border: none;
  padding: 0;
}
.home .site .inner_container .buttons .submit_button:disabled {
  opacity: 0.4;
}
.home .site .inner_container .buttons .submit_button .icon {
  margin-left: 11px;
}
.home .site .inner_container .buttons .submit_button:hover {
  color: #ff8400;
}
.home .site .inner_container .buttons .submit_button:hover:disabled {
  color: #000000;
}
.home .site .inner_container .app-error + .editing {
  margin-top: 34px;
  white-space: normal;
}
.home .site .inner_container .app-error + .editing .dropdown-button {
  white-space: normal;
}
.home .site .inner_container .siteDropdown {
  min-width: 252px;
  margin-left: 20px;
  font-size: 12px;
  line-height: 22px;
}
.home .site .inner_container .siteDropdown i.right {
  float: right;
}
.home .site .inner_container .siteDropdown > a > span {
  font-size: 14px;
  line-height: 14px;
}
.home .site .inner_container .siteDropdown .dropdown-content {
  position: relative;
  max-height: 215px;
  overflow-y: scroll;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  top: auto !important;
  left: auto !important;
  border-top: 1px solid #404040;
  border-right: 1px solid #d3d3d3;
  border-left: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
}
.home .site .inner_container .siteDropdown .dropdown-content li > a {
  font-size: 12px;
  line-height: 12px;
}
.home .site .inner_container .siteDropdown .dropdown-content li:first-child {
  border-top: 1px solid #d3d3d3;
}
.home .site .inner_container .selectize-dropdown.single {
  margin-top: 1px;
  min-width: 152px !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  border-right: 1px solid #d3d3d3;
  border-left: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
}
.home .site .inner_container .selectize-input input {
  min-width: 0px !important;
}
.home .site .inner_container .selectize-dropdown .active {
  background-color: #fb8c00;
}
.home .site .inner_container .selectize-dropdown-content {
  padding-right: 0px;
}
.home .site .inner_container .selectize-dropdown {
  font-size: 12px !important;
}
.home .site .inner_container .selectize-input {
  border-bottom: 1px solid #000000 !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
@keyframes showTopText {
  0% {
    transform: translate3d(0, 100%, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes showBottomText {
  0% {
    transform: translate3d(0, -100%, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.animated-title {
  color: #222;
  font-family: Roboto, Arial, sans-serif;
  height: 90vmin;
  left: 25%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 45vmin;
}
.animated-title > div {
  height: 50%;
  overflow: hidden;
  position: absolute;
  width: 100%;
}
.animated-title > div div {
  padding: 2vmin 0;
  position: absolute;
}
.animated-title > div div span {
  display: block;
}
.animated-title > div.text-top {
  border-bottom: 0.25vmin solid #000;
  top: 0;
  font-size: 24px;
}
.animated-title > div.text-top div {
  animation: showTopText 1s;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
  bottom: 0;
  transform: translate(0, 100%);
}
.animated-title > div.text-bottom {
  bottom: 0;
  color: #767676;
  font-size: 16px;
}
.animated-title > div.text-bottom div {
  animation: showBottomText 0.5s;
  animation-delay: 1.75s;
  animation-fill-mode: forwards;
  top: 0;
  transform: translate(0, -100%);
}
.subsite-select {
  background-color: #eeeeee;
  border: solid #eeeeee 1px;
  width: auto;
}
.status-dashboard {
  color: #222;
  font-family: Roboto, Arial, sans-serif;
  height: auto;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 800px;
}
.status-dashboard .dashboard-container {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
  padding: 0px 24px 8px;
  border-radius: 8px;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
}
.status-dashboard .light {
  height: 30px;
  margin: 10px 10px;
  display: inline-block;
}
.status-dashboard .light .green {
  margin: 0 auto;
  width: 24px;
  height: 24px;
  background-color: #ABFF00;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #304701 0 -1px 9px;
}
.status-dashboard .light .red {
  margin: 0 auto;
  width: 24px;
  height: 24px;
  background-color: #F00;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px;
}
.status-dashboard .light .yellow {
  margin: 0 auto;
  width: 24px;
  height: 24px;
  background-color: #FFF42A;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px;
}
.status-dashboard .status-table thead {
  display: table-header-group;
}
.status-dashboard .status-table thead tr {
  border-bottom: 1px solid #e6e6e6;
}
.status-dashboard .status-table thead tr th {
  font-size: 14px;
  line-height: 20px;
  flex-wrap: nowrap;
  border: none;
  padding: 14px 0px;
  font-family: "Public Sans";
  font-weight: 400;
  color: #000000;
  text-align: left;
}
.status-dashboard .status-table tbody {
  display: table-row-group;
}
.status-dashboard .status-table tbody tr {
  border-bottom: 1px solid #e6e6e6;
}
.status-dashboard .status-table tbody tr td {
  font-size: 14px;
  line-height: 20px;
  flex-wrap: nowrap;
  border: none;
  padding: 6px 0px;
  font-family: "Public Sans";
  color: #000000;
}
.status-dashboard .status-table .status-table-row {
  color: inherit;
  display: table-row;
  outline: 0;
  vertical-align: middle;
}
.mbcx-dashboard {
  width: 100%;
  opacity: 1;
  position: relative;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.mbcx-dashboard .header {
  display: flex;
  align-items: baseline;
  border-bottom: solid rgba(0, 0, 0, 0.3) 1px;
  margin-bottom: 20px;
}
.mbcx-dashboard .header .site-name {
  color: #17191d;
  font-weight: Bold;
  font-size: 36px;
  opacity: 1;
  margin-right: 26px;
}
.mbcx-dashboard .header .info-text {
  color: #a1a9b7;
  font-weight: SemiBold;
  font-size: 14px;
  opacity: 1;
}
.mbcx-dashboard .header .dashboard-info {
  width: 239px;
  height: 22px;
  margin: 8px;
  opacity: 1;
  position: absolute;
  top: 43px;
  left: 259px;
  overflow: hidden;
}
.mbcx-dashboard .building-controls {
  display: flex;
  align-items: center;
}
.mbcx-dashboard .building-controls .dashboard-name {
  color: #17191d;
  font-weight: Bold;
  font-size: 24px;
  opacity: 1;
  margin-right: 25px;
}
.mbcx-dashboard .building-controls .clickable {
  text-decoration: underline;
  font-weight: 400;
  cursor: pointer;
  user-select: none;
}
.mbcx-dashboard .building-controls .clickable:hover {
  color: purple;
}
.mbcx-dashboard .building-controls .tools {
  margin-left: auto;
}
.mbcx-dashboard .building-controls .tools i {
  cursor: pointer;
  font-size: 16px;
}
.mbcx-dashboard .building-controls .tools .materialize-date-range {
  float: left;
  margin-right: 20px;
}
.mbcx-dashboard .building-table {
  user-select: none;
  table-layout: fixed;
  box-sizing: border-box;
  border: 1px solid #E7E7EB;
  border-radius: 20px;
  border-collapse: separate;
}
.mbcx-dashboard .building-table thead {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 160%;
  font-feature-settings: 'liga' off;
  background: #F3F5F8;
  color: #747880;
}
.mbcx-dashboard .building-table thead tr {
  height: 48px;
}
.mbcx-dashboard .building-table thead tr th:first-of-type {
  border-radius: 20px 0 0 0;
  padding-left: 20px;
}
.mbcx-dashboard .building-table thead tr th:last-of-type {
  border-radius: 0 20px 0 0;
}
.mbcx-dashboard .building-table thead tr th.table-category-header {
  width: 150px;
}
.mbcx-dashboard .building-table tbody {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-size: 14px;
  line-height: 160%;
  background-color: white;
  /* or 22px */
  font-feature-settings: 'liga' off;
  /* Gray/800 */
  color: #17191D;
}
.mbcx-dashboard .building-table tbody tr {
  height: 78px;
}
.mbcx-dashboard .building-table tbody tr td {
  border-bottom: solid #E7E7EB 1px;
}
.mbcx-dashboard .building-table tbody tr td.building {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-left: 20px;
}
.mbcx-dashboard .building-table tbody tr td span {
  height: 78px;
  line-height: 78px;
  min-width: 150px;
  padding-left: 5px;
}
.mbcx-dashboard .building-table tbody tr td .building-img {
  width: 40px;
  height: 40px;
}
.mbcx-dashboard .building-table .dot {
  font-size: 6px;
  position: relative;
  top: -2px;
}
.mbcx-dashboard .building-table .excellent {
  color: #027A48;
}
.mbcx-dashboard .building-table .okay {
  color: #EF6820;
}
.mbcx-dashboard .building-table .critical {
  color: #C01048;
}
.mbcx-dashboard .building-table .get-details {
  font-size: 24px;
  cursor: pointer;
}
.mbcx-dashboard .critical-info {
  display: flex;
  align-items: center;
}
.mbcx-dashboard .critical-info > * {
  padding: 5px;
}
.mbcx-dashboard .alert {
  color: red;
}
.issues-container {
  position: absolute;
  top: 220px;
  width: 100%;
}
.settings-table {
  position: absolute;
  top: 150px;
  width: 100%;
}
.settings-table td {
  padding: 10px 0px;
}
.settings-table td input {
  text-align: center;
}
.settings-button-container {
  position: absolute;
  bottom: 50px;
  right: 50px;
}
.category-box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 2px 8px;
  gap: 10px;
  width: 120px;
  height: 24px;
  background: #F2F4F7;
  border-radius: 6px;
  /* Inside auto layout */
  flex: none;
  flex-grow: 0;
}
.category-spacer {
  height: 1px;
  background: #E9ECF2;
  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 1;
}
.issues-header {
  flex-direction: row;
  justify-content: center;
  padding: 0px 16px;
  gap: 12px;
  width: 100%;
  height: 24px;
  border-radius: 8px;
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 166%;
  /* identical to box height, or 20px */
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.4px;
}
.issues-item-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px;
  gap: 16px;
  width: 100%;
}
.issues-item {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
  flex-wrap: wrap;
  width: 100%;
  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;
}
.issues-item-description {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 4px;
  width: 100%;
  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;
}
.issues-item-header {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 17px;
  width: 100%;
  height: 17px;
  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;
}
.issues-item-header > span {
  flex: none;
  order: 0;
  flex-grow: 0;
}
.issues-item-header > i {
  flex: none;
  order: 1;
  flex-grow: 0;
  cursor: pointer;
}
.issues-item-text {
  flex: none;
  order: 1;
  flex-grow: 0;
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
}
.suggested-action {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
  width: 100%;
  /* Inside auto layout */
  flex: none;
  order: 1;
  flex-grow: 0;
}
.suggested-action .action-header {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  /* identical to box height */
  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;
}
.suggested-action .suggested-action-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px 16px 0px 0px;
  gap: 16px;
  width: 100%;
  /* Inside auto layout */
  flex: none;
  order: 1;
  flex-grow: 0;
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
}
.suggested-action .suggested-action-list .suggested-action-item {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  width: 100%;
  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;
}
.suggested-action .suggested-action-list .suggested-action-item .list-item {
  padding-right: 10px;
}
.suggested-action .suggested-action-list .suggested-action-item .list-text {
  text-align: left;
}
#modal-container {
  position: fixed;
  display: table;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  transform: scale(0);
  z-index: 999;
}
#modal-container.five {
  transform: scale(1);
}
#modal-container.five .modal-background {
  background: rgba(0, 0, 0, 0);
  animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.five .modal-background .modal {
  transform: translateX(-1500px);
  animation: roadRunnerIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.five.out {
  animation: quickScaleDown 0s .5s linear forwards;
}
#modal-container.five.out .modal-background {
  animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.five.out .modal-background .modal {
  animation: roadRunnerOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container .modal-background {
  display: table-cell;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
  vertical-align: middle;
}
#modal-container .modal-background .modal {
  background: white;
  display: inline-block;
  border-radius: 24px;
  font-weight: 300;
  position: relative;
  height: 100%;
  width: 45%;
  padding: 0;
  overflow: auto;
}
#modal-container .modal-background .modal .settings-header {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  display: flex;
  align-items: center;
  font-feature-settings: 'liga' off;
  color: #17191D;
  position: absolute;
  top: 20px;
  left: 20px;
}
#modal-container .modal-background .modal .building-img {
  width: 100px;
  height: 100px;
  position: absolute;
  left: 20px;
  top: 20px;
}
#modal-container .modal-background .modal .building-name {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  display: flex;
  align-items: center;
  font-feature-settings: 'liga' off;
  color: #17191D;
  position: absolute;
  top: 20px;
  left: 130px;
}
#modal-container .modal-background .modal .close-button {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 20px;
  height: 20px;
  border: solid rgba(0, 0, 0, 0.5) 1px;
  cursor: pointer;
}
#modal-container .modal-background .modal .category-container {
  position: absolute;
  top: 150px;
  display: flex;
  justify-content: space-evenly;
  width: 100%;
}
#modal-container .modal-background .modal .category-score-container {
  flex-grow: 1;
  height: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px 21px 0px 0px;
  gap: 8px;
}
#modal-container .modal-background .modal .category-score-container .category-name {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 160%;
  /* or 22px */
  color: #747880;
}
#modal-container .modal-background .modal .category-score-container .dot {
  font-size: 6px;
  position: relative;
  top: -2px;
}
#modal-container .modal-background .modal .category-score-container .excellent {
  color: #027A48;
}
#modal-container .modal-background .modal .category-score-container .okay {
  color: #EF6820;
}
#modal-container .modal-background .modal .category-score-container .critical {
  color: #C01048;
}
#modal-container .modal-background .modal .category-score-container .category-details {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  /* identical to box height, or 150% */
  padding-left: 5px;
  text-align: center;
}
.business .fault-heatmap svg .axis {
  fill: white;
}
.business .view-chart-cell {
  text-align: center;
  cursor: pointer;
}
.business .fault-peg {
  border-top: solid black 1px;
  border-bottom: solid black 1px;
}
.business .timeline-buttons {
  background-color: #074876;
  margin: 10px 0px;
  color: white;
  padding: 5px 0;
}
.business .timeline-buttons .timeline-button {
  margin: 0 5px;
  background-color: #074876;
  border: #074876;
  color: white;
}
.business .timeline-buttons .timeline-button:hover {
  color: #fb8c00;
  background-color: none;
}
.business .dataTables_wrapper {
  margin-top: 10px;
  margin-bottom: 150px;
}
.business .dataTables_length select {
  width: initial  !important;
  height: initial !important;
  padding: initial !important;
  border: initial !important;
  border-radius: initial !important;
}
.business .cogen-config-form {
  min-width: 800px;
}
.business .cogen-dashboard-container {
  width: 100%;
}
.business .cogen-dashboard-container .cogen-dashboard-inner-container {
  padding: 20px;
}
.business .cogen-dashboard-container .cogen-dashboard-inner-container h2 {
  font-size: 40px;
}
.business .cogen-dashboard-container .cogen-dashboard-inner-container h2 i {
  font-size: 40px;
  line-height: 40px;
  padding-right: 20px;
}
.business .cogen-dashboard-container .cogen-dashboard-inner-container .legend {
  margin: 25px 0;
  width: 100%;
  height: auto;
  float: left;
  line-height: 30px;
}
.business .cogen-dashboard-container .cogen-dashboard-inner-container .legend h4 {
  font-size: 16px;
}
.business .cogen-dashboard-container .cogen-dashboard-inner-container .legend .legend-items {
  display: inline-block;
  border: solid black 1px;
  padding: 10px;
  box-shadow: inset 0 0 2px 2px rgba(255, 255, 255, 0.35), 0 3px 1px -1px rgba(0, 0, 0, 0.3);
}
.business .cogen-dashboard-container .cogen-dashboard-inner-container .legend .legend-items .legend-item {
  width: auto;
  float: left;
  margin-right: 15px;
  font-size: 20px;
}
.business .cogen-dashboard-container .cogen-dashboard-inner-container .legend .legend-items .legend-item .legend-color-square {
  width: 30px;
  height: 30px;
  content: ' ';
  float: left;
  margin-right: 5px;
}
.business .cogen-dashboard-container .cogen-dashboard-inner-container .legend .legend-items .legend-item .legend-color-square.bg-very-good {
  background: #67c2ef;
  border: 1px solid #39afea;
}
.business .cogen-dashboard-container .cogen-dashboard-inner-container .legend .legend-items .legend-item .legend-color-square.bg-good {
  background: #79c447;
  border: 1px solid #61a434;
}
.business .cogen-dashboard-container .cogen-dashboard-inner-container .legend .legend-items .legend-item .legend-color-square.bg-average {
  background: #fabb3d;
  border: 1px solid #f9aa0b;
}
.business .cogen-dashboard-container .cogen-dashboard-inner-container .legend .legend-items .legend-item .legend-color-square.bg-bad {
  background: #ff5454;
  border: 1px solid #ff2121;
}
.business .cogen-dashboard-container .cogen-dashboard-inner-container .legend .legend-items .legend-item .legend-color-square.generic {
  background: rgba(0, 0, 0, 0.9);
  border: 1px solid black;
}
.business .cogen-dashboard-container .cogen-dashboard-inner-container .flip-container {
  position: relative;
  width: 400px;
  min-height: 230px;
  float: left;
  margin-right: 15px;
  /* hide back of pane during swap */
  /* front pane, placed above back */
  /* back, initially hidden pane */
}
.business .cogen-dashboard-container .cogen-dashboard-inner-container .flip-container .flipper {
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
}
.business .cogen-dashboard-container .cogen-dashboard-inner-container .flip-container.flip .flipper {
  transform: rotateY(180deg);
}
.business .cogen-dashboard-container .cogen-dashboard-inner-container .flip-container .front,
.business .cogen-dashboard-container .cogen-dashboard-inner-container .flip-container .back {
  backface-visibility: hidden;
  width: 400px;
  height: 150px;
  position: absolute;
  top: 0;
  left: 0;
}
.business .cogen-dashboard-container .cogen-dashboard-inner-container .flip-container .front {
  z-index: 2;
  /* for firefox 31 */
  transform: rotateY(0deg);
}
.business .cogen-dashboard-container .cogen-dashboard-inner-container .flip-container .back {
  transform: rotateY(180deg);
}
.business .cogen-dashboard-container .cogen-dashboard-inner-container .widget-container {
  padding-top: 20px;
  position: relative;
  color: white;
  width: 400px;
  min-height: 230px;
  float: left;
  margin-right: 15px;
}
.business .cogen-dashboard-container .cogen-dashboard-inner-container .widget-container.double {
  width: 500px;
}
.business .cogen-dashboard-container .cogen-dashboard-inner-container .widget-container .top-right-rotate-button {
  padding: 3px 3px 0px 0px;
  position: absolute;
  top: 0;
  right: 0;
  height: 19px;
  width: 19px;
  text-align: center;
  line-height: 19px;
  -webkit-transition: color 0.3s, border-color 0.3s;
  transition: color 0.3s, border-color 0.3s;
}
.business .cogen-dashboard-container .cogen-dashboard-inner-container .widget-container .top-right-rotate-button:hover {
  color: #fb8c00;
}
.business .cogen-dashboard-container .cogen-dashboard-inner-container .widget-container .box-inner {
  padding: 20px;
}
.business .cogen-dashboard-container .cogen-dashboard-inner-container .widget-container .box-inner i {
  display: block;
  height: 200px;
  font-size: 60px;
  line-height: 200px;
  width: 100px;
  float: left;
  text-align: center;
  border-right: 2px solid rgba(255, 255, 255, 0.75);
  margin-right: 20px;
  padding-right: 20px;
  color: #ffffff;
}
.business .cogen-dashboard-container .cogen-dashboard-inner-container .widget-container .box-inner .value {
  margin-top: 20px;
  font-size: 34px;
  font-weight: 700;
}
.business .cogen-dashboard-container .cogen-dashboard-inner-container .widget-container .box-inner .value .info-container {
  float: right;
  width: 100px;
  font-size: 20px;
  line-height: 34px;
  height: 34px;
  padding-left: 10px;
}
.business .cogen-dashboard-container .cogen-dashboard-inner-container .widget-container .box-inner .value .info-container i {
  font-size: 20px;
  width: auto;
  height: 34px;
  line-height: 34px;
  display: inherit;
  border: none;
  padding: 0;
  margin-right: 10px;
}
.business .cogen-dashboard-container .cogen-dashboard-inner-container .widget-container .box-inner .title {
  font-size: 20px;
  line-height: 50px;
  font-weight: 600;
}
.business .cogen-dashboard-container .cogen-dashboard-inner-container .widget-container .box-inner .seven-day {
  margin-top: 10px;
  font-size: 16px;
}
.business .cogen-dashboard-container .cogen-dashboard-inner-container .widget-container.bg-very-good {
  background: #67c2ef;
  border: 1px solid #39afea;
}
.business .cogen-dashboard-container .cogen-dashboard-inner-container .widget-container.bg-good {
  background: #79c447;
  border: 1px solid #61a434;
}
.business .cogen-dashboard-container .cogen-dashboard-inner-container .widget-container.bg-average {
  background: #fabb3d;
  border: 1px solid #f9aa0b;
}
.business .cogen-dashboard-container .cogen-dashboard-inner-container .widget-container.bg-bad {
  background: #ff5454;
  border: 1px solid #ff2121;
}
.business .cogen-dashboard-container .cogen-dashboard-inner-container .widget-container.generic {
  background: rgba(0, 0, 0, 0.9);
  border: 1px solid black;
}
.business .charting-main-container {
  background-color: #ffffff;
  padding-bottom: 130px;
}
.business .point-configuration-left .editing {
  font-size: 13px;
}
.business .point-configuration-left .editing .required {
  padding-left: 34px;
}
.business .point-configuration-left .editing .input-field input {
  min-width: 200px;
  font-size: 13px !important;
  width: auto;
}
.business .point-configuration-right {
  margin-top: 38px;
}
.business .point-configuration-right .svg-container svg {
  width: 600px;
  height: 450px;
}
.business .bills_page .dropdown-content {
  margin-right: 35px;
  margin-top: 25px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #bdbdbd;
}
.business .bills_page svg .domain {
  fill: #9e9e9e;
  stroke-width: 2px;
}
.business .bills_page svg .x.axis .tick line {
  display: none;
}
.business .rcx_page .date-range-handler {
  margin-right: 0px;
}
.business .rcx_page .radio-button-inline {
  margin-top: 0px;
}
.business .rcx_page .radio-button-inline > div {
  margin-top: 0px;
}
.business .rcx_page .radio-button-inline > div label:hover {
  color: #ff8400;
}
.business .rcx_page .radio-button-inline > div label:after {
  margin-bottom: 0px;
}
.business .rcx_page .radio-button-inline > div:nth-child(1) label {
  padding-left: 0px;
}
.business .rcx_page .chart-container > .chart-header:nth-child(2) {
  border-bottom: none;
}
.business .rcx_page .chart-container > .chart-header:nth-child(2) > form,
.business .rcx_page .chart-container > .chart-header:nth-child(2) > div {
  width: 100%;
}
.business .rcx_page .chart-container > .chart-header:nth-child(2) > form input,
.business .rcx_page .chart-container > .chart-header:nth-child(2) > div input {
  width: 55px;
}
.business .rcx_page .chart-container > .chart-header:nth-child(2) > div {
  text-align: right;
}
.business .rcx_page .chart-container > .chart-header:nth-child(2) input[type="text"] {
  width: 160px;
  margin-left: 45%;
}
.business .rcx_page .chart-container > .chart-header:nth-child(2) span,
.business .rcx_page .chart-container > .chart-header:nth-child(2) input {
  font-size: 13px !important;
}
.business .rcx_page .table-container {
  padding: 0 32px !important;
}
.business .rcx_page .table-container thead .row.filter-row {
  height: 10px;
}
.business .rcx_page .table-container thead .sub_title th {
  cursor: default !important;
}
.business .rcx_page .table-container thead th {
  font-size: 12px !important;
}
.business .rcx_page svg .domain {
  fill: #9e9e9e;
  stroke-width: 1px;
}
.business .rcx_page svg .x.axis .tick line {
  display: none;
}
.d3-tip {
  border-color: #bdbdbd;
}
.bills_tip {
  font-weight: 400;
  padding: 9px;
}
.bills_tip .tip_header {
  text-decoration: underline;
  padding-left: 5px;
}
.bills_tip td {
  padding-top: 3px;
  padding-bottom: 3px;
}
.bills_tip td .tip_squre {
  height: 8px;
  width: 8px;
  margin-bottom: 1px;
}
.bills_tip + .triangle_container {
  left: 0;
  position: absolute;
  z-index: 999;
  display: block;
  width: 100%;
}
.bills_tip + .triangle_container .triangle {
  background: url('images/tip_popup_triangle.png') no-repeat;
  height: 9px;
  width: 12px;
  margin-top: 12px;
  margin-left: auto;
  margin-right: auto;
}
.from-date-container {
  line-height: 2;
  padding-bottom: 0px !important;
}
.to-date-container {
  line-height: 2;
  margin-left: 20px;
  padding-bottom: 0px !important;
}
.timeline-radio-label span {
  width: 70px;
  display: inline-block;
}
.check-column {
  font-size: 12px;
  width: 50%;
  float: left;
}
.checkbox-container {
  margin-top: 15px;
  height: 350px;
  overflow: auto;
}
.horizontal-checkbox-container {
  margin-top: 15px;
  margin-left: 150px;
  overflow: auto;
}
.horizontal-checkbox-container-no-margin {
  margin-top: 15px;
  overflow: auto;
}
.meter-title-bar {
  margin-top: 15px;
}
.meter-title-bar .date-padding {
  margin-right: auto;
}
.meter-table-container table {
  margin-top: 15px;
  text-align: left;
  position: relative;
  table-layout: auto;
  border-collapse: collapse;
  /* This is new */
  font-size: 12px;
  border: 1px solid #074876;
}
.meter-table-container table .absorbing-column {
  width: 100%;
}
.meter-table-container th,
.meter-table-container td {
  padding: 0.25rem 10px;
  white-space: nowrap;
}
.meter-table-container tr {
  height: 27px;
  border-bottom: 1px solid #ddd;
}
.meter-table-container tr.red th {
  background: red;
  color: white;
}
.meter-table-container tr.green th {
  background: green;
  color: white;
}
.meter-table-container tr.purple th {
  background: purple;
  color: white;
}
.meter-table-container th.sub {
  background: white;
  position: sticky;
  top: 46px;
  /* Don't forget this, required for the stickiness */
}
.meter-table-container th {
  background: white;
  position: sticky;
  top: 0;
  /* Don't forget this, required for the stickiness */
  /* This is new */
  font-weight: 400;
  font-size: 14px;
  color: #074876;
  border-bottom: 1px dashed #69c;
  padding: 12px 10px;
}
.meter-table-container td {
  color: #074876;
  padding: 7px 17px;
}
.meter-table-container tbody tr:nth-child(2n) td {
  background-color: #f7f7f7;
}
.meter-table-container tfoot tr {
  border-bottom: solid #074876 1px;
}
.meter-table-container .level1 td:first-child {
  padding-left: 15px;
}
.meter-table-container .level2 td:first-child {
  padding-left: 30px;
}
.section-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px 16px 24px 0px;
  gap: 16px;
  position: absolute;
  width: calc(100% - 104px - 16px);
  height: calc(100vh - 104px);
  left: 104px;
  top: 122px;
  overflow-y: auto;
}
.section-content::-webkit-scrollbar {
  width: 6px;
}
.section-content::-webkit-scrollbar-track {
  background-color: #E9ECF2;
  border-radius: 8px;
}
.section-content::-webkit-scrollbar-thumb {
  background: #171A1D;
  border-radius: 8px;
}
.section-content::-webkit-scrollbar-thumb:hover {
  width: 10px;
}
.section-content .widgets-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;
  width: 100%;
  height: 351px;
}
.section-content .widgets-container .faults-overview-widget {
  box-sizing: border-box;
  width: 50%;
  height: 351px;
  background: #FFFFFF;
  border: 1px solid #E9ECF2;
  border-radius: 12px;
}
.section-content .widgets-container .faults-overview-widget .widget-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 16px;
  position: absolute;
  width: calc(100% - 16px);
  height: 231px;
  left: 16px;
  top: 93px;
}
.section-content .widgets-container .faults-overview-widget .widget-content .chart-container {
  width: 100%;
  overflow-x: auto;
}
.section-content .widgets-container .faults-overview-widget .widget-content .chart-container::-webkit-scrollbar {
  height: 6px;
  width: 100%;
}
.section-content .widgets-container .faults-overview-widget .widget-content .chart-container::-webkit-scrollbar-track {
  background-color: #E9ECF2;
  border-radius: 8px;
}
.section-content .widgets-container .faults-overview-widget .widget-content .chart-container::-webkit-scrollbar-thumb {
  background: #171A1D;
  border-radius: 8px;
}
.section-content .widgets-container .faults-overview-widget .widget-content .chart-container::-webkit-scrollbar-thumb:hover {
  height: 10px;
}
.section-content .widgets-container .top-recurring-widget {
  box-sizing: border-box;
  width: 50%;
  height: 351px;
  background: #FFFFFF;
  border: 1px solid #E9ECF2;
  border-radius: 12px;
}
.section-content .widgets-container .top-recurring-widget .widget-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 16px;
  position: absolute;
  width: 100%;
  height: 231px;
  left: 16px;
  top: 93px;
}
.section-content .widgets-container .top-recurring-widget .widget-content .chart-container {
  width: 231px;
  height: 231px;
}
.section-content .widgets-container .top-recurring-widget .widget-content .table-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  width: calc(100% - 231px - 32px - 16px);
  height: 215px;
}
.section-content .widgets-container .top-recurring-widget .widget-content .table-container thead {
  width: 100%;
  height: 31px;
  background: #F3F5F8;
  border-radius: 8px;
  position: relative;
}
.section-content .widgets-container .top-recurring-widget .widget-content .table-container thead tr {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
  position: absolute;
  width: calc(100% - 24px);
  height: 19px;
  left: 12px;
  top: 6px;
}
.section-content .widgets-container .top-recurring-widget .widget-content .table-container thead tr th {
  height: 19px;
  width: 10%;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
  font-feature-settings: 'liga' off;
  color: #757F94;
}
.section-content .widgets-container .top-recurring-widget .widget-content .table-container thead tr th:first-child {
  width: 80%;
}
.section-content .widgets-container .top-recurring-widget .widget-content .table-container tbody {
  height: 184px;
  width: 100%;
}
.section-content .widgets-container .top-recurring-widget .widget-content .table-container tbody tr {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
  width: calc(100% - 24px);
  height: 46px;
}
.section-content .widgets-container .top-recurring-widget .widget-content .table-container tbody tr:nth-of-type(1) td svg circle {
  fill: #5DEBC9;
}
.section-content .widgets-container .top-recurring-widget .widget-content .table-container tbody tr:nth-of-type(2) svg circle {
  fill: #757F94;
}
.section-content .widgets-container .top-recurring-widget .widget-content .table-container tbody tr:nth-of-type(3) svg circle {
  fill: #D0D3D9;
}
.section-content .widgets-container .top-recurring-widget .widget-content .table-container tbody tr:nth-of-type(4) svg circle {
  fill: #E9ECF2;
}
.section-content .widgets-container .top-recurring-widget .widget-content .table-container tbody tr td {
  width: 10%;
  flex-direction: row-reverse;
  height: 46px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
  font-feature-settings: 'liga' off;
  color: #757F94;
}
.section-content .widgets-container .top-recurring-widget .widget-content .table-container tbody tr td:first-child {
  width: 80%;
  flex-direction: row;
  margin-right: 0px;
}
.section-content .widgets-container .top-recurring-widget .tabs-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2px;
  gap: 10px;
  position: absolute;
  width: 180px;
  height: 32px;
  right: 16px;
  top: 16px;
  background: #F3F5F8;
  border-radius: 56px;
}
.section-content .widgets-container .top-recurring-widget .tabs-container .tabs {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  gap: 4px;
  width: 176px;
  height: 28px;
}
.section-content .widgets-container .top-recurring-widget .tabs-container .tabs .tab {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 12px 4px 8px;
  gap: 10px;
  width: 88px;
  height: 30px;
  background: #F3F5F8;
  border-radius: 32px;
}
.section-content .widgets-container .top-recurring-widget .tabs-container .tabs .tab.selected {
  background: #171A1D;
}
.section-content .widgets-container .top-recurring-widget .tabs-container .tabs .tab.selected .tab-content .icon svg.info-folder {
  fill: #F3F5F8;
}
.section-content .widgets-container .top-recurring-widget .tabs-container .tabs .tab.selected .tab-content .icon svg.clock-icon {
  fill: #F3F5F8;
}
.section-content .widgets-container .top-recurring-widget .tabs-container .tabs .tab.selected .tab-content span {
  color: #E9ECF2;
}
.section-content .widgets-container .top-recurring-widget .tabs-container .tabs .tab .tab-content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  gap: 4px;
  cursor: pointer;
  width: 119px;
  height: 22px;
}
.section-content .widgets-container .top-recurring-widget .tabs-container .tabs .tab .tab-content .icon {
  width: 20px;
  height: 20px;
  position: relative;
}
.section-content .widgets-container .top-recurring-widget .tabs-container .tabs .tab .tab-content .icon svg.info-folder {
  position: absolute;
  left: 8.34%;
  right: 8.33%;
  top: 8.33%;
  bottom: 8.33%;
  fill: #000000;
}
.section-content .widgets-container .top-recurring-widget .tabs-container .tabs .tab .tab-content .icon svg.clock-icon {
  position: absolute;
  left: 8.34%;
  right: 8.33%;
  fill: #000000;
}
.section-content .widgets-container .top-recurring-widget .tabs-container .tabs .tab .tab-content span {
  width: 95px;
  height: 22px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 160%;
  text-align: center;
  font-feature-settings: 'liga' off;
  color: #757F94;
}
.section-content .widgets-container .monthly-energy-widget {
  box-sizing: border-box;
  width: 70%;
  height: 351px;
  background: #FFFFFF;
  border: 1px solid #E9ECF2;
  border-radius: 12px;
}
.section-content .widgets-container .monthly-energy-widget .widget-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 16px;
  position: absolute;
  width: calc(100% - 16px);
  height: 231px;
  left: 16px;
  top: 93px;
}
.section-content .widgets-container .monthly-energy-widget .widget-content .chart-container {
  width: 100%;
  overflow-x: auto;
}
.section-content .widgets-container .monthly-energy-widget .widget-content .chart-container::-webkit-scrollbar {
  height: 6px;
  width: 100%;
}
.section-content .widgets-container .monthly-energy-widget .widget-content .chart-container::-webkit-scrollbar-track {
  background-color: #E9ECF2;
  border-radius: 8px;
}
.section-content .widgets-container .monthly-energy-widget .widget-content .chart-container::-webkit-scrollbar-thumb {
  background: #171A1D;
  border-radius: 8px;
}
.section-content .widgets-container .monthly-energy-widget .widget-content .chart-container::-webkit-scrollbar-thumb:hover {
  height: 10px;
}
.section-content .widgets-container .energy-target-widget {
  box-sizing: border-box;
  width: 30%;
  height: 351px;
  background: #FFFFFF;
  border: 1px solid #E9ECF2;
  border-radius: 12px;
}
.section-content .widgets-container .energy-target-widget .widget-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 16px;
  position: absolute;
  width: calc(100% - 16px);
  height: 231px;
  left: 16px;
  top: 93px;
}
.section-content .widgets-container .energy-target-widget .widget-content .chart-container {
  width: 100%;
  overflow-x: auto;
}
.section-content .widgets-container .energy-target-widget .widget-content .chart-container::-webkit-scrollbar {
  height: 6px;
  width: 100%;
}
.section-content .widgets-container .energy-target-widget .widget-content .chart-container::-webkit-scrollbar-track {
  background-color: #E9ECF2;
  border-radius: 8px;
}
.section-content .widgets-container .energy-target-widget .widget-content .chart-container::-webkit-scrollbar-thumb {
  background: #171A1D;
  border-radius: 8px;
}
.section-content .widgets-container .energy-target-widget .widget-content .chart-container::-webkit-scrollbar-thumb:hover {
  height: 10px;
}
.section-content .widgets-container .faults-overview-widget,
.section-content .widgets-container .top-recurring-widget,
.section-content .widgets-container .monthly-energy-widget,
.section-content .widgets-container .energy-target-widget {
  position: relative;
  background: white;
}
.section-content .widgets-container .faults-overview-widget .widget-header,
.section-content .widgets-container .top-recurring-widget .widget-header,
.section-content .widgets-container .monthly-energy-widget .widget-header,
.section-content .widgets-container .energy-target-widget .widget-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
  position: absolute;
  height: 50px;
  left: 16px;
  top: 16px;
}
.section-content .widgets-container .faults-overview-widget .widget-header .header-text,
.section-content .widgets-container .top-recurring-widget .widget-header .header-text,
.section-content .widgets-container .monthly-energy-widget .widget-header .header-text,
.section-content .widgets-container .energy-target-widget .widget-header .header-text {
  height: 20px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  display: flex;
  align-items: center;
  color: #131517;
}
.section-content .widgets-container .faults-overview-widget .widget-header .supporting-text,
.section-content .widgets-container .top-recurring-widget .widget-header .supporting-text,
.section-content .widgets-container .monthly-energy-widget .widget-header .supporting-text,
.section-content .widgets-container .energy-target-widget .widget-header .supporting-text {
  height: 22px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
  color: #757F94;
}
.section-content .energy-table-container {
  padding-top: 24px;
}
.section-content .faults-container,
.section-content .energy-table-container {
  box-sizing: border-box;
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #E9ECF2;
  border-radius: 12px;
}
.section-content .faults-container .fault-toolbar,
.section-content .energy-table-container .fault-toolbar {
  width: 100%;
  height: 80px;
  position: relative;
}
.section-content .faults-container .fault-toolbar .tabs-container,
.section-content .energy-table-container .fault-toolbar .tabs-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2px;
  gap: 10px;
  position: absolute;
  width: 382px;
  height: 32px;
  left: 16px;
  top: 21px;
  background: #F3F5F8;
  border-radius: 56px;
}
.section-content .faults-container .fault-toolbar .tabs-container .tabs,
.section-content .energy-table-container .fault-toolbar .tabs-container .tabs {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  gap: 4px;
  width: 360px;
  height: 28px;
}
.section-content .faults-container .fault-toolbar .tabs-container .tabs .tab,
.section-content .energy-table-container .fault-toolbar .tabs-container .tabs .tab {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 12px 4px 8px;
  gap: 10px;
  width: 120px;
  height: 30px;
  background: #F3F5F8;
  border-radius: 32px;
}
.section-content .faults-container .fault-toolbar .tabs-container .tabs .tab.selected,
.section-content .energy-table-container .fault-toolbar .tabs-container .tabs .tab.selected {
  background: #171A1D;
}
.section-content .faults-container .fault-toolbar .tabs-container .tabs .tab.selected .tab-content .icon svg.layers path,
.section-content .energy-table-container .fault-toolbar .tabs-container .tabs .tab.selected .tab-content .icon svg.layers path {
  fill: #F3F5F8;
}
.section-content .faults-container .fault-toolbar .tabs-container .tabs .tab.selected .tab-content .icon svg.chart-horizontal path,
.section-content .energy-table-container .fault-toolbar .tabs-container .tabs .tab.selected .tab-content .icon svg.chart-horizontal path {
  fill: #F3F5F8;
}
.section-content .faults-container .fault-toolbar .tabs-container .tabs .tab.selected .tab-content .icon svg.pages path,
.section-content .energy-table-container .fault-toolbar .tabs-container .tabs .tab.selected .tab-content .icon svg.pages path {
  fill: #F3F5F8;
}
.section-content .faults-container .fault-toolbar .tabs-container .tabs .tab.selected .tab-content span,
.section-content .energy-table-container .fault-toolbar .tabs-container .tabs .tab.selected .tab-content span {
  color: #E9ECF2;
}
.section-content .faults-container .fault-toolbar .tabs-container .tabs .tab .tab-content,
.section-content .energy-table-container .fault-toolbar .tabs-container .tabs .tab .tab-content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  gap: 4px;
  cursor: pointer;
  width: 119px;
  height: 22px;
}
.section-content .faults-container .fault-toolbar .tabs-container .tabs .tab .tab-content .icon,
.section-content .energy-table-container .fault-toolbar .tabs-container .tabs .tab .tab-content .icon {
  width: 24px;
  height: 24px;
  position: relative;
}
.section-content .faults-container .fault-toolbar .tabs-container .tabs .tab .tab-content .icon svg.layers,
.section-content .energy-table-container .fault-toolbar .tabs-container .tabs .tab .tab-content .icon svg.layers {
  position: absolute;
  left: 10px;
}
.section-content .faults-container .fault-toolbar .tabs-container .tabs .tab .tab-content .icon svg.layers path,
.section-content .energy-table-container .fault-toolbar .tabs-container .tabs .tab .tab-content .icon svg.layers path {
  fill: #000000;
}
.section-content .faults-container .fault-toolbar .tabs-container .tabs .tab .tab-content .icon svg.chart-horizontal,
.section-content .energy-table-container .fault-toolbar .tabs-container .tabs .tab .tab-content .icon svg.chart-horizontal {
  position: absolute;
  left: 20px;
  top: 4px;
}
.section-content .faults-container .fault-toolbar .tabs-container .tabs .tab .tab-content .icon svg.chart-horizontal path,
.section-content .energy-table-container .fault-toolbar .tabs-container .tabs .tab .tab-content .icon svg.chart-horizontal path {
  fill: #000000;
}
.section-content .faults-container .fault-toolbar .tabs-container .tabs .tab .tab-content span,
.section-content .energy-table-container .fault-toolbar .tabs-container .tabs .tab .tab-content span {
  width: 95px;
  height: 22px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 160%;
  text-align: center;
  font-feature-settings: 'liga' off;
  color: #757F94;
}
.section-content .faults-container .fault-toolbar .fault-search-container,
.section-content .energy-table-container .fault-toolbar .fault-search-container {
  position: absolute;
  top: 16px;
  right: 154px;
}
.section-content .faults-container .fault-toolbar .download-file-button,
.section-content .energy-table-container .fault-toolbar .download-file-button {
  right: 390px;
}
.section-content .faults-container .fault-toolbar .fault-filter-button,
.section-content .energy-table-container .fault-toolbar .fault-filter-button {
  padding: 9px 30px 9px 26px;
  gap: 8px;
  position: absolute;
  width: 122px;
  height: 40px;
  right: 16px;
  top: 16px;
}
.section-content .faults-container .fault-toolbar .button-container,
.section-content .energy-table-container .fault-toolbar .button-container {
  position: absolute;
  left: 414px;
  top: 16px;
}
.section-content .faults-container .fault-toolbar .button-container .timeline-shift-button,
.section-content .energy-table-container .fault-toolbar .button-container .timeline-shift-button {
  padding: 9px 30px 9px 26px;
  gap: 8px;
  width: 148px;
  height: 40px;
}
.section-content .faults-container .data-table tbody tr,
.section-content .energy-table-container .data-table tbody tr {
  height: 40px !important;
}
.section-content .faults-container .data-table td,
.section-content .energy-table-container .data-table td,
.section-content .faults-container .data-table th,
.section-content .energy-table-container .data-table th {
  width: 20% !important;
}
.section-content .faults-container .fault-table,
.section-content .energy-table-container .fault-table,
.section-content .faults-container .data-table,
.section-content .energy-table-container .data-table {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  width: 100%;
  position: relative;
}
.section-content .faults-container .fault-table .table-body-header,
.section-content .energy-table-container .fault-table .table-body-header,
.section-content .faults-container .data-table .table-body-header,
.section-content .energy-table-container .data-table .table-body-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 4px 8px;
  gap: 16px;
  width: calc(100% - 48px);
  height: 30px;
  background: #F3F5F8;
  border-radius: 8px;
}
.section-content .faults-container .fault-table .table-body-header .header-items,
.section-content .energy-table-container .fault-table .table-body-header .header-items,
.section-content .faults-container .data-table .table-body-header .header-items,
.section-content .energy-table-container .data-table .table-body-header .header-items {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;
  width: 100%;
  height: 22px;
}
.section-content .faults-container .fault-table .table-body-header .header-items .header-item,
.section-content .energy-table-container .fault-table .table-body-header .header-items .header-item,
.section-content .faults-container .data-table .table-body-header .header-items .header-item,
.section-content .energy-table-container .data-table .table-body-header .header-items .header-item {
  width: 10%;
}
.section-content .faults-container .fault-table .table-body-header .header-items .header-item.clickable,
.section-content .energy-table-container .fault-table .table-body-header .header-items .header-item.clickable,
.section-content .faults-container .data-table .table-body-header .header-items .header-item.clickable,
.section-content .energy-table-container .data-table .table-body-header .header-items .header-item.clickable {
  cursor: pointer;
}
.section-content .faults-container .fault-table .table-body-header .header-items .header-item.bigger,
.section-content .energy-table-container .fault-table .table-body-header .header-items .header-item.bigger,
.section-content .faults-container .data-table .table-body-header .header-items .header-item.bigger,
.section-content .energy-table-container .data-table .table-body-header .header-items .header-item.bigger {
  width: 20%;
}
.section-content .faults-container .fault-table .table-body-header .header-items .header-item.expand-button,
.section-content .energy-table-container .fault-table .table-body-header .header-items .header-item.expand-button,
.section-content .faults-container .data-table .table-body-header .header-items .header-item.expand-button,
.section-content .energy-table-container .data-table .table-body-header .header-items .header-item.expand-button {
  width: 3%;
}
.section-content .faults-container .fault-table .table-body-header .header-items .header-item.tools-area,
.section-content .energy-table-container .fault-table .table-body-header .header-items .header-item.tools-area,
.section-content .faults-container .data-table .table-body-header .header-items .header-item.tools-area,
.section-content .energy-table-container .data-table .table-body-header .header-items .header-item.tools-area {
  width: 7%;
}
.section-content .faults-container .fault-table .table-body-header .header-items .header-item .header-text,
.section-content .energy-table-container .fault-table .table-body-header .header-items .header-item .header-text,
.section-content .faults-container .data-table .table-body-header .header-items .header-item .header-text,
.section-content .energy-table-container .data-table .table-body-header .header-items .header-item .header-text {
  height: 19px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-feature-settings: 'liga' off;
  color: #757F94;
}
.section-content .faults-container .fault-table tbody,
.section-content .energy-table-container .fault-table tbody,
.section-content .faults-container .data-table tbody,
.section-content .energy-table-container .data-table tbody {
  width: calc(100% - 48px);
}
.section-content .faults-container .fault-table tbody::-webkit-scrollbar,
.section-content .energy-table-container .fault-table tbody::-webkit-scrollbar,
.section-content .faults-container .data-table tbody::-webkit-scrollbar,
.section-content .energy-table-container .data-table tbody::-webkit-scrollbar {
  width: 6px;
}
.section-content .faults-container .fault-table tbody::-webkit-scrollbar-track,
.section-content .energy-table-container .fault-table tbody::-webkit-scrollbar-track,
.section-content .faults-container .data-table tbody::-webkit-scrollbar-track,
.section-content .energy-table-container .data-table tbody::-webkit-scrollbar-track {
  background-color: #E9ECF2;
  border-radius: 8px;
}
.section-content .faults-container .fault-table tbody::-webkit-scrollbar-thumb,
.section-content .energy-table-container .fault-table tbody::-webkit-scrollbar-thumb,
.section-content .faults-container .data-table tbody::-webkit-scrollbar-thumb,
.section-content .energy-table-container .data-table tbody::-webkit-scrollbar-thumb {
  background: #171A1D;
  border-radius: 8px;
}
.section-content .faults-container .fault-table tbody::-webkit-scrollbar-thumb:hover,
.section-content .energy-table-container .fault-table tbody::-webkit-scrollbar-thumb:hover,
.section-content .faults-container .data-table tbody::-webkit-scrollbar-thumb:hover,
.section-content .energy-table-container .data-table tbody::-webkit-scrollbar-thumb:hover {
  width: 10px;
}
.section-content .faults-container .fault-table tbody .table-body-row,
.section-content .energy-table-container .fault-table tbody .table-body-row,
.section-content .faults-container .data-table tbody .table-body-row,
.section-content .energy-table-container .data-table tbody .table-body-row {
  display: inline-table;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 72px;
  background: #FFFFFF;
  border-bottom: 1px solid #E9ECF2;
}
.section-content .faults-container .fault-table tbody .table-body-row td,
.section-content .energy-table-container .fault-table tbody .table-body-row td,
.section-content .faults-container .data-table tbody .table-body-row td,
.section-content .energy-table-container .data-table tbody .table-body-row td {
  width: 10%;
  padding-left: 8px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 160%;
  font-feature-settings: 'liga' off;
  color: #4A5263;
}
.section-content .faults-container .fault-table tbody .table-body-row td.category,
.section-content .energy-table-container .fault-table tbody .table-body-row td.category,
.section-content .faults-container .data-table tbody .table-body-row td.category,
.section-content .energy-table-container .data-table tbody .table-body-row td.category {
  color: #175CD3;
}
.section-content .faults-container .fault-table tbody .table-body-row td.category .icon,
.section-content .energy-table-container .fault-table tbody .table-body-row td.category .icon,
.section-content .faults-container .data-table tbody .table-body-row td.category .icon,
.section-content .energy-table-container .data-table tbody .table-body-row td.category .icon {
  float: left;
  margin-top: 2px;
}
.section-content .faults-container .fault-table tbody .table-body-row td.category svg path,
.section-content .energy-table-container .fault-table tbody .table-body-row td.category svg path,
.section-content .faults-container .data-table tbody .table-body-row td.category svg path,
.section-content .energy-table-container .data-table tbody .table-body-row td.category svg path {
  fill: #175CD3;
}
.section-content .faults-container .fault-table tbody .table-body-row td.LOW,
.section-content .energy-table-container .fault-table tbody .table-body-row td.LOW,
.section-content .faults-container .data-table tbody .table-body-row td.LOW,
.section-content .energy-table-container .data-table tbody .table-body-row td.LOW {
  color: #039855;
}
.section-content .faults-container .fault-table tbody .table-body-row td.LOW svg circle,
.section-content .energy-table-container .fault-table tbody .table-body-row td.LOW svg circle,
.section-content .faults-container .data-table tbody .table-body-row td.LOW svg circle,
.section-content .energy-table-container .data-table tbody .table-body-row td.LOW svg circle {
  fill: #039855;
}
.section-content .faults-container .fault-table tbody .table-body-row td.MEDIUM,
.section-content .energy-table-container .fault-table tbody .table-body-row td.MEDIUM,
.section-content .faults-container .data-table tbody .table-body-row td.MEDIUM,
.section-content .energy-table-container .data-table tbody .table-body-row td.MEDIUM {
  color: #DC6803;
}
.section-content .faults-container .fault-table tbody .table-body-row td.MEDIUM svg circle,
.section-content .energy-table-container .fault-table tbody .table-body-row td.MEDIUM svg circle,
.section-content .faults-container .data-table tbody .table-body-row td.MEDIUM svg circle,
.section-content .energy-table-container .data-table tbody .table-body-row td.MEDIUM svg circle {
  fill: #DC6803;
}
.section-content .faults-container .fault-table tbody .table-body-row td.HIGH,
.section-content .energy-table-container .fault-table tbody .table-body-row td.HIGH,
.section-content .faults-container .data-table tbody .table-body-row td.HIGH,
.section-content .energy-table-container .data-table tbody .table-body-row td.HIGH {
  color: #D92D20;
}
.section-content .faults-container .fault-table tbody .table-body-row td.HIGH svg circle,
.section-content .energy-table-container .fault-table tbody .table-body-row td.HIGH svg circle,
.section-content .faults-container .data-table tbody .table-body-row td.HIGH svg circle,
.section-content .energy-table-container .data-table tbody .table-body-row td.HIGH svg circle {
  fill: #D92D20;
}
.section-content .faults-container .fault-table tbody .table-body-row td.bigger,
.section-content .energy-table-container .fault-table tbody .table-body-row td.bigger,
.section-content .faults-container .data-table tbody .table-body-row td.bigger,
.section-content .energy-table-container .data-table tbody .table-body-row td.bigger {
  width: 20%;
}
.section-content .faults-container .fault-table tbody .table-body-row td.tools-area,
.section-content .energy-table-container .fault-table tbody .table-body-row td.tools-area,
.section-content .faults-container .data-table tbody .table-body-row td.tools-area,
.section-content .energy-table-container .data-table tbody .table-body-row td.tools-area {
  width: 7%;
}
.section-content .faults-container .fault-table tbody .table-body-row td.tools-area .row-button,
.section-content .energy-table-container .fault-table tbody .table-body-row td.tools-area .row-button,
.section-content .faults-container .data-table tbody .table-body-row td.tools-area .row-button,
.section-content .energy-table-container .data-table tbody .table-body-row td.tools-area .row-button {
  width: 32px;
  height: 32px;
  background: #F3F5F8;
  border-radius: 6px;
  cursor: pointer;
}
.section-content .faults-container .fault-table tbody .table-body-row td.tools-area .row-button.history-button,
.section-content .energy-table-container .fault-table tbody .table-body-row td.tools-area .row-button.history-button,
.section-content .faults-container .data-table tbody .table-body-row td.tools-area .row-button.history-button,
.section-content .energy-table-container .data-table tbody .table-body-row td.tools-area .row-button.history-button {
  position: absolute;
  top: 20px;
  right: 48px;
}
.section-content .faults-container .fault-table tbody .table-body-row td.tools-area .row-button.history-button .item-icon,
.section-content .energy-table-container .fault-table tbody .table-body-row td.tools-area .row-button.history-button .item-icon,
.section-content .faults-container .data-table tbody .table-body-row td.tools-area .row-button.history-button .item-icon,
.section-content .energy-table-container .data-table tbody .table-body-row td.tools-area .row-button.history-button .item-icon {
  left: 6px;
}
.section-content .faults-container .fault-table tbody .table-body-row td.tools-area .row-button.history-button .item-icon svg,
.section-content .energy-table-container .fault-table tbody .table-body-row td.tools-area .row-button.history-button .item-icon svg,
.section-content .faults-container .data-table tbody .table-body-row td.tools-area .row-button.history-button .item-icon svg,
.section-content .energy-table-container .data-table tbody .table-body-row td.tools-area .row-button.history-button .item-icon svg {
  fill: #171A1D;
}
.section-content .faults-container .fault-table tbody .table-body-row td.tools-area .row-button.toggle-button,
.section-content .energy-table-container .fault-table tbody .table-body-row td.tools-area .row-button.toggle-button,
.section-content .faults-container .data-table tbody .table-body-row td.tools-area .row-button.toggle-button,
.section-content .energy-table-container .data-table tbody .table-body-row td.tools-area .row-button.toggle-button {
  position: absolute;
  top: 20px;
  right: 8px;
}
.section-content .faults-container .fault-table tbody .table-body-row td.tools-area .row-button.toggle-button .item-icon,
.section-content .energy-table-container .fault-table tbody .table-body-row td.tools-area .row-button.toggle-button .item-icon,
.section-content .faults-container .data-table tbody .table-body-row td.tools-area .row-button.toggle-button .item-icon,
.section-content .energy-table-container .data-table tbody .table-body-row td.tools-area .row-button.toggle-button .item-icon {
  left: 10px;
}
.section-content .faults-container .fault-table tbody .table-body-row td.tools-area .row-button.info-button,
.section-content .energy-table-container .fault-table tbody .table-body-row td.tools-area .row-button.info-button,
.section-content .faults-container .data-table tbody .table-body-row td.tools-area .row-button.info-button,
.section-content .energy-table-container .data-table tbody .table-body-row td.tools-area .row-button.info-button {
  position: absolute;
  top: 20px;
  right: 88px;
}
.section-content .faults-container .fault-table tbody .table-body-row td.tools-area .row-button.info-button .item-icon,
.section-content .energy-table-container .fault-table tbody .table-body-row td.tools-area .row-button.info-button .item-icon,
.section-content .faults-container .data-table tbody .table-body-row td.tools-area .row-button.info-button .item-icon,
.section-content .energy-table-container .data-table tbody .table-body-row td.tools-area .row-button.info-button .item-icon {
  left: 7.5px;
}
.section-content .faults-container .fault-table tbody .table-body-row td.tools-area .row-button.comments-button,
.section-content .energy-table-container .fault-table tbody .table-body-row td.tools-area .row-button.comments-button,
.section-content .faults-container .data-table tbody .table-body-row td.tools-area .row-button.comments-button,
.section-content .energy-table-container .data-table tbody .table-body-row td.tools-area .row-button.comments-button {
  position: absolute;
  top: 20px;
  right: 48px;
}
.section-content .faults-container .fault-table tbody .table-body-row td.tools-area .row-button.comments-button .item-icon,
.section-content .energy-table-container .fault-table tbody .table-body-row td.tools-area .row-button.comments-button .item-icon,
.section-content .faults-container .data-table tbody .table-body-row td.tools-area .row-button.comments-button .item-icon,
.section-content .energy-table-container .data-table tbody .table-body-row td.tools-area .row-button.comments-button .item-icon {
  left: 6px;
}
.section-content .faults-container .fault-table tbody .table-body-row td.tools-area .row-button.comments-button .item-icon svg.comment-icon,
.section-content .energy-table-container .fault-table tbody .table-body-row td.tools-area .row-button.comments-button .item-icon svg.comment-icon,
.section-content .faults-container .data-table tbody .table-body-row td.tools-area .row-button.comments-button .item-icon svg.comment-icon,
.section-content .energy-table-container .data-table tbody .table-body-row td.tools-area .row-button.comments-button .item-icon svg.comment-icon {
  position: absolute;
  left: 8.33%;
  right: 8.34%;
  top: 12.5%;
  bottom: 6.25%;
}
.section-content .faults-container .fault-table tbody .table-body-row td.tools-area .row-button.comments-button .item-icon svg.comment-bubble,
.section-content .energy-table-container .fault-table tbody .table-body-row td.tools-area .row-button.comments-button .item-icon svg.comment-bubble,
.section-content .faults-container .data-table tbody .table-body-row td.tools-area .row-button.comments-button .item-icon svg.comment-bubble,
.section-content .energy-table-container .data-table tbody .table-body-row td.tools-area .row-button.comments-button .item-icon svg.comment-bubble {
  position: absolute;
  left: 70.83%;
  right: -4.16%;
  top: 0%;
  bottom: 66.67%;
}
.section-content .faults-container .fault-table tbody .table-body-row td.tools-area .row-button.charts-button,
.section-content .energy-table-container .fault-table tbody .table-body-row td.tools-area .row-button.charts-button,
.section-content .faults-container .data-table tbody .table-body-row td.tools-area .row-button.charts-button,
.section-content .energy-table-container .data-table tbody .table-body-row td.tools-area .row-button.charts-button {
  position: absolute;
  top: 20px;
  right: 8px;
}
.section-content .faults-container .fault-table tbody .table-body-row td.tools-area .row-button.charts-button .item-icon,
.section-content .energy-table-container .fault-table tbody .table-body-row td.tools-area .row-button.charts-button .item-icon,
.section-content .faults-container .data-table tbody .table-body-row td.tools-area .row-button.charts-button .item-icon,
.section-content .energy-table-container .data-table tbody .table-body-row td.tools-area .row-button.charts-button .item-icon {
  left: 5px;
}
.section-content .faults-container .fault-table tbody .table-body-row td.tools-area .row-button.charts-button .item-icon svg,
.section-content .energy-table-container .fault-table tbody .table-body-row td.tools-area .row-button.charts-button .item-icon svg,
.section-content .faults-container .data-table tbody .table-body-row td.tools-area .row-button.charts-button .item-icon svg,
.section-content .energy-table-container .data-table tbody .table-body-row td.tools-area .row-button.charts-button .item-icon svg {
  position: absolute;
  left: 12.5%;
  right: 12.5%;
  top: 8.33%;
  bottom: 12.5%;
}
.section-content .faults-container .fault-table tbody .table-body-row td.tools-area .row-button.ai-button,
.section-content .energy-table-container .fault-table tbody .table-body-row td.tools-area .row-button.ai-button,
.section-content .faults-container .data-table tbody .table-body-row td.tools-area .row-button.ai-button,
.section-content .energy-table-container .data-table tbody .table-body-row td.tools-area .row-button.ai-button {
  position: absolute;
  top: 20px;
  right: 8px;
}
.section-content .faults-container .fault-table tbody .table-body-row td.tools-area .row-button.ai-button .item-icon,
.section-content .energy-table-container .fault-table tbody .table-body-row td.tools-area .row-button.ai-button .item-icon,
.section-content .faults-container .data-table tbody .table-body-row td.tools-area .row-button.ai-button .item-icon,
.section-content .energy-table-container .data-table tbody .table-body-row td.tools-area .row-button.ai-button .item-icon {
  left: 6px;
  top: -7px;
}
.section-content .faults-container .fault-table tbody .table-body-row td.tools-area .row-button.ai-button .item-icon svg,
.section-content .energy-table-container .fault-table tbody .table-body-row td.tools-area .row-button.ai-button .item-icon svg,
.section-content .faults-container .data-table tbody .table-body-row td.tools-area .row-button.ai-button .item-icon svg,
.section-content .energy-table-container .data-table tbody .table-body-row td.tools-area .row-button.ai-button .item-icon svg {
  fill: #171A1D;
}
.section-content .faults-container .fault-table tbody .table-body-row td.tools-area .row-button.ai-button:hover,
.section-content .energy-table-container .fault-table tbody .table-body-row td.tools-area .row-button.ai-button:hover,
.section-content .faults-container .data-table tbody .table-body-row td.tools-area .row-button.ai-button:hover,
.section-content .energy-table-container .data-table tbody .table-body-row td.tools-area .row-button.ai-button:hover {
  background: #E9ECF2;
}
.section-content .faults-container .fault-table tbody .table-body-row td.tools-area .row-button .item-icon,
.section-content .energy-table-container .fault-table tbody .table-body-row td.tools-area .row-button .item-icon,
.section-content .faults-container .data-table tbody .table-body-row td.tools-area .row-button .item-icon,
.section-content .energy-table-container .data-table tbody .table-body-row td.tools-area .row-button .item-icon {
  width: 20px;
  height: 20px;
  position: absolute;
  top: -7px;
}
.section-content .faults-container .fault-table tbody .table-body-row td.expand-button,
.section-content .energy-table-container .fault-table tbody .table-body-row td.expand-button,
.section-content .faults-container .data-table tbody .table-body-row td.expand-button,
.section-content .energy-table-container .data-table tbody .table-body-row td.expand-button {
  width: 3%;
  cursor: pointer;
}
.section-content .faults-container .fault-table tbody .table-body-row td.expand-button .icon-button,
.section-content .energy-table-container .fault-table tbody .table-body-row td.expand-button .icon-button,
.section-content .faults-container .data-table tbody .table-body-row td.expand-button .icon-button,
.section-content .energy-table-container .data-table tbody .table-body-row td.expand-button .icon-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px;
  width: 28px;
  height: 28px;
  background: #F3F5F8;
  border-radius: 6px;
}
.section-content .faults-container .fault-table tbody .table-body-row td.expand-button .icon-button:hover,
.section-content .energy-table-container .fault-table tbody .table-body-row td.expand-button .icon-button:hover,
.section-content .faults-container .data-table tbody .table-body-row td.expand-button .icon-button:hover,
.section-content .energy-table-container .data-table tbody .table-body-row td.expand-button .icon-button:hover {
  background: #E9ECF2;
}
.section-content .faults-container .fault-table tbody .table-body-row td.expand-button .icon-button.expanded svg,
.section-content .energy-table-container .fault-table tbody .table-body-row td.expand-button .icon-button.expanded svg,
.section-content .faults-container .data-table tbody .table-body-row td.expand-button .icon-button.expanded svg,
.section-content .energy-table-container .data-table tbody .table-body-row td.expand-button .icon-button.expanded svg {
  transform: rotate(90deg);
}
.section-content .faults-container .fault-table tbody .table-body-row td.expand-button .icon-button svg,
.section-content .energy-table-container .fault-table tbody .table-body-row td.expand-button .icon-button svg,
.section-content .faults-container .data-table tbody .table-body-row td.expand-button .icon-button svg,
.section-content .energy-table-container .data-table tbody .table-body-row td.expand-button .icon-button svg {
  transition: all 0.3s ease;
}
.section-content .faults-container .fault-table tbody .expanded-fault-table,
.section-content .energy-table-container .fault-table tbody .expanded-fault-table,
.section-content .faults-container .data-table tbody .expanded-fault-table,
.section-content .energy-table-container .data-table tbody .expanded-fault-table {
  flex-direction: column;
  align-items: center;
  padding: 0px;
  gap: 20px;
  background: #F9FAFB;
  display: none;
  height: 0px;
  width: 100%;
}
.section-content .faults-container .fault-table tbody .expanded-fault-table.expanded,
.section-content .energy-table-container .fault-table tbody .expanded-fault-table.expanded,
.section-content .faults-container .data-table tbody .expanded-fault-table.expanded,
.section-content .energy-table-container .data-table tbody .expanded-fault-table.expanded {
  display: flex;
  height: auto;
}
.section-content .faults-container .fault-table tbody .expanded-fault-table .shadow-top,
.section-content .energy-table-container .fault-table tbody .expanded-fault-table .shadow-top,
.section-content .faults-container .data-table tbody .expanded-fault-table .shadow-top,
.section-content .energy-table-container .data-table tbody .expanded-fault-table .shadow-top {
  width: 100%;
  height: 4px;
  background: #171A1D;
  opacity: 0.13;
  filter: blur(5.5px);
}
.section-content .faults-container .fault-table tbody .expanded-fault-table .inner-fault-table-container,
.section-content .energy-table-container .fault-table tbody .expanded-fault-table .inner-fault-table-container,
.section-content .faults-container .data-table tbody .expanded-fault-table .inner-fault-table-container,
.section-content .energy-table-container .data-table tbody .expanded-fault-table .inner-fault-table-container {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px 1px 1px;
  gap: 10px;
  width: calc(100% - 50px);
  background: #FFFFFF;
  border: 1px solid #E9ECF2;
  border-radius: 12px;
}
.section-content .faults-container .fault-table tbody .expanded-fault-table .inner-fault-table-container .inner-fault-table,
.section-content .energy-table-container .fault-table tbody .expanded-fault-table .inner-fault-table-container .inner-fault-table,
.section-content .faults-container .data-table tbody .expanded-fault-table .inner-fault-table-container .inner-fault-table,
.section-content .energy-table-container .data-table tbody .expanded-fault-table .inner-fault-table-container .inner-fault-table {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  width: 100%;
}
.section-content .faults-container .fault-table tbody .expanded-fault-table .inner-fault-table-container .inner-fault-table .table-body-header,
.section-content .energy-table-container .fault-table tbody .expanded-fault-table .inner-fault-table-container .inner-fault-table .table-body-header,
.section-content .faults-container .data-table tbody .expanded-fault-table .inner-fault-table-container .inner-fault-table .table-body-header,
.section-content .energy-table-container .data-table tbody .expanded-fault-table .inner-fault-table-container .inner-fault-table .table-body-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 4px 8px;
  gap: 16px;
  width: calc(100% - 48px);
  height: 30px;
  background: #F3F5F8;
  border-radius: 8px;
}
.section-content .faults-container .fault-table tbody .expanded-fault-table .inner-fault-table-container .inner-fault-table .table-body-header .header-items,
.section-content .energy-table-container .fault-table tbody .expanded-fault-table .inner-fault-table-container .inner-fault-table .table-body-header .header-items,
.section-content .faults-container .data-table tbody .expanded-fault-table .inner-fault-table-container .inner-fault-table .table-body-header .header-items,
.section-content .energy-table-container .data-table tbody .expanded-fault-table .inner-fault-table-container .inner-fault-table .table-body-header .header-items {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;
  width: 100%;
  height: 22px;
}
.section-content .faults-container .fault-table tbody .expanded-fault-table .inner-fault-table-container .inner-fault-table .table-body-header .header-items .header-item,
.section-content .energy-table-container .fault-table tbody .expanded-fault-table .inner-fault-table-container .inner-fault-table .table-body-header .header-items .header-item,
.section-content .faults-container .data-table tbody .expanded-fault-table .inner-fault-table-container .inner-fault-table .table-body-header .header-items .header-item,
.section-content .energy-table-container .data-table tbody .expanded-fault-table .inner-fault-table-container .inner-fault-table .table-body-header .header-items .header-item {
  width: 20%;
}
.section-content .faults-container .fault-table tbody .expanded-fault-table .inner-fault-table-container .inner-fault-table .table-body-header .header-items .header-item.tools-area,
.section-content .energy-table-container .fault-table tbody .expanded-fault-table .inner-fault-table-container .inner-fault-table .table-body-header .header-items .header-item.tools-area,
.section-content .faults-container .data-table tbody .expanded-fault-table .inner-fault-table-container .inner-fault-table .table-body-header .header-items .header-item.tools-area,
.section-content .energy-table-container .data-table tbody .expanded-fault-table .inner-fault-table-container .inner-fault-table .table-body-header .header-items .header-item.tools-area {
  width: 7%;
}
.section-content .faults-container .fault-table tbody .expanded-fault-table .inner-fault-table-container .inner-fault-table .table-body-header .header-items .header-item.bigger,
.section-content .energy-table-container .fault-table tbody .expanded-fault-table .inner-fault-table-container .inner-fault-table .table-body-header .header-items .header-item.bigger,
.section-content .faults-container .data-table tbody .expanded-fault-table .inner-fault-table-container .inner-fault-table .table-body-header .header-items .header-item.bigger,
.section-content .energy-table-container .data-table tbody .expanded-fault-table .inner-fault-table-container .inner-fault-table .table-body-header .header-items .header-item.bigger {
  width: 20%;
}
.section-content .faults-container .fault-table tbody .expanded-fault-table .inner-fault-table-container .inner-fault-table .table-body-header .header-items .header-item .header-text,
.section-content .energy-table-container .fault-table tbody .expanded-fault-table .inner-fault-table-container .inner-fault-table .table-body-header .header-items .header-item .header-text,
.section-content .faults-container .data-table tbody .expanded-fault-table .inner-fault-table-container .inner-fault-table .table-body-header .header-items .header-item .header-text,
.section-content .energy-table-container .data-table tbody .expanded-fault-table .inner-fault-table-container .inner-fault-table .table-body-header .header-items .header-item .header-text {
  height: 19px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-feature-settings: 'liga' off;
  color: #757F94;
}
.section-content .faults-container .fault-table tbody .expanded-fault-table .inner-fault-table-container .inner-fault-table tbody,
.section-content .energy-table-container .fault-table tbody .expanded-fault-table .inner-fault-table-container .inner-fault-table tbody,
.section-content .faults-container .data-table tbody .expanded-fault-table .inner-fault-table-container .inner-fault-table tbody,
.section-content .energy-table-container .data-table tbody .expanded-fault-table .inner-fault-table-container .inner-fault-table tbody {
  height: auto;
}
.section-content .faults-container .fault-table tbody .expanded-fault-table .inner-fault-table-container .inner-fault-table .table-body-row,
.section-content .energy-table-container .fault-table tbody .expanded-fault-table .inner-fault-table-container .inner-fault-table .table-body-row,
.section-content .faults-container .data-table tbody .expanded-fault-table .inner-fault-table-container .inner-fault-table .table-body-row,
.section-content .energy-table-container .data-table tbody .expanded-fault-table .inner-fault-table-container .inner-fault-table .table-body-row {
  display: inline-table;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 72px;
  background: #FFFFFF;
  border-bottom: 1px solid #E9ECF2;
}
.section-content .faults-container .fault-table tbody .expanded-fault-table .inner-fault-table-container .inner-fault-table .table-body-row td,
.section-content .energy-table-container .fault-table tbody .expanded-fault-table .inner-fault-table-container .inner-fault-table .table-body-row td,
.section-content .faults-container .data-table tbody .expanded-fault-table .inner-fault-table-container .inner-fault-table .table-body-row td,
.section-content .energy-table-container .data-table tbody .expanded-fault-table .inner-fault-table-container .inner-fault-table .table-body-row td {
  padding-left: 8px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 160%;
  font-feature-settings: 'liga' off;
  color: #4A5263;
}
.section-content .faults-container .fault-table tbody .expanded-fault-table .inner-fault-table-container .inner-fault-table .table-body-row td.tools-area,
.section-content .energy-table-container .fault-table tbody .expanded-fault-table .inner-fault-table-container .inner-fault-table .table-body-row td.tools-area,
.section-content .faults-container .data-table tbody .expanded-fault-table .inner-fault-table-container .inner-fault-table .table-body-row td.tools-area,
.section-content .energy-table-container .data-table tbody .expanded-fault-table .inner-fault-table-container .inner-fault-table .table-body-row td.tools-area {
  width: 7%;
}
.section-content .faults-container .fault-table tbody .expanded-fault-table .shadow-bottom,
.section-content .energy-table-container .fault-table tbody .expanded-fault-table .shadow-bottom,
.section-content .faults-container .data-table tbody .expanded-fault-table .shadow-bottom,
.section-content .energy-table-container .data-table tbody .expanded-fault-table .shadow-bottom {
  width: 100%;
  height: 4px;
  background: #171A1D;
  opacity: 0.13;
  filter: blur(5.5px);
}
.section-content .faults-container .table-footer,
.section-content .energy-table-container .table-footer {
  position: relative;
  width: 100%;
  height: 62px;
  left: 0px;
  bottom: 0px;
}
.section-content .faults-container .table-footer .table-content-count,
.section-content .energy-table-container .table-footer .table-content-count {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  gap: 10px;
  position: absolute;
  height: 30px;
  left: 24px;
  top: 16px;
  background: #F3F5F8;
  border-radius: 20px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 160%;
  font-feature-settings: 'liga' off;
  color: #21262A;
}
.section-content .faults-container .table-footer .table-row-counter-label,
.section-content .energy-table-container .table-footer .table-row-counter-label {
  position: absolute;
  height: 22px;
  right: 103px;
  top: 20px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 160%;
  font-feature-settings: 'liga' off;
  color: #21262A;
}
.section-content .faults-container .table-footer .table-row-counter,
.section-content .energy-table-container .table-footer .table-row-counter {
  position: absolute;
  width: 71px;
  height: 40px;
  right: 24px;
  top: 11px;
}
.section-content .faults-container .table-footer .pagination,
.section-content .energy-table-container .table-footer .pagination {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
  position: absolute;
  width: 352px;
  height: 32px;
  left: calc(50% - 352px / 2);
  top: 15px;
}
.section-content .faults-container .table-footer .pagination .pagination-box,
.section-content .energy-table-container .table-footer .pagination .pagination-box {
  width: 32px;
  height: 32px;
  position: relative;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
}
.section-content .faults-container .table-footer .pagination .pagination-box span,
.section-content .energy-table-container .table-footer .pagination .pagination-box span {
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  vertical-align: middle;
  text-align: center;
  color: #757F94;
}
.section-content .faults-container .table-footer .pagination .pagination-box svg,
.section-content .energy-table-container .table-footer .pagination .pagination-box svg {
  position: absolute;
  left: 18.75%;
  right: 18.75%;
  top: 18.75%;
  bottom: 18.75%;
}
.section-content .faults-container .table-footer .pagination .pagination-box svg path,
.section-content .energy-table-container .table-footer .pagination .pagination-box svg path {
  fill: #D0D3D9;
}
.section-content .faults-container .table-footer .pagination .pagination-box.selectable svg path,
.section-content .energy-table-container .table-footer .pagination .pagination-box.selectable svg path {
  fill: #171A1D;
}
.section-content .faults-container .table-footer .pagination .pagination-box.selected,
.section-content .energy-table-container .table-footer .pagination .pagination-box.selected {
  background: #21262A;
  border-radius: 6px;
}
.section-content .faults-container .table-footer .pagination .pagination-box.selected span,
.section-content .energy-table-container .table-footer .pagination .pagination-box.selected span {
  color: #FFFFFF;
}
.section-content .section-toolbar {
  width: 100%;
  height: 80px;
}
.section-content .section-toolbar .title-search-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 24px;
  position: absolute;
  height: 40px;
  left: 24px;
  top: 16px;
}
.section-content .section-toolbar .title-search-box .input-box {
  width: 70%;
}
.section-content .section-toolbar .title-search-box .title {
  height: 26px;
  width: 142px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  color: #171A1D;
}
.section-content .section-toolbar .title-search-box .title-no-width {
  height: 26px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  color: #171A1D;
}
.section-content .section-toolbar .title-search-box .filter-section {
  width: 150px;
}
.fault-date-range-button {
  padding: 9px 30px 9px 26px;
  gap: 8px;
  position: absolute;
  width: 263px;
  height: 40px;
  right: 32px;
  top: 25px;
}
.fault-settings-button {
  padding: 9px 30px 9px 26px;
  gap: 8px;
  position: absolute;
  height: 40px;
  right: 303px;
  top: 25px;
}
.fault-log-button {
  padding: 9px 30px 9px 26px;
  gap: 8px;
  position: absolute;
  height: 40px;
  right: 32px;
  top: 25px;
}
#fault-rerun-button {
  padding: 9px 30px 9px 26px;
  gap: 8px;
  position: absolute;
  width: 180px;
  height: 40px;
  right: 483px;
  top: 25px;
}
.fault-chart-toolbar {
  width: 100%;
  height: 114px;
  position: relative;
  background: white;
}
.fault-chart-toolbar .expression-label {
  position: absolute;
  height: 16px;
  left: 24px;
  top: 24px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  align-items: center;
  color: #171A1D;
}
.fault-chart-toolbar .expression-container {
  position: absolute;
  top: 62px;
  left: 44px;
  height: 52px;
}
.fault-chart-toolbar .expression-container .expression-text {
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 160%;
  font-feature-settings: 'liga' off;
}
.donut-label {
  font-feature-settings: 'liga' off;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #757F94;
}
.donut-value {
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 500;
  font-size: 28px;
  line-height: 38px;
  display: flex;
  align-items: center;
  color: #2F3539;
}
.fault-info-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 20px;
  position: absolute;
  left: 32px;
  right: 32px;
  top: 133px;
  height: calc(100% - 221px);
  overflow-y: auto;
}
.fault-info-container::-webkit-scrollbar {
  width: 6px;
}
.fault-info-container::-webkit-scrollbar-track {
  background-color: #FFFFFF;
  border-radius: 8px;
}
.fault-info-container::-webkit-scrollbar-thumb {
  background: #F3F5F8;
  border-radius: 8px;
}
.fault-info-container::-webkit-scrollbar-thumb:hover {
  width: 10px;
}
.fault-info-container .fault-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px 0px 24px;
  gap: 24px;
  position: absolute;
  width: 90%;
  left: 24px;
  top: 0px;
}
.fault-info-container .fault-info .general-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  width: 100%;
}
.fault-info-container .fault-info .general-info .line {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 0px;
  gap: 16px;
  width: 100%;
  height: 54px;
  border-bottom: 1px solid #E9ECF2;
}
.fault-info-container .fault-info .general-info .line .label {
  width: 50%;
  height: 30px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-feature-settings: 'liga' off;
  color: #757F94;
  flex-grow: 1;
}
.fault-info-container .fault-info .general-info .line .value {
  width: 50%;
  height: 22px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 160%;
  text-align: right;
  font-feature-settings: 'liga' off;
  color: #4A5263;
  flex-grow: 1;
}
.fault-info-container .fault-info .general-info .line .value.category {
  display: flex;
  color: #175CD3;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-start;
}
.fault-info-container .fault-info .general-info .line .value.category .icon {
  margin-bottom: 5px;
}
.fault-info-container .fault-info .general-info .line .value.category svg path {
  fill: #175CD3;
}
.fault-info-container .fault-info .general-info .line .value.LOW {
  color: #039855;
}
.fault-info-container .fault-info .general-info .line .value.LOW svg circle {
  fill: #039855;
}
.fault-info-container .fault-info .general-info .line .value.MEDIUM {
  color: #DC6803;
}
.fault-info-container .fault-info .general-info .line .value.MEDIUM svg circle {
  fill: #DC6803;
}
.fault-info-container .fault-info .general-info .line .value.HIGH {
  color: #D92D20;
}
.fault-info-container .fault-info .general-info .line .value.HIGH svg circle {
  fill: #D92D20;
}
.fault-info-container .fault-info .general-info .line .value.input-box {
  height: initial;
}
.fault-info-container .fault-info .general-info .line .value .icon {
  position: relative;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.fault-info-container .fault-info .general-info .line .value .icon svg {
  position: absolute;
  top: 16%;
  left: 0;
}
.fault-info-container .fault-info .expression,
.fault-info-container .fault-info .description,
.fault-info-container .fault-info .fault-tips {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  width: 100%;
  min-height: 104px;
}
.fault-info-container .fault-info .expression .label,
.fault-info-container .fault-info .description .label,
.fault-info-container .fault-info .fault-tips .label {
  width: 100%;
  height: 16px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 800;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  align-items: center;
  color: #171A1D;
}
.fault-info-container .fault-info .expression .input-box,
.fault-info-container .fault-info .description .input-box,
.fault-info-container .fault-info .fault-tips .input-box {
  align-items: normal;
}
.fault-info-container .fault-info .expression .value-container,
.fault-info-container .fault-info .description .value-container,
.fault-info-container .fault-info .fault-tips .value-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 10px 8px;
  gap: 10px;
  width: 100%;
  min-height: 80px;
  /* Gray/50 */
  background: #F9FAFB;
  /* Gray/200 */
  border: 1px solid #E9ECF2;
  border-radius: 8px;
}
.fault-info-container .fault-info .expression .value,
.fault-info-container .fault-info .description .value,
.fault-info-container .fault-info .fault-tips .value {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  width: 96%;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  color: #21262A;
}
.fault-info-container .fault-info .expression .tips,
.fault-info-container .fault-info .description .tips,
.fault-info-container .fault-info .fault-tips .tips {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 20px;
}
.fault-info-container .fault-info .expression .tips .tip,
.fault-info-container .fault-info .description .tips .tip,
.fault-info-container .fault-info .fault-tips .tips .tip {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  width: 95%;
  border-bottom: 1px solid #E9ECF2;
}
.fault-info-container .fault-info .expression .tips .tip .tip-header,
.fault-info-container .fault-info .description .tips .tip .tip-header,
.fault-info-container .fault-info .fault-tips .tips .tip .tip-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 18px;
  width: 100%;
}
.fault-info-container .fault-info .expression .tips .tip .tip-header .name-avatar,
.fault-info-container .fault-info .description .tips .tip .tip-header .name-avatar,
.fault-info-container .fault-info .fault-tips .tips .tip .tip-header .name-avatar {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 10px;
  width: 90%;
}
.fault-info-container .fault-info .expression .tips .tip .tip-header .name-avatar .name,
.fault-info-container .fault-info .description .tips .tip .tip-header .name-avatar .name,
.fault-info-container .fault-info .fault-tips .tips .tip .tip-header .name-avatar .name {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 4px;
  width: 462px;
}
.fault-info-container .fault-info .expression .tips .tip .tip-header .name-avatar .name .user,
.fault-info-container .fault-info .description .tips .tip .tip-header .name-avatar .name .user,
.fault-info-container .fault-info .fault-tips .tips .tip .tip-header .name-avatar .name .user {
  width: 462px;
  height: 19px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 800;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
  color: #171A1D;
}
.fault-info-container .fault-info .expression .tips .tip .tip-text,
.fault-info-container .fault-info .description .tips .tip .tip-text,
.fault-info-container .fault-info .fault-tips .tips .tip .tip-text {
  width: 90%;
  text-align: left;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
  color: #4A5263;
}
.fault-info-container .fault-info .delete-fault-button {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 9px 30px 9px 26px;
  gap: 8px;
  width: 427px;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #E9ECF2;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
  border-radius: 8px;
}
.fault-info-container .fault-info .delete-fault-button:hover {
  background: #E9ECF2;
}
.filters {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 20px;
  position: absolute;
  left: 32px;
  right: 32px;
  top: 133px;
  height: calc(100% - 221px);
  overflow-y: auto;
}
.filters::-webkit-scrollbar {
  width: 6px;
}
.filters::-webkit-scrollbar-track {
  background-color: #FFFFFF;
  border-radius: 8px;
}
.filters::-webkit-scrollbar-thumb {
  background: #F3F5F8;
  border-radius: 8px;
}
.filters::-webkit-scrollbar-thumb:hover {
  width: 10px;
}
.filters .filter {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  gap: 16px;
  width: 100%;
}
.filters .filter .filter-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px;
  gap: 8px;
  width: 100%;
  height: 40px;
  background: #F3F5F8;
  border: 1px solid #E9ECF2;
  border-radius: 8px;
}
.filters .filter .filter-header .filter-header-text {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 12px;
  width: calc(100% - 24px);
  height: 22px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #21262A;
}
.filters .filter .filter-header .filter-header-text .filter-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 8px;
  height: 22px;
  width: 40%;
}
.filters .filter .filter-header .filter-header-text .filter-button {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding: 0px;
  gap: 4px;
  width: 70%;
  cursor: pointer;
}
.filters .filter .filter-header .filter-dropdown {
  width: 24px;
  height: 24px;
  position: relative;
  cursor: pointer;
}
.filters .filter .filter-items {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 20px;
  width: 100%;
}
.filters .filter .filter-items .filter-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 8px;
  height: 22px;
  width: calc(100% - 16px);
}
.filters .filter .filter-items .filter-item input {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px 16px;
  gap: 8px;
  width: 100%;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #E9ECF2;
  border-radius: 8px;
}
.filters .filter .filter-items .filter-item .item-text {
  padding-left: 16px;
  height: 22px;
  text-align: left;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 160%;
  font-feature-settings: 'liga' off;
  color: #4A5263;
  flex-grow: 1;
}
.filters .filter .filter-items .filter-item .item-text .icon {
  float: left;
}
.filters .filter .filter-items .filter-item .item-text.LOW {
  color: #039855;
}
.filters .filter .filter-items .filter-item .item-text.LOW svg circle {
  fill: #039855;
}
.filters .filter .filter-items .filter-item .item-text.MEDIUM {
  color: #DC6803;
}
.filters .filter .filter-items .filter-item .item-text.MEDIUM svg circle {
  fill: #DC6803;
}
.filters .filter .filter-items .filter-item .item-text.HIGH {
  color: #D92D20;
}
.filters .filter .filter-items .filter-item .item-text.HIGH svg circle {
  fill: #D92D20;
}
.filters .filter .filter-items .filter-item .item-text.category {
  color: #175CD3;
}
.filters .filter .filter-items .filter-item .item-text.category svg {
  position: relative;
  top: 2px;
}
.filters .filter .filter-items .filter-item .item-text.category svg path {
  fill: #175CD3;
}
.filters .filter .filter-items .filter-item .item-box {
  cursor: pointer;
  width: 20px;
  height: 20px;
}
#fault-table thead tr th {
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-feature-settings: 'liga' off;
  color: #757F94;
}
#fault-table tbody tr {
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 160%;
  font-feature-settings: 'liga' off;
  color: #4A5263;
}
.faultlog-inactive {
  position: absolute;
  left: 72px;
  top: 90px;
  background: white;
  width: calc(100% - 72px);
  height: calc(100vh - 90px);
}
.faultlog-inactive .illustration-and-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  gap: 16px;
  position: absolute;
  width: 309px;
  height: 196px;
  left: calc(50% - 309px/2);
  top: calc(50% - 196px/2);
}
.faultlog-inactive .illustration-and-text .illustration {
  height: 160px;
  position: relative;
}
.faultlog-inactive .illustration-and-text .support-text {
  width: 400px;
  height: 20px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #757F94;
}
.opp-dashboard-old {
  height: calc(100vh - 90px);
  overflow: auto;
}
.date-container {
  display: flex;
  position: absolute;
  width: 800px;
  height: 40px;
  right: 32px;
  top: 25px;
}
.refresh-data-button {
  width: 150px;
  padding: 9px 30px 9px 26px;
}
.date-field {
  width: 120px;
  margin-right: 15px;
}
.date-label {
  font-size: 14px;
  font-weight: 800;
  width: 80px;
  height: 40px;
  line-height: 40px;
  font-family: 'Satoshi';
}
.energy-tracking-chart .axis {
  font-size: 12px;
}
.energy-tracking-chart .axis path,
.energy-tracking-chart .axis line {
  fill: none;
  stroke: #bdbdbd;
  shape-rendering: crispEdges;
}
.energy-chart-legend {
  display: flex;
  align-items: center;
}
.energy-chart-legend .legend-item {
  display: flex;
  align-items: center;
  margin-right: 10px;
  /* Adjust spacing as needed */
}
.energy-chart-legend .legend-color {
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-right: 5px;
}
.latest-month-data {
  width: calc(100% - 16px);
  height: 100%;
  background-color: #f8f8f8;
  border-left: 5px solid #5DEBC9;
  padding: 15px 15px 0 15px;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.data-entry {
  margin: 5px 0;
  /* More space between entries */
}
.data-entry .decrease {
  color: #039855;
}
.data-entry .increase {
  color: #D92D20;
}
.data-label {
  display: block;
  font-size: 18px;
  color: #333;
  margin-bottom: 5px;
}
.data-value {
  display: block;
  font-size: 22px;
  font-weight: bold;
  color: #222;
  letter-spacing: 0.5px;
}
#tooltip {
  position: absolute;
  text-align: center;
  width: 200px;
  height: auto;
  padding: 10px;
  font: 12px sans-serif;
  background: lightsteelblue;
  border: 0px;
  border-radius: 8px;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s;
}
#rogue-zone-table .tools-area {
  width: 7%;
}
#rogue-zone-table .tools-area .row-button {
  width: 32px;
  height: 32px;
  background: #F3F5F8;
  border-radius: 6px;
  cursor: pointer;
}
#rogue-zone-table .tools-area .row-button.history-button {
  position: absolute;
  top: 20px;
  right: 48px;
}
#rogue-zone-table .tools-area .row-button.history-button .item-icon {
  left: 6px;
}
#rogue-zone-table .tools-area .row-button.history-button .item-icon svg {
  fill: #171A1D;
}
#rogue-zone-table .tools-area .row-button.toggle-button {
  position: absolute;
  top: 20px;
  right: 8px;
}
#rogue-zone-table .tools-area .row-button.toggle-button .item-icon {
  left: 10px;
}
#rogue-zone-table .tools-area .row-button.info-button {
  position: absolute;
  top: 20px;
  right: 88px;
}
#rogue-zone-table .tools-area .row-button.info-button .item-icon {
  left: 7.5px;
}
#rogue-zone-table .tools-area .row-button.comments-button {
  position: absolute;
  top: 20px;
  right: 48px;
}
#rogue-zone-table .tools-area .row-button.comments-button .item-icon {
  left: 6px;
}
#rogue-zone-table .tools-area .row-button.comments-button .item-icon svg.comment-icon {
  position: absolute;
  left: 8.33%;
  right: 8.34%;
  top: 12.5%;
  bottom: 6.25%;
}
#rogue-zone-table .tools-area .row-button.comments-button .item-icon svg.comment-bubble {
  position: absolute;
  left: 70.83%;
  right: -4.16%;
  top: 0%;
  bottom: 66.67%;
}
#rogue-zone-table .tools-area .row-button.charts-button {
  position: absolute;
  top: 20px;
  right: 8px;
}
#rogue-zone-table .tools-area .row-button.charts-button .item-icon {
  left: 5px;
}
#rogue-zone-table .tools-area .row-button.charts-button .item-icon svg {
  position: absolute;
  left: 12.5%;
  right: 12.5%;
  top: 8.33%;
  bottom: 12.5%;
}
#rogue-zone-table .tools-area .row-button.ai-button {
  position: absolute;
  top: 20px;
  right: 8px;
}
#rogue-zone-table .tools-area .row-button.ai-button .item-icon {
  left: 6px;
  top: -7px;
}
#rogue-zone-table .tools-area .row-button.ai-button .item-icon svg {
  fill: #171A1D;
}
#rogue-zone-table .tools-area .row-button.ai-button:hover {
  background: #E9ECF2;
}
#rogue-zone-table .tools-area .row-button .item-icon {
  width: 20px;
  height: 20px;
  position: absolute;
  top: -7px;
}
#rogue-zone-table .unused-cell {
  background-color: #f0f0f0;
}
#rogue-zone-details-table th,
#rogue-zone-details-table td {
  width: 14%;
}
.rogue-zone-chart {
  width: 100%;
  top: 80px;
  position: absolute;
  max-height: 100%;
  overflow: auto;
  font-family: 'Satoshi';
}
.rogue-zone-chart::-webkit-scrollbar {
  width: 6px;
}
.rogue-zone-chart::-webkit-scrollbar-track {
  background-color: #E9ECF2;
  border-radius: 8px;
}
.rogue-zone-chart::-webkit-scrollbar-thumb {
  background: #171A1D;
  border-radius: 8px;
}
.rogue-zone-chart::-webkit-scrollbar-thumb:hover {
  width: 10px;
}
.rogue-zone-chart .line {
  fill: none;
  stroke-width: 2px;
  shape-rendering: crispEdges;
}
.rogue-zone-chart .objectref-label {
  font-size: 14px;
  font-weight: 800;
}
.rogue-zone-chart .domain {
  fill: none;
  stroke: black;
  stroke-width: 1px;
}
.rogue-zone-chart .x.axis text {
  font-size: 16px;
}
.rogue-zone-chart .tooltip-text {
  fill: white;
  /* White text */
  font-size: 14px;
  /* Adjust the font size */
  pointer-events: none;
  /* Prevent tooltips from interfering with mouse events */
}
.rogue-zone-chart .tooltip-rect {
  fill: rgba(0, 0, 0, 0.8);
  /* Blackish background with some transparency */
  pointer-events: none;
  /* Prevent tooltips from interfering with mouse events */
}
.rz-info {
  width: 24px;
  height: 24px;
  padding-left: 10px;
}
.rz-info svg {
  fill: #757F94;
  position: absolute;
  top: 7px;
}
.opportunities-treemap {
  height: 100%;
}
.opportunities-treemap .node {
  border: solid 1px white;
  font-size: 12px;
  line-height: 12px;
  font-weight: 800;
  overflow: hidden;
  position: absolute;
  text-indent: 2px;
  cursor: pointer;
  -webkit-user-select: none;
  /* Safari */
  -ms-user-select: none;
  /* IE 10 and IE 11 */
  user-select: none;
  /* Standard syntax */
}
.opportunities-treemap .node-content {
  position: absolute;
  top: 2px;
  left: 2px;
}
.opportunities-treemap .node-value {
  position: absolute;
  bottom: 2px;
  right: 2px;
}
.opportunities-bar-chart {
  width: 100%;
  height: 100%;
  overflow-x: auto;
}
.opportunities-bar-chart::-webkit-scrollbar {
  height: 6px;
  width: 100%;
}
.opportunities-bar-chart::-webkit-scrollbar-track {
  background-color: #E9ECF2;
  border-radius: 8px;
}
.opportunities-bar-chart::-webkit-scrollbar-thumb {
  background: #A89F91;
  border-radius: 8px;
}
.opportunities-bar-chart::-webkit-scrollbar-thumb:hover {
  height: 10px;
}
.opportunities-bar-chart .bar {
  fill: #5DEBC9;
  stroke: black;
  stroke-width: 1px;
}
.opportunities-bar-chart .axis text {
  font-size: 10px;
}
.opportunities-bar-chart .axis path,
.opportunities-bar-chart .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}
.width_100 {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
.height_100 {
  height: 100%;
}
#opportunities-table-widget-container {
  position: relative;
}
.opportunities-table-widget {
  overflow-y: auto;
}
.opportunities-table-widget::-webkit-scrollbar {
  width: 6px;
  height: 8px;
}
.opportunities-table-widget::-webkit-scrollbar-track {
  background-color: #E9ECF2;
  border-radius: 8px;
}
.opportunities-table-widget::-webkit-scrollbar-thumb {
  background: #A89F91;
  border-radius: 8px;
}
.opportunities-table-widget::-webkit-scrollbar-thumb:hover {
  width: 10px;
}
.opportunities-table-widget #opportunities-table {
  width: 100%;
  border-collapse: collapse;
  max-height: 100%;
  font-size: 14px;
}
.opportunities-table-widget #opportunities-table .table-body-header {
  background-color: #f5f5f5;
  border-bottom: 2px solid #e0e0e0;
}
.opportunities-table-widget #opportunities-table .table-body-header .header-item {
  text-align: left;
  padding: 8px 10px;
  font-weight: bold;
  font-size: 14px;
  color: #333;
}
.opportunities-table-widget #opportunities-table .table-body-header .header-item .header-text {
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-feature-settings: 'liga' off;
  color: #757F94;
}
.opportunities-table-widget #opportunities-table th {
  padding: 4px 4px;
}
.opportunities-table-widget #opportunities-table td {
  padding: 2px 4px;
  border-top: 1px solid #e0e0e0;
}
.download-opportunities-button {
  right: 24px;
  width: 40px;
  padding: 4px;
  position: absolute;
  height: 40px;
  top: 16px;
}
#side-modal-ai-legacy .modal .content {
  padding: 0;
  display: flex;
  flex-direction: column;
  height: calc(100% - 133px - 32px);
}
#side-modal-ai-legacy .modal .content .ai-chat-container {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  width: 100%;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .fault-context {
  flex-shrink: 0;
  padding: 20px;
  background: #f8f9fa;
  border-bottom: 1px solid #e0e0e0;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .fault-context .fault-header .equipment-info {
  margin-bottom: 16px;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .fault-context .fault-header .equipment-info .equipment-name {
  display: block;
  font-size: 18px;
  font-weight: 600;
  color: #171A1D;
  margin-bottom: 4px;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .fault-context .fault-header .equipment-info .fault-name {
  display: block;
  font-size: 14px;
  color: #666;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .fault-context .fault-header .fault-meta {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 16px;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .fault-context .fault-header .fault-meta .meta-item .label {
  display: block;
  font-size: 12px;
  color: #666;
  margin-bottom: 4px;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .fault-context .fault-header .fault-meta .meta-item .value {
  font-size: 14px;
  font-weight: 500;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .fault-context .fault-header .fault-meta .meta-item .value.HIGH {
  color: #dc3545;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .fault-context .fault-header .fault-meta .meta-item .value.MEDIUM {
  color: #ffc107;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .fault-context .fault-header .fault-meta .meta-item .value.LOW {
  color: #28a745;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .fault-context .fault-header .fault-expression {
  background: #fff;
  padding: 12px;
  border-radius: 6px;
  border: 1px solid #e0e0e0;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .fault-context .fault-header .fault-expression .label {
  display: block;
  font-size: 12px;
  color: #666;
  margin-bottom: 8px;
  font-weight: 500;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .fault-context .fault-header .fault-expression .value {
  display: block;
  font-family: monospace;
  font-size: 13px;
  line-height: 1.4;
  color: #333;
  word-break: break-all;
  white-space: pre-wrap;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .ai-content {
  flex: 1;
  min-height: 0;
  padding: 20px;
  background: #fff;
  overflow-y: auto;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .ai-content .loading-state {
  display: flex;
  align-items: center;
  padding: 16px;
  background: #f8f9fa;
  border-radius: 8px;
  margin-bottom: 16px;
  border: 1px solid #e0e0e0;
  animation: fadeIn 0.3s ease-in;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .ai-content .loading-state .loading-text {
  font-size: 14px;
  color: #666;
  position: relative;
  padding-left: 24px;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .ai-content .loading-state .loading-text:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  background: #007AFF;
  border-radius: 50%;
  animation: loadingPulse 1.4s infinite;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
#side-modal-ai-legacy .modal .content .ai-chat-container .ai-content .regenerate-button {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  margin-bottom: 16px;
  margin-left: auto;
  background: #F3F5F8;
  border: 1px solid #E9ECF2;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  width: fit-content;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .ai-content .regenerate-button:hover {
  background: #E9ECF2;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .ai-content .regenerate-button .button-content {
  display: flex;
  align-items: center;
  gap: 8px;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .ai-content .regenerate-button .button-content .button-icon {
  display: flex;
  align-items: center;
  color: #171A1D;
  margin: 0;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .ai-content .regenerate-button .button-content .button-icon svg {
  width: 16px;
  height: 16px;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .ai-content .regenerate-button .button-content .button-text {
  font-size: 14px;
  font-weight: 500;
  color: #171A1D;
  margin: 0;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .ai-content .diagnosis-summary {
  margin-bottom: 24px;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .ai-content .diagnosis-summary h3 {
  font-size: 16px;
  font-weight: 600;
  color: #171A1D;
  margin-bottom: 8px;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .ai-content .diagnosis-summary p {
  font-size: 14px;
  line-height: 1.5;
  color: #333;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .ai-content .diagnosis-reasons .reason-section {
  margin-bottom: 24px;
  padding: 16px;
  background: #f8f9fa;
  border-radius: 8px;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .ai-content .diagnosis-reasons .reason-section:last-child {
  margin-bottom: 0;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .ai-content .diagnosis-reasons .reason-section .reason-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .ai-content .diagnosis-reasons .reason-section .reason-header h3 {
  font-size: 15px;
  font-weight: 600;
  color: #171A1D;
  margin: 0;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .ai-content .diagnosis-reasons .reason-section .reason-header .likelihood {
  font-size: 12px;
  font-weight: 500;
  padding: 4px 8px;
  border-radius: 4px;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .ai-content .diagnosis-reasons .reason-section .reason-header .likelihood.high {
  background: rgba(220, 53, 69, 0.1);
  color: #dc3545;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .ai-content .diagnosis-reasons .reason-section .reason-header .likelihood.medium {
  background: rgba(255, 193, 7, 0.1);
  color: #856404;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .ai-content .diagnosis-reasons .reason-section .reason-header .likelihood.low {
  background: rgba(40, 167, 69, 0.1);
  color: #28a745;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .ai-content .diagnosis-reasons .reason-section .actions-list .action-item {
  margin-bottom: 16px;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .ai-content .diagnosis-reasons .reason-section .actions-list .action-item:last-child {
  margin-bottom: 0;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .ai-content .diagnosis-reasons .reason-section .actions-list .action-item .action-content {
  background: #fff;
  padding: 16px;
  border-radius: 6px;
  border: 1px solid #e0e0e0;
  display: flex;
  align-items: center;
  gap: 16px;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .ai-content .diagnosis-reasons .reason-section .actions-list .action-item .action-content .action-content-text {
  flex: 1;
  min-width: 0;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .ai-content .diagnosis-reasons .reason-section .actions-list .action-item .action-content .action-content-text .action-header {
  margin-bottom: 0;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .ai-content .diagnosis-reasons .reason-section .actions-list .action-item .action-content .action-content-text .action-header .action-text {
  font-size: 14px;
  font-weight: 500;
  color: #171A1D;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .ai-content .diagnosis-reasons .reason-section .actions-list .action-item .action-content .action-content-text .evaluation-text {
  font-size: 13px;
  color: #666;
  margin: 8px 0 0 0;
  line-height: 1.4;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .ai-content .diagnosis-reasons .reason-section .actions-list .action-item .action-content .task-status-indicator {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  background: #F3F5F8;
  border-radius: 4px;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .ai-content .diagnosis-reasons .reason-section .actions-list .action-item .action-content .task-status-indicator .status-icon {
  display: flex;
  align-items: center;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .ai-content .diagnosis-reasons .reason-section .actions-list .action-item .action-content .task-status-indicator .status-icon svg {
  width: 16px;
  height: 16px;
  fill: #039855;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .ai-content .diagnosis-reasons .reason-section .actions-list .action-item .action-content .task-status-indicator .status-text {
  color: #039855;
  font-size: 13px;
  font-weight: 500;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .ai-content .diagnosis-reasons .reason-section .actions-list .action-item .action-content .task-button {
  flex-shrink: 0;
  background: #007AFF;
  border: none;
  border-radius: 4px;
  padding: 6px 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  align-self: center;
  height: fit-content;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .ai-content .diagnosis-reasons .reason-section .actions-list .action-item .action-content .task-button:hover {
  background: #006ee6;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .ai-content .diagnosis-reasons .reason-section .actions-list .action-item .action-content .task-button .button-content {
  display: flex;
  align-items: center;
  gap: 6px;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .ai-content .diagnosis-reasons .reason-section .actions-list .action-item .action-content .task-button .button-content .button-icon {
  width: 16px;
  height: 16px;
  color: white;
}
#side-modal-ai-legacy .modal .content .ai-chat-container .ai-content .diagnosis-reasons .reason-section .actions-list .action-item .action-content .task-button .button-content .button-text {
  color: white;
  font-size: 12px;
  font-weight: 500;
}
@keyframes loadingPulse {
  0% {
    transform: scale(0.8);
    opacity: 0.5;
  }
  50% {
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: scale(0.8);
    opacity: 0.5;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.energy-dashboard-container {
  max-width: 100%;
  margin: 40px auto 0 auto;
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 8px 32px 0 rgba(7, 72, 118, 0.1), 0 1.5px 4px 0 rgba(7, 72, 118, 0.08);
  padding: 36px 32px 32px 32px;
}
.energy-dashboard-container h2 {
  font-size: 24px;
  color: #074876;
  margin-bottom: 20px;
}
.energy-dashboard-container .energy-dashboard-table-wrapper {
  overflow-x: auto;
  max-height: 80vh;
  /* Set maximum height to 70% of viewport height */
  overflow-y: auto;
  border-radius: 8px;
  border: 1px solid #e3e8ee;
  box-shadow: 0 2px 8px 0 rgba(7, 72, 118, 0.04);
}
.energy-dashboard-container .energy-dashboard-table-wrapper::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.energy-dashboard-container .energy-dashboard-table-wrapper::-webkit-scrollbar-track {
  background: #f6f8fa;
  border-radius: 8px;
}
.energy-dashboard-container .energy-dashboard-table-wrapper::-webkit-scrollbar-thumb {
  background: #c0d6e8;
  border-radius: 8px;
  border: 2px solid #f6f8fa;
}
.energy-dashboard-container .energy-dashboard-table-wrapper::-webkit-scrollbar-thumb:hover {
  background: #074876;
}
.energy-dashboard-container .energy-dashboard-table-wrapper .energy-dashboard-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 0;
}
.energy-dashboard-container .energy-dashboard-table-wrapper .energy-dashboard-table th,
.energy-dashboard-container .energy-dashboard-table-wrapper .energy-dashboard-table td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}
.energy-dashboard-container .energy-dashboard-table-wrapper .energy-dashboard-table th {
  background: #074876;
  color: #fff;
  font-weight: 500;
  position: sticky;
  top: 0;
  z-index: 10;
  padding: 15px;
  font-size: 14px;
  letter-spacing: 0.3px;
  border-bottom: none;
}
.energy-dashboard-container .energy-dashboard-table-wrapper .energy-dashboard-table th.sortable {
  cursor: pointer;
  user-select: none;
}
.energy-dashboard-container .energy-dashboard-table-wrapper .energy-dashboard-table th.sortable:hover {
  background: #0e6ba8;
}
.energy-dashboard-container .energy-dashboard-table-wrapper .energy-dashboard-table th.sortable.sorted-by {
  background: #0e6ba8;
}
.energy-dashboard-container .energy-dashboard-table-wrapper .energy-dashboard-table th.sortable .sort-direction {
  margin-left: 5px;
  display: inline-block;
  opacity: 0.8;
}
.energy-dashboard-container .energy-dashboard-table-wrapper .energy-dashboard-table tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}
.energy-dashboard-container .energy-dashboard-table-wrapper .energy-dashboard-table tbody tr:hover {
  background-color: #e9f2fa;
  box-shadow: 0 1px 3px rgba(7, 72, 118, 0.1);
}
.energy-dashboard-container .energy-dashboard-table-wrapper .energy-dashboard-table td.no-data {
  text-align: center;
  padding: 30px;
  font-style: italic;
  color: #666;
}
.energy-dashboard-container .energy-dashboard-table-wrapper .energy-dashboard-table .energy-star-score {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  text-align: center;
  border-radius: 50%;
  font-weight: 700;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  margin: 0 auto;
}
.energy-dashboard-container .energy-dashboard-table-wrapper .energy-dashboard-table .energy-star-score.score-high {
  background: linear-gradient(135deg, #4caf50 60%, #67e8a1 100%);
  color: white;
}
.energy-dashboard-container .energy-dashboard-table-wrapper .energy-dashboard-table .energy-star-score.score-medium {
  background: linear-gradient(135deg, #ffc107 60%, #ffe082 100%);
  color: #333;
}
.energy-dashboard-container .energy-dashboard-table-wrapper .energy-dashboard-table .energy-star-score.score-low {
  background: linear-gradient(135deg, #f44336 60%, #ffb4ab 100%);
  color: white;
}
.energy-dashboard-container .energy-dashboard-table-wrapper .energy-dashboard-table .energy-star-score::after {
  content: '\2605';
  /* star icon */
  position: absolute;
  top: -5px;
  right: -5px;
  font-size: 12px;
  opacity: 0.7;
}
::-webkit-scrollbar {
  /* 1 */
}
::-webkit-scrollbar-button {
  /* 2 */
}
::-webkit-scrollbar-track {
  /* 3 */
}
::-webkit-scrollbar-track-piece {
  /* 4 */
}
::-webkit-scrollbar-thumb {
  /* 5 */
}
::-webkit-scrollbar-corner {
  /* 6 */
}
::-webkit-resizer {
  /* 7 */
}
.site .form_button,
.business .form_button {
  background-color: white;
  border: 1px solid #9e9e9e;
  padding: 5px;
}
.site .form_button:focus,
.business .form_button:focus {
  transition: 0.5s;
  background-color: #fb8c00;
  color: white;
}
.site .form_button:hover,
.business .form_button:hover {
  transition: 0.5s;
  background-color: #fb8c00;
  color: white;
}
.site h1,
.business h1 {
  font-size: 60px;
  line-height: 60px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  font-weight: 300;
}
.site .site-button,
.business .site-button {
  font-size: 17px;
  line-height: 17px;
  display: inline-block;
}
.site .site-button:hover,
.business .site-button:hover {
  color: #ff8400;
}
.site .new-site-button,
.business .new-site-button {
  font-size: 17px;
  line-height: 17px;
  display: inline-block;
  margin-left: 50px;
}
.site .new-site-button:hover,
.business .new-site-button:hover {
  color: #ff8400;
}
.site .load-site-button,
.business .load-site-button {
  font-size: 17px;
  line-height: 17px;
  display: inline-block;
  float: right;
  margin-right: 40px;
}
.site .load-site-button:hover,
.business .load-site-button:hover {
  color: #ff8400;
}
.site .centered-button-menu,
.business .centered-button-menu {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  width: auto;
}
.site .centered-button-menu h1,
.business .centered-button-menu h1 {
  margin-top: 0;
}
.site i,
.business i {
  font-size: 15px;
}
.site i::before,
.business i::before {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
}
.site .site,
.business .site {
  border: 1px solid #d3d3d3;
  padding: 1px;
  background-color: transparent;
}
.site .site .inner_container,
.business .site .inner_container {
  min-width: 340px;
  background-color: white;
  padding: 27px 34px 36px 33px;
}
.site .site .inner_container form,
.business .site .inner_container form {
  display: block;
}
.site .site .inner_container h2,
.business .site .inner_container h2 {
  font-size: 23px;
  line-height: 23px;
  color: #000000;
  width: 100%;
  text-align: left;
  margin-top: 0px;
}
.site .site .inner_container .editing,
.business .site .inner_container .editing {
  display: block;
  width: 100%;
  margin-bottom: 30px;
}
.site .site .inner_container .editing div,
.business .site .inner_container .editing div {
  display: inline-block;
}
.site .site .inner_container .editing > div:nth-child(2),
.business .site .inner_container .editing > div:nth-child(2),
.site .site .inner_container .editing .buttons,
.business .site .inner_container .editing .buttons {
  float: right;
  margin-left: 20px;
}
.site .site .inner_container .editing input,
.business .site .inner_container .editing input,
.site .site .inner_container .editing .selectize-input,
.business .site .inner_container .editing .selectize-input {
  min-width: 152px;
  width: 152px;
  padding-top: 0px !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.site .site .inner_container .editing input > div.item::before,
.business .site .inner_container .editing input > div.item::before,
.site .site .inner_container .editing .selectize-input > div.item::before,
.business .site .inner_container .editing .selectize-input > div.item::before {
  left: 0;
}
.site .site .inner_container .editing input > input,
.business .site .inner_container .editing input > input,
.site .site .inner_container .editing .selectize-input > input,
.business .site .inner_container .editing .selectize-input > input {
  left: 0!important;
  font-size: 14px;
  font-weight: normal;
}
.site .site .inner_container .editing .selectize-input::after,
.business .site .inner_container .editing .selectize-input::after {
  top: -4px;
}
.site .site .inner_container .editing .selectize-dropdown-content,
.business .site .inner_container .editing .selectize-dropdown-content,
.site .site .inner_container .editing .selectize-dropdown-content > div,
.business .site .inner_container .editing .selectize-dropdown-content > div {
  display: block;
  width: 100%;
}
.site .site .inner_container .editing .selectize-dropdown-content .mCSB_draggerRail,
.business .site .inner_container .editing .selectize-dropdown-content .mCSB_draggerRail,
.site .site .inner_container .editing .selectize-dropdown-content > div .mCSB_draggerRail,
.business .site .inner_container .editing .selectize-dropdown-content > div .mCSB_draggerRail {
  display: block !important;
}
.site .site .inner_container .editing .selectize-dropdown-content .mCSB_dragger,
.business .site .inner_container .editing .selectize-dropdown-content .mCSB_dragger,
.site .site .inner_container .editing .selectize-dropdown-content > div .mCSB_dragger,
.business .site .inner_container .editing .selectize-dropdown-content > div .mCSB_dragger {
  text-align: center;
}
.site .site .inner_container .editing .select-ize-component > .selectize-control.single > .selectize-input:after,
.business .site .inner_container .editing .select-ize-component > .selectize-control.single > .selectize-input:after {
  top: 0;
  height: 21px;
  line-height: 6px;
}
.site .site .inner_container .editing .selectize-dropdown.single > .selectize-dropdown-content:not(.mCustomScrollbar),
.business .site .inner_container .editing .selectize-dropdown.single > .selectize-dropdown-content:not(.mCustomScrollbar) {
  padding: 0 0px 0 0;
}
.site .site .inner_container .editing .selectize-dropdown.single > .selectize-dropdown-content > div:not(.mCustomScrollBox),
.business .site .inner_container .editing .selectize-dropdown.single > .selectize-dropdown-content > div:not(.mCustomScrollBox),
.site .site .inner_container .editing .selectize-dropdown-content .mCSB_container > div,
.business .site .inner_container .editing .selectize-dropdown-content .mCSB_container > div {
  width: 100%;
  padding: 1rem;
}
.site .site .inner_container .buttons,
.business .site .inner_container .buttons {
  text-align: right;
}
.site .site .inner_container .buttons .submit_button,
.business .site .inner_container .buttons .submit_button {
  font-size: 15px;
  line-height: 15px;
  background-color: white !important;
  border: none;
  padding: 0;
}
.site .site .inner_container .buttons .submit_button:disabled,
.business .site .inner_container .buttons .submit_button:disabled {
  opacity: 0.4;
}
.site .site .inner_container .buttons .submit_button .icon,
.business .site .inner_container .buttons .submit_button .icon {
  margin-left: 11px;
}
.site .site .inner_container .buttons .submit_button:hover,
.business .site .inner_container .buttons .submit_button:hover {
  color: #ff8400;
}
.site .site .inner_container .buttons .submit_button:hover:disabled,
.business .site .inner_container .buttons .submit_button:hover:disabled {
  color: #000000;
}
.site .site .inner_container .app-error + .editing,
.business .site .inner_container .app-error + .editing {
  margin-top: 34px;
  white-space: nowrap;
}
.site .site .inner_container .siteDropdown,
.business .site .inner_container .siteDropdown {
  min-width: 252px;
  margin-left: 20px;
  font-size: 12px;
  line-height: 22px;
}
.site .site .inner_container .siteDropdown i.right,
.business .site .inner_container .siteDropdown i.right {
  float: right;
}
.site .site .inner_container .siteDropdown > a > span,
.business .site .inner_container .siteDropdown > a > span {
  font-size: 14px;
  line-height: 14px;
}
.site .site .inner_container .siteDropdown .dropdown-content,
.business .site .inner_container .siteDropdown .dropdown-content {
  position: relative;
  overflow-y: scroll;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  top: auto !important;
  left: auto !important;
  border-top: 1px solid #404040;
  border-right: 1px solid #d3d3d3;
  border-left: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
}
.site .site .inner_container .siteDropdown .dropdown-content li > a,
.business .site .inner_container .siteDropdown .dropdown-content li > a {
  font-size: 12px;
  line-height: 12px;
}
.site .site .inner_container .siteDropdown .dropdown-content li:first-child,
.business .site .inner_container .siteDropdown .dropdown-content li:first-child {
  border-top: 1px solid #d3d3d3;
}
.site .site .inner_container .selectize-dropdown.single,
.business .site .inner_container .selectize-dropdown.single {
  margin-top: 1px;
  min-width: 152px !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  border-right: 1px solid #d3d3d3;
  border-left: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
}
.site .site .inner_container .selectize-input input,
.business .site .inner_container .selectize-input input {
  min-width: 0px !important;
}
.site .site .inner_container .selectize-dropdown-content,
.business .site .inner_container .selectize-dropdown-content {
  padding-right: 0px;
}
.site .site .inner_container .selectize-dropdown,
.business .site .inner_container .selectize-dropdown {
  font-size: 12px !important;
}
.site .site .inner_container .selectize-input,
.business .site .inner_container .selectize-input {
  border-bottom: 1px solid #9e9e9e;
  outline: none;
  height: 3rem;
  width: 100%;
  font-size: 1rem;
  margin: 0 0 15px 0;
  padding: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.site .site .inner_container .selectize-input div,
.business .site .inner_container .selectize-input div {
  line-height: 3rem;
}
.site .site .inner_container .selectize-input.input-active,
.business .site .inner_container .selectize-input.input-active {
  border-bottom: 1px solid #fb8c00;
}
.site .site .inner_container .selectize-input:focus,
.business .site .inner_container .selectize-input:focus {
  border-bottom: 1px solid #fb8c00;
}
.onoffswitch {
  position: relative;
  width: 150px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.onoffswitch-checkbox {
  display: none;
}
.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #9e9e9e;
  border-radius: 20px;
}
.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}
.showhideswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before,
.onoffswitch-inner:after,
.showhideswitch-inner:before,
.showhideswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 40px;
  padding: 0;
  line-height: 40px;
  font-size: 14px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  box-sizing: border-box;
}
.onoffswitch-inner:before {
  content: "RUNNING";
  padding-left: 15px;
  background-color: #56995B;
  color: #FFFFFF;
}
.onoffswitch-inner:after {
  content: "INACTIVE";
  padding-right: 15px;
  background-color: #FF3E33;
  color: #FFFFFF;
  text-align: right;
}
.showhideswitch-inner:before {
  content: "SHOW";
  padding-left: 15px;
  background-color: #56995B;
  color: #FFFFFF;
}
.showhideswitch-inner:after {
  content: "HIDE";
  padding-right: 15px;
  background-color: #FF3E33;
  color: #FFFFFF;
  text-align: right;
}
.onoffswitch-switch {
  display: block;
  width: 24px;
  margin: 10px;
  background: #FFFFFF;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 106px;
  border: 2px solid #9e9e9e;
  border-radius: 20px;
  transition: all 0.3s ease-in 0s;
}
.check .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}
.check .onoffswitch-label .showhideswitch-inner {
  margin-left: 0;
}
.check .onoffswitch-label .onoffswitch-switch {
  right: 0px;
}
.action-text {
  text-decoration: underline;
  cursor: pointer;
}
.unit-button {
  position: relative;
  top: 10px;
  right: 10px;
  float: right;
}
.notes {
  padding: 0 0 20px 20px;
}
.regression {
  min-width: 1200px;
  height: 100%;
  overflow: auto;
}
.regression-title {
  text-align: center;
  clear: both;
}
.regression-title span {
  line-height: 40px;
  font-size: 23px;
  width: 100px;
}
.bordered-content {
  border: solid black 1px;
  background-color: white;
}
.range-container {
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
}
.range-container .range {
  display: flex;
  flex: 0 1 50%;
  flex-flow: row wrap;
  background-color: white;
  padding: 0 0 20px 20px;
}
.range-container .range-options {
  flex: 0 1 100%;
  margin: 0 0 10px 0;
}
.range-container .evaluation-selection {
  flex: 0 1 25%;
  margin-right: 20px;
}
.chart-area {
  background-color: white;
}
.regression-list {
  text-align: center;
  overflow: auto;
  width: 300px;
  height: 300px;
  margin: 50px auto;
  border: solid black 1px;
}
.regression-list .regression-item {
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  background-color: white;
  color: #074876;
  border-bottom: solid #074876 1px;
  transition: color 0.3s, background-color 0.3s;
  vertical-align: middle;
}
.regression-list .regression-item:hover {
  background-color: #074876;
  color: white;
  cursor: pointer;
}
.options-menu {
  text-align: center;
  width: 300px;
  margin: 50px auto;
}
.options-menu .menu-item {
  height: 50px;
  margin: 10px 0;
  line-height: 50px;
  font-size: 16px;
  background-color: white;
  color: #074876;
  border: solid #074876 1px;
  transition: color 0.3s, background-color 0.3s;
  vertical-align: middle;
}
.options-menu .menu-item:hover {
  background-color: #074876;
  color: white;
  cursor: pointer;
}
.menu-bar {
  width: 100%;
  height: 50px;
  background-color: #074876;
  color: white;
}
.menu-bar .menu-option {
  width: 125px;
  cursor: pointer;
  padding: 10px;
  text-align: center;
  border-right: solid white 1px;
  float: left;
}
.menu-bar .menu-option:hover {
  color: #fb8c00;
}
.menu-bar .menu-option.active {
  color: #fb8c00;
}
.menu-bar .menu-option .icon-text {
  font-size: 10px;
  display: block;
}
.regression-parameter-menu {
  width: 500px;
  margin: 20px auto;
  border: solid black 1px;
  background-color: white;
  text-align: center;
}
.regression-parameter-menu .parameter-item {
  display: flex;
  width: 100%;
  padding: 20px 10px;
  text-align: left;
}
.regression-parameter-menu .parameter-item .parameter-label {
  width: 50%;
}
.regression-parameter-menu .parameter-item .parameter-type {
  width: 50%;
}
.regression-parameter-menu .buttons {
  position: relative;
  height: 50px;
}
.regression-parameter-menu .buttons .submit-button {
  position: absolute;
  right: 10px;
  bottom: 10px;
  padding: 5px;
  background-color: #074876;
  color: white;
  transition: background-color 0.3s, color 0.3s;
  border: solid #074876 1px;
}
.regression-parameter-menu .buttons .submit-button:hover {
  background-color: #ffffff;
  color: #074876;
}
.dataTables_length select {
  width: initial !important;
  height: initial !important;
  padding: initial !important;
  border: initial !important;
  border-radius: initial !important;
}
.regression-results {
  width: 100%;
  display: flex;
}
.regression-results .regression-chart-container {
  width: 80%;
  border: solid black 1px;
  border-right: none;
}
.regression-results .regression-stats {
  width: 20%;
  border: solid black 1px;
  background-color: white;
  padding-left: 20px;
}
.regression-results .regression-stats .data-title {
  font-size: 18px;
  text-align: center;
  height: 50px;
  line-height: 50px;
}
.regression-results .regression-stats .statistic-item {
  font-size: 12px;
  padding: 10px 0 0 0;
}
.regression-results .regression-legend {
  margin-top: 50px;
}
.regression-results .regression-legend .regression-legend-item {
  width: 100%;
  height: 20px;
  line-height: 12px;
  font-size: 12px;
}
.regression-results .regression-legend .regression-legend-item .square {
  width: 10px;
  height: 10px;
  content: ' ';
  float: left;
  margin-right: 5px;
}
.regression-results .regression-legend .regression-legend-item .square.blue {
  background-color: '#2196F3';
}
.regression-results .regression-legend .regression-legend-item .square.black {
  background-color: '#fff';
}
.regression-results .regression-legend .regression-legend-item .square.red {
  background-color: '#f44242';
}
.regression-results .regression-legend .regression-legend-item .square.pink {
  background-color: '#e57eb5';
}
.regression-results .regression-legend .regression-legend-item .square.green {
  background-color: '#44a36a';
}
.regression-results .regression-legend .regression-legend-item .square.predicted {
  background-color: #fb8c00;
}
.regression-chart {
  background-color: white;
  height: 100%;
}
.regression-chart .axis path,
.regression-chart .axis line {
  display: inherit !important;
  stroke: rgba(0, 0, 0, 0.3);
  shape-rendering: crispEdges;
}
.instructions {
  font-size: 12px;
  margin-bottom: 20px;
}
/* Residual GLOBAL rules from the retired legacy Functional Tests pages. Other
   pages still pick these up (table toolbars, comments, progress bars, tree
   roles, .pass/.fail tones, .modal/.tooltip tweaks) — check usage before
   removing any. The Functional Testing workspace styles live in
   functionalTesting.less. */
.unobserved,
.UNOBSERVED,
.warning,
.WARNING {
  background-color: #F7977A !important;
}
.observed,
.OBSERVED,
.unverified,
.UNVERIFIED {
  background-color: #FFF79A !important;
}
.verified,
.VERIFIED {
  background-color: #82CA9D !important;
}
ul[role="tree"] {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul[role="tree"] li {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul[role="tree"] a {
  text-decoration: underline;
  border-color: transparent;
}
[role="treeitem"] ul {
  margin: 0;
  padding: 0;
  margin-left: 0.9em;
}
[role="treeitem"][aria-expanded="false"] > ul {
  display: none;
}
[role="treeitem"][aria-expanded="true"] > ul {
  display: block;
}
[role="treeitem"][aria-expanded="false"] > span::before {
  content: url(../images/right-arrow-brown.png);
  position: relative;
  left: -0.25em;
}
[role="treeitem"][aria-expanded="true"] > span::before {
  content: url(../images/down-arrow-brown.png);
  position: relative;
  left: -0.25em;
}
[role="treeitem"],
[role="treeitem"] span {
  width: 100%;
  margin: 0;
  padding: 0.125em;
  border: 2px transparent solid;
  display: block;
}
/* disable default keyboard focus styling for treeitems
   Keyboard focus is styled with the following CSS */
[role="treeitem"]:focus {
  outline: 0;
}
[role="treeitem"].focus,
[role="treeitem"] span.focus {
  border-color: black;
  background-color: #eee;
}
[role="treeitem"].hover,
[role="treeitem"] span:hover {
  background-color: #ddd;
}
/* AFTv2 */
/* Tables for configuration and test setup */
.table-toolbar {
  position: absolute;
  width: calc(100% - 64px);
  height: 72px;
  left: 32px;
  background: #FFFFFF;
  box-shadow: 0px 8px 15px rgba(55, 64, 83, 0.1);
  border-radius: 12px;
}
.table-toolbar .title-section {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 8px;
  position: absolute;
  height: 26px;
  left: 24px;
  top: 23px;
}
.table-toolbar .title-section .active-filter {
  height: 20px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #757F94;
}
.table-toolbar .title-section .remove-filter-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 4px;
  width: 92px;
  top: 36.11%;
  bottom: 33.33%;
  cursor: pointer;
}
.table-toolbar .title-section .remove-filter-button .icon-container {
  width: 18px;
  height: 18px;
  position: relative;
}
.table-toolbar .title-section .remove-filter-button .icon-container svg {
  position: absolute;
  left: 8.33%;
  right: 8.33%;
  top: 8.33%;
  bottom: 8.33%;
}
.table-toolbar .title-section .remove-filter-button .text {
  width: 70px;
  height: 22px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 160%;
  display: flex;
  align-items: center;
  font-feature-settings: 'liga' off;
  color: #171A1D;
}
.table-toolbar .title-section .icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px;
  width: 24px;
  height: 24px;
  /* Gray/100 */
  background: #F3F5F8;
  border-radius: 4px;
  cursor: pointer;
}
.table-toolbar .title-section .title {
  height: 26px;
  /* Head/H4 (Bold) */
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  /* identical to box height, or 130% */
  /* Gray/800 */
  color: #171A1D;
}
.table-toolbar .button-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  padding: 0px;
  position: absolute;
  width: 417px;
  height: 40px;
  right: 449px;
  top: 16px;
}
.table-toolbar .button-section button {
  width: 260px;
}
.table-toolbar .button-section .threshold-button {
  width: 260px;
}
.table-toolbar .filter-section {
  display: flex;
  justify-content: center;
  padding: 0px;
  align-items: flex-end;
  position: absolute;
  width: 600px;
  height: 40px;
  right: 449px;
  top: 16px;
}
.table-toolbar .filter-section .tags-filter {
  width: 220px;
  margin-right: 16px;
}
.table-toolbar .filter-section .asset-type-filter {
  width: 200px;
  margin-right: 16px;
}
.table-toolbar .filter-section .soo-template-filter {
  width: 350px;
}
.table-toolbar .tools-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  padding: 0px;
  position: absolute;
  width: 417px;
  height: 40px;
  right: 16px;
  top: 16px;
}
.section-body.small {
  left: 538px;
}
.section-body.small .table-toolbar {
  margin-top: 16px;
}
/* Test Comments */
.comments {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 20px;
  position: absolute;
  left: 32px;
  right: 32px;
  top: 133px;
  height: calc(100% - 221px);
  overflow-y: auto;
}
.comments::-webkit-scrollbar {
  width: 6px;
}
.comments::-webkit-scrollbar-track {
  background-color: #FFFFFF;
  border-radius: 8px;
}
.comments::-webkit-scrollbar-thumb {
  background: #F3F5F8;
  border-radius: 8px;
}
.comments::-webkit-scrollbar-thumb:hover {
  width: 10px;
}
.comments .comment {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px 0px;
  gap: 8px;
  width: 95%;
  min-height: 181px;
  border-bottom: 1px solid #E9ECF2;
}
.comments .comment .comment-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 18px;
  width: 100%;
  height: 48px;
}
.comments .comment .comment-header .name-avatar {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 10px;
  width: 90%;
  height: 48px;
}
.comments .comment .comment-header .name-avatar .avatar {
  width: 48px;
  height: 48px;
  border-radius: 24px;
  position: relative;
  background: #21262A;
}
.comments .comment .comment-header .name-avatar .avatar .initials {
  position: absolute;
  width: 30px;
  height: 16px;
  left: calc(50% - 30px/2);
  top: calc(50% - 16px/2);
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  /* or 24px */
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  font-feature-settings: 'liga' off;
  color: #FFFFFF;
}
.comments .comment .comment-header .name-avatar .name {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 4px;
  width: 462px;
  height: 42px;
}
.comments .comment .comment-header .name-avatar .name .user {
  width: 462px;
  height: 19px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
  color: #171A1D;
}
.comments .comment .comment-header .name-avatar .name .info {
  width: 462px;
  height: 19px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
  color: #A6AAB2;
}
.comments .comment .comment-header .icon-menu {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px;
  width: 28px;
  height: 28px;
  background: #F3F5F8;
  border-radius: 6px;
}
.comments .comment .comment-header .icon-menu .icon {
  cursor: pointer;
  width: 20px;
  height: 20px;
  position: relative;
}
.comments .comment .comment-header .icon-menu .icon svg {
  position: absolute;
  left: 12.5%;
  right: 12.5%;
  top: 43.75%;
  bottom: 43.75%;
}
.comments .comment .comment-text {
  width: 90%;
  text-align: left;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
  color: #4A5263;
}
.comments .comment .comment-time {
  height: 19px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
  text-align: right;
  color: #A6AAB2;
}
.new-comment-field {
  position: absolute;
  width: 95%;
  height: 88px;
  left: 24px;
  bottom: 0px;
  background: #FFFFFF;
  box-shadow: 0px 0px 20px rgba(55, 64, 83, 0.1);
  border-radius: 0px 0px 24px 24px;
}
.modal .point-error-history-container {
  width: 95%;
}
.modal .point-error-history-container .cards .card {
  width: 95%;
}
.modal .point-error-history-container .cards .card .error-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 16px;
  width: 100%;
  height: 30px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  color: #21262A;
}
/* Add Template to Assets Modal */
.modal .tools {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  padding: 0px 32px 24px;
  gap: 32px;
  position: absolute;
  width: 100%;
  height: 88px;
  left: 0px;
  top: 109px;
}
.modal .tools.lower {
  top: 124px;
}
.modal .tools .field {
  width: 50%;
}
.modal .tools .actions {
  width: 50%;
  height: 40px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;
}
.modal .tools .actions .add-filtered-button {
  padding: 9px 30px 9px 26px;
  gap: 10px;
  width: 200px;
  height: 40px;
}
.modal .asset-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;
  width: 100%;
  height: calc(100% - 90px);
}
.modal .asset-container .left-side,
.modal .asset-container .right-side {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 10px;
  position: relative;
  height: 100%;
  flex-grow: 1;
  background: #FFFFFF;
  border: 1px solid #E9ECF2;
  border-radius: 12px;
  overflow-y: auto;
}
.modal .asset-container .left-side::-webkit-scrollbar,
.modal .asset-container .right-side::-webkit-scrollbar {
  height: 6px;
  width: 400%;
}
.modal .asset-container .left-side::-webkit-scrollbar-track,
.modal .asset-container .right-side::-webkit-scrollbar-track {
  background-color: #E9ECF2;
  border-radius: 8px;
  margin-left: 600px;
  margin-right: 600px;
}
.modal .asset-container .left-side::-webkit-scrollbar-thumb,
.modal .asset-container .right-side::-webkit-scrollbar-thumb {
  background: #171A1D;
  border-radius: 8px;
}
.modal .asset-container .left-side::-webkit-scrollbar-thumb:hover,
.modal .asset-container .right-side::-webkit-scrollbar-thumb:hover {
  height: 10px;
}
.modal .asset-container .left-side .asset-list,
.modal .asset-container .right-side .asset-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;
  width: 100%;
  height: 100%;
}
.modal .asset-container .left-side .asset-list .header,
.modal .asset-container .right-side .asset-list .header {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px;
  gap: 8px;
  width: 100%;
  height: 80px;
  border-bottom: 1px solid #E9ECF2;
}
.modal .asset-container .left-side .asset-list .header .title,
.modal .asset-container .right-side .asset-list .header .title {
  height: 20px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #171A1D;
}
.modal .asset-container .left-side .asset-list .header .sub-text,
.modal .asset-container .right-side .asset-list .header .sub-text {
  height: 20px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #757F94;
}
.modal .asset-container .left-side .asset-list .content,
.modal .asset-container .right-side .asset-list .content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  width: 100%;
}
.modal .asset-container .left-side .asset-list .content .line,
.modal .asset-container .right-side .asset-list .content .line {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px;
  gap: 8px;
  width: 100%;
  height: 54px;
}
.modal .asset-container .left-side .asset-list .content .line .text,
.modal .asset-container .right-side .asset-list .content .line .text {
  width: 85%;
  height: 22px;
  text-align: left;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 160%;
  font-feature-settings: 'liga' off;
  color: #4A5263;
}
.modal .asset-container .left-side .asset-list .content .line .icon,
.modal .asset-container .right-side .asset-list .content .line .icon {
  width: 20px;
  height: 20px;
  position: relative;
  cursor: pointer;
}
.modal .asset-container .rectangle {
  width: 1px;
  height: 100%;
  background: #D0D3D9;
}
.modal .save-assignment-button {
  position: absolute;
  padding: 9px 26px;
  width: 170px;
  right: 34px;
}
/* Test info modal */
.modal .test-info-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 20px;
  position: absolute;
  left: 32px;
  right: 32px;
  top: 133px;
  height: calc(100% - 221px);
  overflow-y: auto;
}
.modal .test-info-container::-webkit-scrollbar {
  width: 6px;
}
.modal .test-info-container::-webkit-scrollbar-track {
  background-color: #FFFFFF;
  border-radius: 8px;
}
.modal .test-info-container::-webkit-scrollbar-thumb {
  background: #F3F5F8;
  border-radius: 8px;
}
.modal .test-info-container::-webkit-scrollbar-thumb:hover {
  width: 10px;
}
.modal .test-info-container .test-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px 0px 24px;
  gap: 24px;
  position: absolute;
  width: 90%;
  left: 24px;
  top: 0px;
}
.modal .test-info-container .test-info .general-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  width: 100%;
  height: 162px;
}
.modal .test-info-container .test-info .general-info .line {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 0px;
  gap: 16px;
  width: 100%;
  height: 54px;
  border-bottom: 1px solid #E9ECF2;
}
.modal .test-info-container .test-info .general-info .line .label {
  width: 50%;
  height: 30px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-feature-settings: 'liga' off;
  color: #757F94;
  flex-grow: 1;
}
.modal .test-info-container .test-info .general-info .line .value {
  width: 50%;
  height: 22px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 160%;
  text-align: right;
  font-feature-settings: 'liga' off;
  color: #4A5263;
  flex-grow: 1;
}
.modal .test-info-container .test-info .general-info .line .value .icon {
  position: relative;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.modal .test-info-container .test-info .general-info .line .value .icon svg {
  position: absolute;
  top: 16%;
  left: 0;
}
.modal .test-info-container .test-info .observation-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;
  width: 100%;
  height: 340px;
}
.modal .test-info-container .test-info .observation-info .passed {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  width: 100%;
  height: 162px;
  background: #F9FAFB;
  border-radius: 8px;
}
.modal .test-info-container .test-info .observation-info .failed {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  width: 100%;
  height: 162px;
  background: #F9FAFB;
  border-radius: 8px;
}
.modal .test-info-container .test-info .observation-info .observation-section .line {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 24px;
  gap: 16px;
  width: 100%;
  height: 54px;
  border-bottom: 1px solid #E9ECF2;
}
.modal .test-info-container .test-info .observation-info .observation-section .line .label {
  width: 50%;
  height: 30px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-feature-settings: 'liga' off;
  color: #757F94;
}
.modal .test-info-container .test-info .observation-info .observation-section .line .value {
  width: 50%;
  height: 22px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 160%;
  /* or 22px */
  text-align: right;
  font-feature-settings: 'liga' off;
  color: #4A5263;
}
.modal .test-info-container .test-info .control-sequence,
.modal .test-info-container .test-info .run-criteria,
.modal .test-info-container .test-info .staging-advice,
.modal .test-info-container .test-info .result-tips {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  width: 100%;
  min-height: 104px;
}
.modal .test-info-container .test-info .control-sequence .label,
.modal .test-info-container .test-info .run-criteria .label,
.modal .test-info-container .test-info .staging-advice .label,
.modal .test-info-container .test-info .result-tips .label {
  width: 100%;
  height: 16px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 800;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  align-items: center;
  color: #171A1D;
}
.modal .test-info-container .test-info .control-sequence .value-container,
.modal .test-info-container .test-info .run-criteria .value-container,
.modal .test-info-container .test-info .staging-advice .value-container,
.modal .test-info-container .test-info .result-tips .value-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 10px 8px;
  gap: 10px;
  width: 100%;
  min-height: 80px;
  /* Gray/50 */
  background: #F9FAFB;
  /* Gray/200 */
  border: 1px solid #E9ECF2;
  border-radius: 8px;
}
.modal .test-info-container .test-info .control-sequence .value,
.modal .test-info-container .test-info .run-criteria .value,
.modal .test-info-container .test-info .staging-advice .value,
.modal .test-info-container .test-info .result-tips .value {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  width: 96%;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  color: #21262A;
}
.modal .test-info-container .test-info .control-sequence .tips,
.modal .test-info-container .test-info .run-criteria .tips,
.modal .test-info-container .test-info .staging-advice .tips,
.modal .test-info-container .test-info .result-tips .tips {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 20px;
}
.modal .test-info-container .test-info .control-sequence .tips .tip,
.modal .test-info-container .test-info .run-criteria .tips .tip,
.modal .test-info-container .test-info .staging-advice .tips .tip,
.modal .test-info-container .test-info .result-tips .tips .tip {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  width: 95%;
  border-bottom: 1px solid #E9ECF2;
}
.modal .test-info-container .test-info .control-sequence .tips .tip .tip-header,
.modal .test-info-container .test-info .run-criteria .tips .tip .tip-header,
.modal .test-info-container .test-info .staging-advice .tips .tip .tip-header,
.modal .test-info-container .test-info .result-tips .tips .tip .tip-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 18px;
  width: 100%;
}
.modal .test-info-container .test-info .control-sequence .tips .tip .tip-header .name-avatar,
.modal .test-info-container .test-info .run-criteria .tips .tip .tip-header .name-avatar,
.modal .test-info-container .test-info .staging-advice .tips .tip .tip-header .name-avatar,
.modal .test-info-container .test-info .result-tips .tips .tip .tip-header .name-avatar {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 10px;
  width: 90%;
}
.modal .test-info-container .test-info .control-sequence .tips .tip .tip-header .name-avatar .name,
.modal .test-info-container .test-info .run-criteria .tips .tip .tip-header .name-avatar .name,
.modal .test-info-container .test-info .staging-advice .tips .tip .tip-header .name-avatar .name,
.modal .test-info-container .test-info .result-tips .tips .tip .tip-header .name-avatar .name {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 4px;
  width: 462px;
}
.modal .test-info-container .test-info .control-sequence .tips .tip .tip-header .name-avatar .name .user,
.modal .test-info-container .test-info .run-criteria .tips .tip .tip-header .name-avatar .name .user,
.modal .test-info-container .test-info .staging-advice .tips .tip .tip-header .name-avatar .name .user,
.modal .test-info-container .test-info .result-tips .tips .tip .tip-header .name-avatar .name .user {
  width: 462px;
  height: 19px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 800;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
  color: #171A1D;
}
.modal .test-info-container .test-info .control-sequence .tips .tip .tip-text,
.modal .test-info-container .test-info .run-criteria .tips .tip .tip-text,
.modal .test-info-container .test-info .staging-advice .tips .tip .tip-text,
.modal .test-info-container .test-info .result-tips .tips .tip .tip-text {
  width: 90%;
  text-align: left;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
  color: #4A5263;
}
.modal .test-info-container .test-info .acceptance-criteria {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 12px;
  width: 100%;
  min-height: 136px;
}
.modal .test-info-container .test-info .acceptance-criteria .ac-header {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  padding: 0px;
  gap: 34px;
  width: 100%;
  height: 28px;
}
.modal .test-info-container .test-info .acceptance-criteria .ac-header span {
  width: 100%;
  height: 28px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  display: flex;
  align-items: center;
  color: #21262A;
}
.modal .test-info-container .test-info .acceptance-criteria .line-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 16px;
  width: 100%;
  height: 24px;
}
.modal .test-info-container .test-info .acceptance-criteria .line-container .line {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  isolation: isolate;
  width: 100%;
  height: 24px;
  color: #21262A;
}
.modal .test-info-container .test-info .acceptance-criteria .line-container .line .dot {
  width: 24px;
  height: 24px;
  position: relative;
}
.modal .test-info-container .test-info .acceptance-criteria .line-container .line .dot svg {
  position: absolute;
  left: 33.33%;
  right: 33.33%;
  top: 33.33%;
  bottom: 33.33%;
}
.modal .test-info-container .test-info .acceptance-criteria .line-container .line .text {
  width: 94%;
  height: 20px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-align: left;
}
.modal .test-info-container .test-info .clear-results-button {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 9px 30px 9px 26px;
  gap: 8px;
  width: 427px;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #E9ECF2;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
  border-radius: 8px;
}
.modal .test-info-container .test-info .clear-results-button:hover {
  background: #E9ECF2;
}
.hover-line text {
  font-family: 'Satoshi';
  font-style: normal;
}
#comment-edit .menu-icon svg {
  fill: black;
}
.progress-bar-container {
  width: 200px;
  display: flex;
  align-items: center;
}
.progress-bar-container.filter {
  cursor: pointer;
}
.progress-bar-container .download-icon {
  height: 100%;
  display: flex;
}
.indicator {
  margin-left: 5px;
  opacity: 0;
  /* Hidden by default */
}
.indicator.active {
  opacity: 1;
  /* Visible when the filter is active */
}
/* Progress bars */
.progress-bar {
  width: 80%;
  height: 20px;
  background: linear-gradient(to right, #f2f2f2, #f2f2f2) padding-box, linear-gradient(to right, #4caf50, #66bb6a);
  background-clip: content-box, border-box;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
}
.progress {
  height: 100%;
  background-color: #4caf50;
  position: absolute;
  transition: width 0.5s ease-in-out;
}
.progress.low {
  background-color: #e74c3c;
}
.progress.green {
  background-color: #92D050;
}
.progress.red {
  background-color: #FF6B6B;
}
.progress.grey {
  background-color: #808080;
}
.verified {
  background-color: #AEDFF7;
  /* Replace with the color you used for 'Verified' in your table */
}
.pass {
  background-color: #92D050;
  /* Replace with the color you used for 'Pass' in your table */
}
.fail {
  background-color: #FF6B6B;
  /* Replace with the color you used for 'Fail' in your table */
}
/* Point-to-Point Chart */
text {
  font-family: 'Satoshi';
}
text.label {
  font-size: 12px;
}
.tooltip {
  font-family: 'Satoshi';
  font-size: 10px;
}
.tooltip label {
  font-weight: 700;
}
.row-button.header-button {
  position: relative;
}
.row-button.header-button .item-icon {
  top: -10px !important;
  left: 8px;
}
/* ============================================================
   Functional Testing — redesigned workspace styles
   Ported from the Claude Design "functional-testing" prototype
   (project 019e1e10-1021-73ce-9dac-cede6d05a543).
   Everything is scoped under `.ft-redesign` so the design's generic
   atom class names (.btn, .card, .modal, .seg, …) never collide with
   the rest of the app — same isolation pattern as reports.less.
   ============================================================ */
/* ---- Design tokens (safe to (re)declare; same values app-wide) ---- */
:root {
  --mint-50: #ECFDF7;
  --mint-100: #D2FBEC;
  --mint-200: #A8F4D9;
  --mint-300: #7DECC8;
  --mint-400: #5CE8C8;
  --mint-500: #2BD0AB;
  --mint-600: #16A88A;
  --mint-700: #0F7F69;
  --mint-800: #0B5A4B;
  --mint-900: #073A30;
  --ink-50: #F5F6F7;
  --ink-100: #E6E8EB;
  --ink-200: #C9CDD3;
  --ink-300: #9DA3AC;
  --ink-400: #6B727C;
  --ink-500: #434952;
  --ink-600: #2A2F37;
  --ink-700: #1E2228;
  --ink-800: #14181C;
  --ink-900: #0B0E11;
  --fg-1: #14181C;
  --fg-2: #434952;
  --fg-3: #6B727C;
  --border-1: #E6E8EB;
  --border-2: #C9CDD3;
  --eei-blue: #0272BA;
  --eei-indigo: #0C3F7B;
  --pass: #90D055;
  --pass-strong: #74C040;
  --pass-bg: #ECF7DC;
  --fail: #F06060;
  --fail-strong: #DD4330;
  --fail-bg: #FDEAE6;
  --status-warn: #F39B2C;
  --status-warn-bg: #FFF1E0;
  --ok-strong: #2E9E6B;
  --font-display: 'Manrope', 'Public Sans', system-ui, -apple-system, sans-serif;
  --font-sans: 'Public Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'Roboto Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --radius-lg: 10px;
  --radius-xl: 14px;
  --shadow-3: 0 8px 24px rgba(20, 24, 28, 0.1), 0 2px 6px rgba(20, 24, 28, 0.06);
  --shadow-4: 0 24px 64px rgba(20, 24, 28, 0.16), 0 6px 16px rgba(20, 24, 28, 0.08);
  --dur-fast: 120ms;
  --dur-base: 180ms;
  --dur-slow: 280ms;
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
}
/* ---- keyframes (prefixed to avoid collisions) ---- */
@keyframes ft-toastin {
  from {
    transform: translate(-50%, 12px);
    opacity: 0;
  }
}
@keyframes ft-fade {
  from {
    opacity: 0;
  }
}
@keyframes ft-slidein {
  from {
    transform: translateX(24px);
    opacity: 0.6;
  }
}
@keyframes ft-pop {
  from {
    transform: scale(0.97);
    opacity: 0.7;
  }
}
@keyframes ft-item-in {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes ft-spin {
  to {
    transform: rotate(360deg);
  }
}
.ft-redesign {
  font-family: var(--font-sans);
  color: var(--fg-1);
  font-size: 14px;
  /* Fill the viewport and cancel the shell's 12px top / 20px side gutters so
     the workspace chrome is flush with the charting and asset dashboards. */
  height: 100vh;
  margin: -12px -20px -75px;
  background: #F4F6F8;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  position: relative;
  /* anchors the TestDrill takeover */
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  /* stage tabs are link-to anchors in the app (buttons in the prototype) */
  /* legacy functionalTests.less defines GLOBAL .pass/.fail/.verified with
     solid background-colors; neutralize them inside the workspace. Every
     component here that wants a tone background (stackbar, matrix cells,
     verdict dots, …) declares its own later in this file and wins. */
  /* ---- app-specific additions (not in the prototype css) ---- */
  /* ---- export modal (shared by readiness / setpoints / results) ---- */
  /* ---- pass-rate threshold modal ---- */
  /* drill — per-activation-window rows with embedded charts */
  /* ---- workspace header (persistent) ---- */
  /* =================================================
     ATOMS
     ================================================= */
  /* search */
  /* segmented */
  /* toggle / checkbox */
  /* verdict pill / cell */
  /* status dot+label */
  /* bars / rings */
  /* =================================================
     CARD
     ================================================= */
  /* expression code */
  /* compound-expression wrapping (long condition chips) — must follow .expr
     so white-space: normal wins the equal-specificity fight */
  /* break-word (not anywhere): wraps at spaces, only splits a token that
     alone exceeds the line, and keeps min-content = longest token so the
     chips don't collapse to a sliver inside flex rows */
  /* override badge */
  /* generic table */
  /* asset id cell */
  /* toolbar */
  /* KPI stat */
  /* !important beats materialize's global `.blue { background-color: #2196F3 !important }` */
  /* empty */
  /* toast */
  /* slide-over panel + scrim (shared) */
  /* section label */
  /* =================================================
     OVERVIEW — lifecycle band + results grouped by asset type
     ================================================= */
  /* .lc-in carries the phase accent (link-to can't bind data-attributes) */
  /* =================================================
     TEMPLATES
     ================================================= */
  /* the rail scrolls on its own when taller than the viewport; the page doesn't */
  /* fixed-width type filter so the search box gets the room; the native
     dropdown list still opens at full option width */
  /* default-template star */
  /* required-point add row */
  /* test anatomy rows — "Runs while" / "Passes when" */
  /* activation: plain language first, expression inline or behind a toggle */
  /* inline add forms */
  /* building-block library */
  /* expandable test rows — default acceptance criteria */
  /* centered modal */
  /* the body scrolls — its children must not shrink when a long list
     overflows it (the search box got squashed to its input's height) */
  /* library-pick modals (add test / add criterion) — cap the height so long
     libraries scroll inside the body instead of growing the dialog */
  /* pick list rows */
  /* expression builder */
  /* per-test criterion delay tag */
  /* =================================================
     SITE SETUP — assignment banner + rail extras
     ================================================= */
  /* assign modal */
  /* assign modal */
  /* the asset list scrolls inside the panel; toolbar and footer stay pinned */
  /* =================================================
     READINESS (showpiece)
     ================================================= */
  /* The page never scrolls as a whole (same rb-lock pattern as sp-lock /
     res-lock): KPI band + toolbar stay put, the card grid scrolls in its
     own column and the asset panel always fits the viewport — reaching
     the bottom of the asset list never requires scrolling a second
     container. */
  /* invisible catch layer closes the popover on any outside click */
  /* right-aligned: the dropdown sits at the page's right edge, so it must
     open leftward or it clips off-screen */
  /* Direction A — board: scrolling card grid + full-height asset panel */
  /* sized by content, capped at the column height — the internal body
     scroll is then the only scroll the asset list ever needs */
  /* the name gets the flexible space (ellipsized, full name in the title
     tooltip); the bar is a fixed narrow gauge */
  /* Direction B (pipeline) retired — board won the comparison. .rp-sel lives on (setpoints). */
  /* inspector */
  /* =================================================
     SETPOINTS
     ================================================= */
  /* the page itself doesn't scroll — only the table does, so the sticky
     thead pins against .sp-scroll instead of riding out with .ft-scroll */
  /* collapsed borders detach from sticky cells in Chrome; keep the row
     rules on the cells instead */
  /* bulk bar */
  /* setpoint comparison config */
  /* =================================================
     RESULTS
     ================================================= */
  /* the page itself doesn't scroll — only the results table does, so the
     sticky theads pin against the card's scroller (same trick as sp-lock) */
  /* collapsed borders detach from sticky cells in Chrome; keep the row
     rules on the cells instead (same fix as .sp-tbl) */
  /* stacked label+select (config panels) */
  /* per-test verdict strip (by-asset triage) */
  /* drill panel */
  /* drill — full-screen analysis view */
  /* anchored to the workspace container (not the viewport) so it never
     slides under the app's fixed left nav, expanded or collapsed */
  /* drill chart shading: activation windows (blue) + failing spans (red) */
  /* in-chart pass/fail windows ribbon (activation chart) */
  /* clamp the drill legends to one width (long mono point names would
     otherwise force the flex item wider and shift each chart's right edge) */
  /* hover-card state chip for drill charts */
  /* overhead pass/fail strip inset to match the plot area (PAD.l/r of the 1160 viewBox) */
  /* drill sections: activation + one per acceptance criterion */
}
.ft-redesign *,
.ft-redesign *::before,
.ft-redesign *::after {
  box-sizing: border-box;
}
.ft-redesign ::selection {
  background: var(--mint-200);
}
.ft-redesign button {
  font-family: inherit;
}
.ft-redesign a {
  color: var(--eei-blue);
  text-decoration: none;
}
.ft-redesign a:hover {
  color: var(--eei-indigo);
}
.ft-redesign .mono {
  font-family: var(--font-mono);
  font-feature-settings: 'tnum';
}
.ft-redesign .tnum {
  font-variant-numeric: tabular-nums;
}
.ft-redesign svg.lucide {
  display: inline-block;
  vertical-align: middle;
  flex: 0 0 auto;
}
.ft-redesign .muted {
  color: var(--fg-3);
}
.ft-redesign .warn {
  color: #8A5300;
}
.ft-redesign a.ft-stage {
  text-decoration: none;
}
.ft-redesign .pass,
.ft-redesign .fail,
.ft-redesign .verified {
  background-color: transparent;
}
.ft-redesign .modal-err {
  font-size: 12.5px;
  color: var(--fail-strong);
  background: var(--fail-bg);
  border: 1px solid #F8C2B7;
  border-radius: 8px;
  padding: 8px 11px;
}
.ft-redesign .ex-sec {
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.ft-redesign .ex-lbl {
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--fg-3);
}
.ft-redesign .ex-lbl-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ft-redesign .ex-all {
  border: 0;
  background: transparent;
  color: var(--eei-blue);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  padding: 0;
}
.ft-redesign .ex-all:hover {
  color: var(--eei-indigo);
}
.ft-redesign .ex-reports {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.ft-redesign .ex-report {
  display: flex;
  align-items: center;
  gap: 12px;
  text-align: left;
  padding: 11px 13px;
  border: 1px solid #E6E8EB;
  border-radius: 11px;
  background: #fff;
  cursor: pointer;
  font-family: inherit;
}
.ft-redesign .ex-report:hover {
  border-color: var(--mint-400);
  background: var(--mint-50);
}
.ft-redesign .ex-report.on {
  border-color: var(--mint-500);
  background: var(--mint-50);
  box-shadow: 0 0 0 1px var(--mint-500) inset;
}
.ft-redesign .ex-report-ic {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  background: var(--ink-50);
  color: var(--ink-600);
  border: 1px solid var(--border-1);
}
.ft-redesign .ex-report.on .ex-report-ic {
  background: #fff;
  color: var(--mint-700);
  border-color: #CFE9DC;
}
.ft-redesign .ex-report-m {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.ft-redesign .ex-report-n {
  font-size: 13.5px;
  font-weight: 600;
  color: #14181C;
}
.ft-redesign .ex-report-s {
  font-size: 11.5px;
  color: var(--fg-2);
}
.ft-redesign .ex-radio {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1.5px solid #CBD1D8;
  flex: 0 0 auto;
}
.ft-redesign .ex-report.on .ex-radio {
  border-color: var(--mint-600);
  background: radial-gradient(circle, var(--mint-600) 0 4.5px, #ffffff 5.5px 100%);
}
.ft-redesign .ex-types {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 7px;
}
.ft-redesign .ex-type {
  display: flex;
  align-items: center;
  gap: 9px;
  text-align: left;
  padding: 8px 11px;
  border: 1px solid #E6E8EB;
  border-radius: 9px;
  background: #fff;
  cursor: pointer;
  font-family: inherit;
}
.ft-redesign .ex-type:hover {
  border-color: var(--mint-400);
}
.ft-redesign .ex-type.on {
  border-color: var(--mint-500);
  background: var(--mint-50);
}
.ft-redesign .ex-check {
  width: 17px;
  height: 17px;
  border-radius: 5px;
  border: 1.5px solid #CBD1D8;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  color: transparent;
}
.ft-redesign .ex-type.on .ex-check {
  background: var(--mint-600);
  border-color: var(--mint-600);
  color: #fff;
}
.ft-redesign .ex-type-n {
  flex: 1;
  min-width: 0;
  font-size: 12.5px;
  font-weight: 600;
  color: #14181C;
}
.ft-redesign .ex-type-c {
  font-size: 11px;
  color: var(--fg-3);
  flex: 0 0 auto;
}
.ft-redesign .ex-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.ft-redesign .ex-chip {
  padding: 6px 13px;
  border: 1px solid #E6E8EB;
  border-radius: 999px;
  background: #fff;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--fg-2);
  cursor: pointer;
  font-family: inherit;
}
.ft-redesign .ex-chip:hover {
  border-color: var(--mint-400);
}
.ft-redesign .ex-chip.on {
  border-color: var(--mint-500);
  background: var(--mint-50);
  color: var(--mint-700);
}
.ft-redesign .ex-summary {
  font-size: 12px;
  color: var(--fg-2);
}
.ft-redesign .ex-summary b {
  font-family: var(--font-display);
  font-weight: 700;
  color: #14181C;
}
.ft-redesign .ex-opt {
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--fg-3);
  background: #F0F2F4;
  padding: 1px 6px;
  border-radius: 4px;
  margin-left: 4px;
}
.ft-redesign .ex-hint {
  font-size: 11.5px;
  color: var(--fg-3);
}
.ft-redesign .th-chip-btn {
  cursor: pointer;
  font-family: inherit;
}
.ft-redesign .th-chip-btn:hover {
  border-color: var(--mint-400);
  background: var(--mint-50);
}
.ft-redesign .th-chip-btn:hover svg.lucide {
  color: var(--mint-600);
}
.ft-redesign .th-dial {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: 4px 0 2px;
}
.ft-redesign .th-big {
  display: flex;
  align-items: baseline;
  gap: 2px;
  color: #14181C;
}
.ft-redesign .th-num {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 52px;
  letter-spacing: -0.03em;
  line-height: 1;
}
.ft-redesign .th-pct {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 24px;
  color: var(--fg-3);
}
.ft-redesign .th-caption {
  font-size: 12px;
  color: var(--fg-2);
}
.ft-redesign .th-range {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 7px;
  border-radius: 999px;
  background: linear-gradient(to right, var(--mint-500) var(--pct), #E6E8EB var(--pct));
  outline: 0;
  cursor: pointer;
}
.ft-redesign .th-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid var(--mint-600);
  box-shadow: 0 2px 6px rgba(20, 24, 28, 0.18);
  cursor: pointer;
}
.ft-redesign .th-range::-moz-range-thumb {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid var(--mint-600);
  box-shadow: 0 2px 6px rgba(20, 24, 28, 0.18);
  cursor: pointer;
}
.ft-redesign .th-ticks {
  display: flex;
  justify-content: space-between;
  font-size: 10.5px;
  color: var(--fg-3);
  margin-top: -4px;
}
.ft-redesign .th-impact {
  border: 1px solid #EEF0F2;
  border-radius: 12px;
  padding: 13px 15px;
  display: flex;
  flex-direction: column;
  gap: 11px;
  background: #FAFBFC;
}
.ft-redesign .th-imp-lbl {
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--fg-3);
}
.ft-redesign .th-imp-row {
  display: flex;
  gap: 0;
}
.ft-redesign .th-imp {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 3px;
  align-items: center;
}
.ft-redesign .th-imp + .th-imp {
  border-left: 1px solid #E6E8EB;
}
.ft-redesign .th-imp b {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 22px;
  letter-spacing: -0.02em;
}
.ft-redesign .th-imp span {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--fg-3);
}
.ft-redesign .th-imp.ok b {
  color: var(--pass-strong);
}
.ft-redesign .th-imp.bad b {
  color: var(--fail);
}
.ft-redesign .th-imp.mute b {
  color: #14181C;
}
.ft-redesign .th-delta {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-weight: 600;
  align-self: center;
}
.ft-redesign .th-delta.up {
  color: var(--fail);
}
.ft-redesign .th-delta.down {
  color: var(--pass-strong);
}
.ft-redesign .th-note {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  font-size: 11.5px;
  color: var(--fg-2);
  line-height: 1.45;
}
.ft-redesign .th-note svg.lucide {
  color: var(--fg-3);
  flex: 0 0 auto;
  margin-top: 1px;
}
.ft-redesign .drill-obs-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ft-redesign .drill-obs {
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 10px;
  overflow: hidden;
}
.ft-redesign .drill-obs.open {
  border-color: #C9CDD3;
}
.ft-redesign .drill-obs-row {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 10px 14px;
  background: transparent;
  border: 0;
  cursor: pointer;
  font-size: 12.5px;
  color: var(--fg-1);
  text-align: left;
}
.ft-redesign .drill-obs-row:hover {
  background: #FAFBFC;
}
.ft-redesign .drill-obs-body {
  padding: 4px 16px 16px;
  border-top: 1px solid #F1F3F5;
}
.ft-redesign .drill-chart {
  margin-top: 8px;
}
.ft-redesign .drill-chart .cv2-embed-chart {
  border: 1px solid #EEF0F2;
  border-radius: 10px;
}
.ft-redesign .ft-ws-head {
  flex: 0 0 auto;
  background: #fff;
  border-bottom: 1px solid #E6E8EB;
}
.ft-redesign .ft-ws-top {
  display: flex;
  align-items: flex-start;
  padding: 18px 24px 14px;
  min-height: 72px;
  gap: 20px;
}
.ft-redesign .ft-ws-title h1 {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 22px;
  line-height: 1.1;
  letter-spacing: -0.018em;
  color: #14181C;
}
.ft-redesign .ft-ws-crumb {
  margin-top: 5px;
  font-size: 12px;
  font-weight: 500;
  color: var(--fg-3);
}
.ft-redesign .ft-ws-crumb .sep {
  margin: 0 6px;
  color: var(--fg-3);
}
.ft-redesign .ft-ws-crumb .leaf {
  color: var(--fg-2);
  font-weight: 600;
}
.ft-redesign .ft-ws-sub {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 12.5px;
  color: var(--fg-2);
  margin-top: 5px;
}
.ft-redesign .ft-ws-sub svg.lucide {
  color: var(--fg-3);
}
.ft-redesign .ft-ws-sub .sep {
  width: 1px;
  height: 12px;
  background: #D4D8DD;
  margin: 0 5px;
}
.ft-redesign .ft-ws-right {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
}
.ft-redesign .ft-stagebar {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 0 22px;
}
.ft-redesign .ft-stage {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 42px;
  padding: 0 15px;
  border: 0;
  background: transparent;
  color: var(--fg-2);
  font-size: 13.5px;
  font-weight: 500;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
}
.ft-redesign .ft-stage svg.lucide {
  color: var(--fg-3);
}
.ft-redesign .ft-stage:hover {
  color: #14181C;
}
.ft-redesign .ft-stage:hover svg.lucide {
  color: var(--fg-2);
}
.ft-redesign .ft-stage.on {
  color: #14181C;
  font-weight: 600;
  border-bottom-color: var(--mint-400);
}
.ft-redesign .ft-stage.on svg.lucide {
  color: var(--mint-600);
}
.ft-redesign .ft-scroll {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}
.ft-redesign .ft-inner {
  padding: 24px 30px 48px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  max-width: 1320px;
}
.ft-redesign .ft-inner.wide {
  max-width: none;
}
.ft-redesign .btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 36px;
  padding: 0 15px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  border: 1px solid transparent;
  white-space: nowrap;
  transition: background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);
}
.ft-redesign .btn:active {
  transform: scale(0.99);
}
.ft-redesign .btn:disabled {
  opacity: 0.5;
  cursor: default;
}
.ft-redesign .btn-mint {
  background: var(--mint-400);
  color: #14181C;
  font-weight: 600;
}
.ft-redesign .btn-mint:hover {
  background: var(--mint-500);
}
.ft-redesign .btn-ink {
  background: #14181C;
  color: #fff;
}
.ft-redesign .btn-ink:hover {
  background: #000;
}
.ft-redesign .btn-ghost {
  background: #fff;
  color: #14181C;
  border-color: #DDE1E6;
}
.ft-redesign .btn-ghost:hover {
  background: #F4F6F8;
}
.ft-redesign .btn-sm {
  height: 30px;
  padding: 0 11px;
  font-size: 12px;
  gap: 5px;
  border-radius: 7px;
}
.ft-redesign .btn-icon {
  width: 34px;
  height: 34px;
  padding: 0;
  border-radius: 8px;
  background: #fff;
  color: var(--fg-2);
  border: 1px solid #DDE1E6;
  display: inline-grid;
  place-items: center;
  cursor: pointer;
}
.ft-redesign .btn-icon:hover {
  background: #F4F6F8;
  color: var(--fg-1);
}
.ft-redesign .btn-icon.on {
  background: #14181C;
  color: #fff;
  border-color: #14181C;
}
.ft-redesign .btn-link {
  background: transparent;
  border: 0;
  color: var(--eei-blue);
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  padding: 0;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.ft-redesign .btn-link:hover {
  color: var(--eei-indigo);
}
.ft-redesign .datepill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 13px;
  border: 1px solid #DDE1E6;
  border-radius: 8px;
  background: #fff;
  font-size: 12.5px;
  color: var(--fg-1);
  cursor: pointer;
}
.ft-redesign .datepill svg.lucide {
  color: var(--fg-3);
}
.ft-redesign .pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 22px;
  padding: 0 9px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.ft-redesign .pill .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.ft-redesign .pill-mint {
  background: var(--mint-50);
  color: var(--mint-700);
  border: 1px solid var(--mint-200);
}
.ft-redesign .pill-warn {
  background: #FFF1E0;
  color: #8A5300;
  border: 1px solid #FFD89B;
}
.ft-redesign .pill-fault {
  background: #FDEAE6;
  color: #8A1C0E;
  border: 1px solid #F8C2B7;
}
.ft-redesign .pill-blue {
  background: #E5F1FA;
  color: #0E4D7A;
  border: 1px solid #B6D7EF;
}
.ft-redesign .pill-ink {
  background: #F0F2F4;
  color: #2A2F37;
  border: 1px solid #E6E8EB;
}
.ft-redesign .srch {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  height: 36px;
  padding: 0 13px;
  background: #fff;
  border: 1px solid #DDE1E6;
  border-radius: 8px;
  min-width: 0;
  transition: border-color var(--dur-fast), box-shadow var(--dur-fast);
}
.ft-redesign .srch:focus-within {
  border-color: var(--mint-400);
  box-shadow: 0 0 0 3px rgba(92, 232, 200, 0.22);
}
.ft-redesign .srch input {
  border: 0;
  outline: 0;
  flex: 1;
  min-width: 0;
  font-size: 13px;
  color: var(--fg-1);
  background: transparent;
  font-family: inherit;
}
.ft-redesign .srch input::placeholder {
  color: var(--fg-3);
}
.ft-redesign .srch svg.lucide {
  color: var(--fg-3);
}
.ft-redesign .seg {
  display: inline-flex;
  padding: 3px;
  background: #F0F2F4;
  border: 1px solid #E6E8EB;
  border-radius: 9px;
}
.ft-redesign .seg button {
  border: 0;
  background: transparent;
  padding: 7px 13px;
  border-radius: 6px;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--fg-2);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  white-space: nowrap;
}
.ft-redesign .seg button:hover {
  color: var(--fg-1);
}
.ft-redesign .seg button.on {
  background: #14181C;
  color: #fff;
  box-shadow: 0 1px 2px rgba(20, 24, 28, 0.12);
}
.ft-redesign .seg button .ct {
  font-family: var(--font-mono);
  font-size: 10.5px;
  font-weight: 500;
  background: rgba(20, 24, 28, 0.06);
  color: var(--fg-2);
  padding: 1px 6px;
  border-radius: 999px;
}
.ft-redesign .seg button.on .ct {
  background: rgba(255, 255, 255, 0.18);
  color: rgba(255, 255, 255, 0.9);
}
.ft-redesign .seg.light button.on {
  background: #fff;
  color: #14181C;
  box-shadow: 0 1px 2px rgba(20, 24, 28, 0.08);
}
.ft-redesign .seg.light button.on .ct {
  background: rgba(20, 24, 28, 0.06);
  color: var(--fg-2);
}
.ft-redesign .tgl {
  width: 38px;
  height: 22px;
  border-radius: 999px;
  background: #D4D8DD;
  position: relative;
  cursor: pointer;
  transition: background var(--dur-fast);
  flex: 0 0 auto;
}
.ft-redesign .tgl.on {
  background: var(--mint-500);
}
.ft-redesign .tgl .knob {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  transition: transform var(--dur-fast) var(--ease-out);
}
.ft-redesign .tgl.on .knob {
  transform: translateX(16px);
}
.ft-redesign .cbx {
  width: 18px;
  height: 18px;
  border-radius: 5px;
  border: 1.5px solid #C9CDD3;
  background: #fff;
  display: inline-grid;
  place-items: center;
  cursor: pointer;
  flex: 0 0 auto;
}
.ft-redesign .cbx.on {
  background: var(--mint-400);
  border-color: var(--mint-400);
  color: #14181C;
}
.ft-redesign .cbx.dash {
  background: #14181C;
  border-color: #14181C;
  color: #fff;
}
.ft-redesign .vrd {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.03em;
  border-radius: 6px;
  padding: 3px 9px;
}
.ft-redesign .vrd.sm {
  font-size: 10.5px;
  padding: 2px 7px;
}
.ft-redesign .vrd-pass {
  background: var(--pass);
  color: #22400C;
}
.ft-redesign .vrd-fail {
  background: var(--fail);
  color: #fff;
}
.ft-redesign .vrd-none {
  background: #F4F6F8;
  color: var(--fg-3);
  border: 1px solid #E6E8EB;
}
.ft-redesign .vrd-match {
  background: var(--pass);
  color: #22400C;
}
.ft-redesign .vrd-mismatch {
  background: var(--status-warn);
  color: #4A2E00;
}
.ft-redesign .vrd-missing {
  background: #F4F6F8;
  color: var(--fg-3);
  border: 1px solid #E6E8EB;
}
.ft-redesign .stat {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
}
.ft-redesign .stat .dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
}
.ft-redesign .stat-ok {
  color: var(--mint-700);
}
.ft-redesign .stat-ok .dot {
  background: var(--pass-strong);
}
.ft-redesign .stat-warn {
  color: #8A5300;
}
.ft-redesign .stat-warn .dot {
  background: var(--status-warn);
}
.ft-redesign .stat-fault {
  color: var(--fail-strong);
}
.ft-redesign .stat-fault .dot {
  background: var(--fail);
}
.ft-redesign .stat-mute {
  color: var(--fg-3);
}
.ft-redesign .stat-mute .dot {
  background: var(--ink-300);
}
.ft-redesign .mbar {
  border-radius: 999px;
  background: #EEF0F2;
  overflow: hidden;
  width: 100%;
}
.ft-redesign .mbar .f {
  height: 100%;
}
.ft-redesign .mbar .f.mint {
  background: var(--mint-400);
}
.ft-redesign .mbar .f.warn {
  background: var(--status-warn);
}
.ft-redesign .mbar .f.fault {
  background: var(--fail);
}
.ft-redesign .mbar .f.ink {
  background: var(--ink-600);
}
.ft-redesign .ring {
  position: relative;
  display: inline-grid;
  place-items: center;
}
.ft-redesign .ring svg {
  display: block;
}
.ft-redesign .ring-c {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 12px;
  color: #14181C;
  font-variant-numeric: tabular-nums;
}
.ft-redesign .stackbar {
  display: flex;
  width: 100%;
  border-radius: 999px;
  overflow: hidden;
  background: #EEF0F2;
}
.ft-redesign .stackbar .pass {
  background: var(--pass);
}
.ft-redesign .stackbar .fail {
  background: var(--fail);
}
.ft-redesign .stackbar .none {
  background: #E1E4E8;
}
.ft-redesign .card {
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 14px;
  overflow: hidden;
}
.ft-redesign .card-head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 15px 18px 14px;
  border-bottom: 1px solid #EEF0F2;
}
.ft-redesign .card-ic {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  background: var(--ink-50);
  color: var(--ink-600);
  border: 1px solid var(--border-1);
}
.ft-redesign .card-ht {
  min-width: 0;
}
.ft-redesign .card-ht .h {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 16px;
  color: #14181C;
  letter-spacing: -0.01em;
}
.ft-redesign .card-ht .sub {
  font-size: 12px;
  color: var(--fg-3);
  margin-top: 2px;
}
.ft-redesign .card-right {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 9px;
  flex: 0 0 auto;
}
.ft-redesign .card-body.pad {
  padding: 18px;
}
.ft-redesign .expr {
  font-family: var(--font-mono);
  font-size: 12px;
  background: #F4F6F8;
  border: 1px solid #E6E8EB;
  color: #2A2F37;
  padding: 2px 7px;
  border-radius: 6px;
  white-space: nowrap;
}
.ft-redesign .expr-act {
  background: #E7EDF6;
  border-color: #CFDBEC;
  color: var(--eei-indigo);
}
.ft-redesign .expr-pass {
  background: var(--mint-50);
  border-color: var(--mint-200);
  color: var(--mint-700);
}
.ft-redesign .expr-wrap {
  display: inline-block;
  white-space: normal;
  overflow-wrap: break-word;
  line-height: 1.55;
}
.ft-redesign .expr-stack {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  min-width: 0;
  max-width: 100%;
}
.ft-redesign .expr-stack .expr-clause {
  max-width: 100%;
}
.ft-redesign .expr-op {
  font-family: var(--font-mono);
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: var(--fg-3);
  padding: 0 3px;
}
.ft-redesign .expr-op.or {
  color: var(--status-warn);
}
.ft-redesign .crit-item .expr-wrap,
.ft-redesign .crit-item .expr-stack {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 56%;
}
.ft-redesign .ov-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: var(--eei-indigo);
  background: #E7EDF6;
  border: 1px solid #CFDBEC;
  padding: 2px 7px;
  border-radius: 5px;
  text-transform: uppercase;
}
.ft-redesign .ov-badge svg.lucide {
  color: var(--eei-blue);
}
.ft-redesign .tbl {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.ft-redesign .tbl thead th {
  text-align: left;
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--fg-3);
  padding: 10px 14px;
  border-bottom: 1px solid #E6E8EB;
  white-space: nowrap;
  background: #fff;
}
.ft-redesign .tbl thead th.right {
  text-align: right;
}
.ft-redesign .tbl thead th.ctr {
  text-align: center;
}
.ft-redesign .tbl tbody tr {
  border-bottom: 1px solid #F1F3F5;
}
.ft-redesign .tbl tbody tr:last-child {
  border-bottom: 0;
}
.ft-redesign .tbl tbody tr:hover {
  background: #FAFBFC;
}
.ft-redesign .tbl tbody td {
  padding: 10px 14px;
  vertical-align: middle;
}
.ft-redesign .tbl td.right {
  text-align: right;
}
.ft-redesign .tbl td.ctr {
  text-align: center;
}
.ft-redesign .tbl td.mono {
  font-family: var(--font-mono);
  font-size: 12.5px;
}
.ft-redesign .aid {
  display: flex;
  align-items: center;
  gap: 10px;
}
.ft-redesign .aid .aic {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  background: var(--ink-50);
  color: var(--ink-600);
  border: 1px solid var(--border-1);
}
.ft-redesign .aid .aid-t {
  font-family: var(--font-mono);
  font-size: 13px;
  font-weight: 600;
  color: #14181C;
}
.ft-redesign .aid .aid-s {
  font-size: 11px;
  color: var(--fg-3);
  margin-top: 1px;
  font-family: var(--font-mono);
}
.ft-redesign .toolbar {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.ft-redesign .toolbar .grow {
  flex: 1;
  min-width: 160px;
}
.ft-redesign .toolbar .srch {
  max-width: 320px;
  flex: 1;
}
.ft-redesign .kpi-row {
  display: grid;
  gap: 14px;
}
.ft-redesign .kpi {
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 13px;
  padding: 15px 16px 16px;
  display: flex;
  flex-direction: column;
}
.ft-redesign .kpi-top {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ft-redesign .kpi-ic {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
}
.ft-redesign .kpi-ic.mint {
  background: var(--mint-50);
  color: var(--mint-700);
}
.ft-redesign .kpi-ic.blue {
  background: #E5F1FA !important;
  color: #0E4D7A;
}
.ft-redesign .kpi-ic.warn {
  background: #FFF1E0;
  color: #8A5300;
}
.ft-redesign .kpi-ic.fault {
  background: #FDEAE6;
  color: #8A1C0E;
}
.ft-redesign .kpi-ic.ink {
  background: var(--ink-50);
  color: var(--ink-600);
}
.ft-redesign .kpi-lbl {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--fg-2);
}
.ft-redesign .kpi-val {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 30px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: #14181C;
  font-variant-numeric: tabular-nums;
  margin-top: 13px;
}
.ft-redesign .kpi-val .of {
  font-size: 17px;
  color: var(--ink-300);
  font-weight: 700;
}
.ft-redesign .kpi-val.warn {
  color: var(--status-warn);
}
.ft-redesign .kpi-val.fault {
  color: var(--fail-strong);
}
.ft-redesign .kpi-val.mint {
  color: var(--mint-700);
}
.ft-redesign .kpi-sub {
  font-size: 11.5px;
  color: var(--fg-3);
  margin-top: 8px;
}
.ft-redesign .kpi-sub b {
  color: #14181C;
  font-weight: 600;
}
.ft-redesign .empty {
  padding: 44px 24px;
  text-align: center;
  color: var(--fg-2);
}
.ft-redesign .empty .eic {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  margin: 0 auto 13px;
  background: var(--ink-50);
  color: var(--ink-400);
  display: grid;
  place-items: center;
}
.ft-redesign .empty .et {
  font-weight: 600;
  color: #14181C;
  font-size: 15px;
}
.ft-redesign .empty .es {
  font-size: 13px;
  margin-top: 5px;
}
.ft-redesign .ft-toast {
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 60;
  display: flex;
  align-items: center;
  gap: 9px;
  background: #14181C;
  color: #fff;
  padding: 12px 18px;
  border-radius: 11px;
  font-size: 13.5px;
  font-weight: 500;
  box-shadow: 0 16px 40px rgba(20, 24, 28, 0.28);
  animation: ft-toastin var(--dur-base) var(--ease-out);
}
.ft-redesign .ft-toast svg.lucide {
  color: var(--mint-400);
}
.ft-redesign .scrim {
  position: fixed;
  inset: 0;
  background: rgba(16, 18, 22, 0.42);
  z-index: 40;
  animation: ft-fade var(--dur-base) var(--ease-out);
}
.ft-redesign .panel {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 560px;
  max-width: 96vw;
  background: #fff;
  z-index: 41;
  display: flex;
  flex-direction: column;
  box-shadow: -16px 0 48px rgba(20, 24, 28, 0.16);
  animation: ft-slidein var(--dur-slow) var(--ease-out);
}
.ft-redesign .panel-head {
  padding: 18px 22px 16px;
  border-bottom: 1px solid #EEF0F2;
  display: flex;
  align-items: flex-start;
  gap: 13px;
}
.ft-redesign .panel-head .pic {
  width: 42px;
  height: 42px;
  border-radius: 11px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  background: var(--ink-50);
  color: var(--ink-600);
  border: 1px solid var(--border-1);
}
.ft-redesign .panel-head .pt {
  font-family: var(--font-mono);
  font-size: 17px;
  font-weight: 600;
  color: #14181C;
}
.ft-redesign .panel-head .ps {
  font-size: 12.5px;
  color: var(--fg-2);
  margin-top: 3px;
}
.ft-redesign .panel-head .px {
  margin-left: auto;
}
.ft-redesign .panel-body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 20px 22px 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.ft-redesign .panel-foot {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 22px;
  border-top: 1px solid #EEF0F2;
  background: #FAFBFC;
}
.ft-redesign .seclbl {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--fg-3);
  display: flex;
  align-items: center;
  gap: 8px;
}
.ft-redesign .seclbl .ct {
  color: var(--fg-2);
  font-family: var(--font-mono);
}
.ft-redesign .muted {
  color: var(--fg-3);
}
.ft-redesign i[data-lucide] {
  display: block;
}
.ft-redesign .lc-band {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.ft-redesign .lc-bandhead {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.ft-redesign .lc-bandtitle {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 16px;
  color: #14181C;
  letter-spacing: -0.01em;
}
.ft-redesign .lc-bandstats {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12.5px;
  color: var(--fg-3);
}
.ft-redesign .lc-bandstats b {
  font-family: var(--font-display);
  font-weight: 800;
  color: #14181C;
  font-variant-numeric: tabular-nums;
  margin-right: 3px;
}
.ft-redesign .lc-bandstats .sep {
  color: var(--ink-200);
}
.ft-redesign .lc-cards {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
  align-items: stretch;
}
.ft-redesign .lc-cards.n4 {
  grid-template-columns: repeat(4, 1fr);
}
.ft-redesign .lc-card {
  position: relative;
  text-align: left;
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 14px;
  padding: 0;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);
}
.ft-redesign .lc-card:hover {
  border-color: var(--ink-300);
  box-shadow: 0 10px 26px rgba(20, 24, 28, 0.1);
  transform: translateY(-2px);
}
.ft-redesign .lc-in {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.ft-redesign .lc-in::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--lc-accent, var(--ink-300));
  z-index: 1;
}
.ft-redesign .lc-in.ph-configure {
  --lc-accent: var(--eei-blue);
}
.ft-redesign .lc-in.ph-integrate {
  --lc-accent: #7D63CE;
}
.ft-redesign .lc-in.ph-analyze {
  --lc-accent: var(--mint-500);
}
.ft-redesign .lc-inner {
  padding: 17px 17px 15px;
  display: flex;
  flex-direction: column;
  gap: 9px;
  flex: 1;
}
.ft-redesign .lc-inner .mbar {
  height: 6px;
}
.ft-redesign .lc-top {
  display: flex;
  align-items: center;
}
.ft-redesign .lc-phase {
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: var(--lc-accent, var(--fg-3));
}
.ft-redesign .lc-go {
  margin-left: auto;
  color: var(--ink-200);
}
.ft-redesign .lc-card:hover .lc-go {
  color: var(--lc-accent);
}
.ft-redesign .lc-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15.5px;
  font-weight: 700;
  color: #14181C;
  font-family: var(--font-display);
  letter-spacing: -0.01em;
}
.ft-redesign .lc-title svg.lucide {
  color: var(--fg-2);
}
.ft-redesign .lc-metric {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  margin-top: 3px;
}
.ft-redesign .lc-metric b {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 32px;
  line-height: 1;
  letter-spacing: -0.025em;
  color: #14181C;
  font-variant-numeric: tabular-nums;
}
.ft-redesign .lc-metric.mint b {
  color: var(--mint-700);
}
.ft-redesign .lc-metric.warn b {
  color: var(--status-warn);
}
.ft-redesign .lc-unit {
  font-size: 11.5px;
  font-weight: 600;
  color: var(--fg-2);
  line-height: 1.2;
}
.ft-redesign .lc-note {
  font-size: 11px;
  color: var(--fg-3);
  margin-top: 1px;
}
.ft-redesign .lc-issues {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #EEF0F2;
  background: #FBFCFD;
}
.ft-redesign .lc-issue {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 9px 17px;
  font-size: 12px;
}
.ft-redesign .lc-issue + .lc-issue {
  border-top: 1px solid #F1F3F5;
}
.ft-redesign .lc-issue .idot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  flex: 0 0 auto;
  margin-top: 4px;
}
.ft-redesign .lc-issue.warn .idot {
  background: var(--status-warn);
}
.ft-redesign .lc-issue.fault .idot {
  background: var(--fail);
}
.ft-redesign .lc-issue.ok .idot {
  background: var(--pass-strong);
}
.ft-redesign .lc-issue .itxt {
  min-width: 0;
  color: #2A2F36;
  font-weight: 500;
  line-height: 1.35;
}
.ft-redesign .lc-issue .itxt b {
  font-weight: 800;
  color: #14181C;
  font-variant-numeric: tabular-nums;
}
.ft-redesign .lc-issue .isub {
  display: block;
  color: var(--fg-3);
  font-weight: 400;
  font-size: 10.5px;
  margin-top: 2px;
  line-height: 1.3;
}
.ft-redesign .lc-issue.ok .itxt {
  color: var(--mint-700);
  font-weight: 600;
}
.ft-redesign .rbt-legend-key {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 600;
  color: var(--fg-3);
}
.ft-redesign .rbt-legend-key span {
  width: 10px;
  height: 10px;
  border-radius: 3px;
  margin-left: 6px;
}
.ft-redesign .rbt-legend-key span:first-child {
  margin-left: 0;
}
.ft-redesign .rbt-legend-key span.pass {
  background: var(--pass);
}
.ft-redesign .rbt-legend-key span.fail {
  background: var(--fail);
}
.ft-redesign .rbt-legend-key span.none {
  background: #E1E4E8;
}
.ft-redesign .rbt {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 14px;
  padding: 16px 18px 18px;
  align-items: start;
}
.ft-redesign .rbt-group {
  border: 1px solid #EAECEF;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: #fff;
}
.ft-redesign .rbt-ghead {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 12px 14px;
  background: #FAFBFC;
  border-bottom: 1px solid #EEF0F2;
}
.ft-redesign .rbt-gmeta {
  flex: 1;
  min-width: 0;
}
.ft-redesign .rbt-gname {
  font-size: 13.5px;
  font-weight: 700;
  color: #14181C;
  letter-spacing: -0.01em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ft-redesign .rbt-gsub {
  font-size: 11px;
  color: var(--fg-3);
  margin-top: 1px;
}
.ft-redesign .rbt-gpct {
  flex: 0 0 auto;
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 20px;
  color: #14181C;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
}
.ft-redesign .rbt-gpct span {
  font-size: 12px;
  color: var(--ink-300);
  font-weight: 700;
  margin-left: 1px;
}
.ft-redesign .rbt-seqlist {
  display: flex;
  flex-direction: column;
}
.ft-redesign .rbt-seq {
  text-align: left;
  width: 100%;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #F3F4F6;
  padding: 12px 14px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.ft-redesign .rbt-seq:last-child {
  border-bottom: 0;
}
.ft-redesign .rbt-seq:hover {
  background: #FAFBFC;
}
.ft-redesign .rbt-seq .stackbar {
  height: 8px;
}
.ft-redesign .rbt-seqhead {
  display: flex;
  align-items: center;
  gap: 10px;
}
.ft-redesign .rbt-seqname {
  font-size: 12.5px;
  font-weight: 600;
  color: #14181C;
  flex: 1;
  min-width: 0;
}
.ft-redesign .rbt-seqpct {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 13px;
  color: #14181C;
  font-variant-numeric: tabular-nums;
  flex: 0 0 auto;
}
.ft-redesign .rbt-seqleg {
  font-size: 10.5px;
  color: var(--fg-3);
  font-variant-numeric: tabular-nums;
}
@media (max-width: 1240px) {
  .ft-redesign .lc-cards,
  .ft-redesign .lc-cards.n4 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1080px) {
  .ft-redesign .kpi-row {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 820px) {
  .ft-redesign .lc-cards,
  .ft-redesign .lc-cards.n4 {
    grid-template-columns: repeat(2, 1fr);
  }
  .ft-redesign .lc-bandstats {
    display: none;
  }
}
.ft-redesign .tpl-layout {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 18px;
  align-items: start;
}
.ft-redesign .tpl-lib {
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 14px;
  position: sticky;
  top: 0;
  max-height: calc(100vh - 195px);
  overflow-y: auto;
}
.ft-redesign .tpl-lib-head {
  padding: 14px 16px 12px;
  border-bottom: 1px solid #EEF0F2;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 2;
  border-radius: 14px 14px 0 0;
}
.ft-redesign .tpl-lib-tools {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
}
.ft-redesign .tpl-lib-tools .srch {
  flex: 1;
  min-width: 0;
}
.ft-redesign .tpl-lib-tools .rp-sel {
  flex: 0 0 auto;
  width: 112px;
}
.ft-redesign .tpl-grp {
  width: 100%;
  text-align: left;
  cursor: pointer;
  border: 0;
  padding: 10px 16px 9px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--fg-3);
  display: flex;
  align-items: center;
  gap: 7px;
  background: #FAFBFC;
  border-top: 1px solid #F1F3F5;
  border-bottom: 1px solid #F1F3F5;
}
.ft-redesign .tpl-grp:hover {
  color: var(--fg-1);
}
.ft-redesign .tpl-grp .ct {
  font-family: var(--font-mono);
  color: var(--fg-2);
  margin-left: auto;
}
.ft-redesign .tpl-grp .tw {
  color: var(--ink-300);
  transition: transform var(--dur-fast) var(--ease-out);
}
.ft-redesign .tpl-grp .tw.closed {
  transform: rotate(-90deg);
}
.ft-redesign .tpl-lib-empty {
  padding: 18px 16px;
  font-size: 12.5px;
  color: var(--fg-3);
}
.ft-redesign .def-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
  flex: 0 0 auto;
  line-height: 1.3;
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--mint-700);
  background: var(--mint-50);
  border: 1px solid var(--mint-200);
  padding: 1px 7px;
  border-radius: 999px;
  margin-left: 8px;
}
.ft-redesign .def-badge svg.lucide {
  color: var(--mint-600);
}
.ft-redesign .def-set {
  display: none;
  width: 26px;
  height: 26px;
  border-radius: 7px;
  place-items: center;
  color: var(--ink-300);
  flex: 0 0 auto;
}
.ft-redesign .tpl-libitem:hover .def-set {
  display: grid;
}
.ft-redesign .def-set:hover {
  color: var(--status-warn);
  background: #FFF7EA;
}
.ft-redesign .tpl-site-adds {
  display: flex;
  gap: 8px;
  margin-top: 10px;
}
.ft-redesign .pick-grp {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.ft-redesign .pick-grp + .pick-grp {
  margin-top: 4px;
}
.ft-redesign .pick-grp-h {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--fg-3);
  padding: 2px 2px 0;
}
.ft-redesign .pick-grp-h .ct {
  font-family: var(--font-mono);
  color: var(--fg-2);
}
.ft-redesign .tpl-req-addrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.ft-redesign .tsec-hint {
  font-size: 11.5px;
  color: var(--fg-3);
  font-style: italic;
  margin-right: 8px;
}
.ft-redesign .tsec-ct {
  font-family: var(--font-mono);
  font-size: 10.5px;
  font-weight: 700;
  color: var(--mint-700);
}
.ft-redesign .trow {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-top: 12px;
}
.ft-redesign .trow-lbl {
  flex: 0 0 98px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding-top: 5px;
}
.ft-redesign .trow-lbl svg.lucide {
  flex: 0 0 auto;
}
.ft-redesign .trow-lbl.act {
  color: var(--eei-indigo);
}
.ft-redesign .trow-lbl.act svg.lucide {
  color: var(--eei-blue);
}
.ft-redesign .trow-lbl.pass {
  color: var(--mint-700);
}
.ft-redesign .trow-lbl.pass svg.lucide {
  color: var(--mint-600);
}
.ft-redesign .trow-val {
  flex: 1;
  min-width: 0;
}
.ft-redesign .actx-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  min-height: 22px;
}
.ft-redesign .actx-txt {
  font-size: 13px;
  color: #14181C;
}
.ft-redesign .actx-toggle {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border: 0;
  background: transparent;
  padding: 0;
  font-size: 11.5px;
  font-weight: 600;
  color: var(--fg-3);
  cursor: pointer;
}
.ft-redesign .actx-toggle:hover {
  color: var(--eei-indigo);
}
.ft-redesign .actx-toggle .tw {
  transition: transform var(--dur-fast);
}
.ft-redesign .actx-toggle .tw.open {
  transform: rotate(90deg);
}
.ft-redesign .actx-expr {
  margin-top: 7px;
}
.ft-redesign .add-form {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 13px;
  background: #FAFBFC;
  border: 1px dashed #C9CDD3;
  border-radius: 10px;
}
.ft-redesign .add-form input {
  height: 34px;
  padding: 0 11px;
  border: 1px solid #DDE1E6;
  border-radius: 8px;
  font-size: 12.5px;
  font-family: inherit;
  outline: 0;
  color: var(--fg-1);
}
.ft-redesign .add-form input.mono {
  font-family: var(--font-mono);
  font-size: 11.5px;
}
.ft-redesign .add-form input:focus {
  border-color: var(--mint-400);
  box-shadow: 0 0 0 3px rgba(92, 232, 200, 0.22);
}
.ft-redesign .add-form .rp-sel {
  height: 34px;
  width: 100%;
}
.ft-redesign .add-form-acts {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}
.ft-redesign .add-form-note {
  font-size: 11.5px;
  color: var(--fg-3);
}
.ft-redesign .add-form-note .btn-link {
  font-size: 11.5px;
}
.ft-redesign .card-form {
  background: #fff;
}
.ft-redesign .lib-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}
.ft-redesign .lib-bar-lbl {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--fg-3);
  flex: 0 0 auto;
}
.ft-redesign .lib-bar-sel {
  max-width: 240px;
}
.ft-redesign .lib-catfilter {
  height: 32px;
  max-width: 170px;
}
.ft-redesign .lib-bar .spc-hint {
  margin-left: auto;
}
.ft-redesign .lib-grid {
  display: grid;
  grid-template-columns: 240px 1.25fr 1fr;
  gap: 16px;
  align-items: start;
}
.ft-redesign .lib-list {
  display: flex;
  flex-direction: column;
}
.ft-redesign .lib-list .crit-add,
.ft-redesign .lib-list .add-form {
  margin: 10px 14px 14px;
}
.ft-redesign .lib-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 11px 14px;
  border-bottom: 1px solid #F1F3F5;
}
.ft-redesign .lib-row:hover {
  background: #FAFBFC;
}
.ft-redesign .lib-row.editing {
  flex-direction: column;
  align-items: stretch;
  background: #FAFBFC;
}
.ft-redesign .lib-row-fields {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.ft-redesign .lib-row-fields input {
  height: 32px;
  padding: 0 10px;
  border: 1px solid #DDE1E6;
  border-radius: 7px;
  font-size: 12.5px;
  font-family: inherit;
  outline: 0;
}
.ft-redesign .lib-row-fields input.mono {
  font-family: var(--font-mono);
  font-size: 11.5px;
}
.ft-redesign .lib-row-fields input:focus {
  border-color: var(--mint-400);
  box-shadow: 0 0 0 3px rgba(92, 232, 200, 0.22);
}
.ft-redesign .lib-main {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ft-redesign .lib-name {
  font-size: 13px;
  font-weight: 600;
  color: #14181C;
  flex: 1;
}
.ft-redesign .lib-name .crit-delay {
  margin-left: 8px;
  vertical-align: 1px;
}
.ft-redesign .lib-desc {
  font-size: 11.5px;
  color: var(--fg-2);
  line-height: 1.45;
}
.ft-redesign .lib-expr {
  display: flex;
  align-items: center;
  min-width: 0;
  margin-top: 1px;
}
.ft-redesign .lib-expr .expr {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ft-redesign .lib-used {
  font-size: 10.5px;
  color: var(--fg-3);
  white-space: nowrap;
  flex: 0 0 auto;
  padding-top: 2px;
}
.ft-redesign .lib-edit {
  flex: 0 0 auto;
  opacity: 0;
}
.ft-redesign .lib-row:hover .lib-edit {
  opacity: 1;
}
.ft-redesign .lib-testrow {
  border-bottom: 1px solid #F1F3F5;
}
.ft-redesign .lib-testrow:hover {
  background: #FAFBFC;
}
.ft-redesign .lib-testrow .lib-row {
  border-bottom: 0;
}
.ft-redesign .lib-testrow:hover .lib-row {
  background: transparent;
}
.ft-redesign .lib-toggle {
  flex: 0 0 auto;
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  margin-top: 1px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--fg-3);
  cursor: pointer;
}
.ft-redesign .lib-toggle:hover {
  background: #F0F2F4;
  color: var(--fg-1);
}
.ft-redesign .lib-toggle .tw {
  transition: transform var(--dur-fast) var(--ease-out);
}
.ft-redesign .lib-toggle .tw.open {
  transform: rotate(90deg);
}
.ft-redesign .lib-defcount {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  align-self: flex-start;
  margin-top: 3px;
  border: 0;
  background: transparent;
  padding: 0;
  font-size: 11px;
  font-weight: 600;
  color: var(--mint-700);
  cursor: pointer;
}
.ft-redesign .lib-defcount:hover {
  text-decoration: underline;
}
.ft-redesign .lib-defcount svg.lucide {
  color: var(--mint-600);
}
.ft-redesign .lib-defcrits {
  padding: 2px 16px 14px 44px;
}
.ft-redesign .lib-defcrits-h {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--fg-3);
  margin-bottom: 6px;
}
.ft-redesign .lib-defcrits-hint {
  text-transform: none;
  letter-spacing: 0;
  font-weight: 500;
  color: var(--fg-3);
}
.ft-redesign .lib-defcrit-empty {
  font-size: 12px;
  color: var(--fg-3);
  padding: 4px 0 2px;
}
@media (max-width: 1100px) {
  .ft-redesign .lib-grid {
    grid-template-columns: 1fr;
  }
}
.ft-redesign .modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 42;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 28px 80px rgba(20, 24, 28, 0.3);
  display: flex;
  flex-direction: column;
  max-height: 82vh;
  max-width: 94vw;
  animation: ft-pop var(--dur-base) var(--ease-out);
}
.ft-redesign .modal-head {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 18px 20px 14px;
  border-bottom: 1px solid #EEF0F2;
}
.ft-redesign .modal-t {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 17px;
  letter-spacing: -0.01em;
  color: #14181C;
}
.ft-redesign .modal-s {
  font-size: 12px;
  color: var(--fg-2);
  margin-top: 4px;
  line-height: 1.45;
  max-width: 440px;
}
.ft-redesign .modal-head .btn-icon {
  margin-left: auto;
  flex: 0 0 auto;
}
.ft-redesign .modal-body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ft-redesign .modal-body > * {
  flex-shrink: 0;
}
.ft-redesign .modal-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 13px 20px;
  border-top: 1px solid #EEF0F2;
  background: #FAFBFC;
  border-radius: 0 0 16px 16px;
}
.ft-redesign .modal-opt {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 12.5px;
  color: var(--fg-1);
}
.ft-redesign .modal-opt svg.lucide {
  color: var(--fg-3);
}
.ft-redesign .modal-delay {
  width: 60px;
  height: 30px;
  padding: 0 8px;
  border: 1px solid #DDE1E6;
  border-radius: 7px;
  font-size: 12.5px;
  outline: 0;
}
.ft-redesign .modal-delay:focus {
  border-color: var(--mint-400);
  box-shadow: 0 0 0 3px rgba(92, 232, 200, 0.22);
}
.ft-redesign .modal-pick {
  max-height: min(620px, 82vh);
}
.ft-redesign .modal-form {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ft-redesign .modal-form input {
  height: 36px;
  padding: 0 12px;
  border: 1px solid #DDE1E6;
  border-radius: 8px;
  font-size: 13px;
  font-family: inherit;
  outline: 0;
  color: var(--fg-1);
}
.ft-redesign .modal-form input:focus {
  border-color: var(--mint-400);
  box-shadow: 0 0 0 3px rgba(92, 232, 200, 0.22);
}
.ft-redesign .modal-ta {
  padding: 10px 12px;
  border: 1px solid #DDE1E6;
  border-radius: 8px;
  font-size: 13px;
  font-family: inherit;
  outline: 0;
  color: var(--fg-1);
  resize: vertical;
  line-height: 1.5;
}
.ft-redesign .modal-ta:focus {
  border-color: var(--mint-400);
  box-shadow: 0 0 0 3px rgba(92, 232, 200, 0.22);
}
.ft-redesign .modal-lbl {
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--fg-3);
  margin-top: 4px;
}
.ft-redesign .modal-preview {
  display: flex;
  align-items: center;
  padding: 9px 12px;
  background: #FAFBFC;
  border: 1px solid #EEF0F2;
  border-radius: 9px;
}
.ft-redesign .pick-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.ft-redesign .pick-row {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  text-align: left;
  padding: 11px 13px;
  border: 1px solid #E6E8EB;
  border-radius: 11px;
  background: #fff;
  cursor: pointer;
}
.ft-redesign .pick-row:hover {
  border-color: var(--ink-300);
}
.ft-redesign .pick-row.on {
  border-color: var(--mint-500);
  background: var(--mint-50);
  box-shadow: 0 0 0 1px var(--mint-500);
}
.ft-redesign .pick-dot {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1.5px solid #C9CDD3;
  background: #fff;
  flex: 0 0 auto;
  margin-top: 1px;
}
.ft-redesign .pick-dot.on {
  border-color: var(--mint-600);
  border-width: 5px;
}
.ft-redesign .pick-m {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ft-redesign .pick-name {
  font-size: 13.5px;
  font-weight: 600;
  color: #14181C;
}
.ft-redesign .pick-cat {
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--fg-3);
  background: #F0F2F4;
  border: 1px solid #E6E8EB;
  padding: 1px 7px;
  border-radius: 999px;
  margin-left: 8px;
  vertical-align: 1px;
  white-space: nowrap;
}
.ft-redesign .pick-desc {
  font-size: 12px;
  color: var(--fg-2);
  line-height: 1.45;
}
.ft-redesign .pick-expr {
  display: flex;
  align-items: flex-start;
  min-width: 0;
}
.ft-redesign .pick-expr .expr {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ft-redesign .pick-expr .expr-stack {
  max-width: 100%;
}
.ft-redesign .pick-meta {
  font-size: 11px;
  color: var(--fg-3);
  white-space: nowrap;
  flex: 0 0 auto;
  margin-top: 2px;
}
.ft-redesign .xb {
  display: flex;
  align-items: center;
  gap: 7px;
}
.ft-redesign .xb .rp-sel {
  flex: 1;
  min-width: 0;
  height: 36px;
}
.ft-redesign .xb .xb-op {
  flex: 0 0 74px;
  min-width: 74px;
}
.ft-redesign .xb .xb-val {
  width: 90px;
  height: 36px;
  padding: 0 10px;
  border: 1px solid #DDE1E6;
  border-radius: 8px;
  font-size: 12.5px;
  outline: 0;
}
.ft-redesign .xb .xb-val:focus {
  border-color: var(--mint-400);
  box-shadow: 0 0 0 3px rgba(92, 232, 200, 0.22);
}
.ft-redesign .crit-delay {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 10.5px;
  font-weight: 600;
  color: #8A5300;
  background: #FFF1E0;
  border: 1px solid #FFD89B;
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
}
.ft-redesign .crit-delay svg.lucide {
  color: var(--status-warn);
}
.ft-redesign .tpl-libitem {
  display: flex;
  align-items: center;
  gap: 11px;
  width: 100%;
  text-align: left;
  padding: 12px 16px;
  border: 0;
  border-bottom: 1px solid #F1F3F5;
  background: transparent;
  cursor: pointer;
  position: relative;
}
.ft-redesign .tpl-libitem:hover {
  background: #FAFBFC;
}
.ft-redesign .tpl-libitem.active {
  background: var(--mint-50);
}
.ft-redesign .tpl-libitem.active::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  bottom: 8px;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: var(--mint-400);
}
.ft-redesign .tpl-lic {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  background: var(--ink-50);
  color: var(--ink-600);
  border: 1px solid var(--border-1);
}
.ft-redesign .tpl-libitem.active .tpl-lic {
  background: var(--mint-100);
  color: var(--mint-700);
  border-color: var(--mint-200);
}
.ft-redesign .tpl-lim {
  flex: 1;
  min-width: 0;
}
.ft-redesign .tpl-lin {
  font-size: 13.5px;
  font-weight: 600;
  color: #14181C;
  display: block;
}
.ft-redesign .tpl-lis {
  font-size: 11.5px;
  color: var(--fg-3);
  margin-top: 2px;
  display: block;
}
.ft-redesign .tpl-libov {
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 700;
  color: var(--eei-indigo);
  background: #E7EDF6;
  border: 1px solid #CFDBEC;
  padding: 1px 7px;
  border-radius: 999px;
  flex: 0 0 auto;
}
.ft-redesign .tpl-lib-foot {
  padding: 12px 16px 14px;
}
.ft-redesign .tpl-scope-note {
  display: flex;
  gap: 8px;
  font-size: 11.5px;
  color: var(--fg-2);
  line-height: 1.45;
  background: #FAFBFC;
  border: 1px solid #EEF0F2;
  border-radius: 9px;
  padding: 10px 11px;
}
.ft-redesign .tpl-scope-note svg.lucide {
  color: var(--fg-3);
  flex: 0 0 auto;
  margin-top: 1px;
}
.ft-redesign .tpl-detail {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}
.ft-redesign .tpl-dhead {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 14px;
  padding: 18px 20px;
}
.ft-redesign .tpl-dic {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  background: var(--ink-50);
  color: var(--ink-600);
  border: 1px solid var(--border-1);
}
.ft-redesign .tpl-dmeta {
  flex: 1;
  min-width: 0;
}
.ft-redesign .tpl-dtitle {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.01em;
  color: #14181C;
  display: flex;
  align-items: center;
  gap: 10px;
}
.ft-redesign .tpl-ver {
  font-size: 12px;
  font-weight: 600;
  color: var(--fg-2);
  background: #F0F2F4;
  border: 1px solid #E6E8EB;
  padding: 2px 8px;
  border-radius: 6px;
}
.ft-redesign .tpl-dsub {
  font-size: 12.5px;
  color: var(--fg-2);
  margin-top: 5px;
}
.ft-redesign .tpl-dsub b {
  color: #14181C;
  font-weight: 600;
}
.ft-redesign .tpl-dact {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}
.ft-redesign .tpl-req {
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 14px;
  padding: 15px 18px 17px;
}
.ft-redesign .tpl-req-h {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  color: #14181C;
}
.ft-redesign .tpl-req-h b {
  font-weight: 600;
}
.ft-redesign .tpl-req-h svg.lucide {
  color: var(--eei-blue);
}
.ft-redesign .tpl-req-h .muted {
  font-weight: 400;
}
.ft-redesign .tpl-req-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}
.ft-redesign .reqchip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border: 1px solid #E6E8EB;
  border-radius: 9px;
  background: #FAFBFC;
}
.ft-redesign .rc-role {
  font-size: 12.5px;
  font-weight: 600;
  color: #14181C;
}
.ft-redesign .rc-tag {
  font-size: 11px;
  color: var(--fg-3);
}
.ft-redesign .rc-opt {
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--fg-3);
  background: #F0F2F4;
  padding: 1px 6px;
  border-radius: 4px;
}
.ft-redesign .reqchip.editable {
  cursor: pointer;
}
.ft-redesign .reqchip.editable:hover {
  border-color: var(--ink-300);
}
.ft-redesign .rc-x {
  display: inline-flex;
  color: var(--fg-3);
  cursor: pointer;
  margin-left: 1px;
}
.ft-redesign .rc-x:hover {
  color: var(--fail-strong);
}
.ft-redesign .reqchip-add {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 11px;
  border: 1px dashed #C9CDD3;
  border-radius: 9px;
  background: #fff;
  color: var(--fg-2);
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}
.ft-redesign .reqchip-add:hover {
  border-color: var(--mint-400);
  color: var(--mint-700);
  background: var(--mint-50);
}
.ft-redesign .tpl-req-edit {
  margin-left: auto;
  font-size: 12px;
}
.ft-redesign .tpl-req-edit.on {
  color: var(--mint-700);
}
.ft-redesign .tpl-req-form {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 11px;
  padding: 11px 12px;
  background: #FAFBFC;
  border: 1px solid #EEF0F2;
  border-radius: 10px;
}
.ft-redesign .tpl-req-form input[type="text"],
.ft-redesign .tpl-req-form input:not([type]) {
  height: 32px;
  padding: 0 10px;
  border: 1px solid #DDE1E6;
  border-radius: 7px;
  font-size: 12.5px;
  font-family: inherit;
  outline: 0;
  width: 170px;
}
.ft-redesign .tpl-req-form input:focus {
  border-color: var(--mint-400);
  box-shadow: 0 0 0 3px rgba(92, 232, 200, 0.22);
}
.ft-redesign .tpl-req-need {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: var(--fg-1);
  cursor: pointer;
}
.ft-redesign .tpl-req-note {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 9px;
  font-size: 11.5px;
  color: var(--eei-indigo);
}
.ft-redesign .tpl-req-note svg.lucide {
  color: var(--eei-blue);
}
.ft-redesign .tpl-cats {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ft-redesign .tpl-cat {
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 14px;
  overflow: hidden;
}
.ft-redesign .tpl-cat-head {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 14px 18px;
  cursor: pointer;
  user-select: none;
}
.ft-redesign .tpl-cat-head:hover {
  background: #FAFBFC;
}
.ft-redesign .tpl-cat-head .tw {
  color: var(--fg-3);
  transition: transform var(--dur-fast) var(--ease-out);
  flex: 0 0 auto;
}
.ft-redesign .tpl-cat-head .tw.open {
  transform: rotate(90deg);
}
.ft-redesign .tpl-cat-name {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 15.5px;
  color: #14181C;
}
.ft-redesign .tpl-cat-ct {
  font-size: 11px;
  font-weight: 600;
  color: var(--fg-2);
  background: #F0F2F4;
  border: 1px solid #E6E8EB;
  padding: 2px 8px;
  border-radius: 999px;
}
.ft-redesign .tpl-cat-spacer {
  flex: 1;
}
.ft-redesign .tpl-cat-acts .btn-link {
  font-size: 12px;
}
.ft-redesign .tpl-tests {
  border-top: 1px solid #EEF0F2;
  padding: 6px 18px 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ft-redesign .tpl-test {
  border: 1px solid #EEF0F2;
  border-radius: 12px;
  padding: 14px 15px;
  margin-top: 10px;
  background: #FCFDFD;
}
.ft-redesign .tpl-test.ov {
  border-color: #CFDBEC;
  background: #F7FAFD;
  box-shadow: inset 3px 0 0 var(--eei-blue);
}
.ft-redesign .tpl-test-top {
  display: flex;
  align-items: center;
  gap: 10px;
}
.ft-redesign .tpl-test-title {
  display: flex;
  align-items: center;
  gap: 9px;
  flex: 1;
  min-width: 0;
}
.ft-redesign .tpl-test-title svg.lucide {
  color: var(--mint-600);
}
.ft-redesign .tt-name {
  font-size: 14px;
  font-weight: 600;
  color: #14181C;
}
.ft-redesign .tpl-test-acts {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}
.ft-redesign .tpl-test-acts .btn-link {
  font-size: 12px;
}
.ft-redesign .tpl-test-desc {
  font-size: 12.5px;
  color: var(--fg-2);
  line-height: 1.5;
  margin-top: 8px;
}
.ft-redesign .tpl-seq {
  margin-top: 9px;
}
.ft-redesign .tpl-seq-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 0;
  background: transparent;
  padding: 0;
  font-size: 11.5px;
  font-weight: 600;
  color: var(--fg-2);
  cursor: pointer;
}
.ft-redesign .tpl-seq-toggle .tw {
  transition: transform var(--dur-fast);
}
.ft-redesign .tpl-seq-toggle .tw.open {
  transform: rotate(90deg);
}
.ft-redesign .tpl-seq-toggle:hover {
  color: #14181C;
}
.ft-redesign .tpl-seq-txt {
  margin: 8px 0 0;
  font-size: 12.5px;
  color: var(--fg-2);
  line-height: 1.55;
  font-style: italic;
  padding: 10px 12px;
  background: #fff;
  border: 1px solid #EEF0F2;
  border-radius: 9px;
}
.ft-redesign .tpl-crit {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 11px;
}
.ft-redesign .crit-lbl {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--fg-3);
}
.ft-redesign .crit-lbl svg.lucide {
  color: var(--fg-3);
}
.ft-redesign .tpl-crit-row.activation {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 9px 12px;
  background: #fff;
  border: 1px solid #EEF0F2;
  border-radius: 9px;
}
.ft-redesign .tpl-crit-row.activation .crit-lbl {
  flex: 0 0 auto;
}
.ft-redesign .tpl-crit-block {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ft-redesign .crit-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.ft-redesign .crit-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 11px;
  background: #fff;
  border: 1px solid #EEF0F2;
  border-radius: 9px;
}
.ft-redesign .crit-num {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--mint-100);
  color: var(--mint-700);
  font-size: 10px;
  font-weight: 700;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  font-family: var(--font-mono);
}
.ft-redesign .crit-desc {
  flex: 1;
  font-size: 12.5px;
  color: #14181C;
}
.ft-redesign .crit-acts {
  display: inline-flex;
  gap: 3px;
  flex: 0 0 auto;
  opacity: 0;
  transition: opacity var(--dur-fast);
}
.ft-redesign .crit-item:hover .crit-acts {
  opacity: 1;
}
.ft-redesign .crit-act {
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--fg-3);
  cursor: pointer;
}
.ft-redesign .crit-act:hover {
  background: #F0F2F4;
  color: var(--fg-1);
}
.ft-redesign .crit-act.danger:hover {
  background: #FDEAE6;
  color: var(--fail-strong);
}
.ft-redesign .crit-add,
.ft-redesign .tpl-addtest {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px dashed #C9CDD3;
  background: #fff;
  color: var(--fg-2);
  font-size: 12px;
  font-weight: 500;
  padding: 7px 11px;
  border-radius: 8px;
  cursor: pointer;
  width: max-content;
}
.ft-redesign .crit-add:hover,
.ft-redesign .tpl-addtest:hover {
  border-color: var(--mint-400);
  color: var(--mint-700);
  background: var(--mint-50);
}
.ft-redesign .tpl-addtest {
  margin-top: 2px;
}
@media (max-width: 1000px) {
  .ft-redesign .tpl-layout {
    grid-template-columns: 1fr;
  }
  .ft-redesign .tpl-lib {
    position: static;
  }
}
.ft-redesign .asg-banner {
  display: flex;
  align-items: center;
  gap: 16px;
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 14px;
  padding: 14px 18px;
  flex-wrap: wrap;
}
.ft-redesign .asg-b-main {
  display: flex;
  align-items: center;
  gap: 14px;
  flex: 1;
  min-width: 240px;
}
.ft-redesign .asg-b-n {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 30px;
  letter-spacing: -0.02em;
  color: #14181C;
}
.ft-redesign .asg-b-t {
  font-size: 13.5px;
  font-weight: 600;
  color: #14181C;
}
.ft-redesign .asg-b-s {
  font-size: 12px;
  color: var(--fg-3);
  margin-top: 2px;
}
.ft-redesign .asg-b-s .warn {
  color: #8A5300;
  font-weight: 700;
}
.ft-redesign .asg-b-acts {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ft-redesign .tpl-asgct {
  font-size: 11px;
  font-weight: 700;
  color: var(--fg-2);
  background: #F0F2F4;
  border: 1px solid #E6E8EB;
  padding: 2px 8px;
  border-radius: 999px;
  flex: 0 0 auto;
}
.ft-redesign .tpl-libitem.active .tpl-asgct {
  background: var(--mint-100);
  color: var(--mint-700);
  border-color: var(--mint-200);
}
.ft-redesign .grp-un {
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.04em;
  color: #8A5300;
  background: #FFF1E0;
  border: 1px solid #FFD89B;
  padding: 1px 7px;
  border-radius: 999px;
  text-transform: uppercase;
}
.ft-redesign .tpl-libitem.notpl {
  background: #FFFDF8;
}
.ft-redesign .tpl-libitem.notpl:hover {
  background: #FFF9EE;
}
.ft-redesign .tpl-libitem.notpl.active {
  background: var(--mint-50);
}
.ft-redesign .muted-lin {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #8A5300 !important;
  font-weight: 600;
}
.ft-redesign .muted-lin svg.lucide {
  color: var(--status-warn);
}
.ft-redesign .rb-dq-item.notpl {
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
  color: var(--eei-indigo);
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.ft-redesign .rb-dq-item.notpl svg.lucide {
  color: var(--eei-blue);
}
.ft-redesign .rb-dq-item.notpl b {
  color: var(--eei-indigo);
}
.ft-redesign .rb-dq-item.notpl:hover {
  text-decoration: underline;
}
.ft-redesign .setup-list {
  display: flex;
  flex-direction: column;
}
.ft-redesign .setup-row {
  border-bottom: 1px solid #F1F3F5;
}
.ft-redesign .setup-row:last-child {
  border-bottom: 0;
}
.ft-redesign .setup-row.open {
  background: #FCFDFD;
}
.ft-redesign .setup-main {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 15px 18px;
  cursor: pointer;
}
.ft-redesign .setup-main:hover {
  background: #FAFBFC;
}
.ft-redesign .setup-main .tw {
  transition: transform var(--dur-fast) var(--ease-out);
  flex: 0 0 auto;
}
.ft-redesign .setup-main .tw.open {
  transform: rotate(90deg);
}
.ft-redesign .setup-ic {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  background: var(--ink-50);
  color: var(--ink-600);
  border: 1px solid var(--border-1);
}
.ft-redesign .setup-meta {
  flex: 1;
  min-width: 0;
}
.ft-redesign .setup-name {
  font-size: 14.5px;
  font-weight: 600;
  color: #14181C;
  display: flex;
  align-items: center;
  gap: 9px;
}
.ft-redesign .setup-ct {
  font-size: 11px;
  font-weight: 600;
  color: var(--fg-2);
  background: #F0F2F4;
  border: 1px solid #E6E8EB;
  padding: 1px 8px;
  border-radius: 999px;
}
.ft-redesign .setup-tpls {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 7px;
}
.ft-redesign .tplchip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 500;
  color: #2A2F37;
  background: #F4F6F8;
  border: 1px solid #E6E8EB;
  padding: 3px 9px;
  border-radius: 8px;
}
.ft-redesign .tplchip svg.lucide {
  color: var(--fg-3);
}
.ft-redesign .tplchip-v {
  font-family: var(--font-mono);
  font-size: 9.5px;
  font-weight: 700;
  color: var(--fg-2);
  background: #fff;
  border: 1px solid #E6E8EB;
  padding: 1px 5px;
  border-radius: 4px;
}
.ft-redesign .tplchip-v.site {
  color: var(--mint-700);
  background: var(--mint-50);
  border-color: var(--mint-200);
}
.ft-redesign .tplchip-ov {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 700;
  color: var(--eei-indigo);
}
.ft-redesign .setup-notpl {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 500;
  color: #8A5300;
}
.ft-redesign .setup-notpl svg.lucide {
  color: var(--status-warn);
}
.ft-redesign .setup-cov {
  flex: 0 0 auto;
  width: 200px;
  text-align: left;
}
.ft-redesign .setup-cov-top {
  font-size: 12px;
  color: var(--fg-2);
}
.ft-redesign .setup-cov-top b {
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 800;
  color: #14181C;
  margin-right: 4px;
  letter-spacing: -0.01em;
}
.ft-redesign .setup-cov .mbar {
  margin: 6px 0 5px;
}
.ft-redesign .setup-cov-sub {
  font-size: 11px;
  color: var(--fg-3);
}
.ft-redesign .setup-act {
  flex: 0 0 auto;
}
.ft-redesign .setup-detail {
  padding: 4px 18px 18px 62px;
}
.ft-redesign .setup-req-head {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.ft-redesign .setup-req-head .btn-link {
  margin-left: auto;
  font-size: 12px;
}
.ft-redesign .setup-req-tbl {
  background: #fff;
  border: 1px solid #EEF0F2;
  border-radius: 11px;
  overflow: hidden;
}
.ft-redesign .setup-req-tbl thead th {
  background: #FAFBFC;
}
.ft-redesign .setup-role {
  font-size: 13px;
  font-weight: 600;
  color: #14181C;
}
.ft-redesign .req-req {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: var(--eei-indigo);
  background: #E7EDF6;
  border: 1px solid #CFDBEC;
  padding: 2px 8px;
  border-radius: 5px;
}
.ft-redesign .req-opt {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: var(--fg-3);
  background: #F0F2F4;
  border: 1px solid #E6E8EB;
  padding: 2px 8px;
  border-radius: 5px;
}
.ft-redesign .setup-rolecov {
  display: flex;
  align-items: center;
  gap: 11px;
}
.ft-redesign .setup-rolecov .mbar {
  flex: 1;
}
.ft-redesign .setup-rolecov-t {
  font-size: 11.5px;
  font-weight: 600;
  color: var(--mint-700);
  display: inline-flex;
  align-items: center;
  gap: 3px;
  white-space: nowrap;
  min-width: 54px;
  justify-content: flex-end;
}
.ft-redesign .setup-rolecov-t.warn {
  color: #8A5300;
}
.ft-redesign .setup-detail-foot {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 12px;
}
.ft-redesign .setup-detail-note {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11.5px;
  color: var(--fg-3);
  margin-left: auto;
}
.ft-redesign .setup-detail-note svg.lucide {
  color: var(--fg-3);
}
.ft-redesign .setup-unassigned {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 700;
  color: #8A5300;
  background: #FFF1E0;
  border: 1px solid #FFD89B;
  padding: 2px 8px;
  border-radius: 999px;
}
.ft-redesign .tplchip-n {
  font-size: 10px;
  font-weight: 700;
  color: var(--fg-2);
  background: #fff;
  border: 1px solid #E6E8EB;
  padding: 1px 6px;
  border-radius: 999px;
}
.ft-redesign .setup-tpltabs {
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.ft-redesign .setup-tpltab {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 32px;
  padding: 0 12px;
  border: 1px solid #DDE1E6;
  border-radius: 8px;
  background: #fff;
  color: var(--fg-2);
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
}
.ft-redesign .setup-tpltab .ct {
  font-size: 10.5px;
  background: #F0F2F4;
  padding: 1px 6px;
  border-radius: 999px;
  color: var(--fg-2);
}
.ft-redesign .setup-tpltab:hover {
  border-color: var(--ink-300);
  color: #14181C;
}
.ft-redesign .setup-tpltab.on {
  background: #14181C;
  color: #fff;
  border-color: #14181C;
}
.ft-redesign .setup-tpltab.on .ct {
  background: rgba(255, 255, 255, 0.16);
  color: rgba(255, 255, 255, 0.85);
}
.ft-redesign .setup-defbtn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 12px;
  border: 1px dashed var(--mint-500);
  border-radius: 8px;
  background: var(--mint-50);
  color: var(--mint-700);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  margin-left: auto;
}
.ft-redesign .setup-defbtn:hover {
  background: var(--mint-100);
}
.ft-redesign .setup-req-links {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 14px;
}
.ft-redesign .setup-req-links .btn-link {
  font-size: 12px;
}
.ft-redesign .asg-toolbar {
  display: flex;
  align-items: center;
  gap: 12px;
}
.ft-redesign .asg-toolbar .btn-link {
  font-size: 12px;
  white-space: nowrap;
}
.ft-redesign .asg-list {
  border: 1px solid #EEF0F2;
  border-radius: 11px;
  overflow-y: auto;
  flex: 0 1 auto;
  min-height: 0;
}
.ft-redesign .asg-row {
  display: grid;
  grid-template-columns: 30px 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 9px 13px;
  border-bottom: 1px solid #F1F3F5;
  cursor: pointer;
}
.ft-redesign .asg-row:last-child {
  border-bottom: 0;
}
.ft-redesign .asg-row:hover {
  background: #FAFBFC;
}
.ft-redesign .asg-row.sel {
  background: var(--mint-50);
}
.ft-redesign .asg-row.head {
  background: #FAFBFC;
  cursor: default;
  padding-top: 8px;
  padding-bottom: 8px;
}
.ft-redesign .asg-h {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--fg-3);
}
.ft-redesign .asg-asset {
  display: flex;
  align-items: baseline;
  gap: 9px;
  min-width: 0;
}
.ft-redesign .asg-asset .b {
  font-size: 12.5px;
  font-weight: 600;
  color: #14181C;
}
.ft-redesign .asg-asset .s {
  font-size: 11px;
  color: var(--fg-3);
}
.ft-redesign .asg-none {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11.5px;
  font-weight: 600;
  color: #8A5300;
}
.ft-redesign .asg-apply {
  display: flex;
  align-items: center;
  gap: 9px;
}
@media (max-width: 900px) {
  .ft-redesign .setup-detail {
    padding-left: 18px;
  }
  .ft-redesign .setup-cov {
    display: none;
  }
}
.ft-redesign .ft-scroll.rb-lock {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.ft-redesign .ft-scroll.rb-lock .ft-inner {
  flex: 1;
  min-height: 0;
  padding-bottom: 20px;
}
.ft-redesign .ft-scroll.rb-lock .kpi-row {
  flex: 0 0 auto;
}
.ft-redesign .rb-board {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.ft-redesign .rb-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px 20px;
  margin-bottom: 14px;
  flex-wrap: wrap;
  flex: 0 0 auto;
}
.ft-redesign .rb-toolbar {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.ft-redesign .rb-srch {
  height: 34px;
  width: 262px;
  max-width: 100%;
}
.ft-redesign .rb-srch-x {
  border: 0;
  background: transparent;
  padding: 0;
  display: inline-grid;
  place-items: center;
  color: var(--fg-3);
  cursor: pointer;
  flex: 0 0 auto;
}
.ft-redesign .rb-srch-x:hover {
  color: var(--fg-1);
}
.ft-redesign .rb-tagdd {
  position: relative;
}
.ft-redesign .rb-tagbtn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 34px;
  padding: 0 10px 0 11px;
  border-radius: 8px;
  border: 1px solid #DDE1E6;
  background: #fff;
  font-size: 13px;
  font-weight: 500;
  color: var(--fg-1);
  cursor: pointer;
  font-family: inherit;
  transition: border-color var(--dur-fast);
}
.ft-redesign .rb-tagbtn svg.lucide {
  color: var(--fg-3);
  flex: 0 0 auto;
}
.ft-redesign .rb-tagbtn:hover {
  border-color: #C7CDD4;
}
.ft-redesign .rb-tagbtn.on {
  border-color: #14181C;
}
.ft-redesign .rb-tagbtn.on > svg.lucide:first-child {
  color: var(--mint-600);
}
.ft-redesign .rb-tagbtn.open {
  border-color: var(--mint-400);
  box-shadow: 0 0 0 3px rgba(92, 232, 200, 0.22);
}
.ft-redesign .rb-tagbtn-lbl {
  max-width: 130px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ft-redesign .rb-tagbtn-cx {
  margin-left: 2px;
}
.ft-redesign .rb-tagcatch {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 29;
}
.ft-redesign .rb-tagpop {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: 30;
  width: 224px;
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 11px;
  box-shadow: var(--shadow-4);
  padding: 7px;
  animation: ft-pop var(--dur-fast) var(--ease-out);
}
.ft-redesign .rb-tagpop-hd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 6px 7px;
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--fg-3);
}
.ft-redesign .rb-tagpop-hd button {
  border: 0;
  background: transparent;
  color: var(--eei-blue);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  cursor: pointer;
  padding: 0;
}
.ft-redesign .rb-tagpop-hd button:hover {
  color: var(--eei-indigo);
}
.ft-redesign .rb-tagpop-list {
  display: flex;
  flex-direction: column;
  gap: 2px;
  max-height: 244px;
  overflow-y: auto;
}
.ft-redesign .rb-tagopt {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 7px 8px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  cursor: pointer;
  font-family: inherit;
  text-align: left;
}
.ft-redesign .rb-tagopt:hover {
  background: #F4F6F8;
}
.ft-redesign .rb-tagopt.on {
  background: var(--mint-50);
}
.ft-redesign .rb-tagchk {
  width: 17px;
  height: 17px;
  border-radius: 5px;
  border: 1.5px solid #C9CDD3;
  background: #fff;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  color: transparent;
}
.ft-redesign .rb-tagchk.on {
  background: var(--mint-400);
  border-color: var(--mint-400);
  color: #14181C;
}
.ft-redesign .rb-tagopt-n {
  flex: 1;
  min-width: 0;
  font-size: 13px;
  font-weight: 500;
  color: #14181C;
}
.ft-redesign .rb-tagopt-c {
  font-size: 11px;
  color: var(--fg-3);
  flex: 0 0 auto;
}
.ft-redesign .rb-tagpop-empty {
  padding: 10px 8px;
  font-size: 12px;
  color: var(--fg-3);
}
.ft-redesign .rb-clear-all {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border: 0;
  background: transparent;
  color: var(--eei-blue);
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  padding: 0 4px;
}
.ft-redesign .rb-clear-all:hover {
  color: var(--eei-indigo);
}
.ft-redesign .rb-matchline {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  color: var(--fg-2);
  margin: -2px 0 13px;
  flex: 0 0 auto;
}
.ft-redesign .rb-matchline svg.lucide {
  color: var(--fg-3);
  flex: 0 0 auto;
}
.ft-redesign .rb-matchline b {
  color: #14181C;
  font-weight: 700;
}
.ft-redesign .rb-none {
  padding: 9px 2px 3px;
  font-size: 12.5px;
  color: var(--fg-3);
}
.ft-redesign .rb-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 0px;
  gap: 0;
  align-items: stretch;
  flex: 1;
  min-height: 0;
  transition: grid-template-columns 260ms var(--ease-out), gap 260ms var(--ease-out);
}
.ft-redesign .rb-layout.has-panel {
  grid-template-columns: minmax(0, 1fr) 400px;
  gap: 16px;
}
.ft-redesign .rb-layout > .rb-panel-slot {
  min-width: 0;
  min-height: 0;
  overflow: visible;
}
.ft-redesign .rb-grid-scroll {
  min-height: 0;
  overflow-y: auto;
  padding-bottom: 12px;
}
.ft-redesign .rb-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 14px;
}
.ft-redesign .rb-card {
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 14px;
  padding: 16px 17px 14px;
  display: flex;
  flex-direction: column;
  gap: 13px;
  cursor: pointer;
  transition: border-color var(--dur-fast), box-shadow var(--dur-fast);
}
.ft-redesign .rb-card:hover {
  border-color: #CBD1D8;
}
.ft-redesign .rb-card.open {
  border-color: var(--mint-500);
  box-shadow: 0 0 0 1px var(--mint-500) inset;
}
.ft-redesign .rb-panel {
  width: 100%;
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 14px;
  display: flex;
  flex-direction: column;
  max-height: 100%;
  min-height: 240px;
  overflow: hidden;
  opacity: 0;
  transform: translateX(12px);
  transition: opacity 200ms var(--ease-out) 80ms, transform 260ms var(--ease-out) 60ms;
}
.ft-redesign .rb-layout.has-panel .rb-panel {
  opacity: 1;
  transform: none;
}
.ft-redesign .rb-panel-empty {
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 32px 28px;
  gap: 10px;
  background: #FAFBFC;
  border-style: dashed;
  border-color: #D9DEE3;
  opacity: 1;
  transform: none;
}
.ft-redesign .rb-empty-ic {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: #fff;
  border: 1px solid #E6E8EB;
  color: var(--fg-3);
  margin-bottom: 4px;
}
.ft-redesign .rb-empty-t {
  font-size: 14px;
  font-weight: 600;
  color: #14181C;
}
.ft-redesign .rb-empty-s {
  font-size: 12.5px;
  color: var(--fg-2);
  line-height: 1.5;
  max-width: 280px;
}
.ft-redesign .rb-panel .rb-asset {
  animation: ft-item-in 220ms var(--ease-out) both;
}
.ft-redesign .rb-panel-hd {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 14px 12px 17px;
  border-bottom: 1px solid #F1F3F5;
}
.ft-redesign .rb-panel-t {
  flex: 1;
  min-width: 0;
}
.ft-redesign .rb-panel-n {
  font-size: 14.5px;
  font-weight: 600;
  color: #14181C;
}
.ft-redesign .rb-panel-c {
  font-size: 11.5px;
  color: var(--fg-3);
  margin-top: 2px;
}
.ft-redesign .rb-panel-body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 10px 14px 14px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.ft-redesign .rb-panel-grp {
  display: flex;
  justify-content: space-between;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--fg-3);
  padding: 2px 2px 4px;
}
.ft-redesign .rb-panel .rb-filterbar {
  padding: 10px 17px;
  border-bottom: 1px solid #F1F3F5;
}
@media (max-width: 1250px) {
  .ft-redesign .rb-layout.has-panel {
    grid-template-columns: minmax(0, 1fr) 340px;
  }
}
.ft-redesign .rb-top {
  display: flex;
  align-items: center;
  gap: 12px;
}
.ft-redesign .rb-ic {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  background: var(--ink-50);
  color: var(--ink-600);
  border: 1px solid var(--border-1);
}
.ft-redesign .rb-titles {
  flex: 1;
  min-width: 0;
}
.ft-redesign .rb-name {
  font-size: 14.5px;
  font-weight: 600;
  color: #14181C;
}
.ft-redesign .rb-count {
  font-size: 11.5px;
  color: var(--fg-3);
  margin-top: 2px;
}
.ft-redesign .rb-cov {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  font-size: 12px;
  color: var(--fg-2);
  padding-bottom: 2px;
  border-bottom: 1px solid #F1F3F5;
}
.ft-redesign .rb-cov b {
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 700;
  color: #14181C;
}
.ft-redesign .rb-dq {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.ft-redesign .rb-dq-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: var(--fg-2);
  padding: 3px 9px 3px 8px;
  border-radius: 999px;
  border: 1px solid transparent;
}
.ft-redesign .rb-dq-item b {
  font-weight: 700;
}
.ft-redesign .rb-dq-item.ok {
  color: #1F6B4D;
  background: var(--mint-50);
  border-color: #CFE9DC;
}
.ft-redesign .rb-dq-item.ok svg.lucide {
  color: var(--pass-strong);
}
.ft-redesign .rb-dq-item.ok b {
  color: #14181C;
}
.ft-redesign .rb-dq-item.warn {
  color: #8A5300;
  background: #FFF7EA;
  border-color: #F3E0BC;
}
.ft-redesign .rb-dq-item.warn svg.lucide {
  color: var(--status-warn);
}
.ft-redesign .rb-dq-item.warn b {
  color: #6B4200;
}
.ft-redesign .rb-dq-item.fault {
  color: #9A2C2C;
  background: #FDF1F1;
  border-color: #F2CFCF;
}
.ft-redesign .rb-dq-item.fault svg.lucide {
  color: var(--fail);
}
.ft-redesign .rb-dq-item.fault b {
  color: #7A1F1F;
}
.ft-redesign .rb-dq-item.pending {
  color: var(--fg-3);
  background: #F4F6F8;
  border-color: #E6E8EB;
}
.ft-redesign .rb-dq-item.pending svg.lucide {
  color: var(--ink-300);
}
.ft-redesign .rb-dq-item.notpl {
  cursor: pointer;
  color: var(--fg-2);
  background: #F4F6F8;
  border-color: #E2E6EA;
}
.ft-redesign .rb-dq-item.notpl:hover {
  border-color: var(--eei-blue);
  color: var(--eei-blue);
}
.ft-redesign .rb-dq-item.notpl b {
  color: #14181C;
}
.ft-redesign button.rb-dq-item {
  cursor: pointer;
  font-family: inherit;
}
.ft-redesign button.rb-dq-item.warn:hover {
  border-color: var(--status-warn);
}
.ft-redesign button.rb-dq-item.fault:hover {
  border-color: var(--fail);
}
.ft-redesign .rb-dq-item.on {
  box-shadow: 0 0 0 1.5px currentColor inset;
  font-weight: 600;
}
.ft-redesign .rb-filterbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  color: var(--fg-2);
  padding: 2px 2px 8px;
}
.ft-redesign .rb-filterbar b {
  color: #14181C;
  font-weight: 700;
}
.ft-redesign .rb-filter-clear {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border: 0;
  background: transparent;
  color: var(--eei-blue);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  padding: 0;
}
.ft-redesign .rb-filter-clear:hover {
  color: var(--eei-indigo);
}
.ft-redesign .rb-asset.notpl {
  background: #FDF1F1;
  border-color: #F2CFCF;
}
.ft-redesign .rb-asset.notpl:hover {
  border-color: var(--fail);
  background: #FCE9E9;
}
.ft-redesign .rb-notpl-tag {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #9A2C2C;
}
.ft-redesign .rb-notpl-tag svg.lucide {
  color: var(--fail);
}
.ft-redesign .rb-assign {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-size: 12px;
  font-weight: 600;
  color: var(--eei-blue);
  flex: 0 0 auto;
}
.ft-redesign .rb-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-top: 4px;
}
.ft-redesign .rb-link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border: 0;
  background: transparent;
  color: var(--eei-blue);
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  padding: 0;
}
.ft-redesign .rb-link:hover {
  color: var(--eei-indigo);
}
.ft-redesign .rb-actions-r {
  margin-left: auto;
  display: flex;
  gap: 7px;
}
.ft-redesign .rb-assets {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.ft-redesign .rb-asset {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border: 1px solid #EEF0F2;
  border-radius: 9px;
  background: #FAFBFC;
  cursor: pointer;
  text-align: left;
}
.ft-redesign .rb-asset:hover {
  border-color: var(--mint-400);
  background: var(--mint-50);
}
.ft-redesign .rb-adot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex: 0 0 auto;
}
.ft-redesign .rb-adot.ok {
  background: var(--pass-strong);
}
.ft-redesign .rb-adot.warn {
  background: var(--status-warn);
}
.ft-redesign .rb-adot.fault {
  background: var(--fail);
}
.ft-redesign .rb-aid {
  font-size: 12px;
  font-weight: 600;
  color: #14181C;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ft-redesign .rb-abar {
  flex: 0 0 92px;
}
.ft-redesign .rb-astat {
  font-size: 11px;
  color: var(--fg-3);
  flex: 0 0 auto;
}
.ft-redesign .rb-ago {
  color: var(--ink-200);
  flex: 0 0 auto;
}
.ft-redesign .rp-sel {
  height: 32px;
  padding: 0 10px;
  border: 1px solid #DDE1E6;
  border-radius: 8px;
  font-size: 12.5px;
  font-family: inherit;
  color: var(--fg-1);
  background: #fff;
  cursor: pointer;
  outline: 0;
  text-align: left;
  text-align-last: left;
}
.ft-redesign .rp-sel:focus {
  border-color: var(--mint-400);
  box-shadow: 0 0 0 3px rgba(92, 232, 200, 0.22);
}
.ft-redesign .rp-sel option {
  text-align: left;
}
.ft-redesign .insp-summary {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 15px;
  background: #FAFBFC;
  border: 1px solid #EEF0F2;
  border-radius: 12px;
}
.ft-redesign .insp-sum-t {
  font-size: 14px;
  color: var(--fg-1);
}
.ft-redesign .insp-sum-t b {
  font-family: var(--font-display);
  font-weight: 800;
  color: #14181C;
}
.ft-redesign .insp-sum-s {
  font-size: 12px;
  color: var(--fg-3);
  margin-top: 4px;
}
.ft-redesign .insp-points {
  display: flex;
  flex-direction: column;
  border: 1px solid #EEF0F2;
  border-radius: 11px;
  overflow: hidden;
}
.ft-redesign .insp-pt {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 11px 13px;
  border-bottom: 1px solid #F1F3F5;
}
.ft-redesign .insp-pt:last-child {
  border-bottom: 0;
}
.ft-redesign .insp-pt.unmapped {
  background: #FFFBF4;
}
.ft-redesign .insp-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex: 0 0 auto;
}
.ft-redesign .insp-dot.ok {
  background: var(--pass-strong);
}
.ft-redesign .insp-dot.warn {
  background: var(--status-warn);
}
.ft-redesign .insp-dot.fault {
  background: var(--fail);
}
.ft-redesign .insp-pt-m {
  flex: 1;
  min-width: 0;
}
.ft-redesign .insp-pt-role {
  font-size: 13px;
  font-weight: 600;
  color: #14181C;
  display: flex;
  align-items: center;
  gap: 6px;
}
.ft-redesign .insp-opt {
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--fg-3);
  background: #F0F2F4;
  padding: 1px 5px;
  border-radius: 4px;
}
.ft-redesign .insp-pt-tag {
  font-size: 11px;
  color: var(--fg-3);
  margin-top: 2px;
}
.ft-redesign .insp-pt-val {
  text-align: right;
  flex: 0 0 auto;
}
.ft-redesign .insp-v {
  font-size: 13px;
  font-weight: 600;
  color: #14181C;
}
.ft-redesign .insp-upd {
  display: block;
  font-size: 10.5px;
  color: var(--fg-3);
  margin-top: 2px;
}
.ft-redesign .insp-map {
  font-size: 12px;
  font-weight: 600;
  color: var(--eei-blue);
  cursor: pointer;
}
.ft-redesign .sp-bar {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 14px;
  padding: 12px 16px;
}
.ft-redesign .sp-bar-div {
  width: 1px;
  height: 24px;
  background: #EEF0F2;
}
.ft-redesign .sp-type {
  display: flex;
  align-items: center;
  gap: 10px;
}
.ft-redesign .sp-type-lbl {
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--fg-3);
  white-space: nowrap;
}
.ft-redesign .sp-type .rp-sel {
  min-width: 210px;
  height: 36px;
}
.ft-redesign .sp-figs {
  display: flex;
  align-items: center;
  gap: 18px;
  flex: 1;
  min-width: 260px;
}
.ft-redesign .sp-fig {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  font-weight: 600;
  color: var(--fg-2);
  white-space: nowrap;
}
.ft-redesign .sp-fig .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.ft-redesign .sp-fig b {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 16px;
  letter-spacing: -0.01em;
  color: #14181C;
}
.ft-redesign .sp-fig.ok .dot {
  background: var(--pass);
}
.ft-redesign .sp-fig.warn .dot {
  background: var(--status-warn);
}
.ft-redesign .sp-fig.mute .dot {
  background: #D4D8DD;
}
.ft-redesign .sp-fig.ok b {
  color: var(--pass-strong);
}
.ft-redesign .sp-fig.warn b {
  color: var(--status-warn);
}
.ft-redesign .sp-fig.mute b {
  color: var(--ink-400);
}
.ft-redesign .sp-sum-bar {
  display: flex;
  height: 8px;
  border-radius: 999px;
  overflow: hidden;
  background: #EEF0F2;
  flex: 1;
  min-width: 100px;
}
.ft-redesign .sp-sum-bar .pass {
  background: var(--pass);
}
.ft-redesign .sp-sum-bar .mm {
  background: var(--status-warn);
}
.ft-redesign .sp-sum-bar .ms {
  background: #E1E4E8;
}
.ft-redesign .sp-tools {
  display: flex;
  align-items: center;
  gap: 9px;
  flex-wrap: wrap;
  margin-left: auto;
}
.ft-redesign .ft-scroll.sp-lock {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.ft-redesign .ft-scroll.sp-lock .ft-inner {
  flex: 1;
  min-height: 0;
}
.ft-redesign .ft-scroll.sp-lock .sp-bar {
  flex: 0 0 auto;
}
.ft-redesign .sp-card {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.ft-redesign .sp-scroll {
  overflow: auto;
  min-height: 0;
}
.ft-redesign .sp-tbl {
  min-width: 1050px;
  border-collapse: separate;
  border-spacing: 0;
}
.ft-redesign .sp-tbl tbody tr {
  border-bottom: 0;
}
.ft-redesign .sp-tbl tbody td {
  border-bottom: 1px solid #F1F3F5;
}
.ft-redesign .sp-tbl tbody tr:last-child td {
  border-bottom: 0;
}
.ft-redesign .sp-tbl thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #fff;
}
.ft-redesign .sp-check {
  width: 40px;
  padding-left: 16px !important;
}
.ft-redesign .sp-asset {
  position: sticky;
  left: 0;
  background: #fff;
  z-index: 1;
  width: 210px;
}
.ft-redesign .sp-conf-col {
  width: 120px;
}
.ft-redesign .sp-tbl thead th.sp-asset {
  z-index: 3;
}
.ft-redesign .sp-tbl tbody tr:hover .sp-asset {
  background: #FAFBFC;
}
.ft-redesign .sp-tbl tbody tr.sel {
  background: var(--mint-50);
}
.ft-redesign .sp-tbl tbody tr.sel .sp-asset {
  background: var(--mint-50);
}
.ft-redesign .sp-fh {
  font-size: 9.5px !important;
  line-height: 1.3;
  max-width: 96px;
  white-space: normal !important;
  vertical-align: bottom;
}
.ft-redesign .sp-unit {
  display: block;
  font-family: var(--font-mono);
  font-weight: 500;
  color: var(--ink-300);
  text-transform: none;
  letter-spacing: 0;
  margin-top: 2px;
}
.ft-redesign .sp-conf {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.ft-redesign .sp-conf-n {
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 700;
  color: #14181C;
}
.ft-redesign .sp-conf-n.ok {
  color: var(--pass-strong);
}
.ft-redesign .sp-conf-n.warn {
  color: var(--status-warn);
}
.ft-redesign .sp-conf-n.mute {
  color: var(--ink-400);
}
.ft-redesign .sp-conf-dots {
  display: flex;
  gap: 2px;
}
.ft-redesign .sp-cdot {
  width: 6px;
  height: 6px;
  border-radius: 2px;
  background: #E1E4E8;
}
.ft-redesign .sp-cdot.match {
  background: var(--pass);
}
.ft-redesign .sp-cdot.mismatch {
  background: var(--status-warn);
}
.ft-redesign .sp-cdot.missing {
  background: #E1E4E8;
}
.ft-redesign .sp-cell-td {
  padding: 5px 6px !important;
}
.ft-redesign .sp-cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1px;
  width: 100%;
  min-width: 74px;
  padding: 6px 4px;
  border-radius: 7px;
  border: 1px solid transparent;
  cursor: pointer;
  background: #F7F8F9;
}
.ft-redesign .sp-cell:hover {
  box-shadow: 0 0 0 2px var(--mint-400) inset;
}
.ft-redesign .sp-cell.dim {
  opacity: 0.35;
}
.ft-redesign .sp-cell.match {
  background: var(--pass-bg);
}
.ft-redesign .sp-cell.mismatch {
  background: var(--status-warn-bg);
}
.ft-redesign .sp-cell.missing {
  background: #F4F6F8;
}
.ft-redesign .sp-actual {
  font-family: var(--font-mono);
  font-size: 13px;
  font-weight: 700;
  color: #14181C;
  font-variant-numeric: tabular-nums;
}
.ft-redesign .sp-cell.missing .sp-actual {
  color: var(--ink-300);
}
.ft-redesign .sp-design {
  font-family: var(--font-mono);
  font-size: 9.5px;
  color: var(--fg-3);
}
.ft-redesign .sp-cell.mismatch .sp-design {
  color: #8A5300;
}
.ft-redesign .pop-scrim {
  position: fixed;
  inset: 0;
  z-index: 49;
}
.ft-redesign .sp-editor {
  position: fixed;
  z-index: 50;
  width: 236px;
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 12px;
  box-shadow: var(--shadow-4);
  padding: 14px;
  animation: ft-pop var(--dur-fast) var(--ease-out);
}
.ft-redesign .sp-ed-head {
  font-size: 13px;
  font-weight: 700;
  color: #14181C;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 11px;
}
.ft-redesign .sp-ed-head .mono {
  font-size: 11px;
  color: var(--fg-3);
  font-weight: 500;
}
.ft-redesign .sp-ed-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 7px 10px;
  background: #FAFBFC;
  border: 1px solid #EEF0F2;
  border-radius: 8px;
  margin-bottom: 10px;
}
.ft-redesign .sp-ed-lbl {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--fg-3);
}
.ft-redesign .sp-ed-design {
  font-size: 14px;
  font-weight: 700;
  color: #14181C;
}
.ft-redesign .sp-ed-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 13px;
}
.ft-redesign .sp-ed-field label {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--fg-2);
}
.ft-redesign .sp-ed-field input {
  height: 38px;
  padding: 0 12px;
  border: 1px solid #DDE1E6;
  border-radius: 8px;
  font-size: 15px;
  font-family: var(--font-mono);
  font-weight: 600;
  outline: 0;
  color: var(--fg-1);
}
.ft-redesign .sp-ed-field input:focus {
  border-color: var(--mint-400);
  box-shadow: 0 0 0 3px rgba(92, 232, 200, 0.22);
}
.ft-redesign .sp-ed-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ft-redesign .sp-ed-foot .btn-link {
  font-size: 12px;
}
.ft-redesign .bulkbar {
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 45;
  display: flex;
  align-items: center;
  gap: 14px;
  background: #14181C;
  color: #fff;
  padding: 10px 14px 10px 18px;
  border-radius: 12px;
  box-shadow: 0 16px 40px rgba(20, 24, 28, 0.28);
  animation: ft-toastin var(--dur-base) var(--ease-out);
}
.ft-redesign .bulkbar .cnt {
  font-size: 13px;
}
.ft-redesign .bulkbar .cnt b {
  color: var(--mint-400);
  font-weight: 700;
}
.ft-redesign .bulkbar .sep {
  width: 1px;
  height: 20px;
  background: rgba(255, 255, 255, 0.14);
}
.ft-redesign .bulkbar .ba {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  color: #fff;
  cursor: pointer;
  background: transparent;
  border: 0;
  padding: 6px 8px;
  border-radius: 7px;
}
.ft-redesign .bulkbar .ba:hover {
  background: rgba(255, 255, 255, 0.08);
}
.ft-redesign .spc-hint {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  color: var(--fg-2);
  background: #FAFBFC;
  border: 1px solid #EEF0F2;
  border-radius: 9px;
  padding: 9px 12px;
}
.ft-redesign .spc-hint svg.lucide {
  color: var(--fg-3);
  flex: 0 0 auto;
}
.ft-redesign .spc-list {
  border: 1px solid #EEF0F2;
  border-radius: 11px;
  overflow: hidden;
}
.ft-redesign .spc-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 13px;
  border-bottom: 1px solid #F1F3F5;
  cursor: pointer;
}
.ft-redesign .spc-row:last-child {
  border-bottom: 0;
}
.ft-redesign .spc-row:hover {
  background: #FAFBFC;
}
.ft-redesign .spc-row.on {
  background: var(--mint-50);
}
.ft-redesign .spc-row.static {
  cursor: default;
}
.ft-redesign .spc-row.static:hover {
  background: #FAFBFC;
}
.ft-redesign .spc-m {
  flex: 1;
  min-width: 0;
}
.ft-redesign .spc-name {
  font-size: 13px;
  font-weight: 600;
  color: #14181C;
  display: flex;
  align-items: center;
  gap: 8px;
}
.ft-redesign .spc-unit {
  font-size: 10.5px;
  color: var(--fg-3);
  font-weight: 500;
}
.ft-redesign .spc-pair {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 10.5px;
  color: var(--fg-3);
  margin-top: 3px;
  flex-wrap: wrap;
}
.ft-redesign .spc-pair svg.lucide {
  color: var(--ink-300);
  flex: 0 0 auto;
}
.ft-redesign .spc-form {
  display: flex;
  flex-direction: column;
  gap: 9px;
  padding: 13px 14px;
  background: #FAFBFC;
  border: 1px solid #EEF0F2;
  border-radius: 11px;
}
.ft-redesign .spc-form-row {
  display: grid;
  grid-template-columns: 105px 1fr;
  align-items: center;
  gap: 10px;
}
.ft-redesign .spc-form-row label {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--fg-2);
}
.ft-redesign .spc-form-row input {
  height: 34px;
  padding: 0 11px;
  border: 1px solid #DDE1E6;
  border-radius: 8px;
  font-size: 12.5px;
  font-family: inherit;
  outline: 0;
  color: var(--fg-1);
}
.ft-redesign .spc-form-row input.mono {
  font-family: var(--font-mono);
  font-size: 11.5px;
}
.ft-redesign .spc-form-row input:focus {
  border-color: var(--mint-400);
  box-shadow: 0 0 0 3px rgba(92, 232, 200, 0.22);
}
.ft-redesign .th-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 30px;
  padding: 0 11px;
  border: 1px solid #DDE1E6;
  border-radius: 999px;
  background: #FAFBFC;
  font-size: 11.5px;
  color: var(--fg-2);
}
.ft-redesign .th-chip svg.lucide {
  color: var(--fg-3);
}
.ft-redesign .th-chip b {
  color: #14181C;
  font-weight: 700;
  font-family: var(--font-mono);
}
.ft-redesign .rerun-live {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 36px;
  padding: 0 12px;
  border-radius: 8px;
  background: #E7EDF6;
  border: 1px solid #CFDBEC;
  color: var(--eei-indigo);
  font-size: 12px;
  font-weight: 600;
}
.ft-redesign .ft-ws-right .rerun-live {
  height: 30px;
  padding: 0 10px;
  border-radius: 7px;
}
.ft-redesign .spin {
  animation: ft-spin 1s linear infinite;
}
.ft-redesign .rerun-banner {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 15px;
  background: #E7EDF6;
  border: 1px solid #CFDBEC;
  border-radius: 11px;
  font-size: 13px;
  color: var(--eei-indigo);
}
.ft-redesign .rerun-banner b {
  font-weight: 700;
}
.ft-redesign .rerun-banner svg.lucide {
  color: var(--eei-blue);
  flex: 0 0 auto;
}
.ft-redesign .rerun-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 50;
  width: 420px;
  max-width: 92vw;
  background: #fff;
  border-radius: 14px;
  box-shadow: var(--shadow-4);
  padding: 22px 24px 20px;
  animation: ft-pop var(--dur-fast) var(--ease-out);
}
.ft-redesign .rerun-mic {
  width: 42px;
  height: 42px;
  border-radius: 11px;
  background: var(--mint-50);
  border: 1px solid var(--mint-200);
  color: var(--mint-700);
  display: grid;
  place-items: center;
  margin-bottom: 13px;
}
.ft-redesign .rerun-mt {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 17px;
  letter-spacing: -0.01em;
  color: #14181C;
}
.ft-redesign .rerun-ms {
  font-size: 13px;
  line-height: 1.55;
  color: var(--fg-2);
  margin: 8px 0 0;
}
.ft-redesign .rerun-ms b {
  color: #14181C;
  font-weight: 600;
}
.ft-redesign .rerun-macts {
  display: flex;
  justify-content: flex-end;
  gap: 9px;
  margin-top: 18px;
}
.ft-redesign .res-head {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 14px;
  padding: 12px 16px;
}
.ft-redesign .res-head .rp-sel {
  height: 36px;
  min-width: 200px;
}
.ft-redesign .ft-scroll.res-lock {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.ft-redesign .ft-scroll.res-lock .ft-inner {
  flex: 1;
  min-height: 0;
}
.ft-redesign .ft-scroll.res-lock .res-head,
.ft-redesign .ft-scroll.res-lock .rerun-banner,
.ft-redesign .ft-scroll.res-lock .res-kpis,
.ft-redesign .ft-scroll.res-lock .res-hint {
  flex: 0 0 auto;
}
.ft-redesign .res-card {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.ft-redesign .res-card .mx-toolbar,
.ft-redesign .res-card .card-head {
  flex: 0 0 auto;
}
.ft-redesign .tbl-scroll {
  overflow: auto;
  min-height: 0;
}
.ft-redesign .tbl-scroll .tbl thead th {
  position: sticky;
  top: 0;
  z-index: 2;
}
.ft-redesign .tbl-scroll .tbl {
  border-collapse: separate;
  border-spacing: 0;
}
.ft-redesign .tbl-scroll .tbl tbody tr {
  border-bottom: 0;
}
.ft-redesign .tbl-scroll .tbl tbody td {
  border-bottom: 1px solid #F1F3F5;
}
.ft-redesign .tbl-scroll .tbl tbody tr:last-child td {
  border-bottom: 0;
}
.ft-redesign .seq-pick-f {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.ft-redesign .seq-pick-f label {
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--fg-3);
}
.ft-redesign .seq-pick-f .rp-sel {
  min-width: 200px;
}
.ft-redesign .res-typepick {
  display: inline-flex;
  gap: 6px;
}
.ft-redesign .res-typebtn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 30px;
  padding: 0 12px;
  border: 1px solid #DDE1E6;
  border-radius: 8px;
  background: #fff;
  color: var(--fg-2);
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
}
.ft-redesign .res-typebtn svg.lucide {
  color: var(--fg-3);
}
.ft-redesign .res-typebtn:hover {
  border-color: var(--ink-300);
  color: #14181C;
}
.ft-redesign .res-typebtn.on {
  background: #14181C;
  color: #fff;
  border-color: #14181C;
}
.ft-redesign .res-typebtn.on svg.lucide {
  color: var(--mint-400);
}
.ft-redesign .res-kpis {
  display: flex !important;
  align-items: stretch;
  gap: 0;
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 14px;
  padding: 4px 0;
  overflow: hidden;
}
.ft-redesign .res-kpi {
  padding: 12px 22px;
  border-right: 1px solid #EEF0F2;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ft-redesign .res-kpi.grow {
  flex: 1;
  border-right: 0;
  justify-content: center;
  gap: 9px;
}
.ft-redesign .res-kpi-v {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 26px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: #14181C;
}
.ft-redesign .res-kpi-v.mint {
  color: var(--mint-700);
}
.ft-redesign .res-kpi-v.ok {
  color: var(--pass-strong);
}
.ft-redesign .res-kpi-v.fail {
  color: var(--fail-strong);
}
.ft-redesign .res-kpi-v.mute {
  color: var(--ink-400);
}
.ft-redesign .res-kpi-l {
  font-size: 11px;
  font-weight: 600;
  color: var(--fg-3);
  margin-top: 6px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.ft-redesign .res-kpi-legend {
  display: flex;
  gap: 16px;
  font-size: 11.5px;
  color: var(--fg-2);
}
.ft-redesign .res-kpi-legend span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.ft-redesign .lg {
  width: 10px;
  height: 10px;
  border-radius: 3px;
  display: inline-block;
}
.ft-redesign .lg.pass {
  background: var(--pass);
}
.ft-redesign .lg.fail {
  background: var(--fail);
}
.ft-redesign .lg.none {
  background: #E1E4E8;
}
.ft-redesign .lg.idle {
  background: #EEF0F2;
}
.ft-redesign .matrix-scroll {
  overflow: auto;
  min-height: 0;
}
.ft-redesign .mx-toolbar {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 10px 16px;
  border-bottom: 1px solid #EEF0F2;
  background: #FAFBFC;
}
.ft-redesign .mx-count {
  font-size: 12px;
  color: var(--fg-2);
}
.ft-redesign .mx-failonly {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--fg-1);
  cursor: pointer;
  user-select: none;
  margin-left: auto;
}
.ft-redesign .mx-failonly .ct {
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 700;
  color: var(--fail-strong);
  background: #FDEAE6;
  border: 1px solid #F8C2B7;
  padding: 1px 7px;
  border-radius: 999px;
}
.ft-redesign .matrix {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.ft-redesign .matrix thead th {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 2;
  padding: 12px 8px;
  border-bottom: 1px solid #E6E8EB;
  vertical-align: bottom;
}
.ft-redesign .mx-asset {
  text-align: left;
  position: sticky;
  left: 0;
  background: #fff;
  z-index: 1;
  min-width: 150px;
  padding: 9px 16px !important;
  border-right: 1px solid #EEF0F2;
}
.ft-redesign .matrix thead th.mx-asset {
  z-index: 3;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.04em;
  color: var(--fg-3);
  font-weight: 600;
}
.ft-redesign .mx-test {
  min-width: 118px;
}
.ft-redesign .mx-test-n {
  font-size: 11px;
  font-weight: 600;
  color: var(--fg-2);
  line-height: 1.3;
  text-align: center;
}
.ft-redesign .mx-test-p {
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 700;
  margin-top: 6px;
}
.ft-redesign .mx-test-p.ok {
  color: var(--pass-strong);
}
.ft-redesign .mx-test-p.warn {
  color: var(--status-warn);
}
.ft-redesign .mx-test-p.fail {
  color: var(--fail-strong);
}
.ft-redesign .matrix tbody tr {
  border-bottom: 1px solid #F1F3F5;
}
.ft-redesign .matrix tbody tr:hover .mx-asset {
  background: #FAFBFC;
}
.ft-redesign .mx-cell {
  padding: 3px;
  text-align: center;
  border-bottom: 1px solid #F4F6F8;
}
.ft-redesign .mx-v {
  width: 100%;
  min-width: 104px;
  height: 34px;
  border: 0;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform var(--dur-fast);
}
.ft-redesign .mx-v:hover {
  transform: scale(1.04);
  box-shadow: 0 2px 8px rgba(20, 24, 28, 0.16);
}
.ft-redesign .mx-v.pass {
  background: var(--pass);
  color: #22400C;
}
.ft-redesign .mx-v.fail {
  background: var(--fail);
  color: #fff;
}
.ft-redesign .mx-v.none {
  background: #F4F6F8;
  color: var(--ink-300);
}
.ft-redesign .mx-blank {
  color: var(--ink-200);
}
.ft-redesign .res-hint {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  color: var(--fg-2);
  padding: 2px 2px;
}
.ft-redesign .res-hint svg.lucide {
  color: var(--fg-3);
  flex: 0 0 auto;
}
.ft-redesign .res-hint b {
  color: #14181C;
  font-weight: 600;
}
.ft-redesign .ba-rate {
  display: flex;
  align-items: center;
  gap: 11px;
}
.ft-redesign .ba-rate .mbar {
  flex: 1;
}
.ft-redesign .ba-rate-n {
  font-family: var(--font-mono);
  font-size: 12.5px;
  font-weight: 700;
  min-width: 38px;
  text-align: right;
}
.ft-redesign .ba-rate-n.ok {
  color: var(--pass-strong);
}
.ft-redesign .ba-rate-n.warn {
  color: var(--status-warn);
}
.ft-redesign .ba-rate-n.fail {
  color: var(--fail-strong);
}
.ft-redesign .ba-strip {
  display: inline-flex;
  gap: 3px;
}
.ft-redesign .ba-seg {
  width: 22px;
  height: 18px;
  border: 0;
  border-radius: 4px;
  cursor: pointer;
  padding: 0;
  transition: transform var(--dur-fast);
}
.ft-redesign .ba-seg:hover {
  transform: scale(1.15);
  box-shadow: 0 2px 6px rgba(20, 24, 28, 0.2);
}
.ft-redesign .ba-seg.pass {
  background: var(--pass);
}
.ft-redesign .ba-seg.fail {
  background: var(--fail);
}
.ft-redesign .ba-seg.none {
  background: #E9EBEE;
}
.ft-redesign .ba-worst {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  color: var(--fail-strong);
}
.ft-redesign .ba-worst .dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--fail);
  flex: 0 0 auto;
}
.ft-redesign .wide-panel {
  width: 620px;
}
.ft-redesign .drill-tests {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ft-redesign .drill-tab {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 10px 12px;
  border: 1px solid #EEF0F2;
  border-radius: 9px;
  background: #fff;
  cursor: pointer;
  text-align: left;
  font-size: 13px;
  font-weight: 500;
  color: var(--fg-1);
}
.ft-redesign .drill-tab:hover {
  background: #FAFBFC;
}
.ft-redesign .drill-tab.on {
  border-color: var(--mint-400);
  background: var(--mint-50);
  font-weight: 600;
}
.ft-redesign .drill-tab-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex: 0 0 auto;
}
.ft-redesign .drill-tab-dot.pass {
  background: var(--pass-strong);
}
.ft-redesign .drill-tab-dot.fail {
  background: var(--fail);
}
.ft-redesign .drill-tab-dot.none {
  background: #D4D8DD;
}
.ft-redesign .drill-tab-rate {
  margin-left: auto;
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 700;
  color: var(--fg-2);
}
.ft-redesign .drill-verdict {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 17px;
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 12px;
}
.ft-redesign .drill-v-meta {
  flex: 1;
  font-size: 12.5px;
  color: var(--fg-2);
}
.ft-redesign .drill-v-meta b {
  font-family: var(--font-display);
  font-size: 17px;
  font-weight: 800;
  color: #14181C;
}
.ft-redesign .drillpage {
  position: absolute;
  inset: 0;
  z-index: 30;
  background: #F4F6F8;
  display: flex;
  flex-direction: column;
  animation: ft-fade var(--dur-base) var(--ease-out);
}
.ft-redesign .cv2-mv-range-band.ft-act {
  fill: var(--eei-blue);
  fill-opacity: 0.06;
  stroke: none;
}
.ft-redesign .cv2-mv-range-band.ft-fail {
  fill: var(--fail);
  fill-opacity: 0.16;
  stroke: none;
}
.ft-redesign .cv2-mv-ribbon-track {
  fill: #F1F3F5;
}
.ft-redesign .cv2-mv-ribbon-seg.pass {
  fill: var(--pass);
}
.ft-redesign .cv2-mv-ribbon-seg.fail {
  fill: var(--fail);
}
.ft-redesign .drill-chart .cv2-mv-legend {
  min-width: 230px;
  max-width: 230px;
  width: 230px;
}
.ft-redesign .drill-chart .cv2-mv-legend-row {
  min-width: 0;
}
.ft-redesign .drill-chart .cv2-mv-nm {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  flex: 1;
}
.ft-redesign .cv2-mv-hc-state {
  display: inline-block;
  margin-left: 10px;
  padding: 1px 7px;
  border-radius: 5px;
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: 0.05em;
  vertical-align: 1px;
}
.ft-redesign .cv2-mv-hc-state.pass {
  background: var(--pass-bg);
  color: #4E7A1E;
}
.ft-redesign .cv2-mv-hc-state.fail {
  background: var(--fail-bg);
  color: var(--fail-strong);
}
.ft-redesign .cv2-mv-hc-state.idle {
  background: #F1F3F5;
  color: var(--fg-3);
}
.ft-redesign .drillpage-head {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 14px 26px;
  background: #fff;
  border-bottom: 1px solid #E6E8EB;
}
.ft-redesign .drill-back {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 0;
  background: transparent;
  color: var(--fg-2);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  padding: 6px 10px 6px 4px;
  border-right: 1px solid #EEF0F2;
  margin-right: 3px;
}
.ft-redesign .drill-back:hover {
  color: #14181C;
}
.ft-redesign .drillpage-head .pic {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  background: var(--ink-50);
  border: 1px solid var(--border-1);
}
.ft-redesign .drill-head-m .pt {
  font-family: var(--font-mono);
  font-size: 16px;
  font-weight: 600;
  color: #14181C;
}
.ft-redesign .drill-head-m .ps {
  font-size: 12px;
  color: var(--fg-2);
  margin-top: 2px;
}
.ft-redesign .drill-head-r {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 9px;
}
.ft-redesign .drillpage-cols {
  flex: 1;
  min-height: 0;
  display: grid;
  grid-template-columns: 280px 1fr;
}
.ft-redesign .drill-rail {
  border-right: 1px solid #E6E8EB;
  background: #fff;
  padding: 16px 14px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ft-redesign .drill-main {
  overflow-y: auto;
  padding: 20px 26px 40px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.ft-redesign .xchart {
  display: flex;
  align-items: stretch;
  gap: 0;
}
.ft-redesign .xc-body {
  position: relative;
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.ft-redesign .xchart svg {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid #EEF0F2;
  border-radius: 8px;
  background: #FDFDFE;
  user-select: none;
}
.ft-redesign .blk-inset {
  margin: 0 1.379% 0 5.517%;
}
.ft-redesign .xc-legend {
  width: 186px;
  flex: 0 0 auto;
  border-left: 1px solid #F0F2F4;
  margin-left: 14px;
  padding: 4px 0 4px 14px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-self: flex-start;
}
.ft-redesign .xc-leg-h {
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--fg-3);
  margin-bottom: 2px;
}
.ft-redesign .xc-leg-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ft-redesign .xc-leg-row .sw {
  width: 10px;
  height: 10px;
  border-radius: 3px;
  flex: 0 0 auto;
}
.ft-redesign .xc-leg-row .sw.band.act {
  background: rgba(2, 114, 186, 0.16);
  border: 1px solid rgba(2, 114, 186, 0.3);
}
.ft-redesign .xc-leg-row .sw.band.fail {
  background: rgba(240, 96, 96, 0.28);
  border: 1px solid rgba(240, 96, 96, 0.4);
}
.ft-redesign .xc-leg-row .sw.band.strip {
  background: linear-gradient(90deg, var(--pass) 55%, var(--fail) 55%);
}
.ft-redesign .xc-leg-row .nm {
  font-size: 11px;
  color: var(--fg-1);
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ft-redesign .xc-leg-row .un {
  font-size: 10px;
  color: var(--fg-3);
  font-family: var(--font-mono);
}
.ft-redesign .xc-leg-div {
  height: 1px;
  background: #F1F3F5;
  margin: 4px 0;
}
.ft-redesign .unit-tag {
  display: inline-flex;
  align-items: center;
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: var(--fg-2);
  background: #F4F6F8;
  border: 1px solid #E6E8EB;
  padding: 1px 6px;
  border-radius: 5px;
}
.ft-redesign .xc-hover {
  position: absolute;
  z-index: 6;
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 10px;
  box-shadow: var(--shadow-4);
  padding: 8px 0 6px;
  pointer-events: none;
}
.ft-redesign .xc-time {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 12px 6px;
  border-bottom: 1px solid #F1F3F5;
  font-size: 10.5px;
  color: var(--fg-2);
}
.ft-redesign .xc-state {
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.05em;
  padding: 2px 6px;
  border-radius: 4px;
}
.ft-redesign .xc-state.pass {
  background: var(--pass-bg);
  color: var(--pass-strong);
}
.ft-redesign .xc-state.fail {
  background: #FDEAE6;
  color: var(--fail-strong);
}
.ft-redesign .xc-state.idle {
  background: #F4F6F8;
  color: var(--fg-3);
}
.ft-redesign .xc-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 3px 12px;
}
.ft-redesign .xc-row .sw {
  width: 9px;
  height: 9px;
  border-radius: 3px;
  flex: 0 0 auto;
}
.ft-redesign .xc-row .nm {
  flex: 1;
  font-size: 11px;
  color: var(--fg-1);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ft-redesign .xc-row .vl {
  font-size: 11px;
  font-weight: 700;
  color: #14181C;
  font-variant-numeric: tabular-nums;
}
.ft-redesign .xchart-legend {
  display: none;
}
@media (max-width: 900px) {
  .ft-redesign .drillpage-cols {
    grid-template-columns: 1fr;
  }
  .ft-redesign .drill-rail {
    flex-direction: row;
    overflow-x: auto;
    border-right: 0;
    border-bottom: 1px solid #E6E8EB;
  }
}
.ft-redesign .drill-sec {
  border: 1px solid #E6E8EB;
  border-radius: 12px;
  padding: 15px 17px 14px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: #fff;
}
.ft-redesign .drill-sec-head {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.ft-redesign .drill-sec-head .expr {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ft-redesign .drill-crit-name {
  font-size: 13px;
  font-weight: 600;
  color: #14181C;
}
.ft-redesign .blk-strip {
  position: relative;
  height: 24px;
  border-radius: 6px;
  background: #F4F6F8;
  border: 1px solid #EEF0F2;
  overflow: hidden;
}
.ft-redesign .blk {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
}
.ft-redesign .blk-seg {
  height: 100%;
}
.ft-redesign .blk-seg.pass {
  background: var(--pass);
}
.ft-redesign .blk-seg.fail {
  background: var(--fail);
}
.ft-redesign .blk-days {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
  font-family: var(--font-mono);
  font-size: 9.5px;
  color: var(--fg-3);
}
.ft-redesign .xchart-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 14px;
  margin-top: 7px;
  font-family: var(--font-mono);
  font-size: 10.5px;
  color: var(--fg-2);
}
.ft-redesign .xchart-legend span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.ft-redesign .xchart-legend i {
  width: 12px;
  height: 3px;
  border-radius: 2px;
  display: inline-block;
}
.ft-redesign .xchart-legend em {
  font-style: normal;
  color: var(--ink-300);
}
.ft-redesign .xchart-legend .xl-act i {
  width: 10px;
  height: 10px;
  border-radius: 3px;
  background: rgba(2, 114, 186, 0.14);
}
.ft-redesign .xchart-legend .xl-fail i {
  width: 10px;
  height: 10px;
  border-radius: 3px;
  background: rgba(240, 96, 96, 0.28);
}
.ft-redesign .res-seqct {
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 700;
  background: rgba(20, 24, 28, 0.07);
  color: var(--fg-2);
  padding: 1px 6px;
  border-radius: 999px;
}
.ft-redesign .res-typebtn.on .res-seqct {
  background: rgba(255, 255, 255, 0.16);
  color: rgba(255, 255, 255, 0.85);
}
.ft-redesign .res-kpi.seqmeta {
  min-width: 210px;
}
.ft-redesign .res-seq-name {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 15px;
  letter-spacing: -0.01em;
  color: #14181C;
  line-height: 1.25;
}
.ft-redesign .res-seq-sub {
  font-size: 11.5px;
  color: var(--fg-3);
  margin-top: 4px;
}
.ft-redesign .seq-chip {
  display: inline-flex;
  align-items: center;
  font-size: 11.5px;
  font-weight: 600;
  color: #2A2F37;
  background: #F4F6F8;
  border: 1px solid #E6E8EB;
  padding: 3px 9px;
  border-radius: 7px;
  white-space: nowrap;
}
@media (max-width: 900px) {
  .ft-redesign .res-kpis {
    flex-wrap: wrap;
  }
  .ft-redesign .res-kpi.grow {
    flex: 1 1 100%;
    border-top: 1px solid #EEF0F2;
  }
}
.constant-categories {
  display: flex;
}
.constant-categories .constant-category-box {
  display: inline-block;
  border: solid black 1px;
  background-color: white;
  width: 350px;
  padding: 0 10px 10px 10px;
  margin-right: 15px;
}
.constant-categories .constant-category-box h4 {
  font-weight: bold;
}
.constant-categories .constant-category-box .constant-category-line {
  margin-bottom: 5px;
  height: 20px;
  font-size: 12px;
  cursor: pointer;
}
.constant-categories .constant-category-box .constant-category-line .constant-cateogry-label {
  display: inline-block;
  width: 275px;
  padding-right: 20px;
}
.constant-categories .constant-category-box .constant-category-line .materialize-input {
  display: inline-block;
  width: 50px;
}
.constant-categories .constant-category-box .constant-category-line .materialize-input .input-field {
  display: inline-block;
}
.constant-categories .constant-category-box .constant-category-line .materialize-input .input-field input[type="text"],
.constant-categories .constant-category-box .constant-category-line .materialize-input .input-field input[type="number"] {
  font-size: 12px;
}
.constant-categories .constant-category-box .constant-category-line:hover {
  background-color: #ffa;
}
.tab-menu {
  margin-bottom: 10px;
  background-color: white;
}
.tab-menu input {
  display: none;
}
.tab-menu label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 10px 15px;
  font-weight: 600;
  text-align: center;
  color: #bbb;
  border: 1px solid transparent;
}
.tab-menu label:hover {
  color: #888;
  cursor: pointer;
}
.tab-menu label:after {
  display: none !important;
}
.tab-menu input:checked + label {
  color: #555;
  border: 1px solid #ddd;
  border-top: 2px solid orange;
  border-bottom: 1px solid #fff;
}
@media screen and (max-width: 650px) {
  .tab-menu label {
    font-size: 0;
  }
}
@media screen and (max-width: 400px) {
  .tab-menu label {
    padding: 15px;
  }
}
.tab-menu-alt {
  margin-bottom: 10px;
  background-color: white;
}
.tab-menu-alt input {
  display: none;
}
.tab-menu-alt label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 10px 15px;
  font-weight: 600;
  text-align: center;
  color: #bbb;
  border: 1px solid transparent;
}
.tab-menu-alt label:hover {
  color: #888;
  cursor: pointer;
}
.tab-menu-alt label:after {
  display: none !important;
}
.tab-menu-alt input:checked + label {
  color: #555;
  border: 1px solid #ddd;
}
@media screen and (max-width: 650px) {
  .tab-menu-alt label {
    font-size: 0;
  }
}
@media screen and (max-width: 400px) {
  .tab-menu-alt label {
    padding: 15px;
  }
}
.table-section {
  padding: 0 5px;
}
.tag-menu {
  position: absolute;
  left: 100px;
  width: 300px;
}
.tag-menu .tag-category {
  margin-bottom: 15px;
}
.tag-menu .tag-category .check-column {
  font-size: 12px;
  width: 100%;
  float: left;
}
.tag-menu .tag-category .checkbox-container {
  margin-top: 15px;
  height: auto;
  overflow: auto;
}
.asset-group-category {
  width: 100%;
  border: solid black 1px;
  margin-bottom: 15px;
  padding: 0 10px;
}
.asset-group-category .asset-group-label {
  width: 200px;
  float: left;
}
.asset-group-category .asset-group-listing {
  margin-left: 225px;
  border-left: solid black 1px;
  padding: 10px 0 10px 25px;
  overflow: auto;
}
.asset-group-category .asset-group-listing .asset-tag {
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
  /* Rules below not implemented in browsers yet */
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
  border: solid black 1px;
  padding: 2px 5px;
  border-radius: 5px;
  float: left;
  margin: 0 5px 5px 0;
}
.asset-group-category .asset-group-listing .asset-tag.tagged {
  background-color: #6597F4;
  color: white;
}
.asset-group-category .asset-group-listing .asset-tag.ready {
  background-color: #82CA9D;
  color: black;
}
.apply-search-button {
  position: absolute;
  width: 116px;
  height: 40px;
  left: 432px;
  top: 16px;
}
.select-all-button {
  position: absolute;
  width: 116px;
  height: 40px;
  left: 432px;
  top: 16px;
}
.upload-raw-file-button {
  padding: 9px 30px 9px 26px;
  gap: 8px;
  position: absolute;
  width: 156px;
  height: 40px;
  right: 417px;
  top: 16px;
}
.import-novant-button {
  padding: 9px 30px 9px 26px;
  gap: 8px;
  position: absolute;
  width: 156px;
  height: 40px;
  right: 589px;
  top: 16px;
}
#sync-cxalloy-button {
  padding: 9px 30px 9px 26px;
  gap: 8px;
  position: absolute;
  width: 156px;
  height: 40px;
  right: 341px;
  top: 16px;
}
.upload-file-button {
  gap: 8px;
  position: absolute;
  width: 40px;
  height: 40px;
  right: 293px;
  top: 16px;
  padding: 4px;
}
.upload-kepware-file-button {
  gap: 8px;
  position: absolute;
  width: 156px;
  height: 40px;
  right: 245px;
  top: 16px;
  padding: 4px;
}
.download-file-button {
  position: absolute;
  right: 245px;
  top: 16px;
  height: 40px;
  width: 40px;
  gap: 8px;
  padding: 4px;
}
.add-item-button {
  padding: 9px 30px 9px 26px;
  gap: 10px;
  position: absolute;
  width: 205px;
  height: 40px;
  right: 24px;
  top: 16px;
}
.config-modal-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px 0px 0px;
  position: relative;
  width: 607px;
  left: calc(50% - 607px/2);
  background: #FFFFFF;
  box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
  border-radius: 12px;
}
.config-modal-container .config-modal-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px 24px 24px;
  gap: 24px;
  width: 607px;
}
.config-modal-container .config-modal-content .config-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
  width: 559px;
  height: 64px;
}
.config-modal-container .config-modal-content .config-header .config-label {
  height: 28px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  color: #21262A;
}
.config-modal-container .config-modal-content .config-header .supporting-text {
  width: 559px;
  height: 20px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  text-align: left;
  color: #A6AAB2;
}
.config-modal-container .config-modal-content .inputs-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 20px;
  width: 559px;
}
.config-modal-container .config-button-container {
  width: 607px;
  height: 61px;
  position: relative;
  background: #FFFFFF;
}
.config-modal-container .config-button-container .config-confirm-button {
  padding: 9px 26px;
  gap: 10px;
  position: absolute;
  width: 559px;
  height: 40px;
  left: 24px;
  top: 11px;
}
.config-modal-container .close-button {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  padding: 6px;
  gap: 10px;
  position: absolute;
  height: 36px;
  right: 24px;
  top: 24px;
  border: 1px solid #E6EAF0;
  border-radius: 6px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.config-modal-container .close-button:hover {
  background: #F3F5F8;
}
.config-modal-container .close-button:hover p svg {
  fill: #21262A;
  transform: rotate(90deg);
}
.config-modal-container .close-button p {
  width: 24px;
  height: 24px;
}
.config-modal-container .close-button p svg {
  position: absolute;
  left: 11px;
  top: 11px;
  fill: #757F94;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.config-modal-container .close-button p svg:hover {
  fill: #21262A;
  transform: rotate(90deg);
}
.tag-cell {
  position: relative;
  cursor: pointer;
}
.tag-cell .text {
  margin-left: 25px;
  position: relative;
}
.tag-cell:hover svg {
  display: initial;
}
.tag-cell svg {
  cursor: pointer;
  display: none;
  position: absolute;
  left: 0px;
  top: 26px;
}
.chips {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin: 0 0 0 12px;
  gap: 8px;
  height: 28px;
}
.chips .chip {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  height: 28px;
}
.chips .chip .chip-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 4px 8px;
  gap: 6px;
  height: 28px;
  border: 1px solid #E9ECF2;
  border-radius: 16px;
}
.chips .chip .chip-content .chip-text {
  flex-direction: row;
  padding: 0px;
  gap: 8px;
  height: 20px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  align-items: center;
  color: #21262A;
}
.manage-points-button {
  padding: 5px 26px;
  gap: 8px;
  width: 178px;
  height: 32px;
  border: 1px solid #E9ECF2;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
  border-radius: 8px;
}
.manage-points-button:hover {
  background: #e9ecf2;
}
.pop-up-tag-menu {
  box-sizing: border-box;
  position: relative;
  width: 507px;
  height: 364px;
  background: #FFFFFF;
  border: 1px solid #E9ECF2;
  box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
  border-radius: 12px;
}
.pop-up-tag-menu .pop-up-header {
  box-sizing: border-box;
  position: absolute;
  width: 507px;
  height: 86px;
  left: 0px;
  top: 0px;
  background: #F9FAFB;
  border-bottom: 1px solid #E9ECF2;
  border-radius: 12px 12px 0px 0px;
}
.pop-up-tag-menu .pop-up-header .title-text {
  position: absolute;
  width: 67px;
  height: 16px;
  left: 16px;
  top: 16px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-feature-settings: 'liga' off;
  color: #757F94;
}
.pop-up-tag-menu .pop-up-header .close-button {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  padding: 2px;
  gap: 10px;
  position: absolute;
  height: 36px;
  width: 36px;
  right: 16px;
  top: 10px;
  border: 1px solid #E6EAF0;
  border-radius: 6px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.pop-up-tag-menu .pop-up-header .close-button:hover {
  background: #F3F5F8;
}
.pop-up-tag-menu .pop-up-header .close-button:hover p svg {
  fill: #21262A;
  transform: rotate(90deg);
}
.pop-up-tag-menu .pop-up-header .close-button p {
  width: 24px;
  height: 24px;
}
.pop-up-tag-menu .pop-up-header .close-button p svg {
  position: absolute;
  left: 11px;
  top: 11px;
  fill: #757F94;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.pop-up-tag-menu .pop-up-header .close-button p svg:hover {
  fill: #21262A;
  transform: rotate(90deg);
}
.pop-up-tag-menu .pop-up-header .chips {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
  overflow-y: auto;
  padding: 0px;
  gap: 8px;
  position: absolute;
  width: 475px;
  height: 28px;
  left: 16px;
  top: 46px;
}
.pop-up-tag-menu .pop-up-header .chips .chip {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  height: 28px;
  cursor: pointer;
}
.pop-up-tag-menu .pop-up-header .chips .chip .chip-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 4px 8px;
  gap: 6px;
  height: 28px;
  border: 1px solid #E9ECF2;
  border-radius: 16px;
}
.pop-up-tag-menu .pop-up-header .chips .chip .chip-content .text-icon {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 8px;
  height: 20px;
}
.pop-up-tag-menu .pop-up-header .chips .chip .chip-content .text-icon .text {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 4px;
  height: 20px;
}
.pop-up-tag-menu .search-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  position: absolute;
  width: 475px;
  height: 40px;
  left: 16px;
  top: 98px;
}
.pop-up-tag-menu .tag-scroll {
  position: absolute;
  width: 507px;
  height: 171px;
  left: 0px;
  top: 137px;
}
.pop-up-tag-menu .tag-scroll .tag-scroll-label {
  position: absolute;
  width: 93px;
  height: 16px;
  left: 16px;
  top: 12px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-feature-settings: 'liga' off;
  color: #757F94;
}
.pop-up-tag-menu .tag-scroll .tags-container {
  display: flex;
  flex-direction: column;
  height: calc(100% - 32px);
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: 28px;
  left: 16px;
}
.pop-up-tag-menu .tag-scroll .tags-container::-webkit-scrollbar {
  width: 6px;
}
.pop-up-tag-menu .tag-scroll .tags-container::-webkit-scrollbar-track {
  background-color: #FFFFFF;
  border-radius: 8px;
}
.pop-up-tag-menu .tag-scroll .tags-container::-webkit-scrollbar-thumb {
  background: #F3F5F8;
  border-radius: 8px;
}
.pop-up-tag-menu .tag-scroll .tags-container::-webkit-scrollbar-thumb:hover {
  width: 10px;
}
.pop-up-tag-menu .tag-scroll .tags-container .tag-line {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 6px 8px;
  gap: 8px;
  width: 475px;
  height: 32px;
  border-radius: 8px;
  cursor: pointer;
}
.pop-up-tag-menu .tag-scroll .tags-container .tag-line .tag-text {
  width: 431px;
  height: 19px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  color: #21262A;
}
.pop-up-tag-menu .pop-up-footer {
  box-sizing: border-box;
  position: absolute;
  width: 507px;
  height: 56px;
  left: 0px;
  top: 308px;
  border-top: 1px solid #E9ECF2;
}
.pop-up-tag-menu .pop-up-footer .apply-button {
  padding: 5px 26px;
  gap: 8px;
  position: absolute;
  width: 475px;
  height: 32px;
  left: 16px;
  top: 12px;
}
.unmapped-header .header-title,
.mapped-header .header-title,
.unmapped-header-right .header-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 8px;
  width: 186px;
  height: 20px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-feature-settings: 'liga' off;
  color: #757F94;
}
.unmapped-header .input-box,
.mapped-header .input-box,
.unmapped-header-right .input-box {
  width: 456px;
  height: 32px;
}
.unmapped-header .input-box .icon,
.mapped-header .input-box .icon,
.unmapped-header-right .input-box .icon {
  padding: 7px;
}
.unmapped-header .input-box input,
.mapped-header .input-box input,
.unmapped-header-right .input-box input {
  padding: 10px 36px;
  height: 32px;
}
.unmapped-header .apply-filter-button,
.mapped-header .apply-filter-button,
.unmapped-header-right .apply-filter-button {
  width: 122px;
  height: 32px;
}
.unmapped-header .map-points-button,
.mapped-header .map-points-button,
.unmapped-header-right .map-points-button {
  padding: 5px 30px 5px 26px;
  gap: 8px;
  width: 176px;
  height: 32px;
}
.unmapped-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 16px;
  position: absolute;
  width: calc(50% - 48px);
  height: 32px;
  left: 24px;
  top: 125px;
}
.unmapped-header-right {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 16px;
  position: absolute;
  width: calc(50% - 48px);
  height: 32px;
  right: 24px;
  top: 60%;
}
.mapped-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 16px;
  position: absolute;
  width: calc(50% - 48px);
  height: 32px;
  right: 24px;
  top: 125px;
}
.point-box-container {
  position: absolute;
  width: 100%;
  height: calc(100% - 173px - 16px);
  left: 0px;
  top: 173px;
}
.point-box-container .unmapped-container .container-header,
.point-box-container .mapped-container .container-header,
.point-box-container .unmapped-container-right .container-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 4px 8px;
  gap: 16px;
  position: absolute;
  width: calc(100% - 24px);
  height: 30px;
  left: 12px;
  top: 12px;
  background: #F3F5F8;
  border-radius: 8px;
}
.point-box-container .unmapped-container .container-header .header-content,
.point-box-container .mapped-container .container-header .header-content,
.point-box-container .unmapped-container-right .container-header .header-content {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;
  width: calc(100% - 16px);
  height: 22px;
}
.point-box-container .unmapped-container .container-header .header-content .descriptor,
.point-box-container .mapped-container .container-header .header-content .descriptor,
.point-box-container .unmapped-container-right .container-header .header-content .descriptor {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 4px;
  width: 35%;
  height: 22px;
}
.point-box-container .unmapped-container .container-header .header-content .tag,
.point-box-container .mapped-container .container-header .header-content .tag,
.point-box-container .unmapped-container-right .container-header .header-content .tag {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 4px;
  width: 68%;
  height: 22px;
}
.point-box-container .unmapped-container .container-header .header-content .button-section,
.point-box-container .mapped-container .container-header .header-content .button-section,
.point-box-container .unmapped-container-right .container-header .header-content .button-section {
  width: 2%;
}
.point-box-container .unmapped-container .container-header .header-content .header-text,
.point-box-container .mapped-container .container-header .header-content .header-text,
.point-box-container .unmapped-container-right .container-header .header-content .header-text {
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-feature-settings: 'liga' off;
  color: #757F94;
}
.point-box-container .unmapped-container .points-container,
.point-box-container .mapped-container .points-container,
.point-box-container .unmapped-container-right .points-container {
  position: absolute;
  width: 100%;
  height: calc(100% - 42px);
  left: 0px;
  top: 42px;
  overflow-y: scroll;
}
.point-box-container .unmapped-container .points-container::-webkit-scrollbar,
.point-box-container .mapped-container .points-container::-webkit-scrollbar,
.point-box-container .unmapped-container-right .points-container::-webkit-scrollbar {
  width: 6px;
}
.point-box-container .unmapped-container .points-container::-webkit-scrollbar-track,
.point-box-container .mapped-container .points-container::-webkit-scrollbar-track,
.point-box-container .unmapped-container-right .points-container::-webkit-scrollbar-track {
  background-color: #E9ECF2;
  border-radius: 8px;
}
.point-box-container .unmapped-container .points-container::-webkit-scrollbar-thumb,
.point-box-container .mapped-container .points-container::-webkit-scrollbar-thumb,
.point-box-container .unmapped-container-right .points-container::-webkit-scrollbar-thumb {
  background: #171A1D;
  border-radius: 8px;
}
.point-box-container .unmapped-container .points-container::-webkit-scrollbar-thumb:hover,
.point-box-container .mapped-container .points-container::-webkit-scrollbar-thumb:hover,
.point-box-container .unmapped-container-right .points-container::-webkit-scrollbar-thumb:hover {
  width: 10px;
}
.point-box-container .unmapped-container .points-container .points,
.point-box-container .mapped-container .points-container .points,
.point-box-container .unmapped-container-right .points-container .points {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}
.point-box-container .unmapped-container .points-container .points .point-container,
.point-box-container .mapped-container .points-container .points .point-container,
.point-box-container .unmapped-container-right .points-container .points .point-container {
  box-sizing: border-box;
  width: 100%;
  background: #FFFFFF;
  border-bottom: 1px solid #E9ECF2;
}
.point-box-container .unmapped-container .points-container .points .point-container .point,
.point-box-container .mapped-container .points-container .points .point-container .point,
.point-box-container .unmapped-container-right .points-container .points .point-container .point {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 11px 20px;
  width: calc(100% - 24px);
  height: 50px;
}
.point-box-container .unmapped-container .points-container .points .point-container .point .descriptor,
.point-box-container .mapped-container .points-container .points .point-container .point .descriptor,
.point-box-container .unmapped-container-right .points-container .points .point-container .point .descriptor {
  width: 35%;
}
.point-box-container .unmapped-container .points-container .points .point-container .point .tag,
.point-box-container .mapped-container .points-container .points .point-container .point .tag,
.point-box-container .unmapped-container-right .points-container .points .point-container .point .tag {
  width: 68%;
  cursor: pointer;
}
.point-box-container .unmapped-container .points-container .points .point-container .point .button-section,
.point-box-container .mapped-container .points-container .points .point-container .point .button-section,
.point-box-container .unmapped-container-right .points-container .points .point-container .point .button-section {
  width: 2%;
}
.point-box-container .unmapped-container .points-container .points .point-container .point .button-section .icon,
.point-box-container .mapped-container .points-container .points .point-container .point .button-section .icon,
.point-box-container .unmapped-container-right .points-container .points .point-container .point .button-section .icon {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 6px;
  width: 32px;
  height: 32px;
  background: #F3F5F8;
  border-radius: 6px;
}
.point-box-container .unmapped-container .points-container .points .point-container .point .point-content,
.point-box-container .mapped-container .points-container .points .point-container .point .point-content,
.point-box-container .unmapped-container-right .points-container .points .point-container .point .point-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 8px;
  height: 22px;
  position: relative;
}
.point-box-container .unmapped-container .points-container .points .point-container .point .point-content .edit-cell,
.point-box-container .mapped-container .points-container .points .point-container .point .point-content .edit-cell,
.point-box-container .unmapped-container-right .points-container .points .point-container .point .point-content .edit-cell {
  width: 90%;
  cursor: pointer;
  text-align: left;
}
.point-box-container .unmapped-container .points-container .points .point-container .point .point-content .edit-cell.buffer,
.point-box-container .mapped-container .points-container .points .point-container .point .point-content .edit-cell.buffer,
.point-box-container .unmapped-container-right .points-container .points .point-container .point .point-content .edit-cell.buffer {
  height: 22px;
}
.point-box-container .unmapped-container .points-container .points .point-container .point .point-content .save-input-button,
.point-box-container .mapped-container .points-container .points .point-container .point .point-content .save-input-button,
.point-box-container .unmapped-container-right .points-container .points .point-container .point .point-content .save-input-button {
  bottom: 0px;
}
.point-box-container .unmapped-container .points-container .points .point-container .point .point-content span,
.point-box-container .mapped-container .points-container .points .point-container .point .point-content span,
.point-box-container .unmapped-container-right .points-container .points .point-container .point .point-content span {
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 160%;
  font-feature-settings: 'liga' off;
  color: #4A5263;
}
.point-box-container .unmapped-container {
  position: absolute;
  width: calc(50% - 48px);
  height: 100%;
  left: 24px;
  top: 0px;
  background: #FFFFFF;
  border: 1px solid #E9ECF2;
  border-radius: 12px;
}
.point-box-container .mapped-container {
  position: absolute;
  width: calc(50% - 48px);
  height: 100%;
  right: 24px;
  top: 0px;
  background: #FFFFFF;
  border: 1px solid #E9ECF2;
  border-radius: 12px;
}
.point-box-container .mapped-container.smaller {
  height: 60%;
}
.point-box-container .unmapped-container-right {
  position: absolute;
  width: calc(50% - 48px);
  height: calc(40% - 28px);
  right: 24px;
  top: calc(60% + 28px);
  background: #FFFFFF;
  border: 1px solid #E9ECF2;
  border-radius: 12px;
}
.point-box-container .divider {
  position: absolute;
  width: 1px;
  height: 100%;
  left: 50%;
  top: 0px;
  border: 1px solid #E9ECF2;
}
.tag-container {
  box-sizing: border-box;
  width: 100%;
  height: 72px;
  background: #FFFFFF;
  border-bottom: 1px solid #E9ECF2;
  position: relative;
}
.tag-container.expanded .tag-icons .dropdown-icon svg {
  transform: rotate(180deg);
}
.tag-container .tag-icons {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 8px;
  position: absolute;
  width: 60px;
  height: 28px;
  left: 24px;
  top: 23px;
}
.tag-container .tag-icons .dropdown-icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px;
  width: 28px;
  height: 28px;
  background: #F3F5F8;
  border-radius: 6px;
  cursor: pointer;
}
.tag-container .tag-icons .dropdown-icon svg {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tag-container .tag-icons .checkbox-icon {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.tag-container .tag-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 16px;
  position: absolute;
  height: 32px;
  left: 98px;
  top: calc(50% - 32px/2);
}
.tag-container .tag-content .tag-text {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 16px;
  height: 32px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #171A1D;
}
.tag-container .assign-tag-button {
  padding: 5px 30px 5px 26px;
  gap: 8px;
  width: 165px;
  height: 32px;
  position: absolute;
  right: 64px;
  bottom: 20px;
}
.tag-container .tag-submenu {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 6px;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 20px;
  right: 16px;
  cursor: pointer;
  background: #F3F5F8;
  border-radius: 6px;
}
#tag-submenu #svg-icon-page {
  fill: #21262A;
}
.tag-sub-list {
  flex-direction: column;
  align-items: center;
  padding: 0px;
  gap: 20px;
  background: #F9FAFB;
  display: none;
  height: 0px;
  width: 100%;
}
.tag-sub-list.expanded {
  display: flex;
  height: auto;
}
.tag-sub-list .shadow-top {
  width: 100%;
  height: 4px;
  background: #171A1D;
  opacity: 0.13;
  filter: blur(5.5px);
}
.tag-sub-list .inner-tag-list-container {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px 1px 1px;
  gap: 10px;
  width: calc(100% - 50px);
  background: #FFFFFF;
  border: 1px solid #E9ECF2;
  border-radius: 12px;
}
.tag-sub-list .inner-tag-list-container .inner-tag-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  width: 100%;
}
.tag-sub-list .inner-tag-list-container .inner-tag-list .table-body-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 4px 8px;
  gap: 16px;
  width: calc(100% - 48px);
  height: 30px;
  background: #F3F5F8;
  border-radius: 8px;
}
.tag-sub-list .inner-tag-list-container .inner-tag-list .table-body-header .header-items {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;
  width: 100%;
  height: 22px;
}
.tag-sub-list .inner-tag-list-container .inner-tag-list .table-body-header .header-items .header-item {
  width: 48%;
}
.tag-sub-list .inner-tag-list-container .inner-tag-list .table-body-header .header-items .header-item.tools-area {
  width: 4%;
}
.tag-sub-list .inner-tag-list-container .inner-tag-list .table-body-header .header-items .header-item .header-text {
  height: 19px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-feature-settings: 'liga' off;
  color: #757F94;
}
.tag-sub-list .inner-tag-list-container .inner-tag-list tbody {
  height: auto;
  padding: 4px 8px;
  gap: 16px;
  width: calc(100% - 48px);
}
.tag-sub-list .inner-tag-list-container .inner-tag-list .table-body-row {
  display: inline-table;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 72px;
  background: #FFFFFF;
  border-bottom: 1px solid #E9ECF2;
}
.tag-sub-list .inner-tag-list-container .inner-tag-list .table-body-row td {
  padding-left: 8px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 160%;
  font-feature-settings: 'liga' off;
  color: #4A5263;
  width: 48%;
}
.tag-sub-list .inner-tag-list-container .inner-tag-list .table-body-row td.tools-area {
  width: 4%;
  cursor: pointer;
}
.tag-sub-list .shadow-bottom {
  width: 100%;
  height: 4px;
  background: #171A1D;
  opacity: 0.13;
  filter: blur(5.5px);
}
/*
	Raw Points Download Modal
*/
#download-datalogger-modal-container .input-checkbox-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 20px;
  width: 100%;
  height: 60px;
}
#download-datalogger-modal-container .input-checkbox-container .input-checkbox {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px 0px;
  gap: 16px;
  width: 100%;
  height: 60px;
  background: #FFFFFF;
  border-bottom: 1px solid #E9ECF2;
  cursor: pointer;
}
#download-datalogger-modal-container .input-checkbox-container .input-checkbox .input-text {
  flex-direction: row;
  padding: 0px;
  gap: 8px;
  width: 90%;
  height: 22px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  display: flex;
  align-items: center;
  color: #171A1D;
}
#download-datalogger-modal-container .input-checkbox-container .input-checkbox .switch-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 8px;
  width: 54px;
  height: 28px;
  /* Hide default HTML checkbox */
  /* Rounded sliders */
}
#download-datalogger-modal-container .input-checkbox-container .input-checkbox .switch-container .switch {
  position: relative;
  display: inline-block;
  width: 54px;
  height: 28px;
  top: 0;
}
#download-datalogger-modal-container .input-checkbox-container .input-checkbox .switch-container .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
#download-datalogger-modal-container .input-checkbox-container .input-checkbox .switch-container .slider-new {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #F3F5F8;
  box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.06);
  -webkit-transition: .4s;
  transition: .4s;
}
#download-datalogger-modal-container .input-checkbox-container .input-checkbox .switch-container .slider-new:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
#download-datalogger-modal-container .input-checkbox-container .input-checkbox .switch-container input:checked + .slider-new:before {
  background-color: #5DEBC9;
}
#download-datalogger-modal-container .input-checkbox-container .input-checkbox .switch-container input:focus + .slider-new {
  box-shadow: 0 0 1px #2196F3;
}
#download-datalogger-modal-container .input-checkbox-container .input-checkbox .switch-container input:checked + .slider-new:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
#download-datalogger-modal-container .input-checkbox-container .input-checkbox .switch-container .slider-new.round {
  border-radius: 70px;
}
#download-datalogger-modal-container .input-checkbox-container .input-checkbox .switch-container .slider-new.round:before {
  border-radius: 50%;
}
.old-screen {
  height: calc(100vh - 100px);
  overflow: auto;
}
#device-mapping-table .select-filtered,
#point-mapping-table .select-filtered {
  padding: 9px 30px 9px 26px;
  gap: 8px;
  position: absolute;
  width: 164px;
  height: 40px;
  right: 120px;
  top: 16px;
}
#device-mapping-table .download-button,
#point-mapping-table .download-button {
  right: 24px;
  width: 40px;
  padding: 4px;
  position: absolute;
  height: 40px;
  top: 16px;
}
#device-mapping-table .object-name-column,
#point-mapping-table .object-name-column {
  width: 48%;
}
#device-mapping-table .point-name-column,
#point-mapping-table .point-name-column {
  width: 48%;
  cursor: pointer;
}
#device-mapping-table .asset-name-column,
#point-mapping-table .asset-name-column {
  cursor: pointer;
}
#device-mapping-table .auto-map-button,
#point-mapping-table .auto-map-button {
  right: 24px;
  padding: 9px 30px 9px 26px;
  gap: 8px;
  position: absolute;
  width: 170px;
  height: 40px;
  top: 16px;
}
#device-mapping-table .upload-file-button,
#point-mapping-table .upload-file-button {
  right: 72px;
  width: 40px;
  padding: 4px;
}
.phantom-span {
  display: inline-block;
  width: 95%;
  height: 100%;
  padding: 21px 5px;
}
#point-mapping-table .tools-area {
  width: 4%;
}
/* The legacy asset-dashboard page styles went with its one-line components
   (the page is now assetHeatmap.less + oneLine.less + oneLineBuilder.less).
   This rule stays: the task pages' "custom date" buttons share the id. */
#date-picker {
  padding: 5px 30px;
  gap: 8px;
  width: 226px;
  height: 32px;
}
/* ============================================================
   Asset Dashboards — redesigned configurable heat map
   Ported from the Claude Design "asset-dashboards" prototype
   (project 019e1e10-1021-73ce-9dac-cede6d05a543, heatmap.jsx).
   Scoped under .hm-redesign (screen + viewer) and
   .hm-config-takeover (config overlay) — same isolation pattern
   as functionalTesting.less. Reuses the :root tokens declared there.
   ============================================================ */
.hm-redesign {
  font-family: var(--font-sans);
  color: var(--fg-1);
  font-size: 14px;
  background: #F4F6F8;
  /* Fill the whole content area (the sub-navigation strip is hidden for
     this route) and scroll internally (main-content itself never scrolls —
     ft-redesign precedent); position:relative anchors the config takeover.
     Negative side margins cancel main-content's 20px gutters so the top
     bar sits flush against the main nav (cv2-page-header precedent). */
  height: 100vh;
  margin: 0 -20px -75px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  -webkit-font-smoothing: antialiased;
  /* ---- page header — uniform with charting's cv2-page-header: a white
     bar with title + crumb at left, the global date control at right ---- */
  /* ---- view segment (design bcx-seg) ---- */
  /* ---- context bar (design bcx-context — Configure lives at its right end) ---- */
  /* ---- group-dropdown curation (design GroupManager) ---- */
  /* ---- new plant drawing: pick the anchor asset ---- */
  /* ---- stage (the page's one scroll area) ---- */
}
.hm-redesign *,
.hm-redesign *::before,
.hm-redesign *::after {
  box-sizing: border-box;
}
.hm-redesign button {
  font-family: inherit;
}
.hm-redesign svg.lucide {
  display: inline-block;
  vertical-align: middle;
  flex: 0 0 auto;
}
.hm-redesign .sp {
  flex: 1;
}
.hm-redesign .hm-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  background: #fff;
  border-bottom: 1px solid var(--border-1);
  padding: 18px 24px 14px;
  min-height: 72px;
}
.hm-redesign .hm-top h1 {
  font: 700 22px var(--font-display);
  letter-spacing: -0.018em;
  color: #14181C;
  margin: 0;
  line-height: 1.1;
}
.hm-redesign .hm-top .hm-crumb {
  font: 500 12px var(--font-sans);
  color: var(--fg-3);
  margin-top: 5px;
}
.hm-redesign .hm-top .hm-crumb .sep {
  margin: 0 6px;
  color: var(--fg-3);
}
.hm-redesign .hm-top .hm-crumb b {
  color: var(--fg-2);
  font-weight: 600;
}
.hm-redesign .hm-seg {
  display: inline-flex;
  padding: 3px;
  gap: 3px;
  background: var(--ink-50);
  border-radius: 9px;
  border: 1px solid var(--border-1);
}
.hm-redesign .hm-seg button {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  cursor: pointer;
  border: none;
  background: transparent;
  color: var(--fg-2);
  font: 600 13px var(--font-sans);
  padding: 7px 14px;
  border-radius: 7px;
  transition: all var(--dur-fast) var(--ease-out);
}
.hm-redesign .hm-seg button[disabled] {
  opacity: 0.34;
  cursor: not-allowed;
}
.hm-redesign .hm-seg button.on {
  background: #fff;
  color: var(--ink-800);
  box-shadow: 0 1px 3px rgba(20, 24, 28, 0.12);
}
.hm-redesign .hm-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  height: 38px;
  padding: 0 15px;
  border-radius: 9px;
  font: 600 13.5px var(--font-sans);
  border: 1px solid transparent;
  white-space: nowrap;
  flex: none;
  transition: all var(--dur-fast) var(--ease-out);
}
.hm-redesign .hm-btn.ink {
  background: var(--ink-800);
  color: #fff;
}
.hm-redesign .hm-btn.ink:hover {
  background: var(--ink-700);
}
.hm-redesign .hm-btn.sm {
  height: 32px;
  padding: 0 12px;
  font-size: 12.5px;
}
.hm-redesign .hm-context {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  margin: 18px 30px 0;
  padding: 14px 16px;
  background: #fff;
  border: 1px solid var(--border-1);
  border-radius: var(--radius-xl);
}
.hm-redesign .hm-ctx-block {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.hm-redesign .hm-ctx-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.hm-redesign .hm-ctx-label {
  font: 600 11px var(--font-sans);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--fg-3);
}
.hm-redesign .hm-ctx-div {
  width: 1px;
  align-self: stretch;
  background: var(--border-1);
  margin: 2px 2px;
}
.hm-redesign .hm-groupmgr {
  position: relative;
}
.hm-redesign .hm-mgr-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  height: 32px;
  padding: 0 11px;
  border-radius: 9px;
  border: 1px solid transparent;
  background: transparent;
  font: 600 12.5px var(--font-sans);
  color: var(--fg-2);
}
.hm-redesign .hm-mgr-btn:hover {
  background: var(--ink-50);
}
.hm-redesign .hm-mgr-pop {
  position: absolute;
  top: calc(100% + 5px);
  right: 0;
  z-index: 40;
  width: 264px;
  background: #fff;
  border: 1px solid var(--border-1);
  border-radius: 9px;
  box-shadow: var(--shadow-3);
  padding: 6px;
}
.hm-redesign .hm-mgr-pop .t {
  font: 700 11px var(--font-sans);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--fg-3);
  padding: 6px 8px 2px;
}
.hm-redesign .hm-mgr-pop .s {
  font: 500 11.5px var(--font-sans);
  color: var(--fg-3);
  padding: 0 8px 8px;
  line-height: 1.4;
}
.hm-redesign .hm-mgr-list {
  max-height: 260px;
  overflow-y: auto;
}
.hm-redesign .hm-mgr-pop.hm-newdraw {
  left: 0;
  right: auto;
  width: 300px;
}
.hm-redesign .hm-newdraw-sel {
  margin: 0 8px;
}
.hm-redesign .hm-newdraw-foot {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
  padding: 10px 8px 4px;
}
.hm-redesign .hm-mgr-row {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  padding: 8px 10px;
  border-radius: 6px;
  font: 500 13.5px var(--font-sans);
}
.hm-redesign .hm-mgr-row:hover {
  background: var(--ink-50);
}
.hm-redesign .hm-mgr-row.locked {
  opacity: 0.5;
  cursor: not-allowed;
}
.hm-redesign .hm-mgr-row .chk {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  flex: 0 0 auto;
  border: 1.5px solid var(--border-2);
  display: grid;
  place-items: center;
  color: #fff;
}
.hm-redesign .hm-mgr-row .chk.on {
  background: var(--mint-600);
  border-color: var(--mint-600);
}
.hm-redesign .hm-mgr-row .lbl {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hm-redesign .hm-ctx-select {
  width: 240px;
}
.hm-redesign .hm-ctx-select .selectize-control {
  margin: 0;
}
.hm-redesign .hm-ctx-select .selectize-input {
  border: 1px solid var(--border-1);
  border-radius: 9px;
  padding: 8px 11px;
  box-shadow: none;
}
.hm-redesign .hm-ctx-select select {
  width: 100%;
}
.hm-redesign .hm-days-seg {
  display: inline-flex;
  align-self: flex-start;
  border: 1px solid var(--border-1);
  border-radius: 9px;
  overflow: hidden;
  background: #fff;
}
.hm-redesign .hm-day-btn {
  border: none;
  background: transparent;
  cursor: pointer;
  min-width: 38px;
  padding: 8px 10px;
  text-align: center;
  font: 600 13px var(--font-sans);
  color: var(--fg-3);
  border-right: 1px solid var(--border-1);
}
.hm-redesign .hm-day-btn:last-child {
  border-right: none;
}
.hm-redesign .hm-day-btn:hover {
  background: var(--ink-50);
}
.hm-redesign .hm-day-btn.on {
  background: var(--ink-700);
  color: #fff;
}
.hm-redesign .hm-date-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  height: 38px;
  padding: 0 13px;
  border: 1px solid var(--border-1);
  background: #fff;
  border-radius: 9px;
  font: 600 13.5px var(--font-sans);
  color: var(--fg-2);
}
.hm-redesign .hm-date-btn:hover {
  border-color: var(--border-2);
}
.hm-redesign .hm-stage {
  flex: 1;
  overflow-y: auto;
  padding: 18px 30px 30px;
}
.hm-redesign .hm-stage-inner {
  position: relative;
}
.hm-redesign .hm-stage-inner.is-loading .asset-heat-map {
  opacity: 0.45;
  pointer-events: none;
}
.hm-redesign .hm-loading-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: 90px;
  pointer-events: none;
}
.hm-redesign .hm-loading-overlay .box {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  background: #fff;
  border: 1px solid var(--border-1);
  border-radius: 10px;
  box-shadow: var(--shadow-3);
  padding: 11px 17px;
  font: 600 13.5px var(--font-sans);
  color: var(--fg-2);
}
.hm-redesign .hm-loading-overlay .box svg {
  animation: ft-spin 0.9s linear infinite;
  color: var(--mint-600);
}
/* ---- viewer component ---- */
.asset-heat-map {
  display: block;
  background: #fff;
  border: 1px solid var(--border-1);
  border-radius: var(--radius-xl);
  padding: 18px 20px 22px;
}
.asset-heat-map .hm-legends {
  display: flex;
  flex-wrap: wrap;
  gap: 18px 28px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--border-1);
  margin-bottom: 12px;
}
.asset-heat-map .hm-legends .hm-leg .lt {
  font: 600 11px var(--font-sans);
  color: var(--fg-2);
  margin-bottom: 5px;
}
.asset-heat-map .hm-legends .hm-leg .bar {
  width: 150px;
  height: 11px;
  border-radius: 3px;
  border: 1px solid rgba(20, 24, 28, 0.08);
}
.asset-heat-map .hm-legends .hm-leg .sc {
  display: flex;
  justify-content: space-between;
  margin-top: 3px;
  font: 500 10px var(--font-mono);
  color: var(--fg-3);
}
.asset-heat-map .hm-chips {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
}
.asset-heat-map .hm-chips .hm-chips-lbl {
  font: 700 11px var(--font-sans);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--fg-3);
  margin-right: 4px;
}
.asset-heat-map .hm-chips .hm-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  cursor: pointer;
  padding: 5px 11px;
  border-radius: 999px;
  border: 1px solid var(--border-1);
  font: 600 12.5px var(--font-sans);
  color: var(--fg-2);
  background: #fff;
  transition: all var(--dur-fast) var(--ease-out);
}
.asset-heat-map .hm-chips .hm-chip .sw {
  width: 10px;
  height: 10px;
  border-radius: 3px;
}
.asset-heat-map .hm-chips .hm-chip.on {
  border-color: var(--mint-500);
  background: var(--mint-50);
}
.asset-heat-map .hm-chips .hm-chip.off {
  opacity: 0.55;
}
.asset-heat-map .hm-chips .hm-chip:hover {
  border-color: var(--border-2);
}
.asset-heat-map .hm-canvas-wrap {
  position: relative;
  /* full-column readout (design bcx-hm-tip): all visible rows at the
       hovered timestamp, hovered row highlighted, setpoints in the footer */
}
.asset-heat-map .hm-canvas-wrap .hm-canvas {
  display: block;
  width: 100%;
}
.asset-heat-map .hm-canvas-wrap .hm-hovercell {
  display: none;
  position: absolute;
  z-index: 5;
  pointer-events: none;
  border: 1.5px solid rgba(0, 0, 0, 0.55);
  border-radius: 2px;
}
.asset-heat-map .hm-canvas-wrap .hm-tip {
  display: none;
  position: absolute;
  z-index: 30;
  pointer-events: none;
  background: var(--ink-800);
  color: #fff;
  border-radius: 10px;
  padding: 10px 12px;
  box-shadow: var(--shadow-3);
  white-space: nowrap;
  min-width: 190px;
  font: 500 12px var(--font-sans);
  transform: translate(-50%, -100%);
}
.asset-heat-map .hm-canvas-wrap .hm-tip.below {
  transform: translate(-50%, 0);
}
.asset-heat-map .hm-canvas-wrap .hm-tip .th {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
.asset-heat-map .hm-canvas-wrap .hm-tip .th .ta {
  font: 700 13px var(--font-mono);
}
.asset-heat-map .hm-canvas-wrap .hm-tip .th .tt {
  font: 500 11px var(--font-mono);
  opacity: 0.65;
}
.asset-heat-map .hm-canvas-wrap .hm-tip .trows {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.asset-heat-map .hm-canvas-wrap .hm-tip .trg.hov {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 5px;
  margin: -2px -5px;
  padding: 2px 5px;
}
.asset-heat-map .hm-canvas-wrap .hm-tip .tr {
  display: grid;
  grid-template-columns: 12px 1fr auto;
  align-items: center;
  gap: 8px;
  /* setpoint reference line — identical type scale to the metric
           rows (readability first); only the tint marks it as a reference */
}
.asset-heat-map .hm-canvas-wrap .hm-tip .tr .sw {
  width: 12px;
  height: 12px;
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
}
.asset-heat-map .hm-canvas-wrap .hm-tip .tr .tl {
  font-size: 12px;
  opacity: 0.85;
}
.asset-heat-map .hm-canvas-wrap .hm-tip .tr .tvv {
  font: 700 12.5px var(--font-mono);
}
.asset-heat-map .hm-canvas-wrap .hm-tip .tr.sp {
  margin-top: 3px;
}
.asset-heat-map .hm-canvas-wrap .hm-tip .tr.sp .sw {
  background: transparent;
  box-shadow: inset 0 0 0 1px rgba(125, 236, 200, 0.45);
}
.asset-heat-map .hm-canvas-wrap .hm-tip .tr.sp .tl {
  color: var(--mint-300);
}
.asset-heat-map .hm-canvas-wrap .hm-tip .tr.sp .tvv {
  color: var(--mint-300);
}
.hm-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 56px 20px;
  color: var(--ink-300);
  background: #fff;
  border: 1px dashed var(--border-2);
  border-radius: var(--radius-xl);
}
.hm-empty .he-title {
  font: 700 16px var(--font-display);
  color: var(--fg-1);
  margin: 12px 0 4px;
}
.hm-empty .he-sub {
  font: 500 13px var(--font-sans);
  color: var(--fg-3);
  max-width: 380px;
}
/* ---- config takeover — full screen over the heatmaps page (design
   bcx-takeover), not a modal. Anchored by .hm-redesign's position:relative. */
.hm-config-takeover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 40;
  display: flex;
  background: #F4F6F8;
  animation: ft-fade var(--dur-base) var(--ease-out);
  /* --- row cards --- */
  /* --- available points sidebar --- */
}
.hm-config-takeover .hmc-panel {
  flex: 1;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.hm-config-takeover .sp {
  flex: 1;
}
.hm-config-takeover .hmc-head {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 22px;
  background: #fff;
  border-bottom: 1px solid var(--border-1);
}
.hm-config-takeover .hmc-head h2 {
  font: 700 18px var(--font-display);
  color: var(--fg-1);
  margin: 0;
}
.hm-config-takeover .hmc-head .k {
  font: 500 12.5px var(--font-sans);
  color: var(--fg-3);
  margin-top: 2px;
}
.hm-config-takeover .hmc-back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  border: 1px solid var(--border-1);
  background: #fff;
  border-radius: 9px;
  padding: 7px 12px;
  font: 600 13px var(--font-sans);
  color: var(--fg-2);
}
.hm-config-takeover .hmc-back:hover {
  background: var(--ink-50);
}
.hm-config-takeover .hmc-pill {
  display: inline-flex;
  align-items: center;
  padding: 5px 12px;
  border-radius: 999px;
  background: var(--mint-50);
  border: 1px solid var(--mint-300);
  color: var(--mint-800);
  font: 700 12px var(--font-sans);
}
.hm-config-takeover .hmc-body {
  flex: 1;
  display: grid;
  grid-template-columns: 1fr 392px;
  overflow: hidden;
}
.hm-config-takeover .hmc-main {
  overflow-y: auto;
  padding: 22px 26px;
}
.hm-config-takeover .hmc-defaults {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  background: linear-gradient(100deg, var(--mint-50), #ffffff 70%);
  border: 1px solid var(--mint-200);
  border-radius: var(--radius-lg);
  margin-bottom: 18px;
}
.hm-config-takeover .hmc-defaults .ic {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  background: #fff;
  border: 1px solid var(--mint-300);
  color: var(--mint-700);
  flex: 0 0 auto;
}
.hm-config-takeover .hmc-defaults .dt {
  font: 700 14px var(--font-sans);
  color: var(--fg-1);
}
.hm-config-takeover .hmc-defaults .ds {
  font: 500 12.5px var(--font-sans);
  color: var(--fg-3);
  max-width: 480px;
}
.hm-config-takeover .hmc-secttl {
  font: 700 11px var(--font-sans);
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--fg-3);
  margin: 0 0 10px 2px;
}
.hm-config-takeover .hmc-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  cursor: pointer;
  border-radius: 9px;
  padding: 9px 16px;
  font: 600 13px var(--font-sans);
  border: 1px solid transparent;
  transition: all var(--dur-fast) var(--ease-out);
}
.hm-config-takeover .hmc-btn.ink {
  background: var(--ink-700);
  color: #fff;
}
.hm-config-takeover .hmc-btn.ink:hover {
  background: var(--ink-600);
}
.hm-config-takeover .hmc-btn.mint {
  background: var(--mint-600);
  color: #fff;
}
.hm-config-takeover .hmc-btn.mint:hover {
  background: var(--mint-700);
}
.hm-config-takeover .hmc-btn.ghost {
  background: #fff;
  color: var(--fg-2);
  border-color: var(--border-1);
}
.hm-config-takeover .hmc-btn.ghost:hover {
  background: var(--ink-50);
}
.hm-config-takeover .hmc-row {
  background: #fff;
  border: 1px solid var(--border-1);
  border-radius: var(--radius-lg);
  padding: 12px 14px;
  margin-bottom: 10px;
  /* two fixed columns per the design (bcx-comparepick) — auto-fill packed
       these too tight */
}
.hm-config-takeover .hmc-row .rowhead {
  display: flex;
  align-items: center;
  gap: 12px;
}
.hm-config-takeover .hmc-row .ord {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.hm-config-takeover .hmc-row .ord button {
  border: none;
  background: transparent;
  cursor: pointer;
  color: var(--ink-300);
  padding: 1px;
  line-height: 0;
  border-radius: 4px;
}
.hm-config-takeover .hmc-row .ord button:hover {
  color: var(--fg-2);
  background: var(--ink-50);
}
.hm-config-takeover .hmc-row .ord button[disabled] {
  opacity: 0.3;
  cursor: default;
}
.hm-config-takeover .hmc-row .switch {
  width: 34px;
  height: 20px;
  border-radius: 999px;
  cursor: pointer;
  flex: 0 0 auto;
  background: var(--mint-600);
  position: relative;
  transition: background var(--dur-fast);
}
.hm-config-takeover .hmc-row .switch .kn {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 2px rgba(20, 24, 28, 0.25);
}
.hm-config-takeover .hmc-row .ttl .nm {
  font: 700 14px var(--font-sans);
  color: var(--fg-1);
}
.hm-config-takeover .hmc-row .ttl .pt {
  font: 500 12px var(--font-sans);
  color: var(--fg-3);
  margin-top: 1px;
}
.hm-config-takeover .hmc-row .rec {
  font: 800 9.5px var(--font-sans);
  letter-spacing: 0.08em;
  color: var(--mint-800);
  background: var(--mint-100);
  border-radius: 5px;
  padding: 3px 7px;
}
.hm-config-takeover .hmc-row .visseg {
  display: inline-flex;
  border: 1px solid var(--border-1);
  border-radius: 8px;
  overflow: hidden;
}
.hm-config-takeover .hmc-row .visseg button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border: none;
  cursor: pointer;
  background: #fff;
  padding: 5px 10px;
  font: 600 12px var(--font-sans);
  color: var(--fg-3);
}
.hm-config-takeover .hmc-row .visseg button.on {
  background: var(--ink-700);
  color: #fff;
}
.hm-config-takeover .hmc-row .gradrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 11px 0 4px 46px;
  font: 500 11px var(--font-sans);
  color: var(--fg-3);
}
.hm-config-takeover .hmc-row .gradrow .gw {
  flex: 1;
  position: relative;
}
.hm-config-takeover .hmc-row .gradrow .grad {
  display: block;
  height: 12px;
  border-radius: 6px;
  border: 1px solid rgba(20, 24, 28, 0.08);
}
.hm-config-takeover .hmc-row .gradrow .midtick {
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  font: 600 10px var(--font-sans);
  color: var(--fg-3);
}
.hm-config-takeover .hmc-row .adv {
  margin: 8px 0 0 46px;
}
.hm-config-takeover .hmc-row .adv-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: none;
  cursor: pointer;
  background: transparent;
  padding: 4px 0;
  font: 600 12.5px var(--font-sans);
  color: var(--fg-3);
}
.hm-config-takeover .hmc-row .adv-toggle .chev {
  transition: transform var(--dur-fast);
}
.hm-config-takeover .hmc-row .adv-toggle.open .chev {
  transform: rotate(180deg);
}
.hm-config-takeover .hmc-row .adv-toggle:hover {
  color: var(--fg-1);
}
.hm-config-takeover .hmc-row .adv-body {
  padding: 10px 0 4px;
}
.hm-config-takeover .hmc-row .fieldlbl {
  font: 700 11px var(--font-sans);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--fg-3);
  margin: 12px 0 7px;
}
.hm-config-takeover .hmc-row .fieldlbl:first-child {
  margin-top: 0;
}
.hm-config-takeover .hmc-row .comparepick {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  margin-bottom: 4px;
}
.hm-config-takeover .hmc-row .comparecard {
  text-align: left;
  cursor: pointer;
  background: #fff;
  border: 1.5px solid var(--border-1);
  border-radius: 10px;
  padding: 11px 12px;
  transition: all var(--dur-fast) var(--ease-out);
}
.hm-config-takeover .hmc-row .comparecard .mt {
  display: flex;
  align-items: center;
  gap: 7px;
  font: 700 12.5px var(--font-sans);
  color: var(--fg-1);
}
.hm-config-takeover .hmc-row .comparecard .md {
  font: 500 11px var(--font-sans);
  color: var(--fg-2);
  line-height: 1.45;
  margin-top: 5px;
}
.hm-config-takeover .hmc-row .comparecard:hover {
  border-color: var(--border-2);
}
.hm-config-takeover .hmc-row .comparecard.on {
  border-color: var(--mint-400);
  background: var(--mint-50);
}
.hm-config-takeover .hmc-row .paramnote {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 10px;
  font: 500 12px var(--font-sans);
  color: var(--fg-3);
  background: var(--ink-50);
  border-radius: 8px;
  padding: 8px 11px;
}
.hm-config-takeover .hmc-row .rangeedit {
  display: flex;
  align-items: center;
  gap: 8px;
}
.hm-config-takeover .hmc-row .rangeedit .dash {
  color: var(--ink-300);
}
.hm-config-takeover .hmc-row .rangeedit .u {
  font: 500 12px var(--font-sans);
  color: var(--fg-3);
}
.hm-config-takeover .hmc-row .hmc-input {
  width: 76px;
  padding: 7px 9px;
  border: 1px solid var(--border-1);
  border-radius: 8px;
  font: 600 13px var(--font-sans);
  color: var(--fg-1);
  background: #fff;
  height: auto;
  margin: 0;
  box-shadow: none;
}
.hm-config-takeover .hmc-row .hmc-input:focus {
  border-color: var(--mint-500);
  outline: none;
  box-shadow: 0 0 0 2px var(--mint-100);
}
.hm-config-takeover .hmc-row .ptgrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 14px;
}
.hm-config-takeover .hmc-row .bandpick {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.hm-config-takeover .hmc-row .bandchip {
  position: relative;
  cursor: pointer;
  border: 1px solid var(--border-1);
  background: #fff;
  border-radius: 8px;
  padding: 4px;
}
.hm-config-takeover .hmc-row .bandchip .g {
  display: block;
  width: 74px;
  height: 16px;
  border-radius: 5px;
}
.hm-config-takeover .hmc-row .bandchip .bk {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--mint-600);
  color: #fff;
  display: grid;
  place-items: center;
}
.hm-config-takeover .hmc-row .bandchip.on {
  border-color: var(--mint-500);
  box-shadow: 0 0 0 1px var(--mint-500) inset;
}
.hm-config-takeover .hmc-side {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-left: 1px solid var(--border-1);
  overflow: hidden;
}
.hm-config-takeover .hmc-side-head {
  padding: 16px 18px 12px;
  border-bottom: 1px solid var(--border-1);
}
.hm-config-takeover .hmc-side-head .t {
  font: 700 14.5px var(--font-display);
  color: var(--fg-1);
}
.hm-config-takeover .hmc-side-head .s {
  font: 500 12px var(--font-sans);
  color: var(--fg-3);
  margin-top: 2px;
}
.hm-config-takeover .hmc-avail-list {
  flex: 1;
  overflow-y: auto;
  padding: 12px 16px;
}
.hm-config-takeover .hmc-avail {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  padding: 8px 9px;
  border-radius: 8px;
  border: 1px solid transparent;
}
.hm-config-takeover .hmc-avail .sw {
  width: 26px;
  height: 12px;
  border-radius: 4px;
  flex: 0 0 auto;
  border: 1px solid rgba(20, 24, 28, 0.08);
}
.hm-config-takeover .hmc-avail .tx {
  min-width: 0;
}
.hm-config-takeover .hmc-avail .al {
  font: 600 13px var(--font-sans);
  color: var(--fg-1);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hm-config-takeover .hmc-avail .au {
  font: 500 11.5px var(--font-sans);
  color: var(--fg-3);
}
.hm-config-takeover .hmc-avail .pa {
  margin-left: auto;
  color: var(--ink-300);
}
.hm-config-takeover .hmc-avail:hover {
  background: var(--ink-50);
}
.hm-config-takeover .hmc-avail.added .pa {
  color: var(--mint-600);
}
.hm-config-takeover .hmc-foot {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 22px;
  background: #fff;
  border-top: 1px solid var(--border-1);
}
.hm-config-takeover .hmc-foot .info {
  display: flex;
  align-items: center;
  gap: 7px;
  flex: 1;
  font: 500 12.5px var(--font-sans);
  color: var(--fg-3);
}
/* ---- one-line chart cleanup (applies to the legacy page too) ----
   The d3 charts set only a stroke on their line paths; with no fill rule
   an SVG path paints solid black — the "black mountains" under volatile
   series and the heavy y-axis bars were unstyled fills, not data. */
.one-line-chart svg {
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
}
.one-line-chart path.line {
  fill: none;
  stroke-width: 1.5px;
}
.one-line-chart .axis path,
.one-line-chart .axis line {
  fill: none;
  stroke: #C9CDD3;
  shape-rendering: crispEdges;
}
.one-line-chart .axis text {
  font: 500 10.5px var(--font-sans);
  fill: #6B727C;
}
.one-line-chart .grid line,
.one-line-chart .grid path {
  stroke: #EEF0F2;
  fill: none;
}
.one-line-chart .mouse-line {
  stroke: #9DA3AC;
  stroke-width: 1px;
  fill: none;
}
/* ============================================================
   Asset Dashboards — point-driven one-line viewer
   Ported from the Claude Design "asset-dashboards" prototype
   (project 019e1e10-1021-73ce-9dac-cede6d05a543: oneline-v2.css,
   styles.css .v2-stage / .bcx-panel / .bcx-pill / .bcx-scrub,
   trends-stacked.jsx). Scoped under .ol-stage; reuses the :root
   tokens declared in functionalTesting.less and declares the
   design's surface tokens locally (the app has no global ones).
   ============================================================ */
.ol-stage {
  --surface-0: #FFFFFF;
  --surface-1: #F7F8FA;
  --surface-2: #EEF0F3;
  --radius-md: 9px;
  --shadow-1: 0 1px 2px rgba(20, 24, 28, 0.06), 0 1px 1px rgba(20, 24, 28, 0.04);
  --shadow-2: 0 2px 6px rgba(20, 24, 28, 0.08), 0 1px 2px rgba(20, 24, 28, 0.04);
  --shadow-focus: 0 0 0 3px rgba(92, 232, 200, 0.35);
  display: grid;
  grid-template-columns: minmax(0, 1fr) 500px;
  gap: 14px;
  align-items: stretch;
  font-family: var(--font-sans);
  color: var(--fg-1);
  /* ---- diagram ---- */
  /* ---- plant drawings ---- */
  /* ---- trends ---- */
}
.ol-stage button {
  font-family: inherit;
}
.ol-stage svg.lucide {
  display: inline-block;
  vertical-align: middle;
  flex: 0 0 auto;
}
.ol-stage .ol-panel {
  min-width: 0;
  background: var(--surface-0);
  border: 1px solid var(--border-1);
  border-radius: var(--radius-xl);
  overflow: hidden;
}
.ol-stage .ol-diagram {
  grid-column: 1;
  grid-row: 1;
}
.ol-stage .ol-trends {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  min-height: 460px;
}
.ol-stage .ol-panel-head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 10px;
  padding: 14px 18px;
  border-bottom: 1px solid var(--border-1);
}
.ol-stage .ol-panel-head .ttl {
  font: 600 16px var(--font-display);
}
.ol-stage .ol-panel-head .sub {
  font-size: 12.5px;
  color: var(--fg-3);
  white-space: nowrap;
}
.ol-stage .ol-panel-head .sub.hint {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.ol-stage .ol-panel-head .sp {
  flex: 1;
}
.ol-stage .ol-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  padding: 4px 9px;
  border-radius: 999px;
  white-space: nowrap;
}
.ol-stage .ol-pill .dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
}
.ol-stage .ol-pill.live {
  background: var(--mint-50);
  color: var(--mint-700);
}
.ol-stage .ol-pill.live .dot {
  background: var(--mint-500);
}
.ol-stage .ol-pill.auto {
  background: #E6F1F8;
  color: var(--eei-blue);
}
.ol-stage .ol-pill.tmpl {
  background: var(--surface-2);
  color: var(--fg-2);
}
.ol-stage .ol-pill.ovr {
  background: var(--status-warn-bg);
  color: #B5670B;
}
.ol-stage .ol-pill.glb {
  background: #F1EDFD;
  color: #5B3FC4;
}
.ol-stage .ol-pill.warn {
  background: #FFFBF2;
  color: #B5670B;
  border: 1px solid #F3D9A4;
  padding: 3px 8px;
}
.ol-stage .ol-canvas {
  position: relative;
  background: radial-gradient(circle at 1px 1px, var(--border-1) 1px, transparent 0) 0 0 / 24px 24px;
}
.ol-stage .ol-scroll {
  overflow: auto;
  padding: 4px 0;
}
.ol-stage .ol-diagram-host {
  display: block;
}
.ol-stage .ol-diagram-empty {
  padding: 64px 20px;
  text-align: center;
  font-size: 13px;
  color: var(--fg-3);
}
.ol-stage .ol-svg {
  display: block;
}
.ol-stage .ol-svg text.m {
  font-family: var(--font-mono);
}
.ol-stage .ol-svg text.s {
  font-family: var(--font-sans);
}
.ol-stage .ol-svg .duct-lbl {
  font-size: 10px;
  font-weight: 700;
}
.ol-stage .ol-svg .name {
  font-size: 10.5px;
  font-weight: 600;
  fill: var(--fg-2);
}
.ol-stage .ol-svg .glbl {
  font-size: 9.5px;
  font-weight: 700;
  fill: var(--fg-3);
  letter-spacing: 0.04em;
}
.ol-stage .ol-svg .ol-node .frame {
  fill: transparent;
  stroke: transparent;
}
.ol-stage .ol-svg .ol-group .frame {
  fill: rgba(255, 255, 255, 0.7);
  stroke: var(--border-1);
  stroke-width: 1.5;
  stroke-dasharray: 4 3;
}
.ol-stage .ol-svg .ol-row text.ab {
  font-size: 10.5px;
  font-weight: 600;
}
.ol-stage .ol-svg .ol-row text.v {
  font-size: 12px;
  font-weight: 700;
}
.ol-stage .ol-svg .ol-row.charted {
  cursor: pointer;
}
.ol-stage .ol-svg .ol-row.charted:hover rect.bg {
  stroke: var(--border-2);
}
.ol-stage .ol-svg .ol-row.off text {
  opacity: 0.75;
}
.ol-stage .pl-svg .pl-name {
  font-size: 9px;
  font-weight: 600;
  fill: var(--fg-2);
}
.ol-stage .pl-svg .pl-lbl {
  font-size: 10px;
  font-weight: 700;
}
.ol-stage .pl-svg .pl-end {
  font-size: 9px;
  font-weight: 700;
  fill: var(--fg-3);
}
.ol-stage .pl-svg .pl-empty {
  font-size: 13px;
  fill: var(--fg-3);
}
.ol-stage .pl-svg .pl-seg .hl {
  stroke: transparent;
}
.ol-stage .pl-svg .pl-comp .frame {
  fill: transparent;
  stroke: transparent;
}
.ol-stage .ol-chipbtn {
  height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  cursor: pointer;
  border: 1px solid var(--border-1);
  background: var(--surface-0);
  font-size: 11.5px;
  font-weight: 600;
  color: var(--fg-2);
}
.ol-stage .ol-chipbtn:hover {
  background: var(--surface-1);
  border-color: var(--border-2);
}
.ol-stage .ol-trends-sub {
  font-size: 11.5px;
  color: var(--fg-3);
  padding: 8px 16px 6px;
}
.ol-stage .ol-trends-body {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 4px 12px 12px;
}
.ol-stage .ol-trends-host {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.ol-stage .ol-trend-top {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 10px;
  min-height: 30px;
  margin-bottom: 8px;
}
.ol-stage .ol-scrub {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  padding: 5px 10px;
  border-radius: 9px;
  border: 1px solid var(--ink-800);
  background: var(--surface-0);
}
.ol-stage .ol-scrub .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--ink-800);
}
.ol-stage .ol-scrub .lbl {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--fg-3);
}
.ol-stage .ol-scrub .time {
  font: 700 13px var(--font-mono);
  color: var(--fg-1);
}
.ol-stage .ol-hintxt {
  font-size: 11px;
  color: var(--fg-3);
}
.ol-stage .ol-clearpin {
  border-color: var(--mint-500);
  color: var(--mint-700);
  background: var(--mint-50);
}
.ol-stage .ol-clearpin:hover {
  background: var(--mint-100);
  border-color: var(--mint-500);
}
.ol-stage .ol-hotchip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  padding: 4px 10px;
  border: 1px solid var(--ink-800);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  color: var(--fg-1);
}
.ol-stage .ol-hotchip .sw {
  width: 9px;
  height: 9px;
  border-radius: 2px;
  flex: none;
}
.ol-stage .ol-hotchip .cv {
  margin-left: 3px;
  padding-left: 7px;
  border-left: 1px solid var(--border-1);
  font: 700 12px var(--font-mono);
}
.ol-stage .ol-stack-box {
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
.ol-stage .ol-stack-svg {
  display: block;
  cursor: crosshair;
}
.ol-stage .ol-stack-svg text.m {
  font-family: var(--font-mono);
}
.ol-stage .ol-stack-svg text.s {
  font-family: var(--font-sans);
}
.ol-stage .ol-stack-svg .card {
  fill: #fff;
  stroke: var(--border-1);
}
.ol-stage .ol-stack-svg .card.hot {
  fill: rgba(92, 232, 200, 0.06);
  stroke: var(--mint-400);
}
.ol-stage .ol-stack-svg .ttl {
  font-size: 11px;
  font-weight: 700;
  fill: var(--fg-1);
}
.ol-stage .ol-stack-svg .cnt {
  font-size: 10px;
  font-weight: 400;
  fill: var(--fg-3);
}
.ol-stage .ol-stack-svg .grid {
  stroke: var(--border-1);
  stroke-width: 1;
}
.ol-stage .ol-stack-svg .grid.mid {
  stroke-dasharray: 2 4;
}
.ol-stage .ol-stack-svg .tick {
  font-size: 9.5px;
  fill: var(--fg-3);
}
.ol-stage .ol-stack-svg path[data-series],
.ol-stage .ol-stack-svg g[data-series] {
  transition: opacity 0.15s, stroke-width 0.15s;
}
.ol-stage .ol-stack-svg .bin-bg {
  fill: var(--surface-1);
}
.ol-stage .ol-stack-svg .bin-on {
  fill: var(--mint-500);
}
.ol-stage .ol-stack-svg .bin-off {
  fill: var(--border-2);
}
.ol-stage .ol-stack-svg .bin-alarm {
  fill: var(--fail-strong);
}
.ol-stage .ol-stack-svg .bin-ok {
  fill: var(--mint-200);
}
.ol-stage .ol-stack-svg .bin-lbl {
  font-size: 9.5px;
  font-weight: 600;
  fill: var(--fg-1);
  paint-order: stroke;
  stroke: rgba(255, 255, 255, 0.85);
  stroke-width: 3px;
  stroke-linejoin: round;
  pointer-events: none;
}
.ol-stage .ol-stack-svg .chip {
  fill: #fff;
  stroke: var(--border-2);
}
.ol-stage .ol-stack-svg .chip.on {
  fill: var(--ink-800);
  stroke: none;
}
.ol-stage .ol-stack-svg .chip.alarm {
  fill: var(--fail-strong);
  stroke: none;
}
.ol-stage .ol-stack-svg .chip-t {
  font-size: 8.5px;
  font-weight: 800;
  fill: var(--fg-2);
}
.ol-stage .ol-stack-svg .chip-t.on {
  fill: #fff;
}
.ol-stage .ol-stack-svg .xh-line {
  stroke: var(--ink-800);
  stroke-width: 1;
  opacity: 0.5;
  pointer-events: none;
}
.ol-stage .ol-stack-svg .xh-line.pinned {
  stroke: var(--mint-600);
  stroke-width: 1.5;
  opacity: 0.9;
}
.ol-stage .ol-stack-svg .xh-pin {
  fill: var(--mint-600);
}
@media (max-width: 1180px) {
  .ol-stage {
    grid-template-columns: minmax(0, 1fr);
  }
  .ol-stage .ol-trends {
    grid-column: 1;
    grid-row: auto;
    min-height: 0;
  }
}
/* dim (not hide) the viewer while an asset/date reloads */
.hm-redesign .hm-stage-inner.is-loading .ol-stage {
  opacity: 0.45;
  pointer-events: none;
}
/* ============================================================
   Asset Dashboards — one-line builders (air "Take B" takeover +
   the editable diagram). Ported from the design prototype
   oneline-v2.css / styles.css (.bcx-takeover, .bcx-scope, .v2-bar,
   .v2-pop, .v2-pt, .v2-strip, .v2-links, .v2-hint). Imported after
   oneLine.less (uses its .ol-tokens() mixin). Scoped under
   .ol-takeover; the editable diagram under .ol-svg.interactive.
   ============================================================ */
/* ---- editable diagram ---- */
.ol-stage .ol-svg.interactive .ol-node {
  cursor: pointer;
}
.ol-stage .ol-svg.interactive .ol-node .frame {
  transition: fill 0.12s, stroke 0.12s;
}
.ol-stage .ol-svg.interactive .ol-node.hov .frame {
  fill: rgba(20, 24, 28, 0.03);
  stroke: var(--border-2);
  stroke-width: 1.5;
}
.ol-stage .ol-svg.interactive .ol-node.sel .frame {
  fill: rgba(92, 232, 200, 0.1);
  stroke: var(--mint-500);
  stroke-width: 2;
}
.ol-stage .ol-svg.interactive .ol-node.assignable {
  cursor: copy;
}
.ol-stage .ol-svg.interactive .ol-node.assignable .frame {
  stroke: var(--mint-400);
  stroke-width: 1.5;
  stroke-dasharray: 5 4;
  animation: ol-pulse 1.2s ease-in-out infinite;
}
.ol-stage .ol-svg.interactive .ol-node.ghost > g,
.ol-stage .ol-svg.interactive .ol-node.ghost > text {
  opacity: 0.35;
}
.ol-stage .ol-svg.interactive .ol-group {
  cursor: grab;
}
.ol-stage .ol-svg.interactive .ol-group:active {
  cursor: grabbing;
}
.ol-stage .ol-svg.interactive .ol-group:hover .frame {
  stroke: var(--border-2);
}
.ol-stage .ol-svg.interactive .ol-group.sel .frame {
  fill: rgba(92, 232, 200, 0.1);
  stroke: var(--mint-500);
  stroke-width: 2;
  stroke-dasharray: none;
}
.ol-stage .ol-svg.interactive .badge rect {
  fill: #fff;
  stroke: var(--border-2);
}
.ol-stage .ol-svg.interactive .badge text {
  font-size: 9.5px;
  font-weight: 700;
  fill: var(--fg-3);
}
.ol-stage .ol-svg.interactive .badge.on rect {
  fill: var(--ink-800);
  stroke: none;
}
.ol-stage .ol-svg.interactive .badge.on text {
  fill: #fff;
}
.ol-stage .ol-svg.interactive .ol-hit {
  cursor: pointer;
}
.ol-stage .ol-svg.interactive .ol-linkhit:hover {
  stroke: rgba(243, 155, 44, 0.18);
}
.ol-stage .ol-svg.interactive .ol-ductlbl {
  cursor: pointer;
}
.ol-stage .ol-svg.interactive .ol-ductlbl rect {
  fill: transparent;
  stroke: transparent;
  stroke-width: 1.5;
}
.ol-stage .ol-svg.interactive .ol-ductlbl:hover rect {
  stroke: var(--border-2);
}
.ol-stage .ol-svg.interactive .ol-ductlbl.sel rect {
  fill: rgba(92, 232, 200, 0.16);
  stroke: var(--mint-500);
}
.ol-stage .ol-svg.interactive.placing,
.ol-stage .ol-svg.interactive.placing * {
  cursor: crosshair;
}
@keyframes ol-pulse {
  0%,
  100% {
    stroke-opacity: 1;
  }
  50% {
    stroke-opacity: 0.35;
  }
}
/* ---- editable plant drawing ---- */
.ol-stage .pl-svg.interactive .pl-seg {
  cursor: pointer;
}
.ol-stage .pl-svg.interactive .pl-seg.hov .hl {
  stroke: rgba(20, 24, 28, 0.12);
}
.ol-stage .pl-svg.interactive .pl-seg.sel .hl {
  stroke: var(--mint-400);
}
.ol-stage .pl-svg.interactive .pl-comp {
  cursor: grab;
}
.ol-stage .pl-svg.interactive .pl-comp:active {
  cursor: grabbing;
}
.ol-stage .pl-svg.interactive .pl-handle {
  fill: #fff;
  stroke: var(--mint-600);
  stroke-width: 2;
  cursor: move;
}
.ol-stage .pl-svg.interactive.drawing,
.ol-stage .pl-svg.interactive.drawing * {
  cursor: crosshair;
}
.ol-stage .pl-svg.interactive.placing,
.ol-stage .pl-svg.interactive.placing * {
  cursor: copy;
}
/* ---- takeover ---- */
.ol-takeover {
  --surface-0: #FFFFFF;
  --surface-1: #F7F8FA;
  --surface-2: #EEF0F3;
  --radius-md: 9px;
  --shadow-1: 0 1px 2px rgba(20, 24, 28, 0.06), 0 1px 1px rgba(20, 24, 28, 0.04);
  --shadow-2: 0 2px 6px rgba(20, 24, 28, 0.08), 0 1px 2px rgba(20, 24, 28, 0.04);
  --shadow-focus: 0 0 0 3px rgba(92, 232, 200, 0.35);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 40;
  display: flex;
  flex-direction: column;
  background: #F4F6F8;
  font-family: var(--font-sans);
  color: var(--fg-1);
  animation: ft-fade var(--dur-base) var(--ease-out);
  /* overlay bar */
  /* popovers */
  /* a readout's name, editable in place (blank = the point's own label) */
  /* readout rows in popovers */
  /* connections */
  /* mode hints */
  /* points that still need a home */
  /* ---- plant drawing builder ---- */
  /* footer */
}
.ol-takeover button {
  font-family: inherit;
}
.ol-takeover svg.lucide {
  display: inline-block;
  vertical-align: middle;
  flex: 0 0 auto;
}
.ol-takeover .sp {
  flex: 1;
}
.ol-takeover .ol-to-head {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 22px;
  background: var(--surface-0);
  border-bottom: 1px solid var(--border-1);
}
.ol-takeover .ol-to-head .back {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  cursor: pointer;
  flex: none;
  font-size: 13px;
  font-weight: 600;
  color: var(--fg-2);
  padding: 7px 10px;
  border-radius: 8px;
  border: 1px solid var(--border-1);
  background: var(--surface-0);
}
.ol-takeover .ol-to-head .back:hover {
  background: var(--surface-1);
}
.ol-takeover .ol-to-head .ttl-block {
  min-width: 0;
}
.ol-takeover .ol-to-head h2 {
  font: 700 18px var(--font-display);
  margin: 0;
}
.ol-takeover .ol-to-head .k {
  font-size: 12px;
  color: var(--fg-3);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ol-takeover .ol-scope {
  display: inline-flex;
  padding: 3px;
  gap: 3px;
  flex: none;
  background: var(--surface-2);
  border-radius: var(--radius-md);
  border: 1px solid var(--border-1);
}
.ol-takeover .ol-scope button {
  border: none;
  background: transparent;
  color: var(--fg-2);
  cursor: pointer;
  text-align: left;
  font-size: 12.5px;
  font-weight: 600;
  padding: 6px 12px;
  border-radius: 7px;
}
.ol-takeover .ol-scope button .s2 {
  display: block;
  font-size: 10px;
  font-weight: 500;
  opacity: 0.7;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ol-takeover .ol-scope button.on {
  background: var(--surface-0);
  color: var(--ink-800);
  box-shadow: var(--shadow-1);
}
.ol-takeover .ol-scope button.on.ovr {
  color: #B5670B;
}
.ol-takeover .ol-scope button.on.glb {
  color: #5B3FC4;
}
.ol-takeover .ol-to-main {
  flex: 1;
  overflow: auto;
  padding: 18px 22px 22px;
}
.ol-takeover .ol-bstage {
  align-items: start;
}
.ol-takeover .ol-bstage > .ol-strip {
  grid-column: 1 / -1;
}
.ol-takeover .ol-bstage .ol-diagram {
  overflow: visible;
}
.ol-takeover .ol-bstage .ol-diagram .ol-panel-head {
  border-radius: var(--radius-xl) var(--radius-xl) 0 0;
}
.ol-takeover .ol-bcanvas {
  position: relative;
  padding-top: 54px;
  min-height: 520px;
  border-radius: 0 0 var(--radius-xl) var(--radius-xl);
}
.ol-takeover .ol-bcanvas .ol-scroll {
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 6px;
}
.ol-takeover .ol-bar {
  position: absolute;
  top: 10px;
  left: 12px;
  right: 12px;
  z-index: 20;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 8px 6px 10px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid var(--border-1);
  border-radius: 12px;
}
.ol-takeover .ol-bar .chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  background: var(--surface-2);
  font-size: 12px;
  font-weight: 600;
  color: var(--fg-2);
  border: 1px solid transparent;
  white-space: nowrap;
}
.ol-takeover .ol-bar .chip.warn {
  background: var(--status-warn-bg);
  color: #B5670B;
}
.ol-takeover .ol-bar .chip.ok {
  background: var(--mint-50);
  color: var(--mint-700);
}
.ol-takeover .ol-bar .chip.act {
  cursor: pointer;
  background: var(--surface-0);
  border-color: var(--border-1);
}
.ol-takeover .ol-bar .chip.act:hover {
  border-color: var(--border-2);
}
.ol-takeover .ol-bar .chip.act.on {
  background: var(--ink-800);
  color: #fff;
  border-color: var(--ink-800);
}
.ol-takeover .ol-pop {
  position: absolute;
  z-index: 24;
  width: 330px;
  max-height: calc(100% - 70px);
  display: flex;
  flex-direction: column;
  background: var(--surface-0);
  border: 1px solid var(--border-1);
  border-radius: 12px;
  box-shadow: var(--shadow-3);
}
.ol-takeover .ol-pop.anchored {
  visibility: hidden;
}
.ol-takeover .ol-pop.anchored::before {
  content: "";
  position: absolute;
  top: var(--ay, 32px);
  left: -7px;
  width: 12px;
  height: 12px;
  background: var(--surface-0);
  border-left: 1px solid var(--border-1);
  border-bottom: 1px solid var(--border-1);
  transform: rotate(45deg);
}
.ol-takeover .ol-pop.anchored.flip::before {
  left: auto;
  right: -7px;
  transform: rotate(-135deg);
}
.ol-takeover .ol-pop.linkpop {
  left: 12px;
  top: 56px;
  width: 344px;
}
.ol-takeover .ol-pop .ph {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 12px;
  border-bottom: 1px solid var(--border-1);
}
.ol-takeover .ol-pop .gl {
  width: 40px;
  height: 32px;
  display: grid;
  place-items: center;
  border: 1px solid var(--border-1);
  border-radius: 8px;
  background: var(--surface-1);
  flex: none;
  color: var(--fg-2);
}
.ol-takeover .ol-pop .gl .ln {
  display: block;
  width: 18px;
  height: 3px;
  border-radius: 2px;
}
.ol-takeover .ol-pop .nm {
  flex: 1;
  min-width: 0;
}
.ol-takeover .ol-pop .nm .n {
  font-size: 13.5px;
  font-weight: 600;
}
.ol-takeover .ol-pop .nm .m {
  font-size: 11px;
  color: var(--fg-3);
}
.ol-takeover .ol-pop .x {
  width: 26px;
  height: 26px;
  border-radius: 6px;
  border: none;
  background: transparent;
  color: var(--fg-3);
  display: grid;
  place-items: center;
  cursor: pointer;
}
.ol-takeover .ol-pop .x:hover {
  background: var(--surface-1);
  color: var(--fg-1);
}
.ol-takeover .ol-pop .pr {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--fg-2);
  border-bottom: 1px solid var(--border-1);
}
.ol-takeover .ol-pop .mv {
  display: inline-flex;
  gap: 4px;
}
.ol-takeover .ol-pop .mv button {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 26px;
  padding: 0 8px;
  border-radius: 6px;
  cursor: pointer;
  white-space: nowrap;
  border: 1px solid var(--border-1);
  background: var(--surface-0);
  font-size: 11.5px;
  font-weight: 600;
  color: var(--fg-2);
}
.ol-takeover .ol-pop .mv button:hover {
  background: var(--surface-1);
  border-color: var(--border-2);
}
.ol-takeover .ol-pop .mv button:disabled {
  opacity: 0.35;
  cursor: default;
}
.ol-takeover .ol-pop .pl {
  padding: 10px 8px 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-height: 260px;
  overflow-y: auto;
  min-height: 0;
  flex: 1;
}
.ol-takeover .ol-pop.ductpop .pl {
  max-height: 360px;
}
.ol-takeover .ol-pop .lab {
  font-size: 10.5px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--fg-3);
  padding: 0 4px 4px;
}
.ol-takeover .ol-pop .lab.spaced {
  margin-top: 10px;
}
.ol-takeover .ol-pop .lab .hint {
  text-transform: none;
  letter-spacing: 0;
  font-weight: 500;
}
.ol-takeover .ol-pop .pf {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 10px;
  border-top: 1px solid var(--border-1);
}
.ol-takeover .ol-pop .pf .danger {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 30px;
  padding: 0 10px;
  border-radius: 7px;
  cursor: pointer;
  border: 1px solid var(--fail-bg);
  background: var(--surface-0);
  color: var(--fail-strong);
  font-size: 12px;
  font-weight: 600;
}
.ol-takeover .ol-pop .pf .danger:hover {
  background: var(--fail-bg);
}
.ol-takeover .ol-pop .pf .ol-dd {
  max-width: 190px;
}
.ol-takeover .ol-rname {
  display: block;
  width: 100%;
  min-width: 0;
  font: 600 12px var(--font-sans);
  color: var(--fg-1);
  border: 1px solid transparent;
  border-radius: 5px;
  padding: 1px 5px;
  margin: -2px 0 0 -6px;
  background: transparent;
  outline: none;
  box-shadow: none;
  text-overflow: ellipsis;
}
.ol-takeover .ol-rname::placeholder {
  color: var(--fg-3);
  font-weight: 500;
}
.ol-takeover .ol-rname:hover {
  border-color: var(--border-1);
  background: var(--surface-0);
}
.ol-takeover .ol-rname:focus {
  border-color: var(--mint-400);
  box-shadow: var(--shadow-focus);
  background: var(--surface-0);
}
.ol-takeover .ol-rname.renamed {
  color: var(--ink-800);
}
.ol-takeover .ol-name {
  font: 600 13.5px var(--font-sans);
  color: var(--fg-1);
  width: 100%;
  border: 1px solid transparent;
  border-radius: 6px;
  padding: 2px 6px;
  margin: -3px 0 -3px -7px;
  background: var(--surface-0);
  outline: none;
  box-shadow: none;
}
.ol-takeover .ol-name:hover {
  border-color: var(--border-1);
}
.ol-takeover .ol-name:focus {
  border-color: var(--mint-400);
  box-shadow: var(--shadow-focus);
}
.ol-takeover .ol-name.sm {
  font-size: 12.5px;
  width: 78px;
  margin: 0;
  flex: none;
}
.ol-takeover .ol-switchrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.ol-takeover .ol-switch {
  width: 30px;
  height: 18px;
  border-radius: 999px;
  background: var(--border-2);
  position: relative;
  flex: none;
  cursor: pointer;
  transition: background var(--dur-fast);
}
.ol-takeover .ol-switch .kn {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
  box-shadow: var(--shadow-1);
  transition: transform var(--dur-fast) var(--ease-out);
}
.ol-takeover .ol-switch.on {
  background: var(--mint-500);
}
.ol-takeover .ol-switch.on .kn {
  transform: translateX(12px);
}
.ol-takeover .ol-chk {
  width: 17px;
  height: 17px;
  border-radius: 5px;
  border: 1.5px solid var(--border-2);
  display: grid;
  place-items: center;
  color: #fff;
  flex: none;
  background: var(--surface-0);
}
.ol-takeover .ol-chk.on {
  background: var(--mint-500);
  border-color: var(--mint-500);
}
.ol-takeover .ol-pt {
  display: grid;
  grid-template-columns: auto auto auto 1fr auto auto;
  align-items: center;
  gap: 8px;
  padding: 5px 4px 5px 2px;
  border-radius: 8px;
  border: 1px solid transparent;
  background: var(--surface-1);
}
.ol-takeover .ol-pt:hover {
  background: var(--surface-2);
}
.ol-takeover .ol-pt.on {
  background: var(--surface-0);
  border-color: var(--border-1);
}
.ol-takeover .ol-pt.missing {
  opacity: 0.55;
}
.ol-takeover .ol-pt.grp {
  grid-template-columns: auto auto 1fr auto auto;
}
.ol-takeover .ol-pt.dragging {
  opacity: 0.4;
}
.ol-takeover .ol-pt.drop-before {
  box-shadow: 0 -3px 0 -1px var(--mint-500);
}
.ol-takeover .ol-pt.drop-after {
  box-shadow: 0 3px 0 -1px var(--mint-500);
}
.ol-takeover .ol-pt .ol-chk {
  cursor: pointer;
}
.ol-takeover .ol-pt .grip {
  width: 18px;
  height: 26px;
  margin-right: -4px;
  padding: 0;
  border: none;
  border-radius: 5px;
  background: transparent;
  color: var(--fg-3);
  display: grid;
  place-items: center;
  cursor: grab;
}
.ol-takeover .ol-pt .grip:hover {
  color: var(--fg-1);
  background: var(--surface-2);
}
.ol-takeover .ol-pt .grip:active {
  cursor: grabbing;
}
.ol-takeover .ol-pt .grip:focus-visible {
  outline: none;
  box-shadow: var(--shadow-focus);
  color: var(--fg-1);
}
.ol-takeover .ol-pt .sw {
  width: 8px;
  height: 8px;
  border-radius: 2px;
}
.ol-takeover .ol-pt .id {
  min-width: 0;
}
.ol-takeover .ol-pt .id .b {
  font: 600 11.5px var(--font-mono);
  color: var(--fg-1);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ol-takeover .ol-pt .id .b.sans {
  font-family: var(--font-sans);
}
.ol-takeover .ol-pt .id .l {
  font: 500 10.5px var(--font-mono);
  color: var(--fg-3);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ol-takeover .ol-pt .v {
  font: 600 11.5px var(--font-mono);
  color: var(--fg-2);
  white-space: nowrap;
}
.ol-takeover .ol-pt .gl-s {
  width: 30px;
  height: 22px;
  display: grid;
  place-items: center;
}
.ol-takeover .ol-pt .rm {
  width: 24px;
  height: 24px;
  border: none;
  background: transparent;
  color: var(--fg-3);
  border-radius: 6px;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.ol-takeover .ol-pt .rm:hover {
  background: var(--fail-bg);
  color: var(--fail-strong);
}
.ol-takeover .ol-links {
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ol-takeover .ol-links .lk {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 10px 12px;
  border: 1px solid var(--border-1);
  border-radius: 11px;
  cursor: pointer;
  background: var(--surface-0);
}
.ol-takeover .ol-links .lk.disabled {
  opacity: 0.6;
  cursor: default;
}
.ol-takeover .ol-links .t .n {
  font-size: 13px;
  font-weight: 600;
}
.ol-takeover .ol-links .t .m {
  font-size: 11px;
  color: var(--fg-3);
  margin-top: 1px;
}
.ol-takeover .ol-links .dk {
  border: 1px solid var(--border-1);
  border-radius: 11px;
  padding: 10px 12px;
  background: var(--surface-0);
}
.ol-takeover .ol-links .dk .lab {
  font-size: 10.5px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--fg-3);
  margin-bottom: 6px;
}
.ol-takeover .ol-links .bx {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 6px 0;
  border-top: 1px solid var(--border-1);
}
.ol-takeover .ol-links .bx:first-of-type {
  border-top: none;
}
.ol-takeover .ol-links .bx .r1,
.ol-takeover .ol-links .bx .r2 {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ol-takeover .ol-links .bx .r2 {
  padding-left: 22px;
}
.ol-takeover .ol-links .bx .r2 .k {
  font-size: 11px;
  color: var(--fg-3);
  white-space: nowrap;
}
.ol-takeover .ol-links .bx .ln {
  width: 14px;
  height: 3px;
  border-radius: 2px;
  flex: none;
}
.ol-takeover .ol-links .bx .m {
  font-size: 11px;
  color: var(--fg-3);
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ol-takeover .ol-links .bx .go,
.ol-takeover .ol-links .bx .x {
  width: 24px;
  height: 24px;
  border: none;
  background: transparent;
  color: var(--fg-3);
  border-radius: 6px;
  display: grid;
  place-items: center;
  cursor: pointer;
  flex: none;
}
.ol-takeover .ol-links .bx .go:hover {
  background: var(--surface-1);
  color: var(--fg-1);
}
.ol-takeover .ol-links .bx .x:hover {
  background: var(--fail-bg);
  color: var(--fail-strong);
}
.ol-takeover .ol-links .add {
  display: flex;
  gap: 6px;
  margin-top: 6px;
  flex-wrap: wrap;
}
.ol-takeover .ol-links .add button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  padding: 0 10px;
  border-radius: 7px;
  cursor: pointer;
  border: 1px solid var(--border-1);
  background: var(--surface-0);
  font-size: 11.5px;
  font-weight: 600;
  color: var(--fg-2);
}
.ol-takeover .ol-links .add button:hover {
  background: var(--surface-1);
  border-color: var(--border-2);
}
.ol-takeover .ol-links .add button .ln {
  width: 10px;
  height: 3px;
  border-radius: 2px;
}
.ol-takeover .ol-hint {
  position: absolute;
  bottom: 14px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9;
  pointer-events: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  background: var(--ink-900);
  color: #fff;
  font-size: 12.5px;
  font-weight: 500;
  padding: 9px 14px;
  border-radius: 999px;
  box-shadow: var(--shadow-3);
}
.ol-takeover .ol-hint b {
  font-weight: 700;
}
.ol-takeover .ol-strip {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  padding: 10px 14px;
  background: #FFFBF2;
  border: 1px solid #F3D9A4;
  border-radius: var(--radius-xl);
}
.ol-takeover .ol-strip .th {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 12.5px;
  font-weight: 700;
  color: #B5670B;
  white-space: nowrap;
}
.ol-takeover .ol-strip .th .c {
  font: 11px var(--font-mono);
  background: var(--status-warn-bg);
  padding: 1px 7px;
  border-radius: 999px;
}
.ol-takeover .ol-strip .chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  flex: 1;
}
.ol-takeover .ol-strip .empty {
  font-size: 12px;
  color: var(--fg-3);
}
.ol-takeover .ol-strip .tp {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 5px 6px 5px 10px;
  border-radius: 9px;
  border: 1px solid var(--border-1);
  background: var(--surface-0);
}
.ol-takeover .ol-strip .tp .sw {
  width: 8px;
  height: 8px;
  border-radius: 2px;
  flex: none;
  background: #9DA3AC;
}
.ol-takeover .ol-strip .tp .gl {
  width: 30px;
  height: 26px;
  display: grid;
  place-items: center;
  border: 1px solid var(--border-1);
  border-radius: 6px;
  background: var(--surface-0);
  flex: none;
}
.ol-takeover .ol-strip .tp .id .b {
  font: 600 11.5px var(--font-mono);
  white-space: nowrap;
}
.ol-takeover .ol-strip .tp .id .l {
  font-size: 11px;
  color: var(--fg-3);
  white-space: nowrap;
}
.ol-takeover .ol-strip .tp .at {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 28px;
  padding: 0 10px;
  border-radius: 7px;
  cursor: pointer;
  border: 1px solid var(--ink-800);
  background: var(--ink-800);
  color: #fff;
  font-size: 11.5px;
  font-weight: 600;
}
.ol-takeover .ol-strip .tp .at:hover {
  background: var(--ink-700);
}
.ol-takeover .ol-strip .tp .at.ghost {
  background: var(--surface-0);
  color: var(--fg-1);
  border-color: var(--border-2);
}
.ol-takeover .ol-strip .tp .at.ghost:hover {
  background: var(--surface-1);
}
.ol-takeover .ol-strip .ig {
  width: 28px;
  height: 28px;
  border-radius: 7px;
  border: 1px solid var(--border-1);
  background: var(--surface-0);
  color: var(--fg-3);
  display: grid;
  place-items: center;
  cursor: pointer;
}
.ol-takeover .ol-strip .ig:hover {
  background: var(--surface-1);
  color: var(--fg-1);
}
.ol-takeover .ol-ignored {
  font-size: 11.5px;
  color: var(--fg-3);
  display: flex;
  gap: 8px;
  align-items: center;
}
.ol-takeover .ol-ignored button {
  border: none;
  background: none;
  color: var(--fg-2);
  font-weight: 600;
  font-size: 11.5px;
  text-decoration: underline;
  cursor: pointer;
  padding: 0;
}
.ol-takeover .ol-dname {
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin: 0;
  flex: 0 1 300px;
  min-width: 180px;
}
.ol-takeover .ol-dname span {
  font-size: 10.5px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--fg-3);
}
.ol-takeover .ol-dname .ol-name {
  margin: 0;
  padding: 6px 9px;
  border-color: var(--border-1);
}
.ol-takeover .ol-dname .ol-name:focus {
  border-color: var(--mint-400);
  box-shadow: var(--shadow-focus);
}
.ol-takeover .ol-seg {
  display: inline-flex;
  padding: 3px;
  gap: 3px;
  flex: none;
  background: var(--surface-2);
  border-radius: var(--radius-md);
  border: 1px solid var(--border-1);
}
.ol-takeover .ol-seg button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  border: none;
  background: transparent;
  color: var(--fg-2);
  height: 26px;
  padding: 0 10px;
  border-radius: 7px;
  font-size: 11.5px;
  font-weight: 600;
}
.ol-takeover .ol-seg button.on {
  background: var(--surface-0);
  color: var(--ink-800);
  box-shadow: var(--shadow-1);
}
.ol-takeover .pl-bar {
  flex-wrap: nowrap;
}
.ol-takeover .pl-bar .sp {
  flex: 1 1 0;
  min-width: 4px;
}
.ol-takeover .pl-bar .tools button {
  width: 30px;
  padding: 0;
  justify-content: center;
}
.ol-takeover .pl-bar .chip.act:disabled {
  opacity: 0.45;
  cursor: default;
}
.ol-takeover .pl-pipes {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 3px;
  min-width: 0;
  overflow-x: auto;
  border: 1px solid var(--border-1);
  border-radius: 999px;
  background: var(--surface-0);
}
.ol-takeover .pl-pipes .pp {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 24px;
  padding: 0 9px 0 7px;
  flex: none;
  border-radius: 999px;
  border: 1px solid transparent;
  background: transparent;
  cursor: pointer;
  font-size: 11.5px;
  font-weight: 700;
  color: var(--fg-2);
}
.ol-takeover .pl-pipes .pp .d {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--pc);
}
.ol-takeover .pl-pipes .pp:hover {
  background: var(--surface-1);
}
.ol-takeover .pl-pipes .pp.on {
  background: var(--pc);
  border-color: var(--pc);
  color: #fff;
}
.ol-takeover .pl-pipes .pp.on .d {
  background: #fff;
}
.ol-takeover .pl-pipes .pp.cfg {
  padding: 0 7px;
  color: var(--fg-3);
}
.ol-takeover .pl-pipes .pp.cfg.on {
  background: var(--ink-800);
  border-color: var(--ink-800);
  color: #fff;
}
.ol-takeover .ol-pop .pr.plain {
  cursor: default;
  font-weight: 500;
}
.ol-takeover .ol-pop .pr .k {
  font-size: 11px;
  color: var(--fg-3);
  width: 44px;
  flex: none;
}
.ol-takeover .ol-pop .pr .k.wide {
  width: auto;
}
.ol-takeover .ol-pop .pr .ol-dd.block {
  flex: 1;
  width: auto;
}
.ol-takeover .ol-pop .note {
  font-size: 11px;
  color: var(--fg-3);
  font-weight: 500;
}
.ol-takeover .ol-pop .gl .ln.wide {
  width: 22px;
  height: 4px;
}
.ol-takeover .ol-pop.clearpop {
  width: 340px;
}
.ol-takeover .ol-pop.pipepop {
  width: 372px;
}
.ol-takeover .pipepop .ol-links.compact {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 10px;
  overflow-y: auto;
}
.ol-takeover .pipepop .lk {
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
  padding: 8px 10px;
  cursor: default;
}
.ol-takeover .pipepop .pipe-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ol-takeover .pipepop .pipe-row .k {
  font-size: 11px;
  color: var(--fg-3);
  width: 64px;
  flex: none;
  padding-left: 6px;
}
.ol-takeover .pipepop .pipe-row .ol-name.sm {
  font: 700 12px var(--font-mono);
  width: 64px;
  margin: 0;
  padding: 3px 6px;
  flex: none;
  border-color: transparent;
  box-shadow: none;
}
.ol-takeover .pipepop .pipe-row .ol-name.sm:hover {
  border-color: var(--border-1);
}
.ol-takeover .pipepop .pipe-row .ol-name.sm:focus {
  border-color: var(--mint-400);
  box-shadow: var(--shadow-focus);
}
.ol-takeover .pipepop .pipe-row .ol-name.sm.wide {
  font-family: var(--font-sans);
  font-weight: 500;
  width: auto;
  flex: 1;
}
.ol-takeover .pipepop .sw-row {
  display: flex;
  gap: 3px;
  flex: none;
}
.ol-takeover .pipepop .swb {
  width: 14px;
  height: 14px;
  border-radius: 4px;
  cursor: pointer;
  border: 2px solid transparent;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
}
.ol-takeover .pipepop .swb.on {
  border-color: var(--ink-800);
  box-shadow: 0 0 0 1px #fff inset;
}
.ol-takeover .pipepop .segs {
  font-size: 11px;
  color: var(--fg-3);
  white-space: nowrap;
  flex: 1;
  text-align: right;
}
.ol-takeover .pipepop .del {
  width: 24px;
  height: 24px;
  border: none;
  background: transparent;
  color: var(--fg-3);
  border-radius: 6px;
  display: grid;
  place-items: center;
  cursor: pointer;
  flex: none;
}
.ol-takeover .pipepop .del:hover {
  background: var(--fail-bg);
  color: var(--fail-strong);
}
.ol-takeover .pipepop .none {
  font-size: 12px;
  color: var(--fg-3);
  padding: 4px 6px;
}
.ol-takeover .pipepop .addrow {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 4px 0 2px;
}
.ol-takeover .pipepop .addrow .k {
  font-size: 11px;
  color: var(--fg-3);
  white-space: nowrap;
  padding-top: 6px;
  width: 64px;
  flex: none;
}
.ol-takeover .pipepop .addrow .opts {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}
.ol-takeover .pipepop .ol-chipbtn {
  height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  cursor: pointer;
  border: 1px solid var(--border-1);
  background: var(--surface-0);
  font-size: 11.5px;
  font-weight: 700;
  color: var(--fg-2);
}
.ol-takeover .pipepop .ol-chipbtn:hover {
  background: var(--surface-1);
}
.ol-takeover .ol-strip .tp .id .b.sans {
  font-family: var(--font-sans);
}
.ol-takeover .ol-btn.sm {
  height: 30px;
  padding: 0 12px;
  font-size: 12.5px;
}
.ol-takeover .ol-btn.dark {
  background: var(--ink-800);
  border-color: var(--ink-800);
  color: #fff;
}
.ol-takeover .ol-btn.dark:hover {
  background: var(--ink-700);
  border-color: var(--ink-700);
}
.ol-takeover .ol-to-foot {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: flex-end;
  padding: 12px 22px;
  background: var(--surface-0);
  border-top: 1px solid var(--border-1);
}
.ol-takeover .ol-to-foot .info {
  margin-right: auto;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  color: var(--fg-3);
  min-width: 0;
}
.ol-takeover .ol-footnote {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #B5670B;
  white-space: nowrap;
}
.ol-takeover .ol-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 38px;
  padding: 0 15px;
  border-radius: 9px;
  cursor: pointer;
  border: 1px solid var(--border-1);
  background: var(--surface-0);
  font-size: 13.5px;
  font-weight: 600;
  color: var(--fg-1);
  white-space: nowrap;
  flex: none;
}
.ol-takeover .ol-btn:hover {
  background: var(--surface-1);
  border-color: var(--border-2);
}
.ol-takeover .ol-btn.ghost {
  border-color: transparent;
  background: transparent;
}
.ol-takeover .ol-btn.ghost:hover {
  background: var(--surface-2);
}
.ol-takeover .ol-btn.ghost.danger {
  color: var(--fail-strong);
}
.ol-takeover .ol-btn.mint {
  background: var(--mint-400);
  border-color: var(--mint-400);
  color: #06231d;
}
.ol-takeover .ol-btn.mint:hover {
  background: var(--mint-500);
  border-color: var(--mint-500);
}
.ol-takeover .ol-btn:disabled {
  opacity: 0.6;
  cursor: default;
}
/* ---- the design system's Select ({{one-line-select}}, asset-dashboards shell.jsx) ---- */
.ol-dd {
  --surface-0: #FFFFFF;
  --surface-1: #F7F8FA;
  --surface-2: #EEF0F3;
  --radius-md: 9px;
  --shadow-1: 0 1px 2px rgba(20, 24, 28, 0.06), 0 1px 1px rgba(20, 24, 28, 0.04);
  --shadow-2: 0 2px 6px rgba(20, 24, 28, 0.08), 0 1px 2px rgba(20, 24, 28, 0.04);
  --shadow-focus: 0 0 0 3px rgba(92, 232, 200, 0.35);
  position: relative;
  display: inline-block;
  min-width: 0;
  vertical-align: middle;
  font-family: var(--font-sans);
}
.ol-dd.block {
  display: block;
  width: 100%;
}
.ol-dd .ol-dd-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  height: 38px;
  min-width: 150px;
  padding: 0 12px;
  margin: 0;
  border: 1px solid var(--border-1);
  border-radius: var(--radius-md);
  background: var(--surface-0);
  font: 500 13.5px var(--font-sans);
  color: var(--fg-1);
  text-align: left;
  cursor: pointer;
  transition: border-color var(--dur-fast) var(--ease-out);
}
.ol-dd .ol-dd-trigger .t {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ol-dd .ol-dd-trigger svg.lucide {
  color: var(--fg-3);
  flex: none;
}
.ol-dd .ol-dd-trigger:hover {
  border-color: var(--border-2);
}
.ol-dd .ol-dd-trigger:focus {
  outline: none;
}
.ol-dd .ol-dd-trigger:focus-visible {
  box-shadow: var(--shadow-focus);
  border-color: var(--mint-400);
}
.ol-dd .ol-dd-trigger:disabled {
  opacity: 0.55;
  cursor: default;
}
.ol-dd .ol-dd-trigger:disabled:hover {
  border-color: var(--border-1);
}
.ol-dd.open .ol-dd-trigger {
  border-color: var(--border-2);
}
.ol-dd.sm .ol-dd-trigger {
  height: 30px;
  min-width: 0;
  padding: 0 9px;
  gap: 6px;
  border-radius: 7px;
  font-size: 12.5px;
}
.ol-dd .ol-dd-menu {
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  right: 0;
  z-index: 60;
  width: max-content;
  min-width: 100%;
  max-width: 460px;
  max-height: 320px;
  overflow-y: auto;
  box-sizing: border-box;
  padding: 5px;
  background: var(--surface-0);
  border: 1px solid var(--border-1);
  border-radius: 9px;
  box-shadow: var(--shadow-3);
  text-align: left;
}
.ol-dd .ol-dd-menu.right {
  left: auto;
  right: 0;
}
.ol-dd.up .ol-dd-menu {
  top: auto;
  bottom: calc(100% + 5px);
}
.ol-dd .ol-dd-group {
  padding: 9px 10px 4px;
  margin-top: 4px;
  border-top: 1px solid var(--border-1);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--fg-3);
}
.ol-dd .ol-dd-group.first {
  margin-top: 0;
  border-top: none;
}
.ol-dd .ol-dd-opt {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 6px;
  font-size: 13.5px;
  font-weight: 500;
  color: var(--fg-1);
  white-space: nowrap;
  cursor: pointer;
  /* the label keeps its room; a long meta (BAS name) gives way first */
}
.ol-dd .ol-dd-opt:hover {
  background: var(--surface-1);
}
.ol-dd .ol-dd-opt.on {
  background: var(--surface-2);
  font-weight: 600;
}
.ol-dd .ol-dd-opt.on svg.lucide {
  color: var(--mint-600);
}
.ol-dd .ol-dd-opt.disabled {
  opacity: 0.45;
  cursor: default;
}
.ol-dd .ol-dd-opt.disabled:hover {
  background: transparent;
}
.ol-dd .ol-dd-opt .l {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ol-dd .ol-dd-opt .l.ind {
  margin-left: 22px;
}
.ol-dd .ol-dd-opt .m {
  flex: 0 10 auto;
  min-width: 0;
  margin-left: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  font: 11px var(--font-mono);
  color: var(--fg-3);
  white-space: nowrap;
}
.ol-dd .ol-dd-empty {
  padding: 8px 10px;
  font-size: 12.5px;
  color: var(--fg-3);
}
.ol-dd.sm .ol-dd-group {
  padding: 7px 8px 3px;
}
.ol-dd.sm .ol-dd-opt {
  padding: 6px 8px;
  font-size: 12.5px;
}
/* ---- confirmations / notices ({{one-line-dialog}}) — replaces alertify ---- */
.ol-dialog-scrim {
  --surface-0: #FFFFFF;
  --surface-1: #F7F8FA;
  --surface-2: #EEF0F3;
  --radius-md: 9px;
  --shadow-1: 0 1px 2px rgba(20, 24, 28, 0.06), 0 1px 1px rgba(20, 24, 28, 0.04);
  --shadow-2: 0 2px 6px rgba(20, 24, 28, 0.08), 0 1px 2px rgba(20, 24, 28, 0.04);
  --shadow-focus: 0 0 0 3px rgba(92, 232, 200, 0.35);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background: rgba(20, 24, 28, 0.36);
  font-family: var(--font-sans);
  color: var(--fg-1);
  animation: ft-fade var(--dur-base) var(--ease-out);
}
.ol-dialog-scrim .ol-dialog {
  width: 440px;
  max-width: 100%;
  overflow: hidden;
  background: var(--surface-0);
  border: 1px solid var(--border-1);
  border-radius: 14px;
  box-shadow: 0 18px 48px rgba(20, 24, 28, 0.22), 0 2px 8px rgba(20, 24, 28, 0.08);
}
.ol-dialog-scrim .ol-dlg-head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 16px 4px 20px;
}
.ol-dialog-scrim .ol-dlg-head .ic {
  width: 36px;
  height: 36px;
  flex: none;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: var(--surface-2);
  color: var(--fg-2);
}
.ol-dialog-scrim .ol-dlg-head .t {
  flex: 1;
  min-width: 0;
  font: 700 16px var(--font-display);
  color: var(--fg-1);
}
.ol-dialog-scrim .ol-dlg-head .x {
  width: 30px;
  height: 30px;
  flex: none;
  display: grid;
  place-items: center;
  cursor: pointer;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: var(--fg-3);
}
.ol-dialog-scrim .ol-dlg-head .x:hover {
  background: var(--surface-1);
  color: var(--fg-1);
}
.ol-dialog-scrim .ol-dialog.danger .ol-dlg-head .ic {
  background: var(--fail-bg);
  color: var(--fail-strong);
}
.ol-dialog-scrim .ol-dlg-body {
  padding: 2px 22px 20px 68px;
  font-size: 13.5px;
  line-height: 1.5;
  color: var(--fg-2);
}
.ol-dialog-scrim .ol-dlg-foot {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px 16px;
  border-top: 1px solid var(--border-1);
  background: var(--surface-1);
}
.ol-dialog-scrim .ol-dlg-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 36px;
  padding: 0 15px;
  cursor: pointer;
  border: 1px solid var(--border-1);
  border-radius: 9px;
  background: var(--surface-0);
  font: 600 13.5px var(--font-sans);
  color: var(--fg-1);
  white-space: nowrap;
}
.ol-dialog-scrim .ol-dlg-btn:hover {
  background: var(--surface-2);
}
.ol-dialog-scrim .ol-dlg-btn:focus {
  outline: none;
}
.ol-dialog-scrim .ol-dlg-btn:focus-visible {
  box-shadow: var(--shadow-focus);
}
.ol-dialog-scrim .ol-dlg-btn.ghost {
  border-color: transparent;
  background: transparent;
}
.ol-dialog-scrim .ol-dlg-btn.ghost:hover {
  background: var(--surface-2);
}
.ol-dialog-scrim .ol-dlg-btn.ink {
  background: var(--ink-800);
  border-color: var(--ink-800);
  color: #fff;
}
.ol-dialog-scrim .ol-dlg-btn.ink:hover {
  background: var(--ink-700);
}
.ol-dialog-scrim .ol-dlg-btn.danger {
  background: var(--fail-strong);
  border-color: var(--fail-strong);
  color: #fff;
}
.ol-dialog-scrim .ol-dlg-btn.danger:hover {
  filter: brightness(0.94);
}
.settings-container {
  position: absolute;
  width: calc(100% - 388px);
  height: calc(100vh - 0px);
  left: 388px;
  top: 0px;
  background: white;
}
.settings-container .settings-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}
.settings-container .settings-content .change-site-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 32px;
  gap: 16px;
  width: 100%;
  height: 50%;
  background: #F9FAFB;
}
.settings-container .settings-content .settings-box {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 32px;
  gap: 16px;
  width: 100%;
  background: #F9FAFB;
}
.settings-container .settings-content .settings-box#change-site {
  height: 50%;
}
.settings-container .settings-content .settings-box#site-attributes {
  height: 100%;
}
.settings-container .settings-content .settings-box#user-info {
  height: 40%;
}
.settings-container .settings-content .settings-box#change-password {
  height: 40%;
}
.settings-container .settings-content .settings-box#users {
  height: 100%;
}
.settings-container .settings-content .settings-box .settings-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
  width: 37%;
  height: 64px;
}
.settings-container .settings-content .settings-box .settings-title .title-and-icon {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 8px;
  height: 32px;
}
.settings-container .settings-content .settings-box .settings-title .title-and-icon .icon {
  width: 32px;
  height: 32px;
  position: relative;
  background: #E9ECF2;
  border: 4px solid #F3F5F8;
  border-radius: 28px;
}
.settings-container .settings-content .settings-box .settings-title .title-and-icon .icon svg {
  position: absolute;
  width: 20px;
  height: 20px;
  left: 2px;
  top: 2px;
}
.settings-container .settings-content .settings-box .settings-title .title-and-icon .icon svg path {
  fill: #171A1D;
}
.settings-container .settings-content .settings-box .settings-title .title-and-icon .title {
  height: 26px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  color: #21262A;
}
.settings-container .settings-content .settings-box .settings-title .supporting-text {
  height: 24px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #667085;
}
.settings-container .settings-content .settings-box .settings-title .invite-user-button {
  padding: 9px 26px;
  width: 119px;
  height: 40px;
}
.settings-container .settings-content .settings-box .settings-box-content {
  box-sizing: border-box;
  position: relative;
  width: 63%;
  height: 100%;
  background: #FFFFFF;
  border: 1px solid #E9ECF2;
  box-shadow: inset 0px -5px 5px rgba(169, 169, 171, 0.14);
  border-radius: 12px;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content {
  display: flex;
  flex-direction: column;
  padding: 16px;
  gap: 14px;
  overflow: hidden;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-meta-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-meta-icon svg {
  width: 14px;
  height: 14px;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-meta-icon svg path {
  fill: #A6AAB2;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-current {
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 18px 16px 22px;
  background: #FFFFFF;
  border: 1px solid #E9ECF2;
  border-radius: 12px;
  overflow: hidden;
  flex-shrink: 0;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-current .cs-current-accent {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #5DEBC9;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-current .cs-current-info {
  display: flex;
  flex-direction: column;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-current .cs-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: 'Satoshi';
  font-weight: 700;
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #0F8E72;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-current .cs-badge .cs-badge-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #5DEBC9;
  box-shadow: 0 0 0 3px rgba(93, 235, 201, 0.25);
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-current .cs-current-name {
  font-family: 'Satoshi';
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  color: #21262A;
  margin-top: 6px;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-current .cs-current-meta {
  display: flex;
  gap: 14px;
  margin-top: 5px;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-current .cs-current-meta .cs-meta-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: 'Satoshi';
  font-weight: 500;
  font-size: 13px;
  color: #757F94;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-toolbar {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-toolbar .cs-search {
  display: flex;
  align-items: center;
  gap: 9px;
  flex: 1;
  height: 40px;
  padding: 0 14px;
  background: #FFFFFF;
  border: 1px solid #E9ECF2;
  border-radius: 8px;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-toolbar .cs-search:focus-within {
  border-color: #5DEBC9;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-toolbar .cs-search .cs-search-icon {
  display: inline-flex;
  align-items: center;
  width: 18px;
  height: 18px;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-toolbar .cs-search .cs-search-icon svg {
  width: 18px;
  height: 18px;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-toolbar .cs-search .cs-search-input {
  flex: 1;
  height: 38px;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0;
  background: transparent !important;
  box-shadow: none !important;
  font-family: 'Satoshi';
  font-weight: 500;
  font-size: 14px;
  color: #21262A;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-toolbar .cs-seg {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px;
  background: #F3F5F8;
  border: 1px solid #E6EAF0;
  border-radius: 8px;
  flex-shrink: 0;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-toolbar .cs-seg .cs-seg-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 6px 16px;
  border-radius: 6px;
  cursor: pointer;
  font-family: 'Satoshi';
  font-weight: 700;
  font-size: 14px;
  color: #A6AAB2;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-toolbar .cs-seg .cs-seg-btn .cs-seg-icon {
  display: inline-flex;
  align-items: center;
  width: 15px;
  height: 15px;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-toolbar .cs-seg .cs-seg-btn .cs-seg-icon svg {
  width: 15px;
  height: 15px;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-toolbar .cs-seg .cs-seg-btn .cs-seg-icon svg path {
  fill: #A6AAB2;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-toolbar .cs-seg .cs-seg-btn.on {
  background: #171A1D;
  color: #FFFFFF;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-toolbar .cs-seg .cs-seg-btn.on .cs-seg-icon svg path {
  fill: #FFFFFF;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-list {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  border: 1px solid #E9ECF2;
  border-radius: 12px;
  background: #FFFFFF;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-list::-webkit-scrollbar {
  width: 6px;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-list::-webkit-scrollbar-track {
  background-color: #E9ECF2;
  border-radius: 8px;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-list::-webkit-scrollbar-thumb {
  background: #171A1D;
  border-radius: 8px;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-list .cs-row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  border-bottom: 1px solid #EEF0F2;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-list .cs-row:last-child {
  border-bottom: 0;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-list .cs-row:hover {
  background: #F9FAFB;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-list .cs-row.current {
  background: rgba(93, 235, 201, 0.08);
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-list .cs-row .cs-row-info {
  flex: 1;
  min-width: 0;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-list .cs-row .cs-row-info .cs-row-name {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: 'Satoshi';
  font-weight: 700;
  font-size: 14px;
  color: #21262A;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-list .cs-row .cs-row-info .cs-row-name .cs-loaded-tag {
  font-family: 'Satoshi';
  font-weight: 700;
  font-size: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #0F8E72;
  background: rgba(93, 235, 201, 0.18);
  padding: 2px 8px;
  border-radius: 999px;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-list .cs-row .cs-row-info .cs-row-client {
  margin-top: 3px;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-list .cs-row .cs-row-info .cs-row-client .cs-row-meta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: 'Satoshi';
  font-weight: 500;
  font-size: 13px;
  color: #757F94;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-list .cs-row .cs-row-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-list .cs-row .cs-row-actions .cs-star {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  cursor: pointer;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-list .cs-row .cs-row-actions .cs-star svg {
  width: 16px;
  height: 16px;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-list .cs-row .cs-row-actions .cs-star svg path {
  fill: #8A92A0;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-list .cs-row .cs-row-actions .cs-star:hover {
  background: #F3F5F8;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-list .cs-row .cs-row-actions .cs-star.on svg path {
  fill: #f8b84e;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-list .cs-row .cs-row-actions .cs-load-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 14px;
  border: none;
  border-radius: 8px;
  background: #171A1D;
  color: #FFFFFF;
  font-family: 'Satoshi';
  font-weight: 700;
  font-size: 13px;
  cursor: pointer;
  transition: background 0.15s ease;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-list .cs-row .cs-row-actions .cs-load-btn:hover {
  background: #000000;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-list .cs-row .cs-row-actions .cs-load-btn svg {
  width: 15px;
  height: 15px;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-list .cs-row .cs-row-actions .cs-load-btn svg path {
  fill: #FFFFFF;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-list .cs-row .cs-row-actions .cs-current-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 14px;
  border: 1px solid #E9ECF2;
  border-radius: 8px;
  color: #4A5263;
  font-family: 'Satoshi';
  font-weight: 700;
  font-size: 13px;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-list .cs-row .cs-row-actions .cs-current-pill svg {
  width: 15px;
  height: 15px;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-list .cs-row .cs-row-actions .cs-current-pill svg path {
  fill: #0F8E72;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .cs-list .cs-empty {
  padding: 40px;
  text-align: center;
  font-family: 'Satoshi';
  font-weight: 500;
  font-size: 14px;
  color: #A6AAB2;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .content-header {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 174px;
  left: 1px;
  top: 0px;
  border-top: 1px solid #E9ECF2;
  border-radius: 12px 12px 0px 0px;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .content-header .tabs-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 4px;
  gap: 10px;
  position: absolute;
  width: calc(100% - 48px);
  height: 40px;
  left: 24px;
  top: 24px;
  background: #FFFFFF;
  border: 1px solid #E6EAF0;
  border-radius: 8px;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .content-header .tabs-container .tabs {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  gap: 4px;
  width: calc(100% - 8px);
  height: 32px;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .content-header .tabs-container .tabs .tab {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 16px;
  gap: 10px;
  width: 50%;
  height: 32px;
  background: #FFFFFF;
  border-radius: 6px;
  cursor: pointer;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .content-header .tabs-container .tabs .tab.selected {
  background: #E9ECF2;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .content-header .tabs-container .tabs .tab.selected .text {
  color: #171A1D;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .content-header .tabs-container .tabs .tab .text {
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 160%;
  text-align: center;
  font-feature-settings: 'liga' off;
  color: #A6AAB2;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .content-header .search-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  position: absolute;
  height: 40px;
  left: 24px;
  right: 24px;
  top: 80px;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .site-table-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 4px 0px 4px 16px;
  gap: 16px;
  position: absolute;
  height: 30px;
  left: 24px;
  right: 24px;
  top: 144px;
  background: #F3F5F8;
  border-radius: 8px;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .site-table-header .site-table-header-content {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
  width: calc(100% - 16px);
  height: 22px;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .site-table-header .site-table-header-content .header-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 4px;
  height: 22px;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .site-table-header .site-table-header-content .header-item.one {
  width: 40%;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .site-table-header .site-table-header-content .header-item.two {
  width: 40%;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .site-table-header .site-table-header-content .header-item.three {
  width: 20%;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .site-table-header .site-table-header-content .header-item .header-item-text {
  height: 19px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-feature-settings: 'liga' off;
  color: #757F94;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .content-body {
  position: absolute;
  width: 98%;
  height: calc(100% - 174px);
  left: 1px;
  top: 174px;
  overflow-y: scroll;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .content-body::-webkit-scrollbar {
  width: 6px;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .content-body::-webkit-scrollbar-track {
  background-color: #E9ECF2;
  border-radius: 8px;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .content-body::-webkit-scrollbar-thumb {
  background: #171A1D;
  border-radius: 8px;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .content-body::-webkit-scrollbar-thumb:hover {
  width: 10px;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .content-body .content-line-container {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px 24px;
  gap: 16px;
  width: 100%;
  height: 75px;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .content-body .content-line-container .content-line {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 12px;
  width: 100%;
  height: 43px;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .content-body .content-line-container .content-line .content-item {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 4px;
  cursor: default;
  height: 22px;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .content-body .content-line-container .content-line .content-item.one {
  width: 40%;
  padding-left: 16px;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .content-body .content-line-container .content-line .content-item.two {
  width: 40%;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .content-body .content-line-container .content-line .content-item.three {
  width: 20%;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .content-body .content-line-container .content-line .content-item .content-text {
  height: 22px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 160%;
  font-feature-settings: 'liga' off;
  color: #21262A;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .content-body .content-line-container .content-line .content-item .circle-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 6px;
  gap: 10px;
  width: 32px;
  height: 32px;
  background: white;
  border-radius: 70px;
  cursor: pointer;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .content-body .content-line-container .content-line .content-item .circle-button.fill {
  background: #171A1D;
}
.settings-container .settings-content .settings-box .settings-box-content.change-site-content .content-body .content-line-container .content-line .content-item .circle-button.fill svg path {
  fill: white;
}
.settings-container .settings-content .settings-box .settings-box-content.users .users-header {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 54px;
  left: 1px;
  top: 0px;
  border-top: 1px solid #E9ECF2;
  border-radius: 12px 12px 0px 0px;
}
.settings-container .settings-content .settings-box .settings-box-content.users .users-header .header-content-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 4px 0px 4px 16px;
  gap: 16px;
  position: absolute;
  width: calc(100% - 48px);
  height: 30px;
  left: 24px;
  top: 24px;
  background: #F3F5F8;
  border-radius: 8px;
}
.settings-container .settings-content .settings-box .settings-box-content.users .users-header .header-content-container .header-content {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;
  width: calc(100% - 16px);
  height: 22px;
}
.settings-container .settings-content .settings-box .settings-box-content.users .users-header .header-content-container .header-content .header-item {
  flex-direction: row;
  padding: 0px;
  gap: 4px;
  width: 50%;
  height: 22px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-feature-settings: 'liga' off;
  color: #757F94;
}
.settings-container .settings-content .settings-box .settings-box-content.users .users-container {
  position: absolute;
  width: 98%;
  height: calc(100% - 54px);
  left: 1px;
  top: 54px;
  overflow-y: scroll;
}
.settings-container .settings-content .settings-box .settings-box-content.users .users-container::-webkit-scrollbar {
  width: 6px;
}
.settings-container .settings-content .settings-box .settings-box-content.users .users-container::-webkit-scrollbar-track {
  background-color: #E9ECF2;
  border-radius: 8px;
}
.settings-container .settings-content .settings-box .settings-box-content.users .users-container::-webkit-scrollbar-thumb {
  background: #171A1D;
  border-radius: 8px;
}
.settings-container .settings-content .settings-box .settings-box-content.users .users-container::-webkit-scrollbar-thumb:hover {
  width: 10px;
}
.settings-container .settings-content .settings-box .settings-box-content.users .users-container .users {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px 0px 16px;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}
.settings-container .settings-content .settings-box .settings-box-content.users .users-container .users .user-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px 24px;
  gap: 16px;
  width: 100%;
  height: 77px;
  background: #FFFFFF;
}
.settings-container .settings-content .settings-box .settings-box-content.users .users-container .users .user-container .user {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px;
  gap: 8px;
  width: calc(100% - 16px);
  height: 45px;
}
.settings-container .settings-content .settings-box .settings-box-content.users .users-container .users .user-container .user .avatar {
  width: 43px;
  height: 43px;
  position: relative;
  background: #E9ECF2;
  border-radius: 100px;
}
.settings-container .settings-content .settings-box .settings-box-content.users .users-container .users .user-container .user .avatar .initials {
  position: absolute;
  width: 33px;
  height: 11px;
  left: 5px;
  top: 16px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 160%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-feature-settings: 'liga' off;
  color: #4A5263;
}
.settings-container .settings-content .settings-box .settings-box-content.users .users-container .users .user-container .user .user-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 8px;
  width: calc(100% - 75px - 24px);
  height: 45px;
}
.settings-container .settings-content .settings-box .settings-box-content.users .users-container .users .user-container .user .user-info .name-email {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 4px;
  width: 50%;
  height: 45px;
}
.settings-container .settings-content .settings-box .settings-box-content.users .users-container .users .user-container .user .user-info .name-email .name {
  height: 22px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 160%;
  font-feature-settings: 'liga' off;
  color: #21262A;
}
.settings-container .settings-content .settings-box .settings-box-content.users .users-container .users .user-container .user .user-info .name-email .email {
  height: 19px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  color: #757F94;
}
.settings-container .settings-content .settings-box .settings-box-content.users .users-container .users .user-container .user .user-role {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0 0 0 32px;
  gap: 10px;
  height: 32px;
  border-radius: 5px;
}
.settings-container .settings-content .settings-box .settings-box-content.users .users-container .users .user-container .user .settings-icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 6px;
  width: 32px;
  height: 32px;
  background: #F3F5F8;
  border-radius: 6px;
  cursor: pointer;
}
.settings-container .settings-content .settings-box .settings-box-content.users .users-container .users .user-container .user .remove-icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 6px;
  width: 32px;
  height: 32px;
  background: #F3F5F8;
  border-radius: 6px;
  cursor: pointer;
}
.settings-container .settings-content .settings-box .settings-box-content.site-attributes .settings-form,
.settings-container .settings-content .settings-box .settings-box-content.user-info .settings-form,
.settings-container .settings-content .settings-box .settings-box-content.change-password .settings-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 24px;
  width: 100%;
  height: 100%;
}
.settings-container .settings-content .settings-box .settings-box-content.site-attributes .settings-form .form-fields,
.settings-container .settings-content .settings-box .settings-box-content.user-info .settings-form .form-fields,
.settings-container .settings-content .settings-box .settings-box-content.change-password .settings-form .form-fields {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 20px;
  width: 100%;
  height: calc(100% - 64px);
}
.settings-container .settings-content .settings-box .settings-box-content.site-attributes .settings-form .form-fields.slim,
.settings-container .settings-content .settings-box .settings-box-content.user-info .settings-form .form-fields.slim,
.settings-container .settings-content .settings-box .settings-box-content.change-password .settings-form .form-fields.slim {
  width: 70%;
}
.settings-container .settings-content .settings-box .settings-box-content.site-attributes .settings-form .form-fields .form-row,
.settings-container .settings-content .settings-box .settings-box-content.user-info .settings-form .form-fields .form-row,
.settings-container .settings-content .settings-box .settings-box-content.change-password .settings-form .form-fields .form-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;
  width: 100%;
  height: 64px;
}
.settings-container .settings-content .settings-box .settings-box-content.site-attributes .settings-form .form-fields .form-row .form-field,
.settings-container .settings-content .settings-box .settings-box-content.user-info .settings-form .form-fields .form-row .form-field,
.settings-container .settings-content .settings-box .settings-box-content.change-password .settings-form .form-fields .form-row .form-field {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  width: 50%;
  height: 64px;
}
.settings-container .settings-content .settings-box .settings-box-content.site-attributes .settings-form .form-buttons,
.settings-container .settings-content .settings-box .settings-box-content.user-info .settings-form .form-buttons,
.settings-container .settings-content .settings-box .settings-box-content.change-password .settings-form .form-buttons {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding: 0px;
  gap: 16px;
  width: 100%;
  height: 40px;
}
.settings-container .settings-content .settings-box .settings-box-content.site-attributes .settings-form .form-buttons .save-changes-button,
.settings-container .settings-content .settings-box .settings-box-content.user-info .settings-form .form-buttons .save-changes-button,
.settings-container .settings-content .settings-box .settings-box-content.change-password .settings-form .form-buttons .save-changes-button {
  padding: 9px 26px;
  width: 142px;
  height: 40px;
}
/* ============ Settings nav rail (restyled) ============ */
.views-list-side-bar.settings-rail .views-list {
  position: absolute;
  top: 24px;
  left: 16px;
  right: 16px;
  bottom: 0;
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  padding: 0 0 24px;
  overflow-y: auto;
}
.views-list-side-bar.settings-rail .views-list .nav-group {
  font-family: 'Satoshi';
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #757F94;
  padding: 16px 10px 6px;
}
.views-list-side-bar.settings-rail .views-list .nav-group:first-child {
  padding-top: 4px;
}
.views-list-side-bar.settings-rail .views-list > .ember-view {
  display: block;
  text-decoration: none;
  color: inherit;
}
.views-list-side-bar.settings-rail .views-list .view-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 11px;
  width: 100%;
  height: auto;
  padding: 10px 12px;
  margin-bottom: 2px;
  background: #FFFFFF;
  border: 1px solid transparent;
  box-shadow: none;
  border-radius: 8px;
  cursor: pointer;
}
.views-list-side-bar.settings-rail .views-list .view-item .view-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
.views-list-side-bar.settings-rail .views-list .view-item .view-icon svg {
  width: 18px;
  height: 18px;
}
.views-list-side-bar.settings-rail .views-list .view-item .view-icon svg path {
  fill: #4A5263;
}
.views-list-side-bar.settings-rail .views-list .view-item .view-name {
  flex: 1;
  width: auto;
  height: auto;
  font-family: 'Satoshi';
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #4A5263;
}
.views-list-side-bar.settings-rail .views-list .view-item:hover {
  background: #F3F5F8;
}
.views-list-side-bar.settings-rail .views-list .view-item:hover .view-name {
  color: #171A1D;
}
.views-list-side-bar.settings-rail .views-list .view-item:hover .view-icon svg path {
  fill: #171A1D;
}
.views-list-side-bar.settings-rail .views-list .view-item.logout {
  margin-top: 14px;
}
.views-list-side-bar.settings-rail .views-list .view-item.logout .view-icon svg path {
  fill: #C0473B;
}
.views-list-side-bar.settings-rail .views-list .view-item.logout .view-name {
  color: #C0473B;
}
.views-list-side-bar.settings-rail .views-list .view-item.logout:hover {
  background: #FBEAE8;
}
.views-list-side-bar.settings-rail .views-list .view-item.logout:hover .view-name {
  color: #C0473B;
}
.views-list-side-bar.settings-rail .views-list .view-item.logout:hover .view-icon svg path {
  fill: #C0473B;
}
.views-list-side-bar.settings-rail .views-list .ember-view.active .view-item {
  background: #171A1D;
  border-color: #171A1D;
}
.views-list-side-bar.settings-rail .views-list .ember-view.active .view-item .view-name {
  color: #FFFFFF;
}
.views-list-side-bar.settings-rail .views-list .ember-view.active .view-item .view-icon svg path {
  fill: #FFFFFF;
}
.views-list-side-bar.settings-rail .views-list .ember-view.active .view-item:hover {
  background: #171A1D;
}
.views-list-side-bar.settings-rail .views-list .ember-view.active .view-item:hover .view-name {
  color: #FFFFFF;
}
.views-list-side-bar.settings-rail .views-list .ember-view.active .view-item:hover .view-icon svg path {
  fill: #FFFFFF;
}
/* ============ Change Site (full page) ============ */
.cs-page {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  padding: 28px 32px 56px;
  background: #F9FAFB;
}
.cs-page::-webkit-scrollbar {
  width: 8px;
}
.cs-page::-webkit-scrollbar-track {
  background-color: #E9ECF2;
  border-radius: 8px;
}
.cs-page::-webkit-scrollbar-thumb {
  background: #171A1D;
  border-radius: 8px;
}
.cs-page .cs-page-head {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  max-width: 1180px;
  margin-bottom: 22px;
}
.cs-page .cs-page-head .cs-page-icon {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: #FFFFFF;
  border: 1px solid #E9ECF2;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.cs-page .cs-page-head .cs-page-icon svg {
  width: 22px;
  height: 22px;
}
.cs-page .cs-page-head .cs-page-icon svg path {
  fill: #171A1D;
}
.cs-page .cs-page-head .cs-page-title {
  flex: 1;
}
.cs-page .cs-page-head .cs-page-title h1 {
  font-family: 'Satoshi';
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #21262A;
  margin: 0;
}
.cs-page .cs-page-head .cs-page-title p {
  font-family: 'Satoshi';
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  color: #667085;
  margin: 4px 0 0;
}
.cs-page .cs-page-head .cs-page-actions {
  margin-left: auto;
  flex-shrink: 0;
}
.cs-page .cs-page-head .cs-page-actions .new-button-style {
  width: auto;
}
.cs-page .cs-page-head .cs-page-actions .new-button-style .button-icon {
  display: inline-flex;
  align-items: center;
}
.cs-page .cs-page-head .cs-page-actions .new-button-style .button-icon svg {
  width: 16px;
  height: 16px;
}
.cs-page .cs-meta-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
}
.cs-page .cs-meta-icon svg {
  width: 14px;
  height: 14px;
}
.cs-page .cs-meta-icon svg path {
  fill: #A6AAB2;
}
.cs-page .cs-current {
  position: relative;
  display: flex;
  align-items: center;
  gap: 22px;
  max-width: 1180px;
  padding: 22px 24px;
  background: #171A1D;
  border: 1px solid #171A1D;
  border-radius: 16px;
  color: #FFFFFF;
  overflow: hidden;
  margin-bottom: 20px;
}
.cs-page .cs-current .cs-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: 'Satoshi';
  font-weight: 700;
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #5DEBC9;
}
.cs-page .cs-current .cs-badge .cs-badge-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #5DEBC9;
  flex-shrink: 0;
  box-shadow: 0 0 0 0 rgba(93, 235, 201, 0.5);
  animation: cs-live 2.2s ease-out infinite;
}
.cs-page .cs-current .cs-current-name {
  font-family: 'Satoshi';
  font-weight: 700;
  font-size: 22px;
  line-height: 28px;
  color: #FFFFFF;
  margin-top: 9px;
  letter-spacing: -0.015em;
}
.cs-page .cs-current .cs-current-meta {
  display: flex;
  gap: 16px;
  margin-top: 9px;
}
.cs-page .cs-current .cs-current-meta .cs-meta-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: 'Satoshi';
  font-weight: 500;
  font-size: 12.5px;
  color: rgba(255, 255, 255, 0.62);
}
.cs-page .cs-current .cs-meta-icon svg path {
  fill: #5DEBC9;
}
.cs-page .cs-rail {
  max-width: 1180px;
  margin-bottom: 22px;
}
.cs-page .cs-rail .cs-rail-lab {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 10px;
  font-family: 'Satoshi';
  font-weight: 700;
  font-size: 10.5px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #757F94;
}
.cs-page .cs-rail .cs-rail-lab .cs-rail-ico {
  display: inline-flex;
  align-items: center;
  width: 14px;
  height: 14px;
  color: #757F94;
}
.cs-page .cs-rail .cs-rail-lab .cs-rail-ico svg {
  width: 14px;
  height: 14px;
}
.cs-page .cs-rail .cs-chips {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.cs-page .cs-rail .cs-chip {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 9px 14px 9px 11px;
  border: 1px solid #E9ECF2;
  border-radius: 11px;
  background: #FFFFFF;
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.cs-page .cs-rail .cs-chip:hover {
  border-color: #CFD6DE;
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.08);
}
.cs-page .cs-rail .cs-chip .cs-chip-av {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: #5C5C5C;
  color: #FFFFFF;
}
.cs-page .cs-rail .cs-chip .cs-chip-av svg {
  width: 16px;
  height: 16px;
}
.cs-page .cs-rail .cs-chip .cs-chip-av.av-0 {
  background: #0C3F7B;
}
.cs-page .cs-rail .cs-chip .cs-chip-av.av-1 {
  background: #0272BA;
}
.cs-page .cs-rail .cs-chip .cs-chip-av.av-2 {
  background: #19A3A9;
}
.cs-page .cs-rail .cs-chip .cs-chip-av.av-3 {
  background: #0F7F69;
}
.cs-page .cs-rail .cs-chip .cs-chip-av.av-4 {
  background: #5C5C5C;
}
.cs-page .cs-rail .cs-chip .cs-chip-av.av-5 {
  background: #0D215C;
}
.cs-page .cs-rail .cs-chip .cs-chip-av.av-6 {
  background: #16A88A;
}
.cs-page .cs-rail .cs-chip .cs-chip-av.av-7 {
  background: #434952;
}
.cs-page .cs-rail .cs-chip .cs-chip-info {
  min-width: 0;
}
.cs-page .cs-rail .cs-chip .cs-chip-nm {
  font-family: 'Satoshi';
  font-weight: 600;
  font-size: 13px;
  color: #14181C;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cs-page .cs-rail .cs-chip .cs-chip-pf {
  font-family: 'Satoshi';
  font-weight: 500;
  font-size: 11.5px;
  color: #757F94;
  margin-top: 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cs-page .cs-rail .cs-chip .cs-chip-star {
  display: inline-flex;
  align-items: center;
  margin-left: 4px;
  flex-shrink: 0;
}
.cs-page .cs-rail .cs-chip .cs-chip-star svg {
  width: 13px;
  height: 13px;
}
.cs-page .cs-rail .cs-chip .cs-chip-star svg path {
  fill: #f8b84e;
}
.cs-page .cs-toolbar {
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: 1180px;
  margin-bottom: 16px;
}
.cs-page .cs-toolbar .cs-search {
  display: flex;
  align-items: center;
  gap: 9px;
  flex: 1;
  height: 42px;
  padding: 0 14px;
  background: #FFFFFF;
  border: 1px solid #E9ECF2;
  border-radius: 9px;
}
.cs-page .cs-toolbar .cs-search:focus-within {
  border-color: #5DEBC9;
}
.cs-page .cs-toolbar .cs-search .cs-search-icon {
  display: inline-flex;
  align-items: center;
  width: 18px;
  height: 18px;
}
.cs-page .cs-toolbar .cs-search .cs-search-icon svg {
  width: 18px;
  height: 18px;
}
.cs-page .cs-toolbar .cs-search .cs-search-input {
  flex: 1;
  height: 40px;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0;
  background: transparent !important;
  box-shadow: none !important;
  font-family: 'Satoshi';
  font-weight: 500;
  font-size: 14px;
  color: #21262A;
}
.cs-page .cs-toolbar .cs-seg {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px;
  background: #F3F5F8;
  border: 1px solid #E6EAF0;
  border-radius: 9px;
  flex-shrink: 0;
}
.cs-page .cs-toolbar .cs-seg .cs-seg-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 7px 16px;
  border-radius: 6px;
  cursor: pointer;
  font-family: 'Satoshi';
  font-weight: 700;
  font-size: 14px;
  color: #A6AAB2;
}
.cs-page .cs-toolbar .cs-seg .cs-seg-btn .cs-seg-icon {
  display: inline-flex;
  align-items: center;
  width: 15px;
  height: 15px;
}
.cs-page .cs-toolbar .cs-seg .cs-seg-btn .cs-seg-icon svg {
  width: 15px;
  height: 15px;
}
.cs-page .cs-toolbar .cs-seg .cs-seg-btn .cs-seg-icon svg path {
  fill: #A6AAB2;
}
.cs-page .cs-toolbar .cs-seg .cs-seg-btn.on {
  background: #171A1D;
  color: #FFFFFF;
}
.cs-page .cs-toolbar .cs-seg .cs-seg-btn.on .cs-seg-icon svg path {
  fill: #FFFFFF;
}
.cs-page .cs-groups {
  max-width: 1180px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.cs-page .cs-group {
  border: 1px solid #E9ECF2;
  border-radius: 14px;
  background: #FFFFFF;
  overflow: hidden;
}
.cs-page .cs-group .cs-group-head {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 14px 18px;
  cursor: pointer;
}
.cs-page .cs-group .cs-group-head:hover {
  background: #F9FAFB;
}
.cs-page .cs-group .cs-group-head .cs-group-tw {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.cs-page .cs-group .cs-group-head .cs-group-tw::before {
  content: "";
  width: 7px;
  height: 7px;
  border-right: 2px solid #A6AAB2;
  border-bottom: 2px solid #A6AAB2;
  transform: rotate(45deg);
  margin-top: -3px;
  transition: transform 0.15s ease;
}
.cs-page .cs-group .cs-group-head .cs-group-av {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  background: #5C5C5C;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.cs-page .cs-group .cs-group-head .cs-group-av svg {
  width: 18px;
  height: 18px;
}
.cs-page .cs-group .cs-group-head .cs-group-av.av-0 {
  background: #0C3F7B;
}
.cs-page .cs-group .cs-group-head .cs-group-av.av-1 {
  background: #0272BA;
}
.cs-page .cs-group .cs-group-head .cs-group-av.av-2 {
  background: #19A3A9;
}
.cs-page .cs-group .cs-group-head .cs-group-av.av-3 {
  background: #0F7F69;
}
.cs-page .cs-group .cs-group-head .cs-group-av.av-4 {
  background: #5C5C5C;
}
.cs-page .cs-group .cs-group-head .cs-group-av.av-5 {
  background: #0D215C;
}
.cs-page .cs-group .cs-group-head .cs-group-av.av-6 {
  background: #16A88A;
}
.cs-page .cs-group .cs-group-head .cs-group-av.av-7 {
  background: #434952;
}
.cs-page .cs-group .cs-group-head .cs-group-info {
  flex: 1;
  min-width: 0;
}
.cs-page .cs-group .cs-group-head .cs-group-info .cs-group-name {
  font-family: 'Satoshi';
  font-weight: 700;
  font-size: 15px;
  color: #21262A;
}
.cs-page .cs-group .cs-group-head .cs-group-info .cs-group-sub {
  font-family: 'Satoshi';
  font-weight: 500;
  font-size: 12px;
  color: #A6AAB2;
  margin-top: 2px;
}
.cs-page .cs-group .cs-group-head .cs-group-count {
  font-family: 'Satoshi';
  font-weight: 500;
  font-size: 12.5px;
  color: #757F94;
  flex-shrink: 0;
}
.cs-page .cs-group .cs-group-head .cs-group-count b {
  color: #21262A;
  font-weight: 700;
}
.cs-page .cs-group.collapsed .cs-group-head .cs-group-tw::before {
  transform: rotate(-45deg);
  margin-top: 0;
}
.cs-page .cs-group .cs-group-body {
  border-top: 1px solid #EEF0F2;
}
.cs-page .cs-row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 18px 14px 47px;
  border-bottom: 1px solid #EEF0F2;
}
.cs-page .cs-row:last-child {
  border-bottom: 0;
}
.cs-page .cs-row:hover {
  background: #F9FAFB;
}
.cs-page .cs-row.current {
  background: rgba(93, 235, 201, 0.08);
}
.cs-page .cs-row .cs-row-info {
  flex: 1;
  min-width: 0;
}
.cs-page .cs-row .cs-row-info .cs-row-name {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: 'Satoshi';
  font-weight: 700;
  font-size: 14.5px;
  color: #21262A;
}
.cs-page .cs-row .cs-row-info .cs-row-name .cs-loaded-tag {
  font-family: 'Satoshi';
  font-weight: 700;
  font-size: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #0F8E72;
  background: rgba(93, 235, 201, 0.18);
  padding: 2px 8px;
  border-radius: 999px;
}
.cs-page .cs-row .cs-row-info .cs-row-client {
  margin-top: 3px;
}
.cs-page .cs-row .cs-row-info .cs-row-client .cs-row-meta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: 'Satoshi';
  font-weight: 500;
  font-size: 13px;
  color: #757F94;
}
.cs-page .cs-row .cs-row-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.cs-page .cs-row .cs-row-actions .cs-star {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 8px;
  cursor: pointer;
}
.cs-page .cs-row .cs-row-actions .cs-star svg {
  width: 18px;
  height: 18px;
}
.cs-page .cs-row .cs-row-actions .cs-star svg path {
  fill: #8A92A0;
}
.cs-page .cs-row .cs-row-actions .cs-star:hover {
  background: #F3F5F8;
}
.cs-page .cs-row .cs-row-actions .cs-star.on svg path {
  fill: #f8b84e;
}
.cs-page .cs-row .cs-row-actions .cs-load-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 34px;
  padding: 0 16px;
  border: none;
  border-radius: 8px;
  background: #171A1D;
  color: #FFFFFF;
  font-family: 'Satoshi';
  font-weight: 700;
  font-size: 13px;
  cursor: pointer;
  transition: background 0.15s ease;
}
.cs-page .cs-row .cs-row-actions .cs-load-btn:hover {
  background: #000000;
}
.cs-page .cs-row .cs-row-actions .cs-load-btn svg {
  width: 15px;
  height: 15px;
}
.cs-page .cs-row .cs-row-actions .cs-load-btn svg path {
  fill: #FFFFFF;
}
.cs-page .cs-row .cs-row-actions .cs-load-btn[disabled] {
  cursor: default;
}
.cs-page .cs-row .cs-row-actions .cs-load-btn.is-loading {
  opacity: 1;
  pointer-events: none;
  cursor: default;
  background: #2A2E33;
}
.cs-page .cs-row .cs-row-actions .cs-current-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 34px;
  padding: 0 16px;
  border: 1px solid #E9ECF2;
  border-radius: 8px;
  color: #4A5263;
  font-family: 'Satoshi';
  font-weight: 700;
  font-size: 13px;
}
.cs-page .cs-row .cs-row-actions .cs-current-pill svg {
  width: 15px;
  height: 15px;
}
.cs-page .cs-row .cs-row-actions .cs-current-pill svg path {
  fill: #0F8E72;
}
.cs-page .cs-empty {
  max-width: 1180px;
  padding: 48px;
  text-align: center;
  font-family: 'Satoshi';
  font-weight: 500;
  font-size: 14px;
  color: #A6AAB2;
  border: 1px solid #E9ECF2;
  border-radius: 14px;
  background: #FFFFFF;
}
/* Currently-loaded live pulse */
@keyframes cs-live {
  0% {
    box-shadow: 0 0 0 0 rgba(93, 235, 201, 0.45);
  }
  70%,
  100% {
    box-shadow: 0 0 0 7px rgba(93, 235, 201, 0);
  }
}
/* Settings rail — support stroke-based icons (e.g. Data Gateway router) */
.views-list-side-bar.settings-rail .views-list .view-item .view-icon {
  color: #4A5263;
}
.views-list-side-bar.settings-rail .views-list .view-item:hover .view-icon {
  color: #171A1D;
}
.views-list-side-bar.settings-rail .views-list .view-item.logout .view-icon {
  color: #C0473B;
}
.views-list-side-bar.settings-rail .views-list .ember-view.active .view-item .view-icon {
  color: #FFFFFF;
}
.views-list-side-bar.settings-rail .views-list .view-icon svg[stroke] path {
  fill: none !important;
  stroke: currentColor;
}
.required-filter-section {
  display: flex;
  justify-content: center;
  padding: 0px;
  align-items: flex-start;
  position: absolute;
  height: 40px;
  left: 130px;
  top: 16px;
}
.required-filter-section .asset-type-filter {
  width: 250px;
  margin-right: 16px;
}
.title-section {
  display: flex;
  align-items: center;
  gap: 12px;
}
.site-condition-toolbar .point-manager-tools-section,
.global-condition-toolbar .point-manager-tools-section {
  width: 560px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
}
.site-condition-toolbar .point-manager-tools-section .condition-expression-inline-filter,
.global-condition-toolbar .point-manager-tools-section .condition-expression-inline-filter {
  width: 220px;
}
.site-condition-toolbar .point-manager-tools-section .input-box,
.global-condition-toolbar .point-manager-tools-section .input-box {
  width: 320px;
}
.point-manager-tools-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  padding: 0px;
  position: absolute;
  width: 317px;
  height: 40px;
  right: 210px;
  top: 16px;
}
.new-point-button {
  position: absolute;
  width: 178px;
  height: 40px;
  top: 16px;
  right: 16px;
}
.point-manager-tabs-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2px;
  gap: 10px;
  position: absolute;
  width: 418px;
  height: 40px;
  top: 16px;
  left: 400px;
}
.point-manager-tabs-container .tabs {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  gap: 4px;
  width: 414px;
  height: 28px;
}
.point-manager-tabs-container .tabs .tab {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 12px 4px 8px;
  gap: 10px;
  width: 205px;
  height: 30px;
  background: #F3F5F8;
  border-radius: 32px;
  cursor: pointer;
}
.point-manager-tabs-container .tabs .tab .tab-text {
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 160%;
  text-align: center;
  font-feature-settings: 'liga' off;
  color: #757F94;
}
.point-manager-tabs-container .tabs .tab.selected {
  background: #171A1D;
}
.point-manager-tabs-container .tabs .tab.selected .tab-text {
  color: #E9ECF2;
}
.point-manager-section {
  position: absolute;
  top: 83px;
  left: 32px;
  bottom: 32px;
  right: 32px;
  font-family: 'Satoshi';
  overflow: auto;
  padding: 0 32px;
  background: white;
}
.point-manager-section::-webkit-scrollbar {
  width: 6px;
  height: 8px;
}
.point-manager-section::-webkit-scrollbar-track {
  background-color: #FFFFFF;
  border-radius: 8px;
}
.point-manager-section::-webkit-scrollbar-thumb {
  background: #A89F91;
  border-radius: 8px;
}
.point-manager-section::-webkit-scrollbar-thumb:hover {
  width: 10px;
}
.point-manager-section .table-body {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
  max-height: calc(100% - 110px);
  font-size: 12px;
}
.point-manager-section .table-body thead {
  background-color: #f5f5f5;
  border-bottom: 2px solid #e0e0e0;
}
.point-manager-section .table-body .table-body-header .header-item {
  text-align: left;
  padding: 8px 10px;
  font-weight: bold;
  font-size: 14px;
  color: #333;
}
.point-manager-section .table-body .table-body-header .header-item .header-text {
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-feature-settings: 'liga' off;
  color: #757F94;
}
.point-manager-section .table-body .table-body-row {
  cursor: pointer;
}
.point-manager-section .table-body .icon-cell,
.point-manager-section .table-body .editable-cell {
  padding: 8px 10px;
  border-top: 1px solid #e0e0e0;
  position: relative;
}
.point-manager-section .table-body .icon-cell .text,
.point-manager-section .table-body .editable-cell .text,
.point-manager-section .table-body .icon-cell .input-field,
.point-manager-section .table-body .editable-cell .input-field {
  display: inline-block;
  margin-right: 5px;
}
.point-manager-section .table-body .icon-cell .editing-cell,
.point-manager-section .table-body .editable-cell .editing-cell {
  border: 1px solid #ccc;
  padding: 5px;
  width: calc(40%);
}
.point-manager-section .table-body .icon-cell .save-input-button,
.point-manager-section .table-body .editable-cell .save-input-button {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 10px;
}
.point-manager-section .table-body .tools-section {
  text-align: center;
  padding: 8px 10px;
  border-top: 1px solid #e0e0e0;
}
.point-manager-section .table-body .tools-section .delete-btn {
  background-color: white;
  color: white;
  border: none;
  cursor: pointer;
}
.point-manager-section .table-body .tools-section .delete-btn:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(255, 77, 77, 0.5);
}
.point-manager-section .table-body .switch-field .switch-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.point-manager-section .table-body .switch-field .switch-container .switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 24px;
  top: 0;
}
.point-manager-section .table-body .switch-field .switch-container .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.point-manager-section .table-body .switch-field .switch-container .switch .slider-new {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
  border-radius: 24px;
}
.point-manager-section .table-body .switch-field .switch-container .switch .slider-new:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 4px;
  top: 2.5px;
  background-color: white;
  transition: .4s;
  border-radius: 50%;
}
.point-manager-section .table-body .switch-field .switch-container .switch input:checked + .slider-new {
  background-color: #5DEBC9;
}
.point-manager-section .table-body .switch-field .switch-container .switch input:focus + .slider-new {
  box-shadow: 0 0 1px #2196F3;
}
.point-manager-section .table-body .switch-field .switch-container .switch input:checked + .slider-new:before {
  transform: translateX(16px);
}
.boxed-content {
  width: 30%;
  height: 40%;
  padding: 24px;
  background-color: white;
  border-radius: 12px;
  border: solid #E9ECF2 1px;
  top: 20%;
  position: relative;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
.boxed-content-condition {
  width: 40%;
  height: 60%;
  padding: 24px;
  background-color: white;
  border-radius: 12px;
  border: solid #E9ECF2 1px;
  top: 20%;
  position: relative;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
.globalLibrary {
  position: absolute;
  right: 0;
  top: 109px;
  height: calc(100% - 109px - 72px - 48px);
  width: calc(20% - 48px);
  background: white;
  padding: 24px 32px;
  font-family: 'Satoshi';
}
.globalLibrary .input-label {
  color: #757F94;
  font-weight: 800;
  text-transform: uppercase;
}
.point-options {
  position: absolute;
  top: 109px;
  left: 0;
  height: calc(100% - 109px - 72px);
  background: white;
  width: 20%;
  font-family: 'Satoshi';
}
.point-options .point-header {
  font-size: 20px;
  height: 26px;
  padding: 19px 0px 0px 24px;
  width: 100%;
  text-align: left;
}
.point-options .search-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  position: absolute;
  width: calc(100% - 24px);
  height: 40px;
  left: 24px;
  top: 61px;
}
.point-options .dropdown-for-expressions {
  position: absolute;
  top: 117px;
  width: calc(100% - 24px);
  left: 24px;
  height: calc(100% - 117px - 72px);
}
.point-options .dropdown-for-expressions .list-container {
  font-size: 12px;
  height: 100%;
  overflow: auto;
  padding: 0 10px 0 0;
}
.point-options .dropdown-for-expressions .list-container::-webkit-scrollbar {
  width: 6px;
  height: 8px;
}
.point-options .dropdown-for-expressions .list-container::-webkit-scrollbar-track {
  background-color: #FFFFFF;
  border-radius: 8px;
}
.point-options .dropdown-for-expressions .list-container::-webkit-scrollbar-thumb {
  background: #A89F91;
  border-radius: 8px;
}
.point-options .dropdown-for-expressions .list-container::-webkit-scrollbar-thumb:hover {
  width: 10px;
}
.expression-section {
  position: absolute;
  width: 60%;
  height: calc(100% - 109px - 72px - 48px);
  top: 109px;
  left: 20%;
  margin: 24px;
  border-radius: 12px;
  background: white;
}
.expression-section .expression-container-header {
  font-family: 'Satoshi';
  font-weight: 700;
  font-size: 20px;
  position: absolute;
  top: 19px;
  left: 16px;
}
.expression-section .expression-container .expression-box {
  position: absolute;
  height: 100%;
  top: 64px;
  left: 0px;
}
.expression-preview-container {
  position: absolute;
  width: 60%;
  height: 100px;
  left: 20%;
  bottom: 100px;
  margin: 24px;
  border-radius: 12px;
  background: white;
}
.expression-preview-container .expression-preview-header {
  color: #757F94;
  text-transform: uppercase;
  width: 100%;
  height: 16px;
  position: absolute;
  left: 16px;
  font-size: 12px;
  font-weight: 700;
  font-family: 'Satoshi';
  text-align: left;
}
.expression-preview-container .expression-container-box {
  position: absolute;
  width: calc(100% - 32px);
  left: 0px;
  top: 16px;
  height: calc(100% - 16px);
  text-align: left;
  background: #F3F5F8;
  border-radius: 12px;
  padding: 20px;
  margin: 16px;
  font-size: 14px;
  font-weight: 400;
  font-family: 'Satoshi';
}
#edit-point-modal-config .modal-background .fullscreen {
  background: #F9FAFB;
}
#edit-point-modal-config .modal-background .fullscreen .header-navbar {
  height: 40px;
  position: absolute;
  left: 240px;
  right: 240px;
  bottom: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 4px;
  gap: 10px;
  background: #FFFFFF;
  border: 1px solid #5DEBC9;
  box-shadow: 0px 0px 0px 4px #E9FAF6;
  border-radius: 8px;
}
#edit-point-modal-config .modal-background .fullscreen .header-navbar .tabs {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  gap: 4px;
  height: 32px;
}
#edit-point-modal-config .modal-background .fullscreen .header-navbar .tabs .tab {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 4px 16px;
  gap: 10px;
  width: 33%;
  height: 32px;
  background: #FFFFFF;
  border-radius: 6px;
  cursor: pointer;
}
#edit-point-modal-config .modal-background .fullscreen .header-navbar .tabs .tab.active {
  background: #E9FAF6;
}
#edit-point-modal-config .modal-background .fullscreen .header-navbar .tabs .tab .tab-content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  gap: 4px;
  height: 26px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 160%;
  text-align: center;
  color: #5DEBC9;
  font-feature-settings: 'liga' off;
}
#edit-point-modal-config .item-container .item .select-ize {
  text-align: left;
}
#edit-point-modal-config .dropdown-content {
  min-width: 205px;
  display: inherit;
  top: 100% !important;
  left: 0 !important;
  font-size: 10px;
}
#edit-point-modal-config .dropdown-content li {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.87);
  line-height: 12px;
  text-align: left;
}
.isOverriden {
  background: rgba(247, 144, 9, 0.3);
}
.isCustomOverriden {
  background: rgba(247, 144, 9, 0.5);
}
.copy-overrides-button {
  position: absolute;
  width: 150px;
  height: 40px;
  right: 32px;
  top: 25px;
}
#add-filtered-button {
  padding: 9px 30px 9px 26px;
  gap: 10px;
  width: 200px;
  height: 40px;
}
.input-field .quick-options {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.input-field .quick-options button {
  width: 196px;
}
.pm-points-list .table-toolbar {
  position: relative !important;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  padding: 16px 20px;
  background: #ffffff;
  border-radius: 12px;
  border-bottom: 1px solid #e9ecf2;
  height: auto !important;
  width: 100% !important;
  left: 0 !important;
  box-shadow: 0px 8px 15px rgba(55, 64, 83, 0.06);
}
.pm-points-list .table-toolbar .title-section,
.pm-points-list .table-toolbar .required-filter-section,
.pm-points-list .table-toolbar .point-manager-tabs-container,
.pm-points-list .table-toolbar .point-manager-tools-section,
.pm-points-list .table-toolbar .condition-expression-inline-filter {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  height: auto !important;
}
.pm-points-list .table-toolbar .new-point-button {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
}
.pm-points-list .asset-list,
.pm-points-list .section-body-overview {
  width: 100% !important;
  align-self: stretch !important;
}
.pm-points-list .pm-toolbar-row-primary {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.pm-points-list .pm-toolbar-row-secondary {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.pm-points-list .pm-flex-spacer {
  flex: 1 1 auto;
}
.pm-points-list .title-section .title {
  margin: 0;
  font-family: 'Satoshi';
  font-weight: 700;
  font-size: 18px;
  color: #171a1d;
}
.pm-points-list .required-filter-section {
  display: flex;
  align-items: center;
  margin: 0;
}
.pm-points-list .required-filter-section .pm-asset-picker {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.pm-points-list .required-filter-section .pm-asset-picker-label {
  font-family: 'Satoshi';
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: #757f94;
  white-space: nowrap;
}
.pm-points-list .required-filter-section .asset-type-filter {
  width: 220px !important;
  margin: 0 !important;
}
.pm-points-list .required-filter-section .asset-type-filter .selectize-input {
  border: 1.5px solid #e9ecf2 !important;
  background: #ffffff !important;
  font-weight: 600 !important;
  color: #171a1d !important;
  box-shadow: none !important;
  border-radius: 8px !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.pm-points-list .required-filter-section .asset-type-filter .selectize-input:hover {
  border-color: #1b66f2 !important;
}
.pm-points-list .required-filter-section .asset-type-filter .selectize-control.single .selectize-input.input-active,
.pm-points-list .required-filter-section .asset-type-filter .selectize-input.focus,
.pm-points-list .required-filter-section .asset-type-filter .selectize-input.dropdown-active {
  border-color: #1b66f2 !important;
  box-shadow: 0 0 0 3px rgba(27, 102, 242, 0.12) !important;
}
.pm-points-list .point-manager-tabs-container {
  width: auto !important;
}
.pm-points-list .point-manager-tabs-container .tabs {
  width: auto !important;
  height: auto !important;
  gap: 6px !important;
  background: #f3f5f8;
  border-radius: 12px;
  padding: 4px !important;
}
.pm-points-list .point-manager-tabs-container .tab {
  width: auto !important;
  min-width: 0 !important;
  padding: 6px 16px !important;
  height: auto !important;
  background: transparent !important;
  border-radius: 8px !important;
  transition: background 0.12s ease, color 0.12s ease, box-shadow 0.12s ease;
}
.pm-points-list .point-manager-tabs-container .tab .tab-text {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #757f94 !important;
  line-height: 1.4 !important;
}
.pm-points-list .point-manager-tabs-container .tab:hover:not(.selected) {
  background: rgba(255, 255, 255, 0.7) !important;
}
.pm-points-list .point-manager-tabs-container .tab:hover:not(.selected) .tab-text {
  color: #171a1d !important;
}
.pm-points-list .point-manager-tabs-container .tab.selected {
  background: #ffffff !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.06) !important;
}
.pm-points-list .point-manager-tabs-container .tab.selected .tab-text {
  color: #171a1d !important;
}
.pm-points-list .point-manager-tools-section {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px;
  flex: 1 1 auto;
  width: auto !important;
  min-width: 0;
}
.pm-points-list .point-manager-tools-section .input-box {
  flex: 1 1 360px;
  max-width: 520px;
  min-width: 280px;
  position: relative;
}
.pm-points-list .point-manager-tools-section .input-box .icon {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  display: inline-flex;
  align-items: center;
  line-height: 0;
  color: #757f94;
  pointer-events: none;
}
.pm-points-list .point-manager-tools-section .input-box .icon svg,
.pm-points-list .point-manager-tools-section .input-box .icon img {
  width: 16px;
  height: 16px;
  display: block;
}
.pm-points-list .point-manager-tools-section .input-box .icon path {
  fill: #757f94;
}
.pm-points-list .point-manager-tools-section .input-box .icon-input {
  width: 100%;
  height: 40px !important;
  background: #f3f5f8 !important;
  border: 1.5px solid #e9ecf2 !important;
  border-radius: 8px !important;
  padding: 0 16px 0 44px !important;
  font-family: 'Satoshi';
  font-size: 14px;
  color: #171a1d;
  transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}
.pm-points-list .point-manager-tools-section .input-box .icon-input::placeholder {
  color: #757f94;
  font-weight: 500;
}
.pm-points-list .point-manager-tools-section .input-box .icon-input:hover {
  border-color: #cfd6e3 !important;
}
.pm-points-list .point-manager-tools-section .input-box .icon-input:focus {
  outline: none !important;
  background: #ffffff !important;
  border-color: #1b66f2 !important;
  box-shadow: 0 0 0 3px rgba(27, 102, 242, 0.12) !important;
}
.pm-points-list .condition-expression-inline-filter {
  width: auto !important;
}
.pm-points-list .pm-type-filter {
  display: inline-flex;
  align-items: stretch;
  background: #f3f5f8;
  border: 1px solid #e9ecf2;
  border-radius: 10px;
  padding: 3px;
  gap: 2px;
}
.pm-points-list .pm-type-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: transparent;
  border: none;
  border-radius: 7px;
  cursor: pointer;
  font-family: 'Satoshi';
  font-size: 12px;
  font-weight: 600;
  color: #757f94;
  white-space: nowrap;
  transition: background-color 0.12s ease, color 0.12s ease, box-shadow 0.12s ease;
  line-height: 1;
}
.pm-points-list .pm-type-chip .pm-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #94a1b8;
  flex: 0 0 auto;
}
.pm-points-list .pm-type-chip.kind-all .pm-dot {
  background: conic-gradient(#e5484d 0 25%, #1b66f2 25% 50%, #0e9f6e 50% 75%, #94a1b8 75% 100%);
}
.pm-points-list .pm-type-chip.kind-fault .pm-dot {
  background: #e5484d;
}
.pm-points-list .pm-type-chip.kind-activation .pm-dot {
  background: #1b66f2;
}
.pm-points-list .pm-type-chip.kind-acceptance .pm-dot {
  background: #0e9f6e;
}
.pm-points-list .pm-type-chip.kind-none .pm-dot {
  background: #94a1b8;
}
.pm-points-list .pm-type-chip:hover {
  color: #171a1d;
  background: rgba(255, 255, 255, 0.6);
}
.pm-points-list .pm-type-chip.selected {
  background: #ffffff;
  color: #171a1d;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.06);
}
.pm-points-list .new-point-button {
  flex: 0 0 auto;
}
.pm-points-list .section-body-overview {
  padding-bottom: 0 !important;
}
.pm-points-list .point-manager-section {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: auto !important;
  flex: 1 1 auto;
  align-self: stretch !important;
  margin: 8px 32px 24px !important;
  padding: 0 !important;
  border-radius: 12px;
  box-shadow: 0px 8px 15px rgba(55, 64, 83, 0.06);
}
.pm-points-list .point-manager-section .table-body {
  margin-top: 0 !important;
  max-height: none !important;
}
.pm-points-list .point-manager-section .table-body thead.table-body-header {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #F5F5F5;
  box-shadow: 0 1px 0 #E0E0E0;
}
.pm-points-list .pm-descriptor-cell .pm-descriptor-name {
  display: block;
  font-weight: 600;
  color: #171a1d;
  line-height: 1.3;
}
.pm-points-list .pm-row-type {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
  padding: 2px 8px;
  border-radius: 999px;
  font-family: 'Satoshi';
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  line-height: 1.4;
}
.pm-points-list .pm-row-type .pm-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.pm-points-list .pm-row-fault .pm-row-type {
  cursor: help;
}
.pm-points-list .pm-fault-popover {
  position: absolute;
  top: calc(106%);
  left: 0;
  z-index: 50;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity 0.12s ease, transform 0.12s ease, visibility 0s linear 0.12s;
  pointer-events: none;
  display: block;
  min-width: 360px;
  max-width: 480px;
  width: max-content;
  background: #ffffff;
  border: 1px solid #e9ecf2;
  border-radius: 10px;
  box-shadow: 0 12px 28px rgba(23, 26, 29, 0.14), 0 2px 6px rgba(23, 26, 29, 0.06);
  padding: 12px 14px;
  cursor: default;
  font-family: 'Satoshi';
  text-transform: none;
  letter-spacing: normal;
  text-align: left;
}
.pm-points-list .pm-fault-popover .pm-fault-popover-header {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #e5484d;
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e9ecf2;
}
.pm-points-list .pm-fault-popover .pm-fault-popover-header .pm-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #e5484d;
}
.pm-points-list .pm-fault-popover .pm-fault-popover-grid {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px 14px;
  align-items: baseline;
}
.pm-points-list .pm-fault-popover .pm-fault-label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #757f94;
  white-space: nowrap;
  line-height: 1.4;
}
.pm-points-list .pm-fault-popover .pm-fault-value {
  font-size: 13px;
  font-weight: 500;
  color: #171a1d;
  line-height: 1.4;
}
.pm-points-list .pm-fault-popover .pm-fault-value.empty {
  color: #757f94;
  font-style: italic;
  font-weight: 400;
}
.pm-points-list .pm-row-type:hover .pm-fault-popover {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.12s ease, transform 0.12s ease;
}
.pm-points-list .point-manager-section,
.pm-points-list .table-body,
.pm-points-list .table-body tbody,
.pm-points-list .table-body-row,
.pm-points-list .pm-descriptor-cell {
  overflow: visible;
}
.pm-points-list .pm-row-fault .pm-row-type {
  background: rgba(229, 72, 77, 0.1);
  color: #e5484d;
}
.pm-points-list .pm-row-fault .pm-row-type .pm-dot {
  background: #e5484d;
}
.pm-points-list .pm-row-fault > td:first-child {
  box-shadow: inset 3px 0 0 0 #e5484d;
}
.pm-points-list .pm-row-activation .pm-row-type {
  background: rgba(27, 102, 242, 0.1);
  color: #1b66f2;
}
.pm-points-list .pm-row-activation .pm-row-type .pm-dot {
  background: #1b66f2;
}
.pm-points-list .pm-row-activation > td:first-child {
  box-shadow: inset 3px 0 0 0 #1b66f2;
}
.pm-points-list .pm-row-acceptance .pm-row-type {
  background: rgba(14, 159, 110, 0.12);
  color: #0e9f6e;
}
.pm-points-list .pm-row-acceptance .pm-row-type .pm-dot {
  background: #0e9f6e;
}
.pm-points-list .pm-row-acceptance > td:first-child {
  box-shadow: inset 3px 0 0 0 #0e9f6e;
}
.pm-points-list .pm-row-none .pm-row-type {
  background: rgba(148, 161, 184, 0.14);
  color: #757f94;
}
.pm-points-list .pm-row-none .pm-row-type .pm-dot {
  background: #94a1b8;
}
.pm-points-list .pm-row-none > td:first-child {
  box-shadow: inset 3px 0 0 0 transparent;
}
.pm-points-list .table-body-row:hover > td {
  background: rgba(27, 102, 242, 0.03);
}
/* ============================================================
   Task Manager — redesign styles (grouped table + detail drawer)
   Ported from the BalanceCx "task-manager" prototype
   (prototypes/task-manager/task-list.css).
   Everything is scoped under `.taskmgr` so the design's generic
   atom class names (.btn, .select, .toolbar, …) never collide
   with the rest of the app.
   ============================================================ */
/* ---- Design tokens (safe to (re)declare; same values app-wide) ---- */
:root {
  --mint-50: #ECFDF7;
  --mint-100: #D2FBEC;
  --mint-200: #A8F4D9;
  --mint-300: #7DECC8;
  --mint-400: #5CE8C8;
  --mint-500: #2BD0AB;
  --mint-600: #16A88A;
  --mint-700: #0F7F69;
  --mint-800: #0B5A4B;
  --mint-900: #073A30;
  --ink-50: #F5F6F7;
  --ink-100: #E6E8EB;
  --ink-200: #C9CDD3;
  --ink-300: #9DA3AC;
  --ink-400: #6B727C;
  --ink-500: #434952;
  --ink-600: #2A2F37;
  --ink-700: #1E2228;
  --ink-800: #14181C;
  --ink-900: #0B0E11;
  --fg-1: #14181C;
  --fg-2: #434952;
  --fg-3: #6B727C;
  --fg-link: #0272BA;
  --border-1: #E6E8EB;
  --border-2: #C9CDD3;
  --eei-blue: #0272BA;
  --eei-indigo: #0C3F7B;
  --pass: #90D055;
  --pass-strong: #74C040;
  --pass-bg: #ECF7DC;
  --fail: #F06060;
  --fail-strong: #DD4330;
  --fail-bg: #FDEAE6;
  --status-warn: #F39B2C;
  --status-warn-bg: #FDF3E1;
  --status-info-bg: #E3F1FB;
  --font-display: 'Manrope', 'Public Sans', system-ui, -apple-system, sans-serif;
  --font-sans: 'Public Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'Roboto Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --shadow-1: 0 1px 2px rgba(20, 24, 28, 0.05);
  --shadow-3: 0 8px 24px rgba(20, 24, 28, 0.1), 0 2px 6px rgba(20, 24, 28, 0.06);
  --shadow-4: 0 24px 64px rgba(20, 24, 28, 0.16), 0 6px 16px rgba(20, 24, 28, 0.08);
  --shadow-focus: 0 0 0 3px rgba(92, 232, 200, 0.35);
  --dur-fast: 120ms;
  --dur-base: 180ms;
  --dur-slow: 280ms;
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
}
/* ---- keyframes (prefixed to avoid collisions) ---- */
@keyframes tm-fade {
  from {
    opacity: 0;
  }
}
@keyframes tm-slidein {
  from {
    transform: translateX(64px);
    opacity: 0.5;
  }
}
@keyframes tm-toastin {
  from {
    transform: translate(-50%, 8px);
    opacity: 0;
  }
}
@keyframes tm-pop {
  from {
    transform: scale(0.97);
    opacity: 0.7;
  }
}
.taskmgr {
  font-family: var(--font-sans);
  color: var(--fg-1);
  font-size: 14px;
  /* Edge-to-edge page chrome, same treatment as the Reports overview:
     main-content adds 12px top padding and reserves a 75px footer strip. */
  height: 100vh;
  margin: -12px -20px -75px;
  background: #F4F6F8;
  display: flex;
  flex-direction: column;
  min-height: 0;
  position: relative;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  /* =====================================================
     TOP BAR — title / tab pills / actions
     ===================================================== */
  /* =====================================================
     ATOMS — buttons
     ===================================================== */
  /* =====================================================
     PAGE LAYOUT
     ===================================================== */
  /* KPI quick-filter strip */
  /* =====================================================
     TOOLBAR
     ===================================================== */
  /* group-by control */
  /* =====================================================
     TABLE
     ===================================================== */
  /* group header */
  /* row */
  /* task cell */
  /* assignee */
  /* due */
  /* status pill */
  /* priority */
  /* category */
  /* actions */
  /* density */
  /* empty */
  /* footer status bar */
  /* =====================================================
     HISTORY — day-grouped activity feed
     ===================================================== */
  /* =====================================================
     DRAWER — detail / form slide-over
     ===================================================== */
  /* fault card */
  /* instance / result table */
  /* comments */
  /* =====================================================
     FORM (add / edit) inside drawer
     ===================================================== */
  /* =====================================================
     CONFIRM MODAL (delete)
     ===================================================== */
  /* =====================================================
     TOAST
     ===================================================== */
}
.taskmgr *,
.taskmgr *::before,
.taskmgr *::after {
  box-sizing: border-box;
}
.taskmgr svg.lucide {
  display: inline-block;
  vertical-align: middle;
  flex: 0 0 auto;
}
.taskmgr button {
  font-family: inherit;
}
.taskmgr .tm-top {
  display: flex;
  align-items: center;
  gap: 16px;
  background: #fff;
  border-bottom: 1px solid var(--border-1);
  padding: 16px 28px;
  flex-shrink: 0;
}
.taskmgr .tm-titles h1 {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 26px;
  letter-spacing: -0.018em;
  color: #14181C;
  line-height: 1.1;
  margin: 0;
}
.taskmgr .tm-titles .crumbs {
  font-size: 13px;
  color: var(--fg-3);
  margin-top: 5px;
}
.taskmgr .tm-titles .crumbs .sep {
  margin: 0 5px;
}
.taskmgr .tm-titles .crumbs .leaf {
  color: var(--fg-2);
}
.taskmgr .tm-top .spacer {
  flex: 1;
}
.taskmgr .tab-pills {
  display: inline-flex;
  background: #F4F6F8;
  border-radius: 999px;
  padding: 4px;
  border: 1px solid var(--border-1);
}
.taskmgr .tab-pill {
  padding: 8px 18px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 500;
  color: var(--fg-2);
  cursor: pointer;
  white-space: nowrap;
  border: 0;
  background: transparent;
}
.taskmgr .tab-pill:hover {
  color: var(--fg-1);
}
.taskmgr .tab-pill.active {
  background: #14181C;
  color: #fff;
}
.taskmgr .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 38px;
  padding: 0 16px;
  border-radius: 8px;
  font-weight: 500;
  font-size: 13px;
  border: 1px solid transparent;
  cursor: pointer;
  line-height: 1;
  white-space: nowrap;
  transition: background var(--dur-fast) var(--ease-out), border-color var(--dur-fast);
}
.taskmgr .btn:active {
  transform: scale(0.99);
}
.taskmgr .btn-mint {
  background: var(--mint-400);
  color: #14181C;
  font-weight: 600;
}
.taskmgr .btn-mint:hover {
  background: var(--mint-500);
}
.taskmgr .btn-ink {
  background: #14181C;
  color: #fff;
}
.taskmgr .btn-ink:hover {
  background: #000;
}
.taskmgr .btn-ghost {
  background: #fff;
  color: #14181C;
  border-color: #DDE1E6;
}
.taskmgr .btn-ghost:hover {
  background: #F4F6F8;
}
.taskmgr .btn-danger {
  background: #fff;
  color: var(--fail-strong);
  border-color: #F3C9C2;
}
.taskmgr .btn-danger:hover {
  background: var(--fail-bg);
}
.taskmgr .btn-sm {
  height: 32px;
  padding: 0 12px;
  font-size: 12px;
  gap: 6px;
}
.taskmgr .btn.disabled,
.taskmgr .btn[disabled] {
  opacity: 0.5;
  pointer-events: none;
}
.taskmgr .icon-btn {
  width: 30px;
  height: 30px;
  border-radius: 7px;
  border: 1px solid transparent;
  background: transparent;
  color: var(--fg-3);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background var(--dur-fast), color var(--dur-fast), border-color var(--dur-fast);
  padding: 0;
}
.taskmgr .icon-btn:hover {
  background: #fff;
  border-color: var(--border-1);
  color: var(--fg-1);
}
.taskmgr .icon-btn.ok:hover {
  color: var(--pass-strong);
  border-color: #CDE9AE;
  background: var(--pass-bg);
}
.taskmgr .icon-btn.danger:hover {
  color: var(--fail-strong);
  border-color: #F3C9C2;
  background: var(--fail-bg);
}
.taskmgr .icon-btn.on {
  background: #14181C;
  border-color: #14181C;
  color: #fff;
}
.taskmgr .link-btn {
  background: transparent;
  border: 0;
  color: var(--fg-link);
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 8px;
  border-radius: 6px;
}
.taskmgr .link-btn:hover {
  background: #F4F6F8;
}
.taskmgr .tm-page {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 22px 28px 0;
}
.taskmgr .kpi-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-bottom: 18px;
  flex-shrink: 0;
}
.taskmgr .kpi {
  background: #fff;
  border: 1px solid var(--border-1);
  border-radius: 12px;
  padding: 14px 16px;
  cursor: pointer;
  text-align: left;
  display: flex;
  align-items: center;
  gap: 14px;
  transition: border-color var(--dur-fast), box-shadow var(--dur-fast);
}
.taskmgr .kpi:hover {
  border-color: var(--ink-200);
  box-shadow: var(--shadow-1);
}
.taskmgr .kpi.active {
  border-color: #14181C;
  box-shadow: 0 0 0 1px #14181C;
}
.taskmgr .kpi .kpi-ico {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.taskmgr .kpi .kpi-meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.taskmgr .kpi .kpi-num {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 24px;
  line-height: 1;
  color: #14181C;
  font-variant-numeric: tabular-nums;
}
.taskmgr .kpi .kpi-label {
  font-size: 12px;
  color: var(--fg-2);
  font-weight: 500;
}
.taskmgr .kpi-ico.c-open {
  background: var(--status-info-bg);
  color: var(--eei-blue);
}
.taskmgr .kpi-ico.c-prog {
  background: #EFEAFB;
  color: #6D54C7;
}
.taskmgr .kpi-ico.c-over {
  background: var(--fail-bg);
  color: var(--fail-strong);
}
.taskmgr .kpi-ico.c-high {
  background: var(--status-warn-bg);
  color: #C77A12;
}
.taskmgr .kpi .kpi-num.over {
  color: var(--fail-strong);
}
.taskmgr .toolbar {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  background: #fff;
  border: 1px solid var(--border-1);
  border-radius: 12px 12px 0 0;
  border-bottom: 0;
  flex-shrink: 0;
}
.taskmgr .toolbar .tb-title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 17px;
  color: #14181C;
  margin-right: 4px;
}
.taskmgr .toolbar .count-chip {
  font-size: 12px;
  font-weight: 600;
  color: var(--fg-2);
  background: #F2F3F4;
  border-radius: 999px;
  padding: 3px 9px;
  font-variant-numeric: tabular-nums;
}
.taskmgr .toolbar .spacer {
  flex: 1;
}
.taskmgr .field-search {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 12px;
  background: #FAFBFC;
  border: 1px solid var(--border-1);
  border-radius: 8px;
  width: 240px;
}
.taskmgr .field-search svg {
  color: var(--fg-3);
}
.taskmgr .field-search input {
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 13px;
  font-family: inherit;
  flex: 1;
  min-width: 0;
  color: var(--fg-1);
  height: auto;
  margin: 0;
  padding: 0;
  box-shadow: none;
}
.taskmgr .field-search input:focus {
  border: 0;
  box-shadow: none;
}
.taskmgr .field-search input::placeholder {
  color: var(--fg-3);
}
.taskmgr .select {
  position: relative;
  display: inline-flex;
}
.taskmgr .select select {
  height: 36px;
  padding: 0 32px 0 12px;
  border: 1px solid var(--border-1);
  border-radius: 8px;
  font-size: 13px;
  font-family: inherit;
  background: #fff;
  color: var(--fg-1);
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  margin: 0;
  width: auto;
  display: inline-block;
  text-align: left;
  text-align-last: left;
  /* app-global `select` centers text */
}
.taskmgr .select select:hover {
  background: #FAFBFC;
}
.taskmgr .select.set select {
  border-color: var(--ink-300);
  background: #F4F6F8;
  font-weight: 500;
}
.taskmgr .select .chev {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: var(--fg-3);
  display: inline-flex;
}
.taskmgr .select.grow {
  width: 100%;
}
.taskmgr .select.grow select {
  width: 100%;
}
.taskmgr .tb-divider {
  width: 1px;
  height: 24px;
  background: var(--border-1);
  margin: 0 2px;
}
.taskmgr .groupby {
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--border-1);
  border-radius: 8px;
  overflow: hidden;
  height: 36px;
  position: relative;
}
.taskmgr .groupby .gb-label {
  font-size: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--fg-3);
  font-weight: 600;
  padding: 0 10px;
  background: #FAFBFC;
  height: 100%;
  display: inline-flex;
  align-items: center;
  border-right: 1px solid var(--border-1);
}
.taskmgr .groupby select {
  height: 100%;
  border: 0;
  padding: 0 30px 0 10px;
  font-size: 13px;
  font-weight: 500;
  font-family: inherit;
  background: #fff;
  color: var(--fg-1);
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  outline: none;
  margin: 0;
  width: auto;
  display: inline-block;
  text-align: left;
  text-align-last: left;
}
.taskmgr .groupby .chev {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: var(--fg-3);
  display: inline-flex;
}
.taskmgr .table-wrap {
  background: #fff;
  border: 1px solid var(--border-1);
  border-top: 0;
  border-radius: 0 0 12px 12px;
  flex: 1;
  min-height: 0;
  overflow: auto;
  position: relative;
}
.taskmgr .task-table {
  --c-assignee: 188px;
  --c-due: 148px;
  --c-status: 138px;
  --c-prio: 124px;
  --c-cat: 160px;
  --c-act: 128px;
}
.taskmgr .row-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--c-assignee) var(--c-due) var(--c-status) var(--c-prio) var(--c-cat) var(--c-act);
  align-items: center;
}
.taskmgr .t-head {
  position: sticky;
  top: 0;
  z-index: 3;
  background: #FAFBFC;
  border-bottom: 1px solid var(--border-1);
  padding: 0 18px;
}
.taskmgr .t-head .th {
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--fg-2);
  padding: 12px 0;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  user-select: none;
}
.taskmgr .t-head .th.right {
  justify-content: flex-end;
  cursor: default;
}
.taskmgr .t-head .th .sort-ico {
  opacity: 0;
  color: var(--fg-3);
}
.taskmgr .t-head .th:hover .sort-ico {
  opacity: 0.6;
}
.taskmgr .t-head .th.sorted .sort-ico {
  opacity: 1;
  color: var(--fg-1);
}
.taskmgr .group-head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 18px;
  background: #F4F6F8;
  border-bottom: 1px solid var(--border-1);
  cursor: pointer;
  position: sticky;
  top: 41px;
  z-index: 2;
}
.taskmgr .group-head:hover {
  background: #EEF1F4;
}
.taskmgr .group-head .g-chev {
  color: var(--fg-3);
  transition: transform var(--dur-base) var(--ease-out);
  flex-shrink: 0;
  display: inline-flex;
}
.taskmgr .group-head.collapsed .g-chev {
  transform: rotate(-90deg);
}
.taskmgr .group-head .g-name {
  font-weight: 600;
  font-size: 13px;
  color: #14181C;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.taskmgr .group-head .g-count {
  font-size: 12px;
  color: var(--fg-2);
  background: #fff;
  border: 1px solid var(--border-1);
  border-radius: 999px;
  padding: 1px 8px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.taskmgr .group-head .g-spacer {
  flex: 1;
}
.taskmgr .group-head .g-overdue {
  color: var(--fail-strong);
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.taskmgr .t-row {
  padding: 0 18px;
  border-bottom: 1px solid #EEF0F2;
  cursor: pointer;
  transition: background var(--dur-fast);
  position: relative;
}
.taskmgr .t-row:hover {
  background: #FAFBFC;
}
.taskmgr .t-row.done {
  background: #FCFDFD;
}
.taskmgr .t-row .td {
  padding: 13px 10px 13px 0;
  min-width: 0;
}
.taskmgr .t-row .td:first-child {
  padding-left: 0;
}
.taskmgr .task-cell {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  min-width: 0;
}
.taskmgr .type-ico {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 1px;
}
.taskmgr .type-ico.t-manual {
  background: var(--ink-50);
  color: var(--ink-500);
}
.taskmgr .type-ico.t-fault {
  background: var(--fail-bg);
  color: var(--fail-strong);
}
.taskmgr .type-ico.t-test {
  background: var(--status-info-bg);
  color: var(--eei-blue);
}
.taskmgr .task-text {
  min-width: 0;
}
.taskmgr .task-name {
  font-size: 13.5px;
  font-weight: 500;
  color: #14181C;
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.taskmgr .t-row.done .task-name {
  color: var(--fg-3);
  text-decoration: line-through;
  text-decoration-color: var(--ink-200);
}
.taskmgr .task-desc {
  font-size: 12.5px;
  color: var(--fg-2);
  line-height: 1.4;
  margin-top: 2px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.taskmgr .t-row.done .task-desc {
  color: var(--fg-3);
}
.taskmgr .task-sub {
  font-size: 12px;
  color: var(--fg-3);
  margin-top: 4px;
  overflow: hidden;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 7px;
}
.taskmgr .tid {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--fg-2);
}
.taskmgr .task-sub .dot-sep {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--ink-200);
  flex-shrink: 0;
}
.taskmgr .meta-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  color: var(--fg-2);
}
.taskmgr .meta-badge svg {
  opacity: 0.7;
}
.taskmgr .assignee {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
}
.taskmgr .avatar-sm {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 600;
  color: #fff;
  flex-shrink: 0;
  font-family: var(--font-display);
}
.taskmgr .avatar-sm.sz-20 {
  width: 20px;
  height: 20px;
  font-size: 9px;
}
.taskmgr .avatar-sm.sz-30 {
  width: 30px;
  height: 30px;
}
.taskmgr .assignee .a-name {
  font-size: 13px;
  color: var(--fg-1);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.taskmgr .unassigned {
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--fg-3);
  font-size: 13px;
}
.taskmgr .unassigned .av-empty {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px dashed var(--ink-200);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.taskmgr .due-cell {
  font-size: 13px;
  color: var(--fg-1);
  font-variant-numeric: tabular-nums;
  display: flex;
  align-items: center;
  gap: 6px;
}
.taskmgr .due-cell svg {
  color: var(--fg-3);
}
.taskmgr .due-cell.overdue {
  color: var(--fail-strong);
  font-weight: 600;
}
.taskmgr .due-cell.overdue svg {
  color: var(--fail-strong);
}
.taskmgr .due-cell .due-col {
  display: flex;
  flex-direction: column;
}
.taskmgr .due-rel {
  font-size: 11px;
  color: var(--fg-3);
  font-weight: 400;
}
.taskmgr .due-cell.overdue .due-rel {
  color: var(--fail-strong);
}
.taskmgr .status-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px 4px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}
.taskmgr .status-pill.s-open {
  background: var(--status-info-bg);
  color: #0A5C95;
}
.taskmgr .status-pill.s-progress {
  background: #EFEAFB;
  color: #5A41B0;
}
.taskmgr .status-pill.s-closed {
  background: var(--pass-bg);
  color: #4C7A1E;
}
.taskmgr .status-pill.s-other {
  background: #F2F3F4;
  color: var(--fg-2);
}
.taskmgr .prio {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--fg-1);
}
.taskmgr .prio .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
  background: var(--ink-300);
}
.taskmgr .prio.high .dot {
  background: var(--fail);
}
.taskmgr .prio.medium .dot {
  background: var(--status-warn);
}
.taskmgr .prio.low .dot {
  background: var(--pass-strong);
}
.taskmgr .prio.high {
  color: var(--fail-strong);
  font-weight: 600;
}
.taskmgr .cat-tag {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--eei-blue);
  font-size: 12px;
  font-weight: 500;
  min-width: 0;
}
.taskmgr .cat-tag svg {
  flex-shrink: 0;
}
.taskmgr .cat-tag .cat-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.taskmgr .row-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 2px;
  opacity: 0;
  transition: opacity var(--dur-fast);
}
.taskmgr .t-row:hover .row-actions {
  opacity: 1;
}
.taskmgr .task-table.compact .t-row .td {
  padding-top: 8px;
  padding-bottom: 8px;
}
.taskmgr .task-table.compact .type-ico {
  width: 26px;
  height: 26px;
}
.taskmgr .task-table.compact .task-desc {
  -webkit-line-clamp: 1;
}
.taskmgr .task-table.compact .task-sub {
  display: none;
}
.taskmgr .task-table.compact .avatar-sm {
  width: 24px;
  height: 24px;
}
.taskmgr .empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 80px 20px;
  color: var(--fg-3);
}
.taskmgr .empty-state svg {
  color: var(--ink-200);
}
.taskmgr .empty-state .es-title {
  font-size: 15px;
  font-weight: 600;
  color: var(--fg-2);
}
.taskmgr .empty-state .es-sub {
  font-size: 13px;
}
.taskmgr .list-foot {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 11px 4px;
  font-size: 12px;
  color: var(--fg-2);
}
.taskmgr .list-foot .ft-chip {
  background: #fff;
  border: 1px solid var(--border-1);
  border-radius: 999px;
  padding: 4px 12px;
  font-weight: 500;
}
.taskmgr .list-foot .ft-chip b {
  color: #14181C;
  font-variant-numeric: tabular-nums;
}
.taskmgr .list-foot .ft-overdue {
  color: var(--fail-strong);
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.taskmgr .list-foot .spacer {
  flex: 1;
}
.taskmgr .list-foot .ft-note {
  color: var(--fg-3);
}
.taskmgr .hist {
  padding: 0 0 12px;
}
.taskmgr .hist-day-head {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 18px;
  background: #F7F8FA;
  border-bottom: 1px solid var(--border-1);
}
.taskmgr .hist-day-label {
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--fg-2);
}
.taskmgr .hist-day-count {
  font-size: 11px;
  color: var(--fg-3);
  background: #fff;
  border: 1px solid var(--border-1);
  border-radius: 999px;
  padding: 1px 7px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.taskmgr .hist-row {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) 80px;
  gap: 12px;
  align-items: start;
  padding: 12px 18px;
  border-bottom: 1px solid #EEF0F2;
  cursor: pointer;
  transition: background var(--dur-fast);
}
.taskmgr .hist-row:hover {
  background: #FAFBFC;
}
.taskmgr .hist-ico {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.taskmgr .h-created {
  background: var(--status-info-bg);
  color: var(--eei-blue);
}
.taskmgr .h-assigned {
  background: #EEF6FF;
  color: #0272BA;
}
.taskmgr .h-status {
  background: #EFEAFB;
  color: #6D54C7;
}
.taskmgr .h-comment {
  background: #F2F3F4;
  color: var(--fg-2);
}
.taskmgr .h-closed {
  background: var(--pass-bg);
  color: var(--pass-strong);
}
.taskmgr .h-edited {
  background: #FFF6E5;
  color: #B26A00;
}
.taskmgr .h-deleted {
  background: var(--fail-bg);
  color: var(--fail-strong);
}
.taskmgr .hist-body {
  min-width: 0;
}
.taskmgr .hist-line {
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
  font-size: 13px;
  line-height: 1.4;
  color: var(--fg-2);
}
.taskmgr .hist-who {
  font-weight: 600;
  color: #14181C;
}
.taskmgr .hist-val {
  font-weight: 600;
  color: #14181C;
}
.taskmgr .hist-task {
  font-weight: 500;
  color: #14181C;
}
.taskmgr .hist-quote {
  margin-top: 6px;
  padding: 8px 12px;
  background: #F7F8FA;
  border-left: 2px solid var(--ink-200);
  border-radius: 0 8px 8px 0;
  font-size: 13px;
  color: var(--fg-1);
  line-height: 1.45;
}
.taskmgr .hist-quote.redacted {
  color: var(--fg-3);
  font-style: italic;
  border-left-color: var(--ink-100);
}
.taskmgr .hist-more {
  display: flex;
  justify-content: center;
  padding: 14px 0 6px;
}
.taskmgr .hist-meta {
  margin-top: 4px;
  font-size: 12px;
  color: var(--fg-3);
}
.taskmgr .hist-time {
  font-size: 12px;
  color: var(--fg-3);
  text-align: right;
  font-variant-numeric: tabular-nums;
  padding-top: 5px;
}
.taskmgr .scrim {
  position: absolute;
  inset: 0;
  background: rgba(20, 24, 28, 0.28);
  z-index: 40;
  animation: tm-fade var(--dur-base) var(--ease-out);
}
.taskmgr .drawer {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 540px;
  max-width: 92%;
  background: #fff;
  border-left: 1px solid var(--border-1);
  box-shadow: var(--shadow-4);
  z-index: 41;
  display: flex;
  flex-direction: column;
  animation: tm-slidein var(--dur-slow) var(--ease-out);
}
.taskmgr .dw-head {
  padding: 18px 22px 0;
  border-bottom: 1px solid var(--border-1);
  flex-shrink: 0;
}
.taskmgr .dw-head.no-tabs {
  padding-bottom: 16px;
}
.taskmgr .dw-top {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.taskmgr .dw-type {
  width: 36px;
  height: 36px;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.taskmgr .dw-type.t-manual {
  background: var(--ink-50);
  color: var(--ink-500);
}
.taskmgr .dw-type.t-fault {
  background: var(--fail-bg);
  color: var(--fail-strong);
}
.taskmgr .dw-type.t-test {
  background: var(--status-info-bg);
  color: var(--eei-blue);
}
.taskmgr .dw-titlewrap {
  flex: 1;
  min-width: 0;
}
.taskmgr .dw-eyebrow {
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--fg-3);
  display: flex;
  align-items: center;
  gap: 7px;
}
.taskmgr .dw-eyebrow .tid {
  letter-spacing: 0;
  text-transform: none;
}
.taskmgr .dw-title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 19px;
  line-height: 1.25;
  color: #14181C;
  margin-top: 5px;
  letter-spacing: -0.01em;
  overflow-wrap: break-word;
}
.taskmgr .dw-close {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid transparent;
  background: transparent;
  color: var(--fg-3);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  padding: 0;
}
.taskmgr .dw-close:hover {
  background: #F4F6F8;
  color: var(--fg-1);
}
.taskmgr .dw-actionbar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 0 16px;
}
.taskmgr .dw-actionbar .spacer {
  flex: 1;
}
.taskmgr .dw-tabs {
  display: flex;
  gap: 2px;
  padding: 0 22px;
  border-bottom: 1px solid var(--border-1);
  flex-shrink: 0;
}
.taskmgr .dw-tab {
  padding: 11px 4px;
  margin-right: 18px;
  font-size: 13px;
  font-weight: 500;
  color: var(--fg-2);
  cursor: pointer;
  border: 0;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  background: transparent;
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.taskmgr .dw-tab:hover {
  color: var(--fg-1);
}
.taskmgr .dw-tab.active {
  color: #14181C;
  border-bottom-color: #14181C;
  font-weight: 600;
}
.taskmgr .dw-tab .tab-count {
  font-size: 11px;
  font-weight: 600;
  background: #F2F3F4;
  color: var(--fg-2);
  border-radius: 999px;
  padding: 1px 7px;
}
.taskmgr .dw-tab.active .tab-count {
  background: #14181C;
  color: #fff;
}
.taskmgr .dw-body {
  flex: 1;
  overflow-y: auto;
  padding: 20px 22px 28px;
}
.taskmgr .dw-loading {
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--fg-3);
  font-size: 13px;
  padding: 26px 0;
  justify-content: center;
}
.taskmgr .dw-desc {
  font-size: 13.5px;
  line-height: 1.6;
  color: var(--fg-1);
  margin: 0 0 20px;
  white-space: pre-wrap;
}
.taskmgr .meta-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 20px;
  padding: 16px 0;
  border-top: 1px solid #EEF0F2;
  border-bottom: 1px solid #EEF0F2;
}
.taskmgr .meta-item .m-label {
  font-size: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--fg-3);
  font-weight: 600;
  margin-bottom: 6px;
}
.taskmgr .meta-item .m-val {
  font-size: 13px;
  color: var(--fg-1);
  display: flex;
  align-items: center;
  gap: 8px;
}
.taskmgr .dw-section {
  margin-top: 22px;
}
.taskmgr .dw-section .sec-title {
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--fg-2);
  font-weight: 600;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 7px;
}
.taskmgr .dw-section .sec-title .sec-count {
  color: var(--fg-3);
}
.taskmgr .dw-section .sec-title .sec-spacer {
  flex: 1;
}
.taskmgr .dw-section .sec-empty {
  font-size: 13px;
  color: var(--fg-3);
}
.taskmgr .chip-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.taskmgr .asset-chip {
  font-family: var(--font-mono);
  font-size: 11.5px;
  color: #4A47B8;
  background: #ECEBFB;
  border: 1px solid #DEDCF6;
  border-radius: 6px;
  padding: 4px 9px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.taskmgr .asset-chip .chip-x {
  cursor: pointer;
  color: #8B88D6;
  display: inline-flex;
}
.taskmgr .asset-chip .chip-x:hover {
  color: var(--fail-strong);
}
.taskmgr .fault-card {
  border: 1px solid var(--border-1);
  border-radius: 10px;
  padding: 14px 16px;
  margin-bottom: 14px;
}
.taskmgr .fault-card .fc-title {
  font-size: 13.5px;
  font-weight: 600;
  color: #14181C;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.taskmgr .fault-card .fc-title > svg {
  color: var(--fail-strong);
  flex-shrink: 0;
}
.taskmgr .fault-card .fc-prio {
  margin-left: auto;
  flex-shrink: 0;
  font-size: 12px;
}
.taskmgr .fault-card .fc-meta {
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
  margin: 2px 0 8px;
}
.taskmgr .fault-card .fc-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11.5px;
  font-weight: 500;
  color: var(--fg-2);
  background: #F4F6F8;
  border: 1px solid var(--border-1);
  border-radius: 999px;
  padding: 3px 9px;
}
.taskmgr .fault-card .fc-chip svg {
  color: var(--fg-3);
}
.taskmgr .fault-card .fc-desc {
  font-size: 12.5px;
  line-height: 1.55;
  color: var(--fg-2);
  margin: 0;
}
.taskmgr .fault-card .fc-expr-label {
  font-size: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--fg-3);
  margin: 10px 0 5px;
}
.taskmgr .fault-card .fc-actions {
  margin-top: 12px;
  display: flex;
  justify-content: flex-end;
}
.taskmgr .mini-tbl {
  width: 100%;
  border-collapse: collapse;
  font-size: 12.5px;
  margin-top: 4px;
}
.taskmgr .mini-tbl th {
  text-align: left;
  font-weight: 600;
  font-size: 10px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--fg-3);
  padding: 8px 10px;
  border-bottom: 1px solid var(--border-1);
}
.taskmgr .mini-tbl th.right,
.taskmgr .mini-tbl td.right {
  text-align: right;
}
.taskmgr .mini-tbl td {
  padding: 10px;
  border-bottom: 1px solid #EEF0F2;
  color: var(--fg-1);
}
.taskmgr .mini-tbl td.mono {
  font-family: var(--font-mono);
  font-size: 11.5px;
}
.taskmgr .mini-tbl tr:last-child td {
  border-bottom: 0;
}
.taskmgr .expr-box {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--fg-2);
  background: #FAFBFC;
  border: 1px solid #EEF0F2;
  border-radius: 8px;
  padding: 10px 12px;
  line-height: 1.5;
  overflow-wrap: break-word;
}
.taskmgr .result-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 0;
  border-bottom: 1px solid #EEF0F2;
}
.taskmgr .result-row:last-child {
  border-bottom: 0;
}
.taskmgr .result-row .r-name {
  flex: 1;
  font-size: 13px;
  color: var(--fg-1);
  min-width: 0;
}
.taskmgr .result-row .r-name .rn-id {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--fg-2);
  display: block;
  margin-top: 2px;
}
.taskmgr .result-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 64px;
  padding: 5px 0;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #fff;
  flex-shrink: 0;
}
.taskmgr .result-pill.pass {
  background: var(--pass);
}
.taskmgr .result-pill.fail {
  background: var(--fail);
}
.taskmgr .result-pill.na {
  background: var(--ink-300);
}
.taskmgr .comment {
  display: flex;
  gap: 11px;
  padding: 14px 0;
  border-bottom: 1px solid #EEF0F2;
  position: relative;
}
.taskmgr .comment:last-of-type {
  border-bottom: 0;
}
.taskmgr .comment .c-body {
  flex: 1;
  min-width: 0;
}
.taskmgr .comment .c-head {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 4px;
}
.taskmgr .comment .c-name {
  font-size: 13px;
  font-weight: 600;
  color: #14181C;
}
.taskmgr .comment .c-time {
  font-size: 11px;
  color: var(--fg-3);
}
.taskmgr .comment .c-head .c-del {
  margin-left: auto;
  opacity: 0;
  transition: opacity var(--dur-fast);
}
.taskmgr .comment:hover .c-head .c-del {
  opacity: 1;
}
.taskmgr .comment .c-text {
  font-size: 13px;
  line-height: 1.55;
  color: var(--fg-1);
  white-space: pre-wrap;
}
.taskmgr .comment-empty {
  text-align: center;
  padding: 30px 10px;
  color: var(--fg-3);
  font-size: 13px;
}
.taskmgr .comment-composer {
  display: flex;
  gap: 11px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #EEF0F2;
}
.taskmgr .comment-composer .cc-field {
  flex: 1;
}
.taskmgr .comment-composer textarea {
  width: 100%;
  border: 1px solid var(--border-1);
  border-radius: 9px;
  padding: 10px 12px;
  font-family: inherit;
  font-size: 13px;
  resize: none;
  outline: none;
  min-height: 64px;
  color: var(--fg-1);
  margin: 0;
  height: auto;
  background: #fff;
  box-shadow: none;
}
.taskmgr .comment-composer textarea:focus {
  border-color: var(--mint-400);
  box-shadow: var(--shadow-focus);
}
.taskmgr .comment-composer .cc-foot {
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
}
.taskmgr .fm-body {
  flex: 1;
  overflow-y: auto;
  padding: 20px 22px 28px;
}
.taskmgr .fm-field {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin-bottom: 16px;
}
.taskmgr .fm-label {
  font-size: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--fg-2);
  font-weight: 600;
}
.taskmgr .fm-input {
  width: 100%;
  height: 38px;
  border: 1px solid var(--border-1);
  border-radius: 8px;
  padding: 0 12px;
  font-family: inherit;
  font-size: 13px;
  color: var(--fg-1);
  background: #fff;
  outline: none;
  margin: 0;
  box-shadow: none;
}
.taskmgr textarea.fm-input {
  height: auto;
  min-height: 80px;
  padding: 10px 12px;
  line-height: 1.5;
  resize: none;
}
.taskmgr .fm-input:focus {
  border-color: var(--mint-400);
  box-shadow: var(--shadow-focus);
}
.taskmgr .fm-input::placeholder {
  color: var(--fg-3);
}
.taskmgr .fm-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.taskmgr .fm-select {
  position: relative;
}
.taskmgr .fm-select select {
  width: 100%;
  height: 38px;
  border: 1px solid var(--border-1);
  border-radius: 8px;
  padding: 0 32px 0 12px;
  font-size: 13px;
  font-family: inherit;
  background: #fff;
  color: var(--fg-1);
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  margin: 0;
  display: block;
  text-align: left;
  text-align-last: left;
}
.taskmgr .fm-select .chev {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: var(--fg-3);
  display: inline-flex;
}
.taskmgr .fm-check {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 13px;
  color: var(--fg-1);
  cursor: pointer;
  user-select: none;
}
.taskmgr .fm-check input[type="checkbox"] {
  appearance: auto;
  -webkit-appearance: checkbox;
  opacity: 1;
  position: static;
  width: 15px;
  height: 15px;
  margin: 0;
  accent-color: var(--mint-500);
  pointer-events: auto;
  visibility: visible;
  /* app-global `input[type=checkbox]` hides checkboxes */
}
.taskmgr .fm-foot {
  display: flex;
  gap: 10px;
  padding: 14px 22px;
  border-top: 1px solid var(--border-1);
  justify-content: flex-end;
  flex-shrink: 0;
}
.taskmgr .modal-scrim {
  position: absolute;
  inset: 0;
  background: rgba(16, 18, 22, 0.42);
  z-index: 60;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: tm-fade var(--dur-base) var(--ease-out);
}
.taskmgr .tm-modal {
  background: #fff;
  border-radius: 14px;
  box-shadow: var(--shadow-4);
  width: 440px;
  max-width: 92%;
  padding: 22px;
  animation: tm-pop var(--dur-base) var(--ease-out);
}
.taskmgr .tm-modal .mo-title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 17px;
  color: #14181C;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 9px;
}
.taskmgr .tm-modal .mo-title svg {
  color: var(--fail-strong);
}
.taskmgr .tm-modal .mo-text {
  font-size: 13.5px;
  color: var(--fg-2);
  line-height: 1.55;
  margin-bottom: 18px;
}
.taskmgr .tm-modal .mo-text b {
  color: var(--fg-1);
}
.taskmgr .tm-modal .mo-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.taskmgr .toast-wrap {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 70;
  pointer-events: none;
}
.taskmgr .toast {
  background: #14181C;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  padding: 10px 16px;
  border-radius: 10px;
  box-shadow: var(--shadow-3);
  display: flex;
  align-items: center;
  gap: 9px;
  animation: tm-toastin var(--dur-base) var(--ease-out);
  /* neutralize materialize's global .toast rule */
  height: auto;
  line-height: 1.4;
  margin: 0;
  top: auto;
  justify-content: flex-start;
  max-width: 480px;
}
.taskmgr .toast svg {
  color: var(--mint-400);
}
/* ============================================================
   Reports — redesign styles (rail builder + card grid + schedules)
   Ported from the BalanceCx "reports-redesign" prototype.
   Everything is scoped under `.reports-redesign` so the design's
   generic atom class names (.btn, .card, .modal, .seg, …) never
   collide with the rest of the app.
   ============================================================ */
/* ---- Design tokens (safe to (re)declare; same values app-wide) ---- */
:root {
  --mint-50: #ECFDF7;
  --mint-100: #D2FBEC;
  --mint-200: #A8F4D9;
  --mint-300: #7DECC8;
  --mint-400: #5CE8C8;
  --mint-500: #2BD0AB;
  --mint-600: #16A88A;
  --mint-700: #0F7F69;
  --mint-800: #0B5A4B;
  --mint-900: #073A30;
  --ink-50: #F5F6F7;
  --ink-100: #E6E8EB;
  --ink-200: #C9CDD3;
  --ink-300: #9DA3AC;
  --ink-400: #6B727C;
  --ink-500: #434952;
  --ink-600: #2A2F37;
  --ink-700: #1E2228;
  --ink-800: #14181C;
  --ink-900: #0B0E11;
  --fg-1: #14181C;
  --fg-2: #434952;
  --fg-3: #6B727C;
  --border-1: #E6E8EB;
  --border-2: #C9CDD3;
  --eei-blue: #0272BA;
  --eei-indigo: #0C3F7B;
  --pass: #90D055;
  --pass-strong: #74C040;
  --pass-bg: #ECF7DC;
  --fail: #F06060;
  --fail-strong: #DD4330;
  --fail-bg: #FDEAE6;
  --status-warn: #F39B2C;
  --ok-strong: #2E9E6B;
  --font-display: 'Manrope', 'Public Sans', system-ui, -apple-system, sans-serif;
  --font-sans: 'Public Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'Roboto Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --radius-lg: 10px;
  --radius-xl: 14px;
  --shadow-3: 0 8px 24px rgba(20, 24, 28, 0.1), 0 2px 6px rgba(20, 24, 28, 0.06);
  --shadow-4: 0 24px 64px rgba(20, 24, 28, 0.16), 0 6px 16px rgba(20, 24, 28, 0.08);
  --dur-fast: 120ms;
  --dur-base: 180ms;
  --dur-slow: 280ms;
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
}
/* ---- keyframes (prefixed to avoid collisions) ---- */
@keyframes rr-fade {
  from {
    opacity: 0;
  }
}
@keyframes rr-pop {
  from {
    transform: scale(0.97);
    opacity: 0.7;
  }
}
@keyframes rr-slidein {
  from {
    transform: translateX(24px);
    opacity: 0.6;
  }
}
@keyframes rr-toastin {
  from {
    transform: translate(-50%, 12px);
    opacity: 0;
  }
}
@keyframes rr-pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.35;
  }
}
.reports-redesign {
  font-family: var(--font-sans);
  color: var(--fg-1);
  font-size: 14px;
  /* Fill the content area: main-content adds 12px top padding and reserves a
     75px footer strip (@footerHeight + 10) the reports section doesn't use. */
  height: calc(100vh - 12px);
  margin-bottom: -75px;
  background: #F4F6F8;
  display: flex;
  flex-direction: column;
  min-height: 0;
  -webkit-font-smoothing: antialiased;
  /* The overview uses the same edge-to-edge page chrome as Charting and
     Asset Dashboards; builder screens retain their purpose-built layout. */
  /* =====================================================
     ATOMS — buttons / search / segmented / toggle / checkbox
     ===================================================== */
  /* tag chips */
  /* =====================================================
     SCREEN SCAFFOLDING (content area within the app shell)
     ===================================================== */
  /* =====================================================
     REPORTS LIST — card grid
     ===================================================== */
  /* dropdown menu */
  /* =====================================================
     REPORT BUILDER — rail layout
     ===================================================== */
  /* editor pane */
  /* asset-type chooser grid */
  /* checklist rows */
  /* searchable checklist */
  /* de-boxed segmented control (format) */
  /* recipients popover trigger */
  /* freeform "add email" row at the bottom of the recipients popover */
  /* stackable fault filters */
  /* data page — chart cards */
  /* =====================================================
     POINT PICKER (Data page)
     ===================================================== */
  /* equipment header (outer group) — sticks to the top of the scroll area */
  /* point-kind sub-header (Mapped / Condition / Virtual / Constant) — sticks
     just under the (also sticky) equipment header, indented one level in. */
  /* =====================================================
     ADD-PAGE GALLERY (modal)
     ===================================================== */
  /* =====================================================
     MODAL
     ===================================================== */
  /* Scoped under .modal-scrim to out-specify the app's global `.modal`
     (materialize sets display:none / position:fixed / padding / margin). */
  /* generate-now presets */
  /* custom range uses the app's materialize-date-range picker; style its
     trigger to look like a cfg-input field. */
  /* keep the browser's native date/time picker (materialize strips appearance
     from some inputs; belt-and-suspenders so the calendar indicator stays). */
  /* =====================================================
     SCHEDULES — card + table + slide-over
     ===================================================== */
  /* schedule slide-over (reuses cfg-panel) */
  /* =====================================================
     TOAST
     ===================================================== */
}
.reports-redesign *,
.reports-redesign *::before,
.reports-redesign *::after {
  box-sizing: border-box;
}
.reports-redesign svg.lucide {
  display: inline-block;
  vertical-align: middle;
  flex: 0 0 auto;
}
.reports-redesign.reports-overview {
  height: 100vh;
  margin: -12px -20px -75px;
}
.reports-redesign .btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 36px;
  padding: 0 15px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  border: 1px solid transparent;
  white-space: nowrap;
  font-family: inherit;
  transition: background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);
}
.reports-redesign .btn:active {
  transform: scale(0.99);
}
.reports-redesign .btn-mint {
  background: var(--mint-400);
  color: #14181C;
  font-weight: 600;
}
.reports-redesign .btn-mint:hover {
  background: var(--mint-500);
}
.reports-redesign .btn-ink {
  background: #14181C;
  color: #fff;
}
.reports-redesign .btn-ink:hover {
  background: #000;
}
.reports-redesign .btn-ghost {
  background: #fff;
  color: #14181C;
  border-color: #DDE1E6;
}
.reports-redesign .btn-ghost:hover {
  background: #F4F6F8;
}
.reports-redesign .btn-sm {
  height: 30px;
  padding: 0 11px;
  font-size: 12px;
  gap: 5px;
  border-radius: 7px;
}
.reports-redesign .btn.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.reports-redesign .btn-icon {
  width: 34px;
  height: 34px;
  padding: 0;
  border-radius: 8px;
  background: #fff;
  color: var(--fg-2);
  border: 1px solid #DDE1E6;
  display: inline-grid;
  place-items: center;
  cursor: pointer;
}
.reports-redesign .btn-icon:hover {
  background: #F4F6F8;
  color: var(--fg-1);
}
.reports-redesign .btn-icon.sm {
  width: 30px;
  height: 30px;
}
.reports-redesign .btn-link {
  background: transparent;
  border: 0;
  color: var(--eei-blue);
  cursor: pointer;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  padding: 0;
}
.reports-redesign .btn-link:hover {
  color: var(--eei-indigo);
}
.reports-redesign .eqp-back {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 34px;
  padding: 0 13px;
  border-radius: 8px;
  border: 1px solid #DDE1E6;
  background: #fff;
  color: #14181C;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  font-family: inherit;
}
.reports-redesign .eqp-back:hover {
  background: #F4F6F8;
}
.reports-redesign .sc-search {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  height: 38px;
  padding: 0 13px;
  background: #fff;
  border: 1px solid #DDE1E6;
  border-radius: 9px;
  min-width: 0;
  transition: border-color var(--dur-fast), box-shadow var(--dur-fast);
}
.reports-redesign .sc-search.grow {
  flex: 1;
}
.reports-redesign .sc-search:focus-within {
  border-color: var(--mint-400);
  box-shadow: 0 0 0 3px rgba(92, 232, 200, 0.22);
}
.reports-redesign .sc-search input {
  border: 0;
  outline: 0;
  flex: 1;
  min-width: 0;
  font-size: 13.5px;
  color: var(--fg-1);
  background: transparent;
  font-family: inherit;
}
.reports-redesign .sc-search input::placeholder {
  color: var(--fg-3);
}
.reports-redesign .sc-search .lucide {
  color: var(--fg-3);
}
.reports-redesign .sc-search .clr {
  color: var(--fg-3);
  cursor: pointer;
  display: inline-flex;
}
.reports-redesign .sc-search .clr:hover {
  color: var(--fg-1);
}
.reports-redesign .seg {
  display: inline-flex;
  padding: 3px;
  background: #F0F2F4;
  border: 1px solid #E6E8EB;
  border-radius: 9px;
}
.reports-redesign .seg button {
  border: 0;
  background: transparent;
  padding: 7px 13px;
  border-radius: 6px;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--fg-2);
  cursor: pointer;
  font-family: inherit;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  white-space: nowrap;
}
.reports-redesign .seg button:hover {
  color: var(--fg-1);
}
.reports-redesign .seg button.on {
  background: #14181C;
  color: #fff;
  box-shadow: 0 1px 2px rgba(20, 24, 28, 0.12);
}
.reports-redesign .seg button .ct {
  font-family: var(--font-mono);
  font-size: 10.5px;
  font-weight: 500;
  background: rgba(20, 24, 28, 0.06);
  color: var(--fg-2);
  padding: 1px 6px;
  border-radius: 999px;
}
.reports-redesign .seg button.on .ct {
  background: rgba(255, 255, 255, 0.18);
  color: rgba(255, 255, 255, 0.9);
}
.reports-redesign .tgl {
  width: 38px;
  height: 22px;
  border-radius: 999px;
  background: #D4D8DD;
  position: relative;
  cursor: pointer;
  transition: background var(--dur-fast);
  flex: 0 0 auto;
}
.reports-redesign .tgl.on {
  background: var(--mint-500);
}
.reports-redesign .tgl .knob {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  transition: transform var(--dur-fast) var(--ease-out);
}
.reports-redesign .tgl.on .knob {
  transform: translateX(16px);
}
.reports-redesign .cbx {
  width: 18px;
  height: 18px;
  border-radius: 5px;
  border: 1.5px solid #C9CDD3;
  background: #fff;
  display: inline-grid;
  place-items: center;
  cursor: pointer;
  flex: 0 0 auto;
  color: #fff;
}
.reports-redesign .cbx.on {
  background: var(--mint-400);
  border-color: var(--mint-400);
  color: #14181C;
}
.reports-redesign .cbx.dash {
  background: #14181C;
  border-color: #14181C;
  color: #fff;
}
.reports-redesign .muted {
  color: var(--fg-3);
}
.reports-redesign .dim {
  color: var(--fg-3);
}
.reports-redesign .vstack {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.reports-redesign .hstack {
  display: flex;
  align-items: center;
  gap: 10px;
}
.reports-redesign .tg {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 21px;
  padding: 0 9px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}
.reports-redesign .tg .x {
  display: inline-flex;
  cursor: pointer;
  opacity: 0.55;
  margin-left: 1px;
  margin-right: -3px;
}
.reports-redesign .tg .x:hover {
  opacity: 1;
}
.reports-redesign .tg-mint {
  background: var(--mint-50);
  color: var(--mint-700);
  border: 1px solid var(--mint-200);
}
.reports-redesign .tg-fault {
  background: #FDEAE6;
  color: #8A1C0E;
  border: 1px solid #F8C2B7;
}
.reports-redesign .tg-warn {
  background: #FFF1E0;
  color: #8A5300;
  border: 1px solid #FFD89B;
}
.reports-redesign .tg-blue {
  background: #E5F1FA;
  color: #0E4D7A;
  border: 1px solid #B6D7EF;
}
.reports-redesign .tg-ink {
  background: #F0F2F4;
  color: #2A2F37;
  border: 1px solid #E6E8EB;
}
.reports-redesign .rr-top {
  flex: 0 0 auto;
  background: #fff;
  border-bottom: 1px solid #E6E8EB;
  display: flex;
  align-items: center;
  padding: 14px 28px;
  gap: 20px;
}
.reports-redesign .rr-top h1 {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 22px;
  letter-spacing: -0.018em;
  color: #14181C;
}
.reports-redesign .rr-top .crumbs {
  font-size: 12px;
  color: var(--fg-3);
  margin-top: 3px;
  display: flex;
  align-items: center;
}
.reports-redesign .rr-top .crumbs .sep {
  margin: 0 6px;
  color: var(--ink-200);
}
.reports-redesign .rr-top .crumbs .leaf {
  color: var(--fg-2);
  font-weight: 500;
}
.reports-redesign .rr-top .spacer {
  flex: 1;
}
.reports-redesign .rr-top .topbtns {
  display: flex;
  align-items: center;
  gap: 10px;
}
.reports-redesign .rr-overview-top {
  align-items: flex-start;
  padding: 18px 24px 14px;
  min-height: 72px;
}
.reports-redesign .rr-overview-top .rr-titles {
  min-width: 0;
}
.reports-redesign .rr-overview-top h1 {
  line-height: 1.1;
}
.reports-redesign .rr-overview-top .crumbs {
  margin-top: 5px;
}
.reports-redesign .rr-overview-top .crumbs .sep {
  color: var(--fg-3);
}
.reports-redesign .rr-overview-top .crumbs .leaf {
  font-weight: 600;
}
.reports-redesign .rr-content {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}
.reports-redesign .rr-content-inner {
  padding: 22px 28px 40px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.reports-redesign .rr-content.bare {
  overflow: hidden;
}
.reports-redesign .sc-toolbar {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.reports-redesign .sc-empty {
  padding: 56px 24px;
  text-align: center;
  color: var(--fg-2);
}
.reports-redesign .sc-empty .eic {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  margin: 0 auto 14px;
  background: var(--ink-50);
  color: var(--ink-400);
  display: grid;
  place-items: center;
}
.reports-redesign .sc-empty .et {
  font-weight: 600;
  color: #14181C;
  font-size: 15px;
}
.reports-redesign .sc-empty .es {
  font-size: 13px;
  margin-top: 5px;
}
.reports-redesign .rep-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  gap: 16px;
}
.reports-redesign .rep-card {
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 14px;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  transition: border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);
}
.reports-redesign .rep-card:hover {
  border-color: var(--ink-300);
  box-shadow: 0 6px 20px rgba(20, 24, 28, 0.07);
}
.reports-redesign .rep-card-top {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  padding: 18px 18px 12px;
}
.reports-redesign .rep-card-ic {
  width: 42px;
  height: 42px;
  border-radius: 11px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  background: var(--ink-50);
  color: var(--ink-600);
  border: 1px solid var(--border-1);
}
.reports-redesign .rep-card-tt {
  flex: 1;
  min-width: 0;
}
.reports-redesign .rep-card-name {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 16.5px;
  color: #14181C;
  letter-spacing: -0.01em;
  display: flex;
  align-items: center;
  gap: 9px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.reports-redesign .rep-card-desc {
  font-size: 12.5px;
  color: var(--fg-2);
  margin-top: 4px;
  line-height: 1.5;
}
.reports-redesign .rep-card-menu {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
}
.reports-redesign .fmt-badge {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.05em;
  padding: 2px 7px;
  border-radius: 5px;
  border: 1px solid;
  white-space: nowrap;
  flex: 0 0 auto;
}
.reports-redesign .fmt-badge.html {
  color: #0E4D7A;
  background: #E5F1FA;
  border-color: #B6D7EF;
}
.reports-redesign .fmt-badge.word {
  color: #2A2F37;
  background: #F0F2F4;
  border-color: #E6E8EB;
}
.reports-redesign .rep-pages-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 4px 18px 15px;
}
.reports-redesign .rep-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 26px;
  padding: 0 10px 0 8px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 500;
  color: var(--fg-1);
  background: #F7F8FA;
  border: 1px solid #EBEDF0;
}
.reports-redesign .rep-chip .lucide {
  color: var(--ink-500);
}
.reports-redesign .rep-card-foot {
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 18px;
  border-top: 1px solid #F1F3F5;
  background: #FAFBFC;
  border-radius: 0 0 13px 13px;
}
.reports-redesign .rcp-avs {
  display: flex;
  align-items: center;
}
.reports-redesign .rcp-av {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #2A2F37;
  color: #fff;
  display: grid;
  place-items: center;
  font-weight: 700;
  font-size: 10.5px;
  font-family: var(--font-display);
  border: 2px solid #FAFBFC;
  margin-left: -7px;
}
.reports-redesign .rcp-av:first-child {
  margin-left: 0;
}
.reports-redesign .rcp-av.more {
  background: #E6E8EB;
  color: var(--fg-2);
}
.reports-redesign .rep-foot-meta {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: var(--fg-3);
}
.reports-redesign .rep-foot-meta .lucide {
  color: var(--ink-300);
}
.reports-redesign .rep-foot-sp {
  flex: 1;
}
.reports-redesign .pop {
  position: absolute;
  z-index: 60;
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 12px;
  box-shadow: var(--shadow-3);
  width: 320px;
  padding: 10px;
  margin-top: 8px;
}
.reports-redesign .pop.menu {
  width: 190px;
  right: 0;
  top: 34px;
}
.reports-redesign .pop .pop-search {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border: 1px solid #E6E8EB;
  border-radius: 8px;
  margin-bottom: 8px;
}
.reports-redesign .pop .pop-search input {
  border: 0;
  outline: 0;
  flex: 1;
  font-size: 13px;
  font-family: inherit;
  background: transparent;
}
.reports-redesign .pop-list {
  max-height: 240px;
  overflow-y: auto;
}
.reports-redesign .pop-opt {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 8px;
  cursor: pointer;
}
.reports-redesign .pop-opt:hover {
  background: #F4F6F8;
}
.reports-redesign .pop-opt.danger {
  color: var(--fail-strong);
}
.reports-redesign .pop-opt .pav {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #2A2F37;
  color: #fff;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  font-weight: 700;
  font-size: 11px;
  font-family: var(--font-display);
}
.reports-redesign .pop-opt .pm {
  flex: 1;
  min-width: 0;
}
.reports-redesign .pop-opt .pn {
  font-size: 13px;
  font-weight: 500;
  color: #14181C;
}
.reports-redesign .pop-opt .pe {
  font-size: 11.5px;
  color: var(--fg-3);
}
.reports-redesign .pop-opt .check {
  color: var(--mint-600);
  display: inline-flex;
  margin-left: auto;
}
.reports-redesign .pop-scrim {
  position: fixed;
  inset: 0;
  z-index: 40;
}
.reports-redesign .rb {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #F4F6F8;
  min-height: 0;
}
.reports-redesign .rb-top {
  flex: 0 0 auto;
  background: #fff;
  border-bottom: 1px solid #E6E8EB;
  padding: 13px 24px;
  display: flex;
  align-items: center;
  gap: 14px 20px;
  flex-wrap: wrap;
}
.reports-redesign .rb-name-wrap {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 220px;
  flex: 1 1 auto;
}
.reports-redesign .rb-name {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.018em;
  color: #14181C;
  border: 0;
  outline: 0;
  background: transparent;
  padding: 2px 6px;
  margin: -2px -6px;
  border-radius: 7px;
  min-width: 220px;
}
.reports-redesign .rb-name:hover {
  background: #F4F6F8;
}
.reports-redesign .rb-name:focus {
  background: #fff;
  box-shadow: 0 0 0 2px var(--mint-400);
}
.reports-redesign .rb-sub {
  font-size: 12px;
  color: var(--fg-3);
  padding: 0 6px;
  display: flex;
  align-items: center;
  gap: 7px;
}
.reports-redesign .rb-top .sp {
  flex: 1;
}
.reports-redesign .rb-saved {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 12.5px;
  color: var(--fg-3);
  white-space: nowrap;
}
.reports-redesign .rb-saved .lucide {
  color: var(--ok-strong);
}
.reports-redesign .rb-body {
  flex: 1;
  min-height: 0;
  display: grid;
}
.reports-redesign .rb-body.rail {
  grid-template-columns: 336px 1fr;
}
.reports-redesign .rb-rail {
  border-right: 1px solid #E6E8EB;
  background: #fff;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.reports-redesign .rb-rail-settings {
  padding: 12px 11px 4px;
}
.reports-redesign .rb-settings-btn {
  display: flex;
  align-items: center;
  gap: 11px;
  width: 100%;
  padding: 11px 12px;
  border: 1px solid #E6E8EB;
  border-radius: 11px;
  background: #fff;
  cursor: pointer;
  font-family: inherit;
  text-align: left;
  transition: border-color var(--dur-fast), background var(--dur-fast), box-shadow var(--dur-fast);
}
.reports-redesign .rb-settings-btn:hover {
  border-color: var(--ink-300);
}
.reports-redesign .rb-settings-btn.sel {
  border-color: var(--mint-500);
  box-shadow: 0 0 0 1px var(--mint-500) inset;
  background: var(--mint-50);
}
.reports-redesign .rb-settings-btn .sbtn-ic {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  background: var(--ink-50);
  color: var(--ink-600);
  border: 1px solid var(--border-1);
}
.reports-redesign .rb-settings-btn.sel .sbtn-ic {
  background: var(--mint-100);
  color: var(--mint-700);
  border-color: var(--mint-200);
}
.reports-redesign .rb-settings-btn .sbtn-m {
  flex: 1;
  min-width: 0;
}
.reports-redesign .rb-settings-btn .sbtn-t {
  font-size: 13.5px;
  font-weight: 600;
  color: #14181C;
}
.reports-redesign .rb-settings-btn.sel .sbtn-t {
  color: var(--mint-700);
}
.reports-redesign .rb-settings-btn .sbtn-s {
  font-size: 11px;
  color: var(--fg-3);
  margin-top: 2px;
}
.reports-redesign .req-pill {
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #B5820E;
  background: #FFF6E9;
  border: 1px solid #F3DCB0;
  padding: 3px 7px;
  border-radius: 6px;
  white-space: nowrap;
}
.reports-redesign .rb-lock {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 11px;
  text-align: center;
  padding: 34px 20px;
  border: 1px dashed #D4D8DD;
  border-radius: 12px;
  color: var(--fg-3);
  font-size: 12.5px;
  line-height: 1.5;
}
.reports-redesign .rb-lock b {
  color: var(--fg-1);
  font-weight: 600;
}
.reports-redesign .rb-lock .lk {
  width: 40px;
  height: 40px;
  border-radius: 11px;
  display: grid;
  place-items: center;
  background: #FFF6E9;
  color: #B5820E;
  border: 1px solid #F3DCB0;
}
.reports-redesign .gate-cta {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 6px;
  padding: 15px 16px;
  border: 1px solid var(--mint-200);
  border-radius: 12px;
  background: var(--mint-50);
}
.reports-redesign .gate-cta-status {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--fg-2);
  flex-wrap: wrap;
}
.reports-redesign .gate-check {
  display: inline-grid;
  place-items: center;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  background: #fff;
  border: 1.5px solid #C9CDD3;
  color: transparent;
  margin-left: 6px;
}
.reports-redesign .gate-check:first-child {
  margin-left: 0;
}
.reports-redesign .gate-check.ok {
  background: var(--mint-400);
  border-color: var(--mint-400);
  color: #14181C;
}
.reports-redesign .rb-rail-head {
  flex: 0 0 auto;
  padding: 15px 16px 11px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #F1F3F5;
}
.reports-redesign .rb-rail-head .t {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--fg-3);
}
.reports-redesign .rb-rail-head .ct {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--fg-3);
}
.reports-redesign .rb-pages {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 11px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.reports-redesign .rb-rail-foot {
  flex: 0 0 auto;
  padding: 11px;
  border-top: 1px solid #F1F3F5;
}
.reports-redesign .rb-rail-foot .btn {
  width: 100%;
  justify-content: center;
}
.reports-redesign .rb-page {
  display: grid;
  grid-template-columns: 26px 34px 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 10px 11px;
  border: 1px solid #E6E8EB;
  border-radius: 11px;
  background: #fff;
  cursor: pointer;
  position: relative;
  user-select: none;
  transition: border-color var(--dur-fast), background var(--dur-fast), box-shadow var(--dur-fast);
}
.reports-redesign .rb-page:hover {
  border-color: var(--ink-300);
}
.reports-redesign .rb-page.sel {
  border-color: var(--mint-500);
  box-shadow: 0 0 0 1px var(--mint-500) inset;
  background: var(--mint-50);
}
.reports-redesign .rb-page .idx {
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 600;
  color: var(--fg-3);
  display: grid;
  place-items: center;
  width: 26px;
}
.reports-redesign .rb-page.sel .idx {
  color: var(--mint-700);
}
.reports-redesign .rb-page .pic {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  background: var(--ink-50);
  color: var(--ink-600);
  border: 1px solid var(--border-1);
}
.reports-redesign .rb-page.sel .pic {
  background: var(--mint-100);
  color: var(--mint-700);
  border-color: var(--mint-200);
}
.reports-redesign .rb-page .pm {
  min-width: 0;
}
.reports-redesign .rb-page .ptitle {
  font-size: 13.5px;
  font-weight: 600;
  color: #14181C;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.reports-redesign .rb-page .ptype {
  font-size: 11px;
  color: var(--fg-3);
  margin-top: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.reports-redesign .rb-page .ord {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  opacity: 0;
  transition: opacity var(--dur-fast);
}
.reports-redesign .rb-page:hover .ord,
.reports-redesign .rb-page.sel .ord {
  opacity: 1;
}
.reports-redesign .ord-move {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.reports-redesign .ord-btn {
  width: 24px;
  height: 16px;
  border: 0;
  background: transparent;
  color: var(--fg-3);
  display: grid;
  place-items: center;
  cursor: pointer;
  border-radius: 5px;
  padding: 0;
}
.reports-redesign .ord-btn.del {
  height: 26px;
  width: 26px;
  border-radius: 6px;
}
.reports-redesign .ord-btn:hover:not(:disabled) {
  background: rgba(20, 24, 28, 0.07);
  color: var(--fg-1);
}
.reports-redesign .ord-btn:disabled {
  opacity: 0.25;
  cursor: default;
}
.reports-redesign .ord-btn.del:hover:not(:disabled) {
  background: #FDEAE6;
  color: var(--fail-strong);
}
.reports-redesign .rb-main {
  min-height: 0;
  overflow-y: auto;
}
.reports-redesign .rb-editor {
  max-width: 780px;
  margin: 0 auto;
  padding: 30px 34px 70px;
  display: flex;
  flex-direction: column;
  gap: 26px;
}
.reports-redesign .rb-editor.wide {
  max-width: 940px;
}
.reports-redesign .ed-titlebar {
  display: flex;
  align-items: center;
  gap: 13px;
}
.reports-redesign .ed-titlebar .eic {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  background: var(--mint-50);
  color: var(--mint-700);
  border: 1px solid var(--mint-200);
}
.reports-redesign .ed-titlebar .eic.ink {
  background: var(--ink-50);
  color: var(--ink-600);
  border-color: var(--border-1);
}
.reports-redesign .ed-titlebar .em {
  flex: 1;
  min-width: 0;
}
.reports-redesign .ed-typelabel {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--mint-700);
}
.reports-redesign .ed-typelabel.ink {
  color: var(--fg-3);
}
.reports-redesign .ed-title-input {
  width: 100%;
  border: 1px solid transparent;
  outline: 0;
  background: transparent;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 24px;
  letter-spacing: -0.018em;
  color: #14181C;
  padding: 3px 8px;
  margin: -3px -8px;
  border-radius: 8px;
}
.reports-redesign .ed-title-input:hover {
  background: #F4F6F8;
}
.reports-redesign .ed-title-input:focus {
  background: #fff;
  box-shadow: 0 0 0 2px var(--mint-400);
}
.reports-redesign .ed-hint {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 11px;
  background: #F7F8FA;
  border: 1px solid #EBEDF0;
  font-size: 12.5px;
  color: var(--fg-2);
  line-height: 1.5;
}
.reports-redesign .ed-hint .lucide {
  color: var(--ink-400);
  flex: 0 0 auto;
  margin-top: 1px;
}
.reports-redesign .ed-hint.mint {
  background: var(--mint-50);
  border-color: var(--mint-200);
}
.reports-redesign .ed-hint.mint .lucide {
  color: var(--mint-700);
}
.reports-redesign .ed-hint.warn {
  background: #FFF6E9;
  border-color: #F3DCB0;
}
.reports-redesign .ed-hint.warn .lucide {
  color: #B5820E;
}
.reports-redesign .ed-hint b {
  color: var(--fg-1);
}
.reports-redesign .eb {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.reports-redesign .eb-lab {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--fg-3);
  display: flex;
  align-items: center;
  gap: 8px;
}
.reports-redesign .eb-lab .req {
  color: var(--fail-strong);
}
.reports-redesign .eb-lab .cnt {
  margin-left: auto;
  font-family: var(--font-mono);
  font-size: 10.5px;
  color: var(--mint-700);
  letter-spacing: 0;
  text-transform: none;
}
.reports-redesign .type-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 8px;
}
.reports-redesign .type-opt {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 12px;
  border: 1px solid #DDE1E6;
  border-radius: 11px;
  background: #fff;
  cursor: pointer;
  text-align: left;
  font-family: inherit;
  transition: border-color var(--dur-fast), background var(--dur-fast);
}
.reports-redesign .type-opt:hover {
  border-color: var(--ink-300);
}
.reports-redesign .type-opt.on {
  border-color: var(--mint-500);
  background: var(--mint-50);
  box-shadow: 0 0 0 1px var(--mint-500) inset;
}
.reports-redesign .type-opt .tl {
  font-size: 13px;
  font-weight: 600;
  color: #14181C;
}
.reports-redesign .type-opt .ts {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--fg-3);
  margin-top: 1px;
}
.reports-redesign .chk-list {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.reports-redesign .chk-list.scroll {
  max-height: 340px;
  overflow-y: auto;
  padding-right: 4px;
}
.reports-redesign .chk-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 13px;
  border: 1px solid #E6E8EB;
  border-radius: 10px;
  cursor: pointer;
  background: #fff;
  transition: border-color var(--dur-fast), background var(--dur-fast);
}
.reports-redesign .chk-row:hover {
  background: #FAFBFC;
}
.reports-redesign .chk-row.on {
  border-color: var(--mint-400);
  background: var(--mint-50);
}
.reports-redesign .chk-row .ci {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: var(--ink-50);
  color: var(--ink-600);
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid var(--border-1);
}
.reports-redesign .chk-row .cm {
  flex: 1;
  min-width: 0;
}
.reports-redesign .chk-row .cn {
  font-size: 13.5px;
  font-weight: 600;
  color: #14181C;
}
.reports-redesign .chk-row .cd {
  font-size: 11.5px;
  color: var(--fg-3);
  margin-top: 1px;
}
.reports-redesign .chk-row .cx {
  font-family: var(--font-mono);
  font-size: 11.5px;
  color: var(--fg-2);
  white-space: nowrap;
}
.reports-redesign .chk-row .cx.dim {
  color: var(--fg-3);
}
.reports-redesign .chk-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 4px 2px 2px;
  font-size: 12.5px;
  color: var(--fg-2);
}
.reports-redesign .chk-bar .sp {
  flex: 1;
}
.reports-redesign .pf-select {
  height: 42px;
  padding: 0 14px;
  border: 1px solid #DDE1E6;
  border-radius: 10px;
  font-size: 14px;
  font-family: inherit;
  outline: 0;
  color: var(--fg-1);
  background: #fff;
  cursor: pointer;
  width: 100%;
}
.reports-redesign .pf-select:focus {
  border-color: var(--mint-400);
  box-shadow: 0 0 0 3px rgba(92, 232, 200, 0.22);
}
.reports-redesign .cl {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.reports-redesign .cl-search {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 9px 12px;
  border: 1px solid #DDE1E6;
  border-radius: 10px;
  background: #fff;
}
.reports-redesign .cl-search:focus-within {
  border-color: var(--mint-400);
  box-shadow: 0 0 0 3px rgba(92, 232, 200, 0.22);
}
.reports-redesign .cl-search input {
  border: 0;
  outline: 0;
  flex: 1;
  font-size: 13.5px;
  font-family: inherit;
  background: transparent;
  color: var(--fg-1);
}
.reports-redesign .cl-search .lucide {
  color: var(--fg-3);
}
.reports-redesign .fmt-seg .seg {
  background: transparent;
  border: 0;
  padding: 0;
  gap: 8px;
}
.reports-redesign .fmt-seg .seg button {
  border: 1px solid #DDE1E6;
  border-radius: 8px;
  padding: 8px 16px;
}
.reports-redesign .fmt-seg .seg button:hover {
  background: #F4F6F8;
}
.reports-redesign .fmt-seg .seg button.on {
  background: #14181C;
  color: #fff;
  border-color: #14181C;
  box-shadow: none;
}
.reports-redesign .rcp-trigger {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 40px;
  padding: 0 13px;
  border-radius: 9px;
  border: 1px solid #DDE1E6;
  background: #fff;
  cursor: pointer;
  font-family: inherit;
  font-size: 13.5px;
  color: var(--fg-1);
}
.reports-redesign .rcp-trigger:hover {
  border-color: var(--ink-300);
}
.reports-redesign .rcp-trigger.full {
  width: 100%;
}
.reports-redesign .rcp-trigger .lucide {
  color: var(--fg-3);
}
.reports-redesign .pop-add {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
  border-top: 1px solid #EEF0F2;
  margin-top: 6px;
}
.reports-redesign .pop-add .cl-search {
  min-width: 0;
}
.reports-redesign .pop-add .btn {
  flex: 0 0 auto;
}
.reports-redesign .flt {
  border: 1px solid #E6E8EB;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}
.reports-redesign .flt.on {
  border-color: var(--mint-300);
}
.reports-redesign .flt-head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 15px;
  cursor: pointer;
  user-select: none;
}
.reports-redesign .flt-head:hover {
  background: #FAFBFC;
}
.reports-redesign .flt.on .flt-head {
  border-bottom: 1px solid #F1F3F5;
}
.reports-redesign .flt-ic {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  background: var(--ink-50);
  color: var(--ink-600);
  border: 1px solid var(--border-1);
}
.reports-redesign .flt.on .flt-ic {
  background: var(--mint-100);
  color: var(--mint-700);
  border-color: var(--mint-200);
}
.reports-redesign .flt-m {
  flex: 1;
  min-width: 0;
}
.reports-redesign .flt-n {
  font-size: 14px;
  font-weight: 600;
  color: #14181C;
}
.reports-redesign .flt-s {
  font-size: 11.5px;
  color: var(--fg-3);
  margin-top: 1px;
}
.reports-redesign .flt.on .flt-s {
  color: var(--mint-700);
}
.reports-redesign .flt-body {
  padding: 14px 15px 16px;
}
.reports-redesign .dchart {
  border: 1px solid #E6E8EB;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}
.reports-redesign .dchart.on {
  border-color: var(--mint-300);
}
.reports-redesign .dchart-head {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 11px 13px;
  cursor: pointer;
  user-select: none;
}
.reports-redesign .dchart-head:hover {
  background: #FAFBFC;
}
.reports-redesign .dchart.on .dchart-head {
  border-bottom: 1px solid #F1F3F5;
}
.reports-redesign .dchart-idx {
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 600;
  color: var(--fg-3);
}
.reports-redesign .dchart-ic {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  background: var(--ink-50);
  color: var(--ink-600);
  border: 1px solid var(--border-1);
}
.reports-redesign .dchart.on .dchart-ic {
  background: var(--mint-100);
  color: var(--mint-700);
  border-color: var(--mint-200);
}
.reports-redesign .dchart-name {
  flex: 1;
  min-width: 0;
  border: 1px solid transparent;
  outline: 0;
  background: transparent;
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 15px;
  color: #14181C;
  padding: 5px 8px;
  margin: -5px 0;
  border-radius: 7px;
}
.reports-redesign .dchart-name:hover {
  background: #F4F6F8;
}
.reports-redesign .dchart-name:focus {
  background: #fff;
  box-shadow: 0 0 0 2px var(--mint-400);
}
.reports-redesign .dchart-ct {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--mint-700);
  background: var(--mint-50);
  border: 1px solid var(--mint-200);
  padding: 2px 8px;
  border-radius: 999px;
  white-space: nowrap;
}
.reports-redesign .dchart-acts {
  display: flex;
  align-items: center;
  gap: 6px;
}
.reports-redesign .dchart-body {
  padding: 15px 15px 17px;
}
.reports-redesign .chart-type-seg {
  margin-bottom: 13px;
}
.reports-redesign .pt-cart-empty {
  padding: 30px 18px;
  text-align: center;
  font-size: 12.5px;
  color: var(--fg-3);
}
.reports-redesign .pt-cart-empty.dashed {
  border: 1px dashed #D4D8DD;
  border-radius: 12px;
}
.reports-redesign .pt-cart-empty .lucide {
  color: var(--ink-300);
  display: block;
  margin: 0 auto 9px;
}
.reports-redesign .pt-wrap {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 14px;
  align-items: start;
}
.reports-redesign .pt-cat {
  border: 1px solid #E6E8EB;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}
.reports-redesign .pt-cat-search {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 11px 13px;
  border-bottom: 1px solid #F1F3F5;
}
.reports-redesign .pt-cat-search input {
  border: 0;
  outline: 0;
  flex: 1;
  font-size: 13.5px;
  font-family: inherit;
  background: transparent;
  color: var(--fg-1);
}
.reports-redesign .pt-cat-search .lucide {
  color: var(--fg-3);
}
.reports-redesign .pt-facets {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 10px 13px;
  border-bottom: 1px solid #F1F3F5;
}
.reports-redesign .pt-facet {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 26px;
  padding: 0 9px;
  border-radius: 999px;
  border: 1px solid #DDE1E6;
  background: #fff;
  font-size: 11.5px;
  font-weight: 500;
  color: var(--fg-2);
  cursor: pointer;
  font-family: inherit;
}
.reports-redesign .pt-facet:hover {
  border-color: var(--ink-300);
  color: var(--fg-1);
}
.reports-redesign .pt-facet.on {
  background: #14181C;
  color: #fff;
  border-color: #14181C;
}
.reports-redesign .pt-facet .n {
  font-family: var(--font-mono);
  font-size: 10px;
  opacity: 0.7;
}
.reports-redesign .pt-facet-sep {
  width: 1px;
  height: 18px;
  background: #E6E8EB;
  margin: 0 2px;
  align-self: center;
}
.reports-redesign .pt-list {
  max-height: 380px;
  overflow-y: auto;
}
.reports-redesign .pt-sec {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 34px;
  padding: 0 14px;
  background: #F0F2F4;
  border-bottom: 1px solid #E6E8EB;
  position: sticky;
  top: 0;
  z-index: 3;
}
.reports-redesign .pt-kind {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 32px;
  padding: 0 14px 0 24px;
  position: sticky;
  top: 34px;
  z-index: 2;
  background: #fff;
  border-bottom: 1px solid #F1F3F5;
}
.reports-redesign .pt-kind-name {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 2px 8px;
  border-radius: 5px;
  border: 1px solid;
}
.reports-redesign .pt-kind-name.mapped {
  color: var(--ink-600);
  background: var(--ink-50);
  border-color: var(--border-1);
}
.reports-redesign .pt-kind-name.condition {
  color: #8A5300;
  background: #FFF1E0;
  border-color: #FFD89B;
}
.reports-redesign .pt-kind-name.virtual {
  color: var(--mint-700);
  background: var(--mint-50);
  border-color: var(--mint-200);
}
.reports-redesign .pt-kind-name.constant {
  color: #0E4D7A;
  background: #E5F1FA;
  border-color: #B6D7EF;
}
.reports-redesign .pt-kind-ct {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--fg-3);
}
.reports-redesign .pt-cap-note {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 12px 14px;
  font-size: 12px;
  color: var(--fg-3);
  border-top: 1px solid #F1F3F5;
  background: #FAFBFC;
}
.reports-redesign .pt-cap-note .lucide {
  color: var(--ink-400);
  flex: 0 0 auto;
}
.reports-redesign .pt-sec .sn {
  display: flex;
  align-items: center;
  gap: 7px;
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 600;
  color: #14181C;
}
.reports-redesign .pt-sec .sn .lucide {
  color: var(--ink-400);
}
.reports-redesign .pt-sec .st {
  font-size: 11px;
  color: var(--fg-3);
  font-family: var(--font-sans);
}
.reports-redesign .pt-row {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 9px 14px 9px 24px;
  border-bottom: 1px solid #F4F6F8;
  cursor: pointer;
}
.reports-redesign .pt-row:hover {
  background: #FAFBFC;
}
.reports-redesign .pt-row.added {
  background: var(--mint-50);
}
.reports-redesign .pt-row .check {
  width: 18px;
  height: 18px;
  border-radius: 5px;
  border: 1.5px solid #C9CDD3;
  background: #fff;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  color: #fff;
}
.reports-redesign .pt-row.added .check {
  background: var(--mint-400);
  border-color: var(--mint-400);
  color: #14181C;
}
.reports-redesign .pt-row .pn {
  flex: 1;
  min-width: 0;
}
.reports-redesign .pt-row .pid {
  font-family: var(--font-mono);
  font-size: 12.5px;
  font-weight: 500;
  color: #14181C;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.reports-redesign .pt-row .pmeta {
  font-size: 11px;
  color: var(--fg-3);
  margin-top: 2px;
}
.reports-redesign .pt-row .punit {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--fg-2);
  background: #F0F2F4;
  padding: 2px 7px;
  border-radius: 6px;
  white-space: nowrap;
}
.reports-redesign .pt-cart {
  border: 1px solid #E6E8EB;
  border-radius: 12px;
  background: #fff;
  position: sticky;
  top: 0;
  overflow: hidden;
}
.reports-redesign .pt-cart-head {
  padding: 13px 15px;
  border-bottom: 1px solid #F1F3F5;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.reports-redesign .pt-cart-head .t {
  font-size: 13px;
  font-weight: 600;
  color: #14181C;
}
.reports-redesign .pt-cart-head .n {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--mint-700);
  background: var(--mint-50);
  border: 1px solid var(--mint-200);
  padding: 1px 8px;
  border-radius: 999px;
}
.reports-redesign .pt-cart-list {
  max-height: 400px;
  overflow-y: auto;
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.reports-redesign .pt-cart-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 9px;
  border-radius: 8px;
  background: #F7F8FA;
  border: 1px solid #EBEDF0;
}
.reports-redesign .pt-cart-item .pid {
  flex: 1;
  min-width: 0;
  font-family: var(--font-mono);
  font-size: 11.5px;
  color: #14181C;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.reports-redesign .pt-cart-item .rm {
  width: 20px;
  height: 20px;
  border-radius: 5px;
  border: 0;
  background: transparent;
  color: var(--fg-3);
  display: grid;
  place-items: center;
  cursor: pointer;
  flex: 0 0 auto;
}
.reports-redesign .pt-cart-item .rm:hover {
  background: #FDEAE6;
  color: var(--fail-strong);
}
.reports-redesign .gal {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.reports-redesign .gal-card {
  display: flex;
  flex-direction: column;
  gap: 9px;
  padding: 16px;
  border: 1px solid #E6E8EB;
  border-radius: 13px;
  background: #fff;
  cursor: pointer;
  text-align: left;
  font-family: inherit;
  transition: border-color var(--dur-fast), background var(--dur-fast), box-shadow var(--dur-fast);
}
.reports-redesign .gal-card:hover {
  border-color: var(--mint-500);
  background: var(--mint-50);
  box-shadow: 0 4px 14px rgba(20, 24, 28, 0.06);
}
.reports-redesign .gal-card .gi {
  width: 42px;
  height: 42px;
  border-radius: 11px;
  display: grid;
  place-items: center;
  background: var(--ink-50);
  color: var(--ink-600);
  border: 1px solid var(--border-1);
}
.reports-redesign .gal-card:hover .gi {
  background: var(--mint-100);
  color: var(--mint-700);
  border-color: var(--mint-200);
}
.reports-redesign .gal-card .gt {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 15px;
  color: #14181C;
}
.reports-redesign .gal-card .gd {
  font-size: 12px;
  color: var(--fg-2);
  line-height: 1.5;
}
.reports-redesign .modal-scrim {
  position: fixed;
  inset: 0;
  background: rgba(16, 18, 22, 0.45);
  z-index: 50;
  display: grid;
  place-items: center;
  animation: rr-fade var(--dur-base) var(--ease-out);
}
.reports-redesign .modal-scrim .modal {
  display: block;
  position: static;
  left: auto;
  right: auto;
  margin: 0;
  padding: 0;
  background: #fff;
  border-radius: 16px;
  box-shadow: var(--shadow-4);
  width: 480px;
  max-width: 92vw;
  max-height: 92vh;
  overflow: hidden;
  animation: rr-pop var(--dur-base) var(--ease-out);
}
.reports-redesign .modal-scrim .modal.w520 {
  width: 520px;
}
.reports-redesign .modal-scrim .modal.w560 {
  width: 560px;
}
.reports-redesign .modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px 16px;
  border-bottom: 1px solid #EEF0F2;
}
.reports-redesign .modal-head .mt {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 19px;
  color: #14181C;
  letter-spacing: -0.01em;
}
.reports-redesign .modal-head .ms {
  font-size: 12.5px;
  color: var(--fg-2);
  margin-top: 3px;
}
.reports-redesign .modal-body {
  padding: 20px 24px;
  max-height: 62vh;
  overflow-y: auto;
}
.reports-redesign .rng-custom {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-top: 12px;
}
.reports-redesign .rng-field {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.reports-redesign .rng-field span {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--fg-3);
}
.reports-redesign .rng-field input {
  width: 100%;
}
.reports-redesign .rng-arrow {
  color: var(--fg-3);
  margin-top: 18px;
}
.reports-redesign .rng-picker {
  margin-top: 14px;
}
.reports-redesign .rng-picker .materialize-date-range {
  width: 100%;
}
.reports-redesign .rng-picker .date-range-handler {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 44px;
  padding: 0 13px;
  border: 1px solid #DDE1E6;
  border-radius: 9px;
  background: #fff;
  cursor: pointer;
  transition: border-color var(--dur-fast);
}
.reports-redesign .rng-picker .date-range-handler:hover {
  border-color: var(--mint-400);
}
.reports-redesign .rng-picker input.double-date {
  border: 0;
  background: transparent;
  cursor: pointer;
  width: 100%;
  height: auto;
  font-size: 13.5px;
  color: var(--fg-1);
  font-family: inherit;
}
.reports-redesign .rng-picker .date-range-handler i {
  color: var(--fg-3);
  margin-left: auto;
}
.reports-redesign input[type="date"],
.reports-redesign input[type="time"] {
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
  min-height: 40px;
}
.reports-redesign input[type="date"]::-webkit-calendar-picker-indicator,
.reports-redesign input[type="time"]::-webkit-calendar-picker-indicator {
  opacity: 1;
  cursor: pointer;
}
.reports-redesign .type-grid.presets {
  grid-template-columns: repeat(3, 1fr);
}
.reports-redesign .type-opt.center {
  justify-content: center;
}
.reports-redesign .type-opt.center .tl {
  font-size: 12.5px;
}
.reports-redesign .card {
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 14px;
  overflow: hidden;
  margin: 0;
  position: relative;
}
.reports-redesign .card-head {
  padding: 16px 20px 14px;
  border-bottom: 1px solid #EEF0F2;
  display: flex;
  align-items: center;
  gap: 11px;
}
.reports-redesign .card-head .h {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 16px;
  color: #14181C;
}
.reports-redesign .card-head .sub {
  font-size: 12.5px;
  color: var(--fg-3);
  margin-top: 2px;
}
.reports-redesign .card-head .ico-badge {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  background: var(--ink-50);
  color: var(--ink-600);
}
.reports-redesign .jtbl-scroll {
  overflow-x: auto;
}
.reports-redesign .jtbl {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  min-width: 720px;
}
.reports-redesign .jtbl thead th {
  text-align: left;
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--fg-3);
  padding: 11px 18px;
  border-bottom: 1px solid #E6E8EB;
  white-space: nowrap;
  background: #fff;
}
.reports-redesign .jtbl thead th.right {
  text-align: right;
}
.reports-redesign .jtbl tbody tr {
  border-bottom: 1px solid #F1F3F5;
}
.reports-redesign .jtbl tbody tr:last-child {
  border-bottom: 0;
}
.reports-redesign .jtbl tbody tr:hover {
  background: #FAFBFC;
}
.reports-redesign .jtbl tbody tr.off {
  opacity: 0.62;
}
.reports-redesign .jtbl tbody td {
  padding: 13px 18px;
  vertical-align: middle;
}
.reports-redesign .jtbl .jname {
  display: flex;
  align-items: center;
  gap: 12px;
}
.reports-redesign .jtbl .jname .jic {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  background: var(--ink-50);
  color: var(--ink-600);
  border: 1px solid var(--border-1);
}
.reports-redesign .jtbl .jname .t {
  font-weight: 600;
  font-size: 13.5px;
  color: #14181C;
  display: flex;
  align-items: center;
  gap: 8px;
}
.reports-redesign .jtbl .jname .d {
  font-size: 11.5px;
  color: var(--fg-3);
  margin-top: 2px;
}
.reports-redesign .sched {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 12.5px;
  color: var(--fg-1);
  font-family: var(--font-mono);
}
.reports-redesign .sched .lucide {
  color: var(--fg-3);
}
.reports-redesign .sched.manual {
  color: var(--fg-3);
  font-family: var(--font-sans);
}
.reports-redesign .jtime {
  font-size: 12.5px;
  color: var(--fg-2);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.reports-redesign .jstatus {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
}
.reports-redesign .jstatus .dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
}
.reports-redesign .jstatus.ok {
  color: var(--mint-700);
}
.reports-redesign .jstatus.ok .dot {
  background: var(--pass);
}
.reports-redesign .jstatus.paused {
  color: var(--fg-3);
}
.reports-redesign .jstatus.paused .dot {
  background: var(--ink-300);
}
.reports-redesign .jstatus.fail {
  color: var(--fail-strong);
}
.reports-redesign .jstatus.fail .dot {
  background: var(--fail);
}
.reports-redesign .jkebab {
  display: flex;
  gap: 6px;
  justify-content: flex-end;
  align-items: center;
}
.reports-redesign .jkebab .btn-icon {
  border: 1px solid #E6E8EB;
}
.reports-redesign .sc-scrim {
  position: fixed;
  inset: 0;
  background: rgba(16, 18, 22, 0.42);
  z-index: 40;
  animation: rr-fade var(--dur-base) var(--ease-out);
}
.reports-redesign .cfg-panel {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 620px;
  max-width: 96vw;
  background: #fff;
  z-index: 41;
  display: flex;
  flex-direction: column;
  box-shadow: -16px 0 48px rgba(20, 24, 28, 0.16);
  animation: rr-slidein var(--dur-slow) var(--ease-out);
}
.reports-redesign .cfg-head {
  padding: 20px 26px 18px;
  border-bottom: 1px solid #EEF0F2;
  display: flex;
  align-items: center;
  gap: 13px;
}
.reports-redesign .cfg-head .pic {
  width: 42px;
  height: 42px;
  border-radius: 11px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  background: var(--mint-50);
  color: var(--mint-700);
  border: 1px solid var(--mint-200);
}
.reports-redesign .cfg-head .ht {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 19px;
  letter-spacing: -0.01em;
  color: #14181C;
}
.reports-redesign .cfg-head .hs {
  font-size: 12.5px;
  color: var(--fg-2);
  margin-top: 2px;
}
.reports-redesign .cfg-head .sp {
  flex: 1;
}
.reports-redesign .cfg-body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 24px 26px 30px;
  display: flex;
  flex-direction: column;
  gap: 26px;
}
.reports-redesign .cfg-foot {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 15px 26px;
  border-top: 1px solid #EEF0F2;
  background: #FAFBFC;
}
.reports-redesign .cfg-foot .foot-btns {
  display: flex;
  gap: 10px;
}
.reports-redesign .next-sum {
  font-size: 12.5px;
  color: var(--fg-2);
  display: flex;
  align-items: center;
  gap: 7px;
}
.reports-redesign .next-sum b {
  color: #14181C;
  font-weight: 600;
}
.reports-redesign .next-sum .muted {
  color: var(--fg-3);
}
.reports-redesign .cfg-sec .lab {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--fg-3);
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 13px;
}
.reports-redesign .cfg-sec .lab .n {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--ink-700);
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 10px;
  font-family: var(--font-mono);
  letter-spacing: 0;
}
.reports-redesign .cfg-field {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.reports-redesign .cfg-input {
  height: 40px;
  padding: 0 13px;
  border: 1px solid #DDE1E6;
  border-radius: 9px;
  font-size: 14px;
  font-family: inherit;
  outline: 0;
  color: var(--fg-1);
  width: 100%;
  background: #fff;
}
.reports-redesign .cfg-input:focus {
  border-color: var(--mint-400);
  box-shadow: 0 0 0 3px rgba(92, 232, 200, 0.22);
}
.reports-redesign textarea.cfg-input {
  height: 84px;
  padding: 10px 13px;
  resize: vertical;
  line-height: 1.5;
}
.reports-redesign .sched-reports {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.reports-redesign .scope-row {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 12px 14px;
  border: 1px solid #E6E8EB;
  border-radius: 11px;
  cursor: pointer;
}
.reports-redesign .scope-row:hover {
  background: #FAFBFC;
}
.reports-redesign .scope-row.on {
  border-color: var(--mint-400);
  background: var(--mint-50);
}
.reports-redesign .scope-row .si {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: var(--ink-50);
  color: var(--ink-600);
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid var(--border-1);
}
.reports-redesign .scope-row .sm {
  flex: 1;
  min-width: 0;
}
.reports-redesign .scope-row .sn {
  font-size: 13.5px;
  font-weight: 600;
  color: #14181C;
}
.reports-redesign .scope-row .sd {
  font-size: 11.5px;
  color: var(--fg-3);
  margin-top: 1px;
}
.reports-redesign .scope-row .sct {
  font-family: var(--font-mono);
  font-size: 11.5px;
  color: var(--fg-2);
}
.reports-redesign .cad-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 9px;
}
.reports-redesign .cad {
  border: 1px solid #DDE1E6;
  border-radius: 11px;
  padding: 13px 12px;
  cursor: pointer;
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition: border-color var(--dur-fast), background var(--dur-fast);
}
.reports-redesign .cad:hover {
  border-color: var(--ink-300);
}
.reports-redesign .cad.on {
  border-color: var(--mint-500);
  background: var(--mint-50);
  box-shadow: 0 0 0 1px var(--mint-500) inset;
}
.reports-redesign .cad .ci {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: #F0F2F4;
  color: var(--fg-2);
  display: grid;
  place-items: center;
}
.reports-redesign .cad.on .ci {
  background: var(--mint-100);
  color: var(--mint-700);
}
.reports-redesign .cad .ct {
  font-size: 13px;
  font-weight: 600;
  color: #14181C;
}
.reports-redesign .cad .cd {
  font-size: 11px;
  color: var(--fg-3);
  line-height: 1.4;
}
.reports-redesign .cad-detail {
  margin-top: 13px;
  background: #FAFBFC;
  border: 1px solid #EEF0F2;
  border-radius: 11px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.reports-redesign .inline-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.reports-redesign .inline-row .lbl {
  font-size: 13px;
  color: var(--fg-1);
}
.reports-redesign .inline-row.summary {
  color: var(--mint-700);
  font-size: 12.5px;
  font-weight: 500;
}
.reports-redesign .mini-input {
  width: 72px;
  height: 36px;
  padding: 0 10px;
  border: 1px solid #DDE1E6;
  border-radius: 8px;
  font-size: 13.5px;
  font-family: inherit;
  outline: 0;
  text-align: center;
}
.reports-redesign .mini-input:focus {
  border-color: var(--mint-400);
  box-shadow: 0 0 0 3px rgba(92, 232, 200, 0.22);
}
.reports-redesign .sched-time {
  width: 132px;
  height: 40px;
  padding: 0 12px;
  border: 1px solid #DDE1E6;
  border-radius: 8px;
  font-size: 13.5px;
  font-family: inherit;
  outline: 0;
  color: var(--fg-1);
  background: #fff;
}
.reports-redesign .sched-time:focus {
  border-color: var(--mint-400);
  box-shadow: 0 0 0 3px rgba(92, 232, 200, 0.22);
}
.reports-redesign .sched-num {
  width: 64px;
  height: 40px;
  padding: 0 10px;
  border: 1px solid #DDE1E6;
  border-radius: 8px;
  font-size: 13.5px;
  font-family: inherit;
  outline: 0;
  text-align: center;
  color: var(--fg-1);
  background: #fff;
}
.reports-redesign .sched-num:focus {
  border-color: var(--mint-400);
  box-shadow: 0 0 0 3px rgba(92, 232, 200, 0.22);
}
.reports-redesign .pick {
  height: 36px;
  padding: 0 11px;
  border: 1px solid #DDE1E6;
  border-radius: 8px;
  font-size: 13.5px;
  font-family: inherit;
  color: var(--fg-1);
  background: #fff;
  cursor: pointer;
  outline: 0;
}
.reports-redesign .pick:focus {
  border-color: var(--mint-400);
  box-shadow: 0 0 0 3px rgba(92, 232, 200, 0.22);
}
.reports-redesign .daychips {
  display: flex;
  gap: 6px;
}
.reports-redesign .daychip {
  width: 36px;
  height: 34px;
  border-radius: 8px;
  border: 1px solid #DDE1E6;
  background: #fff;
  font-size: 12px;
  font-weight: 600;
  color: var(--fg-2);
  cursor: pointer;
  font-family: inherit;
}
.reports-redesign .daychip.on {
  background: #14181C;
  color: #fff;
  border-color: #14181C;
}
.reports-redesign .opt-row {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 13px 0;
  border-bottom: 1px solid #F1F3F5;
}
.reports-redesign .opt-row:last-child {
  border-bottom: 0;
}
.reports-redesign .opt-row .om {
  flex: 1;
}
.reports-redesign .opt-row .on-t {
  font-size: 13.5px;
  font-weight: 600;
  color: #14181C;
}
.reports-redesign .opt-row .od {
  font-size: 11.5px;
  color: var(--fg-3);
  margin-top: 2px;
}
.reports-redesign .sc-toast {
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 70;
  display: flex;
  align-items: center;
  gap: 9px;
  background: #14181C;
  color: #fff;
  padding: 12px 18px;
  border-radius: 11px;
  font-size: 13.5px;
  font-weight: 500;
  box-shadow: 0 16px 40px rgba(20, 24, 28, 0.28);
  animation: rr-toastin var(--dur-base) var(--ease-out);
}
.reports-redesign .sc-toast .lucide {
  color: var(--mint-400);
}
@media (max-width: 1200px) {
  .reports-redesign .rb-body.rail {
    grid-template-columns: 280px 1fr;
  }
  .reports-redesign .pt-wrap {
    grid-template-columns: 1fr;
  }
  .reports-redesign .pt-cart {
    position: static;
  }
}
/* BalanceCx AI Chat Styles */
.ai-chat-container {
  display: flex;
  height: calc(100vh - 24px);
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  overflow: hidden;
  background-color: white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
/* Sidebar Styles */
.ai-chat-sidebar {
  width: 300px;
  border-right: 1px solid #e0e0e0;
  display: flex;
  flex-direction: column;
  background-color: #f5f5f5;
}
.ai-chat-sidebar-header {
  padding: 15px;
  border-bottom: 1px solid #e0e0e0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ai-chat-sidebar-header h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}
.ai-new-chat-btn {
  background-color: #0272ba;
  color: white;
  border: none;
  border-radius: 4px;
  padding: 6px 12px;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.2s;
}
.ai-new-chat-btn:hover {
  background-color: #015388;
}
.ai-new-chat-btn i {
  margin-right: 5px;
}
.ai-chat-conversations {
  flex: 1;
  overflow-y: auto;
}
.ai-conversation-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.ai-conversation-item {
  padding: 12px 15px;
  border-bottom: 1px solid #e0e0e0;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background-color 0.2s;
}
.ai-conversation-item:hover {
  background-color: #e8e8e8;
}
.ai-conversation-item.active {
  background-color: #a3dbfe;
  border-left: 3px solid #0272ba;
}
.ai-conversation-preview {
  flex: 1;
  overflow: hidden;
}
.ai-conversation-text {
  display: block;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ai-conversation-time {
  display: block;
  font-size: 12px;
  color: #767676;
  margin-top: 3px;
}
.ai-delete-convo-btn {
  background: none;
  border: none;
  color: #767676;
  cursor: pointer;
  padding: 5px;
  font-size: 14px;
  opacity: 0.6;
  transition: opacity 0.2s;
}
.ai-delete-convo-btn:hover {
  opacity: 1;
  color: #f44336;
}
.ai-clear-all {
  padding: 15px;
  text-align: center;
  border-top: 1px solid #e0e0e0;
}
.ai-clear-all-btn {
  background: none;
  border: 1px solid #767676;
  color: #767676;
  padding: 6px 12px;
  border-radius: 4px;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.2s;
}
.ai-clear-all-btn:hover {
  background-color: #f44336;
  border-color: #f44336;
  color: white;
}
.ai-no-conversations {
  padding: 30px 15px;
  text-align: center;
  color: #767676;
}
.ai-no-conversations p {
  margin: 5px 0;
}
/* Main Chat Area Styles */
.ai-chat-main {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.ai-chat-header {
  padding: 15px;
  border-bottom: 1px solid #e0e0e0;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.ai-chat-header h2 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #0272ba;
}
.ai-chat-messages {
  flex: 1;
  overflow-y: auto;
  padding: 15px;
  background-color: white;
}
.ai-message {
  max-width: 85%;
  margin-bottom: 15px;
  border-radius: 18px;
  padding: 12px 16px;
  position: relative;
}
.ai-message.ai-user-message {
  background-color: #0272ba;
  color: white;
  margin-left: auto;
  border-bottom-right-radius: 4px;
}
.ai-message.ai-assistant-message {
  background-color: #f5f5f5;
  color: #333333;
  margin-right: auto;
  border-bottom-left-radius: 4px;
}
.ai-message-content {
  font-size: 15px;
  line-height: 1.5;
  /* Additional Markdown Styles */
}
.ai-message-content p {
  margin: 0 0 10px 0;
}
.ai-message-content p:last-child {
  margin-bottom: 0;
}
.ai-message-content a {
  color: #0272ba;
  text-decoration: underline;
}
.ai-message-content code {
  background-color: rgba(0, 0, 0, 0.1);
  padding: 2px 4px;
  border-radius: 3px;
  font-family: monospace;
  font-size: 90%;
}
.ai-message-content pre {
  background-color: #f1f1f1;
  padding: 10px;
  border-radius: 4px;
  overflow-x: auto;
}
.ai-message-content pre code {
  background: none;
  padding: 0;
}
.ai-message-content h1,
.ai-message-content h2,
.ai-message-content h3,
.ai-message-content h4,
.ai-message-content h5,
.ai-message-content h6 {
  margin-top: 16px;
  margin-bottom: 8px;
  font-weight: 600;
  line-height: 1.25;
}
.ai-message-content h1 {
  font-size: 20px;
}
.ai-message-content h2 {
  font-size: 18px;
}
.ai-message-content h3 {
  font-size: 16px;
}
.ai-message-content h4 {
  font-size: 15px;
}
.ai-message-content h5,
.ai-message-content h6 {
  font-size: 14px;
}
.ai-message-content ul,
.ai-message-content ol {
  margin: 0 0 16px 0;
  padding-left: 20px;
}
.ai-message-content li {
  margin-bottom: 4px;
}
.ai-message-content strong {
  font-weight: 600;
}
.ai-message-content em {
  font-style: italic;
}
.ai-message-content blockquote {
  padding: 0 8px;
  margin: 0 0 16px 0;
  border-left: 4px solid #dfe2e5;
  color: #6a737d;
}
.ai-message-content table {
  border-collapse: collapse;
  margin: 8px 0 16px 0;
  width: 100%;
}
.ai-message-content table th,
.ai-message-content table td {
  border: 1px solid #dfe2e5;
  padding: 6px 13px;
}
.ai-message-content table th {
  background-color: #f6f8fa;
  font-weight: 600;
}
.ai-message-content table tr:nth-child(2n) {
  background-color: #f6f8fa;
}
.ai-message-timestamp {
  font-size: 11px;
  color: #767676;
  margin-top: 5px;
  text-align: right;
}
.ai-assistant-message .ai-message-timestamp {
  color: #767676;
}
.ai-user-message .ai-message-timestamp {
  color: rgba(255, 255, 255, 0.7);
}
.ai-chat-welcome {
  text-align: center;
  padding: 30px 20px;
}
.ai-chat-welcome h3 {
  font-size: 24px;
  margin-bottom: 15px;
  color: #0272ba;
}
.ai-chat-welcome p {
  color: #767676;
  margin-bottom: 30px;
  font-size: 16px;
}
.ai-chat-suggestions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
.ai-typing-indicator {
  display: inline-flex;
  align-items: center;
}
.ai-typing-indicator span {
  height: 8px;
  width: 8px;
  background-color: #767676;
  border-radius: 50%;
  display: inline-block;
  margin: 0 2px;
  opacity: 0.4;
  animation: typing 1s infinite;
}
.ai-typing-indicator span:nth-child(1) {
  animation-delay: 0s;
}
.ai-typing-indicator span:nth-child(2) {
  animation-delay: 0.2s;
}
.ai-typing-indicator span:nth-child(3) {
  animation-delay: 0.4s;
}
@keyframes typing {
  0% {
    opacity: 0.4;
    transform: translateY(0);
  }
  50% {
    opacity: 1;
    transform: translateY(-5px);
  }
  100% {
    opacity: 0.4;
    transform: translateY(0);
  }
}
/* Chat Input Area */
.ai-chat-input {
  padding: 15px;
  border-top: 1px solid #e0e0e0;
  display: flex;
  align-items: center;
  background-color: white;
}
.textarea-wrapper {
  flex: 1;
  cursor: text;
}
.ai-message-input {
  width: 100%;
  border: 1px solid #e0e0e0;
  border-radius: 20px;
  padding: 10px 15px;
  font-size: 14px;
  line-height: 20px;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
  min-height: 20px;
  max-height: 150px;
  resize: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  overflow-y: auto;
  word-wrap: break-word;
  font-family: inherit;
  appearance: none;
  -webkit-appearance: none;
  margin: 0;
}
.ai-message-input:focus {
  border-color: #0272ba;
  box-shadow: 0 1px 3px rgba(0, 120, 215, 0.2);
}
.ai-send-btn {
  background-color: #0272ba;
  color: white;
  border: none;
  border-radius: 50%;
  min-width: 36px;
  min-height: 36px;
  width: 36px;
  height: 36px;
  margin-left: 10px;
  cursor: pointer;
  transition: background-color 0.2s, transform 0.1s;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.ai-send-btn:hover {
  background-color: #015388;
  transform: scale(1.05);
}
.ai-send-btn:active {
  transform: scale(0.98);
}
.ai-send-btn i {
  font-size: 14px;
}
/* Responsive Adjustments */
@media (max-width: 768px) {
  .ai-chat-container {
    flex-direction: column;
  }
  .ai-chat-sidebar {
    width: 100%;
    height: 300px;
    border-right: none;
    border-bottom: 1px solid #e0e0e0;
  }
  .ai-message {
    max-width: 90%;
  }
}
/* Fault Analysis Styles */
.ai-analyze-faults-btn {
  position: absolute;
  right: 15px;
  background-color: #0272ba;
  color: white;
  border: none;
  border-radius: 4px;
  padding: 6px 12px;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.2s;
}
.ai-analyze-faults-btn:hover {
  background-color: #015388;
}
.ai-analyze-faults-btn i {
  margin-right: 5px;
}
.ai-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.ai-fault-analysis-modal {
  background-color: white;
  border-radius: 8px;
  width: 80%;
  max-width: 900px;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  overflow: hidden;
}
.ai-modal-header {
  padding: 15px 20px;
  border-bottom: 1px solid #e0e0e0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ai-modal-header h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #0272ba;
}
.ai-modal-close-btn {
  background: none;
  border: none;
  font-size: 18px;
  color: #767676;
  cursor: pointer;
  transition: color 0.2s;
}
.ai-modal-close-btn:hover {
  color: #f44336;
}
.ai-modal-body {
  padding: 20px;
  overflow-y: auto;
  flex: 1;
  overflow-x: hidden;
}
.ai-modal-section {
  margin-bottom: 20px;
  width: 100%;
  box-sizing: border-box;
}
.ai-modal-section h4 {
  margin: 0 0 15px 0;
  font-size: 16px;
  font-weight: 600;
  color: #333333;
}
.ai-modal-section h5 {
  margin: 0 0 10px 0;
  font-size: 14px;
  font-weight: 600;
  color: #333333;
}
.ai-equipment-selection {
  display: flex;
  gap: 20px;
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .ai-equipment-selection {
    flex-direction: column;
  }
}
.ai-equipment-list {
  flex: 3;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  height: 300px;
  min-height: 300px;
  overflow-y: auto;
  padding: 10px;
  display: flex;
  flex-direction: column;
}
.ai-equipment-search {
  margin-bottom: 12px;
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: white;
  padding-bottom: 8px;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.ai-equipment-search-input {
  width: 100%;
  padding: 10px 12px;
  padding-left: 35px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  font-size: 14px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23767676" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>');
  background-repeat: no-repeat;
  background-position: 12px center;
  background-size: 14px;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.ai-equipment-search-input:focus {
  border-color: #0272ba;
  outline: none;
  box-shadow: 0 1px 3px rgba(2, 114, 186, 0.2);
}
.ai-equipment-search-input::placeholder {
  color: #767676;
}
.ai-equipment-actions {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
}
.ai-add-all-btn {
  background-color: transparent;
  border: none;
  color: #0272ba;
  border-radius: 3px;
  padding: 6px 10px;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  align-items: center;
}
.ai-add-all-btn:hover {
  background-color: rgba(2, 114, 186, 0.1);
}
.ai-add-all-btn:active {
  background-color: rgba(2, 114, 186, 0.2);
}
.ai-add-all-btn i {
  margin-right: 5px;
  font-size: 14px;
  color: #0272ba;
}
.ai-equipment-options {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex: 1;
  overflow-y: auto;
}
.ai-equipment-option {
  padding: 8px 10px;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.2s;
  display: flex;
  align-items: center;
}
.ai-equipment-option:hover {
  background-color: #a3dbfe;
}
.ai-equipment-option i {
  color: #0272ba;
  margin-right: 8px;
  font-size: 14px;
  min-width: 14px;
}
.ai-equipment-name {
  font-weight: 500;
  margin-right: 8px;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ai-equipment-type {
  font-size: 12px;
  color: #767676;
  display: none;
  /* Hide the type as it's not shown in the screenshot */
}
.ai-selected-equipment {
  flex: 2;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  height: 300px;
  min-height: 300px;
  overflow-y: auto;
  padding: 10px;
}
.ai-selected-items {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.ai-selected-item {
  padding: 8px 10px;
  border-radius: 4px;
  background-color: #a3dbfe;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ai-selected-name {
  font-weight: 500;
  font-size: 14px;
}
.ai-remove-equipment {
  background: none;
  border: none;
  color: #767676;
  cursor: pointer;
  padding: 2px;
  font-size: 14px;
}
.ai-remove-equipment:hover {
  color: #f44336;
}
.ai-no-selection,
.ai-no-equipment,
.ai-loading-equipment {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 220px;
  color: #767676;
  text-align: center;
}
.ai-date-range {
  display: flex;
  gap: 20px;
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 480px) {
  .ai-date-range {
    flex-direction: column;
  }
}
.ai-date-field {
  flex: 1;
  position: relative;
}
.ai-date-field label {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
}
.ai-date-field input {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  font-size: 14px;
  background-color: white;
  transition: border-color 0.2s, box-shadow 0.2s;
  box-sizing: border-box;
  color: #333333;
}
.ai-date-field input:focus {
  border-color: #0272ba;
  outline: none;
  box-shadow: 0 1px 3px rgba(2, 114, 186, 0.2);
}
.ai-date-field input::-webkit-calendar-picker-indicator {
  opacity: 0.6;
  cursor: pointer;
}
.ai-date-field input::-webkit-calendar-picker-indicator:hover {
  opacity: 1;
}
.ai-modal-footer {
  padding: 15px 20px;
  border-top: 1px solid #e0e0e0;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.ai-modal-cancel {
  background: none;
  border: 1px solid #e0e0e0;
  color: #767676;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.2s;
}
.ai-modal-cancel:hover {
  background-color: #f5f5f5;
}
.ai-modal-submit {
  background-color: #0272ba;
  color: white;
  border: none;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.2s;
}
.ai-modal-submit:hover {
  background-color: #015388;
}
.ai-modal-submit:disabled {
  background-color: #a9a9a9;
  cursor: not-allowed;
}
.ai-modal-submit i {
  margin-right: 5px;
}
.hvac-schedule-section {
  width: 100%;
  margin-top: 30px;
  padding: 24px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.1);
  border: 1px solid #e5e7eb;
}
.hvac-schedule-chart {
  width: 100%;
  min-height: 400px;
  background: #fafafa;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 20px;
}
.hvac-schedule-chart svg {
  width: 100%;
  height: auto;
  background: #fff;
  border-radius: 6px;
  border: 1px solid #e5e7eb;
}
.hvac-schedule-chart .axis path,
.hvac-schedule-chart .axis line {
  fill: none;
  stroke: #d1d5db;
  shape-rendering: crispEdges;
}
.hvac-schedule-chart .axis text {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-size: 11px;
  fill: #6b7280;
  font-weight: 500;
}
.hvac-schedule-chart .axis .tick line {
  stroke: #9ca3af;
  stroke-width: 1;
}
.hvac-schedule-chart .axis path.domain {
  stroke: #6b7280;
  stroke-width: 1;
}
.hvac-schedule-chart .y.axis text {
  font-weight: 600;
  font-size: 13px;
  fill: #374151;
}
.hvac-schedule-chart .major-grid {
  stroke: #d1d5db;
  stroke-width: 1;
}
.occupancy-legend {
  display: flex;
  justify-content: center;
  gap: 32px;
  margin-top: 24px;
  padding: 16px 24px;
  background: #f9fafb;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
}
.occupancy-legend .legend-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.occupancy-legend .legend-item .legend-color {
  width: 24px;
  height: 16px;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.occupancy-legend .legend-item .legend-text {
  font-size: 13px;
  color: #374151;
  font-weight: 500;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.occupancy-legend .schedule-color {
  background-color: rgba(34, 197, 94, 0.3);
  border: 2px solid #22c55e;
}
.occupancy-legend .normal-color {
  background-color: rgba(59, 130, 246, 0.8);
}
.occupancy-legend .violation-color {
  background-color: rgba(239, 68, 68, 0.8);
}
.occupancy-legend .current-time-color {
  background-color: #ef4444;
  height: 3px;
}
.asset-stats {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-size: 11px;
  font-weight: 500;
  fill: #6b7280;
}
.asset-stats.highlighted {
  fill: #374151;
  font-weight: 600;
}
.total-stats {
  margin-top: 16px;
  padding: 12px 16px;
  background: #f3f4f6;
  border-radius: 6px;
  border-left: 4px solid #3b82f6;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #374151;
}
.occupancy-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 80px 40px;
  margin-top: 30px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.1);
  border: 1px solid #e5e7eb;
  text-align: center;
}
.occupancy-empty-state .empty-state-icon {
  margin-bottom: 24px;
  opacity: 0.7;
}
.occupancy-empty-state .empty-state-title {
  font-size: 20px;
  font-weight: 600;
  color: #374151;
  margin: 0 0 16px 0;
}
.occupancy-empty-state .empty-state-description {
  font-size: 14px;
  color: #6b7280;
  line-height: 1.5;
  margin: 0;
}
.occupancy-empty-state .empty-state-description strong {
  font-weight: 700;
  color: #374151;
}
/* Site Information Page Styles */
.site-info-container {
  position: absolute;
  top: 90px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #fff;
}
.site-info-container .site-info-content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 24px 0 0 0;
  font-family: 'Satoshi', sans-serif;
  min-height: calc(10vh);
}
/* Alert Messages */
.alert {
  padding: 12px 16px;
  border-radius: 8px;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  font-weight: 500;
}
.alert.alert-success {
  background-color: #f0f9f4;
  border: 1px solid #84cc16;
  color: #166534;
}
.alert.alert-error {
  background-color: #fef2f2;
  border: 1px solid #ef4444;
  color: #dc2626;
}
/* Form Structure */
.site-info-form {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.form-section {
  background: #fafafa;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 24px;
}
.form-section.readonly-section {
  background: #f8f9fa;
  border-color: #d1d5db;
}
.section-header-form {
  margin-bottom: 24px;
}
.section-header-form h3 {
  font-size: 20px;
  font-weight: 700;
  color: #171A1D;
  margin: 0 0 8px 0;
}
.section-header-form .section-description {
  font-size: 14px;
  color: #6b7280;
  margin: 0;
  line-height: 1.5;
}
/* Form Layout */
.form-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
  margin-bottom: 20px;
  /* Special layout for climate zone row - make it take up less space */
}
.form-row:last-child {
  margin-bottom: 0;
}
.form-row.climate-zone-row {
  grid-template-columns: 1fr 2fr;
}
@media (max-width: 768px) {
  .form-row.climate-zone-row {
    grid-template-columns: 1fr;
  }
}
.form-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.form-field.zip-field .input-with-button {
  display: flex;
  gap: 12px;
  align-items: stretch;
}
.form-field.zip-field .input-with-button .form-input {
  flex: 1;
}
.form-field.zip-field .input-with-button .lookup-button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  background: linear-gradient(89.78deg, #77dedf -50.16%, #76e2cf 54.97%, #76eab9 150.11%);
  border: none;
  border-radius: 8px;
  color: #171A1D;
  font-weight: 600;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
  min-width: 140px;
}
.form-field.zip-field .input-with-button .lookup-button:hover {
  border: 1px solid #21262A;
  transform: translateY(-1px);
}
.form-field.zip-field .input-with-button .lookup-button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}
.form-field.zip-field .input-with-button .lookup-button.loading {
  opacity: 0.8;
}
.form-field.zip-field .input-with-button .lookup-button .spinner {
  width: 16px;
  height: 16px;
  border: 2px solid transparent;
  border-top: 2px solid #171A1D;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-right: 8px;
}
/* Form Controls */
.field-label {
  font-size: 14px;
  font-weight: 600;
  color: #374151;
}
.field-label.required::after {
  content: " *";
  color: #dc2626;
}
.form-input,
.form-select {
  padding: 12px 16px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  font-size: 14px;
  font-family: 'Satoshi', sans-serif;
  transition: all 0.2s;
  background-color: #fff;
}
.form-input:focus,
.form-select:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
.form-input::placeholder,
.form-select::placeholder {
  color: #9ca3af;
}
.form-input.readonly,
.form-select.readonly {
  background-color: #f9fafb;
  color: #6b7280;
  cursor: not-allowed;
  border-color: #e5e7eb;
}
.form-select {
  cursor: pointer;
}
.form-select:disabled {
  background-color: #f9fafb;
  color: #6b7280;
  cursor: not-allowed;
}
.field-help {
  font-size: 12px;
  color: #6b7280;
  margin: 0;
  line-height: 1.4;
}
/* Equipment Grid */
.equipment-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
  margin-top: 16px;
}
.equipment-item {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 16px;
  text-align: center;
}
.equipment-item .equipment-label {
  font-size: 12px;
  color: #6b7280;
  margin-bottom: 8px;
  font-weight: 500;
}
.equipment-item .equipment-count {
  font-size: 24px;
  font-weight: 700;
  color: #171A1D;
}
/* Form Actions */
.form-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 24px 0;
  border-top: 1px solid #e5e7eb;
  margin-top: 8px;
}
.form-actions .button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  font-family: 'Satoshi', sans-serif;
  cursor: pointer;
  transition: all 0.2s;
  text-decoration: none;
  border: 1px solid transparent;
  min-width: 120px;
}
.form-actions .button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}
.form-actions .button.loading {
  opacity: 0.8;
}
.form-actions .button .spinner {
  width: 16px;
  height: 16px;
  border: 2px solid transparent;
  border-top: 2px solid currentColor;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-right: 8px;
}
.form-actions .button.primary {
  background: linear-gradient(89.78deg, #77dedf -50.16%, #76e2cf 54.97%, #76eab9 150.11%);
  color: #171A1D;
}
.form-actions .button.primary:hover:not(:disabled) {
  border-color: #21262A;
  transform: translateY(-1px);
}
.form-actions .button.secondary {
  background: #fff;
  color: #374151;
  border-color: #d1d5db;
}
.form-actions .button.secondary:hover:not(:disabled) {
  background: #f9fafb;
  border-color: #9ca3af;
}
.form-actions .button.tertiary {
  background: transparent;
  color: #6b7280;
}
.form-actions .button.tertiary:hover:not(:disabled) {
  color: #374151;
  background: #f9fafb;
}
.unsaved-indicator {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #dc2626;
  font-size: 13px;
  font-weight: 500;
  margin-left: auto;
}
.unsaved-indicator .dot {
  width: 8px;
  height: 8px;
  background: #dc2626;
  border-radius: 50%;
  animation: pulse 2s infinite;
}
/* Animations */
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
/* Responsive Design */
@media (max-width: 768px) {
  .site-info-container .site-info-content {
    padding: 16px;
  }
  .form-row {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .form-field.zip-field .input-with-button {
    flex-direction: column;
  }
  .form-field.zip-field .input-with-button .lookup-button {
    min-width: unset;
  }
  .equipment-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  .form-actions {
    flex-direction: column;
    align-items: stretch;
  }
  .form-actions .button {
    width: 100%;
  }
  .form-actions .unsaved-indicator {
    margin-left: 0;
    justify-content: center;
  }
}
@media (max-width: 480px) {
  .equipment-grid {
    grid-template-columns: 1fr;
  }
  .form-section {
    padding: 16px;
  }
}
/* Fill the content area supplied by the top-level navigation layout. */
.data-gateway-container {
  position: relative;
  height: calc(100vh - 24px);
  min-height: 0;
  margin-bottom: -75px;
}
.data-gateway-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.dg-page {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  padding: 28px 32px 56px;
  background: #F9FAFB;
}
.dg-page::-webkit-scrollbar {
  width: 8px;
}
.dg-page::-webkit-scrollbar-track {
  background-color: #E9ECF2;
  border-radius: 8px;
}
.dg-page::-webkit-scrollbar-thumb {
  background: #171a1d;
  border-radius: 8px;
}
.dg-page .dg-phead {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  max-width: 760px;
  margin-bottom: 24px;
}
.dg-page .dg-phead .dg-phead-icon {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: #FFFFFF;
  border: 1px solid #E9ECF2;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #171a1d;
  flex-shrink: 0;
}
.dg-page .dg-phead .dg-phead-icon svg {
  width: 22px;
  height: 22px;
}
.dg-page .dg-phead .dg-phead-text {
  flex: 1;
}
.dg-page .dg-phead .dg-phead-text h1 {
  font-family: 'Satoshi';
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #21262A;
  margin: 0;
}
.dg-page .dg-phead .dg-phead-text p {
  font-family: 'Satoshi';
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #667085;
  margin: 4px 0 0;
  max-width: 620px;
}
.dg-page .dg-phead .dg-phead-actions {
  margin-left: auto;
  flex-shrink: 0;
}
/* shared button (re-use of new-button-style would clash; define dg buttons) */
.dg-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 38px;
  padding: 0 16px;
  border-radius: 8px;
  font-family: 'Satoshi';
  font-weight: 700;
  font-size: 13px;
  border: 1px solid transparent;
  cursor: pointer;
  white-space: nowrap;
  line-height: 1;
}
.dg-btn svg {
  width: 15px;
  height: 15px;
}
.dg-btn.mint {
  background: #5DEBC9;
  color: #14181C;
}
.dg-btn.mint:hover {
  background: #43E4BF;
}
.dg-btn.ink {
  background: #171a1d;
  color: #fff;
}
.dg-btn.ink:hover {
  background: #000;
}
.dg-btn.ghost {
  background: #fff;
  color: #14181C;
  border-color: #D8DCE4;
}
.dg-btn.ghost:hover {
  background: #F3F5F8;
}
.dg-btn.danger {
  background: #C0473B;
  color: #fff;
}
.dg-btn.danger:hover {
  background: #A23B30;
}
.dg-btn.disabled {
  opacity: 0.6;
  pointer-events: none;
}
/* ---- confirmation modal ---- */
.dg-modal-scrim {
  position: fixed;
  inset: 0;
  background: rgba(20, 24, 28, 0.45);
  z-index: 1000;
}
.dg-modal {
  position: fixed;
  z-index: 1001;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 440px;
  max-width: calc(100vw - 40px);
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 24px 60px rgba(16, 24, 40, 0.3);
  padding: 26px 26px 22px;
}
.dg-modal-icon {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
.dg-modal-icon svg {
  width: 22px;
  height: 22px;
}
.dg-modal-icon.danger {
  background: #FBEAE8;
  color: #C0473B;
}
.dg-modal-title {
  font-family: 'Satoshi';
  font-weight: 700;
  font-size: 19px;
  color: #21262A;
}
.dg-modal-body {
  font-size: 13.5px;
  color: #667085;
  line-height: 1.55;
  margin-top: 8px;
}
.dg-modal-body b {
  color: #21262A;
  font-weight: 600;
}
.dg-modal-error {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 14px;
  padding: 10px 13px;
  background: #FBEAE8;
  border: 1px solid #F3C9C2;
  border-radius: 9px;
  font-size: 12.5px;
  color: #C0473B;
  font-weight: 500;
}
.dg-modal-error svg {
  flex-shrink: 0;
  width: 15px;
  height: 15px;
}
.dg-modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 22px;
}
/* ---- data gateway access (site-scoped capability) ---- */
.dg-access {
  max-width: 760px;
  margin-top: 28px;
  background: #fff;
  border: 1px solid #E9ECF2;
  border-radius: 16px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06);
  overflow: hidden;
}
.dg-access-head {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 20px 22px;
  border-bottom: 1px solid #F0F2F6;
}
.dg-access-head .dg-phead-icon.sm {
  width: 38px;
  height: 38px;
  border-radius: 9px;
}
.dg-access-head .dg-phead-icon.sm svg {
  width: 18px;
  height: 18px;
}
.dg-access-head .dg-access-text {
  flex: 1;
  min-width: 0;
}
.dg-access-head .dg-access-text h2 {
  font-family: 'Satoshi';
  font-weight: 700;
  font-size: 16px;
  color: #21262A;
  margin: 0;
}
.dg-access-head .dg-access-text p {
  font-size: 13px;
  color: #667085;
  margin: 4px 0 0;
  line-height: 1.5;
}
.dg-access-head .dg-access-text p b {
  color: #21262A;
  font-weight: 600;
}
.dg-access-head .dg-btn {
  margin-left: auto;
  flex-shrink: 0;
}
.dg-access-list {
  padding: 6px 0;
}
.dg-access-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 22px;
}
.dg-access-row + .dg-access-row {
  border-top: 1px solid #F4F6F9;
}
.dg-access-meta {
  flex: 1;
  min-width: 0;
}
.dg-access-meta .nm {
  font-weight: 600;
  font-size: 13.5px;
  color: #21262A;
}
.dg-access-meta .em {
  font-size: 12px;
  color: #8A93A3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dg-btn.sm {
  height: 30px;
  padding: 0 12px;
  font-size: 12px;
}
.dg-access-empty {
  padding: 22px;
  font-size: 13px;
  color: #8A93A3;
  text-align: center;
}
.dg-access-empty b {
  color: #21262A;
  font-weight: 600;
}
.dg-avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: 'Satoshi';
  font-weight: 700;
  font-size: 12px;
}
.dg-avatar.dg-av-0 {
  background: #0C3F7B;
}
.dg-avatar.dg-av-1 {
  background: #0272BA;
}
.dg-avatar.dg-av-2 {
  background: #19A3A9;
}
.dg-avatar.dg-av-3 {
  background: #0F7F69;
}
.dg-avatar.dg-av-4 {
  background: #5C5C5C;
}
.dg-avatar.dg-av-5 {
  background: #0D215C;
}
.dg-avatar.dg-av-6 {
  background: #16A88A;
}
.dg-avatar.dg-av-7 {
  background: #434952;
}
/* add-user picker modal */
.dg-modal.dg-addmodal {
  width: 460px;
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 60px);
}
.dg-add-search {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 16px;
  padding: 0 12px;
  border: 1px solid #D8DCE4;
  border-radius: 9px;
  background: #F9FAFB;
  flex-shrink: 0;
}
.dg-add-search svg {
  width: 16px;
  height: 16px;
  color: #8A93A3;
  flex-shrink: 0;
}
.dg-add-search input {
  flex: 1;
  min-width: 0;
  border: 0 !important;
  outline: 0;
  background: transparent !important;
  box-shadow: none !important;
  font-family: 'Satoshi';
  font-size: 13.5px;
  color: #14181C;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box;
}
.dg-add-list {
  margin-top: 12px;
  overflow-y: auto;
  flex: 1 1 auto;
  min-height: 80px;
  border: 1px solid #EEF0F4;
  border-radius: 10px;
}
.dg-add-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 13px;
  cursor: pointer;
}
.dg-add-row svg {
  width: 17px;
  height: 17px;
  color: #16A88A;
  flex-shrink: 0;
}
.dg-add-row + .dg-add-row {
  border-top: 1px solid #F4F6F9;
}
.dg-add-row:hover {
  background: #F6F8FA;
}
/* ---- tone pill ---- */
.dg-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid;
  border-radius: 999px;
  font-weight: 700;
  white-space: nowrap;
  line-height: 1;
  font-size: 12px;
  padding: 3px 9px 3px 8px;
  font-family: 'Satoshi';
}
.dg-pill.big {
  font-size: 13px;
  padding: 6px 12px 6px 10px;
}
.dg-pill-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}
.dg-pill.tone-ok {
  color: #3E8E41;
  background: #ECF6E5;
  border-color: #CDE9AE;
}
.dg-pill.tone-ok .dg-pill-dot {
  background: #3E8E41;
}
.dg-pill.tone-info {
  color: #0272BA;
  background: #E7F2FB;
  border-color: #C8E2F4;
}
.dg-pill.tone-info .dg-pill-dot {
  background: #0272BA;
}
.dg-pill.tone-wait {
  color: #C77D17;
  background: #FBF1DC;
  border-color: #F4DCB0;
}
.dg-pill.tone-wait .dg-pill-dot {
  background: #C77D17;
}
.dg-pill.tone-off {
  color: #757F94;
  background: #F3F5F8;
  border-color: #D8DCE4;
}
.dg-pill.tone-off .dg-pill-dot {
  background: #757F94;
}
.dg-pill.tone-fault {
  color: #C0473B;
  background: #FBEAE8;
  border-color: #F3C9C2;
}
.dg-pill.tone-fault .dg-pill-dot {
  background: #C0473B;
}
/* ---- copyable mono value ---- */
.dg-copy {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  color: #14181C;
  font-size: 13px;
  font-family: "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;
  max-width: 100%;
  min-width: 0;
}
.dg-copy svg {
  flex-shrink: 0;
}
.dg-copy svg {
  width: 13px;
  height: 13px;
  color: #757F94;
  flex-shrink: 0;
}
.dg-copy:hover svg {
  color: #21262A;
}
.dg-copy.done svg {
  color: #3E8E41;
}
/* ---- empty state ---- */
.dg-empty {
  max-width: 560px;
  margin: 8px auto 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.dg-empty-icon {
  width: 60px;
  height: 60px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid #E9ECF2;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #4A5263;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06);
}
.dg-empty-icon svg {
  width: 26px;
  height: 26px;
}
.dg-empty-title {
  font-family: 'Satoshi';
  font-weight: 700;
  font-size: 21px;
  color: #171A1D;
  margin-top: 18px;
  letter-spacing: -0.01em;
}
.dg-empty-sub {
  font-size: 13.5px;
  color: #667085;
  margin-top: 8px;
  line-height: 1.5;
  max-width: 430px;
}
.dg-empty-sub b {
  color: #21262A;
  font-weight: 600;
}
.dg-empty-steps {
  width: 100%;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 26px 0 24px;
}
.dg-estep {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  padding: 14px 16px;
  background: #fff;
  border: 1px solid #E9ECF2;
  border-radius: 12px;
}
.dg-estep .n {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #171a1d;
  color: #fff;
  font-weight: 700;
  font-size: 11.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Satoshi';
  flex-shrink: 0;
  margin-top: 1px;
}
.dg-estep .ic {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  background: #ECFBF6;
  color: #0F8E72;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.dg-estep .ic svg {
  width: 17px;
  height: 17px;
}
.dg-estep .tx .t {
  font-weight: 700;
  font-size: 13.5px;
  color: #21262A;
}
.dg-estep .tx .d {
  font-size: 12.5px;
  color: #667085;
  margin-top: 3px;
  line-height: 1.45;
}
/* ---- claim wizard ---- */
.dg-claim {
  max-width: 680px;
}
.dg-backlink {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  font-weight: 600;
  color: #667085;
  cursor: pointer;
  margin-bottom: 14px;
}
.dg-backlink svg {
  width: 16px;
  height: 16px;
}
.dg-backlink:hover {
  color: #21262A;
}
.dg-claim-head {
  margin-bottom: 22px;
}
.dg-claim-head h1 {
  font-family: 'Satoshi';
  font-weight: 700;
  font-size: 25px;
  letter-spacing: -0.018em;
  margin: 0;
  color: #171A1D;
  line-height: 1.15;
}
.dg-claim-head .sub {
  font-size: 13.5px;
  color: #667085;
  margin-top: 6px;
}
.dg-claim-head .sub b {
  color: #21262A;
  font-weight: 600;
}
.dg-steprail {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.dg-step {
  display: flex;
  align-items: center;
  gap: 9px;
}
.dg-step .b {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12.5px;
  font-weight: 700;
  font-family: 'Satoshi';
  flex-shrink: 0;
  border: 1.5px solid #D8DCE4;
  color: #757F94;
  background: #fff;
}
.dg-step .b svg {
  width: 14px;
  height: 14px;
}
.dg-step .l {
  font-size: 13px;
  font-weight: 600;
  color: #757F94;
  white-space: nowrap;
}
.dg-step.on .b {
  border-color: #171a1d;
  background: #171a1d;
  color: #fff;
}
.dg-step.on .l {
  color: #14181C;
}
.dg-step.done .b {
  border-color: #34CBA6;
  background: #34CBA6;
  color: #14181C;
}
.dg-step.done .l {
  color: #21262A;
}
.dg-stepline {
  flex: 1;
  height: 2px;
  background: #D8DCE4;
  margin: 0 12px;
  border-radius: 1px;
  min-width: 20px;
}
.dg-stepline.fill {
  background: #34CBA6;
}
.dg-panel {
  background: #fff;
  border: 1px solid #E9ECF2;
  border-radius: 14px;
  padding: 24px;
}
.dg-flabel {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #757F94;
  margin-bottom: 9px;
}
.dg-idinput {
  display: flex;
  align-items: center;
  gap: 11px;
  height: 52px;
  padding: 0 12px 0 14px;
  border: 1px solid #D8DCE4;
  border-radius: 11px;
  background: #F9FAFB;
  transition: border-color 0.15s, box-shadow 0.15s, background 0.15s;
}
.dg-idinput:focus-within {
  border-color: #5DEBC9;
  box-shadow: 0 0 0 3px rgba(93, 235, 201, 0.35);
  background: #fff;
}
.dg-idinput.bad {
  border-color: #C0473B;
}
.dg-idinput > svg {
  color: #757F94;
  flex-shrink: 0;
  width: 17px;
  height: 17px;
}
.dg-idinput input {
  border: 0;
  outline: 0;
  background: transparent;
  flex: 1;
  min-width: 0;
  font-family: "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;
  font-size: 16px;
  color: #14181C;
}
.dg-idinput input::placeholder {
  color: #B9C0CC;
}
.dg-idclear {
  color: #757F94;
  cursor: pointer;
  display: inline-flex;
  padding: 5px;
  border-radius: 6px;
}
.dg-idclear svg {
  width: 15px;
  height: 15px;
}
.dg-idclear:hover {
  background: #F3F5F8;
  color: #21262A;
}
.dg-fhint {
  font-size: 12.5px;
  color: #667085;
  margin-top: 11px;
  line-height: 1.55;
}
.dg-fhint.bad {
  color: #C0473B;
}
.dg-fhint svg {
  vertical-align: -2px;
  margin-right: 6px;
  width: 14px;
  height: 14px;
}
.dg-link {
  color: #0272BA;
  font-weight: 600;
  cursor: pointer;
}
.dg-link:hover {
  text-decoration: underline;
}
.dg-claim-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 22px;
}
.dg-found {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  font-weight: 700;
  color: #0F8E72;
  margin-bottom: 15px;
}
.dg-found svg {
  width: 16px;
  height: 16px;
  color: #16A88A;
}
.dg-found-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #34CBA6;
  box-shadow: 0 0 0 3px #D6F6EC;
}
.dg-callout {
  display: flex;
  gap: 12px;
  padding: 13px 15px;
  background: #ECFBF6;
  border: 1px solid #B6EEDD;
  border-radius: 11px;
  font-size: 13px;
  color: #2E343B;
  line-height: 1.5;
  margin-bottom: 18px;
}
.dg-callout svg {
  color: #0F8E72;
  flex-shrink: 0;
  margin-top: 1px;
  width: 17px;
  height: 17px;
}
.dg-callout b {
  font-weight: 600;
  color: #21262A;
}
.dg-callout.warn {
  background: #FBF1DC;
  border-color: #F4DCB0;
}
.dg-callout.warn svg {
  color: #C77D17;
}
.dg-confirm-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 1px;
  background: #E9ECF2;
  border: 1px solid #E9ECF2;
  border-radius: 12px;
  overflow: hidden;
  margin: 0;
}
.dg-cf {
  box-sizing: border-box;
  flex: 1 1 45%;
  min-width: 0;
}
.dg-cf.full {
  flex: 1 1 100%;
}
.dg-cf dd.mono,
.dg-cf .dg-copy {
  word-break: break-all;
  min-width: 0;
  max-width: 100%;
}
.dg-cf {
  background: #fff;
  padding: 13px 16px;
  min-width: 0;
}
.dg-cf.full {
  grid-column: 1 / -1;
}
.dg-cf.attach {
  background: #F9FAFB;
}
.dg-cf dt {
  font-size: 11px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #757F94;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 8px;
}
.dg-cf dd {
  margin: 7px 0 0;
  font-size: 13.5px;
  color: #14181C;
  font-weight: 500;
}
.dg-cf dd.mono {
  font-family: "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;
}
.dg-cf .sha {
  font-size: 9px;
  letter-spacing: 0.04em;
  color: #757F94;
  border: 1px solid #E9ECF2;
  border-radius: 4px;
  padding: 1px 5px;
  font-weight: 700;
}
.dg-fp {
  font-family: "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;
  font-size: 12px;
  line-height: 1.7;
  color: #2E343B;
  word-break: break-all;
  letter-spacing: 0.02em;
}
.dg-fp.sm {
  font-size: 11px;
  line-height: 1.6;
}
.dg-site-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 12px;
  background: #fff;
  border: 1px solid #D8DCE4;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  color: #14181C;
}
.dg-site-chip svg {
  color: #757F94;
  width: 14px;
  height: 14px;
}
.dg-fpinput {
  width: 100%;
  box-sizing: border-box;
  height: 44px;
  padding: 0 13px;
  border: 1px solid #D8DCE4;
  border-radius: 9px;
  background: #F9FAFB;
  font-family: "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;
  font-size: 13px;
  color: #14181C;
  outline: 0;
}
.dg-fpinput:focus {
  border-color: #5DEBC9;
  box-shadow: 0 0 0 3px rgba(93, 235, 201, 0.35);
  background: #fff;
}
.dg-reserve-copy {
  font-size: 13.5px;
  color: #21262A;
  line-height: 1.6;
  margin: 0 0 18px;
}
.dg-reserve-copy b {
  font-weight: 600;
}
.dg-provision {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 42px 24px;
}
.dg-spinner {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 3px solid #D6F6EC;
  border-top-color: #34CBA6;
  animation: dg-spin 0.8s linear infinite;
}
@keyframes dg-spin {
  to {
    transform: rotate(360deg);
  }
}
.dg-provision-t {
  font-family: 'Satoshi';
  font-weight: 700;
  font-size: 16px;
  color: #14181C;
  margin-top: 18px;
}
.dg-provision-steps {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  text-align: left;
}
.pstep {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 13px;
  color: #757F94;
}
.pstep svg {
  width: 14px;
  height: 14px;
}
.pstep.done {
  color: #21262A;
}
.pstep.done svg {
  color: #16A88A;
}
.pstep.run .d {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  border: 2px solid #B6EEDD;
  border-top-color: #34CBA6;
  animation: dg-spin 0.8s linear infinite;
  flex-shrink: 0;
}
/* ---- status card ---- */
.dg-status-wrap {
  max-width: 760px;
}
.dg-card {
  background: #fff;
  border: 1px solid #E9ECF2;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06);
}
.dg-card.state-connected {
  border-color: #CDE9AE;
}
.dg-card.state-error {
  border-color: #F3C9C2;
}
.dg-card-top {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 22px 22px 20px;
}
.dg-statedot {
  width: 52px;
  height: 52px;
  border-radius: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.dg-statedot svg {
  width: 22px;
  height: 22px;
}
.dg-statedot.tone-ok {
  background: #ECF6E5;
  color: #3E8E41;
}
.dg-statedot.tone-info {
  background: #E7F2FB;
  color: #0272BA;
}
.dg-statedot.tone-wait {
  background: #FBF1DC;
  color: #C77D17;
}
.dg-statedot.tone-off {
  background: #F3F5F8;
  color: #757F94;
}
.dg-statedot.tone-fault {
  background: #FBEAE8;
  color: #C0473B;
}
.dg-statedot .ping {
  position: absolute;
  inset: 0;
  border-radius: 13px;
  border: 2px solid #3E8E41;
  opacity: 0;
  animation: dg-ping 2s ease-out infinite;
}
@keyframes dg-ping {
  0% {
    opacity: 0.5;
    transform: scale(1);
  }
  70%,
  100% {
    opacity: 0;
    transform: scale(1.16);
  }
}
.dg-card-id {
  flex: 1;
  min-width: 0;
  padding-top: 2px;
}
.dg-card-id .row1 {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.dg-card-id .nm {
  font-family: "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;
  font-weight: 600;
  font-size: 16px;
  color: #14181C;
}
.dg-card-id .blurb {
  font-size: 13px;
  color: #667085;
  margin-top: 7px;
  line-height: 1.45;
}
.dg-card-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.dg-iconbtn {
  width: 38px;
  height: 38px;
  padding: 0;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #D8DCE4;
  cursor: pointer;
  color: #21262A;
}
.dg-iconbtn svg {
  width: 17px;
  height: 17px;
}
.dg-iconbtn:hover {
  background: #F3F5F8;
}
.dg-menu-wrap {
  position: relative;
}
.dg-menu-scrim {
  position: fixed;
  inset: 0;
  z-index: 40;
}
.dg-menu {
  position: absolute;
  top: 42px;
  right: 0;
  z-index: 41;
  background: #fff;
  border: 1px solid #E9ECF2;
  border-radius: 11px;
  box-shadow: 0 12px 28px rgba(16, 24, 40, 0.16);
  padding: 6px;
  min-width: 196px;
}
.dg-menu .mi {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border-radius: 7px;
  font-size: 13px;
  font-weight: 600;
  color: #21262A;
  cursor: pointer;
}
.dg-menu .mi svg {
  width: 15px;
  height: 15px;
  color: #757F94;
}
.dg-menu .mi:hover {
  background: #F9FAFB;
}
.dg-menu .mi.sep {
  margin-top: 5px;
  border-top: 1px solid #E9ECF2;
  padding-top: 11px;
}
.dg-menu .mi.danger {
  color: #C0473B;
}
.dg-menu .mi.danger svg {
  color: #C0473B;
}
.dg-menu .mi.danger:hover {
  background: #FBEAE8;
}
.dg-errbar {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 22px 2px;
  padding: 10px 13px;
  background: #FBEAE8;
  border: 1px solid #F3C9C2;
  border-radius: 9px;
  font-size: 12.5px;
  color: #C0473B;
  font-weight: 500;
}
.dg-errbar svg {
  flex-shrink: 0;
  width: 15px;
  height: 15px;
}
.dg-fieldgrid {
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  border-top: 1px solid #E9ECF2;
  margin: 16px 0 0;
}
.dg-field {
  box-sizing: border-box;
  flex: 1 1 45%;
  min-width: 0;
  background: #fff;
  padding: 14px 22px;
  overflow: hidden;
  border-bottom: 1px solid #EEF0F2;
}
.dg-field:nth-child(even) {
  border-left: 1px solid #EEF0F2;
}
.dg-field.full {
  flex: 1 1 100%;
  border-left: 0;
}
.dg-field dt {
  font-size: 11px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #757F94;
  font-weight: 700;
  white-space: nowrap;
}
.dg-field dd {
  margin: 8px 0 0;
  font-size: 13.5px;
  color: #14181C;
  min-width: 0;
  max-width: 100%;
}
.dg-field dd .dg-copy,
.dg-field dd .dg-v.mono {
  word-break: break-all;
  min-width: 0;
  max-width: 100%;
}
.dg-v {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #14181C;
  font-weight: 500;
  min-width: 0;
}
.dg-v.mono {
  font-family: "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;
}
.dg-live {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  flex-shrink: 0;
}
.dg-live.on {
  background: #3E8E41;
  box-shadow: 0 0 0 3px #ECF6E5;
}
.dg-live.off {
  background: #C2C7D0;
  box-shadow: 0 0 0 3px #F3F5F8;
}
.dg-waiting {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 22px;
  background: #F9FAFB;
  border-top: 1px solid #E9ECF2;
  font-size: 12.5px;
}
.dg-waiting-l {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #667085;
}
.dg-waiting .pulse {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #C77D17;
  animation: dg-pulse 1.4s ease-in-out infinite;
}
@keyframes dg-pulse {
  0%,
  100% {
    opacity: 0.35;
    transform: scale(0.85);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
}
.dg-foot-note {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 12px;
  color: #757F94;
  margin-top: 14px;
  line-height: 1.55;
  padding: 0 4px;
}
.dg-foot-note svg {
  flex-shrink: 0;
  margin-top: 1px;
  width: 14px;
  height: 14px;
}
.dg-foot-note .mono {
  font-family: "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;
  color: #667085;
}
/* ---- remote access option (claim) and toggle (status card) ---- */
.dg-remote-opt {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 18px;
  padding: 12px 14px;
  border: 1px solid #E9ECF2;
  border-radius: 10px;
  cursor: pointer;
  font-size: 13px;
  color: #2E343B;
  line-height: 1.5;
}
.dg-remote-opt input {
  margin-top: 3px;
  flex-shrink: 0;
}
.dg-remote-opt b {
  font-weight: 600;
  color: #21262A;
  display: block;
}
.dg-remote-opt .d {
  color: #667085;
  font-size: 12.5px;
}
.dg-remote-toggle {
  margin-left: 10px;
  font-size: 12.5px;
}
/* ---- type catalog (GatewayCatalogMixin) ---- */
.dg-cat-filters {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}
.dg-cat-select {
  height: 32px;
  border: 1px solid #D8DCE4;
  border-radius: 8px;
  padding: 0 8px;
  font-size: 12.5px;
  background: #fff;
  color: #14181C;
}
.dg-cat-check {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 12.5px;
  color: #2E343B;
  cursor: pointer;
  font-weight: 500;
  margin: 10px 0 0;
}
.dg-cat-filters .dg-cat-check {
  margin: 0;
}
.dg-cat-row {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 13px 22px;
}
.dg-cat-row + .dg-cat-row {
  border-top: 1px solid #F4F6F9;
}
.dg-cat-main {
  flex: 1;
  min-width: 0;
}
.dg-cat-title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.dg-cat-title .nm {
  font-weight: 600;
  font-size: 13.5px;
  color: #21262A;
  font-family: "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;
}
.dg-cat-tag {
  font-size: 11px;
  font-weight: 600;
  color: #4B5563;
  background: #F3F5F8;
  border-radius: 5px;
  padding: 2px 7px;
}
.dg-cat-meta {
  font-size: 12.5px;
  color: #667085;
  margin-top: 4px;
  line-height: 1.5;
}
.dg-cat-desc {
  font-size: 12.5px;
  color: #2E343B;
  margin-top: 4px;
  line-height: 1.5;
}
.dg-cat-suggest {
  margin-left: 8px;
}
.dg-cat-code {
  font-family: "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;
  font-size: 12px;
  color: #2E343B;
  background: #F7F8FA;
  border-radius: 6px;
  padding: 6px 9px;
  margin-top: 6px;
  white-space: pre-wrap;
  word-break: break-word;
}
.dg-cat-actions {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}
.dg-cat-subhead {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 16px 22px 6px;
  border-top: 1px solid #F0F2F6;
}
.dg-cat-subhead div {
  flex: 1;
  min-width: 0;
}
.dg-cat-subhead h3 {
  font-family: 'Satoshi';
  font-weight: 700;
  font-size: 14px;
  color: #21262A;
  margin: 0;
}
.dg-cat-subhead p {
  font-size: 12.5px;
  color: #667085;
  margin: 3px 0 0;
  line-height: 1.5;
}
.dg-cat-subhead .dg-btn {
  flex-shrink: 0;
}
.dg-cat-foot {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 13px 22px;
  border-top: 1px solid #F0F2F6;
  font-size: 12.5px;
  color: #667085;
}
.dg-cat-foot span {
  flex: 1;
  min-width: 0;
}
.dg-cat-grant {
  display: flex;
  gap: 8px;
  padding: 11px 22px;
  border-top: 1px solid #F4F6F9;
}
.dg-cat-grant .dg-cat-input {
  flex: 1;
}
.dg-modal.dg-cat-modal {
  width: 520px;
  max-height: calc(100vh - 60px);
  overflow-y: auto;
}
.dg-cat-form {
  margin-top: 18px;
}
.dg-cat-form .dg-flabel {
  margin: 14px 0 6px;
}
.dg-cat-form .dg-flabel:first-child {
  margin-top: 0;
}
.dg-cat-input {
  width: 100%;
  box-sizing: border-box;
  min-height: 36px;
  border: 1px solid #D8DCE4;
  border-radius: 8px;
  padding: 7px 10px;
  font-size: 13px;
  color: #14181C;
  background: #fff;
}
.dg-cat-code-input {
  font-family: "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;
  font-size: 12.5px;
}
.dg-cat-hint {
  text-transform: none;
  letter-spacing: 0;
  font-weight: 500;
  color: #8A93A3;
  margin-left: 6px;
}
/* ---- embedded console (v2 iframe) ---- */
.dg-console {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}
.dg-console-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.dg-console-bar-l {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.dg-console-title {
  font-family: "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;
  font-weight: 600;
  font-size: 15px;
  color: #14181C;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dg-console-bar-r {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.dg-console-hint {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  padding: 10px 14px;
  background: #E7F2FB;
  border: 1px solid #C8E2F4;
  border-radius: 10px;
  font-size: 12.5px;
  color: #2E343B;
  line-height: 1.5;
  margin-bottom: 14px;
}
.dg-console-hint svg {
  flex-shrink: 0;
  margin-top: 1px;
  width: 16px;
  height: 16px;
  color: #0272BA;
}
.dg-console-hint b {
  font-weight: 600;
  color: #21262A;
}
.dg-console-frame {
  flex: 1;
  min-height: 420px;
  border: 1px solid #E9ECF2;
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06);
}
.dg-console-frame iframe {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 420px;
  border: 0;
}
@media (prefers-reduced-motion: reduce) {
  .dg-spinner,
  .pstep.run .d,
  .dg-statedot .ping,
  .dg-waiting .pulse {
    animation: none;
  }
}
.app-root .am-root {
  font-family: 'Satoshi',system-ui,'Segoe UI',sans-serif;
  color: #14181c;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
}
.app-root .am-root .am-page {
  padding: 26px 30px 50px;
  max-width: 1180px;
}
.app-root .am-root .am-page.wide {
  max-width: none;
}
.app-root .am-root .am-phead {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 22px;
}
.app-root .am-root .am-phead .ic {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #e6e8eb;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.app-root .am-root .am-phead .ic svg {
  width: 20px;
  height: 20px;
  color: #14181c;
}
.app-root .am-root .am-phead h1 {
  font-family: 'Satoshi','Manrope',system-ui,sans-serif;
  font-weight: 700;
  font-size: 25px;
  letter-spacing: -0.018em;
  margin: 0;
  color: #14181c;
  line-height: 1.15;
}
.app-root .am-root .am-phead .sub {
  font-size: 13.5px;
  color: #434952;
  margin-top: 4px;
  max-width: 640px;
  line-height: 1.5;
}
.app-root .am-root .am-phead .actions {
  margin-left: auto;
  display: flex;
  gap: 10px;
  align-items: center;
}
.app-root .am-root .am-backlink {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  font-weight: 500;
  color: #434952;
  cursor: pointer;
  margin-bottom: 14px;
}
.app-root .am-root .am-backlink svg {
  width: 16px;
  height: 16px;
  color: #434952;
}
.app-root .am-root .am-backlink:hover {
  color: #14181c;
}
.app-root .am-root .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 38px;
  padding: 0 16px;
  border-radius: 8px;
  font-family: 'Satoshi',system-ui,'Segoe UI',sans-serif;
  font-weight: 500;
  font-size: 13px;
  border: 1px solid transparent;
  cursor: pointer;
  white-space: nowrap;
  line-height: 1;
  transition: background 120ms;
  margin: 0;
  text-transform: none;
  letter-spacing: normal;
  box-shadow: none;
  text-decoration: none;
  vertical-align: middle;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
}
.app-root .am-root .btn svg {
  width: 15px;
  height: 15px;
  color: currentColor;
  flex-shrink: 0;
}
.app-root .am-root .btn:focus {
  outline: none;
}
.app-root .am-root .btn:hover {
  box-shadow: none;
}
.app-root .am-root .btn.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.app-root .am-root .btn-mint {
  background: #5ce8c8;
  color: #14181c;
  font-weight: 600;
}
.app-root .am-root .btn-mint svg {
  color: #14181c;
}
.app-root .am-root .btn-mint:hover {
  background: #2bd0ab;
}
.app-root .am-root .btn-ink {
  background: #14181c;
  color: #fff;
}
.app-root .am-root .btn-ink:hover {
  background: #000;
}
.app-root .am-root .btn-ghost {
  background: #fff;
  color: #14181c;
  border-color: #c9cdd3;
}
.app-root .am-root .btn-ghost:hover {
  background: #fafbfc;
}
.app-root .am-root .btn-danger {
  background: #fff;
  color: #dd4330;
  border-color: #F3C9C2;
}
.app-root .am-root .btn-danger:hover {
  background: #fdeae6;
}
.app-root .am-root .btn-sm {
  height: 32px;
  padding: 0 12px;
  font-size: 12.5px;
  gap: 6px;
}
.app-root .am-root .field {
  display: flex;
  align-items: center;
  gap: 9px;
  height: 40px;
  padding: 0 13px;
  background: #fff;
  border: 1px solid #e6e8eb;
  border-radius: 9px;
}
.app-root .am-root .field svg {
  width: 16px;
  height: 16px;
  color: #6b727c;
}
.app-root .am-root .field:focus-within {
  border-color: #5ce8c8;
  box-shadow: 0 0 0 3px rgba(92, 232, 200, 0.35);
}
.app-root .am-root .field input {
  border: 0 !important;
  outline: 0;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 13.5px;
  flex: 1;
  min-width: 0;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.app-root .am-root .field.sm {
  height: 34px;
}
.app-root .am-root .field.sm input {
  height: 32px !important;
}
.app-root .am-root .card {
  background: #fff;
  border: 1px solid #e6e8eb;
  border-radius: 14px;
  margin: 0;
  box-shadow: none;
  position: static;
  overflow: visible;
}
.app-root .am-root .card-head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  border-bottom: 1px solid #e6e8eb;
}
.app-root .am-root .card-head .t {
  font-family: 'Satoshi','Manrope',system-ui,sans-serif;
  font-weight: 600;
  font-size: 15.5px;
  color: #14181c;
}
.app-root .am-root .card-head .sub {
  font-size: 12.5px;
  color: #434952;
}
.app-root .am-root .card-head .right {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 10px;
}
.app-root .am-root .card-body {
  padding: 20px;
}
.app-root .am-root .avatar {
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: 'Satoshi','Manrope',system-ui,sans-serif;
  font-weight: 700;
  flex-shrink: 0;
  color: #fff;
  letter-spacing: -0.01em;
}
.app-root .am-root .avatar.av-0 {
  background: #0c3f7b;
}
.app-root .am-root .avatar.av-1 {
  background: #0272ba;
}
.app-root .am-root .avatar.av-2 {
  background: #19a3a9;
}
.app-root .am-root .avatar.av-3 {
  background: #0f7f69;
}
.app-root .am-root .avatar.av-4 {
  background: #5c5c5c;
}
.app-root .am-root .avatar.av-5 {
  background: #0d215c;
}
.app-root .am-root .avatar.av-6 {
  background: #16a88a;
}
.app-root .am-root .avatar.av-7 {
  background: #434952;
}
.app-root .am-root .profile-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 4px 11px 4px 9px;
  border: 1px solid #e6e8eb;
  border-radius: 999px;
  font-size: 12.5px;
  font-weight: 600;
  color: #14181c;
  background: #fff;
  white-space: nowrap;
}
.app-root .am-root .profile-pill .dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  flex-shrink: 0;
  background: #6b727c;
}
.app-root .am-root .rdot-0 {
  background: #0c3f7b !important;
}
.app-root .am-root .rdot-1 {
  background: #0272ba !important;
}
.app-root .am-root .rdot-2 {
  background: #19a3a9 !important;
}
.app-root .am-root .rdot-3 {
  background: #77c043 !important;
}
.app-root .am-root .rdot-4 {
  background: #8c8c8c !important;
}
.app-root .am-root .rdot-5 {
  background: #dd4330 !important;
}
.app-root .am-root .rdot-6 {
  background: #0f7f69 !important;
}
.app-root .am-root .status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  text-transform: capitalize;
}
.app-root .am-root .status .dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
}
.app-root .am-root .status.active {
  color: #74c040;
}
.app-root .am-root .status.active .dot {
  background: #74c040;
}
.app-root .am-root .status.invited {
  color: #f39b2c;
}
.app-root .am-root .status.invited .dot {
  background: #f39b2c;
}
.app-root .am-root .status.suspended {
  color: #6b727c;
}
.app-root .am-root .status.suspended .dot {
  background: #9da3ac;
}
.app-root .am-root .cbx {
  width: 18px;
  height: 18px;
  border: 1.5px solid #c9cdd3;
  border-radius: 5px;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  transition: all 120ms;
}
.app-root .am-root .cbx svg {
  width: 13px;
  height: 13px;
  display: none;
}
.app-root .am-root .cbx:hover {
  border-color: #6b727c;
}
.app-root .am-root .cbx.on {
  background: #14181c;
  border-color: #14181c;
}
.app-root .am-root .cbx.on svg {
  display: block;
  color: #fff;
}
.app-root .am-root .cbx.on.mint {
  background: #2bd0ab;
  border-color: #2bd0ab;
}
.app-root .am-root .cbx.on.mint svg {
  color: #14181c;
}
.app-root .am-root .cbx.indet {
  background: #2bd0ab;
  border-color: #2bd0ab;
  position: relative;
}
.app-root .am-root .cbx.indet:after {
  content: "";
  width: 9px;
  height: 2px;
  background: #14181c;
  border-radius: 1px;
}
.app-root .am-root .sw {
  position: relative;
  width: 36px;
  height: 20px;
  border-radius: 999px;
  background: #c9cdd3;
  border: 0;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 120ms;
  padding: 0;
}
.app-root .am-root .sw i {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  transition: all 120ms;
}
.app-root .am-root .sw.on {
  background: #2bd0ab;
}
.app-root .am-root .sw.on i {
  left: 18px;
}
.app-root .am-root .sw[disabled] {
  opacity: 0.5;
  cursor: default;
}
.app-root .am-root .tbl {
  width: 100%;
  border-collapse: collapse;
  font-size: 13.5px;
}
.app-root .am-root .tbl thead th {
  text-align: left;
  font-weight: 600;
  font-size: 10.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6b727c;
  padding: 11px 16px;
  border-bottom: 1px solid #e6e8eb;
  white-space: nowrap;
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 2;
}
.app-root .am-root .um-tablefill {
  flex: 1 1 auto;
  min-height: 140px;
  max-height: calc(100vh - 170px);
  overflow: auto;
  padding-bottom: 72px;
}
.app-root .am-root .tbl tbody td {
  padding: 13px 16px;
  border-bottom: 1px solid #eef0f2;
  vertical-align: middle;
}
.app-root .am-root .tbl tbody tr:last-child td {
  border-bottom: 0;
}
.app-root .am-root .tbl tbody tr.clk {
  cursor: pointer;
}
.app-root .am-root .tbl tbody tr.clk:hover {
  background: #fafbfc;
}
.app-root .am-root .tbl tbody tr.sel {
  background: #ecfdf7;
}
.app-root .am-root .tbl tbody tr.sel:hover {
  background: #d2fbec;
}
.app-root .am-root .tbl .cell-chk {
  width: 44px;
  padding-left: 18px;
  padding-right: 0;
}
.app-root .am-root .idcell {
  display: flex;
  align-items: center;
  gap: 12px;
}
.app-root .am-root .idcell .meta {
  min-width: 0;
}
.app-root .am-root .idcell .nm {
  font-weight: 600;
  color: #14181c;
  font-size: 13.5px;
}
.app-root .am-root .idcell .em {
  font-size: 12px;
  color: #434952;
  margin-top: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app-root .am-root .scope-cell {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  color: #14181c;
}
.app-root .am-root .scope-cell svg {
  width: 14px;
  height: 14px;
  color: #6b727c;
}
.app-root .am-root .scope-cell .muted {
  color: #6b727c;
}
.app-root .am-root .kebab {
  width: 30px;
  height: 30px;
  border-radius: 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #6b727c;
  cursor: pointer;
}
.app-root .am-root .kebab svg {
  width: 17px;
  height: 17px;
  color: #6b727c;
}
.app-root .am-root .kebab:hover {
  background: #f2f3f4;
}
.app-root .am-root .um-ovly {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 40;
}
.app-root .am-root .um-pop {
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 41;
  min-width: 220px;
  background: #fff;
  border: 1px solid #e6e8eb;
  border-radius: 11px;
  box-shadow: 0 8px 24px rgba(20, 24, 28, 0.1), 0 2px 6px rgba(20, 24, 28, 0.06);
  padding: 6px;
}
.app-root .am-root .um-popitem {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 8px 10px;
  border-radius: 7px;
  font-size: 13px;
  font-weight: 500;
  color: #14181c;
  cursor: pointer;
}
.app-root .am-root .um-popitem .role-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #6b727c;
}
.app-root .am-root .um-popitem .sp {
  width: 8px;
}
.app-root .am-root .um-popitem:hover {
  background: #fafbfc;
}
.app-root .am-root .um-popitem.active {
  font-weight: 600;
  background: #fafbfc;
}
.app-root .am-root .um-rowmenu {
  position: relative;
  display: inline-flex;
}
.app-root .am-root .um-menu {
  position: absolute;
  top: 30px;
  right: 0;
  z-index: 41;
  min-width: 184px;
  background: #fff;
  border: 1px solid #e6e8eb;
  border-radius: 11px;
  box-shadow: 0 8px 24px rgba(20, 24, 28, 0.1), 0 2px 6px rgba(20, 24, 28, 0.06);
  padding: 6px;
}
.app-root .am-root .um-menu-item {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 8px 10px;
  border-radius: 7px;
  font-size: 13px;
  font-weight: 500;
  color: #14181c;
  cursor: pointer;
}
.app-root .am-root .um-menu-item svg {
  width: 15px;
  height: 15px;
  color: #434952;
}
.app-root .am-root .um-menu-item:hover {
  background: #fafbfc;
}
.app-root .am-root .um-menu-item.danger {
  color: #dd4330;
}
.app-root .am-root .um-menu-item.danger svg {
  color: #dd4330;
}
.app-root .am-root .um-menu-item.danger:hover {
  background: #fdeae6;
}
.app-root .am-root .um-filterbtn {
  position: relative;
}
.app-root .am-root .um-filterbtn .role-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #6b727c;
  margin-right: 2px;
}
.app-root .am-root .um-filterbtn svg {
  width: 14px;
  height: 14px;
}
.app-root .am-root .toolbar {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
}
.app-root .am-root .toolbar .grow {
  flex: 1;
}
.app-root .am-root .um-filter {
  position: relative;
}
.app-root .am-root .count-note {
  font-size: 12.5px;
  color: #434952;
}
.app-root .am-root .count-note b {
  color: #14181c;
  font-weight: 600;
}
.app-root .am-root .bulkbar {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 0 16px;
  height: 52px;
  background: #14181c;
  color: #fff;
  border-radius: 11px;
  margin-bottom: 14px;
  box-shadow: 0 2px 6px rgba(20, 24, 28, 0.08), 0 1px 2px rgba(20, 24, 28, 0.04);
}
.app-root .am-root .bulkbar .cnt {
  font-weight: 600;
  font-size: 13.5px;
}
.app-root .am-root .bulkbar .cnt b {
  color: #5ce8c8;
}
.app-root .am-root .bulkbar .sep {
  width: 1px;
  height: 22px;
  background: rgba(255, 255, 255, 0.16);
}
.app-root .am-root .bulkbar .grow {
  flex: 1;
}
.app-root .am-root .bulkbar .bbtn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 32px;
  padding: 0 12px;
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  font-size: 12.5px;
  font-weight: 500;
  cursor: pointer;
  border: 0;
}
.app-root .am-root .bulkbar .bbtn:hover {
  background: rgba(255, 255, 255, 0.15);
}
.app-root .am-root .bulkbar .bbtn.danger:hover {
  background: #dd4330;
}
.app-root .am-root .bulkbar .x {
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  display: inline-flex;
}
.app-root .am-root .bulkbar .x svg {
  width: 18px;
  height: 18px;
  color: #fff;
}
.app-root .am-root .bulkbar .x:hover {
  color: #fff;
}
.app-root .am-root .hintbar {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 13px 16px;
  background: #e5f1fa;
  border: 1px solid #C8E2F4;
  border-radius: 11px;
  font-size: 13px;
  color: #2a2f37;
  margin: 0 0 18px;
}
.app-root .am-root .hintbar svg {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  color: #0272ba;
}
.app-root .am-root .hintbar b {
  font-weight: 600;
}
.app-root .am-root .ap-layout {
  display: flex;
  gap: 20px;
  align-items: flex-start;
}
.app-root .am-root .ap-list {
  width: 320px;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.app-root .am-root .am-page-fill .ap-layout {
  flex: 1 1 auto;
  min-height: 0;
  align-items: stretch;
}
.app-root .am-root .am-page-fill .ap-list {
  min-height: 0;
  overflow-y: auto;
  padding: 3px 3px 8px;
}
.app-root .am-root .am-page-fill .ap-editor {
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}
.app-root .am-root .am-page-fill .ap-editor .ehead {
  flex: 0 0 auto;
}
.app-root .am-root .am-page-fill .ap-editor .ap-ebody {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}
.app-root .am-root .ap-card {
  border: 1px solid #e6e8eb;
  border-radius: 12px;
  background: #fff;
  padding: 14px 15px;
  cursor: pointer;
  transition: border-color 120ms;
}
.app-root .am-root .ap-card .top {
  display: flex;
  align-items: center;
  gap: 9px;
}
.app-root .am-root .ap-card .dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  flex-shrink: 0;
  background: #6b727c;
}
.app-root .am-root .ap-card .nm {
  font-family: 'Satoshi','Manrope',system-ui,sans-serif;
  font-weight: 700;
  font-size: 14.5px;
  color: #14181c;
  flex: 1;
}
.app-root .am-root .ap-card .sys {
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6b727c;
  background: #f2f3f4;
  padding: 2px 6px;
  border-radius: 5px;
}
.app-root .am-root .ap-card .ds {
  font-size: 12px;
  color: #434952;
  margin-top: 7px;
  line-height: 1.45;
}
.app-root .am-root .ap-card .ft {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 11px;
  font-size: 11.5px;
  color: #434952;
}
.app-root .am-root .ap-card .ft b {
  color: #14181c;
  font-weight: 600;
}
.app-root .am-root .ap-card:hover {
  border-color: #6b727c;
}
.app-root .am-root .ap-card.active {
  border-color: #14181c;
  box-shadow: 0 0 0 1px #14181c;
}
.app-root .am-root .ap-editor {
  flex: 1;
  min-width: 0;
  padding: 0;
}
.app-root .am-root .ap-editor .ehead {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 20px;
  border-bottom: 1px solid #e6e8eb;
}
.app-root .am-root .ap-editor .ehead .dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-top: 7px;
  flex-shrink: 0;
  background: #6b727c;
}
.app-root .am-root .ap-editor .ehead .nm {
  font-family: 'Satoshi','Manrope',system-ui,sans-serif;
  font-weight: 700;
  font-size: 19px;
  color: #14181c;
}
.app-root .am-root .ap-editor .ehead .ds {
  font-size: 13px;
  color: #434952;
  margin-top: 5px;
  max-width: 560px;
  line-height: 1.5;
}
.app-root .am-root .ap-editor .ehead .right {
  margin-left: auto;
  display: flex;
  gap: 8px;
}
.app-root .am-root .esection {
  padding: 20px;
  border-bottom: 1px solid #e6e8eb;
}
.app-root .am-root .esection .sh {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 4px;
}
.app-root .am-root .esection .sh .t {
  font-family: 'Satoshi','Manrope',system-ui,sans-serif;
  font-weight: 600;
  font-size: 15px;
  color: #14181c;
}
.app-root .am-root .esection .sh .n {
  font-size: 12px;
  color: #434952;
  background: #f2f3f4;
  padding: 2px 9px;
  border-radius: 999px;
  font-weight: 600;
}
.app-root .am-root .esection .sh .right {
  margin-left: auto;
}
.app-root .am-root .esection .sd {
  font-size: 12.5px;
  color: #434952;
  margin-bottom: 16px;
}
.app-root .am-root .esection:last-child {
  border-bottom: 0;
}
.app-root .am-root .am-members {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  flex-wrap: wrap;
}
.app-root .am-root .am-members .mchip {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 11px 5px 5px;
  border: 1px solid #e6e8eb;
  border-radius: 999px;
  cursor: pointer;
}
.app-root .am-root .am-members .mchip .nm {
  font-size: 12.5px;
  font-weight: 500;
  color: #14181c;
}
.app-root .am-root .am-members .empty {
  font-size: 13px;
  color: #6b727c;
}
.app-root .am-root .btn-text {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 600;
  color: #0f7f69;
  -webkit-appearance: none;
  box-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  height: auto;
}
.app-root .am-root .btn-text svg {
  width: 14px;
  height: 14px;
}
.app-root .am-root .btn-text:hover {
  color: #16a88a;
}
.app-root .am-root .am-members-empty {
  font-size: 13px;
  color: #6b727c;
  margin-top: 10px;
}
.app-root .am-root .am-memsum {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 10px;
  flex-wrap: wrap;
}
.app-root .am-root .am-avstack {
  display: flex;
}
.app-root .am-root .am-avstack .avatar {
  margin-left: -8px;
  box-shadow: 0 0 0 2px #fff;
}
.app-root .am-root .am-avstack .avatar:first-child {
  margin-left: 0;
}
.app-root .am-root .am-avmore {
  margin-left: -8px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #f2f3f4;
  border: 1px solid #e6e8eb;
  box-shadow: 0 0 0 2px #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  color: #434952;
}
.app-root .am-root .am-memcount {
  font-size: 12.5px;
  color: #434952;
}
.app-root .am-root .am-memcount b {
  color: #14181c;
  font-weight: 700;
}
.app-root .am-root .tabgrid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}
.app-root .am-root .tabrow {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 11px 13px;
  border: 1px solid #e6e8eb;
  border-radius: 10px;
  cursor: pointer;
  transition: background 120ms;
}
.app-root .am-root .tabrow .lbl {
  flex: 1;
  font-size: 13px;
  font-weight: 500;
  color: #14181c;
}
.app-root .am-root .tabrow:hover {
  background: #fafbfc;
}
.app-root .am-root .tabrow.on {
  border-color: #5ce8c8;
  background: #ecfdf7;
}
.app-root .am-root .caplist {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.app-root .am-root .capcat {
  font-size: 10.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 700;
  color: #6b727c;
  margin: 14px 0 9px;
}
.app-root .am-root .caprow {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 13px 15px;
  border: 1px solid #e6e8eb;
  border-radius: 11px;
}
.app-root .am-root .caprow .ct {
  flex: 1;
  min-width: 0;
}
.app-root .am-root .caprow .ct .nm {
  font-size: 13.5px;
  font-weight: 600;
  color: #14181c;
}
.app-root .am-root .caprow .ct .ds {
  font-size: 12px;
  color: #434952;
  margin-top: 3px;
  line-height: 1.45;
}
.app-root .am-root .caprow .sw {
  flex: 0 0 auto;
}
.app-root .am-root .caprow.on {
  border-color: #c9cdd3;
  background: #fafbfc;
}
.app-root .am-root .ud-hero {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 22px;
  border: 1px solid #e6e8eb;
  border-radius: 14px;
  background: #fff;
  margin-bottom: 20px;
}
.app-root .am-root .ud-hero .nm {
  font-family: 'Satoshi','Manrope',system-ui,sans-serif;
  font-weight: 700;
  font-size: 22px;
  color: #14181c;
  letter-spacing: -0.01em;
}
.app-root .am-root .ud-hero .em {
  font-size: 13.5px;
  color: #0272ba;
  margin-top: 3px;
}
.app-root .am-root .ud-hero .tags {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 13px;
  flex-wrap: wrap;
}
.app-root .am-root .ud-hero .right {
  margin-left: auto;
  display: flex;
  gap: 8px;
}
.app-root .am-root .ud-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: start;
}
.app-root .am-root .ud-grid .full {
  grid-column: 1/-1;
}
.app-root .am-root .am-page-fill .ud-grid {
  flex: 1 1 auto;
  min-height: 0;
  align-items: stretch;
  grid-template-rows: minmax(0, 1fr);
}
.app-root .am-root .am-page-fill .ud-grid .card {
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}
.app-root .am-root .am-page-fill .ud-grid .card .card-head {
  flex: 0 0 auto;
}
.app-root .am-root .am-page-fill .ud-grid .card .card-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}
.app-root .am-root .kv {
  display: grid;
  grid-template-columns: 130px 1fr;
  gap: 12px 16px;
  font-size: 13px;
  margin: 0;
}
.app-root .am-root .kv dt {
  color: #434952;
}
.app-root .am-root .kv dd {
  margin: 0;
  color: #14181c;
  font-weight: 500;
}
.app-root .am-root .kv dd.muted {
  color: #6b727c;
  font-weight: 400;
}
.app-root .am-root .ud-roledesc {
  font-size: 12.5px;
  color: #434952;
  line-height: 1.5;
  margin-bottom: 16px;
}
.app-root .am-root .ud-modaldesc {
  font-size: 12.5px;
  color: #434952;
  line-height: 1.5;
  margin-bottom: 14px;
}
.app-root .am-root .ud-headdot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #6b727c;
  flex-shrink: 0;
}
.app-root .am-root .ud-caplabel {
  font-size: 10.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 700;
  color: #6b727c;
  margin: 4px 0 9px;
}
.app-root .am-root .chiprow {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 16px;
}
.app-root .am-root .minichip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 11px;
  border: 1px solid #e6e8eb;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 500;
  color: #14181c;
  background: #fff;
}
.app-root .am-root .minichip svg {
  width: 13px;
  height: 13px;
  color: #434952;
}
.app-root .am-root .minichip.granted {
  color: #0f7f69;
}
.app-root .am-root .minichip.granted svg {
  color: #0f7f69;
}
.app-root .am-root .ud-muted {
  font-size: 12.5px;
  color: #6b727c;
}
.app-root .am-root .ua-pf {
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-weight: 700;
  color: #6b727c;
  padding: 14px 4px 6px;
}
.app-root .am-root .ua-pf:first-child {
  padding-top: 0;
}
.app-root .am-root .ua-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 4px;
  border-bottom: 1px solid #eef0f2;
}
.app-root .am-root .ua-row .nm {
  flex: 1;
  font-size: 13px;
  font-weight: 500;
  color: #14181c;
}
.app-root .am-root .ua-row .deftag {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #0f7f69;
  background: #d2fbec;
  padding: 2px 7px;
  border-radius: 999px;
}
.app-root .am-root .ua-row .star {
  display: inline-flex;
  color: #6b727c;
}
.app-root .am-root .ua-row .star svg {
  width: 16px;
  height: 16px;
}
.app-root .am-root .ua-row .star.on {
  color: #f39b2c;
}
.app-root .am-root .ua-row:last-child {
  border-bottom: 0;
}
.app-root .am-root .pw-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: stretch;
}
.app-root .am-root .pw-grid .card {
  display: flex;
  flex-direction: column;
}
.app-root .am-root .pw-grid .card .card-head {
  flex: 0 0 auto;
}
.app-root .am-root .pw-grid .card .pw-body {
  flex: 1 1 auto;
}
.app-root .am-root .pw-body {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.app-root .am-root .pw-id {
  display: flex;
  align-items: center;
  gap: 14px;
}
.app-root .am-root .pw-id .nm {
  font-weight: 600;
  font-size: 14.5px;
  color: #14181c;
}
.app-root .am-root .pw-id .sub {
  font-size: 12.5px;
  color: #6b727c;
}
.app-root .am-root .pw-row {
  display: flex;
  gap: 14px;
}
.app-root .am-root .pw-row .pw-field {
  flex: 1;
}
.app-root .am-root .pw-lbl {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #6b727c;
  margin-bottom: 6px;
}
.app-root .am-root .pw-field input {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #e6e8eb !important;
  border-radius: 10px;
  padding: 10px 12px !important;
  font-size: 13.5px;
  color: #14181c;
  background: #fff;
  outline: none;
  font-family: inherit;
  margin: 0 !important;
  height: auto !important;
  box-shadow: none !important;
  -webkit-appearance: none;
  transition: border-color 120ms, box-shadow 120ms;
}
.app-root .am-root .pw-field input:focus {
  border-color: #5ce8c8 !important;
  box-shadow: 0 0 0 3px rgba(92, 232, 200, 0.35) !important;
}
.app-root .am-root .pw-field input:disabled,
.app-root .am-root .pw-field input[disabled] {
  background: #fafbfc !important;
  color: #434952 !important;
  cursor: not-allowed;
}
.app-root .am-root .pw-hint {
  font-size: 11.5px;
  color: #6b727c;
  margin-top: 6px;
  line-height: 1.45;
}
.app-root .am-root .pw-err {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11.5px;
  color: #dd4330;
  margin-top: 6px;
}
.app-root .am-root .pw-err svg {
  width: 13px;
  height: 13px;
  color: #dd4330;
}
.app-root .am-root .pw-ok {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
  font-weight: 500;
  color: #16a88a;
}
.app-root .am-root .pw-ok svg {
  width: 15px;
  height: 15px;
  color: #16a88a;
}
.app-root .am-root .pw-actions {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: auto;
}
.app-root .am-root .pw-strength {
  margin-top: 9px;
}
.app-root .am-root .pw-strength .pw-meter {
  display: flex;
  gap: 5px;
}
.app-root .am-root .pw-strength .pw-bar {
  flex: 1;
  height: 4px;
  border-radius: 999px;
  background: #e6e8eb;
  transition: background 120ms;
}
.app-root .am-root .pw-strength .pw-label {
  font-size: 11.5px;
  font-weight: 600;
  margin-top: 6px;
}
.app-root .am-root .pw-strength.pw-s0 .pw-bar.on,
.app-root .am-root .pw-strength.pw-s1 .pw-bar.on {
  background: #dd4330;
}
.app-root .am-root .pw-strength.pw-s2 .pw-bar.on {
  background: #f39b2c;
}
.app-root .am-root .pw-strength.pw-s3 .pw-bar.on {
  background: #0272ba;
}
.app-root .am-root .pw-strength.pw-s4 .pw-bar.on {
  background: #16a88a;
}
.app-root .am-root .pw-strength.pw-s0 .pw-label,
.app-root .am-root .pw-strength.pw-s1 .pw-label {
  color: #dd4330;
}
.app-root .am-root .pw-strength.pw-s2 .pw-label {
  color: #f39b2c;
}
.app-root .am-root .pw-strength.pw-s3 .pw-label {
  color: #0272ba;
}
.app-root .am-root .pw-strength.pw-s4 .pw-label {
  color: #16a88a;
}
.app-root .am-root .si-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: start;
}
.app-root .am-root .si-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.app-root .am-root .si-row2 {
  display: flex;
  gap: 14px;
}
.app-root .am-root .si-row2 > * {
  flex: 1;
  min-width: 0;
}
.app-root .am-root .si-row3 {
  display: flex;
  gap: 12px;
}
.app-root .am-root .si-row3 > * {
  flex: 1;
  min-width: 0;
}
.app-root .am-root .si-lbl {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #6b727c;
  margin-bottom: 7px;
}
.app-root .am-root .si-field input,
.app-root .am-root .si-select {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #e6e8eb !important;
  border-radius: 9px;
  background: #fff;
  font-family: inherit;
  font-size: 13.5px;
  color: #14181c;
  outline: none;
  margin: 0 !important;
  box-shadow: none !important;
  display: block;
}
.app-root .am-root .si-field input {
  padding: 10px 12px !important;
  height: auto !important;
  -webkit-appearance: none;
}
.app-root .am-root .si-select {
  height: 40px;
  padding: 0 10px;
  text-align: left;
  text-align-last: left;
}
.app-root .am-root .si-field input:focus,
.app-root .am-root .si-select:focus {
  border-color: #5ce8c8 !important;
  box-shadow: 0 0 0 3px rgba(92, 232, 200, 0.35) !important;
}
.app-root .am-root .si-field input:disabled,
.app-root .am-root .si-field input[disabled] {
  background: #fafbfc !important;
  color: #434952 !important;
  cursor: not-allowed;
}
.app-root .am-root .si-mono {
  font-family: 'SFMono-Regular',Menlo,Consolas,monospace !important;
  font-size: 12.5px !important;
}
.app-root .am-root .si-hint {
  font-size: 11.5px;
  color: #6b727c;
  margin-top: 6px;
  line-height: 1.45;
}
.app-root .am-root .si-saved {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
  font-weight: 500;
  color: #16a88a;
}
.app-root .am-root .si-saved svg {
  width: 15px;
  height: 15px;
  color: #16a88a;
}
.app-root .am-root .inv-layout {
  display: grid;
  grid-template-columns: 1fr 340px;
  gap: 22px;
  align-items: start;
}
.app-root .am-root .inv-summary {
  position: sticky;
  top: 0;
  align-self: start;
}
.app-root .am-root .inv-summary .sumrow {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 13px 0;
  border-bottom: 1px solid #eef0f2;
}
.app-root .am-root .inv-summary .sumrow .ico {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: #f2f3f4;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.app-root .am-root .inv-summary .sumrow .ico svg {
  width: 16px;
  height: 16px;
  color: #434952;
}
.app-root .am-root .inv-summary .sumrow .k {
  font-size: 11px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #6b727c;
  font-weight: 600;
}
.app-root .am-root .inv-summary .sumrow .v {
  font-size: 13.5px;
  font-weight: 600;
  color: #14181c;
  margin-top: 3px;
}
.app-root .am-root .inv-summary .sumrow .v.muted {
  color: #6b727c;
  font-weight: 500;
}
.app-root .am-root .inv-summary .sumrow .nn {
  font-size: 12px;
  color: #6b727c;
  margin-top: 4px;
}
.app-root .am-root .inv-summary .sumrow:last-child {
  border-bottom: 0;
}
.app-root .am-root .inv-summary .derived {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}
.app-root .am-root .inv-summary .derived .d {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11.5px;
  color: #434952;
  background: #fafbfc;
  border: 1px solid #e6e8eb;
  padding: 3px 8px;
  border-radius: 7px;
}
.app-root .am-root .inv-step {
  margin-bottom: 22px;
}
.app-root .am-root .inv-step .sh {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.app-root .am-root .inv-step .sh .n {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #14181c;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12.5px;
  font-weight: 700;
  font-family: 'Satoshi','Manrope',system-ui,sans-serif;
  flex-shrink: 0;
}
.app-root .am-root .inv-step .sh .t {
  font-family: 'Satoshi','Manrope',system-ui,sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #14181c;
}
.app-root .am-root .inv-step .sh .d {
  font-size: 12.5px;
  color: #434952;
  margin-top: 1px;
}
.app-root .am-root .email-box {
  border: 1px solid #e6e8eb;
  border-radius: 11px;
  background: #fff;
  padding: 11px 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  min-height: 52px;
}
.app-root .am-root .email-box input {
  border: 0 !important;
  outline: 0;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 13px;
  flex: 1;
  min-width: 140px;
  padding: 5px 2px !important;
  margin: 0 !important;
  height: auto !important;
}
.app-root .am-root .email-box:focus-within {
  border-color: #5ce8c8;
  box-shadow: 0 0 0 3px rgba(92, 232, 200, 0.35);
}
.app-root .am-root .echip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 8px;
  background: #f2f3f4;
  border-radius: 8px;
  font-size: 12.5px;
}
.app-root .am-root .echip .em {
  color: #14181c;
  font-weight: 500;
}
.app-root .am-root .echip .tag {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #0272ba;
  background: #e5f1fa;
  padding: 1px 6px;
  border-radius: 999px;
}
.app-root .am-root .echip .x {
  color: #6b727c;
  cursor: pointer;
  display: inline-flex;
}
.app-root .am-root .echip .x svg {
  width: 13px;
  height: 13px;
  color: #6b727c;
}
.app-root .am-root .echip.bad {
  background: #fdeae6;
}
.app-root .am-root .echip.bad .em {
  color: #dd4330;
}
.app-root .am-root .inv-names {
  border: 1px solid #e6e8eb;
  border-radius: 11px;
  background: #fafbfc;
  margin-top: 12px;
  overflow: hidden;
}
.app-root .am-root .inv-names .hd,
.app-root .am-root .inv-names .nrow {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding: 8px 13px;
}
.app-root .am-root .inv-names .hd {
  font-size: 10.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 700;
  color: #6b727c;
  border-bottom: 1px solid #e6e8eb;
}
.app-root .am-root .inv-names .nrow + .nrow {
  border-top: 1px solid #e6e8eb;
}
.app-root .am-root .inv-names .who {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
}
.app-root .am-root .inv-names .who .em {
  font-size: 12.5px;
  color: #434952;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.app-root .am-root .inv-names .nrow input {
  width: 100%;
  box-sizing: border-box;
  height: 32px !important;
  font-size: 13px;
  padding: 0 10px !important;
  margin: 0 !important;
  border: 1px solid #e6e8eb;
  border-radius: 7px;
  background: #fff;
  color: #14181c;
  outline: none;
  box-shadow: none;
  min-width: 0;
}
.app-root .am-root .inv-names .nrow input:focus {
  border-color: #5ce8c8;
  box-shadow: 0 0 0 3px rgba(92, 232, 200, 0.35);
}
.app-root .am-root .profsel {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.app-root .am-root .profsel .pc {
  border: 1px solid #e6e8eb;
  border-radius: 11px;
  padding: 13px 14px;
  cursor: pointer;
  transition: border-color 120ms;
  position: relative;
}
.app-root .am-root .profsel .pc .top {
  display: flex;
  align-items: center;
  gap: 8px;
}
.app-root .am-root .profsel .pc .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #6b727c;
}
.app-root .am-root .profsel .pc .nm {
  font-weight: 700;
  font-size: 13.5px;
  color: #14181c;
  font-family: 'Satoshi','Manrope',system-ui,sans-serif;
  flex: 1;
}
.app-root .am-root .profsel .pc .rb {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1.5px solid #c9cdd3;
  display: flex;
  align-items: center;
  justify-content: center;
}
.app-root .am-root .profsel .pc .rb svg {
  display: none;
}
.app-root .am-root .profsel .pc .ds {
  font-size: 11.5px;
  color: #434952;
  margin-top: 6px;
  line-height: 1.4;
}
.app-root .am-root .profsel .pc:hover {
  border-color: #6b727c;
}
.app-root .am-root .profsel .pc.on {
  border-color: #14181c;
  box-shadow: 0 0 0 1px #14181c;
}
.app-root .am-root .profsel .pc.on .rb {
  border-color: #14181c;
  background: #14181c;
}
.app-root .am-root .profsel .pc.on .rb svg {
  display: block;
  color: #fff;
}
.app-root .am-root .acc-pick {
  border: 1px solid #e6e8eb;
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
}
.app-root .am-root .acc-pick .acc-pf {
  border-bottom: 1px solid #e6e8eb;
}
.app-root .am-root .acc-pick .acc-pf:last-child {
  border-bottom: 0;
}
.app-root .am-root .acc-pick .acc-pf-head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 15px;
}
.app-root .am-root .acc-pick .acc-pf-head .tw {
  width: 15px;
  display: inline-flex;
  color: #6b727c;
  cursor: pointer;
  transition: transform 120ms;
}
.app-root .am-root .acc-pick .acc-pf-head .tw svg {
  width: 15px;
  height: 15px;
}
.app-root .am-root .acc-pick .acc-pf-head .nm {
  font-weight: 600;
  font-size: 13.5px;
  color: #14181c;
  flex: 1;
  cursor: pointer;
}
.app-root .am-root .acc-pick .acc-pf-head .cnt {
  font-size: 11.5px;
  color: #434952;
}
.app-root .am-root .acc-pick .acc-pf-head.open .tw {
  transform: rotate(90deg);
}
.app-root .am-root .acc-pick .acc-site {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 9px 15px 9px 42px;
  border-top: 1px solid #eef0f2;
  cursor: pointer;
}
.app-root .am-root .acc-pick .acc-site .nm {
  flex: 1;
  font-size: 13px;
  color: #14181c;
}
.app-root .am-root .acc-pick .acc-site:hover {
  background: #fafbfc;
}
.app-root .am-root .am-page-fill {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}
.app-root .am-root .am-page-fill .inv-layout {
  flex: 1 1 auto;
  min-height: 0;
  align-items: stretch;
}
.app-root .am-root .inv-main {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.app-root .am-root .inv-main .inv-step.grow {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.app-root .am-root .acc-pick.scroll {
  flex: 1 1 auto;
  min-height: 120px;
  max-height: calc(100vh - 170px);
  overflow-y: auto;
}
.app-root .am-root .acc-empty {
  padding: 18px;
  text-align: center;
  color: #6b727c;
  font-size: 12.5px;
}
.app-root .am-root .inv-sublabel {
  font-size: 10.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 700;
  color: #6b727c;
  margin: 4px 0 10px;
}
.app-root .am-root .inv-empty {
  font-size: 12.5px;
  color: #6b727c;
}
.app-root .am-root .inv-existing {
  border: 1px solid #e6e8eb;
  border-radius: 11px;
  background: #fafbfc;
  margin-bottom: 16px;
  overflow: hidden;
}
.app-root .am-root .inv-existing .hint {
  display: flex;
  gap: 9px;
  padding: 11px 13px;
  font-size: 12.5px;
  color: #434952;
  line-height: 1.45;
}
.app-root .am-root .inv-existing .hint svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin-top: 1px;
  color: #6b727c;
}
.app-root .am-root .inv-existing .row {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 10px 13px;
  margin-bottom: 0;
  border-top: 1px solid #e6e8eb;
}
.app-root .am-root .inv-existing .row .meta {
  flex: 1;
  min-width: 0;
}
.app-root .am-root .inv-existing .row .meta .nm {
  font-weight: 600;
  font-size: 13px;
  color: #14181c;
}
.app-root .am-root .inv-existing .row .meta .em {
  font-size: 12px;
  color: #6b727c;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app-root .settings-content.am-root {
  padding: 0;
  background: #F4F6F8;
}
.app-root .am-ov {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background: rgba(16, 22, 30, 0.42);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.app-root .am-md {
  width: 480px;
  max-width: 100%;
  max-height: calc(100vh - 48px);
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(20, 24, 28, 0.1), 0 2px 6px rgba(20, 24, 28, 0.06);
  border: 1px solid #e6e8eb;
  overflow: hidden;
  font-family: 'Satoshi',system-ui,'Segoe UI',sans-serif;
  color: #14181c;
}
.app-root .am-md.wide {
  width: 560px;
}
.app-root .am-md-head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid #e6e8eb;
}
.app-root .am-md-head .ic {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  background: #fafbfc;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.app-root .am-md-head .ic svg {
  width: 17px;
  height: 17px;
  color: #14181c;
}
.app-root .am-md-head .tt {
  flex: 1;
  min-width: 0;
}
.app-root .am-md-head .tt .t {
  font-family: 'Satoshi','Manrope',system-ui,sans-serif;
  font-weight: 600;
  font-size: 15px;
  color: #14181c;
}
.app-root .am-md-head .tt .s {
  font-size: 12.5px;
  color: #6b727c;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.app-root .am-md-head .x {
  cursor: pointer;
  color: #6b727c;
  display: inline-flex;
  padding: 4px;
}
.app-root .am-md-head .x svg {
  width: 18px;
  height: 18px;
  color: #6b727c;
}
.app-root .am-md-body {
  padding: 18px;
  overflow-y: auto;
  flex: 1;
}
.app-root .am-md-body .lbl {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #6b727c;
  margin-bottom: 6px;
}
.app-root .am-md-body .fld {
  margin-bottom: 14px;
}
.app-root .am-md-body .fld-row {
  display: flex;
  gap: 12px;
  margin-bottom: 14px;
}
.app-root .am-md-body .fld-row .fld {
  flex: 1;
  margin-bottom: 0;
}
.app-root .am-md-body .fld input,
.app-root .am-md-body .fld-row input {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #e6e8eb;
  border-radius: 9px;
  padding: 9px 11px;
  font-size: 13.5px;
  color: #14181c;
  background: #fff;
  outline: none;
  margin: 0;
  height: auto;
}
.app-root .am-md-body .fld input:focus,
.app-root .am-md-body .fld-row input:focus {
  border-color: #5ce8c8;
  box-shadow: 0 0 0 3px rgba(92, 232, 200, 0.35);
}
.app-root .am-md-body .am-md-pw {
  border-top: 1px solid #e6e8eb;
  margin-top: 4px;
  padding-top: 16px;
}
.app-root .am-md-body .am-md-pw-row {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.app-root .am-md-body .am-md-pw-row .hint {
  font-size: 12px;
  color: #6b727c;
  flex: 1;
  min-width: 140px;
}
.app-root .am-md-body .am-md-reset-ok {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 12.5px;
  color: #0272ba;
  background: #e5f1fa;
  border: 1px solid rgba(2, 114, 186, 0.18);
  border-radius: 9px;
  padding: 10px 12px;
}
.app-root .am-md-body .am-md-reset-ok svg {
  width: 16px;
  height: 16px;
  color: #0272ba;
  flex-shrink: 0;
}
.app-root .am-md-body .am-md-reset-ok b {
  font-weight: 600;
}
.app-root .am-md-foot {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 14px 18px;
  border-top: 1px solid #e6e8eb;
  background: #fafbfc;
  flex: 0 0 auto;
}
.app-root .am-md-body .lbl .req {
  color: #dd4330;
  margin-left: 2px;
}
.app-root .am-md-body .lbl .opt {
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
  color: #6b727c;
  margin-left: 6px;
}
.app-root .am-md-body .csf-select {
  width: 100%;
  box-sizing: border-box;
  height: 40px;
  border: 1px solid #e6e8eb;
  border-radius: 9px;
  background: #fff;
  padding: 0 10px;
  font-family: inherit;
  font-size: 13.5px;
  color: #14181c;
  outline: none;
  display: block;
  box-shadow: none;
  margin: 0;
  text-align: left;
  text-align-last: left;
}
.app-root .am-md-body .csf-select:focus {
  border-color: #5ce8c8;
  box-shadow: 0 0 0 3px rgba(92, 232, 200, 0.35);
}
.app-root .am-md-body .csf-newpf {
  border: 1px solid #e6e8eb;
  border-radius: 11px;
  background: #fafbfc;
  padding: 14px;
  margin-bottom: 14px;
}
.app-root .am-md-body .csf-newpf .csf-newpf-h {
  font-size: 12px;
  font-weight: 600;
  color: #434952;
  margin-bottom: 10px;
}
.app-root .am-md-body .csf-divider {
  height: 1px;
  background: #e6e8eb;
  margin: 4px 0;
}
.app-root .am-md-body .csf-toggle {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 11px 0;
}
.app-root .am-md-body .csf-toggle .t {
  font-size: 13px;
  font-weight: 600;
  color: #14181c;
}
.app-root .am-md-body .csf-toggle .s {
  font-size: 12px;
  color: #6b727c;
  margin-top: 2px;
  line-height: 1.45;
}
.app-root .am-md-body .csf-err {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  color: #dd4330;
  margin-top: 8px;
}
.app-root .am-md-body .csf-err svg {
  width: 15px;
  height: 15px;
  color: #dd4330;
  flex-shrink: 0;
}
.app-root .am-md-head {
  flex: 0 0 auto;
}
.app-root .am-md.mm {
  width: 580px;
}
.app-root .am-md .mm-controls {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 18px;
  border-bottom: 1px solid #e6e8eb;
  flex: 0 0 auto;
}
.app-root .am-md .mm-controls .field {
  flex: 1;
}
.app-root .am-md-body.mm-list {
  padding: 6px 0;
}
.app-root .mm-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 18px;
  cursor: pointer;
  transition: background 120ms;
}
.app-root .mm-row .meta {
  flex: 1;
  min-width: 0;
}
.app-root .mm-row .meta .nm {
  font-weight: 600;
  font-size: 13px;
  color: #14181c;
}
.app-root .mm-row .meta .em {
  font-size: 12px;
  color: #6b727c;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.app-root .mm-row .sites {
  font-size: 12px;
  color: #6b727c;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
}
.app-root .mm-row .sites svg {
  width: 13px;
  height: 13px;
  color: #6b727c;
}
.app-root .mm-row > svg {
  width: 16px;
  height: 16px;
  color: #6b727c;
  flex: 0 0 auto;
}
.app-root .mm-row:hover {
  background: #fafbfc;
}
.app-root .mm-empty {
  padding: 28px 18px;
  font-size: 12.5px;
  color: #6b727c;
  text-align: center;
}
.app-root .am-md-foot.mm-foot {
  justify-content: space-between;
}
.app-root .am-md-foot.mm-foot .cnt {
  font-size: 12px;
  color: #6b727c;
}
.app-root .am-root .jb-page,
.app-root .am-root.jb-md {
  font-family: var(--font-sans);
}
.app-root .am-root .jb-page {
  width: 100%;
  box-sizing: border-box;
}
.app-root .am-root .jb-page .am-phead h1,
.app-root .am-root.jb-md .am-md-head .t,
.app-root .am-root .jb-nm,
.app-root .am-root .jb-sect-t .nm {
  font-family: var(--font-display);
}
.app-root .am-root .jb-cron,
.app-root .am-root .jb-mono,
.app-root .am-root .jb-raw,
.app-root .am-root .jb-clock .t {
  font-family: var(--font-mono) !important;
}
.app-root .am-root .jb-clock {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 14px 8px 12px;
  background: #fff;
  border: 1px solid #e6e8eb;
  border-radius: 11px;
}
.app-root .am-root .jb-clock svg {
  width: 18px;
  height: 18px;
  color: #16a88a;
  flex-shrink: 0;
}
.app-root .am-root .jb-clock .t {
  font-size: 14px;
  font-weight: 600;
  color: #14181c;
  line-height: 1.2;
}
.app-root .am-root .jb-clock .s {
  font-size: 11px;
  color: #6b727c;
}
.app-root .am-root .jb-sect {
  margin-bottom: 28px;
}
.app-root .am-root .jb-sect-head {
  display: flex;
  align-items: flex-end;
  gap: 14px;
  margin-bottom: 12px;
}
.app-root .am-root .jb-sect-t {
  flex: 1;
  min-width: 0;
}
.app-root .am-root .jb-sect-t .nm {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
  font-size: 16px;
  color: #14181c;
}
.app-root .am-root .jb-sect-t .sub {
  font-size: 12.5px;
  color: #434952;
  margin-top: 3px;
}
.app-root .am-root .jb-summary {
  font-size: 12.5px;
  color: #434952;
  white-space: nowrap;
}
.app-root .am-root .jb-summary b {
  color: #14181c;
  font-weight: 700;
}
.app-root .am-root .jb-empty {
  padding: 22px;
  text-align: center;
  font-size: 13px;
  color: #6b727c;
  background: #fff;
  border: 1px dashed #c9cdd3;
  border-radius: 14px;
}
.app-root .am-root .jb-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.app-root .am-root .jb-row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 15px 18px;
  background: #fff;
  border: 1px solid #e6e8eb;
  border-radius: 14px;
}
.app-root .am-root .jb-row.off {
  background: #fafbfc;
}
.app-root .am-root .jb-stat {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  flex-shrink: 0;
  background: #c9cdd3;
}
.app-root .am-root .jb-stat.on {
  background: #2bd0ab;
  box-shadow: 0 0 0 3px rgba(43, 208, 171, 0.18);
}
.app-root .am-root .jb-main {
  flex: 1;
  min-width: 0;
}
.app-root .am-root .jb-main .jb-nm {
  font-weight: 600;
  font-size: 14.5px;
  color: #14181c;
  display: flex;
  align-items: center;
  gap: 9px;
}
.app-root .am-root .jb-main .jb-desc {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 14px;
  font-size: 12.5px;
  color: #434952;
  margin-top: 4px;
}
.app-root .am-root .jb-meta {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #6b727c;
  min-width: 0;
  max-width: 260px;
}
.app-root .am-root .jb-meta svg {
  width: 13px;
  height: 13px;
  color: #6b727c;
  flex-shrink: 0;
}
.app-root .am-root .jb-meta .jb-mono {
  font-size: 11.5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app-root .am-root .jb-offpill {
  font-family: var(--font-sans);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #6b727c;
  background: #f2f3f4;
  padding: 2px 8px;
  border-radius: 999px;
}
.app-root .am-root .jb-aside {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-shrink: 0;
}
.app-root .am-root .jb-sched {
  text-align: right;
}
.app-root .am-root .jb-sched .jb-tzl {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #6b727c;
  margin-top: 3px;
}
.app-root .am-root .jb-next {
  text-align: right;
  min-width: 120px;
}
.app-root .am-root .jb-next .r {
  font-size: 12.5px;
  font-weight: 600;
  color: #14181c;
}
.app-root .am-root .jb-next .s {
  font-size: 11.5px;
  color: #6b727c;
  margin-top: 2px;
}
.app-root .am-root .jb-acts {
  display: flex;
  align-items: center;
  gap: 10px;
}
.app-root .am-root .jb-cron {
  font-size: 12px;
  color: #2a2f37;
  background: #f2f3f4;
  border-radius: 6px;
  padding: 3px 8px;
}
.app-root .am-root .jb-cron.sm {
  font-size: 11px;
  padding: 2px 7px;
}
.app-root .am-root .jb-run {
  min-width: 100px;
}
.app-root .am-root .jb-run.starting {
  color: #434952;
}
.app-root .am-root .jb-run.started {
  color: #0f7f69;
  border-color: #5ce8c8;
  background: #ecfdf7;
}
.app-root .am-root .jb-run.started svg {
  color: #16a88a;
}
.app-root .am-root .jb-spin {
  animation: jb-spin 0.9s linear infinite;
}
.app-root .am-root .jb-source {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding-bottom: 18px;
  margin-bottom: 18px;
  border-bottom: 1px solid #e6e8eb;
}
.app-root .am-root .jb-grow {
  flex: 1;
  min-width: 200px;
}
.app-root .am-root .jb-full {
  width: 100%;
}
.app-root .am-root .jb-enable {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid #e6e8eb;
  border-radius: 11px;
  background: #fafbfc;
  margin-bottom: 18px;
}
.app-root .am-root .jb-enable .t {
  font-size: 13px;
  font-weight: 600;
  color: #14181c;
}
.app-root .am-root .jb-enable .s {
  font-size: 12px;
  color: #6b727c;
  margin-top: 1px;
}
.app-root .am-root .jb-build {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.app-root .am-root .jb-build.is-off {
  opacity: 0.5;
  pointer-events: none;
}
.app-root .am-root .jb-field .jb-lbl {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #6b727c;
  margin-bottom: 8px;
}
.app-root .am-root .jb-inline {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}
.app-root .am-root .jb-pickwrap {
  display: inline-flex;
  align-items: center;
  gap: 9px;
}
.app-root .am-root .jb-suffix {
  font-size: 13.5px;
  color: #434952;
}
.app-root .am-root .jb-seg {
  display: inline-flex;
  border: 1px solid #e6e8eb;
  border-radius: 9px;
  overflow: hidden;
  background: #fff;
}
.app-root .am-root .jb-segbtn {
  border: 0;
  background: #fff;
  padding: 8px 14px;
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 600;
  color: #434952;
  cursor: pointer;
  border-right: 1px solid #e6e8eb;
  -webkit-appearance: none;
}
.app-root .am-root .jb-segbtn:last-child {
  border-right: 0;
}
.app-root .am-root .jb-segbtn.on {
  background: #14181c;
  color: #fff;
}
.app-root .am-root .jb-select {
  height: 38px;
  border: 1px solid #e6e8eb;
  border-radius: 9px;
  background: #fff;
  padding: 0 10px;
  font-family: inherit;
  font-size: 13.5px;
  color: #14181c;
  outline: none;
  display: block;
  box-shadow: none;
  text-align: left;
  text-align-last: left;
}
.app-root .am-root .jb-select option {
  text-align: left;
}
.app-root .am-root .jb-select:focus {
  border-color: #5ce8c8;
  box-shadow: 0 0 0 3px rgba(92, 232, 200, 0.35);
}
.app-root .am-root .jb-days {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
.app-root .am-root .jb-day {
  border: 1px solid #e6e8eb;
  background: #fff;
  border-radius: 8px;
  padding: 8px 11px;
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 600;
  color: #434952;
  cursor: pointer;
  -webkit-appearance: none;
}
.app-root .am-root .jb-day.on {
  background: #ecfdf7;
  border-color: #5ce8c8;
  color: #0f7f69;
}
.app-root .am-root .jb-raw {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #e6e8eb !important;
  border-radius: 9px;
  padding: 10px 12px !important;
  font-size: 13px;
  color: #14181c;
  background: #fff;
  outline: none;
  margin: 0 !important;
  height: auto !important;
  box-shadow: none !important;
}
.app-root .am-root .jb-raw:focus {
  border-color: #5ce8c8 !important;
  box-shadow: 0 0 0 3px rgba(92, 232, 200, 0.35) !important;
}
.app-root .am-root .jb-hint {
  font-size: 11.5px;
  color: #6b727c;
  margin-top: 8px;
  line-height: 1.5;
}
.app-root .am-root .jb-source .jb-hint {
  margin-top: -6px;
}
.app-root .am-root .jb-mono {
  color: #434952;
}
.app-root .am-root .jb-preview {
  border: 1px solid #e6e8eb;
  border-radius: 11px;
  overflow: hidden;
}
.app-root .am-root .jb-preview .jb-preview-head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-bottom: 1px solid #e6e8eb;
  font-size: 13.5px;
  font-weight: 600;
  color: #14181c;
}
.app-root .am-root .jb-preview .jb-preview-head svg {
  width: 16px;
  height: 16px;
  color: #0272ba;
}
.app-root .am-root .jb-preview .jb-preview-body {
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 11px;
}
.app-root .am-root .jb-preview .jb-cronrow {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.app-root .am-root .jb-preview .jb-lbl2 {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #6b727c;
}
.app-root .am-root .jb-preview .jb-nextruns {
  font-size: 12.5px;
  color: #434952;
}
.app-root .am-root .jb-preview .jb-nextruns b {
  color: #14181c;
  font-weight: 500;
}
@media (max-width: 1100px) {
  .app-root .am-root .jb-row {
    flex-wrap: wrap;
  }
  .app-root .am-root .jb-aside {
    width: 100%;
    padding-left: 23px;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 12px 22px;
  }
  .app-root .am-root .jb-sched,
  .app-root .am-root .jb-next {
    text-align: left;
  }
  .app-root .am-root .jb-acts {
    margin-left: auto;
  }
}
@media (max-width: 640px) {
  .app-root .am-root .jb-sect-head {
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .app-root .am-root .jb-acts {
    margin-left: 0;
    width: 100%;
    flex-wrap: wrap;
  }
}
@keyframes jb-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* ============================================================
   Energy Dashboard — redesign styles
   (Meter View chart + properties, Reports table, Configure)
   Ported from the BalanceCx "energy-dashboard" prototype
   (prototypes/energy-dashboard/styles.css, which layers on the
   site-config-redesign shared atoms).
   Everything is scoped under `.energy-dash` so the design's generic
   atom class names (.btn, .card, .modal, .seg, …) never collide with
   materialize / the rest of the app.
   ============================================================ */
/* ---- Design tokens (safe to (re)declare; same values app-wide) ---- */
:root {
  --mint-50: #ECFDF7;
  --mint-100: #D2FBEC;
  --mint-200: #A8F4D9;
  --mint-300: #7DECC8;
  --mint-400: #5CE8C8;
  --mint-500: #2BD0AB;
  --mint-600: #16A88A;
  --mint-700: #0F7F69;
  --mint-800: #0B5A4B;
  --mint-900: #073A30;
  --ink-50: #F5F6F7;
  --ink-100: #E6E8EB;
  --ink-200: #C9CDD3;
  --ink-300: #9DA3AC;
  --ink-400: #6B727C;
  --ink-500: #434952;
  --ink-600: #2A2F37;
  --ink-700: #1E2228;
  --ink-800: #14181C;
  --ink-900: #0B0E11;
  --fg-1: #14181C;
  --fg-2: #434952;
  --fg-3: #6B727C;
  --border-1: #E6E8EB;
  --border-2: #C9CDD3;
  --eei-blue: #0272BA;
  --eei-indigo: #0C3F7B;
  --pass: #90D055;
  --pass-strong: #74C040;
  --pass-bg: #ECF7DC;
  --fail: #F06060;
  --fail-strong: #DD4330;
  --fail-bg: #FDEAE6;
  --status-warn: #F39B2C;
  --font-display: 'Manrope', 'Public Sans', system-ui, -apple-system, sans-serif;
  --font-sans: 'Public Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'Roboto Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --shadow-3: 0 8px 24px rgba(20, 24, 28, 0.1), 0 2px 6px rgba(20, 24, 28, 0.06);
  --shadow-4: 0 24px 64px rgba(20, 24, 28, 0.16), 0 6px 16px rgba(20, 24, 28, 0.08);
  --dur-fast: 120ms;
  --dur-base: 180ms;
  --dur-slow: 280ms;
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
}
/* ---- keyframes (prefixed to avoid collisions) ---- */
@keyframes ed-fade {
  from {
    opacity: 0;
  }
}
@keyframes ed-pop {
  from {
    transform: scale(0.97);
    opacity: 0.7;
  }
}
@keyframes ed-slidein {
  from {
    transform: translateX(24px);
    opacity: 0.6;
  }
}
@keyframes ed-toastin {
  from {
    transform: translate(-50%, 12px);
    opacity: 0;
  }
}
@keyframes ed-spin {
  to {
    transform: rotate(360deg);
  }
}
.energy-dash {
  font-family: var(--font-sans);
  color: var(--fg-1);
  font-size: 14px;
  /* Edge-to-edge page chrome. Business routes (.ember-view.business .main-content)
     already have padding-top 0; cancel the 20px gutters and the 75px footer strip. */
  height: 100vh;
  margin: 0 -20px -75px;
  background: #F4F6F8;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  /* NB: never use materialize's global `.right` (float: right) inside this page */
  /* =====================================================
     TOP BAR — title / crumbs / tab segment
     ===================================================== */
  /* =====================================================
     ATOMS — buttons / pills / search / segmented / toggle / checkbox
     ===================================================== */
  /* =====================================================
     CARDS / TABLES
     ===================================================== */
  /* =====================================================
     METER VIEW — chart
     ===================================================== */
  /* =====================================================
     METER VIEW — property rows on chart
     ===================================================== */
  /* =====================================================
     METER VIEW — targets editor / add-sites list
     ===================================================== */
  /* =====================================================
     CONFIGURE
     ===================================================== */
  /* =====================================================
     REPORTS
     ===================================================== */
  /* =====================================================
     PROPERTY DETAIL SLIDE-OVER
     ===================================================== */
  /* =====================================================
     MODAL
     ===================================================== */
  /* Scoped under .modal-scrim to out-specify the app's global `.modal`
     (materialize sets display:none / position:fixed / padding / margin). */
  /* =====================================================
     TOAST
     ===================================================== */
}
.energy-dash *,
.energy-dash *::before,
.energy-dash *::after {
  box-sizing: border-box;
}
.energy-dash svg.lucide {
  display: inline-block;
  vertical-align: middle;
  flex: 0 0 auto;
}
.energy-dash svg.lucide.spin {
  animation: ed-spin 0.9s linear infinite;
}
.energy-dash button {
  font-family: inherit;
}
.energy-dash a {
  color: var(--eei-blue);
}
.energy-dash a:hover {
  color: var(--eei-indigo);
}
.energy-dash .mono {
  font-family: var(--font-mono);
  font-feature-settings: 'tnum';
  font-variant-numeric: tabular-nums;
}
.energy-dash .mono.sm {
  font-size: 12.5px;
}
.energy-dash .muted {
  color: var(--fg-3);
}
.energy-dash .sm {
  font-size: 12.5px;
}
.energy-dash .hstack {
  display: flex;
  align-items: center;
  gap: 10px;
}
.energy-dash .hstack.tight {
  gap: 7px;
}
.energy-dash .ta-r {
  text-align: right;
}
.energy-dash .num {
  font-family: var(--font-mono);
  font-size: 12.5px;
  font-variant-numeric: tabular-nums;
}
.energy-dash .ed-mb12 {
  margin-bottom: 12px;
}
.energy-dash .ed-ml8 {
  margin-left: 8px;
}
.energy-dash .ed-top {
  display: flex;
  align-items: center;
  gap: 20px;
  background: #fff;
  border-bottom: 1px solid var(--border-1);
  padding: 12px 28px;
  min-height: 68px;
  flex: 0 0 auto;
}
.energy-dash .ed-titles h1 {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 22px;
  letter-spacing: -0.018em;
  color: #14181C;
  line-height: 1.1;
}
.energy-dash .ed-titles .crumbs {
  font-size: 12px;
  color: var(--fg-3);
  margin-top: 3px;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.energy-dash .ed-titles .crumbs .sep {
  margin: 0 6px;
  color: var(--ink-200);
}
.energy-dash .ed-titles .crumbs .leaf {
  color: var(--fg-2);
  font-weight: 500;
}
.energy-dash .ed-top .spacer {
  flex: 1;
}
.energy-dash .ed-content {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}
.energy-dash .ed-content-inner {
  padding: 22px 28px 40px;
}
.energy-dash .ed-screen {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.energy-dash .btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 36px;
  padding: 0 15px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  line-height: 1;
  border: 1px solid transparent;
  white-space: nowrap;
  font-family: inherit;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0;
  box-shadow: none;
  transition: background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);
}
.energy-dash .btn:active {
  transform: scale(0.99);
}
.energy-dash .btn:focus {
  background-color: inherit;
}
.energy-dash .btn-mint {
  background: var(--mint-400);
  color: #14181C;
  font-weight: 600;
}
.energy-dash .btn-mint:hover,
.energy-dash .btn-mint:focus {
  background: var(--mint-500);
  color: #14181C;
}
.energy-dash .btn-ink {
  background: #14181C;
  color: #fff;
}
.energy-dash .btn-ink:hover {
  background: #000;
}
.energy-dash .btn-ghost {
  background: #fff;
  color: #14181C;
  border-color: #DDE1E6;
}
.energy-dash .btn-ghost:hover,
.energy-dash .btn-ghost:focus {
  background: #F4F6F8;
  color: #14181C;
}
.energy-dash .btn-danger {
  background: #fff;
  color: var(--fail-strong);
  border-color: #F3C9C2;
}
.energy-dash .btn-danger:hover {
  background: var(--fail-bg);
}
.energy-dash .btn-sm {
  height: 30px;
  padding: 0 11px;
  font-size: 12px;
  gap: 5px;
  border-radius: 7px;
}
.energy-dash .btn.disabled,
.energy-dash .btn[disabled] {
  opacity: 0.45;
  pointer-events: none;
}
.energy-dash .btn-icon {
  width: 34px;
  height: 34px;
  padding: 0;
  border-radius: 8px;
  background: #fff;
  color: var(--fg-2);
  border: 1px solid #DDE1E6;
  display: inline-grid;
  place-items: center;
  cursor: pointer;
  line-height: 1;
}
.energy-dash .btn-icon:hover {
  background: #F4F6F8;
  color: var(--fg-1);
}
.energy-dash .btn-link {
  background: transparent;
  border: 0;
  color: var(--eei-blue);
  cursor: pointer;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  padding: 0;
  line-height: 1;
}
.energy-dash .btn-link:hover {
  color: var(--eei-indigo);
}
.energy-dash .pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 22px;
  padding: 0 9px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.energy-dash .pill-mint {
  background: var(--mint-50);
  color: var(--mint-700);
  border: 1px solid var(--mint-200);
}
.energy-dash .pill-ink {
  background: #F0F2F4;
  color: #2A2F37;
  border: 1px solid #E6E8EB;
}
.energy-dash .eqp-count {
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 600;
  color: var(--fg-2);
  background: #F0F2F4;
  padding: 1px 8px;
  border-radius: 999px;
  margin-left: 6px;
  vertical-align: middle;
}
.energy-dash .sc-search {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  height: 38px;
  padding: 0 13px;
  background: #fff;
  border: 1px solid #DDE1E6;
  border-radius: 9px;
  min-width: 0;
  transition: border-color var(--dur-fast), box-shadow var(--dur-fast);
}
.energy-dash .sc-search:focus-within {
  border-color: var(--mint-400);
  box-shadow: 0 0 0 3px rgba(92, 232, 200, 0.22);
}
.energy-dash .sc-search input,
.energy-dash .sc-search input[type="text"] {
  border: 0;
  outline: 0;
  flex: 1;
  min-width: 0;
  font-size: 13.5px;
  color: var(--fg-1);
  background: transparent;
  font-family: inherit;
  height: 34px;
  margin: 0;
  padding: 0;
  box-shadow: none;
}
.energy-dash .sc-search input:focus {
  border: 0;
  box-shadow: none;
}
.energy-dash .sc-search input::placeholder {
  color: var(--fg-3);
}
.energy-dash .sc-search .lucide {
  color: var(--fg-3);
}
.energy-dash .sc-search .clr {
  color: var(--fg-3);
  cursor: pointer;
  display: inline-flex;
}
.energy-dash .sc-search .clr:hover {
  color: var(--fg-1);
}
.energy-dash .seg {
  display: inline-flex;
  padding: 3px;
  background: #F0F2F4;
  border: 1px solid #E6E8EB;
  border-radius: 9px;
}
.energy-dash .seg button,
.energy-dash .seg a {
  border: 0;
  background: transparent;
  padding: 7px 13px;
  border-radius: 6px;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--fg-2);
  cursor: pointer;
  font-family: inherit;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  white-space: nowrap;
  line-height: 1;
  text-decoration: none;
}
.energy-dash .seg button:hover,
.energy-dash .seg a:hover {
  color: var(--fg-1);
}
.energy-dash .seg button.on,
.energy-dash .seg a.active {
  background: #14181C;
  color: #fff;
  box-shadow: 0 1px 2px rgba(20, 24, 28, 0.12);
}
.energy-dash .seg button .ct {
  font-family: var(--font-mono);
  font-size: 10.5px;
  font-weight: 500;
  background: rgba(20, 24, 28, 0.06);
  color: var(--fg-2);
  padding: 1px 6px;
  border-radius: 999px;
}
.energy-dash .seg button.on .ct {
  background: rgba(255, 255, 255, 0.18);
  color: rgba(255, 255, 255, 0.9);
}
.energy-dash .seg.light button.on {
  background: #fff;
  color: #14181C;
  box-shadow: 0 1px 2px rgba(20, 24, 28, 0.08);
}
.energy-dash .tgl {
  display: inline-block;
  width: 38px;
  height: 22px;
  border-radius: 999px;
  background: #D4D8DD;
  position: relative;
  cursor: pointer;
  transition: background var(--dur-fast);
  flex: 0 0 auto;
}
.energy-dash .tgl.on {
  background: var(--mint-500);
}
.energy-dash .tgl .knob {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  transition: transform var(--dur-fast) var(--ease-out);
}
.energy-dash .tgl.on .knob {
  transform: translateX(16px);
}
.energy-dash .ed-inline-tgl {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--fg-2);
  cursor: pointer;
  user-select: none;
}
.energy-dash .cbx {
  width: 18px;
  height: 18px;
  border-radius: 5px;
  border: 1.5px solid #C9CDD3;
  background: #fff;
  display: inline-grid;
  place-items: center;
  cursor: pointer;
  flex: 0 0 auto;
  color: #14181C;
}
.energy-dash .cbx.on {
  background: var(--mint-400);
  border-color: var(--mint-400);
}
.energy-dash .ed-loading {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--fg-3);
  font-size: 13px;
}
.energy-dash .ed-loading.sm {
  font-size: 12px;
}
.energy-dash .card {
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 14px;
  overflow: hidden;
  margin: 0;
  box-shadow: none;
  position: static;
}
.energy-dash .card-head {
  padding: 16px 20px 14px;
  border-bottom: 1px solid #EEF0F2;
  display: flex;
  align-items: center;
  gap: 11px;
  flex-wrap: wrap;
}
.energy-dash .card-head .h {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 16px;
  color: #14181C;
}
.energy-dash .card-head .sub {
  font-size: 12.5px;
  color: var(--fg-3);
  margin-top: 2px;
}
.energy-dash .card-head .hd-right {
  margin-left: auto;
}
.energy-dash .atbl-card {
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 12px;
  overflow: hidden;
}
.energy-dash .ed-scroll-x {
  overflow-x: auto;
}
.energy-dash .atbl {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.energy-dash .atbl thead th {
  text-align: left;
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--fg-3);
  padding: 10px 16px;
  border-bottom: 1px solid #E6E8EB;
  white-space: nowrap;
  background: #fff;
  border-radius: 0;
}
.energy-dash .atbl thead th.ta-r {
  text-align: right;
}
.energy-dash .atbl tbody tr {
  border-bottom: 1px solid #F1F3F5;
  cursor: pointer;
}
.energy-dash .atbl tbody tr:last-child {
  border-bottom: 0;
}
.energy-dash .atbl tbody tr:hover {
  background: #FAFBFC;
}
.energy-dash .atbl tbody tr.ed-emptyrow {
  cursor: default;
}
.energy-dash .atbl tbody tr.ed-emptyrow:hover {
  background: transparent;
}
.energy-dash .atbl tbody td {
  padding: 11px 16px;
  vertical-align: middle;
  border-radius: 0;
}
.energy-dash .atbl td.ta-r {
  text-align: right;
}
.energy-dash .adesc {
  font-size: 11.5px;
  color: var(--fg-3);
  margin-top: 1px;
}
.energy-dash .ed-rn {
  font-size: 13.5px;
  font-weight: 600;
  color: #14181C;
  display: flex;
  align-items: center;
}
.energy-dash .sc-empty {
  padding: 56px 24px;
  text-align: center;
  color: var(--fg-2);
}
.energy-dash .sc-empty.compact {
  padding: 28px 24px;
}
.energy-dash .sc-empty .eic {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  margin: 0 auto 14px;
  background: var(--ink-50);
  color: var(--ink-400);
  display: grid;
  place-items: center;
}
.energy-dash .sc-empty .et {
  font-weight: 600;
  color: #14181C;
  font-size: 15px;
}
.energy-dash .sc-empty .es {
  font-size: 13px;
  margin-top: 5px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.energy-dash .ec-area {
  padding: 14px 18px 4px;
}
.energy-dash .ec-wrap {
  position: relative;
  width: 100%;
  display: block;
}
.energy-dash .ec-svg {
  display: block;
}
.energy-dash .ec-ax {
  font-family: var(--font-mono);
  font-size: 10.5px;
  fill: var(--fg-3);
}
.energy-dash .ec-empty {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: var(--fg-2);
}
.energy-dash .ec-empty .et {
  font-weight: 600;
  color: #14181C;
  font-size: 15px;
}
.energy-dash .ec-empty .es {
  font-size: 13px;
  margin-top: 5px;
  max-width: 46ch;
}
.energy-dash .ec-tip {
  position: absolute;
  z-index: 5;
  min-width: 250px;
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 11px;
  box-shadow: var(--shadow-3);
  padding: 10px 12px 8px;
  pointer-events: none;
}
.energy-dash .ec-tip-h {
  font-size: 12px;
  font-weight: 700;
  color: #14181C;
  padding-bottom: 7px;
  border-bottom: 1px solid #F1F3F5;
  margin-bottom: 4px;
}
.energy-dash .ec-tip-row {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 5px 0;
}
.energy-dash .ec-tip-row .sw {
  width: 10px;
  height: 3px;
  border-radius: 2px;
  flex: 0 0 auto;
}
.energy-dash .ec-tip-row .m {
  flex: 1;
  min-width: 0;
}
.energy-dash .ec-tip-row .l {
  font-size: 12.5px;
  font-weight: 600;
  color: #14181C;
}
.energy-dash .ec-tip-row .s {
  font-size: 11px;
  color: var(--fg-3);
  font-family: var(--font-mono);
  margin-top: 1px;
}
.energy-dash .ec-tip-row .v {
  font-family: var(--font-mono);
  font-size: 12.5px;
  font-weight: 600;
  color: #14181C;
}
.energy-dash .ec-tip-row .v.over {
  color: var(--fail-strong);
}
.energy-dash .ec-tip-f {
  font-size: 10px;
  color: var(--fg-3);
  text-align: right;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.energy-dash .ec-legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 12px 20px 16px;
  border-top: 1px solid #F1F3F5;
}
.energy-dash .ec-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 30px;
  padding: 0 11px;
  border: 1px solid #E6E8EB;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  font-family: inherit;
  font-size: 12.5px;
  color: #14181C;
  line-height: 1;
}
.energy-dash .ec-chip:hover {
  border-color: var(--ink-300);
}
.energy-dash .ec-chip .ln {
  display: inline-block;
  width: 14px;
  height: 3px;
  border-radius: 2px;
}
.energy-dash .ec-chip .n {
  font-family: var(--font-mono);
  font-size: 10.5px;
  color: var(--fg-3);
}
.energy-dash .ec-chip.off {
  background: #F7F8FA;
  color: var(--fg-3);
}
.energy-dash .ec-chip.off .ln {
  opacity: 0.3;
}
.energy-dash .ec-key {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 11.5px;
  color: var(--fg-3);
}
.energy-dash .ec-key .ln {
  display: inline-block;
  width: 16px;
  height: 0;
  border-top: 2px solid var(--ink-400);
}
.energy-dash .ec-key .ln.dash {
  border-top-style: dashed;
  margin-left: 8px;
}
.energy-dash .ed-prow {
  display: grid;
  grid-template-columns: minmax(260px, 420px) minmax(0, 1fr) 190px;
  align-items: center;
  gap: 14px;
  padding: 14px 20px;
  border-bottom: 1px solid #F1F3F5;
}
.energy-dash .ed-prow:last-child {
  border-bottom: 0;
}
.energy-dash .ed-prow.dim-row .ed-meters {
  opacity: 0.4;
}
.energy-dash .ed-pm {
  min-width: 0;
}
.energy-dash .ed-pn {
  display: flex;
  align-items: center;
  gap: 9px;
  flex-wrap: wrap;
}
.energy-dash .ed-plink {
  border: 0;
  background: transparent;
  padding: 0;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  color: #14181C;
  cursor: pointer;
  text-align: left;
  line-height: 1.3;
}
.energy-dash .ed-plink:hover {
  color: var(--eei-blue);
}
.energy-dash .ed-psub {
  font-size: 12px;
  color: var(--fg-3);
  margin-top: 4px;
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.energy-dash .ed-psub .mono {
  font-size: 11.5px;
  color: var(--fg-2);
}
.energy-dash .dsep {
  color: var(--ink-200);
}
.energy-dash .ed-meters {
  display: flex;
  gap: 22px;
  flex-wrap: wrap;
}
.energy-dash .ed-meter {
  display: flex;
  align-items: center;
  gap: 9px;
}
.energy-dash .ed-meter .ln {
  display: inline-block;
  width: 14px;
  height: 3px;
  border-radius: 2px;
  flex: 0 0 auto;
}
.energy-dash .ed-meter .mn {
  font-size: 12.5px;
  font-weight: 600;
  color: #14181C;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.energy-dash .ed-meter .ms {
  font-size: 11px;
  color: var(--fg-3);
  margin-top: 1px;
}
.energy-dash .ed-pact {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
.energy-dash .tg-scroll {
  overflow-x: auto;
}
.energy-dash .tg-tbl {
  width: 100%;
  border-collapse: collapse;
  min-width: 1100px;
}
.energy-dash .tg-tbl th {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--fg-3);
  padding: 0 3px 9px;
  text-align: center;
  border-radius: 0;
}
.energy-dash .tg-tbl th.lead,
.energy-dash .tg-tbl td.lead {
  text-align: left;
  padding-left: 0;
  width: 120px;
}
.energy-dash .tg-tbl td {
  padding: 6px 3px;
  border-top: 1px solid #F1F3F5;
  border-radius: 0;
}
.energy-dash .tg-tbl .mn {
  font-size: 13px;
  font-weight: 600;
  color: #14181C;
}
.energy-dash .tg-tbl .mu {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--fg-3);
  margin-top: 2px;
}
.energy-dash .tg-tbl .tot {
  text-align: right;
  padding-left: 12px;
  font-size: 12.5px;
  color: var(--fg-2);
  width: 96px;
}
.energy-dash .tg-in,
.energy-dash input.tg-in[type="text"] {
  width: 100%;
  min-width: 72px;
  height: 36px;
  margin: 0;
  border: 1px solid #DDE1E6;
  border-radius: 7px;
  text-align: right;
  padding: 0 8px;
  font-family: var(--font-mono);
  font-size: 12.5px;
  color: #14181C;
  outline: 0;
  background: #fff;
  box-shadow: none;
}
.energy-dash .tg-in:focus,
.energy-dash input.tg-in[type="text"]:focus {
  border: 1px solid var(--mint-400);
  box-shadow: 0 0 0 3px rgba(92, 232, 200, 0.22);
}
.energy-dash .tg-in::placeholder {
  color: var(--ink-300);
}
.energy-dash .chk-list {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.energy-dash .chk-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 13px;
  border: 1px solid #E6E8EB;
  border-radius: 10px;
  cursor: pointer;
  background: #fff;
}
.energy-dash .chk-row:hover {
  background: #FAFBFC;
}
.energy-dash .chk-row.on {
  border-color: var(--mint-400);
  background: var(--mint-50);
}
.energy-dash .chk-row .cm {
  flex: 1;
  min-width: 0;
}
.energy-dash .chk-row .cn {
  font-size: 13.5px;
  font-weight: 600;
  color: #14181C;
}
.energy-dash .chk-row .cd {
  font-size: 11.5px;
  color: var(--fg-3);
  margin-top: 2px;
}
.energy-dash .chk-row .cx {
  font-family: var(--font-mono);
  font-size: 11.5px;
  color: var(--fg-2);
  white-space: nowrap;
}
.energy-dash .ed-addbar {
  display: flex;
  align-items: flex-end;
  gap: 16px 24px;
  flex-wrap: wrap;
  padding: 18px 20px;
  border-bottom: 1px solid #EEF0F2;
}
.energy-dash .cfg-field {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.energy-dash .cfg-field > .fl {
  font-size: 12.5px;
  font-weight: 600;
  color: var(--fg-1);
}
.energy-dash .cfg-field > .fh {
  font-size: 11.5px;
  color: var(--fg-3);
}
.energy-dash .cfg-field > .fh.warn {
  color: #8A5300;
}
.energy-dash .ed-addfield {
  flex: 1 1 320px;
  max-width: 440px;
}
.energy-dash .cfg-input,
.energy-dash input.cfg-input[type="text"] {
  height: 40px;
  margin: 0;
  padding: 0 13px;
  border: 1px solid #DDE1E6;
  border-radius: 9px;
  font-size: 14px;
  font-family: inherit;
  outline: 0;
  color: var(--fg-1);
  width: 100%;
  background: #fff;
  box-shadow: none;
}
.energy-dash .cfg-input:focus,
.energy-dash input.cfg-input[type="text"]:focus {
  border: 1px solid var(--mint-400);
  box-shadow: 0 0 0 3px rgba(92, 232, 200, 0.22);
}
.energy-dash .cfg-input.mono {
  font-family: var(--font-mono);
}
.energy-dash .ed-addbar .hstack .btn {
  flex: 0 0 auto;
  height: 40px;
}
.energy-dash .ed-helplink {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 40px;
}
.energy-dash .ed-helplink .chev {
  display: inline-flex;
  transition: transform 180ms var(--ease-out);
}
.energy-dash .ed-helplink .chev.open {
  transform: rotate(180deg);
}
.energy-dash .ed-hint {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 20px 18px;
  padding: 12px 14px;
  border-radius: 11px;
  background: #F7F8FA;
  border: 1px solid #EBEDF0;
  font-size: 13px;
  color: var(--fg-2);
  line-height: 1.5;
}
.energy-dash .ed-hint > .lucide {
  color: var(--ink-400);
  margin-top: 2px;
  flex: 0 0 auto;
}
.energy-dash .ed-steps {
  margin: 0;
  padding-left: 18px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.energy-dash .ed-steps li {
  list-style: decimal;
}
.energy-dash .ed-steps .mono {
  font-size: 12px;
  color: var(--fg-1);
}
.energy-dash .ed-rmcell {
  width: 60px;
}
.energy-dash .ed-rm {
  width: 30px;
  height: 30px;
  border-color: transparent;
  background: transparent;
}
.energy-dash .atbl tr:hover .ed-rm {
  border-color: #DDE1E6;
  background: #fff;
}
.energy-dash .ed-rm:hover {
  color: var(--fail-strong) !important;
  background: #FDEAE6 !important;
  border-color: #F8C2B7 !important;
}
.energy-dash .ed-groupsearch {
  width: 300px;
  max-width: 100%;
}
.energy-dash .ed-groupsearch .sc-search {
  width: 100%;
}
.energy-dash .ed-modal-text {
  margin: 0;
  font-size: 13.5px;
  color: var(--fg-2);
  line-height: 1.55;
}
.energy-dash .ed-modal-text b {
  color: var(--fg-1);
}
.energy-dash .sc-summary {
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 14px;
  padding: 16px 22px;
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
}
.energy-dash .sc-summary .vrule {
  width: 1px;
  align-self: stretch;
  background: #EEF0F2;
}
.energy-dash .sc-summary .grow {
  flex: 1;
}
.energy-dash .sc-fact .n {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 22px;
  color: #14181C;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.01em;
  line-height: 1.1;
}
.energy-dash .sc-fact .n.warn {
  color: var(--status-warn);
}
.energy-dash .sc-fact .k {
  font-size: 12px;
  color: var(--fg-2);
  margin-top: 4px;
}
.energy-dash .ed-sum-period {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 12.5px;
  color: var(--fg-2);
}
.energy-dash .sc-toolbar {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.energy-dash .sc-toolbar .grow {
  flex: 1;
  min-width: 20px;
}
.energy-dash .ed-search {
  flex: 1;
  min-width: 220px;
  max-width: 340px;
}
.energy-dash .ed-rtbl thead th {
  cursor: pointer;
  user-select: none;
  vertical-align: bottom;
  padding-top: 12px;
  padding-bottom: 10px;
}
.energy-dash .ed-rtbl thead th:hover {
  color: var(--fg-1);
}
.energy-dash .ed-rtbl thead th.sorted {
  color: #14181C;
}
.energy-dash .ed-th {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.energy-dash .ed-th .lucide {
  opacity: 0.45;
}
.energy-dash .sorted .ed-th .lucide {
  opacity: 1;
}
.energy-dash .ed-thu {
  font-size: 10.5px;
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0;
  color: var(--fg-3);
  margin-top: 2px;
  font-family: var(--font-mono);
}
.energy-dash .ed-rtbl tbody td {
  padding-top: 12px;
  padding-bottom: 12px;
}
.energy-dash .ed-rtbl tr.ed-cur {
  background: #FBFEFD;
}
.energy-dash .ed-delta {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 600;
  padding: 3px 8px;
  border-radius: 6px;
  border: 1px solid;
}
.energy-dash .ed-delta.good {
  color: var(--mint-700);
  background: var(--mint-50);
  border-color: var(--mint-200);
}
.energy-dash .ed-delta.mid {
  color: #C4650A;
  background: #FFF3E3;
  border-color: #FFD3A1;
}
.energy-dash .ed-delta.low {
  color: #8A1C0E;
  background: #FDEAE6;
  border-color: #F8C2B7;
}
.energy-dash .ed-score {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.energy-dash .ed-score b {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 18px;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  min-width: 26px;
  text-align: right;
  color: var(--fg-3);
}
.energy-dash .ed-score b.good {
  color: var(--mint-700);
}
.energy-dash .ed-score b.mid {
  color: #E0821A;
}
.energy-dash .ed-score b.low {
  color: var(--fail-strong);
}
.energy-dash .ed-tbtn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  padding: 0 8px;
  margin: -4px -8px;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  cursor: pointer;
  font-family: var(--font-mono);
  font-size: 12.5px;
  color: var(--fg-1);
  line-height: 1;
}
.energy-dash .ed-tbtn.unset {
  color: var(--fg-3);
  font-family: var(--font-sans);
  font-size: 12px;
}
.energy-dash .ed-tbtn .lucide {
  color: var(--ink-300);
  opacity: 0;
  transition: opacity var(--dur-fast);
}
.energy-dash .ed-rtbl tr:hover .ed-tbtn .lucide {
  opacity: 1;
}
.energy-dash .ed-tbtn:hover {
  border-color: #DDE1E6;
  background: #fff;
}
.energy-dash .ed-tbtn:hover .lucide {
  color: var(--fg-1);
}
.energy-dash .ed-tin,
.energy-dash input.ed-tin[type="text"] {
  width: 76px;
  height: 30px;
  margin: -5px -8px;
  padding: 0 8px;
  text-align: right;
  border: 1px solid var(--mint-400);
  border-radius: 7px;
  box-shadow: 0 0 0 3px rgba(92, 232, 200, 0.22);
  font-family: var(--font-mono);
  font-size: 12.5px;
  outline: 0;
  background: #fff;
  color: var(--fg-1);
}
.energy-dash .ed-tin:focus,
.energy-dash input.ed-tin[type="text"]:focus {
  border: 1px solid var(--mint-400);
  box-shadow: 0 0 0 3px rgba(92, 232, 200, 0.22);
}
.energy-dash .ed-foot-note {
  font-size: 12px;
  color: var(--fg-3);
  margin-top: -6px;
}
.energy-dash .sc-scrim {
  position: fixed;
  inset: 0;
  background: rgba(16, 18, 22, 0.42);
  z-index: 40;
  animation: ed-fade var(--dur-base) var(--ease-out);
}
.energy-dash .sc-panel {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 480px;
  max-width: 94vw;
  background: #fff;
  z-index: 41;
  display: flex;
  flex-direction: column;
  box-shadow: -16px 0 48px rgba(20, 24, 28, 0.14);
  animation: ed-slidein var(--dur-slow) var(--ease-out);
}
.energy-dash .panel-head {
  padding: 20px 24px 18px;
  border-bottom: 1px solid #EEF0F2;
}
.energy-dash .panel-head .toprow {
  display: flex;
  align-items: center;
  gap: 12px;
}
.energy-dash .panel-head .pic {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  background: var(--ink-50);
  color: var(--ink-600);
  border: 1px solid var(--border-1);
}
.energy-dash .panel-head .ptitles {
  min-width: 0;
  flex: 1;
}
.energy-dash .ed-panel-t {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 17px;
  color: #14181C;
  line-height: 1.2;
}
.energy-dash .panel-head .pdesc {
  font-size: 13px;
  color: var(--fg-2);
  margin-top: 2px;
}
.energy-dash .panel-head .pclose {
  margin-left: auto;
}
.energy-dash .panel-body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 20px 24px 28px;
  display: flex;
  flex-direction: column;
  gap: 22px;
}
.energy-dash .psec .pt {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--fg-3);
  margin-bottom: 11px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.energy-dash .pmeta {
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: 9px 14px;
  font-size: 13px;
  margin: 0;
}
.energy-dash .pmeta dt {
  color: var(--fg-3);
}
.energy-dash .pmeta dd {
  margin: 0;
  color: var(--fg-1);
}
.energy-dash .pmeta dd.mono {
  font-family: var(--font-mono);
  font-size: 12.5px;
}
.energy-dash .ed-notes {
  margin: 0;
  white-space: pre-wrap;
  font-family: var(--font-mono);
  font-size: 12px;
  line-height: 1.6;
  color: var(--fg-1);
  background: #F7F8FA;
  border: 1px solid #EBEDF0;
  border-radius: 10px;
  padding: 12px 14px;
}
.energy-dash .cfg-foot {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 15px 26px;
  border-top: 1px solid #EEF0F2;
  background: #FAFBFC;
}
.energy-dash .cfg-foot .next-sum {
  font-size: 12.5px;
  color: var(--fg-2);
  display: flex;
  align-items: center;
  gap: 7px;
}
.energy-dash .modal-scrim {
  position: fixed;
  inset: 0;
  background: rgba(16, 18, 22, 0.45);
  z-index: 50;
  display: grid;
  place-items: center;
  animation: ed-fade var(--dur-base) var(--ease-out);
}
.energy-dash .modal-scrim .modal {
  display: block;
  position: static;
  left: auto;
  right: auto;
  top: auto;
  margin: 0;
  padding: 0;
  background: #fff;
  border-radius: 16px;
  box-shadow: var(--shadow-4);
  width: 480px;
  max-width: 94vw;
  max-height: 92vh;
  overflow: hidden;
  will-change: auto;
  animation: ed-pop var(--dur-base) var(--ease-out);
}
.energy-dash .modal-scrim .modal.w480 {
  width: 480px;
}
.energy-dash .modal-scrim .modal.w600 {
  width: 600px;
}
.energy-dash .modal-scrim .modal.w1180 {
  width: 1180px;
}
.energy-dash .modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px 16px;
  border-bottom: 1px solid #EEF0F2;
}
.energy-dash .modal-head .mt {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 19px;
  color: #14181C;
  letter-spacing: -0.01em;
}
.energy-dash .modal-head .ms {
  font-size: 12.5px;
  color: var(--fg-2);
  margin-top: 3px;
}
.energy-dash .modal-body {
  padding: 20px 24px;
  max-height: 60vh;
  overflow-y: auto;
}
.energy-dash .modal-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 24px;
  border-top: 1px solid #EEF0F2;
  background: #FAFBFC;
}
.energy-dash .sc-toast {
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 70;
  display: flex;
  align-items: center;
  gap: 9px;
  background: #14181C;
  color: #fff;
  padding: 12px 18px;
  border-radius: 11px;
  font-size: 13.5px;
  font-weight: 500;
  box-shadow: 0 16px 40px rgba(20, 24, 28, 0.28);
  animation: ed-toastin var(--dur-base) var(--ease-out);
}
.energy-dash .sc-toast .lucide {
  color: var(--mint-400);
}
@media (max-width: 1100px) {
  .energy-dash .ed-prow {
    grid-template-columns: 1fr 190px;
  }
  .energy-dash .ed-meters {
    grid-column: -1;
    grid-row: 2;
  }
}
/* =============================================================
   Charting v2 — redesigned "Default Views"
   -------------------------------------------------------------
   Self-contained, namespaced styles for the new charting design.
   Everything lives under `.cx-cv2` and every class is `cv2-`
   prefixed so nothing here can collide with the legacy charting
   styles. Design tokens are declared as CSS custom properties on
   the root container.
   ============================================================= */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v20/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk79FO_F.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v20/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk7PFO_F.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v20/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk4jE-_F.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v20/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk4aE-_F.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v20/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59E-_F.ttf) format('truetype');
}
@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/publicsans/v21/ijwGs572Xtc6ZYQws9YVwllKVG8qX1oyOymuFpm5ww.ttf) format('truetype');
}
@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/publicsans/v21/ijwGs572Xtc6ZYQws9YVwllKVG8qX1oyOymuJJm5ww.ttf) format('truetype');
}
@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/publicsans/v21/ijwGs572Xtc6ZYQws9YVwllKVG8qX1oyOymuyJ65ww.ttf) format('truetype');
}
@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/publicsans/v21/ijwGs572Xtc6ZYQws9YVwllKVG8qX1oyOymu8Z65ww.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vqPQw.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_7PqPQw.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_AP2PQw.ttf) format('truetype');
}
.cx-cv2 {
  /* ---- design tokens ---- */
  --mint-50: #ECFDF7;
  --mint-100: #D2FBEC;
  --mint-200: #A8F4D9;
  --mint-300: #7DECC8;
  --mint-400: #5CE8C8;
  --mint-500: #2BD0AB;
  --mint-600: #16A88A;
  --mint-700: #0F7F69;
  --mint-800: #0B5A4B;
  --ink-50: #F5F6F7;
  --ink-100: #E6E8EB;
  --ink-200: #C9CDD3;
  --ink-300: #9DA3AC;
  --ink-400: #6B727C;
  --ink-500: #434952;
  --ink-600: #2A2F37;
  --ink-700: #1E2228;
  --ink-800: #14181C;
  --ink-900: #0B0E11;
  --fg-1: #14181C;
  --fg-2: #434952;
  --fg-3: #6B727C;
  --eei-blue: #0272BA;
  --fail-strong: #DD4330;
  --fail-bg: #FDEAE6;
  --pass-strong: #74C040;
  --font-display: 'Manrope', 'Public Sans', system-ui, -apple-system, sans-serif;
  --font-sans: 'Public Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'Roboto Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --shadow-2: 0 2px 6px rgba(20, 24, 28, 0.08), 0 1px 2px rgba(20, 24, 28, 0.04);
  --shadow-3: 0 8px 24px rgba(20, 24, 28, 0.1), 0 2px 6px rgba(20, 24, 28, 0.06);
  --shadow-4: 0 24px 64px rgba(20, 24, 28, 0.16), 0 6px 16px rgba(20, 24, 28, 0.08);
  font-family: var(--font-sans);
  color: var(--fg-1);
  font-size: 14px;
  /* Default Views: bound the page height so tall charts (many units/lanes)
     scroll inside the page instead of running off the bottom of the screen.
     cv2-main bleeds to the content-column edges (like the page header above
     it) so the asset sidebar sits flush under the header's left edge. */
  /* ---- page header — modeled on the design's `.top` bar: a white bar flush
     to the top + content-column edges (negative margins cancel the padded
     .main-content gutters, matching the legacy .section-header footprint) ---- */
  /* ---- generic buttons ---- */
  /* ---- chart card ---- */
  /* ---- asset nav (prev / next arrows around the asset title) ---- */
  /* ---- asset sidebar (equipment types → assets, searchable) ---- */
  /* ---- legend ---- */
  /* ---- segmented option controls ---- */
  /* ---- toolbar ---- */
  /* ---- chart body / canvas ---- */
  /* ---- hover card ---- */
  /* ---- empty states ---- */
  /* ---- shared field ---- */
  /* ---- facets ---- */
  /* ---- picker: drawer + sidebar ---- */
  /* ---- picker: command palette ---- */
}
.cx-cv2 * {
  box-sizing: border-box;
}
.cx-cv2 button {
  font-family: inherit;
}
.cx-cv2 .cv2-main {
  display: flex;
  align-items: stretch;
}
.cx-cv2 .cv2-page {
  flex: 1;
  min-width: 0;
  padding: 16px 20px 24px;
  overflow: auto;
}
.cx-cv2.cv2-default-views {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 80px);
}
.cx-cv2.cv2-default-views .cv2-main {
  flex: 1;
  min-height: 0;
  margin: 0 -20px;
}
.cx-cv2 .cv2-page-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  background: #fff;
  border-bottom: 1px solid #E6E8EB;
  padding: 18px 24px 0;
  min-height: 80px;
  margin: -12px -20px 0 -20px;
}
.cx-cv2 .cv2-ph-info {
  display: flex;
  flex-direction: column;
  min-width: 240px;
}
.cx-cv2 .cv2-ph-name {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 22px;
  letter-spacing: -0.018em;
  color: #14181C;
  line-height: 1.1;
}
.cx-cv2 .cv2-ph-route {
  font-size: 12px;
  color: var(--fg-3);
  margin-top: 5px;
}
.cx-cv2 .cv2-ph-sep {
  margin: 0 6px;
  color: var(--fg-3);
}
.cx-cv2 .cv2-ph-leaf {
  color: var(--fg-2);
}
.cx-cv2 .cv2-ph-date {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 34px;
  padding: 0 14px;
  background: #fff;
  border: 1px solid #DDE1E6;
  border-radius: 8px;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--fg-1);
  cursor: pointer;
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
}
.cx-cv2 .cv2-ph-date:hover {
  background: #F4F6F8;
}
.cx-cv2 .cv2-ph-date svg {
  width: 14px;
  height: 14px;
  color: var(--fg-3);
}
.cx-cv2 .cv2-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 34px;
  padding: 0 14px;
  border-radius: 8px;
  font-weight: 500;
  font-size: 12.5px;
  border: 1px solid transparent;
  cursor: pointer;
  line-height: 1;
  white-space: nowrap;
}
.cx-cv2 .cv2-btn svg {
  width: 14px;
  height: 14px;
}
.cx-cv2 .cv2-btn-mint {
  background: var(--mint-400);
  color: #14181C;
  font-weight: 600;
}
.cx-cv2 .cv2-btn-mint:hover {
  background: var(--mint-500);
}
.cx-cv2 .cv2-btn-ghost {
  background: #fff;
  color: #14181C;
  border-color: #DDE1E6;
}
.cx-cv2 .cv2-btn-ghost:hover {
  background: #F4F6F8;
}
.cx-cv2 .cv2-btn-sm {
  height: 28px;
  padding: 0 10px;
  font-size: 11.5px;
  gap: 6px;
}
.cx-cv2 .cv2-btn-sm svg {
  width: 13px;
  height: 13px;
}
.cx-cv2 .cv2-icon-only {
  padding: 0;
  width: 28px;
  justify-content: center;
}
.cx-cv2 .cv2-link-btn {
  border: 0;
  background: transparent;
  color: var(--mint-700);
  font-size: 11.5px;
  font-weight: 600;
  cursor: pointer;
  padding: 2px 4px;
}
.cx-cv2 .cv2-link-btn:hover {
  text-decoration: underline;
}
.cx-cv2 .cv2-kbd {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 4px;
  background: #F4F6F8;
  border: 1px solid #E6E8EB;
  font-family: var(--font-mono);
  font-size: 10.5px;
  font-weight: 500;
  color: var(--fg-2);
}
.cx-cv2 .cv2-flex-spacer {
  flex: 1;
}
.cx-cv2 .cv2-chart-card {
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-2);
}
.cx-cv2 .cv2-chart-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 18px;
  border-bottom: 1px solid #EEF0F2;
}
.cx-cv2 .cv2-heading {
  display: flex;
  align-items: baseline;
  gap: 14px;
  min-width: 0;
}
.cx-cv2 .cv2-sub {
  font-size: 12px;
  color: var(--fg-2);
  white-space: nowrap;
}
.cx-cv2 .cv2-chart-actions {
  display: flex;
  gap: 6px;
  align-items: center;
}
.cx-cv2 .cv2-asset-nav {
  display: inline-flex;
  align-items: center;
  gap: 3px;
}
.cx-cv2 .cv2-asset-step {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 7px;
  border: 1px solid transparent;
  background: transparent;
  color: var(--fg-2);
  cursor: pointer;
}
.cx-cv2 .cv2-asset-step svg {
  width: 17px;
  height: 17px;
}
.cx-cv2 .cv2-asset-step:hover {
  background: #F4F6F8;
  border-color: #E6E8EB;
  color: var(--fg-1);
}
.cx-cv2 .cv2-asset-title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.01em;
  color: #14181C;
  padding: 0 4px;
  white-space: nowrap;
}
.cx-cv2 .cv2-assets-col {
  width: 256px;
  flex-shrink: 0;
  background: #fff;
  border-right: 1px solid #E6E8EB;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.cx-cv2 .cv2-assets-head {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px 16px 10px;
  flex-shrink: 0;
}
.cx-cv2 .cv2-assets-title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 15px;
  color: var(--fg-1);
}
.cx-cv2 .cv2-assets-count {
  margin-left: auto;
  font-size: 11px;
  color: var(--fg-2);
  background: var(--ink-100);
  border-radius: 999px;
  padding: 2px 8px;
  font-variant-numeric: tabular-nums;
}
.cx-cv2 .cv2-assets-search {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 12px 8px;
  padding: 8px 10px;
  border: 1px solid #E6E8EB;
  border-radius: 9px;
  color: var(--fg-3);
  flex-shrink: 0;
  transition: border-color 120ms, background 120ms;
}
.cx-cv2 .cv2-assets-search:focus-within {
  border-color: var(--mint-400);
  background: var(--mint-50);
  color: var(--mint-700);
}
.cx-cv2 .cv2-assets-search svg {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
}
.cx-cv2 .cv2-assets-search input {
  flex: 1;
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 13px;
  color: var(--fg-1);
  font-family: var(--font-sans);
  min-width: 0;
}
.cx-cv2 .cv2-assets-search-clear {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 0;
  background: var(--ink-100);
  color: var(--fg-2);
  cursor: pointer;
  flex-shrink: 0;
}
.cx-cv2 .cv2-assets-search-clear:hover {
  background: var(--ink-200);
}
.cx-cv2 .cv2-assets-search-clear svg {
  width: 12px;
  height: 12px;
}
.cx-cv2 .cv2-assets-list {
  padding: 2px 8px 20px;
  overflow-y: auto;
  flex: 1;
  min-height: 0;
}
.cx-cv2 .cv2-at-group + .cv2-at-group {
  margin-top: 1px;
}
.cx-cv2 .cv2-at-group-head {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  text-align: left;
  padding: 8px;
  border: 0;
  background: transparent;
  cursor: pointer;
  border-radius: 8px;
}
.cx-cv2 .cv2-at-group-head:hover {
  background: #F4F6F8;
}
.cx-cv2 .cv2-at-chev {
  display: inline-flex;
  color: var(--fg-3);
  transition: transform 130ms ease;
}
.cx-cv2 .cv2-at-chev svg {
  width: 14px;
  height: 14px;
}
.cx-cv2 .cv2-at-chev.open {
  transform: rotate(90deg);
}
.cx-cv2 .cv2-at-group-name {
  flex: 1;
  font-size: 12px;
  font-weight: 700;
  color: var(--fg-1);
  letter-spacing: -0.005em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cx-cv2 .cv2-at-group-count {
  font-size: 10.5px;
  color: var(--fg-3);
  background: var(--ink-100);
  border-radius: 999px;
  padding: 1px 7px;
  font-variant-numeric: tabular-nums;
}
.cx-cv2 .cv2-at-assets {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 1px 0 6px 14px;
}
.cx-cv2 .cv2-asset-row {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  text-align: left;
  padding: 7px 10px;
  border-radius: 8px;
  border: 1px solid transparent;
  background: transparent;
  cursor: pointer;
  transition: background 100ms, border-color 100ms;
}
.cx-cv2 .cv2-asset-row:hover {
  background: #F4F6F8;
}
.cx-cv2 .cv2-asset-row.on {
  background: var(--mint-50);
  border-color: var(--mint-300);
}
.cx-cv2 .cv2-ar-id {
  flex: 1;
  font-family: var(--font-mono);
  font-size: 12.5px;
  font-weight: 600;
  color: var(--fg-1);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cx-cv2 .cv2-asset-row.on .cv2-ar-id {
  color: var(--mint-700);
}
.cx-cv2 .cv2-ar-id mark {
  background: rgba(92, 232, 200, 0.4);
  color: inherit;
  padding: 0;
  border-radius: 2px;
}
.cx-cv2 .cv2-ar-count {
  font-size: 10.5px;
  color: var(--fg-3);
  font-variant-numeric: tabular-nums;
  flex-shrink: 0;
}
.cx-cv2 .cv2-assets-empty {
  padding: 28px 16px;
  text-align: center;
  color: var(--fg-3);
  font-size: 12.5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.cx-cv2 .cv2-assets-empty svg {
  width: 22px;
  height: 22px;
}
.cx-cv2 .cv2-assets-foot {
  padding: 8px 10px 0;
  font-size: 11px;
  color: var(--fg-3);
  font-variant-numeric: tabular-nums;
}
.cx-cv2 .cv2-legend {
  padding: 11px 16px 13px 18px;
  border-bottom: 1px solid #EEF0F2;
}
.cx-cv2 .cv2-legend-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  gap: 12px;
}
.cx-cv2 .cv2-legend-count {
  font-size: 11.5px;
  color: var(--fg-2);
}
.cx-cv2 .cv2-legend-rows {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.cx-cv2 .cv2-legend-row {
  display: grid;
  grid-template-columns: 150px 1fr;
  align-items: start;
  gap: 14px;
  padding: 3px 0;
}
.cx-cv2 .cv2-legend-row + .cv2-legend-row {
  border-top: 1px solid #F4F6F8;
}
.cx-cv2 .cv2-legend-row-label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--fg-3);
  white-space: nowrap;
  text-align: right;
  padding-top: 7px;
  padding-right: 14px;
  border-right: 1px solid #EEF0F2;
  cursor: pointer;
}
.cx-cv2 .cv2-legend-row-label:hover {
  color: var(--fg-1);
}
.cx-cv2 .cv2-legend-row-label.cv2-off {
  color: var(--ink-300);
  text-decoration: line-through;
}
.cx-cv2 .cv2-legend-row-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.cx-cv2 .cv2-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 26px;
  padding: 0 11px 0 9px;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  color: var(--fg-1);
  position: relative;
  cursor: pointer;
  user-select: none;
}
.cx-cv2 .cv2-chip:hover {
  background: #fff;
  border-color: #E6E8EB;
  box-shadow: 0 1px 2px rgba(20, 24, 28, 0.05);
}
.cx-cv2 .cv2-chip.cv2-off {
  opacity: .42;
}
.cx-cv2 .cv2-chip.cv2-off .cv2-stripe {
  background: var(--ink-300) !important;
}
.cx-cv2 .cv2-chip .cv2-stripe {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  flex-shrink: 0;
}
.cx-cv2 .cv2-chip .cv2-pname {
  font-family: var(--font-mono);
  font-size: 11.5px;
  font-weight: 500;
  cursor: pointer;
}
.cx-cv2 .cv2-chip .cv2-pname-asset {
  font-size: 10.5px;
  font-weight: 600;
  color: var(--accent-strong, #0b7285);
  background: var(--accent-50, #e7f5f8);
  border-radius: 4px;
  padding: 1px 5px;
  letter-spacing: .01em;
}
.cx-cv2 .cv2-chip .cv2-chip-x {
  width: 17px;
  height: 17px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--fg-3);
  cursor: pointer;
  opacity: 0;
}
.cx-cv2 .cv2-chip .cv2-chip-x svg {
  width: 11px;
  height: 11px;
}
.cx-cv2 .cv2-chip:hover .cv2-chip-x {
  opacity: 1;
}
.cx-cv2 .cv2-chip .cv2-chip-x:hover {
  background: var(--ink-100);
  color: var(--fail-strong);
}
.cx-cv2 .cv2-opt-group {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.cx-cv2 .cv2-opt-label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--fg-3);
}
.cx-cv2 .cv2-seg {
  display: inline-flex;
  background: #fff;
  border-radius: 8px;
  padding: 2px;
  border: 1px solid #E6E8EB;
}
.cx-cv2 .cv2-seg-btn {
  padding: 4px 9px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 500;
  color: var(--fg-2);
  cursor: pointer;
  border: 0;
  background: transparent;
}
.cx-cv2 .cv2-seg-btn.on {
  background: #14181C;
  color: #fff;
}
.cx-cv2 .cv2-chart-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 14px 8px 18px;
  border-bottom: 1px solid #EEF0F2;
  background: #FAFBFC;
  gap: 12px;
}
.cx-cv2 .cv2-tool-hint {
  font-size: 11px;
  color: var(--fg-3);
}
.cx-cv2 .cv2-chart-body {
  padding: 4px 6px 6px;
  background: #fff;
}
.cx-cv2 .cv2-lane-chart {
  position: relative;
  display: block;
}
.cx-cv2 svg.cv2-canvas {
  display: block;
  width: 100%;
  height: auto;
  user-select: none;
}
.cx-cv2 .cv2-band {
  fill: #FAFBFC;
}
.cx-cv2 .cv2-unit-tag-wrap {
  display: flex;
  align-items: center;
  height: 20px;
}
.cx-cv2 .cv2-unit-tag {
  display: inline-flex;
  align-items: center;
  height: 18px;
  padding: 0 6px;
  background: #F4F6F8;
  border: 1px solid #E6E8EB;
  border-radius: 4px;
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 500;
  color: var(--fg-2);
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
}
.cx-cv2 .cv2-grid {
  stroke: #EEF0F2;
  stroke-width: 1;
  stroke-dasharray: 2 4;
}
.cx-cv2 .cv2-grid-edge {
  stroke: #E6E8EB;
  stroke-dasharray: 0;
}
.cx-cv2 .cv2-y-tick {
  font-family: var(--font-mono);
  font-size: 10px;
  fill: var(--fg-3);
}
.cx-cv2 .cv2-series {
  fill: none;
  stroke-width: 2;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.cx-cv2 .cv2-series-muted {
  stroke-opacity: .45;
}
.cx-cv2 .cv2-binary-cap {
  font-family: var(--font-mono);
  font-size: 10.5px;
  fill: var(--fg-2);
  font-weight: 600;
}
.cx-cv2 .cv2-binary-track {
  fill: #F1F3F5;
}
.cx-cv2 .cv2-day-sep {
  stroke: #EEF0F2;
  stroke-width: 1;
}
.cx-cv2 .cv2-day-label {
  font-family: var(--font-sans);
  font-size: 11px;
  font-weight: 500;
  fill: var(--fg-2);
}
.cx-cv2 .cv2-hour-label {
  font-family: var(--font-mono);
  font-size: 10px;
  fill: var(--fg-3);
}
.cx-cv2 .cv2-cross-line {
  stroke: #9DA3AC;
  stroke-width: 1;
  stroke-dasharray: 3 3;
}
.cx-cv2 .cv2-overlay {
  fill: none;
}
.cx-cv2 .cv2-zoom-band {
  fill: #0272BA;
  fill-opacity: .10;
  stroke: #0272BA;
  stroke-opacity: .5;
  stroke-width: 1;
}
.cx-cv2 .cv2-timechip-wrap {
  display: flex;
  justify-content: center;
}
.cx-cv2 .cv2-timechip {
  background: #fff;
  color: var(--fg-1);
  border: 1px solid #E6E8EB;
  border-radius: 6px;
  padding: 2px 8px;
  font-size: 10.5px;
  font-family: var(--font-mono);
}
.cx-cv2 .cv2-reset-zoom {
  position: absolute;
  top: 6px;
  right: 8px;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  padding: 0 11px;
  border-radius: 8px;
  background: #14181C;
  color: #fff;
  border: 0;
  font-size: 11.5px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(20, 24, 28, 0.18);
}
.cx-cv2 .cv2-reset-zoom:hover {
  background: #000;
}
.cx-cv2 .cv2-hover-card {
  position: fixed;
  pointer-events: none;
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 8px;
  box-shadow: var(--shadow-3);
  padding: 8px 0;
  z-index: 50;
  min-width: 280px;
  max-width: 480px;
}
.cx-cv2 .cv2-hc-time {
  padding: 0 12px 6px;
  font-size: 11px;
  color: var(--fg-2);
  font-family: var(--font-mono);
  border-bottom: 1px solid #EEF0F2;
  margin-bottom: 4px;
}
.cx-cv2 .cv2-hc-group {
  padding: 4px 0;
}
.cx-cv2 .cv2-hc-group + .cv2-hc-group {
  border-top: 1px solid #EEF0F2;
  margin-top: 2px;
  padding-top: 4px;
}
.cx-cv2 .cv2-hc-unit {
  padding: 1px 12px 3px;
  font-size: 9.5px;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--fg-3);
}
.cx-cv2 .cv2-hc-row {
  display: grid;
  grid-template-columns: 10px 1fr auto;
  gap: 8px;
  align-items: center;
  padding: 3px 12px;
  font-size: 12px;
}
.cx-cv2 .cv2-hc-row.cv2-hc-row-muted {
  opacity: .5;
}
.cx-cv2 .cv2-hc-sw {
  width: 8px;
  height: 8px;
  border-radius: 2px;
}
.cx-cv2 .cv2-hc-name {
  font-family: var(--font-mono);
  font-size: 11.5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cx-cv2 .cv2-hc-val {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}
.cx-cv2 .cv2-chart-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 6px;
  min-height: 320px;
  padding: 40px 20px;
  cursor: pointer;
  border-top: 1px solid #EEF0F2;
}
.cx-cv2 .cv2-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 360px;
}
.cx-cv2 .cv2-empty-content {
  text-align: center;
  cursor: pointer;
}
.cx-cv2 .cv2-empty-title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 18px;
  color: var(--fg-1);
}
.cx-cv2 .cv2-empty-sub {
  font-size: 13px;
  color: var(--fg-3);
  margin-top: 6px;
}
.cx-cv2 .cv2-field {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 38px;
  padding: 0 12px;
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 8px;
}
.cx-cv2 .cv2-field svg {
  width: 15px;
  height: 15px;
  color: var(--fg-3);
}
.cx-cv2 .cv2-field input {
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 14px;
  font-family: inherit;
  flex: 1;
  min-width: 0;
}
.cx-cv2 .cv2-field:focus-within {
  border-color: var(--mint-400);
  box-shadow: 0 0 0 3px rgba(92, 232, 200, 0.25);
}
.cx-cv2 .cv2-field-clear {
  border: 0;
  background: var(--ink-100);
  color: var(--fg-2);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.cx-cv2 .cv2-field-clear svg {
  width: 11px;
  height: 11px;
}
.cx-cv2 .cv2-facet-row {
  padding: 8px 22px 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  border-bottom: 1px solid #EEF0F2;
}
.cx-cv2 .cv2-facet-row-tight {
  padding-top: 0;
}
.cx-cv2 .cv2-facet {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 26px;
  padding: 0 10px;
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 500;
  color: var(--fg-1);
  cursor: pointer;
}
.cx-cv2 .cv2-facet:hover {
  background: #FAFBFC;
}
.cx-cv2 .cv2-facet.on {
  background: #14181C;
  color: #fff;
  border-color: #14181C;
}
.cx-cv2 .cv2-facet-xs {
  height: 22px;
  padding: 0 8px;
  font-size: 11px;
}
.cx-cv2 .cv2-facet-count {
  font-size: 10.5px;
  color: var(--fg-3);
}
.cx-cv2 .cv2-facet.on .cv2-facet-count {
  color: rgba(255, 255, 255, 0.55);
}
.cx-cv2 .cv2-facet-divider {
  width: 1px;
  height: 16px;
  background: #E6E8EB;
  margin: 0 2px;
}
.cx-cv2 .cv2-scrim {
  position: fixed;
  inset: 0;
  background: rgba(20, 24, 28, 0.18);
  z-index: 90;
}
.cx-cv2 .cv2-picker-panel {
  background: #fff;
  display: flex;
  flex-direction: column;
}
.cx-cv2 .cv2-drawer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 560px;
  max-width: calc(60vw);
  border-left: 1px solid #E6E8EB;
  box-shadow: -16px 0 40px rgba(20, 24, 28, 0.1);
  z-index: 100;
}
.cx-cv2 .cv2-side-picker {
  width: 320px;
  flex-shrink: 0;
  border-right: 1px solid #E6E8EB;
  overflow: hidden;
}
.cx-cv2 .cv2-side-picker .cv2-picker-head {
  padding: 14px 18px 10px;
}
.cx-cv2 .cv2-side-picker .cv2-picker-search {
  padding: 8px 18px;
}
.cx-cv2 .cv2-side-picker .cv2-facet-row {
  padding: 4px 18px 10px;
}
.cx-cv2 .cv2-side-picker .cv2-point-row {
  padding: 6px 18px;
}
.cx-cv2 .cv2-side-picker .cv2-list-section-head {
  padding: 10px 18px 4px;
}
.cx-cv2 .cv2-picker-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 18px 22px 14px;
  border-bottom: 1px solid #EEF0F2;
}
.cx-cv2 .cv2-picker-title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 18px;
}
.cx-cv2 .cv2-picker-sub {
  font-size: 12px;
  color: var(--fg-2);
  margin-top: 2px;
}
.cx-cv2 .cv2-picker-x {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid #E6E8EB;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--fg-2);
}
.cx-cv2 .cv2-picker-x svg {
  width: 16px;
  height: 16px;
}
.cx-cv2 .cv2-picker-x:hover {
  background: #F4F6F8;
}
.cx-cv2 .cv2-picker-search {
  padding: 12px 22px 8px;
}
.cx-cv2 .cv2-picker-list {
  flex: 1;
  overflow: auto;
  padding: 4px 0 12px;
}
.cx-cv2 .cv2-list-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 22px 6px;
}
.cx-cv2 .cv2-section-asset {
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--fg-1);
  font-weight: 600;
}
.cx-cv2 .cv2-point-row {
  display: grid;
  grid-template-columns: 18px 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 8px 22px;
  cursor: pointer;
  border-left: 2px solid transparent;
}
.cx-cv2 .cv2-point-row:hover {
  background: #FAFBFC;
}
.cx-cv2 .cv2-point-row.added {
  background: #ECFDF7;
  border-left-color: var(--mint-400);
}
.cx-cv2 .cv2-check {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: 1.5px solid #C9CDD3;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.cx-cv2 .cv2-check svg {
  width: 11px;
  height: 11px;
}
.cx-cv2 .cv2-point-row.added .cv2-check {
  background: var(--ink-800);
  border-color: var(--ink-800);
}
.cx-cv2 .cv2-point-main {
  min-width: 0;
}
.cx-cv2 .cv2-pname {
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--fg-1);
  font-weight: 500;
}
.cx-cv2 .cv2-pmeta {
  font-size: 11px;
  color: var(--fg-3);
  margin-top: 1px;
}
.cx-cv2 .cv2-punit {
  font-size: 10.5px;
  color: var(--fg-2);
  font-family: var(--font-mono);
  padding: 1px 6px;
  background: #F4F6F8;
  border-radius: 4px;
}
.cx-cv2 .cv2-picker-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 22px;
  border-top: 1px solid #EEF0F2;
  background: #FAFBFC;
}
.cx-cv2 .cv2-picker-summary {
  font-size: 12px;
  color: var(--fg-2);
}
.cx-cv2 .cv2-picker-summary b {
  color: var(--fg-1);
}
.cx-cv2 .cv2-picker-empty {
  padding: 40px 22px;
  text-align: center;
  color: var(--fg-3);
  font-size: 13px;
}
.cx-cv2 .cv2-cmd-modal {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 12vh;
}
.cx-cv2 .cv2-cmd-scrim {
  background: rgba(20, 24, 28, 0.32);
  z-index: 99;
}
.cx-cv2 .cv2-cmd-panel {
  width: 720px;
  max-width: calc(60vw);
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 14px;
  box-shadow: var(--shadow-4);
  overflow: hidden;
  position: relative;
  z-index: 101;
}
.cx-cv2 .cv2-cmd-search {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  border-bottom: 1px solid #EEF0F2;
}
.cx-cv2 .cv2-cmd-search svg {
  width: 16px;
  height: 16px;
  color: var(--fg-3);
}
.cx-cv2 .cv2-cmd-search input {
  flex: 1;
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 15px;
  font-family: inherit;
  color: var(--fg-1);
}
.cx-cv2 .cv2-cmd-shortcuts {
  display: flex;
  gap: 8px;
  padding: 8px 16px 6px;
  font-size: 11px;
  color: var(--fg-2);
  border-bottom: 1px solid #EEF0F2;
  align-items: center;
}
.cx-cv2 .cv2-cmd-shortcuts svg {
  width: 11px;
  height: 11px;
  color: var(--fg-3);
}
.cx-cv2 .cv2-cmd-scope {
  display: inline-flex;
  gap: 4px;
}
.cx-cv2 .cv2-cmd-list {
  max-height: 460px;
  overflow: auto;
  padding: 4px 0;
}
.cx-cv2 .cv2-cmd-row {
  display: grid;
  grid-template-columns: 16px 1fr auto auto;
  align-items: center;
  gap: 10px;
  padding: 8px 18px;
  cursor: pointer;
}
.cx-cv2 .cv2-cmd-row:hover,
.cx-cv2 .cv2-cmd-row.focused {
  background: #F4F6F8;
}
.cx-cv2 .cv2-cmd-row.added {
  background: #ECFDF7;
}
.cx-cv2 .cv2-cmd-check {
  width: 14px;
  height: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--ink-800);
}
.cx-cv2 .cv2-cmd-check svg {
  width: 12px;
  height: 12px;
}
.cx-cv2 .cv2-cmd-text .cv2-passet {
  color: var(--fg-3);
  margin-left: 8px;
  font-family: var(--font-mono);
  font-size: 11px;
}
.cx-cv2 .cv2-pkind {
  font-size: 10px;
  color: var(--fg-3);
}
.cx-cv2 .cv2-cmd-foot {
  padding: 10px 18px;
  border-top: 1px solid #EEF0F2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #FAFBFC;
  font-size: 11px;
  color: var(--fg-2);
}
/* ============================================================
   Charting v2 — My Views / Shared Views / Scatter screens
   ============================================================ */
.cx-cv2 {
  /* ---- three-column views layout (bled to the content-column edges so the
     views list sits flush under the full-bleed header, like the design) ---- */
  /* Fixed to the space below the 80px header (cancelling the 75px footer space
     main-content reserves) so the panel is always full height and the content
     column scrolls internally instead of growing the page. */
  /* ---- view content ---- */
  /* ---- functionality hint ---- */
  /* ---- chart card ---- */
  /* embedded (fault log / task manager) — a little breathing room, no extra chrome */
  /* drop target shown while dragging a chart card to reorder */
  /* ---- dropdown menus (chart "…" + view "…") ---- */
  /* ---- multi-axis chart + legend ---- */
  /* Saved views share a legend gutter so point names cannot shift plot edges. */
  /* ---- modal (create view / share) ---- */
  /* ---- point finder drawer ---- */
  /* equipment-type multi-select dropdown */
  /* kind sub-headers (Mapped / Virtual / Condition / Constant) */
  /* kind filter chips */
  /* jump-to-asset control */
  /* CSS-only caret (no per-header SVG partial — that was hundreds of partial
     renders at sites with many assets). */
  /* ---- scatter ---- */
  /* ---- single-point picker ---- */
  /* Wide enough to show long point names without truncation. */
  /* equipment-type filter row (reuses the finder's .cv2-pf-typesel dropdown) */
  /* ---- filters rail + range slider ---- */
}
.cx-cv2 .cv2-views-layout {
  display: flex;
  align-items: stretch;
  height: calc(100vh - 80px);
  margin: 0 -20px -75px -20px;
}
.cx-cv2 .cv2-views-col {
  width: 268px;
  flex-shrink: 0;
  background: #fff;
  border-right: 1px solid #E6E8EB;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.cx-cv2 .cv2-main-views {
  flex: 1;
  min-width: 0;
  overflow-y: auto;
  background: #F4F6F8;
}
.cx-cv2 .cv2-views-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 16px 10px;
}
.cx-cv2 .cv2-views-title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 15px;
}
.cx-cv2 .cv2-views-add {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  border: 1px solid #E6E8EB;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--fg-2);
  cursor: pointer;
}
.cx-cv2 .cv2-views-add:hover {
  background: var(--mint-50);
  border-color: var(--mint-300);
  color: var(--mint-700);
}
.cx-cv2 .cv2-views-add svg {
  width: 15px;
  height: 15px;
}
.cx-cv2 .cv2-views-list {
  padding: 0 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.cx-cv2 .cv2-view-item {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  text-align: left;
  padding: 11px 12px;
  border-radius: 10px;
  border: 1px solid #E6E8EB;
  background: #fff;
  cursor: pointer;
}
.cx-cv2 .cv2-view-item:hover {
  border-color: #C9CDD3;
  background: #FAFBFC;
}
.cx-cv2 .cv2-view-item.on {
  border-color: var(--mint-400);
  background: var(--mint-50);
}
.cx-cv2 .cv2-view-item svg {
  width: 15px;
  height: 15px;
  color: var(--fg-3);
}
.cx-cv2 .cv2-vi-text {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.cx-cv2 .cv2-vi-name {
  font-size: 13px;
  font-weight: 600;
  color: var(--fg-1);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cx-cv2 .cv2-vi-meta {
  font-size: 11px;
  color: var(--fg-3);
  margin-top: 2px;
}
.cx-cv2 .cv2-views-empty {
  padding: 24px 12px;
  font-size: 12px;
  color: var(--fg-3);
  text-align: center;
}
.cx-cv2 .cv2-view-wrap {
  padding: 18px 22px 40px;
}
.cx-cv2 .cv2-view-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
  gap: 12px;
}
.cx-cv2 .cv2-view-head-l {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.cx-cv2 .cv2-view-icon {
  display: inline-flex;
  align-items: center;
  color: var(--fg-3);
  flex-shrink: 0;
}
.cx-cv2 .cv2-view-icon svg {
  width: 16px;
  height: 16px;
  stroke-width: 1.6;
}
.cx-cv2 .cv2-view-head-r {
  display: flex;
  align-items: center;
  gap: 8px;
}
.cx-cv2 .cv2-view-name {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.01em;
  color: var(--fg-1);
  cursor: text;
}
.cx-cv2 .cv2-view-meta {
  font-size: 12px;
  color: var(--fg-3);
}
.cx-cv2 .cv2-mv-edit {
  font: inherit;
  font-size: 16px;
  color: inherit;
  border: 1px solid var(--mint-400);
  border-radius: 6px;
  padding: 2px 8px;
  outline: none;
  background: #fff;
  box-shadow: var(--shadow-focus);
}
.cx-cv2 .cv2-view-shared-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 20px;
  padding: 0 8px;
  border-radius: 999px;
  background: var(--mint-50);
  color: var(--mint-700);
  border: 1px solid var(--mint-200);
  font-size: 10.5px;
  font-weight: 600;
}
.cx-cv2 .cv2-view-role-pill {
  display: inline-flex;
  align-items: center;
  height: 20px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 10.5px;
  font-weight: 700;
  text-transform: uppercase;
  background: var(--ink-100);
  color: var(--fg-2);
}
.cx-cv2 .cv2-view-role-pill.role-Owner,
.cx-cv2 .cv2-view-role-pill.role-owner {
  background: var(--ink-800);
  color: #fff;
}
.cx-cv2 .cv2-view-shared-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: -6px 0 16px;
  padding: 9px 12px;
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 10px;
  font-size: 12px;
  color: var(--fg-2);
}
.cx-cv2 .cv2-view-shared-bar b {
  color: var(--fg-1);
}
.cx-cv2 .cv2-view-activity {
  margin: -8px 0 16px;
  padding: 12px 14px;
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 10px;
  box-shadow: var(--shadow-2);
}
.cx-cv2 .cv2-view-activity-h {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
  color: var(--fg-3);
  margin-bottom: 8px;
}
.cx-cv2 .cv2-activity-row {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 5px 4px;
  font-size: 12.5px;
  color: var(--fg-2);
}
.cx-cv2 .cv2-activity-text {
  flex: 1;
}
.cx-cv2 .cv2-activity-text b {
  color: var(--fg-1);
}
.cx-cv2 .cv2-activity-when {
  font-size: 11px;
  color: var(--fg-3);
}
.cx-cv2 .cv2-view-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 80px 16px;
  color: var(--fg-3);
  text-align: center;
}
.cx-cv2 .cv2-view-empty-t {
  font-size: 13px;
  color: var(--fg-2);
  font-weight: 500;
}
.cx-cv2 .cv2-mv-hint {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 11.5px;
  color: var(--fg-3);
  margin: -4px 0 12px;
}
.cx-cv2 .cv2-mv-hint svg {
  width: 13px;
  height: 13px;
}
.cx-cv2 .cv2-mv-chart-card {
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 12px;
  box-shadow: var(--shadow-1, 0 1px 2px rgba(20, 24, 28, 0.06));
  margin-bottom: 16px;
  overflow: hidden;
}
.cx-cv2 .cv2-embed-chart {
  margin: 10px 0 6px;
}
.cx-cv2 .cv2-mv-chart-head {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 14px;
  border-bottom: 1px solid #EEF0F2;
}
.cx-cv2 .cv2-mv-drag {
  color: var(--ink-200);
  cursor: grab;
  display: inline-flex;
}
.cx-cv2 .cv2-mv-drag svg {
  width: 15px;
  height: 15px;
}
.cx-cv2 .cv2-mv-drag:hover {
  color: var(--fg-3);
}
.cx-cv2 .cv2-mv-drag:active {
  cursor: grabbing;
}
.cx-cv2 .cv2-mv-card-placeholder {
  border: 2px dashed var(--mint-300);
  border-radius: 12px;
  background: var(--mint-50);
  margin-bottom: 16px;
  visibility: visible !important;
}
.cx-cv2 .cv2-mv-collapse {
  border: 0;
  background: transparent;
  color: var(--fg-2);
  cursor: pointer;
  display: inline-flex;
  padding: 2px;
  border-radius: 6px;
}
.cx-cv2 .cv2-mv-collapse svg {
  width: 16px;
  height: 16px;
}
.cx-cv2 .cv2-mv-chart-name {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 15px;
  color: var(--fg-1);
  cursor: text;
}
.cx-cv2 .cv2-mv-chart-actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 6px;
}
.cx-cv2 .cv2-mv-empty-chart {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 48px 16px;
  color: var(--fg-3);
  font-size: 13px;
}
.cx-cv2 .cv2-mv-empty-icon {
  display: inline-flex;
  color: var(--fg-3);
}
.cx-cv2 .cv2-mv-empty-icon svg {
  width: 28px;
  height: 28px;
}
.cx-cv2 .cv2-mv-menu-wrap {
  position: relative;
  display: inline-flex;
}
.cx-cv2 .cv2-mv-menu-scrim {
  position: fixed;
  inset: 0;
  z-index: 30;
}
.cx-cv2 .cv2-mv-menu {
  position: absolute;
  right: 0;
  top: calc(106%);
  z-index: 31;
  min-width: 184px;
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 10px;
  box-shadow: var(--shadow-3);
  padding: 5px;
}
.cx-cv2 .cv2-mv-menu-item {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 8px 10px;
  border: 0;
  background: transparent;
  border-radius: 7px;
  cursor: pointer;
  text-align: left;
  font-size: 12.5px;
  color: var(--fg-1);
}
.cx-cv2 .cv2-mv-menu-item svg {
  width: 13px;
  height: 13px;
  color: var(--fg-3);
}
.cx-cv2 .cv2-mv-menu-item:hover {
  background: #F4F6F8;
}
.cx-cv2 .cv2-mv-menu-item.cv2-danger {
  color: var(--fail-strong);
}
.cx-cv2 .cv2-mv-menu-item.cv2-danger svg {
  color: var(--fail-strong);
}
.cx-cv2 .cv2-mv-menu-item.cv2-danger:hover {
  background: var(--fail-bg);
}
.cx-cv2 .cv2-mv-chart-body {
  display: flex;
  align-items: stretch;
  gap: 0;
  padding: 10px 12px 12px;
}
.cx-cv2 .cv2-mv-host {
  flex: 1;
  min-width: 0;
  position: relative;
}
.cx-cv2 svg.cv2-mv-canvas {
  display: block;
  width: 100%;
  height: auto;
  user-select: none;
}
.cx-cv2 .cv2-mv-grid {
  stroke: #EEF0F2;
  stroke-width: 1;
}
.cx-cv2 .cv2-mv-grid-edge {
  stroke: #E6E8EB;
}
.cx-cv2 .cv2-mv-axissep {
  stroke: #EEF0F2;
  stroke-width: 1;
}
.cx-cv2 .cv2-mv-unit {
  font-family: var(--font-mono);
  font-size: 10.5px;
  font-weight: 700;
  fill: var(--fg-1);
}
.cx-cv2 .cv2-mv-ytick {
  font-family: var(--font-mono);
  font-size: 11px;
  fill: var(--fg-2);
}
.cx-cv2 .cv2-mv-daysep {
  stroke: #F0F2F4;
  stroke-width: 1;
}
.cx-cv2 .cv2-mv-daylabel {
  font-family: var(--font-mono);
  font-size: 11px;
  fill: var(--fg-2);
}
.cx-cv2 .cv2-mv-series {
  fill: none;
  stroke-width: 1.5;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.cx-cv2 .cv2-mv-cross-line {
  stroke: #9DA3AC;
  stroke-width: 1;
  stroke-dasharray: 3 3;
}
.cx-cv2 .cv2-mv-overlay {
  fill: none;
}
.cx-cv2 .cv2-mv-zoom-band {
  fill: #0272BA;
  fill-opacity: .10;
  stroke: #0272BA;
  stroke-opacity: .5;
  stroke-width: 1;
}
.cx-cv2 .cv2-mv-binary-cap {
  font-family: var(--font-mono);
  font-size: 10.5px;
  fill: var(--fg-2);
  font-weight: 600;
}
.cx-cv2 .cv2-mv-binary-cap-asset {
  fill: var(--fg-1);
  font-weight: 700;
}
.cx-cv2 .cv2-mv-binary-track {
  fill: #F1F3F5;
}
.cx-cv2 .cv2-mv-band {
  pointer-events: none;
}
.cx-cv2 .cv2-mv-range-band {
  fill: #0272BA;
  fill-opacity: .07;
  stroke: #0272BA;
  stroke-opacity: .35;
  stroke-width: 1;
  stroke-dasharray: 4 3;
  pointer-events: none;
}
.cx-cv2 .cv2-mv-reset {
  position: absolute;
  top: 4px;
  right: 6px;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 26px;
  padding: 0 10px;
  border-radius: 8px;
  background: #14181C;
  color: #fff;
  border: 0;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(20, 24, 28, 0.18);
}
.cx-cv2 .cv2-mv-reset:hover {
  background: #000;
}
.cx-cv2 .cv2-mv-legend {
  width: 210px;
  flex-shrink: 0;
  padding: 6px 4px 6px 16px;
  border-left: 1px solid #F0F2F4;
  overflow-y: auto;
}
.cx-cv2.cv2-views-screen .cv2-mv-legend {
  width: 230px;
  min-width: 230px;
  max-width: 230px;
}
.cx-cv2.cv2-views-screen .cv2-mv-legend-row {
  min-width: 0;
}
.cx-cv2.cv2-views-screen .cv2-mv-legend-asset {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cx-cv2 .cv2-mv-legend-group + .cv2-mv-legend-group {
  margin-top: 12px;
}
.cx-cv2 .cv2-mv-legend-asset {
  font-family: var(--font-mono);
  font-size: 11.5px;
  font-weight: 700;
  color: var(--fg-1);
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #E6E8EB;
}
.cx-cv2 .cv2-mv-legend-row {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 3px 6px;
  border-radius: 6px;
  cursor: default;
}
.cx-cv2 .cv2-mv-legend-row:hover {
  background: #F4F6F8;
}
.cx-cv2 .cv2-mv-sw {
  width: 10px;
  height: 10px;
  border-radius: 3px;
  flex-shrink: 0;
}
.cx-cv2 .cv2-mv-nm {
  font-family: var(--font-mono);
  font-size: 11.5px;
  color: var(--fg-1);
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.cx-cv2 .cv2-mv-un {
  font-size: 10px;
  color: var(--fg-3);
}
.cx-cv2 .cv2-mv-legend-row.muted .cv2-mv-sw {
  opacity: 0.3;
}
.cx-cv2 .cv2-mv-legend-row.muted .cv2-mv-nm {
  color: var(--fg-3);
  text-decoration: line-through;
}
.cx-cv2 .cv2-mv-rm {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--fg-3);
  cursor: pointer;
  opacity: 0;
  transition: opacity 120ms, background 120ms;
}
.cx-cv2 .cv2-mv-rm svg {
  width: 11px;
  height: 11px;
}
.cx-cv2 .cv2-mv-legend-row:hover .cv2-mv-rm {
  opacity: 1;
}
.cx-cv2 .cv2-mv-rm:hover {
  background: var(--ink-100);
  color: var(--fail-strong);
}
.cx-cv2 .cv2-mv-hovercard {
  position: fixed;
  pointer-events: none;
  z-index: 50;
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 8px;
  box-shadow: var(--shadow-3);
  padding: 8px 0;
  min-width: 240px;
  max-width: 380px;
}
.cx-cv2 .cv2-mv-hc-time {
  padding: 0 12px 6px;
  font-size: 11px;
  color: var(--fg-2);
  font-family: var(--font-mono);
  border-bottom: 1px solid #EEF0F2;
}
.cx-cv2 .cv2-mv-hc-grp {
  padding: 5px 0 2px;
}
.cx-cv2 .cv2-mv-hc-grp + .cv2-mv-hc-grp {
  border-top: 1px solid #EEF0F2;
}
.cx-cv2 .cv2-mv-hc-asset {
  padding: 2px 12px 3px;
  font-family: var(--font-mono);
  font-size: 10.5px;
  font-weight: 700;
  color: var(--fg-2);
}
.cx-cv2 .cv2-mv-hc-row {
  display: grid;
  grid-template-columns: 12px 1fr auto auto;
  gap: 7px;
  align-items: center;
  padding: 2px 12px;
}
.cx-cv2 .cv2-mv-hc-sw {
  width: 9px;
  height: 9px;
  border-radius: 2px;
}
.cx-cv2 .cv2-mv-hc-nm {
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--fg-1);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cx-cv2 .cv2-mv-hc-val {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-size: 11px;
  color: var(--fg-1);
}
.cx-cv2 .cv2-mv-hc-un {
  font-size: 10px;
  color: var(--fg-3);
}
.cx-cv2 .cv2-modal-scrim {
  position: fixed;
  inset: 0;
  z-index: 60;
  background: rgba(20, 24, 28, 0.42);
}
.cx-cv2 .cv2-modal {
  position: fixed;
  top: 18vh;
  left: 50%;
  transform: translateX(-50%);
  z-index: 61;
  width: 460px;
  max-width: calc(52vw);
  background: #fff;
  border-radius: 16px;
  box-shadow: var(--shadow-4);
  padding: 26px 26px 22px;
}
.cx-cv2 .cv2-modal-x {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  border: 0;
  background: transparent;
  color: var(--fg-3);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.cx-cv2 .cv2-modal-x:hover {
  background: #F4F6F8;
  color: var(--fg-1);
}
.cx-cv2 .cv2-modal-x svg {
  width: 16px;
  height: 16px;
}
.cx-cv2 .cv2-modal-title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.01em;
}
.cx-cv2 .cv2-modal-sub {
  font-size: 13px;
  color: var(--fg-2);
  margin-top: 4px;
  margin-bottom: 20px;
}
.cx-cv2 .cv2-mv-field {
  display: block;
  margin-bottom: 16px;
}
.cx-cv2 .cv2-mv-field-label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: var(--fg-2);
  margin-bottom: 7px;
}
.cx-cv2 .cv2-mv-field input {
  width: 100%;
  height: 38px;
  padding: 0 12px;
  border: 1px solid #DDE1E6;
  border-radius: 8px;
  font: inherit;
  font-size: 13px;
  color: var(--fg-1);
  outline: none;
}
.cx-cv2 .cv2-mv-field input:focus {
  border-color: var(--mint-400);
  box-shadow: var(--shadow-focus);
}
.cx-cv2 .cv2-modal-foot {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 22px;
}
.cx-cv2 .cv2-btn.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.cx-cv2 .cv2-btn-ghost.on {
  background: #F4F6F8;
  border-color: #C9CDD3;
}
.cx-cv2 .cv2-pf-scrim {
  position: fixed;
  inset: 0;
  z-index: 90;
  background: rgba(20, 24, 28, 0.42);
}
.cx-cv2 .cv2-pf-drawer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  width: 560px;
  max-width: calc(60vw);
  background: #fff;
  box-shadow: -16px 0 48px rgba(20, 24, 28, 0.18);
  display: flex;
  flex-direction: column;
}
.cx-cv2 .cv2-pf-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 18px 20px 14px;
}
.cx-cv2 .cv2-pf-title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 17px;
}
.cx-cv2 .cv2-pf-sub {
  font-size: 12px;
  color: var(--fg-3);
  margin-top: 3px;
}
.cx-cv2 .cv2-pf-x {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  border: 0;
  background: transparent;
  color: var(--fg-3);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.cx-cv2 .cv2-pf-x:hover {
  background: #F4F6F8;
  color: var(--fg-1);
}
.cx-cv2 .cv2-pf-x svg {
  width: 16px;
  height: 16px;
}
.cx-cv2 .cv2-pf-search {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 20px 12px;
  padding: 10px 12px;
  border: 1px solid #DDE1E6;
  border-radius: 10px;
  color: var(--fg-3);
}
.cx-cv2 .cv2-pf-search:focus-within {
  border-color: var(--mint-400);
  box-shadow: var(--shadow-focus);
}
.cx-cv2 .cv2-pf-search svg {
  width: 16px;
  height: 16px;
}
.cx-cv2 .cv2-pf-search input {
  flex: 1;
  border: 0;
  outline: 0;
  background: transparent;
  font: inherit;
  font-size: 13.5px;
  color: var(--fg-1);
}
.cx-cv2 .cv2-pf-clear {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 0;
  background: var(--ink-100);
  color: var(--fg-2);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.cx-cv2 .cv2-pf-clear svg {
  width: 11px;
  height: 11px;
}
.cx-cv2 .cv2-pf-filterbar {
  padding: 0 20px 8px;
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.cx-cv2 .cv2-pf-facet-label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--fg-3);
}
.cx-cv2 .cv2-pf-link {
  border: 0;
  background: transparent;
  color: var(--mint-700);
  font-size: 11.5px;
  font-weight: 600;
  cursor: pointer;
}
.cx-cv2 .cv2-pf-link:hover {
  text-decoration: underline;
}
.cx-cv2 .cv2-pf-link.disabled {
  color: var(--ink-300);
  pointer-events: none;
  text-decoration: none;
}
.cx-cv2 .cv2-pf-typesel {
  position: relative;
}
.cx-cv2 .cv2-pf-typebtn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  padding: 0 10px;
  border-radius: 8px;
  border: 1px solid #DDE1E6;
  background: #fff;
  color: var(--fg-1);
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}
.cx-cv2 .cv2-pf-typebtn:hover {
  background: #F4F6F8;
}
.cx-cv2 .cv2-pf-typebtn.on {
  border-color: var(--mint-400);
  background: var(--mint-50);
  color: var(--mint-800);
}
.cx-cv2 .cv2-pf-typebtn svg {
  width: 13px;
  height: 13px;
  color: var(--fg-3);
}
.cx-cv2 .cv2-pf-typebtn.on svg:first-child {
  color: var(--mint-700);
}
.cx-cv2 .cv2-pf-typemenu-scrim {
  position: fixed;
  inset: 0;
  z-index: 110;
}
.cx-cv2 .cv2-pf-typemenu {
  position: absolute;
  top: calc(106%);
  left: 0;
  z-index: 111;
  width: 300px;
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 12px;
  box-shadow: var(--shadow-3);
  display: flex;
  flex-direction: column;
  max-height: 360px;
  overflow: hidden;
}
.cx-cv2 .cv2-pf-typemenu-search {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-bottom: 1px solid #EEF0F2;
  color: var(--fg-3);
}
.cx-cv2 .cv2-pf-typemenu-search svg {
  width: 14px;
  height: 14px;
}
.cx-cv2 .cv2-pf-typemenu-search input {
  flex: 1;
  border: 0;
  outline: 0;
  background: transparent;
  font: inherit;
  font-size: 13px;
  color: var(--fg-1);
}
.cx-cv2 .cv2-pf-typemenu-list {
  overflow-y: auto;
  padding: 6px;
  flex: 1;
}
.cx-cv2 .cv2-pf-typemenu-empty {
  padding: 18px;
  text-align: center;
  color: var(--fg-3);
  font-size: 12px;
}
.cx-cv2 .cv2-pf-type-opt {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 7px 9px;
  border: 0;
  background: transparent;
  border-radius: 7px;
  cursor: pointer;
  text-align: left;
}
.cx-cv2 .cv2-pf-type-opt:hover {
  background: #F4F6F8;
}
.cx-cv2 .cv2-pf-type-opt.on {
  background: var(--mint-50);
}
.cx-cv2 .cv2-pf-type-name {
  font-size: 12.5px;
  color: var(--fg-1);
  flex: 1;
}
.cx-cv2 .cv2-pf-type-count {
  font-size: 10.5px;
  color: var(--fg-3);
  background: var(--ink-100);
  border-radius: 999px;
  padding: 1px 7px;
}
.cx-cv2 .cv2-pf-typemenu-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  border-top: 1px solid #EEF0F2;
}
.cx-cv2 .cv2-pf-check.sm {
  width: 16px;
  height: 16px;
  border-radius: 4px;
}
.cx-cv2 .cv2-pf-active-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 24px;
  padding: 0 6px 0 9px;
  border-radius: 999px;
  border: 1px solid var(--mint-300);
  background: var(--mint-50);
  color: var(--mint-800);
  font-size: 11.5px;
  font-weight: 500;
  cursor: pointer;
}
.cx-cv2 .cv2-pf-active-chip:hover {
  background: var(--mint-100);
}
.cx-cv2 .cv2-pf-active-chip svg {
  width: 11px;
  height: 11px;
  color: var(--mint-700);
}
.cx-cv2 .cv2-pf-kindrow {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 7px 8px 3px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--fg-3);
}
.cx-cv2 .cv2-pf-kind-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--ink-300);
  flex-shrink: 0;
}
.cx-cv2 .cv2-pf-kind-n {
  color: var(--fg-3);
  font-weight: 600;
}
.cx-cv2 .cv2-pf-kind-virtual {
  color: #0C3F7B;
}
.cx-cv2 .cv2-pf-kind-virtual .cv2-pf-kind-dot {
  background: #0C3F7B;
}
.cx-cv2 .cv2-pf-kind-condition {
  color: #F39B2C;
}
.cx-cv2 .cv2-pf-kind-condition .cv2-pf-kind-dot {
  background: #F39B2C;
}
.cx-cv2 .cv2-pf-kind-constant {
  color: var(--ink-400);
}
.cx-cv2 .cv2-pf-kind-constant .cv2-pf-kind-dot {
  background: var(--ink-400);
}
.cx-cv2 .cv2-pf-kind-raw {
  color: var(--ink-400);
}
.cx-cv2 .cv2-pf-kind-raw .cv2-pf-kind-dot {
  background: var(--ink-400);
}
.cx-cv2 .cv2-pf-kindbar {
  padding-top: 2px;
}
.cx-cv2 .cv2-pf-kindchip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid #E6E8EB;
  background: #fff;
  color: var(--fg-1);
  font-size: 11.5px;
  font-weight: 600;
  cursor: pointer;
}
.cx-cv2 .cv2-pf-kindchip:hover {
  background: #FAFBFC;
}
.cx-cv2 .cv2-pf-kindchip.on {
  background: var(--ink-800);
  border-color: var(--ink-800);
  color: #fff;
}
.cx-cv2 .cv2-pf-kindchip.on .cv2-pf-kind-dot {
  background: #fff;
}
.cx-cv2 .cv2-pf-kindchip-count {
  font-size: 10.5px;
  color: var(--fg-3);
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}
.cx-cv2 .cv2-pf-kindchip.on .cv2-pf-kindchip-count {
  color: rgba(255, 255, 255, 0.6);
}
.cx-cv2 .cv2-pf-toolbar-r {
  display: flex;
  align-items: center;
  gap: 12px;
}
.cx-cv2 .cv2-pf-jump {
  display: inline-flex;
  align-items: center;
  gap: 1px;
  border: 1px solid #E6E8EB;
  border-radius: 8px;
  padding: 1px;
}
.cx-cv2 .cv2-pf-jump-label {
  font-size: 10.5px;
  color: var(--fg-3);
  font-weight: 600;
  padding: 0 3px;
  letter-spacing: 0.02em;
}
.cx-cv2 .cv2-pf-jump-btn {
  width: 24px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background: transparent;
  color: var(--fg-2);
  cursor: pointer;
  border-radius: 6px;
}
.cx-cv2 .cv2-pf-jump-btn:hover {
  background: #F4F6F8;
  color: var(--fg-1);
}
.cx-cv2 .cv2-pf-jump-btn svg {
  width: 14px;
  height: 14px;
}
.cx-cv2 .cv2-pf-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
  border-top: 1px solid #EEF0F2;
  border-bottom: 1px solid #EEF0F2;
}
.cx-cv2 .cv2-pf-results-count {
  font-size: 11.5px;
  color: var(--fg-3);
}
.cx-cv2 .cv2-pf-list {
  flex: 1;
  overflow-y: auto;
  padding: 6px 12px 12px;
}
.cx-cv2 .cv2-pf-empty {
  padding: 40px 16px;
  text-align: center;
  color: var(--fg-3);
  font-size: 13px;
}
.cx-cv2 .cv2-pf-loading {
  padding: 48px 16px;
  text-align: center;
  color: var(--fg-3);
  font-size: 13px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.cx-cv2 .cv2-pf-spinner {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2.5px solid #E6E8EB;
  border-top-color: var(--mint-500);
  animation: cv2-spin 0.7s linear infinite;
}
.cx-cv2 .cv2-pf-more {
  display: block;
  width: 100%;
  padding: 11px 16px;
  margin-top: 6px;
  text-align: center;
  color: var(--mint-800);
  background: var(--mint-50);
  border: 0;
  border-top: 1px solid #EEF0F2;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.cx-cv2 .cv2-pf-more:hover {
  background: var(--mint-100);
}
.cx-cv2 .cv2-pf-group {
  margin-top: 4px;
}
.cx-cv2 .cv2-pf-group-head {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 8px 5px;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 1;
  cursor: pointer;
}
.cx-cv2 .cv2-pf-group-head:hover {
  background: #FAFBFC;
}
.cx-cv2 .cv2-pf-group-caret {
  width: 6px;
  height: 6px;
  border-right: 1.5px solid var(--fg-3);
  border-bottom: 1.5px solid var(--fg-3);
  transform: rotate(-45deg);
  transition: transform .12s ease;
  flex-shrink: 0;
  margin: 0 3px 2px 1px;
}
.cx-cv2 .cv2-pf-group-head.expanded .cv2-pf-group-caret {
  transform: rotate(45deg);
}
.cx-cv2 .cv2-pf-group-name {
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 700;
  color: var(--fg-1);
}
.cx-cv2 .cv2-pf-group-type {
  font-size: 11px;
  color: var(--fg-3);
}
.cx-cv2 .cv2-pf-group-count {
  font-size: 10px;
  color: var(--fg-3);
  background: var(--ink-100);
  border-radius: 999px;
  padding: 1px 7px;
}
.cx-cv2 .cv2-pf-addall {
  margin-left: auto;
  border: 0;
  background: transparent;
  color: var(--mint-700);
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  padding: 2px 6px;
  border-radius: 6px;
}
.cx-cv2 .cv2-pf-addall:hover {
  background: var(--mint-50);
}
.cx-cv2 .cv2-pf-addall.on {
  color: var(--fail-strong);
}
.cx-cv2 .cv2-pf-row {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: left;
  padding: 7px 8px;
  border: 0;
  background: transparent;
  border-radius: 8px;
  cursor: pointer;
}
.cx-cv2 .cv2-pf-row:hover {
  background: #F4F6F8;
}
.cx-cv2 .cv2-pf-row.on {
  background: var(--mint-50);
}
.cx-cv2 .cv2-pf-check {
  width: 17px;
  height: 17px;
  border-radius: 5px;
  border: 1.5px solid #C9CDD3;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.cx-cv2 .cv2-pf-check svg {
  width: 11px;
  height: 11px;
}
.cx-cv2 .cv2-pf-row.on .cv2-pf-check,
.cx-cv2 .cv2-pf-check.on {
  background: var(--mint-500);
  border-color: var(--mint-500);
}
.cx-cv2 .cv2-pf-row-main {
  font-family: var(--font-mono);
  font-size: 12.5px;
  color: var(--fg-1);
  flex: 1;
}
.cx-cv2 .cv2-pf-row-kind {
  font-size: 10px;
  color: var(--fg-3);
}
.cx-cv2 .cv2-pf-row-unit {
  font-size: 10.5px;
  color: var(--fg-2);
  background: #F1F3F5;
  border-radius: 5px;
  padding: 1px 6px;
  font-family: var(--font-mono);
}
.cx-cv2 .cv2-pf-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  border-top: 1px solid #EEF0F2;
}
.cx-cv2 .cv2-pf-foot-count {
  font-size: 12.5px;
  color: var(--fg-2);
}
.cx-cv2 .cv2-pf-foot-count b {
  color: var(--fg-1);
}
.cx-cv2 .cv2-pf-foot-new {
  color: var(--mint-700);
  font-weight: 600;
}
.cx-cv2 .cv2-pf-foot-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.cx-cv2 .cv2-sc-axisbar {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.cx-cv2 .cv2-sc-swap {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  border: 1px solid #DDE1E6;
  background: #fff;
  color: var(--fg-2);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.cx-cv2 .cv2-sc-swap:hover {
  background: #F4F6F8;
  color: var(--fg-1);
}
.cx-cv2 .cv2-sc-swap svg {
  width: 15px;
  height: 15px;
}
.cx-cv2 .cv2-sc-body {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.cx-cv2 .cv2-sc-card {
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 14px;
  box-shadow: var(--shadow-2);
  overflow: hidden;
}
.cx-cv2 .cv2-sc-chart-card {
  flex: 1;
  min-width: 0;
}
.cx-cv2 .cv2-sc-plotwrap {
  position: relative;
  padding: 14px 16px 0;
  display: block;
}
.cx-cv2 svg.cv2-sc-svg {
  width: 100%;
  height: auto;
  display: block;
}
.cx-cv2 .cv2-sc-grid {
  stroke: #EEF0F2;
}
.cx-cv2 .cv2-sc-gridx {
  stroke: #F4F6F8;
}
.cx-cv2 .cv2-sc-tick {
  font-family: var(--font-mono);
  font-size: 10.5px;
  fill: var(--fg-2);
}
.cx-cv2 .cv2-sc-axis-label {
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 700;
  fill: var(--fg-1);
}
.cx-cv2 .cv2-sc-dot {
  fill: #0272BA;
  fill-opacity: 0.6;
  cursor: pointer;
}
.cx-cv2 .cv2-sc-dot-out {
  fill: #C9CDD3;
  fill-opacity: 0.28;
}
.cx-cv2 .cv2-sc-tip {
  position: absolute;
  transform: translate(-50%, calc(-112%));
  background: #14181C;
  color: #fff;
  border-radius: 8px;
  padding: 8px 10px;
  pointer-events: none;
  z-index: 5;
  min-width: 150px;
  box-shadow: var(--shadow-3);
}
.cx-cv2 .cv2-sc-tip-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  font-size: 11.5px;
}
.cx-cv2 .cv2-sc-tip-row + .cv2-sc-tip-row {
  margin-top: 3px;
}
.cx-cv2 .cv2-sc-tip-row span {
  font-family: var(--font-mono);
  color: rgba(255, 255, 255, 0.6);
}
.cx-cv2 .cv2-sc-tip-row b {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
}
.cx-cv2 .cv2-sc-statsbar {
  display: flex;
  align-items: center;
  gap: 26px;
  flex-wrap: wrap;
  padding: 16px 22px;
  border-top: 1px solid #EEF0F2;
}
.cx-cv2 .cv2-sc-stat {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.cx-cv2 .cv2-sc-stat-l {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--fg-3);
}
.cx-cv2 .cv2-sc-stat-v {
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 700;
  color: #14181C;
  font-variant-numeric: tabular-nums;
}
.cx-cv2 .cv2-sc-stat-v small {
  font-family: var(--font-mono);
  font-size: 10.5px;
  font-weight: 400;
  color: var(--fg-3);
}
.cx-cv2 .cv2-sc-needpoints {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 360px;
  color: var(--fg-3);
  font-size: 13px;
}
.cx-cv2 .cv2-sp-pick {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.cx-cv2 .cv2-sp-axis-tag {
  width: 20px;
  height: 20px;
  border-radius: 6px;
  color: #fff;
  font-weight: 700;
  font-size: 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.cx-cv2 .cv2-sp-pickbtn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 38px;
  padding: 0 12px;
  border-radius: 9px;
  border: 1px solid #DDE1E6;
  background: #fff;
  cursor: pointer;
}
.cx-cv2 .cv2-sp-pickbtn:hover {
  border-color: #C9CDD3;
}
.cx-cv2 .cv2-sp-pickbtn svg {
  width: 15px;
  height: 15px;
  color: var(--fg-3);
}
.cx-cv2 .cv2-sp-pickval {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
}
.cx-cv2 .cv2-sp-pick-asset {
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 700;
  color: var(--fg-1);
}
.cx-cv2 .cv2-sp-pick-id {
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--fg-2);
}
.cx-cv2 .cv2-sp-pick-unit {
  font-size: 10.5px;
  color: var(--fg-2);
  background: #F1F3F5;
  border-radius: 5px;
  padding: 1px 6px;
}
.cx-cv2 .cv2-sp-pick-empty {
  font-size: 13px;
  color: var(--fg-3);
}
.cx-cv2 .cv2-sp-scrim {
  position: fixed;
  inset: 0;
  z-index: 40;
}
.cx-cv2 .cv2-sp-pop {
  position: absolute;
  top: calc(106%);
  left: 0;
  z-index: 41;
  width: 420px;
  max-height: 460px;
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 12px;
  box-shadow: var(--shadow-3);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.cx-cv2 .cv2-sp-pop-search {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-bottom: 1px solid #EEF0F2;
  color: var(--fg-3);
}
.cx-cv2 .cv2-sp-pop-search svg {
  width: 14px;
  height: 14px;
}
.cx-cv2 .cv2-sp-pop-search input {
  flex: 1;
  border: 0;
  outline: 0;
  background: transparent;
  font: inherit;
  font-size: 13px;
  color: var(--fg-1);
}
.cx-cv2 .cv2-sp-pop-equip {
  padding: 8px 12px;
  border-bottom: 1px solid #EEF0F2;
}
.cx-cv2 .cv2-sp-pop-equip .cv2-pf-typebtn {
  height: 26px;
}
.cx-cv2 .cv2-sp-pop-equip .cv2-pf-typemenu {
  max-height: 300px;
}
.cx-cv2 .cv2-sp-pop-kinds {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  padding: 8px 12px;
  border-bottom: 1px solid #EEF0F2;
}
.cx-cv2 .cv2-sp-pop-kinds .cv2-pf-kindchip {
  height: 23px;
  padding: 0 8px;
  font-size: 11px;
  gap: 5px;
  font-weight: 600;
}
.cx-cv2 .cv2-sp-pop-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 12px;
  border-bottom: 1px solid #EEF0F2;
}
.cx-cv2 .cv2-sp-pop-count {
  font-size: 11px;
  color: var(--fg-3);
  font-variant-numeric: tabular-nums;
}
.cx-cv2 .cv2-sp-pop-toolbar .cv2-pf-jump-btn {
  width: 22px;
  height: 20px;
}
.cx-cv2 .cv2-sp-pop-list {
  overflow-y: auto;
  padding: 6px;
  flex: 1;
}
.cx-cv2 .cv2-sp-pop-empty {
  padding: 24px;
  text-align: center;
  color: var(--fg-3);
  font-size: 12.5px;
}
.cx-cv2 .cv2-sp-pop-group + .cv2-sp-pop-group {
  margin-top: 4px;
}
.cx-cv2 .cv2-sp-pop-ghead {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 8px 4px;
  font-family: var(--font-mono);
  font-size: 11.5px;
  font-weight: 700;
  color: var(--fg-1);
  position: sticky;
  top: 0;
  background: #fff;
  cursor: pointer;
}
.cx-cv2 .cv2-sp-pop-ghead:hover {
  background: #FAFBFC;
}
.cx-cv2 .cv2-sp-pop-ghead.expanded .cv2-pf-group-caret {
  transform: rotate(45deg);
}
.cx-cv2 .cv2-sp-pop-gtype {
  margin-left: auto;
  font-family: var(--font-sans);
  font-size: 10px;
  font-weight: 500;
  color: var(--fg-3);
}
.cx-cv2 .cv2-sp-pop-opt {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 9px;
  border: 0;
  background: transparent;
  border-radius: 7px;
  cursor: pointer;
  text-align: left;
}
.cx-cv2 .cv2-sp-pop-opt:hover {
  background: #F4F6F8;
}
.cx-cv2 .cv2-sp-pop-opt.on {
  background: var(--mint-50);
}
.cx-cv2 .cv2-sp-pop-opt svg {
  width: 14px;
  height: 14px;
  color: var(--mint-700);
  flex-shrink: 0;
}
.cx-cv2 .cv2-sp-pop-id {
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--fg-1);
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cx-cv2 .cv2-sp-pop-unit {
  font-size: 10px;
  color: var(--fg-3);
  flex-shrink: 0;
}
.cx-cv2 .cv2-sp-pop-kindrow {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 9px 2px;
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--fg-3);
}
.cx-cv2 .cv2-sp-pop-more {
  display: block;
  width: 100%;
  padding: 9px;
  margin-top: 4px;
  text-align: center;
  font-size: 11.5px;
  font-weight: 600;
  color: var(--mint-800);
  background: var(--mint-50);
  border: 0;
  border-top: 1px solid #F0F2F4;
  cursor: pointer;
}
.cx-cv2 .cv2-sp-pop-more:hover {
  background: var(--mint-100);
}
.cx-cv2 .cv2-sf-rail {
  width: 300px;
  flex-shrink: 0;
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 14px;
  box-shadow: var(--shadow-2);
  padding: 16px;
}
.cx-cv2 .cv2-sf-rail-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.cx-cv2 .cv2-sf-rail-title {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 14px;
  color: var(--fg-1);
}
.cx-cv2 .cv2-sf-rail-title svg {
  width: 14px;
  height: 14px;
  color: var(--fg-3);
}
.cx-cv2 .cv2-sf-addwrap {
  position: relative;
}
.cx-cv2 .cv2-sf-add {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 28px;
  padding: 0 10px;
  border-radius: 8px;
  border: 1px solid var(--mint-300);
  background: var(--mint-50);
  color: var(--mint-800);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.cx-cv2 .cv2-sf-add:hover {
  background: var(--mint-100);
}
.cx-cv2 .cv2-sf-add svg {
  width: 13px;
  height: 13px;
  color: var(--mint-700);
}
.cx-cv2 .cv2-sf-addwrap .cv2-sp-pick {
  position: static;
}
.cx-cv2 .cv2-sf-addwrap .cv2-sp-pop {
  top: calc(106%);
  left: auto;
  right: 0;
}
.cx-cv2 .cv2-sf-count {
  font-size: 12px;
  color: var(--fg-2);
  padding: 9px 11px;
  background: #F4F6F8;
  border-radius: 8px;
  margin-bottom: 12px;
}
.cx-cv2 .cv2-sf-count b {
  color: var(--fg-1);
  font-variant-numeric: tabular-nums;
}
.cx-cv2 .cv2-sf-empty {
  text-align: center;
  padding: 18px 8px;
  color: var(--fg-3);
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.cx-cv2 .cv2-sf-empty-sub {
  font-size: 11.5px;
  line-height: 1.5;
  color: var(--fg-3);
}
.cx-cv2 .cv2-sf-filter {
  padding: 12px 0;
  border-top: 1px solid #EEF0F2;
}
.cx-cv2 .cv2-sf-filter-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.cx-cv2 .cv2-sf-filter-name {
  display: inline-flex;
  align-items: baseline;
  gap: 7px;
  min-width: 0;
}
.cx-cv2 .cv2-sf-filter-asset {
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 700;
  color: var(--fg-1);
}
.cx-cv2 .cv2-sf-filter-id {
  font-family: var(--font-mono);
  font-size: 11.5px;
  color: var(--fg-2);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cx-cv2 .cv2-sf-filter-x {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  border: 0;
  background: transparent;
  color: var(--fg-3);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.cx-cv2 .cv2-sf-filter-x:hover {
  background: var(--ink-100);
  color: var(--fail-strong);
}
.cx-cv2 .cv2-sf-filter-x svg {
  width: 13px;
  height: 13px;
}
.cx-cv2 .cv2-rs {
  padding: 0 2px;
  display: block;
}
.cx-cv2 .cv2-rs-track {
  position: relative;
  height: 6px;
  background: #E6E8EB;
  border-radius: 999px;
  margin: 8px 0 12px;
}
.cx-cv2 .cv2-rs-fill {
  position: absolute;
  top: 0;
  bottom: 0;
  background: var(--mint-400);
  border-radius: 999px;
}
.cx-cv2 .cv2-rs-thumb {
  position: absolute;
  top: 50%;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid var(--mint-500);
  box-shadow: 0 1px 3px rgba(20, 24, 28, 0.2);
  transform: translate(-50%, -50%);
  cursor: grab;
}
.cx-cv2 .cv2-rs-thumb:active {
  cursor: grabbing;
}
.cx-cv2 .cv2-rs-vals {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  font-family: var(--font-mono);
  font-size: 11.5px;
  color: var(--fg-1);
  font-variant-numeric: tabular-nums;
}
.cx-cv2 .cv2-rs-unit {
  color: var(--fg-3);
  font-size: 10px;
}
.cx-cv2 .cv2-sf-loading {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 2px 6px;
  font-size: 12px;
  color: var(--fg-3);
}
.cx-cv2 .cv2-sf-spinner {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid #E6E8EB;
  border-top-color: var(--mint-500);
  animation: cv2-spin 0.7s linear infinite;
  flex-shrink: 0;
}
@keyframes cv2-spin {
  to {
    transform: rotate(360deg);
  }
}
:root {
  --mint-50: #ECFDF7;
  --mint-100: #D2FBEC;
  --mint-200: #A8F4D9;
  --mint-300: #7DECC8;
  --mint-400: #5CE8C8;
  --mint-500: #2BD0AB;
  --mint-600: #16A88A;
  --mint-700: #0F7F69;
  --mint-800: #0B5A4B;
  --ink-100: #E6E8EB;
  --ink-200: #C9CDD3;
  --ink-300: #9DA3AC;
  --ink-400: #6B727C;
  --ink-500: #434952;
  --ink-800: #14181C;
  --fg-1: #14181C;
  --fg-2: #434952;
  --fg-3: #6B727C;
  --eei-blue: #0272BA;
  --pass: #90D055;
  --pass-strong: #74C040;
  --fail: #F06060;
  --fail-strong: #DD4330;
  --status-warn: #F39B2C;
  --shadow-1: 0 1px 2px rgba(20, 24, 28, 0.06), 0 1px 1px rgba(20, 24, 28, 0.04);
  --shadow-3: 0 8px 24px rgba(20, 24, 28, 0.1), 0 2px 6px rgba(20, 24, 28, 0.06);
  --shadow-4: 0 24px 64px rgba(20, 24, 28, 0.16), 0 6px 16px rgba(20, 24, 28, 0.08);
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --font-display: 'Manrope', 'Public Sans', system-ui, -apple-system, sans-serif;
  --font-sans: 'Public Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'Roboto Mono', ui-monospace, 'SF Mono', Menlo, monospace;
}
.fault-log-redesign {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 72px;
  width: calc(100% - 72px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  font-family: var(--font-sans);
  color: var(--fg-1);
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
}
.main-content.expanded .fault-log-redesign {
  left: 264px;
  width: calc(100% - 264px);
}
.fault-log-redesign * {
  box-sizing: border-box;
}
.fault-log-redesign .num {
  font-variant-numeric: tabular-nums;
}
.fault-log-redesign .pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--fg-2);
}
.fault-log-redesign .pill .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--ink-300);
  flex-shrink: 0;
}
.fault-log-redesign .pill.high .dot {
  background: var(--fail);
}
.fault-log-redesign .pill.medium .dot {
  background: var(--status-warn);
}
.fault-log-redesign .pill.low .dot {
  background: var(--pass-strong);
}
.fault-log-redesign .cat-tag {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--eei-blue);
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}
.fault-log-redesign .cat-tag svg {
  width: 13px;
  height: 13px;
}
.fault-log-redesign .btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 16px;
  border-radius: 8px;
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: 13px;
  border: 1px solid transparent;
  cursor: pointer;
  line-height: 1;
  white-space: nowrap;
}
.fault-log-redesign .btn svg {
  width: 15px;
  height: 15px;
}
.fault-log-redesign .btn-mint {
  background: var(--mint-400);
  color: #14181C;
  font-weight: 600;
}
.fault-log-redesign .btn-mint:hover {
  background: var(--mint-500);
}
.fault-log-redesign .btn-ink {
  background: #14181C;
  color: #fff;
}
.fault-log-redesign .btn-ink:hover {
  background: #000;
}
.fault-log-redesign .btn-ghost {
  background: #fff;
  color: #14181C;
  border-color: #DDE1E6;
}
.fault-log-redesign .btn-ghost:hover {
  background: #F4F6F8;
}
.fault-log-redesign .btn-sm {
  height: 32px;
  padding: 0 12px;
  font-size: 12px;
  gap: 6px;
}
.fault-log-redesign .card {
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 14px;
  box-shadow: none;
  margin: 0;
  overflow: hidden;
}
.fault-log-redesign .fl-topbar {
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  min-height: 72px;
  padding: 18px 24px 14px;
  background: #fff;
  border-bottom: 1px solid #E6E8EB;
}
.fault-log-redesign .fl-title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 22px;
  letter-spacing: -0.018em;
  color: #14181C;
  line-height: 1.1;
}
.fault-log-redesign .fl-crumbs {
  font-size: 12px;
  font-weight: 500;
  color: var(--fg-3);
  margin-top: 5px;
}
.fault-log-redesign .fl-crumbs .sep {
  margin: 0 6px;
}
.fault-log-redesign .fl-crumbs .leaf {
  color: var(--fg-2);
  font-weight: 600;
}
.fault-log-redesign .fl-topbar-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
.fault-log-redesign .field-search {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 12px;
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 8px;
}
.fault-log-redesign .field-search svg {
  width: 15px;
  height: 15px;
  color: var(--fg-3);
  flex-shrink: 0;
}
.fault-log-redesign .field-search input,
.fault-log-redesign .field-search .fl-search-input {
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 13px;
  font-family: inherit;
  flex: 1;
  min-width: 0;
  height: 34px;
  box-shadow: none;
  margin: 0;
  color: var(--fg-1);
}
.fault-log-redesign .field-search input::placeholder {
  color: var(--fg-3);
}
.fault-log-redesign .date-pill {
  height: 36px;
  padding: 0 14px;
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 8px;
  font-size: 13px;
  color: var(--fg-1);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-variant-numeric: tabular-nums;
}
.fault-log-redesign .date-pill svg {
  width: 15px;
  height: 15px;
}
.fault-log-redesign .iconbtn {
  width: 30px;
  height: 30px;
  border-radius: 7px;
  border: 1px solid transparent;
  background: transparent;
  color: var(--fg-3);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.fault-log-redesign .iconbtn:hover {
  background: #F1F3F5;
  color: var(--fg-1);
}
.fault-log-redesign .iconbtn.lg {
  width: 36px;
  height: 36px;
  border: 1px solid #E6E8EB;
  background: #fff;
}
.fault-log-redesign .iconbtn.lg svg {
  width: 16px;
  height: 16px;
}
.fault-log-redesign .iconbtn.sm {
  width: 26px;
  height: 26px;
  border: 1px solid #E6E8EB;
  background: #fff;
  border-radius: 6px;
}
.fault-log-redesign .iconbtn.sm svg {
  width: 15px;
  height: 15px;
}
.fault-log-redesign .iconbtn:disabled {
  opacity: 0.4;
  cursor: default;
}
.fault-log-redesign .fl-page {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 22px 26px 24px;
}
.fault-log-redesign .rerun-banner {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  padding: 10px 14px;
  background: #E7EDF6;
  border: 1px solid #CFDBEC;
  border-radius: 11px;
  font-size: 13px;
  color: #0C3F7B;
}
.fault-log-redesign .rerun-banner b {
  font-weight: 600;
}
.fault-log-redesign .rerun-banner svg {
  color: var(--eei-blue);
  flex-shrink: 0;
  animation: fl-cop-spin 1s linear infinite;
}
.fault-log-redesign .rerun-banner button {
  margin-left: auto;
  border: 1px solid #CFDBEC;
  background: #fff;
  color: #0C3F7B;
  font-size: 12px;
  font-weight: 600;
  padding: 5px 11px;
  border-radius: 7px;
  cursor: pointer;
  white-space: nowrap;
}
.fault-log-redesign .rerun-banner button:hover {
  background: #F4F7FB;
}
.fault-log-redesign .console {
  display: flex;
  gap: 16px;
  flex: 1;
  min-height: 0;
}
.fault-log-redesign .console-list {
  display: flex;
  flex-direction: column;
  width: 420px;
  flex-shrink: 0;
}
.fault-log-redesign .console-cost {
  flex-shrink: 0;
  padding: 9px 16px;
  border-bottom: 1px solid #E6E8EB;
  background: var(--mint-50);
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.fault-log-redesign .console-cost-l {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--mint-700);
}
.fault-log-redesign .console-cost-v {
  margin-left: auto;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 18px;
  line-height: 1.1;
  letter-spacing: -0.015em;
  color: var(--mint-800);
  font-variant-numeric: tabular-nums;
}
.fault-log-redesign .console-list-head {
  flex-shrink: 0;
  padding: 14px;
  border-bottom: 1px solid #E6E8EB;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.fault-log-redesign .console-list-head .field-search {
  width: 100%;
}
.fault-log-redesign .console-rows {
  overflow-y: auto;
  flex: 1;
  min-height: 0;
}
.fault-log-redesign .console-empty {
  padding: 40px 20px;
  text-align: center;
  color: var(--fg-3);
  font-size: 13px;
}
.fault-log-redesign .crow {
  display: flex;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid #EEF0F2;
  cursor: pointer;
  border-left: 3px solid transparent;
}
.fault-log-redesign .crow:hover {
  background: #FAFBFC;
}
.fault-log-redesign .crow.sel {
  background: var(--mint-50);
  border-left-color: var(--mint-400);
}
.fault-log-redesign .crow-rank {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 13px;
  color: var(--ink-300);
  width: 18px;
  text-align: right;
  flex-shrink: 0;
  padding-top: 1px;
  font-variant-numeric: tabular-nums;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}
.fault-log-redesign .crow-rank svg {
  width: 14px;
  height: 14px;
}
.fault-log-redesign .crow.sel .crow-rank {
  color: var(--mint-600);
}
.fault-log-redesign .crow-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.fault-log-redesign .crow-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.fault-log-redesign .crow-name {
  font-weight: 600;
  font-size: 13.5px;
  color: var(--fg-1);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fault-log-redesign .crow-sub {
  display: flex;
  align-items: center;
  gap: 10px;
}
.fault-log-redesign .crow-atype {
  font-size: 11px;
  color: var(--fg-3);
}
.fault-log-redesign .crow-figs {
  display: inline-flex;
  gap: 12px;
  font-size: 11.5px;
  color: var(--fg-3);
}
.fault-log-redesign .crow-figs b {
  color: var(--fg-1);
  font-weight: 600;
}
.fault-log-redesign .crow-figs .cost {
  color: var(--mint-700);
  font-weight: 600;
}
.fault-log-redesign .crow.silenced {
  opacity: 0.62;
}
.fault-log-redesign .crow.silenced .crow-rank {
  color: var(--fg-3);
}
.fault-log-redesign .crow.silenced .crow-name {
  text-decoration: line-through;
  text-decoration-color: var(--ink-200);
}
.fault-log-redesign .console-detail {
  flex: 1 1 auto;
  min-width: 0;
  overflow-y: auto;
}
.fault-log-redesign .filterset {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.fault-log-redesign .fdrop {
  position: relative;
}
.fault-log-redesign .fdrop-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 10px;
  border: 1px solid #E6E8EB;
  background: #fff;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 500;
  color: var(--fg-1);
  cursor: pointer;
}
.fault-log-redesign .fdrop-btn svg {
  width: 14px;
  height: 14px;
  color: var(--fg-3);
}
.fault-log-redesign .fdrop-btn:hover {
  background: #FAFBFC;
}
.fault-log-redesign .fdrop-btn.on {
  border-color: var(--mint-400);
  background: var(--mint-50);
}
.fault-log-redesign .fdrop-badge {
  background: #14181C;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  min-width: 16px;
  height: 16px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
}
.fault-log-redesign .fdrop-menu {
  position: absolute;
  top: 38px;
  left: 0;
  z-index: 50;
  min-width: 184px;
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 10px;
  box-shadow: var(--shadow-3);
  padding: 6px;
}
.fault-log-redesign .fdrop-opt {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 7px 8px;
  border: 0;
  background: transparent;
  border-radius: 7px;
  font-size: 13px;
  color: var(--fg-1);
  cursor: pointer;
  text-align: left;
}
.fault-log-redesign .fdrop-opt:hover {
  background: #FAFBFC;
}
.fault-log-redesign .fdrop-opt.on {
  background: var(--mint-50);
}
.fault-log-redesign .fdrop-check {
  width: 16px;
  height: 16px;
  border: 1px solid #C9CDD3;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--mint-700);
  flex-shrink: 0;
}
.fault-log-redesign .fdrop-check svg {
  width: 12px;
  height: 12px;
}
.fault-log-redesign .fdrop-opt.on .fdrop-check {
  border-color: var(--mint-400);
  background: var(--mint-50);
}
.fault-log-redesign .filter-clear {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 32px;
  padding: 0 10px;
  border: 0;
  background: transparent;
  color: var(--fg-2);
  font-size: 12px;
  cursor: pointer;
  border-radius: 8px;
}
.fault-log-redesign .filter-clear svg {
  width: 13px;
  height: 13px;
}
.fault-log-redesign .filter-clear:hover {
  color: var(--fail-strong);
}
.fault-log-redesign .sortgrp {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.fault-log-redesign .sortgrp-l {
  font-size: 11px;
  color: var(--fg-3);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-right: 4px;
}
.fault-log-redesign .sortpill {
  padding: 5px 11px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  color: var(--fg-2);
  background: transparent;
  border: 0;
  cursor: pointer;
}
.fault-log-redesign .sortpill:hover {
  color: var(--fg-1);
}
.fault-log-redesign .sortpill.on {
  background: var(--mint-400);
  color: #14181C;
}
.fault-log-redesign .silence-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 30px;
  padding: 0 11px;
  border-radius: 999px;
  border: 1px dashed #D6DADF;
  background: transparent;
  color: var(--fg-3);
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  align-self: flex-start;
}
.fault-log-redesign .silence-pill svg {
  width: 14px;
  height: 14px;
}
.fault-log-redesign .silence-pill:hover {
  color: var(--fg-1);
  border-color: #C2C7CE;
}
.fault-log-redesign .silence-pill.on {
  background: #14181C;
  color: #fff;
  border-style: solid;
  border-color: #14181C;
}
.fault-log-redesign .detail {
  display: flex;
  flex-direction: column;
}
.fault-log-redesign .silence-banner {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 18px;
  background: #FBEEE9;
  border-bottom: 1px solid #F0D7CC;
  color: #8A4424;
  font-size: 12.5px;
}
.fault-log-redesign .silence-banner svg {
  width: 15px;
  height: 15px;
  color: #B5582F;
  flex-shrink: 0;
}
.fault-log-redesign .silence-banner b {
  font-weight: 600;
}
.fault-log-redesign .silence-banner button {
  margin-left: auto;
  border: 1px solid #E0B49F;
  background: #fff;
  color: #B5582F;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 7px;
  cursor: pointer;
  white-space: nowrap;
}
.fault-log-redesign .detail-head {
  position: sticky;
  top: 0;
  z-index: 3;
  background: #fff;
  padding: 22px 22px 18px;
  border-bottom: 1px solid #EEF0F2;
}
.fault-log-redesign .detail-head-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.fault-log-redesign .detail-tags {
  display: flex;
  align-items: center;
  gap: 12px;
}
.fault-log-redesign .atype {
  font-size: 11px;
  color: var(--fg-3);
  font-weight: 500;
}
.fault-log-redesign .detail-title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 22px;
  letter-spacing: -0.015em;
  color: #14181C;
  line-height: 1.2;
}
.fault-log-redesign .detail-desc {
  font-size: 13px;
  color: var(--fg-2);
  margin-top: 6px;
  line-height: 1.5;
  max-width: 560px;
}
.fault-log-redesign .detail-rule {
  margin-top: 14px;
  padding: 12px 14px;
  background: #FAFBFC;
  border: 1px solid #EEF0F2;
  border-radius: 10px;
}
.fault-log-redesign .rule-label {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--fg-2);
  margin-bottom: 9px;
}
.fault-log-redesign .rule-label svg {
  width: 13px;
  height: 13px;
  color: var(--eei-blue);
}
.fault-log-redesign .exprcode {
  font-family: var(--font-mono);
  font-size: 12px;
  line-height: 1.6;
  color: var(--fg-1);
  background: #F4F6F8;
  border: 1px solid #EEF0F2;
  border-radius: 6px;
  padding: 8px 10px;
  display: block;
  white-space: pre-wrap;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.fault-log-redesign .exprcode-edit {
  width: 100%;
  margin: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  cursor: pointer;
  text-align: left;
  appearance: none;
}
.fault-log-redesign .exprcode-edit > span {
  flex: 1 1 auto;
  min-width: 0;
}
.fault-log-redesign .exprcode-edit:hover {
  border-color: var(--mint-300);
  background: var(--mint-50);
}
.fault-log-redesign .exprcode-edit svg {
  width: 13px;
  height: 13px;
  flex-shrink: 0;
  margin-top: 3px;
  color: var(--mint-700);
}
.fault-log-redesign .rule-variant-badge {
  margin-left: auto;
  padding: 2px 6px;
  border-radius: 999px;
  background: #FFF2D8;
  color: #8A5A00;
  font-size: 9px;
  font-weight: 700;
  text-transform: none;
}
.fault-log-redesign .rule-history-note {
  margin-top: 7px;
  color: var(--fg-3);
  font-size: 10.5px;
}
.fault-log-redesign .rule-history-list {
  max-height: 100px;
  overflow-y: auto;
  margin-top: 6px;
}
.fault-log-redesign .rule-history-list code {
  display: block;
  padding: 5px 7px;
  border-top: 1px solid #E6E8EB;
  color: var(--fg-2);
  font-family: var(--font-mono);
  font-size: 10.5px;
}
.fault-log-redesign .detail-cost-rule {
  margin-top: 8px;
  background: var(--mint-50);
  border-color: #bbe8e0;
}
.fault-log-redesign .detail-cost-rule .rule-label svg {
  color: var(--mint-600);
}
.fault-log-redesign .detail-cta {
  display: flex;
  gap: 10px;
  margin-top: 16px;
  flex-wrap: wrap;
}
.fault-log-redesign .detail-cta .btn svg {
  width: 15px;
  height: 15px;
}
.fault-log-redesign .silence-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 36px;
  padding: 0 14px;
  border-radius: 8px;
  border: 1px solid #DDE1E6;
  background: #fff;
  color: var(--fg-2);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
}
.fault-log-redesign .silence-btn svg {
  width: 15px;
  height: 15px;
}
.fault-log-redesign .silence-btn:hover {
  background: #F4F6F8;
  color: var(--fg-1);
}
.fault-log-redesign .silence-btn.on {
  background: #FBEEE9;
  border-color: #E8B8A6;
  color: #B5582F;
}
.fault-log-redesign .detail-kpis {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-bottom: 1px solid #EEF0F2;
}
.fault-log-redesign .dkpi {
  padding: 14px 18px;
  border-right: 1px solid #EEF0F2;
}
.fault-log-redesign .dkpi:last-child {
  border-right: 0;
}
.fault-log-redesign .dkpi-label {
  font-size: 10.5px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--fg-3);
  font-weight: 600;
  margin-bottom: 5px;
}
.fault-log-redesign .dkpi-value {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 19px;
  color: #14181C;
  font-variant-numeric: tabular-nums;
}
.fault-log-redesign .dkpi-value.dkpi-cost {
  color: var(--mint-700);
}
.fault-log-redesign .detail-sec {
  padding: 18px 22px;
  border-bottom: 1px solid #EEF0F2;
}
.fault-log-redesign .detail-sec:last-child {
  border-bottom: 0;
}
.fault-log-redesign .detail-sec-h {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--fg-2);
  margin-bottom: 14px;
}
.fault-log-redesign .detail-sec-h svg {
  width: 14px;
  height: 14px;
  color: var(--fg-3);
}
.fault-log-redesign .detail-sec-h .count {
  margin-left: 2px;
  background: #F1F3F5;
  color: var(--fg-2);
  font-size: 11px;
  padding: 1px 7px;
  border-radius: 999px;
  letter-spacing: 0;
}
.fault-log-redesign .detail-def-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 14px;
}
.fault-log-redesign .detail-def-body .detail-rule {
  margin-top: 0;
}
.fault-log-redesign .detail-copilot .sec-toggle svg {
  color: var(--mint-600);
}
.fault-log-redesign .dcop-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.fault-log-redesign .dcop-body,
.fault-log-redesign .dcop-skel,
.fault-log-redesign .dcop-empty {
  margin-top: 14px;
}
.fault-log-redesign .dcop-regen {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 30px;
  padding: 0 12px;
  border-radius: 8px;
  border: 1px solid #DDE1E6;
  background: #fff;
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--fg-1);
  cursor: pointer;
}
.fault-log-redesign .dcop-regen:hover {
  border-color: #C7CDD4;
  background: #FAFBFC;
}
.fault-log-redesign .dcop-regen svg {
  width: 13px;
  height: 13px;
  color: var(--fg-3);
}
.fault-log-redesign .dcop-analyzing {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--fg-2);
}
.fault-log-redesign .cop-spin {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid var(--mint-200);
  border-top-color: var(--mint-500);
  animation: fl-cop-spin 720ms linear infinite;
}
.fault-log-redesign .dcop-empty {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px;
  border: 1px dashed #D6DBE0;
  border-radius: 12px;
  background: #FAFBFC;
}
.fault-log-redesign .dcop-empty-ic {
  width: 38px;
  height: 38px;
  flex-shrink: 0;
  border-radius: 10px;
  background: var(--ink-800);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.fault-log-redesign .dcop-empty-ic svg {
  width: 18px;
  height: 18px;
}
.fault-log-redesign .dcop-empty-txt {
  flex: 1;
  min-width: 0;
}
.fault-log-redesign .dcop-empty-t {
  font-size: 14px;
  font-weight: 600;
  color: #14181C;
}
.fault-log-redesign .dcop-empty-s {
  font-size: 12.5px;
  color: var(--fg-3);
  margin-top: 3px;
  line-height: 1.5;
}
.fault-log-redesign .dcop-gen {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 38px;
  padding: 0 16px;
  border-radius: 9px;
  border: 0;
  background: var(--ink-800);
  color: #fff;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
.fault-log-redesign .dcop-gen:hover {
  background: #000;
}
.fault-log-redesign .dcop-gen svg {
  width: 15px;
  height: 15px;
  color: var(--mint-400);
}
.fault-log-redesign .cop-sec-h {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--fg-2);
}
.fault-log-redesign .cop-sec-h svg {
  width: 15px;
  height: 15px;
  color: var(--mint-600);
}
.fault-log-redesign .cop-summary {
  background: #FAFBFC;
  border: 1px solid #EEF0F2;
  border-radius: 12px;
  padding: 15px 16px;
}
.fault-log-redesign .cop-summary p {
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 1.6;
  color: var(--fg-1);
}
.fault-log-redesign .dcop-summary {
  margin-bottom: 20px;
}
.fault-log-redesign .dcop-explain {
  margin-top: 12px;
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--fg-1);
}
.fault-log-redesign .dcop-explain-l {
  display: block;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--mint-700);
  margin-bottom: 4px;
}
.fault-log-redesign .cop-causes-h {
  margin: 22px 0 12px;
}
.fault-log-redesign .cop-causes {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.fault-log-redesign .cop-cause {
  border: 1px solid #E6E8EB;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}
.fault-log-redesign .cop-cause-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  padding: 13px 16px;
  background: #FAFBFC;
  border: 0;
  border-bottom: 1px solid transparent;
  font-family: inherit;
  text-align: left;
  cursor: pointer;
}
.fault-log-redesign .cop-cause-head:hover {
  background: #F4F6F8;
}
.fault-log-redesign .cop-cause.open .cop-cause-head {
  border-bottom-color: #EEF0F2;
}
.fault-log-redesign .cop-cause-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  font-size: 14px;
  color: #14181C;
}
.fault-log-redesign .cop-cause-n {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  border-radius: 7px;
  background: #14181C;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display);
}
.fault-log-redesign .cop-cause-r {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}
.fault-log-redesign .cop-cause-chev {
  color: var(--fg-3);
  display: inline-flex;
  transition: transform 160ms var(--ease-out);
}
.fault-log-redesign .cop-cause-chev svg {
  width: 15px;
  height: 15px;
}
.fault-log-redesign .cop-cause.open .cop-cause-chev {
  transform: rotate(180deg);
}
.fault-log-redesign .conf {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}
.fault-log-redesign .conf-bars {
  display: inline-flex;
  gap: 2px;
  align-items: flex-end;
}
.fault-log-redesign .conf-bar {
  width: 4px;
  border-radius: 1px;
  background: #E6E8EB;
}
.fault-log-redesign .conf-bar:nth-child(1) {
  height: 7px;
}
.fault-log-redesign .conf-bar:nth-child(2) {
  height: 10px;
}
.fault-log-redesign .conf-bar:nth-child(3) {
  height: 13px;
}
.fault-log-redesign .conf-label {
  font-size: 11.5px;
  font-weight: 600;
  color: var(--fg-3);
  text-transform: capitalize;
}
.fault-log-redesign .conf.high .conf-bar {
  background: var(--mint-500);
}
.fault-log-redesign .conf.high .conf-label {
  color: var(--mint-700);
}
.fault-log-redesign .conf.medium .conf-bar:nth-child(-n+2) {
  background: var(--status-warn);
}
.fault-log-redesign .conf.medium .conf-label {
  color: #A6701E;
}
.fault-log-redesign .conf.low .conf-bar:nth-child(1) {
  background: var(--ink-300);
}
.fault-log-redesign .cop-actions {
  padding: 8px 12px 12px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.fault-log-redesign .cop-action {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 11px 12px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #EEF0F2;
}
.fault-log-redesign .cop-action-ic {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  border-radius: 8px;
  background: var(--mint-50);
  color: var(--mint-700);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 1px;
}
.fault-log-redesign .cop-action-ic svg {
  width: 14px;
  height: 14px;
}
.fault-log-redesign .cop-action-txt {
  flex: 1;
  min-width: 0;
}
.fault-log-redesign .cop-action-t {
  font-size: 13.5px;
  font-weight: 600;
  color: var(--fg-1);
  line-height: 1.35;
}
.fault-log-redesign .cop-action-d {
  font-size: 12.5px;
  color: var(--fg-3);
  margin-top: 3px;
  line-height: 1.5;
}
.fault-log-redesign .cop-action-btn {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 12px;
  border-radius: 8px;
  border: 1px solid var(--mint-400);
  background: var(--mint-50);
  color: #0F7F69;
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
  margin-top: 1px;
}
.fault-log-redesign .cop-action-btn svg {
  width: 14px;
  height: 14px;
}
.fault-log-redesign .cop-action-btn:hover {
  background: var(--mint-100);
}
.fault-log-redesign .cop-action-added {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-weight: 600;
  color: var(--mint-700);
  margin-top: 1px;
}
.fault-log-redesign .cop-action-added svg {
  width: 14px;
  height: 14px;
}
.fault-log-redesign .cop-disclaimer {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 20px;
  padding: 10px 12px;
  font-size: 11.5px;
  color: var(--fg-3);
  background: #FAFBFC;
  border-radius: 9px;
}
.fault-log-redesign .cop-disclaimer svg {
  width: 13px;
  height: 13px;
  color: var(--ink-300);
  flex-shrink: 0;
}
.fault-log-redesign .cop-skel {
  padding: 4px 0 0;
}
.fault-log-redesign .cop-skel .sk-card {
  margin-top: 12px;
}
.fault-log-redesign .sk {
  background: linear-gradient(90deg, #eef0f2 25%, #f6f7f9 50%, #eef0f2 75%);
  background-size: 200% 100%;
  animation: fl-sk 1.2s linear infinite;
  border-radius: 7px;
}
.fault-log-redesign .sk-l {
  height: 12px;
  margin-bottom: 9px;
}
.fault-log-redesign .sk-l.short {
  width: 70%;
}
.fault-log-redesign .sk-card {
  height: 96px;
  margin-top: 16px;
  border-radius: 12px;
}
.fault-log-redesign .detail-empty {
  min-height: 480px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 40px;
  color: var(--fg-3);
}
.fault-log-redesign .detail-empty svg {
  width: 26px;
  height: 26px;
  color: var(--ink-200);
  margin-bottom: 14px;
}
.fault-log-redesign .detail-empty-t {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 16px;
  color: var(--fg-2);
}
.fault-log-redesign .detail-empty-s {
  font-size: 13px;
  color: var(--fg-3);
  max-width: 280px;
  margin-top: 6px;
  line-height: 1.5;
}
.fault-log-redesign .emenu {
  position: relative;
  display: inline-flex;
}
.fault-log-redesign .emenu-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 26px;
  padding: 0 6px 0 2px;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  cursor: pointer;
}
.fault-log-redesign .emenu-btn:hover {
  border-color: #E6E8EB;
  background: #fff;
}
.fault-log-redesign .emenu-btn svg {
  width: 12px;
  height: 12px;
  color: var(--fg-3);
}
.fault-log-redesign .detail-tags .emenu-btn {
  border-color: #E2E5E9;
  background: #fff;
  height: 28px;
  padding: 0 7px 0 4px;
}
.fault-log-redesign .detail-tags .emenu-btn:hover {
  border-color: var(--mint-400);
  box-shadow: 0 1px 2px rgba(20, 24, 28, 0.05);
}
.fault-log-redesign .detail-tags .emenu-btn svg {
  transition: color 160ms var(--ease-out);
}
.fault-log-redesign .detail-tags .emenu-btn:hover svg {
  color: var(--mint-600);
}
.fault-log-redesign .emenu-btn:disabled,
.fault-log-redesign .detail-tags .emenu-btn:disabled {
  cursor: default;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
.fault-log-redesign .emenu-btn:disabled > svg:last-child {
  display: none;
}
.fault-log-redesign .emenu-pop {
  position: absolute;
  top: 32px;
  left: 0;
  z-index: 60;
  min-width: 168px;
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 10px;
  box-shadow: var(--shadow-3);
  padding: 5px;
}
.fault-log-redesign .emenu-opt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  padding: 7px 8px;
  border: 0;
  background: transparent;
  border-radius: 7px;
  cursor: pointer;
}
.fault-log-redesign .emenu-opt:hover {
  background: #FAFBFC;
}
.fault-log-redesign .emenu-opt.on {
  background: var(--mint-50);
}
.fault-log-redesign .emenu-opt svg {
  width: 13px;
  height: 13px;
  color: var(--mint-700);
}
.fault-log-redesign .emenu-opt .cat-tag svg {
  color: var(--eei-blue);
}
.fault-log-redesign .agrp-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.fault-log-redesign .agrp {
  border: 1px solid #EEF0F2;
  border-radius: 10px;
  overflow: hidden;
}
.fault-log-redesign .agrp.open {
  border-color: #E6E8EB;
}
.fault-log-redesign .agrp-head {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 11px 14px;
  cursor: pointer;
  background: #fff;
}
.fault-log-redesign .agrp-head:hover {
  background: #FAFBFC;
}
.fault-log-redesign .agrp.open .agrp-head {
  background: #FAFBFC;
  border-bottom: 1px solid #EEF0F2;
}
.fault-log-redesign .agrp-chev {
  flex-shrink: 0;
  color: var(--fg-3);
  transition: transform 160ms var(--ease-out);
  display: inline-flex;
}
.fault-log-redesign .agrp-chev svg {
  width: 14px;
  height: 14px;
}
.fault-log-redesign .agrp.open .agrp-chev {
  transform: rotate(90deg);
  color: var(--mint-700);
}
.fault-log-redesign .agrp-asset {
  flex: 0 0 180px;
  min-width: 0;
  font-family: var(--font-mono);
  font-size: 12.5px;
  font-weight: 500;
  color: var(--fg-1);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fault-log-redesign .agrp-metrics {
  display: flex;
  align-items: center;
  gap: 22px;
  flex-shrink: 0;
}
.fault-log-redesign .agrp-meta {
  min-width: 42px;
  font-size: 12px;
  color: var(--fg-2);
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.fault-log-redesign .agrp-task {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 28px;
  padding: 0 11px;
  border-radius: 7px;
  border: 1px solid var(--mint-400);
  background: var(--mint-50);
  color: #0F7F69;
  font-size: 11.5px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 140ms var(--ease-out);
}
.fault-log-redesign .agrp-task svg {
  width: 13px;
  height: 13px;
}
.fault-log-redesign .agrp-head:hover .agrp-task,
.fault-log-redesign .agrp.open .agrp-task {
  opacity: 1;
}
.fault-log-redesign .agrp-task:hover {
  background: var(--mint-100);
}
.fault-log-redesign .agrp-body {
  padding: 10px 14px 14px;
}
.fault-log-redesign .occ-chart {
  margin: 0;
}
.fault-log-redesign .occ-chart .back-icon {
  display: none;
}
.fault-log-redesign .occ-chart .chart-container {
  border: 1px solid #E1E5E9;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 1px 2px rgba(20, 24, 28, 0.04);
}
.fault-log-redesign .occ-chart .cv2-embed-chart {
  margin: 0;
  border: 0;
  border-top: 1px solid #EEF0F2;
  border-radius: 0;
  box-shadow: none;
}
.fault-log-redesign .fault-chart-compact-head {
  min-height: 68px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 11px 14px;
  background: #fff;
}
.fault-log-redesign .fault-chart-compact-copy {
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.fault-log-redesign .fault-chart-compact-title {
  min-width: 0;
  display: flex;
  align-items: baseline;
  gap: 9px;
  white-space: nowrap;
}
.fault-log-redesign .fault-chart-asset {
  flex-shrink: 0;
  padding: 2px 7px;
  border-radius: 5px;
  background: var(--mint-50);
  border: 1px solid var(--mint-200);
  color: #0F7F69;
  font-family: var(--font-mono);
  font-size: 11.5px;
  font-weight: 700;
}
.fault-log-redesign .fault-chart-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #14181C;
  font-size: 13.5px;
  font-weight: 650;
}
.fault-log-redesign .fault-chart-point {
  flex-shrink: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--fg-3);
  font-family: var(--font-mono);
  font-size: 10.5px;
}
.fault-log-redesign .fault-chart-point::before {
  content: '\00B7';
  margin-right: 9px;
  color: #C2C8CE;
}
.fault-log-redesign .fault-chart-compact-meta {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 7px;
  color: var(--fg-3);
  font-size: 10.5px;
  white-space: nowrap;
}
.fault-log-redesign .fault-chart-occurrence-key {
  width: 16px;
  height: 7px;
  flex-shrink: 0;
  border-radius: 2px;
  background: rgba(222, 65, 80, 0.16);
}
.fault-log-redesign .fault-chart-occurrence-copy {
  flex-shrink: 0;
}
.fault-log-redesign .fault-chart-meta-separator {
  width: 1px;
  height: 12px;
  margin: 0 3px;
  flex-shrink: 0;
  background: #E1E5E9;
}
.fault-log-redesign .fault-chart-rule-label {
  flex-shrink: 0;
  color: var(--fg-2);
  font-weight: 600;
}
.fault-log-redesign .fault-chart-rule {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 2px 7px;
  border-radius: 5px;
  background: #F5F7F8;
  color: #3D464D;
  font-family: var(--font-mono);
  font-size: 10.5px;
}
.fault-log-redesign .fault-chart-compact-actions {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.fault-log-redesign .fault-chart-compact-actions .new-button-style {
  position: static;
  height: 30px;
}
.fault-log-redesign .fault-chart-compact-actions .button-content {
  flex-wrap: nowrap;
}
.fault-log-redesign .fault-chart-compact-actions .button-text {
  margin: 0;
  white-space: nowrap;
}
.fault-log-redesign .fault-chart-date-button {
  width: 240px;
}
.fault-log-redesign .fault-chart-points-button {
  width: 100px;
}
.fault-log-redesign .fault-chart-options-button {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 6px;
  background: #F3F5F8;
  color: var(--fg-2);
  cursor: pointer;
}
.fault-log-redesign .fault-chart-options-button:hover {
  background: #E9ECF2;
}
.fault-log-redesign .fault-chart-options-button .svg-container {
  width: 16px;
  height: 16px;
  display: inline-flex;
}
.fault-log-redesign .fault-chart-options-button svg {
  width: 16px;
  height: 16px;
}
.fault-log-redesign .cv2-mv-range-band.fault-occurrence {
  fill: var(--fail);
  fill-opacity: 0.16;
  stroke: none;
}
.fault-log-redesign .cv2-mv-hc-state {
  display: inline-block;
  margin-left: 10px;
  padding: 2px 7px;
  border-radius: 5px;
  font-size: 10px;
  font-weight: 700;
  vertical-align: 1px;
}
.fault-log-redesign .cv2-mv-hc-state.fault {
  display: block;
  width: max-content;
  margin: 4px 0 0;
  background: var(--fail-bg);
  color: var(--fail-strong);
  vertical-align: 0;
}
@media (max-width: 1180px) {
  .fault-log-redesign .fault-chart-compact-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 9px;
  }
  .fault-log-redesign .fault-chart-compact-actions {
    width: 100%;
  }
  .fault-log-redesign .fault-chart-date-button {
    width: 240px;
  }
}
.fault-log-redesign .when-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}
.fault-log-redesign .sec-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: none;
  border: 0;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--fg-2);
  padding: 0;
  cursor: pointer;
}
.fault-log-redesign .sec-toggle:hover {
  color: var(--fg-1);
}
.fault-log-redesign .sec-toggle svg {
  width: 14px;
  height: 14px;
  color: var(--fg-3);
}
.fault-log-redesign .sec-chev {
  display: inline-flex;
  color: var(--fg-3);
  transition: transform 160ms var(--ease-out);
}
.fault-log-redesign .sec-chev.open {
  transform: rotate(90deg);
}
.fault-log-redesign .sec-chev svg {
  width: 14px;
  height: 14px;
}
.fault-log-redesign .sec-toggle .count {
  margin-left: 2px;
  background: #F1F3F5;
  color: var(--fg-2);
  font-size: 11px;
  font-weight: 600;
  padding: 1px 7px;
  border-radius: 999px;
  letter-spacing: 0;
  text-transform: none;
}
.fault-log-redesign .equip-toggle {
  margin-bottom: 14px;
}
.fault-log-redesign .when-ctrl {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.fault-log-redesign .seg {
  display: inline-flex;
  background: #F4F6F8;
  border: 1px solid #E6E8EB;
  border-radius: 8px;
  padding: 2px;
}
.fault-log-redesign .seg button {
  padding: 4px 10px;
  border: 0;
  background: transparent;
  font-size: 11.5px;
  font-weight: 500;
  color: var(--fg-2);
  border-radius: 6px;
  cursor: pointer;
}
.fault-log-redesign .seg button.on {
  background: #fff;
  color: #14181C;
  box-shadow: var(--shadow-1);
}
.fault-log-redesign .wkpage {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.fault-log-redesign .wklabel {
  font-size: 11.5px;
  color: var(--fg-1);
  font-variant-numeric: tabular-nums;
  min-width: 104px;
  text-align: center;
}
.fault-log-redesign .when-scroll {
  overflow-x: auto;
}
.fault-log-redesign .otl {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.fault-log-redesign .otl-axis {
  display: flex;
  height: 16px;
  margin-bottom: 2px;
}
.fault-log-redesign .otl-axis-label {
  width: 150px;
  flex-shrink: 0;
}
.fault-log-redesign .otl-axis-track {
  flex: 1;
  position: relative;
}
.fault-log-redesign .otl-tick {
  position: absolute;
  top: 0;
  font-size: 10px;
  color: var(--fg-3);
  font-family: var(--font-mono);
}
.fault-log-redesign .otl-row {
  display: flex;
  align-items: center;
  height: 24px;
}
.fault-log-redesign .otl-label {
  width: 150px;
  flex-shrink: 0;
  font-family: var(--font-mono);
  font-size: 11.5px;
  color: var(--fg-2);
  padding-right: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fault-log-redesign .otl-track {
  flex: 1;
  position: relative;
  height: 100%;
  border-left: 1px solid #EEF0F2;
}
.fault-log-redesign .otl-grid {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #F2F4F6;
}
.fault-log-redesign .otl-bar {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 12px;
  min-width: 2px;
  border-radius: 3px;
  background: var(--mint-400);
}
.fault-log-redesign .fl-chart-view {
  padding: 18px 26px 40px;
}
.fault-log-redesign .faultlog-inactive {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 70vh;
}
.fault-log-redesign .faultlog-inactive .illustration-and-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  text-align: center;
}
.fault-log-redesign .faultlog-inactive .support-text {
  font-size: 14px;
  color: var(--fg-3);
  line-height: 1.6;
}
@keyframes fl-cop-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes fl-sk {
  from {
    background-position: 200% 0;
  }
  to {
    background-position: -200% 0;
  }
}
.fl-task-modal.side-modal-container .btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 16px;
  border-radius: 8px;
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: 13px;
  border: 1px solid transparent;
  cursor: pointer;
  line-height: 1;
  white-space: nowrap;
}
.fl-task-modal.side-modal-container .btn svg {
  width: 15px;
  height: 15px;
}
.fl-task-modal.side-modal-container .btn-mint {
  background: var(--mint-400);
  color: #14181C;
  font-weight: 600;
}
.fl-task-modal.side-modal-container .btn-mint:hover {
  background: var(--mint-500);
}
.fl-task-modal.side-modal-container .btn-ink {
  background: #14181C;
  color: #fff;
}
.fl-task-modal.side-modal-container .btn-ink:hover {
  background: #000;
}
.fl-task-modal.side-modal-container .btn-ghost {
  background: #fff;
  color: #14181C;
  border-color: #DDE1E6;
}
.fl-task-modal.side-modal-container .btn-ghost:hover {
  background: #F4F6F8;
}
.fl-task-modal.side-modal-container .btn-sm {
  height: 32px;
  padding: 0 12px;
  font-size: 12px;
  gap: 6px;
}
.fl-task-modal.side-modal-container .pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--fg-2);
}
.fl-task-modal.side-modal-container .pill .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--ink-300);
  flex-shrink: 0;
}
.fl-task-modal.side-modal-container .pill.high .dot {
  background: var(--fail);
}
.fl-task-modal.side-modal-container .pill.medium .dot {
  background: var(--status-warn);
}
.fl-task-modal.side-modal-container .pill.low .dot {
  background: var(--pass-strong);
}
.fl-task-modal.side-modal-container .cat-tag {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--eei-blue);
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}
.fl-task-modal.side-modal-container .cat-tag svg {
  width: 13px;
  height: 13px;
}
.fl-task-modal.side-modal-container .modal-background {
  background: rgba(16, 18, 22, 0.5);
  text-align: center;
}
.fl-task-modal.side-modal-container.slide-animate .modal-background {
  animation: none;
  background: rgba(16, 18, 22, 0.5);
}
.fl-task-modal.side-modal-container.slide-animate .modal-background .modal {
  animation: none;
  transform: none;
}
.fl-task-modal.side-modal-container .modal {
  display: inline-flex;
  flex-direction: column;
  vertical-align: middle;
  text-align: left;
  width: 540px;
  max-width: 92vw;
  height: auto;
  max-height: 90vh;
  border-radius: 16px;
  padding: 0;
  overflow: visible;
  box-shadow: var(--shadow-4);
  font-family: var(--font-sans);
  color: var(--fg-1);
}
.fl-task-modal.side-modal-container svg {
  display: block;
}
.fl-task-modal.side-modal-container .modal .header {
  position: static;
  top: auto;
  left: auto;
  right: auto;
  width: auto;
  height: auto;
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 18px 20px;
  background: #fff;
  box-shadow: none;
  border-radius: 16px 16px 0 0;
  border-bottom: 1px solid #E6E8EB;
}
.fl-task-modal.side-modal-container .task-title-h {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 19px;
  color: #14181C;
  letter-spacing: -0.01em;
}
.fl-task-modal.side-modal-container .task-sub {
  font-size: 12.5px;
  color: var(--fg-3);
  margin-top: 2px;
}
.fl-task-modal.side-modal-container .modal .header .close-button {
  position: static;
  top: auto;
  right: auto;
  width: 32px;
  height: 32px;
  border: 1px solid #E6E8EB;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  cursor: pointer;
}
.fl-task-modal.side-modal-container .modal .header .close-button:hover {
  background: #F4F6F8;
}
.fl-task-modal.side-modal-container .modal .header .close-button p {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
}
.fl-task-modal.side-modal-container .modal .header .close-button p svg {
  position: static;
  top: auto;
  left: auto;
  width: 18px;
  height: 18px;
  color: var(--fg-3);
}
.fl-task-modal.side-modal-container .modal .content {
  position: static;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  width: auto;
  height: auto;
  flex: 1 1 auto;
  min-height: 0;
  overflow: visible;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 15px;
  padding: 18px 20px;
}
.fl-task-modal.side-modal-container .task-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  align-self: flex-start;
  margin: 0;
  padding: 6px 11px;
  background: var(--mint-50);
  border: 1px solid var(--mint-100);
  border-radius: 999px;
  font-size: 12.5px;
}
.fl-task-modal.side-modal-container .task-link svg {
  width: 13px;
  height: 13px;
  color: var(--mint-700);
}
.fl-task-modal.side-modal-container .task-link-asset {
  font-family: var(--font-mono);
  font-weight: 600;
  color: var(--fg-1);
}
.fl-task-modal.side-modal-container .task-link-sep {
  color: var(--fg-3);
}
.fl-task-modal.side-modal-container .task-link-fault {
  color: var(--fg-2);
}
.fl-task-modal.side-modal-container .task-field {
  display: flex;
  flex-direction: column;
  gap: 7px;
  flex: 1;
  min-width: 0;
}
.fl-task-modal.side-modal-container .task-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--fg-3);
}
.fl-task-modal.side-modal-container .task-row {
  display: flex;
  gap: 14px;
}
.fl-task-modal.side-modal-container .task-input {
  width: 100%;
  font: inherit;
  font-size: 14px;
  color: var(--fg-1);
  border: 1px solid #DDE1E6;
  border-radius: 9px;
  padding: 10px 12px;
  height: auto;
  outline: none;
  background: #fff;
  box-shadow: none;
  margin: 0;
}
.fl-task-modal.side-modal-container .task-input:focus {
  border-color: var(--mint-400);
  box-shadow: 0 0 0 3px var(--mint-50);
}
.fl-task-modal.side-modal-container .task-textarea {
  width: 100%;
  font: inherit;
  font-size: 13px;
  line-height: 1.5;
  color: var(--fg-1);
  border: 1px solid #DDE1E6;
  border-radius: 9px;
  padding: 10px 12px;
  outline: none;
  background: #fff;
  resize: vertical;
  margin: 0;
}
.fl-task-modal.side-modal-container .task-textarea:focus {
  border-color: var(--mint-400);
  box-shadow: 0 0 0 3px var(--mint-50);
}
.fl-task-modal.side-modal-container .task-seg {
  display: inline-flex;
  align-self: flex-start;
  background: #F4F6F8;
  border: 1px solid #E6E8EB;
  border-radius: 9px;
  padding: 3px;
}
.fl-task-modal.side-modal-container .task-seg-opt {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border: 0;
  background: transparent;
  border-radius: 7px;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--fg-2);
  cursor: pointer;
}
.fl-task-modal.side-modal-container .task-seg-opt .pill {
  gap: 0;
}
.fl-task-modal.side-modal-container .task-seg-opt.on {
  background: #fff;
  color: #14181C;
  box-shadow: var(--shadow-1);
  font-weight: 600;
}
.fl-task-modal.side-modal-container .task-due {
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
}
.fl-task-modal.side-modal-container .task-due-opt {
  height: 34px;
  padding: 0 13px;
  border-radius: 8px;
  border: 1px solid #DDE1E6;
  background: #fff;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--fg-2);
  cursor: pointer;
}
.fl-task-modal.side-modal-container .task-due-opt:hover {
  background: #F4F6F8;
}
.fl-task-modal.side-modal-container .task-due-opt.on {
  background: #14181C;
  border-color: #14181C;
  color: #fff;
}
.fl-task-modal.side-modal-container .input-field {
  display: block;
  width: 100%;
}
.fl-task-modal.side-modal-container .input-field .selectize-input {
  border: 1px solid #DDE1E6;
  border-radius: 9px;
  font-family: var(--font-sans);
  color: var(--fg-1);
  min-height: 41px;
}
.fl-task-modal.side-modal-container .input-field .selectize-input input {
  border: 0;
  box-shadow: none;
  padding: 0;
}
.fl-task-modal.side-modal-container .input-field .selectize-input.dropdown-active,
.fl-task-modal.side-modal-container .input-field .selectize-input.focus {
  border-color: var(--mint-400);
  box-shadow: 0 0 0 3px var(--mint-50);
}
.fl-task-modal.side-modal-container .error {
  font-size: 11.5px;
  color: var(--fail-strong);
}
.fl-task-modal.side-modal-container .modal .footer {
  position: static;
  width: auto;
  height: auto;
  left: auto;
  bottom: auto;
  flex-shrink: 0;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 14px 20px;
  background: #FAFBFC;
  box-shadow: none;
  border-radius: 0 0 16px 16px;
  border-top: 1px solid #E6E8EB;
}
.fl-task-modal.side-modal-container .task-foot .btn svg {
  width: 15px;
  height: 15px;
}
.fl-report-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(16, 18, 22, 0.52);
  font-family: var(--font-sans);
  color: var(--fg-1);
}
.fl-report-backdrop .btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 16px;
  border-radius: 8px;
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: 13px;
  border: 1px solid transparent;
  cursor: pointer;
  line-height: 1;
  white-space: nowrap;
}
.fl-report-backdrop .btn svg {
  width: 15px;
  height: 15px;
}
.fl-report-backdrop .btn-mint {
  background: var(--mint-400);
  color: #14181C;
  font-weight: 600;
}
.fl-report-backdrop .btn-mint:hover {
  background: var(--mint-500);
}
.fl-report-backdrop .btn-ink {
  background: #14181C;
  color: #fff;
}
.fl-report-backdrop .btn-ink:hover {
  background: #000;
}
.fl-report-backdrop .btn-ghost {
  background: #fff;
  color: #14181C;
  border-color: #DDE1E6;
}
.fl-report-backdrop .btn-ghost:hover {
  background: #F4F6F8;
}
.fl-report-backdrop .btn-sm {
  height: 32px;
  padding: 0 12px;
  font-size: 12px;
  gap: 6px;
}
.fl-report-backdrop * {
  box-sizing: border-box;
}
.fl-report-backdrop .fl-report-modal {
  width: 590px;
  max-width: 100%;
  max-height: 88vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 16px;
  box-shadow: var(--shadow-4);
}
.fl-report-backdrop .fl-report-head {
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding: 19px 20px 17px;
  border-bottom: 1px solid #E6E8EB;
}
.fl-report-backdrop .fl-report-eyebrow {
  margin-bottom: 4px;
  color: var(--mint-700);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.fl-report-backdrop .fl-report-head h2 {
  margin: 0;
  color: #14181C;
  font-family: var(--font-display);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.015em;
}
.fl-report-backdrop .fl-report-head p {
  margin: 4px 0 0;
  color: var(--fg-3);
  font-size: 12.5px;
  line-height: 1.45;
}
.fl-report-backdrop .fl-report-close {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #E1E5E9;
  border-radius: 8px;
  background: #fff;
  color: var(--fg-3);
  cursor: pointer;
}
.fl-report-backdrop .fl-report-close:hover {
  background: #F4F6F8;
  color: var(--fg-1);
}
.fl-report-backdrop .fl-report-close svg {
  width: 16px;
  height: 16px;
}
.fl-report-backdrop .fl-report-body {
  min-height: 0;
  overflow-y: auto;
  padding: 18px 20px 20px;
}
.fl-report-backdrop .fl-report-fault-chip {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  margin-bottom: 16px;
  border: 1px solid #E5E9EC;
  border-radius: 10px;
  background: #FAFBFC;
}
.fl-report-backdrop .fl-report-fault-icon {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #FBEEE9;
  color: var(--fail-strong);
}
.fl-report-backdrop .fl-report-fault-icon svg {
  width: 15px;
  height: 15px;
}
.fl-report-backdrop .fl-report-fault-chip div {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.fl-report-backdrop .fl-report-fault-chip span {
  color: var(--fg-3);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.fl-report-backdrop .fl-report-fault-chip b {
  overflow: hidden;
  color: var(--fg-1);
  font-size: 12.5px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fl-report-backdrop .fl-report-mode {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3px;
  padding: 3px;
  margin-bottom: 16px;
  border: 1px solid #E1E5E9;
  border-radius: 9px;
  background: #F4F6F8;
}
.fl-report-backdrop .fl-report-mode button {
  height: 32px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--fg-2);
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
}
.fl-report-backdrop .fl-report-mode button.on {
  background: #fff;
  color: #14181C;
  box-shadow: var(--shadow-1);
}
.fl-report-backdrop .fl-report-list-label {
  margin: 0 0 7px 2px;
  color: var(--fg-3);
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.fl-report-backdrop .fl-report-list {
  max-height: 250px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  overflow-y: auto;
  padding-right: 3px;
}
.fl-report-backdrop .fl-report-row {
  width: 100%;
  min-height: 50px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 11px;
  border: 1px solid #E1E5E9;
  border-radius: 9px;
  background: #fff;
  color: var(--fg-1);
  font-family: inherit;
  cursor: pointer;
  text-align: left;
}
.fl-report-backdrop .fl-report-row:hover {
  border-color: var(--mint-300);
  background: #FBFEFD;
}
.fl-report-backdrop .fl-report-row.on {
  border-color: var(--mint-400);
  background: var(--mint-50);
  box-shadow: inset 0 0 0 1px var(--mint-200);
}
.fl-report-backdrop .fl-report-radio {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #C7CDD2;
  border-radius: 50%;
  background: #fff;
}
.fl-report-backdrop .fl-report-row.on .fl-report-radio {
  border-color: var(--mint-600);
}
.fl-report-backdrop .fl-report-row.on .fl-report-radio i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--mint-600);
}
.fl-report-backdrop .fl-report-row-copy {
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.fl-report-backdrop .fl-report-row-copy b {
  overflow: hidden;
  font-size: 12.5px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fl-report-backdrop .fl-report-row-copy small {
  color: var(--fg-3);
  font-size: 10.5px;
}
.fl-report-backdrop .fl-report-row > svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  color: var(--mint-700);
}
.fl-report-backdrop .fl-report-loading,
.fl-report-backdrop .fl-report-empty {
  min-height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--fg-3);
  font-size: 12.5px;
}
.fl-report-backdrop .fl-report-loading {
  gap: 8px;
}
.fl-report-backdrop .fl-report-loading span,
.fl-report-backdrop .fl-report-spinner {
  width: 14px;
  height: 14px;
  display: inline-block;
  flex-shrink: 0;
  border: 2px solid #D6DBDF;
  border-top-color: var(--mint-700);
  border-radius: 50%;
  animation: fl-report-spin 0.7s linear infinite;
}
.fl-report-backdrop .fl-report-empty {
  flex-direction: column;
  gap: 4px;
  border: 1px dashed #D9DEE2;
  border-radius: 10px;
  background: #FAFBFC;
}
.fl-report-backdrop .fl-report-empty b {
  color: var(--fg-1);
  font-size: 13px;
}
.fl-report-backdrop .fl-report-empty button {
  margin-top: 7px;
  border: 0;
  background: transparent;
  color: #0F7F69;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.fl-report-backdrop .fl-report-fields {
  display: flex;
  flex-direction: column;
  gap: 13px;
}
.fl-report-backdrop .fl-report-fields label {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.fl-report-backdrop .fl-report-fields label > span {
  color: var(--fg-2);
  font-size: 11.5px;
  font-weight: 600;
}
.fl-report-backdrop .fl-report-fields input {
  width: 100%;
  height: 38px;
  margin: 0;
  padding: 0 11px;
  border: 1px solid #DDE1E6;
  border-radius: 8px;
  outline: 0;
  box-shadow: none;
  color: var(--fg-1);
  font-family: inherit;
  font-size: 13px;
}
.fl-report-backdrop .fl-report-fields input:focus {
  border-color: var(--mint-500);
  box-shadow: 0 0 0 3px var(--mint-50);
}
.fl-report-backdrop .fl-report-fields p {
  margin: 0;
  color: var(--fg-3);
  font-size: 11px;
  line-height: 1.5;
}
.fl-report-backdrop .fl-report-error {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  margin-top: 13px;
  padding: 9px 10px;
  border-radius: 8px;
  background: #FBEEE9;
  color: #9D432C;
  font-size: 11.5px;
  line-height: 1.45;
}
.fl-report-backdrop .fl-report-error svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  margin-top: 1px;
}
.fl-report-backdrop .fl-report-success {
  padding: 34px 28px 30px;
  text-align: center;
}
.fl-report-backdrop .fl-report-success-icon {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  border-radius: 50%;
  background: var(--mint-50);
  color: var(--mint-700);
}
.fl-report-backdrop .fl-report-success-icon svg {
  width: 22px;
  height: 22px;
}
.fl-report-backdrop .fl-report-success h3 {
  margin: 0 0 7px;
  color: #14181C;
  font-family: var(--font-display);
  font-size: 18px;
}
.fl-report-backdrop .fl-report-success > p {
  margin: 0 auto;
  max-width: 430px;
  color: var(--fg-2);
  font-size: 12.5px;
  line-height: 1.55;
}
.fl-report-backdrop .fl-report-filter-summary {
  max-width: 440px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 18px auto 0;
  padding: 10px 11px;
  border: 1px solid #E1E5E9;
  border-radius: 9px;
  background: #FAFBFC;
  color: var(--fg-3);
  font-size: 11.5px;
  line-height: 1.45;
  text-align: left;
}
.fl-report-backdrop .fl-report-filter-summary svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  color: var(--eei-blue);
}
.fl-report-backdrop .fl-report-foot {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
  padding: 13px 20px;
  border-top: 1px solid #E6E8EB;
  background: #FAFBFC;
}
.fl-report-backdrop .fl-report-foot .btn:disabled {
  cursor: not-allowed;
  opacity: .48;
}
@keyframes fl-report-spin {
  to {
    transform: rotate(360deg);
  }
}
.fault-rule-modal {
  z-index: 1300;
  font-family: var(--font-sans);
  color: var(--fg-1);
}
.fault-rule-modal * {
  box-sizing: border-box;
}
.fault-rule-modal .modal-background {
  padding: 16px;
}
.fault-rule-modal .modal.fullscreen {
  width: calc(68vw);
  height: calc(68vh);
  max-width: 1680px;
  max-height: 1040px;
  padding: 0;
  overflow: hidden;
  border: 1px solid #E1E5E9;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 18px 60px rgba(20, 24, 28, 0.22);
}
.fault-rule-modal .fault-rule-shell {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.fault-rule-modal .fault-rule-head {
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 14px 20px;
  border-bottom: 1px solid #E6E8EB;
}
.fault-rule-modal .fault-rule-title {
  font-family: var(--font-display);
  font-size: 19px;
  font-weight: 700;
}
.fault-rule-modal .fault-rule-kicker {
  margin-top: 3px;
  color: var(--fg-3);
  font-size: 11.5px;
}
.fault-rule-modal .fault-rule-head-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}
.fault-rule-modal .fault-rule-selection-pill {
  display: flex;
  align-items: center;
  gap: 5px;
  height: 34px;
  padding: 0 11px;
  border: 1px solid #CDEDE5;
  border-radius: 999px;
  background: var(--mint-50);
  color: var(--mint-700);
  font-size: 11px;
}
.fault-rule-modal .fault-rule-selection-pill svg {
  width: 14px;
  height: 14px;
}
.fault-rule-modal .fault-rule-selection-pill strong {
  font-size: 12px;
}
.fault-rule-modal .fault-rule-body {
  min-height: 0;
  flex: 1;
  display: grid;
  grid-template-columns: 340px minmax(0, 1fr);
}
.fault-rule-modal .fault-rule-targets {
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 16px;
  border-right: 1px solid #DDE1E6;
  background: #F7F9FA;
}
.fault-rule-modal .fault-rule-section-title {
  color: var(--fg-2);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.fault-rule-modal .fault-rule-target-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.fault-rule-modal .fault-rule-target-title > span {
  padding: 2px 7px;
  border-radius: 999px;
  background: #E9EDF1;
  color: var(--fg-2);
  font-size: 9.5px;
  font-weight: 600;
}
.fault-rule-modal .fault-rule-target-help {
  margin: 5px 0 0;
  color: var(--fg-3);
  font-size: 10.5px;
  line-height: 1.4;
}
.fault-rule-modal .fault-rule-scope {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3px;
  margin: 12px 0 9px;
  padding: 3px;
  border: 1px solid #DDE1E6;
  border-radius: 8px;
  background: #ECEFF2;
}
.fault-rule-modal .fault-rule-scope button {
  min-height: 31px;
  padding: 4px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--fg-2);
  font: 600 10.5px var(--font-sans);
  cursor: pointer;
}
.fault-rule-modal .fault-rule-scope button.on {
  background: #fff;
  color: var(--mint-700);
  box-shadow: var(--shadow-1);
}
.fault-rule-modal .fault-rule-selection-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}
.fault-rule-modal .fault-rule-selection-toolbar > span {
  color: var(--fg-2);
  font-size: 10.5px;
}
.fault-rule-modal .fault-rule-selection-toolbar > span strong {
  color: var(--fg-1);
  font-size: 12px;
}
.fault-rule-modal .fault-rule-selection-toolbar > div {
  display: flex;
  gap: 4px;
}
.fault-rule-modal .fault-rule-selection-toolbar button {
  padding: 3px 6px;
  border: 0;
  background: transparent;
  color: var(--eei-blue);
  font: 600 10px var(--font-sans);
  cursor: pointer;
}
.fault-rule-modal .fault-rule-selection-toolbar button:hover {
  text-decoration: underline;
}
.fault-rule-modal input.fault-rule-search {
  width: 100%;
  height: 35px;
  margin: 0 0 9px;
  padding: 0 9px;
  border: 1px solid #DDE1E6;
  border-radius: 7px;
  box-shadow: none;
  font-size: 12px;
}
.fault-rule-modal .fault-rule-asset-list {
  min-height: 0;
  flex: 1;
  overflow-y: auto;
  border: 1px solid #DDE1E6;
  border-radius: 8px;
  background: #fff;
}
.fault-rule-modal .fault-rule-asset {
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 7px 10px;
  margin: 0;
  border-bottom: 1px solid #EEF0F2;
  border-left: 3px solid transparent;
  cursor: pointer;
  transition: background 0.12s ease, border-color 0.12s ease;
}
.fault-rule-modal .fault-rule-asset:last-child {
  border-bottom: 0;
}
.fault-rule-modal .fault-rule-asset:hover {
  background: #F7FAFC;
}
.fault-rule-modal .fault-rule-asset.selected {
  border-left-color: var(--mint-500);
  background: var(--mint-50);
}
.fault-rule-modal .fault-rule-native-check {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.fault-rule-modal .fault-rule-check {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #BFC6CE;
  border-radius: 5px;
  background: #fff;
  color: #fff;
}
.fault-rule-modal .fault-rule-asset.selected .fault-rule-check {
  border-color: var(--mint-600);
  background: var(--mint-600);
}
.fault-rule-modal .fault-rule-check svg {
  width: 12px;
  height: 12px;
  stroke-width: 3;
}
.fault-rule-modal .fault-rule-asset-name {
  min-width: 0;
  flex: 1;
  overflow: hidden;
  color: var(--fg-1);
  font-size: 11.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fault-rule-modal .fault-rule-asset.selected .fault-rule-asset-name {
  font-weight: 600;
}
.fault-rule-modal .fault-rule-asset small {
  padding: 2px 5px;
  border-radius: 999px;
  background: #E7F6F2;
  color: var(--mint-700);
  font-size: 8.5px;
  font-weight: 600;
}
.fault-rule-modal .fault-rule-empty {
  padding: 20px 10px;
  color: var(--fg-3);
  font-size: 11px;
  text-align: center;
}
.fault-rule-modal .fault-rule-target-count {
  padding-top: 9px;
  color: var(--fg-3);
  font-size: 10.5px;
  text-align: center;
}
.fault-rule-modal .fault-rule-target-count strong {
  color: var(--fg-1);
}
.fault-rule-modal .fault-rule-workspace {
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  padding: 14px 16px 22px;
  background: #fff;
}
.fault-rule-modal .fault-rule-history-banner {
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 14px;
  padding: 10px 12px;
  border: 1px solid #DFE6EC;
  border-radius: 8px;
  background: #F7FAFC;
  text-align: left;
}
.fault-rule-modal .fault-rule-history-banner strong {
  color: var(--fg-2);
  font-size: 10px;
  text-transform: uppercase;
}
.fault-rule-modal .fault-rule-history-banner code {
  width: 100%;
  overflow: hidden;
  color: var(--fg-1);
  font: 11px/1.45 var(--font-mono);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fault-rule-modal .fault-rule-history-banner span {
  color: var(--fg-3);
  font-size: 10px;
}
.fault-rule-modal .fault-rule-mode-switch {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}
.fault-rule-modal .fault-rule-mode-switch > button {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid #DDE1E6;
  border-radius: 9px;
  background: #fff;
  color: var(--fg-2);
  cursor: pointer;
  text-align: left;
}
.fault-rule-modal .fault-rule-mode-switch > button:hover {
  border-color: #BFC8D0;
  background: #FAFBFC;
}
.fault-rule-modal .fault-rule-mode-switch > button.on {
  border-color: var(--mint-500);
  background: var(--mint-50);
  color: var(--mint-700);
  box-shadow: inset 0 0 0 1px var(--mint-300);
}
.fault-rule-modal .fault-rule-mode-switch svg {
  flex: 0 0 auto;
}
.fault-rule-modal .fault-rule-mode-switch span {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.fault-rule-modal .fault-rule-mode-switch strong {
  color: var(--fg-1);
  font-size: 11.5px;
}
.fault-rule-modal .fault-rule-mode-switch small {
  overflow: hidden;
  color: var(--fg-3);
  font-size: 9.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fault-rule-modal .fault-rule-source-picker {
  max-width: 900px;
  padding: 18px;
  border: 1px solid #E1E5E9;
  border-radius: 10px;
}
.fault-rule-modal .fault-rule-source-picker h3 {
  margin: 0 0 5px;
  font-size: 15px;
}
.fault-rule-modal .fault-rule-source-picker p,
.fault-rule-modal .fault-rule-constants > p {
  margin: 0 0 12px;
  color: var(--fg-3);
  font-size: 11.5px;
}
.fault-rule-modal .fault-rule-source {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 7px;
  padding: 10px;
  border: 1px solid #DDE1E6;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  text-align: left;
}
.fault-rule-modal .fault-rule-source:hover {
  border-color: var(--mint-400);
  background: var(--mint-50);
}
.fault-rule-modal .fault-rule-source code {
  min-width: 0;
  overflow: hidden;
  font: 11px var(--font-mono);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fault-rule-modal .fault-rule-source span {
  flex-shrink: 0;
  color: var(--fg-3);
  font-size: 10px;
}
.fault-rule-modal .fault-rule-context-note {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  margin-bottom: 10px;
  padding: 9px 11px;
  border: 1px solid #DDE7EE;
  border-radius: 8px;
  background: #F6F9FB;
}
.fault-rule-modal .fault-rule-context-note > svg {
  flex: 0 0 auto;
  margin-top: 1px;
  color: var(--eei-blue);
}
.fault-rule-modal .fault-rule-context-note > div {
  min-width: 0;
  display: flex;
  align-items: baseline;
  gap: 7px;
}
.fault-rule-modal .fault-rule-context-note strong {
  flex: 0 0 auto;
  color: var(--fg-1);
  font-size: 10.5px;
}
.fault-rule-modal .fault-rule-context-note span {
  color: var(--fg-3);
  font-size: 10.5px;
  line-height: 1.4;
}
.fault-rule-modal .fault-rule-editor {
  min-height: 420px;
  flex: 1 1 520px;
  display: flex;
  border: 1px solid #DDE1E6;
  border-radius: 10px;
  overflow: hidden;
}
.fault-rule-modal .fault-rule-editor > .eb-builder {
  width: 100%;
  height: 100%;
  min-height: 0;
}
.fault-rule-modal .fault-rule-editor .eb-body,
.fault-rule-modal .fault-rule-editor .eb-picker-col,
.fault-rule-modal .fault-rule-editor .eb-pkr-body {
  min-height: 0;
}
.fault-rule-modal .fault-rule-editor .eb-canvas {
  padding: 18px 20px;
  gap: 12px;
}
.fault-rule-modal .fault-rule-editor .eb-canvas > .eb-canvas-label:first-child {
  align-items: flex-start;
  flex-direction: column;
  gap: 3px;
  text-align: left;
}
.fault-rule-modal .fault-rule-editor .eb-canvas > .eb-canvas-label:first-child .ctx {
  padding: 0;
  background: transparent;
  color: var(--fg-3);
  font: 10px/1.4 var(--font-sans);
  text-transform: none;
}
.fault-rule-modal .fault-rule-editor .eb-canvas > .eb-canvas-label:first-child .ctx b {
  color: var(--fg-1);
  font-weight: 600;
}
.fault-rule-modal .fault-rule-analyzing {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 9px 2px;
  color: var(--fg-3);
  font-size: 11px;
}
.fault-rule-modal .fault-rule-constants-intro {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 13px 14px;
  border: 1px solid #D7E9E4;
  border-radius: 9px;
  background: var(--mint-50);
}
.fault-rule-modal .fault-rule-constants-intro > svg {
  flex: 0 0 auto;
  margin-top: 1px;
  color: var(--mint-700);
}
.fault-rule-modal .fault-rule-constants-intro > div {
  min-width: 0;
  flex: 1;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 3px;
  text-align: left;
}
.fault-rule-modal .fault-rule-constants-intro strong {
  color: var(--fg-1);
  font-size: 12px;
}
.fault-rule-modal .fault-rule-constants-intro span {
  color: var(--fg-2);
  font-size: 10.5px;
  line-height: 1.45;
}
.fault-rule-modal .fault-rule-constants {
  margin-top: 16px;
  text-align: left;
}
.fault-rule-modal .fault-rule-constants-heading {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 3px;
}
.fault-rule-modal .fault-rule-constants-heading strong {
  color: var(--fg-1);
  font-size: 12px;
}
.fault-rule-modal .fault-rule-constants-heading span {
  color: var(--fg-3);
  font-size: 10.5px;
  line-height: 1.45;
}
.fault-rule-modal .fault-rule-constant-group {
  margin-top: 8px;
  border: 1px solid #E1E5E9;
  border-radius: 9px;
  overflow: hidden;
}
.fault-rule-modal .constant-group-head {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  padding: 11px 13px;
  border: 0;
  background: #FAFBFC;
  cursor: pointer;
  text-align: left;
}
.fault-rule-modal .constant-group-head > svg {
  color: var(--fg-3);
}
.fault-rule-modal .constant-group-name {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 2px;
}
.fault-rule-modal .constant-group-name small {
  color: var(--fg-3);
  font-size: 8.5px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.fault-rule-modal .constant-group-name code {
  max-width: 100%;
  overflow: hidden;
  color: var(--fg-1);
  font: 11.5px var(--font-mono);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fault-rule-modal .constant-group-count {
  color: var(--fg-3);
  font-size: 10px;
}
.fault-rule-modal .constant-bulk {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 10px 13px;
  border-top: 1px solid #EEF0F2;
  background: #fff;
}
.fault-rule-modal .constant-bulk-copy {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 2px;
}
.fault-rule-modal .constant-bulk-copy strong {
  color: var(--fg-1);
  font-size: 10.5px;
}
.fault-rule-modal .constant-bulk-copy small {
  color: var(--fg-3);
  font-size: 9.5px;
}
.fault-rule-modal .constant-bulk-controls {
  display: flex;
  align-items: center;
  gap: 7px;
}
.fault-rule-modal .constant-bulk input,
.fault-rule-modal .constant-instance input {
  height: 32px;
  margin: 0;
  padding: 0 8px;
  border: 1px solid #DDE1E6;
  border-radius: 6px;
  box-shadow: none;
}
.fault-rule-modal .constant-bulk input {
  width: 130px;
}
.fault-rule-modal .constant-instance-list {
  border-top: 1px solid #EEF0F2;
}
.fault-rule-modal .constant-instance-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 130px;
  gap: 18px;
  padding: 7px 13px;
  border-bottom: 1px solid #EEF0F2;
  background: #F7F9FA;
  color: var(--fg-3);
  font-size: 8.5px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.fault-rule-modal .constant-instance {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 130px;
  align-items: center;
  gap: 18px;
  margin: 0;
  padding: 9px 13px;
  border-bottom: 1px solid #EEF0F2;
  text-align: left;
}
.fault-rule-modal .constant-instance:last-child {
  border-bottom: 0;
}
.fault-rule-modal .constant-instance > span {
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.fault-rule-modal .constant-instance strong {
  overflow: hidden;
  font-size: 11.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fault-rule-modal .constant-instance small {
  color: var(--fg-3);
  font-size: 9.5px;
}
.fault-rule-modal .constant-instance input {
  width: 130px;
}
.fault-rule-modal .fault-rule-no-constants {
  margin-top: 14px;
  padding: 28px 16px;
  border: 1px dashed #D5DAE0;
  border-radius: 9px;
  background: #FAFBFC;
  color: var(--fg-3);
  font-size: 11.5px;
  text-align: center;
}
.fault-rule-modal .fault-rule-review {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 18px;
  margin-top: 16px;
  padding: 10px 12px;
  border-radius: 8px;
  background: var(--mint-50);
  color: var(--mint-700);
  text-align: left;
}
.fault-rule-modal .fault-rule-review > strong {
  font-size: 10.5px;
  white-space: nowrap;
}
.fault-rule-modal .fault-rule-review-metrics {
  display: grid;
  grid-template-columns: repeat(3, auto);
  justify-content: start;
  gap: 32px;
}
.fault-rule-modal .fault-rule-review-metrics > span {
  min-width: 0;
  display: flex;
  align-items: baseline;
  gap: 5px;
}
.fault-rule-modal .fault-rule-review-metrics b {
  color: var(--mint-800);
  font-size: 12px;
}
.fault-rule-modal .fault-rule-review-metrics small {
  overflow: hidden;
  color: var(--mint-700);
  font-size: 9.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fault-rule-modal .fault-rule-error {
  margin-top: 12px;
  padding: 9px 11px;
  border: 1px solid #F3C7BC;
  border-radius: 8px;
  background: #FBEEE9;
  color: #9D432C;
  font-size: 11.5px;
}
.fault-rule-modal .fault-rule-foot {
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 10px 20px;
  border-top: 1px solid #E6E8EB;
  background: #FAFBFC;
}
.fault-rule-modal .fault-rule-foot > span {
  color: var(--fg-3);
  font-size: 10.5px;
}
.fault-rule-modal .fault-rule-foot > div {
  display: flex;
  gap: 8px;
}
.fault-rule-modal .fault-rule-foot button:disabled {
  cursor: not-allowed;
  opacity: .45;
}
@media (max-width: 900px) {
  .fault-rule-modal .modal.fullscreen {
    width: 100vw;
    height: 100vh;
    max-height: none;
    border-radius: 0;
  }
  .fault-rule-modal .fault-rule-body {
    grid-template-columns: 1fr;
    overflow-y: auto;
  }
  .fault-rule-modal .fault-rule-targets {
    min-height: 300px;
    border-right: 0;
    border-bottom: 1px solid #E6E8EB;
  }
  .fault-rule-modal .fault-rule-workspace {
    overflow: visible;
  }
  .fault-rule-modal .fault-rule-editor {
    height: 520px;
    min-height: 420px;
  }
  .fault-rule-modal .fault-rule-foot {
    align-items: flex-start;
    flex-direction: column;
  }
}
.fault-settings-redesign {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 104px;
  width: calc(100% - 104px - 16px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  font-family: var(--font-sans);
  color: var(--fg-1);
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
}
.main-content.expanded .fault-settings-redesign {
  left: 296px;
  width: calc(100% - 296px - 16px);
}
.fault-settings-redesign * {
  box-sizing: border-box;
}
.fault-settings-redesign .pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--fg-2);
}
.fault-settings-redesign .pill .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--ink-300);
  flex-shrink: 0;
}
.fault-settings-redesign .pill.high .dot {
  background: var(--fail);
}
.fault-settings-redesign .pill.medium .dot {
  background: var(--status-warn);
}
.fault-settings-redesign .pill.low .dot {
  background: var(--pass-strong);
}
.fault-settings-redesign .cat-tag {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--eei-blue);
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}
.fault-settings-redesign .cat-tag svg {
  width: 13px;
  height: 13px;
}
.fault-settings-redesign .btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 16px;
  border-radius: 8px;
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: 13px;
  border: 1px solid transparent;
  cursor: pointer;
  line-height: 1;
  white-space: nowrap;
}
.fault-settings-redesign .btn svg {
  width: 15px;
  height: 15px;
}
.fault-settings-redesign .btn-mint {
  background: var(--mint-400);
  color: #14181C;
  font-weight: 600;
}
.fault-settings-redesign .btn-mint:hover {
  background: var(--mint-500);
}
.fault-settings-redesign .btn-ink {
  background: #14181C;
  color: #fff;
}
.fault-settings-redesign .btn-ink:hover {
  background: #000;
}
.fault-settings-redesign .btn-ghost {
  background: #fff;
  color: #14181C;
  border-color: #DDE1E6;
}
.fault-settings-redesign .btn-ghost:hover {
  background: #F4F6F8;
}
.fault-settings-redesign .btn-sm {
  height: 32px;
  padding: 0 12px;
  font-size: 12px;
  gap: 6px;
}
.fault-settings-redesign .card {
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 14px;
  box-shadow: none;
  margin: 0;
  overflow: hidden;
}
.fault-settings-redesign .fl-topbar {
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 22px 26px 0;
}
.fault-settings-redesign .fl-title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 26px;
  letter-spacing: -0.018em;
  color: #14181C;
  line-height: 1.1;
}
.fault-settings-redesign .fl-crumbs {
  font-size: 13px;
  color: var(--fg-3);
  margin-top: 6px;
}
.fault-settings-redesign .fl-crumbs .sep {
  margin: 0 6px;
}
.fault-settings-redesign .fl-crumbs .leaf {
  color: var(--fg-2);
}
.fault-settings-redesign .fl-topbar-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
.fault-settings-redesign .fl-page {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 22px 26px 24px;
}
.fault-settings-redesign .field-search {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 12px;
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 8px;
  width: 240px;
}
.fault-settings-redesign .field-search svg {
  width: 15px;
  height: 15px;
  color: var(--fg-3);
  flex-shrink: 0;
}
.fault-settings-redesign .field-search input,
.fault-settings-redesign .field-search .fl-search-input {
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 13px;
  font-family: inherit;
  flex: 1;
  min-width: 0;
  height: 34px;
  box-shadow: none;
  margin: 0;
  color: var(--fg-1);
}
.fault-settings-redesign .field-search input::placeholder {
  color: var(--fg-3);
}
.fault-settings-redesign .iconbtn {
  width: 30px;
  height: 30px;
  border-radius: 7px;
  border: 1px solid transparent;
  background: transparent;
  color: var(--fg-3);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.fault-settings-redesign .iconbtn:hover {
  background: #F1F3F5;
  color: var(--fg-1);
}
.fault-settings-redesign .iconbtn svg {
  width: 16px;
  height: 16px;
}
.fault-settings-redesign .fdrop {
  position: relative;
}
.fault-settings-redesign .fdrop-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 36px;
  padding: 0 12px;
  border: 1px solid #E6E8EB;
  background: #fff;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 500;
  color: var(--fg-1);
  cursor: pointer;
}
.fault-settings-redesign .fdrop-btn svg {
  width: 14px;
  height: 14px;
  color: var(--fg-3);
}
.fault-settings-redesign .fdrop-btn:hover {
  background: #FAFBFC;
}
.fault-settings-redesign .fdrop-btn.on {
  border-color: var(--mint-400);
  background: var(--mint-50);
}
.fault-settings-redesign .fdrop-badge {
  background: #14181C;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  min-width: 16px;
  height: 16px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
}
.fault-settings-redesign .fdrop-menu {
  position: absolute;
  top: 40px;
  right: 0;
  z-index: 50;
  min-width: 184px;
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 10px;
  box-shadow: var(--shadow-3);
  padding: 6px;
}
.fault-settings-redesign .fdrop-opt {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 7px 8px;
  border: 0;
  background: transparent;
  border-radius: 7px;
  font-size: 13px;
  color: var(--fg-1);
  cursor: pointer;
  text-align: left;
}
.fault-settings-redesign .fdrop-opt:hover {
  background: #FAFBFC;
}
.fault-settings-redesign .fdrop-opt.on {
  background: var(--mint-50);
}
.fault-settings-redesign .fdrop-check {
  width: 16px;
  height: 16px;
  border: 1px solid #C9CDD3;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--mint-700);
  flex-shrink: 0;
}
.fault-settings-redesign .fdrop-check svg {
  width: 12px;
  height: 12px;
}
.fault-settings-redesign .fdrop-opt.on .fdrop-check {
  border-color: var(--mint-400);
  background: var(--mint-50);
}
.fault-settings-redesign .settings-card {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.fault-settings-redesign .settings-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 20px;
  border-bottom: 1px solid #E6E8EB;
  flex-wrap: wrap;
  flex-shrink: 0;
}
.fault-settings-redesign .settings-head-l {
  display: flex;
  align-items: baseline;
  gap: 12px;
}
.fault-settings-redesign .settings-title {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 20px;
  color: #14181C;
  letter-spacing: -0.01em;
}
.fault-settings-redesign .settings-sub {
  font-size: 12.5px;
  color: var(--fg-3);
}
.fault-settings-redesign .settings-head-r {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.fault-settings-redesign .settings-scroll {
  overflow: auto;
  flex: 1;
  min-height: 0;
}
.fault-settings-redesign .settings-tbl {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.fault-settings-redesign .settings-tbl thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  text-align: left;
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--fg-3);
  padding: 11px 18px;
  background: #FAFBFC;
  border-bottom: 1px solid #E6E8EB;
}
.fault-settings-redesign .settings-tbl .s-asset {
  width: 170px;
}
.fault-settings-redesign .settings-tbl .s-desc {
  width: 300px;
}
.fault-settings-redesign .settings-tbl .s-pri {
  width: 140px;
}
.fault-settings-redesign .settings-tbl .s-cat {
  width: 170px;
}
.fault-settings-redesign .settings-tbl .s-act {
  width: 96px;
  text-align: right;
}
.fault-settings-redesign .settings-row > td {
  padding: 9px 18px;
  border-bottom: 1px solid #EEF0F2;
  vertical-align: middle;
}
.fault-settings-redesign .settings-row:hover {
  background: #FAFBFC;
}
.fault-settings-redesign .settings-row.silenced {
  opacity: 0.6;
}
.fault-settings-redesign .settings-row .s-asset {
  color: var(--fg-2);
}
.fault-settings-redesign .s-desc code {
  font-family: var(--font-mono);
  font-size: 12.5px;
  color: var(--fg-1);
}
.fault-settings-redesign .row-silenced {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-left: 8px;
  font-size: 10.5px;
  font-weight: 600;
  color: #B5582F;
  background: #FBEEE9;
  padding: 1px 7px;
  border-radius: 999px;
  vertical-align: middle;
}
.fault-settings-redesign .row-silenced svg {
  width: 11px;
  height: 11px;
}
.fault-settings-redesign .details-btn {
  height: 30px;
  padding: 0 14px;
  border: 1px solid #DDE1E6;
  background: #fff;
  border-radius: 7px;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--fg-1);
  cursor: pointer;
}
.fault-settings-redesign .details-btn:hover {
  background: #F4F6F8;
}
.fault-settings-redesign .emenu {
  position: relative;
  display: inline-flex;
}
.fault-settings-redesign .emenu-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 28px;
  padding: 0 6px 0 2px;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  cursor: pointer;
}
.fault-settings-redesign .emenu-btn:hover {
  border-color: #E6E8EB;
  background: #fff;
}
.fault-settings-redesign .emenu-btn svg {
  width: 12px;
  height: 12px;
  color: var(--fg-3);
}
.fault-settings-redesign .emenu-pop {
  position: absolute;
  top: 32px;
  left: 0;
  z-index: 60;
  min-width: 168px;
  background: #fff;
  border: 1px solid #E6E8EB;
  border-radius: 10px;
  box-shadow: var(--shadow-3);
  padding: 5px;
}
.fault-settings-redesign .emenu-opt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  padding: 7px 8px;
  border: 0;
  background: transparent;
  border-radius: 7px;
  cursor: pointer;
}
.fault-settings-redesign .emenu-opt:hover {
  background: #FAFBFC;
}
.fault-settings-redesign .emenu-opt.on {
  background: var(--mint-50);
}
.fault-settings-redesign .emenu-opt svg {
  width: 13px;
  height: 13px;
  color: var(--mint-700);
}
.fault-settings-redesign .emenu-opt .cat-tag svg {
  color: var(--eei-blue);
}
.fault-settings-redesign .inline-text {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  padding: 4px 6px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  font: inherit;
  font-size: 13px;
  color: var(--fg-1);
  cursor: text;
  text-align: left;
}
.fault-settings-redesign .inline-text:hover {
  border-color: #E6E8EB;
  background: #fff;
}
.fault-settings-redesign .inline-text svg {
  width: 12px;
  height: 12px;
  color: var(--fg-3);
  opacity: 0;
  flex-shrink: 0;
}
.fault-settings-redesign .inline-text:hover svg {
  opacity: 1;
}
.fault-settings-redesign .inline-text.empty {
  color: var(--fg-3);
  font-style: italic;
}
.fault-settings-redesign .inline-input {
  font: inherit;
  font-size: 13px;
  padding: 6px 8px;
  border: 1px solid var(--mint-400);
  border-radius: 6px;
  outline: none;
  background: #fff;
  color: var(--fg-1);
  width: 100%;
  max-width: 280px;
  box-shadow: 0 0 0 3px var(--mint-50);
  margin: 0;
}
.fault-settings-redesign .silence-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 36px;
  padding: 0 14px;
  border-radius: 8px;
  border: 1px solid #DDE1E6;
  background: #fff;
  color: var(--fg-2);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
}
.fault-settings-redesign .silence-btn svg {
  width: 15px;
  height: 15px;
}
.fault-settings-redesign .silence-btn:hover {
  background: #F4F6F8;
  color: var(--fg-1);
}
.fault-settings-redesign .silence-btn.on {
  background: #FBEEE9;
  border-color: #E8B8A6;
  color: #B5582F;
}
.fault-settings-redesign .slideover-scrim {
  position: fixed;
  inset: 0;
  background: rgba(20, 24, 28, 0.34);
  z-index: 900;
  animation: fl-set-fade 200ms var(--ease-out);
}
.fault-settings-redesign .slideover {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 520px;
  max-width: 92vw;
  background: #fff;
  border-left: 1px solid #E6E8EB;
  box-shadow: var(--shadow-4);
  z-index: 901;
  animation: fl-set-slide 240ms var(--ease-out);
}
.fault-settings-redesign .defdrawer {
  padding: 20px 22px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  overflow: auto;
  height: 100%;
}
.fault-settings-redesign .defdrawer-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.fault-settings-redesign .defdrawer-tags {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.fault-settings-redesign .atype {
  font-size: 11px;
  color: var(--fg-2);
  font-weight: 500;
  background: #F1F3F5;
  padding: 2px 9px;
  border-radius: 999px;
}
.fault-settings-redesign .notlog-tag {
  font-size: 11px;
  font-weight: 600;
  color: #B5582F;
  background: #FBEEE9;
  padding: 2px 9px;
  border-radius: 999px;
}
.fault-settings-redesign .defdrawer-descriptor {
  display: flex;
  align-items: center;
  gap: 7px;
  padding-bottom: 16px;
  border-bottom: 1px solid #EEF0F2;
}
.fault-settings-redesign .defdrawer-descriptor code {
  font-family: var(--font-mono);
  font-size: 15px;
  font-weight: 500;
  color: #14181C;
  word-break: break-all;
}
.fault-settings-redesign .def-field {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.fault-settings-redesign .def-field > label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--fg-3);
}
.fault-settings-redesign .def-field .inline-text {
  align-self: flex-start;
  font-size: 14px;
}
.fault-settings-redesign .def-field .emenu {
  align-self: flex-start;
}
.fault-settings-redesign .def-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.fault-settings-redesign .def-textarea {
  font: inherit;
  font-size: 13px;
  line-height: 1.55;
  color: var(--fg-1);
  border: 1px solid #DDE1E6;
  border-radius: 9px;
  padding: 10px 12px;
  outline: none;
  resize: vertical;
  background: #fff;
  width: 100%;
  min-height: 110px;
}
.fault-settings-redesign .def-textarea:focus {
  border-color: var(--mint-400);
  box-shadow: 0 0 0 3px var(--mint-50);
}
.fault-settings-redesign .def-silence {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 16px;
  border: 1px solid #EEF0F2;
  border-radius: 10px;
  margin-top: 4px;
}
.fault-settings-redesign .def-silence.on {
  background: #FBEEE9;
  border-color: #F0D7CC;
}
.fault-settings-redesign .def-silence-t {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  font-weight: 600;
  color: var(--fg-1);
}
.fault-settings-redesign .def-silence-t svg {
  width: 14px;
  height: 14px;
}
.fault-settings-redesign .def-silence.on .def-silence-t {
  color: #B5582F;
}
.fault-settings-redesign .def-silence-s {
  font-size: 12px;
  color: var(--fg-3);
  margin-top: 3px;
}
@keyframes fl-set-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fl-set-slide {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@font-face {
  font-family: "Proxima Nova Rg";
  src: url(fonts/ProximaNova-Regular_0.otf);
}
@font-face {
  font-family: "Open Sans Bold";
  src: url(fonts/OpenSans-Bold.ttf);
}
@font-face {
  font-family: "Open Sans Light";
  src: url(fonts/OpenSans-Light.ttf);
}
@font-face {
  font-family: 'Satoshi';
  src: url(fonts/Satoshi-Regular.ttf);
}
@font-face {
  font-family: 'Satoshi-Bold';
  src: url(fonts/Satoshi-Bold.ttf);
}
@font-face {
  font-family: 'Satoshi-Black';
  src: url(fonts/Satoshi-Black.ttf);
}
@font-face {
  font-family: 'Satoshi-Medium';
  src: url(fonts/Satoshi-Medium.ttf);
}
@font-face {
  font-family: 'Satoshi-Italic';
  src: url(fonts/Satoshi-Italic.ttf);
}
@font-face {
  font-family: 'Prompt';
  src: url(fonts/Prompt-Regular.ttf);
}
.centered-block {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
.orange-selection::selection {
  background: #ff9800;
  /* WebKit/Blink Browsers */
}
.orange-selection::-moz-selection {
  background: #ff9800;
  /* Gecko Browsers */
}
.ui-slider fieldset {
  border: none;
  text-align: left;
}
.ui-slider input {
  border: 0;
  font-weight: bold;
  background: inherit;
  color: inherit;
  outline: none;
  text-align: right;
}
.ui-slider .slider {
  margin-top: 10px;
  background: #d9dcd4;
  border: 1px solid #a9a9a9;
}
.ui-slider .slider .ui-slider-handle {
  border: 1px solid #a9a9a9;
  background: #f2f2f2;
}
.toggle-box {
  display: inline-block;
  position: relative;
}
.toggle-box .toggle-box-trigger {
  display: block;
  padding: 0 30px;
}
.toggle-box .toggle-box-trigger .caret {
  display: inline-block;
  transition-propertry: transform -webkit-transform -moz-transform -ms-transform -o-transform;
  transition-duration: 0.3s;
}
.toggle-box .toggle-box-trigger .caret.closed {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
}
.toggle-box .toggle-box-content {
  transition: max-height 0.3s ease-in-out;
  max-height: 400px;
  background: #333333;
  color: #f2f2f2;
  position: absolute;
}
.toggle-box .toggle-box-content.hidden {
  max-height: 1px;
}
.tt-suggestion {
  background: #f5f5f5;
  color: #333333;
  padding: 5px;
  border: 1px solid #a9a9a9;
}
.tt-suggestion:nth-of-type(1n+6) {
  display: none;
}
.balancecx-logo {
  position: absolute;
  left: 20px;
  top: 20px;
}
.balancecx-logo img {
  height: 10vh;
}
.eei-logo {
  position: absolute;
  right: 20px;
  top: 20px;
}
.eei-logo img {
  height: 10vh;
}
.sign-in-content,
.main-content {
  background-color: #F3F5F8;
  position: relative;
  height: 100vh;
  min-height: 800px;
  overflow: hidden;
}
.sign-in-content .logo,
.main-content .logo {
  position: absolute;
  width: 144px;
  height: 38px;
  left: 112px;
  top: 94px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 38px;
  color: #171A1D;
}
.sign-in-content .logo .sub-logo,
.main-content .logo .sub-logo {
  color: #5DEBC9;
}
.sign-in-content .sign-in-box,
.main-content .sign-in-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 32px;
  position: absolute;
  width: 432px;
  height: 406px;
  left: 112px;
  top: 247px;
}
.sign-in-content .sign-in-box .sign-in-info,
.main-content .sign-in-box .sign-in-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 51px;
  width: 432px;
  height: 334px;
  flex: none;
  order: 0;
  flex-grow: 0;
}
.sign-in-content .sign-in-box .sign-in-info .sign-in-header,
.main-content .sign-in-box .sign-in-info .sign-in-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 12px;
  width: 360px;
  height: 85px;
  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;
}
.sign-in-content .sign-in-box .sign-in-info .sign-in-header .login-text,
.main-content .sign-in-box .sign-in-info .sign-in-header .login-text {
  width: 104px;
  height: 49px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 49px;
  /* identical to box height */
  color: #000000;
  flex: none;
  order: 0;
  flex-grow: 0;
}
.sign-in-content .sign-in-box .sign-in-info .sign-in-header .login-detail,
.main-content .sign-in-box .sign-in-info .sign-in-header .login-detail {
  width: 360px;
  height: 24px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #667085;
  flex: none;
  order: 1;
  flex-grow: 0;
}
.sign-in-content .sign-in-box .sign-in-info .sign-in-details,
.main-content .sign-in-box .sign-in-info .sign-in-details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 24px;
  width: 432px;
  height: 198px;
  flex: none;
  order: 1;
  flex-grow: 0;
}
.sign-in-content .sign-in-box .sign-in-info .sign-in-details .sign-in-inputs,
.main-content .sign-in-box .sign-in-info .sign-in-details .sign-in-inputs {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 20px;
  width: 432px;
  height: 148px;
  flex: none;
  order: 0;
  flex-grow: 0;
}
.sign-in-content .sign-in-box .sign-in-info .sign-in-details .sign-in-inputs .input-box,
.main-content .sign-in-box .sign-in-info .sign-in-details .sign-in-inputs .input-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  width: 432px;
  height: 64px;
  flex: none;
  flex-grow: 0;
}
.sign-in-content .sign-in-box .sign-in-info .sign-in-details .sign-in-inputs .input-box .input-label,
.main-content .sign-in-box .sign-in-info .sign-in-details .sign-in-inputs .input-box .input-label {
  width: 110px;
  height: 16px;
  left: 0px;
  top: calc(42%);
  /* Field / Title */
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  /* identical to box height, or 114% */
  display: flex;
  align-items: center;
  /* Gray/800 */
  color: #171A1D;
}
.sign-in-content .sign-in-box .sign-in-info .sign-in-details .sign-in-inputs .input-box .input-field,
.main-content .sign-in-box .sign-in-info .sign-in-details .sign-in-inputs .input-box .input-field {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 10px 0px 10px 8px;
  gap: 10px;
  width: 432px;
  height: 40px;
  /* White/Default */
  background: #FFFFFF;
  /* Gray/200 */
  border: 1px solid #E9ECF2;
  border-radius: 8px;
  /* Inside auto layout */
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
}
.sign-in-content .sign-in-box .sign-in-info .sign-in-details .sign-in-inputs .input-box .input-field input,
.main-content .sign-in-box .sign-in-info .sign-in-details .sign-in-inputs .input-box .input-field input {
  border: none;
  margin: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  width: 424px;
  height: 20px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  /* identical to box height, or 143% */
  /* Gray/500 */
  color: #757F94;
}
.sign-in-content .sign-in-box .sign-in-info .sign-in-details .sign-in-button,
.main-content .sign-in-box .sign-in-info .sign-in-details .sign-in-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 9px 26px;
  gap: 10px;
  width: 432px;
  height: 40px;
  background: linear-gradient(89.78deg, #77dedf -50.16%, #76e2cf 54.97%, #76eab9 150.11%);
  border-radius: 8px;
  border: none;
  /* Inside auto layout */
  flex: none;
  flex-grow: 0;
}
.sign-in-content .sign-in-box .sign-in-info .sign-in-details .sign-in-button span,
.main-content .sign-in-box .sign-in-info .sign-in-details .sign-in-button span {
  width: 40px;
  height: 22px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 160%;
  font-feature-settings: 'liga' off;
  color: #171A1D;
  flex: none;
  flex-grow: 0;
}
.sign-in-content .right-section,
.main-content .right-section {
  position: absolute;
  width: 696px;
  height: 868px;
  right: 16px;
  top: 16px;
  /* Gray/800 */
  background: #171A1D;
  border-radius: 16px;
}
.sign-in-content .right-section .fault-gauge,
.main-content .right-section .fault-gauge {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px;
  gap: 32px;
  position: absolute;
  width: 199px;
  height: 199px;
  left: 445px;
  top: 304px;
  background: rgba(255, 255, 255, 0.85);
  /* Background blur/md */
  backdrop-filter: blur(16px);
  /* Note: backdrop-filter has minimal browser support */
  border-radius: 12px;
}
.sign-in-content .right-section .line-chart-section,
.main-content .right-section .line-chart-section {
  position: absolute;
  width: 432px;
  height: 328px;
  left: 141px;
  top: 206px;
}
.sign-in-content .right-section .ellipse-1,
.main-content .right-section .ellipse-1 {
  position: absolute;
  width: 357px;
  height: 357px;
  left: 410px;
  top: -195px;
  background: rgba(93, 235, 201, 0.53);
  filter: blur(245px);
}
.sign-in-content .right-section .ellipse-2,
.main-content .right-section .ellipse-2 {
  position: absolute;
  width: 357px;
  height: 357px;
  left: -1px;
  top: 730px;
  background: rgba(93, 235, 201, 0.53);
  filter: blur(245px);
}
.sign-in-content .right-section .line-pattern,
.main-content .right-section .line-pattern {
  position: absolute;
  width: 298px;
  height: 462px;
  right: -16px;
  top: -16px;
}
.sign-in-content .right-section .rectangle-container,
.main-content .right-section .rectangle-container {
  position: absolute;
  width: 695px;
  height: 884px;
  left: 1px;
  top: -16px;
}
.sign-in-content .right-section .info-container,
.main-content .right-section .info-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  gap: 8px;
  position: absolute;
  width: 494px;
  height: 86px;
  left: 109px;
  top: 589px;
}
.sign-in-content .right-section .info-container .welcome-text,
.main-content .right-section .info-container .welcome-text {
  width: 494px;
  height: 30px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #FFFFFF;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}
.sign-in-content .right-section .info-container .supporting-text,
.main-content .right-section .info-container .supporting-text {
  width: 494px;
  height: 48px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #D0D3D9;
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
}
.sign-in-content .copyright-footer,
.main-content .copyright-footer {
  position: absolute;
  height: 20px;
  left: 32px;
  top: 848px;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #757F94;
}
/* ============================================================
   BalanceCx — Authentication screens (centered layout)
   Sign in · Forgot password · Reset password
   Implements the "centered" Claude Design prototype. All rules
   are scoped under .bcx-auth so they never leak into the app.
   ============================================================ */
.bcx-auth {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 20px;
  background: #F4F6F8;
  box-sizing: border-box;
  font-family: 'Satoshi', system-ui, -apple-system, 'Segoe UI', sans-serif;
  color: #14181C;
  font-size: 14px;
}
@supports (height: 100dvh) {
  .bcx-auth {
    min-height: 100dvh;
  }
}
.bcx-auth-card {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 404px;
  background: #FFFFFF;
  border: 1px solid #E6E8EB;
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(20, 24, 28, 0.1), 0 2px 6px rgba(20, 24, 28, 0.06);
  padding: 30px 34px 22px;
  text-align: left;
}
.bcx-auth form {
  margin: 0;
}
/* ---------- Wordmark (logo image) ---------- */
.bcx-auth .wordmark {
  text-align: center;
  line-height: 0;
}
.bcx-auth .wordmark img {
  height: 38px;
  width: auto;
  display: inline-block;
}
/* ---------- Form head ---------- */
.bcx-auth .form-head {
  text-align: center;
  margin: 18px 0 14px;
}
.bcx-auth .form-head.bare {
  margin: 0;
}
.bcx-auth .form-head h2 {
  font-family: 'Satoshi', system-ui, sans-serif;
  font-weight: 700;
  font-size: 24px;
  letter-spacing: -0.02em;
  color: #14181C;
  margin: 0;
  line-height: 1.15;
}
.bcx-auth .form-head p {
  font-size: 13.5px;
  color: #667085;
  margin: 9px 0 0;
  line-height: 1.5;
}
/* ---------- Fields ---------- */
.bcx-auth .fields {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.bcx-auth .field-group {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.bcx-auth .field-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.bcx-auth .field-label {
  font-size: 12.5px;
  font-weight: 600;
  color: #14181C;
}
.bcx-auth .field-link {
  font-size: 12.5px;
  font-weight: 600;
  color: #0272BA;
  cursor: pointer;
  text-decoration: none;
}
.bcx-auth .field-link:hover {
  text-decoration: underline;
}
.bcx-auth .field {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 44px;
  padding: 0 13px;
  background: #FFFFFF;
  border: 1px solid #C9CDD3;
  border-radius: 8px;
  transition: border-color 0.12s ease, box-shadow 0.12s ease;
}
.bcx-auth .field .lead {
  color: #6B727C;
  flex-shrink: 0;
  display: inline-flex;
}
.bcx-auth .field .lead svg {
  width: 17px;
  height: 17px;
}
.bcx-auth .field input,
.bcx-auth .field input[type="text"],
.bcx-auth .field input[type="email"],
.bcx-auth .field input[type="password"] {
  border: 0;
  outline: 0;
  box-shadow: none;
  background: transparent;
  height: auto;
  margin: 0;
  padding: 0;
  font: inherit;
  font-size: 14px;
  color: #14181C;
  flex: 1;
  min-width: 0;
}
.bcx-auth .field input::-webkit-input-placeholder {
  color: #98A2B3;
}
.bcx-auth .field input::-moz-placeholder {
  color: #98A2B3;
  opacity: 1;
}
.bcx-auth .field input:-ms-input-placeholder {
  color: #98A2B3;
}
.bcx-auth .field input::placeholder {
  color: #98A2B3;
}
.bcx-auth .field .reveal {
  color: #6B727C;
  flex-shrink: 0;
  display: inline-flex;
  cursor: pointer;
  padding: 4px;
  margin: -4px -4px -4px 0;
  border-radius: 4px;
}
.bcx-auth .field .reveal:hover {
  color: #14181C;
}
.bcx-auth .field .reveal svg {
  width: 17px;
  height: 17px;
}
.bcx-auth .field:focus-within {
  border-color: #5CE8C8;
  box-shadow: 0 0 0 3px rgba(92, 232, 200, 0.35);
}
.bcx-auth .field-hint {
  font-size: 12px;
  color: #6B727C;
  display: flex;
  align-items: center;
  gap: 6px;
  line-height: 1.4;
}
.bcx-auth .field-hint .ico {
  flex-shrink: 0;
  display: inline-flex;
}
.bcx-auth .field-hint .ico svg {
  width: 13px;
  height: 13px;
}
/* hide native password reveal (we supply our own eye toggle) */
.bcx-auth input::-ms-reveal,
.bcx-auth input::-ms-clear {
  display: none;
}
/* ---------- Buttons ---------- */
.bcx-auth .btn-block {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  width: 100%;
  height: 46px;
  border-radius: 8px;
  font-family: 'Satoshi', system-ui, sans-serif;
  font-weight: 600;
  font-size: 14px;
  border: 1px solid transparent;
  cursor: pointer;
  line-height: 1;
  text-decoration: none;
  transition: background 0.12s ease, transform 0.12s ease, border-color 0.12s ease, opacity 0.12s ease;
}
.bcx-auth .btn-block:active {
  transform: scale(0.992);
}
.bcx-auth .btn-block:disabled {
  cursor: default;
  opacity: 0.65;
}
.bcx-auth .btn-block svg {
  width: 17px;
  height: 17px;
  flex-shrink: 0;
}
.bcx-auth .btn-primary {
  background: #14181C;
  color: #FFFFFF;
}
.bcx-auth .btn-primary:hover {
  background: #000000;
}
.bcx-auth .btn-sso {
  background: #FFFFFF;
  color: #14181C;
  border-color: #C9CDD3;
}
.bcx-auth .btn-sso:hover {
  background: #FAFBFC;
  border-color: #6B727C;
}
.bcx-auth .btn-sso .ms-logo {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
.bcx-auth .mt-14 {
  margin-top: 14px;
}
.bcx-auth .mt-20 {
  margin-top: 20px;
}
.bcx-auth .mt-28 {
  margin-top: 28px;
}
/* ---------- Divider ---------- */
.bcx-auth .or {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 14px 0;
}
.bcx-auth .or .line {
  flex: 1;
  height: 1px;
  background: #E6E8EB;
}
.bcx-auth .or span {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #98A2B3;
}
/* ---------- Alert (top-of-form error) ---------- */
.bcx-auth .alert {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 8px;
  font-size: 13px;
  line-height: 1.45;
  margin-bottom: 12px;
}
.bcx-auth .alert.error {
  background: #FDEAE6;
  border: 1px solid #F3C9C2;
  color: #9A2D20;
}
.bcx-auth .alert .ico {
  flex-shrink: 0;
  margin-top: 1px;
  display: inline-flex;
}
.bcx-auth .alert .ico svg {
  width: 16px;
  height: 16px;
}
.bcx-auth .alert b {
  font-weight: 600;
}
/* ---------- Back link / footer notes ---------- */
.bcx-auth .backlink {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  font-weight: 600;
  color: #5C5C5C;
  cursor: pointer;
  text-decoration: none;
}
.bcx-auth .backlink:hover {
  color: #14181C;
}
.bcx-auth .backlink svg {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
}
.bcx-auth .foot-center {
  margin-top: 24px;
  text-align: center;
  font-size: 13px;
  color: #5C5C5C;
}
.bcx-auth .foot-center .ln {
  color: #0272BA;
  font-weight: 600;
  cursor: pointer;
}
.bcx-auth .foot-center .ln:hover {
  text-decoration: underline;
}
.bcx-auth .foot-center .ln.muted {
  color: #98A2B3;
  cursor: default;
  text-decoration: none;
}
/* ---------- Status mark (sent / done / expired) ---------- */
.bcx-auth .status-block {
  text-align: center;
  margin-top: 10px;
}
.bcx-auth .status-mark {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 22px;
}
.bcx-auth .status-mark.ok {
  background: #ECF7DC;
  color: #74C040;
}
.bcx-auth .status-mark.warn {
  background: #FFF1E0;
  color: #C9760E;
}
.bcx-auth .status-mark svg {
  width: 26px;
  height: 26px;
}
.bcx-auth .sent-to {
  font-family: 'Roboto Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  font-size: 13px;
  font-weight: 600;
  color: #14181C;
  word-break: break-all;
}
/* ---------- Sign-in footer (EEI credit) ---------- */
.bcx-auth .form-foot {
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid #E6E8EB;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.bcx-auth .eei-credit {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 11px;
  color: #6B727C;
  white-space: nowrap;
}
.bcx-auth .eei-credit img {
  height: 22px;
  width: auto;
  display: block;
  opacity: 0.9;
}
/* ---------- Spinners ---------- */
.bcx-auth .spinner {
  width: 24px;
  height: 24px;
  border: 3px solid #E6E8EB;
  border-top-color: #14181C;
  border-radius: 50%;
  display: inline-block;
  animation: bcx-spin 0.8s linear infinite;
  flex-shrink: 0;
}
.bcx-auth .spinner.sm {
  width: 16px;
  height: 16px;
  border-width: 2px;
  border-color: rgba(255, 255, 255, 0.5);
  border-top-color: #FFFFFF;
}
@keyframes bcx-spin {
  to {
    transform: rotate(360deg);
  }
}
/* ---------- Sign-in busy / loading states (driven by signIn route jQuery) ---------- */
.bcx-auth .bcx-auth-card {
  transition: box-shadow 0.24s ease;
}
.bcx-auth .loading-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.7);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
  border-radius: inherit;
}
.bcx-auth .bcx-auth-card.loading .loading-overlay {
  opacity: 1;
  pointer-events: auto;
}
.bcx-auth .bcx-auth-card.loading form,
.bcx-auth .bcx-auth-card.loading .or,
.bcx-auth .bcx-auth-card.loading .btn-block,
.bcx-auth .bcx-auth-card.loading .form-foot {
  opacity: 0.6;
}
.bcx-auth .btn-primary.is-busy {
  position: relative;
  color: transparent;
}
.bcx-auth .btn-primary.is-busy:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-top-color: #FFFFFF;
  border-radius: 50%;
  animation: bcx-spin 0.8s linear infinite;
}
/* ---------- Wrong-credentials shake ---------- */
.bcx-auth .alert.shake {
  animation: bcx-shake 0.42s cubic-bezier(0.22, 0.61, 0.36, 1);
}
@keyframes bcx-shake {
  0%,
  100% {
    transform: translateX(0);
  }
  15% {
    transform: translateX(-6px);
  }
  30% {
    transform: translateX(5px);
  }
  45% {
    transform: translateX(-4px);
  }
  60% {
    transform: translateX(3px);
  }
  75% {
    transform: translateX(-2px);
  }
}
/* Responsive */
@media (max-width: 480px) {
  .bcx-auth {
    padding: 24px 14px;
  }
  .bcx-auth-card {
    padding: 26px 22px 18px;
  }
}
.sign-in-wrapper {
  color: white;
}
.sign-in-wrapper ::-webkit-input-placeholder {
  /* WebKit browsers */
  font-family: 'Source Sans Pro', sans-serif;
  color: white;
  font-weight: 300;
}
.sign-in-wrapper :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  font-family: 'Source Sans Pro', sans-serif;
  color: white;
  opacity: 1;
  font-weight: 300;
}
.sign-in-wrapper ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  font-family: 'Source Sans Pro', sans-serif;
  color: white;
  opacity: 1;
  font-weight: 300;
}
.sign-in-wrapper :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  font-family: 'Source Sans Pro', sans-serif;
  color: white;
  font-weight: 300;
}
.sign-in-wrapper .wrapper {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#074876+0,7db9e8+100 */
  background: #064A76;
  /* Old browsers */
  background: -moz-linear-gradient(right, #064a76 0%, #215c2f 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(right, #064a76 0%, #215c2f 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #064a76 0%, #215c2f 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#064A76', endColorstr='#215C2F', GradientType=1);
  /* IE6-9 */
  /*background: #50a3a2;*/
  /*background: -webkit-linear-gradient(top left, #50a3a2 0%, #53e3a6 100%);*/
  /*background: linear-gradient(to bottom right, #50a3a2 0%, #53e3a6 100%);*/
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 400px;
  margin-top: -200px;
  overflow: hidden;
}
.sign-in-wrapper .wrapper.form-success .container h1 {
  -webkit-transform: translateY(125px);
  transform: translateY(125px);
}
.sign-in-wrapper .container {
  display: block !important;
  max-width: 600px !important;
  margin: 0 auto !important;
  padding: 40px 0 !important;
  height: 400px !important;
  text-align: center !important;
  border: none !important;
}
.sign-in-wrapper .container h1 {
  font-size: 33px;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-timing-function: ease-in-put;
  transition-timing-function: ease-in-put;
  font-weight: 200;
}
.sign-in-wrapper form {
  padding: 20px 0;
  position: relative;
  z-index: 2;
}
.sign-in-wrapper form input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background-color: rgba(255, 255, 255, 0.2);
  width: 250px;
  border-radius: 3px;
  padding: 10px 15px;
  margin: 0 auto 10px auto;
  display: block;
  text-align: center;
  font-size: 15px;
  color: white;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
  font-weight: 300;
}
.sign-in-wrapper form input:hover {
  background-color: rgba(255, 255, 255, 0.4);
}
.sign-in-wrapper form input:focus {
  background-color: white;
  width: 300px;
  color: #074876;
}
.sign-in-wrapper form button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  background-color: white;
  border: 0;
  padding: 10px 15px;
  color: #074876;
  border-radius: 3px;
  width: 250px;
  cursor: pointer;
  font-size: 18px;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
}
.sign-in-wrapper form button:hover {
  color: white;
  background-color: #7db9e8;
  transition: 0.6s;
}
@-webkit-keyframes square {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-700px) rotate(600deg);
    transform: translateY(-700px) rotate(600deg);
  }
}
@keyframes square {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-700px) rotate(600deg);
    transform: translateY(-700px) rotate(600deg);
  }
}
.main-content .sign-in,
.main-content .copyright {
  display: none;
}
.main-content.on-sign-in {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  top: 55%;
  width: auto;
}
.main-content.on-sign-in .sign-in {
  display: block;
  width: 550px;
  height: 285px;
  border-radius: 2px;
  font-size: 1em;
  padding: 55px 40px;
  background: #ffffff;
}
.main-content.on-sign-in .sign-in h1 {
  margin-top: 0;
  margin-bottom: 60px;
}
.main-content.on-sign-in .sign-in .inputs {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
}
.main-content.on-sign-in .sign-in .inputs .input-container {
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.main-content.on-sign-in .sign-in .inputs .input-container:first-child {
  padding-right: 16px;
}
.main-content.on-sign-in .sign-in .inputs .input-container:last-child {
  padding-left: 16px;
}
.main-content.on-sign-in .sign-in .inputs input {
  display: block;
  font-size: 12px;
}
.main-content.on-sign-in .sign-in .inputs input::-ms-clear,
.main-content.on-sign-in .sign-in .inputs input::-ms-reveal {
  display: none;
}
.main-content.on-sign-in .sign-in .inputs input:last-of-type {
  margin-bottom: 0 auto;
}
.main-content.on-sign-in .sign-in .inputs input[type="submit"] {
  background: #2196f3;
  color: #ffffff;
}
.main-content.on-sign-in .sign-in .inputs input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
.main-content.on-sign-in .sign-in .inputs .login-error {
  position: absolute;
  top: -55px;
  left: 0;
  color: red;
}
.main-content.on-sign-in .sign-in button {
  margin-top: 15px;
}
.main-content.on-sign-in .copyright {
  display: block;
  margin-top: 25px;
}
.um-img {
  height: 13px;
  width: 16px;
  overflow: hidden;
  /* do not show non-fitting content*/
  display: inline-block;
  /* forces icon into same line as following text */
  vertical-align: text-top !important;
  /* keep position here for redraw efficiency. 
     Shifting of icon happens in 'um-img-no-maint'*/
}
.um-img img {
  position: relative;
}
.um-img-no-maint img {
  top: -52px;
}
.um-table-header1 {
  text-align: left;
}
.um-table-header2 {
  background-color: #000000;
  color: #ffffff;
}
.um-table-header2 th {
  padding: .2em 0;
}
.um-headerOLD {
  float: left;
  height: 13px;
  margin: 8px 10px 0 0;
  width: 16px;
  background: url('images/bg-equip-status-sprite.png') no-repeat;
}
.um-table {
  border: 1px solid #000000;
  padding: 10px;
  width: 719px;
}
.um-table thead {
  height: 22px;
  line-height: 22px;
  text-align: left;
}
.um-table tbody {
  height: 30px;
  font-size: 13px;
  line-height: 30px;
}
.um-table tbody tr td.um-equip-type {
  width: 175px;
}
.um-table tbody tr td.um-equip-start,
.um-table tbody tr td.um-equip-end {
  width: 225px;
}
.um-table tbody tr td div.um-edit {
  height: 23px;
  margin: 3px 0 0;
  width: 23px;
}
.um-table tbody tr td div.um-edit a {
  background: url('images/edit-x.png') no-repeat;
  height: 23px;
  margin: 3px 0 0;
  width: 23px;
  display: block;
}
.um-table tbody tr td div.um-edit a:hover {
  background-position: 0 -23px;
}
.um-table tbody tr td div.um-x {
  height: 23px;
  margin: 3px 0 0;
  width: 23px;
}
.um-table tbody tr td div.um-x a {
  background: url('images/edit-x.png') no-repeat;
  background-position: -23px 0;
  display: block;
  height: 23px;
}
.um-table tbody tr td div.um-x a:hover {
  background-position: -23px -23px;
}
.um-add-btn {
  text-align: right;
  float: right;
  padding: .5em;
  margin: .5em;
  color: #3181bc;
}
.um-add-btn a {
  color: inherit;
}
.cta-add_NOT_USED {
  /* Do not need gradient
  background:                 image-url('images/bg-gradients-sprite.png') repeat-x #b6cca7;
  background-position:        0 -89px;
  */
  border: 1px solid #AEC59B;
  float: right;
  height: 23px;
  line-height: 23px;
  text-align: center;
}
.cta-add_NOT_USED:hover {
  background-position: 0 -112px;
  border: 1px solid #95a985;
}
.cta-add_NOT_USED a {
  display: block;
  padding: 0 10px;
}
.line-chart {
  height: 100%;
  position: relative;
}
.line-chart .overlay {
  fill: none;
  pointer-events: all;
}
.line-chart .focus circle.dark {
  fill: #000000;
  stroke: #000000;
}
.line-chart .line {
  fill: none;
  stroke: #ffffff;
  stroke-width: 4px;
}
.line-chart .line-dark {
  fill: none;
  stroke: #000000;
  stroke-width: 4px;
}
.line-chart .grid {
  stroke: #000000;
  opacity: 0.3;
}
.line-chart .axis {
  font-size: 12px;
}
.line-chart .axis path,
.line-chart .axis line {
  stroke: #000;
  shape-rendering: crispEdges;
}
.line-chart .load-chart-unit {
  color: #000000;
}
.line-chart .unit {
  white-space: nowrap;
  display: inline-block;
  width: 2%;
  position: relative;
  bottom: 50%;
  font-size: 0.8em;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.line-chart .container {
  display: inline-block;
  height: 100%;
  width: 80%;
  border-right: 1px solid #a5a5a5;
  border-top: 1px solid #a5a5a5;
  border-bottom: 1px solid #a5a5a5;
}
.line-chart .legend {
  background: inherit;
  color: inherit;
  display: inline-block;
  margin: auto;
  padding: 1px;
  overflow-y: auto;
  overflow-x: show;
  height: 80%;
  vertical-align: top;
  width: 15%;
  font-size: 10px;
}
.line-chart .legend .line {
  width: 100%;
  padding: 0;
}
.line-chart svg:last-of-type {
  position: absolute;
  top: 0;
}
.line-chart .title {
  color: black;
}
.line-chart .x_tick {
  border-left: 1px dotted rgba(169, 169, 169, 0.6);
}
.line-chart .y_grid .tick {
  stroke: rgba(169, 169, 169, 0.6);
}
.line-chart .current-time {
  border-left: 2px solid black;
}
.line-chart .current-time .title {
  top: 0;
}
.line-chart .hour-bar {
  width: 100%;
  background: rgba(169, 169, 169, 0.30000000000000004);
}
.multi-line-chart {
  height: 100%;
  position: relative;
  font-weight: bold;
  font-family: 'Satoshi';
}
.multi-line-chart text {
  font-size: 12px;
}
.multi-line-chart .brush .extent {
  stroke: #000000;
  fill-opacity: .125;
  shape-rendering: crispEdges;
}
.multi-line-chart .overlay {
  fill: none;
  pointer-events: all;
}
.multi-line-chart .focus circle {
  fill: #000000;
  stroke: #000000;
}
.multi-line-chart .line {
  fill: none;
  stroke: #000000;
  stroke-width: 2px;
}
.multi-line-chart .grid {
  stroke: #000000;
  opacity: 0.3;
}
.multi-line-chart .grid > path {
  display: none;
}
.multi-line-chart .axis path,
.multi-line-chart .axis line {
  fill: none;
  stroke: #bdbdbd;
  shape-rendering: crispEdges;
}
.multi-line-chart .load-chart-unit {
  color: #000000;
}
.legend-container .toggle-serie {
  margin-bottom: 3px !important;
}
.signup input,
.change-password input,
.signup textarea,
.change-password textarea,
.signup select,
.change-password select {
  border-radius: 0;
  font-size: 1em;
  display: block;
  margin-top: 10px;
}
.signup input.invalid,
.change-password input.invalid,
.signup textarea.invalid,
.change-password textarea.invalid,
.signup select.invalid,
.change-password select.invalid {
  outline: 1px solid red;
}
.signup input.role,
.change-password input.role,
.signup textarea.role,
.change-password textarea.role,
.signup select.role,
.change-password select.role {
  height: inherit;
}
.signup button,
.change-password button {
  margin-top: 10px;
}
.signup .error,
.change-password .error {
  font-size: 10px;
  display: inline-block;
  padding: 5px;
  color: red;
}
#electricity.selected {
  background-color: #659849;
  font-weight: bold;
}
#thermal.selected {
  background-color: #ff9800;
  font-weight: bold;
}
#cooling.selected {
  background-color: #2196f3;
  font-weight: bold;
}
.app-heatmap {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.app-heatmap .selecting {
  fill: #ff9800;
}
.app-heatmap text {
  stroke: none;
}
.app-heatmap rect {
  fill: none;
  stroke: #000000;
  stroke-dasharray: 3,3;
  stroke-width: 2px;
}
.loadanalyst .app-heatmap {
  width: 100%;
  max-width: 215px;
  height: 200px;
  float: left;
  font-size: .75em;
}
.loadanalyst .app-heatmap svg {
  width: 100%;
  height: 200px;
}
.modal .modal-content svg {
  min-width: 650px;
  min-height: 650px;
}
.modal .heatmap-modal {
  width: 620px;
  stroke: rgba(0, 0, 0, 0.8);
  stroke-width: 0.5px;
}
.modal .heatmap-modal #info {
  text-anchor: middle;
}
.modal .heatmap-modal #info svg path {
  fill: none;
  stroke: #000000;
}
.clearfix:after {
  content: '';
  clear: both;
  display: table;
}
.clearfix:before {
  content: '';
  clear: both;
}
.overflow-auto {
  overflow: auto;
}
.cursor-pointer {
  cursor: pointer;
}
.black-text,
.charting .view-chooser-container .save-view.savable:hover i,
.data .view-chooser-container .save-view.savable:hover i,
.business .view-chooser-container .save-view.savable:hover i,
.portfolio .view-chooser-container .save-view.savable:hover i,
.assetDashboard .view-chooser-container .save-view.savable:hover i,
.taskManager .view-chooser-container .save-view.savable:hover i,
.charting .get-csv:hover,
.data .get-csv:hover,
.business .get-csv:hover,
.portfolio .get-csv:hover,
.assetDashboard .get-csv:hover,
.taskManager .get-csv:hover,
.charting .remove-chart-container:hover,
.data .remove-chart-container:hover,
.business .remove-chart-container:hover,
.portfolio .remove-chart-container:hover,
.assetDashboard .remove-chart-container:hover,
.taskManager .remove-chart-container:hover,
.charting .get-csv:hover i,
.data .get-csv:hover i,
.business .get-csv:hover i,
.portfolio .get-csv:hover i,
.assetDashboard .get-csv:hover i,
.taskManager .get-csv:hover i,
.charting .remove-chart-container:hover i,
.data .remove-chart-container:hover i,
.business .remove-chart-container:hover i,
.portfolio .remove-chart-container:hover i,
.assetDashboard .remove-chart-container:hover i,
.taskManager .remove-chart-container:hover i,
.charting .chart .scatter-plot-filter .legend-item .remove-filter:hover,
.data .chart .scatter-plot-filter .legend-item .remove-filter:hover,
.business .chart .scatter-plot-filter .legend-item .remove-filter:hover,
.portfolio .chart .scatter-plot-filter .legend-item .remove-filter:hover,
.assetDashboard .chart .scatter-plot-filter .legend-item .remove-filter:hover,
.taskManager .chart .scatter-plot-filter .legend-item .remove-filter:hover,
.charting .chart .line-chart-legend .legend-container .legend-item .remove-serie:hover i,
.data .chart .line-chart-legend .legend-container .legend-item .remove-serie:hover i,
.business .chart .line-chart-legend .legend-container .legend-item .remove-serie:hover i,
.portfolio .chart .line-chart-legend .legend-container .legend-item .remove-serie:hover i,
.assetDashboard .chart .line-chart-legend .legend-container .legend-item .remove-serie:hover i,
.taskManager .chart .line-chart-legend .legend-container .legend-item .remove-serie:hover i,
.charting .chart .line-chart-binary-legend .legend-container .legend-item .remove-serie:hover i,
.data .chart .line-chart-binary-legend .legend-container .legend-item .remove-serie:hover i,
.business .chart .line-chart-binary-legend .legend-container .legend-item .remove-serie:hover i,
.portfolio .chart .line-chart-binary-legend .legend-container .legend-item .remove-serie:hover i,
.assetDashboard .chart .line-chart-binary-legend .legend-container .legend-item .remove-serie:hover i,
.taskManager .chart .line-chart-binary-legend .legend-container .legend-item .remove-serie:hover i,
.charting .chart .line-chart-legend .legend-container .legend-group .legend-item .remove-serie:hover i,
.data .chart .line-chart-legend .legend-container .legend-group .legend-item .remove-serie:hover i,
.business .chart .line-chart-legend .legend-container .legend-group .legend-item .remove-serie:hover i,
.portfolio .chart .line-chart-legend .legend-container .legend-group .legend-item .remove-serie:hover i,
.assetDashboard .chart .line-chart-legend .legend-container .legend-group .legend-item .remove-serie:hover i,
.taskManager .chart .line-chart-legend .legend-container .legend-group .legend-item .remove-serie:hover i,
.charting .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .remove-serie:hover i,
.data .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .remove-serie:hover i,
.business .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .remove-serie:hover i,
.portfolio .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .remove-serie:hover i,
.assetDashboard .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .remove-serie:hover i,
.taskManager .chart .line-chart-binary-legend .legend-container .legend-group .legend-item .remove-serie:hover i,
.charting .aggregations-charts .charts-container .aggregations-charts-row > div .texts a.reset:hover,
.data .aggregations-charts .charts-container .aggregations-charts-row > div .texts a.reset:hover,
.business .aggregations-charts .charts-container .aggregations-charts-row > div .texts a.reset:hover,
.portfolio .aggregations-charts .charts-container .aggregations-charts-row > div .texts a.reset:hover,
.assetDashboard .aggregations-charts .charts-container .aggregations-charts-row > div .texts a.reset:hover,
.taskManager .aggregations-charts .charts-container .aggregations-charts-row > div .texts a.reset:hover,
.immediate-notifications-container .immediate-notifications,
.immediate-notifications-container .immediate-notifications .immediate-action .accept i.done,
.immediate-notifications-container .immediate-notifications .immediate-action .reject i.done,
.immediate-notifications-container .immediate-notifications .immediate-action .accept i:hover,
.immediate-notifications-container .immediate-notifications .immediate-action .reject i:hover,
.tuple-expander:hover i {
  color: #000000;
}
.center_this {
  margin-right: auto;
  margin-left: auto;
  float: none;
  display: block;
}
.center_text {
  text-align: center !important;
}
.right-text {
  text-align: right !important;
}
.clear_this {
  clear: both;
}
.right_this {
  float: right;
}
.left_this {
  float: left;
}
.hidden {
  position: absolute;
  left: -9999px;
}
.display-none {
  display: none;
}
.inline {
  display: inline-block;
}
.relative-container {
  position: relative;
}
.absolute-container {
  position: absolute;
}
.opened {
  position: relative;
  left: 0px;
}
.invisible {
  visibility: hidden;
}
.no-wrap {
  white-space: nowrap;
}
.height-100-percent {
  height: 100%;
}
.width-100-percent {
  width: 100%;
}
.flex-grow {
  -ms-flex: 10;
  -webkit-flex: 10;
  flex: 10;
}
.flex-row {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.no-pointer-events {
  pointer-events: none;
}
.vertical-top {
  vertical-align: top !important;
}
.no-min-height {
  min-height: 0 !important;
}
.no-margin-left {
  margin-left: 0 !important;
}
.underline-hover {
  position: relative;
}
.underline-hover:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: -6px;
  width: 0;
  border-bottom: 1px solid #858585;
  -webkit-transition: width 0.5s;
  transition: width 0.5s;
}
.underline-hover:hover:before {
  width: 100%;
}
.link {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.link:hover {
  color: #fb8c00 !important;
}
.disable-pointer-events {
  pointer-events: none;
}
.disable-pointer-events > * {
  pointer-events: all;
}
.lh_30 {
  line-height: 30px;
}
.lh_50 {
  line-height: 50px;
}
.lh_93 {
  line-height: 93px !important;
}
.left_10p {
  margin-left: 10%;
}
.left_10 {
  margin-left: 10px;
}
.left_14 {
  margin-left: 14px;
}
.left_20 {
  margin-left: 20px;
}
.left_padding_20 {
  padding-left: 20px;
}
.shift_left_30 {
  padding-left: 30%;
}
.shift_right_40 {
  padding-right: 40px;
}
.shift_top_10 {
  margin-top: 120px;
}
.spaced_5 {
  margin-top: 5px;
  margin-bottom: 5px;
}
.spaced_10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.spaced_15 {
  margin-top: 15px;
  margin-bottom: 15px;
}
.spaced_20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.spaced_50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}
.no_margin_top {
  margin-top: 0px !important;
}
.no_margin_bottom {
  margin-bottom: 0px !important;
}
.margin_bottom_5 {
  margin-bottom: 5px;
}
.margin_bottom_100 {
  margin-bottom: 100px;
}
.padding_top_20 {
  padding-top: 20px;
}
.holder_5 {
  width: 5%;
  float: left;
  display: inline-block;
}
.holder_7 {
  width: 7%;
  float: left;
  display: inline-block;
}
.holder_10 {
  width: 10%;
  float: left;
  display: inline-block;
}
.holder_13 {
  width: 13%;
  float: left;
  display: inline-block;
}
.holder_15 {
  width: 15%;
  float: left;
  display: inline-block;
}
.holder_16 {
  width: 16%;
  float: left;
  display: inline-block;
}
.holder_20 {
  width: 20%;
  float: left;
  display: inline-block;
}
.holder_25 {
  width: 25%;
  float: left;
  display: inline-block;
}
.holder_27 {
  width: 27%;
  float: left;
  display: inline-block;
}
.holder_28 {
  width: 28%;
  float: left;
  display: inline-block;
}
.holder_30 {
  width: 30%;
  float: left;
  display: inline-block;
}
.holder_even_30 {
  width: 29%;
  float: left;
  margin: 0px 2%;
}
.holder_even_50 {
  width: 46%;
  float: left;
  margin: 0px 2%;
}
.holder_33 {
  width: 33%;
  float: left;
  display: inline-block;
}
.holder_35 {
  width: 35%;
  float: left;
  display: inline-block;
}
.holder_38 {
  width: 38%;
  float: left;
  display: inline-block;
}
.holder_44 {
  width: 44%;
  float: left;
  display: inline-block;
}
.holder_40 {
  width: 40%;
  float: left;
  display: inline-block;
}
.holder_45 {
  width: 45%;
  float: left;
  display: inline-block;
}
.holder_48 {
  width: 48%;
  float: left;
  display: inline-block;
}
.holder_50 {
  width: 50%;
  float: left;
  display: inline-block;
}
.holder_52 {
  width: 52%;
  float: left;
  display: inline-block;
}
.holder_56 {
  width: 56%;
  float: left;
  display: inline-block;
}
.holder_58 {
  width: 58%;
  float: left;
  display: inline-block;
}
.holder_60 {
  width: 60%;
  float: left;
  display: inline-block;
}
.holder_65 {
  width: 65%;
  float: left;
  display: inline-block;
}
.holder_66 {
  width: 66%;
  float: left;
  display: inline-block;
}
.holder_68 {
  width: 66%;
  float: left;
  display: inline-block;
}
.holder_70 {
  width: 70%;
  float: left;
  display: inline-block;
}
.holder_75 {
  width: 75%;
  float: left;
  display: inline-block;
}
.holder_80 {
  width: 80%;
  float: left;
  display: inline-block;
}
.holder_85 {
  width: 85%;
  float: left;
  display: inline-block;
}
.holder_90 {
  width: 90%;
  float: left;
  display: inline-block;
}
.holder_95 {
  width: 95%;
  float: left;
  display: inline-block;
}
.holder_100 {
  width: 100%;
  float: left;
  display: inline-block;
}
.holder_max_20 {
  width: 100%;
  max-width: 20px;
  float: left;
  display: inline-block;
}
.holder_max_30 {
  width: 100%;
  max-width: 30px;
  float: left;
  display: inline-block;
}
.holder_max_350 {
  width: 100%;
  max-width: 350px;
}
.holder_max_100 {
  width: 100%;
  max-width: 100px;
}
.holder_max_400 {
  width: 100%;
  max-width: 400px;
}
.holder_max_470 {
  width: 100%;
  max-width: 470px;
}
.holder_max_585 {
  width: 100%;
  max-width: 585px;
}
.holder_max_600 {
  width: 100%;
  max-width: 600px;
}
.holder_max_665 {
  width: 100%;
  max-width: 665px;
}
.holder_max_200 {
  width: 100%;
  max-width: 200px;
}
.holder_max_215 {
  width: 100%;
  max-width: 215px;
}
.holder_max_250 {
  width: 100%;
  max-width: 250px;
}
.holder_max_665 {
  width: 100%;
  max-width: 665px;
}
.holder_max_670 {
  width: 100%;
  max-width: 670px;
}
.holder_max_680 {
  width: 100%;
  max-width: 680px;
}
.holder_max_790 {
  width: 100%;
  max-width: 790px;
}
.holder_max_860 {
  width: 100%;
  max-width: 860px;
}
.holder_max_890 {
  width: 100%;
  max-width: 890px;
}
.holder_max_940 {
  width: 100%;
  max-width: 940px;
}
.greyedOut {
  color: #c1c1c1;
}
.greyedOut a {
  pointer-events: none;
  cursor: default;
}
.greyedOut :hover {
  color: #c1c1c1;
}
.application > .ember-view.admin .min_100,
.application > .ember-view.objectRef .min_100,
.application > .ember-view.business .min_100,
.application > .ember-view.data .min_100,
.application > .ember-view.charting .min_100,
.application > .ember-view.status .min_100,
.application > .ember-view.portfolio .min_100 {
  min-width: 100px;
}
.application > .ember-view.admin .min_2000,
.application > .ember-view.objectRef .min_2000,
.application > .ember-view.business .min_2000,
.application > .ember-view.data .min_2000,
.application > .ember-view.charting .min_2000,
.application > .ember-view.status .min_2000,
.application > .ember-view.portfolio .min_2000 {
  min-width: 2000px;
}
.application > .ember-view.admin .bill-table,
.application > .ember-view.objectRef .bill-table,
.application > .ember-view.business .bill-table,
.application > .ember-view.data .bill-table,
.application > .ember-view.charting .bill-table,
.application > .ember-view.status .bill-table,
.application > .ember-view.portfolio .bill-table {
  border: none;
  width: 95%;
  text-align: center;
}
.application > .ember-view.admin .bill-table input,
.application > .ember-view.objectRef .bill-table input,
.application > .ember-view.business .bill-table input,
.application > .ember-view.data .bill-table input,
.application > .ember-view.charting .bill-table input,
.application > .ember-view.status .bill-table input,
.application > .ember-view.portfolio .bill-table input {
  text-align: center;
  border-radius: 10px;
}
.application > .ember-view.admin .bill-table tr,
.application > .ember-view.objectRef .bill-table tr,
.application > .ember-view.business .bill-table tr,
.application > .ember-view.data .bill-table tr,
.application > .ember-view.charting .bill-table tr,
.application > .ember-view.status .bill-table tr,
.application > .ember-view.portfolio .bill-table tr,
.application > .ember-view.admin .bill-table th,
.application > .ember-view.objectRef .bill-table th,
.application > .ember-view.business .bill-table th,
.application > .ember-view.data .bill-table th,
.application > .ember-view.charting .bill-table th,
.application > .ember-view.status .bill-table th,
.application > .ember-view.portfolio .bill-table th,
.application > .ember-view.admin .bill-table td,
.application > .ember-view.objectRef .bill-table td,
.application > .ember-view.business .bill-table td,
.application > .ember-view.data .bill-table td,
.application > .ember-view.charting .bill-table td,
.application > .ember-view.status .bill-table td,
.application > .ember-view.portfolio .bill-table td {
  border: none;
  text-align: center;
  padding: 10px 50px 5px 30px;
}
.application > .ember-view.admin .table-container,
.application > .ember-view.objectRef .table-container,
.application > .ember-view.business .table-container,
.application > .ember-view.data .table-container,
.application > .ember-view.charting .table-container,
.application > .ember-view.status .table-container,
.application > .ember-view.portfolio .table-container {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #ffffff;
  border-radius: 4px;
  padding: 0 24px;
}
.application > .ember-view.admin .table-container tbody:after,
.application > .ember-view.objectRef .table-container tbody:after,
.application > .ember-view.business .table-container tbody:after,
.application > .ember-view.data .table-container tbody:after,
.application > .ember-view.charting .table-container tbody:after,
.application > .ember-view.status .table-container tbody:after,
.application > .ember-view.portfolio .table-container tbody:after {
  content: '';
  display: block;
  height: 30px;
}
.application > .ember-view.admin .table,
.application > .ember-view.objectRef .table,
.application > .ember-view.business .table,
.application > .ember-view.data .table,
.application > .ember-view.charting .table,
.application > .ember-view.status .table,
.application > .ember-view.portfolio .table {
  overflow-x: auto;
}
.application > .ember-view.admin .table .adv-table *::selection,
.application > .ember-view.objectRef .table .adv-table *::selection,
.application > .ember-view.business .table .adv-table *::selection,
.application > .ember-view.data .table .adv-table *::selection,
.application > .ember-view.charting .table .adv-table *::selection,
.application > .ember-view.status .table .adv-table *::selection,
.application > .ember-view.portfolio .table .adv-table *::selection {
  background: transparent;
}
.application > .ember-view.admin .table tbody .row,
.application > .ember-view.objectRef .table tbody .row,
.application > .ember-view.business .table tbody .row,
.application > .ember-view.data .table tbody .row,
.application > .ember-view.charting .table tbody .row,
.application > .ember-view.status .table tbody .row,
.application > .ember-view.portfolio .table tbody .row {
  border-bottom: 1px solid #000000;
}
.application > .ember-view.admin .table tbody .row .cell,
.application > .ember-view.objectRef .table tbody .row .cell,
.application > .ember-view.business .table tbody .row .cell,
.application > .ember-view.data .table tbody .row .cell,
.application > .ember-view.charting .table tbody .row .cell,
.application > .ember-view.status .table tbody .row .cell,
.application > .ember-view.portfolio .table tbody .row .cell {
  border-right: 1px solid #000000;
}
.application > .ember-view.admin .table thead tr:not(.filter-row) th:last-child,
.application > .ember-view.objectRef .table thead tr:not(.filter-row) th:last-child,
.application > .ember-view.business .table thead tr:not(.filter-row) th:last-child,
.application > .ember-view.data .table thead tr:not(.filter-row) th:last-child,
.application > .ember-view.charting .table thead tr:not(.filter-row) th:last-child,
.application > .ember-view.status .table thead tr:not(.filter-row) th:last-child,
.application > .ember-view.portfolio .table thead tr:not(.filter-row) th:last-child {
  padding-right: 30px;
}
.application > .ember-view.admin .table .row,
.application > .ember-view.objectRef .table .row,
.application > .ember-view.business .table .row,
.application > .ember-view.data .table .row,
.application > .ember-view.charting .table .row,
.application > .ember-view.status .table .row,
.application > .ember-view.portfolio .table .row {
  height: 30px;
}
.application > .ember-view.admin .table tbody .row .remove-button i.icon.mdi-content-clear,
.application > .ember-view.objectRef .table tbody .row .remove-button i.icon.mdi-content-clear,
.application > .ember-view.business .table tbody .row .remove-button i.icon.mdi-content-clear,
.application > .ember-view.data .table tbody .row .remove-button i.icon.mdi-content-clear,
.application > .ember-view.charting .table tbody .row .remove-button i.icon.mdi-content-clear,
.application > .ember-view.status .table tbody .row .remove-button i.icon.mdi-content-clear,
.application > .ember-view.portfolio .table tbody .row .remove-button i.icon.mdi-content-clear {
  font-size: 15px;
}
.application > .ember-view.admin .table tbody .row .remove-button,
.application > .ember-view.objectRef .table tbody .row .remove-button,
.application > .ember-view.business .table tbody .row .remove-button,
.application > .ember-view.data .table tbody .row .remove-button,
.application > .ember-view.charting .table tbody .row .remove-button,
.application > .ember-view.status .table tbody .row .remove-button,
.application > .ember-view.portfolio .table tbody .row .remove-button,
.application > .ember-view.admin .table tbody .row .save-button,
.application > .ember-view.objectRef .table tbody .row .save-button,
.application > .ember-view.business .table tbody .row .save-button,
.application > .ember-view.data .table tbody .row .save-button,
.application > .ember-view.charting .table tbody .row .save-button,
.application > .ember-view.status .table tbody .row .save-button,
.application > .ember-view.portfolio .table tbody .row .save-button,
.application > .ember-view.admin .table tbody .row .cancel-button,
.application > .ember-view.objectRef .table tbody .row .cancel-button,
.application > .ember-view.business .table tbody .row .cancel-button,
.application > .ember-view.data .table tbody .row .cancel-button,
.application > .ember-view.charting .table tbody .row .cancel-button,
.application > .ember-view.status .table tbody .row .cancel-button,
.application > .ember-view.portfolio .table tbody .row .cancel-button {
  display: inline-block;
  text-align: left;
  margin-left: -5px;
}
.application > .ember-view.admin .table tbody .row .remove-button i,
.application > .ember-view.objectRef .table tbody .row .remove-button i,
.application > .ember-view.business .table tbody .row .remove-button i,
.application > .ember-view.data .table tbody .row .remove-button i,
.application > .ember-view.charting .table tbody .row .remove-button i,
.application > .ember-view.status .table tbody .row .remove-button i,
.application > .ember-view.portfolio .table tbody .row .remove-button i,
.application > .ember-view.admin .table tbody .row .save-button i,
.application > .ember-view.objectRef .table tbody .row .save-button i,
.application > .ember-view.business .table tbody .row .save-button i,
.application > .ember-view.data .table tbody .row .save-button i,
.application > .ember-view.charting .table tbody .row .save-button i,
.application > .ember-view.status .table tbody .row .save-button i,
.application > .ember-view.portfolio .table tbody .row .save-button i,
.application > .ember-view.admin .table tbody .row .cancel-button i,
.application > .ember-view.objectRef .table tbody .row .cancel-button i,
.application > .ember-view.business .table tbody .row .cancel-button i,
.application > .ember-view.data .table tbody .row .cancel-button i,
.application > .ember-view.charting .table tbody .row .cancel-button i,
.application > .ember-view.status .table tbody .row .cancel-button i,
.application > .ember-view.portfolio .table tbody .row .cancel-button i {
  font-size: 19px;
  margin-left: -1px;
}
.application > .ember-view.admin .table tbody .row .buttons-cell,
.application > .ember-view.objectRef .table tbody .row .buttons-cell,
.application > .ember-view.business .table tbody .row .buttons-cell,
.application > .ember-view.data .table tbody .row .buttons-cell,
.application > .ember-view.charting .table tbody .row .buttons-cell,
.application > .ember-view.status .table tbody .row .buttons-cell,
.application > .ember-view.portfolio .table tbody .row .buttons-cell {
  width: 50px;
}
.application > .ember-view.admin .table tbody .row .buttons-cell .save-button,
.application > .ember-view.objectRef .table tbody .row .buttons-cell .save-button,
.application > .ember-view.business .table tbody .row .buttons-cell .save-button,
.application > .ember-view.data .table tbody .row .buttons-cell .save-button,
.application > .ember-view.charting .table tbody .row .buttons-cell .save-button,
.application > .ember-view.status .table tbody .row .buttons-cell .save-button,
.application > .ember-view.portfolio .table tbody .row .buttons-cell .save-button {
  float: left;
  width: auto;
}
.application > .ember-view.admin .table tbody .row .buttons-cell .cancel-button,
.application > .ember-view.objectRef .table tbody .row .buttons-cell .cancel-button,
.application > .ember-view.business .table tbody .row .buttons-cell .cancel-button,
.application > .ember-view.data .table tbody .row .buttons-cell .cancel-button,
.application > .ember-view.charting .table tbody .row .buttons-cell .cancel-button,
.application > .ember-view.status .table tbody .row .buttons-cell .cancel-button,
.application > .ember-view.portfolio .table tbody .row .buttons-cell .cancel-button {
  float: right;
  width: auto;
}
.application > .ember-view.admin .table tbody .row.is-editing .selectize-control .selectize-input,
.application > .ember-view.objectRef .table tbody .row.is-editing .selectize-control .selectize-input,
.application > .ember-view.business .table tbody .row.is-editing .selectize-control .selectize-input,
.application > .ember-view.data .table tbody .row.is-editing .selectize-control .selectize-input,
.application > .ember-view.charting .table tbody .row.is-editing .selectize-control .selectize-input,
.application > .ember-view.status .table tbody .row.is-editing .selectize-control .selectize-input,
.application > .ember-view.portfolio .table tbody .row.is-editing .selectize-control .selectize-input {
  border: none;
  font-size: 12px;
  padding: 0;
  background: white;
  width: 100%;
}
.application > .ember-view.admin .table tbody .row.is-editing .selectize-control .selectize-input .item,
.application > .ember-view.objectRef .table tbody .row.is-editing .selectize-control .selectize-input .item,
.application > .ember-view.business .table tbody .row.is-editing .selectize-control .selectize-input .item,
.application > .ember-view.data .table tbody .row.is-editing .selectize-control .selectize-input .item,
.application > .ember-view.charting .table tbody .row.is-editing .selectize-control .selectize-input .item,
.application > .ember-view.status .table tbody .row.is-editing .selectize-control .selectize-input .item,
.application > .ember-view.portfolio .table tbody .row.is-editing .selectize-control .selectize-input .item {
  vertical-align: baseline;
  height: 22px;
  display: inline-block;
  font-size: 12px;
  line-height: 22px;
}
.application > .ember-view.admin .table tbody .row.is-editing .selectize-control .selectize-dropdown,
.application > .ember-view.objectRef .table tbody .row.is-editing .selectize-control .selectize-dropdown,
.application > .ember-view.business .table tbody .row.is-editing .selectize-control .selectize-dropdown,
.application > .ember-view.data .table tbody .row.is-editing .selectize-control .selectize-dropdown,
.application > .ember-view.charting .table tbody .row.is-editing .selectize-control .selectize-dropdown,
.application > .ember-view.status .table tbody .row.is-editing .selectize-control .selectize-dropdown,
.application > .ember-view.portfolio .table tbody .row.is-editing .selectize-control .selectize-dropdown {
  left: 0 !important;
  right: auto !important;
}
.application > .ember-view.admin .table tbody .row.is-editing input[type="text"],
.application > .ember-view.objectRef .table tbody .row.is-editing input[type="text"],
.application > .ember-view.business .table tbody .row.is-editing input[type="text"],
.application > .ember-view.data .table tbody .row.is-editing input[type="text"],
.application > .ember-view.charting .table tbody .row.is-editing input[type="text"],
.application > .ember-view.status .table tbody .row.is-editing input[type="text"],
.application > .ember-view.portfolio .table tbody .row.is-editing input[type="text"] {
  background: white;
  padding-left: 10px;
  margin-right: -10px;
  height: 22px;
  border: none;
  margin-bottom: 0;
  padding-top: 0;
  font-size: 12px;
  width: calc(100% - 22px);
}
.application > .ember-view.admin .table tbody .row:not(.fake):hover .remove-button i,
.application > .ember-view.objectRef .table tbody .row:not(.fake):hover .remove-button i,
.application > .ember-view.business .table tbody .row:not(.fake):hover .remove-button i,
.application > .ember-view.data .table tbody .row:not(.fake):hover .remove-button i,
.application > .ember-view.charting .table tbody .row:not(.fake):hover .remove-button i,
.application > .ember-view.status .table tbody .row:not(.fake):hover .remove-button i,
.application > .ember-view.portfolio .table tbody .row:not(.fake):hover .remove-button i,
.application > .ember-view.admin .table tbody .row.drag-over .remove-button i,
.application > .ember-view.objectRef .table tbody .row.drag-over .remove-button i,
.application > .ember-view.business .table tbody .row.drag-over .remove-button i,
.application > .ember-view.data .table tbody .row.drag-over .remove-button i,
.application > .ember-view.charting .table tbody .row.drag-over .remove-button i,
.application > .ember-view.status .table tbody .row.drag-over .remove-button i,
.application > .ember-view.portfolio .table tbody .row.drag-over .remove-button i,
.application > .ember-view.admin .table tbody .row.is-editing .remove-button i,
.application > .ember-view.objectRef .table tbody .row.is-editing .remove-button i,
.application > .ember-view.business .table tbody .row.is-editing .remove-button i,
.application > .ember-view.data .table tbody .row.is-editing .remove-button i,
.application > .ember-view.charting .table tbody .row.is-editing .remove-button i,
.application > .ember-view.status .table tbody .row.is-editing .remove-button i,
.application > .ember-view.portfolio .table tbody .row.is-editing .remove-button i,
.application > .ember-view.admin .table tbody .row:not(.fake):hover .save-button i,
.application > .ember-view.objectRef .table tbody .row:not(.fake):hover .save-button i,
.application > .ember-view.business .table tbody .row:not(.fake):hover .save-button i,
.application > .ember-view.data .table tbody .row:not(.fake):hover .save-button i,
.application > .ember-view.charting .table tbody .row:not(.fake):hover .save-button i,
.application > .ember-view.status .table tbody .row:not(.fake):hover .save-button i,
.application > .ember-view.portfolio .table tbody .row:not(.fake):hover .save-button i,
.application > .ember-view.admin .table tbody .row.drag-over .save-button i,
.application > .ember-view.objectRef .table tbody .row.drag-over .save-button i,
.application > .ember-view.business .table tbody .row.drag-over .save-button i,
.application > .ember-view.data .table tbody .row.drag-over .save-button i,
.application > .ember-view.charting .table tbody .row.drag-over .save-button i,
.application > .ember-view.status .table tbody .row.drag-over .save-button i,
.application > .ember-view.portfolio .table tbody .row.drag-over .save-button i,
.application > .ember-view.admin .table tbody .row.is-editing .save-button i,
.application > .ember-view.objectRef .table tbody .row.is-editing .save-button i,
.application > .ember-view.business .table tbody .row.is-editing .save-button i,
.application > .ember-view.data .table tbody .row.is-editing .save-button i,
.application > .ember-view.charting .table tbody .row.is-editing .save-button i,
.application > .ember-view.status .table tbody .row.is-editing .save-button i,
.application > .ember-view.portfolio .table tbody .row.is-editing .save-button i,
.application > .ember-view.admin .table tbody .row:not(.fake):hover .cancel-button i,
.application > .ember-view.objectRef .table tbody .row:not(.fake):hover .cancel-button i,
.application > .ember-view.business .table tbody .row:not(.fake):hover .cancel-button i,
.application > .ember-view.data .table tbody .row:not(.fake):hover .cancel-button i,
.application > .ember-view.charting .table tbody .row:not(.fake):hover .cancel-button i,
.application > .ember-view.status .table tbody .row:not(.fake):hover .cancel-button i,
.application > .ember-view.portfolio .table tbody .row:not(.fake):hover .cancel-button i,
.application > .ember-view.admin .table tbody .row.drag-over .cancel-button i,
.application > .ember-view.objectRef .table tbody .row.drag-over .cancel-button i,
.application > .ember-view.business .table tbody .row.drag-over .cancel-button i,
.application > .ember-view.data .table tbody .row.drag-over .cancel-button i,
.application > .ember-view.charting .table tbody .row.drag-over .cancel-button i,
.application > .ember-view.status .table tbody .row.drag-over .cancel-button i,
.application > .ember-view.portfolio .table tbody .row.drag-over .cancel-button i,
.application > .ember-view.admin .table tbody .row.is-editing .cancel-button i,
.application > .ember-view.objectRef .table tbody .row.is-editing .cancel-button i,
.application > .ember-view.business .table tbody .row.is-editing .cancel-button i,
.application > .ember-view.data .table tbody .row.is-editing .cancel-button i,
.application > .ember-view.charting .table tbody .row.is-editing .cancel-button i,
.application > .ember-view.status .table tbody .row.is-editing .cancel-button i,
.application > .ember-view.portfolio .table tbody .row.is-editing .cancel-button i {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.application > .ember-view.admin .table tbody .row:not(.fake):hover .remove-button i:hover,
.application > .ember-view.objectRef .table tbody .row:not(.fake):hover .remove-button i:hover,
.application > .ember-view.business .table tbody .row:not(.fake):hover .remove-button i:hover,
.application > .ember-view.data .table tbody .row:not(.fake):hover .remove-button i:hover,
.application > .ember-view.charting .table tbody .row:not(.fake):hover .remove-button i:hover,
.application > .ember-view.status .table tbody .row:not(.fake):hover .remove-button i:hover,
.application > .ember-view.portfolio .table tbody .row:not(.fake):hover .remove-button i:hover,
.application > .ember-view.admin .table tbody .row.drag-over .remove-button i:hover,
.application > .ember-view.objectRef .table tbody .row.drag-over .remove-button i:hover,
.application > .ember-view.business .table tbody .row.drag-over .remove-button i:hover,
.application > .ember-view.data .table tbody .row.drag-over .remove-button i:hover,
.application > .ember-view.charting .table tbody .row.drag-over .remove-button i:hover,
.application > .ember-view.status .table tbody .row.drag-over .remove-button i:hover,
.application > .ember-view.portfolio .table tbody .row.drag-over .remove-button i:hover,
.application > .ember-view.admin .table tbody .row.is-editing .remove-button i:hover,
.application > .ember-view.objectRef .table tbody .row.is-editing .remove-button i:hover,
.application > .ember-view.business .table tbody .row.is-editing .remove-button i:hover,
.application > .ember-view.data .table tbody .row.is-editing .remove-button i:hover,
.application > .ember-view.charting .table tbody .row.is-editing .remove-button i:hover,
.application > .ember-view.status .table tbody .row.is-editing .remove-button i:hover,
.application > .ember-view.portfolio .table tbody .row.is-editing .remove-button i:hover,
.application > .ember-view.admin .table tbody .row:not(.fake):hover .save-button i:hover,
.application > .ember-view.objectRef .table tbody .row:not(.fake):hover .save-button i:hover,
.application > .ember-view.business .table tbody .row:not(.fake):hover .save-button i:hover,
.application > .ember-view.data .table tbody .row:not(.fake):hover .save-button i:hover,
.application > .ember-view.charting .table tbody .row:not(.fake):hover .save-button i:hover,
.application > .ember-view.status .table tbody .row:not(.fake):hover .save-button i:hover,
.application > .ember-view.portfolio .table tbody .row:not(.fake):hover .save-button i:hover,
.application > .ember-view.admin .table tbody .row.drag-over .save-button i:hover,
.application > .ember-view.objectRef .table tbody .row.drag-over .save-button i:hover,
.application > .ember-view.business .table tbody .row.drag-over .save-button i:hover,
.application > .ember-view.data .table tbody .row.drag-over .save-button i:hover,
.application > .ember-view.charting .table tbody .row.drag-over .save-button i:hover,
.application > .ember-view.status .table tbody .row.drag-over .save-button i:hover,
.application > .ember-view.portfolio .table tbody .row.drag-over .save-button i:hover,
.application > .ember-view.admin .table tbody .row.is-editing .save-button i:hover,
.application > .ember-view.objectRef .table tbody .row.is-editing .save-button i:hover,
.application > .ember-view.business .table tbody .row.is-editing .save-button i:hover,
.application > .ember-view.data .table tbody .row.is-editing .save-button i:hover,
.application > .ember-view.charting .table tbody .row.is-editing .save-button i:hover,
.application > .ember-view.status .table tbody .row.is-editing .save-button i:hover,
.application > .ember-view.portfolio .table tbody .row.is-editing .save-button i:hover,
.application > .ember-view.admin .table tbody .row:not(.fake):hover .cancel-button i:hover,
.application > .ember-view.objectRef .table tbody .row:not(.fake):hover .cancel-button i:hover,
.application > .ember-view.business .table tbody .row:not(.fake):hover .cancel-button i:hover,
.application > .ember-view.data .table tbody .row:not(.fake):hover .cancel-button i:hover,
.application > .ember-view.charting .table tbody .row:not(.fake):hover .cancel-button i:hover,
.application > .ember-view.status .table tbody .row:not(.fake):hover .cancel-button i:hover,
.application > .ember-view.portfolio .table tbody .row:not(.fake):hover .cancel-button i:hover,
.application > .ember-view.admin .table tbody .row.drag-over .cancel-button i:hover,
.application > .ember-view.objectRef .table tbody .row.drag-over .cancel-button i:hover,
.application > .ember-view.business .table tbody .row.drag-over .cancel-button i:hover,
.application > .ember-view.data .table tbody .row.drag-over .cancel-button i:hover,
.application > .ember-view.charting .table tbody .row.drag-over .cancel-button i:hover,
.application > .ember-view.status .table tbody .row.drag-over .cancel-button i:hover,
.application > .ember-view.portfolio .table tbody .row.drag-over .cancel-button i:hover,
.application > .ember-view.admin .table tbody .row.is-editing .cancel-button i:hover,
.application > .ember-view.objectRef .table tbody .row.is-editing .cancel-button i:hover,
.application > .ember-view.business .table tbody .row.is-editing .cancel-button i:hover,
.application > .ember-view.data .table tbody .row.is-editing .cancel-button i:hover,
.application > .ember-view.charting .table tbody .row.is-editing .cancel-button i:hover,
.application > .ember-view.status .table tbody .row.is-editing .cancel-button i:hover,
.application > .ember-view.portfolio .table tbody .row.is-editing .cancel-button i:hover {
  color: #fb8c00 !important;
}
.application > .ember-view.admin .table tbody .row:not(.fake):hover,
.application > .ember-view.objectRef .table tbody .row:not(.fake):hover,
.application > .ember-view.business .table tbody .row:not(.fake):hover,
.application > .ember-view.data .table tbody .row:not(.fake):hover,
.application > .ember-view.charting .table tbody .row:not(.fake):hover,
.application > .ember-view.status .table tbody .row:not(.fake):hover,
.application > .ember-view.portfolio .table tbody .row:not(.fake):hover,
.application > .ember-view.admin .table tbody .row.drag-over,
.application > .ember-view.objectRef .table tbody .row.drag-over,
.application > .ember-view.business .table tbody .row.drag-over,
.application > .ember-view.data .table tbody .row.drag-over,
.application > .ember-view.charting .table tbody .row.drag-over,
.application > .ember-view.status .table tbody .row.drag-over,
.application > .ember-view.portfolio .table tbody .row.drag-over {
  background: #cfd8dc;
}
.application > .ember-view.admin .table tbody .row .add-row,
.application > .ember-view.objectRef .table tbody .row .add-row,
.application > .ember-view.business .table tbody .row .add-row,
.application > .ember-view.data .table tbody .row .add-row,
.application > .ember-view.charting .table tbody .row .add-row,
.application > .ember-view.status .table tbody .row .add-row,
.application > .ember-view.portfolio .table tbody .row .add-row {
  text-align: end;
}
.application > .ember-view.admin .table tbody .row .add-row:hover,
.application > .ember-view.objectRef .table tbody .row .add-row:hover,
.application > .ember-view.business .table tbody .row .add-row:hover,
.application > .ember-view.data .table tbody .row .add-row:hover,
.application > .ember-view.charting .table tbody .row .add-row:hover,
.application > .ember-view.status .table tbody .row .add-row:hover,
.application > .ember-view.portfolio .table tbody .row .add-row:hover {
  color: #fb8c00;
}
.application > .ember-view.admin .table tbody .row .submit-cancel-buttons,
.application > .ember-view.objectRef .table tbody .row .submit-cancel-buttons,
.application > .ember-view.business .table tbody .row .submit-cancel-buttons,
.application > .ember-view.data .table tbody .row .submit-cancel-buttons,
.application > .ember-view.charting .table tbody .row .submit-cancel-buttons,
.application > .ember-view.status .table tbody .row .submit-cancel-buttons,
.application > .ember-view.portfolio .table tbody .row .submit-cancel-buttons {
  text-align: right;
  font-size: 15px;
}
.application > .ember-view.admin .table tbody .row .submit-cancel-buttons a,
.application > .ember-view.objectRef .table tbody .row .submit-cancel-buttons a,
.application > .ember-view.business .table tbody .row .submit-cancel-buttons a,
.application > .ember-view.data .table tbody .row .submit-cancel-buttons a,
.application > .ember-view.charting .table tbody .row .submit-cancel-buttons a,
.application > .ember-view.status .table tbody .row .submit-cancel-buttons a,
.application > .ember-view.portfolio .table tbody .row .submit-cancel-buttons a {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.application > .ember-view.admin .table tbody .row .submit-cancel-buttons a.active,
.application > .ember-view.objectRef .table tbody .row .submit-cancel-buttons a.active,
.application > .ember-view.business .table tbody .row .submit-cancel-buttons a.active,
.application > .ember-view.data .table tbody .row .submit-cancel-buttons a.active,
.application > .ember-view.charting .table tbody .row .submit-cancel-buttons a.active,
.application > .ember-view.status .table tbody .row .submit-cancel-buttons a.active,
.application > .ember-view.portfolio .table tbody .row .submit-cancel-buttons a.active,
.application > .ember-view.admin .table tbody .row .submit-cancel-buttons a:hover,
.application > .ember-view.objectRef .table tbody .row .submit-cancel-buttons a:hover,
.application > .ember-view.business .table tbody .row .submit-cancel-buttons a:hover,
.application > .ember-view.data .table tbody .row .submit-cancel-buttons a:hover,
.application > .ember-view.charting .table tbody .row .submit-cancel-buttons a:hover,
.application > .ember-view.status .table tbody .row .submit-cancel-buttons a:hover,
.application > .ember-view.portfolio .table tbody .row .submit-cancel-buttons a:hover {
  color: #fb8c00;
}
.application > .ember-view.admin .table .filter-row th,
.application > .ember-view.objectRef .table .filter-row th,
.application > .ember-view.business .table .filter-row th,
.application > .ember-view.data .table .filter-row th,
.application > .ember-view.charting .table .filter-row th,
.application > .ember-view.status .table .filter-row th,
.application > .ember-view.portfolio .table .filter-row th {
  vertical-align: bottom;
  padding-right: 0;
}
.application > .ember-view.admin .table .filter-row th > .input-container,
.application > .ember-view.objectRef .table .filter-row th > .input-container,
.application > .ember-view.business .table .filter-row th > .input-container,
.application > .ember-view.data .table .filter-row th > .input-container,
.application > .ember-view.charting .table .filter-row th > .input-container,
.application > .ember-view.status .table .filter-row th > .input-container,
.application > .ember-view.portfolio .table .filter-row th > .input-container {
  float: right;
  position: relative;
}
.application > .ember-view.admin .table .filter-row .advanced-filter-component,
.application > .ember-view.objectRef .table .filter-row .advanced-filter-component,
.application > .ember-view.business .table .filter-row .advanced-filter-component,
.application > .ember-view.data .table .filter-row .advanced-filter-component,
.application > .ember-view.charting .table .filter-row .advanced-filter-component,
.application > .ember-view.status .table .filter-row .advanced-filter-component,
.application > .ember-view.portfolio .table .filter-row .advanced-filter-component {
  float: right;
}
.application > .ember-view.admin .table .filter-row .input-container .input-field i,
.application > .ember-view.objectRef .table .filter-row .input-container .input-field i,
.application > .ember-view.business .table .filter-row .input-container .input-field i,
.application > .ember-view.data .table .filter-row .input-container .input-field i,
.application > .ember-view.charting .table .filter-row .input-container .input-field i,
.application > .ember-view.status .table .filter-row .input-container .input-field i,
.application > .ember-view.portfolio .table .filter-row .input-container .input-field i {
  position: absolute;
  right: 0;
  font-size: 16px;
}
.application > .ember-view.admin .table .filter-row .input-container .input-field input,
.application > .ember-view.objectRef .table .filter-row .input-container .input-field input,
.application > .ember-view.business .table .filter-row .input-container .input-field input,
.application > .ember-view.data .table .filter-row .input-container .input-field input,
.application > .ember-view.charting .table .filter-row .input-container .input-field input,
.application > .ember-view.status .table .filter-row .input-container .input-field input,
.application > .ember-view.portfolio .table .filter-row .input-container .input-field input {
  height: 22px;
  margin-bottom: 0;
  width: 229px;
  padding-right: 25px;
}
.application > .ember-view.admin .table .filter-row .input-container .input-field label.active,
.application > .ember-view.objectRef .table .filter-row .input-container .input-field label.active,
.application > .ember-view.business .table .filter-row .input-container .input-field label.active,
.application > .ember-view.data .table .filter-row .input-container .input-field label.active,
.application > .ember-view.charting .table .filter-row .input-container .input-field label.active,
.application > .ember-view.status .table .filter-row .input-container .input-field label.active,
.application > .ember-view.portfolio .table .filter-row .input-container .input-field label.active {
  -webkit-transform: translateY(-75%);
  -moz-transform: translateY(-75%);
  -ms-transform: translateY(-75%);
  -o-transform: translateY(-75%);
}
.application > .ember-view.admin .table.editable tbody .row:not(.fake),
.application > .ember-view.objectRef .table.editable tbody .row:not(.fake),
.application > .ember-view.business .table.editable tbody .row:not(.fake),
.application > .ember-view.data .table.editable tbody .row:not(.fake),
.application > .ember-view.charting .table.editable tbody .row:not(.fake),
.application > .ember-view.status .table.editable tbody .row:not(.fake),
.application > .ember-view.portfolio .table.editable tbody .row:not(.fake) {
  cursor: pointer;
}
.application > .ember-view.admin .table.allow-overflow,
.application > .ember-view.objectRef .table.allow-overflow,
.application > .ember-view.business .table.allow-overflow,
.application > .ember-view.data .table.allow-overflow,
.application > .ember-view.charting .table.allow-overflow,
.application > .ember-view.status .table.allow-overflow,
.application > .ember-view.portfolio .table.allow-overflow {
  overflow: auto;
}
.application > .ember-view.admin .table .smaller,
.application > .ember-view.objectRef .table .smaller,
.application > .ember-view.business .table .smaller,
.application > .ember-view.data .table .smaller,
.application > .ember-view.charting .table .smaller,
.application > .ember-view.status .table .smaller,
.application > .ember-view.portfolio .table .smaller {
  font-size: 9px !important;
}
.application > .ember-view.admin .table .small,
.application > .ember-view.objectRef .table .small,
.application > .ember-view.business .table .small,
.application > .ember-view.data .table .small,
.application > .ember-view.charting .table .small,
.application > .ember-view.status .table .small,
.application > .ember-view.portfolio .table .small {
  font-size: 12px !important;
}
.application > .ember-view.admin .table .small-text,
.application > .ember-view.objectRef .table .small-text,
.application > .ember-view.business .table .small-text,
.application > .ember-view.data .table .small-text,
.application > .ember-view.charting .table .small-text,
.application > .ember-view.status .table .small-text,
.application > .ember-view.portfolio .table .small-text {
  font-size: .6rem;
}
.application > .ember-view.admin .table .column,
.application > .ember-view.objectRef .table .column,
.application > .ember-view.business .table .column,
.application > .ember-view.data .table .column,
.application > .ember-view.charting .table .column,
.application > .ember-view.status .table .column,
.application > .ember-view.portfolio .table .column {
  float: left;
}
.application > .ember-view.admin .table .column .row,
.application > .ember-view.objectRef .table .column .row,
.application > .ember-view.business .table .column .row,
.application > .ember-view.data .table .column .row,
.application > .ember-view.charting .table .column .row,
.application > .ember-view.status .table .column .row,
.application > .ember-view.portfolio .table .column .row {
  vertical-align: middle;
  line-height: 26px;
  display: inline-block;
  padding: 10px 3px;
  text-align: left;
  word-break: break-all;
}
.application > .ember-view.admin .table .column .row.title,
.application > .ember-view.objectRef .table .column .row.title,
.application > .ember-view.business .table .column .row.title,
.application > .ember-view.data .table .column .row.title,
.application > .ember-view.charting .table .column .row.title,
.application > .ember-view.status .table .column .row.title,
.application > .ember-view.portfolio .table .column .row.title {
  font-weight: bold;
  padding: 9px 3px 8px 3px;
}
.application > .ember-view.admin .table thead tr th,
.application > .ember-view.objectRef .table thead tr th,
.application > .ember-view.business .table thead tr th,
.application > .ember-view.data .table thead tr th,
.application > .ember-view.charting .table thead tr th,
.application > .ember-view.status .table thead tr th,
.application > .ember-view.portfolio .table thead tr th {
  padding: 0 5px;
  white-space: nowrap;
  float: none !important;
}
.application > .ember-view.admin .table thead tr th.isSelected,
.application > .ember-view.objectRef .table thead tr th.isSelected,
.application > .ember-view.business .table thead tr th.isSelected,
.application > .ember-view.data .table thead tr th.isSelected,
.application > .ember-view.charting .table thead tr th.isSelected,
.application > .ember-view.status .table thead tr th.isSelected,
.application > .ember-view.portfolio .table thead tr th.isSelected {
  background-color: #fb8c00;
  color: black;
}
.application > .ember-view.admin .table tbody tr.before-resize > div,
.application > .ember-view.objectRef .table tbody tr.before-resize > div,
.application > .ember-view.business .table tbody tr.before-resize > div,
.application > .ember-view.data .table tbody tr.before-resize > div,
.application > .ember-view.charting .table tbody tr.before-resize > div,
.application > .ember-view.status .table tbody tr.before-resize > div,
.application > .ember-view.portfolio .table tbody tr.before-resize > div,
.application > .ember-view.admin .table tbody tr.before-resize > td,
.application > .ember-view.objectRef .table tbody tr.before-resize > td,
.application > .ember-view.business .table tbody tr.before-resize > td,
.application > .ember-view.data .table tbody tr.before-resize > td,
.application > .ember-view.charting .table tbody tr.before-resize > td,
.application > .ember-view.status .table tbody tr.before-resize > td,
.application > .ember-view.portfolio .table tbody tr.before-resize > td {
  white-space: nowrap;
}
.application > .ember-view.admin .table tbody tr.after-resize > div,
.application > .ember-view.objectRef .table tbody tr.after-resize > div,
.application > .ember-view.business .table tbody tr.after-resize > div,
.application > .ember-view.data .table tbody tr.after-resize > div,
.application > .ember-view.charting .table tbody tr.after-resize > div,
.application > .ember-view.status .table tbody tr.after-resize > div,
.application > .ember-view.portfolio .table tbody tr.after-resize > div,
.application > .ember-view.admin .table tbody tr.after-resize > td,
.application > .ember-view.objectRef .table tbody tr.after-resize > td,
.application > .ember-view.business .table tbody tr.after-resize > td,
.application > .ember-view.data .table tbody tr.after-resize > td,
.application > .ember-view.charting .table tbody tr.after-resize > td,
.application > .ember-view.status .table tbody tr.after-resize > td,
.application > .ember-view.portfolio .table tbody tr.after-resize > td {
  white-space: nowrap;
  text-overflow: ellipsis;
}
.application > .ember-view.admin .table tbody tr > div,
.application > .ember-view.objectRef .table tbody tr > div,
.application > .ember-view.business .table tbody tr > div,
.application > .ember-view.data .table tbody tr > div,
.application > .ember-view.charting .table tbody tr > div,
.application > .ember-view.status .table tbody tr > div,
.application > .ember-view.portfolio .table tbody tr > div,
.application > .ember-view.admin .table tbody tr > td,
.application > .ember-view.objectRef .table tbody tr > td,
.application > .ember-view.business .table tbody tr > td,
.application > .ember-view.data .table tbody tr > td,
.application > .ember-view.charting .table tbody tr > td,
.application > .ember-view.status .table tbody tr > td,
.application > .ember-view.portfolio .table tbody tr > td {
  display: table-cell;
  padding: 0 5px;
  vertical-align: middle;
}
.application > .ember-view.admin .table tbody tr > div:not(.is-active),
.application > .ember-view.objectRef .table tbody tr > div:not(.is-active),
.application > .ember-view.business .table tbody tr > div:not(.is-active),
.application > .ember-view.data .table tbody tr > div:not(.is-active),
.application > .ember-view.charting .table tbody tr > div:not(.is-active),
.application > .ember-view.status .table tbody tr > div:not(.is-active),
.application > .ember-view.portfolio .table tbody tr > div:not(.is-active),
.application > .ember-view.admin .table tbody tr > td:not(.is-active),
.application > .ember-view.objectRef .table tbody tr > td:not(.is-active),
.application > .ember-view.business .table tbody tr > td:not(.is-active),
.application > .ember-view.data .table tbody tr > td:not(.is-active),
.application > .ember-view.charting .table tbody tr > td:not(.is-active),
.application > .ember-view.status .table tbody tr > td:not(.is-active),
.application > .ember-view.portfolio .table tbody tr > td:not(.is-active) {
  overflow: hidden;
}
.application > .ember-view.admin .table tbody tr > div.adv-table-cell > span,
.application > .ember-view.objectRef .table tbody tr > div.adv-table-cell > span,
.application > .ember-view.business .table tbody tr > div.adv-table-cell > span,
.application > .ember-view.data .table tbody tr > div.adv-table-cell > span,
.application > .ember-view.charting .table tbody tr > div.adv-table-cell > span,
.application > .ember-view.status .table tbody tr > div.adv-table-cell > span,
.application > .ember-view.portfolio .table tbody tr > div.adv-table-cell > span,
.application > .ember-view.admin .table tbody tr > td.adv-table-cell > span,
.application > .ember-view.objectRef .table tbody tr > td.adv-table-cell > span,
.application > .ember-view.business .table tbody tr > td.adv-table-cell > span,
.application > .ember-view.data .table tbody tr > td.adv-table-cell > span,
.application > .ember-view.charting .table tbody tr > td.adv-table-cell > span,
.application > .ember-view.status .table tbody tr > td.adv-table-cell > span,
.application > .ember-view.portfolio .table tbody tr > td.adv-table-cell > span {
  float: left;
}
.application > .ember-view.admin .table tbody tr > div.adv-table-cell > span.checkbox,
.application > .ember-view.objectRef .table tbody tr > div.adv-table-cell > span.checkbox,
.application > .ember-view.business .table tbody tr > div.adv-table-cell > span.checkbox,
.application > .ember-view.data .table tbody tr > div.adv-table-cell > span.checkbox,
.application > .ember-view.charting .table tbody tr > div.adv-table-cell > span.checkbox,
.application > .ember-view.status .table tbody tr > div.adv-table-cell > span.checkbox,
.application > .ember-view.portfolio .table tbody tr > div.adv-table-cell > span.checkbox,
.application > .ember-view.admin .table tbody tr > td.adv-table-cell > span.checkbox,
.application > .ember-view.objectRef .table tbody tr > td.adv-table-cell > span.checkbox,
.application > .ember-view.business .table tbody tr > td.adv-table-cell > span.checkbox,
.application > .ember-view.data .table tbody tr > td.adv-table-cell > span.checkbox,
.application > .ember-view.charting .table tbody tr > td.adv-table-cell > span.checkbox,
.application > .ember-view.status .table tbody tr > td.adv-table-cell > span.checkbox,
.application > .ember-view.portfolio .table tbody tr > td.adv-table-cell > span.checkbox {
  float: none;
}
.application > .ember-view.admin .table tbody tr > div.adv-table-cell input::selection,
.application > .ember-view.objectRef .table tbody tr > div.adv-table-cell input::selection,
.application > .ember-view.business .table tbody tr > div.adv-table-cell input::selection,
.application > .ember-view.data .table tbody tr > div.adv-table-cell input::selection,
.application > .ember-view.charting .table tbody tr > div.adv-table-cell input::selection,
.application > .ember-view.status .table tbody tr > div.adv-table-cell input::selection,
.application > .ember-view.portfolio .table tbody tr > div.adv-table-cell input::selection,
.application > .ember-view.admin .table tbody tr > td.adv-table-cell input::selection,
.application > .ember-view.objectRef .table tbody tr > td.adv-table-cell input::selection,
.application > .ember-view.business .table tbody tr > td.adv-table-cell input::selection,
.application > .ember-view.data .table tbody tr > td.adv-table-cell input::selection,
.application > .ember-view.charting .table tbody tr > td.adv-table-cell input::selection,
.application > .ember-view.status .table tbody tr > td.adv-table-cell input::selection,
.application > .ember-view.portfolio .table tbody tr > td.adv-table-cell input::selection {
  background: #ff9800;
  /* WebKit/Blink Browsers */
}
.application > .ember-view.admin .table tbody tr > div.adv-table-cell input::-moz-selection,
.application > .ember-view.objectRef .table tbody tr > div.adv-table-cell input::-moz-selection,
.application > .ember-view.business .table tbody tr > div.adv-table-cell input::-moz-selection,
.application > .ember-view.data .table tbody tr > div.adv-table-cell input::-moz-selection,
.application > .ember-view.charting .table tbody tr > div.adv-table-cell input::-moz-selection,
.application > .ember-view.status .table tbody tr > div.adv-table-cell input::-moz-selection,
.application > .ember-view.portfolio .table tbody tr > div.adv-table-cell input::-moz-selection,
.application > .ember-view.admin .table tbody tr > td.adv-table-cell input::-moz-selection,
.application > .ember-view.objectRef .table tbody tr > td.adv-table-cell input::-moz-selection,
.application > .ember-view.business .table tbody tr > td.adv-table-cell input::-moz-selection,
.application > .ember-view.data .table tbody tr > td.adv-table-cell input::-moz-selection,
.application > .ember-view.charting .table tbody tr > td.adv-table-cell input::-moz-selection,
.application > .ember-view.status .table tbody tr > td.adv-table-cell input::-moz-selection,
.application > .ember-view.portfolio .table tbody tr > td.adv-table-cell input::-moz-selection {
  background: #ff9800;
  /* Gecko Browsers */
}
.application > .ember-view.admin .table tbody tr > div.adv-table-cell.highlighted,
.application > .ember-view.objectRef .table tbody tr > div.adv-table-cell.highlighted,
.application > .ember-view.business .table tbody tr > div.adv-table-cell.highlighted,
.application > .ember-view.data .table tbody tr > div.adv-table-cell.highlighted,
.application > .ember-view.charting .table tbody tr > div.adv-table-cell.highlighted,
.application > .ember-view.status .table tbody tr > div.adv-table-cell.highlighted,
.application > .ember-view.portfolio .table tbody tr > div.adv-table-cell.highlighted,
.application > .ember-view.admin .table tbody tr > td.adv-table-cell.highlighted,
.application > .ember-view.objectRef .table tbody tr > td.adv-table-cell.highlighted,
.application > .ember-view.business .table tbody tr > td.adv-table-cell.highlighted,
.application > .ember-view.data .table tbody tr > td.adv-table-cell.highlighted,
.application > .ember-view.charting .table tbody tr > td.adv-table-cell.highlighted,
.application > .ember-view.status .table tbody tr > td.adv-table-cell.highlighted,
.application > .ember-view.portfolio .table tbody tr > td.adv-table-cell.highlighted {
  background: #ffffcc;
  background: rgba(255, 255, 0, 0.2);
}
.application > .ember-view.admin .table tbody tr > div .selectize-placeholder,
.application > .ember-view.objectRef .table tbody tr > div .selectize-placeholder,
.application > .ember-view.business .table tbody tr > div .selectize-placeholder,
.application > .ember-view.data .table tbody tr > div .selectize-placeholder,
.application > .ember-view.charting .table tbody tr > div .selectize-placeholder,
.application > .ember-view.status .table tbody tr > div .selectize-placeholder,
.application > .ember-view.portfolio .table tbody tr > div .selectize-placeholder,
.application > .ember-view.admin .table tbody tr > td .selectize-placeholder,
.application > .ember-view.objectRef .table tbody tr > td .selectize-placeholder,
.application > .ember-view.business .table tbody tr > td .selectize-placeholder,
.application > .ember-view.data .table tbody tr > td .selectize-placeholder,
.application > .ember-view.charting .table tbody tr > td .selectize-placeholder,
.application > .ember-view.status .table tbody tr > td .selectize-placeholder,
.application > .ember-view.portfolio .table tbody tr > td .selectize-placeholder {
  float: right;
  font-size: 15px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.application > .ember-view.admin .table tbody tr > div .selectize-placeholder:hover,
.application > .ember-view.objectRef .table tbody tr > div .selectize-placeholder:hover,
.application > .ember-view.business .table tbody tr > div .selectize-placeholder:hover,
.application > .ember-view.data .table tbody tr > div .selectize-placeholder:hover,
.application > .ember-view.charting .table tbody tr > div .selectize-placeholder:hover,
.application > .ember-view.status .table tbody tr > div .selectize-placeholder:hover,
.application > .ember-view.portfolio .table tbody tr > div .selectize-placeholder:hover,
.application > .ember-view.admin .table tbody tr > td .selectize-placeholder:hover,
.application > .ember-view.objectRef .table tbody tr > td .selectize-placeholder:hover,
.application > .ember-view.business .table tbody tr > td .selectize-placeholder:hover,
.application > .ember-view.data .table tbody tr > td .selectize-placeholder:hover,
.application > .ember-view.charting .table tbody tr > td .selectize-placeholder:hover,
.application > .ember-view.status .table tbody tr > td .selectize-placeholder:hover,
.application > .ember-view.portfolio .table tbody tr > td .selectize-placeholder:hover {
  color: #fb8c00 !important;
}
.application > .ember-view.admin .table tbody tr > div.is-active,
.application > .ember-view.objectRef .table tbody tr > div.is-active,
.application > .ember-view.business .table tbody tr > div.is-active,
.application > .ember-view.data .table tbody tr > div.is-active,
.application > .ember-view.charting .table tbody tr > div.is-active,
.application > .ember-view.status .table tbody tr > div.is-active,
.application > .ember-view.portfolio .table tbody tr > div.is-active,
.application > .ember-view.admin .table tbody tr > td.is-active,
.application > .ember-view.objectRef .table tbody tr > td.is-active,
.application > .ember-view.business .table tbody tr > td.is-active,
.application > .ember-view.data .table tbody tr > td.is-active,
.application > .ember-view.charting .table tbody tr > td.is-active,
.application > .ember-view.status .table tbody tr > td.is-active,
.application > .ember-view.portfolio .table tbody tr > td.is-active {
  border: 2px solid #ff9800;
  position: relative;
}
.application > .ember-view.admin .table tbody tr > div.is-active .adv-table-active-cell,
.application > .ember-view.objectRef .table tbody tr > div.is-active .adv-table-active-cell,
.application > .ember-view.business .table tbody tr > div.is-active .adv-table-active-cell,
.application > .ember-view.data .table tbody tr > div.is-active .adv-table-active-cell,
.application > .ember-view.charting .table tbody tr > div.is-active .adv-table-active-cell,
.application > .ember-view.status .table tbody tr > div.is-active .adv-table-active-cell,
.application > .ember-view.portfolio .table tbody tr > div.is-active .adv-table-active-cell,
.application > .ember-view.admin .table tbody tr > td.is-active .adv-table-active-cell,
.application > .ember-view.objectRef .table tbody tr > td.is-active .adv-table-active-cell,
.application > .ember-view.business .table tbody tr > td.is-active .adv-table-active-cell,
.application > .ember-view.data .table tbody tr > td.is-active .adv-table-active-cell,
.application > .ember-view.charting .table tbody tr > td.is-active .adv-table-active-cell,
.application > .ember-view.status .table tbody tr > td.is-active .adv-table-active-cell,
.application > .ember-view.portfolio .table tbody tr > td.is-active .adv-table-active-cell,
.application > .ember-view.admin .table tbody tr > div.is-active .not-master-active-cell,
.application > .ember-view.objectRef .table tbody tr > div.is-active .not-master-active-cell,
.application > .ember-view.business .table tbody tr > div.is-active .not-master-active-cell,
.application > .ember-view.data .table tbody tr > div.is-active .not-master-active-cell,
.application > .ember-view.charting .table tbody tr > div.is-active .not-master-active-cell,
.application > .ember-view.status .table tbody tr > div.is-active .not-master-active-cell,
.application > .ember-view.portfolio .table tbody tr > div.is-active .not-master-active-cell,
.application > .ember-view.admin .table tbody tr > td.is-active .not-master-active-cell,
.application > .ember-view.objectRef .table tbody tr > td.is-active .not-master-active-cell,
.application > .ember-view.business .table tbody tr > td.is-active .not-master-active-cell,
.application > .ember-view.data .table tbody tr > td.is-active .not-master-active-cell,
.application > .ember-view.charting .table tbody tr > td.is-active .not-master-active-cell,
.application > .ember-view.status .table tbody tr > td.is-active .not-master-active-cell,
.application > .ember-view.portfolio .table tbody tr > td.is-active .not-master-active-cell {
  opacity: 0.999;
}
.application > .ember-view.admin .table tbody tr > div.is-active .not-master-active-cell:before,
.application > .ember-view.objectRef .table tbody tr > div.is-active .not-master-active-cell:before,
.application > .ember-view.business .table tbody tr > div.is-active .not-master-active-cell:before,
.application > .ember-view.data .table tbody tr > div.is-active .not-master-active-cell:before,
.application > .ember-view.charting .table tbody tr > div.is-active .not-master-active-cell:before,
.application > .ember-view.status .table tbody tr > div.is-active .not-master-active-cell:before,
.application > .ember-view.portfolio .table tbody tr > div.is-active .not-master-active-cell:before,
.application > .ember-view.admin .table tbody tr > td.is-active .not-master-active-cell:before,
.application > .ember-view.objectRef .table tbody tr > td.is-active .not-master-active-cell:before,
.application > .ember-view.business .table tbody tr > td.is-active .not-master-active-cell:before,
.application > .ember-view.data .table tbody tr > td.is-active .not-master-active-cell:before,
.application > .ember-view.charting .table tbody tr > td.is-active .not-master-active-cell:before,
.application > .ember-view.status .table tbody tr > td.is-active .not-master-active-cell:before,
.application > .ember-view.portfolio .table tbody tr > td.is-active .not-master-active-cell:before {
  background: lightyellow;
}
.application > .ember-view.admin .table tbody tr > div.read-only,
.application > .ember-view.objectRef .table tbody tr > div.read-only,
.application > .ember-view.business .table tbody tr > div.read-only,
.application > .ember-view.data .table tbody tr > div.read-only,
.application > .ember-view.charting .table tbody tr > div.read-only,
.application > .ember-view.status .table tbody tr > div.read-only,
.application > .ember-view.portfolio .table tbody tr > div.read-only,
.application > .ember-view.admin .table tbody tr > td.read-only,
.application > .ember-view.objectRef .table tbody tr > td.read-only,
.application > .ember-view.business .table tbody tr > td.read-only,
.application > .ember-view.data .table tbody tr > td.read-only,
.application > .ember-view.charting .table tbody tr > td.read-only,
.application > .ember-view.status .table tbody tr > td.read-only,
.application > .ember-view.portfolio .table tbody tr > td.read-only {
  cursor: default;
}
.application > .ember-view.admin .table tbody tr > div.buttons > a:not(:first-of-type),
.application > .ember-view.objectRef .table tbody tr > div.buttons > a:not(:first-of-type),
.application > .ember-view.business .table tbody tr > div.buttons > a:not(:first-of-type),
.application > .ember-view.data .table tbody tr > div.buttons > a:not(:first-of-type),
.application > .ember-view.charting .table tbody tr > div.buttons > a:not(:first-of-type),
.application > .ember-view.status .table tbody tr > div.buttons > a:not(:first-of-type),
.application > .ember-view.portfolio .table tbody tr > div.buttons > a:not(:first-of-type),
.application > .ember-view.admin .table tbody tr > td.buttons > a:not(:first-of-type),
.application > .ember-view.objectRef .table tbody tr > td.buttons > a:not(:first-of-type),
.application > .ember-view.business .table tbody tr > td.buttons > a:not(:first-of-type),
.application > .ember-view.data .table tbody tr > td.buttons > a:not(:first-of-type),
.application > .ember-view.charting .table tbody tr > td.buttons > a:not(:first-of-type),
.application > .ember-view.status .table tbody tr > td.buttons > a:not(:first-of-type),
.application > .ember-view.portfolio .table tbody tr > td.buttons > a:not(:first-of-type) {
  margin-left: 0;
}
.application > .ember-view.admin .table tbody tr > div.buttons .edit-point-button,
.application > .ember-view.objectRef .table tbody tr > div.buttons .edit-point-button,
.application > .ember-view.business .table tbody tr > div.buttons .edit-point-button,
.application > .ember-view.data .table tbody tr > div.buttons .edit-point-button,
.application > .ember-view.charting .table tbody tr > div.buttons .edit-point-button,
.application > .ember-view.status .table tbody tr > div.buttons .edit-point-button,
.application > .ember-view.portfolio .table tbody tr > div.buttons .edit-point-button,
.application > .ember-view.admin .table tbody tr > td.buttons .edit-point-button,
.application > .ember-view.objectRef .table tbody tr > td.buttons .edit-point-button,
.application > .ember-view.business .table tbody tr > td.buttons .edit-point-button,
.application > .ember-view.data .table tbody tr > td.buttons .edit-point-button,
.application > .ember-view.charting .table tbody tr > td.buttons .edit-point-button,
.application > .ember-view.status .table tbody tr > td.buttons .edit-point-button,
.application > .ember-view.portfolio .table tbody tr > td.buttons .edit-point-button,
.application > .ember-view.admin .table tbody tr > div.buttons .activate-point-button,
.application > .ember-view.objectRef .table tbody tr > div.buttons .activate-point-button,
.application > .ember-view.business .table tbody tr > div.buttons .activate-point-button,
.application > .ember-view.data .table tbody tr > div.buttons .activate-point-button,
.application > .ember-view.charting .table tbody tr > div.buttons .activate-point-button,
.application > .ember-view.status .table tbody tr > div.buttons .activate-point-button,
.application > .ember-view.portfolio .table tbody tr > div.buttons .activate-point-button,
.application > .ember-view.admin .table tbody tr > td.buttons .activate-point-button,
.application > .ember-view.objectRef .table tbody tr > td.buttons .activate-point-button,
.application > .ember-view.business .table tbody tr > td.buttons .activate-point-button,
.application > .ember-view.data .table tbody tr > td.buttons .activate-point-button,
.application > .ember-view.charting .table tbody tr > td.buttons .activate-point-button,
.application > .ember-view.status .table tbody tr > td.buttons .activate-point-button,
.application > .ember-view.portfolio .table tbody tr > td.buttons .activate-point-button {
  position: relative;
  top: -1px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.application > .ember-view.admin .table tbody tr > div.buttons .edit-point-button:hover,
.application > .ember-view.objectRef .table tbody tr > div.buttons .edit-point-button:hover,
.application > .ember-view.business .table tbody tr > div.buttons .edit-point-button:hover,
.application > .ember-view.data .table tbody tr > div.buttons .edit-point-button:hover,
.application > .ember-view.charting .table tbody tr > div.buttons .edit-point-button:hover,
.application > .ember-view.status .table tbody tr > div.buttons .edit-point-button:hover,
.application > .ember-view.portfolio .table tbody tr > div.buttons .edit-point-button:hover,
.application > .ember-view.admin .table tbody tr > td.buttons .edit-point-button:hover,
.application > .ember-view.objectRef .table tbody tr > td.buttons .edit-point-button:hover,
.application > .ember-view.business .table tbody tr > td.buttons .edit-point-button:hover,
.application > .ember-view.data .table tbody tr > td.buttons .edit-point-button:hover,
.application > .ember-view.charting .table tbody tr > td.buttons .edit-point-button:hover,
.application > .ember-view.status .table tbody tr > td.buttons .edit-point-button:hover,
.application > .ember-view.portfolio .table tbody tr > td.buttons .edit-point-button:hover,
.application > .ember-view.admin .table tbody tr > div.buttons .activate-point-button:hover,
.application > .ember-view.objectRef .table tbody tr > div.buttons .activate-point-button:hover,
.application > .ember-view.business .table tbody tr > div.buttons .activate-point-button:hover,
.application > .ember-view.data .table tbody tr > div.buttons .activate-point-button:hover,
.application > .ember-view.charting .table tbody tr > div.buttons .activate-point-button:hover,
.application > .ember-view.status .table tbody tr > div.buttons .activate-point-button:hover,
.application > .ember-view.portfolio .table tbody tr > div.buttons .activate-point-button:hover,
.application > .ember-view.admin .table tbody tr > td.buttons .activate-point-button:hover,
.application > .ember-view.objectRef .table tbody tr > td.buttons .activate-point-button:hover,
.application > .ember-view.business .table tbody tr > td.buttons .activate-point-button:hover,
.application > .ember-view.data .table tbody tr > td.buttons .activate-point-button:hover,
.application > .ember-view.charting .table tbody tr > td.buttons .activate-point-button:hover,
.application > .ember-view.status .table tbody tr > td.buttons .activate-point-button:hover,
.application > .ember-view.portfolio .table tbody tr > td.buttons .activate-point-button:hover {
  color: #fb8c00 !important;
}
.application > .ember-view.admin .table tbody tr.tr-edit-blocker,
.application > .ember-view.objectRef .table tbody tr.tr-edit-blocker,
.application > .ember-view.business .table tbody tr.tr-edit-blocker,
.application > .ember-view.data .table tbody tr.tr-edit-blocker,
.application > .ember-view.charting .table tbody tr.tr-edit-blocker,
.application > .ember-view.status .table tbody tr.tr-edit-blocker,
.application > .ember-view.portfolio .table tbody tr.tr-edit-blocker {
  background: rgba(255, 255, 0, 0.4) !important;
}
.application > .ember-view.admin .table .row,
.application > .ember-view.objectRef .table .row,
.application > .ember-view.business .table .row,
.application > .ember-view.data .table .row,
.application > .ember-view.charting .table .row,
.application > .ember-view.status .table .row,
.application > .ember-view.portfolio .table .row {
  margin: 0;
  font-size: 12px;
  width: 100%;
  height: 30px;
  vertical-align: middle;
  padding: 0 8px;
  -webkit-transition: background-color 0.3s, color 0.3s, transform 0.3s;
  transition: background-color 0.3s, color 0.3s, transform 0.3s;
}
.application > .ember-view.admin .table .row .title,
.application > .ember-view.objectRef .table .row .title,
.application > .ember-view.business .table .row .title,
.application > .ember-view.data .table .row .title,
.application > .ember-view.charting .table .row .title,
.application > .ember-view.status .table .row .title,
.application > .ember-view.portfolio .table .row .title {
  font-weight: bold;
}
.application > .ember-view.admin .table .row.sub_title,
.application > .ember-view.objectRef .table .row.sub_title,
.application > .ember-view.business .table .row.sub_title,
.application > .ember-view.data .table .row.sub_title,
.application > .ember-view.charting .table .row.sub_title,
.application > .ember-view.status .table .row.sub_title,
.application > .ember-view.portfolio .table .row.sub_title {
  position: relative;
  font-size: 14px;
  border-bottom: 2px solid black;
}
.application > .ember-view.admin .table .row.sub_title > *,
.application > .ember-view.objectRef .table .row.sub_title > *,
.application > .ember-view.business .table .row.sub_title > *,
.application > .ember-view.data .table .row.sub_title > *,
.application > .ember-view.charting .table .row.sub_title > *,
.application > .ember-view.status .table .row.sub_title > *,
.application > .ember-view.portfolio .table .row.sub_title > * {
  cursor: pointer;
}
.application > .ember-view.admin .table .row.sub_title .select-all,
.application > .ember-view.objectRef .table .row.sub_title .select-all,
.application > .ember-view.business .table .row.sub_title .select-all,
.application > .ember-view.data .table .row.sub_title .select-all,
.application > .ember-view.charting .table .row.sub_title .select-all,
.application > .ember-view.status .table .row.sub_title .select-all,
.application > .ember-view.portfolio .table .row.sub_title .select-all {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.application > .ember-view.admin .table .row.sub_title .select-all:hover,
.application > .ember-view.objectRef .table .row.sub_title .select-all:hover,
.application > .ember-view.business .table .row.sub_title .select-all:hover,
.application > .ember-view.data .table .row.sub_title .select-all:hover,
.application > .ember-view.charting .table .row.sub_title .select-all:hover,
.application > .ember-view.status .table .row.sub_title .select-all:hover,
.application > .ember-view.portfolio .table .row.sub_title .select-all:hover {
  color: #fb8c00 !important;
}
.application > .ember-view.admin .table .row.sub_title th i.arrow,
.application > .ember-view.objectRef .table .row.sub_title th i.arrow,
.application > .ember-view.business .table .row.sub_title th i.arrow,
.application > .ember-view.data .table .row.sub_title th i.arrow,
.application > .ember-view.charting .table .row.sub_title th i.arrow,
.application > .ember-view.status .table .row.sub_title th i.arrow,
.application > .ember-view.portfolio .table .row.sub_title th i.arrow {
  -webkit-transition: color 0.5s, font-size 0.3s;
  transition: color 0.5s, font-size 0.3s;
  font-size: 16px;
  line-height: 16px;
  vertical-align: middle;
}
.application > .ember-view.admin .table .row.sub_title th i.arrow.active,
.application > .ember-view.objectRef .table .row.sub_title th i.arrow.active,
.application > .ember-view.business .table .row.sub_title th i.arrow.active,
.application > .ember-view.data .table .row.sub_title th i.arrow.active,
.application > .ember-view.charting .table .row.sub_title th i.arrow.active,
.application > .ember-view.status .table .row.sub_title th i.arrow.active,
.application > .ember-view.portfolio .table .row.sub_title th i.arrow.active {
  font-size: 22px;
}
.application > .ember-view.admin .table .row.sub_title th:hover i,
.application > .ember-view.objectRef .table .row.sub_title th:hover i,
.application > .ember-view.business .table .row.sub_title th:hover i,
.application > .ember-view.data .table .row.sub_title th:hover i,
.application > .ember-view.charting .table .row.sub_title th:hover i,
.application > .ember-view.status .table .row.sub_title th:hover i,
.application > .ember-view.portfolio .table .row.sub_title th:hover i,
.application > .ember-view.admin .table .row.sub_title th i.active,
.application > .ember-view.objectRef .table .row.sub_title th i.active,
.application > .ember-view.business .table .row.sub_title th i.active,
.application > .ember-view.data .table .row.sub_title th i.active,
.application > .ember-view.charting .table .row.sub_title th i.active,
.application > .ember-view.status .table .row.sub_title th i.active,
.application > .ember-view.portfolio .table .row.sub_title th i.active {
  opacity: 1;
}
.application > .ember-view.admin .table .row.sub_title th:hover i.arrow,
.application > .ember-view.objectRef .table .row.sub_title th:hover i.arrow,
.application > .ember-view.business .table .row.sub_title th:hover i.arrow,
.application > .ember-view.data .table .row.sub_title th:hover i.arrow,
.application > .ember-view.charting .table .row.sub_title th:hover i.arrow,
.application > .ember-view.status .table .row.sub_title th:hover i.arrow,
.application > .ember-view.portfolio .table .row.sub_title th:hover i.arrow {
  color: #fb8c00;
}
.application > .ember-view.admin .table .row.sub_title th.checkbox-header,
.application > .ember-view.objectRef .table .row.sub_title th.checkbox-header,
.application > .ember-view.business .table .row.sub_title th.checkbox-header,
.application > .ember-view.data .table .row.sub_title th.checkbox-header,
.application > .ember-view.charting .table .row.sub_title th.checkbox-header,
.application > .ember-view.status .table .row.sub_title th.checkbox-header,
.application > .ember-view.portfolio .table .row.sub_title th.checkbox-header {
  width: 50px;
}
.application > .ember-view.admin .table .row.sub_title .filter-input,
.application > .ember-view.objectRef .table .row.sub_title .filter-input,
.application > .ember-view.business .table .row.sub_title .filter-input,
.application > .ember-view.data .table .row.sub_title .filter-input,
.application > .ember-view.charting .table .row.sub_title .filter-input,
.application > .ember-view.status .table .row.sub_title .filter-input,
.application > .ember-view.portfolio .table .row.sub_title .filter-input {
  position: absolute;
  right: 0;
  bottom: 100%;
}
.application > .ember-view.admin .table .row.big-row,
.application > .ember-view.objectRef .table .row.big-row,
.application > .ember-view.business .table .row.big-row,
.application > .ember-view.data .table .row.big-row,
.application > .ember-view.charting .table .row.big-row,
.application > .ember-view.status .table .row.big-row,
.application > .ember-view.portfolio .table .row.big-row {
  height: 60px !important;
}
.application > .ember-view.admin .table .row.record,
.application > .ember-view.objectRef .table .row.record,
.application > .ember-view.business .table .row.record,
.application > .ember-view.data .table .row.record,
.application > .ember-view.charting .table .row.record,
.application > .ember-view.status .table .row.record,
.application > .ember-view.portfolio .table .row.record {
  background: #ffffff;
}
.application > .ember-view.admin .table .row.record:hover,
.application > .ember-view.objectRef .table .row.record:hover,
.application > .ember-view.business .table .row.record:hover,
.application > .ember-view.data .table .row.record:hover,
.application > .ember-view.charting .table .row.record:hover,
.application > .ember-view.status .table .row.record:hover,
.application > .ember-view.portfolio .table .row.record:hover,
.application > .ember-view.admin .table .row.record.opened,
.application > .ember-view.objectRef .table .row.record.opened,
.application > .ember-view.business .table .row.record.opened,
.application > .ember-view.data .table .row.record.opened,
.application > .ember-view.charting .table .row.record.opened,
.application > .ember-view.status .table .row.record.opened,
.application > .ember-view.portfolio .table .row.record.opened {
  background: #2196f3;
  color: #ffffff;
}
.application > .ember-view.admin .table .row.title,
.application > .ember-view.objectRef .table .row.title,
.application > .ember-view.business .table .row.title,
.application > .ember-view.data .table .row.title,
.application > .ember-view.charting .table .row.title,
.application > .ember-view.status .table .row.title,
.application > .ember-view.portfolio .table .row.title {
  background: #ebf3f9;
  line-height: 24px;
  text-align: center;
  padding: 9px 3px;
  word-break: break-word;
  color: #232323;
  font-weight: bold;
}
.application > .ember-view.admin .table .row.title:nth-child(odd),
.application > .ember-view.objectRef .table .row.title:nth-child(odd),
.application > .ember-view.business .table .row.title:nth-child(odd),
.application > .ember-view.data .table .row.title:nth-child(odd),
.application > .ember-view.charting .table .row.title:nth-child(odd),
.application > .ember-view.status .table .row.title:nth-child(odd),
.application > .ember-view.portfolio .table .row.title:nth-child(odd) {
  background: #ebf3f9 !important;
}
.application > .ember-view.admin .table .row.title:nth-child(even),
.application > .ember-view.objectRef .table .row.title:nth-child(even),
.application > .ember-view.business .table .row.title:nth-child(even),
.application > .ember-view.data .table .row.title:nth-child(even),
.application > .ember-view.charting .table .row.title:nth-child(even),
.application > .ember-view.status .table .row.title:nth-child(even),
.application > .ember-view.portfolio .table .row.title:nth-child(even) {
  background: #dde9f2 !important;
}
.application > .ember-view.admin .table .row.title.green_bg,
.application > .ember-view.objectRef .table .row.title.green_bg,
.application > .ember-view.business .table .row.title.green_bg,
.application > .ember-view.data .table .row.title.green_bg,
.application > .ember-view.charting .table .row.title.green_bg,
.application > .ember-view.status .table .row.title.green_bg,
.application > .ember-view.portfolio .table .row.title.green_bg {
  background-color: #659849 !important;
  color: #ffffff !important;
}
.application > .ember-view.admin .table .row.title.purple_bg,
.application > .ember-view.objectRef .table .row.title.purple_bg,
.application > .ember-view.business .table .row.title.purple_bg,
.application > .ember-view.data .table .row.title.purple_bg,
.application > .ember-view.charting .table .row.title.purple_bg,
.application > .ember-view.status .table .row.title.purple_bg,
.application > .ember-view.portfolio .table .row.title.purple_bg {
  background-color: #6d41de !important;
  color: #ffffff !important;
}
.application > .ember-view.admin .table .row.title.blue_bg,
.application > .ember-view.objectRef .table .row.title.blue_bg,
.application > .ember-view.business .table .row.title.blue_bg,
.application > .ember-view.data .table .row.title.blue_bg,
.application > .ember-view.charting .table .row.title.blue_bg,
.application > .ember-view.status .table .row.title.blue_bg,
.application > .ember-view.portfolio .table .row.title.blue_bg {
  background-color: #2196f3 !important;
  color: #ffffff !important;
}
.application > .ember-view.admin .table .row.title.orange_bg,
.application > .ember-view.objectRef .table .row.title.orange_bg,
.application > .ember-view.business .table .row.title.orange_bg,
.application > .ember-view.data .table .row.title.orange_bg,
.application > .ember-view.charting .table .row.title.orange_bg,
.application > .ember-view.status .table .row.title.orange_bg,
.application > .ember-view.portfolio .table .row.title.orange_bg {
  background-color: #ff9800 !important;
  color: #ffffff !important;
}
.application > .ember-view.admin .table ul,
.application > .ember-view.objectRef .table ul,
.application > .ember-view.business .table ul,
.application > .ember-view.data .table ul,
.application > .ember-view.charting .table ul,
.application > .ember-view.status .table ul,
.application > .ember-view.portfolio .table ul {
  margin: 0;
  font-size: 12px;
}
.application > .ember-view.admin .table .table_2,
.application > .ember-view.objectRef .table .table_2,
.application > .ember-view.business .table .table_2,
.application > .ember-view.data .table .table_2,
.application > .ember-view.charting .table .table_2,
.application > .ember-view.status .table .table_2,
.application > .ember-view.portfolio .table .table_2 {
  float: left;
  width: 2%;
  min-height: 1px;
}
.application > .ember-view.admin .table .table_3,
.application > .ember-view.objectRef .table .table_3,
.application > .ember-view.business .table .table_3,
.application > .ember-view.data .table .table_3,
.application > .ember-view.charting .table .table_3,
.application > .ember-view.status .table .table_3,
.application > .ember-view.portfolio .table .table_3 {
  float: left;
  width: 3%;
  min-height: 1px;
}
.application > .ember-view.admin .table .table_5,
.application > .ember-view.objectRef .table .table_5,
.application > .ember-view.business .table .table_5,
.application > .ember-view.data .table .table_5,
.application > .ember-view.charting .table .table_5,
.application > .ember-view.status .table .table_5,
.application > .ember-view.portfolio .table .table_5 {
  float: left;
  width: 5%;
  min-height: 1px;
}
.application > .ember-view.admin .table .table_6,
.application > .ember-view.objectRef .table .table_6,
.application > .ember-view.business .table .table_6,
.application > .ember-view.data .table .table_6,
.application > .ember-view.charting .table .table_6,
.application > .ember-view.status .table .table_6,
.application > .ember-view.portfolio .table .table_6 {
  float: left;
  width: 6%;
  min-height: 1px;
}
.application > .ember-view.admin .table .table_7,
.application > .ember-view.objectRef .table .table_7,
.application > .ember-view.business .table .table_7,
.application > .ember-view.data .table .table_7,
.application > .ember-view.charting .table .table_7,
.application > .ember-view.status .table .table_7,
.application > .ember-view.portfolio .table .table_7 {
  float: left;
  width: 7%;
  min-height: 1px;
}
.application > .ember-view.admin .table .table_7_point_5,
.application > .ember-view.objectRef .table .table_7_point_5,
.application > .ember-view.business .table .table_7_point_5,
.application > .ember-view.data .table .table_7_point_5,
.application > .ember-view.charting .table .table_7_point_5,
.application > .ember-view.status .table .table_7_point_5,
.application > .ember-view.portfolio .table .table_7_point_5 {
  float: left;
  width: 7.5%;
  min-height: 1px;
}
.application > .ember-view.admin .table .table_7_point_6,
.application > .ember-view.objectRef .table .table_7_point_6,
.application > .ember-view.business .table .table_7_point_6,
.application > .ember-view.data .table .table_7_point_6,
.application > .ember-view.charting .table .table_7_point_6,
.application > .ember-view.status .table .table_7_point_6,
.application > .ember-view.portfolio .table .table_7_point_6 {
  float: left;
  width: 7.6%;
  min-height: 1px;
}
.application > .ember-view.admin .table .table_7_point_8,
.application > .ember-view.objectRef .table .table_7_point_8,
.application > .ember-view.business .table .table_7_point_8,
.application > .ember-view.data .table .table_7_point_8,
.application > .ember-view.charting .table .table_7_point_8,
.application > .ember-view.status .table .table_7_point_8,
.application > .ember-view.portfolio .table .table_7_point_8 {
  float: left;
  width: 7.8%;
  min-height: 1px;
}
.application > .ember-view.admin .table .table_8,
.application > .ember-view.objectRef .table .table_8,
.application > .ember-view.business .table .table_8,
.application > .ember-view.data .table .table_8,
.application > .ember-view.charting .table .table_8,
.application > .ember-view.status .table .table_8,
.application > .ember-view.portfolio .table .table_8 {
  float: left;
  width: 8%;
  min-height: 1px;
}
.application > .ember-view.admin .table .table_9,
.application > .ember-view.objectRef .table .table_9,
.application > .ember-view.business .table .table_9,
.application > .ember-view.data .table .table_9,
.application > .ember-view.charting .table .table_9,
.application > .ember-view.status .table .table_9,
.application > .ember-view.portfolio .table .table_9 {
  float: left;
  width: 9%;
  min-height: 1px;
}
.application > .ember-view.admin .table .table_10,
.application > .ember-view.objectRef .table .table_10,
.application > .ember-view.business .table .table_10,
.application > .ember-view.data .table .table_10,
.application > .ember-view.charting .table .table_10,
.application > .ember-view.status .table .table_10,
.application > .ember-view.portfolio .table .table_10 {
  float: left;
  width: 10%;
  min-height: 1px;
}
.application > .ember-view.admin .table .table_10_min,
.application > .ember-view.objectRef .table .table_10_min,
.application > .ember-view.business .table .table_10_min,
.application > .ember-view.data .table .table_10_min,
.application > .ember-view.charting .table .table_10_min,
.application > .ember-view.status .table .table_10_min,
.application > .ember-view.portfolio .table .table_10_min {
  float: left;
  min-width: 10%;
  min-height: 1px;
}
.application > .ember-view.admin .table .table_11,
.application > .ember-view.objectRef .table .table_11,
.application > .ember-view.business .table .table_11,
.application > .ember-view.data .table .table_11,
.application > .ember-view.charting .table .table_11,
.application > .ember-view.status .table .table_11,
.application > .ember-view.portfolio .table .table_11 {
  float: left;
  width: 11%;
  min-height: 1px;
}
.application > .ember-view.admin .table .table_14_point_2,
.application > .ember-view.objectRef .table .table_14_point_2,
.application > .ember-view.business .table .table_14_point_2,
.application > .ember-view.data .table .table_14_point_2,
.application > .ember-view.charting .table .table_14_point_2,
.application > .ember-view.status .table .table_14_point_2,
.application > .ember-view.portfolio .table .table_14_point_2 {
  float: left;
  width: 14.2%;
  min-height: 1px;
}
.application > .ember-view.admin .table .table_15,
.application > .ember-view.objectRef .table .table_15,
.application > .ember-view.business .table .table_15,
.application > .ember-view.data .table .table_15,
.application > .ember-view.charting .table .table_15,
.application > .ember-view.status .table .table_15,
.application > .ember-view.portfolio .table .table_15 {
  float: left;
  width: 15%;
  min-height: 1px;
}
.application > .ember-view.admin .table .table_15_min,
.application > .ember-view.objectRef .table .table_15_min,
.application > .ember-view.business .table .table_15_min,
.application > .ember-view.data .table .table_15_min,
.application > .ember-view.charting .table .table_15_min,
.application > .ember-view.status .table .table_15_min,
.application > .ember-view.portfolio .table .table_15_min {
  float: left;
  min-width: 15%;
  min-height: 1px;
}
.application > .ember-view.admin .table .table_16,
.application > .ember-view.objectRef .table .table_16,
.application > .ember-view.business .table .table_16,
.application > .ember-view.data .table .table_16,
.application > .ember-view.charting .table .table_16,
.application > .ember-view.status .table .table_16,
.application > .ember-view.portfolio .table .table_16 {
  float: left;
  width: 16%;
  min-height: 1px;
}
.application > .ember-view.admin .table .table_20,
.application > .ember-view.objectRef .table .table_20,
.application > .ember-view.business .table .table_20,
.application > .ember-view.data .table .table_20,
.application > .ember-view.charting .table .table_20,
.application > .ember-view.status .table .table_20,
.application > .ember-view.portfolio .table .table_20 {
  float: left;
  width: 20%;
  min-height: 1px;
}
.application > .ember-view.admin .table .table_23,
.application > .ember-view.objectRef .table .table_23,
.application > .ember-view.business .table .table_23,
.application > .ember-view.data .table .table_23,
.application > .ember-view.charting .table .table_23,
.application > .ember-view.status .table .table_23,
.application > .ember-view.portfolio .table .table_23 {
  float: left;
  width: 23%;
  min-height: 1px;
}
.application > .ember-view.admin .table .table_25,
.application > .ember-view.objectRef .table .table_25,
.application > .ember-view.business .table .table_25,
.application > .ember-view.data .table .table_25,
.application > .ember-view.charting .table .table_25,
.application > .ember-view.status .table .table_25,
.application > .ember-view.portfolio .table .table_25 {
  float: left;
  width: 25%;
  min-height: 1px;
}
.application > .ember-view.admin .table .table_30,
.application > .ember-view.objectRef .table .table_30,
.application > .ember-view.business .table .table_30,
.application > .ember-view.data .table .table_30,
.application > .ember-view.charting .table .table_30,
.application > .ember-view.status .table .table_30,
.application > .ember-view.portfolio .table .table_30 {
  float: left;
  width: 30%;
  min-height: 1px;
}
.application > .ember-view.admin .table .table_33,
.application > .ember-view.objectRef .table .table_33,
.application > .ember-view.business .table .table_33,
.application > .ember-view.data .table .table_33,
.application > .ember-view.charting .table .table_33,
.application > .ember-view.status .table .table_33,
.application > .ember-view.portfolio .table .table_33 {
  float: left;
  width: 33%;
  min-height: 1px;
}
.application > .ember-view.admin .table .table_35,
.application > .ember-view.objectRef .table .table_35,
.application > .ember-view.business .table .table_35,
.application > .ember-view.data .table .table_35,
.application > .ember-view.charting .table .table_35,
.application > .ember-view.status .table .table_35,
.application > .ember-view.portfolio .table .table_35 {
  float: left;
  width: 35%;
  min-height: 1px;
}
.application > .ember-view.admin .table .table_40,
.application > .ember-view.objectRef .table .table_40,
.application > .ember-view.business .table .table_40,
.application > .ember-view.data .table .table_40,
.application > .ember-view.charting .table .table_40,
.application > .ember-view.status .table .table_40,
.application > .ember-view.portfolio .table .table_40 {
  float: left;
  width: 40%;
  min-height: 1px;
}
.application > .ember-view.admin .table .table_50,
.application > .ember-view.objectRef .table .table_50,
.application > .ember-view.business .table .table_50,
.application > .ember-view.data .table .table_50,
.application > .ember-view.charting .table .table_50,
.application > .ember-view.status .table .table_50,
.application > .ember-view.portfolio .table .table_50 {
  float: left;
  width: 50%;
  min-height: 1px;
}
.application > .ember-view.admin .table .table_60,
.application > .ember-view.objectRef .table .table_60,
.application > .ember-view.business .table .table_60,
.application > .ember-view.data .table .table_60,
.application > .ember-view.charting .table .table_60,
.application > .ember-view.status .table .table_60,
.application > .ember-view.portfolio .table .table_60 {
  float: left;
  width: 60%;
  min-height: 1px;
}
.application > .ember-view.admin .table .table_67,
.application > .ember-view.objectRef .table .table_67,
.application > .ember-view.business .table .table_67,
.application > .ember-view.data .table .table_67,
.application > .ember-view.charting .table .table_67,
.application > .ember-view.status .table .table_67,
.application > .ember-view.portfolio .table .table_67 {
  float: left;
  width: 67%;
  min-height: 1px;
}
.application > .ember-view.admin .table .table_70,
.application > .ember-view.objectRef .table .table_70,
.application > .ember-view.business .table .table_70,
.application > .ember-view.data .table .table_70,
.application > .ember-view.charting .table .table_70,
.application > .ember-view.status .table .table_70,
.application > .ember-view.portfolio .table .table_70 {
  float: left;
  width: 70%;
  min-height: 1px;
}
.application > .ember-view.admin .table .table_80,
.application > .ember-view.objectRef .table .table_80,
.application > .ember-view.business .table .table_80,
.application > .ember-view.data .table .table_80,
.application > .ember-view.charting .table .table_80,
.application > .ember-view.status .table .table_80,
.application > .ember-view.portfolio .table .table_80 {
  float: left;
  width: 80%;
  min-height: 1px;
}
.application > .ember-view.admin .table .table_100,
.application > .ember-view.objectRef .table .table_100,
.application > .ember-view.business .table .table_100,
.application > .ember-view.data .table .table_100,
.application > .ember-view.charting .table .table_100,
.application > .ember-view.status .table .table_100,
.application > .ember-view.portfolio .table .table_100 {
  float: left;
  width: 100%;
  min-height: 1px;
}
.application > .ember-view.admin .table .records,
.application > .ember-view.objectRef .table .records,
.application > .ember-view.business .table .records,
.application > .ember-view.data .table .records,
.application > .ember-view.charting .table .records,
.application > .ember-view.status .table .records,
.application > .ember-view.portfolio .table .records {
  width: 100%;
  float: left;
  clear: left;
  overflow-x: hidden;
  overflow-y: scroll;
}
.application > .ember-view.admin .table .records::-webkit-scrollbar,
.application > .ember-view.objectRef .table .records::-webkit-scrollbar,
.application > .ember-view.business .table .records::-webkit-scrollbar,
.application > .ember-view.data .table .records::-webkit-scrollbar,
.application > .ember-view.charting .table .records::-webkit-scrollbar,
.application > .ember-view.status .table .records::-webkit-scrollbar,
.application > .ember-view.portfolio .table .records::-webkit-scrollbar {
  width: 12px;
}
.application > .ember-view.admin .table .records::-webkit-scrollbar-track,
.application > .ember-view.objectRef .table .records::-webkit-scrollbar-track,
.application > .ember-view.business .table .records::-webkit-scrollbar-track,
.application > .ember-view.data .table .records::-webkit-scrollbar-track,
.application > .ember-view.charting .table .records::-webkit-scrollbar-track,
.application > .ember-view.status .table .records::-webkit-scrollbar-track,
.application > .ember-view.portfolio .table .records::-webkit-scrollbar-track {
  background-color: #eaeaea;
  border-left: 0px solid #ccc;
}
.application > .ember-view.admin .table .records::-webkit-scrollbar-thumb,
.application > .ember-view.objectRef .table .records::-webkit-scrollbar-thumb,
.application > .ember-view.business .table .records::-webkit-scrollbar-thumb,
.application > .ember-view.data .table .records::-webkit-scrollbar-thumb,
.application > .ember-view.charting .table .records::-webkit-scrollbar-thumb,
.application > .ember-view.status .table .records::-webkit-scrollbar-thumb,
.application > .ember-view.portfolio .table .records::-webkit-scrollbar-thumb {
  background-color: #ccc;
}
.application > .ember-view.admin .table .records::-webkit-scrollbar-thumb:hover,
.application > .ember-view.objectRef .table .records::-webkit-scrollbar-thumb:hover,
.application > .ember-view.business .table .records::-webkit-scrollbar-thumb:hover,
.application > .ember-view.data .table .records::-webkit-scrollbar-thumb:hover,
.application > .ember-view.charting .table .records::-webkit-scrollbar-thumb:hover,
.application > .ember-view.status .table .records::-webkit-scrollbar-thumb:hover,
.application > .ember-view.portfolio .table .records::-webkit-scrollbar-thumb:hover {
  background-color: #aaa;
}
.application > .ember-view.admin .table .additional_info,
.application > .ember-view.objectRef .table .additional_info,
.application > .ember-view.business .table .additional_info,
.application > .ember-view.data .table .additional_info,
.application > .ember-view.charting .table .additional_info,
.application > .ember-view.status .table .additional_info,
.application > .ember-view.portfolio .table .additional_info {
  width: 100%;
  float: left;
  clear: left;
  background: #f3f3f3;
  overflow: hidden;
  padding: 0px !important;
  height: 0px;
  -webkit-transition: background-color 0.3s, height 0.3s, transform 0.3s;
  transition: background-color 0.3s, height 0.3s, transform 0.3s;
}
.application > .ember-view.admin .table .additional_info.opened,
.application > .ember-view.objectRef .table .additional_info.opened,
.application > .ember-view.business .table .additional_info.opened,
.application > .ember-view.data .table .additional_info.opened,
.application > .ember-view.charting .table .additional_info.opened,
.application > .ember-view.status .table .additional_info.opened,
.application > .ember-view.portfolio .table .additional_info.opened {
  padding: 20px;
}
.application > .ember-view.admin .table .big-field,
.application > .ember-view.objectRef .table .big-field,
.application > .ember-view.business .table .big-field,
.application > .ember-view.data .table .big-field,
.application > .ember-view.charting .table .big-field,
.application > .ember-view.status .table .big-field,
.application > .ember-view.portfolio .table .big-field {
  width: 100% !important;
  line-height: 1.6em !important;
  font-size: 1.2em !important;
  padding: 3px 5px !important;
}
.application > .ember-view.admin .table input[type=checkbox],
.application > .ember-view.objectRef .table input[type=checkbox],
.application > .ember-view.business .table input[type=checkbox],
.application > .ember-view.data .table input[type=checkbox],
.application > .ember-view.charting .table input[type=checkbox],
.application > .ember-view.status .table input[type=checkbox],
.application > .ember-view.portfolio .table input[type=checkbox],
.application > .ember-view.admin .table input[type=text],
.application > .ember-view.objectRef .table input[type=text],
.application > .ember-view.business .table input[type=text],
.application > .ember-view.data .table input[type=text],
.application > .ember-view.charting .table input[type=text],
.application > .ember-view.status .table input[type=text],
.application > .ember-view.portfolio .table input[type=text],
.application > .ember-view.admin .table input[type=number],
.application > .ember-view.objectRef .table input[type=number],
.application > .ember-view.business .table input[type=number],
.application > .ember-view.data .table input[type=number],
.application > .ember-view.charting .table input[type=number],
.application > .ember-view.status .table input[type=number],
.application > .ember-view.portfolio .table input[type=number] {
  width: 115px;
  max-width: 100%;
}
.application > .ember-view.admin .table .materialize-date-range,
.application > .ember-view.objectRef .table .materialize-date-range,
.application > .ember-view.business .table .materialize-date-range,
.application > .ember-view.data .table .materialize-date-range,
.application > .ember-view.charting .table .materialize-date-range,
.application > .ember-view.status .table .materialize-date-range,
.application > .ember-view.portfolio .table .materialize-date-range {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.application > .ember-view.admin .table .materialize-date-range input.single-date,
.application > .ember-view.objectRef .table .materialize-date-range input.single-date,
.application > .ember-view.business .table .materialize-date-range input.single-date,
.application > .ember-view.data .table .materialize-date-range input.single-date,
.application > .ember-view.charting .table .materialize-date-range input.single-date,
.application > .ember-view.status .table .materialize-date-range input.single-date,
.application > .ember-view.portfolio .table .materialize-date-range input.single-date {
  width: 50%;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  margin-right: 30px;
}
.application > .ember-view.admin .table .materialize-date-range input.single-date:not(:first-of-type),
.application > .ember-view.objectRef .table .materialize-date-range input.single-date:not(:first-of-type),
.application > .ember-view.business .table .materialize-date-range input.single-date:not(:first-of-type),
.application > .ember-view.data .table .materialize-date-range input.single-date:not(:first-of-type),
.application > .ember-view.charting .table .materialize-date-range input.single-date:not(:first-of-type),
.application > .ember-view.status .table .materialize-date-range input.single-date:not(:first-of-type),
.application > .ember-view.portfolio .table .materialize-date-range input.single-date:not(:first-of-type) {
  margin-left: 12px;
}
.application > .ember-view.admin .table.smallest .row,
.application > .ember-view.objectRef .table.smallest .row,
.application > .ember-view.business .table.smallest .row,
.application > .ember-view.data .table.smallest .row,
.application > .ember-view.charting .table.smallest .row,
.application > .ember-view.status .table.smallest .row,
.application > .ember-view.portfolio .table.smallest .row {
  font-size: 10px;
  line-height: 30px;
  height: 50px;
  vertical-align: middle;
  display: inline-block;
  padding: 8px;
}
.application > .ember-view.admin .table.smallest .row.title,
.application > .ember-view.objectRef .table.smallest .row.title,
.application > .ember-view.business .table.smallest .row.title,
.application > .ember-view.data .table.smallest .row.title,
.application > .ember-view.charting .table.smallest .row.title,
.application > .ember-view.status .table.smallest .row.title,
.application > .ember-view.portfolio .table.smallest .row.title {
  line-height: 12px;
  text-align: left !important;
  padding: 8px;
}
.application > .ember-view.admin .table.smallest .row.title:nth-child(odd),
.application > .ember-view.objectRef .table.smallest .row.title:nth-child(odd),
.application > .ember-view.business .table.smallest .row.title:nth-child(odd),
.application > .ember-view.data .table.smallest .row.title:nth-child(odd),
.application > .ember-view.charting .table.smallest .row.title:nth-child(odd),
.application > .ember-view.status .table.smallest .row.title:nth-child(odd),
.application > .ember-view.portfolio .table.smallest .row.title:nth-child(odd) {
  background: #ebf3f9 !important;
}
.application > .ember-view.admin .table.smallest .row.title:nth-child(even),
.application > .ember-view.objectRef .table.smallest .row.title:nth-child(even),
.application > .ember-view.business .table.smallest .row.title:nth-child(even),
.application > .ember-view.data .table.smallest .row.title:nth-child(even),
.application > .ember-view.charting .table.smallest .row.title:nth-child(even),
.application > .ember-view.status .table.smallest .row.title:nth-child(even),
.application > .ember-view.portfolio .table.smallest .row.title:nth-child(even) {
  background: #dde9f2 !important;
}
.application > .ember-view.admin .table.smaller .row,
.application > .ember-view.objectRef .table.smaller .row,
.application > .ember-view.business .table.smaller .row,
.application > .ember-view.data .table.smaller .row,
.application > .ember-view.charting .table.smaller .row,
.application > .ember-view.status .table.smaller .row,
.application > .ember-view.portfolio .table.smaller .row {
  font-size: 12px;
  line-height: 30px;
  height: 40px;
  vertical-align: middle;
  display: inline-block;
  padding: 8px;
}
.application > .ember-view.admin .table.smaller .row.title,
.application > .ember-view.objectRef .table.smaller .row.title,
.application > .ember-view.business .table.smaller .row.title,
.application > .ember-view.data .table.smaller .row.title,
.application > .ember-view.charting .table.smaller .row.title,
.application > .ember-view.status .table.smaller .row.title,
.application > .ember-view.portfolio .table.smaller .row.title {
  line-height: 12px;
  text-align: left !important;
  padding: 8px;
}
.application > .ember-view.admin .table.smaller .row.title:nth-child(odd),
.application > .ember-view.objectRef .table.smaller .row.title:nth-child(odd),
.application > .ember-view.business .table.smaller .row.title:nth-child(odd),
.application > .ember-view.data .table.smaller .row.title:nth-child(odd),
.application > .ember-view.charting .table.smaller .row.title:nth-child(odd),
.application > .ember-view.status .table.smaller .row.title:nth-child(odd),
.application > .ember-view.portfolio .table.smaller .row.title:nth-child(odd) {
  background: #ebf3f9 !important;
}
.application > .ember-view.admin .table.smaller .row.title:nth-child(even),
.application > .ember-view.objectRef .table.smaller .row.title:nth-child(even),
.application > .ember-view.business .table.smaller .row.title:nth-child(even),
.application > .ember-view.data .table.smaller .row.title:nth-child(even),
.application > .ember-view.charting .table.smaller .row.title:nth-child(even),
.application > .ember-view.status .table.smaller .row.title:nth-child(even),
.application > .ember-view.portfolio .table.smaller .row.title:nth-child(even) {
  background: #dde9f2 !important;
}
.application > .ember-view.admin .table.black .row.record,
.application > .ember-view.objectRef .table.black .row.record,
.application > .ember-view.business .table.black .row.record,
.application > .ember-view.data .table.black .row.record,
.application > .ember-view.charting .table.black .row.record,
.application > .ember-view.status .table.black .row.record,
.application > .ember-view.portfolio .table.black .row.record {
  cursor: pointer;
}
.application > .ember-view.admin .table.black .row.title,
.application > .ember-view.objectRef .table.black .row.title,
.application > .ember-view.business .table.black .row.title,
.application > .ember-view.data .table.black .row.title,
.application > .ember-view.charting .table.black .row.title,
.application > .ember-view.status .table.black .row.title,
.application > .ember-view.portfolio .table.black .row.title {
  background: #232323 !important;
  line-height: 24px;
  text-align: center;
  padding: 10px;
  word-break: break-word;
  color: #ffffff !important;
  font-weight: bold;
}
.application > .ember-view.admin .actions-column,
.application > .ember-view.objectRef .actions-column,
.application > .ember-view.business .actions-column,
.application > .ember-view.data .actions-column,
.application > .ember-view.charting .actions-column,
.application > .ember-view.status .actions-column,
.application > .ember-view.portfolio .actions-column {
  min-width: 65px;
}
.application > .ember-view.admin .actions-column .override.icon-flag,
.application > .ember-view.objectRef .actions-column .override.icon-flag,
.application > .ember-view.business .actions-column .override.icon-flag,
.application > .ember-view.data .actions-column .override.icon-flag,
.application > .ember-view.charting .actions-column .override.icon-flag,
.application > .ember-view.status .actions-column .override.icon-flag,
.application > .ember-view.portfolio .actions-column .override.icon-flag {
  font-size: 15px;
}
.adv-table-component .search_only {
  margin-bottom: 5px;
}
.adv-table-component tr::after {
  display: none;
}
.adv-table-component tr span.overridden {
  opacity: 0.24;
}
.adv-table-component .true_one.table.editable tr th {
  background-color: #074876;
  color: white;
}
.adv-table-component .true_one.table.editable tr th.options_row {
  min-width: 80px;
}
.adv-table-component .true_one.table.editable tr th > span {
  margin-left: 5px;
}
.adv-table-component .true_one.table.editable tr > div,
.adv-table-component .true_one.table.editable tr th {
  border-right: 1px solid black;
}
.adv-table-component .true_one.table.editable tr > div:nth-last-child(1),
.adv-table-component .true_one.table.editable tr th:nth-last-child(1) {
  border-right: solid black 1px;
  border-left: 2px solid #232323;
}
.adv-table-component .true_one.table.editable tr > div:first-child,
.adv-table-component .true_one.table.editable tr th:first-child {
  border-left: 1px solid black;
}
.adv-table-component .true_one.table.editable a {
  display: inline-block;
}
.adv-table-component .table_outer_container {
  position: relative;
  overflow: hidden;
}
.adv-table-component .table_outer_container .table_inner_container {
  /* -webkit-overflow-scrolling: touch; */
  /* uncomment to accelerate scrolling on iOS */
  height: auto !important;
  margin-bottom: -50px;
}
.adv-table-component .table_outer_container .table_inner_container.baron_h {
  overflow-y: scroll;
}
.adv-table-component .table_outer_container .table_inner_container::-webkit-scrollbar {
  /* Prevents webkit cross-direction scrolling bug */
  width: 0;
}
.adv-table-component .table_outer_container .table_inner_container .table {
  margin-bottom: 200px;
}
.adv-table-component .table_outer_container .table_inner_container .baron-track {
  pointer-events: none;
  position: absolute;
  bottom: 0;
  height: 2px;
  left: 20%;
  right: 20%;
  background: #bbb;
  margin-bottom: 20px;
}
.adv-table-component .table_outer_container .table_inner_container .baron-track .scroller__bar_h {
  bottom: -2px;
  background: #888;
  pointer-events: all;
  position: absolute;
  right: 0;
  z-index: 1;
  height: 6px;
  cursor: pointer;
}
thead tr th {
  text-align: left;
}
#root3-logo {
  float: left;
  width: 145px;
  margin: 0;
  height: 100%;
  display: inline-block;
}
#root3-logo > a {
  height: 100%;
  display: block;
  text-align: center;
}
#root3-logo > a > img {
  vertical-align: middle;
  margin-top: 15px;
}
.application-navbar {
  position: relative;
  background-color: #022c4a !important;
  z-index: 800;
}
.application-navbar:after {
  content: '';
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 1;
}
.application-navbar .nav-wrapper {
  padding-left: 20px;
  padding-right: 20px;
}
.application-navbar .nav-wrapper .center {
  height: 64px;
}
.application-navbar .nav-wrapper .main-nav li {
  position: relative;
  padding: 0;
}
.application-navbar .nav-wrapper .main-nav li a {
  padding: 0 18px;
}
.application-navbar .nav-wrapper .main-nav li ul {
  display: none;
  position: absolute;
  top: 100%;
  padding: 0;
  border: solid #022c4a 1px;
}
.application-navbar .nav-wrapper .main-nav li:hover ul {
  display: block;
}
.application-navbar .nav-wrapper .main-nav li:hover ul ul {
  display: none;
  top: 0;
  left: 100%;
}
.application-navbar .nav-wrapper .main-nav li:hover ul li {
  float: none;
  background-color: #022c4a !important;
}
.application-navbar .nav-wrapper .main-nav li:hover ul li:hover ul {
  display: block;
}
.application-navbar .brand-logo {
  display: table;
  height: 100%;
}
.application-navbar .brand-logo .logo-container {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  line-height: normal;
  padding-left: 2px;
  padding-top: 4px;
}
.application-navbar .brand-logo .logo-container .name-main {
  font-size: 20px;
  line-height: 20px;
  text-transform: uppercase;
}
.application-navbar .brand-logo .logo-container .name-description {
  margin-left: -2px;
  font-size: 10px;
}
.application-navbar ul.main-nav > li a.active {
  background-color: #eee;
  color: #022c4a;
}
.application-navbar ul.main-nav > li a:hover {
  background-color: #eee;
  color: #022c4a;
}
.application-navbar ul {
  list-style: none;
  white-space: nowrap;
  float: none;
  display: inline-block;
}
.application-navbar ul.side-nav > li:hover,
.application-navbar ul.side-nav > li.active {
  background-color: transparent;
}
.application-navbar ul.main-nav {
  margin-right: -215px;
}
.application-navbar ul.main-nav li a {
  position: relative;
  padding: 0px 13px;
  font-size: .8vw;
}
.application-navbar ul.main-nav li a:after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  z-index: 2;
}
.application-navbar .user-menu {
  float: right;
  padding-left: 50px;
}
.application-navbar .user-menu li {
  display: inline-block;
}
.application-navbar .user-menu a {
  cursor: pointer;
}
.application-navbar .user-menu .dropdown-button {
  text-shadow: 5px 1px #2d393f;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}
.application-navbar .user-menu .dropdown-button i {
  color: white;
  font-size: 24px;
}
.application-navbar .user-menu .dropdown-content {
  -webkit-transform: translateY(40px) !important;
  -moz-transform: translateY(40px) !important;
  -ms-transform: translateY(40px) !important;
  -o-transform: translateY(40px) !important;
  border: 1px solid #d3d3d3;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transform: translateY(64px);
}
.application-navbar .user-menu .dropdown-content li {
  border-bottom: 1px solid #d3d3d3;
  width: 100%;
}
.application-navbar .user-menu .dropdown-content li a {
  font-size: 12px;
  color: inherit;
}
.application-navbar .user-menu .dropdown-content li a.sign-out {
  height: 53px;
}
.application-navbar .user-menu .avatar {
  display: inline-block;
}
.application-navbar .user-menu .avatar img {
  width: auto;
  vertical-align: middle;
}
.application-navbar .user-menu .user-name {
  display: inline-block;
  margin-left: 10px;
  font-size: 12px;
}
.application-navbar .user-menu .notification {
  margin-left: 14px;
  cursor: pointer;
}
.application-navbar .user-menu .notification i {
  font-size: 13px;
}
.settings-nav {
  display: block;
  float: left;
  cursor: pointer;
  height: 64px;
}
.settings-nav .nav-items {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
  background: #ffffff;
  border: 1px solid #000000;
}
.settings-nav .nav-items .nav-item a {
  display: block;
  padding: 7px 20px 7px 20px;
  text-decoration: none;
  background: none;
  background: #f5f5f5;
  color: #cfcfcf;
}
.settings-nav .nav-items .nav-item a:hover,
.settings-nav .nav-items .nav-item a .active {
  color: #000000;
  background: #ffffff;
}
.vertical-navbar {
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  width: 264px;
  height: 100vh;
  height: 100dvh;
  display: flex;
  flex-direction: column;
  padding: 22px 14px 14px;
  overflow-y: auto;
  overflow-x: hidden;
  background: #101216;
  box-shadow: 7px 0 11px rgba(30, 31, 32, 0.2);
  font-family: 'Satoshi';
  color: rgba(255, 255, 255, 0.82);
  /* ===================== Logo ===================== */
  /* ===================== Account ===================== */
  /* ===================== Menu ===================== */
  /* ---- Level 1: section row (can render as <div> or <a>) ---- */
  /* expanded (open) section */
  /* ---- Levels 2+: nested accordion ---- */
  /* ---- Level 3: nested expandable group ---- */
}
.vertical-navbar::-webkit-scrollbar {
  width: 0;
}
.vertical-navbar > * {
  flex-shrink: 0;
}
.vertical-navbar .bcx-logo {
  display: block;
  padding: 4px 10px 18px 2px;
  line-height: 0;
}
.vertical-navbar .bcx-logo img {
  width: 150px;
  max-width: 100%;
  height: auto;
  display: block;
}
.vertical-navbar .account {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 11px;
  padding: 4px 8px 16px;
}
.vertical-navbar .account .avatar {
  width: 38px;
  height: 38px;
  flex: none;
  border-radius: 50%;
  background: linear-gradient(150deg, #5ce8c8, #16a88a);
  display: grid;
  place-items: center;
  overflow: hidden;
}
.vertical-navbar .account .initials {
  width: 100%;
  height: 100%;
}
.vertical-navbar .account [data-initials]:before {
  content: attr(data-initials);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #06231d;
  font-family: 'Satoshi';
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.vertical-navbar .account a.active .avatar {
  box-shadow: 0 0 0 2px rgba(92, 232, 200, 0.5);
}
.vertical-navbar .account .user-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  min-width: 0;
  flex: 1;
}
.vertical-navbar .account .user-info .name {
  font-family: 'Satoshi';
  font-weight: 700;
  font-size: 14px;
  line-height: 1.3;
  color: #F3F5F8;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.vertical-navbar .account .user-info .role {
  font-family: 'Satoshi';
  font-weight: 400;
  font-size: 12px;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.5);
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.vertical-navbar .nav-menu {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  gap: 2px;
  width: 100%;
}
.vertical-navbar .nav-logout {
  margin-top: auto;
  padding-top: 12px;
}
.vertical-navbar .nav-logout .menu-item {
  width: 100%;
  border: 0;
  background: transparent;
  line-height: inherit;
  text-align: left;
}
.vertical-navbar .nav-logout .menu-item:hover,
.vertical-navbar .nav-logout .menu-item:focus-visible {
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
}
.vertical-navbar .nav-logout .menu-item:focus-visible {
  outline: 2px solid #5CE8C8;
  outline-offset: -2px;
}
.vertical-navbar .menu-dropdown-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.vertical-navbar .menu-item-container {
  width: 100%;
}
.vertical-navbar .menu-item {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 9px;
  font-family: 'Satoshi';
  font-weight: 600;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.78);
  text-decoration: none;
  cursor: pointer;
  user-select: none;
  transition: background 120ms ease, color 120ms ease;
  /* current-route leaf section (rendered as <a class="menu-item">) */
}
.vertical-navbar .menu-item > svg {
  width: 18px;
  height: 18px;
  flex: none;
  color: inherit;
}
.vertical-navbar .menu-item .rail {
  position: absolute;
  left: -14px;
  top: 50%;
  width: 3px;
  height: 18px;
  border-radius: 0 3px 3px 0;
  background: #5CE8C8;
  transform: translateY(-50%) scaleY(0);
  transition: transform 180ms cubic-bezier(0.34, 1.56, 0.64, 1);
}
.vertical-navbar .menu-item .menu-text {
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.vertical-navbar .menu-item .menu-text a {
  color: inherit;
  text-decoration: none;
}
.vertical-navbar .menu-item .menu-text a.active {
  color: #5CE8C8;
}
.vertical-navbar .menu-item .menu-arrow {
  margin-left: auto;
  display: flex;
  opacity: 0.45;
}
.vertical-navbar .menu-item .menu-arrow svg {
  width: 14px;
  height: 14px;
  transition: transform 180ms ease;
}
.vertical-navbar .menu-item:hover {
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
}
.vertical-navbar .menu-item.active {
  color: #5CE8C8;
  background: rgba(92, 232, 200, 0.09);
}
.vertical-navbar .menu-item.active .rail {
  transform: translateY(-50%) scaleY(1);
}
.vertical-navbar .menu-dropdown-container.active > .menu-item-container > .menu-item {
  color: #fff;
}
.vertical-navbar .menu-dropdown-container.active > .menu-item-container > .menu-item .rail {
  transform: translateY(-50%) scaleY(1);
}
.vertical-navbar .menu-dropdown-container.active > .menu-item-container > .menu-item .menu-arrow {
  opacity: 1;
}
.vertical-navbar .menu-dropdown-container.active > .menu-item-container > .menu-item .menu-arrow svg {
  transform: rotate(180deg);
}
.vertical-navbar .menu-dropdown-container.active > .sub-menu-items {
  display: flex;
}
.vertical-navbar .sub-menu-items {
  display: none;
  flex-direction: column;
  overflow: hidden;
  margin: 2px 0 6px 25px;
  padding-left: 13px;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.vertical-navbar .sub-menu-item,
.vertical-navbar .sub-menu-option {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 9px;
  padding: 7px 10px;
  border-radius: 7px;
  font-family: 'Satoshi';
  font-size: 13px;
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  user-select: none;
  transition: background 120ms ease, color 120ms ease;
}
.vertical-navbar .sub-menu-item .dot,
.vertical-navbar .sub-menu-option .dot {
  width: 5px;
  height: 5px;
  flex: none;
  border-radius: 50%;
  background: currentColor;
  opacity: 0.4;
}
.vertical-navbar .sub-menu-item .sub-menu-text,
.vertical-navbar .sub-menu-option .sub-menu-text {
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.vertical-navbar .sub-menu-item .sub-menu-text a,
.vertical-navbar .sub-menu-option .sub-menu-text a {
  color: inherit;
  text-decoration: none;
}
.vertical-navbar .sub-menu-item .sub-menu-text a.active,
.vertical-navbar .sub-menu-option .sub-menu-text a.active {
  color: #5CE8C8;
  font-weight: 600;
}
.vertical-navbar .sub-menu-item .sub-menu-arrow,
.vertical-navbar .sub-menu-option .sub-menu-arrow {
  margin-left: auto;
  display: flex;
  opacity: 0.4;
}
.vertical-navbar .sub-menu-item .sub-menu-arrow svg,
.vertical-navbar .sub-menu-option .sub-menu-arrow svg {
  width: 13px;
  height: 13px;
  transition: transform 180ms ease;
}
.vertical-navbar .sub-menu-item:hover,
.vertical-navbar .sub-menu-option:hover {
  background: rgba(255, 255, 255, 0.05);
  color: #fff;
}
.vertical-navbar .sub-menu-item:hover .dot,
.vertical-navbar .sub-menu-option:hover .dot {
  opacity: 0.85;
}
.vertical-navbar .sub-menu-dropdown-container {
  display: flex;
  flex-direction: column;
}
.vertical-navbar .sub-menu-dropdown-container .sub-menu-options {
  display: none;
  flex-direction: column;
  overflow: hidden;
  margin: 2px 0 2px 9px;
  padding-left: 13px;
  border-left: 1px solid rgba(255, 255, 255, 0.08);
}
.vertical-navbar .sub-menu-dropdown-container.active > .sub-menu-item {
  color: #fff;
}
.vertical-navbar .sub-menu-dropdown-container.active > .sub-menu-item .sub-menu-arrow {
  opacity: 0.9;
}
.vertical-navbar .sub-menu-dropdown-container.active > .sub-menu-item .sub-menu-arrow svg {
  transform: rotate(180deg);
}
.vertical-navbar .sub-menu-dropdown-container.active > .sub-menu-options {
  display: flex;
}
@keyframes dissolve {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.reject-action-form .reject-choice {
  display: inline-block;
  height: 122px;
  width: 122px;
  background: white;
  color: #bdbdbd;
  border: 1px solid #bdbdbd;
}
.reject-action-form .reject-choice:not(:first-child) {
  margin-left: 12px;
}
.reject-action-form .reject-choice i {
  font-size: 58px;
}
.reject-action-form .reject-choice:hover,
.reject-action-form .reject-choice.active {
  color: #009688;
  border: 3px solid #009688;
}
.reject-action-form .input-container {
  margin-top: 50px;
}
.app-root .modal {
  overflow: visible;
  background: white;
  max-height: 100%;
  width: 480px;
}
.app-root .modal.open {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.app-root .modal .modal-content {
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.app-root .modal .modal-content form {
  width: 100%;
}
.app-root .modal .input-container {
  margin-top: 40px;
}
.app-root .modal .input-container label {
  left: 0;
  pointer-events: none;
}
.app-root .modal .error {
  padding-left: 10px;
  padding-top: 2px;
  -webkit-transform: opacity 0.3;
  -moz-transform: opacity 0.3;
  -ms-transform: opacity 0.3;
  -o-transform: opacity 0.3;
  font-size: 10px;
}
.app-root .modal .error.visible {
  opacity: 1;
}
.app-root .modal .buttons {
  margin-top: 30px;
}
.app-root .modal .buttons button:first-child {
  margin-right: 200px;
}
.app-root .wider-modal {
  width: 580px;
}
.app-root .widest-modal {
  width: 720px;
}
.background-overlay {
  display: block;
  opacity: 0.5;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 115%;
  width: 100%;
  background: #000;
  will-change: opacity;
}
.info-modal {
  display: block;
  top: 40%;
  opacity: 1;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  overflow: visible;
  background: white;
  max-height: 85%;
  position: fixed;
  background-color: white;
  padding: 62px 110px;
  max-height: 70%;
  max-width: 60%;
  left: 0;
  right: 0;
  margin: auto;
  overflow-y: auto;
  z-index: 1000;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transform: translate(0);
  -moz-transform: translate(0);
  -ms-transform: translate(0);
  -o-transform: translate(0);
  will-change: top, opacity;
}
.info-modal .admin-loading-box {
  margin: 0 auto;
}
.info-modal label {
  font-size: 17px;
  color: #000000;
}
.confirm-message .title,
.add-edit-maintenance .title {
  font-size: 17px;
  color: #000000;
  padding: 15px 15px 0px;
  text-align: center;
}
.confirm-message .modal_button,
.add-edit-maintenance .modal_button {
  font-size: 15px;
  line-height: 15px;
  background-color: white !important;
  border: none;
  padding: 0;
}
.confirm-message .modal_button .icon,
.add-edit-maintenance .modal_button .icon {
  margin-left: 11px;
}
.confirm-message .modal_button:hover,
.add-edit-maintenance .modal_button:hover {
  color: #ff8400;
}
.confirm-message .modal_button:hover:disabled,
.add-edit-maintenance .modal_button:hover:disabled {
  color: #000000;
}
.confirm-message .modal_button.submit,
.add-edit-maintenance .modal_button.submit {
  float: right;
}
.confirm-message i.left_10.mdi-content-clear,
.add-edit-maintenance i.left_10.mdi-content-clear {
  position: relative;
  top: 2px;
}
.input_modal .title {
  padding: 0px;
  text-align: left;
  font-size: 23px;
  font-weight: 300;
}
.input_modal .error.visible {
  text-align: center;
}
.input_modal button[disabled] {
  opacity: 0.4;
}
.input_modal input {
  margin-left: 5px;
}
.add-edit-maintenance input {
  width: 340px;
}
.mCSB_dragger_bar {
  background-color: #17191D !important;
}
.mCSB_draggerRail {
  background-color: #E9ECF2 !important;
}
.mCS-root3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #17191D;
}
.mCS-root3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-root3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #17191D;
}
.mCS-root3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #cfcfcf;
  display: block;
}
.mCustomScrollBox.mCS-root3.mCSB_vertical.mCSB_inside,
.mCustomScrollBox.mCS-root3.mCSB_vertical.mCSB_inside > div {
  display: block;
}
.mCSB_inside > .mCSB_container {
  margin-right: 10px;
}
.mCS-root3.mCSB_scrollTools {
  width: 10px;
}
.mCS-root3.mCSB_scrollTools .mCSB_dragger {
  height: 24px !important;
  max-height: 24px !important;
}
.mCS-root3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #17191D;
  width: 2px;
  height: 24px;
}
.mCS-root3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-root3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  height: 24px;
  background-color: #17191D;
}
.mCS-root3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #e0e0e0;
}
.adv-table-component .mCSB_container {
  padding-bottom: 165px;
}
.adv-table-component .mCSB_scrollTools.mCS-root3.mCSB_scrollTools_horizontal {
  width: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -165px);
  -moz-transform: translate(-50%, -165px);
  -ms-transform: translate(-50%, -165px);
  -o-transform: translate(-50%, -165px);
}
@-webkit-keyframes rotator {
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotator {
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes loadpath {
  to {
    stroke-dashoffset: -138;
  }
}
@keyframes loadpath {
  to {
    stroke-dashoffset: -138;
  }
}
body > .load-screen {
  position: fixed;
  top: 64px;
  left: 0;
  z-index: 500;
  width: 100%;
  height: 100%;
}
.loading-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: auto;
  width: 44px;
  height: 44px;
  margin-left: -22px;
  margin-top: -33px;
  -webkit-animation: rotator 1.6s linear infinite forwards;
  animation: rotator 1.6s linear infinite forwards;
}
.loading-dialog svg {
  display: block;
  width: 100%;
  height: 100%;
}
.loading-dialog svg circle {
  stroke: rgba(0, 0, 0, 0.1);
  stroke-dasharray: 138;
  stroke-dashoffset: 138;
  -webkit-animation: loadpath 1.6s linear infinite forwards;
  animation: loadpath 1.6s linear infinite forwards;
}
.loading-dialog .sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.loading-dialog .sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #022c4a;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
  animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.loading-dialog .sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
.loading-dialog .sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
.loading-dialog .sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.loading-dialog .sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
.loading-dialog .sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
.loading-dialog .sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.loading-dialog .sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
.loading-dialog .sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
.loading-dialog .sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.loading-dialog .sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
.loading-dialog .sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
.loading-dialog .sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.loading-dialog .sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.loading-dialog .sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.loading-dialog .sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.loading-dialog .sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.loading-dialog .sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.loading-dialog .sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.loading-dialog .sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.loading-dialog .sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.loading-dialog .sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.loading-dialog .sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
@-webkit-keyframes sk-circleBounceDelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes sk-circleBounceDelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.loading-widget-component {
  height: 100%;
}
.loading-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
}
.loading-spinner {
  border: 4px solid rgba(0, 0, 0, 0.1);
  border-left-color: #000;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  animation: spin 1s linear infinite;
  margin-right: 10px;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.immediate-notifications-container {
  position: absolute;
  padding: 4px 0 4px 4px;
  right: 0;
  overflow: hidden;
  pointer-events: none;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  -webkit-transition: -webkit-transform 0s linear 1s;
  -moz-transition: -moz-transform 0s linear 1s;
  -o-transition: -o-transform 0s linear 1s;
  transition: transform 0s linear 1s;
}
.immediate-notifications-container.active {
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  -webkit-transition: -webkit-transform 0s linear 0s;
  -moz-transition: -moz-transform 0s linear 0s;
  -o-transition: -o-transform 0s linear 0s;
  transition: transform 0s linear 0s;
}
.immediate-notifications-container .immediate-notifications {
  z-index: 10;
  pointer-events: all;
  position: relative;
  left: 120%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.immediate-notifications-container .immediate-notifications.active {
  left: 0;
  background-color: red;
}
.immediate-notifications-container .immediate-notifications .immediate-action {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0 15px;
}
.material-tooltip {
  line-height: 0;
}
.materialize-tooltip .icon {
  font-size: 18px;
}
.from-date-container .selectize-input,
.to-date-container .selectize-input {
  color: white !important;
}
.app-root .select-ize-component .selectize-control.single .selectize-input {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px 16px;
  gap: 8px;
  width: 100%;
  height: 40px;
  background: #FFFFFF;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 160%;
  font-feature-settings: 'liga' off;
  color: #21262A;
  border: 1px solid #E9ECF2;
  border-radius: 8px;
}
.app-root .select-ize-component .selectize-control.single .selectize-input:after {
  position: absolute;
  right: 0;
  top: 8px;
  font-size: 20px;
  content: "\e7b4";
  font-family: "Material-Design-Icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: pointer;
}
.app-root .select-ize-component .selectize-control.single .selectize-input input {
  height: auto;
}
.app-root .select-ize-component .selectize-control.single .selectize-dropdown .active {
  background-color: #F3F5F8;
}
.app-root .select-ize-component.has-error .selectize-control.single .selectize-input {
  border-color: #d76b6b;
}
/**
 * selectize.default.css (v0.12.0) - Default Theme
 * Copyright (c) 2013–2015 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  -webkit-box-shadow: inset 0 0 12px 4px #ffffff;
  box-shadow: inset 0 0 12px 4px #ffffff;
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: '!';
  visibility: hidden;
}
.selectize-control.plugin-drag_drop .ui-sortable-helper {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}
.selectize-dropdown-header-close:hover {
  color: #000000;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}
.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important;
}
.selectize-control.plugin-remove_button [data-value] .remove {
  z-index: 1;
  /* fixes ie bug (see #392) */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 17px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 0 0 0;
  border-left: 1px solid #0073bb;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}
.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: #00578d;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: #aaaaaa;
}
.selectize-control {
  position: relative;
}
.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  -webkit-font-smoothing: inherit;
}
.selectize-input,
.selectize-control.single .selectize-input.input-active {
  cursor: text;
  display: inline-block;
}
.selectize-input {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.selectize-control.multi .selectize-input.has-items {
  padding: 5px 8px 2px;
}
.selectize-input.full {
  background-color: #ffffff;
}
.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
}
.selectize-input.dropdown-active {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.selectize-input > * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #1da7ee;
  color: #ffffff;
  border: 1px solid #0073bb;
}
.selectize-control.multi .selectize-input > div.active {
  background: #fb8c00;
  color: #ffffff;
  border: 1px solid #00578d;
}
.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #ffffff;
  background: #fb8c00;
  border: 1px solid #aaaaaa;
}
.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 1px !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.selectize-input > input::-ms-clear {
  display: none;
}
.selectize-input > input:focus {
  outline: none !important;
}
.selectize-input.dropdown-active::before {
  content: ' ';
  display: block;
  position: absolute;
  background: #f0f0f0;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}
.selectize-dropdown {
  position: absolute;
  z-index: 10;
  background: #ffffff;
  margin: 5px 0 0 0;
  border: 1px solid #F2F4F7;
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  border-radius: 8px;
}
.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 160%;
  /* or 22px */
  font-feature-settings: 'liga' off;
  /* Gray/700 */
  color: #21262A;
}
.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.5);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
  padding: 5px 8px;
  text-align: left;
}
.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
.selectize-dropdown .optgroup-header {
  color: #303030;
  background: #ffffff;
  cursor: default;
}
.selectize-dropdown .active {
  background-color: #fb8c00;
}
.selectize-dropdown .active.create {
  color: black;
}
.selectize-dropdown .create {
  color: rgba(0, 0, 0, 0.9);
}
.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 250px;
}
.selectize-dropdown-content::-webkit-scrollbar {
  width: 6px;
  height: 8px;
}
.selectize-dropdown-content::-webkit-scrollbar-track {
  background-color: #FFFFFF;
  border-radius: 8px;
}
.selectize-dropdown-content::-webkit-scrollbar-thumb {
  background: #A89F91;
  border-radius: 8px;
}
.selectize-dropdown-content::-webkit-scrollbar-thumb:hover {
  width: 10px;
}
.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}
.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}
.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto;
}
.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}
.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fafafa;
}
.selectize-control.multi .selectize-input.has-items {
  padding-left: 5px;
  padding-right: 5px;
}
.selectize-control.multi .selectize-input.disabled [data-value] {
  color: #999;
  text-shadow: none;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.selectize-control.multi .selectize-input.disabled [data-value],
.selectize-control.multi .selectize-input.disabled [data-value] .remove {
  border-color: #e6e6e6;
}
.selectize-control.multi .selectize-input.disabled [data-value] .remove {
  background: none;
}
.selectize-control.multi .selectize-input [data-value] {
  text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #1b9dec;
  background-image: -moz-linear-gradient(top, #1da7ee, #178ee9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1da7ee), to(#178ee9));
  background-image: -webkit-linear-gradient(top, #1da7ee, #178ee9);
  background-image: -o-linear-gradient(top, #1da7ee, #178ee9);
  background-image: linear-gradient(to bottom, #1da7ee, #178ee9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1da7ee', endColorstr='#ff178ee9', GradientType=0);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
}
.selectize-control.multi .selectize-input [data-value].active {
  background-color: #0085d4;
  background-image: -moz-linear-gradient(top, #008fd8, #0075cf);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#008fd8), to(#0075cf));
  background-image: -webkit-linear-gradient(top, #008fd8, #0075cf);
  background-image: -o-linear-gradient(top, #008fd8, #0075cf);
  background-image: linear-gradient(to bottom, #008fd8, #0075cf);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff008fd8', endColorstr='#ff0075cf', GradientType=0);
}
.selectize-control.single .selectize-input {
  background-color: #fff;
}
.selectize-dropdown .optgroup-header {
  padding-top: 7px;
  font-weight: bold;
  font-size: 0.85em;
}
.selectize-dropdown .optgroup {
  border-top: 1px solid #f0f0f0;
}
.selectize-dropdown .optgroup:first-child {
  border-top: 0 none;
}
.app-root .input-field label {
  font-weight: normal;
  color: black;
  left: 0;
}
.transparent-dropdown {
  border: none !important;
  background-color: white !important;
}
.transparent-dropdown:hover {
  background-color: #cfd8dc !important;
}
.ui-slider.ui-slider-horizontal {
  height: 0;
  border-radius: 0;
  margin: 3px 0;
}
.ui-slider.ui-slider-horizontal .ui-slider-range {
  top: -1px;
  height: 3px;
  background: #009688;
}
.ui-slider.ui-slider-horizontal .ui-slider-handle {
  height: 9px;
  width: 9px;
  top: -4px;
  border-radius: 4px;
  border: 2px solid #009688;
  background-color: #009688;
}
.ui-slider.ui-slider-horizontal .ui-slider-handle.ui-state-hover,
.ui-slider.ui-slider-horizontal .ui-slider-handle.ui-state-focus {
  border: 4px solid #009688;
}
.thumb-normal {
  background: #ffffff;
  border: 2px solid #009688;
  height: 9px;
  width: 9px;
  margin-top: -4px;
}
.thumb-active {
  height: 12px;
  width: 12px;
  border: 5px solid #009688;
  margin-top: -4px;
}
.track-normal {
  height: 1px;
}
.app-root .range-field.active input[type=range]::-webkit-slider-thumb {
  height: 12px;
  width: 12px;
  border: 5px solid #009688;
  margin-top: -4px;
}
.app-root .range-field.active input[type=range]::-moz-range-thumb {
  height: 12px;
  width: 12px;
  border: 5px solid #009688;
  margin-top: -4px;
}
.app-root .range-field.active input[type=range]::-ms-thumb {
  height: 12px;
  width: 12px;
  border: 5px solid #009688;
  margin-top: -4px;
}
.app-root input[type=range]::-webkit-slider-thumb {
  background: #ffffff;
  border: 2px solid #009688;
  height: 9px;
  width: 9px;
  margin-top: -4px;
}
.app-root input[type=range]::-moz-range-thumb {
  background: #ffffff;
  border: 2px solid #009688;
  height: 9px;
  width: 9px;
  margin-top: -4px;
}
.app-root input[type=range]::-ms-thumb {
  background: #ffffff;
  border: 2px solid #009688;
  height: 9px;
  width: 9px;
  margin-top: -4px;
}
.app-root input[type=range]::-webkit-slider-runnable-track {
  height: 1px;
}
.app-root input[type=range] + .thumb {
  background-color: #009688;
}
.droppable-border:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border-top: 4px solid #e0e0e0;
  z-index: 10;
}
.droppable-border:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px dashed #bdbdbd;
  width: 100%;
  pointer-events: none;
  z-index: 10;
}
.tree,
.tuple-list-container {
  font-size: 10px;
}
.tree ul,
.tuple-list-container ul {
  margin: 0 0 0 20px;
}
.tree .tree-node,
.tuple-list-container .tree-node,
.tree li,
.tuple-list-container li {
  margin-top: 8px;
  white-space: nowrap;
}
.tree .tree-node.main > a,
.tuple-list-container .tree-node.main > a {
  color: #009688 !important;
}
.tree .tuple,
.tuple-list-container .tuple {
  cursor: pointer;
}
.tuple-expander {
  position: fixed;
  right: 20px;
  font-size: 24px;
  z-index: 1;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s;
  margin-top: -6px;
}
.tuple-expander i {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tuple-expander.tuples-hidden {
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
  -ms-transform: translateX(10px);
  -o-transform: translateX(10px);
}
.tuple-expander.tuples-hidden i {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
}
.ts-tuples-tree-component {
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.ts-tuples-tree-component.show {
  opacity: 1;
}
.tuple-list-togglable {
  position: fixed;
  top: 0;
  right: 20px;
  bottom: 65px;
  width: 345px;
  padding: 20px 20px 10px 20px;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s;
}
.tuple-list-togglable h5 {
  letter-spacing: -0.5px;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 14px;
}
.tuple-list-togglable.tuples-hidden {
  -webkit-transform: translateX(150%);
  -moz-transform: translateX(150%);
  -ms-transform: translateX(150%);
  -o-transform: translateX(150%);
}
.tuple-list-togglable.iefix_hidden {
  left: -800px !important;
}
.tuple-list-togglable label {
  display: block;
  font-size: 11px;
  padding-top: 18px;
  padding-left: 2px;
  letter-spacing: 0.5px;
}
.tuple-list-togglable label i {
  font-size: 14px;
  vertical-align: middle;
  margin-top: -2px;
}
.tuple-list-togglable .scrollbar-container {
  overflow: hidden;
}
.tuple-list-togglable .tuple_container {
  max-height: 85px;
  overflow: auto;
  position: relative;
}
.tuple-list-togglable .tuple_container div.tuple {
  cursor: default;
  cursor: grab;
  cursor: -webkit-grab;
  cursor: -moz-grab;
}
.tuple-list {
  padding: 0;
}
.tuple-list,
.tuple-list .tree-branch {
  list-style: none;
}
.tuple-list .toggle-icon,
.tuple-list a,
.tuple-list .tuple {
  cursor: pointer;
}
.picker__footer {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.materialize-date-range input.double-date {
  width: 245px;
  margin-bottom: 0;
  height: 26px;
  border: none;
  font-size: 12px;
}
.materialize-date-range .overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.32);
  z-index: 2900;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
  pointer-events: none;
}
.materialize-date-range .overlay.show {
  opacity: 1;
  pointer-events: auto;
}
.materialize-date-range .range_label {
  font-size: 12px;
}
.app-root {
  /* Remove default checkbox */
}
.app-root .radio-button-inline label {
  font-size: 15px;
}
.app-root [type="radio"]:not(:checked) + label,
.app-root [type="radio"]:checked + label {
  position: relative;
  padding-right: 15px;
  cursor: pointer;
  display: inline-block;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
}
.app-root [type="radio"]:not(:checked),
.app-root [type="radio"]:checked {
  position: absolute;
  left: -9999px;
}
.app-root [type="radio"] + label:after {
  content: '';
  width: 8px;
  height: 8px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 2px;
  border: 1px solid black;
  margin-left: 8px;
}
.app-root [type="radio"]:checked + label:after {
  background: #fb8c00;
  border-color: #fb8c00;
}
.materialize-dropdown {
  font-size: 18px;
}
.materialize-dropdown label {
  display: block;
  margin-bottom: 10px;
}
.app-root .btn-floating {
  background-color: #009688 !important;
}
.app-root .buttons .btn,
.app-root .buttons .btn-large {
  border: none;
  border-radius: 2px;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  padding: 0 16px;
  text-transform: uppercase;
}
.app-root .buttons .btn:not(.disabled),
.app-root .buttons .btn-large:not(.disabled) {
  color: white;
}
.app-root .materialize-checkbox {
  display: inline;
  pointer-events: none;
}
.app-root .materialize-checkbox label {
  pointer-events: all;
  height: 14px;
  line-height: 1;
}
.app-root .materialize-input .input-field {
  position: relative;
}
.app-root .materialize-input .input-field input[type="text"],
.app-root .materialize-input .input-field input[type="number"] {
  height: auto;
  border: none;
  margin-bottom: 0;
  font-size: 14px;
  padding: 10px 0 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-align: left;
}
.app-root .materialize-input .input-field input[type="text"]:not(.disabled),
.app-root .materialize-input .input-field input[type="number"]:not(.disabled) {
  border-bottom: 1px solid black;
}
.app-root .materialize-input .input-field input[type="text"]:focus,
.app-root .materialize-input .input-field input[type="number"]:focus {
  border-bottom: 1px solid #fb8c00;
}
.app-root .materialize-input.has-error .input-field input[type="text"],
.app-root .materialize-input.has-error .input-field input[type="number"] {
  border-color: #d76b6b;
}
.sticky-header-fixed-placeholder {
  height: 38px;
  visibility: hidden;
}
.sticky-header {
  height: 100%;
}
.sticky-header.fixed {
  position: fixed !important;
  top: 0;
  left: 20px;
  right: 20px;
}
.sticky-header .second {
  overflow: hidden;
  -webkit-transition: max-height 0.5s;
  transition: max-height 0.5s;
}
.sticky-header.is-closed .second {
  max-height: 0 !important;
}
.sticky-header .toggle-button {
  position: absolute;
  bottom: -5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.header-label {
  float: left;
  padding-right: 5px;
}
.header-select {
  float: right;
  width: 120px;
}
#alertify.alertify-alert,
#alertify.alertify-hide {
  border: 1px solid #d76b6b;
  border-radius: 0;
  min-width: 480px;
}
#alertify.alertify-alert .alertify-dialog,
#alertify.alertify-hide .alertify-dialog {
  color: #d76b6b;
  padding-bottom: 8px;
}
#alertify.alertify-alert .alertify-dialog p.alertify-message,
#alertify.alertify-hide .alertify-dialog p.alertify-message {
  font-size: 17px;
  margin-top: 0;
  margin-bottom: 10px;
}
#alertify.alertify-alert .alertify-dialog p.alertify-message:before,
#alertify.alertify-hide .alertify-dialog p.alertify-message:before {
  content: '\e802';
  display: block;
  font-family: "fontello";
  font-weight: normal;
}
#alertify.alertify-alert .alertify-dialog .alertify-buttons,
#alertify.alertify-hide .alertify-dialog .alertify-buttons {
  background-color: #ffffff !important;
  background: none;
  box-shadow: none;
  height: auto;
  line-height: 1;
}
#alertify.alertify-alert .alertify-dialog .alertify-buttons button,
#alertify.alertify-hide .alertify-dialog .alertify-buttons button {
  background: none;
  color: black;
  border: none;
  font-size: 14px;
  font-weight: 400;
  text-shadow: none;
}
#alertify.alertify-alert .alertify-dialog .alertify-buttons button:focus,
#alertify.alertify-hide .alertify-dialog .alertify-buttons button:focus {
  box-shadow: none;
}
.alertify-log-success {
  background: #3D9970 !important;
}
.alertify-log {
  background: #3D9970;
  background: rgba(0, 0, 0, 0.9);
  padding: 15px;
  border-radius: 4px;
  color: #fff !important;
  text-shadow: none !important;
}
.sp-container.root3 {
  background-color: #eeeeee;
  border: none;
  padding: 5px;
}
.sp-container.root3 .sp-palette-container {
  border-right: none;
  padding-right: 0;
}
.sp-container.root3 .sp-palette-container .sp-palette {
  max-width: 60px;
}
.sp-container.root3 .sp-palette-container .sp-palette .sp-thumb-el {
  border: none;
  margin: 2px 2px;
}
.sp-container.root3 .sp-picker-container {
  width: 200px;
  border-left: none;
}
.sp-container.root3 .sp-picker-container .sp-initial {
  border: none;
}
.sp-container.root3 .sp-picker-container .sp-initial,
.sp-container.root3 .sp-picker-container .sp-button-container {
  margin-top: 10px;
}
.sp-container.root3 .sp-picker-container .sp-top .sp-top-inner .sp-color,
.sp-container.root3 .sp-picker-container .sp-top .sp-top-inner .sp-hue {
  border: none;
}
.sp-container.root3 .sp-picker-container .sp-button-container .sp-cancel {
  float: left;
}
.sp-container.root3 .sp-picker-container .sp-button-container .sp-choose {
  float: right;
  background: none;
  border: none;
}
.sp-container.root3 .sp-picker-container .sp-button-container .sp-cancel,
.sp-container.root3 .sp-picker-container .sp-button-container .sp-choose {
  color: black !important;
  font-size: 15px;
  text-transform: capitalize;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.sp-container.root3 .sp-picker-container .sp-button-container .sp-cancel:hover,
.sp-container.root3 .sp-picker-container .sp-button-container .sp-choose:hover {
  color: #fb8c00 !important;
}
.sp-container.root3 .sp-picker-container .sp-button-container .sp-cancel:hover,
.sp-container.root3 .sp-picker-container .sp-button-container .sp-choose:hover {
  text-decoration: none;
}
.advanced-filter-component {
  position: relative;
  margin-right: -1px;
}
.advanced-filter-component .input-container .icon {
  bottom: 0;
}
.advanced-filter-component .input-container .mdi-action-search {
  right: 15px !important;
}
.advanced-filter-component .input-container .ember-text-field {
  padding-right: 32px;
}
.advanced-filter-component .filter-more-wrapper {
  z-index: 102;
  position: relative;
}
.advanced-filter-component .filter-more-wrapper .filter-more {
  position: absolute;
  right: 0;
  top: 12px;
  cursor: pointer;
}
.advanced-filter-component .filter-list {
  z-index: 101;
  position: absolute;
  right: 0;
  background-color: #ffffff;
  min-width: 179px;
  border: 1px solid #cfcfcf;
  border-top: 0;
}
.advanced-filter-component .filter-list li {
  padding: 10px 15px;
}
.advanced-filter-component .filter-list-header,
.advanced-filter-component .filter-option [type="checkbox"] + label {
  font-size: 1.1em;
}
.advanced-filter-component .filter-list-header {
  border-top: 0;
}
.advanced-filter-component .filter-option {
  border-top: 1px solid #cfcfcf;
  /* should be #c0c0c0 */
}
.advanced-filter-component .filter-option [type="checkbox"] + label:before {
  content: '';
  width: 8px;
  height: 8px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 2px;
  border: 1px solid black;
  margin-left: 8px;
  left: 0;
  top: 0;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
}
.advanced-filter-component .filter-option [type="checkbox"]:checked + label {
  color: #fb8c00;
}
.advanced-filter-component .filter-option [type="checkbox"]:checked + label:before {
  background: #fb8c00;
  border-color: #fb8c00;
}
.advanced-filter-component .filter-select-all {
  border-top-color: #000000;
}
.advanced-filter-component .filter-select-all [type="checkbox"] label:before {
  border-color: #cfcfcf;
}
.scroll-to-bottom-component {
  width: 19px;
  right: 0;
  top: 356px;
  font-size: 10px;
  font-weight: 500;
  margin-right: 0;
  text-align: center;
}
.scroll-to-bottom-component .sign {
  position: absolute;
  bottom: 0;
  width: 74px;
  margin-left: 24px;
}
.scroll-to-bottom-component button {
  font-size: 15px;
  line-height: 15px;
  background-color: white !important;
  border: none;
  padding: 0;
  position: absolute;
}
.scroll-to-bottom-component button .icon {
  margin-left: 11px;
}
.scroll-to-bottom-component button:hover {
  color: #ff8400;
}
.scroll-to-bottom-component button:hover ~ div {
  display: block;
}
.loading-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.loading-content {
  color: #fff;
  text-align: center;
  padding: 20px;
  border-radius: 10px;
  background-color: #333;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
}
.loading-icon {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 5px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top: 5px solid #fff;
  animation: spin 1s linear infinite, fadeInOut 2s ease-in-out infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes fadeInOut {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.response-modal {
  display: none;
  /* Hide the modal by default */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.5);
  /* Overlay effect */
  backdrop-filter: blur(5px);
  /* Additional blur effect for modern browsers */
  animation: fadeInModal 0.3s forwards;
  /* Fade-in animation */
}
.response-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  border-radius: 10px;
  background-color: #f9f9f9;
  /* Light gray for the content background */
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
  max-width: 400px;
  color: #333;
  /* Text color */
  font-family: 'Satoshi';
  font-style: normal;
  font-weight: 500;
  text-align: center;
}
.response-success {
  background-color: #a7e9af;
  /* Light green for success */
  color: #4a4a4a;
  /* Dark text color for success */
}
.response-error {
  background-color: #f1a5a5;
  /* Light red for error */
  color: #4a4a4a;
  /* Dark text color for error */
}
.response-icon {
  font-size: 40px;
  margin-bottom: 10px;
  animation: scaleIcon 0.5s ease-in-out;
  /* Scale animation for the response icon */
  margin-bottom: 20px;
  /* Increased margin for better spacing */
}
@keyframes fadeInModal {
  to {
    opacity: 1;
  }
}
@keyframes scaleIcon {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
}
/* Style for the close button */
.response-modal-button {
  margin-top: 15px;
  padding: 10px 20px;
  background-color: #4a4a4a;
  /* Dark color for the button */
  color: #fff;
  /* Text color for the button */
  border: none;
  border-radius: 5px;
  cursor: pointer;
}
.response-modal-button:hover {
  background-color: #555;
  /* Slightly lighter color on hover */
}
.response-modal-button:focus {
  outline: none;
}
/* ============================================================
   Expression Builder — Direction A (inline / sentence-flow)
   Port of the design-system prototype (builder.css), adapted
   to the project's existing colour and font conventions.

   `.eb-*`  shared editor shell
   `.a-*`   Direction A specific tokens / chips / popovers
   ============================================================ */
#edit-point-modal-config .modal.fullscreen {
  overflow: hidden;
  padding: 0;
}
.eb-modal-shell {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 100vh;
  overflow: hidden;
  background: #ffffff;
  font-family: 'Satoshi', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  color: #14181c;
  font-size: 14px;
  text-align: left;
  -webkit-font-smoothing: antialiased;
}
.eb-modal-shell * {
  box-sizing: border-box;
}
.eb-modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 28px 18px;
  border-bottom: 1px solid #e6e8eb;
  flex: 0 0 auto;
}
.eb-modal-title {
  font-family: 'Satoshi', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 700;
  font-size: 22px;
  letter-spacing: -0.018em;
  color: #14181c;
  display: flex;
  align-items: center;
  gap: 12px;
}
.eb-modal-title .kicker {
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #5a6473;
  font-weight: 600;
  padding: 5px 9px;
  border-radius: 999px;
  background: #f4f6f8;
  border: 1px solid #e6e8eb;
  font-family: 'Satoshi', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.eb-head-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.eb-close {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  border: 1px solid #e6e8eb;
  background: #ffffff;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #14181c;
}
.eb-close:hover {
  background: #f4f6f8;
}
.eb-form-row {
  display: grid;
  grid-template-columns: 1.2fr 1.6fr 1fr;
  gap: 18px;
  padding: 18px 28px;
  border-bottom: 1px solid #e6e8eb;
  background: #fafbfc;
  flex: 0 0 auto;
}
.eb-form-row.eb-form-row-two {
  grid-template-columns: 1fr 2fr;
}
.eb-form-row-fault {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  padding: 12px 28px 16px;
  border-bottom: 1px solid #e6e8eb;
  background: #fafbfc;
  flex: 0 0 auto;
}
.eb-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.eb-field label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #5a6473;
}
.eb-field .error {
  font-size: 11px;
  color: #8a1c0e;
}
.eb-input {
  height: 38px;
  padding: 0 12px;
  background: #ffffff;
  border: 1px solid #dde1e6;
  border-radius: 8px;
  font-size: 13px;
  color: #14181c;
  font-family: inherit;
}
.eb-input:focus {
  border-color: #5ce8c8;
  outline: none;
  box-shadow: 0 0 0 3px rgba(92, 232, 200, 0.25);
}
.eb-seg {
  display: flex;
  width: 100%;
  padding: 3px;
  background: #F0F2F4;
  border: 1px solid #e6e8eb;
  border-radius: 10px;
  height: 38px;
  align-items: stretch;
  gap: 2px;
}
.eb-seg button,
.eb-seg .seg-option {
  flex: 1 1 0;
  min-width: 0;
  background: transparent;
  border: 0;
  padding: 0 8px;
  border-radius: 8px;
  font-size: 12px;
  color: #5a6473;
  font-weight: 500;
  cursor: pointer;
  font-family: inherit;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.eb-seg button.on,
.eb-seg .seg-option.on,
.eb-seg button.active,
.eb-seg .seg-option.active {
  background: #14181c;
  color: #fff;
}
.eb-enable-toggle {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  color: #5a6473;
}
.eb-builder {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}
.eb-body {
  display: grid;
  grid-template-columns: 1fr 440px;
  grid-template-rows: 1fr;
  min-height: 0;
  flex: 1 1 auto;
  overflow: hidden;
}
.eb-canvas-col {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.eb-picker-col {
  border-left: 1px solid #e6e8eb;
  background: #fafbfc;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.eb-canvas {
  padding: 20px 24px;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 0;
  overflow-y: auto;
}
.eb-canvas-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #5a6473;
  display: flex;
  align-items: center;
  gap: 8px;
}
.eb-canvas-label .ctx {
  font-family: 'Roboto Mono', 'SF Mono', 'Menlo', 'Consolas', monospace;
  padding: 2px 7px;
  border-radius: 4px;
  background: #F0F2F4;
  color: #14181c;
  font-weight: 500;
  letter-spacing: 0;
}
.a-flow {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 10px;
  padding: 18px;
  background: #ffffff;
  border: 1px solid #e6e8eb;
  border-radius: 14px;
  font-size: 14px;
  line-height: 30px;
  min-height: 120px;
  flex: 1 1 auto;
  overflow-y: auto;
  position: relative;
  cursor: text;
}
.a-flow .expression {
  border: none !important;
  min-height: 22px;
  min-width: 28px;
  padding: 0 4px;
  background: transparent;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: flex-start;
  gap: 10px;
  font-size: inherit;
  line-height: inherit;
  cursor: text;
  border-radius: 4px;
  transition: background 0.12s, box-shadow 0.12s;
}
.a-flow .expression:hover {
  background: rgba(110, 69, 214, 0.05);
  box-shadow: inset 0 0 0 1px rgba(110, 69, 214, 0.18);
}
.a-flow .expression > i.item-container {
  display: none;
}
.a-flow > .expression {
  display: flex;
  flex: 1 1 auto;
  align-self: stretch;
  align-items: flex-start;
  align-content: flex-start;
  width: 100%;
  min-height: 100%;
  padding: 4px;
  margin: -4px;
}
.a-flow .item-container {
  padding: 0;
  margin: 0;
  display: inline-flex;
  align-items: center;
  font-size: inherit;
  cursor: pointer;
  border: 0;
  background: transparent;
}
.a-flow .item-container > .item {
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: left;
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.a-flow .item-container .delete-item {
  opacity: 0;
  margin-left: 6px;
  cursor: pointer;
  transition: opacity 0.12s, color 0.12s;
  color: #5a6473;
  font-size: 16px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
}
.a-flow .item-container .delete-item i {
  font-size: 18px;
  line-height: 1;
}
.a-flow .item-container .delete-item:hover {
  color: #8a1c0e;
}
.a-flow .item-container:hover .delete-item {
  opacity: 1;
}
.a-flow .expandable-parenthesis-left,
.a-flow .expandable-parenthesis-right {
  display: none !important;
}
.a-flow .item.expression-container {
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
}
.a-flow .item > b {
  font-family: 'Roboto Mono', 'SF Mono', 'Menlo', 'Consolas', monospace;
  font-size: 13px;
  color: #8a92a0;
  font-weight: 500;
  padding: 0 2px;
}
.a-flow .item .input-container.materialize-input,
.a-flow .item .input-field {
  display: contents !important;
}
.a-flow .item .input-container.materialize-input > span,
.a-flow .item .input-container.materialize-input > label,
.a-flow .item .input-field > span,
.a-flow .item .input-field > label {
  display: none !important;
}
.a-flow .item .input-container.materialize-input input,
.a-flow .item .input-field input {
  width: 44px !important;
  min-width: 0 !important;
  height: 26px !important;
  margin: 0 !important;
  padding: 0 6px !important;
  font-family: 'Roboto Mono', 'SF Mono', 'Menlo', 'Consolas', monospace !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  border: 1px solid #dde1e6 !important;
  border-radius: 5px !important;
  background: #fff !important;
  text-align: center !important;
  outline: none !important;
  box-shadow: none !important;
  color: #14181c !important;
  line-height: 1 !important;
  display: inline-block !important;
  vertical-align: middle !important;
  position: static !important;
}
.a-flow .item .input-container.materialize-input input:focus,
.a-flow .item .input-field input:focus {
  border-color: #5ce8c8 !important;
  box-shadow: 0 0 0 2px rgba(92, 232, 200, 0.22) !important;
}
.a-flow .item input.a-num-input {
  width: 64px !important;
  min-width: 0 !important;
  height: 26px !important;
  margin: 0 !important;
  padding: 0 8px !important;
  font-family: 'Roboto Mono', 'SF Mono', 'Menlo', 'Consolas', monospace !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #14181c !important;
  background: #fff !important;
  border: 1px solid #5ce8c8 !important;
  border-radius: 5px !important;
  box-shadow: 0 0 0 2px rgba(92, 232, 200, 0.22) !important;
  text-align: center !important;
  outline: none !important;
  line-height: 1 !important;
  display: inline-block !important;
  vertical-align: middle !important;
}
.a-flow .commit-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  color: #128a6b;
  cursor: pointer;
}
.a-flow .commit-item i {
  font-size: 16px;
  line-height: 1;
}
.a-flow .commit-item:hover {
  background: rgba(92, 232, 200, 0.18);
  color: #2bcba8;
}
.a-flow .selectize-control {
  min-width: 110px;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}
.a-flow .selectize-control .selectize-input {
  box-sizing: border-box;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 10px !important;
  font-family: 'Roboto Mono', 'SF Mono', 'Menlo', 'Consolas', monospace !important;
  font-size: 13px !important;
  font-weight: 500;
  line-height: 26px !important;
  color: #14181c !important;
  background: #fff !important;
  border: 1px solid #5ce8c8 !important;
  border-radius: 6px !important;
  box-shadow: 0 0 0 3px rgba(92, 232, 200, 0.22) !important;
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
}
.a-flow .selectize-control .selectize-input::after {
  display: none !important;
}
.a-flow .selectize-control .selectize-input > input {
  font-family: 'Roboto Mono', 'SF Mono', 'Menlo', 'Consolas', monospace !important;
  font-size: 13px !important;
  height: auto !important;
  background: transparent;
  border: 0;
  outline: 0;
  min-width: 60px;
}
.a-flow .selectize-control .selectize-dropdown {
  margin-top: 4px;
  background: #ffffff;
  border: 1px solid #e6e8eb;
  border-radius: 12px;
  box-shadow: 0 16px 40px rgba(20, 24, 28, 0.16), 0 2px 6px rgba(20, 24, 28, 0.08);
  overflow: hidden;
  padding: 4px;
}
.a-flow .selectize-control .selectize-dropdown .selectize-dropdown-content {
  max-height: 280px;
}
.a-flow .selectize-control .selectize-dropdown .option,
.a-flow .selectize-control .selectize-dropdown .selectize-dropdown-content > div {
  padding: 7px 10px !important;
  border-radius: 6px;
  font-family: 'Satoshi', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 13px;
  color: #14181c;
}
.a-flow .selectize-control .selectize-dropdown .option.active,
.a-flow .selectize-control .selectize-dropdown .selectize-dropdown-content > div.active {
  background: rgba(92, 232, 200, 0.16) !important;
}
.a-cursor {
  display: inline-block;
  width: 2px;
  height: 18px;
  background: #5ce8c8;
  animation: a-blink 1s steps(1, end) infinite;
  vertical-align: middle;
  margin: 0 2px;
}
@keyframes a-blink {
  50% {
    opacity: 0;
  }
}
.a-op {
  font-family: 'Roboto Mono', 'SF Mono', 'Menlo', 'Consolas', monospace;
  font-size: 14px;
  font-weight: 700;
  color: #14181c;
  padding: 0 2px;
}
.a-num {
  font-family: 'Roboto Mono', 'SF Mono', 'Menlo', 'Consolas', monospace;
  font-size: 13px;
  color: #14181c;
  padding: 4px 8px;
  background: #F0F2F4;
  border-radius: 6px;
}
.a-paren {
  font-family: 'Roboto Mono', 'SF Mono', 'Menlo', 'Consolas', monospace;
  font-size: 16px;
  color: #8a92a0;
  font-weight: 500;
}
.a-fn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 4px 4px 8px;
  background: #F8F4FF;
  border: 1px solid #E7DDFB;
  border-radius: 8px;
}
.a-fn .fn-name {
  font-family: 'Roboto Mono', 'SF Mono', 'Menlo', 'Consolas', monospace;
  font-size: 12px;
  font-weight: 700;
  color: #6E45D6;
}
.a-fn .fn-body {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0 4px;
}
.a-fn .arg-sep {
  color: #8a92a0;
  font-family: 'Roboto Mono', 'SF Mono', 'Menlo', 'Consolas', monospace;
  padding: 0 4px;
}
.a-fn-trigger-wrap {
  position: relative;
  display: inline-flex;
}
.a-fn-trigger-wrap .wide.is-open {
  background: #14181c;
  color: #fff;
}
.a-fn-pop {
  position: absolute;
  bottom: calc(108%);
  left: 50%;
  transform: translateX(-50%);
  width: 320px;
  max-height: 360px;
  background: #ffffff;
  border: 1px solid #e6e8eb;
  border-radius: 12px;
  box-shadow: 0 16px 40px rgba(20, 24, 28, 0.16), 0 2px 6px rgba(20, 24, 28, 0.08);
  display: flex;
  flex-direction: column;
  z-index: 30;
}
.a-fn-pop::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #ffffff;
  filter: drop-shadow(0 1px 0 #e6e8eb);
}
.a-fn-pop .a-fn-pop-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px;
  border-bottom: 1px solid #e6e8eb;
  flex-shrink: 0;
}
.a-fn-pop .a-fn-pop-head .t {
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5a6473;
  font-weight: 600;
}
.a-fn-pop .a-fn-pop-head .x {
  border: 0;
  background: transparent;
  color: #5a6473;
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
  padding: 0 4px;
  border-radius: 4px;
}
.a-fn-pop .a-fn-pop-head .x:hover {
  background: #f4f6f8;
  color: #14181c;
}
.a-fn-pop .a-fn-pop-body {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 6px 8px 10px;
}
.a-fn-pop .a-fn-pop-section {
  padding: 6px 0;
}
.a-fn-pop .a-fn-pop-label {
  font-size: 10px;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: #5a6473;
  font-weight: 600;
  padding: 4px 8px;
}
.a-fn-pop .a-fn-pop-items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2px;
}
.a-fn-pop .item-for-expression {
  list-style: none;
  margin: 0;
  cursor: pointer;
  padding: 6px 8px;
  border-radius: 6px;
  background: transparent;
  border: 0;
  text-align: left;
  min-height: 28px;
  display: flex;
  align-items: center;
}
.a-fn-pop .item-for-expression:hover {
  background: rgba(92, 232, 200, 0.14);
}
.a-fn-pop .item-for-expression .fn-sig {
  font-family: 'Roboto Mono', 'SF Mono', 'Menlo', 'Consolas', monospace;
  font-size: 12px;
  color: #14181c;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.a-fn-pop .item-for-expression .fn-sig .fn-name {
  font-weight: 700;
}
.a-fn-pop .item-for-expression .fn-sig .fn-args {
  color: #8a92a0;
  font-weight: 500;
}
.a-agg-pop {
  width: 360px;
  max-height: 340px;
}
.a-agg-items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  padding: 4px;
}
.a-agg-btn {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  padding: 8px 12px;
  background: #fff;
  border: 1px solid #e6e8eb;
  border-radius: 8px;
  cursor: pointer;
  font-family: inherit;
  text-align: left;
  transition: background 0.12s, border-color 0.12s, box-shadow 0.12s;
}
.a-agg-btn:hover {
  background: rgba(92, 232, 200, 0.1);
  border-color: #5ce8c8;
  box-shadow: 0 1px 2px rgba(20, 24, 28, 0.05);
}
.a-agg-btn .op {
  font-family: 'Roboto Mono', 'SF Mono', 'Menlo', 'Consolas', monospace;
  font-size: 13px;
  font-weight: 700;
  color: #128a6b;
  letter-spacing: 0.02em;
}
.a-agg-btn .desc {
  font-size: 11px;
  color: #5a6473;
  line-height: 1.35;
}
.a-fn-add-arg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin: 0 2px;
  border-radius: 4px;
  border: 1px dashed #C5B6F0;
  background: transparent;
  color: #6E45D6;
  font-family: 'Roboto Mono', 'SF Mono', 'Menlo', 'Consolas', monospace;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  padding: 0;
}
.a-fn-add-arg:hover {
  background: #6E45D6;
  color: #fff;
  border-style: solid;
}
.eb-chip {
  display: inline-flex;
  align-items: baseline;
  font-family: 'Satoshi', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
  position: relative;
  user-select: none;
}
.a-chip {
  padding: 2px 8px;
  border-radius: 6px;
  font-size: 12.5px;
  line-height: 1.5;
  gap: 4px;
}
.a-chip .name {
  font-weight: 600;
}
.a-chip .qual {
  font-family: 'Roboto Mono', 'SF Mono', 'Menlo', 'Consolas', monospace;
  font-size: 11px;
  opacity: 0.7;
}
.a-chip .qual::after {
  content: "·";
  margin-left: 3px;
  opacity: 0.45;
}
.a-chip .unit {
  font-family: 'Roboto Mono', 'SF Mono', 'Menlo', 'Consolas', monospace;
  font-size: 10px;
  opacity: 0.7;
  letter-spacing: -0.02em;
}
.a-chip .live {
  font-family: 'Roboto Mono', 'SF Mono', 'Menlo', 'Consolas', monospace;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: -0.02em;
  padding: 0 0 0 5px;
  margin-left: 1px;
  border-left: 1px solid currentColor;
  opacity: 0.85;
}
.a-chip .mod {
  font-family: 'Roboto Mono', 'SF Mono', 'Menlo', 'Consolas', monospace;
  font-size: 10px;
  background: rgba(0, 0, 0, 0.08);
  padding: 1px 5px;
  border-radius: 3px;
  margin-left: 2px;
}
.a-chip.point {
  background: #DAEBF8;
  color: #0A4D7A;
}
.a-chip.virtual {
  background: #C9F4E5;
  color: #0B5A4B;
}
.a-chip.const {
  background: #ECEEF0;
  color: #14181c;
}
.a-chip.time {
  background: #FBE6BD;
  color: #6B4500;
}
.a-chip.group {
  background: #E2D6FB;
  color: #3A1F8C;
}
.a-chip.attr {
  background: #CED9F1;
  color: #0D215C;
}
.a-chip.error {
  background: #fce3dc;
  color: #8a1c0e;
  box-shadow: 0 0 0 1px #e36046;
}
.a-chip.selected {
  box-shadow: 0 0 0 2px #5ce8c8, 0 0 0 5px rgba(92, 232, 200, 0.25);
}
.a-sel-range {
  background: rgba(92, 232, 200, 0.18);
  outline: 2px solid rgba(92, 232, 200, 0.5);
  border-radius: 6px;
  padding: 2px 4px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.a-toolbar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  padding: 8px 10px;
  background: #f4f6f8;
  border: 1px solid #e6e8eb;
  border-radius: 10px;
}
.a-toolbar .group {
  display: flex;
  align-items: center;
  gap: 2px;
}
.a-toolbar .div {
  width: 1px;
  height: 18px;
  background: #e6e8eb;
  margin: 0 4px;
}
.a-toolbar button,
.a-toolbar .item-for-expression {
  background: transparent;
  border: 0;
  cursor: pointer;
  min-width: 30px;
  height: 30px;
  padding: 0 8px;
  border-radius: 7px;
  font-family: 'Roboto Mono', 'SF Mono', 'Menlo', 'Consolas', monospace;
  font-size: 14px;
  font-weight: 600;
  color: #14181c;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  list-style: none;
  white-space: nowrap;
}
.a-toolbar button:hover,
.a-toolbar .item-for-expression:hover {
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(20, 24, 28, 0.08);
}
.a-toolbar button.wide {
  width: auto;
  padding: 0 12px;
  font-family: 'Satoshi', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 12px;
  gap: 6px;
}
.a-toolbar button.primary {
  background: #14181c;
  color: #fff;
}
.a-toolbar button.primary:hover {
  background: #000;
}
.a-pop {
  position: absolute;
  top: calc(106%);
  left: 0;
  z-index: 10;
  background: #ffffff;
  border: 1px solid #e6e8eb;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(20, 24, 28, 0.1), 0 2px 6px rgba(20, 24, 28, 0.06);
  min-width: 220px;
  padding: 6px;
}
.a-pop.hidden {
  display: none;
}
.a-pop-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 6px;
  font-size: 13px;
  cursor: pointer;
  color: #14181c;
}
.a-pop-item:hover {
  background: #f4f6f8;
}
.a-pop-item .ico {
  color: #5a6473;
}
.a-pop-item .hint {
  margin-left: auto;
  font-family: 'Roboto Mono', 'SF Mono', 'Menlo', 'Consolas', monospace;
  font-size: 11px;
  color: #8a92a0;
}
.a-pop-item.danger {
  color: #8a1c0e;
}
.a-pop-sep {
  height: 1px;
  background: #e6e8eb;
  margin: 4px 0;
}
.a-typeahead {
  position: absolute;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 16px 40px rgba(20, 24, 28, 0.16), 0 2px 6px rgba(20, 24, 28, 0.08);
  border: 1px solid #e6e8eb;
  width: 360px;
  overflow: hidden;
  z-index: 20;
}
.a-typeahead.hidden {
  display: none;
}
.a-typeahead .head {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 14px;
  border-bottom: 1px solid #EEF0F2;
}
.a-typeahead .head .typed {
  font-family: 'Roboto Mono', 'SF Mono', 'Menlo', 'Consolas', monospace;
  font-size: 13px;
  color: #14181c;
}
.a-typeahead .head .typed .caret {
  display: inline-block;
  width: 1px;
  height: 14px;
  background: #2bcba8;
  animation: a-blink 1s steps(1, end) infinite;
  vertical-align: middle;
  margin-left: 1px;
}
.a-typeahead .head .hint {
  margin-left: auto;
  font-size: 11px;
  color: #8a92a0;
}
.a-typeahead .group-label {
  font-size: 10px;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: #5a6473;
  font-weight: 600;
  padding: 8px 14px 4px;
}
.a-typeahead .item {
  display: grid;
  grid-template-columns: 22px 1fr auto auto;
  gap: 10px;
  align-items: center;
  padding: 8px 14px;
  cursor: pointer;
}
.a-typeahead .item:hover {
  background: #fafbfc;
}
.a-typeahead .item.on {
  background: rgba(92, 232, 200, 0.12);
}
.a-typeahead .item .cat-ico {
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  font-family: 'Roboto Mono', 'SF Mono', 'Menlo', 'Consolas', monospace;
  font-size: 11px;
  font-weight: 700;
}
.a-typeahead .item .cat-ico.point {
  background: #E5F1FA;
  color: #0272BA;
}
.a-typeahead .item .cat-ico.virtual {
  background: #ECFDF7;
  color: #0F7F69;
}
.a-typeahead .item .cat-ico.const {
  background: #F0F2F4;
  color: #5a6473;
}
.a-typeahead .item .cat-ico.func {
  background: #F4EEFE;
  color: #6E45D6;
}
.a-typeahead .item .name {
  font-size: 13px;
  font-weight: 500;
  color: #14181c;
}
.a-typeahead .item .name b {
  font-weight: 700;
  color: #128a6b;
}
.a-typeahead .item .obj {
  font-family: 'Roboto Mono', 'SF Mono', 'Menlo', 'Consolas', monospace;
  font-size: 11px;
  color: #5a6473;
}
.a-typeahead .item .unit {
  font-family: 'Roboto Mono', 'SF Mono', 'Menlo', 'Consolas', monospace;
  font-size: 10px;
  color: #8a92a0;
  background: #f4f6f8;
  padding: 1px 5px;
  border-radius: 3px;
}
.a-typeahead .desc {
  font-size: 11px;
  color: #5a6473;
  grid-column: 2 / -1;
  margin-top: -4px;
}
.a-typeahead .foot {
  display: flex;
  gap: 16px;
  align-items: center;
  padding: 8px 14px;
  border-top: 1px solid #EEF0F2;
  background: #fafbfc;
  font-size: 11px;
  color: #5a6473;
}
.a-typeahead .foot .key {
  font-family: 'Roboto Mono', 'SF Mono', 'Menlo', 'Consolas', monospace;
  padding: 1px 5px;
  border-radius: 3px;
  background: #ffffff;
  border: 1px solid #e6e8eb;
  color: #14181c;
}
.a-wrap-pop {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 10px;
  background: #14181c;
  color: #fff;
  border-radius: 10px;
  padding: 6px;
  display: flex;
  gap: 2px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
  z-index: 10;
}
.a-wrap-pop.hidden {
  display: none;
}
.a-wrap-pop::before {
  content: "";
  position: absolute;
  top: -5px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 10px;
  height: 10px;
  background: #14181c;
}
.a-wrap-pop button {
  background: transparent;
  border: 0;
  cursor: pointer;
  color: #fff;
  font-size: 12px;
  font-family: 'Roboto Mono', 'SF Mono', 'Menlo', 'Consolas', monospace;
  font-weight: 600;
  padding: 6px 10px;
  border-radius: 6px;
}
.a-wrap-pop button:hover {
  background: rgba(255, 255, 255, 0.1);
}
.a-wrap-pop .div {
  width: 1px;
  background: rgba(255, 255, 255, 0.15);
  margin: 4px 4px;
}
.a-err-pop {
  position: absolute;
  top: calc(108%);
  left: 0;
  z-index: 12;
  background: #ffffff;
  border: 1px solid #F4B5A8;
  border-radius: 10px;
  box-shadow: 0 12px 28px rgba(20, 24, 28, 0.1);
  padding: 12px;
  width: 320px;
}
.a-err-pop.hidden {
  display: none;
}
.a-err-pop .h {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #8a1c0e;
  font-weight: 600;
  font-size: 13px;
}
.a-err-pop .body {
  margin-top: 8px;
  font-size: 12px;
  color: #14181c;
  line-height: 1.5;
}
.a-err-pop .sugg {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 10px;
}
.a-err-pop .sugg .row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  border-radius: 6px;
  cursor: pointer;
}
.a-err-pop .sugg .row:hover {
  background: #fafbfc;
}
.a-err-pop .sugg .key {
  margin-left: auto;
  font-family: 'Roboto Mono', 'SF Mono', 'Menlo', 'Consolas', monospace;
  font-size: 10px;
  color: #8a92a0;
  background: #f4f6f8;
  padding: 1px 5px;
  border-radius: 3px;
}
.eb-raw {
  border-top: 1px solid #e6e8eb;
  padding: 14px 28px 16px;
  background: #0F1115;
  color: #E6E8EB;
  font-family: 'Roboto Mono', 'SF Mono', 'Menlo', 'Consolas', monospace;
  font-size: 13px;
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 56px;
  flex: 0 0 auto;
}
.eb-raw .label {
  font-family: 'Satoshi', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 600;
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(230, 232, 235, 0.5);
  flex-shrink: 0;
}
.eb-raw .code-input,
.eb-raw input.code-input {
  flex: 1;
  min-width: 0;
  background: transparent;
  border: 1px solid rgba(230, 232, 235, 0.12);
  border-radius: 6px;
  padding: 6px 10px;
  color: #E6E8EB;
  font-family: 'Roboto Mono', 'SF Mono', 'Menlo', 'Consolas', monospace;
  font-size: 13px;
  outline: none;
  transition: border-color 0.12s, background 0.12s;
}
.eb-raw .code-input::placeholder,
.eb-raw input.code-input::placeholder {
  color: rgba(230, 232, 235, 0.3);
}
.eb-raw .code-input:hover,
.eb-raw input.code-input:hover {
  border-color: rgba(230, 232, 235, 0.24);
}
.eb-raw .code-input:focus,
.eb-raw input.code-input:focus {
  border-color: #5ce8c8;
  background: rgba(255, 255, 255, 0.03);
}
.eb-raw .copy {
  color: rgba(230, 232, 235, 0.5);
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 6px;
  flex-shrink: 0;
}
.eb-raw .copy:hover {
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
}
.eb-scope-type-picker {
  margin-top: 6px;
}
.eb-validation {
  padding: 12px 28px;
  border-top: 1px solid #e6e8eb;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 13px;
  flex: 0 0 auto;
}
.eb-validation.ok {
  display: none;
}
.eb-validation.warn {
  background: #fff6e5;
  color: #8a5300;
}
.eb-validation.err {
  background: #fce3dc;
  color: #8a1c0e;
}
.eb-validation .ico {
  display: inline-flex;
}
.eb-validation .detail {
  color: inherit;
  opacity: 0.8;
  font-family: 'Roboto Mono', 'SF Mono', 'Menlo', 'Consolas', monospace;
  font-size: 12px;
  margin-left: auto;
}
.eb-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 28px;
  border-top: 1px solid #e6e8eb;
  background: #fafbfc;
  flex: 0 0 auto;
}
.eb-foot .left {
  display: flex;
  gap: 10px;
  align-items: center;
  color: #5a6473;
  font-size: 12px;
}
.eb-foot .right {
  display: flex;
  gap: 8px;
  align-items: center;
}
.eb-enable-inline {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  user-select: none;
}
.eb-enable-inline input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.eb-enable-inline .eb-enable-inline-track {
  position: relative;
  width: 32px;
  height: 18px;
  background: #DDE1E6;
  border-radius: 999px;
  transition: background 0.18s;
  flex-shrink: 0;
}
.eb-enable-inline .eb-enable-inline-thumb {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(20, 24, 28, 0.2);
  transition: transform 0.18s;
}
.eb-enable-inline input:checked ~ .eb-enable-inline-track {
  background: #2bcba8;
}
.eb-enable-inline input:checked ~ .eb-enable-inline-track .eb-enable-inline-thumb {
  transform: translateX(14px);
}
.eb-enable-inline .eb-enable-inline-label {
  font-size: 12px;
  color: #14181c;
  font-weight: 500;
}
.eb-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 38px;
  padding: 0 16px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  font-family: inherit;
  line-height: 1;
  border: 1px solid transparent;
  cursor: pointer;
  background: transparent;
  color: #14181c;
}
.eb-btn.eb-btn-ghost {
  background: #ffffff;
  color: #14181c;
  border-color: #dde1e6;
}
.eb-btn.eb-btn-ghost:hover {
  background: #f4f6f8;
}
.eb-btn.eb-btn-mint {
  background: #5ce8c8;
  color: #14181c;
}
.eb-btn.eb-btn-mint:hover {
  background: #2bcba8;
}
.eb-btn.eb-btn-ink {
  background: #14181c;
  color: #fff;
}
.eb-btn.eb-btn-text {
  background: transparent;
  color: #14181c;
  padding: 0 8px;
}
.eb-btn.eb-btn-text:hover {
  color: #128a6b;
}
.eb-pkr-tabs {
  display: flex;
  gap: 4px;
  border-bottom: 1px solid #e6e8eb;
  padding: 0 20px;
  flex: 0 0 auto;
}
.eb-pkr-tab {
  padding: 12px 8px;
  font-size: 12px;
  font-weight: 500;
  color: #5a6473;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
}
.eb-pkr-tab.on {
  color: #14181c;
  border-color: #14181c;
  font-weight: 600;
}
.eb-pkr-tab:hover {
  color: #14181c;
}
.eb-pkr-head {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 18px 20px 8px;
  flex: 0 0 auto;
}
.eb-pkr-search {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 12px;
  background: #ffffff;
  border: 1px solid #e6e8eb;
  border-radius: 8px;
}
.eb-pkr-search input {
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 13px;
  font-family: inherit;
  flex: 1;
  min-width: 0;
}
.eb-scope {
  display: flex;
  gap: 6px;
}
.eb-scope .eb-scope-btn {
  flex: 1;
  padding: 7px 8px;
  border-radius: 7px;
  background: #ffffff;
  border: 1px solid #e6e8eb;
  font-size: 11px;
  font-weight: 500;
  color: #14181c;
  cursor: pointer;
  font-family: inherit;
  text-align: center;
}
.eb-scope .eb-scope-btn.on {
  background: #14181c;
  color: #fff;
  border-color: #14181c;
}
.eb-scope .eb-scope-btn span {
  display: block;
  opacity: 0.7;
  font-size: 10px;
  margin-top: 2px;
}
.eb-pkr-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: 8px 12px 18px;
}
.eb-pkr-body > .list-container,
.eb-pkr-body .eb-pkr-group > .list-container {
  height: 100%;
  overflow-y: auto;
}
.eb-pkr-group {
  margin-top: 8px;
}
.eb-pkr-group-head {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5a6473;
  font-weight: 600;
  cursor: pointer;
}
.eb-pkr-item,
.eb-pkr-body .item-for-expression {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: center;
  padding: 9px 12px;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
  list-style: none;
  margin: 0;
  text-align: left;
}
.eb-pkr-item .row-text,
.eb-pkr-body .item-for-expression .row-text {
  min-width: 0;
}
.eb-pkr-item .name,
.eb-pkr-body .item-for-expression .name {
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.eb-pkr-item .desc,
.eb-pkr-body .item-for-expression .desc {
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.eb-pkr-item:hover,
.eb-pkr-body .item-for-expression:hover {
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(20, 24, 28, 0.04), inset 0 0 0 1px #e6e8eb;
}
.eb-pkr-item.on,
.eb-pkr-body .item-for-expression.on {
  background: #ffffff;
  box-shadow: 0 0 0 1px #5ce8c8, 0 2px 6px rgba(92, 232, 200, 0.18);
}
.eb-pkr-item .cat-ico,
.eb-pkr-body .item-for-expression .cat-ico {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 700;
  font-family: 'Roboto Mono', 'SF Mono', 'Menlo', 'Consolas', monospace;
}
.eb-pkr-item .cat-ico.point,
.eb-pkr-body .item-for-expression .cat-ico.point {
  background: #E5F1FA;
  color: #0272BA;
}
.eb-pkr-item .cat-ico.virtual,
.eb-pkr-body .item-for-expression .cat-ico.virtual {
  background: #ECFDF7;
  color: #0F7F69;
}
.eb-pkr-item .cat-ico.const,
.eb-pkr-body .item-for-expression .cat-ico.const {
  background: #F0F2F4;
  color: #5a6473;
}
.eb-pkr-item .cat-ico.time,
.eb-pkr-body .item-for-expression .cat-ico.time {
  background: #FFF6E5;
  color: #8a5300;
}
.eb-pkr-item .cat-ico.func,
.eb-pkr-body .item-for-expression .cat-ico.func {
  background: #F4EEFE;
  color: #6E45D6;
}
.eb-pkr-item .name,
.eb-pkr-body .item-for-expression .name {
  font-size: 13px;
  font-weight: 500;
  color: #14181c;
}
.eb-pkr-item .desc,
.eb-pkr-body .item-for-expression .desc {
  font-size: 11px;
  color: #5a6473;
  margin-top: 1px;
}
.eb-pkr-item .unit,
.eb-pkr-body .item-for-expression .unit {
  font-family: 'Roboto Mono', 'SF Mono', 'Menlo', 'Consolas', monospace;
  font-size: 11px;
  color: #5a6473;
  background: #f4f6f8;
  padding: 2px 6px;
  border-radius: 4px;
}
.eb-fn-row,
.eb-pkr-body .eb-pkr-group .item-for-expression:has(.sig) {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  gap: 2px;
  padding: 9px 12px;
  border-radius: 8px;
  cursor: pointer;
  list-style: none;
}
.eb-fn-row:hover,
.eb-pkr-body .eb-pkr-group .item-for-expression:has(.sig):hover {
  background: #ffffff;
  box-shadow: inset 0 0 0 1px #e6e8eb;
}
.eb-fn-row .sig,
.eb-pkr-body .eb-pkr-group .item-for-expression:has(.sig) .sig {
  font-family: 'Roboto Mono', 'SF Mono', 'Menlo', 'Consolas', monospace;
  font-size: 12.5px;
  color: #14181c;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.eb-fn-row .sig .paren,
.eb-pkr-body .eb-pkr-group .item-for-expression:has(.sig) .sig .paren {
  color: #8a92a0;
  font-weight: 500;
}
.eb-fn-row .sig .arg,
.eb-pkr-body .eb-pkr-group .item-for-expression:has(.sig) .sig .arg {
  color: #6E45D6;
  font-style: italic;
  font-weight: 500;
}
.eb-fn-row .desc,
.eb-pkr-body .eb-pkr-group .item-for-expression:has(.sig) .desc {
  font-size: 11.5px;
  color: #5a6473;
  line-height: 1.4;
  white-space: normal;
}
.a-ref {
  padding: 8px 4px 28px;
}
.a-ref-section {
  padding: 18px 4px 22px;
  border-bottom: 1px solid #EEF0F2;
}
.a-ref-section:last-child {
  border-bottom: 0;
}
.a-ref-h {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #14181c;
  font-family: 'Satoshi', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 4px;
}
.a-ref-h .ico {
  width: 26px;
  height: 26px;
  border-radius: 6px;
  background: linear-gradient(135deg, #e9faf6, #f4eefe);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #128a6b;
  font-family: 'Roboto Mono', 'SF Mono', 'Menlo', 'Consolas', monospace;
  font-size: 12px;
  font-weight: 700;
}
.a-ref-intro {
  font-size: 12.5px;
  color: #5a6473;
  line-height: 1.5;
  margin: 0 0 12px 0;
}
.a-ref-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
  padding: 10px 0;
}
.a-ref-row + .a-ref-row {
  border-top: 1px dashed #EEF0F2;
  padding-top: 12px;
}
.a-ref-syn {
  font-family: 'Roboto Mono', 'SF Mono', 'Menlo', 'Consolas', monospace;
  font-size: 12.5px;
  color: #14181c;
  padding: 5px 10px;
  background: #fafbfc;
  border: 1px solid #e6e8eb;
  border-radius: 6px;
  display: inline-block;
  width: fit-content;
}
.a-ref-syn .ph {
  color: #128a6b;
  font-style: italic;
}
.a-ref-syn .lit {
  color: #6E45D6;
}
.a-ref-desc {
  font-size: 12.5px;
  color: #14181c;
  line-height: 1.55;
}
.a-ref-desc b {
  color: #14181c;
  font-weight: 600;
}
.a-ref-desc code {
  font-family: 'Roboto Mono', 'SF Mono', 'Menlo', 'Consolas', monospace;
  font-size: 11.5px;
  background: #f4f6f8;
  padding: 1px 5px;
  border-radius: 3px;
  color: #14181c;
}
.a-ref-ops {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 4px 0 12px;
}
.a-ref-ops code {
  font-family: 'Roboto Mono', 'SF Mono', 'Menlo', 'Consolas', monospace;
  font-size: 12px;
  font-weight: 600;
  background: #fff;
  border: 1px solid #e6e8eb;
  border-radius: 5px;
  padding: 4px 8px;
  color: #14181c;
}
.a-ref-prec {
  font-size: 12px;
  color: #5a6473;
  display: grid;
  grid-template-columns: 22px 1fr;
  gap: 6px 10px;
  margin-top: 6px;
}
.a-ref-prec .n {
  font-family: 'Roboto Mono', 'SF Mono', 'Menlo', 'Consolas', monospace;
  color: #8a92a0;
  text-align: right;
}
.a-ref-prec code {
  font-family: 'Roboto Mono', 'SF Mono', 'Menlo', 'Consolas', monospace;
  background: #fafbfc;
  padding: 1px 5px;
  border-radius: 3px;
  color: #14181c;
}
.a-ref-callout {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 12px;
  background: #fff6e5;
  border: 1px solid #FBD89D;
  border-radius: 8px;
  font-size: 12.5px;
  color: #8a5300;
  margin-top: 14px;
  line-height: 1.5;
}
.a-ref-callout code {
  font-family: 'Roboto Mono', 'SF Mono', 'Menlo', 'Consolas', monospace;
  background: rgba(255, 255, 255, 0.6);
  padding: 1px 5px;
  border-radius: 3px;
}
.a-ref-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}
.a-ref-tags .tag {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  padding: 4px 10px;
  background: #fff;
  border: 1px solid #e6e8eb;
  border-radius: 999px;
  font-size: 12px;
}
.a-ref-tags .tag code {
  font-family: 'Roboto Mono', 'SF Mono', 'Menlo', 'Consolas', monospace;
  color: #128a6b;
  font-weight: 600;
}
.a-ref-tags .tag .range {
  color: #8a92a0;
  font-size: 11px;
}
.a-history {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border: 1px dashed #C9CDD3;
  border-radius: 8px;
  font-size: 12px;
}
.a-history input {
  width: 36px;
  height: 22px;
  border: 1px solid #e6e8eb;
  border-radius: 4px;
  text-align: center;
  font-family: 'Roboto Mono', 'SF Mono', 'Menlo', 'Consolas', monospace;
  font-size: 12px;
  font-weight: 600;
  background: #ffffff;
}
.a-history select {
  height: 22px;
  border: 1px solid #e6e8eb;
  border-radius: 4px;
  font-size: 12px;
  font-family: inherit;
  background: #ffffff;
}
.a-mod-toggle {
  display: inline-flex;
  background: rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  padding: 1px;
  margin-left: 4px;
}
.a-mod-toggle button {
  background: transparent;
  border: 0;
  padding: 2px 6px;
  border-radius: 4px;
  font-family: 'Roboto Mono', 'SF Mono', 'Menlo', 'Consolas', monospace;
  font-size: 10px;
  cursor: pointer;
  color: #5a6473;
  font-weight: 600;
}
.a-mod-toggle button.on {
  background: #14181c;
  color: #fff;
}
.eb-condition-list .eb-list-toolbar {
  background: #ffffff;
  border-bottom: 1px solid #e6e8eb;
}
.eb-condition-list .eb-list-title {
  font-family: 'Satoshi', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: -0.012em;
  color: #14181c;
}
.dc-chart .empty-chart .pie-slice path {
  fill: #FFEEEE;
  cursor: default;
}
.dc-chart .empty-chart .pie-slice {
  cursor: default;
}
.dc-chart .pie-slice.external {
  fill: black;
}
.dc-chart .pie-slice.highlight {
  fill-opacity: .8;
}
g.dc-legend-item.fadeout {
  fill-opacity: 0.5;
  stroke-opacity: 0.5;
}
.dc-chart .box text {
  font: 10px sans-serif;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10 */
  -o-user-select: none;
  user-select: none;
  pointer-events: none;
}
.dc-chart .box line,
.dc-chart .box circle {
  fill: #fff;
  stroke: #000;
  stroke-width: 1.5px;
}
.dc-chart .box rect {
  stroke: #000;
  stroke-width: 1.5px;
}
.dc-chart .box .center {
  stroke-dasharray: 3,3;
}
.dc-chart .box .outlier {
  fill: none;
  stroke: #ccc;
}
.dc-chart .box.deselected .box {
  fill: #ccc;
}
.dc-chart .box.deselected {
  opacity: .5;
}
.dc-chart .symbol {
  stroke: none;
}
.dc-chart .heatmap .box-group.deselected rect {
  stroke: none;
  fill-opacity: .5;
  fill: #ccc;
}
.dc-chart .heatmap g.axis text {
  pointer-events: all;
  cursor: pointer;
}
/* added by Balance  */
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
* {
  outline: none;
}
a {
  outline: 0!important;
}
@font-face {
  font-family: LucidaGrande;
  src: url("fonts/LucidaGrandeRegular.ttf");
}
html,
body {
  height: 100%;
  font-family: "Satoshi", Arial, 'sans-serif';
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  html {
    transform: rotate(-0.00001deg);
  }
}
body {
  font-size: 14px;
  color: #000000;
  padding-left: 0px;
  position: relative;
}
ol {
  margin: 0;
}
ul {
  padding: 0;
}
strong {
  font-weight: 600;
}
.application {
  height: 100%;
  min-width: 1200px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  position: relative;
}
.application > .ember-view {
  min-height: 100%;
  position: relative;
}
.ctrl-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  z-index: 200;
}
a {
  cursor: pointer;
  color: inherit;
}
h1 {
  font-size: 22px;
  line-height: 22px;
}
h2 {
  font-size: 20px;
  line-height: 20px;
}
h3 {
  font-size: 18px;
  line-height: 20px;
  margin: 0;
}
h4 {
  font-size: 16px;
  line-height: 20px;
}
h5 {
  margin: 0 0 4px 0;
  font-size: 15px;
  line-height: 20px;
}
h6 {
  margin: 0;
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
}
.large-font {
  font-size: 16px;
}
.clickable {
  cursor: pointer;
}
th {
  font-weight: normal;
}
h1.section-name {
  font-size: 33px;
  display: inline-block;
  font-weight: 400;
  letter-spacing: -1px;
}
.app-root label {
  color: black;
}
.section-menu {
  display: inline-block;
  margin-left: auto;
  font-size: .7vw;
  text-transform: capitalize;
}
.section-menu a {
  padding: 0 26px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.section-menu a.active,
.section-menu a:hover {
  color: #fb8c00;
}
.section-menu a:last-child {
  padding-right: 0;
}
[draggable] {
  /* Prevent the text contents of draggable elements from being selectable. */
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
  cursor: move;
}
a.disabled,
button.disabled {
  cursor: auto !important;
  pointer-events: none;
}
.dropdown-button {
  white-space: nowrap;
}
.dropdown-content {
  width: auto !important;
}
.main-content {
  padding: 12px 20px 75px 92px;
  width: 100%;
}
.main-content.expanded {
  padding: 12px 20px 75px 282px;
}
.main-content.expanded .settings-container {
  width: calc(100% - 580px);
  left: 580px;
}
.main-content.expanded .section-header {
  width: calc(100% - 264px);
  left: 264px;
}
.main-content.expanded .widgets .widget {
  width: calc((100% - 72px) / 4) !important;
}
.main-content.expanded .widgets .widget .content {
  width: 100%;
}
.main-content.expanded .section-content {
  left: 296px;
  width: calc(100% - 296px - 16px);
}
.main-content.expanded .section-body {
  width: calc(100% - 264px);
  left: 264px;
}
.main-content.expanded .section-body.small {
  left: 730px;
  width: calc(100% - 730px);
}
.main-content.expanded .test-results-sidebar {
  left: 264px !important;
}
.main-content.expanded .views-list-side-bar {
  left: 264px;
}
.main-content.expanded .asset-list-container {
  left: 264px;
}
.main-content.expanded #asset-list-container-default-charting {
  left: 264px;
}
.main-content.expanded .assets-list {
  left: 264px;
}
.main-content.expanded .view-header {
  width: calc(100% - 580px);
  left: 580px;
}
.main-content.expanded .view-header.default {
  width: calc(100% - 580px);
  left: 580px;
}
.main-content.expanded .view-charts-container {
  width: calc(100% - 580px);
  left: 580px;
}
.main-content.expanded .view-charts-container.default {
  width: calc(100% - 580px);
  left: 580px;
}
.main-content.expanded .section-table-container {
  left: 296px;
}
.main-content.expanded .section-table-container.split-screen {
  width: calc((100% - 296px)/2 - 16px);
}
.main-content.expanded .section-table-container.split-screen.right {
  left: calc(50% + 296px/2);
}
.main-content.expanded .dashboard-area {
  width: calc(100% - 264px);
  left: 264px;
}
.main-content.expanded .asset-dashboard-menu {
  width: calc(100% - 264px);
  left: 264px;
}
.main-content.expanded .asset-dashboard-menu .asset-type-input {
  width: 426px;
}
.main-content.expanded .tool-bar {
  width: calc(100% - 264px);
  left: 264px;
}
.main-content.expanded .incomplete-dashboard {
  width: calc(100% - 264px);
  left: 264px;
}
.main-content.expanded .faultlog-inactive {
  width: calc(100% - 264px);
  left: 264px;
}
.main-content.expanded .tuple-list-togglable {
  left: 264px;
}
.main-content.expanded .tag-menu {
  left: 272px;
}
.main-content .app-signup,
.main-content .app-change-password {
  padding: 20px;
  padding-top: 5px;
  background: #ffffff;
  width: 30%;
}
.main-content .app-signup h1,
.main-content .app-change-password h1 {
  color: #000000;
}
.main-content .app-signup input,
.main-content .app-change-password input,
.main-content .app-signup select,
.main-content .app-change-password select,
.main-content .app-signup option,
.main-content .app-change-password option {
  width: 100%;
}
.bottom {
  clear: both;
  width: 100%;
  height: 65px;
  bottom: 0;
  left: 0;
  text-align: left;
  padding-bottom: 20px;
  margin: 0;
  padding-left: 20px;
}
.copyright {
  font-size: 0.6em;
}
.error-label {
  color: red;
  font-size: 1em;
}
.underline {
  text-decoration: underline;
}
.error-dialog {
  background: red;
  color: #ffffff;
  text-align: center;
  width: 100%;
  min-height: 200px;
  font-size: 2em;
}
.error-dialog h1 {
  display: inline-block;
  padding: 0 20px;
  margin: 0;
  border-bottom: 2px solid white;
}
.error-dialog .error-details {
  font-size: 1em;
}
@media print {
  .main-content {
    max-width: 100%;
  }
  .nav-bar,
  .top-bar {
    display: none;
  }
}
.fix_this {
  position: fixed;
  background: #ffffff;
  z-index: 9;
  overflow: hidden;
  height: 155px;
  bottom: 0px;
  left: 0;
  border-top: solid #000000 2px;
}
.opaque_bg {
  background-color: #ffffff;
  z-index: 9;
}
.vertical-align {
  vertical-align: middle;
}
.input-label {
  float: left;
  line-height: 25px;
  margin-right: 5px;
}
.height_54 {
  line-height: 54px;
}
#ui-datepicker-div {
  top: 150px !important;
  background: #ffffff;
}
.min_height_800 {
  min-height: 800px;
}
.max_height_500 {
  max-height: 500px;
  overflow: auto;
}
.ui-datepicker .ui-datepicker-header {
  background: #000000;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  padding: 5px 10px;
  text-align: center;
  border: none;
  background: #4173b3;
  color: #ffffff;
  font-weight: normal;
  font-size: 12px;
  font-style: Helvetica, Arial, sans-serif;
}
.ui-datepicker .ui-datepicker-buttonpane button:hover {
  color: #4173b3;
  background: #ffffff;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  color: #000000;
}
.border_this {
  border: #000000 solid 1px;
}
.content_holder {
  background: #ffffff;
  border: 1px solid #bababa;
}
.holder_rest {
  overflow: hidden;
}
.margin_top_50 {
  margin-top: 50px !important;
}
.margin_bottom_50 {
  margin-bottom: 50px !important;
}
.padding_5 {
  padding: 5px;
}
.padding_3 {
  padding: 3px;
}
.padding_top_10 {
  padding-top: 10px;
}
.padding_right_20 {
  padding-right: 20px;
}
.padding_left_20 {
  padding-left: 20px;
}
.padding_left_10 {
  padding-left: 10px;
}
.padding_left_40 {
  padding-left: 40px !important;
}
.padding_right_40 {
  padding-right: 40px !important;
}
.padding_9 {
  padding: 9px;
}
.padding_10 {
  padding: 10px;
}
.padding_12 {
  padding: 12px;
}
.padding_15 {
  padding: 15px;
}
.padding_20 {
  padding: 18px;
}
.no_padding {
  padding: 0px;
}
.no_padding_top {
  padding-top: 0px !important;
}
.no_padding_left {
  padding-left: 0px !important;
}
.no_padding_right {
  padding-right: 0px !important;
}
.no_padding_bottom {
  padding-bottom: 0px !important;
}
.hidden-button {
  visibility: hidden;
  width: 0;
  height: 0;
  display: none;
}
.hidden-menu {
  display: none !important;
}
.reject-choice {
  height: 88px;
}
.clock {
  content: url('../images/clock-white.png');
  width: 50px;
  height: 50px;
  float: center;
}
.maint {
  content: url('../images/maint-white.png');
  width: 50px;
  height: 50px;
  float: center;
}
.reject-action-form .reject {
  content: url('../images/reject-white.png');
  width: 50px;
  height: 50px;
  float: center;
}
.section_menu {
  background: url('../images/section_menu_bg.png') right repeat-y;
}
.section_menu .menu_item {
  height: 45px;
  float: left;
  clear: left;
  text-align: left;
  text-transform: uppercase;
  color: #ffffff;
  cursor: pointer;
  width: 100%;
  background: url('../images/section_menu_bg.png') right repeat-y;
  -webkit-transition: background-position 0.3s, background-color 0.3s, height 0.3s, transform 0.3s;
  transition: background-position 0.3s, background-color 0.3s, height 0.3s, transform 0.3s;
}
.section_menu .menu_item span {
  padding-top: 15px;
  display: inline-block;
}
.section_menu .menu_item:before {
  display: inline-block;
  vertical-align: middle;
  padding-right: 10px;
  height: 45px;
  width: 55px;
  margin-top: -7px;
}
.section_menu .menu_item.creation_wizard:before {
  content: url('../images/section_icons/wand.png');
}
.section_menu .menu_item.load_existing_data:before {
  content: url('../images/section_icons/upfile.png');
}
.section_menu .menu_item.monthly_averages:before {
  content: url('../images/section_icons/calendar.png');
}
.section_menu .menu_item.rate_energy:before {
  content: url('../images/section_icons/energy.png');
}
.section_menu .menu_item.rate_demand:before {
  content: url('../images/section_icons/demand.png');
}
.section_menu .menu_item.rate_capacity:before {
  content: url('../images/section_icons/capacity.png');
}
.section_menu .menu_item.rate_ratchet:before {
  content: url('../images/section_icons/ratchet.png');
}
.section_menu .menu_item.rate_other:before {
  content: url('../images/section_icons/calendar.png');
}
.section_menu .menu_item.rate_taxes:before {
  content: url('../images/section_icons/coins.png');
}
.section_menu .menu_item.rate_bills:before {
  content: url('../images/section_icons/bills.png');
}
.section_menu .menu_item.rate_save:before {
  content: url('../images/section_icons/save.png');
}
.section_menu .menu_item.rate_load:before {
  content: url('../images/section_icons/upfile.png');
}
.section_menu .menu_item:hover,
.section_menu .menu_item.opened {
  background: url('../images/section_menu_bg.png') left repeat-y;
}
.circle {
  border-radius: 50%;
  width: 200px;
  height: 200px;
}
.circular-graph-space {
  height: 200px;
}
.text-button {
  font-size: .8em;
  float: left;
  line-height: 20px;
  width: 50px;
}
.text-button.selected {
  font-size: .9em;
  text-decoration: underline;
}
.text-button:hover {
  cursor: pointer;
  font-size: .9em;
}
div.content_text {
  margin: 0px 0px 20px 0px;
  clear: left;
  float: left;
  width: 100%;
  cursor: default;
}
div.content_text_label {
  margin: 0px 0px 10px 0px;
  clear: left;
  padding: 0px 7px 7px 0px;
  float: left;
}
div.element_holder {
  margin-right: 10px;
  line-height: 30px;
}
div.element_holder + input {
  float: left;
}
.input_field_label {
  line-height: 30px;
  margin-right: 10px;
}
.default {
  cursor: default;
}
.pointer {
  cursor: pointer;
}
/* SQUARED FOUR */
.squaredFour {
  margin-top: 5px;
  position: relative;
}
.squaredFour input[type=checkbox] {
  left: -9999px;
  position: absolute;
  visibility: hidden;
}
.squaredFour label {
  cursor: pointer;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  right: 20px;
  border-radius: 0px;
  background: #ffffff;
  padding: 0px;
  font-family: "Helvetica Neue Light", Arial;
  margin-right: 0px;
  border: 1px solid #a9a9a9;
}
.squaredFour label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  content: '';
  position: absolute;
  width: 13px;
  height: 7px;
  background: transparent;
  top: 4px;
  left: 3px;
  border: 3px solid #232323;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.squaredFour label:hover::after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  opacity: 0.5;
}
.squaredFour input[type=checkbox]:checked + label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
input[type=checkbox] {
  visibility: hidden;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
select {
  text-align: center;
}
.selectable .ui-selecting {
  background: #ffbf7c !important;
}
.selectable .ui-selected {
  background: #ff9800 !important;
  color: white !important;
  border: 1px solid #dd811d !important;
}
.selectable {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 30px;
}
.ui-hour-select .ui-state-default,
.ui-month-select .ui-state-default,
.ui-hour-select .ui-widget-content .ui-state-default,
.ui-month-select .ui-widget-content .ui-state-default,
.ui-hour-select .ui-widget-header .ui-state-default,
.ui-month-select .ui-widget-header .ui-state-default {
  background: #ffffff;
  border: 1px solid #a9a9a9;
  font-family: "Proxima Nova Rg", "Open Sans";
  margin: 0px 1% 0px 0px;
  padding: 5px;
  float: left;
  width: 7%;
  line-height: 14px;
  cursor: pointer;
  font-weight: normal;
  height: 26px;
  font-size: 14px;
  color: #a9a9a9;
  text-align: center;
}
.ui-hour-select .ui-state-default.used,
.ui-month-select .ui-state-default.used,
.ui-hour-select .ui-widget-content .ui-state-default.used,
.ui-month-select .ui-widget-content .ui-state-default.used,
.ui-hour-select .ui-widget-header .ui-state-default.used,
.ui-month-select .ui-widget-header .ui-state-default.used {
  background: #8db379;
  border: #659849;
  color: #f3f3f3;
}
.ui-datepicker-header .ui-widget-header,
.ui-datepicker-header .ui-state-hover,
.ui-datepicker-header .ui-widget-content .ui-state-hover,
.ui-datepicker-header .ui-widget-header .ui-state-hover,
.ui-datepicker-header .ui-state-focus,
.ui-datepicker-header .ui-widget-content .ui-state-focus,
.ui-datepicker-header .ui-widget-header .ui-state-focus {
  border: 1px solid #000000;
  background: #000000;
  font-weight: bold;
  color: #ffffff;
}
.ui-datepicker-header .ui-state-hover .ui-icon,
.ui-datepicker-header .ui-state-focus .ui-icon {
  background-image: url(images/ui-icons_ffffff_256x240.png);
}
footer {
  background-color: transparent!important;
}
pre.error-response {
  margin-top: 24px;
  background-color: #f1f1f1;
  text-align: left;
  padding: 4px;
}
div.DTE_Inline input {
  border: none;
  background-color: transparent;
  padding: 0 !important;
  font-size: 90%;
}
div.DTE_Inline input:focus {
  outline: none;
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}