/* Espace ambassadeurs : bleu nuit du site pandasmile.app, lavande du logo, vert bambou pour les actions */
:root{
  color-scheme:dark;
  --night:#0b0f19;--night-2:#131a2c;--night-3:#1c2540;--line:#2a3454;
  --ink:#f4f6fb;--muted:#a6b0c8;--sky:#9aa6ff;--lav:#5b68b1;--leaf:#7ed957;--leaf-d:#4c9f2f;--sun:#ffd166;--danger:#ff7a7a;
  --p-dentiste:#5fb8ff;--p-ortho:#7ed957;--p-chir:#ffd166;--p-orthophon:#ff9eb5;--p-kine:#c49bff;
  --display:"Fredoka",ui-rounded,"Arial Rounded MT Bold",system-ui,sans-serif;
  --body:"Nunito",ui-rounded,system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{height:100%}
body{margin:0;background:var(--night);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.45;-webkit-text-size-adjust:100%}
button,input,select{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--sun);outline-offset:2px}

/* Connexion */
.login{min-height:100%;max-width:460px;margin:0 auto;display:flex;flex-direction:column;gap:14px;
  padding-block:max(28px,env(safe-area-inset-top)) max(28px,env(safe-area-inset-bottom));
  padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right));
  background:radial-gradient(520px 340px at 50% -60px,#2e3778 0%,transparent 70%)}
.login-logo{width:min(250px,70%);height:auto;align-self:center}
.login h1{font-family:var(--display);font-weight:700;font-size:1.7rem;text-align:center;margin:0 0 6px}
.login form{display:flex;flex-direction:column;gap:10px}
.lbl{font-weight:800;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:6px 0 0}
.who{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.who button{background:var(--night-2);border:2px solid var(--line);border-radius:12px;padding:11px 4px;cursor:pointer;font-weight:700;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.who button.on{border-color:var(--leaf);background:#1d2d22;color:#fff}
.who button.guest{color:var(--muted);font-weight:600}
#pin{background:var(--night-3);border:2px solid transparent;border-radius:14px;padding:14px;font-size:1.5rem;letter-spacing:.5em;text-align:center;font-variant-numeric:tabular-nums;width:100%}
#pin:focus{border-color:var(--sky);outline:none}
.err{color:var(--danger);min-height:1.2em;margin:0;font-weight:700;font-size:.9rem}
.cta{font-family:var(--display);font-weight:600;font-size:1.12rem;color:var(--night);background:var(--leaf);border:0;border-radius:999px;padding:15px 20px;cursor:pointer;box-shadow:0 5px 0 var(--leaf-d)}
.cta:active{transform:translateY(3px);box-shadow:0 2px 0 var(--leaf-d)}
.note{color:var(--muted);font-size:.82rem;margin:0}
.login .note{text-align:center}

/* Application : en-tête + écrans qui glissent */
.app{height:100%;display:flex;flex-direction:column}
.head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;background:var(--night);border-bottom:1px solid var(--line);
  padding-block:max(10px,env(safe-area-inset-top)) 0;padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}
.head-logo{height:30px;width:auto;margin-bottom:8px}
.me{display:flex;align-items:center;gap:8px;font-size:.85rem;margin-bottom:8px;white-space:nowrap}
.out{background:none;border:1px solid var(--line);border-radius:999px;color:var(--muted);padding:4px 10px;font-size:.78rem;cursor:pointer}
.tabs{grid-column:1/-1;grid-row:2;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tabs button{flex:1;background:none;border:0;border-bottom:3px solid transparent;color:var(--muted);font-family:var(--display);font-weight:600;font-size:1rem;padding:8px 6px 9px;cursor:pointer;white-space:nowrap}
.tabs button.on{color:var(--ink);border-bottom-color:var(--leaf)}
.panes{flex:1;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.panes::-webkit-scrollbar{display:none}
.pane{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;overflow-y:auto;min-width:0;-webkit-overflow-scrolling:touch}
.pad{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:14px;
  padding-block:14px max(28px,env(safe-area-inset-bottom));padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}

/* Écran QR code */
.qr-wrap{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;
  padding-block:18px max(24px,env(safe-area-inset-bottom));padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right));
  background:radial-gradient(480px 320px at 50% 0,#232b63 0%,transparent 70%)}
.qr-hello{margin:0;color:var(--muted);font-size:1rem}
.qr-hello b{color:var(--ink)}
.qr-card{position:relative;background:#fff;border-radius:28px;padding:18px;width:min(78vw,52vh,360px);aspect-ratio:1;max-width:100%;box-shadow:0 20px 50px #000a}
#qr,#qr svg{width:100%;height:100%;display:block}
.qr-panda{position:absolute;left:50%;top:50%;width:22%;height:auto;transform:translate(-50%,-50%);border-radius:50%;border:5px solid #fff;background:#fff}
.qr-offer{margin:0;display:flex;flex-direction:column;gap:2px;color:var(--muted)}
.qr-offer strong{font-family:var(--display);font-weight:600;font-size:1.25rem;color:#fff;background:var(--lav);border-radius:999px;padding:6px 16px;margin-bottom:6px}
.qr-link{margin:0;display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--muted);max-width:100%}
.qr-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.qr-hint{margin:0;font-size:.85rem;color:var(--sky)}
.mini{background:var(--night-3);border:1px solid var(--line);border-radius:999px;padding:5px 11px;font-size:.78rem;font-weight:700;cursor:pointer;color:var(--ink);white-space:nowrap}

/* Stats */
.live{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--muted)}
.live #refresh{margin-left:auto}
.dot{width:9px;height:9px;border-radius:50%;background:var(--leaf);box-shadow:0 0 0 0 #7ed95799;animation:pulse 2s infinite}
.dot.off{background:var(--danger);animation:none}
@keyframes pulse{70%{box-shadow:0 0 0 8px #7ed95700}100%{box-shadow:0 0 0 0 #7ed95700}}
@media (prefers-reduced-motion:reduce){.dot{animation:none}}
.filters{display:flex;flex-direction:column;gap:8px}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chips button{background:var(--night-2);border:1px solid var(--line);border-radius:999px;padding:6px 13px;font-weight:700;font-size:.85rem;cursor:pointer;color:var(--muted)}
.chips button.on{background:var(--lav);border-color:var(--lav);color:#fff}
.selects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
@media (max-width:520px){.selects{grid-template-columns:1fr 1fr}.selects select:first-child{grid-column:1/-1}}
select{background:var(--night-2);border:1px solid var(--line);border-radius:12px;padding:9px 10px;font-size:.88rem;width:100%;min-width:0}
.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
@media (min-width:640px){.kpis{grid-template-columns:repeat(6,minmax(0,1fr))}}
.kpi{background:var(--night-2);border:1px solid var(--line);border-radius:16px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}
.kpi b{font-family:var(--display);font-weight:600;font-size:clamp(1.15rem,5.2vw,1.6rem);white-space:nowrap;line-height:1.1;font-variant-numeric:tabular-nums}
.kpi span{font-size:.74rem;color:var(--muted);line-height:1.2}
.kpi.hl{background:#1d2d22;border-color:#2f5a2a}
.kpi.hl b{color:var(--leaf)}
.block{background:var(--night-2);border:1px solid var(--line);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:10px;min-width:0}
.block h2{font-family:var(--display);font-weight:600;font-size:1.05rem;margin:0}
.chart-box{position:relative;height:210px}
.empty{color:var(--muted);margin:0;font-size:.88rem}
.duo{display:grid;grid-template-columns:1fr;gap:14px}
@media (min-width:640px){.duo{grid-template-columns:1fr 1fr}}
.bars{display:flex;flex-direction:column;gap:7px}
.bar{display:grid;grid-template-columns:minmax(0,9.5em) 1fr auto;align-items:center;gap:8px;font-size:.85rem}
.bar .n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bar .t{height:10px;border-radius:6px;background:var(--night-3);overflow:hidden}
.bar .t i{display:block;height:100%;border-radius:6px;background:var(--sky)}
.bar .v{font-variant-numeric:tabular-nums;font-weight:800;min-width:2.2em;text-align:right}
.funnel{display:flex;flex-direction:column;gap:6px}
.fstep{display:grid;grid-template-columns:minmax(0,10em) 1fr auto;gap:8px;align-items:center;font-size:.88rem}
.fstep .t{height:22px;border-radius:8px;background:var(--night-3);overflow:hidden}
.fstep .t i{display:block;height:100%;background:linear-gradient(90deg,var(--lav),var(--sky))}
.fstep:last-child .t i{background:var(--leaf)}
.fstep .v{font-variant-numeric:tabular-nums;font-weight:800;text-align:right;min-width:4.5em}
.fstep .v small{color:var(--muted);font-weight:600}
.tbl-wrap{overflow-x:auto;margin:0 -4px}
.tbl{width:100%;border-collapse:collapse;font-size:.8rem;font-variant-numeric:tabular-nums}
.tbl th{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:right;padding:4px 6px;font-weight:800;white-space:nowrap}
.tbl th:first-child,.tbl td:first-child{text-align:left}
.tbl td{padding:8px 4px;border-top:1px solid var(--line);text-align:right;white-space:nowrap}
.tbl tr.zero td{color:var(--muted)}
.rank{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--night-3);font-size:.7rem;font-weight:800;margin-right:6px}
.rank.r1{background:var(--sun);color:var(--night)}.rank.r2{background:#d9dde8;color:var(--night)}.rank.r3{background:#d39b6a;color:var(--night)}
.feed{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.feed li{display:flex;gap:10px;padding:8px 0;border-top:1px solid var(--line);font-size:.86rem;align-items:baseline}
.feed li:first-child{border-top:0}
.feed time{color:var(--muted);font-variant-numeric:tabular-nums;min-width:3.2em}
.feed .tag{margin-left:auto;font-size:.72rem;font-weight:800;border-radius:999px;padding:2px 8px;background:var(--night-3);color:var(--muted);white-space:nowrap}
.feed .tag.ok{background:#1d2d22;color:var(--leaf)}
.export{margin-top:4px}
.muted{color:var(--muted);font-size:.85rem}
.row-between{display:flex;justify-content:space-between;align-items:center;gap:10px}
.row-between select{width:auto}

/* Inscrits */
.search input{width:100%;background:var(--night-2);border:1px solid var(--line);border-radius:14px;padding:12px 14px;font-size:16px}
.leads{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.lead{background:var(--night-2);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.lead summary{list-style:none;cursor:pointer;padding:12px 14px;display:grid;grid-template-columns:auto 1fr auto;gap:2px 10px;align-items:center}
.lead summary::-webkit-details-marker{display:none}
.pdot{width:10px;height:10px;border-radius:50%;grid-row:1/3}
.lead .nm{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lead .sub{grid-column:2;color:var(--muted);font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lead .when{grid-row:1/3;grid-column:3;color:var(--muted);font-size:.78rem;text-align:right;font-variant-numeric:tabular-nums}
.lead dl{margin:0;padding:0 14px 14px;display:grid;grid-template-columns:auto 1fr;gap:5px 12px;font-size:.86rem}
.lead dt{color:var(--muted)}
.lead dd{margin:0;overflow-wrap:anywhere;user-select:text}

/* Carte */
.pane-map{position:relative}
#map{position:absolute;inset:0;background:#e8e8e8}
.legend{position:absolute;z-index:500;left:max(10px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));background:#131a2cee;border:1px solid var(--line);border-radius:12px;padding:8px 10px;font-size:.78rem;display:flex;flex-direction:column;gap:3px}
.legend span{display:flex;align-items:center;gap:6px}
.legend i{width:10px;height:10px;border-radius:50%;display:inline-block;flex:none}
.legend b{font-size:.8rem}
.legend small{color:var(--muted)}
.cnt{background:none;border:0;box-shadow:none;color:#fff;font-weight:800;font-family:var(--body);font-size:.8rem;padding:0;text-shadow:0 1px 2px #0008}
.cnt::before{display:none}
.leaflet-popup-content{font-family:var(--body);font-size:.88rem;color:#111}
.leaflet-container{font-family:var(--body)}

/* Suppression */
.del,.danger{background:none;border:1px solid #5a2a35;color:var(--danger);border-radius:12px;padding:10px 14px;font-weight:700;cursor:pointer;font-size:.88rem}
.del{margin:0 14px 14px}
.danger{margin-top:18px}
.del.armed,.danger.armed{background:var(--danger);color:var(--night);border-color:var(--danger)}