/* ═══════════════════════════════════════════════════════════════ 91STUDIO — DEFERRED CSS v1.0.0 Dashboard, dark mode modules, facturation, trésorerie overrides Chargé après le premier rendu (non render-blocking) ═══════════════════════════════════════════════════════════════ */ /* ═══════════════════════════════════════════════════════════════ DASHBOARD MODULE — CSS externalisé depuis dashboard.js v3.15.0 87+ couleurs hardcodées → variables CSS ═══════════════════════════════════════════════════════════════ */ /* === DASHBOARD - Apple/Linear Design System - SEAMLESS HEADER === */ .dash-wrap{padding:48px 32px 32px;max-width:100%;margin:0 auto;background:var(--bg-secondary);min-height:100vh;box-sizing:border-box;overflow-x:hidden} .dash-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:0;background:transparent;flex-wrap:wrap;gap:16px} .dash-title{font-size:34px;font-weight:400;color:var(--text-primary);letter-spacing:0.37px;line-height:41px} /* HIG Large Title */ .dash-actions{display:flex;gap:10px;flex-wrap:wrap} .dash-btn{padding:10px 18px;border-radius:980px;border:none;background:rgba(0,0,0,0.04);cursor:pointer;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(0.4,0,0.2,1);color:var(--text-primary)} .dash-btn:hover{background:rgba(0,0,0,0.08);transform:scale(1.02)} .dash-btn-primary{background:var(--text-primary);color:#fff} .dash-btn-primary:hover{background:#000;box-shadow:0 4px 12px rgba(0,0,0,0.15)} .dash-btn.active{background:var(--text-primary);color:#fff} /* === Tabs - Apple HIG Underline === */ .dash-tabs{display:flex;gap:0;margin-bottom:32px;background:transparent;padding:0;border-radius:0;width:fit-content;border-bottom:1px solid rgba(0,0,0,0.08)} .dash-tab{padding:12px 16px;border:none;background:transparent;cursor:pointer;border-radius:0;font-size:15px;font-weight:400;letter-spacing:-0.24px;line-height:20px;transition:all .2s cubic-bezier(0.4,0,0.2,1);color:var(--text-tertiary);border-bottom:2px solid transparent;margin-bottom:-1px;min-height:44px;display:flex;align-items:center} /* HIG Subheadline */ .dash-tab:hover{color:var(--text-primary);border-bottom-color:rgba(0,0,0,0.12)} .dash-tab.active{background:transparent;color:var(--text-primary);box-shadow:none;border-bottom:2px solid var(--text-primary);font-weight:600;letter-spacing:-0.24px;line-height:20px} /* HIG Subheadline bold */ .dash-tabs-sep{width:1px;height:20px;background:rgba(0,0,0,0.1);margin:0 4px;align-self:center} .dash-tab-team{font-size:13px;font-weight:400;letter-spacing:-0.08px;line-height:18px;padding:8px 14px} /* HIG Footnote */ .dash-color-swatch{width:24px;height:24px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .15s} .dash-color-swatch:hover{transform:scale(1.15)} .dash-color-swatch.active{border-color:var(--text-primary);box-shadow:0 0 0 2px #fff,0 0 0 4px currentColor} [data-theme="dark"] .dash-color-swatch.active{border-color:#fff;box-shadow:0 0 0 2px var(--bg-secondary,#161616),0 0 0 4px currentColor} .dash-section{display:none} .dash-section.active{display:block} /* === Filters === */ .dash-filters{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap;align-items:center} .dash-filter-select{padding:10px 16px;border:none;border-radius:12px;font-size:13px;background:var(--surface-card);cursor:pointer;min-width:160px;color:var(--text-primary);box-shadow:0 1px 2px rgba(0,0,0,0.04);transition:all .2s} .dash-filter-select:hover{box-shadow:0 2px 8px rgba(0,0,0,0.08)} .dash-filter-select:focus{outline:none;box-shadow:0 0 0 3px rgba(0,122,255,0.2)} .dash-filter-label{font-size:11px;font-weight:600;color:var(--text-tertiary);letter-spacing:0.02em} .dash-filter-group{display:flex;flex-direction:column;gap:4px} .dash-btn-add-risk{padding:8px 16px;font-size:12px;font-weight:600;background:var(--text-primary,#1d1d1f);color:var(--bg-primary,#fff);border:none;border-radius:8px;cursor:pointer;transition:opacity .15s;white-space:nowrap;align-self:flex-end} .dash-btn-add-risk:hover{opacity:0.85} /* === Modale création risque === */ .dash-risk-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.3);z-index:1100;display:flex;align-items:center;justify-content:center} .dash-risk-modal{background:var(--surface-card,#fff);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,0.12);max-width:520px;width:90%;max-height:85vh;overflow-y:auto} .dash-risk-modal-header{padding:16px 24px;border-bottom:1px solid var(--border-color,#e5e5e5);font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:space-between} .dash-risk-modal-close{background:none;border:none;font-size:18px;cursor:pointer;color:var(--text-secondary,#86868b);padding:4px} .dash-risk-modal-body{padding:24px;display:flex;flex-direction:column;gap:16px} .dash-risk-field label{display:block;font-size:11px;font-weight:600;letter-spacing:0.05em;color:var(--text-secondary,#86868b);margin-bottom:6px} .dash-risk-field select,.dash-risk-field textarea,.dash-risk-field input{width:100%;padding:8px 12px;border:1px solid var(--border-color,#e5e5e5);border-radius:8px;font-size:13px;font-family:inherit;background:var(--surface-card,#fff);color:var(--text-primary,#1d1d1f);box-sizing:border-box} .dash-risk-field textarea{resize:vertical;min-height:60px} .dash-risk-field select:focus,.dash-risk-field textarea:focus,.dash-risk-field input:focus{border-color:var(--text-primary,#1d1d1f);outline:none} .dash-risk-eval-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px} .dash-risk-eval-axis{display:flex;flex-direction:column;gap:4px} .dash-risk-eval-label{font-size:11px;font-weight:600;color:var(--text-secondary,#86868b)} .dash-risk-eval-btns{display:flex;gap:4px} .dash-risk-eval-btn{flex:1;padding:6px 0;border:1px solid var(--border-color,#e5e5e5);border-radius:6px;background:var(--surface-card,#fff);color:var(--text-primary,#1d1d1f);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s} .dash-risk-eval-btn.active{background:var(--text-primary,#1d1d1f);color:var(--bg-primary,#fff);border-color:var(--text-primary,#1d1d1f)} .dash-risk-total{text-align:center;font-size:14px;font-weight:700;padding:8px;border-radius:8px} .dash-risk-modal-footer{padding:16px 24px;border-top:1px solid var(--border-color,#e5e5e5);display:flex;justify-content:flex-end;gap:8px} .dash-risk-modal-footer button{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--border-color,#e5e5e5);background:var(--surface-card,#fff);color:var(--text-primary,#1d1d1f)} .dash-risk-modal-footer .dash-risk-btn-primary{background:var(--text-primary,#1d1d1f);color:var(--bg-primary,#fff);border-color:var(--text-primary,#1d1d1f)} .dash-risk-modal-footer .dash-risk-btn-primary:hover{opacity:0.85} .dash-risk-field-row{display:flex;gap:12px} .dash-risk-field-row .dash-risk-field{flex:1} [data-theme="dark"] .dash-risk-modal{background:var(--bg-secondary,#161616);border-color:var(--border-linear,#2C2C2C)} [data-theme="dark"] .dash-risk-modal-header,[data-theme="dark"] .dash-risk-modal-footer{border-color:var(--border-linear,#2C2C2C)} [data-theme="dark"] .dash-risk-field select,[data-theme="dark"] .dash-risk-field textarea,[data-theme="dark"] .dash-risk-field input{background:var(--bg-tertiary,#202020);border-color:var(--border-linear,#2C2C2C);color:var(--text-primary,#FAFAFA)} [data-theme="dark"] .dash-risk-eval-btn{background:var(--bg-tertiary,#202020);border-color:var(--border-linear,#2C2C2C);color:var(--text-primary,#FAFAFA)} [data-theme="dark"] .dash-risk-eval-btn.active{background:var(--text-primary,#FAFAFA);color:var(--bg-primary,#0C0C0C);border-color:var(--text-primary,#FAFAFA)} [data-theme="dark"] .dash-risk-modal-footer button{background:var(--bg-tertiary,#202020);border-color:var(--border-linear,#2C2C2C);color:var(--text-primary,#FAFAFA)} [data-theme="dark"] .dash-risk-modal-footer .dash-risk-btn-primary{background:var(--text-primary,#FAFAFA);color:var(--bg-primary,#0C0C0C)} [data-theme="dark"] .dash-btn-add-risk{background:var(--text-primary,#FAFAFA);color:var(--bg-primary,#0C0C0C)} /* === Priority Grid - Bento Style === */ .dash-priority-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px} @media(max-width:1200px){.dash-priority-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:640px){.dash-priority-grid{grid-template-columns:1fr}} .dash-priority-col{background:var(--bg-tertiary);border-radius:20px;border:none;padding:24px;min-height:320px;position:relative;transition:all .3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 1px 2px rgba(0,0,0,0.03)} .dash-priority-col:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,0.08);background:var(--surface-card)} /* Dot indicators instead of colored borders */ .dash-priority-col::before{content:'';position:absolute;top:24px;right:24px;width:8px;height:8px;border-radius:50%;opacity:0.8} .dash-priority-col.immediate::before{background:#FF3B30} .dash-priority-col.reunion::before{background:#FF9500} .dash-priority-col.week::before{background:#FFCC00} .dash-priority-col.plan::before{background:#34C759} .dash-priority-header{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:20px;padding-bottom:0;border-bottom:none;gap:4px} .dash-priority-title{font-weight:600;font-size:13px;color:var(--text-tertiary);display:flex;align-items:center;gap:8px;letter-spacing:0.02em} /* Big Numbers for counts */ .dash-priority-count{background:transparent;padding:0;border-radius:0;font-size:48px;font-weight:300;color:var(--text-primary);line-height:1;letter-spacing:-0.03em} .dash-priority-col.immediate .dash-priority-count,.dash-priority-col.reunion .dash-priority-count,.dash-priority-col.week .dash-priority-count,.dash-priority-col.plan .dash-priority-count{background:transparent;color:var(--text-primary)} .dash-priority-items{display:flex;flex-direction:column;gap:8px} .dash-priority-item{background:var(--surface-card);border-radius:14px;padding:16px;cursor:pointer;transition:all .2s cubic-bezier(0.4,0,0.2,1);box-shadow:0 1px 2px rgba(0,0,0,0.04)} .dash-priority-item:hover{transform:translateX(4px);box-shadow:0 4px 12px rgba(0,0,0,0.08)} .dash-priority-item-project{font-size:12px;color:#7C3AED;font-weight:500;margin-bottom:6px} .dash-priority-item-text{font-size:14px;font-weight:500;margin-bottom:8px;line-height:1.4;color:var(--text-primary);letter-spacing:-0.01em} .dash-priority-item-meta{display:flex;gap:16px;font-size:12px;color:var(--text-tertiary);flex-wrap:wrap} .dash-priority-item-score{background:rgba(0,0,0,0.04);padding:3px 8px;border-radius:6px;font-weight:600;font-size:11px;color:var(--text-primary)} .dash-priority-item-checkbox{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--border-color);cursor:pointer;flex-shrink:0;transition:all .2s cubic-bezier(0.4,0,0.2,1);display:flex;align-items:center;justify-content:center;background:var(--surface-card)} .dash-priority-item-checkbox:hover{border-color:#34C759;background:rgba(52,199,89,0.08);transform:scale(1.1)} .dash-priority-item-actions{display:flex;gap:6px;margin-top:8px} .dash-priority-edit-btn{padding:6px 10px;border-radius:8px;border:none;background:rgba(0,0,0,0.04);cursor:pointer;font-size:12px;font-weight:500;color:var(--text-tertiary);transition:all .15s} .dash-priority-edit-btn:hover{background:rgba(0,0,0,0.08);color:var(--text-primary)} /* === DRAG & DROP === */ .dash-priority-item[draggable="true"]{cursor:grab} .dash-priority-item[draggable="true"]:active{cursor:grabbing} .dash-priority-item.dragging{opacity:0.5;transform:scale(0.98);box-shadow:0 8px 24px rgba(0,0,0,0.15)} .dash-priority-item.drag-over{border:2px dashed #7C3AED;background:rgba(124,58,237,0.05)} .dash-priority-items.drag-over-col{background:rgba(0,122,255,0.03);border-radius:12px} .dash-priority-drag-handle{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#ccc;cursor:grab;font-size:14px;flex-shrink:0;margin-right:4px} .dash-priority-drag-handle:hover{color:#666} .dash-drop-indicator{height:4px;background:#7C3AED;border-radius:2px;margin:4px 0;opacity:0;transition:opacity .15s} .dash-drop-indicator.visible{opacity:1} /* === Cards Grid - Bento Style === */ .dash-projects-toolbar{display:flex;justify-content:flex-end;margin-bottom:16px} .dash-projects-view-toggle{display:flex;gap:2px;background:rgba(0,0,0,0.04);padding:3px;border-radius:8px} .dash-pv-btn{padding:6px 10px;border:none;background:transparent;cursor:pointer;border-radius:6px;color:var(--text-tertiary);transition:all .15s;display:flex;align-items:center;justify-content:center} .dash-pv-btn:hover{color:var(--text-primary)} .dash-pv-btn.active{background:var(--surface-card);color:var(--text-primary);box-shadow:0 1px 2px rgba(0,0,0,0.08)} [data-theme="dark"] .dash-projects-view-toggle{background:var(--bg-secondary,#161616)} [data-theme="dark"] .dash-pv-btn{color:var(--text-tertiary,#86868b)} [data-theme="dark"] .dash-pv-btn:hover{color:var(--text-primary,#f5f5f7)} [data-theme="dark"] .dash-pv-btn.active{background:rgba(255,255,255,0.12);color:#FAFAFA;box-shadow:none} .dash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px} .dash-grid.list-view{grid-template-columns:1fr;gap:8px} .dash-grid.list-view .dash-card{border-radius:10px} .dash-grid.list-view .dash-card-head{padding:14px 20px} .dash-grid.list-view .dash-card-body{display:none} .dash-grid.list-view .dash-card-title{font-size:14px} .dash-grid.list-view .dash-card-sub{font-size:12px} .dash-grid.list-view .dash-card-code{font-size:11px} .dash-card{background:var(--surface-card);border-radius:16px;border:1px solid rgba(0,0,0,0.06);overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.04);transition:all .25s cubic-bezier(0.4,0,0.2,1)} .dash-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,0.08);border-color:rgba(0,0,0,0.1)} .dash-card-head{padding:20px 24px;background:var(--bg-secondary);border-bottom:1px solid rgba(0,0,0,0.04);display:flex;justify-content:space-between;align-items:center} .dash-card-title{font-weight:600;font-size:16px;color:var(--text-primary);letter-spacing:-0.01em} .dash-card-sub{font-size:13px;color:var(--text-tertiary)} .dash-card-body{padding:24px} .dash-card-code{font-size:12px;color:var(--text-tertiary);font-weight:500;letter-spacing:-0.01em} .dash-phase{display:inline-block;padding:5px 12px;background:rgba(0,0,0,0.04);border-radius:20px;font-size:12px;font-weight:500;color:var(--text-primary)} /* .dash-progress removed - barre progression supprimee */ /* .dash-amount removed - CA supprime */ .dash-empty{color:var(--text-tertiary);text-align:center;padding:40px;background:var(--bg-tertiary);border-radius:16px;font-size:14px} .dash-resp-badge{display:inline-flex;width:32px;height:32px;border-radius:50%;align-items:center;justify-content:center;font-weight:600;font-size:11px;color:#fff;cursor:pointer;transition:all .2s cubic-bezier(0.4,0,0.2,1);text-transform:uppercase;box-shadow:0 2px 8px rgba(0,0,0,0.12)} .dash-resp-badge:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,0.2)} .dash-resp-badge.empty{background:#d1d1d6;color:var(--text-tertiary);font-size:14px} .dash-resp-dropdown{position:absolute;top:100%;right:0;background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:14px;box-shadow:0 8px 40px rgba(0,0,0,0.15);padding:8px 0;min-width:180px;z-index:100;display:none} .dash-resp-dropdown.open{display:block} .dash-resp-option{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:all .15s} .dash-resp-option:hover{background:rgba(0,0,0,0.04)} .dash-resp-option-badge{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:10px;color:#fff} .dash-resp-option-name{font-size:14px;color:var(--text-primary)} .dash-resp-container{position:relative} /* === Modals - Apple Style === */ .dash-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;z-index:1000} .dash-modal.open{display:flex} .dash-modal-content{background:var(--surface-card);border-radius:20px;padding:28px;width:90%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,0.2)} .dash-modal-title{font-size:18px;font-weight:600;margin-bottom:20px;color:var(--text-primary);letter-spacing:-0.01em} .dash-form-group{margin-bottom:16px} .dash-form-label{display:block;font-size:13px;color:var(--text-tertiary);margin-bottom:6px;font-weight:500} .dash-form-input,.dash-form-select,.dash-form-textarea{width:100%;padding:12px 16px;border:none;border-radius:12px;font-size:14px;box-sizing:border-box;background:var(--bg-tertiary);color:var(--text-primary);transition:all .2s} .dash-form-input:focus,.dash-form-select:focus,.dash-form-textarea:focus{outline:none;box-shadow:0 0 0 3px rgba(0,122,255,0.2);background:var(--surface-card)} .dash-form-textarea{min-height:100px;resize:vertical} .dash-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px} /* === History - Clean Design === */ .dash-history-item{background:var(--surface-card);border:none;border-radius:16px;padding:16px 20px;margin-bottom:12px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 2px rgba(0,0,0,0.04);transition:all .2s} .dash-history-item:hover{box-shadow:0 4px 12px rgba(0,0,0,0.08)} .dash-history-check{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#34C759,#30D158);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;flex-shrink:0;box-shadow:0 2px 8px rgba(52,199,89,0.3)} .dash-history-content{flex:1} .dash-history-text{font-size:14px;margin-bottom:4px;color:var(--text-primary);font-weight:500} .dash-history-meta{font-size:12px;color:var(--text-tertiary);display:flex;gap:16px;flex-wrap:wrap} .dash-history-actions{display:flex;gap:8px} .dash-history-btn{padding:8px 12px;border-radius:8px;border:none;background:rgba(0,0,0,0.04);cursor:pointer;font-size:12px;font-weight:500;transition:all .15s;color:var(--text-tertiary)} .dash-history-btn:hover{background:rgba(0,0,0,0.08);color:var(--text-primary)} .dash-history-btn.danger{color:#FF3B30;background:rgba(255,59,48,0.08)} .dash-history-btn.danger:hover{background:rgba(255,59,48,0.15)} .dash-history-empty{text-align:center;padding:48px;color:var(--text-tertiary);background:var(--bg-tertiary);border-radius:20px;font-size:14px} /* === Toast & Status === */ .dash-toast{position:fixed;bottom:32px;left:50%;transform:translateX(-50%) translateY(100px);background:var(--text-primary);color:#fff;padding:14px 28px;border-radius:14px;opacity:0;transition:all .3s cubic-bezier(0.4,0,0.2,1);z-index:2000;box-shadow:0 8px 30px rgba(0,0,0,0.2);font-size:14px;font-weight:500} .dash-toast.show{transform:translateX(-50%) translateY(0);opacity:1} .dash-sync-status{font-size:11px;padding:4px 10px;border-radius:20px;margin-left:8px;font-weight:500} .dash-sync-status.synced{background:rgba(52,199,89,0.12);color:#248A3D} .dash-sync-status.pending{background:rgba(255,149,0,0.12);color:#CC7700} /* === Method Section - Unified Grid === */ .dash-method{max-width:900px;margin:0 auto} .dash-method h2{font-size:20px;font-weight:600;margin-bottom:20px;color:var(--text-primary);letter-spacing:-0.02em} .dash-method-section{background:var(--surface-card);border-radius:20px;padding:28px;margin-bottom:20px;box-shadow:0 1px 2px rgba(0,0,0,0.04)} .dash-method-title{font-weight:600;color:var(--text-primary);margin-bottom:12px;font-size:15px} .dash-method-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:16px 0} .dash-method-item{background:var(--bg-tertiary);padding:20px;border-radius:16px;border:none;transition:all .2s} .dash-method-item:hover{background:var(--bg-secondary);transform:translateY(-1px)} .dash-method-badge{display:inline-flex;width:36px;height:36px;border-radius:50%;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:#fff;margin-bottom:12px;box-shadow:0 2px 8px rgba(0,0,0,0.12)} .dash-method-badge.a{background:linear-gradient(135deg,#FF3B30,#FF6961)} .dash-method-badge.b{background:linear-gradient(135deg,#FF9500,#FFAD33)} .dash-method-badge.c{background:linear-gradient(135deg,#7C3AED,#A78BFA)} .dash-method-badge.d{background:linear-gradient(135deg,#AF52DE,#C77DEB)} .dash-points{margin-top:16px} .dash-point{display:flex;gap:14px;padding:16px;background:var(--bg-tertiary);border-radius:14px;margin-bottom:10px;align-items:flex-start;transition:all .2s} .dash-point:hover{background:var(--bg-secondary)} .dash-point-score{min-width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px} .dash-point-score.high{background:#FEE2E2;color:#DC2626} .dash-point-score.med{background:#FEF3C7;color:#B45309} .dash-point-score.low{background:#D1FAE5;color:#059669} .dash-point-text{flex:1;font-size:14px;color:var(--text-primary);font-weight:500} .dash-point-meta{font-size:12px;color:var(--text-tertiary);margin-top:4px} /* === PLANNING - Apple/Linear Design === */ .planning-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px;padding:20px 24px;background:rgba(255,255,255,0.72);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,0.04)} .planning-toolbar-left{display:flex;gap:12px;align-items:center;flex-wrap:wrap} .planning-toolbar-right{display:flex;gap:10px;align-items:center} .planning-view-switch{display:flex;background:rgba(0,0,0,0.04);border-radius:10px;padding:3px;border:none} .planning-view-switch{display:flex;gap:2px;background:rgba(0,0,0,0.04);padding:3px;border-radius:10px} .planning-view-btn{padding:8px 18px;border:none;background:transparent;cursor:pointer;font-size:13px;font-weight:500;display:flex;align-items:center;gap:6px;transition:all .2s cubic-bezier(0.4,0,0.2,1);border-radius:8px;color:var(--text-tertiary)} .planning-view-btn:hover{color:var(--text-primary)} .planning-view-btn.active{background:var(--surface-card);color:var(--text-primary);box-shadow:0 1px 3px rgba(0,0,0,0.08)} .planning-zoom-controls{display:flex;align-items:center;gap:6px} .planning-zoom-btn{width:36px;height:36px;border:none;border-radius:10px;background:rgba(0,0,0,0.04);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);transition:all .15s} .planning-zoom-btn:hover{background:rgba(0,0,0,0.08)} .planning-zoom-label{font-size:12px;color:var(--text-tertiary);min-width:80px;text-align:center;font-weight:500} .planning-checkbox{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-tertiary);cursor:pointer;font-weight:500} .planning-checkbox input{width:18px;height:18px;cursor:pointer;accent-color:#7C3AED} /* === Gantt - Apple Style === */ .gantt-outer{border:none;border-radius:20px;background:var(--surface-card);overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,0.04)} .gantt-scroll-container{overflow-x:auto;overflow-y:auto;max-height:calc(100vh - 350px);position:relative} .gantt-wrapper{display:flex;min-width:max-content} .gantt-sidebar{width:300px;min-width:300px;border-right:1px solid rgba(0,0,0,0.06);background:var(--surface-card);position:sticky;left:0;z-index:20} .gantt-sidebar-header{height:56px;background:var(--bg-tertiary);border-bottom:1px solid rgba(0,0,0,0.06);display:flex;align-items:center;padding:0 20px;font-weight:600;font-size:13px;color:var(--text-tertiary);letter-spacing:0.02em;position:sticky;top:0;z-index:21} .gantt-sidebar-project{display:flex;align-items:center;gap:10px;padding:14px 20px;background:var(--bg-tertiary);border-bottom:1px solid rgba(0,0,0,0.04);cursor:pointer;transition:all .15s;min-height:48px} .gantt-sidebar-project:hover{background:var(--bg-secondary)} .gantt-sidebar-project.collapsed .gantt-chevron{transform:rotate(-90deg)} .gantt-chevron{width:18px;height:18px;transition:transform .2s cubic-bezier(0.4,0,0.2,1);color:var(--text-tertiary);flex-shrink:0} .gantt-project-info{flex:1;min-width:0} .gantt-project-code{font-weight:600;font-size:13px;color:var(--text-primary);letter-spacing:-0.01em} .gantt-project-name{font-size:12px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .gantt-task-count{font-size:11px;background:rgba(0,0,0,0.06);padding:3px 8px;border-radius:20px;color:var(--text-tertiary);font-weight:500} .gantt-sidebar-tasks{overflow:hidden;transition:max-height .3s ease-out} .gantt-sidebar-tasks.collapsed{max-height:0!important} .gantt-sidebar-task{padding:10px 20px 10px 48px;border-bottom:1px solid rgba(0,0,0,0.02);font-size:13px;display:flex;align-items:center;gap:10px;min-height:36px;color:var(--text-primary)} .gantt-task-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .gantt-task-badge{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;color:#fff;flex-shrink:0;box-shadow:0 1px 3px rgba(0,0,0,0.1)} .gantt-timeline{flex:1;min-width:0} .gantt-timeline-header{height:56px;background:var(--bg-tertiary);border-bottom:1px solid rgba(0,0,0,0.06);display:flex;position:sticky;top:0;z-index:19} .gantt-header-cell{display:flex;flex-direction:column;justify-content:center;align-items:center;border-right:1px solid rgba(0,0,0,0.04);font-size:12px;flex-shrink:0} .gantt-header-cell.today{background:rgba(255,149,0,0.1)} .gantt-header-cell.weekend{background:var(--bg-tertiary)} .gantt-header-primary{font-weight:600;color:var(--text-primary)} .gantt-header-secondary{font-size:10px;color:var(--text-tertiary)} .gantt-project-row{display:flex;background:var(--bg-tertiary);border-bottom:1px solid rgba(0,0,0,0.04);min-height:48px;position:relative} .gantt-project-row .gantt-cell{border-right:1px solid rgba(0,0,0,0.02)} .gantt-tasks-container{overflow:hidden;transition:max-height .3s ease-out;position:relative} .gantt-tasks-container.collapsed{max-height:0!important} .gantt-task-row{display:flex;border-bottom:1px solid rgba(0,0,0,0.02);position:relative;min-height:36px} .gantt-cell{border-right:1px solid rgba(0,0,0,0.02);flex-shrink:0;position:relative} .gantt-cell.today{background:rgba(255,149,0,0.06)} .gantt-cell.weekend{background:rgba(0,0,0,0.01)} .gantt-bar{position:absolute;height:24px;border-radius:8px;display:flex;align-items:center;padding:0 10px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(0.4,0,0.2,1);z-index:10;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 1px 3px rgba(0,0,0,0.08)} .gantt-bar:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.12);z-index:15} .gantt-bar.task{background:#E0D4FC;color:#7C3AED} .gantt-bar.overdue{background:#FEE2E2;color:#DC2626} .gantt-bar.soon{background:#FEF3C7;color:#B45309} .gantt-bar.completed{background:#D1FAE5;color:#059669;opacity:.85} .gantt-bar.normal{background:#DBEAFE;color:#2563EB} .gantt-today-line{position:absolute;top:0;bottom:0;width:2px;background:#FF3B30;z-index:18;pointer-events:none} .gantt-today-marker{position:absolute;top:-6px;left:-5px;width:12px;height:12px;background:#FF3B30;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 8px rgba(255,59,48,0.4)} .gantt-tooltip{position:fixed;background:var(--text-primary);color:#fff;padding:14px 18px;border-radius:14px;font-size:13px;z-index:1000;pointer-events:none;max-width:340px;box-shadow:0 8px 30px rgba(0,0,0,0.3);display:none} .gantt-tooltip.visible{display:block} .gantt-tooltip-title{font-weight:600;margin-bottom:8px;font-size:14px} .gantt-tooltip-row{display:flex;gap:8px;margin-top:4px;font-size:12px;color:rgba(255,255,255,0.7)} .gantt-tooltip-row span:first-child{opacity:.6} /* === Planning Table - Apple Style === */ .planning-table-container{border:none;border-radius:20px;overflow:hidden;background:var(--surface-card);max-height:calc(100vh - 350px);overflow-y:auto;box-shadow:0 1px 2px rgba(0,0,0,0.04)} .planning-table{width:100%;border-collapse:collapse} .planning-table th{background:var(--bg-tertiary);padding:16px 20px;text-align:left;font-size:12px;font-weight:600;letter-spacing:0.02em;color:var(--text-tertiary);border-bottom:1px solid rgba(0,0,0,0.06);position:sticky;top:0;z-index:10} .planning-table td{padding:14px 20px;border-bottom:1px solid rgba(0,0,0,0.04);font-size:14px;color:var(--text-primary)} .planning-table tr:hover td{background:var(--bg-tertiary)} .planning-table tr{transition:all .15s} .planning-table-project{font-weight:600;color:var(--text-primary);letter-spacing:-0.01em} .planning-table-task{max-width:320px} .planning-table-badge{display:inline-flex;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:500} .planning-table-badge.overdue{background:rgba(255,59,48,0.12);color:#D70015} .planning-table-badge.soon{background:#fef3c7;color:#92400e} .planning-table-badge.normal{background:#dbeafe;color:#1d4ed8} .planning-table-badge.completed{background:#d1fae5;color:#065f46} .planning-table-score{display:inline-flex;width:24px;height:24px;border-radius:4px;align-items:center;justify-content:center;font-weight:700;font-size:.7rem;color:#fff} .planning-table-score.high{background:#ef4444} .planning-table-score.med{background:#f59e0b} .planning-table-score.low{background:#22c55e} .planning-table-avatar{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;color:#fff} .planning-empty{text-align:center;padding:4rem 2rem;color:var(--text-muted);display:flex;flex-direction:column;align-items:center} .planning-empty-text{font-size:15px;font-weight:500;margin-bottom:6px;color:var(--text-secondary)} .planning-empty-sub{font-size:13px;color:var(--text-muted)} @media(max-width:1200px){.dash-priority-grid{grid-template-columns:repeat(2,1fr)}.gantt-sidebar{width:220px;min-width:220px}} @media(max-width:768px){.dash-priority-grid{grid-template-columns:1fr}.dash-filters{flex-direction:column;align-items:stretch}.planning-toolbar{flex-direction:column;align-items:stretch}.planning-toolbar-left,.planning-toolbar-right{justify-content:center}.gantt-sidebar{width:180px;min-width:180px}} /* === VUE OPERATIONNELLE v3.3.0 - Apple HIG Strict === */ .ov-wrap{display:grid;grid-template-columns:1fr;gap:24px} .ov-section{background:var(--surface-card);border-radius:16px;padding:20px;box-shadow:0 1px 2px rgba(17,17,17,0.08)} /* HIG elevation */ .ov-section-title{font-size:20px;font-weight:400;text-transform:none;letter-spacing:0.38px;line-height:24px;color:var(--text-primary);margin-bottom:16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(0,0,0,0.06);padding-bottom:12px} /* HIG Title 3 */ .ov-section-title span{font-size:12px;font-weight:400;letter-spacing:0;line-height:16px;background:rgba(0,0,0,0.05);padding:2px 8px;border-radius:10px;color:var(--text-secondary)} /* HIG Caption 1 */ /* Super Planning - Timeline Projets */ .ov-timeline{display:flex;flex-direction:column;gap:16px} .ov-project-row{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-secondary);border-radius:12px;transition:all .2s} .ov-project-row:hover{background:var(--bg-secondary)} .ov-project-info{min-width:200px;max-width:200px} .ov-project-code{font-size:12px;font-weight:600;color:var(--text-primary);letter-spacing:-0.01em} .ov-project-name{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ov-phases{flex:1;display:flex;gap:4px;align-items:center} .ov-phase{padding:6px 12px;border-radius:6px;font-size:11px;font-weight:500;background:var(--bg-secondary);color:var(--text-secondary);transition:all .15s;cursor:default} .ov-phase.past{background:#E6F4EA;color:#1E7D46} .ov-phase.current{background:#E0EDFF;color:#1E5DBD;box-shadow:0 0 0 2px #B8D4FF} .ov-phase.future{background:var(--bg-secondary);color:var(--text-muted)} .ov-phase-progress{height:4px;background:#E5E7EB;border-radius:2px;margin-top:4px;overflow:hidden} .ov-phase-progress-bar{height:100%;background:#60A5FA;border-radius:2px;transition:width .3s} .ov-project-team{display:flex;gap:-6px} .ov-team-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#fff;border:2px solid #fff;margin-left:-8px} .ov-team-avatar:first-child{margin-left:0} .ov-project-status{padding:4px 10px;border-radius:20px;font-size:10px;font-weight:600;letter-spacing:0.02em} .ov-status-active{background:#E6F4EA;color:#1E7D46} .ov-status-pause{background:#FEF3E2;color:#B45309} .ov-status-done{background:var(--bg-secondary);color:var(--text-secondary)} /* === DARK MODE — Vue Opérationnelle === */ [data-theme="dark"] .ov-section{background:var(--bg-secondary,#131313);border:1px solid rgba(255,255,255,0.06);box-shadow:none;border-radius:16px} [data-theme="dark"] .ov-section-title{color:var(--text-primary,#f5f5f7);border-bottom-color:rgba(255,255,255,0.06)} [data-theme="dark"] .ov-section-title span{background:rgba(255,255,255,0.08);color:var(--text-tertiary,#7C7C82)} [data-theme="dark"] .ov-project-row{background:var(--bg-tertiary,#1A1A1A);border:1px solid rgba(255,255,255,0.04);border-radius:10px;margin-bottom:6px} [data-theme="dark"] .ov-project-row:hover{background:#1E1E1E;border-color:rgba(255,255,255,0.08)} [data-theme="dark"] .ov-project-code{color:var(--text-primary,#f5f5f7)} [data-theme="dark"] .ov-project-name{color:var(--text-tertiary,#7C7C82)} [data-theme="dark"] .ov-phase{background:rgba(255,255,255,0.05);color:var(--text-secondary,#a1a1a6);border:1px solid rgba(255,255,255,0.04)} [data-theme="dark"] .ov-phase.past{background:rgba(99,99,102,0.15);color:#8E8E93;border-color:rgba(99,99,102,0.2)} [data-theme="dark"] .ov-phase.current{background:rgba(255,255,255,0.10);color:#FAFAFA;border-color:rgba(255,255,255,0.20);box-shadow:0 0 0 2px rgba(255,255,255,0.08)} [data-theme="dark"] .ov-phase.future{background:rgba(255,255,255,0.03);color:#636366;border-color:transparent} [data-theme="dark"] .ov-phase-progress-bar{background:rgba(255,255,255,0.30)} [data-theme="dark"] .ov-project-status{background:rgba(255,255,255,0.06);color:var(--text-secondary,#a1a1a6)} [data-theme="dark"] .ov-status-active{background:rgba(48,209,88,0.12);color:#30D158} [data-theme="dark"] .ov-status-pause{background:rgba(255,159,10,0.12);color:#FF9F0A} [data-theme="dark"] .ov-status-done{background:rgba(99,99,102,0.15);color:#8E8E93} [data-theme="dark"] .ov-team-avatar{border-color:var(--bg-secondary,#141414)} /* Rendus de la semaine */ .ov-deliverables{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px} .ov-deliverable{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--bg-secondary);border-radius:10px;border-left:3px solid #E5E7EB;transition:all .2s;cursor:pointer;min-height:44px} .ov-deliverable:hover{background:var(--bg-secondary);transform:translateX(2px)} .ov-deliverable.urgent{border-left-color:#FECACA;background:#FEF7F7} .ov-deliverable.soon{border-left-color:#FDE68A;background:#FEFCF3} .ov-deliverable.ok{border-left-color:#A7F3D0;background:#F5FDF9} .ov-deliverable-check{width:18px;height:18px;border-radius:50%;border:1.5px solid #D1D5DB;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s} .ov-deliverable-check:hover{border-color:#60A5FA;background:#EFF6FF} .ov-deliverable-content{flex:1;min-width:0} .ov-deliverable-name{font-size:15px;font-weight:400;letter-spacing:-0.24px;line-height:20px;color:var(--text-primary);margin-bottom:4px} /* HIG Subheadline */ .ov-deliverable-meta{font-size:12px;font-weight:400;letter-spacing:0;line-height:16px;color:var(--text-secondary);display:flex;gap:12px;flex-wrap:wrap} /* HIG Caption 1 */ .ov-deliverable-project{color:var(--text-secondary);font-weight:500} .ov-deliverable-date{display:flex;align-items:center;gap:4px} /* Tâches RISK-FIRST Compactes */ .ov-tasks{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px} .ov-task{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:8px;transition:all .2s;cursor:pointer;border-left:3px solid transparent;min-height:44px} .ov-task:hover{filter:brightness(0.97);transform:translateX(2px)} .ov-task.score-high{background:#FEF7F7;border-left-color:#FECACA} .ov-task.score-med{background:#FEFCF3;border-left-color:#FDE68A} .ov-task.score-low{background:#F5FDF9;border-left-color:#A7F3D0} .ov-task-score{min-width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0} .ov-task-score.high{background:#FEE2E2;color:#DC2626} .ov-task-score.med{background:#FEF3C7;color:#B45309} .ov-task-score.low{background:#D1FAE5;color:#059669} .ov-task-content{flex:1;min-width:0} .ov-task-text{font-size:15px;font-weight:400;letter-spacing:-0.24px;line-height:20px;color:var(--text-primary);margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} /* HIG Subheadline */ .ov-task-meta{font-size:12px;font-weight:400;letter-spacing:0;line-height:16px;color:var(--text-secondary);display:flex;gap:10px} /* HIG Caption 1 */ .ov-task-project{font-weight:500;color:var(--text-secondary)} /* === DARK MODE - Deliverables & Tasks === */ [data-theme="dark"] .ov-deliverable{background:var(--bg-tertiary,#1A1A1A);border:1px solid rgba(255,255,255,0.04);border-left:3px solid rgba(255,255,255,0.08)} [data-theme="dark"] .ov-deliverable:hover{background:#1E1E1E;border-color:rgba(255,255,255,0.08)} [data-theme="dark"] .ov-deliverable.urgent{background:rgba(255,69,58,0.08);border-left-color:#FF453A} [data-theme="dark"] .ov-deliverable.soon{background:rgba(255,159,10,0.08);border-left-color:#FF9F0A} [data-theme="dark"] .ov-deliverable.ok{background:rgba(48,209,88,0.08);border-left-color:#30D158} [data-theme="dark"] .ov-deliverable-name{color:var(--text-primary,#f5f5f7)} [data-theme="dark"] .ov-deliverable-meta{color:var(--text-tertiary,#7C7C82)} [data-theme="dark"] .ov-deliverable-project{color:var(--text-secondary,#a1a1a6)} [data-theme="dark"] .ov-deliverable-check{border-color:rgba(255,255,255,0.15)} [data-theme="dark"] .ov-deliverable-check:hover{border-color:rgba(255,255,255,0.3);background:rgba(255,255,255,0.10)} [data-theme="dark"] .ov-task{border:1px solid rgba(255,255,255,0.04)} [data-theme="dark"] .ov-task:hover{border-color:rgba(255,255,255,0.08)} [data-theme="dark"] .ov-task.score-high{background:rgba(255,69,58,0.08);border-left-color:#FF453A} [data-theme="dark"] .ov-task.score-med{background:rgba(255,159,10,0.08);border-left-color:#FF9F0A} [data-theme="dark"] .ov-task.score-low{background:rgba(48,209,88,0.08);border-left-color:#30D158} [data-theme="dark"] .ov-task-score.high{background:rgba(255,69,58,0.2);color:#FCA5A5} [data-theme="dark"] .ov-task-score.med{background:rgba(255,159,10,0.2);color:#FCD34D} [data-theme="dark"] .ov-task-score.low{background:rgba(48,209,88,0.2);color:#6EE7B7} [data-theme="dark"] .ov-task-text{color:var(--text-primary,#f5f5f7)} [data-theme="dark"] .ov-task-meta{color:var(--text-tertiary,#7C7C82)} [data-theme="dark"] .ov-task-project{color:var(--text-secondary,#a1a1a6)} /* === CARTE KPI UNIFIÉE === */ .ov-unified-card{background:var(--surface-card,#FAFAFA);border-radius:16px;padding:20px 24px;margin-bottom:40px;border:1px solid var(--border-light,rgba(0,0,0,0.04));box-shadow:0 1px 3px rgba(17,17,17,0.10)} /* HIG hero elevation + 40px gap */ .ov-unified-sep{height:1px;background:var(--border-light,rgba(0,0,0,0.06));margin:16px 0} /* CA KPIs (dans #dash-ca-widget) — Style Risk-First Cards */ .ov-ca-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px} .ov-ca-title{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:none;letter-spacing:0} .ov-ca-obj{font-size:12px;color:var(--text-tertiary,#86868b)} /* Grille 4 colonnes — style risk-priority-grid */ .ov-ca-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:12px} @media(max-width:1024px){.ov-ca-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:640px){.ov-ca-grid{grid-template-columns:1fr}} /* Carte KPI — style risk-col */ .ov-kpi-col{background:var(--bg-secondary,#FAFAFA);border:none;border-radius:20px;padding:20px 24px;position:relative;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 1px 2px rgba(0,0,0,0.03);cursor:default} .ov-kpi-col:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(17,17,17,0.12);background:var(--surface-card,#fff)} /* HIG elevation hover */ /* Dot coloré en haut à droite */ .ov-kpi-col::before{content:'';position:absolute;top:20px;right:20px;width:8px;height:8px;border-radius:50%;opacity:0.8} .ov-kpi-col.kpi-facture::before{background:#3b82f6} .ov-kpi-col.kpi-encaisse::before{background:#34C759} .ov-kpi-col.kpi-attente::before{background:#FF9500} .ov-kpi-col.kpi-previsionnel::before{background:#8E8E93} /* Label titre — petit, uppercase */ .ov-ca-label{font-size:13px;font-weight:400;letter-spacing:-0.08px;line-height:18px;color:var(--text-secondary);text-transform:none;margin-bottom:4px} /* HIG Footnote */ /* Big number — style risk-col-count */ .ov-ca-value{font-size:34px;font-weight:400;letter-spacing:0.37px;line-height:41px;color:var(--text-primary);font-variant-numeric:tabular-nums} /* HIG Large Title */ /* Sous-texte optionnel */ .ov-kpi-col-sub{font-size:12px;color:var(--text-tertiary,#86868b);margin-top:8px} /* Tertiaire : les petits % en ligne */ .ov-ca-tertiary{display:flex;gap:24px;margin-top:4px} .ov-ca-tertiary-item{display:flex;align-items:baseline;gap:6px} .ov-ca-tertiary-value{font-size:14px;font-weight:600;color:var(--text-secondary)} .ov-ca-tertiary-label{font-size:11px;color:var(--text-tertiary)} /* Barre de progression objectif */ .ov-ca-bar{background:var(--bg-tertiary,rgba(0,0,0,0.04));border-radius:4px;height:6px;overflow:hidden} .ov-ca-bar-fill{height:100%;border-radius:4px;transition:width 0.5s ease} .ov-ca-bar-fill.bar-green{background:#22c55e} .ov-ca-bar-fill.bar-blue{background:#3b82f6} .ov-ca-bar-fill.bar-red{background:#ef4444} .ca-val-muted{color:var(--text-secondary,#86868b)} /* Tooltips custom KPI dashboard */ .ov-ca-grid>[data-tooltip]{position:relative;cursor:default} .ov-ca-grid>[data-tooltip]::after{content:attr(data-tooltip);position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#1A1A1A;color:#FAFAFA;font-size:11px;font-weight:400;line-height:1.4;padding:8px 12px;border-radius:6px;white-space:normal;width:max-content;max-width:240px;text-align:left;text-transform:none;letter-spacing:0;pointer-events:none;opacity:0;transition:opacity 0.15s;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,0.15)} .ov-ca-grid>[data-tooltip]:hover::after{opacity:1} [data-theme="dark"] .ov-ca-grid>[data-tooltip]::after{background:#2A2B2E;box-shadow:0 2px 8px rgba(0,0,0,0.4)} /* Bouton toggle KPIs */ .ov-ca-toggle{background:none;border:1px solid var(--border-light,rgba(0,0,0,0.1));border-radius:4px;padding:2px 8px;font-size:10px;color:var(--text-secondary,#86868b);cursor:pointer;letter-spacing:0.04em;transition:all 0.15s} .ov-ca-toggle:hover{border-color:var(--text-secondary,#86868b);color:var(--text-primary,#1d1d1f)} [data-theme="dark"] .ov-ca-toggle{border-color:rgba(255,255,255,0.1);color:var(--text-tertiary,#86868b)} [data-theme="dark"] .ov-ca-toggle:hover{border-color:rgba(255,255,255,0.2);color:var(--text-primary,#f5f5f7)} /* Stats row (gauge + 4 stats) */ .ov-stats-row{display:flex;align-items:center;gap:32px;flex-wrap:wrap} .ov-stat{display:flex;align-items:center;gap:8px} .ov-stat-value{font-size:22px;font-weight:400;letter-spacing:0.35px;line-height:28px;color:var(--text-primary)} /* HIG Title 2 */ .ov-stat-label{font-size:12px;font-weight:400;letter-spacing:0;line-height:16px;color:var(--text-secondary);text-transform:none} /* HIG Caption 1 */ .ov-stat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0} .ov-stat-dot.red{background:#FCA5A5} .ov-stat-dot.orange{background:#FBBF24} .ov-stat-dot.green{background:#6EE7B7} .ov-stat-dot.blue{background:#A78BFA} /* === GAUGE - Linear Style === */ .ov-gauge-card{display:flex;align-items:center;gap:12px;margin-right:8px} .ov-gauge{position:relative;width:52px;height:52px;flex-shrink:0} .ov-gauge-ring{transform:rotate(-90deg)} .ov-gauge-bg{fill:none;stroke:var(--border-color);stroke-width:4} .ov-gauge-progress{fill:none;stroke:#7C3AED;stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset 0.6s ease} .ov-gauge-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:13px;font-weight:600;color:var(--text-primary)} .ov-gauge-info{display:flex;flex-direction:column;gap:1px} .ov-gauge-value{font-size:17px;font-weight:600;letter-spacing:-0.41px;line-height:22px;color:var(--text-primary)} /* HIG Headline */ .ov-gauge-label{font-size:12px;font-weight:400;letter-spacing:0;line-height:16px;color:var(--text-secondary);text-transform:none} /* HIG Caption 1 */ .ov-gauge-sub{font-size:11px;color:var(--text-secondary)} /* Gauge colors */ .ov-gauge-progress.excellent{stroke:#10B981} .ov-gauge-progress.good{stroke:#7C3AED} .ov-gauge-progress.warning{stroke:#F59E0B} .ov-gauge-progress.danger{stroke:#EF4444} /* KPI cells — HIG : pas de fond coloré, hiérarchie par typographie seule */ .ov-kpi-cell{border-radius:0;padding:0;transition:none} /* === DARK MODE === */ [data-theme="dark"] .ov-unified-card{background:#161616;border:1px solid rgba(255,255,255,0.08);box-shadow:none;position:relative;overflow:hidden} /* HIG dark: no shadow, border only */ [data-theme="dark"] .ov-unified-card::after{display:none} [data-theme="dark"] .ov-unified-sep{background:rgba(255,255,255,0.06)} [data-theme="dark"] .ov-ca-bar{background:rgba(255,255,255,0.06)} [data-theme="dark"] .ov-ca-bar-fill.bar-green{background:rgba(34,197,94,0.5)} [data-theme="dark"] .ov-ca-bar-fill.bar-blue{background:rgba(59,130,246,0.5)} [data-theme="dark"] .ov-ca-bar-fill.bar-red{background:rgba(239,68,68,0.5)} /* KPI — Dark mode : sobre, pas de néon ni glow */ [data-theme="dark"] .ov-ca-value{color:var(--text-primary,#f5f5f7)} [data-theme="dark"] .ov-kpi-col{background:var(--bg-tertiary,#1F2022);box-shadow:none} [data-theme="dark"] .ov-kpi-col:hover{background:var(--bg-elevated,#242628);box-shadow:none} /* HIG dark: elevated surface, no shadow */ [data-theme="dark"] .ov-stat-value{color:var(--text-primary,#f5f5f7)} [data-theme="dark"] .ov-stat-label{color:var(--text-tertiary,#86868b)} [data-theme="dark"] .ov-stat-dot.red{background:#FF453A} [data-theme="dark"] .ov-stat-dot.orange{background:#FF9F0A} [data-theme="dark"] .ov-stat-dot.green{background:#30D158} [data-theme="dark"] .ov-stat-dot.blue{background:#888888} [data-theme="dark"] .ov-gauge-bg{stroke:rgba(255,255,255,0.1)} [data-theme="dark"] .ov-gauge-center{color:var(--text-primary,#f5f5f7)} [data-theme="dark"] .ov-gauge-value{color:var(--text-primary,#f5f5f7)} [data-theme="dark"] .ov-gauge-label{color:var(--text-tertiary,#86868b)} [data-theme="dark"] .ov-gauge-sub{color:var(--text-secondary,#a1a1a6)} [data-theme="dark"] .ov-gauge-progress{stroke:#FAFAFA} [data-theme="dark"] .ov-gauge-progress.good{stroke:#30D158} [data-theme="dark"] .ov-gauge-progress.excellent{stroke:#10B981} [data-theme="dark"] .ov-gauge-progress.warning{stroke:#FF9F0A} [data-theme="dark"] .ov-gauge-progress.danger{stroke:#FF453A} [data-theme="dark"] .planning-checkbox input{accent-color:#FAFAFA} /* Lien "Voir tout" — Progressive Disclosure */ .ov-see-all{padding:12px 0;text-align:center;font-size:15px;font-weight:400;letter-spacing:-0.24px;line-height:20px;color:var(--text-secondary);cursor:pointer;transition:color .15s;border-top:1px solid rgba(0,0,0,0.04);margin-top:8px;min-height:44px;display:flex;align-items:center;justify-content:center} /* HIG Subheadline */ .ov-see-all:hover{color:var(--text-primary)} [data-theme="dark"] .ov-see-all{color:var(--text-tertiary,#86868b);border-top-color:rgba(255,255,255,0.06)} [data-theme="dark"] .ov-see-all:hover{color:var(--text-primary,#f5f5f7)} /* === CTA Planning — lien compact vers onglet Planning === */ .ov-cta-section{display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .2s} .ov-cta-section:hover{transform:translateX(4px)} .ov-cta-icon{font-size:20px;color:var(--text-secondary);width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:12px;flex-shrink:0} .ov-cta-content{flex:1;min-width:0} .ov-cta-title{font-size:15px;font-weight:400;letter-spacing:-0.24px;line-height:20px;color:var(--text-primary)} /* HIG Subheadline */ .ov-cta-subtitle{font-size:12px;font-weight:400;letter-spacing:0;line-height:16px;color:var(--text-secondary)} /* HIG Caption 1 */ /* === Liste événements compacte (remplace grille 7 jours) === */ .ov-events-list{display:flex;flex-direction:column;gap:8px} .ov-event-row{display:grid;grid-template-columns:72px 56px 1fr;gap:12px;padding:12px 16px;border-radius:12px;min-height:44px;align-items:center;background:var(--bg-secondary);border-left:3px solid var(--text-secondary);cursor:pointer;transition:all .15s} .ov-event-row:hover{transform:translateX(4px)} .ov-event-row-date{font-size:13px;font-weight:400;letter-spacing:-0.08px;line-height:18px;color:var(--text-primary)} /* HIG Footnote */ .ov-event-row-time{font-size:12px;font-weight:400;letter-spacing:0;line-height:16px;color:var(--text-secondary);font-variant-numeric:tabular-nums} /* HIG Caption 1 */ .ov-event-row-title{font-size:15px;font-weight:400;letter-spacing:-0.24px;line-height:20px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} /* HIG Subheadline */ .ov-event-row.type-chantier{border-left-color:#F59E0B} .ov-event-row.type-rdv{border-left-color:#3B82F6} .ov-event-row.type-interne{border-left-color:#8B5CF6} .ov-event-row.type-autre{border-left-color:var(--text-secondary)} /* Responsive */ @media(max-width:900px){.ov-ca-grid{grid-template-columns:repeat(2,1fr)}.ov-stats-row{gap:12px}} /* Grille 2 colonnes pour Rendus + Tâches */ .ov-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px} @media(max-width:1024px){.ov-grid{grid-template-columns:1fr}} /* Empty state */ .ov-empty{text-align:center;padding:32px;color:var(--text-muted);font-size:13px} .ov-empty-icon{font-size:24px;margin-bottom:8px;opacity:0.5} /* === SECTION RDV SEMAINE === */ .ov-events-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px} .ov-events-nav{display:flex;gap:8px;align-items:center} .ov-events-nav-btn{width:32px;height:32px;border-radius:8px;border:none;background:rgba(0,0,0,0.04);cursor:pointer;font-size:14px;transition:all .15s;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)} .ov-events-nav-btn:hover{background:rgba(0,0,0,0.08);color:var(--text-primary)} .ov-events-week{font-size:13px;font-weight:500;color:var(--text-primary);min-width:180px;text-align:center} .ov-events-today-btn{padding:6px 12px;border-radius:8px;border:none;background:var(--text-primary);color:#fff;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s} .ov-events-today-btn:hover{background:#000} .ov-events-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px} @media(max-width:900px){.ov-events-grid{grid-template-columns:repeat(2,1fr)}.ov-event-day:nth-child(n+5){display:none}} .ov-event-day{background:var(--bg-secondary);border-radius:10px;padding:12px;min-height:80px} .ov-event-day.empty{min-height:60px;opacity:0.7} .ov-event-day.today{background:#EFF6FF;border:1px solid #BFDBFE;opacity:1} .ov-event-day.weekend{background:var(--bg-secondary)} .ov-event-day-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,0.06)} .ov-event-day-name{font-size:11px;font-weight:600;color:var(--text-secondary);letter-spacing:0.02em} .ov-event-day-date{font-size:13px;font-weight:500;color:var(--text-primary)} .ov-event-day.today .ov-event-day-date{color:#2563EB;font-weight:600} .ov-event-day-items{display:flex;flex-direction:column;gap:6px} .ov-event-item{padding:8px 10px;border-radius:6px;font-size:11px;cursor:pointer;transition:all .15s;border-left:3px solid} .ov-event-item:hover{filter:brightness(0.95);transform:translateX(2px)} .ov-event-item-time{font-weight:600;color:var(--text-primary);margin-bottom:2px} .ov-event-item-title{color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ov-event-item.type-chantier{background:#FEF3C7;border-left-color:#F59E0B} .ov-event-item.type-rdv{background:#DBEAFE;border-left-color:#3B82F6} .ov-event-item.type-deadline{background:#FEE2E2;border-left-color:#EF4444} .ov-event-item.type-conges{background:#D1FAE5;border-left-color:#10B981} .ov-event-item.type-interne{background:#EDE9FE;border-left-color:#8B5CF6} .ov-event-item.type-autre{background:var(--bg-secondary);border-left-color:var(--text-secondary)} .ov-events-status{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted);margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,0.06)} .ov-events-status-dot{width:6px;height:6px;border-radius:50%} .ov-events-status-dot.connected{background:#10B981} .ov-events-status-dot.disconnected{background:#F59E0B} .ov-events-connect-btn{padding:4px 10px;border-radius:6px;border:none;background:var(--text-primary);color:#fff;font-size:10px;font-weight:500;cursor:pointer;margin-left:auto} .ov-events-connect-btn:hover{background:#000} /* KPI Previsionnel */ .dash-kpi-previsionnel{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%)} .dash-kpi-previsionnel-value{color:#0284c7} [data-theme="dark"] .dash-kpi-previsionnel{background:#161616} [data-theme="dark"] .dash-kpi-previsionnel-value{color:#FAFAFA} /* Dark mode - Events */ [data-theme="dark"] .ov-events-nav-btn{background:rgba(255,255,255,0.06);color:var(--text-tertiary,#86868b)} [data-theme="dark"] .ov-events-nav-btn:hover{background:rgba(255,255,255,0.1);color:var(--text-primary,#f5f5f7)} [data-theme="dark"] .ov-events-week{color:var(--text-primary,#f5f5f7)} [data-theme="dark"] .ov-events-today-btn{background:#fff;color:#1d1d1f} [data-theme="dark"] .ov-event-day{background:var(--bg-secondary,#161616)} [data-theme="dark"] .ov-event-day.empty{opacity:0.5} [data-theme="dark"] .ov-event-day.today{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.12);opacity:1} [data-theme="dark"] .ov-event-day.weekend{background:rgba(255,255,255,0.03)} [data-theme="dark"] .ov-event-day-header{border-bottom-color:rgba(255,255,255,0.06)} [data-theme="dark"] .ov-event-day-name{color:var(--text-tertiary,#86868b)} [data-theme="dark"] .ov-event-day-date{color:var(--text-primary,#f5f5f7)} [data-theme="dark"] .ov-event-day.today .ov-event-day-date{color:#FAFAFA;font-weight:600} [data-theme="dark"] .ov-event-item{filter:none;background:#202020} [data-theme="dark"] .ov-event-item:hover{filter:none;background:#262626} [data-theme="dark"] .ov-event-item.type-chantier{background:rgba(245,158,11,0.12);border-left-color:#F59E0B} [data-theme="dark"] .ov-event-item.type-rdv{background:rgba(255,255,255,0.06);border-left-color:#A0A0A6} [data-theme="dark"] .ov-event-item.type-deadline{background:rgba(239,68,68,0.12);border-left-color:#EF4444} [data-theme="dark"] .ov-event-item.type-conges{background:rgba(16,185,129,0.12);border-left-color:#10B981} [data-theme="dark"] .ov-event-item.type-interne{background:rgba(255,255,255,0.06);border-left-color:#C0C0C8} [data-theme="dark"] .ov-event-item.type-autre{background:rgba(255,255,255,0.04);border-left-color:#6B7280} [data-theme="dark"] .ov-event-item-time{color:var(--text-primary,#f5f5f7)} [data-theme="dark"] .ov-event-item-title{color:var(--text-secondary,#a1a1a6)} [data-theme="dark"] .ov-events-status{border-top-color:rgba(255,255,255,0.06);color:var(--text-tertiary,#86868b)} [data-theme="dark"] .ov-events-connect-btn{background:#fff;color:#1d1d1f} /* === DARK MODE — CTA Planning === */ [data-theme="dark"] .ov-cta-icon{background:var(--bg-tertiary)} [data-theme="dark"] .ov-cta-title{color:var(--text-primary,#f5f5f7)} [data-theme="dark"] .ov-cta-subtitle{color:var(--text-tertiary,#86868b)} /* === DARK MODE — Events List === */ [data-theme="dark"] .ov-event-row{background:var(--bg-tertiary,#1A1A1A);border:1px solid rgba(255,255,255,0.04)} [data-theme="dark"] .ov-event-row:hover{background:#1E1E1E;border-color:rgba(255,255,255,0.08)} [data-theme="dark"] .ov-event-row.type-chantier{border-left-color:#F59E0B} [data-theme="dark"] .ov-event-row.type-rdv{border-left-color:#A0A0A6} [data-theme="dark"] .ov-event-row.type-interne{border-left-color:#C0C0C8} [data-theme="dark"] .ov-event-row.type-autre{border-left-color:#6B7280} [data-theme="dark"] .ov-event-row-date{color:var(--text-primary,#f5f5f7)} [data-theme="dark"] .ov-event-row-time{color:var(--text-tertiary,#86868b)} [data-theme="dark"] .ov-event-row-title{color:var(--text-primary,#f5f5f7)} /* ═══════════════════════════════════════════════════════════════ DARK MODE - DASHBOARD COMPLET ═══════════════════════════════════════════════════════════════ */ /* Wrapper & Header */ [data-theme="dark"] .dash-wrap{background:var(--bg-primary,#0C0C0C)} [data-theme="dark"] .dash-header{border-bottom-color:var(--border-color,rgba(255,255,255,0.1))} [data-theme="dark"] .dash-title{color:var(--text-primary,#f5f5f7)} /* Tabs — Apple HIG Underline Dark */ [data-theme="dark"] .dash-tabs{background:transparent;border-bottom-color:rgba(255,255,255,0.06)} [data-theme="dark"] .dash-tab{color:var(--text-tertiary,#86868b);border-bottom-color:transparent} [data-theme="dark"] .dash-tab:hover{color:var(--text-primary,#f5f5f7);border-bottom-color:rgba(255,255,255,0.1)} [data-theme="dark"] .dash-tab.active{background:transparent;color:#FAFAFA;box-shadow:none;border-bottom:2px solid #FAFAFA;font-weight:600} [data-theme="dark"] .dash-tabs-sep{background:rgba(255,255,255,0.1)} /* Cards */ [data-theme="dark"] .dash-card{background:var(--bg-secondary,#161616);border:1px solid rgba(255,255,255,0.06);box-shadow:0 1px 3px rgba(0,0,0,0.3)} [data-theme="dark"] .dash-card:hover{background:var(--bg-tertiary,#1C1C1C);border-color:rgba(255,255,255,0.1);box-shadow:0 4px 16px rgba(0,0,0,0.4);transform:translateY(-2px)} [data-theme="dark"] .dash-card-head{background:var(--bg-tertiary,#1A1A1A);border-bottom-color:rgba(255,255,255,0.06)} [data-theme="dark"] .dash-card-header{border-bottom-color:var(--border-color,rgba(255,255,255,0.1))} [data-theme="dark"] .dash-card-title{color:var(--text-primary,#f5f5f7)} [data-theme="dark"] .dash-card-code{color:var(--text-tertiary,#7C7C82)} [data-theme="dark"] .dash-card-sub{color:var(--text-secondary,#A0A0A6)} [data-theme="dark"] .dash-card-body{color:var(--text-secondary,#A0A0A6)} [data-theme="dark"] .dash-phase{background:var(--bg-tertiary,#202020);color:var(--text-secondary,#A0A0A6)} [data-theme="dark"] .dash-point-score.high{background:rgba(220,38,38,0.15);color:#FCA5A5} [data-theme="dark"] .dash-point-score.med{background:rgba(245,158,11,0.15);color:#FCD34D} [data-theme="dark"] .dash-point-score.low{background:rgba(5,150,105,0.15);color:#6EE7B7} [data-theme="dark"] .dash-point{background:var(--bg-tertiary,#1A1A1A);border-color:rgba(255,255,255,0.06)} [data-theme="dark"] .dash-resp-dropdown{background:var(--bg-secondary,#161616);border-color:rgba(255,255,255,0.1)} /* Priority Grid */ [data-theme="dark"] .dash-priority-col{background:var(--surface-card,#161616);box-shadow:none} [data-theme="dark"] .dash-priority-col:hover{background:var(--bg-tertiary,#202020);box-shadow:none} [data-theme="dark"] .dash-priority-col-header{color:var(--text-secondary,#a1a1a6)} [data-theme="dark"] .dash-priority-item{background:var(--bg-secondary,#161616);box-shadow:none} [data-theme="dark"] .dash-priority-item:hover{background:var(--bg-tertiary,#202020)} [data-theme="dark"] .dash-priority-item-title{color:var(--text-primary,#f5f5f7)} [data-theme="dark"] .dash-priority-item-project{color:var(--text-tertiary,#86868b)} [data-theme="dark"] .dash-priority-item-checkbox{background:var(--bg-tertiary,#202020);border-color:var(--border-strong,rgba(255,255,255,0.15))} [data-theme="dark"] .dash-priority-item.drag-over{border-color:rgba(255,255,255,0.30);background:rgba(255,255,255,0.06)} [data-theme="dark"] .dash-drop-indicator{background:rgba(255,255,255,0.30)} /* Filters */ [data-theme="dark"] .dash-filter-select{background:var(--surface-card,#161616);color:var(--text-primary,#f5f5f7);box-shadow:none;border:1px solid rgba(255,255,255,0.10)} [data-theme="dark"] .dash-filter-select:hover{background:var(--bg-tertiary,#202020);border-color:rgba(255,255,255,0.15)} [data-theme="dark"] .dash-filter-select:focus{box-shadow:0 0 0 3px rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.25)} [data-theme="dark"] .dash-filters label{color:var(--text-secondary,#a1a1a6)} /* History */ [data-theme="dark"] .dash-history-item{background:var(--surface-card,#161616);box-shadow:none} [data-theme="dark"] .dash-history-item:hover{background:var(--bg-tertiary,#202020)} [data-theme="dark"] .dash-history-text{color:var(--text-primary,#FAFAFA)} [data-theme="dark"] .dash-history-title{color:var(--text-primary,#f5f5f7)} [data-theme="dark"] .dash-history-meta{color:var(--text-tertiary,#86868b)} /* Method Section */ [data-theme="dark"] .dash-method h2{color:var(--text-primary,#f5f5f7)} [data-theme="dark"] .dash-method-section{background:var(--surface-card,#161616);box-shadow:none} [data-theme="dark"] .dash-method-title{color:var(--text-primary,#f5f5f7)} [data-theme="dark"] .dash-method-item{background:var(--bg-secondary,#161616)} [data-theme="dark"] .dash-method-item:hover{background:var(--bg-tertiary,#202020)} [data-theme="dark"] .dash-method-badge.c{background:linear-gradient(135deg,#404040,#505050)} [data-theme="dark"] .dash-method-badge.d{background:linear-gradient(135deg,#404040,#505050)} [data-theme="dark"] .dash-point{background:var(--bg-secondary,#161616)} [data-theme="dark"] .dash-point:hover{background:var(--bg-tertiary,#202020)} [data-theme="dark"] .dash-point-text{color:var(--text-primary,#f5f5f7)} [data-theme="dark"] .dash-point-meta{color:var(--text-tertiary,#86868b)} /* Planning */ [data-theme="dark"] .planning-toolbar{background:rgba(28,28,28,0.85);backdrop-filter:blur(20px)} [data-theme="dark"] .planning-view-switch{background:var(--bg-tertiary,#202020)} [data-theme="dark"] .planning-view-btn{color:var(--text-tertiary,#86868b)} [data-theme="dark"] .planning-view-btn:hover{color:var(--text-primary,#f5f5f7)} [data-theme="dark"] .planning-view-btn.active{background:rgba(255,255,255,0.12);color:#FAFAFA;box-shadow:none} [data-theme="dark"] .planning-zoom-btn{background:var(--bg-tertiary,#202020);color:var(--text-primary,#f5f5f7)} [data-theme="dark"] .planning-zoom-btn:hover{background:var(--bg-active,rgba(255,255,255,0.1))} [data-theme="dark"] .planning-checkbox{color:var(--text-secondary,#a1a1a6)} /* Gantt */ [data-theme="dark"] .gantt-outer{background:var(--surface-card,#161616);box-shadow:none;border:1px solid var(--border-color,rgba(255,255,255,0.1))} [data-theme="dark"] .gantt-sidebar{background:var(--surface-card,#161616);border-right-color:var(--border-color,rgba(255,255,255,0.1))} [data-theme="dark"] .gantt-sidebar-header{background:var(--bg-tertiary,#202020);border-bottom-color:var(--border-color,rgba(255,255,255,0.1));color:var(--text-tertiary,#7C7C82)} [data-theme="dark"] .gantt-sidebar-project{background:var(--bg-secondary,#161616);border-bottom-color:var(--border-color,rgba(255,255,255,0.06))} [data-theme="dark"] .gantt-sidebar-project:hover{background:var(--bg-tertiary,#202020)} [data-theme="dark"] .gantt-sidebar-task{color:var(--text-primary,#FAFAFA);border-bottom-color:var(--border-color,rgba(255,255,255,0.04))} [data-theme="dark"] .gantt-project-code{color:var(--text-primary,#FAFAFA)} [data-theme="dark"] .gantt-project-name{color:var(--text-secondary,#A0A0A6)} [data-theme="dark"] .gantt-task-count{background:rgba(255,255,255,0.08);color:var(--text-tertiary,#7C7C82)} [data-theme="dark"] .gantt-timeline-header{background:var(--bg-tertiary,#202020);border-bottom-color:var(--border-color,rgba(255,255,255,0.1))} [data-theme="dark"] .gantt-header-cell{border-right-color:var(--border-color,rgba(255,255,255,0.06))} [data-theme="dark"] .gantt-header-cell.today{background:rgba(255,149,0,0.12)} [data-theme="dark"] .gantt-header-cell.weekend{background:rgba(255,255,255,0.02)} [data-theme="dark"] .gantt-header-primary{color:var(--text-primary,#FAFAFA)} [data-theme="dark"] .gantt-header-secondary{color:var(--text-tertiary,#7C7C82)} [data-theme="dark"] .gantt-project-row{background:var(--bg-secondary,#161616);border-bottom-color:var(--border-color,rgba(255,255,255,0.06))} [data-theme="dark"] .gantt-project-row:hover{background:var(--bg-tertiary,#202020)} [data-theme="dark"] .gantt-project-row .gantt-cell{border-right-color:rgba(255,255,255,0.03)} [data-theme="dark"] .gantt-cell{border-right-color:rgba(255,255,255,0.03)} [data-theme="dark"] .gantt-cell.today{background:rgba(255,149,0,0.08)} [data-theme="dark"] .gantt-cell.weekend{background:rgba(255,255,255,0.02)} [data-theme="dark"] .gantt-bar{box-shadow:0 2px 8px rgba(0,0,0,0.4);color:#fff} [data-theme="dark"] .gantt-bar.normal{background:linear-gradient(135deg,#404040,#363636)} [data-theme="dark"] .gantt-bar.completed{background:linear-gradient(135deg,#30D158,#1E8E3E);opacity:.7} [data-theme="dark"] .gantt-bar.overdue{background:linear-gradient(135deg,#FF453A,#CC2920)} [data-theme="dark"] .gantt-bar.soon{background:linear-gradient(135deg,#FF9F0A,#CC7F08)} [data-theme="dark"] .gantt-bar.task{background:linear-gradient(135deg,#404040,#363636)} [data-theme="dark"] .gantt-today-marker{border-color:var(--surface-card,#161616)} [data-theme="dark"] .gantt-chevron{color:var(--text-tertiary,#7C7C82)} /* Planning Table */ [data-theme="dark"] .planning-table-container{background:var(--surface-card,#161616);box-shadow:none} [data-theme="dark"] .planning-table th{background:var(--bg-secondary,#161616);color:var(--text-secondary,#a1a1a6)} [data-theme="dark"] .planning-table td{color:var(--text-primary,#f5f5f7);border-bottom-color:var(--border-color,rgba(255,255,255,0.1))} [data-theme="dark"] .planning-table tr:hover td{background:var(--bg-hover,rgba(255,255,255,0.06))} [data-theme="dark"] .planning-table-badge.normal{background:rgba(255,255,255,0.08);color:#FAFAFA} [data-theme="dark"] .planning-table-badge.completed{background:rgba(34,197,94,0.15);color:#4ADE80} [data-theme="dark"] .planning-table-badge.overdue{background:rgba(255,59,48,0.15);color:#FCA5A5} [data-theme="dark"] .planning-table-badge.soon{background:rgba(245,158,11,0.15);color:#FCD34D} /* Modal */ [data-theme="dark"] .dash-modal-content{background:var(--surface-modal,#202020)} [data-theme="dark"] .dash-modal-title{color:var(--text-primary,#f5f5f7)} [data-theme="dark"] .dash-form-label{color:var(--text-secondary,#a1a1a6)} [data-theme="dark"] .dash-form-input,[data-theme="dark"] .dash-form-select,[data-theme="dark"] .dash-form-textarea{background:var(--bg-input,#161616);border-color:var(--border-color,rgba(255,255,255,0.1));color:var(--text-primary,#f5f5f7)} [data-theme="dark"] .dash-form-input:focus,[data-theme="dark"] .dash-form-select:focus,[data-theme="dark"] .dash-form-textarea:focus{background:var(--bg-input,#161616);box-shadow:0 0 0 3px rgba(10,132,255,0.3)} /* Buttons */ [data-theme="dark"] .dash-btn{background:var(--bg-tertiary,#202020);color:var(--text-primary,#f5f5f7);border-color:var(--border-color,rgba(255,255,255,0.1))} [data-theme="dark"] .dash-btn:hover{background:var(--bg-active,rgba(255,255,255,0.1))} /* Sync Status */ [data-theme="dark"] .dash-sync-status.synced{background:rgba(48,209,88,0.2);color:#30D158} [data-theme="dark"] .dash-sync-status.pending{background:rgba(255,159,10,0.2);color:#FF9F0A} /* Empty states */ [data-theme="dark"] .ov-empty{color:var(--text-muted,#636366)} [data-theme="dark"] .dash-empty{color:var(--text-muted,#636366);background:var(--bg-secondary,#161616)} /* Fix inline styles bleus non dark-mode aware */ [data-theme="dark"] .ov-phase-badge{background:var(--bg-tertiary,#202020) !important;color:var(--text-secondary,#A0A0A6) !important} [data-theme="dark"] .dash-risk-total{background:var(--bg-tertiary,#202020) !important;color:var(--text-secondary,#A0A0A6) !important} [data-theme="dark"] .planning-empty{color:var(--text-muted,#636366)} [data-theme="dark"] .planning-empty-text{color:var(--text-secondary,#A0A0A6)} /* Responsive — clip sans créer de scroll container (préserve position:sticky) */ .main-content{overflow-x:clip} /* ═══════════════════════════════════════════════════════════════ DARK MODE - SURCHARGES GLOBALES POUR TOUS LES MODULES Ces regles ont une haute specificite pour surcharger les styles inline ═══════════════════════════════════════════════════════════════ */ /* === PAGE BACKGROUNDS === */ /* Double technique : background + box-shadow:inset (les extensions dark mode ne modifient PAS box-shadow, seulement background/background-color) */ [data-theme="dark"] .dash-wrap, [data-theme="dark"] .prj-wrap, [data-theme="dark"] .fact-wrapper, [data-theme="dark"] .tresor-wrap, [data-theme="dark"] .dpgf-wrap, [data-theme="dark"] .ch-wrap, [data-theme="dark"] .admin-wrap, [data-theme="dark"] .rh-wrap, [data-theme="dark"] .cr-wrap, [data-theme="dark"] .doc-wrap, [data-theme="dark"] .passwords-wrap, [data-theme="dark"] .agenda-wrap, [data-theme="dark"] .clients-wrap, [data-theme="dark"] [class*="-wrap"], [data-theme="dark"] .page-content, [data-theme="dark"] .main-content { background: #18181A !important; } /* === CARDS & SURFACES === */ [data-theme="dark"] .card, [data-theme="dark"] .dash-kpi, [data-theme="dark"] .dash-priority-col, [data-theme="dark"] .dash-priority-item, [data-theme="dark"] .prj-card, [data-theme="dark"] .fact-card, [data-theme="dark"] .fact-kpi, [data-theme="dark"] .tresor-card, [data-theme="dark"] .dpgf-card, [data-theme="dark"] .dpgf-lot-card, [data-theme="dark"] .ch-card, [data-theme="dark"] .cr-point, [data-theme="dark"] .cr-row, [data-theme="dark"] .fp-kpi, [data-theme="dark"] .fp-settings-section, [data-theme="dark"] .fp-template-section, [data-theme="dark"] [class*="-card"], [data-theme="dark"] [class*="-item"], [data-theme="dark"] [class*="-kpi"] { background: #161616 !important; border-color: rgba(255, 255, 255, 0.08) !important; } /* === HOVER STATES === */ [data-theme="dark"] .card:hover, [data-theme="dark"] .dash-kpi:hover, [data-theme="dark"] .dash-priority-col:hover, [data-theme="dark"] .dash-priority-item:hover, [data-theme="dark"] [class*="-card"]:hover, [data-theme="dark"] [class*="-item"]:hover { background: #262626 !important; } /* === NEUTRALISATION TEINTE BLEUE/VIOLETTE — DASHBOARD === Les accents violet rgba(124,58,237) créent un glow bleu sur tout le dashboard. On les remplace par des neutres (gris/blanc) en dark mode. */ /* Unified card : supprimer glow violet + noise texture */ [data-theme="dark"] .ov-unified-card { background: #161616 !important; border: 1px solid rgba(255,255,255,0.08) !important; box-shadow: none !important; } [data-theme="dark"] .ov-unified-card::after { display: none !important; } /* Tabs actifs : underline Apple HIG */ [data-theme="dark"] .dash-tab.active { background: transparent !important; color: #FAFAFA !important; border-bottom: 2px solid #FAFAFA !important; box-shadow: none !important; } /* Cards génériques : supprimer ombres bleues */ [data-theme="dark"] .dash-card { background: #161616 !important; border: 1px solid rgba(255,255,255,0.08) !important; box-shadow: none !important; } [data-theme="dark"] .dash-card:hover { background: #1C1C1C !important; box-shadow: none !important; } [data-theme="dark"] .dash-card-head { background: #1A1A1A !important; border-bottom-color: rgba(255,255,255,0.06) !important; } /* KPI : forcer fond neutre (override inline blue gradient) */ [data-theme="dark"] .dash-kpi { background: #161616 !important; box-shadow: none !important; border: 1px solid rgba(255,255,255,0.08) !important; } /* History items : fond neutre */ [data-theme="dark"] .dash-history-item { background: #161616 !important; box-shadow: none !important; border-color: rgba(255,255,255,0.06) !important; } [data-theme="dark"] .dash-history-item:hover { background: #1C1C1C !important; } /* Priority items : fond neutre */ [data-theme="dark"] .dash-priority-item { background: #161616 !important; box-shadow: none !important; } [data-theme="dark"] .dash-priority-col { background: #131313 !important; box-shadow: none !important; } /* Phase badge : fond neutre (override inline #E0EDFF) */ [data-theme="dark"] .ov-phase-badge { background: #202020 !important; color: #A0A0A6 !important; } /* Planning toolbar : fond neutre */ [data-theme="dark"] .planning-toolbar { background: rgba(22,22,22,0.9) !important; box-shadow: none !important; } [data-theme="dark"] .planning-view-btn.active { background: rgba(255,255,255,0.10) !important; color: #FAFAFA !important; box-shadow: none !important; } /* Method section */ [data-theme="dark"] .dash-method-section { background: #161616 !important; box-shadow: none !important; } /* Boutons dashboard : supprimer focus rings bleus */ [data-theme="dark"] .dash-form-input:focus, [data-theme="dark"] .dash-form-select:focus, [data-theme="dark"] .dash-form-textarea:focus { box-shadow: 0 0 0 3px rgba(255,255,255,0.1) !important; } /* Event day today : supprimer bleu */ [data-theme="dark"] .ov-event-day.today { background: rgba(255,255,255,0.08) !important; border-color: rgba(255,255,255,0.15) !important; } /* Gantt : supprimer ombres */ [data-theme="dark"] .gantt-outer { background: #161616 !important; box-shadow: none !important; } /* Resp dropdown */ [data-theme="dark"] .dash-resp-dropdown { background: #1A1A1A !important; box-shadow: 0 4px 16px rgba(0,0,0,0.4) !important; } /* Risk total : fond neutre (override inline #F0FDF4) */ [data-theme="dark"] .dash-risk-total { background: #202020 !important; color: #A0A0A6 !important; } /* Supprimer les box-shadow:inset sur page backgrounds (pas nécessaire maintenant) */ /* === TEXT COLORS === */ [data-theme="dark"] .dash-title, [data-theme="dark"] .prj-title, [data-theme="dark"] .fact-title, [data-theme="dark"] .tresor-title, [data-theme="dark"] .page-title, [data-theme="dark"] .card-title, [data-theme="dark"] .section-title, [data-theme="dark"] [class*="-title"], [data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3 { color: var(--text-primary) !important; } [data-theme="dark"] .dash-kpi-value, [data-theme="dark"] .dash-priority-count, [data-theme="dark"] .prj-stat-value, [data-theme="dark"] .fact-kpi-value, [data-theme="dark"] .fp-kpi-value, [data-theme="dark"] [class*="-value"] { color: var(--text-primary) !important; } [data-theme="dark"] .dash-kpi-label, [data-theme="dark"] .dash-priority-title, [data-theme="dark"] .prj-stat-label, [data-theme="dark"] .fact-kpi-label, [data-theme="dark"] .fp-kpi-label, [data-theme="dark"] [class*="-label"], [data-theme="dark"] [class*="-subtitle"] { color: var(--text-secondary) !important; } [data-theme="dark"] .dash-priority-item-text, [data-theme="dark"] .dash-priority-item-meta, [data-theme="dark"] p, [data-theme="dark"] span:not([class*="status"]):not([class*="badge"]) { color: var(--text-primary) !important; } /* === BUTTONS === */ [data-theme="dark"] .dash-btn, [data-theme="dark"] .prj-btn, [data-theme="dark"] .fact-btn, [data-theme="dark"] .fp-btn, [data-theme="dark"] .btn, [data-theme="dark"] .btn-secondary, [data-theme="dark"] [class*="-btn"]:not(.btn-primary):not([class*="-btn-primary"]) { background: var(--bg-hover) !important; color: var(--text-primary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .dash-btn:hover, [data-theme="dark"] .prj-btn:hover, [data-theme="dark"] .fact-btn:hover, [data-theme="dark"] .fp-btn:hover, [data-theme="dark"] .btn:hover, [data-theme="dark"] [class*="-btn"]:hover { background: var(--bg-active) !important; } [data-theme="dark"] .dash-btn-primary, [data-theme="dark"] .prj-btn-primary, [data-theme="dark"] .btn-primary, [data-theme="dark"] .fp-btn-primary, [data-theme="dark"] [class*="-btn-primary"] { background: var(--accent-blue) !important; color: #fff !important; } [data-theme="dark"] .dash-btn.active, [data-theme="dark"] .prj-tab.active, [data-theme="dark"] .fact-tab.active, [data-theme="dark"] [class*="-tab"].active:not(.dash-tab):not(.ch-tab):not(.ch-subtab) { background: var(--bg-active) !important; color: var(--text-primary) !important; } /* === TABS === */ [data-theme="dark"] .prj-tabs, [data-theme="dark"] .fact-tabs, [data-theme="dark"] .fp-main-tabs, [data-theme="dark"] [class*="-tabs"]:not(.dash-tabs):not(.ch-tabs):not(.ch-subtabs) { background: var(--bg-secondary) !important; } [data-theme="dark"] .prj-tab, [data-theme="dark"] .fact-tab, [data-theme="dark"] .fp-main-tab, [data-theme="dark"] [class*="-tab"]:not(.dash-tab):not(.ch-tab):not(.ch-subtab) { color: var(--text-secondary) !important; } [data-theme="dark"] .prj-tab.active, [data-theme="dark"] .fact-tab.active, [data-theme="dark"] .fp-main-tab.active, [data-theme="dark"] [class*="-tab"].active:not(.dash-tab):not(.ch-tab):not(.ch-subtab) { background: var(--surface-card) !important; color: var(--text-primary) !important; } /* === INPUTS & SELECTS === */ [data-theme="dark"] input, [data-theme="dark"] select, [data-theme="dark"] textarea, [data-theme="dark"] .dash-filter-select, [data-theme="dark"] .prj-filter-select, [data-theme="dark"] .fp-filter-select, [data-theme="dark"] .fp-form-input, [data-theme="dark"] .fp-form-textarea, [data-theme="dark"] .fp-option-input, [data-theme="dark"] .fp-option-select, [data-theme="dark"] [class*="-input"], [data-theme="dark"] [class*="-select"] { background: var(--bg-input) !important; color: var(--text-primary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] input::placeholder, [data-theme="dark"] textarea::placeholder { color: var(--text-muted) !important; } /* === TABLES === */ [data-theme="dark"] table, [data-theme="dark"] .dash-table, [data-theme="dark"] .prj-table, [data-theme="dark"] .fact-table, [data-theme="dark"] .fp-table, [data-theme="dark"] .dpgf-table, [data-theme="dark"] [class*="-table"] { background: var(--surface-card) !important; } [data-theme="dark"] th, [data-theme="dark"] .dash-table th, [data-theme="dark"] .prj-table th, [data-theme="dark"] .fact-table th, [data-theme="dark"] .fp-table th, [data-theme="dark"] [class*="-table"] th { background: var(--bg-secondary) !important; color: var(--text-secondary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] td, [data-theme="dark"] .dash-table td, [data-theme="dark"] .prj-table td, [data-theme="dark"] .fact-table td, [data-theme="dark"] .fp-table td, [data-theme="dark"] [class*="-table"] td { border-color: var(--border-color) !important; color: var(--text-primary) !important; } [data-theme="dark"] tr:hover td { background: var(--bg-hover) !important; } /* === MODALS === */ [data-theme="dark"] .modal, [data-theme="dark"] .modal-content, [data-theme="dark"] .popup, [data-theme="dark"] .popup-content, [data-theme="dark"] .dialog, [data-theme="dark"] [class*="-modal"], [data-theme="dark"] [class*="-popup"] { background: var(--surface-modal) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .modal-overlay, [data-theme="dark"] .popup-overlay, [data-theme="dark"] [class*="-overlay"] { background: rgba(0, 0, 0, 0.7) !important; } /* === SIDEBAR — Dark mode géré via variables --sb-* dans .sidebar === */ /* Les anciennes surcharges !important ont été supprimées. Les styles sont maintenant dans [data-theme="dark"] .sidebar (L8935+) */ /* === HEADER === */ [data-theme="dark"] .header, [data-theme="dark"] .page-header { background: var(--surface-header) !important; border-color: var(--border-color) !important; } /* === DROPDOWNS === */ [data-theme="dark"] .dropdown, [data-theme="dark"] .dropdown-menu, [data-theme="dark"] [class*="-dropdown"] { background: var(--surface-modal) !important; border-color: var(--border-color) !important; box-shadow: var(--shadow-lg) !important; } [data-theme="dark"] .dropdown-item, [data-theme="dark"] [class*="-dropdown-item"] { color: var(--text-primary) !important; } [data-theme="dark"] .dropdown-item:hover, [data-theme="dark"] [class*="-dropdown-item"]:hover { background: var(--bg-hover) !important; } /* === TOOLTIPS === */ [data-theme="dark"] .tooltip, [data-theme="dark"] [class*="-tooltip"] { background: var(--bg-tertiary) !important; color: var(--text-primary) !important; border-color: var(--border-color) !important; } /* === BORDERS & DIVIDERS === */ [data-theme="dark"] hr, [data-theme="dark"] .divider, [data-theme="dark"] [class*="-divider"] { border-color: var(--divider-color) !important; background: var(--divider-color) !important; } /* === SCROLLBARS === */ [data-theme="dark"] ::-webkit-scrollbar { width: 8px; height: 8px; } [data-theme="dark"] ::-webkit-scrollbar-track { background: var(--bg-secondary); } [data-theme="dark"] ::-webkit-scrollbar-thumb { background: var(--border-strong); border-radius: 4px; } [data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: var(--text-muted); } /* === LOADING STATES === */ [data-theme="dark"] .loading, [data-theme="dark"] .spinner, [data-theme="dark"] .skeleton { background: var(--bg-secondary) !important; } /* === EMPTY STATES === */ [data-theme="dark"] .empty-state { color: var(--text-tertiary) !important; } /* === SPECIFIC MODULE OVERRIDES === */ /* Dashboard */ [data-theme="dark"] .dash-priority-item-score { background: var(--bg-active) !important; color: var(--text-primary) !important; } [data-theme="dark"] .dash-priority-item-checkbox { background: var(--bg-input) !important; border-color: var(--border-strong) !important; } /* Dashboard Overview - Super Planning */ [data-theme="dark"] .ov-section { background: var(--bg-secondary,#1C1C1E) !important; border-color: rgba(255,255,255,0.06) !important; } [data-theme="dark"] .ov-section-title { color: var(--text-primary,#f5f5f7) !important; border-bottom-color: rgba(255,255,255,0.08) !important; } [data-theme="dark"] .ov-section-title span { background: rgba(255,255,255,0.08) !important; color: var(--text-tertiary) !important; } [data-theme="dark"] .ov-project-row { background: var(--surface-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .ov-project-row:hover { background: var(--bg-hover) !important; } [data-theme="dark"] .ov-project-code { color: var(--text-primary) !important; } [data-theme="dark"] .ov-project-name { color: var(--text-secondary) !important; } /* Phases pills - dark mode */ [data-theme="dark"] .ov-phase { background: var(--bg-tertiary) !important; color: var(--text-secondary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .ov-phase.past { background: rgba(99, 99, 102, 0.3) !important; color: var(--text-muted) !important; } [data-theme="dark"] .ov-phase.current { background: rgba(48, 209, 88, 0.25) !important; color: var(--accent-green) !important; border-color: var(--accent-green) !important; } [data-theme="dark"] .ov-phase.future { background: rgba(10, 132, 255, 0.2) !important; color: var(--accent-blue) !important; } /* Project status pill */ [data-theme="dark"] .ov-project-status { background: var(--bg-tertiary) !important; color: var(--text-secondary) !important; } [data-theme="dark"] .ov-project-status.ov-status-active { background: rgba(48, 209, 88, 0.2) !important; color: var(--accent-green) !important; } [data-theme="dark"] .ov-project-status.ov-status-paused { background: rgba(255, 159, 10, 0.2) !important; color: var(--accent-orange) !important; } [data-theme="dark"] .ov-project-status.ov-status-completed { background: rgba(99, 99, 102, 0.3) !important; color: var(--text-muted) !important; } /* Facturation */ [data-theme="dark"] .fact-project-header, [data-theme="dark"] .fact-phase-header { background: var(--bg-secondary) !important; } [data-theme="dark"] .fact-row:hover { background: var(--bg-hover) !important; } /* DPGF */ [data-theme="dark"] .dpgf-header, [data-theme="dark"] .dpgf-toolbar { background: var(--bg-secondary) !important; border-color: var(--border-color) !important; } /* DPGF List Header - FIX dark mode */ [data-theme="dark"] .dpgf-list-header { background: transparent !important; border-color: var(--border-color) !important; } [data-theme="dark"] .dpgf-list-title { color: var(--text-primary) !important; font-weight: 600; } /* Boutons DPGF - SVG visible */ [data-theme="dark"] .prj-btn svg, [data-theme="dark"] .prj-btn-secondary svg, [data-theme="dark"] .prj-btn-primary svg { stroke: currentColor !important; } [data-theme="dark"] .dpgf-row, [data-theme="dark"] .dpgf-item { background: var(--surface-card) !important; } [data-theme="dark"] .dpgf-row:hover, [data-theme="dark"] .dpgf-item:hover { background: var(--bg-hover) !important; } [data-theme="dark"] .dpgf-total-row, [data-theme="dark"] .dpgf-footer { background: var(--bg-tertiary) !important; } /* DPGF Apple-Style — Dark mode overrides */ [data-theme="dark"] .dpgf-table-container { background: var(--surface-card) !important; border-color: var(--border-color) !important; box-shadow: none !important; } [data-theme="dark"] .dpgf-synthesis-title { color: var(--text-primary) !important; border-bottom-color: var(--border-color) !important; } [data-theme="dark"] .dpgf-synthesis-table th { background: var(--bg-secondary) !important; color: var(--text-secondary) !important; border-bottom-color: var(--border-color) !important; } [data-theme="dark"] .dpgf-synthesis-table td { border-bottom-color: var(--border-color) !important; } [data-theme="dark"] .dpgf-synthesis-table .subtotal-row td { background: var(--bg-tertiary) !important; } [data-theme="dark"] .dpgf-synthesis-table .total-row td { background: var(--bg-tertiary) !important; color: var(--text-primary) !important; border-top-color: var(--text-primary) !important; } [data-theme="dark"] .dpgf-totals-block { border-color: var(--border-color) !important; box-shadow: none !important; } [data-theme="dark"] .dpgf-totals-block .dpgf-totals-ht { background: var(--bg-tertiary) !important; } [data-theme="dark"] .dpgf-totals-block .dpgf-totals-tva { border-bottom-color: var(--border-color) !important; color: var(--text-secondary) !important; } [data-theme="dark"] .dpgf-totals-block .dpgf-totals-ttc { background: var(--surface-card) !important; color: var(--text-primary) !important; border-top-color: var(--text-primary) !important; } [data-theme="dark"] .dpgf-zone-card { background: var(--bg-secondary) !important; } [data-theme="dark"] .dpgf-zone-card.total { background: var(--surface-card) !important; border-color: var(--text-primary) !important; } [data-theme="dark"] .dpgf-zone-card-label { color: var(--text-secondary) !important; } [data-theme="dark"] .dpgf-zone-card-value { color: var(--text-primary) !important; } [data-theme="dark"] .dpgf-currency { color: var(--text-secondary) !important; } [data-theme="dark"] .dpgf-hc-kpi { background: var(--bg-secondary) !important; color: var(--text-primary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .dpgf-list-table { box-shadow: none !important; border-color: var(--border-color) !important; } [data-theme="dark"] .dpgf-list-table th { background: var(--bg-secondary) !important; color: var(--text-secondary) !important; } [data-theme="dark"] .dpgf-list-phase, [data-theme="dark"] .dpgf-card-phase { background: var(--bg-tertiary) !important; color: var(--text-primary) !important; } [data-theme="dark"] .dpgf-lot-table .total-row { background: var(--bg-tertiary) !important; color: var(--text-primary) !important; } [data-theme="dark"] .dpgf-lot-table .total-row td { color: var(--text-primary) !important; } [data-theme="dark"] .dpgf-popup-header { background: var(--bg-secondary) !important; color: var(--text-primary) !important; border-bottom-color: var(--border-color) !important; } [data-theme="dark"] .dpgf-zones-bar-total { background: var(--surface-card) !important; color: var(--text-primary) !important; border-left-color: var(--text-primary) !important; } [data-theme="dark"] .dpgf-zone-pill { background: var(--bg-secondary) !important; border-right-color: var(--border-color) !important; } [data-theme="dark"] .dpgf-zone-pill .pill-label { color: var(--text-secondary) !important; } [data-theme="dark"] .dpgf-zone-pill .pill-value { color: var(--text-primary) !important; } [data-theme="dark"] .dpgf-totals-ttc { background: var(--surface-card) !important; color: var(--text-primary) !important; border-top-color: var(--text-primary) !important; } [data-theme="dark"] .dpgf-totals-ttc span { color: var(--text-primary) !important; } /* Projets */ [data-theme="dark"] .prj-list-item { background: var(--surface-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .prj-list-item:hover { background: var(--bg-hover) !important; } /* Compte Rendu */ [data-theme="dark"] .cr-category-header { background: var(--bg-secondary) !important; } [data-theme="dark"] .cr-point-row { background: var(--surface-card) !important; } [data-theme="dark"] .cr-point-row:hover { background: var(--bg-hover) !important; } /* Chantiers */ [data-theme="dark"] .ch-section { background: var(--surface-card) !important; border-color: var(--border-color) !important; } /* Tresorerie */ [data-theme="dark"] .tresor-section, [data-theme="dark"] .tresor-table-container { background: var(--surface-card) !important; } /* Passwords */ [data-theme="dark"] .password-item { background: var(--surface-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .password-item:hover { background: var(--bg-hover) !important; } /* Admin / Roles */ [data-theme="dark"] .role-card, [data-theme="dark"] .member-card { background: var(--surface-card) !important; border-color: var(--border-color) !important; } /* RH */ [data-theme="dark"] .rh-card, [data-theme="dark"] .rh-section { background: var(--surface-card) !important; } /* Documents */ [data-theme="dark"] .doc-item, [data-theme="dark"] .doc-folder { background: var(--surface-card) !important; } [data-theme="dark"] .doc-item:hover, [data-theme="dark"] .doc-folder:hover { background: var(--bg-hover) !important; } /* Clients */ [data-theme="dark"] .client-card { background: var(--surface-card) !important; } /* === STATUS PILLS & BADGES (Global Dark Mode) === */ /* Tous les éléments type pilule/badge avec fond blanc */ [data-theme="dark"] [class*="status"], [data-theme="dark"] [class*="badge"], [data-theme="dark"] [class*="pill"], [data-theme="dark"] [class*="tag"], [data-theme="dark"] [class*="chip"], [data-theme="dark"] .prj-phase-badge, [data-theme="dark"] .prj-status, [data-theme="dark"] .prj-phase, [data-theme="dark"] .prj-livrable-status, [data-theme="dark"] .fact-status, [data-theme="dark"] .dash-status, [data-theme="dark"] .tresor-status, [data-theme="dark"] .cr-status, [data-theme="dark"] .ch-status { background: var(--bg-tertiary) !important; border-color: var(--border-color) !important; box-shadow: none !important; } /* Garder les couleurs d'accent pour les status colorés */ [data-theme="dark"] [class*="status-success"], [data-theme="dark"] [class*="status-green"], [data-theme="dark"] .status-done, [data-theme="dark"] .status-complete { background: rgba(48, 209, 88, 0.2) !important; color: var(--accent-green) !important; } [data-theme="dark"] [class*="status-warning"], [data-theme="dark"] [class*="status-orange"], [data-theme="dark"] .status-pending, [data-theme="dark"] .status-progress { background: rgba(255, 159, 10, 0.2) !important; color: var(--accent-orange) !important; } [data-theme="dark"] [class*="status-danger"], [data-theme="dark"] [class*="status-red"], [data-theme="dark"] .status-late, [data-theme="dark"] .status-overdue { background: rgba(255, 69, 58, 0.2) !important; color: var(--accent-red) !important; } [data-theme="dark"] [class*="status-info"], [data-theme="dark"] [class*="status-blue"] { background: rgba(10, 132, 255, 0.2) !important; color: var(--accent-blue) !important; } /* Livrables pills spécifiques */ [data-theme="dark"] .prj-deliverable-pill, [data-theme="dark"] .livrable-row, [data-theme="dark"] .prj-livrable-row { background: var(--surface-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .prj-deliverable-pill:hover, [data-theme="dark"] .livrable-row:hover, [data-theme="dark"] .prj-livrable-row:hover { background: var(--bg-hover) !important; } /* Auto-archivage livrables */ .prj-livrable-row.prj-archived { opacity: 0.4; border-style: dashed; } .prj-livrable-row.prj-archived .prj-inline-name-text { text-decoration: line-through; } [data-theme="dark"] .prj-livrable-row.prj-archived { opacity: 0.35; } /* Cartes de livrables - Vue "Cartes" */ [data-theme="dark"] #prjContent .prj-card { background: var(--surface-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] #prjContent .prj-card:hover { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important; } [data-theme="dark"] #prjContent .prj-card-title { color: var(--text-primary) !important; } [data-theme="dark"] #prjContent .prj-card-subtitle, [data-theme="dark"] #prjContent .prj-card-date { color: var(--text-secondary) !important; } [data-theme="dark"] #prjContent .prj-card-phase { background: var(--bg-elevated) !important; color: var(--text-secondary) !important; } [data-theme="dark"] #prjContent .prj-card-footer { border-top-color: var(--border-color) !important; } /* KPI cards et metrics */ [data-theme="dark"] [class*="-value"], [data-theme="dark"] [class*="-metric"], [data-theme="dark"] [class*="-number"], [data-theme="dark"] .big-number { color: var(--text-primary) !important; } /* Formulaires et selects dans les cartes */ [data-theme="dark"] .card select, [data-theme="dark"] .card input, [data-theme="dark"] [class*="-card"] select, [data-theme="dark"] [class*="-card"] input { background: var(--bg-input) !important; border-color: var(--border-color) !important; color: var(--text-primary) !important; } /* ═══════════════════════════════════════════════════════════════ DARK MODE - FORCE OVERRIDE POUR TOUS LES MODULES Ces règles utilisent !important pour surcharger les styles inline JS ═══════════════════════════════════════════════════════════════ */ /* Projets Module */ [data-theme="dark"] .prj-wrap, [data-theme="dark"] .prj-list-wrap, [data-theme="dark"] .page-content, [data-theme="dark"] #prjContent { background: var(--bg-primary) !important; } /* Projets - Variables locales override */ [data-theme="dark"] #prjContent { --info-light: rgba(10, 132, 255, 0.15) !important; --pastel-blue: rgba(10, 132, 255, 0.1) !important; } /* Projets - Headers et nav */ [data-theme="dark"] #prjContent .prj-main-nav, [data-theme="dark"] #prjContent .prj-detail-header { background: var(--bg-secondary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] #prjContent .prj-main-nav-tab { color: var(--text-secondary) !important; } [data-theme="dark"] #prjContent .prj-main-nav-tab:hover, [data-theme="dark"] #prjContent .prj-main-nav-tab.active { color: var(--text-primary) !important; } [data-theme="dark"] #prjContent .prj-btn-back, [data-theme="dark"] #prjContent .prj-breadcrumb { color: var(--text-muted) !important; } [data-theme="dark"] #prjContent .prj-btn-back:hover { color: var(--text-primary) !important; } [data-theme="dark"] #prjContent .prj-project-title { color: var(--text-primary) !important; } [data-theme="dark"] #prjContent .prj-notification-btn { color: var(--text-muted) !important; } [data-theme="dark"] #prjContent .prj-notification-btn:hover { color: var(--text-primary) !important; background: var(--bg-hover) !important; } /* Projets - Notifications list */ [data-theme="dark"] #prjContent .prj-notifications-list { background: var(--surface-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] #prjContent .prj-notification-item { border-color: var(--border-color) !important; } [data-theme="dark"] #prjContent .prj-notification-item:hover { background: var(--bg-hover) !important; } [data-theme="dark"] #prjContent .prj-notification-message { color: var(--text-primary) !important; } [data-theme="dark"] #prjContent .prj-notification-time { color: var(--text-secondary) !important; } [data-theme="dark"] #prjContent .prj-notification-icon.danger { background: rgba(255, 69, 58, 0.2) !important; color: #FF453A !important; } [data-theme="dark"] #prjContent .prj-notification-icon.warning { background: rgba(255, 159, 10, 0.2) !important; color: #FF9F0A !important; } /* Projets - Equipe wrap & Detail Page */ [data-theme="dark"] #prjContent .equipe-wrap { background: var(--bg-secondary) !important; } [data-theme="dark"] #prjContent .equipe-title { color: var(--text-primary) !important; } [data-theme="dark"] #prjContent .equipe-member-card { background: var(--surface-card) !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important; } [data-theme="dark"] #prjContent .equipe-member-card:hover { box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4) !important; } [data-theme="dark"] #prjContent .equipe-member-info h3 { color: var(--text-primary) !important; } [data-theme="dark"] #prjContent .equipe-member-info p { color: var(--text-tertiary) !important; } [data-theme="dark"] #prjContent .equipe-filter-select { background: var(--surface-card) !important; color: var(--text-primary) !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; } [data-theme="dark"] #prjContent .equipe-view-toggle { background: rgba(255, 255, 255, 0.06) !important; } [data-theme="dark"] #prjContent .equipe-view-btn { color: var(--text-tertiary) !important; } [data-theme="dark"] #prjContent .equipe-view-btn.active { background: var(--surface-card) !important; color: var(--text-primary) !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important; } [data-theme="dark"] #prjContent .equipe-view-btn:hover:not(.active) { color: var(--text-primary) !important; } [data-theme="dark"] #prjContent .equipe-member-stat { background: var(--bg-tertiary) !important; } [data-theme="dark"] #prjContent .equipe-member-stat-value { color: var(--text-primary) !important; } [data-theme="dark"] #prjContent .equipe-member-stat-label { color: var(--text-tertiary) !important; } [data-theme="dark"] #prjContent .equipe-member-progress-bar { background: var(--bg-tertiary) !important; } [data-theme="dark"] #prjContent .equipe-member-badge { background: rgba(255, 255, 255, 0.08) !important; color: #A0A0A6 !important; } [data-theme="dark"] #prjContent .equipe-list-item { background: var(--surface-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] #prjContent .equipe-list-item:hover { background: var(--bg-hover) !important; } [data-theme="dark"] #prjContent .equipe-calendar-day { background: var(--surface-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] #prjContent .equipe-calendar-day:hover { background: var(--bg-hover) !important; } /* Projets - Detail Page Header - FOND NOIR */ [data-theme="dark"] #prjContent .prj-detail-wrap { background: var(--bg-primary) !important; } [data-theme="dark"] #prjContent .prj-detail-container { background: var(--bg-primary) !important; } [data-theme="dark"] #prjContent .prj-detail-header { background: var(--bg-primary) !important; border-color: rgba(255, 255, 255, 0.1) !important; } [data-theme="dark"] #prjContent .prj-project-info { background: transparent !important; } [data-theme="dark"] #prjContent .prj-user-dropdown { background: var(--bg-tertiary) !important; color: var(--text-primary) !important; } [data-theme="dark"] #prjContent .prj-resp-dropdown { background: var(--bg-secondary) !important; border-color: rgba(255, 255, 255, 0.1) !important; } [data-theme="dark"] #prjContent .prj-resp-option:hover { background: rgba(255, 255, 255, 0.08) !important; } [data-theme="dark"] #prjContent .prj-btn-action, [data-theme="dark"] #prjContent .prj-btn-export, [data-theme="dark"] #prjContent .prj-btn-chantier { background: var(--bg-secondary) !important; border-color: rgba(255, 255, 255, 0.1) !important; color: var(--text-primary) !important; } [data-theme="dark"] #prjContent .prj-btn-action:hover, [data-theme="dark"] #prjContent .prj-btn-export:hover, [data-theme="dark"] #prjContent .prj-btn-chantier:hover { background: var(--bg-tertiary) !important; } /* Projets - Status badges dark mode */ [data-theme="dark"] #prjContent .prj-status-badge.en-cours { background: rgba(255, 255, 255, 0.08) !important; color: #A0A0A6 !important; } [data-theme="dark"] #prjContent .prj-status-badge.attente-moa { background: rgba(255, 159, 10, 0.2) !important; color: #FF9F0A !important; } [data-theme="dark"] #prjContent .prj-status-badge.suspendu { background: rgba(255, 69, 58, 0.2) !important; color: #FF453A !important; } [data-theme="dark"] #prjContent .prj-status-badge.termine { background: rgba(48, 209, 88, 0.2) !important; color: #30D158 !important; } /* Projets - Backgrounds F5F5F7 */ [data-theme="dark"] #prjContent .equipe-member-stat:hover, [data-theme="dark"] #prjContent .equipe-list-item.dragging { background: var(--bg-hover) !important; } [data-theme="dark"] #prjContent .equipe-calendar-day.today { background: rgba(255, 255, 255, 0.08) !important; } [data-theme="dark"] #prjContent .prj-livrable-row.selected { background: rgba(255, 255, 255, 0.08) !important; border-left-color: #FAFAFA !important; } /* Projets - Kanban columns */ [data-theme="dark"] #prjContent .prj-kanban-column[data-status="en-cours"] { background: rgba(255, 255, 255, 0.04) !important; } /* Override CSS variables bleutées */ [data-theme="dark"] #prjContent { --info-light: rgba(10, 132, 255, 0.15) !important; --pastel-blue: rgba(10, 132, 255, 0.1) !important; --bg-light: var(--bg-secondary) !important; } /* Risk-First Module - Variables CSS */ [data-theme="dark"] #prjContent, [data-theme="dark"] .prj-tab-content { --risk-tabs-bg: var(--bg-tertiary); --risk-tab-active-bg: var(--bg-secondary); --risk-tab-color: var(--text-primary); } /* Project Detail - Tabs inline */ [data-theme="dark"] #prjContent .prj-tabs-inline { border-left-color: var(--border-color) !important; } [data-theme="dark"] #prjContent .prj-tab { color: var(--text-tertiary) !important; } [data-theme="dark"] #prjContent .prj-tab:hover { color: var(--text-secondary) !important; } [data-theme="dark"] #prjContent .prj-tab.active { color: var(--text-primary) !important; } [data-theme="dark"] #prjContent .prj-tab.active::after { background: var(--text-primary) !important; } [data-theme="dark"] #prjContent .prj-tab-content { background: var(--bg-primary) !important; } /* Risk header with blur effect - FOND NOIR */ [data-theme="dark"] .risk-header, [data-theme="dark"] #prjContent .risk-header { background: rgba(10, 10, 10, 0.9) !important; backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; border-color: rgba(255, 255, 255, 0.1) !important; } /* Risk priority grid - FOND NOIR */ [data-theme="dark"] .risk-priority-grid, [data-theme="dark"] #prjContent .risk-priority-grid { background: var(--bg-primary) !important; } /* Risk method - FOND NOIR */ [data-theme="dark"] .risk-method, [data-theme="dark"] #prjContent .risk-method { background: var(--bg-primary) !important; border-color: rgba(255, 255, 255, 0.1) !important; } [data-theme="dark"] .risk-axes-grid, [data-theme="dark"] #prjContent .risk-axes-grid { background: var(--bg-primary) !important; } [data-theme="dark"] .risk-axis, [data-theme="dark"] #prjContent .risk-axis { background: var(--bg-secondary) !important; border-color: rgba(255, 255, 255, 0.1) !important; } /* Risk columns - FOND NOIR */ [data-theme="dark"] .risk-col, [data-theme="dark"] #prjContent .risk-col { background: var(--bg-primary) !important; border-color: rgba(255, 255, 255, 0.1) !important; } [data-theme="dark"] .risk-col-header, [data-theme="dark"] #prjContent .risk-col-header { background: var(--bg-secondary) !important; border-color: rgba(255, 255, 255, 0.1) !important; } [data-theme="dark"] .risk-items, [data-theme="dark"] #prjContent .risk-items { background: var(--bg-primary) !important; } [data-theme="dark"] .risk-tabs, [data-theme="dark"] .risk-tabs[style], [data-theme="dark"] #prjContent .risk-tabs { background: var(--bg-secondary) !important; } [data-theme="dark"] .risk-tab-btn, [data-theme="dark"] .risk-tab-btn[style], [data-theme="dark"] button.risk-tab-btn { background: transparent !important; color: var(--text-secondary) !important; border-color: transparent !important; } [data-theme="dark"] .risk-tab-btn.active, [data-theme="dark"] .risk-tab-btn.active[style], [data-theme="dark"] button.risk-tab-btn.active { background: var(--surface-card) !important; color: var(--text-primary) !important; } /* Force override styles inline sur Risk module */ [data-theme="dark"] .risk-header *[style*="background:#f5f5f5"], [data-theme="dark"] .risk-header *[style*="background: #f5f5f5"], [data-theme="dark"] .prj-tab-content *[style*="background:#f5f5f5"], [data-theme="dark"] .prj-tab-content *[style*="background: #f5f5f5"], [data-theme="dark"] #prjContent *[style*="background:#f5f5f5"], [data-theme="dark"] #prjContent *[style*="background: #f5f5f5"] { background: var(--bg-tertiary) !important; } [data-theme="dark"] .risk-header *[style*="background:#fff"], [data-theme="dark"] .risk-header *[style*="background: #fff"], [data-theme="dark"] .risk-header *[style*="background:white"], [data-theme="dark"] .risk-header *[style*="background: white"], [data-theme="dark"] .prj-tab-content *[style*="background:#fff"], [data-theme="dark"] .prj-tab-content *[style*="background: #fff"], [data-theme="dark"] .prj-tab-content *[style*="background:white"], [data-theme="dark"] .prj-tab-content *[style*="background: white"], [data-theme="dark"] #prjContent *[style*="background:#fff"], [data-theme="dark"] #prjContent *[style*="background: #fff"], [data-theme="dark"] #prjContent *[style*="background:white"], [data-theme="dark"] #prjContent *[style*="background: white"] { background: var(--surface-card) !important; } [data-theme="dark"] .risk-header *[style*="background:transparent"], [data-theme="dark"] .risk-header *[style*="background: transparent"], [data-theme="dark"] .prj-tab-content *[style*="background:transparent"], [data-theme="dark"] .prj-tab-content *[style*="background: transparent"] { background: transparent !important; } [data-theme="dark"] .risk-col, [data-theme="dark"] .risk-col.immediate, [data-theme="dark"] .risk-col.reunion, [data-theme="dark"] .risk-col.week, [data-theme="dark"] .risk-col.plan { background: var(--surface-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .risk-col-header { background: var(--bg-tertiary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .risk-col-title { color: var(--text-primary) !important; } [data-theme="dark"] .risk-col-count { background: var(--bg-secondary) !important; color: var(--text-secondary) !important; } [data-theme="dark"] .risk-items { background: var(--surface-card) !important; } [data-theme="dark"] .risk-empty { color: var(--text-muted) !important; } [data-theme="dark"] .risk-item, [data-theme="dark"] .risk-card { background: var(--surface-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .risk-item:hover, [data-theme="dark"] .risk-card:hover { background: var(--bg-hover) !important; } [data-theme="dark"] .risk-btn-add { background: var(--surface-card) !important; border-color: var(--border-color) !important; color: var(--text-primary) !important; } [data-theme="dark"] .risk-btn-add:hover { background: var(--bg-hover) !important; } [data-theme="dark"] .risk-method { background: var(--surface-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .risk-method h3 { color: var(--text-primary) !important; } [data-theme="dark"] .risk-method p { color: var(--text-secondary) !important; } [data-theme="dark"] .risk-axis { background: var(--bg-tertiary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .risk-axis-title { color: var(--text-primary) !important; } [data-theme="dark"] .risk-axis-desc { color: var(--text-tertiary) !important; } [data-theme="dark"] .risk-filters select, [data-theme="dark"] .risk-filters .prj-select { background: var(--bg-input) !important; border-color: var(--border-color) !important; color: var(--text-primary) !important; } [data-theme="dark"] .risk-history-item { background: var(--surface-card) !important; border-color: var(--border-color) !important; } /* Risk Items - Texte et métadonnées (FIX illisibilité dark mode) */ [data-theme="dark"] .risk-item-text { color: var(--text-primary) !important; } [data-theme="dark"] .risk-item-meta { color: var(--text-secondary) !important; } [data-theme="dark"] .risk-item-meta span { color: var(--text-secondary) !important; } [data-theme="dark"] .risk-item-score { color: var(--text-primary) !important; background: var(--bg-elevated) !important; } /* Bouton Modifier - Override styles inline */ [data-theme="dark"] .risk-edit-btn, [data-theme="dark"] .risk-item-actions button { background: var(--bg-elevated) !important; border-color: var(--border-color) !important; color: var(--text-primary) !important; } [data-theme="dark"] .risk-edit-btn:hover, [data-theme="dark"] .risk-item-actions button:hover { background: var(--bg-active) !important; border-color: var(--border-strong) !important; } [data-theme="dark"] .prj-card { background: var(--surface-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .prj-card:hover { background: var(--bg-tertiary) !important; } [data-theme="dark"] .prj-card-title, [data-theme="dark"] .prj-card-code, [data-theme="dark"] .prj-list-title h1 { color: var(--text-primary) !important; } [data-theme="dark"] .prj-card-client, [data-theme="dark"] .prj-card-meta { color: var(--text-tertiary) !important; } [data-theme="dark"] .prj-card-status { background: rgba(255, 255, 255, 0.08) !important; color: #A0A0A6 !important; } [data-theme="dark"] .prj-card-phase { background: var(--bg-tertiary) !important; color: var(--text-secondary) !important; } [data-theme="dark"] .prj-card-fees { color: var(--text-primary) !important; } [data-theme="dark"] .prj-count { background: var(--bg-tertiary) !important; color: var(--text-secondary) !important; } [data-theme="dark"] .prj-ooti-badge { background: var(--bg-tertiary) !important; color: var(--text-muted) !important; } [data-theme="dark"] .prj-search, [data-theme="dark"] .prj-select { background: var(--bg-input) !important; border-color: var(--border-color) !important; color: var(--text-primary) !important; } /* Boutons de vue - Projets (Cartes/Liste) - FIX fond blanc texte blanc */ [data-theme="dark"] .prj-view-btn, [data-theme="dark"] button.prj-view-btn { background: transparent !important; color: var(--text-secondary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .prj-view-btn:hover, [data-theme="dark"] button.prj-view-btn:hover { background: var(--bg-hover) !important; color: var(--text-primary) !important; } [data-theme="dark"] .prj-view-btn.active, [data-theme="dark"] button.prj-view-btn.active, [data-theme="dark"] .prj-view-btn[class*="active"], [data-theme="dark"] button[class*="prj-view-btn"][class*="active"] { background: var(--bg-elevated) !important; color: var(--text-primary) !important; border-color: var(--border-strong) !important; } [data-theme="dark"] .prj-view-btn svg, [data-theme="dark"] .prj-view-btn.active svg { stroke: currentColor !important; } [data-theme="dark"] .prj-progress-bar { background: var(--bg-tertiary) !important; } [data-theme="dark"] .prj-resp-dropdown { background: var(--surface-modal) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .prj-resp-option:hover { background: var(--bg-hover) !important; } [data-theme="dark"] .prj-resp-option-name { color: var(--text-primary) !important; } [data-theme="dark"] .prj-main-nav { background: var(--surface-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .prj-main-nav-logo, [data-theme="dark"] .prj-main-nav-tab { color: var(--text-secondary) !important; } [data-theme="dark"] .prj-main-nav-tab.active { color: var(--text-primary) !important; } /* ═══════════════════════════════════════════════════════════════ PROJETS — Tab Dropdown Menu (Documents) ═══════════════════════════════════════════════════════════════ */ .prj-tab-dropdown { position: relative; display: inline-flex; } .prj-tab-dropdown > .prj-tab { display: inline-flex; align-items: center; } .prj-tab-dropdown > .prj-tab svg { transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1); } .prj-tab-dropdown:hover > .prj-tab svg, .prj-tab-dropdown:has(.prj-tab-dropdown-menu.open) > .prj-tab svg { transform: rotate(180deg); } .prj-tab-dropdown-menu { position: absolute; top: calc(100% + 2px); left: 0; min-width: 160px; background: var(--surface-card); border: 1px solid #E5E5E5; border-radius: 8px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); padding: 4px; z-index: 100; opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.2s; pointer-events: none; } /* Bridge pour éviter la perte de hover entre le bouton et le menu */ .prj-tab-dropdown-menu::before { content: ''; position: absolute; top: -8px; left: 0; right: 0; height: 8px; } .prj-tab-dropdown-menu.open, .prj-tab-dropdown:hover .prj-tab-dropdown-menu { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; } .prj-tab-dropdown-item { display: block; width: 100%; padding: 8px 12px; border: none; background: none; text-align: left; font-size: 12px; font-weight: 400; color: #1A1A1A; border-radius: 6px; cursor: pointer; transition: background 0.1s; } .prj-tab-dropdown-item:hover { background: #F5F5F5; } .prj-tab-dropdown-item.active { font-weight: 600; color: #000; background: #F0F0F0; } /* Dark mode */ [data-theme="dark"] .prj-tab-dropdown-menu { background: var(--bg-elevated) !important; border-color: var(--border-color) !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important; } [data-theme="dark"] .prj-tab-dropdown-item { color: var(--text-secondary) !important; } [data-theme="dark"] .prj-tab-dropdown-item:hover { background: var(--bg-tertiary) !important; color: var(--text-primary) !important; } [data-theme="dark"] .prj-tab-dropdown-item.active { color: var(--text-primary) !important; background: var(--bg-tertiary) !important; } /* ═══════════════════════════════════════════════════════════════ PROJETS — Planning Sections (light mode) ═══════════════════════════════════════════════════════════════ */ .planning-section { border-radius: 12px; padding: 20px; margin-bottom: 16px; border: 1px solid #E5E5E5; transition: border-color 0.3s, box-shadow 0.3s, background 0.3s; } .planning-section-title { font-size: 12px; font-weight: 600; color: var(--gray-600, #6B7280); letter-spacing: 0.5px; } .planning-section.section-neutral { background: #FAFAFA; border-color: #E5E5E5; } .planning-section.section-blue { background: #F0F9FF; border-color: #BFDBFE; } .planning-section.section-green { background: #F0FDF4; border-color: #BBF7D0; } .planning-section.section-amber { background: #FFFBEB; border-color: #FDE68A; } /* Budget table */ .prj-budget-table { border: 1px solid var(--gray-200, #E5E5E5); } .prj-budget-table thead tr { background: var(--gray-50, #F9FAFB); } .prj-budget-table tbody tr { border-top: 1px solid var(--gray-100, #F3F4F6); } /* ═══════════════════════════════════════════════════════════════ PROJETS — Dark Mode + Neon Effects ═══════════════════════════════════════════════════════════════ */ /* Accordéons Informations */ [data-theme="dark"] .prj-info-accordion { border-color: var(--border-color) !important; background: var(--surface-card) !important; } [data-theme="dark"] .prj-info-accordion-header { background: var(--bg-tertiary) !important; } [data-theme="dark"] .prj-info-accordion-header:hover { background: var(--bg-elevated) !important; } [data-theme="dark"] .prj-info-chevron { color: var(--text-secondary) !important; } /* Planning sections — Dark + Neon glow borders */ [data-theme="dark"] .planning-section { background: var(--bg-secondary) !important; } [data-theme="dark"] .planning-section.section-neutral { border-color: var(--border-color) !important; } [data-theme="dark"] .planning-section.section-blue { border-color: rgba(59, 130, 246, 0.4) !important; box-shadow: 0 0 8px rgba(59, 130, 246, 0.15), inset 0 1px 0 rgba(59, 130, 246, 0.1) !important; } [data-theme="dark"] .planning-section.section-green { border-color: rgba(52, 211, 153, 0.4) !important; box-shadow: 0 0 8px rgba(52, 211, 153, 0.15), inset 0 1px 0 rgba(52, 211, 153, 0.1) !important; } [data-theme="dark"] .planning-section.section-amber { border-color: rgba(251, 191, 36, 0.4) !important; box-shadow: 0 0 8px rgba(251, 191, 36, 0.15), inset 0 1px 0 rgba(251, 191, 36, 0.1) !important; } [data-theme="dark"] .planning-section-title { color: var(--text-secondary) !important; } /* Planning header & dates */ [data-theme="dark"] .planning-header { color: var(--text-primary) !important; } [data-theme="dark"] .planning-date-item span { color: var(--text-secondary) !important; } [data-theme="dark"] .planning-date-item p { color: var(--text-primary) !important; } /* Timeline labels & bars */ [data-theme="dark"] .tl-text-gray-400 { color: var(--text-tertiary, #666) !important; } [data-theme="dark"] .tl-text-gray-500 { color: var(--text-secondary) !important; } [data-theme="dark"] .tl-text-gray-800 { color: var(--text-primary) !important; } /* Phase cards (upcoming) — Neon border on current */ [data-theme="dark"] .prj-timeline-phase { background: var(--surface-card) !important; border-color: var(--border-color) !important; color: var(--text-primary) !important; } [data-theme="dark"] .prj-timeline-phase:hover { background: var(--bg-elevated) !important; } [data-theme="dark"] .prj-timeline-phase.current { border-color: rgba(255, 149, 0, 0.5) !important; box-shadow: 0 0 10px rgba(255, 149, 0, 0.2), 0 0 4px rgba(255, 149, 0, 0.1) !important; } [data-theme="dark"] .prj-timeline-phase.overdue { border-color: rgba(255, 59, 48, 0.5) !important; box-shadow: 0 0 10px rgba(255, 59, 48, 0.2), 0 0 4px rgba(255, 59, 48, 0.1) !important; } [data-theme="dark"] .prj-timeline-phase-name { color: var(--text-secondary) !important; } [data-theme="dark"] .prj-timeline-date-label { color: var(--text-tertiary, #666) !important; } [data-theme="dark"] .prj-timeline-date-value { color: var(--text-primary) !important; } [data-theme="dark"] .prj-timeline-phase-status.current { background: rgba(255, 149, 0, 0.2) !important; color: #FBBF24 !important; } [data-theme="dark"] .prj-timeline-phase-status.upcoming { background: rgba(255, 255, 255, 0.08) !important; color: var(--text-secondary) !important; } [data-theme="dark"] .prj-timeline-phase-status.overdue { background: rgba(255, 59, 48, 0.2) !important; color: #F87171 !important; } /* Phases terminées — accordéons */ [data-theme="dark"] .prj-accordion-item { background: var(--surface-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .prj-accordion-header { color: var(--text-primary) !important; } [data-theme="dark"] .prj-accordion-header:hover { background: var(--bg-elevated) !important; } [data-theme="dark"] .prj-accordion-content { background: var(--bg-secondary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .prj-phase-detail-label { color: var(--text-secondary) !important; } [data-theme="dark"] .prj-phase-detail-value { color: var(--text-primary) !important; } [data-theme="dark"] .prj-phase-dot { background: #34D399 !important; box-shadow: 0 0 6px rgba(52, 211, 153, 0.5) !important; } /* Sections & titles */ [data-theme="dark"] .prj-section-title { color: var(--text-secondary) !important; } [data-theme="dark"] .prj-section-count { background: var(--bg-elevated) !important; color: var(--text-primary) !important; } /* Timeline container */ [data-theme="dark"] .prj-timeline-container { background: var(--bg-secondary) !important; } [data-theme="dark"] .prj-timeline-line { background: var(--border-color) !important; } /* Summary bar (Avancement global, Phase actuelle) */ [data-theme="dark"] .prj-summary-bar { background: var(--surface-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .prj-summary-item { background: var(--bg-tertiary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .prj-summary-label { color: var(--text-secondary) !important; } [data-theme="dark"] .prj-summary-value { color: var(--text-primary) !important; } /* Budget table */ [data-theme="dark"] .prj-budget-table { border-color: var(--border-color) !important; } [data-theme="dark"] .prj-budget-table thead tr { background: var(--bg-tertiary) !important; } [data-theme="dark"] .prj-budget-table thead th { color: var(--text-secondary) !important; } [data-theme="dark"] .prj-budget-table tbody tr { border-color: var(--border-color) !important; } [data-theme="dark"] .prj-budget-table tbody td { color: var(--text-primary) !important; } /* Financial KPI cards */ [data-theme="dark"] .prj-financial-grid { color: var(--text-primary) !important; } [data-theme="dark"] .prj-financial-card { background: var(--surface-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .prj-financial-card.total { background: var(--bg-elevated) !important; border-color: rgba(59, 130, 246, 0.3) !important; box-shadow: 0 0 8px rgba(59, 130, 246, 0.1) !important; } [data-theme="dark"] .prj-financial-label { color: var(--text-secondary) !important; } [data-theme="dark"] .prj-financial-value { color: var(--text-primary) !important; } [data-theme="dark"] .prj-financial-sub { color: var(--text-secondary) !important; } /* Phase selector (Icônes/Liste) */ [data-theme="dark"] .phase-selector-toggle { background: var(--bg-tertiary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .phase-selector-toggle button { color: var(--text-secondary) !important; background: transparent !important; } [data-theme="dark"] .phase-selector-toggle button.active { background: var(--surface-card) !important; color: var(--text-primary) !important; box-shadow: 0 1px 3px rgba(0,0,0,0.3) !important; } /* Phase selector icons */ [data-theme="dark"] .phase-icon-btn { background: var(--bg-tertiary) !important; border-color: var(--border-color) !important; color: var(--text-primary) !important; } [data-theme="dark"] .phase-icon-btn:hover { background: var(--bg-elevated) !important; } [data-theme="dark"] .phase-icon-btn.active { background: var(--bg-elevated) !important; border-color: rgba(59, 130, 246, 0.5) !important; box-shadow: 0 0 8px rgba(59, 130, 246, 0.2) !important; color: var(--text-primary) !important; } [data-theme="dark"] .phase-icon-check { color: #34D399 !important; text-shadow: 0 0 4px rgba(52, 211, 153, 0.5) !important; } /* Progress bars — neon green glow */ [data-theme="dark"] .prj-phase-progress-bar, [data-theme="dark"] .prj-mini-progress { background: var(--bg-tertiary) !important; } [data-theme="dark"] .prj-phase-progress-fill, [data-theme="dark"] .prj-mini-progress-fill { box-shadow: 0 0 6px rgba(52, 211, 153, 0.4) !important; } /* Phases layout containers */ [data-theme="dark"] .prj-phases-completed { background: var(--bg-secondary) !important; } [data-theme="dark"] .prj-phases-upcoming { background: var(--bg-secondary) !important; } /* Legend items */ [data-theme="dark"] .timeline-legend-item span { color: var(--text-primary) !important; } /* Status badges — light mode */ .tl-status-badge { padding: 2px 8px; font-size: 11px; font-weight: 500; border-radius: 9999px; } .tl-status-completed { background: #DCFCE7; color: #059669; } .tl-status-in-progress { background: #FEF3C7; color: #D97706; } .tl-status-upcoming { background: #F3F4F6; color: #6B7280; } /* Phase detail panel — dark mode */ [data-theme="dark"] #prjContent .tl-detail-panel { background: var(--surface-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] #prjContent .tl-detail-header { background: var(--bg-tertiary) !important; border-color: var(--border-color) !important; color: var(--text-primary) !important; } [data-theme="dark"] #prjContent .tl-detail-icon { background: var(--bg-elevated) !important; color: var(--text-primary) !important; border: 1px solid var(--border-color); } [data-theme="dark"] #prjContent .tl-detail-body { background: var(--surface-card) !important; color: var(--text-primary) !important; } [data-theme="dark"] #prjContent .tl-detail-stats { border-color: var(--border-color) !important; } /* Status badges — dark mode neon */ [data-theme="dark"] .tl-status-completed { background: rgba(5, 150, 105, 0.15) !important; color: #34D399 !important; text-shadow: 0 0 6px rgba(52, 211, 153, 0.3); } [data-theme="dark"] .tl-status-in-progress { background: rgba(217, 119, 6, 0.15) !important; color: #FBBF24 !important; text-shadow: 0 0 6px rgba(251, 191, 36, 0.3); } [data-theme="dark"] .tl-status-upcoming { background: rgba(255, 255, 255, 0.08) !important; color: var(--text-secondary) !important; } /* Subtask bars — dark mode */ [data-theme="dark"] #prjContent .tl-subtask-name { color: var(--text-primary) !important; } [data-theme="dark"] #prjContent .tl-subtask-name.completed { color: var(--text-tertiary, #666) !important; } [data-theme="dark"] #prjContent .tl-subtask-bar { background: var(--bg-tertiary) !important; } /* Timeline legend — dark mode */ [data-theme="dark"] #prjContent .timeline-legend { background: var(--bg-tertiary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] #prjContent .timeline-legend-label { color: var(--text-secondary) !important; } /* Timeline mobile items */ [data-theme="dark"] #prjContent .timeline-mobile-item:hover { background: var(--bg-elevated) !important; } /* Override pastel backgrounds for inline force overrides */ [data-theme="dark"] .prj-tab-content *[style*="background:#FAFAFA"], [data-theme="dark"] .prj-tab-content *[style*="background:#F0F9FF"], [data-theme="dark"] .prj-tab-content *[style*="background:#F0FDF4"], [data-theme="dark"] .prj-tab-content *[style*="background:#FFFBEB"], [data-theme="dark"] #prjContent *[style*="background:#FAFAFA"], [data-theme="dark"] #prjContent *[style*="background:#F0F9FF"], [data-theme="dark"] #prjContent *[style*="background:#F0FDF4"], [data-theme="dark"] #prjContent *[style*="background:#FFFBEB"] { background: var(--bg-secondary) !important; } /* Chantiers Module */ [data-theme="dark"] .ch-projet-stat, [data-theme="dark"] .ch-stat { background: var(--bg-tertiary) !important; color: var(--text-secondary) !important; } /* Equipe Module */ [data-theme="dark"] .equipe-kanban-header { background: var(--surface-card) !important; color: var(--text-primary) !important; } [data-theme="dark"] .equipe-kanban-header .count, [data-theme="dark"] .count { background: var(--bg-tertiary) !important; color: var(--text-secondary) !important; } [data-theme="dark"] .equipe-kanban-card { background: var(--surface-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .equipe-kanban-card:hover { background: var(--bg-tertiary) !important; } [data-theme="dark"] .equipe-member-stat { background: var(--surface-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .equipe-member-stat-value { color: var(--text-primary) !important; } [data-theme="dark"] .equipe-member-stat-label { color: var(--text-tertiary) !important; } /* ═══════════════════════════════════════════════════════════════ DARK MODE - AUDIT COMPLET TOUS MODULES 178 classes avec fond blanc identifiées ═══════════════════════════════════════════════════════════════ */ /* Annuaire Module */ [data-theme="dark"] .an-contact-badge, [data-theme="dark"] .an-contact-card { background: var(--bg-tertiary) !important; } [data-theme="dark"] .an-modal-content { background: var(--surface-modal) !important; } /* Associees Module */ [data-theme="dark"] .associees-modal-footer, [data-theme="dark"] .associees-tab-avatar { background: var(--bg-secondary) !important; } [data-theme="dark"] .associees-access-denied-icon { background: rgba(255, 69, 58, 0.2) !important; } /* Chantiers Module - Complet */ [data-theme="dark"] .ch-module, [data-theme="dark"] .ch-header, [data-theme="dark"] .ch-panel, [data-theme="dark"] .ch-card, [data-theme="dark"] .ch-projet-card, [data-theme="dark"] .ch-table-wrap, [data-theme="dark"] .ch-lot-card, [data-theme="dark"] .ch-task-item, [data-theme="dark"] .ch-modal-content, [data-theme="dark"] .ch-btn-sm, [data-theme="dark"] .ch-presence-btn, [data-theme="dark"] .ch-entreprise-card, [data-theme="dark"] .ch-ent-card, [data-theme="dark"] .ch-ent-view-btn, [data-theme="dark"] .ch-intervenant-card { background: var(--surface-card) !important; border-color: var(--border-color) !important; } /* Chantiers — Tabs/subtabs/filtres : fond transparent (underline design) */ [data-theme="dark"] .ch-tabs { background: var(--surface-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .ch-subtabs, [data-theme="dark"] .ch-filter-tabs, [data-theme="dark"] .ch-task-categories { background: transparent !important; border: none !important; } [data-theme="dark"] .ch-subtab, [data-theme="dark"] .ch-filter-tab, [data-theme="dark"] .ch-cat-btn { background: transparent !important; border-color: transparent !important; color: var(--text-secondary) !important; } [data-theme="dark"] .ch-subtab:hover, [data-theme="dark"] .ch-filter-tab:hover, [data-theme="dark"] .ch-cat-btn:hover { color: var(--text-primary) !important; } [data-theme="dark"] .ch-subtab.active, [data-theme="dark"] .ch-filter-tab.active, [data-theme="dark"] .ch-cat-btn.active { color: var(--text-primary) !important; border-bottom: 2px solid var(--text-primary) !important; background: transparent !important; } [data-theme="dark"] .ch-projet-stat, [data-theme="dark"] .ch-badge-gray, [data-theme="dark"] .ch-task-denom, [data-theme="dark"] .ch-row-section, [data-theme="dark"] .ch-bar-track, [data-theme="dark"] .ch-alert, [data-theme="dark"] .ch-ts-item, [data-theme="dark"] .ch-lot-detail, [data-theme="dark"] .ch-dpgf-ts-item { background: var(--bg-tertiary) !important; } [data-theme="dark"] .ch-ent-footer { background: transparent !important; border-color: var(--border-color) !important; } [data-theme="dark"] .ch-ent-contact { background: var(--bg-tertiary) !important; } [data-theme="dark"] .ch-badge-red, [data-theme="dark"] .ch-stat-red, [data-theme="dark"] .ch-status-refused, [data-theme="dark"] .ch-alert-danger, [data-theme="dark"] .ch-row-resilie { background: rgba(255, 69, 58, 0.2) !important; color: #FF453A !important; } [data-theme="dark"] .ch-badge-orange, [data-theme="dark"] .ch-status-consult, [data-theme="dark"] .ch-status-pending, [data-theme="dark"] .ch-alert-warning, [data-theme="dark"] .ch-dpgf-ts-pending { background: rgba(255, 159, 10, 0.2) !important; color: #FF9F0A !important; } /* Chantiers — Texte + KPI dark mode */ [data-theme="dark"] .ch-card-value { color: var(--text-primary) !important; } [data-theme="dark"] .ch-card-label { color: var(--text-tertiary) !important; } [data-theme="dark"] .ch-card-sub { color: var(--text-muted) !important; } [data-theme="dark"] .ch-card-dark { background: var(--bg-elevated) !important; } [data-theme="dark"] .ch-card-dark .ch-card-value { color: var(--text-primary) !important; } [data-theme="dark"] .ch-card-dark .ch-card-label { color: var(--text-secondary) !important; } [data-theme="dark"] .ch-text-success { color: var(--accent-green) !important; } [data-theme="dark"] .ch-text-warning { color: var(--accent-orange) !important; } [data-theme="dark"] .ch-text-danger { color: var(--accent-red) !important; } [data-theme="dark"] .ch-text-blue { color: var(--accent-blue) !important; } [data-theme="dark"] .ch-text-muted { color: var(--text-muted) !important; } [data-theme="dark"] .ch-cards-grid { background: transparent !important; border: none !important; } [data-theme="dark"] .ch-section-title { color: var(--text-tertiary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .ch-subheader h3 { color: var(--text-primary) !important; } [data-theme="dark"] .ch-progress { background: rgba(255,255,255,0.1) !important; } [data-theme="dark"] .ch-progress-fill { background: var(--accent-green) !important; } [data-theme="dark"] .ch-progress-bar { background: var(--bg-tertiary) !important; } [data-theme="dark"] .ch-bar-track { background: var(--bg-tertiary) !important; } [data-theme="dark"] .ch-bar-fill { background: var(--text-primary) !important; } [data-theme="dark"] .ch-bar-label { color: var(--text-secondary) !important; } [data-theme="dark"] .ch-bar-value { color: var(--text-primary) !important; } [data-theme="dark"] .ch-tab { color: var(--text-secondary) !important; border-color: transparent !important; background: transparent !important; } [data-theme="dark"] .ch-tab:hover { color: var(--text-primary) !important; } [data-theme="dark"] .ch-tab.active { color: var(--text-primary) !important; background: transparent !important; border-bottom-color: var(--text-primary) !important; } [data-theme="dark"] .ch-select-sm { background: var(--bg-tertiary) !important; color: var(--text-primary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .ch-input-sm { background: var(--bg-tertiary) !important; color: var(--text-primary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .ch-status { color: var(--text-primary) !important; } [data-theme="dark"] .ch-jalon-badge { background: var(--bg-tertiary) !important; color: var(--text-secondary) !important; } [data-theme="dark"] .ch-col-border { border-color: var(--border-color) !important; } /* Chantiers — Tables + Modals dark mode (harmonisation Apple/Linear) */ [data-theme="dark"] .ch-table th { background: var(--bg-tertiary) !important; color: var(--text-secondary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .ch-table th:first-child { background: var(--bg-tertiary) !important; } [data-theme="dark"] .ch-row-total { background: var(--bg-tertiary) !important; color: var(--text-primary) !important; } [data-theme="dark"] .ch-row-total td { border-color: var(--border-color) !important; color: var(--text-primary) !important; } [data-theme="dark"] .ch-row-section { background: var(--bg-elevated) !important; } [data-theme="dark"] .ch-row-section td { color: var(--text-secondary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .ch-modal-header { background: transparent !important; color: var(--text-primary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .ch-modal-header h3 { color: var(--text-primary) !important; } [data-theme="dark"] .ch-modal-close { color: var(--text-muted) !important; } [data-theme="dark"] .ch-modal-footer { background: transparent !important; border-color: var(--border-color) !important; } [data-theme="dark"] .ch-card { box-shadow: none !important; border: 1px solid var(--border-color) !important; } [data-theme="dark"] .ch-lot-list { background: transparent !important; } [data-theme="dark"] .ch-lot-number { background: var(--bg-elevated) !important; } [data-theme="dark"] .ch-meeting-banner { background: var(--bg-elevated) !important; } [data-theme="dark"] .ch-projet-list { background: transparent !important; } [data-theme="dark"] .ch-presence-btn.active { background: var(--text-primary) !important; color: var(--bg-primary) !important; border-color: var(--text-primary) !important; } [data-theme="dark"] .ch-table-wrap { border-color: var(--border-color) !important; } [data-theme="dark"] .ch-form-row input, [data-theme="dark"] .ch-form-row select, [data-theme="dark"] .ch-form-row textarea { background: var(--bg-tertiary) !important; color: var(--text-primary) !important; border-color: var(--border-color) !important; } /* Chantiers — Compléments dark mode v2 (textes, hovers, alerts, modals) */ [data-theme="dark"] .ch-module { color: var(--text-primary) !important; } [data-theme="dark"] .ch-table td { color: var(--text-primary) !important; } [data-theme="dark"] .ch-table td:first-child { background: var(--surface-card) !important; } [data-theme="dark"] .ch-table tr:hover td { background: var(--bg-tertiary) !important; } [data-theme="dark"] .ch-table tr:hover td:first-child { background: var(--bg-tertiary) !important; } [data-theme="dark"] .ch-row-total:hover td { background: var(--bg-elevated) !important; } [data-theme="dark"] .ch-alert-info { background: rgba(255, 255, 255, 0.06) !important; color: #A0A0A6 !important; } [data-theme="dark"] .ch-alert-success { background: rgba(52, 211, 153, 0.15) !important; color: #34D399 !important; } [data-theme="dark"] .ch-projet-card-name, [data-theme="dark"] .ch-back-btn, [data-theme="dark"] .ch-lot-name, [data-theme="dark"] .ch-task-location, [data-theme="dark"] .ch-task-text, [data-theme="dark"] .ch-reserve-text, [data-theme="dark"] .ch-projet-info h1 { color: var(--text-primary) !important; } [data-theme="dark"] .ch-projet-header h2, [data-theme="dark"] .ch-lot-company, [data-theme="dark"] .ch-task-meta, [data-theme="dark"] .ch-reserve-meta, [data-theme="dark"] .ch-cell-zero, [data-theme="dark"] .ch-table .cell-zero { color: var(--text-muted) !important; } [data-theme="dark"] .ch-btn-icon:hover, [data-theme="dark"] .ch-btn-sm:hover, [data-theme="dark"] .ch-photo-btn:hover { background: var(--bg-tertiary) !important; } [data-theme="dark"] .ch-lot-card-header:hover { background: var(--bg-tertiary) !important; } [data-theme="dark"] .ch-projet-card:hover { background: var(--bg-tertiary) !important; } [data-theme="dark"] .ch-file-drop { border-color: var(--border-color) !important; } [data-theme="dark"] .ch-file-drop:hover, [data-theme="dark"] .ch-file-drop.dragover { background: var(--bg-tertiary) !important; border-color: var(--accent-blue, #FAFAFA) !important; } [data-theme="dark"] .ch-fullscreen button { background: var(--surface-card) !important; color: var(--text-primary) !important; } [data-theme="dark"] .ch-inline-input { border-color: var(--border-color) !important; background: var(--bg-tertiary) !important; color: var(--text-primary) !important; } [data-theme="dark"] .ch-modal { background: rgba(0,0,0,0.7) !important; } [data-theme="dark"] .ch-projet-stat { background: var(--bg-tertiary) !important; } [data-theme="dark"] .ch-meeting-countdown { background: var(--bg-elevated, #242628) !important; color: #FAFAFA !important; } /* Chantiers — KPI neon (alignement facturation) */ [data-theme="dark"] .ch-text-success { text-shadow: 0 0 12px rgba(110,231,183,0.25); } [data-theme="dark"] .ch-text-danger { text-shadow: 0 0 12px rgba(252,165,165,0.25); } [data-theme="dark"] .ch-text-warning { text-shadow: 0 0 12px rgba(252,211,77,0.25); } [data-theme="dark"] .ch-text-blue { text-shadow: 0 0 12px rgba(147,197,253,0.25); } /* Chantiers — DPGF suivi dark mode (harmonisation Apple/Linear v2) */ [data-theme="dark"] .ch-dpgf-summary-grid { background: transparent !important; } [data-theme="dark"] .ch-dpgf-summary-item { box-shadow: none !important; border: 1px solid var(--border-color) !important; } [data-theme="dark"] .ch-dpgf-summary-label { color: var(--text-secondary) !important; } [data-theme="dark"] .ch-dpgf-summary-highlight { color: var(--text-primary) !important; } [data-theme="dark"] .ch-table-dpgf th { background: var(--bg-tertiary) !important; color: var(--text-secondary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .ch-dpgf-input-text, [data-theme="dark"] .ch-dpgf-input-num, [data-theme="dark"] .ch-dpgf-input-av, [data-theme="dark"] .ch-dpgf-select { background: var(--bg-tertiary) !important; color: var(--text-primary) !important; border-color: var(--border-color) !important; } /* Chantiers — Entreprises dark mode (harmonisation Apple/Linear v2) */ [data-theme="dark"] .ch-ent-search { background: var(--bg-tertiary) !important; color: var(--text-primary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .ch-ent-view-toggle { border-color: var(--border-color) !important; } [data-theme="dark"] .ch-ent-view-btn.active { background: var(--text-primary) !important; color: var(--bg-primary) !important; } [data-theme="dark"] .ch-ent-header { background: var(--bg-tertiary) !important; color: var(--text-primary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .ch-ent-badge { background: var(--bg-elevated) !important; color: var(--text-primary) !important; } [data-theme="dark"] .ch-ent-desig { color: var(--text-secondary) !important; } [data-theme="dark"] .ch-ent-meta { border-color: var(--border-color) !important; } [data-theme="dark"] .ch-ent-meta-label { color: var(--text-secondary) !important; } [data-theme="dark"] .ch-ent-meta-value { color: var(--text-primary) !important; } [data-theme="dark"] .ch-ent-contacts-title { color: var(--text-secondary) !important; } [data-theme="dark"] .ch-ent-contact-role { color: var(--text-secondary) !important; } [data-theme="dark"] .ch-ent-edit-btn { background: var(--text-primary) !important; color: var(--bg-primary) !important; } [data-theme="dark"] .ch-ent-list-header { background: var(--bg-tertiary) !important; color: var(--text-secondary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .ch-ent-list-row { border-color: var(--border-color) !important; } [data-theme="dark"] .ch-ent-list-row:hover { background: var(--bg-tertiary) !important; } [data-theme="dark"] .ch-ent-list-designation { color: var(--text-secondary) !important; } [data-theme="dark"] .ch-ent-list-contact small { color: var(--text-secondary) !important; } [data-theme="dark"] .ch-ent-stat-num { color: var(--text-primary) !important; } [data-theme="dark"] .ch-ent-stat-label { color: var(--text-secondary) !important; } [data-theme="dark"] .ch-ent-list { border-color: var(--border-color) !important; } [data-theme="dark"] .ch-ent-add-btn { border-color: var(--border-color) !important; color: var(--text-secondary) !important; } [data-theme="dark"] .ch-ent-avatar { background: var(--bg-tertiary) !important; } /* Chantiers — Entreprise lot/card/intervenant dark mode (harmonisation Apple/Linear v2) */ [data-theme="dark"] .ch-entreprise-lot { background: var(--bg-elevated) !important; } [data-theme="dark"] .ch-ent-lot-badge { background: var(--bg-elevated) !important; } [data-theme="dark"] .ch-moa-card { background: var(--surface-card) !important; border-color: var(--border-color) !important; box-shadow: none !important; } [data-theme="dark"] .ch-moa-card:hover { background: var(--bg-tertiary) !important; } [data-theme="dark"] .ch-moa-contact { color: var(--text-secondary) !important; } [data-theme="dark"] .ch-intervenant-91 { border-left-color: var(--text-primary) !important; } [data-theme="dark"] .ch-intervenant-91 .ch-intervenant-avatar { background: var(--bg-elevated) !important; } [data-theme="dark"] .ch-intervenant-avatar { background: var(--bg-tertiary) !important; } [data-theme="dark"] .ch-intervenant-card { box-shadow: none !important; } [data-theme="dark"] .ch-entreprise-card { box-shadow: none !important; } [data-theme="dark"] .ch-ent-card { box-shadow: none !important; } [data-theme="dark"] .ch-stats-bar { background: var(--surface-card) !important; border-color: var(--border-color) !important; box-shadow: none !important; } [data-theme="dark"] .ch-stat-label { color: var(--text-secondary) !important; } [data-theme="dark"] .ch-ent-status { background: var(--bg-tertiary) !important; } [data-theme="dark"] .ch-ent-details { background: var(--bg-tertiary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .ch-btn-xs { background: var(--bg-tertiary) !important; color: var(--text-secondary) !important; } [data-theme="dark"] .ch-ent-contact-avatar { background: var(--bg-tertiary) !important; } [data-theme="dark"] .ch-ent-contact-main .ch-ent-contact-avatar { background: rgba(245,158,11,0.2) !important; } [data-theme="dark"] .ch-contact-row { border-color: var(--border-color) !important; } [data-theme="dark"] .ch-btn-add-contact { border-color: var(--border-color) !important; color: var(--text-secondary) !important; } /* Chantiers — Planning/Jalons dark mode (harmonisation Apple/Linear v2) */ [data-theme="dark"] .ch-jalon-code { background: var(--bg-elevated) !important; } [data-theme="dark"] .ch-jalon-dates { color: var(--text-secondary) !important; } [data-theme="dark"] .ch-empty-state { color: var(--text-secondary) !important; } /* Chantiers — Override inline colors */ [data-theme="dark"] .ch-card-value[style*="color:#f59e0b"] { color: var(--accent-orange) !important; text-shadow: 0 0 12px rgba(252,211,77,0.25); } [data-theme="dark"] [style*="color:#666"] { color: var(--text-muted) !important; } [data-theme="dark"] [style*="color:#999"] { color: var(--text-muted) !important; } /* Facturation — Sync banner dark mode override */ [data-theme="dark"] #sync-banner { background: rgba(245,158,11,0.15) !important; border-color: var(--accent-orange) !important; color: var(--accent-orange) !important; } [data-theme="dark"] #sync-banner button { background: var(--accent-orange) !important; } /* facturation-erp — dark mode catch-all pour inline styles Grand Livre / Rapprochement */ [data-theme="dark"] #factContent [style*="background:#f9fafb"], [data-theme="dark"] #factContent [style*="background: #f9fafb"] { background: var(--bg-secondary) !important; } [data-theme="dark"] #factContent [style*="background:#f3f4f6"], [data-theme="dark"] #factContent [style*="background: #f3f4f6"] { background: var(--bg-tertiary) !important; } [data-theme="dark"] #factContent [style*="color: #6b7280"], [data-theme="dark"] #factContent [style*="color:#6b7280"] { color: var(--text-secondary) !important; } [data-theme="dark"] #factContent [style*="color: #9ca3af"], [data-theme="dark"] #factContent [style*="color:#9ca3af"] { color: var(--text-muted) !important; } [data-theme="dark"] #factContent [style*="border-bottom: 1px solid #e5e7eb"], [data-theme="dark"] #factContent [style*="border-bottom:1px solid #e5e7eb"] { border-color: var(--border-color) !important; } [data-theme="dark"] #factContent [style*="background: #111827"] { background: var(--text-primary) !important; } /* Chantiers Reunions (chr-) */ [data-theme="dark"] .chr-container { background: var(--bg-primary) !important; color: var(--text-primary) !important; } [data-theme="dark"] .chr-header, [data-theme="dark"] .chr-moa-card, [data-theme="dark"] .chr-stat-card, [data-theme="dark"] .chr-quick-btn, [data-theme="dark"] .chr-lot-card, [data-theme="dark"] .chr-lot-detail-card, [data-theme="dark"] .chr-presence-section, [data-theme="dark"] .chr-presence-btn, [data-theme="dark"] .chr-task-card, [data-theme="dark"] .chr-reserve-card, [data-theme="dark"] .chr-alert-card, [data-theme="dark"] .chr-bottom-nav, [data-theme="dark"] .chr-modal, [data-theme="dark"] .chr-dropdown-menu, [data-theme="dark"] .chr-history-toolbar, [data-theme="dark"] .chr-select, [data-theme="dark"] .chr-view-btn, [data-theme="dark"] .chr-cr-card-grid, [data-theme="dark"] .chr-cr-card-list { background: var(--surface-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .chr-date-filter, [data-theme="dark"] .chr-cr-stat, [data-theme="dark"] .chr-btn-sm, [data-theme="dark"] .chr-import-preview, [data-theme="dark"] .chr-reserve-closing, [data-theme="dark"] .chr-alert-type { background: var(--bg-tertiary) !important; } [data-theme="dark"] .chr-badge-red, [data-theme="dark"] .chr-stat-red, [data-theme="dark"] .chr-quick-badge, [data-theme="dark"] .chr-nav-badge, [data-theme="dark"] .ouverte, [data-theme="dark"] .red, [data-theme="dark"] .reserve { background: rgba(255, 69, 58, 0.2) !important; color: #FF453A !important; } [data-theme="dark"] .chr-badge-orange, [data-theme="dark"] .en_cours, [data-theme="dark"] .orange { background: rgba(255, 159, 10, 0.2) !important; color: #FF9F0A !important; } [data-theme="dark"] .gray, [data-theme="dark"] .on-excuse { background: var(--bg-tertiary) !important; color: var(--text-muted) !important; } /* CR type badge + sélecteur */ .chr-type-badge { font-size: 10px; font-weight: 600; padding: 2px 6px; border-radius: 4px; letter-spacing: 0.03em; white-space: nowrap; } .chr-type-select { font-size: 12px; padding: 4px 8px; border: 1px solid var(--border-color, #E5E5E5); border-radius: 4px; background: var(--surface-card, #FFF); color: var(--text-primary, #1A1A1A); cursor: pointer; } [data-theme="dark"] .chr-type-select { background: var(--bg-tertiary) !important; border-color: var(--border-color) !important; color: var(--text-primary) !important; } /* ═══════════════════════════════════════════════════════════════ OVERRIDE DARK MODE — LIBRAIRIES EXTERNES + INLINE STYLES JS Remplace le Dark Enforcer (querySelectorAll('*') scan) ═══════════════════════════════════════════════════════════════ */ /* === ApexCharts (dpgf-audit.js, consultations.js) === */ [data-theme="dark"] .apexcharts-tooltip { background: var(--surface-card) !important; border-color: var(--border-color) !important; color: var(--text-primary) !important; } [data-theme="dark"] .apexcharts-tooltip-title { background: var(--bg-tertiary) !important; border-color: var(--border-color) !important; color: var(--text-primary) !important; } [data-theme="dark"] .apexcharts-xaxistooltip, [data-theme="dark"] .apexcharts-yaxistooltip { background: var(--surface-card) !important; border-color: var(--border-color) !important; color: var(--text-primary) !important; } [data-theme="dark"] .apexcharts-legend-text { color: var(--text-secondary) !important; } [data-theme="dark"] .apexcharts-gridline { stroke: var(--border-light) !important; } [data-theme="dark"] .apexcharts-xaxis-label, [data-theme="dark"] .apexcharts-yaxis-label { fill: var(--text-tertiary) !important; } [data-theme="dark"] .apexcharts-menu { background: var(--surface-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .apexcharts-menu-item:hover { background: var(--bg-hover) !important; } /* === Override inline "background: white" patterns (modules JS) === */ [data-theme="dark"] .audit-modal, [data-theme="dark"] .audit-chart-container, [data-theme="dark"] .audit-chart-container > div { background: var(--surface-card) !important; color: var(--text-primary) !important; border-color: var(--border-color) !important; } /* === Override pour elements avec background bleu inline (style=) === */ [data-theme="dark"] [style*="background:#DBEAFE"], [data-theme="dark"] [style*="background: #DBEAFE"], [data-theme="dark"] [style*="background:#EFF6FF"], [data-theme="dark"] [style*="background: #EFF6FF"], [data-theme="dark"] [style*="background:#E0EDFF"], [data-theme="dark"] [style*="background: #E0EDFF"], [data-theme="dark"] [style*="background:#BFDBFE"], [data-theme="dark"] [style*="background: #BFDBFE"], [data-theme="dark"] [style*="background:#f0f9ff"], [data-theme="dark"] [style*="background: #f0f9ff"], [data-theme="dark"] [style*="background:#e0f2fe"], [data-theme="dark"] [style*="background: #e0f2fe"] { background: rgba(255, 255, 255, 0.06) !important; } [data-theme="dark"] [style*="background: linear-gradient"][style*="3B82F6"], [data-theme="dark"] [style*="background: linear-gradient"][style*="DBEAFE"], [data-theme="dark"] [style*="background: linear-gradient"][style*="EFF6FF"], [data-theme="dark"] [style*="background: linear-gradient"][style*="f0f9ff"], [data-theme="dark"] [style*="background:linear-gradient"][style*="3B82F6"], [data-theme="dark"] [style*="background:linear-gradient"][style*="DBEAFE"] { background: var(--bg-tertiary) !important; } [data-theme="dark"] [style*="color:#3B82F6"], [data-theme="dark"] [style*="color: #3B82F6"], [data-theme="dark"] [style*="color:#2563EB"], [data-theme="dark"] [style*="color: #2563EB"], [data-theme="dark"] [style*="color:#0066CC"], [data-theme="dark"] [style*="color: #0066CC"] { color: var(--text-primary) !important; } [data-theme="dark"] [style*="border-color:#3B82F6"], [data-theme="dark"] [style*="border-color: #3B82F6"], [data-theme="dark"] [style*="border: 1px solid #3B82F6"], [data-theme="dark"] [style*="border:1px solid #3B82F6"] { border-color: var(--border-color) !important; } /* Documents Module v2.0.0 — Design Brex dark mode */ [data-theme="dark"] .docs-container { background: var(--bg-primary) !important; } [data-theme="dark"] .docs-sidebar, [data-theme="dark"] .docs-main, [data-theme="dark"] .docs-modal-content { background: var(--surface-card) !important; border-color: var(--border-linear) !important; box-shadow: none !important; } [data-theme="dark"] .docs-list-header { background: var(--bg-tertiary) !important; border-color: var(--border-linear) !important; } [data-theme="dark"] .docs-item { border-color: var(--border-linear) !important; } [data-theme="dark"] .docs-item:hover { background: var(--bg-secondary) !important; } [data-theme="dark"] .docs-category:hover, [data-theme="dark"] .docs-category.active { background: var(--bg-tertiary) !important; } [data-theme="dark"] .docs-category-label { color: var(--text-secondary) !important; } [data-theme="dark"] .docs-category.active .docs-category-label { color: var(--text-primary) !important; } [data-theme="dark"] .docs-category-icon { color: var(--text-muted) !important; } [data-theme="dark"] .docs-category.active .docs-category-icon { color: var(--text-primary) !important; } [data-theme="dark"] .docs-category-count { background: var(--bg-tertiary) !important; color: var(--text-secondary) !important; } [data-theme="dark"] .docs-category.active .docs-category-count { background: var(--bg-elevated) !important; color: var(--text-primary) !important; } [data-theme="dark"] .docs-sidebar-title, [data-theme="dark"] .docs-phases-separator { color: var(--text-muted) !important; border-color: var(--border-linear) !important; } [data-theme="dark"] .docs-title { color: var(--text-primary) !important; } [data-theme="dark"] .docs-filter-input, [data-theme="dark"] .docs-filter-select { background: var(--bg-tertiary) !important; border-color: var(--border-linear) !important; color: var(--text-primary) !important; } [data-theme="dark"] .docs-filter-input:focus { border-color: var(--text-muted) !important; box-shadow: 0 0 0 3px rgba(255,255,255,0.05) !important; } [data-theme="dark"] .docs-filter-group label { color: var(--text-muted) !important; } [data-theme="dark"] .docs-filter-reset { background: var(--bg-tertiary) !important; border-color: var(--border-linear) !important; color: var(--text-secondary) !important; } [data-theme="dark"] .docs-upload-zone { border-color: var(--border-linear) !important; background: transparent !important; } [data-theme="dark"] .docs-upload-zone:hover, [data-theme="dark"] .docs-upload-zone.dragover { border-color: var(--text-muted) !important; background: var(--bg-secondary) !important; } [data-theme="dark"] .docs-upload-text { color: var(--text-secondary) !important; } [data-theme="dark"] .docs-upload-hint { color: var(--text-muted) !important; } [data-theme="dark"] .docs-item-title { color: var(--text-primary) !important; } [data-theme="dark"] .docs-item-meta, [data-theme="dark"] .docs-item-phase, [data-theme="dark"] .docs-item-date { color: var(--text-muted) !important; } [data-theme="dark"] .docs-item-size { color: var(--text-tertiary) !important; } [data-theme="dark"] .docs-item-btn { background: var(--bg-tertiary) !important; border-color: var(--border-linear) !important; color: var(--text-muted) !important; } [data-theme="dark"] .docs-item-btn:hover { background: var(--bg-elevated) !important; color: var(--text-primary) !important; } [data-theme="dark"] .docs-item-btn.delete:hover { background: rgba(220,38,38,0.15) !important; border-color: rgba(220,38,38,0.3) !important; color: #F87171 !important; } [data-theme="dark"] .docs-checkbox { border-color: var(--border-linear) !important; background: var(--bg-tertiary) !important; } [data-theme="dark"] .docs-checkbox:checked { background: var(--text-primary) !important; border-color: var(--text-primary) !important; } [data-theme="dark"] .docs-badge-contrat { background: rgba(109,40,217,0.15) !important; color: #C4B5FD !important; } [data-theme="dark"] .docs-badge-facture { background: rgba(6,95,70,0.2) !important; color: #6EE7B7 !important; } [data-theme="dark"] .docs-badge-phase { background: rgba(255,255,255,0.06) !important; color: #A0A0A6 !important; } [data-theme="dark"] .docs-item-icon.icon-pdf { background: rgba(220,38,38,0.12) !important; } [data-theme="dark"] .docs-item-icon.icon-doc { background: rgba(255,255,255,0.06) !important; } [data-theme="dark"] .docs-item-icon.icon-xls { background: rgba(22,163,74,0.12) !important; } [data-theme="dark"] .docs-item-icon.icon-img { background: rgba(168,85,247,0.12) !important; } [data-theme="dark"] .docs-item-icon.icon-zip { background: rgba(234,88,12,0.12) !important; } [data-theme="dark"] .docs-item-icon.icon-dwg { background: rgba(2,132,199,0.12) !important; } [data-theme="dark"] .docs-item-icon.icon-default { background: var(--bg-tertiary) !important; } [data-theme="dark"] .docs-empty-title { color: var(--text-secondary) !important; } [data-theme="dark"] .docs-empty-text, [data-theme="dark"] .docs-results-count { color: var(--text-muted) !important; } [data-theme="dark"] .docs-modal-content { box-shadow: 0 20px 60px rgba(0,0,0,0.5) !important; } [data-theme="dark"] .docs-modal-header, [data-theme="dark"] .docs-modal-footer { border-color: var(--border-linear) !important; } [data-theme="dark"] .docs-modal-title { color: var(--text-primary) !important; } [data-theme="dark"] .docs-modal-close { background: var(--bg-tertiary) !important; color: var(--text-muted) !important; } [data-theme="dark"] .docs-modal-close:hover { background: var(--bg-elevated) !important; color: var(--text-primary) !important; } [data-theme="dark"] .docs-form-group label { color: var(--text-secondary) !important; } [data-theme="dark"] .docs-form-group select, [data-theme="dark"] .docs-form-group input { background: var(--bg-tertiary) !important; border-color: var(--border-linear) !important; color: var(--text-primary) !important; } [data-theme="dark"] .docs-file-preview { background: var(--bg-secondary) !important; border-color: var(--border-linear) !important; } [data-theme="dark"] .docs-file-preview-name { color: var(--text-primary) !important; } [data-theme="dark"] .docs-file-preview-size { color: var(--text-muted) !important; } [data-theme="dark"] .docs-btn-primary { background: var(--text-primary) !important; color: var(--bg-primary) !important; } [data-theme="dark"] .docs-btn-primary:hover { background: #E5E7EB !important; } [data-theme="dark"] .docs-btn-primary:disabled { background: var(--bg-tertiary) !important; color: var(--text-muted) !important; } [data-theme="dark"] .docs-btn-secondary { background: var(--bg-tertiary) !important; border-color: var(--border-linear) !important; color: var(--text-secondary) !important; } [data-theme="dark"] .docs-btn-secondary:hover { background: var(--bg-elevated) !important; } [data-theme="dark"] .docs-progress-bar { background: var(--bg-tertiary) !important; } [data-theme="dark"] .docs-progress-fill { background: var(--text-primary) !important; } [data-theme="dark"] .docs-progress-text { color: var(--text-muted) !important; } /* Gantt / Planning */ [data-theme="dark"] .gantt-outer, [data-theme="dark"] .gantt-sidebar, [data-theme="dark"] .gantt-project-row, [data-theme="dark"] .gantt-sidebar-project, [data-theme="dark"] .planning-table-container { background: var(--surface-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .gantt-sidebar-header, [data-theme="dark"] .gantt-timeline-header { background: var(--bg-secondary) !important; } [data-theme="dark"] .gantt-today-line, [data-theme="dark"] .gantt-today-marker { background: #FF453A !important; } [data-theme="dark"] .weekend { background: var(--bg-tertiary) !important; } /* ImageGen Module */ [data-theme="dark"] .ig-container, [data-theme="dark"] .ig-header, [data-theme="dark"] .ig-col-main, [data-theme="dark"] .ig-col-config, [data-theme="dark"] .ig-col-output, [data-theme="dark"] .ig-modal, [data-theme="dark"] .ig-output-area, [data-theme="dark"] .ig-upload-zone { background: var(--surface-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .ig-btn, [data-theme="dark"] .ig-ref-btn, [data-theme="dark"] .ig-kpi { background: var(--bg-tertiary) !important; } /* Notifications */ [data-theme="dark"] .notif-panel, [data-theme="dark"] .notif-toast { background: var(--surface-modal) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .notif-item-icon { background: var(--bg-tertiary) !important; } [data-theme="dark"] .unread { background: rgba(10, 132, 255, 0.15) !important; } /* Presence */ [data-theme="dark"] .pres-row { background: var(--bg-tertiary) !important; } [data-theme="dark"] .on-absent { background: rgba(255, 69, 58, 0.2) !important; border-color: #FF453A !important; } /* Dragover state */ [data-theme="dark"] .dragover { background: var(--bg-tertiary) !important; border-color: var(--text-primary) !important; } /* Score colors */ [data-theme="dark"] .score-high, [data-theme="dark"] .urgent { background: rgba(255, 69, 58, 0.15) !important; } [data-theme="dark"] .score-med, [data-theme="dark"] .soon, [data-theme="dark"] .med { background: rgba(255, 159, 10, 0.15) !important; } [data-theme="dark"] .score-low, [data-theme="dark"] .ok { background: rgba(48, 209, 88, 0.15) !important; } /* GE Module */ [data-theme="dark"] .ge-container, [data-theme="dark"] .ge-header, [data-theme="dark"] .ge-modal { background: var(--surface-card) !important; } [data-theme="dark"] .ge-kpi, [data-theme="dark"] .ge-legend, [data-theme="dark"] .ge-row-header, [data-theme="dark"] .ge-tl-head, [data-theme="dark"] .ge-btn-sec { background: var(--bg-tertiary) !important; } /* Resilie state */ [data-theme="dark"] .resilie { background: rgba(255, 69, 58, 0.1) !important; } /* Main highlight */ [data-theme="dark"] .main { background: rgba(255, 159, 10, 0.15) !important; border-color: #FF9F0A !important; } /* Btn danger */ [data-theme="dark"] .btn-danger { background: rgba(255, 69, 58, 0.15) !important; border-color: #FF453A !important; color: #FF453A !important; } /* Active states génériques */ [data-theme="dark"] .active:not(.nav-item):not(.prj-main-nav-tab):not(.dash-tab):not(.prj-view-btn):not(.dash-section):not(.ch-panel):not(.ch-subtab):not(.ch-subpanel):not(.ch-tab) { background: rgba(10, 132, 255, 0.15) !important; } /* Future phase */ [data-theme="dark"] .future { background: var(--bg-tertiary) !important; color: var(--text-muted) !important; } /* Force tous les éléments avec fond blanc explicite */ [data-theme="dark"] [style*="background:#fff"], [data-theme="dark"] [style*="background: #fff"], [data-theme="dark"] [style*="background:#FFF"], [data-theme="dark"] [style*="background: #FFF"], [data-theme="dark"] [style*="background:white"], [data-theme="dark"] [style*="background: white"], [data-theme="dark"] [style*="background:#ffffff"], [data-theme="dark"] [style*="background: #ffffff"], [data-theme="dark"] [style*="background:#FFFFFF"], [data-theme="dark"] [style*="background: #FFFFFF"] { background: var(--surface-card) !important; } /* Force toutes les pastilles de status avec fond clair */ [data-theme="dark"] [style*="background:#DBEAFE"], [data-theme="dark"] [style*="background: #DBEAFE"], [data-theme="dark"] [style*="background:#dbeafe"] { background: rgba(255,255,255,0.06) !important; color: #A0A0A6 !important; } [data-theme="dark"] [style*="background:#DCFCE7"], [data-theme="dark"] [style*="background: #DCFCE7"], [data-theme="dark"] [style*="background:#dcfce7"] { background: rgba(48, 209, 88, 0.2) !important; color: #30D158 !important; } [data-theme="dark"] [style*="background:#FEF3C7"], [data-theme="dark"] [style*="background: #FEF3C7"], [data-theme="dark"] [style*="background:#fef3c7"] { background: rgba(255, 159, 10, 0.2) !important; color: #FF9F0A !important; } [data-theme="dark"] [style*="background:#FEE2E2"], [data-theme="dark"] [style*="background: #FEE2E2"], [data-theme="dark"] [style*="background:#fee2e2"] { background: rgba(255, 69, 58, 0.2) !important; color: #FF453A !important; } [data-theme="dark"] [style*="background:#F3F4F6"], [data-theme="dark"] [style*="background: #F3F4F6"], [data-theme="dark"] [style*="background:#f3f4f6"] { background: var(--bg-tertiary) !important; } [data-theme="dark"] [style*="background:#E5E7EB"], [data-theme="dark"] [style*="background: #E5E7EB"], [data-theme="dark"] [style*="background:#e5e7eb"] { background: var(--bg-tertiary) !important; } /* Passwords Team Module */ [data-theme="dark"] .pwdt-container, [data-theme="dark"] .pwdt-header, [data-theme="dark"] .pwdt-card, [data-theme="dark"] .pwdt-stat, [data-theme="dark"] .pwdt-modal, [data-theme="dark"] .pwdt-input, [data-theme="dark"] .pwdt-btn { background: var(--surface-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .pwdt-stat-value, [data-theme="dark"] .pwdt-stat-label { color: var(--text-primary) !important; } /* ═══════════════════════════════════════════════════════════════ PAGES DE CHARGEMENT - Dark Mode ═══════════════════════════════════════════════════════════════ */ [data-theme="dark"] .empty-state, [data-theme="dark"] .card, [data-theme="dark"] .page-content, [data-theme="dark"] #page-content { background: #0C0C0C !important; color: #FAFAFA !important; } [data-theme="dark"] .empty-state p, [data-theme="dark"] .card p { color: var(--text-secondary) !important; } [data-theme="dark"] .card-header, [data-theme="dark"] .card-title { color: var(--text-primary) !important; } /* ═══════════════════════════════════════════════════════════════ CONSULTATIONS MODULE — Dark Mode ═══════════════════════════════════════════════════════════════ */ [data-theme="dark"] .cst-container { background: var(--bg-primary) !important; color: var(--text-primary) !important; } [data-theme="dark"] .cst-header h1 { color: var(--text-primary) !important; } [data-theme="dark"] .cst-header-sub { color: var(--text-secondary) !important; } [data-theme="dark"] .cst-stepper { border: none !important; background: transparent !important; } [data-theme="dark"] .cst-step { background: transparent !important; color: var(--text-secondary) !important; border-color: transparent !important; } [data-theme="dark"] .cst-step:hover { background: transparent !important; color: var(--text-primary) !important; } [data-theme="dark"] .cst-step.active { background: transparent !important; color: var(--text-primary) !important; border-bottom: 2px solid var(--text-primary) !important; } [data-theme="dark"] .cst-step.completed { background: transparent !important; color: var(--text-primary) !important; } [data-theme="dark"] .cst-kpi { background: var(--surface-card) !important; border: 1px solid var(--border-color) !important; box-shadow: none !important; } [data-theme="dark"] .cst-kpi-label { color: var(--text-tertiary) !important; } [data-theme="dark"] .cst-kpi-value { color: var(--text-primary) !important; } [data-theme="dark"] .cst-kpi-sub { color: var(--text-muted) !important; } /* KPI economy colors (override inline styles) */ [data-theme="dark"] .cst-kpi-value[style*="color:#059669"] { color: var(--accent-green) !important; text-shadow: 0 0 12px rgba(110,231,183,0.25); } [data-theme="dark"] .cst-kpi-value[style*="color:#DC2626"] { color: var(--accent-red) !important; text-shadow: 0 0 12px rgba(252,165,165,0.25); } [data-theme="dark"] .cst-project-card { background: var(--surface-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .cst-project-card-code { color: var(--text-tertiary) !important; } [data-theme="dark"] .cst-project-card-title { color: var(--text-primary) !important; } [data-theme="dark"] .cst-project-card-meta { color: var(--text-muted) !important; } [data-theme="dark"] .cst-dpgf-card { background: var(--surface-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .cst-dpgf-card-title { color: var(--text-primary) !important; } [data-theme="dark"] .cst-dpgf-card-total { color: var(--text-primary) !important; } [data-theme="dark"] .cst-ent-card { background: var(--surface-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .cst-section-title { color: var(--text-primary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .cst-empty { background: var(--bg-tertiary) !important; color: var(--text-secondary) !important; } [data-theme="dark"] .cst-btn { background: var(--bg-tertiary) !important; color: var(--text-primary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .cst-btn:hover { background: var(--bg-elevated) !important; } [data-theme="dark"] .cst-btn-secondary { background: var(--bg-tertiary) !important; } /* Table ecart colors in dark mode */ [data-theme="dark"] .cst-comparison td[style*="color:#059669"], [data-theme="dark"] .cst-comparison td[style*="color:#047857"] { color: var(--accent-green) !important; } [data-theme="dark"] .cst-comparison td[style*="color:#DC2626"], [data-theme="dark"] .cst-comparison td[style*="color:#991B1B"] { color: var(--accent-red) !important; } [data-theme="dark"] .cst-comparison td[style*="color:#D97706"], [data-theme="dark"] .cst-comparison td[style*="color:#EA580C"], [data-theme="dark"] .cst-comparison td[style*="color:#F59E0B"] { color: var(--accent-orange) !important; } [data-theme="dark"] .cst-comparison td[style*="color:#2563EB"] { color: var(--accent-blue) !important; } [data-theme="dark"] .cst-status-added { background: rgba(10,132,255,0.15) !important; } /* ═══════════════════════════════════════════════════════════════ FACTURATION MODULE - COMPLET ═══════════════════════════════════════════════════════════════ */ /* Override des variables CSS locales de facturation.js et autres modules */ [data-theme="dark"] #factContent, [data-theme="dark"] #prevContent, [data-theme="dark"] .treso-wrap, [data-theme="dark"] .prev-wrap { --text-primary: #f5f5f7 !important; --text-secondary: #a1a1a6 !important; --text-muted: #636366 !important; --text-disabled: var(--text-disabled) !important; --bg-page: var(--bg-primary) !important; --bg-card: var(--bg-secondary) !important; --bg-hover: var(--bg-hover) !important; --bg-header: var(--bg-secondary) !important; --border-light: var(--border-color) !important; --border-subtle: var(--border-light) !important; /* Variables Apple Design — Alignées sur le Design System */ --apple-white: var(--bg-secondary) !important; --apple-text: var(--text-primary) !important; --apple-secondary: var(--text-secondary) !important; --apple-tertiary: var(--text-muted) !important; --apple-card: var(--bg-secondary) !important; --apple-bg: var(--bg-primary) !important; --apple-border: var(--border-color) !important; --apple-green: var(--accent-green) !important; --apple-red: var(--accent-red) !important; --apple-orange: var(--accent-orange) !important; --apple-blue: var(--accent-blue) !important; --white: var(--bg-secondary) !important; background: var(--bg-primary) !important; color: var(--text-primary) !important; } /* Container principal */ [data-theme="dark"] #factContent, [data-theme="dark"] .fact-wrapper { background: var(--bg-primary) !important; color: var(--text-primary) !important; } /* Force tous les éléments enfants de factContent */ [data-theme="dark"] #factContent * { border-color: var(--border-color) !important; } [data-theme="dark"] #factContent [class*="-card"], [data-theme="dark"] #factContent [class*="-kpi"], [data-theme="dark"] #factContent [class*="-section"], [data-theme="dark"] #factContent [class*="-table"], [data-theme="dark"] #factContent [class*="-modal"], [data-theme="dark"] #factContent [class*="-btn"]:not([class*="primary"]), [data-theme="dark"] #factContent select, [data-theme="dark"] #factContent input { background: var(--bg-secondary) !important; color: var(--text-primary) !important; } [data-theme="dark"] #factContent th { background: var(--bg-tertiary) !important; color: var(--text-secondary) !important; } [data-theme="dark"] #factContent td { color: var(--text-primary) !important; } [data-theme="dark"] #factContent tr:hover td { background: rgba(255, 255, 255, 0.04) !important; } /* Topbar */ [data-theme="dark"] .fact-topbar { background: var(--surface-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .fact-title { color: var(--text-primary) !important; } /* Navigation */ [data-theme="dark"] .fact-nav-btn { color: var(--text-secondary) !important; } [data-theme="dark"] .fact-nav-btn:hover { color: var(--text-primary) !important; background: var(--bg-hover) !important; } [data-theme="dark"] .fact-nav-btn.active { color: var(--text-primary) !important; background: var(--surface-card) !important; } /* ═══ KPI Cards — Dark mode HIG sobre (spécificité #factContent) ═══ */ [data-theme="dark"] #factContent .fact-kpi-value { color: var(--text-primary, #f5f5f7) !important; } [data-theme="dark"] #factContent .fact-kpi-label { color: var(--text-tertiary) !important; } [data-theme="dark"] #factContent .fact-kpi-sub { color: var(--text-muted) !important; } /* Fix progress bar dark mode */ [data-theme="dark"] #factContent [style*="background: #E2E8F0"], [data-theme="dark"] #factContent [style*="background:#E2E8F0"] { background: var(--bg-tertiary) !important; } /* Header et containers */ [data-theme="dark"] .fact-container, [data-theme="dark"] .fact-header, [data-theme="dark"] .fact-header-right, [data-theme="dark"] .fact-card, [data-theme="dark"] .fact-modal { background: var(--surface-card) !important; border-color: var(--border-color) !important; } /* ═══ Tables Facturation — Dark mode néon (avec #factContent) ═══ */ [data-theme="dark"] #factContent .fact-table { background: var(--surface-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] #factContent .fact-table th { background: var(--bg-tertiary) !important; color: var(--text-secondary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] #factContent .fact-table td { color: var(--text-primary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] #factContent .fact-table tbody tr:hover td { background: var(--bg-hover) !important; } [data-theme="dark"] #factContent .fact-table .project-link { color: #FAFAFA !important; } [data-theme="dark"] #factContent .fact-table .project-link:hover { color: #FFFFFF !important; } /* ═══ Colonnes TOTAL + % — dark mode (plus visibles) ═══ */ [data-theme="dark"] #factContent .fact-table .cell-total-year, [data-theme="dark"] #factContent .fact-table td.cell-total-year { background: rgba(255,255,255,0.04) !important; color: var(--text-primary) !important; font-weight: 600 !important; border-left: 1px solid rgba(255,255,255,0.08) !important; } [data-theme="dark"] #factContent .fact-table .cell-percent, [data-theme="dark"] #factContent .fact-table td.cell-percent { background: rgba(255,255,255,0.02) !important; color: var(--text-secondary) !important; } /* col-total et col-pct (rendu compact) — dark mode */ [data-theme="dark"] #factContent .fact-table th.col-total { background: rgba(255,255,255,0.06) !important; color: #FAFAFA !important; font-weight: 700 !important; } [data-theme="dark"] #factContent .fact-table td.col-total { background: rgba(255,255,255,0.04) !important; font-weight: 700 !important; border-left: 1px solid rgba(255,255,255,0.08) !important; } [data-theme="dark"] #factContent .fact-table .col-pct { color: var(--text-tertiary) !important; } [data-theme="dark"] #factContent .fact-table .col-pct.high { color: #6EE7B7 !important; font-weight: 600 !important; } [data-theme="dark"] #factContent .fact-table td.col-total.positive, [data-theme="dark"] #factContent .fact-table td.col-total.cell-negative { font-weight: 800 !important; } /* Row Total (Total CA, Total Dep.) — dark mode */ [data-theme="dark"] #factContent .fact-table .row-total td { background: rgba(255,255,255,0.05) !important; color: var(--text-primary) !important; font-weight: 700 !important; border-top: 1px solid rgba(255,255,255,0.12) !important; border-bottom: 1px solid rgba(255,255,255,0.12) !important; } [data-theme="dark"] #factContent .fact-table .row-total .cell-total-year { background: rgba(255,255,255,0.07) !important; } [data-theme="dark"] #factContent .fact-table .row-total td.col-total { background: var(--bg-elevated) !important; } /* Couleurs néon pour cellules positives/négatives */ [data-theme="dark"] #factContent .fact-table .cell-positive { color: #6EE7B7 !important; } [data-theme="dark"] #factContent .fact-table .cell-negative { color: #FCA5A5 !important; } [data-theme="dark"] #factContent .fact-table .cell-realise { color: var(--text-primary) !important; } [data-theme="dark"] #factContent .fact-table .cell-previsionnel { color: var(--text-secondary) !important; } [data-theme="dark"] #factContent .fact-table .cell-zero { color: var(--text-tertiary) !important; opacity: 0.5; } /* Section dépenses — texte négatif rouge néon + lignes atténuées */ [data-theme="dark"] #factContent .fact-table tr.row-expense td { color: #A0A0A6 !important; font-size: 10px !important; } [data-theme="dark"] #factContent .fact-table tr.row-expense td.cell-negative, [data-theme="dark"] #factContent .fact-table tr.row-expense td.col-total.cell-negative { color: #FCA5A5 !important; } [data-theme="dark"] #factContent .fact-table tr.row-expense td.col-total { color: #FCA5A5 !important; font-weight: 600 !important; } /* Section headers (DEPENSES, etc.) */ [data-theme="dark"] #factContent .fact-table tr.row-section td { background: #1A1B1D !important; color: var(--text-tertiary) !important; border-color: rgba(255,255,255,0.08) !important; } /* Séparateur row-spacer */ [data-theme="dark"] #factContent .fact-table tr.row-spacer td { background: #0C0C0C !important; border: none !important; } /* Noms projets — neutre cliquable */ [data-theme="dark"] #factContent .fact-table .project-link, [data-theme="dark"] #factContent .fact-table .project-name { color: #FAFAFA !important; } [data-theme="dark"] #factContent .fact-table .project-link:hover, [data-theme="dark"] #factContent .fact-table .project-name:hover { color: #FFFFFF !important; } /* Boutons */ [data-theme="dark"] .fact-btn { background: var(--surface-card) !important; border-color: var(--border-color) !important; color: var(--text-primary) !important; } [data-theme="dark"] .fact-btn:hover { background: var(--bg-hover) !important; } [data-theme="dark"] .fact-btn-primary { background: var(--text-primary) !important; color: var(--bg-primary) !important; } [data-theme="dark"] .fact-btn-secondary { background: var(--bg-tertiary) !important; color: var(--text-primary) !important; } /* Selects */ [data-theme="dark"] .fact-select, [data-theme="dark"] .fact-select-sm { background: var(--bg-input) !important; border-color: var(--border-color) !important; color: var(--text-primary) !important; } /* Segmented buttons */ [data-theme="dark"] .fact-seg-btn { color: var(--text-secondary) !important; } [data-theme="dark"] .fact-seg-btn:hover { color: var(--text-primary) !important; } [data-theme="dark"] .fact-seg-btn.active { background: var(--surface-card) !important; color: var(--text-primary) !important; } /* Comments */ [data-theme="dark"] .fact-comment-btn { color: var(--text-secondary) !important; } [data-theme="dark"] .fact-comment-btn:hover { color: var(--text-primary) !important; } /* Project tabs - meme style pill que fact-nav-btn */ [data-theme="dark"] .fact-project-nav { background: var(--bg-hover) !important; } [data-theme="dark"] .fact-project-tab { background: transparent !important; color: var(--text-secondary) !important; } [data-theme="dark"] .fact-project-tab:hover { color: var(--text-primary) !important; background: var(--bg-hover) !important; } [data-theme="dark"] .fact-project-tab.active { color: var(--text-primary) !important; background: var(--surface-card) !important; } /* Project cards */ [data-theme="dark"] .fact-project-card { background: var(--surface-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .fact-project-card:hover { background: var(--bg-tertiary) !important; } /* Honoraires nav */ [data-theme="dark"] .fact-hon-nav-item { color: var(--text-secondary) !important; } [data-theme="dark"] .fact-hon-nav-item:hover, [data-theme="dark"] .fact-hon-nav-item.active { color: var(--text-primary) !important; } /* Summary cards */ [data-theme="dark"] .fact-hon-summary-card { background: var(--surface-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .fact-hon-summary-card:hover { background: var(--bg-tertiary) !important; } /* Modal */ [data-theme="dark"] .fact-modal-content { background: var(--surface-card) !important; } [data-theme="dark"] .fact-modal-close { color: var(--text-secondary) !important; } [data-theme="dark"] .fact-modal-close:hover { color: var(--text-primary) !important; } /* ═══════════════════════════════════════════════════════════════ FACTURATION PATCH (fp-) - COMPLET ═══════════════════════════════════════════════════════════════ */ /* Tabs */ [data-theme="dark"] .fp-main-tab { color: var(--text-secondary) !important; background: transparent !important; } [data-theme="dark"] .fp-main-tab:hover { background: var(--bg-hover) !important; color: var(--text-primary) !important; } [data-theme="dark"] .fp-main-tab.active { background: var(--surface-card) !important; color: var(--text-primary) !important; } /* Title */ [data-theme="dark"] .fp-title { color: var(--text-primary) !important; } [data-theme="dark"] .fp-subtitle { color: var(--text-secondary) !important; } /* KPIs */ [data-theme="dark"] .fp-kpi { background: var(--surface-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .fp-kpi-value { color: var(--text-primary) !important; } [data-theme="dark"] .fp-kpi-value.success { color: #30D158 !important; } [data-theme="dark"] .fp-kpi-value.danger { color: #FF453A !important; } [data-theme="dark"] .fp-kpi-label { color: var(--text-tertiary) !important; } /* Tables */ [data-theme="dark"] .fp-table { background: var(--surface-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .fp-table th { background: var(--bg-tertiary) !important; color: var(--text-secondary) !important; } [data-theme="dark"] .fp-table td { color: var(--text-primary) !important; border-color: var(--border-color) !important; } /* Status badges — Light mode base */ .fp-status { display: inline-block; padding: 2px 8px; border-radius: 10px; font-size: 10px; font-weight: 600; } .fp-status.paid { background: #dcfce7; color: #166534; } .fp-status.sent { background: #fef3c7; color: #92400e; } .fp-status.draft { background: #f3f4f6; color: #6b7280; } .fp-status.validated { background: #dbeafe; color: #1e40af; } .fp-status.partially_paid { background: #fef3c7; color: #92400e; } .fp-status.overdue { background: #fef2f2; color: #dc2626; } /* Status badges — Dark mode */ [data-theme="dark"] .fp-status.paid { background: rgba(48, 209, 88, 0.2) !important; color: #30D158 !important; } [data-theme="dark"] .fp-status.partially_paid { background: rgba(255, 159, 10, 0.2) !important; color: #FF9F0A !important; } [data-theme="dark"] .fp-status.pending, [data-theme="dark"] .fp-status.validated { background: rgba(255,255,255,0.06) !important; color: #A0A0A6 !important; } [data-theme="dark"] .fp-status.overdue { background: rgba(255, 69, 58, 0.2) !important; color: #FF453A !important; } [data-theme="dark"] .fp-status.draft { background: var(--bg-tertiary) !important; color: var(--text-muted) !important; } /* Links */ [data-theme="dark"] .fp-link { color: var(--accent-blue) !important; } /* Buttons */ [data-theme="dark"] .fp-btn-secondary { background: var(--surface-card) !important; border-color: var(--border-color) !important; color: var(--text-primary) !important; } [data-theme="dark"] .fp-btn-danger { background: rgba(255, 69, 58, 0.15) !important; color: #FF453A !important; border-color: rgba(255, 69, 58, 0.3) !important; } /* Template sections */ [data-theme="dark"] .fp-template-section, [data-theme="dark"] .fp-settings-section { background: var(--surface-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .fp-template-section h4, [data-theme="dark"] .fp-settings-section h4 { color: var(--text-primary) !important; border-color: var(--border-color) !important; } /* Option cards */ [data-theme="dark"] .fp-option-card { background: var(--surface-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .fp-option-card:hover { border-color: var(--border-strong) !important; } [data-theme="dark"] .fp-option-card.active { background: var(--accent-blue) !important; border-color: var(--accent-blue) !important; color: white !important; } [data-theme="dark"] .fp-option-label { color: var(--text-primary) !important; } /* Logo preview */ [data-theme="dark"] .fp-logo-preview, [data-theme="dark"] .fp-logo-preview.has-logo { background: var(--surface-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .fp-logo-placeholder { color: var(--text-muted) !important; } /* Template preview */ [data-theme="dark"] .fp-template-preview { background: var(--surface-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .fp-template-preview h4 { color: var(--text-primary) !important; } /* Mini invoice preview - reste blanc pour voir le rendu réel */ [data-theme="dark"] .fp-mini-invoice { background: white !important; color: #111827 !important; } /* Form labels */ [data-theme="dark"] .fp-form-label { color: var(--text-secondary) !important; } /* RIB */ [data-theme="dark"] .fp-rib-label { color: var(--text-tertiary) !important; } [data-theme="dark"] .fp-rib-value { color: var(--text-primary) !important; } /* Status badges inline (facturation.js) */ [data-theme="dark"] [style*="background:#dcfce7"], [data-theme="dark"] [style*="background: #dcfce7"] { background: rgba(48, 209, 88, 0.2) !important; color: #30D158 !important; } [data-theme="dark"] [style*="background:#fef3c7"], [data-theme="dark"] [style*="background: #fef3c7"] { background: rgba(255, 159, 10, 0.2) !important; color: #FF9F0A !important; } [data-theme="dark"] [style*="background:#dbeafe"], [data-theme="dark"] [style*="background: #dbeafe"] { background: rgba(255,255,255,0.06) !important; color: #A0A0A6 !important; } [data-theme="dark"] [style*="background:#fee2e2"], [data-theme="dark"] [style*="background: #fee2e2"] { background: rgba(255, 69, 58, 0.2) !important; color: #FF453A !important; } [data-theme="dark"] [style*="background:#f3f4f6"], [data-theme="dark"] [style*="background: #f3f4f6"] { background: var(--bg-tertiary) !important; color: var(--text-muted) !important; } /* Couleurs de texte inline pour status */ [data-theme="dark"] [style*="color:#166534"], [data-theme="dark"] [style*="color: #166534"], [data-theme="dark"] [style*="color:#1D7A3E"], [data-theme="dark"] [style*="color: #1D7A3E"], [data-theme="dark"] [style*="color:#059669"], [data-theme="dark"] [style*="color: #059669"], [data-theme="dark"] [style*="color:#16a34a"], [data-theme="dark"] [style*="color: #16a34a"], [data-theme="dark"] [style*="color:#22c55e"], [data-theme="dark"] [style*="color: #22c55e"] { color: #30D158 !important; } [data-theme="dark"] [style*="color:#92400e"], [data-theme="dark"] [style*="color: #92400e"], [data-theme="dark"] [style*="color:#B45309"], [data-theme="dark"] [style*="color: #B45309"], [data-theme="dark"] [style*="color:#d97706"], [data-theme="dark"] [style*="color: #d97706"] { color: #FF9F0A !important; } [data-theme="dark"] [style*="color:#1e40af"], [data-theme="dark"] [style*="color: #1e40af"], [data-theme="dark"] [style*="color:#0055CC"], [data-theme="dark"] [style*="color: #0055CC"], [data-theme="dark"] [style*="color:#2563eb"], [data-theme="dark"] [style*="color: #2563eb"], [data-theme="dark"] [style*="color:#3b82f6"], [data-theme="dark"] [style*="color: #3b82f6"] { color: #A0A0A6 !important; } [data-theme="dark"] [style*="color:#991b1b"], [data-theme="dark"] [style*="color: #991b1b"], [data-theme="dark"] [style*="color:#dc2626"], [data-theme="dark"] [style*="color: #dc2626"], [data-theme="dark"] [style*="color:#ef4444"], [data-theme="dark"] [style*="color: #ef4444"] { color: #FF453A !important; } [data-theme="dark"] [style*="color:#6b7280"], [data-theme="dark"] [style*="color: #6b7280"], [data-theme="dark"] [style*="color:#9ca3af"], [data-theme="dark"] [style*="color: #9ca3af"], [data-theme="dark"] [style*="color:#999"], [data-theme="dark"] [style*="color: #999"] { color: var(--text-muted) !important; } /* ═══════════════════════════════════════════════════════════════ DARK MODE - MODULES COMPLÉMENTAIRES Audit complet de tous les fichiers JS avec styles inline ═══════════════════════════════════════════════════════════════ */ /* DPGF Module (dpgf-module.js, dpgf-multibat-mode.js, dpgf-audit.js, etc.) */ [data-theme="dark"] .dpgf-container, [data-theme="dark"] .dpgf-editor, [data-theme="dark"] .dpgf-header, [data-theme="dark"] .dpgf-editor-header, [data-theme="dark"] .dpgf-header-compact, [data-theme="dark"] .dpgf-table, [data-theme="dark"] .dpgf-modal, [data-theme="dark"] .dpgf-dropdown-menu, [data-theme="dark"] .dpgf-convert-modal-content, [data-theme="dark"] .dpgf-zone-chip, [data-theme="dark"] .dpgf-add-zone-btn, [data-theme="dark"] .dpgf-zone-summary-card, [data-theme="dark"] .dpgf-zone-pill, [data-theme="dark"] .dpgf-lot-toolbar-unified, [data-theme="dark"] .dpgf-fullscreen, [data-theme="dark"] .dpgf-mb-table, [data-theme="dark"] .dpgf-mb-table-wrapper, [data-theme="dark"] .dpgf-zones-bar-unified, [data-theme="dark"] .dpgf-zones-bar-unified .zone-pill, [data-theme="dark"] .dpgf-zones-bar-unified .bar-btn { background: var(--surface-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .dpgf-mb-table .total-row td.td-total-final, [data-theme="dark"] .dpgf-mb-table .total-row .col-total { background: var(--surface-card) !important; } [data-theme="dark"] .dpgf-lot-toolbar-unified .tb-lot-name, [data-theme="dark"] .dpgf-lot-toolbar-unified .tb-lot-name:hover, [data-theme="dark"] .dpgf-lot-toolbar-unified .tb-lot-name:focus { background: var(--bg-input) !important; color: var(--text-primary) !important; } /* DPGF Multi/Module - Enrichissement complet */ [data-theme="dark"] .dpgf-mb-table thead th, [data-theme="dark"] .dpgf-mb-table .col-sticky { background: var(--bg-tertiary) !important; color: var(--text-secondary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .dpgf-mb-table tbody td, [data-theme="dark"] .dpgf-mb-table tbody tr { background: var(--surface-card) !important; color: var(--text-primary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .dpgf-mb-table tbody tr:hover td { background: var(--bg-hover) !important; } [data-theme="dark"] .dpgf-mb-table .total-row { background: var(--bg-tertiary) !important; } [data-theme="dark"] .dpgf-mb-table .total-row td { background: var(--bg-tertiary) !important; color: var(--text-primary) !important; font-weight: 600 !important; } [data-theme="dark"] .dpgf-mb-table .total-row td.td-total-final { background: var(--bg-elevated) !important; border-color: var(--border-linear) !important; } [data-theme="dark"] .dpgf-mb-table .total-row td.td-total-final span { color: var(--text-primary) !important; } /* DPGF - Cellules de montants avec styles inline */ [data-theme="dark"] .dpgf-mb-table td[style*="text-align:right"], [data-theme="dark"] .dpgf-mb-table td[style*="text-align: right"], [data-theme="dark"] .dpgf-table td[style*="text-align:right"], [data-theme="dark"] .dpgf-table td[style*="text-align: right"] { color: var(--text-primary) !important; } [data-theme="dark"] .dpgf-mb-table .total-row td[style*="text-align:right"], [data-theme="dark"] .dpgf-mb-table .total-row td[style*="text-align: right"] { background: var(--bg-tertiary) !important; color: var(--text-primary) !important; font-weight: 600 !important; } /* DPGF - Cellules .col-total et .col-subtotal */ [data-theme="dark"] .dpgf-mb-table .col-total, [data-theme="dark"] .dpgf-mb-table .col-subtotal { background: var(--bg-tertiary) !important; color: var(--text-primary) !important; border-color: var(--border-color) !important; } /* DPGF - Mode fullscreen override */ [data-theme="dark"] .dpgf-fullscreen { background: var(--bg-primary) !important; } /* DPGF - Bouton fullscreen */ [data-theme="dark"] .dpgf-fullscreen-btn { background: var(--bg-elevated) !important; color: var(--text-primary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .dpgf-fullscreen-btn:hover { background: var(--bg-hover) !important; } /* DPGF - Boutons d'export et header compact */ [data-theme="dark"] .dpgf-hc-export, [data-theme="dark"] .dpgf-hc-export-btn { background: var(--bg-elevated) !important; color: var(--text-primary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .dpgf-hc-export-btn:hover { background: var(--bg-hover) !important; border-color: var(--border-linear) !important; } [data-theme="dark"] .dpgf-hc-export-dropdown, [data-theme="dark"] .dpgf-hc-export-menu { background: var(--surface-card) !important; border-color: var(--border-color) !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important; } [data-theme="dark"] .dpgf-hc-export-item, [data-theme="dark"] .dpgf-hc-export-menu button { background: transparent !important; color: var(--text-primary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .dpgf-hc-export-item:hover, [data-theme="dark"] .dpgf-hc-export-menu button:hover { background: var(--bg-hover) !important; } /* DPGF - Titres et labels */ [data-theme="dark"] .dpgf-editor-title, [data-theme="dark"] .dpgf-title { color: var(--text-primary) !important; } /* DPGF - Zone pills (barre de zones) */ [data-theme="dark"] .dpgf-zones-bar { background: var(--bg-secondary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .dpgf-zones-bar-scroll { background: transparent !important; } [data-theme="dark"] .dpgf-zone-pill { background: var(--surface-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .dpgf-zone-pill .pill-label { color: var(--text-secondary) !important; } [data-theme="dark"] .dpgf-zone-pill .pill-value { color: var(--text-primary) !important; font-weight: 600; } [data-theme="dark"] .dpgf-zones-bar-total { background: var(--bg-tertiary) !important; color: var(--text-primary) !important; } [data-theme="dark"] .dpgf-zones-bar-total .total-label { color: var(--text-secondary) !important; } [data-theme="dark"] .dpgf-zones-bar-total .total-value { color: var(--text-primary) !important; } /* DPGF - Cartes résumé zones/bâtiments (multibat) */ [data-theme="dark"] .dpgf-zone-summary-card { background: var(--surface-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .dpgf-zone-summary-card .zone-name { color: var(--text-secondary) !important; } [data-theme="dark"] .dpgf-zone-summary-card .zone-total { color: var(--text-primary) !important; } [data-theme="dark"] .dpgf-zone-summary-card.total { background: var(--bg-tertiary) !important; border-color: var(--border-linear) !important; } [data-theme="dark"] .dpgf-zone-summary-card.total .zone-name { color: var(--text-secondary) !important; } [data-theme="dark"] .dpgf-zone-summary-card.total .zone-total { color: var(--text-primary) !important; } /* DPGF - Boutons barre zones avec background blanc hardcodé */ [data-theme="dark"] .dpgf-zones-bar-unified .bar-btn, [data-theme="dark"] .bar-btn { background: var(--bg-elevated) !important; color: var(--text-primary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .dpgf-zones-bar-unified .bar-btn:hover, [data-theme="dark"] .bar-btn:hover { background: var(--bg-hover) !important; } /* DPGF Audit - FIX dark mode complet */ [data-theme="dark"] .audit-modal, [data-theme="dark"] .audit-tab, [data-theme="dark"] .audit-filters-row, [data-theme="dark"] .audit-btn-secondary, [data-theme="dark"] .audit-kpi-card, [data-theme="dark"] .audit-chart-container { background: var(--surface-card) !important; border-color: var(--border-color) !important; } /* Sommaire Audit */ [data-theme="dark"] .audit-sommaire { background: var(--surface-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .audit-sommaire-title { color: var(--text-primary) !important; font-weight: 600; } [data-theme="dark"] .audit-sommaire-item { background: transparent !important; border-color: var(--border-light) !important; color: var(--text-secondary) !important; cursor: pointer; } [data-theme="dark"] .audit-sommaire-item:hover { background: var(--bg-hover) !important; color: var(--text-primary) !important; } [data-theme="dark"] .audit-sommaire-item .num { background: var(--bg-elevated) !important; color: var(--text-primary) !important; } [data-theme="dark"] .audit-sommaire-item .label { color: inherit; } /* [LEGACY] Ancien dark mode treso supprimé — remplacé par Linear Design System v5.0.0 ci-dessous */ /* Global Positive/Negative colors (shared across modules) */ [data-theme="dark"] .positive { color: #34D399 !important; } [data-theme="dark"] .negative { color: #F87171 !important; } /* ═══════════════════════════════════════════════════════════════════════ TRESORERIE v5.0.0 — LINEAR DARK MODE (Premium Design System) Signature: #080809 base, gradient surfaces, rgba borders, blur ═══════════════════════════════════════════════════════════════════════ */ /* ── Design Tokens (Linear ultra-compact) ── */ [data-theme="dark"] .treso-wrapper { --text-primary: #EDEDEF; --text-secondary: #8B8B8E; --text-muted: #5C5C5F; --text-disabled: #3A3A3D; --bg-page: #080809; --bg-card: #111112; --bg-card-top: #151516; --bg-hover: rgba(255,255,255,0.03); --bg-header: #0C0C0D; --border-light: #1f1f21; --border-subtle: rgba(255,255,255,0.04); --border-highlight: rgba(255,255,255,0.14); --border-reflection: rgba(255,255,255,0.05); --accent-green: #34D399; --accent-red: #F87171; --accent-orange: #FBBF24; --accent-blue: #FAFAFA; --focus-ring: 0 0 0 1px rgba(255,255,255,0.3), 0 0 0 3px rgba(255,255,255,0.1); --surface-gradient: linear-gradient(180deg, #151516 0%, #111112 100%); } /* ── Topbar (glassmorphism) ── */ [data-theme="dark"] .treso-topbar { background: rgba(17, 17, 18, 0.85) !important; border-color: #1f1f21 !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; } [data-theme="dark"] .treso-title { color: var(--text-primary) !important; } /* ── Nav (segmented control) ── */ [data-theme="dark"] .treso-nav { background: rgba(255,255,255,0.04) !important; } [data-theme="dark"] .treso-nav-btn { color: var(--text-muted) !important; } [data-theme="dark"] .treso-nav-btn:hover { color: var(--text-primary) !important; } [data-theme="dark"] .treso-nav-btn.active { background: rgba(255,255,255,0.08) !important; color: var(--text-primary) !important; box-shadow: 0 1px 2px rgba(0,0,0,0.3) !important; } /* ── KPI Strip ── */ [data-theme="dark"] .treso-kpis { background: #111112 !important; border-color: #1f1f21 !important; } [data-theme="dark"] .treso-kpi-card { background: transparent !important; border-color: #1f1f21 !important; } [data-theme="dark"] .treso-kpi-card:hover { background: rgba(255,255,255,0.02) !important; } [data-theme="dark"] .treso-kpi-value { color: var(--text-primary) !important; } [data-theme="dark"] .treso-kpi-card.success .treso-kpi-value { color: #34D399 !important; } [data-theme="dark"] .treso-kpi-card.danger .treso-kpi-value { color: #F87171 !important; } [data-theme="dark"] .treso-kpi-card.warning .treso-kpi-value { color: #FBBF24 !important; } [data-theme="dark"] .treso-kpi-card.info .treso-kpi-value { color: #A0A0A6 !important; } [data-theme="dark"] .treso-kpi-label { color: var(--text-muted) !important; } [data-theme="dark"] .treso-kpi-sub { color: var(--text-muted) !important; } /* ── Buttons ── */ [data-theme="dark"] .treso-btn { background: rgba(255,255,255,0.04) !important; border-color: #1f1f21 !important; color: var(--text-tertiary) !important; } [data-theme="dark"] .treso-btn:hover { background: rgba(255,255,255,0.07) !important; border-color: rgba(255,255,255,0.18) !important; color: var(--text-primary) !important; } [data-theme="dark"] .treso-btn-primary { background: #EDEDEF !important; color: #080809 !important; border-color: transparent !important; } [data-theme="dark"] .treso-btn-primary:hover { background: #d4d4d7 !important; opacity: 1 !important; } [data-theme="dark"] .treso-btn-link { color: #FAFAFA !important; } [data-theme="dark"] .treso-btn-icon { background: transparent !important; border-color: #1f1f21 !important; color: var(--text-muted) !important; } [data-theme="dark"] .treso-btn-icon:hover { background: rgba(255,255,255,0.05) !important; color: var(--text-primary) !important; border-color: rgba(255,255,255,0.18) !important; } [data-theme="dark"] .treso-btn-icon.danger:hover { color: #F87171 !important; } [data-theme="dark"] .treso-btn-page { background: rgba(255,255,255,0.04) !important; border-color: #1f1f21 !important; color: var(--text-tertiary) !important; } [data-theme="dark"] .treso-btn-sm { color: var(--text-tertiary) !important; } [data-theme="dark"] .treso-btn-sm.active { background: rgba(255,255,255,0.08) !important; color: var(--text-primary) !important; box-shadow: 0 1px 2px rgba(0,0,0,0.3) !important; } [data-theme="dark"] .treso-chart-controls { background: rgba(255,255,255,0.04) !important; } /* ── Categories toolbar ── */ [data-theme="dark"] .treso-cat-actions-bar { background: #111112 !important; border-color: #1f1f21 !important; } /* ── Dropdown (glassmorphism) ── */ [data-theme="dark"] .treso-dropdown-menu { background: rgba(17, 17, 18, 0.95) !important; border-color: #1f1f21 !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; } [data-theme="dark"] .treso-dropdown-menu button { color: var(--text-primary) !important; } [data-theme="dark"] .treso-dropdown-menu button:hover { background: rgba(255,255,255,0.05) !important; } /* ── Tables ── */ [data-theme="dark"] .treso-table-container { background: #111112 !important; border-color: #1f1f21 !important; } [data-theme="dark"] .treso-table th { background: #0C0C0D !important; color: var(--text-muted) !important; border-color: #1f1f21 !important; } [data-theme="dark"] .treso-table td { border-color: rgba(255,255,255,0.04) !important; border-top: 1px solid rgba(255,255,255,0.05) !important; color: var(--text-primary) !important; } [data-theme="dark"] .treso-table td:first-child { background: #111112 !important; } [data-theme="dark"] .treso-table tbody tr:hover td { background: rgba(255,255,255,0.03) !important; } [data-theme="dark"] .treso-table tbody tr:hover td:first-child { background: rgba(255,255,255,0.03) !important; } [data-theme="dark"] .row-total td { background: #0C0C0D !important; } [data-theme="dark"] .row-section td { background: #0C0C0D !important; color: var(--text-muted) !important; } /* ── Bank tabs ── */ [data-theme="dark"] .treso-bank-tabs, [data-theme="dark"] .rapprochement-bank-tabs { background: rgba(255,255,255,0.04) !important; } [data-theme="dark"] .treso-bank-btn, [data-theme="dark"] .rapprochement-bank-btn { color: var(--text-muted) !important; } [data-theme="dark"] .treso-bank-btn:hover, [data-theme="dark"] .rapprochement-bank-btn:hover { color: var(--text-primary) !important; } [data-theme="dark"] .treso-bank-btn.active, [data-theme="dark"] .rapprochement-bank-btn.active { background: rgba(255,255,255,0.08) !important; color: var(--text-primary) !important; box-shadow: 0 1px 2px rgba(0,0,0,0.3) !important; } [data-theme="dark"] .treso-bank-btn.active[data-bank="bred"], [data-theme="dark"] .rapprochement-bank-btn.active[data-bank="bred"] { background: #e30613 !important; color: #fff !important; } [data-theme="dark"] .treso-bank-btn.active[data-bank="qonto"], [data-theme="dark"] .rapprochement-bank-btn.active[data-bank="qonto"] { background: #EDEDEF !important; color: #080809 !important; } [data-theme="dark"] .bank-dot.qonto { background: #EDEDEF !important; } [data-theme="dark"] .count { background: rgba(255,255,255,0.08) !important; } /* ── Bank badge ── */ [data-theme="dark"] .bank-badge.qonto { color: var(--text-tertiary) !important; } [data-theme="dark"] .bank-badge.qonto::before { background: #EDEDEF !important; } /* ── Status badge ── */ [data-theme="dark"] .status-badge.waiting { color: #FBBF24 !important; } [data-theme="dark"] .status-badge.waiting::before { background: #FBBF24 !important; } [data-theme="dark"] .status-badge.success { color: #34D399 !important; } [data-theme="dark"] .status-badge.success::before { background: #34D399 !important; } [data-theme="dark"] .status-badge.processing { color: #A0A0A6 !important; } [data-theme="dark"] .status-badge.processing::before { background: #A0A0A6 !important; } [data-theme="dark"] .status-badge.error { color: #F87171 !important; } [data-theme="dark"] .status-badge.error::before { background: #F87171 !important; } [data-theme="dark"] .status-badge.muted { color: #3A3A3D !important; } [data-theme="dark"] .status-badge.muted::before { background: #3A3A3D !important; } /* ── Filters ── */ [data-theme="dark"] .treso-filters { background: #111112 !important; border-color: #1f1f21 !important; } [data-theme="dark"] .treso-input, [data-theme="dark"] .treso-select { background: #161616 !important; border-color: #1f1f21 !important; color: var(--text-primary) !important; } [data-theme="dark"] .treso-input:focus, [data-theme="dark"] .treso-select:focus { border-color: rgba(255,255,255,0.3) !important; box-shadow: 0 0 0 1px rgba(255,255,255,0.3), 0 0 0 3px rgba(255,255,255,0.1) !important; } /* ── Cards (gradient surfaces + reflection) ── */ [data-theme="dark"] .treso-card { background: #111112 !important; background-image: linear-gradient(180deg, #151516 0%, #111112 100%) !important; border-color: #1f1f21 !important; border-top: 1px solid rgba(255,255,255,0.05) !important; } [data-theme="dark"] .treso-card h3 { color: var(--text-primary) !important; } /* ── Modal (glassmorphism) ── */ [data-theme="dark"] .treso-modal { background: rgba(0, 0, 0, 0.6) !important; backdrop-filter: blur(4px) !important; } [data-theme="dark"] .treso-modal-content { background: #111112 !important; border-color: #1f1f21 !important; background-image: linear-gradient(180deg, #151516 0%, #111112 100%) !important; } [data-theme="dark"] .treso-modal-header { border-color: #1f1f21 !important; } [data-theme="dark"] .treso-modal-header h2 { color: var(--text-primary) !important; } [data-theme="dark"] .treso-modal-close { color: var(--text-muted) !important; } [data-theme="dark"] .treso-modal-close:hover { color: var(--text-primary) !important; } [data-theme="dark"] .treso-modal-footer { border-color: #1f1f21 !important; background: transparent !important; } [data-theme="dark"] .treso-modal-intro { color: var(--text-tertiary) !important; } /* ── Transaction modal ── */ [data-theme="dark"] .tx-modal-amount { border-color: #1f1f21 !important; } [data-theme="dark"] .tx-modal-amount.positive { color: #34D399 !important; border-color: rgba(52,211,153,0.2) !important; background: none !important; } [data-theme="dark"] .tx-modal-amount.negative { color: #F87171 !important; border-color: rgba(248,113,113,0.2) !important; background: none !important; } [data-theme="dark"] .tx-modal-item { background: transparent !important; border-color: #1f1f21 !important; } [data-theme="dark"] .tx-modal-item label { color: var(--text-muted) !important; } [data-theme="dark"] .tx-modal-item span { color: var(--text-primary) !important; } [data-theme="dark"] .tx-modal-section > label { color: var(--text-muted) !important; } [data-theme="dark"] .tx-modal-libelle { background: transparent !important; border-color: #1f1f21 !important; color: var(--text-primary) !important; } [data-theme="dark"] .tx-modal-libelle-detail { background: transparent !important; border-color: rgba(255,255,255,0.04) !important; color: var(--text-muted) !important; } [data-theme="dark"] .tx-modal-facture { background: transparent !important; border-color: rgba(52,211,153,0.2) !important; } [data-theme="dark"] .tx-modal-facture svg { color: #34D399 !important; } [data-theme="dark"] .facture-amount { color: #34D399 !important; } [data-theme="dark"] .tx-modal-details { border-color: rgba(255,255,255,0.06) !important; } [data-theme="dark"] .tx-modal-details summary { color: var(--text-muted) !important; } [data-theme="dark"] .tx-modal-details summary:hover { color: var(--text-tertiary) !important; } [data-theme="dark"] .tx-modal-tech-grid label { color: var(--text-muted) !important; } [data-theme="dark"] .tx-modal-tech-grid code { background: rgba(255,255,255,0.04) !important; color: var(--text-tertiary) !important; } /* ── Category rules ── */ [data-theme="dark"] .cat-rule-item { background: transparent !important; border-color: #1f1f21 !important; } [data-theme="dark"] .cat-rule-item:hover { border-color: rgba(255,255,255,0.14) !important; } [data-theme="dark"] .cat-rule-header strong { color: var(--text-primary) !important; } [data-theme="dark"] .cat-rule-count { color: var(--text-muted) !important; } [data-theme="dark"] .cat-pattern-tag { background: transparent !important; border-color: #1f1f21 !important; color: var(--text-tertiary) !important; } /* ── Patterns ── */ [data-theme="dark"] .pattern-item { background: transparent !important; border-color: #1f1f21 !important; } [data-theme="dark"] .pattern-item:hover { border-color: rgba(255,255,255,0.14) !important; } [data-theme="dark"] .pattern-word { color: var(--text-primary) !important; } [data-theme="dark"] .pattern-count { color: var(--text-muted) !important; } /* ── Preview ── */ [data-theme="dark"] .treso-preview-section h4 { color: var(--text-primary) !important; } [data-theme="dark"] .treso-preview-table th { background: transparent !important; color: var(--text-muted) !important; border-color: #1f1f21 !important; } [data-theme="dark"] .treso-preview-table td { border-color: rgba(255,255,255,0.04) !important; color: var(--text-primary) !important; } [data-theme="dark"] .treso-preview-delta.positive { color: #34D399 !important; } [data-theme="dark"] .treso-preview-delta.negative { color: #F87171 !important; } [data-theme="dark"] .treso-preview-table td.positive { color: #34D399 !important; } [data-theme="dark"] .treso-preview-table td.negative { color: #F87171 !important; } [data-theme="dark"] .treso-preview-impact { background: #111112 !important; border-color: #1f1f21 !important; color: var(--text-primary) !important; } [data-theme="dark"] .treso-preview-stat-card { background: #111112 !important; border-color: #1f1f21 !important; } [data-theme="dark"] .treso-preview-stat-value { color: #FAFAFA !important; } [data-theme="dark"] .treso-preview-stat-label { color: var(--text-muted) !important; } /* ── Sync status ── */ [data-theme="dark"] .treso-sync-status.synced { background: rgba(52,211,153,0.1) !important; color: #34D399 !important; } [data-theme="dark"] .treso-sync-status.loading { background: rgba(255,255,255,0.08) !important; color: #A0A0A6 !important; } [data-theme="dark"] .treso-sync-status.error { background: rgba(248,113,113,0.1) !important; color: #F87171 !important; } /* ── Toast ── */ [data-theme="dark"] .treso-toast { background: #EDEDEF !important; color: #080809 !important; border-color: rgba(255,255,255,0.1) !important; } [data-theme="dark"] .treso-toast.success { background: #34D399 !important; color: #080809 !important; } [data-theme="dark"] .treso-toast.error { background: #F87171 !important; color: #080809 !important; } [data-theme="dark"] .treso-toast.warning { background: #FBBF24 !important; color: #080809 !important; } /* ── Loading / Error ── */ [data-theme="dark"] .treso-loading { color: var(--text-muted) !important; } [data-theme="dark"] .treso-error { color: #F87171 !important; border-color: rgba(248,113,113,0.2) !important; background: transparent !important; } /* ── Categories ── */ [data-theme="dark"] .treso-categories-header { color: var(--text-primary) !important; } /* ── Form ── */ [data-theme="dark"] .treso-form-group label { color: var(--text-tertiary) !important; } /* ── Positive/Negative in dark ── */ [data-theme="dark"] .treso-wrapper .positive, [data-theme="dark"] .treso-wrapper .cell-positive { color: #34D399 !important; } [data-theme="dark"] .treso-wrapper .negative, [data-theme="dark"] .treso-wrapper .cell-negative { color: #F87171 !important; } [data-theme="dark"] .treso-wrapper .cell-zero { color: #3A3A3D !important; } /* ── Expandable rows ── */ [data-theme="dark"] .treso-cat-child td { background: #0C0C0D !important; } [data-theme="dark"] .treso-cat-toggle { color: var(--text-muted) !important; } /* Tresorerie Bank */ [data-theme="dark"] .bank-container, [data-theme="dark"] .bank-header, [data-theme="dark"] .bank-card, [data-theme="dark"] .bank-modal, [data-theme="dark"] .bank-tab-btn, [data-theme="dark"] .bank-tab-btn.active .bank-tab-dot { background: var(--surface-card) !important; border-color: var(--border-color) !important; } /* Tresorerie Budget */ [data-theme="dark"] .budget-container, [data-theme="dark"] .budget-card, [data-theme="dark"] .budget-row, [data-theme="dark"] .budget-modal { background: var(--surface-card) !important; border-color: var(--border-color) !important; } /* ═══════════════════════════════════════════════════════════════════════ TRESORERIE PREVISIONNEL (.tp-*) — LINEAR DESIGN SYSTEM OVERRIDES Harmonisation du module TresoreriePrevisionnel (Apple → Linear) Appliqué quand le prévisionnel est affiché dans .treso-wrapper ═══════════════════════════════════════════════════════════════════════ */ /* ── LIGHT MODE — Compact + Linear aesthetic ── */ .treso-wrapper .tp-container { --apple-text: #1A1A1A; --apple-secondary: #6B7280; --apple-tertiary: #D1D5DB; --apple-bg: transparent; --apple-card: #FFFFFF; --apple-border: rgba(0,0,0,0.08); --apple-hover: rgba(0,0,0,0.03); --apple-radius: 6px; --apple-radius-lg: 8px; --apple-shadow: none; --apple-shadow-hover: none; --apple-transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1); padding: 0 !important; max-width: none !important; min-height: auto !important; background: transparent !important; font-family: 'Inter', system-ui, -apple-system, sans-serif !important; display: flex !important; flex-direction: column !important; flex: 1 !important; min-height: 0 !important; overflow: hidden !important; } /* Header — hidden (PDF buttons moved to categories action bar) */ .treso-wrapper .tp-header { display: none !important; } .treso-wrapper .tp-header-actions { gap: 4px !important; } /* Buttons — flat Linear style (match treso-btn-sm exactly) */ .treso-wrapper .tp-btn { padding: 3px 8px !important; border-radius: 5px !important; font-size: 10px !important; font-weight: 500 !important; border: 1px solid rgba(0,0,0,0.1) !important; gap: 4px !important; } .treso-wrapper .tp-btn svg { width: 12px !important; height: 12px !important; } .treso-wrapper .tp-btn-outline { background: #FFFFFF !important; box-shadow: none !important; } .treso-wrapper .tp-btn-outline:hover { background: #F5F5F5 !important; box-shadow: none !important; transform: none !important; } .treso-wrapper .tp-btn-link { font-size: 11px !important; padding: 4px 8px !important; border-radius: 4px !important; color: #6B7280 !important; } .treso-wrapper .tp-btn-link:hover { background: rgba(0,0,0,0.04) !important; color: #1A1A1A !important; } /* Filters — hidden (merged into unified action bar) */ .treso-wrapper .tp-filters { display: none !important; } .treso-wrapper .tp-filter-label { font-size: 10px !important; } .treso-wrapper .tp-select { padding: 4px 10px !important; font-size: 11px !important; border-radius: 4px !important; padding-right: 24px !important; } .treso-wrapper .tp-select-sm { padding: 3px 8px !important; padding-right: 22px !important; } .treso-wrapper .tp-presets { gap: 2px !important; padding: 2px !important; border-radius: 5px !important; } .treso-wrapper .tp-preset { padding: 3px 8px !important; font-size: 10px !important; border-radius: 4px !important; } /* KPIs — Stripe/Mercury Dashboard Cards */ .treso-wrapper .tp-kpis-cards { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 10px !important; padding: 10px 12px !important; height: auto !important; min-height: auto !important; border-bottom: none !important; background: transparent !important; border: none !important; border-radius: 0 !important; overflow: visible !important; margin-bottom: 0 !important; flex-shrink: 0 !important; } .treso-wrapper .tp-kpi-card-style { background: var(--bg-card, #fff) !important; border: 1px solid var(--border-light, #E2E8F0) !important; border-radius: 8px !important; padding: 10px 14px !important; flex-direction: column !important; align-items: flex-start !important; text-align: left !important; gap: 4px !important; box-shadow: none !important; transition: all 0.2s !important; } .treso-wrapper .tp-kpi-card-style:hover { transform: none !important; box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important; } /* Pastel backgrounds */ .treso-wrapper .tp-kpi-card-style.info { background: var(--pastel-blue-bg, #EFF6FF) !important; border-color: rgba(59,130,246,0.12) !important; } .treso-wrapper .tp-kpi-card-style.success { background: var(--pastel-green-bg, #ECFDF5) !important; border-color: rgba(16,185,129,0.12) !important; } .treso-wrapper .tp-kpi-card-style.danger { background: var(--pastel-red-bg, #FEF2F2) !important; border-color: rgba(239,68,68,0.12) !important; } .treso-wrapper .tp-kpi-card-style.warning { background: var(--pastel-orange-bg, #FFFBEB) !important; border-color: rgba(245,158,11,0.12) !important; } /* Pastel text */ .treso-wrapper .tp-kpi-card-style.info .tp-kpi-value { color: var(--pastel-blue-text, #1E40AF) !important; } .treso-wrapper .tp-kpi-card-style.success .tp-kpi-value { color: var(--pastel-green-text, #065F46) !important; } .treso-wrapper .tp-kpi-card-style.danger .tp-kpi-value { color: var(--pastel-red-text, #991B1B) !important; } .treso-wrapper .tp-kpi-card-style.warning .tp-kpi-value { color: var(--pastel-orange-text, #92400E) !important; } .treso-wrapper .tp-kpi-card-style::before { display: none !important; } /* Hide icons */ .treso-wrapper .tp-kpi-icon { display: none !important; } .treso-wrapper .tp-kpi-content { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 6px !important; margin-top: 0 !important; } .treso-wrapper .tp-kpi-label { font-size: 11px !important; font-weight: 500 !important; margin-bottom: 0 !important; letter-spacing: 0.04em !important; color: var(--text-secondary, #475569) !important; order: -1 !important; white-space: nowrap !important; } .treso-wrapper .tp-kpi-value { font-size: 20px !important; font-weight: 600 !important; letter-spacing: -0.02em !important; font-variant-numeric: tabular-nums !important; line-height: 1.2 !important; white-space: nowrap !important; } /* Options — compact inline */ .treso-wrapper .tp-options { padding: 6px 12px !important; margin-bottom: 8px !important; border-radius: 6px !important; box-shadow: none !important; border: 1px solid rgba(0,0,0,0.08) !important; gap: 10px !important; } .treso-wrapper .tp-checkbox { font-size: 11px !important; padding: 3px 6px !important; border-radius: 4px !important; gap: 6px !important; } .treso-wrapper .tp-checkbox input { width: 14px !important; height: 14px !important; } /* Table — fixed layout, scroll vertical dans le tableau uniquement */ .treso-wrapper .tp-table-wrapper { border-radius: 0 !important; box-shadow: none !important; border: none !important; overflow-x: hidden !important; overflow-y: auto !important; flex: 1 !important; min-height: 0 !important; } .treso-wrapper .tp-table { font-size: 11px !important; font-variant-numeric: tabular-nums !important; table-layout: fixed !important; } /* Monospace FinTech pour cellules numeriques */ .treso-wrapper .tp-cell-prevu, .treso-wrapper .tp-cell-reel, .treso-wrapper .tp-cell-ecart, .treso-wrapper .tp-total-prevu, .treso-wrapper .tp-total-reel, .treso-wrapper .tp-total-ecart, .treso-wrapper .tp-cell-prevu-only, .treso-wrapper .tp-total-prevu-only, .treso-wrapper .tp-kpi-value { font-family: 'SF Mono', 'JetBrains Mono', 'Fira Code', ui-monospace, monospace !important; font-variant-numeric: tabular-nums !important; } /* ── Sparkline strip in table header ── */ .treso-wrapper .tp-row-spark-header td { padding: 4px 12px !important; background: var(--bg-header, #F1F5F9) !important; border-bottom: 1px solid var(--border-light, #E2E8F0) !important; } .treso-wrapper .tp-spark-strip { display: flex !important; align-items: center !important; gap: 16px !important; } .treso-wrapper .tp-spark-tag { display: inline-flex !important; align-items: center !important; gap: 4px !important; font-size: 10px !important; font-weight: 500 !important; color: var(--text-muted, #94A3B8) !important; letter-spacing: 0.02em !important; } .treso-wrapper .tp-spark-dot { width: 6px !important; height: 6px !important; border-radius: 50% !important; flex-shrink: 0 !important; } .treso-wrapper .tp-spark-tag svg { display: block !important; } /* ── Ghost style (valeurs repetitives) ── */ .treso-wrapper .tp-cell-prevu.ghost, .treso-wrapper .tp-cell-reel.ghost, .treso-wrapper .tp-cell-ecart.ghost, .treso-wrapper .tp-cell-prevu-only.ghost { opacity: 0.35 !important; } /* ── Zebra striping ── */ .treso-wrapper .tp-row-parent:nth-child(even) { background: rgba(0,0,0,0.015) !important; } /* ── Total column fond grise ── */ .treso-wrapper .tp-th-total, .treso-wrapper .tp-td-total { background: rgba(0,0,0,0.025) !important; } .treso-wrapper .tp-table thead { background: var(--bg-header, #F1F5F9) !important; position: sticky !important; top: 0 !important; z-index: 11 !important; } .treso-wrapper .tp-table th { padding: 6px 6px !important; font-size: 10px !important; font-weight: 600 !important; letter-spacing: 0.03em !important; color: var(--text-muted, #94A3B8) !important; background: var(--bg-header, #F1F5F9) !important; border-bottom: 1px solid var(--border-light, #E2E8F0) !important; } .treso-wrapper .tp-th-month small { display: block !important; font-size: 8px !important; font-weight: 400 !important; opacity: 0.5 !important; letter-spacing: 0.02em !important; margin-top: 1px !important; } .treso-wrapper .tp-th-label { width: 140px !important; } .treso-wrapper .tp-th-month { min-width: 0 !important; } .treso-wrapper .tp-th-total { min-width: 0 !important; width: 75px !important; } .treso-wrapper .tp-row-parent td { padding: 6px 6px !important; } .treso-wrapper .tp-td-label { gap: 6px !important; min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; } .treso-wrapper .tp-toggle { width: 20px !important; height: 20px !important; border-radius: 4px !important; font-size: 10px !important; } .treso-wrapper .tp-category-label { font-size: 12px !important; font-weight: 600 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; max-width: 100px !important; } .treso-wrapper .tp-cell-prevu { font-size: 12px !important; font-weight: 500 !important; } /* Réel — fine border instead of background */ .treso-wrapper .tp-cell-reel { font-size: 10px !important; padding: 1px 5px !important; border-radius: 3px !important; background: transparent !important; border: 1px solid rgba(0,0,0,0.08) !important; color: var(--text-primary, #0F172A) !important; } .treso-wrapper .tp-cell-reel.over { background: transparent !important; border-color: rgba(239,68,68,0.25) !important; color: #DC2626 !important; } .treso-wrapper .tp-cell-reel.empty { border-color: transparent !important; color: var(--text-muted, #94A3B8) !important; } /* Écart — dot + colored text, no background */ .treso-wrapper .tp-cell-ecart { font-size: 9px !important; padding: 0 !important; border-radius: 0 !important; background: none !important; display: inline-flex !important; align-items: center !important; gap: 4px !important; font-weight: 600 !important; } .treso-wrapper .tp-cell-ecart::before { content: '' !important; display: inline-block !important; width: 5px !important; height: 5px !important; border-radius: 50% !important; flex-shrink: 0 !important; } .treso-wrapper .tp-cell-ecart.positive { background: none !important; color: #059669 !important; } .treso-wrapper .tp-cell-ecart.positive::before { background: #34D399 !important; box-shadow: 0 0 4px rgba(52,211,153,0.4) !important; } .treso-wrapper .tp-cell-ecart.negative { background: none !important; color: #DC2626 !important; } .treso-wrapper .tp-cell-ecart.negative::before { background: #F87171 !important; box-shadow: 0 0 4px rgba(248,113,113,0.4) !important; } .treso-wrapper .tp-cell-stack { gap: 3px !important; } /* Total row labels */ .treso-wrapper .tp-cell-lbl { font-style: normal !important; font-size: 8px !important; font-weight: 600 !important; letter-spacing: 0.04em !important; color: var(--apple-secondary, #6B7280) !important; margin-right: 3px !important; } [data-theme="dark"] .treso-wrapper .tp-cell-lbl { color: var(--text-muted) !important; } /* Display dropdown */ .treso-wrapper .tp-display-dropdown.show { display: block !important; } .treso-wrapper .tp-display-dropdown { box-shadow: 0 4px 12px rgba(0,0,0,0.1); } [data-theme="dark"] .treso-wrapper .tp-display-dropdown { background: #111112 !important; border-color: #1f1f21 !important; box-shadow: 0 4px 12px rgba(0,0,0,0.4) !important; } [data-theme="dark"] .treso-wrapper .tp-display-dropdown label:hover { background: rgba(255,255,255,0.04) !important; } /* Row hover — Linear-style highlight with transition */ .treso-wrapper .tp-row-parent, .treso-wrapper .tp-row-child { transition: background 0.15s ease !important; } .treso-wrapper .tp-row-parent:hover { background: rgba(0,0,0,0.04) !important; } .treso-wrapper .tp-row-parent:hover > td:first-child { box-shadow: inset 3px 0 0 0 #3B82F6; } .treso-wrapper .tp-row-child:hover { background: rgba(0,0,0,0.025) !important; } /* Total column */ .treso-wrapper .tp-td-total { padding-right: 10px !important; } .treso-wrapper .tp-total-stack { gap: 3px !important; } .treso-wrapper .tp-total-prevu { font-size: 12px !important; } /* Total réel — fine border instead of background */ .treso-wrapper .tp-total-reel { font-size: 10px !important; padding: 2px 6px !important; border-radius: 3px !important; background: transparent !important; border: 1px solid rgba(0,0,0,0.08) !important; color: var(--text-primary, #0F172A) !important; } .treso-wrapper .tp-total-reel.over { background: transparent !important; border-color: rgba(239,68,68,0.25) !important; color: #DC2626 !important; } /* Total écart — dot + colored text */ .treso-wrapper .tp-total-ecart { font-size: 10px !important; padding: 0 !important; border-radius: 0 !important; background: none !important; display: inline-flex !important; align-items: center !important; gap: 4px !important; font-weight: 600 !important; } .treso-wrapper .tp-total-ecart::before { content: '' !important; display: inline-block !important; width: 5px !important; height: 5px !important; border-radius: 50% !important; flex-shrink: 0 !important; } .treso-wrapper .tp-total-ecart.positive { background: none !important; color: #059669 !important; } .treso-wrapper .tp-total-ecart.positive::before { background: #34D399 !important; box-shadow: 0 0 4px rgba(52,211,153,0.4) !important; } .treso-wrapper .tp-total-ecart.negative { background: none !important; color: #DC2626 !important; } .treso-wrapper .tp-total-ecart.negative::before { background: #F87171 !important; box-shadow: 0 0 4px rgba(248,113,113,0.4) !important; } .treso-wrapper .tp-total-prevu-only { font-size: 12px !important; } .treso-wrapper .tp-total-prevu-only.small { font-size: 11px !important; } /* Child rows */ .treso-wrapper .tp-row-child td { padding: 4px 8px !important; } .treso-wrapper .tp-label-child { padding-left: 12px !important; } .treso-wrapper .tp-tree-branch { width: 10px !important; margin-right: 6px !important; } .treso-wrapper .tp-fournisseur-name { font-size: 11px !important; } .treso-wrapper .tp-cell-prevu-only { font-size: 11px !important; } .treso-wrapper .tp-cell-prevu-only.small { font-size: 10px !important; } /* Footer row — même fond que thead, sticky bottom */ .treso-wrapper .tp-table tfoot { position: sticky !important; bottom: 0 !important; z-index: 10 !important; } .treso-wrapper .tp-row-footer td { padding: 8px !important; background: var(--bg-header, #F1F5F9) !important; color: var(--text-primary, #0F172A) !important; border-top: 1px solid var(--border-light, #E2E8F0) !important; } .treso-wrapper .tp-row-footer .tp-cell-prevu, .treso-wrapper .tp-row-footer .tp-total-prevu { color: var(--text-primary, #0F172A) !important; } .treso-wrapper .tp-row-footer .tp-cell-reel, .treso-wrapper .tp-row-footer .tp-total-reel { color: var(--text-secondary, #475569) !important; background: transparent !important; border: 1px solid rgba(0,0,0,0.08) !important; } .treso-wrapper .tp-row-footer .tp-cell-ecart.positive, .treso-wrapper .tp-row-footer .tp-total-ecart.positive { color: #059669 !important; background: transparent !important; } .treso-wrapper .tp-row-footer .tp-cell-ecart.negative, .treso-wrapper .tp-row-footer .tp-total-ecart.negative { color: #DC2626 !important; background: transparent !important; } .treso-wrapper .tp-row-footer .tp-cell-lbl { color: var(--text-muted, #94A3B8) !important; } .treso-wrapper .tp-row-footer strong { color: var(--text-primary, #0F172A) !important; } .treso-wrapper .tp-footer-labels { display: flex !important; flex-direction: column !important; gap: 2px !important; margin-top: 4px !important; } .treso-wrapper .tp-footer-labels .tp-cell-lbl { margin-right: 0 !important; font-size: 7px !important; line-height: 1.3 !important; } /* Empty state */ .treso-wrapper .tp-empty { padding: 40px 20px !important; } .treso-wrapper .tp-empty p { font-size: 13px !important; } /* ── DARK MODE — Full Linear tokens ── */ [data-theme="dark"] .treso-wrapper .tp-container { --apple-text: #EDEDEF; --apple-secondary: #8B8B8E; --apple-tertiary: #3A3A3D; --apple-bg: transparent; --apple-card: #111112; --apple-blue: #FAFAFA; --apple-green: #34D399; --apple-red: #F87171; --apple-orange: #FBBF24; --apple-border: #1f1f21; --apple-hover: rgba(255,255,255,0.03); --apple-shadow: none; --apple-shadow-hover: none; background: transparent !important; } [data-theme="dark"] .treso-wrapper .tp-period-badge { background: rgba(255,255,255,0.04) !important; color: var(--text-tertiary) !important; } /* Dark buttons */ [data-theme="dark"] .treso-wrapper .tp-btn { border-color: #1f1f21 !important; color: var(--text-tertiary) !important; } [data-theme="dark"] .treso-wrapper .tp-btn-outline { background: rgba(255,255,255,0.04) !important; } [data-theme="dark"] .treso-wrapper .tp-btn-outline:hover { background: rgba(255,255,255,0.07) !important; color: var(--text-primary) !important; } [data-theme="dark"] .treso-wrapper .tp-btn-link { color: #FAFAFA !important; } [data-theme="dark"] .treso-wrapper .tp-btn-link:hover { background: rgba(255,255,255,0.08) !important; } /* Dark filters */ [data-theme="dark"] .treso-wrapper .tp-filters { background: var(--bg-secondary, #111112) !important; border-color: transparent !important; border-bottom-color: #1f1f21 !important; } [data-theme="dark"] .treso-wrapper .tp-select { background: rgba(255,255,255,0.04) !important; border-color: #1f1f21 !important; color: var(--text-primary) !important; } [data-theme="dark"] .treso-wrapper .tp-select:focus { box-shadow: 0 0 0 1px rgba(255,255,255,0.3), 0 0 0 3px rgba(255,255,255,0.1) !important; } [data-theme="dark"] .treso-wrapper .tp-presets { background: rgba(255,255,255,0.04) !important; } [data-theme="dark"] .treso-wrapper .tp-preset { color: var(--text-muted) !important; } [data-theme="dark"] .treso-wrapper .tp-preset:hover { color: var(--text-primary) !important; } [data-theme="dark"] .treso-wrapper .tp-preset.active { background: rgba(255,255,255,0.08) !important; color: var(--text-primary) !important; box-shadow: 0 1px 2px rgba(0,0,0,0.3) !important; } /* Dark KPIs — data grid */ [data-theme="dark"] .treso-wrapper .tp-kpis-cards { background: transparent !important; } [data-theme="dark"] .treso-wrapper .tp-kpi-card-style { background: rgba(255,255,255,0.03) !important; border-color: rgba(255,255,255,0.06) !important; } [data-theme="dark"] .treso-wrapper .tp-kpi-card-style:hover { background: rgba(255,255,255,0.05) !important; box-shadow: none !important; } [data-theme="dark"] .treso-wrapper .tp-kpi-card-style.info { background: rgba(255,255,255,0.06) !important; border-color: rgba(255,255,255,0.1) !important; } [data-theme="dark"] .treso-wrapper .tp-kpi-card-style.success { background: rgba(16,185,129,0.08) !important; border-color: rgba(16,185,129,0.15) !important; } [data-theme="dark"] .treso-wrapper .tp-kpi-card-style.danger { background: rgba(239,68,68,0.08) !important; border-color: rgba(239,68,68,0.15) !important; } [data-theme="dark"] .treso-wrapper .tp-kpi-card-style.warning { background: rgba(245,158,11,0.08) !important; border-color: rgba(245,158,11,0.15) !important; } [data-theme="dark"] .treso-wrapper .tp-kpi-card-style.info .tp-kpi-value { color: #A0A0A6 !important; } [data-theme="dark"] .treso-wrapper .tp-kpi-card-style.success .tp-kpi-value { color: #6EE7B7 !important; } [data-theme="dark"] .treso-wrapper .tp-kpi-card-style.danger .tp-kpi-value { color: #FCA5A5 !important; } [data-theme="dark"] .treso-wrapper .tp-kpi-card-style.warning .tp-kpi-value { color: #FCD34D !important; } [data-theme="dark"] .treso-wrapper .tp-kpi-icon { display: none !important; } [data-theme="dark"] .treso-wrapper .tp-kpi-label { color: var(--text-tertiary) !important; } [data-theme="dark"] .treso-wrapper .tp-kpi-value { color: var(--text-primary) !important; } [data-theme="dark"] .treso-wrapper .tp-kpi.positive .tp-kpi-value { color: #34D399 !important; } [data-theme="dark"] .treso-wrapper .tp-kpi.negative .tp-kpi-value { color: #F87171 !important; } /* Dark sparkline strip */ [data-theme="dark"] .treso-wrapper .tp-row-spark-header td { background: #161616 !important; border-bottom: 1px solid rgba(255,255,255,0.06) !important; } [data-theme="dark"] .treso-wrapper .tp-spark-tag { color: var(--text-tertiary) !important; } /* Dark zebra */ [data-theme="dark"] .treso-wrapper .tp-row-parent:nth-child(even) { background: rgba(255,255,255,0.015) !important; } /* Dark total column */ [data-theme="dark"] .treso-wrapper .tp-th-total, [data-theme="dark"] .treso-wrapper .tp-td-total { background: rgba(255,255,255,0.03) !important; } /* Dark options */ [data-theme="dark"] .treso-wrapper .tp-options { background: #111112 !important; border-color: #1f1f21 !important; } [data-theme="dark"] .treso-wrapper .tp-checkbox { color: var(--text-tertiary) !important; } [data-theme="dark"] .treso-wrapper .tp-checkbox:hover { background: rgba(255,255,255,0.04) !important; } [data-theme="dark"] .treso-wrapper .tp-checkbox input { accent-color: #FAFAFA !important; } /* Dark table */ [data-theme="dark"] .treso-wrapper .tp-table-wrapper { background: #111112 !important; border: none !important; } [data-theme="dark"] .treso-wrapper .tp-table thead { background: #1A1B1D !important; } [data-theme="dark"] .treso-wrapper .tp-table th { color: var(--text-tertiary) !important; background: #1A1B1D !important; border-color: #1f1f21 !important; } [data-theme="dark"] .treso-wrapper .tp-th-total { background: rgba(255,255,255,0.03) !important; } [data-theme="dark"] .treso-wrapper .tp-row-parent { background: #111112 !important; } [data-theme="dark"] .treso-wrapper .tp-row-parent:hover { background: rgba(255,255,255,0.03) !important; } [data-theme="dark"] .treso-wrapper .tp-row-parent td { border-color: rgba(255,255,255,0.04) !important; border-top: 1px solid rgba(255,255,255,0.05) !important; } [data-theme="dark"] .treso-wrapper .tp-category-label { color: var(--text-primary) !important; } [data-theme="dark"] .treso-wrapper .tp-toggle { background: rgba(255,255,255,0.04) !important; color: var(--text-muted) !important; } [data-theme="dark"] .treso-wrapper .tp-toggle:hover { background: rgba(255,255,255,0.08) !important; color: var(--text-primary) !important; } [data-theme="dark"] .treso-wrapper .tp-cell-prevu { color: var(--text-primary) !important; } /* Dark réel — fine border */ [data-theme="dark"] .treso-wrapper .tp-cell-reel { background: transparent !important; border-color: #1f1f21 !important; color: var(--text-tertiary) !important; } [data-theme="dark"] .treso-wrapper .tp-cell-reel.over { background: transparent !important; border-color: rgba(248,113,113,0.25) !important; color: #F87171 !important; } [data-theme="dark"] .treso-wrapper .tp-cell-reel.empty { background: transparent !important; border-color: transparent !important; color: #3A3A3D !important; } /* Dark écart — dot + text, no background */ [data-theme="dark"] .treso-wrapper .tp-cell-ecart.positive { background: none !important; color: #34D399 !important; } [data-theme="dark"] .treso-wrapper .tp-cell-ecart.positive::before { background: #34D399 !important; box-shadow: 0 0 6px rgba(52,211,153,0.5) !important; } [data-theme="dark"] .treso-wrapper .tp-cell-ecart.negative { background: none !important; color: #F87171 !important; } [data-theme="dark"] .treso-wrapper .tp-cell-ecart.negative::before { background: #F87171 !important; box-shadow: 0 0 6px rgba(248,113,113,0.5) !important; } /* Dark row hover — Linear-style */ [data-theme="dark"] .treso-wrapper .tp-row-parent:hover { background: rgba(255,255,255,0.05) !important; } [data-theme="dark"] .treso-wrapper .tp-row-parent:hover > td:first-child { box-shadow: inset 3px 0 0 0 #FAFAFA; } [data-theme="dark"] .treso-wrapper .tp-row-child:hover { background: rgba(255,255,255,0.04) !important; } /* Dark total column */ [data-theme="dark"] .treso-wrapper .tp-td-total { background: rgba(255,255,255,0.02) !important; } [data-theme="dark"] .treso-wrapper .tp-total-prevu { color: var(--text-primary) !important; } /* Dark total réel — fine border */ [data-theme="dark"] .treso-wrapper .tp-total-reel { background: transparent !important; border-color: #1f1f21 !important; color: var(--text-tertiary) !important; } [data-theme="dark"] .treso-wrapper .tp-total-reel.over { background: transparent !important; border-color: rgba(248,113,113,0.25) !important; color: #F87171 !important; } /* Dark total écart — dot + text */ [data-theme="dark"] .treso-wrapper .tp-total-ecart.positive { background: none !important; color: #34D399 !important; } [data-theme="dark"] .treso-wrapper .tp-total-ecart.positive::before { background: #34D399 !important; box-shadow: 0 0 6px rgba(52,211,153,0.5) !important; } [data-theme="dark"] .treso-wrapper .tp-total-ecart.negative { background: none !important; color: #F87171 !important; } [data-theme="dark"] .treso-wrapper .tp-total-ecart.negative::before { background: #F87171 !important; box-shadow: 0 0 6px rgba(248,113,113,0.5) !important; } [data-theme="dark"] .treso-wrapper .tp-total-prevu-only { color: var(--text-primary) !important; } [data-theme="dark"] .treso-wrapper .tp-total-prevu-only.small { color: var(--text-tertiary) !important; } /* Dark child rows */ [data-theme="dark"] .treso-wrapper .tp-row-child { background: rgba(255,255,255,0.01) !important; } [data-theme="dark"] .treso-wrapper .tp-row-child:hover { background: rgba(255,255,255,0.03) !important; } [data-theme="dark"] .treso-wrapper .tp-row-child td { border-color: rgba(255,255,255,0.03) !important; } [data-theme="dark"] .treso-wrapper .tp-row-child.last td { border-color: rgba(255,255,255,0.06) !important; } [data-theme="dark"] .treso-wrapper .tp-tree-branch { border-color: #3A3A3D !important; } [data-theme="dark"] .treso-wrapper .tp-fournisseur-name { color: var(--text-tertiary) !important; } [data-theme="dark"] .treso-wrapper .tp-cell-prevu-only { color: var(--text-primary) !important; } [data-theme="dark"] .treso-wrapper .tp-cell-prevu-only.small { color: var(--text-tertiary) !important; } /* Dark footer row */ [data-theme="dark"] .treso-wrapper .tp-table tfoot { background: #1A1B1D !important; } [data-theme="dark"] .treso-wrapper .tp-row-footer { background: #1A1B1D !important; } [data-theme="dark"] .treso-wrapper .tp-row-footer td { background: #1A1B1D !important; color: var(--text-primary) !important; border-color: rgba(255,255,255,0.06) !important; } [data-theme="dark"] .treso-wrapper .tp-row-footer .tp-cell-lbl { color: var(--text-tertiary) !important; } [data-theme="dark"] .treso-wrapper .tp-row-footer strong { color: var(--text-primary) !important; } [data-theme="dark"] .treso-wrapper .tp-row-footer .tp-cell-prevu, [data-theme="dark"] .treso-wrapper .tp-row-footer .tp-total-prevu { color: var(--text-primary) !important; } [data-theme="dark"] .treso-wrapper .tp-row-footer .tp-cell-reel, [data-theme="dark"] .treso-wrapper .tp-row-footer .tp-total-reel { background: transparent !important; border-color: rgba(255,255,255,0.12) !important; color: rgba(255,255,255,0.7) !important; } [data-theme="dark"] .treso-wrapper .tp-row-footer .tp-cell-ecart.positive, [data-theme="dark"] .treso-wrapper .tp-row-footer .tp-total-ecart.positive { background: none !important; color: #34D399 !important; } [data-theme="dark"] .treso-wrapper .tp-row-footer .tp-cell-ecart.negative, [data-theme="dark"] .treso-wrapper .tp-row-footer .tp-total-ecart.negative { background: none !important; color: #F87171 !important; } [data-theme="dark"] .treso-wrapper .tp-td-footer-total { background: rgba(255,255,255,0.03) !important; } /* Dark empty state */ [data-theme="dark"] .treso-wrapper .tp-empty { color: var(--text-muted) !important; } [data-theme="dark"] .treso-wrapper .tp-empty svg { stroke: #3A3A3D !important; } [data-theme="dark"] .treso-wrapper .tp-empty p { color: var(--text-primary) !important; } [data-theme="dark"] .treso-wrapper .tp-empty-hint { color: var(--text-muted) !important; } /* ═══════════════════════════════════════════════════════════════════════ FOURNISSEURS ADMIN (fa-*) — Dark Mode Complet ═══════════════════════════════════════════════════════════════════════ */ [data-theme="dark"] .fa-modal-overlay { background: rgba(0, 0, 0, 0.7) !important; } [data-theme="dark"] .fa-modal, [data-theme="dark"] .fa-submodal { background: var(--bg-secondary) !important; box-shadow: 0 25px 60px rgba(0, 0, 0, 0.5) !important; border: 1px solid var(--border-linear) !important; } [data-theme="dark"] .fa-modal-header, [data-theme="dark"] .fa-submodal-header { border-color: var(--border-linear) !important; } [data-theme="dark"] .fa-modal-header h2, [data-theme="dark"] .fa-submodal-header h3 { color: var(--text-primary) !important; } [data-theme="dark"] .fa-modal-close { color: var(--text-muted) !important; } [data-theme="dark"] .fa-modal-close:hover { color: var(--text-primary) !important; } [data-theme="dark"] .fa-tabs { background: var(--bg-tertiary) !important; border-color: var(--border-linear) !important; } [data-theme="dark"] .fa-tab { color: var(--text-secondary) !important; } [data-theme="dark"] .fa-tab:hover { color: var(--text-primary) !important; } [data-theme="dark"] .fa-tab.active { color: var(--text-primary) !important; border-bottom-color: var(--text-primary) !important; background: var(--bg-secondary) !important; } [data-theme="dark"] .fa-modal-body { background: var(--bg-secondary) !important; } [data-theme="dark"] .fa-btn { background: var(--bg-tertiary) !important; color: var(--text-primary) !important; border-color: var(--border-linear) !important; } [data-theme="dark"] .fa-btn:hover { background: var(--bg-elevated) !important; } [data-theme="dark"] .fa-btn-primary { background: #FAFAFA !important; color: #0C0C0C !important; border-color: #FAFAFA !important; } [data-theme="dark"] .fa-btn-primary:hover { background: #e5e5e5 !important; } [data-theme="dark"] .fa-btn-success { background: #30D158 !important; border-color: #30D158 !important; } [data-theme="dark"] .fa-btn-success:hover { background: #28b34c !important; } [data-theme="dark"] .fa-btn-danger { color: #FF453A !important; border-color: #FF453A !important; } [data-theme="dark"] .fa-btn-danger:hover { background: rgba(255, 69, 58, 0.1) !important; } [data-theme="dark"] .fa-btn-icon { background: var(--bg-tertiary) !important; border-color: var(--border-linear) !important; color: var(--text-secondary) !important; } [data-theme="dark"] .fa-btn-icon:hover { background: var(--bg-elevated) !important; color: var(--text-primary) !important; } [data-theme="dark"] .fa-info { color: var(--text-secondary) !important; } [data-theme="dark"] .fa-category-card { border-color: var(--border-linear) !important; } [data-theme="dark"] .fa-category-header { background: var(--bg-tertiary) !important; } [data-theme="dark"] .fa-category-header:hover { background: var(--bg-elevated) !important; } [data-theme="dark"] .fa-category-toggle { color: var(--text-muted) !important; } [data-theme="dark"] .fa-category-code { background: var(--bg-elevated) !important; color: var(--text-primary) !important; } [data-theme="dark"] .fa-category-label { color: var(--text-primary) !important; } [data-theme="dark"] .fa-category-count, [data-theme="dark"] .fa-category-budget { color: var(--text-secondary) !important; } [data-theme="dark"] .fa-category-content { background: var(--bg-secondary) !important; } [data-theme="dark"] .fa-fournisseur-row { background: var(--bg-tertiary) !important; border-left-color: var(--border-linear) !important; } [data-theme="dark"] .fa-fournisseur-name { color: var(--text-primary) !important; } [data-theme="dark"] .fa-fournisseur-patterns { color: var(--text-muted) !important; } [data-theme="dark"] .fa-budget-type { color: var(--text-muted) !important; } [data-theme="dark"] .fa-budget-amount { color: var(--text-primary) !important; } [data-theme="dark"] .fa-empty, [data-theme="dark"] .fa-empty-small { color: var(--text-muted) !important; } [data-theme="dark"] .fa-submodal-footer { border-color: var(--border-linear) !important; background: var(--bg-tertiary) !important; } [data-theme="dark"] .fa-form-group label { color: var(--text-primary) !important; } [data-theme="dark"] .fa-form-group input, [data-theme="dark"] .fa-form-group textarea, [data-theme="dark"] .fa-form-group select { background: var(--bg-tertiary) !important; color: var(--text-primary) !important; border-color: var(--border-linear) !important; } [data-theme="dark"] .fa-form-group input:focus, [data-theme="dark"] .fa-form-group textarea:focus, [data-theme="dark"] .fa-form-group select:focus { border-color: var(--text-secondary) !important; } [data-theme="dark"] .fa-form-group small { color: var(--text-muted) !important; } [data-theme="dark"] .fa-form-divider { color: var(--text-secondary) !important; border-color: var(--border-linear) !important; } [data-theme="dark"] .fa-radio-group label { color: var(--text-primary) !important; } [data-theme="dark"] .fa-month-input label { color: var(--text-secondary) !important; } [data-theme="dark"] .fa-month-input input { background: var(--bg-tertiary) !important; color: var(--text-primary) !important; border-color: var(--border-linear) !important; } [data-theme="dark"] .fa-info-box { background: rgba(10, 132, 255, 0.08) !important; border-color: rgba(10, 132, 255, 0.25) !important; } [data-theme="dark"] .fa-info-box h4 { color: var(--text-primary) !important; } [data-theme="dark"] .fa-info-box p { color: var(--text-secondary) !important; } [data-theme="dark"] .fa-loading { color: var(--text-muted) !important; } [data-theme="dark"] .fa-error { background: rgba(255, 69, 58, 0.1) !important; color: #FF453A !important; } [data-theme="dark"] .fa-results-summary { background: var(--bg-tertiary) !important; } [data-theme="dark"] .fa-results-summary.preview { background: rgba(255, 159, 10, 0.08) !important; border-color: rgba(255, 159, 10, 0.25) !important; } [data-theme="dark"] .fa-results-summary.applied { background: rgba(48, 209, 88, 0.08) !important; border-color: rgba(48, 209, 88, 0.25) !important; } [data-theme="dark"] .fa-results-summary h4, [data-theme="dark"] .fa-results-summary h5 { color: var(--text-primary) !important; } [data-theme="dark"] .fa-stat { background: var(--bg-elevated) !important; } [data-theme="dark"] .fa-stat-value { color: var(--text-primary) !important; } [data-theme="dark"] .fa-stat-label { color: var(--text-muted) !important; } [data-theme="dark"] .fa-category-stats li { color: var(--text-secondary) !important; } [data-theme="dark"] .fa-table th { background: var(--bg-tertiary) !important; color: var(--text-secondary) !important; border-color: var(--border-linear) !important; } [data-theme="dark"] .fa-table td { color: var(--text-primary) !important; border-color: var(--border-linear) !important; } [data-theme="dark"] .fa-table td.negative { color: #FF453A !important; } [data-theme="dark"] .fa-stat-box { background: var(--bg-tertiary) !important; color: var(--text-primary) !important; } [data-theme="dark"] .fa-suggestion { background: var(--bg-tertiary) !important; } [data-theme="dark"] .fa-suggestion:hover { background: var(--bg-elevated) !important; } [data-theme="dark"] .fa-suggestion-word { color: var(--text-primary) !important; } [data-theme="dark"] .fa-suggestion-count { color: var(--text-muted) !important; } [data-theme="dark"] .fa-section { background: var(--bg-tertiary) !important; } [data-theme="dark"] .fa-section h4 { color: var(--text-primary) !important; } [data-theme="dark"] .fa-section p { color: var(--text-secondary) !important; } /* ═══════════════════════════════════════════════════════════════════════ BUDGET QUICKEDIT (bq-*) — Dark Mode Complet ═══════════════════════════════════════════════════════════════════════ */ [data-theme="dark"] .bq-modal-overlay { background: rgba(0, 0, 0, 0.7) !important; } [data-theme="dark"] .bq-modal { background: var(--bg-secondary) !important; box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5) !important; border: 1px solid var(--border-linear) !important; } [data-theme="dark"] .bq-modal-header { border-color: var(--border-linear) !important; } [data-theme="dark"] .bq-modal-header h2 { color: var(--text-primary) !important; } [data-theme="dark"] .bq-modal-close { color: var(--text-muted) !important; } [data-theme="dark"] .bq-modal-close:hover { color: var(--text-primary) !important; } [data-theme="dark"] .bq-modal-body { background: var(--bg-secondary) !important; } [data-theme="dark"] .bq-category-info { color: var(--text-secondary) !important; } [data-theme="dark"] .bq-toolbar { background: var(--bg-tertiary) !important; border-color: var(--border-linear) !important; } [data-theme="dark"] .bq-toolbar-row + .bq-toolbar-row { border-color: var(--border-linear) !important; } [data-theme="dark"] .bq-input { background: var(--bg-tertiary) !important; color: var(--text-primary) !important; border-color: var(--border-linear) !important; } [data-theme="dark"] .bq-input:focus { border-color: var(--text-secondary) !important; } [data-theme="dark"] .bq-btn { background: var(--bg-tertiary) !important; color: var(--text-primary) !important; border-color: var(--border-linear) !important; } [data-theme="dark"] .bq-btn:hover { background: var(--bg-elevated) !important; } [data-theme="dark"] .bq-btn-primary { background: #FAFAFA !important; color: #0C0C0C !important; } [data-theme="dark"] .bq-btn-primary:hover { background: #e5e5e5 !important; } [data-theme="dark"] .bq-btn-sm { background: var(--bg-tertiary) !important; color: var(--text-primary) !important; border-color: var(--border-linear) !important; } [data-theme="dark"] .bq-btn-sm:hover { background: var(--bg-elevated) !important; } [data-theme="dark"] .bq-btn-clear { color: #FF453A !important; border-color: rgba(255, 69, 58, 0.3) !important; } [data-theme="dark"] .bq-btn-clear:hover { background: rgba(255, 69, 58, 0.1) !important; border-color: #FF453A !important; } [data-theme="dark"] .bq-label { color: var(--text-secondary) !important; } [data-theme="dark"] .bq-month-btn { background: var(--bg-tertiary) !important; border-color: var(--border-linear) !important; color: var(--text-secondary) !important; } [data-theme="dark"] .bq-month-btn:hover { border-color: var(--text-secondary) !important; color: var(--text-primary) !important; } [data-theme="dark"] .bq-month-btn.selected { background: #FAFAFA !important; border-color: #FAFAFA !important; color: #0C0C0C !important; } [data-theme="dark"] .bq-btn-apply { background: #30D158 !important; } [data-theme="dark"] .bq-btn-apply:hover { background: #28b34c !important; } [data-theme="dark"] .bq-month-item label { color: var(--text-secondary) !important; } [data-theme="dark"] .bq-month-input { background: var(--bg-tertiary) !important; color: var(--text-primary) !important; border-color: var(--border-linear) !important; } [data-theme="dark"] .bq-month-input:focus { border-color: var(--text-secondary) !important; background: var(--bg-elevated) !important; } [data-theme="dark"] .bq-total { background: #FAFAFA !important; color: #0C0C0C !important; } [data-theme="dark"] .bq-modal-footer { background: var(--bg-tertiary) !important; border-color: var(--border-linear) !important; } [data-theme="dark"] .bq-toast { background: var(--bg-elevated) !important; color: var(--text-primary) !important; border: 1px solid var(--border-linear) !important; } [data-theme="dark"] .bq-toast.warning { background: #FF9F0A !important; color: #000 !important; } [data-theme="dark"] .bq-toast.error { background: #FF453A !important; color: #fff !important; } [data-theme="dark"] .budget-quick-btn { background: rgba(255, 159, 10, 0.15) !important; border-color: rgba(255, 159, 10, 0.3) !important; } [data-theme="dark"] .budget-quick-btn:hover { background: rgba(255, 159, 10, 0.25) !important; } /* Tresorerie Categories Manager */ [data-theme="dark"] .cm-container, [data-theme="dark"] .cm-header, [data-theme="dark"] .cm-card, [data-theme="dark"] .cm-modal, [data-theme="dark"] .cm-btn-secondary, [data-theme="dark"] .cm-fournisseur-row, [data-theme="dark"] .cm-fournisseur-row:hover { background: var(--surface-card) !important; border-color: var(--border-color) !important; } /* Tresorerie Previsionnel */ [data-theme="dark"] .prev-container, [data-theme="dark"] .prev-header, [data-theme="dark"] .prev-card, [data-theme="dark"] .prev-modal { background: var(--surface-card) !important; border-color: var(--border-color) !important; } /* Tresorerie Factures */ [data-theme="dark"] .tf-container, [data-theme="dark"] .tf-header, [data-theme="dark"] .tf-card, [data-theme="dark"] .tf-modal { background: var(--surface-card) !important; border-color: var(--border-color) !important; } /* Tresorerie Matching UI */ [data-theme="dark"] .match-container, [data-theme="dark"] .match-header, [data-theme="dark"] .match-card, [data-theme="dark"] .match-modal, [data-theme="dark"] .match-result { background: var(--surface-card) !important; border-color: var(--border-color) !important; } /* Tresorerie Facturation Sync */ [data-theme="dark"] .sync-container, [data-theme="dark"] .sync-header, [data-theme="dark"] .sync-card, [data-theme="dark"] .sync-modal { background: var(--surface-card) !important; border-color: var(--border-color) !important; } /* Appels d'offres Module */ [data-theme="dark"] .ao-container, [data-theme="dark"] .ao-header, [data-theme="dark"] .ao-tab, [data-theme="dark"] .ao-kpi, [data-theme="dark"] .ao-card, [data-theme="dark"] .ao-btn-edit, [data-theme="dark"] .ao-stat-mini, [data-theme="dark"] .ao-filter-select, [data-theme="dark"] .ao-select, [data-theme="dark"] .ao-boamp-result, [data-theme="dark"] .ao-boamp-search-bar, [data-theme="dark"] .ao-boamp-filters, [data-theme="dark"] .ao-boamp-count-bar, [data-theme="dark"] .ao-boamp-card, [data-theme="dark"] .ao-boamp-toolbar, [data-theme="dark"] .ao-view-btn, [data-theme="dark"] .ao-view-btn.active, [data-theme="dark"] .ao-kanban-header, [data-theme="dark"] .ao-kanban-card, [data-theme="dark"] .ao-modal-content, [data-theme="dark"] .ao-form-group input, [data-theme="dark"] .ao-form-group select, [data-theme="dark"] .ao-form-group textarea, [data-theme="dark"] .ao-classif-group select, [data-theme="dark"] .btn-outline { background: var(--surface-card) !important; border-color: var(--border-color) !important; color: var(--text-primary) !important; } [data-theme="dark"] .ao-boamp-deadline.urgence-haute { background: rgba(255, 159, 10, 0.2) !important; color: #FF9F0A !important; } /* RH Module */ [data-theme="dark"] .rh-container, [data-theme="dark"] .rh-header, [data-theme="dark"] .rh-select, [data-theme="dark"] .rh-month-nav button, [data-theme="dark"] .rh-table td, [data-theme="dark"] .rh-table td input, [data-theme="dark"] .rh-table td select, [data-theme="dark"] .rh-stats .stat, [data-theme="dark"] .rh-btn, [data-theme="dark"] .rh-cal-day, [data-theme="dark"] .rh-view-toggle button, [data-theme="dark"] .rh-km-bareme-item, [data-theme="dark"] .rh-km-form-grid input, [data-theme="dark"] .rh-km-form-grid select, [data-theme="dark"] .rh-km-summary-item, [data-theme="dark"] .rh-modal-content { background: var(--surface-card) !important; border-color: var(--border-color) !important; color: var(--text-primary) !important; } [data-theme="dark"] .rh-sync-status.syncing { background: rgba(255, 159, 10, 0.2) !important; color: #FF9F0A !important; } [data-theme="dark"] .rh-validation-banner.pending { background: rgba(255, 159, 10, 0.15) !important; border-color: #FF9F0A !important; } /* RH Module — Lignes week-end, fériés, congés (dark mode) */ [data-theme="dark"] .rh-table tr.r-we td { background: #1A1B1E !important; color: var(--text-tertiary) !important; border-bottom-color: #252628 !important; } [data-theme="dark"] .rh-table tr.r-we td input, [data-theme="dark"] .rh-table tr.r-we td select { background: #1A1B1E !important; color: var(--text-tertiary) !important; border-color: #2C2C2C !important; } [data-theme="dark"] .rh-table tr.r-fer td { background: #1E1F22 !important; color: var(--text-secondary) !important; border-bottom-color: #2C2C2C !important; } [data-theme="dark"] .rh-table tr.r-fer td input, [data-theme="dark"] .rh-table tr.r-fer td select { background: #1E1F22 !important; color: var(--text-secondary) !important; } [data-theme="dark"] .rh-table tr.r-cp td { background: rgba(100, 100, 120, 0.2) !important; color: var(--text-secondary) !important; } [data-theme="dark"] .rh-table tr.r-rtt td { background: rgba(139, 92, 246, 0.15) !important; color: #A78BFA !important; } [data-theme="dark"] .rh-table tr.r-rec td { background: rgba(255, 255, 255, 0.06) !important; color: #A0A0A6 !important; } [data-theme="dark"] .rh-table tr.r-mal td { background: rgba(239, 68, 68, 0.12) !important; color: #FCA5A5 !important; } [data-theme="dark"] .rh-table tr.r-tot td { background: #FAFAFA !important; color: #0C0C0C !important; } [data-theme="dark"] .rh-table th { background: var(--bg-tertiary) !important; border-color: var(--border-color) !important; color: var(--text-tertiary) !important; } [data-theme="dark"] .rh-table td { border-bottom-color: var(--border-color) !important; } [data-theme="dark"] .rh-table-wrap { border-color: var(--border-color) !important; } [data-theme="dark"] .rh-tabs { border-bottom-color: var(--border-color) !important; } [data-theme="dark"] .rh-tab { color: var(--text-tertiary) !important; } [data-theme="dark"] .rh-tab:hover { color: var(--text-primary) !important; background: var(--bg-tertiary) !important; } [data-theme="dark"] .rh-tab.active { color: var(--text-primary) !important; border-bottom-color: var(--text-primary) !important; background: var(--bg-secondary) !important; } [data-theme="dark"] .rh-section { border-bottom-color: var(--border-color) !important; color: var(--text-tertiary) !important; } [data-theme="dark"] .rh-legend .leg { color: var(--text-secondary) !important; } [data-theme="dark"] .rh-month-nav h2 { color: var(--text-primary) !important; } [data-theme="dark"] .rh-readonly-notice { background: var(--bg-tertiary) !important; border-color: var(--border-color) !important; color: var(--text-secondary) !important; } [data-theme="dark"] .rh-block { border-color: var(--border-color) !important; } [data-theme="dark"] .rh-km-vehicule-card { background: var(--bg-tertiary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .rh-km-bareme { background: var(--bg-secondary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .rh-km-projet-tag { background: var(--bg-tertiary) !important; border-color: var(--border-color) !important; color: var(--text-primary) !important; } [data-theme="dark"] .rh-filter-group label { color: var(--text-tertiary) !important; } [data-theme="dark"] .rh-filter-group select { background: var(--surface-card) !important; border-color: var(--border-color) !important; color: var(--text-primary) !important; } [data-theme="dark"] .rh-km-add-projet input { background: var(--surface-card) !important; border-color: var(--border-color) !important; color: var(--text-primary) !important; } [data-theme="dark"] .rh-km-vehicule-info > div label { color: var(--text-tertiary) !important; } [data-theme="dark"] .rh-km-vehicule-info > div .val { color: var(--text-primary) !important; } /* RH Module — Temps/Projets (dark mode) */ [data-theme="dark"] .rh-temps-day-header { background: var(--bg-tertiary) !important; color: var(--text-tertiary) !important; } [data-theme="dark"] .rh-temps-day-cell { background: var(--surface-card) !important; border-color: transparent !important; color: var(--text-primary) !important; } [data-theme="dark"] .rh-temps-day-cell.we, [data-theme="dark"] .rh-temps-day-cell.fer { background: #1A1B1E !important; color: var(--text-tertiary) !important; } [data-theme="dark"] .rh-temps-day-cell.off { background: var(--bg-tertiary) !important; color: var(--text-tertiary) !important; } [data-theme="dark"] .rh-temps-day-cell:not(.empty):not(.we):not(.fer):not(.off):hover { background: var(--bg-tertiary) !important; } [data-theme="dark"] .rh-temps-day-cell.selected { border-color: var(--text-primary) !important; background: var(--bg-tertiary) !important; } [data-theme="dark"] .rh-temps-affectation { border-color: var(--border-color) !important; background: var(--surface-card) !important; } [data-theme="dark"] .rh-temps-affectation.nf { border-left-color: #F59E0B !important; } [data-theme="dark"] .rh-temps-affectation.projet { border-left-color: var(--text-primary) !important; } [data-theme="dark"] .rh-temps-aff-label { color: var(--text-tertiary) !important; } [data-theme="dark"] .rh-temps-select, [data-theme="dark"] .rh-temps-select-phase, [data-theme="dark"] .rh-temps-affectation .hours-input, [data-theme="dark"] .rh-temps-affectation .note-input { background: var(--bg-tertiary) !important; border-color: var(--border-color) !important; color: var(--text-primary) !important; } [data-theme="dark"] .rh-temps-summary { border-top-color: var(--text-primary) !important; } [data-theme="dark"] .rh-temps-summary-text { color: var(--text-secondary) !important; } [data-theme="dark"] .rh-temps-summary-text strong { color: var(--text-primary) !important; } [data-theme="dark"] .rh-temps-bar { background: var(--bg-tertiary) !important; } [data-theme="dark"] .rh-temps-bar-fill { background: var(--text-primary) !important; } [data-theme="dark"] .rh-temps-placeholder { color: var(--text-tertiary) !important; } [data-theme="dark"] .rh-temps-day-title { color: var(--text-primary) !important; } [data-theme="dark"] .rh-temps-day-hours { color: var(--text-secondary) !important; } [data-theme="dark"] .rh-temps-day-hours strong { color: var(--text-primary) !important; } [data-theme="dark"] .rh-temps-day-header-info { border-bottom-color: var(--border-color) !important; } /* RH Module — Notification panel (dark mode) */ [data-theme="dark"] .notif-panel { background: var(--bg-secondary) !important; border: 1px solid var(--border-color) !important; box-shadow: 0 8px 32px rgba(0,0,0,.5) !important; } [data-theme="dark"] .notif-panel-header { border-bottom-color: var(--border-color) !important; color: var(--text-primary) !important; } [data-theme="dark"] .notif-item { border-bottom-color: var(--border-color) !important; color: var(--text-primary) !important; } [data-theme="dark"] .notif-item:hover { background: var(--bg-tertiary) !important; } [data-theme="dark"] .notif-item.unread { background: rgba(59, 130, 246, 0.08) !important; } [data-theme="dark"] .notif-item-icon { background: var(--bg-tertiary) !important; } [data-theme="dark"] .notif-item-message { color: var(--text-secondary) !important; } [data-theme="dark"] .notif-item-time, [data-theme="dark"] .notif-item-source { color: var(--text-tertiary) !important; } [data-theme="dark"] .notif-action-btn { background: var(--bg-tertiary) !important; border-color: var(--border-color) !important; color: var(--text-primary) !important; } [data-theme="dark"] .notif-action-btn.primary { background: var(--text-primary) !important; color: var(--bg-primary) !important; } [data-theme="dark"] .notif-toast { background: var(--bg-secondary) !important; border: 1px solid var(--border-color) !important; box-shadow: 0 8px 32px rgba(0,0,0,.5) !important; } [data-theme="dark"] .notif-toast-title { color: var(--text-primary) !important; } [data-theme="dark"] .notif-toast-message { color: var(--text-secondary) !important; } [data-theme="dark"] .notif-toast-close { color: var(--text-tertiary) !important; } [data-theme="dark"] .notif-empty { color: var(--text-tertiary) !important; } /* Passwords Team Module */ [data-theme="dark"] .pwd-container, [data-theme="dark"] .pwd-header, [data-theme="dark"] .pwd-card, [data-theme="dark"] .pwd-modal, [data-theme="dark"] .pwd-input, [data-theme="dark"] .pwd-btn { background: var(--surface-card) !important; border-color: var(--border-color) !important; color: var(--text-primary) !important; } /* Clients Module */ [data-theme="dark"] .stat-card, [data-theme="dark"] .pending-card, [data-theme="dark"] .btn-icon, [data-theme="dark"] .activity-tab, [data-theme="dark"] .activity-icon, [data-theme="dark"] .time-spent-breakdown { background: var(--surface-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .stat-pending .stat-icon { background: rgba(255, 159, 10, 0.2) !important; } [data-theme="dark"] .row-pending { background: rgba(255, 159, 10, 0.15) !important; } /* Agenda Module */ [data-theme="dark"] .agenda-container, [data-theme="dark"] .agenda-header, [data-theme="dark"] .agenda-card, [data-theme="dark"] .agenda-modal, [data-theme="dark"] .agenda-event { background: var(--surface-card) !important; border-color: var(--border-color) !important; } /* Devis Module */ [data-theme="dark"] .devis-container, [data-theme="dark"] .devis-header, [data-theme="dark"] .devis-card, [data-theme="dark"] .devis-modal, [data-theme="dark"] .tab-btn, [data-theme="dark"] .tab-btn.active { background: var(--surface-card) !important; border-color: var(--border-color) !important; color: var(--text-primary) !important; } /* Devis — Bandeau suggestions AgentDevis */ .suggestions-banner { background: #F0F9FF; border: 1px solid #BAE6FD; border-radius: 4px; padding: 12px 16px; margin-bottom: 16px; } .suggestions-banner.suggestions-empty { display: flex; align-items: center; gap: 8px; background: #F9FAFB; border-color: #E5E7EB; color: #6B7280; font-size: 13px; } .suggestions-header { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; } .suggestions-icon { font-size: 16px; } .suggestions-title { font-size: 13px; font-weight: 600; color: #0369A1; flex: 1; } .suggestions-close { background: none; border: none; cursor: pointer; color: #94A3B8; font-size: 14px; padding: 2px 4px; line-height: 1; } .suggestions-close:hover { color: #475569; } .suggestions-body { display: flex; flex-direction: column; gap: 8px; } .sugg-kpi { display: flex; gap: 16px; } .sugg-kpi-item { display: flex; flex-direction: column; gap: 2px; } .sugg-kpi-label { font-size: 11px; letter-spacing: 0.05em; color: #64748B; } .sugg-kpi-value { font-size: 16px; font-weight: 600; color: #0369A1; } .sugg-phases { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; } .sugg-phases-label { font-size: 12px; color: #64748B; } .sugg-phase { font-size: 12px; background: #E0F2FE; color: #0369A1; padding: 2px 8px; border-radius: 3px; } .sugg-phase b { font-weight: 600; } .suggestions-actions { margin-top: 8px; padding-top: 8px; border-top: 1px solid #BAE6FD; } .btn-sugg-apply { background: #0369A1; color: #FFFFFF; border: none; padding: 6px 14px; font-size: 12px; font-weight: 600; letter-spacing: 0.05em; border-radius: 3px; cursor: pointer; } .btn-sugg-apply:hover { background: #075985; } /* Suggestions Dark Mode */ [data-theme="dark"] .suggestions-banner { background: var(--bg-tertiary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .suggestions-banner.suggestions-empty { background: var(--bg-secondary) !important; border-color: var(--border-color) !important; color: var(--text-secondary) !important; } [data-theme="dark"] .suggestions-title { color: #7DD3FC; } [data-theme="dark"] .sugg-kpi-label { color: var(--text-tertiary); } [data-theme="dark"] .sugg-kpi-value { color: #7DD3FC; } [data-theme="dark"] .sugg-phases-label { color: var(--text-tertiary); } [data-theme="dark"] .sugg-phase { background: rgba(14, 165, 233, 0.15); color: #7DD3FC; } [data-theme="dark"] .suggestions-actions { border-color: var(--border-color); } [data-theme="dark"] .btn-sugg-apply { background: #0EA5E9; color: #FFFFFF; } [data-theme="dark"] .btn-sugg-apply:hover { background: #0284C7; } /* Devis — Indicateur anomalies */ .anomalies-indicator { display: flex; align-items: flex-start; gap: 8px; background: #FFFBEB; border: 1px solid #FDE68A; border-radius: 4px; padding: 10px 14px; margin-top: 12px; } .anomalies-icon { font-size: 14px; flex-shrink: 0; margin-top: 1px; } .anomalies-list { display: flex; flex-direction: column; gap: 4px; } .anomaly-item { font-size: 12px; color: #92400E; line-height: 1.4; } .anomaly-item.anomaly-warning { color: #92400E; } .anomaly-item.anomaly-info { color: #1E40AF; } [data-theme="dark"] .anomalies-indicator { background: rgba(251, 191, 36, 0.1) !important; border-color: rgba(251, 191, 36, 0.3) !important; } [data-theme="dark"] .anomaly-item.anomaly-warning { color: #FBBF24; } [data-theme="dark"] .anomaly-item.anomaly-info { color: #60A5FA; } /* Facturation Module (facturation.js, facturation-patch.js) */ [data-theme="dark"] .fp-container, [data-theme="dark"] .fp-header, [data-theme="dark"] .fp-main-tab, [data-theme="dark"] .fp-main-tab.active, [data-theme="dark"] .fp-kpi, [data-theme="dark"] .fp-table, [data-theme="dark"] .fp-btn-secondary, [data-theme="dark"] .fp-template-section, [data-theme="dark"] .fp-template-preview, [data-theme="dark"] .fp-mini-invoice, [data-theme="dark"] .fp-settings-section, [data-theme="dark"] .fp-logo-preview, [data-theme="dark"] .fp-logo-preview.has-logo { background: var(--surface-card) !important; border-color: var(--border-color) !important; } /* Facturation Features */ [data-theme="dark"] .ff-container, [data-theme="dark"] .ff-header, [data-theme="dark"] .ff-card { background: var(--surface-card) !important; border-color: var(--border-color) !important; } /* Facturation Invoice Creator */ [data-theme="dark"] .ic-modal, [data-theme="dark"] .ic-preview iframe, [data-theme="dark"] .ic-btn-sec { background: var(--surface-card) !important; border-color: var(--border-color) !important; } /* Chorus / Marché public - Section facture */ .ic-chorus-section { border: 1px solid #e0e7ff; border-radius: 6px; padding: 16px; background: #f8f9ff; } .ic-chorus-section h3 { color: #4338ca !important; } .ic-chorus-fields .ic-group input, .ic-chorus-fields .ic-group textarea { background: #fff; } [data-theme="dark"] .ic-chorus-section { background: var(--bg-tertiary, #1F2022) !important; border-color: var(--border-color, #2A2B2E) !important; } [data-theme="dark"] .ic-chorus-section h3 { color: #818cf8 !important; } [data-theme="dark"] .ic-chorus-fields .ic-group input, [data-theme="dark"] .ic-chorus-fields .ic-group textarea { background: var(--surface-card, #151618) !important; border-color: var(--border-color, #2A2B2E) !important; color: var(--text-primary, #FAFAFA) !important; } /* Chorus - Section projet (accordion) */ [data-theme="dark"] .prj-chorus-section input, [data-theme="dark"] .prj-chorus-section textarea { background: var(--surface-card, #151618) !important; border-color: var(--border-color, #2A2B2E) !important; color: var(--text-primary, #FAFAFA) !important; } /* Facturation Gantt ERP */ [data-theme="dark"] .ge-container, [data-theme="dark"] .ge-kpi, [data-theme="dark"] .ge-zoom button, [data-theme="dark"] .ge-nav button, [data-theme="dark"] .ge-cell-action button, [data-theme="dark"] .ge-modal, [data-theme="dark"] .ge-btn-sec { background: var(--surface-card) !important; border-color: var(--border-color) !important; } /* Admin Module */ [data-theme="dark"] .admin-container, [data-theme="dark"] .admin-header, [data-theme="dark"] .admin-btn, [data-theme="dark"] .admin-tab, [data-theme="dark"] .admin-tab.active, [data-theme="dark"] .admin-nav-btn, [data-theme="dark"] .admin-nav-item > span, [data-theme="dark"] .admin-dropdown, [data-theme="dark"] .admin-filter-select, [data-theme="dark"] .admin-column, [data-theme="dark"] .admin-task-action, [data-theme="dark"] .admin-history-delete, [data-theme="dark"] .admin-modal-content { background: var(--surface-card) !important; border-color: var(--border-color) !important; color: var(--text-primary) !important; } /* Roles Manager Module */ [data-theme="dark"] .roles-container, [data-theme="dark"] .roles-header, [data-theme="dark"] .roles-card, [data-theme="dark"] .roles-modal, [data-theme="dark"] .roles-btn { background: var(--surface-card) !important; border-color: var(--border-color) !important; } /* Compterendu Module */ [data-theme="dark"] .cr-container, [data-theme="dark"] .cr-header, [data-theme="dark"] .cr-card, [data-theme="dark"] .cr-modal, [data-theme="dark"] .cr-section { background: var(--surface-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .cr-btn-danger:hover { background: rgba(255, 69, 58, 0.15) !important; } [data-theme="dark"] .cr-badge-draft { background: rgba(255, 159, 10, 0.2) !important; color: #FF9F0A !important; } /* Diffusion Module */ [data-theme="dark"] .diff-container, [data-theme="dark"] .diff-header, [data-theme="dark"] .diff-stat, [data-theme="dark"] .diff-kanban-column, [data-theme="dark"] .diff-card, [data-theme="dark"] .diff-report-card, [data-theme="dark"] .diff-modal-content { background: var(--surface-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .diff-email-warning { background: rgba(255, 159, 10, 0.15) !important; color: #FF9F0A !important; } /* Planning Module - Dark Mode Linear-like */ [data-theme="dark"] #planningContent { --bg: var(--bg-primary); --surface: var(--bg-secondary); --text: var(--text-primary); --text-secondary: var(--text-secondary); --text-tertiary: var(--text-tertiary); --border: var(--border-color); --border-hover: var(--border-strong); --hover-bg: var(--bg-hover); --today: #FF453A; } [data-theme="dark"] #planningContent .planning-controls, [data-theme="dark"] #planningContent .planning-summary, [data-theme="dark"] #planningContent .gantt-view, [data-theme="dark"] #planningContent .planning-legend { background: var(--bg-secondary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] #planningContent .planning-filter-select, [data-theme="dark"] #planningContent .nav-btn, [data-theme="dark"] #planningContent .today-btn, [data-theme="dark"] #planningContent .zoom-btn { background: var(--bg-elevated) !important; border-color: var(--border-color) !important; color: var(--text-primary) !important; } [data-theme="dark"] #planningContent .zoom-btn.active { background: var(--surface-card) !important; box-shadow: 0 1px 2px rgba(0,0,0,0.2); } [data-theme="dark"] #planningContent .filter-pill.active { background: var(--bg-hover) !important; border-color: var(--border-color) !important; } [data-theme="dark"] #planningContent .project-labels, [data-theme="dark"] #planningContent .label-header { background: var(--bg-secondary) !important; } [data-theme="dark"] #planningContent .label-row:hover, [data-theme="dark"] #planningContent .timeline-row:hover { background: var(--bg-hover) !important; } [data-theme="dark"] #planningContent .timeline-header { background: var(--bg-tertiary) !important; } [data-theme="dark"] #planningContent .th-cell.weekend, [data-theme="dark"] #planningContent .tc-cell.weekend { background: rgba(255, 255, 255, 0.02) !important; } [data-theme="dark"] #planningContent .tc-cell.today-col { background: rgba(255, 69, 58, 0.08) !important; } [data-theme="dark"] #planningContent .day-view { background: var(--bg-primary) !important; } [data-theme="dark"] #planningContent .day-col { background: var(--bg-secondary) !important; box-shadow: 0 1px 3px rgba(0,0,0,0.2); } [data-theme="dark"] #planningContent .day-col-header { background: var(--bg-secondary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] #planningContent .day-col-count { background: var(--bg-elevated) !important; color: var(--text-secondary) !important; } [data-theme="dark"] #planningContent .day-items { background: var(--bg-primary) !important; } [data-theme="dark"] #planningContent .day-item { background: var(--bg-secondary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] #planningContent .day-item:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.3); border-color: var(--border-strong) !important; } [data-theme="dark"] #planningContent .day-item-tag, [data-theme="dark"] #planningContent .day-item-status { background: var(--bg-elevated) !important; } [data-theme="dark"] #planningContent .milestone-tooltip { background: var(--text-primary) !important; color: var(--bg-primary) !important; } [data-theme="dark"] #planningContent .empty-state { color: var(--text-tertiary) !important; } /* Knowledge Module */ [data-theme="dark"] .knowledge-container, [data-theme="dark"] .knowledge-header, [data-theme="dark"] .knowledge-card, [data-theme="dark"] .knowledge-modal { background: var(--surface-card) !important; border-color: var(--border-color) !important; } /* Guide Module */ [data-theme="dark"] .guide-container, [data-theme="dark"] .guide-header, [data-theme="dark"] .guide-card, [data-theme="dark"] .guide-modal { background: var(--surface-card) !important; border-color: var(--border-color) !important; } /* Equipe Projet Module */ [data-theme="dark"] .ep-container, [data-theme="dark"] .ep-header, [data-theme="dark"] .ep-card, [data-theme="dark"] .ep-modal, [data-theme="dark"] .ep-select { background: var(--surface-card) !important; border-color: var(--border-color) !important; } /* Chantiers DPGF */ [data-theme="dark"] .ch-dpgf-container, [data-theme="dark"] .ch-dpgf-header, [data-theme="dark"] .ch-dpgf-card, [data-theme="dark"] .ch-dpgf-modal, [data-theme="dark"] .ch-dpgf-summary-item { background: var(--surface-card) !important; border-color: var(--border-color) !important; } /* Chantiers Intervenants */ [data-theme="dark"] .chi-container, [data-theme="dark"] .chi-dropdown-menu, [data-theme="dark"] .chi-card, [data-theme="dark"] .chi-societe-input, [data-theme="dark"] .chi-btn-edit, [data-theme="dark"] .chi-btn-small, [data-theme="dark"] .chi-modal-content, [data-theme="dark"] .chi-autocomplete, [data-theme="dark"] .chi-btn-secondary { background: var(--surface-card) !important; border-color: var(--border-color) !important; color: var(--text-primary) !important; } /* Chantiers Extended */ [data-theme="dark"] .pres-btn, [data-theme="dark"] .page-footer { background: var(--surface-card) !important; border-color: var(--border-color) !important; } /* Marche Module */ [data-theme="dark"] .marche-container, [data-theme="dark"] .marche-header, [data-theme="dark"] .marche-card, [data-theme="dark"] .marche-modal { background: var(--surface-card) !important; border-color: var(--border-color) !important; } /* CCTP Modules */ [data-theme="dark"] .cctp-container, [data-theme="dark"] .cctp-header, [data-theme="dark"] .cctp-card, [data-theme="dark"] .cctp-modal { background: var(--surface-card) !important; border-color: var(--border-color) !important; } /* Billing Rules Engine */ [data-theme="dark"] .bre-container, [data-theme="dark"] .bre-header, [data-theme="dark"] .bre-card, [data-theme="dark"] .bre-modal { background: var(--surface-card) !important; border-color: var(--border-color) !important; } /* Feedback Module - Dark Mode Complet */ [data-theme="dark"] .feedback-container, [data-theme="dark"] .feedback-wrap, [data-theme="dark"] .feedback-header { background: var(--bg-primary) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .feedback-card, [data-theme="dark"] .feedback-item, [data-theme="dark"] .feedback-list-item { background: var(--surface-card) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .feedback-card:hover, [data-theme="dark"] .feedback-item:hover, [data-theme="dark"] .feedback-list-item:hover { background: var(--bg-hover) !important; box-shadow: 0 2px 8px rgba(0,0,0,0.2); } [data-theme="dark"] .feedback-modal, [data-theme="dark"] .feedback-modal-content, [data-theme="dark"] .feedback-form { background: var(--surface-modal) !important; border-color: var(--border-color) !important; } [data-theme="dark"] .feedback-title, [data-theme="dark"] .feedback-text, [data-theme="dark"] .feedback-content { color: var(--text-primary) !important; } [data-theme="dark"] .feedback-author, [data-theme="dark"] .feedback-date, [data-theme="dark"] .feedback-meta { color: var(--text-secondary) !important; } [data-theme="dark"] .feedback-input, [data-theme="dark"] .feedback-textarea, [data-theme="dark"] .feedback-select { background: var(--bg-input) !important; border-color: var(--border-color) !important; color: var(--text-primary) !important; } [data-theme="dark"] .feedback-btn { background: var(--bg-elevated) !important; border-color: var(--border-color) !important; color: var(--text-primary) !important; } [data-theme="dark"] .feedback-btn:hover { background: var(--bg-active) !important; } [data-theme="dark"] .feedback-btn-primary { background: var(--accent-blue) !important; color: #fff !important; } [data-theme="dark"] .feedback-status { background: var(--bg-elevated) !important; color: var(--text-secondary) !important; } [data-theme="dark"] .feedback-screenshot, [data-theme="dark"] .feedback-image { border-color: var(--border-color) !important; background: var(--bg-tertiary) !important; } /* Whatsnew Module */ [data-theme="dark"] .whatsnew-container, [data-theme="dark"] .whatsnew-header, [data-theme="dark"] .whatsnew-card, [data-theme="dark"] .whatsnew-modal { background: var(--surface-card) !important; border-color: var(--border-color) !important; } /* DPGF Autocomplete */ [data-theme="dark"] .dpgf-autocomplete, [data-theme="dark"] .dpgf-autocomplete-item, [data-theme="dark"] .dpgf-autocomplete-dropdown { background: var(--surface-modal) !important; border-color: var(--border-color) !important; } /* Gantt Split View */ [data-theme="dark"] .gsv-container, [data-theme="dark"] .gsv-header, [data-theme="dark"] .gsv-card { background: var(--surface-card) !important; border-color: var(--border-color) !important; } /* Force override pour éléments #FFFBEB (warning backgrounds) */ [data-theme="dark"] [style*="background:#FFFBEB"], [data-theme="dark"] [style*="background: #FFFBEB"], [data-theme="dark"] [style*="background:#fffbeb"], [data-theme="dark"] [style*="background: #fffbeb"] { background: rgba(255, 159, 10, 0.15) !important; color: #FF9F0A !important; } /* Force override pour éléments #FFF3E0 */ [data-theme="dark"] [style*="background:#FFF3E0"], [data-theme="dark"] [style*="background: #FFF3E0"], [data-theme="dark"] [style*="background:#fff3e0"], [data-theme="dark"] [style*="background: #fff3e0"] { background: rgba(255, 159, 10, 0.15) !important; color: #FF9F0A !important; } /* Force override pour éléments #FFF8E6 */ [data-theme="dark"] [style*="background:#FFF8E6"], [data-theme="dark"] [style*="background: #FFF8E6"], [data-theme="dark"] [style*="background:#fff8e6"], [data-theme="dark"] [style*="background: #fff8e6"] { background: rgba(255, 159, 10, 0.15) !important; } /* Force override pour éléments #FFF0F0 (danger backgrounds) */ [data-theme="dark"] [style*="background:#FFF0F0"], [data-theme="dark"] [style*="background: #FFF0F0"], [data-theme="dark"] [style*="background:#fff0f0"], [data-theme="dark"] [style*="background: #fff0f0"] { background: rgba(255, 69, 58, 0.15) !important; } /* Force override pour éléments #FFF5F5 */ [data-theme="dark"] [style*="background:#FFF5F5"], [data-theme="dark"] [style*="background: #FFF5F5"], [data-theme="dark"] [style*="background:#fff5f5"], [data-theme="dark"] [style*="background: #fff5f5"] { background: rgba(255, 69, 58, 0.15) !important; } /* Force override pour éléments #FFF8F8 */ [data-theme="dark"] [style*="background:#FFF8F8"], [data-theme="dark"] [style*="background: #FFF8F8"], [data-theme="dark"] [style*="background:#fff8f8"], [data-theme="dark"] [style*="background: #fff8f8"] { background: rgba(255, 69, 58, 0.1) !important; } /* Force override pour éléments #FFF4E6 */ [data-theme="dark"] [style*="background:#FFF4E6"], [data-theme="dark"] [style*="background: #FFF4E6"], [data-theme="dark"] [style*="background:#fff4e6"], [data-theme="dark"] [style*="background: #fff4e6"] { background: rgba(255, 159, 10, 0.15) !important; } /* Force texte sur éléments blancs */ [data-theme="dark"] [style*="color:#000"], [data-theme="dark"] [style*="color: #000"], [data-theme="dark"] [style*="color:#1d1d1f"], [data-theme="dark"] [style*="color: #1d1d1f"], [data-theme="dark"] [style*="color:#1A1A1A"], [data-theme="dark"] [style*="color: #1A1A1A"], [data-theme="dark"] [style*="color:#171717"], [data-theme="dark"] [style*="color: #171717"], [data-theme="dark"] [style*="color:#374151"], [data-theme="dark"] [style*="color: #374151"], [data-theme="dark"] [style*="color:#111827"], [data-theme="dark"] [style*="color: #111827"] { color: var(--text-primary) !important; } /* Force bordures sur éléments avec bordure #E5E5E5 */ [data-theme="dark"] [style*="border:1px solid #E5E5E5"], [data-theme="dark"] [style*="border: 1px solid #E5E5E5"], [data-theme="dark"] [style*="border:1px solid #e5e5e5"], [data-theme="dark"] [style*="border: 1px solid #e5e5e5"], [data-theme="dark"] [style*="border:1px solid #ddd"], [data-theme="dark"] [style*="border: 1px solid #ddd"], [data-theme="dark"] [style*="border:1px solid #E5E7EB"], [data-theme="dark"] [style*="border: 1px solid #E5E7EB"], [data-theme="dark"] [style*="border:1px solid #e5e7eb"], [data-theme="dark"] [style*="border: 1px solid #e5e7eb"] { border-color: var(--border-color) !important; }