@layer gbn {
    /* GBN Modular CSS */
    /* REFACTOR-001: Variables de componentes ELIMINADAS (7 Dic 2025) */
    /* Los defaults de padding/flex/etc ahora son responsabilidad del CSS del desarrollador */
    /* GBN solo aplica estilos via style="" inline cuando el usuario edita */

    /* Ensure content render is visible */
    [gloryContentRender],
    [data-gbnContent] {
        display: block;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        /* Add defaults if needed, e.g. padding */
    }

    /* Debug Overlay */
    #gbn-debug-overlay {
        font-family: 'Consolas', 'Monaco', monospace;
        font-size: 12px;
        line-height: 1.4;
        color: #0f0;
        background: rgba(0, 0, 0, 0.95);
        border: 1px solid #333;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
        backdrop-filter: blur(5px);
    }
    #gbn-debug-overlay table td,
    #gbn-debug-overlay table th {
        padding: 2px 5px;
        border-bottom: 1px solid #222;
    }
    #gbn-debug-overlay details > summary {
        outline: none;
        list-style: none;
    }
    #gbn-debug-overlay details > summary::-webkit-details-marker {
        display: none;
    }
    #gbn-debug-overlay details > summary::before {
        content: '▶';
        display: inline-block;
        margin-right: 5px;
        font-size: 10px;
        transition: transform 0.2s;
    }
    #gbn-debug-overlay details[open] > summary::before {
        transform: rotate(90deg);
    }
}