/* TransOrbit Global deployment additions */
body{min-width:320px}
.live-freight-photo{width:100%;aspect-ratio:1.33;object-fit:cover;border-radius:22px;border:1px solid #ffffff30;box-shadow:0 25px 55px #00152e55}
.hero-visual{max-width:690px}
.hero-stat{z-index:2}
.links-live{gap:24px}
.narrow{max-width:720px}
.space-top{padding-top:48px;padding-bottom:84px}
.panel p{line-height:1.6}
.field input,.field textarea,.field select{width:100%}
.admin-app{padding-top:36px;padding-bottom:84px}
.admin-hero{padding:48px 0}
.admin-hero h1{font-size:clamp(27px,4vw,42px)}
.admin-hero p{margin-bottom:0}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:0 0 26px}
.stat-card{background:#fff;border:1px solid #dce7ee;padding:19px 20px;border-radius:15px;box-shadow:0 8px 20px #00204008}
.stat-card small{display:block;font-size:12px;color:#748799;font-weight:750;margin-bottom:8px}
.stat-card strong{display:block;font-size:32px;color:#123651}
.admin-app .admin-grid{grid-template-columns:minmax(330px,.9fr) minmax(360px,1.1fr)}
.notice{border:1px solid #b6d9d5;color:#18575b;background:#effaf7;padding:14px 17px;border-radius:11px;margin-bottom:18px;font-size:14px;line-height:1.55}
.notice.danger{background:#fff0ef;border-color:#efc0b9;color:#a43725}
.demo-notice{margin:16px 0;color:#946331;background:#fff8ed;border-color:#f3d1a4}
.admin-heading{display:flex;align-items:start;justify-content:space-between;gap:18px;margin-bottom:19px}
.admin-heading h2{margin:0}
.field.compact{margin-bottom:8px}
.field.compact label{margin-bottom:3px}
.field.compact input{padding:10px 12px}
.search-row{display:flex;gap:8px;margin-bottom:20px}
.search-row input{flex:1;min-width:0}
.record-actions a,.record-actions button{display:inline-flex;align-items:center;color:#1d5267;background:#eaf2f6;border-radius:7px;padding:8px 10px;font-weight:750;font-size:12px;border:1px solid #dce8eb;cursor:pointer}
.record-actions a:hover{background:#d0eaf1}
.record-actions{margin-top:10px}
.record .record-head b{font-size:13px;overflow-wrap:anywhere}
.tag.green{background:#e7f7ee;color:#147547}
.checkbox-line{display:flex;gap:10px;font-size:13px;margin:15px 0;align-items:start;color:#546776}
.checkbox-line input{width:auto;flex:none;margin-top:4px}
.detail-panel{margin-top:26px}
.detail-panel .admin-grid{grid-template-columns:1fr 1fr;gap:36px}
.detail-panel h3{font-size:17px;margin:12px 0 16px}
.milestone-list{display:grid;gap:10px}
.milestone-edit{border:1px solid #dce6ee;border-radius:10px;padding:14px;background:#f9fcfe}
.milestone-edit summary{cursor:pointer;font-size:13px;list-style:revert}
.milestone-edit summary small{display:inline-block;margin-left:10px;color:#74899a}
.milestone-edit form{margin:16px 6px 8px}
.login-panel{max-width:500px;margin:0 auto}
.chat-thread{border:1px solid #d8e4ec;border-radius:12px;background:#f5f9fc;min-height:260px;max-height:420px;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:13px}
.chat-msg{padding:12px 15px;max-width:86%;border-radius:14px;background:#fff;box-shadow:0 1px 6px #1233450d;align-self:flex-start}
.chat-msg.admin{background:#dff3eb;align-self:flex-end}
.chat-msg>div{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:5px;font-size:12px}
.chat-msg small{color:#788d9b}
.chat-msg p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.5}
.chat-compose{margin-top:18px}
.chat-list-item{display:block;text-decoration:none;color:inherit}
.chat-list-item.current{border-color:#f5a66c;background:#fff8f2}
.chat-empty{color:#698394;text-align:center;padding:30px}
.receipt-print-actions{max-width:770px;margin:0 auto 18px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.receipt-id{text-align:right;min-width:180px}
.receipt-id small,.receipt-tiles small{display:block;color:#708a9b;font-size:11px;font-weight:750}
.receipt-id strong{display:block;color:#163952;font-size:18px;overflow-wrap:anywhere;margin:5px 0}
.receipt-tiles{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}
.receipt-tiles>div{border:1px solid #dce8ee;background:#f7fafc;padding:17px 18px;border-radius:10px}
.receipt-tiles strong{color:#193c56;font-size:15px}
.receipt-status{background:#edf7f5;color:#0c736a;padding:15px;border-radius:12px;margin-top:24px;font-weight:800}
.receipt-disclaimer{font-size:12px;line-height:1.7;border-top:1px solid #e1e9ee;margin-top:25px;padding-top:22px;color:#637787}
.receipt-signoff{display:flex;justify-content:space-between;gap:15px;margin-top:30px;font-size:11px;color:#8b9ba9}
@media(max-width:850px){.admin-app .admin-grid,.detail-panel .admin-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.links-live{display:none}.links-live.open{display:flex;position:absolute;z-index:100;top:72px;left:0;right:0;background:#0b2540;padding:22px;flex-direction:column;align-items:start;gap:12px}.nav{position:relative}.header #live-menu{display:block}.detail-panel{overflow:hidden}}
@media(max-width:600px){.stat-grid{gap:8px}.stat-card{padding:12px}.stat-card strong{font-size:25px}.panel{padding:19px}.receipt-header{flex-direction:column}.receipt-id{text-align:left}.receipt-tiles{grid-template-columns:1fr;gap:10px}.receipt{padding:22px}.receipt-signoff{flex-direction:column}.hero-visual{margin-top:25px}}
@media print {body{background:white!important}.announcement,.header,.footer,.receipt-print-actions{display:none!important}.receipt-wrapper{padding:0!important;background:white}.receipt{box-shadow:none!important;border:0!important;max-width:none;padding:12mm}.receipt-stamp{font-weight:900!important}a{color:inherit!important}@page{margin:12mm;size:A4}}

.service-art{height:206px;overflow:hidden}
.service-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.service-card:hover .service-art img{transform:scale(1.045)}

.admin-shortcuts{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.admin-shortcuts a{display:inline-flex;align-items:center;padding:8px 12px;background:#e8f1f6;border:1px solid #cfe0e9;border-radius:8px;color:#1d4c67;font-size:12px;font-weight:750}
.audit-table-wrap{overflow-x:auto}.audit-table{width:100%;border-collapse:collapse;font-size:12px}.audit-table th,.audit-table td{text-align:left;vertical-align:top;padding:12px;border-bottom:1px solid #e4ebef}.audit-table th{background:#f4f9fc;color:#355066}.audit-table pre{font-size:10px;white-space:pre-wrap;overflow-wrap:anywhere;max-width:500px}
