/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/globals.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
@tailwind base;
@tailwind components;
@tailwind utilities;



/* --- Conteneur principal --- */
.geDiagramContainer {
    background-color: #f5f6fa !important; /* fond clair type Miro */
    border-radius: 12px;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

/* --- Toolbar --- */
.geMenubarContainer, .geToolbarContainer {
    background: #ffffff;
    border-bottom: 1px solid #e2e2e2;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    border-radius: 8px;
    margin: 6px;
}

/* --- Boutons & icônes --- */
.geButton, .geToolbarButton {
    background-color: #ffffff;
    border: none;
    border-radius: 8px;
    padding: 6px 10px;
    transition: background 0.2s, transform 0.1s;
}

.geButton:hover, .geToolbarButton:hover {
    background-color: #f0f0f0;
    transform: scale(1.05);
}

/* --- Dialogs --- */
.geDialog {
    border-radius: 12px !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.2);
}