/* Maude Digital Showroom Build 049
   Access/request polish only. Do not replace stable Build 044 design stack. */

.maude-media-explorer .mm-access-help {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}
.maude-media-explorer .mm-access-help article {
  border: 1px solid rgba(40,34,22,.10);
  background: rgba(255,255,255,.58);
  padding: 14px 14px 13px;
  border-radius: 18px !important;
}
.maude-media-explorer .mm-access-help strong {
  display: block;
  font-size: 13px;
  line-height: 1.25;
  margin-bottom: 6px;
}
.maude-media-explorer .mm-access-help span {
  display: block;
  font-size: 12px;
  line-height: 1.45;
  color: rgba(0,0,0,.56);
}

.maude-media-public-v22 .mbp-login-panel {
  border: 1px solid rgba(40,34,22,.13) !important;
  background: linear-gradient(180deg, #fffdf8 0%, #f7f3eb 100%) !important;
  box-shadow: 0 22px 70px rgba(31,27,18,.08) !important;
  border-radius: 24px !important;
}
.maude-media-public-v22 .mbp-login-panel .mbp-eyebrow,
.maude-media-public-v22 .mbp-login-panel > .mbp-eyebrow {
  font-size: 11px !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  color: rgba(0,0,0,.46) !important;
  margin-bottom: 14px !important;
}
.maude-media-public-v22 .mbp-login-panel h2 {
  font-family: Georgia, 'Times New Roman', serif !important;
  font-weight: 400 !important;
  letter-spacing: -.035em !important;
  color: #151515 !important;
}
.maude-media-public-v22 .mbp-login-panel p {
  color: rgba(0,0,0,.60) !important;
}
.maude-media-public-v22 .mbp-login-panel .mbp-button,
.maude-media-public-v22 .mbp-login-panel a.mbp-button {
  border-radius: 999px !important;
  min-height: 42px !important;
  padding: 13px 20px !important;
  margin: 4px 3px 0 !important;
}
.maude-media-public-v22 .mbp-login-panel .mbp-button.secondary {
  background: rgba(255,255,255,.74) !important;
}
.maude-media-public-v22 .mbp-file-visual {
  background: linear-gradient(180deg, #f6f1e9 0%, #ebe4d6 100%) !important;
}
.maude-media-public-v22 .mbp-file-icon {
  width: 78px !important;
  height: 78px !important;
  opacity: .9 !important;
}
.maude-media-public-v22 .mbp-file-label {
  margin-top: 2px !important;
  color: rgba(0,0,0,.50) !important;
}
@media (max-width: 900px) {
  .maude-media-explorer .mm-access-help { grid-template-columns: 1fr; }
}