.mileage-show-page{--ms-primary:#5142df;--ms-text:#172033;--ms-muted:#7e889a;--ms-border:#e2e7ed;color:var(--ms-text);font-size:.88rem}.mileage-show-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;margin-bottom:1.5rem}.mileage-show-title{display:flex;align-items:flex-start;gap:.8rem}.mileage-show-title>.btn{width:2.35rem;height:2.35rem;padding:0;display:grid;place-items:center;border-color:var(--ms-border)}.mileage-show-title h1{font-size:1.55rem;font-weight:750;letter-spacing:-.02em;margin:0}.mileage-show-title em{color:#a0a8b6;font-size:.72rem;font-style:normal}.mileage-show-title p{color:var(--ms-muted);margin:.35rem 0 0}.mileage-show-pill{display:inline-flex;align-items:center;gap:.35rem;border-radius:2rem;padding:.3rem .6rem;font-size:.68rem;font-weight:700}.mileage-show-pill>i:not(.ti){width:.35rem;height:.35rem;border-radius:50%;background:currentColor}.mileage-show-pill.is-validated{color:#07865e;background:#ddf8eb}.mileage-show-pill.is-paid{color:#087db8;background:#e0f3ff}.mileage-show-pill.is-submitted{color:#ba6b04;background:#fff4d4}.mileage-show-pill.is-rejected{color:#d4444e;background:#ffeaec}.mileage-show-pill.is-draft{color:#697386;background:#f0f2f5}.mileage-show-pill.is-project{color:#5f48da;background:#efecff}.mileage-show-actions{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.mileage-show-actions form{margin:0}.mileage-show-actions .btn{min-height:2.45rem;display:inline-flex;align-items:center;gap:.35rem;border-radius:.55rem;font-size:.75rem;font-weight:700}.mileage-transition.is-validated,.mileage-transition.is-reimbursed{color:#087f5c;border-color:#9fe1c6;background:#f4fdf9}.mileage-transition.is-rejected,.mileage-transition.is-cancelled{color:#d6424c;border-color:#f5b7bd;background:#fff8f8}.mileage-transition.is-paid{color:#087dad;border-color:#a9ddef;background:#edf9ff}.mileage-show-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem}.mileage-show-kpis article{position:relative;min-height:7.2rem;padding:1.15rem;background:#fff;border:1px solid var(--ms-border);border-radius:.85rem;box-shadow:0 1px 2px rgba(16,24,40,.04)}.mileage-show-kpis article>i{position:absolute;right:1rem;top:1rem;width:2rem;height:2rem;border-radius:.5rem;background:#e7f5ff;color:#0b92c6;display:grid;place-items:center}.mileage-show-kpis article:nth-child(2)>i{background:#eee9ff;color:#7856e8}.mileage-show-kpis article:nth-child(4)>i{background:#fff2ce;color:#e79600}.mileage-show-kpis article:nth-child(5)>i{background:#ddf8eb;color:#0b9b6d}.mileage-show-kpis small{display:block;color:#6d7789;font-size:.69rem;margin-bottom:.7rem}.mileage-show-kpis strong{display:block;font-size:1.35rem}.mileage-show-kpis p{color:#a0a8b6;font-size:.69rem;margin:.4rem 0 0}.mileage-show-kpis article:nth-child(4)>strong{font-size:.8rem;max-width:75%;margin-top:.8rem}.mileage-show-kpis .is-featured{background:linear-gradient(135deg,#5848e7,#4433cf);color:#fff;border-color:#5848e7}.mileage-show-kpis .is-featured>i{background:rgba(255,255,255,.16);color:#fff}.mileage-show-kpis .is-featured small,.mileage-show-kpis .is-featured p{color:#d9d5ff}.mileage-show-kpis .is-featured strong{font-size:1.5rem}.mileage-show-layout{display:grid;grid-template-columns:minmax(0,1fr) 18rem;gap:1.25rem;align-items:start}.mileage-show-main,.mileage-show-sidebar{display:flex;flex-direction:column;gap:1.25rem}.mileage-show-card,.mileage-show-side-card{background:#fff;border:1px solid var(--ms-border);border-radius:.85rem;overflow:hidden;box-shadow:0 1px 2px rgba(16,24,40,.04)}.mileage-show-card-heading,.mileage-show-side-heading{display:flex;align-items:center;gap:.7rem;min-height:3.7rem;padding:.85rem 1.2rem;border-bottom:1px solid #edf0f4}.mileage-show-card-heading>span{width:1.9rem;height:1.9rem;border-radius:.5rem;display:grid;place-items:center}.mileage-show-card-heading>span.is-blue{color:#0c91c4;background:#e4f5ff}.mileage-show-card-heading>span.is-green{color:#08a476;background:#ddf8eb}.mileage-show-card-heading h2,.mileage-show-side-heading h2{font-size:.86rem;font-weight:750;margin:0}.mileage-show-card-body{padding:1.2rem}.mileage-trip-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem 3rem}.mileage-trip-grid>div>small{display:block;color:#7f899a;text-transform:uppercase;font-size:.65rem;font-weight:750;margin-bottom:.4rem}.mileage-show-person,.mileage-show-info,.mileage-show-project{display:flex;align-items:center;gap:.6rem}.mileage-show-person>span{width:2rem;height:2rem;border-radius:50%;color:#fff;background:linear-gradient(135deg,#0ca4b4,#5142df);display:grid;place-items:center;font-weight:750}.mileage-show-person p,.mileage-show-info p{display:flex;flex-direction:column;margin:0}.mileage-show-person em,.mileage-show-info em,.mileage-show-project em{color:#9aa4b3;font-size:.68rem;font-style:normal}.mileage-show-info>i,.mileage-show-project>i{width:1.65rem;height:1.65rem;border-radius:.45rem;color:#5267e7;background:#e9edff;display:grid;place-items:center}.mileage-show-info.is-green>i{color:#0a9e70;background:#dcf8eb}.mileage-show-project{color:#5946dc;text-decoration:none}.mileage-show-project span{display:flex;flex-direction:column}.mileage-trip-comment,.mileage-route-summary,.mileage-trip-notes{grid-column:1/-1}.mileage-trip-comment p,.mileage-trip-notes p{padding:.8rem 1rem;background:#f7f8fa;border:1px solid #eef0f3;border-radius:.55rem;color:#526073;margin:0}.mileage-route-summary{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#eaf4ff;border:1px solid #d5e9fa;border-radius:.65rem}.mileage-route-summary>div{display:grid;grid-template-columns:auto 1fr;gap:.2rem .55rem;align-items:center}.mileage-route-summary>div>i{grid-row:span 2;width:.55rem;height:.55rem;border-radius:50%;background:#397ee8}.mileage-route-summary>div>i:nth-of-type(2){background:#10b786}.mileage-route-summary>div small{color:#96a2b2}.mileage-route-summary>p{display:flex;flex-direction:column;align-items:flex-end;color:#0887bf;margin:0}.mileage-route-summary>p strong{font-size:1.15rem}.mileage-route-summary>p small{color:#9aa4b3}.mileage-equation{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin-bottom:1rem}.mileage-equation>div{min-height:7rem;border:1px solid #edf0f4;background:#fafbfc;border-radius:.65rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.mileage-equation>div>i{width:2rem;height:2rem;border-radius:.5rem;display:grid;place-items:center;background:#e4f5ff;color:#0a8fc1}.mileage-equation>div:last-child>i{background:#eee9ff;color:#7855e8}.mileage-equation strong{font-size:1.25rem}.mileage-equation small{color:#7d8798}.mileage-equation>b{color:#c5cad2;font-size:1.25rem;text-align:center}.mileage-equation>b small{display:block;font-weight:400;font-size:.65rem}.mileage-total-banner{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.25rem;color:#fff;background:linear-gradient(135deg,#5848e7,#4331ce);border-radius:.7rem}.mileage-total-banner small{display:block;color:#d8d3ff}.mileage-total-banner strong{display:block;font-size:1.8rem}.mileage-total-banner p{color:#d8d3ff;font-size:.7rem;margin:.2rem 0 0}.mileage-total-banner>span{width:3rem;height:3rem;border-radius:.7rem;background:rgba(255,255,255,.15);display:grid;place-items:center;font-size:1.5rem}.mileage-rule-notice{display:flex;gap:.65rem;margin:1rem 0;padding:.75rem .9rem;color:#bd6c06;background:#fff7df;border:1px solid #f1dda3;border-radius:.55rem}.mileage-rule-notice p{font-size:.68rem;margin:0}.mileage-rule-notice strong{display:block}.mileage-calculation-table{font-size:.72rem;border:1px solid #edf0f4;border-radius:.55rem;overflow:hidden}.mileage-calculation-table th,.mileage-calculation-table td{padding:.7rem 1rem;border-color:#eef1f4}.mileage-calculation-table th:last-child,.mileage-calculation-table td:last-child{text-align:right;font-weight:700}.mileage-calculation-table .is-total td{color:#4c3bd8;background:#eef0ff;font-weight:750}.mileage-show-sidebar{position:sticky;top:1rem}.mileage-show-side-heading{min-height:3.4rem;padding:.8rem 1rem;background:#fcfcfd}.mileage-show-side-heading h2{font-size:.7rem;text-transform:uppercase;color:#4f596b}.mileage-show-side-heading>i{color:#e39300}.mileage-show-side-body{padding:1rem}.mileage-project-impact>a{display:flex;gap:.65rem;color:#5946dc;text-decoration:none;margin-bottom:1rem}.mileage-project-impact>a>i{width:2.1rem;height:2.1rem;border-radius:.55rem;background:#efedff;display:grid;place-items:center}.mileage-project-impact>a span{display:flex;flex-direction:column}.mileage-project-impact>a small{color:#9aa4b3}.mileage-project-impact dl{margin:0}.mileage-project-impact dl>div,.mileage-rate-details>div{display:flex;justify-content:space-between;padding:.65rem 0;border-bottom:1px solid #eef0f4}.mileage-project-impact dt,.mileage-rate-details dt{color:#7f899a;font-size:.68rem;font-weight:500}.mileage-project-impact dd,.mileage-rate-details dd{font-size:.7rem;font-weight:750;margin:0}.mileage-project-impact dl .is-total{background:#f8f9fb;padding:.65rem .5rem}.mileage-budget{margin:.8rem 0}.mileage-budget>span{display:flex;justify-content:space-between;color:#7e8898;font-size:.68rem}.mileage-budget>div{height:.45rem;margin:.4rem 0;background:#eef0f3;border-radius:1rem;overflow:hidden}.mileage-budget>div i{display:block;height:100%;background:#f4a305;border-radius:1rem}.mileage-budget small{color:#9aa4b3}.mileage-project-impact>.btn{width:100%;font-size:.7rem;font-weight:700}.mileage-history{list-style:none;padding:0;margin:0}.mileage-history li{position:relative;display:flex;gap:.7rem;padding-bottom:1.15rem}.mileage-history li:last-child{padding-bottom:0}.mileage-history li:not(:last-child):after{content:"";position:absolute;left:.58rem;top:1.25rem;bottom:0;width:1px;background:#e4e8ed}.mileage-history li>i{position:relative;z-index:1;width:1.2rem;height:1.2rem;border-radius:50%;background:#edf0f3;color:#a1a9b5;display:grid;place-items:center;font-size:.65rem}.mileage-history li.is-done>i{background:#13b783;color:#fff}.mileage-history li>div{display:flex;flex-direction:column}.mileage-history strong{font-size:.7rem}.mileage-history span,.mileage-history small{color:#8f99a9;font-size:.65rem}.mileage-rate-details{margin:0}.mileage-danger-card{border:1px solid #fac9cd;background:#fff;border-radius:.85rem;overflow:hidden}.mileage-danger-card h2{color:#d83e48;text-transform:uppercase;font-size:.7rem;padding:.9rem 1rem;margin:0;border-bottom:1px solid #f9dadd}.mileage-danger-card form{padding:1rem}.mileage-danger-card .btn{width:100%;font-size:.7rem;font-weight:700}
@media(max-width:1300px){.mileage-show-kpis{grid-template-columns:repeat(3,1fr)}.mileage-show-layout{grid-template-columns:minmax(0,1fr) 17rem}}
@media(max-width:991.98px){.mileage-show-header{flex-direction:column}.mileage-show-layout{grid-template-columns:1fr}.mileage-show-sidebar{position:static;display:grid;grid-template-columns:repeat(2,1fr)}.mileage-show-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767.98px){.mileage-show-kpis,.mileage-trip-grid,.mileage-show-sidebar{grid-template-columns:1fr}.mileage-trip-comment,.mileage-route-summary,.mileage-trip-notes{grid-column:auto}.mileage-route-summary{align-items:flex-start;flex-direction:column}.mileage-equation{grid-template-columns:1fr}.mileage-show-actions{width:100%}.mileage-show-actions .btn{flex:1}.mileage-show-title h1{font-size:1.3rem}}