/* ═══════════════════════════════════════════════════════════════════ fiche-core.css — Arpentiq · noyau des fiches (client · prospect · lead) ⚠ INTÉGRALEMENT SCOPÉE SOUS — pose cette classe sur (ou sur la racine de ton montage), sinon RIEN ne s'applique. Aucune règle body / html / :root : les tokens vivent sur . ═══════════════════════════════════════════════════════════════════ */ .aqfic,[data-theme="light"] .aqfic{--bg:#f7f8fa;--surface:#fff;--s2:#f1f3f7;--s3:#e7ebf2;--border:#e4e7ee;--border-hi:#d3d8e3;--text:#14161f;--text-dim:#4a5169;--muted:#8a93ab;--accent:#6b5cf5;--accent-dim:rgba(107,92,245,.09);--chaud:#d64560;--tiede:#c08a2e;--froid:#3d7fc2;--green:#22a06b;--shadow-sm:0 1px 2px rgba(20,22,31,.05);--shadow-card:0 8px 22px -10px rgba(20,22,31,.2);--pill-dark:rgba(20,22,31,.7);--mono:'JetBrains Mono',monospace} [data-theme="noir"] .aqfic{--bg:#000;--surface:#0a0a0c;--s2:#131319;--s3:#1a1a20;--border:#1f1f27;--border-hi:#2a2a35;--text:#f2f3f7;--text-dim:#a8adbd;--muted:#5f6578;--accent:#8b7bff;--accent-dim:rgba(139,123,255,.12);--chaud:#ff6680;--tiede:#f0c050;--froid:#5ca8ff;--green:#4fd49a;--shadow-sm:0 1px 2px rgba(0,0,0,.5);--shadow-card:0 10px 26px -10px rgba(0,0,0,.75);--pill-dark:rgba(255,255,255,.14);--mono:'JetBrains Mono',monospace} .aqfic *{margin:0;box-sizing:border-box} .aqfic{font-family:'Inter',-apple-system,sans-serif;background:var(--bg);color:var(--text);height:100vh;overflow:hidden;display:flex} .aqfic .mn{font-family:'JetBrains Mono',monospace;font-variant-numeric:tabular-nums} /* chrome de démo : DANS le flux de la sidebar (pas position:fixed),pour qu'il hérite de son masquage sous 1000px et ne recouvre jamais .rmain */ .aqfic .tog{position:absolute;bottom:16px;left:16px;z-index:40;width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-dim);display:grid;place-items:center;cursor:pointer;opacity:.6;transition:opacity .15s} .aqfic .tog:hover{opacity:1} @media(max-width:1000px){.aqfic .tog{display:none}} .aqfic .tog svg{width:16px;height:16px} .aqfic .side{position:relative} /* sidebar */ .aqfic .side{width:230px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:14px 12px} .aqfic .ws{display:flex;align-items:center;gap:10px;padding:5px 8px 14px;border-bottom:1px solid var(--border);margin-bottom:8px} .aqfic .ws .lg{width:30px;height:30px;border-radius:8px;background:var(--text);color:var(--bg);display:grid;place-items:center;font-weight:700;font-size:13px} .aqfic .ws .nm{font-size:13.5px;font-weight:700}.aqfic .ws .cv{margin-left:auto;color:var(--muted)}.aqfic .ws .cv svg{width:14px;height:14px} .aqfic .nav-i{display:flex;align-items:center;gap:11px;padding:7px 9px;border-radius:8px;color:var(--text-dim);font-size:13px;font-weight:500;cursor:pointer} .aqfic .nav-i svg{width:16px;height:16px;color:var(--muted)}.aqfic .nav-i:hover{background:var(--s2);color:var(--text)} .aqfic .nav-i.on{background:var(--s2);color:var(--text)}.aqfic .nav-i.on svg{color:var(--accent)} .aqfic .nav-i .n{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--muted)} .aqfic .grp{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:14px 9px 5px} /* record area */ .aqfic .rec{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--surface)} .aqfic .crumb{display:flex;align-items:center;gap:8px;padding:12px 20px;border-bottom:1px solid var(--border);font-size:13px;color:var(--muted);flex-shrink:0} .aqfic .crumb .c1{display:inline-flex;align-items:center;gap:7px}.aqfic .crumb svg{width:15px;height:15px} .aqfic .crumb b{color:var(--text);font-weight:600}.aqfic .crumb .sp{flex:1} .aqfic .vsw{display:inline-flex;gap:2px;background:var(--s2);border:1px solid var(--border);border-radius:9px;padding:3px} .aqfic .vsw button{display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:12px;font-weight:600;color:var(--text-dim);background:transparent;border:0;border-radius:6px;padding:6px 11px;cursor:pointer;transition:.14s} .aqfic .vsw button svg{width:13px;height:13px}.aqfic .vsw button:hover{color:var(--text)} .aqfic .vsw button.on{background:var(--surface);color:var(--text);box-shadow:0 1px 2px rgba(20,22,31,.08)} [data-theme="noir"] .aqfic .vsw button.on{box-shadow:0 1px 2px rgba(0,0,0,.5)} .aqfic .rhead{display:flex;align-items:center;gap:13px;padding:18px 20px 14px;flex-shrink:0} .aqfic .rhead .ic{width:40px;height:40px;border-radius:11px;background:var(--accent-dim);color:var(--accent);display:grid;place-items:center;flex-shrink:0;font-weight:700;font-size:15px}.aqfic .rhead .ic svg{width:22px;height:22px} .aqfic .rhead .ti{font-size:21px;font-weight:800;letter-spacing:-.02em;display:flex;align-items:center;gap:10px;flex-wrap:wrap} /* badge température + score (issu de B) */ .aqfic .tmp{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;border-radius:99px;padding:3px 9px} .aqfic .tmp .d{width:6px;height:6px;border-radius:50%;background:currentColor} .aqfic .tmp .sc{font-family:var(--mono);font-variant-numeric:tabular-nums;opacity:.75} .aqfic .tmp.hot{color:var(--chaud);background:color-mix(in srgb,var(--chaud) 13%,transparent)} .aqfic .tmp.warm{color:var(--tiede);background:color-mix(in srgb,var(--tiede) 13%,transparent)} .aqfic .tmp.cold{color:var(--froid);background:color-mix(in srgb,var(--froid) 13%,transparent)} .aqfic .tmp.ok{color:var(--green);background:color-mix(in srgb,var(--green) 13%,transparent)} /* pastilles de contact actionnables (issu de D) */ .aqfic .ct{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:500;color:var(--text-dim);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:6px 10px;cursor:pointer;transition:.15s} .aqfic .ct:hover{background:var(--s2);color:var(--text);border-color:var(--border-hi)} .aqfic .ct svg{width:13px;height:13px;color:var(--muted);flex-shrink:0} .aqfic .ct .mn{font-family:var(--mono);font-variant-numeric:tabular-nums} .aqfic .rec[data-mode="read"] .ct{cursor:default} .aqfic .rhead .su{font-size:12.5px;color:var(--muted);margin-top:2px} .aqfic .rhead .sp{flex:1} .aqfic .abtn{font-family:inherit;display:inline-flex;align-items:center;gap:7px;font-family:inherit;font-size:13px;font-weight:600;border-radius:9px;padding:8px 13px;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text)}.aqfic .abtn:hover{background:var(--s2)}.aqfic .abtn svg{width:15px;height:15px;color:var(--muted)} .aqfic .abtn.pri{background:var(--text);color:var(--bg);border-color:var(--text)}.aqfic .abtn.pri svg{color:var(--bg)} .aqfic .rolebar{display:none;align-items:center;gap:9px;padding:9px 20px;font-size:12.5px;border-bottom:1px solid var(--border)} .aqfic .rolebar svg{width:15px;height:15px;flex-shrink:0}.aqfic .rolebar b{font-weight:700} .aqfic .rec[data-mode="read"] .rolebar{display:flex;color:var(--froid);background:color-mix(in srgb,var(--froid) 8%,transparent)} .aqfic .chips{display:flex;flex-wrap:wrap;gap:9px;padding:0 20px 12px;flex-shrink:0} .aqfic .schip{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--text-dim);background:var(--s2);border:1px solid var(--border);border-radius:8px;padding:6px 11px} .aqfic .schip .d{width:7px;height:7px;border-radius:50%} .aqfic .schip.st .d{background:var(--green)}.aqfic .schip.ex .d{background:var(--accent)}.aqfic .schip.hot .d{background:var(--chaud)}.aqfic .schip.warm .d{background:var(--tiede)}.aqfic .schip.cold .d{background:var(--froid)} .aqfic .tabs{display:flex;gap:2px;padding:0 20px;border-bottom:1px solid var(--border);flex-shrink:0} .aqfic .tab{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;color:var(--muted);padding:11px 12px;border-bottom:2px solid transparent;cursor:pointer;margin-bottom:-1px} .aqfic .tab svg{width:15px;height:15px}.aqfic .tab .n{font-family:'JetBrains Mono',monospace;font-size:10.5px;background:var(--s2);border-radius:99px;padding:1px 6px} .aqfic .tab:hover{color:var(--text-dim)}.aqfic .tab.on{color:var(--text);border-bottom-color:var(--accent)} /* body */ .aqfic .rbody{flex:1;min-height:0;display:flex} .aqfic .rmain{flex:1;min-width:0;overflow-y:auto;padding:22px 26px;background:var(--surface)} .aqfic .rdet{width:352px;flex-shrink:0;border-left:1px solid var(--border);background:var(--surface);overflow-y:auto} @media(max-width:1000px){.aqfic .rdet{display:none}.aqfic .side{display:none}} /* details panel */ /* ===== Arpe · Instinct (rail droit) ===== */ /* fil d'activité — partagé par les fiches client / prospect / lead */ .aqfic .tl{position:relative;padding-left:6px} .aqfic .tl-i{position:relative;display:flex;gap:13px;padding:11px 0 11px 20px} .aqfic .tl-i::before{content:"";position:absolute;left:5px;top:0;bottom:0;width:1px;background:var(--border)} .aqfic .tl-i:first-child::before{top:50%}.aqfic .tl-i:last-child::before{bottom:50%} .aqfic .tl-d{position:absolute;left:0;top:50%;transform:translateY(-50%);width:11px;height:11px;border-radius:50%;border:2px solid var(--surface);z-index:1} .aqfic .tl-b{flex:1;min-width:0;display:flex;flex-direction:column} .aqfic .tl-t{display:block;font-size:13.5px;font-weight:600;letter-spacing:-.012em} .aqfic .tl-m{display:block;font-size:12px;color:var(--muted);margin-top:3px} /* ── colonne de score (leads / prospects) ───────────────────────── Le score n'est pas une valeur à encadrer : c'est une décomposition. Jauge + barre empilée + légende pondérée,dans une seule colonne. */ .aqfic .sc{background:var(--surface);border:0;border-radius:0;overflow:hidden;margin-bottom:0;border-bottom:1px solid var(--border)} .aqfic .sc-h{display:flex;align-items:center;gap:8px;padding:12px 15px 0} .aqfic .sc-orb{width:20px;height:20px;border-radius:6px;background:var(--accent);color:#fff;display:grid;place-items:center;flex-shrink:0} .aqfic .sc-orb svg{width:12px;height:12px} .aqfic .sc-lb{font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--accent)} .aqfic .sc-ago{margin-left:auto;font-family:var(--mono);font-size:9.5px;color:var(--muted)} /* jauge : nombre + barre horizontale (système existant,conservé) */ .aqfic .sc-g{display:flex;align-items:center;gap:16px;padding:15px 15px 14px} .aqfic .sc-n{font-size:44px;font-weight:800;letter-spacing:-.045em;line-height:.82;font-variant-numeric:tabular-nums;flex-shrink:0} .aqfic .sc-gr{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px} .aqfic .sc-t{align-self:flex-end;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase} .aqfic .sc-bar{height:8px;border-radius:99px;background:var(--s3);overflow:hidden} .aqfic .sc-bar i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#7b6cf6,#4a3fd0);transition:width 1.1s cubic-bezier(.3,.75,.2,1)} .aqfic .sc-d{font-size:12.5px;line-height:1.45;color:var(--text-dim)} .aqfic .sc-d b{color:var(--text);font-weight:600} /* barre empilée : chaque segment = un signal,largeur = son poids */ .aqfic .sc-stack{display:flex;gap:2px;height:7px;padding:0 15px 3px} .aqfic .sc-seg{border-radius:3px;background:var(--accent);opacity:.85;transition:opacity .15s} .aqfic .sc-seg:hover{opacity:1} .aqfic .sc-cap{display:flex;justify-content:space-between;padding:7px 15px 10px;font-family:var(--mono);font-size:9px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)} /* légende : un signal par ligne,poids aligné à droite */ .aqfic .sc-lg{display:flex;flex-direction:column;border-top:1px solid var(--border)} .aqfic .sc-s{display:flex;align-items:center;gap:10px;padding:10px 15px} .aqfic .sc-s+.sc-s{border-top:1px solid var(--border)} .aqfic .sc-sw{width:8px;height:8px;border-radius:2px;background:var(--accent);flex-shrink:0} .aqfic .sc-sb{flex:1;min-width:0;display:flex;flex-direction:column} .aqfic .sc-sn{display:block;font-size:12.5px;font-weight:600;letter-spacing:-.012em;line-height:1.3} .aqfic .sc-sd{display:block;font-family:var(--mono);font-size:9.5px;color:var(--muted);margin-top:2px} .aqfic .sc-sv{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums;flex-shrink:0} /* pénalité : elle retranche,donc elle se lit autrement */ .aqfic .sc-s.neg .sc-sw{background:var(--chaud)} .aqfic .sc-s.neg .sc-sv{color:var(--chaud)} .aqfic .sc-f{display:flex;align-items:center;gap:9px;padding:10px 15px;border-top:1px solid var(--border);background:var(--s2);font-size:11.5px;color:var(--text-dim)} .aqfic .sc-f svg{width:13px;height:13px;color:var(--muted);flex-shrink:0} /* action recommandée,dans la continuité du score */ .aqfic .sc-cta{display:flex;align-items:center;gap:10px;padding:11px 15px;border-top:1px solid var(--border);cursor:pointer;transition:background .15s} .aqfic .sc-cta:hover{background:var(--s2)} .aqfic .sc-ci{width:26px;height:26px;border-radius:7px;background:var(--accent-dim);color:var(--accent);display:grid;place-items:center;flex-shrink:0} .aqfic .sc-ci svg{width:14px;height:14px} .aqfic .sc-ct{flex:1;min-width:0;display:flex;flex-direction:column} .aqfic .sc-cn{display:block;font-size:12.5px;font-weight:600;letter-spacing:-.012em} .aqfic .sc-cs{display:block;font-family:var(--mono);font-size:9.5px;color:var(--muted);margin-top:2px} .aqfic .sc-cv{color:var(--muted);flex-shrink:0}.aqfic .sc-cv svg{width:14px;height:14px} .aqfic .rdet{padding:0} .aqfic .arpe{background:var(--surface);border:0;border-bottom:1px solid var(--border);border-radius:0;overflow:hidden;margin-bottom:0} .aqfic .arpe-h{display:flex;align-items:center;gap:9px;padding:12px 15px 8px;background:none;border-bottom:0} .aqfic .arpe-orb{width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;flex-shrink:0}.aqfic .arpe-orb svg{width:13px;height:13px} .aqfic .arpe-lb{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--accent)} .aqfic .arpe-ago{margin-left:auto;font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--muted)} .aqfic .arpe-rf{width:20px;height:20px;border-radius:6px;border:0;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer;flex-shrink:0}.aqfic .arpe-rf:hover{background:var(--s2);color:var(--text-dim)}.aqfic .arpe-rf svg{width:13px;height:13px} .aqfic .arpe-b{padding:15px 14px 13px} .aqfic .arpe-sc{display:flex;align-items:center;gap:12px;margin-bottom:13px} .aqfic .arpe-n{font-size:42px;font-weight:800;letter-spacing:-.045em;line-height:.85;font-variant-numeric:tabular-nums} .aqfic .arpe-mt{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-end;gap:7px} .aqfic .arpe-t{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.11em;text-transform:uppercase} .aqfic .arpe-bar{width:100%;height:5px;border-radius:99px;background:var(--s3);overflow:hidden} .aqfic .arpe-bar i{display:block;height:100%;border-radius:99px;background:var(--accent);transition:width .9s cubic-bezier(.3,.7,.2,1)} .aqfic .arpe-txt{font-size:14.5px;font-weight:600;line-height:1.45;letter-spacing:-.012em} .aqfic .arpe-meta{font-family:var(--mono);font-size:10.5px;color:var(--muted);margin-top:9px} .aqfic .arpe-sg{display:flex;flex-direction:column;border-top:1px solid var(--border)} .aqfic .arpe-s{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-left:2.5px solid var(--accent);cursor:pointer;transition:background .15s} .aqfic .arpe-s:hover{background:var(--s2)} .aqfic .arpe-s+.arpe-s{border-top:1px solid var(--border)} .aqfic .arpe-s.g{border-left-color:var(--green)} .aqfic .arpe-si{width:26px;height:26px;border-radius:7px;background:var(--accent-dim);color:var(--accent);display:grid;place-items:center;flex-shrink:0}.aqfic .arpe-si svg{width:14px;height:14px} .aqfic .arpe-s.g .arpe-si{background:color-mix(in srgb,var(--green) 14%,transparent);color:var(--green)} .aqfic .arpe-sc2{flex:1;min-width:0} .aqfic .arpe-st{font-size:13.5px;font-weight:600;letter-spacing:-.012em;margin-bottom:3px} .aqfic .arpe-sd{font-family:var(--mono);font-size:10.5px;line-height:1.5;color:var(--muted)} .aqfic .arpe-cv{color:var(--muted);flex-shrink:0;margin-top:3px}.aqfic .arpe-cv svg{width:14px;height:14px} /* tâches */ .aqfic .tks{background:var(--surface);border:0;border-top:1px solid var(--border);border-radius:0;padding:13px 15px;margin-top:0} .aqfic .tks-h{display:flex;align-items:center;gap:9px} .aqfic .tks-t{font-size:14px;font-weight:700;letter-spacing:-.015em} .aqfic .tks-c{font-family:var(--mono);font-size:10.5px;color:var(--muted);background:var(--s2);border-radius:99px;padding:2px 8px} .aqfic .tks-m{margin-left:auto;color:var(--muted);cursor:pointer}.aqfic .tks-m svg{width:15px;height:15px} .aqfic .tks-e{font-size:12.5px;font-style:italic;color:var(--muted);text-align:center;padding:15px 0} .aqfic .tks-a{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-dim);cursor:pointer;padding:8px 0 2px;border-top:1px solid var(--border)} .aqfic .tks-a:hover{color:var(--text)}.aqfic .tks-a svg{width:14px;height:14px} .aqfic .det-wrap{background:var(--surface);border:0;border-radius:0;overflow:visible} /* details panel */ .aqfic .det-top{display:flex;align-items:center;gap:8px;padding:13px 15px 9px;position:sticky;top:0;background:var(--surface);z-index:2} .aqfic .det-top .dt{font-size:12.5px;font-weight:700}.aqfic .det-top .sp{flex:1} .aqfic .det-empty{font-size:11.5px;font-weight:600;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;gap:6px;user-select:none}.aqfic .det-empty svg{width:13px;height:13px} .aqfic .dsec{border-top:1px solid var(--border)} .aqfic .dsec-h{display:flex;align-items:center;gap:8px;padding:11px 15px 7px;font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);cursor:pointer} .aqfic .dsec-h .cv{margin-left:auto;transition:transform .15s}.aqfic .dsec-h .cv svg{width:13px;height:13px} .aqfic .dsec.closed .dsec-h .cv{transform:rotate(-90deg)}.aqfic .dsec.closed .drow{display:none} .aqfic .drow{display:flex;align-items:flex-start;gap:12px;padding:6px 15px;min-height:34px} .aqfic .drow .k{width:118px;flex-shrink:0;font-size:12.5px;color:var(--muted);padding-top:6px} .aqfic .drow .v{flex:1;min-width:0;font-size:13px;font-weight:500;color:var(--text);border:1px solid transparent;border-radius:7px;padding:6px 8px;cursor:text;transition:.12s;white-space:pre-wrap;word-break:break-word} .aqfic .drow .v:hover{background:var(--s2)} .aqfic .drow .v.empty{color:var(--muted);font-weight:400;font-style:italic} .aqfic .drow.hide{display:none} .aqfic .drow .v.edit{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim);outline:none} .aqfic .drow .v .badge{display:inline-flex;align-items:center;gap:6px} .aqfic .pill{display:inline-block;font-size:11.5px;font-weight:600;border-radius:6px;padding:2px 8px} .aqfic .pill.exclu{color:var(--accent);background:var(--accent-dim)} .aqfic .pill.hot{color:var(--chaud);background:color-mix(in srgb,var(--chaud) 13%,transparent)} .aqfic .pill.warm{color:var(--tiede);background:color-mix(in srgb,var(--tiede) 13%,transparent)} .aqfic .pill.cold{color:var(--froid);background:color-mix(in srgb,var(--froid) 13%,transparent)} .aqfic .rec[data-mode="read"] .v{cursor:default!important;pointer-events:none} .aqfic .rec[data-mode="read"] .drow .v:hover{background:transparent} .aqfic .rec[data-mode="read"] .det-empty,.aqfic .rec[data-mode="read"] .drow.hide{display:none} .aqfic .rec[data-mode="read"] .addnote,.aqfic .rec[data-mode="read"] .abtn.edit-only{display:none} /* ===== panneaux d'onglets ===== */ .aqfic .pan{display:none} .aqfic .pan.on{display:block} .aqfic .pan-h{display:flex;align-items:center;gap:10px;margin-bottom:14px} .aqfic .pan-t{font-size:14px;font-weight:700;letter-spacing:-.01em} .aqfic .pan-t .c{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:11px;font-weight:600;color:var(--muted);background:var(--s2);border:1px solid var(--border);border-radius:99px;padding:2px 8px;margin-left:7px} .aqfic .pan-h .sp{flex:1} .aqfic .fbtn{font-family:inherit;display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:12px;font-weight:600;color:var(--text-dim);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:6px 11px;cursor:pointer;transition:.15s} .aqfic .fbtn:hover{background:var(--s2);color:var(--text)} .aqfic .fbtn.on{background:var(--text);border-color:var(--text);color:var(--bg)} .aqfic .fbtn svg{width:13px;height:13px} /* visites (fiche client) */ /* biens vus */ .aqfic .bv-note{font-size:11.5px;color:var(--muted);font-style:italic} .aqfic .bv-sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px} .aqfic .bv-s{display:flex;flex-direction:column;gap:4px;padding:11px 13px;border:1px solid var(--border);border-radius:11px;background:var(--surface)} .aqfic .bv-sl{display:block;font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)} .aqfic .bv-sv{display:block;font-size:16px;font-weight:700;letter-spacing:-.024em;font-variant-numeric:tabular-nums} .aqfic .bv-sv.hi{color:var(--chaud)} .aqfic .bvl{display:flex;flex-direction:column} .aqfic .bvr{display:flex;align-items:center;gap:12px;padding:11px 2px;border-bottom:1px solid var(--border)} .aqfic .bvr:last-child{border-bottom:0} .aqfic .bvr-th{width:40px;height:32px;flex-shrink:0;border-radius:7px;background:var(--s3);color:var(--muted);display:grid;place-items:center} .aqfic .bvr-th svg{width:17px;height:17px;opacity:.6} .aqfic .bvr-b{flex:1;min-width:0;display:flex;flex-direction:column} .aqfic .bvr-n{display:block;font-size:13.5px;font-weight:600;letter-spacing:-.014em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .aqfic .bvr-m{display:block;font-size:11.5px;color:var(--muted);margin-top:2px} .aqfic .bvr-p{flex-shrink:0;font-size:13.5px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums} .aqfic .bvr-p.hi{color:var(--chaud)} @media(max-width:900px){.aqfic .bv-sum{grid-template-columns:1fr 1fr}} /* financement */ .aqfic .fi-badge{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:600;border-radius:99px;padding:4px 11px;color:var(--green);background:color-mix(in srgb,var(--green) 12%,transparent);border:1px solid color-mix(in srgb,var(--green) 28%,transparent)} .aqfic .fi-badge .d{width:6px;height:6px;border-radius:50%;background:var(--green)} .aqfic .fi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px} .aqfic .fi-c{display:flex;flex-direction:column;gap:4px;padding:12px 13px;border:1px solid var(--border);border-radius:11px;background:var(--surface)} .aqfic .fi-l{display:block;font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)} .aqfic .fi-v{display:block;font-size:19px;font-weight:700;letter-spacing:-.028em;font-variant-numeric:tabular-nums} .aqfic .fi-s{display:block;font-size:11px;color:var(--muted)} .aqfic .fi-rows{display:flex;flex-direction:column} .aqfic .fi-r{display:flex;align-items:baseline;gap:14px;padding:10px 2px;border-bottom:1px solid var(--border);font-size:13px} .aqfic .fi-r:last-child{border-bottom:0} .aqfic .fi-rk{width:150px;flex-shrink:0;color:var(--muted)} .aqfic .fi-rv{flex:1;min-width:0;font-weight:500} .aqfic .fi-ok{font-size:11.5px;color:var(--green);margin-left:6px} @media(max-width:900px){.aqfic .fi-grid{grid-template-columns:1fr 1fr}} /* simulateur */ .aqfic .sim{display:flex;flex-direction:column;gap:14px} .aqfic .sim-in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} .aqfic .sim-f{display:flex;flex-direction:column;gap:6px} .aqfic .sim-k{font-size:11.5px;color:var(--muted)} .aqfic .sim-w{flex:1;min-width:0;display:flex;align-items:center;gap:7px;border:1px solid var(--border-hi);border-radius:9px;padding:8px 11px;background:var(--surface);transition:.14s} .aqfic .sim-w:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)} .aqfic .sim-w input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-family:'Inter',-apple-system,sans-serif;font-size:14px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums;-moz-appearance:textfield} .aqfic .sim-w input::-webkit-outer-spin-button,.aqfic .sim-w input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0} .aqfic .sim-w i{flex-shrink:0;font-style:normal;font-size:12px;color:var(--muted)} .aqfic .sim-out{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden} .aqfic .sim-hero{display:flex;flex-direction:column;gap:2px;justify-content:center;padding:12px 15px;border-right:1px solid var(--border);background:var(--s2)} .aqfic .sim-hl{display:block;font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)} .aqfic .sim-hv{display:block;font-size:23px;font-weight:800;letter-spacing:-.03em;line-height:1.1;font-variant-numeric:tabular-nums} .aqfic .sim-hs{display:block;font-size:11px;color:var(--muted)} .aqfic .sim-line{display:flex;flex-direction:column;gap:3px;justify-content:center;padding:12px 15px;border-right:1px solid var(--border);font-size:11.5px;color:var(--muted)} .aqfic .sim-line b{font-size:15px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.02em} .aqfic .sim-line i{font-style:normal;font-size:11px;opacity:.7} .aqfic .sim-line.tot{border-right:0} .aqfic .sim-msg{grid-column:1/-1;padding:9px 15px;border-top:1px solid var(--border);font-size:11.5px;line-height:1.45} @media(max-width:900px){.aqfic .sim-in{grid-template-columns:1fr 1fr}.aqfic .sim-out{grid-template-columns:1fr 1fr}.aqfic .sim-hero,.aqfic .sim-line{border-right:0;border-bottom:1px solid var(--border)}} .aqfic .sim-msg.ok{color:var(--green)}.aqfic .sim-msg.warn{color:var(--chaud)} /* visites */ .aqfic .vs-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:12px} .aqfic .vs-k{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:10px 12px} .aqfic .vs-kl{display:block;font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)} .aqfic .vs-kv{display:block;font-size:17px;font-weight:700;letter-spacing:-.024em;margin-top:4px} .aqfic .vs{display:flex;align-items:center;gap:12px;padding:10px 13px;border:1px solid var(--border);border-radius:11px;background:var(--surface)} .aqfic .vs+.vs{margin-top:7px} .aqfic .vs-d{flex-shrink:0;width:40px;display:flex;flex-direction:column;align-items:center;font-family:var(--mono);font-size:14px;font-weight:700;line-height:1.1} .aqfic .vs-d b{display:block;font-size:8.5px;font-weight:600;letter-spacing:.08em;color:var(--muted);margin-bottom:2px} .aqfic .vs-b{flex:1;min-width:0;display:flex;flex-direction:column} .aqfic .vs-n{display:block;font-size:13px;font-weight:600;letter-spacing:-.012em} .aqfic .vs-m{display:block;font-size:11.5px;color:var(--muted);margin-top:2px;line-height:1.45} .aqfic .vs-st{flex-shrink:0;font-size:11px;font-weight:600;border-radius:99px;padding:3px 9px;white-space:nowrap;color:var(--muted);background:var(--s2);border:1px solid var(--border)} .aqfic .vs-st.ok{color:var(--green);background:color-mix(in srgb,var(--green) 12%,transparent);border-color:color-mix(in srgb,var(--green) 28%,transparent)} .aqfic .vs-st.no{color:var(--chaud);background:color-mix(in srgb,var(--chaud) 10%,transparent);border-color:color-mix(in srgb,var(--chaud) 26%,transparent)} .aqfic .vs-st.soon{color:var(--accent);background:var(--accent-dim);border-color:color-mix(in srgb,var(--accent) 30%,transparent)} /* rapprochements */ .aqfic .mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(208px,1fr));gap:13px} .aqfic .mc{border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden;cursor:pointer;transition:.16s} .aqfic .mc:hover{border-color:var(--border-hi);box-shadow:var(--shadow-card);transform:translateY(-2px)} .aqfic .mc.top{border-color:color-mix(in srgb,var(--accent) 40%,transparent)} .aqfic .mc-img{position:relative;height:108px;background:linear-gradient(135deg,var(--s2),var(--s3));display:grid;place-items:center;color:var(--muted)} .aqfic .mc-img svg{width:24px;height:24px;opacity:.45} .aqfic .mc-sc{position:absolute;top:8px;right:8px;font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:10.5px;font-weight:700;color:#fff;background:var(--pill-dark);border-radius:99px;padding:3px 8px} [data-theme="noir"] .aqfic .mc-sc{color:var(--text);border:1px solid var(--border-hi)} [data-theme="noir"] .aqfic .mc-sc.hot{color:#fff;border-color:transparent} .aqfic .mc-sc.hot{background:var(--chaud)} .aqfic .mc-new{position:absolute;top:8px;left:8px;font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.05em;color:#fff;background:var(--accent);border-radius:5px;padding:3px 7px} .aqfic .mc-b{padding:10px 12px 12px} .aqfic .mc-p{font-size:15px;font-weight:800;letter-spacing:-.02em} .aqfic .mc-a{font-size:11.5px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .aqfic .mc-cs{display:flex;gap:5px;margin-top:9px;overflow:hidden} .aqfic .mc-ch{font-size:9.5px;font-weight:600;border-radius:5px;padding:2px 6px;white-space:nowrap;flex-shrink:0;color:var(--green);background:color-mix(in srgb,var(--green) 13%,transparent)} .aqfic .mc-ch.w{color:var(--tiede);background:color-mix(in srgb,var(--tiede) 13%,transparent)} .aqfic .mc-ac{display:flex;gap:6px;margin-top:11px;padding-top:10px;border-top:1px solid var(--border)} .aqfic .mc-ac button{flex:1;font-family:inherit;font-size:11.5px;font-weight:600;color:var(--text);background:var(--s2);border:1px solid var(--border);border-radius:7px;padding:6px;cursor:pointer;transition:.15s} .aqfic .mc-ac button:hover{background:var(--s3)} .aqfic .mc-ac button.pri{background:var(--text);border-color:var(--text);color:var(--bg)} /* documents */ .aqfic .dz{display:flex;align-items:center;gap:11px;border:1.5px dashed var(--border-hi);border-radius:11px;padding:15px 16px;margin-bottom:13px;cursor:pointer;transition:.16s} .aqfic .dz:hover{border-color:var(--accent);background:var(--accent-dim)} .aqfic .dz-ic{width:32px;height:32px;border-radius:9px;background:var(--s2);border:1px solid var(--border);display:grid;place-items:center;color:var(--text-dim);flex-shrink:0} .aqfic .dz-ic svg{width:16px;height:16px} .aqfic .dz-t{font-size:13px;font-weight:600} .aqfic .dz-s{font-size:11.5px;color:var(--muted);margin-top:2px} .aqfic .dlist{border:1px solid var(--border);border-radius:12px;overflow:hidden} .aqfic .dr{display:flex;align-items:center;gap:12px;padding:11px 14px;border-bottom:1px solid var(--border);transition:.14s} .aqfic .dr:last-child{border-bottom:0} .aqfic .dr:hover{background:var(--s2)} .aqfic .dr-ic{width:30px;height:36px;border-radius:5px;display:grid;place-items:center;font-family:var(--mono);font-size:8.5px;font-weight:700;color:#fff;flex-shrink:0;background:var(--chaud)} .aqfic .dr-ic.doc{background:var(--froid)}.aqfic .dr-ic.img{background:var(--green)} .aqfic .dr-c{flex:1;min-width:0} .aqfic .dr-n{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .aqfic .dr-m{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:10.5px;color:var(--muted);margin-top:3px} .aqfic .dr-tag{font-size:10.5px;font-weight:600;color:var(--text-dim);background:var(--s2);border:1px solid var(--border);border-radius:6px;padding:3px 8px;flex-shrink:0} .aqfic .dr-b{width:28px;height:28px;border-radius:7px;border:0;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer;flex-shrink:0;transition:.15s} .aqfic .dr-b:hover{background:var(--s3);color:var(--text)} .aqfic .dr-b svg{width:15px;height:15px} .aqfic .dempty{text-align:center;padding:34px 20px;color:var(--muted);font-size:13px} /* activity feed */ .aqfic .act-y{font-size:12px;font-weight:600;color:var(--muted);margin:0 0 12px} .aqfic .ev{display:flex;gap:12px;padding-bottom:20px;position:relative} .aqfic .ev::before{content:"";position:absolute;left:13px;top:26px;bottom:0;width:1.5px;background:var(--border)} .aqfic .ev:last-child::before{display:none} .aqfic .ev .ei{width:27px;height:27px;border-radius:8px;background:var(--s2);border:1px solid var(--border);display:grid;place-items:center;flex-shrink:0;z-index:1;color:var(--text-dim)}.aqfic .ev .ei svg{width:14px;height:14px} .aqfic .ev .eb{flex:1;min-width:0} .aqfic .ev .eh{font-size:13px;color:var(--text-dim)}.aqfic .ev .eh b{color:var(--text);font-weight:600}.aqfic .ev .eh .tm{color:var(--muted);margin-left:6px;font-size:12px} .aqfic .ev .card{margin-top:9px;border:1px solid var(--border);border-radius:11px;background:var(--surface);padding:12px 14px} .aqfic .ev .card .ct{font-size:13.5px;font-weight:700;margin-bottom:4px}.aqfic .ev .card .cd{font-size:12.5px;color:var(--text-dim);line-height:1.5} .aqfic .addnote{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:11px;background:var(--surface);padding:10px 13px;margin-bottom:22px;color:var(--muted);font-size:13px;cursor:text} .aqfic .addnote svg{width:16px;height:16px} /* KPI strip */ /* KPI strip — auto-fit : replie de lui-même quand le rail prend la place. `repeat(4,1fr)` était incompatible avec 582px de chrome fixe (sidebar + rail). */ .aqfic .kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:22px;align-items:start} /* le repli ne vaut que dans la bande où le rail est visible ET le conteneur étroit : sous 1000px,sidebar et rail disparaissent,la place est maximale — indexer sur le viewport seul cassait tout */ @media(min-width:1001px) and (max-width:1180px){.aqfic .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:760px){.aqfic .kpis{grid-template-columns:1fr 1fr}} .aqfic .kpi{border:1px solid var(--border);border-radius:12px;padding:13px 15px;background:var(--surface)} .aqfic .kpi .k{font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)} .aqfic .kpi .v{font-size:17px;font-weight:700;letter-spacing:-.022em;margin-top:6px;line-height:1.2} .aqfic .kpi .s{font-size:11.5px;color:var(--muted);margin-top:3px} .aqfic .sect-h{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;display:flex;align-items:center;gap:9px} .aqfic .sect-h .gb{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-dim);background:var(--s2);border:1px solid var(--border);border-radius:8px;padding:6px 11px;cursor:pointer}.aqfic .sect-h .gb svg{width:13px;height:13px} /* match list (prospect/lead) */ .aqfic .mrow{display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:11px;padding:11px 13px;margin-bottom:8px} .aqfic .mrow .mv{width:44px;height:44px;border-radius:9px;background:var(--s2);flex-shrink:0;overflow:hidden} .aqfic .mrow .mb{flex:1;min-width:0}.aqfic .mrow .mt{font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aqfic .mrow .md{font-size:12px;color:var(--muted);margin-top:2px} .aqfic .mrow .mp{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700} .aqfic .mrow .sc{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;border-radius:99px;padding:2px 8px} .aqfic .mrow .sc.hot{color:var(--chaud);background:color-mix(in srgb,var(--chaud) 12%,transparent)} .aqfic .mrow .sc.warm{color:var(--tiede);background:color-mix(in srgb,var(--tiede) 12%,transparent)} /* ═══ [b2469] BLOC AJOUTE PAR MARGOT — onglet Signaux du lead (Sismo 1.3) Repris TEL QUEL de son `fiche-core.css`, sans une retouche : reprendre une nouvelle version de sa feuille doit rester un remplacement, pas une fusion a la main. Seul CE bloc est pris — le reste de son fichier contient aussi un « rail pleine hauteur » qui repasserait `.rec` en grille et toucherait AUSSI la fiche client, ce qui merite son propre build avec sa contre-epreuve. Verifie : tous les selecteurs sont deja scopes sous `.aqfic`. ═══ */ .aqfic .fi-rv.mn{font-family:var(--mono);font-size:12px} /* ═══ onglet Signaux · modèles Sismo 1.3 / Strate 1.0 ═════════════ Vocabulaire de la fiche : rangées plates `.bvr`, séparateurs droits, aucune boîte teintée. Seule la courbe garde un cadre — comme .bv-s. */ .aqfic .sg-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px 30px;align-items:start} @media(max-width:1100px){.aqfic .sg-grid{grid-template-columns:1fr}} /* signal détecté : la pastille passe en accent, rien d'autre ne change */ /* pastille de signal : ronde et compacte. La vignette 40x32 de .bvr-th est faite pour une photo de bien, pas pour une coche. */ .aqfic .bvr-th.sg{width:20px;height:20px;border-radius:50%;background:var(--s3);color:var(--muted)} .aqfic .bvr-th.sg svg{width:12px;height:12px} .aqfic .bvr-th.sg.on{background:var(--accent);color:#fff} .aqfic .bvr.off .bvr-n{color:var(--muted);font-weight:500} .aqfic .bvr-p.acc{font-family:var(--mono);font-size:12.5px;color:var(--accent)} .aqfic .bvr-p.nil{font-family:var(--mono);font-size:12.5px;color:var(--muted);font-weight:500} /* détention : la barre EST la progression dans le cycle du segment */ .aqfic .sg-hold{flex:0 0 44%;display:flex;flex-direction:column;gap:7px;min-width:0} .aqfic .sg-hv{font-size:14px;font-weight:700;letter-spacing:-.022em;font-variant-numeric:tabular-nums} .aqfic .sg-hv em{font-style:normal;font-size:11.5px;font-weight:400;color:var(--muted);margin-left:6px} .aqfic .sg-bar{height:5px;border-radius:99px;background:var(--s3);overflow:hidden} .aqfic .sg-bar i{display:block;height:100%;border-radius:99px;background:var(--froid);transition:width .9s cubic-bezier(.3,.7,.2,1)} /* distribution : la courbe rend le percentile lisible d'un coup */ .aqfic .sg-card{border:1px solid var(--border);border-radius:11px;background:var(--surface);padding:13px 14px 12px} .aqfic .sg-ch{display:flex;align-items:baseline;gap:9px;font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:12px} .aqfic .sg-ch b{color:var(--text);font-size:11.5px;letter-spacing:0} .aqfic .sg-ch .r{margin-left:auto;text-transform:none;letter-spacing:0;font-size:11px} .aqfic .sg-ch .r b{color:var(--accent);font-family:var(--mono)} .aqfic .sg-svg{display:block;width:100%;height:110px;overflow:visible} .aqfic .sg-ax{display:flex;justify-content:space-between;font-family:var(--mono);font-size:9.5px;color:var(--muted);margin-top:5px} .aqfic .sg-note{font-size:12.5px;line-height:1.6;color:var(--text-dim);margin-top:12px;padding-top:12px;border-top:1px solid var(--border)} .aqfic .sg-note b{color:var(--text);font-weight:600} .aqfic .sg-note .pc{font-family:var(--mono);font-weight:700;color:var(--accent)} /* ═══ [b2481] BLOC AJOUTE PAR MARGOT — onglet Estimation du lead Repris TEL QUEL, comme le bloc `.sg-*` de b2469 : reprendre une nouvelle version de sa feuille doit rester un remplacement, pas une fusion a la main. Verifie : tous les selecteurs sont scopes `.aqfic`. ═══ */ /* ═══ onglet Estimation d'un lead ═══════════════════════════════════ La fourchette est un intervalle : elle mérite une jauge, pas une ligne de liste. Le calcul est une dérivation, pas une frise. */ .aqfic .lest{display:flex;flex-direction:column;gap:8px;background:var(--surface); border:1px solid var(--border);border-radius:14px;padding:16px 17px 18px} .aqfic .lest-top{display:flex;align-items:baseline;gap:11px;flex-wrap:wrap} .aqfic .lest-v{font-size:27px;font-weight:800;letter-spacing:-.032em;line-height:1.05} .aqfic .lest-m2{font-family:var(--mono);font-size:12.5px;font-weight:600;color:var(--text-dim); font-variant-numeric:tabular-nums} .aqfic .lest-conf{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-family:var(--mono); font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--green); background:color-mix(in srgb,var(--green) 12%,transparent); border:1px solid color-mix(in srgb,var(--green) 28%,transparent);border-radius:99px;padding:3px 9px} .aqfic .lest-conf i{width:5px;height:5px;border-radius:50%;background:var(--green)} /* jauge : le segment retenu, la valeur centrale, les bornes */ .aqfic .lest-g{margin-top:9px} .aqfic .lest-trk{position:relative;height:8px;border-radius:99px;background:var(--s3)} .aqfic .lest-band{position:absolute;top:0;bottom:0;left:0;right:0;border-radius:99px; background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 34%,transparent),var(--accent))} .aqfic .lest-mid{position:absolute;top:-5px;width:3px;height:18px;border-radius:2px; background:var(--surface);box-shadow:0 0 0 1px rgba(20,22,31,.34);transform:translateX(-1.5px)} [data-theme="noir"] .aqfic .lest-mid{background:var(--text);box-shadow:0 0 0 1px rgba(0,0,0,.5)} .aqfic .lest-sc{display:flex;justify-content:space-between;gap:10px;margin-top:8px;font-family:var(--mono); font-size:10.5px;color:var(--muted);font-variant-numeric:tabular-nums} .aqfic .lest-sc span{white-space:nowrap} .aqfic .lest-sc b{color:var(--text-dim);font-weight:600} /* le calcul, ligne par ligne, avec ses opérateurs */ .aqfic .lest-calc{margin-top:18px;border-top:1px solid var(--border)} .aqfic .lest-cr{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)} .aqfic .lest-cr:last-child{border-bottom:0} .aqfic .lest-op{width:16px;flex-shrink:0;text-align:center;font-family:var(--mono);font-size:12px; font-weight:700;color:var(--muted)} .aqfic .lest-cl{flex:1;min-width:0;display:flex;flex-direction:column} .aqfic .lest-cn{display:block;font-size:13.5px;font-weight:500;letter-spacing:-.012em} .aqfic .lest-cs{display:block;font-family:var(--mono);font-size:10px;color:var(--muted);margin-top:3px} .aqfic .lest-cv{flex-shrink:0;font-family:var(--mono);font-size:13.5px;font-weight:700; letter-spacing:-.02em;font-variant-numeric:tabular-nums} .aqfic .lest-cr.tot .lest-cn{font-weight:700} .aqfic .lest-cr.tot .lest-cv{font-size:15px;color:var(--accent)} .aqfic .lest-cr.neg .lest-cv{color:var(--chaud)} /* comparables : la barre situe chaque vente face à la médiane */ .aqfic .lcmp{display:flex;flex-direction:column;margin-top:6px} .aqfic .lcmp-r{display:grid;grid-template-columns:minmax(0,1fr) 92px 66px;gap:12px;align-items:center; padding:11px 0;border-bottom:1px solid var(--border)} .aqfic .lcmp-r:last-child{border-bottom:0} .aqfic .lcmp-a{min-width:0;display:flex;flex-direction:column} .aqfic .lcmp-n{display:block;font-size:13.5px;font-weight:600;letter-spacing:-.014em; white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .aqfic .lcmp-s{display:block;font-size:11.5px;color:var(--muted);margin-top:3px} .aqfic .lcmp-bar{position:relative;height:5px;border-radius:99px;background:var(--s3)} .aqfic .lcmp-bar i{position:absolute;top:0;bottom:0;left:0;border-radius:99px;background:var(--froid)} .aqfic .lcmp-r.up .lcmp-bar i{background:var(--tiede)} .aqfic .lcmp-bar b{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--text-dim);opacity:.55} .aqfic .lcmp-num{text-align:right;display:flex;flex-direction:column;align-items:flex-end} .aqfic .lcmp-p{display:block;font-family:var(--mono);font-size:12.5px;font-weight:700; font-variant-numeric:tabular-nums;letter-spacing:-.02em} .aqfic .lcmp-d{display:block;font-family:var(--mono);font-size:10px;margin-top:3px;color:var(--muted)} .aqfic .lcmp-r.up .lcmp-d{color:#8a6320;font-weight:600} .aqfic .lcmp-r.dn .lcmp-d{color:#2f6499;font-weight:600} [data-theme="noir"] .aqfic .lcmp-r.up .lcmp-d{color:var(--tiede)} [data-theme="noir"] .aqfic .lcmp-r.dn .lcmp-d{color:var(--froid)} .aqfic .lcmp-leg{display:flex;align-items:center;gap:8px;margin-top:11px;font-family:var(--mono); font-size:9.5px;color:var(--muted)} .aqfic .lcmp-leg i{width:12px;height:2px;background:var(--text-dim);opacity:.55;flex-shrink:0} @media(max-width:820px){.aqfic .lcmp-r{grid-template-columns:minmax(0,1fr) 66px} .aqfic .lcmp-bar{display:none}}