:root{--blue: #0f4c81;--blue-dark: #0b3a63;--blue-light: #e8f0f8;--red: #d64545;--green: #2e8b57;--amber: #b47d0e;--bg: #f4f6f9;--card: #ffffff;--text: #1d2733;--muted: #67758a;--border: #dbe2ec;--radius: 10px;--shadow: 0 1px 3px rgba(16, 35, 61, .1)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:15px}h1,h2,h3{margin:0}a{color:var(--blue)}.splash{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:20px;color:var(--muted)}.topbar{background:var(--blue);color:#fff;display:flex;align-items:center;gap:16px;padding:0 16px;height:54px;position:sticky;top:0;z-index:20}.topbar .brand{font-weight:700;font-size:18px;letter-spacing:.3px;display:flex;align-items:center;gap:8px;white-space:nowrap}.topbar .brand .cross{color:#ff8a8a}.brand-inline{display:inline-flex;align-items:center;gap:8px;min-width:0}.brand-inline .brand-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.brand-logo{height:30px;width:30px;object-fit:contain;border-radius:6px;background:#fff;padding:2px;flex-shrink:0}.brand-emoji{font-size:20px}.brand-inline.large{gap:12px;justify-content:center}.brand-inline.large .brand-logo{height:52px;width:52px;padding:4px}.brand-inline.large .brand-emoji{font-size:40px}.brand-inline.large .brand-name{max-width:300px}.logo-picker{display:flex;gap:16px;align-items:flex-start;margin-bottom:8px}.logo-preview{width:84px;height:84px;border:1px dashed var(--border);border-radius:12px;display:flex;align-items:center;justify-content:center;background:#f8fafc;flex-shrink:0;overflow:hidden}.logo-preview img{max-width:100%;max-height:100%;object-fit:contain}.topbar .spacer{flex:1}.topbar .who{font-size:13px;opacity:.9;white-space:nowrap}.tabs{display:flex;gap:2px;overflow-x:auto}.tab{background:transparent;border:none;color:#cfe0f0;padding:8px 14px;font-size:14px;cursor:pointer;border-radius:8px 8px 0 0;height:54px;white-space:nowrap}.tab:hover{background:#ffffff1a;color:#fff}.tab.active{background:var(--bg);color:var(--blue);font-weight:600}.page{max-width:1200px;margin:0 auto;padding:20px 16px 60px}.page-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.page-head h2{font-size:20px}.page-head .spacer{flex:1}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-bottom:16px}.card h3{font-size:15px;margin-bottom:12px;color:var(--blue-dark)}.muted{color:var(--muted);font-size:13px}.empty{color:var(--muted);padding:24px;text-align:center}.btn{background:var(--blue);color:#fff;border:none;padding:9px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.btn:hover{background:var(--blue-dark)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:#fff;color:var(--blue);border:1px solid var(--border)}.btn.secondary:hover{background:var(--blue-light)}.btn.danger{background:#fff;color:var(--red);border:1px solid var(--border)}.btn.danger:hover{background:#fdeaea}.btn.small{padding:5px 10px;font-size:13px}.btn.success{background:var(--green)}.icon-btn{background:none;border:none;cursor:pointer;font-size:16px;color:var(--muted);padding:4px 8px;border-radius:6px}.icon-btn:hover{background:var(--blue-light);color:var(--blue)}label.field{display:block;margin-bottom:12px}label.field span.lbl{display:block;font-size:12.5px;font-weight:600;color:var(--muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.4px}input,select,textarea{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:8px;font-size:14.5px;font-family:inherit;background:#fff;color:var(--text)}input:focus,select:focus,textarea:focus{outline:2px solid var(--blue);outline-offset:-1px;border-color:var(--blue)}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.form-inline{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.form-inline label.field{margin-bottom:0;min-width:160px;flex:1}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.error{color:var(--red);font-size:13.5px;margin-top:8px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);padding:8px 10px;border-bottom:2px solid var(--border);white-space:nowrap}td{padding:9px 10px;border-bottom:1px solid var(--border);vertical-align:middle}tr:hover td{background:#f8fafc}td .sub{font-size:12.5px;color:var(--muted)}.badge{display:inline-block;padding:3px 9px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.badge.prevu{background:var(--blue-light);color:var(--blue)}.badge.termine{background:#e2f3e9;color:var(--green)}.badge.annule,.badge.ambulance{background:#fdeaea;color:var(--red)}.badge.vsl{background:#eef3e2;color:#5f7a12}.badge.inactif,.badge.etat-attente{background:#eceff3;color:var(--muted)}.badge.etat-en_route{background:var(--blue-light);color:var(--blue)}.badge.etat-rdv{background:#fff3d6;color:var(--amber)}.badge.etat-pret{background:#ffe4cc;color:#c05f10}.badge.etat-recupere{background:#e2f3e9;color:var(--green)}.badge.etat-disponible{background:var(--green);color:#fff}tr.row-etat-en_route td{background:#f2f7fc}tr.row-etat-rdv td{background:#fdf7e8}tr.row-etat-pret td{background:#fff1e3}tr.row-etat-recupere td{background:#eefaf1}tr.row-termine td{background:#f1f3f5}tr.row-annule td{background:#fdeef0;color:var(--muted)}.places-libres{font-size:12px;color:var(--green);font-weight:600;margin-top:3px}.places-libres.pleine{color:var(--red)}.choice-btn{width:100%;justify-content:center;font-size:16px;padding:14px;margin-top:6px}.choice-sep{text-align:center;color:var(--muted);font-size:13px;margin:14px 0 10px;position:relative}.choice-sep:before,.choice-sep:after{content:"";position:absolute;top:50%;width:28%;height:1px;background:var(--border)}.choice-sep:before{left:0}.choice-sep:after{right:0}.retour-check{display:flex;align-items:flex-start;gap:9px;margin-bottom:14px;background:#fff4ec;border:1px solid #f3d9c5;border-radius:var(--radius);padding:10px 14px;font-size:14px;cursor:pointer}.retour-check input{width:auto;margin-top:3px;flex-shrink:0}.badge.retour-badge{background:#ffe4cc;color:#c05f10}.btn.pret-btn{background:#e07b1a}.btn.pret-btn:hover{background:#c96e14}.etat-btn.step{color:#fff;border-color:transparent}.etat-btn.step.depose{background:var(--amber)}.etat-btn.step.pret{background:#e07b1a}.etat-btn.step.recupere{background:var(--green)}.etat-btn.step:hover:not(:disabled){filter:brightness(.93);color:#fff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d192873;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;z-index:50;overflow-y:auto}.modal{background:#fff;border-radius:14px;width:100%;box-shadow:0 12px 40px #00000040}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border)}.modal-head h3{font-size:16px}.modal-body{padding:18px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(160deg,var(--blue) 0%,var(--blue-dark) 100%)}.login-card{background:#fff;border-radius:16px;padding:32px;width:100%;max-width:420px;box-shadow:0 20px 60px #0000004d}.login-card .logo{font-size:26px;font-weight:800;color:var(--blue);text-align:center}.login-card .logo .cross{color:var(--red)}.login-card .tagline{text-align:center;color:var(--muted);margin:6px 0 24px;font-size:14px}.login-list{display:flex;flex-direction:column;gap:8px}.login-list .btn{justify-content:center;width:100%;padding:12px;font-size:15px}.login-sep{text-align:center;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1px;margin:18px 0 10px}.demo-note{margin-top:20px;padding:10px 12px;background:var(--blue-light);border-radius:8px;font-size:12.5px;color:var(--blue-dark)}.driver-wrap{max-width:560px;margin:0 auto;padding:12px 12px 80px}.driver-date{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 0 14px}.driver-date .date-label{font-weight:700;font-size:16px;text-transform:capitalize;text-align:center;flex:1}.vehicle-banner{background:var(--blue-dark);color:#fff;border-radius:var(--radius);padding:12px 16px;margin-bottom:14px;display:flex;align-items:center;gap:12px}.vehicle-banner .plate{background:#fff;color:#111;font-weight:800;letter-spacing:1px;padding:3px 10px;border-radius:6px;border:2px solid #111;font-size:15px;white-space:nowrap}.vehicle-banner .crew{font-size:13px;opacity:.95}.seg{display:flex;background:#e4e9f0;border-radius:10px;padding:3px;margin:10px 0 14px}.seg button{flex:1;border:none;background:transparent;padding:9px;border-radius:8px;font-size:14px;font-weight:600;color:var(--muted);cursor:pointer;font-family:inherit}.seg button.active{background:#fff;color:var(--blue);box-shadow:var(--shadow)}.hist-day{font-weight:700;margin:16px 2px 8px;color:var(--blue-dark);text-transform:capitalize}.hist-row{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin-bottom:6px;font-size:14px}.hist-time{font-weight:800;color:var(--blue);flex-shrink:0}.hist-main{flex:1;min-width:0}.hist-main .sub{color:var(--muted);font-size:13px}.hist-plate{font-weight:700;font-size:12px;border:1.5px solid #111;border-radius:5px;padding:1px 6px;background:#fff;white-space:nowrap}.ride-card{background:#fff;border:1px solid var(--border);border-left:5px solid var(--blue);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px;margin-bottom:12px}.ride-card.termine{border-left-color:var(--green);opacity:.75}.ride-card.annule{border-left-color:var(--red);opacity:.6}.ride-head{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}.ride-head .time{font-size:22px;font-weight:800;color:var(--blue)}.ride-head .name{font-size:16px;font-weight:700;flex:1}.ride-line{display:flex;gap:8px;margin:6px 0;font-size:14px;align-items:baseline}.ride-line .ic{width:20px;text-align:center;flex-shrink:0}.ride-line a{text-decoration:none;font-weight:600}.ride-line a:hover{text-decoration:underline}.ride-rdv{font-weight:700;color:var(--amber)}.ride-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.etat-block{margin-top:12px;border-top:1px solid var(--border);padding-top:10px}.etat-current{font-size:13px;color:var(--muted);margin-bottom:8px}.etat-current strong{color:var(--text)}.etat-group{display:flex;gap:8px;flex-wrap:wrap}.etat-btn{flex:1 1 auto;min-width:100px;min-height:46px;border:1.5px solid var(--border);background:#fff;color:var(--muted);border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;padding:6px 10px;transition:background .12s,color .12s}.etat-btn:hover:not(:disabled){border-color:var(--blue);color:var(--blue)}.etat-btn:disabled{cursor:default}.etat-btn.active{color:#fff;border-color:transparent}.etat-btn.active.depose{background:var(--amber)}.etat-btn.active.recupere{background:var(--green)}.etat-btn.pec{background:var(--blue);color:#fff;border-color:transparent}.etat-btn.pec:hover:not(:disabled){background:var(--blue-dark);color:#fff}.etat-btn:disabled:not(.active):not(.pec){opacity:.55}.etat-error{margin-top:8px;color:var(--red);font-size:13px}.secu-warn{background:#fff7e6;border:1px solid #f0d9a8;border-radius:8px;padding:10px;margin-top:10px;font-size:13.5px}.secu-warn .form-inline{margin-top:8px}.linklike{background:none;border:none;color:var(--blue);cursor:pointer;font-size:13px;text-decoration:underline;font-family:inherit;padding:0}code{font-family:Consolas,SF Mono,monospace;font-size:13px;background:#eef2f7;padding:1px 6px;border-radius:5px}.pwd-cell{display:inline-flex;align-items:center;gap:4px}.maint-alert{background:#fff7e6;border:1px solid #f0d9a8;border-left:5px solid var(--amber);border-radius:var(--radius);padding:12px 16px;margin-bottom:16px}.maint-alert ul{margin:8px 0 0;padding-left:18px}.maint-alert li{margin:4px 0;font-size:14px}.maint-tag.depasse{color:var(--red);font-weight:600}.maint-tag.bientot{color:var(--amber);font-weight:600}.veh-head{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.veh-plate{font-weight:800;letter-spacing:1px;font-size:16px;border:2px solid #111;border-radius:6px;padding:2px 10px;background:#fff}.veh-km{text-align:right;margin-right:8px}.veh-km-total{font-size:20px;font-weight:800;color:var(--blue)}.maint-table th,.maint-table td{padding:7px 10px}.maint-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:700}.maint-badge.ok{background:#e2f3e9;color:var(--green)}.maint-badge.bientot{background:#fff3d6;color:var(--amber)}.maint-badge.depasse{background:#fdeaea;color:var(--red)}textarea{resize:vertical;min-height:60px;line-height:1.4}.beta-badge{display:inline-block;vertical-align:middle;font-size:11px;font-weight:800;letter-spacing:.5px;color:#fff;background:var(--amber);padding:2px 8px;border-radius:6px;margin-left:8px}.beta-note{background:#fff7e6;border:1px solid #f0d9a8;border-radius:var(--radius);padding:12px 16px;margin-bottom:16px;font-size:13.5px;line-height:1.5}.pin-message{display:flex;gap:10px;align-items:flex-start;background:#fff8e1;border:1px solid #f0d9a8;border-left:5px solid var(--amber);border-radius:var(--radius);padding:12px 14px;margin-bottom:10px;font-size:14.5px;line-height:1.45;box-shadow:var(--shadow)}.pin-message .pin-ic{font-size:18px;flex-shrink:0}.mobineo-card{border-left:4px solid #7c3aed}.mobineo-card h3{color:#6d28d9}.pdf-viewer{max-height:620px;overflow-y:auto;background:#f0f2f5;border-radius:8px;padding:12px}.pdf-viewer img{display:block;width:100%;max-width:900px;margin:0 auto 12px;border:1px solid var(--border);box-shadow:var(--shadow);background:#fff}.review-table td{padding:4px 6px}.review-table input{padding:5px 7px;font-size:13px}.veh-group-row td{background:var(--blue-light);color:var(--blue-dark);font-size:13.5px;padding:7px 10px;border-top:2px solid var(--blue)}.veh-group-row.nonattr td{background:#fff3d6;color:var(--amber);border-top-color:var(--amber)}tr.transport-complet td{background:#eafaf0}tr.transport-complet:hover td{background:#dff5e8}tr.group-gap td{height:10px;padding:0;border:none;background:transparent}tr.group-sep td{height:18px;padding:0;border:none;background:transparent}tr.group-gap:hover td,tr.group-sep:hover td{background:transparent}.veh-secondaire{margin-top:4px;font-size:12px;color:var(--blue-dark);background:var(--blue-light);border-radius:6px;padding:2px 8px;display:inline-flex;align-items:center;gap:2px}.veh-group-row.libre td{background:#eef2f7;color:var(--muted);border-top-color:var(--border)}tr.veh-libre-row td{color:var(--muted)}tr.veh-libre-row:hover td{background:#f8fafc}.valider-planning{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:14px}.notif-banner{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--blue-light);border:1px solid #cfe0f0;color:var(--blue-dark);border-radius:var(--radius);padding:10px 14px;margin-bottom:12px;font-size:14px}.notif-banner .btn{margin-left:auto}.notif-banner.ok{background:#e2f3e9;border-color:#bfe6cd;color:var(--green)}.notif-banner.warn{background:#fff7e6;border-color:#f0d9a8;color:var(--amber)}.planning-date{margin-top:-6px;margin-bottom:14px;font-size:20px;font-weight:700;color:var(--blue-dark);text-transform:capitalize;letter-spacing:.2px}.note-jour{padding:12px 16px}.note-dot{display:inline-block;width:8px;height:8px;margin-left:7px;border-radius:50%;background:var(--amber);vertical-align:middle}.note-apercu{max-width:460px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:italic}.note-textarea{width:100%;resize:vertical;min-height:60px;font-family:inherit;font-size:14px;line-height:1.45;padding:8px 10px;border:1px solid var(--border);border-radius:8px}.note-textarea:focus{outline:none;border-color:var(--blue)}.powered{text-align:center;color:var(--muted);font-size:12px;padding:18px 0 26px;letter-spacing:.2px}.powered strong{color:inherit;font-weight:700}.login-wrap .powered{color:#ffffffbf}@media (max-width: 640px){.row2,.row3{grid-template-columns:1fr}.topbar{padding:0 8px;gap:8px}.topbar .who{display:none}.page{padding:12px 10px 60px}}