*{margin:0;padding:0}body{background:#f0f2f5;color:#111827;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}:root{--primary:#0f4fa3;--primary-light:#2b7fd4;--primary-dark:#07306b;--primary-hover:#0a3d8f;--bg:#eef3f9;--surface:#fff;--border:#ccd8e8;--text:#0d2137;--text-muted:#3d5a78;--text-faint:#8ba3bb;--urgence:#dc2626;--vigilance:#d97706;--rappel:#2563eb;--procedure:#7c3aed;--success:#16a34a;--success-light:#dcfce7;--warning:#d97706;--warning-light:#fef3c7;--danger:#dc2626;--danger-light:#fee2e2;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-full:9999px;--shadow-sm:0 1px 3px #00000014,0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000001a,0 2px 4px #0000000f;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--header-h:56px}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;background:#eef3f9;background:var(--bg);color:#0d2137;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font);margin:0}.login-page{align-items:stretch;display:flex;min-height:100vh}.login-side-brand{align-items:center;background:linear-gradient(160deg,#07306b,#0d2137 45%,#0f4fa3);display:flex;flex:1 1;flex-direction:column;gap:1rem;justify-content:center;padding:3rem}.login-brand-name{color:#fff;font-size:1.75rem;font-weight:900;letter-spacing:.12em;margin-top:.5rem}.login-brand-sub{color:#94a3b8;font-size:.875rem;letter-spacing:.04em;line-height:1.5;max-width:240px;text-align:center}.login-card{background:var(--surface);box-shadow:-8px 0 32px #0000001f;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:3rem 2.5rem;width:420px}.login-card-header{margin-bottom:2rem}.login-dispatch-label{color:var(--primary);font-size:.7rem;font-weight:700;letter-spacing:.18em;margin-bottom:.4rem;text-transform:uppercase}.login-card-title{color:var(--primary-dark);font-size:1.5rem;font-weight:700}.login-error{background:var(--danger-light);border:1px solid #fca5a5;border-radius:var(--radius-md);color:var(--danger);font-size:.875rem;padding:.75rem 1rem}.login-error,.login-form .field{margin-bottom:1.25rem}.login-form label{color:var(--text-muted);display:block;font-size:.8125rem;font-weight:600;letter-spacing:.06em;margin-bottom:.4rem;text-transform:uppercase}.login-form input{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-family:var(--font);font-size:.9375rem;outline:none;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.login-form input:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 3px #0f4fa31f}.login-btn{background:var(--primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:var(--font);font-size:.9375rem;font-weight:600;letter-spacing:.02em;margin-top:.5rem;padding:.875rem;transition:background .2s,box-shadow .2s;width:100%}.login-btn:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 4px 12px #0f4fa34d}.login-btn:disabled{cursor:not-allowed;opacity:.5}.login-footer{color:var(--text-faint);font-size:.75rem;margin-top:2rem;text-align:center}@media (max-width:700px){.login-page{flex-direction:column}.login-side-brand{flex:none;min-height:180px;padding:2rem}.login-brand-name{font-size:1.25rem}.login-card{box-shadow:none;min-height:auto;padding:2rem 1.5rem;width:100%}}.Logo{height:80px;width:130px}.pi-page{background:var(--bg);display:flex;flex-direction:column;height:100vh;overflow:hidden}.pi-header{background:var(--primary-dark);box-shadow:0 2px 8px #0003;flex-shrink:0;height:var(--header-h);justify-content:space-between;padding:0 1.25rem;z-index:20}.pi-header,.pi-header-left{align-items:center;display:flex}.pi-header-left{gap:.5rem}.pi-header-right{align-items:center;display:flex;gap:.75rem}.pi-brand{color:#fff;font-size:.9rem;font-weight:800;letter-spacing:.02em}.pi-sep{color:#ffffff4d;font-size:1.1rem;font-weight:300;-webkit-user-select:none;user-select:none}.pi-app-name{color:#ffffffbf;font-size:.875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.logout-btn{background:#ffffff1a;border:1.5px solid #ffffff40;border-radius:var(--radius-sm);color:#fffc;cursor:pointer;font-family:var(--font);font-size:.78rem;font-weight:500;padding:.35rem .75rem;transition:all .15s}.logout-btn:hover{background:#fff3;border-color:#fff9;color:#fff}.pi-new-btn{background:#ffffff26;border:1.5px solid #ffffff4d;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:var(--font);font-size:.8rem;font-weight:600;letter-spacing:.01em;padding:.38rem .875rem;transition:background .15s,border-color .15s;white-space:nowrap}.pi-new-btn:hover{background:#ffffff40;border-color:#ffffff80}.pi-role-tag{background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-full);color:#fff9;font-size:.68rem;font-weight:700;letter-spacing:.08em;padding:.2rem .65rem;text-transform:uppercase}.pi-role-admin{background:#fbbf2426;border-color:#fbbf2459;color:#fde68a}.pi-split{display:flex;flex:1 1;overflow:hidden}.pi-left-panel{border-right:1px solid var(--border);flex-direction:column;min-width:260px;overflow:hidden;width:340px}.pi-left-panel,.pi-panel-title{background:var(--surface);display:flex;flex-shrink:0}.pi-panel-title{align-items:center;border-bottom:1px solid var(--border);color:var(--text-muted);font-size:.75rem;font-weight:700;justify-content:space-between;letter-spacing:.1em;padding:.75rem 1rem;text-transform:uppercase}.pi-panel-count{background:var(--primary);border-radius:var(--radius-full);color:#fff;font-size:.68rem;font-weight:700;min-width:20px;padding:.15rem .55rem;text-align:center}.pi-panel-content{flex:1 1;overflow-y:auto;padding:.875rem;scrollbar-color:var(--border) #0000;scrollbar-width:thin}.pi-right-panel{background:var(--bg);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.pi-tabs{align-items:center;background:var(--surface);border-bottom:2px solid var(--border);display:flex;flex-shrink:0;gap:0;overflow-x:auto;padding:0 .5rem;scrollbar-color:var(--border) #0000;scrollbar-width:thin}.pi-tabs::-webkit-scrollbar{height:4px}.pi-tabs::-webkit-scrollbar-track{background:#0000}.pi-tabs::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.pi-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-muted);cursor:pointer;display:inline-flex;flex-shrink:0;font-family:var(--font);font-size:.8rem;font-weight:600;gap:.35rem;margin-bottom:-2px;padding:.75rem .875rem;transition:color .15s,border-color .15s;white-space:nowrap}.pi-tab:hover{color:var(--text)}.pi-tab-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.pi-tab-count{background:var(--bg);border-radius:var(--radius-full);color:var(--text-faint);font-size:.65rem;font-weight:700;min-width:16px;padding:.1rem .4rem;text-align:center}.pi-tab.active .pi-tab-count{background:#dbeafe;color:var(--primary)}.pi-tab-body{flex:1 1;overflow-y:auto;padding:1rem 1.25rem;scrollbar-color:var(--border) #0000;scrollbar-width:thin}.pi-parking-overview{grid-gap:.875rem;display:grid;gap:.875rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:1.5rem}.pi-parking-block{align-items:center;background:var(--surface);border-top:3px solid #0000;border:1px solid var(--border);border-radius:var(--radius-lg);border-top:3px solid var(--pk-clr,#0000);box-shadow:var(--shadow-sm);display:flex;gap:.875rem;padding:1rem;text-align:left;transition:box-shadow .12s;width:100%}.pi-parking-block:hover{box-shadow:var(--shadow-md)}.pi-parking-block-main{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:.875rem;min-width:0}.pi-parking-block-main:hover{opacity:.85}.pi-parking-edit-btn{background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;font-size:.85rem;line-height:1;opacity:0;padding:.25rem .35rem;transition:opacity .15s,background .15s}.pi-parking-block:hover .pi-parking-edit-btn{opacity:1}.pi-parking-edit-btn:hover{background:var(--bg)}.pi-parking-block-icon{align-items:center;border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:800;height:44px;justify-content:center;letter-spacing:.04em;width:44px}.pi-parking-block-name{color:var(--text);font-size:.875rem;font-weight:700}.pi-parking-block-count{color:var(--text-muted);font-size:.75rem;margin-top:.15rem}.pi-cards-col{display:flex;flex-direction:column;gap:.75rem}.empty-state{color:var(--text-muted);padding:3rem 1rem;text-align:center}.empty-icon{font-size:2.5rem;margin-bottom:.75rem}.empty-state p{font-size:.9rem}.users-view{background:var(--bg);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.users-view-header{grid-gap:1rem;align-items:center;background:var(--surface);border-bottom:2px solid var(--border);display:grid;flex-shrink:0;gap:1rem;grid-template-columns:1fr auto 1fr;padding:1rem 1.5rem}.users-back-btn{align-items:center;background:#0000;border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:var(--font);font-size:.82rem;font-weight:600;gap:.4rem;justify-self:start;padding:.45rem 1rem;transition:all .15s;white-space:nowrap}.users-back-btn:hover{background:var(--bg);border-color:var(--text-muted);color:var(--text)}.users-view-title-block{align-items:center;display:flex;flex-direction:column;gap:.1rem}.users-view-title{color:var(--text);font-size:1rem;font-weight:700;margin:0}.users-view-sub{color:var(--text-faint);font-size:.72rem;font-weight:500}.users-add-btn{background:var(--primary);border:none;border-radius:var(--radius-md);box-shadow:0 2px 8px #0f4fa359;color:#fff;cursor:pointer;font-family:var(--font);font-size:.82rem;font-weight:700;justify-self:end;letter-spacing:.01em;padding:.5rem 1.125rem;transition:background .15s,box-shadow .15s;white-space:nowrap}.users-add-btn:hover{background:var(--primary-dark);box-shadow:0 4px 14px #0f4fa373}.users-view-body{flex:1 1;overflow-y:auto;padding:1.5rem;scrollbar-color:var(--border) #0000;scrollbar-width:thin}.users-table{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);max-width:700px;overflow:hidden}.users-empty{color:var(--text-faint);font-size:.875rem;padding:2rem;text-align:center}.users-row{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:1rem;padding:.875rem 1.25rem;transition:background .1s}.users-row:last-child{border-bottom:none}.users-row:hover{background:var(--bg)}.users-row-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:800;height:36px;justify-content:center;width:36px}.users-row-avatar[data-role=laura]{background:#d97706}.users-row-avatar[data-role=telegestion]{background:#3b82f6}.users-row-info{align-items:center;display:flex;flex:1 1;gap:.5rem;min-width:0}.users-row-name{color:var(--text);font-size:.9rem;font-weight:600}.users-row-you{background:var(--bg);border:1px solid var(--border);color:var(--text-faint);font-size:.65rem;font-style:italic;padding:.1rem .45rem}.users-row-role,.users-row-you{border-radius:var(--radius-full)}.users-row-role{flex-shrink:0;font-size:.67rem;font-weight:700;letter-spacing:.06em;padding:.2rem .6rem;text-transform:uppercase}.users-row-role.role-laura{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.users-row-role.role-telegestion{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.users-row-actions{display:flex;flex-shrink:0;gap:.4rem}.users-action-btn{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-family:var(--font);font-size:.75rem;font-weight:600;padding:.3rem .7rem;transition:all .15s;white-space:nowrap}.users-action-btn:hover{border-color:#94a3b8;color:var(--text)}.users-action-btn.danger{color:#dc2626}.users-action-btn.danger:hover{background:#fef2f2;border-color:#fca5a5}.umodal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#07306b73;display:flex;inset:0;justify-content:center;padding:1.5rem;position:fixed;z-index:200}.umodal{background:var(--surface);border-radius:var(--radius-xl);border-top:3px solid var(--primary);box-shadow:0 20px 60px #0003;max-width:420px;overflow:hidden;width:100%}.umodal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1rem 1.25rem .75rem}.umodal-title{color:var(--text);font-size:.9rem;font-weight:700}.umodal-close{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-faint);cursor:pointer;font-size:.875rem;line-height:1;padding:.2rem .35rem;transition:all .15s}.umodal-close:hover{background:#fef2f2;color:#dc2626}.umodal-body{gap:.875rem;padding:1.25rem}.umodal-body,.umodal-field{display:flex;flex-direction:column}.umodal-field{gap:.35rem}.umodal-field label{color:var(--text-muted);font-size:.78rem;font-weight:600}.umodal-field input{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-family:var(--font);font-size:.875rem;padding:.5rem .75rem;transition:border-color .15s}.umodal-field input:focus{border-color:var(--primary-light);outline:none}.umodal-optional{color:var(--text-faint);font-size:.72rem;font-style:italic;font-weight:400}.umodal-role-row{display:flex;gap:.5rem}.urole-btn{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;flex:1 1;font-family:var(--font);font-size:.82rem;font-weight:600;padding:.5rem .75rem;transition:all .15s}.urole-btn:hover:not(.disabled){border-color:var(--primary-light);color:var(--primary)}.urole-btn.selected{background:#eff6ff;border-color:var(--primary);color:var(--primary)}.urole-btn.disabled{cursor:not-allowed;opacity:.5}.umodal-hint{color:var(--text-faint);font-size:.72rem;font-style:italic}.umodal-error{background:#fef2f2;border:1px solid #fca5a5;border-radius:var(--radius-sm);color:#dc2626}.umodal-error,.umodal-success{font-size:.82rem;font-weight:600;padding:.5rem .75rem}.umodal-success{background:#f0fdf4;border:1px solid #86efac;border-radius:var(--radius-sm);color:#16a34a;text-align:center}.umodal-actions{display:flex;gap:.625rem;padding-top:.25rem}.umodal-btn-cancel{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;flex:1 1;font-family:var(--font);font-size:.82rem;font-weight:600;padding:.5rem;transition:all .15s}.umodal-btn-cancel:hover{border-color:#94a3b8;color:var(--text)}.umodal-btn-save{background:var(--primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;flex:2 1;font-family:var(--font);font-size:.82rem;font-weight:700;padding:.5rem;transition:background .15s}.umodal-btn-save:hover:not(:disabled){background:var(--primary-dark)}.umodal-btn-save:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.pi-split{flex-direction:column;overflow-y:auto}.pi-left-panel{border-bottom:1px solid var(--border);border-right:none;max-height:40vh;min-width:0;min-width:auto;width:100%}.pi-right-panel{min-height:0}.users-view-header{grid-template-columns:auto 1fr;grid-template-rows:auto auto}.users-view-title-block{align-items:flex-start;grid-column:1/-1;order:-1}.users-add-btn{justify-self:start}}@media (max-width:500px){.pi-tab{font-size:.75rem;padding:.6rem}.pi-parking-overview{grid-template-columns:1fr 1fr}}.info-card{background:var(--surface);border-left:1px solid var(--border);border:1px solid var(--border);border-left-width:4px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;position:relative;transition:transform .12s,box-shadow .12s,opacity .15s;-webkit-user-select:none;user-select:none}.info-card.clickable{cursor:pointer}.info-card.clickable:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.info-card.dragging{cursor:grabbing;opacity:.35;transform:scale(.98)}.info-card.drag-over{box-shadow:0 0 0 2px var(--primary-light),var(--shadow-md);transform:scale(1.01)}.info-card.important{background:linear-gradient(160deg,#f59e0b12,#0000 70%);border:2px solid #f59e0b;border-left-width:4px}.info-card.clos{border-left-color:#cbd5e1;opacity:.7}.info-card.archived{cursor:default;filter:grayscale(20%);opacity:.6}.info-card-header{padding:.75rem .875rem .4rem}.info-card-top-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.35rem}.info-cat-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.67rem;font-weight:700;gap:.25rem;letter-spacing:.04em;padding:.18rem .55rem;text-transform:uppercase}.info-star-btn{background:none;border:none;color:#cbd5e1;cursor:pointer;font-size:1.1rem;line-height:1;padding:0 .1rem;transition:color .15s,transform .1s}.info-star-btn:hover{color:#f59e0b;transform:scale(1.2)}.info-star-btn.active{color:#f59e0b}.info-star-static{color:#f59e0b;font-size:.95rem;line-height:1}.info-status-badge{border-radius:var(--radius-full);font-size:.65rem;font-weight:700;letter-spacing:.04em;padding:.12rem .5rem;text-transform:uppercase;white-space:nowrap}.status-en_cours{background:#dcfce7;color:#16a34a}.status-clos{background:#f1f5f9;color:#64748b}.status-archived{background:#f1f5f9;color:#94a3b8}.info-card-parkings{display:flex;flex-wrap:wrap;gap:.3rem}.info-parking-badge{border-radius:4px;color:#fff;display:inline-block;font-size:.62rem;font-weight:800;letter-spacing:.05em;padding:.08rem .4rem}.info-card-body{flex:1 1;padding:.375rem .875rem .5rem}.info-card-title{color:var(--text);font-size:.9rem;font-weight:700;line-height:1.35;margin-bottom:.3rem}.info-card-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-muted);display:-webkit-box;font-size:.8rem;line-height:1.6;overflow:hidden}.info-client{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.75rem;margin-top:.4rem;padding:.25rem .5rem}.info-card-footer{align-items:center;border-top:1px solid var(--border);display:flex;gap:.5rem;justify-content:space-between;padding:.4rem .875rem .625rem}.info-footer-left{align-items:center;display:flex;gap:.4rem;min-width:0}.info-date{color:var(--text-faint);font-size:.675rem;white-space:nowrap}.info-date-group{display:flex;flex-direction:column;gap:.1rem}.info-date-archived{color:var(--text-faint);font-style:italic;opacity:.75}.info-move-btns{display:flex;gap:.1rem}.info-pos-badge{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:.7rem;font-weight:700;line-height:1.2;min-width:1.5rem;padding:.08rem .35rem;text-align:center;transition:all .15s}.info-pos-badge:hover{background:var(--primary);border-color:var(--primary);color:#fff}.info-pos-input{background:var(--surface);border:1.5px solid var(--primary);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font);font-size:.72rem;outline:none;padding:.06rem .25rem;text-align:center;width:2.6rem}.info-btn-move{background:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-faint);cursor:pointer;font-size:.72rem;line-height:1.2;padding:.08rem .28rem;transition:all .15s}.info-btn-move:hover:not(:disabled){background:var(--bg);border-color:var(--primary-light);color:var(--primary)}.info-btn-move:disabled{cursor:default;opacity:.25}.info-actions{display:flex;flex-shrink:0;gap:.25rem}.info-btn{border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font);font-size:.72rem;font-weight:600;padding:.25rem .6rem;transition:all .15s;white-space:nowrap}.info-btn-close{background:#dcfce7;color:#16a34a}.info-btn-close:hover{background:#bbf7d0}.info-btn-outline{background:var(--surface);border:1.5px solid var(--border);color:var(--text-muted)}.info-btn-outline:hover{border-color:#94a3b8;color:var(--text)}.info-btn-archive{background:var(--bg);border:1px solid var(--border);color:var(--text-faint);font-size:.82rem;padding:.25rem .45rem}.info-btn-archive:hover{background:#f1f5f9;color:var(--text-muted)}.info-btn-delete{background:var(--bg);border:1px solid var(--border);color:var(--text-faint);font-size:.82rem;padding:.25rem .45rem}.info-btn-delete:hover{background:var(--danger-light);border-color:#fca5a5;color:var(--danger)}.om-banner{border-radius:var(--radius-sm);display:inline-block;font-size:.775rem;font-weight:700;letter-spacing:.04em;margin-bottom:.4rem;padding:.25rem .65rem}.om-banner.om-autorise{background:var(--success-light);border:1px solid #86efac;color:var(--success)}.om-banner.om-refuse{background:var(--danger-light);border:1px solid #fca5a5;color:var(--danger)}.msg-card-image{border:1px solid var(--border);border-radius:var(--radius-sm);display:block;margin-top:.5rem;max-height:130px;object-fit:cover;width:100%}.msg-modal-image{background:var(--bg);border-radius:var(--radius-md);margin-top:.75rem;max-height:320px;width:100%}.card-status-row{align-items:center;display:flex;gap:.4rem}.info-card-footer.start{justify-content:flex-start}.om-in-card{margin-top:.5rem}.om-in-modal{margin-top:.75rem}.msg-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#07306b80;display:flex;inset:0;justify-content:center;padding:1.5rem;position:fixed;z-index:100}.msg-modal{background:var(--surface);border-radius:var(--radius-xl);border-top:4px solid var(--primary);box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;max-height:82vh;max-width:600px;overflow:hidden;width:100%}.msg-modal-header{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:.75rem;justify-content:space-between;padding:1.125rem 1.375rem .75rem}.msg-modal-badges{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem}.msg-modal-close{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;flex-shrink:0;font-size:.8rem;line-height:1;padding:.3rem .5rem;transition:all .15s}.msg-modal-close:hover{background:var(--danger-light);border-color:#fca5a5;color:var(--danger)}.msg-modal-body{flex:1 1;overflow-y:auto;padding:1.25rem 1.375rem;scrollbar-color:var(--border) #0000;scrollbar-width:thin}.msg-modal-title{color:var(--text);font-size:1.1rem;font-weight:700;line-height:1.4;margin:0 0 .875rem}.msg-modal-text{color:var(--text-muted);font-size:.9rem;line-height:1.75;margin:0;white-space:pre-wrap}.msg-modal-client{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.8125rem;margin-top:.875rem;padding:.5rem .75rem}.msg-modal-footer{align-items:center;border-top:1px solid var(--border);display:flex;flex-shrink:0;flex-wrap:wrap;gap:.5rem;justify-content:space-between;padding:.875rem 1.375rem}.msg-modal-actions{display:flex;gap:.4rem}.create-modal{background:var(--surface);border-radius:var(--radius-xl);border-top:4px solid var(--primary);box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;max-height:88vh;max-width:560px;overflow:hidden;width:100%}.create-modal-body{overflow-y:auto;padding:1.25rem 1.5rem 1.5rem;scrollbar-color:var(--border) #0000;scrollbar-width:thin}.create-form-header{align-items:center;display:flex;justify-content:space-between;padding:1.125rem 1.5rem 0}.create-form-title{color:var(--primary);font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.create-form-close{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-faint);cursor:pointer;font-size:.875rem;line-height:1;padding:.2rem .35rem;transition:all .15s}.create-form-close:hover{background:var(--danger-light);color:var(--danger)}.create-form-actions{display:flex;gap:.625rem;margin-top:1rem}.create-form-actions .send-btn{flex:1 1}.create-success{background:var(--success-light);border:1px solid #86efac;border-radius:var(--radius-md);color:var(--success);font-size:.85rem;font-weight:600;margin-bottom:.75rem;padding:.6rem .875rem;text-align:center}.msg-attachments{display:flex;flex-direction:column;gap:.4rem;margin-top:.875rem}.msg-attachment-link{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--primary);display:flex;font-size:.8125rem;gap:.45rem;padding:.4rem .75rem;text-decoration:none;transition:all .15s;word-break:break-all}.msg-attachment-link:hover{background:#eff6ff;border-color:var(--primary-light)}.msg-modal-text h3{color:var(--text);font-size:1rem;font-weight:700;margin:.5rem 0 .2rem}.msg-modal-text p{margin:.2rem 0}.msg-modal-image{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:zoom-in;display:block;margin-top:.875rem;max-height:220px;max-width:100%;object-fit:contain}.img-zoom-overlay{align-items:center;background:#000000d9;cursor:zoom-out;display:flex;inset:0;justify-content:center;position:fixed;z-index:1100}.img-zoom-content{border-radius:var(--radius);box-shadow:0 8px 32px #00000080;cursor:default;max-height:90vh;max-width:90vw;object-fit:contain}.img-zoom-close{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:2.25rem;justify-content:center;position:fixed;right:1rem;top:1rem;transition:background .15s;width:2.25rem}.img-zoom-close:hover{background:#ffffff4d}.form-field{margin-bottom:1.1rem}.form-label{color:var(--text);display:block;font-size:.8125rem;font-weight:600;margin-bottom:.5rem}.form-optional{color:var(--text-faint);font-size:.73rem;font-weight:400;margin-left:.3rem}.form-input,.form-textarea{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-family:var(--font);font-size:.9375rem;outline:none;padding:.625rem .875rem;transition:border-color .2s,box-shadow .2s,background .2s;width:100%}.form-input:focus,.form-textarea:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 3px #0f4fa31a}.form-textarea{line-height:1.6;min-height:100px;overflow:hidden;resize:none}.client-field-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.client-field-header .form-label{margin-bottom:0}.add-client-btn{align-items:center;background:var(--bg);border:1.5px dashed var(--border);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:var(--font);font-size:.8125rem;font-weight:600;gap:.35rem;padding:.4rem .875rem;transition:all .15s}.add-client-btn:hover{background:#eff6ff;border-color:var(--primary-light);color:var(--primary)}.chip-row{display:flex;flex-wrap:wrap;gap:.5rem}.parking-chip{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-family:var(--font);font-size:.775rem;font-weight:700;letter-spacing:.03em;padding:.35rem .75rem;text-transform:uppercase;transition:all .15s}.parking-chip:hover:not(.selected):not(:disabled){background:#eff6ff;border-color:var(--primary);color:var(--primary)}.parking-chip.selected{background:var(--primary);border-color:var(--primary);color:#fff}.parking-chip:disabled{cursor:not-allowed;opacity:.4}.parking-chip-tous{letter-spacing:.01em;text-transform:none}.parking-chip-tous.selected{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff}.parking-chip-tous:hover:not(.selected){background:#eff6ff;border-color:var(--primary-dark);color:var(--primary-dark)}.send-btn{background:var(--primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:var(--font);font-size:.9375rem;font-weight:600;letter-spacing:.02em;margin-top:.375rem;padding:.8rem;transition:background .2s,box-shadow .2s;width:100%}.send-btn:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 4px 12px #0f4fa340}.send-btn:disabled{cursor:not-allowed;opacity:.5}.btn-cancel{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;font-family:var(--font);font-size:.875rem;font-weight:600;padding:.8rem 1.25rem;transition:all .15s}.btn-cancel:hover{border-color:#94a3b8;color:var(--text)}.important-toggle{align-items:center;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:var(--font);font-size:.85rem;font-weight:600;gap:.4rem;padding:.4rem .875rem;transition:all .15s}.important-toggle:hover{background:#fffbeb;border-color:#f59e0b;color:#d97706}.important-toggle.active{background:#fef3c7;border-color:#f59e0b;color:#d97706}.important-star{font-size:1.05rem}.cat-chip{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-family:var(--font);font-size:.8rem;font-weight:700;padding:.35rem .75rem;transition:all .15s}.cat-chip:hover:not(.selected){background:#eff6ff;border-color:var(--primary-light);color:var(--primary)}.cat-chip-urgence.selected{background:var(--urgence);border-color:var(--urgence);color:#fff}.cat-chip-vigilance.selected{background:var(--vigilance);border-color:var(--vigilance);color:#fff}.cat-chip-procedure.selected{background:var(--procedure);border-color:var(--procedure);color:#fff}.image-upload-btn{align-items:center;background:var(--bg);border:1.5px dashed var(--border);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:var(--font);font-size:.8125rem;font-weight:600;gap:.35rem;padding:.4rem .875rem;transition:all .15s}.image-upload-btn:hover{background:#eff6ff;border-color:var(--primary-light);color:var(--primary)}.image-preview-wrap{display:flex;flex-direction:column;gap:.5rem}.image-preview{border:1px solid var(--border);border-radius:var(--radius-md);max-height:200px;max-width:100%;object-fit:contain}.image-remove-btn{align-self:flex-start;background:var(--danger-light);border:1px solid #fca5a5;border-radius:var(--radius-sm);color:var(--danger);cursor:pointer;font-family:var(--font);font-size:.75rem;font-weight:600;padding:.2rem .6rem;transition:all .15s}.image-remove-btn:hover{background:#fecaca}.form-error{color:var(--danger);font-size:.775rem;margin-top:.35rem}.rich-editor-wrap{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s,box-shadow .2s,background .2s}.rich-editor-wrap:focus-within{background:#fff;border-color:var(--primary);box-shadow:0 0 0 3px #0f4fa31a}.rich-editor-toolbar{align-items:center;background:var(--surface);border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:.2rem;padding:.35rem .5rem}.rich-toolbar-btn{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;font-family:var(--font);font-size:.8125rem;line-height:1.5;padding:.18rem .55rem;transition:all .15s}.rich-toolbar-btn:hover{background:#eff6ff;border-color:var(--primary);color:var(--primary)}.rich-toolbar-sep{background:var(--border);flex-shrink:0;height:18px;margin:0 .15rem;width:1px}.rich-editor{color:var(--text);font-family:var(--font);font-size:.9375rem;line-height:1.65;min-height:100px;outline:none;padding:.625rem .875rem}.rich-editor:empty:before{color:var(--text-faint);content:attr(data-placeholder);display:block;pointer-events:none}.rich-editor h3{font-size:1.05rem;font-weight:700;margin:.4rem 0 .2rem}.rich-editor p{margin:0}.attachments-list{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.5rem}.attachment-item{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;font-size:.8125rem;gap:.4rem;padding:.3rem .6rem}.attachment-name{color:var(--text);flex:1 1;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-remove{background:none;border:none;color:var(--text-faint);cursor:pointer;flex-shrink:0;font-size:.72rem;line-height:1;padding:0 .15rem;transition:color .15s}.attachment-remove:hover{color:var(--danger)}.sort-bar{align-items:center;background:var(--surface);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:.25rem;overflow-x:auto;padding:.5rem .875rem;scrollbar-width:none}.sort-bar::-webkit-scrollbar{display:none}.sort-btn{align-items:center;background:#0000;border:1.5px solid #0000;border-radius:var(--radius-full);color:var(--text-faint);cursor:pointer;display:inline-flex;font-family:var(--font);font-size:.7rem;font-weight:600;gap:.2rem;padding:.2rem .55rem;transition:all .15s;white-space:nowrap}.sort-btn:hover{background:var(--bg);color:var(--text-muted)}.sort-btn.active{background:#dbeafe;border-color:#93c5fd;color:var(--primary)}.archive-group{margin-bottom:1.25rem}.archive-group-header{align-items:center;border-bottom:2px solid var(--border);color:var(--text-muted);display:flex;font-size:.72rem;font-weight:700;gap:.5rem;letter-spacing:.08em;margin-bottom:.5rem;padding:.4rem .5rem;text-transform:uppercase}.archive-group-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.archive-group-count{background:var(--bg);border-radius:var(--radius-full);color:var(--text-faint);font-size:.67rem;margin-left:auto;padding:.1rem .45rem}.color-picker{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.25rem}.color-swatch{border:2.5px solid #0000;border-radius:50%;cursor:pointer;height:26px;outline:none;transition:transform .12s,border-color .12s;width:26px}.color-swatch:hover{transform:scale(1.15)}.color-swatch.selected{border-color:#fff;box-shadow:0 0 0 2px var(--primary);transform:scale(1.15)}.parking-preview{border-radius:8px;color:#fff;font-size:.75rem;font-weight:800;height:38px;letter-spacing:.04em;width:38px}.parking-preview,.pi-tab-add{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center}.pi-tab-add{background:#0000;border:1.5px dashed var(--border);border-radius:50%;color:var(--text-faint);cursor:pointer;font-size:1rem;height:28px;line-height:1;margin-left:.25rem;transition:all .15s;width:28px}.pi-tab-add:hover{background:#eff6ff;border-color:var(--primary);color:var(--primary)}.archive-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:1rem;overflow:hidden}.archive-toggle{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;font-family:var(--font);font-size:.8rem;font-weight:600;gap:.5rem;padding:.75rem 1rem;text-align:left;transition:background .15s;width:100%}.archive-toggle:hover{background:var(--bg)}.archive-chevron{color:var(--text-faint);font-size:.6rem}.archive-count{background:var(--bg);border-radius:var(--radius-full);color:var(--text-faint);font-size:.67rem;font-weight:700;padding:.1rem .45rem}.archive-body{background:#f8fafc;border-top:1px solid var(--border);padding:.875rem}.info-parking-badge{background:#64748b;background:var(--pk-clr,#64748b)}.pi-tab-dot{background:#94a3b8;background:var(--pk-clr,#94a3b8)}.pi-parking-block{border-top-color:#0000;border-top-color:var(--pk-clr,#0000)}.pi-parking-block-icon{background:#64748b;background:var(--pk-clr,#64748b)}.pi-tab.active{border-bottom-color:var(--pk-clr,var(--primary));color:var(--primary);color:var(--pk-clr,var(--primary))}.pi-parking-block-img{border-radius:10px;height:44px;object-fit:cover;width:44px}.info-parking-badge.has-image{line-height:0;padding:.15rem .2rem}.parking-badge-img{border-radius:3px;display:block;height:18px;object-fit:cover;vertical-align:middle;width:18px}.info-cat-badge.cat-urgence{background:#fef2f2;color:#dc2626}.info-cat-badge.cat-vigilance{background:#fef3c7;color:#d97706}.info-cat-badge.cat-rappel{background:#eff6ff;color:#2563eb}.info-cat-badge.cat-procedure{background:#f5f3ff;color:#7c3aed}