/* MVP Admin UI Pro v1.2.0 — admin.css (extends previous versions) */

:root{}
body.wp-admin{ background: var(--mvp-bg); color: var(--mvp-text); }

/* Titles / cards */
.wrap > h1,
.wrap > h1.wp-heading-inline{
    color: var(--mvp-brand-1);
    text-shadow: 0 1px 0 rgba(0,0,0,.06);
    letter-spacing: .2px;
}
.wrap .notice,
.wrap .card,
.wrap .postbox,
.wrap .stuffbox{
    background: var(--mvp-card);
    box-shadow: var(--mvp-shadow);
    border-radius: var(--mvp-radius);
    border: none;
}
.postbox .hndle{ padding: 14px 16px; border-bottom: 1px solid rgba(0,0,0,.06); font-weight:600; color: var(--mvp-brand-3); }
.postbox .inside{ padding: 12px 16px 16px; }

/* Side menu */
#adminmenu li.menu-top > a{ border-radius: 12px; margin: 4px 8px; }
#adminmenu .wp-has-current-submenu > a.wp-has-current-submenu,
#adminmenu .current > a.menu-top,
#adminmenu .wp-menu-open > a.menu-top{
    background: var(--mvp-brand-1) !important;
    color: #fff !important;
    box-shadow: 0 10px 20px rgba(0,0,0,.12);
}
#adminmenu li.menu-top:hover > a,
#adminmenu a:hover{ background: var(--mvp-brand-2); color: #fff !important; }

/* Buttons */
.wp-core-ui .button-primary{
    background: var(--mvp-brand-1); border-color: var(--mvp-brand-1);
    box-shadow: 0 6px 18px rgba(0,0,0,.15);
    text-shadow: none; border-radius: 12px;
    padding: 0 14px; height: 36px; line-height: 34px;
}
.wp-core-ui .button-primary:hover{ background: var(--mvp-brand-2); border-color: var(--mvp-brand-2); }
.wp-core-ui .button, .wp-core-ui .button-secondary{ border-radius: 12px; }

/* Tables */
.wp-list-table{
    background: var(--mvp-card);
    box-shadow: var(--mvp-shadow);
    border-radius: var(--mvp-radius);
    overflow: hidden; border: none;
}
.wp-list-table thead th{
    background: color-mix(in oklab, var(--mvp-brand-1) 10%, #fff);
    color: #1d2327; border-bottom: 1px solid rgba(0,0,0,.06);
    position: sticky; top: 0; z-index: 2;
}
.wp-list-table tbody tr:hover{ background: rgba(0,0,0,.02); }
body.mvp-zebra .wp-list-table tbody tr:nth-child(odd){ background: rgba(0,0,0,.015); }

/* Mobile → cards */
@media (max-width: 980px){
  .wp-list-table thead{ display:none; }
  .wp-list-table tbody, .wp-list-table tr, .wp-list-table td{ display:block; width:100%; }
  .wp-list-table tr{
    background: var(--mvp-card);
    margin: 14px 12px; border-radius: var(--mvp-radius);
    box-shadow: var(--mvp-shadow); overflow: hidden;
    border: 1px solid rgba(0,0,0,.04);
  }
  .wp-list-table td{
    display:flex; align-items:center; justify-content:space-between; gap:16px;
    padding: 12px 14px; border-bottom: 1px dashed rgba(0,0,0,.06);
  }
  .wp-list-table td:before{
    content: attr(data-label);
    font-weight: 600; color: var(--mvp-brand-3); opacity:.85;
    margin-right: 12px; flex: 0 0 44%; text-wrap: balance;
  }
  .wp-list-table td:last-child{ border-bottom: none; }
}

/* Forms */
.form-table th{ color: var(--mvp-brand-3); }
.form-table th, .form-table td{ padding: 12px 10px; }
input.regular-text, select, textarea, .components-input-control__input{
    border-radius: 12px; border-color: rgba(0,0,0,.1);
    box-shadow: 0 2px 0 rgba(0,0,0,.02) inset;
}
input[type="checkbox"], input[type="radio"]{ transform: scale(1.05); }

/* Notices */
.notice, .updated, .update-nag{
    border-left-width: 6px; border-left-color: var(--mvp-brand-2);
    border-radius: 12px; box-shadow: var(--mvp-shadow);
}

/* Badges */
.mvp-badge{
    display:inline-flex; align-items:center; gap:6px;
    padding: .22rem .55rem; border-radius: 999px;
    font-size: 12px; font-weight: 600; letter-spacing: .2px;
    background: color-mix(in oklab, var(--mvp-brand-1) 6%, #fff);
    border: 1px solid rgba(0,0,0,.06); box-shadow: 0 4px 14px rgba(0,0,0,.06);
}
.mvp-badge--success{  background:#e8f6ee; color:#1d7f4d; border-color:#bfe5cf; }
.mvp-badge--warning{  background:#fff6e8; color:#a6630c; border-color:#f1d3a6; }
.mvp-badge--danger{   background:#fdecee; color:#b2253b; border-color:#f4c2ca; }
.mvp-badge--info{     background:#e8f0ff; color:#214ea1; border-color:#c7d6ff; }
.mvp-badge--primary{  background:#e8efff; color:#0028AC; border-color:#cbd9ff; }
.mvp-badge--secondary{background:#eef2f7; color:#475569; border-color:#d5dbe3; }

/* Admin Bar toggle label */
#wpadminbar #wp-admin-bar-mvp-theme-toggle > .ab-item{
    display:flex; align-items:center; gap:6px;
}
#wpadminbar #mvp-theme-label{ text-transform: uppercase; font-weight:600; }

/* Login */
.login form{
    background: var(--mvp-card); border:none; border-radius: var(--mvp-radius);
    box-shadow: var(--mvp-shadow); padding: 26px 22px;
}
.login #nav a, .login #backtoblog a{ color: var(--mvp-brand-2); }
.login h1 a{ filter: drop-shadow(0 6px 12px rgba(0,0,0,.15)); }

/* DataTables polish */
.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input{
    border-radius: 12px; border: 1px solid rgba(0,0,0,.1); padding: 6px 10px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
    border-radius: 999px !important; padding: 4px 10px !important;
}

/* Dark mode (when forced or prefers) */
:root[data-mvp-theme="dark"],
@media (prefers-color-scheme: dark){
  :root[data-mvp-theme="auto"]{
    --mvp-bg: #0f141a;
    --mvp-card: #161c22;
    --mvp-text: #e6edf3;
    --mvp-shadow: 0 10px 25px rgba(0,0,0,.35);
  }
}
:root[data-mvp-theme="dark"] body.wp-admin{ background: var(--mvp-bg); color: var(--mvp-text); }
:root[data-mvp-theme="dark"] .wrap > h1, 
:root[data-mvp-theme="dark"] .postbox .hndle{ color:#dbe6ff; }
:root[data-mvp-theme="dark"] .wp-list-table tbody tr:hover{ background: rgba(255,255,255,.04); }
:root[data-mvp-theme="dark"] input.regular-text, 
:root[data-mvp-theme="dark"] select, 
:root[data-mvp-theme="dark"] textarea, 
:root[data-mvp-theme="dark"] .components-input-control__input{
    background:#12171d; color: var(--mvp-text); border-color: rgba(255,255,255,.12);
}

/* Menu icons (exemples dashicons) */
#adminmenu .menu-icon-post .wp-menu-name:before{ content:"\f109"; font-family:dashicons; margin-right:8px; }
#adminmenu .menu-icon-page .wp-menu-name:before{ content:"\f105"; font-family:dashicons; margin-right:8px; }
#adminmenu .menu-icon-media .wp-menu-name:before{ content:"\f104"; font-family:dashicons; margin-right:8px; }
/* Ajoute des sélecteurs personnalisés si nécessaire: 
   #adminmenu .toplevel_page_gcmvp_list .wp-menu-name:before{ content:"\f504"; font-family:dashicons; margin-right:8px; } */