/* ========================================================= iARYES — DESIGN SYSTEM OFFICIEL UNE SEULE CHARTE POUR TOUTES LES PAGES ========================================================= */ :root{ /* ARYÊS */ --ia-blue:#6c9eba; --ia-blue-hover:#5d90ae; --ia-blue-dark:#304f61; --ia-blue-soft:#eef5f8; /* iARYES */ --ia-red:#ef4038; --ia-red-dark:#ca302d; --ia-red-soft:#fff1ef; /* NEUTRES */ --ia-ink:#263a44; --ia-text:#536771; --ia-muted:#7f919b; --ia-border:#dfe7eb; --ia-bg:#ffffff; --ia-soft:#f6f8f9; --ia-radius-header:20px; --ia-radius-card:18px; --ia-radius-input:12px; --ia-max:1500px; --ia-shadow: 0 14px 35px rgba(48,79,97,.10); } /* ========================================================= RESET ========================================================= */ html, body{ margin:0 !important; background: var(--ia-bg) !important; color: var(--ia-ink) !important; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important; } /* ========================================================= HEADER — STRICTEMENT IDENTIQUE PARTOUT ========================================================= */ .iaryes-global-header{ position:sticky; top:14px; z-index:9999; width: calc(100% - 40px); max-width: var(--ia-max); height:82px; margin: 14px auto 38px; padding: 0 28px; display:flex; align-items:center; gap:28px; border-radius: var(--ia-radius-header); background: var(--ia-blue) !important; box-shadow: var(--ia-shadow); } /* LOGO */ .iaryes-global-brand{ flex: 0 0 175px; width:175px; height:58px; display:flex; align-items:center; text-decoration:none !important; } .iaryes-global-brand img{ display:block; width:160px; max-height:54px; object-fit:contain; object-position:left center; filter: brightness(0) invert(1); } /* NAV */ .iaryes-global-nav{ flex:1; display:flex; justify-content:center; align-items:center; gap:4px; } .iaryes-global-nav a{ padding: 11px 13px; border-radius:10px; color:#fff !important; text-decoration:none !important; white-space:nowrap; font-size:13px; line-height:1; font-weight:800; transition:.15s ease; } .iaryes-global-nav a:hover{ background: rgba(255,255,255,.16); } /* DROITE */ .iaryes-global-right{ display:flex; align-items:center; gap:10px; } .iaryes-odoo{ min-height:38px; padding: 0 14px; display:flex; align-items:center; justify-content:center; border-radius:999px; background: rgba(255,255,255,.14); color:#fff; font-size:11px; font-weight:850; } .iaryes-home{ width:42px; height:42px; display:grid; place-items:center; border-radius:12px; background: var(--ia-blue-dark); color:#fff !important; text-decoration:none !important; font-size:15px; } /* ========================================================= LARGEUR GLOBALE DES PAGES ========================================================= */ .iaryes-page-shell{ width: calc(100% - 68px); max-width: var(--ia-max); margin: 0 auto; } /* ========================================================= TYPO ========================================================= */ h1, h2, h3, h4{ color: var(--ia-ink) !important; } h1{ letter-spacing: -1.8px !important; } p{ color: var(--ia-text); } /* ========================================================= CARTES ========================================================= */ .card, .panel, .box, .section-card, .module-card, .event-card, .campaign-card{ background:#fff !important; border: 1px solid var(--ia-border) !important; border-radius: var(--ia-radius-card) !important; box-shadow:none !important; } /* ========================================================= INPUTS ========================================================= */ input, select, textarea{ min-height:48px; border: 1px solid #cdd9df !important; border-radius: var(--ia-radius-input) !important; background:#fff !important; color: var(--ia-ink) !important; } input:focus, select:focus, textarea:focus{ outline:none !important; border-color: var(--ia-blue) !important; box-shadow: 0 0 0 3px rgba(108,158,186,.12) !important; } /* ========================================================= BOUTONS ========================================================= */ button, .btn, .button{ border-radius:11px !important; font-family:inherit !important; font-weight:800 !important; } /* PRINCIPAL = BLEU FONCÉ */ button.primary, .btn-primary, .button-primary, .primary-button{ background: var(--ia-blue-dark) !important; border-color: var(--ia-blue-dark) !important; color:#fff !important; } /* IMPORTANT / ÉVÉNEMENT = ROUGE */ button.red, .btn-red, .event-primary{ background: var(--ia-red) !important; border-color: var(--ia-red) !important; color:#fff !important; } /* SUPPRIMER */ .delete, .btn-danger, button.danger{ background: var(--ia-red-soft) !important; border-color: #f2d5d2 !important; color: var(--ia-red-dark) !important; } /* ========================================================= BADGES ========================================================= */ .badge, .pill, .tag{ border-radius:999px !important; } /* ========================================================= SUPPRESSION VISUELLE DES RESTES DUWO ========================================================= */ img[src*="duwo"], .duwo-logo, .duwo-header, .duwo-sidebar{ display:none !important; } /* ========================================================= CAMPAGNES — OVERRIDES ========================================================= */ /* enlève le bleu électrique DUWO */ body button[style*="background:#2"], body .btn[style*="background:#2"]{ background: var(--ia-blue-dark) !important; } /* cartes statistiques */ .stat-card{ border: 1px solid var(--ia-border) !important; border-radius: var(--ia-radius-card) !important; background:#fff !important; } /* onglets */ .tabs button, .filter-pill{ border: 1px solid var(--ia-border) !important; background:#fff !important; color: var(--ia-text) !important; } .tabs button.active, .filter-pill.active{ background: var(--ia-blue-soft) !important; border-color: #cddfe8 !important; color: var(--ia-blue-dark) !important; } /* ========================================================= ÉVÉNEMENTS ========================================================= */ .event-type, .event-badge{ color: var(--ia-red-dark) !important; } .event-card{ overflow:hidden; } /* ========================================================= MOBILE ========================================================= */ @media(max-width:900px){ .iaryes-global-header{ top:7px; width: calc(100% - 14px); height:68px; margin: 7px auto 24px; padding: 0 16px; border-radius:16px; } .iaryes-global-brand{ flex-basis:130px; width:130px; } .iaryes-global-brand img{ width:125px; } .iaryes-global-nav{ display:none; } .iaryes-odoo{ display:none; } .iaryes-page-shell{ width: calc(100% - 26px); } } /* ========================================================= iARYES — CORRECTIF POPUPS + SUPPRESSION BLEU DUWO ========================================================= */ /* ========================================================= 1. HEADER TOUJOURS SOUS LES POPUPS ========================================================= */ .iaryes-global-header{ z-index:1000 !important; } /* ========================================================= 2. TOUS LES POPUPS / MODALES / DRAWERS AU-DESSUS ========================================================= */ .modal, .popup, .drawer, .sidebar-modal, .side-panel, .sidepanel, .overlay, .modal-overlay, .popup-overlay, .drawer-overlay, .dialog-overlay, .campaign-modal, .campaign-drawer, .new-campaign-modal, .new-campaign-drawer, [role="dialog"], [aria-modal="true"]{ z-index:20000 !important; } /* overlay derrière la fenêtre mais au-dessus du header */ .modal-backdrop, .backdrop, .overlay, .modal-overlay, .popup-overlay, .drawer-overlay, .dialog-overlay{ z-index:19000 !important; } /* contenu de popup */ .modal-content, .popup-content, .drawer-content, .side-panel-content, .dialog-content, [role="dialog"] > div{ position:relative; z-index:20001 !important; } /* panneaux fixes à droite */ [class*="drawer"], [class*="modal"], [class*="popup"]{ isolation:isolate; } /* ========================================================= 3. SI LE POPUP EST EN POSITION FIXED ========================================================= */ [style*="position: fixed"], [style*="position:fixed"]{ z-index:20000; } /* ========================================================= 4. SUPPRESSION DU BLEU MARINE DUWO ========================================================= */ /* Remplace les anciens fonds bleu nuit DUWO par l'identité iAryes. */ :root{ --legacy-navy:#001234; } /* cartes suggestions */ .suggestion-card, .suggestion-panel, .watch-card, .watch-panel, .insight-card, .ai-card, .recommendation-card{ background: var(--ia-blue-soft) !important; color: var(--ia-ink) !important; border: 1px solid var(--ia-border) !important; } /* textes dans ces cartes */ .suggestion-card *, .suggestion-panel *, .watch-card *, .watch-panel *, .insight-card *, .ai-card *, .recommendation-card *{ color: var(--ia-ink) !important; } /* bouton dans suggestion */ .suggestion-card button, .suggestion-panel button, .watch-card button, .watch-panel button, .insight-card button, .ai-card button, .recommendation-card button{ background: var(--ia-blue-dark) !important; color:#fff !important; } /* ========================================================= 5. CAMPAGNES — PANNEAU "À SURVEILLER" ========================================================= */ #watchPanel, #watch-panel, #suggestionPanel, #suggestion-panel, .watch, .suggestion{ background:#fff !important; color:var(--ia-ink) !important; } /* ancêtres dont le fond était DUWO */ #watchPanel > div, #watch-panel > div, #suggestionPanel > div, #suggestion-panel > div{ background: var(--ia-blue-soft) !important; color: var(--ia-ink) !important; border-radius: var(--ia-radius-card) !important; } /* ========================================================= 6. ATTRIBUTS INLINE ANCIEN BLEU DUWO ========================================================= */ [style*="#001"], [style*="#002"], [style*="#031"], [style*="#041"], [style*="#051"], [style*="rgb(0, 18"], [style*="rgb(2, 16"], [style*="background:#0"], [style*="background: #0"]{ background: var(--ia-blue-soft) !important; color: var(--ia-ink) !important; } /* ========================================================= 7. TEXTE BLANC HÉRITÉ SUR FOND DEVENU CLAIR ========================================================= */ [style*="#001"] *, [style*="#002"] *, [style*="#031"] *, [style*="#041"] *, [style*="#051"] *, [style*="background:#0"] *, [style*="background: #0"] *{ color: var(--ia-ink) !important; } /* ========================================================= 8. BOUTONS PRINCIPAUX DANS LES PANNEAUX ========================================================= */ .modal button.primary, .popup button.primary, .drawer button.primary, [role="dialog"] button.primary{ background: var(--ia-blue-dark) !important; color:#fff !important; } /* ========================================================= 9. POPUP DROIT CAMPAGNES ========================================================= */ .campaign-editor, .campaign-panel, .campaign-sidebar, .editor-sidebar{ z-index:20001 !important; background:#fff !important; border-left: 1px solid var(--ia-border) !important; box-shadow: -20px 0 50px rgba(48,79,97,.10) !important; } /* ========================================================= 10. OVERLAY CAMPAGNES ========================================================= */ .campaign-overlay, .editor-overlay{ position:fixed !important; inset:0 !important; z-index:19000 !important; background: rgba(38,58,68,.38) !important; backdrop-filter: blur(2px); } /* ========================================================= iARYES — SUPPRESSION TOTALE DES CARTES BLEU NUIT DUWO ========================================================= */ /* BLOCS "À SURVEILLER" / SUGGESTIONS */ .watch-card, .watch-panel, .suggestion-card, .suggestion-panel, .recommendation-card, .insight-card, .ai-card, [class*="suggestion"], [class*="watch"], [class*="recommendation"]{ background: linear-gradient( 145deg, var(--ia-blue-soft), #ffffff ) !important; color: var(--ia-ink) !important; border: 1px solid var(--ia-border) !important; border-radius: var(--ia-radius-card) !important; box-shadow:none !important; } /* Tous les textes */ .watch-card *, .watch-panel *, .suggestion-card *, .suggestion-panel *, .recommendation-card *, .insight-card *, .ai-card *, [class*="suggestion"] *, [class*="watch"] *, [class*="recommendation"] *{ color: var(--ia-ink) !important; } /* Petit label "Suggestion iAryes" */ .watch-card small, .watch-panel small, .suggestion-card small, .suggestion-panel small, [class*="suggestion"] small, [class*="watch"] small{ color: var(--ia-blue-dark) !important; } /* ========================================================= BOUTON DE LA CARTE ========================================================= */ .watch-card button, .watch-panel button, .suggestion-card button, .suggestion-panel button, .recommendation-card button, [class*="suggestion"] button, [class*="watch"] button{ background: var(--ia-blue-dark) !important; color:#ffffff !important; border: 1px solid var(--ia-blue-dark) !important; border-radius:12px !important; } /* lien éventuel */ .watch-card a, .watch-panel a, .suggestion-card a, .suggestion-panel a, [class*="suggestion"] a, [class*="watch"] a{ color: var(--ia-blue-dark) !important; } /* ========================================================= CIBLAGE DU BLEU DUWO INLINE ========================================================= */ [style*="background:#001"], [style*="background: #001"], [style*="background:#0012"], [style*="background: #0012"], [style*="background:#001a"], [style*="background: #001a"], [style*="background:#020f"], [style*="background: #020f"], [style*="background:#031"], [style*="background: #031"], [style*="background:#041"], [style*="background: #041"], [style*="background:#051"], [style*="background: #051"]{ background: var(--ia-blue-soft) !important; color: var(--ia-ink) !important; } /* Texte blanc hérité */ [style*="background:#001"] *, [style*="background: #001"] *, [style*="background:#031"] *, [style*="background: #031"] *, [style*="background:#041"] *, [style*="background: #041"] *, [style*="background:#051"] *, [style*="background: #051"] *{ color: var(--ia-ink) !important; } /* ========================================================= CAMPAGNES — CARTE "SUGGESTION iARYES" remplacement exact de l'ancien bloc DUWO ========================================================= */ .focus{ padding:18px !important; border:1px solid var(--ia-border) !important; border-radius:16px !important; background: linear-gradient( 145deg, var(--ia-blue-soft), #ffffff ) !important; color:var(--ia-ink) !important; box-shadow:none !important; } .focus small{ display:block !important; color:var(--ia-blue-dark) !important; font-size:12px !important; font-weight:800 !important; } .focus strong{ display:block !important; margin-top:7px !important; color:var(--ia-ink) !important; font-size:19px !important; line-height:1.2 !important; } .focus p{ margin:9px 0 16px !important; color:var(--ia-text) !important; font-size:13px !important; line-height:1.5 !important; } .focus button{ width:100% !important; padding:12px 14px !important; border:0 !important; border-radius:11px !important; background:var(--ia-blue-dark) !important; color:#fff !important; font-weight:800 !important; cursor:pointer !important; } .focus button:hover{ background:#274656 !important; }