/* app/static/app/css/onboarding.css */
/* Onboarding mode styles - fullscreen focus when user has no data */

body.onboarding-mode {
    padding: 0;
}

body.onboarding-mode #main {
    margin-left: 0;
    margin-top: 0;
    padding: 40px 20px;
    width: 100%;
    max-width: 100%;
}

body.onboarding-mode .breadcrumbs {
    display: none;
}

/* Onboarding banner */
.onboarding-banner {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    color: white;
    padding: 60px 40px;
    text-align: center;
    margin-bottom: 40px;
    border-radius: 12px;
}

.onboarding-banner h1 {
    font-size: 32px;
    margin: 0 0 16px 0;
}

.onboarding-banner p {
    font-size: 18px;
    opacity: 0.9;
    margin: 0;
}

/* Hide workspace selector in onboarding mode */
body.onboarding-mode .workspace-selector {
    display: none;
}

/* onboarding.html inline-style extractions */
.onboarding-card      { text-align: center; padding: 40px; }
.onboarding-icon      { font-size: 3em; color: var(--primary-color); margin-bottom: 20px; }
.onboarding-hint      { margin-top: 5px; }
.btn-onboarding-start { margin-top: 25px; padding: 12px 25px; font-size: 1.1em; }

.upload-modal-overlay {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 2000;
    align-items: center;
    justify-content: center;
}
.upload-modal-card    { width: 500px; max-width: 90%; }
.upload-close-btn     { background: none; border: none; font-size: 1.5em; cursor: pointer; }
.upload-file-input    { border: 1px solid #ccc; padding: 10px; border-radius: 5px; width: 100%; }
.btn-full-mt          { width: 100%; margin-top: 20px; }
.upload-error-msg     { color: red; margin-top: 10px; }