/* MAPALUS Smart HC visual adapter v1.0
   Scoped pilot for gateway/admin and IT Asset surfaces. */
@font-face {
  font-family: "Montserrat Mapalus";
  src: url("fonts/montserrat/Montserrat-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --mhc-navy: #182354;
  --mhc-blue: #293a8c;
  --mhc-yellow: #fae000;
  --mhc-gold: #b29f00;
  --mhc-gold-dark: #4c4000;
  --mhc-off-white: #edece5;
  --mhc-border: #d6d5d5;
  --mhc-text: #474747;
  --mhc-surface: rgba(255, 255, 255, .96);
  --mhc-shadow: 0 18px 48px rgba(24, 35, 84, .14);
}

body[data-mapalus-surface] {
  font-family: "Montserrat Mapalus", Montserrat, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  color: var(--mhc-text);
}

body[data-mapalus-surface] button,
body[data-mapalus-surface] input,
body[data-mapalus-surface] select,
body[data-mapalus-surface] textarea {
  font-family: inherit !important;
}

body[data-mapalus-surface] :focus-visible {
  outline: 3px solid rgba(250, 224, 0, .72);
  outline-offset: 3px;
}

/* Gateway, login, menu, and access administration. */
body[data-mapalus-surface="gateway"] {
  background-color: var(--mhc-navy) !important;
  background-image:
    linear-gradient(135deg, rgba(24, 35, 84, .90), rgba(24, 35, 84, .60) 48%, rgba(41, 58, 140, .80)),
    url("background.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
  background-attachment: fixed !important;
}

body[data-mapalus-surface="gateway"] .login-shell,
body[data-mapalus-surface="gateway"] #mainContainer,
body[data-mapalus-surface="gateway"] .glass-container,
body[data-mapalus-surface="gateway"] .glass-card,
body[data-mapalus-surface="gateway"] .app-card {
  border: 1px solid rgba(255, 255, 255, .22) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .97), rgba(255, 255, 255, .90)) !important;
  box-shadow: var(--mhc-shadow) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

body[data-mapalus-surface="gateway"] .app-card {
  border-radius: 20px !important;
}

body[data-mapalus-surface="gateway"] .app-card:hover {
  border-color: rgba(250, 224, 0, .65) !important;
  box-shadow: 0 18px 42px rgba(24, 35, 84, .22) !important;
}

body[data-mapalus-surface="gateway"] h1,
body[data-mapalus-surface="gateway"] h2,
body[data-mapalus-surface="gateway"] h3,
body[data-mapalus-surface="gateway"] h4 {
  font-family: inherit !important;
  font-weight: 800 !important;
}

body[data-mapalus-surface="gateway"] .bg-sma-gold,
body[data-mapalus-surface="gateway"] .btn-yellow {
  background: var(--mhc-yellow) !important;
  color: var(--mhc-navy) !important;
}

/* IT Asset pilot: app-like site imagery with existing desktop/mobile logic. */
body[data-mapalus-surface="it-assets"] {
  --asset-bg: #f2f3f7;
  --asset-nav: var(--mhc-navy);
  --asset-blue: var(--mhc-blue);
  --asset-yellow: var(--mhc-yellow);
  --asset-text: var(--mhc-text);
  --asset-border: var(--mhc-border);
  background:
    radial-gradient(circle at 85% 5%, rgba(41, 58, 140, .12), transparent 34%),
    linear-gradient(145deg, #f6f6f2, var(--mhc-off-white)) !important;
}

body[data-mapalus-surface="it-assets"] .asset-sidebar {
  background-image:
    linear-gradient(180deg, rgba(24, 35, 84, .89), rgba(24, 35, 84, .97)),
    url("background.jpg");
  background-size: cover;
  background-position: center;
}

body[data-mapalus-surface="it-assets"] .asset-mobile-bar {
  background: linear-gradient(135deg, var(--mhc-navy), var(--mhc-blue));
}

body[data-mapalus-surface="it-assets"] .asset-brand-mark,
body[data-mapalus-surface="it-assets"] .asset-nav button[aria-selected="true"],
body[data-mapalus-surface="it-assets"] .asset-button.cta {
  background: var(--mhc-yellow);
  color: var(--mhc-navy);
}

body[data-mapalus-surface="it-assets"] .asset-panel,
body[data-mapalus-surface="it-assets"] .asset-stat,
body[data-mapalus-surface="it-assets"] .asset-modal-card {
  border-color: rgba(24, 35, 84, .11);
  box-shadow: var(--mhc-shadow);
}

body[data-mapalus-surface="it-assets"] .asset-panel,
body[data-mapalus-surface="it-assets"] .asset-modal-card {
  border-radius: 20px;
}

body[data-mapalus-surface="it-assets"] .asset-button,
body[data-mapalus-surface="it-assets"] .asset-field input,
body[data-mapalus-surface="it-assets"] .asset-field select,
body[data-mapalus-surface="it-assets"] .asset-field textarea {
  min-height: 44px;
}

@media (max-width: 820px) {
  body[data-mapalus-surface="gateway"] {
    background-attachment: scroll !important;
    background-position: 58% center !important;
  }

  body[data-mapalus-surface="it-assets"] .asset-main {
    padding-bottom: max(28px, env(safe-area-inset-bottom));
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-mapalus-surface] *,
  body[data-mapalus-surface] *::before,
  body[data-mapalus-surface] *::after {
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
  }
}