/* Netz-Fabrik AI-ERP - Custom CSS */

/* ========================================
   NETZ-FABRIK BRANDING FARBEN
   Primary: #a2c626 (Grün)
   ======================================== */

:root {
    /* Primary Color: Netz-Fabrik Grün #a2c626 = HSL(74, 67%, 46%) */
    --primary: 74 67% 46% !important;
    --primary-foreground: 0 0% 100% !important;

    /* Ring/Focus Color */
    --ring: 74 67% 46% !important;

    /* Chart Colors mit Grün-Akzent */
    --chart-1: 74 67% 46% !important;
}

.dark {
    --primary: 74 67% 52% !important;
    --primary-foreground: 0 0% 100% !important;
    --ring: 74 67% 52% !important;
}

/* Buttons und Links in Netz-Fabrik Grün */
button[class*="primary"],
.bg-primary,
[class*="bg-primary"] {
    background-color: #a2c626 !important;
}

a {
    color: #8ab01e;
}

a:hover {
    color: #a2c626;
}

/* ========================================
   LAYOUT - VOLLE BREITE
   ======================================== */

/* WICHTIG: Inline-Style max-width: min(48rem, 100vw) überschreiben */
.flex.flex-col.mx-auto.w-full.flex-grow.p-4,
.step .flex.flex-col,
[data-step-type] .flex.flex-col,
div[style*="max-width: min(48rem"] {
    max-width: 100% !important;
}

/* Alle Elemente mit inline max-width überschreiben */
[style*="max-width"] {
    max-width: 100% !important;
}

/* Chat Container */
.mx-auto {
    max-width: 100% !important;
}

/* Steps */
.step,
.step > div,
[data-step-type],
[data-step-type] > div {
    max-width: 100% !important;
    width: 100% !important;
}

/* Message Content */
.ai-message,
.message-content,
.prose,
.prose.lg\:prose-xl {
    max-width: 100% !important;
    width: 100% !important;
}

/* Tabellen volle Breite */
table {
    width: 100% !important;
}

/* PDF Viewer breiter */
.inline-pdf {
    width: 100% !important;
    height: 600px !important;
}

/* Padding für bessere Lesbarkeit */
main {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}