/* ═══════════════════════════════════════════════════════════════════════ fiche-dossier.css — la feuille de Margot pour la fiche Dossier, reprise TELLE QUELLE a deux exceptions, documentees a l'endroit du retrait. ⚠ RE-SCOPEE `.aqfic` -> `.aqfic.fdos`, et c'est le point qui compte. Sa feuille porte 520 selecteurs scopes `.aqfic`. Or fiche-leadpros.css utilise DEJA `.aqfic` (56 selecteurs) et fiche-glue.css aussi (50) : la charger telle quelle repeindrait Lead et Prospect, qui sont vivantes. Le prefixe ajoute UNE classe a chaque selecteur — decalage de specificite UNIFORME, donc l'ordre interne de sa feuille est preserve a l'identique, et rien ne peut atteindre une fiche qui ne porte pas `.fdos`. Reprendre une nouvelle version de sa maquette se fait en REJOUANT ce re-scopage, pas en editant ce fichier. ═══════════════════════════════════════════════════════════════════════ */ /* ═══════════════════════════════════════════════════════════════════ 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.fdos,[data-theme="light"] .aqfic.fdos{--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);--sans:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--mono:'JetBrains Mono',monospace} [data-theme="noir"] .aqfic.fdos{--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.fdos *{margin:0;box-sizing:border-box} .aqfic.fdos{font-family:'Inter',-apple-system,sans-serif;background:var(--bg);color:var(--text);height:100vh;overflow:hidden;display:flex} .aqfic.fdos .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.fdos .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.fdos .tog:hover{opacity:1} @media(max-width:1000px){.aqfic.fdos .tog{display:none}} .aqfic.fdos .tog svg{width:16px;height:16px} .aqfic.fdos .side{position:relative} /* sidebar */ .aqfic.fdos .side{width:230px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:14px 12px} .aqfic.fdos .ws{display:flex;align-items:center;gap:10px;padding:5px 8px 14px;border-bottom:1px solid var(--border);margin-bottom:8px} .aqfic.fdos .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.fdos .ws .nm{font-size:13.5px;font-weight:700}.aqfic.fdos .ws .cv{margin-left:auto;color:var(--muted)}.aqfic.fdos .ws .cv svg{width:14px;height:14px} .aqfic.fdos .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.fdos .nav-i svg{width:16px;height:16px;color:var(--muted)}.aqfic.fdos .nav-i:hover{background:var(--s2);color:var(--text)} .aqfic.fdos .nav-i.on{background:var(--s2);color:var(--text)}.aqfic.fdos .nav-i.on svg{color:var(--accent)} .aqfic.fdos .nav-i .n{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--muted)} .aqfic.fdos .grp{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:14px 9px 5px} /* record area */ .aqfic.fdos .rec{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--surface)} .aqfic.fdos .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.fdos .crumb .c1{display:inline-flex;align-items:center;gap:7px}.aqfic.fdos .crumb svg{width:15px;height:15px} .aqfic.fdos .crumb b{color:var(--text);font-weight:600}.aqfic.fdos .crumb .sp{flex:1} .aqfic.fdos .vsw{display:inline-flex;gap:2px;background:var(--s2);border:1px solid var(--border);border-radius:9px;padding:3px} .aqfic.fdos .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.fdos .vsw button svg{width:13px;height:13px}.aqfic.fdos .vsw button:hover{color:var(--text)} .aqfic.fdos .vsw button.on{background:var(--surface);color:var(--text);box-shadow:0 1px 2px rgba(20,22,31,.08)} [data-theme="noir"] .aqfic.fdos .vsw button.on{box-shadow:0 1px 2px rgba(0,0,0,.5)} .aqfic.fdos .rhead{display:flex;align-items:center;gap:13px;padding:18px 20px 14px;flex-shrink:0} .aqfic.fdos .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.fdos .rhead .ic svg{width:22px;height:22px} .aqfic.fdos .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.fdos .tmp{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;border-radius:99px;padding:3px 9px} .aqfic.fdos .tmp .d{width:6px;height:6px;border-radius:50%;background:currentColor} .aqfic.fdos .tmp .sc{font-family:var(--mono);font-variant-numeric:tabular-nums;opacity:.75} .aqfic.fdos .tmp.hot{color:var(--chaud);background:color-mix(in srgb,var(--chaud) 13%,transparent)} .aqfic.fdos .tmp.warm{color:var(--tiede);background:color-mix(in srgb,var(--tiede) 13%,transparent)} .aqfic.fdos .tmp.cold{color:var(--froid);background:color-mix(in srgb,var(--froid) 13%,transparent)} .aqfic.fdos .tmp.ok{color:var(--green);background:color-mix(in srgb,var(--green) 13%,transparent)} /* pastilles de contact actionnables (issu de D) */ .aqfic.fdos .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.fdos .ct:hover{background:var(--s2);color:var(--text);border-color:var(--border-hi)} .aqfic.fdos .ct svg{width:13px;height:13px;color:var(--muted);flex-shrink:0} .aqfic.fdos .ct .mn{font-family:var(--mono);font-variant-numeric:tabular-nums} .aqfic.fdos .rec[data-mode="read"] .ct{cursor:default} .aqfic.fdos .rhead .su{font-size:12.5px;color:var(--muted);margin-top:2px} .aqfic.fdos .rhead .sp{flex:1} .aqfic.fdos .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.fdos .abtn:hover{background:var(--s2)}.aqfic.fdos .abtn svg{width:15px;height:15px;color:var(--muted)} .aqfic.fdos .abtn.pri{background:var(--text);color:var(--bg);border-color:var(--text)}.aqfic.fdos .abtn.pri svg{color:var(--bg)} .aqfic.fdos .rolebar{display:none;align-items:center;gap:9px;padding:9px 20px;font-size:12.5px;border-bottom:1px solid var(--border)} .aqfic.fdos .rolebar svg{width:15px;height:15px;flex-shrink:0}.aqfic.fdos .rolebar b{font-weight:700} .aqfic.fdos .rec[data-mode="read"] .rolebar{display:flex;color:var(--froid);background:color-mix(in srgb,var(--froid) 8%,transparent)} .aqfic.fdos .chips{display:flex;flex-wrap:wrap;gap:9px;padding:0 20px 12px;flex-shrink:0} .aqfic.fdos .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.fdos .schip .d{width:7px;height:7px;border-radius:50%} .aqfic.fdos .schip.st .d{background:var(--green)}.aqfic.fdos .schip.ex .d{background:var(--accent)}.aqfic.fdos .schip.hot .d{background:var(--chaud)}.aqfic.fdos .schip.warm .d{background:var(--tiede)}.aqfic.fdos .schip.cold .d{background:var(--froid)} .aqfic.fdos .tabs{display:flex;gap:2px;padding:0 20px;border-bottom:1px solid var(--border);flex-shrink:0} .aqfic.fdos .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.fdos .tab svg{width:15px;height:15px}.aqfic.fdos .tab .n{font-family:'JetBrains Mono',monospace;font-size:10.5px;background:var(--s2);border-radius:99px;padding:1px 6px} .aqfic.fdos .tab:hover{color:var(--text-dim)}.aqfic.fdos .tab.on{color:var(--text);border-bottom-color:var(--accent)} /* body */ .aqfic.fdos .rbody{flex:1;min-height:0;display:flex} .aqfic.fdos .rmain{flex:1;min-width:0;overflow-y:auto;padding:22px 32px 22px 26px;background:var(--surface)} .aqfic.fdos .rdet{width:352px;flex-shrink:0;border-left:1px solid var(--border);background:var(--surface);overflow-y:auto} @media(max-width:1000px){.aqfic.fdos .rdet{display:none}.aqfic.fdos .side{display:none}} /* details panel */ /* ===== Arpe · Instinct (rail droit) ===== */ /* fil d'activité — partagé par les fiches client / prospect / lead */ .aqfic.fdos .tl{position:relative;padding-left:6px} .aqfic.fdos .tl-i{position:relative;display:flex;gap:13px;padding:11px 0 11px 20px} .aqfic.fdos .tl-i::before{content:"";position:absolute;left:5px;top:0;bottom:0;width:1px;background:var(--border)} .aqfic.fdos .tl-i:first-child::before{top:50%}.aqfic.fdos .tl-i:last-child::before{bottom:50%} .aqfic.fdos .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.fdos .tl-b{flex:1;min-width:0;display:flex;flex-direction:column} .aqfic.fdos .tl-t{display:block;font-size:13.5px;font-weight:600;letter-spacing:-.012em} .aqfic.fdos .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.fdos .sc{background:var(--surface);border:0;border-radius:0;overflow:hidden;margin-bottom:0;border-bottom:1px solid var(--border)} .aqfic.fdos .sc-h{display:flex;align-items:center;gap:8px;padding:12px 15px 0} .aqfic.fdos .sc-orb{width:20px;height:20px;border-radius:6px;background:var(--accent);color:#fff;display:grid;place-items:center;flex-shrink:0} .aqfic.fdos .sc-orb svg{width:12px;height:12px} .aqfic.fdos .sc-lb{font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--accent)} .aqfic.fdos .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.fdos .sc-g{display:flex;align-items:center;gap:16px;padding:15px 15px 14px} .aqfic.fdos .sc-n{font-size:44px;font-weight:800;letter-spacing:-.045em;line-height:.82;font-variant-numeric:tabular-nums;flex-shrink:0} .aqfic.fdos .sc-gr{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px} .aqfic.fdos .sc-t{align-self:flex-end;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase} .aqfic.fdos .sc-bar{height:8px;border-radius:99px;background:var(--s3);overflow:hidden} .aqfic.fdos .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.fdos .sc-d{font-size:12.5px;line-height:1.45;color:var(--text-dim)} .aqfic.fdos .sc-d b{color:var(--text);font-weight:600} /* barre empilée : chaque segment = un signal,largeur = son poids */ .aqfic.fdos .sc-stack{display:flex;gap:2px;height:7px;padding:0 15px 3px} .aqfic.fdos .sc-seg{border-radius:3px;background:var(--accent);opacity:.85;transition:opacity .15s} .aqfic.fdos .sc-seg:hover{opacity:1} .aqfic.fdos .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.fdos .sc-lg{display:flex;flex-direction:column;border-top:1px solid var(--border)} .aqfic.fdos .sc-s{display:flex;align-items:center;gap:10px;padding:10px 15px} .aqfic.fdos .sc-s+.sc-s{border-top:1px solid var(--border)} .aqfic.fdos .sc-sw{width:8px;height:8px;border-radius:2px;background:var(--accent);flex-shrink:0} .aqfic.fdos .sc-sb{flex:1;min-width:0;display:flex;flex-direction:column} .aqfic.fdos .sc-sn{display:block;font-size:12.5px;font-weight:600;letter-spacing:-.012em;line-height:1.3} .aqfic.fdos .sc-sd{display:block;font-family:var(--mono);font-size:9.5px;color:var(--muted);margin-top:2px} .aqfic.fdos .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.fdos .sc-s.neg .sc-sw{background:var(--chaud)} .aqfic.fdos .sc-s.neg .sc-sv{color:var(--chaud)} .aqfic.fdos .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.fdos .sc-f svg{width:13px;height:13px;color:var(--muted);flex-shrink:0} /* action recommandée,dans la continuité du score */ .aqfic.fdos .sc-cta{display:flex;align-items:center;gap:10px;padding:11px 15px;border-top:1px solid var(--border);cursor:pointer;transition:background .15s} .aqfic.fdos .sc-cta:hover{background:var(--s2)} .aqfic.fdos .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.fdos .sc-ci svg{width:14px;height:14px} .aqfic.fdos .sc-ct{flex:1;min-width:0;display:flex;flex-direction:column} .aqfic.fdos .sc-cn{display:block;font-size:12.5px;font-weight:600;letter-spacing:-.012em} .aqfic.fdos .sc-cs{display:block;font-family:var(--mono);font-size:9.5px;color:var(--muted);margin-top:2px} .aqfic.fdos .sc-cv{color:var(--muted);flex-shrink:0}.aqfic.fdos .sc-cv svg{width:14px;height:14px} .aqfic.fdos .rdet{padding:0} .aqfic.fdos .prog{padding:14px 15px 13px;border-bottom:1px solid var(--border)} /* sélecteur de date : mois navigable, aujourd'hui repéré, valeur courante marquée */ .aqfic.fdos .dpk{position:fixed;z-index:60;width:250px;background:var(--surface);border:1px solid var(--border-hi); border-radius:12px;box-shadow:0 1px 2px rgba(20,22,31,.05),0 18px 44px -12px rgba(20,22,31,.26);padding:10px} [data-theme="noir"] .aqfic.fdos .dpk{box-shadow:0 1px 2px rgba(0,0,0,.5),0 20px 50px -12px rgba(0,0,0,.8)} .aqfic.fdos .dpk-h{display:flex;align-items:center;gap:6px;margin-bottom:8px} .aqfic.fdos .dpk-m{flex:1;text-align:center;font-size:12.5px;font-weight:700;letter-spacing:-.012em;text-transform:capitalize} .aqfic.fdos .dpk-nav{width:24px;height:24px;border:1px solid var(--border);border-radius:7px;background:var(--surface); color:var(--text-dim);display:grid;place-items:center;cursor:pointer;padding:0;flex-shrink:0} .aqfic.fdos .dpk-nav:hover{background:var(--s2);color:var(--text)} .aqfic.fdos .dpk-nav svg{width:13px;height:13px} .aqfic.fdos .dpk-g{display:grid;grid-template-columns:repeat(7,1fr);gap:2px} .aqfic.fdos .dpk-w{font-family:var(--mono);font-size:8.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase; color:var(--muted);text-align:center;padding:3px 0 5px} .aqfic.fdos .dpk-d{height:28px;border:0;border-radius:7px;background:transparent;font-family:var(--mono);font-size:11.5px; font-weight:600;color:var(--text);cursor:pointer;padding:0} .aqfic.fdos .dpk-d:hover{background:var(--s2)} .aqfic.fdos .dpk-d.out{color:var(--muted);opacity:.45} .aqfic.fdos .dpk-d.now{color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 34%,transparent)} .aqfic.fdos .dpk-d.on{background:var(--text);color:var(--surface)} .aqfic.fdos .dpk-f{display:flex;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border)} .aqfic.fdos .dpk-b{flex:1;border:1px solid var(--border);border-radius:7px;background:var(--surface); font-family:var(--sans);font-size:11.5px;font-weight:600;color:var(--text-dim);padding:6px 0;cursor:pointer} .aqfic.fdos .dpk-b:hover{background:var(--s2);color:var(--text)} .aqfic.fdos .drow .v.date::after{content:"";display:inline-block;width:11px;height:11px;margin-left:7px;vertical-align:-1px; opacity:.5;background:currentColor;-webkit-mask:var(--cal) center/contain no-repeat;mask:var(--cal) center/contain no-repeat} .aqfic.fdos{--cal:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Crect x='3' y='4.5' width='18' height='17' rx='2.5'/%3E%3Cpath d='M3 9.5h18M8 2.5v4M16 2.5v4'/%3E%3C/svg%3E")} /* bascule d'affichage des infos rapides */ .aqfic.fdos .det-view{display:flex;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:7px;overflow:hidden;flex-shrink:0} .aqfic.fdos .det-view button{border:0;background:var(--surface);color:var(--muted);padding:4px 7px;cursor:pointer;display:grid;place-items:center} .aqfic.fdos .det-view button:hover{color:var(--text-dim)} .aqfic.fdos .det-view button.on{background:var(--s2);color:var(--text)} .aqfic.fdos .det-view svg{width:13px;height:13px} /* vue tableau : deux colonnes réglées, lignes serrées */ .aqfic.fdos .det-wrap.tbl .drow{padding:0;min-height:0;border-bottom:1px solid var(--border)} .aqfic.fdos .det-wrap.tbl .drow:last-child{border-bottom:0} .aqfic.fdos .det-wrap.tbl .drow .k{width:118px;padding:8px 0 8px 15px;background:var(--s2);align-self:stretch;display:flex;align-items:center} .aqfic.fdos .det-wrap.tbl .drow .v{padding:8px 15px;border-radius:0} /* sélecteur d'entité : même vocabulaire que les modales de création */ .aqfic.fdos .pkr{position:fixed;z-index:60;width:290px;max-width:calc(100vw - 24px);background:var(--surface); border:1px solid var(--border-hi);border-radius:12px;box-shadow:0 1px 2px rgba(20,22,31,.05),0 18px 44px -12px rgba(20,22,31,.26); overflow:hidden;display:flex;flex-direction:column;max-height:290px} [data-theme="noir"] .aqfic.fdos .pkr{box-shadow:0 1px 2px rgba(0,0,0,.5),0 20px 50px -12px rgba(0,0,0,.8)} .aqfic.fdos .pkr-s{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border);flex-shrink:0} .aqfic.fdos .pkr-s svg{width:15px;height:15px;color:var(--muted);flex-shrink:0} .aqfic.fdos .pkr-s input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-family:var(--sans); font-size:13.5px;color:var(--text);padding:0} .aqfic.fdos .pkr-s input::placeholder{color:var(--muted)} .aqfic.fdos .pkr-l{flex:1;min-height:0;overflow-y:auto;padding:5px} .aqfic.fdos .pkr-i{display:flex;align-items:center;gap:10px;padding:8px 9px;border-radius:8px;cursor:pointer} .aqfic.fdos .pkr-i:hover,.aqfic.fdos .pkr-i.sel{background:var(--s2)} .aqfic.fdos .pkr-av{width:26px;height:26px;flex-shrink:0;border-radius:7px;background:var(--surface); border:1px solid var(--border-hi);display:grid;place-items:center;font-family:var(--mono); font-size:9.5px;font-weight:700;color:var(--text)} .aqfic.fdos .pkr-c{flex:1;min-width:0;display:flex;flex-direction:column} .aqfic.fdos .pkr-n{display:block;font-size:13px;font-weight:600;letter-spacing:-.012em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .aqfic.fdos .pkr-m{display:block;font-family:var(--mono);font-size:10px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .aqfic.fdos .pkr-e{padding:16px 12px;text-align:center;font-size:12.5px;color:var(--muted)} .aqfic.fdos .drow .v.pick::after{content:"▾";margin-left:6px;font-size:9px;color:var(--muted)} .aqfic.fdos .prog-t{display:flex;align-items:baseline;gap:9px} .aqfic.fdos .prog-n{font-family:var(--sans);font-size:30px;font-weight:800;letter-spacing:-.035em;line-height:1;font-variant-numeric:tabular-nums} .aqfic.fdos .prog-u{font-family:var(--mono);font-size:11px;font-weight:600;color:var(--muted)} .aqfic.fdos .prog-s{margin-left:auto;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-dim)} .aqfic.fdos .prog-bar{display:flex;gap:3px;margin-top:11px} .aqfic.fdos .prog-seg{flex:1;height:6px;border-radius:3px;background:var(--s3)} .aqfic.fdos .prog-seg.on{background:var(--green)} .aqfic.fdos .prog-seg.now{background:var(--accent)} .aqfic.fdos .prog-l{display:flex;justify-content:space-between;margin-top:7px;font-family:var(--mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)} .aqfic.fdos .arpe{background:var(--surface);border:0;border-bottom:1px solid var(--border);border-radius:0;overflow:hidden;margin-bottom:0} .aqfic.fdos .arpe-h{display:flex;align-items:center;gap:9px;padding:12px 15px 8px;background:none;border-bottom:0} .aqfic.fdos .arpe-orb{width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;flex-shrink:0}.aqfic.fdos .arpe-orb svg{width:13px;height:13px} .aqfic.fdos .arpe-lb{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--accent)} .aqfic.fdos .arpe-ago{margin-left:auto;font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--muted)} .aqfic.fdos .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.fdos .arpe-rf:hover{background:var(--s2);color:var(--text-dim)}.aqfic.fdos .arpe-rf svg{width:13px;height:13px} .aqfic.fdos .arpe-b{padding:15px 14px 13px} .aqfic.fdos .arpe-sc{display:flex;align-items:center;gap:12px;margin-bottom:13px} .aqfic.fdos .arpe-n{font-size:42px;font-weight:800;letter-spacing:-.045em;line-height:.85;font-variant-numeric:tabular-nums} .aqfic.fdos .arpe-mt{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-end;gap:7px} .aqfic.fdos .arpe-t{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.11em;text-transform:uppercase} .aqfic.fdos .arpe-bar{width:100%;height:5px;border-radius:99px;background:var(--s3);overflow:hidden} .aqfic.fdos .arpe-bar i{display:block;height:100%;border-radius:99px;background:var(--accent);transition:width .9s cubic-bezier(.3,.7,.2,1)} .aqfic.fdos .arpe-txt{font-size:14.5px;font-weight:600;line-height:1.45;letter-spacing:-.012em} .aqfic.fdos .arpe-meta{font-family:var(--mono);font-size:10.5px;color:var(--muted);margin-top:9px} .aqfic.fdos .arpe-sg{display:flex;flex-direction:column;border-top:1px solid var(--border)} .aqfic.fdos .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.fdos .arpe-s:hover{background:var(--s2)} .aqfic.fdos .arpe-s+.arpe-s{border-top:1px solid var(--border)} .aqfic.fdos .arpe-s.g{border-left-color:var(--green)} .aqfic.fdos .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.fdos .arpe-si svg{width:14px;height:14px} .aqfic.fdos .arpe-s.g .arpe-si{background:color-mix(in srgb,var(--green) 14%,transparent);color:var(--green)} .aqfic.fdos .arpe-sc2{flex:1;min-width:0} .aqfic.fdos .arpe-st{font-size:13.5px;font-weight:600;letter-spacing:-.012em;margin-bottom:3px} .aqfic.fdos .arpe-sd{font-family:var(--mono);font-size:10.5px;line-height:1.5;color:var(--muted)} .aqfic.fdos .arpe-cv{color:var(--muted);flex-shrink:0;margin-top:3px}.aqfic.fdos .arpe-cv svg{width:14px;height:14px} /* tâches */ .aqfic.fdos .tks{background:var(--surface);border:0;border-top:1px solid var(--border);border-radius:0;padding:13px 15px;margin-top:0} .aqfic.fdos .tks-h{display:flex;align-items:center;gap:9px} .aqfic.fdos .tks-t{font-size:14px;font-weight:700;letter-spacing:-.015em} .aqfic.fdos .tks-c{font-family:var(--mono);font-size:10.5px;color:var(--muted);background:var(--s2);border-radius:99px;padding:2px 8px} .aqfic.fdos .tks-m{margin-left:auto;color:var(--muted);cursor:pointer}.aqfic.fdos .tks-m svg{width:15px;height:15px} .aqfic.fdos .tks-e{font-size:12.5px;font-style:italic;color:var(--muted);text-align:center;padding:15px 0} .aqfic.fdos .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.fdos .tks-a:hover{color:var(--text)}.aqfic.fdos .tks-a svg{width:14px;height:14px} .aqfic.fdos .det-wrap{background:var(--surface);border:0;border-radius:0;overflow:visible} /* details panel */ .aqfic.fdos .det-top{display:flex;align-items:center;gap:8px;padding:13px 15px 9px;position:sticky;top:0;background:var(--surface);z-index:2} .aqfic.fdos .det-top .dt{font-size:12.5px;font-weight:700}.aqfic.fdos .det-top .sp{flex:1} .aqfic.fdos .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.fdos .det-empty svg{width:13px;height:13px} .aqfic.fdos .dsec{border-top:1px solid var(--border)} .aqfic.fdos .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.fdos .dsec-h .cv{margin-left:auto;transition:transform .15s}.aqfic.fdos .dsec-h .cv svg{width:13px;height:13px} .aqfic.fdos .dsec.closed .dsec-h .cv{transform:rotate(-90deg)}.aqfic.fdos .dsec.closed .drow{display:none} .aqfic.fdos .drow{display:flex;align-items:flex-start;gap:12px;padding:6px 15px;min-height:34px} .aqfic.fdos .drow .k{width:118px;flex-shrink:0;font-size:12.5px;color:var(--muted);padding-top:6px} .aqfic.fdos .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.fdos .drow .v:hover{background:var(--s2)} .aqfic.fdos .drow .v.empty{color:var(--muted);font-weight:400;font-style:italic} .aqfic.fdos .drow.hide{display:none} .aqfic.fdos .drow .v.edit{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim);outline:none} .aqfic.fdos .drow .v .badge{display:inline-flex;align-items:center;gap:6px} .aqfic.fdos .pill{display:inline-block;font-size:11.5px;font-weight:600;border-radius:6px;padding:2px 8px} .aqfic.fdos .pill.exclu{color:var(--accent);background:var(--accent-dim)} .aqfic.fdos .pill.hot{color:var(--chaud);background:color-mix(in srgb,var(--chaud) 13%,transparent)} .aqfic.fdos .pill.warm{color:var(--tiede);background:color-mix(in srgb,var(--tiede) 13%,transparent)} .aqfic.fdos .pill.cold{color:var(--froid);background:color-mix(in srgb,var(--froid) 13%,transparent)} .aqfic.fdos .rec[data-mode="read"] .v{cursor:default!important;pointer-events:none} .aqfic.fdos .rec[data-mode="read"] .drow .v:hover{background:transparent} .aqfic.fdos .rec[data-mode="read"] .det-empty,.aqfic.fdos .rec[data-mode="read"] .drow.hide{display:none} .aqfic.fdos .rec[data-mode="read"] .addnote,.aqfic.fdos .rec[data-mode="read"] .abtn.edit-only{display:none} /* ===== panneaux d'onglets ===== */ .aqfic.fdos .pan{display:none} .aqfic.fdos .pan.on{display:block} .aqfic.fdos .pan-h{display:flex;align-items:center;gap:10px;margin-bottom:14px} .aqfic.fdos .pan-t{font-size:14px;font-weight:700;letter-spacing:-.01em} .aqfic.fdos .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.fdos .pan-h .sp{flex:1} .aqfic.fdos .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.fdos .fbtn:hover{background:var(--s2);color:var(--text)} .aqfic.fdos .fbtn.on{background:var(--text);border-color:var(--text);color:var(--bg)} .aqfic.fdos .fbtn svg{width:13px;height:13px} /* visites (fiche client) */ /* biens vus */ .aqfic.fdos .bv-note{font-size:11.5px;color:var(--muted);font-style:italic} .aqfic.fdos .bv-sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px} .aqfic.fdos .bv-s{display:flex;flex-direction:column;gap:4px;padding:11px 13px;border:1px solid var(--border);border-radius:11px;background:var(--surface)} .aqfic.fdos .bv-sl{display:block;font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)} .aqfic.fdos .bv-sv{display:block;font-size:16px;font-weight:700;letter-spacing:-.024em;font-variant-numeric:tabular-nums} .aqfic.fdos .bv-sv.hi{color:var(--chaud)} .aqfic.fdos .bvl{display:flex;flex-direction:column} .aqfic.fdos .bvr{display:flex;align-items:center;gap:12px;padding:11px 2px;border-bottom:1px solid var(--border)} .aqfic.fdos .bvr:last-child{border-bottom:0} .aqfic.fdos .bvr-th{width:40px;height:32px;flex-shrink:0;border-radius:7px;background:var(--s3);color:var(--muted);display:grid;place-items:center} .aqfic.fdos .bvr-th svg{width:17px;height:17px;opacity:.6} .aqfic.fdos .bvr-b{flex:1;min-width:0;display:flex;flex-direction:column} .aqfic.fdos .bvr-n{display:block;font-size:13.5px;font-weight:600;letter-spacing:-.014em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .aqfic.fdos .bvr-m{display:block;font-size:11.5px;color:var(--muted);margin-top:2px} .aqfic.fdos .bvr-p{flex-shrink:0;font-size:13.5px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums} .aqfic.fdos .bvr-p.hi{color:var(--chaud)} @media(max-width:900px){.aqfic.fdos .bv-sum{grid-template-columns:1fr 1fr}} /* financement */ .aqfic.fdos .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.fdos .fi-badge .d{width:6px;height:6px;border-radius:50%;background:var(--green)} .aqfic.fdos .fi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px} .aqfic.fdos .fi-c{display:flex;flex-direction:column;gap:4px;padding:12px 13px;border:1px solid var(--border);border-radius:11px;background:var(--surface)} .aqfic.fdos .fi-l{display:block;font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)} .aqfic.fdos .fi-v{display:block;font-size:19px;font-weight:700;letter-spacing:-.028em;font-variant-numeric:tabular-nums} .aqfic.fdos .fi-s{display:block;font-size:11px;color:var(--muted)} .aqfic.fdos .fi-rows{display:flex;flex-direction:column} .aqfic.fdos .fi-r{display:flex;align-items:baseline;gap:14px;padding:10px 2px;border-bottom:1px solid var(--border);font-size:13px} .aqfic.fdos .fi-r:last-child{border-bottom:0} .aqfic.fdos .fi-rk{width:150px;flex-shrink:0;color:var(--muted)} .aqfic.fdos .fi-rv.mn{font-family:var(--mono);font-size:12px} .aqfic.fdos .fi-rv{flex:1;min-width:0;font-weight:500} .aqfic.fdos .fi-ok{font-size:11.5px;color:var(--green);margin-left:6px} @media(max-width:900px){.aqfic.fdos .fi-grid{grid-template-columns:1fr 1fr}} /* simulateur */ .aqfic.fdos .sim{display:flex;flex-direction:column;gap:14px} .aqfic.fdos .sim-in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px} .aqfic.fdos .sim-f{display:flex;flex-direction:column;gap:6px} .aqfic.fdos .sim-k{font-size:11.5px;color:var(--muted)} .aqfic.fdos .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.fdos .sim-w:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)} .aqfic.fdos .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.fdos .sim-w input::-webkit-outer-spin-button,.aqfic.fdos .sim-w input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0} .aqfic.fdos .sim-w i{flex-shrink:0;font-style:normal;font-size:12px;color:var(--muted)} .aqfic.fdos .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.fdos .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.fdos .sim-hl{display:block;font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)} .aqfic.fdos .sim-hv{display:block;font-size:23px;font-weight:800;letter-spacing:-.03em;line-height:1.1;font-variant-numeric:tabular-nums} .aqfic.fdos .sim-hs{display:block;font-size:11px;color:var(--muted)} .aqfic.fdos .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.fdos .sim-line b{font-size:15px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.02em} .aqfic.fdos .sim-line i{font-style:normal;font-size:11px;opacity:.7} .aqfic.fdos .sim-line.tot{border-right:0} .aqfic.fdos .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.fdos .sim-in{grid-template-columns:1fr 1fr}.aqfic.fdos .sim-out{grid-template-columns:1fr 1fr}.aqfic.fdos .sim-hero,.aqfic.fdos .sim-line{border-right:0;border-bottom:1px solid var(--border)}} .aqfic.fdos .sim-msg.ok{color:var(--green)}.aqfic.fdos .sim-msg.warn{color:var(--chaud)} /* visites */ .aqfic.fdos .vs-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:12px} .aqfic.fdos .vs-k{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:10px 12px} .aqfic.fdos .vs-kl{display:block;font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)} .aqfic.fdos .vs-kv{display:block;font-size:17px;font-weight:700;letter-spacing:-.024em;margin-top:4px} .aqfic.fdos .vs{display:flex;align-items:center;gap:12px;padding:10px 13px;border:1px solid var(--border);border-radius:11px;background:var(--surface)} .aqfic.fdos .vs+.vs{margin-top:7px} .aqfic.fdos .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.fdos .vs-d b{display:block;font-size:8.5px;font-weight:600;letter-spacing:.08em;color:var(--muted);margin-bottom:2px} .aqfic.fdos .vs-b{flex:1;min-width:0;display:flex;flex-direction:column} .aqfic.fdos .vs-n{display:block;font-size:13px;font-weight:600;letter-spacing:-.012em} .aqfic.fdos .vs-m{display:block;font-size:11.5px;color:var(--muted);margin-top:2px;line-height:1.45} .aqfic.fdos .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.fdos .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.fdos .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.fdos .vs-st.soon{color:var(--accent);background:var(--accent-dim);border-color:color-mix(in srgb,var(--accent) 30%,transparent)} /* rapprochements */ .aqfic.fdos .mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(208px,1fr));gap:13px} .aqfic.fdos .mc{border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden;cursor:pointer;transition:.16s} .aqfic.fdos .mc:hover{border-color:var(--border-hi);box-shadow:var(--shadow-card);transform:translateY(-2px)} .aqfic.fdos .mc.top{border-color:color-mix(in srgb,var(--accent) 40%,transparent)} .aqfic.fdos .mc-img{position:relative;height:108px;background:linear-gradient(135deg,var(--s2),var(--s3));display:grid;place-items:center;color:var(--muted)} .aqfic.fdos .mc-img svg{width:24px;height:24px;opacity:.45} .aqfic.fdos .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.fdos .mc-sc{color:var(--text);border:1px solid var(--border-hi)} [data-theme="noir"] .aqfic.fdos .mc-sc.hot{color:#fff;border-color:transparent} .aqfic.fdos .mc-sc.hot{background:var(--chaud)} .aqfic.fdos .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.fdos .mc-b{padding:10px 12px 12px} .aqfic.fdos .mc-p{font-size:15px;font-weight:800;letter-spacing:-.02em} .aqfic.fdos .mc-a{font-size:11.5px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .aqfic.fdos .mc-cs{display:flex;gap:5px;margin-top:9px;overflow:hidden} .aqfic.fdos .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.fdos .mc-ch.w{color:var(--tiede);background:color-mix(in srgb,var(--tiede) 13%,transparent)} .aqfic.fdos .mc-ac{display:flex;gap:6px;margin-top:11px;padding-top:10px;border-top:1px solid var(--border)} .aqfic.fdos .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.fdos .mc-ac button:hover{background:var(--s3)} .aqfic.fdos .mc-ac button.pri{background:var(--text);border-color:var(--text);color:var(--bg)} /* documents */ .aqfic.fdos .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.fdos .dz:hover{border-color:var(--accent);background:var(--accent-dim)} .aqfic.fdos .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.fdos .dz-ic svg{width:16px;height:16px} .aqfic.fdos .dz-t{font-size:13px;font-weight:600} .aqfic.fdos .dz-s{font-size:11.5px;color:var(--muted);margin-top:2px} .aqfic.fdos .dlist{border:1px solid var(--border);border-radius:12px;overflow:hidden} .aqfic.fdos .dr{display:flex;align-items:center;gap:12px;padding:11px 14px;border-bottom:1px solid var(--border);transition:.14s} .aqfic.fdos .dr:last-child{border-bottom:0} .aqfic.fdos .dr:hover{background:var(--s2)} .aqfic.fdos .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.fdos .dr-ic.doc{background:var(--froid)}.aqfic.fdos .dr-ic.img{background:var(--green)} .aqfic.fdos .dr-c{flex:1;min-width:0} .aqfic.fdos .dr-n{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .aqfic.fdos .dr-m{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:10.5px;color:var(--muted);margin-top:3px} .aqfic.fdos .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.fdos .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.fdos .dr-b:hover{background:var(--s3);color:var(--text)} .aqfic.fdos .dr-b svg{width:15px;height:15px} .aqfic.fdos .dempty{text-align:center;padding:34px 20px;color:var(--muted);font-size:13px} /* activity feed */ .aqfic.fdos .act-y{font-size:12px;font-weight:600;color:var(--muted);margin:0 0 12px} .aqfic.fdos .ev{display:flex;gap:12px;padding-bottom:20px;position:relative} .aqfic.fdos .ev::before{content:"";position:absolute;left:13px;top:26px;bottom:0;width:1.5px;background:var(--border)} .aqfic.fdos .ev:last-child::before{display:none} .aqfic.fdos .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.fdos .ev .ei svg{width:14px;height:14px} .aqfic.fdos .ev .eb{flex:1;min-width:0} .aqfic.fdos .ev .eh{font-size:13px;color:var(--text-dim)}.aqfic.fdos .ev .eh b{color:var(--text);font-weight:600}.aqfic.fdos .ev .eh .tm{color:var(--muted);margin-left:6px;font-size:12px} .aqfic.fdos .ev .card{margin-top:9px;border:1px solid var(--border);border-radius:11px;background:var(--surface);padding:12px 14px} .aqfic.fdos .ev .card .ct{font-size:13.5px;font-weight:700;margin-bottom:4px}.aqfic.fdos .ev .card .cd{font-size:12.5px;color:var(--text-dim);line-height:1.5} .aqfic.fdos .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.fdos .addnote svg{width:16px;height:16px} /* documents — langage commun à toutes les fiches (était local à la fiche bien) */ .aqfic.fdos .doc{display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px solid var(--border);border-radius:11px;background:var(--surface)} .aqfic.fdos .doc+.doc{margin-top:8px} .aqfic.fdos .doc .di{width:36px;height:36px;flex-shrink:0;border-radius:9px;display:grid;place-items:center;font-family:var(--mono);font-size:8.5px;font-weight:700;letter-spacing:.04em;color:var(--chaud);background:color-mix(in srgb,var(--chaud) 11%,transparent)} .aqfic.fdos .doc .db{flex:1;min-width:0;display:flex;flex-direction:column} .aqfic.fdos .doc .dn{display:block;font-size:13.5px;font-weight:600;letter-spacing:-.014em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .aqfic.fdos .doc .dm{display:block;font-family:var(--mono);font-size:10.5px;color:var(--muted);margin-top:3px} /* libellé de carte financière, aligné sur .kpi .k */ .aqfic.fdos .fi-k{display:block;font-family:var(--mono);font-size:8.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)} /* les parties d'un dossier — deux colonnes, mêmes tokens que .kpi */ .aqfic.fdos .pties{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px} .aqfic.fdos .pty{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:13px 14px} .aqfic.fdos .pty-r{font-family:var(--mono);font-size:8.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px} .aqfic.fdos .pty-h{display:flex;align-items:center;gap:10px;padding-bottom:11px;margin-bottom:5px;border-bottom:1px solid var(--border)} .aqfic.fdos .pty-av{width:32px;height:32px;flex-shrink:0;border-radius:9px;background:var(--surface);border:1px solid var(--border-hi);color:var(--text);display:grid;place-items:center;font-size:11.5px;font-weight:700;letter-spacing:-.02em} .aqfic.fdos .pty-b{flex:1;min-width:0;display:flex;flex-direction:column} .aqfic.fdos .pty-n{display:block;font-size:13.5px;font-weight:700;letter-spacing:-.016em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .aqfic.fdos .pty-m{display:block;font-family:var(--mono);font-size:10px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .aqfic.fdos .pty-l{display:flex;align-items:baseline;gap:10px;padding:5px 0;font-size:12.5px} .aqfic.fdos .pty-l .k{width:88px;flex-shrink:0;color:var(--muted);font-size:11.5px} .aqfic.fdos .pty-l .v{flex:1;min-width:0;font-weight:600;letter-spacing:-.012em} @media(max-width:900px){.aqfic.fdos .pties{grid-template-columns:1fr}} /* 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.fdos .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.fdos .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:760px){.aqfic.fdos .kpis{grid-template-columns:1fr 1fr}} .aqfic.fdos .kpi{border:1px solid var(--border);border-radius:12px;padding:13px 15px;background:var(--surface)} .aqfic.fdos .kpi .k{font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)} .aqfic.fdos .kpi .v{font-size:17px;font-weight:700;letter-spacing:-.022em;margin-top:6px;line-height:1.2} .aqfic.fdos .kpi .s{font-size:11.5px;color:var(--muted);margin-top:3px} .aqfic.fdos .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.fdos .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.fdos .sect-h .gb svg{width:13px;height:13px} /* match list (prospect/lead) */ .aqfic.fdos .mrow{display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:11px;padding:11px 13px;margin-bottom:8px} .aqfic.fdos .mrow .mv{width:44px;height:44px;border-radius:9px;background:var(--s2);flex-shrink:0;overflow:hidden} .aqfic.fdos .mrow .mb{flex:1;min-width:0}.aqfic.fdos .mrow .mt{font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aqfic.fdos .mrow .md{font-size:12px;color:var(--muted);margin-top:2px} .aqfic.fdos .mrow .mp{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700} .aqfic.fdos .mrow .sc{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;border-radius:99px;padding:2px 8px} .aqfic.fdos .mrow .sc.hot{color:var(--chaud);background:color-mix(in srgb,var(--chaud) 12%,transparent)} .aqfic.fdos .mrow .sc.warm{color:var(--tiede);background:color-mix(in srgb,var(--tiede) 12%,transparent)} /* ── [b2496] RAIL PLEINE HAUTEUR : BLOC RETIRE (demande Anthony) ── Son bloc faisait `display:contents` sur .rbody et `grid-row:2/-1` sur .rdet : le rail remontait jusque sous le fil d'ariane. Sur Lead, Prospect et Client il demarre SOUS LES ONGLETS — il reste donc le frere de .rmain dans le flex de .rbody, comme partout ailleurs. Les deux decisions n'en faisaient qu'une : son commentaire disait « tous les boutons vivent dans le header, la zone a droite ne servait a rien ». En rendant les boutons a la convention maison (.abtn dans .rhead), la colonne de droite reprend son role et le rail n'a plus de raison de monter. Retirer l'un sans l'autre laissait un trou a droite des onglets. Retire avec : `.tabs{overflow-x:auto}` et `.tab{flex-shrink:0}`, qu'elle avait ajoutes UNIQUEMENT parce que la barre perdait 340px — les garder ferait defiler les onglets de Dossier alors que ceux des trois autres fiches ne defilent pas. Et la media query 1001-1400px, qui n'ajustait que la grille supprimee. */ /* bande serrée : rail resserré + onglets plus compacts */ /* ═══ 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.fdos .sg-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px 30px;align-items:start} @media(max-width:1100px){.aqfic.fdos .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.fdos .bvr-th.sg{width:20px;height:20px;border-radius:50%;background:var(--s3);color:var(--muted)} .aqfic.fdos .bvr-th.sg svg{width:12px;height:12px} .aqfic.fdos .bvr-th.sg.on{background:var(--accent);color:#fff} .aqfic.fdos .bvr.off .bvr-n{color:var(--muted);font-weight:500} .aqfic.fdos .bvr-p.acc{font-family:var(--mono);font-size:12.5px;color:var(--accent)} .aqfic.fdos .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.fdos .sg-hold{flex:0 0 44%;display:flex;flex-direction:column;gap:7px;min-width:0} .aqfic.fdos .sg-hv{font-size:14px;font-weight:700;letter-spacing:-.022em;font-variant-numeric:tabular-nums} .aqfic.fdos .sg-hv em{font-style:normal;font-size:11.5px;font-weight:400;color:var(--muted);margin-left:6px} .aqfic.fdos .sg-bar{height:5px;border-radius:99px;background:var(--s3);overflow:hidden} .aqfic.fdos .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.fdos .sg-card{border:1px solid var(--border);border-radius:11px;background:var(--surface);padding:13px 14px 12px} .aqfic.fdos .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.fdos .sg-ch b{color:var(--text);font-size:11.5px;letter-spacing:0} .aqfic.fdos .sg-ch .r{margin-left:auto;text-transform:none;letter-spacing:0;font-size:11px} .aqfic.fdos .sg-ch .r b{color:var(--accent);font-family:var(--mono)} .aqfic.fdos .sg-svg{display:block;width:100%;height:110px;overflow:visible} .aqfic.fdos .sg-ax{display:flex;justify-content:space-between;font-family:var(--mono);font-size:9.5px;color:var(--muted);margin-top:5px} .aqfic.fdos .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.fdos .sg-note b{color:var(--text);font-weight:600} .aqfic.fdos .sg-note .pc{font-family:var(--mono);font-weight:700;color:var(--accent)} /* ═══ 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.fdos .lest{display:flex;flex-direction:column;gap:8px;background:var(--surface); border:1px solid var(--border);border-radius:14px;padding:16px 17px 18px} .aqfic.fdos .lest-top{display:flex;align-items:baseline;gap:11px;flex-wrap:wrap} .aqfic.fdos .lest-v{font-size:27px;font-weight:800;letter-spacing:-.032em;line-height:1.05} .aqfic.fdos .lest-m2{font-family:var(--mono);font-size:12.5px;font-weight:600;color:var(--text-dim); font-variant-numeric:tabular-nums} .aqfic.fdos .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.fdos .lest-conf i{width:5px;height:5px;border-radius:50%;background:var(--green)} /* jauge : le segment retenu, la valeur centrale, les bornes */ .aqfic.fdos .lest-g{margin-top:9px} .aqfic.fdos .lest-trk{position:relative;height:8px;border-radius:99px;background:var(--s3)} .aqfic.fdos .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.fdos .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.fdos .lest-mid{background:var(--text);box-shadow:0 0 0 1px rgba(0,0,0,.5)} .aqfic.fdos .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.fdos .lest-sc span{white-space:nowrap} .aqfic.fdos .lest-sc b{color:var(--text-dim);font-weight:600} /* le calcul, ligne par ligne, avec ses opérateurs */ .aqfic.fdos .lest-calc{margin-top:18px;border-top:1px solid var(--border)} .aqfic.fdos .lest-cr{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)} .aqfic.fdos .lest-cr:last-child{border-bottom:0} .aqfic.fdos .lest-op{width:16px;flex-shrink:0;text-align:center;font-family:var(--mono);font-size:12px; font-weight:700;color:var(--muted)} .aqfic.fdos .lest-cl{flex:1;min-width:0;display:flex;flex-direction:column} .aqfic.fdos .lest-cn{display:block;font-size:13.5px;font-weight:500;letter-spacing:-.012em} .aqfic.fdos .lest-cs{display:block;font-family:var(--mono);font-size:10px;color:var(--muted);margin-top:3px} .aqfic.fdos .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.fdos .lest-cr.tot .lest-cn{font-weight:700} .aqfic.fdos .lest-cr.tot .lest-cv{font-size:15px;color:var(--accent)} .aqfic.fdos .lest-cr.neg .lest-cv{color:var(--chaud)} /* comparables : la barre situe chaque vente face à la médiane */ .aqfic.fdos .lcmp{display:flex;flex-direction:column;margin-top:6px} .aqfic.fdos .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.fdos .lcmp-r:last-child{border-bottom:0} .aqfic.fdos .lcmp-a{min-width:0;display:flex;flex-direction:column} .aqfic.fdos .lcmp-n{display:block;font-size:13.5px;font-weight:600;letter-spacing:-.014em; white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .aqfic.fdos .lcmp-s{display:block;font-size:11.5px;color:var(--muted);margin-top:3px} .aqfic.fdos .lcmp-bar{position:relative;height:5px;border-radius:99px;background:var(--s3)} .aqfic.fdos .lcmp-bar i{position:absolute;top:0;bottom:0;left:0;border-radius:99px;background:var(--froid)} .aqfic.fdos .lcmp-r.up .lcmp-bar i{background:var(--tiede)} .aqfic.fdos .lcmp-bar b{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--text-dim);opacity:.55} .aqfic.fdos .lcmp-num{text-align:right;display:flex;flex-direction:column;align-items:flex-end} .aqfic.fdos .lcmp-p{display:block;font-family:var(--mono);font-size:12.5px;font-weight:700; font-variant-numeric:tabular-nums;letter-spacing:-.02em} .aqfic.fdos .lcmp-d{display:block;font-family:var(--mono);font-size:10px;margin-top:3px;color:var(--muted)} .aqfic.fdos .lcmp-r.up .lcmp-d{color:#8a6320;font-weight:600} .aqfic.fdos .lcmp-r.dn .lcmp-d{color:#2f6499;font-weight:600} [data-theme="noir"] .aqfic.fdos .lcmp-r.up .lcmp-d{color:var(--tiede)} [data-theme="noir"] .aqfic.fdos .lcmp-r.dn .lcmp-d{color:var(--froid)} .aqfic.fdos .lcmp-leg{display:flex;align-items:center;gap:8px;margin-top:11px;font-family:var(--mono); font-size:9.5px;color:var(--muted)} .aqfic.fdos .lcmp-leg i{width:12px;height:2px;background:var(--text-dim);opacity:.55;flex-shrink:0} @media(max-width:820px){.aqfic.fdos .lcmp-r{grid-template-columns:minmax(0,1fr) 66px} .aqfic.fdos .lcmp-bar{display:none}} /* ═══ [b2496] Ce que la donnee ne porte pas, DIT ═══ Trois classes maison, ajoutees a sa feuille et signalees comme telles. Elles ne redefinissent aucune de ses regles : elles nomment le manque, pour qu'un champ vide se distingue d'un champ a zero. */ .aqfic.fdos .fdos-nd{color:var(--muted);font-style:italic;font-weight:400} .aqfic.fdos .fdos-vide{opacity:.55} .aqfic.fdos .fdos-empty{padding:34px 20px;text-align:center;color:var(--muted);font-size:13px} /* ═══ [b2501] Le plan superpose est SUPPRIME ═══ La fiche Dossier est une PAGE, comme Lead, Prospect et Client. J'avais invente une modale faute d'avoir cherche le conteneur qui existait deja. */ .fdos-wrap{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0} .fdos-wrap>.rec{flex:1;min-width:0} /* ═══════════════════════════════════════════════════════════════════════ [b2503] STYLES SPECIFIQUES DOSSIER — extraits de sa DEMO,pas du fichier livre. Son fiche-core.css ne porte AUCUNE regle .ech*,.cpt-*,.doc,.di : les echeances,la grille de compta et la liste de documents etaient stylees par un bloc