/* ZeroRiskk COMTRADE Viewer v2.4.5 module: Unified graph-focused workbench, table readability and measurement layout passes. */

.gcw-root.gcw-tool-open .gcw-analysis-ux-bar,
.gcw-root.gcw-tool-open .gcw-tool-drawer-head {
  display: none !important;
}
.gcw-root.gcw-tool-open .gcw-engineering-tool-body {
  padding: 0 !important;
  overflow: hidden !important;
  background: #f8fafc !important;
}
.gcw-root.gcw-tool-open .gcw-query-page.gcw-workbench-shell {
  position: relative !important;
  height: 100% !important;
  min-height: 0 !important;
  gap: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #f8fafc !important;
}
.gcw-root.gcw-tool-open .gcw-query-page.gcw-workbench-shell > .gcw-query-page-head,
.gcw-root.gcw-tool-open .gcw-query-page.gcw-workbench-shell > .gcw-query-status,
.gcw-root.gcw-tool-open .gcw-query-page.gcw-workbench-shell > .gcw-tool-note,
.gcw-root.gcw-tool-open .gcw-query-page.gcw-workbench-shell > .gcw-assumption-panel,
.gcw-root.gcw-tool-open .gcw-query-page.gcw-workbench-shell > .gcw-chart-measure-box {
  display: none !important;
}
.gcw-root.gcw-tool-open .gcw-query-page.gcw-workbench-shell .gcw-query-chart-wrap {
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: #f8fafc !important;
  overflow: hidden !important;
}
.gcw-root.gcw-tool-open .gcw-query-page.gcw-workbench-shell::before {
  top: 6px !important;
  left: 9px !important;
  z-index: 62 !important;
  max-width: min(38vw, 360px) !important;
  padding: 3px 8px !important;
  background: rgba(255,255,255,.82) !important;
  border-color: rgba(15,118,110,.18) !important;
  box-shadow: 0 8px 18px rgba(15,23,42,.07) !important;
  backdrop-filter: blur(8px) !important;
  color: #0f172a !important;
  pointer-events: none !important;
}
.gcw-root.gcw-tool-open .gcw-workbench-floating-toolbar {
  top: 5px !important;
  right: 8px !important;
  z-index: 64 !important;
  opacity: .14 !important;
  transform: scale(.86) !important;
  transform-origin: top right !important;
  transition: opacity .16s ease, transform .16s ease, box-shadow .16s ease !important;
  border-color: rgba(15,118,110,.16) !important;
  background: rgba(255,255,255,.88) !important;
  backdrop-filter: blur(8px) !important;
}
.gcw-root.gcw-tool-open .gcw-workbench-shell:hover .gcw-workbench-floating-toolbar,
.gcw-root.gcw-tool-open .gcw-workbench-floating-toolbar:focus-within {
  opacity: .96 !important;
  transform: scale(.94) !important;
}
.gcw-root.gcw-tool-open .gcw-workbench-floating-toolbar .gcw-workbench-tool-btn span {
  display: none !important;
}
.gcw-root.gcw-tool-open .gcw-workbench-floating-toolbar .gcw-workbench-tool-btn {
  min-width: 28px !important;
  width: 28px !important;
  height: 28px !important;
  padding: 0 !important;
  justify-content: center !important;
  border-radius: 999px !important;
}

.gcw-root.gcw-tool-open .gcw-tool-uplot-head,
.gcw-root.gcw-tool-open .gcw-tool-uplot-readout,
.gcw-root.gcw-tool-open .gcw-tool-plot-resize-grip {
  display: none !important;
}
.gcw-root.gcw-tool-open .gcw-tool-uplot-shell,
.gcw-root.gcw-tool-open .gcw-tool-plotly-shell {
  margin: 0 !important;
  border-color: rgba(148,163,184,.20) !important;
  box-shadow: none !important;
  background: #ffffff !important;
}
.gcw-root.gcw-tool-open .gcw-tool-plotly .modebar {
  opacity: .10 !important;
  transition: opacity .14s ease !important;
}
.gcw-root.gcw-tool-open .gcw-tool-plotly:hover .modebar,
.gcw-root.gcw-tool-open .gcw-tool-plotly:focus-within .modebar {
  opacity: .92 !important;
}

.gcw-root.gcw-tool-active-frequency .gcw-frequency-workbench,
.gcw-root.gcw-tool-active-frequency .gcw-frequency-side-layout,
.gcw-root.gcw-tool-active-frequency .gcw-frequency-cockpit-layout {
  height: 100% !important;
  min-height: 0 !important;
}
.gcw-root.gcw-tool-active-frequency .gcw-frequency-plot-panel,
.gcw-root.gcw-tool-active-frequency .gcw-frequency-plot-stack {
  min-height: 0 !important;
  height: 100% !important;
  padding: 0 !important;
  background: #ffffff !important;
}
.gcw-root.gcw-tool-active-frequency .gcw-frequency-plot-stack .gcw-tool-uplot-shell,
.gcw-root.gcw-tool-active-frequency .gcw-frequency-plot-stack .gcw-tool-uplot,
.gcw-root.gcw-tool-active-frequency .gcw-frequency-plot-stack .gcw-tool-plotly {
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
}
.gcw-root.gcw-tool-active-frequency .gcw-frequency-live-head,
.gcw-root.gcw-tool-active-frequency .gcw-frequency-compare-head {
  display: none !important;
}

.gcw-root.gcw-tool-active-readout .gcw-readout-workbench,
.gcw-root.gcw-tool-active-readout .gcw-readout-side-layout,
.gcw-root.gcw-tool-active-readout .gcw-readout-cockpit-layout {
  height: 100% !important;
  min-height: 0 !important;
}
.gcw-root.gcw-tool-active-readout .gcw-readout-result-head {
  min-height: 28px !important;
  padding: 4px 8px !important;
  background: rgba(248,250,252,.96) !important;
}
.gcw-root.gcw-tool-active-readout .gcw-readout-result-head span { display: none !important; }
.gcw-root.gcw-tool-active-readout .gcw-readout-bars-card header { display: none !important; }

.gcw-root.gcw-tool-active-computed .gcw-computed-workbench,
.gcw-root.gcw-tool-active-computed .gcw-computed-side-layout,
.gcw-root.gcw-tool-active-computed .gcw-computed-cockpit-layout {
  height: 100% !important;
  min-height: 0 !important;
}
.gcw-root.gcw-tool-active-computed .gcw-computed-result-head,
.gcw-root.gcw-tool-active-computed .gcw-computed-main-plot > header,
.gcw-root.gcw-tool-active-computed .gcw-computed-signals-panel > header,
.gcw-root.gcw-tool-active-computed .gcw-computed-active-tab-head {
  min-height: 0 !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.gcw-root.gcw-tool-active-computed .gcw-computed-focused-panel .gcw-tool-uplot-shell,
.gcw-root.gcw-tool-active-computed .gcw-computed-focused-panel .gcw-tool-uplot,
.gcw-root.gcw-tool-active-computed .gcw-computed-focused-panel .gcw-tool-plotly {
  min-height: 0 !important;
  height: 100% !important;
  max-height: none !important;
}
.gcw-root.gcw-tool-active-computed .gcw-computed-focused-panel .gcw-computed-main-plot {
  min-height: 0 !important;
  overflow: hidden !important;
}

.gcw-root.gcw-tool-open .gcw-generic-workbench,
.gcw-root.gcw-tool-open .gcw-generic-side-layout,
.gcw-root.gcw-tool-open .gcw-generic-cockpit-layout {
  height: 100% !important;
  min-height: 0 !important;
}
.gcw-root.gcw-tool-open .gcw-generic-result-panel {
  border-radius: 0 10px 10px 0 !important;
}
.gcw-root.gcw-tool-open .gcw-generic-result-head {
  min-height: 28px !important;
  padding: 4px 8px !important;
  background: rgba(248,250,252,.96) !important;
}
.gcw-root.gcw-tool-open .gcw-generic-result-head span,
.gcw-root.gcw-tool-open .gcw-generic-result-head small {
  display: none !important;
}
.gcw-root.gcw-tool-open .gcw-generic-plot-zone {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #ffffff !important;
}
.gcw-root.gcw-tool-open .gcw-generic-plot-zone .gcw-tool-uplot-shell {
  height: 100% !important;
  min-height: 0 !important;
  border: 0 !important;
}
.gcw-root.gcw-tool-open .gcw-generic-plot-zone .gcw-tool-uplot,
.gcw-root.gcw-tool-open .gcw-generic-plot-zone .gcw-tool-plotly {
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
}
@media (max-width: 1180px) {
  .gcw-root.gcw-tool-open .gcw-query-page.gcw-workbench-shell::before {
    max-width: calc(100% - 120px) !important;
  }
}

.gcw-uplot-channel-labels.is-compact{
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:18;
}
.gcw-uplot-channel-labels.is-compact .gcw-uplot-compact-legend{
  position:absolute;
  top:8px;
  left:8px;
  max-width:min(190px, 22vw);
  max-height:calc(100% - 22px);
  overflow:auto;
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:6px;
  border:1px solid rgba(148,163,184,.22);
  border-radius:12px;
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(6px);
  box-shadow:0 10px 24px rgba(15,23,42,.08);
  pointer-events:auto;
}
.gcw-uplot-compact-legend-row{
  appearance:none;
  border:0;
  background:rgba(248,250,252,.82);
  color:#0f172a;
  border-radius:9px;
  padding:3px 6px;
  display:grid;
  grid-template-columns:8px minmax(34px, auto) minmax(54px, 1fr);
  gap:6px;
  align-items:center;
  text-align:left;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  cursor:help;
  max-width:100%;
}
.gcw-uplot-compact-legend-row:hover,
.gcw-uplot-compact-legend-row:focus-visible{
  background:rgba(255,255,255,.96);
  box-shadow:inset 0 0 0 1px rgba(37,99,235,.22);
  outline:none;
}
.gcw-uplot-compact-legend-row i{
  width:8px;
  height:8px;
  border-radius:999px;
  background:var(--gcw-series-color, #2563eb);
  box-shadow:0 0 0 2px rgba(255,255,255,.92);
}
.gcw-uplot-compact-legend-row strong{
  font-size:10px;
  line-height:1.1;
  font-weight:950;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.gcw-uplot-compact-legend-row small{
  font-size:9px;
  line-height:1.1;
  color:#64748b;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-variant-numeric:tabular-nums;
}
.gcw-uplot-compact-legend-more{
  align-self:flex-start;
  padding:2px 7px;
  border-radius:999px;
  background:rgba(15,23,42,.72);
  color:white;
  font-size:9px;
  font-weight:900;
  letter-spacing:.02em;
}
@media (max-width: 900px){
  .gcw-uplot-channel-labels.is-compact .gcw-uplot-compact-legend{ max-width:150px; }
  .gcw-uplot-compact-legend-row{ grid-template-columns:8px minmax(32px, auto) minmax(54px, 1fr); }
  .gcw-uplot-compact-legend-row small{ display:none; }
}

.gcw-root .gcw-uplot-channel-labels,
.gcw-root .gcw-uplot-channel-labels.is-compact,
.gcw-root .gcw-uplot-compact-legend {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
.gcw-root.gcw-analysis-mode .gcw-measure-row[data-channel-key] {
  --gcw-series-color: rgba(148, 163, 184, 0.42);
}
.gcw-root.gcw-analysis-mode .gcw-measure-row.is-plotted td:first-child {
  box-shadow: inset 4px 0 0 var(--gcw-series-color) !important;
}
.gcw-root.gcw-analysis-mode .gcw-measure-row.is-plotted td {
  background-image: linear-gradient(90deg, rgba(255,255,255,0.98), rgba(248,250,252,0.72)) !important;
}
.gcw-root.gcw-analysis-mode .gcw-measure-row.is-plotted:hover td,
.gcw-root.gcw-analysis-mode .gcw-measure-row.is-plotted:focus-within td {
  background-image: linear-gradient(90deg, rgba(239,246,255,0.96), rgba(255,255,255,0.96)) !important;
}
.gcw-root.gcw-analysis-mode .gcw-measure-row.is-not-plotted td {
  opacity: 0.70;
}
.gcw-root.gcw-analysis-mode .gcw-channel-color-dot {
  display: inline-flex !important;
  width: 9px !important;
  height: 9px !important;
  min-width: 9px !important;
  border-radius: 999px !important;
  background: var(--gcw-series-color) !important;
  box-shadow: 0 0 0 2px rgba(255,255,255,0.96), 0 0 0 3px rgba(148,163,184,0.22) !important;
  margin-right: 4px !important;
  vertical-align: middle !important;
}
.gcw-root.gcw-analysis-mode .gcw-measure-row.is-not-plotted .gcw-channel-color-dot {
  background: transparent !important;
  box-shadow: inset 0 0 0 2px rgba(148,163,184,0.42) !important;
}
.gcw-root.gcw-analysis-mode .gcw-plot-cell {
  justify-content: center !important;
  gap: 4px !important;
}
.gcw-root.gcw-analysis-mode .gcw-measure-row.is-plotted td:nth-child(2) strong {
  color: #0f172a !important;
}
.gcw-root.gcw-analysis-mode .gcw-measure-row.is-not-plotted td:nth-child(2) strong,
.gcw-root.gcw-analysis-mode .gcw-measure-row.is-not-plotted td:nth-child(2) small {
  color: #64748b !important;
}
@media (max-width: 900px) {
  .gcw-root.gcw-analysis-mode .gcw-channel-color-dot { width: 8px !important; height: 8px !important; min-width: 8px !important; margin-right: 2px !important; }
}

.gcw-uplot-y-scale-layer {
  position: absolute;
  z-index: 15;
  pointer-events: none;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: linear-gradient(90deg, rgba(248,250,252,.96), rgba(248,250,252,.78) 72%, rgba(248,250,252,0));
  border-right: 1px solid rgba(148,163,184,.20);
  overflow: hidden;
}
.gcw-y-scale-lane {
  position: absolute;
  left: 0;
  right: 0;
  border-left: 3px solid var(--gcw-series-color, rgba(37,99,235,.95));
  opacity: .96;
}
.gcw-y-scale-lane::after {
  content: "";
  position: absolute;
  right: 3px;
  top: 8px;
  bottom: 8px;
  width: 1px;
  background: color-mix(in srgb, var(--gcw-series-color, rgba(37,99,235,.95)) 42%, transparent);
  opacity: .65;
}
.gcw-y-scale-tick {
  position: absolute;
  right: 7px;
  transform: translateY(-50%);
  max-width: 54px;
  padding: 1px 3px;
  border-radius: 5px;
  background: rgba(255,255,255,.82);
  color: #475569;
  font-size: 9px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: -.02em;
  white-space: nowrap;
  text-align: right;
  font-variant-numeric: tabular-nums;
  box-shadow: 0 1px 2px rgba(15,23,42,.08);
}
.gcw-y-scale-tick::after {
  content: "";
  position: absolute;
  right: -7px;
  top: 50%;
  width: 6px;
  height: 1px;
  background: var(--gcw-series-color, rgba(37,99,235,.95));
  opacity: .62;
}
.gcw-y-scale-tick.is-zero {
  color: #0f172a;
  font-weight: 950;
  background: rgba(255,255,255,.94);
  box-shadow: 0 0 0 1px rgba(15,23,42,.10), 0 1px 2px rgba(15,23,42,.08);
}
.gcw-y-scale-tick.is-zero::after {
  background: rgba(15,23,42,.72);
  opacity: .8;
}
.gcw-y-scale-lane.is-digital .gcw-y-scale-tick {
  max-width: 24px;
  min-width: 14px;
  text-align: center;
  font-size: 10px;
  font-weight: 950;
}
@media (max-width: 900px) {
  .gcw-uplot-y-scale-layer { transform: scaleX(.92); transform-origin: left top; }
  .gcw-y-scale-tick { font-size: 8px; max-width: 46px; padding-left: 2px; padding-right: 2px; }
}

.gcw-root.gcw-tool-open .gcw-query-page[data-tool="frequency"] .gcw-frequency-focus-layout {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  overflow: hidden !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  border: 1px solid rgba(148, 163, 184, .22) !important;
}
.gcw-root.gcw-tool-open .gcw-query-page[data-tool="frequency"] .gcw-frequency-focus-controls {
  flex: 0 0 auto !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 5px !important;
  padding: 6px !important;
  background: linear-gradient(180deg, #f8fafc, #ffffff) !important;
  border-bottom: 1px solid rgba(226, 232, 240, .96) !important;
}
.gcw-root.gcw-tool-open .gcw-query-page[data-tool="frequency"] .gcw-frequency-focus-topline {
  display: grid !important;
  grid-template-columns: minmax(280px, .78fr) minmax(360px, 1.22fr) !important;
  gap: 6px !important;
  align-items: stretch !important;
  min-width: 0 !important;
}
.gcw-root.gcw-tool-open .gcw-query-page[data-tool="frequency"] .gcw-frequency-focus-kpis {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 5px !important;
  min-width: 0 !important;
}
.gcw-root.gcw-tool-open .gcw-query-page[data-tool="frequency"] .gcw-frequency-focus-kpis > div {
  min-width: 0 !important;
  min-height: 42px !important;
  padding: 5px 7px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(148, 163, 184, .18) !important;
  background: #ffffff !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, .035) !important;
}
.gcw-root.gcw-tool-open .gcw-query-page[data-tool="frequency"] .gcw-frequency-focus-kpis strong {
  display: block !important;
  color: #0f172a !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
  font-variant-numeric: tabular-nums !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.gcw-root.gcw-tool-open .gcw-query-page[data-tool="frequency"] .gcw-frequency-focus-kpis span,
.gcw-root.gcw-tool-open .gcw-query-page[data-tool="frequency"] .gcw-frequency-focus-kpis em {
  display: block !important;
  margin-top: 2px !important;
  color: #64748b !important;
  font-size: 8.8px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .035em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.gcw-root.gcw-tool-open .gcw-query-page[data-tool="frequency"] .gcw-frequency-focus-layout .gcw-frequency-player {
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: max-content minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 5px !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
.gcw-root.gcw-tool-open .gcw-query-page[data-tool="frequency"] .gcw-frequency-focus-layout .gcw-frequency-player-left {
  flex-wrap: nowrap !important;
  gap: 4px !important;
}
.gcw-root.gcw-tool-open .gcw-query-page[data-tool="frequency"] .gcw-frequency-focus-layout .gcw-frequency-time-meta {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 3px !important;
}
.gcw-root.gcw-tool-open .gcw-query-page[data-tool="frequency"] .gcw-frequency-focus-layout .gcw-frequency-time-meta span {
  min-width: 0 !important;
  padding: 1px 5px !important;
  font-size: 8.8px !important;
  overflow: hidden !important;
}
.gcw-root.gcw-tool-open .gcw-query-page[data-tool="frequency"] .gcw-frequency-focus-layout .gcw-frequency-slider-shell {
  height: 16px !important;
  margin-top: 3px !important;
}
.gcw-root.gcw-tool-open .gcw-query-page[data-tool="frequency"] .gcw-frequency-focus-layout .gcw-frequency-time-slider::-webkit-slider-thumb {
  width: 14px !important;
  height: 14px !important;
}
.gcw-root.gcw-tool-open .gcw-query-page[data-tool="frequency"] .gcw-frequency-focus-layout .gcw-frequency-time-slider::-moz-range-thumb {
  width: 14px !important;
  height: 14px !important;
}
.gcw-root.gcw-tool-open .gcw-query-page[data-tool="frequency"] .gcw-frequency-focus-inputs {
  display: grid !important;
  grid-template-columns: minmax(170px, 1.2fr) repeat(3, minmax(90px, .62fr)) minmax(96px, .48fr) !important;
  gap: 5px !important;
  align-items: end !important;
  min-width: 0 !important;
}
.gcw-root.gcw-tool-open .gcw-query-page[data-tool="frequency"] .gcw-frequency-focus-inputs .gcw-tool-input-label,
.gcw-root.gcw-tool-open .gcw-query-page[data-tool="frequency"] .gcw-frequency-focus-inputs .gcw-frequency-switch {
  min-width: 0 !important;
  margin: 0 !important;
}
.gcw-root.gcw-tool-open .gcw-query-page[data-tool="frequency"] .gcw-frequency-focus-advanced {
  min-width: 0 !important;
  border-radius: 9px !important;
  border: 1px solid rgba(148, 163, 184, .18) !important;
  background: #ffffff !important;
  overflow: hidden !important;
}
.gcw-root.gcw-tool-open .gcw-query-page[data-tool="frequency"] .gcw-frequency-focus-advanced > summary,
.gcw-root.gcw-tool-open .gcw-query-page[data-tool="frequency"] .gcw-frequency-focus-details > summary {
  min-height: 26px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  cursor: pointer !important;
  padding: 4px 8px !important;
  color: #1d4ed8 !important;
  font-size: 10.4px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: .035em !important;
}
.gcw-root.gcw-tool-open .gcw-query-page[data-tool="frequency"] .gcw-frequency-focus-advanced > section {
  max-height: 210px !important;
  overflow: auto !important;
  padding: 6px !important;
  border-top: 1px solid rgba(226, 232, 240, .94) !important;
  background: #f8fafc !important;
}
.gcw-root.gcw-tool-open .gcw-query-page[data-tool="frequency"] .gcw-frequency-focus-advanced-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
}
.gcw-root.gcw-tool-open .gcw-query-page[data-tool="frequency"] .gcw-frequency-plot-panel {
  flex: 1 1 0 !important;
  min-height: 0 !important;
  width: 100% !important;
  height: auto !important;
  border-radius: 0 !important;
  border: 0 !important;
}
.gcw-root.gcw-tool-open .gcw-query-page[data-tool="frequency"] .gcw-frequency-plot-stack {
  flex: 1 1 0 !important;
  min-height: 0 !important;
  width: 100% !important;
  height: 100% !important;
  padding: 6px !important;
}
.gcw-root.gcw-tool-open .gcw-query-page[data-tool="frequency"] .gcw-frequency-focus-details {
  flex: 0 0 auto !important;
  max-height: 30px !important;
  border-top: 1px solid rgba(226, 232, 240, .96) !important;
  background: #f8fafc !important;
  overflow: hidden !important;
}
.gcw-root.gcw-tool-open .gcw-query-page[data-tool="frequency"] .gcw-frequency-focus-details[open] {
  max-height: min(34vh, 260px) !important;
}
.gcw-root.gcw-tool-open .gcw-query-page[data-tool="frequency"] .gcw-frequency-focus-details > summary strong {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #334155 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
.gcw-root.gcw-tool-open .gcw-query-page[data-tool="frequency"] .gcw-frequency-focus-detail-body {
  max-height: calc(min(34vh, 260px) - 30px) !important;
  overflow: auto !important;
  padding: 6px !important;
  display: grid !important;
  grid-template-columns: minmax(220px, .85fr) minmax(260px, 1.15fr) !important;
  gap: 6px !important;
}
.gcw-root.gcw-tool-open .gcw-query-page[data-tool="frequency"] .gcw-frequency-focus-detail-body .gcw-frequency-summary-strip {
  grid-column: 1 / -1 !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.gcw-root.gcw-tool-open .gcw-query-page[data-tool="frequency"] .gcw-frequency-focus-detail-body .gcw-frequency-live-card,
.gcw-root.gcw-tool-open .gcw-query-page[data-tool="frequency"] .gcw-frequency-focus-detail-body .gcw-frequency-pointer-card {
  min-width: 0 !important;
  min-height: 0 !important;
}
@media (max-width: 1100px) {
  .gcw-root.gcw-tool-open .gcw-query-page[data-tool="frequency"] .gcw-frequency-focus-topline,
  .gcw-root.gcw-tool-open .gcw-query-page[data-tool="frequency"] .gcw-frequency-focus-inputs,
  .gcw-root.gcw-tool-open .gcw-query-page[data-tool="frequency"] .gcw-frequency-focus-advanced-grid,
  .gcw-root.gcw-tool-open .gcw-query-page[data-tool="frequency"] .gcw-frequency-focus-detail-body {
    grid-template-columns: 1fr !important;
  }
  .gcw-root.gcw-tool-open .gcw-query-page[data-tool="frequency"] .gcw-frequency-focus-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .gcw-root.gcw-tool-open .gcw-query-page[data-tool="frequency"] .gcw-frequency-focus-layout .gcw-frequency-player {
    grid-template-columns: 1fr !important;
  }
}

.gcw-root.gcw-tool-open .gcw-generic-focus-workbench,
.gcw-root.gcw-tool-open .gcw-generic-focus-layout {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  background: #f8fafc !important;
  color: #0f172a !important;
}
.gcw-root.gcw-tool-open .gcw-generic-focus-layout {
  gap: 6px !important;
  padding: 6px !important;
}
.gcw-root.gcw-tool-open .gcw-generic-focus-workbench .gcw-generic-control-dock {
  flex: 0 0 auto !important;
  min-height: 30px !important;
  max-height: 128px !important;
  border: 1px solid rgba(148, 163, 184, .30) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: 0 6px 18px rgba(15, 23, 42, .04) !important;
  overflow: hidden !important;
}
.gcw-root.gcw-tool-open .gcw-generic-focus-workbench .gcw-generic-control-dock > summary {
  min-height: 30px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 5px 10px !important;
  cursor: pointer !important;
  list-style: none !important;
  border-bottom: 1px solid rgba(226, 232, 240, .88) !important;
  background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
}
.gcw-root.gcw-tool-open .gcw-generic-focus-workbench .gcw-generic-control-dock > summary::-webkit-details-marker { display: none !important; }
.gcw-root.gcw-tool-open .gcw-generic-focus-workbench .gcw-generic-control-dock > summary strong {
  color: #0f172a !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: -.01em !important;
  white-space: nowrap !important;
}
.gcw-root.gcw-tool-open .gcw-generic-focus-workbench .gcw-generic-control-dock > summary span {
  min-width: 0 !important;
  color: #475569 !important;
  font-size: 10px !important;
  font-weight: 760 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.gcw-root.gcw-tool-open .gcw-generic-focus-workbench .gcw-generic-control-dock:not([open]) {
  max-height: 32px !important;
}
.gcw-root.gcw-tool-open .gcw-generic-focus-workbench .gcw-generic-control-dock-body {
  max-height: 94px !important;
  overflow: auto !important;
  padding: 6px !important;
  display: grid !important;
  grid-template-columns: minmax(260px, .88fr) minmax(360px, 1.12fr) !important;
  gap: 6px !important;
  align-items: start !important;
  background: #ffffff !important;
}
.gcw-root.gcw-tool-open .gcw-generic-focus-workbench .gcw-generic-control-card,
.gcw-root.gcw-tool-open .gcw-generic-focus-workbench .gcw-generic-summary-strip,
.gcw-root.gcw-tool-open .gcw-generic-focus-workbench .gcw-generic-note-card,
.gcw-root.gcw-tool-open .gcw-generic-focus-workbench .gcw-generic-focus-list,
.gcw-root.gcw-tool-open .gcw-generic-focus-workbench .gcw-generic-visual-card {
  margin: 0 !important;
  border-color: rgba(148, 163, 184, .26) !important;
  box-shadow: none !important;
}
.gcw-root.gcw-tool-open .gcw-generic-focus-workbench .gcw-generic-control-card p,
.gcw-root.gcw-tool-open .gcw-generic-focus-workbench .gcw-generic-note-card p {
  display: none !important;
}
.gcw-root.gcw-tool-open .gcw-generic-focus-workbench .gcw-tool-input-grid {
  gap: 5px !important;
  grid-template-columns: repeat(auto-fit, minmax(116px, 1fr)) !important;
}
.gcw-root.gcw-tool-open .gcw-generic-focus-workbench .gcw-generic-summary-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 5px !important;
}
.gcw-root.gcw-tool-open .gcw-generic-focus-workbench .gcw-generic-summary-strip > div {
  min-height: 42px !important;
  padding: 5px 7px !important;
  background: #f8fafc !important;
  border: 1px solid rgba(148, 163, 184, .22) !important;
}
.gcw-root.gcw-tool-open .gcw-generic-focus-workbench .gcw-generic-summary-strip span,
.gcw-root.gcw-tool-open .gcw-generic-focus-workbench .gcw-generic-summary-strip em {
  color: #475569 !important;
  font-size: 8.6px !important;
  font-weight: 880 !important;
}
.gcw-root.gcw-tool-open .gcw-generic-focus-workbench .gcw-generic-summary-strip strong {
  color: #0f172a !important;
  font-size: 12.5px !important;
  font-weight: 950 !important;
}
.gcw-root.gcw-tool-open .gcw-generic-focus-workbench .gcw-generic-focus-result {
  flex: 1 1 0 !important;
  min-height: 0 !important;
  height: auto !important;
  width: 100% !important;
  border-radius: 12px !important;
  border: 1px solid rgba(148, 163, 184, .26) !important;
  background: #ffffff !important;
  overflow: hidden !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .045) !important;
}
.gcw-root.gcw-tool-open .gcw-generic-focus-workbench .gcw-generic-result-head {
  flex: 0 0 28px !important;
  min-height: 28px !important;
  padding: 4px 9px !important;
  border-bottom: 1px solid rgba(226, 232, 240, .88) !important;
  background: rgba(248, 250, 252, .96) !important;
}
.gcw-root.gcw-tool-open .gcw-generic-focus-workbench .gcw-generic-result-head strong {
  color: #0f172a !important;
  font-size: 11.2px !important;
  font-weight: 950 !important;
}
.gcw-root.gcw-tool-open .gcw-generic-focus-workbench .gcw-generic-result-head b {
  color: #0f766e !important;
  font-size: 11px !important;
}
.gcw-root.gcw-tool-open .gcw-generic-focus-workbench .gcw-generic-plot-zone {
  flex: 1 1 0 !important;
  min-height: 0 !important;
  width: 100% !important;
  padding: 0 !important;
  background: #ffffff !important;
  overflow: hidden !important;
}
.gcw-root.gcw-tool-open .gcw-generic-focus-workbench .gcw-tool-uplot-shell,
.gcw-root.gcw-tool-open .gcw-generic-focus-workbench .gcw-tool-plotly-shell {
  height: 100% !important;
  min-height: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
}
.gcw-root.gcw-tool-open .gcw-generic-focus-workbench .gcw-tool-uplot,
.gcw-root.gcw-tool-open .gcw-generic-focus-workbench .gcw-tool-plotly {
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
}
.gcw-root.gcw-tool-open .gcw-generic-focus-workbench .gcw-generic-detail-drawer {
  flex: 0 0 auto !important;
  min-height: 30px !important;
  max-height: 30px !important;
  border: 1px solid rgba(148, 163, 184, .26) !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  overflow: hidden !important;
}
.gcw-root.gcw-tool-open .gcw-generic-focus-workbench .gcw-generic-detail-drawer[open] {
  max-height: min(38vh, 320px) !important;
}
.gcw-root.gcw-tool-open .gcw-generic-focus-workbench .gcw-generic-detail-drawer > summary {
  min-height: 30px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 5px 10px !important;
  list-style: none !important;
  cursor: pointer !important;
  background: #f8fafc !important;
}
.gcw-root.gcw-tool-open .gcw-generic-focus-workbench .gcw-generic-detail-drawer > summary::-webkit-details-marker { display: none !important; }
.gcw-root.gcw-tool-open .gcw-generic-focus-workbench .gcw-generic-detail-drawer > summary strong {
  color: #0f172a !important;
  font-size: 10.8px !important;
  font-weight: 950 !important;
}
.gcw-root.gcw-tool-open .gcw-generic-focus-workbench .gcw-generic-detail-drawer > summary span {
  color: #475569 !important;
  font-size: 9.4px !important;
  font-weight: 760 !important;
}
.gcw-root.gcw-tool-open .gcw-generic-focus-workbench .gcw-generic-detail-body {
  max-height: calc(min(38vh, 320px) - 30px) !important;
  overflow: auto !important;
  padding: 6px !important;
  background: #ffffff !important;
  display: grid !important;
  grid-template-columns: minmax(240px, .34fr) minmax(360px, .66fr) !important;
  gap: 6px !important;
}
.gcw-root.gcw-tool-open .gcw-generic-focus-workbench .gcw-generic-table-wrap {
  flex: unset !important;
  height: auto !important;
  max-height: calc(min(38vh, 320px) - 46px) !important;
  min-height: 120px !important;
  overflow: auto !important;
  border-radius: 10px !important;
  border: 1px solid rgba(148, 163, 184, .22) !important;
}
.gcw-root.gcw-tool-open .gcw-generic-focus-workbench .gcw-generic-table-resizer {
  display: none !important;
}
.gcw-root.gcw-tool-open .gcw-generic-focus-workbench .gcw-generic-info-pane,
.gcw-root.gcw-tool-open .gcw-generic-focus-workbench .gcw-generic-side-resizer,
.gcw-root.gcw-tool-open .gcw-generic-focus-workbench .gcw-generic-freeze-resizer {
  display: none !important;
}

.gcw-root.gcw-tool-open,
.gcw-root.gcw-analysis-mode {
  --gcw-ui-text: #0f172a;
  --gcw-ui-muted: #475569;
  --gcw-ui-soft: #64748b;
  --gcw-ui-border: rgba(100, 116, 139, .30);
  --gcw-ui-panel: #ffffff;
  --gcw-ui-panel-soft: #f8fafc;
}
.gcw-root.gcw-tool-open .gcw-tool-input,
.gcw-root.gcw-tool-open select.gcw-tool-input,
.gcw-root.gcw-tool-open input.gcw-tool-input,
.gcw-root.gcw-tool-open .gcw-frequency-switch select,
.gcw-root.gcw-tool-open .gcw-frequency-switch input,
.gcw-root.gcw-tool-open .gcw-computed-focus-mapping select,
.gcw-root.gcw-tool-open .gcw-computed-focus-mapping input,
.gcw-root.gcw-analysis-mode .gcw-tool-input,
.gcw-root.gcw-analysis-mode select,
.gcw-root.gcw-analysis-mode input[type="number"],
.gcw-root.gcw-analysis-mode input[type="text"] {
  color: #0f172a !important;
  background: #ffffff !important;
  border-color: rgba(100, 116, 139, .42) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04) !important;
}
.gcw-root.gcw-tool-open .gcw-tool-input:focus,
.gcw-root.gcw-tool-open select.gcw-tool-input:focus,
.gcw-root.gcw-tool-open input.gcw-tool-input:focus,
.gcw-root.gcw-analysis-mode .gcw-tool-input:focus,
.gcw-root.gcw-analysis-mode select:focus,
.gcw-root.gcw-analysis-mode input:focus {
  outline: 2px solid rgba(14, 165, 233, .40) !important;
  outline-offset: 1px !important;
  border-color: rgba(14, 116, 144, .70) !important;
}
.gcw-root.gcw-tool-open .gcw-mini-btn,
.gcw-root.gcw-tool-open .gcw-workbench-tool-btn,
.gcw-root.gcw-tool-open .gcw-phasor-mini-btn,
.gcw-root.gcw-tool-open .gcw-frequency-mini-btn,
.gcw-root.gcw-tool-open .gcw-computed-series-pill,
.gcw-root.gcw-tool-open button {
  color: #0f172a !important;
  border-color: rgba(100, 116, 139, .32) !important;
}
.gcw-root.gcw-tool-open .is-active,
.gcw-root.gcw-tool-open [aria-selected="true"],
.gcw-root.gcw-analysis-mode .is-active {
  outline-color: rgba(14, 116, 144, .24) !important;
}
.gcw-root.gcw-tool-open table th,
.gcw-root.gcw-analysis-mode table th {
  color: #0f172a !important;
  background: #e2e8f0 !important;
  border-bottom-color: rgba(100, 116, 139, .35) !important;
  font-weight: 950 !important;
}
.gcw-root.gcw-tool-open table td,
.gcw-root.gcw-analysis-mode table td {
  color: #1e293b !important;
}
.gcw-root.gcw-tool-open table td small,
.gcw-root.gcw-analysis-mode table td small,
.gcw-root.gcw-tool-open table td em,
.gcw-root.gcw-analysis-mode table td em {
  color: #475569 !important;
}
.gcw-root.gcw-tool-open .gcw-generic-result-table tbody tr:nth-child(even) td,
.gcw-root.gcw-tool-open .gcw-tool-table tbody tr:nth-child(even) td,
.gcw-root.gcw-analysis-mode .gcw-mini-table tbody tr:nth-child(even) td {
  background: #f8fafc !important;
}
.gcw-root.gcw-tool-open .gcw-generic-result-table tbody tr:hover td,
.gcw-root.gcw-tool-open .gcw-tool-table tbody tr:hover td,
.gcw-root.gcw-analysis-mode .gcw-mini-table tbody tr:hover td {
  background: #dbeafe !important;
  color: #0f172a !important;
}
.gcw-root.gcw-tool-open .gcw-tool-empty,
.gcw-root.gcw-tool-open .gcw-tool-uplot-empty {
  color: #334155 !important;
  background: #ffffff !important;
  border-color: rgba(100, 116, 139, .28) !important;
}
.gcw-root.gcw-tool-open .gcw-tool-empty strong,
.gcw-root.gcw-tool-open .gcw-tool-uplot-empty strong {
  color: #0f172a !important;
}
.gcw-root.gcw-tool-open .gcw-tool-empty span,
.gcw-root.gcw-tool-open .gcw-tool-uplot-empty span {
  color: #475569 !important;
}
.gcw-root.gcw-tool-open .gcw-tool-plotly .xtick text,
.gcw-root.gcw-tool-open .gcw-tool-plotly .ytick text,
.gcw-root.gcw-tool-open .gcw-tool-plotly .gtitle,
.gcw-root.gcw-tool-open .gcw-tool-plotly .xtitle,
.gcw-root.gcw-tool-open .gcw-tool-plotly .ytitle,
.gcw-root.gcw-tool-open .gcw-tool-plotly .legendtext {
  fill: #0f172a !important;
}
.gcw-root.gcw-tool-open .gcw-tool-plotly .gridlayer path {
  stroke: rgba(100, 116, 139, .26) !important;
}
.gcw-root.gcw-tool-open .gcw-tool-plotly .zerolinelayer path {
  stroke: rgba(15, 23, 42, .58) !important;
}
.gcw-root.gcw-analysis-mode .gcw-y-scale-tick {
  color: #1e293b !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow: 0 0 0 1px rgba(100,116,139,.18), 0 1px 2px rgba(15,23,42,.08) !important;
}
.gcw-root.gcw-analysis-mode .gcw-y-scale-tick.is-zero {
  color: #0f172a !important;
  background: #ffffff !important;
}
@media (max-width: 1180px) {
  .gcw-root.gcw-tool-open .gcw-generic-focus-workbench .gcw-generic-control-dock-body,
  .gcw-root.gcw-tool-open .gcw-generic-focus-workbench .gcw-generic-detail-body {
    grid-template-columns: 1fr !important;
  }
  .gcw-root.gcw-tool-open .gcw-generic-focus-workbench .gcw-generic-summary-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

.gcw-root.gcw-tool-open .gcw-readout-side-layout.is-full-width,
.gcw-root.gcw-tool-open .gcw-readout-side-layout.is-full-width .gcw-readout-cockpit-layout {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
  overflow: hidden !important;
}
.gcw-root.gcw-tool-open .gcw-readout-side-layout.is-full-width .gcw-readout-info-pane,
.gcw-root.gcw-tool-open .gcw-readout-side-layout.is-full-width .gcw-readout-side-resizer,
.gcw-root.gcw-tool-open .gcw-readout-side-layout.is-full-width .gcw-readout-freeze-resizer {
  display: none !important;
}
.gcw-root.gcw-tool-open .gcw-readout-side-layout.is-full-width .gcw-readout-result-panel {
  flex: 1 1 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  border-left: 1px solid rgba(37, 99, 235, .18) !important;
  border-radius: 12px !important;
  padding: 6px !important;
  gap: 6px !important;
}
.gcw-root.gcw-tool-open .gcw-readout-side-layout.is-full-width .gcw-readout-result-head {
  min-height: 32px !important;
  padding: 4px 8px !important;
}
.gcw-root.gcw-tool-open .gcw-readout-side-layout.is-full-width .gcw-readout-top-dock {
  flex: 0 0 auto !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(460px, 1.05fr) minmax(520px, 1fr) !important;
  gap: 6px !important;
  align-items: stretch !important;
}
.gcw-root.gcw-tool-open .gcw-readout-side-layout.is-full-width .gcw-readout-top-dock .gcw-readout-control-card {
  padding: 6px !important;
  box-shadow: none !important;
  border-radius: 10px !important;
}
.gcw-root.gcw-tool-open .gcw-readout-side-layout.is-full-width .gcw-readout-controls {
  grid-template-columns: minmax(220px, 1.25fr) minmax(124px, .68fr) minmax(150px, .85fr) minmax(158px, auto) !important;
  align-items: center !important;
  gap: 6px !important;
}
.gcw-root.gcw-tool-open .gcw-readout-side-layout.is-full-width .gcw-readout-controls .gcw-tool-input-label {
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: 5px !important;
}
.gcw-root.gcw-tool-open .gcw-readout-side-layout.is-full-width .gcw-readout-controls .gcw-tool-input-label em {
  display: none !important;
}
.gcw-root.gcw-tool-open .gcw-readout-side-layout.is-full-width .gcw-readout-filter-actions {
  justify-content: flex-end !important;
  margin-top: 5px !important;
}
.gcw-root.gcw-tool-open .gcw-readout-side-layout.is-full-width .gcw-readout-filter-actions .gcw-mini-btn {
  flex: 0 0 auto !important;
  min-width: 70px !important;
}
.gcw-root.gcw-tool-open .gcw-readout-side-layout.is-full-width .gcw-readout-summary-strip {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 5px !important;
}
.gcw-root.gcw-tool-open .gcw-readout-side-layout.is-full-width .gcw-readout-summary-strip > div {
  padding: 5px 7px !important;
  grid-template-columns: 1fr !important;
  gap: 1px !important;
}
.gcw-root.gcw-tool-open .gcw-readout-side-layout.is-full-width .gcw-readout-summary-strip em {
  grid-column: auto !important;
}
.gcw-root.gcw-tool-open .gcw-readout-side-layout.is-full-width .gcw-readout-snapshot-drawer {
  flex: 0 0 auto !important;
  max-height: 118px !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: auto !important;
  box-shadow: none !important;
  border-radius: 10px !important;
}
.gcw-root.gcw-tool-open .gcw-readout-side-layout.is-full-width .gcw-readout-snapshot-drawer > summary {
  min-height: 26px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  padding: 4px 8px !important;
  cursor: pointer !important;
  list-style: none !important;
  color: #0f172a !important;
  font-size: 10.5px !important;
  font-weight: 950 !important;
  background: #f8fafc !important;
  border-bottom: 1px solid rgba(226, 232, 240, .78) !important;
}
.gcw-root.gcw-tool-open .gcw-readout-side-layout.is-full-width .gcw-readout-snapshot-drawer > summary::-webkit-details-marker { display: none !important; }
.gcw-root.gcw-tool-open .gcw-readout-side-layout.is-full-width .gcw-readout-snapshot-drawer > summary span {
  color: #64748b !important;
  font-size: 9.5px !important;
  font-weight: 850 !important;
}
.gcw-root.gcw-tool-open .gcw-readout-side-layout.is-full-width .gcw-readout-snapshot-drawer:not([open]) {
  max-height: 28px !important;
}
.gcw-root.gcw-tool-open .gcw-readout-side-layout.is-full-width .gcw-readout-snapshot-drawer .gcw-readout-bar-list {
  padding: 6px 8px !important;
}
.gcw-root.gcw-tool-open .gcw-readout-side-layout.is-full-width .gcw-readout-table-resizer {
  flex: 0 0 10px !important;
  height: 10px !important;
  min-height: 10px !important;
}
.gcw-root.gcw-tool-open .gcw-readout-side-layout.is-full-width .gcw-readout-table-resizer em {
  display: none !important;
}
.gcw-root.gcw-tool-open .gcw-readout-side-layout.is-full-width .gcw-readout-table-wrap {
  flex: 1 1 0 !important;
  height: auto !important;
  min-height: 0 !important;
}
@media (max-width: 1250px) {
  .gcw-root.gcw-tool-open .gcw-readout-side-layout.is-full-width .gcw-readout-top-dock {
    grid-template-columns: 1fr !important;
  }
  .gcw-root.gcw-tool-open .gcw-readout-side-layout.is-full-width .gcw-readout-summary-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .gcw-root.gcw-tool-open .gcw-readout-side-layout.is-full-width .gcw-readout-controls {
    grid-template-columns: 1fr 1fr !important;
  }
}

.gcw-root.gcw-analysis-mode .gcw-measurements-pane.gcw-measurements-with-dock,
body.zrk-comtrade-body .gcw-root.gcw-analysis-mode .gcw-measurements-pane.gcw-measurements-with-dock,
.gcw-root.gcw-viewport-full.gcw-analysis-mode .gcw-measurements-pane.gcw-measurements-with-dock {
  grid-template-columns: 50px minmax(0, 1fr) !important;
  border-color: rgba(100, 116, 139, .28) !important;
  background: #ffffff !important;
}
.gcw-root.gcw-analysis-mode .gcw-measurements-with-dock .gcw-module-dock,
.gcw-root.gcw-analysis-mode .gcw-measurements-with-dock .gcw-engineering-tool-rail,
body.zrk-comtrade-body .gcw-root.gcw-analysis-mode .gcw-measurements-with-dock .gcw-module-dock,
body.zrk-comtrade-body .gcw-root.gcw-analysis-mode .gcw-measurements-with-dock .gcw-engineering-tool-rail,
.gcw-root.gcw-viewport-full.gcw-analysis-mode .gcw-measurements-with-dock .gcw-module-dock,
.gcw-root.gcw-viewport-full.gcw-analysis-mode .gcw-measurements-with-dock .gcw-engineering-tool-rail {
  width: 50px !important;
  min-width: 50px !important;
  max-width: 50px !important;
  background: #f8fafc !important;
  border-right: 1px solid #cbd5e1 !important;
  color: #334155 !important;
}
.gcw-root.gcw-analysis-mode .gcw-measurements-with-dock .gcw-tool-rail-inner,
body.zrk-comtrade-body .gcw-root.gcw-analysis-mode .gcw-measurements-with-dock .gcw-tool-rail-inner,
.gcw-root.gcw-viewport-full.gcw-analysis-mode .gcw-measurements-with-dock .gcw-tool-rail-inner {
  gap: 8px !important;
  padding: 10px 6px !important;
  align-items: center !important;
}
.gcw-root.gcw-analysis-mode .gcw-measurements-with-dock .gcw-tool-btn,
body.zrk-comtrade-body .gcw-root.gcw-analysis-mode .gcw-measurements-with-dock .gcw-tool-btn,
.gcw-root.gcw-viewport-full.gcw-analysis-mode .gcw-measurements-with-dock .gcw-tool-btn {
  width: 38px !important;
  min-width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  border-radius: 12px !important;
  color: #334155 !important;
  background: #ffffff !important;
  box-shadow: inset 0 0 0 1px rgba(100,116,139,.18), 0 1px 2px rgba(15,23,42,.06) !important;
}
.gcw-root.gcw-analysis-mode .gcw-measurements-with-dock .gcw-tool-btn:hover,
.gcw-root.gcw-analysis-mode .gcw-measurements-with-dock .gcw-tool-btn:focus-visible,
body.zrk-comtrade-body .gcw-root.gcw-analysis-mode .gcw-measurements-with-dock .gcw-tool-btn:hover,
body.zrk-comtrade-body .gcw-root.gcw-analysis-mode .gcw-measurements-with-dock .gcw-tool-btn:focus-visible,
.gcw-root.gcw-viewport-full.gcw-analysis-mode .gcw-measurements-with-dock .gcw-tool-btn:hover,
.gcw-root.gcw-viewport-full.gcw-analysis-mode .gcw-measurements-with-dock .gcw-tool-btn:focus-visible {
  background: #e0f2fe !important;
  color: #075985 !important;
  box-shadow: inset 0 0 0 1px rgba(14,116,144,.30), 0 0 0 3px rgba(14,165,233,.14) !important;
}
.gcw-root.gcw-analysis-mode .gcw-measurements-with-dock .gcw-tool-btn.is-active,
body.zrk-comtrade-body .gcw-root.gcw-analysis-mode .gcw-measurements-with-dock .gcw-tool-btn.is-active,
.gcw-root.gcw-viewport-full.gcw-analysis-mode .gcw-measurements-with-dock .gcw-tool-btn.is-active {
  background: #1d4ed8 !important;
  color: #ffffff !important;
  box-shadow: inset 4px 0 0 rgba(255,255,255,.45), 0 4px 12px rgba(29,78,216,.22) !important;
}
.gcw-root.gcw-analysis-mode .gcw-measurements-with-dock .gcw-tool-home.is-active,
body.zrk-comtrade-body .gcw-root.gcw-analysis-mode .gcw-measurements-with-dock .gcw-tool-home.is-active,
.gcw-root.gcw-viewport-full.gcw-analysis-mode .gcw-measurements-with-dock .gcw-tool-home.is-active {
  background: #0f766e !important;
  color: #ffffff !important;
}
.gcw-root.gcw-analysis-mode .gcw-measurements-with-dock .gcw-tool-icon,
body.zrk-comtrade-body .gcw-root.gcw-analysis-mode .gcw-measurements-with-dock .gcw-tool-icon,
.gcw-root.gcw-viewport-full.gcw-analysis-mode .gcw-measurements-with-dock .gcw-tool-icon {
  width: 30px !important;
  height: 30px !important;
  flex-basis: 30px !important;
  font-weight: 900 !important;
}
.gcw-root.gcw-analysis-mode .gcw-measurements-with-dock .gcw-pane-head,
body.zrk-comtrade-body .gcw-root.gcw-analysis-mode .gcw-measurements-with-dock .gcw-pane-head,
.gcw-root.gcw-viewport-full.gcw-analysis-mode .gcw-measurements-with-dock .gcw-pane-head {
  min-height: 48px !important;
  padding: 11px 13px 8px !important;
  background: #ffffff !important;
  border-bottom: 1px solid #e2e8f0 !important;
}
.gcw-root.gcw-analysis-mode .gcw-measurements-with-dock .gcw-pane-head h4,
body.zrk-comtrade-body .gcw-root.gcw-analysis-mode .gcw-measurements-with-dock .gcw-pane-head h4,
.gcw-root.gcw-viewport-full.gcw-analysis-mode .gcw-measurements-with-dock .gcw-pane-head h4 {
  color: #0f172a !important;
  font-size: 12px !important;
  letter-spacing: .12em !important;
}
.gcw-root.gcw-analysis-mode .gcw-measurements-with-dock .gcw-channel-search,
body.zrk-comtrade-body .gcw-root.gcw-analysis-mode .gcw-measurements-with-dock .gcw-channel-search,
.gcw-root.gcw-viewport-full.gcw-analysis-mode .gcw-measurements-with-dock .gcw-channel-search {
  width: calc(100% - 22px) !important;
  margin: 9px 11px !important;
  min-height: 34px !important;
  padding: 8px 10px !important;
  border-radius: 11px !important;
  border: 1px solid #cbd5e1 !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-size: 12px !important;
}
.gcw-root.gcw-analysis-mode .gcw-measurements-with-dock .gcw-channel-search::placeholder {
  color: #64748b !important;
  opacity: 1 !important;
}
.gcw-root.gcw-analysis-mode .gcw-measurements-with-dock .gcw-channel-search:focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.14) !important;
}
.gcw-root.gcw-analysis-mode .gcw-measure-scroll,
body.zrk-comtrade-body .gcw-root.gcw-analysis-mode .gcw-measure-scroll,
.gcw-root.gcw-viewport-full.gcw-analysis-mode .gcw-measure-scroll {
  border-top: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
}
.gcw-root.gcw-analysis-mode .gcw-measure-table,
body.zrk-comtrade-body .gcw-root.gcw-analysis-mode .gcw-measure-table,
.gcw-root.gcw-viewport-full.gcw-analysis-mode .gcw-measure-table {
  color: #0f172a !important;
  font-size: var(--gcw-measure-font, 11px) !important;
}
.gcw-root.gcw-analysis-mode .gcw-measure-table th,
body.zrk-comtrade-body .gcw-root.gcw-analysis-mode .gcw-measure-table th,
.gcw-root.gcw-viewport-full.gcw-analysis-mode .gcw-measure-table th {
  padding: 7px 7px !important;
  background: #eef2f7 !important;
  color: #1e293b !important;
  font-size: 9.4px !important;
  line-height: 1.18 !important;
  border-bottom: 1px solid #cbd5e1 !important;
}
.gcw-root.gcw-analysis-mode .gcw-measure-table td,
body.zrk-comtrade-body .gcw-root.gcw-analysis-mode .gcw-measure-table td,
.gcw-root.gcw-viewport-full.gcw-analysis-mode .gcw-measure-table td {
  padding: 7px 7px !important;
  color: #1e293b !important;
  line-height: 1.24 !important;
  border-bottom: 1px solid #e2e8f0 !important;
}
.gcw-root.gcw-analysis-mode .gcw-measure-table tbody tr:nth-child(even) td {
  background-color: #f8fafc !important;
}
.gcw-root.gcw-analysis-mode .gcw-measure-table strong,
body.zrk-comtrade-body .gcw-root.gcw-analysis-mode .gcw-measure-table strong,
.gcw-root.gcw-viewport-full.gcw-analysis-mode .gcw-measure-table strong {
  color: #0f172a !important;
  font-size: 11.1px !important;
  line-height: 1.18 !important;
}
.gcw-root.gcw-analysis-mode .gcw-measure-table small,
body.zrk-comtrade-body .gcw-root.gcw-analysis-mode .gcw-measure-table small,
.gcw-root.gcw-viewport-full.gcw-analysis-mode .gcw-measure-table small {
  color: #475569 !important;
  font-size: 9.5px !important;
  line-height: 1.16 !important;
}
.gcw-root.gcw-analysis-mode .gcw-measure-row.is-plotted td:first-child {
  box-shadow: inset 5px 0 0 var(--gcw-series-color) !important;
}
.gcw-root.gcw-analysis-mode .gcw-measure-row.is-plotted td {
  background-image: linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(248,250,252,.90) 100%) !important;
}
.gcw-root.gcw-analysis-mode .gcw-measure-row.is-plotted:hover td,
.gcw-root.gcw-analysis-mode .gcw-measure-row.is-plotted:focus-within td {
  background-image: linear-gradient(90deg, rgba(219,234,254,.92) 0%, rgba(255,255,255,.98) 100%) !important;
  color: #0f172a !important;
}
.gcw-root.gcw-analysis-mode .gcw-measure-row.is-not-plotted td {
  opacity: .82 !important;
  background: #f8fafc !important;
}
.gcw-root.gcw-analysis-mode .gcw-channel-color-dot {
  width: 11px !important;
  height: 11px !important;
  min-width: 11px !important;
  margin-right: 5px !important;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px rgba(51,65,85,.25) !important;
}
.gcw-root.gcw-analysis-mode .gcw-plot-cell {
  gap: 5px !important;
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.gcw-root.gcw-analysis-mode .gcw-measure-table input[type="checkbox"],
body.zrk-comtrade-body .gcw-root.gcw-analysis-mode .gcw-measure-table input[type="checkbox"],
.gcw-root.gcw-viewport-full.gcw-analysis-mode .gcw-measure-table input[type="checkbox"] {
  width: 15px !important;
  height: 15px !important;
  accent-color: #2563eb !important;
}
.gcw-root.gcw-analysis-mode .gcw-measure-row[data-channel-key]:focus,
.gcw-root.gcw-analysis-mode .gcw-measure-row[data-channel-key]:focus-visible {
  outline: 2px solid rgba(37,99,235,.42) !important;
  outline-offset: -2px !important;
}
.gcw-root.gcw-analysis-mode .gcw-measure-digital td:first-child::after,
.gcw-root.gcw-analysis-mode .gcw-measure-analog td:first-child::after,
body.zrk-comtrade-body .gcw-root.gcw-analysis-mode .gcw-measure-digital td:first-child::after,
body.zrk-comtrade-body .gcw-root.gcw-analysis-mode .gcw-measure-analog td:first-child::after {
  width: 16px !important;
  height: 12px !important;
  line-height: 12px !important;
  font-size: 7.5px !important;
  margin-top: 2px !important;
  color: #0f172a !important;
  background: #e2e8f0 !important;
}
.gcw-root.gcw-analysis-mode .gcw-y-scale-tick {
  color: #0f172a !important;
  background: rgba(255,255,255,.97) !important;
  border: 1px solid rgba(51,65,85,.20) !important;
}
@media (max-width: 900px) {
  .gcw-root.gcw-analysis-mode .gcw-measurements-pane.gcw-measurements-with-dock,
  body.zrk-comtrade-body .gcw-root.gcw-analysis-mode .gcw-measurements-pane.gcw-measurements-with-dock,
  .gcw-root.gcw-viewport-full.gcw-analysis-mode .gcw-measurements-pane.gcw-measurements-with-dock {
    grid-template-columns: 46px minmax(0, 1fr) !important;
  }
  .gcw-root.gcw-analysis-mode .gcw-measurements-with-dock .gcw-module-dock,
  .gcw-root.gcw-analysis-mode .gcw-measurements-with-dock .gcw-engineering-tool-rail,
  body.zrk-comtrade-body .gcw-root.gcw-analysis-mode .gcw-measurements-with-dock .gcw-module-dock,
  body.zrk-comtrade-body .gcw-root.gcw-analysis-mode .gcw-measurements-with-dock .gcw-engineering-tool-rail,
  .gcw-root.gcw-viewport-full.gcw-analysis-mode .gcw-measurements-with-dock .gcw-module-dock,
  .gcw-root.gcw-viewport-full.gcw-analysis-mode .gcw-measurements-with-dock .gcw-engineering-tool-rail {
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
  }
}