/* Iconografía contextual SIA · alcance exclusivo del contenido principal */
.cloud-layout main .sia-context-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cloud-layout main .sia-context-icon{width:30px;height:30px;min-width:30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e6e9ed;background:#f8f9fa;border-radius:9px;color:#343b46;vertical-align:middle;flex-shrink:0}
.cloud-layout main .sia-context-icon svg{display:block;width:17px;height:17px}
.cloud-layout main .sia-context-stat{margin-bottom:9px;border-color:#f0d9dc;background:#fff8f8;color:#c50019}
@media(max-width:600px){.cloud-layout main .sia-context-title{gap:8px}.cloud-layout main .sia-context-icon{width:27px;height:27px;min-width:27px;border-radius:8px}.cloud-layout main .sia-context-icon svg{width:15px;height:15px}}

/* V2.0 · Informe: ícono y etiqueta forman una unidad, sin letras partidas */
.cloud-layout main .v14-stats>.card{min-width:0;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;transition:border-color .18s ease,box-shadow .18s ease}
.cloud-layout main .v14-stats>.card:hover{border-color:#d6dce5;box-shadow:0 5px 18px rgba(22,36,56,.045)}
.cloud-layout main .v14-stats>.card>.sia-stat-label{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important;max-width:100%;min-width:0;letter-spacing:.045em!important;font-size:10px!important;font-weight:800!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;color:#d30a23}
.cloud-layout main .v14-stats>.card>.sia-stat-label .sia-context-stat{flex:0 0 30px!important;width:30px!important;height:30px!important;min-width:30px!important;margin:0!important}
.cloud-layout main .v14-stats>.card>h2{max-width:100%;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-top:13px!important}
@media(min-width:951px) and (max-width:1250px){.cloud-layout main .v14-stats>.card{padding:16px 12px}.cloud-layout main .v14-stats>.card>.sia-stat-label{font-size:9px!important;letter-spacing:.025em!important;gap:6px!important}}
@media(max-width:600px){.cloud-layout main .v14-stats>.card>.sia-stat-label{font-size:9px!important;letter-spacing:.02em!important;gap:6px!important}.cloud-layout main .v14-stats>.card>.sia-stat-label .sia-context-stat{flex-basis:27px!important;width:27px!important;height:27px!important;min-width:27px!important}}
/* V2.0 · ajustes conservadores de coherencia visual en contenido */
.cloud-layout main .card{min-width:0}
.cloud-layout main :is(input,select,textarea):focus-visible{outline:2px solid rgba(235,0,0,.22);outline-offset:1px}
.cloud-layout main :is(button,a):focus-visible{outline:2px solid #eb0000;outline-offset:2px}
.cloud-layout main :is(table th,table td){vertical-align:middle}
.cloud-layout main :is(.scroll,.clients-list){min-width:0}
@media(prefers-reduced-motion:reduce){.cloud-layout main .v14-stats>.card{transition:none}}

/* V2.0 · íconos en la segunda línea (título), nunca en el rótulo rojo */
.cloud-layout main :is(.clients-top h1,.sia-price-heading h2,.sia-section-heading h2,.sia-pos-heading h2).sia-context-title{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;min-width:0}
.cloud-layout main :is(.clients-top h1,.sia-price-heading h2,.sia-section-heading h2,.sia-pos-heading h2)>.sia-context-icon{border-color:#f2dadd;background:#fff8f8;color:#d4001c}
.cloud-layout main .sia-pos-heading h2 .sia-pos-count{flex-shrink:0}
@media(max-width:600px){.cloud-layout main :is(.clients-top h1,.sia-price-heading h2,.sia-section-heading h2,.sia-pos-heading h2).sia-context-title{gap:8px;flex-wrap:wrap}}

/* V2.0 - Iconos contextuales dentro de dialogos movidos fuera de .cloud-layout main.
   El JS mueve .clients-form al <body>, por lo que las reglas originales
   limitadas a .cloud-layout main dejan de aplicar. */
body.cloud-commerce dialog.sia-premium-dialog .sia-context-title{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
}
body.cloud-commerce dialog.sia-premium-dialog .sia-context-icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:30px;height:30px;min-width:30px;max-width:30px;
  flex:0 0 30px;border:1px solid #e6e9ed;background:#f8f9fa;
  border-radius:9px;color:#343b46;vertical-align:middle;
}
body.cloud-commerce dialog.sia-premium-dialog .sia-context-icon svg{
  display:block;width:17px;height:17px;min-width:17px;max-width:17px;
  min-height:17px;max-height:17px;flex:none;
}
@media(max-width:600px){
  body.cloud-commerce dialog.sia-premium-dialog .sia-context-icon{
    width:27px;height:27px;min-width:27px;max-width:27px;flex-basis:27px;
  }
  body.cloud-commerce dialog.sia-premium-dialog .sia-context-icon svg{
    width:15px;height:15px;min-width:15px;max-width:15px;
    min-height:15px;max-height:15px;
  }
}

/* SIA V2.0 · Corrección puntual: el panel superadmin ya incluye iconos oficiales.
   Ocultar solamente los iconos contextuales secundarios generados por JS.
   No afecta panel comercial, menús ni iconos rojos existentes. */
body.cloud-super .cloud-layout main .sia-context-icon { display:none !important; }

/* V2.0 · centrado del logo en la columna de navegación del SUPERADMIN.
   Ajuste acotado: no altera el panel comercial ni la marca del instalador. */
@media (min-width:751px){
  body.cloud-super .topbar-brand{
    width:252px;flex:0 0 252px;box-sizing:border-box;
    display:flex;align-items:center;justify-content:center;
    padding:7px 0;
  }
  body.cloud-super .topbar-brand .cloud-top-logo{
    display:block;width:248px;max-width:calc(100% - 12px);
    margin:0 auto;object-fit:contain;object-position:center center;transform:translateX(-14px);
  }
}