/* Espace client enrichi */
.clnav button,.cltab button{position:relative}
.clb{font-style:normal;margin-left:auto;background:var(--red);color:#fff;border-radius:99px;font-size:.7rem;font-weight:600;min-width:18px;height:18px;line-height:18px;text-align:center;padding:0 5px}
.cltab .clb{position:absolute;top:2px;right:calc(50% - 22px);margin:0}
.clnotif .nf{display:flex;gap:12px;align-items:flex-start;padding:11px 0;border-bottom:1px solid var(--line);cursor:pointer}
.clnotif .nf:last-of-type{border-bottom:0}
.clnotif .nf .dot{width:9px;height:9px;border-radius:50%;background:var(--blue);margin-top:7px;flex:none}
.clnotif .nf.up .dot{background:var(--red)}
.clnotif .nf b{display:block;font-weight:600}.clnotif .nf small{display:block;color:var(--muted);font-size:.86rem}
.clnotif{margin-bottom:20px}
.cldr{margin-bottom:20px;border-left:3px solid var(--red)}
.cldr .row{align-items:center;border-bottom:1px solid var(--line);padding:10px 0}
.clqa{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}
.clqa button{display:flex;flex-direction:column;align-items:flex-start;gap:8px;border:1px solid var(--line);background:var(--card);border-radius:8px;padding:14px;text-align:left;font:500 .92rem Inter,sans-serif;color:var(--ink);cursor:pointer}
.clqa button:hover{border-color:var(--blue)}
.clqa .ic{width:26px;height:26px}
.pill2.late{background:var(--red-t);color:var(--red-d)}
b.late{color:var(--red-d)}
.callout.ok{background:var(--green-t)}
.rpsum .card small{display:block;font-size:.8rem;margin-top:2px}
.clreq{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line)}
.clreq:last-child{border-bottom:0}
.clresp{margin-top:6px;font-size:.9rem;background:var(--bg);border-radius:6px;padding:8px 10px}
.cldoc{display:flex;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.cldoc:last-child{border-bottom:0}
.cldoc>div:nth-child(2){flex:1;min-width:0}.cldoc b{display:block}.cldoc small{display:block;font-size:.86rem}
.cldoc .docico{width:42px;height:42px;border-radius:8px;background:var(--blue-t);display:grid;place-items:center;flex:none}
.cldoc .docico .ic{width:24px;height:24px}
.cldoc select{padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink)}
.clchat{padding:0;overflow:hidden}
.clthread{max-height:52vh;min-height:220px;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:10px;background:var(--bg)}
.clmsg{max-width:80%;background:var(--card);border:1px solid var(--line);border-radius:14px 14px 14px 4px;padding:10px 14px;align-self:flex-start}
.clmsg.me{align-self:flex-end;background:var(--blue-t);border-color:transparent;border-radius:14px 14px 4px 14px}
.clmsg small{color:var(--muted);font-size:.78rem}.clmsg p{margin:3px 0 0;white-space:pre-wrap}.clmsg .btn{margin-top:8px}
.clcompose{padding:14px 18px;border-top:1px solid var(--line)}
.clcompose textarea{width:100%;border:1px solid var(--line);border-radius:6px;padding:10px 12px;font:inherit;resize:vertical;background:var(--card);color:var(--ink)}
.clcompose-a{display:flex;gap:10px;align-items:center;margin-top:10px;flex-wrap:wrap}
.clh4{font:600 1rem "Inter Tight",sans-serif;margin:0 0 10px}
.row2{display:grid;grid-template-columns:1fr 2fr;gap:12px}
.faqi{border-bottom:1px solid var(--line);padding:10px 0}.faqi summary{cursor:pointer;font-weight:500}.faqi p{margin:8px 0 0;color:var(--muted)}
.faqsec{margin-top:14px}
.clpwa{display:flex;gap:14px;align-items:center;position:relative;padding-right:52px}.clpwa>div{flex:1}.clpwa .mx{position:absolute;top:12px;right:12px}
.clsheet{position:fixed;inset:0;background:rgba(11,31,58,.45);z-index:60;display:flex;align-items:flex-end}
.clsheet-in{background:var(--card);width:100%;border-radius:16px 16px 0 0;padding:12px 12px calc(14px + env(safe-area-inset-bottom));display:grid;gap:4px}
.clsheet-in button{display:flex;gap:14px;align-items:center;border:0;background:none;padding:14px;border-radius:10px;font:500 1rem Inter,sans-serif;color:var(--ink);text-align:left}
.clsheet-in button:hover{background:var(--bg)}.clsheet-in .ic{width:24px;height:24px}
.cltoast{position:fixed;bottom:96px;left:50%;transform:translateX(-50%);background:var(--navy);color:#fff;padding:10px 16px;border-radius:8px;z-index:70}
.cltoast.err{background:var(--red)}
.note.error,p.error{color:var(--red-d)}
@media(max-width:900px){.clqa{grid-template-columns:1fr 1fr}.row2{grid-template-columns:1fr 1fr}.clmsg{max-width:92%}}

/* mode sombre de l'espace client */
body.cl-dark{--bg:#0E1622;--card:#162131;--ink:#E6ECF3;--muted:#9AA8B8;--line:#26354A;--blue-t:#1A2C45;--green-t:#163126;--red-t:#3A1C1A;--amber-t:#3A2D14;--navy:#E6ECF3}
body.cl-dark .clnav button:hover,body.cl-dark .clnav button.on{background:var(--card)}
body.cl-dark .card,body.cl-dark .box{background:var(--card);color:var(--ink)}
body.cl-dark input,body.cl-dark select,body.cl-dark textarea{background:#0F1926;color:var(--ink);border-color:var(--line)}
body.cl-dark .in-client .cltab,body.cl-dark .cltab{background:#121C29;border-color:var(--line)}
body.cl-dark header,body.cl-dark .top,body.cl-dark footer{filter:none}
body.cl-dark .sch th,body.cl-dark .sch td{border-color:var(--line);color:var(--ink)}
body.cl-dark .callout{color:var(--ink);border-color:var(--line)}
body.cl-dark .btn.ghost{color:var(--ink);border-color:var(--line)}
body.cl-dark .muted{color:var(--muted)}
body.cl-dark .util{background:#08101A}
body.cl-dark header.top,body.cl-dark .clhead{background:#121C29;border-color:var(--line)}
body.cl-dark header.top a,body.cl-dark header.top button:not(.btn),body.cl-dark .clhead{color:var(--ink)}
body.cl-dark header.top .btn:not(.ghost){background:var(--red);border-color:var(--red);color:#fff}
body.cl-dark .clhead .btn,body.cl-dark header.top .burger,body.cl-dark header.top [aria-label]{border-color:var(--line);color:var(--ink);background:transparent}
body.cl-dark .page,body.cl-dark main{background:var(--bg)}
body.cl-dark footer,body.cl-dark .foot{background:#08101A}
body.cl-dark .lang button.on{color:#0B1F3A}

/* sélecteur de banques */
.oblist{max-height:52vh;overflow:auto;margin-top:10px;padding-right:4px}
.obsec{font:600 .78rem Inter,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:16px 0 6px}.obsec small{font-weight:500;opacity:.7}
.banklist .obbank{display:flex;align-items:center;gap:12px;text-align:left}
.oblg{width:36px;height:36px;border-radius:8px;flex:none;display:grid;place-items:center;color:#fff;font:600 .8rem Inter,sans-serif;overflow:hidden}
.oblg.img{background:#fff;border:1px solid var(--line)}.oblg img{width:28px;height:28px;object-fit:contain}
.obn{display:flex;flex-direction:column;min-width:0}.obn b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.obn small{color:var(--muted);font-size:.8rem}
.obsel{display:flex;align-items:center;gap:12px;text-align:left}
.oblist .banklist{max-height:none;overflow:visible;margin-top:0}
.oblg.img.err{background:var(--c);border:0}.oblg.img.err::after{content:attr(data-ini)}
body.cl-dark .oblg.img{background:#fff}
.obdet{border-top:1px solid var(--line)}.obdet summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;padding:12px 2px;margin:0}.obdet summary::after{content:'+';font-size:1.1rem;color:var(--muted)}.obdet[open] summary::after{content:'–'}.obdet .banklist{margin-bottom:12px}
.obdet summary small{margin-left:8px;margin-right:auto}
.obsim{margin-top:14px;border:1px dashed var(--line);border-radius:8px;padding:12px}
.obother .obn small{color:var(--muted)}
.pulse{width:54px;height:54px;border-radius:50%;background:var(--blue);margin:8px auto;animation:pls 1.2s ease-out infinite;box-shadow:0 0 0 0 rgba(31,95,168,.5)}
@keyframes pls{0%{box-shadow:0 0 0 0 rgba(31,95,168,.5)}70%{box-shadow:0 0 0 22px rgba(31,95,168,0)}100%{box-shadow:0 0 0 0 rgba(31,95,168,0)}}
.center{text-align:center}

/* --- retour visuel de chargement (barre, transitions, clic) --- */
#loadbar{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--red),#ff7a4d);z-index:99999;opacity:0;pointer-events:none;transition:width .3s ease,opacity .25s ease;box-shadow:0 0 10px rgba(213,43,30,.55)}
#loadbar.on{opacity:1}
.btn:active:not(:disabled){transform:translateY(1px) scale(.985)}
.btn.clicked:not(:disabled){animation:btnpulse .42s ease}
@keyframes btnpulse{0%{box-shadow:0 0 0 0 rgba(213,43,30,.3)}100%{box-shadow:0 0 0 12px rgba(213,43,30,0)}}
.view.on{animation:viewfade .34s ease both}
@media (prefers-reduced-motion:reduce){.view.on{animation:none}.btn.clicked{animation:none}}
@keyframes viewfade{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
/* spinner générique réutilisable dans les boutons occupés */
.btn[aria-busy="true"]{position:relative;color:transparent!important;pointer-events:none}
.btn[aria-busy="true"]::after{content:"";position:absolute;inset:0;margin:auto;width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:btnspin .6s linear infinite;color:#fff}
.btn.ghost[aria-busy="true"]::after,.btn.outl[aria-busy="true"]::after{color:var(--red)}
@keyframes btnspin{to{transform:rotate(360deg)}}

/* --- animation de connexion bancaire --- */
.obconnect{display:flex;flex-direction:column;align-items:center;gap:20px;padding:30px 0 14px}
.obconnect img,.obconnect .bi,.obconnect .oblg{width:58px!important;height:58px!important;border-radius:14px;object-fit:contain;background:#fff;box-shadow:0 4px 18px rgba(11,31,58,.14)}
.obload{display:flex;gap:9px}
.obload span{width:12px;height:12px;border-radius:50%;background:var(--blue,#1F5FA8);animation:obbounce 1s ease-in-out infinite}
.obload span:nth-child(2){animation-delay:.16s}
.obload span:nth-child(3){animation-delay:.32s}
@keyframes obbounce{0%,75%,100%{transform:translateY(0);opacity:.35}38%{transform:translateY(-12px);opacity:1}}
@media (prefers-reduced-motion:reduce){.obload span{animation:none;opacity:.7}}

/* --- carte conseiller --- */
.advcard{margin-top:16px}
.advcard .advrow{display:flex;gap:14px;align-items:center}
.advav{flex:none;width:52px;height:52px;border-radius:50%;background:linear-gradient(145deg,#2A6FBF,#143d6b);color:#fff;display:grid;place-items:center;font:600 18px 'Inter Tight',sans-serif}
.advlinks{font-size:.92rem;word-break:break-word}
.advlinks a{color:var(--blue,#1F5FA8);text-decoration:none}
.advlinks a:hover{text-decoration:underline}

/* --- validation via l'application (icône téléphone animée) --- */
.pushic{position:relative;width:110px;height:120px;margin:18px auto 10px;display:grid;place-items:center}
.pushic svg{position:relative;z-index:1;filter:drop-shadow(0 10px 18px rgba(20,32,46,.22))}
.pushring{position:absolute;inset:8px 18px;border-radius:24px;border:2px solid rgba(31,95,168,.35);animation:pushring 1.8s ease-out infinite}
.pushcard{animation:pushin 3.2s ease-in-out infinite;transform-origin:32px 31px}
.pushok{opacity:0;animation:pushok 3.2s ease-in-out infinite;transform-origin:32px 60px}
@keyframes pushin{0%{transform:translateY(-14px);opacity:0}12%,85%{transform:none;opacity:1}100%{opacity:0}}
@keyframes pushok{0%,40%{opacity:0;transform:scale(.6)}52%,85%{opacity:1;transform:scale(1)}100%{opacity:0}}
@keyframes pushring{0%{transform:scale(.9);opacity:.9}100%{transform:scale(1.25);opacity:0}}
@media (prefers-reduced-motion:reduce){.pushcard,.pushok,.pushring{animation:none}.pushok{opacity:1}}
/* --- option IBAN manuelle désactivée --- */
.bkopt.bkoff{opacity:.55;filter:grayscale(.6);pointer-events:none;position:relative}
.bkopt.bkoff .status-chip{background:#EEF1F5;color:var(--muted)}

/* --- langue de correspondance (formulaire de demande) --- */
.aplang{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;font-size:.88rem;color:var(--muted);margin-bottom:14px}
.aplang .lang{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.aplang .lang button{border:0;background:#fff;padding:6px 12px;font-weight:600;color:var(--muted);cursor:pointer}
.aplang .lang button.on{background:var(--navy);color:#fff}

/* --- bandeau cookies discret --- */
.cookie{left:50%!important;right:auto;transform:translateX(-50%);bottom:14px;width:min(780px,calc(100vw - 24px))!important;display:flex;align-items:center;gap:14px;padding:10px 12px 10px 16px;border-radius:12px;background:rgba(255,255,255,.97);backdrop-filter:blur(8px);box-shadow:0 6px 24px rgba(11,31,58,.14);animation:ckin .35s ease}
.cookie[hidden]{display:none!important}
.cookie p{margin:0;flex:1;min-width:0;font-size:.8rem;line-height:1.45;color:var(--muted)}
.cookie p b{color:var(--ink);font-weight:600}
.cookie p a{margin-left:4px;text-decoration:underline}
.cookie .b{margin:0!important;flex:none;flex-wrap:nowrap!important;gap:6px}
.cookie .b .btn{flex:none!important;padding:6px 12px!important;font-size:.8rem!important}
@keyframes ckin{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}
@media(max-width:620px){.cookie{flex-direction:column;align-items:stretch;gap:8px;bottom:10px}.cookie .b .btn{flex:1!important}}
.in-client .cookie{bottom:90px}

/* --- chat conseiller --- */
.advav{position:relative}
.advav.sm{width:38px;height:38px;font-size:14px;flex:none;border-radius:50%;background:linear-gradient(145deg,#2A6FBF,#143d6b);color:#fff;display:grid;place-items:center;font-weight:600}
.advav.xl{width:76px;height:76px;font-size:26px;border-radius:50%;background:linear-gradient(145deg,#2A6FBF,#143d6b);color:#fff;display:grid;place-items:center;font-weight:600;position:relative;z-index:1}
.advon{position:absolute;right:0;bottom:1px;width:11px;height:11px;border-radius:50%;background:#22c55e;border:2px solid #fff}
.advav.xl .advon{width:16px;height:16px;right:3px;bottom:3px}
.advfab{position:fixed;right:18px;bottom:18px;z-index:9000;display:flex;align-items:center;gap:10px;border:0;cursor:pointer;background:#fff;border-radius:999px;padding:7px 16px 7px 7px;box-shadow:0 10px 30px rgba(11,31,58,.22);color:var(--ink);text-align:left;animation:ckin .3s ease}
.advfab:hover{box-shadow:0 12px 34px rgba(11,31,58,.3)}
.advfab-t b{display:block;font-size:.92rem}.advfab-t small{display:block;font-size:.74rem;color:var(--muted)}
.advbadge{position:absolute;top:-4px;right:-4px;background:var(--red);color:#fff;font-style:normal;font-size:.7rem;font-weight:700;border-radius:999px;min-width:20px;height:20px;display:grid;place-items:center;padding:0 5px}
.advchat{position:fixed;right:18px;bottom:18px;z-index:9001;width:min(370px,calc(100vw - 24px));height:min(560px,calc(100vh - 110px));background:#fff;border-radius:18px;box-shadow:0 20px 60px rgba(11,31,58,.3);display:flex;flex-direction:column;overflow:hidden;animation:ckin .25s ease}
.advchat header{display:flex;gap:10px;align-items:center;padding:12px 14px;background:linear-gradient(135deg,#14202e,#1f3a5c);color:#fff}
.advchat header b{display:block;font-size:.95rem}.advchat header small{display:block;font-size:.76rem;color:#c9d6e6}
.advonl{color:#86efac}
.advx{border:0;background:rgba(255,255,255,.12);color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:18px;line-height:1}
.advbody{flex:1;overflow:auto;padding:14px;background:#f5f7fa;display:flex;flex-direction:column;gap:8px}
#advList{display:flex;flex-direction:column;gap:8px}
.advmsg{max-width:85%;padding:8px 12px;border-radius:14px;font-size:.88rem;line-height:1.45;background:#fff;border:1px solid #e6eaf0;align-self:flex-start}
.advmsg b{display:block;font-size:.72rem;color:var(--muted);margin-bottom:2px}
.advmsg p{margin:0;white-space:pre-wrap;word-break:break-word}
.advmsg time{display:block;font-size:.68rem;color:#9aa6b2;margin-top:3px}
.advmsg.me{align-self:flex-end;background:#1F5FA8;color:#fff;border-color:transparent}.advmsg.me b,.advmsg.me time{color:#cfe0f4}
.advform{display:flex;gap:8px;padding:10px;border-top:1px solid #e6eaf0;background:#fff}
.advform textarea{flex:1;resize:none;border:1px solid var(--line);border-radius:12px;padding:9px 12px;font:inherit;font-size:.9rem;max-height:110px}
.advform .btn{padding:0 14px;border-radius:12px}
.advmail{display:block;text-align:center;font-size:.75rem;padding:6px 10px 10px;color:var(--muted);text-decoration:none;background:#fff;word-break:break-all}
.in-client .advfab{bottom:90px}
@media(max-width:860px){.in-client .advfab{bottom:84px}.advfab-t{display:none}.advfab{padding:6px}.advchat{right:8px;left:8px;bottom:8px;width:auto;height:calc(100vh - 80px)}}
/* --- accompagnement connexion bancaire --- */
.obadv{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 0 4px;position:relative}
.obadv b{font-size:1.05rem}.obadv small{color:var(--muted)}
.obadv.wait .advring{position:absolute;top:8px;left:50%;width:88px;height:88px;margin-left:-44px;border-radius:50%;border:3px solid rgba(31,95,168,.35);animation:pushring 1.4s ease-out infinite}
.obadvbar{display:flex;align-items:center;gap:10px;background:#EEF4FB;border:1px solid #d6e4f5;border-radius:12px;padding:8px 10px;margin-bottom:12px;font-size:.88rem;font-weight:500}

/* --- suivi : verdict de la décision --- */
.tkverdict{display:inline-block;font-weight:700;font-size:.78rem;letter-spacing:.02em;padding:2px 9px;border-radius:999px;margin-right:6px;vertical-align:1px}
.tkverdict.ok{background:#E8F3ED;color:#2F7D5B}
.tkverdict.no{background:#FCEDEB;color:#B21F14}
.tl li.done.refused .dot{background:#D52B1E;border-color:#D52B1E}

/* --- chat du site (visiteurs) --- */
.scav{background:#D52B1E!important}
.scstart{display:flex;flex-direction:column;gap:8px;padding:12px;border-top:1px solid #e6eaf0;background:#fff}
.scstart input,.scstart textarea{border:1px solid var(--line);border-radius:10px;padding:9px 12px;font:inherit;font-size:.9rem;resize:none}
.scstart .error{margin:0;min-height:0;font-size:.8rem}
.scwait{font-size:.78rem;color:var(--muted);text-align:center;margin:6px 0 0}
/* accueil client restructuré */
.chgrid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}
.chmain{display:grid;gap:20px;min-width:0}.chside{display:grid;gap:20px;position:sticky;top:90px}
@media(max-width:960px){.chgrid{grid-template-columns:1fr}.chside{position:static}}
.chpath{list-style:none;margin:14px 0 0;padding:0;position:relative}
.chpath li{display:flex;gap:14px;align-items:center;padding:10px 0;position:relative}
.chpath li:not(:last-child):after{content:"";position:absolute;left:15px;top:42px;bottom:-10px;width:2px;background:var(--line)}
.chpath li.ok:not(:last-child):after{background:var(--green)}
.chpath .n{width:32px;height:32px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;font-size:.85rem;font-weight:600;color:var(--muted);flex:none;background:var(--bg,#fff);z-index:1}
.chpath li.ok .n{background:var(--green);border-color:var(--green);color:#fff}
.chpath li.todo .n{border-color:var(--red);color:var(--red)}
.chpath li.now .n{border-color:#C98A12;color:#C98A12}
.chpath li>div{flex:1}.chpath b{display:block;font-weight:500}.chpath small{color:var(--muted);font-size:.82rem}
.chpath li.ok small{color:var(--green)}.chpath li.todo small{color:var(--red)}.chpath li.now small{color:#C98A12;font-weight:500}
.chpath li.next b{color:var(--muted)}
.chadv .advrow{display:flex;gap:12px;align-items:center}.chadv .advav{position:relative}
.chadv-a{display:flex;gap:8px;flex-wrap:wrap}.chadv-a .btn{flex:1}
.chqa{display:grid;gap:6px;margin-top:10px}.chqa button{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:none;cursor:pointer;font:inherit;color:inherit;text-align:left}
.chqa button:hover{border-color:var(--ink)}.chqa .ic{width:22px;height:22px}
.nf.read{opacity:.6}.nf.read .dot{background:#C5D1DF}
.chmodal{position:fixed;inset:0;background:rgba(11,31,58,.45);display:grid;place-items:center;z-index:9999;padding:16px}
.chmodal-in{width:min(520px,100%);max-height:90vh;overflow:auto}.chmodal .mh{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.chmodal textarea,.chmodal input{width:100%}.chmodal .macts{display:flex;gap:10px;justify-content:flex-end}
/* toasts lisibles */
.cltoast{background:#0B1F3A!important;color:#fff!important}.cltoast.err{background:#fff!important;color:#B21F14!important;border:1px solid #F1C4BF;border-left:4px solid #D52B1E}
.advav{position:relative;overflow:visible}.advav .advimg{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover}
.advav .advon{z-index:1}
/* chats : plus compacts, plein écran propre sur mobile */
.advchat{width:min(340px,calc(100vw - 24px));height:min(480px,calc(100vh - 120px))}
@media(max-width:600px){
  .advfab{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));padding:5px}
  .advfab .advfab-t{display:none}
  body.in-client .advfab{bottom:calc(76px + env(safe-area-inset-bottom))}
  .advchat{inset:auto 0 0 0;width:100%;height:min(78vh,560px);height:min(78dvh,560px);border-radius:16px 16px 0 0}
  .advchat .advform textarea{font-size:16px}
  .scstart input,.scstart textarea{font-size:16px}
}
.pwwrap{position:relative}.pwwrap input{padding-right:46px!important;width:100%}.pweye{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:none;cursor:pointer;color:var(--muted);padding:6px;display:grid;place-items:center}.pweye:hover{color:var(--ink)}