.elementor-3659 .elementor-element.elementor-element-1f3e12b4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-3659 .elementor-element.elementor-element-4d12b0c4{width:var( --container-widget-width, 103.59% );max-width:103.59%;--container-widget-width:103.59%;--container-widget-flex-grow:0;text-align:start;}.elementor-3659 .elementor-element.elementor-element-4d12b0c4.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}@media(max-width:767px){.elementor-3659 .elementor-element.elementor-element-1f3e12b4{--margin-top:0;--margin-bottom:0;--margin-left:auto;--margin-right:auto;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for container, class: .elementor-element-1f3e12b4 *//* =========================================
   FULL WIDTH DASHBOARD FIX
========================================= */

/* REMOVE ALL WIDTH LIMITS */

body,
main,
.dashboard-wrapper,
.dashboard-container,
.user-dashboard,
.site-content,
.container,
.elementor-container,
.elementor-section,
.elementor-widget-wrap{
    width:100% !important;
    max-width:100% !important;
}

/* FULL PAGE STRETCH */

body{
    margin:0 !important;
    padding:0 !important;
    overflow-x:hidden !important;
}

/* MAIN DASHBOARD WRAPPER */

.dashboard-wrapper,
.dashboard-container,
.user-dashboard,
.site-content{
    padding-left:40px !important;
    padding-right:40px !important;
}

/* REMOVE INNER SMALL CONTAINERS */

.container,
.elementor-container{
    padding-left:0 !important;
    padding-right:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
}

/* FULL WIDTH SECTIONS */

.dashboard-card,
.create-content-box,
.content-section,
.favorites-section,
.my-content-section,
.content-card,
.favorite-card{
    width:100% !important;
    max-width:100% !important;
}

/* GRID FULL WIDTH */

.action-grid{
    width:100% !important;

    display:grid !important;

    grid-template-columns:repeat(4,minmax(0,1fr)) !important;

    gap:18px !important;
}

/* RESPONSIVE */

@media(max-width:1200px){

    .action-grid{
        grid-template-columns:repeat(2,1fr) !important;
    }
}

@media(max-width:768px){

    .dashboard-wrapper,
    .dashboard-container,
    .user-dashboard,
    .site-content{
        padding-left:20px !important;
        padding-right:20px !important;
    }

    .action-grid{
        grid-template-columns:1fr !important;
    }
}/* End custom CSS */
/* Start custom CSS *//* ============================================================
   MPM USER DASHBOARD — CSS
   Reference: Image 1 exact match
   Classes: mpmd-* 
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700;800&display=swap');

/* ══════════════════════════════════════
   PAGE BACKGROUND ONLY — header/footer untouched
══════════════════════════════════════ */
html,
body,
body.page,
#page,
.site-content,
.site-inner,
main,
#main,
#content,
#primary,
.content-area,
.site-main,
.entry-content,
.page-content,
.post-content,
article.page,
.hentry.page,
.wp-block-post-content {
  background: linear-gradient(to bottom, #000000 0%, #172554 50%, #000000 100%) !important;
  font-family: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif !important;
}

/* ══════════════════════════════════════
   ROOT WRAP
══════════════════════════════════════ */
.mpmd-wrap {
  background: transparent !important;
  max-width: 860px !important;
  margin: 0 auto !important;
  padding: 40px 0 60px !important;
  font-family: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif !important;
}

/* ══════════════════════════════════════
   DASHBOARD HEADER
══════════════════════════════════════ */
.mpmd-header {
  margin-bottom: 32px !important;
}

.mpmd-header h1 {
  font-family: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif !important;
  font-size: 36px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin: 0 0 6px 0 !important;
  line-height: 1.2 !important;
}

.mpmd-welcome {
  font-size: 15px !important;
  color: #a1a1aa !important;
  margin: 0 !important;
}

.mpmd-welcome strong {
  color: #ffffff !important;
  font-weight: 600 !important;
}

/* ══════════════════════════════════════
   CREATE CONTENT PANEL
══════════════════════════════════════ */
.mpmd-create-panel {
  background: #18181b !important;
  border-radius: 12px !important;
  padding: 24px !important;
  margin-bottom: 32px !important;
  border: none !important;
}

.mpmd-create-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  margin-bottom: 20px !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
}

.mpmd-create-header h2 {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin: 0 0 6px 0 !important;
}

.mpmd-create-header p {
  font-size: 13px !important;
  color: #71717a !important;
  margin: 0 !important;
  max-width: 500px !important;
  line-height: 1.5 !important;
}

/* ── CREATE CARDS GRID ── */
.mpmd-create-cards {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 12px !important;
}

.mpmd-create-card {
  background: #27272a !important;
  border-radius: 10px !important;
  padding: 16px 20px !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  cursor: pointer !important;
  transition: background 0.2s !important;
  border: none !important;
}

.mpmd-create-card:hover {
  background: #3f3f46 !important;
}

.mpmd-create-icon {
  width: 42px !important;
  height: 42px !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.mpmd-icon-artist {
  background: rgba(139, 92, 246, 0.2) !important;
  color: #a78bfa !important;
}

.mpmd-icon-song {
  background: rgba(0, 204, 93, 0.2) !important;
  color: #00cc5d !important;
}

.mpmd-create-card strong {
  display: block !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  margin-bottom: 2px !important;
}

.mpmd-create-card span {
  font-size: 12px !important;
  color: #71717a !important;
}

/* ══════════════════════════════════════
   BUTTONS
══════════════════════════════════════ */
.mpmd-btn {
  font-family: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 9px 18px !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  border: none !important;
  transition: background 0.15s !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  text-decoration: none !important;
}

.mpmd-btn-green,
.mpmd-btn-green:hover {
  background: #00cc5d !important;
  color: #000000 !important;
}
.mpmd-btn-green:hover { background: #00b351 !important; }

.mpmd-btn-outline {
  background: transparent !important;
  color: #ffffff !important;
  border: 1px solid #3f3f46 !important;
}
.mpmd-btn-outline:hover { background: #27272a !important; }

.mpmd-btn-ghost {
  background: transparent !important;
  color: #a1a1aa !important;
  border: 1px solid #3f3f46 !important;
}
.mpmd-btn-ghost:hover { background: #27272a !important; color: #ffffff !important; }

.mpmd-btn-wide {
  width: 100% !important;
  justify-content: center !important;
}

/* ══════════════════════════════════════
   MY CONTENT SECTION
══════════════════════════════════════ */
.mpmd-section {
  margin-bottom: 32px !important;
}

.mpmd-section-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 16px !important;
}

.mpmd-section-header h2 {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin: 0 !important;
}

/* ── TABS ── */
.mpmd-tabs {
  display: flex !important;
  gap: 0 !important;
  border-bottom: 1px solid #27272a !important;
  margin-bottom: 0 !important;
}

.mpmd-tab {
  background: transparent !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  color: #a1a1aa !important;
  font-family: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 10px 16px !important;
  cursor: pointer !important;
  transition: color 0.2s !important;
  margin-bottom: -1px !important;
  white-space: nowrap !important;
}

.mpmd-tab br { display: none !important; }

.mpmd-tab:hover { color: #ffffff !important; }

.mpmd-tab.active {
  color: #00cc5d !important;
  border-bottom: 2px solid #00cc5d !important;
  font-weight: 600 !important;
}

/* ── TAB CONTENT ── */
.mpmd-tab-content {
  display: none !important;
}

.mpmd-tab-content.active {
  display: block !important;
}

/* ══════════════════════════════════════
   SONG LIST
══════════════════════════════════════ */
.mpmd-song-list {
  background: #18181b !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  margin-top: 0 !important;
}

.mpmd-song-row {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 14px 18px !important;
  border-bottom: 1px solid #27272a !important;
  transition: background 0.15s !important;
}

.mpmd-song-row:last-child {
  border-bottom: none !important;
}

.mpmd-song-row:hover {
  background: #27272a !important;
}

/* Song thumbnail */
.mpmd-song-thumb {
  width: 44px !important;
  height: 44px !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  background: #27272a !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.mpmd-song-thumb img {
  width: 44px !important;
  height: 44px !important;
  object-fit: cover !important;
  display: block !important;
}

.mpmd-song-thumb-placeholder {
  color: #52525b !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
}

/* Song info */
.mpmd-song-info {
  flex: 1 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}

.mpmd-song-title {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  display: block !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.mpmd-song-meta {
  font-size: 12px !important;
  color: #71717a !important;
  display: block !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.mpmd-song-info br { display: none !important; }

/* Status badge */
.mpmd-status-badge {
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 4px 10px !important;
  border-radius: 4px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

.mpmd-status-badge br { display: none !important; }

.mpmd-status-badge.approved {
  background: rgba(0, 204, 93, 0.15) !important;
  color: #00cc5d !important;
}

.mpmd-status-badge.pending {
  background: rgba(234, 179, 8, 0.15) !important;
  color: #fde047 !important;
}

.mpmd-status-badge.rejected {
  background: rgba(239, 68, 68, 0.15) !important;
  color: #f87171 !important;
}

/* Song row p tags cleanup */
.mpmd-song-row > p {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
}

/* ══════════════════════════════════════
   EMPTY STATE
══════════════════════════════════════ */
.mpmd-empty {
  background: #18181b !important;
  border-radius: 12px !important;
  padding: 48px 24px !important;
  text-align: center !important;
  color: #71717a !important;
  font-size: 14px !important;
}

.mpmd-empty p { color: #71717a !important; margin: 8px 0 16px !important; }
.mpmd-empty svg { margin-bottom: 8px !important; color: #52525b !important; }

/* ══════════════════════════════════════
   VIEW HEADER (Create Artist / Upload Song)
══════════════════════════════════════ */
.mpmd-view-header {
  margin-bottom: 24px !important;
}

.mpmd-view-header h1 {
  font-size: 28px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin: 12px 0 8px 0 !important;
}

.mpmd-view-header p {
  font-size: 14px !important;
  color: #a1a1aa !important;
  margin: 0 !important;
  line-height: 1.6 !important;
}

.mpmd-back-btn {
  background: transparent !important;
  border: 1px solid #3f3f46 !important;
  color: #a1a1aa !important;
  padding: 8px 14px !important;
  border-radius: 6px !important;
  font-family: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif !important;
  font-size: 13px !important;
  cursor: pointer !important;
  transition: color 0.2s !important;
  display: inline-block !important;
  text-decoration: none !important;
}
.mpmd-back-btn:hover { color: #ffffff !important; border-color: #71717a !important; }

/* ══════════════════════════════════════
   FORM CARD
══════════════════════════════════════ */
.mpmd-form-card {
  background: #18181b !important;
  border-radius: 12px !important;
  padding: 28px !important;
  border: none !important;
}

.mpmd-field {
  margin-bottom: 18px !important;
}

.mpmd-field label {
  display: block !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #d4d4d8 !important;
  margin-bottom: 6px !important;
}

.mpmd-field label br { display: none !important; }

.mpmd-field .req { color: #f87171 !important; }

.mpmd-opt {
  color: #52525b !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}

.mpmd-field input[type="text"],
.mpmd-field input[type="email"],
.mpmd-field textarea,
.mpmd-field select {
  width: 100% !important;
  background: #27272a !important;
  border: 1px solid #3f3f46 !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  font-family: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif !important;
  font-size: 14px !important;
  color: #ffffff !important;
  outline: none !important;
  box-sizing: border-box !important;
  transition: border-color 0.15s !important;
}

.mpmd-field input:focus,
.mpmd-field textarea:focus,
.mpmd-field select:focus {
  border-color: #00cc5d !important;
  box-shadow: 0 0 0 2px rgba(0,204,93,0.15) !important;
}

.mpmd-field input::placeholder,
.mpmd-field textarea::placeholder {
  color: #52525b !important;
}

.mpmd-field select option {
  background: #27272a !important;
  color: #ffffff !important;
}

.mpmd-field-hint {
  font-size: 12px !important;
  color: #71717a !important;
  margin: 0 0 8px 0 !important;
}

.mpmd-sublabel {
  font-size: 13px !important;
  color: #a1a1aa !important;
  margin-bottom: 6px !important;
  font-weight: 500 !important;
}

/* Two column form row */
.mpmd-form-row-2 {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 14px !important;
}
.mpmd-form-row-2 > p { display: none !important; }

/* Checkboxes */
.mpmd-playlist-checkboxes,
.mpmd-section-checkboxes {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 8px !important;
}

.mpmd-checkbox-label {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 13px !important;
  color: #d4d4d8 !important;
  cursor: pointer !important;
  background: #27272a !important;
  padding: 6px 12px !important;
  border-radius: 6px !important;
  border: 1px solid #3f3f46 !important;
  transition: border-color 0.15s !important;
}

.mpmd-checkbox-label br { display: none !important; }

.mpmd-checkbox-label:hover { border-color: #00cc5d !important; }

.mpmd-checkbox-label input[type="checkbox"] {
  accent-color: #00cc5d !important;
  width: 14px !important;
  height: 14px !important;
}

/* File upload */
.mpmd-file-row {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}

.mpmd-file-row br { display: none !important; }

.mpmd-file-btn {
  background: #27272a !important;
  border: 1px solid #3f3f46 !important;
  color: #d4d4d8 !important;
  padding: 8px 16px !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: background 0.15s !important;
}
.mpmd-file-btn:hover { background: #3f3f46 !important; }

.mpmd-file-name {
  font-size: 13px !important;
  color: #71717a !important;
}

/* Notice box */
.mpmd-notice {
  background: rgba(234,179,8,0.08) !important;
  border: 1px solid rgba(234,179,8,0.2) !important;
  border-radius: 8px !important;
  padding: 14px 16px !important;
  font-size: 13px !important;
  color: #fde047 !important;
  line-height: 1.6 !important;
  margin-bottom: 20px !important;
}

.mpmd-notice strong { color: #fde047 !important; }

/* Form actions */
.mpmd-form-actions {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin-top: 4px !important;
}
.mpmd-form-actions br { display: none !important; }

/* Alert */
.mpmd-alert {
  background: rgba(239,68,68,0.1) !important;
  border: 1px solid rgba(239,68,68,0.2) !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  color: #fca5a5 !important;
  font-size: 14px !important;
  margin-bottom: 16px !important;
}

/* Owner section */
.mpmd-owner-section {
  background: #27272a !important;
  border-radius: 8px !important;
  padding: 14px !important;
  margin-top: 8px !important;
}

/* Link green */
.mpmd-link-green {
  color: #00cc5d !important;
  text-decoration: none !important;
  font-weight: 500 !important;
}

/* ══════════════════════════════════════
   CLEAN EXTRA TAGS
══════════════════════════════════════ */
.mpmd-wrap > p:empty,
.mpmd-create-panel > p:empty,
.mpmd-section > p:empty,
.mpmd-view > p:empty,
.mpmd-form-card > p:empty,
.mpmd-view-header > p:empty { display: none !important; }

.mpmd-create-card > p { display: none !important; }

.mpmd-field > p { margin: 4px 0 0 !important; }

/* small text */
.mpmd-form-card small,
.mpmd-field small {
  font-size: 12px !important;
  color: #71717a !important;
  display: block !important;
  margin-top: 4px !important;
}

/* ══════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════ */
@media (max-width: 640px) {
  .mpmd-create-cards { grid-template-columns: 1fr !important; }
  .mpmd-form-row-2 { grid-template-columns: 1fr !important; }
  .mpmd-header h1 { font-size: 26px !important; }
  .mpmd-wrap { padding: 24px 16px 48px !important; }
}/* End custom CSS */