/* Plan my time over the whole screen (31 Oct, Chris: "it doesn't feel like a dashboard ... a thin strip of map and a thin strip of options ... make it full
   screen, we are wasting space"). On a wide screen the window is the page: the map takes everything left of a dashboard column, and each scrolls
   by itself (panel.css). The button on the map's tools leaves it (kept on this device). A phone's sheet is unchanged. */
@media (min-width: 820px) {
  .detail.ot-big.wide, .detail.ot-big.wide[open] { width: 100vw; max-width: 100vw; height: var(--vvh, 100dvh); max-height: var(--vvh, 100dvh); margin: 0; inset: auto auto var(--kb, 0px) 0; border: 0; border-radius: 0; padding: 0 18px 0; z-index: 100; }
  .detail.ot-big .sheet-head { padding: 8px 18px 8px; margin: 0 -18px; }
  .detail.ot-big .medallion { width: 56px; height: 56px; }
  .detail.ot-big h2 { font-size: 20px; }
  .detail.ot-big .panel-cols.ot-cols { grid-template-columns: minmax(0, 1fr) clamp(420px, 32vw, 600px); gap: 0; padding-top: 12px; }
  .detail.ot-big .panel-card { padding: 0 18px 12px 0; overflow: hidden; }
  .detail.ot-big .panel-work { padding-left: 20px; padding-bottom: 28px; }
  .detail.ot-big .ot-map, .detail.ot-big .ot-map.compact { height: 100%; min-height: 0; border-radius: 14px; box-shadow: 0 6px 30px rgba(0, 0, 0, 0.45); }
  .detail.ot-big .ot-banner { font-size: 14px; padding: 9px 12px; right: 76px; max-width: 640px; }
  .detail.ot-big .ot-tool { min-width: 52px; min-height: 42px; font-size: 14px; }
  .detail.ot-big .ot-next-t { font-size: 22px; }
  .detail.ot-big .ot-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .detail.ot-big .ot-kpi { padding: 10px 12px; }
  .detail.ot-big .ot-kpi-v { font-size: 20px; }
  .detail.ot-big .ot-sum { font-size: 16px; }
}
@media (min-width: 1500px) {
  .detail.ot-big .ot-kpis { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.ot-tool.ot-size { font-size: 17px; line-height: 1; }
@media (max-width: 819px) { .ot-tool.ot-size { display: none; } }