/* * Bridging shim for the China Newswire theme. * * The theme puts its page class on (`welcome-page`, `account-page`, * `outlets-page`). In the App Router only the root layout renders , and * a layout cannot read the current path, so each page instead renders that * class on a server-rendered wrapper

. These rules re-apply the handful * of theme declarations that were written against so they still land. * * Everything else comes from public/theme/css/ unchanged. */ /* The page wrapper has to fill the viewport for the theme's dark background and its `min-height: calc(100vh - 129px)` main areas to line up. */ .page-shell { display: flex; flex-direction: column; min-height: 100vh; } /* style.css:401 — `.welcome-page { background: var(--navy-color) }` was a rule; the login page needs it behind the sticky header and footer. */ body:has(.welcome-page) { background: var(--navy-color); } /* outlets.css:1 — `.outlets-page { background: #fff }`, likewise. */ body:has(.outlets-page) { background: #fff; } /* --------------------------------------------------------------------------- * Header auth state. * * The mockup's header predates accounts — it has no logged-in state, so these * are additions rather than re-applied theme rules. They borrow the theme's * existing tokens and .contact-btn shape so the header still reads as one * design. * ------------------------------------------------------------------------ */ .nav-user { display: inline-flex; align-items: center; gap: 6px; max-width: 170px; color: var(--black-color); font-size: 12px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .nav-user i { color: var(--gray-color); font-size: 11px; } /* .contact-btn was written for an ; logout is a