/*
 * Apex v0.9 browser layout fix v2.
 * Scope: CSS-only Chrome/Brave rendering stabilization for the recovered live
 * market artifact. Does not alter market-data, paper-order, API, or safety logic.
 */
html,
body,
#root {
  margin: 0;
  width: 100%;
  min-width: 0;
}

.apex-kraken {
  width: 100vw;
  max-width: 100vw;
}

.ak-main,
.ak-center,
.ak-rail,
.ak-right,
.ak-system-strip,
.ak-nav-cell {
  min-width: 0;
}

.ak-main {
  grid-template-columns:
    clamp(190px, 17vw, 250px)
    minmax(560px, 1fr)
    clamp(292px, 23vw, 330px);
  width: 100%;
  max-width: 100vw;
}

.ak-controls {
  align-items: center;
  min-height: 42px;
}

.ak-controls > .ak-muted {
  align-self: center;
  justify-self: end;
  max-width: min(260px, 18vw);
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ak-tools {
  justify-content: flex-end;
  overflow-x: auto;
}

.ak-form-row {
  grid-template-columns:
    minmax(150px, 210px)
    minmax(240px, 1fr)
    minmax(108px, 150px)
    minmax(120px, 160px);
  min-width: 0;
}

.ak-instrument-cell,
.ak-field {
  min-width: 0;
}

.ak-instrument-cell > div {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ak-form-row label {
  min-width: 0;
}

@media (max-width: 1920px) {
  .ak-instrument-cell {
    display: none;
  }

  .ak-form-row {
    grid-template-columns: minmax(260px, 1fr) minmax(108px, 150px) minmax(132px, 180px);
    align-items: end;
  }

  .ak-form-row .ak-field select,
  .ak-form-row .ak-field input {
    min-width: 0;
  }
}

.ak-symbol-row {
  min-width: 0;
}

.ak-symbol-name,
.ak-symbol-meta,
.ak-symbol-price {
  min-width: 0;
}

@media (max-width: 1500px) {
  .ak-system-strip {
    grid-template-columns: repeat(4, minmax(92px, 1fr)) minmax(300px, .9fr);
  }

  .ak-main {
    grid-template-columns:
      minmax(185px, 235px)
      minmax(520px, 1fr)
      minmax(292px, 318px);
  }

  .ak-controls > .ak-muted {
    display: none;
  }

  .ak-nav-cell .apex-nav-button {
    padding-left: 8px !important;
    padding-right: 8px !important;
    font-size: 11px !important;
  }

  .ak-form-row {
    grid-template-columns: minmax(220px, 1fr) minmax(96px, 128px) minmax(110px, 142px);
  }
}

@media (max-width: 1280px) {
  .ak-main {
    grid-template-columns:
      minmax(170px, 210px)
      minmax(0, 1fr)
      minmax(278px, 304px);
  }

  .ak-right .ak-panel-pad {
    padding: 10px;
  }

  .ak-form-row {
    grid-template-columns: minmax(0, 1fr) minmax(96px, 124px) minmax(108px, 140px);
  }
}

@media (max-width: 980px) {
  .apex-kraken {
    height: auto;
    min-height: 100vh;
    overflow: auto;
  }

  .ak-main {
    grid-template-columns: 1fr;
  }

  .ak-rail,
  .ak-center,
  .ak-right {
    min-height: auto;
  }

  .ak-center {
    grid-template-rows: auto auto auto minmax(440px, 70vh) auto;
  }

  .ak-chart-wrap {
    min-height: 440px;
  }
}