/**
 * GX ONE — Menú «+» simplificado (decisiones del dueño 2026-09-28).
 * Íconos de línea SVG en vez de emojis; «One by GlobaiX» destacado con el mismo
 * verde que «Crear contenido». Lógica en js/plus_hub_menu.js.
 */

/* Ícono: caja fija para que todas las líneas alineen igual */
#attachBottomSheet .attach-option-ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
}
#attachBottomSheet .attach-option-ico svg[data-gx-icon] {
    width: 19px;
    height: 19px;
    display: block;
}
/* WhatsApp con su verde de marca */
#attachBottomSheet .attach-option-ico .gx-ico-wa { color: #25D366; }

/* One by GlobaiX: primero y «prendido» (mismo verde de fondo que .attach-option-creator);
   letras e ícono en BLANCO sobre ese verde (pedido del dueño, 2.ª vuelta 28-sep) */
#attachBottomSheet .attach-option-brand {
    background: rgba(34, 197, 94, 0.22) !important;
    color: #ffffff !important;
    border-radius: 8px;
    margin-bottom: 4px;
    font-weight: 600 !important;
}
#attachBottomSheet .attach-option-brand .attach-option-txt,
#attachBottomSheet .attach-option-brand .attach-option-ico { color: #ffffff !important; }
#attachBottomSheet .attach-option-brand:hover {
    background: rgba(34, 197, 94, 0.38) !important;
}
#attachBottomSheet .attach-option-brand .attach-option-ico svg[data-gx-icon] {
    filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.45));
}

/* Hallazgo del dueño en su teléfono (28-sep): al abrir/cerrar «+» se veía «la pantalla azul».
   Es el tap-highlight del navegador móvil sobre el overlay full-screen del sheet (transparente,
   pero con handler de click → Android/iOS lo pintan de azul al tocar) y sobre las opciones.
   Se apaga en todo el sheet y en el botón «+». */
#attachBottomSheet,
#attachBottomSheet *,
#btnAttach {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}
#attachBottomSheet .attach-sheet-overlay,
#attachBottomSheet .attach-option {
    outline: none;
}

/* Sin «cartelito» (tooltip Herramientas / Cerrar menú) sobre el botón «+»:
   la gente lo prueba y lo entiende (dueño, 28-sep). */
#btnAttach[data-tooltip]::before,
#btnAttach[data-tooltip]::after { display: none !important; content: none !important; }