/* idsortie : « Installer l'appli » (maquette « Installer appli v2 », ticket b2b, 24 oct.). Chargé avec la web-app (ids-push.php). */
.ida-t{position:relative;filter:drop-shadow(0 18px 26px rgba(16,25,29,.16)) drop-shadow(0 2px 4px rgba(16,25,29,.08));transform:rotate(-2deg);transition:transform .45s cubic-bezier(.2,.9,.25,1.3);font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:#10191d}
.ida-t:hover{transform:rotate(0) scale(1.01)}
.ida-tc{position:relative;display:flex;align-items:stretch;min-height:118px;border-radius:24px;overflow:hidden;background:#fff;-webkit-mask:radial-gradient(circle 10px at 84px 0,#0000 97%,#000) top/100% 51% no-repeat,radial-gradient(circle 10px at 84px 100%,#0000 97%,#000) bottom/100% 51% no-repeat;mask:radial-gradient(circle 10px at 84px 0,#0000 97%,#000) top/100% 51% no-repeat,radial-gradient(circle 10px at 84px 100%,#0000 97%,#000) bottom/100% 51% no-repeat}
.ida-tal{flex:0 0 84px;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#ffe27a,#ffd84d 55%,#f7c933)}
.ida-ic{display:block;width:54px;height:54px;border-radius:15px;transform:rotate(-8deg);box-shadow:0 0 0 2.5px #fff,0 6px 12px rgba(16,25,29,.25);background:#fff}
.ida-pt{flex:0 0 0;border-left:2px dashed rgba(16,25,29,.2);margin:14px 0}
.ida-co{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:14px 14px 12px}
.ida-ti{font-family:'Unbounded',sans-serif;font-size:16px;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin:0}
.ida-bs{display:flex;gap:4px;align-items:center}
.ida-in{flex:1;min-height:48px;border:0;border-radius:14px;background:#10191d;color:#fff;font:800 16px 'Plus Jakarta Sans',system-ui,sans-serif;display:flex;gap:7px;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s cubic-bezier(.2,.9,.25,1.3)}
.ida-in:active{transform:scale(.96)}.ida-in svg{flex:0 0 auto}
.ida-pl{flex:0 0 auto;min-height:48px;padding:0 10px;border:0;background:none;color:#4a565b;font:700 14.5px 'Plus Jakarta Sans',system-ui,sans-serif;cursor:pointer}
/* bulle posée au-dessus de la barre du bas */
.ida-bulle{position:fixed;left:14px;right:14px;z-index:9990;bottom:var(--ida-bas,96px);opacity:0;translate:0 24px;transition:opacity .35s,translate .45s cubic-bezier(.2,.9,.25,1.3)}
.ida-bulle.on{opacity:1;translate:0 0}
body.ida-on #ids-ta-o{display:none!important}
/* accès permanent dans la page (accueil) */
.ida-sec{margin:30px auto 8px}.ida-sec[hidden],.ida-ligne[hidden]{display:none!important}
.ida-sec .ida-t{max-width:440px;margin:0 auto}
/* fenêtre des gestes */
.ida-voile{position:fixed;inset:0;z-index:99990;background:rgba(16,25,29,.4);opacity:0;transition:opacity .25s}.ida-voile.on{opacity:1}
.ida-f{position:fixed;left:8px;right:8px;z-index:99991;max-width:460px;margin:0 auto;max-height:calc(100vh - 40px);overflow-y:auto;scrollbar-width:none;border-radius:34px;background:linear-gradient(170deg,#fff 0%,#f6fafa 100%);box-shadow:0 -10px 40px rgba(16,25,29,.2);padding:18px 16px 16px;display:flex;flex-direction:column;gap:14px;font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:#10191d;opacity:0;translate:0 20px;transition:opacity .25s,translate .35s cubic-bezier(.2,.9,.25,1.3)}
.ida-f.on{opacity:1;translate:0 0}
.ida-f.bas{bottom:calc(14px + env(safe-area-inset-bottom))}.ida-f.haut{top:calc(14px + env(safe-area-inset-top))}
.ida-pointe{position:fixed;z-index:99992;width:22px;height:22px;background:#f6fafa;rotate:45deg;pointer-events:none;opacity:0;transition:opacity .25s}.ida-pointe.on{opacity:1}
.ida-pointe.bas{left:50%;margin-left:-11px;bottom:calc(4px + env(safe-area-inset-bottom));border-radius:0 0 5px 0;box-shadow:6px 6px 12px rgba(16,25,29,.12)}
.ida-pointe.haut{right:62px;top:calc(4px + env(safe-area-inset-top));border-radius:5px 0 0 0}
.ida-fh{display:flex;gap:12px;align-items:center}
.ida-fh b{flex:1;font-family:'Unbounded',sans-serif;font-size:19px;font-weight:700;letter-spacing:-.5px;line-height:1.2}
.ida-x{flex:0 0 auto;width:44px;height:44px;border:0;border-radius:14px;background:#eef4f4;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#10191d}
.ida-ets{position:relative;display:flex;flex-direction:column;gap:10px}
.ida-ets:before{content:"";position:absolute;left:31px;top:30px;bottom:30px;border-left:2.5px dashed rgba(16,25,29,.15)}
.ida-et{position:relative;display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:24px;background:#fff;border:1px solid rgba(16,25,29,.06);box-shadow:0 10px 24px rgba(16,25,29,.06)}
.ida-el{display:flex;gap:14px;align-items:center}
.ida-n{flex:0 0 auto;width:36px;height:36px;border-radius:50%;background:#10191d;color:#ffd84d;font:700 16px/36px 'Unbounded',sans-serif;text-align:center;box-shadow:0 0 0 3px #fff}
.ida-tx{flex:1;font-size:17px;line-height:1.35}
.ida-de{flex:0 0 auto;width:60px;height:60px;border-radius:18px;background:#e8eaec;display:flex;align-items:center;justify-content:center;color:#10191d}
.ida-de.rond{width:52px;height:52px;border-radius:50%;background:#e3e5e7}
.ida-de.blanc{background:#fff;border:1px solid rgba(16,25,29,.08);width:52px;height:44px;border-radius:12px}
.ida-li{display:flex;gap:12px;align-items:center;min-height:52px;padding:0 14px;border-radius:14px;background:#ececee;font-size:17px;box-shadow:inset 0 0 0 2px #ffd84d}
.ida-ent{display:flex;gap:12px;align-items:center}
.ida-ent img{width:52px;height:52px;border-radius:14px;box-shadow:0 0 0 2px #fff,0 4px 10px rgba(16,25,29,.18)}
.ida-ent b{display:block;font-size:18px}.ida-ent span{display:block;font-size:15px;color:#4a565b;margin-top:2px}
.ida-ok{display:flex;gap:8px;align-items:center;font-size:15px;color:#4a565b;margin:0}
.ida-tard{min-height:50px;border-radius:16px;border:1px solid rgba(16,25,29,.12);background:#fff;font:700 16px 'Plus Jakarta Sans',system-ui,sans-serif;color:#10191d;cursor:pointer}
.ida-fleche{position:fixed;z-index:99992;top:calc(10px + env(safe-area-inset-top));right:14px;pointer-events:none;opacity:0;transition:opacity .25s}.ida-fleche.on{opacity:1;animation:ida-hop 1.2s ease-in-out infinite}
@keyframes ida-hop{50%{translate:0 -6px}}
/* ligne discrète (Mes idées) */
.ida-ligne{display:flex;gap:12px;align-items:center;margin:12px 0 4px;padding:10px 12px;border-radius:16px;background:#fff8d6;font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:#10191d}
.ida-ligne img{width:36px;height:36px;border-radius:10px;flex:0 0 auto}
.ida-ligne span{flex:1;font-size:14.5px;font-weight:600;line-height:1.3}
.ida-ligne button{flex:0 0 auto;border:0;border-radius:12px;background:#10191d;color:#fff;font:800 14px 'Plus Jakarta Sans',system-ui,sans-serif;padding:10px 14px;cursor:pointer}
@media (min-width:900px){.ida-bulle,.ida-sec,.ida-ligne{display:none!important}}
@media (prefers-reduced-motion:reduce){.ida-t,.ida-bulle,.ida-f,.ida-fleche.on{transition:none;animation:none}}