/* JustBillItt 1.4.0 — proposition 2. Presentation only. */
.jbi-structure{--canvas:#F4F6F5;--paper:#FFFFFF;--ink:#0B1211;--ink-soft:#12201E;--muted:#4A5654;--stroke:#E3E7E5;--green:#12B886;--green-light:#E3F7F0;--green-text:#0B5C46;--gray-50:#F4F6F5;--gray-600:#4A5654;--sidebar:224px;background:var(--canvas);color:var(--ink)}
.jbi-structure .jbi-icon{display:inline-block;width:19px;height:19px;flex-shrink:0;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.jbi-structure .jbi-icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.jbi-structure .jbi-leading-icon{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;color:var(--green-text);margin-right:7px}
.jbi-structure .nav{background:#FFFFFF!important;border-bottom:1px solid var(--stroke);box-shadow:none}
.jbi-structure .nav-logo svg{fill:none}
.jbi-structure :is(.form-box,.modal,.section,.sec-card,.value-card,.plan-card,.modele-card,.stat-card,.client-card,.fact-card){box-shadow:none}
.jbi-structure :is(.form-box,.modal,.section,.sec-card,.value-card){border-radius:16px}
.jbi-structure :is(.btn-primary,.btn-secondary,.btn-save,.btn-add,.btn-cancel,.wa-cta,.wa-btn){border-radius:10px!important}
.jbi-structure :is(.btn-primary,.btn-secondary,.btn-save,.btn-add,.btn-cancel,.icon-btn,.filter-btn,.modele-card,.plan-card,.jbi-copy){transition:background-color .16s,border-color .16s,box-shadow .16s,color .16s;transform:none}
.jbi-structure :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=file]){border-color:#BCC7C2;border-radius:10px}
.jbi-structure :is(input,select,textarea):focus{border-color:#0B5C46}
.jbi-structure :is(.icon-btn,.filter-btn,.lang-btn,.jbi-copy){min-height:44px}
.jbi-structure .jbi-sidebar{position:fixed;top:64px;bottom:0;left:0;width:var(--sidebar);padding:30px 16px;background:var(--ink);color:#FFF;z-index:40;overflow-y:auto;overscroll-behavior:contain;border-right:1px solid #253A31}
.jbi-structure .jbi-sidebar-label{font:500 10px/1.6 var(--ftext);letter-spacing:.10em;color:#B5C7BF;margin:0 12px 22px}
.jbi-structure .jbi-sidebar nav{display:flex;flex-direction:column;gap:8px}
.jbi-structure .jbi-sidebar a{display:flex;align-items:center;gap:11px;min-height:48px;padding:12px;border-radius:10px;color:#DDE8E2;text-decoration:none;font:500 13px/1.4 var(--ftext);overflow-wrap:anywhere}
.jbi-structure .jbi-sidebar a:hover{background:#20372F;color:#FFF}
.jbi-structure .jbi-sidebar a[aria-current=page]{background:var(--green);color:var(--ink)}
.jbi-structure .jbi-sidebar a .jbi-icon{width:20px;height:20px}
.jbi-app-shell>.container,.jbi-app-shell>.layout{width:calc(100% - var(--sidebar));max-width:none;margin:0 0 0 var(--sidebar);padding:106px clamp(24px,3.5vw,54px) 56px;min-height:calc(100vh - 155px)}
.jbi-app-shell>.container>*{max-width:1220px;margin-inline:auto}
.jbi-app-shell>.site-footer{width:calc(100% - var(--sidebar));margin-left:var(--sidebar)!important}
.jbi-app-shell>.nav .nav-right>.nav-link{display:none!important}
.jbi-app-shell>.nav .burger-btn{display:none}
.jbi-structure .jbi-page-heading{border:0;padding-bottom:0;margin-bottom:30px}
.jbi-structure .page-title{font-size:clamp(30px,3.2vw,42px);letter-spacing:-.035em}
.jbi-structure .page-sub{max-width:760px;line-height:1.65;color:var(--muted)}
.jbi-structure .stats-grid,.jbi-structure .stats-bar{gap:14px}
.jbi-structure .stat-card,.jbi-structure .stats-bar>div{border:1px solid var(--stroke);border-radius:14px;background:#FFFFFF;padding:22px}
.jbi-structure .stat-card.highlight{background:var(--ink);border-color:var(--ink)}
.jbi-structure .stat-card.highlight .value{color:var(--green)}
.jbi-structure .stat-card.highlight :is(.label,.sub){color:#CFE4DB}
.jbi-structure .filter-btn{background:#FFF;border:1px solid var(--stroke);border-radius:999px}
.jbi-structure .filter-btn.active{background:var(--ink);border-color:var(--ink);color:#FFF}
.jbi-structure .fact-card,.jbi-structure .client-card{border:1px solid var(--stroke);border-radius:15px;background:#FFF;padding:22px;gap:16px;min-width:0}
.jbi-structure .fact-card:hover,.jbi-structure .client-card:hover{border-color:#C1D3CB;box-shadow:0 4px 15px #0B121106;transform:none}
.jbi-structure .fact-type{display:grid;place-items:center;flex-shrink:0;width:42px;height:46px;background:var(--green-light);color:var(--green-text);border-radius:11px}
.jbi-structure .fact-type .jbi-icon{width:23px;height:23px}
.jbi-structure .fact-main,.jbi-structure .client-info{min-width:0}
.jbi-structure .fact-actions,.jbi-structure .client-actions{flex-wrap:wrap;gap:7px}
.jbi-structure .fact-actions .icon-btn,.jbi-structure .client-actions .icon-btn{background:#FFFFFF;border:1px solid var(--stroke);color:var(--ink);border-radius:9px;min-width:44px;padding:10px 12px;font-size:13px}
.jbi-structure .fact-actions .icon-btn:hover,.jbi-structure .client-actions .icon-btn:hover{border-color:#97B7A9;background:#F4F6F5}
.jbi-structure .fact-actions .icon-btn.pay{background:var(--green-light);color:var(--green-text);border-color:#B5DCCC}
.jbi-structure .icon-btn.del{color:#A33130!important;border-color:#E5C8C4!important}
.jbi-structure .icon-btn svg{width:18px;height:18px;stroke-width:1.8}
.jbi-structure .client-num{background:var(--green-light);color:var(--green-text);border-radius:11px}
.jbi-structure .badge{border-radius:999px;padding:4px 9px;font-weight:500}
.jbi-structure .badge.paid{background:var(--green-light);color:var(--green-text)}
.jbi-structure .badge.pending,.jbi-structure .badge.quote{background:#F1F3F2;color:var(--muted)}
.jbi-structure .empty,.jbi-structure .loading{border:1px solid var(--stroke);border-radius:15px;background:#FFF}
.jbi-structure .empty .icon .jbi-icon{width:36px;height:36px;color:var(--green-text)}
.jbi-structure .search-box input{border-color:#C6D2CC!important;background:#FFF;min-height:48px!important}
/* Profile retains every section and form; the former side panel becomes the page heading. */
.jbi-profile.jbi-app-shell>.layout{display:block}
.jbi-profile.jbi-app-shell .left-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,290px);column-gap:30px;position:static;top:auto;width:100%;max-width:1160px;margin:0 auto 30px;padding:0;background:transparent;border:0;border-radius:0;min-height:0;overflow:visible}
.jbi-profile.jbi-app-shell .left-panel>.tag{grid-column:1;margin-bottom:12px;color:var(--green-text);font:500 10px var(--ftext);letter-spacing:.12em;background:transparent}
.jbi-profile.jbi-app-shell .left-panel>h1{grid-column:1;color:var(--ink);font-size:clamp(30px,3.2vw,42px);line-height:1.1;letter-spacing:-.035em;margin:0 0 16px}
.jbi-profile.jbi-app-shell .left-panel>.desc{display:block;grid-column:1;color:var(--muted);font-size:15px;line-height:1.65;max-width:650px;margin-bottom:16px}
.jbi-profile.jbi-app-shell .left-panel>.plan-box{grid-column:2;grid-row:1/4;align-self:start;margin:0;padding:22px;border:1px solid var(--stroke);border-radius:15px;background:#FFF;color:var(--ink)}
.jbi-profile.jbi-app-shell .plan-box :is(.plan-label,.plan-usage,.plan-name,.plan-title,.plan-count){color:var(--ink)}
.jbi-profile.jbi-app-shell .plan-box .plan-bar{background:#E3E7E5}
.jbi-profile.jbi-app-shell .left-panel>.features{display:flex;grid-column:1/-1;gap:14px 24px;flex-wrap:wrap;margin:8px 0 18px;color:var(--muted)}
.jbi-profile.jbi-app-shell .left-panel .feat{color:var(--muted);font-size:12px;margin:0}
.jbi-profile.jbi-app-shell .left-panel .feat .check{background:var(--green-light);color:var(--green-text)}
.jbi-profile.jbi-app-shell .jbi-profile-nav{display:flex;grid-column:1/-1;gap:8px 16px;flex-wrap:wrap;padding:0;border:0;margin:0}
.jbi-profile.jbi-app-shell .jbi-profile-nav a{border:1px solid var(--stroke);background:#FFF;color:var(--green-text);padding:9px 14px;border-radius:999px;font-size:12px}
.jbi-profile.jbi-app-shell .right-panel{width:100%;max-width:1160px;margin:0 auto;padding:0}
.jbi-profile.jbi-structure .section{border:1px solid var(--stroke);background:#FFFFFF;border-radius:16px;padding:30px}
.jbi-profile.jbi-structure .section-title{font-size:24px}
.jbi-profile.jbi-structure .logo-upload-area{background:#F4F6F5;border-color:#A9C1B6;border-radius:12px}
.jbi-profile.jbi-structure .plan-card{border-radius:14px;background:#FFF}
.jbi-profile.jbi-structure .plan-card.selected{background:var(--green-light);border-color:var(--green-text)}
.jbi-profile.jbi-structure .confirmation,.jbi-profile.jbi-structure .pay-box{background:#FFFFFF;border:1px solid var(--stroke);border-radius:16px}
.jbi-profile.jbi-structure .icon-circle{display:grid;place-items:center;background:var(--green-light);color:var(--green-text)}
.jbi-profile.jbi-structure .icon-circle .jbi-icon{width:32px;height:32px}
/* Help retains the existing guide and anchors, with a compact contents navigation. */
.jbi-help.jbi-app-shell>.layout{display:block}
.jbi-help.jbi-app-shell .left-panel{display:block;position:static;top:auto;max-height:none;overflow:visible;width:100%;max-width:1160px;padding:0;background:transparent;border:0;border-radius:0;margin:0 auto 28px}
.jbi-help.jbi-app-shell .left-panel>.tag{color:var(--green-text);font:500 10px var(--ftext);letter-spacing:.12em;margin-bottom:12px}
.jbi-help.jbi-app-shell .left-panel h1{color:var(--ink);font-size:clamp(30px,3.2vw,42px);line-height:1.12;margin-bottom:16px}
.jbi-help.jbi-app-shell .left-panel .desc{color:var(--muted);font-size:15px;line-height:1.7;max-width:750px}
.jbi-help.jbi-app-shell .side-menu{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.jbi-help.jbi-app-shell .side-menu a{display:flex;align-items:center;gap:7px;padding:9px 12px;min-height:42px;border:1px solid var(--stroke);border-radius:10px;background:#FFFFFF;color:var(--muted);font-size:12px;line-height:1.5}
.jbi-help.jbi-app-shell .side-menu a.active{background:var(--ink);color:#FFF;border-color:var(--ink)}
.jbi-help.jbi-app-shell .side-menu a>.icon{display:grid;place-items:center;margin:0;color:var(--green-text)}
.jbi-help.jbi-app-shell .side-menu a.active>.icon{color:var(--green)}
.jbi-help.jbi-app-shell .side-menu .jbi-icon{width:17px;height:17px}
.jbi-help.jbi-app-shell .right-panel{width:100%;max-width:1160px;padding:0;margin:auto}
.jbi-help.jbi-app-shell .jbi-help-mobile{display:none}
.jbi-help.jbi-structure .right-panel .section{border:1px solid var(--stroke);border-radius:16px;background:#FFF;padding:30px}
.jbi-help.jbi-structure .cmd,.jbi-help.jbi-structure .duo-card{background:#FFF;border-color:var(--stroke);border-radius:12px}
.jbi-help.jbi-structure .cmd-example{background:var(--green-light);border:0;border-radius:12px 12px 12px 3px;color:var(--green-text)}
.jbi-help.jbi-structure .jbi-copy{display:inline-flex;align-items:center;gap:7px;background:#FFF;border:1px solid #BCD0C6;border-radius:9px;color:var(--green-text);padding:9px 12px;font:500 12px var(--ftext);min-height:44px}
.jbi-help.jbi-structure .jbi-copy-status{font:500 12px var(--ftext);color:var(--green-text)}
.jbi-help.jbi-structure .step-num{border-radius:10px;background:var(--green-light);color:var(--green-text)}
.jbi-structure .jbi-note{background:var(--green-light);color:var(--green-text);border-left-color:var(--green-text)}
.jbi-structure .jbi-doc-content,.jbi-structure .sec-card,.jbi-structure .value-card{background:#FFF;border:1px solid var(--stroke)}
.jbi-structure .sec-card .ico,.jbi-structure .value-card .icon{background:var(--green-light);color:var(--green-text);border-radius:12px}
.jbi-structure .jbi-doc-toc a,.jbi-structure .jbi-inline-links a{color:var(--green-text)}
.jbi-auth.jbi-structure .left-panel{background:var(--ink)}
.jbi-auth.jbi-structure .form-box{border-radius:16px;border-color:var(--stroke)}
/* Finite feedback follows the existing success state; no simulated payment/save. */
.jbi-structure .confirmation{animation:jbi-confirm-in .28s cubic-bezier(.2,.7,.2,1) both}
.jbi-structure .confirmation .icon-circle{animation:jbi-check-in .32s .08s both}
.jbi-structure .modal-overlay.show .modal,.jbi-structure .modal-overlay.active .modal{animation:jbi-confirm-in .22s ease-out both}
.jbi-structure #logoPreview img{animation:jbi-confirm-in .22s ease-out both}
.jbi-structure .jbi-update-confirmed{animation:jbi-row-confirm .9s ease-out both}
.jbi-structure .jbi-update-confirmed .badge.paid{animation:jbi-check-in .3s ease-out both}
@keyframes jbi-confirm-in{from{transform:translateY(8px)}to{transform:translateY(0)}}
@keyframes jbi-check-in{0%{transform:scale(.85)}70%{transform:scale(1.04)}100%{transform:scale(1)}}
@keyframes jbi-row-confirm{0%{background:#E3F7F0;border-color:#12B886}100%{background:#FFFFFF;border-color:#E3E7E5}}
@media(min-width:1600px){.jbi-app-shell>.container,.jbi-app-shell>.layout{padding-inline:max(48px,calc((100vw - var(--sidebar) - 1240px)/2))}}
@media(max-width:1120px) and (min-width:821px){.jbi-structure{--sidebar:196px}.jbi-structure .jbi-sidebar{padding:25px 12px}.jbi-structure .jbi-sidebar a{font-size:12px;gap:9px}.jbi-structure .fact-card{flex-wrap:wrap}.jbi-structure .fact-main{flex:1}.jbi-structure .fact-actions{width:100%;padding-left:58px}.jbi-structure .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jbi-profile.jbi-app-shell .left-panel{grid-template-columns:1fr}.jbi-profile.jbi-app-shell .left-panel>.plan-box{grid-column:1;grid-row:auto;max-width:420px;margin-bottom:18px}.jbi-profile.jbi-app-shell .left-panel>.features{grid-column:1}.jbi-profile.jbi-structure .plan-cards{gap:10px}.jbi-profile.jbi-structure .plan-card{padding:17px 10px}}
@media(max-width:820px){.jbi-structure .jbi-sidebar{display:none}.jbi-app-shell>.nav .burger-btn{display:flex}.jbi-app-shell>.container,.jbi-app-shell>.layout{width:100%;margin:0;padding:94px 22px 40px}.jbi-app-shell>.site-footer{width:100%;margin-left:0!important}.jbi-app-shell>.nav .nav-right>.nav-link{display:none!important}.jbi-structure .mobile-menu{background:var(--ink)!important}.jbi-structure .mobile-menu a{min-height:48px}.jbi-structure .mobile-menu a.active{background:#12B88625!important;color:#83E6C8!important}.jbi-structure .mobile-menu .m-icon svg{stroke-width:1.8}.jbi-profile.jbi-app-shell .left-panel{display:block;margin-bottom:24px}.jbi-profile.jbi-app-shell .left-panel>.plan-box{margin:22px 0 18px;max-width:450px}.jbi-profile.jbi-app-shell .left-panel>.features{display:flex;gap:10px 20px}.jbi-profile.jbi-app-shell .jbi-profile-nav{display:flex;gap:7px}.jbi-help.jbi-app-shell .left-panel{display:block}.jbi-help.jbi-app-shell .side-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.jbi-help.jbi-app-shell .side-menu a{min-height:48px;font-size:12px;padding:10px}.jbi-help.jbi-app-shell .jbi-help-mobile{display:none}.jbi-structure .jbi-page-heading{margin-bottom:24px}.jbi-structure .stats-grid,.jbi-structure .stats-bar{gap:10px}.jbi-structure .stat-card,.jbi-structure .stats-bar>div{padding:19px}.jbi-structure .fact-actions .icon-btn,.jbi-structure .client-actions .icon-btn{min-height:46px}}
@media(max-width:540px){.jbi-app-shell>.container,.jbi-app-shell>.layout{padding:89px 16px 35px}.jbi-structure .page-title{font-size:31px}.jbi-structure .fact-card,.jbi-structure .client-card{padding:18px 16px;gap:13px}.jbi-structure .fact-main{flex:1;min-width:calc(100% - 58px)}.jbi-structure .fact-card{flex-wrap:wrap}.jbi-structure .fact-amount{margin-left:55px;font-size:21px}.jbi-structure .fact-actions{width:100%;padding:0;margin:3px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.jbi-structure .fact-actions .icon-btn{justify-content:center;white-space:normal;min-height:46px;font-size:12px}.jbi-structure .client-info{min-width:calc(100% - 62px)}.jbi-structure .client-actions{margin:0 0 0 55px;gap:8px}.jbi-profile.jbi-structure .section,.jbi-help.jbi-structure .right-panel .section{padding:23px 18px;border-radius:14px}.jbi-profile.jbi-app-shell .left-panel>.desc{display:block}.jbi-profile.jbi-app-shell .left-panel h1,.jbi-help.jbi-app-shell .left-panel h1{font-size:32px}.jbi-profile.jbi-structure .plan-cards,.jbi-profile.jbi-structure .plans-grid{grid-template-columns:1fr}.jbi-structure .row2{grid-template-columns:1fr}.jbi-structure .header-row{align-items:flex-start;flex-direction:column;gap:16px}.jbi-structure .jbi-copy-status{display:block;margin:8px 0 0}.jbi-structure .modal{padding:25px 18px}.jbi-structure .modal-btns{flex-wrap:wrap}.jbi-help.jbi-structure .cmd-example{font-size:13px;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.jbi-structure *,.jbi-structure *:before,.jbi-structure *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Correctifs 16.09.2026 après recette en ligne (Claude) */
/* Profil : la liste des atouts (PDF Swiss QR, multi-langues…) gardait sa couleur blanche héritée de l'ancien panneau sombre → invisible sur fond clair. */
.jbi-profile.jbi-app-shell .left-panel .feature-item span{color:var(--muted);font-size:12.5px}
.jbi-profile.jbi-app-shell .left-panel .feature-item .check{background:var(--green-light)}
.jbi-profile.jbi-app-shell .left-panel .feature-item .check::after{color:var(--green-text)}
.jbi-profile.jbi-app-shell .left-panel #compteInfo{border-top-color:var(--stroke);opacity:1;color:var(--muted)}
/* Tableau de bord mobile : « Top clients » débordait de 9 px (largeur minimale forcée à 160 px). */
@media(max-width:540px){.jbi-workspace .client-info{min-width:0}.jbi-structure .client-row{flex-wrap:wrap}.jbi-structure .client-total{margin-left:auto}}
/* Vérification WhatsApp (lot 5) : la carte disparaît une fois le numéro vérifié. */
/* La carte n'apparaît qu'à l'étape 3 (entreprise enregistrée + CGU acceptées), jamais avant le formulaire. */
.verification-card{display:none}
.verification-card.a-faire{display:block}
.verification-card.is-verified{display:none}