/* Keep the map and drawing canvas in view; open ERA5 controls only on demand. */
body.shared-workbench .reanalysis-page.workbench-grid {
  grid-template-columns: minmax(0, 1fr) !important;
}
body.shared-workbench .reanalysis-page .reanalysis-map-panel.workbench-primary {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
}
body.shared-workbench .reanalysis-map-panel > header[hidden] { display: none !important; }
body.shared-workbench .reanalysis-page > :is(.reanalysis-result, .reanalysis-status) {
  grid-column: 1 / -1 !important;
}
.reanalysis-map-toolbar {
  box-sizing: border-box;
  display: flex;
  align-items: end;
  flex-wrap: wrap;
  gap: 8px 16px;
  min-height: 52px;
  padding: 0 0 9px;
}
.reanalysis-map-toolbar__time {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 8px;
}
.reanalysis-map-toolbar__time label {
  display: grid;
  gap: 4px;
  color: var(--ink-soft, #6a7d80);
  font: 400 12px/1.2 MiSans, sans-serif;
}
.reanalysis-map-toolbar__time :is(input, select) {
  box-sizing: border-box;
  height: var(--heading-time-height);
  min-height: var(--heading-time-height);
  padding: 0 8px;
  border: 1px solid var(--heading-time-border);
  border-radius: 0;
  background: var(--heading-time-fill);
  color: var(--ink, #263c42);
  font: 400 var(--heading-time-value-size)/1.2 MiSans, sans-serif;
}
.reanalysis-map-toolbar__time input { width: 142px; font-size: var(--heading-time-date-size); }
.reanalysis-map-toolbar__time select { width: 82px; }
.reanalysis-map-toolbar__time :is(input, select):focus-visible {
  outline: 2px solid #bc4336;
  outline-offset: 1px;
}
.reanalysis-map-toolbar > button {
  box-sizing: border-box;
  flex: none;
  height: var(--heading-time-height);
  min-height: var(--heading-time-height);
  padding: 0 14px;
  border: 1px solid #bb4035;
  border-radius: 0;
  background: #bb4035;
  color: #fff;
  font: 500 14px/1.4 MiSans, sans-serif;
  cursor: pointer;
}
.reanalysis-map-toolbar > button:hover,
.reanalysis-map-toolbar > button:focus-visible {
  background: #a9342b;
  border-color: #a9342b;
}
.reanalysis-map-toolbar__copy {
  display: grid;
  gap: 2px;
  min-width: 0;
  color: var(--ink, #263c42);
  font: 400 13px/1.4 MiSans, sans-serif;
}
.reanalysis-map-toolbar__copy small {
  color: var(--ink-soft, #6a7d80);
  font-size: 11px;
}
body.shared-workbench .reanalysis-map-toolbar .reanalysis-status {
  flex: 1 1 190px;
  min-width: 0;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--ink-soft, #6a7d80);
  font: 400 12px/1.5 MiSans, sans-serif;
  text-align: right;
}
.reanalysis-query-dialog:not([open]) { display: none !important; }
.reanalysis-query-dialog:focus { outline: none; }
body.shared-workbench .reanalysis-query-dialog[open] {
  box-sizing: border-box;
  position: fixed;
  inset: 0;
  display: block !important;
  width: min(780px, calc(100vw - 28px));
  max-width: 100%;
  max-height: min(800px, calc(100dvh - 28px));
  margin: auto;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid #b7c6c7;
  border-radius: 0;
  background: #fafbf9;
  color: var(--ink, #263c42);
  box-shadow: 0 22px 70px rgb(15 34 42 / .22);
}
.reanalysis-query-dialog::backdrop { background: rgb(14 32 39 / .56); }
.reanalysis-query-dialog__head {
  position: sticky;
  top: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 17px 22px 15px;
  border-bottom: 1px solid #d4dedc;
  background: #fafbf9;
}
.reanalysis-query-dialog__eyebrow {
  display: block;
  margin-bottom: 3px;
  color: #a25a4f;
  font: 500 11px/1.35 MiSans, sans-serif;
  letter-spacing: .06em;
}
.reanalysis-query-dialog__head h2 {
  margin: 0;
  color: var(--ink, #263c42);
  font: 500 23px/1.25 MiSans, sans-serif;
}
.reanalysis-query-dialog__head button {
  flex: none;
  min-width: 56px;
  min-height: 36px;
  padding: 5px 11px;
  border: 1px solid #b7c6c7;
  border-radius: 0;
  background: #fff;
  color: var(--ink, #263c42);
  font: 400 13px MiSans, sans-serif;
  cursor: pointer;
}
body.shared-workbench .reanalysis-query-dialog .reanalysis-form.workbench-sidebar {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  width: 100% !important;
  padding: 0 0 20px !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
body.shared-workbench .reanalysis-query-dialog .reanalysis-form > .workbench-sidebar-title {
  display: none !important;
}
body.shared-workbench .reanalysis-query-dialog .reanalysis-form > header {
  display: block !important;
  min-height: 0 !important;
  padding: 13px 22px 0 !important;
  margin: 0 !important;
  border: 0 !important;
}
.reanalysis-query-dialog .reanalysis-form > header h2 { display: none; }
body.shared-workbench .reanalysis-query-dialog .reanalysis-form > header span {
  margin: 0;
  color: #61777a;
  font: 400 12px/1.5 MiSans, sans-serif;
}
body.shared-workbench .reanalysis-query-dialog .reanalysis-fields,
body.shared-workbench .reanalysis-query-dialog .reanalysis-bounds {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 16px 22px 0 !important;
}
body.shared-workbench .reanalysis-query-dialog .reanalysis-fields {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
body.shared-workbench .reanalysis-query-dialog #reanalysis-level-wrap[hidden] + label {
  grid-column: span 2;
}
body.shared-workbench .reanalysis-query-dialog .reanalysis-bounds {
  margin-top: 18px;
  border-top: 1px solid #dce4e3;
  padding-top: 17px !important;
}
.reanalysis-query-dialog .reanalysis-bounds__title {
  grid-column: 1 / -1;
  color: #61777a;
  font: 400 12px/1.4 MiSans, sans-serif;
}
body.shared-workbench .reanalysis-query-dialog :is(.reanalysis-fields, .reanalysis-bounds) label {
  display: grid;
  gap: 6px;
  min-width: 0;
  color: #61777a;
  font: 400 12px/1.4 MiSans, sans-serif;
}
body.shared-workbench .reanalysis-query-dialog #reanalysis-level-wrap[hidden] { display: none !important; }
body.shared-workbench .reanalysis-query-dialog :is(input, select) {
  box-sizing: border-box;
  width: 100%;
  min-height: 42px !important;
  padding: 8px 10px;
  border: 1px solid #bccccc;
  border-radius: 0 !important;
  background: #fff;
  color: var(--ink, #263c42);
  font: 400 14px MiSans, sans-serif !important;
}
body.shared-workbench .reanalysis-query-dialog :is(input, select):focus-visible {
  outline: 2px solid #bc4336;
  outline-offset: 1px;
}
.reanalysis-query-dialog__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 22px 22px 0;
  padding-top: 17px;
  border-top: 1px solid #dce4e3;
}
.reanalysis-query-dialog__actions p {
  flex: 1;
  min-width: 0;
  margin: 0;
  color: #61777a;
  font: 400 12px/1.5 MiSans, sans-serif;
}
body.shared-workbench .reanalysis-query-dialog .reanalysis-submit {
  flex: none;
  width: auto !important;
  min-width: 148px;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 8px 18px;
  border: 1px solid #bb4035 !important;
  border-radius: 0 !important;
  background: #bb4035 !important;
  color: #fff !important;
  font: 500 14px MiSans, sans-serif !important;
  cursor: pointer;
}
body.shared-workbench .reanalysis-query-dialog .cds-route {
  margin: 18px 22px 0 !important;
  border: 1px solid #d4dedc;
  background: #fff;
}
body.shared-workbench .reanalysis-query-dialog .cds-route > summary { border-left-color: #bc4336; }
@media (min-width: 1101px) and (max-height: 1100px) and (min-aspect-ratio: 16/10) {
  .reanalysis-map-toolbar__time input { width: 111px; }
  .reanalysis-map-toolbar__time select { width: 72px; }
}
@media (max-width: 720px) {
  .reanalysis-map-toolbar { align-items: flex-start; gap: 8px 10px; }
  .reanalysis-map-toolbar__time { width: 100%; }
  .reanalysis-map-toolbar__time label:first-child { flex: 1 1 155px; }
  .reanalysis-map-toolbar__time input { width: 100%; }
  .reanalysis-map-toolbar > button { width: 100%; }
  .reanalysis-map-toolbar__copy { flex: 1 1 100%; }
  body.shared-workbench .reanalysis-map-toolbar .reanalysis-status { flex-basis: 100%; margin: 0 !important; text-align: left; }
  .reanalysis-query-dialog__head { padding: 14px 16px; }
  body.shared-workbench .reanalysis-query-dialog .reanalysis-form > header { padding-inline: 16px !important; }
  body.shared-workbench .reanalysis-query-dialog .reanalysis-fields,
  body.shared-workbench .reanalysis-query-dialog .reanalysis-bounds {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    padding-inline: 16px !important;
  }
  body.shared-workbench .reanalysis-query-dialog #reanalysis-level-wrap[hidden] + label { grid-column: span 1; }
  body.shared-workbench .reanalysis-query-dialog #reanalysis-level-wrap:not([hidden]) + label { grid-column: span 2; }
  .reanalysis-query-dialog__actions { margin-inline: 16px; align-items: stretch; flex-direction: column; }
  body.shared-workbench .reanalysis-query-dialog .reanalysis-submit { width: 100% !important; }
  body.shared-workbench .reanalysis-query-dialog .cds-route { margin-inline: 16px !important; }
}
