/* Enjaz branding presentation and conservative spacing cleanup.
   Visual-only: no form, data, JS, routing, or PDF behavior changes. */
:root{
  --enjaz-navy:#0d326b;
  --enjaz-teal:#009b8f;
  --enjaz-soft:#f5f8fa;
}
.app-header-logo,
.app-header-logo-left,
.app-sidebar-brand-logo{
  object-fit:contain!important;
  background:#fff!important;
  border:1px solid rgba(0,155,143,.28)!important;
  padding:4px!important;
  box-shadow:0 7px 18px rgba(13,50,107,.12)!important;
}
.app-header-logo,
.app-header-logo-left{border-radius:14px!important}
.app-sidebar-brand-logo{border-radius:18px!important;padding:6px!important}

/* Full transparent brand artwork on auth and home surfaces. */
.auth-hero-logo-ring{
  width:min(250px,70vw)!important;
  height:auto!important;
  min-height:220px!important;
  padding:12px!important;
  border-radius:26px!important;
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(0,155,143,.18)!important;
  box-shadow:0 16px 38px rgba(13,50,107,.10)!important;
  overflow:visible!important;
}
.auth-hero-logo{
  width:100%!important;
  height:auto!important;
  max-width:220px!important;
  max-height:260px!important;
  object-fit:contain!important;
}
.app-auth-logo{
  width:min(170px,48vw)!important;
  height:auto!important;
  max-width:170px!important;
  max-height:205px!important;
  object-fit:contain!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
.app-home-intro-card{
  display:grid!important;
  grid-template-columns:minmax(100px,150px) 1fr auto!important;
  align-items:center!important;
  gap:16px!important;
}
.app-home-brand-logo{
  width:100%!important;
  max-width:145px!important;
  max-height:172px!important;
  object-fit:contain!important;
  justify-self:center!important;
}

/* Conservative spacing reduction without structural changes. */
body:not(.app-auth-page) .app-shell,
body:not(.app-auth-page) .main-content{padding-top:12px!important}
body:not(.app-auth-page) .app-card,
body:not(.app-auth-page) .glass-card,
body:not(.app-auth-page) .admin-panel,
body:not(.app-auth-page) .qr-settings-card{margin-bottom:12px!important}
body:not(.app-auth-page) .app-section-heading{margin-bottom:12px!important}
body:not(.app-auth-page) .form-grid,
body:not(.app-auth-page) .app-form-grid{gap:12px!important}
body:not(.app-auth-page) .form-group{margin-bottom:0!important}
body:not(.app-auth-page) .app-page-header{margin-bottom:10px!important}

@media(max-width:720px){
  .auth-hero-logo-ring{width:min(205px,58vw)!important;min-height:180px!important;padding:10px!important}
  .auth-hero-logo{max-width:185px!important;max-height:220px!important}
  .app-auth-logo{width:min(140px,42vw)!important;max-width:140px!important;max-height:170px!important}
  .app-home-intro-card{grid-template-columns:92px 1fr!important;gap:12px!important;padding:16px!important}
  .app-home-intro-card .app-video-guide-btn{grid-column:1/-1!important;width:100%!important}
  .app-home-brand-logo{max-width:90px!important;max-height:108px!important}
  body:not(.app-auth-page) .app-shell,
  body:not(.app-auth-page) .main-content{padding-top:8px!important;padding-inline:10px!important}
  body:not(.app-auth-page) .app-card,
  body:not(.app-auth-page) .glass-card,
  body:not(.app-auth-page) .admin-panel,
  body:not(.app-auth-page) .qr-settings-card{margin-bottom:10px!important}
}