/* * ============================================================ * NOYTRIX — PROFILE FULL WIDTH V73 * * - Profile fills available workspace * - No narrow centered container * - Small text significantly larger * - My activity profile tab removed * * Desktop only. * ============================================================ */ @media (min-width: 1200px) { /* ========================================================== 1. PROFILE SCREEN — FULL AVAILABLE WIDTH ========================================================== */ body.p56-profile-open .nx-profile-screen-v73, body.p55-profile-open .nx-profile-screen-v73, .nx-profile-screen-v73 { position: relative !important; width: 100% !important; max-width: none !important; min-width: 0 !important; height: auto !important; min-height: 100% !important; margin: 0 !important; padding: 18px 18px 34px !important; left: auto !important; right: auto !important; transform: none !important; box-sizing: border-box !important; overflow-x: hidden !important; overflow-y: visible !important; } /* ========================================================== 2. REMOVE WIDTH LIMITS FROM PROFILE WRAPPERS ========================================================== */ .nx-profile-screen-v73 .nx-profile-width-v73 { width: 100% !important; max-width: none !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } /* * Common old/current profile wrappers. */ .nx-profile-screen-v73 [class*="profile-shell"], .nx-profile-screen-v73 [class*="profile-wrap"], .nx-profile-screen-v73 [class*="profile-main"], .nx-profile-screen-v73 [class*="profile-content"], .nx-profile-screen-v73 [class*="p55-profile"], .nx-profile-screen-v73 [class*="p56-profile"], .nx-profile-screen-v73 [class*="p57-profile"] { width: 100% !important; max-width: none !important; min-width: 0 !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; } /* ========================================================== 3. PROFILE HEADER ========================================================== */ .nx-profile-screen-v73 .nx-profile-header-v73 { width: 100% !important; max-width: none !important; margin: 0 0 16px !important; box-sizing: border-box !important; } .nx-profile-screen-v73 .nx-profile-header-v73 h1, .nx-profile-screen-v73 .nx-profile-header-v73 h2 { line-height: 1.05 !important; } /* * Main Profile title. * Keep large — don't double it. */ .nx-profile-screen-v73 .nx-profile-header-v73 > h1, .nx-profile-screen-v73 .nx-profile-header-v73 > h2 { font-size: 38px !important; } /* ========================================================== 4. PROFILE TOP TABS ========================================================== */ .nx-profile-screen-v73 .nx-profile-tabs-v73 { width: 100% !important; max-width: none !important; min-width: 0 !important; margin: 0 0 12px !important; display: flex !important; align-items: stretch !important; gap: 4px !important; box-sizing: border-box !important; overflow: hidden !important; } .nx-profile-screen-v73 [data-p55-tab], .nx-profile-screen-v73 [data-p56-tab] { min-width: 0 !important; min-height: 42px !important; padding: 0 14px !important; font-size: 13px !important; font-weight: 750 !important; line-height: 1.1 !important; box-sizing: border-box !important; } /* ========================================================== 5. REMOVE MY ACTIVITY TAB FROM PROFILE ========================================================== */ .nx-profile-screen-v73 [data-p55-tab="activity"], .nx-profile-screen-v73 [data-p56-tab="activity"], .nx-profile-screen-v73 [data-p55-tab="my-activity"], .nx-profile-screen-v73 [data-p56-tab="my-activity"] { display: none !important; width: 0 !important; min-width: 0 !important; max-width: 0 !important; height: 0 !important; min-height: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; overflow: hidden !important; visibility: hidden !important; pointer-events: none !important; } /* ========================================================== 6. PROFILE PANELS ========================================================== */ .nx-profile-screen-v73 [data-p55-panel], .nx-profile-screen-v73 [data-p56-panel] { width: 100% !important; max-width: none !important; min-width: 0 !important; box-sizing: border-box !important; } /* ========================================================== 7. BIGGER SMALL TEXT — PROFILE ONLY ========================================================== */ .nx-profile-screen-v73 p { font-size: 13px !important; line-height: 1.38 !important; } .nx-profile-screen-v73 small { font-size: 12px !important; line-height: 1.32 !important; } .nx-profile-screen-v73 li { font-size: 13px !important; line-height: 1.35 !important; } .nx-profile-screen-v73 label { font-size: 13px !important; line-height: 1.3 !important; } .nx-profile-screen-v73 button { font-size: 13px !important; line-height: 1.15 !important; } /* ========================================================== 8. CARD HEADINGS ========================================================== */ .nx-profile-screen-v73 article h2, .nx-profile-screen-v73 article h3, .nx-profile-screen-v73 section h3, .nx-profile-screen-v73 aside h3 { font-size: 18px !important; line-height: 1.15 !important; } /* Account / plan big values */ .nx-profile-screen-v73 [data-p55-name], .nx-profile-screen-v73 [data-p56-name], .nx-profile-screen-v73 [data-p55-plan], .nx-profile-screen-v73 [data-p56-plan], .nx-profile-screen-v73 [data-p55-sub-plan], .nx-profile-screen-v73 [data-p56-sub-plan] { font-size: 21px !important; line-height: 1.1 !important; } /* ========================================================== 9. EMAIL / SECONDARY ACCOUNT TEXT ========================================================== */ .nx-profile-screen-v73 [data-p55-email], .nx-profile-screen-v73 [data-p56-email], .nx-profile-screen-v73 [data-p55-sub-email], .nx-profile-screen-v73 [data-p56-sub-email] { font-size: 12px !important; line-height: 1.25 !important; } /* ========================================================== 10. STATUS / EYEBROWS / SMALL LABELS ========================================================== */ .nx-profile-screen-v73 .eyebrow, .nx-profile-screen-v73 [class*="eyebrow"], .nx-profile-screen-v73 [class*="kicker"], .nx-profile-screen-v73 [class*="label"] { font-size: 11px !important; line-height: 1.15 !important; } /* ========================================================== 11. BUTTONS ========================================================== */ .nx-profile-screen-v73 button, .nx-profile-screen-v73 .primary-action, .nx-profile-screen-v73 .secondary-action { min-height: 40px !important; padding-left: 14px !important; padding-right: 14px !important; } /* ========================================================== 12. CARDS — USE AVAILABLE WIDTH ========================================================== */ .nx-profile-screen-v73 article, .nx-profile-screen-v73 aside { min-width: 0 !important; box-sizing: border-box !important; } .nx-profile-screen-v73 [class*="grid"] { width: 100% !important; max-width: none !important; min-width: 0 !important; box-sizing: border-box !important; } /* ========================================================== 13. TOP ACCOUNT CARD ========================================================== */ .nx-profile-screen-v73 [class*="account-card"], .nx-profile-screen-v73 [class*="profile-account"] { max-width: none !important; box-sizing: border-box !important; } /* ========================================================== 14. REMOVE OLD CENTERING / MAX WIDTHS ========================================================== */ .nx-profile-screen-v73 > * { max-width: none !important; box-sizing: border-box !important; } /* ========================================================== 15. SAFETY — NO HORIZONTAL OVERFLOW ========================================================== */ .nx-profile-screen-v73, .nx-profile-screen-v73 * { box-sizing: border-box; } } /* ============================================================ LARGE DESKTOP Use almost every available pixel. ============================================================ */ @media (min-width: 1500px) { .nx-profile-screen-v73 { padding: 14px 16px 30px !important; } .nx-profile-screen-v73 [data-p55-tab], .nx-profile-screen-v73 [data-p56-tab] { font-size: 14px !important; } .nx-profile-screen-v73 p { font-size: 14px !important; } .nx-profile-screen-v73 small { font-size: 12px !important; } }