/* Adaptation automatique des boutons au thème clair sur ordinateur */ @media(min-width:1000px){ :root[data-theme=light] button:not(.primary):not(.danger), :root[data-theme=light] .btn:not(.primary):not(.danger){background:transparent!important;color:#172033!important;border-color:#1769e0!important} :root[data-theme=light] button:not(.primary):not(.danger):hover, :root[data-theme=light] .btn:not(.primary):not(.danger):hover{background:#fff!important;color:#1769e0!important;border-color:#1769e0!important} :root[data-theme=light] .mission-sort-buttons button:not(.primary), :root[data-theme=light] .mission-type-buttons button:not(.primary){background:transparent!important;color:#172033!important;border-color:#1769e0!important} :root[data-theme=light] .nav button:not(.active){background:transparent!important;color:#526174!important;border-color:transparent!important} :root[data-theme=light] .nav button:not(.active):hover{background:#fff!important;color:#1769e0!important} :root[data-theme=light] button.primary, :root[data-theme=light] .nav button.active, :root[data-theme=light] .mission-sort-buttons button.primary, :root[data-theme=light] .mission-type-buttons button.primary{background:linear-gradient(135deg,var(--primary),var(--primary2))!important;color:#fff!important;border-color:transparent!important} :root[data-theme=light] button.danger, :root[data-theme=light] .mission-past-button.danger{background:#dc2626!important;color:#fff!important;border-color:#dc2626!important} } /* Formulaire de mission PC — proposition 1 compacte en deux colonnes */ .mission-desktop-actions{display:none} @media(min-width:900px){ .mobile-mission-edit-page{width:min(100%,1440px);margin-inline:auto} .mobile-mission-edit-page>.mobile-summary-back{margin-bottom:12px} #mission-form{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);grid-template-areas:"title topactions" "type team" "client flags" "dates vehicles" "addresses vehicles" "work members" "notes members" "photos parking" "supplies supplies" "bottom bottom" "copy copy" "delete delete";gap:14px;align-items:start} #mission-form>h2{grid-area:title;align-self:center;margin:0;font-size:1.45rem} #mission-form>.mission-desktop-actions{grid-area:topactions;display:flex;justify-content:flex-end;gap:9px;align-self:center} #mission-form>.mission-desktop-actions button{width:auto;min-width:112px} #mission-form>.mission-type-field{grid-area:type} #mission-form>.mission-team-fields{grid-area:team} #mission-form>.mission-flags{grid-area:flags} #mission-form>.mission-client-block{grid-area:client} #mission-form>.mission-dates{grid-area:dates} #mission-form>.mission-address-block{grid-area:addresses} #mission-form>.mission-members-block{grid-area:members} #mission-form>.mission-vehicles-block{grid-area:vehicles} #mission-form>.mission-parking-block{grid-area:parking} #mission-form>[data-delivery-supplies]{grid-area:supplies} #mission-form>.mission-photo-fieldset{grid-area:photos} #mission-form>.mission-work-block{grid-area:work} #mission-form>.mission-notes-block{grid-area:notes} #mission-form>.form-actions{grid-area:bottom} #mission-form>.copy-mission{grid-area:copy} #mission-form>.delete-mission{grid-area:delete} #mission-form>.mission-type-field,#mission-form>.mission-team-fields,#mission-form>.mission-flags,#mission-form>.mission-client-block,#mission-form>.mission-dates,#mission-form>.mission-address-block,#mission-form>fieldset,#mission-form>.mission-work-block,#mission-form>.mission-notes-block{margin:0;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface)} #mission-form>.mission-type-field,#mission-form>.mission-work-block,#mission-form>.mission-notes-block{display:grid;gap:7px} #mission-form input:not([type=checkbox]),#mission-form select,#mission-form textarea{min-height:40px;padding:8px 10px} #mission-form textarea{min-height:74px} #mission-form .mission-dates{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} #mission-form .name-fields{grid-template-columns:1fr 1fr;gap:9px} #mission-form .phone-fields{grid-template-columns:minmax(150px,.45fr) minmax(180px,1fr);gap:9px} #mission-form .mission-team-fields{grid-template-columns:1fr 1fr;gap:9px} #mission-form .mission-flags{display:flex;align-items:center;align-content:center;gap:8px;flex-wrap:wrap} #mission-form .mission-flags .check{width:auto;margin:0;padding:8px 10px;border:1px solid var(--border);border-radius:9px} #mission-form .member-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:9px} #mission-form .member-group>b{flex-basis:100%;margin-bottom:1px} #mission-form .member-group .check{width:auto;margin:0;padding:7px 9px;border:1px solid var(--border);border-radius:8px} #mission-form .vehicle-driver-row{display:grid;grid-template-columns:minmax(150px,.75fr) minmax(190px,1fr);align-items:end;gap:9px;margin-bottom:8px} #mission-form .vehicle-driver-row>.check{margin:0;min-height:40px} #mission-form .delivery-supplies-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px} #mission-form .file-drop{min-height:82px;margin:7px 0;padding:14px 16px} #mission-form>.form-actions{justify-content:flex-end;margin-top:0;padding-top:4px} #mission-form>.form-actions button{width:auto;min-width:140px} } @media(min-width:1000px) and (prefers-color-scheme:light){ :root:not([data-theme=dark]) button:not(.primary):not(.danger), :root:not([data-theme=dark]) .btn:not(.primary):not(.danger){background:transparent!important;color:#172033!important;border-color:#1769e0!important} :root:not([data-theme=dark]) button:not(.primary):not(.danger):hover, :root:not([data-theme=dark]) .btn:not(.primary):not(.danger):hover{background:#fff!important;color:#1769e0!important;border-color:#1769e0!important} :root:not([data-theme=dark]) .mission-sort-buttons button:not(.primary), :root:not([data-theme=dark]) .mission-type-buttons button:not(.primary){background:transparent!important;color:#172033!important;border-color:#1769e0!important} :root:not([data-theme=dark]) .nav button:not(.active){background:transparent!important;color:#526174!important;border-color:transparent!important} :root:not([data-theme=dark]) .nav button:not(.active):hover{background:#fff!important;color:#1769e0!important} :root:not([data-theme=dark]) button.primary, :root:not([data-theme=dark]) .nav button.active, :root:not([data-theme=dark]) .mission-sort-buttons button.primary, :root:not([data-theme=dark]) .mission-type-buttons button.primary{background:linear-gradient(135deg,var(--primary),var(--primary2))!important;color:#fff!important;border-color:transparent!important} :root:not([data-theme=dark]) button.danger, :root:not([data-theme=dark]) .mission-past-button.danger{background:#dc2626!important;color:#fff!important;border-color:#dc2626!important} } /* Flèche du menu Trier par sans cercle */ .mission-sort-heading>button, .mission-sort-heading>button:hover, :root[data-theme=light] .mission-sort-heading>button, :root[data-theme=light] .mission-sort-heading>button:hover{width:auto!important;min-width:32px!important;height:40px!important;padding:0 5px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:var(--text)!important} /* Contours bleus des cartes en mode clair */ :root[data-theme=light] .card:not(.mission-card), :root[data-theme=light] .clickable, :root[data-theme=light] .mission-sort-panel, :root[data-theme=light] .today-widget, :root[data-theme=light] .summary-address-line, :root[data-theme=light] fieldset{border-color:rgba(23,105,224,.72)!important} :root[data-theme=light] .mission-card{border-top-color:rgba(23,105,224,.72)!important;border-right-color:rgba(23,105,224,.72)!important;border-bottom-color:rgba(23,105,224,.72)!important} :root[data-theme=light] .today-mission{border-right-color:rgba(23,105,224,.72)!important;border-bottom-color:rgba(23,105,224,.72)!important;border-left-color:rgba(23,105,224,.72)!important} @media(prefers-color-scheme:light){ :root:not([data-theme=dark]) .card:not(.mission-card), :root:not([data-theme=dark]) .clickable, :root:not([data-theme=dark]) .mission-sort-panel, :root:not([data-theme=dark]) .today-widget, :root:not([data-theme=dark]) .summary-address-line, :root:not([data-theme=dark]) fieldset{border-color:rgba(23,105,224,.72)!important} :root:not([data-theme=dark]) .mission-card{border-top-color:rgba(23,105,224,.72)!important;border-right-color:rgba(23,105,224,.72)!important;border-bottom-color:rgba(23,105,224,.72)!important} :root:not([data-theme=dark]) .today-mission{border-right-color:rgba(23,105,224,.72)!important;border-bottom-color:rgba(23,105,224,.72)!important;border-left-color:rgba(23,105,224,.72)!important} } .manual-time-editor{display:flex;align-items:center;gap:7px}.manual-time-editor .manual-time{width:205px}.manual-time-editor button{min-height:40px} @media(max-width:520px){.manual-time-editor{width:100%;flex-direction:column;align-items:stretch}.manual-time-editor .manual-time,.manual-time-editor button{width:100%}} /* Récapitulatif de mission comme page complète sur téléphone */ @media(max-width:720px){.mobile-summary-page{display:block;min-height:calc(100vh - 100px);padding-bottom:25px}.mobile-summary-back{display:inline-flex;align-items:center;width:auto;margin:0 0 14px;padding:9px 12px}.mobile-summary-page .mission-summary{margin-top:12px}.mobile-summary-page>h2{margin:8px 0 14px}} .mobile-mission-edit-page{display:block;min-height:calc(100vh - 100px);padding-bottom:25px}.mobile-mission-edit-page>form{margin-top:12px}.mobile-mission-edit-page .mobile-summary-back{display:inline-flex;align-items:center;width:auto;margin:0 0 8px;padding:9px 12px} :root[data-theme=dark] .day-strip-item.selected, :root[data-theme=dark] .day-strip-item.selected:hover{background:#1769e0!important;border-color:#1769e0!important;color:#fff!important} :root[data-theme=dark] .day-strip-item.selected small, :root[data-theme=dark] .day-strip-item.selected b, :root[data-theme=dark] .day-strip-item.selected:hover small, :root[data-theme=dark] .day-strip-item.selected:hover b{background:transparent!important;color:#fff!important} @media(prefers-color-scheme:dark){ :root:not([data-theme=light]) .day-strip-item.selected, :root:not([data-theme=light]) .day-strip-item.selected:hover{background:#1769e0!important;border-color:#1769e0!important;color:#fff!important} :root:not([data-theme=light]) .day-strip-item.selected small, :root:not([data-theme=light]) .day-strip-item.selected b, :root:not([data-theme=light]) .day-strip-item.selected:hover small, :root:not([data-theme=light]) .day-strip-item.selected:hover b{background:transparent!important;color:#fff!important} } /* Zone de sélection des images */ .file-drop{display:grid;gap:5px;width:100%;min-height:106px;margin:12px 0;padding:20px 22px;align-content:center;border:1.5px dashed var(--muted);border-radius:13px;background:rgba(255,255,255,.025);color:var(--text);cursor:pointer;transition:border-color .16s,background .16s}.file-drop:hover{border-color:var(--primary);background:rgba(23,105,224,.08)}.file-drop strong{font-size:16px}.file-drop span{color:var(--muted);font-size:13px;font-weight:500}.file-drop input[type=file]{position:absolute;width:1px;height:1px;min-height:0;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root[data-theme=light] .file-drop{background:#fff;border-color:rgba(23,105,224,.65)} /* Navigation, jour sélectionné et déconnexion */ :root[data-theme=light] .nav{border:1.5px solid #1769e0!important} :root[data-theme=light] .day-strip-item.selected, :root[data-theme=light] .day-strip-item.selected small, :root[data-theme=light] .day-strip-item.selected b{background:#fff!important;color:#1769e0!important;border-color:#1769e0!important} @media(prefers-color-scheme:light){ :root:not([data-theme=dark]) .nav{border:1.5px solid #1769e0!important} :root:not([data-theme=dark]) .day-strip-item.selected, :root:not([data-theme=dark]) .day-strip-item.selected small, :root:not([data-theme=dark]) .day-strip-item.selected b{background:#fff!important;color:#1769e0!important;border-color:#1769e0!important} } [data-out]:hover, :root[data-theme=light] [data-out]:hover{background:#dc2626!important;color:#fff!important;border-color:#dc2626!important} /* Priorité maximale au survol de Déconnexion en thème clair */ :root[data-theme=light] button[data-out]:not(.primary):not(.danger):hover{background:#dc2626!important;color:#fff!important;border-color:#dc2626!important} @media(prefers-color-scheme:light){ :root:not([data-theme=dark]) button[data-out]:not(.primary):not(.danger):hover{background:#dc2626!important;color:#fff!important;border-color:#dc2626!important} } /* Contours des champs du récapitulatif de mission en mode clair */ :root[data-theme=light] .mission-summary>div{border:1.5px solid rgba(23,105,224,.72)!important;background:#fff!important} @media(prefers-color-scheme:light){ :root:not([data-theme=dark]) .mission-summary>div{border:1.5px solid rgba(23,105,224,.72)!important;background:#fff!important} } /* Badges de mission identiques dans tous les thèmes */ .mission-status.status-done, button.mission-status.status-done, .mission-status.status-done:hover{background:#16a34a!important;color:#fff!important;border-color:#16a34a!important} .mission-status.status-progress, button.mission-status.status-progress, .mission-status.status-progress:hover{background:#7c3aed!important;color:#fff!important;border-color:#7c3aed!important} .mission-status.status-prebooking, button.mission-status.status-prebooking, .mission-status.status-prebooking:hover{background:#ea580c!important;color:#fff!important;border-color:#ea580c!important} /* Priorité des badges dans les cartes du calendrier en mode jour clair */ :root[data-theme=light] body .mission-card.day-card .mission-status.status-done, :root[data-theme=light] body .mission-card.day-card .mission-status.status-done:hover{background:#16a34a!important;color:#fff!important;border-color:#16a34a!important} :root[data-theme=light] body .mission-card.day-card .mission-status.status-progress, :root[data-theme=light] body .mission-card.day-card .mission-status.status-progress:hover{background:#7c3aed!important;color:#fff!important;border-color:#7c3aed!important} :root[data-theme=light] body .mission-card.day-card .mission-status.status-prebooking, :root[data-theme=light] body .mission-card.day-card .mission-status.status-prebooking:hover{background:#ea580c!important;color:#fff!important;border-color:#ea580c!important} @media(prefers-color-scheme:light){ :root:not([data-theme=dark]) body .mission-card.day-card .mission-status.status-done, :root:not([data-theme=dark]) body .mission-card.day-card .mission-status.status-done:hover{background:#16a34a!important;color:#fff!important;border-color:#16a34a!important} :root:not([data-theme=dark]) body .mission-card.day-card .mission-status.status-progress, :root:not([data-theme=dark]) body .mission-card.day-card .mission-status.status-progress:hover{background:#7c3aed!important;color:#fff!important;border-color:#7c3aed!important} :root:not([data-theme=dark]) body .mission-card.day-card .mission-status.status-prebooking, :root:not([data-theme=dark]) body .mission-card.day-card .mission-status.status-prebooking:hover{background:#ea580c!important;color:#fff!important;border-color:#ea580c!important} } /* Colonnes indépendantes : aucun espace artificiel entre les sections */ @media(min-width:900px){ #mission-form{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title topactions" "columns columns" "bottom bottom" "copy copy" "delete delete";gap:14px} #mission-form>.mission-desktop-columns{grid-area:columns;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:14px;align-items:start} #mission-form .mission-desktop-column{display:grid;gap:14px;align-content:start;min-width:0} #mission-form .mission-desktop-column>*{grid-area:auto!important;margin:0} #mission-form .mission-work-block textarea{overflow:hidden;resize:none} } /* Catégories de membres repliables */ #mission-form details.member-group{display:block;margin:0 0 8px;border:1px solid var(--border);border-radius:9px;background:var(--card);overflow:hidden} #mission-form details.member-group>summary{display:flex;align-items:center;gap:8px;padding:9px 11px;cursor:pointer;font-weight:700;color:var(--text);list-style:none} #mission-form details.member-group>summary::-webkit-details-marker{display:none} #mission-form details.member-group>summary::after{content:"⌄";margin-left:auto;color:var(--primary);font-size:18px;line-height:1;transition:transform .16s ease} #mission-form details.member-group[open]>summary::after{transform:rotate(180deg)} #mission-form details.member-group[open]>summary{border-bottom:1px solid var(--border)} #mission-form details.member-group>.check{display:flex;margin:7px 9px!important} /* Options de mission sous forme de boutons visuels */ #mission-form .visual-toggle{display:inline-flex!important;align-items:center;justify-content:center;gap:0;width:auto!important;min-height:40px;margin:0!important;padding:8px 12px!important;border:1px solid var(--border)!important;border-radius:9px;background:transparent!important;color:var(--text)!important;cursor:pointer;font-weight:700;transition:background .16s,color .16s,border-color .16s,transform .1s} #mission-form .visual-toggle:hover{border-color:var(--primary)!important;color:var(--primary)!important} #mission-form .visual-toggle:active{transform:translateY(1px)} #mission-form .visual-toggle>input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none} #mission-form .visual-toggle:has(input:checked){background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important} #mission-form .visual-toggle-eco:has(input:checked){background:#169447!important;border-color:#169447!important;color:#fff!important} #mission-form .visual-toggle-eco:hover{border-color:#169447!important;color:#42c875!important} #mission-form .visual-toggle-eco:has(input:checked):hover{color:#fff!important} #mission-form .storage-position-buttons{display:flex;align-items:center;gap:7px;flex-wrap:wrap} #mission-form .storage-position-buttons[hidden]{display:none!important} #mission-form .storage-position-toggle{min-height:36px!important;padding:7px 10px!important;font-size:.88rem} @media(max-width:520px){#mission-form .location-flags{align-items:stretch}#mission-form .storage-position-buttons{width:100%}#mission-form .storage-position-toggle{flex:1}} /* Sélection visuelle des membres, véhicules et conducteurs */ #mission-form .selection-toggle,#mission-form .driver-choice{border:1.5px solid #405675!important} :root[data-theme=light] #mission-form .selection-toggle, :root[data-theme=light] #mission-form .driver-choice{border-color:#1769e0!important} @media(prefers-color-scheme:light){:root:not([data-theme=dark]) #mission-form .selection-toggle,:root:not([data-theme=dark]) #mission-form .driver-choice{border-color:#1769e0!important}} #mission-form .driver-button-panel{display:grid;gap:6px;min-width:0} #mission-form .driver-button-panel>span{color:var(--muted);font-size:12px;font-weight:700} #mission-form .driver-options{display:flex;gap:6px;flex-wrap:wrap} #mission-form .driver-choice{min-height:36px!important;padding:7px 10px!important;font-size:.86rem} #mission-form .vehicle-choice{align-self:end} @media(max-width:560px){#mission-form .driver-button-panel{padding:0 0 8px}#mission-form .driver-options{width:100%}#mission-form .driver-choice{flex:1}} /* Membres appelables dans le récapitulatif */ .mission-summary-members .summary-member-phone{display:inline-flex;align-items:center;gap:4px;color:var(--primary);font-weight:700} .mission-summary-members .summary-member-phone:hover{text-decoration:underline} /* Renforts : équipe colorée puis membres en boutons bleus */ .reinforcement-team-picker,.reinforcement-member-picker{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0} .reinforcement-team-button,.reinforcement-member-picker button{width:auto;min-height:40px;background:transparent;color:var(--text);border:1.5px solid var(--line)} .reinforcement-team-button[aria-pressed=true].team-1{background:#7c3aed!important;border-color:#7c3aed!important;color:#fff!important} .reinforcement-team-button[aria-pressed=true].team-2{background:#1769e0!important;border-color:#1769e0!important;color:#fff!important} .reinforcement-team-button[aria-pressed=true].team-3{background:#16a34a!important;border-color:#16a34a!important;color:#fff!important} .reinforcement-team-button[aria-pressed=true].team-4{background:#0d9488!important;border-color:#0d9488!important;color:#fff!important} .reinforcement-member-button[aria-pressed=true].team-1{background:#7c3aed!important;border-color:#7c3aed!important;color:#fff!important} .reinforcement-member-button[aria-pressed=true].team-2{background:#1769e0!important;border-color:#1769e0!important;color:#fff!important} .reinforcement-member-button[aria-pressed=true].team-3{background:#16a34a!important;border-color:#16a34a!important;color:#fff!important} .reinforcement-member-button[aria-pressed=true].team-4{background:#0d9488!important;border-color:#0d9488!important;color:#fff!important} .vehicle-issue-comment{display:grid;gap:6px;margin-top:10px;padding:12px;border:1px solid #dc2626;border-radius:12px;background:rgba(220,38,38,.08);color:#fca5a5;font-weight:800} .vehicle-issue-comment.hidden{display:none!important}.vehicle-issue-comment textarea{min-height:82px;border-color:#dc2626!important;background:var(--bg)!important;color:var(--text)!important;font-weight:500}.previous-issue{padding:9px 11px;border-left:4px solid #f59e0b;background:rgba(245,158,11,.09);border-radius:7px;color:var(--text)} :root[data-theme=light] .vehicle-issue-comment{color:#b91c1c;background:#fff5f5}:root[data-theme=light] .previous-issue{background:#fffbeb} :root[data-theme=light] .reinforcement-team-button,:root[data-theme=light] .reinforcement-member-picker button{border-color:#1769e0} /* Saisie manuelle sans sélecteur calendrier */ .manual-time-editor .manual-time{font-variant-numeric:tabular-nums;letter-spacing:.04em} /* Heure et minutes saisies séparément, avec deux-points fixe */ .manual-clock{display:inline-grid;grid-template-columns:58px 14px 58px;align-items:center;justify-content:start;gap:3px} .manual-clock input{width:58px!important;min-width:58px!important;text-align:center;font-variant-numeric:tabular-nums;font-weight:750;padding-inline:6px!important} .manual-clock b{text-align:center;color:var(--text);font-size:1.25rem} .day-return-manual{display:flex;align-items:end;gap:9px;flex-wrap:wrap;margin-top:12px} .day-return-manual>span:first-child{width:100%;color:var(--muted);font-size:12px;font-weight:700} .day-return-manual>button{width:auto} /* Noms courts sans écrasement dans les boutons */ #mission-form .driver-options .driver-choice{flex:0 1 auto!important;min-width:88px;white-space:nowrap} #mission-form .member-group .selection-toggle{white-space:nowrap} /* Action secondaire des renforts */ .reinforcement-add-button{display:block;width:100%;margin-top:10px;background:#6b7280!important;border-color:#6b7280!important;color:#fff!important} .reinforcement-add-button:hover{background:#4b5563!important;border-color:#4b5563!important;color:#fff!important} /* Contours visibles des boutons d’options dans tous les thèmes */ #mission-form .visual-toggle{border:1.5px solid #405675!important} :root[data-theme=light] #mission-form .visual-toggle{border-color:#1769e0!important} @media(prefers-color-scheme:light){:root:not([data-theme=dark]) #mission-form .visual-toggle{border-color:#1769e0!important}} /* Catégories de véhicules repliables */ #mission-form details.vehicle-category-group{display:block;margin:0 0 8px;border:1px solid var(--line);border-radius:9px;background:var(--card);overflow:hidden} #mission-form details.vehicle-category-group>summary{display:flex;align-items:center;gap:8px;padding:9px 11px;cursor:pointer;font-weight:700;color:var(--text);list-style:none} #mission-form details.vehicle-category-group>summary::-webkit-details-marker{display:none} #mission-form details.vehicle-category-group>summary::after{content:"⌄";margin-left:auto;color:var(--primary);font-size:18px;line-height:1;transition:transform .16s ease} #mission-form details.vehicle-category-group[open]>summary::after{transform:rotate(180deg)} #mission-form details.vehicle-category-group[open]>summary{border-bottom:1px solid var(--line)} #mission-form details.vehicle-category-group .vehicle-driver-row{margin:0 9px;padding:9px 0}