/* * ============================================================ * NOYTRIX PROFILE — POLISH V80 * * V78 outer geometry stays. * V79 ecosystem sizing stays. * * Fix: * - profile tabs stay inside their border * - bigger ecosystem icons * - bigger ecosystem labels * - Open activity = same bottom line as Security * ============================================================ */ /* ============================================================ 1. TOP PROFILE TABS — HARD CONTAINMENT ============================================================ */ body.nx-profile-v78-open .nx-profile-v78-root .nx-profile-tabs-v73 { width: 100% !important; min-width: 0 !important; min-height: 52px !important; height: 52px !important; max-height: 52px !important; padding: 4px !important; display: flex !important; align-items: center !important; gap: 4px !important; margin: 0 0 8px !important; border-radius: 10px !important; box-sizing: border-box !important; overflow: hidden !important; } /* Every tab must stay INSIDE parent */ body.nx-profile-v78-open .nx-profile-v78-root .nx-profile-tabs-v73 [data-p55-tab], body.nx-profile-v78-open .nx-profile-v78-root .nx-profile-tabs-v73 [data-p56-tab] { position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; flex: 1 1 0 !important; width: auto !important; min-width: 0 !important; height: 42px !important; min-height: 42px !important; max-height: 42px !important; margin: 0 !important; padding: 0 10px !important; border-radius: 7px !important; transform: none !important; box-sizing: border-box !important; overflow: hidden !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 12px !important; line-height: 1 !important; white-space: nowrap !important; } /* Active tab also stays inside */ body.nx-profile-v78-open .nx-profile-v78-root .nx-profile-tabs-v73 [data-p55-tab].active, body.nx-profile-v78-open .nx-profile-v78-root .nx-profile-tabs-v73 [data-p56-tab].active, body.nx-profile-v78-open .nx-profile-v78-root .nx-profile-tabs-v73 [data-p55-tab][aria-selected="true"], body.nx-profile-v78-open .nx-profile-v78-root .nx-profile-tabs-v73 [data-p56-tab][aria-selected="true"] { top: auto !important; bottom: auto !important; margin: 0 !important; transform: none !important; border-radius: 7px !important; box-shadow: inset 0 0 0 1px rgba(76, 145, 210, .25) !important; } /* ============================================================ 2. ACTIVITY + SECURITY CARDS ============================================================ */ body.nx-profile-v78-open .nx-profile-v78-root .nx-p80-action-card { position: relative !important; min-height: 205px !important; /* * Reserve exact space for bottom button. */ padding-bottom: 70px !important; box-sizing: border-box !important; } /* ============================================================ 3. ACTION WRAPPERS — SAME ABSOLUTE BOTTOM POSITION ============================================================ */ body.nx-profile-v78-open .nx-profile-v78-root .nx-p80-action-wrap { position: absolute !important; left: 14px !important; right: 14px !important; bottom: 12px !important; width: auto !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* ============================================================ 4. OPEN ACTIVITY + SECURITY BUTTONS EXACT SAME HEIGHT ============================================================ */ body.nx-profile-v78-open .nx-profile-v78-root .nx-p80-action-button { position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; width: 100% !important; height: 44px !important; min-height: 44px !important; max-height: 44px !important; margin: 0 !important; padding: 0 14px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 14px !important; font-weight: 800 !important; line-height: 1 !important; transform: none !important; box-sizing: border-box !important; } /* ============================================================ 5. ECOSYSTEM PRODUCT ROW ============================================================ */ body.nx-profile-v78-open .nx-profile-v78-root .nx-p79-product-row { min-height: 120px !important; grid-auto-rows: minmax(108px, 1fr) !important; gap: 10px !important; } /* ============================================================ 6. BIGGER PRODUCT CARDS ============================================================ */ body.nx-profile-v78-open .nx-profile-v78-root .nx-p79-product-card { min-height: 108px !important; padding: 16px 18px !important; gap: 14px !important; align-items: center !important; overflow: hidden !important; } /* ============================================================ 7. PRODUCT ICON BOX ============================================================ */ body.nx-profile-v78-open .nx-profile-v78-root .nx-p80-product-icon { position: relative !important; width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; max-width: 44px !important; max-height: 44px !important; flex: 0 0 44px !important; display: grid !important; place-items: center !important; margin: 0 !important; box-sizing: border-box !important; overflow: hidden !important; } /* Bigger actual icon */ body.nx-profile-v78-open .nx-profile-v78-root .nx-p80-product-icon svg { width: 24px !important; height: 24px !important; min-width: 24px !important; min-height: 24px !important; max-width: 24px !important; max-height: 24px !important; margin: 0 !important; display: block !important; transform: none !important; } /* ============================================================ 8. PRODUCT LABEL ============================================================ */ body.nx-profile-v78-open .nx-profile-v78-root .nx-p80-product-label { font-size: 16px !important; font-weight: 800 !important; line-height: 1.1 !important; letter-spacing: -.01em !important; white-space: nowrap !important; } /* Status: Current / Manage / Business */ body.nx-profile-v78-open .nx-profile-v78-root .nx-p80-product-status { font-size: 10px !important; font-weight: 700 !important; line-height: 1.15 !important; margin-left: 6px !important; white-space: nowrap !important; } /* ============================================================ 9. FALLBACK TYPOGRAPHY FOR PRODUCT CARDS ============================================================ */ body.nx-profile-v78-open .nx-profile-v78-root .nx-p79-product-card strong { font-size: 16px !important; font-weight: 800 !important; line-height: 1.1 !important; } body.nx-profile-v78-open .nx-profile-v78-root .nx-p79-product-card small { font-size: 10px !important; line-height: 1.15 !important; } /* ============================================================ 10. MANAGE CONNECTIONS ============================================================ */ body.nx-profile-v78-open .nx-profile-v78-root .nx-p79-manage-connections { min-height: 48px !important; height: 48px !important; max-height: 48px !important; font-size: 14px !important; font-weight: 800 !important; } /* ============================================================ 11. ECOSYSTEM TITLE ============================================================ */ body.nx-profile-v78-open .nx-profile-v78-root .nx-p79-ecosystem h2, body.nx-profile-v78-open .nx-profile-v78-root .nx-p79-ecosystem h3 { font-size: 21px !important; font-weight: 800 !important; line-height: 1.12 !important; } /* ============================================================ 12. SAFETY ============================================================ */ body.nx-profile-v78-open .nx-profile-v78-root .nx-p80-action-card *, body.nx-profile-v78-open .nx-profile-v78-root .nx-p79-product-card * { box-sizing: border-box; }