/* ════════════════════════════════════════════════════════════════════
   MASAR 360 — v1.0.0 Commercial Branding Layer
   Loads LAST so it overrides legacy vN sizing. Additive only.
   ════════════════════════════════════════════════════════════════════ */

/* 1) Larger, clearer product logo on the login screen */
.brand-login .product-logo{
  width:300px; max-width:78vw; height:auto;
  filter:drop-shadow(0 12px 30px rgba(0,63,112,.18));
}
.sidebar-brand .product-logo{ width:176px; }

/* Responsive: keep the logo prominent but uncut on small screens */
@media(max-width:1050px){ .brand-login .product-logo{ width:248px; } }
@media(max-width:560px){
  .brand-login{ text-align:center; align-items:center; }
  .brand-login .product-logo{ width:208px; margin-inline:auto; }
  .login-panel{ min-width:unset; }
  .login-form{ width:100%; }
}

/* 2) Commercial build: never show local/demo preview hints */
.demo-hint{ display:none !important; }

/* 3) Product version label (customer-facing 1.0.0) */
.product-version{
  display:inline-block; font-size:11px; font-weight:700;
  color:var(--muted,#8aa0b2); letter-spacing:.4px;
}
.login-footer .product-version{ margin-inline-start:6px; }

/* 4) Account-type badge in header (Package D groundwork, harmless if unused) */
.account-badge{
  display:inline-flex; align-items:center; gap:6px;
  font-size:11px; font-weight:700; padding:4px 10px; border-radius:999px;
  background:#e7f4ff; color:var(--primary,#0a6cff);
}
.account-badge.owner{ background:#fef0e7; color:#c2410c; }
.account-badge.admin{ background:#e7f4ff; color:#0a6cff; }
.account-badge.employee{ background:#eef2f6; color:#53677c; }