.header-tools{display:flex;align-items:center;gap:12px}.header-tools button{font-size:12px;padding:9px 12px}:root{font-family:DM Sans,system-ui,sans-serif;color:#223d36;background:#f4f5f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:8px;padding:12px 18px;background:#163d36;color:#fff;font-weight:600}button:disabled{opacity:.45;cursor:not-allowed}button:hover:not(:disabled){filter:brightness(1.15)}input,select{border:1px solid #d4dcd5;border-radius:7px;padding:12px;background:#fff;color:#263c34;max-width:100%}input:focus,select:focus,button:focus-visible{outline:3px solid #ddb76b;outline-offset:2px}label{display:grid;gap:7px;font-size:13px}h1{font-size:clamp(26px,3vw,38px);letter-spacing:-1.1px;line-height:1.2;margin:12px 0}h2{font-size:19px;margin:12px 0}p{color:#6a7a70;line-height:1.6}.shell{display:grid;grid-template-columns:245px 1fr;min-height:100vh}aside{background:#163d36;color:#edf3eb;padding:35px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{font-size:23px;letter-spacing:1px;font-weight:700}.subbrand{font-size:12px;color:#afc5b9}nav{margin-top:48px;display:grid;gap:10px}nav button{text-align:left;background:transparent;color:#b8ccc1;display:flex;gap:16px;align-items:center}nav button.active{background:#2e5146;color:#fff}nav button.active:before{content:"";height:16px;width:3px;background:#e9b45c}.account{margin-top:auto;display:grid;gap:16px;font-size:12px}.account small{color:#b9d3c1}.account select{background:#28493e;color:#fff;border-color:#567266}main{padding:45px clamp(20px,4vw,65px)}header{display:flex;justify-content:space-between;align-items:start;gap:20px}header p{font-size:14px;margin:0 0 24px}.eyebrow{font-size:11px;letter-spacing:2px;color:#728376;font-weight:700}.badge,.tag{font-size:11px;background:#e9eee5;padding:7px 10px;border-radius:30px;white-space:nowrap}.badge{background:#f0e6cd;color:#765c29}.demo,.notice{padding:12px 16px;border-radius:8px;background:#ebeede;font-size:12px;line-height:1.6;margin:0 0 20px}.notice{background:#fff0d2;border:1px solid #dec899}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0 32px}.stats article{background:#fff;border:1px solid #e0e6dd;border-radius:12px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between}.stats small{font-size:10px;letter-spacing:1.5px;color:#6e7c70}.stats strong{font-size:32px}.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.toolbar>input{flex:1;min-width:200px}.asset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:18px}.asset{padding:23px;background:#fff;border:1px solid #e0e5dc;border-radius:12px}.asset.selected{border:2px solid #b28e48;padding:22px;background:#fffdf7}.asset-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.machine{font-size:24px;color:#9b792f;background:#f4efdf;padding:12px;border-radius:10px}.code{font-size:11px;letter-spacing:1.5px;color:#7f897e}.asset p{font-size:13px;margin-bottom:23px}.asset-actions{border-top:1px solid #edf0e9;padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:8px}.asset-actions label{display:flex;align-items:center;gap:8px;font-size:12px}.link{background:none;padding:4px;color:#486f5d;font-size:12px}.movement{border-radius:12px;background:#e8ede3;padding:24px;margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.movement h2{margin-top:0}.movement p{font-size:12px}.movement>button{align-self:end}.timeline{background:#fff;border:1px solid #e0e5dc;border-radius:12px;padding:10px 24px}.timeline article{display:flex;gap:20px;padding:24px 0;border-bottom:1px solid #edf0e9}.timeline strong{font-size:14px}.timeline p{font-size:12px;margin-bottom:0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#122a23aa;display:flex;align-items:center;justify-content:center;z-index:5;padding:20px}.modal{background:#fff;width:460px;max-height:90vh;overflow:auto;padding:30px;border-radius:15px}.modal form{display:grid;gap:17px}.secondary{background:#edf0e8;color:#163d36}footer{font-size:10px;letter-spacing:1px;color:#809084;margin-top:38px}.login{max-width:500px;margin:8vh auto;background:#fff;border-radius:14px}.login form{display:grid;gap:20px}@media(max-width:800px){.shell{display:block}aside{position:static;height:auto;padding:20px}nav{margin-top:20px;display:flex;gap:5px;flex-wrap:wrap}nav button{font-size:12px;padding:10px;gap:7px}.account{margin-top:15px;display:flex;align-items:center;flex-wrap:wrap;gap:12px}.account label{display:flex;align-items:center}.account select{padding:7px}.subbrand{display:none}main{padding:25px 18px}.stats{gap:8px}.stats article{padding:14px;display:block}.stats small{font-size:9px}.stats strong{display:block;margin-top:8px;font-size:25px}.movement{grid-template-columns:1fr}.badge{font-size:9px}.toolbar>select{width:100%}}@media(max-width:600px){header{display:block}.header-tools{margin-bottom:18px}}.status-stats .stat{background:#fff;border:1px solid #e0e6dd;color:#223d36;border-radius:12px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;text-align:left}.status-stats .active-stat{border:2px solid #b28e48;background:#fffaf0}.asset-status{display:inline-block;border-radius:6px;font-size:12px;padding:7px 10px;font-weight:600}.asset-status.depot{background:#e5f2e6;color:#315f3c}.asset-status.chantier{background:#e6edf6;color:#385678}.asset-status.maintenance{background:#fff0dc;color:#945f24}.asset-status.inconnu{background:#f1e7e7;color:#825050}.form-hint{font-size:12px;margin:0}.toolbar select{min-width:160px}.stats small{white-space:normal}@media(max-width:800px){.status-stats .stat{display:block;padding:14px}.status-stats .stat small{line-height:1.5;display:block;min-height:32px}}.hour-readings{grid-column:1/-1;background:#fffdf7;border:1px solid #d9dfd2;border-radius:10px;padding:18px;display:grid;gap:14px}.hour-readings h3{margin:0;font-size:16px}.hour-readings p{margin:0;font-size:12px}.hour-readings label{max-width:500px}.hour-readings small{color:#6a7a70}.hours-value{font-size:12px!important;margin-top:-10px}.hours-value strong{color:#163d36}.selection-bar{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:24px;padding:20px;background:#e8ede3;border-radius:12px}.selection-bar>div{flex:1}.selection-bar p{font-size:12px;margin-bottom:0}.compatibility{display:grid;gap:7px;margin:15px 0;padding:12px;background:#f3f5ee;border-radius:8px;font-size:12px}.compatibility small{color:#6a7a70}.compat-link{background:none;color:#315c50;text-align:left;padding:3px;font-size:12px;text-decoration:underline}.delivery-pairings{grid-column:1/-1;background:#fff;padding:18px;border-radius:10px;display:grid;gap:14px}.delivery-pairings h3{margin:0;font-size:16px}.delivery-pairings p,.compat-editor p{font-size:12px}.compat-editor{border:1px solid #d4dcd5;border-radius:8px;display:grid;gap:10px}.compat-editor label{display:flex;align-items:center;gap:8px}.compat-editor legend{font-size:13px}:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#203d35;background:#f5f7f3}button,input,select{min-height:44px;font-size:14px}button{transition:background .15s,box-shadow .15s}button:hover:not(:disabled){filter:none;box-shadow:0 3px 10px #133c351a}input[type=checkbox]{min-height:22px;min-width:22px;accent-color:#1c6654;cursor:pointer}label{font-size:14px}p{color:#56695e}.shell{grid-template-columns:230px minmax(0,1fr)}aside{padding:28px 18px}.brand{font-size:21px}.subbrand{color:#c0d4c8}nav{margin-top:32px;gap:6px}nav button{font-size:14px;padding:14px 12px;border-radius:10px}nav button.active{background:#365e50}nav button.active:before{display:none}main{max-width:1380px;width:100%;padding:32px 36px;margin:0 auto}h1{font-size:34px;letter-spacing:-.8px}header p{font-size:15px;max-width:650px}.header-tools{flex-shrink:0}.header-tools .badge,.eyebrow{font-size:11px}.demo{background:transparent;border:0;padding:0;color:#758578;font-size:12px;margin-bottom:22px}.notice{padding:16px;font-size:14px;border-radius:10px}.stats{margin:18px 0 24px;gap:12px}.status-stats .stat{padding:18px 20px;border-radius:13px;box-shadow:0 2px 6px #153c3505}.status-stats .stat small{font-size:11px;letter-spacing:.5px;color:#4e6559}.status-stats .stat strong{font-size:30px;color:#163d36}.status-stats .active-stat{background:#ecf5ed;border-color:#3b7a62}.toolbar{align-items:center;gap:10px;background:#fff;padding:15px;border:1px solid #e0e6dd;border-radius:12px}.toolbar>input{min-width:200px}.toolbar>select{min-width:170px;max-width:260px}.toolbar>button{margin-left:auto}.extra-filters{position:relative}.extra-filters summary{list-style:none;cursor:pointer;padding:12px 18px;border:1px solid #ccd7cb;border-radius:8px;font-size:14px;white-space:nowrap}.extra-filters summary:after{content:" ▾"}.extra-filters[open] summary{background:#eaf1e7}.filter-fields{position:absolute;right:0;top:52px;z-index:3;width:330px;max-width:85vw;background:#fff;padding:20px;border:1px solid #d6dfd4;border-radius:12px;box-shadow:0 12px 40px #163d3624;display:grid;gap:16px}.filter-fields select{width:100%;min-width:0}.result-count{font-size:13px;color:#6f7f74;margin:18px 0 12px}.asset-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}.asset{border-radius:14px;padding:20px;box-shadow:0 3px 8px #203d3505;display:flex;flex-direction:column}.asset.selected{padding:19px;border-color:#438167;background:#f7fcf6}.asset-top{margin-bottom:15px}.tag{font-size:12px;background:#f0f3ed}.machine{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#3e7560;background:#e9f2e7}.asset h2{font-size:21px;margin:8px 0 14px}.code{font-size:12px;letter-spacing:.8px}.asset-status{font-size:13px;align-self:start}.asset p{font-size:14px;margin:16px 0}.hours-value{font-size:14px!important;margin:0 0 10px!important}.compatibility{display:block;background:#f3f6ef;padding:12px;font-size:13px;margin:15px 0}.compatibility summary{cursor:pointer;font-weight:600;min-height:24px}.compatibility summary span{background:#dde8d9;border-radius:12px;padding:1px 7px;margin-left:6px;font-size:12px}.compatibility .compat-link{display:block;width:100%;margin-top:8px;min-height:36px;font-size:13px}.compatibility small{display:block;margin-top:10px}.asset-actions{margin-top:auto;gap:12px;flex-wrap:wrap}.asset-actions label{font-size:13px;min-height:44px;cursor:pointer}.asset-actions .link{min-height:40px;padding:6px 12px;border:1px solid #d9e2d4;border-radius:8px;text-decoration:none}.selection-bar{position:sticky;bottom:18px;z-index:2;box-shadow:0 8px 30px #1c453220;background:#163d36;color:#fff;border-radius:13px}.selection-bar p{color:#d0dfd2}.selection-bar>button:not(.secondary){background:#e7c57d;color:#21392f}.empty-state{padding:45px 20px;text-align:center;border:1px dashed #ccd7c9;background:#fff;border-radius:14px}.delivery-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.delivery-steps li button{width:100%;background:#edf1e8;color:#6a7e6e;text-align:left;display:flex;align-items:center;gap:10px;font-size:14px}.delivery-steps li span{width:28px;height:28px;border-radius:50%;background:#d9e2d4;color:#4a6657;display:flex;align-items:center;justify-content:center;flex-shrink:0}.delivery-steps li.current button{background:#163d36;color:#fff}.delivery-steps li.current span{background:#e4c57f;color:#203d35}.delivery-steps li.done button{color:#276044;background:#e7f2e4}.delivery-recap{border-left:3px solid #789c7c;background:#edf3e9;padding:14px 18px;border-radius:0 9px 9px 0;font-size:14px;display:flex;gap:12px;flex-wrap:wrap}.delivery-recap span{color:#576e5d}.movement{margin-top:18px;background:#fff;border:1px solid #dce5d7;border-radius:14px;padding:28px;gap:22px;align-items:start}.movement>div:first-child:has(h2){grid-column:1/-1}.movement h2{font-size:22px}.movement p{font-size:14px}.delivery-pairings,.hour-readings{background:#f6f8f2;border:1px solid #e1e9d9;padding:20px}.delivery-pairings label,.hour-readings label{max-width:100%;background:#fff;border:1px solid #dce5d7;padding:15px;border-radius:9px;gap:10px}.delivery-pairings h3,.hour-readings h3{font-size:18px}.step-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.step-actions button{padding:14px 20px}.confirmation-summary{grid-column:1/-1;background:#edf4e8;padding:18px;border-radius:10px;grid-row:auto}.confirmation-summary h3{margin:0}.confirmation-summary p{margin:12px 0;font-size:14px;border-bottom:1px solid #dce6d5;padding-bottom:10px}.confirmation-summary small{color:#61735e;margin-left:8px}.movement>button{min-height:48px}.timeline{padding:0 22px}.timeline article{gap:16px}.timeline strong{font-size:15px;line-height:1.6}.timeline p{font-size:13px}.event-details summary{font-size:13px;color:#3c765c;cursor:pointer;margin-top:12px}.event-line{display:block;margin:6px 0}.modal{width:540px}.modal .toolbar{border:0;padding:0;box-shadow:none}.modal .toolbar>button{margin:0}.compat-editor{max-height:330px;overflow:auto;padding:15px}.compat-editor label{min-height:40px;font-size:13px}footer{letter-spacing:0;font-size:12px;color:#738271}.account details>summary{cursor:pointer;color:#c0d4c8;font-size:13px}.account details label{margin-top:12px}.account details select{width:100%;margin-top:5px}@media(max-width:900px){.shell{display:block}aside{height:auto;position:static;padding:15px 18px}.brand{font-size:19px}.subbrand{display:none}nav{display:flex;flex-wrap:nowrap;overflow-x:auto;margin-top:14px;padding-bottom:5px;gap:6px}nav button{flex-shrink:0;white-space:nowrap;font-size:13px;padding:11px 13px;min-height:44px}nav button span{max-width:none}.account{margin-top:10px;display:flex;align-items:center;gap:12px;font-size:12px}.account>strong{display:none}.account details{position:relative}.account details[open]>label{position:absolute;z-index:6;background:#163d36;min-width:230px;padding:15px;box-shadow:0 8px 25px #173d3633;border-radius:8px}.account small{margin-left:auto}main{padding:24px 18px}header{display:block}header h1{font-size:29px}header p{font-size:14px;margin-bottom:14px}.header-tools{margin:0 0 12px;gap:10px}.header-tools button{min-height:36px}.stats{gap:8px}.status-stats .stat{display:block;padding:13px 10px}.status-stats .stat small{font-size:10px;min-height:32px;display:block;line-height:1.5}.status-stats .stat strong{font-size:27px;display:block;margin-top:8px}.toolbar{padding:12px;gap:10px}.toolbar>input{width:100%;flex-basis:100%;min-width:0}.toolbar>select{width:auto!important;flex:1;max-width:none;min-width:150px}.toolbar>button{width:100%;margin:0}.filter-fields{right:0;width:290px}.asset-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.asset{padding:18px}.asset.selected{padding:17px}.selection-bar{bottom:10px;padding:16px;gap:10px}.selection-bar>div{flex-basis:100%}.selection-bar>button{flex:1;font-size:13px;padding:12px 10px}.delivery-steps{gap:6px}.delivery-steps li button{flex-direction:column;text-align:center;padding:10px 5px;gap:6px;font-size:11px;min-height:85px;line-height:1.4}.delivery-recap{font-size:13px;display:grid;gap:7px}.movement{grid-template-columns:1fr;padding:18px;gap:18px}.movement p{font-size:13px}.hour-readings,.delivery-pairings{padding:14px}.step-actions{display:grid;width:100%}.step-actions button{width:100%}.movement>button{width:100%}.modal{padding:22px}.timeline{padding:0 16px}.demo{font-size:11px;margin-bottom:15px}.extra-filters summary{padding:12px}footer{font-size:11px}}.notice.success{background:#e9f4e6;border:1px solid #b6d7ad;color:#2b5637}.notice.error{background:#fff0eb;border:1px solid #e3b5a4;color:#8b382b}.field-error{font-size:13px;color:#a13b2a}input[aria-invalid=true]{border:2px solid #b9543b}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media(max-width:900px){body{padding-bottom:85px}nav{position:fixed;left:0;right:0;bottom:0;z-index:8;background:#163d36;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding:7px 6px max(7px,env(safe-area-inset-bottom));margin:0;overflow:visible;box-shadow:0 -3px 18px #173d3622}nav button{display:flex;flex-direction:column;gap:4px;white-space:normal;min-height:63px;padding:7px 3px;font-size:14px;border-radius:8px;justify-content:center;text-align:center}nav button span{font-size:10px;line-height:1.25}aside{padding:15px 18px}.account{margin-top:10px}.selection-bar{bottom:92px}.asset-grid{padding-bottom:6px}}.archive-toggle{display:flex;align-items:center;gap:10px;margin:16px 0}.archive-toggle input{width:auto}.retired-label{color:#875126;font-weight:600}.brand-subtitle{display:block;font-size:12px;letter-spacing:.12em;margin-top:6px;line-height:1.4}.brand{line-height:1.3}
