/* ═══════════════════════════════════════════════════════════════════════════
   AUDIOGARDEN — Ultimate Member Reface
   v8.4.4

   Scoped under .agos-um-ui body class (added by UMUI.php).
   Matches portal design system: Inter, tokens, cards, buttons, forms.
   Covers: login, register, reset password, profile, account, notices.
   
   Safe: CSS-only, no UM template overrides. UM default CSS is dequeued.
   ═══════════════════════════════════════════════════════════════════════════ */


/* ═══════════════════════════════════════════════════════════════════════════
   v8.4.4: GLOBAL FIXES (un-scoped — work even if body class detection fails)
   ═══════════════════════════════════════════════════════════════════════════ */

/* Hide UM honeypot field — "Only fill in if you are not human" */
.um .um-field-_um_account,
.um [data-key="_um_account"],
.um .um-field-b,
.um-field[class*="um-field-_um_account"] {
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Fix UM button double-height issue */
.um .um-button,
.um a.um-button,
.um input.um-button {
    height: auto !important;
    min-height: 0 !important;
    line-height: 1.4 !important;
    box-sizing: border-box !important;
}

/* Fix UM "Forgot your password?" duplicate — hide UM's, keep ours */
.um .um-col-alt-b {
    display: block !important;
}

/* Fix password strength meter positioning */
.um .um-field .um-misc-note {
    font-size: 11px !important;
    position: relative !important;
}


/* ─── DESIGN TOKENS (shared with portal) ────────────────────────────────── */

.agos-um-ui {
    --ag-font:       'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --ag-bg:         #F7F8FA;
    --ag-surface:    #FFFFFF;
    --ag-border:     #E5E7EB;
    --ag-border-sub: #F0F1F4;
    --ag-text:       #111827;
    --ag-text-2:     #6B7280;
    --ag-text-3:     #9CA3AF;
    --ag-accent:     #2563EB;
    --ag-accent-h:   #1D4ED8;
    --ag-accent-bg:  #EFF6FF;
    --ag-accent-ring:rgba(37,99,235,.1);
    --ag-ok:         #16A34A;
    --ag-ok-bg:      #F0FDF4;
    --ag-ok-bdr:     #BBF7D0;
    --ag-err:        #DC2626;
    --ag-err-bg:     #FEF2F2;
    --ag-err-bdr:    #FECACA;
    --ag-warn:       #D97706;
    --ag-warn-bg:    #FFFBEB;
    --ag-r:          8px;
    --ag-r-lg:       12px;
    --ag-r-xl:       16px;
    --ag-sh-sm:      0 1px 2px rgba(0,0,0,.04);
    --ag-sh:         0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);
    --ag-sh-md:      0 4px 6px -1px rgba(0,0,0,.07), 0 2px 4px -2px rgba(0,0,0,.05);
    --ag-sh-lg:      0 10px 15px -3px rgba(0,0,0,.08), 0 4px 6px -4px rgba(0,0,0,.04);
    --ag-t:          .18s cubic-bezier(.4,0,.2,1);
}


/* ─── BASE RESET ────────────────────────────────────────────────────────── */

.agos-um-ui .um *,
.agos-um-ui .um-form * {
    font-family: var(--ag-font) !important;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Kill all UM default backgrounds, borders, shadows */
.agos-um-ui .um,
.agos-um-ui .um-form {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   FORM CONTAINER — Card layout
   ═══════════════════════════════════════════════════════════════════════════ */

/* Login, Register, Password Reset forms */
.agos-um-ui .um-login,
.agos-um-ui .um-register,
.agos-um-ui .um-password {
    max-width: 440px !important;
    margin: 40px auto !important;
    background: var(--ag-surface) !important;
    border: 1px solid var(--ag-border) !important;
    border-radius: var(--ag-r-xl) !important;
    box-shadow: var(--ag-sh-lg) !important;
    padding: 0 !important;
    overflow: hidden;
}


/* ═══════════════════════════════════════════════════════════════════════════
   FORM HEADER
   ═══════════════════════════════════════════════════════════════════════════ */

.agos-um-ui .um .um-header,
.agos-um-ui .um-form .um-header {
    background: transparent !important;
    padding: 32px 32px 0 !important;
    margin: 0 !important;
    text-align: center;
    border: none !important;
}

.agos-um-ui .um .um-header-title,
.agos-um-ui .um-form .um-header-title {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--ag-text) !important;
    letter-spacing: -0.02em;
    line-height: 1.3;
    margin: 0 0 4px !important;
}

/* Sub-header text */
.agos-um-ui .um .um-header p {
    font-size: 13px !important;
    color: var(--ag-text-2) !important;
    margin: 0 !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   FORM BODY — Fields
   ═══════════════════════════════════════════════════════════════════════════ */

.agos-um-ui .um .um-body,
.agos-um-ui .um-form .um-body {
    padding: 24px 32px 32px !important;
    margin: 0 !important;
}

/* Field rows */
.agos-um-ui .um .um-row,
.agos-um-ui .um-form .um-row,
.agos-um-ui .um .um-field {
    margin-bottom: 18px !important;
    padding: 0 !important;
}

.agos-um-ui .um .um-row:last-child,
.agos-um-ui .um .um-field:last-child {
    margin-bottom: 0 !important;
}

/* Labels */
.agos-um-ui .um .um-field-label,
.agos-um-ui .um .um-row .um-field-label,
.agos-um-ui .um label.um-field-label {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--ag-text) !important;
    margin-bottom: 6px !important;
    display: block !important;
    letter-spacing: 0;
    text-transform: none !important;
}

.agos-um-ui .um .um-field-label label {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--ag-text) !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Text inputs */
.agos-um-ui .um input[type="text"],
.agos-um-ui .um input[type="email"],
.agos-um-ui .um input[type="password"],
.agos-um-ui .um input[type="tel"],
.agos-um-ui .um input[type="url"],
.agos-um-ui .um input[type="number"],
.agos-um-ui .um input[type="search"],
.agos-um-ui .um textarea,
.agos-um-ui .um select {
    display: block !important;
    width: 100% !important;
    padding: 10px 14px !important;
    font-family: var(--ag-font) !important;
    font-size: 14px !important;
    color: var(--ag-text) !important;
    background: var(--ag-surface) !important;
    border: 1px solid var(--ag-border) !important;
    border-radius: var(--ag-r) !important;
    transition: border-color var(--ag-t), box-shadow var(--ag-t) !important;
    line-height: 1.5 !important;
    -webkit-appearance: none !important;
    outline: none !important;
    height: auto !important;
    min-height: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
}

/* Focus state */
.agos-um-ui .um input[type="text"]:focus,
.agos-um-ui .um input[type="email"]:focus,
.agos-um-ui .um input[type="password"]:focus,
.agos-um-ui .um input[type="tel"]:focus,
.agos-um-ui .um input[type="url"]:focus,
.agos-um-ui .um input[type="number"]:focus,
.agos-um-ui .um textarea:focus,
.agos-um-ui .um select:focus {
    border-color: var(--ag-accent) !important;
    box-shadow: 0 0 0 3px var(--ag-accent-ring) !important;
}

/* Error state on field */
.agos-um-ui .um .um-field-error input,
.agos-um-ui .um .um-field.um-error input,
.agos-um-ui .um input.um-error,
.agos-um-ui .um .um-field-error textarea {
    border-color: var(--ag-err) !important;
    box-shadow: 0 0 0 3px rgba(220,38,38,.08) !important;
}

/* Field error message */
.agos-um-ui .um .um-field-error-message,
.agos-um-ui .um .um-field .um-field-error {
    font-size: 12px !important;
    color: var(--ag-err) !important;
    margin-top: 4px !important;
    font-weight: 500 !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
}

/* Placeholder */
.agos-um-ui .um input::placeholder,
.agos-um-ui .um textarea::placeholder {
    color: var(--ag-text-3) !important;
}

/* Textarea */
.agos-um-ui .um textarea {
    min-height: 90px;
    resize: vertical;
}

/* Password visibility toggle (UM icon) */
.agos-um-ui .um .um-field-password-view {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: var(--ag-text-3) !important;
    font-size: 16px;
    transition: color var(--ag-t);
    z-index: 2;
}

.agos-um-ui .um .um-field-password-view:hover {
    color: var(--ag-text) !important;
}

/* Field area (UM wraps inputs in .um-field-area) */
.agos-um-ui .um .um-field-area {
    position: relative;
    padding: 0 !important;
    margin: 0 !important;
}

/* UM icon inside field */
.agos-um-ui .um .um-field-icon {
    display: none !important;
}

/* Remember me checkbox */
.agos-um-ui .um .um-remember-me,
.agos-um-ui .um .um-misc-link {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 16px 0 !important;
    font-size: 13px !important;
    color: var(--ag-text-2) !important;
}

.agos-um-ui .um input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    border: 2px solid var(--ag-border) !important;
    border-radius: 4px !important;
    cursor: pointer;
    accent-color: var(--ag-accent);
    margin: 0 !important;
    padding: 0 !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   BUTTONS — matches portal .agos-btn-primary
   ═══════════════════════════════════════════════════════════════════════════ */

.agos-um-ui .um input[type="submit"],
.agos-um-ui .um .um-button,
.agos-um-ui .um a.um-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100% !important;
    padding: 12px 24px !important;
    font-family: var(--ag-font) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #fff !important;
    background: var(--ag-accent) !important;
    border: 1px solid var(--ag-accent) !important;
    border-radius: var(--ag-r) !important;
    cursor: pointer !important;
    transition: all var(--ag-t) !important;
    text-decoration: none !important;
    text-transform: none !important;
    letter-spacing: -0.006em;
    line-height: 1.4 !important;
    box-shadow: 0 1px 2px rgba(37,99,235,.2) !important;
    position: relative;
    overflow: hidden;
    -webkit-appearance: none !important;
    margin: 0 !important;
    height: auto !important;
}

.agos-um-ui .um input[type="submit"]:hover,
.agos-um-ui .um .um-button:hover {
    background: var(--ag-accent-h) !important;
    border-color: var(--ag-accent-h) !important;
    box-shadow: 0 2px 4px rgba(37,99,235,.25) !important;
    transform: translateY(-0.5px);
}

/* Disabled / loading state */
.agos-um-ui .um input[type="submit"]:disabled,
.agos-um-ui .um input[type="submit"].agos-btn-loading,
.agos-um-ui .um .um-button:disabled {
    opacity: 0.65 !important;
    cursor: not-allowed !important;
    transform: none !important;
    pointer-events: none;
}

/* Spinner inside button (added by JS) */
.agos-um-ui .um .agos-spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: agos-spin .6s linear infinite;
}

@keyframes agos-spin {
    to { transform: rotate(360deg); }
}

/* Secondary button style (e.g. "back to login") */
.agos-um-ui .um a.um-link-alt,
.agos-um-ui .um .um-misc-link a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 10px 20px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--ag-text) !important;
    background: var(--ag-surface) !important;
    border: 1px solid var(--ag-border) !important;
    border-radius: var(--ag-r) !important;
    text-decoration: none !important;
    transition: all var(--ag-t) !important;
    margin-top: 8px !important;
}

.agos-um-ui .um a.um-link-alt:hover,
.agos-um-ui .um .um-misc-link a:hover {
    background: var(--ag-bg) !important;
    border-color: #D1D5DB !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   FOOTER LINKS (forgot password, register, login)
   ═══════════════════════════════════════════════════════════════════════════ */

.agos-um-ui .um .um-col-alt,
.agos-um-ui .um .um-col-alt-b {
    text-align: center !important;
    padding: 16px 32px 24px !important;
    margin: 0 !important;
    border-top: 1px solid var(--ag-border-sub) !important;
    background: var(--ag-bg) !important;
    border-radius: 0 0 var(--ag-r-xl) var(--ag-r-xl) !important;
}

.agos-um-ui .um .um-col-alt a,
.agos-um-ui .um .um-col-alt-b a {
    color: var(--ag-accent) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color var(--ag-t);
}

.agos-um-ui .um .um-col-alt a:hover,
.agos-um-ui .um .um-col-alt-b a:hover {
    color: var(--ag-accent-h) !important;
    text-decoration: underline !important;
}

/* Link separator */
.agos-um-ui .um .um-col-alt span.um-link-sep {
    color: var(--ag-text-3) !important;
    margin: 0 8px;
}


/* ═══════════════════════════════════════════════════════════════════════════
   NOTICES / MESSAGES — matches portal .agos-alert
   ═══════════════════════════════════════════════════════════════════════════ */

/* Success */
.agos-um-ui .um .um-notice.success,
.agos-um-ui .um .um-message.success,
.agos-um-ui .um-notice.success {
    background: var(--ag-ok-bg) !important;
    border: 1px solid var(--ag-ok-bdr) !important;
    border-radius: var(--ag-r-lg) !important;
    color: #166534 !important;
    font-size: 13px !important;
    padding: 14px 18px !important;
    margin: 16px 32px !important;
    font-weight: 500;
    line-height: 1.5;
}

/* Error */
.agos-um-ui .um .um-notice.err,
.agos-um-ui .um .um-notice.error,
.agos-um-ui .um .um-message.err,
.agos-um-ui .um-notice.err,
.agos-um-ui .um-notice.error {
    background: var(--ag-err-bg) !important;
    border: 1px solid var(--ag-err-bdr) !important;
    border-radius: var(--ag-r-lg) !important;
    color: #991B1B !important;
    font-size: 13px !important;
    padding: 14px 18px !important;
    margin: 16px 32px !important;
    font-weight: 500;
    line-height: 1.5;
}

/* Warning / Info */
.agos-um-ui .um .um-notice.warning,
.agos-um-ui .um .um-notice.info,
.agos-um-ui .um-notice.warning {
    background: var(--ag-warn-bg) !important;
    border: 1px solid #FDE68A !important;
    border-radius: var(--ag-r-lg) !important;
    color: #92400E !important;
    font-size: 13px !important;
    padding: 14px 18px !important;
    margin: 16px 32px !important;
    font-weight: 500;
    line-height: 1.5;
}

/* Notice close button */
.agos-um-ui .um .um-notice .close,
.agos-um-ui .um-notice .close {
    float: right;
    cursor: pointer;
    font-size: 16px;
    color: inherit;
    opacity: .6;
    transition: opacity var(--ag-t);
}

.agos-um-ui .um .um-notice .close:hover { opacity: 1; }

/* Hide UM default notice icons */
.agos-um-ui .um .um-notice i.um-icon,
.agos-um-ui .um-notice i.um-icon {
    display: none !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   PROFILE / ACCOUNT PAGE
   ═══════════════════════════════════════════════════════════════════════════ */

.agos-um-ui .um-account,
.agos-um-ui .um-profile {
    max-width: 700px !important;
    margin: 24px auto !important;
    background: var(--ag-surface) !important;
    border: 1px solid var(--ag-border) !important;
    border-radius: var(--ag-r-xl) !important;
    box-shadow: var(--ag-sh) !important;
    padding: 0 !important;
    overflow: hidden;
}

/* Profile header / cover */
.agos-um-ui .um-profile .um-profile-headerarea,
.agos-um-ui .um-profile .um-cover {
    border-radius: var(--ag-r-xl) var(--ag-r-xl) 0 0 !important;
    overflow: hidden;
}

/* Profile photo */
.agos-um-ui .um-profile .um-profile-photo img {
    border: 3px solid var(--ag-surface) !important;
    border-radius: 50% !important;
    box-shadow: var(--ag-sh-md) !important;
}

/* Profile name */
.agos-um-ui .um-profile .um-name,
.agos-um-ui .um-profile .um-profile-name {
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    color: var(--ag-text) !important;
    letter-spacing: -0.02em;
}

/* Profile meta */
.agos-um-ui .um-profile .um-meta {
    font-size: 13px !important;
    color: var(--ag-text-2) !important;
}

/* ─ Account Tabs ─ */
.agos-um-ui .um-account .um-account-nav {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    list-style: none !important;
    padding: 8px 8px 0 !important;
    margin: 0 !important;
    background: var(--ag-bg) !important;
    border-bottom: 1px solid var(--ag-border) !important;
}

.agos-um-ui .um-account .um-account-nav li {
    margin: 0 !important;
    list-style: none !important;
}

.agos-um-ui .um-account .um-account-nav li a {
    display: block;
    padding: 10px 18px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: var(--ag-text-2) !important;
    text-decoration: none !important;
    border-radius: var(--ag-r) var(--ag-r) 0 0 !important;
    transition: all var(--ag-t);
    border: none !important;
    background: none !important;
}

.agos-um-ui .um-account .um-account-nav li a:hover {
    color: var(--ag-text) !important;
    background: var(--ag-surface) !important;
}

.agos-um-ui .um-account .um-account-nav li.um-active a,
.agos-um-ui .um-account .um-account-nav li.active a {
    color: var(--ag-accent) !important;
    font-weight: 700 !important;
    background: var(--ag-surface) !important;
    box-shadow: var(--ag-sh-sm);
}

/* Account content */
.agos-um-ui .um-account .um-account-main {
    padding: 24px 32px 32px !important;
    margin: 0 !important;
}

.agos-um-ui .um-account .um-account-main h3 {
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    color: var(--ag-text) !important;
    padding-bottom: 10px !important;
    margin-bottom: 20px !important;
    border-bottom: 2px solid var(--ag-border) !important;
}

/* Account save button */
.agos-um-ui .um-account input[type="submit"] {
    width: auto !important;
    padding: 10px 24px !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   PASSWORD RESET FORM
   ═══════════════════════════════════════════════════════════════════════════ */

.agos-um-ui .um-password .um-body {
    padding: 24px 32px 32px !important;
}

.agos-um-ui .um-password .um-body p {
    font-size: 13px;
    color: var(--ag-text-2);
    line-height: 1.6;
    margin-bottom: 16px;
}

/* Reset key field */
.agos-um-ui .um-password .um-field-area + .um-clear {
    margin-bottom: 16px;
}


/* ═══════════════════════════════════════════════════════════════════════════
   EMBEDDED IN PORTAL (hub-guest) — override UM inside portal cards
   ═══════════════════════════════════════════════════════════════════════════ */

/* When UM form is inside ag-hub-login-card (guest landing page) */
.ag-hub-login-form .um,
.ag-hub-login-form .um-form,
.ag-hub-login-form .um-login,
.ag-hub-login-form .um-register {
    max-width: 100% !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.ag-hub-login-form .um .um-body {
    padding: 0 !important;
}

.ag-hub-login-form .um .um-col-alt,
.ag-hub-login-form .um .um-col-alt-b {
    padding: 16px 0 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    border-top: none !important;
}

/* Portal auth page has its own card, so UM card should be transparent */
.agos-auth-body .um,
.agos-auth-body .um-login {
    max-width: 100% !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

.agos-auth-body .um .um-header {
    display: none !important; /* Portal auth card has its own header */
}

.agos-auth-body .um .um-body {
    padding: 0 !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   UM MISC — Conditional content, tooltips, etc.
   ═══════════════════════════════════════════════════════════════════════════ */

/* UM conditional show/hide content */
.agos-um-ui .um-loggedin,
.agos-um-ui .um-show-content {
    font-family: var(--ag-font) !important;
}

/* UM modal (if used) */
.agos-um-ui .um-modal {
    border-radius: var(--ag-r-xl) !important;
    box-shadow: var(--ag-sh-lg) !important;
}

.agos-um-ui .um-modal-header {
    padding: 20px 24px !important;
    border-bottom: 1px solid var(--ag-border) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

.agos-um-ui .um-modal-body {
    padding: 24px !important;
}

/* UM tooltip override */
.um-tipsy { font-family: var(--ag-font) !important; }
.um-tipsy-inner {
    font-size: 12px !important;
    padding: 6px 10px !important;
    border-radius: 6px !important;
    background: var(--ag-text) !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   MEMBERS DIRECTORY (if used)
   ═══════════════════════════════════════════════════════════════════════════ */

.agos-um-ui .um-members .um-member {
    background: var(--ag-surface) !important;
    border: 1px solid var(--ag-border) !important;
    border-radius: var(--ag-r-lg) !important;
    box-shadow: var(--ag-sh-sm) !important;
    transition: box-shadow var(--ag-t), transform var(--ag-t);
    overflow: hidden;
}

.agos-um-ui .um-members .um-member:hover {
    box-shadow: var(--ag-sh-md) !important;
    transform: translateY(-2px);
}


/* ═══════════════════════════════════════════════════════════════════════════
   UM ICONS — Hide or restyle
   ═══════════════════════════════════════════════════════════════════════════ */

/* Hide the clunky UM icons inside form fields */
.agos-um-ui .um .um-field-icon i,
.agos-um-ui .um .um-icon {
    display: none !important;
}

/* But keep fontawesome icons if used in profile */
.agos-um-ui .um-profile .um-social i {
    display: inline-block !important;
    font-size: 16px;
    color: var(--ag-text-2);
    transition: color var(--ag-t);
}

.agos-um-ui .um-profile .um-social i:hover {
    color: var(--ag-accent);
}


/* ═══════════════════════════════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 520px) {
    .agos-um-ui .um-login,
    .agos-um-ui .um-register,
    .agos-um-ui .um-password {
        margin: 20px 12px !important;
        border-radius: var(--ag-r-lg) !important;
    }

    .agos-um-ui .um .um-header {
        padding: 24px 20px 0 !important;
    }

    .agos-um-ui .um .um-body {
        padding: 20px !important;
    }

    .agos-um-ui .um .um-col-alt,
    .agos-um-ui .um .um-col-alt-b {
        padding: 14px 20px 20px !important;
    }

    .agos-um-ui .um-account,
    .agos-um-ui .um-profile {
        margin: 16px 8px !important;
    }

    .agos-um-ui .um-account .um-account-main {
        padding: 20px !important;
    }

    .agos-um-ui .um-account .um-account-nav {
        padding: 6px !important;
    }

    .agos-um-ui .um-account .um-account-nav li a {
        padding: 8px 12px !important;
        font-size: 12px !important;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   v8.4.4: CRITICAL FIXES — Honeypot, button, spacing
   ═══════════════════════════════════════════════════════════════════════════ */

/* Hide UM honeypot field (anti-bot, must be hidden from humans) */
.agos-um-ui .um-field-_um_account,
.agos-um-ui .um .um-field-b,
.agos-um-ui .um [data-key="_um_account"],
.ag-hub-login-form .um-field-_um_account,
.ag-hub-login-form .um .um-field-b,
.ag-hub-login-form [data-key="_um_account"] {
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Fix button — prevent double-height, clear spacing */
.agos-um-ui .um .um-button,
.agos-um-ui .um a.um-button,
.agos-um-ui .um input[type="submit"] {
    height: auto !important;
    min-height: 0 !important;
    line-height: 1.4 !important;
    padding: 12px 24px !important;
    margin: 0 !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Clear any secondary/duplicate buttons */
.agos-um-ui .um .um-button + .um-button,
.agos-um-ui .um .um-left + .um-left {
    display: none !important;
}

/* Fix "Keep me signed in" checkbox alignment */
.agos-um-ui .um .um-field-type-checkbox,
.agos-um-ui .um .um-field-type-checkbox label {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 13px !important;
    color: var(--ag-text-2) !important;
}

/* Fix password strength meter overlap */
.agos-um-ui .um .um-field-password_confirm .um-misc-note,
.agos-um-ui .um .um-field-user_password .um-misc-note {
    font-size: 11px !important;
    margin-top: 2px !important;
}