/* User & form pages shared styles (tokenized) */
        body { background: var(--ds-bg-muted); margin: 0; }
        .nav-links {
            display: flex; align-items: center; justify-content: space-between;
            gap: var(--ds-space-3);
            padding: var(--ds-space-3) var(--ds-space-5);
            background: var(--ds-surface);
            border-bottom: 1px solid var(--ds-border);
        }
        .nav-links .links a { font-size: var(--ds-fs-sm); margin-right: var(--ds-space-4); color: var(--ds-text); }
        .nav-links .links a:hover { color: var(--ds-primary); text-decoration: none; }
        .nav-links .user-chip { font-size: var(--ds-fs-sm); color: var(--ds-text-muted); }

        main.form-page { max-width: 720px; margin: var(--ds-space-6) auto; padding: 0 var(--ds-space-4); }
        main.form-page h1,
        main.form-page h2 { margin-bottom: var(--ds-space-4); }

        .section {
            background: var(--ds-surface);
            border: 1px solid var(--ds-border);
            border-radius: var(--ds-radius-lg);
            box-shadow: var(--ds-shadow-xs);
            padding: var(--ds-space-6);
            margin: 0 0 var(--ds-space-5);
        }
        .section h3 { margin: 0 0 var(--ds-space-3); font-size: var(--ds-fs-lg); }

        .form-group { margin: 0 0 var(--ds-space-4); display: flex; flex-direction: column; gap: 6px; }
        .form-group label { font-size: var(--ds-fs-sm); font-weight: 600; color: var(--ds-text); }
        .form-group input[type="text"],
        .form-group input[type="password"],
        .form-group input[type="email"],
        .form-group input[type="number"],
        .form-group input[type="url"],
        .form-group textarea,
        .form-group select {
            width: 100%;
            padding: 9px 12px;
            border: 1px solid var(--ds-border);
            border-radius: var(--ds-radius-sm);
            background: var(--ds-surface);
            color: var(--ds-text);
            font: inherit;
            font-size: var(--ds-fs-md);
            transition: border-color var(--ds-duration-fast) var(--ds-ease),
                        box-shadow var(--ds-duration-fast) var(--ds-ease);
        }
        .form-group input:hover, .form-group textarea:hover, .form-group select:hover { border-color: var(--ds-border-strong); }
        .form-group input:focus, .form-group textarea:focus, .form-group select:focus {
            outline: none;
            border-color: var(--ds-primary);
            box-shadow: var(--ds-focus-ring);
        }
        .help-text { font-size: var(--ds-fs-xs); color: var(--ds-text-muted); }
        .error   { background: var(--ds-danger-soft);  border: 1px solid var(--ds-danger); color: var(--ds-danger); padding: var(--ds-space-3) var(--ds-space-4); border-radius: var(--ds-radius-sm); margin: 0 0 var(--ds-space-4); }
        .success { background: var(--ds-success-soft); border: 1px solid var(--ds-success); color: var(--ds-success); padding: var(--ds-space-3) var(--ds-space-4); border-radius: var(--ds-radius-sm); margin: 0 0 var(--ds-space-4); }

        .form-actions { display: flex; gap: var(--ds-space-2); justify-content: flex-end; margin-top: var(--ds-space-5); flex-wrap: wrap; }

        /* Legacy .btn / .btn-primary retained for backwards compat inside form pages */
        .btn, input[type="submit"].btn {
            display: inline-flex; align-items: center; justify-content: center;
            padding: 8px 14px; min-height: 36px;
            border: 1px solid var(--ds-border);
            background: var(--ds-surface);
            color: var(--ds-text);
            border-radius: var(--ds-radius-sm);
            font: inherit; font-size: var(--ds-fs-md); font-weight: 600; line-height: 1;
            cursor: pointer; text-decoration: none;
            transition: background var(--ds-duration-fast) var(--ds-ease), border-color var(--ds-duration-fast) var(--ds-ease);
        }
        .btn:hover, input[type="submit"].btn:hover { background: var(--ds-bg-muted); border-color: var(--ds-border-strong); }
        .btn-primary, input[type="submit"].btn-primary {
            background: var(--ds-primary); color: var(--ds-text-on-accent); border-color: var(--ds-primary);
        }
        .btn-primary:hover, input[type="submit"].btn-primary:hover {
            background: var(--ds-primary-hover); border-color: var(--ds-primary-hover); color: var(--ds-text-on-accent);
        }