.mgt2
    .dialog-button
        color: var(--mgt2-color-primary)
        background-color: var(--mgt2-bgcolor-primary) !important

// ─── MGT2 Roll Dialog (DialogV2) ──────────────────────────────────────────────
.mgt2-roll-dialog
    background: #ffffff !important
    border: 1px solid #ccbbbb !important
    box-shadow: 0 8px 32px rgba(0,0,0,0.35) !important
    border-radius: 6px !important
    overflow: hidden !important

    .window-header
        background: #0A0405 !important
        border-bottom: 3px solid #EE4050 !important
        padding: 10px 14px !important
        position: relative !important
        .window-title
            color: #ffffff !important
            font-family: 'Barlow Condensed', sans-serif !important
            font-weight: 700 !important
            font-size: 1rem !important
            text-transform: uppercase !important
            letter-spacing: 2px !important

    .window-content
        background: #ffffff !important
        color: #0A0405 !important
        padding: 0 !important

        .dialog-content, .standard-form
            background: #ffffff !important
            padding: 14px 18px 10px !important

        // Form group rows
        .form-group
            display: flex !important
            align-items: center !important
            gap: 10px !important
            margin-bottom: 8px !important
            padding: 4px 0 !important
            border-bottom: 1px solid #e8e0e0 !important

            &:last-child
                border-bottom: none !important

            label
                color: #0A0405 !important
                font-family: 'Barlow Condensed', sans-serif !important
                font-weight: 700 !important
                font-size: 0.72rem !important
                text-transform: uppercase !important
                letter-spacing: 1.2px !important
                flex: 0 0 110px !important
                line-height: 1.2 !important

            select, input[type="number"], input[type="text"]
                flex: 1 !important
                background: #ffffff !important
                border: 1px solid #ccbbbb !important
                color: #0A0405 !important
                border-radius: 3px !important
                padding: 5px 10px !important
                font-family: 'Barlow Condensed', sans-serif !important
                font-size: 0.9rem !important
                transition: border-color 150ms ease !important

                &:focus
                    border-color: #EE4050 !important
                    outline: none !important
                    background: rgba(238,64,80,0.04) !important

                option
                    background: #ffffff !important
                    color: #0A0405 !important

        // Fieldset / ÉTATS section
        fieldset, .form-fields
            background: #fdf8f8 !important
            border: 1px solid #e0c8c8 !important
            border-radius: 5px !important
            padding: 10px 14px !important
            margin-bottom: 8px !important

            legend
                color: #EE4050 !important
                font-family: 'Barlow Condensed', sans-serif !important
                font-weight: 700 !important
                font-size: 0.72rem !important
                text-transform: uppercase !important
                letter-spacing: 2px !important
                padding: 0 8px !important
                background: #ffffff !important

            // Checkboxes inside fieldset
            .form-group
                border-bottom: none !important
                margin-bottom: 4px !important
                padding: 2px 0 !important

            label
                color: #3a2020 !important
                flex: 1 !important

            input[type="checkbox"]
                accent-color: #EE4050 !important
                width: 14px !important
                height: 14px !important

    // Footer buttons
    .dialog-buttons, .form-footer, footer
        background: #f5eeee !important
        border-top: 2px solid #EE4050 !important
        padding: 10px 14px !important
        display: flex !important
        gap: 8px !important
        justify-content: center !important

        button
            flex: 1 !important
            max-width: 140px !important
            background: #ffffff !important
            border: 1px solid #ccbbbb !important
            color: #3a2020 !important
            border-radius: 4px !important
            padding: 7px 14px !important
            font-family: 'Barlow Condensed', sans-serif !important
            font-size: 0.82rem !important
            font-weight: 700 !important
            text-transform: uppercase !important
            letter-spacing: 1.5px !important
            cursor: pointer !important
            transition: all 150ms ease !important

            &:hover
                background: #fdf0f0 !important
                border-color: #EE4050 !important
                color: #EE4050 !important

            // Primary action button (DialogV2: data-action="submit", autofocus)
            &.default, &[data-action="submit"], &[autofocus]
                background: #EE4050 !important
                border-color: #EE4050 !important
                color: #fff !important
                box-shadow: 0 2px 12px rgba(238,64,80,0.3) !important

                &:hover
                    background: #ff5060 !important
                    box-shadow: 0 4px 18px rgba(238,64,80,0.45) !important