@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700;9..40,800&display=swap');
/* Gondar Orient · connexion (#connexion) et espace client (#compte), 22 octobre 2026. Chargé après la feuille du site. */
/* 7 novembre 2026 : toutes les tailles de police −10 % (demande de Haïlé) ; texte sans taille propre : #compte-root à 90 %. */
#compte-root{ font-size:90%; }
#view-connexion, #view-compte{
  --cp-bg:#000; --cp-side:#070708; --cp-card:#111113; --cp-line:rgba(255,255,255,.12); --cp-ink:#fff; --cp-mute:rgba(255,255,255,.66);
  --cp-ultra:#2F43FF; --cp-ultra2:#5E73FF; --cp-soft:rgba(47,67,255,.14); --cp-green:#3FBE96; --cp-amber:#F5A524; --cp-red:#FF6B5E;
}
html[data-theme="light"] #view-connexion, html[data-theme="light"] #view-compte{
  --cp-bg:#fff; --cp-side:#F7F8FA; --cp-card:#fff; --cp-line:#DADDE6; --cp-ink:#0A0A0A; --cp-mute:#0A0A0A;
  --cp-soft:rgba(47,67,255,.08); --cp-green:#13805F; --cp-amber:#9A5B00; --cp-red:#C4332A;
}

/* ===== connexion ===== */
#view-connexion .cx-intro{ padding:10px 0 4px; }
#view-connexion .cx-intro h1{ text-align:center; font-size:clamp(21.6px,3.2vw,32px) !important; margin:0 auto 18px !important; }
.cx-box{ max-width:480px; margin:8px auto 72px; }
.cx-f{ display:grid; gap:14px; }
.cx-row{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
@media (max-width:520px){ .cx-row{ grid-template-columns:1fr; } }
.cx-tabs{ display:flex; gap:4px; background:var(--cp-card); border:1px solid var(--cp-line); border-radius:100px; padding:4px; margin-bottom:22px; }
.cx-tab{ flex:1; padding:10px; border-radius:100px; border:none; background:transparent; color:var(--cp-ink); font:600 12.6px Inter,sans-serif; cursor:pointer; }
.cx-tab.on{ background:var(--cp-ultra); color:#fff; }
.cx-btn{ display:flex; align-items:center; justify-content:center; width:100%; box-sizing:border-box; padding:13px 22px; border-radius:100px; border:1px solid var(--cp-ultra);
  background:var(--cp-ultra); color:#fff !important; font:600 13.5px/1.2 Inter,sans-serif; text-align:center; text-decoration:none; cursor:pointer; transition:.18s; }
.cx-btn:hover{ background:var(--cp-ultra2); border-color:var(--cp-ultra2); }
.cx-btn:disabled{ opacity:.6; cursor:default; }
.cx-btn-2{ background:transparent; color:var(--cp-ink) !important; border-color:var(--cp-line); }
.cx-btn-2:hover{ background:var(--cp-soft); border-color:var(--cp-ultra); }
.cx-link{ background:none; border:none; padding:4px 0; color:var(--cp-ink); font:500 12.6px Inter,sans-serif; text-decoration:underline; text-underline-offset:3px; cursor:pointer; justify-self:center; }
.cx-msg, .cp-msg{ margin-top:12px; font-size:12.6px; line-height:1.5; }
#view-connexion .field input, #view-compte .field input, #view-compte .field select, #view-compte textarea{
  width:100%; box-sizing:border-box; background:var(--cp-bg); border:1px solid var(--cp-line); color:var(--cp-ink); border-radius:10px; padding:12px 14px; font:400 13.5px Inter,sans-serif; }
#view-connexion .field input:focus, #view-compte .field input:focus, #view-compte .field select:focus, #view-compte textarea:focus{ outline:none; border-color:var(--cp-ultra); box-shadow:0 0 0 3px var(--cp-soft); }
#view-compte .field input:disabled{ opacity:.6; }

/* ===== Mon compte (refonte du 25 octobre 2026) : menu noir à textes blancs, panneau principal blanc, filets noirs fins.
   DM Sans partout ; tailles de police réduites de 15 %. Le panneau principal garde ses couleurs claires quel que soit le thème du site. ===== */
#view-compte{
  --cp-frame:#000; --cp-blue1:#1B27C4; --cp-blue2:#2F43FF; --cp-blue3:#5E73FF; --cp-blue4:#8E9DFF;
  background:var(--cp-frame); color:var(--cp-ink); padding:18px 0 56px;
}
html[data-theme="light"] #view-compte{ --cp-frame:#fff; }
#view-compte, #view-compte *{ font-family:'DM Sans',sans-serif !important; }
.cp-wait{ max-width:1320px; margin:0 auto; padding:80px 24px; text-align:center; color:var(--cp-mute); }
.cp{ display:grid; grid-template-columns:236px minmax(0,1fr); gap:14px; max-width:1320px; margin:0 auto; padding:0 24px; box-sizing:border-box; align-items:start; }

/* menu : noir à textes blancs en thème sombre ; blanc à textes noirs en thème clair, comme le panneau principal (25 octobre 2026) */
.cp-side{ --cp-ink:#fff; --cp-mute:#fff; --cp-line:rgba(255,255,255,.16); --cp-soft:rgba(255,255,255,.1); --cp-actif:rgba(255,255,255,.12); --cp-hb:rgba(255,255,255,.35); --cp-icon-on:var(--cp-blue4);
  align-self:stretch; display:flex; flex-direction:column; gap:12px; min-height:calc(100vh - 120px); padding:14px 12px; background:#000; color:var(--cp-ink);
  border:1px solid rgba(255,255,255,.22); border-radius:20px; box-sizing:border-box; }
html[data-theme="light"] .cp-side{ --cp-ink:#0A0A0A; --cp-mute:#0A0A0A; --cp-line:#E2E5EC; --cp-soft:rgba(47,67,255,.07); --cp-actif:rgba(47,67,255,.09); --cp-hb:#C9CDD8; --cp-icon-on:var(--cp-blue2);
  background:#fff; border-color:#0A0A0A; }
.cp-hnav{ display:flex; gap:6px; }
.cp-hbtn{ width:30px; height:30px; padding:6px; border-radius:8px; border:1px solid var(--cp-hb); background:transparent; color:var(--cp-ink); cursor:pointer; box-sizing:border-box; transition:.15s; }
.cp-hbtn svg{ display:block; width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.cp-hbtn:hover:not(:disabled){ background:var(--cp-soft); border-color:var(--cp-ink); }
.cp-hbtn:disabled{ opacity:.35; cursor:default; }
.cp-hbtn:focus-visible, .cp-nav-i:focus-visible{ outline:2px solid var(--cp-blue3); outline-offset:2px; }
.cp-nav{ display:grid; gap:1px; }
.cp-grp{ display:block; padding:12px 12px 5px; font-size:9.6px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--cp-ink); }
.cp-nav-i{ position:relative; display:flex; align-items:center; gap:11px; width:100%; padding:9px 12px; border:none; border-radius:11px; background:transparent; color:var(--cp-ink);
  font-size:12.9px; font-weight:500; text-align:left; cursor:pointer; transition:.15s; }
.cp-nav-i:hover{ background:var(--cp-soft); }
.cp-nav-i.on{ font-weight:700; background:var(--cp-actif); }
.cp-nav-i.on::before{ content:""; position:absolute; left:-12px; top:8px; bottom:8px; width:4px; border-radius:0 4px 4px 0; background:var(--cp-blue2); }
.cp-nav-i.on .cp-ic{ color:var(--cp-icon-on); }
.cp-sub{ padding-left:34px; font-size:12.1px; }
.cp-sub .cp-ic{ width:15px; height:15px; }
.cp-out{ margin-top:2px; }
.cp-ic{ display:inline-flex; width:18px; height:18px; flex:none; }
.cp-ic svg, .cp-jr-ic svg, .cp-promo-ic svg, .cp-dark-ic svg, .cp-hello-ic svg, .cp-qa-ic svg, .cp-fl-v svg{ width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
/* bloc compte en haut du menu, sous le carré précédent / suivant */
.cp-user{ display:flex; align-items:center; gap:10px; padding:4px 10px 12px; border-bottom:1px solid var(--cp-line); }
.cp-av{ flex:none; width:34px; height:34px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:linear-gradient(150deg, var(--cp-blue3), var(--cp-blue2)); color:#fff; font-size:12.1px; font-weight:700; }
.cp-user-t{ min-width:0; display:grid; gap:1px; }
.cp-user-t b{ font-size:12.9px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:var(--cp-ink); }
.cp-user-t span{ font-size:11.2px; color:var(--cp-ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
/* « Tester mon produit » juste sous le trait qui suit « Se déconnecter » */
.cp-side-foot{ border-top:1px solid var(--cp-line); padding-top:12px; }
.cp-promo{ display:grid; gap:10px; justify-items:center; text-align:center; padding:16px 14px; border-radius:16px; color:#fff;
  background:radial-gradient(120% 90% at 100% 0%, rgba(142,157,255,.35), transparent 55%), linear-gradient(160deg, var(--cp-blue1), #0B1033); }
.cp-promo b{ font-size:13.7px; line-height:1.3; }
.cp-promo-ic{ width:32px; height:32px; padding:7px; border-radius:50%; background:rgba(255,255,255,.14); box-sizing:border-box; }
.cp-promo .cx-btn{ background:#fff; border-color:#fff; color:#0B1033 !important; padding:10px 14px; }
.cp-promo .cx-btn:hover{ background:#E3E7FF; border-color:#E3E7FF; }

/* panneau principal : noir en thème sombre (cartes gris anthracite, textes blancs), blanc en thème clair (textes noirs) ; filet fin */
.cp-main{ --cp-ink:#fff; --cp-mute:rgba(255,255,255,.66); --cp-line:rgba(255,255,255,.12); --cp-card:#111113; --cp-panel:#18181C; --cp-soft:rgba(47,67,255,.16);
  --cp-green:#3FBE96; --cp-amber:#F5A524; --cp-red:#FF6B5E; --cp-blue4:#8E9DFF; --cp-fond:#000; --cp-champ:#0C0C0F; --cp-fline:rgba(255,255,255,.18);
  --cp-cadre:rgba(255,255,255,.22); --cp-trait:rgba(255,255,255,.45); --cp-ombre:none;
  align-self:stretch;   /* même bas que le menu de gauche quand le menu est plus long (3 novembre 2026) */
  min-width:0; min-height:calc(100vh - 120px); padding:16px 22px 28px; background:var(--cp-fond); color:var(--cp-ink); border:1px solid var(--cp-cadre); border-radius:20px; box-sizing:border-box; }
html[data-theme="light"] .cp-main{ --cp-ink:#0A0A0A; --cp-mute:#0A0A0A; --cp-line:#E2E5EC; --cp-card:#fff; --cp-panel:#F6F7FA; --cp-soft:rgba(47,67,255,.07);
  --cp-green:#13805F; --cp-amber:#9A5B00; --cp-red:#C4332A; --cp-blue4:#2F43FF; --cp-fond:#fff; --cp-champ:#fff; --cp-fline:#D5D9E2;
  --cp-cadre:#0A0A0A; --cp-trait:#9AA0AE; --cp-ombre:0 1px 3px rgba(16,24,40,.04); }
.cp-hd{ display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; margin:0 0 16px; min-height:34px; }
.cp-h{ text-align:left; font-size:20.9px !important; font-weight:700 !important; line-height:1.2 !important; letter-spacing:-.02em; margin:0 !important; color:var(--cp-ink); }
.cp-h3{ text-align:left; font-size:14.5px !important; font-weight:700 !important; line-height:1.3 !important; margin:0 0 12px !important; color:var(--cp-ink); }
.cp-hello{ justify-content:flex-start; gap:10px; }
.cp-ville{ display:flex; align-items:center; gap:6px; margin:-10px 0 16px 36px; font-size:12.2px; color:var(--cp-mute); }   /* ville du visiteur, sous « Bonjour » (3 novembre 2026) */
.cp-ville svg{ width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.cp-ville:empty{ display:none; }
.cp-hello-ic{ width:26px; height:26px; color:var(--cp-blue4); }
.cp-card{ position:relative; background:var(--cp-card); border:1px solid var(--cp-line); border-radius:18px; padding:16px; box-sizing:border-box; color:var(--cp-ink); text-align:left; box-shadow:var(--cp-ombre); }
.cp-row{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
.cp-c{ text-align:center; justify-content:center; }
.cp-mute{ color:var(--cp-mute); font-size:12.1px; }
.cp-alert{ border:1px solid var(--cp-amber); color:var(--cp-amber); border-radius:12px; padding:12px 14px; font-size:12.1px; margin-bottom:14px; }

/* chiffres clés */
.cp-kpis{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:14px; }
.cp-kpis3{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.cp-kpi{ display:grid; justify-items:center; gap:6px; padding:18px 16px 16px; text-align:center; transition:.18s; font:inherit; }
button.cp-kpi{ cursor:pointer; }
button.cp-kpi:hover{ border-color:var(--cp-blue2); transform:translateY(-2px); }
.cp-kpi-l{ font-size:13.3px; font-weight:600; color:var(--cp-ink); }
.cp-kpi-v{ font-size:32.1px; font-weight:700; letter-spacing:-.03em; line-height:1.05; }
.cp-kpi-sm{ font-size:20.8px; }
.cp-fort{ border:none; color:#fff; background:radial-gradient(110% 120% at 100% 0%, rgba(142,157,255,.4), transparent 55%), linear-gradient(150deg, var(--cp-blue1), var(--cp-blue2)); }
.cp-fort .cp-kpi-l{ color:#fff; }

/* tableau de bord : Project Analytics + encadré d'information ; parcours + représentation commerciale */
.cp-dash{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); grid-template-areas:"ana ana ana inf" "par par par par"; gap:14px; }
.cp-analytics{ grid-area:ana; } .cp-binfo{ grid-area:inf; } .cp-parcours{ grid-area:par; } .cp-next{ grid-area:nxt; }
.cp-chart{ position:relative; display:flex; justify-content:space-around; gap:14px; padding:4px 10px 0; }
.cp-chart::before{ content:""; position:absolute; left:0; right:0; top:4px; height:190px; border-bottom:1px solid var(--cp-line); pointer-events:none;
  background:repeating-linear-gradient(to top, transparent 0 37px, var(--cp-line) 37px 38px); }
.cp-b5c{ position:relative; flex:1; max-width:84px; display:flex; flex-direction:column; }
.cp-b5z{ height:190px; display:flex; align-items:flex-end; }
.cp-b5l{ display:flex; align-items:center; justify-content:center; gap:6px; margin-top:8px; font-size:12.1px; font-weight:700; }
#compte-root .cp-b5l .go-flag{ margin:0; width:18px; height:12px; }
.cp-bar5{ width:100%; height:var(--h); min-height:6px; border:none; border-radius:14px 14px 4px 4px; background:var(--cp-blue2); cursor:pointer; padding:0; transition:transform .15s, box-shadow .15s; }
.cp-bar5.cp-hach{ background:repeating-linear-gradient(135deg, var(--cp-blue2) 0 5px, var(--cp-fond) 5px 9px); box-shadow:inset 0 0 0 1.5px var(--cp-blue2); }
.cp-bar5:hover{ transform:translateY(-3px); }
.cp-bar5.on{ box-shadow:0 0 0 3px rgba(47,67,255,.25); }
.cp-bar5.cp-hach.on{ box-shadow:inset 0 0 0 1.5px var(--cp-blue2), 0 0 0 3px rgba(47,67,255,.25); }
.cp-bar5:focus-visible{ outline:2px solid var(--cp-blue2); outline-offset:3px; }
.cp-binfo{ display:grid; align-content:center; gap:12px; }
.cp-binfo-v{ text-align:center; font-size:20.8px; color:var(--cp-line); }
.cp-binfo.on{ background:linear-gradient(150deg, var(--cp-blue1), var(--cp-blue2)); border-color:var(--cp-blue2); color:#fff; }
#view-compte#view-compte .cp-main .cp-binfo.on :is(dt,dd){ color:#fff !important; }
.cp-binfo.on .cp-dl > div{ border-top-color:rgba(255,255,255,.25); }
.cp-binfo-go{ justify-self:stretch; padding:10px 14px; border:none; border-radius:100px; background:#fff; color:#1B27C4; font-size:12.9px; font-weight:700; cursor:pointer; transition:.15s; }
.cp-binfo-go:hover{ background:#E3E7FF; }
.cp-jr{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.cp-jr-i{ position:relative; display:grid; justify-items:center; align-content:start; gap:8px; padding:14px 8px 12px; border-radius:14px; background:var(--cp-panel); text-align:center; }
.cp-jr-i:not(:last-child)::after{ content:""; position:absolute; right:-7px; top:30px; width:6px; height:6px; border-top:2px solid var(--cp-line); border-right:2px solid var(--cp-line); transform:rotate(45deg); }
.cp-jr-ic{ width:38px; height:38px; padding:9px; border-radius:50%; box-sizing:border-box; border:1.5px dashed var(--cp-trait); color:var(--cp-ink); }
.cp-jr-fait .cp-jr-ic{ border:none; color:#fff; background:linear-gradient(150deg, var(--cp-blue3), var(--cp-blue2)); }
.cp-jr-i b{ font-size:12.1px; }
.cp-jr-a{ background:none; border:none; padding:0; font-size:10.4px; font-weight:600; color:var(--cp-blue4); text-decoration:none; cursor:pointer; }
.cp-jr-fait .cp-jr-a{ color:var(--cp-green); cursor:default; }
.cp-next{ display:grid; align-content:start; gap:10px; border:none; color:#fff;
  background:radial-gradient(90% 80% at 100% 100%, rgba(94,115,255,.45), transparent 60%), linear-gradient(160deg, #0B1033, var(--cp-blue1)); }
.cp-next .cp-h3{ color:#fff; margin:0 !important; }
.cp-next p{ margin:0; font-size:12.1px; line-height:1.5; color:#fff; }
.cp-repr{ justify-items:center; text-align:center; align-content:center; text-decoration:none; cursor:pointer; transition:transform .18s, box-shadow .18s; }
.cp-repr:hover{ transform:translateY(-2px); box-shadow:0 12px 30px rgba(47,67,255,.3); }
#view-compte#view-compte .cp-repr .cp-h3{ text-align:center; color:#fff !important; }
.cp-next .cx-btn{ width:auto; justify-self:start; padding:9px 16px; margin-top:2px; background:#fff; border-color:#fff; color:#0B1033 !important; }
.cp-mini{ padding:5px 11px; border-radius:100px; border:1px solid var(--cp-line); background:transparent; color:var(--cp-ink); font-size:10.4px; font-weight:600; cursor:pointer; }
.cp-mini:hover{ border-color:var(--cp-blue2); }

/* listes */
.cp-li-t{ display:grid; gap:2px; min-width:0; }
.cp-li-t b{ font-size:12.9px; font-weight:600; overflow:hidden; text-overflow:ellipsis; }
.cp-li-t span{ font-size:11.2px; color:var(--cp-mute); }
.cp-li-s{ display:inline-flex; align-items:center; gap:8px; white-space:nowrap; font-size:12.1px; }
.cp-tag{ display:inline-block; padding:3px 9px; border-radius:100px; font-size:9.6px; font-weight:700; white-space:nowrap; border:1px solid currentColor; }
.cp-tag-w{ color:var(--cp-amber); } .cp-tag-ok{ color:var(--cp-green); } .cp-tag-v{ color:var(--cp-blue4); } .cp-tag-c{ color:var(--cp-mute); }
.cp-pill{ display:inline-block; padding:3px 9px; border-radius:100px; font-size:9.6px; font-weight:700; border:1px solid currentColor; white-space:nowrap; }
.cp-opportunite{ color:var(--cp-green); } .cp-developper{ color:var(--cp-amber); } .cp-fragile{ color:var(--cp-red); }
.cp-ok{ color:var(--cp-green); font-size:10.4px; font-weight:600; } .cp-warn{ color:var(--cp-amber); font-size:11.2px; font-weight:600; margin:0; }
.cp-rows{ padding:4px 8px; display:grid; }
.cp-rowi{ display:grid; grid-template-columns:auto minmax(0,1fr) auto auto auto; align-items:center; gap:14px; width:100%; padding:12px 10px; border:none; border-top:1px solid var(--cp-line);
  background:transparent; color:inherit; text-align:left; cursor:pointer; font:inherit; border-radius:12px; transition:background .15s; }
.cp-rows > .cp-rowi:first-child, .cp-rows > details:first-child > .cp-rowi{ border-top:none; }
.cp-rowi:hover{ background:var(--cp-soft); }
.cp-rowi-ic{ width:34px; height:34px; padding:8px; border-radius:10px; box-sizing:border-box; background:var(--cp-soft); color:var(--cp-blue4); }
.cp-rowi-ic svg{ width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.cp-rowi-n{ font-size:11.2px; color:var(--cp-mute); white-space:nowrap; }
.cp-filtre{ display:inline-flex; width:max-content; }
.cp-hist > summary{ list-style:none; grid-template-columns:auto minmax(0,1fr) auto auto; }
.cp-hist > summary::-webkit-details-marker{ display:none; }
.cp-hist[open] > summary{ background:var(--cp-soft); }
.cp-hist-c{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; padding:12px 10px 16px; }
.cp-hist-c > .cp-actions{ grid-column:1 / -1; }

/* onglets des fiches produit et projet */
.cp-tabs{ display:flex; gap:2px; border-bottom:1px solid var(--cp-line); margin:0 0 16px; overflow-x:auto; scrollbar-width:none; }
.cp-tab{ display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border:none; border-bottom:2px solid transparent; margin-bottom:-1px; background:transparent; color:var(--cp-ink);
  font-size:12.9px; font-weight:500; cursor:pointer; white-space:nowrap; }
.cp-tab .cp-ic{ width:16px; height:16px; }
.cp-tab:hover{ color:var(--cp-blue4); }
.cp-tab.on{ border-bottom-color:var(--cp-blue2); color:var(--cp-blue4); font-weight:700; }
.cp-onglet{ display:grid; gap:14px; }
.cp-hd-f{ flex-wrap:nowrap; }
.cp-nom{ flex:1; min-width:0; box-sizing:border-box; background:transparent; border:1px solid transparent; border-radius:10px; padding:4px 8px; margin-left:-8px;
  color:var(--cp-ink); font-size:20.9px; font-weight:700; line-height:1.2; letter-spacing:-.02em; }
.cp-nom:hover, .cp-nom:focus{ border-color:var(--cp-line); outline:none; }
.cp-sm{ width:auto !important; padding:8px 14px !important; flex:none; }
.cp-savebar{ display:flex; justify-content:flex-end; align-items:center; gap:14px; margin-top:14px; }
.cp-savebar .cx-btn{ width:auto; }
.cp-savebar .cp-msg{ margin:0; }

/* informations générales */
.cp-ginfo{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; align-items:start; }
.cp-ginfo > :first-child{ grid-column:1 / -1; }
.cp-blk2{ display:grid; gap:12px; align-content:start; }
.cp-g3{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.cp-files{ grid-column:1 / -1; }
.cp-files-c{ display:grid; gap:12px; justify-items:start; }
.cp-fl{ display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:10px; width:100%; }
.cp-fl-i{ display:grid; grid-template-columns:44px minmax(0,1fr) auto; grid-template-rows:auto auto; column-gap:10px; align-items:center; padding:8px; border:1px solid var(--cp-line); border-radius:12px; }
.cp-fl-v{ grid-row:1 / 3; width:44px; height:44px; padding:10px; border-radius:8px; background:var(--cp-panel); color:var(--cp-blue4); box-sizing:border-box; overflow:hidden; }
.cp-fl-v img{ display:block; width:44px; height:44px; margin:-10px; object-fit:cover; }
.cp-fl-n{ font-size:12.1px; font-weight:600; color:var(--cp-ink); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cp-fl-i .cp-mute{ font-size:10.4px; }
.cp-fl-i .cx-link{ grid-row:1 / 3; grid-column:3; }

/* qualité */
.cp-qual{ display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:14px; align-items:start; }
.cp-qa-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:12px; }
.cp-qa-c{ display:grid; gap:10px; align-content:start; justify-items:start; }
.cp-qa-c b{ font-size:12.1px; line-height:1.35; }
.cp-qa-ic{ width:30px; height:30px; padding:6px; border-radius:8px; background:var(--cp-panel); color:var(--cp-amber); box-sizing:border-box; }
.cp-qa-ok .cp-qa-ic{ background:rgba(19,128,95,.1); color:var(--cp-green); }
.cp-qa-ok{ border-color:rgba(19,128,95,.35); }
.cp-qa-side{ display:grid; gap:12px; }
.cp-qa-res{ display:grid; gap:12px; }
.cp-qa-sc{ display:flex; align-items:baseline; gap:4px; }
.cp-qa-sc b{ font-size:30.2px; font-weight:700; letter-spacing:-.03em; line-height:1; }
.cp-qa-sc span{ font-size:12.9px; }
.cp-qa-l{ font-size:11.2px; padding-top:8px; border-top:1px solid var(--cp-line); }
.cp-qa-side .cx-btn{ width:auto; }

/* conteneur */
.cp-cont{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:14px; align-items:start; }
.cp-cont-in{ display:grid; gap:14px; }
.cp-viz{ display:grid; gap:12px; }
.cp-vz{ display:grid; gap:8px; padding:12px; border-radius:14px; background:var(--cp-panel); }
.cp-vz-svg svg{ display:block; width:100%; max-height:120px; }
.cp-vz .cp-dl > div{ padding:6px 0; font-size:11.2px; }
.cp-vz-pied{ display:grid; gap:6px; }
.cp-blk-t{ font-size:9.6px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--cp-mute); }
.cp-calc > div{ font-size:11.2px; }
.cp-sv-box{ fill:var(--cp-blue2); opacity:.85; } .cp-sv-pal{ fill:#9A7B4F; }
.cp-sv-cont{ fill:none; stroke:var(--cp-trait); stroke-width:2; } .cp-sv-door{ fill:var(--cp-line); }
.cp-sv-on{ fill:var(--cp-blue2); } .cp-sv-off{ fill:none; stroke:var(--cp-trait); stroke-width:1.5; stroke-dasharray:3 3; }
.cp-foot{ margin:0; font-size:9.6px; line-height:1.5; color:var(--cp-mute); }

/* projet export */
.cp-pj2{ display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:14px; align-items:start; }
.cp-chk{ display:inline-flex; align-items:center; gap:9px; font-size:12.1px; font-weight:600; cursor:pointer; }
.cp-chk input{ width:17px; height:17px; margin:0; accent-color:#2F43FF; }
.cp-lft{ justify-self:start; }
.cp-note{ display:grid; gap:10px; justify-items:center; text-align:center; }
.cp-score-w{ display:flex; align-items:baseline; gap:4px; }
.cp-score{ font-size:41.6px; font-weight:700; letter-spacing:-.03em; line-height:1; }
.cp-score-w span{ font-size:14.2px; }
.cp-bars{ display:grid; gap:12px; width:100%; margin-top:8px; text-align:left; }
.cp-bar{ display:grid; gap:6px; font-size:12.1px; }
.cp-bar-t{ height:6px; border-radius:6px; background:var(--cp-line); overflow:hidden; }
.cp-bar-t i{ display:block; height:100%; background:linear-gradient(90deg, var(--cp-blue2), var(--cp-blue3)); border-radius:6px; transition:width .25s; }
.cp-log{ display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:14px; align-items:start; }
.cp-log-g{ display:grid; gap:12px; }
.cp-ptab{ display:grid; font-size:11.2px; }
.cp-ptab-h, .cp-ptab-r{ display:grid; grid-template-columns:minmax(0,1fr) 110px 100px; gap:10px; align-items:center; padding:8px 0; border-top:1px solid var(--cp-line); }
.cp-ptab-h{ border-top:none; font-size:9.6px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.cp-ptab-r > span:last-child, .cp-ptab-h > span:last-child{ text-align:right; }
.cp-ptab-r .cp-tag{ justify-self:start; }
.cp-posi{ margin:0 0 10px; font-size:12.9px; line-height:1.5; }

/* commandes */
.cp-table-w{ padding:6px 18px; overflow-x:auto; }
.cp-table{ width:100%; border-collapse:collapse; font-size:12.1px; }
.cp-table th{ text-align:left; font-size:9.6px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; padding:12px 10px; border-bottom:1px solid var(--cp-line); }
.cp-table td{ padding:11px 10px; border-bottom:1px solid var(--cp-line); vertical-align:middle; }
.cp-table tr:last-child td{ border-bottom:none; }
.cp-st-devis{ color:var(--cp-mute); } .cp-st-en_cours{ color:var(--cp-blue4); } .cp-st-expediee{ color:var(--cp-amber); } .cp-st-livree{ color:var(--cp-green); } .cp-st-annulee{ color:var(--cp-red); }
.cp-cmd{ margin-bottom:14px; }

/* Market Data */
.cp-rk{ list-style:none; margin:0; padding:0; display:grid; gap:10px; counter-reset:rk; }
.cp-rk li{ display:grid; gap:5px; font-size:12.1px; counter-increment:rk; }
.cp-rk li .cp-row > span::before{ content:counter(rk) ". "; font-weight:700; }
.cp-lock{ width:40px; height:40px; padding:9px; border-radius:50%; background:var(--cp-panel); color:var(--cp-ink); box-sizing:border-box; }

/* choix multiple consultable (familles, pays) */
.cp-ms{ position:relative; display:grid; gap:8px; }
.cp-ms-p{ display:flex; flex-wrap:wrap; gap:6px; }
.cp-ms-p:empty{ display:none; }
.cp-ms-c{ padding:4px 10px; border-radius:100px; border:1px solid var(--cp-blue2); background:var(--cp-soft); color:var(--cp-ink); font-size:11.2px; font-weight:600; cursor:pointer; }
.cp-ms-l{ position:absolute; z-index:5; top:100%; left:0; right:0; margin-top:4px; max-height:240px; overflow:auto; background:var(--cp-card); border:1px solid var(--cp-line); border-radius:12px; box-shadow:0 8px 24px rgba(16,24,40,.12); padding:4px; }
.cp-ms-l button{ display:block; width:100%; text-align:left; padding:8px 10px; border:none; border-radius:8px; background:transparent; color:var(--cp-ink); font-size:12.1px; cursor:pointer; }
.cp-ms-l button:hover, .cp-ms-l button:focus{ background:var(--cp-soft); outline:none; }

/* formulaires et rubriques diverses */
.cp-cols{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-bottom:14px; align-items:start; }
.cp-vide{ max-width:620px; margin:0 auto; text-align:center; display:grid; gap:14px; justify-items:center; font-size:12.9px; line-height:1.6; }
.cp-vide .cx-btn{ width:auto; }
.cp-actions{ display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-top:6px; }
.cp-actions .cx-btn{ width:auto; }
.cp-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:14px; }
.cp-seg{ display:inline-flex; gap:4px; padding:3px; border:1px solid var(--cp-line); border-radius:100px; flex:none; flex-wrap:wrap; }
.cp-seg button{ padding:6px 12px; border:none; border-radius:100px; background:transparent; color:var(--cp-ink); font-size:11.2px; font-weight:600; cursor:pointer; }
.cp-seg button.on{ background:var(--cp-blue2); color:#fff; }
.cp-seg button.on.off{ background:transparent; color:var(--cp-amber); box-shadow:inset 0 0 0 1px var(--cp-amber); }
.cp-chips{ border:none; padding:0; gap:8px; }
.cp-chips button{ border:1px solid var(--cp-line); }
.cp-dl{ display:grid; margin:0; }
.cp-dl > div{ display:flex; justify-content:space-between; gap:14px; padding:9px 0; border-top:1px solid var(--cp-line); font-size:12.1px; }
.cp-dl > div:first-child{ border-top:none; }
.cp-dl dd{ margin:0; font-weight:600; text-align:right; }
.cp-notes{ resize:vertical; min-height:90px; }
.cp-del{ margin-left:auto; color:var(--cp-red); }
.cp-form{ display:grid; gap:14px; align-content:start; }
.cp-full{ grid-column:1 / -1; }
.cp-jauge{ max-width:520px; margin:0 0 16px; display:grid; gap:8px; font-size:12.1px; }
.cp-danger{ margin-top:4px; border-color:rgba(196,51,42,.4); }
.cp-danger p{ margin:4px 0 0; }
.cp-danger .cx-btn{ width:auto; color:var(--cp-red) !important; border-color:var(--cp-red); }
#view-compte .cx-btn{ font-size:12.1px; } #view-compte .cp-main .cx-link{ font-size:11.2px; color:var(--cp-ink); } #view-compte .cp-msg{ font-size:11.2px; }
#view-compte .cp-main .cx-btn-2{ color:var(--cp-ink) !important; border-color:var(--cp-fline); }
#view-compte .cp-main .field label{ font-size:9.6px; color:var(--cp-ink); }
#view-compte .cp-main .field input, #view-compte .cp-main .field select, #view-compte .cp-main textarea, #view-compte .cp-ms input{
  width:100%; box-sizing:border-box; font-size:12.1px; background:var(--cp-champ); color:var(--cp-ink); border:1px solid var(--cp-fline); border-radius:10px; padding:10px 12px; }
#view-compte .cp-main .field input:disabled{ background:var(--cp-panel); opacity:1; }
#view-compte .cp-main .field input:focus, #view-compte .cp-main .field select:focus, #view-compte .cp-main textarea:focus, #view-compte .cp-ms input:focus{ outline:none; border-color:var(--cp-blue2); box-shadow:0 0 0 3px rgba(47,67,255,.1); }

/* tablette et mobile */
@media (max-width:1100px){
  .cp-dash{ grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-areas:"ana ana inf" "par par par"; }
  .cp-qual{ grid-template-columns:1fr; }
}
@media (max-width:980px){
  .cp-kpis{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .cp-cols, .cp-ginfo, .cp-cont, .cp-pj2, .cp-log, .cp-hist-c{ grid-template-columns:1fr; }
  .cp-rowi{ grid-template-columns:auto minmax(0,1fr) auto; } .cp-rowi > :nth-child(n+4){ grid-column:2 / -1; justify-self:start; }
}
@media (max-width:860px){
  .cp{ grid-template-columns:minmax(0,1fr); padding:0 12px; }
  .cp-side{ min-height:0; padding:12px; gap:10px; border-radius:18px; }
  .cp-side, .cp-main, .cp-nav{ min-width:0; }
  .cp-nav{ display:flex; overflow-x:auto; gap:6px; scrollbar-width:none; }
  .cp-grp{ display:none; }
  .cp-nav-i{ width:auto; flex:none; white-space:nowrap; }
  .cp-sub{ padding-left:12px; }
  .cp-nav-i.on::before{ left:12px; right:12px; top:auto; bottom:2px; width:auto; height:3px; border-radius:3px; }
  .cp-user{ padding:0 4px 8px; }
  .cp-promo{ grid-template-columns:auto 1fr auto; padding:10px 12px; text-align:left; gap:10px; }
  .cp-promo .cx-btn{ width:auto; }
  .cp-main{ min-height:0; padding:14px 14px 22px; border-radius:18px; }
  .cp-dash{ grid-template-columns:minmax(0,1fr); grid-template-areas:"ana" "inf" "par"; }
  .cp-chart{ height:150px; gap:8px; }
  .cp-jr{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; }
  .cp-jr-i{ padding:10px 2px; } .cp-jr-a{ display:none; } .cp-jr-i b{ font-size:9.6px; }
  .cp-table thead{ display:none; }
  .cp-table tr{ display:grid; padding:10px 0; border-bottom:1px solid var(--cp-line); }
  .cp-table td{ border:none; padding:4px 0; }
  .cp-table td[data-l]::before{ content:attr(data-l) " : "; }
}
@media (max-width:520px){
  .cp-kpis, .cp-kpis3{ gap:10px; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .cp-kpi-v{ font-size:23.6px; }
  .cp-g3{ grid-template-columns:1fr 1fr; }
  .cp-ptab-h, .cp-ptab-r{ grid-template-columns:minmax(0,1fr) 70px 80px; }
  .cp-promo{ grid-template-columns:1fr auto; text-align:left; justify-items:start; align-items:center; }
  .cp-promo-ic{ display:none; }
  .cp-hd-f{ flex-wrap:wrap; }
}

/* outil : case « Suivre ce produit » à droite du titre « Résultat » */
#outil-root .go-verdict > .go-ht{ display:flex; align-items:center; justify-content:space-between; gap:14px; }
.go-suivre{ display:inline-flex; align-items:center; gap:9px; font-weight:500; font-size:12.6px; color:inherit; cursor:pointer; user-select:none; white-space:nowrap; }
.go-suivre input{ width:18px; height:18px; margin:0; accent-color:#2F43FF; cursor:pointer; }
@media print{ .go-suivre{ display:none !important; } }
/* outil, résultat : « Accéder à mon compte » à droite, à côté de « Nouveau diagnostic » */
#outil-root .go-verdict .go-noprint > .go-nd{ margin-left:auto; }

/* textes du panneau : couleur du panneau, devant les couleurs imposées par le site */
#view-compte#view-compte .cp-main :is(p,li,label,dd,dt,small){ color:var(--cp-ink) !important; }
#view-compte#view-compte .cp-main .cp-next p{ color:#fff !important; }
#view-compte#view-compte .cp-main p.cp-warn, #view-compte#view-compte .cp-main p.cp-alert{ color:var(--cp-amber) !important; }
#outil-root .go-verdict .go-noprint > .go-acces{ border:1px solid #2F43FF !important; border-radius:9px; }
html:not([data-theme="light"]) #outil-root .go-verdict .go-noprint > .go-acces{ border-color:#5E73FF !important; }
/* « Réinitialiser » est sur la ligne du titre (outil, 25 octobre 2026) : la case « Suivre ce produit » reste à sa gauche */
@media (min-width:601px){ #outil-root .go-verdict > .go-ht{ padding-right:150px; } }
/* outil : carré étape précédente / suivante en haut à gauche, puis bloc compte (visiteur connecté) */
#outil-root > .go-tnav{ --cp-ink:#fff; --cp-hb:rgba(255,255,255,.35); --cp-soft:rgba(255,255,255,.1); display:grid; gap:10px; justify-items:start; margin:0 0 12px; }
html[data-theme="light"] #outil-root > .go-tnav{ --cp-ink:#0A0A0A; --cp-hb:#C9CDD8; --cp-soft:rgba(47,67,255,.07); }
#outil-root > .go-tnav .go-tuser{ padding:0; border:none; background:transparent; cursor:pointer; font:inherit; text-align:left; color:var(--cp-ink); }
#outil-root > .go-tnav .go-tuser:hover b{ text-decoration:underline; text-underline-offset:3px; }
@media print{ #outil-root > .go-tnav{ display:none !important; } }
/* partie 3 (26 octobre 2026) : « Ajouter un produit », Incoterm et Logistique côte à côte, vues 20' et 40' */
.cp-hd-r{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.cp-newp{ margin-bottom:14px; }
.cp-log{ grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); }
.cp-hd-in{ margin:0 0 12px; min-height:0; }
.cp-hd-in .cp-h3{ margin:0 !important; }
#view-compte .cp-main .cp-hd-in select{ width:auto; box-sizing:border-box; font-size:12.1px; background:var(--cp-champ); color:var(--cp-ink); border:1px solid var(--cp-fline); border-radius:10px; padding:8px 12px; }
.cp-vzs{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
@media (max-width:980px){ .cp-log{ grid-template-columns:1fr; } }
@media (max-width:600px){ .cp-vzs{ grid-template-columns:1fr; } }
.cp-vzc .cp-dl dd{ white-space:nowrap; }
/* partie 4 (26 octobre 2026) : Market Data, pays et enseignes en pastilles ; « Être représenté » */
.cp-srcs{ display:flex; flex-wrap:wrap; gap:8px; margin:0 0 14px; }
.cp-src{ display:inline-flex; align-items:center; gap:9px; padding:8px 14px 8px 10px; border:1px solid var(--cp-line); border-radius:12px; background:var(--cp-card); color:var(--cp-ink); cursor:pointer; font:inherit; text-align:left; transition:.15s; }
.cp-src:hover{ border-color:var(--cp-blue2); }
.cp-src.on{ border-color:var(--cp-blue2); background:var(--cp-soft); box-shadow:inset 0 0 0 1px var(--cp-blue2); }
.cp-src-t{ display:grid; line-height:1.25; }
.cp-src-t b{ font-size:12.1px; } .cp-src-t small{ font-size:10.4px; }
#compte-root .cp-src .go-flag, #compte-root .cp-lead .go-flag{ margin:0; width:18px; height:12px; }
.cp-offre{ display:grid; gap:10px; margin-bottom:16px; }
.cp-offre-b{ justify-self:start; padding:4px 12px; border-radius:100px; background:var(--cp-blue2); color:#fff; font-size:9.6px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.cp-offre p{ margin:0; font-size:12.9px; }
.cp-steps{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:6px; }
.cp-step{ display:grid; gap:4px; align-content:start; padding:12px; border-radius:14px; background:var(--cp-panel); font-size:12.1px; line-height:1.45; }
.cp-step-n{ width:24px; height:24px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:var(--cp-blue2); color:#fff; font-size:11.2px; font-weight:700; }
.cp-step b{ font-size:12.9px; }
.cp-leads{ display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:12px; margin-bottom:16px; }
.cp-lead{ display:grid; gap:6px; align-content:start; cursor:pointer; font:inherit; transition:.15s; }
.cp-lead:hover{ border-color:var(--cp-blue2); }
.cp-lead.on{ border-color:var(--cp-blue2); box-shadow:inset 0 0 0 1px var(--cp-blue2); background:var(--cp-soft); }
.cp-lead-m{ display:inline-flex; align-items:center; gap:7px; font-size:11.2px; }
.cp-lead > b{ font-size:13.7px; } .cp-lead-e{ font-size:12.1px; }
.cp-rep-f .cp-notes{ min-height:130px; }
@media (max-width:860px){ .cp-steps{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
/* thème clair : plus aucun texte gris dans le panneau (tiret neutre de l'encadré compris) */
html[data-theme="light"] .cp-main .cp-binfo-v{ color:#0A0A0A; }
/* Analytics (administrateur, 28 octobre 2026) */
.cp-an-per{ margin:0 0 12px; }
.cp-an-cols{ display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:14px; margin-bottom:14px; }
.cp-an-b{ margin-bottom:14px; }
.cp-an-cols .cp-an-b{ margin:0; }
.cp-an-g{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.cp-an-k{ display:grid; gap:2px; padding:10px 12px; border-radius:12px; background:var(--cp-panel); }
.cp-an-l{ font-size:11.2px; font-weight:600; }
.cp-an-k b{ font-size:20.8px; font-weight:700; letter-spacing:-.02em; }
.cp-an-k small{ font-size:10.4px; }
.cp-an-f{ display:grid; gap:10px; }
.cp-an-s{ display:flex; align-items:flex-end; gap:3px; height:140px; padding-top:6px; border-bottom:1px solid var(--cp-line); }
.cp-an-j{ flex:1; min-width:3px; height:100%; display:flex; align-items:flex-end; gap:1px; }
.cp-an-j i{ flex:1; min-height:1px; border-radius:2px 2px 0 0; }
.cp-an-j i.s, .cp-an-leg i.s{ background:var(--cp-blue2); } .cp-an-j i.d, .cp-an-leg i.d{ background:#E0A83A; } .cp-an-j i.c, .cp-an-leg i.c{ background:#3FBE96; }
.cp-an-leg{ display:inline-flex; align-items:center; gap:6px; font-size:11.2px; }
.cp-an-leg i{ display:inline-block; width:10px; height:10px; border-radius:3px; margin-left:8px; }
@media (max-width:520px){ .cp-an-g{ grid-template-columns:1fr; } }
/* tableau de bord : « Leads prioritaires » en tête, fond vert discret, icône fusée (28 octobre 2026) */
.cp-kpi-lead{ background:rgba(63,190,150,.10); border-color:rgba(63,190,150,.45); }
html[data-theme="light"] .cp-kpi-lead{ background:rgba(19,128,95,.06); border-color:rgba(19,128,95,.35); }
.cp-kpi-l{ display:inline-flex; align-items:center; gap:7px; }
.cp-kpi-ic{ width:17px; height:17px; color:var(--cp-green); }
.cp-kpi-ic svg{ width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
/* Mes produits (28 octobre 2026) : barre de complétude, liens douaniers, Logistique (colis | palette, palette centrée, 20' | 40') */
.cp-rowp{ grid-template-columns:auto minmax(0,1fr) 170px; }
.cp-cpl{ display:inline-flex; align-items:center; gap:8px; justify-self:end; }
.cp-cpl-t{ width:110px; height:6px; border-radius:6px; background:var(--cp-line); overflow:hidden; }
.cp-cpl-t i{ display:block; height:100%; border-radius:6px; background:linear-gradient(90deg, var(--cp-blue2), var(--cp-blue3)); }
.cp-cpl small{ font-size:11.2px; font-weight:700; min-width:38px; text-align:right; }
.cp-douane{ display:grid; gap:6px; font-size:11.2px; line-height:1.45; }
.cp-douane-l{ display:flex; flex-wrap:wrap; gap:6px 12px; }
.cp-douane-l a{ color:var(--cp-blue4); font-weight:600; text-decoration:underline; text-underline-offset:3px; }
.cp-cont{ grid-template-columns:1fr; }
.cp-g2{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; align-items:start; }
.cp-viz{ gap:14px; }
.cp-pal-c{ display:flex; justify-content:center; }
.cp-pal-c > .cp-vz{ width:100%; max-width:460px; }
.cp-vzc .cp-vz-svg svg{ max-height:110px; }
.cp-sv-x2{ fill:none; stroke:#fff; stroke-width:1.4; opacity:.85; }
@media (max-width:760px){ .cp-g2{ grid-template-columns:1fr; } .cp-rowp{ grid-template-columns:auto minmax(0,1fr); } .cp-rowp .cp-cpl{ grid-column:2; justify-self:start; } }
/* Projets export (28 octobre 2026) : projets créés sur fond bleu, puis l'historique des tests */
.cp-aucun{ margin:0 0 16px; padding:14px 16px; border:1px dashed var(--cp-fline); border-radius:14px; font-size:12.9px; font-weight:600; }
.cp-mesprojets{ margin:0 0 18px; padding:16px; border-radius:18px; color:#fff; background:linear-gradient(150deg, var(--cp-blue1), var(--cp-blue2)); }
#view-compte#view-compte .cp-mesprojets .cp-h3{ color:#fff !important; }
.cp-mp-l{ display:grid; gap:8px; }
.cp-mp-r{ display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:14px; width:100%; padding:12px 14px; border:1px solid rgba(255,255,255,.22); border-radius:12px;
  background:rgba(255,255,255,.08); color:#fff; font:inherit; text-align:left; cursor:pointer; transition:background .15s; }
.cp-mp-r:hover{ background:rgba(255,255,255,.16); }
.cp-mp-r .cp-li-t b{ color:#fff; font-size:13.3px; }
.cp-mp-m{ display:inline-flex; align-items:center; gap:7px; color:#fff !important; font-size:11.2px; }
#compte-root .cp-mp-m .go-flag{ margin:0; width:18px; height:12px; }
.cp-mp-lead{ color:#fff; border-color:rgba(255,255,255,.7); }
.cp-mp-s{ font-size:15.1px; white-space:nowrap; }
#view-compte#view-compte .cp-mesprojets p.cp-mp-v{ color:#fff !important; margin:0; }
.cp-h3-t{ margin:6px 0 10px !important; }
.cp-rowt{ grid-template-columns:auto minmax(0,1fr) auto; cursor:default; }
.cp-rowt:hover{ background:transparent; }
.cp-faire{ white-space:nowrap; }
.cp-newpj{ margin-bottom:16px; border-color:var(--cp-blue2); }
.cp-moq{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px; }
#view-compte .cp-main .cp-moq select, #view-compte .cp-main .cp-moq input{ width:100%; box-sizing:border-box; font-size:12.1px; background:var(--cp-champ); color:var(--cp-ink); border:1px solid var(--cp-fline); border-radius:10px; padding:10px 12px; }
.cp-log{ align-items:stretch; }
@media (max-width:600px){ .cp-mp-r{ grid-template-columns:minmax(0,1fr) auto; } .cp-mp-r > :nth-child(2){ display:none; } .cp-rowt{ grid-template-columns:auto minmax(0,1fr); } .cp-rowt > :last-child{ grid-column:2; justify-self:start; } }
/* Mes Fiches Marché (28 octobre 2026) */
.cp-fm-own{ margin-bottom:14px; }
.cp-fm-hero{ display:grid; gap:8px; margin-bottom:6px; background:radial-gradient(90% 80% at 100% 100%, rgba(94,115,255,.35), transparent 60%), linear-gradient(160deg, #0B1033, var(--cp-blue1)); border:none; color:#fff; }
#view-compte#view-compte .cp-fm-hero .cp-h3{ color:#fff !important; margin:0 !important; font-size:17px !important; }
#view-compte#view-compte .cp-fm-hero p.cp-fm-prix{ color:#fff !important; margin:0; font-size:12.9px; font-weight:700; }
.cp-fm-hero .cp-offre-b{ background:#fff; color:#1B27C4; }
.cp-fm9{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.cp-fm-c{ display:grid; gap:4px; align-content:start; }
.cp-fm-c b{ font-size:13.3px; } .cp-fm-c > span:last-child{ font-size:12.1px; line-height:1.45; }
.cp-fm-n{ font-size:11.2px; font-weight:700; color:var(--cp-blue4); }
@media (max-width:860px){ .cp-fm9{ grid-template-columns:1fr 1fr; } }
@media (max-width:520px){ .cp-fm9{ grid-template-columns:1fr; } }
/* Mes produits : Identité alignée (champs calés en bas) ; Logistique : Colis et Palette empilés à gauche, palette dessinée à droite sur la même hauteur */
.cp-ginfo .cp-g3, .cp-alb{ align-items:end; }
.cp-alb .cp-chk{ margin-bottom:12px; }
.cp-log2{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; align-items:stretch; }
.cp-log2-g{ display:grid; gap:14px; align-content:start; }
.cp-log-pal, .cp-log-pal > .cp-pal-c, .cp-log-pal .cp-vz{ height:100%; }
.cp-log-pal > .cp-pal-c > .cp-vz{ max-width:none; align-content:center; }
@media (max-width:760px){ .cp-log2{ grid-template-columns:1fr; } }
/* Projets > Incoterm : « à votre charge » (bleu) puis « à la charge du client » (jaune de l'outil) */
.cp-pg{ --cp-yel:#E0A83A; display:grid; margin-top:10px; padding:4px 12px 8px; border-radius:12px; border:1px solid var(--cp-line); border-left:3px solid var(--cp-blue2); }
.cp-pg-c{ border-color:rgba(224,168,58,.45); border-left-color:var(--cp-yel); background:rgba(224,168,58,.07); }
.cp-pg-h, .cp-pg-t{ display:flex; justify-content:space-between; align-items:center; gap:10px; padding:8px 0; }
.cp-pg-h{ font-size:9.6px; letter-spacing:.1em; text-transform:uppercase; } .cp-pg-v .cp-pg-h b{ color:var(--cp-blue4); }
.cp-pg-c .cp-pg-h b, .cp-pg-c .cp-pg-t b, .cp-pg-c .cp-tag-c{ color:var(--cp-yel); } .cp-pg-c .cp-tag-c{ border-color:var(--cp-yel); }
.cp-pg-t{ border-top:1px solid var(--cp-line); font-weight:600; }
:root[data-theme="light"] .cp-pg{ --cp-yel:#9A6400; }
/* Vision commande : calendrier vertical */
.cp-vcmd .cp-moq{ grid-template-columns:auto 90px auto; }
.cp-tl{ display:grid; margin:12px 0 4px; }
.cp-tl-e{ position:relative; display:grid; grid-template-columns:18px minmax(0,1fr) auto; column-gap:10px; align-items:baseline; padding:0 0 14px; }
.cp-tl-e > i{ grid-row:span 2; width:10px; height:10px; margin-top:4px; border-radius:50%; background:var(--cp-blue2); }
.cp-tl-e:not(:last-child)::before{ content:""; position:absolute; left:4px; top:16px; bottom:0; width:2px; background:var(--cp-line); }
.cp-tl-e > span{ text-align:right; font-weight:600; } .cp-tl-e > small{ grid-column:2 / -1; color:var(--cp-mute); font-size:10.4px; }
.cp-tl-pay > i{ background:#E0A83A; }
/* Vision commande (7 novembre 2026) : « Calendrier et paiement » sous « Commande », frise horizontale (verticale sur téléphone) */
.cp-vcmd{ grid-template-columns:minmax(0,1fr); }
@media (min-width:601px){
  .cp-vcmd .cp-tl{ grid-template-columns:repeat(5, minmax(0,1fr)); margin:18px 0 8px; }
  .cp-vcmd .cp-tl-e{ display:flex; flex-direction:column; align-items:center; text-align:center; gap:4px; padding:0 6px; }
  .cp-vcmd .cp-tl-e > i{ position:relative; z-index:1; margin:0 0 6px; }
  .cp-vcmd .cp-tl-e:not(:last-child)::before{ left:50%; right:-50%; top:4px; bottom:auto; width:auto; height:2px; }
  .cp-vcmd .cp-tl-e > span{ text-align:center; }
}