/* Mitr4 4.6.3 Media Local Clean List Final
   Substitui os cards instáveis por uma lista profissional, horizontal e previsível.
   Evita texto vertical, botões cortados e grelhas esmagadas no separador Media Local. */

#tab-media-local{--m4-local-cover:76px;--m4-local-gap:16px;}
#tab-media-local .media-local-layout{display:grid!important;gap:22px!important;align-items:start!important;}
#tab-media-local .player-card{overflow:visible!important;min-width:0!important;}
#tab-media-local .media-local-form{display:grid!important;grid-template-columns:repeat(2,minmax(220px,1fr))!important;gap:12px!important;align-items:end!important;}
#tab-media-local .media-local-form .wide{grid-column:1/-1!important;}
#tab-media-local .playlist-create{display:grid!important;grid-template-columns:repeat(3,minmax(180px,1fr))!important;gap:10px!important;align-items:center!important;}
#tab-media-local .playlist-create .btn,
#tab-media-local .media-local-form .btn{width:100%!important;min-width:0!important;white-space:normal!important;min-height:44px!important;}

#tab-media-local #mediaLocalList.media-local-list,
#tab-media-local .media-local-list{width:100%!important;min-width:0!important;display:block!important;}

#tab-media-local .m4-local-library-list{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;width:100%!important;min-width:0!important;}
#tab-media-local .m4-local-playlist-row{
  display:grid!important;
  grid-template-columns:var(--m4-local-cover) minmax(0,1fr) minmax(260px,auto)!important;
  gap:var(--m4-local-gap)!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:118px!important;
  padding:16px!important;
  box-sizing:border-box!important;
  border-radius:24px!important;
  border:1px solid rgba(135,164,255,.26)!important;
  background:linear-gradient(135deg,rgba(34,48,86,.92),rgba(24,31,61,.94))!important;
  box-shadow:0 16px 40px rgba(0,0,0,.22)!important;
  overflow:hidden!important;
  container-type:inline-size!important;
}
#tab-media-local .m4-local-cover{width:var(--m4-local-cover)!important;height:var(--m4-local-cover)!important;min-width:var(--m4-local-cover)!important;border-radius:20px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.06)!important;box-shadow:0 12px 30px rgba(0,0,0,.28)!important;}
#tab-media-local .m4-local-cover img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;}
#tab-media-local .m4-local-content{display:grid!important;gap:7px!important;min-width:0!important;width:100%!important;max-width:100%!important;}
#tab-media-local .m4-local-heading{display:flex!important;align-items:flex-start!important;gap:10px!important;min-width:0!important;width:100%!important;}
#tab-media-local .m4-local-title{
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
  hyphens:none!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  line-height:1.22!important;
  font-size:18px!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
}
#tab-media-local .m4-local-state{flex:0 0 auto!important;max-width:180px!important;border:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.06)!important;color:rgba(222,232,255,.78)!important;border-radius:999px!important;padding:5px 9px!important;font-size:11px!important;font-weight:800!important;white-space:nowrap!important;}
#tab-media-local .m4-local-meta{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important;min-width:0!important;}
#tab-media-local .m4-local-meta span{display:inline-flex!important;gap:4px!important;align-items:center!important;min-height:25px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.06)!important;padding:4px 9px!important;color:#e6edff!important;font-size:12px!important;font-weight:750!important;white-space:nowrap!important;}
#tab-media-local .m4-local-meta b{font-weight:950!important;color:#fff!important;}
#tab-media-local .m4-local-subtitle{min-width:0!important;color:rgba(219,228,255,.68)!important;font-size:12px!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere!important;}
#tab-media-local .m4-local-path{min-width:0!important;max-width:100%!important;color:rgba(201,214,255,.72)!important;font-size:12px!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;}
#tab-media-local .m4-local-actions{display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;min-width:0!important;max-width:330px!important;}
#tab-media-local .m4-local-actions .mini-btn{flex:0 1 auto!important;min-width:82px!important;max-width:150px!important;justify-content:center!important;white-space:nowrap!important;padding-inline:12px!important;}
#tab-media-local .m4-local-empty{display:grid!important;gap:6px!important;border-radius:22px!important;border:1px dashed rgba(135,164,255,.28)!important;background:rgba(255,255,255,.045)!important;padding:20px!important;color:rgba(220,230,255,.75)!important;}
#tab-media-local .m4-local-empty strong{color:white!important;font-size:17px!important;}
#tab-media-local .m4-local-admin-list{display:grid!important;gap:10px!important;}
#tab-media-local .m4-local-admin-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:12px!important;border-radius:16px!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.08)!important;}
#tab-media-local .m4-local-admin-row div{min-width:0!important;display:grid!important;gap:4px!important;}
#tab-media-local .m4-local-admin-row strong{white-space:normal!important;overflow-wrap:anywhere!important;}
#tab-media-local .m4-local-admin-row span{white-space:normal!important;overflow-wrap:anywhere!important;color:var(--m4-muted)!important;font-size:12px!important;}

/* Neutraliza layouts antigos que comprimiam títulos e geravam texto vertical. */
#tab-media-local .media-local-playlist-grid.professional{display:block!important;}
#tab-media-local .media-local-playlist-card.professional{display:none!important;}
#tab-media-local .m4-local-playlist-row *,
#tab-media-local .m4-local-playlist-row strong,
#tab-media-local .m4-local-playlist-row span{writing-mode:horizontal-tb!important;text-orientation:mixed!important;}

@media (max-width:1180px){
  #tab-media-local .m4-local-playlist-row{grid-template-columns:var(--m4-local-cover) minmax(0,1fr)!important;}
  #tab-media-local .m4-local-actions{grid-column:1/-1!important;justify-content:flex-start!important;max-width:none!important;padding-left:calc(var(--m4-local-cover) + var(--m4-local-gap))!important;}
}
@media (max-width:760px){
  #tab-media-local{--m4-local-cover:68px;}
  #tab-media-local .media-local-form,
  #tab-media-local .playlist-create{grid-template-columns:1fr!important;}
  #tab-media-local .m4-local-playlist-row{grid-template-columns:var(--m4-local-cover) minmax(0,1fr)!important;padding:14px!important;border-radius:20px!important;}
  #tab-media-local .m4-local-heading{display:grid!important;gap:6px!important;}
  #tab-media-local .m4-local-state{max-width:max-content!important;}
  #tab-media-local .m4-local-actions{padding-left:0!important;}
  #tab-media-local .m4-local-actions .mini-btn{flex:1 1 120px!important;max-width:none!important;}
}

/* Mitr4 4.8.5 — Media Local album split controls */
.media-local-preview-summary.workflow{align-items:flex-start;gap:14px;flex-wrap:wrap}
.media-local-preview-summary .m4-media-choice-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;max-width:100%}
.media-local-preview-summary .m4-media-choice-actions .mini-btn{min-width:150px;white-space:normal;line-height:1.15;min-height:38px}
.media-local-preview-card.professional{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;width:100%;padding:16px;border-radius:20px;background:linear-gradient(135deg,rgba(33,52,103,.92),rgba(17,26,55,.88));border:1px solid rgba(100,136,255,.24)}
.media-local-preview-card.professional .media-local-preview-main{min-width:0;display:flex;flex-direction:column;gap:8px}
.media-local-preview-card.professional strong{font-size:1.05rem;white-space:normal;word-break:normal;overflow-wrap:anywhere;line-height:1.25}
.media-local-card-stats{display:flex;gap:8px;flex-wrap:wrap}.media-local-card-stats span{padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:.78rem}.media-local-card-path{max-width:100%;white-space:normal;overflow-wrap:anywhere;color:rgba(218,228,255,.8);font-size:.82rem}.media-local-preview-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.media-local-preview-actions .mini-btn{min-width:128px}
@media (max-width:900px){.media-local-preview-card.professional{grid-template-columns:1fr}.media-local-preview-actions{justify-content:flex-start}.media-local-preview-summary .m4-media-choice-actions .mini-btn{min-width:calc(50% - 8px)}}