/* ===== public.css — login / signup / landing ONLY =====
 * Extracted from user/layout/shell.php, where these rules were wrapped in
 *   <?php if (!$loggedIn): ?> ... <?php endif; ?>
 * and therefore ONLY ever loaded on public pages.
 *
 * v10.78 extracted the CSS but not the CONDITION, and linked the file
 * unconditionally — so this gradient started painting over every logged-in page,
 * fighting app.css's flat `background: #0a0a0a`. That is what made the green look
 * like it "cut off" partway down long pages, and what made text sitting on the
 * assumed-flat background hard to read.
 *
 * This file is now linked ONLY when logged out, restoring the original behaviour.
 * DO NOT link it unconditionally.
 */

body { background: linear-gradient(135deg, #0a1f0a 0%, #1a3a1a 100%); min-height: 100vh; }
.public-nav {
    display: flex; justify-content: space-between; align-items: center;
    padding: 1rem 1.5rem; background: rgba(0,0,0,0.3);
    border-bottom: 1px solid rgba(74,222,128,0.2);
}
.public-nav .brand { font-size: 1.5rem; font-weight: 900; color: #4ade80; }
.public-nav .links { display: flex; gap: 1.5rem; align-items: center; flex-wrap: wrap; }
.public-nav .links a { color: #e8f5e8; font-weight: 500; }
.public-nav .links a:hover { color: #4ade80; text-decoration: none; }
.public-nav .btn-nav {
    background: #4ade80; color: #0a1f0a; padding: 0.5rem 1rem;
    border-radius: 6px; font-weight: 700;
}
.public-nav .btn-nav:hover { background: #22c55e; color: #0a1f0a; }
.public-container { max-width: 900px; margin: 0 auto; padding: 1.5rem; }