/* Base for every page of the app (dashboard, sign-in, marketing). The
   builder's tokens: design/tokens.css (imported before this by each entry). */
@layer base {
    * {
        box-sizing: border-box;
    }

    /* hidden always hides, whatever display a class sets */
    [hidden] {
        display: none !important;
    }

    /* No sideways scroll: clip, not hidden, so html and body make no scroll box
       of their own and sticky bars (the AI wizard's) stay in view */
    html {
        overflow-x: clip; /* Some mobile browsers scroll on html instead of body */
    }

    body {
        margin: 0;
        font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
        font-size: 16px;
        line-height: 1.5;
        color: var(--text);
        background: var(--surface-1);
        overflow-x: clip; /* Prevent horizontal scroll in responsive layouts */
    }
}