:root{font-family:Arial,Helvetica,sans-serif;color:#202746;background:#fff;font-size:13px;--line:#e0e1eb;--green:#08a438;--navy:#192143}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#fff;border:1px solid #cdd0dc;border-radius:4px;min-height:34px;padding:0 12px;cursor:pointer;white-space:nowrap}button:hover{background:#f1f4fa;border-color:#a2a8ba}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid #1686e4;outline-offset:2px}input,select{border:1px solid #cdd0dc;border-radius:4px;height:34px;padding:0 9px;background:white}input[type=checkbox]{width:15px;height:15px;accent-color:#0789dd;padding:0;cursor:pointer}button.green{background:#82b900;color:white;border-color:#82b900}button.green:hover{background:#73a500}[hidden]{display:none!important}.topbar{height:84px;display:flex;align-items:center;padding:0 22px;justify-content:space-between;position:relative;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-size:20px;letter-spacing:.4px}.brand-mark{background:#172343;color:white;border-radius:8px;font-weight:900;font-style:italic;width:34px;height:34px;display:grid;place-items:center}.divider{height:26px;border-left:1px solid var(--line);margin:0 8px}.product{font-size:13px;letter-spacing:0}.chevron{color:#7e8499;margin-left:6px}.title{text-align:center;position:absolute;left:50%;transform:translateX(-50%)}h1{font-size:18px;margin:0 0 5px;font-weight:600}#save-status{font-size:11px;color:#6a942e}.local-badge{font-size:11px;background:#f1f3f7;border:1px solid #e4e6ed;padding:6px 9px;border-radius:20px;color:#697286}.tabs{background:var(--green);height:48px;display:flex;align-items:flex-end;padding:0 9px;gap:7px;overflow-x:auto;flex-shrink:0}.tab{border:0;background:#078632;color:#fff;border-radius:6px 6px 0 0;font-weight:600;height:38px;padding:0 13px;flex-shrink:0}.tab:hover{background:#08772e;border:0}.tab[aria-selected=true]{background:#fff;color:var(--navy);height:40px}.tab-icon{font-size:18px;font-weight:400}.tab-more{font-weight:400;color:#b8bcc9;margin-left:4px}.new-tab{background:transparent;border:0;color:#fff;height:40px;font-weight:600;padding-left:3px}.new-tab:hover{background:#078632}.plus-box{background:#fff;color:#0c8b3e;border-radius:4px;width:28px;height:28px;display:grid;place-items:center;font-size:22px;font-weight:400}main{height:calc(100dvh - 132px);min-height:300px;display:flex;flex-direction:column}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 10px;min-height:60px;border-bottom:1px solid var(--line);flex-wrap:wrap}.tools-left,.tools-right{display:flex;align-items:center;gap:9px}.tools-left{flex-wrap:wrap}.search{display:flex;align-items:center;gap:7px;border:1px solid #cdd0dc;border-radius:4px;padding:0 10px;width:190px;color:#7c8399}.search span{font-size:22px}.search input{border:0;width:150px;outline:none;padding:0}.search input::placeholder{color:#8c92a2}#filter-chips{display:flex;gap:5px}.chip{font-size:11px;background:#fff0c7;border:1px solid #eedaa3;border-radius:3px;padding:5px 8px}.filter-panel{padding:13px 15px;display:flex;gap:14px;align-items:end;background:#fafbfd;border-bottom:1px solid var(--line);flex-wrap:wrap}.filter-panel label{display:grid;gap:6px;font-size:11px;font-weight:600}.filter-panel .check-label{display:flex;align-items:center;padding-bottom:8px}.filter-panel>span{font-size:11px;color:#868b9a;padding-bottom:10px}.resultbar{min-height:47px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:7px 11px 7px 20px;background:#ebf7ff;border-bottom:1px solid #d4dce9;color:#5d6782;font-size:11px}.resultbar>div{display:flex;gap:9px;align-items:center}.resultbar button{font-size:11px;min-height:29px;border-color:#e0e3eb}.grid-scroll{flex:1;overflow:auto;position:relative;background:#fff;min-height:120px}table{border-spacing:0;table-layout:fixed;width:max-content;min-width:100%;font-size:12px}th,td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:0;max-width:500px}thead{position:sticky;top:0;z-index:4}th{height:41px;background:#f2f1ff;font-weight:600;text-align:left;position:relative}th .head-button{display:flex;justify-content:space-between;border:0;background:transparent;border-radius:0;width:100%;padding:0 12px;height:40px;font-size:11px;text-align:left;gap:9px}th .head-button .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.field-icon{color:#343b58;font-size:13px}.resize-handle{position:absolute;right:0;top:0;width:6px;height:100%;cursor:col-resize}.resize-handle:hover{background:#7fbeec}td{height:41px;background:#fff}tr:nth-child(odd) td{background:#fcfbff}tr:hover td{background:#f1f7ff}tr.selected td{background:#eef5ff}.row-controls{width:116px;min-width:116px;position:sticky;left:0;z-index:2;text-align:center;background:#f6f5ff!important}.row-tools{display:flex;align-items:center;justify-content:center;gap:4px;padding:0 4px}.row-tools button{min-height:24px;padding:0;width:22px;border:0;background:transparent;color:#b0b5c4;font-size:20px}.row-tools .starred{color:#e9b632}.row-number{font-size:11px;min-width:18px;color:#8a90a2}.frozen{position:sticky;left:116px;z-index:2;background:#faf9ff!important;box-shadow:2px 0 3px #20274608}th.frozen,th.row-controls{z-index:5;background:#f2f1ff!important}.cell{height:40px;display:flex;align-items:center;padding:0 13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;outline-offset:-2px!important;cursor:cell}.cell-text{overflow:hidden;text-overflow:ellipsis}.cell:focus{box-shadow:inset 0 0 0 2px #078ae3;background:#f0f8ff}.cell-editor{width:100%;height:40px;border-radius:0;border:2px solid #1686e4;margin:0;padding:0 11px;outline:none}.tag{display:inline-block;padding:5px 8px;border-radius:5px;line-height:16px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.tag-typeCamion{background:#fbd9cf;color:#593a34}.tag-unite{background:#f9c5cf;color:#653339}.tag-camion{background:#ffdab4;color:#623d27}.tag-materielCharge{background:#f9d6ef;color:#6c3558}.tag-chantier{background:#e4e7ee;color:#36415a}.tag-compagnie{background:#d9edf7;color:#27566f}.tag-journeeFinie{background:#dcefdc;color:#327240}.photo-button{min-height:25px;padding:0 8px;font-size:11px;background:#eef5ff;border-color:#dbe6f3}.empty-state{position:sticky;left:0;width:min(100vw,650px);padding:65px 30px;margin:auto;text-align:center;color:#798197}.empty-icon{display:block;font-size:36px;color:#a3afc8;margin-bottom:14px}.empty-state strong{font-size:16px;color:#36435e;display:block;margin-bottom:10px}.empty-state p{line-height:1.6;margin:8px auto 20px;max-width:420px}.empty-state button{margin:0 4px}.filler td{height:41px}footer{height:40px;flex-shrink:0;background:#faf9ff;border-top:1px solid var(--line);display:flex;align-items:center;gap:24px;padding:0 15px;font-size:11px}footer strong{font-weight:500}#sum-total{color:#64708a}.pagination{display:flex;align-items:center;gap:9px;margin-left:auto}.pagination button{min-height:24px;min-width:25px;padding:0;font-size:18px}.keyboard-hint{color:#8c92a3}#undo-btn{min-height:26px;font-size:11px}.popover{position:fixed;top:190px;right:170px;z-index:12;width:325px;max-height:65vh;overflow:auto;background:white;border:1px solid #dfe3ec;box-shadow:0 8px 40px #1e2c4b22;border-radius:7px;padding:15px}.popover-heading,.modal-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.popover-heading button,.modal-heading button{border:0;font-size:23px;min-height:25px;padding:0 8px}.popover label{display:flex;gap:9px;align-items:center;padding:7px 0;font-size:12px}.popover>button{margin-top:10px}dialog{border:1px solid #dce1eb;border-radius:9px;box-shadow:0 20px 80px #11234533;width:min(960px,92vw);max-height:85vh;padding:22px;color:var(--navy)}dialog::backdrop{background:#17233b55}.modal-heading{position:sticky;top:-22px;background:white;z-index:1;padding:5px 0 12px;border-bottom:1px solid var(--line)}h2{font-size:18px;margin:0}dialog p{color:#6d778e;line-height:1.5}dialog table{width:100%;font-size:12px}dialog th,dialog td{padding:10px;height:auto}dialog th{position:static;background:#f4f5fa}dialog table button{font-size:11px}.detail-list{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.detail-field{border-bottom:1px solid #e8eaf0;padding:10px 0;min-width:0}.detail-field label{display:block;color:#7a8297;font-size:11px;margin-bottom:7px}.detail-field input,.detail-field select{width:100%}.photo-gallery{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}.photo-gallery a{display:block;width:150px;color:#5d6a81;font-size:11px;overflow:hidden}.photo-gallery img{width:150px;height:110px;object-fit:cover;border:1px solid #e0e4ec;border-radius:4px}.modal-actions{display:flex;justify-content:flex-end;margin-top:18px;gap:8px}#toast{position:fixed;bottom:55px;left:50%;transform:translateX(-50%);padding:12px 20px;background:#1c2b48;color:white;border-radius:7px;box-shadow:0 3px 20px #0002;z-index:30;font-size:12px}.import-note{padding:12px;background:#f2f7fd;border-radius:6px}.summary-total{font-size:17px;color:#263854}.summary-scroll{max-height:50vh;overflow:auto}@media(max-width:1000px){.title{position:static;transform:none}.brand .product,.divider,.keyboard-hint{display:none}.topbar{padding:0 14px}.brand{font-size:16px}h1{font-size:15px}.toolbar{gap:9px}.tools-right{margin-left:auto}.popover{right:12px;top:190px}}@media(max-width:650px){.local-badge{display:none}.topbar{height:70px;gap:10px}.brand strong{display:none}.tabs{height:46px}main{height:calc(100dvh - 116px)}.tools-right{width:100%;justify-content:space-between;gap:4px}.tools-right button{font-size:11px;padding:0 8px}.detail-list{grid-template-columns:1fr}.resultbar{padding-left:10px}.selection-actions span{display:none}footer{gap:8px}#sum-total{display:none}}
:root{--unit-choice-bg:#f7f8fb}.unit-picker-search{width:100%;margin-bottom:12px}.unit-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:8px;max-height:48vh;overflow:auto;padding:2px}.unit-choice{min-height:42px;font-weight:700;background:var(--unit-choice-bg)}.unit-choice.selected{background:#078632;color:#fff;border-color:#078632}.unit-picker-empty{padding:18px;text-align:center;color:#7a8297}
.unit-dropdown{position:fixed;z-index:40;background:#fff;border:1px solid #cbd2e0;border-radius:7px;box-shadow:0 10px 35px #17234333;padding:10px}.unit-dropdown-search{width:100%;margin-bottom:8px}.unit-dropdown-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:5px;max-height:260px;overflow:auto}.unit-dropdown-option{min-height:34px;padding:0 7px;font-size:11px;font-weight:700}.unit-dropdown-option.selected{background:#078632;color:#fff;border-color:#078632}.unit-dropdown-clear{margin-top:9px;min-height:29px;font-size:11px}.unit-dropdown-empty{padding:14px 4px;text-align:center;color:#7a8297;font-size:11px}
.topbar{min-height:76px;height:auto;background:#202326;color:#f6f3ea;padding:14px clamp(16px,4vw,42px);border-bottom:4px solid #8ab83f;gap:18px}.brand-logo{display:flex;align-items:center;gap:9px;color:#f4f0e5;text-decoration:none;font-size:20px;font-style:italic;font-weight:900;letter-spacing:.8px;white-space:nowrap}.brand-logo-mark{width:40px;height:32px;color:#eee9d9}.brand-logo-image{display:block;width:170px;height:auto;max-width:42vw}.topbar .title{position:static;transform:none;text-align:center;flex:1}.topbar .title h1{font-size:16px;letter-spacing:1.2px;margin:0 0 4px;color:#fff}.topbar #save-status{font-size:11px;color:#c9d4b2}.header-link{background:transparent;border-color:#69706c;color:#f4f0e5;min-height:34px}.header-link:hover{background:#30363a;border-color:#a8ba84}.registration-shell{min-height:calc(100dvh - 80px);background:linear-gradient(145deg,#20252a 0%,#343b41 52%,#242a2f 100%);padding:clamp(24px,5vw,56px) 16px 72px}.registration-card{width:min(680px,100%);margin:0 auto;background:#fff;border:1px solid #4b5358;border-radius:18px;box-shadow:0 22px 65px #00000055;overflow:hidden}.registration-intro{padding:30px 30px 21px;background:#171a1c;color:#fff}.registration-logo-wrap{display:flex;align-items:center;margin:0 0 10px}.registration-logo{display:block;width:230px;max-width:72%;height:auto}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.7px;color:#b9d18a;margin-bottom:11px}.registration-intro h2{font-size:clamp(24px,5vw,34px);line-height:1.05;margin:0 0 10px;letter-spacing:-.5px}.registration-intro p{margin:0;color:#d3d4cd;line-height:1.5;font-size:13px}.stepper{display:flex;gap:8px;padding:16px 30px;border-bottom:1px solid #e7e8e3;background:#fafbf8}.step{display:inline-flex;align-items:center;gap:7px;color:#7b817b;font-size:11px;font-weight:700}.step b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e2e6df;color:#697067}.step.active{color:#273224}.step.active b{background:#8ab83f;color:#fff}.step+ .step{margin-left:auto}.registration-card form{padding:24px 30px 30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 14px}.field{display:grid;gap:7px;color:#454c46;font-size:12px;font-weight:800}.field input,.field select{width:100%;height:46px;border-radius:8px;border-color:#d2d7cf;background:#fff;padding:0 13px;font-size:15px}.field input::placeholder{color:#a0a69f}.field input:focus,.field select:focus{border-color:#8ab83f;box-shadow:0 0 0 3px #8ab83f26;outline:none}.field-wide{grid-column:1/-1}.hidden-field{display:none}.choice-fieldset{border:0;padding:0;margin:24px 0 20px}.choice-fieldset legend{font-size:12px;font-weight:800;color:#454c46;margin-bottom:9px}.role-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px}.role-option{display:grid;gap:4px;cursor:pointer;border:1px solid #d5dad2;border-radius:10px;padding:14px;background:#fff;transition:.15s ease}.role-option input{position:absolute;opacity:0;pointer-events:none}.role-option.selected{border-color:#8ab83f;background:#f3f8ec;box-shadow:inset 0 0 0 1px #8ab83f}.role-option.role-unselected{border-color:#d94a4a;background:#fff0f0;box-shadow:inset 0 0 0 1px #d94a4a}.role-option.role-unselected .role-title{color:#a52d2d}.role-option.role-unselected small{color:#b45a5a}.role-title{font-size:16px;font-weight:900;color:#252a26}.role-option small{font-size:11px;color:#767e76}.primary-submit{width:100%;min-height:50px;margin-top:25px;border:0;border-radius:9px;background:#8ab83f;color:#fff;font-size:14px;font-weight:900;justify-content:space-between;padding:0 18px;box-shadow:0 5px 14px #668f2d2e}.primary-submit:hover{background:#789f36}.form-error{margin:17px 0 -7px;padding:11px 13px;background:#fff2f0;border:1px solid #efc6bd;color:#9a3b2e;border-radius:8px;font-size:12px;font-weight:700}.next-step{padding:26px 30px 32px}.next-step-card{border:1px solid #dfe6d8;border-radius:12px;background:#f7fbf3;padding:20px}.next-step-card h3{font-size:20px;margin:0 0 8px;color:#263025}.next-step-card p{font-size:13px;line-height:1.55;color:#657061;margin:0 0 18px}.next-step-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0 22px}.next-step-summary div{padding:10px 12px;background:#fff;border:1px solid #e5e9e1;border-radius:7px}.next-step-summary small{display:block;color:#8a9287;font-size:10px;margin-bottom:3px}.next-step-summary strong{font-size:13px;display:block;color:#30372f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.secondary-action{background:#202326;color:#fff;border-color:#202326;min-height:42px}.secondary-action:hover{background:#343a3e}.registry-link{background:transparent;border:1px solid #cbd2c7;color:#44513f;min-height:42px}.registry-link:hover{background:#eef4e9}.next-actions{display:flex;gap:9px;flex-wrap:wrap}.next-actions button{flex:1}.registry-view-header{display:none}
@media(max-width:650px){.topbar{padding:12px 14px;min-height:66px}.brand-logo{font-size:16px;gap:6px}.brand-logo-mark{width:32px;height:27px}.brand-logo-image{width:145px;max-width:52vw}.topbar .title{text-align:right}.topbar .title h1{font-size:12px;letter-spacing:.7px}.topbar #save-status{font-size:10px}.header-link{font-size:11px;padding:0 9px}.registration-shell{padding:16px 10px 42px}.registration-card{border-radius:14px}.registration-intro{padding:23px 20px 19px}.registration-logo{width:200px;max-width:78%}.stepper{padding:13px 20px}.registration-card form{padding:20px}.form-grid{grid-template-columns:1fr;gap:15px}.field-wide{grid-column:auto}.role-choice{grid-template-columns:1fr 1fr}.role-option{padding:12px 10px}.role-title{font-size:15px}.next-step{padding:20px}.next-step-summary{grid-template-columns:1fr}.next-actions{flex-direction:column}.next-actions button{width:100%}}
/* En-tête simplifié demandé pour Lampron */
.topbar{display:none}.registration-shell{min-height:100dvh}.registration-intro h2{margin:0}

#registration-view .registration-intro h2{text-align:center}

.registration-intro-actions{display:flex;align-items:center;gap:9px}
.language-switch{display:flex;align-items:center;border:1px solid #69706c;background:#202326}
.language-switch button{min-height:32px;border:0;border-radius:0;background:transparent;color:#c7cdc1;font-size:11px;font-weight:900;padding:0 9px}
.language-switch button.selected{background:#8ab83f;color:#fff}
.language-switch button:hover{background:#303a2c;color:#fff}

.departure-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 30px 0;padding:12px 14px;border:1px solid #d8e6c8;background:#f3f8ec;color:#3f5139}
.departure-summary>div{min-width:0;display:grid;gap:3px}
.departure-summary strong{font-size:12px}
.departure-summary span{font-size:12px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.departure-summary button{min-height:34px;border:1px solid #a8ba84;border-radius:0;background:#fff;color:#44513f;font-weight:800;flex-shrink:0}
.departure-summary button:hover{background:#eef4e9}
#registration-form.departure-complete> .form-grid,
#registration-form.departure-complete> .choice-fieldset,
#registration-form.departure-complete #registration-details> .form-grid{display:none}
#registration-form.departure-complete .departure-summary{margin-bottom:0}
@media(max-width:650px){.departure-summary{margin:14px 20px 0;padding:11px 12px}.departure-summary span{white-space:normal}.departure-summary button{min-height:38px;padding:0 10px}}

/* Formulaire unique : identité mémorisée, voyage renouvelé à chaque envoi. */
.journey-fields{margin-top:26px;padding-top:22px;border-top:2px solid #e7ebe2}
.journey-heading{display:grid;gap:4px;margin-bottom:18px}
.journey-heading strong{font-size:18px;color:#263025}
.journey-heading small{font-size:11px;line-height:1.45;color:#7b8477;font-weight:500}
.conditional-block[hidden]{display:none!important}
.journey-choice .role-option{min-height:72px}
.journey-fields .choice-fieldset{margin-top:22px}
.journey-fields .field small{font-size:10px;color:#92998f;font-weight:600}
.journey-fields .picker-input input{height:46px;border-radius:8px}
.journey-fields .picker-trigger{height:46px}
@media(max-width:650px){.journey-fields{margin-top:22px;padding-top:18px}.journey-heading strong{font-size:17px}.journey-choice .role-option{min-height:66px}.journey-fields .choice-fieldset{margin-top:18px}}

/* Formulaire avec coins carrés */
#registration-view .registration-card,
#registration-view .field input,
#registration-view .field select,
#registration-view .role-option,
#registration-view .primary-submit,
#registration-view .form-error,
#registration-view .form-helper,
#registration-view .next-step-card,
#registration-view .secondary-action,
#registration-view .registry-link{border-radius:0}

#registration-view .form-helper{margin:14px 0 -7px;padding:10px 12px;background:#f3f8ec;border:1px solid #d8e6c8;color:#53634b;font-size:12px;font-weight:700}

@media(max-width:650px){#registration-view .field input,#registration-view .field select{scroll-margin-top:120px;scroll-margin-bottom:280px}#registration-view .primary-submit{position:sticky;bottom:10px;z-index:5;box-shadow:0 -8px 16px #fff,0 5px 14px #668f2d2e}}

.mobile-entry-step{position:fixed;inset:0;z-index:80;display:flex;align-items:flex-start;justify-content:center;padding:max(12px,env(safe-area-inset-top)) 12px 12px;background:#17233b66}.mobile-entry-card{width:min(560px,100%);background:#fff;border:1px solid #dfe3ec;box-shadow:0 20px 70px #11234544;padding:20px}.mobile-entry-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#263025}.mobile-entry-heading strong{font-size:17px}.mobile-entry-heading button{border:0;border-radius:0;min-height:34px;padding:0 8px;font-size:27px}.mobile-entry-card p{margin:10px 0 14px;color:#657061;line-height:1.4}.mobile-entry-input{width:100%;height:52px;border:2px solid #8ab83f;border-radius:0;padding:0 13px;font-size:18px}.mobile-entry-input:focus{outline:none;box-shadow:0 0 0 3px #8ab83f26}.mobile-entry-continue{width:100%;min-height:52px;margin-top:14px;border:0;border-radius:0;background:#8ab83f;color:#fff;font-size:15px;font-weight:900}.mobile-entry-continue:hover{background:#789f36}.mobile-entry-open{overflow:hidden}

.trip-form{padding:24px 30px 30px}.trip-intro{margin-bottom:22px}.trip-intro h3{margin:0 0 7px;font-size:21px;color:#263025}.trip-intro p{margin:0;color:#657061;line-height:1.5}.trip-conditional[hidden]{display:none!important}.trip-choice .role-option{min-height:72px}.trip-actions,.trip-summary-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.trip-actions button,.trip-summary-actions button{flex:1;min-width:180px}.trip-form .choice-fieldset{margin-top:22px}.trip-form .picker-input input{height:46px;border-radius:0}.trip-form .picker-trigger{height:46px}
@media(max-width:650px){.trip-form{padding:20px}.trip-actions,.trip-summary-actions{flex-direction:column}.trip-actions button,.trip-summary-actions button{width:100%;min-width:0}.trip-intro h3{font-size:19px}}

/* Sélecteur de chantier adapté aux petits écrans */
.date-picker-dialog{width:min(360px,calc(100vw - 24px));max-height:none;padding:16px;border:1px solid #dfe5db;border-radius:12px;color:#263025}.date-picker-dialog::backdrop{background:#17233b66}.date-picker-heading{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;gap:8px;margin-bottom:14px}.date-picker-heading strong{text-align:center;text-transform:capitalize;font-size:15px}.date-picker-heading button{min-height:34px;padding:0;font-size:24px;border:1px solid #d2d7cf}.date-picker-weekdays,.date-picker-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.date-picker-weekdays{margin-bottom:5px;color:#7a8378;font-size:10px;font-weight:800;text-align:center}.date-picker-days button,.date-picker-days span{min-height:38px;padding:0;border-radius:7px}.date-picker-days button{border:1px solid #dfe5db;background:#fff;font-size:13px}.date-picker-days button:hover,.date-picker-days button.selected{border-color:#8ab83f;background:#f3f8ec}.date-picker-days button.today{box-shadow:inset 0 0 0 2px #8ab83f}.date-picker-days span{display:block}.date-picker-actions{display:flex;justify-content:space-between;gap:8px;margin-top:14px}.date-picker-actions button{min-height:34px;font-size:12px}.date-input{position:relative;display:flex}.date-input input{padding-right:48px!important}.date-input input::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer}.date-picker-trigger{position:absolute;right:0;top:0;width:46px;height:46px;border:0;border-left:1px solid #d2d7cf;border-radius:0;background:#f7f9f5;font-size:18px;padding:0}.date-picker-trigger:hover{background:#eef4e9}.picker-input{position:relative;display:flex}.picker-input input{padding-right:46px!important;cursor:pointer}.picker-trigger{position:absolute;right:0;top:0;width:46px;height:46px;border:0;border-left:1px solid #d2d7cf;border-radius:0;background:#f7f9f5;font-size:22px;padding:0}.picker-trigger:hover{background:#eef4e9}.site-picker{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-start;justify-content:center;height:var(--site-picker-height,100dvh);max-height:var(--site-picker-height,100dvh);overflow:hidden;padding:max(12px,env(safe-area-inset-top)) 12px 12px;background:#17233b66}.site-picker-card{width:min(650px,100%);max-height:calc(var(--site-picker-height,100dvh) - 24px);min-height:0;display:flex;flex-direction:column;background:#fff;border:1px solid #dfe3ec;box-shadow:0 20px 70px #11234544}.site-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid #e7e8e3;color:#263025;flex-shrink:0}.site-picker-heading strong{font-size:16px}.site-picker-heading button{border:0;border-radius:0;min-height:30px;padding:0 8px;font-size:27px}.site-picker-search{width:calc(100% - 32px);height:44px;margin:16px;border:1px solid #cbd2c7;border-radius:0;padding:0 12px;font-size:16px;flex-shrink:0}.site-picker-search:focus{border-color:#8ab83f;box-shadow:0 0 0 3px #8ab83f26;outline:none}.site-picker-options{min-height:0;display:grid;gap:6px;overflow:auto;padding:0 16px 16px}.site-picker-option{display:block;width:100%;min-height:44px;border:1px solid #dfe5db;border-radius:0;background:#fff;padding:10px 12px;text-align:left;white-space:normal;line-height:1.25}.site-picker-option:hover,.site-picker-option.selected{border-color:#8ab83f;background:#f3f8ec}.site-picker-option.material-contaminated{border-color:#d66b43;background:#fff0e8;color:#a94725;font-weight:900}.site-picker-option.material-contaminated:hover,.site-picker-option.material-contaminated.selected{border-color:#b94f2d;background:#ffe2d4}.picker-input input.contaminated-material{border-color:#d66b43;background:#fff0e8;color:#a94725;font-weight:900}.site-picker-empty{padding:20px 4px;color:#7a8297;text-align:center}.site-picker-open{overflow:hidden}

/* Gestion des choix du formulaire */
.registration-intro-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.registration-intro-heading h2{margin:0!important}.options-nav{min-height:34px;border:1px solid #69706c;background:transparent;color:#f4f0e5;border-radius:0;font-size:11px;font-weight:800}.options-nav:hover{background:#30363a;border-color:#a8ba84}.options-shell{min-height:100dvh;background:linear-gradient(145deg,#20252a 0%,#343b41 52%,#242a2f 100%);padding:clamp(18px,4vw,48px) 16px 64px}.options-card{width:min(1000px,100%);margin:0 auto;background:#fff;border:1px solid #4b5358;box-shadow:0 22px 65px #00000055}.options-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:28px 30px 23px;background:#171a1c;color:#fff}.options-intro h2{margin:0 0 8px;font-size:clamp(23px,4vw,32px)}.options-intro p{margin:0;color:#d3d4cd;font-size:13px;line-height:1.45}.options-back{background:transparent;color:#f4f0e5;border-color:#69706c;border-radius:0}.options-back:hover{background:#30363a}.options-layout{display:grid;grid-template-columns:250px 1fr;min-height:590px}.options-categories{padding:16px;border-right:1px solid #e1e5dd;background:#f6f8f4;display:grid;align-content:start;gap:7px}.options-category{display:grid;justify-items:start;gap:3px;width:100%;min-height:56px;padding:10px 12px;border:1px solid transparent;border-radius:0;background:transparent;text-align:left}.options-category strong{font-size:12px}.options-category small{font-size:10px;color:#7b8477}.options-category:hover{background:#edf3e8;border-color:#d8e6c8}.options-category.selected{background:#fff;border-color:#8ab83f;box-shadow:inset 3px 0 #8ab83f}.options-editor{padding:24px 28px;min-width:0}.options-editor-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;border-bottom:1px solid #e7e8e3;padding-bottom:15px;margin-bottom:16px}.options-editor-heading h3{margin:0 0 5px;color:#263025;font-size:20px}.options-editor-heading p{margin:0;color:#737c70;font-size:12px}.options-editor-heading>strong{color:#6b8b3d;font-size:12px;white-space:nowrap}.options-add-form{display:flex;gap:8px;margin-bottom:12px}.options-add-form input{flex:1;height:42px;border-radius:0}.options-add-form button{height:42px;border-radius:0}.options-search{display:grid;gap:6px;margin-bottom:12px;color:#596354;font-size:11px;font-weight:800}.options-search input{height:38px;border-radius:0}.options-list{max-height:405px;overflow:auto;border-top:1px solid #edf0ea}.options-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #edf0ea;font-size:13px;color:#343b34}.options-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.options-remove{min-height:28px;border-radius:0;border-color:#e3c9c3;color:#a34a3c;font-size:11px;padding:0 9px;flex-shrink:0}.options-remove:hover{background:#fff1ee;border-color:#cf8b7e}.options-empty{padding:22px 0;color:#7b8477;text-align:center}.options-note{margin:16px 0 0;color:#879084;font-size:11px;line-height:1.45}.options-active{overflow:auto}
@media(max-width:700px){.options-intro{align-items:stretch;flex-direction:column;padding:23px 20px 19px}.options-back{width:100%}.options-layout{grid-template-columns:1fr}.options-categories{border-right:0;border-bottom:1px solid #e1e5dd;display:flex;overflow:auto;padding:10px}.options-category{min-width:170px}.options-editor{padding:20px}.options-list{max-height:none}.registration-intro-heading{align-items:flex-start;flex-direction:column}.options-nav{width:100%}}
.options-lock-card{width:min(440px,100%)}.options-lock-card>p{padding:0 20px;color:#687266;line-height:1.45}.options-lock-form{display:flex;gap:8px;padding:0 20px 20px}.options-lock-form input{flex:1;height:44px;border-radius:0;font-size:18px;letter-spacing:4px}.options-lock-form button{height:44px;border-radius:0}.options-lock-error{color:#a34a3c!important;font-weight:800!important;margin:0 20px 18px!important;padding:9px 10px;background:#fff1ee;border:1px solid #e3c9c3}.options-lock-card .site-picker-heading{padding-left:20px;padding-right:12px}
@media(max-width:650px){.options-lock-form{flex-direction:column}.options-lock-form button{width:100%}}
/* Page de gestion épurée et alignée à gauche */
.options-intro{justify-content:flex-start;align-items:center;min-height:58px;padding:14px 30px}.options-category{align-items:start;justify-content:start;text-align:left}.options-category strong,.options-category small{display:block;text-align:left}
@media(max-width:700px){.options-intro{padding:12px 20px}.options-category{justify-content:start;text-align:left}}
/* Recherche instantanée pour les unités et types de camion */
.picker-sync-select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;padding:0!important;border:0!important}
/* Résumé du punch, photos de billet et fin de journée */
.prior-punch-summary{margin:0 20px 18px;padding:14px;background:#f4f8ee;border:1px solid #d9e7c8}
.prior-punch-summary>h3{margin:0 0 9px;color:#4f6c3d;font-size:15px}
.prior-punch-summary .next-step-card{margin:0;background:transparent;border:0;box-shadow:none;padding:0}
.prior-punch-summary .next-step-card h3{display:none}
.day-end-fieldset{margin:20px 0 0;padding:14px;border:1px solid #d9e7c8;background:#f4f8ee}
.day-end-fieldset .check-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer}
.day-end-fieldset .check-label input{margin-top:3px}
.day-end-fieldset .check-label span{display:grid;gap:3px}
.day-end-fieldset .check-label small{color:#657061;font-size:11px}
.day-end-fieldset .field{margin-top:12px}
.day-end-fieldset input[type=file],.trip-form input[type=file]{height:auto;padding:8px;background:#fff}
.day-finished-card{display:grid;gap:5px;margin:16px 20px;padding:14px;background:#eaf5df;border:1px solid #b9d892;color:#385b2b}
.day-finished-card span{font-size:12px}


/* Tableau de bord Lampron : palette de marque et colonnes réorganisables */
.registry-active{--green:#8ab83f;--navy:#202326;--line:#dfe5d8;background:#f5f7f2;color:#202326}
.registry-active .topbar{display:flex;background:#171a1c;color:#f4f0e5;border-bottom-color:#8ab83f}
.registry-active .topbar .title h1{color:#fff}
.registry-active .tabs{background:#6f9635}
.registry-active .tab{background:#5d842e}
.registry-active .tab:hover{background:#4f7427}
.registry-active .tab[aria-selected=true]{color:#263025;background:#fff}
.registry-active .new-tab{color:#fff}
.registry-active .toolbar{background:#fff;border-bottom-color:#dfe5d8}
.registry-active .resultbar{background:#edf5e7;border-bottom-color:#d8e5ca;color:#4d5e43}
.registry-active .filter-panel{background:#f8fbf5;border-bottom-color:#dfe5d8}
.registry-active th{background:#edf3e7;color:#263025}
.registry-active th.frozen,.registry-active th.row-controls{background:#e3eddc!important}
.registry-active .frozen{background:#f5f8f1!important;box-shadow:2px 0 3px #26302512}
.registry-active .field-icon{color:#557b2b}
.registry-active .tag{border-radius:0}
.registry-active .tag-typeCamion{background:#e7efd9;color:#3f5b27}
.registry-active .tag-unite{background:#dcebc7;color:#3f5b27}
.registry-active .tag-camion{background:#f1e4c9;color:#654d24}
.registry-active .tag-materielCharge{background:#e3eed6;color:#3f5b27}
.registry-active .tag-chantier{background:#e8ece4;color:#3f4a3a}
.registry-active .tag-compagnie{background:#e2ecdc;color:#3f5b27}
.registry-active .tag-journeeFinie{background:#cfe5b5;color:#3f6b22}
.registry-active .photo-button{background:#edf5e7;border-color:#cbdcb9;color:#45672b}
.registry-active footer{background:#f8faf6;border-top-color:#dfe5d8}
th[data-column-key]{cursor:grab}
th[data-column-key]:active{cursor:grabbing}
th.column-dragging{opacity:.55}
th.column-drag-over{box-shadow:inset 3px 0 #8ab83f,inset -3px 0 #8ab83f;background:#dfeccd!important}

.row-menu-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.row-menu-actions button{min-height:42px;font-weight:700}.row-menu-actions .danger-action{background:#fff;color:#b32929;border-color:#e5b0b0}.row-menu-actions .danger-action:hover{background:#fff0f0;border-color:#d66b6b}

/* Différenciation visuelle des camions Lampron et Broker dans le registre. */
.registry-active .tag-camion.tag-lampron{background:#dcefdc;color:#2d6b38;border:1px solid #b9d892}
.registry-active .tag-camion.tag-broker{background:#fff0c7;color:#6d5421;border:1px solid #eedaa3}

/* Redimensionnement des colonnes : poignée visible au bord droit de chaque en-tête. */
.resize-handle{width:10px;right:-1px;z-index:2}.resize-handle::after{content:"";position:absolute;right:4px;top:11px;width:2px;height:19px;border-radius:2px;background:transparent}.th:hover .resize-handle::after,th:hover .resize-handle::after,.resize-handle:hover::after{background:#b7cf8d}.resize-handle:focus-visible{outline:2px solid #1686e4;outline-offset:-2px}

/* Listes de choix longues : texte lisible et retour à la ligne sans débordement. */
.unit-dropdown-options{grid-template-columns:repeat(auto-fit,minmax(165px,1fr));overflow-x:hidden}.unit-dropdown-option{height:auto;min-height:40px;padding:8px 9px;white-space:normal;overflow-wrap:anywhere;word-break:break-word;line-height:1.25;text-align:left;justify-content:flex-start;align-items:flex-start}

.cell-copied{box-shadow:inset 0 0 0 2px #82b900!important;background:#f2f9e8!important;position:relative}.cell-copied::after{content:"Copiée";position:absolute;right:5px;top:2px;font-size:9px;line-height:14px;color:#4d7200;background:#e4f2c9;padding:0 4px;border-radius:3px;pointer-events:none}

.row-add-actions{display:flex;gap:8px;flex-wrap:wrap}
