/* IO energies : cockpit chaleureux et signalétique commerciale lisible. */
:root{--ink:#252720;--sun:#f09a49;--cream:#fbf7ee;--line:#e9e0d2;--muted:#73776d}
body{background:linear-gradient(150deg,#fbf7ef 0%,#f4eee3 100%)}
#account-gate{background:radial-gradient(circle at 75% 18%,#eea4588a 0,transparent 28%),radial-gradient(circle at 20% 80%,#5b594326 0,transparent 35%),#242820!important}
.account-card{border:1px solid #e5d8c3;box-shadow:0 30px 95px #0c0d0a78!important}
.account-brand{font-size:10px!important;letter-spacing:.16em;font-weight:900;color:#ac6a35!important;margin:15px 0 0}
#verify-steps{display:grid;gap:8px;margin:18px 0;padding:17px;border:1px solid #f0d7b7;background:#fff0dc;border-radius:12px;color:#5d4b35;line-height:1.45}
#verify-steps[hidden]{display:none}#verify-steps span{font-size:12px}
.rail{background:linear-gradient(160deg,#292c25,#1d211c 78%);box-shadow:12px 0 30px #2d2b2110}
.brand strong{font-size:21px;letter-spacing:-.055em}.brand small{font-size:9px;letter-spacing:.17em}
.rail label{color:#ffb979}.rail-foot{color:#d6d8cd}
.topbar{position:sticky;top:0;z-index:5;background:#fbf7eef0;backdrop-filter:blur(14px)}
.workspace{max-width:1550px}.heading{align-items:center}.heading h1{max-width:780px;font-size:clamp(34px,3.3vw,52px)}
.heading .lead{font-size:15px}.heading .actions{justify-content:flex-end}
.workflow-section{margin:34px 0 8px}.workflow-heading,.base-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}
.workflow-heading h2,.base-heading h2{font-size:25px;letter-spacing:-.045em;margin:4px 0 0}.workflow-heading p,.base-heading p{max-width:360px;color:var(--muted);margin:0;line-height:1.45;font-size:13px}
.workflow-kicker{font-size:10px;letter-spacing:.18em;font-weight:900;color:#b96b32}
.workflow-cards{display:grid;grid-template-columns:1.25fr 1.1fr 1fr .9fr;gap:12px}
.workflow-card{min-width:0;border:1px solid var(--line);background:#fffdf8;border-radius:17px;min-height:178px;padding:18px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 10px 22px #3229200a;transition:transform .18s,box-shadow .18s,border-color .18s}
.workflow-card:hover{transform:translateY(-3px);box-shadow:0 15px 26px #32292018}.workflow-card:focus-visible,.workflow-tabs button:focus-visible{outline:3px solid #dc7832;outline-offset:3px}.workflow-card.selected{box-shadow:0 0 0 3px #f2ad7070,0 15px 26px #32292018}
.workflow-card.workflow-today{background:#292d26;color:#fff8ec;border-color:#292d26}.workflow-card.workflow-late{background:#fff0e5;border-color:#efb787}.workflow-card.workflow-appointments{background:#edf2e9;border-color:#d2dfcf}.workflow-card.workflow-contacted{background:#f5f3ee;color:#50544b;box-shadow:none}
.workflow-card-tag{font-size:10px;letter-spacing:.13em;font-weight:900;color:#a46537}.workflow-today .workflow-card-tag{color:#f3b677}.workflow-late .workflow-card-tag{color:#a94921}.workflow-appointments .workflow-card-tag{color:#387254}.workflow-contacted .workflow-card-tag{color:#797a72}
.workflow-card-label{font-size:14px;font-weight:800;margin-top:12px}.workflow-card-value{display:flex;align-items:baseline;gap:9px;margin-top:2px}.workflow-card strong{font-size:44px;letter-spacing:-.075em;line-height:1.05}.workflow-card small{font-size:11px;color:#777b70;line-height:1.25}.workflow-today small{color:#d2d4c6}
.workflow-card-link{font-size:11px;font-weight:800;margin-top:auto;padding-top:11px;color:#935826}.workflow-today .workflow-card-link{color:#f6b475}.workflow-appointments .workflow-card-link{color:#387254}.workflow-contacted .workflow-card-link{color:#6e746b}
.workflow-tabs{display:flex;align-items:center;gap:10px;margin-top:14px;padding:2px 0 4px}.workflow-tabs-label{font-size:10px;letter-spacing:.15em;color:#8b8171;font-weight:900}.workflow-tabs button{white-space:nowrap;border:1px solid #ded7ca;background:#fffdf8;border-radius:99px;padding:8px 12px;color:#50544a;font-size:12px;font-weight:750}.workflow-tabs button.active{background:#292d26;border-color:#292d26;color:#fff8e8}.workflow-tabs button span{margin-left:6px;opacity:.7}.workflow-current{color:#75786d;font-size:12px;font-weight:700}
.base-heading{margin:34px 0 11px}.base-heading h2{font-size:20px}.base-heading .workflow-kicker{color:#7a806f}
.metrics{margin:0;gap:0;overflow:hidden;border:1px solid #e6ded0;border-radius:16px;background:#fffdf9;box-shadow:0 8px 22px #32292008}.metric,.metric:first-child{min-height:96px;padding:17px 20px;border:0;border-radius:0;background:transparent;color:#2a2d26;box-shadow:none}.metric+.metric{border-left:1px solid #ebe5da}.metric:before,.metric:first-child:before{display:none}.metric span,.metric:first-child span{color:#73776d;font-size:11px}.metric strong,.metric:first-child strong{display:block;color:#2a2d26;font-size:28px;margin-top:4px}.metric small,.metric:first-child small{color:#929386;font-size:10px}
.crm-empty #mobile-empty{display:flex;align-items:center;gap:18px;margin:30px 0 0;padding:27px;background:#292d26;color:#fff9ed;border-radius:18px}.crm-empty #mobile-empty>span{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:13px;background:#f5a253;color:#2b2c25;font-size:23px}.crm-empty #mobile-empty strong{font-size:19px}.crm-empty #mobile-empty p{font-size:13px;line-height:1.45;color:#d8d7ca;margin:5px 0 0}.crm-empty .workflow-section,.crm-empty .base-heading,.crm-empty .metrics,.crm-empty .card,.crm-empty .calendar-card{display:none}
.card{scroll-margin-top:90px}.toolbar{background:#fffefa}.table-wrap{min-height:170px}th:last-child,td:last-child{min-width:145px}.row-due{background:#fffbf5}.row-due:hover{background:#fff3e5}
.crm-status{display:inline-flex;align-items:center;border-radius:8px;padding:6px 9px;font-size:11px;font-weight:900;letter-spacing:.01em}.crm-status.slate{background:#e8e9e5;color:#535a51}.crm-status.amber{background:#ffe0b5;color:#854a13}.crm-status.orange{background:#ffead7;color:#a34b1f}.crm-status.green{background:#dfecdb;color:#28634a}.crm-status.muted{background:#eeeeea;color:#777971}.crm-date{font-size:11px!important;color:#697264!important}.crm-date.overdue{color:#bd5027!important;font-weight:800}
.drawer{width:min(520px,100vw)}.drawer-top{align-items:center}.drawer-top #call-prospect{margin-left:auto}.quick-status{margin:20px 0 16px}.quick-status>span{display:block;font-size:11px;letter-spacing:.1em;font-weight:900;color:#8a6a4c;margin-bottom:9px}.quick-status>div{display:flex;flex-wrap:wrap;gap:7px}.quick-chip{border:1px solid #e6d8c4;border-radius:99px;background:#fff8ec;color:#664d37;padding:8px 11px;font-weight:800;font-size:12px}.quick-chip.active,.quick-chip:hover{background:#ef9d54;border-color:#e79045;color:#292b24}
.field.required{color:#a44d21}.field.required:after{content:' · obligatoire';font-size:10px}.field input[type=datetime-local]{color-scheme:light}
.history-item small{display:block;margin-top:6px;color:#ae6b37;font-weight:800}
.calendar-card{display:flex;justify-content:space-between;gap:20px;margin:25px 0 6px;padding:24px 28px;border-radius:19px;background:linear-gradient(120deg,#fff6e8,#fffdf7);border:1px solid #eedbc2;box-shadow:0 10px 28px #3b2c1908}.calendar-copy{max-width:760px}.calendar-card h2{font-size:22px;letter-spacing:-.04em;margin:7px 0}.calendar-card p{color:#72766b;line-height:1.5;margin:8px 0}.calendar-consent{display:flex;gap:8px;align-items:flex-start;font-size:12px;font-weight:750;margin-top:17px;line-height:1.45}.calendar-consent input{accent-color:#d77327;margin-top:2px}.calendar-card .calendar-hint{font-size:11px;max-width:690px}.calendar-actions{display:flex;gap:12px;align-items:center;margin-top:16px;flex-wrap:wrap}.calendar-actions span{font-size:12px;color:#946b42;font-weight:700}.calendar-actions span.connected{color:#39725a}.calendar-mark{width:130px;min-width:130px;height:130px;display:grid;place-items:center;align-content:center;background:#292d26;border-radius:22px;color:#f69b4b;font-size:58px;box-shadow:0 15px 28px #24282023}.calendar-mark small{font-size:12px;color:#fff0d6;font-weight:800}.calendar-sync{display:block;margin-top:12px}.calendar-sync[hidden]{display:none}
@media(max-width:1050px){.workflow-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics{grid-template-columns:repeat(2,1fr)}.metric:nth-child(3){border-left:0;border-top:1px solid #ebe5da}.metric:nth-child(4){border-top:1px solid #ebe5da}}
@media(max-width:680px){.workflow-heading{display:block}.workflow-heading p{margin-top:9px}.workflow-cards{gap:8px}.workflow-card{min-height:132px;padding:13px}.workflow-card strong{font-size:30px}.workflow-card small{font-size:10px}.workflow-heading h2{font-size:22px}.heading .actions{justify-content:flex-start}.topbar{gap:5px}.cloud-topbar{gap:4px}.cloud-email{display:none}.calendar-card{padding:19px}.calendar-mark{display:none}}
:where([hidden]){display:none!important}
.mobile-more,#mobile-qualification,.mobile-empty,.calendar-summary{display:none}
.calendar-card{display:block}
.calendar-body{display:flex;justify-content:space-between;gap:20px}
.calendar-card.was-connected{margin:17px 0 6px;padding:0;background:#fffdf8}
.calendar-card.was-connected .calendar-summary{display:flex;align-items:center;gap:11px;list-style:none;cursor:pointer;padding:13px 18px}
.calendar-card.was-connected .calendar-summary::-webkit-details-marker{display:none}
.calendar-card.was-connected .calendar-summary-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:9px;background:#292d26;color:#f29a49;font-size:17px}
.calendar-card.is-connected .calendar-summary-icon{background:#e2eedf;color:#38734c}
.calendar-card.was-connected .calendar-summary strong{display:block;font-size:13px;color:#2c2d27}
.calendar-card.was-connected .calendar-summary small{display:block;color:#77786e;font-size:11px;margin-top:2px}
.calendar-card.was-connected .calendar-chevron{margin-left:auto;font-size:20px;color:#a16437;transition:transform .2s}
.calendar-card.was-connected[open] .calendar-chevron{transform:rotate(180deg)}
.calendar-card.was-connected[open] .calendar-body{padding:0 20px 20px}
@media(max-width:680px){
  .app{display:block;min-height:100dvh}
  .rail{display:none}
  .main{display:block;width:100%;min-width:0}
  .topbar{position:sticky;top:0;z-index:8;display:flex;align-items:center;justify-content:space-between;min-height:58px;height:auto;padding:8px 16px;gap:10px;background:#fbf7eef5}
  .mobile-brand{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;white-space:nowrap}
  .mobile-sun{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#f39a47;color:#262a24;font-size:18px}
  .cloud-topbar{margin:0;min-width:auto}
  #cloud-refresh,.topbar .pill,.topbar .avatar{display:none}
  #cloud-signout{min-height:39px;padding:8px 10px;font-size:11px}
  .workspace{display:flex;flex-direction:column;width:100%;max-width:none;padding:22px 16px 80px;overflow:visible}
  .heading{order:0;display:block}
  .heading h1{font-size:clamp(27px,8vw,34px);line-height:1.13;max-width:14ch}
  .eyebrow{font-size:10px;margin-bottom:8px}
  .heading .lead{font-size:13px;line-height:1.45;margin-top:9px}
  .heading .actions{display:flex;gap:8px;margin-top:18px;align-items:stretch}
  .heading .actions #import{flex:1;min-height:46px}
  .mobile-more{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:9px 12px}
  .heading .actions>.btn:not(.primary):not(.mobile-more){display:none}
  .heading .actions.mobile-actions-open{flex-wrap:wrap}
  .heading .actions.mobile-actions-open>.btn:not(.primary):not(.mobile-more):not([hidden]){display:inline-flex;justify-content:center;flex:1 1 45%;min-height:44px}
  #mobile-empty{order:1}
  .crm-empty #mobile-empty{display:flex;align-items:flex-start;gap:12px;margin-top:18px;padding:16px;background:#292d26;color:#fff9ed;border-radius:15px}
  .mobile-empty>span{display:grid;place-items:center;min-width:34px;height:34px;border-radius:9px;background:#f5a253;color:#2b2c25}
  .mobile-empty strong{font-size:14px}.mobile-empty p{font-size:12px;line-height:1.45;color:#d8d7ca;margin:5px 0 0}
  .notice{order:2;margin-top:13px}
  .workflow-section{order:3;margin:22px 0 8px}
  .workflow-heading{margin-bottom:11px}
  .workflow-heading h2{font-size:18px;margin:3px 0 0}
  .workflow-heading p{display:none}
  .workflow-kicker{font-size:9px}
  .workflow-cards{gap:8px}
  .workflow-card{min-height:117px;border-radius:13px;padding:12px;box-shadow:none}
  .workflow-card-tag{font-size:8px;letter-spacing:.1em}
  .workflow-card-label{font-size:12px;line-height:1.2;margin-top:8px}
  .workflow-card strong{font-size:30px;margin-top:2px}
  .workflow-card small{display:none}
  .workflow-card-link{font-size:10px;padding-top:4px}
  .workflow-tabs{margin-top:9px;padding-bottom:3px;scrollbar-width:none}
  .workflow-tabs::-webkit-scrollbar{display:none}
  .workflow-tabs button{min-height:39px;padding:8px 11px;font-size:11px}
  .crm-empty .workflow-section{display:none}
  .base-heading{display:none}
  .metrics{display:none}
  .card{order:4;margin-top:18px;overflow:visible;border-radius:15px;box-shadow:none}
  .crm-empty .card{display:none}
  .toolbar{display:block;padding:16px}
  .toolbar h2{font-size:18px}.toolbar p{font-size:11px}
  .filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:13px}
  .filters input{grid-column:1/-1;width:100%}
  .filters select{width:100%;min-width:0;font-size:12px}
  #mobile-qualification{display:block}
  .filters #export{grid-column:1/-1;min-height:40px;font-size:11px}
  .filters input,.filters select{min-height:44px;font-size:16px}
  .table-wrap{min-height:0;overflow:visible}
  table,tbody{display:block;width:100%}
  thead{display:none}
  tbody{padding:10px;display:grid;gap:9px}
  tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'person status' 'phone sector' 'tier tier';align-items:center;gap:7px 10px;padding:13px;border:1px solid #e9dfd0;border-radius:13px;background:#fffdfa;box-shadow:0 3px 12px #3b2d1c0a;white-space:normal}
  tbody tr.row-due{border-color:#e9a466;background:#fff9f0}
  tbody tr td{display:block;min-width:0!important;border:0;padding:0;white-space:normal}
  tbody tr td:nth-child(1){grid-area:person}
  tbody tr td:nth-child(1) strong{font-size:15px;line-height:1.25}
  tbody tr td:nth-child(1) small{display:none}
  tbody tr td:nth-child(2){grid-area:phone}
  .mobile-phone{display:inline-block;color:#ad5d21;font-size:14px;font-weight:800;text-decoration:none;padding:4px 0}
  tbody tr td:nth-child(3){grid-area:sector;text-align:right}
  tbody tr td:nth-child(3) strong{font-size:12px;color:#6c6d62}
  tbody tr td:nth-child(3) small{display:none}
  tbody tr td:nth-child(4),tbody tr td:nth-child(6){display:none}
  tbody tr td:nth-child(5){grid-area:tier}
  tbody tr td:nth-child(5) .badge{font-size:10px;padding:4px 7px}
  tbody tr td:nth-child(7){grid-area:status;text-align:right}
  .crm-status{font-size:10px;padding:5px 7px;white-space:nowrap}
  .crm-date{font-size:10px!important}
  .pagination{padding:10px 14px;font-size:11px}
  .calendar-card{order:5;margin:17px 0 0;padding:0;border-radius:15px;overflow:hidden;box-shadow:none}
  .calendar-summary{display:flex;align-items:center;gap:11px;list-style:none;cursor:pointer;padding:14px}
  .calendar-summary::-webkit-details-marker{display:none}
  .calendar-summary-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:9px;background:#292d26;color:#f29a49;font-size:17px}
  .calendar-summary strong{display:block;font-size:13px;color:#2c2d27}
  .calendar-summary small{display:block;color:#77786e;font-size:11px;margin-top:2px}
  .calendar-chevron{margin-left:auto;font-size:20px;color:#a16437;transition:transform .2s}
  .calendar-card[open] .calendar-chevron{transform:rotate(180deg)}
  .calendar-body{display:block;padding:0 16px 17px}
  .calendar-copy{max-width:none}
  .calendar-copy>.workflow-kicker,.calendar-copy h2{display:none}
  .calendar-card p{font-size:12px}
  .calendar-card .calendar-hint{font-size:11px}
  .calendar-mark{display:none}
  .calendar-consent{font-size:12px;line-height:1.4}
  .calendar-consent input{width:18px;height:18px;flex:0 0 18px}
  .calendar-actions .btn{width:100%;min-height:44px}
  .footnote{order:6;font-size:11px;margin-top:20px}
  .drawer{top:auto;bottom:0;left:0;right:0;width:100%;max-height:94dvh;border-radius:20px 20px 0 0;padding:20px 17px max(24px,env(safe-area-inset-bottom));box-shadow:0 -14px 45px #211c1238}
  .drawer-top{position:sticky;top:-20px;z-index:2;background:#fffdf8;padding:5px 0 12px;align-items:flex-start}
  .drawer h2{font-size:22px}
  .drawer-top #call-prospect{padding:8px 10px;font-size:11px;min-height:40px}
  .field input,.field select,.field textarea{font-size:16px;min-height:44px}
  .quick-chip{min-height:40px}
}