/* Iparwork 1.6.1 · ajuste visual de backoffice */
:root{--internal-content-max:1540px}

/* Marca Iparwork = acceso al dashboard. Isotipos siempre sobre blanco. */
.internal-brand{min-width:max-content;padding:4px 7px 4px 5px;border:1px solid var(--line);border-radius:11px;background:#fff;transition:.15s ease}
.internal-brand:hover,.internal-brand.active{background:#f3f7fb;border-color:#cfdae6}
.internal-brand.active{box-shadow:inset 0 -2px 0 var(--brand-magenta)}
.internal-brand-marks{padding:0;border:0;border-radius:0}
.internal-brand-name{font-size:13px;font-weight:850;letter-spacing:-.2px;color:var(--ink)}

/* La versión queda visible debajo del usuario interno. */
.account-chip small.account-version{margin-top:0;color:#8a99aa;font-size:9px;line-height:1.15}

/* Un único ancho visual para el backoffice, usando Actividades como referencia. */
.internal-main .content-shell{padding:24px 30px 38px!important}
.internal-main .content-shell>*{width:100%;max-width:var(--internal-content-max);margin-left:auto;margin-right:auto}
.internal-main .panel-card,.internal-main .activity-panel{width:100%}

/* Los menús secundarios empiezan exactamente donde empieza la tabla/panel. */
.subtabs-shell{width:100%;max-width:var(--internal-content-max);margin:0 auto 16px}
.subtabs-shell .subtabs{margin:0!important}

/* Backoffice más compacto para aprovechar una pantalla de escritorio. */
.internal-main .page-header{margin-bottom:16px}
.internal-main .page-header h1{font-size:29px}
.internal-main .hero{min-height:178px;padding:29px 34px;margin-bottom:16px}
.internal-main .hero h1{font-size:33px;margin-bottom:8px}
.internal-main .hero-actions{margin-top:18px}
.internal-main .kpi-grid{gap:11px;margin-bottom:16px}
.internal-main .kpi-card{padding:14px 16px}
.internal-main .kpi-card strong{margin-top:5px;font-size:25px}
.internal-main .panel-card{padding:18px 20px}
.internal-main .panel-heading{margin-bottom:12px}

/* Centro de importación claramente separado de los importadores concretos. */
.importer-grid{width:100%}
.importer-card{min-height:185px}
.importer-card-featured{box-shadow:0 10px 28px rgba(11,127,150,.08)}

@media(max-width:1320px){
  .internal-brand-name{display:none}
}
@media(max-width:980px){
  .internal-main .content-shell{padding:22px 18px 34px!important}
  .subtabs-shell{margin-bottom:14px}
}