/* DigitPilote — Aide Dashboard Styles */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --green:#2F4F3E;--green-l:#4a7c59;--gold:#C8A96B;--gold-d:#A07840;
  --bg:#F5F0E8;--white:#FFFFFF;--border:#E2DDD6;--text:#1F2A24;--text2:#5F6E66;
  --radius:12px;--radius-lg:16px;--shadow:0 2px 12px rgba(0,0,0,0.08);
  --sidebar-w:280px;
}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;display:flex;min-height:100vh}
#aide-sidebar{position:fixed;top:0;left:0;height:100vh;width:var(--sidebar-w);background:var(--green);overflow-y:auto;z-index:100;display:flex;flex-direction:column;transition:transform .25s ease}
#aide-sidebar::-webkit-scrollbar{width:4px}
#aide-sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:4px}
.sidebar-logo{padding:20px 20px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}
.sidebar-logo img{width:32px;height:32px;border-radius:8px;object-fit:contain}
.sidebar-logo span{color:#fff;font-weight:800;font-size:.95rem;letter-spacing:-.01em}
.sidebar-logo small{display:block;color:rgba(200,169,107,.7);font-size:.65rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}
.sidebar-search{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08)}
.sidebar-search input{width:100%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:8px 12px;color:#fff;font-size:.8rem;font-family:inherit;outline:none}
.sidebar-search input::placeholder{color:rgba(255,255,255,.35)}
.sidebar-search input:focus{border-color:var(--gold)}
.sidebar-section-label{padding:14px 16px 6px;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(200,169,107,.6)}
.sidebar-link{display:flex;align-items:center;gap:10px;padding:9px 16px;color:rgba(255,255,255,.75);font-size:.82rem;font-weight:500;cursor:pointer;border-left:3px solid transparent;transition:all .15s;text-decoration:none}
.sidebar-link:hover{background:rgba(255,255,255,.06);color:#fff}
.sidebar-link.active{background:rgba(200,169,107,.12);border-left-color:var(--gold);color:var(--gold);font-weight:700}
.sidebar-link i{width:18px;text-align:center;font-size:.82rem;flex-shrink:0}
.sidebar-back{display:flex;align-items:center;gap:8px;padding:12px 16px;color:rgba(255,255,255,.5);font-size:.75rem;margin-top:auto;border-top:1px solid rgba(255,255,255,.08);text-decoration:none;transition:color .15s}
.sidebar-back:hover{color:var(--gold)}
#aide-main{margin-left:var(--sidebar-w);flex:1;min-height:100vh}
.aide-topbar{background:#fff;border-bottom:1px solid var(--border);padding:14px 32px;display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:50;box-shadow:0 1px 4px rgba(0,0,0,.05)}
.aide-topbar h1{font-size:1rem;font-weight:700;color:var(--text);flex:1}
.topbar-breadcrumb{font-size:.78rem;color:var(--text2);display:flex;align-items:center;gap:6px}
.bc-current{color:var(--green);font-weight:600}
.aide-hero{background:linear-gradient(135deg,var(--green) 0%,#3d6b52 100%);padding:48px 40px;color:#fff;position:relative;overflow:hidden}
.aide-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 80% 20%,rgba(200,169,107,.2) 0%,transparent 60%);pointer-events:none}
.aide-hero h1{font-size:2rem;font-weight:800;margin-bottom:10px;position:relative}
.aide-hero p{font-size:1rem;opacity:.8;max-width:560px;position:relative;margin-bottom:24px}
.hero-chips{display:flex;flex-wrap:wrap;gap:8px;position:relative}
.hero-chip{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:6px 14px;font-size:.75rem;font-weight:600;color:rgba(255,255,255,.9);cursor:pointer;transition:all .15s}
.hero-chip:hover{background:rgba(200,169,107,.25);border-color:rgba(200,169,107,.5);color:var(--gold)}
.aide-content{padding:32px 40px;max-width:980px}
.aide-section{display:none}
.aide-section.active{display:block}
.help-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;margin-bottom:20px;box-shadow:var(--shadow)}
.help-card h2{font-size:1.15rem;font-weight:700;color:var(--text);margin-bottom:16px;display:flex;align-items:center;gap:10px}
.card-icon{width:36px;height:36px;border-radius:10px;background:rgba(47,79,62,.1);display:flex;align-items:center;justify-content:center;font-size:.9rem;color:var(--green);flex-shrink:0}
.help-card h3{font-size:.95rem;font-weight:700;color:var(--text);margin:20px 0 10px;padding-top:4px;border-top:1px solid rgba(0,0,0,.05)}
.help-card h3:first-of-type{border-top:none;margin-top:12px}
.help-card p{color:var(--text2);font-size:.88rem;line-height:1.75;margin-bottom:10px}
.help-card ul,.help-card ol{padding-left:20px;color:var(--text2);font-size:.88rem;line-height:1.85;margin-bottom:12px}
.help-card li{margin-bottom:4px}
.help-card strong{color:var(--text);font-weight:600}
.alert{border-radius:10px;padding:14px 18px;font-size:.84rem;margin-bottom:14px;display:flex;gap:12px;align-items:flex-start}
.alert-icon{font-size:1rem;flex-shrink:0;margin-top:1px}
.alert-info{background:rgba(47,79,62,.07);border:1px solid rgba(47,79,62,.18);color:var(--green)}
.alert-warn{background:rgba(200,169,107,.1);border:1px solid rgba(200,169,107,.35);color:#7a5c20}
.alert-tip{background:rgba(74,124,89,.08);border:1px solid rgba(74,124,89,.22);color:#2d5c3e}
.alert-danger{background:rgba(192,57,43,.07);border:1px solid rgba(192,57,43,.2);color:#8b2e22}
.alert p{color:inherit;font-size:.84rem;margin:0}
.steps{display:flex;flex-direction:column;gap:14px;margin:16px 0}
.step{display:flex;gap:14px;align-items:flex-start}
.step-num{width:28px;height:28px;border-radius:50%;background:var(--green);color:#fff;font-size:.78rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.step-body{flex:1}
.step-body strong{display:block;font-size:.88rem;font-weight:700;color:var(--text);margin-bottom:3px}
.step-body p{font-size:.84rem;color:var(--text2);margin:0}
.feat-table{width:100%;border-collapse:collapse;font-size:.84rem;margin:12px 0}
.feat-table th{background:var(--green);color:#fff;padding:10px 14px;text-align:left;font-size:.78rem;font-weight:600}
.feat-table td{padding:10px 14px;border-bottom:1px solid var(--border);color:var(--text2);vertical-align:top}
.feat-table tr:last-child td{border-bottom:none}
.feat-table tr:nth-child(even) td{background:rgba(47,79,62,.03)}
.feat-table td strong{color:var(--text);font-weight:600}
.page-types-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0}
.page-type-card{background:#fff;border:2px solid var(--border);border-radius:12px;padding:18px;transition:all .15s}
.page-type-card:hover{border-color:var(--gold);box-shadow:0 4px 16px rgba(200,169,107,.15)}
.page-type-card .pt-icon{font-size:1.8rem;margin-bottom:10px}
.page-type-card .pt-name{font-size:.88rem;font-weight:700;color:var(--text);margin-bottom:6px}
.page-type-card .pt-desc{font-size:.78rem;color:var(--text2);line-height:1.6}
.page-type-card .pt-use{font-size:.72rem;color:var(--green-l);font-weight:600;margin-top:8px}
.faq-item{border-bottom:1px solid var(--border);overflow:hidden}
.faq-q{width:100%;background:none;border:none;text-align:left;padding:16px 0;font-size:.88rem;font-weight:600;color:var(--text);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;font-family:inherit;transition:color .15s}
.faq-q:hover{color:var(--green)}
.faq-q i{color:var(--gold);flex-shrink:0;transition:transform .2s}
.faq-q.open i{transform:rotate(180deg)}
.faq-a{display:none;padding:0 0 16px;font-size:.85rem;color:var(--text2);line-height:1.75}
.faq-a.open{display:block}
.mock-dashboard{background:#1a2520;border-radius:12px;overflow:hidden;margin:16px 0;box-shadow:0 4px 24px rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.06)}
.mock-topbar{background:#0f1a14;padding:10px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.06)}
.mock-topbar-logo{display:flex;align-items:center;gap:8px;color:#C8A96B;font-weight:800;font-size:.85rem}
.mock-topbar-logo .dot{width:20px;height:20px;background:linear-gradient(135deg,#C8A96B,#A07840);border-radius:5px;display:inline-block}
.mock-topbar-right{margin-left:auto;display:flex;align-items:center;gap:6px}
.mock-badge{background:rgba(200,169,107,.15);border:1px solid rgba(200,169,107,.3);border-radius:999px;padding:3px 10px;font-size:.65rem;color:#C8A96B;font-weight:700}
.mock-body{display:flex;min-height:220px}
.mock-sidebar-mini{width:130px;background:#122018;padding:10px 0;flex-shrink:0}
.mock-nav-section{font-size:.52rem;color:rgba(200,169,107,.5);text-transform:uppercase;padding:8px 10px 4px;font-weight:700;letter-spacing:.08em}
.mock-nav-item{padding:6px 10px;font-size:.65rem;color:rgba(255,255,255,.55);display:flex;align-items:center;gap:5px}
.mock-nav-item.active{color:#C8A96B;background:rgba(200,169,107,.1);font-weight:700}
.mock-nav-item i{font-size:.58rem;width:11px}
.mock-content{flex:1;padding:14px;display:flex;flex-direction:column;gap:8px}
.mock-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.mock-kpi{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:8px}
.mock-kpi .val{font-size:1rem;font-weight:800;color:#C8A96B}
.mock-kpi .lbl{font-size:.55rem;color:rgba(255,255,255,.4);margin-top:2px}
.mock-row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mock-chart-box{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:10px}
.mock-chart-title{font-size:.65rem;font-weight:700;color:rgba(255,255,255,.65);margin-bottom:8px}
.mock-bars{display:flex;align-items:flex-end;gap:3px;height:40px}
.mock-bar{flex:1;background:linear-gradient(180deg,#C8A96B,#A07840);border-radius:2px 2px 0 0;opacity:.7}
.mock-agenda{background:rgba(200,169,107,.07);border:1px solid rgba(200,169,107,.2);border-radius:8px;padding:10px}
.mock-agenda-title{font-size:.65rem;font-weight:700;color:#C8A96B;margin-bottom:6px}
.mock-rdv{display:flex;align-items:center;gap:6px;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.6rem;color:rgba(255,255,255,.55)}
.mock-rdv:last-child{border-bottom:none}
.mock-rdv .rdv-time{color:#C8A96B;font-weight:700;min-width:34px}
.mock-rdv .rdv-dot{width:5px;height:5px;border-radius:50%;background:#4a7c59;flex-shrink:0}
.toolbar-visual{background:#fafaf8;border:1px solid var(--border);border-radius:10px;padding:12px 16px;display:flex;flex-wrap:wrap;gap:8px;margin:12px 0;font-size:.75rem;align-items:center}
.toolbar-group{display:flex;align-items:center;gap:4px;padding-right:10px;border-right:1px solid var(--border)}
.toolbar-group:last-child{border-right:none;padding-right:0}
.tb-btn{background:#fff;border:1px solid var(--border);border-radius:5px;padding:4px 8px;font-size:.72rem;color:var(--text);font-family:inherit;cursor:default;white-space:nowrap}
.tb-sep{color:var(--border);font-size:1rem}
.turnstile-mock{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:14px 16px;display:flex;align-items:center;gap:14px;margin:12px 0;max-width:320px}
.turnstile-check{width:24px;height:24px;border:2px solid #4CAF50;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#4CAF50;font-size:.9rem;flex-shrink:0}
.turnstile-text{font-size:.78rem;color:#555}
.turnstile-text strong{display:block;color:#333;font-size:.82rem}
.turnstile-logo{margin-left:auto;font-size:.65rem;color:#aaa;text-align:center}
#mobile-toggle{display:none;position:fixed;bottom:20px;right:20px;z-index:200;width:48px;height:48px;border-radius:50%;background:var(--green);color:#fff;border:none;font-size:1.2rem;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.25);align-items:center;justify-content:center}
@media(max-width:768px){
  body{overflow-x:hidden}
  #aide-sidebar{left:-320px;transform:none;visibility:hidden;pointer-events:none}
  #aide-sidebar.open{left:0;transform:none;visibility:visible;pointer-events:auto;z-index:300}
  #aide-main{margin-left:0;width:100%}
  .aide-content{padding:20px 16px}
  .aide-hero{padding:32px 20px}
  .aide-hero h1{font-size:1.5rem}
  .page-types-grid{grid-template-columns:1fr 1fr}
  .mock-kpi-row{grid-template-columns:1fr 1fr}
  #mobile-toggle{display:flex}
}
@media(max-width:480px){.page-types-grid{grid-template-columns:1fr}.mock-row2{grid-template-columns:1fr}}