:root{--sable: #f2e7d3;--sable-fonce: #e3d2b4;--ocre: #b95c1f;--ocre-clair: #d97e3a;--nuit: #1e2d4f;--acacia: #2f6b4f;--acacia-clair: #3f8a66;--rouge: #b33a2b;--encre: #2a2118;--blanc-chaud: #fbf7ef}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:Avenir Next,Segoe UI,system-ui,-apple-system,sans-serif;background:var(--blanc-chaud);color:var(--encre)}#root{min-height:100dvh;display:flex;flex-direction:column}.weave{height:10px;flex:none;background:repeating-linear-gradient(135deg,var(--ocre) 0 8px,var(--rouge) 8px 16px,var(--nuit) 16px 24px,var(--acacia) 24px 32px)}.ville-mode .weave{background:repeating-linear-gradient(135deg,var(--acacia) 0 8px,var(--nuit) 8px 16px,var(--ocre) 16px 24px,var(--acacia-clair) 24px 32px)}.agent-mode .weave{background:repeating-linear-gradient(135deg,var(--nuit) 0 8px,var(--ocre) 8px 16px,var(--nuit) 16px 24px,var(--rouge) 24px 32px)}.admin-mode .weave{background:repeating-linear-gradient(135deg,var(--encre) 0 8px,var(--ocre) 8px 16px,var(--encre) 16px 24px,var(--acacia) 24px 32px)}.demo-switch{display:flex;gap:4px;justify-content:center;flex-wrap:wrap;background:#1e2d4f0f;padding:6px 8px;border-bottom:1px dashed rgba(30,45,79,.2)}.demo-switch button{border:none;background:transparent;padding:6px 12px;border-radius:999px;font-family:inherit;font-size:12px;font-weight:700;color:#6b5b42;cursor:pointer}.demo-switch button.active{background:var(--nuit);color:#fdf8ee}.appbar{flex:none;display:flex;align-items:center;gap:10px;padding:14px 18px 12px;background:var(--sable)}.ville-mode .appbar{background:#e8efe7}.agent-mode .appbar{background:#e3e8f1}.admin-mode .appbar{background:#ede9e0}.avatar{width:42px;height:42px;border-radius:50%;flex:none;background:var(--ocre);color:#fff7e8;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px}.ville-mode .avatar{background:var(--acacia)}.agent-mode .avatar{background:var(--nuit)}.admin-mode .avatar{background:var(--encre)}.who{flex:1;min-width:0}.who .nom{font-weight:800;font-size:15.5px}.who .lieu{font-size:12px;color:#7a6a50}.pill{flex:none;border:1.5px solid rgba(90,70,40,.35);border-radius:999px;padding:5px 11px;font-size:12px;font-weight:800;color:#5f4e35;background:#fff9;cursor:pointer;font-family:inherit}.body{flex:1;overflow-y:auto;padding:16px 16px 96px;max-width:560px;width:100%;margin:0 auto}.section-eyebrow{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;font-weight:800;color:var(--ocre);margin:6px 2px 8px}.ville-mode .section-eyebrow{color:var(--acacia)}.agent-mode .section-eyebrow{color:var(--nuit)}.admin-mode .section-eyebrow{color:var(--encre)}.card{background:#fff;border:1px solid #eadfc9;border-radius:18px;padding:15px;margin-bottom:12px;box-shadow:0 2px 8px #503c140d}.ville-mode .card{border-color:#dce6da}.btn{display:block;width:100%;border:none;border-radius:14px;padding:14px;font-family:inherit;font-size:15px;font-weight:800;cursor:pointer;margin-top:10px;background:var(--ocre);color:#fff6e6;transition:transform .12s,filter .2s}.btn:hover{filter:brightness(1.06)}.btn:active{transform:scale(.98)}.btn.vert{background:var(--acacia)}.btn.nuit{background:var(--nuit)}.btn.ghost{background:transparent;border:2px solid var(--ocre);color:var(--ocre)}.ville-mode .btn.ghost{border-color:var(--acacia);color:var(--acacia)}.btn[disabled]{opacity:.45;cursor:default}.alerte{border-left:5px solid var(--rouge);background:#fcf1ec;border-radius:14px;padding:13px 14px;margin-bottom:12px}.alerte .titre{font-weight:800;font-size:14px;color:var(--rouge)}.alerte p{font-size:13px;line-height:1.5;color:#5a4335;margin-top:4px}.bete-row{display:flex;align-items:center;gap:12px;padding:11px 4px;border-bottom:1px dashed #eadfc9}.bete-row:last-child{border-bottom:none}.bete-ico{font-size:28px;flex:none}.bete-txt{flex:1}.bete-txt b{font-size:14.5px}.bete-txt span{display:block;font-size:11.5px;color:#8a7a5e}.bete-val{font-weight:800;font-size:13.5px;color:var(--acacia)}.bete-val.neg{color:var(--rouge)}.gauge-wrap{text-align:center;padding-top:4px}.gauge-svg{width:210px;height:120px}.gauge-num{font-size:27px;font-weight:800;margin-top:-46px}.gauge-lab{font-size:12px;color:#7a6a50;margin-bottom:6px}.gauge-detail{display:flex;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px dashed #e4d6bc;font-size:12.5px;color:#5f4e35}.gauge-detail b{display:block;font-size:14.5px;color:var(--encre)}.sync-banner{display:flex;align-items:center;gap:10px;background:#fdf3e3;border:1.5px dashed var(--ocre);border-radius:14px;padding:11px 13px;margin-bottom:12px;font-size:12.5px;color:#7a5a28;font-weight:700}.sync-banner button{margin-left:auto;border:none;border-radius:10px;background:var(--ocre);color:#fff;font-family:inherit;font-weight:800;font-size:12px;padding:8px 12px;cursor:pointer;flex:none}.sync-banner.ok{background:#eaf4ee;border-color:var(--acacia);color:var(--acacia)}.sync-banner.warn{background:#fcf1ec;border-color:var(--rouge);color:var(--rouge)}.check-row{display:flex;align-items:center;gap:11px;padding:10px 2px;border-bottom:1px dashed #eadfc9}.check-row:last-child{border-bottom:none}.check-box{width:30px;height:30px;border-radius:9px;border:2px solid #cbbd9e;background:#fff;flex:none;cursor:pointer;font-size:16px;color:#fff;display:flex;align-items:center;justify-content:center}.check-box.ok{background:var(--acacia);border-color:var(--acacia)}.check-txt{flex:1}.check-txt b{font-size:13.5px;display:block}.check-txt span{font-size:11.5px;color:#8a7a5e}.chips{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 4px}.chip{border:1.5px solid #cbbd9e;background:#fff;border-radius:999px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:700;color:#5f4e35;cursor:pointer}.chip.sel{background:var(--nuit);border-color:var(--nuit);color:#fff}.gps-row{display:flex;align-items:center;gap:8px;background:#f1f4f8;border-radius:12px;padding:10px 12px;font-size:12.5px;color:#3d4b66;font-weight:700;margin-top:10px}.field-label{font-size:12px;font-weight:800;color:#8a7a5e;margin-top:10px}.text-input{width:100%;border:1.5px solid #cbbd9e;border-radius:12px;padding:12px;font-family:inherit;font-size:15px;margin-top:5px;background:#fff}.text-input:focus{outline:2px solid var(--ocre);border-color:var(--ocre)}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:35;background:#fff;border-top:1px solid #eadfc9;display:flex;padding:8px 6px calc(12px + env(safe-area-inset-bottom));max-width:560px;margin:0 auto}.tab{flex:1;border:none;background:transparent;font-family:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border-radius:12px}.tab .tico{font-size:21px;line-height:1;filter:grayscale(.6);opacity:.55}.tab .tlab{font-size:10px;font-weight:800;color:#9a8c72}.tab.active .tico{filter:none;opacity:1}.tab.active .tlab{color:var(--ocre)}.ville-mode .tab.active .tlab{color:var(--acacia)}.agent-mode .tab.active .tlab{color:var(--nuit)}.admin-mode .tab.active .tlab{color:var(--encre)}.toast{position:fixed;top:70px;left:50%;transform:translate(-50%);background:var(--nuit);color:#fff6e6;font-size:13px;font-weight:700;padding:10px 18px;border-radius:999px;z-index:50;max-width:88%;box-shadow:0 10px 24px #14193259}.login-wrap{flex:1;display:flex;flex-direction:column;justify-content:center;padding:24px;max-width:420px;margin:0 auto;width:100%}.logo{font-family:Georgia,serif;font-size:52px;font-weight:800;letter-spacing:-.02em;color:var(--nuit);line-height:1;text-align:center}.logo-weave{height:8px;margin:8px auto 0;border-radius:4px;max-width:220px;background:repeating-linear-gradient(135deg,var(--ocre) 0 8px,var(--rouge) 8px 16px,var(--nuit) 16px 24px,var(--acacia) 24px 32px)}.login-tagline{text-align:center;font-size:14px;color:#5c4f3d;margin:12px 0 28px}.login-error{color:var(--rouge);font-size:13px;font-weight:700;margin-top:10px;text-align:center}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.muted{font-size:12px;color:#8a7a5e}.dot{width:10px;height:10px;border-radius:50%;flex:none;display:inline-block}.dot.r{background:var(--rouge)}.dot.o{background:var(--ocre-clair)}.dot.v{background:var(--acacia)}