body.official-v1 .top-timestamp {
  display: none !important;
}

body.official-v1 .app-layout {
  grid-template-rows: minmax(0, auto) !important;
}

.ticker-search:not(.has-value) input:focus {
  caret-color: var(--green);
}

@media (max-width: 620px) {
  body.official-v1 .app-layout {
    grid-template-rows: minmax(0, 1fr) !important;
  }

  #option-form.calc-panel:not([hidden]) {
    grid-template-rows:
      minmax(38px, 0.84fr)
      minmax(58px, 1.14fr)
      repeat(4, minmax(50px, 0.9fr))
      minmax(28px, 0.26fr)
      minmax(40px, 0.58fr);
    gap: clamp(7px, 0.9dvh, 10px);
  }

  #option-form.calc-panel:not([hidden]) .calculator-action-row,
  .calculator-action-row {
    min-height: 28px;
    align-self: start;
    padding-block: 0;
  }

  .field-grid-market {
    align-self: end;
  }
}

@media (max-width: 380px) {
  #option-form.calc-panel:not([hidden]) {
    grid-template-rows:
      minmax(36px, 0.78fr)
      minmax(52px, 1.08fr)
      repeat(4, minmax(46px, 0.88fr))
      minmax(26px, 0.24fr)
      minmax(38px, 0.56fr);
    gap: clamp(5px, 0.74dvh, 8px);
  }
}

@media (min-width: 981px) {
  #option-form.calc-panel:not([hidden]) {
    grid-template-rows:
      minmax(44px, auto)
      minmax(82px, auto)
      repeat(4, minmax(70px, auto))
      minmax(34px, auto)
      minmax(44px, auto);
    gap: clamp(12px, 1.25dvh, 17px);
  }

  #option-form.calc-panel:not([hidden]) .field-grid-market {
    margin-top: clamp(4px, 0.7dvh, 8px);
  }

  #option-form.calc-panel:not([hidden]) .calculator-action-row {
    min-height: 32px;
    align-self: start;
    padding-block: 0;
  }
}

@media (min-width: 981px) and (max-height: 900px) {
  #option-form.calc-panel:not([hidden]) {
    grid-template-rows:
      minmax(40px, auto)
      minmax(64px, auto)
      repeat(4, minmax(54px, auto))
      minmax(clamp(28px, 3.6dvh, 36px), auto)
      minmax(40px, auto);
    gap: clamp(7px, 0.9dvh, 11px);
  }

  #option-form.calc-panel:not([hidden]) .calculator-action-row {
    min-height: clamp(28px, 3.6dvh, 36px);
  }
}