/* Maude Digital Showroom Build 058
   Public template polish + placeholder cleanup.
   This is a narrow override layer; it does not replace the stable Build 044 design stack. */

/* Public Media Bank cards: steadier rhythm across all public templates */
.maude-media-public-v22 .mbp-card{
  overflow:hidden;
  border-color:rgba(20,20,20,.10)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.035);
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.maude-media-public-v22 .mbp-card:hover{
  transform:translateY(-2px);
  border-color:rgba(20,20,20,.20)!important;
  box-shadow:0 18px 40px rgba(0,0,0,.06);
}
.maude-media-public-v22 .mbp-body{
  min-height:148px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.maude-media-public-v22 .mbp-body strong{
  letter-spacing:-.01em;
}
.maude-media-public-v22 .mbp-body p{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.maude-media-public-v22 .mbp-actions{
  margin-top:auto;
  padding-top:12px;
}
.maude-media-public-v22 .mbp-actions a,
.maude-media-public-v22 .mbp-actions button{
  border-radius:999px!important;
  min-height:38px;
  line-height:1!important;
}

/* PDF/video placeholder cards: icon based, light and consistent */
.maude-media-public-v22 .mbp-file-visual{
  height:100%!important;
  min-height:100%!important;
  width:100%!important;
  background:
    radial-gradient(circle at 50% 44%, rgba(0,0,0,.045), transparent 0 82px),
    linear-gradient(180deg,#fbfaf7 0%,#f1eee8 100%);
  border:0!important;
  color:#57534d!important;
}
.maude-media-public-v22 .mbp-file-icon{
  width:74px!important;
  height:74px!important;
  max-width:74px!important;
  max-height:74px!important;
  object-fit:contain!important;
  opacity:.92!important;
  filter:none!important;
}
.maude-media-public-v22 .mbp-file-label{
  font-size:10px!important;
  letter-spacing:.16em!important;
  color:#6e6960!important;
  border:1px solid rgba(20,20,20,.10);
  background:rgba(255,255,255,.68);
  padding:6px 9px;
  border-radius:999px;
}
.maude-media-public-v22 .mbp-thumb{
  overflow:hidden;
}
.maude-media-public-v22 .mbp-thumb img{
  transition:transform .22s ease, opacity .22s ease;
}
.maude-media-public-v22 .mbp-card:hover .mbp-thumb img{
  transform:scale(1.015);
}

/* Public navigation/folders: more breathing room and clearer active state */
.maude-media-public-v22 .mbp-tree-block{
  gap:6px!important;
}
.maude-media-public-v22 .mbp-tree-link{
  border-radius:14px!important;
  border-bottom:0!important;
  margin-bottom:3px!important;
  background:transparent;
}
.maude-media-public-v22 .mbp-tree-link:hover{
  background:#f5f3ee!important;
}
.maude-media-public-v22 .mbp-tree-link.is-active{
  background:#ecefe7!important;
  box-shadow:inset 3px 0 0 #111, 0 8px 22px rgba(0,0,0,.04)!important;
}
.maude-media-public-v22 .mbp-tree-count{
  top:50%!important;
  right:8px!important;
  transform:translateY(-50%)!important;
  box-shadow:none!important;
}

/* Showroom grid template polish */
.maude-media-public-v22--showroom_grid .mbp-showroom{
  background:linear-gradient(180deg,#fff 0%,#faf9f5 100%);
}
.maude-media-public-v22--showroom_grid .mbp-layout{
  gap:44px!important;
}
.maude-media-public-v22--showroom_grid .mbp-side{
  background:rgba(255,255,255,.72);
  border:1px solid rgba(20,20,20,.08)!important;
  padding:22px!important;
  box-shadow:0 12px 36px rgba(0,0,0,.035);
}
.maude-media-public-v22--showroom_grid .mbp-grid{
  gap:26px!important;
}

/* Editorial template polish */
.maude-media-public-v22--editorial_minimal .mbp-collections{
  background:#fbfaf7!important;
}
.maude-media-public-v22--editorial_minimal .mbp-collection-card,
.maude-media-public-v22--editorial_minimal .mbp-card{
  border-radius:18px!important;
}
.maude-media-public-v22--editorial_minimal .mbp-collection-img,
.maude-media-public-v22--editorial_minimal .mbp-thumb{
  border-radius:18px 18px 0 0!important;
}
.maude-media-public-v22--editorial_minimal .mbp-editorial-cats{
  background:#fffdf9!important;
}

/* Studio / Creator templates: keep file placeholders from looking like broken image tiles */
.maude-media-public-v22--studio_contrast .mbp-file-visual,
.maude-media-public-v22--creator_flow .mbp-file-visual,
.maude-media-public-v22--agency_mono .mbp-file-visual,
.maude-media-public-v22--spaces_reimagined .mbp-file-visual{
  background:linear-gradient(180deg,#f2f0ea 0%,#e8e4dc 100%)!important;
}
.maude-media-public-v22--studio_contrast .mbp-file-icon,
.maude-media-public-v22--creator_flow .mbp-file-icon,
.maude-media-public-v22--agency_mono .mbp-file-icon,
.maude-media-public-v22--spaces_reimagined .mbp-file-icon{
  filter:none!important;
  opacity:.9!important;
}

/* Access and empty states */
.maude-media-public-v22 .mbp-login-panel{
  border-radius:24px!important;
  box-shadow:0 18px 48px rgba(0,0,0,.055);
  border-color:rgba(20,20,20,.10)!important;
}
.maude-media-public-v22 .mbp-load-row{
  display:flex;
  justify-content:center;
  margin-top:38px!important;
}
.maude-media-public-v22 .mbp-load-row .mbp-button{
  border-radius:999px!important;
  min-width:170px;
}

/* Manage workspace: only very narrow polish, no layout rewrite */
.maude-media-explorer .mm-file-visual{
  background:linear-gradient(180deg,#fbfaf7 0%,#f1eee8 100%);
}
.maude-media-explorer .mm-file-visual img{
  width:58px!important;
  height:58px!important;
  opacity:.92;
}
.maude-media-explorer .mm-file-label{
  border:1px solid rgba(20,20,20,.10);
  background:rgba(255,255,255,.72);
  padding:5px 8px;
  border-radius:999px!important;
}
.maude-media-explorer .mm-asset-card{
  box-shadow:0 12px 28px rgba(0,0,0,.035);
}
.maude-media-explorer .mm-thumb{
  background:#f4f2ed!important;
}

@media (max-width:1080px){
  .maude-media-public-v22--showroom_grid .mbp-side{
    padding:20px!important;
  }
  .maude-media-public-v22 .mbp-body{
    min-height:0;
  }
}
@media (max-width:640px){
  .maude-media-public-v22 .mbp-card:hover{
    transform:none;
  }
  .maude-media-public-v22 .mbp-file-icon{
    width:64px!important;
    height:64px!important;
    max-width:64px!important;
    max-height:64px!important;
  }
  .maude-media-public-v22 .mbp-actions a,
  .maude-media-public-v22 .mbp-actions button{
    width:100%;
  }
}