@import url('/controle/design-system/palette.css');
/* Minimal compatibility for shared components when the original 11P shell is selected. */
.ui-icon{width:24px;height:24px;flex:none;vertical-align:middle}.badge{display:inline-flex;gap:4px;align-items:center}.badge.status-positive{background:var(--ubyra-green);color:var(--ubyra-navy)}.badge.status-danger{background:var(--ubyra-danger);color:var(--ubyra-white)}.badge.status-info{background:var(--ubyra-navy);color:var(--ubyra-white)}.brand-context{display:block}.brand-name{font-weight:700}.brand-logo{max-width:160px;max-height:64px}

.brand{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.brand-name{overflow:visible;white-space:nowrap}.brand-context{font-size:12px}.badge .ui-icon{width:16px;height:16px}.north-star{padding:24px;border:1px solid var(--line);background:var(--panel);border-radius:12px;margin-bottom:16px}.north-star strong{font-size:32px;color:var(--mint)}

/* Homologated PNG artwork. Preserve proportions, colors and transparent clear space. */
.brand-homologated{gap:8px;align-items:flex-start;max-width:100%}.brand-homologated .brand-logo{display:block;width:240px;max-width:100%;height:auto;max-height:none;object-fit:contain}.brand-homologated .brand-logo-compact{display:none}.brand-homologated.brand-symbol .brand-logo,.brand-homologated.brand-symbolNegative .brand-logo{width:96px}.brand-homologated .brand-context{font-size:12px;line-height:16px;letter-spacing:.04em}.sidebar-head .brand-logo{width:208px}.sidebar-head .brand-context{padding-left:16px}.header-context .brand-logo{width:120px}.header-context{gap:0}.login-panel>.brand .brand-logo{width:300px}.login-panel>.brand .brand-context{padding-left:24px}.login-symbol{width:120px;height:120px;object-fit:contain}.boot-screen .boot-logo{width:96px;height:96px;object-fit:contain;margin:auto}.brand-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:16px}.brand-showcase>div{padding:24px;border:1px solid var(--ubyra-cloud);border-radius:16px}.brand-showcase p{margin-top:16px;font-size:14px}.brand-surface-dark{background:var(--ubyra-navy);color:var(--ubyra-white)}
@media(min-width:1024px){.sidebar-compact .brand-homologated .brand-logo-full{display:none}.sidebar-compact .brand-homologated .brand-logo-compact{display:block;width:56px;height:56px;margin:auto}.sidebar-compact .brand-homologated{align-items:center}}
@media(max-width:767px){.login-panel>.brand .brand-logo{width:264px}.header-context .brand-logo{width:108px}.brand-showcase{grid-template-columns:1fr}.brand-showcase>div{min-width:0}}