/*! TTMS Fleet — Transport Management System. © 2026 Total Transport Management INC (TTMS). All rights reserved. TTMS® and the TTMS logo are registered trademarks of Total Transport Management INC. This software, including its code, design, and interfaces, is the proprietary and confidential property of Total Transport Management INC. Unauthorized copying, reproduction, modification, distribution, or reverse engineering, in whole or in part, via any medium, is strictly prohibited and may result in civil and criminal liability under applicable copyright and trade-secret law. */
.ttms-cl{font:14px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#16212e}.ttms-cl *{box-sizing:border-box}.ttms-cl .pagehead{display:flex;align-items:flex-start;margin-bottom:18px;flex-wrap:wrap;gap:14px}.ttms-cl h1{font-size:29px;font-weight:700;letter-spacing:-.4px;margin:0}.ttms-cl .sub{font-size:13px;color:#6c7f94;margin-top:5px;max-width:640px}.ttms-cl .acts{margin-left:auto;display:flex;gap:10px;align-items:flex-start}.ttms-cl .btn-blue{background:#0d77f1;color:#fff;border:0;border-radius:8px;padding:11px 16px;font-size:13px;font-weight:700;display:inline-flex;gap:9px;align-items:center;cursor:pointer;font-family:inherit}.ttms-cl .btn-blue:hover{background:#0b69d6}.ttms-cl .btn-blue:disabled{opacity:.55;cursor:default}.ttms-cl .btn-blue small{font-weight:400;opacity:.85;font-size:11px}.ttms-cl .btn-out{background:#fff;border:1px solid #d5dfea;border-radius:8px;padding:11px 16px;font-size:13px;font-weight:700;color:#2a3b4e;cursor:pointer;font-family:inherit}.ttms-cl .btn-out:hover{background:#f5f8fc}.ttms-cl .cols{display:flex;gap:20px;align-items:flex-start}.ttms-cl .steps{width:212px;background:#fff;border:1px solid #e3eaf2;border-radius:12px;padding:10px;flex:0 0 212px;position:sticky;top:78px}.ttms-cl .step{display:flex;gap:11px;padding:11px 10px;border-radius:8px;align-items:flex-start;cursor:pointer;background:0 0;border:0;width:100%;text-align:left;font-family:inherit}.ttms-cl .step:hover{background:#f5f8fc}.ttms-cl .step.on{background:#e8f1fd}.ttms-cl .step .n{width:24px;height:24px;border-radius:50%;background:#edf1f6;color:#8496a9;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:0 0 24px}.ttms-cl .step.on .n{background:#0d77f1;color:#fff}.ttms-cl .step.done .n{background:#fff;border:1px solid #cfe0f5;color:#0d77f1}.ttms-cl .step .a{font-size:12.5px;font-weight:700;color:#1e2b3a}.ttms-cl .step.done .a,.ttms-cl .step.on .a{color:#0d77f1}.ttms-cl .step .b{font-size:11px;color:#8496a9;margin-top:2px}.ttms-cl .main{flex:1;min-width:0;background:#fff;border:1px solid #e3eaf2;border-radius:12px;padding:20px 22px}.ttms-cl .sechead{display:flex;align-items:flex-start;margin-bottom:16px;gap:14px}.ttms-cl h2{font-size:17px;font-weight:700;margin:0}.ttms-cl .sechead .s{font-size:12px;color:#7a8ca0;margin-top:3px;max-width:900px}.ttms-cl .badge{margin-left:auto;background:#e8f1fd;color:#0d77f1;font-size:9.5px;font-weight:700;letter-spacing:.7px;padding:5px 10px;border-radius:5px;white-space:nowrap}.ttms-cl .badge.g{background:#e4f5ec;color:#1b8a56}.ttms-cl .badge.n{background:#f0f3f7;color:#7a8ca0}.ttms-cl .g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 18px}.ttms-cl .g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 18px}.ttms-cl .g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}.ttms-cl .span2{grid-column:span 2}@media(max-width:1200px){.ttms-cl .g4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.ttms-cl .g2,.ttms-cl .g3,.ttms-cl .g4{grid-template-columns:1fr}.ttms-cl .cols{flex-direction:column}.ttms-cl .steps{width:100%;position:static}}.ttms-cl label{display:block;font-size:9.5px;font-weight:700;letter-spacing:.75px;color:#7a8ca0;text-transform:uppercase;margin-bottom:6px}.ttms-cl label .req{color:#0d77f1}.ttms-cl input[type=date],.ttms-cl input[type=number],.ttms-cl input[type=text],.ttms-cl input[type=time],.ttms-cl select,.ttms-cl textarea{width:100%;border:1px solid #dbe3ec;border-radius:7px;background:#fff;height:38px;padding:0 11px;font-size:13px;color:#22303f;font-family:inherit;outline:0}.ttms-cl textarea{height:auto;min-height:78px;padding:10px 11px;resize:vertical}.ttms-cl select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' fill='none' stroke='%237A8CA0' stroke-width='1.5'/></svg>");background-repeat:no-repeat;background-position:right 11px center;background-size:10px;padding-right:30px}.ttms-cl input:focus,.ttms-cl select:focus,.ttms-cl textarea:focus{border-color:#0d77f1;box-shadow:0 0 0 3px rgba(13,119,241,.13)}.ttms-cl input::placeholder,.ttms-cl textarea::placeholder{color:#a9b6c4}.ttms-cl input[readonly]{background:#f7f9fc;color:#5b6e85}.ttms-cl .fieldhint{font-size:11px;color:#8496a9;margin-top:5px}.ttms-cl .err input,.ttms-cl .err select{border-color:#e5a3a3;background:#fffbfb}.ttms-cl .errmsg{font-size:11px;color:#c0392b;margin-top:5px}.ttms-cl .newf label{color:#0d77f1}.ttms-cl .newf input,.ttms-cl .newf select,.ttms-cl .newf textarea{border-color:#b8d6f8;background:#f7fbff}.ttms-cl .tag{display:inline-block;background:#0d77f1;color:#fff;font-size:8px;font-weight:700;letter-spacing:.6px;padding:2px 5px;border-radius:3px;margin-left:6px;vertical-align:1px}.ttms-cl .block{border:1px solid #e3eaf2;border-radius:10px;padding:16px 18px;margin-top:18px}.ttms-cl .block.new{border-color:#c3ddfa;background:#f7fbff}.ttms-cl .block.muted{background:#f7f9fc}.ttms-cl .block h3{font-size:13.5px;font-weight:700;margin:0 0 3px}.ttms-cl .block .bs{font-size:11.5px;color:#7a8ca0;margin-bottom:14px}.ttms-cl .block.new h3{color:#0d77f1}.ttms-cl details.acc{border:1px solid #c3ddfa;background:#f7fbff;border-radius:10px;margin-top:14px;overflow:hidden}.ttms-cl details.acc>summary{list-style:none;cursor:pointer;padding:13px 16px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:#0d77f1}.ttms-cl details.acc>summary::-webkit-details-marker{display:none}.ttms-cl details.acc>summary::before{content:"\25B8";font-size:11px;transition:transform .15s}.ttms-cl details.acc[open]>summary::before{transform:rotate(90deg)}.ttms-cl details.acc>summary .hint{margin-left:auto;font-size:11px;font-weight:400;color:#7a8ca0}.ttms-cl details.acc .body{padding:0 16px 16px}.ttms-cl details.acc.plain{border-color:#e3eaf2;background:#fff}.ttms-cl details.acc.plain>summary{color:#2a3b4e}.ttms-cl .chips{display:flex;flex-wrap:wrap;gap:9px}.ttms-cl .chip{border:1px solid #cfe0f5;color:#0d77f1;background:#fff;border-radius:20px;padding:7px 15px;font-size:11.5px;font-weight:600;cursor:pointer;user-select:none;font-family:inherit}.ttms-cl .chip.on{background:#0d77f1;color:#fff;border-color:#0d77f1}.ttms-cl .chip.isnew::after{content:"NEW";background:#e8f1fd;color:#0d77f1;font-size:8px;font-weight:700;padding:2px 5px;border-radius:3px;margin-left:7px}.ttms-cl .chip.on.isnew::after{background:rgba(255,255,255,.25);color:#fff}.ttms-cl .newbtn{display:inline-block;border:1px solid #d5dfea;background:#fff;border-radius:6px;padding:6px 12px;font-size:11px;font-weight:700;color:#3b4b5e;margin-top:7px;cursor:pointer;font-family:inherit}.ttms-cl .newbtn:hover{background:#f5f8fc}.ttms-cl .stopcard{border:1px solid #e3eaf2;border-radius:10px;padding:16px 18px;margin-bottom:16px}.ttms-cl .stophead{display:flex;align-items:center;gap:11px;margin-bottom:15px;flex-wrap:wrap}.ttms-cl .stoptag{background:#edf3fa;color:#5b6e85;font-size:10px;font-weight:700;letter-spacing:.6px;padding:6px 11px;border-radius:6px}.ttms-cl .stoptag.del{background:#e4f5ec;color:#1b8a56}.ttms-cl .stophead select{width:150px;height:34px}.ttms-cl .arrows{margin-left:auto;display:flex;gap:6px}.ttms-cl .arrows button{width:26px;height:26px;border:1px solid #dbe3ec;border-radius:6px;background:#fff;font-size:11px;color:#8496a9;cursor:pointer;font-family:inherit}.ttms-cl .arrows button:hover{background:#f5f8fc;color:#2a3b4e}.ttms-cl .togg{display:flex;align-items:center;gap:9px;font-size:11.5px;color:#5b6e85;height:38px;cursor:pointer;user-select:none;background:0 0;border:0;font-family:inherit;padding:0;text-align:left}.ttms-cl .sw{width:32px;height:18px;border-radius:10px;background:#dce4ec;position:relative;flex:0 0 32px;transition:background .15s}.ttms-cl .sw::after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;top:2px;left:2px;transition:left .15s}.ttms-cl .togg.on .sw{background:#0d77f1}.ttms-cl .togg.on .sw::after{left:16px}.ttms-cl .refrow{display:grid;grid-template-columns:170px minmax(0,1fr) 30px;gap:10px;align-items:center;margin-bottom:9px}.ttms-cl .rateline button,.ttms-cl .refrow button{border:0;background:0 0;color:#a9b6c4;font-size:15px;cursor:pointer}.ttms-cl .rateline button:hover,.ttms-cl .refrow button:hover{color:#c0392b}.ttms-cl .rateline{display:grid;grid-template-columns:minmax(0,2fr) 125px 105px 105px 115px 30px;gap:10px;align-items:center;margin-bottom:9px}.ttms-cl .strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;background:#f7f9fc;border:1px solid #eaf0f6;border-radius:9px;padding:14px 18px;margin-top:18px}.ttms-cl .strip .k{font-size:9.5px;font-weight:700;letter-spacing:.7px;color:#8496a9;text-transform:uppercase;margin-bottom:5px}.ttms-cl .strip .v{font-size:14px;font-weight:700;color:#2a3b4e}.ttms-cl .expo{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}@media(max-width:1100px){.ttms-cl .expo{grid-template-columns:repeat(2,minmax(0,1fr))}}.ttms-cl .expocard{border:1px solid #e3eaf2;border-radius:9px;padding:13px 14px;display:flex;gap:11px;align-items:center}.ttms-cl .expocard .ic{width:28px;height:28px;border-radius:7px;background:#edf3fa;color:#5b6e85;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex:0 0 28px}.ttms-cl .expocard .k{font-size:9px;font-weight:700;letter-spacing:.6px;color:#8496a9;text-transform:uppercase}.ttms-cl .expocard .v{font-size:15px;font-weight:700;margin-top:2px}.ttms-cl .rev{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media(max-width:900px){.ttms-cl .rev{grid-template-columns:1fr}}.ttms-cl .revcard{border:1px solid #e3eaf2;border-radius:10px;padding:16px 18px;background:#fff}.ttms-cl .revcard h3{font-size:14.5px;font-weight:700;margin:0 0 12px}.ttms-cl .rrow{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px dashed #e3eaf2;font-size:12.5px}.ttms-cl .rrow:last-child{border:0}.ttms-cl .rrow .k{color:#7a8ca0}.ttms-cl .rrow .v{font-weight:700;color:#2a3b4e;text-align:right}.ttms-cl .rrow .v.danger{color:#c0392b}.ttms-cl .note{display:flex;gap:12px;background:#f1f7fe;border:1px solid #d5e7fa;border-radius:10px;padding:15px 18px;margin-top:16px}.ttms-cl .note .tick{color:#0d77f1;font-weight:700}.ttms-cl .note h4{font-size:13.5px;font-weight:700;margin:0}.ttms-cl .note p{font-size:12px;color:#4a6076;margin:3px 0 0}.ttms-cl .note.warn{background:#fef7ec;border-color:#f6deb4}.ttms-cl .note.warn .tick{color:#b9820e}.ttms-cl .note.warn h4{color:#8a5a0b}.ttms-cl .note.warn p{color:#8a6a33}.ttms-cl .note.danger{background:#fdf2f2;border-color:#f3d2d2}.ttms-cl .note.danger .tick,.ttms-cl .note.danger h4{color:#c0392b}.ttms-cl .note.danger p{color:#9b4a44}.ttms-cl .ck{display:flex;align-items:center;gap:9px;font-size:12.5px;color:#3b4b5e;padding:5px 0}.ttms-cl .ck b{width:16px;height:16px;border:1px solid #cfe0f5;border-radius:4px;color:transparent;font-size:10px;display:flex;align-items:center;justify-content:center;background:#fff;flex:0 0 16px}.ttms-cl .ck.on b{background:#0d77f1;border-color:#0d77f1;color:#fff}.ttms-cl .foot{display:flex;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid #edf1f6;gap:14px;flex-wrap:wrap}.ttms-cl .foot .mid{margin-left:auto;margin-right:auto;font-size:11.5px;color:#8496a9}.ttms-cl .legend{display:flex;gap:18px;align-items:center;font-size:11.5px;color:#7a8ca0;margin-bottom:14px;flex-wrap:wrap}.ttms-cl .legend i{display:inline-block;width:26px;height:14px;border-radius:4px;vertical-align:-3px;margin-right:8px}.ttms-cl .ocrchip{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;padding:6px 8px;border:1px solid #b8d6f8;background:#f7fbff;border-radius:8px;font-size:11px}.ttms-cl .ocrchip .src{font-size:9px;text-transform:uppercase;letter-spacing:.4px;color:#5b7fa6}.ttms-cl .ocrchip .nm{font-weight:700;color:#16212e}.ttms-cl .ocrchip .ask{color:#8a6d00;font-weight:600}.ttms-cl .ocrchip .chipbtn{border:1px solid #c9d6e4;background:#fff;color:#16212e;border-radius:6px;padding:3px 9px;font-size:11px;cursor:pointer;min-height:24px}.ttms-cl .ocrchip .chipbtn:hover{border-color:#4a90d9}.ttms-cl .ocrchip .chipbtn.use{border-color:#2f6fb5;background:#2f6fb5;color:#fff}.ttms-cl .ocrchip .chipx{margin-left:auto;border:0;background:0 0;color:#7a8ca0;cursor:pointer;font-size:14px;line-height:1;padding:2px 4px}.ttms-cl .ocrflags{border:1px solid #f0c36d;background:#fff9ec;border-radius:8px;padding:12px 14px;margin-bottom:14px;font-size:12.5px;color:#6b4e00}.ttms-cl .ocrflags ul{margin:8px 0 0;padding-left:18px}.ttms-cl .ocrflags li{margin:3px 0}.ttms-cl .ocrflags code{font-size:11.5px;background:#fbefd3;padding:1px 5px;border-radius:4px}.ttms-cl .fieldhint[data-el=filehint]{display:flex;align-items:center;gap:8px}.ttms-cl .rcthumb{flex:0 0 auto;width:34px;height:34px;padding:0;cursor:pointer;overflow:hidden;border:1px solid #c9d6e4;border-radius:6px;background:#fff;display:flex;align-items:center;justify-content:center}.ttms-cl .rcthumb:hover{border-color:#2f6fb5;box-shadow:0 0 0 2px rgba(47,111,181,.15)}.ttms-cl .rcthumb img{width:100%;height:100%;object-fit:cover;display:block}.ttms-cl .rcthumb .glyph{font-size:9px;font-weight:800;letter-spacing:.3px;color:#2f6fb5}.ttms-cl .rcname{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ttms-cl .rcviewer{position:fixed;inset:0;z-index:999;background:rgba(12,22,34,.62);display:flex;align-items:center;justify-content:center;padding:28px}.ttms-cl .rcbox{background:#fff;border-radius:12px;width:min(980px,100%);height:min(88vh,100%);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 18px 50px rgba(8,20,35,.35)}.ttms-cl .rchead{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--line,#dbe3ec);font-size:12.5px}.ttms-cl .rchead b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ttms-cl .rcclose{margin-left:auto;border:0;background:0 0;font-size:22px;line-height:1;color:#7a8ca0;cursor:pointer;padding:0 4px}.ttms-cl .rcbody{flex:1;min-height:0;overflow:auto;background:#f2f5f9;display:flex;align-items:flex-start;justify-content:center;padding:14px}.ttms-cl .rcbody img{max-width:100%;height:auto;background:#fff;box-shadow:0 2px 10px rgba(8,20,35,.14)}.ttms-cl .rcbody iframe{width:100%;height:100%;border:0;background:#fff}.ttms-cl .rcnote{margin:auto;text-align:center;font-size:12.5px;color:#4a5d72;line-height:1.7}