:root{--ink:#182e29;--muted:#6f7e78;--paper:#f5f4ef;--line:#e3e6df;--green:#2e6554;--terra:#c66b49;--radius:16px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:var(--green)}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #92bfae;outline-offset:3px}[hidden]{display:none!important}.primary{background:var(--ink);color:#fff;padding:14px 20px;border-radius:10px;font-weight:650;display:inline-flex;align-items:center;gap:30px;justify-content:space-between}.primary:hover{background:#2d4a41}.primary:disabled{opacity:.6;cursor:wait}.secondary{border:1px solid #d8ded7;background:white;color:var(--ink);padding:11px 15px;border-radius:8px;text-decoration:none;white-space:nowrap}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:750;color:var(--muted);margin:0 0 14px}h1,h2,h3,p{margin-top:0}h1{font-size:38px;letter-spacing:-1.6px;line-height:1.16;margin-bottom:12px}h2{font-size:21px;letter-spacing:-.5px}h3{font-size:17px;letter-spacing:-.3px}p{line-height:1.65}.brandmark{display:flex;align-items:center;justify-content:center;background:#d9e6be;width:58px;height:58px;border-radius:16px;font-size:39px;font-weight:400;color:#19392d}.brandmark.small{width:38px;height:38px;border-radius:10px;font-size:29px}.brand{display:flex;gap:12px;align-items:center;font-size:34px;font-weight:750;letter-spacing:-2px;color:white;text-decoration:none}.brand-dot{color:#d9e6be;margin-left:-10px}.sidebar{position:fixed;left:0;top:0;bottom:0;width:238px;background:var(--ink);color:#bdcdc6;padding:32px 22px;display:flex;flex-direction:column;z-index:20}.side-caption{font-size:9px;letter-spacing:1.8px;margin:40px 12px 17px;color:#839b91}nav{display:grid;gap:7px}nav button{background:none;color:#c1d1c9;display:flex;align-items:center;gap:12px;padding:13px 12px;text-align:left;border-radius:9px;font-size:14px}nav button span{flex:1}nav button b{font-size:11px;background:#426154;border-radius:5px;padding:3px 6px}nav button.active{color:#f6f8ed;background:#315047}nav button.active b{background:#d9e6be;color:#1a382e}nav button:hover{background:#2a463d}.sidebar-bottom{margin-top:auto;border-top:1px solid #365047;padding:23px 9px 0;font-size:11px;color:#9db5a9}.connection-dot{width:6px;height:6px;display:inline-block;background:#b7d890;border-radius:50%;margin-right:6px}.subtle{display:block;background:none;color:#b7cabe;padding:8px 0;font-size:11px;text-align:left;cursor:pointer}.sidebar-bottom>:nth-child(3){margin-top:15px}main{margin-left:238px}.topbar{height:77px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;color:var(--muted);font-size:11px}.breadcrumb{font-size:10px;letter-spacing:.8px}.breadcrumb span{margin:0 15px;color:#bac4bd}.breadcrumb b{font-weight:500;letter-spacing:0;color:var(--ink)}#today-date{text-transform:capitalize}#mobile-menu{display:none}.page{max-width:1530px;padding:42px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.page-heading p:last-child{color:var(--muted);font-size:14px;margin:0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:30px}.metric{position:relative;border:1px solid var(--line);background:#fff;padding:21px 23px;border-radius:var(--radius);text-align:left;color:var(--ink)}.metric span{display:block;font-size:12px;color:#63756b}.metric strong{font-size:34px;line-height:1.8;font-weight:600;letter-spacing:-1px}.metric i{position:absolute;right:22px;bottom:25px;font-size:22px;font-style:normal}.metric.terra{background:#f4e7de;border-color:#edd9cc}.metric.terra i{color:#b36746}.metric.blue{background:#e7edf2;border-color:#dce5ea}.metric.blue i{color:#608499}.metric.green{background:#e8edde;border-color:#dfe7d3}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:28px}.search-wrap{position:relative;flex:1}.search-wrap span{position:absolute;left:15px;top:10px;font-size:23px;color:#7c8d82}.search-wrap input{width:100%;padding:13px 16px 13px 44px;background:#fff;border:1px solid var(--line);border-radius:9px;font-size:12px}.toolbar select{padding:13px 12px;border:1px solid var(--line);border-radius:9px;background:white;color:#596f61;font-size:12px;max-width:180px}.focus-banner{display:flex;align-items:center;gap:18px;border:1px solid #dce4d2;background:#eef1e5;border-radius:13px;padding:19px 24px;margin-bottom:30px}.focus-banner p{font-size:12px;color:#6e7d68;margin:4px 0 0}.focus-banner b{font-weight:650;font-size:14px}.focus-icon{font-size:30px;color:#5c7550}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-bottom:17px}.section-title h2{margin:0}.section-title small{display:inline-flex;align-items:center;justify-content:center;background:#e6e8e0;color:#647665;border-radius:6px;font-size:10px;min-width:22px;height:22px;margin-left:8px;vertical-align:middle;letter-spacing:0}.section-title p{color:var(--muted);font-size:11px;margin:0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.card-section{margin-bottom:34px}.lead-card{background:white;border:1px solid var(--line);border-top:3px solid #c79c70;border-radius:13px;padding:21px;min-width:0}.lead-card.waiting{border-top-color:#7e9bb7}.lead-card.meeting{border-top-color:#719271}.lead-card.closed,.lead-card.paused{border-top-color:#a8aea6}.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:18px}.category{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#7c8b81}.badge{font-size:10px;line-height:1.3;display:inline-block;padding:5px 8px;border-radius:5px;background:#f5e6d7;color:#9b5c32;font-weight:600;white-space:nowrap}.badge.waiting{background:#e9eff7;color:#50728c}.badge.meeting{background:#e8f1df;color:#557d42}.badge.closed,.badge.paused{background:#eeefea;color:#778171}.badge.explore{background:#ece8f5;color:#7b6694}.card-title{display:block;text-align:left;background:none;color:var(--ink);font-size:19px;font-weight:650;padding:0;letter-spacing:-.5px;line-height:1.35;overflow-wrap:anywhere}.card-title:hover{text-decoration:underline}.role{font-size:12px;color:var(--muted);min-height:22px;margin:7px 0 19px;overflow-wrap:anywhere}.next-action{background:#f7f8f3;padding:13px;border-radius:8px;min-height:86px}.next-action>span{font-size:8px;font-weight:700;letter-spacing:1px;color:#8a958a}.next-action p{font-size:12px;line-height:1.6;margin:5px 0 0;overflow-wrap:anywhere}.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-top:18px;color:#788675;font-size:10px}.text-button{background:none;color:var(--green);padding:3px 0;font-size:11px;font-weight:600}.late{color:#b6573b;font-weight:700}.page-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;color:#8a968c;font-size:10px;margin-top:35px;gap:20px}.contact-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:24px;min-width:0}.avatar{width:40px;height:40px;display:grid;place-items:center;background:#eef0e4;border-radius:50%;font-size:13px;font-weight:700;margin-bottom:17px}.contact-card p{font-size:12px;color:var(--muted)}.link-row{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.pill-link{display:inline-block;font-size:11px;text-decoration:none;background:#eef2e9;color:#48694d;border-radius:6px;padding:8px 10px;overflow-wrap:anywhere;max-width:100%}.document{display:flex;align-items:center;gap:20px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:22px;margin-bottom:12px}.document>div:nth-child(2){flex:1;min-width:0}.document h3{margin:7px 0}.document p{font-size:12px;color:var(--muted);margin-bottom:7px}.document small{font-size:10px;color:#83917e;overflow-wrap:anywhere}.doc-icon{background:#eeeadd;color:#a17a4d;font-size:10px;font-weight:750;width:42px;height:53px;display:grid;place-items:center;border-radius:7px}.import-note{background:#e8edf1;border-radius:12px;padding:20px 24px;font-size:12px;margin-bottom:20px;display:grid;gap:7px}.import-note span{color:var(--muted);line-height:1.6}.mail-item{background:#fff;border:1px solid var(--line);padding:22px;border-radius:12px;margin-bottom:12px}.mail-item h3{margin:9px 0 5px}.mail-item p{color:var(--muted);font-size:12px;margin:5px 0}.snippet{max-width:900px;overflow-wrap:anywhere}.empty{text-align:center;padding:60px 20px;color:var(--muted);border:1px dashed #d1dacb;border-radius:16px}.empty span{font-size:30px}.empty h3{margin-top:20px;color:var(--ink)}.empty p{font-size:13px}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at 70% 15%,#e1e8d4,transparent 50%),#f4f3ed}.login-card{width:min(430px,calc(100vw - 40px));padding:45px;background:#fff;border:1px solid #e1e5d8;border-radius:24px;box-shadow:0 20px 100px #263d2410}.login-card .brandmark{margin-bottom:30px}.login h1{font-size:39px}.login .muted{font-size:13px;margin-bottom:25px}.login label{font-size:12px;display:block;margin-bottom:9px}.login input{width:100%;padding:13px;border-radius:8px;border:1px solid #ccd8c7;margin-bottom:14px}.login .primary{width:100%}#login-error{color:#b7513f;font-size:12px;margin:12px 0 0}.login-foot{font-size:10px;letter-spacing:2px;color:#829077;margin:25px 0}dialog{border:1px solid #d8dfd4;border-radius:18px;padding:30px;width:min(800px,calc(100vw - 24px));max-height:92vh;box-shadow:0 30px 100px #152b3240;color:var(--ink)}dialog::backdrop{background:#1a302a88;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);margin-bottom:23px}.dialog-head h2{font-size:26px;margin-bottom:20px}.dialog-head .eyebrow{font-size:9px}.icon-button{background:#f0f2ea;border-radius:50%;width:32px;height:32px;color:#60725e}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{font-size:11px;font-weight:650;display:grid;gap:8px}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid #dce2d7;padding:11px;border-radius:8px;background:#fff;width:100%;color:var(--ink);font-size:13px;resize:vertical}.dialog-actions{display:flex;justify-content:space-between;gap:12px;margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}#detail-history{margin-top:25px}#detail-history h3{font-size:15px}.history-item{border-left:2px solid #d7e0ce;padding:4px 0 5px 15px;margin-bottom:14px}.history-item span{font-size:10px;color:#8a9583}.history-item p{font-size:12px;margin:7px 0;white-space:pre-wrap}.form-message{font-size:12px;color:#ab533c}.file-label{font-weight:400}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#1a332b;color:white;padding:14px 23px;border-radius:10px;box-shadow:0 10px 40px #132c2520;font-size:13px;opacity:0;transition:.2s;pointer-events:none;z-index:100;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1700px){.cards{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1200px){.sidebar{width:210px;padding:28px 15px}main{margin-left:210px}.page{padding:30px}.topbar{padding:0 30px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.section-title{display:block}.section-title p{margin-top:7px}.metric{padding:15px}.metric i{right:14px}.metric span{font-size:10px}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s;width:238px}.menu-open .sidebar{transform:translateX(0)}main{margin-left:0}.topbar{height:62px;padding:0 18px;gap:14px}.breadcrumb{flex:1;font-size:9px}.breadcrumb>span{margin:0 8px}.breadcrumb b{display:none}#mobile-menu{display:block;background:transparent;font-size:20px;color:var(--ink)}#today-date{font-size:10px}.page{padding:27px 18px}.page-heading{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:22px}h1{font-size:32px}.page-heading .primary{font-size:12px;padding:11px 16px}.metrics{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.metric{padding:14px 17px}.metric strong{font-size:29px;line-height:1.6}.metric i{bottom:17px}.toolbar{flex-wrap:wrap;margin-bottom:20px}.search-wrap{flex-basis:100%}.toolbar select{flex:1;max-width:none}.cards{grid-template-columns:1fr}.focus-banner{padding:17px;gap:12px}.focus-banner p{font-size:11px}.lead-card{padding:20px}.card-title{font-size:20px}.card-bottom{font-size:12px}.text-button{font-size:12px}.page-foot{display:block;line-height:1.8}.page-foot span{display:block}.document{flex-wrap:wrap;gap:12px;padding:17px}.document>a{margin-left:54px;font-size:12px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}dialog{padding:22px}.dialog-head h2{font-size:22px}.login-card{padding:30px}.contact-grid{grid-template-columns:1fr}}

.document-group{margin-top:28px}.document-group summary{cursor:pointer;font-weight:650;padding:18px 0}.document-group>p{font-size:12px}

.toolbar{flex-wrap:wrap}.search-wrap{min-width:220px}.card-channels{display:flex;flex-wrap:wrap;gap:5px;margin:-9px 0 15px}.channel-tag{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:5px;font-size:10px;font-weight:600;background:#eeefea;color:#576453}.channel-tag>span,.channel-icon{font-weight:800}.channel-link-linkedin,.channel-link-email,.channel-link-whatsapp{display:inline-flex;align-items:center;gap:5px}.channel-link-linkedin,.channel-link-linkedin:hover,.channel-linkedin{background:#e6eff8;color:#215d92}.channel-link-email,.channel-email{background:#f2e9dc;color:#805a26}.channel-link-whatsapp,.channel-whatsapp{background:#e0f2e6;color:#28663c}.exchange-heading{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.channel-choices{border:1px solid var(--line);border-radius:8px;padding:13px;display:flex;flex-wrap:wrap;gap:13px}.channel-choices legend{font-size:11px;font-weight:650;padding:0 5px}.channel-choices label{display:flex;align-items:center;gap:6px}.channel-choices input{width:auto}.channel-choices small{flex-basis:100%;font-size:11px;color:var(--muted)}
@media(max-width:760px){.toolbar select{flex:1 1 42%;min-width:0}.search-wrap{min-width:0}}

.link-group{margin-top:26px}.link-group h3{margin:0 0 12px}.link-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.link-card{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--line,#e5e0d8);border-radius:14px;background:var(--card,#fff);color:inherit;text-decoration:none}.link-card:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.08)}.link-card span{font-size:13px;opacity:.75}

.listing-filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:22px}.listing-filters select{padding:12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#596f61;font-size:12px}.listing-filters .muted{font-size:12px}.listing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}.listing-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:21px;min-width:0;display:flex;flex-direction:column}.listing-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px}.listing-status{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:650;color:#7b6d4f}.listing-status.s-new{color:#a35f3f}.listing-status.s-interesting{color:#557d42}.listing-status.s-applied{color:#50728c}.listing-status.s-dismissed{color:#8a9188}.fit{font-size:10px;letter-spacing:2px;color:var(--green)}.fit i{font-style:normal;color:#d7ddd3}.listing-card h3{margin:0 0 6px;line-height:1.35;overflow-wrap:anywhere}.listing-company{font-size:12px;color:var(--muted);margin:0 0 12px;overflow-wrap:anywhere}.listing-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.listing-tags span{font-size:10px;font-weight:600;background:#f0f2ea;color:#5c6d5f;border-radius:5px;padding:4px 7px}.listing-dates{font-size:11px;color:#8a968c;margin:0 0 10px}.listing-note{font-size:12px;background:#f7f8f3;border-radius:8px;padding:11px 13px;margin:0 0 12px;white-space:pre-wrap;overflow-wrap:anywhere}.listing-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;padding-top:6px}.listing-actions .pill-link{padding:8px 10px}.secondary.small{padding:7px 10px;font-size:11px}.listing-help{font-size:12px;margin:12px 0 0}#add-listings{white-space:nowrap}#listings-json{font-family:ui-monospace,Consolas,monospace;font-size:12px}
@media(max-width:760px){.listing-grid{grid-template-columns:1fr}.listing-filters select{flex:1 1 42%;min-width:0}}

.reply-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}
.reply-metrics .metric strong{font-size:28px}
@media(max-width:1100px){.reply-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
.reply-list{display:grid;gap:8px}
.reply-row{display:grid;grid-template-columns:minmax(150px,1.2fr) minmax(0,1.6fr) auto auto;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px}
.reply-row .card-title{font-size:15px;text-align:left}
.reply-row .muted{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reply-wait{font-size:12px;color:var(--muted);white-space:nowrap}
@media(max-width:760px){.reply-row{grid-template-columns:1fr;gap:4px}.reply-row .muted{white-space:normal}}

/* ===== Habillage 2026-10 : cahier de DA. Couche posee par-dessus les regles d'origine. ===== */
:root{--ink:#13241f;--ink-2:#1d342d;--paper:#f3f0e8;--surface:#fffdf8;--line:#e3ddd0;--line-strong:#d4cdbd;--muted:#5d6a64;--green:#2c5f4f;--ember:#c4512b;--ember-soft:#f5e2d6;--sage:#d6e4b8;--display:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;--shadow:0 1px 2px rgba(19,36,31,.05),0 10px 30px -18px rgba(19,36,31,.28);--shadow-hover:0 2px 4px rgba(19,36,31,.06),0 18px 40px -20px rgba(19,36,31,.38);background:var(--paper)}
body{background:var(--paper);-webkit-font-smoothing:antialiased}
::selection{background:var(--ember);color:#fff}
h1,h2,.dialog-head h2{font-family:var(--display);font-weight:500;letter-spacing:-.02em}
h1{font-size:46px;line-height:1.05}h1 span{color:var(--ember);font-family:Inter,ui-sans-serif,sans-serif;font-weight:300}
h2{font-size:24px}
.eyebrow{font-size:11px;letter-spacing:2px;color:var(--ember);display:flex;align-items:center;gap:10px}.eyebrow::before{content:"";width:22px;height:1px;background:currentColor}
.login .eyebrow::before{display:none}
.muted,.section-title p,.page-heading p:last-child{color:var(--muted)}
.primary{background:var(--ink);transition:background .2s,box-shadow .2s;box-shadow:0 8px 20px -12px rgba(19,36,31,.6)}.primary:hover{background:var(--ember)}
.primary.small{padding:9px 14px;font-size:12px;gap:8px;text-decoration:none}
.secondary{background:var(--surface);border-color:var(--line-strong);transition:border-color .2s,color .2s,background .2s;cursor:pointer}.secondary:hover{border-color:var(--ink);color:var(--ink)}
a.secondary{display:inline-flex;align-items:center}

/* Barre laterale */
.sidebar{background:linear-gradient(180deg,#16302a 0%,#0f1f1b 100%);padding:30px 18px;overflow-y:auto}
.brand{font-family:var(--display);font-weight:500;letter-spacing:-1px;font-size:36px}.brand-dot{color:var(--ember);margin-left:-8px}
.brandmark{background:var(--sage)}
.side-caption,.nav-caption{font-size:10px;letter-spacing:2px;color:#7f998e;margin:36px 12px 12px}.nav-caption{margin:18px 12px 8px}
nav{gap:2px}
nav button{position:relative;padding:11px 12px;font-size:14px;color:#bfd0c7;transition:background .15s,color .15s}
.nav-icon{width:18px;height:18px;flex:none;opacity:.85}
nav button:hover{background:rgba(255,255,255,.05);color:#fff}
nav button.active{background:rgba(255,255,255,.07);color:#fff}
nav button.active::before{content:"";position:absolute;left:-18px;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:var(--ember)}
nav button.active .nav-icon{opacity:1;color:var(--sage)}
nav button b{background:rgba(255,255,255,.1);color:#e8efe9;font-weight:600}nav button.active b{background:var(--ember);color:#fff}
nav button b:empty{display:none}
.sidebar-bottom{border-top-color:rgba(255,255,255,.1);font-size:12px}.subtle{font-size:12px;color:#a9bdb3}.subtle:hover{color:#fff}

/* Haut de page */
.topbar{background:rgba(243,240,232,.85);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10;font-size:12px}
.breadcrumb{font-size:11px}
.page-heading{align-items:flex-end;padding-bottom:28px;border-bottom:1px solid var(--line);margin-bottom:30px}
.page-heading p:last-child{font-size:15px;max-width:62ch}

/* Chiffres cles : surfaces claires, filet de couleur, chiffres en romain */
.metric{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden;transition:box-shadow .2s,border-color .2s;cursor:pointer}
.metric::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--line-strong)}
.metric:hover{box-shadow:var(--shadow-hover);border-color:var(--line-strong)}
.metric.terra,.metric.blue,.metric.green{background:var(--surface);border-color:var(--line)}
.metric.terra::before{background:var(--ember)}.metric.blue::before{background:#5d7f99}.metric.green::before{background:#6c8f5a}
.metric span{font-size:12px;letter-spacing:.3px;color:var(--muted)}
.metric strong{font-family:var(--display);font-weight:500;font-size:44px;line-height:1.5;letter-spacing:-1px;font-variant-numeric:lining-nums tabular-nums}
.metric i{color:var(--muted)!important;transition:color .2s}.metric:hover i{color:var(--ember)!important}
div.metric{cursor:default}

/* Outils de filtre */
.search-wrap input,.toolbar select,.listing-filters select{background:var(--surface);border-color:var(--line);font-size:13px;color:var(--ink)}
.search-wrap input:focus,.toolbar select:focus{border-color:var(--ink)}

/* Bandeaux */
.focus-banner{background:var(--ink);border:0;color:#e9efe9;box-shadow:var(--shadow)}
.focus-banner b{font-family:var(--display);font-weight:500;font-size:20px}
.focus-banner p{color:#a9bdb3;font-size:13px}
.focus-icon{color:var(--sage);width:46px;height:46px;flex:none;display:grid;place-items:center;border:1px solid rgba(214,228,184,.3);border-radius:50%;font-size:22px}
.import-note{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--ember);font-size:13px}

/* Titres de section */
.section-title{border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:20px}
.section-title small{background:var(--ember-soft);color:var(--ember);font-family:Inter,ui-sans-serif,sans-serif;font-size:11px;font-weight:700}
.section-title p{font-size:13px}

/* Cartes */
.lead-card,.listing-card,.contact-card,.document,.mail-item,.reply-row{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow);transition:box-shadow .2s,border-color .2s}
.lead-card:hover,.listing-card:hover,.contact-card:hover,.document:hover,.mail-item:hover,.reply-row:hover{box-shadow:var(--shadow-hover);border-color:var(--line-strong)}
.lead-card{border-top:1px solid var(--line);position:relative;overflow:hidden;padding:24px}
.lead-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--ember)}
.lead-card.waiting::before{background:#5d7f99}.lead-card.meeting::before{background:#6c8f5a}.lead-card.explore::before{background:#8a73a8}.lead-card.closed::before,.lead-card.paused::before{background:#a8aea6}
.category{font-size:10px;letter-spacing:1.4px;color:var(--muted)}
.badge{font-size:11px;border-radius:999px;padding:4px 10px}
.card-title{font-family:var(--display);font-weight:500;font-size:22px;letter-spacing:-.3px}
.role{font-size:13px}
.next-action{background:var(--paper);border-radius:10px}.next-action>span{font-size:10px;color:var(--ember);letter-spacing:1.4px}.next-action p{font-size:13px}
.card-bottom{font-size:12px}.text-button{font-size:12px;color:var(--ink);text-decoration:underline;text-decoration-color:var(--ember);text-underline-offset:4px}.text-button:hover{color:var(--ember)}
.late{color:var(--ember)}
.channel-tag,.listing-tags span{font-size:11px}
.pill-link{font-size:12px}
.doc-icon{background:var(--ember-soft);color:var(--ember)}
.document h3,.contact-card h3,.mail-item h3,.listing-card h3{font-family:var(--display);font-weight:500;font-size:20px}
.avatar{background:var(--ink);color:var(--sage);font-family:var(--display);font-weight:500}
.link-card{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow);transition:box-shadow .2s,border-color .2s}.link-card:hover{transform:none;box-shadow:var(--shadow-hover);border-color:var(--line-strong)}
.link-card strong{font-family:var(--display);font-weight:500;font-size:18px}
.link-group h3{font-family:var(--display);font-weight:500;font-size:22px}
.empty{border-color:var(--line-strong);background:rgba(255,253,248,.5)}
.page-foot{font-size:12px;color:var(--muted)}
dialog{background:var(--surface);border-color:var(--line)}
.form-grid label{font-size:12px}
.form-grid input,.form-grid select,.form-grid textarea{border-color:var(--line-strong)}
.icon-button{background:var(--paper)}

/* Connexion */
.login{background:radial-gradient(70% 60% at 80% 10%,rgba(196,81,43,.12),transparent 60%),radial-gradient(60% 60% at 10% 90%,rgba(214,228,184,.5),transparent 60%),var(--paper)}
.login-card{background:var(--surface);box-shadow:0 30px 80px -40px rgba(19,36,31,.45)}
.login h1{font-size:44px}

/* Ressources */
.resource-bar{display:flex;gap:12px;align-items:center;margin-bottom:34px;flex-wrap:wrap}.resource-bar .search-wrap{min-width:240px}
.resource-group{margin-bottom:42px}
.resource-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.resource-card{display:flex;flex-direction:column;justify-content:space-between;gap:18px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:var(--shadow);transition:box-shadow .2s,border-color .2s;min-width:0}
.resource-card:hover{box-shadow:var(--shadow-hover);border-color:var(--line-strong)}
.resource-title{display:block;font-family:var(--display);font-weight:500;font-size:22px;line-height:1.2;color:var(--ink);text-decoration:none;letter-spacing:-.3px}
a.resource-title:hover{color:var(--ember)}a.resource-title span{color:var(--ember);font-family:Inter,ui-sans-serif,sans-serif;font-size:16px}
.resource-url{display:block;margin:8px 0 12px;font:12px/1.4 ui-monospace,"Cascadia Mono",Consolas,monospace;color:var(--muted);overflow-wrap:anywhere}
.resource-card p{font-size:13px;line-height:1.55;margin:0;color:#3f4c47}
.resource-card .resource-note{margin-top:10px;font-size:12px;color:#8a4a2c;background:var(--ember-soft);border-radius:8px;padding:8px 10px}
.resource-actions{display:flex;gap:8px;flex-wrap:wrap}
.resource-group.featured .resource-card{background:var(--ink);border-color:var(--ink);min-height:210px;padding:28px}
.resource-group.featured .resource-title{color:#fff;font-size:30px}.resource-group.featured a.resource-title:hover{color:var(--sage)}
.resource-group.featured .resource-url{color:var(--sage)}.resource-group.featured .resource-card p{color:#c4d2cb;font-size:14px}
.resource-group.featured .secondary{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}.resource-group.featured .secondary:hover{border-color:var(--sage);color:var(--sage)}
.resource-check{font-size:12px}

/* Plein ecran pour presenter : sans menu ni barre du haut, en plus grand */
.presenting .sidebar,.presenting .topbar,.presenting #mobile-menu,.presenting .page-foot{display:none}
.presenting main{margin-left:0}.presenting .page{max-width:1400px;padding:48px 56px}
.presenting h1{font-size:60px}.presenting .resource-title{font-size:26px}.presenting .resource-group.featured .resource-title{font-size:36px}

@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media(max-width:1200px){h1{font-size:40px}.metric strong{font-size:36px}}
@media(max-width:760px){h1{font-size:34px}.page-heading{align-items:flex-start}.metric strong{font-size:32px}nav button.active::before{left:-15px}.resource-grid{grid-template-columns:1fr}.resource-group.featured .resource-title{font-size:26px}.resource-group.featured .resource-card{min-height:0}.resource-bar .secondary{flex:1}.focus-banner b{font-size:17px}}
.sprite{position:absolute;width:0;height:0;overflow:hidden}

/* ===== Passe 2 (28/10) : retour a la typo a baton, piles de cartes, fiche a bords fixes, glissieres integrees ===== */
:root{--display:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ember:#d4552a;--ember-soft:#f8e2d5}
h1,h2,.dialog-head h2,.card-title,.resource-title,.focus-banner b,.document h3,.contact-card h3,.mail-item h3,.listing-card h3,.link-card strong,.link-group h3,.brand{font-weight:750;letter-spacing:-.03em}
h1{font-size:44px;letter-spacing:-.045em}h1 span{font-weight:400}
.metric strong{font-weight:700;letter-spacing:-.04em}
.brand{font-size:34px;letter-spacing:-2px}
.avatar{font-weight:700}
.resource-group.featured .resource-title{font-size:28px}
.presenting .resource-group.featured .resource-title{font-size:34px}

/* Piles */
.deck-controls{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin:-6px 0 18px}.deck-controls .muted{font-size:12px}
.decks{display:flex;flex-wrap:wrap;gap:26px 30px;align-items:flex-start}
.decks>.card-section{margin:0;min-width:0}
.pile-open{flex:1 1 100%}
.pile-closed{flex:0 1 340px}
.pile-fold{margin-left:auto;white-space:nowrap}
.section-title{align-items:center}
.pile{display:block;width:100%;padding:0;background:none;text-align:left;color:var(--ink);border-radius:16px}
.pile-stack{position:relative;display:block;height:142px;margin:0 26px 30px 0}
.pile-card{position:absolute;inset:0;display:block;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:18px 20px;overflow:hidden;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}
.pile-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--ember)}
.pile-card.waiting::before{background:#5d7f99}.pile-card.meeting::before{background:#6c8f5a}.pile-card.explore::before{background:#8a73a8}.pile-card.closed::before,.pile-card.paused::before{background:#a8aea6}
.pile-card.l0{z-index:3}.pile-card.l1{z-index:2;transform:translate(10px,10px) rotate(1.8deg)}.pile-card.l2{z-index:1;transform:translate(20px,20px) rotate(3.6deg)}
.pile:hover .pile-card.l0{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.pile:hover .pile-card.l1{transform:translate(18px,8px) rotate(4deg)}.pile:hover .pile-card.l2{transform:translate(34px,14px) rotate(8deg)}
.pile-card .card-top{margin-bottom:12px}
.pile-card strong{display:block;font-size:19px;font-weight:750;letter-spacing:-.03em;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pile-card .role{display:block;margin:6px 0 0;min-height:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pile-label{display:block}.pile-label b{display:block;font-size:17px;font-weight:750;letter-spacing:-.02em}.pile-label span{display:block;font-size:12px;color:var(--muted);margin-top:3px}
.pile:hover .pile-label b{color:var(--ember)}

/* Cartes semi-fermees */
.cards{align-items:start}
.lead-card{cursor:pointer;padding:18px 20px}
.lead-card .card-top{margin-bottom:12px}
.lead-card .card-title{font-size:19px;cursor:pointer}
.lead-card .role{margin:5px 0 12px;min-height:0}
.card-peek{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}
.card-hint{opacity:0;transition:opacity .2s;color:var(--ember);font-weight:600}.lead-card:hover .card-hint,.lead-card:focus-within .card-hint{opacity:1}
.lead-card.is-open{border-color:var(--line-strong);box-shadow:var(--shadow-hover)}
.lead-card.is-open .card-channels,.lead-card.is-open .next-action,.lead-card.is-open .card-bottom{animation:unfold .22s ease both}
.lead-card.is-open .card-channels{margin:0 0 14px}
@keyframes unfold{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* Fiche : en-tete et boutons toujours visibles pendant le defilement */
dialog{padding:0;overscroll-behavior:contain}
.dialog-head{position:sticky;top:0;z-index:3;background:var(--surface);padding:26px 30px 0;margin:0 0 23px}
dialog form{padding:0 30px 24px}
.dialog-actions{position:sticky;bottom:0;z-index:3;background:var(--surface);margin:25px -30px 0;padding:16px 30px 20px;box-shadow:0 -12px 24px -18px rgba(19,36,31,.35)}
dialog::backdrop{cursor:pointer}

/* Glissieres */
html,dialog,.sidebar,textarea{scrollbar-width:thin;scrollbar-color:#cdc4b2 transparent}
.sidebar{scrollbar-color:rgba(255,255,255,.2) transparent}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#cdc4b2;border-radius:10px;border:3px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background-color:var(--ember)}

@media(max-width:760px){.pile-closed{flex:1 1 100%}.pile-stack{height:132px}.dialog-head{padding:20px 20px 0}dialog form{padding:0 20px 20px}.dialog-actions{margin:22px -20px 0;padding:14px 20px 18px}h1{font-size:34px}.deck-controls{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.lead-card.is-open *{animation:none!important}}

/* ===== Passe 3 (28/10) : Ressources en vignettes, une couleur par famille ===== */
.fam-present{--fam:#d4552a;--fam-soft:#f8e2d5}.fam-studio{--fam:#1f1f1d;--fam-soft:#e9e6df}.fam-apps{--fam:#3d68b0;--fam-soft:#e2e9f5}.fam-learn{--fam:#3f8a5c;--fam-soft:#e0efe5}.fam-money{--fam:#7b5aa6;--fam-soft:#ece5f5}.fam-cv{--fam:#b08a3e;--fam-soft:#f3ead6}
.fam-dot{display:inline-block;width:10px;height:10px;border-radius:3px;background:var(--fam);margin-right:10px;vertical-align:middle;transform:translateY(-2px)}
.resource-jump{display:flex;flex-wrap:wrap;gap:8px;margin:-14px 0 34px}
.resource-jump a{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:13px;font-weight:600;transition:border-color .2s,background .2s}
.resource-jump a:hover{border-color:var(--fam);background:var(--fam-soft)}.resource-jump .fam-dot{width:8px;height:8px;margin-right:8px;transform:none}
.resource-group{scroll-margin-top:96px}
.resource-group .section-title{border-bottom:2px solid var(--fam)}
.resource-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.resource-card{padding:0;overflow:hidden;gap:0;border-top:0}
.resource-thumb{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--fam-soft);border-bottom:1px solid var(--line)}
.resource-thumb::after{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--fam)}
.resource-thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.resource-card:hover .resource-thumb img{transform:scale(1.04)}
.resource-thumb.drawn{display:grid;place-items:center;background:radial-gradient(120% 90% at 85% 0%,color-mix(in srgb,var(--fam) 22%,transparent),transparent 60%),repeating-linear-gradient(135deg,transparent 0 14px,color-mix(in srgb,var(--fam) 7%,transparent) 14px 15px),var(--fam-soft)}
.thumb-mono{font-size:54px;font-weight:800;letter-spacing:-.06em;color:var(--fam);line-height:1}
.resource-body{padding:18px 20px 0;flex:1}
.resource-actions{padding:16px 20px 20px}
.resource-title{font-size:20px}
.resource-card .resource-note{background:var(--fam-soft);color:color-mix(in srgb,var(--fam) 75%,#000)}
a.resource-title span{color:var(--fam)}a.resource-title:hover{color:var(--fam)}
/* Me presenter : grandes cartes sombres, vignette large */
.resource-group.featured .resource-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px}
.resource-group.featured .resource-card{padding:0;min-height:0;background:var(--ink);border-color:var(--ink)}
.resource-group.featured .resource-thumb{border-bottom:0}
.resource-group.featured .resource-body{padding:22px 24px 0}.resource-group.featured .resource-actions{padding:18px 24px 24px}
.resource-group.featured a.resource-title span{color:var(--ember)}
.fam-studio .resource-thumb.drawn .thumb-mono{color:#1f1f1d}
.presenting .resource-group.featured .resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){.resource-jump{margin-top:-10px}.resource-jump a{font-size:12px;padding:7px 12px}.thumb-mono{font-size:44px}}
@media(prefers-reduced-motion:reduce){.resource-card:hover .resource-thumb img{transform:none}}
.resource-thumb{text-decoration:none;color:inherit}
.thumb-poster{align-self:end;justify-self:start;padding:18px 20px;font-size:26px;font-weight:800;letter-spacing:-.04em;line-height:1.05;color:var(--fam);max-width:90%}
.resource-thumb.drawn:has(.thumb-poster){place-items:stretch}

/* ===== Chercher du travail : meme langage que Ressources ===== */
.job-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.job-card{display:flex;gap:16px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow);color:var(--ink);text-decoration:none;position:relative;overflow:hidden;transition:box-shadow .2s,border-color .2s}
.job-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--fam);opacity:0;transition:opacity .2s}
.job-card:hover{box-shadow:var(--shadow-hover);border-color:var(--line-strong)}.job-card:hover::before{opacity:1}
.job-mono{flex:none;width:52px;height:52px;border-radius:12px;display:grid;place-items:center;font-size:19px;font-weight:800;letter-spacing:-.04em;color:var(--fam);background:radial-gradient(120% 90% at 85% 0%,color-mix(in srgb,var(--fam) 22%,transparent),transparent 60%),var(--fam-soft);transition:background .2s,color .2s}
.job-card:hover .job-mono{background:var(--fam);color:#fff}
.job-body{display:block;min-width:0}
.job-body strong{display:block;font-size:17px;font-weight:750;letter-spacing:-.02em;line-height:1.25}.job-body strong i{font-style:normal;color:var(--fam)}
.job-body .resource-url{margin:5px 0 8px}
.job-desc{display:block;font-size:13px;line-height:1.5;color:#3f4c47}
.job-note{display:inline-block;margin-top:9px;font-size:11px;font-weight:600;padding:4px 9px;border-radius:999px;background:var(--fam-soft);color:color-mix(in srgb,var(--fam) 75%,#000)}
@media(max-width:760px){.job-grid{grid-template-columns:1fr}}

/* ===== Contacts en fiches compactes ===== */
.contact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;align-items:start}
.contact-card{padding:16px 18px;border-radius:14px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}
.contact-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--k)}
.contact-card.k-woman{--k:#c4517a;--k-soft:#f7e3ea}.contact-card.k-man{--k:#3d68b0;--k-soft:#e2e9f5}.contact-card.k-person{--k:#6c8f5a;--k-soft:#e6eedf}.contact-card.k-org{--k:#8a8170;--k-soft:#ece8df}
.contact-head{display:flex;gap:12px;align-items:center}
.contact-avatar{flex:none;width:48px;height:48px;border-radius:50%;background:var(--k-soft);color:var(--k);display:grid;place-items:end center;overflow:hidden}
.contact-avatar svg{width:42px;height:42px}
.contact-head h3{font-size:16px;margin:0;line-height:1.25;overflow-wrap:anywhere}
.contact-head p{font-size:12px;color:var(--muted);margin:3px 0 0;line-height:1.35}
.contact-lines{display:grid;gap:4px;border-top:1px dashed var(--line-strong);padding-top:10px}
.contact-lines:empty{display:none}
.contact-line{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink);text-decoration:none;padding:4px 6px;margin:0 -6px;border-radius:6px;min-width:0}
.contact-line span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.contact-line .nav-icon{width:15px;height:15px;color:var(--k);flex:none}
.contact-line:hover{background:var(--k-soft)}
.contact-card .text-button{align-self:flex-start;font-size:12px}

/* ===== Mes CV : feuilles, pile et dossiers dessines ===== */
.cv-art{position:relative;display:block;width:100%;height:100%}
.paper{position:absolute;left:50%;top:50%;width:30%;aspect-ratio:1/1.414;background:#fffdf8;border-radius:3px;box-shadow:0 10px 22px -10px rgba(60,45,15,.45),0 0 0 1px rgba(60,45,15,.08);transform:translate(-50%,-46%) rotate(-3deg);padding:7% 5%;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.paper-head{display:block;height:9%;width:62%;background:var(--fam);border-radius:2px;margin-bottom:9%}
.paper-lines{display:block;height:70%;background:repeating-linear-gradient(180deg,#d9cfbb 0 2px,transparent 2px 9px);mask:linear-gradient(90deg,#000 80%,transparent);-webkit-mask:linear-gradient(90deg,#000 80%,transparent)}
.resource-card:hover .single .paper{transform:translate(-50%,-50%) rotate(-1deg)}
.stack .p1{transform:translate(-62%,-46%) rotate(-6deg)}.stack .p2{transform:translate(-50%,-48%) rotate(1deg)}.stack .p3{transform:translate(-38%,-50%) rotate(7deg)}
.resource-card:hover .stack .p1{transform:translate(-72%,-48%) rotate(-10deg)}.resource-card:hover .stack .p3{transform:translate(-28%,-52%) rotate(11deg)}
.cv-count{position:absolute;right:20%;top:16%;min-width:38px;height:38px;padding:0 8px;border-radius:999px;background:var(--fam);color:#fff;display:grid;place-items:center;font-size:16px;font-weight:800;box-shadow:0 6px 14px -6px rgba(60,45,15,.6);z-index:2}
.folder-back{position:absolute;left:50%;top:54%;width:52%;aspect-ratio:1.45;transform:translate(-50%,-50%);background:color-mix(in srgb,var(--fam) 70%,#000);border-radius:6px}
.folder-back::before{content:"";position:absolute;left:0;top:-9%;width:38%;height:14%;background:inherit;border-radius:6px 6px 0 0}
.folder .paper{width:22%}.folder .in1{transform:translate(-62%,-62%) rotate(-5deg)}.folder .in2{transform:translate(-38%,-66%) rotate(4deg)}
.resource-card:hover .folder .in1{transform:translate(-64%,-72%) rotate(-7deg)}.resource-card:hover .folder .in2{transform:translate(-36%,-76%) rotate(6deg)}
.folder-front{position:absolute;left:50%;top:62%;width:52%;aspect-ratio:2.3;transform:translate(-50%,-30%) skewX(-4deg);background:var(--fam);border-radius:4px 4px 6px 6px;display:grid;place-items:center;box-shadow:0 -4px 12px -6px rgba(0,0,0,.3)}
.folder-front b{transform:skewX(4deg);color:#fff;font:700 11px/1.2 ui-monospace,"Cascadia Mono",Consolas,monospace;letter-spacing:.06em;text-transform:uppercase;text-align:center;padding:0 6px}
@media(prefers-reduced-motion:reduce){.paper{transition:none}}

/* ===== Theme sombre (28/10) : fond quasi noir, panneaux anthracite a filet fin, accent violet, police Manrope ===== */
@font-face{font-family:"Manrope";src:url("fonts/manrope-latin-wght-normal.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
:root{--bg:#1a1a1a;--paper:#1a1a1a;--surface:#222222;--surface-2:#2a2a2a;--surface-3:#313131;--line:#303030;--line-strong:#3c3c3c;--ink:#f2f2f2;--muted:#9b9b9b;--violet:#6e4cf6;--violet-2:#8467ff;--violet-soft:rgba(110,76,246,.18);--lavender:#c4b5fd;--go:#22c55e;--warn:#f5d90a;--ember:#8467ff;--ember-soft:rgba(110,76,246,.18);--green:#22c55e;--sage:#c4b5fd;--display:"Manrope",Inter,ui-sans-serif,"Segoe UI",sans-serif;--shadow:none;--shadow-hover:none;font-family:"Manrope",Inter,ui-sans-serif,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);color-scheme:dark}
body{background:var(--bg);color:var(--ink)}
::selection{background:var(--violet);color:#fff}
h1,h2,h3,.card-title,.resource-title,.focus-banner b,.document h3,.contact-card h3,.mail-item h3,.listing-card h3,.link-card strong,.link-group h3,.job-body strong,.pile-card strong,.pile-label b{font-family:var(--display);font-weight:700;letter-spacing:-.02em;color:var(--ink)}
h1{font-size:34px;letter-spacing:-.03em;line-height:1.15}h1 span{color:var(--violet-2)}
h2{font-size:19px}
p,.muted,.section-title p,.page-heading p:last-child,.role,.category,.metric span,.card-peek,.pile-label span,.resource-card p,.job-desc,.contact-head p,.listing-company,.listing-dates,.history-item span,.page-foot,.reply-wait{color:var(--muted)}
.eyebrow{color:var(--muted);letter-spacing:1.6px;font-size:10px}.eyebrow::before{background:var(--violet)}
a{color:var(--lavender)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--violet-2);outline-offset:2px}

/* Boutons */
.primary{background:var(--violet);color:#fff;border-radius:8px;box-shadow:none;padding:12px 18px;font-weight:600}.primary:hover{background:var(--violet-2)}
.secondary{background:var(--surface-2);border:1px solid var(--line-strong);color:var(--ink);border-radius:7px}.secondary:hover{background:var(--surface-3);border-color:#4a4a4a;color:#fff}
.text-button{color:var(--ink);text-decoration-color:var(--violet-2)}.text-button:hover{color:var(--lavender)}
.icon-button{background:var(--surface-2);color:var(--ink)}

/* Menu lateral */
.sidebar{background:var(--bg);border-right:1px solid var(--line);color:#cfcfcf}
.brand{color:#fff;font-weight:800;letter-spacing:-1px}.brand-dot{color:var(--violet-2)}
.brandmark{background:var(--violet);color:#fff;border-radius:10px}
.side-caption,.nav-caption{color:#7a7a7a}
nav button{color:#b5b5b5;border-radius:7px;font-weight:500}
nav button:hover{background:var(--surface-2);color:#fff}
nav button.active{background:var(--violet);color:#fff}
nav button.active::before{display:none}
nav button.active .nav-icon{color:#fff}
nav button b{background:var(--surface-3);color:#e8e8e8;border-radius:5px}
nav button.active b,#count-today:not(:empty){background:var(--warn);color:#141414}
.sidebar-bottom{border-top-color:var(--line);color:#8a8a8a}.subtle{color:#9a9a9a}.subtle:hover{color:#fff}
.connection-dot{background:var(--go)}

/* Haut de page */
.topbar{background:rgba(26,26,26,.88);border-bottom:1px solid var(--line);color:var(--muted)}
.breadcrumb b{color:var(--ink)}.breadcrumb span{color:#5a5a5a}
#mobile-menu{color:var(--ink)}
.page-heading{border-bottom-color:var(--line)}

/* Panneaux, cartes, chiffres */
.metric,.lead-card,.listing-card,.contact-card,.document,.mail-item,.reply-row,.link-card,.resource-card,.job-card,.pile-card,.import-note,.empty,dialog,.login-card{background:var(--surface);border:1px solid var(--line);box-shadow:none;border-radius:10px;color:var(--ink)}
.metric:hover,.lead-card:hover,.listing-card:hover,.contact-card:hover,.document:hover,.mail-item:hover,.reply-row:hover,.link-card:hover,.resource-card:hover,.job-card:hover{border-color:#474747;box-shadow:none}
.metric.terra,.metric.blue,.metric.green{background:var(--surface)}
.metric::before{width:3px}.metric.terra::before{background:var(--warn)}.metric.blue::before{background:#60a5fa}.metric.green::before{background:var(--go)}.metric::before{background:var(--violet)}
.metric strong{color:var(--ink);font-weight:700}
.focus-banner{background:var(--surface);border:1px solid var(--line);color:var(--ink)}.focus-banner p{color:var(--muted)}
.focus-icon{color:var(--lavender);border-color:var(--line-strong);background:var(--surface-2)}
.import-note{border-left:3px solid var(--violet)}.import-note span{color:var(--muted)}
.section-title{border-bottom-color:var(--line)}
.section-title small{background:var(--warn);color:#141414}
.next-action{background:var(--surface-2);border:1px solid var(--line)}.next-action>span{color:var(--lavender)}.next-action p{color:var(--ink)}
.lead-card{border-top:1px solid var(--line)}
.lead-card::before,.pile-card::before{background:var(--warn)}
.lead-card.waiting::before,.pile-card.waiting::before{background:#60a5fa}.lead-card.meeting::before,.pile-card.meeting::before{background:var(--go)}.lead-card.explore::before,.pile-card.explore::before{background:var(--violet-2)}.lead-card.closed::before,.lead-card.paused::before,.pile-card.closed::before,.pile-card.paused::before{background:#6b6b6b}
.lead-card.is-open{border-color:#4a4a4a}
.late{color:#f87171}.card-hint{color:var(--lavender)}

/* Etiquettes d'etat, facon pastilles de la reference */
.badge{background:rgba(245,217,10,.14);color:var(--warn);border-radius:6px;font-weight:600}
.badge.waiting{background:rgba(96,165,250,.15);color:#93c5fd}.badge.meeting{background:rgba(34,197,94,.15);color:#4ade80}.badge.explore{background:var(--violet-soft);color:var(--lavender)}.badge.closed,.badge.paused{background:rgba(255,255,255,.07);color:#a3a3a3}
.channel-tag{background:var(--surface-3);color:#d4d4d4}
.channel-link-linkedin,.channel-link-linkedin:hover,.channel-linkedin{background:rgba(96,165,250,.15);color:#93c5fd}
.channel-link-email,.channel-email{background:rgba(245,217,10,.12);color:#fde047}
.channel-link-whatsapp,.channel-whatsapp{background:rgba(34,197,94,.15);color:#4ade80}
.pill-link{background:var(--surface-3);color:var(--ink)}
.listing-tags span{background:var(--surface-3);color:#cfcfcf}.listing-note{background:var(--surface-2);color:var(--ink)}
.fit{color:var(--lavender)}.fit i{color:#3d3d3d}
.doc-icon{background:var(--violet-soft);color:var(--lavender)}
.avatar{background:var(--violet);color:#fff}
.history-item{border-left-color:var(--line-strong)}.history-item p{color:var(--ink)}

/* Champs */
.search-wrap input,.toolbar select,.listing-filters select,.form-grid input,.form-grid select,.form-grid textarea,.login input,#resource-search{background:var(--surface);border:1px solid var(--line-strong);color:var(--ink);border-radius:8px}
.search-wrap input::placeholder,textarea::placeholder,input::placeholder{color:#777}
.search-wrap input:focus,.toolbar select:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--violet-2)}
.search-wrap span{color:#7a7a7a}
.channel-choices{border-color:var(--line-strong)}
input[type=date]{color-scheme:dark}

/* Fenetres */
dialog{background:var(--surface);border-color:var(--line-strong);border-radius:12px}
dialog::backdrop{background:rgba(0,0,0,.6);backdrop-filter:blur(3px)}
.dialog-head,.dialog-actions{background:var(--surface);border-color:var(--line)}
.dialog-actions{box-shadow:0 -12px 24px -18px rgba(0,0,0,.8)}
#toast{background:var(--surface-3);color:#fff;border:1px solid var(--line-strong)}
.form-message,#login-error{color:#f87171}

/* Piles */
.pile-card{background:var(--surface)}
.pile:hover .pile-card.l0{box-shadow:none;border-color:#4a4a4a}
.pile:hover .pile-label b{color:var(--lavender)}

/* Familles (Ressources, Chercher du travail) */
.fam-present{--fam:#8467ff;--fam-soft:rgba(132,103,255,.16)}.fam-studio{--fam:#fb923c;--fam-soft:rgba(251,146,60,.14)}.fam-apps{--fam:#60a5fa;--fam-soft:rgba(96,165,250,.14)}.fam-learn{--fam:#4ade80;--fam-soft:rgba(74,222,128,.13)}.fam-money{--fam:#f472b6;--fam-soft:rgba(244,114,182,.14)}.fam-cv{--fam:#facc15;--fam-soft:rgba(250,204,21,.13)}
.resource-group .section-title{border-bottom:1px solid var(--line)}
.resource-jump a{background:var(--surface);border-color:var(--line);color:var(--ink);border-radius:8px}.resource-jump a:hover{background:var(--surface-2);border-color:var(--fam)}
.resource-thumb{border-bottom-color:var(--line);background:var(--fam-soft)}
.resource-thumb::after{height:3px}
.resource-thumb.drawn{background:radial-gradient(120% 90% at 85% 0%,var(--fam-soft),transparent 60%),repeating-linear-gradient(135deg,transparent 0 14px,rgba(255,255,255,.03) 14px 15px),var(--surface-2)}
.resource-card .resource-note,.job-note{background:var(--fam-soft);color:var(--fam)}
.resource-group.featured .resource-card{background:var(--surface);border-color:var(--line)}
.resource-group.featured .resource-title{color:#fff}.resource-group.featured .resource-url{color:var(--fam)}.resource-group.featured .resource-card p{color:var(--muted)}
.resource-group.featured .secondary{background:var(--surface-2);border-color:var(--line-strong);color:var(--ink)}
.resource-url{color:#8a8a8a}
.fam-studio .resource-thumb.drawn .thumb-mono{color:var(--fam)}
.job-mono{background:var(--fam-soft);color:var(--fam)}.job-card:hover .job-mono{background:var(--fam);color:#141414}
.paper{background:#f4f1ea}
.cv-count{color:#141414}
.folder-front b{color:#141414}

/* Contacts */
.contact-card.k-woman{--k:#f472b6;--k-soft:rgba(244,114,182,.16)}.contact-card.k-man{--k:#60a5fa;--k-soft:rgba(96,165,250,.16)}.contact-card.k-person{--k:#4ade80;--k-soft:rgba(74,222,128,.14)}.contact-card.k-org{--k:#a3a3a3;--k-soft:rgba(255,255,255,.08)}
.contact-lines{border-top-color:var(--line-strong)}
.contact-line{color:var(--ink)}

/* Connexion */
.login{background:radial-gradient(60% 50% at 80% 10%,rgba(110,76,246,.22),transparent 60%),var(--bg)}
.login-card{background:var(--surface);border-color:var(--line)}
.login-foot{color:#6b6b6b}

/* Glissieres */
html,dialog,.sidebar,textarea{scrollbar-color:#3d3d3d transparent}
::-webkit-scrollbar-thumb{background:#3d3d3d;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:var(--violet)}
nav button{font-size:13.5px;gap:11px}nav button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ===== Interrupteur de theme ===== */
.theme-toggle{display:flex;align-items:center;gap:10px;background:none;color:#b5b5b5;padding:12px 0 6px;font-size:12px;cursor:pointer}
.theme-toggle:hover{color:var(--ink)}
.switch{position:relative;width:34px;height:20px;border-radius:999px;background:var(--surface-3);border:1px solid var(--line-strong);transition:background .2s}
.switch i{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .2s}
.theme-toggle[aria-checked=true] .switch{background:var(--violet);border-color:var(--violet)}
.theme-toggle[aria-checked=true] .switch i{transform:translateX(14px)}

/* ===== Theme clair : meme design, fond gris clair, panneaux blancs ===== */
html[data-theme=light]{--bg:#f4f4f5;--paper:#f4f4f5;--surface:#ffffff;--surface-2:#f6f6f7;--surface-3:#ececef;--line:#e4e4e7;--line-strong:#d4d4d8;--ink:#18181b;--muted:#6b6b73;--lavender:#5b3fd9;--violet-soft:rgba(110,76,246,.12);--ember-soft:rgba(110,76,246,.12);color-scheme:light}
html[data-theme=light] .sidebar{background:#fff;color:#3f3f46}
html[data-theme=light] .brand{color:var(--ink)}
html[data-theme=light] nav button{color:#52525b}
html[data-theme=light] nav button:hover,html[data-theme=light] .subtle:hover,html[data-theme=light] .secondary:hover{color:var(--ink)}
html[data-theme=light] nav button.active,html[data-theme=light] nav button.active .nav-icon{color:#fff}
html[data-theme=light] nav button b{background:var(--surface-3);color:#3f3f46}
html[data-theme=light] .subtle,html[data-theme=light] .theme-toggle{color:#71717a}
html[data-theme=light] .topbar{background:rgba(244,244,245,.88)}
html[data-theme=light] .secondary:hover{background:var(--surface-3);border-color:#c4c4cc}
html[data-theme=light] .metric:hover,html[data-theme=light] .lead-card:hover,html[data-theme=light] .listing-card:hover,html[data-theme=light] .contact-card:hover,html[data-theme=light] .document:hover,html[data-theme=light] .mail-item:hover,html[data-theme=light] .reply-row:hover,html[data-theme=light] .link-card:hover,html[data-theme=light] .resource-card:hover,html[data-theme=light] .job-card:hover,html[data-theme=light] .lead-card.is-open,html[data-theme=light] .pile:hover .pile-card.l0{border-color:#c4c4cc}
html[data-theme=light] .badge{background:#fef9c3;color:#854d0e}
html[data-theme=light] .badge.waiting{background:#dbeafe;color:#1e40af}html[data-theme=light] .badge.meeting{background:#dcfce7;color:#166534}html[data-theme=light] .badge.explore{background:#ede9fe;color:#5b21b6}html[data-theme=light] .badge.closed,html[data-theme=light] .badge.paused{background:#f4f4f5;color:#52525b}
html[data-theme=light] .channel-tag{background:#f4f4f5;color:#3f3f46}
html[data-theme=light] .channel-link-linkedin,html[data-theme=light] .channel-linkedin{background:#dbeafe;color:#1e40af}
html[data-theme=light] .channel-link-email,html[data-theme=light] .channel-email{background:#fef9c3;color:#854d0e}
html[data-theme=light] .channel-link-whatsapp,html[data-theme=light] .channel-whatsapp{background:#dcfce7;color:#166534}
html[data-theme=light] .section-title small{background:#fde047;color:#422006}
html[data-theme=light] .late{color:#dc2626}
html[data-theme=light] .fam-present{--fam:#6e4cf6;--fam-soft:#ede9fe}html[data-theme=light] .fam-studio{--fam:#ea580c;--fam-soft:#ffedd5}html[data-theme=light] .fam-apps{--fam:#2563eb;--fam-soft:#dbeafe}html[data-theme=light] .fam-learn{--fam:#16a34a;--fam-soft:#dcfce7}html[data-theme=light] .fam-money{--fam:#db2777;--fam-soft:#fce7f3}html[data-theme=light] .fam-cv{--fam:#ca8a04;--fam-soft:#fef9c3}
html[data-theme=light] .resource-group.featured .resource-title{color:var(--ink)}
html[data-theme=light] .resource-thumb.drawn{background:radial-gradient(120% 90% at 85% 0%,var(--fam-soft),transparent 60%),repeating-linear-gradient(135deg,transparent 0 14px,rgba(0,0,0,.03) 14px 15px),var(--surface-2)}
html[data-theme=light] .job-card:hover .job-mono{color:#fff}
html[data-theme=light] .cv-count,html[data-theme=light] .folder-front b{color:#fff}
html[data-theme=light] .contact-card.k-woman{--k:#db2777;--k-soft:#fce7f3}html[data-theme=light] .contact-card.k-man{--k:#2563eb;--k-soft:#dbeafe}html[data-theme=light] .contact-card.k-person{--k:#16a34a;--k-soft:#dcfce7}html[data-theme=light] .contact-card.k-org{--k:#71717a;--k-soft:#f4f4f5}
html[data-theme=light] .paper{background:#fff}
html[data-theme=light] dialog::backdrop{background:rgba(24,24,27,.45)}
html[data-theme=light] .dialog-actions{box-shadow:0 -12px 24px -18px rgba(0,0,0,.25)}
html[data-theme=light] #toast{background:#18181b;color:#fff;border-color:#18181b}
html[data-theme=light] .login{background:radial-gradient(60% 50% at 80% 10%,rgba(110,76,246,.14),transparent 60%),var(--bg)}
html[data-theme=light] input[type=date]{color-scheme:light}
html[data-theme=light],html[data-theme=light] dialog,html[data-theme=light] .sidebar,html[data-theme=light] textarea{scrollbar-color:#cfcfd4 transparent}
html[data-theme=light] ::-webkit-scrollbar-thumb{background:#cfcfd4;background-clip:padding-box}

/* ===== Le point du matin ===== */
.brief-history{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:26px}.brief-history .muted{font-size:12px;margin-right:4px}
.brief-history .secondary{margin-left:auto}
.brief-chip{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:7px;padding:7px 12px;font-size:12px;font-weight:600}
.brief-chip:hover{border-color:var(--line-strong)}.brief-chip.active{background:var(--violet);border-color:var(--violet);color:#fff}
.brief-head{margin-bottom:24px}.brief-head h2{font-size:24px;margin:8px 0 8px}.brief-head p{max-width:75ch;font-size:14px;line-height:1.6;margin:0}
.brief-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;align-items:start}
.brief-agenda{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:18px 18px 8px;position:sticky;top:96px}
.brief-agenda h3,.brief-block h3{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin:0}
.brief-agenda ol{list-style:none;margin:16px 0 0;padding:0;position:relative}
.brief-agenda ol::before{content:"";position:absolute;left:46px;top:6px;bottom:14px;width:1px;background:var(--line-strong)}
.brief-agenda li{display:grid;grid-template-columns:40px 1fr;gap:16px;padding:0 0 16px;position:relative}
.brief-agenda li::before{content:"";position:absolute;left:42px;top:5px;width:9px;height:9px;border-radius:50%;background:var(--violet-2);box-shadow:0 0 0 3px var(--surface)}
.agenda-time{font-size:12px;font-weight:700;color:var(--ink);padding-top:1px;font-variant-numeric:tabular-nums}
.brief-agenda li b,.brief-agenda li a{display:block;font-size:13px;font-weight:600;color:var(--ink);text-decoration:none}.brief-agenda li a:hover{color:var(--lavender)}
.brief-agenda li small{display:block;font-size:11px;color:var(--muted);margin-top:2px}
.brief-sections{display:grid;gap:16px}
.brief-block{background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.brief-block header{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line)}
.brief-block header small{background:var(--surface-3);color:var(--ink);border-radius:5px;font-size:11px;font-weight:700;padding:2px 7px}
.tone-dot{width:8px;height:8px;border-radius:50%;background:var(--tone)}
.tone-label{margin-left:auto;font-size:11px;font-weight:600;padding:4px 9px;border-radius:6px;background:var(--tone-soft);color:var(--tone)}
.tone-urgent{--tone:#f87171;--tone-soft:rgba(248,113,113,.14)}.tone-action{--tone:#f5d90a;--tone-soft:rgba(245,217,10,.13)}.tone-info{--tone:#60a5fa;--tone-soft:rgba(96,165,250,.14)}.tone-ok{--tone:#4ade80;--tone-soft:rgba(74,222,128,.13)}
html[data-theme=light] .tone-urgent{--tone:#dc2626;--tone-soft:#fee2e2}html[data-theme=light] .tone-action{--tone:#a16207;--tone-soft:#fef9c3}html[data-theme=light] .tone-info{--tone:#2563eb;--tone-soft:#dbeafe}html[data-theme=light] .tone-ok{--tone:#16a34a;--tone-soft:#dcfce7}
.brief-item{display:flex;justify-content:space-between;gap:16px;padding:13px 18px;border-bottom:1px solid var(--line)}.brief-item:last-child{border-bottom:0}
.brief-item:hover{background:var(--surface-2)}
.brief-item-main{min-width:0}
.brief-item-main a,.brief-item-main b{font-size:14px;font-weight:600;color:var(--ink);text-decoration:none}.brief-item-main a:hover{color:var(--lavender)}
.brief-item-main p{font-size:13px;line-height:1.5;margin:4px 0 0}
.brief-item-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none;text-align:right}
.brief-item-side small{font-size:11px;color:var(--muted);white-space:nowrap}
.brief-tag{font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;background:var(--surface-3);color:var(--ink);white-space:nowrap}
.brief-none{padding:14px 18px;margin:0;font-size:13px}
@media(max-width:1000px){.brief-grid{grid-template-columns:1fr}.brief-agenda{position:static}}
@media(max-width:760px){.brief-item{flex-direction:column;gap:8px}.brief-item-side{flex-direction:row;align-items:center}.brief-history .secondary{margin-left:0}}
.brief-history .secondary{margin-left:6px;display:inline-flex;align-items:center;gap:6px;font-weight:600}
.brief-chip i{font-style:normal;font-weight:500;opacity:.75;margin-left:4px}.brief-chip.more{background:transparent;border-style:dashed;color:var(--muted)}
.brief-grid.solo{grid-template-columns:minmax(0,1fr)}
/* Menu regroupe : familles separees par un filet */
#nav{gap:0}#nav>button{margin-bottom:2px}
.nav-group{display:grid;gap:2px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
.nav-group .nav-caption{margin:2px 12px 6px;font-size:9.5px;letter-spacing:1.8px}
nav button{padding:9px 12px}
.side-caption{margin:28px 12px 10px}
.sidebar{padding-top:24px;padding-bottom:16px}.sidebar-bottom{padding-top:12px}
.side-actions{display:flex;gap:4px;align-items:center;margin-top:4px}
.side-actions .subtle{display:inline-block;padding:5px 8px;margin:0;border-radius:6px;font-size:11.5px}
.side-actions .subtle:hover{background:var(--surface-2)}
.side-actions .subtle:first-child{margin-left:-8px}
.theme-toggle{padding:8px 0 2px}
.sidebar-bottom>:nth-child(3){margin-top:0}
nav button{padding:8px 12px}.nav-group{margin-top:7px;padding-top:7px}.nav-group .nav-caption{margin:1px 12px 4px}.side-caption{margin:20px 12px 8px}
/* Logo HOLYCAP : HOLY en blanc, CAP en violet, comme les deux tons de HolyProd */
.brand{font-size:25px;letter-spacing:-.04em;gap:11px}.brand-word{font-weight:800}.brand-word{color:var(--violet-2)}.brand-holy{color:var(--ink)}.brand-dot{margin-left:-9px;color:var(--ink)}
/* Contacts sur place dans les annonces */
.listing-people{border-top:1px dashed var(--line-strong);margin:4px 0 12px;padding-top:10px;display:grid;gap:8px}
.listing-people-title{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:var(--lavender);font-weight:700}
.listing-person{display:flex;justify-content:space-between;align-items:center;gap:10px}
.listing-person a,.listing-person b{display:block;font-size:13px;font-weight:600;color:var(--ink);text-decoration:none}.listing-person a:hover{color:var(--lavender)}
.listing-person small{display:block;font-size:11px;color:var(--muted);line-height:1.35}
.listing-person .secondary{flex:none}

/* ===== Annonces : couleur discrete par source (liseré, teinte, pastille) ===== */
.src-linkedin{--src:#3b8ae6}.src-francetravail{--src:#f87171}.src-apec{--src:#f472b6}.src-hellowork{--src:#fbbf24}.src-indeed{--src:#818cf8}.src-lesjeudis{--src:#fb923c}.src-wttj{--src:#fde047}.src-malt{--src:#fb7185}.src-artstation{--src:#22d3ee}.src-reseau{--src:#4ade80}.src-autre{--src:#a3a3a3}
html[data-theme=light] .src-linkedin{--src:#0a66c2}html[data-theme=light] .src-francetravail{--src:#d10a1a}html[data-theme=light] .src-apec{--src:#c2006b}html[data-theme=light] .src-hellowork{--src:#b98500}html[data-theme=light] .src-indeed{--src:#2557a7}html[data-theme=light] .src-lesjeudis{--src:#d65a00}html[data-theme=light] .src-wttj{--src:#a68a00}html[data-theme=light] .src-malt{--src:#e0373f}html[data-theme=light] .src-artstation{--src:#0b8fc4}html[data-theme=light] .src-reseau{--src:#16a34a}html[data-theme=light] .src-autre{--src:#71717a}
.listing-card{position:relative;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--src,transparent) 9%,var(--surface)) 0,var(--surface) 120px)}
.listing-card::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--src,var(--line))}
.listing-top{flex-wrap:wrap}
.src-chip{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;color:var(--src);background:color-mix(in srgb,var(--src) 14%,transparent);order:-1;margin-right:auto}
.src-chip i{width:6px;height:6px;border-radius:50%;background:var(--src)}
.listing-top .listing-status{margin-right:8px}
.src-chip img{width:14px;height:14px;border-radius:3px;flex:none;background:#fff}
/* Tiroir des versions par candidature, dans Mes CV (Ressources) */
.cv-drawer{margin-top:22px;border:1px solid var(--line);border-radius:12px;padding:0 20px 8px;background:var(--surface)}
.cv-drawer summary{padding:16px 0;font-size:14px}
.cv-drawer .document{margin-bottom:10px;padding:16px 18px;box-shadow:none}
.cv-drawer .document h3{font-size:16px;margin:4px 0}
.cv-version .text-button{display:block;margin:2px 0 4px;text-align:left}
/* HOLYPROD : orange et noir de holyprod.fr (#ff4900 / #10100f), seulement sur ses pages, son menu et ses fenêtres */
.hp-group .nav-caption{color:#ff4900}
.hp-group button.active{background:#ff4900;color:#10100f}
.hp-group button.active b{background:#10100f;color:#ff4900}
body.hp,body.hp .hp-dialog{--violet:#ff4900;--violet-2:#ff6a2b;--violet-soft:rgba(255,73,0,.16);--lavender:#ff8a52;--ember:#ff4900;--ember-soft:rgba(255,73,0,.16)}
.hp-dialog{--violet:#ff4900;--violet-2:#ff6a2b;--violet-soft:rgba(255,73,0,.16);--lavender:#ff8a52}
html:not([data-theme=light]) body.hp main{--bg:#10100f;--paper:#10100f;--surface:#1a1a18;--surface-2:#20201e;--line:#2b2b28;--line-strong:#3a3a36;background:#10100f}
body.hp #page-title{color:var(--ink)}
body.hp #page-title span,body.hp .eyebrow{color:#ff4900}
body.hp .primary{background:#ff4900;color:#10100f}
body.hp .primary:hover,.hp-dialog .primary:hover{background:#e14000}
.hp-dialog .primary{background:#ff4900;color:#10100f}
.hp-dialog .eyebrow{color:#ff4900}
.hp-heading-actions{display:flex;gap:10px;align-items:center}
.hp-heading-actions:not(:has(button:not([hidden]))){display:none}
.hp-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}
.hp-metrics .metric:first-child{border-color:#ff4900}
.hp-metrics .metric:first-child strong{color:#ff4900}
.prospect-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}
.prospect-card{display:flex;flex-direction:column;gap:12px;background:var(--surface);border:1px solid var(--line);border-top:3px solid #ff4900;border-radius:10px;padding:20px;min-width:0}
.prospect-card.seg-agence{border-top-color:#f0f0f0}
.prospect-card.seg-startup{border-top-color:#ff8a52}
html[data-theme=light] .prospect-card.seg-agence{border-top-color:#10100f}
.prospect-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.prospect-top select{background:var(--surface-2);color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:5px 8px;font-size:12px}
.seg-chip{font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;background:rgba(255,73,0,.14);color:#ff4900}
.seg-agence .seg-chip{background:rgba(240,240,240,.1);color:var(--ink)}
.prospect-card h3{margin:0;font-size:19px;overflow-wrap:anywhere}
.prospect-card h3 a{color:var(--ink);text-decoration:none}
.prospect-card h3 a:hover{color:#ff4900}
.prospect-meta{margin:-6px 0 0;font-size:12px;color:var(--muted)}
.prospect-why{background:rgba(255,73,0,.08);border-left:3px solid #ff4900;border-radius:6px;padding:10px 12px}
.prospect-why>span{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#ff4900}
.prospect-why p{margin:4px 0;font-size:13px;line-height:1.55}
.prospect-why small{font-size:11px;color:var(--muted)}
.prospect-why a,.prospect-contact a{color:#ff8a52}
html[data-theme=light] .prospect-why a,html[data-theme=light] .prospect-contact a{color:#c23800}
.prospect-services{display:flex;flex-wrap:wrap;gap:6px}
.prospect-services span{font-size:11px;padding:4px 9px;border-radius:6px;border:1px solid var(--line-strong);color:var(--ink)}
.prospect-contact{display:grid;gap:2px;font-size:12px}
.prospect-contact span{color:var(--muted)}
.prospect-note{font-size:12px;color:var(--muted);margin:0;white-space:pre-wrap}
.prospect-actions{display:flex;align-items:center;gap:8px;margin-top:auto;font-size:11px}
.prospect-actions>:first-child{margin-right:auto}
.hp-services{border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin:0}
.hp-services legend{font-size:11px;font-weight:650;padding:0 4px}
#prospect-services{display:flex;flex-wrap:wrap;gap:8px 16px}
#prospect-services .check{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:400}
#prospect-services input{width:auto}
@media(max-width:1200px){.hp-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.hp-metrics{grid-template-columns:1fr 1fr}.hp-heading-actions{flex-wrap:wrap}}
/* Connexion : case « Se souvenir de cet appareil » */
.login .remember{display:flex;align-items:center;gap:9px;font-size:12px;margin:2px 0 16px;cursor:pointer}
.login .remember input{width:16px;height:16px;margin:0;padding:0;accent-color:var(--violet,#6e4cf6)}
.side-actions{flex-wrap:wrap;row-gap:0}
#forget-devices{flex-basis:100%;text-align:left;margin-left:-8px;color:var(--muted)}

/* Mon profil : en-tête avec taux de remplissage, puis une carte par section du questionnaire. */
.profile-head{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px 24px;margin-bottom:20px;display:grid;gap:12px}
.profile-head p{margin:0;color:var(--muted);font-size:13px;line-height:1.6;max-width:70ch}
.profile-meter{display:grid;gap:8px;font-size:13px}
.profile-meter i{display:block;height:6px;border-radius:6px;background:var(--line);overflow:hidden;position:relative}
.profile-meter i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--pct);background:var(--green);border-radius:6px}
.profile-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}
.profile-preview summary{cursor:pointer;font-size:13px;padding:9px 0;color:var(--green)}
.profile-preview pre{white-space:pre-wrap;font:12px/1.6 ui-monospace,Consolas,monospace;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:14px;margin:8px 0 0;max-width:80ch}
.profile-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:16px;align-items:start}
.profile-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px;min-width:0}
.profile-card .section-title{margin-bottom:16px}
.profile-card .section-title h2{font-size:18px}
.profile-multi{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 16px}
.profile-multi legend{font-size:11px;font-weight:650;margin-bottom:8px;padding:0}
.profile-multi .check{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:400}
.profile-multi .check input{width:auto}
.profile-save{grid-column:1/-1;position:sticky;bottom:0;display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-wrap:wrap;background:var(--paper);border-top:1px solid var(--line);padding:14px 0}
.profile-save .form-message{margin:0}
@media(max-width:760px){.profile-head{padding:16px}.profile-save{justify-content:stretch}.profile-save .primary{width:100%}}
/* Annonces déposées par la routine du matin (origin routine). */
.origin-chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:650;padding:3px 9px;border-radius:999px;color:var(--ember);background:var(--ember-soft)}

/* Moteur d'actualisation : bandeau « Actualiser » des modules, suivi en direct, carte du tour du matin, réglages et historique. */
.refresh-bar{position:relative;display:grid;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin-bottom:20px;overflow:hidden;animation:rbIn .35s ease both}
.refresh-bar.off,.refresh-bar.muted-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:13px;border-style:dashed}
.refresh-bar.warn{border-color:color-mix(in srgb,var(--warn,#f5d90a) 55%,var(--line))}
.rb-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.rb-state{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;margin-right:auto;min-width:0}
.rb-state b{font-weight:650}
.rb-state small{color:var(--muted);font-size:12px}
.rb-next{font-size:12px;color:var(--muted)}
.rb-go{width:auto;gap:8px;padding:10px 16px;font-size:13px;transition:transform .15s ease,box-shadow .2s ease}
.rb-go:hover{transform:translateY(-1px);box-shadow:0 8px 24px -10px var(--violet,#6e4cf6)}
.rb-go:disabled,.tour-go:disabled{opacity:.55;transform:none;box-shadow:none;cursor:default}
.rb-warn{margin:0;font-size:12px;color:var(--muted)}
.refresh-bar.live{border-color:color-mix(in srgb,var(--violet,#6e4cf6) 60%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--violet,#6e4cf6) 25%,transparent),0 18px 40px -28px var(--violet,#6e4cf6)}
.rb-pulse{width:9px;height:9px;border-radius:50%;background:var(--violet-2,#8467ff);box-shadow:0 0 0 0 color-mix(in srgb,var(--violet-2,#8467ff) 60%,transparent);animation:rbPulse 1.6s ease-out infinite;flex:none}
.rb-progress{height:3px;border-radius:3px;background:var(--line);overflow:hidden}
.rb-progress i{display:block;height:100%;width:40%;border-radius:3px;background:linear-gradient(90deg,transparent,var(--violet-2,#8467ff),var(--lavender,#c4b5fd),transparent);animation:rbSweep 1.8s ease-in-out infinite}
.rb-feed{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:12.5px}
.rb-feed li{display:flex;align-items:baseline;gap:10px;color:var(--muted);animation:rbLine .45s ease both;min-width:0}
.rb-feed li span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rb-feed li.latest{color:var(--ink)}
.rb-feed li.k-done{color:var(--go,#22c55e)}
.rb-feed li.k-error{color:var(--terra,#c66b49)}
.rb-ico{flex:none;width:18px;height:18px;display:inline-grid;place-items:center;border-radius:6px;background:var(--surface-2,var(--paper));font-size:11px}
.rb-feed li.latest .rb-ico{background:var(--violet-soft,rgba(110,76,246,.18));color:var(--violet-2,#8467ff)}
.tour-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px 22px;margin-bottom:22px;display:grid;gap:16px;overflow:hidden}
#tour-slot.enter .tour-card{animation:rbIn .4s ease both}
.tour-mod.ghost{min-height:76px;cursor:default;opacity:.55}
.tour-mod.ghost:hover{transform:none}
.tour-card::before{content:"";position:absolute;inset:-40% -10% auto auto;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--violet,#6e4cf6) 22%,transparent),transparent 70%);pointer-events:none;opacity:.7}
.tour-card.live::before{animation:tourGlow 3s ease-in-out infinite}
.tour-head{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.tour-head h2{margin:4px 0 0;font-size:20px}
.tour-head p.muted{margin:6px 0 0;max-width:60ch;font-size:13px}
.tour-go{width:auto;gap:8px;font-size:13px;padding:11px 18px;transition:transform .15s ease,box-shadow .2s ease}
.tour-go:hover{transform:translateY(-1px);box-shadow:0 10px 28px -12px var(--violet,#6e4cf6)}
.tour-grid{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}
.tour-mod{display:grid;gap:6px;text-align:left;background:var(--surface-2,var(--paper));border:1px solid var(--line);border-radius:12px;padding:12px 14px;color:var(--ink);cursor:pointer;transition:transform .15s ease,border-color .2s ease;min-width:0}
.tour-mod:hover{transform:translateY(-2px);border-color:var(--line-strong)}
.tour-mod small{font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tm-top{display:flex;align-items:center;gap:8px;font-size:13px}
.tour-mod .dot{width:8px;height:8px;border-radius:50%;background:var(--line-strong);flex:none}
.tour-mod.s-ok .dot{background:var(--go,#22c55e)}
.tour-mod.s-warn .dot{background:var(--warn,#f5d90a)}
.tour-mod.s-live{border-color:color-mix(in srgb,var(--violet,#6e4cf6) 55%,var(--line))}
.tour-mod.s-live .dot{background:var(--violet-2,#8467ff);animation:rbPulse 1.6s ease-out infinite}
.tour-mod.s-live .tm-now{color:var(--ink)}
.tour-foot{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0;font-size:12px;color:var(--muted)}
#nav button.live{position:relative}
#nav button.live::after{content:"";position:absolute;right:12px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:var(--violet-2,#8467ff);animation:rbPulse 1.6s ease-out infinite}
.origin-chip.agent{color:var(--go,#22c55e);background:color-mix(in srgb,var(--go,#22c55e) 14%,transparent)}
.set-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px;margin-bottom:16px;min-width:0}
.set-card .section-title{margin-bottom:14px}
.set-card .section-title h2{font-size:18px}
.set-card .section-title p{max-width:72ch}
.key-card.is-on{border-color:color-mix(in srgb,var(--go,#22c55e) 45%,var(--line))}
.key-row{display:flex;gap:10px;flex-wrap:wrap}
.key-row input{flex:1 1 260px;min-width:0;padding:11px;border-radius:8px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font-family:ui-monospace,Consolas,monospace;font-size:13px}
.key-row .primary,.key-row .secondary{width:auto}
.spend-meter{display:grid;gap:8px;margin-top:16px;font-size:13px}
.spend-meter i{display:block;height:6px;border-radius:6px;background:var(--line);overflow:hidden;position:relative}
.spend-meter i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--pct,0%);background:var(--go,#22c55e);border-radius:6px;transition:width .6s ease}
.spend-meter.full i::after{background:var(--terra,#c66b49)}
.level-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.level-card{position:relative;display:grid;gap:6px;padding:14px 14px 14px 42px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2,var(--paper));cursor:pointer;transition:border-color .2s ease,transform .15s ease}
.level-card:hover{transform:translateY(-1px)}
.level-card input{position:absolute;left:14px;top:16px;accent-color:var(--violet,#6e4cf6)}
.level-card small{color:var(--muted);font-size:12px;line-height:1.5}
.level-card:has(input:checked){border-color:var(--violet-2,#8467ff);box-shadow:0 0 0 1px var(--violet-2,#8467ff) inset}
.modules-title{margin:26px 0 12px}
.module-card{transition:opacity .25s ease}
.module-card.is-off .mc-body{opacity:.45}
.mc-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.mc-sched{font-size:12px;color:var(--muted)}
.switch{display:inline-flex;align-items:center;gap:12px;cursor:pointer;font-size:15px;white-space:nowrap}
.switch input{position:absolute;opacity:0;width:1px;height:1px}
.switch-ui{position:relative;width:38px;height:22px;border-radius:22px;background:var(--line-strong);transition:background .2s ease;flex:none}
.switch-ui::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s ease}
.switch input:checked+.switch-ui{background:var(--violet,#6e4cf6)}
.switch input:checked+.switch-ui::after{transform:translateX(16px)}
.switch input:focus-visible+.switch-ui{outline:2px solid var(--violet-2,#8467ff);outline-offset:2px}
.instr summary{cursor:pointer;font-size:13px;padding:6px 0;color:var(--lavender,var(--green))}
.instr textarea{margin-top:8px;font-size:12.5px;line-height:1.55}
.history{display:grid;gap:2px}
.h-row{display:grid;grid-template-columns:110px 150px 110px 1fr 70px;gap:12px;align-items:baseline;padding:9px 4px;border-bottom:1px solid var(--line);font-size:12.5px}
.h-row:last-child{border-bottom:0}
.h-when,.h-trig{color:var(--muted)}
.h-res{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.h-cost{text-align:right;font-variant-numeric:tabular-nums}
.h-row.s-live .h-res{color:var(--violet-2,#8467ff)}
.h-row.s-error .h-res,.h-row.s-budget .h-res{color:var(--terra,#c66b49)}
@keyframes rbIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes rbLine{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
@keyframes rbPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--violet-2,#8467ff) 55%,transparent)}100%{box-shadow:0 0 0 10px transparent}}
@keyframes rbSweep{0%{transform:translateX(-110%)}100%{transform:translateX(260%)}}
@keyframes tourGlow{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}
@media(max-width:760px){.h-row{grid-template-columns:1fr auto;gap:4px 12px}.h-row .h-trig,.h-row .h-when{font-size:11px}.h-res{grid-column:1/-1;white-space:normal}.rb-go,.tour-go{width:100%;justify-content:center}.tour-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.refresh-bar,.tour-card,.rb-feed li{animation:none}.rb-pulse,.tour-mod.s-live .dot,#nav button.live::after,.tour-card.live::before,.rb-progress i{animation:none}}

/* Mouvement : transition entre pages, entrée en cascade des cartes au changement de page, survols. */
@media(prefers-reduced-motion:no-preference){
main .page{view-transition-name:page}
::view-transition-old(page){animation:vtOut .16s ease both}
::view-transition-new(page){animation:vtIn .34s cubic-bezier(.2,.8,.2,1) both}
#content.anim :is(.listing-grid,.contact-grid,.prospect-grid,.resource-grid,.job-grid,.cards,.brief-sections,.tour-grid,.level-grid,.history,.metrics)>*{animation:cardIn .5s cubic-bezier(.2,.8,.2,1) both}
#content.anim :is(.listing-grid,.contact-grid,.prospect-grid,.resource-grid,.job-grid,.cards,.brief-sections,.tour-grid,.level-grid,.history)>:nth-child(2){animation-delay:.04s}
#content.anim :is(.listing-grid,.contact-grid,.prospect-grid,.resource-grid,.job-grid,.cards,.brief-sections,.tour-grid,.level-grid,.history)>:nth-child(3){animation-delay:.08s}
#content.anim :is(.listing-grid,.contact-grid,.prospect-grid,.resource-grid,.job-grid,.cards,.brief-sections,.tour-grid,.level-grid,.history)>:nth-child(4){animation-delay:.12s}
#content.anim :is(.listing-grid,.contact-grid,.prospect-grid,.resource-grid,.job-grid,.cards,.brief-sections,.tour-grid,.level-grid,.history)>:nth-child(5){animation-delay:.16s}
#content.anim :is(.listing-grid,.contact-grid,.prospect-grid,.resource-grid,.job-grid,.cards,.brief-sections,.tour-grid,.level-grid,.history)>:nth-child(6){animation-delay:.2s}
#content.anim :is(.listing-grid,.contact-grid,.prospect-grid,.resource-grid,.job-grid,.cards,.brief-sections,.tour-grid,.level-grid,.history)>:nth-child(n+7){animation-delay:.24s}
#content.anim :is(.set-card,.profile-card,.card-section,.resource-group){animation:cardIn .5s cubic-bezier(.2,.8,.2,1) both}
.listing-card,.contact-card,.prospect-card,.resource-card,.job-card{transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .2s ease,box-shadow .25s ease}
.listing-card:hover,.contact-card:hover,.prospect-card:hover,.job-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px -24px rgba(0,0,0,.55)}
#nav button{transition:background-color .2s ease,color .2s ease,transform .15s ease}
#nav button:active{transform:scale(.98)}
#toast.show{animation:toastIn .45s cubic-bezier(.2,1.2,.3,1) both}
}
@keyframes vtOut{to{opacity:0;transform:translateY(-6px)}}
@keyframes vtIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes cardIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
@keyframes toastIn{from{opacity:0;transform:translate(-50%,16px) scale(.96)}to{opacity:1}}

/* Design premium (30/10) : aucun liseré de couleur sur les bords des cartes, des encadrés, des titres ou du menu.
   La couleur ne vit plus que dans les pastilles, les avatars et les puces de source ; les séparateurs sont pleins et discrets,
   et les cartes du thème sombre gagnent une matière légère (reflet d'un pixel, dégradé à peine visible). */
.lead-card::before,.pile-card::before,.contact-card::before,.listing-card::before,.metric::before,.job-card::before,.resource-thumb::after,nav button.active::before{content:none!important}
.lead-card,.lead-card[class],.prospect-card,.prospect-card[class]{border-top:1px solid var(--line)!important}
.import-note,.prospect-why{border-left:0!important}
.import-note{border:1px solid var(--line)}
.history-item{border-left-width:1px!important;border-left-color:var(--line)!important}
.resource-group .section-title{border-bottom:1px solid var(--line)!important}
.contact-lines,.listing-people{border-top-style:solid!important;border-top-color:var(--line)!important}
.metric span::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin:0 8px 1px 0;background:var(--line-strong);vertical-align:middle}
.metric.terra span::before{background:var(--warn,#f5d90a)}
.metric.blue span::before{background:#60a5fa}
.metric.green span::before{background:var(--go,#22c55e)}
:root:not([data-theme=light]) :is(.lead-card,.pile-card,.contact-card,.listing-card,.prospect-card,.metric,.resource-card,.set-card,.profile-card,.refresh-bar,.tour-mod,.brief-block,.job-card,.import-note,.level-card){background-image:linear-gradient(180deg,rgba(255,255,255,.025),transparent 46%);box-shadow:inset 0 1px 0 rgba(255,255,255,.045)}

/* ==========================================================================================
   Thème « Verre » (30/10, d'après les références de Johann) : fond en dégradé doux, panneaux de verre dépoli qui flottent,
   cartes blanches translucides aux ombres larges, pilules et boutons ronds, beaucoup d'air. Aucun liseré.
   Tout est préfixé :root:is([data-theme=verre],[data-theme=dark]) : les thèmes Sombre et Clair ne bougent pas.
   ========================================================================================== */
:root[data-theme=verre]{--bg:transparent;--paper:#e8ebf2;--surface:rgba(255,255,255,.74);--surface-2:rgba(255,255,255,.55);--surface-3:rgba(255,255,255,.9);--line:rgba(22,28,45,.08);--line-strong:rgba(22,28,45,.14);--ink:#14161b;--ink-2:#2a2f3a;--muted:#556074;--violet:#6d5efc;--violet-2:#7b6dff;--violet-soft:rgba(109,94,252,.12);--lavender:#5847e0;--go:#16a34a;--warn:#d97706;--ember:#6d5efc;--ember-soft:rgba(109,94,252,.12);--green:#16a34a;--sage:#5847e0;--terra:#c2410c;
 --glass:rgba(255,255,255,.64);--glass-strong:rgba(255,255,255,.86);--glass-edge:rgba(255,255,255,.85);--glass-blur:blur(22px) saturate(150%);
 --float:0 1px 0 rgba(255,255,255,.95) inset,0 0 0 1px rgba(22,28,45,.05),0 22px 44px -28px rgba(28,38,70,.42),0 3px 8px -4px rgba(28,38,70,.1);--float-hover:0 1px 0 rgba(255,255,255,.95) inset,0 0 0 1px rgba(22,28,45,.06),0 30px 56px -28px rgba(28,38,70,.5),0 6px 14px -6px rgba(28,38,70,.14);
 --tile:rgba(255,255,255,.92);--chip:rgba(22,28,45,.06);--ink-3:#454d5e;--spot-rgb:109 94 252;--spot-max:.1;--spot-edge:rgba(109,94,252,.55);--shine:rgba(255,255,255,.3);
 --radius:22px;color-scheme:light;color:var(--ink);
 background:radial-gradient(1100px 760px at 6% -8%,#d6dff5 0%,transparent 62%),radial-gradient(900px 700px at 96% 4%,#ecdcf1 0%,transparent 58%),radial-gradient(1000px 820px at 70% 108%,#d3e9e1 0%,transparent 60%),radial-gradient(700px 600px at 20% 96%,#f3e3d4 0%,transparent 60%),#e8ebf2 fixed;background-attachment:fixed}
:root:is([data-theme=verre],[data-theme=dark]) body{background:transparent;color:var(--ink)}
/* Surfaces de verre : cartes, encadrés, panneaux. */
:root:is([data-theme=verre],[data-theme=dark]) :is(.lead-card,.pile-card,.contact-card,.listing-card,.prospect-card,.resource-card,.job-card,.brief-block,.brief-agenda,.set-card,.profile-card,.profile-head,.refresh-bar,.focus-banner,.import-note,.empty,.reply-row,.document,.cv-version,.level-card,.brief-head){background:var(--glass-strong);background-image:none;border:1px solid var(--glass-edge);border-radius:22px;box-shadow:var(--float);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--ink)}
:root:is([data-theme=verre],[data-theme=dark]) :is(.lead-card,.contact-card,.listing-card,.prospect-card,.resource-card,.job-card,.level-card){transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease}
:root:is([data-theme=verre],[data-theme=dark]) :is(.lead-card,.contact-card,.listing-card,.prospect-card,.resource-card,.job-card):hover{transform:translateY(-4px);box-shadow:var(--float-hover)}
:root:is([data-theme=verre],[data-theme=dark]) :is(.muted,.section-title p,.page-heading p,#page-description,.side-caption,.nav-caption){color:var(--muted)}
:root:is([data-theme=verre],[data-theme=dark]) :is(.section-title,.page-heading,.contact-lines,.listing-people,.h-row,.history-item){border-color:var(--line)!important}
/* Menu : panneau de verre qui flotte à gauche. */
:root:is([data-theme=verre],[data-theme=dark]) .sidebar{top:14px;bottom:14px;left:14px;width:226px;height:auto;border-radius:28px;background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-edge);box-shadow:var(--float);color:var(--ink-2)}
:root:is([data-theme=verre],[data-theme=dark]) main{margin-left:254px;background:transparent}
:root:is([data-theme=verre],[data-theme=dark]) .brand{color:var(--ink)}
:root:is([data-theme=verre],[data-theme=dark]) .side-caption,:root:is([data-theme=verre],[data-theme=dark]) .nav-caption{color:#8a93a6;letter-spacing:.08em}
:root:is([data-theme=verre],[data-theme=dark]) nav button{color:#3d4454;border-radius:14px;transition:background-color .2s ease,box-shadow .2s ease,color .2s ease}
:root:is([data-theme=verre],[data-theme=dark]) nav button .nav-icon{color:#5b6475;opacity:1}
:root:is([data-theme=verre],[data-theme=dark]) nav button:hover{background:rgba(255,255,255,.55);color:var(--ink)}
:root:is([data-theme=verre],[data-theme=dark]) nav button.active{background:#fff;color:var(--ink);box-shadow:0 1px 0 #fff inset,0 10px 24px -14px rgba(28,38,70,.4),0 2px 4px -2px rgba(28,38,70,.08)}
:root:is([data-theme=verre],[data-theme=dark]) nav button.active .nav-icon{color:var(--ink)}
:root:is([data-theme=verre],[data-theme=dark]) nav button b{background:rgba(22,28,45,.06);color:#3d4454;border-radius:999px}
:root:is([data-theme=verre],[data-theme=dark]) nav button.active b,:root:is([data-theme=verre],[data-theme=dark]) #count-today:not(:empty){background:#fdecc8;color:#8a4b00}
:root:is([data-theme=verre],[data-theme=dark]) .sidebar-bottom{border-top-color:var(--line);color:var(--muted)}
:root:is([data-theme=verre],[data-theme=dark]) .sidebar-bottom :is(.subtle,.file-label,button){color:#4b5262}
:root:is([data-theme=verre],[data-theme=dark]) .connection-dot{background:var(--go)}
/* Haut de page et titres. */
:root:is([data-theme=verre],[data-theme=dark]) .topbar{background:transparent;border-bottom:0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--muted)}
:root:is([data-theme=verre],[data-theme=dark]) .topbar b,:root:is([data-theme=verre],[data-theme=dark]) #crumb{color:var(--ink)}
:root:is([data-theme=verre],[data-theme=dark]) h1,:root:is([data-theme=verre],[data-theme=dark]) #page-title{color:var(--ink);letter-spacing:-.03em;font-weight:700}
:root:is([data-theme=verre],[data-theme=dark]) #page-title span,:root:is([data-theme=verre],[data-theme=dark]) .eyebrow{color:#7b8496}
:root:is([data-theme=verre],[data-theme=dark]) .page-heading{border-bottom:0}
:root:is([data-theme=verre],[data-theme=dark]) .section-title{border-bottom:0}
:root:is([data-theme=verre],[data-theme=dark]) h2,:root:is([data-theme=verre],[data-theme=dark]) h3{color:var(--ink)}
/* Boutons : pilule noire pour l'action principale, pilule de verre pour le reste, ronds pour les icônes. */
:root:is([data-theme=verre],[data-theme=dark]) .primary{background:#15171c;color:#fff;border-radius:999px;border:0;box-shadow:0 12px 26px -14px rgba(10,12,20,.6),0 1px 0 rgba(255,255,255,.12) inset;transition:transform .15s ease,box-shadow .2s ease,background-color .2s ease}
:root:is([data-theme=verre],[data-theme=dark]) .primary:hover{background:#000;transform:translateY(-1px);box-shadow:0 16px 30px -14px rgba(10,12,20,.7)}
:root:is([data-theme=verre],[data-theme=dark]) .primary:disabled{background:#8b90a0;box-shadow:none}
:root:is([data-theme=verre],[data-theme=dark]) .secondary{background:rgba(255,255,255,.72);color:var(--ink);border:1px solid rgba(255,255,255,.95);border-radius:999px;box-shadow:0 6px 16px -12px rgba(28,38,70,.35)}
:root:is([data-theme=verre],[data-theme=dark]) .secondary:hover{background:#fff}
:root:is([data-theme=verre],[data-theme=dark]) .text-button{color:var(--ink);text-decoration-color:rgba(22,28,45,.25)}
:root:is([data-theme=verre],[data-theme=dark]) .icon-button{background:rgba(255,255,255,.8);border:1px solid #fff;border-radius:50%;color:var(--ink);box-shadow:0 8px 18px -12px rgba(28,38,70,.4)}
/* Champs : pilules de verre. */
:root:is([data-theme=verre],[data-theme=dark]) :is(.search-wrap input,.toolbar select,.listing-filters select,.form-grid input,.form-grid select,.form-grid textarea,.key-row input,#resource-search,.login input){background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.95);color:var(--ink);border-radius:16px;box-shadow:0 1px 2px rgba(28,38,70,.06) inset,0 8px 20px -18px rgba(28,38,70,.35)}
:root:is([data-theme=verre],[data-theme=dark]) :is(.search-wrap input,.toolbar select,.listing-filters select,#resource-search){border-radius:999px}
:root:is([data-theme=verre],[data-theme=dark]) :is(.search-wrap input,.form-grid input,.form-grid select,.form-grid textarea,.key-row input,.toolbar select,.listing-filters select):focus{border-color:#fff;box-shadow:0 0 0 4px var(--violet-soft),0 8px 20px -18px rgba(28,38,70,.35);outline:0}
:root:is([data-theme=verre],[data-theme=dark]) ::placeholder{color:#98a0b0}
/* Pastilles d'état : couleurs pastel, en pilule. */
:root:is([data-theme=verre],[data-theme=dark]) .badge{background:#fdecc8;color:#8a4b00;border-radius:999px}
:root:is([data-theme=verre],[data-theme=dark]) .badge.waiting{background:#dfeaff;color:#1d4ed8}
:root:is([data-theme=verre],[data-theme=dark]) .badge.meeting{background:#dcf5e5;color:#15803d}
:root:is([data-theme=verre],[data-theme=dark]) .badge.explore{background:#ece9ff;color:#5b3fd9}
:root:is([data-theme=verre],[data-theme=dark]) :is(.badge.closed,.badge.paused){background:#eef0f4;color:#64748b}
:root:is([data-theme=verre],[data-theme=dark]) :is(.src-chip,.origin-chip,.seg-chip,.channel-tag,.listing-status,.brief-tag,.tag){border-radius:999px}
/* Chiffres du jour : carte blanche avec une encoche ronde où se pose la flèche (forme découpée, pas un simple rectangle). */
:root:is([data-theme=verre],[data-theme=dark]) .metric{background:transparent;border:0;box-shadow:none;border-radius:24px;isolation:isolate;filter:drop-shadow(0 16px 22px rgba(28,38,70,.12)) drop-shadow(0 2px 3px rgba(28,38,70,.05));transition:transform .25s cubic-bezier(.2,.8,.2,1)}
:root:is([data-theme=verre],[data-theme=dark]) .metric::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:24px;background:linear-gradient(180deg,#fff,rgba(255,255,255,.86));-webkit-mask:radial-gradient(circle 27px at calc(100% - 33px) calc(100% - 33px),#0000 26px,#000 27px);mask:radial-gradient(circle 27px at calc(100% - 33px) calc(100% - 33px),#0000 26px,#000 27px)}
:root:is([data-theme=verre],[data-theme=dark]) .metric:hover{transform:translateY(-3px)}
:root:is([data-theme=verre],[data-theme=dark]) .metric i{right:12px;bottom:12px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.88);color:var(--ink);font-size:16px;box-shadow:0 8px 18px -10px rgba(28,38,70,.45)}
:root:is([data-theme=verre],[data-theme=dark]) .metric strong{color:var(--ink);font-weight:600;letter-spacing:-.03em}
:root:is([data-theme=verre],[data-theme=dark]) .metric span{color:var(--muted)}
/* Tour du matin : carte à onglet (comme un dossier), tuiles blanches qui flottent dedans. */
:root:is([data-theme=verre],[data-theme=dark]) .tour-card{--tab:216px;--tab-h:34px;margin-top:calc(var(--tab-h) + 22px);padding:22px 24px 20px;overflow:visible;isolation:isolate;background:transparent;border:0;border-radius:0 26px 26px 26px;box-shadow:0 22px 44px -30px rgba(28,38,70,.38),0 3px 8px -4px rgba(28,38,70,.08)}
:root:is([data-theme=verre],[data-theme=dark]) .tour-card::before{content:none}
:root:is([data-theme=verre],[data-theme=dark]) .tour-card::after{content:"";position:absolute;inset:calc(var(--tab-h) * -1) 0 0;z-index:-1;border-radius:20px 0 26px 26px;background:linear-gradient(180deg,rgba(255,255,255,.74),rgba(255,255,255,.6));-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);
 -webkit-mask:linear-gradient(#000 0 0) 0 var(--tab-h)/calc(100% - 26px) 26px no-repeat,linear-gradient(#000 0 0) 0 calc(var(--tab-h) + 26px)/100% calc(100% - var(--tab-h) - 26px) no-repeat,radial-gradient(circle at 0 100%,#000 25.5px,#0000 26px) right 0 top var(--tab-h)/26px 26px no-repeat,linear-gradient(#000 0 0) 0 0/calc(var(--tab) - 20px) var(--tab-h) no-repeat,linear-gradient(#000 0 0) calc(var(--tab) - 20px) 20px/20px calc(var(--tab-h) - 20px) no-repeat,radial-gradient(circle at 0 100%,#000 19.5px,#0000 20px) calc(var(--tab) - 20px) 0/20px 20px no-repeat,radial-gradient(circle at 100% 0,#0000 17.5px,#000 18px) var(--tab) calc(var(--tab-h) - 18px)/18px 18px no-repeat;
 mask:linear-gradient(#000 0 0) 0 var(--tab-h)/calc(100% - 26px) 26px no-repeat,linear-gradient(#000 0 0) 0 calc(var(--tab-h) + 26px)/100% calc(100% - var(--tab-h) - 26px) no-repeat,radial-gradient(circle at 0 100%,#000 25.5px,#0000 26px) right 0 top var(--tab-h)/26px 26px no-repeat,linear-gradient(#000 0 0) 0 0/calc(var(--tab) - 20px) var(--tab-h) no-repeat,linear-gradient(#000 0 0) calc(var(--tab) - 20px) 20px/20px calc(var(--tab-h) - 20px) no-repeat,radial-gradient(circle at 0 100%,#000 19.5px,#0000 20px) calc(var(--tab) - 20px) 0/20px 20px no-repeat,radial-gradient(circle at 100% 0,#0000 17.5px,#000 18px) var(--tab) calc(var(--tab-h) - 18px)/18px 18px no-repeat}
:root:is([data-theme=verre],[data-theme=dark]) .tour-card .tour-head{position:static}
:root:is([data-theme=verre],[data-theme=dark]) .tour-card .tour-head .eyebrow{position:absolute;top:calc(var(--tab-h) * -1);left:0;height:var(--tab-h);margin:0;padding-left:22px;white-space:nowrap;color:#5b6475}
:root:is([data-theme=verre],[data-theme=dark]) .tour-mod{background:rgba(255,255,255,.9);border:1px solid #fff;border-radius:18px;box-shadow:0 14px 30px -24px rgba(28,38,70,.45);color:var(--ink)}
:root:is([data-theme=verre],[data-theme=dark]) .tour-mod:hover{transform:translateY(-3px);box-shadow:0 22px 40px -26px rgba(28,38,70,.5)}
:root:is([data-theme=verre],[data-theme=dark]) .tour-mod.s-live{border-color:#fff;box-shadow:0 0 0 3px var(--violet-soft),0 14px 30px -24px rgba(28,38,70,.45)}
:root:is([data-theme=verre],[data-theme=dark]) .tour-foot{color:var(--muted)}
/* Bandeau Actualiser : pilule de verre ; en cours, un halo lilas discret. */
:root:is([data-theme=verre],[data-theme=dark]) .refresh-bar{border-radius:24px}
:root:is([data-theme=verre],[data-theme=dark]) .refresh-bar.off{background:rgba(255,255,255,.45);border:1px dashed rgba(22,28,45,.14);box-shadow:none}
:root:is([data-theme=verre],[data-theme=dark]) .refresh-bar.live{border-color:#fff;box-shadow:0 0 0 4px var(--violet-soft),var(--float)}
:root:is([data-theme=verre],[data-theme=dark]) .rb-ico{background:rgba(22,28,45,.05)}
:root:is([data-theme=verre],[data-theme=dark]) .rb-progress{background:rgba(22,28,45,.06)}
/* Réglages : interrupteurs et cartes de niveau. */
:root:is([data-theme=verre],[data-theme=dark]) .switch-ui{background:rgba(22,28,45,.16)}
:root:is([data-theme=verre],[data-theme=dark]) .switch input:checked+.switch-ui{background:#15171c}
:root:is([data-theme=verre],[data-theme=dark]) .level-card:has(input:checked){border-color:#fff;box-shadow:0 0 0 3px var(--violet-soft),var(--float)}
:root:is([data-theme=verre],[data-theme=dark]) .spend-meter i,:root:is([data-theme=verre],[data-theme=dark]) .profile-meter i{background:rgba(22,28,45,.07)}
/* Fenêtres, message, connexion. */
:root:is([data-theme=verre],[data-theme=dark]) dialog{background:rgba(255,255,255,.9);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid #fff;border-radius:28px;box-shadow:0 40px 90px -40px rgba(20,28,55,.55);color:var(--ink)}
:root:is([data-theme=verre],[data-theme=dark]) dialog::backdrop{background:rgba(30,38,60,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
:root:is([data-theme=verre],[data-theme=dark]) #toast{background:#15171c;color:#fff;border:0;border-radius:999px;box-shadow:0 18px 40px -18px rgba(10,12,20,.6)}
:root:is([data-theme=verre],[data-theme=dark]) .login{background:transparent}
:root:is([data-theme=verre],[data-theme=dark]) .login-card{background:rgba(255,255,255,.66);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid #fff;border-radius:30px;box-shadow:var(--float-hover);color:var(--ink)}
:root:is([data-theme=verre],[data-theme=dark]) .login-foot{color:var(--muted)}
/* Piles de cartes : couches de verre décalées. */
:root:is([data-theme=verre],[data-theme=dark]) .pile-card{background:rgba(255,255,255,.82)}
:root:is([data-theme=verre],[data-theme=dark]) .pile:hover .pile-card.l0{border-color:#fff;box-shadow:var(--float-hover)}
/* Section HOLYPROD : garde son orange, mais sur le fond de verre. */
:root:is([data-theme=verre],[data-theme=dark]) body.hp main{--bg:transparent;--paper:#edf0f5;--surface:rgba(255,255,255,.74);--surface-2:rgba(255,255,255,.55);--line:rgba(22,28,45,.08);--line-strong:rgba(22,28,45,.14);background:transparent}
/* Petits écrans : le menu redevient un tiroir. */
@media(max-width:1200px){:root:is([data-theme=verre],[data-theme=dark]) .sidebar{width:200px}:root:is([data-theme=verre],[data-theme=dark]) main{margin-left:228px}}
@media(max-width:760px){:root:is([data-theme=verre],[data-theme=dark]) .sidebar{top:10px;bottom:10px;left:10px;width:238px}:root:is([data-theme=verre],[data-theme=dark]) main{margin-left:0}}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:root:is([data-theme=verre],[data-theme=dark]) :is(.sidebar,.lead-card,.listing-card,.contact-card,.set-card,.refresh-bar,dialog){background:rgba(255,255,255,.93)}}
/* Choix du thème : trois pastilles en bas du menu, pour tous les thèmes. */
.theme-picker{display:flex;gap:2px;padding:3px;margin:12px 0 4px;border-radius:999px;background:rgba(127,127,127,.14)}
.theme-picker button{flex:1;border:0;background:transparent;color:inherit;font:inherit;font-size:11px;padding:6px 0;border-radius:999px;cursor:pointer;opacity:.7;transition:background-color .2s ease,opacity .2s ease}
.theme-picker button:hover{opacity:1}
.theme-picker button[aria-checked=true]{opacity:1;background:var(--surface-3,#333);color:var(--ink);box-shadow:0 2px 6px -2px rgba(0,0,0,.25)}
:root:is([data-theme=verre],[data-theme=dark]) .theme-picker{background:rgba(22,28,45,.06)}
:root:is([data-theme=verre],[data-theme=dark]) .theme-picker button[aria-checked=true]{background:#fff}
:root:is([data-theme=verre],[data-theme=dark]) .sidebar{scrollbar-width:thin;scrollbar-color:rgba(22,28,45,.16) transparent}
:root:is([data-theme=verre],[data-theme=dark]) .profile-save{bottom:14px;background:rgba(255,255,255,.72);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid #fff;border-radius:22px;padding:10px 12px 10px 20px;box-shadow:var(--float);margin-top:8px}
@media(max-width:760px){:root:is([data-theme=verre],[data-theme=dark]) .sidebar{transform:translateX(calc(-100% - 24px))}:root:is([data-theme=verre],[data-theme=dark]) .menu-open .sidebar{transform:translateX(0)}}
:root:is([data-theme=verre],[data-theme=dark]) .login .primary,:root:is([data-theme=verre],[data-theme=dark]) .login-card .primary{background:#15171c;color:#fff;border-radius:999px}
:root:is([data-theme=verre],[data-theme=dark]) .login .brandmark{box-shadow:0 14px 28px -16px rgba(109,94,252,.7)}

/* Pas d'emoji : icônes au trait dans les boutons, pastilles dans le suivi en direct (30/10, demande de Johann). */
.btn-icon{width:15px;height:15px;flex:none}
.rb-go,.tour-go{gap:8px}
.rb-ico{width:7px;height:7px;border-radius:50%;background:var(--line-strong);margin:0 4px;align-self:center}
.rb-feed li.latest .rb-ico{background:var(--violet-2,#8467ff);box-shadow:0 0 0 3px var(--violet-soft,rgba(110,76,246,.18))}
.rb-feed li.k-done .rb-ico{background:var(--go,#22c55e)}
.rb-feed li.k-error .rb-ico{background:var(--terra,#c66b49)}
.rb-feed li.k-note{font-style:italic}
.empty span .nav-icon{width:22px;height:22px}
.listing-status{display:inline-flex;align-items:center;gap:6px}
.st-dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.8;flex:none}

/* Icônes Heroicons partout (30/10) : même trait, même famille ; taille calée sur le texte. */
.hi{width:1em;height:1em;flex:none;vertical-align:-.14em}
.brandmark .hi{width:58%;height:58%;vertical-align:0}
.metric i .hi,.focus-icon .hi{width:18px;height:18px;vertical-align:0}
.search-wrap span .hi{width:16px;height:16px;vertical-align:-.2em}
.icon-button .hi,#mobile-menu .hi{width:20px;height:20px;vertical-align:-.25em}
.channel-icon .hi,.channel-tag .hi{width:12px;height:12px;vertical-align:-.12em}

/* Pertinence : trois pastilles dessinées (plus de caractère « ● »). */
.fit{display:inline-flex;gap:4px;align-items:center;letter-spacing:0}
.fit b,.fit i{display:block;width:7px;height:7px;border-radius:50%;background:var(--violet-2,#8467ff)}
.fit i{background:var(--line-strong)}

/* Messagerie du point du matin (Réglages) : aides discrètes sous les champs, résultat du test en pastille, pas de liseré. */
.field-help{display:block;margin-top:2px;font-size:11.5px;font-weight:400;line-height:1.55;color:var(--muted)}
.field-help a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.field-help .text-button{font-size:11.5px;padding:0;margin-left:4px}
.mail-actions{margin-top:16px}
.mail-result{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:14px 0 0;padding:12px 16px;border-radius:14px;font-size:12.5px;line-height:1.55;background:var(--surface-2)}
.mail-result small{color:var(--muted)}
.mail-result.ok{background:color-mix(in srgb,var(--go,#16a34a) 12%,transparent)}
.mail-result.warn{background:color-mix(in srgb,var(--warn,#d97706) 14%,transparent)}
.mc-hint{margin:0;font-size:12px;color:var(--muted)}
:root:is([data-theme=verre],[data-theme=dark]) .mail-result.ok{background:#e3f6ea;color:#14532d}
:root:is([data-theme=verre],[data-theme=dark]) .mail-result.warn{background:#fdf0d8;color:#7c3d06}
/* Propositions de réponse du point du matin : les paragraphes du brouillon restent visibles. */
.brief-item-main p{white-space:pre-line}

/* ==========================================================================================
   Clair et Sombre (31/10) : une seule mise en page, celle du Verre (verre dépoli, cartes qui flottent, encoches, onglet),
   en deux matières. Clair = data-theme=verre, Sombre = data-theme=dark (verre fumé) ; l'ancien thème clair n'est plus proposé.
   Les règles du Verre sont préfixées :root:is([data-theme=verre],[data-theme=dark]) : même poids que les règles d'origine du thème sombre
   et placées après elles, elles l'emportent (les cartes du Verre retrouvent leurs ombres).
   ========================================================================================== */
:root[data-theme=dark]{--bg:transparent;--paper:#0c0d12;--surface:rgba(30,32,42,.78);--surface-2:rgba(255,255,255,.045);--surface-3:rgba(46,49,62,.94);--line:rgba(255,255,255,.08);--line-strong:rgba(255,255,255,.15);--ink:#f3f4f8;--ink-2:#d7dbe4;--ink-3:#b4bac8;--muted:#a1a8b9;--violet:#8b7bff;--violet-2:#9d8fff;--violet-soft:rgba(139,123,255,.18);--lavender:#b2a8ff;--go:#34d399;--warn:#fbbf24;--ember:#8b7bff;--ember-soft:rgba(139,123,255,.18);--green:#34d399;--sage:#b2a8ff;--terra:#fb923c;
 --glass:rgba(22,24,32,.72);--glass-strong:rgba(30,32,42,.82);--glass-edge:rgba(255,255,255,.075);--glass-blur:blur(22px) saturate(140%);
 --float:0 1px 0 rgba(255,255,255,.06) inset,0 0 0 1px rgba(255,255,255,.05),0 24px 48px -26px rgba(0,0,0,.85),0 3px 8px -4px rgba(0,0,0,.45);--float-hover:0 1px 0 rgba(255,255,255,.08) inset,0 0 0 1px rgba(255,255,255,.08),0 30px 60px -28px rgba(0,0,0,.9),0 0 44px -18px rgba(139,123,255,.35);
 --tile:rgba(255,255,255,.05);--chip:rgba(255,255,255,.08);--spot-rgb:157 143 255;--spot-max:.14;--spot-edge:rgba(176,166,255,.7);--shine:rgba(139,123,255,.28);
 --radius:22px;color-scheme:dark;color:var(--ink);
 background:radial-gradient(1100px 760px at 6% -8%,#1b2142 0%,transparent 60%),radial-gradient(900px 700px at 96% 4%,#2a1838 0%,transparent 58%),radial-gradient(1000px 820px at 70% 108%,#0f2c28 0%,transparent 60%),radial-gradient(700px 600px at 20% 96%,#26190f 0%,transparent 60%),#0c0d12 fixed;background-attachment:fixed}
:root[data-theme=dark] :is(.side-caption,.nav-caption){color:#7f8799}
:root[data-theme=dark] nav button{color:#c3c8d4}
:root[data-theme=dark] nav button .nav-icon{color:#9aa1b2}
:root[data-theme=dark] nav button:hover{background:rgba(255,255,255,.06);color:var(--ink)}
:root[data-theme=dark] nav button.active{background:rgba(255,255,255,.1);color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.1) inset,0 10px 24px -14px rgba(0,0,0,.8)}
:root[data-theme=dark] nav button.active .nav-icon{color:#fff}
:root[data-theme=dark] nav button b{background:rgba(255,255,255,.08);color:#c3c8d4}
:root[data-theme=dark] nav button.active b,:root[data-theme=dark] #count-today:not(:empty){background:rgba(251,191,36,.18);color:#fcd34d}
:root[data-theme=dark] .sidebar-bottom :is(.subtle,.file-label,button){color:#aab0be}
:root[data-theme=dark] #page-title span,:root[data-theme=dark] .eyebrow{color:#8f97a8}
:root[data-theme=dark] .primary{background:#f3f4f8;color:#0e1014;box-shadow:0 12px 26px -14px rgba(0,0,0,.8),0 1px 0 rgba(255,255,255,.6) inset}
:root[data-theme=dark] .primary:hover{background:#fff;box-shadow:0 16px 34px -14px rgba(139,123,255,.55)}
:root[data-theme=dark] .primary:disabled{background:#5b6070;color:#c8ccd6;box-shadow:none}
:root[data-theme=dark] .secondary{background:rgba(255,255,255,.06);color:var(--ink);border:1px solid rgba(255,255,255,.1);box-shadow:none}
:root[data-theme=dark] .secondary:hover{background:rgba(255,255,255,.11)}
:root[data-theme=dark] .text-button{text-decoration-color:rgba(255,255,255,.25)}
:root[data-theme=dark] .icon-button{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:var(--ink);box-shadow:none}
:root[data-theme=dark] :is(.search-wrap input,.toolbar select,.listing-filters select,.form-grid input,.form-grid select,.form-grid textarea,.key-row input,#resource-search,.login input){background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--ink);box-shadow:none}
:root[data-theme=dark] :is(.search-wrap input,.form-grid input,.form-grid select,.form-grid textarea,.key-row input,.toolbar select,.listing-filters select):focus{border-color:rgba(157,143,255,.6);box-shadow:0 0 0 4px var(--violet-soft)}
:root[data-theme=dark] ::placeholder{color:#7d8496}
:root[data-theme=dark] select option{background:#1c1e27;color:var(--ink)}
:root[data-theme=dark] .badge{background:rgba(251,191,36,.16);color:#fcd34d}
:root[data-theme=dark] .badge.waiting{background:rgba(96,165,250,.16);color:#93c5fd}
:root[data-theme=dark] .badge.meeting{background:rgba(52,211,153,.16);color:#6ee7b7}
:root[data-theme=dark] .badge.explore{background:rgba(157,143,255,.2);color:#c9c2ff}
:root[data-theme=dark] :is(.badge.closed,.badge.paused){background:rgba(148,163,184,.14);color:#cbd5e1}
:root[data-theme=dark] .metric{filter:drop-shadow(0 18px 26px rgba(0,0,0,.55)) drop-shadow(0 2px 3px rgba(0,0,0,.3))}
:root[data-theme=dark] .metric::after{background:linear-gradient(180deg,rgba(46,49,62,.96),rgba(32,34,44,.94))}
:root[data-theme=dark] .metric i{background:rgba(255,255,255,.08);color:var(--ink);box-shadow:0 8px 18px -10px rgba(0,0,0,.7)}
:root[data-theme=dark] .tour-card{box-shadow:0 24px 48px -26px rgba(0,0,0,.85),0 3px 8px -4px rgba(0,0,0,.45)}
:root[data-theme=dark] .tour-card::after{background:linear-gradient(180deg,rgba(38,40,52,.9),rgba(28,30,40,.84))}
:root[data-theme=dark] .tour-card .tour-head .eyebrow{color:#a1a8b9}
:root[data-theme=dark] .tour-mod{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);box-shadow:none;color:var(--ink)}
:root[data-theme=dark] .tour-mod:hover{box-shadow:0 18px 36px -24px rgba(0,0,0,.9)}
:root[data-theme=dark] .tour-mod.s-live{border-color:rgba(157,143,255,.4)}
:root[data-theme=dark] .refresh-bar.off{background:rgba(255,255,255,.03);border:1px dashed rgba(255,255,255,.12)}
:root[data-theme=dark] .refresh-bar.live{border-color:rgba(157,143,255,.4)}
:root[data-theme=dark] :is(.rb-ico,.rb-progress,.spend-meter i,.profile-meter i){background:rgba(255,255,255,.08)}
:root[data-theme=dark] .switch-ui{background:rgba(255,255,255,.16)}
:root[data-theme=dark] .level-card:has(input:checked){border-color:rgba(157,143,255,.5)}
:root[data-theme=dark] dialog{background:rgba(22,24,32,.96);border:1px solid rgba(255,255,255,.08);box-shadow:0 40px 90px -40px rgba(0,0,0,.9)}
:root[data-theme=dark] dialog::backdrop{background:rgba(5,6,10,.55)}
:root[data-theme=dark] #toast{background:#f3f4f8;color:#0e1014}
:root[data-theme=dark] .login-card{background:rgba(26,28,37,.8);border:1px solid rgba(255,255,255,.08)}
:root[data-theme=dark] :is(.login .primary,.login-card .primary){background:#f3f4f8;color:#0e1014}
:root[data-theme=dark] .theme-picker{background:rgba(255,255,255,.06)}
:root[data-theme=dark] .theme-picker button[aria-checked=true]{background:rgba(255,255,255,.14);color:#fff}
:root[data-theme=dark] .sidebar{scrollbar-color:rgba(255,255,255,.16) transparent}
:root[data-theme=dark] .profile-save{background:rgba(22,24,32,.82);border:1px solid rgba(255,255,255,.08)}
:root[data-theme=dark] .mail-result.ok{background:rgba(52,211,153,.14);color:#a7f3d0}
:root[data-theme=dark] .mail-result.warn{background:rgba(251,191,36,.14);color:#fde68a}
:root[data-theme=dark] body.hp main{--paper:#0c0d12;--surface:rgba(30,32,42,.8);--surface-2:rgba(255,255,255,.045);--line:rgba(255,255,255,.08);--line-strong:rgba(255,255,255,.15)}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:root[data-theme=dark] :is(.sidebar,.lead-card,.listing-card,.contact-card,.set-card,.refresh-bar,dialog){background:rgba(26,28,37,.97)}}

/* Finitions communes : en-têtes de résumés avec leur marge, loupe centrée, lecture des textes longs, piles lisibles. */
:root:is([data-theme=verre],[data-theme=dark]) .brief-head{padding:26px 30px 24px}
:root:is([data-theme=verre],[data-theme=dark]) .brief-agenda{padding:20px 22px 10px}
:root:is([data-theme=verre],[data-theme=dark]) .brief-item{padding:16px 24px;gap:20px}
:root:is([data-theme=verre],[data-theme=dark]) .brief-item-main :is(a,b){font-size:15px}
:root:is([data-theme=verre],[data-theme=dark]) .brief-item-main p{color:var(--ink-2);font-size:13.5px;line-height:1.62;max-width:78ch}
:root:is([data-theme=verre],[data-theme=dark]) .search-wrap span{top:50%;transform:translateY(-50%);display:flex;align-items:center;line-height:0}
:root:is([data-theme=verre],[data-theme=dark]) .search-wrap span .hi{vertical-align:0}
:root:is([data-theme=verre],[data-theme=dark]) :is(.lead-card,.lead-card[class],.prospect-card,.prospect-card[class]){border-top:1px solid var(--glass-edge)!important}
:root:is([data-theme=verre],[data-theme=dark]) :is(.set-card,.profile-card){padding:24px 26px;margin-bottom:20px}
:root:is([data-theme=verre],[data-theme=dark]) :is(.card-peek,.job-desc,.resource-card p,.contact-card p,.listing-note,.prospect-why){color:var(--ink-2)}
:root:is([data-theme=verre],[data-theme=dark]) .pile-card{box-shadow:var(--float);background:var(--glass-strong)}
:root:is([data-theme=verre],[data-theme=dark]) .pile-card.l1{background:color-mix(in srgb,var(--glass-strong) 80%,var(--paper))}
:root:is([data-theme=verre],[data-theme=dark]) .pile-card.l2{background:color-mix(in srgb,var(--glass-strong) 62%,var(--paper))}
:root[data-theme=verre] .pile-card.l0{background:rgba(255,255,255,.96)}

/* Mouvement (31/10) : la lumière suit le pointeur sur les cartes et leur bord s'éclaire tout près ; une tuile qui travaille a
   un contour qui tourne ; reflet qui traverse les boutons principaux ; la flèche des chiffres pivote ; la pilule du menu glisse
   d'une page à l'autre ; entrée de page ; le changement de thème se découvre en cercle depuis le bouton cliqué. */
@property --spot-a{syntax:'<number>';inherits:false;initial-value:0}
@property --ang{syntax:'<angle>';inherits:false;initial-value:0deg}
@media(prefers-reduced-motion:no-preference){
:root:is([data-theme=verre],[data-theme=dark]) :is(.lead-card,.listing-card,.contact-card,.prospect-card,.job-card,.resource-card,.brief-block,.set-card,.profile-card,.tour-mod,.level-card){position:relative}
:root:is([data-theme=verre],[data-theme=dark]) :is(.lead-card,.listing-card,.contact-card,.prospect-card,.job-card,.resource-card,.brief-block,.set-card,.profile-card,.tour-mod,.level-card,.pile-card.l0){background-image:radial-gradient(520px circle at var(--mx,50%) var(--my,50%),rgb(var(--spot-rgb) / var(--spot-a)),transparent 46%);transition:--spot-a .45s ease,transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease}
:root:is([data-theme=verre],[data-theme=dark]) :is(.lead-card,.listing-card,.contact-card,.prospect-card,.job-card,.resource-card,.brief-block,.set-card,.profile-card,.tour-mod,.level-card):hover,:root:is([data-theme=verre],[data-theme=dark]) .pile:hover .pile-card.l0{--spot-a:var(--spot-max)}
:root:is([data-theme=verre],[data-theme=dark]) :is(.lead-card,.listing-card,.contact-card,.prospect-card,.job-card,.resource-card,.brief-block,.set-card,.profile-card,.tour-mod,.level-card,.pile-card.l0)::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),var(--spot-edge),transparent 62%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);opacity:0;transition:opacity .35s ease}
:root:is([data-theme=verre],[data-theme=dark]) :is(.lead-card,.listing-card,.contact-card,.prospect-card,.job-card,.resource-card,.brief-block,.set-card,.profile-card,.tour-mod,.level-card):hover::after,:root:is([data-theme=verre],[data-theme=dark]) .pile:hover .pile-card.l0::after{opacity:1}
:root:is([data-theme=verre],[data-theme=dark]) :is(.tour-mod.s-live,.refresh-bar.live){position:relative}
:root:is([data-theme=verre],[data-theme=dark]) :is(.tour-mod.s-live,.refresh-bar.live)::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;opacity:1;background:conic-gradient(from var(--ang),transparent 0 60%,var(--violet) 80%,#7dd3fc 92%,transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:capSpin 2.6s linear infinite}
:root:is([data-theme=verre],[data-theme=dark]) .primary{position:relative;overflow:hidden;isolation:isolate}
:root:is([data-theme=verre],[data-theme=dark]) .primary::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 30%,var(--shine) 50%,transparent 70%);transform:translateX(-130%)}
:root:is([data-theme=verre],[data-theme=dark]) .primary:hover::after{transform:translateX(130%);transition:transform .9s cubic-bezier(.2,.8,.2,1)}
:root:is([data-theme=verre],[data-theme=dark]) .primary:active{transform:scale(.97)}
:root:is([data-theme=verre],[data-theme=dark]) .metric i{transition:transform .4s cubic-bezier(.2,.8,.2,1),background-color .25s ease,color .25s ease}
:root:is([data-theme=verre],[data-theme=dark]) .metric:hover i{transform:rotate(45deg) scale(1.06);background:var(--violet);color:#fff}
:root:is([data-theme=verre],[data-theme=dark]) nav button.active{view-transition-name:navpill}
:root:is([data-theme=verre],[data-theme=dark]) nav button .nav-icon{transition:transform .25s cubic-bezier(.2,.8,.2,1)}
:root:is([data-theme=verre],[data-theme=dark]) nav button:hover .nav-icon{transform:translateX(2px) scale(1.07)}
:root:is([data-theme=verre],[data-theme=dark]) .pile:hover .pile-card.l1{transform:translate(24px,6px) rotate(5deg)}
:root:is([data-theme=verre],[data-theme=dark]) .pile:hover .pile-card.l2{transform:translate(46px,12px) rotate(10deg)}
:root:is([data-theme=verre],[data-theme=dark]) .badge{transition:transform .2s ease}
:root:is([data-theme=verre],[data-theme=dark]) :is(.lead-card,.listing-card,.prospect-card):hover .badge{transform:scale(1.05)}
body.boot .sidebar{animation:sideIn .7s cubic-bezier(.2,.8,.2,1) both}
body.boot .page-heading>div>*{animation:cardIn .7s cubic-bezier(.2,.8,.2,1) both}
body.boot .page-heading>div>:nth-child(2){animation-delay:.07s}
body.boot .page-heading>div>:nth-child(3){animation-delay:.14s}
}
::view-transition-group(navpill){animation-duration:.42s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}
html.vt-theme::view-transition-old(root),html.vt-theme::view-transition-new(root){animation:none;mix-blend-mode:normal}
html.vt-theme main .page,html.vt-theme nav button.active{view-transition-name:none}
@keyframes capSpin{to{--ang:360deg}}
@keyframes sideIn{from{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:none}}
/* Clair : champs et boutons secondaires d'un gris très léger, pour qu'ils se lisent aussi sur les cartes blanches. */
:root[data-theme=verre] :is(.form-grid input,.form-grid select,.form-grid textarea,.key-row input,.profile-card input,.profile-card select,.profile-card textarea){background:#f1f3f8;border:1px solid #e1e5ee;box-shadow:inset 0 1px 2px rgba(22,28,45,.05)}
:root[data-theme=verre] :is(.form-grid input,.form-grid select,.form-grid textarea,.key-row input,.profile-card input,.profile-card select,.profile-card textarea):focus{background:#fff;border-color:#c9c2ff;box-shadow:0 0 0 4px var(--violet-soft)}
:root[data-theme=verre] .secondary{background:#f1f3f8;border:1px solid #e1e5ee;box-shadow:none}
:root[data-theme=verre] .secondary:hover{background:#fff}
/* Résumés : le texte principal garde la place ; un détail long passe sous le texte (voir briefView). */
.brief-item-main{flex:1 1 auto;min-width:0}
.brief-item-side{flex:0 1 auto;max-width:34%}
.brief-item-side small{white-space:normal;line-height:1.45}
.brief-meta{display:block;margin-top:6px;font-size:11.5px;line-height:1.5;color:var(--muted)}

/* Chercher du travail : le vrai logo de chaque site, sur une tuile blanche comme une icône d'application. */
.job-mono.has-logo,.job-card:hover .job-mono.has-logo{background:#fff;padding:8px;box-shadow:0 0 0 1px rgba(22,28,45,.06),0 8px 18px -12px rgba(22,28,45,.4)}
.job-mono.has-logo img{display:block;width:100%;height:100%;object-fit:contain;border-radius:8px}
@media(prefers-reduced-motion:no-preference){.job-mono.has-logo{transition:transform .35s cubic-bezier(.2,.8,.2,1)}.job-card:hover .job-mono.has-logo{transform:rotate(-6deg) scale(1.06)}}

/* Échanges importés : onglets de source, mois en étiquettes qui restent visibles, lignes d'échange aérées. */
.ex-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:5px;border-radius:999px;background:var(--chip,rgba(127,127,127,.12));width:fit-content;max-width:100%;margin:0 0 8px}
.ex-tab{display:inline-flex;align-items:center;gap:7px;padding:8px 15px;border-radius:999px;background:transparent;color:var(--ink-2,var(--ink));font-size:13px;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}
.ex-tab small{font-size:11px;font-weight:700;color:var(--muted);margin-left:2px}
.ex-tab .hi{width:14px;height:14px}
.ex-tab:hover{color:var(--ink)}
.ex-tab.on{background:var(--tile,#fff);color:var(--ink);box-shadow:0 8px 20px -12px rgba(0,0,0,.45)}
.ex-list{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.ex-row{min-width:0}
.ex-month{position:sticky;top:84px;z-index:3;margin:22px 0 4px;pointer-events:none}
.ex-month span{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--ink);background:var(--glass,var(--surface));-webkit-backdrop-filter:var(--glass-blur,blur(12px));backdrop-filter:var(--glass-blur,blur(12px));box-shadow:var(--float,0 6px 16px -10px rgba(0,0,0,.4))}
.ex-month small{font-size:11px;color:var(--muted)}
.ex-row{display:flex;gap:14px;align-items:flex-start;padding:16px 20px;border-radius:18px;background:var(--glass-strong,var(--surface));box-shadow:var(--float,none);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease}
.ex-row:hover{transform:translateY(-2px);box-shadow:var(--float-hover,none)}
.ex-ico{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--chip,rgba(127,127,127,.12));color:var(--ink-2,var(--ink))}
.ex-ico .hi{width:16px;height:16px}
.ex-ico.ch-linkedin{background:rgba(10,102,194,.14);color:#2a7fd4}
.ex-ico.ch-email{background:rgba(109,94,252,.14);color:var(--violet,#6d5efc)}
.ex-ico.ch-whatsapp{background:rgba(37,211,102,.16);color:#1faa55}
.ex-main{flex:1;min-width:0}
.ex-top{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.ex-top b{font-size:15px;font-weight:650;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ex-when{flex:none;font-size:12px;color:var(--muted)}
.ex-from{margin:3px 0 0;font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ex-dir{display:inline-block;margin-right:8px;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:700;background:var(--chip,rgba(127,127,127,.12));color:var(--ink-2,var(--ink))}
.ex-dir.d-sent{background:rgba(109,94,252,.14);color:var(--violet,#6d5efc)}
.ex-dir.d-summary{background:rgba(245,158,11,.16);color:#b45309}
.ex-snippet{margin:8px 0 0;font-size:13.5px;line-height:1.55;color:var(--ink-2,var(--ink));display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ex-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;align-items:center;font-size:12px}
.ex-more{display:flex;align-items:center;gap:10px;margin:24px auto 0}
.ex-more small{font-size:11px;color:var(--muted)}
:root[data-theme=dark] .ex-dir.d-summary{color:#fcd34d}
@media(max-width:760px){.ex-month{top:64px}.ex-top{flex-direction:column;gap:2px}.ex-top b{white-space:normal}}

/* Démo : une pastille discrète en haut de page rappelle que les données sont fictives. */
.demo-badge{display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;background:rgba(245,158,11,.16);color:#b45309;font-size:11px;font-weight:700;letter-spacing:.02em;margin-left:auto;margin-right:16px}
:root[data-theme=dark] .demo-badge{color:#fcd34d}

/* Photos des contacts : l'avatar devient un bouton ; au survol, un appareil photo propose d'ajouter ou de changer la photo. */
button.contact-avatar{position:relative;border:0;padding:0;cursor:pointer;font:inherit}
.contact-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.contact-card.has-photo .contact-avatar{place-items:center;box-shadow:0 0 0 2px var(--glass-edge,#fff),0 8px 18px -10px rgba(0,0,0,.45)}
.avatar-cam{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;background:rgba(15,17,22,.55);color:#fff;opacity:0;transition:opacity .2s ease}
.avatar-cam .hi{width:18px;height:18px}
button.contact-avatar:hover .avatar-cam,button.contact-avatar:focus-visible .avatar-cam{opacity:1}
.contact-foot{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px}
.contact-foot .photo-remove{color:var(--muted)}

/* Contacts : astuce de dépôt, logo d'entreprise (en pastille sur une personne, en entier pour un service), fiche qui reçoit une image. */
.contact-tip{display:flex;align-items:center;gap:10px;margin:0 0 18px;padding:10px 16px;border-radius:999px;width:fit-content;max-width:100%;font-size:12.5px;color:var(--ink-2,var(--ink));background:var(--chip,rgba(127,127,127,.12))}
.contact-tip .hi{width:16px;height:16px;flex:none;color:var(--violet,#6d5efc)}
.avatar-wrap{position:relative;flex:none;display:inline-flex}
.co-logo{position:absolute;right:-5px;bottom:-5px;width:24px;height:24px;border-radius:50%;padding:3px;object-fit:contain;background:#fff;box-shadow:0 0 0 2px var(--glass-strong,#fff),0 4px 10px -4px rgba(0,0,0,.45)}
.contact-avatar .co-logo.full{inset:0;right:auto;bottom:auto;width:100%;height:100%;padding:9px;box-shadow:none}
.contact-card.drop-ok{outline:2px dashed var(--violet,#6d5efc);outline-offset:4px}

/* Ressources : vignette animée de la démo HOLYCAP, une mini-interface au thème Clair qui vit (aucune image). */
.thumb-holycap{position:absolute;inset:0;display:block;overflow:hidden;background:radial-gradient(120% 90% at 0% 0%,#d6dff5,transparent 60%),radial-gradient(90% 80% at 100% 0%,#ecdcf1,transparent 58%),radial-gradient(100% 90% at 70% 110%,#d3e9e1,transparent 60%),#e8ebf2}
.hc-side{position:absolute;left:4%;top:8%;bottom:8%;width:17%;border-radius:12px;background:rgba(255,255,255,.72);box-shadow:0 10px 24px -16px rgba(28,38,70,.5);display:flex;flex-direction:column;gap:7%;padding:9% 2.4%}
.hc-side i{display:block;height:5%;border-radius:999px;background:rgba(22,28,45,.12)}
.hc-side i:first-child{width:62%;height:9%;border-radius:4px;background:#6d5efc}
.hc-side i:nth-child(2){background:#fff;box-shadow:0 4px 10px -6px rgba(28,38,70,.5)}
.hc-main{position:absolute;left:25%;right:4%;top:8%;bottom:8%}
.hc-title{display:block;margin:1% 0 5%;font:800 clamp(9px,1.25vw,14px)/1 var(--display,inherit);letter-spacing:-.02em;color:#14161b}
.hc-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:4%;height:22%}
.hc-metrics b{display:flex;align-items:flex-end;padding:0 0 7% 10%;border-radius:8px;background:#fff;font:700 clamp(8px,1vw,12px)/1 var(--display,inherit);color:#14161b;box-shadow:0 8px 16px -12px rgba(28,38,70,.55)}
.hc-tour{position:absolute;left:0;right:0;bottom:0;height:56%;border-radius:0 10px 10px 10px;background:rgba(255,255,255,.74);box-shadow:0 14px 26px -18px rgba(28,38,70,.55);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.hc-tab{position:absolute;left:0;bottom:100%;width:34%;height:14%;border-radius:8px 8px 0 0;background:rgba(255,255,255,.74)}
.hc-tiles{position:absolute;inset:18% 6% 14%;display:grid;grid-template-columns:repeat(3,1fr);gap:6%}
.hc-tiles i{position:relative;border-radius:7px;background:#fff;box-shadow:0 6px 12px -10px rgba(28,38,70,.6)}
.hc-tiles i::before{content:"";position:absolute;left:12%;top:18%;width:7px;height:7px;border-radius:50%;background:#16a34a}
.hc-tiles i.live::before{background:#6d5efc}
.hc-tiles i.live::after{content:"";position:absolute;inset:-1.5px;border-radius:8px;padding:1.5px;background:conic-gradient(from var(--ang),transparent 0 60%,#6d5efc 80%,#7dd3fc 92%,transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.hc-cursor{position:absolute;left:62%;top:70%;width:11px;height:11px;border-radius:50%;background:#15171c;box-shadow:0 0 0 3px rgba(255,255,255,.9),0 6px 12px -4px rgba(0,0,0,.4)}
.thumb-holycap::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);transform:translateX(-120%);pointer-events:none}
.resource-card:hover .thumb-holycap .hc-tour{transform:translateY(-3px)}
@media(prefers-reduced-motion:no-preference){
.hc-metrics b{animation:hcFloat 4s ease-in-out infinite}
.hc-metrics b:nth-child(2){animation-delay:.3s}.hc-metrics b:nth-child(3){animation-delay:.6s}.hc-metrics b:nth-child(4){animation-delay:.9s}
.hc-tiles i.live::after{animation:capSpin 2.4s linear infinite}
.hc-tiles i.live::before{animation:hcPulse 1.6s ease-out infinite}
.hc-tiles i:nth-child(2){animation:hcTap 6s ease-in-out infinite}
.hc-cursor{animation:hcCursor 6s cubic-bezier(.45,.05,.3,1) infinite}
.thumb-holycap::after{animation:hcSweep 6s ease-in-out infinite}
}
@keyframes hcFloat{50%{transform:translateY(-3px)}}
@keyframes hcPulse{0%{box-shadow:0 0 0 0 rgba(109,94,252,.55)}100%{box-shadow:0 0 0 7px rgba(109,94,252,0)}}
@keyframes hcCursor{0%,100%{left:80%;top:80%;transform:none}30%{left:46%;top:66%;transform:none}36%{transform:scale(.75)}42%{transform:none}68%{left:66%;top:28%}}
@keyframes hcTap{0%,30%,48%,100%{transform:none}36%{transform:scale(.96)}}
@keyframes hcSweep{0%,55%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}
/* Ressources, « Me présenter » : titres à la couleur du texte du thème (le blanc forcé du thème sombre d'origine les rendait invisibles en Clair). */
:root:is([data-theme=verre],[data-theme=dark]) .resource-group.featured .resource-title{color:var(--ink)}
:root:is([data-theme=verre],[data-theme=dark]) .resource-group.featured a.resource-title:hover{color:var(--violet)}
/* Mots de passe invités (Réglages) : une ligne par code, nom et état à gauche, « Annuler » à droite */
.guest-list{list-style:none;margin:18px 0 0;padding:0;border-top:1px solid var(--line)}.guest-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.guest-list li.muted{color:var(--muted)}.guest-list li.muted b{font-weight:600}
.icon-copy{display:inline-grid;place-items:center;width:30px;height:30px;margin:0 6px;padding:0;vertical-align:middle;border:1px solid currentColor;border-radius:8px;background:transparent;color:inherit;cursor:pointer;opacity:.8;transition:opacity .2s,background .2s}.icon-copy:hover{opacity:1;background:rgba(127,127,127,.15)}
/* Suivi du point du matin, de la veille et de Learning : onglets, boutons de classement dans les résumés, bilan du mois et fiches */
.suivi-tabs{display:inline-flex;gap:6px;padding:4px;margin-bottom:22px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.suivi-tabs .brief-chip{border-color:transparent;background:transparent}.suivi-tabs .brief-chip.active{background:var(--violet);border-color:var(--violet);color:#fff}
.brief-item-side .suivi-acts{display:inline-flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.suivi-since{font-size:11px;color:var(--muted);white-space:nowrap}
.brief-item.handled{opacity:.6}
.suivi-hidden{margin:0;padding:10px 18px}.suivi-hidden.top{padding:0 0 14px}
.suivi-status{display:inline-flex;align-items:center;font-size:11px;font-weight:650;padding:3px 9px;border-radius:999px;background:var(--surface-3);color:var(--muted);white-space:nowrap}
.suivi-status.s-done{background:rgba(85,125,66,.16);color:#6fa35a}.suivi-status.s-open{background:rgba(109,94,252,.14);color:var(--violet)}
.suivi-stats{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;padding:18px 20px;margin-bottom:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.suivi-month{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.suivi-month select{padding:7px 10px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface-2);color:var(--ink);font:inherit;font-weight:500}
.suivi-figs{display:flex;flex-wrap:wrap;gap:10px 26px}.suivi-figs div{display:flex;flex-direction:column}.suivi-figs strong{font-size:24px;font-weight:650;line-height:1.1}.suivi-figs span{font-size:12px;color:var(--muted)}
.suivi-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px}.suivi-filters .suivi-add{margin-left:auto}
.suivi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:14px}
.suivi-card{display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);min-width:0}
.suivi-card.s-done,.suivi-card.s-dropped{opacity:.78}
.suivi-card-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.suivi-card-top .suivi-status{margin-left:auto}
.suivi-origin{font-size:11px;color:var(--muted)}
.suivi-card h3{margin:0;font-size:15px;line-height:1.35;overflow-wrap:anywhere}.suivi-card h3 a{color:inherit;text-decoration:none}.suivi-card h3 a:hover{text-decoration:underline}
.suivi-card p{margin:0;font-size:13px;line-height:1.5;color:var(--muted)}.suivi-card .suivi-note{color:var(--ink);padding:8px 10px;border-radius:8px;background:var(--surface-2)}
.suivi-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:auto;padding-top:4px}
.suivi-empty{padding:24px 0}
@media(max-width:760px){.suivi-filters .suivi-add{margin-left:0}.suivi-stats{padding:14px}.suivi-figs strong{font-size:20px}.brief-item-side .suivi-acts{justify-content:flex-start}}
/* Partage depuis l'iPhone (Réglages) : clé lisible en entier, étapes numérotées du raccourci */
.share-key{word-break:break-all}.share-steps ol{margin:10px 0 0;padding-left:20px;display:grid;gap:10px;font-size:13px;line-height:1.55}.share-steps code{font-size:12px;padding:1px 5px;border-radius:5px;background:var(--surface-2);word-break:break-all}
/* ==========================================================================================
   Passe de design (30/10, retours de Johann) : boutons d'une seule forme (capsule, petite icône) rangés dans une barre
   d'actions au bas des cartes, au fond un peu plus sombre ; graisses, tailles et espacements allégés ; blocs mieux séparés ;
   Ressources (Ouvrir, vidéos, PDF) ; Mon profil en fiche. En dernier : à poids égal avec les règles de thème, elle l'emporte.
   ========================================================================================== */
:root{--bar:rgba(22,28,45,.035);--bar-line:rgba(22,28,45,.07);--act-bg:#fff;--act-line:rgba(22,28,45,.11);--act-hover:#f3f4f8;--act-main:#15171c;--act-main-ink:#fff}
:root[data-theme=dark]{--bar:rgba(0,0,0,.22);--bar-line:rgba(255,255,255,.06);--act-bg:rgba(255,255,255,.06);--act-line:rgba(255,255,255,.11);--act-hover:rgba(255,255,255,.12);--act-main:#f3f4f8;--act-main-ink:#0e1014}
/* Boutons de carte : capsule de 28 px, icône de 14 px ; .main pour l'action décisive, .quiet pour la plus discrète. */
.act,.pill-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:28px;padding:0 11px;border:1px solid var(--act-line);border-radius:999px;background:var(--act-bg);color:var(--ink);font:inherit;font-size:12px;font-weight:550;line-height:1;letter-spacing:0;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}
.act{padding:0 10px}
:is(.act,.pill-link) .hi{width:14px;height:14px;flex:none;vertical-align:0;opacity:.72}
:is(.act,.pill-link):hover{background:var(--act-hover);border-color:var(--line-strong);color:var(--ink)}
.act:active{transform:scale(.97)}
.act:disabled{opacity:.5;cursor:default;transform:none}
.act.main{background:var(--act-main);border-color:var(--act-main);color:var(--act-main-ink)}
.act.main .hi{opacity:1}
.act.main:hover{background:var(--act-main);color:var(--act-main-ink);opacity:.86}
.act.quiet{background:transparent;border-color:transparent;color:var(--muted)}
.act.quiet:hover{background:var(--act-hover);border-color:transparent;color:var(--ink)}
.act.ico-only{width:28px;padding:0}
.pill-link{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.pill-link .channel-icon{display:inline-flex}.pill-link .channel-icon .hi{opacity:1}
.channel-link-linkedin .channel-icon{color:#0a66c2}.channel-link-whatsapp .channel-icon{color:#1faa55}.channel-link-email .channel-icon{color:var(--violet,#6d5efc)}
:root[data-theme=dark] .channel-link-linkedin .channel-icon{color:#60a5fa}:root[data-theme=dark] .channel-link-whatsapp .channel-icon{color:#4ade80}
@media(pointer:coarse){.act,.pill-link{height:34px;padding:0 13px}.act.ico-only{width:34px}}
/* Barre d'actions : au bas de la carte, sur toute sa largeur ; à gauche ouvrir et noter, à droite décider. */
.bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;margin-top:auto;padding:9px 12px;background:var(--bar);border-top:1px solid var(--bar-line)}
.bar-l,.bar-r{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}
.bar-r:only-child{margin-left:auto}
.bar small{font-size:11.5px;color:var(--muted);white-space:nowrap}
.bar .suivi-status{margin-right:2px}
/* Boutons de page : plus petits, même capsule. */
:root:is([data-theme=verre],[data-theme=dark]) :is(.primary,.secondary){display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 16px;font-size:13px;font-weight:600;line-height:1;white-space:nowrap;text-decoration:none}
:root:is([data-theme=verre],[data-theme=dark]) :is(.primary,.secondary).small{height:30px;padding:0 12px;font-size:12px}
:is(.primary,.secondary) .hi,.btn-icon{width:15px;height:15px;vertical-align:0}
:root:is([data-theme=verre],[data-theme=dark]) .login .primary{height:44px}
/* Pastilles de choix (résumés reçus, onglets Le point / Suivi, filtres du suivi) : la même capsule. */
.brief-chip{border-radius:999px;padding:6px 12px;font-weight:550}
.suivi-tabs{border-radius:999px;padding:3px;gap:2px}
.brief-history{margin-bottom:20px}
/* Recharger les résumés : une flèche qui tourne, sans texte (demande de Johann). */
[data-brief-reload].act .hi{width:16px;height:16px;opacity:1;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
[data-brief-reload].act:hover .hi{transform:rotate(120deg)}
/* Densité : titres moins grands, graisses plus légères, marges resserrées, sections séparées d'un filet. */
:root:is([data-theme=verre],[data-theme=dark]) #page-title{font-size:28px;font-weight:650;letter-spacing:-.025em;line-height:1.15}
#page-description{font-size:14px}
.page-heading{margin-bottom:24px}
:root:is([data-theme=verre],[data-theme=dark]) .section-title{border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:16px}
.section-title h2{font-size:17px;font-weight:650;letter-spacing:-.01em}
.form-grid label{font-weight:550}
.form-grid :is(input,select,textarea),.key-row input{font-weight:400}
/* Annonces, prospects, fiches du suivi : contenu dans .card-body, barre d'actions en bas, cartes de même hauteur par rangée. */
:is(.listing-card,.prospect-card,.suivi-card){display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden}
.card-body{flex:1 1 auto;min-width:0;padding:16px 18px 14px}
.prospect-card .card-body{display:flex;flex-direction:column;gap:10px}
.suivi-card .card-body{display:flex;flex-direction:column;gap:8px}
.listing-grid,.prospect-grid{gap:14px}
.suivi-grid{gap:12px}
.listing-card h3,.prospect-card h3{font-size:16px;font-weight:650;letter-spacing:-.01em;line-height:1.3}
.listing-top{margin-bottom:10px}
.listing-company{margin-bottom:10px}
.listing-note{margin-bottom:10px}
.listing-people{margin:2px 0 4px}
.listing-person .act{flex:none}
.listing-tags span{background:var(--chip,rgba(127,127,127,.12));color:var(--ink-2,var(--ink));font-weight:550}
:root[data-theme=verre] .src-linkedin{--src:#0a66c2}:root[data-theme=verre] .src-francetravail{--src:#d10a1a}:root[data-theme=verre] .src-apec{--src:#c2006b}:root[data-theme=verre] .src-hellowork{--src:#9a6f00}:root[data-theme=verre] .src-indeed{--src:#2557a7}:root[data-theme=verre] .src-lesjeudis{--src:#c25200}:root[data-theme=verre] .src-wttj{--src:#8a7300}:root[data-theme=verre] .src-malt{--src:#d4313a}:root[data-theme=verre] .src-artstation{--src:#0b84b5}:root[data-theme=verre] .src-reseau{--src:#15803d}:root[data-theme=verre] .src-autre{--src:#64748b}
.prospect-next{display:flex;align-items:center;gap:6px;margin:0;font-size:12px;color:var(--muted)}
.prospect-next .hi{width:14px;height:14px}
/* Chiffres sans flèche (prospects, retours) : pas d'encoche vide. */
:root:is([data-theme=verre],[data-theme=dark]) .metric:not(:has(i))::after{-webkit-mask:none;mask:none}
:root:is([data-theme=verre],[data-theme=dark]) .suivi-card{background:var(--glass-strong);border:1px solid var(--glass-edge);border-radius:22px;box-shadow:var(--float);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}
.suivi-card.s-done,.suivi-card.s-dropped{opacity:.85}
/* Point du matin, Ma veille, Learning : chaque élément a sa barre (Fait, Sans suite…) ; un bloc qui ne se classe pas le dit. */
:root:is([data-theme=verre],[data-theme=dark]) .brief-head{padding:20px 24px}
.brief-head h2{font-size:19px;font-weight:650;letter-spacing:-.015em;line-height:1.3}
.brief-sections{gap:14px}
:root:is([data-theme=verre],[data-theme=dark]) .brief-item{display:block;padding:0}
.brief-item-row{display:flex;justify-content:space-between;gap:20px;padding:14px 22px}
.brief-item .bar{padding:7px 22px}
:root:is([data-theme=verre],[data-theme=dark]) .brief-item-main :is(a,b){font-size:14px;font-weight:600}
:root:is([data-theme=verre],[data-theme=dark]) .brief-item-main p{font-size:13px;line-height:1.55}
.brief-item-main a .hi{width:12px;height:12px;opacity:.55}
.brief-hint{margin:0;padding:10px 22px;font-size:12.5px;line-height:1.5;color:var(--muted);border-bottom:1px solid var(--line)}
.brief-block.still .tone-label{background:var(--chip,rgba(127,127,127,.12));color:var(--muted)}
.suivi-hidden .act{margin-left:-6px}
@media(max-width:760px){.brief-item-row{flex-direction:column;gap:8px;padding:12px 16px}.brief-item-row .brief-item-side{flex-direction:row;align-items:center;max-width:none;text-align:left}.brief-item .bar,.brief-hint{padding-left:16px;padding-right:16px}}
/* Ressources : vignette, puis le texte, puis la barre (Ouvrir, vidéos, PDF, ou Copier le chemin pour un dossier du PC). */
.resource-group{margin-bottom:34px}
.resource-grid{gap:14px}
.resource-group.featured .resource-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.resource-body,.resource-group.featured .resource-body{padding:14px 16px}
.resource-title,.resource-group.featured .resource-title{font-size:16px;font-weight:650;letter-spacing:-.01em;line-height:1.25}
.resource-group.featured .resource-title{font-size:18px}
.resource-title .hi{width:13px;height:13px;opacity:.5}
.resource-url{margin:4px 0 8px;font-size:11.5px}
.resource-card p{font-size:13px;line-height:1.5}
.resource-card .resource-note{margin-top:8px;padding:7px 10px;font-size:12px}
.thumb-mono{font-size:46px}
.thumb-poster{font-size:22px;font-weight:700}
.presenting .resource-title{font-size:19px}.presenting .resource-group.featured .resource-title{font-size:23px}
.presenting .resource-group.featured .resource-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.cv-version-acts{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px}
.cv-drawer .document{gap:16px}
/* Les autres boutons de cartes gardent leur place (pistes, contacts, échanges) : seule leur forme change. */
.card-bottom .act,.contact-foot .act{flex:none}
.contact-foot{gap:6px}
.ex-actions{gap:6px}
.deck-controls{gap:6px}
/* Mon profil : une pile de blocs séparés par un vrai espace, comme les autres pages ; en tête l'identité et le remplissage,
   puis un bloc par section, titre en haut, légende dessous, champs en deux colonnes. */
.pf-stack{display:grid;gap:18px}
.profile-form{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.pf-card{background:var(--glass-strong,var(--surface));border:1px solid var(--glass-edge,var(--line));border-radius:22px;box-shadow:var(--float,none);-webkit-backdrop-filter:var(--glass-blur,none);backdrop-filter:var(--glass-blur,none);min-width:0}
.pf-id{display:flex;align-items:center;gap:18px;padding:24px 28px}
.pf-avatar{flex:none;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--violet-soft,#ece9ff);color:var(--violet,#6d5efc);font-size:22px;font-weight:650}
.pf-who{flex:1 1 auto;min-width:0}
.pf-who h2{margin:0;font-size:20px;font-weight:650;letter-spacing:-.02em;line-height:1.2}
.pf-who p{margin:3px 0 0;font-size:13.5px;line-height:1.45;color:var(--ink-2,var(--ink))}
.pf-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.pf-chips span{padding:4px 10px;border-radius:999px;background:var(--chip,rgba(127,127,127,.12));color:var(--ink-2,var(--ink));font-size:11.5px;font-weight:550}
.pf-side{flex:0 0 240px;display:grid;gap:10px;justify-items:end}
.pf-side .profile-meter{width:100%;font-size:12.5px;color:var(--muted)}
.pf-side .profile-meter b{color:var(--ink)}
.pf-pitch{margin:0;padding:16px 28px;font-size:14px;line-height:1.6;color:var(--ink-2,var(--ink));border-top:1px solid var(--line)}
.pf-pitch::before{content:"« "}.pf-pitch::after{content:" »"}
.pf-brief{padding:12px 28px;border-top:1px solid var(--line)}
.pf-brief summary{display:inline-flex;align-items:center;gap:6px;list-style:none;cursor:pointer;font-size:12.5px;font-weight:550;color:var(--muted)}
.pf-brief summary::-webkit-details-marker{display:none}
.pf-brief summary .hi{width:14px;height:14px;transition:transform .2s ease}
.pf-brief[open] summary .hi{transform:rotate(180deg)}
.pf-brief summary:hover{color:var(--ink)}
.pf-brief>p{margin:10px 0 8px;font-size:12.5px;line-height:1.55}
.pf-brief pre{margin:0 0 6px;max-height:320px;overflow:auto;white-space:pre-wrap;font:12px/1.6 ui-monospace,Consolas,monospace;background:var(--surface-2,var(--paper));border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.pf-sec-head{padding:20px 28px 16px;border-bottom:1px solid var(--line)}
.pf-sec-head h3{margin:0;font-size:15px;font-weight:650;letter-spacing:-.01em}
.pf-sec-head p{margin:4px 0 0;font-size:12.5px;line-height:1.5;color:var(--muted)}
.pf-sec .form-grid{padding:22px 28px 26px;gap:18px 22px}
.pf-sec .form-grid .check{font-weight:400}
.profile-form .profile-save{margin:0}
@media(max-width:900px){.pf-id{flex-wrap:wrap}.pf-side{flex:1 1 100%;justify-items:start}}
@media(max-width:760px){.pf-stack,.profile-form{gap:14px}.pf-id{padding:18px}.pf-pitch,.pf-brief,.pf-sec-head{padding-left:18px;padding-right:18px}.pf-sec .form-grid{padding:16px 18px 20px;grid-template-columns:1fr}.pf-avatar{width:46px;height:46px;font-size:19px}}
/* Champs (profil, réglages, fenêtres) : fond et bord nettement visibles sur les cartes ; étiquettes à la couleur du texte.
   :is(#content,dialog) donne le poids d'un identifiant : la règle des champs du thème en contient un (#resource-search) et l'emportait. */
:root[data-theme=verre] :is(#content,dialog) :is(.form-grid input,.form-grid select,.form-grid textarea,.key-row input){background:#eef0f5;border:1px solid #d5dae4;box-shadow:none}
:root[data-theme=verre] :is(#content,dialog) :is(.form-grid input,.form-grid select,.form-grid textarea,.key-row input):hover{border-color:#c3c9d6}
:root[data-theme=verre] :is(#content,dialog) :is(.form-grid input,.form-grid select,.form-grid textarea,.key-row input):focus{background:#fff;border-color:#a99ff5;box-shadow:0 0 0 4px var(--violet-soft)}
:root[data-theme=dark] :is(#content,dialog) :is(.form-grid input,.form-grid select,.form-grid textarea,.key-row input){background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.17);box-shadow:none}
:root[data-theme=dark] :is(#content,dialog) :is(.form-grid input,.form-grid select,.form-grid textarea,.key-row input):hover{border-color:rgba(255,255,255,.26)}
:root[data-theme=dark] :is(#content,dialog) :is(.form-grid input,.form-grid select,.form-grid textarea,.key-row input):focus{border-color:rgba(157,143,255,.6);box-shadow:0 0 0 4px var(--violet-soft)}
.form-grid label,.form-grid .profile-multi legend{color:var(--ink);font-size:12.5px}
.form-grid{gap:16px 20px}
/* Réglages : chaque carte respire, la légende passe sous le titre au lieu d'une colonne serrée à droite. */
:root:is([data-theme=verre],[data-theme=dark]) .set-card{padding:24px 28px;margin-bottom:18px}
.set-card .section-title{display:block}
.set-card .section-title p{margin:5px 0 0;max-width:78ch;font-size:12.5px;line-height:1.55}
.set-card .form-grid+.key-row,.set-card .form-grid+.spend-meter{margin-top:18px}
.modules-title{display:block;margin:30px 0 12px}
.modules-title p{margin:4px 0 0}
@media(max-width:760px){:root:is([data-theme=verre],[data-theme=dark]) .set-card{padding:18px}}
/* Sombre : un texte clair sur fond sombre paraît plus gras ; un cran plus léger partout où la passe a fixé une graisse. */
:root[data-theme=dark] :is(.act,.pill-link,.brief-chip,.pf-chips span,.listing-tags span){font-weight:500}
:root[data-theme=dark] :is(#page-title,.section-title h2,.listing-card h3,.prospect-card h3,.resource-title,.brief-head h2,.pf-who h2,.pf-sec-head h3){font-weight:600}
:root[data-theme=dark] :is(.brief-item-main a,.brief-item-main b,.form-grid label,.pf-sec .profile-multi legend){font-weight:500}
.profile-save .muted{font-size:12.5px}
/* Réglages en onglets (30/10, proposition validée par Johann) : onglets comme Échanges importés ; un module par ligne, repliable ;
   une connexion par ligne (icône, nom, état, actions), formulaire replié ; barre « Enregistrer » seulement s'il y a une modification. */
.set-tabs{margin-bottom:18px}
.set-summary{display:flex;align-items:center;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;margin:0 0 14px;font-size:13px;color:var(--muted)}
:root:is([data-theme=verre],[data-theme=dark]) .module-card{padding:14px 20px;margin-bottom:10px}
.module-card .mc-head{margin:0;gap:8px 16px}
.module-card .mc-head .switch{width:auto;height:auto;border:0;background:none;margin-right:auto}
.module-card .switch b{font-size:14.5px;font-weight:600}
.module-card .mc-sched{font-size:12.5px}
.module-card.is-off .mc-sched{opacity:.6}
.module-card .mc-body{margin-top:14px;padding-top:16px;border-top:1px solid var(--line)}
:root:is([data-theme=verre],[data-theme=dark]) .conn-card{padding:16px 20px;margin-bottom:12px}
.conn-head{display:flex;align-items:center;gap:12px 16px;flex-wrap:wrap}
.conn-ico{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--chip,rgba(127,127,127,.12));color:var(--ink)}
.conn-ico .hi{width:19px;height:19px;vertical-align:0}
.conn-main{flex:1 1 240px;min-width:0}
.conn-main b{display:block;font-size:14.5px;font-weight:650}
.conn-main small{display:block;margin-top:2px;font-size:12.5px;line-height:1.45;color:var(--muted);overflow-wrap:anywhere}
.conn-state{flex:none;padding:4px 10px;border-radius:999px;background:var(--chip,rgba(127,127,127,.12));color:var(--muted);font-size:11.5px;font-weight:600;white-space:nowrap}
.conn-state.on{background:#e3f6ea;color:#166534}
.conn-state.warn{background:#fdf0d8;color:#8a4b06}
:root[data-theme=dark] .conn-state.on{background:rgba(52,211,153,.14);color:#a7f3d0}
:root[data-theme=dark] .conn-state.warn{background:rgba(251,191,36,.14);color:#fde68a}
.conn-acts{display:flex;flex-wrap:wrap;gap:6px}
.conn-body{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.conn-body>p.muted{margin:0 0 14px;font-size:12.5px;line-height:1.55;max-width:80ch}
.conn-card>.mail-result{margin:14px 0 0}
.conn-body.share-steps ol{margin:0}
:root[data-theme=dark] .module-card .switch b,:root[data-theme=dark] .conn-main b{font-weight:550}
@media(max-width:760px){.set-tabs{width:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.set-tabs .ex-tab{flex:none}.conn-acts{width:100%}.module-card .mc-head .switch{flex:1 1 100%}.set-summary .act{white-space:normal;height:auto;min-height:28px;padding:6px 10px}}
/* Films HolyProd (Ressources) : carte avec vignette et bouton lecture ; fenêtre sombre au format 16:9, environ 80 % de la largeur, 1280 px au plus. */
.fam-films{--fam:#f87171;--fam-soft:rgba(248,113,113,.14)}
button.film-thumb{border:0;padding:0;width:100%;cursor:pointer;font:inherit;color:inherit}
.film-play{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;display:grid;place-items:center;background:rgba(10,12,16,.55);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .25s cubic-bezier(.2,.8,.2,1),background-color .2s ease}
.film-play .hi{width:22px;height:22px;margin-left:3px;vertical-align:0}
.film-thumb:hover .film-play,.film-thumb:focus-visible .film-play{transform:scale(1.08);background:rgba(10,12,16,.78)}
.film-meta{display:block;margin:4px 0 8px;font-size:12px;color:var(--muted)}
:root:is([data-theme=verre],[data-theme=dark]) dialog.film-dialog{width:min(1280px,80vw);max-width:none;max-height:none;padding:0;overflow:hidden;background:#0b0c10;border:1px solid rgba(255,255,255,.08);border-radius:22px;color:#f3f4f8;box-shadow:0 40px 120px -20px rgba(0,0,0,.7)}
:root:is([data-theme=verre],[data-theme=dark]) dialog.film-dialog::backdrop{background:rgba(5,6,10,.72)}
.film-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 20px 14px}
.film-head .eyebrow{margin:0 0 4px;color:#8f97a8}
.film-head h2{margin:0;font-size:18px;font-weight:650;color:#f3f4f8}
.film-sub{margin:2px 0 0;font-size:12.5px;color:#a1a8b9}
:root:is([data-theme=verre],[data-theme=dark]) .film-head .icon-button{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#f3f4f8;box-shadow:none}
#film-video{display:block;width:100%;aspect-ratio:16/9;max-height:calc(100vh - 140px);background:#000}
@media(max-width:760px){:root:is([data-theme=verre],[data-theme=dark]) dialog.film-dialog{width:calc(100vw - 20px);border-radius:16px}.film-head{padding:12px 14px}}
.film-thumb img{object-position:center}
:root:is([data-theme=verre],[data-theme=dark]) .film-head h2{color:#f3f4f8}

/* Supprimer un résumé reçu (30/10, demande de Johann) : une petite croix vient à droite de la capsule au survol ;
   sur écran tactile, elle reste visible sur la capsule choisie. */
.brief-pill{position:relative;display:inline-flex}
.brief-pill .brief-chip{transition:padding-right .16s ease}
.brief-del{position:absolute;top:50%;right:5px;width:20px;height:20px;margin-top:-10px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted);opacity:0;pointer-events:none;transform:translateX(-5px);transition:opacity .16s ease,transform .16s ease,background-color .16s ease;cursor:pointer}
.brief-del .hi{width:11px;height:11px;stroke-width:2.2}
.brief-pill:is(:hover,:focus-within) .brief-chip{padding-right:29px}
.brief-pill:is(:hover,:focus-within) .brief-del{opacity:.75;pointer-events:auto;transform:none}
.brief-del:is(:hover,:focus-visible){opacity:1;background:rgba(20,22,27,.08);color:var(--ink);outline:none}
.brief-pill.active .brief-del{color:rgba(255,255,255,.85)}
.brief-pill.active .brief-del:is(:hover,:focus-visible){background:rgba(255,255,255,.2);color:#fff}
:root[data-theme=dark] .brief-pill:not(.active) .brief-del:is(:hover,:focus-visible){background:rgba(255,255,255,.1)}
@media(hover:none){.brief-pill.active .brief-chip{padding-right:29px}.brief-pill.active .brief-del{opacity:.85;pointer-events:auto;transform:none}}
@media(prefers-reduced-motion:reduce){.brief-pill .brief-chip,.brief-del{transition:none}}
/* Urgent : cloche de l'en-tête (point rouge et nombre d'actions dues aujourd'hui ou en retard) et bandeau en tête d'Aujourd'hui. Couleur seulement dans les pastilles et les puces. */
.top-end{display:flex;align-items:center;gap:14px;margin-left:auto}
.demo-badge+.top-end{margin-left:0}
.bell-wrap{position:relative;flex:none}
.bell{position:relative;display:grid;place-items:center;width:36px;height:36px;padding:0;border-radius:50%;border:1px solid #fff;background:rgba(255,255,255,.8);color:var(--ink-3,#454d5e);box-shadow:0 8px 18px -12px rgba(28,38,70,.4);cursor:pointer;transition:background-color .15s ease,color .15s ease}
.bell:hover,.bell[aria-expanded=true]{background:#fff;color:var(--ink)}
.bell.on{color:var(--ink)}
.bell .hi{width:19px;height:19px;vertical-align:0}
.bell.ring .hi{animation:bellRing .9s ease both;transform-origin:50% 12%}
@keyframes bellRing{0%,100%{transform:none}15%{transform:rotate(16deg)}30%{transform:rotate(-14deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-7deg)}75%{transform:rotate(3deg)}}
#bell-count{position:absolute;top:-4px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:10.5px;font-weight:700;line-height:18px;text-align:center;box-shadow:0 0 0 2px #fff;font-variant-numeric:tabular-nums}
.bell-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:40;width:380px;max-height:min(70vh,560px);overflow:auto;padding:8px;border-radius:18px;background:#fff;border:1px solid var(--line-strong,var(--line));box-shadow:var(--float-hover,0 24px 48px -24px rgba(0,0,0,.35));color:var(--ink);font-size:13px;text-align:left;animation:unfold .18s ease both}
.bell-head{display:flex;align-items:center;gap:8px;padding:8px 10px 6px}
.bell-head b{font-size:13px;font-weight:650}
.bell-head small,.urgent-banner h2 small{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#fee2e2;color:#b91c1c;font:700 11px/1 Inter,ui-sans-serif,sans-serif;vertical-align:2px}
.bell-calm{margin:0;padding:4px 10px 10px;color:var(--muted);line-height:1.5}
.bell-calm b{color:var(--ink);font-weight:650}
.bell-foot{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:4px;padding:9px;border:0;border-top:1px solid var(--line);border-radius:0 0 12px 12px;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:550;cursor:pointer}
.bell-foot:hover{color:var(--ink)}
.bell-foot .hi{width:14px;height:14px}
.u-list{list-style:none;margin:0;padding:0}
.u-item{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:4px;width:100%;padding:10px;border:0;border-radius:12px;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:background-color .15s ease}
.u-item>.hi{grid-column:2;grid-row:1/span 2;align-self:center;width:15px;height:15px;opacity:.45;transition:opacity .15s ease,transform .15s ease}
@media(hover:hover){.u-item:hover{background:var(--act-hover)}.u-item:hover>.hi{opacity:.9;transform:translate(1px,-1px)}}
.u-top{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;min-width:0}
.u-top b{font-weight:650;font-size:14px;overflow-wrap:anywhere}
.u-prio,.u-when{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}
.u-prio{background:var(--chip,rgba(22,28,45,.06));color:var(--ink-2,var(--ink))}
.u-when{background:#fdecc8;color:#8a4b00}
.u-when.late{background:#fee2e2;color:#b91c1c}
.u-action{color:var(--ink-3,var(--muted));line-height:1.45;overflow-wrap:anywhere}
.bell-panel .u-action{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.urgent-banner{margin-bottom:22px;padding:18px 14px 10px;border-radius:22px;background:var(--glass-strong,var(--surface));border:1px solid var(--glass-edge,var(--line));box-shadow:var(--float,none);-webkit-backdrop-filter:var(--glass-blur,none);backdrop-filter:var(--glass-blur,none);color:var(--ink)}
.u-head{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;padding:0 10px 8px}
.u-head h2{margin:0;font-size:19px}
.u-head p{grid-column:2;margin:2px 0 0;color:var(--muted);font-size:13px}
.u-dot{width:10px;height:10px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.16)}
.urgent-banner .u-list li+li{border-top:1px solid var(--line)}
.urgent-banner .u-item{padding:12px 10px}
.u-more{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:2px;padding:11px;border:0;border-top:1px solid var(--line);background:transparent;color:var(--muted);font:inherit;font-size:13px;font-weight:550;cursor:pointer}
.u-more:hover{color:var(--ink)}
.u-more .hi{width:14px;height:14px}
.focus-banner.u-calm{margin-bottom:22px}
.u-calm .focus-icon{color:var(--go,#16a34a)}
.u-calm p{line-height:1.5}
.u-next{padding:0;border:0;background:none;color:var(--ink);font:inherit;font-weight:550;text-align:left;text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px;cursor:pointer}
.u-next:hover{text-decoration-color:currentColor}
:root[data-theme=dark] .bell{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.1);color:var(--ink-2);box-shadow:none}
:root[data-theme=dark] .bell:hover,:root[data-theme=dark] .bell[aria-expanded=true]{background:rgba(255,255,255,.13);color:var(--ink)}
:root[data-theme=dark] #bell-count{box-shadow:0 0 0 2px #14161d}
:root[data-theme=dark] .bell-panel{background:#1c1e27}
:root[data-theme=dark] :is(.bell-head small,.urgent-banner h2 small),:root[data-theme=dark] .u-when.late{background:rgba(248,113,113,.16);color:#fca5a5}
:root[data-theme=dark] .u-when{background:rgba(251,191,36,.16);color:#fcd34d}
:root[data-theme=dark] .u-dot{background:#f87171;box-shadow:0 0 0 4px rgba(248,113,113,.18)}
@media(pointer:coarse){.bell{width:40px;height:40px}}
@media(max-width:760px){.top-end{gap:10px}.demo-badge+.top-end #today-date{display:none}.bell-panel{position:fixed;top:66px;left:12px;right:12px;width:auto;max-height:calc(100dvh - 84px)}.urgent-banner{padding:14px 8px 6px;margin-bottom:18px}.u-head h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){.bell.ring .hi,.bell-panel{animation:none}}
/* Retours & stats : un onglet par type de retour, des fiches compactes en grille, l'explication repliée. */
.reply-help{margin:0 0 18px;color:var(--muted);font-size:13px}
.reply-help summary{width:fit-content;cursor:pointer;color:var(--muted);font-weight:550}
.reply-help summary:hover{color:var(--ink)}
.reply-help p{max-width:900px;margin:8px 0 0;line-height:1.55}
.reply-tabs{margin:0 0 10px}
.reply-caption{margin:0 0 14px;color:var(--muted);font-size:13px}
.reply-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.reply-card{display:flex;flex-direction:column;min-width:0;padding:14px 16px 12px;border-radius:18px;background:var(--glass-strong,var(--surface));border:1px solid var(--glass-edge,var(--line));box-shadow:var(--float,none);-webkit-backdrop-filter:var(--glass-blur,none);backdrop-filter:var(--glass-blur,none);color:var(--ink)}
.reply-card .card-title{font-size:15px;line-height:1.3;text-align:left;overflow-wrap:anywhere}
.reply-role{margin:3px 0 0;color:var(--muted);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reply-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:auto;padding-top:10px}
.reply-card .reply-wait{display:flex;flex-direction:column;gap:2px;font-size:12px;white-space:normal}
.reply-wait b{color:var(--ink-2,var(--ink));font-weight:600}
.reply-foot .pill-link{flex:none}
@media(max-width:760px){.reply-grid{grid-template-columns:1fr;gap:10px}.reply-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.reply-tabs::-webkit-scrollbar{display:none}.reply-tabs{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 26px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 26px),transparent)}.reply-tabs .ex-tab{flex:none}.reply-card{padding:12px 14px 10px}.reply-card .reply-wait{flex-direction:row;flex-wrap:wrap;gap:0 6px}.reply-foot{padding-top:6px}}
/* Rappel du matin sur l'iPhone (Réglages > Connexions) : aperçu du texte de la notification. */
.rappel-label{margin:14px 0 6px;color:var(--muted);font-size:13px}
.rappel-preview{margin:0;padding:12px 14px;border-radius:14px;background:var(--chip,rgba(22,28,45,.06));color:var(--ink);font:inherit;font-size:13px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}