:root{
  --navy:#1f3049;
  --navy-2:#243955;
  --rose:#bb9684;
  --rose-soft:#cfb19f;
  --bg:#f4f5f7;
  --white:#ffffff;
  --text:#182238;
  --muted:#70798a;
  --border:#e1e4e9;
  --shadow:0 10px 28px rgba(31,48,73,.06);
}

.mgh-login-screen,
.mgh-portal,
.mgh-portal *{
  box-sizing:border-box;
  font-family:Arial,Helvetica,sans-serif;
}

.mgh-login-screen{
  min-height:70vh;
  display:grid;
  place-items:center;
  padding:40px 20px;
  background:radial-gradient(circle at top left,rgba(187,150,132,.20),transparent 35%),var(--bg);
  border-radius:20px;
}

.mgh-login-card{
  width:min(440px,100%);
  padding:36px;
  background:#fff;
  border:1px solid var(--border);
  border-radius:24px;
  box-shadow:var(--shadow);
}
.mgh-login-card img{display:block;width:300px;max-width:100%;margin:0 auto 28px}
.mgh-login-card h1{font-size:32px!important;line-height:1.15!important;margin:0 0 10px!important;color:var(--navy)!important}
.mgh-login-card p{color:var(--muted)}
.mgh-login-card label{display:block;font-weight:700;color:var(--navy);margin-bottom:6px}
.mgh-login-card input[type=text],.mgh-login-card input[type=password]{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:12px}
.mgh-login-card .login-submit input{width:100%;padding:13px;border:0;border-radius:12px;background:var(--navy);color:#fff;font-weight:800;cursor:pointer}
.mgh-forgot{display:block;text-align:center;color:var(--rose);font-weight:700;margin-top:14px;text-decoration:none}

.mgh-portal{
  display:grid;
  grid-template-columns:320px minmax(0,1fr);
  min-height:900px;
  background:var(--bg);
  border:1px solid var(--border);
  border-radius:0;
  overflow:hidden;
  box-shadow:none;
}

.mgh-sidebar{
  display:flex;
  flex-direction:column;
  min-height:100%;
  padding:34px 16px 22px;
  background:var(--navy);
  color:#fff;
}

.mgh-logo-side{
  width:220px;
  max-width:100%;
  margin:0 auto 12px;
  filter:brightness(0) invert(1);
}

.mgh-subbrand{display:none}

.mgh-side-title{
  padding:0 28px 25px;
  margin-top:10px;
  color:#fff;
  font-size:13px;
  letter-spacing:.28em;
  font-weight:700;
  border-bottom:1px solid rgba(255,255,255,.15);
}

.mgh-sidebar nav{
  display:grid;
  gap:9px;
  margin-top:28px;
}

.mgh-sidebar nav a,
.mgh-sidebar nav a:link,
.mgh-sidebar nav a:visited{
  display:flex;
  align-items:center;
  gap:14px;
  min-height:56px;
  padding:10px 18px;
  color:#fff;
  text-decoration:none!important;
  border-radius:12px;
  font-weight:700;
  font-size:16px;
  transition:.18s ease;
}

.mgh-sidebar nav a .dashicons{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.38);
  border-radius:9px;
  font-size:18px;
  line-height:1;
}

.mgh-sidebar nav a:hover,
.mgh-sidebar nav a.active{
  background:var(--rose)!important;
  color:#fff!important;
  text-decoration:none!important;
  transform:none;
  box-shadow:none;
}

.mgh-sidebar nav a:hover .dashicons,
.mgh-sidebar nav a.active .dashicons{
  border-color:rgba(255,255,255,.65);
  background:rgba(255,255,255,.08);
}

.mgh-sidebar-bottom{
  margin-top:auto;
  padding-top:28px;
}

.mgh-logout{
  display:flex;
  align-items:center;
  gap:14px;
  min-height:56px;
  padding:10px 18px;
  color:#fff!important;
  text-decoration:none!important;
  font-weight:700;
  border-top:1px solid rgba(255,255,255,.12);
}

.mgh-logout .dashicons{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.38);
  border-radius:9px;
}

.mgh-sidebar-logo-bottom{
  margin-top:25px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.15);
  text-align:center;
}
.mgh-sidebar-logo-bottom img{
  width:220px;
  max-width:90%;
  filter:brightness(0) invert(1);
  opacity:.95;
}

.mgh-main{
  min-width:0;
  padding:0 38px 38px;
  background:var(--bg);
}

.mgh-topbar{
  margin:0 -38px 28px;
  min-height:114px;
  padding:22px 38px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  background:#fff;
  border-bottom:1px solid var(--border);
}

.mgh-topbar-user{
  display:flex;
  align-items:center;
  gap:16px;
}

.mgh-avatar{
  width:66px;
  height:66px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--navy);
  color:#fff;
  font-weight:800;
  font-size:22px;
  border:3px solid #fff;
  box-shadow:0 0 0 1px var(--border);
}

.mgh-topbar-user strong{
  display:block;
  color:var(--text);
  font-size:24px;
  line-height:1.1;
}
.mgh-topbar-user span{
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:15px;
}

.mgh-topbar-actions{
  display:flex;
  align-items:center;
  gap:20px;
}

.mgh-topbar-notice{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  color:var(--navy);
  border-right:1px solid var(--border);
  padding-right:18px;
}

.mgh-topbar-logout{
  padding:13px 18px;
  border:1px solid var(--border);
  border-radius:12px;
  color:var(--navy)!important;
  background:#fff;
  text-decoration:none!important;
  font-weight:700;
}

.mgh-dashboard-heading{
  margin:0 0 28px;
}
.mgh-dashboard-heading h2{
  margin:6px 0 6px;
  color:var(--text);
  font-size:34px;
}
.mgh-kicker{
  margin:0;
  color:#a7826c;
  font-size:12px;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.mgh-muted{
  margin:0;
  color:var(--muted);
}

.mgh-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  margin-bottom:26px;
}

.mgh-stat-card{
  min-height:180px;
  display:flex;
  align-items:center;
  gap:18px;
  padding:26px;
  background:#fff;
  border:1px solid var(--border);
  border-radius:18px;
  box-shadow:var(--shadow);
}

.mgh-stat-primary{
  background:linear-gradient(135deg,var(--navy),#27456d);
  color:#fff;
}

.mgh-stat-icon{
  width:64px;
  height:64px;
  flex:0 0 64px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--rose);
  color:#fff;
}
.mgh-stat-icon .dashicons{
  width:auto;
  height:auto;
  font-size:28px;
  line-height:1;
}

.mgh-stat-content span{
  display:block;
  color:var(--muted);
  font-size:14px;
}
.mgh-stat-content strong{
  display:block;
  margin:4px 0 7px;
  color:var(--text);
  font-size:36px;
}
.mgh-stat-content small{
  color:var(--muted);
  font-size:13px;
}

.mgh-stat-primary .mgh-stat-content span,
.mgh-stat-primary .mgh-stat-content strong,
.mgh-stat-primary .mgh-stat-content small{
  color:#fff;
}

.mgh-card{
  padding:26px;
  background:#fff;
  border:1px solid var(--border);
  border-radius:18px;
  box-shadow:var(--shadow);
}

.mgh-card h3{
  margin:5px 0 16px;
  color:var(--text);
  font-size:24px;
}

.mgh-grid2{
  display:grid;
  grid-template-columns:1.6fr .8fr;
  gap:24px;
  margin-top:24px;
}

.mgh-secondary-grid{
  grid-template-columns:1fr 1fr;
}

.mgh-properties-section,
.mgh-settlements-section,
.mgh-help-card{
  margin-top:24px;
}

.mgh-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}

.mgh-section-head h3{
  margin:5px 0 0;
  font-size:24px;
}

.mgh-count-badge{
  min-width:40px;
  height:40px;
  padding:0 12px;
  display:grid;
  place-items:center;
  background:rgba(187,150,132,.18);
  color:var(--navy);
  border-radius:999px;
  font-weight:800;
}

.mgh-empty{
  min-height:115px;
  display:grid;
  place-items:center;
  padding:22px;
  border-top:1px dashed var(--border);
  color:var(--muted);
  text-align:left;
  justify-items:start;
}

.mgh-property-list,
.mgh-settlement-list{
  display:grid;
  gap:14px;
}

.mgh-property,
.mgh-settlement{
  padding:18px;
  border:1px solid var(--border);
  border-radius:15px;
  background:#fff;
}

.mgh-property{
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  gap:16px;
}

.mgh-property-mark{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:var(--navy);
  color:#fff;
  font-weight:800;
}

.mgh-property-title-row,
.mgh-settlement-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}

.mgh-property-title-row h4,
.mgh-settlement-top h4{
  margin:3px 0;
  color:var(--text);
  font-size:19px;
}

.mgh-property-code{
  color:#a7826c;
  font-size:11px;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.mgh-property-address{
  margin:6px 0 14px;
  color:var(--muted);
}

.mgh-property-facts,
.mgh-settlement-values{
  display:flex;
  gap:28px;
  flex-wrap:wrap;
}

.mgh-property-facts span,
.mgh-settlement-values span{
  display:block;
  color:var(--muted);
  font-size:11px;
  text-transform:uppercase;
}

.mgh-property-facts strong,
.mgh-settlement-values strong{
  display:block;
  margin-top:3px;
  color:var(--text);
  font-size:15px;
}

.mgh-status{
  display:inline-block;
  padding:6px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  white-space:nowrap;
}

.mgh-status-arrendada,
.mgh-settlement-status-paid{background:#e7f4ec;color:#26704a}
.mgh-status-disponible,
.mgh-settlement-status-approved{background:#f7eee9;color:#845d49}
.mgh-status-mantenimiento,
.mgh-settlement-status-under_review{background:#fff4dd;color:#8c6500}
.mgh-status-inactiva,
.mgh-settlement-status-draft{background:#eceff2;color:#69717a}
.mgh-settlement-status-cancelled{background:#fdebec;color:#9c343c}

.mgh-settlement-values{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin-top:18px;
  padding:16px;
  background:#fafbfc;
  border-radius:12px;
}

.mgh-settlement-values .mgh-net{
  padding-left:18px;
  border-left:3px solid var(--rose);
}
.mgh-settlement-values .mgh-net strong{
  font-size:20px;
}

.mgh-settlement-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:14px;
  color:var(--muted);
  font-size:13px;
}

.mgh-settlement-footer a{
  color:var(--navy);
  font-weight:800;
  text-decoration:none;
}

.mgh-help-card{
  margin-bottom:0;
}

.mgh-message{
  padding:18px;
  border-left:4px solid var(--rose);
  background:#fff6f2;
}

@media(max-width:1200px){
  .mgh-stats{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:980px){
  .mgh-portal{grid-template-columns:1fr}
  .mgh-sidebar{min-height:auto}
  .mgh-sidebar-bottom{margin-top:24px}
  .mgh-main{padding:0 20px 30px}
  .mgh-topbar{margin:0 -20px 24px;padding:18px 20px}
  .mgh-grid2{grid-template-columns:1fr}
}

@media(max-width:600px){
  .mgh-stats{grid-template-columns:1fr}
  .mgh-topbar{align-items:flex-start;flex-direction:column}
  .mgh-topbar-actions{width:100%;justify-content:space-between}
  .mgh-stat-card{min-height:auto}
  .mgh-property{grid-template-columns:1fr}
  .mgh-property-title-row,
  .mgh-settlement-top,
  .mgh-settlement-footer{flex-direction:column;align-items:flex-start}
  .mgh-settlement-values{grid-template-columns:1fr}
  .mgh-settlement-values .mgh-net{padding-left:0;padding-top:12px;border-left:0;border-top:3px solid var(--rose)}
}


/* ======================================================
   NAVEGACIÓN POR SECCIONES — v0.4.1
   Solo se muestra una sección a la vez.
   ====================================================== */

.mgh-view {
  display: none !important;
}

.mgh-view.is-active {
  display: block !important;
}

/* Los contenedores que antes organizaban varias tarjetas
   no deben dejar espacios vacíos cuando sus hijos están ocultos. */
.mgh-grid2:has(.mgh-view) {
  display: contents;
}

.mgh-grid2 .mgh-view.is-active {
  width: 100%;
  margin-top: 24px;
}

/* Dashboard conserva sus propios layouts internos */
#dashboard.mgh-view.is-active {
  display: block !important;
}

#dashboard .mgh-stats {
  display: grid;
}

/* Animación discreta al cambiar de sección */
.mgh-view.is-active {
  animation: mghFadeIn .18s ease-out;
}

@keyframes mghFadeIn {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Las secciones individuales ocupan el ancho útil del portal */
#propiedades.mgh-view,
#liquidaciones.mgh-view,
#novedades.mgh-view,
#documentos.mgh-view,
#perfil.mgh-view,
#notificaciones.mgh-view,
#ayuda.mgh-view {
  margin-top: 0;
}


/* ======================================================
   NOVEDADES — v0.5.0
   ====================================================== */
.mgh-notice-list{
  display:grid;
  gap:16px;
}

.mgh-notice-card{
  padding:22px;
  border:1px solid var(--border);
  border-radius:16px;
  background:#fff;
}

.mgh-notice-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}

.mgh-notice-head h4{
  margin:4px 0 4px;
  color:var(--text);
  font-size:20px;
}

.mgh-notice-head p{
  margin:0;
  color:var(--muted);
  font-size:14px;
}

.mgh-notice-badges{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.mgh-notice-status{
  background:#eef2f6;
  color:var(--navy);
}

.mgh-priority-low{background:#eef4ef;color:#55715e}
.mgh-priority-normal{background:#f1f2f4;color:#626b77}
.mgh-priority-high{background:#fff1df;color:#96610b}
.mgh-priority-urgent{background:#fde7e8;color:#a42e36}

.mgh-notice-description{
  margin:18px 0 0;
  color:var(--muted);
  line-height:1.65;
}

.mgh-notice-update{
  margin-top:18px;
  padding:16px 18px;
  border-left:4px solid var(--rose);
  border-radius:10px;
  background:#fbf7f4;
}

.mgh-notice-update strong{
  color:var(--navy);
  font-size:14px;
}

.mgh-notice-update p{
  margin:6px 0 0;
  color:var(--muted);
}

.mgh-auth-box{
  margin-top:18px;
  padding:18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border:1px solid #ead8cf;
  border-radius:14px;
  background:#fff9f6;
}

.mgh-auth-box span,
.mgh-auth-box small{
  display:block;
  color:var(--muted);
}

.mgh-auth-box strong{
  display:block;
  margin:4px 0;
  color:var(--navy);
  font-size:24px;
}

.mgh-auth-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.mgh-btn{
  min-width:110px;
  padding:11px 16px;
  border-radius:10px;
  font-weight:800;
  cursor:pointer;
}

.mgh-btn-primary{
  border:1px solid var(--rose);
  background:var(--rose);
  color:#fff;
}

.mgh-btn-secondary{
  border:1px solid var(--border);
  background:#fff;
  color:var(--navy);
}

.mgh-success-message{
  margin-bottom:16px;
  padding:12px 14px;
  border:1px solid #cfe4d7;
  border-radius:10px;
  background:#edf8f1;
  color:#2f6e48;
  font-weight:700;
}

@media(max-width:700px){
  .mgh-notice-head,
  .mgh-auth-box{
    flex-direction:column;
    align-items:flex-start;
  }
  .mgh-notice-badges{
    justify-content:flex-start;
  }
}


/* ======================================================
   DOCUMENTOS — v0.6.0
   ====================================================== */
.mgh-document-list{
  display:grid;
  gap:12px;
}

.mgh-document-row{
  display:grid;
  grid-template-columns:54px minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  padding:17px;
  border:1px solid var(--border);
  border-radius:14px;
  background:#fff;
}

.mgh-document-icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:#f6eee9;
  color:var(--navy);
}

.mgh-document-icon .dashicons{
  width:auto;
  height:auto;
  font-size:24px;
}

.mgh-document-info h4{
  margin:3px 0 4px;
  color:var(--text);
  font-size:18px;
}

.mgh-document-info p{
  margin:0;
  color:var(--muted);
  font-size:13px;
}

.mgh-document-info small{
  display:block;
  margin-top:6px;
  color:var(--muted);
}

.mgh-document-actions{
  display:flex;
  align-items:center;
}

.mgh-document-actions .mgh-btn{
  text-decoration:none!important;
  text-align:center;
}

.mgh-no-file{
  color:var(--muted);
  font-size:13px;
}

@media(max-width:720px){
  .mgh-document-row{
    grid-template-columns:48px minmax(0,1fr);
  }

  .mgh-document-actions{
    grid-column:1/-1;
  }

  .mgh-document-actions .mgh-btn{
    width:100%;
  }
}


/* ======================================================
   PERFIL DEL PROPIETARIO — v0.7.0
   ====================================================== */

.mgh-profile-summary{
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:24px;
  padding:18px;
  border:1px solid var(--border);
  border-radius:14px;
  background:#fafbfc;
}

.mgh-profile-avatar{
  width:60px;
  height:60px;
  flex:0 0 60px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--navy);
  color:#fff;
  font-size:22px;
  font-weight:800;
}

.mgh-profile-summary strong{
  display:block;
  color:var(--text);
  font-size:18px;
}

.mgh-profile-summary span,
.mgh-profile-summary small{
  display:block;
  margin-top:3px;
  color:var(--muted);
}

.mgh-profile-form{
  display:block;
}

.mgh-profile-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.mgh-profile-field{
  display:grid;
  gap:7px;
}

.mgh-profile-field label{
  color:var(--navy);
  font-size:13px;
  font-weight:800;
}

.mgh-profile-field label span{
  color:var(--muted);
  font-weight:400;
}

.mgh-profile-field input{
  width:100%;
  padding:12px 14px;
  border:1px solid var(--border);
  border-radius:11px;
  background:#fff;
  color:var(--text);
  font-size:15px;
  outline:none;
}

.mgh-profile-field input:focus{
  border-color:var(--rose);
  box-shadow:0 0 0 3px rgba(187,150,132,.16);
}

.mgh-profile-field small{
  color:var(--muted);
  font-size:12px;
}

.mgh-profile-full{
  grid-column:1/-1;
}

.mgh-profile-note{
  margin-top:22px;
  padding:16px 18px;
  border-left:4px solid var(--rose);
  border-radius:10px;
  background:#fbf7f4;
}

.mgh-profile-note strong{
  color:var(--navy);
  font-size:14px;
}

.mgh-profile-note p{
  margin:5px 0 0;
  color:var(--muted);
}

.mgh-profile-save{
  margin-top:20px;
  min-width:170px;
}

.mgh-error-message{
  margin-bottom:16px;
  padding:12px 14px;
  border:1px solid #f0c9cc;
  border-radius:10px;
  background:#fff1f2;
  color:#9b3039;
  font-weight:700;
}

@media(max-width:700px){
  .mgh-profile-grid{
    grid-template-columns:1fr;
  }

  .mgh-profile-full{
    grid-column:auto;
  }

  .mgh-profile-save{
    width:100%;
  }
}


/* ======================================================
   NOTIFICACIONES — v0.8.0
   ====================================================== */

.mgh-topbar-notice{
  position:relative;
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  color:var(--navy)!important;
  text-decoration:none!important;
  border:0;
}

.mgh-notification-badge{
  position:absolute;
  top:2px;
  right:1px;
  min-width:19px;
  height:19px;
  padding:0 5px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:var(--rose);
  color:#fff;
  font-size:10px;
  font-weight:800;
  box-shadow:0 0 0 2px #fff;
}

.mgh-side-count{
  margin-left:auto;
  min-width:24px;
  height:24px;
  display:grid;
  place-items:center;
  padding:0 7px;
  border-radius:999px;
  background:rgba(255,255,255,.18);
  color:#fff;
  font-size:11px;
  font-weight:800;
}

.mgh-notification-list{
  display:grid;
  gap:12px;
}

.mgh-notification-item{
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  gap:16px;
  padding:18px;
  border:1px solid var(--border);
  border-radius:14px;
  background:#fff;
  transition:.18s ease;
}

.mgh-notification-item.is-unread{
  border-left:4px solid var(--rose);
  background:#fffdfc;
}

.mgh-notification-item.is-read{
  opacity:.78;
}

.mgh-notification-icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:#f4eee9;
  color:var(--navy);
}

.mgh-notification-icon .dashicons{
  width:auto;
  height:auto;
  font-size:23px;
}

.mgh-notification-type-autorizacion{
  background:#fff2df;
}

.mgh-notification-type-documento{
  background:#eef3f8;
}

.mgh-notification-type-liquidacion,
.mgh-notification-type-pago{
  background:#edf7f1;
}

.mgh-notification-title-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}

.mgh-notification-title-row h4{
  margin:3px 0 0;
  color:var(--text);
  font-size:18px;
}

.mgh-unread-dot{
  width:9px;
  height:9px;
  flex:0 0 9px;
  margin-top:7px;
  border-radius:50%;
  background:var(--rose);
}

.mgh-notification-body > p{
  margin:10px 0;
  color:var(--muted);
  line-height:1.55;
}

.mgh-notification-meta{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  color:var(--muted);
  font-size:12px;
}

.mgh-urgent-text{
  color:#a53038;
  font-weight:800;
}

.mgh-high-text{
  color:#96610b;
  font-weight:800;
}

.mgh-notification-actions{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  margin-top:14px;
}

.mgh-notification-actions form{
  margin:0;
}

.mgh-notification-open{
  min-width:auto;
  padding:9px 13px;
  text-decoration:none!important;
}

.mgh-link-button{
  padding:0;
  border:0;
  background:transparent;
  color:var(--navy);
  font-weight:800;
  font-size:13px;
  cursor:pointer;
  text-decoration:none;
}

.mgh-link-button:hover{
  color:var(--rose);
}

@media(max-width:650px){
  .mgh-notification-item{
    grid-template-columns:1fr;
  }

  .mgh-notification-icon{
    width:44px;
    height:44px;
  }

  .mgh-notification-title-row{
    align-items:flex-start;
  }
}


/* ======================================================
   AYUDA / SOPORTE — v0.9.0
   ====================================================== */

.mgh-help-intro{
  margin-bottom:22px;
}

.mgh-help-intro h4{
  margin:0 0 6px;
  color:var(--text);
  font-size:22px;
}

.mgh-help-intro p{
  margin:0;
  color:var(--muted);
  line-height:1.6;
}

.mgh-help-actions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

.mgh-help-action{
  display:flex;
  align-items:center;
  gap:14px;
  padding:18px;
  border:1px solid var(--border);
  border-radius:14px;
  background:#fff;
  color:var(--text)!important;
  text-decoration:none!important;
  transition:.18s ease;
}

.mgh-help-action:hover{
  border-color:var(--rose);
  transform:translateY(-1px);
  box-shadow:var(--shadow);
}

.mgh-help-action > .dashicons{
  width:46px;
  height:46px;
  flex:0 0 46px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:#f6eee9;
  color:var(--navy);
  font-size:22px;
}

.mgh-help-action strong{
  display:block;
  color:var(--navy);
}

.mgh-help-action small{
  display:block;
  margin-top:3px;
  color:var(--muted);
}

.mgh-help-whatsapp > .dashicons{
  background:#edf7f1;
  color:#2f7650;
}

.mgh-help-hours{
  display:flex;
  align-items:center;
  gap:14px;
  margin-top:16px;
  padding:16px 18px;
  border-radius:14px;
  background:var(--navy);
  color:#fff;
}

.mgh-help-hours .dashicons{
  width:auto;
  height:auto;
  font-size:24px;
  color:var(--rose);
}

.mgh-help-hours strong{
  display:block;
}

.mgh-help-hours p{
  margin:3px 0 0;
  color:rgba(255,255,255,.78);
}

.mgh-help-grid{
  display:grid;
  grid-template-columns:1.4fr .7fr;
  gap:24px;
  margin-top:26px;
}

.mgh-help-faq,
.mgh-help-shortcuts{
  padding:20px;
  border:1px solid var(--border);
  border-radius:16px;
  background:#fafbfc;
}

.mgh-help-faq h4,
.mgh-help-shortcuts h4{
  margin:5px 0 16px;
  color:var(--text);
  font-size:20px;
}

.mgh-help-faq details{
  border-top:1px solid var(--border);
}

.mgh-help-faq details:last-child{
  border-bottom:1px solid var(--border);
}

.mgh-help-faq summary{
  padding:14px 2px;
  color:var(--navy);
  font-weight:800;
  cursor:pointer;
}

.mgh-help-faq details p{
  margin:0;
  padding:0 2px 15px;
  color:var(--muted);
  line-height:1.6;
}

.mgh-help-shortcuts{
  display:block;
}

.mgh-help-shortcuts > a{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 10px;
  color:var(--navy)!important;
  text-decoration:none!important;
  border-bottom:1px solid var(--border);
  font-weight:700;
}

.mgh-help-shortcuts > a:last-child{
  border-bottom:0;
}

.mgh-help-shortcuts > a:hover{
  color:var(--rose)!important;
}

.mgh-help-shortcuts .dashicons{
  color:var(--rose);
}

@media(max-width:850px){
  .mgh-help-actions,
  .mgh-help-grid{
    grid-template-columns:1fr;
  }
}


/* ======================================================
   SIDEBAR — LOGO FIJO ABAJO · v0.9.1
   ====================================================== */

/* La barra lateral ocupa toda la altura visible y se comporta en columna */
.mgh-sidebar{
  min-height:100vh;
  display:flex;
  flex-direction:column;
}

/* El menú ocupa solo lo necesario */
.mgh-sidebar nav{
  flex:0 0 auto;
}

/* El bloque inferior se empuja al fondo */
.mgh-sidebar-bottom,
.mgh-sidebar-footer,
.mgh-sidebar-logo{
  margin-top:auto;
}

/* Si logout y logo comparten el bloque inferior, mantenerlos juntos */
.mgh-sidebar-bottom{
  width:100%;
}

/* Logo visualmente apoyado en la parte inferior */
.mgh-sidebar-logo{
  padding-top:18px;
  padding-bottom:22px;
  border-top:1px solid rgba(255,255,255,.16);
}

/* Evita que el logo se expanda demasiado */
.mgh-sidebar-logo img{
  display:block;
  max-width:180px;
  width:auto;
  height:auto;
  margin:0 auto;
}

@media(max-width:980px){
  .mgh-sidebar{
    min-height:auto;
  }

  .mgh-sidebar-bottom,
  .mgh-sidebar-footer,
  .mgh-sidebar-logo{
    margin-top:18px;
  }
}


/* ======================================================
   SIDEBAR — LOGO SOLO ABAJO · v0.9.2
   ====================================================== */

/* Ocultar cualquier logo/branding superior heredado */
.mgh-sidebar > .mgh-sidebar-brand,
.mgh-sidebar > .mgh-sidebar-header .mgh-logo,
.mgh-sidebar > .mgh-brand{
  display:none!important;
}

/* El logo inferior permanece visible */
.mgh-sidebar-bottom .mgh-sidebar-logo,
.mgh-sidebar-footer .mgh-sidebar-logo,
.mgh-sidebar > .mgh-sidebar-logo{
  display:block!important;
}


/* ======================================================
   SIDEBAR — ELIMINAR BRANDING SUPERIOR · v0.9.3
   ====================================================== */
.mgh-sidebar > .mgh-logo-side,
.mgh-sidebar > .mgh-subbrand{
  display:none!important;
}

/* Mantener visible y al fondo únicamente el logo inferior */
.mgh-sidebar-bottom{
  margin-top:auto!important;
}

.mgh-sidebar-logo-bottom{
  display:block!important;
  padding-top:18px;
  margin-top:18px;
  border-top:1px solid rgba(255,255,255,.16);
}

.mgh-sidebar-logo-bottom img{
  display:block!important;
  max-width:180px;
  width:auto;
  height:auto;
  margin:0 auto;
}


/* v2.0 — soporte visual del panel administrativo */
.mgh-v2-admin-card{
  box-sizing:border-box;
}


/* ======================================================
   PERFIL INQUILINO — v3.0.0
   ====================================================== */

.mgh-tenant-portal .mgh-side-title{
  letter-spacing:2.2px;
}

.mgh-tenant-summary{
  margin-top:22px;
}

.mgh-tenant-summary-grid,
.mgh-contract-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.mgh-tenant-summary-grid > div,
.mgh-contract-grid > div{
  padding:16px;
  border:1px solid var(--border);
  border-radius:12px;
  background:#fafbfc;
}

.mgh-tenant-summary-grid span,
.mgh-contract-grid span{
  display:block;
  margin-bottom:6px;
  color:var(--muted);
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.mgh-tenant-summary-grid strong,
.mgh-contract-grid strong{
  color:var(--navy);
  font-size:15px;
}

.mgh-tenant-property h4{
  margin:5px 0 4px;
  color:var(--text);
  font-size:23px;
}

.mgh-tenant-property > p{
  margin:0 0 20px;
  color:var(--muted);
}

.mgh-tenant-property .mgh-property-facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

@media(max-width:900px){
  .mgh-tenant-summary-grid,
  .mgh-contract-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:620px){
  .mgh-tenant-summary-grid,
  .mgh-contract-grid,
  .mgh-tenant-property .mgh-property-facts{
    grid-template-columns:1fr;
  }
}


/* ======================================================
   INQUILINO COMPLETO — v3.1.0
   ====================================================== */

.mgh-account-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-bottom:26px;
}
.mgh-account-summary>div{
  padding:18px;
  border:1px solid var(--border);
  border-radius:14px;
  background:#fafbfc;
}
.mgh-account-summary span{display:block;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase}
.mgh-account-summary strong{display:block;margin-top:6px;color:var(--navy);font-size:22px}
.mgh-account-summary .mgh-account-balance{background:var(--navy)}
.mgh-account-summary .mgh-account-balance span{color:rgba(255,255,255,.7)}
.mgh-account-summary .mgh-account-balance strong{color:#fff}

.mgh-subheading{margin:24px 0 12px;color:var(--navy);font-size:17px}

.mgh-account-list,.mgh-payment-list,.mgh-maintenance-list{display:grid;gap:10px}
.mgh-account-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 160px 160px;
  align-items:center;
  gap:16px;
  padding:15px;
  border:1px solid var(--border);
  border-radius:12px;
  background:#fff;
}
.mgh-account-row small,.mgh-account-row span{display:block;color:var(--muted);font-size:12px}
.mgh-account-row>div:last-child{text-align:right;font-weight:800}
.mgh-amount-charge{color:#9b3039}
.mgh-amount-payment{color:#2f6e48}

.mgh-tenant-two-cols{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);
  gap:24px;
  align-items:start;
}
.mgh-portal-form-card{
  padding:20px;
  border:1px solid var(--border);
  border-radius:16px;
  background:#fafbfc;
}
.mgh-portal-form-card h4{margin:0 0 6px;color:var(--navy);font-size:19px}
.mgh-portal-form-card form{display:grid;gap:13px;margin-top:16px}
.mgh-portal-form-card label{display:grid;gap:6px;color:var(--navy);font-size:13px;font-weight:800}
.mgh-portal-form-card input,.mgh-portal-form-card select,.mgh-portal-form-card textarea{
  width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text)
}
.mgh-portal-form-card textarea{resize:vertical}

.mgh-payment-item{
  display:flex;justify-content:space-between;align-items:center;gap:18px;
  padding:15px;border:1px solid var(--border);border-radius:12px;background:#fff
}
.mgh-payment-item strong{color:var(--navy);font-size:18px}
.mgh-payment-item small{display:block;margin-top:3px;color:var(--muted)}
.mgh-payment-item>div:last-child{display:flex;align-items:center;gap:10px}
.mgh-payment-item a{text-decoration:none;color:var(--rose);font-weight:700}

.mgh-maintenance-item{
  padding:18px;border:1px solid var(--border);border-radius:14px;background:#fff
}
.mgh-maintenance-item>p{color:var(--muted);line-height:1.55}

@media(max-width:900px){
  .mgh-tenant-two-cols{grid-template-columns:1fr}
  .mgh-account-summary{grid-template-columns:1fr}
}
@media(max-width:650px){
  .mgh-account-row{grid-template-columns:1fr}
  .mgh-account-row>div:last-child{text-align:left}
  .mgh-payment-item{align-items:flex-start;flex-direction:column}
}


/* ======================================================
   PERFIL INQUILINO — FIX VISUAL v3.1.1
   Corrige tarjetas y encabezado sin afectar Propietarios.
   ====================================================== */

.mgh-tenant-portal .mgh-shell{
  min-width:0;
  width:100%;
  overflow:hidden;
}

.mgh-tenant-portal .mgh-userbox{
  display:flex;
  align-items:center;
  gap:16px;
  min-width:0;
}

.mgh-tenant-portal .mgh-userbox > div:last-child{
  min-width:0;
}

.mgh-tenant-portal .mgh-userbox strong{
  display:block;
  margin:0;
  color:var(--text);
  font-size:20px;
  line-height:1.2;
}

.mgh-tenant-portal .mgh-userbox span{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:14px;
  line-height:1.2;
}

/* Las tarjetas del inquilino usan .mgh-stat.
   El CSS histórico del propietario usa .mgh-stat-card. */
.mgh-tenant-portal .mgh-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  width:100%;
  margin:0 0 26px;
}

.mgh-tenant-portal .mgh-stat{
  min-width:0;
  min-height:154px;
  display:flex;
  align-items:center;
  gap:15px;
  padding:20px;
  box-sizing:border-box;
  background:#fff;
  border:1px solid var(--border);
  border-radius:16px;
  box-shadow:var(--shadow);
  overflow:hidden;
}

.mgh-tenant-portal .mgh-stat > div:last-child{
  min-width:0;
  flex:1 1 auto;
}

.mgh-tenant-portal .mgh-stat > div:last-child > span{
  display:block;
  margin:0 0 5px;
  color:var(--muted);
  font-size:13px;
  font-weight:600;
  line-height:1.25;
}

.mgh-tenant-portal .mgh-stat > div:last-child > strong{
  display:block;
  margin:0 0 6px;
  color:var(--text);
  font-size:22px;
  line-height:1.18;
  overflow-wrap:anywhere;
  word-break:normal;
}

.mgh-tenant-portal .mgh-stat > div:last-child > small{
  display:block;
  color:var(--muted);
  font-size:12px;
  line-height:1.4;
  overflow-wrap:anywhere;
}

.mgh-tenant-portal .mgh-stat-primary{
  background:linear-gradient(135deg,var(--navy),#27456d);
  border-color:transparent;
}

.mgh-tenant-portal .mgh-stat-primary > div:last-child > span,
.mgh-tenant-portal .mgh-stat-primary > div:last-child > strong,
.mgh-tenant-portal .mgh-stat-primary > div:last-child > small{
  color:#fff;
}

.mgh-tenant-portal .mgh-stat-icon{
  width:56px;
  height:56px;
  flex:0 0 56px;
}

.mgh-tenant-portal .mgh-stat-icon .dashicons{
  font-size:25px;
}

.mgh-tenant-portal .mgh-main{
  min-width:0;
}

.mgh-tenant-portal .mgh-card{
  min-width:0;
  box-sizing:border-box;
}

.mgh-tenant-portal .mgh-tenant-summary-grid,
.mgh-tenant-portal .mgh-contract-grid{
  width:100%;
}

@media (max-width:1250px){
  .mgh-tenant-portal .mgh-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:900px){
  .mgh-tenant-portal{
    grid-template-columns:260px minmax(0,1fr);
  }

  .mgh-tenant-portal .mgh-main{
    padding-left:24px;
    padding-right:24px;
  }

  .mgh-tenant-portal .mgh-topbar{
    margin-left:-24px;
    margin-right:-24px;
    padding-left:24px;
    padding-right:24px;
  }
}

@media (max-width:760px){
  .mgh-tenant-portal{
    display:block;
  }

  .mgh-tenant-portal .mgh-sidebar{
    min-height:auto;
  }

  .mgh-tenant-portal .mgh-stats{
    grid-template-columns:1fr;
  }

  .mgh-tenant-portal .mgh-topbar{
    flex-wrap:wrap;
  }
}

@media (max-width:520px){
  .mgh-tenant-portal .mgh-stat{
    min-height:auto;
    padding:16px;
  }

  .mgh-tenant-portal .mgh-stat > div:last-child > strong{
    font-size:19px;
  }

  .mgh-tenant-portal .mgh-userbox strong{
    font-size:17px;
  }
}


/* ======================================================
   PERFIL INQUILINO — AJUSTE DE ESPACIADO HEADER v3.1.2
   Más aire entre sidebar y bloque de bienvenida.
   ====================================================== */

.mgh-tenant-portal .mgh-main{
  padding-left:34px;
  padding-right:30px;
}

.mgh-tenant-portal .mgh-topbar{
  padding-left:40px;
  padding-right:24px;
  min-height:128px;
  display:flex;
  align-items:center;
}

.mgh-tenant-portal .mgh-userbox{
  margin-left:4px;
}

.mgh-tenant-portal .mgh-useravatar,
.mgh-tenant-portal .mgh-avatar{
  margin-left:2px;
}

@media (max-width:900px){
  .mgh-tenant-portal .mgh-main{
    padding-left:24px;
    padding-right:24px;
  }

  .mgh-tenant-portal .mgh-topbar{
    padding-left:28px;
    padding-right:24px;
    min-height:112px;
  }
}

@media (max-width:760px){
  .mgh-tenant-portal .mgh-main{
    padding-left:18px;
    padding-right:18px;
  }

  .mgh-tenant-portal .mgh-topbar{
    padding-left:18px;
    padding-right:18px;
    min-height:auto;
  }
}


/* ======================================================
   PERFIL INQUILINO — SISTEMA VISUAL DASHBOARD v3.1.5
   Base limpia desde v3.1.2. Sin parches v3.1.3/v3.1.4.
   ====================================================== */

.mgh-tenant-portal .mgh-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  width:100%;
  margin:0 0 26px;
}

/* Misma geometría para las cuatro tarjetas */
.mgh-tenant-portal .mgh-stats .mgh-stat{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
  min-height:132px;
  padding:18px;
  box-sizing:border-box;
  border:1px solid #e3e7ed;
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 24px rgba(31,48,73,.06);
  overflow:hidden;
}

/* Primera tarjeta: misma escala, solo cambia la identidad cromática */
.mgh-tenant-portal .mgh-stats .mgh-stat-primary{
  background:#1f3049;
  border-color:#1f3049;
}

/* Iconos discretos y uniformes */
.mgh-tenant-portal .mgh-stats .mgh-stat-icon{
  width:54px;
  height:54px;
  flex:0 0 54px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#bb9684;
  color:#fff;
}

.mgh-tenant-portal .mgh-stats .mgh-stat-icon .dashicons{
  width:auto;
  height:auto;
  font-size:24px;
  line-height:1;
}

/* Columna de texto */
.mgh-tenant-portal .mgh-stats .mgh-stat > div:last-child{
  flex:1 1 auto;
  min-width:0;
  max-width:100%;
}

/* Etiqueta superior */
.mgh-tenant-portal .mgh-stats .mgh-stat > div:last-child > span{
  display:block;
  margin:0 0 5px;
  color:#6d7785;
  font-size:13px;
  line-height:1.25;
  font-weight:700;
}

/* Valor principal: coherente con el resto del portal */
.mgh-tenant-portal .mgh-stats .mgh-stat > div:last-child > strong{
  display:block;
  max-width:100%;
  margin:0 0 5px;
  color:#1f3049;
  font-size:20px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:-.01em;
  white-space:normal;
  word-break:normal;
  overflow-wrap:break-word;
  hyphens:none;
}

/* Texto auxiliar */
.mgh-tenant-portal .mgh-stats .mgh-stat > div:last-child > small{
  display:block;
  margin:0;
  color:#737d8a;
  font-size:12px;
  line-height:1.4;
  font-weight:400;
  white-space:normal;
  word-break:normal;
  overflow-wrap:break-word;
}

/* Contraste de la tarjeta navy */
.mgh-tenant-portal .mgh-stats .mgh-stat-primary > div:last-child > span{
  color:rgba(255,255,255,.78);
}
.mgh-tenant-portal .mgh-stats .mgh-stat-primary > div:last-child > strong{
  color:#fff;
}
.mgh-tenant-portal .mgh-stats .mgh-stat-primary > div:last-child > small{
  color:rgba(255,255,255,.82);
}

/* Para nombres de inmueble largos, mantener legibilidad sin agrandar la tarjeta */
.mgh-tenant-portal .mgh-stats .mgh-stat-primary > div:last-child > strong{
  font-size:19px;
}

/* Tablet */
@media (max-width:1180px){
  .mgh-tenant-portal .mgh-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* Móvil */
@media (max-width:680px){
  .mgh-tenant-portal .mgh-stats{
    grid-template-columns:1fr;
  }

  .mgh-tenant-portal .mgh-stats .mgh-stat{
    min-height:116px;
    padding:16px;
  }

  .mgh-tenant-portal .mgh-stats .mgh-stat-icon{
    width:48px;
    height:48px;
    flex-basis:48px;
  }

  .mgh-tenant-portal .mgh-stats .mgh-stat-icon .dashicons{
    font-size:22px;
  }

  .mgh-tenant-portal .mgh-stats .mgh-stat > div:last-child > strong{
    font-size:18px;
  }
}


/* ======================================================
   FASE 4 — PORTAL SUPER ADMINISTRADOR v4.0
   ====================================================== */

.mgh-superadmin-portal{
  --sa-navy:#1f3049;
  --sa-taupe:#bb9684;
  --sa-bg:#f5f7fa;
  --sa-border:#e3e7ed;
}

.mgh-superadmin-portal .mgh-sa-sidebar{
  width:285px;
}

.mgh-superadmin-portal .mgh-side-title{
  letter-spacing:1.7px;
}

.mgh-superadmin-portal .mgh-sa-shell{
  min-width:0;
}

.mgh-superadmin-portal .mgh-sa-main{
  padding:32px 34px 48px;
  background:var(--sa-bg);
}

.mgh-superadmin-portal .mgh-sa-topbar{
  min-height:105px;
  padding:0 34px;
}

.mgh-sa-top-actions{
  display:flex;
  align-items:center;
  gap:22px;
}

.mgh-sa-live{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  font-weight:800;
  color:#2f6e48;
}

.mgh-sa-live i{
  display:block;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#4a9a68;
  box-shadow:0 0 0 4px rgba(74,154,104,.13);
}

.mgh-sa-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-bottom:16px;
}

.mgh-sa-kpis>a{
  display:block;
  padding:20px;
  border:1px solid var(--sa-border);
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 24px rgba(31,48,73,.05);
  text-decoration:none !important;
  transition:transform .15s ease,box-shadow .15s ease;
}

.mgh-sa-kpis>a:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 30px rgba(31,48,73,.09);
}

.mgh-sa-kpis span,
.mgh-sa-finance-strip span,
.mgh-sa-report-grid>section>span{
  display:block;
  color:#707b89;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.mgh-sa-kpis strong{
  display:block;
  margin:7px 0 5px;
  color:var(--sa-navy);
  font-size:27px;
  line-height:1.1;
}

.mgh-sa-kpis small{
  display:block;
  color:#7c8793;
  font-size:12px;
  line-height:1.4;
}

.mgh-sa-kpis-secondary>a:first-child{
  background:var(--sa-navy);
  border-color:var(--sa-navy);
}

.mgh-sa-kpis-secondary>a:first-child span,
.mgh-sa-kpis-secondary>a:first-child strong,
.mgh-sa-kpis-secondary>a:first-child small{
  color:#fff;
}

.mgh-sa-dashboard-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-top:20px;
}

.mgh-sa-mini-list{
  display:grid;
}

.mgh-sa-mini-list>div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:13px 0;
  border-bottom:1px solid var(--sa-border);
}

.mgh-sa-mini-list>div:last-child{border-bottom:0}
.mgh-sa-mini-list>div>div{min-width:0;flex:1}
.mgh-sa-mini-list strong{color:var(--sa-navy)}
.mgh-sa-mini-list small{display:block;margin-top:3px;color:#7c8793;font-size:12px}

.mgh-sa-quick{margin-top:18px}
.mgh-sa-quick-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.mgh-sa-quick-grid>a{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
  padding:18px;
  border:1px solid var(--sa-border);
  border-radius:14px;
  background:#fafbfc;
  text-decoration:none !important;
}
.mgh-sa-quick-grid .dashicons{color:var(--sa-taupe);font-size:25px;width:25px;height:25px}
.mgh-sa-quick-grid strong{color:var(--sa-navy)}
.mgh-sa-quick-grid small{color:#7c8793}

.mgh-sa-table-wrap{width:100%;overflow:auto}
.mgh-sa-table{
  width:100%;
  min-width:900px;
  border-collapse:collapse;
}
.mgh-sa-table th{
  padding:11px 13px;
  background:#f6f8fa;
  border-bottom:1px solid var(--sa-border);
  color:#687382;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.04em;
  text-align:left;
}
.mgh-sa-table td{
  padding:14px 13px;
  border-bottom:1px solid var(--sa-border);
  color:#4c5663;
  font-size:13px;
  vertical-align:middle;
}
.mgh-sa-table tbody tr:hover{background:#fafbfc}
.mgh-sa-table td strong{color:var(--sa-navy)}

.mgh-sa-empty{
  padding:36px 20px;
  color:#7b8693;
  text-align:center;
}

.mgh-sa-action-grid,
.mgh-sa-upload-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  margin-bottom:18px;
}

.mgh-sa-inline-form{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.mgh-sa-inline-form input,
.mgh-sa-maintenance-form input,
.mgh-sa-maintenance-form select{
  min-height:42px;
  box-sizing:border-box;
  padding:9px 11px;
  border:1px solid var(--sa-border);
  border-radius:10px;
  background:#fff;
}

.mgh-sa-finance-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-bottom:18px;
}
.mgh-sa-finance-strip>div{
  padding:17px;
  border:1px solid var(--sa-border);
  border-radius:14px;
  background:#fff;
}
.mgh-sa-finance-strip strong{
  display:block;
  margin-top:7px;
  color:var(--sa-navy);
  font-size:20px;
}

.mgh-sa-generate-charge{margin-bottom:18px}

.mgh-sa-row-actions{display:flex;gap:6px}
.mgh-sa-icon-btn{
  width:32px;height:32px;border:0;border-radius:8px;cursor:pointer;font-weight:900;font-size:18px
}
.mgh-sa-icon-btn.is-ok{background:#e9f5ed;color:#2f6e48}
.mgh-sa-icon-btn.is-no{background:#faecee;color:#a34049}

.mgh-sa-maintenance-list{display:grid;gap:14px}
.mgh-sa-maintenance-list article{
  padding:18px;
  border:1px solid var(--sa-border);
  border-radius:14px;
}
.mgh-sa-maintenance-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
}
.mgh-sa-maintenance-head h3{margin:5px 0;color:var(--sa-navy)}
.mgh-sa-maintenance-head p{margin:0;color:#7b8693;font-size:13px}
.mgh-sa-maintenance-list article>p{color:#5e6975;line-height:1.55}
.mgh-sa-maintenance-form{
  display:grid;
  grid-template-columns:190px minmax(240px,1fr) auto;
  gap:9px;
}

.mgh-sa-upload-grid .mgh-card{
  position:relative;
}
.mgh-sa-upload-icon{
  width:54px;height:54px;display:flex;align-items:center;justify-content:center;
  margin-bottom:15px;border-radius:14px;background:var(--sa-navy);color:#fff
}
.mgh-sa-upload-icon .dashicons{font-size:26px;width:26px;height:26px}
.mgh-sa-upload-grid form{display:grid;gap:12px;margin-top:18px}
.mgh-sa-upload-grid input[type=file]{
  padding:12px;border:1px dashed #cbd2da;border-radius:12px;background:#fafbfc
}
.mgh-sa-template-link{color:var(--sa-taupe);font-weight:800;text-decoration:none}

.mgh-sa-info-box{
  display:flex;
  gap:14px;
  padding:18px;
  margin-top:18px;
  border:1px solid #dce3eb;
  border-radius:14px;
  background:#eef3f8;
}
.mgh-sa-info-box .dashicons{color:var(--sa-navy)}
.mgh-sa-info-box strong{color:var(--sa-navy)}
.mgh-sa-info-box p{margin:4px 0 0;color:#627080}

.mgh-sa-report-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.mgh-sa-report-grid>section>strong{
  display:block;
  margin:8px 0;
  color:var(--sa-navy);
  font-size:26px;
}
.mgh-sa-report-grid>section>p{margin:0;color:#788491}

.mgh-sa-integration-card{
  display:flex;
  gap:22px;
  align-items:flex-start;
}
.mgh-sa-integration-icon{
  width:70px;height:70px;flex:0 0 70px;display:flex;align-items:center;justify-content:center;
  border-radius:18px;background:var(--sa-navy);color:#fff
}
.mgh-sa-integration-icon .dashicons{font-size:31px;width:31px;height:31px}
.mgh-sa-integration-card h3{margin:12px 0 6px;color:var(--sa-navy);font-size:22px}
.mgh-sa-integration-card p{max-width:760px;color:#63707c;line-height:1.6}
.mgh-sa-integration-tags{display:flex;flex-wrap:wrap;gap:8px}
.mgh-sa-integration-tags span{padding:7px 10px;border-radius:999px;background:#f2ece9;color:#765d52;font-size:12px;font-weight:800}

.mgh-btn-secondary{
  background:var(--sa-taupe) !important;
  color:#fff !important;
  border-color:var(--sa-taupe) !important;
}

@media(max-width:1200px){
  .mgh-sa-kpis,.mgh-sa-finance-strip,.mgh-sa-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mgh-sa-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .mgh-superadmin-portal .mgh-sa-main{padding:24px}
  .mgh-sa-dashboard-grid,.mgh-sa-action-grid,.mgh-sa-upload-grid{grid-template-columns:1fr}
  .mgh-sa-maintenance-form{grid-template-columns:1fr}
}
@media(max-width:680px){
  .mgh-sa-kpis,.mgh-sa-finance-strip,.mgh-sa-report-grid,.mgh-sa-quick-grid{grid-template-columns:1fr}
  .mgh-sa-top-actions .mgh-sa-live{display:none}
}


/* ======================================================
   SUPER ADMINISTRADOR — HOTFIX HEADER v4.0.1
   Solo corrige la jerarquía visual del bloque de bienvenida.
   ====================================================== */

.mgh-superadmin-portal .mgh-sa-userbox{
  display:flex;
  align-items:center;
  gap:18px;
  min-width:0;
}

.mgh-superadmin-portal .mgh-sa-usercopy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  line-height:1.2;
}

.mgh-superadmin-portal .mgh-sa-usercopy > strong{
  display:block;
  margin:0 0 5px;
  color:#1f3049;
  font-size:21px;
  line-height:1.2;
  font-weight:800;
}

.mgh-superadmin-portal .mgh-sa-usercopy > .mgh-sa-role{
  display:block;
  margin:0;
  color:#4f5a67;
  font-size:14px;
  line-height:1.25;
  font-weight:700;
}

.mgh-superadmin-portal .mgh-sa-usercopy > small{
  display:block;
  margin-top:3px;
  color:#89919c;
  font-size:12px;
  line-height:1.25;
  font-weight:500;
}

.mgh-superadmin-portal .mgh-sa-topbar .mgh-avatar{
  flex:0 0 auto;
}

@media(max-width:680px){
  .mgh-superadmin-portal .mgh-sa-userbox{
    gap:13px;
  }

  .mgh-superadmin-portal .mgh-sa-usercopy > strong{
    font-size:18px;
  }

  .mgh-superadmin-portal .mgh-sa-usercopy > .mgh-sa-role{
    font-size:13px;
  }
}


/* ======================================================
   SUPER ADMINISTRADOR — HOTFIX DIVISOR v4.0.2
   Corrige la línea entre sidebar y zona de contenido.
   ====================================================== */

.mgh-superadmin-portal .mgh-shell,
.mgh-superadmin-portal .mgh-layout{
  align-items:stretch;
}

.mgh-superadmin-portal .mgh-sidebar,
.mgh-superadmin-portal .mgh-sa-sidebar{
  position:relative;
  border-right:1px solid rgba(255,255,255,.08);
  box-sizing:border-box;
}

.mgh-superadmin-portal .mgh-main,
.mgh-superadmin-portal .mgh-sa-main,
.mgh-superadmin-portal .mgh-content{
  position:relative;
  box-sizing:border-box;
}

.mgh-superadmin-portal .mgh-sa-topbar{
  margin:0;
  border-bottom:1px solid #e4e7ec;
  box-sizing:border-box;
}

.mgh-superadmin-portal .mgh-sa-content{
  padding-top:28px;
}

.mgh-superadmin-portal .mgh-sa-sidebar::after{
  content:"";
  position:absolute;
  right:-1px;
  top:0;
  bottom:0;
  width:1px;
  background:rgba(255,255,255,.10);
  pointer-events:none;
}

/* La línea horizontal inferior del bloque superior del sidebar
   queda alineada con el contenido y sin “salirse” visualmente */
.mgh-superadmin-portal .mgh-sa-brand,
.mgh-superadmin-portal .mgh-sa-sidebar-head,
.mgh-superadmin-portal .mgh-sa-sidebar-top{
  position:relative;
  padding-bottom:22px;
  margin-bottom:18px;
}

.mgh-superadmin-portal .mgh-sa-brand::after,
.mgh-superadmin-portal .mgh-sa-sidebar-head::after,
.mgh-superadmin-portal .mgh-sa-sidebar-top::after{
  content:"";
  position:absolute;
  left:28px;
  right:28px;
  bottom:0;
  height:1px;
  background:rgba(255,255,255,.14);
}

/* Evita doble línea si el tema o una regla previa ya pintaba bordes */
.mgh-superadmin-portal .mgh-sa-brand,
.mgh-superadmin-portal .mgh-sa-sidebar-head,
.mgh-superadmin-portal .mgh-sa-sidebar-top,
.mgh-superadmin-portal .mgh-sa-topbar{
  border-top:none !important;
}

/* En móvil quitamos esa línea lateral porque el layout cambia */
@media(max-width:980px){
  .mgh-superadmin-portal .mgh-sa-sidebar,
  .mgh-superadmin-portal .mgh-sidebar{
    border-right:none;
  }

  .mgh-superadmin-portal .mgh-sa-sidebar::after{
    display:none;
  }
}


/* ======================================================
   FASE 4.1 — FORMULARIOS CRUD SUPER ADMIN
   ====================================================== */

.mgh-sa-heading-row{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
}

.mgh-sa-form-card{
  margin-bottom:18px;
}

.mgh-sa-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:15px 18px;
}

.mgh-sa-form-grid label{
  display:grid;
  gap:7px;
  color:#1f3049;
  font-size:12px;
  font-weight:800;
}

.mgh-sa-form-grid input,
.mgh-sa-form-grid select,
.mgh-sa-form-grid textarea{
  width:100%;
  min-height:43px;
  box-sizing:border-box;
  padding:10px 12px;
  border:1px solid #dde2e8;
  border-radius:10px;
  background:#fff;
  color:#3e4854;
  font:inherit;
  font-weight:500;
}

.mgh-sa-form-grid textarea{
  min-height:110px;
  resize:vertical;
}

.mgh-sa-form-grid input:focus,
.mgh-sa-form-grid select:focus,
.mgh-sa-form-grid textarea:focus{
  outline:none;
  border-color:#bb9684;
  box-shadow:0 0 0 3px rgba(187,150,132,.14);
}

.mgh-sa-form-full{
  grid-column:1 / -1;
}

.mgh-sa-edit-link{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:8px;
  background:#f1ece9;
  color:#7b5e52 !important;
  font-size:12px;
  font-weight:800;
  text-decoration:none !important;
}

.mgh-sa-edit-link:hover{
  background:#bb9684;
  color:#fff !important;
}

@media(max-width:760px){
  .mgh-sa-heading-row{
    align-items:flex-start;
    flex-direction:column;
  }

  .mgh-sa-form-grid{
    grid-template-columns:1fr;
  }

  .mgh-sa-form-full{
    grid-column:auto;
  }
}


/* ======================================================
   v4.1.1 — REFINAMIENTO VISUAL FORMULARIOS SUPER ADMIN
   ====================================================== */

.mgh-superadmin .mgh-btn.mgh-btn-light,
.mgh-btn.mgh-btn-light{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  padding:0 16px !important;
  border-radius:12px !important;
  border:1px solid #d8dde3 !important;
  background:#ffffff !important;
  color:#1f3049 !important;
  font-weight:800 !important;
  text-decoration:none !important;
  box-shadow:none !important;
}

.mgh-superadmin .mgh-btn.mgh-btn-light:hover,
.mgh-btn.mgh-btn-light:hover{
  border-color:#bb9684 !important;
  color:#7b5e52 !important;
  background:#fbf8f6 !important;
}

.mgh-superadmin .mgh-sa-form-card,
.mgh-sa-form-card{
  padding:28px 30px !important;
  border-radius:24px !important;
  border:1px solid #d9dde3 !important;
  background:#ffffff !important;
  box-shadow:0 8px 22px rgba(31,48,73,.04) !important;
}

.mgh-superadmin .mgh-sa-form-card .mgh-section-head,
.mgh-sa-form-card .mgh-section-head{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:18px !important;
  margin:0 0 24px 0 !important;
  padding:0 !important;
  border:none !important;
}

.mgh-superadmin .mgh-sa-form-card .mgh-section-head h3,
.mgh-sa-form-card .mgh-section-head h3{
  margin:6px 0 0 0 !important;
  font-size:24px !important;
  line-height:1.2 !important;
  color:#1f3049 !important;
}

.mgh-superadmin .mgh-sa-form-grid,
.mgh-sa-form-grid{
  display:grid !important;
  grid-template-columns:repeat(12, minmax(0, 1fr)) !important;
  gap:18px 18px !important;
  align-items:start !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
}

.mgh-superadmin .mgh-sa-form-grid > label,
.mgh-sa-form-grid > label{
  grid-column:span 3 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  gap:8px !important;
  margin:0 !important;
  padding:0 !important;
  min-width:0 !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1.35 !important;
  color:#1f3049 !important;
  text-decoration:none !important;
}

.mgh-superadmin .mgh-sa-form-grid > label.mgh-sa-form-full,
.mgh-sa-form-grid > label.mgh-sa-form-full{
  grid-column:1 / -1 !important;
}

.mgh-superadmin .mgh-sa-form-grid > .mgh-sa-form-full,
.mgh-sa-form-grid > .mgh-sa-form-full{
  grid-column:1 / -1 !important;
}

.mgh-superadmin .mgh-sa-form-grid input,
.mgh-superadmin .mgh-sa-form-grid select,
.mgh-superadmin .mgh-sa-form-grid textarea,
.mgh-sa-form-grid input,
.mgh-sa-form-grid select,
.mgh-sa-form-grid textarea{
  width:100% !important;
  min-width:0 !important;
  display:block !important;
  box-sizing:border-box !important;
  min-height:48px !important;
  padding:12px 14px !important;
  margin:0 !important;
  border:1px solid #d7dde5 !important;
  border-radius:14px !important;
  background:#fbfcfd !important;
  color:#3f4b59 !important;
  font-size:15px !important;
  font-weight:600 !important;
  line-height:1.3 !important;
  box-shadow:none !important;
  appearance:auto;
}

.mgh-superadmin .mgh-sa-form-grid textarea,
.mgh-sa-form-grid textarea{
  min-height:120px !important;
  resize:vertical !important;
}

.mgh-superadmin .mgh-sa-form-grid input::placeholder,
.mgh-superadmin .mgh-sa-form-grid textarea::placeholder,
.mgh-sa-form-grid input::placeholder,
.mgh-sa-form-grid textarea::placeholder{
  color:#9aa4b2 !important;
  opacity:1 !important;
}

.mgh-superadmin .mgh-sa-form-grid input:focus,
.mgh-superadmin .mgh-sa-form-grid select:focus,
.mgh-superadmin .mgh-sa-form-grid textarea:focus,
.mgh-sa-form-grid input:focus,
.mgh-sa-form-grid select:focus,
.mgh-sa-form-grid textarea:focus{
  outline:none !important;
  border-color:#bb9684 !important;
  background:#ffffff !important;
  box-shadow:0 0 0 4px rgba(187,150,132,.13) !important;
}

.mgh-superadmin .mgh-sa-form-grid button,
.mgh-sa-form-grid button{
  min-height:48px !important;
  padding:0 22px !important;
  border-radius:14px !important;
}

.mgh-superadmin .mgh-dashboard-heading.mgh-sa-heading-row,
.mgh-dashboard-heading.mgh-sa-heading-row{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:18px !important;
  margin-bottom:18px !important;
}

.mgh-superadmin .mgh-dashboard-heading.mgh-sa-heading-row h2,
.mgh-dashboard-heading.mgh-sa-heading-row h2{
  margin:6px 0 0 0 !important;
}

.mgh-superadmin .mgh-dashboard-heading.mgh-sa-heading-row .mgh-muted,
.mgh-dashboard-heading.mgh-sa-heading-row .mgh-muted{
  margin-top:6px !important;
}

@media (max-width: 1280px){
  .mgh-superadmin .mgh-sa-form-grid > label,
  .mgh-sa-form-grid > label{
    grid-column:span 4 !important;
  }
}

@media (max-width: 980px){
  .mgh-superadmin .mgh-sa-form-card,
  .mgh-sa-form-card{
    padding:24px !important;
  }

  .mgh-superadmin .mgh-sa-form-grid > label,
  .mgh-sa-form-grid > label{
    grid-column:span 6 !important;
  }

  .mgh-superadmin .mgh-dashboard-heading.mgh-sa-heading-row,
  .mgh-dashboard-heading.mgh-sa-heading-row,
  .mgh-superadmin .mgh-sa-form-card .mgh-section-head,
  .mgh-sa-form-card .mgh-section-head{
    align-items:flex-start !important;
    flex-direction:column !important;
  }
}

@media (max-width: 640px){
  .mgh-superadmin .mgh-sa-form-card,
  .mgh-sa-form-card{
    padding:18px !important;
    border-radius:18px !important;
  }

  .mgh-superadmin .mgh-sa-form-grid,
  .mgh-sa-form-grid{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  .mgh-superadmin .mgh-sa-form-grid > label,
  .mgh-sa-form-grid > label,
  .mgh-superadmin .mgh-sa-form-grid > label.mgh-sa-form-full,
  .mgh-sa-form-grid > label.mgh-sa-form-full,
  .mgh-superadmin .mgh-sa-form-grid > .mgh-sa-form-full,
  .mgh-sa-form-grid > .mgh-sa-form-full{
    grid-column:auto !important;
  }

  .mgh-superadmin .mgh-sa-form-card .mgh-section-head h3,
  .mgh-sa-form-card .mgh-section-head h3{
    font-size:22px !important;
  }
}


/* ======================================================
   v4.1.2 — FORMULARIOS SUPER ADMIN MÁS ESPACIOSOS
   ====================================================== */

.mgh-superadmin .mgh-sa-form-card,
.mgh-sa-form-card{
  max-width: 1320px !important;
}

.mgh-superadmin .mgh-sa-form-grid.mgh-sa-form-grid-spacious,
.mgh-sa-form-grid.mgh-sa-form-grid-spacious{
  display:grid !important;
  grid-template-columns: repeat(2, minmax(280px, 1fr)) !important;
  gap: 22px 34px !important;
  align-items:start !important;
  width:100% !important;
  max-width:1180px !important;
}

.mgh-superadmin .mgh-sa-form-grid.mgh-sa-form-grid-spacious > label,
.mgh-sa-form-grid.mgh-sa-form-grid-spacious > label{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  min-width:0 !important;
  font-size:14px !important;
  font-weight:800 !important;
  color:#1f3049 !important;
  line-height:1.35 !important;
  text-decoration:none !important;
}

.mgh-superadmin .mgh-sa-form-grid.mgh-sa-form-grid-spacious > label > input,
.mgh-superadmin .mgh-sa-form-grid.mgh-sa-form-grid-spacious > label > select,
.mgh-superadmin .mgh-sa-form-grid.mgh-sa-form-grid-spacious > label > textarea,
.mgh-sa-form-grid.mgh-sa-form-grid-spacious > label > input,
.mgh-sa-form-grid.mgh-sa-form-grid-spacious > label > select,
.mgh-sa-form-grid.mgh-sa-form-grid-spacious > label > textarea{
  display:block !important;
  width:100% !important;
  margin-top:8px !important;
  min-height:50px !important;
  padding:12px 14px !important;
  border:1px solid #d7dde5 !important;
  border-radius:14px !important;
  background:#fbfcfd !important;
  color:#415064 !important;
  font-size:15px !important;
  font-weight:600 !important;
  line-height:1.35 !important;
  box-sizing:border-box !important;
}

.mgh-superadmin .mgh-sa-form-grid.mgh-sa-form-grid-spacious > label > textarea,
.mgh-sa-form-grid.mgh-sa-form-grid-spacious > label > textarea{
  min-height:120px !important;
  resize:vertical !important;
}

.mgh-superadmin .mgh-sa-form-grid.mgh-sa-form-grid-spacious > label > input:focus,
.mgh-superadmin .mgh-sa-form-grid.mgh-sa-form-grid-spacious > label > select:focus,
.mgh-superadmin .mgh-sa-form-grid.mgh-sa-form-grid-spacious > label > textarea:focus,
.mgh-sa-form-grid.mgh-sa-form-grid-spacious > label > input:focus,
.mgh-sa-form-grid.mgh-sa-form-grid-spacious > label > select:focus,
.mgh-sa-form-grid.mgh-sa-form-grid-spacious > label > textarea:focus{
  outline:none !important;
  border-color:#bb9684 !important;
  background:#ffffff !important;
  box-shadow:0 0 0 4px rgba(187,150,132,.13) !important;
}

.mgh-superadmin .mgh-sa-form-grid.mgh-sa-form-grid-spacious > label.mgh-sa-form-full,
.mgh-superadmin .mgh-sa-form-grid.mgh-sa-form-grid-spacious > .mgh-sa-form-full,
.mgh-sa-form-grid.mgh-sa-form-grid-spacious > label.mgh-sa-form-full,
.mgh-sa-form-grid.mgh-sa-form-grid-spacious > .mgh-sa-form-full{
  grid-column:1 / -1 !important;
  max-width:1180px !important;
}

.mgh-superadmin .mgh-sa-form-grid.mgh-sa-form-grid-spacious .mgh-sa-form-actions,
.mgh-sa-form-grid.mgh-sa-form-grid-spacious .mgh-sa-form-actions{
  margin-top:4px !important;
}

.mgh-superadmin .mgh-sa-form-grid.mgh-sa-form-grid-spacious .mgh-sa-form-actions .mgh-btn,
.mgh-sa-form-grid.mgh-sa-form-grid-spacious .mgh-sa-form-actions .mgh-btn{
  min-width:240px !important;
  min-height:50px !important;
  justify-content:center !important;
}

.mgh-superadmin .mgh-sa-form-card .mgh-section-head,
.mgh-sa-form-card .mgh-section-head{
  margin-bottom:26px !important;
}

.mgh-superadmin .mgh-sa-form-card .mgh-kicker,
.mgh-sa-form-card .mgh-kicker{
  margin-bottom:10px !important;
}

.mgh-superadmin .mgh-sa-form-card .mgh-section-head h3,
.mgh-sa-form-card .mgh-section-head h3{
  font-size:28px !important;
  font-weight:800 !important;
  letter-spacing:-0.02em !important;
}

@media (min-width: 1400px){
  .mgh-superadmin .mgh-sa-form-grid.mgh-sa-form-grid-spacious,
  .mgh-sa-form-grid.mgh-sa-form-grid-spacious{
    grid-template-columns: repeat(3, minmax(240px, 1fr)) !important;
  }
}

@media (max-width: 1024px){
  .mgh-superadmin .mgh-sa-form-grid.mgh-sa-form-grid-spacious,
  .mgh-sa-form-grid.mgh-sa-form-grid-spacious{
    grid-template-columns: repeat(2, minmax(240px, 1fr)) !important;
    gap:18px 22px !important;
  }
}

@media (max-width: 720px){
  .mgh-superadmin .mgh-sa-form-grid.mgh-sa-form-grid-spacious,
  .mgh-sa-form-grid.mgh-sa-form-grid-spacious{
    grid-template-columns: 1fr !important;
    max-width:none !important;
    gap:16px !important;
  }

  .mgh-superadmin .mgh-sa-form-card .mgh-section-head,
  .mgh-sa-form-card .mgh-section-head{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:14px !important;
  }

  .mgh-superadmin .mgh-sa-form-card .mgh-section-head h3,
  .mgh-sa-form-card .mgh-section-head h3{
    font-size:24px !important;
  }
}


/* ======================================================
   v4.1.3 — SISTEMA DEFINITIVO DE FORMULARIOS SUPER ADMIN
   Estructura: etiqueta arriba + campo abajo.
   Máximo 2 columnas para evitar sensación de apiñamiento.
   ====================================================== */

.mgh-sa-form-card{
  padding:32px 34px !important;
  border-radius:22px !important;
  background:#fff !important;
}

.mgh-sa-form-card .mgh-section-head{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:22px !important;
  margin:0 0 30px !important;
}

.mgh-sa-form-card .mgh-section-head h3{
  margin:6px 0 0 !important;
  color:#1f3049 !important;
  font-size:27px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  letter-spacing:-.02em !important;
}

.mgh-sa-form-grid,
.mgh-sa-form-grid.mgh-sa-form-grid-spacious{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  column-gap:34px !important;
  row-gap:24px !important;
  width:100% !important;
  max-width:1080px !important;
  align-items:start !important;
  margin:0 !important;
  padding:0 !important;
}

/* Field container */
.mgh-sa-form-grid > label,
.mgh-sa-form-grid.mgh-sa-form-grid-spacious > label{
  grid-column:auto !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  gap:9px !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  color:#1f3049 !important;
  font-size:13px !important;
  line-height:1.35 !important;
  font-weight:700 !important;
  text-align:left !important;
  white-space:normal !important;
}

/* Dedicated label text */
.mgh-sa-field-label{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  color:#1f3049 !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1.35 !important;
  letter-spacing:.01em !important;
  text-align:left !important;
}

/* Inputs */
.mgh-sa-form-grid > label > input,
.mgh-sa-form-grid > label > select,
.mgh-sa-form-grid > label > textarea,
.mgh-sa-form-grid.mgh-sa-form-grid-spacious > label > input,
.mgh-sa-form-grid.mgh-sa-form-grid-spacious > label > select,
.mgh-sa-form-grid.mgh-sa-form-grid-spacious > label > textarea{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  box-sizing:border-box !important;
  margin:0 !important;
  min-height:50px !important;
  padding:12px 14px !important;
  border:1px solid #d8dee6 !important;
  border-radius:12px !important;
  background:#fbfcfd !important;
  color:#3f4c5b !important;
  font-size:15px !important;
  line-height:1.3 !important;
  font-weight:500 !important;
  box-shadow:none !important;
  position:static !important;
  float:none !important;
}

.mgh-sa-form-grid > label > textarea{
  min-height:120px !important;
  resize:vertical !important;
}

.mgh-sa-form-grid > label > input:focus,
.mgh-sa-form-grid > label > select:focus,
.mgh-sa-form-grid > label > textarea:focus{
  outline:none !important;
  border-color:#bb9684 !important;
  background:#fff !important;
  box-shadow:0 0 0 4px rgba(187,150,132,.12) !important;
}

/* Full-width fields/actions */
.mgh-sa-form-grid > .mgh-sa-form-full,
.mgh-sa-form-grid > label.mgh-sa-form-full,
.mgh-sa-form-grid > .mgh-sa-form-actions,
.mgh-sa-form-grid > label.mgh-sa-form-actions{
  grid-column:1 / -1 !important;
}

.mgh-sa-form-actions{
  padding-top:4px !important;
}

.mgh-sa-form-actions .mgh-btn,
.mgh-sa-form-grid .mgh-btn{
  min-height:48px !important;
  padding:0 22px !important;
  border-radius:12px !important;
}

/* Make the close action feel secondary */
.mgh-sa-form-card .mgh-btn-light{
  flex:0 0 auto !important;
  min-height:40px !important;
  padding:0 15px !important;
  border-radius:10px !important;
  border:1px solid #dce1e7 !important;
  background:#fff !important;
  color:#1f3049 !important;
  text-decoration:none !important;
}

/* Tablet and mobile */
@media (max-width:900px){
  .mgh-sa-form-card{
    padding:26px !important;
  }

  .mgh-sa-form-grid,
  .mgh-sa-form-grid.mgh-sa-form-grid-spacious{
    grid-template-columns:1fr !important;
    gap:20px !important;
    max-width:none !important;
  }

  .mgh-sa-form-grid > .mgh-sa-form-full,
  .mgh-sa-form-grid > label.mgh-sa-form-full,
  .mgh-sa-form-grid > .mgh-sa-form-actions,
  .mgh-sa-form-grid > label.mgh-sa-form-actions{
    grid-column:1 !important;
  }
}

@media (max-width:600px){
  .mgh-sa-form-card{
    padding:20px !important;
    border-radius:18px !important;
  }

  .mgh-sa-form-card .mgh-section-head{
    flex-direction:column !important;
    gap:14px !important;
    margin-bottom:24px !important;
  }

  .mgh-sa-form-card .mgh-section-head h3{
    font-size:23px !important;
  }
}


/* ======================================================
   v4.2 — REPORTES, FILTROS Y EXPORTACIONES
   ====================================================== */

.mgh-sa-report-filter-card{
  margin-bottom:18px;
}

.mgh-sa-report-filters{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  align-items:end;
}

.mgh-sa-report-filters label{
  display:flex;
  flex-direction:column;
  gap:7px;
  min-width:0;
  color:#1f3049;
  font-size:12px;
  font-weight:800;
}

.mgh-sa-report-filters label>span{
  display:block;
}

.mgh-sa-report-filters input,
.mgh-sa-report-filters select{
  width:100%;
  min-height:44px;
  box-sizing:border-box;
  padding:10px 11px;
  border:1px solid #dbe0e6;
  border-radius:10px;
  background:#fbfcfd;
  color:#465260;
  font-size:13px;
}

.mgh-sa-report-filters input:focus,
.mgh-sa-report-filters select:focus{
  outline:none;
  border-color:#bb9684;
  box-shadow:0 0 0 3px rgba(187,150,132,.12);
}

.mgh-sa-report-filter-actions{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:44px;
}

.mgh-sa-report-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-bottom:18px;
}

.mgh-sa-report-summary>div{
  padding:17px 18px;
  border:1px solid #e0e5eb;
  border-radius:14px;
  background:#fff;
}

.mgh-sa-report-summary>div>span{
  display:block;
  color:#737f8c;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.mgh-sa-report-summary>div>strong{
  display:block;
  margin-top:7px;
  color:#1f3049;
  font-size:21px;
  line-height:1.2;
}

.mgh-sa-report-summary>div.is-primary{
  background:#1f3049;
  border-color:#1f3049;
}

.mgh-sa-report-summary>div.is-primary>span,
.mgh-sa-report-summary>div.is-primary>strong{
  color:#fff;
}

.mgh-sa-report-table{
  min-width:980px;
}

.mgh-sa-money-cell{
  text-align:right;
  white-space:nowrap;
  font-weight:700;
  color:#1f3049 !important;
}

.mgh-dashboard-heading .mgh-btn .dashicons{
  width:18px;
  height:18px;
  margin-right:5px;
  font-size:18px;
}

@media(max-width:1200px){
  .mgh-sa-report-filters{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:900px){
  .mgh-sa-report-filters{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .mgh-sa-report-summary{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:600px){
  .mgh-sa-report-filters,
  .mgh-sa-report-summary{
    grid-template-columns:1fr;
  }

  .mgh-sa-report-filter-actions{
    flex-wrap:wrap;
  }
}


/* ======================================================
   v4.3.1 — ALINEACIÓN PORTAL MANTENIMIENTO
   Corrige superposición visual entre sidebar y bloque derecho.
   ====================================================== */

.mgh-portal:has(.mgh-side-title:first-child){
  position:relative;
}

/* Solo el portal mínimo de mantenimiento */
#mgh-portal-root .mgh-sidebar{
  box-sizing:border-box;
}

#mgh-portal-root .mgh-shell{
  box-sizing:border-box;
}

/* En escritorio, sidebar fija y contenido empieza exactamente después */
@media (min-width: 981px){
  #mgh-portal-root{
    display:grid !important;
    grid-template-columns:320px minmax(0,1fr) !important;
    align-items:stretch !important;
  }

  #mgh-portal-root > .mgh-sidebar{
    width:320px !important;
    min-width:320px !important;
    max-width:320px !important;
    position:relative !important;
    z-index:2 !important;
    border-right:1px solid rgba(255,255,255,.08) !important;
  }

  #mgh-portal-root > .mgh-shell{
    width:auto !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    position:relative !important;
    z-index:1 !important;
  }

  #mgh-portal-root > .mgh-shell > .mgh-topbar{
    margin:0 !important;
    width:100% !important;
    min-height:112px !important;
    box-sizing:border-box !important;
    border-bottom:1px solid #e2e6ec !important;
  }

  #mgh-portal-root > .mgh-shell > .mgh-main{
    margin:0 !important;
    width:100% !important;
    box-sizing:border-box !important;
  }
}

/* Responsive: vuelve al comportamiento apilado */
@media (max-width:980px){
  #mgh-portal-root{
    display:block !important;
  }

  #mgh-portal-root > .mgh-sidebar,
  #mgh-portal-root > .mgh-shell{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
  }
}


/* ======================================================
   v4.3.2 — HEADER MÁS BONITO EN PORTAL MANTENIMIENTO
   ====================================================== */

@media (min-width: 981px){
  #mgh-portal-root > .mgh-shell > .mgh-topbar{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:24px !important;
    padding:22px 32px !important;
  }

  #mgh-portal-root > .mgh-shell > .mgh-topbar .mgh-user,
  #mgh-portal-root > .mgh-shell > .mgh-topbar .mgh-userbox,
  #mgh-portal-root > .mgh-shell > .mgh-topbar .mgh-user-card,
  #mgh-portal-root > .mgh-shell > .mgh-topbar .mgh-user-summary{
    display:flex !important;
    align-items:center !important;
    gap:20px !important;
    min-width:0 !important;
    flex:1 1 auto !important;
  }

  #mgh-portal-root > .mgh-shell > .mgh-topbar .mgh-avatar,
  #mgh-portal-root > .mgh-shell > .mgh-topbar .mgh-user-avatar,
  #mgh-portal-root > .mgh-shell > .mgh-topbar .mgh-avatar-circle{
    width:96px !important;
    height:96px !important;
    min-width:96px !important;
    min-height:96px !important;
    border-radius:999px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
  }

  #mgh-portal-root > .mgh-shell > .mgh-topbar .mgh-avatar span,
  #mgh-portal-root > .mgh-shell > .mgh-topbar .mgh-user-avatar span,
  #mgh-portal-root > .mgh-shell > .mgh-topbar .mgh-avatar-circle span{
    font-size:42px !important;
    line-height:1 !important;
    font-weight:800 !important;
  }

  #mgh-portal-root > .mgh-shell > .mgh-topbar .mgh-user-meta,
  #mgh-portal-root > .mgh-shell > .mgh-topbar .mgh-userinfo,
  #mgh-portal-root > .mgh-shell > .mgh-topbar .mgh-user-text{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    gap:6px !important;
    min-width:0 !important;
    flex:1 1 auto !important;
  }

  #mgh-portal-root > .mgh-shell > .mgh-topbar .mgh-user-meta h1,
  #mgh-portal-root > .mgh-shell > .mgh-topbar .mgh-userinfo h1,
  #mgh-portal-root > .mgh-shell > .mgh-topbar .mgh-user-text h1,
  #mgh-portal-root > .mgh-shell > .mgh-topbar .mgh-user-name{
    margin:0 !important;
    font-size:40px !important;
    line-height:1.08 !important;
    font-weight:800 !important;
    color:#1f3049 !important;
    letter-spacing:-0.02em !important;
    display:block !important;
  }

  #mgh-portal-root > .mgh-shell > .mgh-topbar .mgh-user-role,
  #mgh-portal-root > .mgh-shell > .mgh-topbar .mgh-user-meta .mgh-role,
  #mgh-portal-root > .mgh-shell > .mgh-topbar .mgh-userinfo .mgh-role,
  #mgh-portal-root > .mgh-shell > .mgh-topbar .mgh-user-text .mgh-role{
    margin:0 !important;
    font-size:18px !important;
    line-height:1.35 !important;
    font-weight:600 !important;
    color:#6f7a8c !important;
    display:block !important;
  }

  #mgh-portal-root > .mgh-shell > .mgh-topbar p{
    margin:0 !important;
  }
}

/* Fallback inteligente:
   si el texto viene en una sola línea, reducimos el salto raro y mejoramos presentación */
#mgh-portal-root > .mgh-shell > .mgh-topbar{
  box-sizing:border-box !important;
}

#mgh-portal-root > .mgh-shell > .mgh-topbar strong{
  font-weight:800 !important;
  color:#1f3049 !important;
}



/* ======================================================
   v4.3.3 — GESTIÓN DE SOLICITUDES · SOLO MANTENIMIENTO
   ====================================================== */

.mgh-maintenance-minimal-portal .mgh-maint-open-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 12px;
  border-radius:9px;
  background:#f2ece9;
  color:#7d6054 !important;
  font-size:12px;
  font-weight:800;
  text-decoration:none !important;
}

.mgh-maintenance-minimal-portal .mgh-maint-open-link:hover{
  background:#bb9684;
  color:#fff !important;
}

.mgh-maintenance-minimal-portal .mgh-maint-detail-top{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:18px;
}

.mgh-maintenance-minimal-portal .mgh-maint-detail-top h2{
  margin:7px 0 5px;
  color:#1f3049;
}

.mgh-maintenance-minimal-portal .mgh-maint-back{
  display:inline-block;
  margin-bottom:18px;
  color:#7d6054 !important;
  font-size:13px;
  font-weight:800;
  text-decoration:none !important;
}

.mgh-maintenance-minimal-portal .mgh-maint-detail-card,
.mgh-maintenance-minimal-portal .mgh-maint-action-card{
  margin-bottom:18px;
}

.mgh-maintenance-minimal-portal .mgh-maint-detail-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

.mgh-maintenance-minimal-portal .mgh-maint-detail-grid>div{
  padding:16px;
  border:1px solid #e2e6ec;
  border-radius:13px;
  background:#fbfcfd;
}

.mgh-maintenance-minimal-portal .mgh-maint-detail-grid span,
.mgh-maintenance-minimal-portal .mgh-maint-description-box>span{
  display:block;
  color:#7b8794;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.mgh-maintenance-minimal-portal .mgh-maint-detail-grid strong{
  display:block;
  margin-top:7px;
  color:#1f3049;
  font-size:14px;
}

.mgh-maintenance-minimal-portal .mgh-maint-description-box{
  margin-top:16px;
  padding:18px;
  border:1px solid #e2e6ec;
  border-radius:13px;
  background:#fff;
}

.mgh-maintenance-minimal-portal .mgh-maint-description-box p{
  margin:9px 0 0;
  color:#52606f;
  line-height:1.65;
}

.mgh-maintenance-minimal-portal .mgh-maint-support-box{
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:14px;
  padding:12px 14px;
  border-radius:10px;
  background:#f5f7fa;
}

.mgh-maintenance-minimal-portal .mgh-maint-support-box a{
  color:#1f3049 !important;
  font-weight:700;
}

.mgh-maintenance-minimal-portal .mgh-maint-update-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

.mgh-maintenance-minimal-portal .mgh-maint-update-form label{
  display:flex;
  flex-direction:column;
  gap:8px;
  color:#1f3049;
  font-size:13px;
  font-weight:800;
}

.mgh-maintenance-minimal-portal .mgh-maint-update-form select,
.mgh-maintenance-minimal-portal .mgh-maint-update-form textarea{
  width:100%;
  box-sizing:border-box;
  padding:12px 14px;
  border:1px solid #d8dee6;
  border-radius:12px;
  background:#fbfcfd;
  color:#44515f;
  font:inherit;
  font-weight:500;
}

.mgh-maintenance-minimal-portal .mgh-maint-update-form select{
  min-height:48px;
}

.mgh-maintenance-minimal-portal .mgh-maint-update-form textarea{
  min-height:96px;
  resize:vertical;
}

.mgh-maintenance-minimal-portal .mgh-maint-update-form small{
  color:#84909c;
  font-size:11px;
  font-weight:500;
}

.mgh-maintenance-minimal-portal .mgh-maint-form-full{
  grid-column:1 / -1;
}

@media(max-width:900px){
  .mgh-maintenance-minimal-portal .mgh-maint-detail-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .mgh-maintenance-minimal-portal .mgh-maint-detail-top{
    align-items:flex-start;
    flex-direction:column;
  }
}

@media(max-width:640px){
  .mgh-maintenance-minimal-portal .mgh-maint-detail-grid,
  .mgh-maintenance-minimal-portal .mgh-maint-update-form{
    grid-template-columns:1fr;
  }

  .mgh-maintenance-minimal-portal .mgh-maint-form-full{
    grid-column:1;
  }
}


/* ======================================================
   v4.3.4 — AGENDA Y PROGRAMACIÓN DE VISITAS
   ====================================================== */

.mgh-maintenance-minimal-portal .mgh-maint-update-form input[type="datetime-local"]{
  width:100%;
  box-sizing:border-box;
  min-height:48px;
  padding:12px 14px;
  border:1px solid #d8dee6;
  border-radius:12px;
  background:#fbfcfd;
  color:#44515f;
  font:inherit;
  font-weight:500;
}

.mgh-maintenance-minimal-portal .mgh-maint-agenda-list{
  display:grid;
  gap:12px;
}

.mgh-maintenance-minimal-portal .mgh-maint-agenda-item{
  display:grid;
  grid-template-columns:72px minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  padding:16px;
  border:1px solid #e2e6ec;
  border-radius:15px;
  background:#fff;
}

.mgh-maintenance-minimal-portal .mgh-maint-agenda-date{
  width:64px;
  height:64px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:#1f3049;
  color:#fff;
}

.mgh-maintenance-minimal-portal .mgh-maint-agenda-date strong{
  font-size:23px;
  line-height:1;
}

.mgh-maintenance-minimal-portal .mgh-maint-agenda-date span{
  margin-top:4px;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
}

.mgh-maintenance-minimal-portal .mgh-maint-agenda-info h4{
  margin:0 0 5px;
  color:#1f3049;
  font-size:16px;
}

.mgh-maintenance-minimal-portal .mgh-maint-agenda-info p{
  margin:0;
  color:#566372;
  font-size:13px;
}

.mgh-maintenance-minimal-portal .mgh-maint-agenda-info small{
  display:block;
  margin-top:5px;
  color:#84909c;
}

.mgh-maintenance-minimal-portal .mgh-maint-agenda-note{
  color:#7d6054 !important;
  font-style:italic;
}

.mgh-maintenance-minimal-portal .mgh-maint-agenda-actions{
  display:flex;
  align-items:center;
  gap:9px;
}

@media(max-width:720px){
  .mgh-maintenance-minimal-portal .mgh-maint-agenda-item{
    grid-template-columns:64px minmax(0,1fr);
  }

  .mgh-maintenance-minimal-portal .mgh-maint-agenda-actions{
    grid-column:1 / -1;
    justify-content:flex-end;
  }
}


/* ======================================================
   v4.3.4.1 — HOTFIX TIPOGRAFÍA PORTAL MANTENIMIENTO
   ====================================================== */

.mgh-maintenance-minimal-portal .mgh-topbar{
  align-items:center;
}

.mgh-maintenance-minimal-portal .mgh-topbar-info{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
  min-width:0;
}

.mgh-maintenance-minimal-portal .mgh-topbar-info h1,
.mgh-maintenance-minimal-portal .mgh-topbar-info .mgh-topbar-name{
  margin:0;
  font-size:24px !important;
  line-height:1.15 !important;
  font-weight:800 !important;
  color:#1f3049 !important;
  letter-spacing:-0.02em;
}

.mgh-maintenance-minimal-portal .mgh-topbar-role{
  margin:0 !important;
  font-size:16px !important;
  line-height:1.35 !important;
  font-weight:600 !important;
  color:#6d7786 !important;
}

.mgh-maintenance-minimal-portal .mgh-topbar-subtitle{
  margin:0 !important;
  font-size:14px !important;
  line-height:1.35 !important;
  color:#8a95a3 !important;
}

.mgh-maintenance-minimal-portal .mgh-dashboard-heading h2,
.mgh-maintenance-minimal-portal .mgh-maint-detail-head h1,
.mgh-maintenance-minimal-portal .mgh-maint-detail-head h2,
.mgh-maintenance-minimal-portal .mgh-maint-request-header h1,
.mgh-maintenance-minimal-portal .mgh-maint-request-header h2{
  margin:0 0 10px !important;
  font-size:40px !important;
  line-height:1.08 !important;
  font-weight:800 !important;
  letter-spacing:-0.03em;
  color:#1f3049 !important;
  word-break:break-word;
  overflow-wrap:anywhere;
}

.mgh-maintenance-minimal-portal .mgh-dashboard-heading p,
.mgh-maintenance-minimal-portal .mgh-maint-detail-head p,
.mgh-maintenance-minimal-portal .mgh-maint-request-header p{
  margin:0 !important;
  font-size:16px !important;
  line-height:1.55 !important;
  color:#6d7786 !important;
}

.mgh-maintenance-minimal-portal .mgh-kicker{
  margin:0 0 14px !important;
  font-size:12px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  letter-spacing:0.22em !important;
  color:#a88470 !important;
  text-transform:uppercase;
}

.mgh-maintenance-minimal-portal .mgh-card h3{
  font-size:28px !important;
  line-height:1.15 !important;
  margin:0 0 10px !important;
}

.mgh-maintenance-minimal-portal .mgh-card h4{
  font-size:18px !important;
  line-height:1.3 !important;
}

@media (max-width: 1024px){
  .mgh-maintenance-minimal-portal .mgh-dashboard-heading h2,
  .mgh-maintenance-minimal-portal .mgh-maint-detail-head h1,
  .mgh-maintenance-minimal-portal .mgh-maint-detail-head h2,
  .mgh-maintenance-minimal-portal .mgh-maint-request-header h1,
  .mgh-maintenance-minimal-portal .mgh-maint-request-header h2{
    font-size:34px !important;
  }
}

@media (max-width: 767px){
  .mgh-maintenance-minimal-portal .mgh-topbar-info h1,
  .mgh-maintenance-minimal-portal .mgh-topbar-info .mgh-topbar-name{
    font-size:22px !important;
  }

  .mgh-maintenance-minimal-portal .mgh-topbar-role{
    font-size:15px !important;
  }

  .mgh-maintenance-minimal-portal .mgh-dashboard-heading h2,
  .mgh-maintenance-minimal-portal .mgh-maint-detail-head h1,
  .mgh-maintenance-minimal-portal .mgh-maint-detail-head h2,
  .mgh-maintenance-minimal-portal .mgh-maint-request-header h1,
  .mgh-maintenance-minimal-portal .mgh-maint-request-header h2{
    font-size:28px !important;
  }

  .mgh-maintenance-minimal-portal .mgh-card h3{
    font-size:24px !important;
  }
}


/* ======================================================
   v4.3.4.2 — SISTEMA TIPOGRÁFICO COHERENTE
   PORTAL DE MANTENIMIENTO ÚNICAMENTE
   ====================================================== */

/* ---------- Header usuario ---------- */
.mgh-maintenance-minimal-portal .mgh-topbar .mgh-userbox{
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
}

.mgh-maintenance-minimal-portal .mgh-topbar .mgh-avatar{
  width:78px !important;
  height:78px !important;
  min-width:78px !important;
  min-height:78px !important;
  font-size:28px !important;
}

.mgh-maintenance-minimal-portal .mgh-topbar .mgh-user-meta{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:4px !important;
  min-width:0 !important;
}

.mgh-maintenance-minimal-portal .mgh-topbar .mgh-user-name{
  margin:0 !important;
  font-size:28px !important;
  line-height:1.15 !important;
  font-weight:800 !important;
  letter-spacing:-0.02em !important;
  color:#1f3049 !important;
}

.mgh-maintenance-minimal-portal .mgh-topbar .mgh-user-role{
  margin:0 !important;
  font-size:15px !important;
  line-height:1.35 !important;
  font-weight:600 !important;
  color:#727e8c !important;
}

/* ---------- Encabezados principales ---------- */
.mgh-maintenance-minimal-portal .mgh-dashboard-heading h2,
.mgh-maintenance-minimal-portal .mgh-maint-detail-top h2{
  margin:6px 0 8px !important;
  font-size:32px !important;
  line-height:1.12 !important;
  font-weight:800 !important;
  letter-spacing:-0.025em !important;
  color:#1f3049 !important;
  word-break:normal !important;
  overflow-wrap:break-word !important;
}

.mgh-maintenance-minimal-portal .mgh-dashboard-heading .mgh-muted,
.mgh-maintenance-minimal-portal .mgh-maint-detail-top .mgh-muted{
  margin:0 !important;
  font-size:15px !important;
  line-height:1.55 !important;
  color:#727e8c !important;
}

.mgh-maintenance-minimal-portal .mgh-kicker{
  margin:0 0 10px !important;
  font-size:11px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  color:#a7826d !important;
}

/* ---------- Títulos internos de tarjetas ---------- */
.mgh-maintenance-minimal-portal .mgh-card h3,
.mgh-maintenance-minimal-portal .mgh-section-head h3{
  margin:0 !important;
  font-size:21px !important;
  line-height:1.25 !important;
  font-weight:800 !important;
  letter-spacing:-0.015em !important;
  color:#1f3049 !important;
}

.mgh-maintenance-minimal-portal .mgh-card h4{
  margin:0 !important;
  font-size:16px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
  color:#1f3049 !important;
}

/* ---------- KPIs / tarjetas del dashboard ---------- */
.mgh-maintenance-minimal-portal .mgh-stats{
  gap:16px !important;
}

.mgh-maintenance-minimal-portal .mgh-stat{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  min-width:0 !important;
}

.mgh-maintenance-minimal-portal .mgh-stat > div:last-child{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:3px !important;
  min-width:0 !important;
}

.mgh-maintenance-minimal-portal .mgh-stat > div:last-child > span{
  display:block !important;
  margin:0 !important;
  font-size:13px !important;
  line-height:1.25 !important;
  font-weight:700 !important;
  color:#566372 !important;
}

.mgh-maintenance-minimal-portal .mgh-stat > div:last-child > strong{
  display:block !important;
  margin:0 !important;
  font-size:26px !important;
  line-height:1.05 !important;
  font-weight:800 !important;
  color:#1f3049 !important;
}

.mgh-maintenance-minimal-portal .mgh-stat > div:last-child > small{
  display:block !important;
  margin:0 !important;
  font-size:12px !important;
  line-height:1.35 !important;
  color:#87919d !important;
}

.mgh-maintenance-minimal-portal .mgh-stat-icon{
  width:52px !important;
  height:52px !important;
  min-width:52px !important;
  min-height:52px !important;
}

.mgh-maintenance-minimal-portal .mgh-stat-icon .dashicons{
  width:22px !important;
  height:22px !important;
  font-size:22px !important;
}

/* ---------- Solicitud / detalle ---------- */
.mgh-maintenance-minimal-portal .mgh-maint-detail-top{
  margin-bottom:18px !important;
}

.mgh-maintenance-minimal-portal .mgh-maint-back{
  font-size:13px !important;
  line-height:1.35 !important;
}

.mgh-maintenance-minimal-portal .mgh-maint-detail-grid strong{
  font-size:14px !important;
  line-height:1.35 !important;
}

.mgh-maintenance-minimal-portal .mgh-maint-description-box p{
  font-size:14px !important;
  line-height:1.6 !important;
}

/* ---------- Tablet ---------- */
@media (max-width:1024px){
  .mgh-maintenance-minimal-portal .mgh-topbar .mgh-user-name{
    font-size:25px !important;
  }

  .mgh-maintenance-minimal-portal .mgh-dashboard-heading h2,
  .mgh-maintenance-minimal-portal .mgh-maint-detail-top h2{
    font-size:28px !important;
  }

  .mgh-maintenance-minimal-portal .mgh-stat > div:last-child > strong{
    font-size:24px !important;
  }
}

/* ---------- Móvil ---------- */
@media (max-width:767px){
  .mgh-maintenance-minimal-portal .mgh-topbar{
    padding:16px 18px !important;
    gap:14px !important;
  }

  .mgh-maintenance-minimal-portal .mgh-topbar .mgh-userbox{
    gap:12px !important;
  }

  .mgh-maintenance-minimal-portal .mgh-topbar .mgh-avatar{
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
    min-height:58px !important;
    font-size:22px !important;
  }

  .mgh-maintenance-minimal-portal .mgh-topbar .mgh-user-name{
    font-size:21px !important;
  }

  .mgh-maintenance-minimal-portal .mgh-topbar .mgh-user-role{
    font-size:13px !important;
  }

  .mgh-maintenance-minimal-portal .mgh-dashboard-heading h2,
  .mgh-maintenance-minimal-portal .mgh-maint-detail-top h2{
    font-size:24px !important;
    line-height:1.18 !important;
  }

  .mgh-maintenance-minimal-portal .mgh-dashboard-heading .mgh-muted,
  .mgh-maintenance-minimal-portal .mgh-maint-detail-top .mgh-muted{
    font-size:14px !important;
  }

  .mgh-maintenance-minimal-portal .mgh-card h3,
  .mgh-maintenance-minimal-portal .mgh-section-head h3{
    font-size:19px !important;
  }

  .mgh-maintenance-minimal-portal .mgh-stat{
    gap:12px !important;
  }

  .mgh-maintenance-minimal-portal .mgh-stat-icon{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    min-height:46px !important;
  }

  .mgh-maintenance-minimal-portal .mgh-stat > div:last-child > span{
    font-size:12px !important;
  }

  .mgh-maintenance-minimal-portal .mgh-stat > div:last-child > strong{
    font-size:22px !important;
  }

  .mgh-maintenance-minimal-portal .mgh-stat > div:last-child > small{
    font-size:11px !important;
  }
}

/* ---------- Móvil pequeño ---------- */
@media (max-width:480px){
  .mgh-maintenance-minimal-portal .mgh-topbar .mgh-user-name{
    font-size:19px !important;
  }

  .mgh-maintenance-minimal-portal .mgh-dashboard-heading h2,
  .mgh-maintenance-minimal-portal .mgh-maint-detail-top h2{
    font-size:22px !important;
  }

  .mgh-maintenance-minimal-portal .mgh-kicker{
    font-size:10px !important;
    letter-spacing:.15em !important;
  }
}


/* ======================================================
   v4.3.5 — TÉCNICOS / PROVEEDORES
   SOLO PORTAL MANTENIMIENTO
   ====================================================== */

.mgh-maintenance-minimal-portal .mgh-maint-provider-layout{
  display:grid;
  grid-template-columns:minmax(320px,.85fr) minmax(0,1.35fr);
  gap:18px;
  align-items:start;
}

.mgh-maintenance-minimal-portal .mgh-maint-provider-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.mgh-maintenance-minimal-portal .mgh-maint-provider-form label,
.mgh-maintenance-minimal-portal .mgh-maint-provider-filters label{
  display:flex;
  flex-direction:column;
  gap:7px;
  min-width:0;
  color:#1f3049;
  font-size:12px;
  font-weight:800;
}

.mgh-maintenance-minimal-portal .mgh-maint-provider-form input,
.mgh-maintenance-minimal-portal .mgh-maint-provider-form select,
.mgh-maintenance-minimal-portal .mgh-maint-provider-form textarea,
.mgh-maintenance-minimal-portal .mgh-maint-provider-filters input,
.mgh-maintenance-minimal-portal .mgh-maint-provider-filters select{
  width:100%;
  box-sizing:border-box;
  min-height:46px;
  padding:11px 12px;
  border:1px solid #d9dfe6;
  border-radius:11px;
  background:#fbfcfd;
  color:#465260;
  font:inherit;
  font-weight:500;
}

.mgh-maintenance-minimal-portal .mgh-maint-provider-form textarea{
  min-height:100px;
  resize:vertical;
}

.mgh-maintenance-minimal-portal .mgh-maint-provider-full{
  grid-column:1 / -1;
}

.mgh-maintenance-minimal-portal .mgh-maint-provider-cancel{
  color:#7d6054 !important;
  font-size:12px;
  font-weight:800;
  text-decoration:none !important;
}

.mgh-maintenance-minimal-portal .mgh-maint-provider-filters{
  display:grid;
  grid-template-columns:1.2fr 1fr .8fr auto;
  gap:10px;
  align-items:end;
  margin-bottom:16px;
  padding-bottom:16px;
  border-bottom:1px solid #e4e8ed;
}

.mgh-maintenance-minimal-portal .mgh-maint-provider-filter-actions{
  display:flex;
  gap:7px;
  align-items:center;
}

.mgh-maintenance-minimal-portal .mgh-maint-provider-list{
  display:grid;
  gap:10px;
}

.mgh-maintenance-minimal-portal .mgh-maint-provider-item{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  gap:13px;
  align-items:center;
  padding:14px;
  border:1px solid #e2e6ec;
  border-radius:13px;
  background:#fff;
}

.mgh-maintenance-minimal-portal .mgh-maint-provider-item.is-inactive{
  opacity:.68;
  background:#f8f9fa;
}

.mgh-maintenance-minimal-portal .mgh-maint-provider-avatar{
  width:46px;
  height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#1f3049;
  color:#fff;
  font-size:18px;
  font-weight:800;
}

.mgh-maintenance-minimal-portal .mgh-maint-provider-info{
  min-width:0;
}

.mgh-maintenance-minimal-portal .mgh-maint-provider-title-row{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.mgh-maintenance-minimal-portal .mgh-maint-provider-title-row strong{
  color:#1f3049;
  font-size:14px;
}

.mgh-maintenance-minimal-portal .mgh-maint-provider-specialty{
  display:block;
  margin-top:3px;
  color:#a7826d;
  font-size:12px;
  font-weight:800;
}

.mgh-maintenance-minimal-portal .mgh-maint-provider-info small{
  display:block;
  margin-top:3px;
  color:#7f8a96;
  font-size:11px;
  line-height:1.4;
}

.mgh-maintenance-minimal-portal .mgh-maint-provider-actions{
  display:flex;
  align-items:center;
  gap:7px;
}

.mgh-maintenance-minimal-portal .mgh-maint-provider-actions form{
  margin:0;
}

.mgh-maintenance-minimal-portal .mgh-maint-provider-toggle{
  min-height:34px;
  padding:0 10px;
  border:1px solid #d9dfe6;
  border-radius:9px;
  background:#fff;
  color:#697582;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}

@media(max-width:1180px){
  .mgh-maintenance-minimal-portal .mgh-maint-provider-layout{
    grid-template-columns:1fr;
  }
}

@media(max-width:900px){
  .mgh-maintenance-minimal-portal .mgh-maint-provider-filters{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:640px){
  .mgh-maintenance-minimal-portal .mgh-maint-provider-form,
  .mgh-maintenance-minimal-portal .mgh-maint-provider-filters{
    grid-template-columns:1fr;
  }

  .mgh-maintenance-minimal-portal .mgh-maint-provider-full{
    grid-column:1;
  }

  .mgh-maintenance-minimal-portal .mgh-maint-provider-item{
    grid-template-columns:42px minmax(0,1fr);
  }

  .mgh-maintenance-minimal-portal .mgh-maint-provider-actions{
    grid-column:1 / -1;
    justify-content:flex-end;
  }
}


/* ======================================================
   v4.3.6 — ASIGNACIÓN DE TÉCNICO / PROVEEDOR
   ====================================================== */

.mgh-maintenance-minimal-portal .mgh-maint-provider-history-card{
  margin-bottom:18px;
}

.mgh-maintenance-minimal-portal .mgh-maint-provider-history{
  display:grid;
  gap:10px;
}

.mgh-maintenance-minimal-portal .mgh-maint-provider-history>div{
  display:flex;
  align-items:flex-start;
  gap:11px;
  padding:12px 14px;
  border:1px solid #e3e7ec;
  border-radius:11px;
  background:#fbfcfd;
}

.mgh-maintenance-minimal-portal .mgh-maint-provider-history .dashicons{
  color:#bb9684;
  margin-top:1px;
}

.mgh-maintenance-minimal-portal .mgh-maint-provider-history strong{
  display:block;
  color:#1f3049;
  font-size:13px;
  line-height:1.4;
}

.mgh-maintenance-minimal-portal .mgh-maint-provider-history small{
  display:block;
  margin-top:3px;
  color:#87919c;
  font-size:11px;
}

.mgh-maintenance-minimal-portal .mgh-maint-agenda-provider{
  color:#7d6054 !important;
  font-weight:700;
}


/* ======================================================
   v4.3.7 — CIERRE TÉCNICO DE MANTENIMIENTO
   ====================================================== */

.mgh-maintenance-minimal-portal .mgh-maint-update-form input[type="number"],
.mgh-maintenance-minimal-portal .mgh-maint-update-form input[type="date"],
.mgh-maintenance-minimal-portal .mgh-maint-update-form input[type="file"]{
  width:100%;
  box-sizing:border-box;
  min-height:48px;
  padding:11px 13px;
  border:1px solid #d8dee6;
  border-radius:12px;
  background:#fbfcfd;
  color:#44515f;
  font:inherit;
  font-weight:500;
}

.mgh-maintenance-minimal-portal .mgh-maint-form-section{
  margin-top:8px;
  padding-top:18px;
  border-top:1px solid #e3e7ec;
}

.mgh-maintenance-minimal-portal .mgh-maint-form-section h4{
  margin:0 !important;
  font-size:17px !important;
  line-height:1.3 !important;
  color:#1f3049 !important;
}

.mgh-maintenance-minimal-portal .mgh-maint-closure-summary{
  margin-bottom:18px;
}

.mgh-maintenance-minimal-portal .mgh-maint-closure-result{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:14px;
  padding:13px 15px;
  border:1px solid #e2e6ec;
  border-radius:11px;
  background:#fbfcfd;
}

.mgh-maintenance-minimal-portal .mgh-maint-closure-result span{
  color:#7b8794;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.mgh-maintenance-minimal-portal .mgh-maint-closure-result strong{
  color:#1f3049;
  font-size:13px;
}

.mgh-maintenance-minimal-portal .mgh-maint-evidence-list{
  display:grid;
  gap:8px;
  margin-top:14px;
}

.mgh-maintenance-minimal-portal .mgh-maint-evidence-heading{
  color:#7b8794;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.mgh-maintenance-minimal-portal .mgh-maint-evidence-list a{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border:1px solid #e2e6ec;
  border-radius:10px;
  background:#fff;
  color:#1f3049 !important;
  font-size:12px;
  font-weight:700;
  text-decoration:none !important;
}

.mgh-maintenance-minimal-portal .mgh-maint-evidence-list a:hover{
  border-color:#bb9684;
  background:#f8f4f2;
}

@media(max-width:640px){
  .mgh-maintenance-minimal-portal .mgh-maint-closure-result{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* ======================================================
   v4.3.8 — SEGUIMIENTO Y CONTROL OPERATIVO
   ====================================================== */

.mgh-maintenance-minimal-portal .mgh-maint-operational-summary,
.mgh-maintenance-minimal-portal .mgh-maint-timeline-card{
  margin-bottom:18px;
}

.mgh-maintenance-minimal-portal .mgh-maint-control-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

.mgh-maintenance-minimal-portal .mgh-maint-control-grid>div{
  padding:14px;
  border:1px solid #e3e7ec;
  border-radius:12px;
  background:#fbfcfd;
}

.mgh-maintenance-minimal-portal .mgh-maint-control-grid span{
  display:block;
  color:#818c98;
  font-size:10px;
  line-height:1.25;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
}

.mgh-maintenance-minimal-portal .mgh-maint-control-grid strong{
  display:block;
  margin-top:6px;
  color:#1f3049;
  font-size:13px;
  line-height:1.4;
}

.mgh-maintenance-minimal-portal .mgh-maint-timeline{
  position:relative;
  display:grid;
  gap:0;
}

.mgh-maintenance-minimal-portal .mgh-maint-timeline-item{
  position:relative;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:12px;
  padding:0 0 18px;
}

.mgh-maintenance-minimal-portal .mgh-maint-timeline-item:not(:last-child)::before{
  content:"";
  position:absolute;
  left:18px;
  top:36px;
  bottom:0;
  width:1px;
  background:#dde3e9;
}

.mgh-maintenance-minimal-portal .mgh-maint-timeline-icon{
  position:relative;
  z-index:1;
  width:36px;
  height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#f2ece9;
  color:#9d7967;
}

.mgh-maintenance-minimal-portal .mgh-maint-timeline-icon .dashicons{
  width:17px;
  height:17px;
  font-size:17px;
}

.mgh-maintenance-minimal-portal .mgh-maint-timeline-body{
  padding:8px 12px 10px;
  border:1px solid #e4e8ed;
  border-radius:11px;
  background:#fff;
}

.mgh-maintenance-minimal-portal .mgh-maint-timeline-body strong{
  display:block;
  color:#1f3049;
  font-size:13px;
  line-height:1.4;
}

.mgh-maintenance-minimal-portal .mgh-maint-timeline-body p{
  margin:5px 0 0;
  color:#65717e;
  font-size:12px;
  line-height:1.5;
}

.mgh-maintenance-minimal-portal .mgh-maint-timeline-body small{
  display:block;
  margin-top:7px;
  color:#929ca7;
  font-size:10px;
}

@media(max-width:900px){
  .mgh-maintenance-minimal-portal .mgh-maint-control-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:560px){
  .mgh-maintenance-minimal-portal .mgh-maint-control-grid{
    grid-template-columns:1fr;
  }
}


/* ======================================================
   v4.4.0 — CENTRO DE COMUNICACIONES · SUPER ADMIN
   ====================================================== */

.mgh-superadmin-portal .mgh-sa-comm-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-bottom:18px;
}

.mgh-superadmin-portal .mgh-sa-comm-stats .mgh-card{
  padding:18px;
}

.mgh-superadmin-portal .mgh-sa-comm-stats span{
  display:block;
  color:#788491;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
}

.mgh-superadmin-portal .mgh-sa-comm-stats strong{
  display:block;
  margin-top:5px;
  color:#1f3049;
  font-size:25px;
  line-height:1.1;
}

.mgh-superadmin-portal .mgh-sa-comm-stats small{
  display:block;
  margin-top:5px;
  color:#929ba5;
  font-size:11px;
}

.mgh-superadmin-portal .mgh-sa-comm-grid{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);
  gap:18px;
  align-items:start;
  margin-bottom:18px;
}

.mgh-superadmin-portal .mgh-sa-comm-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.mgh-superadmin-portal .mgh-sa-comm-form label,
.mgh-superadmin-portal .mgh-sa-comm-template-form label{
  display:flex;
  flex-direction:column;
  gap:7px;
  min-width:0;
  color:#1f3049;
  font-size:12px;
  font-weight:800;
}

.mgh-superadmin-portal .mgh-sa-comm-form input,
.mgh-superadmin-portal .mgh-sa-comm-form select,
.mgh-superadmin-portal .mgh-sa-comm-form textarea,
.mgh-superadmin-portal .mgh-sa-comm-template-form input,
.mgh-superadmin-portal .mgh-sa-comm-template-form select,
.mgh-superadmin-portal .mgh-sa-comm-template-form textarea{
  width:100%;
  box-sizing:border-box;
  min-height:44px;
  padding:10px 12px;
  border:1px solid #d8dee6;
  border-radius:10px;
  background:#fbfcfd;
  color:#465260;
  font:inherit;
  font-weight:500;
}

.mgh-superadmin-portal .mgh-sa-comm-form textarea,
.mgh-superadmin-portal .mgh-sa-comm-template-form textarea{
  resize:vertical;
}

.mgh-superadmin-portal .mgh-sa-comm-full{
  grid-column:1 / -1;
}

.mgh-superadmin-portal .mgh-sa-comm-clear{
  color:#8c6e5f !important;
  font-size:12px;
  font-weight:800;
  text-decoration:none !important;
}

.mgh-superadmin-portal .mgh-sa-comm-template-used{
  margin-bottom:14px;
  padding:10px 12px;
  border-radius:10px;
  background:#f4efec;
  color:#6f594e;
  font-size:12px;
}

.mgh-superadmin-portal .mgh-sa-comm-template-create{
  margin-bottom:14px;
  border:1px solid #e1e5ea;
  border-radius:11px;
  background:#fbfcfd;
}

.mgh-superadmin-portal .mgh-sa-comm-template-create summary{
  padding:12px 14px;
  color:#1f3049;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}

.mgh-superadmin-portal .mgh-sa-comm-template-form{
  display:grid;
  gap:12px;
  padding:0 14px 14px;
}

.mgh-superadmin-portal .mgh-sa-comm-template-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.mgh-superadmin-portal .mgh-sa-comm-template-list{
  display:grid;
  gap:9px;
}

.mgh-superadmin-portal .mgh-sa-comm-template-list article{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:12px;
  border:1px solid #e2e6eb;
  border-radius:11px;
  background:#fff;
}

.mgh-superadmin-portal .mgh-sa-comm-template-list strong,
.mgh-superadmin-portal .mgh-sa-comm-template-list small{
  display:block;
}

.mgh-superadmin-portal .mgh-sa-comm-template-list strong{
  color:#1f3049;
  font-size:13px;
}

.mgh-superadmin-portal .mgh-sa-comm-template-list small{
  margin-top:3px;
  color:#788491;
  font-size:10px;
}

.mgh-superadmin-portal .mgh-sa-comm-template-list article>div:first-child>span{
  display:inline-block;
  margin-top:5px;
  color:#a27f6e;
  font-size:10px;
  font-weight:800;
}

.mgh-superadmin-portal .mgh-sa-comm-template-actions{
  display:flex;
  align-items:center;
  gap:6px;
}

.mgh-superadmin-portal .mgh-sa-comm-template-actions form{
  margin:0;
}

.mgh-superadmin-portal .mgh-sa-comm-template-actions button{
  min-height:34px;
  padding:0 9px;
  border:1px solid #e0e4e9;
  border-radius:8px;
  background:#fff;
  color:#7c8792;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}

.mgh-superadmin-portal .mgh-sa-comm-history{
  margin-bottom:18px;
}

.mgh-superadmin-portal .mgh-sa-table td small{
  display:block;
  margin-top:3px;
  color:#89939e;
  font-size:10px;
}

.mgh-superadmin-portal .mgh-sa-comm-status{
  display:inline-flex;
  padding:4px 7px;
  border-radius:999px;
  background:#f0f2f4;
  color:#737e89;
  font-size:10px;
  font-weight:800;
}

.mgh-superadmin-portal .mgh-sa-comm-status.sent{
  background:#edf6ef;
  color:#42724d;
}

.mgh-superadmin-portal .mgh-sa-comm-status.error{
  background:#fbefef;
  color:#9a4f4f;
}

@media(max-width:1100px){
  .mgh-superadmin-portal .mgh-sa-comm-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:760px){
  .mgh-superadmin-portal .mgh-sa-comm-stats,
  .mgh-superadmin-portal .mgh-sa-comm-form{
    grid-template-columns:1fr;
  }

  .mgh-superadmin-portal .mgh-sa-comm-full{
    grid-column:1;
  }
}

@media(max-width:520px){
  .mgh-superadmin-portal .mgh-sa-comm-template-row{
    grid-template-columns:1fr;
  }

  .mgh-superadmin-portal .mgh-sa-comm-template-list article{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* ======================================================
   v4.5.0 — DOCUMENTOS · ENTREGA AUTENTICADA
   ====================================================== */

#mgh-portal-root .mgh-document-actions .mgh-btn[href*="mgh_secure_document_download"]{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
}

#mgh-portal-root .mgh-document-actions .mgh-btn[href*="mgh_secure_document_download"]::before{
  content:"\f160";
  font-family:dashicons;
  font-size:15px;
  line-height:1;
}


/* ======================================================
   v4.5.1 — BÓVEDA DOCUMENTAL PRIVADA
   ====================================================== */

.mgh-superadmin-portal .mgh-sa-vault-card{
  margin-bottom:18px;
}

.mgh-superadmin-portal .mgh-sa-vault-badge{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.mgh-superadmin-portal .mgh-sa-vault-badge.is-secure{
  background:#edf6ef;
  color:#42724d;
}

.mgh-superadmin-portal .mgh-sa-vault-badge.needs-action{
  background:#fbf2e8;
  color:#8d6437;
}

.mgh-superadmin-portal .mgh-sa-vault-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-bottom:14px;
}

.mgh-superadmin-portal .mgh-sa-vault-stats>div{
  padding:13px;
  border:1px solid #e2e6eb;
  border-radius:11px;
  background:#fbfcfd;
}

.mgh-superadmin-portal .mgh-sa-vault-stats span{
  display:block;
  color:#858f9a;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
}

.mgh-superadmin-portal .mgh-sa-vault-stats strong{
  display:block;
  margin-top:5px;
  color:#1f3049;
  font-size:22px;
  line-height:1;
}

.mgh-superadmin-portal .mgh-sa-vault-note{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin-bottom:14px;
  padding:12px 14px;
  border-radius:11px;
  background:#f4f6f8;
}

.mgh-superadmin-portal .mgh-sa-vault-note .dashicons{
  color:#bb9684;
}

.mgh-superadmin-portal .mgh-sa-vault-note strong{
  display:block;
  color:#1f3049;
  font-size:12px;
}

.mgh-superadmin-portal .mgh-sa-vault-note p{
  margin:4px 0 0;
  color:#6f7a85;
  font-size:11px;
  line-height:1.5;
}

.mgh-superadmin-portal .mgh-sa-vault-result{
  margin-bottom:12px;
  padding:11px 13px;
  border:1px solid #e1e5ea;
  border-radius:10px;
  background:#fff;
}

.mgh-superadmin-portal .mgh-sa-vault-result strong{
  color:#1f3049;
  font-size:12px;
}

.mgh-superadmin-portal .mgh-sa-vault-result p,
.mgh-superadmin-portal .mgh-sa-vault-result small{
  display:block;
  margin:4px 0 0;
  color:#78838e;
  font-size:10px;
  line-height:1.5;
}

.mgh-superadmin-portal .mgh-sa-vault-actions{
  display:grid;
  gap:10px;
}

.mgh-superadmin-portal .mgh-sa-vault-actions form{
  margin:0;
}

.mgh-superadmin-portal .mgh-sa-vault-confirm{
  display:flex;
  align-items:flex-start;
  gap:8px;
  margin-bottom:9px;
  color:#606d79;
  font-size:11px;
  line-height:1.45;
}

.mgh-superadmin-portal .mgh-sa-vault-confirm input{
  margin-top:2px;
}

.mgh-superadmin-portal .mgh-sa-vault-complete{
  display:flex;
  align-items:center;
  gap:7px;
  color:#42724d;
  font-size:12px;
  font-weight:700;
}

.mgh-superadmin-portal .mgh-sa-vault-restore{
  border-top:1px solid #e7eaee;
  padding-top:10px;
}

.mgh-superadmin-portal .mgh-sa-vault-restore summary{
  color:#7b8792;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}

.mgh-superadmin-portal .mgh-sa-vault-restore form{
  margin-top:10px;
}

@media(max-width:760px){
  .mgh-superadmin-portal .mgh-sa-vault-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:460px){
  .mgh-superadmin-portal .mgh-sa-vault-stats{
    grid-template-columns:1fr;
  }
}


/* ======================================================
   v4.6.0 — AUTOMATIZACIONES · SUPER ADMIN
   ====================================================== */

.mgh-superadmin-portal .mgh-sa-automation-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-bottom:18px;
}

.mgh-superadmin-portal .mgh-sa-automation-kpis .mgh-card{
  padding:17px;
}

.mgh-superadmin-portal .mgh-sa-automation-kpis span,
.mgh-superadmin-portal .mgh-sa-automation-result-grid span{
  display:block;
  color:#828d98;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
}

.mgh-superadmin-portal .mgh-sa-automation-kpis strong{
  display:block;
  margin-top:6px;
  color:#1f3049;
  font-size:19px;
  line-height:1.15;
}

.mgh-superadmin-portal .mgh-sa-automation-kpis small{
  display:block;
  margin-top:5px;
  color:#909aa4;
  font-size:10px;
  line-height:1.4;
}

.mgh-superadmin-portal .mgh-sa-automation-result,
.mgh-superadmin-portal .mgh-sa-automation-rules,
.mgh-superadmin-portal .mgh-sa-automation-history{
  margin-bottom:18px;
}

.mgh-superadmin-portal .mgh-sa-automation-result-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:9px;
}

.mgh-superadmin-portal .mgh-sa-automation-result-grid>div{
  padding:12px;
  border:1px solid #e3e7ec;
  border-radius:10px;
  background:#fbfcfd;
}

.mgh-superadmin-portal .mgh-sa-automation-result-grid strong{
  display:block;
  margin-top:5px;
  color:#1f3049;
  font-size:19px;
}

.mgh-superadmin-portal .mgh-sa-automation-rule-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.mgh-superadmin-portal .mgh-sa-automation-rule-list>div{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:13px;
  border:1px solid #e3e7ec;
  border-radius:11px;
  background:#fbfcfd;
}

.mgh-superadmin-portal .mgh-sa-automation-rule-list .dashicons{
  color:#bb9684;
}

.mgh-superadmin-portal .mgh-sa-automation-rule-list strong{
  display:block;
  color:#1f3049;
  font-size:12px;
}

.mgh-superadmin-portal .mgh-sa-automation-rule-list small{
  display:block;
  margin-top:3px;
  color:#7f8a95;
  font-size:10px;
  line-height:1.45;
}

.mgh-superadmin-portal .mgh-sa-automation-history .mgh-sa-table td small{
  display:block;
  margin-top:4px;
  max-width:420px;
  color:#84909b;
  font-size:10px;
  line-height:1.45;
}

@media(max-width:1100px){
  .mgh-superadmin-portal .mgh-sa-automation-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .mgh-superadmin-portal .mgh-sa-automation-result-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:720px){
  .mgh-superadmin-portal .mgh-sa-automation-rule-list{
    grid-template-columns:1fr;
  }
}

@media(max-width:520px){
  .mgh-superadmin-portal .mgh-sa-automation-kpis,
  .mgh-superadmin-portal .mgh-sa-automation-result-grid{
    grid-template-columns:1fr;
  }
}


/* ======================================================
   v4.6.1 — CONFIGURACIÓN DE AUTOMATIZACIONES
   ====================================================== */

.mgh-superadmin-portal .mgh-sa-automation-settings{
  margin-bottom:18px;
}

.mgh-superadmin-portal .mgh-sa-automation-updated{
  color:#8c96a0;
  font-size:10px;
  line-height:1.4;
  text-align:right;
}

.mgh-superadmin-portal .mgh-sa-automation-settings-form{
  display:grid;
  gap:0;
}

.mgh-superadmin-portal .mgh-sa-automation-setting-row{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 170px;
  gap:13px;
  align-items:center;
  padding:13px 0;
  border-bottom:1px solid #e7eaee;
}

.mgh-superadmin-portal .mgh-sa-auto-switch{
  position:relative;
  width:38px;
  height:22px;
}

.mgh-superadmin-portal .mgh-sa-auto-switch input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.mgh-superadmin-portal .mgh-sa-auto-switch span{
  position:absolute;
  inset:0;
  border-radius:999px;
  background:#d7dce1;
  cursor:pointer;
  transition:.18s ease;
}

.mgh-superadmin-portal .mgh-sa-auto-switch span::after{
  content:"";
  position:absolute;
  width:16px;
  height:16px;
  left:3px;
  top:3px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 1px 3px rgba(0,0,0,.18);
  transition:.18s ease;
}

.mgh-superadmin-portal .mgh-sa-auto-switch input:checked + span{
  background:#1f3049;
}

.mgh-superadmin-portal .mgh-sa-auto-switch input:checked + span::after{
  transform:translateX(16px);
}

.mgh-superadmin-portal .mgh-sa-auto-setting-copy strong{
  display:block;
  color:#1f3049;
  font-size:12px;
}

.mgh-superadmin-portal .mgh-sa-auto-setting-copy small{
  display:block;
  margin-top:3px;
  color:#7e8994;
  font-size:10px;
  line-height:1.45;
}

.mgh-superadmin-portal .mgh-sa-auto-field{
  display:flex;
  flex-direction:column;
  gap:5px;
}

.mgh-superadmin-portal .mgh-sa-auto-field span{
  color:#77838f;
  font-size:9px;
  font-weight:800;
  text-transform:uppercase;
}

.mgh-superadmin-portal .mgh-sa-auto-field input,
.mgh-superadmin-portal .mgh-sa-automation-channel-box select{
  width:100%;
  box-sizing:border-box;
  min-height:38px;
  padding:8px 10px;
  border:1px solid #d9dee4;
  border-radius:9px;
  background:#fbfcfd;
  color:#465260;
  font-size:11px;
}

.mgh-superadmin-portal .mgh-sa-auto-static{
  color:#8a949e;
  font-size:10px;
  font-weight:700;
  text-align:right;
}

.mgh-superadmin-portal .mgh-sa-automation-channel-box{
  display:grid;
  grid-template-columns:minmax(0,1fr) 220px;
  gap:15px;
  align-items:center;
  margin-top:15px;
  padding:14px;
  border-radius:11px;
  background:#f4f6f8;
}

.mgh-superadmin-portal .mgh-sa-automation-channel-box strong{
  display:block;
  color:#1f3049;
  font-size:12px;
}

.mgh-superadmin-portal .mgh-sa-automation-channel-box small{
  display:block;
  margin-top:3px;
  color:#7b8792;
  font-size:10px;
}

.mgh-superadmin-portal .mgh-sa-automation-settings-actions{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:14px;
}

.mgh-superadmin-portal .mgh-sa-automation-settings-actions small{
  color:#87919b;
  font-size:10px;
}

.mgh-superadmin-portal .mgh-sa-automation-rule-list>div.is-disabled{
  opacity:.55;
  background:#f3f4f5;
}

@media(max-width:760px){
  .mgh-superadmin-portal .mgh-sa-automation-setting-row{
    grid-template-columns:42px minmax(0,1fr);
  }

  .mgh-superadmin-portal .mgh-sa-auto-field,
  .mgh-superadmin-portal .mgh-sa-auto-static{
    grid-column:2;
    text-align:left;
  }

  .mgh-superadmin-portal .mgh-sa-automation-channel-box{
    grid-template-columns:1fr;
  }
}

@media(max-width:520px){
  .mgh-superadmin-portal .mgh-sa-automation-settings-actions{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* ======================================================
   v5.0.0 — ALEGRA · CONEXIÓN SEGURA
   ====================================================== */

.mgh-superadmin-portal .mgh-sa-alegra-kpis{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-bottom:18px;
}

.mgh-superadmin-portal .mgh-sa-alegra-kpis .mgh-card{
  padding:17px;
}

.mgh-superadmin-portal .mgh-sa-alegra-kpis span{
  display:block;
  color:#818c97;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
}

.mgh-superadmin-portal .mgh-sa-alegra-kpis strong{
  display:block;
  margin-top:6px;
  color:#1f3049;
  font-size:18px;
  line-height:1.25;
}

.mgh-superadmin-portal .mgh-sa-alegra-kpis small{
  display:block;
  margin-top:5px;
  color:#929ca6;
  font-size:10px;
  line-height:1.4;
}

.mgh-superadmin-portal .mgh-sa-alegra-connected{
  display:flex;
  gap:16px;
  align-items:flex-start;
  margin-bottom:18px;
}

.mgh-superadmin-portal .mgh-sa-alegra-status-icon{
  width:48px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 48px;
  border-radius:50%;
  background:#edf6ef;
  color:#41724c;
}

.mgh-superadmin-portal .mgh-sa-alegra-status-icon .dashicons{
  width:24px;
  height:24px;
  font-size:24px;
}

.mgh-superadmin-portal .mgh-sa-alegra-connected-copy{
  flex:1;
  min-width:0;
}

.mgh-superadmin-portal .mgh-sa-alegra-connected-copy h3{
  margin:7px 0 12px !important;
  color:#1f3049 !important;
}

.mgh-superadmin-portal .mgh-sa-alegra-state{
  display:inline-flex;
  padding:5px 9px;
  border-radius:999px;
  background:#f0f2f4;
  color:#78838d;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.mgh-superadmin-portal .mgh-sa-alegra-state.is-connected{
  background:#edf6ef;
  color:#41724c;
}

.mgh-superadmin-portal .mgh-sa-alegra-state.is-disconnected{
  background:#fbf2e8;
  color:#8b6237;
}

.mgh-superadmin-portal .mgh-sa-alegra-company-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}

.mgh-superadmin-portal .mgh-sa-alegra-company-grid>div{
  padding:11px 12px;
  border:1px solid #e2e6eb;
  border-radius:10px;
  background:#fbfcfd;
}

.mgh-superadmin-portal .mgh-sa-alegra-company-grid span{
  display:block;
  color:#84909b;
  font-size:9px;
  font-weight:800;
  text-transform:uppercase;
}

.mgh-superadmin-portal .mgh-sa-alegra-company-grid strong{
  display:block;
  margin-top:5px;
  overflow-wrap:anywhere;
  color:#1f3049;
  font-size:11px;
}

.mgh-superadmin-portal .mgh-sa-alegra-address{
  margin:12px 0 0;
  color:#687480;
  font-size:11px;
}

.mgh-superadmin-portal .mgh-sa-alegra-error{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-bottom:18px;
  padding:13px 15px;
  border:1px solid #f0d7d7;
  border-radius:11px;
  background:#fbefef;
}

.mgh-superadmin-portal .mgh-sa-alegra-error .dashicons{
  color:#9d5151;
}

.mgh-superadmin-portal .mgh-sa-alegra-error strong{
  color:#7d3e3e;
  font-size:12px;
}

.mgh-superadmin-portal .mgh-sa-alegra-error p{
  margin:4px 0 0;
  color:#8e5b5b;
  font-size:11px;
}

.mgh-superadmin-portal .mgh-sa-alegra-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);
  gap:18px;
  margin-bottom:18px;
}

.mgh-superadmin-portal .mgh-sa-alegra-form{
  display:grid;
  gap:13px;
}

.mgh-superadmin-portal .mgh-sa-alegra-form label{
  display:flex;
  flex-direction:column;
  gap:6px;
  color:#1f3049;
  font-size:11px;
  font-weight:800;
}

.mgh-superadmin-portal .mgh-sa-alegra-form input{
  width:100%;
  box-sizing:border-box;
  min-height:45px;
  padding:10px 12px;
  border:1px solid #d8dee5;
  border-radius:10px;
  background:#fbfcfd;
  color:#465260;
  font:inherit;
  font-weight:500;
}

.mgh-superadmin-portal .mgh-sa-alegra-form label small{
  color:#8a949e;
  font-size:9px;
  font-weight:500;
  line-height:1.45;
}

.mgh-superadmin-portal .mgh-sa-alegra-form-actions{
  margin-top:2px;
}

.mgh-superadmin-portal .mgh-sa-alegra-audit{
  display:block;
  margin-top:12px;
  color:#909aa4;
  font-size:9px;
  line-height:1.4;
}

.mgh-superadmin-portal .mgh-sa-alegra-safety-list{
  display:grid;
  gap:9px;
}

.mgh-superadmin-portal .mgh-sa-alegra-safety-list>div{
  display:flex;
  align-items:flex-start;
  gap:9px;
  padding:11px;
  border:1px solid #e3e7ec;
  border-radius:10px;
  background:#fbfcfd;
}

.mgh-superadmin-portal .mgh-sa-alegra-safety-list .allowed .dashicons{
  color:#4f7d59;
}

.mgh-superadmin-portal .mgh-sa-alegra-safety-list .blocked .dashicons{
  color:#9b6666;
}

.mgh-superadmin-portal .mgh-sa-alegra-safety-list strong{
  display:block;
  color:#1f3049;
  font-size:11px;
}

.mgh-superadmin-portal .mgh-sa-alegra-safety-list small{
  display:block;
  margin-top:3px;
  color:#818c97;
  font-size:9px;
  line-height:1.45;
}

.mgh-superadmin-portal .mgh-sa-alegra-actions-card{
  margin-bottom:18px;
}

.mgh-superadmin-portal .mgh-sa-alegra-actions{
  display:flex;
  align-items:flex-start;
  gap:12px;
  flex-wrap:wrap;
}

.mgh-superadmin-portal .mgh-sa-alegra-actions form{
  margin:0;
}

.mgh-superadmin-portal .mgh-sa-alegra-disconnect{
  min-width:210px;
}

.mgh-superadmin-portal .mgh-sa-alegra-disconnect summary{
  color:#8b6363;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}

.mgh-superadmin-portal .mgh-sa-alegra-disconnect form{
  margin-top:9px;
  padding:11px;
  border:1px solid #eddede;
  border-radius:10px;
  background:#fcf7f7;
}

.mgh-superadmin-portal .mgh-sa-alegra-disconnect p{
  margin:0 0 9px;
  color:#826868;
  font-size:10px;
  line-height:1.45;
}

@media(max-width:1100px){
  .mgh-superadmin-portal .mgh-sa-alegra-grid{
    grid-template-columns:1fr;
  }

  .mgh-superadmin-portal .mgh-sa-alegra-company-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:720px){
  .mgh-superadmin-portal .mgh-sa-alegra-kpis{
    grid-template-columns:1fr;
  }
}

@media(max-width:520px){
  .mgh-superadmin-portal .mgh-sa-alegra-company-grid{
    grid-template-columns:1fr;
  }

  .mgh-superadmin-portal .mgh-sa-alegra-connected{
    flex-direction:column;
  }
}


/* ======================================================
   v5.0.1 — ALEGRA · VISTA PREVIA DE CONTACTOS
   ====================================================== */

.mgh-superadmin-portal .mgh-sa-alegra-contact-preview{
  margin-bottom:18px;
}

.mgh-superadmin-portal .mgh-sa-alegra-contact-preview .mgh-muted{
  margin:4px 0 0;
}

.mgh-superadmin-portal .mgh-sa-alegra-preview-kpis{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:9px;
  margin-bottom:14px;
}

.mgh-superadmin-portal .mgh-sa-alegra-preview-kpis>div{
  padding:12px;
  border:1px solid #e2e6eb;
  border-radius:10px;
  background:#fbfcfd;
}

.mgh-superadmin-portal .mgh-sa-alegra-preview-kpis span{
  display:block;
  color:#858f99;
  font-size:9px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.mgh-superadmin-portal .mgh-sa-alegra-preview-kpis strong{
  display:block;
  margin-top:5px;
  color:#1f3049;
  font-size:20px;
  line-height:1;
}

.mgh-superadmin-portal .mgh-sa-alegra-preview-note{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-bottom:14px;
  padding:11px 13px;
  border-radius:10px;
  background:#f4f6f8;
}

.mgh-superadmin-portal .mgh-sa-alegra-preview-note .dashicons{
  color:#bb9684;
}

.mgh-superadmin-portal .mgh-sa-alegra-preview-note strong{
  display:block;
  color:#1f3049;
  font-size:11px;
}

.mgh-superadmin-portal .mgh-sa-alegra-preview-note p{
  margin:3px 0 0;
  color:#77828d;
  font-size:10px;
  line-height:1.45;
}

.mgh-superadmin-portal .mgh-sa-alegra-preview-table td{
  vertical-align:top;
}

.mgh-superadmin-portal .mgh-sa-alegra-preview-table td strong{
  display:block;
}

.mgh-superadmin-portal .mgh-sa-alegra-preview-table td small{
  display:block;
  margin-top:3px;
  color:#89939d;
  font-size:9px;
  line-height:1.4;
}

.mgh-superadmin-portal .mgh-sa-alegra-match{
  display:inline-flex;
  padding:5px 8px;
  border-radius:999px;
  background:#f0f2f4;
  color:#6f7b86;
  font-size:9px;
  font-weight:800;
  white-space:nowrap;
}

.mgh-superadmin-portal .mgh-sa-alegra-match.exact,
.mgh-superadmin-portal .mgh-sa-alegra-match.linked{
  background:#edf6ef;
  color:#42724d;
}

.mgh-superadmin-portal .mgh-sa-alegra-match.possible{
  background:#fbf2e8;
  color:#8a6338;
}

.mgh-superadmin-portal .mgh-sa-alegra-match.none{
  background:#f2f3f5;
  color:#77828d;
}

.mgh-superadmin-portal .mgh-sa-alegra-match.ambiguous{
  background:#fbefef;
  color:#985050;
}

@media(max-width:1150px){
  .mgh-superadmin-portal .mgh-sa-alegra-preview-kpis{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:650px){
  .mgh-superadmin-portal .mgh-sa-alegra-preview-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}


/* ======================================================
   v5.0.2 — ALEGRA · VINCULACIÓN Y CREACIÓN CONTROLADA
   ====================================================== */

.mgh-superadmin-portal .mgh-sa-alegra-action-cell{
  min-width:145px;
}

.mgh-superadmin-portal .mgh-sa-alegra-action-cell form{
  margin:0;
}

.mgh-superadmin-portal .mgh-sa-alegra-mini-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:6px 9px;
  border:0;
  border-radius:8px;
  background:#1f3049;
  color:#fff;
  font-size:9px;
  font-weight:800;
  cursor:pointer;
}

.mgh-superadmin-portal .mgh-sa-alegra-mini-btn.is-muted{
  border:1px solid #dfe3e8;
  background:#fff;
  color:#75808b;
}

.mgh-superadmin-portal .mgh-sa-alegra-row-actions{
  display:grid;
  gap:7px;
}

.mgh-superadmin-portal .mgh-sa-alegra-manual-link{
  margin-top:6px;
}

.mgh-superadmin-portal .mgh-sa-alegra-manual-link summary{
  color:#876b5d;
  font-size:9px;
  font-weight:800;
  cursor:pointer;
}

.mgh-superadmin-portal .mgh-sa-alegra-manual-link form{
  display:grid;
  gap:6px;
  margin-top:7px;
  padding:8px;
  border:1px solid #e2e6eb;
  border-radius:9px;
  background:#fbfcfd;
}

.mgh-superadmin-portal .mgh-sa-alegra-manual-link select{
  width:100%;
  max-width:240px;
  min-height:34px;
  padding:6px 8px;
  border:1px solid #d8dee5;
  border-radius:8px;
  background:#fff;
  color:#465260;
  font-size:9px;
}

.mgh-superadmin-portal .mgh-sa-alegra-manual-link button{
  min-height:31px;
  padding:5px 8px;
  border:1px solid #cfd6de;
  border-radius:8px;
  background:#fff;
  color:#1f3049;
  font-size:9px;
  font-weight:800;
  cursor:pointer;
}


/* v5.1.0 — Alegra facturación */
.mgh-superadmin-portal .mgh-sa-billing-diagnostic,
.mgh-superadmin-portal .mgh-sa-billing-mapping,
.mgh-superadmin-portal .mgh-sa-billing-preview{margin-bottom:18px}
.mgh-superadmin-portal .mgh-sa-billing-kpis,
.mgh-superadmin-portal .mgh-sa-billing-preview-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:14px 0}
.mgh-superadmin-portal .mgh-sa-billing-preview-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
.mgh-superadmin-portal .mgh-sa-billing-kpis>div,
.mgh-superadmin-portal .mgh-sa-billing-preview-summary>div{padding:12px;border:1px solid #e2e6eb;border-radius:10px;background:#fbfcfd}
.mgh-superadmin-portal .mgh-sa-billing-kpis span,
.mgh-superadmin-portal .mgh-sa-billing-preview-summary span{display:block;color:#838e99;font-size:9px;font-weight:800;text-transform:uppercase}
.mgh-superadmin-portal .mgh-sa-billing-kpis strong,
.mgh-superadmin-portal .mgh-sa-billing-preview-summary strong{display:block;margin-top:5px;color:#1f3049;font-size:19px}
.mgh-superadmin-portal .mgh-sa-billing-subtitle{display:block;margin:18px 0 8px;color:#1f3049;font-size:11px}
.mgh-superadmin-portal .mgh-sa-billing-template-list{display:grid;gap:7px}
.mgh-superadmin-portal .mgh-sa-billing-template-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;border:1px solid #e2e6eb;border-radius:10px;background:#fbfcfd}
.mgh-superadmin-portal .mgh-sa-billing-template-row strong{display:block;color:#1f3049;font-size:11px}
.mgh-superadmin-portal .mgh-sa-billing-template-row small{display:block;margin-top:3px;color:#87929d;font-size:9px}
.mgh-superadmin-portal .mgh-sa-billing-template-tags{display:flex;gap:5px;flex-wrap:wrap}
.mgh-superadmin-portal .mgh-sa-billing-template-tags span{padding:4px 7px;border-radius:999px;background:#edf1f5;color:#65727e;font-size:8px;font-weight:800}
.mgh-superadmin-portal .mgh-sa-billing-number-choice{display:grid;grid-template-columns:1fr .8fr;gap:14px;margin-bottom:14px;padding:13px;border-radius:11px;background:#f4f6f8}
.mgh-superadmin-portal .mgh-sa-billing-number-choice label,
.mgh-superadmin-portal .mgh-sa-billing-number-choice>div{display:flex;flex-direction:column;gap:5px}
.mgh-superadmin-portal .mgh-sa-billing-number-choice span{color:#78848f;font-size:9px;font-weight:800;text-transform:uppercase}
.mgh-superadmin-portal .mgh-sa-billing-number-choice select,
.mgh-superadmin-portal .mgh-sa-billing-map-row select,
.mgh-superadmin-portal .mgh-sa-billing-period-form input{width:100%;box-sizing:border-box;min-height:37px;padding:7px 9px;border:1px solid #d8dee5;border-radius:8px;background:#fff;color:#465260;font-size:10px}
.mgh-superadmin-portal .mgh-sa-billing-map-table{overflow:hidden;border:1px solid #e1e5ea;border-radius:11px}
.mgh-superadmin-portal .mgh-sa-billing-map-head,
.mgh-superadmin-portal .mgh-sa-billing-map-row{display:grid;grid-template-columns:1.05fr 1.65fr 1fr 1fr;gap:9px;align-items:center;padding:10px 12px}
.mgh-superadmin-portal .mgh-sa-billing-map-head{background:#f4f6f8;color:#77838e;font-size:8px;font-weight:800;text-transform:uppercase}
.mgh-superadmin-portal .mgh-sa-billing-map-row{border-top:1px solid #e7eaee}
.mgh-superadmin-portal .mgh-sa-billing-map-row strong{color:#1f3049;font-size:10px}
.mgh-superadmin-portal .mgh-sa-billing-save-row{display:flex;align-items:center;gap:12px;margin-top:14px}
.mgh-superadmin-portal .mgh-sa-billing-save-row small{color:#87929d;font-size:9px}
.mgh-superadmin-portal .mgh-sa-billing-period-form{display:flex;align-items:flex-end;gap:8px}
.mgh-superadmin-portal .mgh-sa-billing-period-form label{display:flex;flex-direction:column;gap:4px}
.mgh-superadmin-portal .mgh-sa-billing-period-form label span{color:#7e8994;font-size:8px;font-weight:800;text-transform:uppercase}
.mgh-superadmin-portal .mgh-sa-billing-preview-table td{vertical-align:top}
.mgh-superadmin-portal .mgh-sa-billing-preview-table td small{display:block;margin-top:3px;color:#89949f;font-size:8px;line-height:1.4}
.mgh-superadmin-portal .mgh-sa-billing-state{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:800}
.mgh-superadmin-portal .mgh-sa-billing-state.is-ready{background:#edf6ef;color:#42724d}
.mgh-superadmin-portal .mgh-sa-billing-state.is-blocked{background:#fbefef;color:#985050}
.mgh-superadmin-portal .mgh-sa-billing-preview-result{display:flex;gap:10px;margin-bottom:13px;padding:12px 13px;border:1px solid #dceade;border-radius:10px;background:#f2f8f3}
.mgh-superadmin-portal .mgh-sa-billing-warning{display:flex;gap:9px;margin-top:13px;padding:11px 13px;border-radius:10px;background:#f4f6f8}
.mgh-superadmin-portal .mgh-sa-billing-warning p{margin:0;color:#75818c;font-size:9px;line-height:1.5}
@media(max-width:900px){
  .mgh-superadmin-portal .mgh-sa-billing-kpis{grid-template-columns:repeat(2,1fr)}
  .mgh-superadmin-portal .mgh-sa-billing-number-choice{grid-template-columns:1fr}
  .mgh-superadmin-portal .mgh-sa-billing-map-head,.mgh-superadmin-portal .mgh-sa-billing-map-row{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .mgh-superadmin-portal .mgh-sa-billing-kpis,.mgh-superadmin-portal .mgh-sa-billing-preview-summary,
  .mgh-superadmin-portal .mgh-sa-billing-map-row{grid-template-columns:1fr}
  .mgh-superadmin-portal .mgh-sa-billing-map-head{display:none}
}

/* v5.1.0.1 — clasificación de inmueble en vista de facturación */
.mgh-superadmin-portal .mgh-sa-billing-preview-table td:nth-child(3){
  font-weight:700;
  color:#1f3049;
}


/* ======================================================
   v5.1.0.2 — CATÁLOGO MAESTRO DE ALEGRA
   ====================================================== */

.mgh-superadmin-portal .mgh-sa-alegra-catalog{
  margin-bottom:18px;
}

.mgh-superadmin-portal .mgh-sa-alegra-catalog-table td{
  vertical-align:top;
}

.mgh-superadmin-portal .mgh-sa-alegra-catalog-table td strong{
  display:block;
  color:#1f3049;
  font-size:10px;
}

.mgh-superadmin-portal .mgh-sa-alegra-catalog-table td small{
  display:block;
  margin-top:3px;
  color:#89939d;
  font-size:8px;
  line-height:1.4;
}

.mgh-superadmin-portal .mgh-sa-alegra-catalog-table select{
  width:100%;
  min-width:190px;
  min-height:35px;
  padding:6px 8px;
  border:1px solid #d8dee5;
  border-radius:8px;
  background:#fff;
  color:#465260;
  font-size:9px;
}


/* v5.1.0.3 — referencia de inmueble y precios dinámicos */
.mgh-superadmin-portal .mgh-sa-alegra-catalog-table th:nth-child(2),
.mgh-superadmin-portal .mgh-sa-alegra-catalog-table td:nth-child(2){
  min-width:90px;
}


/* ======================================================
   v5.1.1 — PRIMER BORRADOR REAL ALEGRA
   ====================================================== */

.mgh-superadmin-portal .mgh-sa-billing-preview-summary-4{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.mgh-superadmin-portal .mgh-sa-billing-state.is-invoiced{
  background:#eef2f8;
  color:#415773;
}

.mgh-superadmin-portal .mgh-sa-billing-actions-cell{
  min-width:155px;
}

.mgh-superadmin-portal .mgh-sa-billing-actions-cell>form{
  margin:0 0 6px;
}

.mgh-superadmin-portal .mgh-sa-alegra-mini-btn.is-preview{
  background:#fff;
  color:#1f3049;
  border:1px solid #d7dde4;
}

.mgh-superadmin-portal .mgh-sa-create-invoice{
  margin-top:4px;
}

.mgh-superadmin-portal .mgh-sa-create-invoice>summary{
  color:#8a6b5c;
  font-size:9px;
  font-weight:800;
  cursor:pointer;
}

.mgh-superadmin-portal .mgh-sa-create-invoice>form{
  display:grid;
  gap:8px;
  margin-top:7px;
  padding:10px;
  border:1px solid #eadfd9;
  border-radius:10px;
  background:#fcf8f6;
  min-width:230px;
}

.mgh-superadmin-portal .mgh-sa-create-invoice-summary strong,
.mgh-superadmin-portal .mgh-sa-invoice-record strong{
  display:block;
  color:#1f3049;
  font-size:10px;
}

.mgh-superadmin-portal .mgh-sa-create-invoice-summary small,
.mgh-superadmin-portal .mgh-sa-invoice-record small{
  display:block;
  margin-top:3px;
  color:#7e8994;
  font-size:8px;
  line-height:1.4;
}

.mgh-superadmin-portal .mgh-sa-create-confirm{
  display:flex;
  gap:7px;
  align-items:flex-start;
  color:#684f45;
  font-size:8px;
  line-height:1.4;
}

.mgh-superadmin-portal .mgh-sa-create-confirm input{
  margin:1px 0 0;
  flex:0 0 auto;
}

.mgh-superadmin-portal .mgh-sa-alegra-mini-btn.is-create{
  background:#bb9684;
}

.mgh-superadmin-portal .mgh-sa-invoice-record{
  padding:7px 8px;
  border:1px solid #dde3ea;
  border-radius:8px;
  background:#f7f9fb;
}

@media(max-width:900px){
  .mgh-superadmin-portal .mgh-sa-billing-preview-summary-4{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:560px){
  .mgh-superadmin-portal .mgh-sa-billing-preview-summary-4{
    grid-template-columns:1fr;
  }
}


/* ======================================================
   v5.1.1.1 — MAPEO COORDINADO ALEGRA ↔ MI GOLDEN HOUSE
   ====================================================== */

.mgh-superadmin-portal .mgh-sa-alegra-catalog-table{
  min-width:1050px;
}

.mgh-superadmin-portal .mgh-sa-alegra-catalog-table .mgh-sa-catalog-enabled{
  width:72px;
}

.mgh-superadmin-portal .mgh-sa-catalog-enabled label{
  display:flex;
  align-items:center;
  gap:5px;
  color:#67737e;
  font-size:9px;
  font-weight:700;
}

.mgh-superadmin-portal .mgh-sa-catalog-enabled input{
  margin:0;
}

.mgh-superadmin-portal .mgh-sa-billing-mapping-guide{
  margin-bottom:18px;
}

.mgh-superadmin-portal .mgh-sa-billing-mapping-guide-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
}

.mgh-superadmin-portal .mgh-sa-billing-mapping-guide-grid>div{
  padding:11px;
  border:1px solid #e2e6eb;
  border-radius:10px;
  background:#fbfcfd;
}

.mgh-superadmin-portal .mgh-sa-billing-mapping-guide-grid span{
  display:block;
  color:#89939d;
  font-size:8px;
  font-weight:800;
  text-transform:uppercase;
}

.mgh-superadmin-portal .mgh-sa-billing-mapping-guide-grid strong{
  display:block;
  margin-top:4px;
  color:#1f3049;
  font-size:10px;
}

.mgh-superadmin-portal .mgh-sa-billing-mapping-guide-grid small{
  display:block;
  margin-top:3px;
  color:#87919b;
  font-size:8px;
  line-height:1.4;
}

@media(max-width:900px){
  .mgh-superadmin-portal .mgh-sa-billing-mapping-guide-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:560px){
  .mgh-superadmin-portal .mgh-sa-billing-mapping-guide-grid{
    grid-template-columns:1fr;
  }
}


/* ======================================================
   v5.1.2 — EMISIÓN ELECTRÓNICA CONTROLADA
   ====================================================== */

.mgh-superadmin-portal .mgh-sa-billing-state.is-emitted{
  background:#eaf6ee;
  color:#356e45;
}

.mgh-superadmin-portal .mgh-sa-billing-state.is-draft{
  margin-top:6px;
  background:#eef2f8;
  color:#4b6078;
}

.mgh-superadmin-portal .mgh-sa-billing-state.is-pending-check{
  background:#fbf3e8;
  color:#8a6539;
}

.mgh-superadmin-portal .mgh-sa-billing-state.is-stamp-error{
  margin-top:6px;
  background:#fbefef;
  color:#985050;
}

.mgh-superadmin-portal .mgh-sa-stamp-invoice{
  margin-top:7px;
}

.mgh-superadmin-portal .mgh-sa-stamp-invoice>summary{
  color:#8a6b5c;
  font-size:9px;
  font-weight:800;
  cursor:pointer;
}

.mgh-superadmin-portal .mgh-sa-stamp-invoice>form{
  display:grid;
  gap:8px;
  margin-top:7px;
  padding:10px;
  border:1px solid #eadfd9;
  border-radius:10px;
  background:#fcf8f6;
  min-width:230px;
}

.mgh-superadmin-portal .mgh-sa-stamp-warning{
  padding:8px;
  border-radius:8px;
  background:#fff3ed;
}

.mgh-superadmin-portal .mgh-sa-stamp-warning strong{
  display:block;
  color:#7e4f3e;
  font-size:9px;
}

.mgh-superadmin-portal .mgh-sa-stamp-warning small{
  display:block;
  margin-top:3px;
  color:#86675c;
  font-size:8px;
  line-height:1.4;
}

.mgh-superadmin-portal .mgh-sa-alegra-mini-btn.is-stamp{
  background:#bb9684;
}


/* ======================================================
   v5.2.0 — CENTRO DE CARGOS FACTURABLES
   ====================================================== */

.mgh-superadmin-portal .mgh-sa-billable-charges{
  margin-bottom:18px;
}

.mgh-superadmin-portal .mgh-sa-charge-form-wrap{
  margin-bottom:16px;
  padding:14px;
  border:1px solid #e2e6eb;
  border-radius:11px;
  background:#f8fafb;
}

.mgh-superadmin-portal .mgh-sa-charge-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.mgh-superadmin-portal .mgh-sa-charge-form label{
  display:flex;
  flex-direction:column;
  gap:5px;
}

.mgh-superadmin-portal .mgh-sa-charge-form label>span{
  color:#75818c;
  font-size:9px;
  font-weight:800;
  text-transform:uppercase;
}

.mgh-superadmin-portal .mgh-sa-charge-form input,
.mgh-superadmin-portal .mgh-sa-charge-form select,
.mgh-superadmin-portal .mgh-sa-charge-form textarea{
  width:100%;
  box-sizing:border-box;
  padding:8px 9px;
  border:1px solid #d8dee5;
  border-radius:8px;
  background:#fff;
  color:#465260;
  font-size:10px;
}

.mgh-superadmin-portal .mgh-sa-charge-full{
  grid-column:1/-1;
}

.mgh-superadmin-portal .mgh-sa-charge-form-actions{
  display:flex;
  flex-direction:row!important;
  gap:8px!important;
  align-items:center;
}

.mgh-superadmin-portal .mgh-sa-charge-table{
  min-width:1000px;
}

.mgh-superadmin-portal .mgh-sa-charge-table td{
  vertical-align:top;
}

.mgh-superadmin-portal .mgh-sa-charge-table td strong{
  display:block;
  color:#1f3049;
  font-size:10px;
}

.mgh-superadmin-portal .mgh-sa-charge-table td small{
  display:block;
  margin-top:3px;
  color:#87929d;
  font-size:8px;
  line-height:1.4;
}

.mgh-superadmin-portal .mgh-sa-billing-state.is-charge-ready{
  background:#edf6ef;
  color:#42724d;
}

.mgh-superadmin-portal .mgh-sa-billing-state.is-charge-invoiced{
  background:#eef2f8;
  color:#415773;
}

.mgh-superadmin-portal .mgh-sa-billing-state.is-charge-emitted{
  background:#eaf6ee;
  color:#356e45;
}

.mgh-superadmin-portal .mgh-sa-billing-state.is-charge-cancelled{
  background:#f1f2f4;
  color:#79838d;
}

.mgh-superadmin-portal .mgh-sa-charge-actions{
  min-width:160px;
}

.mgh-superadmin-portal .mgh-sa-charge-cancel-form{
  margin-top:7px;
}

.mgh-superadmin-portal .mgh-sa-charge-cancel-form button{
  padding:0;
  border:0;
  background:transparent;
  color:#9a6a6a;
  font-size:8px;
  font-weight:700;
  cursor:pointer;
}

@media(max-width:700px){
  .mgh-superadmin-portal .mgh-sa-charge-form{
    grid-template-columns:1fr;
  }
  .mgh-superadmin-portal .mgh-sa-charge-full{
    grid-column:auto;
  }
}


/* ======================================================
   v5.2.1 — MANTENIMIENTO → CARGO FACTURABLE
   ====================================================== */

.mgh-superadmin-portal .mgh-sa-maintenance-billing{
  margin-top:12px;
  padding:12px;
  border:1px solid #e5e8ec;
  border-radius:10px;
  background:#fafbfc;
}

.mgh-superadmin-portal .mgh-sa-maintenance-billing-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
}

.mgh-superadmin-portal .mgh-sa-maintenance-billing-head>div>span{
  display:block;
  color:#8a949e;
  font-size:8px;
  font-weight:800;
  letter-spacing:.05em;
}

.mgh-superadmin-portal .mgh-sa-maintenance-billing-head>div>strong{
  display:block;
  margin-top:3px;
  color:#1f3049;
  font-size:10px;
}

.mgh-superadmin-portal .mgh-sa-maintenance-billing p{
  margin:8px 0 0;
  color:#74808b;
  font-size:9px;
  line-height:1.5;
}

.mgh-superadmin-portal .mgh-sa-maintenance-charge-create{
  margin-top:9px;
}

.mgh-superadmin-portal .mgh-sa-maintenance-charge-create>summary{
  color:#8a6b5c;
  font-size:9px;
  font-weight:800;
  cursor:pointer;
}

.mgh-superadmin-portal .mgh-sa-maintenance-charge-create>form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin-top:9px;
  padding:11px;
  border:1px solid #eadfd9;
  border-radius:10px;
  background:#fcf8f6;
}

.mgh-superadmin-portal .mgh-sa-maintenance-charge-create label{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.mgh-superadmin-portal .mgh-sa-maintenance-charge-create label>span,
.mgh-superadmin-portal .mgh-sa-maintenance-charge-summary>span{
  color:#7f8993;
  font-size:8px;
  font-weight:800;
  text-transform:uppercase;
}

.mgh-superadmin-portal .mgh-sa-maintenance-charge-create select,
.mgh-superadmin-portal .mgh-sa-maintenance-charge-create input{
  width:100%;
  box-sizing:border-box;
  min-height:35px;
  padding:7px 8px;
  border:1px solid #d8dee5;
  border-radius:8px;
  background:#fff;
  color:#465260;
  font-size:9px;
}

.mgh-superadmin-portal .mgh-sa-maintenance-charge-summary{
  grid-column:1/-1;
  padding:9px;
  border-radius:8px;
  background:#fff;
}

.mgh-superadmin-portal .mgh-sa-maintenance-charge-summary strong{
  display:block;
  margin-top:3px;
  color:#1f3049;
  font-size:12px;
}

.mgh-superadmin-portal .mgh-sa-maintenance-charge-summary small{
  display:block;
  margin-top:2px;
  color:#87919b;
  font-size:8px;
}

.mgh-superadmin-portal .mgh-sa-maintenance-charge-create button{
  grid-column:1/-1;
  justify-self:start;
}

.mgh-superadmin-portal .mgh-sa-charge-source{
  color:#8a6b5c!important;
  font-weight:700;
}

@media(max-width:650px){
  .mgh-superadmin-portal .mgh-sa-maintenance-charge-create>form{
    grid-template-columns:1fr;
  }
  .mgh-superadmin-portal .mgh-sa-maintenance-charge-summary,
  .mgh-superadmin-portal .mgh-sa-maintenance-charge-create button{
    grid-column:auto;
  }
}


/* ======================================================
   v5.2.2 — NOVEDAD FINANCIERA → CARGO FACTURABLE
   ====================================================== */

.mgh-notice-billing-box .mgh-notice-billing-amount{
  color:#1f3049;
  font-size:18px;
  font-weight:800;
}

.mgh-notice-billing-box .mgh-notice-billing-separation{
  margin:10px 0;
  padding:9px;
  border-left:3px solid #bb9684;
  background:#fff7f2;
  color:#755b4f;
  font-size:12px;
  line-height:1.45;
}

.mgh-notice-billing-box .mgh-notice-billing-separation strong{
  display:block;
  margin-top:3px;
}

.mgh-notice-billing-box .mgh-notice-billing-linked{
  display:grid;
  gap:3px;
  margin:10px 0;
  padding:10px;
  border:1px solid #dde3e8;
  border-radius:6px;
  background:#f8fafb;
}

.mgh-notice-billing-box .mgh-notice-billing-linked strong{
  color:#1f3049;
}

.mgh-notice-billing-box .mgh-notice-billing-linked span{
  color:#68747f;
  font-size:12px;
}

.mgh-superadmin-portal .mgh-sa-charge-source{
  color:#8a6b5c!important;
  font-weight:700;
}


/* ======================================================
   v5.3.0 — FLUJO COMERCIAL DE MANTENIMIENTO
   ====================================================== */

.mgh-superadmin-portal .mgh-sa-maintenance-commercial{
  margin-top:14px;
  padding:14px;
  border:1px solid #e1e6eb;
  border-radius:12px;
  background:#fafbfc;
}

.mgh-superadmin-portal .mgh-sa-maintenance-commercial-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}

.mgh-superadmin-portal .mgh-sa-maintenance-commercial-head span:first-child{
  display:block;
  color:#8a949e;
  font-size:8px;
  font-weight:800;
  letter-spacing:.06em;
}

.mgh-superadmin-portal .mgh-sa-maintenance-commercial-head h4{
  margin:3px 0 0;
  color:#1f3049;
  font-size:12px;
}

.mgh-superadmin-portal .mgh-sa-maintenance-money-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-bottom:10px;
}

.mgh-superadmin-portal .mgh-sa-maintenance-money-grid>div{
  padding:10px;
  border:1px solid #e4e8ec;
  border-radius:9px;
  background:#fff;
}

.mgh-superadmin-portal .mgh-sa-maintenance-money-grid span{
  display:block;
  color:#8b959f;
  font-size:8px;
  font-weight:800;
  text-transform:uppercase;
}

.mgh-superadmin-portal .mgh-sa-maintenance-money-grid strong{
  display:block;
  margin-top:4px;
  color:#1f3049;
  font-size:12px;
}

.mgh-superadmin-portal .mgh-sa-maintenance-money-grid small{
  display:block;
  margin-top:3px;
  color:#929ba4;
  font-size:8px;
}

.mgh-superadmin-portal .mgh-sa-maint-doc{
  display:inline-flex;
  margin:3px 6px 8px 0;
  color:#8a6b5c;
  font-size:9px;
  font-weight:800;
  text-decoration:none;
}

.mgh-superadmin-portal .mgh-sa-maintenance-alert{
  margin:8px 0;
  padding:9px 10px;
  border-left:3px solid #bb9684;
  border-radius:7px;
  background:#fff5ef;
  color:#795b4e;
  font-size:9px;
  line-height:1.45;
}

.mgh-superadmin-portal .mgh-sa-maintenance-alert strong{
  display:block;
  margin-bottom:2px;
}

.mgh-superadmin-portal .mgh-sa-maintenance-inline-form{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:9px;
  padding:10px;
  border:1px solid #eadfd9;
  border-radius:9px;
  background:#fcf8f6;
}

.mgh-superadmin-portal .mgh-sa-maintenance-inline-form strong,
.mgh-superadmin-portal .mgh-sa-maintenance-pending strong,
.mgh-superadmin-portal .mgh-sa-maintenance-commercial-status strong{
  display:block;
  color:#1f3049;
  font-size:10px;
}

.mgh-superadmin-portal .mgh-sa-maintenance-inline-form small,
.mgh-superadmin-portal .mgh-sa-maintenance-pending span,
.mgh-superadmin-portal .mgh-sa-maintenance-pending small,
.mgh-superadmin-portal .mgh-sa-maintenance-commercial-status span,
.mgh-superadmin-portal .mgh-sa-maintenance-commercial-status small{
  display:block;
  margin-top:3px;
  color:#7f8a94;
  font-size:8px;
}

.mgh-superadmin-portal .mgh-sa-maintenance-pending,
.mgh-superadmin-portal .mgh-sa-maintenance-commercial-status{
  margin-top:9px;
  padding:10px;
  border:1px solid #e1e6eb;
  border-radius:9px;
  background:#fff;
}

.mgh-superadmin-portal .mgh-sa-billing-state.is-quote-approved{
  background:#eaf6ee;
  color:#356e45;
}

.mgh-superadmin-portal .mgh-sa-billing-state.is-quote-pending{
  background:#fff5e8;
  color:#91683c;
}

.mgh-superadmin-portal .mgh-sa-billing-state.is-quote-rejected{
  background:#fbefef;
  color:#985050;
}

.mgh-superadmin-portal .mgh-sa-provider-payment-form{
  display:flex;
  gap:8px;
  align-items:end;
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid #e4e8ec;
}

.mgh-superadmin-portal .mgh-sa-provider-payment-form label{
  display:grid;
  gap:4px;
}

.mgh-superadmin-portal .mgh-sa-provider-payment-form label>span{
  color:#7f8993;
  font-size:8px;
  font-weight:800;
  text-transform:uppercase;
}

.mgh-superadmin-portal .mgh-sa-provider-payment-form select{
  min-height:34px;
  border:1px solid #d8dee5;
  border-radius:8px;
  background:#fff;
  font-size:9px;
}

.mgh-superadmin-portal .mgh-sa-maintenance-margin-card form{
  display:grid;
  gap:10px;
  margin-top:10px;
}

.mgh-superadmin-portal .mgh-sa-maintenance-margin-card label>span{
  display:block;
  margin-bottom:4px;
  color:#7f8993;
  font-size:9px;
  font-weight:800;
}

.mgh-superadmin-portal .mgh-sa-margin-input{
  display:flex;
  align-items:center;
  gap:7px;
}

.mgh-superadmin-portal .mgh-sa-margin-input input{
  width:120px;
  padding:8px;
  border:1px solid #d8dee5;
  border-radius:8px;
}

.mgh-superadmin-portal .mgh-sa-margin-input strong{
  color:#1f3049;
}

/* Coordinador: datos internos y vista comercial, sin tocar otros portales. */
.mgh-maintenance-minimal-portal .mgh-maint-commercial-preview{
  padding:11px;
  border:1px solid #eadfd9;
  border-radius:10px;
  background:#fcf8f6;
}

.mgh-maintenance-minimal-portal .mgh-maint-commercial-preview>span{
  display:block;
  color:#8a6b5c;
  font-size:8px;
  font-weight:800;
  letter-spacing:.05em;
}

.mgh-maintenance-minimal-portal .mgh-maint-commercial-preview>strong{
  display:block;
  margin-top:4px;
  color:#1f3049;
  font-size:15px;
}

.mgh-maintenance-minimal-portal .mgh-maint-commercial-preview>small{
  display:block;
  margin-top:4px;
  color:#7f8993;
  font-size:8px;
  line-height:1.45;
}

@media(max-width:900px){
  .mgh-superadmin-portal .mgh-sa-maintenance-money-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:600px){
  .mgh-superadmin-portal .mgh-sa-maintenance-money-grid{
    grid-template-columns:1fr;
  }

  .mgh-superadmin-portal .mgh-sa-maintenance-inline-form,
  .mgh-superadmin-portal .mgh-sa-provider-payment-form{
    align-items:stretch;
    flex-direction:column;
  }
}


/* v6.3.6 · acciones protegidas de eliminación */
.mgh-superadmin-portal .mgh-sa-row-actions{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}
.mgh-superadmin-portal .mgh-sa-delete-link,
.mgh-superadmin-portal .mgh-sa-danger-link{
  color:#9a3d3d !important;
  text-decoration:none !important;
  font-weight:700;
}
.mgh-superadmin-portal .mgh-sa-delete-link:hover{
  text-decoration:underline !important;
}
.mgh-superadmin-portal .mgh-sa-danger-link{
  border-color:#dfb9b9 !important;
  background:#fff7f6 !important;
}
.mgh-superadmin-portal .mgh-sa-danger-link:hover{
  background:#9a3d3d !important;
  border-color:#9a3d3d !important;
  color:#fff !important;
}

/* v6.3.7 · ajustes puntuales solicitados */
.mgh-superadmin-portal .mgh-sa-delete-link{color:#9a3d3d!important;text-decoration:none!important;font-weight:700}
.mgh-superadmin-portal .mgh-sa-delete-link:hover{text-decoration:underline!important}


/* v6.3.8 · PDFs de contratos */
.mgh-superadmin-portal .mgh-contract-file-list{
  display:grid;
  gap:8px;
}
.mgh-superadmin-portal .mgh-contract-file-list a{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:center;
  padding:10px 12px;
  border:1px solid #e2e5e9;
  border-radius:9px;
  text-decoration:none!important;
  color:#1f3049;
  background:#fff;
}
.mgh-superadmin-portal .mgh-contract-file-list a span{
  color:#bb9684;
  font-size:12px;
  font-weight:700;
}
.mgh-contract-owner-list{
  display:grid;
  gap:12px;
}
.mgh-contract-owner-card{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  padding:16px;
  border:1px solid #e5e8ec;
  border-radius:12px;
  background:#fff;
}
.mgh-contract-owner-card h4{
  margin:4px 0;
  color:#1f3049;
}
.mgh-contract-owner-card p{
  margin:0 0 5px;
  color:#5f6b7b;
}
.mgh-contract-owner-card small{
  color:#7a8490;
}
.mgh-contract-owner-files{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}
@media(max-width:760px){
  .mgh-contract-owner-card{display:block}
  .mgh-contract-owner-files{justify-content:flex-start;margin-top:12px}
}

/* v6.4.0 */
.mgh-superadmin-portal .mgh-v640-account-selector{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-bottom:14px}.mgh-superadmin-portal .mgh-v640-account-selector label{min-width:320px;max-width:520px;flex:1}


/* v6.4.1 · íconos SVG internos del menú Super Administrador */
.mgh-superadmin-portal .mgh-menu-icon{
  width:32px;
  height:32px;
  min-width:32px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.34);
  border-radius:9px;
  color:currentColor;
  box-sizing:border-box;
}
.mgh-superadmin-portal .mgh-menu-icon svg{
  display:block;
  width:18px;
  height:18px;
}
.mgh-superadmin-portal .mgh-sidebar nav a:hover .mgh-menu-icon,
.mgh-superadmin-portal .mgh-sidebar nav a.active .mgh-menu-icon{
  border-color:rgba(255,255,255,.72);
  background:rgba(255,255,255,.10);
}
.mgh-superadmin-portal .mgh-topbar-logout{
  display:inline-flex;
  align-items:center;
  gap:7px;
}
.mgh-superadmin-portal .mgh-topbar-logout .mgh-menu-icon{
  width:22px;
  height:22px;
  min-width:22px;
  border:0;
  border-radius:0;
}
.mgh-superadmin-portal .mgh-topbar-logout .mgh-menu-icon svg{
  width:17px;
  height:17px;
}


/* v6.4.2 · administración de comisiones */
.mgh-superadmin-portal .mgh-v642-commission-actions,
.mgh-superadmin-portal .mgh-v642-row-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.mgh-superadmin-portal .mgh-v642-delete-link{
  color:#9a3d3d!important;
  text-decoration:none!important;
  font-weight:700;
}
.mgh-superadmin-portal .mgh-v642-delete-link:hover{
  text-decoration:underline!important;
}
.mgh-superadmin-portal .mgh-v642-delete-btn{
  color:#9a3d3d!important;
  border-color:#dfb9b9!important;
  background:#fff7f6!important;
}
.mgh-superadmin-portal .mgh-v642-delete-btn:hover{
  color:#fff!important;
  border-color:#9a3d3d!important;
  background:#9a3d3d!important;
}


/* v6.4.3 · Pagos y cartera mensual */
.mgh-superadmin-portal .mgh-v643-period-card{
  display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap
}
.mgh-superadmin-portal .mgh-v643-period-form{
  display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap
}
.mgh-superadmin-portal .mgh-v643-period-form label{display:grid;gap:6px;font-weight:700;color:#1f3049}
.mgh-superadmin-portal .mgh-v643-two-col{
  display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px
}
.mgh-superadmin-portal .mgh-v643-row-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.mgh-superadmin-portal .mgh-v643-delete{color:#9a3d3d!important;font-weight:700;text-decoration:none!important}
.mgh-superadmin-portal .mgh-v643-inline-action{display:inline-flex;gap:4px;margin:0}
.mgh-superadmin-portal .mgh-v643-inline-action button{
  border:1px solid #d9dee5;background:#fff;border-radius:7px;padding:3px 8px;cursor:pointer
}
.mgh-superadmin-portal .mgh-v643-negative{color:#2b6e49}
@media(max-width:980px){
  .mgh-superadmin-portal .mgh-v643-two-col{grid-template-columns:1fr}
}


/* v6.4.4 · Vista como propietario / inquilino */
.mgh-superadmin-portal .mgh-sa-preview-link{
  color:#526f91!important;
  text-decoration:none!important;
  font-weight:700;
}
.mgh-superadmin-portal .mgh-sa-preview-link:hover{
  text-decoration:underline!important;
}
.mgh-admin-preview-shell{
  min-height:100vh;
  background:#f4f5f7;
}
.mgh-admin-preview-bar{
  position:sticky;
  top:0;
  z-index:99999;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:12px 20px;
  background:#bb9684;
  color:#fff;
  box-shadow:0 2px 12px rgba(31,48,73,.18);
}
.mgh-admin-preview-bar div{
  display:grid;
  gap:2px;
}
.mgh-admin-preview-bar strong{
  font-size:13px;
  letter-spacing:.2px;
}
.mgh-admin-preview-bar span{
  font-size:12px;
}
.mgh-admin-preview-bar a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:8px 13px;
  border-radius:8px;
  background:#1f3049;
  color:#fff!important;
  text-decoration:none!important;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
.mgh-admin-preview-content form{
  opacity:.72;
}
.mgh-admin-preview-content input:disabled,
.mgh-admin-preview-content select:disabled,
.mgh-admin-preview-content textarea:disabled,
.mgh-admin-preview-content button:disabled{
  cursor:not-allowed!important;
}
@media(max-width:720px){
  .mgh-admin-preview-bar{
    align-items:flex-start;
    flex-direction:column;
  }
  .mgh-admin-preview-bar a{
    width:100%;
  }
}


/* v6.4.5 · múltiples roles Golden House */
.mgh-superadmin-portal .mgh-v645-role-box{
  padding:15px 16px;
  border:1px solid #e2e5e9;
  border-radius:10px;
  background:#faf9f8;
  display:grid;
  gap:8px;
}
.mgh-superadmin-portal .mgh-v645-role-box>strong{color:#1f3049}
.mgh-superadmin-portal .mgh-v645-role-box>small{color:#6f7988;margin-bottom:3px}
.mgh-superadmin-portal .mgh-v645-role-box label{
  display:flex;
  align-items:center;
  gap:8px;
  font-weight:700;
  color:#1f3049;
}
.mgh-superadmin-portal .mgh-v645-role-box input{width:auto}
.mgh-role-switch{
  display:flex!important;
  align-items:center;
  justify-content:center;
  margin:7px 0;
  padding:10px 12px!important;
  border:1px solid rgba(255,255,255,.28);
  border-radius:9px;
  color:#fff!important;
  text-decoration:none!important;
  font-size:12px;
  font-weight:800;
}
.mgh-role-switch:hover{background:#bb9684!important;border-color:#bb9684!important}
.mgh-role-switch-note{display:block;padding:6px 4px;color:rgba(255,255,255,.72);font-size:10px;line-height:1.35}


/* v6.4.7 · descarga de fotografías de inmuebles */
.mgh-superadmin-portal .mgh-v647-download-all{
  display:inline-flex;
  align-items:center;
  white-space:nowrap;
}
.mgh-superadmin-portal .mgh-v611-existing-image{
  position:relative;
}
.mgh-superadmin-portal .mgh-v647-download-image{
  position:absolute;
  left:8px;
  bottom:8px;
  z-index:5;
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#1f3049;
  color:#fff!important;
  text-decoration:none!important;
  font-size:18px;
  font-weight:800;
  line-height:1;
  box-shadow:0 3px 10px rgba(31,48,73,.24);
}
.mgh-superadmin-portal .mgh-v647-download-image:hover{
  background:#bb9684;
}
.mgh-superadmin-portal .mgh-v647-download-note{
  margin:10px 0 14px;
  padding:10px 12px;
  border-radius:9px;
  background:#f7f4f2;
  color:#5f6c7e;
  font-size:12px;
  line-height:1.45;
}