@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Variable.ttf') format('truetype');
    font-style: normal;
    font-weight: 300 800;
    font-display: swap;
}

body {
    width: 400px;
    min-height: 300px;
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
}

#root, #root button, #root input, #root select, #root textarea {
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* License form: one license key is a single-line value, never a large textarea. */
#root .license-input {
    display: block !important;
    width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    padding: 0 16px !important;
    line-height: 48px !important;
    resize: none !important;
    overflow: hidden !important;
    border-radius: 10px !important;
    font-size: 14px !important;
}

/* Replace filled emoji status symbols with consistent outline icons. */
#root .status-icon,
#root .badge-icon {
    font-size: 0 !important;
    line-height: 0 !important;
}
#root .status-icon::before,
#root .badge-icon::before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background: currentColor;
    -webkit-mask: center / contain no-repeat;
    mask: center / contain no-repeat;
}
#root .status-card.success .status-icon::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12 3 3 5-6'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12 3 3 5-6'/%3E%3C/svg%3E");
}
#root .status-card.warning .status-icon::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.3 3.7 2.6 17a2 2 0 0 0 1.7 3h15.4a2 2 0 0 0 1.7-3L13.7 3.7a2 2 0 0 0-3.4 0Z'/%3E%3Cpath d='M12 9v4M12 17h.01'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.3 3.7 2.6 17a2 2 0 0 0 1.7 3h15.4a2 2 0 0 0 1.7-3L13.7 3.7a2 2 0 0 0-3.4 0Z'/%3E%3Cpath d='M12 9v4M12 17h.01'/%3E%3C/svg%3E");
}
#root .badge-icon::before {
    width: 18px;
    height: 18px;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10' width='14' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10' width='14' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E");
}

/* === PROFILE DROPDOWN CONTRAST FIXES === */
.wa-profile-dropdown {
  background: #111b21 !important;
  border-color: #222e35 !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4) !important;
}
.wa-profile-dropdown .wa-dropdown-divider {
  background: #222e35 !important;
}
.wa-profile-dropdown .wa-menu-item {
  color: #e9edef !important;
  background: transparent !important;
}
.wa-profile-dropdown .wa-menu-item:hover {
  background: #202c33 !important;
  color: #ffffff !important;
}
.wa-profile-dropdown .wa-menu-item svg {
  color: #8696a0 !important;
}
.wa-profile-dropdown .wa-menu-item:hover svg {
  color: #ffffff !important;
}
.wa-profile-dropdown .wa-profile-info {
  color: #e9edef !important;
}
.wa-profile-dropdown .wa-device-name {
  color: #ffffff !important;
}
.wa-profile-dropdown .wa-signature-name {
  color: #8696a0 !important;
}
.wa-profile-dropdown .wa-expiry-date {
  color: #8696a0 !important;
}
