:root{--ink:#111;--muted:#737373;--line:#e6e6e6;--soft:#f3f3f3;--page:#f6f6f6;--blue:#276ef1;--blue-light:#edf3ff;--green:#14804a;--amber:#996014;--red:#bc3535;--header:78px;--radius:7px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit}h1,h2,h3,h4,p{margin:0}h1{font-size:32px;letter-spacing:-1.1px;font-weight:600;line-height:1.25}h2{font-size:20px;letter-spacing:-.45px;font-weight:600;line-height:1.35}h3{font-size:15px;font-weight:600;letter-spacing:-.1px}p{line-height:1.65}.muted{color:var(--muted)}.small{font-size:12px}.tiny{font-size:11px}.strong{font-weight:600}.blue{color:var(--blue)}.nowrap{white-space:nowrap}.mono{font-variant-numeric:tabular-nums}.right{text-align:right}.full{width:100%}.span-2{grid-column:1/-1}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #91b9ff;outline-offset:3px}.icon{height:20px;width:20px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle;pointer-events:none}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 16px;border:1px solid transparent;border-radius:5px;background:#eee;font-weight:550;font-size:13px;line-height:20px;text-decoration:none;white-space:nowrap;transition:background .12s}.btn:hover{background:#e0e0e0}.btn.primary{background:#000;color:#fff}.btn.primary:hover{background:#303030}.btn.blue-btn{background:var(--blue);color:#fff}.btn.blue-btn:hover{background:#1758ce}.btn.outline{border-color:#d6d6d6;background:#fff}.btn.outline:hover{background:#f4f4f4}.btn.ghost{background:none;border:0;padding-left:8px;padding-right:8px}.btn.danger{background:#fff0f0;color:var(--red)}.btn.sm{min-height:34px;padding:6px 11px;font-size:12px}.btn .icon{width:17px;height:17px}.icon-btn{width:35px;height:35px;display:inline-grid;place-items:center;flex-shrink:0;border:0;background:transparent;border-radius:5px}.icon-btn:hover{background:#ececec}.icon-btn .icon{width:18px;height:18px}.text-link{border:0;background:none;padding:0;color:var(--blue);font-size:12px;font-weight:550;cursor:pointer;display:inline-flex;gap:6px;align-items:center;text-align:left}.text-link:hover{text-decoration:underline}.text-link .icon{width:14px;height:14px}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.push{margin-left:auto}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;font-size:10px;font-weight:550;border-radius:4px;background:#efefef;color:#626262;white-space:nowrap;line-height:19px}.pill.blue{background:#edf3ff;color:#2763d3}.pill.green{background:#eaf7ef;color:#187246}.pill.amber{background:#fff3df;color:#986016}.pill.red{background:#fff0f0;color:#ad3636}.pill.dot:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:#000;color:#fff;padding:10px}.skip:focus{top:10px}.topbar{height:var(--header);position:sticky;top:0;background:#fff;border-bottom:1px solid #e5e5e5;padding:0 36px;display:flex;align-items:center;gap:26px;z-index:40}.brand{display:block;text-decoration:none;flex-shrink:0}.brand strong{font-size:26px;font-weight:500;letter-spacing:-1.2px;line-height:1.15;display:block}.brand small{display:flex;align-items:center;gap:5px;font-size:10px;color:#7c7c7c;margin-top:4px;letter-spacing:.05px}.brand small .icon{width:11px;height:11px}.global-search{position:relative;width:230px;min-width:130px;flex-shrink:1}.global-search>.icon{position:absolute;left:12px;top:11px;width:15px;height:15px;color:#777}.global-search input{width:100%;height:37px;border:1px solid transparent;border-radius:5px;background:#f2f2f2;padding:9px 26px 9px 35px;font-size:11px}.global-search kbd{position:absolute;right:10px;top:10px;color:#999;font:10px inherit;border:1px solid #ddd;border-radius:3px;line-height:16px;padding:0 4px}.global-results{position:absolute;left:0;top:45px;min-width:330px;max-height:400px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:7px;box-shadow:0 12px 32px #0002;padding:6px}.global-results button{display:block;width:100%;text-align:left;background:#fff;border:0;padding:13px;font-size:12px;border-radius:4px}.global-results button:hover{background:#f4f4f4}.global-results small{display:block;font-size:10px;color:#777;margin-top:3px}.topnav{display:flex;align-items:stretch;gap:22px;height:100%;margin-left:auto;white-space:nowrap}.topnav>button{padding:0;border:0;background:none;color:#777;font-size:12px;position:relative;display:flex;gap:7px;align-items:center}.topnav>button .icon{width:15px;height:15px;stroke-width:1.8}.topnav>button:hover{color:#111}.topnav>button.active{font-weight:650;color:#000}.topnav>button.active:after{content:"";position:absolute;height:3px;bottom:0;left:0;right:0;background:#000}.header-tools{display:flex;align-items:center;gap:7px;border-left:1px solid #e5e5e5;padding-left:14px;position:relative}.notification-dot{position:absolute;top:7px;right:7px;width:5px;height:5px;background:#276ef1;border-radius:50%;box-shadow:0 0 0 2px white}.notification-btn{position:relative}.avatar-button{border:0;background:#f0f0f0;width:33px;height:33px;border-radius:50%;font-size:11px;font-weight:650;letter-spacing:-.2px;display:grid;place-items:center;margin-left:3px}.avatar-button:hover{background:#e1e1e1}.mobile-toggle{display:none}.menu{position:absolute;top:calc(100% + 18px);right:0;width:265px;background:white;border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 35px #0002;padding:7px;z-index:55}.menu-head{padding:10px 10px 13px;border-bottom:1px solid #eee;margin-bottom:5px}.menu-head strong{font-size:13px;display:block}.menu-head small{font-size:10px;color:#888}.menu button{display:flex;align-items:center;gap:11px;width:100%;border:0;background:white;text-align:left;padding:10px;font-size:12px;border-radius:4px}.menu button:hover{background:#f3f3f3}.menu .icon{width:17px;height:17px;color:#626262}.menu hr{border:0;border-top:1px solid #eee;margin:5px}.page{width:calc(100% - 80px);max-width:1360px;margin:0 auto;min-height:calc(100vh - 150px);padding:34px 0 36px}.page.white-page{max-width:1240px}.page-header{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:27px}.page-header p{font-size:12px;color:#828282;margin-top:9px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.6px;color:#8b8b8b;font-weight:600;margin-bottom:9px}.greeting-muted{font-weight:400;color:#7a7a7a}.demo-chip{font-size:10px;color:#747474;background:#fff;border:1px solid #dedede;border-radius:20px;display:inline-flex;gap:6px;align-items:center;padding:4px 9px}.demo-chip:before{content:"";width:5px;height:5px;background:#a4a4a4;border-radius:50%}.page-header .date-control{height:40px;padding:8px 11px;border:1px solid #e0e0e0;background:white;display:flex;gap:8px;align-items:center;border-radius:5px;font-size:11px;color:#666}.date-control .icon{height:15px;width:15px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:29px}.metric{position:relative;display:block;text-align:left;background:#fff;border:1px solid #e8e8e8;border-radius:7px;padding:18px 20px;min-height:136px}.metric:hover{border-color:#c7c7c7}.metric-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#777;gap:10px}.metric-label .icon-box{width:31px;height:31px;background:#f3f3f3;display:grid;place-items:center;border-radius:6px;color:#4e4e4e}.metric-label .icon{width:17px;height:17px}.metric-value{font-size:30px;letter-spacing:-1px;line-height:1.2;display:block;font-weight:600;margin:4px 0 10px;font-variant-numeric:tabular-nums}.metric-note{font-size:10px;color:#8c8c8c;display:flex;align-items:center;gap:5px}.metric-note .icon{width:12px;height:12px;color:#276ef1}.metric.amber .icon-box{background:#fff5e7;color:#a97225}.dashboard-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:26px}.filter-sidebar{align-self:start;position:sticky;top:105px}.filter-caption{font-size:10px;color:#8b8b8b;margin:20px 0 10px;letter-spacing:.2px}.filter-sidebar .filter-caption:first-child{margin-top:0}.side-filter{display:flex;align-items:center;gap:10px;width:100%;background:none;border:1px solid transparent;border-radius:5px;color:#6b6b6b;padding:10px 11px;text-align:left;font-size:12px;margin-bottom:4px;min-height:40px}.side-filter .icon{width:16px;height:16px;color:#888}.side-filter .count{margin-left:auto;font-size:10px;background:#ebebeb;min-width:21px;text-align:center;line-height:20px;border-radius:3px;color:#828282}.side-filter:hover{background:#eee}.side-filter.active{background:white;border-color:#d9e5ff;color:var(--blue);font-weight:600;box-shadow:0 1px 4px #00000003}.side-filter.active .icon{color:var(--blue)}.side-filter.active .count{background:#edf3ff;color:#276ef1}.sidebar-select{width:100%;height:35px;background:#ededed;border:0;border-radius:4px;font-size:11px;padding:6px 9px;margin-bottom:9px}.side-help{border-top:1px solid #e3e3e3;margin-top:22px;padding:19px 10px}.side-help .icon{color:#777;width:19px;height:19px;margin-bottom:9px}.side-help h3{font-size:12px;margin-bottom:4px}.side-help p{font-size:10px;color:#888;margin-bottom:11px}.work-area{min-width:0}.work-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:17px;flex-wrap:wrap}.search-field{position:relative;min-width:190px;flex:1;max-width:325px}.search-field .icon{position:absolute;left:12px;top:11px;width:15px;height:15px;color:#8b8b8b}.search-field input{height:37px;width:100%;padding:9px 12px 9px 35px;background:#fff;border:1px solid #e1e1e1;border-radius:5px;font-size:11px}.search-field input:focus{border-color:#111}.work-toolbar .summary{font-size:11px;color:#848484}.view-toggle{display:inline-flex;overflow:hidden;border:1px solid #dfdfdf;border-radius:5px;background:white;padding:3px;gap:2px}.view-toggle button{display:flex;align-items:center;gap:6px;min-height:28px;border:0;background:white;padding:5px 9px;color:#838383;font-size:10px;border-radius:3px}.view-toggle button.active{background:#efefef;color:#111}.view-toggle .icon{width:13px;height:13px}.sort-select{border:0;background:transparent;font-size:11px;color:#777;max-width:155px;padding:6px}.attention-banner{display:flex;align-items:center;gap:11px;background:#fffaf1;border:1px solid #f0dfbf;border-radius:5px;padding:13px 16px;margin-bottom:19px;color:#806129;font-size:11px}.attention-banner>.icon{width:17px;height:17px}.attention-banner strong{font-weight:600}.attention-banner .text-link{margin-left:auto;font-size:10px;color:#8d631d;white-space:nowrap}.group-label{font-size:11px;color:#838383;font-weight:500;margin:20px 0 10px;display:flex;gap:8px;align-items:center}.group-label:first-child{margin-top:0}.group-label span{font-size:10px;color:#aaa}.ship-card{border:1px solid #e6e6e6;border-radius:6px;background:#fff;margin-bottom:12px;padding:18px 20px;transition:border-color .15s,box-shadow .15s}.ship-card:hover{border-color:#c7c7c7;box-shadow:0 3px 14px #00000005}.ship-card-top{display:flex;align-items:center;gap:9px;color:#878787;font-size:10px;padding-bottom:13px;margin-bottom:17px;border-bottom:1px solid #f0f0f0}.ship-card-top .icon{width:14px;height:14px;color:#777}.ship-id{background:none;border:0;padding:0;font-size:11px;letter-spacing:.1px;font-weight:650;color:#222}.ship-id:hover{text-decoration:underline}.ship-card-top .mode-tag{margin-left:auto;display:flex;gap:7px;align-items:center}.ship-card-main{display:grid;grid-template-columns:1.12fr 1fr 1fr auto;align-items:start;gap:24px}.ship-status h3{font-size:19px;font-weight:550;letter-spacing:-.4px;margin-bottom:5px;line-height:1.3}.ship-status p{font-size:10px;color:#999}.progress{display:flex;gap:3px;max-width:230px;margin-top:14px}.progress i{height:3px;flex:1;background:#ececec;border-radius:1px}.progress i.done{background:var(--blue)}.progress.amber i.done{background:#cf942d}.stop-summary{position:relative;padding-left:23px}.stop-symbol{position:absolute;left:0;top:2px;width:12px;height:12px;border-radius:50%;border:4px solid #111;box-shadow:0 0 0 3px #f7f7f7}.stop-symbol.destination{border-radius:1px;border-color:#276ef1;background:#276ef1}.stop-summary .stop-label{font-size:9px;color:#999;margin-bottom:4px;letter-spacing:.2px}.stop-summary strong{display:block;font-size:14px;font-weight:600;margin-bottom:5px}.stop-summary p{font-size:11px;color:#777;line-height:1.75}.stop-summary small{font-size:10px;color:#9a9a9a;display:block}.ship-card-main>.icon-btn{align-self:center;color:#929292}.ship-card-bottom{display:flex;align-items:center;gap:7px;margin-top:17px;padding-top:13px;border-top:1px solid #f1f1f1;font-size:10px;color:#8d8d8d}.ship-card-bottom .icon{width:13px;height:13px}.ship-card-bottom strong{font-weight:550;color:#686868}.ship-card-bottom .route-type{margin-left:auto}.table-wrap{border:1px solid #e2e2e2;background:#fff;border-radius:6px;overflow:auto;position:relative}.table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}.table th{font-size:10px;font-weight:500;text-align:left;color:#888;background:#fafafa;padding:13px 17px;border-bottom:1px solid var(--line)}.table td{padding:18px 17px;border-bottom:1px solid #ededed;vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#fcfcfc}.table td strong{font-size:12px;font-weight:550}.table td small{display:block;font-size:10px;color:#888;margin-top:5px}.table td .btn{font-size:10px;min-height:30px}.table .check-cell{width:35px;padding-right:0}.pagination{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;color:#909090;margin-top:20px}.pagination .actions{gap:5px}.pagination .page-number{min-width:29px;height:29px;border:1px solid #dedede;border-radius:4px;background:white;font-size:11px}.pagination .page-number.active{color:white;background:#000;border-color:#000}.page-subnav{display:flex;gap:27px;border-bottom:1px solid var(--line);margin-bottom:25px;overflow:auto;white-space:nowrap}.page-subnav button{position:relative;border:0;background:none;font-size:12px;color:#888;padding:11px 0 15px}.page-subnav button.active{color:#111;font-weight:600}.page-subnav button.active:after{position:absolute;content:"";height:2px;left:0;right:0;bottom:0;background:#000}.empty-state{border:1px solid #e5e5e5;border-radius:6px;background:white;padding:55px 20px;text-align:center}.empty-state .icon{width:31px;height:31px;color:#aaa;margin-bottom:13px}.empty-state h3{font-size:16px}.empty-state p{font-size:12px;color:#888;max-width:420px;margin:7px auto 18px}.panel{padding:24px;border:1px solid #e4e4e4;border-radius:7px;background:#fff}.panel+.panel{margin-top:19px}.panel-title{display:flex;align-items:center;gap:10px;margin-bottom:20px}.panel-title>.icon{width:20px;height:20px;color:#444}.panel-title h2{font-size:18px}.panel-title .text-link{margin-left:auto}.panel>p.intro{font-size:12px;color:#808080;margin-top:-8px;margin-bottom:20px}.panel.no-padding{padding:0;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid #ededed}.panel-header h2{font-size:16px}.panel-header .text-link{font-size:11px}.col-two{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.col-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}.field-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;min-width:0}.field>span:first-child{font-weight:500;display:flex;align-items:center;gap:5px}.required{color:#b64a4a;font-size:11px}.field input:not([type=checkbox]),.field select,.field textarea{border:1px solid transparent;border-radius:5px;background:#f1f1f1;padding:11px 12px;height:43px;width:100%;font-size:12px;line-height:20px;min-width:0}.field textarea{min-height:88px;height:auto;resize:vertical}.field input:hover,.field select:hover,.field textarea:hover{background:#eaeaea}.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:#111;background:#f7f7f7}.field input:invalid:not(:placeholder-shown):not([type=date]){box-shadow:none}.field small{font-size:10px;color:#8e8e8e;line-height:1.55}.field input[readonly]{color:#808080;background:#f7f7f7}.input-icon{position:relative}.input-icon .icon{position:absolute;left:12px;top:12px;width:17px;height:17px;color:#666}.input-icon input{padding-left:39px!important}.check{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.6;cursor:pointer}.check input{margin:3px 0 0;flex-shrink:0}.check small{display:block;font-size:10px;color:#888;margin-top:3px}.check strong{font-weight:550}input[type=checkbox],input[type=radio]{accent-color:#111;width:16px;height:16px;cursor:pointer}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.check-tile{border:1px solid #e4e4e4;background:#fff;border-radius:5px;padding:15px;display:flex;align-items:flex-start;gap:10px;cursor:pointer}.check-tile:has(input:checked){border-color:#b3cafa;background:#f6f9ff}.check-tile .icon{width:20px;height:20px;color:#555;margin-top:1px}.check-tile>span{flex:1}.check-tile strong{font-size:12px;font-weight:550;display:block}.check-tile small{font-size:10px;color:#929292;display:block;margin-top:5px}.check-tile input{margin-top:3px}.form-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:22px;margin-top:25px;border-top:1px solid #e8e8e8}.notice{display:flex;align-items:flex-start;gap:10px;padding:13px 15px;border:1px solid #e4eaf5;background:#f5f8fd;color:#61718c;font-size:11px;line-height:1.65;border-radius:5px;margin:16px 0}.notice>.icon{width:16px;height:16px;margin-top:2px}.notice.amber{background:#fffbf1;border-color:#efdfbc;color:#967034}.notice.neutral{background:#f6f6f6;border-color:#e6e6e6;color:#7b7b7b}.notice.slim{padding:10px 13px;font-size:10px}.notice p{font-size:inherit}.error-box{background:#fff2f0;color:#ac3333;border-left:3px solid #bc3535;padding:13px 16px;font-size:12px;margin:0 0 20px;border-radius:2px;line-height:1.6}.error-box:empty{display:none}.error-box ul{padding-left:18px;margin:5px 0}.scope-switch{display:flex;gap:3px;background:#f0f0f0;border:1px solid #e9e9e9;border-radius:6px;padding:4px;width:max-content;margin-bottom:27px}.scope-switch button{border:0;display:flex;align-items:center;gap:9px;background:none;border-radius:4px;color:#7f7f7f;padding:10px 20px;font-size:12px;font-weight:550}.scope-switch button .icon{height:17px;width:17px}.scope-switch button.active{background:#fff;color:#000;box-shadow:0 1px 4px #00000013}.scope-switch .new-label{color:#276ef1;font-size:9px;background:#e8f0ff;border-radius:3px;padding:1px 5px}.booking-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;gap:20px}.booking-title .page-header{margin:0}.stepper{display:flex;gap:13px;align-items:center;margin-bottom:29px;border-bottom:1px solid #e6e6e6;padding:0 0 24px;overflow:auto;white-space:nowrap}.stepper button{display:flex;gap:8px;align-items:center;border:0;background:transparent;color:#a0a0a0;font-size:11px;padding:0}.stepper button b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#f0f0f0;color:#8c8c8c;font-size:10px;font-weight:500}.stepper button b .icon{width:12px;height:12px}.stepper button.active{color:#000;font-weight:600}.stepper button.active b{color:#fff;background:#000}.stepper button.done{color:#555}.stepper button.done b{color:#276ef1;background:#eaf1ff}.stepper .connector{height:1px;min-width:18px;max-width:70px;flex:1;background:#e8e8e8}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:16px}.section-heading h2{font-size:20px}.section-heading .small{font-size:11px;color:#929292}.booking-section{margin-bottom:29px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.service-card{position:relative;display:flex;align-items:center;gap:23px;border:2px solid #efefef;border-radius:8px;text-align:left;background:white;padding:22px;min-height:133px}.service-card:hover{border-color:#b9b9b9}.service-card.active{border-color:#000}.service-card>div{flex:1;min-width:0}.service-card h3{font-size:15px;font-weight:600;margin-bottom:5px}.service-card p{font-size:10px;color:#757575;max-width:330px;line-height:1.65}.service-card .radio-mark{position:absolute;right:16px;top:16px;width:13px;height:13px;border:1px solid #d6d6d6;border-radius:50%}.service-card.active .radio-mark{border:4px solid #111}.vehicle-art{width:107px;height:70px;flex-shrink:0;display:block;overflow:visible;pointer-events:none}.service-card .vehicle-art{width:93px;height:66px}.transport-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:23px}.transport-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #e4e4e4;background:#fff;border-radius:6px;text-align:left}.transport-card>.icon{width:25px;height:25px;color:#999}.transport-card strong{display:block;font-size:12px}.transport-card small{display:block;font-size:10px;color:#999;margin-top:3px}.transport-card.active{border:1.5px solid #111;padding:13.5px 15.5px;background:#fafafa}.transport-card.active>.icon{color:#111}.create-route-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:start}.location-stack{position:relative;display:grid;gap:10px;margin-bottom:18px}.location-stack:before{content:"";position:absolute;left:21px;top:27px;bottom:27px;width:1px;background:#111;z-index:1}.location-input{position:relative}.location-input input{height:46px;width:100%;background:#eee;border:1px solid transparent;border-radius:5px;font-size:12px;padding:12px 38px 12px 44px;min-width:0}.location-input input:focus{outline:0;border-color:#111}.location-input:before{content:"";width:6px;height:6px;border-radius:50%;background:#000;position:absolute;left:18px;top:20px;z-index:2;box-shadow:0 0 0 5px #eee}.location-input:last-child:before{border-radius:0}.location-input .icon-btn{position:absolute;right:6px;top:6px;width:32px;height:32px;color:#777}.location-input .icon-btn .icon{width:13px;height:13px}.route-field-labels{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;color:#8a8a8a;margin:12px 0 8px}.equipment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.equipment-card{border:2px solid #efefef;background:#fff;border-radius:7px;padding:13px 8px;min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:11px}.equipment-card.active{border-color:#111}.equipment-card:hover{border-color:#aaa}.equipment-card .vehicle-art{width:90px;height:55px}.equipment-card .icon{width:28px;height:28px;margin:12px 0}.equipment-label{display:flex;align-items:center;gap:5px}.equipment-label .icon{height:11px;width:11px;margin:0}.route-map{position:relative;background:#c7dff1;overflow:hidden;border-radius:6px;border:1px solid #d8e5ed;height:326px;isolation:isolate}.route-map .map-svg{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.route-map .map-svg:active{cursor:grabbing}.map-tools{position:absolute;bottom:27px;right:12px;background:white;border:1px solid #ddd;border-radius:4px;display:grid;box-shadow:0 2px 7px #0001}.map-tools .icon-btn{width:30px;height:30px;border-radius:0}.map-tools .icon-btn+.icon-btn{border-top:1px solid #e5e5e5}.map-tools .icon{width:14px;height:14px}.map-note{position:absolute;right:5px;bottom:3px;font-size:8px;padding:1px 4px;background:#ffffffce;color:#75838d;pointer-events:none;max-width:90%;text-align:right}.map-route-label{font-family:Arial,sans-serif;font-size:12px;fill:#111;font-weight:500}.map-caption{position:absolute;top:13px;left:13px;background:white;border:1px solid #dfdfdf;padding:8px 11px;border-radius:4px;box-shadow:0 2px 6px #00000007;font-size:10px;display:flex;align-items:center;gap:6px}.map-caption .icon{width:12px;height:12px}.map-empty{position:absolute;inset:30px 20px auto;padding:15px;background:white;border-radius:4px;box-shadow:0 2px 9px #0001;font-size:11px;color:#777;text-align:center}.map-footer{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#929292;margin-top:10px;gap:10px}.map-footer span{display:flex;align-items:center;gap:5px}.map-footer .icon{width:13px;height:13px}.dashboard-map{height:450px;margin-bottom:18px}.rate-calendar{border-top:1px solid #e7e7e7;padding-top:25px;margin-top:32px}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.calendar-toolbar strong{font-size:13px;font-weight:550}.calendar-legend{display:flex;gap:12px;font-size:10px;color:#929292}.calendar-legend i{width:9px;height:9px;border-radius:2px;background:#edf3ff;display:inline-block;margin-right:4px}.calendar-legend span:last-child i{background:#276ef1}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.weekday{font-size:10px;color:#8b8b8b;text-align:center;padding:8px}.calendar-day{min-height:62px;border:0;background:#fafafa;border-radius:4px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:12px}.calendar-day strong{font-size:10px;font-weight:500}.calendar-day:hover:not(:disabled){background:#e8f0ff}.calendar-day.cheap{background:#f0f5ff}.calendar-day.selected{background:#276ef1!important;color:white}.calendar-day:disabled{opacity:.35;background:#fafafa}.calendar-blank{background:transparent}.booking-bottom{border-top:1px solid #e4e4e4;margin-top:27px;padding:21px 0 0;display:flex;align-items:center;justify-content:space-between;gap:18px}.booking-bottom p{font-size:11px;color:#888}.booking-bottom p strong{color:#111}.booking-bottom .save-note{font-size:10px;color:#929292;display:flex;align-items:center;gap:5px;margin-top:4px}.booking-bottom .save-note .icon{width:12px;height:12px}.cargo-card{border:1px solid #e3e3e3;border-radius:6px;background:white;padding:22px;margin-bottom:18px}.cargo-card-head{display:flex;align-items:center;gap:10px;margin-bottom:20px}.cargo-card-head .number{display:grid;place-items:center;width:27px;height:27px;border-radius:4px;background:#f0f0f0;font-size:11px;color:#777}.cargo-card-head h3{font-size:14px}.cargo-card-head .icon-btn{margin-left:auto;color:#777}.cargo-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:16px}.cargo-grid+.cargo-grid{margin-top:18px}.cargo-totals{display:flex;gap:30px;align-items:center;padding:16px 20px;border:1px solid #e5e5e5;background:#fafafa;border-radius:5px;margin-top:17px;font-size:11px;color:#888;flex-wrap:wrap}.cargo-totals strong{font-weight:550;color:#111;margin-left:6px}.cargo-totals>.icon{width:18px;height:18px;color:#6b6b6b}.reveal-area{margin-top:19px;padding-top:18px;border-top:1px solid #e7e7e7}.doc-checklist{border:1px solid #e6e6e6;border-radius:5px;overflow:hidden;margin-top:18px}.doc-checklist-row{display:flex;align-items:center;gap:13px;padding:15px 16px;border-bottom:1px solid #eee;font-size:12px}.doc-checklist-row:last-child{border:0}.doc-checklist-row>.icon{height:20px;width:20px;color:#888}.doc-checklist-row>div{flex:1}.doc-checklist-row strong{display:block;font-size:12px;font-weight:550}.doc-checklist-row small{font-size:10px;color:#919191;display:block;margin-top:4px}.doc-checklist-row .pill{font-size:9px}.upload-zone{border:1px dashed #c7c7c7;background:#fcfcfc;border-radius:5px;padding:21px;display:flex;align-items:center;gap:15px;margin-top:17px}.upload-zone>.icon{width:28px;height:28px;color:#6f6f6f}.upload-zone strong{font-size:12px;display:block;font-weight:550}.upload-zone p{font-size:10px;color:#999;margin-top:5px}.upload-zone .btn{margin-left:auto;font-size:11px}.file-row{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #efefef;font-size:12px}.file-row>.icon{color:#9b9b9b;width:20px;height:20px}.file-row .file-info{flex:1;min-width:0;overflow-wrap:anywhere}.file-row strong{font-size:11px;font-weight:500;display:block}.file-row small{font-size:9px;color:#999;display:block;margin-top:4px}.file-row .icon-btn{width:29px;height:29px}.file-row .icon-btn .icon{width:15px;height:15px}.review-layout{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:27px;align-items:start}.review-side{position:sticky;top:101px}.price-card{border:1px solid #dedede;border-radius:7px;background:#fff;padding:25px}.price-card h2{font-size:19px}.price-card .price{font-size:36px;letter-spacing:-1.3px;line-height:1.2;font-weight:550;margin:13px 0 8px}.price-card .price small{font-size:12px;letter-spacing:0;color:#888;font-weight:400;margin-left:6px}.price-card .quiet{font-size:10px;color:#909090}.breakdown{display:grid;gap:13px;margin-top:20px;padding-top:19px;border-top:1px solid #e6e6e6;font-size:11px;color:#828282}.breakdown>div{display:flex;justify-content:space-between;gap:14px}.breakdown strong{font-weight:500;color:#333}.breakdown .total{border-top:1px solid #e7e7e7;padding-top:15px;color:#111;font-weight:600;font-size:13px}.price-card>.btn{margin-top:19px}.price-card .check{margin-top:19px;font-size:10px;line-height:1.7}.review-lane{display:flex;align-items:flex-start;gap:18px;padding:16px 0}.review-lane .icon{color:#888;margin-top:15px}.review-lane>div{flex:1}.review-lane small{display:block;font-size:10px;color:#999;margin-bottom:6px}.review-lane strong{font-size:19px;font-weight:550;letter-spacing:-.5px;display:block}.review-lane p{font-size:11px;color:#7e7e7e;margin-top:6px}.read-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:12px}.read-grid small{font-size:10px;color:#999;display:block;margin-bottom:5px}.read-grid strong{font-weight:500;font-size:12px;display:block;overflow-wrap:anywhere}.read-grid p{font-size:11px;color:#888;margin-top:4px}.read-divider{height:1px;background:#ececec;margin:20px 0}.offer-row{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #dedede;border-radius:5px;margin-bottom:11px;font-size:12px;cursor:pointer;background:#fff}.offer-row:has(input:checked){border:1.5px solid #111;padding:15.5px;background:#fafafa}.offer-row>div{flex:1}.offer-row strong{display:block;font-size:12px;font-weight:550}.offer-row small{display:block;font-size:10px;color:#919191;margin-top:4px}.offer-row .offer-price{font-size:19px;letter-spacing:-.5px;white-space:nowrap}.detail-header{margin-bottom:25px}.detail-header .eyebrow{letter-spacing:.9px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 322px;gap:25px}.detail-map{height:330px;margin-bottom:23px}.detail-sidebar{align-self:start}.status-summary{display:flex;align-items:center;gap:13px;padding:16px 19px;border:1px solid #dee7fb;border-radius:5px;background:#f6f9ff;margin-bottom:21px}.status-summary>.icon{color:#276ef1;width:25px;height:25px}.status-summary h3{font-size:15px}.status-summary p{font-size:10px;color:#8c8c8c;margin-top:4px}.status-summary .pill{margin-left:auto}.timeline{margin-top:7px}.timeline-row{padding:0 0 24px 29px;position:relative;font-size:11px}.timeline-row:before{content:"";width:1px;background:#e3e3e3;position:absolute;left:7px;top:15px;bottom:0}.timeline-row:last-child:before{display:none}.timeline-dot{position:absolute;left:0;top:2px;width:15px;height:15px;background:#e8e8e8;border-radius:50%;display:grid;place-items:center;color:#fff}.timeline-dot .icon{width:10px;height:10px}.timeline-row.done .timeline-dot{background:#276ef1}.timeline-row.current .timeline-dot{background:white;border:4px solid #276ef1;box-shadow:0 0 0 3px #e8f0ff}.timeline-row strong{display:block;font-size:12px;font-weight:500;color:#555}.timeline-row small{display:block;font-size:10px;color:#999;margin-top:4px}.timeline-row:not(.done):not(.current) strong{color:#aaa}.carrier-info{display:flex;align-items:center;gap:12px;margin-bottom:19px}.carrier-icon{width:40px;height:40px;border-radius:6px;background:#f1f1f1;display:grid;place-items:center}.carrier-icon .icon{width:22px;height:22px}.carrier-info strong{font-size:12px;font-weight:550;display:block}.carrier-info small{font-size:10px;color:#999}.messages{display:flex;flex-direction:column;gap:12px;max-height:370px;overflow:auto;padding:8px 0 18px}.message{max-width:85%;width:max-content;border-radius:6px;background:#f1f1f1;padding:13px 15px;font-size:12px}.message.own{align-self:flex-end;background:#edf3ff}.message small{font-size:9px;color:#8b8b8b;display:block;margin-bottom:5px}.message p{white-space:pre-wrap}.send-form{display:flex;gap:10px;margin-top:10px}.send-form input{height:42px;flex:1;min-width:0;border:1px solid #dedede;border-radius:5px;padding:10px 12px;font-size:12px}.success-panel{max-width:680px;margin:50px auto;text-align:center;background:white;padding:40px;border:1px solid #e1e1e1;border-radius:8px}.success-icon{height:64px;width:64px;background:#e9f4ed;border-radius:50%;display:grid;place-items:center;color:#14804a;margin:0 auto 22px}.success-icon>.icon{width:29px;height:29px}.success-panel h1{font-size:29px}.success-panel p{font-size:12px;color:#888;margin:11px 0}.success-reference{font-size:15px;display:inline-block;background:#f3f3f3;border-radius:5px;padding:10px 16px;margin:8px 0 19px;font-weight:550}.success-panel .actions{justify-content:center;margin-top:23px}.success-panel .notice{text-align:left}.address-card .address-symbol{width:37px;height:37px;display:grid;place-items:center;background:#f1f1f1;border-radius:6px;margin-bottom:16px}.address-card h3{font-size:15px;margin-bottom:7px}.address-card p{font-size:11px;color:#8b8b8b;line-height:1.85}.address-card .actions{border-top:1px solid #eee;padding-top:14px;margin-top:18px}.lane-card .lane-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.lane-card .lane-top>.icon{width:23px;height:23px;color:#666}.lane-card h3{font-size:18px;font-weight:550;line-height:1.8;letter-spacing:-.45px}.lane-card h3 .icon{height:15px;width:15px;margin:0 6px;color:#aaa}.lane-card p{font-size:11px;color:#969696;margin-top:8px}.lane-card .lane-price{margin:18px 0;font-size:24px;font-weight:550;letter-spacing:-.6px}.lane-card .lane-price small{font-size:10px;color:#999;font-weight:400;letter-spacing:0;display:block;margin-top:4px}.lane-card .actions{border-top:1px solid #e9e9e9;padding-top:16px}.stat-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:29px;padding:23px;background:white;border:1px solid #e5e5e5;border-radius:6px}.stat-strip>div{padding-left:25px;border-right:1px solid #e4e4e4}.stat-strip>div:first-child{padding-left:0}.stat-strip>div:last-child{border:0}.stat-strip small{font-size:11px;color:#8b8b8b}.stat-strip strong{display:block;font-size:29px;font-weight:550;letter-spacing:-.8px;margin-top:8px}.stat-strip p{font-size:10px;color:#aaa;margin-top:4px}.settings-layout{display:grid;grid-template-columns:195px minmax(0,1fr);gap:32px}.settings-nav{display:grid;gap:4px;align-self:start}.settings-nav button{display:flex;gap:10px;align-items:center;background:none;border:0;border-radius:5px;padding:12px 13px;text-align:left;font-size:12px;color:#888}.settings-nav button .icon{width:17px;height:17px}.settings-nav button.active{background:#eee;color:#111;font-weight:550}.settings-content{max-width:835px;min-width:0}.setting-row{display:flex;gap:25px;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid #ebebeb}.setting-row:last-child{border:0}.setting-row strong{font-size:12px;font-weight:550;display:block}.setting-row p{font-size:10px;color:#929292;margin-top:5px}.switch{width:37px;height:21px;position:relative;flex-shrink:0}.switch input{position:absolute;opacity:0;width:37px;height:21px;z-index:2;margin:0}.switch span{position:absolute;inset:0;background:#ccc;border-radius:20px;pointer-events:none}.switch span:before{position:absolute;content:"";width:15px;height:15px;background:white;top:3px;left:3px;border-radius:50%;transition:left .15s}.switch input:checked+span{background:#111}.switch input:checked+span:before{left:19px}.switch:has(input:focus-visible){outline:3px solid #91b9ff;outline-offset:3px;border-radius:20px}.chart-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:22px;margin-bottom:23px}.chart-bars{height:238px;display:flex;align-items:flex-end;gap:18px;border-bottom:1px solid #ddd;margin:21px 0 30px;padding:0 13px;position:relative;background:repeating-linear-gradient(to top,transparent 0,transparent 46px,#f2f2f2 47px,#f2f2f2 48px)}.chart-bar-wrap{height:100%;flex:1;display:flex;align-items:flex-end;position:relative;justify-content:center}.chart-bar{width:70%;max-width:60px;background:#276ef1;border-radius:4px 4px 0 0;position:relative;min-height:2px}.chart-bar strong{position:absolute;top:-24px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:500;color:#666;white-space:nowrap}.chart-bar-wrap>small{position:absolute;bottom:-24px;left:50%;transform:translateX(-50%);font-size:10px;color:#999;white-space:nowrap}.progress-stat{margin-bottom:22px}.progress-stat .label{display:flex;justify-content:space-between;font-size:11px;color:#808080;margin-bottom:9px}.progress-stat .track{height:7px;background:#eee;border-radius:4px;overflow:hidden}.progress-stat .track span{display:block;height:100%;background:#111;border-radius:4px}.progress-stat .track.blue span{background:#276ef1}.activity-row{display:flex;gap:13px;align-items:flex-start;border-bottom:1px solid #eee;padding:17px 0;font-size:12px}.activity-row .activity-symbol{width:31px;height:31px;display:grid;place-items:center;background:#f1f1f1;border-radius:50%;flex-shrink:0;color:#777}.activity-symbol .icon{width:15px;height:15px}.activity-row strong{font-weight:500;font-size:12px}.activity-row small{font-size:10px;color:#999;display:block;margin-top:4px}.activity-row .time{margin-left:auto;font-size:10px;color:#aaa;white-space:nowrap}.notification-row{display:flex;align-items:flex-start;gap:12px;padding:16px 0;border-bottom:1px solid #ededed}.notification-row>.icon{width:19px;height:19px;color:#276ef1;margin-top:2px}.notification-row strong{font-size:12px;font-weight:550;display:block}.notification-row p{font-size:11px;color:#888;margin-top:5px}.notification-row small{font-size:10px;color:#aaa;display:block;margin-top:7px}.notification-row .icon-btn{margin-left:auto}.notification-row.read{opacity:.6}.modal{padding:0;width:min(700px,calc(100% - 32px));max-height:calc(100dvh - 42px);border:1px solid #e3e3e3;border-radius:9px;box-shadow:0 20px 75px #0003;color:#111;overflow:auto;background:white}.modal::backdrop{background:#10101066;backdrop-filter:blur(2px)}.modal.wide{width:min(980px,calc(100% - 32px))}.modal.narrow{width:min(460px,calc(100% - 32px))}.modal-head{position:sticky;top:0;z-index:5;background:white;padding:21px 25px;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;align-items:center;gap:20px}.modal-head h2{font-size:22px}.modal-head p{font-size:10px;color:#999;margin-top:4px}.modal-body{padding:25px}.modal-body>p{font-size:12px;color:#888;margin-bottom:19px}.modal-footer{position:sticky;bottom:0;z-index:4;background:white;padding:17px 25px;border-top:1px solid #e8e8e8;display:flex;justify-content:flex-end;gap:10px;align-items:center}.modal-footer .quiet{font-size:10px;color:#999;margin-right:auto;max-width:270px}.modal pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f5f5;font-size:11px;line-height:1.7;padding:17px;border-radius:5px;max-height:400px;overflow:auto}.preview-frame{border:1px solid #e1e1e1;border-radius:5px;width:100%;height:60vh;background:#f5f5f5}.preview-image{max-width:100%;max-height:65vh;display:block;margin:auto}.toast-region{position:fixed;bottom:23px;left:50%;transform:translateX(-50%);z-index:110;max-width:calc(100vw - 30px);width:max-content;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;border-radius:6px;padding:14px 18px;background:#111;color:#fff;box-shadow:0 5px 25px #0002;font-size:12px;line-height:1.5;max-width:640px;animation:toast-in .18s}.toast .icon{width:17px;height:17px}.toast.error{background:#a12d2d}.app-footer{max-width:1440px;margin:0 auto;padding:18px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#939393;font-size:9px;border-top:1px solid #e9e9e9;min-height:60px}.app-footer .actions{gap:12px}.app-footer button{border:0;background:none;font-size:9px;color:#888;padding:0}.app-footer button:hover{text-decoration:underline}.storage-warning{padding:9px 30px;background:#fff4df;color:#986219;font-size:11px;position:fixed;bottom:0;left:0;right:0;z-index:99;border-top:1px solid #f0d9aa}.invoice-paper{background:#fff;padding:8px}.invoice-paper .invoice-head{display:flex;justify-content:space-between;border-bottom:2px solid #111;padding-bottom:25px;margin-bottom:25px}.invoice-paper h2{font-size:24px}.invoice-paper .read-grid{margin-bottom:25px}.invoice-paper .invoice-total{font-size:24px;text-align:right;font-weight:550;padding:20px 0}.import-result{max-height:280px;overflow:auto;border:1px solid #e5e5e5;border-radius:5px;margin-top:15px}.source-row{padding:15px 0;border-bottom:1px solid #eee;font-size:12px}.source-row h3{font-size:13px;margin-bottom:5px}.source-row p{font-size:11px;color:#888}.source-row a{font-size:10px;color:#276ef1;display:inline-block;margin-top:7px;overflow-wrap:anywhere}.no-script{padding:60px;text-align:center;background:white}.mobile-only{display:none}.danger-zone{border:1px solid #ecd8d8;background:#fffafa;border-radius:6px;padding:20px;margin-top:20px}.danger-zone h3{font-size:13px}.danger-zone p{font-size:11px;color:#987c7c;margin:6px 0 15px}.selected-row{background:#f3f7ff!important}.inline-checkbox{display:flex;align-items:center;gap:7px;font-size:11px}.content-note{font-size:10px;color:#969696;margin-top:13px;line-height:1.7}.mode-badge{display:flex;gap:7px;align-items:center;color:#7e7e7e;font-size:11px}.mode-badge .icon{height:15px;width:15px}.details-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;padding:20px;border:1px solid #e3e3e3;border-radius:6px;margin-bottom:22px}.details-summary small{font-size:10px;color:#999;display:block}.details-summary strong{font-size:12px;display:block;margin-top:6px;font-weight:550}.divider{height:1px;background:#e9e9e9;margin:23px 0}.domestic-label{font-size:10px;color:#919191;margin-bottom:11px}.route-tag{background:#f1f1f1;border:1px solid #e7e7e7;font-size:9px;color:#777;border-radius:3px;padding:2px 5px}.note-list{display:grid;gap:10px}.note-list p{font-size:11px;color:#888}.notice-list{font-size:11px;color:#878787;display:grid;gap:11px}.flex-between{display:flex;align-items:center;justify-content:space-between;gap:15px}.cargo-line-review{border-bottom:1px solid #ececec;padding:13px 0;display:flex;align-items:center;gap:12px;font-size:11px}.cargo-line-review .icon{color:#888; width:19px;height:19px}.cargo-line-review strong{font-weight:550;font-size:12px;display:block}.cargo-line-review small{display:block;color:#999;font-size:10px;margin-top:4px}.cargo-line-review>span:last-child{margin-left:auto;white-space:nowrap}.info-card-icon{width:40px;height:40px;border-radius:6px;background:#f1f1f1;display:grid;place-items:center;margin-bottom:17px;color:#555}.dialog-tabs{margin-top:-8px}.caution-text{font-size:10px;color:#aa7733;line-height:1.6}.bulk-upload-file{display:flex;flex-direction:column;gap:10px;font-size:12px}.bulk-upload-file input{padding:12px;background:#f4f4f4;border:1px solid #dedede;border-radius:4px} .keyboard-hint{font-size:10px;color:#aaa}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1550px){.topbar{gap:36px;padding:0 50px}.global-search{width:280px}.topnav{gap:27px}.page{padding-top:40px}.ship-card{padding:21px 23px}.route-map{height:350px}.dashboard-map{height:470px}}
@media(max-width:1270px){.topbar{padding:0 25px;gap:20px}.global-search{width:190px}.topnav{gap:16px}.topnav>button{font-size:11px}.topnav>button>.icon{display:none}.header-tools{padding-left:10px;gap:4px}.brand strong{font-size:24px}.page{width:calc(100% - 56px)}.dashboard-layout{grid-template-columns:174px minmax(0,1fr);gap:22px}.ship-card-main{gap:16px;grid-template-columns:1fr 1fr 1fr auto}.ship-status h3{font-size:17px}.stop-summary strong{font-size:12px}.metric{padding:17px}.metric-value{font-size:28px}.service-card{gap:16px;padding:19px}.service-card .vehicle-art{width:78px}.service-card p{font-size:9px}.review-layout{grid-template-columns:minmax(0,1fr) 290px;gap:21px}.detail-layout{grid-template-columns:minmax(0,1fr) 290px;gap:21px}.create-route-grid{gap:26px}.cargo-grid{gap:13px}.details-summary{grid-template-columns:repeat(2,1fr)}.price-card{padding:22px}.price-card .price{font-size:32px}.app-footer{padding-left:28px;padding-right:28px}}
@media(max-width:1050px){.global-search{display:none}.topbar{gap:25px}.topnav>button>.icon{display:block}.topnav{gap:19px}.topnav>button{font-size:11px}.col-three{grid-template-columns:1fr 1fr}.service-card .vehicle-art{width:67px}.service-card h3{font-size:13px}.create-route-grid{gap:22px}.equipment-card .vehicle-art{width:70px}.dashboard-layout{grid-template-columns:150px minmax(0,1fr);gap:19px}.side-filter{font-size:11px;padding:10px 8px;gap:7px}.side-filter .icon{width:14px;height:14px}.ship-card-main{grid-template-columns:1fr 1fr;gap:17px}.ship-status{grid-column:1/-1}.ship-card-main>.icon-btn{display:none}.ship-status .progress{max-width:none}.ship-status h3{font-size:18px;display:inline}.ship-status p{display:inline;margin-left:10px}.ship-card-top{padding-bottom:10px;margin-bottom:14px}.ship-card-bottom{font-size:9px}.ship-card{padding:18px}.metric-label{font-size:11px}.metric-note{font-size:9px}.metric-value{font-size:27px}.metric{padding:15px}.stepper{gap:9px}.stepper button{font-size:10px}.review-layout,.detail-layout{grid-template-columns:minmax(0,1fr) 270px;gap:19px}.field-grid.three{grid-template-columns:1fr 1fr}.cargo-grid{grid-template-columns:1fr 1fr}.cargo-grid .field:first-child{grid-column:1/-1}.chart-layout{grid-template-columns:1.4fr 1fr;gap:18px}.read-grid{gap:18px}.panel{padding:21px}.detail-map{height:300px}.review-lane strong{font-size:16px}.review-lane p{font-size:10px}.transport-card{padding:12px;gap:8px}.transport-card.active{padding:11.5px}.transport-card>.icon{width:21px;height:21px}.transport-card strong{font-size:11px}.transport-card small{font-size:9px}.form-footer{flex-wrap:wrap}}
@media(max-width:800px){:root{--header:67px}.topbar{height:67px;padding:0 19px;gap:14px}.brand strong{font-size:24px}.brand small{font-size:9px}.topnav{display:none;position:absolute;left:0;right:0;top:66px;height:auto;background:#fff;padding:12px 19px;box-shadow:0 8px 15px #0001;border-bottom:1px solid #ddd;gap:0;flex-wrap:wrap}.topnav.open{display:flex}.topnav>button{width:50%;height:42px;padding:10px;font-size:12px}.topnav>button.active{background:#f2f2f2;border-radius:4px}.topnav>button.active:after{display:none}.mobile-toggle{display:inline-grid;margin-left:auto}.header-tools{padding-left:10px}.header-tools>.notification-btn{display:none}.menu{right:0;top:46px;max-height:calc(100dvh - 96px);overflow:auto}.page{width:calc(100% - 36px);padding-top:27px}.page-header{align-items:flex-start;margin-bottom:23px;gap:15px}.page-header h1{font-size:28px}.page-header .actions{gap:7px;justify-content:flex-end}.page-header .actions .date-control{display:none}.page-header .actions>.btn{font-size:11px;min-height:37px;padding:8px 11px}.page-header p{font-size:11px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:23px}.metric{min-height:125px;padding:15px 17px}.metric-label{font-size:11px}.metric-value{font-size:29px}.metric-note{font-size:10px}.metric-label .icon-box{width:27px;height:27px}.dashboard-layout{grid-template-columns:1fr;gap:16px}.filter-sidebar{position:static;display:flex;flex-wrap:wrap;gap:10px}.filter-sidebar .filter-caption,.filter-sidebar .side-help,.filter-sidebar .quick-actions{display:none}.filter-list{display:flex;width:100%;gap:7px;overflow:auto;padding:2px 0 5px;white-space:nowrap}.side-filter{width:auto;flex-shrink:0;font-size:11px;margin:0;min-height:35px;padding:8px 10px;background:#eee;border-color:#e8e8e8;gap:7px}.side-filter.active{border-color:#b8cdf8}.side-filter .count{font-size:9px;line-height:17px;min-width:18px}.side-filter .icon{display:none}.sidebar-select{width:auto;min-width:138px;font-size:10px;height:32px;margin-bottom:0}.work-toolbar{gap:9px;margin-bottom:14px}.work-toolbar .search-field{max-width:none}.work-toolbar .summary{display:none}.work-toolbar .sort-select{font-size:10px;max-width:133px}.view-toggle button{font-size:9px;padding:5px 7px}.view-toggle .icon{width:12px;height:12px}.attention-banner{font-size:10px;padding:12px;gap:9px}.attention-banner>.icon{width:15px;height:15px}.attention-banner .text-link{font-size:10px}.ship-card-main{grid-template-columns:1fr 1fr 1fr;gap:14px}.ship-status{grid-column:auto}.ship-status h3{display:block;font-size:16px}.ship-status p{display:block;margin-left:0;font-size:9px}.ship-card-top{font-size:9px}.ship-card-top .mode-tag{font-size:9px}.stop-summary{padding-left:19px}.stop-summary strong{font-size:12px}.stop-summary p{font-size:10px}.stop-summary small{font-size:9px}.stop-symbol{width:10px;height:10px;border-width:3px}.booking-title{display:block;margin-bottom:24px}.booking-title .actions{margin-top:17px;justify-content:flex-start}.scope-switch{margin-bottom:23px}.scope-switch button{font-size:11px;padding:8px 15px}.stepper{padding-bottom:19px;margin-bottom:25px;gap:8px}.stepper button{font-size:10px}.stepper button b{width:23px;height:23px;font-size:9px}.stepper .connector{min-width:10px}.service-grid{gap:13px}.service-card{flex-direction:column;align-items:flex-start;gap:10px;padding:17px;min-height:170px}.service-card .vehicle-art{width:88px;height:55px}.service-card h3{font-size:13px}.service-card p{font-size:10px}.section-heading h2{font-size:19px}.section-heading .small{font-size:10px}.create-route-grid{grid-template-columns:1fr;gap:24px}.create-route-grid .route-preview{grid-row:2}.route-map{height:310px}.equipment-card .vehicle-art{width:85px}.equipment-card{min-height:100px}.rate-calendar{margin-top:26px;padding-top:24px}.calendar-toolbar{gap:10px}.calendar-toolbar strong{font-size:12px}.calendar-legend{gap:8px;font-size:9px}.calendar-day{min-height:58px;font-size:11px}.calendar-day strong{font-size:9px}.weekday{font-size:9px}.booking-bottom p{font-size:10px}.booking-bottom .btn{font-size:11px;padding:9px 12px}.booking-bottom .actions{gap:7px}.review-layout,.detail-layout{grid-template-columns:1fr;gap:22px}.review-side{position:static}.detail-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.detail-sidebar>.panel{margin:0}.detail-sidebar .span-2{grid-column:1/-1}.review-lane strong{font-size:18px}.review-lane p{font-size:11px}.price-card .price{font-size:35px}.field-grid.three{grid-template-columns:1fr 1fr}.field-grid{gap:16px}.field{font-size:11px}.field input:not([type=checkbox]),.field select,.field textarea{font-size:12px}.panel{padding:21px}.panel-title{margin-bottom:18px}.panel-title h2{font-size:17px}.cargo-card{padding:19px}.cargo-grid{grid-template-columns:1fr 1fr;gap:15px}.cargo-grid .field:first-child{grid-column:1/-1}.cargo-totals{gap:16px;font-size:10px;padding:14px 16px}.check-tile{padding:13px;gap:8px}.check-tile strong{font-size:11px}.check-tile small{font-size:9px}.check-tile .icon{width:18px;height:18px}.col-three{grid-template-columns:1fr 1fr;gap:15px}.col-two{grid-template-columns:1fr;gap:20px}.stat-strip{padding:19px;gap:16px}.stat-strip>div{padding-left:0;padding-right:12px}.stat-strip strong{font-size:25px}.stat-strip small{font-size:10px}.stat-strip p{font-size:9px}.chart-layout{grid-template-columns:1fr}.settings-layout{grid-template-columns:1fr;gap:20px}.settings-nav{display:flex;overflow:auto;gap:7px;white-space:nowrap}.settings-nav button{font-size:11px;padding:9px 12px}.settings-nav button .icon{width:15px;height:15px}.settings-content{max-width:none}.table th{font-size:10px;padding:12px}.table td{font-size:11px;padding:16px 12px}.table td strong{font-size:11px}.table td .text-link{font-size:11px}.table td small{font-size:9px}.modal-head{padding:19px 20px}.modal-head h2{font-size:20px}.modal-body{padding:20px}.modal-footer{padding:16px 20px}.modal{max-height:calc(100dvh - 24px);width:calc(100% - 20px)}.modal-footer .btn{font-size:11px}.modal-footer .quiet{font-size:9px}.upload-zone{padding:16px;gap:12px}.upload-zone .btn{font-size:10px;min-height:34px;padding:6px 10px}.upload-zone strong{font-size:11px}.upload-zone p{font-size:9px}.doc-checklist-row{padding:14px 13px;gap:10px}.doc-checklist-row strong{font-size:11px}.doc-checklist-row small{font-size:9px}.doc-checklist-row .pill{font-size:8px;padding:2px 5px}.app-footer{padding:17px 18px;flex-direction:column;align-items:flex-start;gap:8px;font-size:8px}.app-footer button{font-size:8px}.success-panel{margin:25px auto;padding:29px 23px}.success-panel h1{font-size:26px}.desktop-only{display:none!important}.mobile-only{display:block}.toast{font-size:11px}.transport-grid{gap:9px}.transport-card{flex-direction:column;align-items:flex-start;gap:9px;padding:13px}.transport-card.active{padding:12.5px}.transport-card strong{font-size:11px}.transport-card small{font-size:9px}.read-grid{gap:17px}.details-summary{grid-template-columns:repeat(2,1fr);padding:17px}.detail-map{height:330px}}
@media(max-width:540px){h1{font-size:27px}.page-header .actions>.demo-chip{display:none}.page-header .actions .btn .icon{width:14px;height:14px}.page-header .actions .btn{font-size:10px;padding:8px 9px}.page-header .actions .btn.outline{display:none}.eyebrow{font-size:9px;letter-spacing:1.3px}.page-header p{font-size:10px;max-width:230px}.page-header h1{font-size:26px}.metric-label{font-size:10px}.metric-value{font-size:27px}.metric-note{font-size:9px}.metric{padding:14px;min-height:119px}.metric-label .icon-box{width:26px;height:26px}.metric-label .icon{width:15px;height:15px}.work-toolbar .search-field{min-width:130px}.view-toggle button{padding:6px 8px;gap:0}.view-toggle button span{display:none}.work-toolbar>.icon-btn{width:29px;height:29px}.sort-select{padding:5px 0}.attention-banner{align-items:flex-start}.attention-banner .text-link{margin-top:2px;max-width:70px}.ship-card{padding:16px}.ship-card-main{grid-template-columns:1fr 1fr;gap:17px 12px}.ship-status{grid-column:1/-1}.ship-status h3{font-size:19px;display:inline}.ship-status p{display:inline;margin-left:9px;font-size:9px}.progress{max-width:none;margin-top:11px}.ship-card-top{gap:6px;font-size:8px}.ship-card-top .pill{font-size:8px;padding:1px 5px;line-height:17px}.ship-id{font-size:10px}.ship-card-top .mode-tag>.icon{display:none}.ship-card-main .stop-summary strong{font-size:12px}.ship-card-bottom .route-type{display:none}.ship-card-bottom{font-size:9px}.ship-card-top .reference{max-width:83px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagination{font-size:10px}.pagination .actions{gap:3px}.dashboard-map{height:360px}.service-card{padding:14px;min-height:175px}.service-card .vehicle-art{width:80px;height:52px}.service-card h3{font-size:12px}.service-card p{font-size:9px;line-height:1.55}.service-card .radio-mark{right:12px;top:12px;width:11px;height:11px}.service-card.active .radio-mark{border-width:3px}.scope-switch{width:100%;justify-content:stretch}.scope-switch button{flex:1;justify-content:center;padding:8px 12px}.stepper{gap:6px;justify-content:space-between}.stepper button{gap:5px;font-size:9px;flex-direction:column;align-items:center}.stepper .connector{margin-bottom:18px;min-width:10px}.stepper button b{width:25px;height:25px}.section-heading h2{font-size:18px}.booking-title .page-header .actions{margin-top:0}.booking-title .actions{margin-top:14px}.booking-title .btn{font-size:10px;min-height:33px;padding:6px 10px}.booking-section{margin-bottom:24px}.section-heading .small{font-size:9px;max-width:145px;text-align:right}.route-map{height:265px}.route-field-labels{font-size:10px}.equipment-card .vehicle-art{width:78px;height:49px}.equipment-card{min-height:96px;font-size:10px;padding:12px 5px}.map-footer{font-size:9px}.calendar-legend{display:none}.calendar-toolbar{margin-bottom:9px}.calendar-day{min-height:53px;font-size:11px;gap:3px}.calendar-day strong{font-size:8px}.calendar{gap:3px}.booking-bottom{align-items:flex-start;gap:15px}.booking-bottom>.actions{flex-wrap:nowrap;gap:5px}.booking-bottom>.actions .btn{font-size:10px;padding:9px 10px;gap:5px}.booking-bottom .save-note{font-size:9px}.booking-bottom p{font-size:9px;max-width:135px}.booking-bottom p strong{display:block}.booking-bottom>.actions .btn .icon{width:14px;height:14px}.booking-bottom>.actions .btn.ghost{padding-left:4px;padding-right:4px}.booking-bottom>.actions .btn.ghost .icon{display:none}.field-grid.three{grid-template-columns:1fr 1fr}.field-grid,.cargo-grid{gap:15px 12px}.field{font-size:10px;gap:6px}.field small{font-size:9px}.field input:not([type=checkbox]),.field select,.field textarea{font-size:11px;padding:10px;height:42px}.field textarea{height:80px}.cargo-card{padding:17px}.cargo-totals{gap:12px;font-size:10px}.cargo-totals>.icon{display:none}.cargo-totals strong{margin-left:3px}.panel{padding:19px 17px}.panel-title h2{font-size:16px}.panel-title>.icon{width:18px;height:18px}.check-grid{grid-template-columns:1fr}.check-tile{padding:14px}.check-tile strong{font-size:12px}.check-tile small{font-size:10px}.col-three{grid-template-columns:1fr}.detail-sidebar{grid-template-columns:1fr}.detail-sidebar .span-2{grid-column:auto}.doc-checklist-row{flex-wrap:wrap}.doc-checklist-row .btn{font-size:9px;padding:5px 8px}.doc-checklist-row .pill{font-size:8px}.upload-zone{flex-wrap:wrap;padding:15px}.upload-zone>.icon{width:23px;height:23px}.upload-zone .btn{margin-left:38px}.upload-zone p{max-width:220px}.review-lane strong{font-size:16px}.review-lane .icon{width:16px}.review-lane p{font-size:10px}.read-grid strong{font-size:11px}.read-grid small{font-size:9px}.notice{font-size:10px;gap:8px;padding:12px}.offer-row{padding:14px;gap:10px}.offer-row:has(input:checked){padding:13.5px}.offer-row strong{font-size:11px}.offer-row small{font-size:9px}.offer-row .offer-price{font-size:19px}.price-card{padding:23px}.stat-strip{gap:11px;padding:17px 14px}.stat-strip strong{font-size:23px}.stat-strip small{font-size:9px}.stat-strip p{font-size:8px}.stat-strip>div{padding-right:8px}.modal-head h2{font-size:18px}.modal-head{padding:17px}.modal-body{padding:18px}.modal-footer{padding:15px 17px;gap:8px}.modal-footer .quiet{display:none}.modal-footer .btn{font-size:10px;padding:8px 11px}.success-panel{padding:29px 20px}.success-panel .actions{flex-direction:column;align-items:stretch}.chart-bars{gap:11px;padding:0 5px}.chart-bar strong{font-size:8px}.chart-bar-wrap>small{font-size:9px}.details-summary strong{font-size:11px}.detail-header{flex-direction:column;gap:16px}.detail-header .actions{justify-content:flex-start}.detail-header .actions .btn.outline{display:inline-flex}.status-summary{padding:14px;gap:11px}.status-summary h3{font-size:14px}.status-summary p{font-size:9px}.page-subnav{gap:23px}.page-subnav button{font-size:11px}.transport-card small{font-size:8px}.transport-card strong{font-size:10px}.global-results{min-width:0}.invoice-paper .invoice-head{gap:15px}.invoice-paper h2{font-size:20px}.activity-row .time{display:none}.setting-row{gap:15px}.setting-row strong{font-size:11px}.setting-row p{font-size:10px}.scope-switch .new-label{font-size:8px}}
@media(max-width:359px){.page{width:calc(100% - 28px)}.topbar{padding:0 14px;gap:10px}.metric{padding:12px}.metric-label{font-size:9px}.metric-note{font-size:8px}.service-card h3{font-size:11px}.service-card p{font-size:8px}.booking-bottom{flex-direction:column}.booking-bottom>.actions{width:100%;justify-content:flex-end}.booking-bottom p{max-width:none}.booking-bottom p strong{display:inline}.field-grid.three{grid-template-columns:1fr}.scope-switch button{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media print{body{background:white}.topbar,.app-footer,.page-header .actions,.toast-region,.filter-sidebar,.booking-bottom,.demo-controls,.map-tools,.modal-footer,.modal-head .icon-btn{display:none!important}.page{width:100%;padding:0}.panel,.ship-card,.price-card{break-inside:avoid}.review-side{position:static}.table-wrap{overflow:visible}.modal{box-shadow:none;border:0;max-height:none;width:100%}.modal::backdrop{background:white}.modal-body{padding:0}}
/* Extended workspace screens and robust local-file states. */
.address-choice{display:flex;gap:16px;align-items:center;border:1px solid var(--line);border-radius:6px;background:white;width:100%;text-align:left;padding:18px;margin-bottom:12px}.address-choice:hover{background:#f6f6f6}.address-choice>span{flex:1}.address-choice strong,.address-choice small{display:block}.address-choice small{margin-top:5px;color:#777;font-size:12px}.guide-grid{display:grid;gap:24px}.guide-grid>section{display:flex;align-items:flex-start;gap:16px}.guide-grid h3{margin-bottom:6px}.guide-grid p{font-size:13px;color:#666;line-height:1.7}.guide-grid .icon{width:25px;height:25px;margin-top:3px}.file-text{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.7 ui-monospace,monospace;background:#f5f5f5;padding:20px;max-height:65vh;overflow:auto}.detail-stop{display:flex;gap:18px;padding:25px 0;border-bottom:1px solid var(--line)}.detail-stop>div{min-width:0;flex:1}.detail-stop:first-of-type{padding-top:0}.detail-stop p{font-size:13px;line-height:1.8;color:#666;margin:10px 0 18px}.detail-strip{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 22px}.detail-strip>div{display:flex;align-items:center;gap:9px}.detail-map{position:relative}.detail-map .route-map{height:340px}.detail-map .status-summary{position:absolute;top:20px;left:20px;max-width:260px;background:white;border:1px solid #ddd;padding:20px;box-shadow:0 4px 18px #0001}.status-summary h2{font-size:22px;margin:10px 0}.status-summary p{font-size:12px;color:#666;margin:0 0 15px}.bar-chart{display:flex;align-items:flex-end;gap:22px;height:235px;padding:20px 10px 0}.bar-group{flex:1;text-align:center;height:100%;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;gap:8px}.bar-track{height:170px;width:80%;display:flex;align-items:flex-end}.bar{background:#276ef1;width:100%;min-height:2px;border-radius:3px 3px 0 0}.bar-group strong,.bar-group span{font-size:12px}.card-grid>*{min-width:0}.invoice-total{display:flex;align-items:center;justify-content:space-between;font-size:22px;border-top:1px solid #ddd;margin-top:24px;padding:24px 0}.doc-name{display:flex;gap:12px;align-items:center}.read-grid strong,.file-info strong{overflow-wrap:anywhere}.source-row{padding:18px 0;border-bottom:1px solid var(--line)}.source-row p{color:#666;font-size:13px;margin:8px 0}.source-row a{font-size:12px;color:var(--blue)}.source-row .icon{width:13px}.form-error{border-left:3px solid #c32b2b;color:#a32121;background:#fff0f0;padding:12px;display:flex;gap:10px;margin-bottom:20px}.form-error[hidden]{display:none}.error-box:empty{display:none}
@media(max-width:800px){.detail-strip{flex-direction:column;align-items:flex-start}.detail-stop .flex-between{align-items:flex-start;gap:12px}.detail-map .status-summary{max-width:185px;padding:13px;top:10px;left:10px}.status-summary h2{font-size:18px}.detail-map .route-map{height:310px}.detail-stop{gap:10px}.detail-stop h3{font-size:14px}.card-grid{grid-template-columns:1fr}.invoice-total{font-size:18px}.bar-chart{gap:14px}}
.dashboard-layout>*{min-width:0}.filter-list{max-width:100%}.work-area{min-width:0}.table-toolbar{min-width:0}.page-subnav{max-width:100%}
@media(max-width:800px){.dashboard-layout{grid-template-columns:minmax(0,1fr)}.filter-sidebar{width:100%;max-width:100%;min-width:0}.filter-list{width:100%;max-width:100%;overflow-x:auto}.work-toolbar .search-field{min-width:0}}

.brand img{display:block;width:105px;height:37px;object-fit:contain}.brand small{margin-top:3px}.topbar{gap:22px}.header-tools{gap:5px}.topnav{gap:20px}.global-search{max-width:210px}.app-footer{font-size:10px}.save-note{color:#737373}.storage-warning{z-index:100}.modal input.full{border:1px solid #ddd;padding:12px;margin:18px 0}.page-header .demo-chip{color:#14804a}.topnav button{font-size:12px}.logout-btn{min-width:auto!important;padding:0 10px;font-size:12px;font-weight:700;letter-spacing:0;white-space:nowrap;color:#b91c1c}@media(max-width:1100px){.topbar{gap:14px;padding-inline:24px}.global-search{max-width:155px}.topnav{gap:13px}}@media(max-width:780px){.topbar{padding-inline:16px}.brand img{width:91px;height:32px}.header-tools{padding-left:7px;gap:1px}.page{width:calc(100% - 32px)}.global-search{display:none}}
 .iyizigo-place-results{position:fixed;z-index:10000;background:#fff;border:1px solid #d9dfdc;border-radius:12px;box-shadow:0 14px 40px #102f2426;max-height:320px;overflow:auto;padding:6px}
 .iyizigo-place-results button{display:block;width:100%;padding:12px;text-align:left;border:0;background:white;border-radius:7px;font-size:13px;line-height:1.5;cursor:pointer}
 .iyizigo-place-results button:hover,.iyizigo-place-results button[aria-selected=true]{background:#edf5ee}
 .iyizigo-place-results small{display:block;padding:10px;color:#5f6b64;font-size:12px}
 .scope-switch .new-label{display:none}
 .create-page .transport-grid,.create-page .rate-calendar{display:none!important}
 .equipment-card img.vehicle-photo{display:block;width:100%;max-width:152px;height:58px;object-fit:contain;margin:0 auto 8px}
 .create-page .check-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
 .pending-quotes{margin:22px 0 8px}
 .pending-quotes>.btn.primary{min-height:32px;height:32px;padding:0 12px;font-size:12px;font-weight:600;line-height:16px;border-radius:6px;gap:6px}
 .pending-quotes>.btn.primary .icon{width:14px;height:14px;flex:0 0 14px}
 .lane-card .actions .btn.primary{min-height:32px;padding:6px 12px;font-size:12px;border-radius:6px}
 .pending-quote-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:14px}
 .pending-quote-card{border:1px solid #e4ebe6;border-radius:14px;padding:16px;background:#fff}
 .pending-quote-card small{display:block;color:#5f6b64;margin-bottom:6px}
 .pending-quote-card strong{display:block;font-size:16px;line-height:1.35}
 .pending-quote-card p{margin:8px 0 0;color:#44554c;font-size:13px}
 .pending-quote-card .quote-hint{color:#14804a;font-weight:600}
 .pending-quote-card .btn{margin-top:12px}
 .detail-map{min-height:330px;overflow:hidden}
 .route-map.gmap{background:#f4f4f2;border-color:#e2e6e3;min-height:326px}
 .route-preview .route-map.gmap,.route-preview #route-map-container{height:100%;min-height:326px}
 .route-map.gmap .gmap-canvas{position:absolute;inset:0;min-height:326px}
 .route-map.gmap .gmap-canvas .map-empty{inset:auto 20px 20px}
 .route-map.gmap .map-caption,.route-map.gmap .map-note,.gmnoprint,.gm-style-cc{display:none!important}
 .pending-quote-grid.offers{margin-top:0}
.inbox-layout{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:16px;align-items:stretch;min-height:560px}
.inbox-page{min-height:calc(100dvh - 140px)}
.inbox-sidebar{display:flex;flex-direction:column;background:#fff;border:1px solid #ececec;border-radius:18px;overflow:hidden;min-height:560px}
.inbox-sidebar-head{display:flex;align-items:baseline;justify-content:space-between;padding:16px 18px 12px;border-bottom:1px solid #f0f0f0}
.inbox-sidebar-head h3{font-size:15px}
.inbox-sidebar-head small{color:#888;font-size:12px}
.inbox-sidebar .thread-list{padding:10px;display:flex;flex-direction:column;gap:6px}
.thread-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;padding:10px 12px;border:0;border-radius:12px;background:transparent;text-align:left;cursor:pointer}
.thread-row:hover{background:#f6f6f4}
.thread-row.active{background:#E7F4EE}
.thread-row.unread strong{font-weight:700}
.thread-avatar{width:40px;height:40px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:700;letter-spacing:.04em}
.thread-copy{min-width:0;display:flex;flex-direction:column;gap:3px}
.thread-copy strong{font-size:13px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.thread-copy small{color:#737373;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.thread-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;color:#999;font-size:11px}
.thread-meta i{width:8px;height:8px;border-radius:50%;background:#1f7349;display:block}
.inbox-main{min-width:0}
.inbox-chat{min-height:560px;height:100%;display:flex;flex-direction:column;background:#fff;border:1px solid #ececec;border-radius:18px;overflow:hidden}
.inbox-chat-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:16px 18px;border-bottom:1px solid #f0f0f0}
.inbox-chat-head p{margin:0;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#1f7349;font-weight:700}
.inbox-chat-head h2{margin:4px 0 0;font-size:18px}
.inbox-chat-head small{color:#888}
.inbox-chat .message-list{flex:1;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:10px;background:#fafafa;margin:0;max-height:none}
.message-list .msg{padding:10px 12px;border-radius:12px;background:#fff;border:1px solid #ececec}
.message-list .msg.own{background:#E7F4EE;border-color:#d5eadc}
.message-list .msg small{display:block;margin-top:4px;color:#888;font-size:11px}
.inbox-empty-chat,.inbox-pick{margin:auto;text-align:center;padding:40px 24px;color:#666}
.inbox-pick{min-height:560px;background:#fff;border:1px dashed #e4e4e4;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.inbox-chat #message-form{display:flex;gap:10px;align-items:flex-end;padding:14px 16px;border-top:1px solid #f0f0f0;background:#fff;margin:0}
.inbox-chat #message-form textarea{flex:1;min-height:72px;margin:0}
.carrier-card{margin-bottom:16px}
@media(max-width:900px){.inbox-layout{grid-template-columns:1fr}.inbox-sidebar{min-height:0;position:static}.inbox-chat,.inbox-pick{min-height:460px}}
 .pending-quote-card.accepted{border-color:#1F7349;box-shadow:0 0 0 2px #1F734922}
 .section-gap{margin:26px 0 12px;font-size:16px}
 .payment-status{display:flex;align-items:center;gap:12px;margin:18px 0 14px;padding:14px 16px;border-radius:12px;background:#fff7e6;border:1px solid #f1dfb8}
 .payment-status.reported{background:#eef3ff;border-color:#c9d8fb}
 .payment-status.confirmed{background:#e9f5ee;border-color:#bfe3cd}
 .payment-status .icon{width:22px;height:22px;flex:none}
 .payment-status strong{display:block;font-size:14px}
 .payment-status .small{color:#5f6b64}
 .iban-box{border:1px dashed #b9c8be;border-radius:12px;padding:14px 16px;margin:0 0 16px;background:#fafcfa}
 .iban-box .read-grid strong{font-variant-numeric:tabular-nums;letter-spacing:.3px;word-break:break-all}
 .iban-box .btn{margin-top:10px}
 .payment-report{border-top:1px solid #e6e9e7;margin-top:18px;padding-top:16px}
 .payment-report h3{margin:0 0 6px;font-size:15px}
 .payment-report .field{margin-top:12px}
 .payment-report input[type=file]{padding:9px 0}
 .payment-notice{margin:14px 0 0}
 .payment-notice .text-link{margin-left:6px}
 .page-header p{overflow-wrap:anywhere}
 .detail-map .status-summary{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:6px;z-index:3;max-width:min(320px,calc(100% - 32px));min-width:200px;padding:16px 18px;border-radius:10px}
 .detail-map .status-summary h2{font-size:22px;letter-spacing:-.35px;line-height:1.2;overflow-wrap:anywhere}
 .detail-map .status-summary p{margin:0;font-size:13px;color:#555;line-height:1.45}
 .detail-map .status-summary .tiny{margin:0}
 .detail-map .status-summary .small{margin:0;line-height:1.45}
 .success-reference{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;max-width:100%;overflow-wrap:anywhere}
 @media(max-width:800px){.detail-map .status-summary{max-width:min(280px,calc(100% - 24px));padding:14px 16px}.detail-map .status-summary h2{font-size:18px}}
.quote-actions{display:grid;gap:8px;margin-top:12px}
.orders-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0 0 20px}
.orders-stat{background:#fff;border:1px solid #ececec;border-radius:16px;padding:16px 18px}
.orders-stat small{display:block;color:#737373;font-size:12px;margin-bottom:4px}
.orders-stat strong{font-size:22px;letter-spacing:-.4px}
.orders-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 18px}
.orders-toolbar .push{margin-left:auto}
.order-select-all{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;color:#666}
.order-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.order-card{background:#fff;border:1px solid #ececec;border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:12px;min-width:0}
.order-card header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.order-card h3{font-size:16px;margin:0;line-height:1.35;overflow-wrap:anywhere}
.order-card header small{display:block;color:#888;font-size:11px;letter-spacing:.04em;margin-bottom:3px}
.order-check{display:flex;align-items:flex-start;gap:10px;min-width:0}
.order-check input{margin-top:4px}
.order-route{display:flex;align-items:center;gap:10px;color:#44554c;font-size:13px}
.order-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}
.order-meta small{display:block;color:#888;font-size:11px}
.order-meta strong{display:block;font-size:13px;font-weight:600;overflow-wrap:anywhere}
.order-card .actions{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap}
.order-card.quote{border-color:#cfe3d6;background:#f7fbf8}
@media(max-width:720px){.orders-toolbar .push{margin-left:0;width:100%}.order-meta{grid-template-columns:1fr}}
.wa-thread{display:flex;flex-direction:column;min-height:min(72dvh,680px);overflow:hidden;background:#fff;border:1px solid #e8eee9;border-radius:20px}
.detail-layout .wa-thread,.page .wa-thread{margin:0 0 18px;padding:0}
.inbox-chat{border:1px solid #e8eee9;border-radius:20px}
.wa-thread .message-list,.inbox-chat .message-list{flex:1;overflow:auto;padding:22px 18px 18px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(180deg,#f6faf7,#f3f6f4);margin:0;max-height:none}
.message-list .msg{max-width:min(72%,440px);padding:11px 14px 8px;border-radius:18px 18px 18px 6px;background:#fff;border:0;box-shadow:0 10px 28px #10241810;align-self:flex-start;color:#14241b}
.message-list .msg.own{background:#1F7349;color:#fff;border:0;border-radius:18px 18px 6px 18px;align-self:flex-end;box-shadow:0 10px 28px #1f734928}
.message-list .msg p{margin:0;white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.45}
.message-list .msg small{display:block;margin-top:6px;color:#7b8a81;font-size:10px}
.message-list .msg.own small{color:#d7efe3}
.inbox-empty-chat{margin:auto;text-align:center;padding:48px 24px;color:#6b7a71}
.wa-media{display:block;margin:0 0 6px}
.wa-media img{display:block;max-width:min(240px,70vw);max-height:240px;border-radius:14px;object-fit:cover;background:#e8eee9}
.wa-file{display:flex;flex-direction:column;gap:2px;margin:0 0 6px;padding:10px 12px;border-radius:14px;background:#f3f7f4;color:inherit;text-decoration:none;min-width:140px}
.msg.own .wa-file{background:#17653f}
.wa-file span{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#1f7349}
.msg.own .wa-file span{color:#d7efe3}
.wa-composer,#message-form.wa-composer{display:flex;gap:8px;align-items:flex-end;padding:12px 14px 14px;border-top:1px solid #eef3f0;background:#fff;margin:0}
.wa-composer textarea,#message-form.wa-composer textarea{flex:1;min-height:44px;max-height:132px;margin:0;border:1px solid #e3ebe6;border-radius:22px;padding:11px 16px;resize:none;background:#f6faf7;line-height:1.4}
.wa-composer textarea:focus,#message-form.wa-composer textarea:focus{outline:0;border-color:#1F7349;background:#fff;box-shadow:0 0 0 3px #1f73491a}
.wa-attach{width:44px;height:44px;border:1px solid #e3ebe6;border-radius:50%;background:#f6faf7;display:grid;place-items:center;flex:none;color:#1F7349}
.wa-send{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border-radius:50%;display:grid;place-items:center;background:#1F7349;color:#fff;border:0}
.wa-send .icon{width:18px;height:18px}
@media(max-width:760px){.wa-thread{min-height:calc(100dvh - 220px)}.message-list .msg{max-width:88%}}
.iyizigo-lang-picker{display:none!important}
@media(max-width:1100px){
  html,body{overflow-x:hidden}
  :root{--header:67px}
  .topbar{height:67px;padding:0 16px;gap:10px}
  .global-search{display:none}
  .mobile-toggle{display:inline-grid;margin-inline-start:auto}
  .topnav{display:none;position:absolute;left:0;right:0;top:66px;height:auto;background:#fff;padding:12px 16px;box-shadow:0 8px 15px #0001;border-bottom:1px solid #ddd;gap:0;flex-wrap:wrap;z-index:30}
  .topnav.open{display:flex}
  .topnav>button{width:50%;height:42px;padding:10px;font-size:12px}
  .page{width:calc(100% - 32px)}
  .page-header{flex-wrap:wrap}
  .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .table-wrap,.table{display:block;overflow-x:auto;max-width:100%}
}
@media(max-width:640px){
  .metrics{grid-template-columns:1fr}
  .topnav>button{width:100%}
  .iyizigo-lang-switch{font-size:10px;gap:3px}
}
.extras-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:4px}
.extra-card{display:grid;grid-template-columns:36px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:16px;border:1px solid #e3e3e3;border-radius:8px;cursor:pointer;background:#fff;text-align:left}
.extra-card.on{border-color:#94b9f8;background:#f8fbff}
.extra-card .extra-icon{width:36px;height:36px;border-radius:8px;background:#f4f4f4;display:grid;place-items:center;color:#111}
.extra-card.on .extra-icon{background:#edf3ff;color:#276ef1}
.extra-card .extra-icon .icon{width:18px;height:18px}
.extra-card strong{font-size:12px;font-weight:600;display:block}
.extra-card small{font-size:10px;line-height:1.55;color:#888;margin-top:4px;display:block}
.extra-card input{width:18px;height:18px;margin:0;accent-color:#111;justify-self:end}
.extras-value{margin-top:18px}
.quote-match{max-width:760px}
.quote-match-card{background:#fff;border:1px solid #e1e1e1;border-radius:8px;padding:28px 28px 22px}
.quote-match-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.quote-match-card h3{font-size:22px;letter-spacing:-.4px;font-weight:600;margin:0 0 16px;color:#111;line-height:1.25}
.quote-match-amount{display:block;font-size:48px;font-weight:600;letter-spacing:-2px;line-height:1.05;color:#111;margin:0 0 12px}
.quote-match-meta{font-size:12px;color:#6f6f6f;margin:0 0 6px}
.quote-match-note{font-size:11px;line-height:1.8;color:#888}
.quote-match-lines{margin-top:22px;border-top:1px solid #eee}
.quote-match-lines>div{display:flex;justify-content:space-between;gap:16px;padding:14px 0;font-size:13px;border-bottom:1px solid #eee}
.quote-match-lines>div.total{font-weight:600;border-bottom:0}
.quote-match-hold{margin:8px 0 18px;background:#eef4ff;color:#325a99;padding:12px 14px;font-size:12px;line-height:1.6;border-radius:4px}
.quote-match-card .btn.primary.full{margin-top:18px;height:48px;background:#111;border:0;border-radius:2px}
.quote-match-ids{display:flex;justify-content:space-between;gap:12px;margin-top:12px;font-size:11px;color:#8a8a8a}
.quote-match-includes{padding:22px 4px 8px}
.quote-match-includes h4{font-size:20px;font-weight:600;margin:0 0 16px;letter-spacing:-.3px}
.quote-match-includes ul{display:grid;gap:12px;margin:0 0 22px;padding:0;list-style:none}
.quote-match-includes li{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.55;color:#444}
.quote-match-includes p{font-size:13px;line-height:1.7;color:#777;margin:0}
@media(max-width:820px){.quote-match-amount{font-size:36px}.quote-match-card{padding:22px 18px}.extras-grid{grid-template-columns:1fr}}
dialog.modal:not([open]){display:none!important}
.doc-upload-list{display:grid;gap:8px;margin:12px 0 16px}
.doc-upload-list .file-row{align-items:center;gap:12px}

.page-header .actions #billing-currency{
  min-height:42px;height:42px;padding:10px 15px;font-size:12px;font-weight:550;line-height:20px;
  border:1px solid #ddd;border-radius:5px;background:#fff;min-width:108px;box-sizing:border-box
}
.notification-list{display:flex;flex-direction:column;width:100%;margin:0;background:#fff;border:1px solid #ececec;border-radius:16px;overflow:hidden}
.notification-list .dispatch-item{
  display:grid;grid-template-columns:28px minmax(0,1fr) 16px;align-items:center;gap:12px;
  width:100%;margin:0;padding:14px 16px;border:0;border-bottom:1px solid #eee;border-radius:0;
  background:#fff;text-align:left;cursor:pointer
}
.notification-list .dispatch-item:last-child{border-bottom:0}
.notification-list .dispatch-item:hover{background:#f7f7f7}
.notification-list .dispatch-item .icon:first-child{width:20px;height:20px;margin:0;color:#737373}
.notification-list .dispatch-item .icon:last-child{width:16px;height:16px;margin:0;color:#bbb}
.notification-list .dispatch-item span{min-width:0}
.notification-list .dispatch-item strong{display:block;font-size:13px;line-height:1.35}
.notification-list .dispatch-item p{margin:4px 0 0;font-size:12px;color:#737373;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notification-list .notice-at{display:block;margin-top:4px;font-size:11px;color:#888;white-space:nowrap}
dialog.modal .notification-list{border:0;border-radius:0}
@media(max-width:760px){.page-header .actions #billing-currency{min-height:36px;height:36px;padding:8px 12px}}

iframe.skiptranslate,.goog-te-banner-frame,.goog-te-menu-frame,.goog-te-balloon-frame,#google_translate_element{display:none!important;visibility:hidden!important;pointer-events:none!important;width:0!important;height:0!important}

/* Destek: editör, dosya ekleri, yazışma */
.support-editor{display:flex;flex-direction:column;gap:6px}
.support-editor>span{font-size:12px;font-weight:600;color:#555}
.editor-toolbar{display:flex;align-items:center;gap:4px;padding:6px;border:1px solid #d9dde3;border-bottom:0;border-radius:10px 10px 0 0;background:#f7f8fa}
.editor-toolbar button{min-width:30px;height:28px;padding:0 8px;border:1px solid transparent;border-radius:6px;background:transparent;font-size:13px;line-height:1;cursor:pointer}
.editor-toolbar button:hover{background:#fff;border-color:#d9dde3}
.editor-toolbar .editor-count{margin-left:auto;font-size:11px;color:#777}
.support-editor textarea{border-radius:0 0 10px 10px;min-height:160px;resize:vertical;font:inherit;line-height:1.55}
.support-files input[type=file]{padding:10px;border:1px dashed #c9ced6;border-radius:10px;background:#fafbfc;width:100%}
.support-files-list,.support-attachments{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.file-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #e3e6eb;border-radius:999px;background:#fff;font-size:12px;color:#222;cursor:pointer}
.file-chip .icon{width:14px;height:14px}
.file-chip small{color:#777}
.support-thread{display:flex;flex-direction:column;gap:10px;margin:18px 0}
.support-msg{max-width:92%;padding:10px 14px;border-radius:14px;background:#f3f4f6}
.support-msg.mine{align-self:flex-end;background:#e8f0ff}
.support-msg.staff{align-self:flex-start;background:#f3f4f6;border:1px solid #e5e7eb}
.support-msg small{display:block;margin-bottom:4px;color:#666;font-size:11px}
.support-msg p{margin:0;font-size:13px;line-height:1.55}
.extra-charges .table small{display:block;color:#777;font-weight:400;margin-top:2px}
.extra-charges .actions{display:flex;gap:6px;flex-wrap:wrap}
.extra-charge-banner{display:flex;align-items:center;gap:10px;margin:12px 0}
label.pickup-date input[type=date],label.pickup-date input[type=date]:hover,label.pickup-date input[type=date]:focus{color:#276ef1;background:#edf3ff;border:1px solid #276ef1;font-weight:600}
.hazard-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:16px;align-items:end}
.hazard-row>.check{margin:0 0 12px;align-items:center;max-width:280px}
@media(max-width:800px){.hazard-row{grid-template-columns:1fr}}
.billing-page .page-header{align-items:flex-end;gap:16px;flex-wrap:wrap}
.billing-page .page-header .actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.billing-page .stat-strip,.billing-strip{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;
  margin:0 0 22px;padding:0;background:transparent;border:0
}
.billing-strip>div{
  background:#fff;border:1px solid #ececec;border-radius:14px;padding:16px 18px;min-width:0
}
.billing-strip small{display:block;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#888;margin-bottom:6px}
.billing-strip strong{display:block;font-size:22px;letter-spacing:-.4px;line-height:1.2}
.billing-strip p{margin:6px 0 0;font-size:12px;color:#737373}
.billing-page .table-wrap,.billing-page table{width:100%}
.billing-page td .actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:760px){
  .billing-page .stat-strip,.billing-strip{grid-template-columns:1fr}
  .billing-page .page-header{align-items:flex-start}
}

/* Dashboard and orders: keep the reference's compact, neutral visual language. */
.topbar .logout-btn{width:auto;flex-shrink:0}
:is(.dashboard-page,.orders-page) .page-header{align-items:flex-start}
:is(.dashboard-page,.orders-page) .page-header>div{min-width:0}
:is(.dashboard-page,.orders-page) .page-header .actions{flex-shrink:0;gap:8px}
:is(.dashboard-page,.orders-page) .btn{max-width:100%;flex-shrink:0}
/* Empty-state illustration spacing must not enlarge icons inside actions. */
:is(.dashboard-page,.orders-page) .btn .icon{
  width:17px;height:17px;flex:0 0 17px;margin:0;color:inherit
}
:is(.dashboard-page,.orders-page) .empty-state .btn{min-height:42px;padding:10px 16px}
:is(.dashboard-page,.orders-page) .empty-state{padding:40px 20px}

/* Keep the shipment workspace directly below the reference summary metrics. */
.dashboard-page{display:flex;flex-direction:column}
.dashboard-page .dashboard-layout{order:1}
.dashboard-page .pending-quotes{order:2;margin:24px 0 0;padding:20px}
.dashboard-page .pending-quotes h2{font-size:16px;letter-spacing:-.2px}
.dashboard-page .pending-quotes>.content-note{margin:8px 0 16px}
.dashboard-page .pending-quote-grid{
  grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:12px
}
.dashboard-page .pending-quote-card{
  display:flex;flex-direction:column;align-items:flex-start;min-width:0;
  padding:16px;border-color:#e6e6e6;border-radius:6px
}
.dashboard-page .pending-quote-card small{font-size:11px;color:#828282}
.dashboard-page .pending-quote-card strong{font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.dashboard-page .pending-quote-card p{font-size:12px;overflow-wrap:anywhere}
.dashboard-page .pending-quote-card .quote-hint{margin-bottom:12px}
.dashboard-page .pending-quote-card .btn{margin-top:auto}
.dashboard-page .table{display:table;overflow:visible}
.dashboard-page .ship-card-top{flex-wrap:wrap}
.dashboard-page .ship-card-top .ship-id{overflow-wrap:anywhere;min-width:0}
.dashboard-page .ship-card-main>div{min-width:0}
.dashboard-page .stop-summary strong,.dashboard-page .stop-summary small{overflow-wrap:anywhere}

.orders-page .orders-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}
.orders-page .orders-stat{min-width:0;border-color:#e8e8e8;border-radius:7px;padding:16px 20px}
.orders-page .orders-stat strong{display:block;font-size:26px;line-height:1.2;font-variant-numeric:tabular-nums}
.orders-page .orders-toolbar{gap:12px;margin-bottom:16px}
.orders-page .orders-toolbar .actions{gap:8px}
.orders-page .order-grid{
  grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px
}
.orders-page .order-card{padding:16px 18px;gap:14px;border-color:#e6e6e6;border-radius:6px}
.orders-page .order-card.quote{background:#fff;border-color:#e6e6e6}
.orders-page .order-card header{flex-wrap:wrap;align-items:flex-start;gap:8px}
.orders-page .order-card header>div,.orders-page .order-check{flex:1;min-width:min(100%,170px)}
.orders-page .order-card header .pill{flex-shrink:0;max-width:100%;white-space:normal}
.orders-page .order-card h3{font-size:14px;line-height:1.5}
.orders-page .order-card header small{font-size:10px;letter-spacing:.02em;overflow-wrap:anywhere}
.orders-page .order-route{font-size:12px;color:#828282;flex-wrap:wrap;gap:8px}
.orders-page .order-route .icon{width:14px;height:14px;flex:none}
.orders-page .order-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.orders-page .order-meta small{font-size:10px;color:#828282;margin-bottom:3px}
.orders-page .order-meta strong{font-size:12px;line-height:1.5}
.orders-page .order-card .actions{padding-top:12px;border-top:1px solid #f0f0f0;justify-content:flex-end}
.orders-page>.notice{margin-top:18px}

@media(max-width:1100px){
  :is(.dashboard-page,.orders-page) .page-header{row-gap:16px}
}
@media(max-width:800px){
  :is(.dashboard-page,.orders-page) .page-header .actions{justify-content:flex-start;flex-wrap:wrap}
  :is(.dashboard-page,.orders-page) .page-header .actions>.btn{min-height:38px;padding:8px 12px;font-size:12px}
  .dashboard-page .pending-quotes{padding:18px;margin-top:20px}
  .orders-page .orders-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .orders-page .orders-stat{padding:15px 17px}
  .orders-page .orders-toolbar .search-field{flex-basis:100%;max-width:none;min-width:0}
  .orders-page .orders-toolbar .push{margin-left:auto;width:auto}
}
@media(max-width:540px){
  :is(.dashboard-page,.orders-page) .page-header .actions{width:100%}
  :is(.dashboard-page,.orders-page) .page-header p{max-width:none}
  .orders-page .page-header .actions .btn.outline{display:inline-flex}
  .orders-page .order-grid{grid-template-columns:minmax(0,1fr)}
  .orders-page .order-card{padding:16px}
  .orders-page .orders-toolbar{gap:10px}
  .orders-page .orders-toolbar .actions{gap:6px}
  .orders-page .orders-toolbar .btn.sm{padding:6px 9px;font-size:11px}
  .orders-page .order-select-all{font-size:11px;gap:6px}
  .dashboard-page .work-toolbar .search-field{flex-basis:100%;max-width:none}
  .dashboard-page .work-toolbar .view-toggle{margin-left:0}
  .dashboard-page .view-toggle button{gap:5px}
  .dashboard-page .view-toggle button span{display:inline}
}
@media(max-width:380px){
  .topbar{padding-inline:12px;gap:6px}
  .topbar .brand{max-width:78px;min-width:0}
  .topbar .brand img{width:78px;height:29px}
  .topbar .brand small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .topbar .header-tools{padding-left:4px;gap:0}
  .topbar .logout-btn{padding-inline:6px;font-size:11px}
  .dashboard-page .metric-value{font-size:clamp(20px,6.7vw,24px)}
}

/* Orders use the reference's compact table; quotes are a distinct workflow. */
.orders-summary{display:flex;gap:24px;flex-wrap:wrap;padding:0 0 18px;margin:0 0 20px;border-bottom:1px solid #e9e9e9;font-size:12px;color:#828282}
.orders-summary>span{display:inline-flex;align-items:center;gap:8px}
.orders-summary strong{font-size:13px;font-weight:600;color:#222;font-variant-numeric:tabular-nums}
.orders-selected{font-size:11px;color:#828282;white-space:nowrap}
.orders-page .orders-table{display:table;overflow:visible;width:100%;min-width:760px}
.orders-page .orders-table-wrap{max-width:100%;overflow-x:auto;border-radius:6px}
.orders-page .orders-table-wrap:focus-visible{outline:2px solid #276ef1;outline-offset:3px}
.orders-page .orders-table th{padding:12px 16px;font-size:11px;font-weight:500}
.orders-page .orders-table td{padding:16px;font-size:12px}
.orders-page .orders-table td strong{font-weight:550}
.orders-page .orders-table :is(.order-route-cell,.order-cargo-cell){white-space:normal;min-width:150px;max-width:340px;overflow-wrap:anywhere;line-height:1.5}
.orders-page .orders-table .order-row-actions{text-align:right;white-space:nowrap}
.orders-page .orders-table .btn{min-height:32px;padding:5px 10px;font-size:11px}
.orders-page .orders-table th:last-child{text-align:right}
.orders-page .orders-table tbody tr:hover{background:#fafafa}
.orders-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:30px 16px;text-align:center;color:#828282}
.orders-empty>.icon{width:28px;height:28px;color:#aaa;margin-bottom:5px}
.orders-empty strong{color:#333;font-size:14px}
.orders-empty p{font-size:12px;margin:0;white-space:normal}
.orders-quotes{margin-top:32px}
.orders-quotes .section-heading{align-items:center;margin-bottom:14px;gap:16px}
.orders-quotes h2{font-size:16px;font-weight:600}
.orders-quotes .section-heading p{font-size:11px;color:#828282;margin-top:6px}
@media(max-width:540px){
  .orders-summary{gap:10px 18px;font-size:11px;margin-bottom:16px;padding-bottom:16px}
  .orders-page .orders-toolbar .actions{margin-left:auto;width:auto}
  .orders-page .orders-toolbar .btn.sm{font-size:11px}
  .orders-quotes .section-heading{align-items:flex-start}
  .orders-page .orders-empty{position:sticky;left:0;width:calc(100vw - 66px);padding:30px 12px}
}
.analytics-page .panel{margin:0}
.analytics-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 16px}
.analytics-toolbar .field{min-width:148px;margin:0}
.analytics-toolbar .field select{min-height:40px}
.analytics-toolbar p{margin:0 0 8px;max-width:460px;color:#737373;font-size:12px;line-height:1.5}
.analytics-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 16px}
.analytics-kpi{display:flex;flex-direction:column;gap:6px;min-width:0;padding:16px;background:#fff;border:1px solid #e6e6e6;border-radius:7px}
.analytics-kpi small{color:#737373;font-size:12px}
.analytics-kpi strong{font-size:22px;font-weight:600;letter-spacing:-.4px;line-height:1.15}
.analytics-kpi span{color:#8a8a8a;font-size:11px}
.analytics-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin:0 0 16px}
.analytics-bar-row{display:grid;grid-template-columns:minmax(92px,150px) minmax(0,1fr) 32px minmax(78px,110px);gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #f1f1f1}
.analytics-bar-row:last-child{border-bottom:0}
.analytics-bar-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.analytics-bar-track{height:8px;background:#f3f3f3;border-radius:99px;overflow:hidden}
.analytics-bar{height:100%;background:#111;border-radius:99px}
.analytics-bar-row b{font-size:13px;font-weight:600;text-align:right}
.analytics-bar-row em{font-style:normal;font-size:12px;color:#444;text-align:right}
.analytics-months{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:end;min-height:168px}
.analytics-month{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}
.analytics-month>b{font-size:11px;font-weight:600;text-align:center;line-height:1.3}
.analytics-month-track{display:flex;align-items:flex-end;width:28px;height:110px;background:#f3f3f3;border-radius:6px;overflow:hidden}
.analytics-month-track .analytics-bar{width:100%;border-radius:6px 6px 0 0}
.analytics-month>span,.analytics-month>small{color:#737373;font-size:11px}
.analytics-scope{display:grid;gap:16px}
.analytics-scope article{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:end}
.analytics-scope small{color:#737373;font-size:12px}
.analytics-scope strong{font-size:22px;font-weight:600}
.analytics-scope em{font-style:normal;font-size:13px}
.analytics-scope .analytics-bar-track{grid-column:1/-1}
.analytics-pay{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid #eee}
.analytics-pay small{display:block;color:#737373;font-size:12px;margin-bottom:4px}
.analytics-pay strong{font-size:16px}
.analytics-empty{margin:8px 0;color:#737373;font-size:13px}
.approvals-page .analytics-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.approvals-rule{margin:0 0 28px;padding:22px 24px}
.approvals-rule-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,220px) auto;gap:18px;align-items:end}
.approvals-rule h2{margin:0 0 6px;font-size:16px;letter-spacing:-.2px}
.approvals-rule p{margin:0;color:#737373;font-size:13px;line-height:1.5;max-width:560px}
.approvals-rule .field{margin:0}
.approvals-rule .field input{min-height:42px}
.approvals-rule .btn{min-height:42px;padding:0 16px}
.approvals-block{margin:0 0 32px}
.approvals-block .section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 14px}
.approvals-block .section-heading h2{margin:0;font-size:17px;letter-spacing:-.25px}
.approvals-block .section-heading p{margin:6px 0 0;color:#737373;font-size:12px;line-height:1.5}
.approvals-page .rates-table{min-width:760px}
.approvals-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:36px 18px;text-align:center;color:#828282;background:#fff;border:1px solid #e4e4e4;border-radius:6px}
.approvals-empty>.icon{width:28px;height:28px;color:#aaa;margin-bottom:4px}
.approvals-empty strong{color:#333;font-size:14px}
.approvals-empty p{margin:0;font-size:12px;max-width:360px}
@media(max-width:900px){
  .approvals-page .analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .approvals-rule-form{grid-template-columns:1fr;align-items:stretch}
  .approvals-block .section-heading{align-items:flex-start;flex-direction:column}
}
@media(max-width:900px){
  .analytics-kpis,.analytics-grid{grid-template-columns:1fr}
  .analytics-months{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:18px}
  .analytics-toolbar{flex-direction:column;align-items:stretch}
  .analytics-bar-row{grid-template-columns:minmax(72px,1fr) minmax(0,1.4fr) 28px}
  .analytics-bar-row em{display:none}
}
.doc-slot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.doc-slot{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:12px 14px;border:1px solid #e4e4e4;border-radius:2px;background:#fff}
.doc-slot.is-asked{border-color:#111;background:#fafafa}
.doc-slot>div:first-child{min-width:0}
.doc-slot strong{display:block;font-size:13px;font-weight:600}
.doc-slot small{display:block;margin-top:4px;overflow:hidden;color:#737373;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.doc-slot .actions{display:flex;flex:none;gap:6px}
.doc-trip{margin-top:16px}
.doc-trip h3{margin:0 0 8px;font-size:14px}
.doc-slot-trip{margin:0 0 6px;color:#525252;font-size:12px}
.pending-docs .intro,.trip-docs .intro{margin:0 0 14px;color:#525252}
.preview-image{display:block;max-width:100%;max-height:65vh;margin:0 auto}
.preview-frame{width:100%;height:65vh;border:0}
@media(max-width:720px){.doc-slot-grid{grid-template-columns:1fr}}
.documents-page .page-header{align-items:flex-start}
.documents-page .page-header>div{min-width:0}
.documents-page .documents-toolbar{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:0 0 16px}
.documents-page .documents-toolbar .field{flex:0 1 220px;min-width:160px}
.documents-page .documents-toolbar .search-field{flex:1 1 240px;max-width:none;min-width:200px}
.documents-page .documents-toolbar .search-field input{height:43px;background:#f1f1f1;border-color:transparent;font-size:12px}
.documents-page .documents-toolbar .search-field .icon{top:14px}
.documents-page .docs-count{margin-left:auto;align-self:center;color:#737373;font-size:12px;white-space:nowrap}
.documents-page .doc-list{border:1px solid #e6e6e6;border-radius:6px;background:#fff;overflow:hidden}
.documents-page .doc-item{display:grid;grid-template-columns:28px minmax(0,1.6fr) minmax(120px,.9fr) minmax(140px,1.1fr) auto;gap:16px;align-items:center;padding:14px 16px;border-bottom:1px solid #eee}
.documents-page .doc-item:last-child{border-bottom:0}
.documents-page .doc-item:hover{background:#fafafa}
.documents-page .doc-item-icon{display:grid;place-items:center;color:#737373}
.documents-page .doc-item-icon .icon{width:18px;height:18px;margin:0}
.documents-page .doc-item strong{display:block;overflow:hidden;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.documents-page .doc-item small{display:block;overflow:hidden;margin-top:3px;color:#737373;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.documents-page .doc-item .text-link{font-size:13px;font-weight:600}
.documents-page .doc-item .actions{display:flex;gap:2px}
.documents-page .pending-docs{margin:0 0 18px;padding:16px 18px}
.documents-page .pending-docs .intro{margin:0 0 4px;color:#525252;font-size:13px}
.documents-page .doc-ask{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid #eee}
.documents-page .doc-ask small{white-space:normal}
@media(max-width:800px){
  .documents-page .documents-toolbar .field,
  .documents-page .documents-toolbar .search-field{flex:1 1 100%;min-width:0}
  .documents-page .docs-count{margin-left:0}
  .documents-page .doc-item{grid-template-columns:28px minmax(0,1fr)}
  .documents-page .doc-item .actions{grid-column:2;justify-content:flex-start}
}

.iyizigo-map-truck{position:absolute;width:18px;height:64px;margin:-32px 0 0 -9px;z-index:6;pointer-events:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35))}
.iyizigo-map-truck img{width:100%;height:100%;display:block;object-fit:contain;transform:rotate(var(--bearing, 0deg));transform-origin:center center}
.maplibregl-marker .iyizigo-map-truck{position:relative;margin:0}

/* Rates: the supplied carrier reference's white, compact tables. */
.rates-page .page-header{align-items:flex-start}
.rates-page .page-header .actions{flex-shrink:0}
.pending-quotes-table{padding:0;background:transparent;border:0;border-radius:0}
.pending-quotes-table .section-heading{align-items:center;margin-bottom:16px;gap:16px}
.pending-quotes-table .section-heading h2,.saved-rates>h2{font-size:17px;letter-spacing:-.25px}
.pending-quotes-table .content-note{margin:6px 0 0}
.rates-total{display:flex;gap:6px;align-items:center;background:#f0f0f0;border-radius:4px;padding:6px 10px;white-space:nowrap;font-size:12px;color:#555}
.rates-page .pending-quotes{margin:30px 0 36px}
.rates-table-wrap{background:#fff;border:1px solid #e4e4e4;border-radius:6px;overflow:auto}
.rates-table{width:100%;min-width:940px;border-collapse:collapse;font-size:12px}
.rates-table th{text-align:start;font-size:11px;color:#777;font-weight:500;background:#fafafa;border-bottom:1px solid #e8e8e8;padding:13px 17px;white-space:nowrap}
.rates-table td{padding:16px 17px;border-bottom:1px solid #ededed;vertical-align:middle}
.rates-table tbody tr:last-child td{border-bottom:0}
.rates-table tbody tr:hover{background:#fafafa}
.rates-table td small{display:block;color:#828282;margin-top:5px;font-size:11px}
.rates-table .rates-route{min-width:185px;max-width:280px;overflow-wrap:anywhere}
.rates-table .rates-price{font-weight:600;min-width:130px}
.rates-table .rates-count{text-align:center;font-variant-numeric:tabular-nums}
.rates-table .rates-actions{text-align:end;white-space:nowrap}
.rates-table .rates-actions .actions{justify-content:flex-end;flex-wrap:nowrap}
.rates-table .btn{font-size:12px;min-height:32px;border-radius:4px;white-space:nowrap}
.rates-table .rates-empty{text-align:center;padding:36px;color:#777}
.saved-rates>h2{margin-bottom:16px}

.rates-table{white-space:normal;table-layout:fixed}
.rates-table th{white-space:normal}
.rates-table td{overflow-wrap:anywhere}
.rates-table .rates-actions{width:150px}
.rates-table .pill{white-space:normal}

/* Responsive sender workspace, including booking and detail screens. */
@media(max-width:760px){
  .page,.page>*,.work-area,.detail-layout>*,.review-layout>*,.panel,.card,.settings-content{min-width:0;max-width:100%}
  .page{width:calc(100% - 32px);padding-block:24px 32px}
  .topbar{padding-inline:12px;gap:6px}.header-tools{gap:2px;padding-inline-start:4px}
  .topnav{top:100%;max-height:calc(100dvh - var(--header));overflow-y:auto;overscroll-behavior:contain}
  .topnav>button{height:auto;min-height:44px;white-space:normal;line-height:1.4}
  .page-header{gap:16px;margin-bottom:20px}.page-header>div{min-width:0;max-width:100%}
  .page-header h1{overflow-wrap:anywhere;font-size:26px;line-height:1.3}
  .page-header .actions{flex-wrap:wrap;justify-content:flex-start;gap:8px}
  .field-grid,.field-grid.three,.cargo-grid,.create-route-grid,.service-grid{grid-template-columns:minmax(0,1fr);gap:16px}
  .field-grid .span2,.field-grid .full{grid-column:auto}
  .read-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .read-grid>*,.details-summary>*{min-width:0;overflow-wrap:anywhere}
  .panel,.form-panel{padding:16px}.panel-title,.section-heading{flex-wrap:wrap;gap:12px}
  .work-toolbar,.table-toolbar,.orders-toolbar,.ship-card-top,.ship-card-bottom,.detail-top,.pagination,.file-row{flex-wrap:wrap;gap:10px}
  .work-toolbar .search-field,.table-toolbar .search-field{flex-basis:100%;min-width:0;max-width:none}
  .ship-card-main{grid-template-columns:minmax(0,1fr);gap:16px}
  .ship-card-top .mode-tag{margin-inline-start:0}.ship-card-top .reference{max-width:100%;overflow-wrap:anywhere;white-space:normal}
  .table-wrap,.rates-table-wrap{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
  .table{min-width:640px}.table th,.table td{padding:12px 14px}
  .tabs,.stepper,.settings-nav{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
  .tabs button{flex-shrink:0;min-height:44px}
  .btn,.icon-btn{min-height:44px}.icon-btn{min-width:40px}
  .field input:not([type=checkbox]),.field select,.field textarea,.location-input input,.search-field input,.wa-composer textarea{font-size:16px}
  .booking-bottom{flex-direction:column;align-items:stretch;gap:16px}
  .booking-bottom>.actions{flex-wrap:wrap;gap:8px;width:100%}.booking-bottom>.actions .btn{flex:1 1 120px;white-space:normal;font-size:12px}
  .modal,.modal.wide{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}
  .modal-head,.modal-body,.modal-footer{padding:16px}.modal-footer{flex-wrap:wrap;position:static}
  .modal-footer .btn{flex:1 1 120px;white-space:normal;font-size:12px}
  .doc-slot,.documents-page .doc-ask{flex-wrap:wrap}.doc-slot .actions{flex-wrap:wrap;max-width:100%}
  .message-list .msg{max-width:90%}.wa-composer textarea{min-width:0}
  .app-footer{flex-wrap:wrap;gap:10px}.stat-strip{padding:16px;gap:12px}
}
@media(max-width:380px){
  .brand img{width:80px}.topbar{gap:3px}.header-tools .icon-btn{min-width:30px;width:30px}.logout-btn{font-size:10px;padding-inline:3px}
  .metric-grid,.approvals-page .analytics-kpis,.read-grid,.details-summary{grid-template-columns:minmax(0,1fr)}
  .transport-grid,.equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Keep complete labels readable while scrolling the rates table. */
.rates-table{min-width:1040px;table-layout:auto}
.rates-table th{white-space:nowrap}
.rates-table td{min-width:110px;line-height:1.5}
.rates-table .pill{white-space:nowrap}
@media(min-width:381px) and (max-width:760px){
  .metric-grid .metric-value{font-size:26px;overflow-wrap:anywhere}
}

/* Consistent panel spacing and blue messaging. */
@media(min-width:1101px){.global-search{flex:1 1 300px;max-width:360px;min-width:200px}.global-search input{min-height:44px;font-size:14px}}
.search-field{position:relative}.search-field input{min-height:48px;font-size:14px;padding-inline-start:42px!important}.search-field>.icon{position:absolute;top:50%!important;transform:translateY(-50%);inset-inline-start:14px;pointer-events:none}.search-field.fleet-search{height:48px;max-width:440px}
.message-list .msg.own{background:#1769d2;box-shadow:0 8px 24px #1769d21a}.message-list .msg.own small{color:#dfecff}.msg.own .wa-file{background:#1254aa}.wa-send{background:#1769d2}.wa-attach{color:#1769d2;background:#f2f7ff}.wa-composer textarea,#message-form.wa-composer textarea{background:#f5f8fd}.wa-composer textarea:focus,#message-form.wa-composer textarea:focus{border-color:#1769d2;box-shadow:0 0 0 3px #1769d21a}.wa-thread .message-list,.inbox-chat .message-list{background:#f5f7fa}
.detail-main>.panel,.detail-layout>div>.panel{margin-bottom:20px}.read-grid{gap:20px 24px}.read-grid>div{min-width:0;overflow-wrap:anywhere}.facility .read-grid{align-items:start}.fleet-desk-form .member-new-truck{min-width:0;padding:16px;border:1px solid #d9e1ec;border-radius:8px}.fleet-desk-form .field-grid{grid-template-columns:1fr}.fleet-desk-form .field-grid>.span-2{grid-column:1}.fleet-desk-form [hidden]{display:none!important}

/* Wallet entry points and messaging share the blue workspace palette. */
.iy-wallet-shortcut{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;border:1px solid #dce5f1;border-radius:8px;background:#fff;margin:0 0 24px;min-width:0}.iy-wallet-shortcut small{display:block;color:#697586;font-size:12px;margin-bottom:6px}.iy-wallet-shortcut strong{font-size:26px;font-weight:600;letter-spacing:-.6px}.iy-wallet-shortcut-actions{display:flex;align-items:center;gap:12px}.iy-wallet-shortcut select{height:38px;border:1px solid #d9e1ec;border-radius:5px;background:#fff;padding:6px 12px;color:#17212d}.iy-wallet-shortcut .btn{white-space:nowrap}
.inbox-page,.wa-thread,.inbox-chat,.inbox-sidebar{--green:#1769d2;--green-dark:#1254aa;--green-light:#eef5ff;--green-soft:#eef5ff}
.thread-row:hover,.thread-row.active,.thread-row[aria-selected=true]{background:#eef5ff!important}.thread-avatar,.thread-meta i{background:#1769d2!important}.inbox-chat-head p,.wa-file span,.wa-attach{color:#1769d2!important}.wa-send,.wa-composer .btn.primary{background:#1769d2!important;border-color:#1769d2!important;color:#fff!important}.wa-send:hover,.wa-composer .btn.primary:hover{background:#1254aa!important;border-color:#1254aa!important}.wa-attach:hover,.wa-file:hover{background:#e4efff!important;border-color:#9fc2f2!important}.msg.own .wa-file:hover{background:#10498f!important}.wa-file{background:#eff4fb}.wa-composer,.wa-thread,.inbox-chat,.wa-attach,.wa-composer textarea{border-color:#dce5f1}.message-list .msg.own .wa-file span{color:#e2edff!important}.inbox-chat-head .pill.green{background:#eaf2ff!important;color:#1769d2!important}.thread-row:focus-visible,.wa-send:focus-visible,.wa-attach:focus-visible{outline:2px solid #1769d2;outline-offset:2px}
@media(max-width:600px){.iy-wallet-shortcut{align-items:flex-start;flex-wrap:wrap;padding:16px}.iy-wallet-shortcut-actions{flex-wrap:wrap}.iy-wallet-summary article{padding:20px}.iy-wallet-summary strong{font-size:34px}}

/* Compact shipment toolbar aligned with the filter rows. */
@media(min-width:801px){.dashboard-layout .work-toolbar{padding-top:22px;align-items:center}.dashboard-layout .work-toolbar .search-field{flex:0 1 300px;width:300px;min-width:180px;max-width:300px}.dashboard-layout .work-toolbar .search-field input{height:36px;min-height:36px;font-size:12px;padding-inline-start:36px!important}.dashboard-layout .work-toolbar .search-field>.icon{width:15px;height:15px;inset-inline-start:12px}.dashboard-layout .work-toolbar .view-toggle{margin-inline-start:auto}}
.billing-page .page-header{align-items:center;gap:20px}.billing-page .page-header .actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.billing-page #billing-currency{height:40px;border:1px solid #ddd;border-radius:5px;padding:8px 12px;background:#fff}.billing-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;background:#fff;border:1px solid #e4e4e4;border-radius:8px;padding:24px;margin-bottom:24px}.billing-strip>div{min-width:0;padding:0}.billing-strip strong{display:block;font-size:30px;line-height:1.2;margin:8px 0}.billing-strip small,.billing-strip p{color:#737373}.billing-records{border:1px solid #e4e4e4;border-radius:8px;background:#fff;overflow:hidden}.billing-records .table-wrap{margin:0;border:0;border-radius:0;overflow-x:auto}.billing-records table{width:100%;min-width:760px;table-layout:auto;border-collapse:collapse}.billing-records th,.billing-records td{padding:16px;text-align:start;vertical-align:middle;border-bottom:1px solid #eee;white-space:nowrap}.billing-records th{background:#fafafa;color:#737373;font-size:11px;font-weight:500}.billing-records td{font-size:12px}.billing-records td small{display:block;color:#858585;margin-top:5px}.billing-records td:last-child .actions{justify-content:flex-end}.billing-records tr:last-child td{border-bottom:0}.billing-page .tabs{margin-bottom:18px}.payment-method-choices{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.payment-method-choices .btn{min-height:68px;justify-content:center;border:1px solid #d5dfec;color:#1769d2}.payment-method-choices .btn:hover{background:#eef5ff;border-color:#1769d2}.invoice-paper .invoice-total{padding:20px 0;margin:20px 0;border-block:1px solid #e7e7e7}.invoice-paper .iban-box{padding:20px;background:#f8fafc;border:1px solid #e4e8ed;border-radius:8px;margin:20px 0}.invoice-paper .payment-report{margin-top:24px}.invoice-paper .read-grid strong{overflow-wrap:anywhere}.invoice-paper .payment-status{margin:18px 0;padding:16px;border-radius:8px;background:#f1f6fd;display:flex;align-items:center;gap:12px}
@media(max-width:600px){.billing-strip{gap:16px;padding:18px}.billing-strip strong{font-size:23px}.payment-method-choices{grid-template-columns:1fr}}
.billing-page .stat-strip.billing-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:0;background:transparent;border:0;margin:0 0 26px}.billing-page .billing-strip>div{padding:22px 24px;border:1px solid #e4e4e4;border-radius:8px;background:white}.billing-page .billing-strip>div:last-child{border:1px solid #e4e4e4}.billing-page .billing-strip strong{font-size:30px;margin:10px 0}.billing-page .billing-strip small{font-size:11px}
@media(max-width:600px){.billing-page .stat-strip.billing-strip{grid-template-columns:1fr;gap:12px}.billing-page .billing-strip>div{padding:18px}}

/* The tabs divide the full detail width; both columns begin below them. */
.iy-detail-tabs{width:100%;margin:22px 0 24px!important;border-bottom:1px solid #dedede;box-sizing:border-box}
.iy-detail-tabs+.detail-layout{margin-top:0!important;align-items:start}
.iy-detail-tabs+.detail-layout>aside,.iy-detail-tabs+.detail-layout>.detail-sidebar{padding-top:0!important;margin-top:0!important}
.iy-detail-tabs+.detail-layout>div>.panel:first-child,.iy-detail-tabs+.detail-layout>aside>.panel:first-child{margin-top:0!important}

/* Inset dropdown arrows without changing native select behavior. */
select:not([multiple]):not([size]),select[size="1"]{appearance:none;-webkit-appearance:none;padding-inline-end:36px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m2 2 4 4 4-4' fill='none' stroke='%23525252' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-position:right 14px center!important;background-repeat:no-repeat!important;background-size:12px 8px!important}
[dir="rtl"] select:not([multiple]):not([size]),[dir="rtl"] select[size="1"]{background-position:left 14px center!important}

.shipment-change-status{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0}.shipment-change-status p{margin:6px 0;font-size:13px}.shipment-change-status .btn{flex-shrink:0}@media(max-width:600px){.shipment-change-status{align-items:stretch;flex-direction:column}.shipment-change-status .btn{width:100%}}

/* Room for status filters and clear, focused import/cancel dialogs. */
.dashboard-page .tabs{display:flex;flex-wrap:wrap;gap:8px 16px;padding:12px 18px}.dashboard-page .tabs button{min-height:44px;padding:10px 12px;white-space:normal}
.order-import-dialog{width:min(740px,calc(100% - 24px))!important}.order-import-dialog .modal-body{padding:24px}.order-import-dialog .intro{font-size:14px;line-height:1.7;margin-bottom:22px}.order-import-dialog .btn{min-height:46px}.order-import-dialog .order-upload-field{padding:20px;border:1px dashed #b8c0cb;border-radius:14px;background:#fafbfc;gap:12px}.order-import-dialog input[type=file]{width:100%;max-width:100%;padding:10px 0;border:0;background:transparent;font-size:13px}.order-import-dialog input[type=file]::file-selector-button{padding:11px 16px;margin-inline-end:12px;border:1px solid #dce0e6;border-radius:8px;background:#fff;color:#111;font:inherit;cursor:pointer}.order-raw-preview{margin-top:20px;border-top:1px solid #e5e7eb;padding-top:16px}.order-raw-preview summary{cursor:pointer;font-size:14px;padding:8px 0}.order-import-dialog textarea{width:100%;min-height:160px;padding:14px;font:13px/1.6 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.order-import-dialog .modal-footer,.shipment-cancel-dialog .modal-footer{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:12px;padding:18px 24px}.order-import-dialog .modal-footer .btn,.shipment-cancel-dialog .modal-footer .btn{width:100%;height:100%;min-height:52px;margin:0;white-space:normal;text-align:center}.order-preview-row{display:grid;gap:5px;padding:14px 16px;border:1px solid #e6e8ec;border-radius:10px;margin-top:10px;font-size:13px;overflow-wrap:anywhere}.order-preview-row small,#order-upload-status{font-size:12px;color:#596371;line-height:1.6}.shipment-cancel-dialog{width:min(520px,calc(100% - 24px))}.shipment-cancel-dialog .intro{font-size:15px;line-height:1.7}.cancel-symbol{width:52px;height:52px;border-radius:16px;background:#f3f4f6;display:grid;place-items:center;margin-bottom:18px}.cancel-symbol .icon{width:26px;height:26px}.cancel-summary{padding:18px;border-radius:12px;background:#f5f6f8;margin-top:20px;line-height:1.8}.cancel-summary p{margin:6px 0}.shipment-cancel-dialog .modal-head h2{font-size:21px;line-height:1.35}
@media(max-width:600px){.order-import-dialog .modal-body,.shipment-cancel-dialog .modal-body{padding:20px}.order-import-dialog .modal-head{padding:18px 20px}.order-import-dialog .modal-head h2{font-size:20px;line-height:1.4}.order-import-dialog .modal-footer,.shipment-cancel-dialog .modal-footer{padding:16px 20px}.order-import-dialog .order-upload-field{padding:14px}.dashboard-page .tabs{gap:4px;padding:10px}.dashboard-page .tabs button{flex:1 1 auto;font-size:12px}}

.support-files{position:relative;display:flex;flex-direction:column;gap:12px}.support-file-pick{display:flex;align-items:center;gap:12px;padding:22px 18px;border:1px dashed #bdc9d7;border-radius:12px;background:#f7f9fc;cursor:pointer;min-height:76px}.support-file-pick>span{margin-left:auto;color:#687587;font-size:12px}.support-file-pick svg{width:22px;height:22px;color:#1769d2}.support-file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.support-files:focus-within .support-file-pick{outline:2px solid #1769d2;outline-offset:2px}.support-files-list{display:flex;flex-wrap:wrap;gap:8px}.support-files-list .file-chip{max-width:100%;overflow-wrap:anywhere}

/* Keep destructive actions separate from route, price and status information. */
.ship-card-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0 0;margin-top:16px;border-top:1px solid #ededed}
.ship-card-actions>span{font-size:12px;color:#737373}
.shipment-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}
.shipment-remove{flex:0 0 auto;min-height:36px;padding:8px 12px;color:#9d3434;border-color:#e4d8d8;background:#fff}
.shipment-remove:hover{background:#fff5f5;border-color:#bc7777}
.pending-quotes-table .rates-actions{min-width:250px;width:auto}
.pending-quote-actions{display:flex;align-items:stretch;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.pending-quote-actions>.btn{margin:0;min-height:38px;padding:8px 12px;line-height:20px;flex:0 0 auto}
@media(max-width:760px){.pending-quote-actions{justify-content:flex-start}.pending-quote-actions>.btn{min-height:44px}.ship-card-actions{gap:12px}.shipment-remove{min-height:44px}}

.analytics-lanes{list-style:none;margin:0;padding:0;display:grid;gap:16px}.analytics-lanes li{padding:16px;border:1px solid #e5e7eb;border-radius:10px;min-width:0}.analytics-lane-head{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap}.analytics-lane-head strong{min-width:0;flex:1;overflow-wrap:anywhere;line-height:1.5;font-size:14px}.analytics-lane-rank{display:grid;place-items:center;width:26px;height:26px;flex:none;background:#f2f4f7;border-radius:7px;font-size:12px;color:#647080}.analytics-lane-count{font-size:11px;color:#566374;white-space:nowrap;padding:5px 7px;background:#f5f7fa;border-radius:5px}.analytics-lane-metrics{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin:16px 0}.analytics-lane-metrics>div{min-width:0}.analytics-lane-metrics small{display:block;color:#777;font-size:11px;margin-bottom:5px}.analytics-lane-metrics b{font-size:13px;font-weight:600;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
@media(max-width:420px){.analytics-lane-count{margin-inline-start:36px}.analytics-lane-head strong{flex-basis:calc(100% - 40px)}.analytics-lane-metrics{grid-template-columns:1fr 1fr}.analytics-lane-metrics>div:first-child{grid-column:1/-1}}

.analytics-page>.panel+.analytics-grid{margin-top:20px}

.topbar,.topbar .header-tools,.topbar .top-right{direction:ltr}
[dir=rtl] .topbar .topnav,[dir=rtl] .topbar .menu{direction:rtl}

/* Shipment tracking: keep status, map and fleet in separate flow rows at every
   width. An expanded fleet must never cover another card or the route. */
.page .detail-map{display:flex;flex-direction:column;min-width:0;min-height:0;height:auto;overflow:hidden;margin-bottom:24px;border:1px solid #e4e7ec;border-radius:16px;background:#fff}
.page .detail-map>.status-summary{position:static;order:-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 24px;width:100%;min-width:0;max-width:none;margin:0;padding:18px 22px;border:0;border-bottom:1px solid #e8eaed;border-radius:0;box-shadow:none}
.page .detail-map>.status-summary>.tiny{grid-column:1;grid-row:1;font-size:11px;line-height:1.5}
.page .detail-map>.status-summary h2{grid-column:1;grid-row:2;margin:0;font-size:22px;line-height:1.35;overflow-wrap:anywhere}
.page .detail-map>.status-summary p{grid-column:2;grid-row:1;align-self:end;margin:0;text-align:end;overflow-wrap:anywhere;line-height:1.5}
.page .detail-map>.status-summary>.small{grid-column:2;grid-row:2;align-self:center;text-align:end;overflow-wrap:anywhere;line-height:1.5}
.page .detail-map .route-map.gmap{display:flex;flex-direction:column;position:relative;width:100%;min-width:0;min-height:0;height:auto;margin:0;border:0;border-radius:0}
.page .detail-map .route-map.gmap .gmap-canvas{position:relative!important;inset:auto!important;flex:none;width:100%;height:clamp(320px,34vw,440px);min-height:0}
.page .detail-map .route-map.gmap .gmap-canvas:fullscreen{height:100%!important}
.page .detail-map .iyizigo-live-fleet{position:static;inset:auto;z-index:auto;width:100%;min-width:0;max-width:none;margin:0;border:0;border-top:1px solid #e4e7ec;border-radius:0;box-shadow:none;font-size:13px}
.page .detail-map .iyizigo-live-fleet summary{min-height:48px;padding:14px 18px;line-height:1.5;overflow-wrap:anywhere}
.page .detail-map .iyizigo-live-fleet-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:8px;max-height:240px;padding:12px;background:#f7f8fa;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.page .detail-map .iyizigo-live-fleet-list button{min-width:0;min-height:48px;height:auto;padding:12px 14px;border:1px solid #e4e7ec;border-radius:8px;white-space:normal;overflow-wrap:anywhere;text-align:start;line-height:1.6}
.page .detail-map .iyizigo-live-fleet-list button[aria-pressed=true]{border-color:#bdd2fa}
.page .detail-map .iyizigo-live-fleet-list button:disabled{opacity:1;color:#687383}
.page .detail-map .iyizigo-live-fleet summary:focus-visible,.page .detail-map .iyizigo-live-fleet-list button:focus-visible{outline:2px solid #276ef1;outline-offset:-3px}
@media(max-width:800px){
 .page .detail-map>.status-summary{gap:6px 12px;padding:14px 16px}
 .page .detail-map>.status-summary h2{font-size:18px}
 .page .detail-map .iyizigo-live-fleet-list{grid-template-columns:minmax(0,1fr);max-height:230px;padding:10px}
}

/* Shared form sizing, including long Russian labels and Persian RTL layouts. */
.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;row-gap:18px;align-items:start}
.field,.field-grid>*{min-width:0}
.field>span:first-child{display:block;min-height:20px;line-height:1.5;margin-bottom:6px;overflow-wrap:anywhere}
.field input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),.field select{box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:44px;border-radius:5px;line-height:1.4}
.field textarea{box-sizing:border-box;width:100%;max-width:100%;min-height:100px;line-height:1.6;resize:vertical}
.field input[type=email],.field input[type=tel],.field input[type=date],.field input[type=time]{direction:ltr;text-align:left}
.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible,.phone-dial-trigger:focus-visible{outline:2px solid #276ef1;outline-offset:2px}
.field input[type=file]{width:100%;max-width:100%;font-size:13px;overflow:hidden}
.field input[type=file]::file-selector-button{border:1px solid #d6dde6;border-radius:5px;background:#f2f6fc;color:#1b3861;padding:10px 12px;margin-inline-end:12px;font:inherit;cursor:pointer}
.modal-head h2{min-width:0;overflow-wrap:anywhere;line-height:1.35}
.modal-body .intro{line-height:1.65;overflow-wrap:anywhere}
.modal-foot,.modal-footer{gap:10px;flex-wrap:wrap}
.fleet-import-preview{max-width:100%;max-height:360px;overflow:auto;border:1px solid #e0e5ec;border-radius:6px;margin:18px 0}
.fleet-import-preview table{width:100%;border-collapse:collapse;font-size:13px}
.fleet-import-preview th{position:sticky;top:0;background:#f3f6fa;color:#46546a;text-align:start;font-weight:600}
.fleet-import-preview th,.fleet-import-preview td{padding:12px 16px;border-bottom:1px solid #e8ebef;white-space:nowrap;line-height:1.5}
.page-header .actions{flex-wrap:wrap;gap:8px}
@media(max-width:640px){.field-grid,.field-grid.three{grid-template-columns:minmax(0,1fr)}.field-grid .span-2,.field-grid .span2{grid-column:1}.field input:not([type=checkbox]):not([type=radio]):not([type=file]),.field select,.field textarea{font-size:16px}.modal-foot>.btn,.modal-footer>.btn{flex:1;justify-content:center}.fleet-import-preview th,.fleet-import-preview td{padding:10px 12px}}

/* Native file input retains keyboard and FormData behavior; filenames wrap at every viewport. */
.iy-file-picker{position:relative;display:flex!important;align-items:center;gap:14px;width:100%;min-width:0;max-width:100%;min-height:64px;padding:12px;border:1px dashed #bac3cf;border-radius:10px;background:#fafbfc;box-sizing:border-box;isolation:isolate}
.iy-file-picker-action{flex:none;padding:9px 12px;background:#fff;border:1px solid #dce1e7;border-radius:7px;color:#111;font-size:13px;font-weight:600}
.iy-file-picker-names{min-width:0;flex:1;font-size:12px;line-height:1.5;overflow-wrap:anywhere;color:#616a76}
.iy-file-picker input[type=file]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;opacity:0!important;cursor:pointer;z-index:1}
.iy-file-picker:focus-within{outline:2px solid #276ef1;outline-offset:3px}
.iy-file-picker:has(input:disabled){opacity:.55;cursor:not-allowed}
.support-files{min-width:0}.support-files>small{line-height:1.5;overflow-wrap:anywhere}.support-files-list{min-width:0}.support-files-list>*{overflow-wrap:anywhere}
.settings-content .form-footer,.settings-content .form-actions{margin-top:24px!important;padding-top:20px!important;border-top:1px solid #e5e7eb;display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:480px){.iy-file-picker{flex-direction:column;align-items:stretch;gap:8px}.iy-file-picker-action{text-align:center}.settings-content .form-footer .btn,.settings-content .form-actions .btn{width:100%;justify-content:center}}

/* Carrier and shipper use the same conversation layout and controls. */
.inbox-page{width:calc(100% - 48px);max-width:1440px;margin:0 auto;padding:28px 0;box-sizing:border-box}
.inbox-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;height:calc(100dvh - var(--header,80px) - 174px);min-height:360px}
.inbox-sidebar{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}
.inbox-sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #eee}.inbox-sidebar-head h3{margin:0;font-size:14px}.inbox-sidebar-head small{color:#757575}
.thread-list{flex:1;min-height:0;overflow:auto;padding:8px}.thread-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;padding:10px 12px;border:0;border-radius:12px;background:transparent;text-align:start;cursor:pointer}
.inbox-sidebar .thread-row:hover,.inbox-sidebar .thread-row.active{background:#f1f1f2!important}.inbox-sidebar .thread-avatar{width:40px;height:40px;border-radius:50%;background:#e4e4e7!important;color:#3f3f46;display:grid;place-items:center;font-size:11px;font-weight:700}.thread-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.thread-copy strong{font-size:13px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-copy small{color:#737373;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;color:#999;font-size:11px}.thread-meta i{width:7px;height:7px;border-radius:50%;background:#1769d2!important}
.inbox-main{min-width:0;min-height:0;height:100%}.inbox-chat,.inbox-pick{min-height:0;height:100%;display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.inbox-chat-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-shrink:0;padding:16px 18px;border-bottom:1px solid #eee}.inbox-chat-head>div{min-width:0}.inbox-chat-head p{margin:0;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#1769d2!important;font-weight:700}.inbox-chat-head h2{margin:4px 0 0;font-size:18px;overflow-wrap:anywhere}.inbox-chat-head small{color:#888}.inbox-chat-head .btn{min-height:36px;padding:8px 12px;font-size:12px;white-space:nowrap}.inbox-pick{align-items:center;justify-content:center;gap:8px;text-align:center;padding:24px;color:#666}
.inbox-chat .message-list{flex:1;min-height:0;overflow:auto;padding:22px 18px 18px;display:flex;flex-direction:column;gap:10px;background:#f5f7fa;margin:0;max-height:none}.message-list .msg{max-width:min(76%,440px);padding:11px 14px 8px;border-radius:18px 18px 18px 6px;background:#fff;border:0;box-shadow:0 8px 24px #10241810;align-self:flex-start;color:#14241b}.message-list .msg.own{background:#1769d2;color:#fff;border-radius:18px 18px 6px 18px;align-self:flex-end}.message-list .msg p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.45}.message-list .msg small{display:block;margin-top:6px;color:#7b8a81;font-size:10px}.message-list .msg.own small{color:#dfecff}
.wa-composer,#message-form.wa-composer{display:flex;gap:8px;align-items:flex-end;padding:12px 14px;flex-shrink:0;border-top:1px solid #e5e7eb;background:#fff;margin:0}.wa-composer textarea,#message-form.wa-composer textarea{flex:1;min-width:0;min-height:44px;max-height:132px;margin:0;border:1px solid #dce5f1;border-radius:22px;padding:11px 16px;resize:none;background:#f5f8fd;line-height:1.4}.wa-attach,.wa-send{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border-radius:50%;display:grid;place-items:center;flex:none}.wa-attach{border:1px solid #dce5f1;background:#f2f7ff;color:#1769d2}.wa-send{background:#1769d2!important;color:#fff;border:0}.wa-send .icon,.wa-attach .icon{width:18px;height:18px}
@media(max-width:900px){.inbox-page{width:calc(100% - 32px);padding:20px 0}.inbox-layout{grid-template-columns:1fr;grid-template-rows:minmax(140px,25vh) minmax(280px,1fr);height:calc(100dvh - var(--header,80px) - 136px);min-height:480px}.inbox-sidebar{max-height:25vh}.inbox-chat-head{flex-wrap:wrap;padding:12px}.wa-composer,#message-form.wa-composer{padding:10px;gap:6px}}
/* Reset older per-panel page rules so both inboxes have identical geometry. */
.inbox-page{display:flex;flex-direction:column;min-height:0;height:calc(100dvh - var(--header,80px) - 20px);padding:16px 0 8px;overflow:hidden}
.inbox-page>.page-header{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:12px;flex:none;margin:0 0 12px}.inbox-page>.page-header p{display:none}.inbox-page>.page-header .actions{display:flex!important;flex:none;gap:8px;width:auto}.inbox-page>.page-header .actions .btn{display:inline-flex!important;min-height:36px;padding:8px 12px;font-size:12px}.inbox-page>.page-header h1{font-size:28px;margin:4px 0}
.inbox-page .inbox-layout{flex:1;min-height:0;height:auto;max-height:none;align-items:stretch}.inbox-chat-head{flex-direction:row;flex-wrap:nowrap}.inbox-chat-head>div{flex:1;min-width:0}.inbox-chat-head .btn{flex-shrink:0}.inbox-chat-head small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:900px){.inbox-page{height:calc(100dvh - var(--header,80px) - 16px);min-height:0;padding:16px 0 8px}.inbox-page .inbox-layout{grid-template-rows:minmax(120px,24%) minmax(0,1fr)}.inbox-sidebar{max-height:none}.inbox-chat-head{flex-wrap:nowrap}.inbox-chat-head h2{font-size:16px}.inbox-chat-head .btn{padding:8px;font-size:11px}.inbox-page>.page-header h1{font-size:25px}}
/* Media is bounded by its bubble, including wide screenshots and tall photos. */
.message-list .msg{min-width:0;overflow-wrap:anywhere;flex-shrink:0}
.message-list .wa-media{max-width:100%;min-width:0}
.message-list .wa-media img{width:auto;height:auto;max-width:100%;max-height:280px;object-fit:contain}
.wa-composer textarea,#message-form.wa-composer textarea{box-sizing:border-box;overflow-y:hidden;height:44px}
@media(max-width:800px){
 .page .wa-thread{min-height:320px;max-height:none}
 .page .wa-thread .message-list{min-height:160px;max-height:420px;padding:14px 12px;gap:10px}
 .page .inbox-chat .message-list{min-height:0;max-height:none}
 .page .message-list .msg{max-width:88%;padding:10px 12px 8px;border-radius:14px}
 .page .message-list .msg p{font-size:13px;line-height:1.5}
 .page .message-list .msg small{font-size:10px;line-height:1.5}
 .page .wa-thread .inbox-chat-head{padding:14px}
 .page .wa-thread .inbox-chat-head h2{font-size:15px;line-height:1.5;margin:4px 0}
 .page .wa-thread .inbox-chat-head p{font-size:10px;margin:0}
 .page .wa-thread .inbox-chat-head small{font-size:11px;white-space:normal;overflow-wrap:anywhere}
 .page .wa-composer,#message-form.wa-composer{padding:10px;gap:8px;align-items:flex-end}
 .page .wa-composer textarea,#message-form.wa-composer textarea{font-size:16px;line-height:22px;padding:10px 12px;min-width:0;border-radius:14px}
 .page .wa-composer .wa-attach,.page .wa-composer .wa-send{flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;border-radius:12px;margin:0}
 .page .wa-composer .icon{margin:0;width:19px;height:19px}
}

/* Web workspaces: narrow screens keep every action and field within reach. */
.detail-stop > .stop-symbol { position: static; flex: 0 0 24px; width: 24px; height: 24px; margin-top: 2px; border: 0; background: transparent; box-shadow: none; display: grid; place-items: center; }
.detail-stop > .stop-symbol .icon { display: block; width: 20px; height: 20px; }
.detail-stop > .stop-symbol.delivery { color: #276ef1; }
@media (max-width: 1100px) {
  .table-wrap:has(> .iy-responsive-table) { min-width: 0; max-width: 100%; overflow: visible; border: 0; background: transparent; }
  table.iy-responsive-table { display: block; width: 100%; min-width: 0 !important; border: 0; background: transparent; }
  table.iy-responsive-table > thead:not(.iy-table-has-actions),
  table.iy-responsive-table > thead.iy-table-has-actions th:not(.iy-table-heading-action) {
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap;
  }
  table.iy-responsive-table > thead.iy-table-has-actions { display: block; padding: 8px 0; }
  table.iy-responsive-table > thead.iy-table-has-actions tr { display: flex; gap: 8px; flex-wrap: wrap; }
  table.iy-responsive-table > tbody { display: grid; gap: 12px; }
  table.iy-responsive-table > tbody > tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border: 1px solid #e2e5e9; border-radius: 10px; background: #fff; padding: 6px; width: 100%; box-sizing: border-box; }
  table.iy-responsive-table > tbody > tr > td { display: block; min-width: 0 !important; width: auto !important; max-width: 100%; padding: 10px; border: 0; white-space: normal !important; overflow-wrap: anywhere; text-align: start; font-size: 13px; }
  table.iy-responsive-table > tbody > tr > td::before { content: attr(data-mobile-label); display: block; margin-bottom: 5px; font-size: 11px; font-weight: 500; color: #687383; }
  table.iy-responsive-table > tbody > tr > td[data-mobile-label=""]::before { display: none; }
  table.iy-responsive-table > tbody > tr > td:first-child,
  table.iy-responsive-table > tbody > tr > td:last-child,
  table.iy-responsive-table > tbody > tr > td.iy-table-wide-cell { grid-column: 1 / -1; }
  table.iy-responsive-table td .actions, table.iy-responsive-table td .pending-quote-actions { justify-content: flex-start; flex-wrap: wrap; gap: 8px; }
  table.iy-responsive-table td .btn { white-space: normal; min-height: 42px; }
  .fleet-members table.iy-responsive-table > tbody > tr { grid-template-columns: 32px minmax(0, 1fr); }
  .fleet-members table.iy-responsive-table > tbody > tr > td { grid-column: 1 / -1; }
  .fleet-members table.iy-responsive-table > tbody > tr > td:first-child { grid-column: 1; padding-inline: 7px 0; }
  .fleet-members table.iy-responsive-table > tbody > tr > td:nth-child(2) { grid-column: 2; }
  .fleet-members table.iy-responsive-table > tbody > tr > td:last-child { display: flex; flex-wrap: wrap; gap: 8px; }
  .fleet-members table.iy-responsive-table > tbody > tr > td:first-child::before,
  .fleet-members table.iy-responsive-table > tbody > tr > td:last-child::before { display: none; }
}

@media (max-width: 800px) {
  :root { --header: 72px; }
  .topbar { height: var(--header); min-height: var(--header); padding-inline: 12px; gap: 6px; justify-content: space-between; }
  .topbar .brand { flex: 1 1 auto; min-width: 0; max-width: 130px; margin: 0; }
  .topbar .brand img { width: 110px; max-width: 100%; height: auto; object-fit: contain; }
  .topbar .brand small { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .topbar .header-tools { flex: 0 0 auto; padding: 0; margin: 0; gap: 2px; border: 0; }
  .topbar .mobile-toggle { display: inline-flex; flex: 0 0 40px; width: 40px; height: 44px; min-width: 40px; margin: 0; }
  .topbar .header-tools .icon-btn { width: 36px; min-width: 36px; height: 44px; }
  .topbar .header-tools > .logout-btn { display: none; } /* Available inside mobile navigation. */
  .topbar .avatar, .topbar .avatar-button { width: 36px; height: 36px; flex: 0 0 36px; }
  .topbar .iyizigo-lang-menu > summary { min-width: 32px; min-height: 44px; justify-content: center; box-sizing: border-box; }
  .topbar .iyizigo-lang-dropdown { right: 0; left: auto; min-width: 148px; }
  .topbar .menu { position: fixed; top: calc(var(--header) + 4px); right: 12px; left: auto; width: min(300px, calc(100vw - 24px)); max-height: calc(100dvh - var(--header) - 20px); overflow-y: auto; }
  .topbar .topnav { top: 100%; max-height: calc(100dvh - var(--header)); overflow-y: auto; overscroll-behavior: contain; padding-bottom: max(12px, env(safe-area-inset-bottom)); }
  .page:not(.inbox-page) { width: 100%; max-width: 100%; padding: 24px 16px 32px; margin: 0; box-sizing: border-box; }
  .page-header { gap: 16px; margin-bottom: 22px; align-items: flex-start; }
  .page-header > div, .page-header .actions, .card-header > div { min-width: 0; }
  .page-header h1 { font-size: 25px; line-height: 1.25; overflow-wrap: anywhere; }
  .page-header .actions { width: 100%; display: flex; flex-wrap: wrap; gap: 8px; }
  .page-header .actions .btn { flex: 1 1 135px; justify-content: center; white-space: normal; }
  .card-header { flex-wrap: wrap; gap: 12px; }
  .panel, .card, .detail-layout > *, .dashboard-layout > *, .work-area, .field, .field-grid > *, .file-info { min-width: 0; }
  .actions, .toolbar, .table-toolbar, .work-toolbar, .pagination, .flex-between { flex-wrap: wrap; gap: 10px; }
  .btn { min-height: 44px; white-space: normal; text-align: center; }
  .field input:not([type=checkbox]):not([type=radio]), .field select, .field textarea, .search-field input, .fleet-select-popover input { font-size: 16px; max-width: 100%; min-width: 0; }
  .field-grid, .field-grid.three, .filter-fields, .filter-extra { grid-template-columns: minmax(0, 1fr); }
  .field-grid > * { grid-column: auto !important; }
  .tabs, .settings-nav, .page-subnav { display: flex; flex-wrap: wrap; overflow: visible; gap: 4px 10px; }
  .tabs button, .settings-nav button, .page-subnav button { flex: 1 1 auto; min-height: 44px; white-space: normal; padding-inline: 10px; }
  .filter-sidebar .filter-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: visible; gap: 6px; }
  .filter-sidebar .side-filter { width: 100%; min-width: 0; min-height: 44px; white-space: normal; text-align: start; padding: 10px; }
  .filter-sidebar .side-filter .count { margin-inline-start: auto; flex: 0 0 auto; }
  .work-toolbar .search-field { flex: 1 1 100%; width: 100%; min-width: 0; max-width: none; }
  .work-toolbar .view-toggle { margin-inline-start: auto; }
  .pending-quotes-table .rates-actions { min-width: 0; }
  .load-card-body { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .load-card .rate-block { border-top: 1px solid #eee; padding-top: 14px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center; }
  .load-card .rate-block small { grid-column: 1 / -1; }
  .read-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
  .read-grid > *, .read-grid strong, .file-info, .ship-card, .load-card { overflow-wrap: anywhere; }
  .file-row { align-items: flex-start; flex-wrap: wrap; }
  .file-row .file-info { flex: 1 1 140px; }
  .native-file-picker, .support-file-pick { flex-wrap: wrap; }
  .support-file-pick > span { margin: 0; }
  .modal[open] { display: flex; flex-direction: column; width: calc(100% - 24px); max-width: calc(100% - 24px); max-height: calc(100dvh - 24px); padding: 0; overflow: hidden; }
  .modal-head { flex: 0 0 auto; padding: 16px; gap: 12px; align-items: flex-start; }
  .modal-head h2 { font-size: 20px; line-height: 1.35; min-width: 0; overflow-wrap: anywhere; }
  .modal-head .icon-btn { flex: 0 0 40px; }
  .modal-body { flex: 1 1 auto; min-height: 0; padding: 16px; overflow-y: auto; overscroll-behavior: contain; }
  .modal-foot, .modal-footer { flex: 0 0 auto; display: flex; flex-wrap: wrap; gap: 10px; padding: 14px 16px max(14px, env(safe-area-inset-bottom)); margin: 0; background: #fff; border-top: 1px solid #e5e7eb; }
  .modal-foot .btn, .modal-footer .btn { flex: 1 1 100px; min-width: 0; min-height: 44px; margin: 0; white-space: normal; }
  .inbox-page .page-header { flex-wrap: wrap; gap: 8px; }
  .inbox-page .page-header .actions { width: auto; }
  .inbox-chat-head { flex-wrap: wrap; gap: 8px; }
  .inbox-chat-head > div { min-width: 0; }
  .inbox-chat-head .actions { margin-inline-start: auto; flex-wrap: wrap; }
  .wa-composer textarea { font-size: 16px; }
  .inbox-chat .wa-thread { min-height: 0; flex: 1 1 auto; }
  .app-footer, .footer { flex-wrap: wrap; padding-inline: 16px; gap: 12px; }
}

@media (max-width: 900px) and (max-height: 600px) {
  .inbox-page { padding-top: 8px; height: calc(100dvh - var(--header, 72px) - 8px); }
  .inbox-page > .page-header { margin-bottom: 8px; }
  .inbox-page > .page-header .eyebrow, .inbox-page > .page-header .kicker { display: none; }
  .inbox-page .inbox-layout { grid-template-rows: 76px minmax(0, 1fr); gap: 10px; }
  .inbox-sidebar-head { display: none; }
  .inbox-chat-head { padding: 8px 10px; }
  .inbox-chat-head p, .inbox-chat-head small { display: none; }
  .inbox-chat .message-list { padding: 10px; }
  .wa-composer, #message-form.wa-composer { padding: 8px; }
}

@media (min-width: 801px) { .topnav > .iy-mobile-signout { display: none !important; } }

@media (max-width: 380px) {
  .topbar .brand { max-width: 96px; }
  .topbar .brand img { width: 96px; }
  .topbar .header-tools { gap: 0; }
  .metric-grid, .metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .metric { min-width: 0; padding: 12px; }
  .metric-value { font-size: 23px; overflow-wrap: anywhere; }
  .metric-label, .metric-note { overflow-wrap: anywhere; }
  .read-grid { grid-template-columns: minmax(0, 1fr); }
}

/* The phone website shares the app's visual language; desktop rules stay untouched. */
.iy-app-nav { display: none; }
@media (max-width: 800px) {
  :root { --iy-app-dock: calc(78px + env(safe-area-inset-bottom, 0px)); }
  html { scroll-padding-top: 84px; scroll-padding-bottom: calc(var(--iy-app-dock) + 20px); }
  body { background: #f7f8fa !important; }
  .topbar { background: #fff; border-bottom: 1px solid #e8eaed; box-shadow: none; }
  .topbar .avatar, .topbar .avatar-button { border: 0; background: #e8edf7; color: #435f8e; font-weight: 650; }
  .topbar .brand small, .carrier-tag { display: none; }
  .topbar .icon-btn { border-radius: 50%; }
  .topbar .menu { border: 1px solid #e8eaed; border-radius: 18px; box-shadow: 0 16px 48px #101b3220; max-height: calc(100dvh - var(--header) - var(--iy-app-dock) - 24px); }
  .topbar .menu button, .topnav.open > button { min-height: 48px; font-size: 14px; }
  .topbar .topnav.open { border-radius: 0 0 20px 20px; max-height: calc(100dvh - var(--header) - var(--iy-app-dock)); }
  body.iy-app-phone #main { padding-bottom: calc(var(--iy-app-dock) + 20px); }
  .page:not(.inbox-page) { padding: 24px 20px 16px; }
  .page-header h1 { font-size: 28px; font-weight: 650; letter-spacing: -.6px; }
  .page-header p { font-size: 13px; line-height: 1.65; color: #737d8a; }
  .page-header .eyebrow, .page-header .kicker { font-size: 10px; color: #737d8a; letter-spacing: .08em; }
  .page .page-header .actions .btn { flex-basis: 130px; min-height: 48px; border-radius: 11px; }
  .card, .panel, .ship-card, .shipment-card, .load-card, .truck-card, .fleet-card, .inbox-sidebar, .inbox-chat, .inbox-pick { border-radius: 18px; border-color: #e8eaed; box-shadow: none; background: #fff; }
  .panel-title, .card-header { padding: 18px; }
  h2 { letter-spacing: -.3px; }
  .btn { border-radius: 11px; min-height: 48px; padding: 12px 16px; font-size: 13px; line-height: 1.45; font-weight: 600; }
  .btn.primary { background: #111; border-color: #111; color: #fff; }
  .btn.outline { background: #fff; border-color: #dfe2e7; }
  .btn:active { transform: scale(.985); }
  .field input:not([type=checkbox]):not([type=radio]), .field select, .field textarea,
  .search-field input, .fleet-select-trigger { border-radius: 10px; min-height: 50px; border-color: #e0e4e9; background-color: #f4f5f7; font-size: 16px; }
  .field label, .field > span { font-size: 13px; line-height: 1.5; }
  .field textarea { min-height: 112px; }
  .field-grid { gap: 20px; }
  .tabs, .page-subnav { padding: 5px; border: 1px solid #e8eaed; border-radius: 13px; background: #eef0f3; gap: 4px; margin-bottom: 20px; }
  .tabs button, .page-subnav button { border: 0; border-radius: 9px; padding: 10px 12px; line-height: 1.4; font-size: 12px; color: #626c79; }
  .tabs button.active, .page-subnav button.active { background: #fff; color: #276ef1; box-shadow: 0 1px 4px #1720320a; }
  .metrics, .metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .metric { padding: 16px; min-width: 0; border-radius: 16px; border-color: #e8eaed; background: #fff; }
  .metric-value { font-size: 27px; letter-spacing: -.7px; overflow-wrap: anywhere; }
  .metric-label, .metric-note { font-size: 11px; line-height: 1.55; overflow-wrap: anywhere; }
  .iy-wallet-shortcut { background: #13191f !important; border: 0 !important; border-radius: 18px !important; padding: 22px !important; gap: 18px; color: #fff; }
  .iy-wallet-shortcut small { color: #b3bfce !important; }
  .iy-wallet-shortcut strong { color: #fff !important; font-size: 32px !important; letter-spacing: -.8px; }
  .iy-wallet-shortcut-actions select { background: #29313c !important; color: #fff !important; border-color: #46515f !important; border-radius: 9px; }
  .iy-wallet-shortcut-actions .btn { border-color: #46515f; background: #29313c; color: #fff; }
  .iy-responsive-table > tbody > tr { border-radius: 16px !important; padding: 8px !important; border-color: #e8eaed !important; }
  .page .iy-responsive-table td .btn { min-height: 44px; }
  .filter-sidebar { border-radius: 16px; }
  .filter-sidebar .side-filter { border-radius: 10px; font-size: 12px; }
  .filter-sidebar .side-filter.active { background: #edf3ff; color: #276ef1; border-color: #d5e3ff; }
  .iy-app-filter-fold { min-width: 0; border: 1px solid #e8eaed; border-radius: 16px; background: #fff; }
  .iy-app-filter-fold > summary { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 16px; min-height: 54px; list-style: none; cursor: pointer; }
  .iy-app-filter-fold > summary::-webkit-details-marker { display: none; }
  .iy-app-filter-fold > summary strong { font-size: 14px; }
  .iy-app-filter-fold > summary span { flex: 1; min-width: 0; font-size: 12px; color: #737d8a; text-align: end; overflow-wrap: anywhere; }
  .iy-app-filter-fold > summary::after { content: ''; width: 7px; height: 7px; border-right: 1.5px solid #737d8a; border-bottom: 1.5px solid #737d8a; transform: rotate(45deg); margin: -4px 4px 0 6px; }
  .iy-app-filter-fold[open] > summary::after { transform: rotate(225deg); margin-top: 4px; }
  .iy-app-filter-fold .filter-sidebar { padding: 0 16px 16px; border: 0; }
  .load-card-head, .load-card-body, .ship-card-head, .ship-card-body { padding-inline: 18px; }
  .modal[open] { margin: auto auto 0; width: 100%; max-width: 100%; max-height: calc(100dvh - 16px); border-radius: 22px 22px 0 0; border: 1px solid #e0e4e9; box-shadow: 0 18px 65px #101b3220; }
  .modal-head { padding: 20px; align-items: center; }
  .modal-body { padding: 20px; }
  .modal-foot, .modal-footer { padding: 16px 20px max(16px, env(safe-area-inset-bottom)); }
  .iy-app-nav { position: fixed; inset: auto 0 0; z-index: 35; display: flex; align-items: stretch; justify-content: space-around; gap: 2px; min-height: var(--iy-app-dock); padding: 7px 8px calc(8px + env(safe-area-inset-bottom, 0px)); box-sizing: border-box; border-top: 1px solid #e5e8ed; background: #fffffff5; backdrop-filter: blur(18px); }
  .iy-app-tab { flex: 1 1 0; min-width: 0; min-height: 62px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; padding: 2px; border: 0; border-radius: 12px; background: transparent; color: #737f90; font-size: 10px; line-height: 1.3; text-align: center; overflow-wrap: anywhere; cursor: pointer; }
  .iy-app-tab-icon { display: grid; place-items: center; width: 46px; height: 28px; border-radius: 18px; }
  .iy-app-tab-icon svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
  .iy-app-tab.active { color: #111; font-weight: 650; }
  .iy-app-tab.active .iy-app-tab-icon { background: #edf3ff; color: #276ef1; }
  .iy-app-create .iy-app-tab-icon { background: #111; color: #fff; height: 36px; width: 42px; border-radius: 12px; }
  .iy-app-tab:focus-visible { outline: 2px solid #276ef1; outline-offset: -2px; }
  body.iy-app-phone .toast-region { bottom: calc(var(--iy-app-dock) + 14px); }
  body.iy-app-phone .app-footer, body.iy-app-phone .footer { padding-bottom: calc(var(--iy-app-dock) + 20px); }
  body.iy-app-phone .inbox-page { height: calc(100dvh - var(--header, 72px) - var(--iy-app-dock) - 8px); }
  body.iy-app-editing .iy-app-nav, body:has(dialog[open]) .iy-app-nav { display: none; }
  body.iy-app-editing .inbox-page { height: calc(100dvh - var(--header, 72px) - 8px); }
  body.iy-app-phone .inbox-page .inbox-layout { grid-template-rows: minmax(90px, 20%) minmax(0, 1fr); }
  .inbox-page .inbox-sidebar-head { padding: 10px 14px; }
  .inbox-page .inbox-chat-head { padding: 12px; }
  .inbox-page .page-header h1 { font-size: 24px; }
  .wa-composer .btn, .wa-composer .wa-send, .wa-composer .wa-attach { padding: 0; min-height: 44px; }
}
@media (max-width: 380px) {
  .page:not(.inbox-page) { padding-inline: 16px; }
  .page-header h1 { font-size: 26px; }
  .metric { padding: 13px; }
  .iy-app-tab { font-size: 9px; }
}
@media (max-width: 800px) and (max-height: 600px) {
  body.iy-app-phone .inbox-page .inbox-layout { grid-template-rows: 64px minmax(0, 1fr); }
  .inbox-page .inbox-sidebar-head { display: none; }
}
@media print { .iy-app-nav { display: none !important; } }

@media(max-width:800px){
 /* Equal columns prevent a long action label from resizing just one button. */
 .page .page-header .actions,.fleet-desk-actions.actions,.load-sidebar .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;align-items:stretch}
 .page .page-header .actions>.btn,.fleet-desk-actions.actions>.btn,.load-sidebar .actions>.btn{width:100%;min-width:0;min-height:48px;height:100%;padding:12px 10px;margin:0;font-size:13px;line-height:1.45;white-space:normal;justify-content:center;text-align:center;border-radius:11px}
 .page .page-header .actions>.btn:only-child{grid-column:1/-1}
 .page .page-header .actions>.btn svg,.fleet-desk-actions.actions>.btn svg{flex-shrink:0;width:18px;height:18px}
 .page .tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;overflow:visible}
 .page .tabs>button{width:100%;min-width:0;min-height:44px;white-space:normal;overflow-wrap:anywhere;border-bottom:0;margin:0}
 .page .tabs>button::after{display:none}
 .filter-panel{border-radius:18px;padding:18px;border-color:#e8eaed}
 .filter-panel .filter-fields,.filter-panel .filter-extra{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;align-items:end}
 .filter-panel .filter-fields>.btn{grid-column:1/-1;min-height:48px;height:auto;justify-content:center;border-radius:11px;background:#111;border-color:#111;color:#fff;margin-top:4px}
 .filter-panel .filter-bottom{gap:14px;align-items:stretch;flex-wrap:wrap}
 .filter-panel .filter-bottom .actions{display:flex;flex-wrap:wrap;gap:14px}
 .filter-panel .filter-bottom .link{min-height:44px;display:inline-flex;align-items:center;white-space:normal}
 .page .table-toolbar .actions.push{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px;margin-inline-start:0;width:100%}
 .page .table-toolbar .view-toggle{flex:1;display:flex;min-width:0}
 .page .view-toggle button{flex:1;min-width:0;min-height:44px;justify-content:center;font-size:12px;padding:8px}
 .page .table-toolbar .filter-select{width:100%;min-height:48px;font-size:16px;border-radius:10px}
 .modal-foot,.modal-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch}
 .modal-foot>.btn,.modal-footer>.btn{width:100%;min-width:0;min-height:48px;height:100%;white-space:normal;font-size:13px;line-height:1.45;margin:0;padding:12px 10px;justify-content:center;text-align:center}
 .modal-foot>.btn:only-child,.modal-footer>.btn:only-child{grid-column:1/-1}
 .fleet-member-form .field-grid{gap:18px}
 .fleet-member-form .member-truck-section{margin-top:24px;padding-top:24px}
 .fleet-desk .fleet-gate .actions{display:flex;flex-wrap:wrap;gap:10px}
}
@media(max-width:360px){.filter-panel .filter-fields,.filter-panel .filter-extra{grid-template-columns:minmax(0,1fr)}}
@media(max-width:800px){
 .page .tabs:has(>button:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
 .page .tabs:has(>button:only-child){grid-template-columns:minmax(0,1fr)}
}

/* A single menu button on phones; account opens its destination directly. */
@media(max-width:800px){
 .topbar .header-tools>[data-act="menu"]{display:none!important}
 .topbar .mobile-toggle{display:inline-flex!important;margin-inline-start:auto;margin-inline-end:6px;width:40px;height:40px;align-items:center;justify-content:center}
 .topbar .header-tools{margin-inline-start:0!important;gap:6px}
}
.iy-workspace-menu{width:min(440px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 28px);padding:0;margin:auto 12px auto auto;border:1px solid #e1e6ec;border-radius:22px;background:#fff;color:#15191f;box-shadow:0 24px 80px #11182733;overflow:hidden}
.iy-workspace-menu::backdrop{background:#11182766;backdrop-filter:blur(3px)}
.iy-workspace-menu>header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #edf0f4}
.iy-workspace-menu h2{margin:0;font-size:20px}.iy-workspace-menu>header button{width:38px;height:38px;border:0;border-radius:50%;background:#f1f4f7;font-size:25px;cursor:pointer}
.iy-menu-content{max-height:calc(100dvh - 108px);overflow-y:auto;overscroll-behavior:contain;padding:8px 14px 20px;display:grid;gap:12px}
.iy-menu-content section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.iy-menu-content h3{grid-column:1/-1;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#748092;margin:12px 8px 4px}
.iy-menu-content button{display:flex;align-items:center;text-align:start;min-height:46px;min-width:0;padding:10px 12px;border:1px solid transparent;border-radius:11px;background:#f6f8fa;color:#263444;font-family:inherit;font-size:13px;font-weight:500;line-height:1.5;cursor:pointer;overflow-wrap:anywhere}
.iy-menu-content button:hover,.iy-menu-content button[aria-current]{background:#edf4ff;color:#2168bd;border-color:#d7e7ff}
.iy-menu-content .iy-menu-training{grid-column:1/-1;background:#ecf3ff;color:#2168bd}.iy-menu-content .iy-menu-logout{color:#b42318;background:#fff5f4}
@media(max-width:360px){.iy-menu-content{padding-inline:10px}.iy-menu-content button{font-size:12px;padding:10px}}
.iy-workspace-menu{box-sizing:border-box;width:min(440px,calc(100% - 24px));max-width:calc(100% - 24px)}

/* Final phone layout shared by the shipper and carrier workspaces. */
@media(max-width:800px){
 .topbar .brand{display:flex;align-items:center;justify-content:flex-start;flex:1 1 100px;max-width:110px;height:42px;overflow:visible}
 .topbar .brand img{display:block;width:100%;max-width:110px;height:38px;max-height:38px;object-fit:contain;object-position:left center}
 .topbar .brand small{display:none}
 .page .metric-grid,.page .metrics{gap:10px;margin-bottom:20px}
 .page .metric{container-type:inline-size;display:grid;grid-template-rows:minmax(30px,auto) 54px auto;align-content:start;gap:6px;padding:14px;min-height:0;text-align:start}
 .page .metric-label{gap:6px;font-size:11px;line-height:1.4;overflow-wrap:normal}
 .page .metric-label .icon-box{flex:0 0 24px;width:24px;height:24px;padding:5px;border-radius:7px}
 .page .metric-label .icon-box .icon{width:14px;height:14px}
 .page .metric-value{margin:0;align-self:center;line-height:1.15;font-size:28px;letter-spacing:-.5px;overflow-wrap:normal}
 .page .metric-money .metric-value{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;width:100%}
 .page .metric-currency{font-size:11px;font-weight:500;letter-spacing:0;color:#636b74;line-height:1}
 .page .metric-amount{white-space:nowrap;word-break:normal;overflow-wrap:normal;font-size:min(26px,calc(160cqi / var(--metric-chars,8)));font-variant-numeric:tabular-nums;line-height:1.15;max-width:100%}
 .page .metric-note{font-size:10px;line-height:1.5;gap:4px;overflow-wrap:normal}
 .page .metric-note .icon{flex:0 0 11px;width:11px;height:11px;margin-top:2px}
 .page .page-header{gap:14px;margin-bottom:20px}
 .page .page-header h1{font-size:26px;line-height:1.25;overflow-wrap:break-word}
 .page .page-header p{font-size:13px;margin-top:8px;line-height:1.55}
 .page .page-header .actions .btn:only-of-type{grid-column:1/-1}
 .page.carrier-view-dashboard .page-header .actions .btn{grid-column:auto}
 .page .iy-app-filter-fold .filter-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 14px 14px}
 .page .iy-app-filter-fold .filter-list{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0}
 .page .iy-app-filter-fold .side-filter{display:flex;align-items:center;gap:6px;padding:10px;min-height:44px;height:100%;font-size:11px;line-height:1.4;background:#f6f7f9;border:1px solid transparent;border-radius:9px;text-align:start;min-width:0}
 .page .iy-app-filter-fold .filter-list>.side-filter:last-child:nth-child(odd){grid-column:1/-1}
 .page .iy-app-filter-fold .side-filter.active{background:#edf3ff;border-color:#d5e3ff;color:#276ef1}
 .page .iy-app-filter-fold .side-filter .count{margin-inline-start:auto;flex:none;min-width:16px;font-size:10px;background:none;padding:0}
 .page .iy-app-filter-fold .sidebar-select{margin:0;width:100%;min-width:0;min-height:44px;height:44px;padding:8px 30px 8px 10px;background-color:#f6f7f9;border:1px solid #e1e5eb;border-radius:9px;font-size:12px}
 .page .iy-app-filter-fold .quick-actions,.page .iy-app-filter-fold .side-help{grid-column:1/-1}
 .page .work-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:10px;align-items:stretch;margin-bottom:16px}
 .page .work-toolbar .search-field{grid-column:1/-1;width:100%;min-width:0}
 .page .work-toolbar .summary{display:none}
 .page .work-toolbar .view-toggle{display:flex;width:100%;min-width:0;margin:0;border-radius:10px;padding:3px}
 .page .work-toolbar .view-toggle button{flex:1;justify-content:center;min-width:0;min-height:40px;padding:6px;font-size:12px;border-radius:7px}
 .page .work-toolbar>.icon-btn{width:44px;height:48px;margin:0;border:1px solid #e1e5eb;border-radius:10px;background:#fff}
 .page .sort-select{min-height:44px;max-width:55%;font-size:12px}
 /* Fixed columns keep every tab the same width, including the last row. */
 .page .iy-detail-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%;overflow:visible;padding:4px;border:1px solid #e5e8ed;border-radius:12px;background:#eef0f3;margin:0 0 16px;scrollbar-width:none}
 .page .iy-detail-tabs>button{flex:1 1 28%;width:auto;min-width:0;min-height:44px;height:auto;padding:8px 6px;white-space:normal;overflow-wrap:break-word;font-size:11px;line-height:1.35;border:0;border-radius:8px;background:transparent;color:#626c79;margin:0;box-shadow:none}
 .page .iy-detail-tabs>button.active{background:#fff;color:#276ef1;border:0;box-shadow:0 1px 3px #1720320a}
 .page .iy-detail-tabs>button::after{display:none}
 .page .settings-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;overflow:visible;margin:0 0 18px;padding:0;background:none}
 .page .settings-nav button{display:flex;align-items:center;gap:8px;min-width:0;min-height:46px;margin:0;padding:10px;border:1px solid #e4e7ec;border-radius:10px;background:#fff;text-align:start;font-size:12px;line-height:1.4;white-space:normal}
 .page .settings-nav button.active{background:#edf3ff;border-color:#cfddf8;color:#276ef1}
 .page .settings-nav .icon{flex:none;width:18px;height:18px;margin:0}
 .page .settings-layout{gap:0}
 .page .settings-content{min-width:0}
 .page .settings-content>.panel{padding:16px}
 .page [data-channel-status]{margin-bottom:14px!important}
 .page [data-channel-status] article{padding:12px 14px!important;border-radius:12px!important;font-size:13px}
 .page .documents-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}
 .page .documents-toolbar .search-field{grid-column:1/-1;min-width:0}
 .page .documents-toolbar .field{min-width:0;width:100%;margin:0}
 .page .documents-toolbar .field>span{font-size:11px}
 .page .documents-toolbar select{font-size:13px;min-height:46px}
 .page .documents-toolbar .docs-count{grid-column:1/-1;margin:0;font-size:11px}
 .documents-page .doc-item{grid-template-columns:24px minmax(0,1fr);gap:8px 10px;padding:16px}
 .documents-page .doc-item .doc-item-icon{grid-column:1;grid-row:1;align-self:start;padding-top:2px}
 .documents-page .doc-item .doc-item-name{grid-column:2;min-width:0}
 .documents-page .doc-item .doc-item-meta{grid-column:2;min-width:0}
 .documents-page .doc-item strong,.documents-page .doc-item small{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.5}
 .documents-page .doc-item strong,.documents-page .doc-item .text-link{font-size:12px}
 .documents-page .doc-item small{font-size:11px;margin-top:2px}
 .documents-page .doc-item .text-link{max-width:100%;display:inline;white-space:normal;text-align:start;overflow-wrap:anywhere}
 .documents-page .doc-item .actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:4px;padding-top:10px;border-top:1px solid #eef0f3}
 .documents-page .doc-item .actions .icon-btn{width:100%;min-width:0;height:44px;min-height:44px;border:1px solid #e7eaf0;background:#f8f9fb;border-radius:9px}
 .page .iy-wallet header{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:10px}
 .page .iy-wallet h2{font-size:20px;margin:0}
 .page .iy-wallet .iy-wallet-actions{display:contents}
 .page .iy-wallet-actions button{width:100%;min-width:0;min-height:44px;height:100%;font-size:12px;padding:10px;border-radius:9px;line-height:1.4}
 .page .iy-wallet-actions [data-wallet-refresh]{grid-column:2;grid-row:1;justify-self:end;width:auto;min-width:88px}
 .page .iy-wallet p{font-size:12px;line-height:1.6;margin:14px 0}
 .page .iy-wallet-summary{margin:18px 0}
 .page .iy-wallet-summary article{padding:18px;container-type:inline-size}
 .page .iy-wallet-summary strong{font-size:clamp(18px,8cqi,30px);line-height:1.3;letter-spacing:-.5px;margin:16px 0;overflow-wrap:normal}
 .page .iy-wallet-summary strong bdi{white-space:nowrap}
 .page .iy-wallet-summary small{font-size:11px;line-height:1.6;overflow-wrap:break-word}
 .page .iy-wallet-balance-head{font-size:12px;gap:10px}
 .page .iy-wallet-balance-head select{height:40px;font-size:13px;border-radius:8px;padding:6px 30px 6px 10px}
 .page .iy-wallet h3{font-size:15px;margin:20px 0 10px}
 /* Status and fleet list are in document flow, so neither covers the route. */
 .page .detail-map{display:flex;flex-direction:column;height:auto;min-height:0;overflow:hidden;border:1px solid #e4e7ec;border-radius:16px;background:#fff;margin-bottom:20px}
 .page .detail-map .status-summary{position:static;order:-1;width:100%;min-width:0;max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 12px;padding:14px 16px;border:0;border-bottom:1px solid #e8eaed;border-radius:0;box-shadow:none;background:#fff}
 .page .status-summary>.tiny{grid-column:1/-1;font-size:10px;line-height:1.4}
 .page .status-summary h2{grid-column:1;grid-row:2/4;margin:0;align-self:center;font-size:18px;line-height:1.35;overflow-wrap:break-word}
 .page .status-summary p{grid-column:2;margin:0;font-size:12px;line-height:1.5;overflow-wrap:anywhere;text-align:end}
 .page .status-summary>.small{grid-column:2;font-size:10px;line-height:1.5;text-align:end}
 .page .detail-map .route-map.gmap{display:flex;flex-direction:column;position:relative;min-height:0;height:auto;border:0;border-radius:0;margin:0}
 .page .detail-map .route-map.gmap .gmap-canvas{position:relative!important;inset:auto!important;min-height:0;height:280px;width:100%;flex:none}
 .page .detail-map .iyizigo-live-fleet{position:static;max-width:none;width:100%;border:0;border-top:1px solid #e4e7ec;border-radius:0;box-shadow:none;margin:0;font-size:11px}
 .page .detail-map .iyizigo-live-fleet summary{min-height:44px;padding:12px 14px}
 .page .detail-map .iyizigo-live-fleet-list{max-height:160px}
 .page .detail-map .iyizigo-live-fleet-list button{padding:10px 14px;min-height:44px}
 .page .detail-map .iyizigo-live-fleet-list button:disabled{opacity:1;color:#687383}
 .page .detail-strip{gap:12px;margin-bottom:16px}
 .page .detail-strip>.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}
 .page .detail-strip>.actions .text-link{min-height:44px;display:flex;align-items:center;justify-content:center;padding:8px;border:1px solid #e1e5eb;border-radius:9px;background:#fff;font-size:11px;line-height:1.5;white-space:normal;text-align:center;gap:6px}
 .page .notice,.page .payment-notice{font-size:12px;line-height:1.6;gap:10px;padding:14px;margin-bottom:12px;align-items:flex-start}
 .page .notice>.icon,.page .payment-notice>.icon{flex:none;width:18px;height:18px;margin-top:2px}
 .page .notice .text-link,.page .payment-notice .text-link{font-size:12px;line-height:1.5;white-space:normal}
 .page .notice .btn{min-height:44px;margin-top:8px;width:100%;font-size:12px}
 .page .detail-stop{padding:16px;gap:12px}
 .page .detail-stop h3{font-size:16px;line-height:1.5}
 .page .detail-stop .read-grid{grid-template-columns:minmax(0,1fr);gap:12px}
 .page .detail-stop .flex-between{flex-wrap:wrap;gap:6px}
 .page .detail-stop>div{min-width:0}
 body.iy-support-open{overflow:hidden}
 body.iy-support-open .iy-app-nav,body.iy-support-open .business-phone-nav{visibility:hidden;pointer-events:none}
}

.iy-inbox-back{display:none}
@media(max-width:800px){
 /* The business source image includes white space; cover frames its actual mark. */
 .topbar:has(#company-label) .brand{max-width:145px;flex-basis:145px;min-width:92px;overflow:hidden}
 .topbar:has(#company-label) .brand img{width:145px;max-width:100%;height:42px;max-height:42px;object-fit:cover;object-position:center 51%}
 .page .tabs,.page .page-subnav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;overflow:visible}
 .page .tabs:not(:has(>button:nth-child(3))),.page .page-subnav:not(:has(>button:nth-child(3))){grid-template-columns:repeat(2,minmax(0,1fr))}
 .page .tabs>button,.page .page-subnav>button{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-width:0;min-height:44px;padding:8px 6px;font-size:12px;line-height:1.4;white-space:normal;text-align:center;margin:0}
 .page .tabs>button::after,.page .page-subnav>button::after{display:none}
 .page .fleet-desk-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
 .page .fleet-desk-actions .btn{width:100%;min-height:46px;padding:10px 12px;font-size:13px;justify-content:center}
 .page .search-field.fleet-search{height:50px;min-height:50px;padding:0;max-width:none;box-sizing:border-box;border-radius:10px;background:#f4f5f7;overflow:visible}
 .page .search-field.fleet-search input{width:100%;height:48px;min-height:48px;line-height:24px;padding:10px 12px;padding-inline-start:40px;box-sizing:border-box;border:0;border-radius:10px;background:transparent}
 .page .page-header .actions>.btn:last-child:nth-child(odd){grid-column:1/-1}
 /* Phone inbox: a readable list or the selected chat, each using the full area. */
 body.iy-app-phone .inbox-page{width:calc(100% - 32px);height:calc(100dvh - var(--header,72px) - var(--iy-app-dock) - 12px);min-height:0;padding:12px 0 0;overflow:hidden}
 body.iy-app-editing .inbox-page{height:calc(100dvh - var(--header,72px) - 12px)}
 .page.inbox-page>.page-header{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:8px;margin:0 0 12px}
 .page.inbox-page>.page-header .actions{display:flex!important;width:auto;flex:none;gap:0}
 .page.inbox-page>.page-header .actions .btn{min-height:40px;padding:8px 12px;font-size:12px}
 body.iy-app-phone .inbox-page .inbox-layout{display:block;flex:1;min-height:0;height:auto;max-height:none}
 .inbox-page .inbox-sidebar{display:none;height:100%;max-height:none}
 .inbox-page.iy-inbox-list .inbox-sidebar{display:flex}
 .inbox-page.iy-inbox-list .inbox-main{display:none}
 .inbox-page .inbox-sidebar-head{display:flex;flex:none;padding:14px 16px}
 .inbox-page .thread-list{padding:8px;overflow:auto;min-height:0}
 .inbox-page .thread-row{min-height:72px;padding:12px 8px}
 .inbox-page .thread-copy strong{font-size:13px}
 .inbox-page .inbox-chat.wa-thread{height:100%;min-height:0;max-height:none}
 .page.inbox-page .inbox-chat-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px;align-items:center}
 .inbox-page .iy-inbox-back{display:flex;align-items:center;gap:8px;min-height:36px;width:max-content;max-width:100%;border:0;background:transparent;padding:4px 0;font-size:12px;color:#276ef1;text-align:start}
 .inbox-page .iy-inbox-back::before{content:'‹';font-size:24px;line-height:1}
 html[dir=rtl] .inbox-page .iy-inbox-back::before{content:'›'}
 .inbox-page .inbox-chat-head>div{grid-column:1/-1;grid-row:2;min-width:0}
 .inbox-page .inbox-chat-head>.btn{grid-column:2;grid-row:1;min-height:36px;padding:8px;font-size:11px}
 .page.inbox-page .inbox-chat-head h2{font-size:14px;line-height:1.45;margin:3px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .page.inbox-page .inbox-chat-head p{font-size:9px}
 .page.inbox-page .inbox-chat-head small{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .page.inbox-page .inbox-chat .message-list{min-height:0;max-height:none;padding:12px;flex:1}
}

@media(max-width:800px){
 .page .saved-sidebar{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;max-height:260px;overflow:auto}
 .page .saved-lane{width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere}
}

@media(max-width:800px) and (max-height:600px){
 .page.inbox-page .inbox-chat-head{gap:4px 8px;padding:8px 12px}
 .page.inbox-page .inbox-chat-head p,.page.inbox-page .inbox-chat-head small{display:none}
 .page.inbox-page .inbox-chat-head h2{-webkit-line-clamp:1;font-size:13px}
 body.iy-app-editing .inbox-page>.page-header{display:none}
}

/* Shipper booking remains compact and touch-friendly without changing desktop. */
@media(max-width:760px){
 .create-page .booking-title{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:22px}
 .create-page .booking-title>.page-header{margin:0;min-width:0}
 .create-page .booking-title>.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin:0}
 .create-page .booking-title>.actions>.btn{width:100%;min-width:0;min-height:44px;height:100%;white-space:normal;font-size:12px;line-height:1.4;padding:10px}
 .create-page .booking-title>.actions>.btn:last-child{grid-column:1/-1}
 .create-page .stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px 0 18px}
 .create-page .stepper .connector{display:none}
 .create-page .stepper>button{min-width:0;min-height:64px;white-space:normal;overflow-wrap:anywhere;font-size:11px;line-height:1.45;gap:8px;padding:4px 0}
 .create-page .stepper>button:disabled{opacity:1;color:#737d8a}
 .create-page .section-heading{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
 .create-page .section-heading>.small{text-align:start;max-width:100%;font-size:12px}
 .create-page .service-grid{grid-template-columns:minmax(0,1fr);gap:12px}
 .create-page .service-card{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;align-items:center;min-height:116px;height:auto;padding:20px 32px 20px 16px;text-align:start}
 .create-page .service-card .vehicle-art{width:72px;height:60px;margin:0}
 .create-page .service-card h3{font-size:15px;line-height:1.4}
 .create-page .service-card p{font-size:12px;line-height:1.5;margin-top:6px}
 .create-page .scope-switch>button{min-height:44px;min-width:0;white-space:normal;font-size:13px;line-height:1.4;padding:10px 8px}
 .create-page input:not([type=checkbox]):not([type=radio]),.create-page select,.create-page textarea{min-width:0;max-width:100%;font-size:16px}
 .create-page .booking-footer{position:static;display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;padding:16px 0}
 .create-page .booking-footer>.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:10px}
 .create-page .booking-footer .btn{min-height:48px;width:100%;min-width:0;white-space:normal}
 html[dir=rtl] .create-page .service-card{padding:20px 16px 20px 32px}
 html[dir=rtl] .create-page .service-card .radio-mark{right:auto;left:14px}
 html[lang=fa] .page .btn,html[lang=fa] .page .field>span{line-height:1.65}
}

/* Amounts are one unit: keep the currency on the same baseline at every size. */
.page .capacity-more{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 12px;border:1px solid #e2e7ef;border-radius:10px;background:#fff;color:#2464c5;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.page .capacity-more .icon{width:16px;height:16px}
.page .metric-money .metric-value{display:flex;flex-direction:row;align-items:baseline;justify-content:flex-start;gap:5px;min-width:0;white-space:nowrap;direction:ltr;unicode-bidi:isolate}
.page .metric-money .metric-currency{flex:none;font-size:.6em;font-weight:600;line-height:1;letter-spacing:0;color:inherit;white-space:nowrap}
.page .metric-money .metric-currency:after{content:none}
.page .metric-money .metric-amount{min-width:0;white-space:nowrap;line-height:1.15;font-variant-numeric:tabular-nums;letter-spacing:-.5px}
/* Real native selection for the truck assigned to a shipment. */
.page .fleet-truck-pick>select{box-sizing:border-box;display:block;width:100%;min-width:0;max-width:100%;height:48px;min-height:48px;margin:0;padding:10px 40px 10px 14px;border:1px solid #cdd5df;border-radius:10px;background-color:#fff;color:#17212d;font:inherit;font-size:14px;font-weight:600;line-height:1.4;cursor:pointer}
.page .fleet-truck-pick>select:focus-visible{outline:2px solid #276ef1;outline-offset:2px}
.page .fleet-truck-pick>select:disabled{background-color:#f4f5f7;color:#687383;cursor:default}
.page .fleet-bulk-toolbar .check{display:inline-flex;align-items:center;gap:10px;min-height:44px;line-height:1.4}
.page .fleet-row-check,.page .fleet-bulk-toolbar input[type=checkbox],.page .orders-table input[type=checkbox]{box-sizing:border-box;display:inline-block;width:20px;height:20px;min-width:20px;min-height:20px;margin:0;padding:0;vertical-align:middle;flex:none;accent-color:#276ef1;cursor:pointer}
.page .orders-table input[type=checkbox]:disabled{cursor:default;opacity:.45}
.page .order-select-all{display:inline-flex;align-items:center;gap:10px;min-height:44px;white-space:nowrap;font-size:12px;font-weight:500}
.page .order-select-all>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:1100px){
 .page table.iy-responsive-table>tbody>tr.iy-selectable-row{grid-template-columns:44px minmax(0,1fr);align-items:start}
 .page table.iy-responsive-table>tbody>tr.iy-selectable-row>td{grid-column:1/-1}
 .page table.iy-responsive-table>tbody>tr.iy-selectable-row>td.iy-table-selection{grid-column:1;grid-row:1;display:grid;place-items:center;align-self:stretch;min-height:48px;padding:14px 8px;margin:0}
 .page table.iy-responsive-table>tbody>tr.iy-selectable-row>td.iy-table-identity{grid-column:2;grid-row:1;min-height:48px;padding:14px 8px;align-self:center}
 .page table.iy-responsive-table>tbody>tr.iy-selectable-row>td.iy-table-selection:before,.page table.iy-responsive-table>tbody>tr.iy-selectable-row>td.iy-table-identity:before{display:none}
 .page .order-select-all>span{position:static;width:auto;height:auto;overflow:visible;clip-path:none}
 .page .orders-table>thead.iy-table-has-actions{padding:0 0 12px}
 .page .orders-table>thead.iy-table-has-actions th.iy-table-heading-action{display:block;width:100%;padding:0 12px;border:1px solid #e4e7ed;border-radius:10px;background:#fff}
}
@media(max-width:800px){
 .page .metric-money .metric-amount{font-size:min(26px,calc(145cqi / (var(--metric-chars,8) + 2)))}
 .page .metric-money .metric-currency{font-size:12px}
 .page .capacity-strip{padding:16px;border-radius:16px}
 .page .capacity-strip-head{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:12px}
 .page .capacity-strip-head>.btn{width:100%;min-height:44px;justify-content:center}
 .page .capacity-strip p{font-size:12px;line-height:1.5}
 .page .capacity-mini-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px}
 .page .capacity-mini{box-sizing:border-box;min-width:0;width:100%;padding:12px 10px;gap:6px;background:#f8f9fb;border-color:#e7eaf0;border-radius:10px}
 .page .capacity-mini strong{font-size:12px;line-height:1.45;overflow-wrap:anywhere}
 .page .capacity-mini small{font-size:11px;line-height:1.5}
 .page .capacity-more{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:44px;border:1px solid #e2e7ef;border-radius:10px;background:#fff;color:#2464c5;font:inherit;font-size:12px;font-weight:600}
 .page .capacity-more .icon{width:16px;height:16px}
 .page .fleet-truck-pick>select{font-size:16px}
 .page .page-header .actions>#currency-select{height:44px;min-height:44px;width:100%;padding:10px 36px 10px 12px}
 .page .iy-wallet-shortcut-actions select{box-sizing:border-box;min-width:84px;min-height:44px;padding:10px 32px 10px 12px!important;font-size:14px;line-height:20px}
 .page .iy-wallet-shortcut strong{font-size:clamp(22px,7vw,32px)!important;white-space:nowrap}
}

/* One compact navigation row on phone web and the native WebView. */
@media(max-width:900px){
 .page .iy-detail-tabs,.tabs.mobile-detail-tabs{display:flex;flex-wrap:nowrap;gap:6px;width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#cdd6e2 transparent;scroll-padding-inline:6px;grid-auto-rows:unset;padding:6px!important;margin:18px 0 20px!important;border:1px solid #e4e9f0;border-radius:16px;background:#fff;align-items:center;box-sizing:border-box;-webkit-overflow-scrolling:touch}
 .page .iy-detail-tabs>button,.tabs.mobile-detail-tabs>button{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;width:auto;min-width:0;min-height:44px;height:44px;margin:0;padding:11px 14px;white-space:nowrap;overflow-wrap:normal;border:0;border-radius:11px;background:transparent;color:#687383;font-size:12px;font-weight:550;line-height:1.3;box-shadow:none;text-decoration:none}
 .page .iy-detail-tabs>button.active,.tabs.mobile-detail-tabs>button.active{color:#fff;background:#111820;box-shadow:0 2px 6px #11182015;border:0}
 .page .iy-detail-tabs>button::after,.tabs.mobile-detail-tabs>button::after{display:none}
 .page .iy-detail-tabs>button:focus-visible,.tabs.mobile-detail-tabs>button:focus-visible{outline:2px solid #276ef1;outline-offset:-2px}
 .iy-detail-tab-icon{width:16px;height:16px;flex:none;stroke-width:1.7}
 .iy-detail-tabs::-webkit-scrollbar,.mobile-detail-tabs::-webkit-scrollbar{height:3px}
 .iy-detail-tabs::-webkit-scrollbar-thumb,.mobile-detail-tabs::-webkit-scrollbar-thumb{background:#cdd6e2;border-radius:3px}
}
@media(min-width:901px){.iy-detail-tab-icon{display:none}}

/* Scoped ocean flow; fluid columns and 44px touch targets. */
.ocean-page:not(.ocean-create){max-width:1240px!important;margin:auto;padding:32px!important;color:#111820}.ocean-page *{box-sizing:border-box}.ocean-page-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.ocean-eyebrow{display:block;color:#667584;font-size:11px;font-weight:700;letter-spacing:1.7px;text-transform:uppercase;margin-bottom:12px}.ocean-page:not(.ocean-create) h1{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:0 0 10px}.ocean-page-head p{margin:0;color:#6c7783;font-size:14px}.ocean-page:not(.ocean-create) .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;white-space:nowrap;border-radius:12px;padding:11px 18px;font-size:13px}.ocean-page:not(.ocean-create) .btn svg{width:18px;height:18px}.ocean-steps{display:flex;padding:0;list-style:none;border-bottom:1px solid #e0e5e9;margin:0 0 26px;gap:28px}.ocean-steps li{display:flex;align-items:center;gap:9px;color:#7b8692;font-size:12px;padding:0 0 18px;border-bottom:2px solid transparent}.ocean-steps li>span{width:26px;height:26px;display:grid;place-items:center;border:1px solid #dce2e7;border-radius:50%;font-size:11px}.ocean-steps .active{color:#1763c5;border-bottom-color:#1763c5}.ocean-steps .active>span{background:#1763c5;color:white;border-color:#1763c5}.ocean-steps .done{color:#263e34}.ocean-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:24px}.ocean-form-body{display:grid;gap:20px}.ocean-block{background:white;border:1px solid #e2e6ea;border-radius:18px;padding:24px;margin-bottom:20px;min-width:0}.ocean-form-body .ocean-block{margin:0}.ocean-block h2{font-size:17px;line-height:1.3;margin:0 0 22px;font-weight:650;letter-spacing:-.3px}.ocean-services{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:26px}.ocean-service{position:relative;display:flex;align-items:flex-start;gap:12px;text-align:start;border:1px solid #dee4e9;background:#fff;border-radius:14px;padding:18px;min-width:0;color:#141b22;cursor:pointer}.ocean-service>svg{width:40px;height:40px;flex:0 0 40px;color:#526270}.ocean-service>span{display:flex;flex-direction:column;gap:5px;min-width:0}.ocean-service b{font-size:12px;letter-spacing:.6px}.ocean-service strong{font-size:13px}.ocean-service small{font-size:11px;line-height:1.5;color:#6f7c86}.ocean-service>i{position:absolute;right:12px;top:12px;width:12px;height:12px;border:1px solid #d2dae1;border-radius:50%}.ocean-service.selected{border-color:#3674c3;box-shadow:inset 0 0 0 1px #3674c3;background:#f6f9ff}.ocean-service.selected>i{background:#286cca;border:3px solid #d8e7ff}.ocean-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}.ocean-field{display:flex;flex-direction:column;gap:8px;min-width:0;margin:0 0 18px!important}.ocean-fields .ocean-field{margin:0!important}.ocean-field>span{font-size:12px;font-weight:600;color:#43515e}.ocean-field b{font-weight:500;color:#8b97a1}.ocean-field input,.ocean-field select,.ocean-field textarea{width:100%;min-width:0;max-width:100%;min-height:46px;border:1px solid #dce2e7;border-radius:10px;background:#fafbfc;color:#111820;font:inherit;font-size:14px;padding:11px 13px;line-height:1.4;outline:none}.ocean-field select{padding-inline-start:34px}.ocean-field input:focus,.ocean-field select:focus,.ocean-field textarea:focus{border-color:#4284da;box-shadow:0 0 0 3px #edf4ff}.ocean-field input:invalid:not(:placeholder-shown){box-shadow:none}.ocean-hint{color:#76818a;font-size:12px;line-height:1.65;margin:14px 0 0}.ocean-equipment{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:24px}.ocean-equipment button{border:1px solid #e0e5e9;border-radius:12px;background:#fff;padding:17px 8px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;color:#384755;min-width:0}.ocean-equipment .selected{background:#f3f7fd;border-color:#3874c6;box-shadow:inset 0 0 0 1px #3874c6}.ocean-equipment strong{font-size:13px}.ocean-equipment small{font-size:10px;text-align:center}.ocean-container-art{width:56px;height:28px;border:1.5px solid #728397;border-radius:3px;background:repeating-linear-gradient(90deg,transparent 0 7px,#9baabc 7px 8px);position:relative;display:grid;place-items:center;color:#1763c5}.ocean-container-art:after{content:'';position:absolute;inset:3px;border-block:1px solid #a8b4c1}.ocean-summary{position:sticky;top:20px;background:#fff;border:1px solid #e0e6eb;border-radius:18px;overflow:hidden}.ocean-summary-head{display:flex;align-items:center;gap:10px;padding:19px 20px;border-bottom:1px solid #e8ecf0;font-size:12px;font-weight:600}.ocean-summary-head svg{width:32px;height:32px}.ocean-summary-head b{margin-inline-start:auto;font-size:10px;background:#edf3fb;border-radius:5px;padding:5px 7px;color:#2367b8}.ocean-port-route{padding:24px 24px 8px;position:relative}.ocean-port-route>div{padding-inline-start:20px;border-inline-start:2px solid #dce6f4}.ocean-port-route strong{display:block;font-size:21px;line-height:1.35;font-weight:600;overflow-wrap:anywhere}.ocean-port-route span{display:block;color:#788692;font-size:11px;margin-bottom:7px}.ocean-port-route small{display:block;font-size:11px;color:#557491;margin-top:5px}.ocean-port-route i{display:block;color:#829bb7;font-style:normal;margin:8px 0 8px 13px}.ocean-summary dl{padding:12px 24px;margin:0}.ocean-summary dl>div{display:flex;gap:16px;justify-content:space-between;padding:10px 0;font-size:11px}.ocean-summary dt{color:#778490;max-width:62%}.ocean-summary dd{margin:0;text-align:end;white-space:nowrap}.ocean-price{background:#f7f9fc;margin:8px 14px 14px;border-radius:12px;padding:17px}.ocean-price strong{font-size:13px}.ocean-price p{margin:8px 0 0;color:#73808b;font-size:11px;line-height:1.65}.ocean-actions{display:flex;justify-content:space-between;gap:12px;padding:20px 0 10px}.ocean-actions .primary{min-width:170px}.ocean-error{color:#a73735;font-size:13px;line-height:1.6;margin:14px 0 0}.ocean-error:empty{display:none}.ocean-special{border:1px solid #e2e7eb;border-radius:12px;margin:24px 0 0;padding:16px}.ocean-special legend{font-size:12px;font-weight:600;padding:0 7px}.ocean-special label,.ocean-consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.65;min-height:32px}.ocean-special input,.ocean-consent input{appearance:auto!important;width:18px!important;height:18px!important;min-height:18px!important;flex:0 0 18px;margin:2px 0 0!important;accent-color:#216aca}.ocean-consent{margin-top:24px}.ocean-block-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.ocean-block-heading h2{margin:0}.ocean-tag{display:inline-flex;align-items:center;white-space:nowrap;align-self:flex-start;font-size:11px;font-weight:600;color:#2468b2;background:#eef4fc;padding:7px 10px;border-radius:7px}.ocean-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px}.ocean-review-grid>div{min-width:0}.ocean-review-grid span{display:block;font-size:11px;color:#788590;margin-bottom:7px}.ocean-review-grid strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}.ocean-note{padding:18px;background:#f5f8fc;border-radius:12px;margin:25px 0 0;font-size:13px;line-height:1.65}.ocean-note p{font-size:12px;color:#697b8c;margin:8px 0 0}.ocean-progress{list-style:none;padding:0;margin:0 0 20px;display:flex;gap:18px}.ocean-progress li{flex:1;display:flex;gap:10px;color:#87929e;align-items:flex-start}.ocean-progress li>span{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border-radius:50%;border:1px solid #dfe5e9;font-size:11px}.ocean-progress strong{font-size:12px;font-weight:500;line-height:1.5;display:block}.ocean-progress small{display:block;font-size:10px;margin-top:4px}.ocean-progress .complete{color:#1b6443}.ocean-progress .complete>span{background:#eaf5ef;border-color:#eaf5ef}.ocean-provider{display:flex;gap:16px}.ocean-provider h2{margin-bottom:10px}.ocean-provider strong{font-size:12px;font-weight:500}.ocean-provider p{font-size:12px;line-height:1.7;color:#788592;margin-bottom:0}.ocean-card-icon{width:44px;height:44px;flex:0 0 44px;border-radius:12px;background:#f0f5fc;color:#456786;display:grid;place-items:center}.ocean-card-icon svg{width:33px;height:33px}.ocean-shipment-card{padding:24px;background:#fff;border:1px solid #e1e7ed;border-radius:16px;margin-bottom:16px}.ocean-card-top{display:flex;gap:12px;align-items:center}.ocean-card-top>div{min-width:0;flex:1}.ocean-card-top strong{font-size:12px}.ocean-card-top small{display:block;font-size:11px;color:#7e8993;margin-top:5px}.ocean-card-route{display:flex;gap:18px;align-items:center;margin:25px 0 15px;font-size:21px}.ocean-card-route strong{font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.ocean-card-route span{color:#8393a3}.ocean-card-meta{display:flex;gap:20px;font-size:12px;color:#73818d;margin-bottom:24px}.ocean-shipment-card footer{border-top:1px solid #e9edf0;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.ocean-shipment-card footer>span{font-size:12px;color:#596f85}.ocean-shipment-card .btn{min-height:40px;font-size:12px;white-space:nowrap}.ocean-entry{display:flex;align-items:center;gap:10px}
@media(max-width:1050px){.ocean-layout{grid-template-columns:minmax(0,1fr) 270px;gap:18px}.ocean-page:not(.ocean-create){padding:24px!important}.ocean-service{padding:15px 12px}.ocean-service>svg{width:30px;flex-basis:30px}}
@media(max-width:800px){.ocean-page:not(.ocean-create){padding:22px 16px 32px!important}.ocean-page:not(.ocean-create) h1{font-size:27px}.ocean-page-head{align-items:flex-start;gap:12px;margin-bottom:24px}.ocean-page-head>.btn{padding:9px 11px;font-size:11px;min-height:40px}.ocean-page-head p{font-size:12px;line-height:1.6}.ocean-eyebrow{font-size:9px;letter-spacing:1px}.ocean-layout{grid-template-columns:1fr}.ocean-summary{position:static;order:2}.ocean-steps{gap:0;justify-content:space-between;margin-bottom:20px}.ocean-steps li{gap:6px;font-size:10px;padding-bottom:14px}.ocean-steps li>span{height:23px;width:23px}.ocean-block{padding:20px 16px;border-radius:15px}.ocean-block h2{font-size:16px;margin-bottom:18px}.ocean-equipment{grid-template-columns:repeat(3,minmax(0,1fr))}.ocean-service{padding:14px 10px;gap:8px}.ocean-service>svg{display:none}.ocean-service strong{font-size:12px}.ocean-service small{font-size:10px}.ocean-fields{gap:16px 12px}.ocean-field>span{font-size:11px}.ocean-field input,.ocean-field select,.ocean-field textarea{font-size:16px;min-height:46px}.ocean-field select{font-size:13px}.ocean-actions{padding:18px 0}.ocean-actions .btn{font-size:12px;padding:12px 14px;min-width:0;flex:1}.ocean-progress{flex-direction:column;gap:22px}.ocean-card-route{font-size:18px}.ocean-shipment-card{padding:18px 16px}.ocean-card-top .ocean-tag{font-size:9px;padding:6px}.ocean-card-top strong{font-size:11px}.ocean-card-top .ocean-card-icon{width:36px;height:36px;flex-basis:36px}.ocean-shipment-card footer{align-items:flex-start}.ocean-shipment-card footer>span{font-size:11px;max-width:42%;line-height:1.5}.ocean-review-grid{gap:20px 14px}}
@media(max-width:360px){.ocean-page-head{flex-direction:column}.ocean-fields{grid-template-columns:1fr}.ocean-steps li b{max-width:72px}.ocean-services{gap:8px}.ocean-service strong{font-size:11px}}
.ocean-page select{background-position:left 13px center!important;padding-inline-start:34px!important;padding-inline-end:12px!important}.ocean-page[dir=rtl] select{background-position:right 13px center!important}.ocean-page[dir=rtl] .ocean-service>i{right:auto;left:12px}
html body #main .ocean-page .ocean-field select{background-position:13px center!important;padding:11px 12px 11px 34px!important}html body #main .ocean-page[dir=rtl] .ocean-field select{background-position:right 13px center!important;padding:11px 34px 11px 12px!important}
@media(max-width:800px){.ocean-fields .ocean-field:has([name=originCode]),.ocean-fields .ocean-field:has([name=destinationCode]){grid-column:1/-1}}
.ocean-summary dd{white-space:normal;max-width:54%;overflow-wrap:anywhere}

.ocean-sailing-list{display:grid;gap:12px;margin-top:18px;max-height:520px;overflow:auto}.ocean-sailing{border:1px solid #e1e7ed;border-radius:12px;padding:16px}.ocean-sailing header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;font-size:12px}.ocean-sailing header strong{overflow-wrap:anywhere}.ocean-sailing header>span{flex-shrink:0;color:#68798c}.ocean-sailing>div{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);gap:8px;align-items:center}.ocean-sailing p{display:grid;gap:6px;margin:16px 0 0}.ocean-sailing small{color:#68798c;font-size:10px}.ocean-sailing b{font-size:13px}.ocean-sailing time{font-size:11px;color:#465c70;white-space:nowrap}

#ocean-schedules>.ocean-hint{margin:12px 0 16px}#ocean-schedules>.btn{margin-bottom:4px}

.ocean-sailing>div>*{min-width:0}.ocean-sailing time{white-space:normal;line-height:1.5}.ocean-costs{margin:16px 0!important}.ocean-costs>div{gap:12px!important;padding:9px 0!important}.ocean-costs dt{font-size:11px!important}.ocean-costs dd{font-size:11px!important;max-width:48%}.ocean-costs>div:last-child{border-top:1px solid #dce5ee;padding-top:13px!important;font-weight:700}.ocean-sailing-details{margin-top:16px;border-top:1px solid #e5eaf0;padding-top:12px}.ocean-sailing-details summary{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;color:#216aca;font-size:12px;min-height:36px;list-style:none}.ocean-sailing-details summary:after{content:'+';font-size:20px}.ocean-sailing-details[open] summary:after{content:'−'}.ocean-sailing-details summary span{margin-inline-start:auto;font-size:10px;color:#718296}.ocean-sailing-details ol{list-style:none;padding:0;margin:18px 0}.ocean-sailing-details li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;margin-bottom:22px}.ocean-leg-index{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#edf4ff;color:#216aca;font-size:11px}.ocean-sailing-details h3{font-size:12px;margin:4px 0 8px}.ocean-sailing-details .ocean-voyage{display:block;font-size:10px;line-height:1.7;color:#718296;margin:0 0 14px}.ocean-leg-port{display:grid;gap:5px;margin:13px 0;min-width:0}.ocean-leg-port strong{font-size:11px;line-height:1.5;overflow-wrap:anywhere}.ocean-cutoffs{background:#f6f8fb;padding:14px;border-radius:10px}.ocean-cutoffs p{display:flex;justify-content:space-between;gap:12px;margin:10px 0;font-size:11px}.ocean-cutoffs small{display:block;font-size:10px;line-height:1.5}.ocean-sailing-list{max-height:none;overflow:visible}

/* Country-first port selection and international contact details. */
.ocean-port-pair{display:grid;gap:16px;min-width:0}.ocean-route-dates{margin-top:22px}.ocean-phone-field{grid-column:1/-1}.ocean-phone-field>label{font-size:12px;font-weight:600;color:#43515e}.ocean-phone{display:grid;grid-template-columns:155px minmax(0,1fr);gap:10px;direction:ltr}.ocean-phone select{direction:ltr;text-overflow:ellipsis}.ocean-phone input{direction:ltr;text-align:left}.ocean-page select:disabled{opacity:.65;cursor:wait}.ocean-page #ocean-schedules>.ocean-hint:first-of-type{margin-bottom:16px}
@media(max-width:800px){#ocean-port-fields{grid-template-columns:1fr}.ocean-port-pair{gap:12px;padding-bottom:18px;border-bottom:1px solid #edf0f3}.ocean-phone{grid-template-columns:125px minmax(0,1fr);gap:8px}.ocean-phone-field>label{font-size:11px}}
@media(max-width:360px){.ocean-phone{grid-template-columns:105px minmax(0,1fr)}}
.ocean-fields+.ocean-field{margin-top:20px!important}

/* A marine map with a compact port-call timeline, shared by desktop and mobile. */
.ocean-map-card{overflow:hidden;padding:0!important;border:1px solid #dfe5e9!important;border-radius:14px!important;background:#fff;margin:0!important}
.ocean-map-card>header{display:flex;align-items:center;gap:12px;padding:16px 18px;background:#fff}
.ocean-map-card>header>.ocean-ship-art{width:100px;height:50px;object-fit:contain;flex:0 0 100px}
.ocean-map-card>header>div{min-width:0;flex:1}
.ocean-map-card>header h2{margin:0 0 5px!important;font-size:16px;letter-spacing:-.2px}
.ocean-map-card>header p{margin:0;font-size:11px;line-height:1.5;color:#667989;overflow-wrap:anywhere}
.ocean-map-card>header .btn{width:40px;min-width:40px;min-height:40px;padding:10px;border-radius:9px}
.ocean-map-viewport{position:relative;background:#d8eaf3;border-block:1px solid #dfe9ee}
.ocean-map-canvas{height:410px;min-height:320px;width:100%;direction:ltr}
.ocean-map-legend{position:absolute;top:14px;left:14px;display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #dce6ed;border-radius:20px;background:#fffffff2;color:#456178;font-size:10px;pointer-events:none;box-shadow:0 2px 8px #193b5510}
.ocean-map-legend i{display:block;width:16px;height:3px;border-radius:3px;background:#246bce}
.ocean-map-status{position:absolute;inset:auto 12px 32px;margin:0;padding:12px 14px;background:#fffffff5;border:1px solid #dfe6ee;border-radius:10px;color:#536779;font-size:12px;line-height:1.5;pointer-events:none;z-index:2}
.ocean-map-status[hidden]{display:none}
.ocean-map-popup{font-size:12px;color:#182737;padding:5px}
.ocean-map-stops{display:grid;grid-template-columns:1fr;list-style:none;padding:18px 20px;margin:0;gap:0;max-height:250px;overflow:auto;scrollbar-width:thin}
.ocean-map-stops:empty{display:none}
.ocean-map-stops li{position:relative;display:flex;gap:12px;min-width:0;padding-bottom:18px;align-items:center}
.ocean-map-stops li:last-child{padding-bottom:0}
.ocean-map-stops li:not(:last-child):before{content:'';position:absolute;inset-inline-start:11px;top:25px;bottom:0;width:1px;background:#d4e1ed}
.ocean-map-stops li>span{display:grid;place-items:center;flex:0 0 24px;height:24px;border:1px solid #c5d9eb;background:#eef5fc;color:#246bce;border-radius:50%;font-size:10px;z-index:1}
.ocean-map-stops li.destination>span{background:#132b3f;border-color:#132b3f;color:#fff}
.ocean-map-stops li>div{min-width:0;flex:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;align-items:center}
.ocean-map-stops small{grid-column:1/-1;font-size:10px;color:#7d8995}
.ocean-map-stops strong{font-size:12px;line-height:1.5;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ocean-map-stops b{font-size:10px;color:#52718c;font-weight:500;background:#f0f5f8;padding:4px 6px;border-radius:4px}
.ocean-map-card>footer{display:flex;flex-wrap:wrap;align-items:start;gap:10px;justify-content:space-between;border-top:1px solid #edf0f3;padding:12px 18px;background:#fafbfd;font-size:10px;color:#667b8c}
.ocean-map-card>footer details{max-width:100%;flex:1;text-align:end;min-width:100px}
.ocean-map-card>footer summary{cursor:pointer;font-size:10px;min-height:20px}
.ocean-map-card>footer p,.ocean-map-card>footer small{display:block;margin:8px 0 0;line-height:1.6;font-size:10px;text-align:start}
.ocean-map-card .gm-style-cc,.ocean-map-card .gmnoprint{display:block!important}
.ocean-sailing-icon{width:28px;height:28px;color:#2669c0;flex:0 0 28px}.ocean-sailing-icon svg{width:100%;height:100%}.ocean-sailing header strong{flex:1;line-height:1.6}.ocean-sailing.on-map{border-color:#9cbae3;background:#fcfdff}.ocean-show-map{margin-top:14px;width:100%;font-size:12px!important}.ocean-show-map[aria-pressed=true]{background:#edf4ff;color:#2369c5;border-color:#d4e4f9}
@media(max-width:780px){.ocean-map-card>header{padding:14px;gap:10px}.ocean-map-card>header>.ocean-ship-art{width:76px;height:42px;flex-basis:76px}.ocean-map-card>header h2{font-size:14px}.ocean-map-canvas{height:320px}.ocean-map-stops{padding:16px}.ocean-map-card>footer{padding:12px 14px}}

/* Tracking is a separate lookup, not a booking/payment action. */
.ocean-tracking{margin-top:24px}.ocean-tracking-fields{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:14px;align-items:end;margin:20px 0 12px}.ocean-tracking-fields .btn{height:46px;margin:0}.ocean-tracking-fields svg{height:24px;width:24px}.ocean-last-event{display:flex;align-items:center;gap:14px;padding:18px;background:#f2f6fc;border:1px solid #e0e9f5;border-radius:14px;margin:18px 0}.ocean-last-event>div{display:grid;gap:6px;min-width:0}.ocean-last-event small,.ocean-last-event span{font-size:11px;color:#657589}.ocean-last-event strong{font-size:15px}.ocean-tracking-events{list-style:none;padding:0;margin:22px 0;max-height:440px;overflow:auto;scrollbar-width:thin}.ocean-tracking-events li{display:flex;gap:14px;margin:0;padding:0 0 22px}.ocean-tracking-events li>div{min-width:0;flex:1;border-bottom:1px solid #edf0f4;padding-bottom:18px}.ocean-tracking-events i{margin-top:5px;width:10px;height:10px;border:2px solid #b5c3d7;border-radius:50%;flex:0 0 10px}.ocean-tracking-events i.actual{background:#276ef1;border-color:#276ef1}.ocean-tracking-events header{display:flex;align-items:center;gap:12px;justify-content:space-between}.ocean-tracking-events strong{font-size:13px}.ocean-tracking-events p,.ocean-tracking-events time{font-size:11px;color:#66788b;line-height:1.6}.ocean-tracking-map{height:250px;border-radius:14px;overflow:hidden;direction:ltr}.ocean-tracking-map[hidden]{display:none}.ocean-map-canvas .gm-style button{min-height:0;min-width:0}.ocean-map-card .gm-style img{max-width:none}
@media(max-width:700px){.ocean-tracking-fields{grid-template-columns:1fr}.ocean-tracking-fields .btn{width:100%;height:46px}.ocean-tracking{margin-top:18px}.ocean-tracking-events .ocean-tag{font-size:10px;flex:none}.ocean-last-event{padding:14px}}

/* Both transport modes use identical wizard chrome and responsive geometry. */
.create-page .booking-title{display:flex;align-items:center;justify-content:space-between;gap:20px}
.create-page .booking-title>.actions{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;margin:0}
.create-page .create-tools{position:relative;flex:none}
.create-page .create-tools>summary{display:grid;place-items:center;list-style:none;width:40px;height:40px;border:1px solid #e3e6e8;border-radius:7px;background:#fff;cursor:pointer;letter-spacing:2px;font-size:13px}
.create-page .create-tools>summary::-webkit-details-marker{display:none}
.create-page .create-tools>div{position:absolute;inset-inline-end:0;top:48px;min-width:210px;padding:8px;background:#fff;border:1px solid #e3e6e8;border-radius:10px;box-shadow:0 10px 30px #11111114;z-index:20}
.create-page .create-tools>div button{display:flex;align-items:center;gap:10px;min-height:44px;width:100%;text-align:start;background:#fff;border:0;border-radius:6px;padding:10px;font-size:12px;white-space:nowrap}
.create-page .create-tools>div button:hover{background:#f4f6f8}
.create-page .create-mode-controls{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:27px}
.create-page .create-mode-controls .scope-switch{margin:0}
.create-page .create-mode-controls .content-note{margin:0}
.create-page .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.create-page .service-card{min-height:133px;padding:20px;gap:20px;text-align:start}
.create-page .service-card>.ocean-ship-art,.create-page .service-card>.vehicle-art{width:110px;height:66px;object-fit:contain;flex:0 0 110px}
.create-page .service-card h3{font-size:14px;line-height:1.4}
.create-page .service-card p{font-size:11px;line-height:1.5}
.ocean-create .ocean-create-body{min-width:0}
.ocean-create .booking-section>h2{margin-bottom:20px}
.ocean-create .ocean-block:not(.ocean-map-card){border-radius:var(--radius);padding:24px;background:#fff}
.ocean-create .ocean-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.ocean-create #ocean-port-fields{grid-template-columns:1fr}
.ocean-create .ocean-port-pair{grid-template-columns:1fr 1fr;gap:12px}
.ocean-create .ocean-equipment{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px}
.ocean-create .ocean-field>span{color:var(--muted)}
.ocean-create .ocean-field input,.ocean-create .ocean-field select{background:#f5f5f5;border-radius:7px;font-size:12px;min-height:44px}
.ocean-tracking-disclosure{margin-top:32px;border-top:1px solid var(--line);padding-top:18px;scroll-margin-top:90px}
.ocean-tracking-disclosure>summary{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;font-size:13px;font-weight:600;list-style:none}
.ocean-tracking-disclosure>summary:after{content:'+';margin-inline-start:auto;font-size:22px}
.ocean-tracking-disclosure[open]>summary:after{content:'−'}
@media(max-width:780px){
 .create-page .booking-title{display:block;margin-bottom:24px}
 .create-page .booking-title>.actions{margin-top:16px;justify-content:space-between}
 .create-page .booking-title>.actions>.btn{min-height:40px;padding:9px 14px;font-size:12px}
 .create-page .create-mode-controls{gap:10px;margin-bottom:24px}
 .create-page .create-mode-controls .scope-switch{width:100%;flex:1 0 100%}
 .create-page .scope-switch button{min-height:40px;font-size:12px;flex:1;justify-content:center}
 .create-page .service-grid{gap:10px}
 .create-page .service-card{display:flex;flex-direction:column;align-items:flex-start;min-height:170px;padding:14px;gap:10px}
 .create-page .service-card>.ocean-ship-art,.create-page .service-card>.vehicle-art{width:96px;height:48px;flex:0 0 48px}
 .create-page .service-card h3{font-size:12px}
 .create-page .service-card p{font-size:10px}
 .create-page .section-heading .small{display:none}
 .ocean-create .route-preview{position:static}
 .ocean-create .ocean-port-pair{padding-bottom:16px}
 .ocean-create .ocean-block:not(.ocean-map-card){padding:20px 16px}
 .ocean-create .booking-bottom .actions{flex-wrap:nowrap}
 .ocean-create .booking-bottom .btn{min-height:44px}
 .ocean-create .ocean-fields{gap:16px 12px}
}
@media(max-width:600px){.ocean-create .ocean-port-pair{grid-template-columns:1fr}}

/* Saved ocean shipments retain consistent card gutters, including the map. */
.ocean-shipment-page .ocean-layout{margin-bottom:24px}
.ocean-shipment-page .ocean-detail-stack{display:grid;gap:24px;min-width:0}
.ocean-shipment-page .ocean-detail-stack>.ocean-block{margin:0}
.ocean-shipment-page .ocean-page-head h1{overflow-wrap:anywhere;font-size:clamp(22px,3vw,32px)}
.ocean-shipment-page .ocean-page-head>div{min-width:0}
.ocean-shipment-page>.ocean-block{margin:24px 0 0}
.ocean-shipment-page .ocean-block:not(.ocean-map-card){padding:28px}
.ocean-shipment-page .ocean-block>.ocean-review-grid+h2{border-top:1px solid #e7ebf0;margin-top:28px;padding-top:28px}
.ocean-shipment-page .ocean-review-grid{gap:24px;line-height:1.65}
.ocean-shipment-page .ocean-review-item{margin-top:20px;padding:18px;border:1px solid #e5eaf0;border-radius:12px}
.ocean-shipment-page .ocean-review-item+h2{margin-top:28px}
.ocean-shipment-page .ocean-tracking-fields .ocean-field{margin:0!important}
.ocean-shipment-page .ocean-provider>div{min-width:0}
.ocean-shipment-page .ocean-provider strong{display:block;margin-bottom:10px}
#ocean-selected-context{grid-column:1/-1;min-width:0}
#ocean-selected-context:empty{display:none}
.ocean-context{border:1px solid #e1e7ed;background:white;border-radius:14px;padding:24px;margin:0}
.ocean-context>header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}
.ocean-context h2{font-size:16px;line-height:1.5;margin:0}
.ocean-context-route{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;font-size:12px}
.ocean-context-route>span{color:#667584}
.ocean-context-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}
.ocean-context-grid>article{background:#f8fafc;border:1px solid #e8edf2;border-radius:10px;padding:18px;min-width:0}
.ocean-context-grid h3{font-size:13px;margin:0 0 14px}
.ocean-context-grid p{font-size:12px;line-height:1.7;color:#657585;margin:0}
.ocean-context-grid strong{color:#233243;font-weight:600;font-size:12px;display:block;overflow-wrap:anywhere}
.ocean-context-grid small,.ocean-context-grid time{display:block;font-size:11px;line-height:1.7;color:#667584}
.ocean-context-grid ul{list-style:none;margin:0;padding:0;max-height:260px;overflow:auto}
.ocean-context-grid li+li{margin-top:14px;padding-top:14px;border-top:1px solid #e1e7ed}
.ocean-context-source{display:block;color:#667584;margin-top:18px;font-size:11px}
@media(max-width:800px){
 .ocean-shipment-page .ocean-layout{margin-bottom:20px}
 .ocean-shipment-page .ocean-detail-stack{gap:20px}
 .ocean-shipment-page .ocean-page-head{flex-direction:column;align-items:stretch}
 .ocean-shipment-page .ocean-page-head>.btn{align-self:flex-start;margin-top:4px}
 .ocean-shipment-page .ocean-block:not(.ocean-map-card){padding:22px 18px}
 .ocean-shipment-page .ocean-review-grid{gap:22px 16px}
 .ocean-context{padding:20px 16px}
 .ocean-context>header{align-items:flex-start}
 .ocean-context-grid{grid-template-columns:1fr;gap:12px;margin-top:18px}
 .ocean-context-grid>article{padding:16px}
}
@media(max-width:420px){.ocean-shipment-page .ocean-review-grid{grid-template-columns:1fr}.ocean-shipment-page .ocean-summary dl>div{font-size:12px}}

/* Booking charge lines keep supplier amounts readable at phone widths. */
.ocean-charges-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.ocean-charges-head h2{margin:0}.ocean-charge-reference{display:grid;gap:6px;background:#f6f8fb;border-radius:12px;padding:16px;margin-top:20px;overflow-wrap:anywhere}.ocean-charge-reference span,.ocean-charge-reference small{font-size:12px;color:#637282}.ocean-charge-reference strong{font-size:16px}.ocean-charge-notice{font-size:13px;line-height:1.6;padding:14px 0;margin:0;color:#53677b}.ocean-charge-lines{padding:0;list-style:none;margin:0}.ocean-charge-lines li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;padding:18px 0;border-top:1px solid #e7ebef}.ocean-charge-lines li>div{display:grid;gap:7px;min-width:0;overflow-wrap:anywhere}.ocean-charge-lines li>div:last-child{text-align:end;align-content:start}.ocean-charge-lines strong,.ocean-charge-lines b{font-size:14px}.ocean-charge-lines small{font-size:12px;color:#657587;line-height:1.5}.ocean-charge-totals{background:#f0f5fc;border-radius:12px;padding:18px;margin-top:10px;display:grid;gap:16px}.ocean-charge-totals>div{display:grid;gap:8px}.ocean-charge-totals span,.ocean-charge-totals small{font-size:12px;color:#53677b;line-height:1.6}.ocean-charge-totals strong{font-size:22px}.ocean-charge-error{color:#a33131;font-size:13px;line-height:1.5}.ocean-charge-error:empty{display:none}@media(max-width:480px){.ocean-charges-head>.btn{width:100%;white-space:normal!important}.ocean-charge-lines li{gap:10px}.ocean-charge-lines li>div:last-child{max-width:130px}.ocean-charge-lines b{font-size:13px}.ocean-charges{padding:18px!important}}

.ship-studio{--ink:#141414;--muted:#686868;--line:#e4e4e4;--soft:#f4f4f4;--blue:#276ef1;min-height:100vh;background:#fafafa;color:var(--ink);font-family:Arial,Helvetica,sans-serif}
.ship-topbar{height:72px;border-bottom:1px solid #eaeaea;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1232px)/2));gap:25px}
.ship-wordmark{display:flex;align-items:center}
.ship-wordmark>img{display:block;width:105px;height:37px;object-fit:contain}
.ship-top-links{display:flex;align-items:center;gap:28px;font-size:12px;color:#696969}
.ship-top-links button{display:flex;align-items:center;gap:8px;color:#111;border-left:1px solid #eaeaea;padding-left:25px;font-weight:600}
.ship-top-links .iyizigo-lang-switch{border-left:1px solid #eaeaea;padding-left:22px;margin-left:4px}
.ship-top-links .iyizigo-lang-toggle{color:#111}
.ship-top-links a:hover{color:#111}
.ship-intro{max-width:1232px;width:calc(100% - 96px);margin:0 auto;padding:30px 0 28px;display:flex;align-items:flex-end;justify-content:space-between;gap:22px}
.ship-back{font-size:11px;display:flex;gap:7px;align-items:center;color:#888;margin-bottom:16px}
.ship-eyebrow{font-size:10px!important;letter-spacing:1.7px;font-weight:600;color:#6b6b6b!important;margin:0 0 12px!important;text-transform:uppercase}
.ship-intro h1{font-size:36px;letter-spacing:-1.2px;font-weight:600;line-height:1.2}
.ship-intro p:last-child{font-size:12px;color:#888;margin-top:9px;line-height:1.7}
.ship-save{height:40px;border:1px solid #ccc;background:#fff;border-radius:2px;padding:0 14px;display:flex;gap:10px;align-items:center;white-space:nowrap;font-size:12px;margin-bottom:5px}
.ship-save:hover{background:#eee;border-color:#999}
.ship-layout{display:grid;grid-template-columns:minmax(0,1fr) 352px;align-items:start;gap:27px;max-width:1232px;width:calc(100% - 96px);margin:0 auto;padding-bottom:70px}
.ship-main{min-width:0;display:flex;flex-direction:column}
.ship-steps{display:flex;align-items:center;gap:14px;border-bottom:1px solid #dedede;padding-bottom:24px;margin:0 auto 28px;max-width:1232px;width:calc(100% - 96px)}
.ship-steps>button{display:flex;align-items:center;gap:9px;font-size:11px;color:#999;white-space:nowrap;padding:0;background:none;border:0;text-align:left}
.ship-steps>button+button:before{content:"";height:1px;width:50px;max-width:65px;background:#ddd;flex:1;min-width:10px}
.ship-step-number{width:24px;height:24px;display:grid;place-items:center;font-weight:500;font-size:10px;border:1px solid #ddd;border-radius:50%;background:#fff;flex-shrink:0}
.ship-steps .active{color:#111;font-weight:600}
.ship-steps .active .ship-step-number{background:#111;color:#fff;border-color:#111}
.ship-steps .done .ship-step-number{background:#edf3ff;color:#276ef1;border-color:#dae6fd}
.ship-form{background:#fff;padding:29px;border:1px solid #e1e1e1;border-radius:5px;min-height:640px;display:flex;flex-direction:column}
.ship-form-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:19px;flex-wrap:wrap}
.ship-form-heading>span,.ship-badge{display:inline-flex;align-items:center;font-size:10px;line-height:1.5;background:#eee;padding:5px 8px;border-radius:3px;color:#777}
.ship-form-heading h2{font-size:20px;letter-spacing:-.5px;font-weight:600;margin:0}
.ship-form-heading>p{width:100%;font-size:12px;line-height:1.8;color:#888;margin:0}
.ship-fieldset{border:0;min-width:0;padding:0;margin:0;flex:1}
.ship-fieldset>div{--tw-space-y-reverse:0}
.ship-section-small{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;margin:25px 0 15px}
.ship-segment{display:flex;background:#f1f1f1;padding:4px;border-radius:5px;width:max-content;max-width:100%;gap:4px;margin-bottom:18px;flex-wrap:wrap}
.ship-segment button{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 17px;background:transparent;font-size:12px;color:#888;border-radius:3px;border:0}
.ship-segment button.selected{background:#fff;box-shadow:0 1px 4px #00000012;color:#111}
.ship-mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:8px}
.ship-mode-card{background:#fff;border:1px solid #e3e3e3;padding:20px 17px;text-align:left;position:relative;border-radius:5px;min-height:145px;display:flex;flex-direction:column;align-items:flex-start}
.ship-mode-card.active{border-color:#111}
.ship-mode-card>svg,.ship-mode-card>.ship-mode-icon{height:30px;width:30px;margin-bottom:18px}
.ship-mode-card strong{display:block;font-size:14px;font-weight:600;margin-bottom:5px}
.ship-mode-card small{font-size:10px;color:#888;line-height:1.6}
.ship-select-ring{width:14px;height:14px;border:1px solid #bbb;border-radius:50%;position:absolute;right:17px;top:20px}
.ship-mode-card.active .ship-select-ring{border:4px solid #111}
.ship-route-fields{display:grid;gap:13px;margin:8px 0 22px;position:relative}
.ship-route-fields:before{content:"";position:absolute;left:5px;top:22px;bottom:22px;width:1px;background:#d0d0d0}
.ship-route-field{display:flex;align-items:center;gap:13px}
.ship-stop-row{align-items:flex-start}
.ship-stop-remove{width:46px;height:46px;display:grid;place-items:center;border:1px solid #ddd;background:#fff;color:#777;flex-shrink:0;margin-top:27px}
.ship-stop-remove:hover{background:#f5f5f5;border-color:#999;color:#111}
.ship-route-point{width:10px;height:10px;border:2px solid #111;border-radius:50%;background:#fff;flex-shrink:0;position:relative;z-index:1}
.ship-route-point.end{border-radius:0;background:var(--blue);border-color:var(--blue)}
.ship-route-field>div{flex:1;min-width:0}
.ship-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;align-items:start}
.ship-hazard-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) max-content;gap:12px 16px;align-items:end;margin-top:8px}
.ship-confirm-beside{display:flex;flex-direction:row;align-items:center;gap:8px;margin:0 0 12px;max-width:none;white-space:nowrap;font-size:11px;line-height:1.2;color:#555}
.ship-desk-nav{display:flex;align-items:center;gap:18px;min-width:0;overflow:auto}
.ship-desk-nav a{font-size:12px;font-weight:600;color:#555;white-space:nowrap;padding:8px 0;border-bottom:2px solid transparent}
.ship-desk-nav a.active{color:#111;border-bottom-color:#276ef1}
.ship-passive{opacity:.55;pointer-events:none}
.ship-passive-note{margin:0 0 10px;font-size:12px;color:#888}
.ship-confirm-beside input{margin:0;width:16px;height:16px;accent-color:#276ef1;flex-shrink:0}
.ship-form-grid>label{display:grid;grid-template-rows:minmax(28px,auto) 44px;gap:8px;align-content:start;min-width:0;font-size:12px;font-weight:500;line-height:1.5}
.ship-form-grid>label>input,
.ship-form-grid>label>select{height:44px;width:100%;min-width:0;align-self:stretch}
.ship-form-hint{grid-column:1/-1;font-size:9px;color:#888;font-weight:400;line-height:1.55;margin-top:-4px}
.ship-equipment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ship-equipment-grid[data-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}
.ship-equipment{border:1px solid #e5e5e5;background:#fff;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px 10px 12px;font-size:10px;min-height:118px;line-height:1.35;text-align:center}
.ship-equipment img{width:100%;max-width:152px;height:58px;object-fit:contain;display:block;pointer-events:none}
.ship-equipment span{display:block}
.ship-equipment.active{border-color:#111}
.ship-equipment:hover{background:#fafafa}
.ship-notice{padding:18px;background:#f3f3f3;font-size:12px;line-height:1.8;margin:18px 0}
.ship-fieldset [hidden]{display:none!important}
.ship-notice.blue{background:#eff5ff;color:#325a99}
.ship-fieldset section:not(.ship-cargo-item):not(.ship-quote-card):not(.ship-quote){padding-bottom:0;margin-bottom:0;border-bottom:0}
.ship-fieldset section h3{font-size:13px;font-weight:600;color:#111}
.ship-fieldset section h3+p{font-size:12px;color:#888;line-height:1.7}
.ship-fieldset label{font-size:11px;letter-spacing:0;text-transform:none;color:#111;font-weight:500;gap:8px}
.ship-studio input:not([type=checkbox]):not([type=file]):not([type=radio]),.ship-studio select,.ship-studio textarea{background:#f2f2f2!important;-webkit-appearance:none;appearance:none}
.ship-fieldset input:not([type=checkbox]):not([type=file]):not([type=radio]),.ship-fieldset select{min-height:46px;height:46px;border-radius:2px;border:1px solid transparent;background:#f2f2f2!important;font-size:12px;box-shadow:none;padding:12px}
.ship-fieldset textarea{border-radius:2px;border:1px solid transparent;background:#f2f2f2!important;min-height:85px;font-size:12px}
.ship-fieldset input:focus,.ship-fieldset select:focus,.ship-fieldset textarea:focus{outline:0;border-width:1px;border-color:#111;box-shadow:none;background:#f2f2f2!important}
.ship-studio input:-webkit-autofill,.ship-studio input:-webkit-autofill:hover,.ship-studio input:-webkit-autofill:focus,.ship-studio textarea:-webkit-autofill,.ship-studio select:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #f2f2f2 inset!important;box-shadow:0 0 0 1000px #f2f2f2 inset!important;-webkit-text-fill-color:#111}
.ship-fieldset input[type=checkbox]{accent-color:#111;width:15px;height:15px;flex-shrink:0}
.ship-fieldset .space-y-7{display:flex;flex-direction:column;gap:8px}
.ship-fieldset .rounded-2xl{border-radius:5px}
.ship-fieldset .grid.gap-3{gap:16px}
.ship-fieldset section.ship-cargo-item,.ship-cargo-item{border:1px solid #e3e3e3;border-radius:5px;margin:0 0 16px;padding:19px;background:#fff;position:relative;z-index:0;overflow:visible;box-shadow:none}
#cargo-items{display:flex;flex-direction:column;gap:16px}
#cargo-items .ship-cargo-item{margin:0}
.ship-cargo-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.ship-cargo-top h3,.ship-cargo-item>h3{font-size:13px;letter-spacing:0;font-weight:600;margin:0 0 16px}
.ship-cargo-top h3{margin:0}
.ship-icon-button{width:28px;height:28px;display:grid;place-items:center;border:0;background:transparent;color:#777}
.ship-icon-button:disabled{opacity:.3}
.ship-cargo-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:15px}
.ship-cargo-grid .span3{grid-column:1/-1}
.ship-cargo-grid label{display:grid;grid-template-rows:1fr auto;gap:8px;font-size:11px;font-weight:500;color:#111}
.ship-cargo-grid label>span{min-height:28px;display:flex;flex-direction:column;justify-content:flex-start;gap:2px}
.ship-cargo-grid label>input,.ship-cargo-grid label>select{align-self:stretch;height:44px}
.ship-cargo-grid small{font-size:9px;color:#888;font-weight:400}
.ship-check-inline{display:flex!important;flex-direction:row;align-items:center;gap:8px;align-self:center;margin:0;padding:4px 0 0;grid-column:1/-1;min-height:0}
.ship-inline-toolbar{display:flex;justify-content:space-between;align-items:center;gap:13px;margin:22px 0}
.ship-inline-toolbar p{font-size:11px;color:#888;margin:0}
.ship-step-copy{font-size:12px;line-height:1.8;color:#888;margin:0 0 8px}
.ship-terms-check{display:flex;gap:10px;align-items:flex-start;font-size:11px;color:#777;line-height:1.8;margin:22px 0}
.ship-terms-check input{margin:3px 0 0;accent-color:#111;width:16px;height:16px;flex-shrink:0}
.ship-cargo-totals{display:flex;justify-content:space-between;align-items:flex-start;background:#f6f6f6;padding:14px 17px;font-size:11px;gap:15px;margin:18px 0;flex-wrap:wrap}
.ship-cargo-totals strong{font-size:14px;font-weight:550;display:block;margin-top:4px}
.ship-cargo-totals small{font-size:9px;color:#999}
.ship-extras{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:4px}
.ship-extra{display:grid;grid-template-columns:36px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:16px;border:1px solid #e3e3e3;border-radius:8px;cursor:pointer;background:#fff;text-align:left}
.ship-extra.on{border-color:#94b9f8;background:#f8fbff}
.ship-extra-icon{width:36px;height:36px;border-radius:8px;background:#f4f4f4;display:grid;place-items:center;color:#111;flex-shrink:0}
.ship-extra.on .ship-extra-icon{background:#edf3ff;color:#276ef1}
.ship-extra strong{font-size:12px;font-weight:600;display:block}
.ship-extra small{font-size:10px;line-height:1.55;color:#888;margin-top:4px;display:block}
.ship-extra input{width:18px;height:18px;margin:0;accent-color:#111;justify-self:end}
.ship-form-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 0 0;margin:28px 0 0;border-top:1px solid #eee;background:transparent}
.ship-footer-back{background:none;border:0;padding:0;height:auto;font-size:13px;font-weight:600;color:#111;text-decoration:none}
.ship-footer-back:hover{color:#333}
.ship-form-footer>span{font-size:10px;max-width:240px;line-height:1.6;color:#888}
.ship-form-footer>button:last-child,.ship-primary{background:#000;height:46px;display:inline-flex;align-items:center;justify-content:center;gap:12px;color:#fff;border-radius:2px;padding:0 18px;font-size:12px;font-weight:600;border:0}
.ship-form-footer>button:last-child:hover,.ship-primary:hover{background:#333}
.ship-ghost{height:42px;border:1px solid #ccc;background:transparent;border-radius:2px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;font-size:12px}
.ship-ghost:hover{background:#eee;border-color:#999}
.ship-studio button:disabled{opacity:.55;cursor:wait}
.ship-studio a:focus-visible,.ship-studio button:focus-visible{outline:1px solid #111;outline-offset:2px}
.ship-aside{align-self:start;position:sticky;top:24px;width:100%}
.ship-aside-sticky{position:static;display:flex;flex-direction:column;min-height:0;height:auto}
.ship-summary{background:#fff;border:1px solid #e3e3e3;border-top:0;border-radius:0 0 5px 5px;overflow:hidden;margin-top:0;flex:0 0 auto}
.ship-summary-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 22px 0;font-size:16px;letter-spacing:-.3px;font-weight:600;text-transform:none}
.ship-live-dot{width:8px;height:8px;background:var(--blue);border-radius:50%}
.ship-map{flex:none;height:320px;min-height:320px;position:relative;z-index:0;background:#edf1f4;margin:0;border:1px solid #e3e3e3;border-bottom:0;border-radius:5px 5px 0 0;overflow:hidden}
.ship-summary-body{padding:22px}
.ship-route-point-row{display:flex;align-items:flex-start;gap:15px;position:relative;padding-bottom:21px}
.ship-route-point-row:first-child:after{content:"";position:absolute;left:5px;top:12px;bottom:0;width:1px;background:#c8c8c8}
.ship-route-point-row i{display:block;width:10px;height:10px;border:2px solid #111;border-radius:50%;background:#fff;margin-top:3px;flex-shrink:0}
.ship-route-point-row.destination i{border-radius:0;background:var(--blue);border-color:var(--blue)}
.ship-route-point-row small{font-size:9px;color:#999;display:block;margin-bottom:5px;letter-spacing:0;text-transform:uppercase}
.ship-route-point-row strong{font-size:14px;font-weight:550;line-height:1.4;display:block}
.ship-route-point-row span{font-size:10px;color:#888}
.ship-summary-facts{display:grid;grid-template-columns:1fr 1fr;gap:17px;padding:19px 0;border-top:1px solid #eee}
.ship-summary-facts span{font-size:9px;color:#999;display:block;margin-bottom:5px}
.ship-summary-facts b{font-size:11px;font-weight:550}
.ship-price-hint{display:flex;gap:10px;border-top:1px solid #eee;padding-top:18px;color:#888;font-size:10px;line-height:1.7;background:transparent;border-left:0;border-right:0;border-bottom:0;border-radius:0}
.ship-price-hint>span{display:block;font-size:10px;letter-spacing:0;font-weight:400;color:#888;text-transform:none}
.ship-price-hint b{display:block;margin:0 0 4px;font-weight:600;font-size:13px;color:#111}
.ship-price-hint p{font-size:10px;color:#888;line-height:1.7;margin:0}
.ship-help{display:flex;align-items:flex-start;gap:10px;margin:12px 0 0;padding:12px 4px 4px;color:#666;text-decoration:none}
.ship-help svg{flex-shrink:0;margin-top:1px;color:#555}
.ship-help strong{display:block;font-size:12px;font-weight:600;color:#111}
.ship-help p{margin:3px 0 0;font-size:11px;line-height:1.55;color:#777}
.ship-help-icon-link,.ship-help-icon{display:none}
.ship-secure{border-top:1px solid #eee;padding-top:16px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;color:#999}
.ship-quote{padding:29px!important;background:#fff;border:1px solid #111!important;border-radius:5px;margin:0 0 8px}
.ship-quote h3{font-size:52px!important;letter-spacing:-2px;font-weight:550;margin:18px 0 7px;line-height:1.2}
.ship-quote h3 small{font-size:14px;font-weight:400;margin-left:8px}
.ship-price-line{display:flex;justify-content:space-between;padding:10px 0;font-size:12px;border-bottom:1px solid #ddd}
.ship-price-line b{font-weight:500}
.ship-quote-expiry{font-size:11px;color:#888;margin:15px 0}
.ship-quote-note{font-size:11px;line-height:1.8;color:#888}
.ship-quote-card{background:#fff;border:1px solid #e1e1e1;border-radius:8px;padding:28px 28px 22px}
.ship-quote-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.ship-studio .ship-quote-card h3,.ship-fieldset .ship-quote-card h3{font-size:22px!important;letter-spacing:-.4px;font-weight:600;margin:0 0 16px;color:#111;line-height:1.25}
.ship-studio .ship-quote-card .ship-quote-amount,.ship-fieldset .ship-quote-card .ship-quote-amount,.ship-fieldset section h3+.ship-quote-amount{display:block;font-size:48px!important;font-weight:600;letter-spacing:-2px;line-height:1.05;color:#111!important;margin:0 0 12px}
.ship-quote-meta{font-size:12px;color:#6f6f6f;margin:0 0 6px}
.ship-quote-badge{display:inline-flex;align-items:center;gap:6px;background:#edf3ff;color:#276ef1;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:600;white-space:nowrap}
.ship-quote-lines{margin-top:22px;border-top:1px solid #eee}
.ship-quote-lines>div{display:flex;justify-content:space-between;gap:16px;padding:14px 0;font-size:13px;border-bottom:1px solid #eee}
.ship-quote-lines>div.total{font-weight:600;border-bottom:0}
.ship-quote-hold{margin:8px 0 18px;background:#eef4ff;color:#325a99;padding:12px 14px;font-size:12px;line-height:1.6;border-radius:4px}
.ship-quote-book{width:100%;height:48px;background:#111;color:#fff;border:0;border-radius:2px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:600}
.ship-quote-book:hover{background:#333}
.ship-quote-ids{display:flex;justify-content:space-between;gap:12px;margin-top:12px;font-size:11px;color:#8a8a8a}
.ship-quote-includes{padding:22px 4px 0}
.ship-quote-includes h4{font-size:20px;font-weight:600;margin:0 0 16px;letter-spacing:-.3px}
.ship-quote-includes ul{display:grid;gap:12px;margin:0 0 22px;padding:0;list-style:none}
.ship-quote-includes li{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.55;color:#444}
.ship-quote-includes li svg{flex-shrink:0;margin-top:2px;color:#8a8a8a}
.ship-quote-includes p{font-size:13px;line-height:1.7;color:#777;margin:0}
.ship-phone{min-width:0}
.ship-studio .ship-cargo-item label,.ship-studio .ship-cargo-item .ship-phone{min-width:0;line-height:1.5}
.ship-studio .ship-cargo-item label>span,.ship-studio .ship-phone>span{min-height:22px;overflow-wrap:anywhere}
.ship-studio input[type=email],.ship-studio input[type=tel],.ship-studio input[type=time],.ship-studio input[type=date]{direction:ltr;text-align:left}
.ship-studio .ship-fieldset input:focus-visible,.ship-studio .ship-fieldset select:focus-visible,.ship-studio .ship-fieldset textarea:focus-visible{outline:2px solid #276ef1;outline-offset:2px}
.ship-studio .ship-phone .phone-field-row{display:flex;gap:8px;align-items:stretch;min-width:0}
.ship-studio .ship-phone .phone-dial-picker{flex:0 0 72px;width:72px;min-width:72px}
.ship-studio .ship-phone .phone-dial-trigger,
.ship-studio .ship-phone .phone-field-row>input[type=tel]{height:44px;min-height:44px;border:1px solid transparent;border-radius:2px;background:#f2f2f2;box-shadow:none}
.ship-studio .ship-phone .phone-dial-trigger{color:#888!important;font-weight:600}
.ship-studio .ship-phone .phone-field-row>input[type=tel]{flex:1 1 auto;min-width:0!important;width:auto!important;padding:0 12px;font-size:13px}
.ship-studio .ship-phone .phone-dial-trigger:focus,
.ship-studio .ship-phone .phone-field-row>input[type=tel]:focus{outline:0;border-color:#111;background:#fafafa}
.ship-alert{padding:12px 16px;margin:0 0 16px;border:1px solid transparent;border-radius:4px;font-size:13px;line-height:1.5}
.ship-alert.danger{color:#842029;background:#f8d7da;border-color:#f5c2c7}
.ship-alert.success{color:#0f5132;background:#d1e7dd;border-color:#badbcc}
.ship-alert button{display:block;margin-top:8px;border:0;background:none;padding:0;color:inherit;font-weight:700;text-decoration:underline}
.ship-fieldset input.ship-invalid,
.ship-fieldset input.ship-invalid:focus,
.ship-fieldset select.ship-invalid,
.ship-fieldset select.ship-invalid:focus,
.ship-fieldset textarea.ship-invalid,
.ship-fieldset textarea.ship-invalid:focus,
.ship-fieldset label.is-invalid input:not([type=checkbox]):not([type=radio]),
.ship-fieldset label.is-invalid input:not([type=checkbox]):not([type=radio]):focus,
.ship-fieldset label.is-invalid select,
.ship-fieldset label.is-invalid select:focus,
.ship-fieldset label.is-invalid textarea,
.ship-fieldset label.is-invalid textarea:focus,
.ship-studio button.ship-invalid,
.ship-route-field .ship-invalid{border:1px solid #dc3545!important;background:#fff5f5!important;box-shadow:none!important}
.ship-studio button.ship-invalid,
.ship-studio button.ship-invalid span{color:#842029!important}
.ship-confirm-beside.is-invalid,.ship-terms-box.is-invalid{border:1px solid #dc3545!important;background:#fff5f5!important}
.ship-studio .ship-phone.is-invalid .phone-dial-trigger,
.ship-studio .ship-phone.is-invalid .phone-field-row>input[type=tel],
.ship-studio .ship-phone.is-invalid .phone-field-row>input[type=tel]:focus{border-color:#dc3545!important;background:#fff5f5!important}
.ship-error{padding:18px;margin-top:18px;background:#fff1f1;color:#9c3232;border-radius:0;font-size:12px;line-height:1.7}
.ship-error p{margin:0}
.ship-error button{margin-top:10px;border:0;background:none;padding:0;color:#9c3232;font-weight:700;text-decoration:underline}
.ship-gate{text-align:center;padding:38px 28px}
.ship-gate-lock{height:62px;width:62px;background:#f1f4f8;display:grid;place-items:center;border-radius:50%;margin:0 auto 22px;color:#111}
.ship-gate h2{font-size:30px;letter-spacing:-.8px;margin-bottom:16px;line-height:1.15}
.ship-gate p{font-size:13px;line-height:1.85;color:#888;max-width:410px;margin:0 auto 23px}
.ship-choice{display:flex;align-items:center;gap:12px;border:1.5px solid #e3e3e3;padding:16px;text-align:left;border-radius:5px;background:#fff}
.ship-choice.active{border-color:#111}
.ship-choice strong{display:block;font-size:13px;font-weight:600}
.ship-choice small{display:block;font-size:10px;color:#888;margin-top:4px;line-height:1.6}
@media(max-width:1200px){.ship-intro,.ship-layout,.ship-steps{width:calc(100% - 48px)}.ship-layout{grid-template-columns:minmax(0,1fr) 310px}.ship-form{padding:23px}.ship-equipment-grid,.ship-equipment-grid[data-count="4"]{grid-template-columns:1fr 1fr}}
@media(max-width:1000px){.ship-layout{grid-template-columns:minmax(0,1fr) 285px;gap:19px}.ship-form{padding:21px}.ship-steps{gap:10px}.ship-steps>button{font-size:10px}}
@media(max-width:820px){.ship-layout{grid-template-columns:1fr;width:calc(100% - 36px)}.ship-intro,.ship-steps{width:calc(100% - 36px)}.ship-intro{align-items:flex-start}.ship-intro h1{font-size:29px}.ship-aside{position:static}.ship-aside-sticky{position:static}.ship-map{height:240px;min-height:240px}.ship-top-links>a{display:none}.ship-topbar{height:64px;padding:0 18px}.ship-save{font-size:0;width:40px;padding:0;justify-content:center}.ship-steps{overflow:auto;padding-bottom:20px}.ship-mode-cards,.ship-extras,.ship-form-grid,.ship-cargo-grid,.ship-hazard-row{grid-template-columns:1fr}.ship-confirm-beside{white-space:normal}.ship-equipment-grid,.ship-equipment-grid[data-count="4"]{grid-template-columns:1fr 1fr}.ship-quote-card{padding:22px 18px}.ship-studio .ship-quote-card .ship-quote-amount,.ship-fieldset .ship-quote-card .ship-quote-amount{font-size:36px!important}.ship-quote-top{flex-direction:column}}
@media(max-width:420px){.ship-form{padding:18px}.ship-form-footer>span{max-width:120px}}
.desk-topbar{height:78px;position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid #e5e5e5;padding:0 36px;display:flex;align-items:center;gap:22px;width:100%;box-sizing:border-box}
.desk-brand{display:block;flex-shrink:0;text-decoration:none;color:inherit}
.desk-brand img{display:block;width:105px;height:37px;object-fit:contain}
.desk-brand small{display:flex;align-items:center;gap:5px;margin-top:3px;font-size:10px;color:#7c7c7c}
.desk-brand{font-size:14px;color:#111}
.desk-search{position:relative;width:210px;min-width:130px;flex-shrink:1}
.desk-search>svg{position:absolute;left:12px;top:11px;color:#777}
.desk-search input{width:100%;height:37px;border:1px solid transparent;border-radius:5px;background:#f2f2f2;padding:9px 26px 9px 35px;font-size:11px}
.desk-search kbd{position:absolute;right:10px;top:10px;color:#999;font:10px inherit;border:1px solid #ddd;border-radius:3px;line-height:16px;padding:0 4px}
.desk-results{position:absolute;left:0;top:45px;min-width:330px;max-height:320px;overflow:auto;background:#fff;border:1px solid #e6e6e6;border-radius:8px;box-shadow:0 12px 35px #0002;z-index:60;padding:6px}
.desk-results a,.desk-results p{display:grid;gap:2px;width:100%;padding:10px 12px;text-align:left;color:#111;text-decoration:none}
.desk-results a:hover{background:#f6f6f6}
.desk-results small,.desk-menu small{color:#888;font-size:11px}
.desk-nav{display:flex;align-items:stretch;gap:20px;height:78px;margin-left:auto;white-space:nowrap;min-width:0}
.desk-nav a{display:flex;align-items:center;gap:7px;padding:0;color:#777;font-size:12px;position:relative;text-decoration:none}
.desk-nav a:hover{color:#111}
.desk-nav a.active{font-weight:650;color:#000}
.desk-nav a.active:after{content:"";position:absolute;height:3px;bottom:0;left:0;right:0;background:#000}
.desk-tools{display:flex;align-items:center;gap:5px;border-left:1px solid #e5e5e5;padding-left:14px;position:relative;height:78px}
.desk-tools .iyizigo-lang-toggle svg{display:none}
.desk-tools .iyizigo-lang-toggle{padding:6px 2px;font-size:12px;font-weight:700}
.desk-icon{width:35px;height:35px;display:inline-grid;place-items:center;border:0;background:transparent;border-radius:5px;color:#111}
.desk-icon:hover{background:#ececec}
.desk-bell{position:relative}
.desk-bell i{position:absolute;top:7px;right:7px;width:5px;height:5px;background:#276ef1;border-radius:50%;box-shadow:0 0 0 2px #fff}
.desk-avatar{border:0;background:#f0f0f0;width:33px;height:33px;border-radius:50%;font-size:11px;font-weight:650;display:grid;place-items:center}
.desk-avatar:hover{background:#e1e1e1}
.desk-logout{border:0;background:none;padding:0 10px;font-size:12px;font-weight:700;color:#b91c1c;white-space:nowrap}
.desk-burger{display:none}
.desk-menu{position:absolute;top:calc(100% - 8px);right:0;width:280px;background:#fff;border:1px solid #e6e6e6;border-radius:8px;box-shadow:0 12px 35px #0002;padding:7px;z-index:55}
.desk-menu-head{padding:10px 10px 13px;border-bottom:1px solid #eee;margin-bottom:5px}
.desk-menu-head strong{display:block;font-size:13px}
.desk-menu a,.desk-menu button{display:flex;align-items:center;gap:11px;width:100%;border:0;background:#fff;text-align:left;padding:10px;border-radius:6px;color:#111;text-decoration:none;font-size:13px}
.desk-menu a:hover,.desk-menu button:hover{background:#f6f6f6}
.desk-menu p{padding:12px;color:#888;font-size:12px}
.desk-tools .iyizigo-lang-switch{position:relative}
@media(min-width:1550px){.desk-topbar{gap:36px;padding:0 50px}.desk-search{width:280px}.desk-nav{gap:27px}}
@media(max-width:1270px){.desk-topbar{padding:0 25px;gap:20px}.desk-search{width:190px}.desk-nav{gap:16px}.desk-nav a{font-size:11px}.desk-nav a svg{display:none}.desk-tools{padding-left:10px;gap:4px}}
@media(max-width:1100px){.desk-topbar{gap:14px;padding-inline:24px}.desk-search{max-width:155px}.desk-nav{gap:13px}}
@media(max-width:1050px){.desk-search{display:none}.desk-nav a svg{display:block}.desk-nav{gap:19px}}
@media(max-width:800px){.desk-topbar{height:67px;padding:0 19px;gap:14px}.desk-brand img{width:91px;height:32px}.desk-search{display:none}.desk-nav{display:none;position:absolute;left:0;right:0;top:66px;height:auto;background:#fff;padding:12px 16px;box-shadow:0 8px 15px #0001;border-bottom:1px solid #ddd;flex-wrap:wrap;z-index:30}.desk-nav.open{display:flex}.desk-nav a{width:50%;height:42px;padding:10px}.desk-nav a.active:after{display:none}.desk-nav a.active{background:#f2f2f2;border-radius:4px}.desk-burger{display:inline-grid;margin-left:auto}.desk-tools{padding-left:10px;height:67px}.desk-bell{display:none}.desk-logout{padding-inline:6px;font-size:11px}}
@media(max-width:780px){.desk-topbar{padding-inline:16px}.desk-tools{padding-left:7px;gap:1px}}
@media(max-width:420px){.desk-topbar{padding-inline:12px;gap:6px}.desk-brand{max-width:78px;min-width:0}.desk-brand img{width:78px;height:29px}.desk-brand small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desk-tools{padding-left:4px;gap:0}}

/* Match the panel's mobile spacing without changing booking controls. */
@media(max-width:760px){
  .ship-intro,.ship-layout,.ship-steps{width:calc(100% - 32px);min-width:0}
  .ship-intro>div,.ship-main,.ship-aside,.ship-fieldset{min-width:0}
  .ship-intro h1{overflow-wrap:anywhere;font-size:26px}
  .ship-form{padding:16px}.ship-form-heading{gap:10px;flex-wrap:wrap}
  .ship-form input:not([type=checkbox]):not([type=radio]),.ship-form select,.ship-form textarea{font-size:16px;min-width:0;max-width:100%}
  .ship-form-footer{flex-wrap:wrap;gap:12px}.ship-form-footer button,.ship-form-footer a{min-height:44px}
  .ship-steps>button{flex-shrink:0;min-height:44px}
  .ship-save{min-height:44px;min-width:44px;flex-shrink:0}
  .ship-equipment-grid>*{min-width:0;overflow-wrap:anywhere}
}

.ship-signin-notice{margin:0 0 24px;padding:16px 18px;border:1px solid #cbdcf7;border-radius:6px;background:#f2f7ff;color:#244a7b;font-size:13px;line-height:1.6}
.ship-signin-notice strong{display:block;font-size:14px}.ship-signin-notice p{margin:6px 0 10px}.ship-signin-notice button{background:none;border:0;padding:0;color:#1769d2;font:inherit;font-weight:600;text-align:start;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.ship-signin-notice button:hover{color:#114e9c}

.ship-auth-dialog{width:min(480px,calc(100vw - 32px));margin:auto;border:1px solid #dedede;border-radius:12px;padding:28px;background:#fff;color:#171717;box-sizing:border-box;box-shadow:0 20px 80px #0002}
.ship-auth-dialog::backdrop{background:rgba(10,20,35,.45)}.ship-auth-dialog h2{margin:0 0 12px;font-size:22px;line-height:1.3;letter-spacing:-.5px}.ship-auth-dialog p{margin:0;color:#626262;font-size:14px;line-height:1.7}.ship-auth-actions{display:grid;gap:10px;margin-top:24px}.ship-auth-actions button{width:100%;min-height:44px;white-space:normal}.ship-auth-login{border:1px solid #d9d9d9;background:white;padding:12px;border-radius:4px;color:#1769d2;font:inherit;font-size:13px;cursor:pointer}.ship-auth-login:hover{background:#f2f7ff}.ship-auth-close{border:0;background:none;color:#656565;font-size:13px;cursor:pointer}.ship-auth-actions button:focus-visible{outline:2px solid #1769d2;outline-offset:3px}

/* One focus boundary for the composed location input. */
.ship-studio .ship-place-input{min-width:0;width:100%;border:0!important;padding:0!important;background:transparent!important;box-shadow:none!important}
.ship-studio .ship-fieldset .ship-place-input:focus-visible{outline:0!important;box-shadow:none!important}
.ship-place-control:focus-within{outline:2px solid #276ef1;outline-offset:2px}
.ship-place-menu{border:1px solid #e6e6e6;border-radius:8px!important}
.ship-equipment{min-width:0;padding:20px 12px}
@media(max-width:600px){.ship-equipment-grid,.ship-equipment-grid[data-count="4"]{grid-template-columns:1fr}.ship-equipment{min-height:130px}.ship-form-footer{gap:16px;flex-wrap:wrap}}

.ship-edit-confirm{margin-top:24px;padding:24px;background:#f4f7fb;border:1px solid #dce4ef;border-radius:12px}.ship-edit-confirm h3{font-size:18px;line-height:1.4;margin:0 0 18px}.ship-edit-prices{display:flex;gap:28px;flex-wrap:wrap}.ship-edit-prices span{display:flex;flex-direction:column;gap:6px;color:#596579}.ship-edit-prices strong{font-size:22px;color:#111827}.ship-edit-confirm p{margin-top:14px;line-height:1.5}

.ship-confirm-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px 14px;margin:18px 0 12px;min-width:0}.ship-confirm-price strong{font-size:clamp(28px,4vw,44px);font-weight:600;letter-spacing:-1px;line-height:1.2;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-width:0}.ship-confirm-price>span{display:inline-flex;align-items:center;font-size:13px;font-weight:600;letter-spacing:.04em;padding:5px 9px;border-radius:6px;background:#f2f4f7;color:#525e6b;flex:none}.ship-quote-expiry{font-size:12px;line-height:1.6;color:#647080;overflow-wrap:anywhere}
@media(max-width:480px){.ship-quote{padding:20px!important}.ship-confirm-price strong{font-size:32px}}

/* All booking steps remain visible without a horizontal swipe. */
@media(max-width:800px){
 .ship-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-bottom:16px;overflow:visible}
 .ship-steps>button{min-width:0;min-height:48px;white-space:normal;line-height:1.4;text-align:start;padding:8px;border:1px solid #e5e7eb;border-radius:6px;background:#fff}
 .ship-steps>button.active{border-color:#111}
 .ship-steps>button+button:before{display:none}
 .ship-form{min-height:0}
 .ship-fieldset label,.ship-fieldset label>div{min-width:0}
 .ship-form-footer{padding-top:20px;margin-top:24px;border-top:1px solid #eee;gap:12px}
 .ship-form-footer>.ship-primary{flex:1 1 130px;white-space:normal;text-align:center}
 .ship-form-footer>.ship-footer-back{min-width:64px}
 .ship-quote-lines>div,.ship-quote-ids{min-width:0;flex-wrap:wrap;gap:8px}
 .ship-quote-lines b,.ship-quote-ids>span{overflow-wrap:anywhere}
 .ship-studio .ship-phone .phone-dial-trigger,.ship-studio .ship-phone input[type=tel]{font-size:16px!important}
}

/* Phone booking uses the app's cards and touch controls, with the same four steps. */
@media(max-width:800px){
 .ship-studio{background:#f7f8fa}
 .ship-form,.ship-summary,.ship-quote,.ship-edit-confirm{border-radius:18px;border-color:#e8eaed;box-shadow:none}
 .ship-form{padding:20px}
 .ship-steps>button{border-radius:12px;min-height:52px;color:#626c79}
 .ship-steps>button.active{background:#edf3ff;border-color:#d5e3ff;color:#276ef1}
 .ship-fieldset input:not([type=checkbox]):not([type=radio]),.ship-fieldset select,.ship-fieldset textarea,.ship-place-control{border-radius:10px;background-color:#f4f5f7;min-height:50px;border-color:#e0e4e9}
 .ship-primary,.ship-secondary,.ship-footer-back{border-radius:11px;min-height:48px}
 .ship-equipment{border-radius:14px}
 .desk-avatar{background:#e8edf7;color:#435f8e}
 .desk-menu{border-radius:18px;max-height:calc(100dvh - 88px);overflow:auto}
 .ship-auth-dialog{border-radius:22px;padding:24px}
}

/* The exact same layout tokens as ShipWizard; only ocean-specific fields differ. */
.ocean-wizard{width:100%;padding:0;margin:0}
.ocean-wizard button,.ocean-wizard input,.ocean-wizard select{font-family:inherit}
.ocean-wizard .ship-intro h1{margin:0}.ocean-wizard .ship-back{border:0;background:none;padding:0}.ocean-wizard .ship-back svg,.ocean-wizard .ship-save svg,.ocean-wizard .ship-segment svg{width:16px;height:16px}
.ocean-wizard .booking-section{padding:0;margin:0 0 24px;border:0}.ocean-wizard .section-heading{margin:22px 0 14px}.ocean-wizard .booking-section h2{font-size:13px;margin:0 0 14px}.ocean-wizard .section-heading .small{display:none}
.ocean-wizard .service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.ocean-wizard .service-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:start;gap:0;min-height:145px;background:#fff;padding:20px 17px;border:1px solid #e3e3e3;border-radius:5px;color:#111}
.ocean-wizard .service-card.active{border-color:#111;box-shadow:none}.ocean-wizard .service-card>svg{width:34px;height:30px;margin-bottom:18px}.ocean-wizard .service-card h3{font-size:14px;margin:0 0 5px}.ocean-wizard .service-card p{font-size:10px;line-height:1.6;color:#888;margin:0}.ocean-wizard .service-card .radio-mark{position:absolute;inset-inline-end:17px;top:20px}
.ocean-wizard .ocean-block{padding:0;border:0;background:transparent}.ocean-wizard .ocean-fields{gap:16px}.ocean-wizard .ocean-equipment{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:18px}.ocean-wizard .ocean-equipment button{padding:16px 5px;border-radius:4px;font-size:11px;min-width:0}.ocean-wizard .ocean-container-art{width:100%;max-width:75px}.ocean-wizard .ocean-equipment strong{font-size:11px}.ocean-wizard .ocean-equipment small{font-size:10px}
.ocean-wizard .ocean-field select{padding-inline-start:32px;background-position:left 10px center!important}.ocean-wizard .ocean-field>span{color:#111;font-size:11px}.ocean-wizard .ocean-hint{font-size:11px;line-height:1.7;margin:12px 0;color:#777}.ocean-wizard .ocean-block h2{font-size:16px}.ocean-wizard .ship-form-footer button{min-height:44px}.ocean-wizard .ship-primary{margin-inline-start:auto}
.ocean-wizard .ocean-summary{position:static;width:100%;padding:22px;border-radius:0 0 5px 5px;border:1px solid #e3e3e3;box-shadow:none}.ocean-wizard .ocean-summary-head{padding:0 0 18px;font-size:16px}.ocean-wizard .ocean-summary-head svg{display:none}.ocean-wizard .ocean-summary-head b{font-size:11px}.ocean-wizard .ocean-port-route strong{font-size:14px}.ocean-wizard .ocean-price p{font-size:10px}
.ocean-wizard .ocean-sidebar-map .ocean-map-card{border-radius:5px 5px 0 0!important;border-bottom:0!important}.ocean-wizard .ocean-sidebar-map .ocean-map-card>header{padding:10px 14px}.ocean-wizard .ocean-sidebar-map .ocean-ship-art{display:none}.ocean-wizard .ocean-sidebar-map .ocean-map-card h2{font-size:13px}.ocean-wizard .ocean-sidebar-map .ocean-map-canvas{height:300px;min-height:260px}.ocean-wizard .ocean-sidebar-map .ocean-map-stops{max-height:175px}.ocean-wizard .ocean-sidebar-map .ocean-map-card>footer{padding:10px 14px}
.ocean-wizard .ocean-departures,.ocean-wizard .ocean-tracking-disclosure{grid-column:1/-1;min-width:0}.ocean-departures{padding:28px;border:1px solid #e1e1e1;border-radius:5px;background:#fff}.ocean-departures h2{font-size:20px}.ocean-departures .ocean-sailing-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ocean-schedule-tools{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin:20px 0}.ocean-schedule-tools label{display:grid;gap:7px;font-size:12px}.ocean-schedule-tools input{min-height:44px;padding:10px;border:1px solid #ddd;border-radius:4px}.ocean-schedule-tools .btn{min-height:44px;border-radius:4px;padding:10px 14px;font-size:12px}
.ocean-sailing .ocean-sailing-price{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e5eaf0;margin-top:16px;padding-top:14px;font-size:12px}.ocean-sailing-price span{color:#718296}.ocean-sailing-price strong{color:#111}.ocean-list-card>.ship-card-top>svg{width:22px;height:22px;flex:none}
html[data-ocean-wizard] body{padding:0!important;background:#fafafa!important;min-height:0!important}html[data-ocean-wizard] .topbar,html[data-ocean-wizard] .app-footer,html[data-ocean-wizard] .iyizigo-app-nav,html[data-ocean-wizard] .iyizigo-mobile-nav,html[data-ocean-wizard] .iyizigo-tutorial,html[data-ocean-wizard] .iyizigo-chat-launcher{display:none!important}html[data-ocean-wizard] #main{padding:0!important;margin:0!important;min-height:0!important;max-width:none!important}
@media(max-width:1000px){.ocean-wizard .ocean-equipment{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.ocean-wizard .ocean-departures{padding:20px 16px}.ocean-departures .ocean-sailing-list{grid-template-columns:1fr}.ocean-wizard .ocean-fields{grid-template-columns:1fr}.ocean-wizard .service-card{padding:16px 12px;min-height:158px}.ocean-wizard .service-card h3{font-size:12px}.ocean-wizard .ship-aside{position:static;order:0}.ocean-wizard .ocean-summary{padding:18px}.ocean-schedule-tools label{width:100%}.ocean-schedule-tools input{width:100%;font-size:16px}.ocean-wizard .ship-fieldset input,.ocean-wizard .ship-fieldset select{font-size:16px}.ocean-wizard .ocean-field select{font-size:13px}.ocean-wizard .ocean-departures h2{font-size:18px}.ocean-wizard .ocean-phone{grid-template-columns:110px minmax(0,1fr)}}

.ocean-wizard{min-height:0!important}.ocean-wizard .ocean-sailing-price strong{font-size:12px}
html[data-ocean-wizard] .iy-app-nav,html[data-ocean-wizard] iy-live-support,html[data-ocean-wizard] iy-workspace-tour{display:none!important}

.ocean-price details{margin-top:12px}.ocean-price summary{cursor:pointer;min-height:36px;display:flex;align-items:center;justify-content:space-between;font-size:12px;list-style:none}.ocean-price summary:after{content:'+'}.ocean-price details[open] summary:after{content:'−'}.ocean-wizard .ship-steps button:disabled{opacity:1;cursor:default}
/* Detailed cargo, services, contacts and review retain the wizard's shared spacing. */
.ocean-wizard .ship-fieldset .ocean-create-body>section.ocean-detail-section{padding:28px 0;margin:0;border:0;border-top:1px solid #e5e7eb;min-width:0;display:flow-root}
.ocean-wizard .ship-fieldset .ocean-create-body>section.ocean-detail-section:first-child{border-top:0;padding-top:4px}
.ocean-wizard .ship-fieldset .ocean-create-body>section.ocean-detail-section:last-child{padding-bottom:8px}
.ocean-wizard .ocean-fields{align-items:start;gap:20px 18px;grid-template-columns:repeat(2,minmax(0,1fr))}
.ocean-wizard .ocean-fields+.ocean-fields{margin-top:20px}
.ocean-wizard .ocean-fields+.ocean-field{margin-top:20px!important}
.ocean-wizard .ocean-field>span{min-height:18px;line-height:1.6;font-size:12px}
.ocean-wizard .ocean-field{gap:8px}
.ocean-wizard .ship-fieldset .ocean-field :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border:1px solid #e2e5e9;border-radius:6px;font-size:14px}
.ocean-wizard .ocean-field textarea{padding:12px 14px;line-height:1.65;resize:vertical}
.ocean-wizard .ocean-hint{line-height:1.75;font-size:12px}
.ocean-wizard .ocean-consent{margin:20px 0 0;min-height:44px;padding:12px 14px;background:#f7f8fa;border:1px solid #e8ebef;border-radius:8px;font-size:12px;align-items:flex-start}
.ocean-wizard .ocean-consent+.ocean-field{margin-top:20px!important}
.ocean-wizard .ocean-inline-note{margin:20px 0 0}
.ocean-wizard .ocean-item{padding:20px;margin:20px 0;border-radius:8px}
.ocean-wizard .ocean-services{margin-bottom:0;gap:12px}
.ocean-wizard .ocean-services label{font-size:13px;line-height:1.5}
.ocean-wizard .ocean-services label:focus-within,.ocean-wizard .ocean-choice label:focus-within{outline:2px solid #276ef1;outline-offset:3px}
.ocean-wizard .ocean-detail-heading .btn{min-height:40px;white-space:normal;text-align:start;flex-shrink:0}
.ocean-wizard .ocean-review-grid{gap:20px}
.ocean-wizard .ocean-review-grid>div{min-width:0;padding:14px;background:#f7f8fa;border-radius:8px}
.ocean-wizard .ocean-review-grid strong,.ocean-review-route strong{overflow-wrap:anywhere}
.ocean-wizard .ocean-review-grid p{margin-bottom:0}
.ocean-wizard .ocean-final-price .ocean-price{padding:18px;margin:0;background:#f5f7fa;border-radius:8px}
.ocean-wizard .ocean-summary{padding:20px}
.ocean-wizard .ocean-summary .ocean-port-route{padding:20px 0 10px}
.ocean-wizard .ocean-summary dl{padding:12px 0}
.ocean-wizard .ocean-summary .ocean-price{margin:8px 0 0;padding:16px}
.ocean-wizard .ocean-summary .ocean-price p{font-size:12px}
.ocean-wizard .ocean-summary dd{white-space:normal;overflow-wrap:anywhere}
.ocean-wizard .ocean-summary .ocean-costs{padding:4px 0 0}
.ocean-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.ocean-detail-heading h2{display:flex;align-items:center;gap:9px;margin:0!important;font-size:16px!important}.ocean-detail-heading h2 svg{width:20px;height:20px;flex-shrink:0}
.ocean-item{border:1px solid #e1e4e8;border-radius:8px;padding:18px;margin:18px 0;background:#fff}.ocean-item-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:8px}.ocean-item-head strong{display:flex;align-items:center;gap:10px}.ocean-item-head strong span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#f0f2f5;font-size:12px}
.ocean-dimensions{grid-template-columns:repeat(4,minmax(0,1fr))!important}.ocean-cargo-totals{display:flex;gap:20px;align-items:center;padding:16px;background:#f5f6f8;border-radius:8px;margin:20px 0}.ocean-cargo-totals>svg{width:22px;height:22px}.ocean-cargo-totals span{font-size:11px;color:#66717f}.ocean-cargo-totals strong{display:block;color:#121416;margin-top:6px;font-size:14px}
.ocean-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.ocean-services label{display:flex;align-items:center;gap:12px;min-height:68px;border:1px solid #dfe3e8;padding:16px;border-radius:8px;cursor:pointer;font-size:13px}.ocean-services label:has(:checked){border-color:#111;background:#fafbfc}.ocean-services svg{width:20px;height:20px;flex-shrink:0}.ocean-services span{flex:1}.ocean-wizard .ocean-services input{appearance:auto!important;width:18px!important;height:18px!important;min-height:0!important;flex:0 0 18px;margin:0!important;accent-color:#111}
.ocean-choice{padding:0;border:0;margin:0}.ocean-choice legend{font-size:13px;color:#5f6975;margin-bottom:12px}.ocean-choice>div{display:flex;gap:10px}.ocean-choice label{display:flex;align-items:center;gap:8px;border:1px solid #dfe3e8;padding:12px 20px;border-radius:7px;cursor:pointer;min-width:88px;font-size:13px}.ocean-choice label.selected{border-color:#111;background:#f7f8fa}.ocean-wizard .ocean-choice input{appearance:auto!important;width:16px!important;height:16px!important;min-height:0!important;margin:0!important;accent-color:#111}.ocean-reveal{margin-top:18px;padding-top:18px;border-top:1px solid #edf0f3}
.ocean-inline-note{display:flex;align-items:flex-start;gap:9px;padding:14px;background:#f5f7fa;border-radius:6px;color:#626d7c;font-size:12px;line-height:1.65}.ocean-inline-note svg{flex:0 0 18px;width:18px;height:18px;margin-top:2px}
.ocean-doc-checklist>div{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #eceff2;font-size:13px}.ocean-doc-checklist svg{width:18px;height:18px;color:#758090;flex-shrink:0}.ocean-doc-checklist strong{flex:1;font-weight:500}.ocean-doc-checklist span{font-size:11px;padding:5px 8px;background:#f4f5f7;border-radius:5px;color:#77808b}.ocean-doc-checklist .attached{color:#157449;background:#ecf8f1}.ocean-doc-upload{display:flex;align-items:end;gap:12px;margin-top:20px}.ocean-doc-upload .ocean-field{flex:1;margin:0}.ocean-doc-upload .btn{height:44px;flex-shrink:0}.ocean-file-row{display:flex;align-items:center;gap:10px;border:1px solid #e7e9ed;padding:10px;border-radius:6px;margin:8px 0;font-size:12px}.ocean-file-row svg{width:18px;height:18px;flex-shrink:0}.ocean-file-row span{flex:1;overflow-wrap:anywhere}
.ocean-review-route{display:grid;grid-template-columns:1fr 24px 1fr;gap:18px;align-items:center}.ocean-review-route div{display:grid;gap:9px;min-width:0}.ocean-review-route small{color:#8a929d;font-size:11px}.ocean-review-route strong{font-size:20px}.ocean-review-route span{color:#758090;font-size:12px}.ocean-review-route svg{width:22px;height:22px}.ocean-review-item{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #e8ebef}.ocean-review-item>svg{width:20px;height:20px;flex-shrink:0}.ocean-review-item strong{font-size:14px}.ocean-review-item small{display:block;line-height:1.8;color:#7b8490;margin-top:5px;font-size:12px}.ocean-review-grid{margin-top:20px}.ocean-review-grid p{font-size:12px;line-height:1.8;color:#6e7987;overflow-wrap:anywhere}.ocean-final-price .ocean-price{padding:0;border:0}.ocean-final-price .ocean-price>strong{font-size:22px}
@media(max-width:640px){.ocean-detail-section{padding:22px 0}.ocean-detail-heading{align-items:flex-start;flex-wrap:wrap}.ocean-item{padding:12px}.ocean-dimensions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ocean-services{grid-template-columns:1fr}.ocean-cargo-totals{gap:12px;flex-wrap:wrap;padding:12px}.ocean-cargo-totals>svg{display:none}.ocean-cargo-totals span{flex:1;min-width:70px}.ocean-doc-upload{flex-wrap:wrap}.ocean-doc-upload .ocean-field{flex-basis:100%}.ocean-doc-upload .btn{width:100%}.ocean-review-route{gap:10px;grid-template-columns:1fr 18px 1fr}.ocean-review-route strong{font-size:16px}.ocean-choice label{flex:1}.ocean-doc-checklist strong{font-size:12px}}
@media(max-width:700px){
 .ocean-wizard .ocean-fields{grid-template-columns:minmax(0,1fr);gap:20px}
 .ocean-wizard .ocean-item{padding:16px}
 .ocean-wizard .ship-fieldset .ocean-field :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px;min-height:48px}
 .ocean-wizard .ocean-detail-heading{gap:12px}
 .ocean-wizard .ocean-detail-heading h2{line-height:1.45}
 .ocean-wizard .ocean-detail-heading .btn{padding:10px 12px}
 .ocean-wizard .ocean-review-grid{grid-template-columns:minmax(0,1fr)}
 .ocean-wizard .ship-form-footer{gap:16px;padding-top:22px}
 .ocean-wizard .ship-form-footer .ship-primary{max-width:75%;white-space:normal;line-height:1.5;text-align:center}
}

.ow-page{max-width:1240px;margin:auto;padding:30px 28px 60px;--ow-line:#e3e7eb;--ow-muted:#6f7b86;color:#15191d}.ow-page *{box-sizing:border-box;min-width:0}.ow-page button,.ow-page input,.ow-page textarea{font:inherit}.ow-page .btn{min-height:42px;gap:8px;border-radius:9px;white-space:normal}.ow-page svg{width:19px;height:19px;flex-shrink:0}.ow-back{margin-bottom:20px}.ow-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.ow-title h1{font-size:25px;letter-spacing:-.7px;line-height:1.3;margin:9px 0 0;overflow-wrap:anywhere}.ow-kicker{font-size:11px;color:var(--ow-muted);letter-spacing:.06em;text-transform:uppercase;line-height:1.7}.ow-badge{border-radius:7px;padding:9px 13px;background:#edf3fc;color:#276ac0;font-size:12px;font-weight:600;white-space:normal}.ow-badge.success{background:#e9f5ee;color:#187344}.ow-route{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:center;gap:22px;margin-bottom:28px}.ow-route span{font-size:11px;color:var(--ow-muted)}.ow-route h2{font-size:28px;line-height:1.25;margin:8px 0;overflow-wrap:anywhere;letter-spacing:-.6px}.ow-route p{font-size:12px;color:var(--ow-muted);line-height:1.6;margin:0}.ow-steps{display:flex;list-style:none;gap:8px;padding:20px 0;margin:0;border-top:1px solid var(--ow-line);border-bottom:1px solid var(--ow-line)}.ow-steps li{flex:1;display:flex;gap:8px;align-items:center;font-size:11px;color:#929aa2;line-height:1.4}.ow-steps b{display:grid;place-items:center;border:1px solid #dfe4e9;border-radius:50%;flex:0 0 24px;height:24px;font-size:10px}.ow-steps .done{color:#171c21}.ow-steps .done b{background:#171c21;color:#fff;border-color:#171c21}.ow-status{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0}.ow-status>p{max-width:620px;font-size:13px;color:var(--ow-muted);line-height:1.7;margin:0}.ow-actions{display:flex;flex-wrap:wrap;gap:10px}.ow-actions .btn{flex:0 1 auto}.ow-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start}.ow-detail-main{min-width:0}.ow-card,.ow-tab-content>.ocean-block{background:#fff;border:1px solid var(--ow-line);border-radius:14px;padding:26px;margin:0 0 20px;box-shadow:0 2px 4px #15212d03}.ow-card>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.ow-card>header>svg{width:36px;height:36px}.ow-card h2{font-size:18px;line-height:1.4;margin:0}.ow-card h3{font-size:14px;margin:18px 0 12px}.ow-card p{font-size:13px;line-height:1.75;overflow-wrap:anywhere}.ow-card .ow-kicker+h2{margin-top:5px}.ow-total{display:block;font-size:27px;line-height:1.3;margin:13px 0;overflow-wrap:anywhere;letter-spacing:-.6px}.ow-side>.ow-card>.btn{width:100%;margin-top:12px}.ow-side{position:sticky;top:90px}.ow-muted{color:var(--ow-muted)}.ow-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0}.ow-facts>div{display:grid;gap:8px;align-content:start}.ow-facts dt{font-size:11px;color:var(--ow-muted)}.ow-facts dd{margin:0;font-size:13px;font-weight:550;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap}.ow-tabs{display:flex;gap:6px;overflow:auto;scrollbar-width:thin;margin:22px 0;padding:5px;background:#eaeef2;border-radius:11px}.ow-tabs button{display:flex;flex:1 0 auto;gap:7px;justify-content:center;align-items:center;background:transparent;border:0;border-radius:8px;padding:13px 12px;font-size:12px;color:#6b7682;white-space:nowrap;cursor:pointer}.ow-tabs button.active{background:#fff;color:#216acc;box-shadow:0 1px 5px #1421310d;font-weight:600}.ow-tabs svg{width:16px;height:16px}.ow-empty{text-align:center;padding:26px 8px;color:var(--ow-muted)}.ow-empty>svg{width:32px;height:32px;color:#718295}.ow-price-lines{display:grid;gap:16px;margin:26px 0;border-block:1px solid var(--ow-line);padding:22px 0}.ow-price-lines>div{display:flex;justify-content:space-between;gap:20px;font-size:13px}.ow-price-lines>div:last-child{border-top:1px solid var(--ow-line);padding-top:20px;font-size:20px}.ow-prewrap{white-space:pre-wrap}.ow-notice{padding:16px;background:#f0f5fc;border-radius:9px;color:#32629b}.ow-consent{display:flex;align-items:flex-start;gap:12px;font-size:12px;line-height:1.65;margin:24px 0 18px}.ow-consent input{width:18px;height:18px;flex:0 0 18px;margin-top:2px}.ow-card form label:not(.ow-consent){display:grid;gap:10px;font-size:12px;line-height:1.6}.ow-card textarea{width:100%;resize:vertical;min-height:100px;max-height:250px;background:#f6f7f9;border:1px solid var(--ow-line);border-radius:9px;padding:13px;line-height:1.6;font-size:16px}.ow-card form .ow-actions{margin-top:20px}.ow-action-prompt{border-color:#b7ccec}.ow-files>div{display:flex;gap:14px;align-items:center;padding:18px 0;border-bottom:1px solid var(--ow-line)}.ow-files strong{flex:1;overflow-wrap:anywhere;font-size:13px}.ow-upload{cursor:pointer}.ow-messages{display:flex;flex-direction:column;gap:14px;max-height:440px;overflow:auto;padding:4px 0 24px}.ow-messages article{background:#f2f4f7;border-radius:12px;padding:15px 18px;max-width:90%;align-self:flex-start}.ow-messages article.own{align-self:flex-end;background:#edf4ff}.ow-messages small{color:var(--ow-muted);font-size:10px;line-height:1.6}.ow-messages p{white-space:pre-wrap;margin:8px 0 0}.ow-message-form{border-top:1px solid var(--ow-line);padding-top:22px;display:grid;gap:14px}.ow-message-form>.btn{justify-self:end}.ow-events{list-style:none;padding:24px 0 0;margin:0}.ow-events li{display:flex;gap:14px;padding-bottom:24px}.ow-events i{width:9px;height:9px;background:#276ef1;border-radius:50%;margin-top:5px;flex-shrink:0}.ow-events strong{font-size:13px}.ow-events time{display:block;margin-top:7px;color:var(--ow-muted);font-size:11px}.ow-page .ocean-map-card{border-radius:14px!important}.ow-page .ocean-map-canvas{height:310px;min-height:250px}.ow-page .ocean-map-stops{max-height:160px}.ow-tab-content .ocean-tracking{margin:0;padding:0;border:0}.ow-page button:focus-visible,.ow-page a:focus-visible{outline:3px solid #a9c9f8;outline-offset:2px}
@media(max-width:980px){.ow-detail-grid{grid-template-columns:minmax(0,1fr) 240px;gap:18px}.ow-card{padding:22px}.ow-total{font-size:23px}.ow-status{align-items:flex-start;flex-direction:column;gap:16px}}
@media(max-width:700px){.ow-page{padding:20px 16px 32px}.ow-title{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:22px}.ow-title h1{font-size:21px}.ow-route{gap:12px}.ow-route h2{font-size:22px}.ow-steps{gap:6px}.ow-steps li{flex-direction:column;align-items:flex-start;gap:7px;font-size:10px}.ow-detail-grid{display:flex;flex-direction:column;gap:0}.ow-detail-main,.ow-side{width:100%}.ow-side{position:static;display:grid;grid-template-columns:1fr}.ow-side .ow-help{display:none}.ow-card,.ow-tab-content>.ocean-block{padding:20px;border-radius:12px;margin-bottom:16px}.ow-facts{gap:22px 16px}.ow-tabs{margin:18px 0;max-width:100%}.ow-tabs button{padding:12px;font-size:12px}.ow-page .ocean-map-canvas{height:260px}.ow-page .ocean-map-stops{max-height:130px}.ow-card>header{flex-wrap:wrap;gap:14px}.ow-actions{width:100%;gap:10px}.ow-actions .btn{flex:1}.ow-status p{font-size:12px}.ow-price-lines>div:last-child{font-size:18px}.ow-route>svg{width:20px}.ow-card form>.btn{width:100%}.ow-messages article{max-width:95%}.ow-message-form>.btn{justify-self:stretch}.ow-upload{width:auto!important}.ow-page .ocean-review-grid{gap:22px 16px}.ow-page .ocean-review-item{margin-top:20px}}
@media(max-width:360px){.ow-page{padding-inline:12px}.ow-card{padding:17px}.ow-title h1{font-size:19px}.ow-route h2{font-size:20px}.ow-facts{grid-template-columns:1fr}.ow-steps li{font-size:9px}}

.ocean-map-card[data-unavailable] .ocean-map-canvas,.ocean-map-card[data-unavailable] .ocean-map-legend,.ocean-map-card[data-unavailable] [data-act="ocean-map-fit"],.ocean-map-card[data-unavailable]>footer{display:none}
.ocean-map-card[data-unavailable] .ocean-map-viewport{height:auto;min-height:0;background:#f5f7fa}
.ocean-map-card[data-unavailable] .ocean-map-status{position:static;margin:0;padding:16px 24px;transform:none;border:0;background:transparent;box-shadow:none}
.ocean-map-card>header>.ocean-ship-art{display:none}

.ocean-offer-process{border:1px solid #e1e7ef;background:#f8fafc;border-radius:12px;padding:20px;margin:18px 0;min-width:0}.ocean-offer-process h3{font-size:15px!important;margin:0 0 18px!important}.ocean-offer-process ol{list-style:none;padding:0;margin:0;display:grid;gap:16px}.ocean-offer-process li{display:flex;gap:12px;align-items:center;font-size:13px;line-height:1.5}.ocean-offer-process li b{width:28px;height:28px;display:grid;place-items:center;flex:0 0 28px;border-radius:50%;background:#eaf1ff;color:#2764c7;font-size:12px}.ocean-offer-process p{font-size:12px!important;line-height:1.7!important;color:#657487;margin:20px 0 0!important;border-top:1px solid #e1e7ef;padding-top:16px}.ocean-offer-process span{overflow-wrap:anywhere}@media(max-width:480px){.ocean-offer-process{padding:16px}.ocean-offer-process li{align-items:flex-start}}

/* One tracking card, shared by shipment details and the optional wizard lookup. */
.ocean-tracking.ot-card{padding:28px;margin:0;background:#fff;border:1px solid #e3e7eb;border-radius:14px;overflow:hidden;color:#171b20}
.ow-tab-content .ocean-tracking.ot-card{margin-bottom:20px}
.ot-card *{box-sizing:border-box;min-width:0}
.ot-heading{display:flex;align-items:center;gap:14px;margin-bottom:24px}
.ot-heading-icon,.ot-feedback-icon{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:12px;background:#edf4ff;color:#276ac0}
.ot-card svg{width:20px;height:20px;flex-shrink:0}
.ot-heading>div{flex:1}
.ot-card .ot-eyebrow{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#77838e;line-height:1.5;margin-bottom:5px}
.ot-card .ot-heading h2{font-size:19px;font-weight:650;letter-spacing:-.4px;line-height:1.35;margin:0}
.ot-provider{padding:6px 10px;border:1px solid #dce6f2;border-radius:6px;font-size:11px;font-weight:600;color:#4c6a86}
.ot-intro{font-size:13px;line-height:1.7;color:#6f7b86;margin:0 0 24px}
.ot-booking-context{border:1px solid #e7ebef;background:#f8fafc;border-radius:10px;padding:20px;margin-bottom:26px}
.ot-booking-context dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0}
.ot-booking-context dt{font-size:11px;line-height:1.5;color:#76828d;margin-bottom:8px}
.ot-booking-context dd{font-size:13px;font-weight:600;line-height:1.5;margin:0;overflow-wrap:anywhere;text-align:start}
.ot-booking-context dd[dir=ltr]{unicode-bidi:plaintext}
.ot-booking-context .ot-awaiting{color:#927024;font-weight:500}
.ot-booking-context p{font-size:12px;line-height:1.75;color:#697784;border-top:1px solid #e3e8ef;padding-top:16px;margin:16px 0 0}
.ot-card form{margin:0;padding:0}
.ot-fields{display:grid;grid-template-columns:minmax(140px,.8fr) minmax(170px,1.3fr) auto;align-items:end;gap:14px}
.ot-card .ot-field{display:grid;gap:9px;margin:0!important;font-size:12px;font-weight:550;color:#4b5864;line-height:1.5}
.ot-field input,.ot-field select{display:block;width:100%;height:48px;min-height:48px;border:1px solid #dce2e8;border-radius:9px;background-color:#fff;padding:12px 14px;color:#171b20;font:inherit;font-size:14px;font-weight:400;box-shadow:none}
.ot-field input::placeholder{color:#89949e;font-size:12px}
.ot-field select{appearance:none;padding-inline-start:34px!important;padding-inline-end:12px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='m3 4.5 3 3 3-3' stroke='%2373808c' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:12px;background-position:left 14px center!important}
[dir=rtl] .ot-field select{background-position:right 14px center!important}
.ot-field input:focus,.ot-field select:focus{outline:0;border-color:#5592da;box-shadow:0 0 0 3px #eaf2fe}
.ot-card .ot-fields>.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;height:48px;padding:12px 18px;border-radius:9px;margin:0;font-size:13px;white-space:nowrap}
.ot-card form>small{display:block;line-height:1.65;font-size:11px;color:#7d8994;margin-top:10px}
#ocean-tracking-result{margin-top:24px;padding-top:24px;border-top:1px solid #e7ebef}
.ot-feedback{display:flex;align-items:center;gap:16px;border-radius:10px;background:#f7f9fc;padding:20px}
.ot-feedback .ot-feedback-icon{background:#fff;border:1px solid #e3eaf2;color:#6b8299;flex-basis:40px;height:40px;border-radius:10px}
.ot-feedback strong{display:block;font-size:13px;font-weight:600;line-height:1.6}
.ot-feedback p{font-size:12px;line-height:1.75;color:#78838e;margin:5px 0 0}
.ot-feedback.error{background:#fff7f3;color:#974c31}
.ot-feedback.error .ot-feedback-icon{background:#fffaf7;color:#a76445;border-color:#f1dfd6}
.ot-feedback.loading .ot-feedback-icon{color:#276ac0}
.ot-result-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}
.ot-card .ot-result-heading h3{margin:0;font-size:15px;line-height:1.5}
.ot-result-heading>span{font-size:12px;color:#647b91}
.ot-updated{font-size:11px;color:#7c8892;margin:6px 0 20px}
.ot-last-event{display:flex;gap:14px;align-items:center;padding:20px;border:1px solid #dce8f7;background:#f3f7fd;border-radius:10px;margin-bottom:18px}
.ot-last-event>span{color:#2467b9}
.ot-last-event small{display:block;color:#6c83a0;font-size:11px;margin-bottom:7px}
.ot-last-event strong{display:block;font-size:18px;line-height:1.35;overflow-wrap:anywhere}
.ot-last-event p{font-size:12px;line-height:1.7;margin:7px 0 0;color:#6a7c91}
.ot-location-note{display:flex;align-items:flex-start;gap:9px;color:#7d8994;font-size:11px;line-height:1.7;margin:18px 0 24px}
.ot-location-note svg{width:15px;height:15px;margin-top:2px}
.ot-timeline{list-style:none;margin:0;padding:0;max-height:520px;overflow:auto;scrollbar-width:thin}
.ot-timeline li{position:relative;display:flex;gap:15px;padding:0 0 25px;isolation:isolate}
.ot-timeline li:not(:last-child):before{content:'';position:absolute;inset-inline-start:14px;top:29px;bottom:0;border-inline-start:1px solid #dce4ee;z-index:-1}
.ot-event-marker{display:grid;place-items:center;width:29px;height:29px;flex:0 0 29px;border-radius:50%;background:#f3f5f7;border:1px solid #e0e5eb;color:#8a96a2}
.ot-event-marker svg{width:14px;height:14px}
.ot-timeline .actual .ot-event-marker{color:#2a6bc3;background:#edf4ff;border-color:#d9e7fa}
.ot-timeline li>div{flex:1;padding-top:4px}
.ot-timeline header{display:flex;align-items:center;justify-content:space-between;gap:14px}
.ot-timeline strong{font-size:13px;line-height:1.6}
.ot-event-type{padding:3px 8px;background:#f2f4f7;color:#77818c;border-radius:5px;font-size:10px;line-height:1.6;flex-shrink:0}
.ot-timeline .actual .ot-event-type{background:#edf4ff;color:#326bb5}
.ot-timeline p{font-size:12px;line-height:1.65;color:#657383;margin:6px 0}
.ot-timeline time{font-size:11px;color:#89949f;line-height:1.6}
.ocean-tracking-disclosure .ot-card{margin-top:16px}
@media(max-width:1100px){.ot-fields{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.ot-card .ot-fields>.btn{grid-column:1/-1;justify-self:end;min-width:145px}}
@media(max-width:600px){
 .ocean-tracking.ot-card{padding:20px 18px;border-radius:12px}
 .ot-heading{gap:11px;margin-bottom:20px;flex-wrap:wrap}
 .ot-heading-icon{flex-basis:38px;height:38px;border-radius:10px}
 .ot-card .ot-heading h2{font-size:17px}
 .ot-provider{font-size:10px;padding:5px 7px}
 .ot-booking-context{padding:16px;margin-bottom:22px}
 .ot-booking-context dl{grid-template-columns:1fr;gap:16px}
 .ot-booking-context dd{font-size:13px}
 .ot-fields{grid-template-columns:1fr;gap:17px}
 .ot-field input,.ot-field select{font-size:16px}
 .ot-card .ot-fields>.btn{justify-self:stretch;width:100%}
 .ot-feedback{align-items:flex-start;padding:16px;gap:12px}
 .ot-feedback .ot-feedback-icon{flex-basis:32px;height:32px}
 .ot-feedback svg{width:17px;height:17px}
 .ot-feedback strong{font-size:12px}
 .ot-feedback p{font-size:11px}
 .ot-last-event{padding:16px}
 .ot-timeline header{align-items:flex-start;gap:8px;flex-wrap:wrap}
 .ot-result-heading{flex-wrap:wrap;gap:8px}
}

.ow-tab-content .ocean-charges { margin-bottom: 20px; }
.ocean-charges > .ocean-charges-head { align-items: center; margin-bottom: 0; }
.ocean-charges-head .btn { min-height: 44px; flex-shrink: 0; }
.ocean-charges-head h2 { margin-top: 8px; }
.ocean-charge-calculation { margin-top: 24px; padding: 20px; border: 1px solid #e5eaf0; border-radius: 14px; }
.ocean-charge-calculation h3 { margin: 0 0 16px; font-size: 15px; }
.ocean-charge-calculation dl { display: grid; gap: 14px; margin: 0; }
.ocean-charge-calculation dl > div { display: flex; justify-content: space-between; gap: 16px; }
.ocean-charge-calculation dt { color: #627182; font-size: 13px; }
.ocean-charge-calculation dd { margin: 0; font-size: 14px; font-weight: 600; text-align: end; overflow-wrap: anywhere; }
.ocean-charge-calculation dl > div:last-child { border-top: 1px solid #e5eaf0; padding-top: 16px; }
.ocean-charge-calculation dl > div:last-child dd { font-size: 20px; }
.ocean-charges .ocean-hint { margin: 16px 0 0; line-height: 1.7; }
@media (max-width: 600px) {
  .ocean-charge-calculation { padding: 16px; }
  .ocean-charges .ocean-charge-lines li { grid-template-columns: minmax(0,1fr); gap: 12px; }
  .ocean-charges .ocean-charge-lines li > div:last-child { text-align: start; max-width: none; }
  .ocean-charges .ocean-charge-lines li > div:last-child b { font-size: 18px; }
  .ocean-charge-calculation dt { max-width: 65%; }
}