/* Iparwork 1.7.0 · Clientes, paneles y compactación */

/* Subnavegación de Clientes, alineada con el ancho común del backoffice. */
.client-subtabs-shell{margin-top:-2px}

/* Directorio de usuarios: mismo ancho general, menos altura y menos aire. */
.client-users-directory{padding:14px 18px!important}
.client-users-directory .panel-heading{margin-bottom:8px!important}
.client-users-directory .user-directory-filters{gap:8px;margin-bottom:6px}
.client-users-directory .user-directory-filters input,
.client-users-directory .user-directory-filters select{min-height:38px;padding:7px 10px}
.client-users-directory .user-directory-row{min-height:50px;padding:7px 0}
.client-users-directory .user-avatar{width:32px;height:32px;font-size:12px}
.client-users-directory .user-directory-main{gap:10px}
.client-users-directory .user-directory-main b{font-size:12px}
.client-users-directory .user-directory-main small,
.client-users-directory .user-directory-main em{font-size:9px}
.client-users-directory .pill{padding:5px 10px}
.compact-page-header{margin-bottom:12px!important}

/* Paneles de cliente. */
.client-panels-card{max-width:980px!important;margin-left:auto!important;margin-right:auto!important}
.client-panel-launch{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}
.client-panel-launch label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:800}
.client-panel-launch input[type=text],.client-panel-launch input:not([type]){width:100%;padding:11px 12px;border:1px solid var(--line-strong);border-radius:11px;background:#fff}
.client-panel-notice{margin-top:16px}

/* Franja inequívoca cuando un manager/administrador revisa el portal de un cliente. */
.client-preview-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 22px;background:#fff4f9;border-bottom:1px solid #f0bed7;color:var(--ink);font-size:11px}
.client-preview-banner span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.client-preview-banner b{color:var(--brand-magenta)}
.client-preview-banner em{margin-left:8px;padding:3px 7px;border-radius:999px;background:#fff;color:#8b3a66;font-style:normal;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.5px}
.client-preview-banner a{flex:none;color:var(--brand-magenta);font-weight:850;text-decoration:none}
.client-preview-page .workspace-main{min-width:0}

/* Configuración de departamentos por empresa. */
.company-departments-card{padding-bottom:16px!important}
.company-departments-card .panel-heading span{display:block;margin-top:5px;color:var(--ink-3);font-size:10px}
.company-departments-form{display:flex;align-items:flex-end;gap:14px}
.company-departments-form .choice-grid{flex:1;margin:0}
.company-departments-form>.primary-button{flex:none}

/* El favicon/imagotipo se ve mejor cuando la marca queda limpia y sin padding visual extra. */
.internal-brand-marks img,.client-brand-marks img{object-fit:contain}

@media(max-width:900px){
 .client-panel-launch{grid-template-columns:1fr}
 .client-panel-launch .primary-button{width:100%}
 .company-departments-form{align-items:stretch;flex-direction:column}
 .client-preview-banner{align-items:flex-start;flex-direction:column;gap:5px}
 .client-preview-banner span{white-space:normal}
}