/* My Drunk Monkey — operational layouts only. The VIP site and TV kiosk are not modified. */
body.mdm-ops-wide { --mdm-page-gutter: clamp(14px, 2vw, 38px); }
body.mdm-ops-wide > main {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: clamp(16px, 2vw, 30px) var(--mdm-page-gutter) 70px !important;
}
body.mdm-ops-wide > header.top {
  width: 100%;
  padding: 12px var(--mdm-page-gutter) !important;
  gap: 12px 22px;
}
body.mdm-ops-wide > main > .card,
body.mdm-ops-wide > main > section,
body.mdm-ops-wide > main > .hero { min-width: 0; }
body.mdm-ops-wide .mdm-work-grid { grid-template-columns: repeat(auto-fit,minmax(min(100%,255px),1fr)); }
body.mdm-ops-wide .playlist-layout { grid-template-columns: clamp(240px, 22%, 360px) minmax(0,1fr); }
body.mdm-ops-wide .formrow { grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); }
body.mdm-ops-wide .card { min-width:0; }
body.mdm-ops-wide table { width:100%; }
body.mdm-ops-wide .scroll { overflow-x:auto; }
body.mdm-ops-wide input:not([type=checkbox]):not([type=radio]),
body.mdm-ops-wide select,body.mdm-ops-wide textarea { min-width:0; }
body.mdm-ops-wide .mdm-nav { gap:5px; }
body.mdm-ops-wide .mdm-nav a { padding:7px 10px; }
/* Do not turn confirmation dialogs, account forms or small controls into enormous fields. */
body.mdm-ops-wide .card[style*=max-width],
body.mdm-ops-wide form[style*=max-width] { width:100%; }
@media (min-width: 1300px) {
  body.mdm-ops-wide .grid { grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); }
}
@media (max-width: 900px) {
  body.mdm-ops-wide .playlist-layout { grid-template-columns:minmax(0,1fr); }
  body.mdm-ops-wide > header.top { align-items:flex-start; }
  body.mdm-ops-wide .mdm-nav { overflow:visible; }
}
@media (max-width: 600px) {
  body.mdm-ops-wide { --mdm-page-gutter:12px; }
  body.mdm-ops-wide .card { padding:14px; }
  body.mdm-ops-wide .formrow { grid-template-columns:minmax(0,1fr); }
}