@font-face{font-family:MPManrope;src:url('vendor/fonts/manrope-400-latin.woff2')}@font-face{font-family:MPManrope;src:url('vendor/fonts/manrope-700-latin.woff2');font-weight:700} :root{--ad-blue:#1469df;--ad-pale:#eaf2ff;--ad-ink:#142033;--ad-muted:#68778d;--ad-line:#dde5ef;--ad-bg:#f5f8fc;--ad-green:#079669;--ad-orange:#e87818;--ad-red:#db3d4b;--ad-purple:#7a4bd8} #mp-admin-home{position:fixed;inset:0;z-index:99995;background:var(--ad-bg);color:var(--ad-ink);font-family:MPManrope,sans-serif;display:grid;grid-template-columns:268px minmax(0,1fr);grid-template-rows:72px minmax(0,1fr);overflow:hidden;isolation:isolate}#mp-admin-home[hidden]{display:none!important} .syn-navcol{grid-row:1/3;background:#fff;border-right:1px solid var(--ad-line);display:flex;flex-direction:column;min-height:0}.syn-brand{height:72px;display:flex;align-items:center;gap:10px;padding:0 18px;border-bottom:1px solid var(--ad-line)}.syn-brand img{width:40px;height:40px}.syn-brand b{font-size:21px}.syn-brand small{display:block;color:var(--ad-muted);font-size:12px;text-transform:uppercase}.syn-nav{padding:11px 10px;overflow:auto}.syn-group{margin-bottom:4px}.syn-group-toggle{width:100%;border:0;background:transparent;color:#8290a4;border-radius:7px;padding:7px 9px;display:flex;align-items:center;justify-content:space-between;font:700 12px MPManrope;text-transform:uppercase;letter-spacing:.045em;cursor:pointer}.syn-group-toggle:hover{background:#f6f8fb;color:#53637a}.syn-group-toggle i{font-style:normal;font-size:17px;transition:transform .18s}.syn-group.open .syn-group-toggle i{transform:rotate(180deg)}.syn-group-items{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .2s ease,opacity .16s ease}.syn-group-items:before{content:'';min-height:0;overflow:hidden}.syn-group.open .syn-group-items{grid-template-rows:1fr;opacity:1}.syn-group.open .syn-group-items:before{display:none}.syn-group-items>button{overflow:hidden}.syn-nav .syn-group-items>button{width:100%;border:0;background:transparent;color:#425169;border-radius:8px;padding:8px 10px;display:flex;align-items:center;gap:9px;font:600 14px MPManrope;text-align:left;cursor:pointer;transition:.16s}.syn-nav .syn-group-items>button:hover{background:#f2f6fb;color:var(--ad-blue);transform:translateX(2px)}.syn-nav .syn-group-items>button.active{background:var(--ad-pale);color:var(--ad-blue)}.syn-nav .ico{width:24px;text-align:center;font-size:17px}.syn-navcol-foot{margin-top:auto;padding:12px;border-top:1px solid var(--ad-line)}.syn-navcol-foot button{border:1px solid var(--ad-line);background:#fff;border-radius:8px;padding:8px;width:100%;color:var(--ad-muted);font:600 13px MPManrope;cursor:pointer} .syn-topbar{grid-column:2;display:flex;align-items:center;gap:20px;background:#fff;border-bottom:1px solid var(--ad-line);padding:0 26px}.syn-search{height:46px;max-width:760px;flex:1;border:1px solid #d4deeb;border-radius:9px;display:flex;align-items:center;gap:10px;padding:0 13px;color:#8b98aa;background:#fbfcfe}.syn-search input{border:0;outline:0;background:transparent;width:100%;font:500 14px MPManrope;color:var(--ad-ink)}.syn-top-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.syn-bell{position:relative;width:40px;height:40px;flex:none;border:0;background:transparent;border-radius:50%;font-size:21px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background-color 160ms cubic-bezier(.23,1,.32,1),transform 160ms cubic-bezier(.23,1,.32,1)}.syn-bell:hover{background:#f1f5fb}.syn-bell:active{transform:scale(.94)}.syn-bell:focus-visible{outline:2px solid var(--ad-blue);outline-offset:2px}.syn-bell .ico{display:block;transform-origin:50% 12%}.syn-bell em{position:absolute;right:0;top:1px;background:var(--ad-red);color:#fff;border:2px solid #fff;border-radius:99px;min-width:18px;height:18px;padding:0 4px;font:700 10px/1 MPManrope;font-style:normal;display:grid;place-items:center;letter-spacing:-.2px;box-shadow:0 1px 3px rgba(20,62,109,.28)}.syn-bell.neuve .ico{animation:syn-cloche-sonne 900ms cubic-bezier(.36,.07,.19,.97) 1}@keyframes syn-cloche-sonne{0%,100%{transform:rotate(0)}12%{transform:rotate(14deg)}28%{transform:rotate(-12deg)}44%{transform:rotate(8deg)}60%{transform:rotate(-5deg)}76%{transform:rotate(2deg)}}.syn-logout{display:flex;align-items:center;gap:7px;height:38px;padding:0 14px;margin-left:2px;border:1px solid var(--ad-line);border-radius:9px;background:#fbfcfe;color:var(--ad-muted);font:700 12.5px MPManrope;cursor:pointer;white-space:nowrap;transition:border-color 160ms cubic-bezier(.23,1,.32,1),color 160ms cubic-bezier(.23,1,.32,1),background-color 160ms cubic-bezier(.23,1,.32,1),transform 160ms cubic-bezier(.23,1,.32,1)}.syn-logout .ico{font-size:15px;line-height:1}.syn-logout:hover{border-color:var(--ad-red);color:var(--ad-red);background:#fdf2f2}.syn-logout:active{transform:scale(.97)}.syn-logout:focus-visible{outline:2px solid var(--ad-red);outline-offset:2px}@media(prefers-reduced-motion:reduce){.syn-bell.neuve .ico{animation:none}.syn-bell,.syn-logout{transition:none}}.syn-view{border:1px solid #bcd2f3;background:#edf5ff;color:var(--ad-blue);border-radius:9px;padding:7px 10px;font:700 12px MPManrope;cursor:pointer} .syn-main{grid-column:2;overflow:auto;padding:20px}.syn-kpis{display:grid;grid-template-columns:repeat(6,minmax(158px,1fr));gap:12px;margin-bottom:14px}.syn-kpi{background:#fff;border:1px solid var(--ad-line);border-radius:12px;padding:16px;min-height:106px;display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:start}.syn-kpi .icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:23px;background:#edf4ff;color:var(--ad-blue)}.syn-kpi.green .icon{background:#e7f7f0;color:var(--ad-green)}.syn-kpi.orange .icon{background:#fff1e3;color:var(--ad-orange)}.syn-kpi.red .icon{background:#ffebed;color:var(--ad-red)}.syn-kpi.purple .icon{background:#f2ebff;color:var(--ad-purple)}.syn-kpi strong{font-size:29px;line-height:1}.syn-kpi label{display:block;font-size:12px;line-height:1.25;margin-top:4px;font-weight:700}.syn-kpi small{grid-column:2;color:var(--ad-muted);font-size:10px;margin-top:-8px} .syn-grid{display:grid;grid-template-columns:minmax(700px,3fr) minmax(315px,1fr);gap:14px}.syn-left,.syn-right{display:flex;flex-direction:column;gap:11px}.syn-card{background:#fff;border:1px solid var(--ad-line);border-radius:11px;overflow:hidden;box-shadow:0 2px 7px rgba(26,52,88,.035)}.syn-card-head{min-height:54px;display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid #e8edf4}.syn-card-head h2{font-size:17px;margin:0}.syn-card-head .count{font-size:10px;color:var(--ad-blue);background:var(--ad-pale);padding:3px 7px;border-radius:5px}.syn-card-head .link{margin-left:auto;border:0;background:none;color:var(--ad-blue);font:700 12px MPManrope;cursor:pointer}.syn-table-wrap{overflow:auto}.syn-table{width:100%;border-collapse:collapse;font-size:13px}.syn-table th{text-align:left;color:#758399;font-weight:700;font-size:12px;padding:11px 13px;background:#fbfcfe;white-space:nowrap}.syn-table td{padding:11px 13px;border-top:1px solid #edf1f6;white-space:nowrap}.syn-table tr:hover td{background:#f8fbff}.syn-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px}.syn-badge{display:inline-block;border-radius:5px;padding:3px 7px;font-weight:700;background:#edf4ff;color:var(--ad-blue)}.syn-badge.green{background:#e8f8f1;color:#087d59}.syn-badge.red{background:#ffebed;color:#c72f3d}.syn-badge.orange{background:#fff2e6;color:#c8650d}.syn-badge.purple{background:#f2ebff;color:#6f3fc5}.syn-empty{padding:30px;text-align:center;color:var(--ad-muted);font-size:13px} .syn-todos{padding:8px 13px 12px}.syn-todo{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid #edf1f6;font-size:12px}.syn-todo:last-child{border:0}.syn-todo b{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--ad-blue);font-size:10px}.syn-todo.alert b{background:var(--ad-red)}.syn-todo.warn b{background:var(--ad-orange)}.syn-todo span{flex:1}.syn-map{height:190px;position:relative;background:linear-gradient(145deg,#e8f0f7,#f7f9fb);overflow:hidden} /* Un vrai aperçu Leaflet remplace désormais le faux fond en chevrons : celui-ci ne reste que le temps du tout premier rendu, avant que la carte n'ait fini de s'initialiser -- jamais visible une fois la clé MapTiler arrivée. */ #syn-mini-map{position:absolute;inset:0;background:#e8f0f7} #syn-mini-map .leaflet-control-attribution{display:none} .syn-map-label{position:absolute;inset:auto 0 0 0;display:flex;justify-content:center;padding:10px;pointer-events:none;text-align:center} .syn-map-label>div{pointer-events:auto;background:rgba(255,255,255,.94);border:1px solid var(--ad-line);border-radius:10px;padding:9px 14px;box-shadow:0 4px 14px rgba(20,52,88,.14)} .syn-map-label b{display:block;font-size:15px} .syn-map-label span{display:block;font-size:11.5px;color:var(--ad-muted);margin:2px 0 6px} .syn-map-label button{border:0;border-radius:8px;background:var(--ad-blue);color:#fff;padding:6px 11px;font:700 12px MPManrope;cursor:pointer} #mp-admin-home .syn-plan-daynav{margin-left:auto;display:flex;align-items:center;gap:8px;font:700 12.5px MPManrope;color:#31435c} #mp-admin-home .syn-plan-daynav button{width:26px;height:26px;border:1px solid var(--ad-line);background:#fff;border-radius:7px;color:#31435c;cursor:pointer;font-size:13px;line-height:1;flex:none} #mp-admin-home .syn-plan-daynav button:hover{border-color:#8fb9ee;color:var(--ad-blue)} #mp-admin-home .syn-plan-daynav span{white-space:nowrap} #mp-admin-home .syn-plan-planifier{display:flex;align-items:center;gap:6px;border:0;border-radius:8px;background:var(--ad-blue);color:#fff;padding:7px 12px;font:700 12px MPManrope;cursor:pointer;white-space:nowrap;flex:none} /* Tous les techniciens dans le planning de l'accueil : 5 lignes visibles, le reste en faisant défiler (demande du 2026-09-25). */ #mp-admin-home .syn-timeline-body{max-height:350px;overflow-y:auto;overscroll-behavior:contain} #mp-admin-home .syn-plan-planifier:hover{background:#0f57bd} #mp-admin-home .syn-plan-planifier .syn-ico{width:14px;height:14px} @media(max-width:1180px){#mp-admin-home .syn-card-head:has(.syn-plan-daynav){flex-wrap:wrap;min-height:auto;padding:10px 16px}} .syn-planning{padding:11px 13px 14px}.syn-plan-row{display:grid;grid-template-columns:210px repeat(4,1fr);min-height:42px;border-bottom:1px solid #edf1f6;align-items:center;font-size:10px;gap:5px}.syn-tech b{display:block;font-size:12px}.syn-tech span{color:var(--ad-muted)}.syn-slot{border:1px solid #b9d4fb;background:#eaf3ff;color:#1557b4;border-radius:5px;padding:5px 6px;min-height:25px}.syn-slot.green{border-color:#a5dfc8;background:#e8f8f1;color:#087d59}.syn-slot.free{border-color:#e2e7ee;background:#fafbfc;color:#8390a2}.syn-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px}.syn-metric{border:1px solid #e4eaf2;border-radius:9px;padding:10px}.syn-metric label{font-size:10px;color:var(--ad-muted)}.syn-metric strong{display:block;font-size:23px;margin:8px 0 3px}.syn-metric small{font-size:10px;color:var(--ad-green)} .syn-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:3px 0 18px}.syn-page-head h1{font-size:29px;letter-spacing:-.04em;margin:3px 0}.syn-page-head p{font-size:13px;color:var(--ad-muted);margin:0}.syn-eyebrow{font-size:12px;color:var(--ad-blue);font-weight:700;text-transform:uppercase;letter-spacing:.09em}.syn-page-stats{background:#fff;border:1px solid var(--ad-line);border-radius:10px;padding:10px 14px;text-align:right}.syn-page-stats b{display:block;font-size:23px;color:var(--ad-blue)}.syn-page-stats span{font-size:10px;color:var(--ad-muted)}.syn-list-tools{padding:12px 14px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--ad-line);font-size:12px;color:var(--ad-muted)}.syn-list-search{height:34px;max-width:430px;flex:1;border:1px solid #d4deeb;border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 11px;background:#fbfcfe}.syn-list-search input{width:100%;border:0;outline:0;background:transparent;font:500 13px MPManrope}.syn-list-tools>span{margin-left:auto}.syn-list-tools>button,.syn-row-action{border:1px solid #bfd4f3;background:#edf5ff;color:var(--ad-blue);border-radius:7px;padding:7px 10px;font:700 12px MPManrope;cursor:pointer}.syn-tech-table td{padding-top:10px;padding-bottom:10px}.syn-tech-person{display:flex;align-items:center;gap:9px}.syn-tech-person>span{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:var(--ad-pale);color:var(--ad-blue);font-weight:700;font-size:14px}.syn-tech-person b{display:block;font-size:13px}.syn-tech-person small{display:block;color:var(--ad-muted);font-size:10px;margin-top:2px} @media(max-width:1180px){.syn-kpis{grid-template-columns:repeat(3,1fr)}.syn-grid{grid-template-columns:1fr}.syn-right{display:grid;grid-template-columns:1fr 1fr}.syn-right .syn-card:last-child{grid-column:1/3}}@media(max-width:760px){#mp-admin-home{grid-template-columns:64px 1fr}.syn-brand{padding:0 14px}.syn-brand div,.syn-group-label,.syn-nav button span:not(.ico),.syn-navcol-foot{display:none}.syn-nav button{justify-content:center}.syn-topbar,.syn-main{grid-column:2}.syn-topbar{padding:0 10px}.syn-logout .lib{display:none}.syn-logout{padding:0 11px}.syn-main{padding:10px}.syn-kpis{grid-template-columns:repeat(2,1fr)}.syn-grid,.syn-right{display:block}.syn-card{margin-bottom:10px}.syn-plan-row{grid-template-columns:150px repeat(4,120px);min-width:590px}.syn-planning{overflow:auto}} .syn-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:12px}.syn-tool-card{min-height:132px;border:1px solid var(--ad-line);background:#fff;border-radius:12px;padding:16px;text-align:left;display:grid;grid-template-columns:42px 1fr;grid-template-rows:1fr auto;gap:10px 12px;cursor:pointer;color:var(--ad-ink);box-shadow:0 2px 8px rgba(26,52,88,.035);transition:.18s ease}.syn-tool-card:hover{border-color:#a9c8f3;box-shadow:0 10px 25px rgba(20,105,223,.1);transform:translateY(-2px)}.syn-tool-card:disabled{opacity:.48;cursor:not-allowed;transform:none}.syn-tool-icon{width:42px;height:42px;border-radius:11px;background:var(--ad-pale);color:var(--ad-blue);display:grid;place-items:center;font-size:23px}.syn-tool-card b{display:block;font-size:16px;margin:2px 0 5px}.syn-tool-card small{display:block;color:var(--ad-muted);font:500 12px/1.45 MPManrope}.syn-tool-card em{grid-column:2;color:var(--ad-blue);font:700 12px MPManrope;font-style:normal}.syn-maint-card{margin-bottom:12px}.syn-maint-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:8px 14px}.syn-maint-option{display:flex;align-items:center;gap:8px;padding:12px 9px;border-bottom:1px solid #edf1f6;font-size:13px;cursor:pointer}.syn-maint-option input{accent-color:var(--ad-blue)}.syn-maint-option i{width:8px;height:8px;border-radius:50%;background:var(--dot)}.syn-maint-option span{flex:1}.syn-maint-option b{color:var(--ad-muted);font-size:12px}.syn-card-head .link.muted{color:var(--ad-muted);margin-left:0}.syn-inline-error{padding:10px 14px;margin-bottom:10px;border:1px solid #f1c4c8;background:#fff0f1;color:#b52c38;border-radius:9px;font-size:13px}body>div[id$="-overlay"],body>#admin-panel,body>.modal-overlay{z-index:100100!important}@media(max-width:1180px){.syn-tool-grid{grid-template-columns:repeat(2,minmax(210px,1fr))}.syn-maint-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.syn-tool-grid{grid-template-columns:1fr}.syn-maint-grid{grid-template-columns:1fr}} #mp-admin-home .syn-list-search,#mp-admin-home .syn-row-actions button,#mp-admin-home .syn-tech-person>span,#mp-admin-home .ico,#mp-admin-home .syn-kpi .icon,#mp-admin-home .syn-key-label i,#mp-admin-home .syn-bell,#mp-admin-home .syn-search,#mp-admin-home .syn-navcol-foot button,#mp-admin-home .syn-detail-actions button{font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",MPManrope,sans-serif} #mp-admin-home .syn-key-label i,#mp-admin-home .syn-timeline-tech i{font-style:normal} #mp-admin-home .syn-map-tools{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px} #mp-admin-home .syn-map-tool{display:flex;align-items:center;gap:7px;height:40px;padding:0 14px;border:1px solid var(--ad-line);border-radius:10px;background:#fff;color:#31435c;font:700 13px MPManrope;cursor:pointer;transition:.16s} #mp-admin-home .syn-map-tool:hover:not(:disabled){border-color:#8fb9ee;background:var(--ad-pale);color:var(--ad-blue)} #mp-admin-home .syn-map-tool:disabled{opacity:.42;cursor:default} /* Un panneau ouvert doit se voir sur le bouton qui l'ouvre, sinon on le referme en cliquant ailleurs sans savoir qu'on l'avait ouvert. */ #mp-admin-home .syn-map-tool.actif{border-color:#8fb9ee;background:var(--ad-pale);color:var(--ad-blue)} #mp-admin-home .syn-map-tool i{font-style:normal;font-size:16px;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",MPManrope,sans-serif} #mp-admin-home .syn-logo{font-size:25px;line-height:1;color:#12324e;--msq-acc:#0fa3c4;--msq-cog:#0fa3c4} #mp-admin-home select{color-scheme:light;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:38px;border:1px solid var(--ad-line);border-radius:10px;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.6 6 6.4 11 1.6' fill='none' stroke='%23687b95' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:11px 8px;color:#31435c;font:600 13px MPManrope;padding:0 34px 0 13px;cursor:pointer;transition:border-color .16s,box-shadow .16s} #mp-admin-home select:hover{border-color:#8fb9ee} #mp-admin-home select:focus{outline:0;border-color:var(--ad-blue);box-shadow:0 0 0 3px rgba(20,105,223,.16)} #mp-admin-home .syn-champ-erreur{border-color:var(--ad-red)!important;box-shadow:0 0 0 3px rgba(219,61,75,.18)!important;animation:syn-secoue .4s} @keyframes syn-secoue{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(2px)}30%,50%,70%{transform:translateX(-4px)}40%,60%{transform:translateX(4px)}} #mp-admin-home select option{font:600 13px MPManrope;color:#31435c} #mp-admin-home .syn-sort-sens{width:38px;height:38px;border:1px solid var(--ad-line);border-radius:10px;background:#fff;color:#31435c;font:700 15px MPManrope;cursor:pointer} #mp-admin-home .syn-sort-sens:hover{border-color:#8fb9ee;background:var(--ad-pale);color:var(--ad-blue)} #mp-admin-home .syn-list-tools{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:12px 14px;border-bottom:1px solid #e8edf4} #mp-admin-home .syn-list-tools>span{color:var(--ad-muted);font-size:12px;font-weight:700} #mp-admin-home .syn-tag{margin-left:auto;font-style:normal;font-size:10px;font-weight:700;color:#8a6d1f;background:#fdf3d8;border:1px solid #eddba4;border-radius:6px;padding:2px 6px;white-space:nowrap} #mp-admin-home .syn-nav button:disabled,#mp-admin-home .syn-nav button[disabled]{opacity:.55;cursor:default;color:#8a97a9} #mp-admin-home .syn-nav button:disabled:hover{background:transparent;transform:none} #mp-admin-home .syn-navcol-foot{margin-top:auto;padding:12px 10px;border-top:1px solid var(--ad-line)} #mp-admin-home .syn-navcol-foot button{width:100%;border:1px solid var(--ad-line);background:#fff;color:#31435c;border-radius:10px;padding:11px 12px;display:flex;align-items:center;gap:9px;font:700 13px MPManrope;text-align:left;cursor:pointer;transition:.16s} #mp-admin-home .syn-navcol-foot button:hover{border-color:#8fb9ee;background:var(--ad-pale);color:var(--ad-blue)} #mp-admin-home .syn-navcol-foot button.active{border-color:#8fb9ee;background:var(--ad-pale);color:var(--ad-blue)} #mp-admin-home .syn-navcol-foot .ico{width:24px;text-align:center;font-size:17px;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",MPManrope,sans-serif} #mp-admin-home .syn-tech{min-width:0;padding:7px 12px 7px 14px} #mp-admin-home .syn-tech b{display:block;font-size:12px;line-height:1.25;white-space:normal;overflow-wrap:anywhere} #mp-admin-home .syn-tech span{display:block;margin-top:2px;line-height:1.2} #mp-admin-home .syn-page-aside{display:flex;align-items:center;gap:12px} #mp-admin-home .syn-page-action{display:flex;align-items:center;gap:8px;height:44px;padding:0 16px;border:1px solid var(--ad-blue);border-radius:10px;background:var(--ad-blue);color:#fff;font:700 13px MPManrope;cursor:pointer;white-space:nowrap;transition:.16s} #mp-admin-home .syn-page-action:hover{background:#0f57bd;border-color:#0f57bd} #mp-admin-home .syn-page-action i{font-style:normal;font-size:15px;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",MPManrope,sans-serif} @media(max-width:760px){#mp-admin-home .syn-page-action span{display:none}} #mp-admin-home .syn-map-legend{margin:0 0 12px;background:#fff;border:1px solid var(--ad-line);border-radius:12px;padding:12px 14px;overflow-x:auto} #mp-admin-home .syn-map-legend .legends{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:12px;color:#41526a} #mp-admin-home #syn-map-native:fullscreen{height:100vh!important;min-height:0!important;border:0;border-radius:0} #mp-admin-home #syn-map-native:-webkit-full-screen{height:100vh!important;border:0;border-radius:0} #mp-admin-home .syn-prev-freq{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:14px} #mp-admin-home .syn-prev-card{background:#fff;border:1px solid var(--ad-line);border-radius:12px;padding:14px;text-align:left;cursor:pointer;font-family:MPManrope;transition:.16s} #mp-admin-home .syn-prev-card:hover{border-color:#8fb9ee;background:var(--ad-pale)} #mp-admin-home .syn-prev-card.actif{border-color:var(--ad-blue);background:var(--ad-pale);box-shadow:0 0 0 3px rgba(20,105,223,.12)} #mp-admin-home .syn-prev-card b{display:block;font-size:25px;line-height:1;color:var(--ad-ink)} #mp-admin-home .syn-prev-card span{display:block;margin-top:6px;font-size:11px;font-weight:700;color:var(--ad-muted);text-transform:capitalize} #mp-admin-home #syn-prev-mois{font-size:14px;min-width:150px;text-align:center;text-transform:capitalize} #mp-admin-home .syn-back,#mp-admin-home .syn-back:link{background:#1469df!important;border:1px solid #1469df!important;color:#fff!important;font-weight:700} #mp-admin-home .syn-back:hover:not(:disabled),#mp-admin-home .syn-back:focus:not(:disabled),#mp-admin-home .syn-back:active:not(:disabled){background:#0f4ea8!important;border-color:#0f4ea8!important;color:#fff!important;outline:0} #mp-admin-home .syn-back:focus-visible{box-shadow:0 0 0 3px rgba(20,105,223,.35)} #mp-admin-home .syn-back:disabled{background:#e7ecf3!important;border-color:#dbe3ed!important;color:#8794a8!important;opacity:1} /* ───────────────────────────────────────────────────────────── COLONNE DE NAVIGATION — charte Synqo Ce bloc est en fin de fichier : il reprend la main sur les règles de colonne écrites plus haut. Le retirer = revenir à l'ancienne colonne, rien d'autre ne bouge. ───────────────────────────────────────────────────────────── */ #mp-admin-home{ --sy-navy:#143e6d; --sy-turquoise:#17b5c8; --sy-vert:#53b89a; --sy-vert-clair:#a2cf9e; --sy-ease:cubic-bezier(.23,1,.32,1); --sy-largeur:270px; grid-template-columns:var(--sy-largeur) minmax(0,1fr); transition:grid-template-columns 260ms var(--sy-ease); } #mp-admin-home.syn-replie{--sy-largeur:74px} #mp-admin-home .syn-navcol{ grid-row:1/3;background:var(--sy-navy);color:#fff;border-right:0; display:flex;flex-direction:column;min-height:0;overflow:hidden; } #mp-admin-home .syn-brand{ height:72px;flex:none;display:flex;align-items:center;gap:10px;padding:0 20px; border-bottom:1px solid rgba(255,255,255,.10); } #mp-admin-home .syn-logo{font-size:21px;color:#fff;--msq-acc:var(--sy-turquoise);--msq-cog:var(--sy-turquoise); white-space:nowrap;transition:opacity 180ms var(--sy-ease)} #mp-admin-home.syn-replie .syn-brand{padding:0 20px;justify-content:center} #mp-admin-home.syn-replie .syn-logo{opacity:0;width:0;overflow:hidden} /* bouton d'action */ #mp-admin-home .syn-action{flex:none;margin:16px 14px 6px} #mp-admin-home .syn-action button{ width:100%;height:42px;border:0;border-radius:11px;cursor:pointer; background:var(--sy-turquoise);color:#08313a;font:700 13px MPManrope,sans-serif; display:flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap; box-shadow:inset 0 1px 0 rgba(255,255,255,.25); transition:transform 160ms var(--sy-ease),background 160ms ease; } #mp-admin-home .syn-action button:hover{background:#2ec4d6} #mp-admin-home .syn-action button:active{transform:scale(.975)} #mp-admin-home.syn-replie .syn-action{margin:16px 12px 6px} #mp-admin-home.syn-replie .syn-action .lib{display:none} /* navigation */ #mp-admin-home .syn-nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:8px 12px 12px; scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent} #mp-admin-home .syn-nav::-webkit-scrollbar{width:6px} #mp-admin-home .syn-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22);border-radius:3px} #mp-admin-home .syn-group{margin-bottom:2px} #mp-admin-home .syn-group-toggle{ width:100%;border:0;background:none;cursor:pointer;color:rgba(255,255,255,.5); font:700 10px MPManrope,sans-serif;letter-spacing:.09em;text-transform:uppercase; display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 10px 7px; transition:color 160ms ease; } #mp-admin-home .syn-group-toggle:hover{background:none;color:rgba(255,255,255,.82)} #mp-admin-home .syn-group-toggle .syn-ico{flex:none;transition:transform 220ms var(--sy-ease)} #mp-admin-home .syn-group.open .syn-group-toggle .syn-ico{transform:rotate(180deg)} #mp-admin-home .syn-group-items{display:grid;grid-template-rows:0fr;opacity:0; transition:grid-template-rows 240ms var(--sy-ease),opacity 180ms ease} #mp-admin-home .syn-group-items:before{display:none} #mp-admin-home .syn-group-items>div{overflow:hidden;min-height:0} #mp-admin-home .syn-group.open .syn-group-items{grid-template-rows:1fr;opacity:1} #mp-admin-home .syn-item{ width:100%;border:0;background:none;cursor:pointer;color:rgba(255,255,255,.76); font:600 13px MPManrope,sans-serif;text-align:left;position:relative; display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:9px;margin-bottom:1px; transition:background 150ms ease,color 150ms ease; } #mp-admin-home .syn-item:hover{background:rgba(255,255,255,.07);color:#fff;transform:none} #mp-admin-home .syn-item:active{background:rgba(255,255,255,.12)} #mp-admin-home .syn-item.active{background:rgba(255,255,255,.12);color:#fff} #mp-admin-home .syn-item.active:before{content:"";position:absolute;left:-12px;top:9px;bottom:9px;width:3px; border-radius:0 3px 3px 0;background:var(--sy-turquoise)} #mp-admin-home .syn-item.active .syn-ico{color:var(--sy-turquoise)} #mp-admin-home .syn-item .syn-ico{flex:none} #mp-admin-home .syn-item .lib{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #mp-admin-home .syn-item:disabled{opacity:.42;cursor:default;color:rgba(255,255,255,.76)} #mp-admin-home .syn-item:disabled:hover{background:none} #mp-admin-home .syn-tag{margin-left:auto;font:700 9px MPManrope,sans-serif;letter-spacing:.03em; padding:3px 6px;border-radius:5px;background:rgba(162,207,158,.22);color:var(--sy-vert-clair); border:0;white-space:nowrap} /* Signalements clients en attente de dispatch : une pastille qui tilte, pas un simple compteur — même intention que `.syn-bell em`. */ #mp-admin-home .syn-item-alerte{margin-left:auto;flex:none;min-width:18px;height:18px;padding:0 5px; border-radius:99px;background:var(--ad-red,#c72f3d);color:#fff;font:700 10px/18px MPManrope,sans-serif; text-align:center;font-style:normal} /* colonne repliée en barre d'icônes */ #mp-admin-home.syn-replie .syn-group-toggle{justify-content:center;padding:12px 0 6px;font-size:0} #mp-admin-home.syn-replie .syn-group-toggle .syn-ico{display:none} #mp-admin-home.syn-replie .syn-group-toggle:after{content:"";display:block;width:20px;height:1px;background:rgba(255,255,255,.16)} #mp-admin-home.syn-replie .syn-group-items{grid-template-rows:1fr;opacity:1} #mp-admin-home.syn-replie .syn-item{justify-content:center;padding:11px 0} #mp-admin-home.syn-replie .syn-item .lib,#mp-admin-home.syn-replie .syn-tag{display:none} /* pied de colonne */ #mp-admin-home .syn-navcol-foot{flex:none;margin-top:0;padding:10px 12px 12px; border-top:1px solid rgba(255,255,255,.10)} #mp-admin-home .syn-admin{ width:100%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff; border-radius:10px;cursor:pointer;font:700 13px MPManrope,sans-serif;text-align:left; display:flex;align-items:center;gap:11px;padding:11px 12px;margin-bottom:10px; transition:background 150ms ease,border-color 150ms ease,transform 160ms var(--sy-ease); } #mp-admin-home .syn-admin:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);color:#fff} #mp-admin-home .syn-admin:active{transform:scale(.98)} #mp-admin-home .syn-admin.active{background:rgba(23,181,200,.18);border-color:rgba(23,181,200,.55)} #mp-admin-home .syn-admin .syn-ico{flex:none} /* RIEN NE DISAIT QU'ON POUVAIT CLIQUER. Le rond des initiales ouvre le dépôt de photo depuis toujours, mais il ressemblait à une décoration : ni curseur de main, ni relief, ni le moindre signe. On clique dessus, il se passe quelque chose — encore fallait-il savoir qu'il fallait cliquer. Une pastille appareil photo, en bas à droite du rond, le dit sans une ligne de texte. */ #mp-admin-home .syn-compte{display:flex;align-items:center;gap:10px;padding:6px 4px 2px; cursor:pointer;border-radius:10px;transition:background .16s ease} #mp-admin-home .syn-compte:hover{background:rgba(255,255,255,.09)} #mp-admin-home .syn-compte:focus-visible{outline:2px solid var(--sy-turquoise);outline-offset:2px} #mp-admin-home .syn-compte .rond{position:relative;width:34px;height:34px;flex:none;border-radius:50%; background:var(--sy-turquoise);color:#08313a;display:grid;place-items:center; font:700 12px MPManrope,sans-serif} #mp-admin-home .syn-compte .rond::after{content:'📷';position:absolute;right:-3px;bottom:-3px; width:16px;height:16px;border-radius:50%;background:#143e6d;border:1.5px solid var(--sy-turquoise); display:grid;place-items:center;font-size:8.5px;line-height:1; font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",MPManrope,sans-serif; transition:transform .16s ease} #mp-admin-home .syn-compte:hover .rond::after{transform:scale(1.12)} #mp-admin-home .syn-compte .txt{min-width:0} #mp-admin-home .syn-compte b{display:block;font-size:12.5px;line-height:1.25;white-space:nowrap; overflow:hidden;text-overflow:ellipsis} #mp-admin-home .syn-compte .txt>span{display:block;font-size:10.5px;color:rgba(255,255,255,.52);white-space:nowrap} #mp-admin-home .syn-replier{ width:100%;margin-top:10px;border:0;background:none;color:rgba(255,255,255,.45);cursor:pointer; font:600 11px MPManrope,sans-serif;display:flex;align-items:center;gap:8px;padding:8px 10px; border-radius:8px;transition:background 150ms ease,color 150ms ease; } #mp-admin-home .syn-replier:hover{background:rgba(255,255,255,.07);color:#fff} #mp-admin-home .syn-replier .syn-ico{transition:transform 260ms var(--sy-ease)} #mp-admin-home.syn-replie .syn-replier{justify-content:center;padding:8px 0} #mp-admin-home.syn-replie .syn-replier .syn-ico{transform:rotate(180deg)} #mp-admin-home.syn-replie .syn-admin{justify-content:center;padding:11px 0} #mp-admin-home.syn-replie .syn-admin .lib,#mp-admin-home.syn-replie .syn-compte .txt{display:none} #mp-admin-home.syn-replie .syn-compte{justify-content:center;padding:6px 0 2px} #mp-admin-home.syn-replie .syn-replier .lib{display:none} @media(prefers-reduced-motion:reduce){ #mp-admin-home,#mp-admin-home .syn-navcol *{transition-duration:.01ms!important} } /* TÉLÉPHONE : la colonne prenait 270 px sur 375. La règle « 64 px » de la ligne 32 était écrasée par --sy-largeur plus haut. Sur petit écran la colonne est toujours repliée en barre d'icônes, quel que soit le bouton. */ @media(max-width:760px){ #mp-admin-home,#mp-admin-home.syn-replie{--sy-largeur:58px} #mp-admin-home .syn-brand{padding:0;justify-content:center} #mp-admin-home .syn-logo{opacity:0;width:0;overflow:hidden} #mp-admin-home .syn-action{margin:12px 7px 4px} #mp-admin-home .syn-action .lib{display:none} #mp-admin-home .syn-nav{padding:6px 7px 10px} #mp-admin-home .syn-group-toggle{justify-content:center;padding:10px 0 5px;font-size:0} #mp-admin-home .syn-group-toggle .syn-ico{display:none} #mp-admin-home .syn-group-toggle:after{content:"";display:block;width:20px;height:1px;background:rgba(255,255,255,.16)} #mp-admin-home .syn-group-items{grid-template-rows:1fr;opacity:1} #mp-admin-home .syn-item{justify-content:center;padding:11px 0} #mp-admin-home .syn-item .lib,#mp-admin-home .syn-tag{display:none} #mp-admin-home .syn-item-alerte{position:absolute;top:2px;right:0;margin:0;min-width:16px;height:16px;font-size:9px;line-height:16px;padding:0 3px} #mp-admin-home .syn-item.active:before{left:-7px} /* « .syn-navcol-foot button » (ligne 63) pose display/padding avec un sélecteur plus précis : il faut le répéter ici pour passer devant. */ #mp-admin-home .syn-navcol-foot{display:block;padding:8px 7px 10px} #mp-admin-home .syn-navcol-foot .syn-admin{justify-content:center;padding:11px 0} #mp-admin-home .syn-admin .lib,#mp-admin-home .syn-compte .txt{display:none} #mp-admin-home .syn-pied-compte{flex-direction:column;gap:4px} #mp-admin-home .syn-compte{justify-content:center;padding:6px 0 2px} #mp-admin-home .syn-navcol-foot .syn-replier,#mp-admin-home .syn-version{display:none} /* Planning de l'accueil : la colonne des noms (190 px) mangeait la moitié de l'écran. Sélecteurs doublés : layout-fix.css est chargé après. */ #mp-admin-home .syn-timeline .syn-timeline-head, #mp-admin-home .syn-timeline .syn-timeline-row{grid-template-columns:96px minmax(680px,1fr)} #mp-admin-home .syn-timeline{min-width:776px} #mp-admin-home .syn-timeline .syn-timeline-head>div:first-child{padding-left:8px} #mp-admin-home .syn-timeline .syn-timeline-tech{gap:6px;padding:6px} #mp-admin-home .syn-timeline .syn-timeline-tech i{width:26px;height:26px;font-size:11px;flex:none} #mp-admin-home .syn-timeline .syn-timeline-tech b{font-size:11px;white-space:normal;line-height:1.2;word-break:break-word} #mp-admin-home .syn-timeline .syn-timeline-tech small{display:none} #mp-admin-home .syn-timeline-legend{flex-wrap:wrap;gap:6px 14px} #mp-admin-home .syn-card-head:has(.syn-plan-daynav){gap:8px;padding:10px 12px} #mp-admin-home .syn-card-head:has(.syn-plan-daynav) h2{flex:1 0 100%;font-size:17px} #mp-admin-home .syn-plan-daynav{margin-left:0} /* Briques communes à toutes les pages : rien ne doit dépasser la largeur de l'écran (on glissait de côté pour lire l'en-tête et les chiffres). */ #mp-admin-home .syn-main{padding:10px 8px} #mp-admin-home .syn-page-head{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:12px} #mp-admin-home .syn-page-head h1{font-size:23px} #mp-admin-home .syn-page-aside{flex-wrap:wrap;justify-content:space-between} #mp-admin-home .syn-page-stats{text-align:left;padding:8px 12px} #mp-admin-home .syn-kpis,#mp-admin-home .syn-kpis.syn-kpis-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} #mp-admin-home .syn-kpi{min-width:0;min-height:0;padding:11px;grid-template-columns:32px minmax(0,1fr);gap:8px} #mp-admin-home .syn-kpi .icon{width:32px;height:32px;border-radius:9px;font-size:17px} #mp-admin-home .syn-kpi strong{font-size:23px} #mp-admin-home .syn-kpi label{font-size:11px} #mp-admin-home .syn-kpi small{grid-column:1/3;margin-top:0} #mp-admin-home .syn-list-tools{padding:10px} #mp-admin-home .syn-list-tools>label,#mp-admin-home .syn-list-tools>select, #mp-admin-home .syn-list-tools>input{flex:1 1 100%;min-width:0;max-width:100%} #mp-admin-home .syn-list-tools>span{margin-left:0} #mp-admin-home .syn-card,#mp-admin-home .syn-grid>*,#mp-admin-home .syn-left,#mp-admin-home .syn-right{min-width:0;max-width:100%} /* Tableaux → fiches empilées. Le titre de colonne vient de data-label, posé par etiqueterTableaux() dans admin-dashboard.js. */ #mp-admin-home .syn-table-wrap{overflow:visible} #mp-admin-home table.syn-table,#mp-admin-home table.syn-table tbody, #mp-admin-home table.syn-table tr,#mp-admin-home table.syn-table td{display:block;width:100%;box-sizing:border-box} #mp-admin-home table.syn-table thead{display:none} #mp-admin-home table.syn-table tbody tr{padding:8px 12px;border-top:1px solid #e3e9f1} #mp-admin-home table.syn-table tbody tr:first-child{border-top:0} #mp-admin-home table.syn-table td{border:0!important;padding:4px 0!important;white-space:normal!important; display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:right;min-height:0;overflow-wrap:anywhere} #mp-admin-home table.syn-table td::before{content:attr(data-label);flex:none;max-width:45%;text-align:left; color:#7a899d;font:700 10px MPManrope,sans-serif;text-transform:uppercase;letter-spacing:.04em} #mp-admin-home table.syn-table td[data-label=""]::before{display:none} /* La 1re case (le nom) sert de titre de fiche : pleine largeur, sans étiquette. */ #mp-admin-home table.syn-table td:first-child{justify-content:flex-start;text-align:left;font-weight:700;padding-bottom:6px!important} #mp-admin-home table.syn-table td:first-child::before{display:none} #mp-admin-home table.syn-table tr:hover td{background:transparent} } /* La couche de theme clair delave tout fond sombre : la colonne impose le sien. */ #mp-admin-home .syn-navcol{background:#143e6d!important;color:#fff!important} #mp-admin-home .syn-navcol .syn-item,#mp-admin-home .syn-navcol .syn-group-toggle,#mp-admin-home .syn-navcol .syn-replier{background:transparent!important} #mp-admin-home .syn-navcol .syn-item{color:rgba(255,255,255,.76)!important} #mp-admin-home .syn-navcol .syn-item:hover,#mp-admin-home .syn-navcol .syn-item.active{background:rgba(255,255,255,.12)!important;color:#fff!important} #mp-admin-home .syn-navcol .syn-group-toggle{color:rgba(255,255,255,.5)!important} #mp-admin-home .syn-navcol .syn-logo,#mp-admin-home .syn-compte b{color:#fff!important} #mp-admin-home .syn-compte .txt>span{color:rgba(255,255,255,.52)!important} #mp-admin-home .syn-action button{background:#17b5c8!important;color:#08313a!important} #mp-admin-home .syn-action button:hover{background:#2ec4d6!important} #mp-admin-home .syn-admin{background:rgba(255,255,255,.06)!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important} #mp-admin-home .syn-admin:hover{background:rgba(255,255,255,.12)!important} #mp-admin-home .syn-compte .rond{background:#17b5c8!important;color:#08313a!important} #mp-admin-home .syn-replier{color:rgba(255,255,255,.45)!important} #mp-admin-home .syn-replier:hover{background:rgba(255,255,255,.07)!important;color:#fff!important} #mp-admin-home .syn-item.active .syn-ico{color:#17b5c8!important} #mp-admin-home .syn-navcol-foot{background:#143e6d!important;position:relative;z-index:1} #mp-admin-home .syn-compte{padding:8px 4px 4px} /* Demandes & rapports : bascule entre les deux listes */ #mp-admin-home .syn-dr-onglets{display:flex;align-items:center;gap:8px;margin:0 0 14px} #mp-admin-home .syn-dr-onglets button{display:flex;align-items:center;gap:8px;height:40px;padding:0 16px;border:1px solid var(--ad-line);border-radius:10px;background:#fff;color:#31435c;font:700 13px MPManrope;cursor:pointer;transition:border-color .16s,background .16s,color .16s,transform .16s} #mp-admin-home .syn-dr-onglets button:hover{border-color:#8fb9ee;color:#143e6d} #mp-admin-home .syn-dr-onglets button:active{transform:scale(.98)} #mp-admin-home .syn-dr-onglets button.actif{background:#143e6d;border-color:#143e6d;color:#fff} #mp-admin-home .syn-dr-onglets button em{font-style:normal;font-size:11px;font-weight:700;padding:2px 7px;border-radius:20px;background:rgba(20,62,109,.10);color:#143e6d} #mp-admin-home .syn-dr-onglets button.actif em{background:rgba(255,255,255,.22);color:#fff} #mp-admin-home .syn-dr-rappel{margin-left:auto;font:700 12px MPManrope;color:#8a6d1f;background:#fdf3d8;border:1px solid #eddba4;border-radius:8px;padding:7px 12px} #mp-admin-home .syn-dr-ligne{cursor:pointer} #mp-admin-home .syn-dr-ligne:hover td{background:#f2f8fd} #mp-admin-home .syn-detail-side>button{margin-top:10px} #mp-admin-home .syn-plage{display:flex;align-items:center;gap:7px;height:38px;padding:0 11px;border:1px solid var(--ad-line);border-radius:10px;background:#fff;color:#5d7590;font:700 11px MPManrope} #mp-admin-home .syn-plage input{border:0;outline:0;background:transparent;color:#31435c;font:600 12px MPManrope} #mp-admin-home .syn-list-tools .syn-page-action{height:38px;padding:0 14px;font-size:12px} #mp-admin-home .syn-list-tools .syn-page-action i{font-size:16px;font-style:normal} /* Formulaires d ajout */ #mp-admin-home .syn-form{padding:22px} #mp-admin-home .syn-form-grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px 20px} #mp-admin-home .syn-form-titre{margin:26px 0 14px;font-size:15px;color:#143e6d;padding-top:18px;border-top:1px solid var(--ad-line)} #mp-admin-home .syn-champ{display:flex;flex-direction:column;gap:7px} #mp-admin-home .syn-champ.large{grid-column:1/-1} #mp-admin-home .syn-champ>span{font:700 11px MPManrope;color:#5d7590;text-transform:uppercase;letter-spacing:.05em} #mp-admin-home .syn-champ>span em{font-style:normal;color:#d9534f} #mp-admin-home .syn-champ input,#mp-admin-home .syn-champ textarea,#mp-admin-home .syn-champ select{height:42px;border:1px solid var(--ad-line);border-radius:10px;background:#fff;color:#1f3350;padding:0 13px;font:600 13px MPManrope;outline:0;transition:border-color .16s,box-shadow .16s} #mp-admin-home .syn-champ select{color-scheme:light} #mp-admin-home .syn-champ textarea{height:auto;padding:11px 13px;line-height:1.5;resize:vertical} #mp-admin-home .syn-champ input:focus,#mp-admin-home .syn-champ textarea:focus,#mp-admin-home .syn-champ select:focus{border-color:#17b5c8;box-shadow:0 0 0 3px rgba(23,181,200,.18)} #mp-admin-home .syn-champ small{color:#7a899d;font-size:11px} #mp-admin-home .syn-form-pied{display:flex;align-items:center;gap:10px;margin-top:26px;padding-top:18px;border-top:1px solid var(--ad-line)} #mp-admin-home .syn-form-pied>button:not(.syn-page-action){height:44px;padding:0 16px;border:1px solid var(--ad-line);border-radius:10px;background:#fff;color:#5d7590;font:700 13px MPManrope;cursor:pointer} #mp-admin-home .syn-form-pied>button:not(.syn-page-action):hover{border-color:#8fb9ee;color:#143e6d} #mp-admin-home .syn-form-msg{margin:0 0 14px;padding:13px 16px;border-radius:11px;font:700 13px MPManrope} #mp-admin-home .syn-form-msg.ok{background:#e8f7f1;border:1px solid #a2cf9e;color:#1d6b52} #mp-admin-home .syn-form-msg.ko{background:#fdeceb;border:1px solid #f0b6b3;color:#a03731} #mp-admin-home .syn-form-titre.premier{margin-top:0;padding-top:0;border-top:0} #mp-admin-home .syn-form-cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-bottom:16px} #mp-admin-home .syn-case{display:flex;align-items:center;gap:10px;height:44px;padding:0 14px;border:1px solid var(--ad-line);border-radius:10px;background:#fff;cursor:pointer;font:600 13px MPManrope;color:#31435c;transition:border-color .16s,background .16s} #mp-admin-home .syn-case:hover{border-color:#8fb9ee;background:#f2f9fd} #mp-admin-home .syn-case input{width:18px;height:18px;accent-color:#17b5c8;cursor:pointer;margin:0} #mp-admin-home .syn-case:has(input:checked){border-color:#17b5c8;background:#e9f8fb;color:#0f5c68} #mp-admin-home .syn-kpis-4{grid-template-columns:repeat(4,minmax(158px,1fr))} #mp-admin-home .syn-astr-ligne{cursor:pointer} #mp-admin-home .syn-astr-ligne:hover td{background:#f2f8fd} #mp-admin-home .syn-sous{display:block;margin-top:2px;color:var(--ad-muted);font-size:11px} #mp-admin-home #syn-astr-mois{font-size:14px;min-width:150px;text-align:center;text-transform:capitalize} #mp-admin-home .syn-alert-banniere{display:flex;align-items:center;gap:10px;height:44px;padding:0 16px;border:1px solid #f0b6b3;border-radius:10px;background:#fdeceb;color:#a03731;font:700 12.5px MPManrope;cursor:pointer;white-space:nowrap;transition:border-color .16s,background-color .16s} #mp-admin-home .syn-alert-banniere:hover{border-color:#e8949c;background:#fce0df} #mp-admin-home .syn-alert-banniere b{font-size:14px} #mp-admin-home .syn-alert-fleche{font-size:15px;line-height:1} #mp-admin-home .syn-champ-inline{display:flex;align-items:center;gap:6px;font:600 12px MPManrope;color:var(--ad-muted)} #mp-admin-home .syn-champ-inline input[type=date]{height:38px;border:1px solid var(--ad-line);border-radius:10px;background:#fff;color:#31435c;padding:0 10px;font:600 13px MPManrope;outline:0;color-scheme:light} #mp-admin-home .syn-champ-inline input[type=date]:focus{border-color:var(--ad-blue);box-shadow:0 0 0 3px rgba(20,105,223,.16)} #mp-admin-home .syn-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-top:1px solid var(--ad-line);font-size:12px;color:var(--ad-muted)} #mp-admin-home .syn-pagination-pages{display:flex;align-items:center;gap:4px} #mp-admin-home .syn-pagination-pages select{height:34px;font-size:12px;margin-right:8px} #mp-admin-home .syn-page-num{min-width:30px;height:30px;padding:0 6px;border:1px solid var(--ad-line);border-radius:8px;background:#fff;color:#31435c;font:700 12px MPManrope;cursor:pointer} #mp-admin-home .syn-page-num:hover:not(:disabled){border-color:#8fb9ee} #mp-admin-home .syn-page-num.actif{background:var(--ad-blue);border-color:var(--ad-blue);color:#fff} #mp-admin-home .syn-page-num:disabled{opacity:.4;cursor:default} #mp-admin-home .syn-page-ellipsis{padding:0 4px;color:var(--ad-muted)} #mp-admin-home .syn-dossier-grid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:14px} #mp-admin-home .syn-dossier-card{text-align:left;border:1px solid var(--ad-line);background:#fff;border-radius:14px;padding:18px;cursor:pointer;display:block;width:100%;box-shadow:0 2px 8px rgba(26,52,88,.035);transition:.18s ease;color:var(--ad-ink)} #mp-admin-home .syn-dossier-card:hover{border-color:#a9c8f3;box-shadow:0 10px 25px rgba(20,105,223,.1);transform:translateY(-2px)} #mp-admin-home .syn-dossier-head{display:flex;align-items:center;gap:12px} #mp-admin-home .syn-dossier-icon{width:42px;height:42px;border-radius:11px;background:var(--ad-pale);color:var(--ad-blue);display:grid;place-items:center;font-size:22px;flex:none} #mp-admin-home .syn-dossier-head b{display:block;font-size:16px} #mp-admin-home .syn-dossier-head small{display:block;color:var(--ad-muted);font:500 12px MPManrope;margin-top:2px} #mp-admin-home .syn-dossier-chevron{margin-left:auto;color:var(--ad-blue);font-size:22px} #mp-admin-home .syn-dossier-tuiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0} #mp-admin-home .syn-dossier-tuile{display:flex;align-items:center;gap:9px;border-radius:10px;padding:10px 12px;background:var(--ad-pale)} #mp-admin-home .syn-dossier-tuile.grey{background:#f3f5f8} #mp-admin-home .syn-dossier-tuile.purple{background:#f2ebff} #mp-admin-home .syn-dossier-tuile.green{background:#e8f8f1} #mp-admin-home .syn-dossier-tuile .icon{width:34px;height:34px;border-radius:10px;background:#fff;display:grid;place-items:center;flex:none;color:var(--ad-blue)} #mp-admin-home .syn-dossier-tuile.grey .icon{color:var(--ad-muted)} #mp-admin-home .syn-dossier-tuile.purple .icon{color:var(--ad-purple)} #mp-admin-home .syn-dossier-tuile.green .icon{color:var(--ad-green)} #mp-admin-home .syn-dossier-tuile strong{display:block;font-size:16px;line-height:1.2} #mp-admin-home .syn-dossier-tuile span span{display:block;font-size:10px;color:var(--ad-muted)} #mp-admin-home .syn-dossier-ouvrir{display:inline-block;color:var(--ad-blue);font:700 13px MPManrope} @media(max-width:760px){#mp-admin-home .syn-dossier-grid{grid-template-columns:1fr}} #mp-admin-home .syn-table td small.syn-sous-ligne{display:block;color:var(--ad-muted);font-size:11px;font-weight:500;margin-top:2px} #mp-admin-home .syn-table td>span.syn-sous-ligne{color:var(--ad-muted);font-size:12px} /* Tour de garde */ #mp-admin-home .syn-garde-legendes{display:flex;flex-wrap:wrap;gap:8px 14px;padding:12px 16px;border-bottom:1px solid var(--ad-line)} #mp-admin-home .syn-garde-chip{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:600;color:#5d7590} #mp-admin-home .syn-garde-chip i{width:15px;height:15px;border-radius:4px;border:1px solid #d4deeb} #mp-admin-home .syn-garde-chip b{min-width:22px;text-align:center;padding:2px 5px;border-radius:5px;background:#eef4fa;color:#143e6d;font-size:10px} #mp-admin-home .syn-garde-wrap{overflow:auto;max-height:62vh} #mp-admin-home table.syn-garde{border-collapse:separate;border-spacing:0;font-family:MPManrope} #mp-admin-home .syn-garde th,#mp-admin-home .syn-garde td{border-bottom:1px solid #eef2f7;border-right:1px solid #eef2f7} #mp-admin-home .syn-garde-jour{position:sticky;top:0;z-index:2;width:26px;min-width:26px;background:#fbfcfe;padding:5px 0;text-align:center;line-height:1.1} #mp-admin-home .syn-garde-jour b{display:block;font-size:11px;color:#143e6d} #mp-admin-home .syn-garde-jour span{display:block;font-size:9px;color:#8a97a9} #mp-admin-home .syn-garde-jour.fin{background:#eef4fa} #mp-admin-home .syn-garde-nom{position:sticky;left:0;z-index:1;min-width:178px;background:#fff;padding:7px 12px;font-size:12px;font-weight:600;color:#31435c;white-space:nowrap} #mp-admin-home .syn-garde thead .syn-garde-nom{z-index:3;top:0;background:#fbfcfe;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#65758c} #mp-admin-home .syn-garde-cell{width:26px;min-width:26px;height:30px;text-align:center;font-size:10px;font-weight:700;color:#41526a} #mp-admin-home .syn-garde-role td{background:#143e6d;color:#fff;font:700 11px MPManrope;letter-spacing:.05em;text-transform:uppercase;padding:8px 12px;position:sticky;left:0} #mp-admin-home .syn-garde-role em{font-style:normal;margin-left:9px;padding:2px 7px;border-radius:20px;background:rgba(255,255,255,.2);font-size:10px} /* ───────────────────────────────────────────────────────────── ASSISTANCE TECHNIQUE — resserrage aux couleurs Synqo L'ecran garde son fonctionnement : on ne touche qu'a sa mise en forme. Les valeurs sont marquees !important parce que l'ecran d'origine ecrit ses styles directement sur les elements. ───────────────────────────────────────────────────────────── */ #assist-overlay{background:#f5fbfd!important} /* la barre du haut devient un vrai bandeau */ #assist-close{ margin-left:auto!important;border:1px solid rgba(255,255,255,.3)!important; background:rgba(255,255,255,.1)!important;color:#fff!important; border-radius:9px!important;padding:8px 13px!important;font:700 12px MPManrope,sans-serif!important; transition:background .16s ease,transform .16s cubic-bezier(.23,1,.32,1)!important; } #assist-close:hover{background:rgba(255,255,255,.2)!important} #assist-close:active{transform:scale(.97)!important} /* la ligne des filtres : des pastilles, pas des boutons gris */ #assist-overlay>div:nth-child(2){ background:#fff!important;padding:14px 20px!important; border-bottom:1px solid #dbe7ee!important; display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:9px!important; } #assist-q{ flex:1 1 320px!important;height:44px!important; border:1px solid #d4deeb!important;border-radius:11px!important;background:#fbfdff!important; padding:0 15px!important;font:600 13px MPManrope,sans-serif!important;color:#1f3350!important; outline:0!important;transition:border-color .16s ease,box-shadow .16s ease!important; } #assist-q:focus{border-color:#17b5c8!important;box-shadow:0 0 0 3px rgba(23,181,200,.18)!important} #assist-overlay>div:nth-child(2) button{ height:38px!important;padding:0 14px!important;border-radius:10px!important; border:1px solid #d4deeb!important;background:#fff!important;color:#31435c!important; font:700 12px MPManrope,sans-serif!important;white-space:nowrap!important; transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s cubic-bezier(.23,1,.32,1)!important; } #assist-overlay>div:nth-child(2) button:hover{border-color:#8fb9ee!important;background:#eef6fb!important;color:#143e6d!important} #assist-overlay>div:nth-child(2) button:active{transform:scale(.97)!important} #assist-guide-da300,#assist-guide-nps{ border-color:#a9e2ea!important;background:#e9f8fb!important;color:#0f5c68!important; } #assist-guide-da300:hover,#assist-guide-nps:hover{background:#d7f2f7!important;border-color:#17b5c8!important} /* les resultats : des cartes lisibles */ #assist-results{padding:18px 20px!important;background:#f5fbfd!important} #assist-results>div{ background:#fff!important;border:1px solid #dbe7ee!important;border-radius:12px!important; padding:16px 18px!important;margin-bottom:12px!important; box-shadow:0 1px 2px rgba(20,62,109,.05)!important; } #assist-results b,#assist-results strong{color:#143e6d!important} /* ───────────────────────────────────────────────────────────── RETOUR D'EXPERIENCE ET STOCKS — meme resserrage Meme principe que l'assistance technique : on ne touche qu'a la mise en forme. Les fonds fonces sont en plus imposes par le garde (TEINTES), la couche de theme clair les effacant sinon. ───────────────────────────────────────────────────────────── */ #rex-overlay,#magasin-overlay{background:#f5fbfd!important} /* bandeaux */ /* boutons des bandeaux : lisibles sur le bleu */ #rex-overlay>div:first-child button, #magasin-overlay>div:first-child>div:first-child button{ height:36px!important;padding:0 13px!important;border-radius:9px!important; border:1px solid rgba(255,255,255,.3)!important;background:rgba(255,255,255,.1)!important; color:#fff!important;font:700 12px MPManrope,sans-serif!important;white-space:nowrap!important; transition:background .16s ease,transform .16s cubic-bezier(.23,1,.32,1)!important; } #rex-overlay>div:first-child button:hover, #magasin-overlay>div:first-child>div:first-child button:hover{background:rgba(255,255,255,.22)!important} #rex-overlay>div:first-child button:active, #magasin-overlay>div:first-child>div:first-child button:active{transform:scale(.97)!important} /* corps : des cartes plutot qu'une liste a plat */ #rxList,#magasin-body{padding:18px 20px!important;background:#f5fbfd!important} #rxList>div,#magasin-body>div{ background:#fff!important;border:1px solid #dbe7ee!important;border-radius:12px!important; padding:15px 17px!important;margin-bottom:11px!important; box-shadow:0 1px 2px rgba(20,62,109,.05)!important; } #rxList b,#rxList strong,#magasin-body b,#magasin-body strong{color:#143e6d!important} /* champs de saisie et listes deroulantes de ces deux ecrans */ #rex-overlay input,#rex-overlay select,#magasin-overlay input,#magasin-overlay select{ height:40px!important;border:1px solid #d4deeb!important;border-radius:10px!important; background:#fff!important;color:#1f3350!important;padding:0 13px!important; font:600 13px MPManrope,sans-serif!important;outline:0!important; transition:border-color .16s ease,box-shadow .16s ease!important; } #rex-overlay input:focus,#rex-overlay select:focus, #magasin-overlay input:focus,#magasin-overlay select:focus{ border-color:#17b5c8!important;box-shadow:0 0 0 3px rgba(23,181,200,.18)!important; } /* Replanifier un preventif */ #mp-admin-home .syn-replanif{display:flex;align-items:center;gap:6px} #mp-admin-home .syn-replanif input{height:34px;border:1px solid var(--ad-line);border-radius:8px;background:#fff;color:#31435c;padding:0 9px;font:600 12px MPManrope;outline:0;transition:border-color .16s ease,box-shadow .16s ease} #mp-admin-home .syn-replanif input:hover{border-color:#8fb9ee} #mp-admin-home .syn-replanif input:focus{border-color:#17b5c8;box-shadow:0 0 0 3px rgba(23,181,200,.18)} #mp-admin-home .syn-replanif-reset{width:30px;height:30px;flex:none;border:1px solid #eddba4;border-radius:8px;background:#fdf3d8;color:#8a6d1f;font:700 14px MPManrope;cursor:pointer;transition:background .16s ease,transform .16s cubic-bezier(.23,1,.32,1)} #mp-admin-home .syn-replanif-reset:hover{background:#fbe9b8} #mp-admin-home .syn-replanif-reset:active{transform:scale(.94)} #mp-admin-home .syn-table select,#mp-admin-home .syn-table input[type=date]{height:34px;border:1px solid var(--ad-line);border-radius:8px;background:#fff;color:#31435c;padding:0 9px;font:600 12px MPManrope;outline:0} #mp-admin-home .syn-table select{color-scheme:light} #mp-admin-home .syn-table select{padding-right:28px;background-position:right 8px center} #mp-admin-home .syn-table select:focus,#mp-admin-home .syn-table input[type=date]:focus{border-color:#17b5c8;box-shadow:0 0 0 3px rgba(23,181,200,.18)} #mp-admin-home .syn-garde-cell.modifiable{cursor:pointer} #mp-admin-home .syn-garde-cell.modifiable:hover{outline:2px solid #17b5c8;outline-offset:-2px} #mp-admin-home .syn-garde-cell select{width:100%;min-width:150px;height:28px;border:1px solid #17b5c8;border-radius:6px;background:#fff;color:#31435c;font:600 11px MPManrope;outline:0;color-scheme:light} #mp-admin-home .syn-plan-ligne{cursor:pointer} #mp-admin-home .syn-plan-ligne:hover td{background:#f2f8fd} #mp-admin-home .syn-detail-actions button.primary{border-color:#fff;background:#fff;color:#14558f} #mp-admin-home .syn-piece-ligne{cursor:pointer} #mp-admin-home .syn-piece-ligne:hover td{background:#f2f8fd} #mp-admin-home .syn-liste-ligne{cursor:pointer} #mp-admin-home .syn-liste-ligne:hover td{background:#f2f8fd} #mp-admin-home .syn-compte-ligne{cursor:pointer} #mp-admin-home .syn-compte-ligne:hover td{background:#f2f8fd} /* Un acces sensible se remarque sans crier : bordure ambree, pas de rouge -- le rouge dit « erreur », or cocher n est pas une erreur, c est une decision. */ #mp-admin-home .syn-case.sensible{border-color:#e0b054;background:#fffaf0} #mp-admin-home .syn-case.sensible:has(input:checked){border-color:#d9534f;background:#fdeceb;color:#a03731} /* Sous-titre de famille dans une longue liste de cases : il structure sans couper, la ou .syn-form-titre tire un trait et ouvre une nouvelle section. */ #mp-admin-home .syn-sous-titre{margin:16px 0 8px;font:700 11px MPManrope;color:#5d7590; text-transform:uppercase;letter-spacing:.06em} /* Le compte et le signalement de bug, cote a cote en bas du menu. Les couleurs sont en !important : la couche de theme clair repeint les boutons en blanc, et ce bouton-ci vit sur le bandeau bleu. */ #mp-admin-home .syn-version{margin-top:8px;text-align:center;font:600 10px MPManrope; color:rgba(255,255,255,.42);letter-spacing:.04em} #mp-admin-home.syn-replie .syn-version{display:none} #mp-admin-home .syn-pied-compte{display:flex;align-items:center;gap:6px} #mp-admin-home .syn-pied-compte .syn-compte{flex:1 1 auto;min-width:0} /* Selecteur volontairement plus precis que `.syn-navcol-foot button`, qui pose width:100% sur tout bouton du pied de menu : le mien faisait 246 px et ecrasait la carte du compte, reduite a 8 px. */ #mp-admin-home .syn-navcol-foot .syn-bug-mini{flex:0 0 auto;width:34px;height:34px;padding:0; border:0!important;border-radius:9px;background:transparent!important;color:inherit; cursor:pointer;font-size:15px;line-height:1;opacity:.55;display:flex; align-items:center;justify-content:center;transition:opacity .16s,background .16s} #mp-admin-home .syn-navcol-foot .syn-bug-mini:hover{opacity:1;background:rgba(255,255,255,.14)!important} #mp-admin-home .syn-navcol-foot .syn-bug-mini:active{transform:scale(.94)} #mp-admin-home.syn-replie .syn-pied-compte{flex-direction:column;gap:4px} /* ── Menu deroulant a cocher ───────────────────────────────────── Une grille de 56 cases mangeait un ecran entier pour un reglage qu'on touche une fois. Le menu montre le resultat, et ne s'ouvre qu'a la demande. */ #mp-admin-home .syn-multi{position:relative} #mp-admin-home .syn-multi.large{grid-column:1/-1} #mp-admin-home .syn-multi-tete{display:flex;align-items:center;justify-content:space-between; gap:10px;width:100%;height:44px;padding:0 13px;border:1px solid var(--ad-line); border-radius:10px;background:#fff;color:#1f3350;font:600 13px MPManrope;cursor:pointer; transition:border-color .16s,box-shadow .16s} #mp-admin-home .syn-multi-tete:hover{border-color:#8fb9ee} #mp-admin-home .syn-multi.ouvert .syn-multi-tete{border-color:#17b5c8; box-shadow:0 0 0 3px rgba(23,181,200,.18)} #mp-admin-home .syn-multi-tete .syn-ico{color:#7a899d;transition:transform .18s;flex:none} #mp-admin-home .syn-multi.ouvert .syn-multi-tete .syn-ico{transform:rotate(180deg)} #mp-admin-home .syn-multi-resume{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #mp-admin-home .syn-multi-panneau{display:none;position:absolute;z-index:30;left:0;right:0;top:calc(100% + 6px); background:#fff;border:1px solid var(--ad-line);border-radius:12px; box-shadow:0 16px 40px rgba(20,62,109,.16);overflow:hidden} #mp-admin-home .syn-multi.ouvert .syn-multi-panneau{display:block} /* Pres du bas de l'ecran (signale le 2026-09-01 : "les listes deroulantes ne se deroulent pas" en scrollant vers un champ bas de page) le panneau s'ouvrait quand meme vers le bas et partait hors champ - rien ne semblait se passer au clic. `.vers-haut`, posee en JS quand la place manque en dessous, le fait remonter au-dessus du bouton a la place. */ #mp-admin-home .syn-multi.vers-haut .syn-multi-panneau{top:auto;bottom:calc(100% + 6px)} #mp-admin-home .syn-multi-recherche{display:flex;align-items:center;gap:8px;padding:10px 13px; border-bottom:1px solid var(--ad-line);color:#7a899d} #mp-admin-home .syn-multi-recherche input{flex:1;border:0;outline:0;background:transparent; font:600 13px MPManrope;color:#1f3350} #mp-admin-home .syn-multi-liste{max-height:320px;overflow:auto;padding:6px} #mp-admin-home .syn-multi-famille{padding:10px 10px 5px;font:700 10.5px MPManrope;color:#8595a8; text-transform:uppercase;letter-spacing:.06em} #mp-admin-home .syn-multi-ligne{display:flex;align-items:center;gap:10px;padding:8px 10px; border-radius:8px;cursor:pointer;font:600 13px MPManrope;color:#31435c} #mp-admin-home .syn-multi-ligne:hover{background:#f2f9fd} #mp-admin-home .syn-multi-ligne input{width:17px;height:17px;accent-color:#17b5c8;cursor:pointer;margin:0;flex:none} #mp-admin-home .syn-multi-ligne.sensible span{color:#a4630f} #mp-admin-home .syn-multi-ligne.sensible input:checked{accent-color:#d9534f} #mp-admin-home .syn-multi-pied{display:flex;gap:6px;flex-wrap:wrap;padding:10px 12px; border-top:1px solid var(--ad-line);background:#fbfdfe} #mp-admin-home .syn-multi-pied button{height:30px;padding:0 11px;border:1px solid var(--ad-line); border-radius:8px;background:#fff;color:#5d7590;font:700 12px MPManrope;cursor:pointer} #mp-admin-home .syn-multi-pied button:hover{border-color:#17b5c8;color:#143e6d} #mp-admin-home .syn-bug-ligne{cursor:pointer} #mp-admin-home .syn-bug-ligne:hover td{background:#f2f8fd} /* La carte du compte se clique pour changer sa photo. Elle reste un bloc : en faire un