.ex-card{border:1px solid #d7d7d7;margin:0 8px 26px}.ex-section-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;padding:10px;font-size:12px}.ex-section-head small{color:#b6bdc3;font-size:11px}.ex-card-body{padding:9px}.ex-custom-row,.ex-attachment-row{border:1px solid #d8d8d8;display:flex;align-items:center;gap:8px;padding:5px 10px;margin-bottom:8px;min-height:41px}.ex-custom-row>span{width:116px;flex-shrink:0}.ex-custom-row label{display:flex;align-items:center;white-space:nowrap}.ex-custom-row label:nth-child(2),.ex-custom-row label:nth-child(3){flex:1}.ex-custom-row input:not([type=checkbox]){width:calc(100% - 60px);min-width:60px;height:29px;border:1px solid #d8d8d8;margin-left:4px;color:#80878d}.ex-custom-row input[type=checkbox],.ex-panel input[type=checkbox]{width:14px;height:14px;accent-color:#007eb7;margin-right:7px}.ex-attachment-row>span{width:32%}.ex-attachment-row input{width:200px;height:29px;border:1px solid #ddd}.ex-panel .sys-save{margin-top:8px;padding-bottom:14px}.ex-blue{background:#007eb7;color:white;border:0;padding:8px 15px;margin:0 0 9px 12px}.ex-routes{min-width:780px}.ex-client-basic,.ex-client-columns{padding:0 8px 14px}.ex-client-columns{border-top:14px solid #eff1f4}.ex-client-flags{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:20px 22px 5px 100px}.ex-client-flags label{display:flex;align-items:flex-start;min-height:41px;line-height:17px}.ex-pda{width:340px;margin:0 auto;padding:7px 0}.ex-pda label{display:flex;align-items:center;height:42px}.ex-template-row{display:grid;grid-template-columns:180px 1fr;gap:10px;min-height:195px}.ex-template-row>span{text-align:right;padding-top:7px}.ex-template-links{display:flex;gap:16px;margin-bottom:20px}.ex-template-links button{border:0;background:white;color:#0083c6;font-size:11px;padding:7px 0}.ex-upload-area{display:flex;gap:12px}.ex-upload{width:94px;height:94px;border:1px dashed #ddd;background:#fafafa;display:grid;place-items:center;font-size:45px;color:#ccc;position:relative}.ex-upload input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.ex-file{width:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:35px;color:#62b15e}.ex-file small{font-size:11px;color:#7b858d;overflow-wrap:anywhere}.ex-home-notices{background:white;padding:20px;margin-top:18px}.ad-page .filter-grid{gap:18px}.ad-page .filter-pair{height:29px}.ad-page .filter-pair>span{width:108px;font-size:11px;background:#eee}.ad-page .filter-pair input{flex:1;width:50%;min-width:0;border:1px solid #ddd;font-size:11px;padding:5px}.ad-page .filter-buttons button{height:28px;font-size:11px}.ad-page .action-bar{margin:18px 0 7px}.ad-page .action-dark{height:26px;font-size:11px}.ad-page .table-tools{background:#fff;padding:7px;gap:0}.ad-page .table-tools button{font-size:11px;padding:5px 16px}.ad-page .status-tabs{border-bottom:4px solid #f44}.ad-page table{font-size:11px}.ad-page th,.ad-page td{padding:12px 6px;font-weight:400;color:#73818b}.ad-page th:first-child{width:25px}.ad-page tr:nth-child(even){background:#f9f9f9}.ad-page .nw-dot.off{background:red}.ad-form{max-width:720px;margin:0 auto 24px}.ad-form .nw-field{grid-template-columns:130px minmax(0,494px)}.ad-role-tabs{display:flex;border-bottom:1px solid #eee;gap:10px;margin-bottom:15px}.ad-role-tabs button{border:0;background:white;font-size:11px;padding:12px;color:#7f8b94}.ad-role-tabs .active{color:#008bd0;border-bottom:2px solid #008bd0}.ad-permissions section{border:1px solid #eee;margin-bottom:22px}.ad-permissions header{border-bottom:1px solid #eee;padding:10px}.ad-permissions section>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px 10px;padding:14px}.ad-permissions label{display:flex;align-items:flex-start;gap:7px;font-size:11px;line-height:15px}.ad-modal input[type=checkbox]{width:14px;height:14px;accent-color:#007eb7;margin:0;flex-shrink:0}.at-columns{max-width:700px;margin:25px auto 0;display:grid;grid-template-columns:192px 1fr;gap:15px}.at-columns section{border:1px solid #eee;padding:6px}.at-columns strong{display:block;font-size:14px;margin:4px 0 10px}.at-available label{border:1px solid #eee;border-radius:3px;padding:10px 6px;display:flex;gap:8px;margin-bottom:8px;min-height:36px}.at-selected>div{display:flex;align-items:center;gap:3px;border:1px solid #eee;border-radius:3px;padding:8px 4px;margin-bottom:8px;cursor:grab}.at-selected>div>span{width:95px;text-align:right;flex-shrink:0}.at-selected label{display:flex;align-items:center;white-space:nowrap;min-width:0;font-size:10px}.at-selected input{width:80px;min-width:35px;height:23px;border:1px solid #eee;font:inherit;color:#7c8993}.at-selected button{border:0;background:white;color:#888;padding:0 2px;font-size:12px}.at-print-layout{display:grid;grid-template-columns:minmax(0,660px) 165px;gap:30px;max-width:890px;margin:auto}.at-print-layout .ad-form .nw-field{grid-template-columns:125px minmax(0,330px)}.at-print-layout aside button{display:block;text-align:left;border:0;background:white;color:#7b8792;font-size:11px;padding:4px;overflow-wrap:anywhere}.at-print-layout aside small{display:block;margin-top:15px;line-height:1.6}.at-editor-wrap{display:grid;grid-template-columns:125px 330px;gap:10px}.at-editor-wrap>label{text-align:right;padding-top:7px}.at-toolbar{display:flex;flex-wrap:wrap;border:1px solid #ddd;padding:4px;background:#fafafa;gap:3px}.at-toolbar button{background:#fafafa;border:1px solid #ddd;border-radius:3px;padding:7px;font-size:13px;color:#222}#at-editor{min-height:420px;border:1px solid #ddd;padding:8px;color:#333;font-size:13px}#at-editor table{border-collapse:collapse}#at-editor td{border:1px solid #aaa}#at-source{width:100%;min-height:400px;font:12px monospace}.ad-modal .modal-foot{flex-wrap:wrap}.ad-modal .modal-foot button{min-width:180px}.ad-form [role=switch]{appearance:none!important;width:40px!important;height:20px!important;border-radius:12px;background:#ccc;position:relative}.ad-form [role=switch]:checked{background:#007eb7}.ad-form [role=switch]:after{content:'';position:absolute;width:16px;height:16px;left:2px;top:2px;border-radius:50%;background:white}.ad-form [role=switch]:checked:after{left:22px}
.ad-staff-form{max-width:none;margin:0}.ad-staff-columns{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding:0 14px}.ad-staff-form .nw-field{grid-template-columns:100px minmax(0,247px);gap:10px;margin-bottom:21px;position:relative}.ad-staff-form .nw-check-field{min-height:20px;margin-bottom:21px}.ad-staff-form .nw-field input[type=checkbox]{margin-right:7px}.ad-staff-form .ad-password-toggle{position:absolute;left:328px;top:1px;width:28px;height:27px;border:0;background:transparent;color:#929292;font-size:13px}.ad-staff-form .ad-password-field input{padding-right:30px!important}.ad-staff-form input::placeholder{color:#b6bdc2}.ad-staff-form .nw-checkbox{padding-top:7px}@media(max-width:700px){.ad-staff-columns{grid-template-columns:1fr}.ad-staff-form .nw-field{grid-template-columns:100px minmax(0,247px)}}
.si-form{max-width:740px;margin:0 auto}.si-row{display:grid;grid-template-columns:170px minmax(0,494px);gap:10px;margin-bottom:21px;align-items:start}.si-row>span{text-align:right;padding-top:7px}.si-row em{color:#f55;font-style:normal}.si-row select{height:29px;border:1px solid #ddd;color:#80878d;width:100%}.si-links{display:flex;gap:18px;margin:0 0 17px}.si-links button{padding:7px 0;border:0;background:white;color:#008bd0;font-size:11px}.si-upload{display:grid;place-items:center;width:94px;height:94px;background:#fafafa;border:1px dashed #ddd;font-size:45px;color:#ccc;position:relative}.si-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}#si-preview{margin:25px 20px}#si-preview>button{margin-top:16px;padding:7px 30px;border:0}.si-errors{color:#bd4242;max-height:200px;overflow:auto;line-height:1.8}
.country-picker{position:fixed;z-index:10001;background:white;box-shadow:0 5px 18px #0003;border:1px solid #ddd;padding:4px;font-size:11px;color:#7b8790}.country-picker>input{width:100%;height:29px;border:1px solid #008bce;padding:5px 8px;outline:0;font-size:11px}.country-picker>[role=listbox]{max-height:245px;overflow:auto;margin-top:5px}.country-picker button{display:block;width:100%;border:0;text-align:left;background:white;color:#80878d;padding:8px 10px;font-size:11px}.country-picker button:hover,.country-picker button:focus,.country-picker button[aria-selected=true]{background:#f2f4f5;outline:0}
/* 全系统右侧抽屉统一占网页宽度的四分之三。 */
.demo-modal:is(.order-drawer,.cu-modal,.fi-modal,.fs-modal,.nw-modal,.wh-modal){width:85vw!important;max-width:85vw!important;min-width:0}
/* 抽屉按自身可用宽度排版；内容滚动，操作区始终留在窗口内。 */
.demo-modal:is(.order-drawer,.cu-modal,.fi-modal,.fs-modal,.nw-modal,.wh-modal){container-type:inline-size;height:100dvh;max-height:100dvh;display:flex;flex-direction:column;overflow:hidden}
.demo-modal:is(.order-drawer,.cu-modal,.fi-modal,.fs-modal,.nw-modal,.wh-modal)>.modal-head{flex-shrink:0}
.demo-modal:is(.order-drawer,.cu-modal,.fi-modal,.fs-modal,.nw-modal,.wh-modal)>.modal-content{flex:1 1 0;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain}
.demo-modal:is(.order-drawer,.cu-modal,.fi-modal,.fs-modal,.nw-modal,.wh-modal)>.modal-foot{flex:0 0 auto;height:auto;min-height:54px;flex-wrap:wrap;background:#fff;padding:12px 16px;gap:10px}
.order-drawer .oc-columns,.cu-modal .modal-grid,.fi-columns,.wh-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.cu-modal .cu-form-col>label,.fi-modal .fi-field,.fs-modal .modal-grid label{grid-template-columns:100px minmax(0,1fr)}
.wh-modal .wh-field{grid-template-columns:130px minmax(0,1fr)}
.nw-modal .nw-columns .nw-field{grid-template-columns:110px minmax(0,1fr)}
.demo-modal :is(.oc-columns,.nw-columns,.wh-columns,.fi-columns,.modal-grid)>*{min-width:0}
.demo-modal :is(input,select,textarea){max-width:100%}
.ad-staff-form .ad-password-toggle{left:auto;right:0}
@container (max-width: 1050px){
 .nw-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ex-custom-row{flex-wrap:wrap}.ex-custom-row>span{width:100%}
 .ex-client-flags{padding-left:12px;gap:12px}
 .at-print-layout{grid-template-columns:minmax(0,1fr) 155px;gap:15px}
 .at-print-layout .ad-form .nw-field,.at-editor-wrap{grid-template-columns:100px minmax(0,1fr)}
 .ad-permissions section>div{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@container (max-width: 800px){
 .order-drawer .oc-columns,.cu-modal .modal-grid,.fi-columns,.wh-columns,.ad-staff-columns,.nw-cols-2,.nw-cols-3,.fs-modal .modal-grid{grid-template-columns:minmax(0,1fr);gap:12px}
 .order-drawer:has(.oc-order-form) .modal-content{padding:12px 16px}
 .oc-order-form .oc-cargo-top{flex-wrap:wrap;gap:16px;min-height:0}.oc-order-form .oc-packing{margin-left:0}
 .sys-layout{grid-template-columns:120px minmax(0,1fr)}
 .sys-initial .nw-field,.nw-single .nw-field,.ad-form .nw-field,.ad-staff-form .nw-field,.si-row{grid-template-columns:100px minmax(0,1fr)}
 .at-columns{grid-template-columns:160px minmax(0,1fr)}.at-selected>div{flex-wrap:wrap}
 .ad-permissions section>div{grid-template-columns:repeat(3,minmax(0,1fr))}
 .ex-template-row{grid-template-columns:100px minmax(0,1fr)}.ex-template-links{flex-wrap:wrap}
 .sys-panel .nw-cols-2 .nw-field{grid-template-columns:100px minmax(0,1fr)}
 .cd-address-grid,.cd-cert-addresses{grid-template-columns:minmax(0,1fr);gap:14px}
}
@container (max-width: 550px){
 .sys-layout{grid-template-columns:minmax(0,1fr)}.sys-layout>aside{display:flex;flex-wrap:wrap}.sys-layout>aside button{width:auto}
 .ex-client-flags{grid-template-columns:minmax(0,1fr)}.ex-pda{width:auto;padding-left:12px}
 .ad-permissions section>div{grid-template-columns:repeat(2,minmax(0,1fr))}.ad-role-tabs{flex-wrap:wrap}
 .at-print-layout,.at-columns{grid-template-columns:minmax(0,1fr)}.at-available{max-height:200px;overflow:auto}
 .si-links{flex-wrap:wrap;gap:6px}.oc-order-form .oc-flags{grid-template-columns:repeat(2,minmax(0,1fr))}
 .nw-modal .modal-foot button{min-width:0;flex:1 1 100px}
}
.shipment-tool-menu{position:fixed;z-index:25;min-width:115px;background:white;box-shadow:0 6px 18px #0003;padding:5px 0;border-radius:2px}.shipment-tool-menu button{display:block;width:100%;border:0;background:#fff;text-align:left;padding:6px 14px;color:#75828c;font-size:12px;white-space:nowrap}.shipment-tool-menu button:hover,.shipment-tool-menu button:focus{background:#f0f0f0;outline:none}.table-tools button[aria-expanded=true]{background:#e4e4e4}
.lp-toolbar{display:flex;gap:24px;align-items:center;flex-wrap:wrap;padding:12px}.lp-toolbar select{height:30px;border:1px solid #ccc;margin-left:8px;color:#657583}.lp-note{padding:0 12px;color:#85909a}#lp-preview{display:flex;flex-wrap:wrap;gap:22px;background:#edf0f3;padding:22px;overflow:auto}#lp-preview .lp-sheet{flex-shrink:0;box-shadow:0 2px 8px #0002;color:#111;font:12px Arial,"Microsoft YaHei",sans-serif}
#lp-preview{justify-content:center;align-items:flex-start}#lp-preview .lp-sheet{padding:0;margin:0;overflow:hidden;background:white}#lp-preview .lp-sheet img{display:block;width:100%;height:100%}
/* 标签打印采用居中预览窗，独立于业务右侧抽屉。 */
.demo-modal.lp-modal{position:fixed;left:50%;right:auto;top:9vh;transform:translateX(-50%);width:min(1080px,calc(100vw - 32px));max-width:calc(100vw - 32px);height:auto;max-height:82dvh;min-width:0;display:flex;flex-direction:column;background:white}
.lp-modal .modal-head{height:45px;min-height:45px;padding:0 13px}.lp-modal .modal-head h2{font-size:16px;color:#777}
.lp-modal .modal-content{padding:5px 12px 12px;min-height:0;overflow:auto;flex:0 1 auto}
.lp-modal .lp-toolbar{padding:0;position:absolute;top:9px;right:50px;font-size:11px;gap:10px}.lp-modal .lp-toolbar select{height:25px;font-size:11px;margin-left:4px}
.lp-modal #lp-preview{background:white;padding:0;gap:16px;overflow:visible;flex-direction:column;align-items:center}
.lp-modal #lp-preview .lp-sheet{width:340px!important;max-width:100%;height:auto!important;box-shadow:none;flex-shrink:0}
.lp-modal #lp-preview .lp-sheet img{height:auto}
.lp-modal .modal-foot{padding:10px;gap:12px;min-height:47px;align-items:center;flex-wrap:wrap;flex:none;border-top:1px solid #eee}
.lp-modal .modal-foot label{display:flex;align-items:center;gap:3px;font-size:11px;color:#777;white-space:nowrap}
.lp-modal .modal-foot button{min-width:0;height:25px;padding:0 8px;font-size:12px}
.lp-modal .modal-foot [data-lp-print]{background:#405864!important;border-color:#405864!important;color:white!important}
.lp-modal .modal-foot [data-command="close-modal"]{display:none}
@media(max-width:600px){.lp-modal .lp-toolbar{position:static;justify-content:center;margin-bottom:8px}.demo-modal.lp-modal{top:4vh;max-height:92dvh}}
.so-modal .modal-content{background:#eff2f5;padding:14px 18px!important}.so-modal .modal-head h2{font-size:14px}.so-actions{margin-left:auto;margin-right:14px}.so-modal button{border:1px solid #d6dadd;background:#f5f6f7;color:#647587;padding:4px 9px;font-size:11px}
.so-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:14px;background:white;margin-bottom:14px}.so-cards>div{position:relative;padding:18px 14px;box-shadow:0 0 7px #0001;min-width:0}.so-cards strong{font-size:18px;display:block;padding-right:28px;overflow-wrap:anywhere}.so-cards small{display:block;margin-top:6px}.so-cards span{position:absolute;right:12px;top:22px;font-size:32px;color:#488e72}.so-cards>div:nth-child(3) span{color:#50bfdc}.so-cards>div:nth-child(4) span{color:#f7ae45}
.so-stats{display:grid;grid-template-columns:repeat(6,1fr);background:white;padding:22px 8px;margin-bottom:14px;text-align:center}.so-stats strong,.so-stats small{display:block}.so-stats small{margin-top:8px}.so-main{display:grid;grid-template-columns:3fr 1fr;gap:14px}.so-panel{background:white;margin-bottom:14px;min-width:0}.so-panel>header{display:flex;gap:4px;align-items:center;border-bottom:1px solid #e4e7eb;padding:8px 14px}.so-panel h3{font-size:16px;font-weight:400;margin:0 auto 0 0}.so-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 22px;padding:18px 14px;font-size:12px;line-height:1.7}.so-info>div{overflow-wrap:anywhere;min-width:0}.so-info b{display:block}.so-route{padding:14px;font-size:12px}.so-route>div{position:relative;padding:0 0 15px 20px}.so-route>div::before{content:"";position:absolute;left:0;top:4px;width:10px;height:10px;box-sizing:border-box;border:2px solid #007db5;border-radius:50%;background:#fff;z-index:1}.so-route>div:not(:last-child)::after{content:"";position:absolute;left:4px;top:9px;bottom:-9px;width:1px;background:#e4e7eb}.so-route p{margin:6px 0}.so-bottom{display:grid;grid-template-columns:1fr 1fr;gap:14px}.so-panel .table-scroll{max-width:100%;overflow:auto}.so-panel td{white-space:normal}.so-panel .empty{padding:30px}
@container(max-width:800px){.so-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.so-main,.so-bottom{grid-template-columns:1fr}.so-info{grid-template-columns:repeat(2,minmax(0,1fr))}.so-stats{grid-template-columns:repeat(3,1fr);gap:18px}}
.sda-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px 50px;padding:4px 24px}.sda-columns .nw-field{margin:0}.sda-single{max-width:640px;margin:0 auto;display:grid;gap:22px}.sda-single .nw-field{margin:0}.sda-modal .modal-content{padding:18px}.sda-grid{margin-top:22px}.sda-grid table{table-layout:auto}.sda-grid td{padding:0;min-width:95px;border:1px solid #d5d5d5}.sda-grid input{width:100%;min-width:90px;border:0;height:30px;padding:4px}.sda-grid input:focus{outline:1px solid #007db5;outline-offset:-1px}.sda-grid input[readonly]{background:#f7f8f9}.sda-grid th{border:1px solid #d5d5d5;background:#f0f0f0;padding:6px}.sda-fill{display:flex;gap:6px;margin-top:20px;flex-wrap:wrap}.sda-fill input{width:110px;height:30px}.sda-tracking{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:20px}.sda-tracking aside{margin-top:22px;max-height:65vh;overflow:auto}.sda-tracking aside>input{position:sticky;top:0;width:100%;height:32px}.sda-tracking td{white-space:normal}.sda-totals{padding:18px}.so-panel>header{flex-wrap:wrap}.so-panel>header h3{min-width:85px}.sda-compact{height:auto!important;max-height:85vh!important;width:min(720px,90vw)!important;top:10vh!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important}.sda-compact .modal-content{padding:20px}.sda-modal .nw-segment label:has(input:checked){background:#007db5;color:white}.sda-modal .nw-field textarea{min-height:65px}.sda-modal input,.sda-modal textarea,.sda-modal select{color:#657583}.sda-modal .modal-foot{flex-shrink:0}
@container(max-width:700px){.sda-columns{grid-template-columns:1fr;padding:0;gap:18px}.sda-tracking{grid-template-columns:1fr}.sda-tracking aside{max-height:230px}}
.sda-columns>div{display:grid;gap:22px;align-content:start}.sda-modal .nw-field>div{flex:1;min-width:0}.sda-modal .nw-field input:not([type=radio]):not([type=checkbox]),.sda-modal .nw-field select,.sda-modal .nw-field textarea{width:100%}.sda-modal .modal-content button{border:1px solid #d4d9df;background:#f7f8f9;padding:4px 8px;color:#657583}#sda-carriers button{border:0;background:transparent;padding:0;text-align:left;color:#007db5}.sda-single{padding-top:4px}
.so-panel .sda-product-image{display:inline-flex;align-items:center;justify-content:center;width:68px;height:52px;color:#32bc98;background:white;border:1px solid #bde8dc;padding:3px;cursor:pointer}.sda-product-image img{max-width:100%;max-height:100%;object-fit:contain}.sda-product-image:hover{background:#eafaf5}.sda-product-image:focus-visible{outline:2px solid #007db5;outline-offset:2px}
.sda-box-summary table{min-width:960px}.sda-box-summary th,.sda-box-summary td{font-size:11px;padding:9px 7px}.sda-box-summary td{line-height:1.65}.sda-box-summary td:first-child{min-width:145px;white-space:nowrap;color:#1686b0}.sda-box-summary td:nth-child(3),.sda-box-summary td:nth-child(4){min-width:125px}.sda-status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#ed2929}.sda-status-dot.is-yes{background:#2ca45b}
.sda-declaration-views{display:flex;padding:7px 12px;gap:0}.sda-declaration-views button{font-size:11px;padding:4px 9px;border:1px solid #d7dce1;background:#fff;color:#73808c}.sda-declaration-views button[aria-selected=true]{background:#007db5;color:#fff;border-color:#007db5}
.so-panel header:has(.sda-declaration-views) h3{margin-right:12px}.so-panel header .sda-declaration-views{padding:0;margin-right:auto}

.si-upload[data-state=ready]{background:#f0faf1;border-color:#5db660;color:#5db660}.si-upload[data-state=error]{background:#fff5f5;border-color:#d66;color:#c44}.si-upload[data-state=reading]{background:#f3f8fc;color:#478cb7}


.so-profit{display:grid;grid-template-columns:repeat(5,1fr);background:#fff;text-align:center;padding:22px 12px;margin-bottom:14px}.so-profit strong{display:block;font-size:22px;color:#657583}.so-profit small{display:block;margin-top:8px;font-size:12px}.so-fee-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.so-fee-columns th,.so-fee-columns td{padding:10px 7px;font-size:12px;white-space:nowrap}.so-fee-columns .empty{text-align:center;color:#a1aab2;min-height:135px}.so-fee-columns h3{font-size:16px}.so-fee-field{display:flex;gap:12px;align-items:center;margin:18px auto;max-width:560px}.so-fee-field>span{width:80px;text-align:right}.so-fee-field input,.so-fee-field select{flex:1;min-width:0;height:30px;border:1px solid #dce4ec;padding:4px 8px}.so-fee-editor .modal-foot button{flex:none;width:140px}

/* Shipment finance panels follow the supplied detail layout. */
.so-fee-columns{align-items:stretch}.so-fee-columns>.so-panel{border-radius:0;min-height:220px}.so-fee-columns>.so-panel>header{padding:8px 14px;gap:0;min-height:42px;flex-wrap:nowrap}.so-fee-columns h3{white-space:nowrap;font-weight:400}.so-fee-columns header>button{border:1px solid #ddd;background:#f0f0f0;border-radius:0;padding:5px 8px;white-space:nowrap;color:inherit}.so-fee-columns header>button+button{border-left:0}.so-fee-columns table{width:100%;table-layout:fixed;min-width:0}.so-fee-columns th,.so-fee-columns td{padding:10px 4px;white-space:normal;overflow-wrap:anywhere;text-align:left;line-height:1.6}.so-fee-columns th{font-weight:600;background:#fafafa}.so-fee-columns tbody tr:nth-child(even){background:#f8f8f8}.so-fee-columns td:first-child{font-weight:600}.so-fee-empty{height:155px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#bfc2c5}.so-fee-toggle{border:0;background:transparent;color:inherit;cursor:pointer;padding:0 3px}.so-profit{padding:22px 12px;min-height:82px;align-items:center}.sda-declaration-totals{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;gap:12px;margin:0;padding:24px 12px}.sda-declaration-totals b{font-weight:600}@container(max-width:650px){.sda-declaration-totals{grid-template-columns:repeat(2,1fr)}}

.so-modal .so-fee-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:14px}.so-modal .so-fee-columns>.so-panel{min-width:0}.so-modal .so-fee-columns>.so-panel>header{flex-wrap:wrap}.so-modal .so-fee-columns .table-scroll{overflow-x:auto}

/* Align typography and header baselines across shipment finance and log panels. */
.so-modal .so-fee-columns,.so-modal .so-bottom{font-family:inherit;font-size:12px;color:#80878d}
.so-modal .so-fee-columns>.so-panel>header,.so-modal .so-bottom>.so-panel>header{height:44px;box-sizing:border-box;padding:7px 14px;display:flex;align-items:center;flex-wrap:nowrap;gap:0}
.so-modal .so-fee-columns h3,.so-modal .so-bottom h3{font-family:inherit;font-size:18px;line-height:28px;font-weight:400;margin:0 auto 0 0;min-width:0;white-space:nowrap}
.so-modal .so-fee-columns header>button,.so-modal .so-bottom header>button{font-family:inherit;font-size:12px;line-height:18px;height:28px;padding:4px 8px;box-sizing:border-box;border:1px solid #ddd;border-radius:2px;background:#f0f0f0;color:inherit;white-space:nowrap;flex-shrink:0}
.so-modal .so-fee-columns header>button+button,.so-modal .so-bottom header>button+button{border-left:0}
.so-modal .so-fee-columns th,.so-modal .so-bottom th{font-family:inherit;font-size:12px;font-weight:600;line-height:20px;padding:8px 5px;text-align:left;vertical-align:middle;background:#fafafa}
.so-modal .so-fee-columns td,.so-modal .so-bottom td{font-family:inherit;font-size:12px;line-height:20px;padding:12px 5px;text-align:left;vertical-align:middle}
.so-modal .so-fee-columns th{white-space:nowrap;overflow-wrap:normal}
.so-modal .so-fee-columns table{table-layout:auto}
.so-modal .so-fee-toggle{font-family:inherit;font-size:18px;line-height:20px;vertical-align:middle}
.so-modal .so-profit strong{font-family:inherit;font-size:22px;line-height:28px;font-weight:600;color:#80878d}
.so-modal .so-profit small{font-family:inherit;font-size:12px;line-height:20px;color:#80878d}

.so-fee-grid{overflow:auto}.so-fee-grid table{width:100%;min-width:1100px;border-collapse:collapse;table-layout:fixed}.so-fee-grid th,.so-fee-grid td{border:1px solid #d8d8d8;padding:0;font-size:12px;height:30px;text-align:center}.so-fee-grid th{background:#f0f0f0;font-weight:400}.so-fee-grid th:first-child{width:42px}.so-fee-grid th:nth-child(2){width:210px}.so-fee-grid input,.so-fee-grid select{width:100%;min-width:0;height:29px;border:0;background:transparent;padding:3px 6px;font:inherit;color:inherit;box-sizing:border-box}.so-fee-grid [data-fee-result]{color:#c44;overflow-wrap:anywhere}.so-fee-grid input:focus,.so-fee-grid select:focus{outline:1px solid #0084b9;outline-offset:-1px}

#toast{z-index:20000}.so-fee-message{color:#c44;font-size:12px;line-height:20px;margin:12px 0}.so-fee-grid [data-fee-result]{white-space:normal;line-height:18px;word-break:break-word}

/* Larger shipment weight and carton summary text. */
.so-modal .so-stats strong{font-size:20px;line-height:28px;font-weight:600}.so-modal .so-stats small{font-size:14px;line-height:22px;margin-top:8px}

.so-modal .so-fee-type,.so-modal .so-fee-rate{display:block;line-height:20px}.so-modal .so-fee-columns .so-fee-type-cell{min-width:75px}.so-modal .so-fee-rate{font-size:12px;overflow-wrap:normal;word-break:normal}
